/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C; }

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8; }

.light-card {
  background-color: var(--light-background); }

.light-background {
  background-color: var(--light-bg); }

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  transform: rotate(-45deg);
  display: inline-block; }

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-l-50 {
  margin-left: 50px !important; }

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important; }

.b-r-1 {
  border-radius: 1px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-r-11 {
  border-radius: 11px !important; }

.b-r-12 {
  border-radius: 12px !important; }

.b-r-13 {
  border-radius: 13px !important; }

.b-r-14 {
  border-radius: 14px !important; }

.b-r-15 {
  border-radius: 15px !important; }

.b-r-16 {
  border-radius: 16px !important; }

.b-r-17 {
  border-radius: 17px !important; }

.b-r-18 {
  border-radius: 18px !important; }

.b-r-19 {
  border-radius: 19px !important; }

.b-r-20 {
  border-radius: 20px !important; }

.b-r-21 {
  border-radius: 21px !important; }

.b-r-22 {
  border-radius: 22px !important; }

.b-r-23 {
  border-radius: 23px !important; }

.b-r-24 {
  border-radius: 24px !important; }

.b-r-25 {
  border-radius: 25px !important; }

.b-r-26 {
  border-radius: 26px !important; }

.b-r-27 {
  border-radius: 27px !important; }

.b-r-28 {
  border-radius: 28px !important; }

.b-r-29 {
  border-radius: 29px !important; }

.b-r-30 {
  border-radius: 30px !important; }

.b-r-31 {
  border-radius: 31px !important; }

.b-r-32 {
  border-radius: 32px !important; }

.b-r-33 {
  border-radius: 33px !important; }

.b-r-34 {
  border-radius: 34px !important; }

.b-r-35 {
  border-radius: 35px !important; }

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.f-34 {
  font-size: 34px !important; }

.f-36 {
  font-size: 36px !important; }

.f-38 {
  font-size: 38px !important; }

.f-40 {
  font-size: 40px !important; }

.f-42 {
  font-size: 42px !important; }

.f-44 {
  font-size: 44px !important; }

.f-46 {
  font-size: 46px !important; }

.f-48 {
  font-size: 48px !important; }

.f-50 {
  font-size: 50px !important; }

.f-52 {
  font-size: 52px !important; }

.f-54 {
  font-size: 54px !important; }

.f-56 {
  font-size: 56px !important; }

.f-58 {
  font-size: 58px !important; }

.f-60 {
  font-size: 60px !important; }

.f-62 {
  font-size: 62px !important; }

.f-64 {
  font-size: 64px !important; }

.f-66 {
  font-size: 66px !important; }

.f-68 {
  font-size: 68px !important; }

.f-70 {
  font-size: 70px !important; }

.f-72 {
  font-size: 72px !important; }

.f-74 {
  font-size: 74px !important; }

.f-76 {
  font-size: 76px !important; }

.f-78 {
  font-size: 78px !important; }

.f-80 {
  font-size: 80px !important; }

.f-82 {
  font-size: 82px !important; }

.f-84 {
  font-size: 84px !important; }

.f-86 {
  font-size: 86px !important; }

.f-88 {
  font-size: 88px !important; }

.f-90 {
  font-size: 90px !important; }

.f-92 {
  font-size: 92px !important; }

.f-94 {
  font-size: 94px !important; }

.f-96 {
  font-size: 96px !important; }

.f-98 {
  font-size: 98px !important; }

.f-100 {
  font-size: 100px !important; }

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100; }

.f-w-300 {
  font-weight: 300; }

.f-w-500 {
  font-weight: 500; }

.f-w-400 {
  font-weight: 400; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-900 {
  font-weight: 900; }

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal; }

.f-s-italic {
  font-style: italic; }

.f-s-oblique {
  font-style: oblique; }

.f-s-initial {
  font-style: initial; }

.f-s-inherit {
  font-style: inherit; }

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-dashed {
  text-decoration: dashed; }

.text-blink {
  text-decoration: blink; }

.text-dotted {
  text-decoration: dotted; }

.text-initial {
  text-decoration: initial; }

.text-none {
  text-decoration: none; }

.text-solid {
  text-decoration: solid; }

.text-wavy {
  text-decoration: wavy; }

.text-inherit {
  text-decoration: inherit; }

.text-double {
  text-decoration: double; }

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline; }

.sub {
  vertical-align: sub; }

.super {
  vertical-align: super; }

.top {
  vertical-align: top; }

.text-top {
  vertical-align: text-top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.text-bottom {
  vertical-align: text-bottom; }

.initial {
  vertical-align: initial; }

.inherit {
  vertical-align: inherit; }

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-relative {
  position: relative; }

.p-initial {
  position: initial; }

.p-inherit {
  position: inherit; }

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden; }

.o-visible {
  overflow: visible; }

.o-auto {
  overflow: auto; }

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important; }

.img-h-10 {
  height: 10px !important; }

.img-20 {
  width: 20px !important; }

.img-h-20 {
  height: 20px !important; }

.img-30 {
  width: 30px !important; }

.img-h-30 {
  height: 30px !important; }

.img-40 {
  width: 40px !important; }

.img-h-40 {
  height: 40px !important; }

.img-50 {
  width: 50px !important; }

.img-h-50 {
  height: 50px !important; }

.img-60 {
  width: 60px !important; }

.img-h-60 {
  height: 60px !important; }

.img-70 {
  width: 70px !important; }

.img-h-70 {
  height: 70px !important; }

.img-80 {
  width: 80px !important; }

.img-h-80 {
  height: 80px !important; }

.img-90 {
  width: 90px !important; }

.img-h-90 {
  height: 90px !important; }

.img-100 {
  width: 100px !important; }

.img-h-100 {
  height: 100px !important; }

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important; }

.font-secondary {
  color: #FE6A49 !important; }

.font-success {
  color: #00AC46 !important; }

.font-danger {
  color: #FE6A49 !important; }

.font-info {
  color: #173878 !important; }

.font-light {
  color: #E6E9EB !important; }

.font-dark {
  color: #2c323f !important; }

.font-warning {
  color: #FFAE1A !important; }

.font-primary {
  color: var(--theme-deafult) !important; }

.font-secondary {
  color: var(--theme-secondary) !important; }

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize; }

.label-theme {
  background-color: #006666; }

.label-primary {
  background-color: #006666; }

.label-secondary {
  background-color: #FE6A49; }

.label-success {
  background-color: #00AC46; }

.label-danger {
  background-color: #FE6A49; }

.label-info {
  background-color: #173878; }

.label-light {
  background-color: #E6E9EB; }

.label-dark {
  background-color: #2c323f; }

.label-warning {
  background-color: #FFAE1A; }

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666; }

.badge-secondary {
  background-color: #FE6A49; }

.badge-success {
  background-color: #00AC46; }

.badge-danger {
  background-color: #FE6A49; }

.badge-info {
  background-color: #173878; }

.badge-light {
  background-color: #E6E9EB; }

.badge-dark {
  background-color: #2c323f; }

.badge-warning {
  background-color: #FFAE1A; }

.badge-primary {
  background-color: var(--theme-deafult) !important; }

.badge-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff; }

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff; }

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important; }

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-success {
  background-color: #00AC46 !important;
  color: #fff; }

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff; }

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important; }

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-info {
  background-color: #173878 !important;
  color: #fff; }

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff; }

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important; }

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff; }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff; }

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important; }

.bg-dark {
  background-color: #2c323f !important;
  color: #fff; }

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff; }

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important; }

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff; }

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff; }

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important; }

.bg-primary {
  background-color: var(--theme-deafult) !important; }

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6); }

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important; }

.txt-secondary {
  color: #FE6A49 !important; }

.txt-success {
  color: #00AC46 !important; }

.txt-danger {
  color: #FE6A49 !important; }

.txt-info {
  color: #173878 !important; }

.txt-light {
  color: #E6E9EB !important; }

.txt-dark {
  color: #2c323f !important; }

.txt-warning {
  color: #FFAE1A !important; }

.txt-google-plus {
  color: #c64e40 !important; }

.txt-twitter {
  color: #6fa2d8 !important; }

.txt-linkedin {
  color: #0077B5 !important; }

.txt-fb {
  color: #50598e !important; }

.txt-primary {
  color: var(--theme-deafult) !important; }

.txt-secondary {
  color: var(--theme-secondary) !important; }

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@keyframes push {
  50% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #006666 !important;
    border-color: #006666 !important; }
  .btn-primary:focus {
    box-shadow: unset !important; }

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-secondary:focus {
    box-shadow: unset !important; }

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }
  .btn-success:focus {
    box-shadow: unset !important; }

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-danger:focus {
    box-shadow: unset !important; }

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #173878 !important;
    border-color: #173878 !important; }
  .btn-info:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }
  .btn-light:focus {
    box-shadow: unset !important; }

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #2c323f !important;
    border-color: #2c323f !important; }
  .btn-dark:focus {
    box-shadow: unset !important; }

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }
  .btn-warning:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important; }
  .btn-light:hover {
    background-color: rgba(0, 102, 102, 0.1) !important;
    border-color: rgba(0, 102, 102, 0.1) !important; }

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important; }

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important; }

.btn-hover-effect:hover {
  animation: push 0.5s linear 1; }

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent; }
  .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-check {
  color: #006666 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #006666 !important; }
    .btn-check:checked + .btn-outline-primary {
      color: white !important;
      background-color: #006666 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-primary {
    border-color: #006666 !important;
    color: #006666 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-primary.disabled {
      color: #006666; }
    .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
      color: white !important;
      background-color: #006666 !important;
      border-color: #006666 !important;
      box-shadow: none !important; }

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary.disabled {
    color: #006666;
    border-color: #006666; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-secondary {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-secondary {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-secondary.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #00AC46 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #00AC46 !important; }
    .btn-check:checked + .btn-outline-success {
      color: white !important;
      background-color: #00AC46 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-success.disabled {
      color: #00AC46; }
    .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
      color: white !important;
      background-color: #00AC46 !important;
      border-color: #00AC46 !important;
      box-shadow: none !important; }

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success.disabled {
    color: #00AC46;
    border-color: #00AC46; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-danger {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-danger.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #173878 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #173878 !important; }
    .btn-check:checked + .btn-outline-info {
      color: white !important;
      background-color: #173878 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-info {
    border-color: #173878 !important;
    color: #173878 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-info.disabled {
      color: #173878; }
    .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
      color: white !important;
      background-color: #173878 !important;
      border-color: #173878 !important;
      box-shadow: none !important; }

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info.disabled {
    color: #173878;
    border-color: #173878; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: #fff !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #E6E9EB !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #E6E9EB !important; }
    .btn-check:checked + .btn-outline-light {
      color: white !important;
      background-color: #E6E9EB !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-light {
    border-color: #E6E9EB !important;
    color: #E6E9EB !important;
    background-color: transparent;
    color: #051A1A; }
    .btn-check + .btn-outline-light.disabled {
      color: #E6E9EB; }
    .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
      color: white !important;
      background-color: #E6E9EB !important;
      border-color: #E6E9EB !important;
      box-shadow: none !important; }

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A; }
  .btn-outline-light.disabled {
    color: #E6E9EB;
    border-color: #E6E9EB; }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: #fff !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: unset !important; }

.btn-check {
  color: #2c323f !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #2c323f !important; }
    .btn-check:checked + .btn-outline-dark {
      color: white !important;
      background-color: #2c323f !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-dark {
    border-color: #2c323f !important;
    color: #2c323f !important;
    background-color: transparent; }
    .btn-check + .btn-outline-dark.disabled {
      color: #2c323f; }
    .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
      color: white !important;
      background-color: #2c323f !important;
      border-color: #2c323f !important;
      box-shadow: none !important; }

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark.disabled {
    color: #2c323f;
    border-color: #2c323f; }
  .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FFAE1A !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FFAE1A !important; }
    .btn-check:checked + .btn-outline-warning {
      color: white !important;
      background-color: #FFAE1A !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important;
    background-color: transparent; }
    .btn-check + .btn-outline-warning.disabled {
      color: #FFAE1A; }
    .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
      color: white !important;
      background-color: #FFAE1A !important;
      border-color: #FFAE1A !important;
      box-shadow: none !important; }

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning.disabled {
    color: #FFAE1A;
    border-color: #FFAE1A; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: unset !important; }

.btn-primary.active:not([disabled]):not(.disabled) {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  box-shadow: none !important; }
  .btn-primary.active:not([disabled]):not(.disabled):hover, .btn-primary.active:not([disabled]):not(.disabled):focus, .btn-primary.active:not([disabled]):not(.disabled):active, .btn-primary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #003333;
    border-color: #003333; }

.btn-secondary.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-secondary.active:not([disabled]):not(.disabled):hover, .btn-secondary.active:not([disabled]):not(.disabled):focus, .btn-secondary.active:not([disabled]):not(.disabled):active, .btn-secondary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-success.active:not([disabled]):not(.disabled) {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  box-shadow: none !important; }
  .btn-success.active:not([disabled]):not(.disabled):hover, .btn-success.active:not([disabled]):not(.disabled):focus, .btn-success.active:not([disabled]):not(.disabled):active, .btn-success.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #007931;
    border-color: #007931; }

.btn-danger.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-danger.active:not([disabled]):not(.disabled):hover, .btn-danger.active:not([disabled]):not(.disabled):focus, .btn-danger.active:not([disabled]):not(.disabled):active, .btn-danger.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-info.active:not([disabled]):not(.disabled) {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  box-shadow: none !important; }
  .btn-info.active:not([disabled]):not(.disabled):hover, .btn-info.active:not([disabled]):not(.disabled):focus, .btn-info.active:not([disabled]):not(.disabled):active, .btn-info.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #0f244d;
    border-color: #0f244d; }

.btn-light.active:not([disabled]):not(.disabled) {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  box-shadow: none !important; }
  .btn-light.active:not([disabled]):not(.disabled):hover, .btn-light.active:not([disabled]):not(.disabled):focus, .btn-light.active:not([disabled]):not(.disabled):active, .btn-light.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #cad0d4;
    border-color: #cad0d4; }

.btn-dark.active:not([disabled]):not(.disabled) {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  box-shadow: none !important; }
  .btn-dark.active:not([disabled]):not(.disabled):hover, .btn-dark.active:not([disabled]):not(.disabled):focus, .btn-dark.active:not([disabled]):not(.disabled):active, .btn-dark.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #171a21;
    border-color: #171a21; }

.btn-warning.active:not([disabled]):not(.disabled) {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  box-shadow: none !important; }
  .btn-warning.active:not([disabled]):not(.disabled):hover, .btn-warning.active:not([disabled]):not(.disabled):focus, .btn-warning.active:not([disabled]):not(.disabled):active, .btn-warning.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #e69500;
    border-color: #e69500; }

.btn-outline-primary-2x.active:not([disabled]):not(.disabled) {
  background-color: #006666;
  border-color: #006666;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-primary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-primary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #006666 !important;
    border-color: #006666 !important; }

.btn-outline-secondary-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-secondary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-success-2x.active:not([disabled]):not(.disabled) {
  background-color: #00AC46;
  border-color: #00AC46;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-success-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-success-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-success-2x.active:not([disabled]):not(.disabled):active, .btn-outline-success-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }

.btn-outline-danger-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-danger-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):active, .btn-outline-danger-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-info-2x.active:not([disabled]):not(.disabled) {
  background-color: #173878;
  border-color: #173878;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-info-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-info-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-info-2x.active:not([disabled]):not(.disabled):active, .btn-outline-info-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #173878 !important;
    border-color: #173878 !important; }

.btn-outline-light-2x.active:not([disabled]):not(.disabled) {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-light-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-light-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-light-2x.active:not([disabled]):not(.disabled):active, .btn-outline-light-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }

.btn-outline-dark-2x.active:not([disabled]):not(.disabled) {
  background-color: #2c323f;
  border-color: #2c323f;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-dark-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):active, .btn-outline-dark-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important; }

.btn-outline-warning-2x.active:not([disabled]):not(.disabled) {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-warning-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):active, .btn-outline-warning-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important; }

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important; }

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important; }

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important; }

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important; }

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important; }

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666; }
  .table-styling .table-primary thead,
  .table-styling.table-primary thead {
    background-color: #003333;
    border: 3px solid #003333; }
  .table-styling .table-primary th,
  .table-styling .table-primary td,
  .table-styling.table-primary th,
  .table-styling.table-primary td {
    background-color: transparent; }

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-secondary thead,
  .table-styling.table-secondary thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-secondary th,
  .table-styling .table-secondary td,
  .table-styling.table-secondary th,
  .table-styling.table-secondary td {
    background-color: transparent; }

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46; }
  .table-styling .table-success thead,
  .table-styling.table-success thead {
    background-color: #007931;
    border: 3px solid #007931; }
  .table-styling .table-success th,
  .table-styling .table-success td,
  .table-styling.table-success th,
  .table-styling.table-success td {
    background-color: transparent; }

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-danger thead,
  .table-styling.table-danger thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-danger th,
  .table-styling .table-danger td,
  .table-styling.table-danger th,
  .table-styling.table-danger td {
    background-color: transparent; }

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878; }
  .table-styling .table-info thead,
  .table-styling.table-info thead {
    background-color: #0f244d;
    border: 3px solid #0f244d; }
  .table-styling .table-info th,
  .table-styling .table-info td,
  .table-styling.table-info th,
  .table-styling.table-info td {
    background-color: transparent; }

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB; }
  .table-styling .table-light thead,
  .table-styling.table-light thead {
    background-color: #cad0d4;
    border: 3px solid #cad0d4; }
  .table-styling .table-light th,
  .table-styling .table-light td,
  .table-styling.table-light th,
  .table-styling.table-light td {
    background-color: transparent; }

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f; }
  .table-styling .table-dark thead,
  .table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21; }
  .table-styling .table-dark th,
  .table-styling .table-dark td,
  .table-styling.table-dark th,
  .table-styling.table-dark td {
    background-color: transparent; }

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A; }
  .table-styling .table-warning thead,
  .table-styling.table-warning thead {
    background-color: #e69500;
    border: 3px solid #e69500; }
  .table-styling .table-warning th,
  .table-styling .table-warning td,
  .table-styling.table-warning th,
  .table-styling.table-warning td {
    background-color: transparent; }

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important; }

.stroke-secondary {
  stroke: #FE6A49 !important; }

.stroke-success {
  stroke: #00AC46 !important; }

.stroke-danger {
  stroke: #FE6A49 !important; }

.stroke-info {
  stroke: #173878 !important; }

.stroke-light {
  stroke: #E6E9EB !important; }

.stroke-dark {
  stroke: #2c323f !important; }

.stroke-warning {
  stroke: #FFAE1A !important; }

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878; }

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important; }

.b-t-primary {
  border-top: 1px solid #006666 !important; }

.border-t-primary {
  border-top: 1px solid #006666 !important; }

.b-b-primary {
  border-bottom: 1px solid #006666 !important; }

.border-b-primary {
  border-bottom: 1px solid #006666 !important; }

.b-l-primary {
  border-left: 1px solid #006666 !important; }

.border-l-primary {
  border-left: 1px solid #006666 !important; }

.b-r-primary {
  border-right: 1px solid #006666 !important; }

.border-r-primary {
  border-right: 1px solid #006666 !important; }

.b-secondary {
  border: 1px solid #FE6A49 !important; }

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.b-success {
  border: 1px solid #00AC46 !important; }

.b-t-success {
  border-top: 1px solid #00AC46 !important; }

.border-t-success {
  border-top: 1px solid #00AC46 !important; }

.b-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.border-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.b-l-success {
  border-left: 1px solid #00AC46 !important; }

.border-l-success {
  border-left: 1px solid #00AC46 !important; }

.b-r-success {
  border-right: 1px solid #00AC46 !important; }

.border-r-success {
  border-right: 1px solid #00AC46 !important; }

.b-danger {
  border: 1px solid #FE6A49 !important; }

.b-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.border-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.border-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.b-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.border-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.b-info {
  border: 1px solid #173878 !important; }

.b-t-info {
  border-top: 1px solid #173878 !important; }

.border-t-info {
  border-top: 1px solid #173878 !important; }

.b-b-info {
  border-bottom: 1px solid #173878 !important; }

.border-b-info {
  border-bottom: 1px solid #173878 !important; }

.b-l-info {
  border-left: 1px solid #173878 !important; }

.border-l-info {
  border-left: 1px solid #173878 !important; }

.b-r-info {
  border-right: 1px solid #173878 !important; }

.border-r-info {
  border-right: 1px solid #173878 !important; }

.b-light {
  border: 1px solid #E6E9EB !important; }

.b-t-light {
  border-top: 1px solid #E6E9EB !important; }

.border-t-light {
  border-top: 1px solid #E6E9EB !important; }

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.b-l-light {
  border-left: 1px solid #E6E9EB !important; }

.border-l-light {
  border-left: 1px solid #E6E9EB !important; }

.b-r-light {
  border-right: 1px solid #E6E9EB !important; }

.border-r-light {
  border-right: 1px solid #E6E9EB !important; }

.b-dark {
  border: 1px solid #2c323f !important; }

.b-t-dark {
  border-top: 1px solid #2c323f !important; }

.border-t-dark {
  border-top: 1px solid #2c323f !important; }

.b-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.border-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.b-l-dark {
  border-left: 1px solid #2c323f !important; }

.border-l-dark {
  border-left: 1px solid #2c323f !important; }

.b-r-dark {
  border-right: 1px solid #2c323f !important; }

.border-r-dark {
  border-right: 1px solid #2c323f !important; }

.b-warning {
  border: 1px solid #FFAE1A !important; }

.b-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.border-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.b-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.border-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.b-r-warning {
  border-right: 1px solid #FFAE1A !important; }

.border-r-warning {
  border-right: 1px solid #FFAE1A !important; }

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-6 {
  border-width: 6px !important; }

.border-7 {
  border-width: 7px !important; }

.border-8 {
  border-width: 8px !important; }

.border-9 {
  border-width: 9px !important; }

.border-10 {
  border-width: 10px !important; }

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px; }

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa; }

.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px; }

.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3); }

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f; }
  .line pre {
    font-size: 100%; }

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important; }

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .options > div {
    color: #86909C;
    padding: 2px 10px;
    border: 1px solid; }
    .options > div:hover {
      background-color: #006666;
      color: #fff;
      transition: background-color 0.3s ease; }

/**====== Animation css Ends ======**/
.modal-footer {
  flex-wrap: wrap; }

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0; }

.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0; }

.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px; }

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666; }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #006666 !important; }

.typeahead .theme-form .form-group {
  margin-bottom: 0; }

.primary .svg-fill {
  fill: var(--theme-deafult); }
  .primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-deafult); }

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important; }

.secondary .svg-fill {
  fill: var(--theme-secondary); }
  .secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary); }

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important; }

.success .svg-fill {
  fill: #00AC46; }

.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important; }

.warning .svg-fill {
  fill: #FFAE1A; }

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important; }

.dotted {
  border-style: dotted; }

.dashed {
  border-style: dashed; }

.double {
  border-style: double; }

.groove {
  border-style: groove; }

.ridge {
  border-style: ridge; }

.inset {
  border-style: inset; }

.outset {
  border-style: outset; }

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px; }
  75% {
    opacity: .6;
    top: 0; }
  100% {
    opacity: 1; } }

.code-box-copy {
  width: 100%;
  overflow: auto; }

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%; }
  .custom-rs-12 {
    width: 100%; } }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px; }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none; }

.bg-gray {
  background-color: var(--text-gray); }

.text-gray {
  color: var(--text-gray) !important; }

.common-flex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

.common-space {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2); }

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3); }

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important; }

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important; }

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666; }

.badge-light-secondary {
  background-color: white;
  color: #FE6A49; }

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46; }

.badge-light-danger {
  background-color: white;
  color: #FE6A49; }

.badge-light-info {
  background-color: #6e96e3;
  color: #173878; }

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c; }

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f; }

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A; }

.fc .fc-button-primary.fc-button-active:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult), 0.2) !important; }

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%;
      margin-left: 0px; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .invoice-table-data {
    background-color: #f9f9fa; }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

/**=====================
    1.1 Reset CSS Ends
==========================**/
/**=====================
    1.2 Typography CSS start
==========================**/
body {
  font-size: 14px;
  overflow-x: hidden;
  font-family: "Montserrat", sans-serif;
  color: #051A1A; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0; }

h1 {
  font-size: 28px;
  font-weight: 600; }

h2 {
  font-size: 26px;
  font-weight: 600; }

h3 {
  font-size: 24px;
  font-weight: 600; }

h4 {
  font-size: 20px;
  font-weight: 600; }

h5 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4; }

h6 {
  font-size: 15px;
  font-weight: 600;
  line-height: 1; }

ul {
  padding-left: 0px;
  list-style-type: none;
  margin-bottom: 0; }

* a {
  color: var(--theme-deafult);
  text-decoration: none;
  letter-spacing: 1px; }

.f-m-light {
  margin: 0; }

a {
  font-size: 0.875rem;
  text-decoration: none;
  color: var(--theme-deafult); }
  a:hover {
    color: var(--theme-deafult); }
  a:focus-visible {
    outline: none; }

.btn {
  font-size: 14px; }

*.btn:focus {
  box-shadow: none !important; }

button:focus {
  outline: none !important; }

p {
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0.7px; }

code {
  color: var(--theme-deafult) !important;
  border-radius: 2px; }

.media {
  display: flex;
  align-items: flex-start; }
  .media .media-body {
    flex: 1; }

blockquote {
  border-left: 4px solid #006666;
  padding: 18px; }

.figure.text-center blockquote {
  border: none !important; }

.figure.text-end blockquote {
  border-left: none !important;
  border-right: 4px solid #006666; }

.row > div {
  position: relative; }

:focus {
  outline-color: var(--theme-deafult); }

.disabled {
  cursor: not-allowed;
  opacity: 0.5; }

svg {
  vertical-align: baseline; }

input:focus {
  outline-color: transparent; }

label {
  margin-bottom: .5rem;
  font-weight: 500; }

.media-widgets .media-body {
  margin-bottom: 30px; }

.typography h1,
.typography .h1,
.typography h2,
.typography .h2,
.typography h3,
.typography .h3,
.typography h4,
.typography .h4,
.typography h5,
.typography .h5,
.typography h6,
.typography .h6 {
  margin: 18px 0;
  margin-top: 0; }
  .typography h1:last-child,
  .typography .h1:last-child,
  .typography h2:last-child,
  .typography .h2:last-child,
  .typography h3:last-child,
  .typography .h3:last-child,
  .typography h4:last-child,
  .typography .h4:last-child,
  .typography h5:last-child,
  .typography .h5:last-child,
  .typography h6:last-child,
  .typography .h6:last-child {
    margin-bottom: 0; }

.typography small {
  padding-left: 10px;
  color: #2c323f; }

pre {
  background-color: rgba(0, 102, 102, 0.03);
  padding: 20px 0; }

.owl-theme .owl-dots .owl-dot span {
  background: rgba(0, 102, 102, 0.2); }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: var(--theme-deafult); }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-bottom: -10px;
  margin-top: 25px; }

.click2edit ~ .note-editor.note-frame {
  margin-bottom: 30px; }

.note-editor.note-frame {
  border-color: #E6E9EB; }

.note-editor.fullscreen .note-toolbar-wrapper {
  height: 0 !important; }

.note-editor.note-frame {
  border-color: #E6E9EB; }

.modal .modal-body .card {
  box-shadow: none !important; }

.modal-dialog .modal-content .modal-body p a {
  margin-right: 0; }

.notify-alert .close {
  color: #fff; }
  [dir="rtl"] .notify-alert .close {
    right: unset !important;
    left: 10px !important; }

.notify-alert.alert-light .close {
  color: #051A1A; }

.alert-theme button {
  top: 24px !important;
  right: 20px !important;
  color: var(--theme-deafult); }
  [dir="rtl"] .alert-theme button {
    right: unset !important;
    left: 20px !important; }

.alert-theme span + span + span {
  background-color: #fff;
  color: var(--theme-deafult);
  border-radius: 4px;
  box-shadow: 0 2px 14px -3px rgba(0, 0, 0, 0.2); }

.alert-theme .close {
  color: var(--theme-deafult); }

.alert-theme i {
  padding: 20px;
  padding-right: 0 !important;
  margin-right: 20px !important; }

.alert-theme .progress {
  margin-top: -2px !important;
  height: 2px;
  width: 100%; }
  .alert-theme .progress .progress-bar {
    background-color: var(--theme-deafult); }

.d-flex {
  display: flex;
  align-items: flex-start; }
  .d-flex .flex-grow-1 {
    flex: 1; }

.alert-copy {
  border: 1px solid var(--theme-deafult);
  line-height: 1;
  display: inline-block;
  width: 300px;
  color: #fff;
  background-color: var(--theme-deafult); }
  .alert-copy .close {
    box-shadow: none;
    color: #fff;
    line-height: 1.4;
    font-weight: 100;
    top: -15px; }
    [dir="rtl"] .alert-copy .close {
      right: unset !important;
      left: 10px !important; }
    .alert-copy .close:focus {
      outline: none; }

.ace-editor {
  height: 400px;
  width: 100%; }

.editor-toolbar {
  width: 100% !important; }
  .editor-toolbar.fullscreen {
    z-index: 100; }

.CodeMirror {
  top: 0 !important; }

.CodeMirror-fullscreen {
  top: 50px !important; }

.irs-from,
.irs-to,
.irs-single {
  background: var(--theme-deafult); }
  .irs-from:after,
  .irs-to:after,
  .irs-single:after {
    border-top-color: var(--theme-deafult); }

.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge {
  background-color: var(--theme-deafult); }

.swal-button {
  background-color: var(--theme-deafult); }
  .swal-button:active {
    background-color: #004d4d; }

.swal-button--cancel {
  background-color: #EFEFEE !important; }

.clipboaard-container h6 {
  line-height: 1.6;
  font-size: 14px; }

fieldset .bootstrap-touchspin-postfix,
fieldset .bootstrap-touchspin-prefix {
  border-radius: 0;
  padding: .4rem .75rem; }

fieldset .input-group-lg .touchspin {
  height: 50px; }

.f1 .f1-steps .f1-step .f1-step-icon {
  padding: 12px; }

.form-inline .form-group {
  display: flex; }

.input-group-text i {
  line-height: 1.5; }

.animated-modal .form-select {
  display: inline-block;
  width: auto;
  vertical-align: middle; }

.card-wrapper {
  padding: 14px; }
  .card-wrapper dl dt {
    font-weight: 500; }

/* ===== Scrollbar CSS ===== */
/* Firefox */
table tbody tr {
  vertical-align: middle; }

.typography-table thead tr th {
  font-size: 16px; }

.typography-table tbody tr td:last-child {
  min-width: 280px; }

.typography-table tbody tr td:first-child {
  min-width: 100px; }

/**=====================
    1.2 Typography CSS Ends
==========================**/

/*!
 * Bootstrap  v5.3.0 (https://getbootstrap.com/)
 * Copyright 2011-2024 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, 181, 189;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

mark, .mark {
  padding: 0.1875em;
  background-color: var(--bs-highlight-bg);
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #bacbe6;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #cbccce;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #bcd0c7;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #badce3;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #e6dbb9;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #dfc2c4;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #dfe0e1;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #373b3e;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  appearance: none;
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: color 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;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  appearance: none;
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-tertiary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-tertiary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label {
  color: #6c757d;
}
.form-floating > :disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(var(--bs-border-width) * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 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;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(var(--bs-border-width) * -1);
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(var(--bs-border-width) * -1);
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.nav-link.disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 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, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush .accordion-collapse {
  border-width: 0;
}
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0;
}

[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 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;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
  margin-left: calc(var(--bs-border-width) * -1);
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}

.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}

.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}

.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}

.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}

.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-stacked > .progress {
  overflow: visible;
}

.progress-stacked > .progress > .progress-bar {
  width: 100%;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}

.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}

.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}

.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}

.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}

.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}

.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}

.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}

.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}

.btn-close-white {
  filter: var(--bs-btn-close-white-filter);
}

[data-bs-theme=dark] .btn-close {
  filter: var(--bs-btn-close-white-filter);
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}

[data-bs-theme=dark] .carousel .carousel-control-prev-icon,
[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon,
[data-bs-theme=dark].carousel .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
  background-color: #000;
}
[data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
  color: #000;
}

.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}

.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.object-fit-contain {
  object-fit: contain !important;
}

.object-fit-cover {
  object-fit: cover !important;
}

.object-fit-fill {
  object-fit: fill !important;
}

.object-fit-scale {
  object-fit: scale-down !important;
}

.object-fit-none {
  object-fit: none !important;
}

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

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

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

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

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

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

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

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

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

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

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

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

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

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

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

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

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

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

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

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

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

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

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

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

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

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

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

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

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

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

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

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

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

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

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

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

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

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.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;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

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

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

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

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

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

.me-auto {
  margin-right: auto !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;
}

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

.ms-0 {
  margin-left: 0 !important;
}

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

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

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

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

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

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

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

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

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

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

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

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

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

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

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

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

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

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

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.column-gap-0 {
  column-gap: 0 !important;
}

.column-gap-1 {
  column-gap: 0.25rem !important;
}

.column-gap-2 {
  column-gap: 0.5rem !important;
}

.column-gap-3 {
  column-gap: 1rem !important;
}

.column-gap-4 {
  column-gap: 1.5rem !important;
}

.column-gap-5 {
  column-gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

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

.fst-normal {
  font-style: normal !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

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

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

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

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

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

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

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

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

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

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

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

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

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}

.link-opacity-10 {
  --bs-link-opacity: 0.1;
}

.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}

.link-opacity-25 {
  --bs-link-opacity: 0.25;
}

.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}

.link-opacity-50 {
  --bs-link-opacity: 0.5;
}

.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}

.link-opacity-75 {
  --bs-link-opacity: 0.75;
}

.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}

.link-opacity-100 {
  --bs-link-opacity: 1;
}

.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}

.link-offset-1 {
  text-underline-offset: 0.125em !important;
}

.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}

.link-offset-2 {
  text-underline-offset: 0.25em !important;
}

.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}

.link-offset-3 {
  text-underline-offset: 0.375em !important;
}

.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}

.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

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

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

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

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

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
/*!
 * bsStepper v1.7.0 (https://github.com/Johann-S/bs-stepper)
 * Copyright 2018 - 2019 Johann-S <johann.servoire@gmail.com>
 * Licensed under MIT (https://github.com/Johann-S/bs-stepper/blob/master/LICENSE)
 */

.bs-stepper .step-trigger {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 20px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  color: #6c757d;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: none;
  border-radius: .25rem;
  transition: background-color .15s ease-out, color .15s ease-out;
}

.bs-stepper .step-trigger:not(:disabled):not(.disabled) {
  cursor: auto;
}

.bs-stepper .step-trigger:disabled,
.bs-stepper .step-trigger.disabled {
  pointer-events: none;
  opacity: .65;
}

.bs-stepper .step-trigger:focus {
  color: #28a745;
  outline: none;
}

.bs-stepper .step-trigger:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, .06);
}

@media (max-width: 520px) {
  .bs-stepper .step-trigger {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 10px;
    max-width: 100px;
    min-width: 60px;
  }

  .bs-stepper-label {
    text-wrap: pretty;
  }
}

.bs-stepper-label {
  display: inline-block;
  margin: .25rem;
}

.bs-stepper-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media (max-width: 520px) {
  .bs-stepper-header {
    margin: 0 -10px;
    text-align: center;
    -ms-flex-align: start;
      align-items: start;
  }
}

.bs-stepper-line,
.bs-stepper .line {
  -ms-flex: 1 0 32px;
      flex: 1 0 32px;
  min-width: 1px;
  min-height: 1px;
  margin: auto;
  background-color: rgba(0, 0, 0, .12);
}

@media (max-width: 400px) {
  .bs-stepper-line,
  .bs-stepper .line {
    -ms-flex-preferred-size: 20px;
        flex-basis: 20px;
  }
}

.bs-stepper-circle {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 2em;
  height: 2em;
  padding: .5em 0;
  margin: .25rem;
  line-height: 1em;
  color: #fff;
  background-color: #6c757d;
  border-radius: 1em;
}

.active .bs-stepper-circle {
  background-color: #28a745;
}

.bs-stepper-content {
  padding: 0 20px 20px;
}

@media (max-width: 520px) {
  .bs-stepper-content {
    padding: 0;
  }
}

.bs-stepper.vertical {
  display: -ms-flexbox;
  display: flex;
}

.bs-stepper.vertical .bs-stepper-header {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  margin: 0;
}

.bs-stepper.vertical .bs-stepper-pane,
.bs-stepper.vertical .content {
  display: block;
}

.bs-stepper.vertical .bs-stepper-pane:not(.fade),
.bs-stepper.vertical .content:not(.fade) {
  display: block;
  visibility: hidden;
}

.bs-stepper-pane:not(.fade),
.bs-stepper .content:not(.fade) {
  display: none;
}

.bs-stepper .content.fade,
.bs-stepper-pane.fade {
  visibility: hidden;
  transition-duration: .3s;
  transition-property: opacity;
}

.bs-stepper-pane.fade.active,
.bs-stepper .content.fade.active {
  visibility: visible;
  opacity: 1;
}

.bs-stepper-pane.active:not(.fade),
.bs-stepper .content.active:not(.fade) {
  display: block;
  visibility: visible;
}

.bs-stepper-pane.dstepper-block,
.bs-stepper .content.dstepper-block {
  display: block;
}

.bs-stepper:not(.vertical) .bs-stepper-pane.dstepper-none,
.bs-stepper:not(.vertical) .content.dstepper-none {
  display: none;
}

.vertical .bs-stepper-pane.fade.dstepper-none,
.vertical .content.fade.dstepper-none {
  visibility: hidden;
}
@charset "UTF-8";
/*! -----------------------------------------------------------------------------------

    Template Name: Riho Admin
    Template URI: https://admin.pixelstrap.net/riho/template/
    Description: This is Admin theme
    Author: Pixelstrap
    Author URI: https://themeforest.net/user/pixelstrap

-----------------------------------------------------------------------------------

    1.Base css
        1.1 Reset CSS
        1.2 Typography CSS
    
    2.Components css
        2.1 According CSS
        2.2 Alert CSS
        2.3 Avatars CSS
        2.4 Badge CSS
        2.5 Bookmark CSS
        2.6 Breadcrumb CSS
        2.7 Basic-card CSS
        2.8 Builders CSS
        2.9 Buttons CSS
        2.10 Card CSS
        2.11 Color CSS
        2.12 Datatable CSS
        2.13 Datapicker CSS
        2.14 Dropdown CSS
        2.15 Form-builder CSS
        2.16 Form-input CSS
        2.17 Form-wizard CSS
        2.18 Forms CSS
        2.19 Icons CSS
        2.20 List CSS
        2.21 Loader CSS 
        2.22 Modal CSS
        2.23 Popover CSS
        2.24 Print CSS
        2.25 Radio CSS
        2.26 Ribbon CSS
        2.27 Range-slider CSS
        2.28 Switch CSS
        2.29 Tab CSS
        2.30 Table CSS
        2.31 Toasts CSS
        2.32 Touchspin CSS
        2.33 Tour CSS
        2.34 Tree CSS
        2.35 Typeahead-search CSS
        2.36 Scrollbar CSS

    3. Pages
        3.1 Blog CSS
        3.2 Bookmark-app CSS
        3.3 Cart CSS
        3.4 Chart CSS
        3.5 Chat CSS
        3.6 Checkout CSS
        3.7 Comingsoon CSS
        3.8 Contacts CSS
        3.9 Dashboard_2 CSS
        3.10 Dashboard_3 CSS 
        3.11 Dashboard_4 CSS
        3.12 Dashboard_5 CSS
        3.13 Dashboard_default CSS
        3.14 Ecommerce CSS
        3.15 Email-application CSS
        3.16 Errorpage CSS
        3.17 Faq CSS
        3.18 File CSS
        3.19 Gallery CSS
        3.20 Helper CSS
        3.21 Internationalization CSS
        3.22 Job-search CSS
        3.23 Jsgrid CSS
        3.24 Kanban CSS
        3.25 Knowledgebase CSS
        3.26 Landing CSS
        3.27 Language CSS
        3.28 Learning CSS
        3.29 Login CSS
        3.30 Megaoption CSS
        3.31 Order-history CSS
        3.32 Page CSS
        3.33 Pricing CSS
        3.34 Progress CSS
        3.35 Projectlist CSS
        3.36 Rating CSS
        3.37 Social-app CSS
        3.38 Sweet-alert CSS
        3.39 Task CSS
        3.40 Timeline-v CSS
        3.41 User-profile CSS
        3.42 Wishlist CSS
        3.43 Dashboard_6.CSS
        3.44 Dashboard_7 CSS
        3.45 Dashboard_8.CSS

    4. Themes
        4.1. Dark CSS
        4.2 Theme-customizer CSS
        4.3 Update CSS

    5. Layout
        5.1 Footer CSS
        5.2 Grid CSS
        5.3 Header CSS
        5.4 Navs CSS
        5.5 Search CSS
        5.6 Select2 CSS
        5.7 Sidebar CSS
        5.8 Rtl CSS
        5.9 Box-layout CSS

 */
:root {
  --theme-deafult: #1D5B79;
  --theme-secondary: #468B97;
  --light-background: rgba(242, 243, 247, 0.7);
  --body-font-color: #86909C;
  --chart-border: #ECF3FA;
  --recent-chart-bg: #FCFCFD;
  --light-bg: #EEF1F6;
  --white: #fff;
  --light2: #F5F6F9;
  --sidebar-border: rgba(0, 0, 0, 0.1);
  --chart-text-color: rgba(82, 82, 108, 0.8);
  --recent-dashed-border: rgba(82, 82, 108, 0.3);
  --chart-dashed-border: rgba(82, 82, 108, 0.2);
  --chart-progress-light: rgba(82, 82, 108, 0.1);
  --recent-box-bg: #F2F4F7;
  --recent-border: rgba(97, 101, 122, 0.25);
  --course-light-btn: #F2F3F7;
  --course-bg: #F7F7F7;
  --balance-profie-bg: #E0DFEF;
  --view-grid-bg: #ECF3FA80;
  --view-border-marker: #cfcdfc;
  --light-slate: #F5F6F9;
  --text-gray: rgba(82, 82, 108, 0.8);
  --product-shadow: 0px 1px 0px rgba(82, 82, 108, 0.15);
  --fc-button-bg-color: var(--theme-deafult);
  --fc-button-active-bg-color: var(--theme-deafult);
  --fc-button-active-border-color: var(--theme-deafult);
  --fc-button-border-color: var(--theme-deafult);
  --fc-button-hover-bg-color: var(--theme-deafult);
  --fc-button-hover-border-color: var(--theme-deafult);
  --normal: #ECEAF3;
  --normal-shadow: #D9D8E3;
  --normal-mouth: #9795A4;
  --normal-eye: #595861;
  --active: #F8DA69;
  --active-shadow: #F4B555;
  --active-mouth: #F05136;
  --active-eye: #313036;
  --active-tear: #76b5e7;
  --active-shadow-angry: #e94f1d;
  /* Do not show the "remove tag" (x) button when only a single tag remains */ }
  :root .customLook {
    --tag-bg: var(--theme-deafult);
    --tag-hover: var(--theme-secondary);
    --tag-text-color: var(--white);
    --tags-border-color: silver;
    --tag-border-radius: 25px;
    --tag-text-color--edit: #111;
    --tag-remove-bg: var(--tag-hover);
    --tag-pad: .6em 1em;
    --tag-inset-shadow-size: 1.35em;
    --tag-remove-btn-bg--hover: #000;
    --tagify-dd-color-primary: var(var(--theme-deafult));
    --tagify-dd-bg-color: var(--course-light-btn); }

body[class='dark-only'] {
  --light-background: rgba(31, 32, 40, 0.65);
  --recent-chart-bg: #262932;
  --light-bg: #1d1e26;
  --white: #262932;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --light2: #1d1e26;
  --chart-border: #374558;
  --recent-box-bg: #1d1e26;
  --recent-border: #374558;
  --body-font-color: rgba(255, 255, 255, 0.6);
  --course-light-btn: var(--light-bg);
  --view-grid-bg: var(--light-bg);
  --view-border-marker: #2c2c45d4;
  --light-slate: #1c1d26;
  --text-gray: rgba(153, 153, 169, 0.8);
  --product-shadow: 0px 1px 0px rgb(55 70 87); }

body[class="rtl dark-only"] {
  --light-background: rgba(31, 32, 40, 0.65);
  --recent-chart-bg: #262932;
  --light-bg: #1d1e26;
  --white: #262932;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --light2: #1d1e26;
  --chart-border: #374558;
  --recent-box-bg: #1d1e26;
  --recent-border: #374558;
  --body-font-color: rgba(255, 255, 255, 0.6);
  --course-light-btn: var(--light-bg);
  --view-grid-bg: var(--light-bg);
  --view-border-marker: #2c2c45d4;
  --light-slate: #1c1d26;
  --text-gray: rgba(153, 153, 169, 0.8);
  --product-shadow: 0px 1px 0px rgb(55 70 87); }

body.dark-only.box-layout {
  --light-background: rgba(31, 32, 40, 0.65);
  --recent-chart-bg: #262932;
  --light-bg: #1d1e26;
  --white: #262932;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --light2: #1d1e26;
  --chart-border: #374558;
  --recent-box-bg: #1d1e26;
  --recent-border: #374558;
  --body-font-color: rgba(255, 255, 255, 0.6);
  --course-light-btn: var(--light-bg);
  --view-grid-bg: var(--light-bg);
  --view-border-marker: #2c2c45d4; }

/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C; }

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8; }

.light-card {
  background-color: var(--light-background); }

.light-background {
  background-color: var(--light-bg); }

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  transform: rotate(-45deg);
  display: inline-block; }

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-l-50 {
  margin-left: 50px !important; }

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important; }

.b-r-1 {
  border-radius: 1px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-r-11 {
  border-radius: 11px !important; }

.b-r-12 {
  border-radius: 12px !important; }

.b-r-13 {
  border-radius: 13px !important; }

.b-r-14 {
  border-radius: 14px !important; }

.b-r-15 {
  border-radius: 15px !important; }

.b-r-16 {
  border-radius: 16px !important; }

.b-r-17 {
  border-radius: 17px !important; }

.b-r-18 {
  border-radius: 18px !important; }

.b-r-19 {
  border-radius: 19px !important; }

.b-r-20 {
  border-radius: 20px !important; }

.b-r-21 {
  border-radius: 21px !important; }

.b-r-22 {
  border-radius: 22px !important; }

.b-r-23 {
  border-radius: 23px !important; }

.b-r-24 {
  border-radius: 24px !important; }

.b-r-25 {
  border-radius: 25px !important; }

.b-r-26 {
  border-radius: 26px !important; }

.b-r-27 {
  border-radius: 27px !important; }

.b-r-28 {
  border-radius: 28px !important; }

.b-r-29 {
  border-radius: 29px !important; }

.b-r-30 {
  border-radius: 30px !important; }

.b-r-31 {
  border-radius: 31px !important; }

.b-r-32 {
  border-radius: 32px !important; }

.b-r-33 {
  border-radius: 33px !important; }

.b-r-34 {
  border-radius: 34px !important; }

.b-r-35 {
  border-radius: 35px !important; }

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.f-34 {
  font-size: 34px !important; }

.f-36 {
  font-size: 36px !important; }

.f-38 {
  font-size: 38px !important; }

.f-40 {
  font-size: 40px !important; }

.f-42 {
  font-size: 42px !important; }

.f-44 {
  font-size: 44px !important; }

.f-46 {
  font-size: 46px !important; }

.f-48 {
  font-size: 48px !important; }

.f-50 {
  font-size: 50px !important; }

.f-52 {
  font-size: 52px !important; }

.f-54 {
  font-size: 54px !important; }

.f-56 {
  font-size: 56px !important; }

.f-58 {
  font-size: 58px !important; }

.f-60 {
  font-size: 60px !important; }

.f-62 {
  font-size: 62px !important; }

.f-64 {
  font-size: 64px !important; }

.f-66 {
  font-size: 66px !important; }

.f-68 {
  font-size: 68px !important; }

.f-70 {
  font-size: 70px !important; }

.f-72 {
  font-size: 72px !important; }

.f-74 {
  font-size: 74px !important; }

.f-76 {
  font-size: 76px !important; }

.f-78 {
  font-size: 78px !important; }

.f-80 {
  font-size: 80px !important; }

.f-82 {
  font-size: 82px !important; }

.f-84 {
  font-size: 84px !important; }

.f-86 {
  font-size: 86px !important; }

.f-88 {
  font-size: 88px !important; }

.f-90 {
  font-size: 90px !important; }

.f-92 {
  font-size: 92px !important; }

.f-94 {
  font-size: 94px !important; }

.f-96 {
  font-size: 96px !important; }

.f-98 {
  font-size: 98px !important; }

.f-100 {
  font-size: 100px !important; }

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100; }

.f-w-300 {
  font-weight: 300; }

.f-w-500 {
  font-weight: 500; }

.f-w-400 {
  font-weight: 400; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-900 {
  font-weight: 900; }

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal; }

.f-s-italic {
  font-style: italic; }

.f-s-oblique {
  font-style: oblique; }

.f-s-initial {
  font-style: initial; }

.f-s-inherit {
  font-style: inherit; }

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-dashed {
  text-decoration: dashed; }

.text-blink {
  text-decoration: blink; }

.text-dotted {
  text-decoration: dotted; }

.text-initial {
  text-decoration: initial; }

.text-none {
  text-decoration: none; }

.text-solid {
  text-decoration: solid; }

.text-wavy {
  text-decoration: wavy; }

.text-inherit {
  text-decoration: inherit; }

.text-double {
  text-decoration: double; }

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline; }

.sub {
  vertical-align: sub; }

.super {
  vertical-align: super; }

.top {
  vertical-align: top; }

.text-top {
  vertical-align: text-top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.text-bottom {
  vertical-align: text-bottom; }

.initial {
  vertical-align: initial; }

.inherit {
  vertical-align: inherit; }

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-relative {
  position: relative; }

.p-initial {
  position: initial; }

.p-inherit {
  position: inherit; }

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden; }

.o-visible {
  overflow: visible; }

.o-auto {
  overflow: auto; }

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important; }

.img-h-10 {
  height: 10px !important; }

.img-20 {
  width: 20px !important; }

.img-h-20 {
  height: 20px !important; }

.img-30 {
  width: 30px !important; }

.img-h-30 {
  height: 30px !important; }

.img-40 {
  width: 40px !important; }

.img-h-40 {
  height: 40px !important; }

.img-50 {
  width: 50px !important; }

.img-h-50 {
  height: 50px !important; }

.img-60 {
  width: 60px !important; }

.img-h-60 {
  height: 60px !important; }

.img-70 {
  width: 70px !important; }

.img-h-70 {
  height: 70px !important; }

.img-80 {
  width: 80px !important; }

.img-h-80 {
  height: 80px !important; }

.img-90 {
  width: 90px !important; }

.img-h-90 {
  height: 90px !important; }

.img-100 {
  width: 100px !important; }

.img-h-100 {
  height: 100px !important; }

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important; }

.font-secondary {
  color: #FE6A49 !important; }

.font-success {
  color: #00AC46 !important; }

.font-danger {
  color: #FE6A49 !important; }

.font-info {
  color: #173878 !important; }

.font-light {
  color: #E6E9EB !important; }

.font-dark {
  color: #2c323f !important; }

.font-warning {
  color: #FFAE1A !important; }

.font-primary {
  color: var(--theme-deafult) !important; }

.font-secondary {
  color: var(--theme-secondary) !important; }

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize; }

.label-theme {
  background-color: #006666; }

.label-primary {
  background-color: #006666; }

.label-secondary {
  background-color: #FE6A49; }

.label-success {
  background-color: #00AC46; }

.label-danger {
  background-color: #FE6A49; }

.label-info {
  background-color: #173878; }

.label-light {
  background-color: #E6E9EB; }

.label-dark {
  background-color: #2c323f; }

.label-warning {
  background-color: #FFAE1A; }

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666; }

.badge-secondary {
  background-color: #FE6A49; }

.badge-success {
  background-color: #00AC46; }

.badge-danger {
  background-color: #FE6A49; }

.badge-info {
  background-color: #173878; }

.badge-light {
  background-color: #E6E9EB; }

.badge-dark {
  background-color: #2c323f; }

.badge-warning {
  background-color: #FFAE1A; }

.badge-primary {
  background-color: var(--theme-deafult) !important; }

.badge-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff; }

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff; }

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important; }

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-success {
  background-color: #00AC46 !important;
  color: #fff; }

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff; }

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important; }

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-info {
  background-color: #173878 !important;
  color: #fff; }

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff; }

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important; }

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff; }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff; }

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important; }

.bg-dark {
  background-color: #2c323f !important;
  color: #fff; }

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff; }

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important; }

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff; }

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff; }

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important; }

.bg-primary {
  background-color: var(--theme-deafult) !important; }

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6); }

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important; }

.txt-secondary {
  color: #FE6A49 !important; }

.txt-success {
  color: #00AC46 !important; }

.txt-danger {
  color: #FE6A49 !important; }

.txt-info {
  color: #173878 !important; }

.txt-light {
  color: #E6E9EB !important; }

.txt-dark {
  color: #2c323f !important; }

.txt-warning {
  color: #FFAE1A !important; }

.txt-google-plus {
  color: #c64e40 !important; }

.txt-twitter {
  color: #6fa2d8 !important; }

.txt-linkedin {
  color: #0077B5 !important; }

.txt-fb {
  color: #50598e !important; }

.txt-primary {
  color: var(--theme-deafult) !important; }

.txt-secondary {
  color: var(--theme-secondary) !important; }

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@keyframes push {
  50% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #006666 !important;
    border-color: #006666 !important; }
  .btn-primary:focus {
    box-shadow: unset !important; }

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-secondary:focus {
    box-shadow: unset !important; }

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }
  .btn-success:focus {
    box-shadow: unset !important; }

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-danger:focus {
    box-shadow: unset !important; }

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #173878 !important;
    border-color: #173878 !important; }
  .btn-info:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }
  .btn-light:focus {
    box-shadow: unset !important; }

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #2c323f !important;
    border-color: #2c323f !important; }
  .btn-dark:focus {
    box-shadow: unset !important; }

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }
  .btn-warning:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important; }
  .btn-light:hover {
    background-color: rgba(0, 102, 102, 0.1) !important;
    border-color: rgba(0, 102, 102, 0.1) !important; }

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important; }

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important; }

.btn-hover-effect:hover {
  animation: push 0.5s linear 1; }

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent; }
  .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-check {
  color: #006666 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #006666 !important; }
    .btn-check:checked + .btn-outline-primary {
      color: white !important;
      background-color: #006666 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-primary {
    border-color: #006666 !important;
    color: #006666 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-primary.disabled {
      color: #006666; }
    .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
      color: white !important;
      background-color: #006666 !important;
      border-color: #006666 !important;
      box-shadow: none !important; }

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary.disabled {
    color: #006666;
    border-color: #006666; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-secondary {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-secondary {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-secondary.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #00AC46 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #00AC46 !important; }
    .btn-check:checked + .btn-outline-success {
      color: white !important;
      background-color: #00AC46 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-success.disabled {
      color: #00AC46; }
    .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
      color: white !important;
      background-color: #00AC46 !important;
      border-color: #00AC46 !important;
      box-shadow: none !important; }

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success.disabled {
    color: #00AC46;
    border-color: #00AC46; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-danger {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-danger.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #173878 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #173878 !important; }
    .btn-check:checked + .btn-outline-info {
      color: white !important;
      background-color: #173878 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-info {
    border-color: #173878 !important;
    color: #173878 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-info.disabled {
      color: #173878; }
    .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
      color: white !important;
      background-color: #173878 !important;
      border-color: #173878 !important;
      box-shadow: none !important; }

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info.disabled {
    color: #173878;
    border-color: #173878; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: #fff !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #E6E9EB !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #E6E9EB !important; }
    .btn-check:checked + .btn-outline-light {
      color: white !important;
      background-color: #E6E9EB !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-light {
    border-color: #E6E9EB !important;
    color: #E6E9EB !important;
    background-color: transparent;
    color: #051A1A; }
    .btn-check + .btn-outline-light.disabled {
      color: #E6E9EB; }
    .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
      color: white !important;
      background-color: #E6E9EB !important;
      border-color: #E6E9EB !important;
      box-shadow: none !important; }

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A; }
  .btn-outline-light.disabled {
    color: #E6E9EB;
    border-color: #E6E9EB; }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: #fff !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: unset !important; }

.btn-check {
  color: #2c323f !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #2c323f !important; }
    .btn-check:checked + .btn-outline-dark {
      color: white !important;
      background-color: #2c323f !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-dark {
    border-color: #2c323f !important;
    color: #2c323f !important;
    background-color: transparent; }
    .btn-check + .btn-outline-dark.disabled {
      color: #2c323f; }
    .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
      color: white !important;
      background-color: #2c323f !important;
      border-color: #2c323f !important;
      box-shadow: none !important; }

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark.disabled {
    color: #2c323f;
    border-color: #2c323f; }
  .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FFAE1A !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FFAE1A !important; }
    .btn-check:checked + .btn-outline-warning {
      color: white !important;
      background-color: #FFAE1A !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important;
    background-color: transparent; }
    .btn-check + .btn-outline-warning.disabled {
      color: #FFAE1A; }
    .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
      color: white !important;
      background-color: #FFAE1A !important;
      border-color: #FFAE1A !important;
      box-shadow: none !important; }

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning.disabled {
    color: #FFAE1A;
    border-color: #FFAE1A; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: unset !important; }

.btn-primary.active:not([disabled]):not(.disabled) {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  box-shadow: none !important; }
  .btn-primary.active:not([disabled]):not(.disabled):hover, .btn-primary.active:not([disabled]):not(.disabled):focus, .btn-primary.active:not([disabled]):not(.disabled):active, .btn-primary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #003333;
    border-color: #003333; }

.btn-secondary.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-secondary.active:not([disabled]):not(.disabled):hover, .btn-secondary.active:not([disabled]):not(.disabled):focus, .btn-secondary.active:not([disabled]):not(.disabled):active, .btn-secondary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-success.active:not([disabled]):not(.disabled) {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  box-shadow: none !important; }
  .btn-success.active:not([disabled]):not(.disabled):hover, .btn-success.active:not([disabled]):not(.disabled):focus, .btn-success.active:not([disabled]):not(.disabled):active, .btn-success.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #007931;
    border-color: #007931; }

.btn-danger.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-danger.active:not([disabled]):not(.disabled):hover, .btn-danger.active:not([disabled]):not(.disabled):focus, .btn-danger.active:not([disabled]):not(.disabled):active, .btn-danger.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-info.active:not([disabled]):not(.disabled) {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  box-shadow: none !important; }
  .btn-info.active:not([disabled]):not(.disabled):hover, .btn-info.active:not([disabled]):not(.disabled):focus, .btn-info.active:not([disabled]):not(.disabled):active, .btn-info.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #0f244d;
    border-color: #0f244d; }

.btn-light.active:not([disabled]):not(.disabled) {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  box-shadow: none !important; }
  .btn-light.active:not([disabled]):not(.disabled):hover, .btn-light.active:not([disabled]):not(.disabled):focus, .btn-light.active:not([disabled]):not(.disabled):active, .btn-light.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #cad0d4;
    border-color: #cad0d4; }

.btn-dark.active:not([disabled]):not(.disabled) {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  box-shadow: none !important; }
  .btn-dark.active:not([disabled]):not(.disabled):hover, .btn-dark.active:not([disabled]):not(.disabled):focus, .btn-dark.active:not([disabled]):not(.disabled):active, .btn-dark.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #171a21;
    border-color: #171a21; }

.btn-warning.active:not([disabled]):not(.disabled) {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  box-shadow: none !important; }
  .btn-warning.active:not([disabled]):not(.disabled):hover, .btn-warning.active:not([disabled]):not(.disabled):focus, .btn-warning.active:not([disabled]):not(.disabled):active, .btn-warning.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #e69500;
    border-color: #e69500; }

.btn-outline-primary-2x.active:not([disabled]):not(.disabled) {
  background-color: #006666;
  border-color: #006666;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-primary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-primary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #006666 !important;
    border-color: #006666 !important; }

.btn-outline-secondary-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-secondary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-success-2x.active:not([disabled]):not(.disabled) {
  background-color: #00AC46;
  border-color: #00AC46;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-success-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-success-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-success-2x.active:not([disabled]):not(.disabled):active, .btn-outline-success-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }

.btn-outline-danger-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-danger-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):active, .btn-outline-danger-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-info-2x.active:not([disabled]):not(.disabled) {
  background-color: #173878;
  border-color: #173878;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-info-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-info-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-info-2x.active:not([disabled]):not(.disabled):active, .btn-outline-info-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #173878 !important;
    border-color: #173878 !important; }

.btn-outline-light-2x.active:not([disabled]):not(.disabled) {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-light-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-light-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-light-2x.active:not([disabled]):not(.disabled):active, .btn-outline-light-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }

.btn-outline-dark-2x.active:not([disabled]):not(.disabled) {
  background-color: #2c323f;
  border-color: #2c323f;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-dark-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):active, .btn-outline-dark-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important; }

.btn-outline-warning-2x.active:not([disabled]):not(.disabled) {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-warning-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):active, .btn-outline-warning-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important; }

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important; }

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important; }

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important; }

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important; }

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important; }

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666; }
  .table-styling .table-primary thead,
  .table-styling.table-primary thead {
    background-color: #003333;
    border: 3px solid #003333; }
  .table-styling .table-primary th,
  .table-styling .table-primary td,
  .table-styling.table-primary th,
  .table-styling.table-primary td {
    background-color: transparent; }

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-secondary thead,
  .table-styling.table-secondary thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-secondary th,
  .table-styling .table-secondary td,
  .table-styling.table-secondary th,
  .table-styling.table-secondary td {
    background-color: transparent; }

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46; }
  .table-styling .table-success thead,
  .table-styling.table-success thead {
    background-color: #007931;
    border: 3px solid #007931; }
  .table-styling .table-success th,
  .table-styling .table-success td,
  .table-styling.table-success th,
  .table-styling.table-success td {
    background-color: transparent; }

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-danger thead,
  .table-styling.table-danger thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-danger th,
  .table-styling .table-danger td,
  .table-styling.table-danger th,
  .table-styling.table-danger td {
    background-color: transparent; }

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878; }
  .table-styling .table-info thead,
  .table-styling.table-info thead {
    background-color: #0f244d;
    border: 3px solid #0f244d; }
  .table-styling .table-info th,
  .table-styling .table-info td,
  .table-styling.table-info th,
  .table-styling.table-info td {
    background-color: transparent; }

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB; }
  .table-styling .table-light thead,
  .table-styling.table-light thead {
    background-color: #cad0d4;
    border: 3px solid #cad0d4; }
  .table-styling .table-light th,
  .table-styling .table-light td,
  .table-styling.table-light th,
  .table-styling.table-light td {
    background-color: transparent; }

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f; }
  .table-styling .table-dark thead,
  .table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21; }
  .table-styling .table-dark th,
  .table-styling .table-dark td,
  .table-styling.table-dark th,
  .table-styling.table-dark td {
    background-color: transparent; }

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A; }
  .table-styling .table-warning thead,
  .table-styling.table-warning thead {
    background-color: #e69500;
    border: 3px solid #e69500; }
  .table-styling .table-warning th,
  .table-styling .table-warning td,
  .table-styling.table-warning th,
  .table-styling.table-warning td {
    background-color: transparent; }

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important; }

.stroke-secondary {
  stroke: #FE6A49 !important; }

.stroke-success {
  stroke: #00AC46 !important; }

.stroke-danger {
  stroke: #FE6A49 !important; }

.stroke-info {
  stroke: #173878 !important; }

.stroke-light {
  stroke: #E6E9EB !important; }

.stroke-dark {
  stroke: #2c323f !important; }

.stroke-warning {
  stroke: #FFAE1A !important; }

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878; }

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important; }

.b-t-primary {
  border-top: 1px solid #006666 !important; }

.border-t-primary {
  border-top: 1px solid #006666 !important; }

.b-b-primary {
  border-bottom: 1px solid #006666 !important; }

.border-b-primary {
  border-bottom: 1px solid #006666 !important; }

.b-l-primary {
  border-left: 1px solid #006666 !important; }

.border-l-primary {
  border-left: 1px solid #006666 !important; }

.b-r-primary {
  border-right: 1px solid #006666 !important; }

.border-r-primary {
  border-right: 1px solid #006666 !important; }

.b-secondary {
  border: 1px solid #FE6A49 !important; }

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.b-success {
  border: 1px solid #00AC46 !important; }

.b-t-success {
  border-top: 1px solid #00AC46 !important; }

.border-t-success {
  border-top: 1px solid #00AC46 !important; }

.b-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.border-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.b-l-success {
  border-left: 1px solid #00AC46 !important; }

.border-l-success {
  border-left: 1px solid #00AC46 !important; }

.b-r-success {
  border-right: 1px solid #00AC46 !important; }

.border-r-success {
  border-right: 1px solid #00AC46 !important; }

.b-danger {
  border: 1px solid #FE6A49 !important; }

.b-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.border-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.border-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.b-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.border-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.b-info {
  border: 1px solid #173878 !important; }

.b-t-info {
  border-top: 1px solid #173878 !important; }

.border-t-info {
  border-top: 1px solid #173878 !important; }

.b-b-info {
  border-bottom: 1px solid #173878 !important; }

.border-b-info {
  border-bottom: 1px solid #173878 !important; }

.b-l-info {
  border-left: 1px solid #173878 !important; }

.border-l-info {
  border-left: 1px solid #173878 !important; }

.b-r-info {
  border-right: 1px solid #173878 !important; }

.border-r-info {
  border-right: 1px solid #173878 !important; }

.b-light {
  border: 1px solid #E6E9EB !important; }

.b-t-light {
  border-top: 1px solid #E6E9EB !important; }

.border-t-light {
  border-top: 1px solid #E6E9EB !important; }

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.b-l-light {
  border-left: 1px solid #E6E9EB !important; }

.border-l-light {
  border-left: 1px solid #E6E9EB !important; }

.b-r-light {
  border-right: 1px solid #E6E9EB !important; }

.border-r-light {
  border-right: 1px solid #E6E9EB !important; }

.b-dark {
  border: 1px solid #2c323f !important; }

.b-t-dark {
  border-top: 1px solid #2c323f !important; }

.border-t-dark {
  border-top: 1px solid #2c323f !important; }

.b-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.border-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.b-l-dark {
  border-left: 1px solid #2c323f !important; }

.border-l-dark {
  border-left: 1px solid #2c323f !important; }

.b-r-dark {
  border-right: 1px solid #2c323f !important; }

.border-r-dark {
  border-right: 1px solid #2c323f !important; }

.b-warning {
  border: 1px solid #FFAE1A !important; }

.b-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.border-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.b-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.border-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.b-r-warning {
  border-right: 1px solid #FFAE1A !important; }

.border-r-warning {
  border-right: 1px solid #FFAE1A !important; }

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-6 {
  border-width: 6px !important; }

.border-7 {
  border-width: 7px !important; }

.border-8 {
  border-width: 8px !important; }

.border-9 {
  border-width: 9px !important; }

.border-10 {
  border-width: 10px !important; }

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px; }

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa; }

.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px; }

.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3); }

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f; }
  .line pre {
    font-size: 100%; }

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important; }

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .options > div {
    color: #86909C;
    padding: 2px 10px;
    border: 1px solid; }
    .options > div:hover {
      background-color: #006666;
      color: #fff;
      transition: background-color 0.3s ease; }

/**====== Animation css Ends ======**/
.modal-footer {
  flex-wrap: wrap; }

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0; }

.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0; }

.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px; }

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666; }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #006666 !important; }

.typeahead .theme-form .form-group {
  margin-bottom: 0; }

.primary .svg-fill {
  fill: var(--theme-deafult); }
  .primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-deafult); }

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important; }

.secondary .svg-fill {
  fill: var(--theme-secondary); }
  .secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary); }

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important; }

.success .svg-fill {
  fill: #00AC46; }

.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important; }

.warning .svg-fill {
  fill: #FFAE1A; }

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important; }

.dotted {
  border-style: dotted; }

.dashed {
  border-style: dashed; }

.double {
  border-style: double; }

.groove {
  border-style: groove; }

.ridge {
  border-style: ridge; }

.inset {
  border-style: inset; }

.outset {
  border-style: outset; }

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px; }
  75% {
    opacity: .6;
    top: 0; }
  100% {
    opacity: 1; } }

.code-box-copy {
  width: 100%;
  overflow: auto; }

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%; }
  .custom-rs-12 {
    width: 100%; } }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px; }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none; }

.bg-gray {
  background-color: var(--text-gray); }

.text-gray {
  color: var(--text-gray) !important; }

.common-flex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

.common-space {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2); }

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3); }

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important; }

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important; }

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666; }

.badge-light-secondary {
  background-color: white;
  color: #FE6A49; }

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46; }

.badge-light-danger {
  background-color: white;
  color: #FE6A49; }

.badge-light-info {
  background-color: #6e96e3;
  color: #173878; }

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c; }

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f; }

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A; }

.fc .fc-button-primary.fc-button-active:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult), 0.2) !important; }

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%;
      margin-left: 0px; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .invoice-table-data {
    background-color: #f9f9fa; }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

/**=====================
    1.1 Reset CSS Ends
==========================**/
/**=====================
    1.2 Typography CSS start
==========================**/
body {
  font-size: 14px;
  overflow-x: hidden;
  font-family: "Montserrat", sans-serif;
  color: #051A1A; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0; }

h1 {
  font-size: 28px;
  font-weight: 600; }

h2 {
  font-size: 26px;
  font-weight: 600; }

h3 {
  font-size: 24px;
  font-weight: 600; }

h4 {
  font-size: 20px;
  font-weight: 600; }

h5 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4; }

h6 {
  font-size: 15px;
  font-weight: 600;
  line-height: 1; }

ul {
  padding-left: 0px;
  list-style-type: none;
  margin-bottom: 0; }

* a {
  color: var(--theme-deafult);
  text-decoration: none;
  letter-spacing: 1px; }

.f-m-light {
  margin: 0; }

a {
  font-size: 0.875rem;
  text-decoration: none;
  color: var(--theme-deafult); }
  a:hover {
    color: var(--theme-deafult); }
  a:focus-visible {
    outline: none; }

.btn {
  font-size: 14px; }

*.btn:focus {
  box-shadow: none !important; }

button:focus {
  outline: none !important; }

p {
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0.7px; }

code {
  color: var(--theme-deafult) !important;
  border-radius: 2px; }

.media {
  display: flex;
  align-items: flex-start; }
  .media .media-body {
    flex: 1; }

blockquote {
  border-left: 4px solid #006666;
  padding: 18px; }

.figure.text-center blockquote {
  border: none !important; }

.figure.text-end blockquote {
  border-left: none !important;
  border-right: 4px solid #006666; }

.row > div {
  position: relative; }

:focus {
  outline-color: var(--theme-deafult); }

.disabled {
  cursor: not-allowed;
  opacity: 0.5; }

svg {
  vertical-align: baseline; }

input:focus {
  outline-color: transparent; }

label {
  margin-bottom: .5rem;
  font-weight: 500; }

.media-widgets .media-body {
  margin-bottom: 30px; }

.typography h1,
.typography .h1,
.typography h2,
.typography .h2,
.typography h3,
.typography .h3,
.typography h4,
.typography .h4,
.typography h5,
.typography .h5,
.typography h6,
.typography .h6 {
  margin: 18px 0;
  margin-top: 0; }
  .typography h1:last-child,
  .typography .h1:last-child,
  .typography h2:last-child,
  .typography .h2:last-child,
  .typography h3:last-child,
  .typography .h3:last-child,
  .typography h4:last-child,
  .typography .h4:last-child,
  .typography h5:last-child,
  .typography .h5:last-child,
  .typography h6:last-child,
  .typography .h6:last-child {
    margin-bottom: 0; }

.typography small {
  padding-left: 10px;
  color: #2c323f; }

pre {
  background-color: rgba(0, 102, 102, 0.03);
  padding: 20px 0; }

.owl-theme .owl-dots .owl-dot span {
  background: rgba(0, 102, 102, 0.2); }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: var(--theme-deafult); }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-bottom: -10px;
  margin-top: 25px; }

.click2edit ~ .note-editor.note-frame {
  margin-bottom: 30px; }

.note-editor.note-frame {
  border-color: #E6E9EB; }

.note-editor.fullscreen .note-toolbar-wrapper {
  height: 0 !important; }

.note-editor.note-frame {
  border-color: #E6E9EB; }

.modal .modal-body .card {
  box-shadow: none !important; }

.modal-dialog .modal-content .modal-body p a {
  margin-right: 0; }

.notify-alert .close {
  color: #fff; }
  [dir="rtl"] .notify-alert .close {
    right: unset !important;
    left: 10px !important; }

.notify-alert.alert-light .close {
  color: #051A1A; }

.alert-theme button {
  top: 24px !important;
  right: 20px !important;
  color: var(--theme-deafult); }
  [dir="rtl"] .alert-theme button {
    right: unset !important;
    left: 20px !important; }

.alert-theme span + span + span {
  background-color: #fff;
  color: var(--theme-deafult);
  border-radius: 4px;
  box-shadow: 0 2px 14px -3px rgba(0, 0, 0, 0.2); }

.alert-theme .close {
  color: var(--theme-deafult); }

.alert-theme i {
  padding: 20px;
  padding-right: 0 !important;
  margin-right: 20px !important; }

.alert-theme .progress {
  margin-top: -2px !important;
  height: 2px;
  width: 100%; }
  .alert-theme .progress .progress-bar {
    background-color: var(--theme-deafult); }

.d-flex {
  display: flex;
  align-items: flex-start; }
  .d-flex .flex-grow-1 {
    flex: 1; }

.alert-copy {
  border: 1px solid var(--theme-deafult);
  line-height: 1;
  display: inline-block;
  width: 300px;
  color: #fff;
  background-color: var(--theme-deafult); }
  .alert-copy .close {
    box-shadow: none;
    color: #fff;
    line-height: 1.4;
    font-weight: 100;
    top: -15px; }
    [dir="rtl"] .alert-copy .close {
      right: unset !important;
      left: 10px !important; }
    .alert-copy .close:focus {
      outline: none; }

.ace-editor {
  height: 400px;
  width: 100%; }

.editor-toolbar {
  width: 100% !important; }
  .editor-toolbar.fullscreen {
    z-index: 100; }

.CodeMirror {
  top: 0 !important; }

.CodeMirror-fullscreen {
  top: 50px !important; }

.irs-from,
.irs-to,
.irs-single {
  background: var(--theme-deafult); }
  .irs-from:after,
  .irs-to:after,
  .irs-single:after {
    border-top-color: var(--theme-deafult); }

.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge {
  background-color: var(--theme-deafult); }

.swal-button {
  background-color: var(--theme-deafult); }
  .swal-button:active {
    background-color: #004d4d; }

.swal-button--cancel {
  background-color: #EFEFEE !important; }

.clipboaard-container h6 {
  line-height: 1.6;
  font-size: 14px; }

fieldset .bootstrap-touchspin-postfix,
fieldset .bootstrap-touchspin-prefix {
  border-radius: 0;
  padding: .4rem .75rem; }

fieldset .input-group-lg .touchspin {
  height: 50px; }

.f1 .f1-steps .f1-step .f1-step-icon {
  padding: 12px; }

.form-inline .form-group {
  display: flex; }

.input-group-text i {
  line-height: 1.5; }

.animated-modal .form-select {
  display: inline-block;
  width: auto;
  vertical-align: middle; }

.card-wrapper {
  padding: 14px; }
  .card-wrapper dl dt {
    font-weight: 500; }

/* ===== Scrollbar CSS ===== */
/* Firefox */
table tbody tr {
  vertical-align: middle; }

.typography-table thead tr th {
  font-size: 16px; }

.typography-table tbody tr td:last-child {
  min-width: 280px; }

.typography-table tbody tr td:first-child {
  min-width: 100px; }

/**=====================
    1.2 Typography CSS Ends
==========================**/
/**=====================
    2.1 According CSS start
==========================**/
.default-according .avatar-showcase {
  margin-bottom: 0; }

.default-according .card {
  margin-bottom: 0;
  box-shadow: none; }
  .default-according .card + .card {
    margin-top: 10px; }
  .default-according .card .btn-link {
    font-weight: 500;
    color: #051A1A;
    text-decoration: none; }
  .default-according .card .btn-link:focus, .default-according .card .btn-link:hover {
    text-decoration: none; }
  .default-according .card .card-header {
    padding: 0.75rem 1.25rem;
    border: 1px solid #ecf3fa; }
    .default-according .card .card-header i {
      position: absolute;
      left: 18px;
      font-size: 20px;
      top: 20px; }
    .default-according .card .card-header h5 {
      margin-top: 2px; }
  .default-according .card .card-body {
    border: 1px solid #ecf3fa;
    border-top: none; }

.default-according.style-1 button {
  width: 100%;
  text-align: left; }
  .default-according.style-1 button:before {
    right: 20px;
    position: absolute;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    font-size: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (max-width: 575px) {
      .default-according.style-1 button:before {
        right: 15px; } }
  .default-according.style-1 button[aria-expanded="true"]:before {
    content: "";
    font-family: IcoFont; }
  .default-according.style-1 button[aria-expanded="false"]:before {
    content: "";
    font-family: IcoFont; }

.accordion-button .svg-color {
  position: absolute;
  right: 20px; }
  [dir="rtl"] .accordion-button .svg-color {
    left: 20px;
    right: unset; }
  .accordion-button .svg-color::after {
    content: '';
    background-image: unset; }

.accordion-button:not(.collapsed) {
  background-color: unset;
  box-shadow: none; }
  .accordion-button:not(.collapsed)::after {
    background-image: unset; }

.accordion-button::after {
  background-image: unset; }

.accordion-button:focus {
  box-shadow: none; }

.accordion-button.accordion-light-primary:not(.collapsed) {
  background-color: rgba(0, 102, 102, 0.2); }

.accordion-button.accordion-light-primary:active, .accordion-button.accordion-light-primary.active {
  background-color: rgba(0, 102, 102, 0.2);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-primary {
  background-color: rgba(0, 102, 102, 0.2) !important; }

.accordion-button.accordion-light-secondary:not(.collapsed) {
  background-color: rgba(254, 106, 73, 0.3); }

.accordion-button.accordion-light-secondary:active, .accordion-button.accordion-light-secondary.active {
  background-color: rgba(254, 106, 73, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-secondary {
  background-color: rgba(254, 106, 73, 0.3) !important; }

.accordion-button.accordion-light-success:not(.collapsed) {
  background-color: rgba(0, 172, 70, 0.3); }

.accordion-button.accordion-light-success:active, .accordion-button.accordion-light-success.active {
  background-color: rgba(0, 172, 70, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-success {
  background-color: rgba(0, 172, 70, 0.3) !important; }

.accordion-button.accordion-light-warning:not(.collapsed) {
  background-color: rgba(255, 174, 26, 0.3); }

.accordion-button.accordion-light-warning:active, .accordion-button.accordion-light-warning.active {
  background-color: rgba(255, 174, 26, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-warning {
  background-color: rgba(255, 174, 26, 0.3) !important; }

.accordion-button.accordion-light-info:not(.collapsed) {
  background-color: rgba(23, 56, 120, 0.3); }

.accordion-button.accordion-light-info:active, .accordion-button.accordion-light-info.active {
  background-color: rgba(23, 56, 120, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-info {
  background-color: rgba(23, 56, 120, 0.3) !important; }

.accordion-button.accordion-light-light:not(.collapsed) {
  background-color: #F9F9FB; }

.accordion-button.accordion-light-light:active, .accordion-button.accordion-light-light.active {
  background-color: #F9F9FB;
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-light {
  background-color: #F9F9FB !important; }

.accordion-button.accordion-light-danger:not(.collapsed) {
  background-color: rgba(254, 106, 73, 0.3); }

.accordion-button.accordion-light-danger:active, .accordion-button.accordion-light-danger.active {
  background-color: rgba(254, 106, 73, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-danger {
  background-color: rgba(254, 106, 73, 0.3) !important; }

.accordion-button.accordion-light-dark:not(.collapsed) {
  background-color: #EAEBF2; }

.accordion-button.accordion-light-dark:active, .accordion-button.accordion-light-dark.active {
  background-color: #EAEBF2;
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-dark {
  background-color: #EAEBF2 !important; }

.accordion-item .accordion-button .svg-wrapper {
  width: 18px;
  height: 18px; }

.accordion-wrapper:active {
  border: 1px solid #006666;
  border-top: 1px solid #006666 !important; }

.accordion-border .accordion-item {
  border: 0; }

.icons-accordion .accordion-item:last-child .accordion-body {
  padding-bottom: 0 !important; }

.accordions-content li {
  color: #2c323f; }

.collapse-accordion .btn-dark.show {
  border-radius: 15px; }

/**=====================
    2.1 According CSS Ends
==========================**/
/**=====================
     2.2 Alert CSS start
==========================**/
.notify-alert .close {
  color: #006666;
  background: unset;
  border: none;
  font-size: 25px;
  top: 0px; }
  [dir="rtl"] .notify-alert .close {
    right: unset !important;
    left: 10px !important; }

.notify-alert.alert-light .close {
  color: #051A1A; }

.alert {
  border-radius: 0.15rem;
  padding: 15px; }
  .alert svg {
    vertical-align: middle; }
  .alert .progress {
    margin-top: 15px; }
  .alert [data-notify='icon'] {
    margin-right: 10px;
    line-height: 20px;
    position: absolute; }
  .alert [data-notify='message'] {
    display: inline-block;
    width: 100%; }
  .alert i {
    margin-right: 5px;
    font-size: 16px; }
  .alert p {
    margin-bottom: 0; }
  .alert .close {
    opacity: 1; }
    .alert .close span {
      font-size: 24px;
      font-weight: 400;
      display: inline-block;
      border-radius: 3px;
      text-shadow: none;
      padding: 0 5px;
      padding-right: 0; }

.alert-dismissible {
  padding-right: 2.5rem; }
  [dir="rtl"] .alert-dismissible {
    padding-right: 15px;
    padding-left: 2.5rem; }
  .alert-dismissible .close {
    padding: 10px 1.25rem;
    top: 4px;
    padding-right: 13px;
    opacity: 0.5;
    transition: all 0.3s ease; }
    .alert-dismissible .close:hover {
      transition: all 0.3s ease;
      opacity: 1;
      color: inherit; }

.card-body button:focus {
  outline: none; }

.card-body .alert:last-child {
  margin-bottom: 0; }

.card-body .alert svg {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  position: absolute;
  top: 18px; }
  .card-body .alert svg ~ p {
    padding-left: 20px; }

strong {
  display: inline-block; }
  strong ~ p {
    display: inline-block; }

.alert-primary {
  background-color: rgba(0, 102, 102, 0.9);
  border-color: rgba(0, 102, 102, 0.9);
  color: #fff; }
  .alert-primary .progress {
    height: 5px;
    background-color: #006161;
    border-radius: 0; }
  .alert-primary .progress-bar {
    background-color: #66ffff; }
  .alert-primary .btn-close {
    filter: brightness(1) invert(1); }
  .alert-primary .alert-link {
    color: #006666; }
  .alert-primary hr {
    border-top-color: #006666; }

.border-primary {
  border-color: #006666 !important; }

.income-wrapper ul li .income-dot.dot-primary {
  background-color: #006666; }

.touchspin-wrapper .btn-touchspin.touchspin-primary {
  background-color: #006666;
  border: 1px solid #006666;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-primary {
  background-color: unset;
  border: 1px solid #006666;
  color: #006666; }

.touchspin-wrapper input.spin-outline-primary[type='number'] {
  outline: 1px solid #006666;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-primary {
  background-color: #006666;
  border: 1px solid #006666;
  color: #fff; }

.form-switch .form-check-input.switch-primary:checked {
  background-color: #006666;
  border-color: #006666; }

.payment-second .mega-icons.stroke-primary {
  stroke: #006666; }

.toast-primary {
  color: #006666 !important; }

.list-group-horizontal-sm .list-group-item.border-left-primary, .list-group-horizontal-md .list-group-item.border-left-primary, .list-group-horizontal-lg .list-group-item.border-left-primary, .list-group-horizontal-xl .list-group-item.border-left-primary, .list-group-horizontal-xxl .list-group-item.border-left-primary {
  border-left: 4px solid #006666; }

.main-radio-toggle .btn-check.radio-light-primary:focus + .btn {
  box-shadow: 0 0 0 4px rgba(0, 102, 102, 0.55); }

.fill-radios .radio.radio-primary input[type='radio']:checked + label::before {
  border: 10px solid #006666; }

.fill-radios .radio.radio-primary input[type='radio']:checked + label::after {
  background-color: #006666; }

.list-group .form-check-input.checkbox-primary[type=checkbox]:checked,
.list-group .checkbox-primary[type=radio] {
  background-color: unset;
  border-color: #006666;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-primary[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-primary[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-primary.active[type=checkbox]:checked,
  .list-group .checkbox-primary[type=radio]:focus,
  .list-group .checkbox-primary[type=radio]:active,
  .list-group .checkbox-primary.active[type=radio] {
    border-color: #006666;
    outline: 0;
    background-color: #006666; }

.list-group .alert-primary.light {
  background-color: rgba(0, 102, 102, 0.4);
  border-color: rgba(0, 102, 102, 0.7); }

.list-group .alert-primary.dark {
  background-color: #006666;
  border-color: #006666;
  color: #fafafa; }
  .list-group .alert-primary.dark .alert-link {
    color: #fff; }

.list-group .alert-primary.outline,
.list-group .alert-primary.outline-2x {
  background-color: transparent;
  border-color: #006666;
  color: #006666; }
  .list-group .alert-primary.outline .btn-close,
  .list-group .alert-primary.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-primary.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #006666;
  color: #051A1A; }
  .list-group .alert-primary.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #006666;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-primary.inverse:before {
        left: 45px; } }
  .list-group .alert-primary.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #006666;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-primary.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-secondary {
  background-color: rgba(254, 106, 73, 0.9);
  border-color: rgba(254, 106, 73, 0.9);
  color: #fff; }
  .alert-secondary .progress {
    height: 5px;
    background-color: #fe6644;
    border-radius: 0; }
  .alert-secondary .progress-bar {
    background-color: white; }
  .alert-secondary .btn-close {
    filter: brightness(1) invert(1); }
  .alert-secondary .alert-link {
    color: #FE6A49; }
  .alert-secondary hr {
    border-top-color: #FE6A49; }

.border-secondary {
  border-color: #FE6A49 !important; }

.income-wrapper ul li .income-dot.dot-secondary {
  background-color: #FE6A49; }

.touchspin-wrapper .btn-touchspin.touchspin-secondary {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-secondary {
  background-color: unset;
  border: 1px solid #FE6A49;
  color: #FE6A49; }

.touchspin-wrapper input.spin-outline-secondary[type='number'] {
  outline: 1px solid #FE6A49;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-secondary {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.form-switch .form-check-input.switch-secondary:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.payment-second .mega-icons.stroke-secondary {
  stroke: #FE6A49; }

.toast-secondary {
  color: #FE6A49 !important; }

.list-group-horizontal-sm .list-group-item.border-left-secondary, .list-group-horizontal-md .list-group-item.border-left-secondary, .list-group-horizontal-lg .list-group-item.border-left-secondary, .list-group-horizontal-xl .list-group-item.border-left-secondary, .list-group-horizontal-xxl .list-group-item.border-left-secondary {
  border-left: 4px solid #FE6A49; }

.main-radio-toggle .btn-check.radio-light-secondary:focus + .btn {
  box-shadow: 0 0 0 4px rgba(254, 106, 73, 0.55); }

.fill-radios .radio.radio-secondary input[type='radio']:checked + label::before {
  border: 10px solid #FE6A49; }

.fill-radios .radio.radio-secondary input[type='radio']:checked + label::after {
  background-color: #FE6A49; }

.list-group .form-check-input.checkbox-secondary[type=checkbox]:checked,
.list-group .checkbox-secondary[type=radio] {
  background-color: unset;
  border-color: #FE6A49;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-secondary[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-secondary[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-secondary.active[type=checkbox]:checked,
  .list-group .checkbox-secondary[type=radio]:focus,
  .list-group .checkbox-secondary[type=radio]:active,
  .list-group .checkbox-secondary.active[type=radio] {
    border-color: #FE6A49;
    outline: 0;
    background-color: #FE6A49; }

.list-group .alert-secondary.light {
  background-color: rgba(254, 106, 73, 0.4);
  border-color: rgba(254, 106, 73, 0.7); }

.list-group .alert-secondary.dark {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fafafa; }
  .list-group .alert-secondary.dark .alert-link {
    color: #fff; }

.list-group .alert-secondary.outline,
.list-group .alert-secondary.outline-2x {
  background-color: transparent;
  border-color: #FE6A49;
  color: #FE6A49; }
  .list-group .alert-secondary.outline .btn-close,
  .list-group .alert-secondary.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-secondary.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FE6A49;
  color: #051A1A; }
  .list-group .alert-secondary.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #FE6A49;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-secondary.inverse:before {
        left: 45px; } }
  .list-group .alert-secondary.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #FE6A49;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-secondary.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-success {
  background-color: rgba(0, 172, 70, 0.9);
  border-color: rgba(0, 172, 70, 0.9);
  color: #fff; }
  .alert-success .progress {
    height: 5px;
    background-color: #00a744;
    border-radius: 0; }
  .alert-success .progress-bar {
    background-color: #acffce; }
  .alert-success .btn-close {
    filter: brightness(1) invert(1); }
  .alert-success .alert-link {
    color: #00AC46; }
  .alert-success hr {
    border-top-color: #00AC46; }

.border-success {
  border-color: #00AC46 !important; }

.income-wrapper ul li .income-dot.dot-success {
  background-color: #00AC46; }

.touchspin-wrapper .btn-touchspin.touchspin-success {
  background-color: #00AC46;
  border: 1px solid #00AC46;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-success {
  background-color: unset;
  border: 1px solid #00AC46;
  color: #00AC46; }

.touchspin-wrapper input.spin-outline-success[type='number'] {
  outline: 1px solid #00AC46;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-success {
  background-color: #00AC46;
  border: 1px solid #00AC46;
  color: #fff; }

.form-switch .form-check-input.switch-success:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.payment-second .mega-icons.stroke-success {
  stroke: #00AC46; }

.toast-success {
  color: #00AC46 !important; }

.list-group-horizontal-sm .list-group-item.border-left-success, .list-group-horizontal-md .list-group-item.border-left-success, .list-group-horizontal-lg .list-group-item.border-left-success, .list-group-horizontal-xl .list-group-item.border-left-success, .list-group-horizontal-xxl .list-group-item.border-left-success {
  border-left: 4px solid #00AC46; }

.main-radio-toggle .btn-check.radio-light-success:focus + .btn {
  box-shadow: 0 0 0 4px rgba(0, 172, 70, 0.55); }

.fill-radios .radio.radio-success input[type='radio']:checked + label::before {
  border: 10px solid #00AC46; }

.fill-radios .radio.radio-success input[type='radio']:checked + label::after {
  background-color: #00AC46; }

.list-group .form-check-input.checkbox-success[type=checkbox]:checked,
.list-group .checkbox-success[type=radio] {
  background-color: unset;
  border-color: #00AC46;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-success[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-success[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-success.active[type=checkbox]:checked,
  .list-group .checkbox-success[type=radio]:focus,
  .list-group .checkbox-success[type=radio]:active,
  .list-group .checkbox-success.active[type=radio] {
    border-color: #00AC46;
    outline: 0;
    background-color: #00AC46; }

.list-group .alert-success.light {
  background-color: rgba(0, 172, 70, 0.4);
  border-color: rgba(0, 172, 70, 0.7); }

.list-group .alert-success.dark {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fafafa; }
  .list-group .alert-success.dark .alert-link {
    color: #fff; }

.list-group .alert-success.outline,
.list-group .alert-success.outline-2x {
  background-color: transparent;
  border-color: #00AC46;
  color: #00AC46; }
  .list-group .alert-success.outline .btn-close,
  .list-group .alert-success.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-success.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #00AC46;
  color: #051A1A; }
  .list-group .alert-success.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #00AC46;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-success.inverse:before {
        left: 45px; } }
  .list-group .alert-success.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #00AC46;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-success.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-danger {
  background-color: rgba(254, 106, 73, 0.9);
  border-color: rgba(254, 106, 73, 0.9);
  color: #fff; }
  .alert-danger .progress {
    height: 5px;
    background-color: #fe6644;
    border-radius: 0; }
  .alert-danger .progress-bar {
    background-color: white; }
  .alert-danger .btn-close {
    filter: brightness(1) invert(1); }
  .alert-danger .alert-link {
    color: #FE6A49; }
  .alert-danger hr {
    border-top-color: #FE6A49; }

.border-danger {
  border-color: #FE6A49 !important; }

.income-wrapper ul li .income-dot.dot-danger {
  background-color: #FE6A49; }

.touchspin-wrapper .btn-touchspin.touchspin-danger {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-danger {
  background-color: unset;
  border: 1px solid #FE6A49;
  color: #FE6A49; }

.touchspin-wrapper input.spin-outline-danger[type='number'] {
  outline: 1px solid #FE6A49;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-danger {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.form-switch .form-check-input.switch-danger:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.payment-second .mega-icons.stroke-danger {
  stroke: #FE6A49; }

.toast-danger {
  color: #FE6A49 !important; }

.list-group-horizontal-sm .list-group-item.border-left-danger, .list-group-horizontal-md .list-group-item.border-left-danger, .list-group-horizontal-lg .list-group-item.border-left-danger, .list-group-horizontal-xl .list-group-item.border-left-danger, .list-group-horizontal-xxl .list-group-item.border-left-danger {
  border-left: 4px solid #FE6A49; }

.main-radio-toggle .btn-check.radio-light-danger:focus + .btn {
  box-shadow: 0 0 0 4px rgba(254, 106, 73, 0.55); }

.fill-radios .radio.radio-danger input[type='radio']:checked + label::before {
  border: 10px solid #FE6A49; }

.fill-radios .radio.radio-danger input[type='radio']:checked + label::after {
  background-color: #FE6A49; }

.list-group .form-check-input.checkbox-danger[type=checkbox]:checked,
.list-group .checkbox-danger[type=radio] {
  background-color: unset;
  border-color: #FE6A49;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-danger[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-danger[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-danger.active[type=checkbox]:checked,
  .list-group .checkbox-danger[type=radio]:focus,
  .list-group .checkbox-danger[type=radio]:active,
  .list-group .checkbox-danger.active[type=radio] {
    border-color: #FE6A49;
    outline: 0;
    background-color: #FE6A49; }

.list-group .alert-danger.light {
  background-color: rgba(254, 106, 73, 0.4);
  border-color: rgba(254, 106, 73, 0.7); }

.list-group .alert-danger.dark {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fafafa; }
  .list-group .alert-danger.dark .alert-link {
    color: #fff; }

.list-group .alert-danger.outline,
.list-group .alert-danger.outline-2x {
  background-color: transparent;
  border-color: #FE6A49;
  color: #FE6A49; }
  .list-group .alert-danger.outline .btn-close,
  .list-group .alert-danger.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-danger.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FE6A49;
  color: #051A1A; }
  .list-group .alert-danger.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #FE6A49;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-danger.inverse:before {
        left: 45px; } }
  .list-group .alert-danger.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #FE6A49;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-danger.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-warning {
  background-color: rgba(255, 174, 26, 0.9);
  border-color: rgba(255, 174, 26, 0.9);
  color: #fff; }
  .alert-warning .progress {
    height: 5px;
    background-color: #ffac15;
    border-radius: 0; }
  .alert-warning .progress-bar {
    background-color: white; }
  .alert-warning .btn-close {
    filter: brightness(1) invert(1); }
  .alert-warning .alert-link {
    color: #FFAE1A; }
  .alert-warning hr {
    border-top-color: #FFAE1A; }

.border-warning {
  border-color: #FFAE1A !important; }

.income-wrapper ul li .income-dot.dot-warning {
  background-color: #FFAE1A; }

.touchspin-wrapper .btn-touchspin.touchspin-warning {
  background-color: #FFAE1A;
  border: 1px solid #FFAE1A;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-warning {
  background-color: unset;
  border: 1px solid #FFAE1A;
  color: #FFAE1A; }

.touchspin-wrapper input.spin-outline-warning[type='number'] {
  outline: 1px solid #FFAE1A;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-warning {
  background-color: #FFAE1A;
  border: 1px solid #FFAE1A;
  color: #fff; }

.form-switch .form-check-input.switch-warning:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

.payment-second .mega-icons.stroke-warning {
  stroke: #FFAE1A; }

.toast-warning {
  color: #FFAE1A !important; }

.list-group-horizontal-sm .list-group-item.border-left-warning, .list-group-horizontal-md .list-group-item.border-left-warning, .list-group-horizontal-lg .list-group-item.border-left-warning, .list-group-horizontal-xl .list-group-item.border-left-warning, .list-group-horizontal-xxl .list-group-item.border-left-warning {
  border-left: 4px solid #FFAE1A; }

.main-radio-toggle .btn-check.radio-light-warning:focus + .btn {
  box-shadow: 0 0 0 4px rgba(255, 174, 26, 0.55); }

.fill-radios .radio.radio-warning input[type='radio']:checked + label::before {
  border: 10px solid #FFAE1A; }

.fill-radios .radio.radio-warning input[type='radio']:checked + label::after {
  background-color: #FFAE1A; }

.list-group .form-check-input.checkbox-warning[type=checkbox]:checked,
.list-group .checkbox-warning[type=radio] {
  background-color: unset;
  border-color: #FFAE1A;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-warning[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-warning[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-warning.active[type=checkbox]:checked,
  .list-group .checkbox-warning[type=radio]:focus,
  .list-group .checkbox-warning[type=radio]:active,
  .list-group .checkbox-warning.active[type=radio] {
    border-color: #FFAE1A;
    outline: 0;
    background-color: #FFAE1A; }

.list-group .alert-warning.light {
  background-color: rgba(255, 174, 26, 0.4);
  border-color: rgba(255, 174, 26, 0.7); }

.list-group .alert-warning.dark {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fafafa; }
  .list-group .alert-warning.dark .alert-link {
    color: #fff; }

.list-group .alert-warning.outline,
.list-group .alert-warning.outline-2x {
  background-color: transparent;
  border-color: #FFAE1A;
  color: #FFAE1A; }
  .list-group .alert-warning.outline .btn-close,
  .list-group .alert-warning.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-warning.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FFAE1A;
  color: #051A1A; }
  .list-group .alert-warning.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #FFAE1A;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-warning.inverse:before {
        left: 45px; } }
  .list-group .alert-warning.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #FFAE1A;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-warning.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-info {
  background-color: rgba(23, 56, 120, 0.9);
  border-color: rgba(23, 56, 120, 0.9);
  color: #fff; }
  .alert-info .progress {
    height: 5px;
    background-color: #163674;
    border-radius: 0; }
  .alert-info .progress-bar {
    background-color: #a1bbed; }
  .alert-info .btn-close {
    filter: brightness(1) invert(1); }
  .alert-info .alert-link {
    color: #173878; }
  .alert-info hr {
    border-top-color: #173878; }

.border-info {
  border-color: #173878 !important; }

.income-wrapper ul li .income-dot.dot-info {
  background-color: #173878; }

.touchspin-wrapper .btn-touchspin.touchspin-info {
  background-color: #173878;
  border: 1px solid #173878;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-info {
  background-color: unset;
  border: 1px solid #173878;
  color: #173878; }

.touchspin-wrapper input.spin-outline-info[type='number'] {
  outline: 1px solid #173878;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-info {
  background-color: #173878;
  border: 1px solid #173878;
  color: #fff; }

.form-switch .form-check-input.switch-info:checked {
  background-color: #173878;
  border-color: #173878; }

.payment-second .mega-icons.stroke-info {
  stroke: #173878; }

.toast-info {
  color: #173878 !important; }

.list-group-horizontal-sm .list-group-item.border-left-info, .list-group-horizontal-md .list-group-item.border-left-info, .list-group-horizontal-lg .list-group-item.border-left-info, .list-group-horizontal-xl .list-group-item.border-left-info, .list-group-horizontal-xxl .list-group-item.border-left-info {
  border-left: 4px solid #173878; }

.main-radio-toggle .btn-check.radio-light-info:focus + .btn {
  box-shadow: 0 0 0 4px rgba(23, 56, 120, 0.55); }

.fill-radios .radio.radio-info input[type='radio']:checked + label::before {
  border: 10px solid #173878; }

.fill-radios .radio.radio-info input[type='radio']:checked + label::after {
  background-color: #173878; }

.list-group .form-check-input.checkbox-info[type=checkbox]:checked,
.list-group .checkbox-info[type=radio] {
  background-color: unset;
  border-color: #173878;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-info[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-info[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-info.active[type=checkbox]:checked,
  .list-group .checkbox-info[type=radio]:focus,
  .list-group .checkbox-info[type=radio]:active,
  .list-group .checkbox-info.active[type=radio] {
    border-color: #173878;
    outline: 0;
    background-color: #173878; }

.list-group .alert-info.light {
  background-color: rgba(23, 56, 120, 0.4);
  border-color: rgba(23, 56, 120, 0.7); }

.list-group .alert-info.dark {
  background-color: #173878;
  border-color: #173878;
  color: #fafafa; }
  .list-group .alert-info.dark .alert-link {
    color: #fff; }

.list-group .alert-info.outline,
.list-group .alert-info.outline-2x {
  background-color: transparent;
  border-color: #173878;
  color: #173878; }
  .list-group .alert-info.outline .btn-close,
  .list-group .alert-info.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-info.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #173878;
  color: #051A1A; }
  .list-group .alert-info.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #173878;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-info.inverse:before {
        left: 45px; } }
  .list-group .alert-info.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #173878;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-info.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-light {
  background-color: rgba(230, 233, 235, 0.9);
  border-color: rgba(230, 233, 235, 0.9);
  color: #fff;
  color: #2c323f;
  background-color: #E6E9EB; }
  .alert-light .progress {
    height: 5px;
    background-color: #e3e7e9;
    border-radius: 0; }
  .alert-light .progress-bar {
    background-color: white; }
  .alert-light .btn-close {
    filter: brightness(1) invert(1); }
  .alert-light .alert-link {
    color: #E6E9EB;
    color: #2c323f; }
  .alert-light .btn-close {
    filter: unset; }
  .alert-light hr {
    border-top-color: #E6E9EB; }

.border-light {
  border-color: #E6E9EB !important; }

.income-wrapper ul li .income-dot.dot-light {
  background-color: #E6E9EB; }

.touchspin-wrapper .btn-touchspin.touchspin-light {
  background-color: #E6E9EB;
  border: 1px solid #E6E9EB;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-light {
  background-color: unset;
  border: 1px solid #E6E9EB;
  color: #E6E9EB; }

.touchspin-wrapper input.spin-outline-light[type='number'] {
  outline: 1px solid #E6E9EB;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-light {
  background-color: #E6E9EB;
  border: 1px solid #E6E9EB;
  color: #fff; }

.form-switch .form-check-input.switch-light:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.payment-second .mega-icons.stroke-light {
  stroke: #E6E9EB; }

.toast-light {
  color: #E6E9EB !important; }

.list-group-horizontal-sm .list-group-item.border-left-light, .list-group-horizontal-md .list-group-item.border-left-light, .list-group-horizontal-lg .list-group-item.border-left-light, .list-group-horizontal-xl .list-group-item.border-left-light, .list-group-horizontal-xxl .list-group-item.border-left-light {
  border-left: 4px solid #E6E9EB; }

.main-radio-toggle .btn-check.radio-light-light:focus + .btn {
  box-shadow: 0 0 0 4px rgba(230, 233, 235, 0.55); }

.fill-radios .radio.radio-light input[type='radio']:checked + label::before {
  border: 10px solid #E6E9EB; }

.fill-radios .radio.radio-light input[type='radio']:checked + label::after {
  background-color: #E6E9EB; }

.list-group .form-check-input.checkbox-light[type=checkbox]:checked,
.list-group .checkbox-light[type=radio] {
  background-color: unset;
  border-color: #E6E9EB;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-light[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-light[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-light.active[type=checkbox]:checked,
  .list-group .checkbox-light[type=radio]:focus,
  .list-group .checkbox-light[type=radio]:active,
  .list-group .checkbox-light.active[type=radio] {
    border-color: #E6E9EB;
    outline: 0;
    background-color: #E6E9EB; }

.list-group .alert-light.light {
  background-color: rgba(230, 233, 235, 0.4);
  border-color: rgba(230, 233, 235, 0.7); }

.list-group .alert-light.dark {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fafafa;
  color: #2c323f; }
  .list-group .alert-light.dark .alert-link {
    color: #fff;
    color: #2c323f; }

.list-group .alert-light.outline,
.list-group .alert-light.outline-2x {
  background-color: transparent;
  border-color: #E6E9EB;
  color: #E6E9EB;
  color: #2c323f; }
  .list-group .alert-light.outline .btn-close,
  .list-group .alert-light.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-light.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #E6E9EB;
  color: #051A1A; }
  .list-group .alert-light.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #E6E9EB;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-light.inverse:before {
        left: 45px; } }
  .list-group .alert-light.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #E6E9EB;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-light.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-dark {
  background-color: rgba(44, 50, 63, 0.9);
  border-color: rgba(44, 50, 63, 0.9);
  color: #fff; }
  .alert-dark .progress {
    height: 5px;
    background-color: #2a303c;
    border-radius: 0; }
  .alert-dark .progress-bar {
    background-color: #a8b0c2; }
  .alert-dark .btn-close {
    filter: brightness(1) invert(1); }
  .alert-dark .alert-link {
    color: #2c323f; }
  .alert-dark hr {
    border-top-color: #2c323f; }

.border-dark {
  border-color: #2c323f !important; }

.income-wrapper ul li .income-dot.dot-dark {
  background-color: #2c323f; }

.touchspin-wrapper .btn-touchspin.touchspin-dark {
  background-color: #2c323f;
  border: 1px solid #2c323f;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-dark {
  background-color: unset;
  border: 1px solid #2c323f;
  color: #2c323f; }

.touchspin-wrapper input.spin-outline-dark[type='number'] {
  outline: 1px solid #2c323f;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-dark {
  background-color: #2c323f;
  border: 1px solid #2c323f;
  color: #fff; }

.form-switch .form-check-input.switch-dark:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.payment-second .mega-icons.stroke-dark {
  stroke: #2c323f; }

.toast-dark {
  color: #2c323f !important; }

.list-group-horizontal-sm .list-group-item.border-left-dark, .list-group-horizontal-md .list-group-item.border-left-dark, .list-group-horizontal-lg .list-group-item.border-left-dark, .list-group-horizontal-xl .list-group-item.border-left-dark, .list-group-horizontal-xxl .list-group-item.border-left-dark {
  border-left: 4px solid #2c323f; }

.main-radio-toggle .btn-check.radio-light-dark:focus + .btn {
  box-shadow: 0 0 0 4px rgba(44, 50, 63, 0.55); }

.fill-radios .radio.radio-dark input[type='radio']:checked + label::before {
  border: 10px solid #2c323f; }

.fill-radios .radio.radio-dark input[type='radio']:checked + label::after {
  background-color: #2c323f; }

.list-group .form-check-input.checkbox-dark[type=checkbox]:checked,
.list-group .checkbox-dark[type=radio] {
  background-color: unset;
  border-color: #2c323f;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-dark[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-dark[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-dark.active[type=checkbox]:checked,
  .list-group .checkbox-dark[type=radio]:focus,
  .list-group .checkbox-dark[type=radio]:active,
  .list-group .checkbox-dark.active[type=radio] {
    border-color: #2c323f;
    outline: 0;
    background-color: #2c323f; }

.list-group .alert-dark.light {
  background-color: rgba(44, 50, 63, 0.4);
  border-color: rgba(44, 50, 63, 0.7); }

.list-group .alert-dark.dark {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fafafa; }
  .list-group .alert-dark.dark .alert-link {
    color: #fff; }

.list-group .alert-dark.outline,
.list-group .alert-dark.outline-2x {
  background-color: transparent;
  border-color: #2c323f;
  color: #2c323f; }
  .list-group .alert-dark.outline .btn-close,
  .list-group .alert-dark.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-dark.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #2c323f;
  color: #051A1A; }
  .list-group .alert-dark.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #2c323f;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-dark.inverse:before {
        left: 45px; } }
  .list-group .alert-dark.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #2c323f;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-dark.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.outline-2x {
  border-width: 2px;
  padding: 11px 1.25rem; }

.alert-icons.outline-2x {
  padding: 15px; }

.alert-icons svg {
  position: absolute !important;
  top: 18px !important; }

.alert-dark .btn-close,
.alert-info .btn-close {
  filter: none; }

.border-left-wrapper {
  border-left: 4px solid #2c323f; }

.alert-light-primary {
  background-color: rgba(0, 102, 102, 0.2); }

.alert-light-secondary {
  background-color: rgba(254, 106, 73, 0.3); }

.alert-light-success {
  background-color: rgba(0, 172, 70, 0.3); }

.alert-light-warning {
  background-color: rgba(255, 174, 26, 0.3); }

.alert-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.alert-light-light {
  background-color: #F9F9FB; }

.alert-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.alert-light-dark {
  background-color: #EAEBF2; }

.alert-arrow {
  min-width: 55px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }
  .alert-arrow i {
    margin-right: 0; }

@media (max-width: 576px) {
  .ellipsis.content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 294px; } }

@media (max-width: 575px) {
  .ellipsis.content {
    max-width: 180px; } }

.alert-dismissible {
  display: flex;
  align-items: center;
  gap: 8px; }

.alert.notify-alert.alert-copy {
  display: flex !important; }

/**=====================
   2.2 Alert CSS end
==========================**/
/**=====================
  2.3 Avatars CSS start
==========================**/
.avatars .avatar {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  width: auto; }
  .avatars .avatar:last-child {
    margin-right: 0; }
  .avatars .avatar.ratio img {
    width: auto; }
  .avatars .avatar .status {
    position: absolute;
    height: 18%;
    width: 18%;
    border-radius: 100%;
    bottom: 12%;
    right: 4%;
    border: 1px solid; }

.customers ul {
  display: inline-block; }
  .customers ul li img {
    border: 2px solid var(--white);
    transition: 0.5s; }
    .customers ul li img:hover {
      transform: translateY(-4px) scale(1.02);
      transition: 0.5s; }
  .customers ul li + li {
    margin-left: -7%; }
  .customers ul li:last-child p {
    color: #051A1A !important;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: 500;
    border: 2px solid #E6E9EB !important; }

.customers.avatar-group {
  margin-right: 30px; }
  .customers.avatar-group:last-child {
    margin-right: 0; }

.avatar-showcase {
  margin-bottom: -10px; }
  .avatar-showcase .avatars .avatar {
    margin-bottom: 10px; }
  .avatar-showcase .avatar-group {
    margin-bottom: 10px; }
  .avatar-showcase .ratio > * {
    position: relative;
    top: unset;
    left: unset; }

/**=====================
    2.3 Avatars CSS Ends
==========================**/
/**=====================
    2.4 Badge CSS start
==========================**/
.badge-spacing {
  display: flex;
  flex-wrap: wrap;
  gap: 12px; }
  .badge-spacing .badge {
    padding: 6px 12px;
    font-size: 12px; }
    .badge-spacing .badge.badge svg {
      padding-top: 0px; }
    .badge-spacing .badge.rounded-circle {
      padding: 10px 14px;
      display: flex;
      justify-content: center;
      align-items: center; }
    .badge-spacing .badge.badge-p-space {
      padding: 10px 13px; }
    .badge-spacing .badge + .badge {
      margin-left: 0px; }
    .badge-spacing .badge.btn-p-space {
      padding: 8px 10px; }

a.badge:hover {
  color: inherit; }
  a.badge.badge-dark:hover:hover {
    color: #fff; }

.badge {
  padding: 8px 16px;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-weight: 500; }
  .badge + .badge {
    margin-left: 5px; }
  .badge svg {
    width: 16px;
    height: 16px;
    padding-top: 3px; }

.b-ln-height {
  line-height: 5px; }

.pill-badge-primary {
  background-color: var(--theme-deafult);
  box-shadow: -0.5px 4.33px 16px 0px rgba(var(--theme-deafult), 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-secondary {
  background-color: #FE6A49;
  box-shadow: -0.5px 4.33px 16px 0px rgba(254, 106, 73, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-success {
  background-color: #00AC46;
  box-shadow: -0.5px 4.33px 16px 0px rgba(0, 172, 70, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-danger {
  background-color: #FE6A49;
  box-shadow: -0.5px 4.33px 16px 0px rgba(254, 106, 73, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-info {
  background-color: #173878;
  box-shadow: -0.5px 4.33px 16px 0px rgba(23, 56, 120, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-light {
  background-color: #E6E9EB;
  box-shadow: -0.5px 4.33px 16px 0px rgba(230, 233, 235, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-dark {
  background-color: #2c323f;
  box-shadow: -0.5px 4.33px 16px 0px rgba(44, 50, 63, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-warning {
  background-color: #FFAE1A;
  box-shadow: -0.5px 4.33px 16px 0px rgba(255, 174, 26, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-primary {
  background-color: var(--theme-deafult); }

.pill-badge-secondary {
  background-color: var(--theme-secondary); }

.round-badge-primary {
  border-radius: 6px;
  background-color: var(--theme-deafult);
  box-shadow: -0.5px -6.67px 14px 0px rgba(var(--theme-deafult), 0.18);
  color: #fff !important; }

.round-badge-secondary {
  border-radius: 6px;
  background-color: #FE6A49;
  box-shadow: -0.5px -6.67px 14px 0px rgba(254, 106, 73, 0.18);
  color: #fff !important; }

.round-badge-success {
  border-radius: 6px;
  background-color: #00AC46;
  box-shadow: -0.5px -6.67px 14px 0px rgba(0, 172, 70, 0.18);
  color: #fff !important; }

.round-badge-danger {
  border-radius: 6px;
  background-color: #FE6A49;
  box-shadow: -0.5px -6.67px 14px 0px rgba(254, 106, 73, 0.18);
  color: #fff !important; }

.round-badge-info {
  border-radius: 6px;
  background-color: #173878;
  box-shadow: -0.5px -6.67px 14px 0px rgba(23, 56, 120, 0.18);
  color: #fff !important; }

.round-badge-light {
  border-radius: 6px;
  background-color: #E6E9EB;
  box-shadow: -0.5px -6.67px 14px 0px rgba(230, 233, 235, 0.18);
  color: #fff !important; }

.round-badge-dark {
  border-radius: 6px;
  background-color: #2c323f;
  box-shadow: -0.5px -6.67px 14px 0px rgba(44, 50, 63, 0.18);
  color: #fff !important; }

.round-badge-warning {
  border-radius: 6px;
  background-color: #FFAE1A;
  box-shadow: -0.5px -6.67px 14px 0px rgba(255, 174, 26, 0.18);
  color: #fff !important; }

.round-badge-primary {
  background-color: var(--theme-deafult); }

.round-badge-secondary {
  background-color: var(--theme-secondary); }

.badge-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 8px; }

/**=====================
  2.4 Badge CSS Ends
==========================**/
/**=====================
    2.5 Bookmark CSS start
==========================**/
.bookmark ul li {
  display: inline-block; }
  .bookmark ul li .search-form {
    position: absolute;
    bottom: 53px;
    z-index: 1; }
    .bookmark ul li .search-form .form-control-search {
      top: 65px;
      position: absolute;
      transition: all linear 0.3s;
      right: -20px;
      transform: translateY(-35px) scaleY(0);
      opacity: 0;
      visibility: hidden; }
      .bookmark ul li .search-form .form-control-search input {
        width: 240px;
        background-color: #fff;
        box-shadow: 0 5px 21px rgba(0, 0, 0, 0.1); }
      .bookmark ul li .search-form .form-control-search.open {
        transform: translateY(0px) scaleY(1);
        opacity: 1;
        visibility: visible;
        transition: all linear 0.3s;
        z-index: 100; }
      .bookmark ul li .search-form .form-control-search:after {
        top: 12px;
        left: 20px;
        z-index: 1; }
      .bookmark ul li .search-form .form-control-search:before {
        left: 50px;
        top: 9px;
        z-index: 2; }
  .bookmark ul li a {
    position: relative;
    color: #051A1A; }
    .bookmark ul li a svg {
      vertical-align: middle;
      height: 20px;
      width: 20px; }
  .bookmark ul li + li {
    margin-left: 10px; }
  .bookmark ul li:last-child {
    padding-right: 0; }
    .bookmark ul li:last-child a {
      border-radius: 5px; }
      .bookmark ul li:last-child a svg {
        color: #ff9f40; }

.offcanvas-bookmark.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body .bookmark ul li a {
  z-index: 99999;
  color: rgba(255, 255, 255, 0.5); }

.offcanvas-bookmark:before {
  position: fixed;
  content: '';
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  z-index: 1;
  right: 0;
  left: 0; }

body.modal-open .select2-container--open {
  width: unset !important;
  display: block; }
  body.modal-open .select2-container--open .select2-dropdown {
    z-index: 1076; }

/**=====================
    2.5 Bookmark CSS Ends
==========================**/
/**=====================
2.6 Breadcrumb CSS Start
==========================**/
.breadcrumb-colored {
  padding: 12px 16px;
  border-radius: 4px; }
  .breadcrumb-colored li a {
    color: #fff; }
  .breadcrumb-colored li.active {
    color: #fff;
    opacity: 0.7; }
  .breadcrumb-colored .breadcrumb-item:before {
    color: #fff; }
  .breadcrumb-colored .breadcrumb-item.txt-dark:before {
    color: #000; }

.breadcrumb-icon {
  --bs-breadcrumb-divider: '>'; }
  .breadcrumb-icon li {
    display: inline-block; }

.breadcrumb-no-divider {
  --bs-breadcrumb-divider: ''; }

.breadcrumb-item.active {
  text-transform: capitalize; }

.breadcrumb-space .breadcrumb-item::before {
  padding-right: 0; }

/**=====================
	2.6 Breadcrumb CSS ends
==========================**/
/**=====================
    2.7 Basic-card CSS Start
==========================**/
.dark-color-header {
  background-color: unset !important;
  color: #006666; }
  .dark-color-header ul li:first-child i, .dark-color-header ul li:last-child i {
    color: #006666 !important; }
  .dark-color-header ul li i {
    color: #E6E9EB !important; }

/**=====================
  2.7 Basic-card CSS Ends
==========================**/
/**=====================
  2.9 Buttons CSS start
==========================**/
.btn-link {
  color: var(--theme-deafult); }

.purchase-btn {
  background: linear-gradient(90deg, var(--theme-deafult) -18.33%, #006666 62.78%);
  padding: 12px 20px;
  min-width: 200px;
  border: none;
  transition: 0.5s; }
  .purchase-btn:hover {
    background: linear-gradient(90deg, #006666 -18.33%, var(--theme-deafult) 62.78%);
    transition: 0.5s; }
  @media (max-width: 991px) {
    .purchase-btn {
      min-width: 160px; } }
  @media (max-width: 767px) {
    .purchase-btn {
      min-width: 140px;
      padding: 10px 17px;
      font-size: 16px; } }
  @media (max-width: 575px) {
    .purchase-btn {
      font-size: 14px; } }
.btn-light.active.active:not([disabled]):not(.disabled) {
  color: #051A1A !important;
  background-color: #e0e4e6 !important; }

.btn-primary-gradien {
  background-image: linear-gradient(to right, #008f8f 0%, #003d3d 51%, #008f8f 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease;
  color: #fff; }
  .btn-primary-gradien:focus, .btn-primary-gradien:active, .btn-primary-gradien.active {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #008f8f, 0%, #003d3d, 100%, #fff) !important; }

.btn-secondary-gradien {
  background-image: linear-gradient(to right, #fe8b72 0%, #fe4920 51%, #fe8b72 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-secondary-gradien:hover, .btn-secondary-gradien:focus, .btn-secondary-gradien:active, .btn-secondary-gradien.active, .btn-secondary-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #fe8b72, 0%, #fe4920, 100%, #fff) !important; }

.btn-success-gradien {
  background-image: linear-gradient(to right, #00d557 0%, #008335 51%, #00d557 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-success-gradien:hover, .btn-success-gradien:focus, .btn-success-gradien:active, .btn-success-gradien.active, .btn-success-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #00d557, 0%, #008335, 100%, #fff) !important; }

.btn-danger-gradien {
  background-image: linear-gradient(to right, #fe8b72 0%, #fe4920 51%, #fe8b72 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-danger-gradien:hover, .btn-danger-gradien:focus, .btn-danger-gradien:active, .btn-danger-gradien.active, .btn-danger-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #fe8b72, 0%, #fe4920, 100%, #fff) !important; }

.btn-warning-gradien {
  background-image: linear-gradient(to right, #ffbc43 0%, #f09b00 51%, #ffbc43 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-warning-gradien:hover, .btn-warning-gradien:focus, .btn-warning-gradien:active, .btn-warning-gradien.active, .btn-warning-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #ffbc43, 0%, #f09b00, 100%, #fff) !important; }

.btn-info-gradien {
  background-image: linear-gradient(to right, #1e489a 0%, #102856 51%, #1e489a 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-info-gradien:hover, .btn-info-gradien:focus, .btn-info-gradien:active, .btn-info-gradien.active, .btn-info-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #1e489a, 0%, #102856, 100%, #fff) !important; }

.btn-light-gradien {
  background-image: linear-gradient(to right, #fdfdfd 0%, #cfd5d9 51%, #fdfdfd 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-light-gradien:hover, .btn-light-gradien:focus, .btn-light-gradien:active, .btn-light-gradien.active, .btn-light-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #fdfdfd, 0%, #cfd5d9, 100%, #fff) !important; }

.btn-dark-gradien {
  background-image: linear-gradient(to right, #3d4557 0%, #1b1f27 51%, #3d4557 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-dark-gradien:hover, .btn-dark-gradien:focus, .btn-dark-gradien:active, .btn-dark-gradien.active, .btn-dark-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #3d4557, 0%, #1b1f27, 100%, #fff) !important; }

.btn {
  padding: 0.375rem 1.75rem; }
  .btn.bg-light-primary:hover {
    background: #006666 !important;
    color: #fff !important; }

.btn-lg {
  font-size: 18px; }

.btn-sm {
  font-size: 12px; }

.btn-xs {
  padding: 0.05rem 0.4rem;
  font-size: 11px; }

.large-btn {
  margin-bottom: -20px; }
  .large-btn .btn {
    margin-right: 5px;
    margin-bottom: 15px; }

.btn-outline-white {
  border: 1px solid #fff;
  color: #fff; }
  .btn-outline-white:hover, .btn-outline-white:focus {
    background: #fff;
    color: var(--theme-deafult); }

.btn-air-primary {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-primary:hover, .btn-air-primary:active, .btn-air-primary:not([disabled]):not(.disabled):active {
    background-color: #006666;
    border-color: #006666; }

.input-air-primary {
  box-shadow: 0 3px 5px 1px rgba(0, 102, 102, 0.1) !important; }
  .input-air-primary:focus {
    border-color: #006666; }

.btn-air-secondary {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-secondary:hover, .btn-air-secondary:active, .btn-air-secondary:not([disabled]):not(.disabled):active {
    background-color: #FE6A49;
    border-color: #FE6A49; }

.input-air-secondary {
  box-shadow: 0 3px 5px 1px rgba(254, 106, 73, 0.1) !important; }
  .input-air-secondary:focus {
    border-color: #FE6A49; }

.btn-air-success {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-success:hover, .btn-air-success:active, .btn-air-success:not([disabled]):not(.disabled):active {
    background-color: #00AC46;
    border-color: #00AC46; }

.input-air-success {
  box-shadow: 0 3px 5px 1px rgba(0, 172, 70, 0.1) !important; }
  .input-air-success:focus {
    border-color: #00AC46; }

.btn-air-danger {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-danger:hover, .btn-air-danger:active, .btn-air-danger:not([disabled]):not(.disabled):active {
    background-color: #FE6A49;
    border-color: #FE6A49; }

.input-air-danger {
  box-shadow: 0 3px 5px 1px rgba(254, 106, 73, 0.1) !important; }
  .input-air-danger:focus {
    border-color: #FE6A49; }

.btn-air-info {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-info:hover, .btn-air-info:active, .btn-air-info:not([disabled]):not(.disabled):active {
    background-color: #173878;
    border-color: #173878; }

.input-air-info {
  box-shadow: 0 3px 5px 1px rgba(23, 56, 120, 0.1) !important; }
  .input-air-info:focus {
    border-color: #173878; }

.btn-air-light {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-light:hover, .btn-air-light:active, .btn-air-light:not([disabled]):not(.disabled):active {
    background-color: #E6E9EB;
    border-color: #E6E9EB; }

.input-air-light {
  box-shadow: 0 3px 5px 1px rgba(230, 233, 235, 0.1) !important; }
  .input-air-light:focus {
    border-color: #E6E9EB; }

.btn-air-dark {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-dark:hover, .btn-air-dark:active, .btn-air-dark:not([disabled]):not(.disabled):active {
    background-color: #2c323f;
    border-color: #2c323f; }

.input-air-dark {
  box-shadow: 0 3px 5px 1px rgba(44, 50, 63, 0.1) !important; }
  .input-air-dark:focus {
    border-color: #2c323f; }

.btn-air-warning {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-warning:hover, .btn-air-warning:active, .btn-air-warning:not([disabled]):not(.disabled):active {
    background-color: #FFAE1A;
    border-color: #FFAE1A; }

.input-air-warning {
  box-shadow: 0 3px 5px 1px rgba(255, 174, 26, 0.1) !important; }
  .input-air-warning:focus {
    border-color: #FFAE1A; }

.btn-gradient {
  color: #fff !important;
  font-weight: 500;
  padding: 10px 30px;
  border-radius: 5px;
  background: linear-gradient(26deg, var(--theme-deafult) 0%, #006666 100%);
  letter-spacing: 0.06rem; }
  .btn-gradient:hover {
    background-size: 100% !important; }

.btn-warning {
  color: #fff; }
  .btn-warning:hover, .btn-warning.disabled {
    color: #fff; }

[class*='-gradien']:hover {
  background-size: 50% 100%;
  transition: all 0.3s ease;
  color: #fff; }

.btn-square {
  border-radius: 0px; }

.btn-pill {
  border-radius: 60px; }

.btn-group-pill .btn:first-child {
  border-radius: 60px 0 0 60px; }

.btn-group-pill .btn:last-child {
  border-radius: 0 60px 60px 0; }

.btn-group-square .btn:first-child {
  border-radius: 0px 0 0 0px; }

.btn-group-square .btn:last-child {
  border-radius: 0 0px 0px 0; }

.btn-showcase {
  margin-bottom: -10px; }
  .btn-showcase .btn {
    margin-bottom: 10px;
    margin-right: 10px; }

.btn-dropdown-showcase {
  margin-bottom: -10px; }
  .btn-dropdown-showcase .dropdown {
    margin-bottom: 10px;
    margin-right: 18px; }
  .btn-dropdown-showcase .btn-group {
    margin-bottom: 10px;
    margin-right: 18px; }

.btn-group .radio label::before {
  top: 2px; }

.btn-group .radio label::after {
  top: 7px; }

.btn-group .checkbox label {
  margin-top: 3px; }

.btn-group-showcase > div {
  margin-bottom: -20px; }
  .btn-group-showcase > div label {
    margin-bottom: 0; }

.btn-group-showcase .btn-group {
  margin-right: 20px;
  margin-bottom: 20px; }

.btn-group-showcase .checkbox input[type="checkbox"] {
  display: none; }

.tooltiptext {
  visibility: visible;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 1;
  transition: opacity 0.3s; }
  .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent; }

.card-header-right-icon .btn.btn-light-primary {
  background-color: var(--light-shade-primary);
  color: var(--theme-deafult); }
  .card-header-right-icon .btn.btn-light-primary:hover {
    color: var(--white);
    background-color: var(--theme-deafult); }

.btn.button-primary,
button.button-primary {
  background-color: var(--light-shade-primary);
  color: var(--theme-deafult); }
  .btn.button-primary:hover,
  button.button-primary:hover {
    background-color: var(--theme-deafult);
    color: var(--white); }

/**=====================
    2.9 Buttons CSS end
==========================**/
/**=====================
    2.10 Card CSS Start
==========================**/
.card {
  margin-bottom: 25px;
  border: 1px solid #E6E9EB !important;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  border-radius: 8px;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .card:hover {
    box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
    transition: all 0.3s ease; }
  .card .card-header {
    background-color: #fff;
    padding: 20px;
    border-bottom: 1px solid #ecf3fa;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: relative; }
    .card .card-header.card-no-border {
      border-bottom: none !important; }
    .card .card-header h5:not(.mb-0), .card .card-header h5:not(.m-0) {
      margin-bottom: 0;
      text-transform: capitalize; }
    .card .card-header > span {
      font-size: 12px;
      color: var(--body-font-color);
      margin-top: 5px;
      display: block;
      letter-spacing: 1px; }
    .card .card-header .card-header-right {
      border-radius: 0 0 0 7px;
      right: 20px;
      top: 12px;
      display: inline-block;
      float: right;
      padding: 8px 0;
      position: absolute;
      background-color: #fff;
      z-index: 1; }
      .card .card-header .card-header-right .card-option {
        text-align: right;
        width: 35px;
        height: 20px;
        overflow: hidden;
        transition: 0.3s ease-in-out; }
        .card .card-header .card-header-right .card-option li {
          display: inline-block; }
          .card .card-header .card-header-right .card-option li:first-child i {
            transition: 1s;
            font-size: 16px;
            color: var(--theme-deafult); }
            .card .card-header .card-header-right .card-option li:first-child i.icofont {
              color: unset; }
      .card .card-header .card-header-right i {
        margin: 0 5px;
        cursor: pointer;
        color: #2c323f;
        line-height: 20px; }
        .card .card-header .card-header-right i.icofont-refresh {
          font-size: 13px; }
  .card .card-body {
    padding: 20px;
    background-color: transparent; }
    .card .card-body p:last-child {
      margin-bottom: 0; }
  .card .sub-title {
    padding-bottom: 12px;
    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320))); }
  .card .card-footer {
    background-color: #fff;
    border-top: 1px solid #ecf3fa;
    padding: 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; }
  .card.card-load .card-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 8;
    align-items: center;
    justify-content: center; }
    .card.card-load .card-loader i {
      margin: 0 auto;
      color: var(--theme-deafult);
      font-size: 20px; }
  .card.full-card {
    position: fixed;
    top: 0;
    z-index: 99999;
    box-shadow: none;
    right: 0;
    border-radius: 0;
    border: 1px solid #efefef;
    width: calc(100vw - 12px);
    height: calc(100vh); }
    .card.full-card .card-body {
      overflow: auto; }

.page-body-wrapper .card .sub-title {
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  color: #051A1A; }

.card-absolute {
  margin-top: 20px; }
  .card-absolute .card-header {
    position: absolute;
    top: -20px;
    left: 15px;
    border-radius: 0.25rem;
    padding: 10px 15px; }
    .card-absolute .card-header h5 {
      font-size: 17px; }
  .card-absolute .card-body {
    margin-top: 10px; }

.card-header .border-tab {
  margin-bottom: -13px; }

.custom-card {
  overflow: hidden;
  padding: 30px; }
  .custom-card .card-header {
    padding: 0; }
    .custom-card .card-header img {
      border-radius: 50%;
      margin-top: -100px;
      transform: scale(1.5); }
  .custom-card .card-profile {
    text-align: center; }
    .custom-card .card-profile img {
      height: 110px;
      padding: 7px;
      background-color: #fff;
      z-index: 1;
      position: relative; }
  .custom-card .card-social {
    text-align: center; }
    .custom-card .card-social li {
      display: inline-block;
      padding: 15px 0; }
      .custom-card .card-social li:last-child a {
        margin-right: 0; }
      .custom-card .card-social li a {
        padding: 0;
        margin-right: 15px;
        color: #bcc6de;
        font-size: 16px;
        transition: all 0.3s ease; }
        .custom-card .card-social li a:hover {
          color: var(--theme-deafult);
          transition: all 0.3s ease; }
  .custom-card .profile-details h6 {
    margin-bottom: 30px;
    margin-top: 10px;
    color: #FFFFFF;
    font-size: 14px; }
  .custom-card .card-footer {
    padding: 0; }
    .custom-card .card-footer > div {
      padding: 15px;
      text-align: center; }
      .custom-card .card-footer > div + div {
        border-left: 1px solid #efefef; }
      .custom-card .card-footer > div h3 {
        margin-bottom: 0;
        font-size: 24px; }
      .custom-card .card-footer > div h6 {
        font-size: 14px;
        color: #FFFFFF; }
      .custom-card .card-footer > div h5 {
        font-size: 16px;
        margin-bottom: 0; }
      .custom-card .card-footer > div i {
        font-size: 24px;
        display: inline-block;
        margin-bottom: 15px; }
      .custom-card .card-footer > div .m-b-card {
        margin-bottom: 10px; }

.social-profile {
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .social-profile .card-body {
    padding-left: 20px;
    padding-right: 20px; }
    @media (max-width: 1399px) {
      .social-profile .card-body {
        padding: 23px 15px; } }
.social-details {
  margin-top: 15px; }
  .social-details h5 a {
    color: var(--body-font-color);
    font-weight: 700; }
  .social-details .social-follow {
    column-count: 3;
    column-gap: 30px;
    margin-top: 25px; }
    @media (max-width: 1399px) {
      .social-details .social-follow {
        column-gap: 23px; } }
    .social-details .social-follow li {
      position: relative; }
      .social-details .social-follow li + li::before {
        position: absolute;
        content: "";
        width: 1px;
        height: 14px;
        background-color: var(--recent-dashed-border);
        left: -15px;
        top: 50%;
        transform: translateY(-50%); }
        [dir="rtl"] .social-details .social-follow li + li::before {
          left: unset;
          right: -15px; }
  .social-details .card-social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 15px; }

.social-img-wrap {
  background: linear-gradient(253deg, var(--theme-deafult) 11.51%, rgba(115, 102, 255, 0) 82.07%);
  display: inline-block;
  border-radius: 100%;
  padding: 2px;
  position: relative; }
  .social-img-wrap .edit-icon {
    position: absolute;
    right: 0;
    bottom: 0; }
    .social-img-wrap .edit-icon svg {
      width: 20px;
      height: 20px;
      border-radius: 100%;
      border: 2px solid var(--white);
      background: var(--white); }

.social-img {
  padding: 5px;
  background: var(--white);
  border-radius: 100%; }
  .social-img img {
    height: 68px;
    border-radius: 100%; }

/**=====================
    2.10 Card CSS End
==========================**/
/**=====================
     2.11 Color CSS Start
==========================**/
.color-box {
  margin-bottom: -10px; }
  .color-box button {
    margin-bottom: 10px; }
    .color-box button + button {
      margin-left: 5px; }

.light-font {
  color: #FFFFFF; }

/**=====================
     2.11 Color CSS Ends
==========================**/
/**=====================
    2.12 Datatable CSS Start
==========================**/
div.dt-button-background {
  display: none !important; }

div.DTS div.dataTables_scrollBody table {
  z-index: 1; }

div .table-avtar {
  height: 32px;
  margin-right: 10px; }
  [dir="rtl"] div .table-avtar {
    margin-right: unset;
    margin-left: 10px; }

div .action {
  display: flex; }
  div .action i {
    font-size: 16px; }
  div .action .pdf i {
    font-size: 20px;
    color: #FE6A49; }
  div .action .edit {
    margin-right: 5px; }
    div .action .edit i {
      color: #00AC46; }
    [dir="rtl"] div .action .edit {
      margin-left: 5px; }
  div .action .delete i {
    color: #FE6A49; }

#auto-generate-content_wrapper.dataTables_wrapper button {
  background-color: var(--white);
  border: 1px solid var(--theme-deafult);
  color: var(--theme-deafult); }

.dataTables_wrapper {
  width: calc(100% - 1px);
  padding: 0; }
  .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #ecf3fa; }
  .dataTables_wrapper .dt-buttons .btn {
    border-radius: 0.25rem !important; }
  .dataTables_wrapper .btn-group button {
    margin-right: 5px; }
  .dataTables_wrapper button {
    font-weight: 400;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    border-radius: 0.25rem;
    color: #fff; }
  .dataTables_wrapper + .dataTables_wrapper {
    margin-top: 20px; }
  .dataTables_wrapper .dataTables_paginate {
    margin-left: 15px !important;
    border: 1px solid #E6E9EB;
    border-radius: 0.25rem;
    padding-top: 0; }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
      margin: 0; }
      .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:active {
        background: var(--theme-deafult);
        color: #fff !important;
        box-shadow: none; }
      .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        border: 1px solid var(--theme-deafult);
        color: #2c323f !important;
        background: transparent !important; }
  .dataTables_wrapper .dataTables_length {
    margin-bottom: 30px; }
    .dataTables_wrapper .dataTables_length select {
      border-color: #E6E9EB;
      color: #2c323f;
      padding: 0 10px;
      margin: 0 10px;
      height: 2.7142em;
      background-color: #fff; }
  .dataTables_wrapper table.dataTable {
    border: 1px solid #efefef; }
    .dataTables_wrapper table.dataTable tbody td.select-checkbox,
    .dataTables_wrapper table.dataTable tbody th.select-checkbox {
      padding-right: 40px !important; }
      .dataTables_wrapper table.dataTable tbody td.select-checkbox:before,
      .dataTables_wrapper table.dataTable tbody th.select-checkbox:before {
        right: 20px;
        top: 22px;
        left: unset; }
      .dataTables_wrapper table.dataTable tbody td.select-checkbox:after,
      .dataTables_wrapper table.dataTable tbody th.select-checkbox:after {
        margin-top: -5px;
        margin-left: 21px; }
    .dataTables_wrapper table.dataTable thead th,
    .dataTables_wrapper table.dataTable thead td {
      border-bottom: 2px solid #efefef; }
    .dataTables_wrapper table.dataTable th,
    .dataTables_wrapper table.dataTable td {
      padding: 0.75rem; }
  .dataTables_wrapper .dataTables_filter {
    margin-bottom: 25px;
    margin-left: 15px; }
    .dataTables_wrapper .dataTables_filter input[type="search"] {
      border: 1px solid #efefef;
      padding: 0 10px;
      margin-left: 10px;
      height: 37px;
      border-radius: 0; }

.dataTables_scrollHeadInner {
  width: 100% !important; }

table .fixedHeader-floating {
  position: fixed !important;
  background-color: #fff; }

table .box > div {
  padding: 5px 15px;
  background-color: var(--theme-deafult);
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
  margin-right: 15px; }

table.dataTable.fixedHeader-locked, table.dataTable.fixedHeader-floating {
  width: calc(100vw - 250px) !important;
  max-width: calc(100vw - 250px) !important;
  overflow: hidden !important;
  right: 0 !important;
  z-index: 99;
  left: 260px !important; }

table.dataTable:not(.fixedHeader-locked):not(.fixedHeader-floating) {
  width: 100% !important; }

table.dataTable {
  border-collapse: collapse !important;
  margin-top: 0 !important; }
  table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
  table.dataTable thead .sorting_asc:before,
  table.dataTable thead .sorting_asc:after,
  table.dataTable thead .sorting_desc:before,
  table.dataTable thead .sorting_desc:after,
  table.dataTable thead .sorting_asc_disabled:before,
  table.dataTable thead .sorting_asc_disabled:after,
  table.dataTable thead .sorting_desc_disabled:before,
  table.dataTable thead .sorting_desc_disabled:after {
    bottom: 12px !important; }
  table.dataTable input,
  table.dataTable select {
    border: 1px solid #efefef;
    height: 37px; }

.user-datatable tr td:first-child,
.user-datatable tr th:first-child {
  min-width: 150px; }

.jsgrid .jsgrid-button {
  width: 20px;
  height: 20px; }

.jsgrid .jsgrid-delete-button {
  background-position: 0 -78px;
  width: 22px;
  height: 22px; }

.jsgrid .jsgrid-edit-button {
  background-position: -2px -122px;
  width: 22px;
  height: 22px; }

.jsgrid .jsgrid-insert-mode-button {
  background-position: -2px -160px;
  width: 25px;
  height: 25px; }

.jsgrid .jsgrid-insert-button {
  background-position: -3px -202px;
  width: 16px;
  height: 16px; }

.toolbar {
  padding: 5px 15px;
  background-color: var(--theme-deafult);
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
  margin-right: 15px; }

code.option {
  color: #FE6A49 !important; }

code.api {
  color: #00AC46 !important; }

.dt-ext .dataTables_wrapper .page-item.active .page-link {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important;
  color: #fff; }

.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 9px 12px;
  border: 1px solid #E6E9EB !important;
  border-radius: 0px; }
  .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.hover, .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.active {
    border: none !important; }

.dt-ext .dataTables_wrapper .dataTables_paginate .page-link {
  margin-left: 0px;
  color: var(--theme-deafult); }

.dt-ext .dataTables_wrapper button.dt-button,
.dt-ext .dataTables_wrapper div.dt-button,
.dt-ext .dataTables_wrapper a.dt-button,
.dt-ext .dataTables_wrapper button.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button.active:not(.disabled) {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  border-radius: 2px;
  color: #fff;
  background-image: none;
  font-size: 14px; }

.dt-ext .dataTables_wrapper button.dt-button.btn-success,
.dt-ext .dataTables_wrapper div.dt-button.btn-success,
.dt-ext .dataTables_wrapper a.dt-button.btn-success {
  background-color: #00AC46;
  border-color: #00AC46; }

.dt-ext .dataTables_wrapper button.dt-button.btn-primary,
.dt-ext .dataTables_wrapper div.dt-button.btn-primary,
.dt-ext .dataTables_wrapper a.dt-button.btn-primary {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }

.dt-ext .dataTables_wrapper button.dt-button.btn-danger,
.dt-ext .dataTables_wrapper div.dt-button.btn-danger,
.dt-ext .dataTables_wrapper a.dt-button.btn-danger {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.dt-ext .dataTables_wrapper table.dataTable th.focus,
.dt-ext .dataTables_wrapper table.dataTable td.focus {
  outline: 3px solid var(--theme-deafult); }

.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected > .sorting_1,
.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
  background-color: #29ffff; }

.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd.selected,
.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd > .selected,
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected,
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd > .selected {
  background-color: #29ffff; }

.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.even.selected > .sorting_1,
.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
  background-color: #29ffff; }

.dt-ext .dataTables_wrapper table.dataTable tbody > tr.selected,
.dt-ext .dataTables_wrapper table.dataTable tbody > tr > .selected {
  background-color: #29ffff; }

td.highlight {
  background-color: #E6E9EB !important; }

td.details-control {
  background: url(/../images/details_open.png) no-repeat center center;
  cursor: pointer; }

tr.shown td.details-control {
  background: url(/../images/details_close.png) no-repeat center center; }

.dataTables_scroll ~ .dataTables_paginate {
  margin-top: 20px !important; }

.product-table th:last-child {
  min-width: 120px; }

.product-table h6 {
  font-weight: 600;
  color: #2c323f; }

table.dataTable.display tbody tr.odd > .sorting_1 {
  background-color: #fdfeff; }

table.dataTable.display tbody tr.odd .badge {
  line-height: 15px; }

table.dataTable.display tbody tr.even .badge {
  line-height: 15px; }

.jsgrid-row .jsgrid-cell .badge,
.jsgrid-alt-row .jsgrid-cell .badge {
  line-height: 15px !important; }

/**=====================
     2.12 Datatable CSS Ends
==========================**/
/**=====================
    2.13 Datapicker CSS Start
==========================**/
.clockpicker-canvas line {
  stroke: var(--theme-deafult); }

.clockpicker-canvas-fg,
.clockpicker-canvas-bearing {
  fill: var(--theme-deafult); }

.datepicker {
  z-index: 99; }

.datepicker--day-name {
  color: #006666;
  font-weight: bold; }

.datepicker--cell.-current- {
  color: #000;
  border-radius: 5px;
  font-weight: bold;
  border: 2px solid var(--theme-deafult); }

.datepicker--cell.-focus- {
  background: var(--theme-deafult);
  color: #fff; }

.datepicker--cell.-selected- {
  background: var(--theme-deafult) !important; }

.datepicker--cell-day {
  width: 14.2857142857%; }

.datepickers-container,
.bootstrap-datetimepicker-widget {
  z-index: 7; }

.datetime-picker .bootstrap-datetimepicker-widget.dropdown-menu {
  width: auto; }

.datetime-picker .input-group-text i {
  line-height: 1.3; }

.clockpicker-popover {
  border: none;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  z-index: 7; }
  .clockpicker-popover .popover-content {
    background-color: rgba(0, 102, 102, 0.05); }

.clockpicker-canvas-bg {
  fill: #29ffff; }

.clockpicker-tick:hover {
  color: inherit;
  background-color: #29ffff; }

.calendar-basic .md-sidebar-aside {
  background-color: #fff; }

.calendar-basic #external-events {
  padding: 20px;
  border: 1px solid #d7e2e9; }
  .calendar-basic #external-events h4 {
    margin-bottom: 14px; }
  .calendar-basic #external-events p {
    margin-top: 12px; }
  .calendar-basic #external-events .fc-h-event {
    padding: 12px;
    background-color: var(--theme-deafult);
    border: 1px solid var(--theme-deafult); }
    .calendar-basic #external-events .fc-h-event + .fc-h-event {
      margin-top: 10px; }
    .calendar-basic #external-events .fc-h-event .fc-event-main {
      font-size: 13px; }

.calendar-basic .calendar-default .fc-daygrid-dot-event .fc-event-title {
  text-overflow: ellipsis; }

.calendar-basic .calendar-default .fc td[role="presentation"] {
  border: 0; }

.calendar-basic .calendar-default .fc .fc-daygrid-day-number,
.calendar-basic .calendar-default .fc .fc-col-header-cell-cushion {
  color: #051A1A; }

.calendar-basic .calendar-default .fc .fc-button .fc-icon {
  height: 23px; }

.calendar-basic .calendar-default .fc-h-event {
  padding: 2px;
  background-color: #006666;
  border: 1px solid #006666; }

.calendar-basic .calendar-default .fc-toolbar-chunk .fc-button-group ~ .fc-today-button {
  margin: 0 8px; }

.fc-event-dragging {
  padding: 10px;
  background-color: var(--theme-deafult); }

.fc .fc-toolbar {
  flex-wrap: wrap;
  gap: 10px; }

.fc .fc-button-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 102, 102, 0.5); }

.main-inline-calender.input-group {
  flex-direction: column; }
  .main-inline-calender.input-group .form-control {
    width: 100%; }
  .main-inline-calender.input-group .flatpickr-calendar.inline {
    width: 100%; }
  .main-inline-calender.input-group .flatpickr-innerContainer {
    display: block; }
  .main-inline-calender.input-group .flatpickr-rContainer {
    display: block; }
    .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-weekdays {
      width: 100%; }
    .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days {
      width: 100%; }
      .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer {
        width: 100%;
        max-width: none;
        min-width: unset; }
        .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day {
          border-radius: 5px;
          width: 100%;
          max-width: unset; }
          .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover {
            color: var(--body-font-color); }

.flatpickr-day.selected,
.flatpickr-day .endRange {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }
  .flatpickr-day.selected:hover,
  .flatpickr-day .endRange:hover {
    background-color: var(--theme-deafult);
    border-color: var(--theme-deafult); }

.main-flatpickr .form-control:read-only {
  background-color: unset; }

.flatpickr-months {
  font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: 30px; }
  .flatpickr-months .flatpickr-month {
    margin-top: 16px; }
  .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    top: 10px; }

.flatpickr-current-month {
  font-size: calc(14px + (19 - 14) * ((100vw - 320px) / (1920 - 320))); }

@media (max-width: 400px) {
  .flatpickr-calendar.animate {
    width: 77%;
    left: 50% !important;
    transform: translateX(-50%); } }

.flatpickr-calendar .flatpickr-days {
  width: unset; }
  .flatpickr-calendar .flatpickr-days .dayContainer {
    width: unset;
    min-width: unset;
    max-width: unset; }

@media (max-width: 768px) {
  .flatpicker-calender .form-control {
    font-size: 14px; } }

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.timepicker-wrapper .row {
  margin-bottom: 16px; }
  .timepicker-wrapper .row:last-child {
    margin-bottom: 0; }

/**=====================
   2.13 Datapicker CSS End
==========================**/
/**=====================
	2.14 Dropdown CSS Start
==========================**/
.img-cropper .dropup .dropdown-toggle::after {
  content: '';
  display: none; }

.dropdown-auto {
  overflow: auto; }

.dropdown-divider {
  margin: 0; }

.dropdown .dropdown-toggle {
  color: #242934;
  border-radius: 8px;
  padding: 11px 12px;
  border: 1px solid #E6E9EB;
  width: 106px;
  text-align: left; }
  .dropdown .dropdown-toggle:focus {
    border: 1px solid #E6E9EB;
    box-shadow: none; }
  .dropdown .dropdown-toggle:after {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f107";
    border: none;
    font-family: "FontAwesome";
    font-size: 18px;
    margin: 0; }
  .dropdown .dropdown-toggle.btn-primary {
    color: #fff; }

.dropdown .dropdown-toggle-store {
  width: 130px; }

.dropdown .dropdown-toggle-calendar {
  width: 218px; }

.dropdown .dropdown-menu {
  font-family: "Montserrat", sans-serif;
  z-index: 4; }

.docs-toggles .dropdown .dropdown-toggle {
  width: auto; }

.docs-toggles .btn-group lable.active .docs-tooltip {
  color: #fff !important; }

.nav-tabs .dropdown .dropdown-toggle {
  width: 120px; }
  @media only screen and (max-width: 575.98px) {
    .nav-tabs .dropdown .dropdown-toggle {
      width: 100%;
      text-align: center; } }
.icon-dropdown .dropdown-toggle {
  background: transparent;
  color: #FFFFFF;
  padding: 0;
  width: auto; }
  .icon-dropdown .dropdown-toggle i {
    font-size: 16px; }
  .icon-dropdown .dropdown-toggle::after {
    display: none; }

.icon-dropdown .dropdown-item {
  line-height: 1.5; }

.dropdown-basic {
  margin-bottom: -10px; }
  .dropdown-basic .btn-group .btn-round {
    border-radius: 50px; }
  .dropdown-basic .separated-btn {
    margin-left: -6px; }
    [dir="rtl"] .dropdown-basic .separated-btn {
      margin-left: unset;
      margin-right: -6px; }
    .dropdown-basic .separated-btn .btn {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      padding: 10px; }
    .dropdown-basic .separated-btn.dropdown {
      margin-bottom: 0; }
  .dropdown-basic button {
    max-height: 43px; }
  .dropdown-basic .dropdown {
    position: relative;
    display: inline-block;
    margin-bottom: 10px; }
    .dropdown-basic .dropdown .dropbtn {
      color: white;
      padding: 12px 35px;
      border: none;
      cursor: pointer; }
    .dropdown-basic .dropdown .dropdown-content {
      display: none;
      position: absolute;
      right: 0;
      background-color: #f9f9f9;
      min-width: 175px;
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
      z-index: 1;
      left: 0;
      top: 45px; }
      .dropdown-basic .dropdown .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block; }
      .dropdown-basic .dropdown .dropdown-content .dropdown-header {
        padding: 12px 16px; }
  .dropdown-basic .dropdown-content a:hover {
    background-color: #f1f1f1; }
  .dropdown-basic .dropdown:hover .dropdown-content {
    display: block; }

.dropup-basic .dropup {
  position: relative;
  display: inline-block; }
  .dropup-basic .dropup .dropbtn {
    color: white;
    padding: 12px;
    border: none; }
  .dropup-basic .dropup .dropup-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 170px;
    bottom: 45px;
    z-index: 999;
    left: 0; }
    .dropup-basic .dropup .dropup-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block; }

.dropup-basic .dropup .dropup-content a:hover {
  background-color: #ecf3fa; }

.dropup-basic .dropup:hover .dropup-content {
  display: block; }
  .dropup-basic .dropup:hover .dropup-content a.active {
    background-color: #ecf3fa; }

.dropdown-block li .dropdown-item:hover {
  background-color: #E6E9EB; }

.dropdown-block li .helper-truncate:hover {
  background-color: unset !important; }

.dropdown-basic .dropdown .dropdown-content a:hover {
  background-color: #E6E9EB !important; }

.dropdown-menu .input-group {
  background-color: unset;
  padding: 6px 12px;
  border-top: 1px solid #efefef;
  background-color: #fff;
  opacity: 0.6; }
  .dropdown-menu .input-group:hover, .dropdown-menu .input-group:active {
    background-color: #E6E9EB; }
  .dropdown-menu .input-group .input-group-text {
    background-color: unset;
    border: none; }

.dark-form .form-label {
  color: var(--text-gray); }

.dark-form .form-control {
  border: 1px solid var(--text-gray) !important; }

.dark-form .form-check .form-check-input {
  border: 1px solid var(--text-gray); }

.dark-form .form-check .form-check-label {
  color: var(--text-gray); }

.dark-form h6 {
  color: var(--text-gray); }

.dark-form p.dropdown-item {
  padding: 7px 0 0 0;
  border-top: 1px solid var(--chart-dashed-border); }

.dark-form .helper-truncate {
  color: var(--text-gray);
  background-color: transparent; }

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 8px;
  vertical-align: 4px;
  content: '';
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-bottom: 0;
  border-left: 4px solid transparent; }
  [dir="rtl"] .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px; }

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 8px;
  content: '';
  border-top: 4px solid transparent;
  border-right: 4px solid;
  border-bottom: 4px solid transparent; }
  [dir="rtl"] .dropstart .dropdown-toggle::before {
    margin-left: 8px;
    margin-right: unset; }

.dropup .dropdown-toggle::after {
  content: '';
  display: inline-block;
  margin-left: 8px;
  vertical-align: 4px;
  border-top: 0;
  border-right: 4px solid transparent;
  border-bottom: 4px solid;
  border-left: 4px solid transparent; }
  [dir="rtl"] .dropup .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px; }

.dropend .dropdown-toggle::after {
  content: '';
  display: inline-block;
  content: '';
  border-top: 4px solid transparent;
  border-right: 0;
  border-bottom: 4px solid transparent;
  border-left: 4px solid;
  margin-left: 8px; }
  [dir="rtl"] .dropend .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px; }

.form-wrapper {
  width: 260px; }

@media (max-width: 400px) {
  .dropdown-menu .helper-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; } }

.dark-dropdown .dropdown-block li .dropdown-item:hover, .dark-dropdown .dropdown-block li .dropdown-item.active {
  background-color: #2c323f;
  color: #fff; }

btn-group .dropdown-wrapper {
  z-index: 2; }
  btn-group .dropdown-wrapper .input-group .input-group-text {
    padding: 0px 8px 0px 0px; }
    [dir="rtl"] btn-group .dropdown-wrapper .input-group .input-group-text {
      padding: 0px 0px 0px 8px; }

[dir="rtl"] .rtl-dropdown .dropdown-menu li .dropdown-item {
  text-align: right; }

[dir="rtl"] .rtl-dropdown .btn-group .dropdown-menu {
  text-align: right; }

.heading-dropdown .dropdown-menu > li:first-child > a {
  border-bottom: 4px solid var(--recent-border);
  border-top: 0;
  background-color: #d7e2e9; }

/**=====================
	2.14 Dropdown CSS Ends
==========================**/
/**=====================
  2.15 Form-builder CSS Start
==========================**/
.component {
  cursor: pointer; }
  .component label {
    padding-top: 8px; }
  .component .form-group input,
  .component .form-group textarea,
  .component .form-group select {
    border-radius: 4px; }

input {
  cursor: pointer; }

textarea {
  resize: vertical; }

.popover .controls {
  margin-left: 0; }

.popover .control-label {
  text-align: left; }

.popover form {
  width: 100%; }

.popover .fade.left.in {
  left: -215px; }

.drag form {
  padding: 10px 5px;
  border: 1px dotted #ecf3fa;
  position: absolute;
  background: #fff;
  box-shadow: 0 0 30px #ecf3fa;
  overflow: hidden; }
  .drag form input {
    border-radius: 5px; }

/**=====================
  2.15 Form-builder CSS Ends
==========================**/
/**=====================
    2.16 Form-input CSS Start
==========================**/
.icon-addon .addon-md .fa, .icon-addon .addon-md .glyphicon {
  position: absolute;
  z-index: 2;
  left: 10px;
  font-size: 14px;
  width: 20px;
  margin-left: -2.5px;
  text-align: center;
  padding: 10px 0;
  top: 1px; }

.icon-addon .glyphicon,
.icon-addon .fa {
  position: absolute;
  z-index: 2;
  left: 10px;
  font-size: 14px;
  width: 20px;
  margin-left: -2.5px;
  text-align: center;
  padding: 10px 0;
  top: 1px; }

.input-group-square .input-group-text,
.input-group-square .form-control {
  border-radius: 0px; }

.input-group-air {
  box-shadow: 0 3px 20px 0 #efefef; }

.icon-addon {
  position: relative;
  color: #4c5667;
  display: block; }
  .icon-addon:after {
    display: table;
    content: "";
    clear: both; }
  .icon-addon:before {
    display: table;
    content: ""; }
  .icon-addon .addon-md .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal; }
  .icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal; }

.input-group-wrapper .input-group {
  margin-bottom: 16px; }
  .input-group-wrapper .input-group .form-control {
    font-size: 16px; }
    .input-group-wrapper .input-group .form-control:focus {
      border-color: var(--recent-border);
      box-shadow: unset; }
  .input-group-wrapper .input-group:last-child {
    margin-bottom: 0; }

.input-group-wrapper .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.main-custom-form label {
  margin-bottom: 0; }

.main-custom-form .form-select:focus {
  box-shadow: unset;
  border-color: var(--recent-border); }

.main-custom-form .dropdown-menu {
  z-index: 3; }

.main-custom-form .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.main-custom-form .form-select,
.main-custom-form .form-control {
  font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); }

.main-custom-form .input-group-text {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); }

@media (max-width: 338px) {
  .main-custom-form .dropdown-toggle.btn {
    padding: 6px 11px; } }

.main-segment-btn .dropdown-toggle::after {
  content: '';
  margin-left: 0;
  border-top: 6px solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  vertical-align: 2px; }

.main-segment-btn .dropdown-menu {
  z-index: 3; }

#exampleDataList::-webkit-calendar-picker-indicator:hover, #exampleDataList::-webkit-calendar-picker-indicator:focus {
  display: none; }

.form-control-color {
  max-width: 70rem; }

.theme-form select.form-select option {
  padding: 8px 10px;
  border-radius: 100px; }

.input-radius .form-control:focus {
  box-shadow: unset;
  border-color: var(--recent-border); }

.input-radius .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.floating-wrapper .form-floating .form-control {
  height: 54px; }

/**=====================
    2.16 Form-input CSS Ends
	==========================**/
/**=====================
    2.17 Form-wizard CSS Start
==========================**/
/*Form Wizard One Start*/
.form-wizard .tab {
  display: none; }

.form-wizard .step {
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: var(--theme-deafult);
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5; }
  .form-wizard .step.active {
    opacity: 1; }
  .form-wizard .step.finish {
    background-color: var(--theme-secondary); }

/*Form Wizard One ends*/
/*Form Wizard Four Start*/
.wizard-4 .action-bar {
  position: absolute;
  bottom: 50px;
  right: 50px; }
  [dir="rtl"] .wizard-4 .action-bar {
    right: unset;
    left: 50px; }

.wizard-4 .action-bar .btn {
  float: right;
  margin: 0 5px;
  background-color: rgba(0, 102, 102, 0.3) !important;
  border-color: rgba(0, 102, 102, 0.3) !important;
  color: var(--theme-deafult); }

.wizard-4 .action-bar .buttonDisabled {
  color: #59667a;
  background-color: rgba(89, 102, 122, 0.05) !important;
  border: 1px solid rgba(89, 102, 122, 0.05) !important;
  cursor: text; }

.wizard-4 .step-container {
  background: #f8f9fe;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0 solid #e8ebf2;
  overflow: hidden;
  clear: right;
  width: 70%; }
  .wizard-4 .step-container div.content {
    display: block;
    position: absolute;
    float: left;
    text-align: left;
    overflow: auto;
    z-index: 1;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both; }
    [dir="rtl"] .wizard-4 .step-container div.content {
      text-align: unset;
      text-align: right; }
    .wizard-4 .step-container div.content .wizard-title {
      width: 450px;
      margin: 0 auto; }

.wizard-4 .loader {
  display: none; }

.wizard-4 .msg-box {
  position: fixed;
  display: none;
  padding: 5px 10px;
  background-color: #009999;
  top: 30px;
  border-radius: 5px;
  right: 60px;
  padding: 10px 20px; }
  .wizard-4 .msg-box .content {
    padding: 0;
    float: left;
    padding-top: 3px;
    color: #fff; }
  .wizard-4 .msg-box .close {
    color: #fff;
    margin-left: 10px;
    opacity: 1;
    font-size: 18px;
    line-height: 1.4; }
    [dir="rtl"] .wizard-4 .msg-box .close {
      margin-right: 10px;
      margin-left: unset; }

.wizard-4 ul.anchor {
  float: left;
  width: 30%;
  height: calc(100vh - 300px);
  padding: 40px 30px;
  overflow: auto; }
  .wizard-4 ul.anchor .disabled {
    opacity: 0.7;
    color: #59667a; }
    .wizard-4 ul.anchor .disabled h4 {
      background-color: rgba(89, 102, 122, 0.15); }
  .wizard-4 ul.anchor .logo {
    padding-bottom: 20px; }
  .wizard-4 ul.anchor li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    padding-bottom: 19px;
    float: left;
    clear: both;
    width: 100%;
    box-sizing: border-box;
    z-index: 0; }
    .wizard-4 ul.anchor li + li a {
      padding-left: 80px; }
      [dir="rtl"] .wizard-4 ul.anchor li + li a {
        padding-left: unset;
        padding-right: 80px; }
    .wizard-4 ul.anchor li:last-child {
      position: absolute;
      bottom: 0;
      width: auto;
      padding-bottom: 0;
      left: 9%; }
      [dir="rtl"] .wizard-4 ul.anchor li:last-child {
        left: unset;
        right: 9%; }
      .wizard-4 ul.anchor li:last-child img {
        height: 300px; }
        @media (max-width: 1199px) {
          .wizard-4 ul.anchor li:last-child img {
            height: 220px; } }
    .wizard-4 ul.anchor li h4 {
      display: inline-block;
      background-color: rgba(0, 102, 102, 0.2);
      padding: 16px 23px;
      border-radius: 100%;
      position: absolute;
      left: 0;
      top: 6px;
      width: 60px;
      display: flex;
      align-items: center;
      justify-content: center; }
      [dir="rtl"] .wizard-4 ul.anchor li h4 {
        left: unset;
        right: 0; }
    .wizard-4 ul.anchor li a {
      display: block;
      position: relative;
      float: left;
      margin: 0;
      padding: 10px 20px;
      width: 100%;
      box-sizing: border-box;
      text-decoration: none;
      outline-style: none;
      z-index: 1;
      font-size: 18px; }
      .wizard-4 ul.anchor li a small {
        display: block;
        font-size: 14px; }
      .wizard-4 ul.anchor li a .stepNumber {
        position: relative;
        float: left;
        width: 30px;
        text-align: center;
        padding: 5px;
        padding-top: 0; }
      .wizard-4 ul.anchor li a.done h4 {
        color: #fff;
        background: var(--theme-deafult); }
        .wizard-4 ul.anchor li a.done h4:before {
          font-size: 12px;
          position: absolute;
          left: 5px;
          top: -3px;
          content: "\e64c";
          font-family: 'themify';
          background-color: #fff;
          color: var(--theme-deafult);
          border-radius: 15px;
          padding: 2px;
          border: 1px solid; }
      .wizard-4 ul.anchor li a.error {
        color: #898989;
        background: #fe8a7d;
        border: 1px solid #FE6A49; }
        .wizard-4 ul.anchor li a.error:hover {
          color: #000; }

.wizard {
  max-width: 670px;
  margin: 0 auto; }
  .wizard .wizard-content {
    box-shadow: unset;
    background-color: #fff;
    border-radius: 5px; }

.vertical-main-wizard .header-vertical-wizard {
  background-color: var(--light-background);
  height: 100%;
  text-align: unset; }
  .vertical-main-wizard .header-vertical-wizard .nav-link {
    border-bottom: 1px solid var(--recent-border);
    border-radius: 0;
    padding: 20px; }
    .vertical-main-wizard .header-vertical-wizard .nav-link:last-child {
      border-bottom: 0; }

.vertical-main-wizard .nav-pills .nav-link.active {
  background-color: transparent; }

.vertical-main-wizard .nav-pills.show > .nav-link {
  background-color: transparent; }

.vertical-main-wizard .nav-link .vertical-wizard {
  display: flex;
  align-items: center;
  gap: 14px; }
  .vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard {
    width: 33px;
    height: 33px;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: relative;
    border: 1px solid #52526c; }
    .vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard i {
      margin-right: 0;
      color: #52526c; }
  .vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content h6 {
    font-weight: 400;
    line-height: 1;
    color: var(--body-font-color); }
  .vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content p {
    color: var(--text-gray); }

.vertical-main-wizard .nav-link:active, .vertical-main-wizard .nav-link.active {
  background-color: unset; }
  .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard {
    background-color: var(--theme-deafult);
    border: 1px solid var(--theme-deafult); }
    .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard i, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard i {
      color: #fff;
      font-size: 18px; }
    .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard::before, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard::before {
      content: '';
      width: 45px;
      height: 45px;
      border-radius: 50%;
      position: absolute;
      border: 1px solid #006666; }
  .vertical-main-wizard .nav-link:active .vertical-wizard .vertical-wizard-content h6, .vertical-main-wizard .nav-link.active .vertical-wizard .vertical-wizard-content h6 {
    color: var(--theme-deafult); }

.vertical-main-wizard .form-check .form-check-label {
  margin-bottom: 0; }

.vertical-main-wizard .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.basic-wizard .stepper-horizontal {
  display: flex;
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  margin-bottom: 24px; }
  .basic-wizard .stepper-horizontal .step {
    position: relative;
    padding-inline: 24px;
    z-index: 2;
    width: 100%; }
    .basic-wizard .stepper-horizontal .step:first-child {
      padding-left: 0; }
    .basic-wizard .stepper-horizontal .step:last-child {
      padding-right: 0; }
    .basic-wizard .stepper-horizontal .step:last-child .step-bar-left, .basic-wizard .stepper-horizontal .step:last-child .step-bar-right {
      display: none; }
    .basic-wizard .stepper-horizontal .step .step-circle {
      width: 32px;
      height: 32px;
      margin: 0 auto;
      border-radius: 50%;
      text-align: center;
      line-height: 28px;
      font-size: 16px;
      font-weight: 600;
      z-index: 2;
      border: 2px solid #E6E9EB;
      background: var(--white); }
    .basic-wizard .stepper-horizontal .step.done .step-circle {
      background-color: var(--white);
      border: 2px solid #52526c;
      color: #006666;
      z-index: 4;
      position: relative; }
      .basic-wizard .stepper-horizontal .step.done .step-circle:before {
        font-family: 'FontAwesome';
        font-weight: 100;
        content: "\f00c"; }
      .basic-wizard .stepper-horizontal .step.done .step-circle * {
        display: none; }
    .basic-wizard .stepper-horizontal .step.done .step-title {
      color: #52526c; }
    .basic-wizard .stepper-horizontal .step.editing .step-circle {
      background: var(--white);
      border-color: #52526c;
      color: var(--theme-deafult); }
    .basic-wizard .stepper-horizontal .step .step-title {
      margin-top: 8px;
      font-size: 16px;
      font-weight: 600;
      white-space: nowrap;
      color: var(--chart-text-color); }
    .basic-wizard .stepper-horizontal .step .step-title,
    .basic-wizard .stepper-horizontal .step .step-optional {
      text-align: center; }
    .basic-wizard .stepper-horizontal .step .step-bar-left,
    .basic-wizard .stepper-horizontal .step .step-bar-right {
      position: absolute;
      top: calc(32px - 18px);
      height: 4px;
      background-color: rgba(0, 102, 102, 0.2);
      border: solid rgba(0, 102, 102, 0.2);
      border-width: 2px 0; }
    .basic-wizard .stepper-horizontal .step .step-bar-left {
      width: 100%;
      left: 50%;
      z-index: -1; }
      [dir="rtl"] .basic-wizard .stepper-horizontal .step .step-bar-left {
        left: unset;
        right: 50%;
        margin-left: unset;
        margin-right: 1rem; }
    .basic-wizard .stepper-horizontal .step .step-bar-right {
      width: 0;
      left: 50%;
      z-index: -1;
      transition: width 500ms ease-in-out; }
      [dir="rtl"] .basic-wizard .stepper-horizontal .step .step-bar-right {
        right: 50%;
        left: unset; }
    .basic-wizard .stepper-horizontal .step.done .step-bar-right {
      background-color: var(--theme-deafult);
      border-color: var(--theme-deafult);
      z-index: 3;
      width: 100%; }

.basic-wizard form.none {
  display: none; }

.basic-wizard form.block {
  display: block; }

.basic-wizard form .form-check-label {
  margin-bottom: 0; }

.important-validation .form-label span {
  color: #FE6A49; }

.select-size.form-select {
  font-size: 14px; }

.wizard-footer button.disabled {
  background-color: #EAEBF2; }

.wizard-footer button.back {
  background-color: #FFAE1A; }

.successful-form {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding-bottom: 24px; }
  .successful-form img {
    width: 100px;
    height: 100px; }

.inquiries-form h6 {
  margin-bottom: 14px; }

.inquiries-form .choose-option {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .inquiries-form .choose-option .form-check:last-child {
    margin-bottom: 0; }

.form-completed img {
  height: 100px;
  margin: 0 auto;
  display: block; }

.form-completed h6 {
  text-align: center;
  margin-top: 24px; }

.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options {
  padding: 20px;
  background-color: var(--chart-border);
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 14px; }
  @media (max-width: 1182px) {
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options {
      justify-content: flex-start; } }
  .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a {
    display: flex;
    justify-content: center;
    align-items: center; }
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard {
      display: flex;
      justify-content: center;
      align-items: center;
      color: var(--body-font-color);
      transition: all 0.3s ease; }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard .stroke-icon-wizard i {
        font-size: 18px;
        color: var(--body-font-color); }
        [dir="rtl"] .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard .stroke-icon-wizard i {
          margin-right: unset;
          margin-left: 10px; }
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard {
      color: var(--white);
      transition: all 0.3s ease; }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .stroke-icon-wizard i, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .stroke-icon-wizard i {
        color: var(--white); }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .stroke-icon-wizard span, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .stroke-icon-wizard span {
        color: var(--white); }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .horizontal-wizard-content h6, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .horizontal-wizard-content h6 {
        color: #fff; }

.horizontal-wizard-wrapper .main-horizontal-header .form-check {
  margin-bottom: 0; }

.horizontal-wizard-wrapper .bank-search {
  margin-bottom: 22px; }
  @media (max-width: 767px) {
    .horizontal-wizard-wrapper .bank-search {
      margin-bottom: 0; } }
.horizontal-wizard-wrapper .bank-selection {
  padding: 10px 0 0 0; }
  @media (max-width: 401px) {
    .horizontal-wizard-wrapper .bank-selection .radio-wrapper {
      justify-content: center; } }
  .horizontal-wizard-wrapper .bank-selection .radio-wrapper li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; }
    .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label {
      margin-bottom: 0;
      padding: 6px; }
      .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label img {
        height: calc(45px + (52 - 45) * ((100vw - 320px) / (1920 - 320))); }
      .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label span {
        font-size: 14px; }

.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options {
  gap: 12px; }
  @media (max-width: 1400px) {
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options {
      justify-content: flex-start; } }
  .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link {
    color: var(--body-font-color); }
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard {
      gap: 10px; }
      .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard {
        width: 30px;
        height: 30px;
        background-color: rgba(0, 102, 102, 0.2);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 6px; }
        .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard i {
          margin-right: 0; }
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active {
      background-color: unset; }
      .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard {
        color: var(--body-font-color); }
        .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .horizontal-wizard-content h6, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .horizontal-wizard-content h6 {
          color: var(--theme-deafult); }
        .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .stroke-icon-wizard, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .stroke-icon-wizard {
          background-color: var(--theme-deafult); }
          .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .stroke-icon-wizard i, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .stroke-icon-wizard i {
            margin-right: 0;
            color: var(--white); }

.horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li {
  padding: 20px;
  display: grid;
  width: 100%;
  height: 100%;
  place-content: baseline;
  text-align: unset;
  align-items: unset;
  max-width: unset; }
  .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label {
    justify-content: unset;
    display: flex;
    align-items: center; }
    .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label span > span + span {
      font-size: 13px; }
      @media (max-width: 400px) {
        .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label span > span + span {
          display: none; } }
.horizontal-wizard-wrapper.vertical-options .main-horizontal-header {
  padding-bottom: 0; }
  .horizontal-wizard-wrapper.vertical-options .main-horizontal-header .horizontal-options {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px; }

.authentication-options .radio-wrapper {
  display: flex;
  gap: calc(8px + 8 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
  justify-content: center; }
  .authentication-options .radio-wrapper li {
    padding: 20px;
    display: grid;
    width: 100%;
    height: 100%;
    place-content: baseline;
    text-align: unset;
    align-items: unset;
    max-width: unset; }
    .authentication-options .radio-wrapper li .form-check-label {
      display: flex;
      align-items: center;
      text-align: left;
      gap: 14px; }
      @media (max-width: 400px) {
        .authentication-options .radio-wrapper li .form-check-label {
          align-items: baseline; } }
      .authentication-options .radio-wrapper li .form-check-label i {
        padding: 0; }
        [dir="rtl"] .authentication-options .radio-wrapper li .form-check-label i {
          padding: 0; }
      .authentication-options .radio-wrapper li .form-check-label span > span {
        font-size: 16px;
        color: #1f2533;
        font-weight: 500; }
        .authentication-options .radio-wrapper li .form-check-label span > span + span {
          color: var(--text-gray);
          font-size: 14px; }

.main-qr-code .modal-toggle-wrapper .modal-img {
  flex-direction: column;
  align-items: center;
  margin-bottom: 22px; }
  @media (max-width: 480px) {
    .main-qr-code .modal-toggle-wrapper .modal-img {
      align-items: unset; } }
  @media (max-width: 480px) {
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-img {
      text-align: center; } }
  .main-qr-code .modal-toggle-wrapper .modal-img .qr-img img {
    height: 100px;
    width: 100px; }
  .main-qr-code .modal-toggle-wrapper .modal-img .qr-content {
    margin-top: 16px; }
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert {
      align-items: unset; }
      .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert div {
        word-break: break-word; }
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-content i {
      font-size: 20px;
      margin-right: 0; }

.main-qr-code .modal-toggle-wrapper .btn {
  display: block;
  margin: auto;
  margin-top: 12px; }

.authentication-body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: auto;
  text-align: center; }
  .authentication-body img {
    height: calc(200px + (420 - 200) * ((100vw - 320px) / (1920 - 320))); }

.shopping-wizard .shipping-form .shipping-border {
  border-right: 1px solid var(--recent-dashed-border); }
  @media (max-width: 1200px) {
    .shopping-wizard .shipping-form .shipping-border {
      border-right: unset; } }
.shopping-wizard .shipping-form .shipping-options {
  display: flex;
  align-items: center;
  background-color: rgba(0, 102, 102, 0.2);
  flex-wrap: nowrap;
  margin-bottom: 18px; }
  @media (max-width: 768px) {
    .shopping-wizard .shipping-form .shipping-options {
      flex-direction: column; } }
  .shopping-wizard .shipping-form .shipping-options .nav-link {
    width: 100%; }
    @media (min-width: 1200px) and (max-width: 1920px) {
      .shopping-wizard .shipping-form .shipping-options .nav-link {
        padding: calc(8px + (8 - 8) * ((100vw - 300px) / (1920 - 300))) calc(6px + (16 - 6) * ((100vw - 300px) / (1920 - 300))); } }
    .shopping-wizard .shipping-form .shipping-options .nav-link:active i, .shopping-wizard .shipping-form .shipping-options .nav-link.active i {
      background-color: rgba(255, 255, 255, 0.3);
      color: var(--white);
      transition: all 0.3s ease-in-out; }
    .shopping-wizard .shipping-form .shipping-options .nav-link:active h6, .shopping-wizard .shipping-form .shipping-options .nav-link.active h6 {
      color: var(--white); }
  .shopping-wizard .shipping-form .shipping-options .cart-options {
    display: flex;
    align-items: center;
    gap: 11px; }
    .shopping-wizard .shipping-form .shipping-options .cart-options i {
      font-size: 18px;
      color: var(--white);
      width: 40px;
      height: 40px;
      background-color: var(--theme-deafult);
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      margin: 0;
      transition: all 0.3s ease-in-out; }
      @media (min-width: 1200px) and (max-width: 1920px) {
        .shopping-wizard .shipping-form .shipping-options .cart-options i {
          font-size: calc(14px + (18 - 14) * ((100vw - 1200px) / (1920 - 1200)));
          width: calc(30px + (40 - 30) * ((100vw - 1200px) / (1920 - 1200)));
          height: calc(30px + (40 - 30) * ((100vw - 1200px) / (1920 - 1200))); } }
    .shopping-wizard .shipping-form .shipping-options .cart-options h6 {
      color: var(--theme-deafult); }

.shopping-wizard .shipping-form .shipping-info .table thead th {
  white-space: nowrap; }
  .shopping-wizard .shipping-form .shipping-info .table thead th:last-child {
    text-align: end; }

.shopping-wizard .shipping-form .shipping-info .table tbody tr td img {
  height: 50px; }

.shopping-wizard .shipping-form .shipping-info .table tbody tr td:last-child {
  text-align: end; }

.shopping-wizard .shipping-form .shipping-info .table tbody tr td span {
  color: var(--text-gray); }

.shopping-wizard .shipping-form .shipping-info .table tbody tr:last-child td {
  border: 0; }

.shopping-wizard .shipping-form .shipping-info .table tfoot {
  font-weight: 400; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr td {
    white-space: nowrap; }
    .shopping-wizard .shipping-form .shipping-info .table tfoot tr td:first-child {
      max-width: 370px; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr td:last-child {
    min-width: 0;
    text-align: end; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr:first-child {
    font-weight: 500; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr:last-child {
    font-weight: 600; }
    .shopping-wizard .shipping-form .shipping-info .table tfoot tr:last-child td {
      border-bottom: 0; }

.shopping-wizard .shipping-form .shipping-content {
  height: 100%;
  padding: 0; }
  .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title > .btn {
      background: none !important;
      border: 0;
      padding: 0 28px; }
      .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title > .btn i {
        color: var(--theme-deafult); }
  .shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px; }
    .shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address .card-icon {
      display: flex;
      align-items: center;
      gap: 12px; }
      .shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address .card-icon i {
        font-size: 16px;
        color: var(--theme-deafult); }
  .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-address {
    display: flex;
    flex-direction: column;
    gap: 8px; }
    .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-address h6 {
      font-size: 15px;
      font-weight: 500; }
  .shopping-wizard .shipping-form .shipping-content > .active.finish-wizard1 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 55px - 18px); }
    @media (max-width: 768px) {
      .shopping-wizard .shipping-form .shipping-content > .active.finish-wizard1 {
        height: unset; } }
.shopping-wizard .shipping-form .shipping-method p {
  padding-left: 25px;
  color: var(--text-gray); }
  [dir="rtl"] .shopping-wizard .shipping-form .shipping-method p {
    padding-right: 25px;
    padding-left: unset; }

.shopping-wizard .shipping-form .proceed-next {
  transform: scaleX(-1); }

.shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 768px) {
    .shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper {
      justify-content: unset;
      align-items: flex-start;
      flex-direction: column; } }
  .shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper img {
    height: 50px; }

.shopping-wizard .shipping-form .payment-info-wrapper .pay-info {
  display: block; }
  .shopping-wizard .shipping-form .payment-info-wrapper .pay-info > div {
    margin-bottom: 12px;
    display: flex;
    align-items: center; }
    @media (max-width: 768px) {
      .shopping-wizard .shipping-form .payment-info-wrapper .pay-info > div {
        flex-direction: column;
        align-items: flex-start; } }
.shopping-wizard .shipping-form .order-confirm {
  text-align: center; }
  @media (max-width: 1200px) {
    .shopping-wizard .shipping-form .order-confirm {
      margin-bottom: 18px; } }
  .shopping-wizard .shipping-form .order-confirm img {
    height: calc(95px + (140 - 95) * ((100vw - 320px) / (1920 - 320))); }

.avatar-upload {
  flex-direction: column; }
  .avatar-upload div:first-child {
    position: relative;
    max-width: 205px;
    margin: auto; }
    .avatar-upload div:first-child .avatar-edit {
      position: absolute;
      right: 25px;
      z-index: 1;
      top: 4px; }
      .avatar-upload div:first-child .avatar-edit input {
        display: none; }
      .avatar-upload div:first-child .avatar-edit label {
        display: inline-block;
        width: 35px;
        height: 35px;
        margin-bottom: 0;
        border-radius: 100%;
        background: var(--light-bg);
        border: 1px solid transparent;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
        cursor: pointer;
        font-weight: normal;
        transition: all 0.2s ease-in-out; }
        .avatar-upload div:first-child .avatar-edit label::after {
          content: "\f040";
          font-family: 'FontAwesome';
          color: var(--body-font-color);
          position: absolute;
          top: 8px;
          left: 3px;
          right: 0;
          text-align: center;
          margin: auto; }
          [dir="rtl"] .avatar-upload div:first-child .avatar-edit label::after {
            right: 3px;
            left: 0; }
    .avatar-upload div:first-child .avatar-preview {
      width: 150px;
      height: 150px;
      position: relative;
      border-radius: 100%;
      border: 6px solid #F8F8F8;
      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
      margin: auto; }
      .avatar-upload div:first-child .avatar-preview > div {
        background-image: url(/../images/forms/user.png);
        width: 100%;
        height: 100%;
        border-radius: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }
  .avatar-upload h6 {
    text-align: center;
    padding-top: 14px; }

.email-verify .card-wrapper {
  display: grid;
  place-content: center; }
  .email-verify .card-wrapper > div {
    align-items: center; }
  .email-verify .card-wrapper .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.authenticate {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .authenticate span:nth-of-type(1) {
    margin-top: 12px; }
  .authenticate h4 {
    margin-bottom: 12px; }
  .authenticate img {
    height: calc(145px + (200 - 145) * ((100vw - 320px) / (1920 - 320))); }
  .authenticate form {
    flex-direction: column;
    text-align: center; }
    .authenticate form .otp-generate {
      display: flex;
      gap: 12px;
      margin: 14px 0;
      justify-content: center; }
    .authenticate form .form-control {
      width: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
      height: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
      border-radius: 5px;
      text-align: center;
      padding: 0;
      display: block;
      min-width: 0; }
    .authenticate form div {
      display: inline-grid;
      gap: 2px;
      margin-top: 12px; }

.accordion .accordion-item .accordion-body .choose-bank .form-check .form-check-label {
  color: var(--body-font-color); }

/*Form Wizard Four Ends*/
/**=====================
   2.17 Form-wizard CSS Ends
==========================**/
/**=====================
  2.18 Forms CSS Start
==========================**/
.form-label {
  margin-bottom: 4px; }

.col-form-label {
  padding-bottom: 4px; }

.form-space {
  margin-bottom: -10px; }
  .form-space > div {
    margin-bottom: 10px; }

.theme-form .form-control :focus {
  box-shadow: 0 0 0 0.2rem rgba(171, 140, 228, 0.05); }

.theme-form textarea {
  border-color: #efefef; }
  .theme-form textarea::-webkit-input-placeholder {
    color: #898989;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 100; }

.theme-form input[type=text],
.theme-form input[type=email],
.theme-form input[type=search],
.theme-form input[type=password],
.theme-form input[type=number],
.theme-form input[type=tel],
.theme-form input[type=date],
.theme-form input[type=datetime-local],
.theme-form input[type=time],
.theme-form input[type=datetime-local],
.theme-form input[type=month],
.theme-form input[type=week],
.theme-form input[type=url],
.theme-form input[type=file],
.theme-form textarea,
.theme-form select {
  border-color: #E6E9EB;
  background-color: #fff;
  font-size: 14px;
  color: #898989;
  padding: 10px;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .theme-form input[type=text]::placeholder,
  .theme-form input[type=email]::placeholder,
  .theme-form input[type=search]::placeholder,
  .theme-form input[type=password]::placeholder,
  .theme-form input[type=number]::placeholder,
  .theme-form input[type=tel]::placeholder,
  .theme-form input[type=date]::placeholder,
  .theme-form input[type=datetime-local]::placeholder,
  .theme-form input[type=time]::placeholder,
  .theme-form input[type=datetime-local]::placeholder,
  .theme-form input[type=month]::placeholder,
  .theme-form input[type=week]::placeholder,
  .theme-form input[type=url]::placeholder,
  .theme-form input[type=file]::placeholder,
  .theme-form textarea::placeholder,
  .theme-form select::placeholder {
    color: #898989;
    font-weight: 500; }
  .theme-form input[type=text]::-webkit-input-placeholder,
  .theme-form input[type=email]::-webkit-input-placeholder,
  .theme-form input[type=search]::-webkit-input-placeholder,
  .theme-form input[type=password]::-webkit-input-placeholder,
  .theme-form input[type=number]::-webkit-input-placeholder,
  .theme-form input[type=tel]::-webkit-input-placeholder,
  .theme-form input[type=date]::-webkit-input-placeholder,
  .theme-form input[type=datetime-local]::-webkit-input-placeholder,
  .theme-form input[type=time]::-webkit-input-placeholder,
  .theme-form input[type=datetime-local]::-webkit-input-placeholder,
  .theme-form input[type=month]::-webkit-input-placeholder,
  .theme-form input[type=week]::-webkit-input-placeholder,
  .theme-form input[type=url]::-webkit-input-placeholder,
  .theme-form input[type=file]::-webkit-input-placeholder,
  .theme-form textarea::-webkit-input-placeholder,
  .theme-form select::-webkit-input-placeholder {
    color: #86909C;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 100; }

.theme-form input[type=text]::placeholder {
  color: #86909C;
  font-size: 14px; }

.theme-form input[type=file] {
  height: auto; }

.theme-form select.form-control:not([size]):not([multiple]) {
  border-color: #efefef;
  font-size: 14px; }

.theme-form .checkbox label {
  padding-left: 10px; }
  [dir="rtl"] .theme-form .checkbox label {
    padding-right: 10px;
    padding-left: unset; }

.theme-form .form-divider {
  position: relative;
  clear: both;
  height: 0;
  margin: 30px 0;
  border-top: 1px solid #efefef; }
  .theme-form .form-divider:before {
    position: absolute;
    top: -11px;
    left: 40%;
    margin-left: -10px;
    padding: 0 5px;
    content: "Or Signup With";
    color: #242934;
    background: #fff; }
    [dir="rtl"] .theme-form .form-divider:before {
      left: unset;
      right: 40%;
      margin-left: unset;
      margin-right: -10px; }

.theme-form .login-divider {
  position: relative;
  clear: both;
  height: 0;
  margin: 30px 0;
  border-top: 1px solid #efefef; }
  .theme-form .login-divider:before {
    position: absolute;
    top: -11px;
    left: 40%;
    margin-left: -10px;
    padding: 0 5px;
    color: #242934;
    background: #fff;
    content: "Or Login With"; }
    [dir="rtl"] .theme-form .login-divider:before {
      left: unset;
      right: 40%;
      margin-left: unset;
      margin-right: -10px; }

.theme-form .btn-fb,
.theme-form .btn-twitter,
.theme-form .btn-google,
.theme-form .btn-linkedin {
  color: #fff;
  width: 100%; }

.theme-form .btn-fb {
  background-color: #50598e; }

.theme-form .btn-twitter {
  background-color: #6fa2d8; }

.theme-form .btn-google {
  background-color: #c64e40; }

.theme-form .btn-linkedin {
  background-color: #0077B5; }

.form-inline {
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0; }
  .form-inline .col-form-label {
    margin-right: 5px; }
    [dir="rtl"] .form-inline .col-form-label {
      margin-left: 5px;
      margin-right: unset; }

.search-form .form-group:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 25px;
  background: #e8ebf2;
  left: 82px;
  top: 50px; }
  [dir="rtl"] .search-form .form-group:before {
    left: unset;
    right: 82px; }

.search-form .form-group:after {
  position: absolute;
  content: "\f002";
  font-family: "FontAwesome";
  top: 53px;
  left: 53px;
  color: #8e8e8e; }
  [dir="rtl"] .search-form .form-group:after {
    left: unset;
    right: 53px; }

.search-form input {
  border: 1px solid #efefef;
  padding: 10px 10px 10px 70px;
  border-radius: 10px;
  background-color: rgba(230, 233, 235, 0.3); }
  [dir="rtl"] .search-form input {
    padding: 10px 70px 10px 10px; }
  .search-form input:focus {
    outline: none !important; }

.form-label-align-right label {
  text-align: right;
  padding-top: 17px;
  font-weight: 500; }

.custom-input.was-validated .form-control:valid,
.custom-input.was-validated .form-select:valid {
  border-color: #00AC46; }

.custom-input.was-validated .form-control:invalid,
.custom-input.was-validated .form-select:invalid {
  border-color: #FE6A49; }

.custom-input .valid-tooltip {
  background-color: #00AC46; }

.custom-input .invalid-tooltip {
  background-color: rgba(254, 106, 73, 0.8); }

.custom-input .invalid-feedback {
  color: #FE6A49 !important; }

.custom-input .form-check .form-check-input:valid {
  border-color: #00AC46; }

.custom-input .form-check .form-check-input:invalid {
  border-color: #FE6A49; }

.custom-input .form-check .form-check-input:invalid ~ .form-check-label {
  color: #FE6A49; }

.custom-input .form-check .form-check-input:valid ~ .form-check-label {
  color: #00AC46; }

.custom-input .form-check .form-check-input:checked {
  background-color: #00AC46; }

.custom-input .form-check .invalid-feedback {
  color: #FE6A49; }

.custom-input #validationCustom03.form-control,
.custom-input #validationCustom03 .form-select,
.custom-input #validationCustom05.form-control,
.custom-input #validationCustom05 .form-select,
.custom-input #validationCustomUsername.form-control,
.custom-input #validationCustomUsername .form-select {
  border-color: #E6E9EB; }

.custom-input #validationCustom03.was-validated .form-control:valid,
.custom-input #validationCustom03.was-validated .form-select:valid,
.custom-input #validationCustom05.was-validated .form-control:valid,
.custom-input #validationCustom05.was-validated .form-select:valid,
.custom-input #validationCustomUsername.was-validated .form-control:valid,
.custom-input #validationCustomUsername.was-validated .form-select:valid {
  border-color: #00AC46 !important; }

.custom-input #validationCustom03.was-validated .form-control:invalid,
.custom-input #validationCustom03.was-validated .form-select:invalid,
.custom-input #validationCustom05.was-validated .form-control:invalid,
.custom-input #validationCustom05.was-validated .form-select:invalid,
.custom-input #validationCustomUsername.was-validated .form-control:invalid,
.custom-input #validationCustomUsername.was-validated .form-select:invalid {
  border-color: #FE6A49 !important; }

[dir="rtl"] .custom-input .form-check.form-switch .form-check-input {
  margin-left: 7px; }

.form-check-reverse {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding: 0; }
  .form-check-reverse .form-check-input {
    float: left;
    margin-right: 0;
    margin-left: 10px; }

.checkbox-checked.card-wrapper h6.sub-title {
  font-weight: 600;
  font-size: 17px; }

.checkbox-checked .form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-checked .form-check-input:focus {
  border-color: #006666;
  box-shadow: 0 0 0 4px rgba(0, 102, 102, 0.25); }

.checkbox-checked .card-wrapper .form-check:last-child {
  min-height: 0;
  margin-bottom: 0; }
  .checkbox-checked .card-wrapper .form-check:last-child label {
    margin-bottom: 0; }

.form-check-size {
  display: flex;
  gap: 22px;
  align-items: center;
  flex-wrap: wrap; }
  .form-check-size .form-check-inline {
    margin: 0;
    min-height: 0; }
    [dir="rtl"] .form-check-size .form-check-inline {
      margin: 0; }
    .form-check-size .form-check-inline .form-check-input {
      width: 18px;
      height: 18px;
      margin-top: 0; }
    .form-check-size .form-check-inline .check-size {
      width: 36px;
      height: 18px;
      margin-top: 0; }
    .form-check-size .form-check-inline label {
      margin: 0; }

.main-img-checkbox .img-checkbox {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }
  .main-img-checkbox .img-checkbox .main-img-cover {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 24px;
    height: 24px; }
    [dir="rtl"] .main-img-checkbox .img-checkbox .main-img-cover {
      left: unset;
      right: 15px; }
  .main-img-checkbox .img-checkbox .form-check-label {
    width: 100%; }
  .main-img-checkbox .img-checkbox img {
    width: 100%;
    height: 220px;
    object-fit: cover; }

.main-icon-checkbox.checkbox label {
  margin-top: 0; }
  .main-icon-checkbox.checkbox label::before {
    content: '';
    width: 100%;
    height: 100%;
    margin-left: 1px;
    background-color: transparent;
    top: 0;
    display: block; }
    [dir="rtl"] .main-icon-checkbox.checkbox label::before {
      margin-left: unset;
      margin-right: 1px; }

.main-icon-checkbox.checkbox-primary input[type=checkbox]:checked + label::before {
  color: transparent;
  border: 2px solid #006666; }

.main-icon-checkbox.checkbox-primary input[type=checkbox] {
  opacity: 1; }

.main-icon-checkbox.checkbox-primary .form-check-input {
  border: 1px solid #E6E9EB; }
  .main-icon-checkbox.checkbox-primary .form-check-input.checkbox-shadow:focus {
    box-shadow: none; }
  .main-icon-checkbox.checkbox-primary .form-check-input[type=checkbox]:checked {
    background-image: none; }

.main-radio-toggle .btn,
.main-checkbox-toggle .btn {
  margin-bottom: 0; }

.radio-wrapper,
.checkbox-wrapper {
  display: flex;
  gap: calc(8px + (16 - 8) * ((100vw - 320px) / (1920 - 320)));
  flex-wrap: wrap;
  justify-content: center; }
  @media (max-width: 1200px) {
    .radio-wrapper,
    .checkbox-wrapper {
      justify-content: unset; } }
  .radio-wrapper li,
  .checkbox-wrapper li {
    position: relative;
    width: 100%;
    padding: 12px;
    border: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 130px; }
    @media (max-width: 1335px) {
      .radio-wrapper li,
      .checkbox-wrapper li {
        max-width: 113px; } }
    @media (max-width: 1232px) {
      .radio-wrapper li,
      .checkbox-wrapper li {
        padding: 10px;
        max-width: 105px; } }
    .radio-wrapper li .form-check-input,
    .checkbox-wrapper li .form-check-input {
      position: absolute;
      width: 100%;
      height: 100%;
      float: none;
      margin: 0;
      top: 0;
      left: 0;
      opacity: 1;
      border-radius: 0;
      background-color: transparent;
      border: 1px solid #E6E9EB; }
      .radio-wrapper li .form-check-input:focus,
      .checkbox-wrapper li .form-check-input:focus {
        box-shadow: none; }
      .radio-wrapper li .form-check-input[type=radio],
      .checkbox-wrapper li .form-check-input[type=radio] {
        opacity: 1; }
      .radio-wrapper li .form-check-input:checked,
      .checkbox-wrapper li .form-check-input:checked {
        border: 2px solid #006666;
        background-color: transparent; }
        .radio-wrapper li .form-check-input[type=radio]:checked,
        .checkbox-wrapper li .form-check-input[type=radio]:checked {
          background-image: none;
          box-shadow: unset; }
    .radio-wrapper li .form-check-label,
    .checkbox-wrapper li .form-check-label {
      position: unset;
      padding: 0;
      margin-bottom: 0; }
      .radio-wrapper li .form-check-label:after,
      .checkbox-wrapper li .form-check-label:after {
        content: none; }
      .radio-wrapper li .form-check-label::before,
      .checkbox-wrapper li .form-check-label::before {
        content: none; }
      .radio-wrapper li .form-check-label i,
      .checkbox-wrapper li .form-check-label i {
        font-size: 18px;
        padding-right: 8px; }
        [dir="rtl"] .radio-wrapper li .form-check-label i, [dir="rtl"] .checkbox-wrapper li .form-check-label i {
          padding-right: 0;
          padding-left: 8px; }
      .radio-wrapper li .form-check-label span,
      .checkbox-wrapper li .form-check-label span {
        font-size: 16px; }

[dir="rtl"] .rtl-input .form-check.form-check-inline {
  padding: 0; }

[dir="rtl"] .rtl-input .form-check.form-switch {
  padding-right: 40px; }

[dir="rtl"] .rtl-input .form-check.form-switch .form-check-input {
  margin-left: unset;
  margin-right: -40px;
  float: right; }

.radio-form {
  display: flex;
  gap: 18px;
  flex-wrap: wrap; }
  .radio-form .form-check {
    min-height: 0;
    margin-bottom: 0; }
    .radio-form .form-check .form-check-label {
      margin-bottom: 0; }

.basic-form {
  position: relative; }
  .basic-form svg {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%); }
    [dir="rtl"] .basic-form svg {
      right: 0;
      left: 12px; }
    .basic-form svg.stroke-icon {
      width: 25px;
      height: 25px;
      stroke: #2c323f;
      position: absolute;
      top: 50%;
      right: 12px;
      transform: translateY(-50%); }
      [dir="rtl"] .basic-form svg.stroke-icon {
        right: unset;
        left: 12px; }

.form-check {
  margin-bottom: 0; }

.theme-form .custom-input .row .col .row:last-child label {
  margin: 0; }

.theme-form.dark-inputs input::file-selector-button {
  border-radius: 30px; }

[dir="rtl"] .theme-form .form-floating > label {
  left: unset;
  right: 0; }

/**=====================
  2.18 Forms CSS Ends
==========================**/
/**=====================
	2.19 Icons CSS Start
==========================**/
.icon-lists div {
  cursor: pointer;
  line-height: 60px;
  white-space: nowrap;
  border-radius: 4px;
  display: flex;
  align-items: center; }
  .icon-lists div:hover {
    background-color: var(--light-background); }
  .icon-lists div i {
    margin: 0 15px 0 10px;
    font-size: 24px; }

.icon-lists.whether-icon svg {
  height: 50px;
  width: 50px; }

.icon-lists.feather-icons .media svg {
  margin: 0 15px 0 10px; }

.icon-lists .feather-icon .icon-first h6 {
  display: none; }

.flag-icons,
.feather-icons {
  margin-bottom: -15px;
  margin-top: -15px; }
  .flag-icons div,
  .feather-icons div {
    line-height: 1;
    word-wrap: break-word;
    overflow: auto; }
    .flag-icons div .flag-icon,
    .feather-icons div .flag-icon {
      height: 50px;
      width: 50px; }
    .flag-icons div .media,
    .feather-icons div .media {
      padding-top: 15px;
      padding-bottom: 15px;
      width: 100%; }
    .flag-icons div .media-body h6,
    .feather-icons div .media-body h6 {
      margin-bottom: 0;
      font-size: 14px;
      font-weight: 400;
      max-width: 100%;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .flag-icons div .media-body h5,
    .feather-icons div .media-body h5 {
      background-color: var(--theme-deafult);
      display: inline-block;
      padding: 3px 5px;
      font-size: 11px;
      border-radius: 3px;
      margin-bottom: 5px;
      margin-right: 5px;
      color: #fff; }
      [dir="rtl"] .flag-icons div .media-body h5, [dir="rtl"] .feather-icons div .media-body h5 {
        margin-left: 5px;
        margin-right: unset; }

.icon-hover-bottom {
  background-color: #fdfeff;
  width: 100%;
  bottom: 0;
  left: 0;
  box-shadow: 0px 0px 1px 1px #E6E9EB;
  z-index: 999; }
  .icon-hover-bottom .icon-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 20px; }
    .icon-hover-bottom .icon-popup .close-icon {
      position: absolute;
      right: 10px;
      top: 10px;
      font-size: 20px;
      color: #E6E9EB;
      cursor: pointer; }
      [dir="rtl"] .icon-hover-bottom .icon-popup .close-icon {
        right: unset;
        left: 10px; }
    .icon-hover-bottom .icon-popup > div {
      display: inline-block; }
      .icon-hover-bottom .icon-popup > div .flag-icon {
        width: 60px;
        height: 60px; }
    .icon-hover-bottom .icon-popup .icon-class {
      margin: 0 20px;
      cursor: pointer; }
    .icon-hover-bottom .icon-popup .icon-last .form-inline .form-group {
      display: initial; }
  .icon-hover-bottom .icon-title {
    display: block;
    color: #2c323f;
    text-transform: uppercase;
    font-weight: 500; }
  .icon-hover-bottom span,
  .icon-hover-bottom label,
  .icon-hover-bottom .btn {
    font-family: "Montserrat", sans-serif; }
  .icon-hover-bottom .form-group input {
    display: inline-block;
    width: 300px;
    background-color: #fff;
    font-family: "Montserrat", sans-serif; }

.fa-fa-icon-show-div,
.icons-show-div {
  display: none; }

.icon-first i {
  color: #898989; }

.icon-first h6 {
  display: none; }

/**=====================
    2.19 Icons CSS Ends
==========================**/
/**=====================
   2.20 List CSS Start
==========================**/
.list-group-item.active {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }

.list-group i {
  margin-right: 10px; }

.list-group img {
  height: 40px;
  width: 40px;
  margin-right: 10px; }

.list-light-primary {
  background-color: rgba(0, 102, 102, 0.2); }
  .list-light-primary:hover, .list-light-primary:active, .list-light-primary.active, .list-light-primary:focus {
    border: none;
    outline: unset;
    background-color: rgba(0, 102, 102, 0.2) !important; }

.list-hover-primary {
  background-color: unset; }
  .list-hover-primary:hover, .list-hover-primary:active, .list-hover-primary.active, .list-hover-primary:focus {
    background-color: rgba(0, 102, 102, 0.2);
    color: #2c323f;
    z-index: 0; }

.list-light-secondary {
  background-color: rgba(254, 106, 73, 0.3); }
  .list-light-secondary:hover, .list-light-secondary:active, .list-light-secondary.active, .list-light-secondary:focus {
    border: none;
    outline: unset;
    background-color: rgba(254, 106, 73, 0.3) !important; }

.list-hover-secondary {
  background-color: unset; }
  .list-hover-secondary:hover, .list-hover-secondary:active, .list-hover-secondary.active, .list-hover-secondary:focus {
    background-color: rgba(254, 106, 73, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-success {
  background-color: rgba(0, 172, 70, 0.3); }
  .list-light-success:hover, .list-light-success:active, .list-light-success.active, .list-light-success:focus {
    border: none;
    outline: unset;
    background-color: rgba(0, 172, 70, 0.3) !important; }

.list-hover-success {
  background-color: unset; }
  .list-hover-success:hover, .list-hover-success:active, .list-hover-success.active, .list-hover-success:focus {
    background-color: rgba(0, 172, 70, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-warning {
  background-color: rgba(255, 174, 26, 0.3); }
  .list-light-warning:hover, .list-light-warning:active, .list-light-warning.active, .list-light-warning:focus {
    border: none;
    outline: unset;
    background-color: rgba(255, 174, 26, 0.3) !important; }

.list-hover-warning {
  background-color: unset; }
  .list-hover-warning:hover, .list-hover-warning:active, .list-hover-warning.active, .list-hover-warning:focus {
    background-color: rgba(255, 174, 26, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-info {
  background-color: rgba(23, 56, 120, 0.3); }
  .list-light-info:hover, .list-light-info:active, .list-light-info.active, .list-light-info:focus {
    border: none;
    outline: unset;
    background-color: rgba(23, 56, 120, 0.3) !important; }

.list-hover-info {
  background-color: unset; }
  .list-hover-info:hover, .list-hover-info:active, .list-hover-info.active, .list-hover-info:focus {
    background-color: rgba(23, 56, 120, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-light {
  background-color: #F9F9FB; }
  .list-light-light:hover, .list-light-light:active, .list-light-light.active, .list-light-light:focus {
    border: none;
    outline: unset;
    background-color: #F9F9FB !important; }

.list-hover-light {
  background-color: unset; }
  .list-hover-light:hover, .list-hover-light:active, .list-hover-light.active, .list-hover-light:focus {
    background-color: #F9F9FB;
    color: #2c323f;
    z-index: 0; }

.list-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }
  .list-light-danger:hover, .list-light-danger:active, .list-light-danger.active, .list-light-danger:focus {
    border: none;
    outline: unset;
    background-color: rgba(254, 106, 73, 0.3) !important; }

.list-hover-danger {
  background-color: unset; }
  .list-hover-danger:hover, .list-hover-danger:active, .list-hover-danger.active, .list-hover-danger:focus {
    background-color: rgba(254, 106, 73, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-dark {
  background-color: #EAEBF2; }
  .list-light-dark:hover, .list-light-dark:active, .list-light-dark.active, .list-light-dark:focus {
    border: none;
    outline: unset;
    background-color: #EAEBF2 !important; }

.list-hover-dark {
  background-color: unset; }
  .list-hover-dark:hover, .list-hover-dark:active, .list-hover-dark.active, .list-hover-dark:focus {
    background-color: #EAEBF2;
    color: #2c323f;
    z-index: 0; }

.horizontal-list-wrapper .list-group .list-group-item {
  padding: 8px; }

.list-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap; }
  @media (max-width: 414px) {
    .list-wrapper {
      flex-wrap: unset;
      word-break: break-word; } }
  @media (max-width: 366px) {
    .list-wrapper {
      padding-bottom: 8px; } }
  .list-wrapper .list-img {
    width: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));
    height: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 10px;
    border-radius: 50%; }
  .list-wrapper .list-content p {
    margin-bottom: 0; }

.scrollbar-wrapper {
  max-height: 270px;
  overflow: auto; }

@media (max-width: 480px) {
  .main-lists-content small {
    display: none; } }

@media (max-width: 1199px) {
  .list-behavior-1 {
    gap: 12px; } }

@media (max-width: 575px) {
  .list-behavior-1:first-child {
    margin-bottom: 14px; } }

@media (max-width: 1999px) {
  .list-behavior-1 img {
    height: 86px; } }

@media (max-width: 992px) {
  .list-behavior-1 img {
    height: 70px; } }

.list-behavior-1 .flex-grow-1 {
  margin-left: 16px; }
  @media (max-width: 1199px) {
    .list-behavior-1 .flex-grow-1 {
      margin-left: 0; }
      .list-behavior-1 .flex-grow-1 p {
        display: block;
        display: -webkit-box;
        max-width: 100%;
        margin: 0 auto;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; } }
  [dir="rtl"] .list-behavior-1 .flex-grow-1 {
    margin-right: 16px;
    margin-left: unset; }

.list-behaviors > div:nth-child(even) .flex-grow-1 {
  order: -1;
  margin-left: unset;
  margin-right: 16px; }
  @media (max-width: 1199px) {
    .list-behaviors > div:nth-child(even) .flex-grow-1 {
      margin-left: 0;
      margin-right: 0;
      order: unset; } }
.list-group .list-group-item {
  padding: 11px 16px; }
  .list-group .list-group-item .form-check-input:focus {
    box-shadow: unset !important; }
  [dir="rtl"] .list-group .list-group-item i {
    margin-left: 10px;
    margin-right: unset; }

@media (max-width: 1216px) {
  .contact-profile {
    background-color: unset; }
    .contact-profile.list-light-dark:hover {
      background-color: unset; } }

.badge-list .list-group-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap; }
  .badge-list .list-group-item div {
    margin-right: auto;
    margin-left: 8px; }
    [dir="rtl"] .badge-list .list-group-item div {
      margin-left: auto;
      margin-right: 8px; }

/**=====================
   2.20 List CSS Ends
==========================**/
/**=====================
    2.21 Loader CSS Start
==========================**/
.loader-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  background-color: #fff;
  z-index: 11;
  top: 0; }
  .loader-wrapper .loader4 {
    position: relative;
    color: var(--theme-deafult);
    font-size: 50px;
    text-indent: -9999em;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    transform: translateZ(0);
    animation: loader4 1.7s infinite ease,  loader4Round 1.7s infinite ease;
    overflow: hidden; }

@keyframes loader4 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } }

@keyframes loader4Round {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/**=====================
    2.21 Loader CSS Ends
==========================**/
/**=====================
    2.22 Modal CSS start
==========================**/
.modal-toggle-wrapper .form-control::placeholder {
  font-size: 13px; }

.modal-toggle-wrapper .modal-img {
  display: flex;
  justify-content: center; }
  .modal-toggle-wrapper .modal-img img {
    width: 200px;
    height: 200px; }
    @media (max-width: 992px) {
      .modal-toggle-wrapper .modal-img img {
        width: calc(136px + (200 - 136) * ((100vw - 320px) / (992 - 320)));
        height: calc(136px + (200 - 136) * ((100vw - 320px) / (992 - 320))); } }
  .modal-toggle-wrapper .modal-img li img {
    width: 100px;
    height: 100px; }
    @media (max-width: 992px) {
      .modal-toggle-wrapper .modal-img li img {
        width: calc(75px + (100 - 75) * ((100vw - 320px) / (992 - 320)));
        height: calc(75px + (100 - 75) * ((100vw - 320px) / (992 - 320))); } }
  .modal-toggle-wrapper .modal-img li + li {
    margin-left: -39px; }

.modal-toggle-wrapper button svg {
  width: 16px;
  height: 16px; }

.large-modal-header,
.large-modal-body {
  display: flex;
  align-items: center;
  color: #2c323f; }
  .large-modal-header svg,
  .large-modal-body svg {
    width: 20px;
    height: 20px; }

.modal-padding-space {
  padding-left: 20px; }

.svg-modal {
  width: 15px;
  height: 15px;
  stroke: #FE6A49;
  vertical-align: middle; }

.card-wrapper .modal-heading h5 {
  font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1400 - 320))); }

@media (min-width: 750px) and (max-width: 1200px) {
  .card-wrapper .balance-modal {
    display: flex;
    flex-direction: column; } }

.modal-footer .btn {
  margin: 0 4px; }

.modal-content .modal-header .btn-close:focus {
  box-shadow: unset; }

.modal-details h6 {
  padding-bottom: 12px; }

.modal-details .web-content {
  margin-bottom: 16px; }
  .modal-details .web-content .d-flex p {
    padding-bottom: 8px; }
  .modal-details .web-content .d-flex:last-child p {
    padding-bottom: 0; }
  .modal-details .web-content:last-child {
    margin-bottom: 0; }

/**=====================
    2.22 Modal CSS end
==========================**/
/**=====================
  2.23 Popover CSS Start
==========================**/
.popover-header {
  background-color: #2c323f;
  color: #fff; }

.popover-main .btn-showcase a {
  color: #fff; }

.popover-main .btn-showcase button:last-child {
  margin-right: 0; }

/**=====================
  2.23 Popover CSS Ends
==========================**/
/**=====================
  2.24 Print CSS Start
==========================**/
@media print {
  .sidebar-wrapper,
  .page-header {
    display: none; }
  .page-body {
    margin: 0 !important; }
  .page-wrapper .page-title {
    visibility: hidden; }
  .page-wrapper .page-body-wrapper .page-title {
    display: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin: 0; }
  .customizer-links {
    display: none; }
  table.fixedHeader-floating {
    display: none; }
  .email-left-aside {
    display: none; }
  .footer {
    display: none; } }

.invoice-table {
  margin-top: 16px;
  margin-bottom: 16px; }

.invoice .text-right input {
  margin-top: 6px; }

.invoice .media {
  align-items: center; }

/**=====================
  2.24 Print CSS Ends
==========================**/
/**=====================
    2.25 Radio CSS Start
==========================**/
.animate-chk label {
  line-height: 1.6;
  cursor: pointer; }
  .animate-chk label:last-child {
    margin-bottom: 0; }

.checkbox_animated {
  cursor: pointer;
  position: relative;
  margin: 0 1rem 0 0; }
  .checkbox_animated:before {
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: rotate(-45deg) scale(0, 0);
    content: "";
    position: absolute;
    left: 0.25rem;
    top: 0.225rem;
    z-index: 1;
    width: 0.75rem;
    height: 0.375rem;
    border: 2px solid var(--theme-deafult);
    border-top-style: none;
    border-right-style: none; }
  .checkbox_animated:after {
    content: "";
    position: absolute;
    top: -0.125rem;
    left: 0;
    width: 1.3rem;
    height: 1.3rem;
    background: #fff;
    border: 2px solid #ecf3fa;
    cursor: pointer; }
  .checkbox_animated:checked:before {
    transform: rotate(-45deg) scale(1, 1); }

.radio_animated {
  position: relative;
  margin: 0 1rem 0 0;
  cursor: pointer; }
  .radio_animated:before {
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: scale(0, 0);
    content: "";
    position: absolute;
    top: 0;
    left: 0.125rem;
    z-index: 1;
    width: 0.75rem;
    height: 0.75rem;
    background: var(--theme-deafult);
    border-radius: 50%; }
  .radio_animated:after {
    content: "";
    position: absolute;
    top: -0.25rem;
    left: -0.125rem;
    width: 1.25rem;
    height: 1.25rem;
    background: #fff;
    border: 2px solid #ecf3fa;
    border-radius: 50%; }
  .radio_animated:checked:before {
    transform: scale(1, 1); }

.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 16px;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 10px; }
  .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    margin-left: -16px;
    border: 1px solid #efefef;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
  .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #242934; }

.checkbox input[type="checkbox"] {
  opacity: 0; }
  .checkbox input[type="checkbox"]:focus {
    outline-offset: -2px; }
    .checkbox input[type="checkbox"]:focus + label::before {
      outline-offset: -2px; }

.checkbox input[type="checkbox"]:checked + label::before {
  font-family: themify;
  content: "\e64c";
  text-align: center;
  line-height: 1.2; }

.checkbox input[type="checkbox"]:disabled + label {
  opacity: 0.65; }
  .checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #E6E9EB;
    cursor: not-allowed; }

.checkbox .checkbox-circle label::before {
  border-radius: 50%; }

.checkbox .checkbox-inline {
  margin-top: 0; }

.m-squar label::before {
  border-radius: 0; }

.m-squar .checkbox-circle label::before {
  border-radius: 50%; }

.m-squar .checkbox-inline {
  margin-top: 0; }

.checkbox-primary label::before {
  border-color: var(--theme-deafult); }

.checkbox-primary input[type="checkbox"]:checked + label::before {
  border-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-primary label:before {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  color: #fff; }

.checkbox-solid-primary input[type="checkbox"]:checked + label::before {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  color: #fff; }

.checkbox-solid-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-primary input[type="radio"] + label::before {
  border-color: var(--theme-deafult); }

.radio-primary input[type="radio"] + label::after {
  background-color: var(--theme-deafult); }

.radio-primary input[type="radio"]:checked + label::before {
  border-color: var(--theme-deafult); }

.radio-primary input[type="radio"]:checked + label::after {
  background-color: var(--theme-deafult); }

.checkbox-secondary label::before {
  border-color: #FE6A49; }

.checkbox-secondary input[type="checkbox"]:checked + label::before {
  border-color: #FE6A49;
  color: #FE6A49; }

.checkbox-secondary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-secondary label:before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-secondary input[type="checkbox"]:checked + label::before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-secondary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-secondary input[type="radio"] + label::before {
  border-color: #FE6A49; }

.radio-secondary input[type="radio"] + label::after {
  background-color: #FE6A49; }

.radio-secondary input[type="radio"]:checked + label::before {
  border-color: #FE6A49; }

.radio-secondary input[type="radio"]:checked + label::after {
  background-color: #FE6A49; }

.checkbox-success label::before {
  border-color: #00AC46; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  border-color: #00AC46;
  color: #00AC46; }

.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-success label:before {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fff; }

.checkbox-solid-success input[type="checkbox"]:checked + label::before {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fff; }

.checkbox-solid-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-success input[type="radio"] + label::before {
  border-color: #00AC46; }

.radio-success input[type="radio"] + label::after {
  background-color: #00AC46; }

.radio-success input[type="radio"]:checked + label::before {
  border-color: #00AC46; }

.radio-success input[type="radio"]:checked + label::after {
  background-color: #00AC46; }

.checkbox-danger label::before {
  border-color: #FE6A49; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  border-color: #FE6A49;
  color: #FE6A49; }

.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-danger label:before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-danger input[type="checkbox"]:checked + label::before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-danger input[type="radio"] + label::before {
  border-color: #FE6A49; }

.radio-danger input[type="radio"] + label::after {
  background-color: #FE6A49; }

.radio-danger input[type="radio"]:checked + label::before {
  border-color: #FE6A49; }

.radio-danger input[type="radio"]:checked + label::after {
  background-color: #FE6A49; }

.checkbox-info label::before {
  border-color: #173878; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  border-color: #173878;
  color: #173878; }

.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-info label:before {
  background-color: #173878;
  border-color: #173878;
  color: #fff; }

.checkbox-solid-info input[type="checkbox"]:checked + label::before {
  background-color: #173878;
  border-color: #173878;
  color: #fff; }

.checkbox-solid-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-info input[type="radio"] + label::before {
  border-color: #173878; }

.radio-info input[type="radio"] + label::after {
  background-color: #173878; }

.radio-info input[type="radio"]:checked + label::before {
  border-color: #173878; }

.radio-info input[type="radio"]:checked + label::after {
  background-color: #173878; }

.checkbox-light label::before {
  border-color: #E6E9EB; }

.checkbox-light input[type="checkbox"]:checked + label::before {
  border-color: #E6E9EB;
  color: #E6E9EB; }

.checkbox-light input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-light label:before {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fff; }

.checkbox-solid-light input[type="checkbox"]:checked + label::before {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fff; }

.checkbox-solid-light input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-light input[type="radio"] + label::before {
  border-color: #E6E9EB; }

.radio-light input[type="radio"] + label::after {
  background-color: #E6E9EB; }

.radio-light input[type="radio"]:checked + label::before {
  border-color: #E6E9EB; }

.radio-light input[type="radio"]:checked + label::after {
  background-color: #E6E9EB; }

.checkbox-dark label::before {
  border-color: #2c323f; }

.checkbox-dark input[type="checkbox"]:checked + label::before {
  border-color: #2c323f;
  color: #2c323f; }

.checkbox-dark input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-dark label:before {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fff; }

.checkbox-solid-dark input[type="checkbox"]:checked + label::before {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fff; }

.checkbox-solid-dark input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-dark input[type="radio"] + label::before {
  border-color: #2c323f; }

.radio-dark input[type="radio"] + label::after {
  background-color: #2c323f; }

.radio-dark input[type="radio"]:checked + label::before {
  border-color: #2c323f; }

.radio-dark input[type="radio"]:checked + label::after {
  background-color: #2c323f; }

.checkbox-warning label::before {
  border-color: #FFAE1A; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  border-color: #FFAE1A;
  color: #FFAE1A; }

.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-warning label:before {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fff; }

.checkbox-solid-warning input[type="checkbox"]:checked + label::before {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fff; }

.checkbox-solid-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-warning input[type="radio"] + label::before {
  border-color: #FFAE1A; }

.radio-warning input[type="radio"] + label::after {
  background-color: #FFAE1A; }

.radio-warning input[type="radio"]:checked + label::before {
  border-color: #FFAE1A; }

.radio-warning input[type="radio"]:checked + label::after {
  background-color: #FFAE1A; }

.m-checkbox-inline .checkbox {
  display: inline-block; }

.m-checkbox-inline .radio {
  display: inline-block; }

.m-checkbox-inline label {
  margin-right: 20px; }

.radio label {
  display: inline-block;
  position: relative;
  padding-left: 18px;
  cursor: pointer; }
  .radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #efefef;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; }
    [class="dark-only"] .radio label::before {
      background-color: #1A1C23; }
  .radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 9px;
    height: 9px;
    left: 5px;
    top: 5px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #898989;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }

.radio input[type="radio"] {
  opacity: 0; }
  .radio input[type="radio"]:focus + label::before {
    outline-offset: -2px; }
  .radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  .radio input[type="radio"]:disabled + label {
    opacity: 0.65; }
    .radio input[type="radio"]:disabled + label::before {
      cursor: not-allowed; }

.radio .radio-inline {
  margin-top: 0; }

/**=====================
    2.25 Radio CSS Ends
==========================**/
/**=====================
  2.26 Ribbon CSS Start
==========================**/
[class*="ribbon-wrapper"] {
  position: relative;
  padding: 58px 18px 28px 18px; }

.ribbon {
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  clear: left;
  position: absolute;
  top: 12px;
  left: 0px;
  color: #fff;
  z-index: 2; }

.ribbon-clip {
  left: -14px; }
  .ribbon-clip:before {
    position: absolute;
    top: 30px;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-vertical-left-wrapper {
  padding-left: 40px;
  position: relative; }

.ribbon-vertical-right-wrapper {
  padding-right: 40px; }

.ribbon-wrapper-bottom {
  padding-bottom: 40px;
  padding-top: 0; }

.ribbon-wrapper-right-bottom {
  padding-right: 40px; }

.ribbon-space-bottom {
  top: 0px; }

.ribbon-bookmark:before {
  position: absolute;
  top: 0;
  left: 100%;
  display: block;
  width: 0;
  height: 0;
  content: '';
  border: 15px solid #2c323f;
  border-right: 10px solid transparent; }

.ribbon-right {
  left: auto;
  right: -2px; }

.ribbon-clip-right {
  right: -14px; }
  .ribbon-clip-right:before {
    position: absolute;
    top: 30px;
    right: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-clip-bottom {
  left: -14px;
  bottom: 12px;
  top: auto; }
  .ribbon-clip-bottom:before {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-clip-bottom-right {
  right: -14px;
  left: auto;
  bottom: 12px;
  top: auto; }
  .ribbon-clip-bottom-right:before {
    position: absolute;
    bottom: 30px;
    right: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-bookmark.ribbon-right:before {
  right: 100%;
  left: auto;
  border-right: 15px solid #2c323f;
  border-left: 10px solid transparent; }

.ribbon-vertical-left {
  clear: none;
  padding: 0 5px;
  height: 70px;
  width: 30px;
  line-height: 70px;
  text-align: center;
  left: 12px;
  top: -2px; }

.ribbon-vertical-right {
  clear: none;
  padding: 0 5px;
  height: 70px;
  width: 30px;
  line-height: 70px;
  text-align: center;
  top: -2px;
  left: auto;
  right: 20px; }
  [dir="rtl"] .ribbon-vertical-right {
    left: auto !important;
    right: 20px !important; }

.ribbon-bookmark.ribbon-vertical-left:before, .ribbon-bookmark.ribbon-vertical-right:before {
  top: 100%;
  left: 0;
  margin-top: -14px;
  border-right: 15px solid #2c323f;
  border-bottom: 10px solid transparent; }

.ribbon-primary {
  background: #006666; }

.ribbon-primary {
  background: #006666; }

.ribbon-bookmark.ribbon-primary:before {
  border-color: #006666;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-primary:before {
  border-right-color: #006666;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-primary:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-primary:before {
  border-right-color: #006666;
  border-bottom-color: transparent; }

.ribbon-primary.ribbon-corner:before {
  border-top-color: #006666;
  border-left-color: #006666; }

.ribbon-primary.ribbon-corner.ribbon-right:before {
  border-right-color: #006666;
  border-left-color: transparent; }

.ribbon-primary.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #006666; }

.ribbon-primary.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #003333;
  border-right-color: #003333; }

.ribbon-primary.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #003333;
  border-left-color: #003333; }

.ribbon-primary.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #003333;
  border-right-color: #003333; }

.ribbon-primary.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #003333;
  border-right-color: transparent;
  border-left-color: #003333; }

.ribbon-secondary {
  background: #FE6A49; }

.ribbon-secondary {
  background: #FE6A49; }

.ribbon-bookmark.ribbon-secondary:before {
  border-color: #FE6A49;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-secondary:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-secondary:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-secondary:before {
  border-right-color: #FE6A49;
  border-bottom-color: transparent; }

.ribbon-secondary.ribbon-corner:before {
  border-top-color: #FE6A49;
  border-left-color: #FE6A49; }

.ribbon-secondary.ribbon-corner.ribbon-right:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-secondary.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FE6A49; }

.ribbon-secondary.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-secondary.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #fe4016;
  border-left-color: #fe4016; }

.ribbon-secondary.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-secondary.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: transparent;
  border-left-color: #fe4016; }

.ribbon-success {
  background: #00AC46; }

.ribbon-success {
  background: #00AC46; }

.ribbon-bookmark.ribbon-success:before {
  border-color: #00AC46;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-success:before {
  border-right-color: #00AC46;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-success:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-success:before {
  border-right-color: #00AC46;
  border-bottom-color: transparent; }

.ribbon-success.ribbon-corner:before {
  border-top-color: #00AC46;
  border-left-color: #00AC46; }

.ribbon-success.ribbon-corner.ribbon-right:before {
  border-right-color: #00AC46;
  border-left-color: transparent; }

.ribbon-success.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #00AC46; }

.ribbon-success.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #007931;
  border-right-color: #007931; }

.ribbon-success.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #007931;
  border-left-color: #007931; }

.ribbon-success.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #007931;
  border-right-color: #007931; }

.ribbon-success.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #007931;
  border-right-color: transparent;
  border-left-color: #007931; }

.ribbon-danger {
  background: #FE6A49; }

.ribbon-danger {
  background: #FE6A49; }

.ribbon-bookmark.ribbon-danger:before {
  border-color: #FE6A49;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-danger:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-danger:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-danger:before {
  border-right-color: #FE6A49;
  border-bottom-color: transparent; }

.ribbon-danger.ribbon-corner:before {
  border-top-color: #FE6A49;
  border-left-color: #FE6A49; }

.ribbon-danger.ribbon-corner.ribbon-right:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-danger.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FE6A49; }

.ribbon-danger.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-danger.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #fe4016;
  border-left-color: #fe4016; }

.ribbon-danger.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-danger.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: transparent;
  border-left-color: #fe4016; }

.ribbon-info {
  background: #173878; }

.ribbon-info {
  background: #173878; }

.ribbon-bookmark.ribbon-info:before {
  border-color: #173878;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-info:before {
  border-right-color: #173878;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-info:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
  border-right-color: #173878;
  border-bottom-color: transparent; }

.ribbon-info.ribbon-corner:before {
  border-top-color: #173878;
  border-left-color: #173878; }

.ribbon-info.ribbon-corner.ribbon-right:before {
  border-right-color: #173878;
  border-left-color: transparent; }

.ribbon-info.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #173878; }

.ribbon-info.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #0f244d;
  border-right-color: #0f244d; }

.ribbon-info.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #0f244d;
  border-left-color: #0f244d; }

.ribbon-info.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #0f244d;
  border-right-color: #0f244d; }

.ribbon-info.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #0f244d;
  border-right-color: transparent;
  border-left-color: #0f244d; }

.ribbon-light {
  background: #E6E9EB; }

.ribbon-light {
  background: #E6E9EB; }

.ribbon-bookmark.ribbon-light:before {
  border-color: #E6E9EB;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-light:before {
  border-right-color: #E6E9EB;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-light:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-light:before {
  border-right-color: #E6E9EB;
  border-bottom-color: transparent; }

.ribbon-light.ribbon-corner:before {
  border-top-color: #E6E9EB;
  border-left-color: #E6E9EB; }

.ribbon-light.ribbon-corner.ribbon-right:before {
  border-right-color: #E6E9EB;
  border-left-color: transparent; }

.ribbon-light.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #E6E9EB; }

.ribbon-light.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #cad0d4;
  border-right-color: #cad0d4; }

.ribbon-light.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #cad0d4;
  border-left-color: #cad0d4; }

.ribbon-light.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #cad0d4;
  border-right-color: #cad0d4; }

.ribbon-light.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #cad0d4;
  border-right-color: transparent;
  border-left-color: #cad0d4; }

.ribbon-dark {
  background: #2c323f; }

.ribbon-dark {
  background: #2c323f; }

.ribbon-bookmark.ribbon-dark:before {
  border-color: #2c323f;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-dark:before {
  border-right-color: #2c323f;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-dark:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-dark:before {
  border-right-color: #2c323f;
  border-bottom-color: transparent; }

.ribbon-dark.ribbon-corner:before {
  border-top-color: #2c323f;
  border-left-color: #2c323f; }

.ribbon-dark.ribbon-corner.ribbon-right:before {
  border-right-color: #2c323f;
  border-left-color: transparent; }

.ribbon-dark.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #2c323f; }

.ribbon-dark.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #171a21;
  border-right-color: #171a21; }

.ribbon-dark.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #171a21;
  border-left-color: #171a21; }

.ribbon-dark.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #171a21;
  border-right-color: #171a21; }

.ribbon-dark.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #171a21;
  border-right-color: transparent;
  border-left-color: #171a21; }

.ribbon-warning {
  background: #FFAE1A; }

.ribbon-warning {
  background: #FFAE1A; }

.ribbon-bookmark.ribbon-warning:before {
  border-color: #FFAE1A;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-warning:before {
  border-right-color: #FFAE1A;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-warning:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-warning:before {
  border-right-color: #FFAE1A;
  border-bottom-color: transparent; }

.ribbon-warning.ribbon-corner:before {
  border-top-color: #FFAE1A;
  border-left-color: #FFAE1A; }

.ribbon-warning.ribbon-corner.ribbon-right:before {
  border-right-color: #FFAE1A;
  border-left-color: transparent; }

.ribbon-warning.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FFAE1A; }

.ribbon-warning.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #e69500;
  border-right-color: #e69500; }

.ribbon-warning.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #e69500;
  border-left-color: #e69500; }

.ribbon-warning.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #e69500;
  border-right-color: #e69500; }

.ribbon-warning.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #e69500;
  border-right-color: transparent;
  border-left-color: #e69500; }

.vertical-lp-space {
  padding: 58px 28px 28px 50px; }

.vertical-rp-space {
  padding: 58px 50px 28px 28px; }

.clip-bp-space {
  padding: 28px 18px 58px 18px; }

/**=====================
  2.26 Ribbon CSS Ends
==========================**/
/**=====================
   2.27 Range-slider CSS Start
==========================**/
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single,
.irs--flat .irs-bar {
  background-color: #006666; }
  .irs--flat .irs-from::before,
  .irs--flat .irs-to::before,
  .irs--flat .irs-single::before,
  .irs--flat .irs-bar::before {
    border-top-color: #006666; }

.irs--flat .irs-handle i:first-child {
  background-color: #006666; }

.irs--round .irs-single {
  background-color: #FE6A49; }
  .irs--round .irs-single::before {
    border-top-color: #FE6A49; }

.irs--round .irs-handle {
  border: 4px solid #FE6A49; }

.irs--round .irs-bar {
  background-color: #FE6A49; }

.irs--square .irs-handle {
  border: 3px solid #00AC46; }

.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-bar {
  background-color: #00AC46; }

.irs--sharp .irs-from::before,
.irs--sharp .irs-to::before {
  border-top-color: #173878; }

.irs--sharp .irs-min,
.irs--sharp .irs-max,
.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-bar {
  background-color: #173878; }

.irs--sharp .irs-line {
  background-color: #E6E9EB; }

.irs--sharp .irs-handle {
  background-color: #173878; }
  .irs--sharp .irs-handle i:first-child {
    border-top-color: #173878; }

.irs--big .irs-bar {
  border: 1px solid #FFAE1A;
  background: #FFAE1A;
  box-shadow: unset; }

.irs--big .irs-from,
.irs--big .irs-to {
  background-color: #FFAE1A;
  background: unset; }

.irs--big .irs-handle {
  background: #FFAE1A; }

.irs--big .irs-grid-pol {
  background-color: #FFAE1A; }

.irs--big .irs-grid-text {
  color: #FFAE1A; }

.irs--modern .irs-single {
  background-color: #FE6A49; }
  .irs--modern .irs-single::before {
    border-top-color: #FE6A49; }

.irs--modern .irs-bar {
  background: #FE6A49; }

.irs--modern .irs-grid-text {
  color: #FE6A49; }

/**=====================
    2.27 Range-slider CSS Ends
==========================**/
/**=====================
    2.28 Switch CSS Start
==========================**/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }
  .switch input {
    display: none; }
    .switch input:checked + .switch-state {
      background-color: var(--theme-deafult); }
      .switch input:checked + .switch-state:before {
        transform: translateX(26px); }
    .switch input:focus + .switch-state {
      box-shadow: 0 0 1px var(--theme-deafult); }

.switch-state {
  border-radius: 20px;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #E6E9EB;
  transition: .4s; }
  .switch-state:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    transition: .4s;
    border-radius: 20px; }

.icon-state .switch-state:after {
  content: "\efb8";
  font-family: IcoFont;
  left: 10px;
  position: absolute;
  top: 10px;
  color: #2c323f;
  transition: .4s;
  opacity: 0.3; }

.icon-state input:checked + .switch-state:after {
  content: "\efad";
  left: 36px;
  opacity: 1;
  transition: .4s; }

.switch-lg .switch {
  width: 75px;
  height: 40px;
  padding: 0;
  margin: 0; }
  .switch-lg .switch .switch-state:before {
    height: 30px;
    width: 30px;
    left: 7px;
    bottom: 5px;
    top: 4px; }

.switch-lg.large-switch-button .switch .switch-state::before {
  left: 13px; }

.switch-lg.icon-state .switch .switch-state:after {
  left: 12px;
  font-size: 18px; }

.switch-lg.icon-state .switch input:checked + .switch-state:after {
  left: 47px; }

.switch-lg.icon-state .switch input:checked + .switch-state:before {
  transform: translateX(32px); }

.switch-sm.icon-state .switch .switch-state:after {
  top: 4px;
  left: 4px;
  font-size: 8px; }

.switch-sm.icon-state .switch input:checked + .switch-state:after {
  left: 13px;
  top: 4px; }

.switch-sm .switch {
  width: 25px;
  height: 16px;
  margin-top: 10px;
  margin-bottom: 0px; }
  .switch-sm .switch .switch-state:before {
    height: 8px;
    width: 8px;
    left: 4px;
    bottom: 4px; }

.switch-sm input:checked + .switch-state:before {
  left: -13px; }

.switch-outline .switch-state {
  background-color: #fff;
  border: 1px solid var(--theme-deafult);
  transition: .4s; }
  .switch-outline .switch-state:before {
    background-color: #E6E9EB;
    bottom: 3px;
    color: #fff; }

.switch-outline .switch input {
  display: none; }
  .switch-outline .switch input:checked + .switch-state {
    background-color: transparent;
    border: 1px solid var(--theme-deafult); }
    .switch-outline .switch input:checked + .switch-state:before {
      background-color: var(--theme-deafult);
      bottom: 3px;
      transform: translateX(26px); }
    .switch-outline .switch input:checked + .switch-state:after {
      color: #fff; }

.switch-outline .switch-state.bg-primary {
  border: 1px solid var(--theme-deafult);
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-primary {
  background-color: transparent !important;
  border: 1px solid var(--theme-deafult); }
  .switch-outline .switch input:checked + .switch-state.bg-primary:before {
    background-color: var(--theme-deafult); }

.switch-outline .switch-state.bg-dark {
  border: 1px solid #2c323f;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-dark {
  background-color: transparent !important;
  border: 1px solid #2c323f; }
  .switch-outline .switch input:checked + .switch-state.bg-dark:before {
    background-color: #2c323f; }

.switch-outline .switch-state.bg-warning {
  border: 1px solid #FFAE1A;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-warning {
  background-color: transparent !important;
  border: 1px solid #FFAE1A; }
  .switch-outline .switch input:checked + .switch-state.bg-warning:before {
    background-color: #FFAE1A; }

.switch-outline .switch-state.bg-success {
  border: 1px solid #00AC46;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-success {
  background-color: transparent !important;
  border: 1px solid #00AC46; }
  .switch-outline .switch input:checked + .switch-state.bg-success:before {
    background-color: #00AC46; }

.switch-outline .switch-state.bg-info {
  border: 1px solid #173878;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-info {
  background-color: transparent !important;
  border: 1px solid #173878; }
  .switch-outline .switch input:checked + .switch-state.bg-info:before {
    background-color: #173878; }

.switch-outline .switch-state.bg-danger {
  border: 1px solid #FE6A49;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-danger {
  background-color: transparent !important;
  border: 1px solid #FE6A49; }
  .switch-outline .switch input:checked + .switch-state.bg-danger:before {
    background-color: #FE6A49; }

.switch-outline .switch-state.bg-primary {
  border: 1px solid var(--theme-deafult);
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-primary {
  background-color: transparent !important;
  border: 1px solid var(--theme-deafult); }
  .switch-outline .switch input:checked + .switch-state.bg-primary:before {
    background-color: var(--theme-deafult); }

.switch-outline .switch-state.bg-secondary {
  border: 1px solid var(--theme-secondary);
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-secondary {
  background-color: transparent !important;
  border: 1px solid var(--theme-secondary); }
  .switch-outline .switch input:checked + .switch-state.bg-secondary:before {
    background-color: var(--theme-secondary); }

.switch-showcase {
  margin-bottom: -8px; }
  .switch-showcase .media {
    line-height: 1; }
  .switch-showcase .form-check .form-check-input {
    float: right; }

.form-switch .form-check-input:checked {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }

.tg-list {
  text-align: center;
  display: flex;
  align-items: center; }

.tgl {
  display: none; }
  .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
    box-sizing: border-box; }
    .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
      background: none; }
  .tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    user-select: none; }
    .tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
      position: relative;
      display: block;
      content: "";
      width: 50%;
      height: 100%; }
    .tgl + .tgl-btn:after {
      left: 0; }
    .tgl + .tgl-btn:before {
      display: none; }
  .tgl:checked + .tgl-btn:after {
    left: 50%; }

.tgl-skewed + .tgl-btn {
  overflow: hidden;
  transform: skew(-10deg);
  backface-visibility: hidden;
  transition: all .2s ease;
  background: #FE6A49; }
  .tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before {
    transform: skew(10deg);
    display: inline-block;
    transition: all .2s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: var(--white);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
  .tgl-skewed + .tgl-btn:after {
    left: 100%;
    content: attr(data-tg-on); }
  .tgl-skewed + .tgl-btn:before {
    left: 0;
    content: attr(data-tg-off); }
  .tgl-skewed + .tgl-btn:active {
    background: #FE6A49; }
    .tgl-skewed + .tgl-btn:active:before {
      left: -10%; }

.tgl-skewed:checked + .tgl-btn {
  background: #006666; }
  .tgl-skewed:checked + .tgl-btn:before {
    left: -100%; }
  .tgl-skewed:checked + .tgl-btn:after {
    left: 0; }
  .tgl-skewed:checked + .tgl-btn:active:after {
    left: 10%; }

.tgl-flip + .tgl-btn {
  padding: 2px;
  transition: all .2s ease;
  perspective: 100px; }
  .tgl-flip + .tgl-btn:after, .tgl-flip + .tgl-btn:before {
    display: inline-block;
    transition: all .4s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: var(--white);
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    border-radius: 4px; }
  .tgl-flip + .tgl-btn:after {
    content: attr(data-tg-on);
    background: #FFAE1A;
    transform: rotateY(-180deg); }
  .tgl-flip + .tgl-btn:before {
    background: #FE6A49;
    content: attr(data-tg-off); }
  .tgl-flip + .tgl-btn:active:before {
    transform: rotateY(-20deg); }

.tgl-flip:checked + .tgl-btn:before {
  transform: rotateY(180deg); }

.tgl-flip:checked + .tgl-btn:after {
  transform: rotateY(0);
  left: 0;
  background: #00AC46; }

.tgl-flip:checked + .tgl-btn:active:after {
  transform: rotateY(20deg); }

.radius-none .form-check-input {
  border-radius: 3px; }

.tg-list .tg-list-item .square-checked .switch-state::before {
  content: '';
  border-radius: 0; }

.switch-wrapper .media {
  margin-right: 20px; }
  .switch-wrapper .media .col-form-label {
    padding-bottom: 0; }

.switch-wrapper .tg-list p {
  margin: 0 8px 0 0; }

.default-square .form-switch .form-check-input {
  background-image: url(/../images/switch/square-gray.png); }
  .default-square .form-switch .form-check-input:checked {
    background-image: url(/../images/switch/square.svg); }

/**=====================
    2.28 Switch CSS Ends
==========================**/
/**=====================
  2.29 Tab CSS Start
==========================**/
/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C; }

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8; }

.light-card {
  background-color: var(--light-background); }

.light-background {
  background-color: var(--light-bg); }

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  transform: rotate(-45deg);
  display: inline-block; }

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-l-50 {
  margin-left: 50px !important; }

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important; }

.b-r-1 {
  border-radius: 1px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-r-11 {
  border-radius: 11px !important; }

.b-r-12 {
  border-radius: 12px !important; }

.b-r-13 {
  border-radius: 13px !important; }

.b-r-14 {
  border-radius: 14px !important; }

.b-r-15 {
  border-radius: 15px !important; }

.b-r-16 {
  border-radius: 16px !important; }

.b-r-17 {
  border-radius: 17px !important; }

.b-r-18 {
  border-radius: 18px !important; }

.b-r-19 {
  border-radius: 19px !important; }

.b-r-20 {
  border-radius: 20px !important; }

.b-r-21 {
  border-radius: 21px !important; }

.b-r-22 {
  border-radius: 22px !important; }

.b-r-23 {
  border-radius: 23px !important; }

.b-r-24 {
  border-radius: 24px !important; }

.b-r-25 {
  border-radius: 25px !important; }

.b-r-26 {
  border-radius: 26px !important; }

.b-r-27 {
  border-radius: 27px !important; }

.b-r-28 {
  border-radius: 28px !important; }

.b-r-29 {
  border-radius: 29px !important; }

.b-r-30 {
  border-radius: 30px !important; }

.b-r-31 {
  border-radius: 31px !important; }

.b-r-32 {
  border-radius: 32px !important; }

.b-r-33 {
  border-radius: 33px !important; }

.b-r-34 {
  border-radius: 34px !important; }

.b-r-35 {
  border-radius: 35px !important; }

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.f-34 {
  font-size: 34px !important; }

.f-36 {
  font-size: 36px !important; }

.f-38 {
  font-size: 38px !important; }

.f-40 {
  font-size: 40px !important; }

.f-42 {
  font-size: 42px !important; }

.f-44 {
  font-size: 44px !important; }

.f-46 {
  font-size: 46px !important; }

.f-48 {
  font-size: 48px !important; }

.f-50 {
  font-size: 50px !important; }

.f-52 {
  font-size: 52px !important; }

.f-54 {
  font-size: 54px !important; }

.f-56 {
  font-size: 56px !important; }

.f-58 {
  font-size: 58px !important; }

.f-60 {
  font-size: 60px !important; }

.f-62 {
  font-size: 62px !important; }

.f-64 {
  font-size: 64px !important; }

.f-66 {
  font-size: 66px !important; }

.f-68 {
  font-size: 68px !important; }

.f-70 {
  font-size: 70px !important; }

.f-72 {
  font-size: 72px !important; }

.f-74 {
  font-size: 74px !important; }

.f-76 {
  font-size: 76px !important; }

.f-78 {
  font-size: 78px !important; }

.f-80 {
  font-size: 80px !important; }

.f-82 {
  font-size: 82px !important; }

.f-84 {
  font-size: 84px !important; }

.f-86 {
  font-size: 86px !important; }

.f-88 {
  font-size: 88px !important; }

.f-90 {
  font-size: 90px !important; }

.f-92 {
  font-size: 92px !important; }

.f-94 {
  font-size: 94px !important; }

.f-96 {
  font-size: 96px !important; }

.f-98 {
  font-size: 98px !important; }

.f-100 {
  font-size: 100px !important; }

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100; }

.f-w-300 {
  font-weight: 300; }

.f-w-500 {
  font-weight: 500; }

.f-w-400 {
  font-weight: 400; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-900 {
  font-weight: 900; }

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal; }

.f-s-italic {
  font-style: italic; }

.f-s-oblique {
  font-style: oblique; }

.f-s-initial {
  font-style: initial; }

.f-s-inherit {
  font-style: inherit; }

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-dashed {
  text-decoration: dashed; }

.text-blink {
  text-decoration: blink; }

.text-dotted {
  text-decoration: dotted; }

.text-initial {
  text-decoration: initial; }

.text-none {
  text-decoration: none; }

.text-solid {
  text-decoration: solid; }

.text-wavy {
  text-decoration: wavy; }

.text-inherit {
  text-decoration: inherit; }

.text-double {
  text-decoration: double; }

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline; }

.sub {
  vertical-align: sub; }

.super {
  vertical-align: super; }

.top {
  vertical-align: top; }

.text-top {
  vertical-align: text-top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.text-bottom {
  vertical-align: text-bottom; }

.initial {
  vertical-align: initial; }

.inherit {
  vertical-align: inherit; }

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-relative {
  position: relative; }

.p-initial {
  position: initial; }

.p-inherit {
  position: inherit; }

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden; }

.o-visible {
  overflow: visible; }

.o-auto {
  overflow: auto; }

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important; }

.img-h-10 {
  height: 10px !important; }

.img-20 {
  width: 20px !important; }

.img-h-20 {
  height: 20px !important; }

.img-30 {
  width: 30px !important; }

.img-h-30 {
  height: 30px !important; }

.img-40 {
  width: 40px !important; }

.img-h-40 {
  height: 40px !important; }

.img-50 {
  width: 50px !important; }

.img-h-50 {
  height: 50px !important; }

.img-60 {
  width: 60px !important; }

.img-h-60 {
  height: 60px !important; }

.img-70 {
  width: 70px !important; }

.img-h-70 {
  height: 70px !important; }

.img-80 {
  width: 80px !important; }

.img-h-80 {
  height: 80px !important; }

.img-90 {
  width: 90px !important; }

.img-h-90 {
  height: 90px !important; }

.img-100 {
  width: 100px !important; }

.img-h-100 {
  height: 100px !important; }

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important; }

.font-secondary {
  color: #FE6A49 !important; }

.font-success {
  color: #00AC46 !important; }

.font-danger {
  color: #FE6A49 !important; }

.font-info {
  color: #173878 !important; }

.font-light {
  color: #E6E9EB !important; }

.font-dark {
  color: #2c323f !important; }

.font-warning {
  color: #FFAE1A !important; }

.font-primary {
  color: var(--theme-deafult) !important; }

.font-secondary {
  color: var(--theme-secondary) !important; }

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize; }

.label-theme {
  background-color: #006666; }

.label-primary {
  background-color: #006666; }

.label-secondary {
  background-color: #FE6A49; }

.label-success {
  background-color: #00AC46; }

.label-danger {
  background-color: #FE6A49; }

.label-info {
  background-color: #173878; }

.label-light {
  background-color: #E6E9EB; }

.label-dark {
  background-color: #2c323f; }

.label-warning {
  background-color: #FFAE1A; }

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666; }

.badge-secondary {
  background-color: #FE6A49; }

.badge-success {
  background-color: #00AC46; }

.badge-danger {
  background-color: #FE6A49; }

.badge-info {
  background-color: #173878; }

.badge-light {
  background-color: #E6E9EB; }

.badge-dark {
  background-color: #2c323f; }

.badge-warning {
  background-color: #FFAE1A; }

.badge-primary {
  background-color: var(--theme-deafult) !important; }

.badge-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff; }

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff; }

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important; }

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-success {
  background-color: #00AC46 !important;
  color: #fff; }

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff; }

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important; }

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-info {
  background-color: #173878 !important;
  color: #fff; }

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff; }

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important; }

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff; }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff; }

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important; }

.bg-dark {
  background-color: #2c323f !important;
  color: #fff; }

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff; }

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important; }

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff; }

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff; }

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important; }

.bg-primary {
  background-color: var(--theme-deafult) !important; }

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6); }

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important; }

.txt-secondary {
  color: #FE6A49 !important; }

.txt-success {
  color: #00AC46 !important; }

.txt-danger {
  color: #FE6A49 !important; }

.txt-info {
  color: #173878 !important; }

.txt-light {
  color: #E6E9EB !important; }

.txt-dark {
  color: #2c323f !important; }

.txt-warning {
  color: #FFAE1A !important; }

.txt-google-plus {
  color: #c64e40 !important; }

.txt-twitter {
  color: #6fa2d8 !important; }

.txt-linkedin {
  color: #0077B5 !important; }

.txt-fb {
  color: #50598e !important; }

.txt-primary {
  color: var(--theme-deafult) !important; }

.txt-secondary {
  color: var(--theme-secondary) !important; }

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@keyframes push {
  50% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #006666 !important;
    border-color: #006666 !important; }
  .btn-primary:focus {
    box-shadow: unset !important; }

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-secondary:focus {
    box-shadow: unset !important; }

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }
  .btn-success:focus {
    box-shadow: unset !important; }

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-danger:focus {
    box-shadow: unset !important; }

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #173878 !important;
    border-color: #173878 !important; }
  .btn-info:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }
  .btn-light:focus {
    box-shadow: unset !important; }

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #2c323f !important;
    border-color: #2c323f !important; }
  .btn-dark:focus {
    box-shadow: unset !important; }

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }
  .btn-warning:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important; }
  .btn-light:hover {
    background-color: rgba(0, 102, 102, 0.1) !important;
    border-color: rgba(0, 102, 102, 0.1) !important; }

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important; }

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important; }

.btn-hover-effect:hover {
  animation: push 0.5s linear 1; }

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent; }
  .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-check {
  color: #006666 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #006666 !important; }
    .btn-check:checked + .btn-outline-primary {
      color: white !important;
      background-color: #006666 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-primary {
    border-color: #006666 !important;
    color: #006666 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-primary.disabled {
      color: #006666; }
    .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
      color: white !important;
      background-color: #006666 !important;
      border-color: #006666 !important;
      box-shadow: none !important; }

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary.disabled {
    color: #006666;
    border-color: #006666; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-secondary {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-secondary {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-secondary.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #00AC46 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #00AC46 !important; }
    .btn-check:checked + .btn-outline-success {
      color: white !important;
      background-color: #00AC46 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-success.disabled {
      color: #00AC46; }
    .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
      color: white !important;
      background-color: #00AC46 !important;
      border-color: #00AC46 !important;
      box-shadow: none !important; }

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success.disabled {
    color: #00AC46;
    border-color: #00AC46; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-danger {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-danger.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #173878 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #173878 !important; }
    .btn-check:checked + .btn-outline-info {
      color: white !important;
      background-color: #173878 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-info {
    border-color: #173878 !important;
    color: #173878 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-info.disabled {
      color: #173878; }
    .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
      color: white !important;
      background-color: #173878 !important;
      border-color: #173878 !important;
      box-shadow: none !important; }

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info.disabled {
    color: #173878;
    border-color: #173878; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: #fff !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #E6E9EB !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #E6E9EB !important; }
    .btn-check:checked + .btn-outline-light {
      color: white !important;
      background-color: #E6E9EB !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-light {
    border-color: #E6E9EB !important;
    color: #E6E9EB !important;
    background-color: transparent;
    color: #051A1A; }
    .btn-check + .btn-outline-light.disabled {
      color: #E6E9EB; }
    .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
      color: white !important;
      background-color: #E6E9EB !important;
      border-color: #E6E9EB !important;
      box-shadow: none !important; }

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A; }
  .btn-outline-light.disabled {
    color: #E6E9EB;
    border-color: #E6E9EB; }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: #fff !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: unset !important; }

.btn-check {
  color: #2c323f !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #2c323f !important; }
    .btn-check:checked + .btn-outline-dark {
      color: white !important;
      background-color: #2c323f !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-dark {
    border-color: #2c323f !important;
    color: #2c323f !important;
    background-color: transparent; }
    .btn-check + .btn-outline-dark.disabled {
      color: #2c323f; }
    .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
      color: white !important;
      background-color: #2c323f !important;
      border-color: #2c323f !important;
      box-shadow: none !important; }

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark.disabled {
    color: #2c323f;
    border-color: #2c323f; }
  .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FFAE1A !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FFAE1A !important; }
    .btn-check:checked + .btn-outline-warning {
      color: white !important;
      background-color: #FFAE1A !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important;
    background-color: transparent; }
    .btn-check + .btn-outline-warning.disabled {
      color: #FFAE1A; }
    .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
      color: white !important;
      background-color: #FFAE1A !important;
      border-color: #FFAE1A !important;
      box-shadow: none !important; }

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning.disabled {
    color: #FFAE1A;
    border-color: #FFAE1A; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: unset !important; }

.btn-primary.active:not([disabled]):not(.disabled) {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  box-shadow: none !important; }
  .btn-primary.active:not([disabled]):not(.disabled):hover, .btn-primary.active:not([disabled]):not(.disabled):focus, .btn-primary.active:not([disabled]):not(.disabled):active, .btn-primary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #003333;
    border-color: #003333; }

.btn-secondary.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-secondary.active:not([disabled]):not(.disabled):hover, .btn-secondary.active:not([disabled]):not(.disabled):focus, .btn-secondary.active:not([disabled]):not(.disabled):active, .btn-secondary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-success.active:not([disabled]):not(.disabled) {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  box-shadow: none !important; }
  .btn-success.active:not([disabled]):not(.disabled):hover, .btn-success.active:not([disabled]):not(.disabled):focus, .btn-success.active:not([disabled]):not(.disabled):active, .btn-success.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #007931;
    border-color: #007931; }

.btn-danger.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-danger.active:not([disabled]):not(.disabled):hover, .btn-danger.active:not([disabled]):not(.disabled):focus, .btn-danger.active:not([disabled]):not(.disabled):active, .btn-danger.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-info.active:not([disabled]):not(.disabled) {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  box-shadow: none !important; }
  .btn-info.active:not([disabled]):not(.disabled):hover, .btn-info.active:not([disabled]):not(.disabled):focus, .btn-info.active:not([disabled]):not(.disabled):active, .btn-info.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #0f244d;
    border-color: #0f244d; }

.btn-light.active:not([disabled]):not(.disabled) {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  box-shadow: none !important; }
  .btn-light.active:not([disabled]):not(.disabled):hover, .btn-light.active:not([disabled]):not(.disabled):focus, .btn-light.active:not([disabled]):not(.disabled):active, .btn-light.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #cad0d4;
    border-color: #cad0d4; }

.btn-dark.active:not([disabled]):not(.disabled) {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  box-shadow: none !important; }
  .btn-dark.active:not([disabled]):not(.disabled):hover, .btn-dark.active:not([disabled]):not(.disabled):focus, .btn-dark.active:not([disabled]):not(.disabled):active, .btn-dark.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #171a21;
    border-color: #171a21; }

.btn-warning.active:not([disabled]):not(.disabled) {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  box-shadow: none !important; }
  .btn-warning.active:not([disabled]):not(.disabled):hover, .btn-warning.active:not([disabled]):not(.disabled):focus, .btn-warning.active:not([disabled]):not(.disabled):active, .btn-warning.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #e69500;
    border-color: #e69500; }

.btn-outline-primary-2x.active:not([disabled]):not(.disabled) {
  background-color: #006666;
  border-color: #006666;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-primary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-primary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #006666 !important;
    border-color: #006666 !important; }

.btn-outline-secondary-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-secondary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-success-2x.active:not([disabled]):not(.disabled) {
  background-color: #00AC46;
  border-color: #00AC46;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-success-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-success-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-success-2x.active:not([disabled]):not(.disabled):active, .btn-outline-success-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }

.btn-outline-danger-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-danger-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):active, .btn-outline-danger-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-info-2x.active:not([disabled]):not(.disabled) {
  background-color: #173878;
  border-color: #173878;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-info-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-info-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-info-2x.active:not([disabled]):not(.disabled):active, .btn-outline-info-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #173878 !important;
    border-color: #173878 !important; }

.btn-outline-light-2x.active:not([disabled]):not(.disabled) {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-light-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-light-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-light-2x.active:not([disabled]):not(.disabled):active, .btn-outline-light-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }

.btn-outline-dark-2x.active:not([disabled]):not(.disabled) {
  background-color: #2c323f;
  border-color: #2c323f;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-dark-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):active, .btn-outline-dark-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important; }

.btn-outline-warning-2x.active:not([disabled]):not(.disabled) {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-warning-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):active, .btn-outline-warning-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important; }

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important; }

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important; }

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important; }

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important; }

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important; }

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666; }
  .table-styling .table-primary thead,
  .table-styling.table-primary thead {
    background-color: #003333;
    border: 3px solid #003333; }
  .table-styling .table-primary th,
  .table-styling .table-primary td,
  .table-styling.table-primary th,
  .table-styling.table-primary td {
    background-color: transparent; }

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-secondary thead,
  .table-styling.table-secondary thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-secondary th,
  .table-styling .table-secondary td,
  .table-styling.table-secondary th,
  .table-styling.table-secondary td {
    background-color: transparent; }

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46; }
  .table-styling .table-success thead,
  .table-styling.table-success thead {
    background-color: #007931;
    border: 3px solid #007931; }
  .table-styling .table-success th,
  .table-styling .table-success td,
  .table-styling.table-success th,
  .table-styling.table-success td {
    background-color: transparent; }

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-danger thead,
  .table-styling.table-danger thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-danger th,
  .table-styling .table-danger td,
  .table-styling.table-danger th,
  .table-styling.table-danger td {
    background-color: transparent; }

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878; }
  .table-styling .table-info thead,
  .table-styling.table-info thead {
    background-color: #0f244d;
    border: 3px solid #0f244d; }
  .table-styling .table-info th,
  .table-styling .table-info td,
  .table-styling.table-info th,
  .table-styling.table-info td {
    background-color: transparent; }

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB; }
  .table-styling .table-light thead,
  .table-styling.table-light thead {
    background-color: #cad0d4;
    border: 3px solid #cad0d4; }
  .table-styling .table-light th,
  .table-styling .table-light td,
  .table-styling.table-light th,
  .table-styling.table-light td {
    background-color: transparent; }

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f; }
  .table-styling .table-dark thead,
  .table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21; }
  .table-styling .table-dark th,
  .table-styling .table-dark td,
  .table-styling.table-dark th,
  .table-styling.table-dark td {
    background-color: transparent; }

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A; }
  .table-styling .table-warning thead,
  .table-styling.table-warning thead {
    background-color: #e69500;
    border: 3px solid #e69500; }
  .table-styling .table-warning th,
  .table-styling .table-warning td,
  .table-styling.table-warning th,
  .table-styling.table-warning td {
    background-color: transparent; }

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important; }

.stroke-secondary {
  stroke: #FE6A49 !important; }

.stroke-success {
  stroke: #00AC46 !important; }

.stroke-danger {
  stroke: #FE6A49 !important; }

.stroke-info {
  stroke: #173878 !important; }

.stroke-light {
  stroke: #E6E9EB !important; }

.stroke-dark {
  stroke: #2c323f !important; }

.stroke-warning {
  stroke: #FFAE1A !important; }

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878; }

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important; }

.b-t-primary {
  border-top: 1px solid #006666 !important; }

.border-t-primary {
  border-top: 1px solid #006666 !important; }

.b-b-primary {
  border-bottom: 1px solid #006666 !important; }

.border-b-primary {
  border-bottom: 1px solid #006666 !important; }

.b-l-primary {
  border-left: 1px solid #006666 !important; }

.border-l-primary {
  border-left: 1px solid #006666 !important; }

.b-r-primary {
  border-right: 1px solid #006666 !important; }

.border-r-primary {
  border-right: 1px solid #006666 !important; }

.b-secondary {
  border: 1px solid #FE6A49 !important; }

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.b-success {
  border: 1px solid #00AC46 !important; }

.b-t-success {
  border-top: 1px solid #00AC46 !important; }

.border-t-success {
  border-top: 1px solid #00AC46 !important; }

.b-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.border-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.b-l-success {
  border-left: 1px solid #00AC46 !important; }

.border-l-success {
  border-left: 1px solid #00AC46 !important; }

.b-r-success {
  border-right: 1px solid #00AC46 !important; }

.border-r-success {
  border-right: 1px solid #00AC46 !important; }

.b-danger {
  border: 1px solid #FE6A49 !important; }

.b-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.border-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.border-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.b-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.border-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.b-info {
  border: 1px solid #173878 !important; }

.b-t-info {
  border-top: 1px solid #173878 !important; }

.border-t-info {
  border-top: 1px solid #173878 !important; }

.b-b-info {
  border-bottom: 1px solid #173878 !important; }

.border-b-info {
  border-bottom: 1px solid #173878 !important; }

.b-l-info {
  border-left: 1px solid #173878 !important; }

.border-l-info {
  border-left: 1px solid #173878 !important; }

.b-r-info {
  border-right: 1px solid #173878 !important; }

.border-r-info {
  border-right: 1px solid #173878 !important; }

.b-light {
  border: 1px solid #E6E9EB !important; }

.b-t-light {
  border-top: 1px solid #E6E9EB !important; }

.border-t-light {
  border-top: 1px solid #E6E9EB !important; }

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.b-l-light {
  border-left: 1px solid #E6E9EB !important; }

.border-l-light {
  border-left: 1px solid #E6E9EB !important; }

.b-r-light {
  border-right: 1px solid #E6E9EB !important; }

.border-r-light {
  border-right: 1px solid #E6E9EB !important; }

.b-dark {
  border: 1px solid #2c323f !important; }

.b-t-dark {
  border-top: 1px solid #2c323f !important; }

.border-t-dark {
  border-top: 1px solid #2c323f !important; }

.b-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.border-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.b-l-dark {
  border-left: 1px solid #2c323f !important; }

.border-l-dark {
  border-left: 1px solid #2c323f !important; }

.b-r-dark {
  border-right: 1px solid #2c323f !important; }

.border-r-dark {
  border-right: 1px solid #2c323f !important; }

.b-warning {
  border: 1px solid #FFAE1A !important; }

.b-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.border-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.b-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.border-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.b-r-warning {
  border-right: 1px solid #FFAE1A !important; }

.border-r-warning {
  border-right: 1px solid #FFAE1A !important; }

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-6 {
  border-width: 6px !important; }

.border-7 {
  border-width: 7px !important; }

.border-8 {
  border-width: 8px !important; }

.border-9 {
  border-width: 9px !important; }

.border-10 {
  border-width: 10px !important; }

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px; }

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa; }

.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px; }

.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3); }

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f; }
  .line pre {
    font-size: 100%; }

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important; }

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .options > div {
    color: #86909C;
    padding: 2px 10px;
    border: 1px solid; }
    .options > div:hover {
      background-color: #006666;
      color: #fff;
      transition: background-color 0.3s ease; }

/**====== Animation css Ends ======**/
.modal-footer {
  flex-wrap: wrap; }

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0; }

.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0; }

.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px; }

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666; }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #006666 !important; }

.typeahead .theme-form .form-group {
  margin-bottom: 0; }

.primary .svg-fill {
  fill: var(--theme-deafult); }
  .primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-deafult); }

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important; }

.secondary .svg-fill {
  fill: var(--theme-secondary); }
  .secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary); }

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important; }

.success .svg-fill {
  fill: #00AC46; }

.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important; }

.warning .svg-fill {
  fill: #FFAE1A; }

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important; }

.dotted {
  border-style: dotted; }

.dashed {
  border-style: dashed; }

.double {
  border-style: double; }

.groove {
  border-style: groove; }

.ridge {
  border-style: ridge; }

.inset {
  border-style: inset; }

.outset {
  border-style: outset; }

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px; }
  75% {
    opacity: .6;
    top: 0; }
  100% {
    opacity: 1; } }

.code-box-copy {
  width: 100%;
  overflow: auto; }

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%; }
  .custom-rs-12 {
    width: 100%; } }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px; }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none; }

.bg-gray {
  background-color: var(--text-gray); }

.text-gray {
  color: var(--text-gray) !important; }

.common-flex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

.common-space {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2); }

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3); }

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important; }

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important; }

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666; }

.badge-light-secondary {
  background-color: white;
  color: #FE6A49; }

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46; }

.badge-light-danger {
  background-color: white;
  color: #FE6A49; }

.badge-light-info {
  background-color: #6e96e3;
  color: #173878; }

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c; }

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f; }

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A; }

.fc .fc-button-primary.fc-button-active:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult), 0.2) !important; }

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%;
      margin-left: 0px; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .invoice-table-data {
    background-color: #f9f9fa; }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

/**=====================
    1.1 Reset CSS Ends
==========================**/
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--theme-deafult); }

.nav i {
  margin-right: 10px; }

.nav-right {
  justify-content: flex-end; }

.nav-theme .nav-link,
.nav-pills.nav-theme .nav-link {
  color: var(--theme-deafult); }

.nav-theme .nav-link.active,
.nav-theme .show > .nav-link,
.nav-pills.nav-theme .nav-link.active,
.nav-pills.nav-theme .show > .nav-link {
  background-color: var(--theme-deafult);
  color: #fff; }

.nav-primary .nav-link,
.nav-pills.nav-primary .nav-link {
  color: var(--theme-deafult); }

.nav-primary .nav-link.active,
.nav-primary .show > .nav-link,
.nav-pills.nav-primary .nav-link.active,
.nav-pills.nav-primary .show > .nav-link {
  background-color: var(--theme-deafult);
  color: #fff; }

.nav-secondary .nav-link,
.nav-pills.nav-secondary .nav-link {
  color: #FE6A49; }

.nav-secondary .nav-link.active,
.nav-secondary .show > .nav-link,
.nav-pills.nav-secondary .nav-link.active,
.nav-pills.nav-secondary .show > .nav-link {
  background-color: #FE6A49;
  color: #fff; }

.nav-success .nav-link,
.nav-pills.nav-success .nav-link {
  color: #00AC46; }

.nav-success .nav-link.active,
.nav-success .show > .nav-link,
.nav-pills.nav-success .nav-link.active,
.nav-pills.nav-success .show > .nav-link {
  background-color: #00AC46;
  color: #fff; }

.nav-danger .nav-link,
.nav-pills.nav-danger .nav-link {
  color: #FE6A49; }

.nav-danger .nav-link.active,
.nav-danger .show > .nav-link,
.nav-pills.nav-danger .nav-link.active,
.nav-pills.nav-danger .show > .nav-link {
  background-color: #FE6A49;
  color: #fff; }

.nav-info .nav-link,
.nav-pills.nav-info .nav-link {
  color: #173878; }

.nav-info .nav-link.active,
.nav-info .show > .nav-link,
.nav-pills.nav-info .nav-link.active,
.nav-pills.nav-info .show > .nav-link {
  background-color: #173878;
  color: #fff; }

.nav-light .nav-link,
.nav-pills.nav-light .nav-link {
  color: #E6E9EB; }

.nav-light .nav-link.active,
.nav-light .show > .nav-link,
.nav-pills.nav-light .nav-link.active,
.nav-pills.nav-light .show > .nav-link {
  background-color: #E6E9EB;
  color: #fff; }

.nav-dark .nav-link,
.nav-pills.nav-dark .nav-link {
  color: #2c323f; }

.nav-dark .nav-link.active,
.nav-dark .show > .nav-link,
.nav-pills.nav-dark .nav-link.active,
.nav-pills.nav-dark .show > .nav-link {
  background-color: #2c323f;
  color: #fff; }

.nav-warning .nav-link,
.nav-pills.nav-warning .nav-link {
  color: #FFAE1A; }

.nav-warning .nav-link.active,
.nav-warning .show > .nav-link,
.nav-pills.nav-warning .nav-link.active,
.nav-pills.nav-warning .show > .nav-link {
  background-color: #FFAE1A;
  color: #fff; }

.nav-tabs.nav-bottom .nav-item .nav-link.active,
.nav-tabs.nav-bottom .nav-item .nav-link.focus,
.nav-tabs.nav-bottom .nav-item .nav-link.hover {
  border-color: #fff #dee2e6 #dee2e6; }

.tab-content ~ .nav-tabs.border-tab {
  margin-bottom: 0;
  margin-top: 30px; }

.border-tab.nav-tabs {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 30px; }
  .border-tab.nav-tabs .nav-item .nav-link {
    font-size: 16px;
    color: #2c323f;
    text-align: center;
    padding: 10px 25px;
    border: none;
    border-bottom: none;
    transition: 0.3s; }
    @media (min-width: 576px) and (max-width: 1920px) {
      .border-tab.nav-tabs .nav-item .nav-link {
        padding-top: 0; } }
    .border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus, .border-tab.nav-tabs .nav-item .nav-link:hover {
      color: var(--theme-deafult); }
    .border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus {
      border-bottom: none; }

.border-tab.nav-left .nav-link {
  transition: all 0.3s ease;
  color: #2c323f; }

.border-tab.nav-left .nav-link.active,
.border-tab.nav-left .show > .nav-link {
  background-color: transparent;
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult);
  border-radius: 0;
  transition: all 0.3s ease; }

.border-tab.nav-right .nav-link {
  border-right: 2px solid transparent;
  transition: all 0.3s ease;
  color: #2c323f;
  text-align: right; }

.border-tab.nav-right .nav-link.active,
.border-tab.nav-right .show > .nav-link {
  background-color: transparent;
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult);
  border-radius: 0;
  transition: all 0.3s ease; }

.border-tab.nav-theme .nav-link.active,
.border-tab.nav-theme .nav-item.show,
.border-tab.nav-theme .nav-link:focus,
.border-tab.nav-theme .nav-link:hover {
  color: var(--theme-deafult);
  background-color: transparent; }

.border-tab.nav-theme .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus {
    border-bottom: 2px solid var(--theme-deafult); }
  .border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus, .border-tab.nav-theme .nav-item .nav-link:hover {
    color: var(--theme-deafult); }

.border-tab.nav-left.nav-theme .nav-link.active,
.border-tab.nav-left.nav-theme .show > .nav-link {
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-right.nav-theme .nav-link.active,
.border-tab.nav-right.nav-theme .show > .nav-link {
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-primary .nav-link.active,
.border-tab.nav-primary .nav-item.show,
.border-tab.nav-primary .nav-link:focus,
.border-tab.nav-primary .nav-link:hover {
  color: var(--theme-deafult);
  background-color: transparent; }

.border-tab.nav-primary .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus {
    border-bottom: 2px solid var(--theme-deafult); }
  .border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus, .border-tab.nav-primary .nav-item .nav-link:hover {
    color: var(--theme-deafult); }

.border-tab.nav-left.nav-primary .nav-link.active,
.border-tab.nav-left.nav-primary .show > .nav-link {
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-right.nav-primary .nav-link.active,
.border-tab.nav-right.nav-primary .show > .nav-link {
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-secondary .nav-link.active,
.border-tab.nav-secondary .nav-item.show,
.border-tab.nav-secondary .nav-link:focus,
.border-tab.nav-secondary .nav-link:hover {
  color: #FE6A49;
  background-color: transparent; }

.border-tab.nav-secondary .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-secondary .nav-item .nav-link.active, .border-tab.nav-secondary .nav-item .nav-link.show, .border-tab.nav-secondary .nav-item .nav-link:focus {
    border-bottom: 2px solid #FE6A49; }
  .border-tab.nav-secondary .nav-item .nav-link.active, .border-tab.nav-secondary .nav-item .nav-link.show, .border-tab.nav-secondary .nav-item .nav-link:focus, .border-tab.nav-secondary .nav-item .nav-link:hover {
    color: #FE6A49; }

.border-tab.nav-left.nav-secondary .nav-link.active,
.border-tab.nav-left.nav-secondary .show > .nav-link {
  border-left-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-right.nav-secondary .nav-link.active,
.border-tab.nav-right.nav-secondary .show > .nav-link {
  border-right-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-success .nav-link.active,
.border-tab.nav-success .nav-item.show,
.border-tab.nav-success .nav-link:focus,
.border-tab.nav-success .nav-link:hover {
  color: #00AC46;
  background-color: transparent; }

.border-tab.nav-success .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-success .nav-item .nav-link.active, .border-tab.nav-success .nav-item .nav-link.show, .border-tab.nav-success .nav-item .nav-link:focus {
    border-bottom: 2px solid #00AC46; }
  .border-tab.nav-success .nav-item .nav-link.active, .border-tab.nav-success .nav-item .nav-link.show, .border-tab.nav-success .nav-item .nav-link:focus, .border-tab.nav-success .nav-item .nav-link:hover {
    color: #00AC46; }

.border-tab.nav-left.nav-success .nav-link.active,
.border-tab.nav-left.nav-success .show > .nav-link {
  border-left-color: #00AC46;
  color: #00AC46; }

.border-tab.nav-right.nav-success .nav-link.active,
.border-tab.nav-right.nav-success .show > .nav-link {
  border-right-color: #00AC46;
  color: #00AC46; }

.border-tab.nav-danger .nav-link.active,
.border-tab.nav-danger .nav-item.show,
.border-tab.nav-danger .nav-link:focus,
.border-tab.nav-danger .nav-link:hover {
  color: #FE6A49;
  background-color: transparent; }

.border-tab.nav-danger .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-danger .nav-item .nav-link.active, .border-tab.nav-danger .nav-item .nav-link.show, .border-tab.nav-danger .nav-item .nav-link:focus {
    border-bottom: 2px solid #FE6A49; }
  .border-tab.nav-danger .nav-item .nav-link.active, .border-tab.nav-danger .nav-item .nav-link.show, .border-tab.nav-danger .nav-item .nav-link:focus, .border-tab.nav-danger .nav-item .nav-link:hover {
    color: #FE6A49; }

.border-tab.nav-left.nav-danger .nav-link.active,
.border-tab.nav-left.nav-danger .show > .nav-link {
  border-left-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-right.nav-danger .nav-link.active,
.border-tab.nav-right.nav-danger .show > .nav-link {
  border-right-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-info .nav-link.active,
.border-tab.nav-info .nav-item.show,
.border-tab.nav-info .nav-link:focus,
.border-tab.nav-info .nav-link:hover {
  color: #173878;
  background-color: transparent; }

.border-tab.nav-info .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-info .nav-item .nav-link.active, .border-tab.nav-info .nav-item .nav-link.show, .border-tab.nav-info .nav-item .nav-link:focus {
    border-bottom: 2px solid #173878; }
  .border-tab.nav-info .nav-item .nav-link.active, .border-tab.nav-info .nav-item .nav-link.show, .border-tab.nav-info .nav-item .nav-link:focus, .border-tab.nav-info .nav-item .nav-link:hover {
    color: #173878; }

.border-tab.nav-left.nav-info .nav-link.active,
.border-tab.nav-left.nav-info .show > .nav-link {
  border-left-color: #173878;
  color: #173878; }

.border-tab.nav-right.nav-info .nav-link.active,
.border-tab.nav-right.nav-info .show > .nav-link {
  border-right-color: #173878;
  color: #173878; }

.border-tab.nav-light .nav-link.active,
.border-tab.nav-light .nav-item.show,
.border-tab.nav-light .nav-link:focus,
.border-tab.nav-light .nav-link:hover {
  color: #E6E9EB;
  background-color: transparent; }

.border-tab.nav-light .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-light .nav-item .nav-link.active, .border-tab.nav-light .nav-item .nav-link.show, .border-tab.nav-light .nav-item .nav-link:focus {
    border-bottom: 2px solid #E6E9EB; }
  .border-tab.nav-light .nav-item .nav-link.active, .border-tab.nav-light .nav-item .nav-link.show, .border-tab.nav-light .nav-item .nav-link:focus, .border-tab.nav-light .nav-item .nav-link:hover {
    color: #E6E9EB; }

.border-tab.nav-left.nav-light .nav-link.active,
.border-tab.nav-left.nav-light .show > .nav-link {
  border-left-color: #E6E9EB;
  color: #E6E9EB; }

.border-tab.nav-right.nav-light .nav-link.active,
.border-tab.nav-right.nav-light .show > .nav-link {
  border-right-color: #E6E9EB;
  color: #E6E9EB; }

.border-tab.nav-dark .nav-link.active,
.border-tab.nav-dark .nav-item.show,
.border-tab.nav-dark .nav-link:focus,
.border-tab.nav-dark .nav-link:hover {
  color: #2c323f;
  background-color: transparent; }

.border-tab.nav-dark .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-dark .nav-item .nav-link.active, .border-tab.nav-dark .nav-item .nav-link.show, .border-tab.nav-dark .nav-item .nav-link:focus {
    border-bottom: 2px solid #2c323f; }
  .border-tab.nav-dark .nav-item .nav-link.active, .border-tab.nav-dark .nav-item .nav-link.show, .border-tab.nav-dark .nav-item .nav-link:focus, .border-tab.nav-dark .nav-item .nav-link:hover {
    color: #2c323f; }

.border-tab.nav-left.nav-dark .nav-link.active,
.border-tab.nav-left.nav-dark .show > .nav-link {
  border-left-color: #2c323f;
  color: #2c323f; }

.border-tab.nav-right.nav-dark .nav-link.active,
.border-tab.nav-right.nav-dark .show > .nav-link {
  border-right-color: #2c323f;
  color: #2c323f; }

.border-tab.nav-warning .nav-link.active,
.border-tab.nav-warning .nav-item.show,
.border-tab.nav-warning .nav-link:focus,
.border-tab.nav-warning .nav-link:hover {
  color: #FFAE1A;
  background-color: transparent; }

.border-tab.nav-warning .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-warning .nav-item .nav-link.active, .border-tab.nav-warning .nav-item .nav-link.show, .border-tab.nav-warning .nav-item .nav-link:focus {
    border-bottom: 2px solid #FFAE1A; }
  .border-tab.nav-warning .nav-item .nav-link.active, .border-tab.nav-warning .nav-item .nav-link.show, .border-tab.nav-warning .nav-item .nav-link:focus, .border-tab.nav-warning .nav-item .nav-link:hover {
    color: #FFAE1A; }

.border-tab.nav-left.nav-warning .nav-link.active,
.border-tab.nav-left.nav-warning .show > .nav-link {
  border-left-color: #FFAE1A;
  color: #FFAE1A; }

.border-tab.nav-right.nav-warning .nav-link.active,
.border-tab.nav-right.nav-warning .show > .nav-link {
  border-right-color: #FFAE1A;
  color: #FFAE1A; }

.flex-space {
  display: flex;
  gap: 16px; }
  @media (max-width: 576px) {
    .flex-space {
      justify-content: center; } }
.tab-img {
  height: 100px; }

.nav-item .navlink-title {
  background-color: unset;
  padding: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.simple-wrapper .dropdown-collection .dropdown-item:hover, .simple-wrapper .dropdown-collection .dropdown-item:active {
  background-color: #E6E9EB !important; }

.blog-wrapper .blog-img {
  width: 100px;
  height: 100px; }

.designer-details {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px; }
  @media (max-width: 1400px) {
    .designer-details {
      gap: calc(14px + (35 - 14) * ((100vw - 320px) / (1400 - 320))); } }
  .designer-details .designer-profile {
    display: inline-block; }
    .designer-details .designer-profile .designer-wrap {
      display: flex;
      align-items: center;
      gap: 12px; }
      .designer-details .designer-profile .designer-wrap .designer-img {
        height: 50px;
        border-radius: 100%; }
      .designer-details .designer-profile .designer-wrap .designer-content h6 {
        font-weight: 500; }
      .designer-details .designer-profile .designer-wrap .designer-content p {
        color: #999999; }

.nav-tabs .nav-border {
  color: #000;
  border: none; }

.ico-color {
  color: #FFAE1A;
  font-size: 16px; }

.main-inbox .header-inbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #999999;
  padding-bottom: 8px; }
  .main-inbox .header-inbox .header-left-inbox {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap; }
    .main-inbox .header-inbox .header-left-inbox .inbox-img img {
      width: 50px;
      height: 50px;
      border-radius: 100%; }
  .main-inbox .header-inbox .header-right-inbox {
    display: flex;
    gap: 12px; }
    @media (max-width: 560px) {
      .main-inbox .header-inbox .header-right-inbox {
        display: none; } }
.main-inbox .body-inbox .body-h-wrapper {
  display: flex;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--light-border);
  align-items: center; }
  @media (max-width: 630px) {
    .main-inbox .body-inbox .body-h-wrapper {
      align-items: unset; } }
.tab-space {
  font-size: 14px; }

#bottom-tab .nav-border.tab-primary:hover {
  color: #006666; }

#bottom-tab .nav-border.tab-primary:focus, #bottom-tab .nav-border.tab-primary:active, #bottom-tab .nav-border.tab-primary.active {
  color: #006666;
  border-bottom: 2px solid #006666; }

#bottom-tab .nav-border.tab-secondary:hover {
  color: #FE6A49; }

#bottom-tab .nav-border.tab-secondary:focus, #bottom-tab .nav-border.tab-secondary:active, #bottom-tab .nav-border.tab-secondary.active {
  color: #FE6A49;
  border-bottom: 2px solid #FE6A49; }

#bottom-tab .nav-border.tab-success:hover {
  color: #00AC46; }

#bottom-tab .nav-border.tab-success:focus, #bottom-tab .nav-border.tab-success:active, #bottom-tab .nav-border.tab-success.active {
  color: #00AC46;
  border-bottom: 2px solid #00AC46; }

#bottom-tab .nav-border.tab-danger:hover {
  color: #FE6A49; }

#bottom-tab .nav-border.tab-danger:focus, #bottom-tab .nav-border.tab-danger:active, #bottom-tab .nav-border.tab-danger.active {
  color: #FE6A49;
  border-bottom: 2px solid #FE6A49; }

#bottom-tab .nav-border.tab-warning:hover {
  color: #FFAE1A; }

#bottom-tab .nav-border.tab-warning:focus, #bottom-tab .nav-border.tab-warning:active, #bottom-tab .nav-border.tab-warning.active {
  color: #FFAE1A;
  border-bottom: 2px solid #FFAE1A; }

#bottom-tab .nav-border.tab-info:hover {
  color: #173878; }

#bottom-tab .nav-border.tab-info:focus, #bottom-tab .nav-border.tab-info:active, #bottom-tab .nav-border.tab-info.active {
  color: #173878;
  border-bottom: 2px solid #173878; }

#bottom-tab .nav-border.tab-light:hover {
  color: #E6E9EB; }

#bottom-tab .nav-border.tab-light:focus, #bottom-tab .nav-border.tab-light:active, #bottom-tab .nav-border.tab-light.active {
  color: #E6E9EB;
  border-bottom: 2px solid #E6E9EB; }

#bottom-tab .nav-border.tab-dark:hover {
  color: #2c323f; }

#bottom-tab .nav-border.tab-dark:focus, #bottom-tab .nav-border.tab-dark:active, #bottom-tab .nav-border.tab-dark.active {
  color: #2c323f;
  border-bottom: 2px solid #2c323f; }

#sideline-tab .nav-effect {
  display: inline-block;
  position: relative; }
  #sideline-tab .nav-effect::after {
    content: '';
    position: absolute;
    left: 0;
    display: inline-block;
    height: 14px;
    width: 80%;
    border-bottom: 1px solid;
    margin-top: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transform: scale(0, 1); }
  #sideline-tab .nav-effect:hover::after {
    opacity: 1;
    transform: scale(1); }

.tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link:hover, .tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link.active {
  background-color: unset;
  border-left: none;
  border-radius: 0;
  transition: none; }

@media (max-width: 576px) {
  .pills-blogger {
    justify-content: center;
    flex-wrap: wrap; } }

::placeholder {
  font-size: 14px; }

.material-wrapper {
  display: flex;
  gap: 12px; }
  @media (max-width: 576px) {
    .material-wrapper {
      flex-direction: column;
      align-items: center; } }
/**=====================
    2.29 Tab CSS Ends
==========================**/
/**=====================
    2.30 Table CSS Start
==========================**/
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: #E6E9EB; }

tbody tr:last-child {
  border-bottom: none; }

.pills-component {
  width: 20%; }

#row_create td.highlight {
  font-weight: 600;
  color: #006666; }

#row_create td.danger {
  font-weight: 600;
  color: #FE6A49; }

.table {
  margin-bottom: 0px; }
  .table > :not(:last-child) > :last-child > * {
    border-bottom-color: #ecf3fa; }
  .table th,
  .table td {
    padding: 0.75rem; }
  .table.table-primary th {
    color: #fff; }
  .table thead.bg-primary tr th {
    color: #fff; }
  .table th {
    color: #051A1A;
    font-weight: 500; }
    .table th.f-light {
      color: var(--chart-text-color);
      opacity: 0.8; }
  .table td {
    color: #051A1A; }
  .table [class*='bg-'] {
    color: #fff; }
  .table .bg-light {
    color: #051A1A; }
  .table tfoot {
    font-weight: bold; }

.table-dark th {
  color: #fff; }

.table-inverse {
  background-color: #292b2c; }
  .table-inverse tr {
    border: 1px solid #fff; }
  .table-inverse th, .table-inverse.table-bordered {
    border: 0; }
  .table-inverse th {
    color: #fff;
    border-color: #fff; }
  .table-inverse td {
    color: #fff; }

.table-hover > tbody > tr:hover {
  --bs-table-accent-bg: #f6f6f6; }

.table-hover tbody tr {
  vertical-align: middle; }
  .table-hover tbody tr:hover {
    background-color: rgba(0, 102, 102, 0.1); }
  .table-hover tbody tr td svg {
    width: 30px;
    height: 30px;
    padding: 5px;
    border-radius: 4px;
    margin-right: 10px; }
    [dir="rtl"] .table-hover tbody tr td svg {
      margin-right: unset;
      margin-left: 10px; }

.typography-table tr:last-child {
  border-bottom: none; }
  .typography-table tr:last-child td {
    border-bottom: none; }

.table-double {
  border-left: 4px double #dee2e6;
  border-right: 4px double #dee2e6; }
  .table-double thead,
  .table-double tbody,
  .table-double tfoot,
  .table-double tr,
  .table-double td,
  .table-double th {
    border-style: double;
    border-width: 4px;
    border-right: 0;
    border-left: 0; }

.table-dotted {
  border-left: 2px dotted #dee2e6;
  border-right: 2px dotted #dee2e6; }
  .table-dotted thead,
  .table-dotted tbody,
  .table-dotted tfoot,
  .table-dotted tr,
  .table-dotted td,
  .table-dotted th {
    border-style: dotted !important;
    border-width: 2px;
    border-right: 0;
    border-left: 0; }

.table-dashed {
  border: 1px dashed #E6E9EB; }
  .table-dashed thead,
  .table-dashed tbody,
  .table-dashed tfoot,
  .table-dashed tr,
  .table-dashed td,
  .table-dashed th {
    border-style: dashed !important;
    border-width: 1px;
    border-right: 0;
    border-left: 0;
    border-bottom: 0px !important; }

.table-xl td,
.table-xl th {
  padding: 1.25rem 2rem;
  font-size: 120%; }

.table-lg td,
.table-lg th {
  padding: 0.9rem 2rem;
  font-size: 110%; }

.table-de td,
.table-de th {
  padding: 0.75rem 2rem; }

.table-sm th,
.table-sm td {
  padding: 0.5rem 2rem;
  font-size: 90%; }

.table-xs th,
.table-xs td {
  padding: 0.2rem 2rem;
  font-size: 80%; }

.table-border-horizontal tr,
.table-border-horizontal th,
.table-border-horizontal td {
  border-top: 1px solid #f2f4ff;
  padding: 0.75rem 2rem; }

.table-border-vertical tr,
.table-border-vertical th,
.table-border-vertical td {
  border-top: 0;
  border-right: 1px solid #f2f4ff; }

.table-border-vertical tr td {
  border-bottom: 0; }
  .table-border-vertical tr td:last-child {
    border-right: none; }

.table-border-vertical tbody tr th {
  border-bottom: 0; }

.table-bordernone td {
  border: none !important; }

.table-bordernone thead th {
  border: none !important; }

.table-bordernone .u-s-tb {
  padding: 11px; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--light-background);
  --bs-table-accent-bg: unset; }

.table-bordered thead,
.table-bordered tbody,
.table-bordered tfoot,
.table-bordered tr,
.table-bordered td,
.table-bordered th {
  border-color: rgba(153, 153, 153, 0.3); }

/**=====================
    2.30 Table CSS Ends
==========================**/
/**=====================
   2.31 Toasts CSS Start
==========================**/
.toast-container {
  position: unset; }

.toast {
  width: 350px;
  max-width: 100%;
  font-size: .875rem;
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }

.toast-index {
  z-index: 12; }
  .toast-index.toast:not(.showing):not(.show) {
    opacity: 0; }
  .toast-index.toast-fade {
    transition: opacity 0.15s linear; }
  .toast-index.show {
    display: block; }

.toast-img img {
  width: 30px;
  height: 30px; }

.bd-example-toasts {
  min-height: 400px; }

.toast:not(.showing):not(.show) {
  opacity: 0; }

.toast-content {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 65px;
  margin: 0 auto;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

[dir="rtl"] .toast-rtl .toast .toast-header strong {
  margin-right: unset !important;
  margin-left: auto !important; }

[dir="rtl"] .toast-rtl .toast .btn-close {
  margin-right: 6px;
  margin-left: unset; }

@media (max-width: 1920px) {
  .toast-dark .btn {
    padding: calc(6px + (6 - 6) * ((100vw - 320px) / (1920 - 320))) calc(4px + (28 - 4) * ((100vw - 320px) / (1920 - 320))); } }

.toast-icons {
  margin-right: 6px;
  width: 20px;
  height: 20px; }
  [dir="rtl"] .toast-icons {
    margin-right: unset;
    margin-left: 6px; }

/**=====================
   2.31 Toasts CSS Ends
==========================**/
/**=====================
  2.32 Touchspin CSS Start
==========================**/
.bootstrap-touchspin input.touchspin {
  padding: 0 12px; }

.bootstrap-touchspin .input-group .btn {
  padding: 0.5rem 1.75rem; }

.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical .bootstrap-touchspin-down {
    margin-top: -2px; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical i {
    position: absolute;
    top: 4px;
    left: 7px;
    font-size: 10px;
    font-weight: normal; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 9px;
    margin-left: -1px;
    position: relative; }

.bootstrap-touchspin .input-group {
  font-family: "Montserrat", sans-serif; }
  .bootstrap-touchspin .input-group .btn {
    border-radius: 0 !important; }

.bootstrap-touchspin .dropdown-basic .dropdown .dropbtn {
  padding: 9px 30px; }

.bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content {
  z-index: 9999; }

.touchspin-wrapper .btn-touchspin {
  border-radius: 5px;
  width: 32px;
  height: 32px; }

.touchspin-wrapper input[type='number'] {
  width: 85px;
  padding: 3px;
  text-align: center;
  height: 30px; }

.hover-touchspin .btn-touchspin.spin-border-dark:hover {
  background-color: #2c323f;
  color: #fff; }

.pre-post-touchspin .decrement-touchspin,
.pre-post-touchspin .increment-touchspin,
.pre-post-touchspin .input-group-text {
  padding: 7px 14px;
  border: 0; }

.pre-post-touchspin .input-group-text {
  background-color: var(--light-bg); }

.pre-post-touchspin .input-touchspin {
  border: 1px solid var(--course-light-btn);
  border-width: 2px;
  text-align: center; }

.pre-post-touchspin .input-group {
  width: auto; }
  @media (max-width: 768px) {
    .pre-post-touchspin .input-group .input-touchspin {
      width: 100px; } }
.pre-post-touchspin.bg-touchspin button[type='button'] {
  border: 1px solid var(--course-light-btn);
  border-width: 2px;
  text-align: center; }

.pre-post-touchspin .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.rounded-touchspin .btn-touchspin {
  border-radius: 50%; }

.rounded-touchspin .touchspin-wrapper input.input-touchspin[type="number"] {
  border-radius: 15px; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; }

/**=====================
    2.32 Touchspin CSS Ends
==========================**/
/**=====================
  2.33 Tour CSS Start
==========================**/
.introjs-helperLayer {
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); }

.introjs-tooltipReferenceLayer {
  background-color: transparent; }

.introjs-helperNumberLayer {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: #FE6A49;
  background: linear-gradient(to bottom, var(--theme-deafult) 0%, var(--theme-deafult) 100%);
  border: 3px solid #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); }

.introjs-arrow {
  border: 12px solid #fff; }
  .introjs-arrow.top {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-deafult);
    border-left-color: transparent; }
  .introjs-arrow.top-right {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-deafult);
    border-left-color: transparent; }
  .introjs-arrow.top-middle {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-deafult);
    border-left-color: transparent; }
  .introjs-arrow.right {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: var(--theme-deafult); }
  .introjs-arrow.right-bottom {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: var(--theme-deafult); }
  .introjs-arrow.bottom {
    border-top-color: var(--theme-deafult);
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  .introjs-arrow.left {
    border-top-color: transparent;
    border-right-color: var(--theme-deafult);
    border-bottom-color: transparent;
    border-left-color: transparent; }
  .introjs-arrow.left-bottom {
    border-top-color: transparent;
    border-right-color: var(--theme-deafult);
    border-bottom-color: transparent;
    border-left-color: transparent; }

.introjs-tooltip {
  background-color: var(--theme-deafult);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  color: #fff;
  border-color: var(--theme-deafult);
  min-width: calc(275px + (310 - 275) * ((100vw - 320px) / (1920 - 320)));
  max-width: 400px;
  min-height: 90px; }

.introjs-button {
  border: 1px solid #efefef;
  text-shadow: 1px 1px 0 #fff;
  color: #051A1A !important;
  background-color: #fff;
  background-image: linear-gradient(#fff, #fff);
  font-size: 13px; }
  .introjs-button:hover {
    border-color: #efefef; }
  .introjs-button:focus, .introjs-button:active {
    background-image: linear-gradient(#ecf3fa, #efefef); }

.introjs-skipbutton {
  color: var(--theme-deafult); }

.introjs-prevbutton.introjs-fullbutton {
  border: 1px solid #efefef; }

.introjs-disabled {
  color: var(--theme-deafult);
  border-color: #efefef; }
  .introjs-disabled:hover, .introjs-disabled:focus {
    color: var(--theme-deafult);
    border-color: #efefef; }

.introjs-bullets ul li a {
  background: #ecf3fa; }
  .introjs-bullets ul li a:hover {
    background: #fff; }
  .introjs-bullets ul li a.active {
    background: #fff; }

.introjs-progress {
  background-color: #E6E9EB; }

.introjs-progressbar {
  background-color: var(--theme-deafult); }

.introjs-hint:hover > .introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.57); }

.introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.27);
  background-color: rgba(136, 136, 136, 0.24); }

.introjs-hint-dot {
  border: 10px solid rgba(146, 146, 146, 0.36); }

.media-body .tour-wrapper {
  display: flex;
  align-items: center;
  gap: 8px; }
  .media-body .tour-wrapper .tour-dot {
    font-size: 5px; }

.tour-blog {
  height: 350px; }
  @media (max-width: 992px) {
    .tour-blog {
      height: calc(200px + (350 - 200) * ((100vw - 320px) / (992 - 320))); } }
  .tour-blog img {
    height: 100%;
    object-fit: cover; }

.info h6 {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); }

.info span {
  font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320))); }

.tour-email {
  display: flex;
  flex-direction: column; }
  @media (max-width: 576px) {
    .tour-email {
      align-items: center; } }
.block-ellipsis {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  margin: 0 auto;
  font-size: 14px;
  line-height: 26px !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.profile-img-style h5 {
  line-height: 25px; }

.list-inline .list-inline-item.b-r-gray {
  border-right: 1px solid #E6E9EB; }

.social-tour {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 26px; }
  .social-tour .list-inline {
    display: flex;
    justify-content: center;
    gap: calc(12px + (26 - 12) * ((100vw - 320px) / (1920 - 320))); }
    .social-tour .list-inline .list-inline-item {
      margin-right: 0; }
      .social-tour .list-inline .list-inline-item a {
        padding: 0px; }
        .social-tour .list-inline .list-inline-item a i {
          font-size: 18px; }
    @media (max-width: 599px) {
      .social-tour .list-inline {
        display: none; } }
  .social-tour .float-sm-end {
    min-width: 81px; }

.tour-mb-space {
  margin-bottom: calc(2px + (8 - 2) * ((100vw - 320px) / (1920 - 320))); }

.like-comment .list-inline {
  justify-content: flex-start; }
  @media (max-width: 324px) {
    .like-comment .list-inline {
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 8px; } }
  [dir="rtl"] .like-comment .list-inline .list-inline-item {
    border-right: 0;
    border-left: 1px solid #E6E9EB; }
  [dir="rtl"] .like-comment .list-inline .list-inline-item:last-child {
    border-right: 0;
    border-left: unset; }

/**=====================
  2.33 Tour CSS Ends
==========================**/
/**=====================
   2.34 Tree CSS Start
==========================**/
[dir="rtl"] .treejs .treejs-nodes {
  padding-left: unset;
  padding-right: 20px; }

[dir="rtl"] .treejs .treejs-node.treejs-placeholder {
  padding-right: 20px;
  padding-left: unset; }

.treejs .treejs-node__halfchecked > .treejs-checkbox:before {
  background-color: #006666 !important;
  border-color: #006666 !important; }

[dir="rtl"] .treejs .treejs-node__halfchecked > .treejs-checkbox:after {
  right: 3px;
  left: unset; }

.treejs .treejs-node__checked > .treejs-checkbox:before {
  background-color: #00AC46 !important;
  border-color: #2c323f !important; }

[dir="rtl"] .treejs .treejs-node__checked > .treejs-checkbox:after {
  right: 5px;
  left: unset; }

/**=====================
   2.34 Tree CSS Ends
==========================**/
/**=====================
    2.35 Typeahead-search CSS Start
==========================**/
.Typeahead {
  width: 100%; }
  .Typeahead * {
    box-sizing: border-box; }
    .Typeahead *:before {
      box-sizing: border-box; }
    .Typeahead *:after {
      box-sizing: border-box; }
  .Typeahead .tt-hint {
    display: none !important; }

.u-cf:before {
  content: " ";
  display: table; }

.u-cf:after {
  content: " ";
  display: table;
  clear: both; }

.u-hidden {
  display: none !important; }

.u-posRelative {
  position: relative; }

.Typeahead-spinner {
  position: absolute;
  top: 14px;
  right: 18px;
  display: none;
  color: #c5c5c5; }

.ProfileCard-avatar svg {
  height: 18px;
  vertical-align: bottom; }
  .ProfileCard-avatar svg path {
    color: #7e7c7c !important; }
  .ProfileCard-avatar svg polygon {
    color: #7e7c7c !important; }

.Typeahead-hint {
  width: 100%;
  padding: 5px 8px;
  font-size: 24px;
  line-height: 30px;
  border: 1px solid #024e6a;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  color: #ccd6dd;
  opacity: 1; }

.Typeahead-menu {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 15px;
  z-index: 100;
  display: none;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.Typeahead-menu.is-open {
  display: block; }

.Typeahead-selectable {
  cursor: pointer; }
  .Typeahead-selectable + .Typeahead-selectable {
    border-top: 1px solid #ccd6dd; }

.ProfileCard {
  position: relative;
  padding: 10px;
  border: 1px solid #E6E9EB !important;
  margin-bottom: 10px;
  border-radius: 10px; }
  .ProfileCard:hover {
    color: #414345;
    background: #f8f8f8; }
    .ProfileCard:hover .ProfileCard-avatar {
      border-color: #f5f8fa; }
    .ProfileCard:hover .ProfileCard-screenName {
      color: #fff; }
    .ProfileCard:hover .ProfileCard-stat-label {
      color: #fff; }

.ProfileCard-avatar {
  position: absolute;
  border-radius: 5px; }

.ProfileCard-details {
  padding-left: 35px;
  float: left; }

.ProfileCard-realName {
  display: inline-block;
  color: #898989; }

.ProfileCard-screenName {
  display: inline-block;
  color: #898989; }

.ProfileCard-description {
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px; }

.ProfileCard-stats {
  float: right;
  text-align: right; }

.ProfileCard-stat {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase; }
  .ProfileCard-stat + .ProfileCard-stat {
    margin-left: 5px; }

.ProfileCard-stat-label {
  color: #898989;
  font-weight: 500; }

.ProfileCard.is-active {
  color: #fff;
  background: var(--theme-deafult); }
  .ProfileCard.is-active .ProfileCard-screenName {
    color: #fff; }
  .ProfileCard.is-active .ProfileCard-stat-label {
    color: #fff; }

.EmptyMessage {
  position: relative;
  padding: 10px;
  font-size: 14px;
  line-height: 30px;
  text-align: center; }

.Typeahead-spinner {
  width: 1rem;
  height: 1rem; }

.sey-container {
  display: none;
  position: absolute;
  box-shadow: 1px 2px 6px;
  background-color: #fff;
  color: #333;
  transition: left 0.1s ease-in-out;
  z-index: 1; }

.sey-list {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.sey-show {
  display: block; }

.sey-hide {
  display: none; }

.sey-empty {
  cursor: default;
  padding: 7px; }

.sey-item {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 7px; }
  .sey-item:hover {
    background-color: #444;
    color: #fff; }

.sey-selected {
  background-color: #333;
  color: #fff; }

.sey-char-highlight {
  font-weight: bold; }

.sey-category-id {
  background-color: #eee;
  color: #aaa;
  text-align: right;
  text-transform: capitalize;
  font-style: italic;
  font-size: 12px;
  box-shadow: 1px 0px 1px;
  padding: 7px; }

/**=====================
  2.35 Typeahead-search CSS Ends
==========================**/
/**=====================
    2.8 Scrollbar CSS Start
==========================**/
[data-simplebar] {
  position: unset; }

.simplebar-mask {
  top: 80px; }

.simplebar-track {
  right: -2px; }
  .simplebar-track.simplebar-vertical {
    top: 100px;
    width: 10px; }
  .simplebar-track.simplebar-horizontal {
    visibility: hidden !important; }

.simplebar-scrollbar:before {
  background: rgba(0, 102, 102, 0.2); }

.scrollbar-images {
  margin-bottom: 12px; }

.visible-wrapper img {
  width: calc(230px + (330 - 230) * ((100vw - 320px) / (1920 - 320))) !important;
  height: calc(230px + (330 - 230) * ((100vw - 320px) / (1920 - 320))); }

.horizontal-scroll .horz-scroll-content .horizontal-img {
  height: 100%;
  max-width: 240px; }
  @media (max-width: 576px) {
    .horizontal-scroll .horz-scroll-content .horizontal-img {
      max-width: calc(220px + (240 - 220) * ((100vw - 320px) / (576 - 320))); } }
  .horizontal-scroll .horz-scroll-content .horizontal-img img {
    height: 100%;
    object-fit: cover; }

.scroll-demo.scroll-b-none {
  padding: 0;
  border: none; }

[dir="rtl"] .scroll-demo .scroll-rtl .list-group-item span {
  margin-right: auto; }

/**=====================
    2.8 Scrollbar CSS Ends
==========================**/
/**=====================
   3.1 Blog CSS start
==========================**/
.blog-box img {
  border-radius: 0.25rem; }

.blog-box .top-radius-blog {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.blog-box h6 {
  font-weight: 600;
  margin: 15px 0; }

.blog-box .blog-details {
  padding-right: 20px; }
  .blog-box .blog-details .blog-social {
    margin-top: 30px; }
    .blog-box .blog-details .blog-social li {
      display: inline-block;
      font-size: 12px;
      color: var(--body-font-color); }
      .blog-box .blog-details .blog-social li + li {
        padding-left: 20px;
        line-height: 1;
        padding-right: 0; }
      .blog-box .blog-details .blog-social li span {
        color: var(--body-font-color); }
      .blog-box .blog-details .blog-social li i {
        padding-right: 5px;
        font-weight: 300; }
      .blog-box .blog-details .blog-social li:first-child {
        border-right: 1px solid gray;
        padding-right: 20px; }

.blog-box .blog-details-main hr {
  background-color: #E6E9EB; }

.blog-box .blog-details-main .blog-social {
  margin: 20px 0; }
  .blog-box .blog-details-main .blog-social li {
    display: inline-block;
    font-size: 13px;
    color: var(--body-font-color);
    padding: 0 24px;
    border-right: 1px dotted; }
    @media (max-width: 1676px) {
      .blog-box .blog-details-main .blog-social li {
        padding: 0 10px; } }
    .blog-box .blog-details-main .blog-social li:last-child {
      border-right: 0; }
    .blog-box .blog-details-main .blog-social li i {
      padding-right: 5px; }

.blog-box .blog-details-main .blog-bottom-details {
  margin: 20px;
  font-size: 14px;
  line-height: 1.714;
  font-weight: 500; }

.blog-box .blog-date {
  color: var(--body-font-color); }
  .blog-box .blog-date span {
    font-size: 36px;
    font-weight: 600;
    padding-right: 5px; }

.blog-box.blog-shadow:before {
  box-shadow: inset 0px -200px 100px -13px rgba(0, 0, 0, 0.6);
  transition: all 0.3s ease;
  border-radius: 5px;
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
  bottom: 0; }

.blog-box.blog-shadow:hover:before {
  box-shadow: inset 0px -200px 100px -13px rgba(0, 0, 0, 0.65);
  transition: all 0.3s ease; }

.blog-box.blog-shadow .blog-details {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px; }
  .blog-box.blog-shadow .blog-details h4 {
    color: #fff;
    margin-bottom: 0; }
  .blog-box.blog-shadow .blog-details p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px; }
  .blog-box.blog-shadow .blog-details .blog-social li {
    color: #fff; }

.blog-list .blog-details .blog-social {
  margin-top: 0; }

.blog-list .blog-details h6 {
  margin-top: 0;
  color: gray;
  font-weight: 600; }

.blog-list .blog-details hr {
  margin-top: 10px;
  margin-bottom: 10px; }

.blog-list img {
  padding: 17px; }

.blog-grid img {
  width: 100%; }

.blog-grid .blog-details {
  padding: 20px; }
  .blog-grid .blog-details h6 {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.8; }

.blog-box {
  position: relative;
  max-height: 100%;
  align-items: center; }
  .blog-box .blog-details h6 {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
  .blog-box .blog-details p {
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.7px;
    margin-top: 30px;
    margin-bottom: 0;
    color: var(--body-font-color);
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
    @media (max-width: 1570px) {
      .blog-box .blog-details p {
        -webkit-line-clamp: 2; } }
  .blog-box .blog-details h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 20px;
    margin-bottom: 0; }
  .blog-box .blog-details .single-blog-content-top {
    margin-top: 20px;
    border-top: 1px solid #efefef; }
  .blog-box .blog-details .blog-social li,
  .blog-box .blog-details .comment-social li {
    font-size: 14px; }

.comment-box {
  padding-top: 50px; }
  .comment-box hr {
    margin-top: 20px;
    margin-bottom: 30px; }
  .comment-box li {
    margin-bottom: 30px; }
    .comment-box li:last-child {
      margin-bottom: 0; }
  .comment-box ul ul {
    margin-left: 135px; }
  .comment-box p {
    font-size: 14px;
    line-height: 2;
    color: var(--body-font-color);
    text-align: justify;
    margin-bottom: 0; }
  .comment-box h4 {
    font-weight: 600; }
  .comment-box .media img {
    margin-right: 30px;
    border-radius: 10px;
    height: 90px;
    padding: 7px;
    width: 90px;
    border: 1px solid #efefef; }
  .comment-box .media h6 {
    font-weight: 500;
    margin-bottom: 5px; }
    .comment-box .media h6 span {
      padding-left: 10px;
      font-size: 13px;
      color: var(--body-font-color);
      font-weight: 400; }
  .comment-box .comment-social li {
    display: inline-block;
    color: var(--body-font-color);
    padding-left: 20px;
    margin-bottom: 0;
    text-transform: uppercase; }
    .comment-box .comment-social li:first-child {
      border-right: 1px solid #efefef;
      padding-right: 20px; }
    .comment-box .comment-social li i {
      padding-right: 10px; }

/**=====================
   3.1 Blog CSS ends
==========================**/
/**=====================
    3.2 Bookmark-app CSS Start
==========================**/
.modal-bookmark .modal-body,
.modal-bookmark .modal-header {
  padding: 30px; }

.bookmark-wrap .details-bookmark .row > div + div {
  padding-right: 15px !important; }

.bookmark-wrap .left-bookmark {
  height: 700px; }
  .bookmark-wrap .left-bookmark .media .media-body p {
    color: #2c323f; }
  .bookmark-wrap .left-bookmark ul li button {
    color: #051A1A;
    border: none;
    cursor: pointer; }
    .bookmark-wrap .left-bookmark ul li button:focus {
      outline: none; }
  .bookmark-wrap .left-bookmark ul li svg {
    width: 18px;
    height: 18px;
    vertical-align: middle; }
  .bookmark-wrap .left-bookmark ul li > .main-title {
    color: var(--theme-deafult);
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
    font-size: 16px; }
    .bookmark-wrap .left-bookmark ul li > .main-title span a:hover {
      background-color: transparent; }
    .bookmark-wrap .left-bookmark ul li > .main-title svg {
      color: #898989;
      stroke-width: 1px; }
  .bookmark-wrap .left-bookmark ul li a > .title {
    text-transform: capitalize; }

.bookmark-wrap.todo-wrap .left-bookmark {
  height: unset; }

.form-bookmark a {
  text-transform: capitalize !important;
  color: var(--theme-deafult) !important;
  line-height: 1 !important;
  font-weight: 500; }
  .form-bookmark a:hover {
    background-color: transparent !important; }

.form-bookmark input#index_var {
  display: none; }

.form-bookmark input,
.form-bookmark select {
  font-size: 14px; }

.form-bookmark .select2-container .select2-selection--single {
  border-color: #ced4da; }

.form-bookmark .select2 {
  width: 100% !important; }

.form-bookmark .error {
  margin: 0 !important;
  font-size: 11px;
  color: red !important; }

.form-bookmark button {
  margin-top: 10px; }

@keyframes displayTransition {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.bookmark-tabcontent .details-bookmark {
  height: auto;
  min-height: 359px; }
  .bookmark-tabcontent .details-bookmark .bookmark-card {
    position: relative; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
      padding: 3px;
      border-radius: 4px;
      background-color: rgba(0, 0, 0, 0.2);
      width: 30px;
      position: absolute;
      right: 15px;
      top: 15px;
      opacity: 0; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon i {
        color: #fff;
        font-size: 16px;
        vertical-align: text-bottom; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon.favourite i {
        color: #fed112; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data {
      width: 100%; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data .content-general {
        display: none; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
      transition: 0.5s; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark {
      text-align: left;
      padding: 15px;
      border-top: 1px solid #E6E9EB;
      position: relative; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark h6 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark p {
        animation: displayTransition 1s; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block {
        opacity: 0;
        position: absolute;
        width: 100%;
        padding: 15px;
        top: 30px;
        left: 0; }
        .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li {
          display: inline-block; }
          .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li + li {
            margin-left: 5px; }
          .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li svg {
            width: 16px;
            height: 16px;
            color: #898989; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover {
      box-shadow: 1px 4px 16px 3px rgba(0, 0, 0, 0.04);
      transition: 0.5s; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark p {
        opacity: 0; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark .hover-block {
        opacity: 1;
        animation: displayTransition 2s; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .favourite-icon {
        opacity: 1; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .row > div {
    flex: 0 0 100%;
    max-width: 100%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .desciption-data .content-general {
    display: block; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website {
    display: flex;
    align-items: center; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
      opacity: 1; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
      position: absolute;
      right: 30px;
      opacity: 1;
      text-align: right; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block {
      opacity: 1;
      animation: displayTransition 0s; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark {
    border-top: none; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark p,
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 {
      margin-top: 0;
      display: inline-block; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 {
      position: relative;
      padding-right: 15px;
      margin-bottom: -5px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6::after {
        position: absolute;
        content: '-';
        right: 0;
        color: #898989; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general {
      margin-top: 5px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p {
        width: 68%;
        margin-right: 20px; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 20%; }

.bookmark-tabcontent .tab-content .card .d-flex {
  justify-content: space-between; }
  .bookmark-tabcontent .tab-content .card .d-flex svg {
    width: 18px;
    height: 18px;
    vertical-align: middle; }
  .bookmark-tabcontent .tab-content .card .d-flex ul li {
    display: inline-block; }
    .bookmark-tabcontent .tab-content .card .d-flex ul li + li {
      margin-left: 5px; }

.bookmark-tabcontent .tab-content .tab-pane > .card {
  box-shadow: none; }

@media only screen and (max-width: 1660px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p {
    display: none; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block {
    margin-top: 6px; } }

@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .bookmark-wrap .left-bookmark ul li .btn-block svg {
    display: none; } }

@media only screen and (max-width: 1366px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 40%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block {
    top: 80px; } }

@media only screen and (max-width: 1199px) {
  .bookmark-wrap .left-bookmark {
    height: auto; }
  .bookmark-tabcontent .details-bookmark {
    min-height: auto; } }

@media only screen and (max-width: 991px) {
  .modal-bookmark .modal-body,
  .modal-bookmark .modal-header {
    padding: 20px; } }

@media only screen and (max-width: 767px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 172px; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block p {
    display: none; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block ul {
    position: relative;
    right: unset;
    top: unset; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 45%; } }

@media only screen and (max-width: 575px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 100%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website {
    display: block; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark {
      padding-left: 15px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
        position: relative;
        right: unset;
        text-align: left;
        top: unset;
        padding: 0; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .content-general {
        display: none; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p,
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6 {
        display: block; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6::after {
        display: none; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
        margin-top: 15px; }
  .modal-bookmark .modal-body,
  .modal-bookmark .modal-header {
    padding: 15px; } }

/**=====================
  3.2 Bookmark-app CSS Ends
==========================**/
/**=====================
    3.3 Cart CSS start
==========================**/
.cart .total-amount {
  text-align: right !important;
  margin-top: 30px; }

.cart .amount-space {
  margin-left: 40px; }

.cart .cart-btn-transform {
  text-transform: capitalize; }

.cart .qty-box {
  width: 25%;
  margin: 0 auto; }
  .cart .qty-box .input-group .btn {
    background-color: #ddd !important;
    border-color: #ddd !important;
    padding: 8px 12px; }

.cart-buttons {
  margin-top: 30px; }
  .cart-buttons .cart-btn {
    float: right;
    padding-right: 85px; }

/**=====================
    3.3 Cart CSS Ends
==========================**/
/**=====================
   3.5 Chat CSS Start
==========================**/
.radial-bar.radial-bar-lg > img, .radial-bar.radial-bar-lg:after {
  width: 70px;
  height: 70px;
  margin-left: 15px;
  margin-top: 15px;
  line-height: 70px; }

.radial-bar.radial-bar-sm > img, .radial-bar.radial-bar-sm:after {
  width: 35px;
  height: 35px;
  margin-left: 7.5px;
  margin-top: 7.5px;
  line-height: 35px; }

.radial-bar.radial-bar-xs > img, .radial-bar.radial-bar-xs:after {
  width: 20px;
  height: 20px;
  margin-left: 5.5px;
  margin-top: 4.5px;
  line-height: 21px; }

.chart-block canvas {
  width: 100% !important; }

.chart-block .chart-overflow {
  overflow: hidden;
  text-align: center; }

.candidcahrt {
  width: 100%;
  height: 470px; }

.amcharts-export-canvas {
  position: absolute;
  display: none;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff; }
  .amcharts-export-canvas .canvas-container {
    transition: opacity .5s ease-out; }
  .amcharts-export-canvas.active {
    display: block; }
  .amcharts-export-canvas.dropbox .canvas-container {
    opacity: .5; }

.flot-chart-container {
  box-sizing: border-box;
  width: 100%;
  height: 400px; }
  .flot-chart-container #toggling-series-flot {
    width: 79% !important; }

.all-chart .flot-chart-container {
  height: 350px; }

.flot-chart-placeholder {
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 1.2em;
  text-align: center; }
  .flot-chart-placeholder .legend table {
    border-spacing: 5px; }

.morris-hover {
  position: absolute;
  z-index: 1; }
  .morris-hover.morris-default-style {
    border-radius: 10px;
    padding: 6px;
    color: #898989;
    background: #fff;
    border: solid 1px #ecf3fa;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    text-align: center; }
    .morris-hover.morris-default-style .morris-hover-row-label {
      font-weight: bold;
      margin: 0.25em 0; }
    .morris-hover.morris-default-style .morris-hover-point {
      white-space: nowrap;
      margin: 0.1em 0; }

.chart-sparkline {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  background: rgba(49, 49, 49, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  color: #fff;
  font: 10px "Montserrat", sans-serif, "Montserrat", sans-serif;
  text-align: left;
  white-space: nowrap;
  padding: 5px;
  border: 1px solid rgba(49, 49, 49, 0.75);
  box-sizing: content-box;
  z-index: 10000;
  border-radius: 5px; }
  .chart-sparkline .jqsfield {
    color: #fff;
    font: 10px "Montserrat", sans-serif, "Montserrat", sans-serif;
    text-align: left; }

.radial-bar {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  background-color: transparent;
  box-sizing: content-box;
  width: 80px;
  height: 80px;
  font-size: 18px;
  background-clip: content-box; }
  .radial-bar:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    color: #455a64;
    content: attr(data-label);
    background-color: #fff;
    z-index: 1;
    width: 56px;
    height: 56px;
    margin-left: 12px;
    margin-top: 12px;
    line-height: 56px; }
  .radial-bar > img {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    color: #455a64;
    z-index: 3;
    width: 56px;
    height: 56px;
    margin-left: 12px;
    margin-top: 12px;
    line-height: 56px; }

.radial-bar-danger.radial-bar-20 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(162deg, #FE6A49 50%, #efefef 50%, #efefef); }

.radial-bar.radial-bar-lg {
  width: 100px;
  height: 100px;
  font-size: 20px; }

.radial-bar.radial-bar-sm {
  width: 50px;
  height: 50px;
  font-size: 12px; }

.radial-bar.radial-bar-xs {
  width: 30px;
  height: 30px;
  font-size: 8px; }

.pieLabel div {
  color: #fff !important; }
  .pieLabel div input[type=checkbox] {
    margin: 7px; }

.knob-chart {
  min-height: 255px; }
  .knob-chart .chart-clock-main {
    position: relative;
    width: 200px;
    margin: 45px auto; }
    .knob-chart .chart-clock-main .clock-large {
      position: absolute;
      left: -48px;
      top: -45px; }
    .knob-chart .chart-clock-main .clock-medium {
      position: absolute;
      left: 2px;
      top: 5px; }
    .knob-chart .chart-clock-main .clock-small {
      position: absolute;
      left: 15px;
      top: 55px; }

.peity-charts svg {
  width: 100%;
  height: 250px; }

.peity-charts.peity-chart-primary svg polygon {
  fill: rgba(0, 102, 102, 0.2); }

.peity-charts.peity-chart-primary svg polyline {
  stroke: var(--theme-deafult); }

.bar-odd-even svg rect:nth-child(odd) {
  fill: var(--theme-deafult); }

.bar-odd-even svg rect:nth-child(even) {
  fill: var(--theme-secondary); }

.donut-peity svg path:nth-child(odd) {
  fill: var(--theme-deafult); }

.donut-peity svg path:nth-child(even) {
  fill: var(--theme-secondary); }

.small-donut ~ svg path:nth-child(odd),
.small-donut svg path:nth-child(odd),
.donut-peity2 ~ svg path:nth-child(odd),
.donut-peity2 svg path:nth-child(odd),
.pie-peity ~ svg path:nth-child(odd),
.pie-peity svg path:nth-child(odd) {
  fill: var(--theme-deafult); }

.small-donut ~ svg path:nth-child(even),
.small-donut svg path:nth-child(even),
.donut-peity2 ~ svg path:nth-child(even),
.donut-peity2 svg path:nth-child(even),
.pie-peity ~ svg path:nth-child(even),
.pie-peity svg path:nth-child(even) {
  fill: #efefef; }

.small-donut2 ~ svg path:nth-child(odd) {
  fill: var(--theme-secondary); }

.small-donut3 ~ svg path:nth-child(odd) {
  fill: #00AC46; }

.small-donut4 ~ svg path:nth-child(odd) {
  fill: #173878; }

.small-donut5 ~ svg path:nth-child(odd) {
  fill: #FFAE1A; }

.small-donut6 ~ svg path:nth-child(odd) {
  fill: #FE6A49; }

p.data-attributes svg {
  margin-right: 10px; }

.knob-block {
  position: relative; }
  .knob-block input {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    margin-left: 0 !important;
    margin-top: -3px !important; }

.knob-input-disable input {
  display: none !important; }

.apex-chart {
  margin: 0 auto; }

.apexcharts-toolbar {
  z-index: 1 !important; }

.apexcharts-menu-item {
  width: 110px; }

.word-tree {
  height: 400px; }

.ct-series-a .ct-slice-pie,
.ct-series-a .ct-slice-donut-solid,
.ct-series-a .ct-area {
  fill: var(--theme-deafult); }

.ct-series-a .ct-point,
.ct-series-a .ct-line,
.ct-series-a .ct-bar,
.ct-series-a .ct-slice-donut {
  stroke: var(--theme-deafult); }

.ct-series-b .ct-point,
.ct-series-b .ct-line,
.ct-series-b .ct-bar,
.ct-series-b .ct-slice-donut {
  stroke: var(--theme-secondary); }

.ct-series-b .ct-slice-pie,
.ct-series-b .ct-slice-donut-solid,
.ct-series-b .ct-area {
  fill: var(--theme-secondary); }

.ct-series-g .ct-point,
.ct-series-g .ct-line,
.ct-series-g .ct-bar,
.ct-series-g .ct-slice-donut {
  stroke: #FFAE1A; }

.ct-series-g .ct-slice-pie,
.ct-series-g .ct-slice-donut-dashed,
.ct-series-g .ct-area {
  fill: #FFAE1A; }

.apache-cotainer {
  width: 100%;
  height: 350px;
  margin: 0; }

.boxplot-cotainer {
  height: 420px; }

.apache-cotainer-large {
  width: 100%;
  height: 500px;
  margin: 0; }

.test-buttons button + button {
  margin-left: 10px; }

.clip-chart-wrapper .test-chart-block {
  margin-bottom: -30px; }

#echart-gauge .test-chart {
  width: 100%;
  height: 395px; }

.polar-line {
  height: 350px; }

#dotted {
  height: 390px; }

.apexcharts-canvas .apexcharts-tooltip,
.apexcharts-canvas .apexcharts-xaxistooltip,
.apexcharts-canvas .apexcharts-yaxistooltip {
  z-index: 1; }

@media (max-width: 1346px) {
  .flot-chart-container .flot-chart-placeholder ~ p.float-end {
    float: left !important; }
    [dir="rtl"] .flot-chart-container .flot-chart-placeholder ~ p.float-end {
      float: right !important; } }

/**=====================
    3.5 Chat CSS End
==========================**/
/**=====================
     14. Chat CSS Start
==========================**/
.status-circle {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 4px;
  left: 44px;
  border-radius: 50%;
  border: 2px solid #fff; }

.user-image {
  height: 52px;
  margin-right: 5px; }
  .user-image .about {
    float: left;
    margin-top: 5px;
    padding-left: 10px; }
    .user-image .about .name {
      color: #2c323f;
      letter-spacing: 1px;
      font-weight: 500; }

.left-sidebar-wrapper {
  padding: 20px;
  border-radius: 10px 0 0 10px;
  z-index: 1;
  border: 2px solid var(--white);
  border-right: unset;
  /* ===== Scrollbar CSS ===== */
  /* Firefox */
  /* Chrome, Edge, and Safari */ }
  [dir="rtl"] .left-sidebar-wrapper {
    border-left: unset; }
  @media (max-width: 767px) {
    .left-sidebar-wrapper {
      border-radius: 10px; } }
  .left-sidebar-wrapper * {
    scrollbar-width: auto;
    scrollbar-color: rgba(0, 102, 102, 0.2); }
  .left-sidebar-wrapper *::-webkit-scrollbar {
    width: 6px; }
  .left-sidebar-wrapper *::-webkit-scrollbar-track {
    background: transparent; }
  .left-sidebar-wrapper *::-webkit-scrollbar-thumb {
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 8px;
    border: 3px solid transparent; }
  .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
    background-color: var(--chart-progress-light);
    padding-right: 0;
    margin-right: 1px;
    border-right: none; }
    [dir="rtl"] .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
      padding-left: 0;
      padding-right: 12px;
      margin-left: 1px;
      border-left: none;
      margin-right: unset;
      border-right: unset; }
    .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text svg {
      width: 16px;
      height: 16px; }
  .left-sidebar-wrapper .left-sidebar-chat .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
    border-left: unset;
    background-color: var(--chart-progress-light); }
    [dir="rtl"] .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
      border-right: unset;
      border-left: 1px solid #ddd;
      border-radius: 0.25rem !important; }
    .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:focus, .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:focus-visible {
      border-color: var(--chart-dashed-border);
      box-shadow: unset; }
  .left-sidebar-wrapper .advance-options ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0; }
    .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
      color: var(--body-font-color);
      border-bottom: 2px solid transparent;
      background-color: transparent;
      padding: 16px 57px;
      text-decoration: unset; }
      @media (max-width: 1855px) {
        .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
          padding: 16px 45px; } }
      @media (max-width: 1663px) {
        .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
          padding: 16px 30px; } }
      @media (max-width: 1423px) {
        .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
          padding: 16px 28px; } }
      .left-sidebar-wrapper .advance-options ul .nav-item .nav-link:active, .left-sidebar-wrapper .advance-options ul .nav-item .nav-link.active {
        border-bottom: 2px solid var(--theme-deafult);
        color: var(--theme-deafult); }
  .left-sidebar-wrapper .advance-options .common-space {
    padding: 11px 0; }
    .left-sidebar-wrapper .advance-options .common-space p {
      margin: 0;
      color: var(--chart-text-color); }
    .left-sidebar-wrapper .advance-options .common-space .header-top .btn {
      padding: 6px 12px; }
      .left-sidebar-wrapper .advance-options .common-space .header-top .btn:hover i {
        color: var(--white); }
  .left-sidebar-wrapper .advance-options .chats-user {
    border-bottom: unset;
    height: 563px;
    overflow-y: auto; }
    .left-sidebar-wrapper .advance-options .chats-user li {
      gap: 10px;
      width: 100%;
      border-bottom: 1px solid var(--chart-dashed-border);
      cursor: pointer;
      padding: 11px; }
      .left-sidebar-wrapper .advance-options .chats-user li:hover {
        background-color: var(--light-slate); }
      @media (max-width: 1505px) {
        .left-sidebar-wrapper .advance-options .chats-user li {
          flex-wrap: wrap;
          gap: 1px; } }
      .left-sidebar-wrapper .advance-options .chats-user li:last-child {
        border-bottom: unset; }
      .left-sidebar-wrapper .advance-options .chats-user li .chat-time {
        display: flex;
        gap: 10px;
        align-items: center; }
        .left-sidebar-wrapper .advance-options .chats-user li .chat-time > div {
          text-align: left; }
          [dir="rtl"] .left-sidebar-wrapper .advance-options .chats-user li .chat-time > div {
            text-align: right; }
      @media (max-width: 1498px) {
        .left-sidebar-wrapper .advance-options .chats-user li > div {
          width: 100%;
          text-align: end; }
          [dir="rtl"] .left-sidebar-wrapper .advance-options .chats-user li > div {
            text-align: start; } }
.active-profile {
  position: relative; }
  .active-profile img {
    width: 42px;
    height: 42px; }
    @media (max-width: 1650px) {
      .active-profile img {
        width: 33px;
        height: 33px; } }
  .active-profile .status {
    position: absolute;
    height: 14px;
    width: 14px;
    border-radius: 100%;
    bottom: 5%;
    right: -2px;
    border: 3px solid var(--white); }
    [dir="rtl"] .active-profile .status {
      left: -2px;
      right: unset; }
    @media (max-width: 1600px) {
      .active-profile .status {
        width: 11px;
        height: 11px;
        border: 2px solid var(--white); } }
.contact-edit i {
  color: var(--chart-text-color);
  cursor: pointer; }
  .contact-edit i::after {
    content: unset; }

.contact-edit svg {
  cursor: pointer;
  width: 18px;
  height: 18px; }
  @media (max-width: 360px) {
    .contact-edit svg {
      width: 14px;
      height: 14px; } }
.contact-edit .dropdown-menu .dropdown-item:hover {
  background-color: var(--light-background);
  opacity: 1;
  text-decoration: unset; }

.contact-edit.chat-alert {
  width: 40px;
  height: 40px;
  background: var(--light-slate);
  display: fke;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px; }
  @media (max-width: 360px) {
    .contact-edit.chat-alert {
      width: 32px;
      height: 32px; } }
  @media (max-width: 340px) {
    .contact-edit.chat-alert {
      display: none; } }
.search-contacts {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .search-contacts .form-control {
    padding-inline: 35px; }
    .search-contacts .form-control:focus {
      box-shadow: unset;
      border-color: var(--chart-dashed-border); }
  .search-contacts svg {
    stroke: var(--chart-text-color);
    width: 18px;
    height: 18px;
    left: 10px;
    top: 10px;
    position: absolute; }
    [dir="rtl"] .search-contacts svg {
      left: unset;
      right: 10px; }
  .search-contacts .mic-search {
    right: 10px;
    top: 8px;
    position: absolute;
    left: unset; }
    [dir="rtl"] .search-contacts .mic-search {
      right: unset;
      left: 10px; }

.contact-wrapper {
  padding-top: 14px;
  border-bottom: unset;
  height: 526px;
  overflow-y: auto; }
  .contact-wrapper > p {
    line-height: 0;
    margin: 0;
    padding: 12px 0;
    font-size: 18px;
    font-weight: 500;
    color: var(--body-font-color); }
  .contact-wrapper ul li {
    width: 100%;
    cursor: pointer; }
    .contact-wrapper ul li .chat-time {
      display: flex;
      align-items: center;
      gap: 10px; }
      .contact-wrapper ul li .chat-time img {
        width: 42px;
        height: 42px; }
        @media (max-width: 1650px) {
          .contact-wrapper ul li .chat-time img {
            width: 33px;
            height: 33px; } }
      .contact-wrapper ul li .chat-time > div span {
        color: var(--body-font-color); }
    .contact-wrapper ul li svg {
      width: 18px;
      height: 18px; }
  .contact-wrapper ul:last-child .common-space {
    padding-bottom: unset; }

.right-sidebar-chat {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  z-index: 0;
  border: 2px solid var(--white);
  border-left: unset; }
  [dir="rtl"] .right-sidebar-chat {
    border-right: unset;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  @media (max-width: 767px) {
    .right-sidebar-chat {
      border-radius: 10px; } }
.right-sidebar-title {
  padding: 13px 25px;
  display: flex;
  justify-content: space-between; }
  .right-sidebar-title .common-space {
    width: 100%; }
    .right-sidebar-title .common-space .chat-time {
      display: flex;
      gap: 10px;
      align-items: center; }
      .right-sidebar-title .common-space .chat-time .active-profile img {
        width: 42px;
        height: 42px; }
        @media (max-width: 360px) {
          .right-sidebar-title .common-space .chat-time .active-profile img {
            width: 36px;
            height: 36px; } }
      .right-sidebar-title .common-space .chat-time div p {
        margin: 0;
        color: var(--chart-text-color); }
      .right-sidebar-title .common-space .chat-time ul li img {
        width: 42px;
        height: 42px; }
      .right-sidebar-title .common-space .chat-time.group-chat ul {
        display: flex; }
        .right-sidebar-title .common-space .chat-time.group-chat ul li img {
          border: 3px solid transparent; }
        .right-sidebar-title .common-space .chat-time.group-chat ul li + li {
          margin-left: -12px; }
          [dir="rtl"] .right-sidebar-title .common-space .chat-time.group-chat ul li + li {
            margin-left: unset;
            margin-right: -12px; }
          .right-sidebar-title .common-space .chat-time.group-chat ul li + li img {
            border: 3px solid var(--white); }
        .right-sidebar-title .common-space .chat-time.group-chat ul li img {
          width: 38px;
          height: 38px; }
        .right-sidebar-title .common-space .chat-time.group-chat ul li .profile-count {
          width: 38px;
          height: 38px; }
        @media (min-width: 768px) and (max-width: 1199px) {
          .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(2), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(3), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(5), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(6) {
            display: none; } }
        @media (min-width: 341px) and (max-width: 410px) {
          .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(2), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(3), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(5), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(6) {
            display: none; } }
      @media (max-width: 1045px) {
        .right-sidebar-title .common-space .chat-time.group-chat > div span,
        .right-sidebar-title .common-space .chat-time.group-chat > div p {
          display: none; } }
.msger-chat {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
  background: linear-gradient(0deg, #F5F6FA, #F5F6FA), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  height: 620px; }
  .msger-chat::-webkit-scrollbar {
    width: 6px; }
  .msger-chat::-webkit-scrollbar-track {
    background: #ddd; }
  .msger-chat::-webkit-scrollbar-thumb {
    background: #bdbdbd; }

.msg {
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px; }
  .msg:last-of-type {
    margin: 0; }

.msg-img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  background: #ddd;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%; }
  [dir="rtl"] .msg-img {
    margin-left: 10px;
    margin-right: unset; }

.msg-bubble {
  max-width: 450px;
  padding: 15px;
  border-radius: 15px; }

.msg-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px; }

.msg-info-name {
  margin-right: 10px;
  font-weight: bold; }
  [dir="rtl"] .msg-info-name {
    margin-left: 10px;
    margin-right: unset; }

.msg-info-time {
  font-size: 0.85em; }

.left-msg .msg-img {
  background-image: url(/../images/blog/4.jpg);
  width: 33px;
  height: 33px; }
  @media (max-width: 1200px) {
    .left-msg .msg-img {
      min-width: 16px;
      min-height: 16px; } }
.left-msg .msg-bubble {
  position: relative;
  border-radius: 15px;
  background: rgba(255, 192, 0, 0.8);
  color: var(--chart-text-color);
  width: calc(100% - 33px); }
  [dir="rtl"] .left-msg .msg-bubble {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: unset; }

.right-msg {
  flex-direction: row-reverse; }
  .right-msg .msg-bubble {
    color: var(--white);
    background: rgba(6, 174, 90, 0.8);
    width: calc(100% - 33px); }
    [dir="rtl"] .right-msg .msg-bubble {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: unset; }
  .right-msg .msg-img {
    margin: 0 0 0 10px;
    background-image: url(/../images/blog/comment.jpg);
    width: 33px;
    height: 33px; }
    @media (max-width: 1200px) {
      .right-msg .msg-img {
        min-width: 16px;
        min-height: 16px; } }
.msger-inputarea {
  display: flex;
  padding: 10px;
  border-top: 1px solid var(--chart-dashed-border);
  background: linear-gradient(0deg, #F5F6FA, #F5F6FA), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  align-items: center; }
  .msger-inputarea .dropdown-toggle::after {
    content: unset; }
  .msger-inputarea .dropdown-toggle .dropdown-menu {
    inset: unset !important; }
  .msger-inputarea .dropdown-form {
    position: relative; }
    .msger-inputarea .dropdown-form i {
      font-size: 16px;
      font-weight: 900;
      color: var(--theme-deafult);
      cursor: pointer;
      padding: 0; }
    .msger-inputarea .dropdown-form .chat-icon {
      position: absolute;
      left: 0 !important;
      bottom: 104px !important;
      background: transparent;
      box-shadow: unset; }
      [dir="rtl"] .msger-inputarea .dropdown-form .chat-icon {
        left: unset !important;
        right: 3px !important; }
      .msger-inputarea .dropdown-form .chat-icon div {
        width: 47px;
        height: 47px;
        border-radius: 50%;
        background-color: var(--white);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        opacity: 1; }
        .msger-inputarea .dropdown-form .chat-icon div svg {
          width: 42px;
          height: 42px;
          cursor: pointer; }
        .msger-inputarea .dropdown-form .chat-icon div:nth-child(1) svg {
          fill: var(--chart-text-color);
          stroke: none; }
        .msger-inputarea .dropdown-form .chat-icon div:nth-child(2) svg {
          stroke: var(--chart-text-color);
          fill: none; }
        .msger-inputarea .dropdown-form .chat-icon div:hover {
          background-color: var(--theme-deafult);
          opacity: 1; }
          .msger-inputarea .dropdown-form .chat-icon div:hover:nth-child(1) svg {
            fill: var(--white); }
          .msger-inputarea .dropdown-form .chat-icon div:hover:nth-child(2) svg {
            stroke: var(--white); }
  .msger-inputarea .msger-send-btn i {
    color: var(--white); }
  .msger-inputarea * {
    padding: 10px;
    border: none;
    border-radius: 3px;
    font-size: 1em; }

.msger-input {
  flex: 1;
  background: transparent; }
  .msger-input:focus, .msger-input:focus-visible {
    outline: unset; }

.fg-emoji-container {
  left: calc(10px + (1405 - 10) * ((100vw - 320px) / (1920 - 320))) !important; }
  [dir="rtl"] .fg-emoji-container {
    right: calc(10px + (1405 - 10) * ((100vw - 320px) / (1920 - 320))) !important;
    left: unset !important; }
  @media (min-width: 860px) and (max-width: 945px) {
    .fg-emoji-container {
      left: 417px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 417px; } }
  @media (min-width: 686px) and (max-width: 860px) {
    .fg-emoji-container {
      left: 360px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 360px; } }
  @media (min-width: 588px) and (max-width: 770px) {
    .fg-emoji-container {
      left: 200px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 200px; } }
  @media (min-width: 546px) and (max-width: 588px) {
    .fg-emoji-container {
      left: 144px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 144px; } }
  @media (min-width: 500px) and (max-width: 546px) {
    .fg-emoji-container {
      left: 88px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 88px; } }
  @media (max-width: 500px) {
    .fg-emoji-container {
      left: 22px !important;
      width: 262px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 22px; } }
  .fg-emoji-container .fg-emoji-nav {
    background-color: var(--chart-text-color); }
  .fg-emoji-container #fg-emoji-picker-move {
    display: none; }

.open-emoji {
  padding: 0; }
  .open-emoji button {
    z-index: 0;
    position: relative;
    padding: 0 14px;
    background: transparent; }
    .open-emoji button::before {
      content: "\f118";
      font-family: "FontAwesome";
      z-index: 1;
      position: relative;
      font-size: 20px;
      color: var(--text-gray); }

.second-btn {
  z-index: 0;
  position: relative;
  padding: 0 14px;
  background: transparent; }
  .second-btn::before {
    content: "\f118";
    font-family: "FontAwesome";
    z-index: 1;
    position: relative;
    font-size: 20px;
    color: var(--text-gray); }

.msger-send-btn {
  margin-left: 10px;
  background: var(--theme-deafult);
  width: 40px;
  height: 39px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.23s;
  display: flex;
  align-items: center;
  justify-content: center; }
  [dir="rtl"] .msger-send-btn {
    margin-left: unset;
    margin-right: 10px; }
  .msger-send-btn svg {
    width: 1px;
    height: 12px; }

.custom-name {
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px; }
  @media (max-width: 1650px) {
    .custom-name {
      width: 33px;
      height: 33px; } }
/**=====================
    14.  Chat CSS Ends
==========================**/
/**=====================
   3.6 Checkout CSS start
==========================**/
.checkout .checkout-details {
  background-color: #f9f9f9;
  border: 1px solid #dddddd;
  padding: 40px; }
  .checkout .checkout-details .order-place {
    margin-top: 15px; }

.order-box .title-box {
  padding-bottom: 20px;
  color: #444444;
  font-size: 22px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 20px; }
  .order-box .title-box span {
    width: 35%;
    float: right;
    font-weight: 600;
    text-align: right; }
  .order-box .title-box h4 {
    font-weight: 600; }
  .order-box .title-box .checkbox-title {
    display: flex;
    justify-content: space-between; }

.order-box .sub-total li {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 20px;
  margin-bottom: 20px;
  width: 100%; }
  .order-box .sub-total li .count {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    width: 35%;
    float: right;
    text-align: right; }

.order-box .sub-total .shipping-class {
  margin-bottom: 12px; }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    margin-top: -4px;
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: var(--theme-deafult);
    font-weight: 400;
    width: 35%;
    float: right;
    text-align: right; }

.order-box .total {
  position: relative;
  margin-bottom: 30px; }
  .order-box .total li {
    position: relative;
    display: block;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    font-size: 18px; }

.order-box .qty {
  position: relative;
  border-bottom: 1px solid #ededed;
  margin-bottom: 30px; }
  .order-box .qty li {
    position: relative;
    display: block;
    font-size: 15px;
    color: #444444;
    line-height: 20px;
    margin-bottom: 20px; }
    .order-box .qty li span {
      float: right;
      font-size: 18px;
      line-height: 20px;
      color: #232323;
      font-weight: 400;
      width: 35%;
      text-align: right; }

.radio-option {
  position: relative; }

.img-paypal {
  width: 30%;
  margin-left: 15px; }

/**=====================
    86. Checkout CSS Ends
==========================**/
/**=====================
    Responsive CSS Start
==========================**/
@media screen and (max-width: 1199px) {
  .checkout .checkout-details {
    padding: 25px; }
  .order-box .title-box span {
    width: 30%; }
  .order-box .sub-total li .count {
    width: 38%; }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 46%; }
  .order-box .qty li span {
    width: 38%; }
  .order-box .total li .count {
    width: 38%; } }

@media screen and (max-width: 991px) {
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 38%; } }

@media screen and (max-width: 575px) {
  .checkout .checkout-details {
    padding: 15px; }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 50%; }
  .order-box .sub-total li .count {
    width: 50%; } }

/**=====================
   3.6 Checkout CSS ends
==========================**/
/**=====================
    3.7 Comingsoon CSS Start
==========================**/
.comingsoon-bgimg {
  background: url(/../images/admin/other-images/coming-soon-bg.jpg);
  background-position: bottom;
  background-size: cover; }

.comingsoon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 50px 0; }
  .comingsoon .comingsoon-inner h5 {
    font-size: 18px;
    letter-spacing: 1px;
    color: #051A1A;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 30px; }
  .comingsoon .comingsoon-inner .countdown {
    padding: 30px 0;
    border-top: 1px solid #E6E9EB;
    border-bottom: 1px solid #E6E9EB; }
    .comingsoon .comingsoon-inner .countdown .time {
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      color: #fff;
      font-weight: 500;
      width: 100px;
      height: 100px;
      font-size: 36px;
      background: var(--theme-deafult); }
    .comingsoon .comingsoon-inner .countdown .title {
      padding-top: 13px;
      font-size: 14px;
      font-weight: 400;
      color: #051A1A;
      text-transform: uppercase;
      letter-spacing: 1px; }
    .comingsoon .comingsoon-inner .countdown ul li {
      display: inline-block;
      text-transform: uppercase;
      margin: 0 20px; }
      .comingsoon .comingsoon-inner .countdown ul li span {
        display: block; }
  .comingsoon video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    transition: 1s opacity; }

/**=====================
  3.7 Comingsoon CSS Ends
==========================**/
/**=====================
    3.8 Contacts CSS Start
==========================**/
.alert-contactadd {
  background-color: #fff;
  border: 1px solid var(--theme-deafult);
  width: 12%;
  padding: 10px; }

.updateimg {
  position: absolute;
  left: 15px;
  width: 100px;
  top: 32px;
  line-height: 93px;
  opacity: 0; }

#right-history {
  top: 81px;
  right: -320px;
  height: 100%;
  position: fixed;
  width: 320px;
  z-index: 9;
  background-color: #fff;
  transition: .5s;
  box-shadow: 0 0 9px rgba(191, 191, 191, 0.36); }
  [dir="rtl"] #right-history {
    right: unset;
    left: -320px; }
  #right-history .modal-header {
    border-bottom: 1px solid #E6E9EB; }
  #right-history h6 span a {
    color: #051A1A; }
  #right-history.show {
    right: 0;
    transition: .3s; }
    [dir="rtl"] #right-history.show {
      right: unset;
      left: 0; }

.history-details > div {
  padding: 30px 0; }

.history-details .media {
  padding: 30px 15px;
  border-top: 1px solid #E6E9EB; }
  .history-details .media i {
    padding: 5px;
    background: #fed112;
    color: #fff;
    border-radius: 100%; }
  .history-details .media h6 {
    margin-bottom: 5px; }

.delete-contact {
  display: none; }

.more-data {
  animation: displayTransition 1s; }

.contact-editform {
  padding: 30px;
  animation: displayTransition 1s; }
  .contact-editform a {
    display: block; }
  .contact-editform button {
    margin-top: 30px; }
  .contact-editform .select2-container .select2-selection--single {
    height: 39px !important;
    border-color: #ced4da !important; }

#deletemodal .modal-header {
  border-bottom: none; }
  #deletemodal .modal-header .delete-data span svg {
    vertical-align: middle;
    margin-right: 15px; }

.contact-options li .btn-category {
  line-height: 39px;
  border-radius: 3px;
  padding-left: 40px !important;
  padding: 0;
  color: var(--theme-deafult);
  font-weight: 500; }

.list-persons p {
  font-family: "Montserrat", sans-serif; }

.list-persons .profile-mail {
  padding: 30px 0; }
  .list-persons .profile-mail .media img {
    height: 50px;
    width: 50px !important; }
  .list-persons .profile-mail .media .media-body ul {
    margin-top: 5px; }
    .list-persons .profile-mail .media .media-body ul li {
      display: inline-block; }
      .list-persons .profile-mail .media .media-body ul li a {
        font-size: 13px; }
      .list-persons .profile-mail .media .media-body ul li + li {
        padding-left: 10px;
        margin-left: 5px;
        border-left: 2px solid #E6E9EB; }
  .list-persons .profile-mail .email-general {
    padding-top: 50px; }
    .list-persons .profile-mail .email-general ul {
      padding-right: 20px; }
      .list-persons .profile-mail .email-general ul li {
        color: #898989;
        padding-bottom: 10px;
        margin-bottom: 10px; }
        .list-persons .profile-mail .email-general ul li:last-child {
          padding-bottom: 0;
          margin-bottom: 0; }
        .list-persons .profile-mail .email-general ul li > span {
          float: right; }
    .list-persons .profile-mail .email-general p span {
      margin-left: 30px; }
    .list-persons .profile-mail .email-general .gender {
      margin-top: 30px; }

.contacts-tabs .nav-pills {
  border-right: 1px solid #E6E9EB;
  height: 100%; }
  .contacts-tabs .nav-pills .nav-link.active,
  .contacts-tabs .nav-pills .nav-link > .nav-link,
  .contacts-tabs .nav-pills .show.active,
  .contacts-tabs .nav-pills .show > .nav-link {
    background-color: rgba(0, 102, 102, 0.05);
    color: #051A1A; }
  .contacts-tabs .nav-pills .nav-link {
    color: #051A1A;
    padding: 0; }
    .contacts-tabs .nav-pills .nav-link .media .img-50 {
      height: 50px; }
    .contacts-tabs .nav-pills .nav-link + .nav-link {
      border-top: 1px solid #E6E9EB;
      border-radius: 0px; }
  .contacts-tabs .nav-pills .media {
    padding: 20px; }

.contacts-tabs .tab-content .tab-content-child {
  animation: displayTransition 1s; }

@media only screen and (max-width: 991px) {
  #right-history {
    top: 60px; }
  .updateimg {
    top: 21px; }
  .list-persons .profile-mail {
    padding: 20px; }
    .list-persons .profile-mail .email-general .gender {
      margin-top: 20px; }
  .contact-editform button {
    margin-top: 20px; } }

@media only screen and (max-width: 767px) {
  .contact-editform {
    padding: 20px; }
    .contact-editform.pl-0 {
      padding-left: 20px !important; }
  .contacts-tabs .nav-pills {
    border-right: none;
    border-bottom: 1px solid #E6E9EB; } }

@media only screen and (max-width: 575px) {
  #right-history {
    width: 270px; }
  .updateimg {
    top: 16px;
    left: 29px; }
  .contacts-tabs .media img.m-r-20 {
    margin-right: 15px; }
  .contacts-tabs .nav-pills .media {
    padding: 15px; }
  .list-persons .profile-mail {
    padding: 15px; }
    .list-persons .profile-mail .email-general .gender {
      margin-top: 15px; }
  .list-persons .nav-pills .nav-link .media .media-body {
    text-align: left; }
  .contact-editform {
    padding: 15px; }
    .contact-editform button {
      margin-top: 15px; }
    .contact-editform.pl-0 {
      padding-left: 15px !important; }
  .contact-editform form .row > div .row > div > div,
  .contact-options form .row > div .row > div > div {
    margin-bottom: 0; }
  .contact-editform form .row > div .row > div + div,
  .contact-options form .row > div .row > div + div {
    margin-top: 15px; } }

@media only screen and (max-width: 360px) {
  .updateimg {
    line-height: 73px;
    width: 80px; }
  .list-persons .profile-mail .email-general p span {
    margin-left: 10px; }
  .list-persons .profile-mail .media {
    display: block; }
    .list-persons .profile-mail .media img {
      height: 80px;
      width: 80px !important;
      margin-bottom: 15px; } }

.dark-contact .nav .nav-link .media .media-body h6 {
  color: var(--body-font-color); }

/**=====================
   3.8 Contacts CSS Ends
==========================**/
/**=====================
    3.9 Dashboard_2 CSS Start
==========================**/
.widget-decor {
  position: absolute;
  height: 60px;
  right: 0;
  top: 50%;
  transform: translateY(-50%); }

.activity-group::before {
  content: "";
  border-left: 1px dashed #E6E9EB;
  position: absolute;
  left: 0px;
  height: calc(100% - 50px); }

.balance-widget {
  background-image: url(/../images/dashboard-2/balance-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right; }
  .balance-widget .mobile-right-img {
    position: absolute;
    top: 10px;
    right: 15px; }
    .balance-widget .mobile-right-img .left-mobile-img {
      margin-right: -20px; }
    .balance-widget .mobile-right-img .mobile-img {
      height: 130px; }
    [dir="rtl"] .balance-widget .mobile-right-img {
      right: unset;
      left: 15px; }
    @media (max-width: 480px) {
      .balance-widget .mobile-right-img {
        right: 0; }
        .balance-widget .mobile-right-img .mobile-img {
          height: 100px; }
        [dir="rtl"] .balance-widget .mobile-right-img {
          right: unset;
          left: 0; } }
  [dir="rtl"] .balance-widget {
    text-align: right; }
  .balance-widget.card-body {
    padding: 20px 15px; }
  .balance-widget .purchase-btn {
    min-width: 170px; }

.range_4 .slider-container {
  position: relative;
  height: 45px;
  margin: 0 20px; }
  .range_4 .slider-container .range-slider_thumb {
    width: 46px;
    height: 26px;
    border-radius: 6px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #006666;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    z-index: 2; }
    [data-theme="dark"] .range_4 .slider-container .range-slider_thumb {
      background-color: var(--body-color); }
  .range_4 .slider-container .range-slider_line {
    height: 7px;
    width: 100%;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 10px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    position: absolute;
    z-index: 1; }
    [data-theme="dark"] .range_4 .slider-container .range-slider_line {
      background-color: var(--body-color); }
    .range_4 .slider-container .range-slider_line .range-slider_line-fill {
      position: absolute;
      height: 7px;
      width: 0;
      background-color: #006666;
      border-radius: 10px 0 0 10px; }
  .range_4 .slider-container .range-slider_input {
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 4px;
    opacity: 0;
    margin: 0; }
    .range_4 .slider-container .range-slider_input::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 100px;
      height: 100px;
      cursor: pointer;
      border-radius: 50%;
      opacity: 0; }
    .range_4 .slider-container .range-slider_input::-moz-range-thumb {
      width: 14vmin;
      height: 14vmin;
      cursor: pointer;
      border-radius: 50%;
      opacity: 0; }

.small-widget {
  overflow: hidden; }
  .small-widget .card-body {
    padding: 20px; }
    .small-widget .card-body h6 {
      font-size: 14px;
      font-weight: 500;
      color: var(--body-font-color); }
    .small-widget .card-body .product-sub {
      height: 45px;
      width: 45px;
      border-radius: 6px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .small-widget .card-body .product-sub .invoice-icon {
        height: 24px;
        cursor: pointer;
        width: 24px; }
  .small-widget:hover {
    transform: translateY(-5px);
    transition: 0.5s; }
    .small-widget:hover .project-details svg {
      animation: tada 1.5s ease infinite; }
    .small-widget:hover .bg-gradient svg {
      animation: tada 1.5s ease infinite; }

@media (max-width: 1470px) {
  .appointment .customer-table {
    height: 268px; } }

@media (max-width: 1399px) {
  .appointment .customer-table {
    height: unset; } }

.order-wrapper {
  margin: 0 -24px -17px -17px; }

.categories-list {
  display: flex;
  flex-direction: column;
  gap: 18px; }
  @media (max-width: 767px) {
    .categories-list {
      flex-direction: row;
      flex-wrap: wrap; } }
  .categories-list li {
    gap: 10px; }
    .categories-list li .bg-light {
      min-width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .categories-list li .bg-light img {
        width: 25px;
        height: 25px;
        object-fit: contain;
        transition: 0.5s; }
    .categories-list li h6 a {
      transition: 0.5s;
      color: var(--body-font-color); }
    .categories-list li:hover .bg-light img {
      transition: 0.5s;
      transform: scale(1.1); }
    .categories-list li:hover h6 a {
      transition: 0.5s;
      color: var(--theme-deafult); }

.monthly-profit {
  margin-top: -10px; }
  @media (max-width: 1584px) {
    .monthly-profit {
      margin: -10px -8px 0; } }
  @media (max-width: 1520px) {
    .monthly-profit {
      margin: -10px -16px 0; } }
  @media (max-width: 1500px) {
    .monthly-profit {
      margin: -10px -14px 0; } }
  @media (max-width: 1472px) {
    .monthly-profit {
      margin: -10px -20px 0; } }
  @media (max-width: 1424px) {
    .monthly-profit {
      margin: -10px -25px 0; } }
  .monthly-profit .apexcharts-canvas .apexcharts-legend-marker {
    margin-right: 6px; }
  .monthly-profit .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-value {
    font-size: 14px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif !important;
    fill: var(--chart-text-color); }

.overview-wrapper {
  position: relative;
  z-index: 1; }

.back-bar-container {
  position: absolute;
  width: calc(100% - 64px);
  bottom: -8px;
  margin: 0 auto !important;
  left: 28px; }
  @media (max-width: 1199px) {
    .back-bar-container {
      bottom: 22px; } }
  @media (max-width: 480px) {
    .back-bar-container {
      width: calc(100% - 34px);
      left: 18px; } }
  @media (max-width: 327px) {
    .back-bar-container {
      bottom: 42px; } }
.overview-card .balance-data {
  right: 12px; }
  [dir="rtl"] .overview-card .balance-data {
    right: unset;
    left: 12px; }
  @media (max-width: 767px) {
    .overview-card .balance-data {
      right: -40%; }
      [dir="rtl"] .overview-card .balance-data {
        left: -40%; } }
.order-container .apexcharts-canvas .apexcharts-marker {
  stroke-width: 4; }

.purchase-card.discover {
  margin-top: 102px; }
  .purchase-card.discover img {
    width: 224px;
    margin: 0 auto;
    margin-top: -90px; }
    @media (max-width: 1550px) {
      .purchase-card.discover img {
        margin-top: -110px; } }
    @media (max-width: 1399px) {
      .purchase-card.discover img {
        margin-top: -90px; } }
    @media (max-width: 991px) {
      .purchase-card.discover img {
        margin-top: -110px; } }
    @media (max-width: 618px) {
      .purchase-card.discover img {
        width: 200px; } }
.visitor-card .card-header svg {
  width: 18px;
  height: 18px;
  fill: var(--theme-deafult); }

.visitors-container {
  margin: 0 -12px -27px -17px; }
  .visitors-container svg .apexcharts-series path {
    clip-path: inset(1% 0% 0% 0% round 3rem); }
  .visitors-container svg .apexcharts-legend.apexcharts-align-left .apexcharts-legend-series {
    display: flex; }

.recent-order .nav {
  gap: 8px;
  flex-wrap: nowrap;
  overflow: auto;
  padding-bottom: 5px;
  display: flex; }

.recent-order .frame-box {
  border: 1px solid transparent;
  padding: 0;
  transition: 0.5s; }
  .recent-order .frame-box.active {
    border: 1px solid var(--theme-deafult); }
  .recent-order .frame-box:hover {
    transform: translateY(-5px);
    transition: 0.5s; }

.recent-order .tab-content {
  margin-top: 16px; }

.recent-table table thead {
  background: var(--light2); }
  .recent-table table thead th {
    padding-top: 9px;
    padding-bottom: 9px;
    border-bottom: none; }

.recent-table table tr td,
.recent-table table tr th {
  padding: 12px 8px;
  vertical-align: middle; }
  .recent-table table tr td:first-child,
  .recent-table table tr th:first-child {
    min-width: 157px; }
  @media (max-width: 1660px) {
    .recent-table table tr td:nth-child(2),
    .recent-table table tr th:nth-child(2) {
      min-width: 97px; } }
  .recent-table table tr td:last-child,
  .recent-table table tr th:last-child {
    min-width: 96px; }

.recent-table table tr td:first-child {
  padding-left: 0; }
  [dir="rtl"] .recent-table table tr td:first-child {
    padding-left: unset;
    padding-right: 0; }

.recent-table table tr td:last-child {
  padding-right: 0; }
  [dir="rtl"] .recent-table table tr td:last-child {
    padding-left: 0;
    padding-right: unset; }

.recent-table table tr:last-child td {
  padding-bottom: 0;
  border-bottom: none; }

.recent-table table tr .product-content h6 a {
  color: var(--body-font-color);
  transition: 0.5s; }

.recent-table table tr:hover .product-content h6 a {
  color: var(--theme-deafult);
  transition: 0.5s; }

.recent-table .product-content {
  display: flex;
  align-items: center;
  gap: 8px; }
  .recent-table .product-content .order-image {
    background: var(--light2);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center; }

.recent-table svg {
  width: 20px;
  height: 20px; }

.recent-table .recent-status {
  display: flex;
  align-items: center; }
  .recent-table .recent-status.font-success svg {
    fill: #00AC46; }
  .recent-table .recent-status.font-danger svg {
    fill: #FE6A49; }

.recent-activity h5 {
  padding: 30px 0 20px;
  margin-bottom: 0; }

.recent-activity h6 {
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box; }

.recent-activity ul li span {
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box; }

.notification li .recent-images ul::before {
  display: none; }

.notification li .recent-images li {
  padding-bottom: 3px; }

.recent-images {
  margin-top: 10px; }
  .recent-images ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px; }
  .recent-images li {
    border: 1px dashed var(--recent-dashed-border);
    padding: 3px;
    border-radius: 2px; }
    .recent-images li .recent-img-wrap {
      width: 40px;
      height: 40px;
      background: var(--light2);
      display: flex;
      align-items: center;
      justify-content: center; }

.frame-box {
  background: var(--recent-box-bg);
  border-radius: 10px;
  min-width: 76px;
  box-shadow: 2px 2px 2px var(--recent-border); }
  @media (max-width: 575px) {
    .frame-box {
      min-width: 65px; } }
  .frame-box .frame-image {
    min-width: 62px;
    height: 62px;
    border-color: var(--recent-border) var(--white) var(--white) var(--recent-border);
    border-width: 1px;
    border-style: solid;
    margin: 6px;
    display: flex;
    align-items: center;
    border-radius: 4px; }
    @media (max-width: 575px) {
      .frame-box .frame-image {
        min-width: 50px;
        height: 50px;
        margin: 4px; } }
  .frame-box img {
    margin: 0 auto; }
    @media (max-width: 575px) {
      .frame-box img {
        height: 30px; } }
.support-ticket-font ul {
  font-size: 12px; }

.new-update .media .media-body span,
.new-update .media .media-body p {
  font-weight: 500; }

.activity-dot-primary {
  min-width: 6px;
  height: 6px;
  background-color: #006666;
  border-radius: 100%;
  outline: 5px solid rgba(0, 102, 102, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-primary {
  min-width: 12px;
  height: 12px;
  background-color: #006666;
  outline: 5px solid rgba(0, 102, 102, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-secondary {
  min-width: 6px;
  height: 6px;
  background-color: #FE6A49;
  border-radius: 100%;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-secondary {
  min-width: 12px;
  height: 12px;
  background-color: #FE6A49;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-success {
  min-width: 6px;
  height: 6px;
  background-color: #00AC46;
  border-radius: 100%;
  outline: 5px solid rgba(0, 172, 70, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-success {
  min-width: 12px;
  height: 12px;
  background-color: #00AC46;
  outline: 5px solid rgba(0, 172, 70, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-danger {
  min-width: 6px;
  height: 6px;
  background-color: #FE6A49;
  border-radius: 100%;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-danger {
  min-width: 12px;
  height: 12px;
  background-color: #FE6A49;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-info {
  min-width: 6px;
  height: 6px;
  background-color: #173878;
  border-radius: 100%;
  outline: 5px solid rgba(23, 56, 120, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-info {
  min-width: 12px;
  height: 12px;
  background-color: #173878;
  outline: 5px solid rgba(23, 56, 120, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-light {
  min-width: 6px;
  height: 6px;
  background-color: #E6E9EB;
  border-radius: 100%;
  outline: 5px solid rgba(230, 233, 235, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-light {
  min-width: 12px;
  height: 12px;
  background-color: #E6E9EB;
  outline: 5px solid rgba(230, 233, 235, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-dark {
  min-width: 6px;
  height: 6px;
  background-color: #2c323f;
  border-radius: 100%;
  outline: 5px solid rgba(44, 50, 63, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-dark {
  min-width: 12px;
  height: 12px;
  background-color: #2c323f;
  outline: 5px solid rgba(44, 50, 63, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-warning {
  min-width: 6px;
  height: 6px;
  background-color: #FFAE1A;
  border-radius: 100%;
  outline: 5px solid rgba(255, 174, 26, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-warning {
  min-width: 12px;
  height: 12px;
  background-color: #FFAE1A;
  outline: 5px solid rgba(255, 174, 26, 0.25);
  position: relative;
  z-index: 2; }

@media only screen and (max-width: 1800px) and (min-width: 1400px) {
  .grid-ed-none {
    display: none !important; }
  .grid-ed-12 {
    width: 100%; } }

@media only screen and (max-width: 1660px) and (min-width: 1400px) {
  .col-ed-12 {
    width: 100%; }
  .col-ed-7 {
    width: 58%; }
  .col-ed-5 {
    width: 42%; }
  .col-ed-9 {
    width: 75%; }
  .col-ed-3 {
    width: 25%; }
  .col-ed-6 {
    width: 50%; }
  .col-ed-4 {
    width: 33.33333333%; }
  .col-ed-8 {
    width: 66.66%; }
  .col-ed-none {
    display: none !important; } }

@media only screen and (max-width: 1660px) and (min-width: 1200px) {
  .xl-30 {
    max-width: 30%;
    flex: 0 0 30%; }
  .xl-70 {
    max-width: 70%;
    flex: 0 0 70%; } }

@media only screen and (max-width: 420px) {
  .size-column .col-6 {
    width: 100%; } }

.total-project .bubbles {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  top: 0;
  left: 0; }

.total-project .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(0, 102, 102, 0.1);
  position: absolute;
  animation: floating 10s infinite ease-in; }
  .total-project .bubble:nth-child(1) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 10%;
    animation-duration: 13s; }
  .total-project .bubble:nth-child(2) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 20%;
    animation-duration: 14s;
    animation-delay: 1s; }
  .total-project .bubble:nth-child(3) {
    height: 24px;
    width: 24px;
    border-radius: 15px;
    left: 35%;
    animation-duration: 16s;
    animation-delay: 3s; }
  .total-project .bubble:nth-child(4) {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    left: 50%;
    animation-duration: 13s;
    animation-delay: 1s; }
  .total-project .bubble:nth-child(5) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 5%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-project .bubble:nth-child(6) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 30%;
    animation-duration: 19s;
    animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.total-Progress .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(255, 174, 26, 0.1);
  position: absolute;
  animation: floating 10s infinite ease-in; }
  .total-Progress .bubble:nth-child(1) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 10%;
    animation-duration: 18s; }
  .total-Progress .bubble:nth-child(2) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 20%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(3) {
    height: 24px;
    width: 24px;
    border-radius: 15px;
    left: 65%;
    animation-duration: 12s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(4) {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    left: 34%;
    animation-duration: 16s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(5) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 5%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(6) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 14%;
    animation-duration: 12s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(7) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 41%;
    animation-duration: 16s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(8) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 3%;
    animation-duration: 11s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(9) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 48%;
    animation-duration: 18s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(10) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 46%;
    animation-duration: 10s;
    animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.total-Complete .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(254, 106, 73, 0.1);
  position: absolute;
  animation: floating 10s infinite ease-in; }
  .total-Complete .bubble:nth-child(1) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 10%;
    animation-duration: 11s; }
  .total-Complete .bubble:nth-child(2) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 20%;
    animation-duration: 15s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(3) {
    height: 24px;
    width: 24px;
    border-radius: 15px;
    left: 35%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(4) {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    left: 60%;
    animation-duration: 19s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(5) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 51%;
    animation-duration: 14s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(6) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 96%;
    animation-duration: 14s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(7) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 69%;
    animation-duration: 18s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(8) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 36%;
    animation-duration: 20s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(9) {
    height: 25px;
    width: 25px;
    border-radius: 30px;
    left: 75%;
    animation-duration: 25s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(10) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 36%;
    animation-duration: 35s;
    animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.total-upcoming {
  border-bottom: 2px solid var(--body-font-color); }
  .total-upcoming .bubble {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    background-color: rgba(108, 117, 125, 0.1);
    position: absolute;
    animation: floating 10s infinite ease-in; }
    .total-upcoming .bubble:nth-child(1) {
      height: 25px;
      width: 25px;
      border-radius: 15px;
      left: 10%;
      animation-duration: 17s; }
    .total-upcoming .bubble:nth-child(2) {
      height: 28px;
      width: 28px;
      border-radius: 15px;
      left: 70%;
      animation-duration: 10s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(3) {
      height: 24px;
      width: 24px;
      border-radius: 15px;
      left: 35%;
      animation-duration: 10s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(4) {
      height: 15px;
      width: 15px;
      border-radius: 15px;
      left: 10%;
      animation-duration: 16s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(5) {
      height: 20px;
      width: 20px;
      border-radius: 15px;
      left: 5%;
      animation-duration: 18s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(6) {
      height: 30px;
      width: 30px;
      border-radius: 15px;
      left: 52%;
      animation-duration: 14s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(7) {
      height: 35px;
      width: 35px;
      border-radius: 15px;
      left: 95%;
      animation-duration: 16s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(8) {
      height: 30px;
      width: 30px;
      border-radius: 15px;
      left: 35%;
      animation-duration: 13s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(9) {
      height: 25px;
      width: 25px;
      border-radius: 15px;
      left: 75%;
      animation-duration: 12s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(10) {
      height: 26px;
      width: 26px;
      border-radius: 15px;
      left: 14%;
      animation-duration: 9s;
      animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.project-details {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .project-details .project-counter {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 6px; }
    .project-details .project-counter span {
      font-size: 13px;
      font-weight: 400; }

.today-work-table .today-working-table tbody tr td {
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px dashed #E6E9EB; }

.today-work-table .today-working-table tbody tr td:nth-child(1) {
  min-width: 165px; }

.today-work-table .today-working-table tbody tr td:nth-child(2) {
  min-width: 170px; }

.today-work-table .today-working-table tbody tr td:nth-child(3) {
  min-width: 94px; }

.today-work-table .today-working-table tbody tr td:nth-child(4) .badge {
  padding: 8px 20px; }

.today-work-table .today-working-table tbody tr:first-child td {
  padding-top: 0px; }

.today-work-table .today-working-table tbody tr td a {
  color: #051A1A;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.today-work-table .today-working-table tbody tr:hover td a {
  color: var(--theme-deafult) !important; }

.today-work-table .today-working-table tbody tr:last-child td {
  padding-bottom: 0px;
  border: none; }

.add-project-link {
  background-color: rgba(68, 198, 198, 0.21);
  height: 5%; }
  .add-project-link .categories {
    background-image: url(/../images/dashboard-2/dashboard-banner.gif);
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    background-position: center; }
  .add-project-link .categories-content {
    padding: 22px 15px; }
    .add-project-link .categories-content p {
      font-size: 13px;
      font-weight: 500;
      margin-bottom: 10px; }
    .add-project-link .categories-content a {
      font-size: 16px;
      font-weight: 700;
      color: #051A1A;
      text-decoration: underline; }

.projectlist-card {
  border: 1px solid #ecf3fa;
  border-radius: 8px; }
  .projectlist-card .projectlist {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    padding: 20px 20px 0px; }
    .projectlist-card .projectlist .project-data {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px; }
      .projectlist-card .projectlist .project-data div a {
        color: #051A1A; }
    .projectlist-card .projectlist .nft-img {
      border-radius: 4px; }
    .projectlist-card .projectlist .badge-primary {
      color: #006666; }
  .projectlist-card .project-comment {
    padding: 0px 20px;
    margin-top: 8px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .projectlist-card .project-comment .project-comment-icon {
      display: flex;
      align-items: center;
      gap: 15px;
      position: relative; }
      .projectlist-card .project-comment .project-comment-icon svg {
        height: 16px;
        width: 16px; }
      .projectlist-card .project-comment .project-comment-icon span {
        font-weight: 500;
        font-size: 12px;
        color: var(--body-font-color); }
      .projectlist-card .project-comment .project-comment-icon .project-link {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px; }
        .projectlist-card .project-comment .project-comment-icon .project-link::before {
          height: 17px;
          width: 1px;
          background-color: var(--body-font-color);
          position: absolute;
          content: "";
          right: 35px; }
  .projectlist-card .project-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 20px; }
    .projectlist-card .project-date span:last-child {
      color: #FE6A49; }

.project-meeting-details {
  border-top: 1px solid #E6E9EB;
  margin-top: 10px; }
  .project-meeting-details .project-meeting {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 20px;
    margin-bottom: 3px;
    margin-top: 20px; }
    .project-meeting-details .project-meeting span {
      font-weight: 500;
      font-size: 12px;
      color: var(--body-font-color); }
  .project-meeting-details .project-meeting-time {
    padding: 0px 20px;
    margin-top: 3px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .project-meeting-details .project-meeting-time a {
      color: #051A1A; }
  .project-meeting-details:hover a {
    color: #006666; }

.avatar-showcase img.img-25 {
  width: 25px;
  height: 25px; }

.client-list-table table tbody tr td {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E6E9EB;
  padding-top: 15px;
  padding-bottom: 15px; }
  .client-list-table table tbody tr td a {
    color: #051A1A; }
  .client-list-table table tbody tr td .product-sub svg {
    height: 28px;
    width: 28px;
    cursor: pointer; }
  .client-list-table table tbody tr td .user-id {
    display: flex;
    align-items: center;
    position: relative;
    min-width: 195px; }
    .client-list-table table tbody tr td .user-id::before {
      height: 50px;
      width: 1px;
      content: "";
      position: absolute;
      background-color: #E6E9EB;
      right: 11%; }
  .client-list-table table tbody tr td .user-comment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 180px; }

.client-list-table table tbody tr:hover td a {
  color: #006666; }

.client-list-table table tbody tr:first-child td {
  padding-top: 0px; }

.client-list-table table tbody tr:last-child td {
  padding-bottom: 0px;
  border: none; }

.project-table .radial-chart-wrap {
  height: 30px;
  width: 68px; }
  .project-table .radial-chart-wrap > div {
    height: 75px;
    width: 100px; }
    .project-table .radial-chart-wrap > div.widgetsChart .apexcharts-theme-light .apexcharts-graphical .apexcharts-datalabels-group .apexcharts-datalabel-label {
      display: none; }

.project-table .project-comment .project-comment-icon {
  display: flex;
  align-items: center;
  position: relative;
  gap: 15px; }
  .project-table .project-comment .project-comment-icon .project-link {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px; }
    .project-table .project-comment .project-comment-icon .project-link svg {
      height: 16px;
      width: 16px; }
    .project-table .project-comment .project-comment-icon .project-link::before {
      height: 17px;
      width: 1px;
      background-color: #E6E9EB;
      position: absolute;
      content: "";
      left: 47px; }

.activity-log-card ul::before {
  height: calc(100% - 150px);
  border-left: 1px dashed #E6E9EB;
  content: "";
  z-index: 1;
  position: absolute;
  left: 36px; }

.activity-log-card ul li div .username {
  color: #051A1A; }
  .activity-log-card ul li div .username:hover {
    color: #006666; }

.activity-log {
  margin-bottom: 24px; }
  .activity-log .activity-log-img {
    height: 34px;
    width: 34px;
    z-index: 2; }
  .activity-log .user-id {
    margin-bottom: 2px; }
  .activity-log:last-child {
    margin-bottom: 0px; }
  .activity-log h6 {
    display: block;
    margin-bottom: 2px; }
    .activity-log h6 a {
      color: #051A1A;
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box !important;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      white-space: normal; }
  .activity-log:hover h6 a {
    color: #006666 !important; }

.user-message svg {
  height: 24px;
  width: 24px; }

.user-message ul li {
  border-bottom: 1px solid #E6E9EB;
  margin-bottom: 20px; }
  .user-message ul li .activity-log {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 20px;
    position: relative; }
    .user-message ul li .activity-log .status {
      position: absolute;
      height: 9px;
      width: 9px;
      border-radius: 100%;
      bottom: 3px;
      left: 25px;
      z-index: 2; }
      .user-message ul li .activity-log .status.bg-warning {
        border: 1px solid #fff; }
  .user-message ul li:last-of-type .activity-log {
    margin-bottom: 0px; }
  .user-message ul li:last-of-type {
    border: none;
    margin-bottom: 0px; }
  .user-message ul li:last-child .activity-log {
    margin-bottom: 0px; }
  .user-message ul li:last-child {
    border: none;
    margin-bottom: 0px; }

.user-message .activity-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%; }

.project-ideas-card::before {
  background: radial-gradient(circle, #1baeae 2%, #1a9494 50%, #048f8f 100%);
  height: 123px;
  width: 109%;
  content: "";
  position: absolute;
  overflow: hidden;
  top: 0;
  border-radius: 0 0 100% 100%;
  left: 50%;
  transform: translateX(-50%); }
  @media (max-width: 1799px) {
    .project-ideas-card::before {
      height: 102px; } }
.project-ideas-card .project-card {
  background-image: url(/../images/dashboard-2/office-work.gif);
  background-size: contain;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
  padding: 257px 0px;
  border-radius: 5px; }
  @media (max-width: 1875px) {
    .project-ideas-card .project-card {
      padding: 230px 0px; } }
  @media (max-width: 1800px) {
    .project-ideas-card .project-card {
      padding: 228px 0px; } }
  @media (max-width: 1799px) {
    .project-ideas-card .project-card {
      padding: 204px 0px; } }
  .project-ideas-card .project-card span {
    position: absolute;
    top: 20px;
    left: 10px;
    color: #fff; }
  .project-ideas-card .project-card .btn-showcase {
    margin-top: -85px;
    display: flex;
    justify-content: center;
    align-items: center; }

@media (max-width: 1568px) and (min-width: 1501px) {
  .timeline-calendar {
    width: 495px; } }

@media (max-width: 1194px) and (min-width: 768px) {
  .timeline-calendar {
    width: 801px;
    overflow-x: auto; } }

.timeline-calendar .custom-calendar {
  height: 374px !important; }
  @media (max-width: 1799px) {
    .timeline-calendar .custom-calendar {
      height: 334px !important; } }
.project-table {
  overflow-y: hidden; }
  .project-table .invoice-icon {
    height: 24px;
    width: 24px;
    cursor: pointer; }
  .project-table .order-table thead {
    background-color: rgba(230, 233, 235, 0.3); }
    .project-table .order-table thead tr th {
      padding: 20px; }
      .project-table .order-table thead tr th:nth-child(1) {
        min-width: 190px; }
      .project-table .order-table thead tr th:nth-child(2) {
        min-width: 200px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(3) {
        min-width: 130px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(4) {
        min-width: 100px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(5) {
        min-width: 50px; }
      .project-table .order-table thead tr th:first-child {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .project-table .order-table thead tr th:last-child {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; }
  .project-table .order-table tbody tr {
    border-bottom: 1px solid #E6E9EB; }
    .project-table .order-table tbody tr td {
      padding-top: 17px;
      padding-bottom: 17px; }
      .project-table .order-table tbody tr td p {
        color: var(--body-font-color);
        font-weight: 500; }
      .project-table .order-table tbody tr td .status-process {
        border-radius: 15px;
        padding: 12px; }
      .project-table .order-table tbody tr td:last-child .product-sub {
        text-align: center; }
      .project-table .order-table tbody tr td:nth-child(5) span.pending {
        height: 3px;
        width: 3px;
        border-radius: 100%; }
    .project-table .order-table tbody tr:last-child {
      border: none; }
      .project-table .order-table tbody tr:last-child td {
        padding-bottom: 0px;
        margin-bottom: -20px; }
  .project-table .order-table tbody tr td a {
    color: #051A1A;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .project-table .order-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }

@media (max-width: 1599px) {
  .client-list-table .client-list .user-id {
    min-width: 100px; }
  .project-ideas-card {
    padding: 210px 0px; }
    .project-ideas-card .project-card span {
      max-width: 265px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -50px; }
  .small-widget .project-details .project-counter span {
    display: none; }
  .today-work-table table tbody tr td:nth-child(1) {
    min-width: 130px !important; }
  .today-work-table table tbody tr td:nth-child(2) {
    min-width: 126px !important; }
  .user-message .activity-log .activity-name span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .online-store {
    display: none; }
  .card-title-underline a {
    display: none; }
  .activity-log-card .activity-log span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1699px) {
  .project-ideas-card .project-card {
    padding: 192px 0px; }
  .project-ideas-card .btn-showcase {
    margin-top: -85px !important; } }

@media (max-width: 1599px) {
  .project-ideas-card .project-card {
    padding: 208px 0px; }
  .project-ideas-card .btn-showcase {
    margin-top: -85px !important; } }

@media (max-width: 1499px) {
  .project-ideas-card .project-card {
    padding: 190px 0px; }
  .project-ideas-card .btn-showcase {
    margin-top: -62px !important; } }

@media (max-width: 1799px) {
  .client-list-table {
    overflow-y: hidden; }
    .client-list-table .client-list .user-id {
      min-width: 140px; }
      .client-list-table .client-list .user-id .avatars {
        display: none; }
  .activity-log-card .activity-log .user-id span {
    display: none; }
  .activity-log-card .activity-log span {
    max-width: 709px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .today-work-table table tbody tr td:nth-child(3) {
    display: none; }
  .projectlist-card .projectlist .project-data span {
    display: block; }
  .projectlist-card .projectlist span {
    display: none; }
  .projectlist-card .project-meeting-details .project-meeting {
    margin-top: 12px; }
    .projectlist-card .project-meeting-details .project-meeting span:last-child {
      display: none; }
  .projectlist-card .project-meeting-details .project-meeting-time {
    margin-bottom: 12px; }
    .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
      display: none; }
  .client-list-table .client-list .product-sub .invoice-icon {
    display: none; } }

@media (max-width: 1499px) {
  .timeline-calendar .fc-toolbar-chunk {
    display: none; }
  .projectlist-card .project-comment .avatar-showcase ul li:nth-child(3) {
    display: inline-block !important; }
  .projectlist-card .project-comment .avatar-showcase ul li:nth-child(4) {
    display: inline-block !important; } }

@media (max-width: 1399px) {
  .project-details .project-counter span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1199px) {
  .activity-group {
    display: block !important; }
    .activity-group::before {
      display: none; }
  .add-project-link {
    height: 9%; }
    .add-project-link .categories {
      width: 25%; }
  .project-ideas-card .project-card {
    padding: 237px 0px; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -113px !important; }
    .project-ideas-card .project-card span {
      top: 18px;
      left: 11px;
      max-width: 550px; }
  .user-message ul li:nth-child(6) {
    margin-bottom: 0px;
    border-bottom: none; }
    .user-message ul li:nth-child(6) .activity-log {
      margin-bottom: 0px;
      border: none; }
  .user-message ul li:nth-child(7) {
    display: none; }
  .user-message ul li:nth-child(8) {
    display: none; }
  .user-message ul li:last-child {
    display: none; }
  .today-work-table .today-working-table tbody tr td:nth-child(2) {
    min-width: 150px !important; }
  .today-work-table .today-working-table tbody tr td:nth-child(3) {
    display: block; }
  .client-list-table .client-list .user-id {
    min-width: 350px; }
    .client-list-table .client-list .user-id .avatars {
      display: block; }
  .client-list-table .client-list .user-comment .product-sub .invoice-icon {
    display: block; }
  .small-widget .project-details .project-counter span {
    display: block; }
  .today-work-table table tbody tr td:nth-child(1) {
    min-width: 150px !important; }
  .marketing-app-card {
    display: none; }
  .project-table .invoice-icon {
    height: 24px;
    width: 24px;
    cursor: pointer; }
  .project-table .order-table thead {
    background-color: rgba(230, 233, 235, 0.3); }
    .project-table .order-table thead tr th {
      padding: 20px; }
      .project-table .order-table thead tr th:nth-child(1) {
        min-width: 290px; }
      .project-table .order-table thead tr th:nth-child(2) {
        min-width: 200px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(3) {
        min-width: 160px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(4) {
        min-width: 190px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(5) {
        min-width: 50px; }
      .project-table .order-table thead tr th:first-child {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .project-table .order-table thead tr th:last-child {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; }
  .project-table .order-table tbody tr {
    border-bottom: 1px solid #E6E9EB; }
    .project-table .order-table tbody tr td {
      padding-top: 17px;
      padding-bottom: 17px; }
      .project-table .order-table tbody tr td p {
        color: var(--body-font-color);
        font-weight: 500; }
      .project-table .order-table tbody tr td .status-process {
        border-radius: 15px;
        padding: 12px; }
      .project-table .order-table tbody tr td:last-child .product-sub {
        text-align: center; }
    .project-table .order-table tbody tr:last-child {
      border: none; }
      .project-table .order-table tbody tr:last-child td {
        padding-bottom: 0px;
        overflow: hidden; }
  .project-table .order-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; } }

@media (max-width: 992px) {
  .add-project-link {
    height: 9%; }
    .add-project-link .categories {
      width: 25%; }
  .today-work-table table tbody tr td:nth-child(3) {
    display: revert; }
  .timeline-calendar .fc-toolbar-chunk {
    display: block; }
  .project-ideas-card .project-card span {
    top: 18px;
    left: 4px; } }

@media (max-width: 767px) {
  .project-ideas-card::before {
    height: 95px; }
  .project-ideas-card .project-card {
    padding: 341px 0px; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -218px !important; }
    .project-ideas-card .project-card span {
      top: 27px;
      left: 88px; }
  .add-project-link {
    height: 6%; }
    .add-project-link .categories {
      width: 25%; }
  .activity-log-card .activity-log span {
    max-width: 100%; }
  .projectlist-card .projectlist .project-data span {
    display: block; }
  .projectlist-card .projectlist span {
    display: block; }
  .projectlist-card .project-meeting-details .project-meeting span:last-child {
    display: block; }
  .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
    display: block; }
  .client-list-table .client-list .user-id {
    min-width: 240px; }
  .marketing-app-card {
    display: block; }
  .important-project {
    gap: 15px; } }

@media (max-width: 680px) {
  .project-ideas-card .project-card span {
    top: 23px;
    left: 60px; } }

@media (max-width: 610px) {
  .project-ideas-card .project-card span {
    left: 30px; } }

@media (max-width: 575px) {
  .fc-toolbar-chunk .fc-button-group {
    display: none; }
  .project-ideas-card .project-card {
    padding: 581px 0px 0px; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -455px !important; }
    .project-ideas-card .project-card span {
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box !important;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      white-space: normal;
      top: 25px;
      left: 26px; } }

@media (max-width: 480px) {
  .project-ideas-card .project-card {
    padding: 502px 0px 0px !important; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -377px !important; }
    .project-ideas-card .project-card span {
      left: 24px; }
  .timeline-calendar .custom-calendar .time-line table thead tr th.fc-col-header-cell .fc-scrollgrid-sync-inner a {
    font-size: 10px;
    padding: 6px 4px; }
  .projectlist-card .projectlist .project-data span {
    display: block; }
  .projectlist-card .projectlist span {
    display: none; }
  .projectlist-card .project-meeting-details .project-meeting {
    margin-top: 12px; }
    .projectlist-card .project-meeting-details .project-meeting span:last-child {
      display: none; }
  .projectlist-card .project-meeting-details .project-meeting-time {
    margin-bottom: 12px; }
    .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
      display: none; }
  .total-revenue .dropdown-calendar {
    display: none; }
  .projectlist-row justify-content-center .projectlist .project-data span {
    display: block; }
  .projectlist-row justify-content-center .projectlist span {
    display: none; }
  .projectlist-row justify-content-center .project-meeting-details .project-meeting {
    margin-top: 12px; }
    .projectlist-row justify-content-center .project-meeting-details .project-meeting span:last-child {
      display: none; }
  .projectlist-row justify-content-center .project-meeting-details .project-meeting-time {
    margin-bottom: 12px; }
    .projectlist-row justify-content-center .project-meeting-details .project-meeting-time a:last-child {
      display: none; } }

@media (max-width: 399px) {
  .project-ideas-card .project-card {
    padding: 420px 0px 0px !important; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -301px !important; } }

@media (max-width: 1499px) {
  .project-table .order-table thead tr th:nth-child(3) {
    display: none; }
  .project-table .order-table tbody tr td:nth-child(3) {
    display: none; } }

@media (max-width: 1399px) {
  .project-table .order-table thead tr th:nth-child(3) {
    display: block; }
  .project-table .order-table tbody tr td:nth-child(3) {
    display: block; } }

@media (max-width: 360px) {
  .timeline-calendar .custom-calendar .time-line table thead tr th.fc-col-header-cell .fc-scrollgrid-sync-inner a {
    font-size: 10px;
    padding: 6px 0px; }
  .projectlist-card .project-date span:last-child {
    display: none; }
  .projectlist-card .project-comment .project-comment-icon {
    display: none; } }

.total-revenue {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .total-revenue span {
    color: var(--body-font-color);
    font-weight: 500; }
  .total-revenue a {
    font-weight: 600; }

/**=====================
    3.9 Dashboard_2 CSS End
==========================**/
/**=====================
    3.10 Dashboard_3 CSS Start
==========================**/
@keyframes hand-move {
  0% {
    transform: rotate(0deg); }
  20% {
    transform: rotate(15deg); }
  50% {
    transform: rotate(0deg); }
  80% {
    transform: rotate(-15deg); }
  100% {
    transform: rotate(0deg); } }

.course-box {
  overflow: hidden; }
  .course-box .card-body {
    padding: 25px 15px; }
    @media (max-width: 1722px) {
      .course-box .card-body {
        padding: 20px 15px; } }
    @media (max-width: 1660px) {
      .course-box .card-body {
        padding: 16px 15px; } }
  @media (max-width: 1660px) {
    .course-box.widget-course .card-body {
      padding: 25px 15px; } }
  .course-box:hover {
    transform: translateY(-5px);
    transition: 0.5s; }
    .course-box:hover .course-icon svg {
      animation: tada 1.5s ease infinite; }

.course-widget {
  display: flex;
  gap: 8px; }
  .course-widget .course-icon {
    position: relative;
    width: 54px;
    height: 54px;
    clip-path: polygon(40% 7.67949%, 43.1596% 6.20615%, 46.52704% 5.30384%, 50% 5%, 53.47296% 5.30384%, 56.8404% 6.20615%, 60% 7.67949%, 81.65064% 20.17949%, 84.50639% 22.17911%, 86.97152% 24.64425%, 88.97114% 27.5%, 90.44449% 30.6596%, 91.34679% 34.02704%, 91.65064% 37.5%, 91.65064% 62.5%, 91.34679% 65.97296%, 90.44449% 69.3404%, 88.97114% 72.5%, 86.97152% 75.35575%, 84.50639% 77.82089%, 81.65064% 79.82051%, 60% 92.32051%, 56.8404% 93.79385%, 53.47296% 94.69616%, 50% 95%, 46.52704% 94.69616%, 43.1596% 93.79385%, 40% 92.32051%, 18.34936% 79.82051%, 15.49361% 77.82089%, 13.02848% 75.35575%, 11.02886% 72.5%, 9.55551% 69.3404%, 8.65321% 65.97296%, 8.34936% 62.5%, 8.34936% 37.5%, 8.65321% 34.02704%, 9.55551% 30.6596%, 11.02886% 27.5%, 13.02848% 24.64425%, 15.49361% 22.17911%, 18.34936% 20.17949%);
    background: linear-gradient(310.31deg, #FF3364 14.71%, #FF7F9E 100%);
    display: flex;
    align-items: center;
    justify-content: center; }
    .course-widget .course-icon svg {
      width: 26px;
      height: 26px;
      fill: #fff; }
    .course-widget .course-icon.warning {
      background: linear-gradient(297.08deg, #FF9E2A -4.53%, #FFA941 98.25%); }
  .course-widget .btn-light {
    background: var(--course-light-btn) !important;
    border: none; }
  .course-widget a {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    margin-top: 25px; }
    .course-widget a span {
      display: block;
      margin-bottom: -5px; }
    .course-widget a svg {
      width: 13px;
      height: 13px; }

.get-card .card-header {
  padding-left: 20px;
  padding-right: 20px; }

.square-group {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: scaleX(-1); }
  [dir="rtl"] .square-group {
    right: unset;
    left: 0; }
  .square-group .square-1 {
    width: 12px;
    height: 18px; }
  .square-group .square-2 {
    width: 12px;
    height: 10px;
    margin-bottom: -10px; }
  .square-group .square-3 {
    width: 18px;
    height: 10px;
    margin-left: 10px; }
    [dir="rtl"] .square-group .square-3 {
      margin-left: unset;
      margin-right: 10px; }
  .square-group .square-4 {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: -15px; }
    [dir="rtl"] .square-group .square-4 {
      right: unset;
      left: -15px; }
  .square-group .square-5 {
    width: 6px;
    height: 6px;
    bottom: 22px;
    position: absolute;
    right: -1px; }
    [dir="rtl"] .square-group .square-5 {
      right: unset;
      left: -1px; }
  .square-group .square-6,
  .square-group .square-7 {
    position: absolute;
    width: 4px;
    height: 4px; }
  .square-group .square-6 {
    right: -23px;
    bottom: 5px; }
    [dir="rtl"] .square-group .square-6 {
      right: unset;
      left: -23px; }
  .square-group .square-7 {
    right: 8px;
    bottom: 45px; }
    [dir="rtl"] .square-group .square-7 {
      right: unset;
      left: 8px; }
  .square-group .warning1 {
    background: #FFD497; }
  .square-group .warning {
    background: #FFA73B; }
  .square-group .primary {
    background: #006666; }
  .square-group .danger {
    background: #f54132; }
  .square-group .light {
    background: #E6E8EF; }
  .square-group .success {
    background: #00AC46; }

.progress-chart-wrap {
  margin: -40px 0 -22px; }
  [dir="rtl"] .progress-chart-wrap {
    direction: ltr; }
  @media (max-width: 991px) {
    .progress-chart-wrap {
      margin-top: -18px; } }
  .progress-chart-wrap .apexcharts-canvas {
    margin: 0 auto; }
    .progress-chart-wrap .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-label {
      fill: var(--chart-text-color); }

.get-card .btn {
  margin-top: 15px;
  padding: 8px 15px; }
  .get-card .btn:hover svg {
    transform: translateX(5px);
    transition: 0.5s; }
  .get-card .btn svg {
    width: 13px;
    height: 13px;
    fill: #fff;
    vertical-align: middle;
    transition: 0.5s; }

.default-datepicker .datepicker-inline .datepicker {
  width: auto;
  background: #fff;
  box-shadow: none;
  padding: 0; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content {
    padding: 0; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {
      margin: 27px 0 0;
      padding: 15px 0; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name {
        color: #2b2b2b;
        font-size: 14px; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
      height: 35px;
      width: 14%;
      color: #2b2b2b; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-other-month- {
        color: #2b2b2b;
        opacity: 20%; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-weekend- + .-weekend- {
        color: #FE6A49; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell {
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      z-index: 0;
      letter-spacing: 2px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected- {
        background: var(--theme-deafult);
        color: #fff;
        position: relative;
        box-shadow: 0px 0px 13px 0 rgba(0, 102, 102, 0.5); }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-current- {
        background-color: #00AC46;
        border: none;
        color: #fff; }
        .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-current-::after {
          position: absolute;
          content: '';
          width: 10px;
          height: 10px;
          border: 2px solid var(--white);
          background: #FE6A49;
          right: -3px;
          top: -2px;
          border-radius: 100%; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-focus- {
        color: #fff;
        box-shadow: none; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker-cell .datepicker--cell-month.-current-.-selected- {
      background-color: var(--theme-deafult); }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav {
    border-bottom: none;
    padding: 0;
    text-transform: capitalize;
    margin-top: 0; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action {
      background-color: transparent;
      width: 22px;
      height: 22px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action[data-action="prev"] {
        position: absolute;
        right: 50px; }
        [dir="rtl"] .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action[data-action="prev"] {
          right: unset;
          left: 50px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action svg {
        width: 22px;
        height: 22px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action path {
        stroke: var(--chart-text-color); }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
    color: #2b2b2b;
    font-size: 20px;
    font-weight: 500; }
    @media (max-width: 767px) {
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
        font-size: 14px; } }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
      margin-left: 10px;
      font-weight: 500;
      font-size: 20px;
      color: #2b2b2b; }
      @media (max-width: 767px) {
        .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
          font-size: 14px; } }
.learning-wrap {
  margin: -24px -10px -24px -15px; }

.activity-wrap {
  margin: -22px 0 -22px -28px; }
  [dir="rtl"] .activity-wrap {
    margin: -22px -28px -22px 0; }

.upcoming-event-wrap {
  margin-bottom: -39px;
  margin-left: -24px; }

.course-card .dropdown .dropdown-toggle {
  width: 125px; }

.course-wrapper {
  text-align: center; }
  .course-wrapper .course-icon-box {
    position: relative;
    padding: 8px; }
    @media (max-width: 767px) {
      .course-wrapper .course-icon-box {
        padding: 0; } }
    .course-wrapper .course-icon-box .icon-wrap {
      width: 117px;
      height: 92px;
      background-color: var(--course-bg);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 8px;
      margin: 0 auto;
      box-shadow: -18px 15px 20px rgba(119, 119, 119, 0.25); }
      @media (max-width: 1880px) {
        .course-wrapper .course-icon-box .icon-wrap {
          width: 112px; } }
      @media (max-width: 767px) {
        .course-wrapper .course-icon-box .icon-wrap {
          box-shadow: none; } }
      @media (max-width: 575px) {
        .course-wrapper .course-icon-box .icon-wrap {
          width: 92px;
          height: 82px; } }
      .course-wrapper .course-icon-box .icon-wrap img {
        width: 80px; }
        @media (max-width: 575px) {
          .course-wrapper .course-icon-box .icon-wrap img {
            width: 70px; } }
    .course-wrapper .course-icon-box .arrow-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: calc(100% + 20px);
      height: 100%; }
      [dir="rtl"] .course-wrapper .course-icon-box .arrow-bg {
        left: unset;
        right: 0;
        transform: scaleX(-1); }
      @media (max-width: 767px) {
        .course-wrapper .course-icon-box .arrow-bg {
          display: none; } }
  .course-wrapper h6 {
    margin-top: 25px;
    margin-bottom: 0; }
    @media (max-width: 575px) {
      .course-wrapper h6 {
        margin-top: 15px; } }
.course-main-card {
  display: flex;
  gap: 20px;
  justify-content: center; }
  @media (max-width: 1880px) {
    .course-main-card {
      flex-wrap: wrap; } }
  @media (max-width: 767px) {
    .course-main-card {
      gap: 12px;
      flex-wrap: nowrap; } }
  @media (max-width: 575px) {
    .course-main-card {
      gap: 20px;
      flex-wrap: wrap; } }
  .course-main-card .course-wrapper:last-child .arrow-bg {
    width: 100%; }

.schedule-list {
  display: flex;
  flex-direction: column;
  gap: 20px; }
  @media (max-width: 767px) {
    .schedule-list {
      flex-direction: row; } }
  @media (max-width: 575px) {
    .schedule-list {
      flex-direction: column; } }
  .schedule-list li {
    display: flex;
    align-items: center; }
    .schedule-list li h6 {
      font-size: 14px; }
    .schedule-list li ul {
      column-count: 2;
      column-rule-style: solid;
      column-rule-color: var(--chart-text-color);
      column-gap: 20px;
      column-rule-width: 1px; }
      @media (max-width: 1712px) {
        .schedule-list li ul {
          column-gap: 14px; } }
      @media (max-width: 1199px) {
        .schedule-list li ul {
          display: flex;
          flex-wrap: wrap; } }
      .schedule-list li ul li {
        gap: 6px; }
    .schedule-list li img {
      border-radius: 100%;
      width: 37px;
      height: 37px;
      padding: 3px; }
    .schedule-list li svg {
      width: 15px;
      height: 15px; }
      .schedule-list li svg.f-success {
        fill: #00AC46; }
  .schedule-list > li {
    padding: 15px 20px;
    box-shadow: 4px 7px 17px 5px rgba(46, 35, 94, 0.05);
    gap: 10px;
    position: relative;
    border-radius: 10px; }
    @media (max-width: 1712px) {
      .schedule-list > li {
        padding: 16px 14px; } }
    .schedule-list > li::before {
      position: absolute;
      content: '';
      width: 5px;
      height: 100%;
      left: 0;
      top: 0;
      border-radius: 15px 0 0 15px; }
      [dir="rtl"] .schedule-list > li::before {
        left: unset;
        right: 0;
        border-radius: 0 15px 15px 0; }
    .schedule-list > li.primary::before {
      background-color: var(--theme-deafult); }
    .schedule-list > li.primary img {
      border: 1px solid var(--theme-deafult); }
    .schedule-list > li.warning::before {
      background-color: #FFAE1A; }
    .schedule-list > li.warning img {
      border: 1px solid #FFAE1A; }

.link-only {
  display: flex;
  align-items: center;
  color: #FFFFFF; }
  .link-only svg {
    width: 16px;
    height: 16px; }

.lessons-lists li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 0; }
  .lessons-lists li img {
    transition: 0.5s; }
  .lessons-lists li + li {
    border-top: 1px solid var(--chart-dashed-border); }
  .lessons-lists li:first-child {
    padding-top: 0; }
  .lessons-lists li:last-child {
    padding-bottom: 0; }
  .lessons-lists li:hover img {
    transform: scale(1.1);
    transition: 0.5s; }

.lesson-wrap {
  width: 50px;
  margin-bottom: -11px;
  margin-top: -6px; }
  .lesson-wrap .apexcharts-canvas .apexcharts-datalabel-label {
    display: none; }

@media only screen and (max-width: 575px) {
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
    font-size: 17px; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
      font-size: 17px;
      margin-left: 10px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell {
    font-size: 13px; } }

@media only screen and (max-width: 360px) {
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected-:before {
    height: 36px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
    height: 36px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {
    margin: 13px 0 13px; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name {
      font-size: 12px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
    margin-left: 15px;
    font-size: 25px; } }

.tranaction-table tbody tr td a {
  color: #051A1A !important; }

.revenuegrowth {
  position: relative; }
  .revenuegrowth .apexcharts-xaxistooltip {
    display: none; }
  .revenuegrowth .revenuegrowth-chart::before {
    content: "";
    height: calc(100% - 10px);
    position: absolute;
    background-color: #E6E9EB;
    width: 2px;
    right: 0;
    top: 0; }

.icon-menu-header svg {
  height: 25px;
  width: 25px; }

.revenuegrowth-details {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  gap: 20px; }
  .revenuegrowth-details .growth-details {
    border-bottom: 1px dashed #E6E9EB; }
    .revenuegrowth-details .growth-details span:first-child {
      margin-bottom: 6px; }
    .revenuegrowth-details .growth-details:last-child {
      border: none; }

.boost-up-card {
  background: radial-gradient(circle, #1baeae 2%, #1a9494 50%, #048f8f 100%); }
  .boost-up-card h6 {
    z-index: 2; }

.img-boostup {
  position: absolute;
  top: 0px;
  right: 237px; }
  .img-boostup .img-boostup-img-1 {
    left: -63px;
    top: -114px;
    position: absolute;
    height: 257px; }
  .img-boostup .img-boostup-img-2 {
    position: absolute;
    top: 70px;
    left: -61px;
    height: 187px; }

.progress-value .progress {
  margin-top: -2px !important;
  height: 3px;
  width: 100%; }
  .progress-value .progress .progress-bar {
    background-color: var(--theme-deafult); }

.deliveries-percentage .percentage-data thead tr {
  border-bottom: 1px solid #E6E9EB; }
  .deliveries-percentage .percentage-data thead tr th {
    padding-top: 18px;
    padding-bottom: 18px; }

.deliveries-percentage .percentage-data tbody tr {
  border-bottom: 1px dashed #E6E9EB; }
  .deliveries-percentage .percentage-data tbody tr td {
    padding-top: 18px;
    padding-bottom: 18px; }
    .deliveries-percentage .percentage-data tbody tr td a {
      color: #051A1A; }
  .deliveries-percentage .percentage-data tbody tr:hover td a {
    color: #006666; }
  .deliveries-percentage .percentage-data tbody tr:last-child {
    border: none; }
    .deliveries-percentage .percentage-data tbody tr:last-child td {
      padding-bottom: 0px; }

.top-product-card ul li.top-product {
  border-bottom: 1px solid #E6E9EB;
  padding-top: 16px;
  padding-bottom: 16px; }
  .top-product-card ul li.top-product .product-img {
    height: 60px;
    width: 73px;
    border-radius: 4px; }
  .top-product-card ul li.top-product:last-child {
    border: none;
    padding-bottom: 0px; }
  .top-product-card ul li.top-product:first-child {
    padding-top: 0px; }

.top-product-card ul li .product-items {
  display: flex;
  align-items: end;
  flex-direction: column;
  justify-content: center;
  gap: 3px; }

.top-product-card ul li .product-details {
  display: flex;
  flex-direction: column;
  gap: 3px; }
  .top-product-card ul li .product-details a {
    color: #051A1A !important; }

.top-product-card ul li:hover a {
  color: var(--theme-deafult) !important; }

.new-user ul li {
  border: 1px solid #E6E9EB;
  border-radius: 4px;
  margin-bottom: 18px;
  transition: all .4s; }
  .new-user ul li svg {
    height: 24px;
    width: 24px; }
  .new-user ul li:last-child {
    margin-bottom: 0px; }
  .new-user ul li .user-name {
    padding: 12px;
    align-items: end; }
  .new-user ul li a {
    color: #051A1A !important; }
  .new-user ul li:hover a {
    color: var(--theme-deafult) !important; }

.activity-table table tbody tr:last-child td {
  padding-bottom: 0px; }
  .activity-table table tbody tr:last-child td .team-activity::before {
    height: unset; }

.activity-table table tbody tr td {
  padding: 11px 0px; }
  .activity-table table tbody tr td .team-activity {
    position: relative; }
    .activity-table table tbody tr td .team-activity:before {
      height: 70px;
      border-left: 1px dashed #86909C;
      content: "";
      z-index: 0;
      position: absolute;
      left: 24px;
      top: 0px; }
    .activity-table table tbody tr td .team-activity .activity-data {
      margin-bottom: 18px; }
      .activity-table table tbody tr td .team-activity .activity-data:last-child {
        margin-bottom: 0px; }
      .activity-table table tbody tr td .team-activity .activity-data .subtitle p {
        max-width: 235px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .activity-table table tbody tr td .team-activity .activity-data .common-space {
        position: relative;
        gap: 20px; }
        .activity-table table tbody tr td .team-activity .activity-data .common-space::before {
          content: '';
          height: 100%;
          width: 2px;
          background-color: #E6E9EB;
          position: absolute;
          top: 0px;
          right: 0px; }
      .activity-table table tbody tr td .team-activity .activity-data .user-activity {
        min-width: 200px;
        position: relative; }
        .activity-table table tbody tr td .team-activity .activity-data .user-activity .rounded-circle {
          border: 1px dashed #86909C; }
        .activity-table table tbody tr td .team-activity .activity-data .user-activity::before {
          content: '';
          height: 100%;
          width: 2px;
          background-color: #E6E9EB;
          position: absolute;
          top: 0px;
          right: 0px; }
      .activity-table table tbody tr td .team-activity .activity-data .activity-time {
        min-width: 120px;
        position: relative; }
        .activity-table table tbody tr td .team-activity .activity-data .activity-time span::before {
          content: '';
          height: 4px;
          width: 4px;
          background-color: #E6E9EB;
          position: absolute;
          top: 8px;
          left: -9px;
          border-radius: 15px; }
      .activity-table table tbody tr td .team-activity .activity-data a {
        color: #051A1A !important; }
      .activity-table table tbody tr td .team-activity .activity-data:hover a {
        color: var(--theme-deafult) !important; }
  .activity-table table tbody tr td:last-child:before {
    display: none; }

.visited-dropdown {
  padding: 8px;
  border: 1px solid #E6E9EB;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .visited-dropdown svg {
    height: 25px;
    width: 25px; }

.tranaction-table thead {
  background-color: rgba(230, 233, 235, 0.3); }
  .tranaction-table thead tr th {
    padding: 20px; }
    .tranaction-table thead tr th:nth-child(1) {
      min-width: 160px; }
    .tranaction-table thead tr th:nth-child(2) {
      min-width: 150px;
      padding: 20px 0px; }
    .tranaction-table thead tr th:nth-child(3) {
      min-width: 130px;
      padding: 20px 0px; }
    .tranaction-table thead tr th:nth-child(4) {
      min-width: 100px;
      padding: 20px 0px; }
    .tranaction-table thead tr th:nth-child(5) {
      min-width: 50px; }
    .tranaction-table thead tr th:first-child {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important; }
    .tranaction-table thead tr th:last-child {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }

.tranaction-table tbody tr {
  border-bottom: 1px solid #E6E9EB; }
  .tranaction-table tbody tr td {
    padding-top: 17px;
    padding-bottom: 17px; }
    .tranaction-table tbody tr td .status-process {
      border-radius: 15px;
      padding: 12px; }
    .tranaction-table tbody tr td:last-child .product-sub {
      text-align: center; }
  .tranaction-table tbody tr:last-child {
    border: none; }
    .tranaction-table tbody tr:last-child td {
      padding-bottom: 0px; }

.tranaction-table tbody tr:hover td a {
  color: var(--theme-deafult) !important; }

@media (max-width: 1799px) {
  .table-order .tranaction-table thead tr th:nth-child(2) {
    display: none; }
  .table-order .tranaction-table tbody tr td:nth-child(2) {
    display: none; }
  .total-revenue .sales-chart-dropdown {
    display: none; }
  .revenuegrowth-details .growth-details p:last-child {
    display: none; }
  .selling-product .balance-data {
    flex-wrap: wrap;
    justify-content: center; }
    .selling-product .balance-data li {
      display: none; }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px; }
  .team-activity ul li.activity-data .activity-time {
    min-width: 90px; }
  .team-activity ul li.activity-data .subtitle {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .top-product-card .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1699px) {
  .activity-table table tbody tr td .team-activity .activity-data .user-activity {
    min-width: 77px; }
    .activity-table table tbody tr td .team-activity .activity-data .user-activity .username {
      display: none !important; }
  .deliveries-percentage .percentage-data .progress-value {
    display: none; }
  .deliveries-percentage .percentage-data .progress {
    display: none; }
  .deliveries-percentage .percentage-data .progress-value {
    justify-content: center; }
  .top-product-card ul li .top-product img {
    height: 40px;
    width: 60px; }
  .top-product-card ul li .product-details a {
    color: #051A1A !important; }
  .boost-up-card .img-boostup {
    right: 200px; }
    .boost-up-card .img-boostup .img-boostup-img-2 {
      position: absolute;
      top: 100px;
      left: -61px;
      height: 187px; } }

@media (max-width: 1599px) {
  row justify-content-center
.activity-table table tbody tr td .team-activity .activity-data .user-activity {
    min-width: 195px; }
    row justify-content-center
.activity-table table tbody tr td .team-activity .activity-data .user-activity .username {
      display: none !important; }
  .new-user ul li a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .deliveries-percentage .percentage-data .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .top-product-card ul li.top-product .product-details {
    max-width: 120px; }
  .top-product-card ul li.top-product .product-items {
    max-width: 195px; }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px; }
  .team-activity ul li.activity-data .activity-time {
    min-width: 90px; } }

@media (max-width: 1399px) {
  .selling-product .balance-data li {
    display: block; }
  .deliveries-percentage table.percentage-data thead tr th:nth-child(2) {
    display: none; }
  .deliveries-percentage table.percentage-data tbody td:nth-child(2) {
    display: none; }
  .revenuegrowth .revenuegrowth-chart::before {
    display: none; }
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .boostup-name h6 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 85px; } }

@media (max-width: 1199px) {
  .table-order .tranaction-table thead tr th:nth-child(2) {
    display: block !important; }
  .table-order .tranaction-table tbody tr td:nth-child(2) {
    display: block !important; }
  .activity-table table {
    overflow: auto !important; }
  .deliveries-percentage table.percentage-data tbody tr td {
    min-width: 178px; }
  .top-product-card .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .top-product-card ul li.top-product:last-child {
    display: none !important; }
  .top-product-card ul li.top-product:nth-child(3) {
    border: none; }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px; }
  .team-activity ul li.activity-data .activity-time {
    min-width: 95px; }
  .team-activity ul li.activity-data .subtitle {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 767px) {
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 110px; } }

@media (max-width: 575.98px) {
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media only screen and (max-width: 480px) {
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 95px; }
  .revenuegrowth {
    margin-bottom: -18px; } }

@media only screen and (max-width: 375px) {
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 116px; } }

/**=====================
  3.10 Dashboard_3 CSS Ends
==========================**/
/**=====================
  3.13 Dashboard_default CSS Start
==========================**/
.form-control-plaintext {
  width: auto !important; }

@keyframes bounce-effect {
  0% {
    transform: translateY(0);
    transition: 0.5s; }
  50% {
    transform: translateY(-5px);
    transition: 0.5s; }
  100% {
    transform: translateY(0);
    transition: 0.5s; } }

@keyframes round {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.badge-light-primary {
  background-color: #29ffff; }
  .badge-light-primary span {
    color: #006666 !important; }

.badge-light-secondary {
  background-color: white; }
  .badge-light-secondary span {
    color: #FE6A49 !important; }

.badge-light-success {
  background-color: #6fffa9; }
  .badge-light-success span {
    color: #00AC46 !important; }

.badge-light-danger {
  background-color: white; }
  .badge-light-danger span {
    color: #FE6A49 !important; }

.badge-light-info {
  background-color: #6e96e3; }
  .badge-light-info span {
    color: #173878 !important; }

.badge-light-light {
  background-color: #b7b7c9; }
  .badge-light-light span {
    color: #52526c !important; }

.badge-light-dark {
  background-color: #8490a9; }
  .badge-light-dark span {
    color: #2c323f !important; }

.badge-light-warning {
  background-color: #fff3dc; }
  .badge-light-warning span {
    color: #FFAE1A !important; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.table thead th {
  border-bottom: 2px solid #ecf3fa; }

@media (max-width: 1712px) {
  .overall-card .balance-card {
    padding: 12px; } }

@media (max-width: 1662px) and (min-width: 1600px) {
  .overall-card .col-xl-9 {
    width: 73%; }
  .overall-card .col-xl-3 {
    width: 27%; } }

@media (max-width: 1650px) and (min-width: 1600px) {
  .overall-card .col-xl-9 {
    width: 72%; }
  .overall-card .col-xl-3 {
    width: 28%; } }

@media (max-width: 1600px) and (min-width: 1500px) {
  .overall-card .col-xl-9 {
    width: 70%; }
  .overall-card .col-xl-3 {
    width: 30%; } }

@media (max-width: 1500px) and (min-width: 1200px) {
  .overall-card .col-xl-9 {
    width: 65%; }
  .overall-card .col-xl-3 {
    width: 35%; } }

/* Clock styles */
.clockbox {
  margin-bottom: -5px; }
  .clockbox svg {
    width: 45px;
    height: 45px; }
    @media (max-width: 767px) {
      .clockbox svg {
        height: 36px; } }
.circle {
  fill: #fff;
  stroke: rgba(255, 255, 255, 0.4);
  stroke-width: 80px;
  stroke-miterlimit: 10; }

.mid-circle {
  fill: #000; }

.hour-marks {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 9;
  stroke-miterlimit: 10; }

.hour-hand {
  fill: none;
  stroke: #ff7e00;
  stroke-width: 17;
  stroke-miterlimit: 10; }

.minute-hand {
  fill: none;
  stroke: #ff7e00;
  stroke-width: 11;
  stroke-miterlimit: 10; }

.second-hand {
  fill: none;
  stroke: #FFAE1A;
  stroke-width: 15px;
  stroke-miterlimit: 10; }

.sizing-box {
  fill: none; }

#hour,
#minute,
#second {
  transform-origin: 300px 300px;
  transition: transform .5s ease-in-out; }

@media (min-width: 1400px) {
  .widget-grid .height-equal {
    min-height: unset !important; } }

@media (min-width: 1400px) {
  .widget-grid > .col-xxl-auto {
    width: 22.22%; } }

.order-chart > div {
  margin-top: -25px;
  margin-bottom: -43px; }

.order-chart svg path {
  clip-path: inset(7% 0% 0% 0% round 0.6rem); }

.growth-wrap .card-header {
  position: relative;
  z-index: 1; }

.growth-wrapper > div {
  margin-top: -54px;
  margin-bottom: -25px; }
  @media (max-width: 1481px) {
    .growth-wrapper > div {
      margin-top: -50px; } }
.profit-chart > div {
  margin-top: -45px;
  margin-bottom: -48px; }

.profit-chart .apexcharts-canvas .apexcharts-tooltip-text-label {
  display: none; }

.card .card-footer .common-space a {
  color: #051A1A; }

.card .card-footer .common-space:hover a {
  color: #006666; }

.sales-wrapper .apexcharts-xaxistooltip {
  display: none; }

.total-order .apexcharts-xaxistooltip {
  display: none; }

.sales-chart {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.sales-chart-dropdown {
  display: flex;
  gap: 15px;
  align-items: center; }
  .sales-chart-dropdown .sales-chart-dropdown-select {
    display: flex;
    justify-content: end;
    gap: 15px; }

.total-revenue {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .total-revenue span {
    font-weight: 500; }
  .total-revenue .update-data {
    position: relative; }
    .total-revenue .update-data::before {
      content: "";
      position: absolute;
      height: 4px;
      width: 4px;
      bottom: 3px;
      left: -15px;
      bottom: 9px;
      border-radius: 15px;
      background-color: #86909C; }
  .total-revenue a {
    font-weight: 600; }

.total-chart {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: -45px;
  margin-top: -20px; }
  .total-chart .data-grow svg {
    width: 24px;
    height: 24px;
    cursor: pointer; }
  .total-chart .data-grow span {
    color: #051A1A; }

.special-Offer {
  background-image: url(/../images/dashboard/Banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 363px;
  border-radius: 8px;
  width: 100%;
  background-position: center; }
  .special-Offer h4 {
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    text-align: center; }
  .special-Offer p {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center; }
  .special-Offer .offer-contain {
    padding-top: 45px;
    text-align: center; }
    .special-Offer .offer-contain p {
      margin: 0px 20px; }

.ecommerce-banner {
  background-image: url(/../images/dashboard/Dashboard-Ecommerce-banner.gif);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 190px; }

.product-widget:hover {
  transform: translateY(-5px);
  transition: 0.5s; }

.new-product {
  padding: 16px !important; }
  .new-product svg {
    cursor: pointer; }
  .new-product:hover .product-cost .add-product svg {
    animation: tada 1.5s ease infinite; }
  .new-product .product-icon {
    height: 50px;
    width: 50px;
    border-radius: 6px; }
  .new-product .product-cost {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .new-product .product-cost .add-product {
      display: flex;
      align-items: center;
      gap: 16px; }
      .new-product .product-cost .add-product h6 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .new-product .product-cost .add-product span {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
    .new-product .product-cost .product-icon svg {
      height: 25px;
      margin: 12px;
      width: 25px; }

.product-costing {
  margin-bottom: 14px;
  border-bottom: 1px dashed #E6E9EB; }
  .product-costing p {
    font-size: 14px;
    font-weight: 500; }
  .product-costing span {
    margin-bottom: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .product-costing:last-child {
    border: none;
    margin-bottom: 0px; }
    .product-costing:last-child span {
      margin-bottom: 0px; }
  .product-costing .product-icon {
    height: 50px;
    width: 50px;
    border-radius: 6px; }
  .product-costing:last-child .costing-span {
    margin-bottom: 0px; }
  .product-costing .product-cost {
    display: flex;
    gap: 15px;
    margin-bottom: 8px; }
    .product-costing .product-cost .product-icon svg {
      height: 25px;
      margin: 12px;
      width: 25px;
      cursor: pointer; }
  .product-costing:hover .product-cost svg {
    animation: tada 1.5s ease infinite; }

.sale-history-card {
  margin-bottom: 16px;
  border-bottom: 1px solid #E6E9EB; }
  .sale-history-card:last-child {
    margin-bottom: 0px;
    border: none; }
  .sale-history-card:hover .history-price a {
    color: #006666 !important; }
  .sale-history-card .history-price {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .sale-history-card .history-price a {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: #051A1A; }
  .sale-history-card:last-child .state-time {
    margin-bottom: 0px; }
  .sale-history-card .state-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px; }

.table-order .order-table-images {
  height: 35px; }

.table-order .product-name {
  display: flex;
  align-items: center;
  gap: 15px; }
  .table-order .product-name img {
    border-radius: 4px; }

.table-order .invoice-icon {
  height: 24px;
  width: 24px; }

.table-order .latest-orders thead {
  background-color: rgba(230, 233, 235, 0.3); }
  .table-order .latest-orders thead tr th {
    padding: 20px; }
    .table-order .latest-orders thead tr th:nth-child(1) {
      min-width: 190px; }
    .table-order .latest-orders thead tr th:nth-child(2) {
      min-width: 200px;
      padding: 20px 0px; }
    .table-order .latest-orders thead tr th:nth-child(3) {
      min-width: 130px;
      padding: 20px 0px; }
    .table-order .latest-orders thead tr th:nth-child(4) {
      min-width: 90px;
      padding: 20px 0px; }
    .table-order .latest-orders thead tr th:nth-child(5) {
      min-width: 50px; }
    .table-order .latest-orders thead tr th:first-child {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important; }
    .table-order .latest-orders thead tr th:last-child {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }

.table-order .latest-orders tbody tr {
  border-bottom: 1px solid #E6E9EB; }
  .table-order .latest-orders tbody tr td {
    padding-top: 17px;
    padding-bottom: 17px; }
    .table-order .latest-orders tbody tr td:nth-child(4) .badge {
      padding: 7px 18px; }
    .table-order .latest-orders tbody tr td:last-child {
      text-align: center; }
    .table-order .latest-orders tbody tr td p {
      color: var(--body-font-color);
      font-weight: 500; }
    .table-order .latest-orders tbody tr td .status-process {
      border-radius: 15px;
      padding: 12px; }
    .table-order .latest-orders tbody tr td:last-child .product-sub {
      text-align: center; }
  .table-order .latest-orders tbody tr:last-child {
    border: none; }
    .table-order .latest-orders tbody tr:last-child td {
      padding-bottom: 0px;
      overflow: hidden; }

.table-order .latest-orders tbody tr td a {
  color: #051A1A; }

.table-order .latest-orders tbody tr:hover td a {
  color: var(--theme-deafult) !important; }

.table-order .order-table thead {
  background-color: rgba(230, 233, 235, 0.3); }
  .table-order .order-table thead tr th {
    padding: 20px; }
    .table-order .order-table thead tr th:nth-child(1) {
      min-width: 190px; }
    .table-order .order-table thead tr th:nth-child(2) {
      min-width: 200px;
      padding: 20px 0px; }
    .table-order .order-table thead tr th:nth-child(3) {
      min-width: 130px;
      padding: 20px 0px; }
    .table-order .order-table thead tr th:nth-child(4) {
      min-width: 90px;
      padding: 20px 0px; }
    .table-order .order-table thead tr th:nth-child(5) {
      min-width: 50px; }
    .table-order .order-table thead tr th:first-child {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important; }
    .table-order .order-table thead tr th:last-child {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }

.table-order .order-table tbody tr {
  border-bottom: 1px solid #E6E9EB; }
  .table-order .order-table tbody tr td {
    padding-top: 17px;
    padding-bottom: 17px; }
    .table-order .order-table tbody tr td:nth-child(4) .badge {
      padding: 9px 18px; }
    .table-order .order-table tbody tr td:last-child {
      text-align: center; }
    .table-order .order-table tbody tr td p {
      color: var(--body-font-color);
      font-weight: 500; }
    .table-order .order-table tbody tr td .status-process {
      border-radius: 15px;
      padding: 12px; }
    .table-order .order-table tbody tr td:last-child .product-sub {
      text-align: center; }
  .table-order .order-table tbody tr:last-child {
    border: none; }
    .table-order .order-table tbody tr:last-child td {
      padding-bottom: 0px; }

.table-order .order-table tbody tr td a {
  color: #051A1A; }

.table-order .order-table tbody tr:hover td .product-name .product-sub a {
  color: var(--theme-deafult) !important; }

.revenueproductwidget {
  margin: 230px 0px 0px 0px; }

.revenueproduct .apexcharts-canvas .apexcharts-legend {
  display: flex;
  flex-direction: column;
  gap: 5px; }

.revenueproduct .apexcharts-canvas .apexcharts-legend-marker {
  border-radius: 4px !important; }

.revenueproduct .apexcharts-canvas .apexcharts-legend-text {
  font-size: 14px !important; }

.widget-1 {
  background-image: url(/../images/dashboard/widget-bg.png);
  background-size: cover;
  margin-bottom: 25px; }
  .widget-1 i {
    font-weight: 700;
    font-size: 12px; }
  .widget-1 .f-w-500 {
    display: flex;
    align-items: center; }
    @media (max-width: 1580px) and (min-width: 1200px) {
      .widget-1 .f-w-500 {
        display: none; } }
  .widget-1 .card-body {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 18px 25px; }
    @media (max-width: 1720px) {
      .widget-1 .card-body {
        padding: 18px; } }
  .widget-1 .widget-round {
    position: relative;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-radius: 100%; }
    .widget-1 .widget-round .bg-round {
      width: 56px;
      height: 56px;
      box-shadow: 1px 2px 21px -2px rgba(214, 214, 227, 0.83);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      margin: 6px;
      position: relative;
      z-index: 1; }
      .widget-1 .widget-round .bg-round svg {
        width: 24px;
        height: 24px; }
      .widget-1 .widget-round .bg-round .half-circle {
        height: 52px;
        position: absolute;
        left: -9px;
        width: 35px;
        bottom: -8px;
        background: #fff;
        z-index: -1; }
      @media (max-width: 1600px) {
        .widget-1 .widget-round .bg-round {
          width: 40px;
          height: 40px; }
          .widget-1 .widget-round .bg-round svg {
            width: 22px;
            height: 22px; }
          .widget-1 .widget-round .bg-round .half-circle {
            height: 40px;
            left: -10px;
            width: 30px;
            bottom: -8px; } }
    .widget-1 .widget-round.primary {
      border-color: var(--theme-deafult); }
    .widget-1 .widget-round.secondary {
      border-color: var(--theme-secondary); }
    .widget-1 .widget-round.success {
      border-color: #00AC46; }
    .widget-1 .widget-round.warning {
      border-color: #FFAE1A; }
  .widget-1 .widget-content {
    display: flex;
    align-items: center;
    gap: 15px; }
    @media (max-width: 1600px) {
      .widget-1 .widget-content {
        gap: 10px; } }
    .widget-1 .widget-content h4 {
      margin-bottom: 4px; }
  .widget-1:hover {
    transform: translateY(-5px);
    transition: 0.5s; }
    .widget-1:hover .widget-round .svg-fill:not(.half-circle) {
      animation: tada 1.5s ease infinite; }

.widget-with-chart .card-body {
  align-items: center; }

.profile-box {
  background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%);
  color: #fff; }
  .profile-box .cartoon {
    position: absolute;
    bottom: -15px;
    right: 20px;
    animation: bounce-effect 5s infinite ease-in; }
    [dir="rtl"] .profile-box .cartoon {
      right: unset !important;
      left: 5px; }
    @media (max-width: 1660px) {
      .profile-box .cartoon {
        right: 30px;
        text-align: right; }
        [dir="rtl"] .profile-box .cartoon {
          left: -6px;
          text-align: left; }
        .profile-box .cartoon img {
          width: 80%; } }
    @media (max-width: 1500px) {
      .profile-box .cartoon img {
        width: 60%; } }
    @media (max-width: 767px) {
      .profile-box .cartoon {
        right: 10px; }
        [dir="rtl"] .profile-box .cartoon {
          left: -10px; }
        .profile-box .cartoon img {
          width: 52%; } }
    @media (max-width: 575px) {
      .profile-box .cartoon {
        right: 30px; }
        [dir="rtl"] .profile-box .cartoon {
          left: 10px; }
        .profile-box .cartoon img {
          width: 48%; } }
  .profile-box .greeting-user p {
    width: 60%; }
    @media (max-width: 1500px) {
      .profile-box .greeting-user p {
        width: 70%; } }
    @media (max-width: 1199px) {
      .profile-box .greeting-user p {
        width: 80%; } }
    @media (max-width: 767px) {
      .profile-box .greeting-user p {
        width: 98%; } }
    @media (max-width: 600px) {
      .profile-box .greeting-user p {
        width: 100%; } }
    @media (max-width: 575px) {
      .profile-box .greeting-user p {
        width: 98%; } }
  .profile-box .whatsnew-btn {
    margin-top: 3.5rem; }
    @media (max-width: 1500px) {
      .profile-box .whatsnew-btn {
        margin-top: 1.7rem; } }
    @media (max-width: 991px) {
      .profile-box .whatsnew-btn {
        margin-top: 3.5rem; } }
    @media (max-width: 638px) {
      .profile-box .whatsnew-btn {
        margin-top: 2rem; } }
    @media (max-width: 767px) {
      .profile-box .whatsnew-btn .btn {
        padding: 6px 10px; } }
.header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px; }
  .header-top a i {
    font-size: 11px;
    margin-bottom: -2px; }
  .header-top a.btn {
    padding: 8px 12px; }
    @media (max-width: 575px) {
      .header-top a.btn {
        padding: 5px; } }
    .header-top a.btn.badge-light-primary:hover {
      background-color: var(--theme-deafult); }

.user-details {
  display: flex;
  align-items: center;
  gap: 15px; }
  @media (max-width: 1399px) {
    .user-details {
      gap: 6px; } }
  .user-details .customers {
    width: 200px; }
  @media (max-width: 575px) {
    .user-details {
      flex-wrap: wrap; } }
.papernote-wrap .banner-img {
  border-radius: 15px;
  width: 100%; }

.papernote-wrap .note-labels {
  display: flex;
  align-items: center; }
  .papernote-wrap .note-labels > * {
    padding: 3px 0; }
  .papernote-wrap .note-labels ul {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap; }
    @media (max-width: 575px) {
      .papernote-wrap .note-labels ul {
        gap: 4px; } }
  .papernote-wrap .note-labels .badge {
    font-size: 14px;
    padding: 6px 12px; }
    @media (max-width: 575px) {
      .papernote-wrap .note-labels .badge {
        font-size: 12px;
        padding: 5px 6px; } }
  .papernote-wrap .note-labels .last-label {
    padding-left: 16px;
    margin-left: 16px;
    border-left: 1px dashed rgba(255, 255, 255, 0.7); }
    [dir="rtl"] .papernote-wrap .note-labels .last-label {
      padding-left: unset;
      margin-left: unset;
      margin-right: 16px;
      padding-right: 16px;
      border-left: none;
      border-right: 1px dashed rgba(255, 255, 255, 0.7); }
    @media (max-width: 575px) {
      .papernote-wrap .note-labels .last-label {
        padding-left: 8px;
        margin-left: 8px; }
        [dir="rtl"] .papernote-wrap .note-labels .last-label {
          margin-right: 8px;
          padding-right: 8px; } }
.papernote-wrap .light-card {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--light2);
  border: 1px solid rgba(255, 255, 255, 0.2); }

.appointment-sec .card-header-right-icon select {
  background-color: rgba(0, 102, 102, 0.08) !important;
  border: none;
  color: var(--theme-deafult) !important;
  width: auto !important;
  height: 32px !important;
  border-radius: 10px;
  padding: 5px 10px;
  line-height: 50px !important;
  font-weight: 500;
  border: none;
  outline: none !important; }
  .appointment-sec .card-header-right-icon select:hover {
    background-color: rgba(0, 102, 102, 0.08) !important;
    color: var(--theme-deafult) !important; }

.appointment-sec .bottom-btn {
  text-align: center; }
  .appointment-sec .bottom-btn a {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.3px;
    text-decoration-line: underline;
    text-transform: uppercase; }

.notification ul {
  position: relative; }
  .notification ul::before {
    position: absolute;
    content: "";
    border: 1px dashed #E6E9EB;
    opacity: 0.3;
    top: 12px;
    left: 2px;
    height: calc(100% - 12px); }
    [dir="rtl"] .notification ul::before {
      left: unset;
      right: 2px; }

.notification li {
  padding-bottom: 22px; }

.notification div[class*="activity-dot-"] {
  margin-top: 12px;
  animation: round 1.3s ease-in-out infinite; }

.notification .card .d-flex .w-100 p .badge {
  color: #fff;
  margin-left: 10px;
  font-weight: 500; }

.notification .card .d-flex .w-100 h6 {
  margin-bottom: 5px;
  position: relative; }
  .notification .card .d-flex .w-100 h6 ~ p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-emphasis: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 260px; }
    @media (max-width: 767px) {
      .notification .card .d-flex .w-100 h6 ~ p {
        -webkit-line-clamp: unset;
        text-emphasis: unset;
        white-space: unset;
        text-overflow: unset;
        display: block;
        width: unset;
        overflow: visible; } }
@keyframes round {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.notification .card .d-flex .w-100 span {
  color: #FFFFFF; }

.notification .card .d-flex:nth-child(2) .media-body h6 .dot-notification {
  background-color: #FFAE1A;
  border: 5px solid #ffe4b3; }

.notification .card .d-flex:last-child {
  margin-bottom: 0 !important; }

.notification .date-content {
  padding: 4px 8px;
  border-radius: 5px; }

.schedule-container > div {
  margin-bottom: -40px; }

.schedule-container svg path {
  clip-path: inset(1% 0% 0% 0% round 1.5rem); }

.purchase-card {
  text-align: center;
  margin-top: 200px; }
  @media (max-width: 1560px) {
    .purchase-card {
      margin-top: 170px; } }
  @media (max-width: 1399px) {
    .purchase-card {
      margin-top: 160px; } }
  @media (max-width: 500px) {
    .purchase-card {
      margin-top: 110px; } }
  @media (max-width: 420px) {
    .purchase-card {
      margin-top: 90px; } }
  .purchase-card img {
    margin-top: -208px; }
    @media (max-width: 1560px) {
      .purchase-card img {
        margin-top: -170px; } }
    @media (max-width: 1399px) {
      .purchase-card img {
        width: 70%;
        margin: -160px auto 0 auto; } }
    @media (max-width: 1366px) {
      .purchase-card img {
        width: 76%; } }
    @media (max-width: 1199px) {
      .purchase-card img {
        width: 86%; } }
    @media (max-width: 991px) {
      .purchase-card img {
        width: 72%; } }
    @media (max-width: 767px) {
      .purchase-card img {
        width: 50%; } }
    @media (max-width: 500px) {
      .purchase-card img {
        margin-top: -110px; } }
    @media (max-width: 420px) {
      .purchase-card img {
        margin-top: -90px;
        width: 60%; } }
  .purchase-card .purchase-btn {
    min-width: auto; }

.user-list {
  column-count: 2;
  column-rule-style: dashed;
  column-rule-color: rgba(255, 255, 255, 0.7);
  column-gap: 120px;
  column-rule-width: 1px; }
  @media (max-width: 1780px) {
    .user-list {
      column-gap: 80px; } }
  @media (max-width: 1660px) {
    .user-list {
      column-gap: 40px; } }
  @media (max-width: 360px) {
    .user-list {
      column-gap: 25px; } }
  .user-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%; }
    @media (max-width: 1540px) {
      .user-list li {
        gap: 5px; } }
    .user-list li i {
      font-size: 12px;
      font-weight: 700; }
    @media (max-width: 360px) {
      .user-list li h5 {
        font-size: 16px; } }
    @media (max-width: 360px) {
      .user-list li span {
        font-size: 13px; } }
    .user-list li:hover .user-box svg {
      animation: tada 1.5s ease infinite; }
  .user-list .user-icon {
    border-radius: 100%;
    display: inline-block; }
    .user-list .user-icon .user-box {
      margin: 3px;
      width: 47px;
      height: 47px;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 1540px) {
        .user-list .user-icon .user-box {
          width: 30px;
          height: 30px; }
          .user-list .user-icon .user-box svg {
            width: 18px;
            height: 18px; } }
    .user-list .user-icon.primary {
      border: 1px solid #006666; }
      .user-list .user-icon.primary .user-box {
        background: #00e6e6; }
    .user-list .user-icon.success {
      border: 1px solid #00AC46; }
      .user-list .user-icon.success .user-box {
        background: #79ffb0; }

.appointment-table table tr td {
  position: relative;
  border-top: none;
  padding: 15px 0;
  vertical-align: middle; }
  .appointment-table table tr td:first-child {
    width: 50px; }
  .appointment-table table tr td .status-circle {
    top: 1px;
    left: 35px;
    border-width: 3px; }
  .appointment-table table tr td p,
  .appointment-table table tr td .btn {
    font-weight: 500;
    font-size: 12px; }
  .appointment-table table tr td .btn {
    padding: 4px 12px; }

.appointment-table table tr .img-content-box a {
  color: var(--body-font-color);
  transition: 0.5s;
  display: inline-block !important; }

.appointment-table table tr .img-content-box span {
  display: block; }

.appointment-table table tr:hover .img-content-box a {
  color: var(--theme-deafult);
  transition: 0.5s; }

.appointment-table table tr:first-child td {
  padding-top: 0 !important; }

.appointment-table table tr:last-child td {
  padding-bottom: 0 !important; }

.appointment-table.customer-table table tr td {
  padding: 10px 0; }
  .appointment-table.customer-table table tr td img {
    min-width: 40px; }

.icon-box {
  width: 50px;
  height: 32px;
  background-color: rgba(0, 102, 102, 0.08);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .icon-box i {
    color: var(--theme-deafult);
    font-size: 22px; }
  .icon-box svg {
    stroke: var(--theme-deafult); }

.balance-card {
  display: flex;
  padding: 15px;
  border-radius: 5px;
  gap: 15px;
  transition: 0.5s; }
  @media (max-width: 1199px) {
    .balance-card {
      gap: 8px; } }
  .balance-card .svg-box {
    width: 43px;
    height: 43px;
    background: #fff;
    box-shadow: 0px 71.2527px 51.5055px rgba(229, 229, 245, 0.189815), 0px 42.3445px 28.0125px rgba(229, 229, 245, 0.151852), 0px 21.9866px 14.2913px rgba(229, 229, 245, 0.125), 0px 8.95749px 7.16599px rgba(229, 229, 245, 0.0981481), 0px 2.03579px 3.46085px rgba(229, 229, 245, 0.0601852);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 1199px) {
      .balance-card .svg-box {
        width: 35px;
        height: 35px; } }
    .balance-card .svg-box svg {
      height: 20px;
      fill: rgba(255, 255, 255, 0.85); }
      @media (max-width: 1199px) {
        .balance-card .svg-box svg {
          height: 17px; } }
.btn-light-secondary {
  background-color: rgba(var(--theme-secondary), 0.1);
  font-size: 12px;
  padding: 6px 12px;
  font-weight: 600; }

.crm-activity > li + li {
  border-top: 1px solid #efefef;
  margin-top: 10px;
  padding-top: 10px; }
  .crm-activity > li + li h6 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px; }

.crm-activity > li h6 {
  font-size: 14px; }

.crm-activity span {
  font-size: 40px; }

.crm-activity ul.dates h6 {
  color: #051A1A; }

.crm-activity ul.dates li {
  color: #FFFFFF;
  font-size: 12px;
  display: inline-block;
  line-height: 1; }
  .crm-activity ul.dates li + li {
    border-left: 1px solid #efefef;
    padding-left: 10px;
    margin-left: 5px; }

.fill-primary {
  fill: #006666; }

.fill-secondary {
  fill: #FE6A49; }

.fill-success {
  fill: #00AC46; }

.fill-warning {
  fill: #FFAE1A; }

.fill-info {
  fill: #173878; }

.fill-danger {
  fill: #FE6A49; }

.ecommerce-widget {
  box-shadow: none;
  border: 1px solid #f1f3ff !important;
  border-radius: 5px; }
  .ecommerce-widget .total-num {
    color: #051A1A;
    margin: 0;
    letter-spacing: 1px; }
    .ecommerce-widget .total-num span {
      color: #000; }
  .ecommerce-widget .row {
    align-items: center; }
  .ecommerce-widget .progress-showcase {
    margin-top: 30px; }
  .ecommerce-widget span {
    color: #FFFFFF;
    margin: 0;
    cursor: pointer; }
  .ecommerce-widget .icon {
    color: #efefef;
    font-size: 40px; }
  .ecommerce-widget .flot-chart-container {
    height: 100px;
    padding: 0;
    margin: 0;
    border: transparent; }
  .ecommerce-widget .morris-default-style {
    display: none !important; }
  .ecommerce-widget svg {
    -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3)); }

.redial-social-widget {
  border-radius: 100%;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  margin: 0 auto;
  background-image: linear-gradient(90deg, #E6E9EB 50%, transparent 50%, transparent), linear-gradient(90deg, #ecf3fa 50%, #E6E9EB 50%, #E6E9EB); }
  .redial-social-widget i {
    background-color: #fff;
    height: 80px;
    width: 80px;
    border-radius: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; }
  .redial-social-widget.radial-bar-70 {
    background-image: linear-gradient(342deg, var(--theme-deafult) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--theme-deafult) 50%, #E6E9EB 50%, #E6E9EB); }

.browser-widget:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  transition: all 0.3s ease;
  transform: scale(1.1) rotate(5deg); }

.browser-widget img {
  height: 80px;
  filter: grayscale(100%);
  transform: scale(1) rotate(0deg);
  transition: all 0.3s ease; }

.browser-widget .media-body {
  text-align: center;
  column-count: 3;
  column-rule: 1px solid #E6E9EB; }
  .browser-widget .media-body p {
    margin-bottom: 5px; }
  .browser-widget .media-body span {
    margin-bottom: 0;
    color: #FFFFFF; }
  .browser-widget .media-body h4 {
    color: #051A1A;
    margin-bottom: 0;
    font-size: 18px; }
    .browser-widget .media-body h4 span {
      color: #333333; }

.testimonial i {
  font-size: 60px;
  color: rgba(43, 43, 43, 0.7);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.1;
  z-index: -1; }

.testimonial p {
  color: #FFFFFF;
  font-style: italic;
  margin-bottom: 30px;
  margin-top: 30px; }

.testimonial h5 {
  color: #051A1A;
  padding-top: 10px; }

.testimonial span {
  color: #FFFFFF; }

.testimonial img {
  margin: 0 auto; }

.widget-charts .widget-1 .card-body {
  padding: 30px 25px; }

.chart-widget-top #chart-widget1,
.chart-widget-top #chart-widget2,
.chart-widget-top #chart-widget3 {
  margin-bottom: -14px; }
  .chart-widget-top #chart-widget1 .apexcharts-xaxistooltip,
  .chart-widget-top #chart-widget2 .apexcharts-xaxistooltip,
  .chart-widget-top #chart-widget3 .apexcharts-xaxistooltip {
    display: none; }

.chart-widget-top span {
  color: #6C757D; }

.bar-chart-widget .apexcharts-legend {
  bottom: 0 !important; }
  .bar-chart-widget .apexcharts-legend .apexcharts-legend-series {
    margin: 0 10px !important; }
  .bar-chart-widget .apexcharts-legend .apexcharts-legend-marker {
    margin-right: 5px; }

.bar-chart-widget .top-content {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.bar-chart-widget .earning-details {
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  display: flex;
  letter-spacing: 1px; }
  .bar-chart-widget .earning-details i {
    font-size: 230px;
    position: absolute;
    opacity: 0.1;
    right: -30px;
    top: 0; }
    .bar-chart-widget .earning-details i:hover {
      transform: rotate(-5deg) scale(1.1);
      transition: all 0.3s ease; }

.bar-chart-widget .num {
  font-weight: 600; }
  .bar-chart-widget .num .color-bottom {
    color: #000; }

.skill-chart {
  margin-bottom: -48px; }
  .skill-chart .apexcharts-legend .apexcharts-legend-series span {
    display: block; }
  .skill-chart .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text {
    margin: 10px 0 20px; }

.progress-chart {
  margin: -11px 0 -20px; }
  .progress-chart .apexcharts-canvas svg path,
  .progress-chart .apexcharts-canvas svg rect {
    clip-path: inset(1% 0% 0% 0% round 1rem); }

.bottom-content span {
  color: #FFFFFF; }

.bottom-content .block-bottom {
  display: block; }

@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -30px; } }

@-webkit-keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0; }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px; } }

@keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0; }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px; } }

@-webkit-keyframes am-draw {
  0% {
    stroke-dashoffset: 500%; }
  100% {
    stroke-dashoffset: 0; } }

@keyframes am-draw {
  0% {
    stroke-dashoffset: 500%; }
  100% {
    stroke-dashoffset: 0; } }

.serial-chart .chart-container {
  width: 100%;
  height: 500px; }
  .serial-chart .chart-container .lastBullet {
    animation: am-pulsating 1s ease-out infinite; }
  .serial-chart .chart-container .amcharts-graph-column-front {
    transition: all .3s .3s ease-out; }
    .serial-chart .chart-container .amcharts-graph-column-front:hover {
      fill: var(--theme-secondary);
      stroke: var(--theme-secondary);
      transition: all .3s ease-out; }
  .serial-chart .chart-container .amcharts-graph-g3 {
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    animation: am-draw 40s; }
  .serial-chart .chart-container .amcharts-graph-g2 .amcharts-graph-stroke {
    stroke-dasharray: 3px 3px;
    stroke-linejoin: round;
    stroke-linecap: round;
    animation: am-moving-dashes 1s linear infinite; }

.chart-container .apexcharts-xaxis-label,
.chart-container .apexcharts-yaxis-label {
  font-size: 14px !important;
  color: #6C757D !important; }

.chart-container .apexcharts-xaxis-annotations rect {
  clip-path: inset(1% 0% 0% 0% round 0.2rem); }

.crypto-chart {
  margin-left: -20px; }
  .crypto-chart .apexcharts-tooltip-title {
    display: none; }
  .crypto-chart .apexcharts-tooltip-series-group:last-child, .crypto-chart .apexcharts-tooltip-series-group.active {
    padding-bottom: 0; }

.speed-chart .chart-container {
  width: 100%;
  height: 530px; }

.speed-chart .content {
  margin-top: -200px;
  margin-bottom: 20px; }
  .speed-chart .content h4 {
    font-weight: 600;
    padding-top: 2px; }

.status-widget svg {
  width: 20px;
  height: 20px;
  vertical-align: text-top; }

.status-widget .card .card-header h5 {
  line-height: 1.38; }

.status-widget .status-chart {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden; }

.small-chart-widget .chart-container {
  height: 311px;
  padding: 0;
  margin: 0;
  border: none; }

.small-chart-widget .card .card-body {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }

.donut-chart-widget .chart-container {
  height: 300px;
  border: 0;
  margin: 0;
  padding: 0; }

.status-details h4 {
  font-weight: 600; }
  .status-details h4 span {
    color: inherit; }

.status-details span {
  color: #FFFFFF; }

.status-chart .chart-container {
  height: 200px;
  border: 0;
  padding: 0;
  margin: 0; }

.map-chart .chart-container {
  width: 100%;
  height: 500px; }

.serial-chart {
  width: 100%; }

.live-products,
.turnover,
.uses,
.monthly {
  height: 300px; }

.live-products .ct-series-a .ct-area,
.live-products .ct-series-a .ct-point,
.live-products .ct-series-a .ct-line,
.live-products .ct-series-a .ct-bar,
.live-products .ct-series-a .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.77); }

.live-products .ct-label {
  fill: #fff;
  color: #fff; }

.live-products .ct-grid {
  stroke: rgba(255, 255, 255, 0.7); }

.turnover .ct-series-a .ct-area,
.turnover .ct-series-a .ct-point,
.turnover .ct-series-a .ct-line,
.turnover .ct-series-a .ct-bar,
.turnover .ct-series-a .ct-slice-donut,
.uses .ct-series-a .ct-area,
.uses .ct-series-a .ct-point,
.uses .ct-series-a .ct-line,
.uses .ct-series-a .ct-bar,
.uses .ct-series-a .ct-slice-donut,
.monthly .ct-series-a .ct-area,
.monthly .ct-series-a .ct-point,
.monthly .ct-series-a .ct-line,
.monthly .ct-series-a .ct-bar,
.monthly .ct-series-a .ct-slice-donut {
  stroke: white;
  fill: transparent; }

.turnover .ct-series-b .ct-area,
.turnover .ct-series-b .ct-point,
.turnover .ct-series-b .ct-line,
.turnover .ct-series-b .ct-bar,
.turnover .ct-series-b .ct-slice-donut,
.uses .ct-series-b .ct-area,
.uses .ct-series-b .ct-point,
.uses .ct-series-b .ct-line,
.uses .ct-series-b .ct-bar,
.uses .ct-series-b .ct-slice-donut,
.monthly .ct-series-b .ct-area,
.monthly .ct-series-b .ct-point,
.monthly .ct-series-b .ct-line,
.monthly .ct-series-b .ct-bar,
.monthly .ct-series-b .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.7);
  fill: transparent; }

.turnover .ct-series-c .ct-area,
.turnover .ct-series-c .ct-point,
.turnover .ct-series-c .ct-line,
.turnover .ct-series-c .ct-bar,
.turnover .ct-series-c .ct-slice-donut,
.uses .ct-series-c .ct-area,
.uses .ct-series-c .ct-point,
.uses .ct-series-c .ct-line,
.uses .ct-series-c .ct-bar,
.uses .ct-series-c .ct-slice-donut,
.monthly .ct-series-c .ct-area,
.monthly .ct-series-c .ct-point,
.monthly .ct-series-c .ct-line,
.monthly .ct-series-c .ct-bar,
.monthly .ct-series-c .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.4);
  fill: transparent; }

.turnover .ct-label,
.uses .ct-label,
.monthly .ct-label {
  fill: #fff;
  color: #fff; }

.turnover .ct-grid,
.uses .ct-grid,
.monthly .ct-grid {
  stroke: rgba(255, 255, 255, 0.7); }

#draggableMultiple .ui-sortable-handle .card {
  cursor: move; }

.tilt-showcase ul li .line {
  padding-top: 10px; }

.tilt-showcase .pre-mt {
  margin-top: 5px; }

.wow-title h5 {
  display: flex;
  align-items: center;
  font-size: 18px; }
  .wow-title h5 .badge {
    -webkit-text-fill-color: #fff; }

.alert-center {
  display: flex !important;
  align-items: center; }

.box-shadow-title .sub-title {
  margin: 30px 0; }

.hovercard .info .social-media ul li {
  padding-top: 3px; }

.hovercard .cardheader {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.sticky-header-main .card .card-header h5 {
  line-height: 35px; }
  .sticky-header-main .card .card-header h5 a {
    color: #fff;
    -webkit-text-fill-color: #fff; }

.custom-radio-ml {
  margin-left: 3px; }

.twitter-typeahead {
  display: block !important; }

span.twitter-typeahead .league-name {
  font-size: 16px;
  padding: 6px 10px 0; }

span.twitter-typeahead .tt-menu {
  float: left;
  width: 100%;
  min-width: 10rem;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0; }

span.twitter-typeahead .tt-suggestion {
  color: #2b2b2b;
  opacity: 0.6;
  font-size: 13px;
  padding: 6px 12px;
  border-top: 1px solid #efefef;
  background: #fff;
  cursor: pointer; }
  span.twitter-typeahead .tt-suggestion:hover, span.twitter-typeahead .tt-suggestion:focus {
    background-color: #fff; }
  span.twitter-typeahead .tt-suggestion.active, span.twitter-typeahead .tt-suggestion:active {
    color: #fff;
    background-color: var(--theme-deafult); }

#scrollable-dropdown-menu .twitter-typeahead .tt-menu .tt-dataset {
  max-height: 100px;
  overflow-y: auto; }

.chart-right {
  position: relative; }

.balance-data {
  display: flex;
  gap: 7px; }
  [dir="rtl"] .balance-data {
    right: unset;
    left: 2%; }
  @media (max-width: 991px) {
    .balance-data {
      top: -42px;
      right: -65%; }
      [dir="rtl"] .balance-data {
        left: -65%; } }
  @media (max-width: 575px) {
    .balance-data {
      display: none; } }
  .balance-data li {
    display: flex;
    align-items: center;
    font-weight: 500; }
  .balance-data .circle {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%; }

.current-sale-container {
  padding-right: 12px; }
  [dir="rtl"] .current-sale-container {
    padding-right: unset;
    padding-left: 12px; }
  .current-sale-container > div {
    margin: -22px 0 -30px -16px; }
    @media (max-width: 1199px) {
      .current-sale-container > div {
        margin-bottom: 0; } }
    @media (max-width: 404px) {
      .current-sale-container > div {
        margin-bottom: -30px; } }
  .current-sale-container .apexcharts-xaxistooltip {
    color: var(--theme-deafult);
    background: rgba(0, 102, 102, 0.1);
    border: 1px solid var(--theme-deafult); }
  .current-sale-container .apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: var(--theme-deafult); }
  .current-sale-container .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: rgba(0, 102, 102, 0.1);
    color: var(--theme-deafult); }
  @media (max-width: 575px) {
    .current-sale-container.order-container {
      padding-right: 0; }
      [dir="rtl"] .current-sale-container.order-container {
        padding-left: 0; } }
  @media (max-width: 404px) {
    .current-sale-container.order-container > div {
      margin-bottom: 0; } }
.recent-circle {
  min-width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  margin-top: 5px; }

.recent-wrapper {
  align-items: center; }
  .recent-wrapper .order-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px; }
    @media (max-width: 1199px) {
      .recent-wrapper .order-content {
        gap: 20px; } }
    @media (max-width: 575px) {
      .recent-wrapper .order-content {
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row; } }
    .recent-wrapper .order-content li {
      display: flex;
      align-items: flex-start;
      gap: 8px; }
  @media (max-width: 1660px) {
    .recent-wrapper .recent-chart .apexcharts-canvas .apexcharts-datalabel-label {
      font-size: 15px; } }
  @media (max-width: 1560px) and (min-width: 1400px) {
    .recent-wrapper > div {
      width: 100%; } }
  @media (max-width: 1560px) and (min-width: 1400px) {
    .recent-wrapper > div:last-child {
      display: none; } }
.apexcharts-series.apexcharts-radial-series {
  position: relative; }
  .apexcharts-series.apexcharts-radial-series::after {
    position: absolute;
    content: '';
    background: linear-gradient(0deg, #FFFFFF 0.05%, #F4F4F4 19.91%, #F5F6F9 55.02%, #EAECF4 100%);
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    top: 0;
    left: 0; }

.card-block .table-responsive .table caption {
  padding-left: 10px; }

.card-block .table-responsive .table-bordered td {
  vertical-align: middle; }

.card-block .table-border-radius {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.card-block .default-checkbox-align #checkbox1 {
  margin-right: 10px; }

.card-block .default-checkbox-align #radio {
  margin-right: 5px; }

#example-style-3_wrapper #example-style-3 tfoot {
  border-top: 2px solid #efefef; }

.chart-vertical-center {
  display: flex;
  justify-content: center; }
  .chart-vertical-center #myDoughnutGraph,
  .chart-vertical-center #myPolarGraph {
    width: auto !important; }

.cke_focus {
  padding: 15px;
  margin-top: 13px; }

#editor .ace_scroller .ace_content .ace_layer .ace_print-margin {
  visibility: hidden !important; }

.helper-classes {
  padding: 30px;
  margin-bottom: 0;
  white-space: pre-line; }

.starter-kit-fix .page-body {
  margin-bottom: 52px; }

.starter-main .card-body p {
  font-size: 14px; }

.starter-main .card-body ul {
  padding-left: 30px;
  list-style-type: disc;
  margin-bottom: 15px; }

.starter-main .card-body h5 {
  font-size: 18px; }

.starter-main .card-body pre {
  white-space: pre-line;
  padding: 30px; }

.starter-main .card-body .alert-primary.inverse:before {
  top: 32px; }

.starter-main .alert {
  background-color: rgba(0, 102, 102, 0.2) !important; }
  .starter-main .alert i {
    display: flex;
    align-items: center; }

footer.blockquote-footer {
  bottom: unset; }

@media only screen and (max-width: 767px) {
  .ecommerce-banner {
    height: 210px; }
  .footer-fix .pull-right {
    float: none !important;
    text-align: center !important; } }

@media only screen and (max-width: 991px) {
  .notification li {
    padding-bottom: 20px; }
  .notification .card .card-body .d-flex .w-100 p {
    margin: 0; }
  .notification .card .card-body .d-flex .w-100 h6 {
    margin-top: 10px; } }

@media only screen and (max-width: 575px) {
  .notification li {
    padding-bottom: 15px; }
  .media-dropdown {
    display: block; }
    .media-dropdown .media-body {
      margin-bottom: 15px; }
  .total-chart span {
    font-size: 12px !important; } }

@media only screen and (max-width: 360px) {
  .footer {
    padding-left: 0 !important;
    padding-right: 0 !important; }
    .footer p {
      font-size: 12px; }
  .appointment-table table tr td {
    min-width: 103px; }
    .appointment-table table tr td:first-child {
      min-width: 50px; }
    .appointment-table table tr td:nth-child(2) {
      min-width: 120px; } }

@media (max-width: 425px) {
  .sales-chart .sales-chart-dropdown-select .card-header-right-icon.online-store .dropdown {
    display: none; }
  .search-form input {
    padding-left: 50px; } }

@media (max-width: 1399px) {
  .special-Offer h4 {
    font-size: 18px; }
  .special-Offer .offer-contain p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal; }
  .total-chart .data-grow span {
    display: none !important; }
  .total-chart .data-grow svg {
    display: none !important; }
  .total-revenue span {
    font-size: 12px; }
  .total-revenue a {
    display: none !important; }
  .total-revenue span {
    font-size: 12px; }
  .total-revenue a {
    display: none !important; }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: block !important; }
  .table-order .latest-orders thead tr th:last-child {
    display: block !important; }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: block !important; }
  .table-order .latest-orders tbody tr td:last-child {
    display: block !important; }
  .table-order .order-table thead tr th:nth-child(4) {
    display: block; }
  .total-chart span {
    font-size: 15px;
    font-weight: 500 !important; } }

@media (max-width: 1299px) {
  .special-Offer h4 {
    font-size: 16px; } }

@media (max-width: 1199px) {
  .special-Offer h4 {
    font-size: 18px; }
  .total-chart .data-grow span {
    display: block !important; }
  .total-chart .data-grow svg {
    display: block !important; }
  .total-revenue a {
    display: block !important; }
  .total-revenue a {
    display: block !important; } }

@media (max-width: 1599px) {
  .table-order .latest-orders thead tr th:nth-child(2) {
    min-width: 186px; }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: none; }
  .table-order .latest-orders thead tr th:last-child {
    display: none; }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: none; }
  .table-order .latest-orders tbody tr td:last-child {
    display: none; }
  .revenueproduct {
    margin-bottom: -0px; }
    .revenueproduct .apexcharts-canvas .apexcharts-legend {
      display: none; }
  .card .card-body .product-costing .costing-span {
    font-size: 10px;
    font-weight: 400; }
  .card .card-body .product-costing .product-icon {
    height: 40px;
    width: 40px; }
    .card .card-body .product-costing .product-icon svg {
      height: 20px;
      margin: 10px;
      width: 21px; } }

@media (max-width: 1799px) {
  .balance-data li:last-child {
    display: none !important; }
  .total-chart .data-grow span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1865px) {
  .table-order .order-table thead tr th:nth-child(2) {
    min-width: 115px !important; }
  .table-order .order-table thead tr th:nth-child(3) {
    min-width: 80px !important; }
  .table-order .order-table thead tr th:nth-child(4) {
    display: none !important; }
  .table-order .order-table tbody tr td:nth-child(4) {
    display: none !important; }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: none; }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: none; } }

/**=====================
  3.13 Dashboard_default CSS Ends
==========================**/
/**=====================
  3.14 Ecommerce CSS Start
==========================**/
/**====== Product Start ======**/
.toggle-data {
  cursor: pointer; }

.filter-block ul li {
  padding-top: 15px; }
  .filter-block ul li a {
    color: var(--body-font-color); }
  @media (max-width: 1500px) {
    .filter-block ul li {
      padding-top: 10px; } }
.collection-filter-block svg {
  width: 50px;
  height: 25px;
  stroke: var(--theme-deafult);
  margin-right: 10px; }

.collection-filter-block h5 {
  margin-bottom: 0;
  font-size: 16px; }

.collection-filter-block p {
  font-size: 13px; }

.collection-filter-block .media-body {
  opacity: 0.5; }

.collection-filter-block li + li {
  margin-top: 16px; }

.collection-filter-block ul.pro-services li svg {
  width: auto; }

.qty-box .btn {
  background-color: transparent !important;
  border-color: #ecf3fa !important;
  padding: 8px 12px; }
  .qty-box .btn i {
    color: #898989; }
  .qty-box .btn svg {
    width: 14px !important;
    stroke: #2c323f; }

.qty-box span {
  padding: 0 4px; }

.qty-box .input-group {
  background-color: rgba(44, 50, 63, 0.1); }

.qty-box input {
  background-color: rgba(44, 50, 63, 0.1);
  color: #2c323f;
  max-width: 44px;
  padding: 0;
  text-align: center;
  border: none;
  max-height: 37px; }

.product-social li a {
  color: #898989;
  font-size: 15px;
  border: 1px solid #E6E9EB;
  border-radius: 100%;
  height: 35px;
  width: 35px;
  display: inline-block;
  text-align: center;
  line-height: 2.3;
  transition: all 0.3s ease; }
  .product-social li a:hover {
    border-color: #006666;
    color: #006666;
    background-color: rgba(0, 102, 102, 0.1);
    transition: all 0.3s ease; }

.product-social li:nth-child(n+2) {
  margin-left: 10px; }
  [dir="rtl"] .product-social li:nth-child(n+2) {
    margin-left: unset;
    margin-right: 10px; }

.product-sidebar .filter-section .card .card-header {
  padding: 16px 30px;
  border-radius: 5px; }
  .product-sidebar .filter-section .card .card-header h6 {
    position: relative; }
    .product-sidebar .filter-section .card .card-header h6 .pull-right i {
      position: absolute;
      top: 4px;
      left: 0;
      font-size: 10px;
      width: 100%;
      height: 10px;
      text-align: right;
      cursor: pointer; }

.product-wrapper .product-sidebar .filter-section .card .left-filter {
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: 0.3s;
  min-width: 320px; }
  .product-wrapper .product-sidebar .filter-section .card .left-filter .product-filter .irs-with-grid {
    margin-bottom: 15px; }

.product-wrapper .product-grid .product-wrapper-grid {
  margin-left: 0;
  transition: 0.3s; }

.product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
  z-index: 3;
  opacity: 1;
  visibility: visible;
  position: absolute;
  width: 100%;
  background-color: white;
  top: 53px;
  height: auto; }

.d-none-productlist {
  display: none; }
  .d-none-productlist svg {
    vertical-align: middle;
    cursor: pointer; }

.product-wrapper-grid.list-view .product-box {
  display: flex;
  align-items: center; }
  .product-wrapper-grid.list-view .product-box .product-img {
    width: 20%; }
  .product-wrapper-grid.list-view .product-box .product-details {
    text-align: left; }

.slider-product {
  padding: 15px 0;
  border-top: 1px solid #E6E9EB;
  border-bottom: 1px solid #E6E9EB;
  margin-bottom: 15px; }

.products-total {
  display: flex;
  align-items: center; }

.grid-options {
  height: 33px;
  margin-left: 10px; }
  .grid-options ul li a {
    position: relative; }
    .grid-options ul li a .line-grid {
      position: absolute;
      width: 4px;
      height: 15px;
      top: 9px; }
    .grid-options ul li a .line-grid-1 {
      left: 12px; }
    .grid-options ul li a .line-grid-2 {
      left: 18px; }
    .grid-options ul li a .line-grid-3 {
      left: 36px; }
    .grid-options ul li a .line-grid-4 {
      left: 42px; }
    .grid-options ul li a .line-grid-5 {
      left: 48px; }
    .grid-options ul li a .line-grid-6 {
      left: 66px; }
    .grid-options ul li a .line-grid-7 {
      left: 72px; }
    .grid-options ul li a .line-grid-8 {
      left: 78px; }
    .grid-options ul li a .line-grid-9 {
      left: 84px; }
    .grid-options ul li a .line-grid-10 {
      left: 103px; }
    .grid-options ul li a .line-grid-11 {
      left: 109px; }
    .grid-options ul li a .line-grid-12 {
      left: 115px; }
    .grid-options ul li a .line-grid-13 {
      left: 121px; }
    .grid-options ul li a .line-grid-14 {
      left: 127px; }
    .grid-options ul li a .line-grid-15 {
      left: 133px; }

.square-product-setting {
  height: 36px;
  vertical-align: middle; }
  .square-product-setting a {
    color: #051A1A; }
  .square-product-setting .icon-grid {
    padding: 7px;
    background-color: #fff;
    display: flex;
    align-items: center;
    margin: 0 10px; }
    .square-product-setting .icon-grid svg {
      width: 20px;
      height: 20px; }

.product-filter .banner-product {
  margin-top: 15px; }

.product-filter h6 {
  margin-bottom: 15px; }

.product-filter .color-selector {
  line-height: 0.9; }
  .product-filter .color-selector ul li {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #444;
    border-radius: 100%;
    cursor: pointer; }
    .product-filter .color-selector ul li.white {
      background-color: #fff; }
    .product-filter .color-selector ul li.gray {
      background-color: #FFFFFF; }
    .product-filter .color-selector ul li.black {
      background-color: #000; }
    .product-filter .color-selector ul li.orange {
      background-color: #ffb17a; }
    .product-filter .color-selector ul li.green {
      background-color: #6fb866; }
    .product-filter .color-selector ul li.pink {
      background-color: pink; }
    .product-filter .color-selector ul li.yellow {
      background-color: #f2f896; }
    .product-filter .color-selector ul li.blue {
      background-color: #63b4f2; }
    .product-filter .color-selector ul li.red {
      background-color: #ff647f; }

.product-filter.new-products {
  margin-top: 20px; }
  .product-filter.new-products button {
    width: auto; }
  .product-filter.new-products .owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    top: -46px;
    right: 0; }
    .product-filter.new-products .owl-theme .owl-nav button:focus {
      outline: transparent; }
    .product-filter.new-products .owl-theme .owl-nav button span {
      font-size: 20px; }
      .product-filter.new-products .owl-theme .owl-nav button span:focus {
        outline-color: transparent; }
  .product-filter.new-products .owl-theme .owl-nav [class*='owl-']:hover {
    background-color: transparent;
    color: inherit; }
  .product-filter.new-products .owl-theme .owl-item .item .product-box .product-details {
    padding: 25px 0; }
  .product-filter.new-products .owl-theme .owl-item .item .product-box + .product-box {
    margin-top: 15px; }

.select2-drpdwn-product .form-control {
  border: none;
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  margin-bottom: 10px;
  height: 36px; }

.feature-products form .form-group {
  position: relative; }
  .feature-products form .form-group input {
    margin-bottom: 15px;
    border: none;
    box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
    height: 50px;
    padding-left: 30px; }
  .feature-products form .form-group i {
    position: absolute;
    top: 18px;
    right: 30px;
    color: #898989; }

.product-box {
  border-radius: 10px;
  overflow: hidden; }
  .product-box .product-details {
    padding: 15px 25px; }
    .product-box .product-details > a {
      color: #051A1A; }
    .product-box .product-details p {
      margin-bottom: 0;
      opacity: 0.8; }
    .product-box .product-details h4 {
      margin-bottom: 0;
      margin-top: 5px;
      font-size: 20px;
      font-family: "Montserrat", sans-serif; }
    .product-box .product-details h6 {
      color: #051A1A;
      text-transform: uppercase;
      margin-bottom: 10px; }
    .product-box .product-details span {
      color: #898989; }
    .product-box .product-details .rating i {
      font-size: 16px;
      letter-spacing: 3px;
      color: #ffa800; }
  .product-box .modal .modal-header .product-box .product-details {
    padding: 25px 15px; }
    .product-box .modal .modal-header .product-box .product-details h6 {
      text-transform: capitalize; }
    .product-box .modal .modal-header .product-box .product-details .product-price {
      font-size: 22px;
      margin-bottom: 10px; }
    .product-box .modal .modal-header .product-box .product-details .product-view {
      padding: 20px 0;
      border-top: 1px dotted #59667a;
      border-bottom: 1px dotted #59667a; }
    .product-box .modal .modal-header .product-box .product-details .product-size {
      margin: 20px 0; }
      .product-box .modal .modal-header .product-box .product-details .product-size ul li {
        display: inline-block; }
    .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset {
      margin-bottom: 20px; }
      .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group {
        width: 35%; }
        .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn {
          padding: 5px 12px; }
        .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn-primary {
          background-color: #59667a !important;
          border: 1px solid #59667a !important; }
  .product-box .modal .modal-header .btn-close {
    position: absolute;
    right: 26px;
    top: 22px; }
  .product-box .product-img {
    position: relative; }
    .product-box .product-img .product-hover {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.3);
      opacity: 0;
      border-radius: 100%;
      transform: scale(0);
      transition: all 0.3s ease; }
      .product-box .product-img .product-hover ul li {
        display: inline-block;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08);
        padding: 10px 13px;
        background-color: #fff;
        font-size: 18px;
        border-radius: 10px;
        height: 45px;
        width: 45px;
        margin: 0 3px;
        cursor: pointer; }
        .product-box .product-img .product-hover ul li i {
          color: #59667a;
          font-size: 18px; }
        .product-box .product-img .product-hover ul li .btn {
          padding: 0; }
        .product-box .product-img .product-hover ul li:hover {
          background-color: var(--theme-deafult);
          transition: all 0.3s ease; }
          .product-box .product-img .product-hover ul li:hover button:active, .product-box .product-img .product-hover ul li:hover button:focus-visible {
            border: none !important; }
          .product-box .product-img .product-hover ul li:hover .btn,
          .product-box .product-img .product-hover ul li:hover i {
            color: #fff; }
  .product-box:hover .product-hover {
    opacity: 1;
    border-radius: 0%;
    transform: scale(1);
    transition: all 0.3s ease; }

.product-page-main {
  padding: 30px; }
  .product-page-main .owl-item .item {
    border: 1px solid #E6E9EB;
    border-radius: 5px;
    background-color: #f8f8f8; }
  .product-page-main .owl-item.current .item {
    border: 1px solid var(--theme-deafult); }
  .product-page-main .product-slider {
    margin-bottom: 20px; }
    @media (min-width: 1400px) {
      .product-page-main .product-slider img {
        height: 520px;
        object-fit: cover; } }
    @media (min-width: 1500px) {
      .product-page-main .product-slider img {
        height: 400px;
        object-fit: cover; } }
  .product-page-main .product-color {
    margin-top: 10px; }

.product-page-details h4 {
  color: #051A1A;
  text-transform: uppercase;
  font-size: 18px; }

.product-page-details span {
  padding-left: 15px; }

.br-theme-fontawesome-stars .br-widget a,
.br-theme-fontawesome-stars .br-widget a.br-selected:after,
.br-theme-fontawesome-stars .br-widget a.br-active:after {
  color: #ffa800 !important;
  font: normal normal normal 14px/1 FontAwesome; }

.product-price {
  font-size: 18px;
  font-weight: 700;
  margin-top: 5px;
  color: var(--theme-deafult); }
  .product-price del {
    color: rgba(44, 50, 63, 0.4);
    padding-left: 10px;
    font-size: 80%; }

.product-color li {
  display: inline-block;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  margin: 0 2px; }

.product-page-main p {
  font-size: 15px; }

.product-page-main .nav-link {
  text-transform: uppercase;
  font-weight: 500; }

/**====== Product  Ends ======**/
.payment-opt li {
  display: inline-block; }
  .payment-opt li img {
    height: 20px;
    margin: 15px 15px 0 0; }

/**=====================
  3.14 Ecommerce CSS End
==========================**/
@media screen and (max-width: 1660px) and (min-width: 1200px) {
  .owl-carousel .owl-item img {
    max-width: 420px;
    margin: 0 auto; } }

/**=====================
  3.15 Email-application CSS Start
==========================**/
.email-wrap .row .col-xl-3 + .col-xl-3 {
  padding-right: 0; }

.email-wrap .row .col-xl-6 {
  padding-left: 0; }

.email-wrap .dropdown .dropdown-toggle {
  background-color: rgba(115, 102, 255, 0.08);
  color: #006666;
  border-radius: 10px;
  padding: 5px 10px;
  width: 100px;
  text-align: left; }
  [dir="rtl"] .email-wrap .dropdown .dropdown-toggle {
    text-align: right; }
  .email-wrap .dropdown .dropdown-toggle:after {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f107";
    border: none;
    font-family: "FontAwesome";
    font-size: 18px;
    margin: 0; }
    [dir="rtl"] .email-wrap .dropdown .dropdown-toggle:after {
      right: unset;
      left: 10px; }

.email-wrap .dropdown .dropdown-menu {
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0; }
  .email-wrap .dropdown .dropdown-menu .dropdown-item {
    color: #2b2b2b;
    opacity: 0.6;
    font-size: 13px;
    padding: 6px 12px;
    border-top: 1px solid #f5f5f5;
    background: #fff;
    line-height: 19px; }
    .email-wrap .dropdown .dropdown-menu .dropdown-item:hover {
      background-color: #fff; }

.email-wrap .email-app-sidebar .media img {
  border: 2px solid #ecf3fa; }

.email-wrap .email-app-sidebar .main-menu > li {
  width: 100%;
  text-align: left; }
  .email-wrap .email-app-sidebar .main-menu > li a {
    line-height: 39px;
    text-transform: uppercase;
    border-radius: 3px; }
    .email-wrap .email-app-sidebar .main-menu > li a i {
      margin-right: 10px; }
    .email-wrap .email-app-sidebar .main-menu > li a.active > a {
      color: #000; }
    .email-wrap .email-app-sidebar .main-menu > li a:hover {
      background-color: #f5f6f9;
      text-decoration: none; }

.email-wrap .email-app-sidebar ul li button {
  color: #fff; }

.email-wrap .email-app-sidebar ul li a {
  display: flex;
  padding-left: 20px;
  align-items: center; }
  .email-wrap .email-app-sidebar ul li a > .title {
    width: 100%;
    color: #2c323f; }
  .email-wrap .email-app-sidebar ul li a > .badge {
    align-self: center;
    color: #898989; }

.email-wrap .email-left-aside {
  float: left;
  width: 100%; }
  .email-wrap .email-left-aside .card-body {
    padding: 20px; }

@media (min-width: 1200px) {
  .email-wrap .email-right-aside .email-body .pr-0 {
    padding-right: 0; }
    [dir="rtl"] .email-wrap .email-right-aside .email-body .pr-0 {
      padding-right: 12px;
      padding-left: 0; } }

@media (min-width: 1200px) {
  .email-wrap .email-right-aside .email-body .pl-0 {
    padding-left: 0; }
    [dir="rtl"] .email-wrap .email-right-aside .email-body .pl-0 {
      padding-left: 12px;
      padding-right: 0; } }

.email-wrap .email-right-aside .email-body .inbox {
  overflow: auto; }
  @media (max-width: 1199.98px) {
    .email-wrap .email-right-aside .email-body .inbox {
      display: flex;
      flex-wrap: wrap; } }
  .email-wrap .email-right-aside .email-body .inbox .media {
    padding: 20px; }
    .email-wrap .email-right-aside .email-body .inbox .media.active {
      background-color: #f1f3f4; }

.email-wrap .email-right-aside .radius-left {
  border-radius: 8px;
  height: 100%; }

.email-wrap .btn-mail {
  border-radius: 2px;
  text-align: left;
  padding: 13px 15px;
  margin: 20px 0 20px;
  letter-spacing: 1px;
  line-height: 12px !important; }

.email-wrap p {
  margin-bottom: 0;
  color: var(--chart-text-color) !important;
  font-weight: 600; }

.email-wrap .media-body {
  margin-top: 5px; }
  .email-wrap .media-body h6 {
    margin-bottom: 2px;
    color: #242934;
    margin-top: 3px; }
    .email-wrap .media-body h6 small {
      font-size: 12px; }
      .email-wrap .media-body h6 small span {
        color: #777777; }
  .email-wrap .media-body p {
    color: #898989;
    font-size: 12px; }

.email-wrap .email-top {
  padding: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 49px; }
  .email-wrap .email-top i {
    cursor: pointer; }
  .email-wrap .email-top h5 {
    margin-bottom: 0;
    padding: 12px 0; }
  .email-wrap .email-top .d-flex {
    padding: 13px 0; }

.email-wrap .email-wrapper {
  padding: 20px; }
  .email-wrap .email-wrapper hr {
    margin-top: 0;
    margin-bottom: 20px; }
  .email-wrap .email-wrapper .d-inline-block {
    width: 100%; }
  .email-wrap .email-wrapper h6 {
    margin-bottom: 11px;
    float: left; }
  .email-wrap .email-wrapper .right-download {
    float: right; }
  .email-wrap .email-wrapper p + p {
    margin-bottom: 20px; }
  .email-wrap .email-wrapper h5 {
    margin-bottom: 20px; }

.email-wrap .email-body .attachment ul li img {
  margin-bottom: 20px;
  width: 80px;
  height: 80px;
  object-fit: cover; }

.email-wrap .email-body .attachment .list-inline .list-inline-item {
  padding-right: 13px; }

.email-wrap .email-body .email-compose .cke_contents.cke_reset {
  max-height: 178px;
  width: 100%;
  border: 1px solid #ecf3fa; }

.email-wrap .email-body .email-compose .email-top h4 {
  padding: 11px 0; }

/**=====================
  3.15 Email-application CSS Ends
==========================**/
/**=====================
    3.47 Letter_box CSS Start
==========================**/
.email-right-aside .email-list {
  display: block; }
  .email-right-aside .email-list.hide {
    display: none; }

.email-right-aside .email-read {
  display: none; }
  .email-right-aside .email-read.show {
    display: block; }

.email-right-aside .modal-footer {
  text-align: end; }

.email-main-wrapper .email-app-sidebar .nav-pills .nav-item:active, .email-main-wrapper .email-app-sidebar .nav-pills .nav-item.active {
  border-radius: 5px; }

.email-main-wrapper .email-app-sidebar .nav-pills .nav-item:last-child .nav-link {
  padding-bottom: 0; }

.email-main-wrapper .email-app-sidebar .nav-pills .nav-link {
  color: var(--chart-text-color);
  gap: 13px;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  padding: 8px 20px; }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:hover {
    background-color: rgba(0, 102, 102, 0.1);
    color: var(--theme-deafult); }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active {
    background-color: rgba(0, 102, 102, 0.1);
    color: var(--theme-deafult);
    border-radius: 5px; }
    .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active svg, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active svg {
      stroke: rgba(153, 153, 153, 0.8); }
    .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
      content: '';
      border-right: 3px solid var(--theme-deafult);
      position: absolute;
      top: 9px;
      width: 4px;
      right: 0;
      height: 35px;
      border: 2px solid var(--theme-deafult);
      border-radius: 100px 0 0 100px; }
      [dir="rtl"] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, [dir="rtl"] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
        right: unset;
        left: 0; }
      @media (max-width: 1400px) {
        .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
          top: 8px;
          height: 28px; } }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link svg {
    width: 18px;
    height: 18px;
    stroke: rgba(153, 153, 153, 0.8); }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link div {
    width: calc(100% - 13px - 18px);
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 1400px) {
      .email-main-wrapper .email-app-sidebar .nav-pills .nav-link div {
        font-size: 15px; } }
.email-main-wrapper .email-app-sidebar span {
  background-color: rgba(0, 102, 102, 0.2);
  color: var(--theme-deafult);
  border-radius: 20px;
  padding: 5px 13px; }
  @media (max-width: 1400px) {
    .email-main-wrapper .email-app-sidebar span {
      padding: 3px 10px; } }
.email-main-wrapper .email-app-sidebar .compose-mail {
  display: block;
  text-align: center; }
  .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active {
    padding: 15px;
    background-color: var(--theme-deafult);
    color: var(--white); }
    @media (max-width: 1400px) {
      .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active {
        padding: 10px; } }
    .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active::before {
      content: unset; }
  .email-main-wrapper .email-app-sidebar .compose-mail .nav-link i {
    font-size: 13px; }

@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .email-category.nav-pills .nav-item .nav-link {
    padding: 3px 20px; } }

@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item .nav-link {
    padding: 3px 20px; } }

.email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item:first-child a {
  margin-top: 16px; }

.email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item svg {
  width: 24px;
  height: 24px; }

.email-main-wrapper .email-app-sidebar .emailbox.btn {
  width: 100%;
  margin-bottom: 15px;
  padding: 12px;
  font-size: 16px;
  font-weight: 500; }
  @media (max-width: 576px) {
    .email-main-wrapper .email-app-sidebar .emailbox.btn {
      padding: 7px; } }
  .email-main-wrapper .email-app-sidebar .emailbox.btn i {
    padding-right: 12px; }
    [dir="rtl"] .email-main-wrapper .email-app-sidebar .emailbox.btn i {
      padding-right: unset;
      padding-left: 12px; }

.email-body .mail-header-wrapper {
  padding: 16px;
  box-shadow: 0px 5px 10px 0px rgba(82, 82, 108, 0.08);
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 1468px) {
    .email-body .mail-header-wrapper {
      padding: 12px; } }
  @media (max-width: 600px) {
    .email-body .mail-header-wrapper {
      flex-direction: column;
      align-items: flex-start; } }
  .email-body .mail-header-wrapper .mail-header .form-check {
    display: flex;
    align-items: center; }
    @media (max-width: 420px) {
      .email-body .mail-header-wrapper .mail-header .form-check {
        align-items: flex-start; } }
    .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
      width: 18px;
      height: 18px;
      margin-top: 9px; }
      @media (max-width: 1468px) {
        .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
          margin-right: 8px;
          margin-top: 2px; }
          [dir="rtl"] .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
            margin-left: 8px;
            margin-right: unset; } }
      .email-body .mail-header-wrapper .mail-header .form-check .form-check-input:focus {
        box-shadow: unset;
        border: 1px solid var(--theme-deafult); }
  @media (max-width: 424px) {
    .email-body .mail-header-wrapper .mail-header ul {
      gap: 12px; } }
  @media (max-width: 351px) {
    .email-body .mail-header-wrapper .mail-header ul {
      flex-direction: column; } }
  .email-body .mail-header-wrapper .mail-header ul li a {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--chart-text-color);
    position: relative;
    padding-bottom: 0; }
    @media (max-width: 1468px) {
      .email-body .mail-header-wrapper .mail-header ul li a {
        padding: 7px; } }
    .email-body .mail-header-wrapper .mail-header ul li a::before {
      content: '';
      position: absolute;
      bottom: -23px;
      left: 0;
      width: 0;
      background-color: var(--theme-deafult);
      height: 2px;
      transition: all 0.1s ease-in; }
      [dir="rtl"] .email-body .mail-header-wrapper .mail-header ul li a::before {
        left: unset;
        right: 0; }
      @media (max-width: 1468px) {
        .email-body .mail-header-wrapper .mail-header ul li a::before {
          bottom: -15px; } }
      @media (max-width: 991px) {
        .email-body .mail-header-wrapper .mail-header ul li a::before {
          bottom: -13px; } }
      @media (max-width: 351px) {
        .email-body .mail-header-wrapper .mail-header ul li a::before {
          bottom: -2px; } }
    .email-body .mail-header-wrapper .mail-header ul li a.active {
      color: var(--theme-deafult); }
      .email-body .mail-header-wrapper .mail-header ul li a.active::before {
        width: 100%;
        transition: all 0.1s ease-in; }
    .email-body .mail-header-wrapper .mail-header ul li a svg {
      width: 22px;
      height: 22px; }
      @media (max-width: 424px) {
        .email-body .mail-header-wrapper .mail-header ul li a svg {
          display: none; } }
  .email-body .mail-header-wrapper .mail-body {
    display: flex;
    gap: 12px; }
    @media (max-width: 1500px) {
      .email-body .mail-header-wrapper .mail-body {
        justify-content: end; } }
    @media (max-width: 600px) {
      .email-body .mail-header-wrapper .mail-body {
        display: none; } }
    .email-body .mail-header-wrapper .mail-body .mail-search {
      position: relative; }
      @media (max-width: 1500px) {
        .email-body .mail-header-wrapper .mail-body .mail-search {
          width: 55%; } }
      @media (max-width: 1468px) {
        .email-body .mail-header-wrapper .mail-body .mail-search {
          width: 48%; } }
      @media (max-width: 1400px) {
        .email-body .mail-header-wrapper .mail-body .mail-search {
          display: none; } }
      .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
        display: inline-block;
        padding: 8px 30px; }
        .email-body .mail-header-wrapper .mail-body .mail-search .form-control:focus {
          box-shadow: unset;
          border: 1px solid var(--chart-dashed-border); }
        @media (max-width: 1504px) {
          .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
            max-width: 165px; } }
      .email-body .mail-header-wrapper .mail-body .mail-search i {
        position: absolute;
        top: 12px;
        left: 11px; }
        [dir="rtl"] .email-body .mail-header-wrapper .mail-body .mail-search i {
          left: 0;
          right: 11px; }
    .email-body .mail-header-wrapper .mail-body .light-square i {
      color: var(--body-font-color); }

.email-body .light-square {
  width: 40px;
  height: 39px;
  border-radius: 8px;
  background-color: var(--light-slate);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }
  @media (max-width: 992px) {
    .email-body .light-square {
      width: 34px;
      height: 35px; } }
  .email-body .light-square.dropdown-toggle::after {
    content: '';
    display: none; }
  .email-body .light-square .dropdown-menu .dropdown-item {
    border-top: 0; }
    .email-body .light-square .dropdown-menu .dropdown-item:hover {
      background-color: #E6E9EB; }
    .email-body .light-square .dropdown-menu .dropdown-item i {
      padding-right: 12px; }
      [dir="rtl"] .email-body .light-square .dropdown-menu .dropdown-item i {
        padding-right: 0;
        padding-left: 12px; }

.email-body .mail-body-wrapper ul li {
  padding: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid var(--chart-dashed-border); }
  .email-body .mail-body-wrapper ul li:hover {
    background-color: var(--light-background); }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .email-timing {
      display: none;
      transition: all 0.3s ease-in-out; }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options {
      display: flex;
      align-items: center;
      gap: 14px;
      justify-content: flex-end;
      min-width: 100px;
      transition: all 0.3s ease-in-out; }
      .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i {
        font-size: 18px; }
        @media (max-width: 375px) {
          .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i {
            font-size: 16px; } }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .show {
      display: block; }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .hide {
      display: none; }
  @media (max-width: 460px) {
    .email-body .mail-body-wrapper ul li.inbox-data {
      display: block; } }
  .email-body .mail-body-wrapper ul li:last-child {
    border-bottom: unset; }
  .email-body .mail-body-wrapper ul li .inbox-user {
    min-width: 290px;
    display: flex;
    align-items: center;
    gap: 12px; }
    @media (max-width: 1400px) {
      .email-body .mail-body-wrapper ul li .inbox-user {
        min-width: 280px; } }
    @media (max-width: 576px) {
      .email-body .mail-body-wrapper ul li .inbox-user {
        min-width: 260px; } }
    .email-body .mail-body-wrapper ul li .inbox-user .form-check-input {
      width: 18px;
      height: 18px; }
      .email-body .mail-body-wrapper ul li .inbox-user .form-check-input:focus {
        box-shadow: unset; }
    .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
      width: 50px;
      height: 50px;
      border: 2px solid var(--chart-dashed-border);
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 100%; }
      @media (max-width: 1400px) {
        .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
          width: 42px;
          height: 42px; } }
      @media (max-width: 355px) {
        .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
          display: none; } }
      .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 102, 102, 0.2);
        border-radius: 100%; }
        @media (max-width: 1400px) {
          .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div {
            width: 32px;
            height: 32px; } }
        .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div p {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 100%;
          font-weight: 900;
          padding-top: 3px; }
          @media (max-width: 1200px) {
            .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div p {
              font-size: 13px; } }
      .email-body .mail-body-wrapper ul li .inbox-user .rounded-border .circle-success {
        background-color: rgba(0, 172, 70, 0.3); }
      .email-body .mail-body-wrapper ul li .inbox-user .rounded-border img {
        border-radius: 100%;
        height: 38px; }
        @media (max-width: 1400px) {
          .email-body .mail-body-wrapper ul li .inbox-user .rounded-border img {
            height: 32px; } }
  .email-body .mail-body-wrapper ul li .inbox-message {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 16px; }
    @media (max-width: 700px) {
      .email-body .mail-body-wrapper ul li .inbox-message {
        display: block; } }
    .email-body .mail-body-wrapper ul li .inbox-message .email-data span {
      font-weight: 500;
      color: var(--chart-text-color);
      letter-spacing: 0.3;
      display: -webkit-box;
      max-width: 100%;
      margin: 0 auto;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
      .email-body .mail-body-wrapper ul li .inbox-message .email-data span span {
        font-weight: 400;
        line-height: 1.9; }
    .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge {
      border-radius: 20px; }
      @media (max-width: 1236px) {
        .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge {
          margin-bottom: 5px; } }
      .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge:last-child {
        margin-bottom: 0; }
    .email-body .mail-body-wrapper ul li .inbox-message .email-timing {
      display: flex;
      align-items: center;
      min-width: 80px;
      transition: all 0.3s ease-in-out; }
      @media (max-width: 768px) {
        .email-body .mail-body-wrapper ul li .inbox-message .email-timing {
          justify-content: flex-end;
          height: 18px; } }
      .email-body .mail-body-wrapper ul li .inbox-message .email-timing span {
        color: var(--body-font-color); }
    .email-body .mail-body-wrapper ul li .inbox-message .email-options {
      display: none;
      transition: all 0.3s ease-in-out; }
      @media (max-width: 768px) {
        .email-body .mail-body-wrapper ul li .inbox-message .email-options {
          height: 18px; } }
      .email-body .mail-body-wrapper ul li .inbox-message .email-options .show {
        display: block; }
      .email-body .mail-body-wrapper ul li .inbox-message .email-options .hide {
        display: none; }
      .email-body .mail-body-wrapper ul li .inbox-message .email-options i {
        color: var(--body-font-color); }
  .email-body .mail-body-wrapper ul li.page-item {
    padding: 0; }

.email-body .mail-body-wrapper .hidden {
  display: none !important; }

.email-body .mail-pagination {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px; }
  .email-body .mail-pagination .pagination-button,
  .email-body .mail-pagination .pagination-number {
    padding: 0px 12px;
    width: 35px;
    height: 35px;
    border-radius: 10px;
    border: unset; }
  .email-body .mail-pagination .pagination-button.disabled {
    background-color: var(--light-background);
    color: var(--chart-text-color);
    opacity: 1; }
  .email-body .mail-pagination .pagination-number {
    padding: 6px 12px; }
    .email-body .mail-pagination .pagination-number.active {
      background-color: var(--theme-deafult);
      color: var(--white); }
  .email-body .mail-pagination .pagination-index {
    display: flex;
    gap: 12px; }

.compose-modal form .form-control {
  position: relative; }

.compose-modal form .add-bcc {
  position: absolute;
  top: 2px;
  right: 16px; }
  [dir="rtl"] .compose-modal form .add-bcc {
    right: unset;
    left: 16px; }
  .compose-modal form .add-bcc .btn {
    padding: 5px 8px;
    background-color: var(--light-shade-primary);
    color: var(--theme-deafult); }

.mail-header-wrapper.header-wrapper1 {
  flex-direction: unset; }
  @media (max-width: 440px) {
    .mail-header-wrapper.header-wrapper1 {
      flex-direction: column;
      gap: 10px; } }
.mail-header-wrapper .mail-header1 {
  display: flex;
  align-items: center;
  gap: 18px; }
  .mail-header-wrapper .mail-header1 span {
    font-weight: 500;
    color: var(--body-font-color); }
  .mail-header-wrapper .mail-header1 .btn-email {
    width: 20px;
    height: 20px;
    stroke: var(--body-font-color); }

.mail-header-wrapper .mail-body1 {
  display: flex;
  gap: 10px; }
  .mail-header-wrapper .mail-body1 svg {
    width: 20px;
    height: 20px; }
    @media (max-width: 480px) {
      .mail-header-wrapper .mail-body1 svg {
        width: 18px;
        height: 18px; } }
.mail-body-wrapper .user-mail-wrapper {
  padding: 16px; }
  .mail-body-wrapper .user-mail-wrapper .user-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--chart-dashed-border); }
    @media (max-width: 390px) {
      .mail-body-wrapper .user-mail-wrapper .user-title {
        flex-direction: column;
        padding-bottom: 12px;
        justify-content: unset;
        align-items: unset; } }
    .mail-body-wrapper .user-mail-wrapper .user-title > div {
      display: flex;
      align-items: center;
      gap: 12px;
      padding-bottom: 12px; }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .rounded-border {
        width: 50px;
        height: 50px;
        border: 2px solid var(--chart-dashed-border);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%; }
        .mail-body-wrapper .user-mail-wrapper .user-title > div .rounded-border img {
          height: 38px;
          border-radius: 100%; }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .dropdown-button {
        display: flex;
        align-items: center;
        gap: 8px;
        color: var(--text-gray); }
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .dropdown-button svg {
          width: 16px;
          height: 16px; }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security {
        padding: 16px;
        box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
        min-width: 350px; }
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p {
          margin-bottom: 8px; }
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p:last-child {
            margin-bottom: 0; }
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p span {
            color: var(--body-font-color); }
      @media (max-width: 475px) {
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
          left: -27px; }
          [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
            left: unset;
            right: -27px; } }
      @media (max-width: 445px) {
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
          left: -70px; }
          [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
            left: unset;
            right: -70px; } }
      @media (max-width: 395px) {
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
          min-width: 270px; } }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
        top: 30px;
        z-index: 1; }
        [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
          left: unset;
          right: 0; }
        @media (max-width: 575px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            opacity: 1;
            visibility: visible; } }
        @media (max-width: 475px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            left: -27px; }
            [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
              left: unset;
              right: -27px; } }
        @media (max-width: 445px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            left: -70px; }
            [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
              left: unset;
              right: -70px; } }
        @media (max-width: 395px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            min-width: 270px; } }
    @media (max-width: 390px) {
      .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options {
        padding-bottom: 0; } }
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span {
      color: var(--chart-text-color); }
      @media (max-width: 623px) {
        .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span {
          display: none; } }
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options svg {
      width: 18px;
      height: 18px; }
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options .light-square .dropdown-toggle::after {
      content: unset; }
  .mail-body-wrapper .user-mail-wrapper .user-body {
    padding: 14px 0;
    border-bottom: 1px solid var(--chart-dashed-border); }
    .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(1) {
      padding-bottom: 14px; }
    .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(2), .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(4) {
      line-height: 1.8;
      margin-bottom: 10px; }
    .mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent {
      padding-top: 14px; }
      .mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent p {
        padding-bottom: 0; }
  .mail-body-wrapper .user-mail-wrapper .user-footer {
    padding: 14px 0;
    border-bottom: 1px solid var(--chart-dashed-border); }
    .mail-body-wrapper .user-mail-wrapper .user-footer > div:not(.toolbar-box) {
      display: flex;
      align-items: center;
      gap: 8px;
      padding-bottom: 12px;
      cursor: pointer; }
    .mail-body-wrapper .user-mail-wrapper .user-footer svg {
      width: 20px;
      height: 20px;
      fill: none;
      stroke: var(--text-gray); }
      @media (max-width: 480px) {
        .mail-body-wrapper .user-mail-wrapper .user-footer svg {
          width: 18px;
          height: 18px; } }
    .mail-body-wrapper .user-mail-wrapper .user-footer .attchment-file {
      align-items: center;
      gap: 30px;
      padding: 12px;
      background-color: var(--light-background); }
      .mail-body-wrapper .user-mail-wrapper .user-footer .attchment-file .common-flex img {
        height: 36px; }
  .mail-body-wrapper .user-mail-wrapper .send-btn {
    text-align: end;
    padding-top: 14px; }
    .mail-body-wrapper .user-mail-wrapper .send-btn i {
      margin-left: 8px;
      font-size: 12px; }
      [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .send-btn i {
        margin-left: 0;
        margin-right: 8px; }

.toolbar-box {
  display: block;
  padding: 0;
  border: 1px solid var(--chart-dashed-border);
  border-radius: 5px; }
  .toolbar-box .ql-toolbar.ql-snow {
    border: 0; }
  .toolbar-box .ql-container.ql-snow {
    border: 0;
    min-height: 100px; }
  [dir="rtl"] .toolbar-box .ql-editor {
    text-align: right; }
  .toolbar-box .ql-editor p:nth-child(3) {
    margin: 12px 0; }
  .toolbar-box .ql-editor p:nth-child(8), .toolbar-box .ql-editor p:nth-child(9) {
    margin: 12px 0; }
  .toolbar-box .ql-bold:hover,
  .toolbar-box .ql-italic:hover,
  .toolbar-box .ql-underline:hover,
  .toolbar-box .ql-strike:hover,
  .toolbar-box .ql-list:hover,
  .toolbar-box .ql-stroke:hover,
  .toolbar-box .ql-indent:hover,
  .toolbar-box .ql-link:hover,
  .toolbar-box .ql-image:hover {
    color: var(--theme-deafult); }
    .toolbar-box .ql-bold:hover svg .ql-stroke,
    .toolbar-box .ql-bold:hover svg .ql-fill,
    .toolbar-box .ql-italic:hover svg .ql-stroke,
    .toolbar-box .ql-italic:hover svg .ql-fill,
    .toolbar-box .ql-underline:hover svg .ql-stroke,
    .toolbar-box .ql-underline:hover svg .ql-fill,
    .toolbar-box .ql-strike:hover svg .ql-stroke,
    .toolbar-box .ql-strike:hover svg .ql-fill,
    .toolbar-box .ql-list:hover svg .ql-stroke,
    .toolbar-box .ql-list:hover svg .ql-fill,
    .toolbar-box .ql-stroke:hover svg .ql-stroke,
    .toolbar-box .ql-stroke:hover svg .ql-fill,
    .toolbar-box .ql-indent:hover svg .ql-stroke,
    .toolbar-box .ql-indent:hover svg .ql-fill,
    .toolbar-box .ql-link:hover svg .ql-stroke,
    .toolbar-box .ql-link:hover svg .ql-fill,
    .toolbar-box .ql-image:hover svg .ql-stroke,
    .toolbar-box .ql-image:hover svg .ql-fill {
      stroke: var(--theme-deafult); }
  .toolbar-box .ql-bold button.ql-active .ql-stroke,
  .toolbar-box .ql-italic button.ql-active .ql-stroke,
  .toolbar-box .ql-underline button.ql-active .ql-stroke,
  .toolbar-box .ql-strike button.ql-active .ql-stroke,
  .toolbar-box .ql-list button.ql-active .ql-stroke,
  .toolbar-box .ql-stroke button.ql-active .ql-stroke,
  .toolbar-box .ql-indent button.ql-active .ql-stroke,
  .toolbar-box .ql-link button.ql-active .ql-stroke,
  .toolbar-box .ql-image button.ql-active .ql-stroke {
    stroke: var(--theme-deafult); }

#editor .ql-editing,
#editor1 .ql-editing {
  left: 60.375px !important; }
  [dir="rtl"] #editor .ql-editing, [dir="rtl"] #editor1 .ql-editing {
    left: 0;
    right: 60.375px !important; }
  #editor .ql-editing.ql-out-bottom,
  #editor1 .ql-editing.ql-out-bottom {
    visibility: visible !important; }

#editor .ql-tooltip,
#editor1 .ql-tooltip {
  left: 35.9688px !important; }
  [dir="rtl"] #editor .ql-tooltip, [dir="rtl"] #editor1 .ql-tooltip {
    left: 0;
    right: 35.9688px !important; }
  @media (max-width: 430px) {
    #editor .ql-tooltip,
    #editor1 .ql-tooltip {
      left: 2.9688px !important; }
      [dir="rtl"] #editor .ql-tooltip, [dir="rtl"] #editor1 .ql-tooltip {
        left: 0;
        right: 2.9688px !important; } }
  #editor .ql-tooltip.ql-out-bottom,
  #editor1 .ql-tooltip.ql-out-bottom {
    visibility: visible !important; }
    @media (max-width: 430px) {
      #editor .ql-tooltip.ql-out-bottom input[type=text],
      #editor1 .ql-tooltip.ql-out-bottom input[type=text] {
        width: 94px; } }
.important-mail {
  width: 18px;
  height: 18px;
  fill: transparent;
  stroke: var(--chart-text-color);
  cursor: pointer; }
  .important-mail:active, .important-mail.active {
    fill: #FFAE1A;
    stroke: #FFAE1A; }

.bookmark-box {
  stroke: var(--chart-text-color); }
  .bookmark-box:active, .bookmark-box.active {
    stroke: var(--theme-deafult); }

.dropdown-subtitle > p {
  color: #52526c;
  font-weight: 500; }

/**=====================
    3.47 Letter_box CSS End
==========================**/
/**=====================
    3.16 Errorpage CSS Start
==========================**/
.error-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  text-align: center; }
  .error-wrapper.maintenance-bg {
    background-image: url(/../images/admin/other-images/maintenance-bg.jpg);
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: overlay; }
  .error-wrapper .maintenance-icons li i {
    color: #59667a;
    font-size: 50px;
    animation: rotate-effect 40s infinite linear reverse; }
  .error-wrapper .maintenance-icons li:nth-child(2) i {
    font-size: 100px;
    margin-left: 110px;
    margin-top: -25px;
    animation: reverse-rotate-effect 40s linear infinite; }
  .error-wrapper .maintenance-icons li:nth-child(3) i {
    animation: rotate-effect 30s infinite linear;
    font-size: 150px;
    margin-top: -85px;
    margin-right: 120px; }

@keyframes rotate-effect {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes reverse-rotate-effect {
  0% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(0deg); } }
  .error-wrapper .maintenance-heading {
    margin-top: 70px; }
    .error-wrapper .maintenance-heading .headline {
      font-size: 99px;
      font-weight: 900;
      letter-spacing: 10px;
      color: var(--theme-deafult);
      z-index: 2;
      position: relative;
      margin-top: -70px; }
  .error-wrapper .error-heading {
    margin-top: 115px; }
    .error-wrapper .error-heading .headline {
      font-size: 285px;
      font-weight: 700;
      letter-spacing: 1px;
      margin-top: -130px; }
  .error-wrapper .sub-content {
    font-size: 18px;
    color: #051A1A;
    letter-spacing: 1px;
    font-weight: normal;
    line-height: 35px;
    z-index: 3;
    position: relative;
    margin-top: 30px;
    margin-bottom: 0; }
  .error-wrapper .btn {
    margin-top: 40px; }

.error {
  margin: 70px 0 100px;
  color: #000; }
  .error .error-title {
    font-size: 9.5rem;
    color: #fff;
    text-shadow: 6px 6px 7px rgba(0, 0, 0, 0.32); }
  .error .line-bottom {
    width: 10%;
    height: 5px;
    background-color: #FFAE1A;
    border: none; }
  .error .c-white {
    color: #fff; }
  .error .error-btn {
    text-align: center; }
  .error .padd {
    padding: 10px 30px 10px 30px; }
  .error .btn-back-home {
    background-color: #E6E9EB;
    color: #000; }
    .error .btn-back-home:hover {
      background-color: #FFAE1A;
      color: #fff;
      box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21); }
  .error .btn-adnc-serc {
    background-color: #2c323f;
    color: #fff; }
    .error .btn-adnc-serc:hover {
      background-color: #FFAE1A;
      color: #fff;
      box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21); }

/**=====================
    3.16 Errorpage CSS Start
==========================**/
/**=====================
    3.17 Faq CSS start
==========================**/
.knowledgebase-bg {
  height: 500px;
  border-radius: 15px;
  margin-bottom: 30px; }

.knowledgebase-search {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  left: 5%; }
  .knowledgebase-search .form-inline {
    background-color: #fff;
    width: 500px;
    padding: 12px 50px;
    border-radius: 10px;
    border: 1px solid #E6E9EB;
    margin-top: 10px;
    position: relative; }
    .knowledgebase-search .form-inline ::placeholder {
      color: rgba(5, 26, 26, 0.6); }
    .knowledgebase-search .form-inline svg {
      position: absolute;
      left: 20px;
      width: 20px;
      top: 17px;
      stroke: rgba(5, 26, 26, 0.6); }

.faq-widgets {
  align-items: center; }
  .faq-widgets .media-body h5 {
    font-weight: 600;
    color: #fff;
    margin-bottom: 8px; }
  .faq-widgets .media-body p {
    padding-right: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis; }
  .faq-widgets svg {
    width: 150px;
    height: 150px;
    opacity: 0.5; }

.header-faq {
  margin-bottom: 30px; }
  .header-faq h5 {
    font-weight: 600; }

.features-faq.card .card-body,
.features-faq.card .card-footer {
  padding: 20px 25px; }

.features-faq .faq-image img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%; }

.features-faq .card-body h6 {
  margin-bottom: 15px;
  font-weight: 600; }

.add-project.table td {
  vertical-align: middle; }

.add-project .text-inherit {
  color: black; }

.faq-accordion.default-according {
  margin-bottom: 30px; }
  .faq-accordion.default-according .card .btn-link {
    display: flex; }
    .faq-accordion.default-according .card .btn-link svg {
      width: 20px;
      height: 20px;
      margin-right: 10px; }
  .faq-accordion.default-according .card .faq-header {
    position: relative;
    padding: 30px; }
    .faq-accordion.default-according .card .faq-header svg {
      position: absolute;
      right: 30px;
      top: 30px;
      width: 20px;
      height: 20px; }
    .faq-accordion.default-according .card .faq-header span {
      margin-top: 3px; }
  .faq-accordion.default-according .faq-body {
    padding: 20px !important; }
  .faq-accordion.default-according .card-mb-faq {
    margin-bottom: 30px; }

.faq-title {
  margin: 30px 0; }
  .faq-title h6 {
    color: #999999;
    font-weight: 600; }

.faq-form {
  position: relative; }
  .faq-form .search-icon {
    position: absolute;
    right: 12px;
    top: 9px;
    width: 20px;
    height: 20px; }

.navigation-btn {
  margin-bottom: 20px; }
  .navigation-btn a {
    display: flex;
    align-items: center;
    justify-content: center; }
    .navigation-btn a svg {
      width: 15px;
      height: 15px; }

.navigation-option ul li {
  position: relative;
  padding: 8px 8px 8px 0; }
  .navigation-option ul li:hover {
    background-color: #fdfeff; }
  .navigation-option ul li a {
    padding-left: 40px;
    color: #051A1A; }
    .navigation-option ul li a svg {
      position: absolute;
      width: 15px;
      height: 15px;
      top: 11px;
      left: 15px; }

.updates-faq {
  width: 40px;
  height: 40px;
  border: 2px solid var(--theme-deafult);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px; }
  .updates-faq svg {
    width: 18px;
    height: 18px; }

.updates-bottom-time p {
  margin-bottom: 2px; }
  .updates-bottom-time p + p {
    color: #999999; }

.updates-faq-main {
  margin-bottom: 20px; }
  .updates-faq-main a {
    font-weight: 500; }
  .updates-faq-main:last-child {
    margin-bottom: 0; }

@media only screen and (max-width: 1399.98px) {
  .faq-widgets svg {
    width: 80px;
    height: 80px; } }

@media only screen and (max-width: 1199px) {
  .faq-accordion {
    margin-bottom: 30px; } }

@media only screen and (max-width: 991px) {
  .faq-accordion.default-according .card .faq-header {
    padding: 20px !important; }
    .faq-accordion.default-according .card .faq-header svg {
      right: 20px;
      top: 20px; }
  .navigation-option ul li {
    padding: 10px 10px 10px 0; }
    .navigation-option ul li a svg {
      top: 12px; } }

@media only screen and (max-width: 767px) {
  .xs-mt-search {
    margin-top: 30px; } }

@media only screen and (max-width: 575px) {
  .xs-mt-search {
    margin-top: 0px; }
  .faq-widgets svg {
    width: 60px;
    height: 60px; }
  .faq-title {
    margin: 15px 0; }
  .header-faq {
    margin-bottom: 15px;
    margin-top: 10px; }
  .faq-accordion {
    margin-bottom: 0px; }
    .faq-accordion .faq-header {
      padding: 15px !important; }
      .faq-accordion .faq-header .pull-right {
        float: right; }
      .faq-accordion .faq-header svg {
        right: 15px;
        top: 15px; }
  .navigation-btn,
  .updates-faq-main {
    margin-bottom: 15px; } }

/**=====================
    3.17 Faq CSS end
==========================**/
/**=====================
   3.18 File CSS
==========================**/
.files-content {
  display: flex;
  margin-bottom: -10px; }
  .files-content li {
    margin-right: 20px;
    margin-bottom: 10px; }
    .files-content li .files-list .file-left {
      background-color: rgba(0, 102, 102, 0.05);
      border: 1px solid #ecf3fa;
      padding: 18px 22px;
      border-radius: 5px; }

.file-sidebar .card .card-body,
.file-sidebar .card .card-header,
.file-content .card .card-body,
.file-content .card .card-header {
  padding: 20px !important; }
  .file-sidebar .card .card-body .file-manager,
  .file-sidebar .card .card-header .file-manager,
  .file-content .card .card-body .file-manager,
  .file-content .card .card-header .file-manager {
    padding-top: unset !important; }
  .file-sidebar .card .card-body .form-group input,
  .file-sidebar .card .card-header .form-group input,
  .file-content .card .card-body .form-group input,
  .file-content .card .card-header .form-group input {
    line-height: 0; }

.file-manager .folder {
  margin-bottom: -12px; }
  .file-manager .folder li:nth-child(n+2) {
    margin-left: 12px;
    margin-bottom: 12px; }
  .file-manager .folder li:nth-child(5), .file-manager .folder li:nth-child(9), .file-manager .folder li:nth-child(13) {
    margin-left: 0; }

.file-sidebar ul li + li {
  margin-top: 8px; }

.file-sidebar .btn {
  display: flex;
  align-items: center;
  padding: 8px 20px;
  font-weight: 400; }
  .file-sidebar .btn.btn-light:hover {
    color: #006666 !important; }
    .file-sidebar .btn.btn-light:hover svg {
      stroke: #006666; }
  .file-sidebar .btn svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px; }

.file-sidebar .pricing-plan {
  border: 1px solid #ecf3fa;
  border-radius: 5px;
  margin-top: 10px;
  padding: 15px;
  position: relative;
  overflow: hidden; }
  .file-sidebar .pricing-plan h6 {
    font-size: 14px;
    margin-bottom: 2px;
    color: #898989; }
  .file-sidebar .pricing-plan h5 {
    font-weight: 500;
    font-size: 20px; }
  .file-sidebar .pricing-plan p {
    margin-bottom: 5px;
    color: #898989; }
  .file-sidebar .pricing-plan .btn {
    display: inline-block;
    font-size: 12px; }
  .file-sidebar .pricing-plan .bg-img {
    position: absolute;
    top: 40px;
    opacity: 0.1;
    transform: rotate(-45deg);
    right: -40px; }

.file-manager h5 {
  font-size: 18px;
  font-weight: 600; }

.file-manager > h6 {
  opacity: 0.6;
  font-weight: 400 !important;
  font-size: 15px;
  margin-bottom: 12px; }

.file-manager .files-gap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px; }
  .file-manager .files-gap.list-group {
    flex-direction: unset; }

.file-manager p {
  font-size: 12px;
  color: #999999;
  margin-bottom: 0; }

.folder h6 {
  opacity: 0.9;
  font-weight: 500 !important;
  font-size: 14px; }

.files-content,
.quick-file {
  flex-wrap: wrap; }

.quick-file {
  margin-bottom: -10px; }
  .quick-file li {
    margin-right: 20px;
    margin-bottom: 10px; }
    .quick-file li h6 {
      font-size: 14px;
      text-align: center;
      font-weight: 400;
      margin-top: 8px; }
    .quick-file li .quick-box {
      background-color: rgba(0, 102, 102, 0.05);
      border: 1px solid #ecf3fa;
      padding: 20px 24px;
      border-radius: 5px; }
      .quick-file li .quick-box i {
        font-size: 30px;
        margin-right: 0; }

.file-content .folder-box .files-list h6 {
  font-size: 16px;
  font-weight: 400; }

.file-content .folder-box .files-list i {
  margin-right: 0; }

.file-content .ellips {
  position: absolute;
  top: 30px;
  right: 30px;
  opacity: 0.7; }

.file-content .form-inline {
  border: 1px solid #ecf3fa;
  padding: 0px 20px;
  border-radius: 5px; }
  .file-content .form-inline i {
    padding-right: 10px;
    color: #898989;
    line-height: 3; }
  .file-content .form-inline input::-webkit-input-placeholder {
    color: #898989; }
  .file-content .form-inline input:focus {
    outline: none !important; }

.file-content .search-form input {
  padding: 5px 10px 5px 70px;
  border-radius: 5px; }

.file-content .search-form .form-group:before {
  left: 82px;
  top: 37px; }

.file-content .search-form .form-group:after {
  top: 39px;
  left: 53px; }

.file-content .btn svg {
  height: 16px;
  margin-right: 2px;
  vertical-align: -3px; }

.file-content h4 {
  font-weight: 500;
  margin-bottom: 5px;
  font-size: 24px;
  line-height: 1; }

.file-content .folder .folder-box {
  border: 1px solid #ecf3fa;
  border-radius: 5px;
  padding: 15px;
  background-color: #fff;
  width: calc(25% - 15px);
  display: inline-block;
  margin: 2px 0;
  position: relative; }
  .file-content .folder .folder-box h6 {
    font-size: 16px; }
  .file-content .folder .folder-box .ellips {
    top: 22px;
    right: 22px; }
  .file-content .folder .folder-box:nth-child(1) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 10ms; }
  .file-content .folder .folder-box:nth-child(2) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 20ms; }
  .file-content .folder .folder-box:nth-child(3) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 30ms; }
  .file-content .folder .folder-box:nth-child(4) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 40ms; }
  .file-content .folder .folder-box:nth-child(5) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 50ms; }
  .file-content .folder .folder-box:nth-child(6) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 60ms; }
  .file-content .folder .folder-box:nth-child(7) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 70ms; }
  .file-content .folder .folder-box:nth-child(8) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 80ms; }
  .file-content .folder .folder-box:nth-child(9) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 90ms; }
  .file-content .folder .folder-box:nth-child(10) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 100ms; }
  .file-content .folder .folder-box:nth-child(11) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 110ms; }
  .file-content .folder .folder-box:nth-child(12) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 120ms; }
  .file-content .folder .folder-box:nth-child(13) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 130ms; }
  .file-content .folder .folder-box:nth-child(14) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 140ms; }
  .file-content .folder .folder-box:nth-child(15) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 150ms; }

.md-sidebar .md-sidebar-toggle {
  display: none;
  width: fit-content;
  margin-bottom: 20px;
  font-weight: 600;
  text-transform: capitalize; }

@media screen and (max-width: 1440px) {
  .file-content .folder .folder-box .d-flex {
    display: block !important;
    text-align: center; }
    .file-content .folder .folder-box .d-flex .flex-grow-1 {
      margin-left: 0 !important;
      margin-top: 5px; } }

@media screen and (max-width: 1366px) {
  .file-content .folder {
    margin-bottom: -10px; }
    .file-content .folder .folder-box {
      margin-bottom: 10px;
      margin-right: 0;
      padding: 13px; }
      .file-content .folder .folder-box .media i {
        font-size: 30px; }
  .file-content .card-header .btn {
    padding: 8px 15px;
    z-index: 0; }
  .file-sidebar .btn {
    padding: 8px 15px; } }

@media screen and (max-width: 1199px) {
  .job-sidebar .job-left-aside {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0;
    opacity: 1;
    visibility: hidden;
    overflow-y: scroll;
    z-index: 3;
    max-width: 270px;
    height: 600 px;
    background-color: #fff;
    border: 1 px solid #e6edef;
    padding: 12px; }
  .job-sidebar .job-toggle {
    display: block !important;
    margin-bottom: 20px; }
  .job-sidebar .job-left-aside.open {
    opacity: 1;
    visibility: visible; }
  .md-sidebar .md-sidebar-toggle {
    display: block;
    width: fit-content; }
  .md-sidebar .md-sidebar-aside {
    position: absolute;
    top: 70%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    width: 280px; }
    .md-sidebar .md-sidebar-aside.open {
      opacity: 1;
      visibility: visible; } }

@media screen and (max-width: 768px) {
  .file-content .form-inline {
    display: inline-block;
    padding: 0px 0px 0px 20px; }
  .file-content .folder {
    margin-bottom: -10px; }
    .file-content .folder .folder-box {
      width: calc(50% - 20px);
      margin-bottom: 10px;
      margin-right: 8px; }
      [dir="rtl"] .file-content .folder .folder-box {
        margin-right: 0px; }
      .file-content .folder .folder-box:nth-child(odd) {
        margin-left: 0; } }

@media screen and (max-width: 420px) {
  .file-content .folder .folder-box {
    width: calc(100%);
    margin-right: unset; }
  .file-content h4 {
    font-size: 20px; }
  .file-content .card-header .btn {
    padding: 7px 10px;
    font-size: 12px; }
  .file-manager .folder li:nth-child(n+2) {
    margin-left: 0; }
  .file-manager > h6 {
    font-size: 14px; } }

/**=====================
    3.18 File CSS
==========================**/
/**=====================
    3.19 Gallery CSS Start
==========================**/
.profile-img-style img,
.scroll-bar-wrap img {
  width: 100%; }

.gallery {
  margin-bottom: -30px; }
  .gallery > a {
    margin-bottom: 30px; }
    .gallery > a:before {
      content: "\edee";
      font-family: IcoFont;
      position: absolute;
      height: calc(100% - 10px);
      left: 20px;
      width: calc(100% - 40px);
      background-color: rgba(255, 255, 255, 0.27);
      top: 5px;
      transform: scale(0);
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px;
      color: #000; }
    .gallery > a:hover:before {
      transform: scale(1);
      transition: all 0.3s ease; }
    .gallery > a .img-thumbnail {
      border-radius: 0; }

.gallery-with-description {
  margin-bottom: -30px; }
  .gallery-with-description a > div {
    padding: 10px;
    border: 1px solid #e4e6ec;
    margin-bottom: 30px;
    border-radius: 0 0 5px 5px; }
  .gallery-with-description a:hover {
    text-decoration: none !important; }
  .gallery-with-description h4 {
    color: #2c323f;
    margin-top: 15px;
    font-size: 18px;
    margin-bottom: 5px; }
  .gallery-with-description p {
    color: #a3a3a3; }

.lg-backdrop {
  background-color: #fff; }

.lg-outer .lg-actions .lg-next,
.lg-outer .lg-actions .lg-prev {
  background-color: white;
  border: 1px solid #efefef; }
  .lg-outer .lg-actions .lg-next:hover,
  .lg-outer .lg-actions .lg-prev:hover {
    color: #2c323f; }

.lg-outer .lg-toolbar {
  background-color: rgba(255, 255, 255, 0.45);
  border-bottom: 1px solid #2c323f; }
  .lg-outer .lg-toolbar .lg-icon:hover {
    color: #2c323f; }

.lg-outer #lg-counter {
  color: #2c323f; }

.lg-outer .lg-sub-html {
  background-color: rgba(255, 255, 255, 0.45); }
  .lg-outer .lg-sub-html h4 {
    font-size: inherit;
    color: #2c323f; }
  .lg-outer .lg-sub-html p {
    color: #2c323f; }

.lg-outer .lg-thumb-outer {
  background-color: #ecf3fa; }

.lg-outer .lg-thumb-item {
  padding: 4px;
  border: 1px solid #efefef;
  border-radius: 0; }
  .lg-outer .lg-thumb-item .active, .lg-outer .lg-thumb-item:hover {
    border-color: #000; }

.gallery a:before, .gallery a:after {
  content: none; }

.gallery .img-hover > div {
  overflow: hidden; }

.gallery .hover-1 img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  .gallery .hover-1 img:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }

.gallery .hover-2 img {
  width: 100%;
  height: auto;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  transform: translateX(0px); }

.gallery .hover-2:hover img {
  transform: translateX(40px) scale(1.2); }

.gallery .hover-3 img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-3:hover img {
  -webkit-transform: scale(1);
  transform: scale(1); }

.gallery .hover-4 img {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-4:hover img {
  -webkit-transform: scale(1);
  transform: scale(1); }

.gallery .hover-5 img {
  margin-left: 30px;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-5:hover img {
  margin-left: 0; }

.gallery .hover-6 img {
  -webkit-transform: rotate(15deg) scale(1.4);
  transform: rotate(15deg) scale(1.4);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-6:hover img {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1); }

.gallery .hover-7 img {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-7:hover img {
  -webkit-filter: blur(0);
  filter: blur(0); }

.gallery .hover-8 img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-8:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0); }

.gallery .hover-9 img {
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-9:hover img {
  -webkit-filter: sepia(0);
  filter: sepia(0); }

.gallery .hover-10 img {
  -webkit-filter: grayscale(0) blur(0);
  filter: grayscale(0) blur(0);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-10:hover img {
  -webkit-filter: grayscale(100%) blur(3px);
  filter: grayscale(100%) blur(3px); }

.gallery .hover-11 img {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-11:hover img {
  opacity: .5; }

@-webkit-keyframes flash {
  0% {
    opacity: .4; }
  100% {
    opacity: 1; } }

@keyframes flash {
  0% {
    opacity: .4; }
  100% {
    opacity: 1; } }

.gallery .hover-13:hover img {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s; }

@-webkit-keyframes shine {
  100% {
    left: 125%; } }

@keyframes shine {
  100% {
    left: 125%; } }

.gallery .hover-14 div {
  position: relative; }
  .gallery .hover-14 div:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg); }
  .gallery .hover-14 div:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s; }

.gallery .hover-15 div {
  position: relative; }
  .gallery .hover-15 div:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0; }
  .gallery .hover-15 div:hover:before {
    -webkit-animation: circle .75s;
    animation: circle .75s; }

@-webkit-keyframes circle {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

@keyframes circle {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

* {
  box-sizing: border-box; }
  *:after, *:before {
    box-sizing: border-box; }

.grid {
  position: relative; }

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both; }

/* ---- .grid-item ---- */
.grid-item img {
  max-width: 100%;
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6; }

.gallery-with-description .grid-item img {
  border: 0;
  padding: 0; }

/**=====================
    3.19 Gallery CSS Ends
==========================**/
/**=====================
    3.20 Helper CSS start
==========================**/
.helper-common-box {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  gap: 8px; }
  .helper-common-box:last-child {
    margin-bottom: 0; }
  .helper-common-box.helper-p-wrapper {
    gap: 12px;
    margin-bottom: 0;
    flex-wrap: wrap; }

.border-wrapper {
  padding: 20px; }

.helper-box {
  width: 40px;
  height: 40px;
  border-radius: 25%; }
  .helper-box.helper-text {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900; }

.helper-radius {
  width: 60px;
  height: 30px; }

.fill-wrapper {
  background-color: #E6E9EB; }

.gradient-border {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  align-items: center; }
  @media (max-width: 1200px) {
    .gradient-border {
      gap: calc(13px + (22 - 13) * ((100vw - 320px) / (1200 - 320))); } }
.radius-wrapper {
  background-color: #efefef; }

.font-wrapper {
  display: flex;
  align-items: center;
  padding: 12px 20px; }

.helper-padding {
  display: flex;
  flex-direction: column;
  gap: 12px; }

.helper-p-box {
  display: flex;
  justify-content: center;
  align-items: center; }
  .helper-p-box span {
    color: var(--body-font-color); }

.common-p-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start; }

/**=====================
    3.20 Helper CSS end
==========================**/
/**=====================
    3.21 Internationalization CSS start
==========================**/
.hdg_main {
  position: relative; }

.main .langChoice {
  position: absolute;
  right: 40px;
  top: 31px;
  padding: 10px 18px;
  background-color: transparent; }

@media (max-width: 991px) {
  .main .langChoice {
    right: 20px;
    top: 11px;
    padding: 8px; } }

@media only screen and (max-width: 575px) {
  .main .langChoice {
    top: 14px;
    padding: 4px 7px; }
  .language-xs {
    margin-top: 15px; } }

@media only screen and (max-width: 360px) {
  .language-header {
    padding-bottom: 60px !important; }
  .main .langChoice {
    left: 0;
    margin: 0 auto;
    top: 50px;
    width: 30%;
    right: 0; } }

/**=====================
    3.21 Internationalization CSS End
==========================**/
/**=====================
    3.22 Job-search CSS Start
==========================**/
.filter-cards-view .job-filter:first-child {
  margin-bottom: 30px; }

.filter-cards-view .checkbox-animated {
  margin-top: 30px;
  margin-bottom: 30px; }

.location-checkbox span {
  color: #999999;
  padding-left: 33px; }
  [dir="rtl"] .location-checkbox span {
    padding-left: unset;
    padding-right: 33px; }

.job-accordion .card {
  margin-bottom: 30px; }

.job-accordion .btn-block {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.job-search p {
  margin-top: 14px; }

.job-search .d-flex .flex-grow-1 h6 {
  margin-bottom: 3px; }
  .job-search .d-flex .flex-grow-1 h6 span {
    font-size: 13px;
    color: #999999;
    font-weight: normal; }
    .job-search .d-flex .flex-grow-1 h6 span.badge {
      color: #fff; }

.job-search .d-flex .flex-grow-1 > p {
  margin-top: 0;
  color: #999999; }

.job-search .job-description {
  margin-top: 30px; }
  .job-search .job-description button span {
    color: #fff; }
  .job-search .job-description h6 {
    font-weight: 600;
    margin-bottom: 30px; }
  .job-search .job-description p {
    margin-top: 0;
    margin-bottom: 6px; }
  .job-search .job-description ul {
    list-style-type: disc;
    list-style-position: inside; }
    .job-search .job-description ul li {
      margin-bottom: 10px; }
      .job-search .job-description ul li:last-child {
        margin-bottom: 0; }
  .job-search .job-description .theme-form {
    margin-top: 30px;
    margin-bottom: 30px; }
    .job-search .job-description .theme-form .row div[class^="col-"] + div[class^="col-"] .select2-container {
      margin-top: 18px; }
    .job-search .job-description .theme-form .row div[class^="col-"] .job-select2 ~ .select2-container {
      margin-top: 0 !important; }
    .job-search .job-description .theme-form .row div[class^="col-"] .input-group .datepicker-here {
      font-size: 14px;
      border: 1px solid #efefef;
      padding-top: 12px;
      padding-bottom: 12px; }

.select2-container .select2-selection--single {
  border-radius: 0.25rem !important;
  border-color: #efefef;
  height: 47px !important;
  padding: 10px; }

.job-pagination {
  margin-bottom: 30px; }
  .job-pagination nav ul {
    justify-content: center; }

@media only screen and (max-width: 1366px) {
  .xl-mt-job {
    margin-bottom: 20px; } }

@media only screen and (max-width: 991px) {
  .filter-cards-view {
    padding: 20px !important; }
    .filter-cards-view .job-filter:first-child {
      margin-bottom: 20px; }
    .filter-cards-view .checkbox-animated {
      margin-top: 20px;
      margin-bottom: 20px; }
  .job-accordion .animate-chk {
    padding: 20px !important; }
  .job-search > p {
    margin-top: 20px; } }

@media only screen and (max-width: 575px) {
  .filter-cards-view {
    padding: 15px !important; }
    .filter-cards-view .job-filter:first-child {
      margin-bottom: 15px; }
    .filter-cards-view .checkbox-animated {
      margin-top: 15px;
      margin-bottom: 15px; }
  .job-accordion .animate-chk {
    padding: 15px !important; }
  .job-search p {
    margin-top: 15px; }
  .job-search .d-flex {
    display: block;
    text-align: center; }
    .job-search .d-flex .flex-grow-1 h6 .pull-right {
      float: none;
      margin-top: 3px;
      display: block; }
    .job-search .d-flex .flex-grow-1 h6 a {
      display: block; }
    .job-search .d-flex .flex-grow-1 p span + span {
      display: block;
      color: #E6E9EB; }
    .job-search .d-flex img {
      margin-bottom: 15px; }
    .job-search .d-flex .m-r-20 {
      margin-right: 0; }
  .job-search .job-description {
    margin-top: 15px; }
    .job-search .job-description .theme-form {
      margin-top: 15px;
      margin-bottom: 15px; }
      .job-search .job-description .theme-form .row div[class^="col-"] + div[class^="col-"] .select2-container {
        margin-top: 2px; }
      .job-search .job-description .theme-form .xs-mt-period {
        margin-top: 15px; }
  .job-pagination {
    margin-bottom: 15px; }
  .xl-mt-job {
    margin-bottom: 15px; } }

@media only screen and (max-width: 360px) {
  .job-search .job-description .btn {
    padding: 6px 12px; } }

.select-date .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 9px;
  right: 12px; }

/**=====================
    3.22 Job-search CSS End
==========================**/
/**=====================
  3.23 Jsgrid CSS Start
==========================**/
.jsgrid .jsgrid-grid-body .jsgrid-cell {
  padding: 0.75rem; }

.jsgrid .jsgrid-pager-container {
  text-align: right; }

.jsgrid .jsgrid-pager {
  padding: 0;
  margin-top: 20px; }
  .jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button {
    margin-right: -5px; }
    .jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button:first-child {
      border-radius: 5px 0 0 5px; }
  .jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button {
    margin-left: -5px; }
    .jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button:last-child {
      border-radius: 0 5px 5px 0; }
  .jsgrid .jsgrid-pager [class*="jsgrid-pager"] {
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    border: 1px solid #E6E9EB; }
  .jsgrid .jsgrid-pager .jsgrid-pager-page a {
    color: #2c323f; }
  .jsgrid .jsgrid-pager .jsgrid-pager-current-page {
    color: #2c323f; }

.jsgrid .jsgrid-selected-row > .jsgrid-cell {
  background: #E6E9EB;
  border-color: #fafafa; }

.jsgrid .jsgrid-header-row > .jsgrid-header-cell {
  padding: 0.75rem;
  font-weight: 500; }

/**=====================
  3.23 Jsgrid CSS Ends
==========================**/
/**=====================
  3.24 Kanban CSS start
==========================**/
.jkanban-container .btn {
  margin-bottom: 10px; }

.jkanban-container .note a {
  display: contents; }

.kanban-board-header {
  height: auto;
  width: auto;
  line-height: unset;
  background: #F5F5F5;
  border-bottom: 1px solid #ddd; }
  .kanban-board-header.bg-info ~ .kanban-drag {
    background-color: rgba(23, 56, 120, 0.3) !important; }
  .kanban-board-header.bg-warning ~ .kanban-drag {
    background-color: rgba(255, 174, 26, 0.3) !important; }
  .kanban-board-header.bg-success ~ .kanban-drag {
    background-color: rgba(0, 172, 70, 0.3) !important; }

.kanban-container {
  display: contents; }

.kanban-board {
  margin-bottom: 30px;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  border-radius: 8px;
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  overflow: hidden;
  width: calc(100% / 3 - 30px) !important; }
  .kanban-board .kanban-drag {
    background: #F5F5F5; }

.kanban-item {
  background: transparent;
  padding: 0;
  margin-bottom: 20px; }
  .kanban-item .kanban-box .badge {
    line-height: 13px; }
  .kanban-item p {
    opacity: 0.7; }
  .kanban-item:last-child {
    margin-bottom: 0; }
  .kanban-item .list {
    display: inline-block;
    opacity: 0.4; }
    .kanban-item .list li {
      display: inline-block;
      font-size: 12px;
      padding: 0px 4px; }
      .kanban-item .list li i {
        margin-right: 8px; }
  .kanban-item .kanban-box {
    border: 1px solid #efefef;
    border-radius: 5px;
    padding: 20px;
    position: relative;
    display: block;
    color: inherit;
    background-color: #fff; }
    .kanban-item .kanban-box:hover {
      color: inherit; }
    .kanban-item .kanban-box + .kanban-box {
      margin-top: 20px; }
    .kanban-item .kanban-box .badge {
      font-weight: 400; }
    .kanban-item .kanban-box h6 {
      font-size: 15px;
      margin-top: 5px;
      font-weight: 600;
      margin-bottom: 8px; }
    .kanban-item .kanban-box .dropdown {
      display: inline-block;
      right: 10px;
      position: absolute;
      top: 20px; }
      .kanban-item .kanban-box .dropdown .dropdown-item {
        font-size: 13px;
        font-weight: 500;
        padding: 5px 10px;
        text-align: left; }
      .kanban-item .kanban-box .dropdown svg {
        height: 14px; }
    .kanban-item .kanban-box .d-flex {
      justify-content: space-between; }
    .kanban-item .kanban-box .dropdown-toggle:after {
      content: none; }
    .kanban-item .kanban-box .customers ul li + li {
      margin-left: -10px; }
    .kanban-item .kanban-box .date {
      font-size: 11px;
      opacity: 0.5; }

footer {
  margin: 0;
  padding: 0; }

@media only screen and (max-width: 1199px) {
  .jkanban-container .btn {
    margin-bottom: 10px;
    margin-left: 20px; }
  .kanban-container .kanban-board {
    width: 320px !important; } }

@media only screen and (max-width: 600px) {
  .kanban-board .kanban-drag,
  .kanban-container .kanban-item .kanban-box {
    padding: 10px 15px; }
  .kanban-container .kanban-board {
    margin-left: 10px !important;
    margin-right: 10px !important; } }

@media only screen and (max-width: 480px) {
  .jkanban-container .card-body {
    padding: 20px 0 !important; }
  .kanban-board .kanban-drag,
  .kanban-container .kanban-item .kanban-box {
    padding: 10px 15px; }
  .kanban-container .kanban-board {
    width: 270px !important; } }

@media screen and (max-width: 375px) {
  .kanban-container .kanban-board {
    width: 258px !important; } }

/**=====================
   3.24 Kanban CSS ends
==========================**/
/**=====================
    3.25 Knowledgebase CSS start
==========================**/
.browse .browse-articles span {
  vertical-align: middle; }
  .browse .browse-articles span:nth-child(2) {
    padding-left: 20px;
    font-weight: 400; }
    [dir="rtl"] .browse .browse-articles span:nth-child(2) {
      padding-left: unset;
      padding-right: 20px; }
  .browse .browse-articles span svg {
    width: 14px;
    height: 14px;
    vertical-align: text-top;
    position: absolute;
    left: 0;
    top: 4px; }
    [dir="rtl"] .browse .browse-articles span svg {
      left: unset;
      right: 0; }

.browse .browse-articles h6 {
  padding-bottom: 10px;
  margin-bottom: 0px;
  border-bottom: 1px solid #fdfeff;
  padding-left: 40px; }
  [dir="rtl"] .browse .browse-articles h6 {
    padding-left: unset;
    padding-right: 40px; }
  .browse .browse-articles h6 span svg {
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    top: 0;
    left: 22px; }

.browse .browse-articles ul li {
  padding: 8px;
  border-radius: 8px; }
  .browse .browse-articles ul li a {
    color: #051A1A;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px; }
  .browse .browse-articles ul li:hover {
    background-color: #fdfeff; }

@media only screen and (max-width: 1366px) {
  .browse div[class^="col-"]:nth-child(3) {
    margin-top: 30px; } }

@media only screen and (max-width: 360px) {
  .browse .browse-articles ul li a span:nth-child(2) {
    width: 158px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block; } }

.badge.pull-right {
  padding-top: 8px; }

.articles-icons svg {
  min-width: 18px; }

.articles-icons .media-body h6 {
  margin-bottom: 8px; }

.media.faq-widgets svg {
  min-width: 18px; }

/**=====================
    3.25 Knowledgebase CSS End
==========================**/
/**=====================
    3.26 Landing CSS Start
==========================**/
html:hover .cursor {
  opacity: 1; }

.cursor {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: none; }
  .cursor--hover .cursor-inner {
    transform: scale(0.5);
    opacity: 0; }
  .cursor--hover .cursor-outer {
    transform: scale(1.4);
    border-color: #006666;
    opacity: 1; }

.cursor-move-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: -3px;
  margin-left: -3px; }

.cursor-move-outer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.cursor-inner {
  display: block;
  width: 80%;
  height: 80%;
  background: #006666;
  border-radius: 50%;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.cursor-outer {
  display: block;
  width: 70%;
  height: 70%;
  border: 1px solid #006666;
  border-radius: 50%;
  box-sizing: border-box;
  box-shadow: 0px 0px 4px 4px rgba(0, 102, 102, 0.22);
  transition: border 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.landing-page div canvas:first-child {
  display: none !important; }

/* MESH LOADER */
@keyframes mesh {
  0% {
    transform-origin: 50% -100%;
    transform: rotate(0); }
  50% {
    transform-origin: 50% -100%;
    transform: rotate(360deg); }
  50.1% {
    transform-origin: 50% 200%;
    transform: rotate(0deg); }
  100% {
    transform-origin: 50% 200%;
    transform: rotate(360deg); } }

@keyframes rotate-animation {
  0% {
    transform: rotate3d(1, 1, 1, 0deg); }
  25% {
    transform: rotate3d(1, 1, 1, 2deg); }
  50% {
    transform: rotate3d(1, 1, 1, 0deg); }
  75% {
    transform: rotate3d(1, 1, 1, -2deg); }
  100% {
    transform: rotate3d(1, 1, 1, 0deg); } }

.mesh-loader {
  overflow: hidden;
  height: inherit;
  width: inherit; }
  .mesh-loader .circle {
    position: absolute;
    background: #006666;
    border-radius: 50%;
    margin: -3px;
    animation: mesh 3s ease-in-out infinite -1.5s;
    width: 6px;
    height: 6px; }
  .mesh-loader > div .circle:last-child {
    animation-delay: 0s; }
  .mesh-loader > div {
    position: absolute;
    top: 50%;
    left: 50%; }
  .mesh-loader > div:last-child {
    transform: rotate(90deg); }

@-webkit-keyframes animloader14 {
  0% {
    transform: scale(0);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }

@keyframes animloader14 {
  0% {
    transform: scale(0);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }

.feature-box {
  padding: 16px 22px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start; }
  @media (max-width: 575px) {
    .feature-box {
      padding: 20px; } }
  .feature-box img {
    transition: all 0.3s ease; }
  .feature-box:hover {
    background-color: #006666; }
    .feature-box:hover h5 {
      color: #fff; }
    .feature-box:hover p {
      color: #fff; }
    .feature-box:hover img {
      transform: scale(0.7);
      animation: swing 2s ease infinite; }
    .feature-box:hover .feature-icon {
      background-color: rgba(0, 102, 102, 0.08); }
  .feature-box h5 {
    padding-bottom: 11px; }
  .feature-box .feature-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    border-radius: 17px;
    top: -20px;
    right: 22px;
    box-shadow: 5px 7px 4px 0px rgba(0, 0, 0, 0.2); }
    .feature-box .feature-icon div {
      height: 45px;
      width: 45px;
      border-radius: 17px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 102, 102, 0.08); }

.feature-section {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: 610px;
  padding-top: 70px;
  background-color: rgba(0, 102, 102, 0.06); }
  .feature-section .vector-image {
    top: 50px;
    right: -170px; }
    @media (max-width: 1674px) {
      .feature-section .vector-image {
        top: 60px;
        right: -160px; } }
    @media (max-width: 1600px) {
      .feature-section .vector-image {
        top: 0px;
        right: -20px; } }
    @media (max-width: 1655px) {
      .feature-section .vector-image {
        right: -130px; } }
    @media (max-width: 1595px) {
      .feature-section .vector-image {
        right: -6px;
        top: -10px; } }
    @media (max-width: 1399px) {
      .feature-section .vector-image {
        top: -6px;
        right: -10px; } }
    @media (max-width: 1199px) {
      .feature-section .vector-image {
        right: -12px; } }
    .feature-section .vector-image img {
      height: 370px; }
      @media (max-width: 1674px) {
        .feature-section .vector-image img {
          height: 340px; } }
      @media (max-width: 1655px) {
        .feature-section .vector-image img {
          height: 310px; } }
      @media (max-width: 1600px) {
        .feature-section .vector-image img {
          height: 300px; } }
      @media (max-width: 1399px) {
        .feature-section .vector-image img {
          height: 280px; } }
  .feature-section .round-gif {
    top: unset;
    bottom: 12%; }
    @media (max-width: 1660px) {
      .feature-section .round-gif {
        left: 0; } }
    @media (max-width: 1460px) {
      .feature-section .round-gif {
        bottom: unset;
        top: 6%; } }
    @media (max-width: 991px) {
      .feature-section .round-gif {
        top: -3%; } }
    @media (max-width: 575px) {
      .feature-section .round-gif {
        top: -2%; } }
    .feature-section .round-gif img {
      width: 105px;
      height: 105px; }
      @media (max-width: 1460px) {
        .feature-section .round-gif img {
          width: 90px;
          height: 90px; } }
      @media (max-width: 575px) {
        .feature-section .round-gif img {
          width: 70px;
          height: 70px; } }
.landing-page {
  color: #000248; }
  .landing-page .section-py-space {
    padding-top: 70px;
    padding-bottom: 70px; }
    .landing-page .section-py-space .title {
      margin-top: -5px;
      margin-bottom: 70px; }
      .landing-page .section-py-space .title h5 {
        color: #006666;
        text-align: center;
        font-family: Caveat;
        font-weight: 700;
        font-size: 20px; }
      .landing-page .section-py-space .title h2 {
        font-size: 40px;
        color: #051A1A;
        position: relative; }
        .landing-page .section-py-space .title h2::after {
          content: "";
          position: absolute;
          height: 5px;
          left: 50%;
          transform: translate(-50%);
          width: 51px;
          top: 60px;
          border-radius: 10px;
          background-color: #FE6A49; }
      .landing-page .section-py-space .title span {
        letter-spacing: 1.5px;
        color: rgba(5, 26, 26, 0.8); }
    .landing-page .section-py-space .support-title {
      z-index: 8;
      position: absolute;
      right: 50%;
      transform: translate(36%); }
      .landing-page .section-py-space .support-title h2 {
        font-weight: 700;
        font-size: 26px;
        text-align: end; }
      .landing-page .section-py-space .support-title .premium-button {
        text-align: end; }
      .landing-page .section-py-space .support-title p {
        letter-spacing: 1.5px;
        text-align: end;
        color: #86909C;
        margin-bottom: 0px;
        padding-bottom: 8px; }
    .landing-page .section-py-space .license-title h3 {
      position: absolute;
      top: 38%;
      left: 3%;
      transform: translate(10%);
      color: #006666;
      text-align: center;
      font-family: Caveat;
      font-weight: 700;
      font-size: 43px; }
  .landing-page .demo-section .dashboard-images .demo-box .img-wrraper img {
    border-radius: 10px;
    padding: 10px;
    border: 1px solid rgba(0, 102, 102, 0.65); }
    .landing-page .demo-section .dashboard-images .demo-box .img-wrraper img:hover {
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .demo-section .down-loader {
    position: relative; }
    .landing-page .demo-section .down-loader img {
      position: absolute;
      top: 310px; }
  .landing-page .demo-section .demo-box {
    background-color: rgba(0, 102, 102, 0.06);
    padding: 0px 21px 20px;
    border-radius: 10px; }
    .landing-page .demo-section .demo-box .layout-name {
      padding: 18px 0px 18px 0px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .landing-page .demo-section .demo-box .layout-name a {
        font-size: 17px;
        font-weight: 600;
        color: #006666;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal; }
      .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px; }
        .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li {
          height: 10px;
          width: 10px;
          border-radius: 100%;
          opacity: 0.5; }
          .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:first-child {
            background-color: #006666; }
          .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:nth-child(2) {
            background-color: #FE6A49; }
          .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:last-child {
            background-color: #FFAE1A; }
    .landing-page .demo-section .demo-box .demo-title {
      padding-top: 20px;
      text-align: center; }
      .landing-page .demo-section .demo-box .demo-title .btn {
        text-transform: capitalize;
        border: 1px solid #006666;
        padding: 8px 15px;
        transition: all 0.5s ease;
        color: #fff; }
        .landing-page .demo-section .demo-box .demo-title .btn:hover {
          background-color: #006666;
          color: #fff; }
    .landing-page .demo-section .demo-box .img-wrraper {
      overflow: hidden;
      position: relative;
      border: 2px solid rgba(230, 233, 235, 0.65);
      border-radius: 10px; }
      .landing-page .demo-section .demo-box .img-wrraper img {
        transition: all 0.5s ease;
        width: 100%;
        padding: 6px; }
    .landing-page .demo-section .demo-box:hover .img-wrraper {
      transition: all 0.5s ease;
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .demo-section .demo-block {
    margin-bottom: -30px;
    justify-content: center; }
    .landing-page .demo-section .demo-block > div {
      margin-bottom: 30px; }
  .landing-page .application-section .app-box .img-wrraper img {
    border-radius: 10px;
    padding: 10px;
    background-color: rgba(0, 102, 102, 0.06);
    padding: 20px; }
    .landing-page .application-section .app-box .img-wrraper img:hover {
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .application-section .down-loader {
    position: relative; }
    .landing-page .application-section .down-loader img {
      position: absolute;
      top: 310px; }
  .landing-page .application-section .app-box {
    border-radius: 10px; }
    .landing-page .application-section .app-box .layout-name {
      padding: 18px 0px 18px 0px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .landing-page .application-section .app-box .layout-name a {
        font-size: 17px;
        font-weight: 600;
        color: #006666; }
      .landing-page .application-section .app-box .layout-name .riho-demo-img ul {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px; }
        .landing-page .application-section .app-box .layout-name .riho-demo-img ul li {
          height: 10px;
          width: 10px;
          border-radius: 100%;
          opacity: 0.5; }
          .landing-page .application-section .app-box .layout-name .riho-demo-img ul li:first-child {
            background-color: #006666; }
          .landing-page .application-section .app-box .layout-name .riho-demo-img ul li:nth-child(2) {
            background-color: #FE6A49; }
          .landing-page .application-section .app-box .layout-name .riho-demo-img ul li:last-child {
            background-color: #FFAE1A; }
    .landing-page .application-section .app-box .demo-title {
      padding-top: 20px;
      text-align: center; }
      .landing-page .application-section .app-box .demo-title .btn {
        text-transform: capitalize;
        border: none !important;
        background: linear-gradient(90deg, rgba(13, 126, 126, 0.08) -18.33%, rgba(0, 102, 102, 0.08) 62.78%) !important;
        padding: 8px 15px;
        font-weight: 600;
        transition: all 0.5s ease;
        color: #006666; }
        .landing-page .application-section .app-box .demo-title .btn:hover, .landing-page .application-section .app-box .demo-title .btn:active {
          background-color: #006666 !important;
          color: #fff !important; }
    .landing-page .application-section .app-box .img-wrraper {
      overflow: hidden;
      position: relative;
      border-radius: 10px; }
      .landing-page .application-section .app-box .img-wrraper img {
        transition: all 0.5s ease;
        width: 100%;
        background-color: rgba(0, 102, 102, 0.06);
        padding: 20px; }
    .landing-page .application-section .app-box:hover .img-wrraper {
      transition: all 0.5s ease;
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .application-section .demo-block {
    margin-bottom: -30px;
    justify-content: center; }
    .landing-page .application-section .demo-block > div {
      margin-bottom: 30px; }

.demo-section .demo-box.dashboard-images .img-wrraper {
  position: relative;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  border-radius: 15px;
  overflow: hidden;
  transition: all 0.5s ease;
  background-color: #fff; }
  .demo-section .demo-box.dashboard-images .img-wrraper img {
    transition: all 0.5s ease;
    border-radius: 14px; }
  .demo-section .demo-box.dashboard-images .img-wrraper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    background-color: rgba(0, 102, 102, 0.09);
    z-index: 2;
    transition: all 0.5s ease; }
  .demo-section .demo-box.dashboard-images .img-wrraper .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    opacity: 0;
    z-index: 3;
    visibility: hidden;
    transform: scale(0) rotate(-90deg);
    transition: all 0.5s ease; }
    .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link {
      width: fit-content;
      margin: auto;
      z-index: 3; }
      .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li {
        display: inline-block; }
        .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li:nth-child(n+2) {
          margin-left: 10px; }
        .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li a {
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          width: 158px;
          height: 50px;
          border-radius: 12px;
          background-color: #fff; }
          .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li a img {
            width: auto;
            height: 50%; }

.demo-section .demo-box.dashboard-images .demo-detail {
  padding-top: 25px; }
  .demo-section .demo-box.dashboard-images .demo-detail .demo-title {
    text-align: center; }
    .demo-section .demo-box.dashboard-images .demo-detail .demo-title h3 {
      font-size: 22px;
      font-family: "Montserrat", sans-serif;
      text-transform: capitalize;
      font-weight: 400;
      margin-bottom: -7px;
      color: #1A1C23; }

.animate-slider .slick-slide img {
  width: 100%; }

.text-marqee {
  height: 230px; }
  @media (max-width: 1199px) {
    .text-marqee {
      height: 166px; } }
  @media (max-width: 991px) {
    .text-marqee {
      height: 130px; } }
  @media (max-width: 767px) {
    .text-marqee {
      height: 95px; } }
  @media (max-width: 575px) {
    .text-marqee {
      height: 65px; } }
.marquee {
  padding-top: 70px;
  margin-bottom: -30px;
  animation: scrolling 40s linear infinite; }
  .marquee .marquee-name p {
    text-align: end; }
    .marquee .marquee-name p.big-title {
      margin-bottom: 0px;
      font-weight: 700;
      font-size: 60px;
      font-family: "Montserrat", sans-serif;
      text-transform: uppercase;
      color: #fff;
      -webkit-background-clip: text;
      background-image: linear-gradient(26deg, #006666, rgba(13, 126, 126, 0.19));
      -webkit-text-stroke: 2px transparent; }

@keyframes scrolling {
  0% {
    transform: translate(100vw); }
  100% {
    transform: translate(-117vw); } }

.f-light {
  color: #86909C; }

.vector-image {
  position: absolute; }
  @media (max-width: 991px) {
    .vector-image {
      display: none; } }
.loader-gif {
  right: 5%;
  top: 25%; }
  @media (max-width: 1199px) {
    .loader-gif {
      top: 32%; } }
  @media (max-width: 991px) {
    .loader-gif {
      right: 15px; } }
  @media (max-width: 575px) {
    .loader-gif {
      top: 28%; } }
.loader-line-gif {
  right: 15%;
  top: 12%; }
  @media (max-width: 1660px) {
    .loader-line-gif {
      right: 5%; } }
  @media (max-width: 1399px) {
    .loader-line-gif {
      top: 10%;
      right: 0; } }
  @media (max-width: 1199px) {
    .loader-line-gif {
      top: 9%; } }
  @media (max-width: 991px) {
    .loader-line-gif {
      top: 0; } }
  .loader-line-gif img {
    width: 130px; }
    @media (max-width: 575px) {
      .loader-line-gif img {
        width: 80px; } }
.rating-title {
  font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: normal; }

.layout h5 {
  margin-bottom: 10px;
  opacity: .8;
  letter-spacing: 1.2px; }

.layout .btn {
  padding: 0.15rem 0.5rem; }

.common-card {
  background: #FCFCFD;
  border: 2px solid #fff;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  border-radius: 10px; }

.testimonial-box {
  position: relative;
  padding: 20px 25px;
  text-align: left;
  margin-bottom: 33px; }
  .testimonial-box .rating-content {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px; }
  .testimonial-box h5 {
    font-size: 16px;
    margin-bottom: 0; }
  .testimonial-box .text-end span {
    font-size: 13px; }
  .testimonial-box .customer-img {
    width: 60px;
    height: 60px;
    background: #FFFAFA;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -25px; }
  .testimonial-box p {
    margin-bottom: 0; }

.about-section .slick-slide {
  padding: 0 14px; }

.testimonial-slider .slick-dots li {
  width: auto;
  height: auto; }
  .testimonial-slider .slick-dots li button {
    background: rgba(82, 82, 108, 0.2);
    border-radius: 20px;
    height: 5px;
    width: 11px;
    padding: 0;
    transition: all 0.5s; }
    .testimonial-slider .slick-dots li button::before {
      display: none; }
  .testimonial-slider .slick-dots li.slick-active button {
    background: #006666;
    border-radius: 20px;
    width: 20px;
    transition: all 0.5s; }

.customer-box {
  position: relative;
  background-color: #f7f7f7;
  text-align: center;
  padding: 40px 30px;
  border-radius: 25px;
  box-shadow: 30px 30px 33px rgba(119, 119, 119, 0.25); }
  @media (max-width: 1399px) {
    .customer-box {
      padding: 40px 35px; } }
  @media (max-width: 1199px) {
    .customer-box {
      padding: 30px 25px; } }
  @media (max-width: 991px) {
    .customer-box {
      padding: 17px 13px; } }
  @media (max-width: 575px) {
    .customer-box {
      box-shadow: 12px 12px 12px rgba(119, 119, 119, 0.25); } }
  .customer-box img {
    height: 70px;
    width: auto; }
    @media (max-width: 991px) {
      .customer-box img {
        height: 50px; } }
.customer-wrapper {
  position: relative;
  padding: 12px; }
  @media (max-width: 767px) {
    .customer-wrapper {
      padding: 0; } }
  .customer-wrapper .outline-box {
    position: absolute;
    bottom: -6px;
    left: -5px; }
    @media (max-width: 1399px) {
      .customer-wrapper .outline-box {
        bottom: -1px;
        left: 0px; } }
    @media (max-width: 1199px) {
      .customer-wrapper .outline-box {
        bottom: -1px;
        left: -2px;
        width: 120%; } }
    @media (max-width: 767px) {
      .customer-wrapper .outline-box {
        display: none; } }
.customer-wrap {
  margin: 0 -28px; }
  @media (max-width: 1199px) {
    .customer-wrap {
      margin: 0 -15px; } }
  @media (max-width: 991px) {
    .customer-wrap {
      margin: 0 -10px; } }
  @media (max-width: 767px) {
    .customer-wrap {
      margin: -12px; } }
  .customer-wrap > div {
    padding: 0 28px; }
    @media (max-width: 1199px) {
      .customer-wrap > div {
        padding: 0 15px; } }
    @media (max-width: 991px) {
      .customer-wrap > div {
        padding: 0 10px; } }
    @media (max-width: 767px) {
      .customer-wrap > div {
        padding: 12px; } }
  @media (max-width: 1199px) {
    .customer-wrap > div:last-child .outline-box {
      width: 100%; } }
.demo-section .title, .feature-section .title {
  margin-bottom: 30px;
  margin-top: -10px; }
  .demo-section .title h2, .feature-section .title h2 {
    color: #006666;
    font-size: 40px; }
  .demo-section .title span, .feature-section .title span {
    font-size: 15px;
    letter-spacing: 1.5px;
    color: rgba(5, 26, 26, 0.8); }

.framework {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: auto;
  background-color: rgba(0, 102, 102, 0.06); }
  .framework ul.framworks-list {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 45px;
    flex-wrap: wrap;
    margin-bottom: 1px; }
    .framework ul.framworks-list li {
      display: inline-block;
      display: flex;
      gap: 20px;
      align-items: center;
      min-width: 222px;
      gap: 10px;
      padding: 12px 20px 12px 12px;
      background-color: #fff;
      border-radius: 10px;
      width: fit-content;
      box-shadow: 0px 1.9217px 1.53736px 0px rgba(0, 102, 102, 0.03), 0px 4.6181px 3.69448px 0px rgba(0, 102, 102, 0.05), 0px 8.69547px 6.95638px 0px rgba(0, 102, 102, 0.06), 0px 10px 10px 0px rgba(0, 102, 102, 0.04);
      position: relative; }
      .framework ul.framworks-list li div {
        height: 70px;
        width: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        background-color: rgba(0, 102, 102, 0.1); }
      .framework ul.framworks-list li:nth-child(13) {
        margin-bottom: 0px; }
      .framework ul.framworks-list li:last-child {
        margin-bottom: 0px; }
      .framework ul.framworks-list li img {
        transition: all 0.3s ease;
        height: 30px; }
        .framework ul.framworks-list li img.img-68 {
          width: 68px; }
      .framework ul.framworks-list li h5 {
        margin-bottom: unset; }
      .framework ul.framworks-list li:hover {
        background-color: #fff; }
        .framework ul.framworks-list li:hover::before {
          content: "";
          position: absolute;
          height: 100%;
          width: 100%;
          top: 0px;
          left: 0px;
          border-radius: 10px; }
        .framework ul.framworks-list li:hover img {
          transform: scale(0.7);
          animation: swing 2s ease infinite; }
  .framework .wavy-gif {
    left: 100%;
    top: 23%; }
    .framework .wavy-gif svg {
      width: 80px;
      transform: rotate(90deg); }
      @media (max-width: 1199px) {
        .framework .wavy-gif svg {
          width: 60px; } }
      @media (max-width: 575px) {
        .framework .wavy-gif svg {
          width: 30px; } }
    .framework .wavy-gif path {
      stroke: #FFAE1A;
      stroke-dasharray: 500;
      stroke-dashoffset: 500;
      animation: dash 1.5s linear infinite; }

@keyframes dash {
  to {
    stroke-dashoffset: 0; } }
    @media (max-width: 1399px) {
      .framework .wavy-gif {
        right: 3%;
        top: 15%; } }
    @media (max-width: 991px) {
      .framework .wavy-gif {
        right: 1%;
        top: 10%; } }
    @media (max-width: 767px) {
      .framework .wavy-gif {
        top: 8%; } }
.frame-tab {
  background: rgba(244, 245, 248, 0.5);
  border-radius: 40px;
  border: none;
  gap: 10px;
  display: inline-flex;
  padding: 5px;
  margin-bottom: 50px; }
  .frame-tab .nav-item img {
    width: 21px;
    height: 21px; }
  .frame-tab .nav-item .nav-link {
    font-size: 18px;
    padding: 16px 40px;
    border-radius: 40px;
    background: transparent;
    border: none;
    color: rgba(0, 2, 72, 0.5);
    font-weight: 500; }
    @media (max-width: 991px) {
      .frame-tab .nav-item .nav-link {
        font-size: 16px;
        padding: 10px 25px; } }
    .frame-tab .nav-item .nav-link img {
      margin-right: 10px;
      filter: grayscale(1); }
    .frame-tab .nav-item .nav-link.active {
      color: #000248;
      background: #fff;
      box-shadow: 0px 7px 15px rgba(46, 35, 94, 0.06); }
      .frame-tab .nav-item .nav-link.active img {
        filter: unset; }
  @media (max-width: 575.98px) {
    .frame-tab.nav {
      display: inline-flex;
      background-color: transparent; } }
.framework-box {
  position: relative;
  display: flex;
  align-items: center;
  background: #FCFCFD;
  border: 2px solid #fff;
  box-shadow: 0px 5px 20px rgba(46, 35, 94, 0.12);
  border-radius: 50px 16px 16px 50px;
  padding: 18px 16px;
  gap: 16px;
  margin-left: 30px;
  transition: all 0.5s; }
  .framework-box::after {
    position: absolute;
    content: '';
    width: 40px;
    height: calc(100% + 4px);
    border-right: 1px dashed rgba(0, 2, 72, 0.2);
    right: -1px;
    border-top: 1px dashed rgba(0, 2, 72, 0.2);
    border-bottom: 1px dashed rgba(0, 2, 72, 0.2);
    border-radius: 10px;
    top: -1px;
    bottom: 0; }
  .framework-box .frame-icon {
    position: relative;
    min-width: 55px;
    height: 55px;
    background: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -48px; }
    @media (max-width: 575px) {
      .framework-box .frame-icon {
        min-width: 52px;
        height: 52px; } }
    .framework-box .frame-icon::before {
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      box-shadow: 3px 4px 5px rgba(46, 35, 94, 0.11), inset 3px 0px 1px rgba(204, 204, 215, 0.5);
      border-radius: 100%; }
    .framework-box .frame-icon img {
      width: 30px;
      height: 30px; }
      @media (max-width: 575px) {
        .framework-box .frame-icon img {
          width: 25px;
          height: 25px; } }
  .framework-box .frame-details {
    position: relative;
    text-align: left; }
    .framework-box .frame-details p {
      opacity: 0.7;
      margin-bottom: 0; }
    .framework-box .frame-details::before, .framework-box .frame-details::after {
      position: absolute;
      content: '';
      width: 8px;
      height: 8px;
      background: #FEFEFF;
      border: 1px solid rgba(0, 2, 72, 0.2);
      border-radius: 100%;
      right: 17px; }
    .framework-box .frame-details::before {
      top: -23px; }
    .framework-box .frame-details::after {
      bottom: -24px; }
  @media (min-width: 576px) {
    .framework-box:hover {
      transform: scale(1.05);
      transition: all 0.5s; } }
  .framework-box:hover .frame-icon::before {
    animation-name: rotate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }

@keyframes rotate {
  from {
    transform: rotate(-360deg); }
  to {
    transform: rotate(360deg); } }

.sub-title {
  font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 700;
  font-family: "Caveat", cursive;
  color: #FFB905; }

.rotate-title {
  color: #FF5A82; }

.landing-home {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: 1060px;
  background-image: url(/../images/landing/demo-bg.png); }
  .landing-home .sub-title {
    font-size: calc(18px + (30 - 18) * ((100vw - 300px) / (1920 - 300))); }
  .landing-home .user-content {
    width: 36%;
    padding: 35px 0px;
    text-align: center;
    font-size: 15px;
    margin: auto; }
    .landing-home .user-content span {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: rgba(5, 26, 26, 0.8); }
  .landing-home .star-animate {
    position: relative; }
    .landing-home .star-animate img {
      height: 30px;
      width: 30px;
      position: absolute;
      top: 0px;
      left: 0px; }
  .landing-home .content .arrow-animate svg {
    top: 311px;
    right: 66px;
    height: 80px;
    width: 61px;
    position: absolute;
    animation: rotate-animation 2s linear infinite;
    transition: all 1s ease; }
  .landing-home .content h1 {
    margin-top: 167px;
    color: #051A1A;
    line-height: 1.2;
    font-weight: 600;
    font-size: calc(25px + (60 - 25) * ((100vw - 300px) / (1920 - 300))); }
    .landing-home .content h1 span {
      background: #006666;
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .landing-home .content h1 .sub-content {
      position: relative;
      gap: 35px; }
      .landing-home .content h1 .sub-content::before {
        content: "";
        background-color: #051A1A;
        position: absolute;
        top: 30px;
        left: 222px;
        height: 50px;
        border-radius: 10px;
        width: 24%;
        transform: rotate(3deg); }
      .landing-home .content h1 .sub-content button {
        background-color: #fff;
        border: 2.36px solid #051A1A;
        border-radius: 9px;
        padding: 14px 38px;
        font-weight: 600;
        font-size: 28px;
        transform: rotate(6deg);
        color: radial-gradient(circle, #1baeae 2%, #1a9494 50%, #048f8f 100%) !important;
        border-color: #051A1A;
        text-transform: uppercase;
        overflow: hidden; }
        .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider {
          width: 165px;
          position: relative; }
          .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
            content: "";
            background-image: linear-gradient(180deg, #24B5B5 0%, #228585 100%);
            position: absolute;
            border-radius: 15px;
            height: 10px;
            width: 10px;
            top: 8px;
            left: -21px;
            z-index: 1; }
        .landing-home .content h1 .sub-content button::before {
          content: "";
          background-color: #051A1A;
          height: 40px;
          width: 40px;
          position: absolute;
          right: -22px;
          top: -19px;
          border-radius: 25px; }
        .landing-home .content h1 .sub-content button::after {
          content: "";
          background-color: #051A1A;
          height: 24px;
          width: 24px;
          position: absolute;
          right: -8px;
          bottom: -12px;
          border-radius: 24px; }
        .landing-home .content h1 .sub-content button span {
          background: linear-gradient(180deg, #24B5B5 0%, #228585 100%);
          background-clip: text;
          -webkit-background-clip: text;
          font-size: 25px;
          font-weight: 600;
          text-transform: uppercase;
          -webkit-text-fill-color: transparent; }
  .landing-home .content p {
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    opacity: 0.8;
    width: 64%;
    margin: 0 auto; }
    @media (max-width: 1366px) {
      .landing-home .content p {
        width: 90%; } }
    @media (max-width: 767px) {
      .landing-home .content p {
        width: 100%; } }
  .landing-home .best-selling {
    position: relative;
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease; }
    .landing-home .best-selling img {
      position: absolute;
      top: 154px;
      left: -30%;
      transform: rotate(-15.412deg);
      z-index: 1; }
    .landing-home .best-selling .img-shadow {
      position: absolute;
      height: 230px;
      width: 245px;
      border-radius: 4px;
      left: -30%;
      top: 165px;
      transform: rotate(350deg);
      background-color: #E6E9EB; }
  .landing-home .nft-marketplace {
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease;
    position: relative; }
    .landing-home .nft-marketplace img {
      position: absolute;
      top: 174px;
      right: -35%;
      z-index: 1;
      transform: rotate(7deg); }
    .landing-home .nft-marketplace .nft-marketplace-shadow {
      position: absolute;
      height: 207px;
      border-radius: 4px;
      width: 299px;
      background-color: #E6E9EB;
      right: -30%;
      top: 210px;
      transform: rotate(1.053deg); }
  .landing-home .new-user-img {
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease;
    position: relative; }
    .landing-home .new-user-img img {
      position: absolute;
      bottom: 100px;
      right: -15%;
      transform: rotate(13.746deg);
      z-index: 1; }
    .landing-home .new-user-img .new-user-shadow {
      position: absolute;
      bottom: 152px;
      right: -17%;
      border-radius: 4px;
      transform: rotate(110.697deg);
      height: 218px;
      width: 221px;
      background-color: #E6E9EB; }
  .landing-home .total-revenue-img {
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease;
    position: relative; }
    .landing-home .total-revenue-img img {
      position: absolute;
      bottom: 250px;
      left: -30%;
      transform: rotate(-14.949deg);
      z-index: 1; }
    .landing-home .total-revenue-img .total-revenue-shadow {
      background-color: #E6E9EB;
      position: absolute;
      border-radius: 4px;
      height: 110px;
      width: 204px;
      bottom: 269px;
      left: -28%;
      transform: rotate(341deg); }
  .landing-home .screen-1 {
    background-color: #fff;
    border-radius: 20px;
    border: 2px solid #000;
    padding: 20px;
    width: fit-content;
    margin: auto;
    position: relative; }
  .landing-home .screen-2 {
    position: absolute;
    bottom: 175px;
    left: 55px;
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease; }
    .landing-home .screen-2 img {
      position: relative;
      transform: rotate(359deg);
      border-radius: 14px;
      transform: rotate(-3.435deg);
      z-index: 1; }
    .landing-home .screen-2 .screen-sidebar {
      position: absolute;
      height: 459px;
      width: 95px;
      border-radius: 4px;
      top: 24px;
      transform: rotate(350deg);
      background-color: #E6E9EB; }
  .landing-home .star-img {
    position: relative; }
    .landing-home .star-img .start-animate {
      position: absolute;
      bottom: 540px;
      left: -22%; }
  .landing-home .star-img-left {
    position: relative; }
    .landing-home .star-img-left .start-animate-rotate {
      position: absolute;
      bottom: 440px;
      right: -22%; }
  .landing-home .btn-grp {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center; }
    @media (max-width: 767px) {
      .landing-home .btn-grp {
        gap: 12px; } }
    @media (max-width: 575px) {
      .landing-home .btn-grp {
        flex-wrap: wrap;
        gap: 10px; } }
    .landing-home .btn-grp img {
      height: 30px; }
      @media (max-width: 767px) {
        .landing-home .btn-grp img {
          height: 22px; } }
      @media (max-width: 575px) {
        .landing-home .btn-grp img {
          height: 20px; } }
  .landing-home .content {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1; }
    @media (max-width: 1366px) {
      .landing-home .content {
        margin-top: 170px; } }
    @media (max-width: 1199px) {
      .landing-home .content {
        margin-top: 140px; } }
    @media (max-width: 575px) {
      .landing-home .content {
        margin-top: 100px; } }
  .landing-home .content-title {
    position: relative;
    display: inline-block; }
    .landing-home .content-title .arrow-decore {
      position: absolute;
      left: -203px;
      top: -25px; }
      @media (max-width: 1660px) {
        .landing-home .content-title .arrow-decore {
          left: -166px;
          width: 150px; } }
      @media (max-width: 991px) {
        .landing-home .content-title .arrow-decore {
          left: -125px;
          width: 110px;
          top: -14px; } }
      @media (max-width: 575px) {
        .landing-home .content-title .arrow-decore {
          left: -61px;
          width: 60px;
          top: -4px; } }
  .landing-home .sticky-header header .nav-padding {
    padding: 35px 200px 25px; }

.navbar {
  justify-content: flex-start; }
  .navbar .navbar-toggler {
    margin-left: auto; }

.navbar-nav {
  align-items: center; }
  .navbar-nav .nav-item {
    position: relative; }
    .navbar-nav .nav-item .nav-link {
      font-size: 18px;
      letter-spacing: 1px;
      padding: 12px 20px;
      transition: all 0.3s ease;
      position: relative; }
      .navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item .nav-link:active, .navbar-nav .nav-item .nav-link.active {
        opacity: 1;
        transition: all 0.3s ease; }
        .navbar-nav .nav-item .nav-link:hover::before, .navbar-nav .nav-item .nav-link:active::before, .navbar-nav .nav-item .nav-link.active::before {
          content: '';
          position: absolute;
          height: 3px;
          top: 35px;
          width: 15px;
          color: #006666;
          background-color: #006666; }

.landing-page .navbar-expand-xl .navbar-collapse {
  background-color: transparent; }

.landing-page .page-body-wrapper {
  min-height: 100vh;
  background: #eaf4ff;
  overflow: hidden; }

.landing-page .buy-btn {
  font-size: 16px;
  background: linear-gradient(90deg, #006666 -18.33%, #006666 62.78%);
  border-radius: 7px;
  padding: 11px 39px;
  margin-left: 10px; }
  @media (max-width: 991px) {
    .landing-page .buy-btn {
      padding: 12px 35px; } }
  @media (max-width: 767px) {
    .landing-page .buy-btn {
      padding: 9px 20px;
      font-size: 14px; } }
  .landing-page .buy-btn a {
    color: #fff;
    padding: 0; }

.landing-page .navbar-nav .nav-item .nav-link {
  letter-spacing: 1.5px;
  color: #051A1A;
  text-transform: capitalize; }
  .landing-page .navbar-nav .nav-item .nav-link a:active {
    color: #006666; }

.landing-page .sticky-header header {
  background: transparent;
  box-shadow: none;
  z-index: 100;
  left: 0;
  height: auto; }
  .landing-page .sticky-header header.sticky {
    margin-top: 0; }
    .landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {
      font-size: 16px;
      padding: 15px 12px; }

.navbar-expand-xl .navbar-brand {
  padding-left: 18px; }

.navbar-expand-xl .navbar-collapse {
  flex-flow: row nowrap;
  justify-content: flex-end;
  background-color: #fff; }

.faq-section .accordion {
  display: flex;
  flex-direction: column;
  gap: 20px; }
  .faq-section .accordion-button, .faq-section .accordion-body {
    padding: 0; }
  .faq-section .accordion-button:not(.collapsed) {
    color: #006666;
    background: transparent; }
  .faq-section .accordion-button:focus {
    box-shadow: unset;
    border: none; }
  .faq-section .accordion-button::after {
    font-family: 'IcoFont';
    content: "\eb25";
    font-size: 24px;
    background: unset;
    width: auto;
    height: auto;
    margin-bottom: -4px; }
  .faq-section .accordion-body {
    padding-top: 14px;
    margin-top: 14px;
    border-top: 1px solid rgba(82, 82, 108, 0.5);
    text-align: left; }

.faq-section .vector-image {
  left: -160px;
  top: 30px; }
  @media (max-width: 1600px) {
    .faq-section .vector-image {
      left: 60px;
      top: -30px; } }
  @media (max-width: 1199px) {
    .faq-section .vector-image {
      left: 0px;
      top: -30px; } }
  .faq-section .vector-image img {
    height: 400px; }
    @media (max-width: 1600px) {
      .faq-section .vector-image img {
        height: 270px; } }
.pricing-section .loader-gif {
  top: -5%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-gif {
      top: -11%;
      right: 2%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-gif {
      top: -2%;
      right: 2%; } }
  .pricing-section .loader-gif .loader-1 {
    width: 56px;
    height: 56px; }
    .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
      width: 56px;
      height: 56px; }
    @media (max-width: 575px) {
      .pricing-section .loader-gif .loader-1 {
        width: 40px;
        height: 40px; }
        .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
          width: 40px;
          height: 40px; } }
.pricing-section .loader-line-gif {
  right: unset;
  top: unset;
  left: 22%;
  bottom: 15%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 12%; } }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 16%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-line-gif {
      left: 10px;
      bottom: -20px; }
      .pricing-section .loader-line-gif img {
        width: 90px; } }
.pricing-box {
  background: rgba(243, 245, 245, 0.5);
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 30px 20px; }
  .pricing-box img {
    width: 23px;
    height: 22px; }
  @media (max-width: 767px) {
    .pricing-box {
      padding: 20px 15px; } }
  .pricing-box p {
    color: #52526C; }
  .pricing-box h4 {
    margin-bottom: 20px; }
    @media (max-width: 575px) {
      .pricing-box h4 {
        margin-bottom: 15px; } }
  .pricing-box p {
    line-height: 1.5; }
  .pricing-box .purchase-details {
    background: #FCFCFD;
    border: 2px solid #fff;
    box-shadow: 0px 4px 20px rgba(46, 35, 94, 0.05);
    border-radius: 10px;
    padding: 24px 40px;
    margin-top: 20px; }
    @media (max-width: 1199px) {
      .pricing-box .purchase-details {
        padding: 24px 20px; } }
    .pricing-box .purchase-details h2 {
      margin-bottom: 14px; }
    .pricing-box .purchase-details .btn-lg {
      font-weight: 500;
      padding: 12px 20px;
      width: 100%;
      min-width: auto; }
      @media (max-width: 1199px) {
        .pricing-box .purchase-details .btn-lg {
          padding: 12px 10px;
          font-size: 15px; } }
.license-list {
  display: flex;
  flex-direction: column;
  gap: 15px; }
  @media (max-width: 767px) {
    .license-list {
      gap: 10px; } }
  .license-list li {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 10px; }
    @media (max-width: 991px) {
      .license-list li {
        gap: 5px; } }
    @media (max-width: 575px) {
      .license-list li img {
        width: 18px;
        height: 18px; } }
    .license-list li h6 {
      font-weight: normal;
      margin-bottom: 0; }

.benefit-box {
  position: relative;
  background: rgba(241, 242, 242, 0.5);
  padding: 40px 10px;
  box-shadow: 17px 17px 20px rgba(186, 186, 187, 0.3);
  border-radius: 30px; }
  @media (max-width: 991px) {
    .benefit-box {
      padding: 30px 10px; } }
  @media (max-width: 575px) {
    .benefit-box {
      padding: 20px 10px; } }
  .benefit-box svg {
    width: 40px;
    height: 40px; }
    @media (max-width: 991px) {
      .benefit-box svg {
        width: 30px;
        height: 30px; } }
  .benefit-box::after {
    position: absolute;
    content: '';
    width: 54px;
    height: 8px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px 10px 0 0; }
  @media (max-width: 991px) {
    .benefit-box h2 {
      font-size: 25px; } }
  .benefit-box h6 {
    font-weight: 400;
    color: #52526C;
    opacity: 0.7; }
  .benefit-box.pink h2 {
    color: #FF3692; }
  .benefit-box.pink::after {
    background: #FF3692; }
  .benefit-box.purple h2 {
    color: #7238FF; }
  .benefit-box.purple::after {
    background: #7238FF; }
  .benefit-box.red h2 {
    color: #FF3556; }
  .benefit-box.red::after {
    background: #FF3556; }
  .benefit-box.warning h2 {
    color: #FFAA05; }
  .benefit-box.warning::after {
    background: #FFAA05; }

.rating-title {
  display: flex;
  align-items: center;
  justify-content: center; }
  .rating-title .decore-1 {
    margin-top: -35px;
    animation: animationtop 5s infinite; }

@keyframes arrowsvg {
  0% {
    transform: scale(0);
    transform-origin: left; }
  100% {
    transform: scale(1);
    transform-origin: left; } }

.ratings li i {
  color: #FFAA05; }

.components-section {
  background: linear-gradient(179deg, rgba(247, 248, 249, 0) 8.83%, #F7F8F9 50%); }

.component_responsive {
  flex-wrap: initial; }

.component-hover-effect {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #FCFCFD;
  border: 2px solid #fff;
  box-shadow: 0px 4px 10px rgba(46, 35, 94, 0.07);
  border-radius: 5px;
  padding: 20px;
  justify-content: center;
  min-height: 78px; }
  @media (max-width: 767px) {
    .component-hover-effect {
      padding: 13px;
      min-height: 68px; } }
  .component-hover-effect svg {
    width: 26px;
    height: 26px; }

.ptb50 {
  padding: 80px 0; }
  @media (max-width: 991.98px) {
    .ptb50 {
      padding: 60px 0; } }
  @media (max-width: 575.98px) {
    .ptb50 {
      padding: 50px 0; } }
.purchase-btn {
  padding: 12px 20px;
  min-width: 200px;
  border: none; }
  @media (max-width: 991px) {
    .purchase-btn {
      min-width: 160px; } }
  @media (max-width: 767px) {
    .purchase-btn {
      min-width: 140px;
      padding: 10px 17px;
      font-size: 16px; } }
@keyframes move_wave {
  0% {
    transform: translateX(0) translateZ(0) scaleY(1); }
  50% {
    transform: translateX(-25%) translateZ(0) scaleY(0.55); }
  100% {
    transform: translateX(-50%) translateZ(0) scaleY(1); } }

footer h2 {
  font-size: calc(24px + (70 - 24) * ((100vw - 300px) / (1920 - 300))); }

footer .license-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: calc(15px + (30 - 15) * ((100vw - 300px) / (1920 - 300)));
  gap: calc(15px + (30 - 15) * ((100vw - 300px) / (1920 - 300))); }
  @media (max-width: 991px) {
    footer .license-list {
      gap: 20px; } }
  @media (max-width: 767px) {
    footer .license-list {
      gap: 15px; } }
  @media (max-width: 575px) {
    footer .license-list {
      flex-wrap: wrap; } }
  footer .license-list h6 {
    color: #fff; }

.tap-top {
  text-align: center;
  cursor: pointer;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 5;
  color: #fff;
  border: 1px solid #fff;
  background: var(--theme-deafult);
  padding: 7px;
  box-shadow: 0 0 10px var(--theme-deafult);
  opacity: 0.5;
  transition: all 0.3s ease; }
  .tap-top:hover {
    transition: all 0.3s ease;
    opacity: 1; }
  .tap-top svg {
    width: 20px; }

@keyframes animationFramesOne {
  0% {
    transform: translate(0px, 0px) rotate(0deg); }
  20% {
    transform: translate(73px, -1px) rotate(36deg); }
  40% {
    transform: translate(141px, 72px) rotate(72deg); }
  60% {
    transform: translate(83px, 122px) rotate(108deg); }
  80% {
    transform: translate(-40px, 72px) rotate(144deg); }
  100% {
    transform: translate(0px, 0px) rotate(0deg); } }

.page-wrapper,
.landing-page {
  overflow: hidden; }

.landing-page {
  overflow-x: hidden;
  overflow-y: visible; }

.app-bg-1 {
  background: #F9F7F7; }

.app-bg-2 {
  background: #F3F5F5; }

.app-bg-3 {
  background: #EFF5F8; }

.app-bg-4 {
  background: #F0F5F7; }

.app-bg-5 {
  background: #F5F4F3; }

.app-bg-6 {
  background: #F8F8FA; }

.flower-gif {
  top: -40px;
  left: 19%; }
  @media (max-width: 991px) {
    .flower-gif {
      top: 0;
      left: 15%; } }
  @media (max-width: 767px) {
    .flower-gif {
      left: 8%; } }
  @media (max-width: 575px) {
    .flower-gif {
      display: none; } }
.navabr_btn-set {
  position: relative; }
  .navabr_btn-set:focus {
    outline: 0; }
  .navabr_btn-set span {
    display: block;
    background-color: #fff;
    height: 3px;
    width: 25px;
    margin-top: 4px;
    margin-bottom: 4px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 0;
    opacity: 1; }
  .navabr_btn-set:not(.custom_nav) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9; }
  .navabr_btn-set:not(.custom_nav) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent; }
  .navabr_btn-set:not(.custom_nav) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9; }

.navbar-b {
  transition: all .5s ease-in-out;
  background-color: transparent;
  padding-top: 1.563rem;
  padding-bottom: 1.563rem; }

.fixed-top {
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  display: flex;
  left: 0;
  z-index: 1030; }

.navbar-toggler span {
  display: block;
  background-color: transparent;
  height: 3px;
  width: 25px;
  z-index: 112;
  margin-top: 4px;
  margin-bottom: 4px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 0;
  opacity: 1; }
  .navbar-toggler span:nth-child(1) {
    transition: transform .35s ease-in-out; }
  .navbar-toggler span:nth-child(3) {
    transition: transform .35s ease-in-out; }

.navbar-toggler:focus {
  box-shadow: none; }

.navbar_nav_modify li {
  text-align: center; }

.sticky-header header {
  position: fixed;
  width: 100%;
  z-index: 6;
  text-align: center;
  line-height: normal;
  height: 80px;
  background: var(--theme-deafult);
  color: #fff;
  box-shadow: 0 0 5px 1px rgba(5, 56, 111, 0.1);
  transition: all 0.4s ease; }
  .sticky-header header .nav-padding {
    padding: 20px 200px; }
  .sticky-header header.sticky {
    line-height: normal;
    background: #fff;
    text-align: left; }
    .sticky-header header.sticky .nav-padding {
      padding: 7px 14px; }

.landing-footer .footer-contain h2 {
  width: 65%;
  margin-bottom: 5px; }

.landing-footer .footer-contain p {
  margin-bottom: 8px; }

.landing-footer .footer-contain .star-rate {
  margin-bottom: 50px; }

.title-padding {
  padding: 130px 0; }

@keyframes mover {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-4px); } }

.landing-footer {
  background-image: url(/../images/landing/bg-footer.png);
  background-size: cover; }
  .landing-footer .footer-contain {
    text-align: center; }
    .landing-footer .footer-contain .rating-wrraper {
      margin-bottom: 40px; }
      .landing-footer .footer-contain .rating-wrraper svg {
        width: auto;
        height: calc(95px + (120 - 95) * ((100vw - 320px) / (1920 - 320))); }
    .landing-footer .footer-contain h2 {
      font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1920 - 320)));
      font-weight: 600;
      margin-bottom: 0px;
      line-height: 1.4;
      font-family: "Montserrat", sans-serif;
      width: 100%;
      color: #fff;
      margin-left: auto;
      margin-right: auto; }
    .landing-footer .footer-contain p {
      font-size: calc(12px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
      color: #fff; }
    .landing-footer .footer-contain .star-rate {
      margin-bottom: 40px; }
      .landing-footer .footer-contain .star-rate li {
        display: inline-block; }
        .landing-footer .footer-contain .star-rate li i {
          font-size: calc(14px + (35 - 20) * ((100vw - 320px) / (1920 - 320))); }
    .landing-footer .footer-contain .btn-footer {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      gap: 15px; }
      .landing-footer .footer-contain .btn-footer a:nth-child(n+2) {
        margin-left: 10px; }

.pricing-section .support-img {
  display: flex;
  align-items: center;
  justify-content: center; }
  .pricing-section .support-img img {
    position: relative;
    height: auto; }
  .pricing-section .support-img h4 {
    position: absolute;
    right: -48px;
    font-size: 40px;
    font-weight: 700;
    transform: rotate(270deg);
    bottom: 33%; }

@media (max-width: 1399px) {
  .pricing-section .support-img img {
    width: 730px; }
  .pricing-section .support-img h4 {
    right: 47px;
    font-size: 33px; } }

.pricing-section .landing-title h5 {
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: #006666; }

.pricing-section .landing-title h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin: 10px 0px; }

.pricing-section .landing-title .support-button:hover {
  color: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); }

.pricing-section .landing-title p {
  width: 100%; }

.pricing-section .loader-gif {
  top: -5%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-gif {
      top: -11%;
      right: 2%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-gif {
      top: -2%;
      right: 2%; } }
  .pricing-section .loader-gif .loader-1 {
    width: 56px;
    height: 56px; }
    .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
      width: 56px;
      height: 56px; }
    @media (max-width: 575px) {
      .pricing-section .loader-gif .loader-1 {
        width: 40px;
        height: 40px; }
        .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
          width: 40px;
          height: 40px; } }
.pricing-section .loader-line-gif {
  right: unset;
  top: unset;
  left: 22%;
  bottom: 15%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 12%; } }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 16%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-line-gif {
      left: 10px;
      bottom: -20px; }
      .pricing-section .loader-line-gif img {
        width: 90px; } }
.pricing-box {
  background: rgba(243, 245, 245, 0.5);
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 30px 20px; }
  .pricing-box img {
    width: 23px;
    height: 22px; }
  @media (max-width: 767px) {
    .pricing-box {
      padding: 20px 15px; } }
  .pricing-box p {
    color: #52526C; }
  .pricing-box h4 {
    margin-bottom: 20px; }
    @media (max-width: 575px) {
      .pricing-box h4 {
        margin-bottom: 15px; } }
  .pricing-box p {
    line-height: 1.5; }
  .pricing-box .purchase-details {
    background: #FCFCFD;
    border: 2px solid #fff;
    box-shadow: 0px 4px 20px rgba(46, 35, 94, 0.05);
    border-radius: 10px;
    padding: 24px 40px;
    margin-top: 20px; }
    @media (max-width: 1199px) {
      .pricing-box .purchase-details {
        padding: 24px 20px; } }
    .pricing-box .purchase-details h2 {
      margin-bottom: 14px; }
    .pricing-box .purchase-details .btn-lg {
      font-weight: 500;
      padding: 12px 20px;
      width: 100%;
      min-width: auto; }
      @media (max-width: 1199px) {
        .pricing-box .purchase-details .btn-lg {
          padding: 12px 10px;
          font-size: 15px; } }
.license-list {
  display: flex;
  flex-direction: column;
  gap: 15px; }
  @media (max-width: 767px) {
    .license-list {
      gap: 10px; } }
  .license-list li {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 10px; }
    @media (max-width: 991px) {
      .license-list li {
        gap: 5px; } }
    @media (max-width: 575px) {
      .license-list li img {
        width: 18px;
        height: 18px; } }
    .license-list li h6 {
      font-weight: normal;
      margin-bottom: 0; }

@media (max-width: 1799px) {
  .marquee .marquee-name p.big-title {
    font-size: 50px; } }

@media (max-width: 1700px) {
  .landing-home {
    height: 992px; }
    .landing-home .content h1 .sub-content:before {
      top: 28px;
      left: 210px; }
  .nft-marketplace img {
    height: 180px; }
  .nft-marketplace .nft-marketplace-shadow {
    width: 220px !important;
    height: 155px !important; }
  .best-selling img {
    width: calc(140px + (234 - 140) * ((100vw - 768px) / (1920 - 768))) !important;
    height: calc(140px + (234 - 140) * ((100vw - 768px) / (1920 - 768))) !important; }
  .best-selling .img-shadow {
    width: calc(213px + (165 - 150) * ((100vw - 768px) / (1920 - 768))) !important;
    height: calc(140px + (230 - 140) * ((100vw - 768px) / (1920 - 768))) !important; } }

@media (max-width: 1367px) {
  .landing-page .landing-home .content h1 {
    margin-top: 5px; }
  .landing-page .landing-home .content .arrow-animate svg {
    display: none; }
  .landing-page .landing-home .best-selling .img-shadow {
    left: -32%; }
  .landing-page .unique-cards.section-py-space .support-title h2 {
    font-size: 22px; }
  .landing-page .unique-cards.section-py-space .support-title p {
    font-size: 12px; } }

@media (max-width: 1599px) {
  .marquee .marquee-name p.big-title {
    font-size: 40px; } }

@media (max-width: 1440px) {
  .landing-page .demo-section .down-loader {
    display: none; }
  .framework {
    height: 654px; }
  .landing-home {
    height: 948px; }
    .landing-home .screen-2 {
      display: none; }
    .landing-home .content h1 .sub-content::before {
      width: 30%;
      top: 25px;
      left: 176px;
      height: 50px; }
  .nft-marketplace img {
    height: 150px; }
  .nft-marketplace .nft-marketplace-shadow {
    width: 176px !important;
    height: 126px !important; }
  .best-selling img {
    height: 145px; }
  .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    padding: 12px 7px; }
  .feature-section {
    height: 776px; }
    .feature-section .loader-gif {
      display: none; } }

@media (max-width: 1399px) {
  .landing-home .content h1 span {
    font-size: 40px; }
  .landing-home .sticky-header header .nav-padding {
    padding: 28px 100px 25px; }
  .framework {
    height: 792px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 7%;
    right: 52%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 22px; }
    .landing-page .unique-cards.section-py-space .support-title p {
      font-size: 12px; } }

/* ========= responsive scss for 1200 screen ========= */
@media only screen and (max-width: 1199px) {
  .marquee .marquee-name p.big-title {
    font-size: 30px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 7%;
    right: 52%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 20px; }
    .landing-page .unique-cards.section-py-space .support-title p {
      font-size: 12px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 2%;
    font-size: 35px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -46px;
    font-size: 33px; }
  .landing-page .section-py-space .title h2 {
    font-size: 30px; }
  .landing-page .section-py-space .title span {
    font-size: 12px; }
  .landing-page .feature-section .title span {
    font-size: 14px; }
  .landing-home {
    height: 670px; }
    .landing-home .content h1 {
      font-size: 30px; }
      .landing-home .content h1 .sub-content:before {
        width: 38%;
        left: 129px;
        padding: 13px 33px;
        height: 73%; }
      .landing-home .content h1 .sub-content button span {
        font-size: 20px; }
      .landing-home .content h1 .sub-content button .animate-button-slide .notification-slider::before {
        top: 6px; }
      .landing-home .content h1 span {
        font-size: 28px; }
    .landing-home .sticky-header header .nav-padding {
      padding: 20px; }
  .feature-section {
    height: auto; }
  .framework {
    height: auto; }
  .nft-marketplace img {
    display: none; }
  .nft-marketplace .nft-marketplace-shadow {
    display: none; }
  .best-selling img {
    display: none; }
  .best-selling .img-shadow {
    display: none; }
  .total-revenue-img img {
    display: none; }
  .total-revenue-img .total-revenue-shadow {
    display: none; }
  .new-user-img img {
    display: none; }
  .new-user-img .new-user-shadow {
    display: none; }
  .sticky-header header.sticky .nav-padding {
    padding: 15px 25px; }
  .navbar-toggler span {
    background-color: #006666; }
  .application-sec.demo-section .demo-box, .main-sec.demo-section .demo-box {
    padding: 0 20px; }
  .sticky-header .navbar-nav .nav-item .nav-link {
    color: #000;
    padding: 10px 12px !important;
    font-size: 15px; }
  .sticky-header .navbar-nav li {
    display: block;
    width: 100%; }
  .landing-page .navbar-expand-xl .navbar-collapse {
    background-color: white;
    margin-top: 20px;
    position: absolute;
    width: calc(100% - 30px);
    left: 15px;
    top: 70px; } }
  @media only screen and (max-width: 1199px) and (max-width: 575px) {
    .landing-page .navbar-expand-xl .navbar-collapse {
      top: 34px; } }
@media only screen and (max-width: 1199px) {
    .landing-page .navbar-expand-xl .navbar-collapse .navbar-nav {
      padding: 20px 30px 30px 30px; }
  header.sticky .navbar-expand-xl .navbar-collapse {
    top: 50px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; }
  .landing-main .sticky .navbar-expand-xl .navbar-brand {
    top: 8px; }
  .landing-main .sticky .navbar-expand-xl .navabr_btn-set {
    top: 16px; }
  .landing-main .navbar-toggler span {
    background-color: #fff; }
  .landing-main .navbar_nav_modify {
    width: 100vw;
    left: 0;
    position: fixed;
    height: 100vh;
    background-color: #293240;
    top: 0;
    padding: 120px 0px; }
  .landing-main h4 {
    font-size: 20px; }
  .landing-main .navbar-expand-xl .navabr_btn-set {
    position: fixed;
    top: 24px;
    z-index: 1;
    right: 20px; }
  .landing-main .navbar-expand-xl .navbar-brand {
    padding-left: 5px;
    z-index: 1;
    position: fixed;
    top: 14px; }
  .landing-main .navbar-expand-xl .navbar-collapse .navbar-nav .nav-item a {
    padding: 28px 60px;
    width: 16px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center; }
  .landing-main .navbar-expand-lg .navbar-brand {
    padding-left: 5px; }
  .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
    padding: 9px; } }

@media only screen and (max-width: 1099px) {
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 47%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 16px;
      padding-bottom: 15px; }
    .landing-page .unique-cards.section-py-space .support-title p {
      display: none; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 2%;
    font-size: 35px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -46px;
    font-size: 33px; } }

/* ========= responsive scss for 992 screen ========= */
@media only screen and (max-width: 991px) {
  .marquee {
    padding-top: 40px; }
    .marquee .marquee-name p.big-title {
      font-size: 25px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 8%;
    width: 100%;
    right: 76%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 14px;
      padding-bottom: 14px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 15%;
    font-size: 19px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 370px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: 84px;
    font-size: 20px; }
  .feature-section {
    height: 936px; }
  .framework {
    height: auto; }
  .landing-home .navbar-brand img {
    height: 35px; }
  .landing-home .content h1 .sub-content {
    padding-top: 16px !important; }
    .landing-home .content h1 .sub-content button .animate-button-slide .notification-slider::before {
      content: "";
      top: 6px; }
  .frameworks-section > .container {
    max-width: 100%; }
  .landing-main .navbar-expand-lg .navbar-collapse {
    position: absolute;
    top: 90px;
    background-color: white;
    width: calc(100% - 30px);
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    padding: 15px; }
  .landing-main .navbar-expand-lg .navbar-toggler {
    background-color: #fff; }
    .landing-main .navbar-expand-lg .navbar-toggler .navbar-toggler-icon i {
      margin-top: 5px;
      color: var(--theme-deafult); }
  .landing-main .navbar-expand-lg .navbar-collapse {
    background-color: #fff;
    z-index: 111; }
    .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
      color: #000; } }

/* ========= responsive scss for 768 screen ========= */
@media only screen and (max-width: 767px) {
  .marquee .marquee-name p.big-title {
    font-size: 18px; }
  .feature-section .feature-box .feature-icon {
    top: -19px;
    right: 10px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 75%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 12px;
      padding-bottom: 14px; }
    .landing-page .unique-cards.section-py-space .support-title a {
      font-size: 12px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 8%;
    font-size: 20px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 330px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -10px;
    font-size: 20px; }
  .landing-home .user-content {
    padding: 20px 0px; }
  .landing-home .content h1 {
    font-size: 20px; }
    .landing-home .content h1 .sub-content span {
      font-size: 14px; }
    .landing-home .content h1 .sub-content button {
      padding: 11px 5px 10px 36px;
      width: 40%;
      transform: unset;
      position: relative; }
      .landing-home .content h1 .sub-content button::before {
        height: 32px;
        width: 32px; }
      .landing-home .content h1 .sub-content button::after {
        height: 20px;
        width: 20px; }
      .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider {
        width: 105px; }
        .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
          content: "";
          top: 4px;
          height: 8px;
          width: 8px; }
      .landing-home .content h1 .sub-content button span {
        font-size: 14px; }
    .landing-home .content h1 .sub-content::before {
      display: none; }
  .feature-section {
    height: auto; }
  .landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {
    font-size: 14px;
    padding: 10px 12px; } }

/* ========= responsive scss for 680 screen ========= */
@media only screen and (max-width: 680px) {
  .marquee .marquee-name p.big-title {
    font-size: 14px;
    letter-spacing: 2px; }
  .landing-page .unique-cards.section-py-space .marquee {
    padding-top: 30px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 73%;
    width: 100%; }
    .landing-page .unique-cards.section-py-space .support-title a {
      padding: 8px 20px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 4%;
    font-size: 18px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 400px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -10px;
    font-size: 16px; }
  .landing-home .content h1 .sub-content span {
    font-size: 14px; }
  .landing-home .content h1 .sub-content button {
    width: 46%; } }

/* ========= responsive scss for 575 screen ========= */
@media only screen and (max-width: 575px) {
  .landing-home {
    height: 416px; }
    .landing-home .user-content {
      padding: 14px 0px;
      width: 45%; }
      .landing-home .user-content span {
        font-size: 12px; }
    .landing-home .content h1 .sub-content {
      padding-top: 10px !important;
      gap: 6px; }
      .landing-home .content h1 .sub-content button {
        padding: 10px 5px 10px 30px; }
        .landing-home .content h1 .sub-content button span {
          font-size: 14px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 60%; }
  .framework ul.framworks-list {
    gap: 30px; }
    .framework ul.framworks-list li {
      height: 85px;
      width: 85px; }
  .marquee .marquee-name p.big-title {
    display: none; }
  .landing-page .section-py-space .title h2::after {
    top: 51px; }
  .landing-page .unique-cards.section-py-space .marquee {
    display: none; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 70%;
    right: 56%; }
    .landing-page .unique-cards.section-py-space .support-title a {
      padding: 6px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    display: none; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    padding-bottom: 70px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    display: none; }
  .feature-section {
    height: auto; }
  .framework {
    height: 100%; }
    .framework ul.framworks-list li div {
      height: 50px;
      width: 50px; }
      .framework ul.framworks-list li div img {
        height: 30px; }
  .landing-home .sticky-header header .nav-padding {
    padding: 15px 30px; }
  .landing-main h4 {
    font-size: 17px; } }

/* ========= responsive scss for 480 screen ========= */
@media only screen and (max-width: 480px) {
  .landing-home .content h1 .sub-content button::after {
    display: none; }
  .landing-home .content h1 .sub-content button::before {
    display: none; }
  .landing-page .unique-cards.section-py-space .support-title h2 {
    text-align: center; }
  .landing-page .unique-cards.section-py-space .support-title .premium-button {
    text-align: center; }
  .landing-page .demo-section .demo-box .layout-name a {
    font-size: 14px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 71%;
    right: 37%; }
  .landing-page .section-py-space .title h5 {
    font-size: 16px; }
  .landing-page .section-py-space .title h2 {
    font-size: 18px; }
    .landing-page .section-py-space .title h2::after {
      top: 30px;
      width: 40px;
      height: 5px; }
  .landing-page .feature-section .title h5 {
    font-size: 16px; }
  .landing-page .feature-section .title h2 {
    font-size: 18px; }
    .landing-page .feature-section .title h2::after {
      top: 30px;
      width: 40px;
      height: 5px; }
  .framework {
    height: 1440px; }
  .feature-section {
    height: auto; }
  .framework {
    height: 100%; }
  .sticky-header header.sticky {
    height: 56px; }
  .landing-home .sticky-header header .nav-padding {
    padding: 15px; }
  .landing-home .user-content {
    width: 61%; }
  .landing-home .content h1 .sub-content::before {
    width: 40%;
    left: 88px;
    top: 35%; }
  .landing-home .content h1 .sub-content span {
    font-size: 14px; }
  .landing-home .content h1 .sub-content button {
    width: 56%; }
    .landing-home .content h1 .sub-content button span {
      font-size: 14px; }
    .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
      top: 4px;
      left: -14px; }
  .landing-home .navbar-toggler {
    border: none;
    background-color: transparent;
    padding: 0; }
  .landing-home .navbar-brand img {
    height: 25px; } }

/* ========= responsive scss for 425 screen ========= */
@media only screen and (max-width: 425px) {
  .feature-section {
    height: 100%; }
  .landing-page .section-py-space .title h2::after {
    top: 37px; }
  .framework ul.framworks-list {
    gap: 30px; } }

/* ========= responsive scss for 380 screen ========= */
@media only screen and (max-width: 380px) {
  .feature-section {
    height: 100%; }
  .framework {
    height: 100%; }
  .component-col-set {
    width: 100%; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 69%;
    right: 40%; }
  .landing-home .content h1 .sub-content::before {
    width: 40%;
    left: 77px; }
  .landing-home .content h1 .sub-content button {
    padding: 6px 14px 6px 25px; } }

@media screen and (max-width: 375px) {
  .landing-page .unique-cards.section-py-space .support-title {
    top: 60%;
    right: 37%; } }

@media (max-width: 767px) {
  .framework .nav .nav-link img {
    height: 35px; }
  .framework .nav .nav-link h5 {
    font-size: 16px; }
  .framework ul.framworks-list li {
    width: 145px;
    height: 145px; }
    .framework ul.framworks-list li img {
      height: 40px; } }

@media (max-width: 767px) and (max-width: 480px) {
  .framework .nav .nav-item {
    width: auto; }
  .framework .nav .nav-link {
    padding-bottom: 10px;
    display: block !important; }
    .framework .nav .nav-link img {
      height: 25px;
      margin-right: unset; }
    .framework .nav .nav-link .text-start {
      display: none; }
    .framework .nav .nav-link.active, .framework .nav .nav-link.show {
      border-bottom: 2px solid #006666; }
  .framework ul.framworks-list li {
    width: 120px;
    height: 110px;
    padding: 25px 0;
    margin: 5px; }
    .framework ul.framworks-list li img {
      height: 30px; } }

@media (max-width: 767px) and (max-width: 1367px) {
  .framework .nav {
    margin-bottom: 40px; }
    .framework .nav .nav-link h5 {
      font-size: 18px; }
    .framework .nav .nav-link p {
      font-size: 12px; }
  .framework ul.framworks-list li {
    height: 175px;
    width: 175px; }
    .framework ul.framworks-list li img {
      width: auto;
      height: 60px; }
      .framework ul.framworks-list li img.img-68 {
        width: auto; } }

@media (max-width: 767px) and (max-width: 991px) {
  .framework .nav {
    margin-bottom: 30px; }
  .framework ul.framworks-list li {
    padding-left: 22px;
    width: 93px;
    height: 93px; }
    .framework ul.framworks-list li img {
      height: 40px; } }

/**=====================
    3.26 Landing CSS Ends
==========================**/
/**=====================
    3.27 Language CSS start
==========================**/
.current_lang {
  cursor: pointer;
  text-transform: uppercase;
  overflow: hidden; }

.lang.selected {
  display: none; }

.lang span.lang-txt {
  display: inline-flex;
  margin-left: 8px;
  font-weight: 500; }

.lang span span {
  color: #999;
  font-weight: 400;
  margin-left: 5px; }

/*more lang*/
.more_lang {
  transform: translateY(-20px);
  opacity: 0;
  cursor: pointer;
  display: none;
  transition: all 0.3s cubic-bezier(0.25, 1.15, 0.35, 1.15); }

.translate_wrapper.active .more_lang {
  display: block;
  position: absolute;
  background-color: #fff;
  top: 47px;
  right: 0;
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1); }
  .translate_wrapper.active .more_lang:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    top: -7px;
    position: absolute;
    right: 20px;
    z-index: 2; }
  .translate_wrapper.active .more_lang:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #bdc2c5;
    content: "";
    top: -7px;
    position: absolute;
    right: 20px;
    z-index: 1; }

.more_lang.active {
  opacity: 1;
  transform: translateY(0px); }

.more_lang .lang {
  padding: 10px 15px;
  display: flex; }
  .more_lang .lang:hover {
    background: var(--theme-deafult);
    color: #fff; }
    .more_lang .lang:hover span {
      color: #fff; }

.translate_wrapper.active .more_lang .lang {
  border-bottom: 1px solid #eaeaea; }

/**=====================
    3.27 Language CSS end
==========================**/
/**=====================
     3.28 Learning CSS start
==========================**/
.learning-header {
  margin-bottom: 10px; }

.categories {
  padding: 16px 0; }
  .categories .learning-header {
    padding-left: 15px; }
  .categories ul li {
    padding: 10px 15px; }
    .categories ul li a {
      color: #051A1A; }
    .categories ul li:hover {
      background-color: #E6E9EB; }

.upcoming-course .media + .media {
  margin-top: 30px; }

.job-accordion {
  margin-bottom: 0; }

@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .learning-comment {
    margin-left: -14px !important;
    float: left !important; }
  .blog-box .blog-details .blog-social li:first-child {
    padding-right: 30px; }
  .blog-box .blog-details .blog-social li + li {
    padding-left: 30px; } }

@media only screen and (max-width: 991px) {
  .categories {
    padding: 20px 0; }
  .upcoming-course .media + .media {
    margin-top: 20px; } }

@media only screen and (max-width: 575px) {
  .categories {
    padding: 15px 0; }
  .upcoming-course .media + .media {
    margin-top: 15px; } }

/**=====================
     3.28 Learning CSS end
==========================**/
/**=====================
    3.29 Login CSS Start
==========================**/
.login-card {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  background-position: center;
  padding: 30px 12px; }
  .login-card .logo {
    display: block;
    margin-bottom: 30px;
    text-align: center; }
  .login-card .btn-showcase .btn {
    line-height: 1;
    padding: 10px 13px;
    margin: 0; }
    .login-card .btn-showcase .btn + .btn {
      margin-left: 5px; }
    .login-card .btn-showcase .btn svg {
      height: 16px;
      vertical-align: bottom; }
  .login-card .login-main {
    width: 450px;
    padding: 40px;
    border-radius: 10px;
    box-shadow: #1a1c23 0px 0px 37px 0px;
    margin: 0 auto;
    background-color: #fff; }
    .login-card .login-main .theme-form h4 {
      margin-bottom: 5px; }
    .login-card .login-main .theme-form label {
      font-size: 15px;
      letter-spacing: 0.4px; }
    .login-card .login-main .theme-form .checkbox label::before {
      background-color: #f9f9fa;
      border: 1px solid #dfdfdf; }
    .login-card .login-main .theme-form .or {
      position: relative; }
      .login-card .login-main .theme-form .or:before {
        content: "";
        position: absolute;
        width: 65%;
        height: 2px;
        background-color: #f3f3ff;
        top: 9px;
        z-index: 0;
        right: 0; }
    .login-card .login-main .theme-form input {
      background-color: rgba(0, 102, 102, 0.1);
      transition: all 0.3s ease; }
      .login-card .login-main .theme-form input::-webkit-input-placeholder {
        color: #999999; }
      .login-card .login-main .theme-form input:hover, .login-card .login-main .theme-form input:focus {
        border: 1px solid #b9c1cc;
        box-shadow: none !important;
        transition: all 0.3s ease; }
    .login-card .login-main .theme-form p {
      margin-bottom: 25px;
      font-size: 14px;
      color: #898989; }
    .login-card .login-main .theme-form .form-group {
      margin-bottom: 10px;
      position: relative; }
    .login-card .login-main .theme-form .link {
      position: absolute;
      top: 10px;
      right: 0; }

.show-hide {
  position: absolute;
  top: 52px;
  right: 20px;
  transform: translateY(-50%); }
  .show-hide span {
    cursor: pointer;
    font-size: 13px;
    color: var(--theme-deafult); }
    .show-hide span.show:before {
      content: "show"; }
    .show-hide span:before {
      content: "hide"; }

.needs-validation .invalid-feedback {
  color: #898989; }

.needs-validation .show-hide {
  right: 30px; }

.needs-validation .invalid-tooltip {
  top: 10px;
  right: 10px; }

/**=====================
    3.29 Login CSS Ends
==========================**/
/**=====================
	3.30 Megaoption CSS Start
==========================**/
.mega-inline {
  margin-bottom: -30px;
  display: flex; }
  .mega-inline .card {
    border: 1px solid #f3f3f3;
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .mega-inline .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
  .mega-inline .media .radio {
    margin-left: 3px; }
    [dir="rtl"] .mega-inline .media .radio {
      margin-right: 3px;
      margin-left: unset; }

.mega-vertical {
  display: flex;
  flex-wrap: wrap; }
  .mega-vertical .card {
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .mega-vertical .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
  .mega-vertical .media .radio {
    margin-left: 3px; }

.mega-title {
  font-weight: 600; }

.mega-horizontal {
  display: flex;
  flex-wrap: wrap; }
  .mega-horizontal .card {
    border: 1px solid #f3f3f3;
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .mega-horizontal .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
  .mega-horizontal .media .radio {
    margin-left: 3px; }

.plain-style .card {
  box-shadow: none;
  border: none !important; }

.border-style .card {
  box-shadow: none;
  border: 1px solid #ecf3fa !important; }

.offer-style .card {
  box-shadow: none;
  border: 1px dashed #ecf3fa !important; }

.rating-star-wrapper {
  color: #797979; }

.card-wrapper .payment-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--chart-dashed-border); }
  .card-wrapper .payment-wrapper:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: unset; }
  .card-wrapper .payment-wrapper .payment-second img {
    width: 50px; }
  .card-wrapper .payment-wrapper .payment-second .mega-icons {
    width: 20px;
    height: 20px; }

.main-upgrade {
  margin: 0 auto;
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  .main-upgrade > div:first-child {
    margin-bottom: 20px; }
  .main-upgrade i {
    font-size: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
    display: block;
    color: #006666; }
  .main-upgrade p {
    line-height: 1.4; }
  .main-upgrade .variation-box {
    gap: 20px;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (min-width: 768px) and (max-width: 1200px) {
      .main-upgrade .variation-box {
        display: grid;
        grid-template-columns: auto auto;
        gap: 18px; } }
    @media (max-width: 700px) {
      .main-upgrade .variation-box {
        display: grid;
        grid-template-columns: auto auto;
        gap: 18px; } }
    @media (max-width: 380px) {
      .main-upgrade .variation-box {
        grid-template-columns: unset; } }
    .main-upgrade .variation-box .selection-box {
      position: relative;
      height: 100px;
      border: 1px dashed #006666;
      min-width: 125px;
      border-radius: 15px; }
      @media (min-width: 1200px) and (max-width: 1920px) {
        .main-upgrade .variation-box .selection-box {
          min-width: calc(110px + (125 - 110) * ((100vw - 1200px) / (1920 - 1200))); } }
      .main-upgrade .variation-box .selection-box .custom--mega-checkbox {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 25px;
        transition: .5s ease; }
      .main-upgrade .variation-box .selection-box input {
        position: absolute;
        top: 0;
        left: 0;
        width: 118px;
        height: 96px;
        opacity: 0;
        cursor: pointer; }
        [dir="rtl"] .main-upgrade .variation-box .selection-box input {
          left: unset;
          right: 0; }
        .main-upgrade .variation-box .selection-box input[type=checkbox]:checked ~ div {
          background-color: rgba(0, 102, 102, 0.2);
          border-radius: 15px; }

.megaoptions-border-space-sm .media .radio label {
  padding-left: 18px; }
  [dir="rtl"] .megaoptions-border-space-sm .media .radio label {
    padding-left: unset;
    padding-right: 18px; }

@media (min-width: 618px) and (max-width: 1199px) {
  .megaoptions-border-space-sm .media .media-body .list-behavior-1 {
    flex-direction: row;
    gap: 18px; } }

@media (max-width: 618px) {
  .megaoptions-border-space-sm .media .media-body .list-behavior-1 {
    flex-direction: column;
    gap: 12px; } }

.megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
  margin-top: -6px; }
  @media (max-width: 618px) {
    .megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
      margin-left: 0px; }
      [dir="rtl"] .megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
        margin-left: unset;
        margin-right: 0; } }
.megaoptions-border-space-sm .media .media-body .list-behavior-1:first-child {
  margin-bottom: 0; }

.megaoption-space .badge.pull-right,
.megaoptions-border-space-sm .badge.pull-right {
  margin-bottom: 12px; }

/**=====================
    3.30 Megaoption CSS Ends
==========================**/
/**=====================
    3.31 Order-history CSS start
==========================**/
.prooduct-details-box .close {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 16px;
  cursor: pointer; }

.prooduct-details-box .btn {
  line-height: 13px; }

.prooduct-details-box .media {
  border: 1px solid #d7e2e9;
  border-radius: 10px;
  padding: 15px;
  width: 100%;
  position: relative; }

.prooduct-details-box .rating {
  color: #ffaf45;
  letter-spacing: 3px; }

.prooduct-details-box .product-name a {
  color: gray; }

.prooduct-details-box .product-name h6 {
  margin-bottom: 0; }

.prooduct-details-box .btn {
  position: absolute;
  right: 15px;
  bottom: 15px; }

.order-history .input-group {
  text-align: right;
  max-width: 300px; }

.order-history table th,
.order-history table td {
  text-align: center; }

.order-history table thead tr th {
  vertical-align: middle;
  border-top: none;
  background-color: #F5F5F5;
  border: 1px solid #ecf3fa;
  padding: 1.25rem;
  font-size: 16px; }

.order-history table .qty-box {
  width: 120px;
  margin: 0 auto;
  border-radius: 5px;
  overflow: hidden; }
  .order-history table .qty-box input {
    width: 44px;
    max-width: 44px;
    background-color: transparent;
    border: none !important; }
  .order-history table .qty-box .input-group {
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid #ecf3fa;
    overflow: hidden; }
  .order-history table .qty-box .btn {
    background-color: transparent;
    border: none; }
    .order-history table .qty-box .btn.bootstrap-touchspin-down {
      border-right: 1px solid; }
      [dir="rtl"] .order-history table .qty-box .btn.bootstrap-touchspin-down {
        border-right: unset;
        border-left: 1px solid; }
    .order-history table .qty-box .btn.bootstrap-touchspin-up {
      border-left: 1px solid; }
      [dir="rtl"] .order-history table .qty-box .btn.bootstrap-touchspin-up {
        border-left: unset;
        border-right: 1px solid; }

.order-history table tbody tr td {
  vertical-align: middle; }
  .order-history table tbody tr td .product-name a {
    font-size: 15px;
    color: #898989; }
  .order-history table tbody tr td .product-name .order-process {
    font-size: 13px;
    padding-left: 15px; }
    .order-history table tbody tr td .product-name .order-process .order-process-circle {
      position: relative; }
      .order-history table tbody tr td .product-name .order-process .order-process-circle:before {
        position: absolute;
        content: '';
        width: 4px;
        height: 4px;
        border-radius: 100%;
        background-color: #898989;
        left: -7px;
        top: 6px; }
      .order-history table tbody tr td .product-name .order-process .order-process-circle.shipped-order:before {
        background-color: #00AC46; }
      .order-history table tbody tr td .product-name .order-process .order-process-circle.cancel-order:before {
        background-color: #FE6A49; }

@media only screen and (max-width: 1199px) {
  .order-history table {
    width: 900px;
    overflow: auto; }
    .order-history table thead tr th {
      font-size: 12px; } }

@media only screen and (max-width: 575px) {
  .prooduct-details-box .btn {
    padding: 0.05rem 0.4rem !important; } }

/**=====================
    3.31 Order-history CSS End
==========================**/
/**=====================
  3.32 Page CSS Start
==========================**/
/*test Nav bar color */
.pagination-theme .page-item .page-link {
  color: var(--theme-deafult) !important; }

.pagination-theme .page-item.active .page-link {
  color: #fff !important;
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult); }

.pagination-primary .page-item .page-link {
  color: var(--theme-deafult) !important; }

.pagination-primary .page-item.active .page-link {
  color: #fff !important;
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult); }

.pagination-secondary .page-item .page-link {
  color: #FE6A49 !important; }

.pagination-secondary .page-item.active .page-link {
  color: #fff !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49; }

.pagination-success .page-item .page-link {
  color: #00AC46 !important; }

.pagination-success .page-item.active .page-link {
  color: #fff !important;
  background-color: #00AC46 !important;
  border-color: #00AC46; }

.pagination-danger .page-item .page-link {
  color: #FE6A49 !important; }

.pagination-danger .page-item.active .page-link {
  color: #fff !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49; }

.pagination-info .page-item .page-link {
  color: #173878 !important; }

.pagination-info .page-item.active .page-link {
  color: #fff !important;
  background-color: #173878 !important;
  border-color: #173878; }

.pagination-dark .page-item .page-link {
  color: #2c323f !important; }

.pagination-dark .page-item.active .page-link {
  color: #fff !important;
  background-color: #2c323f !important;
  border-color: #2c323f; }

.pagination-warning .page-item .page-link {
  color: #FFAE1A !important; }

.pagination-warning .page-item.active .page-link {
  color: #fff !important;
  background-color: #FFAE1A !important;
  border-color: #FFAE1A; }

.pagin-border-primary .page-item.active, .pagin-border-primary .page-item:active {
  background-color: rgba(0, 102, 102, 0.2); }

.pagin-border-primary .page-item .page-link {
  border-color: rgba(0, 102, 102, 0.2); }
  .pagin-border-primary .page-item .page-link:hover, .pagin-border-primary .page-item .page-link:focus {
    background-color: rgba(0, 102, 102, 0.2); }
  .pagin-border-primary .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-secondary .page-item.active, .pagin-border-secondary .page-item:active {
  background-color: rgba(254, 106, 73, 0.3); }

.pagin-border-secondary .page-item .page-link {
  border-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-secondary .page-item .page-link:hover, .pagin-border-secondary .page-item .page-link:focus {
    background-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-secondary .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-success .page-item.active, .pagin-border-success .page-item:active {
  background-color: rgba(0, 172, 70, 0.3); }

.pagin-border-success .page-item .page-link {
  border-color: rgba(0, 172, 70, 0.3); }
  .pagin-border-success .page-item .page-link:hover, .pagin-border-success .page-item .page-link:focus {
    background-color: rgba(0, 172, 70, 0.3); }
  .pagin-border-success .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-danger .page-item.active, .pagin-border-danger .page-item:active {
  background-color: rgba(254, 106, 73, 0.3); }

.pagin-border-danger .page-item .page-link {
  border-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-danger .page-item .page-link:hover, .pagin-border-danger .page-item .page-link:focus {
    background-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-danger .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-warning .page-item.active, .pagin-border-warning .page-item:active {
  background-color: rgba(255, 174, 26, 0.3); }

.pagin-border-warning .page-item .page-link {
  border-color: rgba(255, 174, 26, 0.3); }
  .pagin-border-warning .page-item .page-link:hover, .pagin-border-warning .page-item .page-link:focus {
    background-color: rgba(255, 174, 26, 0.3); }
  .pagin-border-warning .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-info .page-item.active, .pagin-border-info .page-item:active {
  background-color: rgba(23, 56, 120, 0.3); }

.pagin-border-info .page-item .page-link {
  border-color: rgba(23, 56, 120, 0.3); }
  .pagin-border-info .page-item .page-link:hover, .pagin-border-info .page-item .page-link:focus {
    background-color: rgba(23, 56, 120, 0.3); }
  .pagin-border-info .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-light .page-item.active, .pagin-border-light .page-item:active {
  background-color: #F9F9FB; }

.pagin-border-light .page-item .page-link {
  border-color: #F9F9FB; }
  .pagin-border-light .page-item .page-link:hover, .pagin-border-light .page-item .page-link:focus {
    background-color: #F9F9FB; }
  .pagin-border-light .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-dark .page-item.active, .pagin-border-dark .page-item:active {
  background-color: #EAEBF2; }

.pagin-border-dark .page-item .page-link {
  border-color: #EAEBF2; }
  .pagin-border-dark .page-item .page-link:hover, .pagin-border-dark .page-item .page-link:focus {
    background-color: #EAEBF2; }
  .pagin-border-dark .page-item .page-link:focus {
    box-shadow: unset; }

@media (max-width: 576px) {
  .pagination-lg .page-item .page-link {
    font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (576 - 320)));
    padding: calc(12px + (12 - 12) * ((100vw - 320px) / (576 - 320))) calc(12px + (24 - 12) * ((100vw - 320px) / (576 - 320))); } }

@media (max-width: 339px) {
  .pagination {
    justify-content: center; } }

.pagination .page-item:active {
  background-color: unset; }

.pagination .page-item .page-link.rounded-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px; }

/**=====================
    3.32 Page CSS Ends
==========================**/
/**=====================
    3.33 Pricing CSS Start
==========================**/
.pricing-simple {
  box-shadow: 0 0 10px 5px rgba(68, 102, 242, 0.05);
  margin-bottom: 0 !important; }
  .pricing-simple .card-body {
    border-bottom: none; }
    .pricing-simple .card-body h3 {
      position: relative;
      margin-bottom: 38px; }
      .pricing-simple .card-body h3:before {
        position: absolute;
        content: '';
        width: 80px;
        height: 1px;
        margin: 0 auto;
        left: 0;
        right: 0;
        bottom: -10px;
        background-color: #999999; }
    .pricing-simple .card-body h1 {
      font-size: 30px;
      line-height: 0.9;
      margin-bottom: 30px;
      font-weight: 400; }

.pricingtable {
  text-align: center;
  padding-top: 45px;
  padding-bottom: 45px;
  border-radius: 10px;
  box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
  overflow: hidden;
  position: relative;
  z-index: 1;
  height: 100%; }
  .pricingtable:before, .pricingtable:after {
    content: "";
    background-color: var(--theme-deafult);
    width: 300px;
    height: 300px;
    border-radius: 50%;
    position: absolute;
    right: -213px;
    z-index: -1;
    opacity: 0.1; }

.pricingtable:after {
  background-color: var(--theme-deafult);
  height: 300px;
  width: 300px;
  top: auto;
  bottom: -210px;
  right: auto;
  left: -160px;
  opacity: 0.1; }

.pricingtable .title {
  text-transform: uppercase;
  margin-bottom: 20px; }

.pricingtable .price-value {
  color: #fff;
  background-color: var(--theme-deafult);
  width: 130px;
  height: 130px;
  padding: 45px 0 0;
  margin: 0 auto 25px;
  border-radius: 50%; }
  .pricingtable .price-value .duration {
    margin: 0 0 0 -5px; }
  .pricingtable .price-value .amount {
    font-size: 58px;
    font-weight: 700;
    line-height: 45px;
    display: inline-block; }
  .pricingtable .price-value .currency {
    vertical-align: top; }

.pricingtable .pricing-content {
  margin: 0 0 25px;
  display: inline-block; }
  .pricingtable .pricing-content li {
    font-weight: 500;
    text-align: left;
    margin: 0 0 20px;
    position: relative;
    padding-left: 30px; }
    .pricingtable .pricing-content li:last-child {
      margin: 0; }
    .pricingtable .pricing-content li:before {
      content: "\f00c";
      color: var(--theme-deafult);
      font-family: FontAwesome;
      text-align: center;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      position: absolute;
      top: 1px;
      left: 0; }

@media (max-width: 1470px) {
  .pricing-block > div {
    flex: 50%; }
    .pricing-block > div:nth-child(n+3) {
      margin-top: 30px; } }

@media only screen and (max-width: 991px) {
  .pricing-simple .card-body h1 {
    margin-bottom: 20px; }
  .pricing-simple .card-body h3 {
    margin-bottom: 28px; }
  .pricing-block > div:nth-child(n+2) {
    margin-top: 20px; } }

@media only screen and (max-width: 575px) {
  .pricing-simple .card-body h1 {
    margin-bottom: 15px; }
  .pricing-block > div {
    flex: 100%; }
  .pricingtable {
    padding-top: 30px;
    padding-bottom: 30px; } }

/**=====================
   3.33 Pricing CSS Ends
==========================**/
/**=====================
   3.34 Progress CSS Start
==========================**/
.progress-showcase .progress {
  margin-bottom: 10px; }
  .progress-showcase .progress:last-child {
    margin-bottom: 0; }

.sm-progress-bar {
  height: 8px; }

.lg-progress-bar {
  height: 20px; }

.progress-number button {
  width: 2rem;
  height: 2rem; }

.progress-number .progress-wrapper {
  height: 1px; }
  .progress-number .progress-wrapper.progress {
    background-color: var(--recent-dashed-border); }
  .progress-number .progress-wrapper .progress-bar {
    background-color: var(--theme-deafult); }

.progress-btn {
  background-color: #f6f9fd;
  border-color: #f6f9fd; }

.small-progressbar {
  position: relative;
  overflow: visible; }
  .small-progressbar::after {
    position: absolute;
    content: '';
    top: -2px;
    right: -9px;
    background-color: #006666;
    width: 12px;
    height: 12px;
    border-radius: 100%; }
    [dir="rtl"] .small-progressbar::after {
      left: -9px;
      right: unset; }
  .small-progressbar .progress-label {
    position: absolute;
    top: -26px;
    right: -6px;
    font-weight: 700; }
    [dir="rtl"] .small-progressbar .progress-label {
      right: unset;
      left: -6px; }
  .small-progressbar .animate-circle {
    position: absolute;
    top: -11px;
    right: -18px;
    height: 30px;
    width: 30px;
    border: 14px solid #006666;
    border-radius: 70px;
    animation: heart 1s ease-in-out;
    animation-iteration-count: infinite; }
    [dir="rtl"] .small-progressbar .animate-circle {
      right: unset;
      left: -18px; }

@keyframes heart {
  0% {
    transform: scale(0);
    opacity: 0; }
  25% {
    transform: scale(0.1);
    opacity: 1; }
  50% {
    transform: scale(0.5);
    opacity: .3; }
  75% {
    transform: scale(0.8);
    opacity: .5; }
  100% {
    transform: scale(1);
    opacity: 0; } }

.progress-b-space .progress {
  margin-bottom: 35px; }

/**=====================
   3.34 Progress CSS Ends
==========================**/
/**=====================
   3.35 Projectlist CSS Start
==========================**/
.project-list .row {
  margin: 15px; }

.project-list button:focus {
  outline: none !important; }

.project-list .theme-form .form-group {
  margin-bottom: 15px; }

.project-list .border-tab.nav-tabs .nav-item .nav-link {
  border: 1px dashed transparent;
  padding: 5px 30px 5px 0;
  border-radius: 5px;
  display: flex;
  align-items: center; }

.project-list .btn {
  margin-right: 5px;
  vertical-align: -12px;
  float: right; }
  [dir="rtl"] .project-list .btn {
    float: left; }
  .project-list .btn svg {
    vertical-align: middle;
    height: 16px; }

.project-list ul {
  margin-bottom: 0 !important;
  border-bottom: 0; }
  .project-list ul li svg {
    height: 18px;
    vertical-align: middle;
    margin-right: 5px; }

.tab-content .row > div.col-xl-4:nth-child(1) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 10ms; }

.tab-content .row > div.col-xl-4:nth-child(2) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 20ms; }

.tab-content .row > div.col-xl-4:nth-child(3) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 30ms; }

.tab-content .row > div.col-xl-4:nth-child(4) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 40ms; }

.tab-content .row > div.col-xl-4:nth-child(5) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 50ms; }

.tab-content .row > div.col-xl-4:nth-child(6) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 60ms; }

.tab-content .row > div.col-xl-4:nth-child(7) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 70ms; }

.tab-content .row > div.col-xl-4:nth-child(8) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 80ms; }

.tab-content .row > div.col-xl-4:nth-child(9) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 90ms; }

.tab-content .row > div.col-xl-4:nth-child(10) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 100ms; }

.tab-content .row > div.col-xl-4:nth-child(11) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 110ms; }

.tab-content .row > div.col-xl-4:nth-child(12) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 120ms; }

.tab-content .row > div.col-xl-4:nth-child(13) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 130ms; }

.tab-content .row > div.col-xl-4:nth-child(14) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 140ms; }

.tab-content .row > div.col-xl-4:nth-child(15) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 150ms; }

.project-cards .tab-content {
  margin-bottom: -30px; }

.project-box {
  border: 1px solid #efefef;
  border-radius: 5px;
  padding: 30px;
  background-color: white;
  margin-bottom: 30px; }
  .project-box h6 {
    font-weight: 500 !important; }
  .project-box .badge {
    position: absolute;
    right: 30px;
    top: 15px;
    line-height: 13px; }
  .project-box .project-status p {
    margin-bottom: 5px;
    font-weight: 800; }
  .project-box .d-flex {
    margin-bottom: 15px;
    margin-top: 10px; }
    .project-box .d-flex .flex-grow-1 {
      opacity: 0.5; }
  .project-box .details div {
    margin-bottom: 5px;
    opacity: 0.7; }

.projectdetails .card .card-body {
  padding: 20px; }

.projectdetails .card .card-footer {
  padding: 20px; }

.projectdetails .card select {
  width: 90px;
  height: 28px;
  font-size: 11px;
  right: 20px;
  top: 20px; }

.projectmore .details .col-4 {
  margin-bottom: 5px; }
  .projectmore .details .col-4:nth-child(even) {
    opacity: 0.5; }

.projectmore h5 {
  font-size: 20px;
  font-weight: 600; }

.projectmore .task-list {
  position: relative; }
  .projectmore .task-list ul li {
    margin-bottom: 5px; }
  .projectmore .task-list ul + ul {
    position: absolute;
    left: 50%;
    top: 0; }

.new-users.activity .gradient-round {
  padding: 13px;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  top: unset !important; }
  .new-users.activity .gradient-round::after {
    display: none; }

/**=====================
   3.35 Projectlist CSS Ends
==========================**/
/**=====================
   3.36 Rating CSS Start
==========================**/
@-webkit-keyframes shake {
  30% {
    transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px); }
  60% {
    transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px); }
  100% {
    transform: perspective(240px) translateZ(4px); } }

@keyframes shake {
  30% {
    transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px); }
  60% {
    transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px); }
  100% {
    transform: perspective(240px) translateZ(4px); } }

@-webkit-keyframes tear {
  0% {
    opacity: 0;
    transform: translateY(-2px) scale(0) translateZ(0); }
  50% {
    transform: translateY(12px) scale(0.6, 1.2) translateZ(0); }
  20%,
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0); } }

@keyframes tear {
  0% {
    opacity: 0;
    transform: translateY(-2px) scale(0) translateZ(0); }
  50% {
    transform: translateY(12px) scale(0.6, 1.2) translateZ(0); }
  20%,
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0); } }

@-webkit-keyframes toggle {
  50% {
    transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg)); } }

@keyframes toggle {
  50% {
    transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg)); } }

@-webkit-keyframes angry {
  40% {
    background: var(--active); }
  45% {
    box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry); } }

@keyframes angry {
  40% {
    background: var(--active); }
  45% {
    box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry); } }

.feedback {
  display: flex;
  gap: 10px;
  flex-wrap: wrap; }

.feedback {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex; }
  .feedback li {
    position: relative;
    border-radius: 50%;
    background: var(--sb, var(--normal));
    box-shadow: inset 3px -3px 4px var(--sh, var(--normal-shadow));
    transition: background 0.4s, box-shadow 0.4s, transform 0.3s;
    -webkit-tap-highlight-color: transparent; }
    .feedback li:not(:last-child) {
      margin-right: 20px; }
    .feedback li div {
      width: 40px;
      height: 40px;
      position: relative;
      transform: perspective(240px) translateZ(4px); }
      .feedback li div svg {
        display: block;
        position: absolute;
        left: var(--l, 9px);
        top: var(--t, 13px);
        width: var(--w, 8px);
        height: var(--h, 2px);
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        fill: none;
        stroke: var(--s);
        stroke-width: 2px;
        stroke-linecap: round;
        stroke-linejoin: round;
        transition: stroke 0.4s; }
      .feedback li div:before {
        display: block;
        position: absolute;
        left: var(--l, 9px);
        top: var(--t, 13px);
        width: var(--w, 8px);
        height: var(--h, 2px);
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        content: "";
        z-index: var(--zi, 1);
        border-radius: var(--br, 1px);
        background: var(--b, var(--e, var(--normal-eye)));
        transition: background 0.4s; }
      .feedback li div:after {
        display: block;
        position: absolute;
        left: var(--l, 9px);
        top: var(--t, 13px);
        width: var(--w, 8px);
        height: var(--h, 2px);
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        content: "";
        z-index: var(--zi, 1);
        border-radius: var(--br, 1px);
        background: var(--b, var(--e, var(--normal-eye)));
        transition: background 0.4s; }
      .feedback li div svg.eye {
        --s: var(--e, var(--normal-eye));
        --t: 17px;
        --w: 7px;
        --h: 4px; }
      .feedback li div svg.eye.right {
        --l: 23px; }
      .feedback li div svg.mouth {
        --s: var(--m, var(--normal-mouth));
        --l: 11px;
        --t: 23px;
        --w: 18px;
        --h: 7px; }
    .feedback li:not(.active) {
      cursor: pointer; }
      .feedback li:not(.active):active {
        transform: scale(0.925); }
  .feedback li.angry {
    --step-1-rx: -24deg;
    --step-1-ry: 20deg;
    --step-2-rx: -24deg;
    --step-2-ry: -20deg; }
    .feedback li.angry div:before {
      --r: 20deg; }
    .feedback li.angry div:after {
      --l: 23px;
      --r: -20deg; }
    .feedback li.angry div svg.eye {
      stroke-dasharray: 4.55;
      stroke-dashoffset: 8.15; }
  .feedback li.angry.active {
    -webkit-animation: angry 1s linear;
    animation: angry 1s linear; }
    .feedback li.angry.active div:before {
      --middle-y: -2px;
      --middle-r: 22deg;
      -webkit-animation: toggle 0.8s linear forwards;
      animation: toggle 0.8s linear forwards; }
    .feedback li.angry.active div:after {
      --middle-y: 1px;
      --middle-r: -18deg;
      -webkit-animation: toggle 0.8s linear forwards;
      animation: toggle 0.8s linear forwards; }
  .feedback li.sad {
    --step-1-rx: 20deg;
    --step-1-ry: -12deg;
    --step-2-rx: -18deg;
    --step-2-ry: 14deg; }
    .feedback li.sad div:before {
      --b: var(--active-tear);
      --sc: 0;
      --w: 5px;
      --h: 5px;
      --t: 15px;
      --br: 50%; }
    .feedback li.sad div:after {
      --b: var(--active-tear);
      --sc: 0;
      --w: 5px;
      --h: 5px;
      --t: 15px;
      --br: 50%;
      --l: 25px; }
    .feedback li.sad div svg.eye {
      --t: 16px; }
    .feedback li.sad div svg.mouth {
      --t: 24px;
      stroke-dasharray: 9.5;
      stroke-dashoffset: 33.25; }
  .feedback li.sad.active div:before {
    -webkit-animation: tear 0.6s linear forwards;
    animation: tear 0.6s linear forwards; }
  .feedback li.sad.active div:after {
    -webkit-animation: tear 0.6s linear forwards;
    animation: tear 0.6s linear forwards; }
  .feedback li.ok {
    --step-1-rx: 4deg;
    --step-1-ry: -22deg;
    --step-1-rz: 6deg;
    --step-2-rx: 4deg;
    --step-2-ry: 22deg;
    --step-2-rz: -6deg; }
    .feedback li.ok div:before {
      --l: 12px;
      --t: 17px;
      --h: 4px;
      --w: 4px;
      --br: 50%;
      box-shadow: 12px 0 0 var(--e, var(--normal-eye)); }
    .feedback li.ok div:after {
      --l: 13px;
      --t: 26px;
      --w: 14px;
      --h: 2px;
      --br: 1px;
      --b: var(--m, var(--normal-mouth)); }
  .feedback li.ok.active div:before {
    --middle-s-y: .35;
    -webkit-animation: toggle 0.2s linear forwards;
    animation: toggle 0.2s linear forwards; }
  .feedback li.ok.active div:after {
    --middle-s-x: .5;
    -webkit-animation: toggle 0.7s linear forwards;
    animation: toggle 0.7s linear forwards; }
  .feedback li.good {
    --step-1-rx: -14deg;
    --step-1-rz: 10deg;
    --step-2-rx: 10deg;
    --step-2-rz: -8deg; }
    .feedback li.good div:before {
      --b: var(--m, var(--normal-mouth));
      --w: 5px;
      --h: 5px;
      --br: 50%;
      --t: 22px;
      --zi: 0;
      opacity: 0.5;
      box-shadow: 16px 0 0 var(--b);
      filter: blur(2px); }
    .feedback li.good div:after {
      --sc: 0; }
    .feedback li.good div svg.eye {
      --t: 15px;
      --sc: -1;
      stroke-dasharray: 4.55;
      stroke-dashoffset: 8.15; }
    .feedback li.good div svg.mouth {
      --t: 22px;
      --sc: -1;
      stroke-dasharray: 13.3;
      stroke-dashoffset: 23.75; }
  .feedback li.good.active div svg.mouth {
    --middle-y: 1px;
    --middle-s: -1;
    -webkit-animation: toggle 0.8s linear forwards;
    animation: toggle 0.8s linear forwards; }
  .feedback li.happy div {
    --step-1-rx: 18deg;
    --step-1-ry: 24deg;
    --step-2-rx: 18deg;
    --step-2-ry: -24deg; }
    .feedback li.happy div:before {
      --sc: 0; }
    .feedback li.happy div:after {
      --b: var(--m, var(--normal-mouth));
      --l: 11px;
      --t: 23px;
      --w: 18px;
      --h: 8px;
      --br: 0 0 8px 8px; }
    .feedback li.happy div svg.eye {
      --t: 14px;
      --sc: -1; }
  .feedback li.happy.active div:after {
    --middle-s-x: .95;
    --middle-s-y: .75;
    -webkit-animation: toggle 0.8s linear forwards;
    animation: toggle 0.8s linear forwards; }
  .feedback li.active {
    --sb: var(--active);
    --sh: var(--active-shadow);
    --m: var(--active-mouth);
    --e: var(--active-eye); }
    .feedback li.active div {
      -webkit-animation: shake 0.8s linear forwards;
      animation: shake 0.8s linear forwards; }

html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased; }

* {
  box-sizing: inherit; }
  *:before {
    box-sizing: inherit; }
  *:after {
    box-sizing: inherit; }

.br-theme-bars-1to10 .br-widget a,
.br-theme-bars-movie .br-widget a,
.br-theme-bars-pill .br-widget a,
.br-theme-bars-reversed .br-widget a,
.br-theme-bars-horizontal .br-widget a {
  background-color: rgba(0, 102, 102, 0.2); }

.br-theme-bars-square .br-widget a {
  border-color: rgba(0, 102, 102, 0.2);
  color: var(--body-light-font-color); }

/**=====================
   3.36 Rating CSS Ends
==========================**/
/**=====================
    3.37 Social-app CSS start
==========================**/
.user-profile .hovercard .socialheader {
  background: url(/../images/social-app/social-image.png); }

.user-profile .hovercard .user-image .share-icons {
  position: absolute;
  right: 100px;
  top: -27px; }
  .user-profile .hovercard .user-image .share-icons li {
    display: inline-block;
    margin-right: 10px; }
    .user-profile .hovercard .user-image .share-icons li .social-icon {
      width: 50px;
      height: 50px;
      text-align: center;
      display: flex;
      align-items: center;
      vertical-align: middle;
      justify-content: center;
      border-radius: 100%; }
      .user-profile .hovercard .user-image .share-icons li .social-icon i {
        color: #fff;
        font-size: 25px; }
    .user-profile .hovercard .user-image .share-icons li:last-child {
      margin-right: 0; }

.user-profile .card-footer > div h3 {
  font-size: 16px; }

.market-tabs .border-tab.nav-tabs .nav-item .nav-link.active {
  border-bottom: none !important; }

.market-tabs .nav {
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center; }
  .market-tabs .nav .nav-item {
    width: 100%; }
    .market-tabs .nav .nav-item .nav-link {
      height: 81px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      padding-top: 30px;
      text-align: center; }

.tabs-scoial {
  border-bottom: none;
  margin-bottom: 20px !important;
  margin-top: 20px; }
  .tabs-scoial li a {
    font-weight: 600; }
    .tabs-scoial li a svg circle {
      color: #999999; }

.social-network span {
  margin-bottom: 30px;
  display: block; }

.social-list .d-flex {
  margin-bottom: 20px;
  display: flex;
  align-items: center; }
  .social-list .d-flex:last-child {
    margin-bottom: 0; }
  .social-list .d-flex .flex-grow-1 a {
    color: #999999; }
  .social-list .d-flex .flex-grow-1 span {
    font-weight: 600; }
  .social-list .d-flex .flex-grow-1:hover a {
    color: var(--theme-deafult); }

.photos {
  margin-bottom: -15px; }
  .photos ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 70px; }
    .photos ul li:nth-child(4n) {
      margin-right: 0; }

.new-users-social {
  margin-bottom: 30px; }
  .new-users-social svg {
    cursor: pointer; }
  .new-users-social .d-flex img {
    width: 58px; }
  .new-users-social .d-flex .flex-grow-1 {
    margin-top: 10px; }
  .new-users-social svg circle {
    color: #999999; }

.like-content span i {
  font-size: 14px; }

.timeline-content p {
  margin-top: 30px;
  color: #999999; }

.timeline-content .comment-number i {
  color: #999999;
  margin-right: 20px; }

.timeline-content .comments-box {
  margin-top: 30px; }
  .timeline-content .comments-box .flex-grow-1 {
    width: 100%; }
  .timeline-content .comments-box .input-group {
    margin-top: 6px; }
    .timeline-content .comments-box .input-group .input-txt-bx {
      border: none;
      background-color: #F5F5F5; }
      .timeline-content .comments-box .input-group .input-txt-bx::placeholder {
        color: #999999; }
    .timeline-content .comments-box .input-group .input-group-append .btn i {
      font-size: 20px;
      display: flex;
      color: #999999; }

.social-chat {
  margin-top: 30px; }
  .social-chat span span {
    font-weight: normal;
    color: #999999;
    font-size: 12px; }
  .social-chat .flex-grow-1 {
    padding: 20px;
    border: 1px solid #E6E9EB;
    position: relative; }
    .social-chat .flex-grow-1 p {
      margin-top: 5px; }
    .social-chat .flex-grow-1:before {
      content: '';
      position: absolute;
      top: 19px;
      right: 100%;
      border: 7px solid transparent;
      border-right: 7px solid #59667a; }
    .social-chat .flex-grow-1:after {
      content: '';
      position: absolute;
      top: 19px;
      right: 100%;
      border: 7px solid transparent;
      border-right: 7px solid #fff; }
  .social-chat .your-msg,
  .social-chat .other-msg {
    margin-bottom: 30px; }
  .social-chat .other-msg {
    margin-left: 40px; }

.socialprofile span {
  color: #999999; }
  .socialprofile span.badge {
    padding: 6px 10px !important; }

.socialprofile .social-btngroup {
  margin: 30px 0; }

.socialprofile .likes-profile h5 span {
  color: #051A1A; }

.socialprofile .social-group {
  margin-top: 30px; }
  .socialprofile .social-group ul li:nth-child(4) {
    margin-left: -22px; }

.social-status form .form-group .form-control-social {
  border: 1px solid #E6E9EB;
  padding-left: 15px;
  margin-bottom: 30px; }

.social-status .d-flex {
  position: relative;
  margin-bottom: 30px; }
  .social-status .d-flex:last-child {
    margin-bottom: 0; }
  .social-status .d-flex .social-status {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #fff;
    bottom: 0;
    left: 35px;
    border-radius: 100%; }
  .social-status .d-flex .social-online {
    border: 3px solid #00AC46; }
  .social-status .d-flex .social-busy {
    border: 3px solid #FFAE1A; }
  .social-status .d-flex .social-offline {
    border: 3px solid #59667a; }
  .social-status .d-flex .flex-grow-1 p {
    color: #999999;
    margin-bottom: 5px; }
  .social-status .d-flex .flex-grow-1 span + span {
    color: #999999; }
  .social-status .d-flex .flex-grow-1 .light-span {
    color: #999999; }

.social-header h5 span:first-child {
  line-height: 1.48; }

.social-header h5 span svg circle {
  color: #999999; }

.details-about + .details-about {
  margin-top: 30px; }

.details-about .your-details p {
  color: #999999; }

.avatar-showcase .friend-pic {
  margin-right: 8px;
  margin-bottom: 10px; }

.avatar-showcase .pepole-knows ul li {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px; }
  .avatar-showcase .pepole-knows ul li:last-child {
    margin-right: 0; }
  .avatar-showcase .pepole-knows ul li .add-friend h6 {
    margin-top: 3px; }

.activity-log .my-activity + .my-activity {
  margin-top: 30px; }

.activity-log .my-activity p {
  margin-bottom: 5px; }
  .activity-log .my-activity p span svg {
    width: 15px;
    height: 15px; }

/**=====================
    3.37 Social-app CSS end
==========================**/
/**=====================
    3.38 Sweet-alert CSS Start
==========================**/
.swal-modal .swal-title {
  font-size: 24px; }

.swal-modal .swal-text {
  font-size: 17px; }

/**=====================
    3.38 Sweet-alert CSS ends
==========================**/
/**=====================
    3.39 Task CSS Start
==========================**/
.modal-open .datepickers-container {
  z-index: 1075; }

.date-details {
  align-items: center; }
  .date-details > div + div {
    margin-left: 10px; }

.taskadd table tr td {
  border-top: none; }
  .taskadd table tr td:first-child {
    padding-left: 30px; }
  .taskadd table tr td:last-child {
    padding-right: 30px; }
  .taskadd table tr td svg {
    width: 18px;
    height: 18px;
    color: #59667a; }

.taskadd table tr:first-child td {
  padding-top: 30px; }

.taskadd table tr:last-child td {
  padding-bottom: 30px; }

@media only screen and (max-width: 1660px) {
  .taskadd table tr td:first-child {
    min-width: 160px; }
  .taskadd table tr td:nth-child(3) {
    min-width: 70px; } }

@media only screen and (max-width: 991px) {
  .date-details {
    display: block !important;
    margin-bottom: -10px; }
    .date-details .d-inline-block {
      margin-bottom: 10px; }
  .taskadd table tr td:first-child {
    padding-left: 20px; }
  .taskadd table tr:first-child td {
    padding-top: 20px; }
  .taskadd table tr:last-child td {
    padding-bottom: 20px; } }

@media only screen and (max-width: 767px) {
  .taskadd table tr td:nth-child(2) {
    min-width: 745px; } }

@media only screen and (max-width: 575px) {
  .taskadd table tr td:first-child {
    padding-left: 15px; }
  .taskadd table tr:first-child td {
    padding-top: 15px; }
  .taskadd table tr:last-child td {
    padding-bottom: 15px; } }

/**=====================
  3.39 Task CSS Ends
==========================**/
/*====todo css start====*/
.todo .action-box {
  background: transparent;
  height: 20px;
  width: 20px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  transition: all 300ms ease; }
  .todo .action-box .icon {
    vertical-align: 0; }
  .todo .action-box.completed {
    background: #FE6A49;
    border: 1px solid #FE6A49;
    border-radius: 4px; }
    .todo .action-box.completed .icon {
      color: #fff;
      font-size: 14px; }
  .todo .action-box.large {
    height: 26px;
    width: 26px; }
    .todo .action-box.large .icon {
      font-size: 16px;
      vertical-align: -4px; }
      .todo .action-box.large .icon .icon-trash {
        color: #006666; }
      .todo .action-box.large .icon .icon-check {
        color: #006666; }

.todo .todo-list-wrapper {
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  box-sizing: border-box; }
  .todo .todo-list-wrapper #todo-list {
    list-style: none;
    margin: 0;
    padding: 0; }
    .todo .todo-list-wrapper #todo-list li {
      margin: 0;
      padding: 0;
      width: 100%; }
      .todo .todo-list-wrapper #todo-list li:last-child .task-container {
        border-bottom: 0;
        padding-bottom: 0; }
      .todo .todo-list-wrapper #todo-list li .task-container {
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
        width: 100%;
        border-bottom: 1px solid #ecf3fa;
        box-sizing: border-box;
        position: relative;
        transition: background 200ms ease; }
        .todo .todo-list-wrapper #todo-list li .task-container .d-flex {
          align-items: center; }
          .todo .todo-list-wrapper #todo-list li .task-container .d-flex div {
            text-align: right; }
        .todo .todo-list-wrapper #todo-list li .task-container .task-label {
          display: table;
          font-size: 16px;
          font-weight: 400;
          vertical-align: middle;
          color: #999999;
          word-break: break-word;
          padding-top: 5px; }
        .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn {
          display: table-cell;
          vertical-align: middle;
          text-align: right; }
          .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box {
            border: 1px solid transparent; }
            .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover {
              background: #fff;
              border-radius: 4px; }
              .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover .icon {
                color: #59667a; }
        .todo .todo-list-wrapper #todo-list li .task-container:hover h4 {
          color: #2c323f;
          transition: all 0.3s ease; }
      .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn {
        border: 1px solid #006666;
        border-radius: 4px; }
        .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn .icon {
          font-weight: bold; }
          .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn .icon i {
            color: #00AC46; }
        .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover {
          background: #fff;
          border: 1px solid #00AC46; }
          .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover .icon {
            color: #fff; }
      .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label {
        text-decoration: line-through;
        color: #006666; }
      .todo .todo-list-wrapper #todo-list li.new .task-container {
        animation: taskHighlighter 2000ms linear 1; }
  .todo .todo-list-wrapper .todo-list-header h5 {
    text-align: center;
    color: #efefef; }

.todo .notification-popup {
  position: fixed;
  top: 100px;
  right: 10px;
  width: 300px;
  display: inline-block;
  background: #00AC46;
  border: 1px solid #00AC46;
  color: #fff;
  padding: 20px;
  opacity: 0.9;
  border-radius: 2px;
  box-sizing: border-box;
  transition: all 300ms ease; }
  .todo .notification-popup.success {
    background: #00AC46;
    border: 1px solid #00AC46; }
  .todo .notification-popup p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1; }
  .todo .notification-popup .task {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block;
    color: #fff;
    padding: 0 4px; }
  .todo .notification-popup .notification-text {
    font-size: 14px;
    display: inline-block;
    overflow: hidden;
    color: #fff; }
  .todo .notification-popup.hide {
    opacity: 0;
    visibility: hidden; }

@-webkit-keyframes taskHighlighter {
  0% {
    background: rgba(68, 102, 242, 0.5); }
  100% {
    background: #fff; } }

@keyframes taskHighlighter {
  0% {
    background: rgba(68, 102, 242, 0.5); }
  100% {
    background: #fff; } }

.todo-wrap .card-header.b-bottom {
  border-bottom: 1px solid #ecf3fa; }

.todo-wrap .card-header .todo-list-header .new-task-wrapper input {
  padding: 12px 28px;
  border-radius: 7px;
  background-color: #F5F5F5;
  border: 1px solid #dee2e6; }

.todo-wrap .card-header .todo-list-header .add-new-task-btn {
  display: flex;
  align-items: center;
  z-index: 0; }

.todo-wrap .todo-list-body .assign-name {
  opacity: 0.4;
  font-size: 13px;
  font-weight: 400; }

.todo-wrap .left-bookmark ul li .iconbg {
  padding: 8px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center; }

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li button.d-block {
  text-align: left; }

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li + li {
  padding-top: 12px; }

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li a {
  padding: 0 16px;
  align-items: center; }
  .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a .badge {
    color: #fff;
    padding: 5px 6px 4px 7px; }
  .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover {
    color: #006666;
    background-color: transparent; }
    .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover .badge {
      color: #fff; }
    .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover .title {
      color: #006666; }

/*====todo css end====*/
/**=====================
    3.40 Timeline-v CSS Start
==========================**/
.timeline-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px; }

.time-content {
  display: flex;
  align-items: center;
  gap: 4px; }
  .time-content i {
    font-size: 18px; }

.activity .media {
  margin-bottom: 30px; }
  .activity .media:last-child {
    margin-bottom: 0; }
  .activity .media .gradient-round {
    position: relative;
    width: 53px;
    height: 53px;
    background-image: linear-gradient(26deg, var(--theme-deafult) 0%, #006666 100%);
    border-radius: 100%;
    top: -18px; }
    .activity .media .gradient-round svg {
      position: absolute;
      width: 18px;
      height: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      left: 0;
      top: 18px;
      right: 0;
      margin: 0 auto; }
      .activity .media .gradient-round svg path,
      .activity .media .gradient-round svg line,
      .activity .media .gradient-round svg circle {
        color: #fff; }
    .activity .media .gradient-round.gradient-line-1:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 62px;
      bottom: -77px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .activity .media .gradient-round.small-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 19px;
      bottom: -34px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .activity .media .gradient-round.medium-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 53px;
      bottom: -68px;
      left: 0;
      right: 0;
      margin: 0 auto; }
  .activity .media .media-body h6 {
    font-weight: 600;
    margin-bottom: 30px; }
    .activity .media .media-body h6 span {
      font-weight: normal;
      color: #999999; }
  .activity .media .media-body p {
    width: 80%; }

.timeline-small .media {
  margin-bottom: 30px; }
  .timeline-small .media:last-child {
    margin-bottom: 0; }
  .timeline-small .media .timeline-round {
    position: relative;
    width: 53px;
    height: 53px;
    border-radius: 100%;
    border-radius: 15px;
    top: -18px; }
    .timeline-small .media .timeline-round svg {
      position: absolute;
      width: 18px;
      height: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      left: 0;
      top: 18px;
      right: 0;
      margin: 0 auto; }
      .timeline-small .media .timeline-round svg path,
      .timeline-small .media .timeline-round svg line,
      .timeline-small .media .timeline-round svg circle {
        color: #fff; }
    .timeline-small .media .timeline-round.timeline-line-1:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 62px;
      bottom: -88px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .timeline-small .media .timeline-round.small-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 19px;
      bottom: -34px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .timeline-small .media .timeline-round.medium-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 53px;
      bottom: -68px;
      left: 0;
      right: 0;
      margin: 0 auto; }
  .timeline-small .media .media-body h6 {
    margin-bottom: 30px; }
    .timeline-small .media .media-body h6 span {
      font-weight: normal;
      color: #999999; }
  .timeline-small .media .media-body p {
    width: 80%; }

.cd-container {
  width: 90%;
  max-width: 1170px;
  margin: 0 auto; }

.cd-container::after {
  content: '';
  display: table;
  clear: both; }

@media only screen and (min-width: 1170px) {
  #cd-timeline::before {
    left: 50% !important;
    margin-left: -2px; }
  .cd-timeline-block {
    margin: 4em 0; }
    .cd-timeline-block:first-child {
      margin-top: 0; }
    .cd-timeline-block:last-child {
      margin-bottom: 0; }
    .cd-timeline-block:nth-child(even) .cd-timeline-content {
      float: right; }
      .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
        left: auto;
        right: 122%;
        text-align: right; }
    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
      top: 24px;
      left: auto;
      right: 100%;
      border-color: transparent;
      border-right-color: #E6E9EB; }
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px; }
    .cd-timeline-img > i {
      font-size: 18px;
      top: 50%;
      left: 50%;
      padding: 3px; }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden; }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    animation: cd-bounce-1 0.6s; }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden; }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    animation: cd-bounce-2 0.6s; }
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    animation: cd-bounce-2-inverse 0.6s; }
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%; }
    .cd-timeline-content .cd-date {
      position: absolute;
      width: 100%;
      left: 122%;
      top: 6px;
      font-size: 16px; }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #fff; } }

#cd-timeline {
  position: relative;
  padding: 2em 0; }

#cd-timeline::before {
  content: '';
  position: absolute;
  top: 0;
  font-size: 1.5rem;
  height: 100%;
  width: 2px;
  background: #E6E9EB;
  left: -15px; }

.cd-timeline-block {
  position: relative;
  margin: 30px 0; }
  .cd-timeline-block:after {
    content: "";
    display: table;
    clear: both; }
  .cd-timeline-block:first-child {
    margin-top: 0; }
  .cd-timeline-block:last-child {
    margin-bottom: 0; }

.cd-timeline-img {
  width: 40px;
  height: 40px;
  left: 51%;
  margin-left: -30px;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  position: absolute;
  top: 0;
  border-radius: 50px; }
  .cd-timeline-img i {
    display: block;
    position: relative;
    left: 45%;
    top: 44%;
    margin-left: -12px;
    margin-top: -12px;
    font-size: 20px;
    color: #fff; }

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    transform: scale(0.5); }
  60% {
    opacity: 1;
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.cd-timeline-content {
  position: relative;
  background: #E6E9EB;
  border-radius: 4px;
  padding: 30px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08); }
  .cd-timeline-content p {
    padding-top: 9px; }
  .cd-timeline-content h4 {
    margin-bottom: 0; }
  .cd-timeline-content:after {
    content: "";
    display: table;
    clear: both; }
  .cd-timeline-content audio {
    width: 100%; }
  .cd-timeline-content .cd-date {
    font-size: 13px;
    display: inline-block;
    float: left;
    padding: .8em 0 0;
    opacity: .7; }

.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 28px;
  right: 100%;
  height: 0;
  width: 0;
  border: 15px solid transparent;
  border-left: 15px solid #E6E9EB; }
  [dir="rtl"] .cd-timeline-content::before {
    border-right: 15px solid #E6E9EB;
    border-left: unset; }
  @media (max-width: 1169px) {
    .cd-timeline-content::before {
      display: none; } }
@media only screen and (min-width: 768px) {
  .cd-timeline-content .cd-date {
    font-size: 14px;
    padding-bottom: 0; } }

@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; }
  100% { } }

@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    transform: translateX(-100px); }
  60% {
    opacity: 1;
    transform: translateX(20px); }
  100% {
    transform: translateX(0); } }

@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; }
  100% { } }

@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    transform: translateX(100px); }
  60% {
    opacity: 1;
    transform: translateX(-20px); }
  100% {
    transform: translateX(0); } }

@media only screen and (max-width: 1169px) {
  .cd-timeline-block .cd-timeline-img {
    left: -2px;
    height: 30px;
    width: 30px;
    margin-left: -30px;
    top: 14px;
    z-index: 7; }
    .cd-timeline-block .cd-timeline-img > i {
      font-size: 15px;
      top: 16px;
      left: 17px;
      padding: 3px; }
  .landing-main #cd-timeline::before {
    left: -39px; }
  .landing-main .cd-timeline-block .cd-timeline-img {
    left: -34px;
    height: 50px;
    width: 50px;
    top: 1px;
    z-index: 8; }
    .landing-main .cd-timeline-block .cd-timeline-img > i {
      font-size: 23px;
      top: 21px;
      left: 7px;
      padding: 3px; } }

@media only screen and (max-width: 576px) {
  .cd-timeline-content {
    padding: 15px; }
    .cd-timeline-content h4 {
      font-size: 18px; } }

.main-timeline ul::before {
  left: 5px; }
  [dir="rtl"] .main-timeline ul::before {
    right: 5px;
    left: unset; }

.square-timeline {
  position: relative; }
  .square-timeline::before {
    border: 1px dashed #E6E9EB;
    content: '';
    margin-left: 0px;
    position: absolute;
    top: 0;
    left: 18px;
    width: 1px;
    height: 100%; }
    [dir="rtl"] .square-timeline::before {
      margin-left: unset;
      margin-right: 0;
      left: unset;
      right: 18px; }
  .square-timeline .timeline-event {
    position: relative; }
    .square-timeline .timeline-event:hover .timeline-event-icon {
      transform: rotate(-105deg);
      background-color: #52526c; }
    .square-timeline .timeline-event:hover .timeline-event-wrapper .timeline-thumbnail {
      box-shadow: inset 40em 0 0 0 rgba(255, 174, 26, 0.3); }
    .square-timeline .timeline-event .timeline-event-wrapper {
      padding: 0 0 0 14px;
      position: relative;
      top: -7px;
      left: 38px;
      width: 95%; }
      [dir="rtl"] .square-timeline .timeline-event .timeline-event-wrapper {
        left: unset;
        right: 38px;
        padding: 0 14px 0 0; }
      @media (max-width: 1200px) {
        .square-timeline .timeline-event .timeline-event-wrapper {
          width: calc(84% + (95 - 84) * ((100vw - 320px) / (1200 - 320))); } }
      .square-timeline .timeline-event .timeline-event-wrapper .designer-details {
        padding-top: 20px; }
      .square-timeline .timeline-event .timeline-event-wrapper .timeline-thumbnail {
        transition: box-shadow 0.5s ease-in 0.1s;
        color: #2c323f;
        background-color: rgba(0, 102, 102, 0.2);
        box-shadow: inset 0 0 0 0em rgba(23, 56, 120, 0.3);
        display: inline-block;
        margin-bottom: 12px;
        padding: 2px 25px; }
      .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:hover, .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:active, .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:focus {
        background-color: unset; }
      .square-timeline .timeline-event .timeline-event-wrapper > div {
        display: inline-block;
        width: 100%; }
    .square-timeline .timeline-event .timeline-event-icon {
      transition: 0.2s ease-in;
      transform: rotate(45deg);
      background-color: #006666;
      outline: 6px solid rgba(0, 102, 102, 0.2);
      display: block;
      margin: 0px;
      position: absolute;
      top: 0;
      left: 14px;
      width: 10px;
      height: 10px; }
      [dir="rtl"] .square-timeline .timeline-event .timeline-event-icon {
        right: 14px;
        left: unset; }

.list-inline {
  display: flex;
  justify-content: center; }
  .list-inline.events .event-list {
    display: block;
    position: relative;
    text-align: center;
    padding-top: 70px;
    margin-right: 0; }
    .list-inline.events .event-list p {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; }
    .list-inline.events .event-list .event-date {
      position: absolute;
      top: 38px;
      left: 0;
      right: 0;
      width: 75px;
      margin: 0 auto;
      border-radius: 4px;
      padding: 2px 4px; }
      .list-inline.events .event-list .event-date p {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        line-height: 1.5;
        margin-top: 7px; }

.timeline-list.timeline-border {
  border-bottom: 1px solid #E6E9EB; }

.timeline-list.list-inline {
  padding-bottom: 0; }
  .timeline-list.list-inline.events .event-list {
    padding-top: 35px; }
    .timeline-list.list-inline.events .event-list::before {
      content: '';
      height: 0;
      border-right: unset; }
    .timeline-list.list-inline.events .event-list .event-date {
      top: 2px; }
      .timeline-list.list-inline.events .event-list .event-date p {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        line-height: 1.5;
        margin-top: 7px; }
    .timeline-list.list-inline.events .event-list .read-more-btn {
      position: relative;
      margin-bottom: 3px; }
  .timeline-list.list-inline .vertical-line {
    height: 45px;
    width: 1px;
    margin: 0 auto;
    position: relative;
    border: 1px dashed #006666; }

.list-group.main-lists-content {
  padding-top: 20px; }

@media (max-width: 1218px) {
  .list-group .list-group-item .timeline-icon {
    display: none; } }

@media (max-width: 1400px) {
  .horizontal-timeline {
    display: none; } }

/**=====================
    3.40 Timeline-v CSS Ends
==========================**/
/**=====================
    3.41 User-profile CSS start
==========================**/
.user-profile .ttl-info h6 {
  font-size: 12px;
  color: #59667a; }

.user-profile .border-right {
  border-right: 1px solid #E6E9EB; }

.user-profile hr {
  margin: 30px 0; }

.user-profile .hovercard .cardheader {
  background: url(/../images/admin/other-images/bg-profile.png);
  background-size: cover;
  background-position: 10%;
  height: 470px; }

.user-profile .hovercard .user-image {
  position: relative;
  height: 0; }
  .user-profile .hovercard .user-image .avatar {
    margin-top: -80px; }
    .user-profile .hovercard .user-image .avatar img {
      width: 100px;
      height: 100px;
      max-width: 155px;
      max-height: 155px;
      border-radius: 50%;
      border: 7px solid #fff; }
  .user-profile .hovercard .user-image .icon-wrapper {
    position: absolute;
    bottom: -20px;
    left: 51%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    overflow: hidden;
    margin: 0 auto;
    font-size: 17px;
    box-shadow: 0 0 6px 3px rgba(68, 102, 242, 0.1); }

.user-profile .hovercard .info {
  padding: 30px; }
  .user-profile .hovercard .info .title {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 1;
    color: #2c323f;
    vertical-align: middle; }
    .user-profile .hovercard .info .title a {
      color: #242934;
      font-size: 20px;
      text-transform: uppercase;
      font-weight: 500; }
  .user-profile .hovercard .info .desc {
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #59667a;
    text-overflow: ellipsis;
    text-transform: uppercase; }

.user-profile .follow {
  margin-top: 20px; }
  .user-profile .follow .follow-num {
    font-size: 20px;
    color: #242934;
    font-family: "Montserrat", sans-serif;
    font-weight: 500; }
  .user-profile .follow span {
    color: #59667a; }

.user-profile .profile-img-style {
  padding: 30px; }
  .user-profile .profile-img-style .img-container {
    margin-top: 30px; }
  .user-profile .profile-img-style .user-name {
    font-size: 14px;
    color: #242934;
    margin: 0;
    font-weight: 600; }
  .user-profile .profile-img-style p {
    line-height: 30px;
    font-size: 14px;
    color: #898989;
    margin-bottom: 0; }
  .user-profile .profile-img-style .media img {
    width: 50px; }

.user-profile .like-comment li a {
  color: #898989; }

.user-profile .like-comment li:first-child a:hover, .user-profile .like-comment li:first-child a:active {
  color: #FE6A49; }

.user-profile .like-comment span {
  font-family: "Montserrat", sans-serif; }

.user-profile .social-media a {
  padding: 0 15px;
  color: #59667a;
  font-size: 24px;
  cursor: pointer; }
  .user-profile .social-media a:hover {
    color: var(--theme-deafult); }

.edit-profile .profile-title .media {
  align-items: center;
  margin-bottom: 30px; }
  .edit-profile .profile-title .media .media-body {
    margin-left: 14px; }
    [dir="rtl"] .edit-profile .profile-title .media .media-body {
      margin-left: unset;
      margin-right: 14px; }

/**=====================
    3.41 User-profile CSS Ends
==========================**/
/**=====================
    3.42 Wishlist CSS start
==========================**/
.wishlist table tr td svg {
  color: #898989;
  cursor: pointer; }

/**=====================
    3.42 Wishlist CSS Ends
==========================**/
/* ---------------------
	*** themes ***
-----------------------*/
/**=====================
	4.1. Dark CSS Start
==========================**/
/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C; }

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8; }

.light-card {
  background-color: var(--light-background); }

.light-background {
  background-color: var(--light-bg); }

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  transform: rotate(-45deg);
  display: inline-block; }

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-l-50 {
  margin-left: 50px !important; }

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important; }

.b-r-1 {
  border-radius: 1px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-r-11 {
  border-radius: 11px !important; }

.b-r-12 {
  border-radius: 12px !important; }

.b-r-13 {
  border-radius: 13px !important; }

.b-r-14 {
  border-radius: 14px !important; }

.b-r-15 {
  border-radius: 15px !important; }

.b-r-16 {
  border-radius: 16px !important; }

.b-r-17 {
  border-radius: 17px !important; }

.b-r-18 {
  border-radius: 18px !important; }

.b-r-19 {
  border-radius: 19px !important; }

.b-r-20 {
  border-radius: 20px !important; }

.b-r-21 {
  border-radius: 21px !important; }

.b-r-22 {
  border-radius: 22px !important; }

.b-r-23 {
  border-radius: 23px !important; }

.b-r-24 {
  border-radius: 24px !important; }

.b-r-25 {
  border-radius: 25px !important; }

.b-r-26 {
  border-radius: 26px !important; }

.b-r-27 {
  border-radius: 27px !important; }

.b-r-28 {
  border-radius: 28px !important; }

.b-r-29 {
  border-radius: 29px !important; }

.b-r-30 {
  border-radius: 30px !important; }

.b-r-31 {
  border-radius: 31px !important; }

.b-r-32 {
  border-radius: 32px !important; }

.b-r-33 {
  border-radius: 33px !important; }

.b-r-34 {
  border-radius: 34px !important; }

.b-r-35 {
  border-radius: 35px !important; }

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.f-34 {
  font-size: 34px !important; }

.f-36 {
  font-size: 36px !important; }

.f-38 {
  font-size: 38px !important; }

.f-40 {
  font-size: 40px !important; }

.f-42 {
  font-size: 42px !important; }

.f-44 {
  font-size: 44px !important; }

.f-46 {
  font-size: 46px !important; }

.f-48 {
  font-size: 48px !important; }

.f-50 {
  font-size: 50px !important; }

.f-52 {
  font-size: 52px !important; }

.f-54 {
  font-size: 54px !important; }

.f-56 {
  font-size: 56px !important; }

.f-58 {
  font-size: 58px !important; }

.f-60 {
  font-size: 60px !important; }

.f-62 {
  font-size: 62px !important; }

.f-64 {
  font-size: 64px !important; }

.f-66 {
  font-size: 66px !important; }

.f-68 {
  font-size: 68px !important; }

.f-70 {
  font-size: 70px !important; }

.f-72 {
  font-size: 72px !important; }

.f-74 {
  font-size: 74px !important; }

.f-76 {
  font-size: 76px !important; }

.f-78 {
  font-size: 78px !important; }

.f-80 {
  font-size: 80px !important; }

.f-82 {
  font-size: 82px !important; }

.f-84 {
  font-size: 84px !important; }

.f-86 {
  font-size: 86px !important; }

.f-88 {
  font-size: 88px !important; }

.f-90 {
  font-size: 90px !important; }

.f-92 {
  font-size: 92px !important; }

.f-94 {
  font-size: 94px !important; }

.f-96 {
  font-size: 96px !important; }

.f-98 {
  font-size: 98px !important; }

.f-100 {
  font-size: 100px !important; }

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100; }

.f-w-300 {
  font-weight: 300; }

.f-w-500 {
  font-weight: 500; }

.f-w-400 {
  font-weight: 400; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-900 {
  font-weight: 900; }

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal; }

.f-s-italic {
  font-style: italic; }

.f-s-oblique {
  font-style: oblique; }

.f-s-initial {
  font-style: initial; }

.f-s-inherit {
  font-style: inherit; }

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-dashed {
  text-decoration: dashed; }

.text-blink {
  text-decoration: blink; }

.text-dotted {
  text-decoration: dotted; }

.text-initial {
  text-decoration: initial; }

.text-none {
  text-decoration: none; }

.text-solid {
  text-decoration: solid; }

.text-wavy {
  text-decoration: wavy; }

.text-inherit {
  text-decoration: inherit; }

.text-double {
  text-decoration: double; }

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline; }

.sub {
  vertical-align: sub; }

.super {
  vertical-align: super; }

.top {
  vertical-align: top; }

.text-top {
  vertical-align: text-top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.text-bottom {
  vertical-align: text-bottom; }

.initial {
  vertical-align: initial; }

.inherit {
  vertical-align: inherit; }

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-relative {
  position: relative; }

.p-initial {
  position: initial; }

.p-inherit {
  position: inherit; }

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden; }

.o-visible {
  overflow: visible; }

.o-auto {
  overflow: auto; }

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important; }

.img-h-10 {
  height: 10px !important; }

.img-20 {
  width: 20px !important; }

.img-h-20 {
  height: 20px !important; }

.img-30 {
  width: 30px !important; }

.img-h-30 {
  height: 30px !important; }

.img-40 {
  width: 40px !important; }

.img-h-40 {
  height: 40px !important; }

.img-50 {
  width: 50px !important; }

.img-h-50 {
  height: 50px !important; }

.img-60 {
  width: 60px !important; }

.img-h-60 {
  height: 60px !important; }

.img-70 {
  width: 70px !important; }

.img-h-70 {
  height: 70px !important; }

.img-80 {
  width: 80px !important; }

.img-h-80 {
  height: 80px !important; }

.img-90 {
  width: 90px !important; }

.img-h-90 {
  height: 90px !important; }

.img-100 {
  width: 100px !important; }

.img-h-100 {
  height: 100px !important; }

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important; }

.font-secondary {
  color: #FE6A49 !important; }

.font-success {
  color: #00AC46 !important; }

.font-danger {
  color: #FE6A49 !important; }

.font-info {
  color: #173878 !important; }

.font-light {
  color: #E6E9EB !important; }

.font-dark {
  color: #2c323f !important; }

.font-warning {
  color: #FFAE1A !important; }

.font-primary {
  color: var(--theme-deafult) !important; }

.font-secondary {
  color: var(--theme-secondary) !important; }

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize; }

.label-theme {
  background-color: #006666; }

.label-primary {
  background-color: #006666; }

.label-secondary {
  background-color: #FE6A49; }

.label-success {
  background-color: #00AC46; }

.label-danger {
  background-color: #FE6A49; }

.label-info {
  background-color: #173878; }

.label-light {
  background-color: #E6E9EB; }

.label-dark {
  background-color: #2c323f; }

.label-warning {
  background-color: #FFAE1A; }

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666; }

.badge-secondary {
  background-color: #FE6A49; }

.badge-success {
  background-color: #00AC46; }

.badge-danger {
  background-color: #FE6A49; }

.badge-info {
  background-color: #173878; }

.badge-light {
  background-color: #E6E9EB; }

.badge-dark {
  background-color: #2c323f; }

.badge-warning {
  background-color: #FFAE1A; }

.badge-primary {
  background-color: var(--theme-deafult) !important; }

.badge-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff; }

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff; }

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important; }

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-success {
  background-color: #00AC46 !important;
  color: #fff; }

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff; }

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important; }

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-info {
  background-color: #173878 !important;
  color: #fff; }

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff; }

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important; }

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff; }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff; }

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important; }

.bg-dark {
  background-color: #2c323f !important;
  color: #fff; }

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff; }

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important; }

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff; }

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff; }

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important; }

.bg-primary {
  background-color: var(--theme-deafult) !important; }

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6); }

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important; }

.txt-secondary {
  color: #FE6A49 !important; }

.txt-success {
  color: #00AC46 !important; }

.txt-danger {
  color: #FE6A49 !important; }

.txt-info {
  color: #173878 !important; }

.txt-light {
  color: #E6E9EB !important; }

.txt-dark {
  color: #2c323f !important; }

.txt-warning {
  color: #FFAE1A !important; }

.txt-google-plus {
  color: #c64e40 !important; }

.txt-twitter {
  color: #6fa2d8 !important; }

.txt-linkedin {
  color: #0077B5 !important; }

.txt-fb {
  color: #50598e !important; }

.txt-primary {
  color: var(--theme-deafult) !important; }

.txt-secondary {
  color: var(--theme-secondary) !important; }

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@keyframes push {
  50% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #006666 !important;
    border-color: #006666 !important; }
  .btn-primary:focus {
    box-shadow: unset !important; }

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-secondary:focus {
    box-shadow: unset !important; }

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }
  .btn-success:focus {
    box-shadow: unset !important; }

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-danger:focus {
    box-shadow: unset !important; }

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #173878 !important;
    border-color: #173878 !important; }
  .btn-info:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }
  .btn-light:focus {
    box-shadow: unset !important; }

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #2c323f !important;
    border-color: #2c323f !important; }
  .btn-dark:focus {
    box-shadow: unset !important; }

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }
  .btn-warning:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important; }
  .btn-light:hover {
    background-color: rgba(0, 102, 102, 0.1) !important;
    border-color: rgba(0, 102, 102, 0.1) !important; }

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important; }

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important; }

.btn-hover-effect:hover {
  animation: push 0.5s linear 1; }

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent; }
  .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-check {
  color: #006666 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #006666 !important; }
    .btn-check:checked + .btn-outline-primary {
      color: white !important;
      background-color: #006666 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-primary {
    border-color: #006666 !important;
    color: #006666 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-primary.disabled {
      color: #006666; }
    .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
      color: white !important;
      background-color: #006666 !important;
      border-color: #006666 !important;
      box-shadow: none !important; }

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary.disabled {
    color: #006666;
    border-color: #006666; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-secondary {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-secondary {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-secondary.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #00AC46 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #00AC46 !important; }
    .btn-check:checked + .btn-outline-success {
      color: white !important;
      background-color: #00AC46 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-success.disabled {
      color: #00AC46; }
    .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
      color: white !important;
      background-color: #00AC46 !important;
      border-color: #00AC46 !important;
      box-shadow: none !important; }

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success.disabled {
    color: #00AC46;
    border-color: #00AC46; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-danger {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-danger.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #173878 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #173878 !important; }
    .btn-check:checked + .btn-outline-info {
      color: white !important;
      background-color: #173878 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-info {
    border-color: #173878 !important;
    color: #173878 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-info.disabled {
      color: #173878; }
    .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
      color: white !important;
      background-color: #173878 !important;
      border-color: #173878 !important;
      box-shadow: none !important; }

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info.disabled {
    color: #173878;
    border-color: #173878; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: #fff !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #E6E9EB !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #E6E9EB !important; }
    .btn-check:checked + .btn-outline-light {
      color: white !important;
      background-color: #E6E9EB !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-light {
    border-color: #E6E9EB !important;
    color: #E6E9EB !important;
    background-color: transparent;
    color: #051A1A; }
    .btn-check + .btn-outline-light.disabled {
      color: #E6E9EB; }
    .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
      color: white !important;
      background-color: #E6E9EB !important;
      border-color: #E6E9EB !important;
      box-shadow: none !important; }

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A; }
  .btn-outline-light.disabled {
    color: #E6E9EB;
    border-color: #E6E9EB; }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: #fff !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: unset !important; }

.btn-check {
  color: #2c323f !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #2c323f !important; }
    .btn-check:checked + .btn-outline-dark {
      color: white !important;
      background-color: #2c323f !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-dark {
    border-color: #2c323f !important;
    color: #2c323f !important;
    background-color: transparent; }
    .btn-check + .btn-outline-dark.disabled {
      color: #2c323f; }
    .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
      color: white !important;
      background-color: #2c323f !important;
      border-color: #2c323f !important;
      box-shadow: none !important; }

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark.disabled {
    color: #2c323f;
    border-color: #2c323f; }
  .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FFAE1A !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FFAE1A !important; }
    .btn-check:checked + .btn-outline-warning {
      color: white !important;
      background-color: #FFAE1A !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important;
    background-color: transparent; }
    .btn-check + .btn-outline-warning.disabled {
      color: #FFAE1A; }
    .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
      color: white !important;
      background-color: #FFAE1A !important;
      border-color: #FFAE1A !important;
      box-shadow: none !important; }

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning.disabled {
    color: #FFAE1A;
    border-color: #FFAE1A; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: unset !important; }

.btn-primary.active:not([disabled]):not(.disabled) {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  box-shadow: none !important; }
  .btn-primary.active:not([disabled]):not(.disabled):hover, .btn-primary.active:not([disabled]):not(.disabled):focus, .btn-primary.active:not([disabled]):not(.disabled):active, .btn-primary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #003333;
    border-color: #003333; }

.btn-secondary.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-secondary.active:not([disabled]):not(.disabled):hover, .btn-secondary.active:not([disabled]):not(.disabled):focus, .btn-secondary.active:not([disabled]):not(.disabled):active, .btn-secondary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-success.active:not([disabled]):not(.disabled) {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  box-shadow: none !important; }
  .btn-success.active:not([disabled]):not(.disabled):hover, .btn-success.active:not([disabled]):not(.disabled):focus, .btn-success.active:not([disabled]):not(.disabled):active, .btn-success.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #007931;
    border-color: #007931; }

.btn-danger.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-danger.active:not([disabled]):not(.disabled):hover, .btn-danger.active:not([disabled]):not(.disabled):focus, .btn-danger.active:not([disabled]):not(.disabled):active, .btn-danger.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-info.active:not([disabled]):not(.disabled) {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  box-shadow: none !important; }
  .btn-info.active:not([disabled]):not(.disabled):hover, .btn-info.active:not([disabled]):not(.disabled):focus, .btn-info.active:not([disabled]):not(.disabled):active, .btn-info.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #0f244d;
    border-color: #0f244d; }

.btn-light.active:not([disabled]):not(.disabled) {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  box-shadow: none !important; }
  .btn-light.active:not([disabled]):not(.disabled):hover, .btn-light.active:not([disabled]):not(.disabled):focus, .btn-light.active:not([disabled]):not(.disabled):active, .btn-light.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #cad0d4;
    border-color: #cad0d4; }

.btn-dark.active:not([disabled]):not(.disabled) {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  box-shadow: none !important; }
  .btn-dark.active:not([disabled]):not(.disabled):hover, .btn-dark.active:not([disabled]):not(.disabled):focus, .btn-dark.active:not([disabled]):not(.disabled):active, .btn-dark.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #171a21;
    border-color: #171a21; }

.btn-warning.active:not([disabled]):not(.disabled) {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  box-shadow: none !important; }
  .btn-warning.active:not([disabled]):not(.disabled):hover, .btn-warning.active:not([disabled]):not(.disabled):focus, .btn-warning.active:not([disabled]):not(.disabled):active, .btn-warning.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #e69500;
    border-color: #e69500; }

.btn-outline-primary-2x.active:not([disabled]):not(.disabled) {
  background-color: #006666;
  border-color: #006666;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-primary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-primary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #006666 !important;
    border-color: #006666 !important; }

.btn-outline-secondary-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-secondary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-success-2x.active:not([disabled]):not(.disabled) {
  background-color: #00AC46;
  border-color: #00AC46;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-success-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-success-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-success-2x.active:not([disabled]):not(.disabled):active, .btn-outline-success-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }

.btn-outline-danger-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-danger-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):active, .btn-outline-danger-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-info-2x.active:not([disabled]):not(.disabled) {
  background-color: #173878;
  border-color: #173878;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-info-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-info-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-info-2x.active:not([disabled]):not(.disabled):active, .btn-outline-info-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #173878 !important;
    border-color: #173878 !important; }

.btn-outline-light-2x.active:not([disabled]):not(.disabled) {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-light-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-light-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-light-2x.active:not([disabled]):not(.disabled):active, .btn-outline-light-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }

.btn-outline-dark-2x.active:not([disabled]):not(.disabled) {
  background-color: #2c323f;
  border-color: #2c323f;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-dark-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):active, .btn-outline-dark-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important; }

.btn-outline-warning-2x.active:not([disabled]):not(.disabled) {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-warning-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):active, .btn-outline-warning-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important; }

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important; }

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important; }

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important; }

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important; }

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important; }

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666; }
  .table-styling .table-primary thead,
  .table-styling.table-primary thead {
    background-color: #003333;
    border: 3px solid #003333; }
  .table-styling .table-primary th,
  .table-styling .table-primary td,
  .table-styling.table-primary th,
  .table-styling.table-primary td {
    background-color: transparent; }

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-secondary thead,
  .table-styling.table-secondary thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-secondary th,
  .table-styling .table-secondary td,
  .table-styling.table-secondary th,
  .table-styling.table-secondary td {
    background-color: transparent; }

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46; }
  .table-styling .table-success thead,
  .table-styling.table-success thead {
    background-color: #007931;
    border: 3px solid #007931; }
  .table-styling .table-success th,
  .table-styling .table-success td,
  .table-styling.table-success th,
  .table-styling.table-success td {
    background-color: transparent; }

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-danger thead,
  .table-styling.table-danger thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-danger th,
  .table-styling .table-danger td,
  .table-styling.table-danger th,
  .table-styling.table-danger td {
    background-color: transparent; }

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878; }
  .table-styling .table-info thead,
  .table-styling.table-info thead {
    background-color: #0f244d;
    border: 3px solid #0f244d; }
  .table-styling .table-info th,
  .table-styling .table-info td,
  .table-styling.table-info th,
  .table-styling.table-info td {
    background-color: transparent; }

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB; }
  .table-styling .table-light thead,
  .table-styling.table-light thead {
    background-color: #cad0d4;
    border: 3px solid #cad0d4; }
  .table-styling .table-light th,
  .table-styling .table-light td,
  .table-styling.table-light th,
  .table-styling.table-light td {
    background-color: transparent; }

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f; }
  .table-styling .table-dark thead,
  .table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21; }
  .table-styling .table-dark th,
  .table-styling .table-dark td,
  .table-styling.table-dark th,
  .table-styling.table-dark td {
    background-color: transparent; }

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A; }
  .table-styling .table-warning thead,
  .table-styling.table-warning thead {
    background-color: #e69500;
    border: 3px solid #e69500; }
  .table-styling .table-warning th,
  .table-styling .table-warning td,
  .table-styling.table-warning th,
  .table-styling.table-warning td {
    background-color: transparent; }

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important; }

.stroke-secondary {
  stroke: #FE6A49 !important; }

.stroke-success {
  stroke: #00AC46 !important; }

.stroke-danger {
  stroke: #FE6A49 !important; }

.stroke-info {
  stroke: #173878 !important; }

.stroke-light {
  stroke: #E6E9EB !important; }

.stroke-dark {
  stroke: #2c323f !important; }

.stroke-warning {
  stroke: #FFAE1A !important; }

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878; }

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important; }

.b-t-primary {
  border-top: 1px solid #006666 !important; }

.border-t-primary {
  border-top: 1px solid #006666 !important; }

.b-b-primary {
  border-bottom: 1px solid #006666 !important; }

.border-b-primary {
  border-bottom: 1px solid #006666 !important; }

.b-l-primary {
  border-left: 1px solid #006666 !important; }

.border-l-primary {
  border-left: 1px solid #006666 !important; }

.b-r-primary {
  border-right: 1px solid #006666 !important; }

.border-r-primary {
  border-right: 1px solid #006666 !important; }

.b-secondary {
  border: 1px solid #FE6A49 !important; }

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.b-success {
  border: 1px solid #00AC46 !important; }

.b-t-success {
  border-top: 1px solid #00AC46 !important; }

.border-t-success {
  border-top: 1px solid #00AC46 !important; }

.b-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.border-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.b-l-success {
  border-left: 1px solid #00AC46 !important; }

.border-l-success {
  border-left: 1px solid #00AC46 !important; }

.b-r-success {
  border-right: 1px solid #00AC46 !important; }

.border-r-success {
  border-right: 1px solid #00AC46 !important; }

.b-danger {
  border: 1px solid #FE6A49 !important; }

.b-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.border-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.border-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.b-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.border-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.b-info {
  border: 1px solid #173878 !important; }

.b-t-info {
  border-top: 1px solid #173878 !important; }

.border-t-info {
  border-top: 1px solid #173878 !important; }

.b-b-info {
  border-bottom: 1px solid #173878 !important; }

.border-b-info {
  border-bottom: 1px solid #173878 !important; }

.b-l-info {
  border-left: 1px solid #173878 !important; }

.border-l-info {
  border-left: 1px solid #173878 !important; }

.b-r-info {
  border-right: 1px solid #173878 !important; }

.border-r-info {
  border-right: 1px solid #173878 !important; }

.b-light {
  border: 1px solid #E6E9EB !important; }

.b-t-light {
  border-top: 1px solid #E6E9EB !important; }

.border-t-light {
  border-top: 1px solid #E6E9EB !important; }

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.b-l-light {
  border-left: 1px solid #E6E9EB !important; }

.border-l-light {
  border-left: 1px solid #E6E9EB !important; }

.b-r-light {
  border-right: 1px solid #E6E9EB !important; }

.border-r-light {
  border-right: 1px solid #E6E9EB !important; }

.b-dark {
  border: 1px solid #2c323f !important; }

.b-t-dark {
  border-top: 1px solid #2c323f !important; }

.border-t-dark {
  border-top: 1px solid #2c323f !important; }

.b-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.border-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.b-l-dark {
  border-left: 1px solid #2c323f !important; }

.border-l-dark {
  border-left: 1px solid #2c323f !important; }

.b-r-dark {
  border-right: 1px solid #2c323f !important; }

.border-r-dark {
  border-right: 1px solid #2c323f !important; }

.b-warning {
  border: 1px solid #FFAE1A !important; }

.b-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.border-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.b-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.border-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.b-r-warning {
  border-right: 1px solid #FFAE1A !important; }

.border-r-warning {
  border-right: 1px solid #FFAE1A !important; }

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-6 {
  border-width: 6px !important; }

.border-7 {
  border-width: 7px !important; }

.border-8 {
  border-width: 8px !important; }

.border-9 {
  border-width: 9px !important; }

.border-10 {
  border-width: 10px !important; }

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px; }

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa; }

.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px; }

.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3); }

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f; }
  .line pre {
    font-size: 100%; }

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important; }

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .options > div {
    color: #86909C;
    padding: 2px 10px;
    border: 1px solid; }
    .options > div:hover {
      background-color: #006666;
      color: #fff;
      transition: background-color 0.3s ease; }

/**====== Animation css Ends ======**/
.modal-footer {
  flex-wrap: wrap; }

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0; }

.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0; }

.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px; }

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666; }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #006666 !important; }

.typeahead .theme-form .form-group {
  margin-bottom: 0; }

.primary .svg-fill {
  fill: var(--theme-deafult); }
  .primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-deafult); }

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important; }

.secondary .svg-fill {
  fill: var(--theme-secondary); }
  .secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary); }

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important; }

.success .svg-fill {
  fill: #00AC46; }

.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important; }

.warning .svg-fill {
  fill: #FFAE1A; }

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important; }

.dotted {
  border-style: dotted; }

.dashed {
  border-style: dashed; }

.double {
  border-style: double; }

.groove {
  border-style: groove; }

.ridge {
  border-style: ridge; }

.inset {
  border-style: inset; }

.outset {
  border-style: outset; }

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px; }
  75% {
    opacity: .6;
    top: 0; }
  100% {
    opacity: 1; } }

.code-box-copy {
  width: 100%;
  overflow: auto; }

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%; }
  .custom-rs-12 {
    width: 100%; } }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px; }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none; }

.bg-gray {
  background-color: var(--text-gray); }

.text-gray {
  color: var(--text-gray) !important; }

.common-flex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

.common-space {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2); }

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3); }

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important; }

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important; }

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666; }

.badge-light-secondary {
  background-color: white;
  color: #FE6A49; }

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46; }

.badge-light-danger {
  background-color: white;
  color: #FE6A49; }

.badge-light-info {
  background-color: #6e96e3;
  color: #173878; }

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c; }

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f; }

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A; }

.fc .fc-button-primary.fc-button-active:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult), 0.2) !important; }

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%;
      margin-left: 0px; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .invoice-table-data {
    background-color: #f9f9fa; }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

/**=====================
    1.1 Reset CSS Ends
==========================**/
body.dark-only {
  --bs-heading-color: rgb(255, 255, 255);
  color: rgba(255, 255, 255, 0.6);
  background-color: #1A1C23; }
  body.dark-only.modal-open {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23; }
    body.dark-only.modal-open h1,
    body.dark-only.modal-open h2,
    body.dark-only.modal-open h3,
    body.dark-only.modal-open h4,
    body.dark-only.modal-open h5,
    body.dark-only.modal-open h6 {
      color: #fff; }
    body.dark-only.modal-open span {
      color: rgba(255, 255, 255, 0.7); }
    body.dark-only.modal-open p {
      color: rgba(255, 255, 255, 0.7); }
  body.dark-only span {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .txt-primary {
    color: #006666 !important; }
  body.dark-only .txt-secondary {
    color: #FE6A49 !important; }
  body.dark-only .txt-success {
    color: #00AC46 !important; }
  body.dark-only .txt-danger {
    color: #FE6A49 !important; }
  body.dark-only .txt-info {
    color: #173878 !important; }
  body.dark-only .txt-light {
    color: #E6E9EB !important; }
  body.dark-only .txt-dark {
    color: #2c323f !important; }
  body.dark-only .txt-warning {
    color: #FFAE1A !important; }
  body.dark-only .txt-google-plus {
    color: #c64e40 !important; }
  body.dark-only .txt-twitter {
    color: #6fa2d8 !important; }
  body.dark-only .txt-linkedin {
    color: #0077B5 !important; }
  body.dark-only .txt-fb {
    color: #50598e !important; }
  body.dark-only .txt-primary {
    color: var(--theme-deafult) !important; }
  body.dark-only .txt-secondary {
    color: var(--theme-secondary) !important; }
  body.dark-only .accordion-button.accordion-light-primary:not(.collapsed) {
    background-color: rgba(0, 102, 102, 0.2); }
  body.dark-only .accordion-button.accordion-light-primary:active, body.dark-only .accordion-button.accordion-light-primary.active {
    background-color: rgba(0, 102, 102, 0.2);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-secondary:not(.collapsed) {
    background-color: rgba(254, 106, 73, 0.3); }
  body.dark-only .accordion-button.accordion-light-secondary:active, body.dark-only .accordion-button.accordion-light-secondary.active {
    background-color: rgba(254, 106, 73, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-success:not(.collapsed) {
    background-color: rgba(0, 172, 70, 0.3); }
  body.dark-only .accordion-button.accordion-light-success:active, body.dark-only .accordion-button.accordion-light-success.active {
    background-color: rgba(0, 172, 70, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-warning:not(.collapsed) {
    background-color: rgba(255, 174, 26, 0.3); }
  body.dark-only .accordion-button.accordion-light-warning:active, body.dark-only .accordion-button.accordion-light-warning.active {
    background-color: rgba(255, 174, 26, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-info:not(.collapsed) {
    background-color: rgba(23, 56, 120, 0.3); }
  body.dark-only .accordion-button.accordion-light-info:active, body.dark-only .accordion-button.accordion-light-info.active {
    background-color: rgba(23, 56, 120, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-light:not(.collapsed) {
    background-color: #F9F9FB; }
  body.dark-only .accordion-button.accordion-light-light:active, body.dark-only .accordion-button.accordion-light-light.active {
    background-color: #F9F9FB;
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-danger:not(.collapsed) {
    background-color: rgba(254, 106, 73, 0.3); }
  body.dark-only .accordion-button.accordion-light-danger:active, body.dark-only .accordion-button.accordion-light-danger.active {
    background-color: rgba(254, 106, 73, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-dark:not(.collapsed) {
    background-color: #EAEBF2; }
  body.dark-only .accordion-button.accordion-light-dark:active, body.dark-only .accordion-button.accordion-light-dark.active {
    background-color: #EAEBF2;
    color: #000;
    border: none; }
  body.dark-only .list-product-header .collapse .list-product-body {
    border: unset !important; }
  body.dark-only .card {
    --bs-card-title-color: var(--body-font-color);
    --bs-card-subtitle-color: var(--body-font-color);
    --bs-card-cap-color: var(--body-font-color);
    --bs-card-color: var(--body-font-color);
    --bs-body-color: var(--body-font-color);
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .breadcrumb {
    --bs-breadcrumb-bg: transparent; }
  body.dark-only .toast {
    --bs-toast-color: var(--body-font-color); }
  body.dark-only .modal {
    --bs-modal-color: rgba(255, 255, 255, 0.2);
    --bs-modal-footer-bg: $dark-card-background; }
  body.dark-only .accordion-flush .accordion-item .accordion-header button {
    background-color: rgba(0, 172, 70, 0.3) !important; }
  body.dark-only .moon {
    stroke: var(--body-font-color); }
  body.dark-only .radio label::before {
    background-color: #1A1C23; }
  body.dark-only .support-custom-table table.dataTable {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .support-custom-table table.dataTable thead th,
    body.dark-only .support-custom-table table.dataTable thead td {
      border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .support-custom-table table.dataTable tbody td {
      border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .support-custom-table .dataTables_wrapper .dataTables_paginate {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .list-product .datatable-sorter::before {
    border-top: 4px solid rgba(255, 255, 255, 0.5) !important; }
  body.dark-only .list-product .datatable-sorter::after {
    border-bottom: 4px solid rgba(255, 255, 255, 0.5) !important; }
  body.dark-only .onhover-dropdown.notification-down::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .nav-right > ul > li:nth-child(n+3):not(:last-child body.dark-only .nav-right > ul > li.profile-nav:nth-child(n+3)) {
    background-color: #22242B !important; }
  body.dark-only .nav-right > ul > li:nth-child(2) {
    background-color: #22242B !important; }
  body.dark-only .nav-right .nav-menus li.profile-nav ul li {
    background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .bookmark-flip .flip-card .bookmark-dropdown li:nth-child(2) {
    background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .bookmark-flip .flip-card .back ul li:nth-child(2) {
    background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .input-icon input {
    background-color: #22242B;
    border: none;
    color: #fff; }
  body.dark-only .nav-right .nav-menus li .user-name svg {
    filter: invert(1); }
  body.dark-only .nav-right .nav-menus li .profile-media .media-body span {
    color: #fff; }
  body.dark-only .email-right-aside .email-read .mail-header1 svg {
    stroke: rgba(255, 255, 255, 0.7); }
  body.dark-only .customers ul li:last-child p {
    color: rgba(255, 255, 255, 0.2) !important;
    border: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .invoice-text span {
    color: #006666; }
  body.dark-only .invoice-table-data {
    background-color: #22242B !important; }
  body.dark-only .form-control {
    background-color: #22242B !important;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only input::placeholder {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .text-muted {
    color: rgba(255, 255, 255, 0.7) !important; }
  body.dark-only .total-chart .data-grow span {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .payment-second .mega-icons .stroke-dark {
    filter: invert(3); }
  body.dark-only .breadcrumb-item.active {
    color: rgba(255, 255, 255, 0.7) !important; }
  body.dark-only .breadcrumb-item + .breadcrumb-item:before {
    color: rgba(255, 255, 255, 0.7) !important; }
  body.dark-only .sale-history-card .history-price a {
    color: #fff; }
  body.dark-only .radius-wrapper {
    background-color: #1A1C23 !important; }
  body.dark-only .product-costing {
    border-color: rgba(230, 233, 235, 0.1);
    color: #fff; }
  body.dark-only .sale-history-card {
    border-color: rgba(230, 233, 235, 0.1); }
  body.dark-only .table-order table thead {
    background-color: rgba(230, 233, 235, 0.07); }
  body.dark-only .table-order table tbody tr {
    border-bottom: 1px solid rgba(230, 233, 235, 0.1) !important; }
    body.dark-only .table-order table tbody tr td a {
      color: #fff !important; }
    body.dark-only .table-order table tbody tr td .dropdown svg {
      filter: invert(1); }
    body.dark-only .table-order table tbody tr:hover td a {
      color: var(--theme-deafult) !important; }
    body.dark-only .table-order table tbody tr:last-child {
      border-bottom: none !important; }
      body.dark-only .table-order table tbody tr:last-child td {
        border-bottom: none !important; }
  body.dark-only .new-product .product-cost .product-icon:last-child svg {
    filter: invert(1); }
  body.dark-only .revenuegrowth .revenuegrowth-chart::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .revenuegrowth-details .growth-details {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .add-project-link .categories-content a {
    color: #fff; }
  body.dark-only .activity-group::before {
    border-left: 1px dashed rgba(255, 255, 255, 0.1); }
  body.dark-only .email-general h6 {
    color: #fff; }
  body.dark-only .tranaction-table thead {
    background-color: rgba(230, 233, 235, 0.07); }
  body.dark-only .card .card-footer .common-space a {
    color: #fff; }
  body.dark-only .card .card-footer .common-space:hover a {
    color: var(--theme-deafult); }
  body.dark-only .card .card-footer .common-space .visited-dropdown {
    border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .card .card-footer .common-space .visited-dropdown svg {
      filter: invert(1); }
  body.dark-only .today-work-table .today-working-table tbody tr td a {
    color: #fff !important; }
  body.dark-only .today-work-table .today-working-table tbody tr:hover td a {
    color: #006666 !important; }
  body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .add-project .categories-content a {
    color: #fff; }
  body.dark-only .activity-log h6 a {
    color: #fff; }
  body.dark-only span.dayName {
    color: #006666 !important; }
  body.dark-only .fc-scrollgrid-sync-inner a.fc-col-header-cell-cushion {
    color: #006666 !important; }
  body.dark-only .badge-light {
    background-color: #1A1C23;
    color: #fff !important; }
  body.dark-only .apexcharts-canvas .apexcharts-svg .apexcharts-inner .apexcharts-grid-borders line {
    stroke: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .apexcharts-canvas .apexcharts-svg .apexcharts-inner .apexcharts-grid .apexcharts-gridlines-horizontal line {
    stroke: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .timeline-calendar .custom-calendar .time-line .fc-scrollgrid table thead tr {
    background-color: #1A1C23; }
  body.dark-only .activity-log-card ul li div .username {
    color: #fff; }
  body.dark-only .product-box .product-details h4 {
    color: #fff; }
  body.dark-only .product-box .product-details p {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .bookmark-wrap .left-bookmark ul li button {
    color: #fff !important; }
  body.dark-only .balance-profile h5 {
    color: #fff; }
  body.dark-only .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button {
    background: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button span {
      color: #fff; }
  body.dark-only .common-space .header-top .btn:hover i {
    color: #fff !important; }
  body.dark-only .activity-table table tbody tr td .team-activity .activity-data a {
    color: #fff !important; }
  body.dark-only .activity-table table tbody tr td .team-activity .activity-data .user-activity::before {
    background-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .activity-table table tbody tr td .team-activity .activity-data .common-space:before {
    background-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .activity-table table tbody tr td .team-activity:hover a {
    color: var(--theme-deafult) !important; }
  body.dark-only .left-header .welcome-content span {
    color: var(--body-font-color); }
  body.dark-only .dropdown-menu .input-group {
    background-color: #1A1C23;
    opacity: 1; }
  body.dark-only .dropdown-menu .dropdown-item {
    background-color: #1A1C23;
    opacity: 1;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important; }
  body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: #1A1C23;
    color: #fff; }
  body.dark-only .activity-log-card ul::before {
    border-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .dropdown-basic .dropdown .dropdown-content {
    background-color: #1A1C23;
    z-index: 2; }
    body.dark-only .dropdown-basic .dropdown .dropdown-content a {
      background-color: #1A1C23;
      color: #fff;
      border-color: rgba(255, 255, 255, 0.1); }
      body.dark-only .dropdown-basic .dropdown .dropdown-content a:hover {
        background-color: #22242B !important; }
  body.dark-only .projectlist-card {
    border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .projectlist-card .project-data a {
      color: #fff; }
  body.dark-only .new-user ul li {
    border-color: rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .new-user ul li a {
      color: #fff !important; }
    body.dark-only .new-user ul li:hover a {
      color: var(--theme-deafult) !important; }
    body.dark-only .new-user ul li .product-sub .invoice-icon {
      filter: invert(1); }
  body.dark-only .top-product-card ul li a {
    color: #fff !important; }
  body.dark-only .top-product-card ul li:hover a {
    color: var(--theme-deafult) !important; }
  body.dark-only .top-product-card ul li.top-product {
    border-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .top-product-card ul li .product-items span {
    color: #fff !important; }
  body.dark-only .deliveries-percentage table tbody tr td a {
    color: #fff; }
  body.dark-only .project-meeting-details {
    border-top: rgba(255, 255, 255, 0.1); }
    body.dark-only .project-meeting-details .project-meeting-time a {
      color: #fff; }
  body.dark-only .client-list-table table tbody tr td a {
    color: #fff !important; }
  body.dark-only .client-list-table table tbody tr td .user-id::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .client-list-table table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }
  body.dark-only .project-table .order-table thead {
    background-color: rgba(230, 233, 235, 0.07); }
  body.dark-only .project-table .order-table tbody tr td a {
    color: #fff; }
  body.dark-only .project-table .order-table tbody tr td .product-sub .dropdown svg {
    filter: invert(1); }
  body.dark-only .project-table .order-table tbody tr:hover td a {
    color: #fff; }
  body.dark-only .user-message li {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .user-message svg {
    filter: invert(1); }
  body.dark-only .apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1A1C23; }
  body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button {
    border-color: rgba(255, 255, 255, 0.2) !important; }
  body.dark-only table.fixedHeader-locked {
    background: #1A1C23; }
  body.dark-only .apexcharts-tooltip-series-group {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .apexcharts-yaxistooltip,
  body.dark-only .apexcharts-xaxistooltip {
    color: rgba(255, 255, 255, 0.6);
    background: #1A1C23;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-yaxistooltip-left::before, body.dark-only .apexcharts-yaxistooltip-left::after {
    border-left-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-xaxistooltip-bottom::before, body.dark-only .apexcharts-xaxistooltip-bottom::after {
    border-bottom-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .bottom-content .apexcharts-canvas span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .apexcharts-canvas .apexcharts-tooltip {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
      margin-bottom: 0; }
    body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .apexcharts-canvas .apexcharts-yaxis text {
    fill: #98a6ad; }
  body.dark-only .apexcharts-xaxistooltip {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-xaxistooltip-bottom:after {
    border-bottom-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1A1C23; }
    body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text {
      color: #98a6ad; }
    body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
      background: #22242B;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      color: #98a6ad; }
  body.dark-only .apexcharts-yaxis text {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .theme-form input[type=text] {
    background-color: #1A1C23 !important;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .theme-form input[type=num], body.dark-only input[type=select], body.dark-only input[type=date] {
    background-color: #1A1C23 !important;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .theme-form textarea {
    background-color: #1A1C23; }
  body.dark-only .page-body .bg-light {
    background-color: #1A1C23 !important; }
  body.dark-only .wizard-4 .step-container {
    background-color: #22242B;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .wizard-4 .login-card .login-main {
    background-color: #1A1C23; }
  body.dark-only .total-balance {
    background-blend-mode: overlay; }
  body.dark-only .icon-state .switch-state:after {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .social-widget .social-icons {
    box-shadow: 0px 42.1092px 27.8569px #1A1C23, 0px 8.90772px 7.12618px #1A1C23, 0px 2.02448px 3.44162px #1A1C23; }
  body.dark-only .calendar-basic .md-sidebar-aside {
    background: #22242B; }
  body.dark-only .calendar-basic #external-events {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .calendar-basic .calendar-default .fc .fc-daygrid-day-number,
  body.dark-only .calendar-basic .calendar-default .fc .fc-col-header-cell-cushion {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .clockpicker-popover .popover-title {
    background-color: #22242B; }
  body.dark-only .clockpicker-popover.bottom > .arrow {
    border-bottom-color: #1A1C23; }
    body.dark-only .clockpicker-popover.bottom > .arrow:after {
      border-bottom-color: #22242B; }
  body.dark-only .clockpicker-popover.top > .arrow {
    border-top-color: #1A1C23; }
    body.dark-only .clockpicker-popover.top > .arrow::after {
      border-top-color: #22242B; }
  body.dark-only .clockpicker-popover.left > .arrow {
    border-left-color: #1A1C23; }
    body.dark-only .clockpicker-popover.left > .arrow::after {
      border-left-color: #22242B; }
  body.dark-only .clockpicker-popover .popover-title {
    border-bottom-color: #22242B; }
  body.dark-only .fc-theme-standard .fc-scrollgrid,
  body.dark-only .fc-theme-standard .fc-list {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .fc-theme-standard .fc-list-day-cushion {
    background-color: #1A1C23; }
  body.dark-only .fc .fc-list-event:hover td {
    background-color: #1A1C23; }
  body.dark-only .view-container .apexcharts-canvas .apexcharts-point-annotations circle {
    outline: 25px solid #3e3d7259; }
  body.dark-only .currency-widget div[class*=bg-light-] {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .btn.badge-light-primary:hover {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .portfolio-chart-container .apexcharts-canvas .apexcharts-radialbar image {
    display: none; }
  body.dark-only svg.f-light {
    fill: rgba(255, 255, 255, 0.6);
    opacity: 1; }
  body.dark-only .course-widget .btn-light {
    background-color: #1A1C23 !important; }
  body.dark-only .schedule-list > li {
    box-shadow: 4px 7px 17px 5px rgba(26, 28, 35, 0.2); }
  body.dark-only .upcoming-event-wrap .apexcharts-canvas .apexcharts-data-labels rect {
    fill: none;
    stroke: none; }
  body.dark-only .page-wrapper.advance-layout .page-header {
    background: #22242B; }
  body.dark-only .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper.only-body {
    background: #1A1C23; }
  body.dark-only .balance-card .svg-box {
    background: #22242B;
    box-shadow: none; }
    body.dark-only .balance-card .svg-box svg {
      fill: rgba(255, 255, 255, 0.6); }
  body.dark-only .f-light {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: #22242B;
    color: #fff; }
  body.dark-only .card {
    background-color: #22242B; }
  body.dark-only .ecommerce-widget {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .btn-light {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .form-select {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .add-project .text-inherit {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .knowledgebase-search {
    color: #051A1A; }
    body.dark-only .knowledgebase-search h3 {
      color: #051A1A; }
    body.dark-only .knowledgebase-search .form-control-plaintext {
      color: #051A1A; }
  body.dark-only .toast {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .toast .toast-header {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .toast .toast-dark {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .btn-close {
    filter: brightness(0.8) invert(1); }
  body.dark-only .prooduct-details-box .media {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .product-price del {
    color: #98a6ad; }
  body.dark-only .ProfileCard {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .form-control-plaintext {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .form-select {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only .box-layout {
    background-color: #1A1C23; }
    body.dark-only .box-layout .page-wrapper .page-header .header-wrapper, body.dark-only .box-layout.page-wrapper .page-header .header-wrapper {
      border: 1px solid #1A1C23; }
  body.dark-only .form-check-input {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .checkbox-wrapper li .form-check-input,
  body.dark-only .radio-wrapper li .form-check-input {
    background-color: transparent; }
  body.dark-only .switch-state:before {
    background-color: #22242B; }
  body.dark-only .tooltip.bs-tooltip-top .tooltip-arrow:before {
    border-top-color: #323846; }
  body.dark-only .tooltip.bs-tooltip-bottom .tooltip-arrow:before {
    border-bottom-color: #323846;
    border-top-color: transparent; }
  body.dark-only .tooltip.bs-tooltip-start .tooltip-arrow:before {
    border-left-color: #323846;
    border-top-color: transparent; }
  body.dark-only .tooltip.bs-tooltip-end .tooltip-arrow:before {
    border-right-color: #323846;
    border-top-color: transparent; }
  body.dark-only .tooltip .tooltip-inner {
    background-color: #323846;
    color: #fff; }
  body.dark-only .tooltip .tooltip-arrow:before {
    border-top-color: #323846; }
  body.dark-only .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6:first-child h6 {
    color: rgba(255, 255, 255, 0.5); }
  body.dark-only .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
    background-color: #22242B; }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
    color: #fff; }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
    background-color: #1A1C23 !important; }
    body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
      background-color: #1A1C23;
      border: 1px solid rgba(255, 255, 255, 0.1);
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:last-child {
      border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
    background-color: #1A1C23 !important; }
    body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
      stroke: rgba(255, 255, 255, 0.3); }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
    background-color: #22242B; }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
    color: rgba(255, 255, 255, 0.4);
    border-color: #1A1C23 !important;
    background-color: #1A1C23 !important; }
  body.dark-only .qty-box input {
    color: rgba(255, 255, 255, 0.5); }
  body.dark-only .customizer-contain {
    color: #1A1C23; }
    body.dark-only .customizer-contain .customizer-body .main-layout .box-layout {
      background-color: #fff; }
  body.dark-only .login-dark {
    background-color: #22242B;
    background-blend-mode: overlay; }
    body.dark-only .login-dark .login-main {
      background-color: #323846; }
  body.dark-only .login-card .btn-showcase .btn {
    background-color: #22242B !important;
    color: #fff;
    border-color: #22242B !important; }
  body.dark-only .login-card .login-main {
    box-shadow: 0 0 37px rgba(255, 255, 255, 0.05); }
    body.dark-only .login-card .login-main .theme-form input {
      background-color: #22242B !important; }
    body.dark-only .login-card .login-main .theme-form .or:before {
      background-color: #22242B; }
    body.dark-only .login-card .login-main .theme-form .checkbox label::before {
      background-color: #22242B !important;
      border-color: #22242B !important; }
  body.dark-only .H_ui ~ div {
    background-color: #1A1C23 !important; }
  body.dark-only .swal-icon--success:after,
  body.dark-only .swal-icon--success:before {
    background: #22242B; }
  body.dark-only .swal-icon--success__hide-corners {
    background-color: #22242B; }
  body.dark-only .note-editor.note-frame .note-status-output {
    border-top: 1px solid #22242B; }
  body.dark-only .note-editor.note-frame .note-statusbar {
    border-top: 1px solid #22242B; }
    body.dark-only .note-editor.note-frame .note-statusbar .note-resizebar {
      background-color: #22242B; }
  body.dark-only .light-font {
    color: white; }
  body.dark-only .page-link {
    background-color: #1A1C23;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .b-r-light {
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .history-details .media {
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .modal-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only #right-history {
    background-color: #22242B;
    box-shadow: 0 0 9px #1A1C23; }
    body.dark-only #right-history h6 span a {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .ProfileCard:hover {
    color: rgba(255, 255, 255, 0.6);
    background-color: #22242B; }
  body.dark-only .translate_wrapper.active .more_lang:before {
    border-bottom: 7px solid #22242B; }
  body.dark-only .translate_wrapper.active .more_lang .lang {
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .toggle-sidebar svg {
    stroke: #fff !important; }
  body.dark-only .toggle-sidebar:hover svg {
    color: #fff !important;
    stroke: #fff !important; }
  body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
    background: rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper .page-body-wrapper {
    background-color: #1A1C23; }
    body.dark-only .page-wrapper .page-body-wrapper .page-title {
      background-color: transparent;
      border-bottom: none;
      box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 40px; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
      stroke: #fff !important; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
      fill: rgba(255, 255, 255, 0.5);
      stroke: transparent; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
      stroke: #fff; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
      fill: var(--theme-deafult);
      stroke: transparent; }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg.stroke-icon {
      stroke: var(--theme-deafult); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
      background-color: rgba(0, 102, 102, 0.2); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
        color: var(--theme-deafult); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: var(--theme-deafult); }
  body.dark-only .page-wrapper.modern-type .page-body-wrapper .page-title {
    background-color: transparent;
    border: none; }
  body.dark-only .page-wrapper .sidebar-main-title p {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    background-color: #22242B; }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg {
      stroke: var(--theme-deafult); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
      background-color: rgba(255, 255, 255, 0.2); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
        color: #fff; }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: var(--theme-deafult); }
  body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    background: #22242B;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a {
      background-color: rgba(255, 255, 255, 0.3); }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a span {
        color: #fff !important; }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
      background: #22242B; }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
        color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active, body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
          color: var(--theme-deafult); }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
        background: #22242B; }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
      background: #22242B; }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
    background: #22242B; }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    stroke: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    background-color: #22242B; }
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
    background-color: rgba(0, 102, 102, 0.2); }
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
      color: var(--theme-deafult); }
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
      color: var(--theme-deafult);
      stroke: var(--theme-deafult); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400; }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
    background-color: rgba(255, 255, 255, 0.2); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-deafult); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.material-type .page-header .header-wrapper {
    border-radius: 15px 15px 0 0; }
  body.dark-only .page-wrapper.material-icon .page-header .header-wrapper {
    background-color: transparent; }
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
      color: #fff; }
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
      color: #fff; }
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
      border: 1px solid #1A1C23;
      background: #1A1C23;
      color: #fff; }
  body.dark-only .page-wrapper.material-icon .page-header .header-logo-wrapper {
    background-color: transparent; }
  body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-body {
    background-color: transparent; }
  body.dark-only .page-wrapper.advance-layout {
    background-color: #1A1C23; }
    body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper {
      background: transparent; }
      body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper .header-logo-wrapper {
        background: transparent; }
    body.dark-only .page-wrapper.advance-layout .page-body-wrapper {
      background: transparent; }
      body.dark-only .page-wrapper.advance-layout .page-body-wrapper .page-body {
        background: transparent; }
  body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-title {
    background-color: transparent;
    box-shadow: none;
    border: none; }
  body.dark-only .page-wrapper .page-header .header-wrapper .search-full {
    background-color: #22242B; }
    body.dark-only .page-wrapper .page-header .header-wrapper .search-full input {
      color: rgba(255, 255, 255, 0.6); }
  @media only screen and (min-width: 768px) {
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
      stroke: #fff; } }
  body.dark-only ::-webkit-calendar-picker-indicator {
    filter: invert(1); }
  body.dark-only .kanban-board-header {
    background-color: #1A1C23;
    border-bottom: 1px solid #22242B; }
  body.dark-only .kanban-board .kanban-drag {
    background: #1A1C23; }
  body.dark-only .kanban-container .kanban-item .kanban-box {
    border: 1px solid rgba(0, 102, 102, 0.15);
    background-color: #1A1C23; }
  body.dark-only .project-box {
    border: 1px solid rgba(0, 102, 102, 0.15);
    background-color: #1A1C23; }
  body.dark-only .file-content .form-inline {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .file-content .files .file-box {
    border: 1px solid rgba(0, 102, 102, 0.15);
    background-color: #1A1C23; }
    body.dark-only .file-content .files .file-box .file-top {
      background-color: #22242B;
      border: 1px solid rgba(0, 102, 102, 0.15); }
  body.dark-only .file-content .folder .folder-box {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #1A1C23; }
  body.dark-only .files-content li .files-list .file-left {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #1A1C23; }
  body.dark-only .file-sidebar .pricing-plan {
    border: 1px solid rgba(0, 102, 102, 0.15) !important; }
  body.dark-only .file-sidebar .btn-light {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23 !important;
    border: 1px solid rgba(0, 102, 102, 0.15) !important; }
  body.dark-only #lnb {
    border-right: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .lnb-new-schedule,
  body.dark-only .lnb-calendars > div {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only #menu .sidebar-list .btn-default {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .tui-full-calendar-timegrid-hour {
    background-color: #22242B;
    color: #fff !important; }
  body.dark-only .tui-full-calendar-timegrid-gridline {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .tui-full-calendar-time-date,
  body.dark-only .tui-full-calendar-weekday-grid-line,
  body.dark-only .tui-full-calendar-left,
  body.dark-only .tui-full-calendar-timegrid-timezone {
    border-right-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .tui-full-calendar-popup {
    color: #051A1A; }
  body.dark-only #menu .btn-default {
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only #menu .btn-default:hover {
      color: #051A1A; }
  body.dark-only #menu .dropdown-menu {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .tui-full-calendar-dayname-container,
  body.dark-only .tui-full-calendar-splitter {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only span.tui-full-calendar-dayname-date-area {
    color: #fff !important; }
  body.dark-only .tui-full-calendar-layout {
    background-color: #22242B !important; }
  body.dark-only .blockquote {
    border-left: 4px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .figure.text-end blockquote {
    border-right-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .contacts-tabs .nav-pills {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .contacts-tabs .nav-pills .nav-link + .nav-link {
      border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .list-persons .profile-mail .media .media-body ul li + li {
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-right: unset !important; }
  body.dark-only .product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
    background-color: #22242B; }
  body.dark-only .apexcharts-gridline {
    stroke: #1A1C23; }
  body.dark-only .apexcharts-tooltip-title,
  body.dark-only .apexcharts-tooltip-series-group,
  body.dark-only .apexcharts-tooltip.light,
  body.dark-only .apexcharts-menu-item {
    color: #000; }
  body.dark-only .small-donut ~ svg path:nth-child(even),
  body.dark-only .small-donut svg path:nth-child(even),
  body.dark-only .donut-peity2 ~ svg path:nth-child(even),
  body.dark-only .donut-peity2 svg path:nth-child(even),
  body.dark-only .pie-peity ~ svg path:nth-child(even),
  body.dark-only .pie-peity svg path:nth-child(even) {
    fill: #1A1C23; }
  body.dark-only .appointment-table table tr td.img-content-box .font-roboto {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .notification .card .d-flex .w-100 p span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .notification .card .d-flex .w-100 span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .notification .vertical-more svg {
    filter: invert(1); }
  body.dark-only .datepicker {
    background-color: #323846;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .datepicker .datepicker--cell.-current- {
      color: #006666; }
    body.dark-only .datepicker .datepicker--cell.-current-.-focus- {
      color: #fff; }
    body.dark-only .datepicker .datepicker--cell-day.-other-month-,
    body.dark-only .datepicker .datepicker--cell-year.-other-decade- {
      color: rgba(255, 255, 255, 0.4); }
    body.dark-only .datepicker .datepicker--nav {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .datepicker .datepicker--pointer {
      background: #323846;
      border-top-color: #323846;
      border-right-color: #323846; }
  body.dark-only .default-datepicker .datepicker-inline .datepicker {
    background: #22242B; }
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name,
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day,
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name,
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name.-selected-,
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day.-selected-,
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name.-selected-,
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-selected- {
        color: #fff; }
  body.dark-only [class*='activity-dot-'] {
    background-color: #22242B; }
  body.dark-only .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .progress {
    background-color: #1A1C23 !important; }
  body.dark-only .alert-primary {
    background-color: rgba(0, 102, 102, 0.8) !important;
    border-color: rgba(0, 102, 102, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-primary .progress {
      height: 5px;
      background-color: #006161;
      border-radius: 0; }
    body.dark-only .alert-primary .progress-bar {
      background-color: #66ffff; }
  body.dark-only .alert-primary.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-primary.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-primary.outline .btn-close,
  body.dark-only .alert-primary.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-secondary {
    background-color: rgba(254, 106, 73, 0.8) !important;
    border-color: rgba(254, 106, 73, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-secondary .progress {
      height: 5px;
      background-color: #fe6644;
      border-radius: 0; }
    body.dark-only .alert-secondary .progress-bar {
      background-color: white; }
  body.dark-only .alert-secondary.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-secondary.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-secondary.outline .btn-close,
  body.dark-only .alert-secondary.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-success {
    background-color: rgba(0, 172, 70, 0.8) !important;
    border-color: rgba(0, 172, 70, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-success .progress {
      height: 5px;
      background-color: #00a744;
      border-radius: 0; }
    body.dark-only .alert-success .progress-bar {
      background-color: #acffce; }
  body.dark-only .alert-success.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-success.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-success.outline .btn-close,
  body.dark-only .alert-success.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-danger {
    background-color: rgba(254, 106, 73, 0.8) !important;
    border-color: rgba(254, 106, 73, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-danger .progress {
      height: 5px;
      background-color: #fe6644;
      border-radius: 0; }
    body.dark-only .alert-danger .progress-bar {
      background-color: white; }
  body.dark-only .alert-danger.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-danger.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-danger.outline .btn-close,
  body.dark-only .alert-danger.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-warning {
    background-color: rgba(255, 174, 26, 0.8) !important;
    border-color: rgba(255, 174, 26, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-warning .progress {
      height: 5px;
      background-color: #ffac15;
      border-radius: 0; }
    body.dark-only .alert-warning .progress-bar {
      background-color: white; }
  body.dark-only .alert-warning.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-warning.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-warning.outline .btn-close,
  body.dark-only .alert-warning.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-info {
    background-color: rgba(23, 56, 120, 0.8) !important;
    border-color: rgba(23, 56, 120, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-info .progress {
      height: 5px;
      background-color: #163674;
      border-radius: 0; }
    body.dark-only .alert-info .progress-bar {
      background-color: #a1bbed; }
  body.dark-only .alert-info.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-info.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-info.outline .btn-close,
  body.dark-only .alert-info.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-light {
    background-color: rgba(230, 233, 235, 0.8) !important;
    border-color: rgba(230, 233, 235, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-light .progress {
      height: 5px;
      background-color: #e3e7e9;
      border-radius: 0; }
    body.dark-only .alert-light .progress-bar {
      background-color: white; }
  body.dark-only .alert-light.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-light.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-light.outline .btn-close,
  body.dark-only .alert-light.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-dark {
    background-color: rgba(44, 50, 63, 0.8) !important;
    border-color: rgba(44, 50, 63, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-dark .progress {
      height: 5px;
      background-color: #2a303c;
      border-radius: 0; }
    body.dark-only .alert-dark .progress-bar {
      background-color: #a8b0c2; }
  body.dark-only .alert-dark.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-dark.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-dark.outline .btn-close,
  body.dark-only .alert-dark.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .options > div {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
    background-color: #1A1C23; }
  body.dark-only .pricing-simple {
    box-shadow: 1px 1px 2px 1px #1A1C23 !important; }
  body.dark-only .pricing-block {
    box-shadow: 0 0 10px 5px rgba(0, 102, 102, 0.05) !important; }
  body.dark-only .search-page ul.search-info li + li {
    border-left: 1px solid #1A1C23; }
  body.dark-only .search-page .info-block {
    border: 1px solid rgba(255, 255, 255, 0.2); }
  body.dark-only .browse .browse-articles h6 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .job-search .job-description .theme-form .row div[class^="col-"] .input-group .datepicker-here {
    border: 1px solid #1A1C23; }
  body.dark-only .calendar-wrap .fc-unthemed td,
  body.dark-only .calendar-wrap .fc-unthemed th {
    border-color: #1A1C23; }
  body.dark-only .mega-inline,
  body.dark-only .mega-horizontal,
  body.dark-only .mega-vertical {
    --bs-body-color: rgba(255, 255, 255, 0.6); }
    body.dark-only .mega-inline .card,
    body.dark-only .mega-horizontal .card,
    body.dark-only .mega-vertical .card {
      box-shadow: 1px 1px 7px 0 rgba(255, 255, 255, 0.5) !important; }
    body.dark-only .mega-inline.plain-style .card, body.dark-only .mega-inline.border-style .card, body.dark-only .mega-inline.offer-style .card,
    body.dark-only .mega-horizontal.plain-style .card,
    body.dark-only .mega-horizontal.border-style .card,
    body.dark-only .mega-horizontal.offer-style .card,
    body.dark-only .mega-vertical.plain-style .card,
    body.dark-only .mega-vertical.border-style .card,
    body.dark-only .mega-vertical.offer-style .card {
      box-shadow: none !important; }
    body.dark-only .mega-inline.border-style .card,
    body.dark-only .mega-horizontal.border-style .card,
    body.dark-only .mega-vertical.border-style .card {
      border: 1px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .mega-inline.offer-style .card,
    body.dark-only .mega-horizontal.offer-style .card,
    body.dark-only .mega-vertical.offer-style .card {
      border: 1px dashed rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .setting-dot .setting-bg {
    background-color: var(--theme-secondary); }
  body.dark-only .bookmark.pull-right {
    border: none; }
  body.dark-only .popover {
    background-color: #1A1C23; }
    body.dark-only .popover.bs-popover-bottom .popover-arrow:after {
      border-bottom-color: #1A1C23;
      border-right-color: transparent; }
    body.dark-only .popover.bs-popover-top .popover-arrow:after {
      border-right-color: transparent;
      border-top-color: #1A1C23; }
    body.dark-only .popover.bs-popover-start .popover-arrow:after {
      border-left-color: #1A1C23; }
    body.dark-only .popover .popover-header {
      background-color: #22242B; }
    body.dark-only .popover .popover-arrow:after {
      border-right-color: #1A1C23; }
    body.dark-only .popover .popover-body {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .popover code {
      background-color: unset; }
  body.dark-only .apex-chart-container .apexcharts-legend .apexcharts-legend-series span {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .quick-file li .quick-box {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-canvas svg .apexcharts-title-text {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-subtitle-text {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-xaxis-label {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-legend-series span {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-label {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-value {
    fill: #fff; }
  body.dark-only .Typeahead-menu {
    background-color: #1A1C23; }
  body.dark-only .ecommerce-widget {
    border: 1px solid #1A1C23; }
  body.dark-only .bookmark ul li .search-form .form-control-search input {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .bookmark ul li .search-form .form-control-search:before {
    background: #1A1C23; }
  body.dark-only .cart .qty-box .input-group .btn {
    background-color: #2e3648 !important;
    border-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .checkout .checkout-details {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    padding: 40px; }
    body.dark-only .checkout .checkout-details .animate-chk .radio_animated:after {
      border: 2px solid #22242B; }
  body.dark-only .order-box .title-box {
    color: #bfc2c6;
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .order-box .qty {
    border-bottom: 1px solid #1A1C23; }
    body.dark-only .order-box .qty li {
      color: #bfc2c6; }
      body.dark-only .order-box .qty li span {
        color: #bfc2c6; }
  body.dark-only .order-box .sub-total li {
    color: #bfc2c6; }
  body.dark-only .order-box .total li {
    color: #bfc2c6; }
  body.dark-only .shopping-checkout-option .checkbox_animated:after {
    border: 2px solid #22242B; }
  body.dark-only .animate-chk .radio_animated:after {
    border: 2px solid #1A1C23; }
  body.dark-only .custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(41, 50, 64, 0.52); }
  body.dark-only .product-box .product-img .product-hover ul li .btn {
    color: #98a6ad; }
  body.dark-only .product-box .product-img .product-hover ul li:hover .btn {
    color: #fff; }
  body.dark-only .radio_animated:after,
  body.dark-only .checkbox_animated:after {
    background: #1A1C23;
    border: 2px solid #1A1C23; }
  body.dark-only .slider-product {
    border-top: 1px solid #1A1C23;
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .icon-menu-header svg {
    filter: invert(1); }
  body.dark-only .square-product-setting .icon-grid {
    background-color: #22242B; }
    body.dark-only .square-product-setting .icon-grid svg {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .active-order-table table thead tr th,
  body.dark-only .market-table table thead tr th {
    border-top: none !important; }
  body.dark-only .active-order-table table tbody tr td,
  body.dark-only .market-table table tbody tr td {
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .active-order-table table tbody tr:last-child td,
  body.dark-only .market-table table tbody tr:last-child td {
    border-bottom: none; }
  body.dark-only .pricing-card-design-2 .pricing-block .pricing-inner ul li {
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .flot-chart-container .legend .table tbody {
    background-color: #22242B;
    color: #fff; }
    body.dark-only .flot-chart-container .legend .table tbody .legendLabel {
      padding-left: 5px; }
  body.dark-only .google-visualization-tooltip text {
    fill: rgba(0, 0, 0, 0.7) !important; }
  body.dark-only .nav-dark .nav-link,
  body.dark-only .nav-pills.nav-dark .nav-link {
    color: #fff; }
  body.dark-only .loader-wrapper {
    background-color: #1A1C23; }
    body.dark-only .loader-wrapper .loader {
      background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .input-icon::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .card-header .sales-chart-dropdown-select .card-header-right-icon .dropdown .dropdown-toggle {
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .card-header .sales-chart-dropdown-select .card-header-right-icon .dropdown .dropdown-menu .dropdown-item {
    background-color: #1a1c23;
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7);
    opacity: 1; }
  body.dark-only .page-wrapper {
    /* Main Header start */
    /* Main Header ends */ }
    body.dark-only .page-wrapper .sidebar-main-title h6 {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-header .translate_wrapper.active .more_lang {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .page-header .translate_wrapper.active .lang {
      background-color: #22242B; }
    body.dark-only .page-wrapper .page-header form {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .page-header .header-wrapper {
      background-color: #1A1C23; }
      body.dark-only .page-wrapper .page-header .header-wrapper li i {
        color: #E6E9EB; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li svg {
        fill: rgba(255, 255, 255, 0.3);
        stroke: rgba(255, 255, 255, 0.3); }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right.right-header > ul > li .profile-media .media-body p {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .user-message a {
        color: #fff !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .notification-card a {
        color: #fff !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .media .media-body .txt-dark {
        color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li.notification-box a {
        color: #fff !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div {
        background-color: #1A1C23;
        box-shadow: 0 0 14px #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div li {
          border-color: rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div p {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:before {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:after {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div .card .card-header {
          background-color: #22242B;
          border-color: rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div .card .card-footer {
          border-color: rgba(255, 255, 255, 0.1);
          background-color: #22242B; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li {
        background-color: #22242B; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li span {
          color: #98a6ad; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div .bg-light {
        background-color: #282e38 !important;
        color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
        color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg path,
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg line,
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg circle {
          color: rgba(255, 255, 255, 0.6) !important; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover {
          color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg line,
          body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg path,
          body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg circle {
            color: var(--theme-deafult) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .media .media-body .txt-dark {
        color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div {
        background-color: #1A1C23;
        box-shadow: 0 0 2px 2px #22242B; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div:before {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div:after {
          border-bottom: 7px solid #1A1C23; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
        background-color: #22242B; }
    body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-dark {
      display: none; }
    body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-light {
      display: block; }
    body.dark-only .page-wrapper .page-body-wrapper {
      /* body start*/ }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .header-small {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .statistics p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .media-body p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .professor-block p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .media-body p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .professor-block p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .logs-element span + span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-block .progress-title span + span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .ecommerce-icons div span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .new-users .media .media-body p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .recent-notification .media .media-body p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .media .media-body span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .progress-change span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td {
        border-top: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr:last-child td {
        border-bottom: none; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .notifiaction-media .media .media-body .circle-left {
        border: 5px solid #334154; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner {
        border-bottom: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner:last-child {
          border-bottom: none; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table table tbody tr td {
        border-top: none !important; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .number-widgets .media .media-body h6 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.gradient-line-1:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.small-line:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.medium-line:after {
        background-color: #1A1C23; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .media-body h6 span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .card.custom-card .card-header {
        border-bottom: none !important; }
      body.dark-only .page-wrapper .page-body-wrapper .custom-card .card-header img {
        background-color: #000;
        opacity: 0.8; }
      body.dark-only .page-wrapper .page-body-wrapper .page-title .row h3 small {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        stroke: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .fc-theme-standard td {
        border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
      body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main {
        border-top-color: rgba(255, 255, 255, 0.1);
        border-right-color: rgba(255, 255, 255, 0.1);
        border-bottom-color: rgba(255, 255, 255, 0.1); }
      body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-sticky .fc-task-text-box .fc-task-text {
        color: #fff; }
      body.dark-only .page-wrapper .page-body-wrapper .fc-timegrid-event-harness-inset .fc-timegrid-event {
        box-shadow: none; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body {
        background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card:not(.email-body) {
          border: none; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) {
          color: rgba(255, 255, 255, 0.7);
          background-color: #22242B;
          box-shadow: 1px 1px 2px 1px rgba(29, 28, 28, 0.08);
          border: 1px solid rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.widget-1:not(.email-body) {
            background-color: #1b1d24;
            background-blend-mode: overlay; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card.widget-1:not(.email-body) .widget-round .bg-round {
              box-shadow: 1px 2px 21px -2px rgba(14, 14, 16, 0.83); }
              body.dark-only .page-wrapper .page-body-wrapper .page-body .card.widget-1:not(.email-body) .widget-round .bg-round .half-circle {
                background: rgba(49, 53, 66, 0); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.social-profile:not(.email-body) {
            background-blend-mode: overlay;
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr td {
            color: #051A1A; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table thead .border-bottom-light th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table thead .border-bottom-light td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table tbody .border-bottom-light th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table tbody .border-bottom-light td {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.trending-card:not(.email-body) {
            background-color: #010314; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.explore-card:not(.email-body) {
            background-color: #22242B;
            background-blend-mode: overlay; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.balance-box:not(.email-body) {
            background-blend-mode: overlay;
            background-color: #16171c; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg > rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg > g text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg > g > rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg > g > text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header {
            background-color: transparent;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header > span {
              color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h1,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h2,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h3,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h4,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h5,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h6 {
              color: #fff; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right {
              background-color: #22242B; }
              body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i {
                color: rgba(255, 255, 255, 0.6); }
                body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i.fa-cog {
                  color: var(--theme-deafult); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header.note-toolbar {
              background-color: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark {
            color: #98a6ad; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark a {
              color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline-2x,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.inverse {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #animation-box .animate-widget p {
            color: #98a6ad !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .grid-item img {
            background-color: #22242B;
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .line {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) thead,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tbody,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tfoot,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tr,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) th {
            border-color: rgba(255, 255, 255, 0.03); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table td {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead th {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead .border-bottom-primary th {
            border-bottom: 1px solid var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger td {
            color: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-primary,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-secondary,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-success,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-info,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-warning,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-danger {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-light {
            color: #000; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .thead-light th {
            color: #000; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary td {
            border-bottom: 1px solid var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*='bg-'] th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*='bg-'] td {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd) {
            --bs-table-accent-bg: rgba(0, 0, 0, 0.05); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover th,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover td {
              color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-double,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dotted,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dashed {
            border-left-color: rgba(255, 255, 255, 0.1);
            border-right-color: rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered {
            border-color: rgba(255, 255, 255, 0.1) !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered td,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered th {
              border-color: rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-inverse tbody tr:nth-of-type(odd):hover td {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical tr,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical td {
            border-right: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody td {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-footer {
            background-color: #22242B;
            border-top: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch .switch-state {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch input:checked + .switch-state {
            background-color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bg-white {
            background-color: #22242B !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-l-light {
            border-left: 1px solid #1A1C23 !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-grid {
            stroke: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-label {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) hr {
            border-top: 1px solid rgba(255, 255, 255, 0.3); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .text-muted {
            color: rgba(255, 255, 255, 0.6) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-dark,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light-2x {
            color: #fff !important;
            border: 2px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x {
            border: 2px solid #fff !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:hover, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:focus {
              color: #051A1A; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light:hover {
            color: #000 !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right {
            border-right: 1px solid rgba(255, 255, 255, 0.3) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder .flot-text {
            color: rgba(255, 255, 255, 0.6) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder svg text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #gantt_chart.chart-overflow svg g rect:first-child {
            fill: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #gantt_chart.chart-overflow rect:nth-child(6) {
            fill: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #line-chart.chart-overflow rect, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #column-chart1.chart-overflow rect, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #column-chart2.chart-overflow rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > g > g > g text {
            fill: #b1b1b2; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > g > text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .radial-bar:after {
            background-color: #22242B;
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num {
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num .color-bottom {
              color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-r-light {
            border-right: 1px solid rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-labels .ct-label,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-labels .ct-label,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-labels .ct-label,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-labels .ct-label {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-grid,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-grid,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-grid,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-grid {
            stroke: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #browser-uses-chart svg text,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #website-visiter-chart svg text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 {
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 span {
              color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details span {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .clipboaard-container .form-control {
            background-color: #1A1C23;
            color: #98a6ad;
            border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .img-thumbnail {
            background-color: #1A1C23;
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper button {
            color: #000; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper.no-footer .dataTables_scrollBody {
            border-bottom: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-danger,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-success,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-primary {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length select {
            background-color: #1A1C23;
            color: rgba(255, 255, 255, 0.6);
            border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_info,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_processing,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate {
            border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter input[type="search"] {
            background-color: #1A1C23;
            border: 1px solid #1A1C23;
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr {
            background-color: #22242B; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover > .sorting_1,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr:hover > .sorting_1 {
              background-color: #1c212b; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd {
            background-color: #1f232b; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd > .sorting_1,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
              background-color: #1c212b; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
            background-color: #22262f; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable {
            border: 1px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead th,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead td {
              border-bottom: 2px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable input,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable select {
              background-color: #1A1C23;
              color: rgba(255, 255, 255, 0.6);
              border: 1px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody tr {
              background-color: #22242B; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody td.select-checkbox:before,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody th.select-checkbox:before {
              border: 1px solid #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .table-striped tbody tr:nth-of-type(odd) {
            --bs-table-accent-bg: #1d1e26; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button {
            color: rgba(255, 255, 255, 0.6) !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.current, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button:active {
              border-color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
            color: #98a6ad !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled :active {
              color: #98a6ad !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody td {
            border-top: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even:hover > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
            background-color: #191e27; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.hover tbody tr:hover,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover {
            background-color: #1c212b; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td {
            border-top: 1px solid #1A1C23;
            border-right: 1px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th:first-child,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td:first-child {
              border-left: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_2,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_3,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_2,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_3 {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #example-style-3_wrapper #example-style-3 tfoot {
            border-top: 2px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link {
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.disabled .page-link {
            background-color: #22242B;
            border-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link {
            color: rgba(255, 255, 255, 0.6);
            background-color: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item:hover .page-link {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.active .page-link {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .icon {
            color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num {
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num span {
              color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget span {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-container-small {
            background-color: #22242B;
            border-top: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td span,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td p {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table h6 {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs {
            border: none; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-item .nav-link {
              color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link.active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:focus, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:hover {
              color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a {
            background-color: #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-selected {
              background-color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a {
            border: 2px solid #1A1C23;
            background-color: #22242B;
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-selected {
              border: 2px solid var(--theme-deafult);
              color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-selected:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-active:after,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-selected:after,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-active:after {
            color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .scroll-demo {
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form input {
            border: 1px solid #1A1C23;
            color: rgba(255, 255, 255, 0.6);
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form .form-group:before {
            background: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-content {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(odd) .cd-timeline-content::before {
            border-left-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
            border-right-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .breadcrumb.bg-white {
            background-color: #22242B !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris-daily svg,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris svg,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #browser-uses-chart svg,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #website-visiter-chart svg {
            opacity: 0.5; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body #viewhtml .render {
          background-color: #22242B;
          color: rgba(255, 255, 255, 0.6);
          border-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .wizard-4 ul.anchor li a.disabled {
          color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description h4 {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description a > div {
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description p {
          color: #98a6ad; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-header {
          background-color: #22242B;
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell {
          background: #22242B;
          border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell input,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell input,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell input,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell input {
            background-color: #1A1C23;
            border-color: #1A1C23;
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell input:focus,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell input:focus,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell input:focus,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell input:focus {
              outline: none; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row select,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row select {
          background-color: #1A1C23;
          border-color: #1A1C23;
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-row > .jsgrid-cell {
          background-color: #22242B; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-alt-row > .jsgrid-cell {
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-body {
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-selected-row > .jsgrid-cell {
          background-color: #1c212b; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager [class*="jsgrid-pager"] {
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager .jsgrid-pager-page a {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-pager-current-page {
          color: rgba(255, 255, 255, 0.6);
          font-weight: 700; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .sub-title {
          border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .card .sub-title {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a {
          color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a:hover {
            color: var(--theme-deafult); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon .separator {
          border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according li .text-muted {
          color: rgba(255, 255, 255, 0.6) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon.default-according.style-1 li button:hover {
          color: var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li a {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover {
          color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover a {
            color: var(--theme-deafult); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div {
          background-color: #1A1C23;
          box-shadow: 0 0 14px 0 #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li p {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg path,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg line,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polyline,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polygon,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg rect {
            color: rgba(255, 255, 255, 0.6) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg path,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg line,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polyline,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polygon,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg rect {
            color: var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .onhover-dropdown:hover .onhover-show-div:before {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .btn-link {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body {
          color: #98a6ad; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body {
          border: 1px solid rgba(255, 255, 255, 0.1);
          border-top: none; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border {
          border: 1px solid rgba(255, 255, 255, 0.1) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-1 {
          border: 1px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-2 {
          border: 2px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .grid-showcase span.border-2 {
          border: 2px solid rgba(255, 255, 255, 0.1) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-3 {
          border: 3px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-4 {
          border: 4px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-5 {
          border: 5px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-6 {
          border: 6px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-7 {
          border: 7px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-8 {
          border: 8px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-9 {
          border: 9px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-10 {
          border: 10px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-primary {
          border: none !important;
          border-top: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-primary {
          border: none !important;
          border-bottom: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-primary {
          border: none !important;
          border-left: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-primary {
          border: none !important;
          border-right: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-primary {
          border: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-secondary {
          border: none !important;
          border-top: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-secondary {
          border: none !important;
          border-bottom: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-secondary {
          border: none !important;
          border-left: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-secondary {
          border: none !important;
          border-right: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-secondary {
          border: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-success {
          border: none !important;
          border-top: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-success {
          border: none !important;
          border-bottom: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-success {
          border: none !important;
          border-left: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-success {
          border: none !important;
          border-right: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-success {
          border: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-danger {
          border: none !important;
          border-top: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-danger {
          border: none !important;
          border-bottom: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-danger {
          border: none !important;
          border-left: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-danger {
          border: none !important;
          border-right: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-danger {
          border: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-warning {
          border: none !important;
          border-top: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-warning {
          border: none !important;
          border-bottom: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-warning {
          border: none !important;
          border-left: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-warning {
          border: none !important;
          border-right: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-warning {
          border: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-info {
          border: none !important;
          border-top: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-info {
          border: none !important;
          border-bottom: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-info {
          border: none !important;
          border-left: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-info {
          border: none !important;
          border-right: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-info {
          border: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-light {
          border: none !important;
          border-top: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-light {
          border: none !important;
          border-bottom: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-light {
          border: none !important;
          border-left: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-light {
          border: none !important;
          border-right: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-light {
          border: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-dark {
          border: none !important;
          border-top: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-dark {
          border: none !important;
          border-bottom: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-dark {
          border: none !important;
          border-left: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-dark {
          border: none !important;
          border-right: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-dark {
          border: 1px solid #2c323f !important; }
      body.dark-only .page-wrapper .page-body-wrapper .footer {
        border-top: 1px solid #1A1C23;
        background-color: #22242B; }
        body.dark-only .page-wrapper .page-body-wrapper .footer p {
          color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .custom-select,
      body.dark-only .page-wrapper .page-body-wrapper .custom-file-label {
        background: #1A1C23;
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .footer-fix {
        background-color: #22242B;
        border-top: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .note textarea {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .dt-button-info {
      background-color: #22242B;
      border: 1px solid #98a6ad; }
      body.dark-only .page-wrapper .dt-button-info h2 {
        background-color: #22242B; }
    body.dark-only .page-wrapper pre {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .scorlled {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .input-group-air {
      box-shadow: 0 3px 20px 0 #1A1C23; }
    body.dark-only .page-wrapper .input-group-text {
      background-color: #22242B;
      border: 1px solid #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .input-group-text i {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .input-group-solid .input-group-text,
    body.dark-only .page-wrapper .input-group-solid .form-control {
      background: #1A1C23;
      border: 1px solid #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .semilight-bg-color,
    body.dark-only .page-wrapper .header-bg-color {
      background-color: #fff; }
    body.dark-only .page-wrapper .list-group-item {
      background-color: #22242B;
      border: 1px solid rgba(255, 255, 255, 0.3);
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .list-group-item + .list-group-item {
        border-top-width: 0; }
      body.dark-only .page-wrapper .list-group-item.active {
        background-color: var(--theme-deafult) !important;
        border-color: var(--theme-deafult);
        color: #fff; }
      body.dark-only .page-wrapper .list-group-item:hover, body.dark-only .page-wrapper .list-group-item:focus {
        z-index: 1;
        text-decoration: none; }
    body.dark-only .page-wrapper .list-group-item-action:hover:not(.active), body.dark-only .page-wrapper .list-group-item-action:focus {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .list-group-flush .list-group-item {
      border-left: 0;
      border-right: 0;
      border-radius: 0; }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-primary {
      border-left: 4px solid var(--theme-deafult); }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-secondary {
      border-left: 4px solid var(--theme-secondary); }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-warning {
      border-left: 4px solid #FFAE1A; }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-success {
      border-left: 4px solid #00AC46; }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-info {
      border-left: 4px solid #173878; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-primary {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-secondary {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-warning {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-success {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-info {
      border-left: none; }
    body.dark-only .page-wrapper .list-group-item-primary {
      color: #004085;
      background-color: #b8daff; }
    body.dark-only .page-wrapper .list-group-item-secondary {
      color: #383d41;
      background-color: #d6d8db; }
    body.dark-only .page-wrapper .list-group-item-success {
      color: #155724;
      background-color: #c3e6cb; }
    body.dark-only .page-wrapper .list-group-item-danger {
      color: #721c24;
      background-color: #f5c6cb; }
    body.dark-only .page-wrapper .list-group-item-warning {
      color: #856404;
      background-color: #ffeeba; }
    body.dark-only .page-wrapper .list-group-item-info {
      color: #0c5460;
      background-color: #bee5eb; }
    body.dark-only .page-wrapper .list-group-item-light {
      color: #818182;
      background-color: #fdfdfe; }
    body.dark-only .page-wrapper .list-group-item-dark {
      color: #1b1e21;
      background-color: #c6c8ca; }
    body.dark-only .page-wrapper .auth-bg {
      background-blend-mode: overlay;
      background-color: rgba(54, 64, 74, 0.9); }
      body.dark-only .page-wrapper .auth-bg .authentication-box .card {
        background-color: #22242B; }
        body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group input {
          color: rgba(255, 255, 255, 0.6);
          background-color: #1A1C23;
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group label {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label {
          color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label::before {
            background-color: #1A1C23;
            border: 1px solid #1A1C23; }
      body.dark-only .page-wrapper .auth-bg .authentication-box h3,
      body.dark-only .page-wrapper .auth-bg .authentication-box h4,
      body.dark-only .page-wrapper .auth-bg .authentication-box h6 {
        color: #fff; }
    body.dark-only .page-wrapper .auth-bg-video {
      background-blend-mode: overlay;
      background-color: rgba(54, 64, 74, 0.7); }
      body.dark-only .page-wrapper .auth-bg-video .authentication-box h4,
      body.dark-only .page-wrapper .auth-bg-video .authentication-box h3 {
        color: #fff; }
      body.dark-only .page-wrapper .auth-bg-video .authentication-box h6 {
        color: #98a6ad; }
      body.dark-only .page-wrapper .auth-bg-video .authentication-box .card {
        background-color: #22242B; }
        body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type=text],
        body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type=password] {
          background-color: #1A1C23;
          border: 1px solid #1A1C23;
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .checkbox label::before {
          background-color: #1A1C23;
          border: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i {
      color: #1A1C23; }
    body.dark-only .page-wrapper .error-wrapper .maintenance-icons li:nth-child(3) i {
      color: #1A1C23; }
    body.dark-only .page-wrapper .modal-content {
      background-color: #22242B; }
      body.dark-only .page-wrapper .modal-content .modal-header {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
        body.dark-only .page-wrapper .modal-content .modal-header .modal-title {
          color: #fff; }
        body.dark-only .page-wrapper .modal-content .modal-header .close {
          color: #98a6ad; }
      body.dark-only .page-wrapper .modal-content .modal-footer {
        border-top: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .comingsoon {
      background-blend-mode: overlay;
      background-color: rgba(54, 64, 74, 0.9); }
      body.dark-only .page-wrapper .comingsoon .comingsoon-inner h5 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown {
        border-top: 1px solid #1A1C23;
        border-bottom: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown .title {
          color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .comingsoon .comingsoon-inner .coming-soon-bottom-link a {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .theme-form .login-divider {
      border-top: 1px solid #1A1C23; }
      body.dark-only .page-wrapper .theme-form .login-divider:before {
        background: #1A1C23;
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .authentication-main {
      background-color: #1A1C23; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .card {
        background-color: #22242B; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .reset-password-link {
        color: #98a6ad; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group label {
        color: #98a6ad; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group .form-control {
        background-color: #1A1C23;
        color: rgba(255, 255, 255, 0.6);
        border-color: #1A1C23; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .opt-box {
        background-color: #1A1C23; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h4 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h6 {
        color: #98a6ad; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h3 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card {
        background-color: #22242B; }
        body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type=text],
        body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type=password] {
          background-color: #1A1C23;
          border: 1px solid #1A1C23;
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .checkbox label::before {
          background-color: #1A1C23;
          border: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .vertical-menu-main {
      background-color: #22242B; }
    body.dark-only .page-wrapper .mega-menu .title {
      color: rgba(255, 255, 255, 0.6);
      border-bottom: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .mega-menu .list-unstyled div a:hover {
      color: var(--theme-deafult); }
    body.dark-only .page-wrapper .default-according .card {
      background-color: #22242B; }
      body.dark-only .page-wrapper .default-according .card .btn-link {
        background-color: #22242B;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: none;
        color: #fff; }
      body.dark-only .page-wrapper .default-according .card .text-muted {
        color: #98a6ad !important; }
    body.dark-only .page-wrapper .default-according .bg-primary .btn-link {
      background-color: var(--theme-deafult);
      border: 1px solid var(--theme-deafult); }
    body.dark-only .page-wrapper .default-according .bg-secondary .btn-link {
      background-color: var(--theme-secondary);
      border: 1px solid var(--theme-secondary); }
    body.dark-only .page-wrapper .collapse .card-body {
      background-color: #22242B; }
    body.dark-only .page-wrapper .balance-widget.card-body {
      background-color: #22242B;
      background-blend-mode: overlay; }
    @media screen and (max-width: 1660px) {
      body.dark-only .page-wrapper .caller-img img {
        opacity: 0.7; } }
    @media only screen and (max-width: 1199px) {
      body.dark-only .page-wrapper .mobile-title.d-none {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      body.dark-only .page-wrapper .chat-menu {
        border-top: 1px solid #1A1C23;
        background-color: #22242B; }
      body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i {
        color: #2c323f; } }
    @media only screen and (max-width: 575.98px) {
      body.dark-only .page-wrapper .user-profile .hovercard .info .user-designation {
        border-top: 1px solid #1A1C23;
        border-bottom: 1px solid #1A1C23; }
      body.dark-only .page-wrapper .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, body.dark-only .page-wrapper .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
        border-right: 1px solid rgba(255, 255, 255, 0.1); } }
  body.dark-only .lg-backdrop {
    background-color: #1A1C23; }
  body.dark-only .lg-outer .lg-thumb-outer {
    background-color: #22242B; }
  body.dark-only .drag {
    background-color: #22242B; }
    body.dark-only .drag form {
      background: #22242B;
      box-shadow: 0 0 30px #1A1C23;
      border: 1px dotted #1A1C23; }
      body.dark-only .drag form input {
        background-color: #1A1C23;
        border: 1px solid #1A1C23;
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .drag form .help-block {
        text-transform: capitalize;
        color: #98a6ad; }
  body.dark-only .draggable input {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid #1A1C23; }
  body.dark-only .draggable p {
    color: #98a6ad; }
  body.dark-only .draggable select {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid #1A1C23; }
  body.dark-only .draggable .radio label::before,
  body.dark-only .draggable .checkbox label::before {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only .select2-container--default .select2-selection--multiple,
  body.dark-only .select2-container--default .select2-selection--single {
    background-color: #1A1C23;
    border: 1px solid #1A1C23 !important; }
  body.dark-only .select2-container--default .select2-search--inline .select2-search__field {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #22242B !important;
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .select2-dropdown {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only .select2-drpdwn .form-control-primary {
    border-color: var(--theme-deafult) !important;
    color: var(--theme-deafult) !important; }
  body.dark-only .select2-drpdwn .form-control-secondary {
    border-color: var(--theme-secondary) !important;
    color: var(--theme-secondary) !important; }
  body.dark-only .select2-drpdwn .form-control-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important; }
  body.dark-only .select2-drpdwn .form-control-info {
    border-color: #173878 !important;
    color: #173878 !important; }
  body.dark-only .select2-drpdwn .form-control-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important; }
  body.dark-only .select2-drpdwn .form-control-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important; }
  body.dark-only .select2-drpdwn .form-control-inverse {
    border-color: #fff !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-primary-fill {
    background-color: var(--theme-deafult) !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-secondary-fill {
    background-color: var(--theme-secondary) !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-success-fill {
    background-color: #00AC46 !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-info-fill {
    background-color: #173878 !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-warning-fill {
    background-color: #FFAE1A !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-danger-fill {
    background-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-inverse-fill {
    background-color: #fff !important;
    color: #000 !important; }
  body.dark-only .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #1A1C23; }
  body.dark-only .theme-form .form-group select.form-control:not([size]):not([multiple]) {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border-color: #1A1C23; }
  body.dark-only .theme-form .form-group input[type=text],
  body.dark-only .theme-form .form-group input[type=email],
  body.dark-only .theme-form .form-group input[type=search],
  body.dark-only .theme-form .form-group input[type=password],
  body.dark-only .theme-form .form-group input[type=number],
  body.dark-only .theme-form .form-group input[type=tel],
  body.dark-only .theme-form .form-group input[type=date],
  body.dark-only .theme-form .form-group input[type=datetime-local],
  body.dark-only .theme-form .form-group input[type=time],
  body.dark-only .theme-form .form-group input[type=datetime-local],
  body.dark-only .theme-form .form-group input[type=month],
  body.dark-only .theme-form .form-group input[type=week],
  body.dark-only .theme-form .form-group input[type=url],
  body.dark-only .theme-form .form-group input[type=file],
  body.dark-only .theme-form .form-group select {
    border-color: #1A1C23;
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .theme-form .form-group input[type=text]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=email]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=search]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=password]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=number]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=tel]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=date]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=datetime-local]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=time]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=datetime-local]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=month]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=week]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=url]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=file]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group select::-webkit-input-placeholder {
      color: #98a6ad; }
  body.dark-only .theme-form .form-group .form-control {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .theme-form .form-group textarea {
    border-color: #1A1C23; }
  body.dark-only .theme-form .form-divider {
    border-top: 1px solid #1A1C23; }
    body.dark-only .theme-form .form-divider::before {
      background: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .CodeMirror {
    background: #22242B;
    border: 1px solid #98a6ad;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .CodeMirror .CodeMirror-code pre {
      background: #22242B; }
  body.dark-only .editor-toolbar {
    border-top: 1px solid #98a6ad;
    border-left: 1px solid #98a6ad;
    border-right: 1px solid #98a6ad; }
    body.dark-only .editor-toolbar a {
      color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .editor-toolbar a:hover, body.dark-only .editor-toolbar a.active {
        background: #1A1C23; }
    body.dark-only .editor-toolbar i.separator {
      border-left: 1px solid #98a6ad;
      border-right: 1px solid #98a6ad; }
    body.dark-only .editor-toolbar.fullscreen::before {
      background: linear-gradient(to right, #1A1C23 0, rgba(0, 0, 0, 0) 100%); }
    body.dark-only .editor-toolbar.fullscreen::after {
      background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, #1A1C23 100%); }
  body.dark-only .editor-toolbar.disabled-for-preview a:not(.no-disable) {
    background: #1A1C23; }
  body.dark-only .editor-preview {
    background-color: #22242B; }
  body.dark-only .editor-toolbar.fullscreen,
  body.dark-only .editor-preview-side {
    background: #22242B;
    border: 1px solid #98a6ad; }
  body.dark-only .u-step {
    background: #1A1C23; }
    body.dark-only .u-step.active, body.dark-only .u-step.current {
      background: var(--theme-deafult);
      color: #fff; }
  body.dark-only .u-step-title,
  body.dark-only .u-pearl-title {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .u-step-number {
    background-color: #22242B; }
  body.dark-only .u-pearl:before {
    background-color: #1A1C23; }
  body.dark-only .u-pearl-number,
  body.dark-only .u-pearl-icon {
    background: #1A1C23;
    border: 2px solid #1A1C23; }
  body.dark-only .u-pearl.disabled .u-pearl-icon,
  body.dark-only .u-pearl.disabled .u-pearl-number {
    background: #1A1C23;
    border: 2px solid #1A1C23; }
  body.dark-only .u-pearl.disabled:after {
    background-color: #334053; }
  body.dark-only .u-pearl.error:after {
    background-color: #1A1C23; }
  body.dark-only .note-editor.note-frame {
    border-color: #1A1C23; }
    body.dark-only .note-editor.note-frame .note-editing-area .note-editable {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .swal-modal {
    background-color: #22242B; }
    body.dark-only .swal-modal .swal-title {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .swal-modal .swal-text {
      color: #98a6ad; }
    body.dark-only .swal-modal .swal-content__input {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .nav-tabs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .nav-tabs .nav-link {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .nav-tabs .nav-link.active {
        background-color: #22242B;
        color: rgba(255, 255, 255, 0.6);
        border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) #22242B; }
      body.dark-only .nav-tabs .nav-link:hover, body.dark-only .nav-tabs .nav-link:focus {
        border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) #323846; }
    body.dark-only .nav-tabs .nav-item.show .nav-link {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6);
      border-color: #1A1C23 #1A1C23 #22242B; }
  body.dark-only .nav-primary .nav-link.active {
    background-color: var(--theme-deafult); }
  body.dark-only .nav-primary .nav-item.show .nav-link {
    background-color: var(--theme-deafult); }
  body.dark-only .custom-tab.nav-tabs {
    border-bottom: none; }
  body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.active, body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.focus, body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.hover {
    border-color: #22242B #1A1C23 #1A1C23; }
  body.dark-only .border-tab .nav-link.active {
    background-color: transparent; }
  body.dark-only .border-tab .show > .nav-link {
    background-color: transparent; }
  body.dark-only .email-wrap .media-body h6 {
    color: #fff; }
  body.dark-only .email-wrap .media-body p {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .email-wrap .email-app-sidebar ul li a > .title {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .email-wrap .main-menu > li a:hover {
    background-color: #1A1C23; }
  body.dark-only .email-wrap .main-menu > li a:active {
    background-color: #1A1C23; }
  body.dark-only .border-tab.nav-left .nav-link,
  body.dark-only .border-tab.nav-right .nav-link {
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .border-tab.nav-left .nav-link.active,
    body.dark-only .border-tab.nav-right .nav-link.active {
      color: var(--theme-deafult); }
  body.dark-only .border-tab.nav-left .show > .nav-link,
  body.dark-only .border-tab.nav-right .show > .nav-link {
    color: var(--theme-deafult); }
  body.dark-only .border-tab.nav-left.nav-secondary .nav-link.active, body.dark-only .border-tab.nav-left.nav-secondary .nav-link:focus, body.dark-only .border-tab.nav-left.nav-secondary .nav-link:hover {
    border-left-color: var(--theme-secondary);
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-left.nav-secondary .show > .nav-link {
    border-left-color: var(--theme-secondary);
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-left.nav-secondary .nav-item.show {
    color: var(--theme-secondary) !important;
    border-left-color: var(--theme-secondary); }
  body.dark-only .border-tab.nav-left.nav-success .nav-link.active, body.dark-only .border-tab.nav-left.nav-success .nav-link:focus, body.dark-only .border-tab.nav-left.nav-success .nav-link:hover {
    color: #00AC46 !important; }
  body.dark-only .border-tab.nav-left.nav-success .show > .nav-link {
    border-left-color: #00AC46;
    color: #00AC46 !important; }
  body.dark-only .border-tab.nav-left.nav-success .nav-item.show {
    color: #00AC46 !important;
    border-left-color: #00AC46; }
  body.dark-only .border-tab.nav-right.nav-info .nav-link.active, body.dark-only .border-tab.nav-right.nav-info .nav-link:focus, body.dark-only .border-tab.nav-right.nav-info .nav-link:hover {
    color: #173878 !important; }
  body.dark-only .border-tab.nav-right.nav-info .show > .nav-link {
    border-left-color: #173878;
    color: #173878 !important; }
  body.dark-only .border-tab.nav-right.nav-info .nav-item.show {
    color: #173878 !important;
    border-left-color: #173878; }
  body.dark-only .border-tab.nav-secondary .nav-link.active, body.dark-only .border-tab.nav-secondary .nav-link:focus, body.dark-only .border-tab.nav-secondary .nav-link:hover {
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-secondary .nav-item.show {
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-success .nav-link.active, body.dark-only .border-tab.nav-success .nav-link:focus, body.dark-only .border-tab.nav-success .nav-link:hover {
    color: #00AC46 !important; }
  body.dark-only .border-tab.nav-success .nav-item.show {
    color: #00AC46 !important; }
  body.dark-only .dropdown-divider {
    border-top: 1px solid #1A1C23; }
  body.dark-only .icon-hover-bottom {
    background-color: #22242B;
    box-shadow: 0px 0px 1px 1px #1A1C23; }
    body.dark-only .icon-hover-bottom .icon-title {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .icon-hover-bottom span {
      color: #98a6ad; }
    body.dark-only .icon-hover-bottom .form-group input {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6);
      border: 1px solid #1A1C23; }
    body.dark-only .icon-hover-bottom .icon-first i {
      color: #98a6ad; }
  body.dark-only code {
    background-color: #1A1C23;
    border-radius: 2px; }
  body.dark-only #cd-timeline::before {
    background: #1A1C23; }
  body.dark-only .timeliny {
    border-top: 1px solid #1A1C23;
    border-bottom: 1px solid #1A1C23; }
    body.dark-only .timeliny::before {
      background-color: #fff; }
    body.dark-only .timeliny .timeliny-dot {
      background-color: #22242B;
      border: 1px solid #fff; }
      body.dark-only .timeliny .timeliny-dot::before {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::before {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::after {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6);
      border: none; }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover {
      background-color: #fff; }
      body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover::before {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock .timeliny-dot:hover::after {
      background-color: #22242B;
      border: 1px solid #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .todo .todo-list-wrapper #todo-list li .task-container {
    background: #22242B;
    border-bottom: 1px solid #1A1C23; }
    body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-label {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .todo .todo-list-wrapper #todo-list li .task-container:hover h4 {
      color: #fff; }
    body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover:not(.active) {
      background: #22242B;
      border: 1px solid #1A1C23; }
  body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label {
    color: var(--theme-deafult); }
  body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover {
    border: 1px solid #00AC46 !important; }
  body.dark-only .todo .todo-list-wrapper .todo-list-footer .new-task-wrapper textarea {
    background-color: #22242B;
    border: 1px solid #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .ttl-info h6 {
    color: #98a6ad; }
  body.dark-only .user-profile .ttl-info span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .hovercard .info .title a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .hovercard .user-image .avatar img {
    border: 10px solid #22242B; }
  body.dark-only .user-profile .hovercard .user-image .icon-wrapper {
    background-color: #22242B; }
  body.dark-only .user-profile .hovercard .tabs-scoial {
    border-bottom: none !important; }
  body.dark-only .user-profile .follow .follow-num {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .profile-img-style .user-name {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .profile-img-style p {
    color: #98a6ad; }
  body.dark-only .introjs-helperLayer {
    background-color: rgba(54, 64, 74, 0.9);
    border: rgba(255, 255, 255, 0.5); }
  body.dark-only .jstree-default .jstree-node,
  body.dark-only .jstree-default .jstree-icon {
    color: #455869 !important; }
  body.dark-only .jstree-default .jstree-anchor {
    color: #98a6ad; }
  body.dark-only .jstree-default .jstree-clicked {
    color: #fff;
    background-color: transparent; }
  body.dark-only .jstree-default .jstree-hovered {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only span.twitter-typeahead .tt-menu {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only span.twitter-typeahead .tt-suggestion {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only span.twitter-typeahead .tt-suggestion:hover, body.dark-only span.twitter-typeahead .tt-suggestion:focus {
      background-color: #22242B; }
  body.dark-only .typography small {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .code-box-copy pre {
    background-color: #1A1C23; }
    body.dark-only .code-box-copy pre code {
      background-color: #1A1C23; }
  body.dark-only .code-box-copy pre[class*="language-"] {
    border: 1px solid #1A1C23; }
  body.dark-only .code-box-copy .code-box-copy__btn {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    color: #fff; }
  body.dark-only .code-box-copy code[class*=language-],
  body.dark-only .code-box-copy pre[class*=language-] {
    text-shadow: 0px 1px #000; }
    body.dark-only .code-box-copy code[class*=language-] ::selection,
    body.dark-only .code-box-copy pre[class*=language-] ::selection {
      text-shadow: none;
      background: #22242B; }
  body.dark-only table.fixedHeader-floating {
    background-color: #1A1C23; }
  body.dark-only .note textarea {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .dt-button-info {
    background-color: #22242B;
    border: 1px solid #1A1C23; }
    body.dark-only .dt-button-info h2 {
      background-color: #22242B;
      border-bottom: 1px solid #1A1C23; }
  body.dark-only pre {
    background-color: #1A1C23; }
  body.dark-only #keytable_wrapper .dataTables_paginate,
  body.dark-only #column-selector_wrapper .dataTables_paginate,
  body.dark-only #auto-fill_wrapper .dataTables_paginate,
  body.dark-only #custom-button_wrapper .dataTables_paginate,
  body.dark-only #class-button_wrapper .dataTables_paginate,
  body.dark-only #keyboard-btn_wrapper .dataTables_paginate,
  body.dark-only #multilevel-btn_wrapper .dataTables_paginate,
  body.dark-only #pagelength-btn_wrapper .dataTables_paginate,
  body.dark-only #basic-colreorder_wrapper .dataTables_paginate,
  body.dark-only #state-saving_wrapper .dataTables_paginate,
  body.dark-only #real-time_wrapper .dataTables_paginate,
  body.dark-only #basic-fixed-header_wrapper .dataTables_paginate,
  body.dark-only #fixed-header-footer_wrapper .dataTables_paginate,
  body.dark-only #export-button_wrapper .dataTables_paginate,
  body.dark-only #excel-cust-bolder_wrapper .dataTables_paginate,
  body.dark-only #cust-json_wrapper .dataTables_paginate,
  body.dark-only #basic-key-table_wrapper .dataTables_paginate,
  body.dark-only #focus-cell_wrapper .dataTables_paginate,
  body.dark-only #responsive_wrapper .dataTables_paginate,
  body.dark-only #new-cons_wrapper .dataTables_paginate,
  body.dark-only #show-hidden-row_wrapper .dataTables_paginate,
  body.dark-only #basic-row-reorder_wrapper .dataTables_paginate,
  body.dark-only #full-row_wrapper .dataTables_paginate,
  body.dark-only #rest-column_wrapper .dataTables_paginate {
    border: none; }
  body.dark-only #example-style-8_wrapper table.dataTable.stripe tbody tr.odd,
  body.dark-only #example-style-8_wrapper table.dataTable.display tbody tr.odd {
    background-color: #1A1C23; }
  body.dark-only .error-wrapper {
    background-color: rgba(54, 64, 74, 0.8); }
    body.dark-only .error-wrapper .sub-content {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .b-light {
    border: 1px solid #1A1C23 !important; }
  body.dark-only .modal-content {
    background-color: #22242B; }
    body.dark-only .modal-content .modal-header {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      body.dark-only .modal-content .modal-header h3 {
        color: #fff; }
      body.dark-only .modal-content .modal-header .close {
        color: rgba(255, 255, 255, 0.6);
        font-weight: 400; }
    body.dark-only .modal-content .ui-front .form-control {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6);
      border: 1px solid rgba(255, 255, 255, 0.3); }
  body.dark-only .modal .theme-close {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .token.atrule,
  body.dark-only .token.attr-value,
  body.dark-only .token.keyword {
    color: #173878; }
  body.dark-only .token.boolean, body.dark-only .token.constant, body.dark-only .token.deleted, body.dark-only .token.number, body.dark-only .token.property, body.dark-only .token.symbol, body.dark-only .token.tag {
    color: #FE6A49; }
  body.dark-only .loader-box.card-loader {
    background-color: #22242B; }
  body.dark-only .my-gallery.gallery-with-description img {
    border: 1px solid #1A1C23 !important;
    border-bottom: none !important; }
  body.dark-only .alert-primary.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-secondary.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-success.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-danger.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-warning.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-info.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-light.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-dark.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-theme span + span + span {
    border-left: 5px solid var(--theme-deafult);
    background-color: #1A1C23;
    border-radius: 4px; }
  body.dark-only .alert-theme i {
    color: #fff;
    padding: 20px;
    margin-right: 20px !important; }
  body.dark-only .user-card .user-deatils h6 {
    color: #98a6ad; }
  body.dark-only .user-card .card-footer > div:first-child {
    border-right: 1px solid #1A1C23; }
  body.dark-only .user-card .card-footer .user-footer h6 {
    color: #98a6ad; }
  body.dark-only .user-card .card-footer .user-footer svg path,
  body.dark-only .user-card .card-footer .user-footer svg rect {
    color: #98a6ad; }
  body.dark-only .order-history table .qty-box button {
    background-color: #1A1C23 !important;
    border: none !important; }
  body.dark-only .order-history table .qty-box .input-group {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .order-history table thead tr th {
    background-color: #1A1C23; }
  body.dark-only .order-history table tr td,
  body.dark-only .order-history table tr th {
    border-top: none !important; }
  body.dark-only .order-history .title-orders {
    background-color: #1A1C23; }
  body.dark-only .navigation-option ul li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .navigation-option ul li:hover {
    background-color: #1A1C23; }
  body.dark-only .product-box .product-details h6 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .product-box .product-details > a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .product-box .product-details span {
    color: #98a6ad; }
  body.dark-only .product-box .product-img .product-hover ul li {
    background-color: #22242B; }
    body.dark-only .product-box .product-img .product-hover ul li:hover {
      background-color: #000;
      color: #fff; }
  body.dark-only .browse .browse-articles ul li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .browse .browse-articles ul li:hover {
    background-color: #1A1C23; }
  body.dark-only .radio-primary input[type="radio"] + label::before {
    border-color: var(--theme-deafult) !important; }
  body.dark-only .radio-primary input[type="radio"] + label::after {
    background-color: var(--theme-deafult); }
  body.dark-only .radio-primary input[type="radio"]:checked + label::before {
    border-color: var(--theme-deafult) !important; }
  body.dark-only .radio-primary input[type="radio"]:checked + label::after {
    background-color: var(--theme-deafult); }
  body.dark-only .radio-secondary input[type="radio"] + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-secondary input[type="radio"] + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-secondary input[type="radio"]:checked + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-secondary input[type="radio"]:checked + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-success input[type="radio"] + label::before {
    border-color: #00AC46 !important; }
  body.dark-only .radio-success input[type="radio"] + label::after {
    background-color: #00AC46; }
  body.dark-only .radio-success input[type="radio"]:checked + label::before {
    border-color: #00AC46 !important; }
  body.dark-only .radio-success input[type="radio"]:checked + label::after {
    background-color: #00AC46; }
  body.dark-only .radio-danger input[type="radio"] + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-danger input[type="radio"] + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-danger input[type="radio"]:checked + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-danger input[type="radio"]:checked + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-info input[type="radio"] + label::before {
    border-color: #173878 !important; }
  body.dark-only .radio-info input[type="radio"] + label::after {
    background-color: #173878; }
  body.dark-only .radio-info input[type="radio"]:checked + label::before {
    border-color: #173878 !important; }
  body.dark-only .radio-info input[type="radio"]:checked + label::after {
    background-color: #173878; }
  body.dark-only .radio-light input[type="radio"] + label::before {
    border-color: #E6E9EB !important; }
  body.dark-only .radio-light input[type="radio"] + label::after {
    background-color: #E6E9EB; }
  body.dark-only .radio-light input[type="radio"]:checked + label::before {
    border-color: #E6E9EB !important; }
  body.dark-only .radio-light input[type="radio"]:checked + label::after {
    background-color: #E6E9EB; }
  body.dark-only .radio-dark input[type="radio"] + label::before {
    border-color: #2c323f !important; }
  body.dark-only .radio-dark input[type="radio"] + label::after {
    background-color: #2c323f; }
  body.dark-only .radio-dark input[type="radio"]:checked + label::before {
    border-color: #2c323f !important; }
  body.dark-only .radio-dark input[type="radio"]:checked + label::after {
    background-color: #2c323f; }
  body.dark-only .radio-warning input[type="radio"] + label::before {
    border-color: #FFAE1A !important; }
  body.dark-only .radio-warning input[type="radio"] + label::after {
    background-color: #FFAE1A; }
  body.dark-only .radio-warning input[type="radio"]:checked + label::before {
    border-color: #FFAE1A !important; }
  body.dark-only .radio-warning input[type="radio"]:checked + label::after {
    background-color: #FFAE1A; }
  body.dark-only .checkbox-primary label::before {
    border-color: var(--theme-deafult) !important; }
  body.dark-only .checkbox-secondary label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .checkbox-success label::before {
    border-color: #00AC46 !important; }
  body.dark-only .checkbox-danger label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .checkbox-info label::before {
    border-color: #173878 !important; }
  body.dark-only .checkbox-light label::before {
    border-color: #E6E9EB !important; }
  body.dark-only .checkbox-dark label::before {
    border-color: #2c323f !important; }
  body.dark-only .checkbox-warning label::before {
    border-color: #FFAE1A !important; }
  body.dark-only .checkbox-solid-primary label:before {
    background-color: var(--theme-deafult) !important;
    border-color: var(--theme-deafult) !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-primary input[type="checkbox"]:checked + label::before {
    background-color: var(--theme-deafult) !important;
    border-color: var(--theme-deafult) !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-primary input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-secondary label:before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-secondary input[type="checkbox"]:checked + label::before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-secondary input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-success label:before {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-success input[type="checkbox"]:checked + label::before {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-success input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-danger label:before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-danger input[type="checkbox"]:checked + label::before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-danger input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-info label:before {
    background-color: #173878 !important;
    border-color: #173878 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-info input[type="checkbox"]:checked + label::before {
    background-color: #173878 !important;
    border-color: #173878 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-info input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-light label:before {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-light input[type="checkbox"]:checked + label::before {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-light input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-dark label:before {
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-dark input[type="checkbox"]:checked + label::before {
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-dark input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-warning label:before {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-warning input[type="checkbox"]:checked + label::before {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-warning input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .bootstrap-datetimepicker-widget ul li {
    color: rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .bootstrap-datetimepicker-widget tr th:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td:hover {
    background-color: #22242B; }
  body.dark-only .bootstrap-datetimepicker-widget tr th span:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td span:hover {
    background-color: #22242B; }
  body.dark-only .bootstrap-datetimepicker-widget tr th.prev:hover, body.dark-only .bootstrap-datetimepicker-widget tr th.next:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td.prev:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td.next:hover {
    background-color: #22242B; }
  body.dark-only .bootstrap-datetimepicker-widget tr:first-child th:hover {
    background-color: #22242B; }
  body.dark-only .btn-transparent {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only #cal-basic .fc-toolbar .fc-left .fc-next-button .fc-icon-right-single-arrow:after,
  body.dark-only #cal-basic .fc-toolbar .fc-right .fc-next-button .fc-icon-right-single-arrow:after {
    color: #98a6ad; }
  body.dark-only #cal-basic .fc-toolbar .fc-left .fc-prev-button .fc-icon-left-single-arrow:after,
  body.dark-only #cal-basic .fc-toolbar .fc-right .fc-prev-button .fc-icon-left-single-arrow:after {
    color: #98a6ad; }
  body.dark-only #cal-basic .fc-toolbar .fc-left .fc-button-group .fc-month-button {
    color: #fff !important; }
  body.dark-only .fc-button-group .fc-basicWeek-button,
  body.dark-only .fc-button-group .fc-basicDay-button,
  body.dark-only .fc-button-group .fc-agendaWeek-button,
  body.dark-only .fc-button-group .fc-agendaDay-button {
    color: #000 !important; }
  body.dark-only .fc-button-group .fc-month-button {
    color: #fff !important; }
  body.dark-only .btn-light.active.active:not([disabled]):not(.disabled) {
    background-color: #1A1C23 !important;
    color: rgba(255, 255, 255, 0.3) !important; }
  body.dark-only .btn-light.disabled, body.dark-only .btn-light:disabled {
    color: rgba(5, 26, 26, 0.5) !important; }
  body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-month-button,
  body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .btn-light {
    color: #000 !important; }
  body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button {
    color: #fff !important; }
    body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button:hover {
      color: #000 !important; }
  body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
  body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .btn-light,
  body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
  body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .btn-light,
  body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
  body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .btn-light {
    color: #000 !important; }
  body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button,
  body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button,
  body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button {
    color: #fff !important; }
    body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover,
    body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover,
    body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover {
      color: #000 !important; }
  body.dark-only .categories ul li a {
    color: #98a6ad; }
  body.dark-only .categories ul li:hover {
    background-color: #1A1C23; }
  body.dark-only .socialprofile .likes-profile h5 span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .socialprofile span {
    color: #98a6ad; }
  body.dark-only .social-status .media .media-body span + span {
    color: #98a6ad; }
  body.dark-only .social-status .media .media-body p,
  body.dark-only .social-status .media .media-body .light-span {
    color: #98a6ad; }
  body.dark-only .filter-cards-view p,
  body.dark-only .timeline-content p {
    color: #98a6ad; }
  body.dark-only .filter-cards-view .comment-number i,
  body.dark-only .timeline-content .comment-number i {
    color: #98a6ad; }
  body.dark-only .filter-cards-view .comments-box .input-group .form-control,
  body.dark-only .timeline-content .comments-box .input-group .form-control {
    border: none !important; }
  body.dark-only .filter-cards-view .comments-box .input-group .input-group-append,
  body.dark-only .timeline-content .comments-box .input-group .input-group-append {
    background-color: #1A1C23; }
  body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input {
    background-color: #1A1C23;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top-left-radius: 7px !important;
    border-bottom-left-radius: 7px !important; }
    body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input:focus {
      box-shadow: unset; }
    body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input::placeholder {
      color: rgba(255, 255, 255, 0.3); }
  body.dark-only .social-chat .flex-grow-1 {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .social-chat .flex-grow-1:after {
      border-right: 7px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .social-chat .flex-grow-1 .input-group input {
      background-color: #1A1C23; }
  body.dark-only .social-chat span span {
    color: #98a6ad; }
  body.dark-only .details-about .your-details p {
    color: #98a6ad; }
  body.dark-only .activity-log .my-activity p {
    color: #98a6ad; }
  body.dark-only .bookmark ul li a {
    color: rgba(255, 255, 255, 0.6); }
  @media only screen and (max-width: 991.98px) {
    body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      border-right: 1px solid rgba(255, 255, 255, 0.1); } }
  @media only screen and (max-width: 767.98px) {
    body.dark-only .page-wrapper.material-icon .page-header {
      background-color: #22242B; } }
  body.dark-only .apexcharts-tooltip.light {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #1A1C23; }
    body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
      border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-label,
    body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-value {
      color: #fff; }
  body.dark-only .dark-txt p strong {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .live-dark .btn-close {
    filter: initial; }
  body.dark-only .alert-light {
    color: #1A1C23 !important; }
  body.dark-only .dark-input-type .input-group .input-group-text {
    background: transparent;
    border: unset; }
  body.dark-only .dropdown-menu {
    background-color: #1A1C23; }
  body.dark-only .leaflet-control-zoom span {
    color: #051A1A; }
  body.dark-only .heading-dropdown .dropdown-menu > li:first-child > a {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .heading-dropdown .dropdown-menu a.dropdown-item {
    color: rgba(255, 255, 255, 0.1); }
  body.dark-only .dark-accordion .accordion-item {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .dark-accordion .accordion-item .accordion-collapse p {
      color: rgba(255, 255, 255, 0.3); }
    body.dark-only .dark-accordion .accordion-item .accordion-collapse .accordion-body {
      background-color: #22242B; }
      body.dark-only .dark-accordion .accordion-item .accordion-collapse .accordion-body h6 {
        border: 0; }
  body.dark-only .dark-accordion .collapse-wrapper {
    color: #1A1C23; }
  body.dark-only .dark-accordion.card {
    border-radius: unset; }
  body.dark-only .accordions-content li {
    color: rgba(255, 255, 255, 0.3); }
  body.dark-only .dark-list .list-group .list-group-item + .list-group-item {
    border-top-width: 1px; }
  body.dark-only .dark-list .list-group .list-group-item .form-check-input {
    border: 1px solid rgba(255, 255, 255, 0.6);
    background-color: transparent; }
  body.dark-only .dark-list .list-light-dark {
    background-color: #1A1C23; }
  body.dark-only .card-wrapper .sub-title {
    border-bottom: unset !important; }
  body.dark-only .dark-blockquote .blockquote p {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .dark-sign-up h3 {
    color: #22242B; }
  body.dark-only .dark-sign-up p {
    color: #22242B; }
  body.dark-only .dark-sign-up .modal-body form .form-label {
    color: #1f2533; }
  body.dark-only .dark-sign-up .modal-body form .form-check .form-check-label {
    color: #1f2533; }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header svg {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header h6 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body svg {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body p {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-toggle-wrapper .dark-toggle-btn {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .social-profile {
    background-attachment: fixed; }
    body.dark-only .social-profile .social-details h5 a {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .dark-helper {
    background-color: rgba(26, 28, 35, 0.4); }
    body.dark-only .dark-helper h6,
    body.dark-only .dark-helper span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .dark-helper .text-muted {
      color: #22242B !important; }
  body.dark-only .font-dark {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .treejs .treejs-node__disabled {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .treejs .treejs-switcher:before {
    border-top: 4px solid rgba(255, 255, 255, 0.6); }
  body.dark-only .irs-min,
  body.dark-only .irs-max {
    color: #98a6ad;
    background-color: #323846; }
  body.dark-only .ribbon-wrapper.alert-light-light,
  body.dark-only .ribbon-wrapper-bottom.alert-light-light,
  body.dark-only .ribbon-vertical-left-wrapper.alert-light-light,
  body.dark-only .ribbon-wrapper-right.alert-light-light,
  body.dark-only .ribbon-vertical-right-wrapper.alert-light-light {
    background-color: #323846; }
  body.dark-only .pagination .page-item .page-link.rounded-circle {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .dark-timeline .date-content {
    color: rgba(255, 255, 255, 0.6) !important;
    background-color: #1A1C23 !important; }
  body.dark-only .student-leader-wrapper .student-leader-content {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .attendance-card .left-overview-content .svg-box {
    box-shadow: unset;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .task-table .main-task-wrapper .square-white {
    box-shadow: unset;
    border: 1px solid transparent; }
  body.dark-only .income-wrapper ul li + li {
    border-left: 1px dashed rgba(255, 255, 255, 0.1); }
    @media (max-width: 1735px) {
      body.dark-only .income-wrapper ul li + li {
        border-left: unset; } }
  body.dark-only .icons-box-2 .open-options .dropdown-menu {
    background-color: #1A1C23; }
  body.dark-only .performance-wrapper .performance-right p {
    color: var(--body-font-color); }
  body.dark-only .main-product-wrapper .product-body .product-search.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    color: #98a6ad; }
  body.dark-only .main-product-wrapper .product-body .product-search.input-group .input-group-text {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .main-product-wrapper .product-body .product-search.input-group .form-control {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-left: unset;
    background-color: #22242B; }
    [dir="rtl"] body.dark-only .main-product-wrapper .product-body .product-search.input-group .form-control {
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-right: unset; }
  body.dark-only .our-product-wrapper {
    box-shadow: 0px 3px 17px rgba(113, 113, 137, 0.18); }
  body.dark-only .grid-showcase span {
    background-color: #1A1C23; }
  body.dark-only .grid-showcase .grid-wrapper {
    background-color: #1A1C23; }
  body.dark-only .custom-input #validationCustom03.form-control,
  body.dark-only .custom-input #validationCustom03 .form-select,
  body.dark-only .custom-input #validationCustom05.form-control,
  body.dark-only .custom-input #validationCustom05 .form-select,
  body.dark-only .custom-input #validationCustomUsername.form-control,
  body.dark-only .custom-input #validationCustomUsername .form-select {
    border-color: #1A1C23; }
  body.dark-only .form-control[type=file]:not(:disabled):not([readonly]) {
    color: rgba(255, 255, 255, 0.2);
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .custom-input .form-control,
  body.dark-only .custom-input .form-select {
    background-color: #1A1C23 !important;
    border-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link:active .vertical-wizard .vertical-wizard-content h6, body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link.active .vertical-wizard .vertical-wizard-content h6 {
    color: #98a6ad; }
  body.dark-only td.highlight {
    background-color: #1f232b !important; }
  body.dark-only .card-wrapper .form-control,
  body.dark-only .dark-field .form-control {
    background-color: #1A1C23;
    border-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .form-control-sm {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .dark-inputs .form-control.btn-square {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .dark-inputs .form-control.btn-pill {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .dark-inputs .form-control.input-air-primary {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard {
    color: #1A1C23; }
  body.dark-only .touchspin-wrapper input.input-touchspin[type="number"],
  body.dark-only .pre-post-touchspin input.input-touchspin[type="number"] {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .variation-box .selection-box input[type=checkbox]:checked ~ div {
    color: #fff; }
  body.dark-only .flatpickr-calendar {
    box-shadow: unset; }
    body.dark-only .flatpickr-calendar.animate {
      background-color: #1A1C23; }
  body.dark-only .flatpickr-current-month .flatpickr-monthDropdown-months {
    color: #fff !important; }
  body.dark-only .flatpickr-current-month .numInputWrapper {
    color: #fff !important; }
  body.dark-only .flatpickr-prev-month {
    fill: #fff !important; }
  body.dark-only .flatpickr-next-month {
    fill: #fff !important; }
  body.dark-only .flatpickr-time {
    border: 1px solid #323846; }
    body.dark-only .flatpickr-time input {
      background: #22262f; }
  body.dark-only .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover {
    background-color: #22242B;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .tagify__dropdown__item--active {
    background-color: #1A1C23; }
  body.dark-only .tagify__input {
    color: #98a6ad; }
    body.dark-only .tagify__input::before {
      color: #98a6ad; }
  body.dark-only .tagify {
    border-color: rgba(255, 255, 255, 0.1);
    --tags-focus-border-color: #374558; }
    body.dark-only .tagify .tagify__tag-text {
      color: #1A1C23; }
  body.dark-only .international-num input {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #22242B; }
  body.dark-only .international-num .results ul {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .iti__country-list {
    background-color: #22242B; }
  body.dark-only .select-box .selection-option:hover {
    background-color: #22262f; }
  body.dark-only .select-box .options-container.active ~ .search-box input {
    background-color: rgba(255, 255, 255, 0.6); }
  body.dark-only .table-hover > tbody > tr:hover {
    --bs-table-accent-bg: #1d1e26; }
  body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert {
    background-color: #1A1C23;
    border-color: #323846; }
    body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert i {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert div {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .main-qr-code .modal-toggle-wrapper form .form-control {
    background-color: #1A1C23;
    border-color: #323846; }
  body.dark-only .authentication-options .radio-wrapper li .form-check-label span > span {
    color: #98a6ad; }
  body.dark-only .typeahead-wrapper .theme-form .form-control {
    background-color: #1A1C23 !important;
    border-color: #1A1C23 !important; }
  body.dark-only .compose-modal form .form-control {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1);
    color: #98a6ad; }
  body.dark-only .toolbar-box .ql-snow .ql-stroke {
    stroke: #98a6ad; }
  body.dark-only .toolbar-box .ql-snow .ql-tooltip {
    background-color: #1A1C23;
    box-shadow: unset;
    border: 0; }
    body.dark-only .toolbar-box .ql-snow .ql-tooltip.ql-editing input[type=text] {
      background-color: #22242B;
      border: 0;
      color: #98a6ad; }
  body.dark-only .toolbar-box .ql-snow a {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .toolbar-box .ql-editor.ql-blank::before {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .nav-right .nav-menus li .input-show input {
    border-color: #22242B !important;
    background-color: #1A1C23;
    color: #fff; }
  body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
    background-color: #1A1C23;
    border: 0;
    color: rgba(255, 255, 255, 0.2); }
    body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control::placeholder {
      color: rgba(255, 255, 255, 0.2); }
  body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search i {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .email-body .mail-header-wrapper .mail-body .dropdown-menu .dropdown-item {
    background: #1A1C23;
    opacity: 1;
    border: 0;
    color: rgba(255, 255, 255, 0.2); }
    body.dark-only .email-body .mail-header-wrapper .mail-body .dropdown-menu .dropdown-item:hover {
      background-color: #22242B; }
  body.dark-only .inbox-options .light-square.btn-group .dropdown-menu {
    background: #2b2b2b; }
    body.dark-only .inbox-options .light-square.btn-group .dropdown-menu .dropdown-item:hover {
      background-color: rgba(255, 255, 255, 0.2);
      color: #98a6ad; }
  body.dark-only .inbox-security {
    background-color: #1A1C23; }
  body.dark-only .mail-pagination .pagination-number,
  body.dark-only .mail-pagination .pagination-button {
    background-color: #323846; }
  body.dark-only .flatpicker-calender.product-date .form-control.flatpickr-input {
    border: unset;
    background-color: #1A1C23 !important; }
  body.dark-only .price-wrapper .radio-wrapper li .form-check-input {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .price-wrapper .radio-wrapper li .form-check-input ~ .form-check-label span {
      color: #98a6ad; }
  body.dark-only .product-buttons .btn:hover, body.dark-only .product-buttons .btn:active {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .product-buttons .btn svg {
    stroke: rgba(255, 255, 255, 0.6); }
  body.dark-only .ql-formats .ql-picker-label::before {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .list-product .datatable-pagination .datatable-active .datatable-pagination-list-item-link {
    background-color: var(--theme-deafult);
    color: var(--white); }
  body.dark-only .list-product .datatable-pagination .datatable-pagination-list-item-link {
    background-color: #1A1C23;
    color: #98a6ad; }
  body.dark-only .list-product .datatable-input:focus {
    outline: unset; }
  body.dark-only .list-product .datatable-selector {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23; }
  body.dark-only .table {
    --bs-table-bg: trasparnt; }
  body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
    background-color: #1A1C23; }
  body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
    background-color: #1A1C23;
    border: unset;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control::placeholder {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .left-sidebar-wrapper .advance-options .chats-user span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .search-contacts .form-control {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.2); }
    body.dark-only .search-contacts .form-control::placeholder {
      color: #98a6ad; }
  body.dark-only .msger .right-msg .msg-bubble {
    color: #fff; }
  body.dark-only .right-sidebar-title span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .right-sidebar-Chats .msger-chat {
    background: #1A1C23; }
  body.dark-only .right-sidebar-Chats .msger-inputarea {
    background: #22242B; }
  body.dark-only .right-sidebar-Chats .msger-input:focus {
    background-color: #1A1C23; }
  body.dark-only .fg-emoji-picker-search input,
  body.dark-only .fg-emoji-picker-search .fg-emoji-picker-search-icon {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .fg-emoji-picker-category-title {
    background-color: #323846; }
  body.dark-only .add-post form label,
  body.dark-only .add-post form .col-form-label {
    color: #98a6ad; }
  body.dark-only .add-post form .form-control {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2);
    border: unset; }
    body.dark-only .add-post form .form-control::placeholder {
      color: rgba(255, 255, 255, 0.2); }
  body.dark-only .ql-container.ql-snow .ql-editor {
    color: rgba(255, 255, 255, 0.2); }

body.dark-sidebar .page-wrapper .sidebar-main-title p {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.horizontal-wrapper .logo-wrapper .for-light {
  display: block; }

body.dark-sidebar .page-wrapper.horizontal-wrapper .logo-wrapper .for-dark {
  display: none; }

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
  background-color: #22242B; }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    stroke: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400; }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
    background-color: rgba(255, 255, 255, 0.2); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-deafult); }

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
  background: #22242B; }
  body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
    background-color: #22242B; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg.stroke-icon {
        stroke: #fff !important; }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg.fill-icon {
        fill: #051A1A;
        stroke: none !important; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a {
      background-color: rgba(255, 255, 255, 0.3); }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a span {
        color: #fff !important; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
      background: #22242B; }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
        color: rgba(255, 255, 255, 0.6); }
        body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active, body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
          color: var(--theme-deafult); }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
        background: #22242B; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
      background: #22242B; }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
  background: #22242B; }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
  stroke: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  background-color: #22242B; }
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
  background-color: rgba(0, 102, 102, 0.2); }
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
    color: var(--theme-deafult); }
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
    color: var(--theme-deafult);
    stroke: var(--theme-deafult); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400; }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
  background-color: rgba(255, 255, 255, 0.2); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
  color: var(--theme-deafult); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i {
  color: rgba(255, 255, 255, 0.6); }

body .for-dark {
  display: none; }

body[class*='dark-'] .for-dark {
  display: block; }

body[class*='dark-'] .for-light {
  display: none; }

/**=====================
	4.1. Dark CSS ends
==========================**/
/**=====================
  4.2 Theme-customizer CSS Start
==========================**/
.customizer-links {
  position: fixed;
  right: 00px;
  top: 50%;
  z-index: 3;
  transform: translate(0, -50%);
  box-shadow: 0 0 37px rgba(8, 21, 66, 0.1); }
  .customizer-links > .nav {
    border-radius: 8px;
    padding: 10px;
    background-color: #fff; }
  .customizer-links.open {
    right: 330px;
    border-radius: 8px 0 0 8px;
    transition: all 0.3s ease; }
  .customizer-links .nav-link {
    padding: 0;
    position: relative;
    text-align: -webkit-center; }
    .customizer-links .nav-link:before {
      content: "";
      position: absolute;
      height: 100%;
      left: 0;
      width: 100%;
      background-color: rgba(0, 102, 102, 0.1);
      border-radius: 5px;
      transform: scale(0);
      transition: all 0.3s ease; }
    .customizer-links .nav-link:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid;
      top: 12px;
      border-width: 5px 0 5px 5px;
      border-left-color: rgba(0, 102, 102, 0.1);
      opacity: 0;
      transform: scale(0);
      color: #fff;
      left: -10px;
      z-index: 2;
      transition: all 0.3s ease; }
    .customizer-links .nav-link:hover i {
      color: var(--theme-deafult); }
    .customizer-links .nav-link:hover img {
      animation: swing 1.5s ease infinite; }
    .customizer-links .nav-link:hover:before {
      border-bottom: 2px solid var(--theme-deafult);
      opacity: 1;
      transform: scale(1);
      transition: all 0.3s ease; }
    .customizer-links .nav-link:hover:after {
      opacity: 1;
      transform: scale(1);
      transition: all 0.3s ease; }
    .customizer-links .nav-link:hover span {
      opacity: 1;
      right: 48px;
      transform: scale(1);
      transition: all 0.3s ease; }
    .customizer-links .nav-link + .nav-link {
      margin-bottom: 5px; }
    .customizer-links .nav-link div img {
      height: 22px;
      margin: 6px 6px;
      width: 22px; }
    .customizer-links .nav-link span {
      position: absolute;
      right: -60px;
      width: max-content;
      text-align: right;
      padding: 7px 10px;
      display: block;
      top: 0;
      border-radius: 5px;
      transform: scale(0);
      transition: all 0.3s ease;
      opacity: 0;
      color: var(--theme-deafult);
      background-color: var(--white);
      box-shadow: 0 0 37px rgba(8, 21, 66, 0.1); }
    .customizer-links .nav-link i {
      font-size: 17px;
      padding: 8px 10px;
      display: inline-block;
      cursor: pointer;
      margin: 0;
      color: gray;
      border-radius: 5px; }

.customizer-contain {
  direction: ltr;
  position: fixed;
  height: calc(100vh);
  top: 79px;
  width: 333px;
  right: -335px;
  background-color: #fff;
  z-index: 8;
  transition: all 0.3s ease; }
  .customizer-contain.open {
    right: 0px;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px 1px rgba(68, 102, 242, 0.05); }
  .customizer-contain li {
    position: relative; }
    .customizer-contain li.active {
      box-shadow: 0 0 11px 5px rgba(226, 226, 226, 0.5); }
  .customizer-contain h5 {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-top: 12px;
    padding-top: 12px;
    margin-bottom: 5px;
    color: #051A1A; }
  .customizer-contain h3 {
    color: #051A1A; }
  .customizer-contain .customizer-header {
    padding: 15px 25px;
    border-bottom: 1px solid #E6E9EB; }
    .customizer-contain .customizer-header .icon-close {
      position: absolute;
      font-size: 18px;
      cursor: pointer;
      font-weight: 900;
      right: 20px;
      top: 20px;
      color: var(--theme-deafult); }
    .customizer-contain .customizer-header h5 {
      text-transform: uppercase; }
  .customizer-contain .customizer-body {
    padding: 15px 25px;
    max-height: calc(100vh - 200px);
    overflow-y: scroll; }
    .customizer-contain .customizer-body .fade:not(.show) {
      display: none; }
    .customizer-contain .customizer-body .unlimited-color-layout {
      display: flex;
      align-items: center; }
      .customizer-contain .customizer-body .unlimited-color-layout .btn {
        font-size: 15px;
        padding: 4px 20px; }
      .customizer-contain .customizer-body .unlimited-color-layout input {
        border: 1px solid #E6E9EB;
        height: 35px;
        width: 35px;
        border-radius: 5px;
        background-color: #fff;
        margin-right: 5px; }
    .customizer-contain .customizer-body .layout-grid.customizer-mix .color-layout {
      height: 70px;
      width: 80px;
      border: 1px solid #f6f7fb;
      border-radius: 5px; }
    .customizer-contain .customizer-body .tab-pane > h6:first-child {
      padding-top: 0;
      margin-top: 0; }
    .customizer-contain .customizer-body li {
      cursor: pointer;
      opacity: 0.9; }
      .customizer-contain .customizer-body li.active {
        opacity: 1; }
    .customizer-contain .customizer-body .color-layout {
      height: 35px;
      width: 35px;
      border-radius: 6px;
      display: inline-block;
      margin-right: 3px;
      border: 1px solid #b8b8b8;
      padding: 3px; }
      .customizer-contain .customizer-body .color-layout > div {
        background-color: #006666;
        height: 100%;
        width: 100%;
        border-radius: 5px; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-2"] div {
        background-color: #1D5B79; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-3"] div {
        background-color: #4A55A2; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-4"] div {
        background-color: #167A93; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-5"] div {
        background-color: #423964; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-6"] div {
        background-color: #4b2a4b; }
    .customizer-contain .customizer-body .dark > li {
      background-color: #2f3c4e; }
    .customizer-contain .customizer-body .main-layout > li {
      height: 65px;
      width: 85px;
      border: 1px solid #E6E9EB;
      border-radius: 10px;
      display: inline-block; }
      .customizer-contain .customizer-body .main-layout > li:nth-child(2) .body ul li:first-child {
        margin-right: 3px; }
      .customizer-contain .customizer-body .main-layout > li + li {
        margin-left: 7px; }
    .customizer-contain .customizer-body .main-layout .box-layout .body .badge {
      left: -14px;
      padding: 4px 8px; }
    .customizer-contain .customizer-body .sidebar-type > li,
    .customizer-contain .customizer-body .sidebar-setting > li {
      height: 70px;
      width: 85px;
      border: 1px solid #E6E9EB;
      border-radius: 5px;
      display: inline-block; }
      .customizer-contain .customizer-body .sidebar-type > li + li,
      .customizer-contain .customizer-body .sidebar-setting > li + li {
        margin-left: 7px; }
    .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.bg-dark, .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.sidebar {
      width: 100%;
      height: 10px;
      display: block; }
    .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.bg-light, .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.body {
      height: calc(100% - 10px);
      width: 100%; }
    .customizer-contain .customizer-body .sidebar-type li.body-compact[data-attr="normal-sidebar"] .body ul li.body {
      width: calc(100% - 25px); }
    .customizer-contain .customizer-body .layout-types {
      margin-bottom: -30px; }
      .customizer-contain .customizer-body .layout-types > li {
        display: block;
        width: unset;
        height: unset;
        margin-bottom: 30px; }
        .customizer-contain .customizer-body .layout-types > li .layout-img h6 {
          padding-top: 0;
          text-transform: inherit;
          text-align: center; }
      .customizer-contain .customizer-body .layout-types .box-layout {
        background: unset; }

.layout-grid:not(.customizer-color) li {
  padding: 5px; }
  .layout-grid:not(.customizer-color) li > .header {
    height: 9px;
    border-radius: 3px;
    position: relative; }
    .layout-grid:not(.customizer-color) li > .header ul {
      position: absolute;
      top: -8px;
      left: 5px; }
      .layout-grid:not(.customizer-color) li > .header ul > li {
        display: inline-block;
        width: 4px;
        height: 4px;
        border-radius: 5px;
        top: calc(50% - 3px);
        background-color: var(--theme-deafult);
        margin-right: 2px;
        padding: 0; }
        .layout-grid:not(.customizer-color) li > .header ul > li:nth-child(2) {
          background-color: var(--theme-secondary); }
        .layout-grid:not(.customizer-color) li > .header ul > li:nth-child(3) {
          background-color: #00AC46; }
  .layout-grid:not(.customizer-color) li > .body {
    background-color: #2c323f;
    height: calc(100% - 16px);
    border-radius: 3px;
    position: relative;
    margin-top: 5px;
    text-align: center;
    line-height: 3.1; }
    .layout-grid:not(.customizer-color) li > .body ul {
      height: 100%;
      background-color: #fff; }
      .layout-grid:not(.customizer-color) li > .body ul .sidebar {
        width: 18px;
        height: 100%;
        border-radius: 3px;
        display: inline-block;
        margin-right: 3px;
        padding: 0; }
        .layout-grid:not(.customizer-color) li > .body ul .sidebar.compact {
          width: 12px; }
          .layout-grid:not(.customizer-color) li > .body ul .sidebar.compact ~ .body {
            width: calc(100% - 19px); }
      .layout-grid:not(.customizer-color) li > .body ul .body {
        width: calc(100% - 25px);
        padding: 0;
        margin: 0;
        height: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px; }
        .layout-grid:not(.customizer-color) li > .body ul .body .badge {
          padding: 4px 8px;
          position: absolute; }

/**=====================
    4.2 Theme-customizer CSS Ends
==========================**/
/**=====================
  4.3 Update CSS Start
==========================**/
.jsgrid-filter-row select,
.jsgrid-filter-row input {
  padding: 6px 10px;
  border: 1px solid #f2f4ff;
  background: #fff; }

.popover {
  background-color: #fff;
  border: none;
  -webkit-box-shadow: 0 0 20px rgba(0, 102, 102, 0.1);
  box-shadow: 0 0 20px rgba(0, 102, 102, 0.1); }
  .popover .popover-header {
    background-color: #F5F5F5;
    color: #006666;
    border-bottom: none; }
  .popover .popover-body {
    color: rgba(43, 43, 43, 0.7); }

#calendar .fc-header-toolbar {
  display: flex; }
  @media (max-width: 1690px) {
    #calendar .fc-header-toolbar {
      display: none; } }
.tooltip.bs-tooltip-top .tooltip-arrow:before {
  border-top-color: #F5F5F5; }

.tooltip.bs-tooltip-bottom .tooltip-arrow:before {
  border-bottom-color: #F5F5F5;
  border-top-color: transparent; }

.tooltip.bs-tooltip-start .tooltip-arrow:before {
  border-left-color: #F5F5F5;
  border-top-color: transparent; }

.tooltip.bs-tooltip-end .tooltip-arrow:before {
  border-right-color: #F5F5F5;
  border-top-color: transparent; }

.tooltip .tooltip-inner {
  background-color: #F5F5F5;
  color: #006666; }

.tooltip .tooltip-arrow:before {
  border-top-color: #F5F5F5; }

.dropdown-basic .dropdown .dropdown-content a {
  padding: 12px;
  color: #2b2b2b;
  opacity: 0.6;
  font-size: 14px;
  border-top: 1px solid #efefef;
  background: #fff; }
  .dropdown-basic .dropdown .dropdown-content a:hover {
    background-color: #fff; }

.dropdown-basic .dropdown .dropdown-content .dropdown-header {
  padding: 8px 16px;
  font-weight: 400;
  color: #2c323f;
  font-size: 13px; }

.dropdown-basic .dropup .dropup-content {
  top: auto; }

.default-according .card .card-header {
  padding: 0;
  border: none;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
  .default-according .card .card-header.bg-primary .btn, .default-according .card .card-header.bg-secondary .btn {
    border-color: transparent; }
  .default-according .card .card-header i {
    position: initial;
    font-size: 20px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px; }
    [dir="rtl"] .default-according .card .card-header i {
      margin-right: unset;
      margin-left: 5px; }
  .default-according .card .card-header h5 {
    margin-top: 0; }
  .default-according .card .card-header .btn-link {
    padding: 12px 20px;
    width: 100%;
    text-align: left;
    letter-spacing: 0.7px;
    font-family: "Montserrat", sans-serif;
    border: 1px solid #efefef;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 600; }
    [dir="rtl"] .default-according .card .card-header .btn-link {
      text-align: right; }
    @media (max-width: 575px) {
      .default-according .card .card-header .btn-link {
        padding: 12px 15px;
        font-size: 12px; } }
.default-according .card .card-body {
  padding: 15px 20px;
  line-height: 22px;
  font-size: 13px;
  border-color: #efefef;
  border-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #2c323f;
  border-bottom: none; }

.nav-tabs {
  border-bottom-color: #efefef; }
  .nav-tabs .nav-bottom .nav-item .nav-link.active {
    border-color: #efefef; }

.list-product .datatable-wrapper .no-footer .datatable-container {
  border-bottom: unset !important; }

.nav-tabs .nav-item.show .nav-link {
  font-weight: 500; }

.nav-tabs .nav-link {
  color: #2c323f; }
  .nav-tabs .nav-link.active {
    font-weight: 500; }

.nav-tabs.nav-bottom .nav-item .nav-link.active {
  border-color: #ecf3fa #ecf3fa #fff; }

.dropdown-menu {
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0;
  z-index: 1; }
  .dropdown-menu .dropdown-item {
    color: #2b2b2b;
    opacity: 0.6;
    font-size: 14px;
    padding: 6px 12px;
    border-top: 1px solid #efefef;
    background: #fff; }
    .dropdown-menu .dropdown-item:first-child {
      border-top: none; }
    .dropdown-menu .dropdown-item:hover {
      background-color: #fff; }
  .dropdown-menu .dropdown-divider {
    margin: 0;
    border-top: 1px solid #cccccc; }

.border-tab .nav-tabs .nav-item .nav-link.active {
  border-bottom: 2px solid #006666; }

.border-tab .nav-tabs .nav-item .nav-link.show {
  border-bottom: 2px solid #006666; }

.border-tab .nav-tabs .nav-item .nav-link:focus {
  border-bottom: 2px solid #006666; }

.timeliny .timeliny-dot::before {
  font-size: 18px; }

.total-revenue {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .total-revenue span {
    color: var(--body-font-color);
    font-weight: 500; }
  .total-revenue a {
    font-weight: 600; }

.component .input-group .btn {
  line-height: 32px;
  text-transform: capitalize; }

.login-card .login-main .theme-form label {
  font-size: 14px; }

.login-card .login-main .theme-form .show-hide {
  top: 50%; }

.faq-accordion .card .btn-link svg {
  margin-left: 20px; }
  @media (max-width: 575.98px) {
    .faq-accordion .card .btn-link svg {
      margin-left: 10px; } }
.job-filter .faq-form .form-control {
  font-size: 14px; }

.job-filter .faq-form .search-icon {
  width: 16px;
  height: 16px; }

.note-btn-group .dropdown-toggle.show ~ .dropdown-menu {
  display: block;
  top: 30px; }

.carousel .carousel-indicators {
  margin-bottom: 3px; }

.mouse-wheel .owl-stage-outer .owl-stage {
  width: 5600px !important; }
  .mouse-wheel .owl-stage-outer .owl-stage .owl-item {
    width: 225.333px !important; }

.carousel-item .carousel-caption {
  width: 100%;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 26px 10px;
  background-color: rgba(34, 36, 43, 0.51); }

.carousel-item .carousel-opacity {
  background-color: rgba(230, 233, 235, 0.51); }

.carousel .carousel-control-prev-icon {
  width: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320)));
  height: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320))); }

.carousel .carousel-control-next-icon {
  width: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320)));
  height: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320))); }

[dir="rtl"] .rating-header h4 {
  direction: ltr; }

.animate-img .animate-widget img {
  width: 100%;
  height: 350px;
  margin: 0 auto;
  object-fit: cover; }

.modal-popup.modal {
  top: 20%;
  left: 50%;
  transform: translate(-50%, 0); }
  .modal-popup.modal .modal-dialog .theme-close {
    width: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
    height: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320))); }

@media (max-width: 442px) {
  .animated-modal .form-select {
    width: 100% !important; } }

.task-container .badge {
  line-height: 13px; }

.add-post form .form-control:focus {
  border: 1px solid var(--recent-dashed-border);
  box-shadow: unset; }

.starter-main .alert-primary.inverse {
  padding: 13px 20px 13px 65px;
  border-color: #006666;
  color: #2c323f; }
  [dir="rtl"] .starter-main .alert-primary.inverse {
    padding: 13px 65px 13px 20px; }
  .starter-main .alert-primary.inverse:before {
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #006666;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    [dir="rtl"] .starter-main .alert-primary.inverse:before {
      border-right: 7px solid #006666;
      border-left: unset; }
  .starter-main .alert-primary.inverse i {
    padding: 17px 20px;
    display: flex;
    align-items: center;
    background-color: #006666;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    [dir="rtl"] .starter-main .alert-primary.inverse i {
      right: 0;
      left: unset; }

.balance-profile ul {
  display: flex;
  justify-content: center;
  gap: 50px;
  margin-top: 16px; }
  @media (max-width: 1660px) {
    .balance-profile ul {
      gap: 25px; } }
  .balance-profile ul li {
    position: relative; }
    .balance-profile ul li + li::before {
      position: absolute;
      content: '';
      left: -25px;
      top: 50%;
      height: 40px;
      transform: translateY(-50%);
      border: 1px dashed var(--recent-dashed-border); }
      [dir="rtl"] .balance-profile ul li + li::before {
        left: unset;
        right: -25px; }
      @media (max-width: 1660px) {
        .balance-profile ul li + li::before {
          left: -16px; }
          [dir="rtl"] .balance-profile ul li + li::before {
            right: -16px; } }
/**=====================
    4.3 Update CSS Ends
==========================**/
/**=====================
    5.1 Footer CSS Start
==========================**/
.footer {
  background-color: #fff;
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  padding: 15px;
  bottom: 0;
  left: 0;
  margin-left: 265px;
  transition: 0.5s; }
  .footer.footer-dark {
    background-color: #242934; }
    .footer.footer-dark p {
      color: #fff; }

.footer-fix {
  width: calc(100% - $sidebar-compact-width);
  position: fixed; }

/**=====================
    5.1 Footer CSS Ends
==========================**/
/**=====================
  5.2 Grid CSS Start
==========================**/
.grid-showcase {
  margin-bottom: -10px; }
  .grid-showcase span,
  .grid-showcase .grid-wrapper {
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    background-color: #E6E9EB;
    color: #242934; }

.grid-align {
  margin-bottom: -16px; }
  .grid-align .row {
    padding: 15px 0;
    min-height: 7rem;
    margin-bottom: 16px; }

.grid-vertical {
  min-height: 150px;
  padding: 10px;
  color: #000; }

table.table-bordered thead tr th p {
  margin-bottom: 0; }

/**=====================
    5.2 Grid CSS Ends
==========================**/
/**=====================
  5.3 Header CSS Start
==========================**/
/**=====================
  5.7 Sidebar CSS Start
==========================**/
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 12%;
  width: 13px;
  height: 15px;
  border-bottom-left-radius: 8px;
  border-left: 2px solid rgba(255, 255, 255, 0.4);
  border-bottom: 2px solid rgba(255, 255, 255, 0.4); }

.media.media-wrapper {
  width: 100%;
  display: -webkit-flex; }

.media .media-body {
  flex: unset; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  left: 32px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5); }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title [dir="rtl"] h5::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li [dir="rtl"] a::before {
    left: unset;
    right: 25px; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before {
  position: absolute;
  content: '';
  width: 2px;
  height: 0;
  background: rgba(255, 255, 255, 0.4);
  top: -10px;
  left: 20px;
  transition: height 0.5s; }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .mega-menu-container::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .sidebar-submenu::before {
    left: unset;
    right: 20px; }

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 49%;
  width: 5px;
  height: 1px;
  border-radius: 100%;
  background-color: #59667a; }

.onhover-show-div {
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  left: 0; }

.onhover-dropdown:hover .onhover-show-div {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
  border-radius: 5px;
  overflow: hidden; }
  .onhover-dropdown:hover .onhover-show-div:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 2; }
  .onhover-dropdown:hover .onhover-show-div:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d7e2e9;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 1; }

.page-wrapper {
  position: relative; }
  .page-wrapper .page-header {
    max-width: 100vw;
    position: fixed;
    top: 0;
    z-index: 8;
    transition: 0.5s; }
    .page-wrapper .page-header .header-wrapper {
      width: 100%;
      align-items: center;
      padding: 13px 30px;
      position: relative;
      background-color: #F5F5F5; }
      @media (max-width: 1399px) {
        .page-wrapper .page-header .header-wrapper {
          padding: 14px 20px; } }
      .page-wrapper .page-header .header-wrapper .search-full {
        background-color: #fff;
        position: absolute;
        right: 0;
        z-index: 1;
        height: 0;
        width: 0;
        transform: scale(0);
        transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full.open {
          height: 100%;
          width: 100%;
          animation: zoomIn 0.5s ease-in-out;
          transform: scale(1);
          transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full input {
          line-height: 65px;
          padding-left: 60px;
          width: 100% !important; }
          .page-wrapper .page-header .header-wrapper .search-full input:focus {
            outline: none !important; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
          position: absolute;
          font-size: 15px;
          right: 30px;
          top: 30px;
          color: #898989;
          cursor: pointer; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
            left: 30px;
            right: unset; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
          position: absolute;
          left: 30px;
          top: 27px;
          content: "\f002";
          font-size: 16px;
          color: #898989;
          font-family: FontAwesome; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
            left: unset;
            right: 30px; }
      .page-wrapper .page-header .header-wrapper .nav-right {
        justify-content: flex-end; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li svg {
          vertical-align: middle;
          stroke: var(--body-font-color);
          height: 24px;
          width: 24px; }
          .page-wrapper .page-header .header-wrapper .nav-right ul li svg path {
            color: #242934; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
          height: 24px;
          width: 24px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li .search-form svg {
          width: 20px;
          height: 20px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode {
          cursor: pointer;
          text-align: center; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i {
            font-size: 18px;
            font-weight: 600;
            transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i.fa-lightbulb-o {
              font-weight: 500;
              font-size: 22px;
              transition: all 0.3s ease;
              animation: zoomIn 300ms ease-in-out; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .header-search {
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
          margin-left: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body span {
            font-weight: 500;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box !important;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            white-space: normal; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
            font-size: 12px;
            line-height: 1;
            color: rgba(5, 26, 26, 0.7); }
        .page-wrapper .page-header .header-wrapper .nav-right > ul {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          gap: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
            padding: 6px 10px;
            display: inline-block;
            position: relative; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li:nth-child(n+3):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right > ul > li.profile-nav:nth-child(n+3)) {
              background-color: #fff;
              padding: 12px;
              border-radius: 40px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .badge {
              position: absolute;
              right: 0px;
              top: -3px;
              padding: 2px 4px;
              font-size: 11px;
              font-weight: 700;
              font-family: work-Sans, sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .mode svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .input-show svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul {
              left: inherit;
              right: -10px;
              width: 130px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:before, .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:after {
                left: inherit;
                right: 10px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li {
                display: block; }
                .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a {
                  font-size: 14px;
                  color: #2c323f; }
                  .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a i {
                    margin-left: 10px;
                    font-size: 13px;
                    color: #2c323f; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul .flag-icon {
            font-size: 16px; }
        .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip {
          width: unset !important;
          box-shadow: unset !important;
          background-color: transparent !important;
          overflow: initial; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::after, .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::before {
            display: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content {
            text-align: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
              width: 52px;
              height: 52px;
              background-color: #f9f9f9;
              border-radius: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              margin: 0 auto; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content span {
              font-family: "Montserrat", sans-serif;
              font-size: 12px;
              font-weight: 500;
              letter-spacing: 0.5px; }
        .page-wrapper .page-header .header-wrapper .nav-right .flip-card {
          width: 300px;
          height: 260px;
          background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner {
            position: relative;
            height: 100%;
            text-align: center;
            transition: transform 0.6s;
            transform-style: preserve-3d; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front,
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              position: absolute;
              backface-visibility: hidden;
              border-radius: 10px;
              overflow: hidden;
              box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
              width: 300px;
              height: 260px; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button,
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                background-color: transparent;
                color: #006666;
                border: none; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button:focus,
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button:focus {
                  outline: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
              background-color: #fff;
              transition: .3s; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
                stroke: var(--body-font-color);
                transition: all 0.3s ease; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg:hover {
                  stroke: var(--body-font-color);
                  transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              background-color: #fff;
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:first-child {
                margin-top: 20px;
                height: 140px !important; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                width: 100%; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
                border-radius: 25px;
                padding: 6px 12px;
                width: 100%;
                border: 1px solid #ddd; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input:focus {
                  outline: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped {
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped .front {
                opacity: 0; }
        .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
          width: 330px;
          top: 50px;
          right: 0;
          left: unset; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .dropdown-title {
            padding: 20px;
            text-align: center;
            border-bottom: 1px solid rgba(145, 142, 153, 0.3); }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div ul {
            padding: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li {
            padding: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li p {
              font-size: 14px;
              letter-spacing: 0.3px;
              margin-bottom: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li a {
              letter-spacing: 0.3px;
              font-family: "Montserrat", sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li + li {
              margin-top: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li:last-child {
              padding-bottom: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media {
              position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media img {
                width: 40px;
                position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .status-circle {
                left: 0; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body > span {
                letter-spacing: 0.8px;
                padding-right: 10px;
                display: inline-block; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body p {
                margin-bottom: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:before, .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:after {
            right: 10px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown.notification-all ul li {
          border-radius: 0px;
          border-bottom: 1px solid rgba(145, 142, 153, 0.1); }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown ul {
          padding: 0 0 15px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li {
          padding: 10px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media {
            align-items: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
              margin-right: 20px; }
              [dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
                margin-right: unset;
                margin-left: 20px; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li + li {
            margin-top: 0;
            border-top: 1px solid rgba(145, 142, 153, 0.1); }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li:last-child {
            padding: 20px 15px;
            border-top: none; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown p {
          line-height: 1.3;
          margin-top: 3px;
          opacity: 0.6; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
          position: absolute;
          right: 0;
          top: 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle a {
            width: 18px;
            height: 18px;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle svg {
            width: 14px;
            stroke: #fff; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box {
          margin: 5px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group {
            width: 80px;
            background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input {
              background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input,
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              font-size: 10px;
              font-family: "Montserrat", sans-serif;
              font-weight: 700; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              padding: 0px 7px;
              background-color: #F7F6FF !important;
              border-color: #F7F6FF !important;
              border-radius: 100%;
              font-size: 14px;
              color: #051A1A; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
          margin: 0;
          padding: 15px;
          background-color: #f9f9f9;
          border: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 {
            font-family: "Montserrat", sans-serif;
            font-weight: 500;
            font-size: 12px;
            line-height: 14px;
            letter-spacing: 0.5px; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 span {
              font-size: 14px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .view-checkout {
          text-decoration: unset; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box svg {
          animation: swing 1.5s ease infinite; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
          left: unset; }
          @media (max-width: 575.98px) {
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
              width: calc(100vw - 30px); } }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li:last-child {
            text-align: center;
            background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p span {
              font-size: 11px;
              vertical-align: middle; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:after {
            right: 28px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
          width: 160px;
          top: 57px;
          left: -12px;
          padding: 0 10px; }
          .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li {
            padding: 10px !important;
            border-bottom: 1px solid #E6E9EB; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              border: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
              text-decoration: unset; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a span {
              color: var(--theme-deafult);
              transition: color 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg {
              stroke: var(--theme-deafult);
              transition: stroke 0.3s ease; }
              .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg path {
                stroke: var(--theme-deafult);
                transition: stroke 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li + li {
              margin-top: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              padding-top: 10px !important; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
              color: #2c323f; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li svg {
              width: 16px;
              vertical-align: bottom;
              margin-right: 10px;
              stroke: #2c323f; }
  .page-wrapper .page-body-wrapper {
    background-color: #F5F5F5; }
    .page-wrapper .page-body-wrapper .page-body {
      min-height: calc(100vh - 136px);
      margin-top: 136px;
      padding: 25px 15px;
      position: relative;
      transition: 0.5s; }
      .page-wrapper .page-body-wrapper .page-body:before {
        animation: fadeIn 0.5s ease-in-out; }
    .page-wrapper .page-body-wrapper .page-title {
      padding: 20px 30px;
      margin: 0px -27px 0px; }
      .page-wrapper .page-body-wrapper .page-title > .row {
        margin: 0; }
        .page-wrapper .page-body-wrapper .page-title > .row .col-6 {
          padding: 0; }
      .page-wrapper .page-body-wrapper .page-title .row {
        align-items: center; }
        .page-wrapper .page-body-wrapper .page-title .row h3 {
          font-size: 24px;
          margin-bottom: 0;
          text-transform: capitalize; }
          .page-wrapper .page-body-wrapper .page-title .row h3 small {
            display: block;
            font-size: 12px;
            margin-bottom: 5px;
            text-transform: capitalize;
            color: #FFFFFF; }
      .page-wrapper .page-body-wrapper .page-title .breadcrumb {
        background-color: transparent;
        padding: 0;
        margin-bottom: 0;
        align-items: center;
        justify-content: flex-end; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
          font-size: 13px;
          letter-spacing: 1px;
          font-family: "Montserrat", sans-serif; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
          content: "/"; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
          width: 16px;
          height: 16px;
          stroke: #2c323f;
          vertical-align: text-top; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
          color: var(--theme-deafult);
          font-weight: 500; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
      stroke: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
      fill: #051A1A;
      stroke: none !important; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg {
      transition: all 0.3s ease; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
        stroke: #fff; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
        fill: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content li a {
      text-transform: capitalize; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .stroke-icon {
    display: inline-block; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .fill-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .stroke-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .fill-icon {
    display: inline-block; }
  .page-wrapper.horizontal-wrapper [data-simplebar] {
    position: relative; }
  .page-wrapper.horizontal-wrapper .footer {
    margin-left: 0; }
  .page-wrapper.horizontal-wrapper .header-logo-wrapper {
    width: 150px; }
    .page-wrapper.horizontal-wrapper .header-logo-wrapper .toggle-sidebar {
      display: none; }
  .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 19px;
    right: 0px;
    color: #fff; }
    [dir="rtl"] .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
      left: 0;
      right: unset; }
  .page-wrapper.horizontal-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: hidden;
    cursor: pointer; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    height: 54px;
    line-height: inherit;
    top: 79px;
    background: #fff;
    box-shadow: 0px 9px 24px rgba(89, 102, 122, 0.05);
    overflow-x: hidden;
    z-index: 1;
    overflow-y: visible;
    position: fixed;
    width: 100vw;
    border-top: 1px solid #efefef;
    z-index: 3; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .simplebar-content {
      display: flex; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper li {
      display: inline-block; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .badge {
      position: absolute;
      top: 2px;
      right: 0px;
      z-index: 1; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper,
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
      text-align: left;
      position: relative; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        position: absolute;
        top: 0px;
        padding: 15px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        cursor: pointer; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow.disabled,
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow.disabled {
          display: none; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow {
        left: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        right: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: normal;
        direction: ltr;
        text-align: left;
        display: -webkit-box !important;
        padding: 0 5px;
        transition: all .5s ease;
        white-space: nowrap; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a.active .according-menu i:before {
          content: '-'; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a .according-menu {
          display: none; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active {
          color: #fff; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active:after {
            background-color: rgba(255, 255, 255, 0.6); }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          position: relative;
          padding-top: 10px;
          padding-bottom: 10px; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a > span {
            color: var(--theme-deafult);
            transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a {
            background-color: #fff;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.stroke-icon {
              stroke: #fff;
              transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.fill-icon {
              fill: #fff;
              transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
            display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            display: block;
            color: #051A1A;
            line-height: 23px;
            text-decoration: none;
            text-transform: capitalize;
            padding: 5px 15px;
            margin: 0 3px;
            letter-spacing: 0.04em;
            position: relative;
            border-radius: 5px;
            font-weight: 500;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active {
              transition: all 0.3s ease; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active svg,
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active span {
                color: #fff;
                transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a .badge {
              position: absolute;
              top: -5px;
              margin-left: 1px;
              right: 10px;
              padding: 0.20em 0.7em; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg {
              width: 18px;
              height: 18px;
              vertical-align: middle;
              margin-right: 10px;
              stroke: #051A1A !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
            position: fixed;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 15px 0px 15px 0px;
            background: white; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li {
              border: 0;
              float: none;
              position: relative;
              display: block; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
                background: transparent;
                padding: 4px 30px;
                display: block;
                transition: all 0.5s ease;
                line-height: 1.9;
                color: rgba(43, 43, 43, 0.6);
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                transition: all 0.3s ease; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
                  left: 20px; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
                  color: #006666;
                  letter-spacing: 1.5px;
                  transition: all 0.3s ease; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover:after {
                    background-color: var(--theme-deafult); }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
            position: fixed;
            right: 0;
            left: 0;
            margin: 0 auto;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 30px;
            background: white;
            width: 95%;
            border-radius: 4px;
            display: block !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
              width: 20%; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                text-transform: uppercase;
                font-size: 14px;
                margin-left: -13px; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content {
                box-shadow: none;
                background-color: transparent;
                position: relative;
                display: block;
                padding: 0; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li {
                  border: 0;
                  float: none;
                  position: relative;
                  display: block; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
                    border: 0 !important;
                    background: transparent;
                    color: #051A1A;
                    border-radius: 0 !important;
                    text-transform: capitalize;
                    padding: 3px 0;
                    font-size: 13px;
                    display: block;
                    letter-spacing: 0.07em;
                    line-height: 1.9;
                    position: relative;
                    transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover {
                      color: var(--theme-deafult);
                      letter-spacing: 1.5px;
                      transition: all 0.3s ease; }
                      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover:after {
                        color: var(--theme-deafult);
                        transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:after {
                      position: absolute;
                      content: "";
                      left: -12px;
                      top: 50%;
                      width: 5px;
                      height: 1px;
                      background-color: #59667a; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a:after {
            left: 0;
            right: 0;
            opacity: 1; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu {
            position: unset; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper.overlay-white {
      background-color: rgba(255, 255, 255, 0.08); }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav i {
      font-size: 24px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
    margin-top: 110px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main-title {
    display: none !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.scorlled .sidebar-wrapper {
    display: none;
    transition: all 0.3s ease; }
  .page-wrapper.horizontal-wrapper .page-header {
    width: 100%;
    box-shadow: none; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .form-control-plaintext {
      width: auto !important; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1324px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
      @media (max-width: 1323px) and (min-width: 1200px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 1199px) and (min-width: 992px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
    @media (max-width: 1428px) and (min-width: 1324px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 55%; } }
    @media (max-width: 1323px) and (min-width: 1200px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 40%; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.horizontal-wrapper.enterprice-type footer {
    margin-left: 0; }
  .page-wrapper.material-icon .card {
    border-radius: 30px;
    box-shadow: 0 0 20px rgba(0, 102, 102, 0.1); }
  .page-wrapper .sidebar-main-title h6 {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 0.40px; }
  .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 11px;
    right: -9px;
    color: #fff;
    z-index: 9999; }
    [dir="rtl"] .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
      left: -9px;
      right: unset; }
  .page-wrapper.compact-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer; }
  .page-wrapper.compact-wrapper .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-wrapper .pin-title {
    order: -1; }
  .page-wrapper.compact-wrapper .page-header {
    margin-left: 265px;
    width: calc(100% - $sidebar-compact-width); }
    .page-wrapper.compact-wrapper .page-header.close_icon {
      margin-left: 90px;
      width: calc(100% - 90px); }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
      position: absolute;
      content: "";
      bottom: 0%;
      height: 1px;
      z-index: 8;
      width: calc(100% - 40px);
      background: #E6E9EB; }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9;
    height: 100%;
    line-height: inherit;
    background: var(--theme-deafult);
    width: 265px;
    text-align: left;
    transition: 0.3s;
    box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      fill: #fff; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      padding: 22px 30px;
      box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
      border-top-right-radius: 15px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
      width: auto;
      transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .badge {
        opacity: 0;
        width: 0;
        padding: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        max-width: 86px;
        margin: 0;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          text-align: center;
          padding: 12px 14px;
          transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main-title {
        display: none !important;
        opacity: 0;
        transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper {
        display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
        text-align: right;
        display: block; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
        width: 265px;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .badge {
          opacity: 1;
          width: auto;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          max-width: unset;
          margin: initial;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
            text-align: left; }
            [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
              text-align: right; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            padding: 12px 15px;
            transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a span {
              display: inline-block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main-title {
          opacity: 1;
          display: block !important;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
          display: block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-icon-wrapper {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .mobile-sidebar {
        transform: translate(183px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
        margin-left: 90px;
        transition: 0.5s; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer-fix {
        width: calc(100% - 90px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 118px); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          padding: 15px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::before {
            right: 20px;
            left: unset; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a span {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .according-menu {
        display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
      visibility: hidden;
      position: absolute;
      top: -8px;
      right: 17px;
      border-radius: 15px;
      padding: 4px 6px;
      color: #fff;
      font-size: 11px;
      background-color: #006666;
      border: 1px solid rgba(255, 255, 255, 0.6); }
      [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
        left: 17px;
        right: unset; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list:hover i.fa-thumb-tack {
      visibility: visible;
      cursor: pointer; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pined, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 115px);
      left: -300px;
      z-index: 99;
      transition: color 1s ease;
      overflow: auto;
      color: rgba(0, 0, 0, 0);
      margin-top: 20px;
      margin-bottom: 30px; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        font-weight: 500; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
          width: 18px;
          height: 18px;
          margin-right: 10px;
          vertical-align: -2px;
          float: none;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          letter-spacing: 0.7px;
          text-transform: capitalize;
          color: rgba(255, 255, 255, 0.8); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.link-nav .according-menu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li:last-child {
        border-bottom: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links.opennav {
        left: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn {
        display: block;
        width: 100%;
        padding: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn .mobile-back {
          padding: 20px;
          color: #242934;
          font-weight: 700;
          text-transform: uppercase;
          border-bottom: 1px solid #efefef;
          cursor: pointer;
          display: flex;
          justify-content: flex-end;
          align-items: center; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        display: block;
        width: 100%;
        position: relative; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
          padding: 25px 0 6px 20px;
          margin-top: 0px;
          margin-bottom: 12px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: block; }
          [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
            padding: 25px 20px 6px 0; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
            position: absolute;
            content: '';
            top: 0;
            left: 50%;
            background: rgba(255, 255, 255, 0.2);
            width: calc(100% - 40px);
            height: 1px;
            transform: translateX(-50%); }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2) {
            margin-top: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2)::before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list {
          padding: 0px 18px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list .badge {
            position: absolute;
            right: 50px;
            top: 14.5px;
            padding: 0.45em 0.8em 0.33em;
            z-index: 1;
            font-size: 10px;
            letter-spacing: 0.7px;
            font-weight: 600;
            font-family: "Montserrat", sans-serif;
            border-radius: 10px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list:hover > a:hover {
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg {
          fill: #fff;
          stroke: #fff;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg.fill-icon {
            fill: #fff;
            stroke: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover span {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover .according-menu i {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          padding: 11px 13px;
          position: relative;
          color: #222222; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow {
            right: 20px;
            position: absolute;
            top: 10px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow i {
              display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow:before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
          display: none !important; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
          width: 100%;
          padding: 0;
          position: relative !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
            padding-left: 50px !important;
            font-weight: 400; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu .submenu-title .according-menu {
            top: 7px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover > a {
            color: #fff;
            transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
            display: none;
            position: relative !important;
            right: 0;
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu.opensubchild {
              display: block; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a {
              padding: 6px 45px;
              padding-left: 63px !important; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a:after {
                display: none; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
            padding: 7px 25px;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.7);
            display: block;
            position: relative;
            letter-spacing: 0.06em;
            font-weight: 500;
            transition: all 0.3s ease;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a .content-menu {
              padding: 0px 15px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
              color: #fff; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active::before {
                opacity: 1;
                background: #fff;
                visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
              left: 20px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
              margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
          padding: 0;
          position: relative; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section:hover h5 {
              color: #fff !important;
              transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title {
              position: relative; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                margin-bottom: 0;
                line-height: 1.9;
                padding: 6px 25px 6px 65px;
                font-size: 14px;
                position: relative;
                color: rgba(255, 255, 255, 0.8);
                display: block;
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                cursor: pointer; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
                  left: 20px; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5 {
                color: #fff; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5::before {
                  opacity: 1;
                  visibility: visible; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
                top: 8px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
              margin-bottom: 0;
              line-height: 1.9;
              padding: 6px 15px 6px 65px;
              font-size: 14px;
              position: relative;
              color: rgba(255, 255, 255, 0.8);
              display: block;
              letter-spacing: 0.06em;
              font-weight: 500;
              font-family: "Montserrat", sans-serif; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a:after {
                display: none; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a.active {
                color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
              line-height: 1.9; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
                margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container {
          display: block !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container::before {
            height: calc(100% - 9px);
            transition: height 0.5s; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
            position: relative;
            margin-bottom: 10px;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active::after {
              opacity: 1;
              visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active ~ .sidebar-submenu::before {
              height: calc(100% - 8px);
              transition: height 0.5s; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active .according-menu i {
              color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
              color: #fff;
              transition: all 0.3s ease; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-content {
      display: flex;
      flex-direction: column; }
  .page-wrapper.compact-wrapper .page-body-wrapper .mega-box.col {
    flex-basis: unset; }
  .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
    position: absolute;
    right: 20px;
    top: 11px;
    display: block; }
    .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
      vertical-align: middle;
      color: rgba(255, 255, 255, 0.8);
      font-weight: 500; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu.border-section {
    border: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav {
    position: absolute;
    z-index: 2;
    right: 145px;
    top: 6px; }
    .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
      font-size: 18px;
      padding-left: 5px;
      text-transform: uppercase; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 80px);
    margin-top: 56px;
    margin-left: 265px; }
  .page-wrapper.compact-wrapper.dark-sidebar .sidebar-main-title h6, .page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title h6 {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .toggle-sidebar svg, .page-wrapper.compact-wrapper.color-sidebar .toggle-sidebar svg {
    stroke: var(--theme-deafult); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
    stroke: #fff !important; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
    fill: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
    stroke: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
    fill: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
    background: rgba(255, 255, 255, 0.1); }
  .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #22242B; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon {
      stroke: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon {
      fill: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
      color: #fff;
      stroke: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-light, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-light {
      display: none; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-dark, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-dark {
      display: block; }
  .page-wrapper.compact-wrapper.dark-sidebar .according-menu i, .page-wrapper.compact-wrapper.color-sidebar .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #2f3c4e; }
  .page-wrapper.compact-sidebar .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content {
    display: flex;
    flex-direction: column; }
  .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 54px;
    color: #fff;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
      left: 54px;
      right: unset; }
  .page-wrapper.compact-sidebar .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer;
    z-index: 1; }
  .page-wrapper.compact-sidebar .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-sidebar .pin-title {
    order: -1; }
  .page-wrapper.compact-sidebar ~ .bg-overlay1 {
    transition: 0.8s; }
    .page-wrapper.compact-sidebar ~ .bg-overlay1.active {
      z-index: 8;
      height: 100vh;
      width: 100vw;
      background-color: rgba(0, 0, 0, 0.2);
      position: fixed;
      top: 0; }
  .page-wrapper.compact-sidebar .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-sidebar .sidebar-main-title {
    display: none; }
  .page-wrapper.compact-sidebar .logo-wrapper {
    display: none; }
  .page-wrapper.compact-sidebar .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 24px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-sidebar .page-header {
    margin-left: 150px;
    width: calc(100% - 150px); }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1578px) and (min-width: 1274px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 38%; } }
      @media (max-width: 1273px) and (min-width: 1200px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 45%; } }
      @media (max-width: 991px) and (min-width: 768px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 36%; } }
      @media (max-width: 767px) and (min-width: 756px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 28%; } }
      @media (max-width: 1199px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 132px; } }
      @media (max-width: 767px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 83px; } }
    .page-wrapper.compact-sidebar .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
    margin-top: 80px;
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper .footer {
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
      height: auto;
      line-height: inherit;
      background: #F5F5F5;
      width: 150px;
      text-align: left;
      transition: 0.3s;
      box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1); }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      margin: 30px 0;
      height: calc(100vh - 113px);
      overflow: auto; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        color: #2c323f; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          text-transform: capitalize;
          color: #2c323f;
          font-weight: 500;
          letter-spacing: 1px;
          font-size: 14px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active {
          background: rgba(0, 102, 102, 0.1);
          color: #006666;
          border-radius: 20px;
          margin: 0 10px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active span {
            color: #006666; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
            animation: fadeInLeft 300ms ease-in-out; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
        display: block;
        padding: 20px 0;
        border-bottom: 1px solid #f3f3f3; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
        position: fixed;
        top: 0px;
        height: calc(100vh - 0px);
        overflow: auto;
        left: 150px;
        width: 230px;
        background-color: #fff;
        box-shadow: 0 16px 15px 15px rgba(126, 55, 216, 0.03);
        transition: all 0.5s ease-in-out;
        display: none;
        padding-top: 20px;
        z-index: -1; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
          padding: 15px 15px 15px 40px;
          display: block;
          position: relative;
          border-bottom: 1px solid #f1f1f1; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
            display: none; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
            position: absolute;
            right: 20px;
            top: 16px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a.active,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a.active {
            background-color: rgba(0, 102, 102, 0.1);
            color: #006666;
            transition: all 0.3s ease; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li .submenu-content li a.active,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li .submenu-content li a.active {
          background-color: transparent; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
          position: absolute;
          content: "";
          left: 20px;
          top: 48%;
          width: 12px;
          border-top: 2px solid rgba(255, 255, 255, 0.4); }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 0; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
            text-align: left; }
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
              position: relative;
              font-size: 14px;
              font-weight: 400;
              padding: 15px 15px 15px 40px;
              letter-spacing: 1px;
              margin-bottom: 0; }
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
                position: absolute;
                content: "";
                left: 20px;
                top: 48%;
                width: 6px;
                border-top: 2px solid #595c60; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list {
        position: relative; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
          position: absolute;
          left: 53%;
          top: 7px;
          font-weight: 500;
          font-size: 9px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
          text-align: center; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
            margin: 0 auto 6px;
            width: 24px;
            height: 24px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
            display: block;
            font-weight: 500;
            letter-spacing: 1px;
            font-size: 14px;
            word-break: break-word; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link .according-menu {
            display: none; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
        text-align: center;
        padding: 0; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
          width: 24px;
          height: 24px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
          position: absolute;
          right: 20px;
          top: 13px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
      transform: translateX(-150px); }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
        margin-left: 0px; }
  .page-wrapper.compact-small .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 22px;
    color: #006666;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
      left: 22px;
      right: unset; }
  .page-wrapper.compact-small .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible; }
  .page-wrapper.compact-small .sidebar-list.pined, .page-wrapper.compact-small .sidebar-list.pin-title {
    order: -1; }
  .page-wrapper.compact-small .sidebar-main-title,
  .page-wrapper.compact-small .logo-wrapper {
    display: none; }
  .page-wrapper.compact-small .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 27px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-small .page-header {
    margin-left: 90px;
    width: calc(100% - 90px); }
    .page-wrapper.compact-small .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-small .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-small .page-body-wrapper .page-body {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper .footer {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div {
    width: 90px; }
  @media (max-width: 420px) {
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 105px); } }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    display: block;
    padding: 15px 0; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 90px; }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
      padding: 10px 15px 10px 40px; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
        display: none; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
        top: 11px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
    margin: 0 auto;
    width: 20px;
    height: 20px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
    margin: 0 auto; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu a > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translateX(-150px); }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
      margin-left: 0px; }
  .page-wrapper.only-body {
    background-color: #f2f0fa; }
    .page-wrapper.only-body .page-body-wrapper {
      background-color: #f2f0fa; }
    .page-wrapper.only-body .page-header {
      position: relative; }
      .page-wrapper.only-body .page-header .header-logo-wrapper {
        display: none; }
      .page-wrapper.only-body .page-header .header-wrapper {
        padding: 0 !important; }
        .page-wrapper.only-body .page-header .header-wrapper .left-header {
          display: none; }
        .page-wrapper.only-body .page-header .header-wrapper .nav-right {
          position: absolute;
          right: 60px;
          top: 58px; }
        .page-wrapper.only-body .page-header .header-wrapper .search-full {
          top: 37px;
          width: calc(100% - 50px);
          left: 25px; }
          [dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .search-full {
            left: unset;
            right: 25px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
            background-color: #fff;
            border-radius: 15px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu {
            top: 78px;
            width: calc(100% - 30px);
            margin: 0 auto;
            right: 0; }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-top: 20px;
      padding-bottom: 20px; }
    .page-wrapper.only-body .sidebar-wrapper,
    .page-wrapper.only-body footer {
      display: none; }
    .page-wrapper.only-body .page-body-wrapper .page-body {
      margin-top: 0px;
      min-height: calc(100vh - 0px); }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-left: 30px;
      padding-right: 30px;
      margin: 30px 0;
      border-radius: 15px; }
      @media (max-width: 991.98px) {
        .page-wrapper.only-body .page-body-wrapper .page-title {
          padding-left: 20px;
          padding-right: 20px;
          margin: 20px 0; } }
      .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6 {
        flex: 0 0 100%;
        max-width: 100%; }
      .page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb {
        margin-top: 5px;
        justify-content: flex-start; }
  .page-wrapper.modern-type .progress-chart-wrap {
    margin-left: -22px; }
    [dir="rtl"] .page-wrapper.modern-type .progress-chart-wrap {
      margin-left: unset;
      margin-right: -22px; }
  .page-wrapper.modern-type .ecommerce-widget {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .file-sidebar .pricing-plan {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .alert-primary {
    color: #006666; }
  .page-wrapper.modern-type .project-box {
    background-color: #00d6d6; }
  .page-wrapper.modern-type .nav-tabs .nav-link.active {
    background-color: transparent; }
  .page-wrapper.modern-type .simplebar-mask {
    top: 10px; }
  .page-wrapper.modern-type .page-header {
    margin-left: 0px;
    width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header.close_icon {
      margin-left: 0px;
      width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1200px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 818px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 36%; } }
    @media (max-width: 1669px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 50%; } }
    @media (max-width: 1428px) and (min-width: 1200px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 40%; } }
    .page-wrapper.modern-type .page-header .header-wrapper .header-logo-wrapper {
      display: flex;
      align-items: center; }
    .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
      display: block;
      margin-right: 30px; }
    .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
      display: block;
      position: relative;
      top: unset;
      right: unset;
      margin-right: 15px; }
  .page-wrapper.modern-type .page-body-wrapper .page-title {
    background-color: transparent;
    padding-bottom: 0; }
  .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
    margin: 30px !important;
    top: 80px;
    bottom: 0;
    border-radius: 15px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 160px); }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      margin-left: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
      margin-left: 0px;
      margin-right: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
      display: none; }
  .page-wrapper.modern-type .page-body-wrapper .page-body {
    margin-left: 296px; }
    .page-wrapper.modern-type .page-body-wrapper .page-body .container-fluid {
      max-width: 1500px; }
  .page-wrapper.modern-type .page-body-wrapper .footer {
    margin-left: 360px;
    margin-right: 70px;
    border-radius: 10px; }
    @media (max-width: 991px) {
      .page-wrapper.modern-type .page-body-wrapper .footer {
        margin-right: 0;
        margin-left: 0; } }
  .page-wrapper.material-type {
    position: relative; }
    .page-wrapper.material-type::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 300px;
      background-image: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-type .card {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
    .page-wrapper.material-type .page-header {
      position: relative;
      max-width: 1560px;
      margin: 50px auto 0;
      border-radius: 15px 15px 0 0; }
      .page-wrapper.material-type .page-header .header-wrapper .left-header {
        width: 31%; }
        @media (max-width: 1600px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 33%; } }
        @media (max-width: 1366px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 38%; } }
        @media (max-width: 1199px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 30%; } }
      @media (max-width: 1600px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 40%; } }
      @media (max-width: 1199px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 45%; } }
    .page-wrapper.material-type .page-body-wrapper {
      background-blend-mode: overlay;
      background-color: rgba(255, 255, 255, 0.5); }
      .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        position: relative;
        max-width: 1560px;
        margin: 0 auto;
        top: unset;
        height: 56px; }
      .page-wrapper.material-type .page-body-wrapper .page-body {
        margin: 0 auto;
        max-width: 1560px;
        background-color: #F5F5F5;
        box-shadow: 0 0 20px 7px rgba(8, 21, 66, 0.05);
        border-radius: 0 0 15px 15px; }
    .page-wrapper.material-type .footer {
      margin-top: 40px; }
    .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .left-header {
      width: 38%; }
    @media (max-width: 991px) {
      .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.advance-layout {
    background-blend-mode: overlay;
    background-color: #F5F5F5; }
    .page-wrapper.advance-layout .card {
      border-radius: 5px;
      box-shadow: none;
      border: 1px solid #ecf3fa; }
    .page-wrapper.advance-layout .page-header {
      position: relative;
      background-color: #fff;
      margin: 0 auto; }
    .page-wrapper.advance-layout .page-body-wrapper {
      background: transparent; }
      .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
        position: relative !important;
        top: unset !important;
        height: unset;
        box-shadow: none;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef; }
        .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper > div {
          overflow-x: hidden; }
      .page-wrapper.advance-layout .page-body-wrapper .page-body {
        margin-top: 0 !important; }

@keyframes pagebody {
  from {
    opacity: 0;
    transform: scale3d(0.98, 0.98, 0.98) translate(-20px, -50px); }
  50% {
    opacity: 1; } }

.md-sidebar {
  position: relative; }
  .md-sidebar .md-sidebar-toggle {
    display: none;
    width: fit-content;
    text-transform: capitalize;
    margin-bottom: 20px; }

#sidebar-menu .sidebar-links .simplebar-mask {
  border-bottom-right-radius: 18px; }

@media screen and (max-width: 1480px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -18%;
    width: 91%; } }

@media screen and (max-width: 1460px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -54%;
    width: 75%; }
  .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-right: 8px; } }

@media screen and (max-width: 1366px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -49%;
    width: 70%; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) {
    padding: 8px; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) svg {
      height: 22px;
      width: 22px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.onhover-dropdown.notification-down:nth-child(5)::before {
    left: 47px;
    height: 42px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li .profile-media img {
    width: 32px;
    height: 32px; }
  .profile-dropdown.onhover-show-div {
    right: 0;
    left: unset !important; }
    .profile-dropdown.onhover-show-div:before, .profile-dropdown.onhover-show-div:after {
      right: 10px !important;
      left: unset !important; } }

@media screen and (max-width: 1199px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 6px; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown .notification-down::before {
      content: "";
      position: absolute;
      left: 33px;
      height: 30px; }
  .mobile-title.d-none {
    display: flex !important;
    justify-content: space-between;
    padding: 20px 30px 17px;
    border-bottom: 1px solid #ddd;
    margin: 0 -15px; }
    .mobile-title.d-none h5 {
      color: var(--theme-deafult); }
    .mobile-title.d-none svg {
      stroke: var(--theme-deafult) !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -35%;
    width: 56%; } }

@media screen and (min-width: 992px) {
  .page-header .header-wrapper .nav-right .notification-dropdown {
    top: 46px; }
  .responsive-btn {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-mask {
    top: 0; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
    width: 200px;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    transition: all 0.5s ease; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a .sub-arrow {
      position: absolute;
      right: 20px;
      top: 5px;
      color: #59667a;
      font-weight: 100;
      transition: all 0.5s ease;
      font-size: 15px;
      top: 5px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
      display: none;
      border-radius: 4px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover .nav-sub-childmenu {
      display: block;
      position: absolute;
      left: 200px;
      background-color: #fff;
      top: -10px;
      padding: 15px 0px 15px 0px;
      box-shadow: 0 0 1px 0 #898989; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover .sub-arrow {
      right: 16px;
      transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.hoverd .sidebar-submenu {
    opacity: 1;
    visibility: visible;
    margin-top: 8px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .mega-menu-container {
    opacity: 1;
    visibility: visible;
    margin-top: 20px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .mobile-back {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .page-wrapper.material-icon {
    position: relative; }
    .page-wrapper.material-icon::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 200px;
      background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-icon .toggle-sidebar {
      color: rgba(255, 255, 255, 0.8); }
      .page-wrapper.material-icon .toggle-sidebar:hover > svg {
        color: #fff !important;
        stroke: #fff !important; }
    .page-wrapper.material-icon .page-header {
      position: relative;
      background: transparent;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto;
      width: calc(100% - 0px);
      box-shadow: none; }
      .page-wrapper.material-icon .page-header .f-light {
        color: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
        stroke: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li {
        color: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .notification-box svg,
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .cart-box svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > a > svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > svg {
          stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
        color: rgba(255, 255, 255, 0.7); }
      .page-wrapper.material-icon .page-header.close_icon {
        padding-left: 0;
        margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-body {
      margin-top: 0 !important;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto; }
    .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      padding-left: 15px;
      margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-title {
      color: #fff;
      background-color: transparent;
      border-bottom: none;
      box-shadow: none; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
        color: rgba(255, 255, 255, 0.6); }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        color: rgba(255, 255, 255, 0.8); } }

@media only screen and (min-width: 992px) {
  .page-wrapper.material-icon::before {
    height: 240px; } }

@media screen and (max-width: 767px) {
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(2) {
    background-color: #fff;
    padding: 8px;
    border-radius: 40px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav {
    background-color: unset; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav ul li {
      border-radius: 0px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:last-child {
    padding: 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
    height: 27px;
    width: 27px;
    cursor: pointer; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-dropdown .cart-dropdown ul li:nth-child(2) {
    border-radius: 0px !important;
    padding: 16px 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .tab-content .notification-card ul li {
    padding: 15px 0px !important;
    border-radius: 0px !important; }
  .sidebar-wrapper .menu .brand-logo img {
    width: 120px; } }

@media screen and (max-width: 576px) {
  .toggle-nav i {
    font-size: 20px; } }

/**=====================
  5.7 Sidebar CSS Ends
==========================**/
.left-header .d-flex {
  align-items: center; }

.left-header .welcome-content span {
  color: var(--chart-text-color); }

.left-header h6 {
  line-height: 1.6; }
  @media (max-width: 1199px) {
    .left-header h6 {
      width: 160px;
      overflow: hidden;
      -webkit-line-clamp: 1;
      text-overflow: ellipsis;
      white-space: nowrap; } }
  @media (max-width: 991px) {
    .left-header h6 {
      width: 120px; } }
  @media (max-width: 767px) {
    .left-header h6 {
      width: 66px; } }
@media (max-width: 892px) {
  .left-header {
    display: none; } }

.left-header img {
  margin-top: -12px;
  height: 26px; }

.left-header i {
  font-weight: 600;
  font-size: 12px;
  margin-bottom: -4px; }

.nav-right .nav-menus li .input-icon svg {
  position: absolute;
  top: 11px;
  left: 15px; }
  [dir="rtl"] .nav-right .nav-menus li .input-icon svg {
    right: 15px;
    left: unset; }

.nav-right .nav-menus li .input-icon::before {
  content: "";
  top: 8px;
  left: 44px;
  height: 25px;
  width: 1px;
  background-color: #E6E9EB;
  position: absolute; }
  [dir="rtl"] .nav-right .nav-menus li .input-icon::before {
    right: 44px;
    left: unset; }

.nav-right .nav-menus li .input-icon input {
  background-color: #fff; }

.nav-right .nav-menus li .input-show {
  position: relative; }
  .nav-right .nav-menus li .input-show input {
    position: absolute;
    z-index: 11;
    top: 25px;
    left: 0px;
    background-color: #fff;
    padding: 12px; }
  .nav-right .nav-menus li .input-show #searchInput.show input {
    display: block; }
  .nav-right .nav-menus li .input-show #searchInput input {
    display: none; }

/*======= Page Header css ends  ======= */
/**======Main Header css Start ======**/
.offcanvas .page-wrapper .page-body-wrapper .page-body,
.offcanvas-bookmark .page-wrapper .page-body-wrapper .page-body {
  position: relative;
  filter: blur(5px) grayscale(100%); }

.offcanvas {
  position: unset;
  visibility: visible;
  background: unset;
  z-index: 2; }

.toggle-sidebar {
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer; }
  .toggle-sidebar svg {
    width: 20px;
    height: 20px;
    stroke: var(--white); }
  .toggle-sidebar:before {
    content: "";
    position: absolute;
    height: 40px;
    width: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 100%;
    left: -10px;
    z-index: -2;
    top: -9px;
    transform: scale(0);
    transition: all 0.3s ease; }
  .toggle-sidebar:hover:before {
    height: 40px;
    width: 40px;
    transform: scale(1);
    transition: all 0.3s ease; }
  .toggle-sidebar:hover > svg {
    color: var(--white) !important;
    stroke: var(--white) !important; }

.onhover-dropdown {
  cursor: pointer;
  position: relative; }
  .onhover-dropdown.notification-down::before {
    content: "";
    top: 0px;
    left: 55px;
    height: 46px;
    width: 1px;
    background-color: #E6E9EB;
    position: absolute; }

.page-wrapper .page-body-wrapper {
  background-color: #F5F5F5; }

.page-wrapper .page-header.close_icon .header-wrapper .header-logo-wrapper .toggle-sidebar svg {
  stroke: #898989 !important; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message a {
  color: #051A1A; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .notification-card a {
  color: #051A1A; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .notification-card a:hover {
    color: #006666; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul {
  gap: 8px;
  justify-content: center;
  padding: 0px !important;
  align-items: center; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification-box a {
      color: #051A1A; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.total h6 {
      text-align: -webkit-auto; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification {
      border-bottom: 1px solid #E6E9EB;
      padding-bottom: 15px;
      padding-top: 15px; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data .product-icon {
        height: 40px;
        width: 40px;
        border-radius: 6px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data .product-icon svg {
          width: 25px;
          height: 25px;
          stroke: none !important; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data span {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;
        text-align: -webkit-auto; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification:last-child {
        border: none; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li {
  padding: 19px 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts {
    display: flex;
    align-items: center; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-image {
      height: 34px;
      width: 34px; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-name {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-name h6 {
        text-align: start; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li:hover a {
    color: #006666; }

.onhover-show-div {
  top: 80px;
  position: absolute;
  z-index: 8;
  background-color: #fff;
  transition: all linear 0.3s; }
  .onhover-show-div li a svg {
    margin-top: 0 !important; }
    .onhover-show-div li a svg path,
    .onhover-show-div li a svg line {
      color: #051A1A !important; }

/**======Main Header css Ends ======**/
/*=======Mega menu css start=======*/
.mega-menu .default-according .card .btn-link {
  font-weight: 500;
  color: gray; }

.mega-menu .default-according .card .card-body {
  font-size: 12px; }

.mega-menu .onhover-show-div {
  width: 1500px; }

.mega-menu .card-body {
  padding: 20px; }

.mega-menu div > div a {
  margin-bottom: 0px;
  display: inline-block;
  color: #FFFFFF; }

.mega-menu .list-unstyled div a {
  padding: 8px 35px 8px 0;
  transition: 0.5s; }
  .mega-menu .list-unstyled div a:hover {
    padding: 8px 35px 8px 10px;
    transition: 0.5s; }

/*=======Mega menu css end=======*/
/**=====================
    5.3 Header CSS Ends
==========================**/
/**=====================
    5.4 Navs CSS Start
==========================**/
#accordionoc #collapseicon,
#accordionoc #collapseicon1 {
  padding-top: 0px; }

#accordionoc li button {
  display: flex;
  align-items: center; }

.navs-icon.default-according.style-1 li button {
  position: relative; }
  .navs-icon.default-according.style-1 li button:hover {
    color: var(--theme-deafult) !important; }

.navs-icon.default-according.style-1 li button[aria-expanded="true"]:before {
  right: 2px;
  top: 6px; }

.navs-icon.default-according.style-1 li button[aria-expanded="false"]:before {
  right: 2px;
  top: 6px; }

.navs-icon {
  padding: 30px; }
  .navs-icon li {
    padding: 9px 0; }
    .navs-icon li a {
      color: #051A1A; }
      .navs-icon li a:hover {
        color: var(--theme-deafult); }
    .navs-icon li ul {
      padding-top: 9px; }

.onhover-dropdown.navs-dropdown:hover .onhover-show-div:before, .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after {
  right: 77px;
  left: unset; }

.icon-lists {
  font-family: inherit; }

/**=====================
    5.4 Navs CSS Ends
==========================**/
/**=====================
   5.5 Search CSS Start
==========================**/
.search-page .theme-form input {
  border: 1px solid var(--theme-deafult);
  padding-left: 20px;
  border-radius: 10px 0 0 10px;
  flex: 1 1 auto; }
  .search-page .theme-form input::placeholder {
    color: #006666; }
  .search-page .theme-form input:focus {
    outline: none; }

.search-page .theme-form .input-group .btn {
  line-height: 32px;
  font-size: 16px; }

.search-page .theme-form .input-group .form-control-plaintext {
  background: transparent; }

.search-page h6 {
  line-height: 1.4; }

.search-page .nav-link {
  font-weight: 500;
  text-transform: uppercase; }

.search-page .border-tab.nav-tabs .material-border {
  border-bottom-width: 1px; }

.search-page .border-tab.nav-tabs .nav-item .nav-link {
  font-size: 15px;
  padding: 10px 18px; }

.search-page .media .media-body {
  overflow: hidden; }

.search-page .info-block {
  padding: 30px;
  border-radius: 15px;
  border: 1px solid #E6E9EB; }
  .search-page .info-block a {
    color: #656565;
    margin-bottom: 3px;
    display: block; }
  .search-page .info-block h6 {
    color: #006666; }
  .search-page .info-block + .info-block {
    margin-top: 20px; }

.search-page .border-tab.nav-tabs {
  align-items: left;
  justify-content: end; }
  .search-page .border-tab.nav-tabs .nav-item {
    width: auto; }

.search-page .search-links h6 {
  margin-bottom: 10px; }

.search-page p {
  text-transform: lowercase;
  margin-bottom: 0;
  color: #a5a2a2; }

.search-page ul.search-info li {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  color: #586082; }
  .search-page ul.search-info li + li {
    border-left: 1px solid #a8b0c2;
    padding-left: 8px;
    margin-left: 8px; }
  .search-page ul.search-info li i {
    color: #FFAE1A; }
    .search-page ul.search-info li i:not(:last-child) {
      margin-right: 4px; }

.search-page #video-links .embed-responsive + .embed-responsive {
  margin-top: 30px; }

.search-list {
  margin-bottom: 30px;
  width: auto;
  display: inline-flex;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #006666;
  border: none; }
  .search-list .nav-item {
    background-color: rgba(0, 102, 102, 0.1); }
    .search-list .nav-item .nav-link {
      border: none;
      padding: 0.7rem 1.5rem;
      opacity: 0.5; }
      .search-list .nav-item .nav-link.active {
        background-color: rgba(0, 102, 102, 0.1);
        color: var(--theme-deafult);
        opacity: 1; }
    .search-list .nav-item.show, .search-list .nav-item.active {
      background-color: rgba(0, 102, 102, 0.1); }

/**=====================
  5.5 Search CSS Ends
==========================**/
/**=====================
    5.6 Select2 CSS Start
==========================**/
/**=====================
    2.35 Typeahead-search CSS Start
==========================**/
.Typeahead {
  width: 100%; }
  .Typeahead * {
    box-sizing: border-box; }
    .Typeahead *:before {
      box-sizing: border-box; }
    .Typeahead *:after {
      box-sizing: border-box; }
  .Typeahead .tt-hint {
    display: none !important; }

.u-cf:before {
  content: " ";
  display: table; }

.u-cf:after {
  content: " ";
  display: table;
  clear: both; }

.u-hidden {
  display: none !important; }

.u-posRelative {
  position: relative; }

.Typeahead-spinner {
  position: absolute;
  top: 14px;
  right: 18px;
  display: none;
  color: #c5c5c5; }

.ProfileCard-avatar svg {
  height: 18px;
  vertical-align: bottom; }
  .ProfileCard-avatar svg path {
    color: #7e7c7c !important; }
  .ProfileCard-avatar svg polygon {
    color: #7e7c7c !important; }

.Typeahead-hint {
  width: 100%;
  padding: 5px 8px;
  font-size: 24px;
  line-height: 30px;
  border: 1px solid #024e6a;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  color: #ccd6dd;
  opacity: 1; }

.Typeahead-menu {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 15px;
  z-index: 100;
  display: none;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.Typeahead-menu.is-open {
  display: block; }

.Typeahead-selectable {
  cursor: pointer; }
  .Typeahead-selectable + .Typeahead-selectable {
    border-top: 1px solid #ccd6dd; }

.ProfileCard {
  position: relative;
  padding: 10px;
  border: 1px solid #E6E9EB !important;
  margin-bottom: 10px;
  border-radius: 10px; }
  .ProfileCard:hover {
    color: #414345;
    background: #f8f8f8; }
    .ProfileCard:hover .ProfileCard-avatar {
      border-color: #f5f8fa; }
    .ProfileCard:hover .ProfileCard-screenName {
      color: #fff; }
    .ProfileCard:hover .ProfileCard-stat-label {
      color: #fff; }

.ProfileCard-avatar {
  position: absolute;
  border-radius: 5px; }

.ProfileCard-details {
  padding-left: 35px;
  float: left; }

.ProfileCard-realName {
  display: inline-block;
  color: #898989; }

.ProfileCard-screenName {
  display: inline-block;
  color: #898989; }

.ProfileCard-description {
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px; }

.ProfileCard-stats {
  float: right;
  text-align: right; }

.ProfileCard-stat {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase; }
  .ProfileCard-stat + .ProfileCard-stat {
    margin-left: 5px; }

.ProfileCard-stat-label {
  color: #898989;
  font-weight: 500; }

.ProfileCard.is-active {
  color: #fff;
  background: var(--theme-deafult); }
  .ProfileCard.is-active .ProfileCard-screenName {
    color: #fff; }
  .ProfileCard.is-active .ProfileCard-stat-label {
    color: #fff; }

.EmptyMessage {
  position: relative;
  padding: 10px;
  font-size: 14px;
  line-height: 30px;
  text-align: center; }

.Typeahead-spinner {
  width: 1rem;
  height: 1rem; }

.sey-container {
  display: none;
  position: absolute;
  box-shadow: 1px 2px 6px;
  background-color: #fff;
  color: #333;
  transition: left 0.1s ease-in-out;
  z-index: 1; }

.sey-list {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.sey-show {
  display: block; }

.sey-hide {
  display: none; }

.sey-empty {
  cursor: default;
  padding: 7px; }

.sey-item {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 7px; }
  .sey-item:hover {
    background-color: #444;
    color: #fff; }

.sey-selected {
  background-color: #333;
  color: #fff; }

.sey-char-highlight {
  font-weight: bold; }

.sey-category-id {
  background-color: #eee;
  color: #aaa;
  text-align: right;
  text-transform: capitalize;
  font-style: italic;
  font-size: 12px;
  box-shadow: 1px 0px 1px;
  padding: 7px; }

/**=====================
  2.35 Typeahead-search CSS Ends
==========================**/
.dropzone {
  background: unset; }
  .dropzone.dropzone-secondary {
    border: 2px dashed #FE6A49; }
    .dropzone.dropzone-secondary i {
      color: #FE6A49; }
  @media (max-width: 360px) {
    .dropzone .note {
      min-width: unset !important; } }
  .dropzone .dz-preview {
    margin: 28px 18px !important;
    box-shadow: unset; }
    .dropzone .dz-preview .dz-details {
      top: unset;
      bottom: -6px;
      position: relative;
      padding-bottom: 6px;
      background-color: unset; }
      [dir="rtl"] .dropzone .dz-preview .dz-details {
        left: unset;
        right: 32px; }
    .dropzone .dz-preview:hover .dz-error-message {
      display: none !important; }
  .dropzone .dz-error-mark .dz-remove {
    position: relative; }

.dz-preview .dz-remove {
  cursor: pointer; }

.dropzone-secondary .dz-preview .dz-remove {
  color: #FE6A49; }

.select2 {
  max-width: 100%; }

.add-post #cke_text-box {
  border: 1px solid #efefef; }

.add-post form .m-checkbox-inline label {
  margin-bottom: 0; }

.add-post form .form-control {
  border: 1px solid #efefef; }

.add-post form .col-form-label {
  padding-bottom: 0;
  padding-top: 0;
  font-weight: 500; }
  .add-post form .col-form-label .select2-container--default {
    margin-top: 10px;
    max-width: 100%; }
    .add-post form .col-form-label .select2-container--default .selection .select2-selection .select2-search__field {
      padding: 2px; }
    .add-post form .col-form-label .select2-container--default .select2-selection--multiple {
      border: 1px solid #efefef;
      max-width: 100%; }
      .add-post form .col-form-label .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
        margin-top: 6px !important; }

.add-post .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--theme-deafult);
  border: 1px solid var(--theme-deafult);
  color: var(--white); }
  .add-post .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    color: var(--white);
    float: right;
    margin-left: 0.5rem; }
    [dir="rtl"] .add-post .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
      float: left;
      margin-left: unset;
      margin-right: 0.5rem; }

.add-post .dropzone {
  margin-bottom: 30px; }

.select2-container--open .select2-dropdown {
  z-index: 7; }

.select2-container {
  width: 100% !important; }
  .select2-container.select2 .selection {
    display: block !important; }

.select2-drpdwn .select2-selection {
  border-radius: 0 !important;
  border-color: #E6E9EB !important;
  height: 40px !important;
  padding: 5px; }

.select2-drpdwn .form-control {
  border-radius: 5px; }

.select2-drpdwn .form-control-primary {
  border-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.select2-drpdwn .form-control-secondary {
  border-color: var(--theme-secondary);
  color: var(--theme-secondary); }

.select2-drpdwn .form-control-success {
  border-color: #00AC46;
  color: #00AC46; }

.select2-drpdwn .form-control-info {
  border-color: #173878;
  color: #173878; }

.select2-drpdwn .form-control-warning {
  border-color: #FFAE1A;
  color: #FFAE1A; }

.select2-drpdwn .form-control-danger {
  border-color: #FE6A49;
  color: #FE6A49; }

.select2-drpdwn .form-control-inverse {
  border-color: #2c323f;
  color: #2c323f; }

.select2-drpdwn .form-control-primary-fill {
  background-color: var(--theme-deafult);
  color: #fff; }

.select2-drpdwn .form-control-secondary-fill {
  background-color: var(--theme-secondary);
  color: #fff; }

.select2-drpdwn .form-control-success-fill {
  background-color: #00AC46;
  color: #fff; }

.select2-drpdwn .form-control-info-fill {
  background-color: #173878;
  color: #fff; }

.select2-drpdwn .form-control-warning-fill {
  background-color: #FFAE1A;
  color: #fff; }

.select2-drpdwn .form-control-danger-fill {
  background-color: #FE6A49;
  color: #fff; }

.select2-drpdwn .form-control-inverse-fill {
  background-color: #2c323f;
  color: #fff; }

.filepond--drop-label .filepond--label-action {
  color: #FE6A49;
  text-decoration: none; }

.filepond--list .filepond--file {
  background-color: #006666; }

/* Do not show the "remove tag" (x) button when only a single tag remains */
.customLook {
  display: inline-block;
  min-width: 0;
  border: none; }
  .customLook .tagify__tag {
    margin-top: 0; }
    .customLook .tagify__tag:only-of-type .tagify__tag__removeBtn {
      display: none; }
    .customLook .tagify__tag:hover .tagify__tag__removeBtn {
      transform: none;
      opacity: 1;
      margin-left: -1ch; }
  .customLook .tagify__tag__removeBtn {
    opacity: 0;
    transform: translateX(-6px) scale(0.5);
    margin-left: -3ch;
    transition: .12s; }
  .customLook + button {
    color: var(--theme-deafult);
    font: bold 1.4em/1.65 Arial;
    border: 0;
    background: none;
    box-shadow: 0 0 0 2px inset var(--theme-deafult);
    border-radius: 50%;
    width: 1.65em;
    height: 1.65em;
    cursor: pointer;
    outline: none;
    transition: .1s ease-out;
    margin: 0 0 0 5px;
    vertical-align: top; }
    .customLook + button:hover {
      box-shadow: 0 0 0 5px inset var(--theme-deafult); }
  .customLook .tagify__input {
    display: none; }

.tagify--empty .tagify__input::before {
  color: var(--chart-text-color); }

.customSuggestionsList > div {
  max-height: 300px;
  min-height: 50px;
  border: 2px solid var(--chart-dashed-border);
  overflow: auto; }

.customSuggestionsList .empty {
  color: var(--theme-deafult);
  font-size: 20px;
  text-align: center;
  padding: 1em; }

.tagify__dropdown.extra-properties .tagify__dropdown__item > img {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  transform: scale(0.75);
  margin-right: 5px;
  border-radius: 2px;
  transition: .12s ease-out; }

.tagify__dropdown.extra-properties .tagify__dropdown__item:hover > img {
  transform: none;
  margin-right: 12px; }

.tagify__dropdown.extra-properties .tagify__dropdown__item--active > img {
  transform: none;
  margin-right: 12px; }

.tagify.countries .tagify__input {
  min-width: 175px; }

.tagify.countries tag {
  white-space: nowrap; }
  .tagify.countries tag img {
    display: inline-block;
    height: 16px;
    margin-right: 3px;
    border-radius: 2px;
    pointer-events: none; }

.tagify--select {
  width: 100%; }

.tagify__dropdown__wrapper {
  background: var(--white);
  border-color: var(--recent-dashed-border); }

.tagify__dropdown__item--active {
  background-color: #E6E9EB;
  color: var(--body-font-color); }

.tagify {
  --tags-focus-border-color: #cccccc; }

.tagify__input {
  color: #2c323f; }

.tagify--select::after {
  color: var(--chart-text-color); }
  [dir="rtl"] .tagify--select::after {
    right: unset;
    left: 0;
    transform: translate(150%, -50%) scaleX(1.2) rotate(90deg); }

[dir="rtl"] .tagify--select .tagify__tag {
  right: unset;
  left: 1.8em; }

[dir="rtl"] .tagify--select[aria-expanded=true]::after {
  transform: translate(150%, -50%) rotate(270deg) scale(1.2); }

.international-num input {
  width: calc(240px + (250 - 240) * ((100vw - 320px) / (1920 - 320)));
  padding: 10px;
  border-radius: 2px;
  border: 1px solid #E6E9EB; }
  .international-num input:focus {
    outline-color: #E6E9EB; }

.international-num input::placeholder {
  color: #E6E9EB; }

.international-num .results ul {
  border: 1px solid #E6E9EB;
  margin-top: 12px;
  padding: 8px;
  line-height: 1.9; }

.iti--allow-dropdown .iti__flag {
  background-image: url(/../images/forms/flags.png); }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 10px;
  right: 10px; }

.select-box {
  position: relative;
  display: flex;
  width: 400px;
  flex-direction: column; }
  .select-box .options-container {
    background: var(--recent-box-bg);
    color: var(--body-font-color);
    max-height: 0;
    width: 100%;
    opacity: 0;
    transition: all 0.4s;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    order: 1; }
    .select-box .options-container::-webkit-scrollbar {
      width: 8px;
      background: var(--view-grid-bg);
      border-radius: 0 8px 8px 0; }
    .select-box .options-container::-webkit-scrollbar-thumb {
      background: var(--view-grid-bg);
      border-radius: 0 8px 8px 0; }
  .select-box .options-container.active {
    max-height: 240px;
    opacity: 1;
    overflow-y: scroll;
    margin-top: 53px; }
    @media (min-width: 1007px) and (max-width: 1920px) {
      .select-box .options-container.active {
        max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } }
    @media (min-width: 768px) and (max-width: 1006px) {
      .select-box .options-container.active {
        max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } }
    @media (max-width: 767px) {
      .select-box .options-container.active {
        max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
        margin-top: 46px; } }
    .select-box .options-container.active + .selected-box::after {
      transform: rotateX(180deg);
      top: -6px; }
    .select-box .options-container.active ~ .search-box input {
      opacity: 1;
      pointer-events: auto; }
  .select-box .selection-option {
    padding: 12px 24px;
    cursor: pointer; }
    .select-box .selection-option:hover {
      background: #E6E9EB; }
    .select-box .selection-option .radio {
      display: none; }
  .select-box label {
    cursor: pointer; }

.selected-box {
  background: var(--light2);
  color: #333;
  position: relative;
  order: 0;
  padding: 12px 24px;
  cursor: pointer; }
  @media (min-width: 1007px) and (max-width: 1920px) {
    .selected-box {
      max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } }
  @media (min-width: 768px) and (max-width: 1006px) {
    .selected-box {
      max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } }
  @media (max-width: 767px) {
    .selected-box {
      max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320))); } }
  .selected-box::after {
    content: "\f078";
    font-family: "FontAwesome";
    position: absolute;
    height: 100%;
    width: 32px;
    right: 10px;
    top: 12px;
    transition: all 0.4s; }
    [dir="rtl"] .selected-box::after {
      left: 10px;
      right: unset; }

.search-box input {
  width: 100%;
  padding: 12px 16px;
  font-size: 16px;
  position: absolute;
  z-index: 1;
  border: 2px solid var(--chart-dashed-border);
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s;
  border-radius: 6px; }
  @media (min-width: 1007px) and (max-width: 1920px) {
    .search-box input {
      max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } }
  @media (min-width: 768px) and (max-width: 1006px) {
    .search-box input {
      max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } }
  @media (max-width: 767px) {
    .search-box input {
      max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
      padding: 9px 16px; } }
  .search-box input:focus {
    outline: none; }

/**=====================
    5.6 Select2 CSS Ends
==========================**/
/**=====================
  5.7 Sidebar CSS Start
==========================**/
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
  position: absolute;
  content: "";
  top: 12%;
  width: 13px;
  height: 15px;
  border-bottom-left-radius: 8px;
  border-left: 2px solid rgba(255, 255, 255, 0.4);
  border-bottom: 2px solid rgba(255, 255, 255, 0.4); }

.media.media-wrapper {
  width: 100%;
  display: -webkit-flex; }

.media .media-body {
  flex: unset; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  left: 32px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5); }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li [dir="rtl"] a::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title [dir="rtl"] h5::before {
    left: unset;
    right: 25px; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before {
  position: absolute;
  content: '';
  width: 2px;
  height: 0;
  background: rgba(255, 255, 255, 0.4);
  top: -10px;
  left: 20px;
  transition: height 0.5s; }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .mega-menu-container::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .sidebar-submenu::before {
    left: unset;
    right: 20px; }

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 49%;
  width: 5px;
  height: 1px;
  border-radius: 100%;
  background-color: #59667a; }

.onhover-show-div {
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  left: 0; }

.onhover-dropdown:hover .onhover-show-div {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
  border-radius: 5px;
  overflow: hidden; }
  .onhover-dropdown:hover .onhover-show-div:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 2; }
  .onhover-dropdown:hover .onhover-show-div:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d7e2e9;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 1; }

.page-wrapper {
  position: relative; }
  .page-wrapper .page-header {
    max-width: 100vw;
    position: fixed;
    top: 0;
    z-index: 8;
    transition: 0.5s; }
    .page-wrapper .page-header .header-wrapper {
      width: 100%;
      align-items: center;
      padding: 13px 30px;
      position: relative;
      background-color: #F5F5F5; }
      @media (max-width: 1399px) {
        .page-wrapper .page-header .header-wrapper {
          padding: 14px 20px; } }
      .page-wrapper .page-header .header-wrapper .search-full {
        background-color: #fff;
        position: absolute;
        right: 0;
        z-index: 1;
        height: 0;
        width: 0;
        transform: scale(0);
        transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full.open {
          height: 100%;
          width: 100%;
          animation: zoomIn 0.5s ease-in-out;
          transform: scale(1);
          transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full input {
          line-height: 65px;
          padding-left: 60px;
          width: 100% !important; }
          .page-wrapper .page-header .header-wrapper .search-full input:focus {
            outline: none !important; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
          position: absolute;
          font-size: 15px;
          right: 30px;
          top: 30px;
          color: #898989;
          cursor: pointer; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
            left: 30px;
            right: unset; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
          position: absolute;
          left: 30px;
          top: 27px;
          content: "\f002";
          font-size: 16px;
          color: #898989;
          font-family: FontAwesome; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
            left: unset;
            right: 30px; }
      .page-wrapper .page-header .header-wrapper .nav-right {
        justify-content: flex-end; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li svg {
          vertical-align: middle;
          stroke: var(--body-font-color);
          height: 24px;
          width: 24px; }
          .page-wrapper .page-header .header-wrapper .nav-right ul li svg path {
            color: #242934; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
          height: 24px;
          width: 24px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li .search-form svg {
          width: 20px;
          height: 20px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode {
          cursor: pointer;
          text-align: center; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i {
            font-size: 18px;
            font-weight: 600;
            transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i.fa-lightbulb-o {
              font-weight: 500;
              font-size: 22px;
              transition: all 0.3s ease;
              animation: zoomIn 300ms ease-in-out; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .header-search {
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
          margin-left: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body span {
            font-weight: 500;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box !important;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            white-space: normal; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
            font-size: 12px;
            line-height: 1;
            color: rgba(5, 26, 26, 0.7); }
        .page-wrapper .page-header .header-wrapper .nav-right > ul {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          gap: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
            padding: 6px 10px;
            display: inline-block;
            position: relative; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li:nth-child(n+3):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right > ul > li.profile-nav:nth-child(n+3)) {
              background-color: #fff;
              padding: 12px;
              border-radius: 40px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .badge {
              position: absolute;
              right: 0px;
              top: -3px;
              padding: 2px 4px;
              font-size: 11px;
              font-weight: 700;
              font-family: work-Sans, sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .mode svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .input-show svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul {
              left: inherit;
              right: -10px;
              width: 130px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:before, .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:after {
                left: inherit;
                right: 10px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li {
                display: block; }
                .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a {
                  font-size: 14px;
                  color: #2c323f; }
                  .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a i {
                    margin-left: 10px;
                    font-size: 13px;
                    color: #2c323f; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul .flag-icon {
            font-size: 16px; }
        .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip {
          width: unset !important;
          box-shadow: unset !important;
          background-color: transparent !important;
          overflow: initial; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::after, .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::before {
            display: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content {
            text-align: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
              width: 52px;
              height: 52px;
              background-color: #f9f9f9;
              border-radius: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              margin: 0 auto; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content span {
              font-family: "Montserrat", sans-serif;
              font-size: 12px;
              font-weight: 500;
              letter-spacing: 0.5px; }
        .page-wrapper .page-header .header-wrapper .nav-right .flip-card {
          width: 300px;
          height: 260px;
          background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner {
            position: relative;
            height: 100%;
            text-align: center;
            transition: transform 0.6s;
            transform-style: preserve-3d; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front,
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              position: absolute;
              backface-visibility: hidden;
              border-radius: 10px;
              overflow: hidden;
              box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
              width: 300px;
              height: 260px; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button,
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                background-color: transparent;
                color: #006666;
                border: none; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button:focus,
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button:focus {
                  outline: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
              background-color: #fff;
              transition: .3s; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
                stroke: var(--body-font-color);
                transition: all 0.3s ease; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg:hover {
                  stroke: var(--body-font-color);
                  transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              background-color: #fff;
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:first-child {
                margin-top: 20px;
                height: 140px !important; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                width: 100%; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
                border-radius: 25px;
                padding: 6px 12px;
                width: 100%;
                border: 1px solid #ddd; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input:focus {
                  outline: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped {
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped .front {
                opacity: 0; }
        .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
          width: 330px;
          top: 50px;
          right: 0;
          left: unset; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .dropdown-title {
            padding: 20px;
            text-align: center;
            border-bottom: 1px solid rgba(145, 142, 153, 0.3); }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div ul {
            padding: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li {
            padding: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li p {
              font-size: 14px;
              letter-spacing: 0.3px;
              margin-bottom: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li a {
              letter-spacing: 0.3px;
              font-family: "Montserrat", sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li + li {
              margin-top: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li:last-child {
              padding-bottom: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media {
              position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media img {
                width: 40px;
                position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .status-circle {
                left: 0; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body > span {
                letter-spacing: 0.8px;
                padding-right: 10px;
                display: inline-block; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body p {
                margin-bottom: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:before, .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:after {
            right: 10px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown.notification-all ul li {
          border-radius: 0px;
          border-bottom: 1px solid rgba(145, 142, 153, 0.1); }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown ul {
          padding: 0 0 15px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li {
          padding: 10px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media {
            align-items: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
              margin-right: 20px; }
              [dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
                margin-right: unset;
                margin-left: 20px; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li + li {
            margin-top: 0;
            border-top: 1px solid rgba(145, 142, 153, 0.1); }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li:last-child {
            padding: 20px 15px;
            border-top: none; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown p {
          line-height: 1.3;
          margin-top: 3px;
          opacity: 0.6; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
          position: absolute;
          right: 0;
          top: 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle a {
            width: 18px;
            height: 18px;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle svg {
            width: 14px;
            stroke: #fff; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box {
          margin: 5px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group {
            width: 80px;
            background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input {
              background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input,
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              font-size: 10px;
              font-family: "Montserrat", sans-serif;
              font-weight: 700; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              padding: 0px 7px;
              background-color: #F7F6FF !important;
              border-color: #F7F6FF !important;
              border-radius: 100%;
              font-size: 14px;
              color: #051A1A; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
          margin: 0;
          padding: 15px;
          background-color: #f9f9f9;
          border: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 {
            font-family: "Montserrat", sans-serif;
            font-weight: 500;
            font-size: 12px;
            line-height: 14px;
            letter-spacing: 0.5px; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 span {
              font-size: 14px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .view-checkout {
          text-decoration: unset; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box svg {
          animation: swing 1.5s ease infinite; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
          left: unset; }
          @media (max-width: 575.98px) {
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
              width: calc(100vw - 30px); } }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li:last-child {
            text-align: center;
            background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p span {
              font-size: 11px;
              vertical-align: middle; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:after {
            right: 28px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
          width: 160px;
          top: 57px;
          left: -12px;
          padding: 0 10px; }
          .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li {
            padding: 10px !important;
            border-bottom: 1px solid #E6E9EB; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              border: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
              text-decoration: unset; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a span {
              color: var(--theme-deafult);
              transition: color 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg {
              stroke: var(--theme-deafult);
              transition: stroke 0.3s ease; }
              .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg path {
                stroke: var(--theme-deafult);
                transition: stroke 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li + li {
              margin-top: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              padding-top: 10px !important; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
              color: #2c323f; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li svg {
              width: 16px;
              vertical-align: bottom;
              margin-right: 10px;
              stroke: #2c323f; }
  .page-wrapper .page-body-wrapper {
    background-color: #F5F5F5; }
    .page-wrapper .page-body-wrapper .page-body {
      min-height: calc(100vh - 136px);
      margin-top: 136px;
      padding: 25px 15px;
      position: relative;
      transition: 0.5s; }
      .page-wrapper .page-body-wrapper .page-body:before {
        animation: fadeIn 0.5s ease-in-out; }
    .page-wrapper .page-body-wrapper .page-title {
      padding: 20px 30px;
      margin: 0px -27px 0px; }
      .page-wrapper .page-body-wrapper .page-title > .row {
        margin: 0; }
        .page-wrapper .page-body-wrapper .page-title > .row .col-6 {
          padding: 0; }
      .page-wrapper .page-body-wrapper .page-title .row {
        align-items: center; }
        .page-wrapper .page-body-wrapper .page-title .row h3 {
          font-size: 24px;
          margin-bottom: 0;
          text-transform: capitalize; }
          .page-wrapper .page-body-wrapper .page-title .row h3 small {
            display: block;
            font-size: 12px;
            margin-bottom: 5px;
            text-transform: capitalize;
            color: #FFFFFF; }
      .page-wrapper .page-body-wrapper .page-title .breadcrumb {
        background-color: transparent;
        padding: 0;
        margin-bottom: 0;
        align-items: center;
        justify-content: flex-end; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
          font-size: 13px;
          letter-spacing: 1px;
          font-family: "Montserrat", sans-serif; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
          content: "/"; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
          width: 16px;
          height: 16px;
          stroke: #2c323f;
          vertical-align: text-top; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
          color: var(--theme-deafult);
          font-weight: 500; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
      stroke: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
      fill: #051A1A;
      stroke: none !important; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg {
      transition: all 0.3s ease; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
        stroke: #fff; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
        fill: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content li a {
      text-transform: capitalize; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .stroke-icon {
    display: inline-block; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .fill-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .stroke-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .fill-icon {
    display: inline-block; }
  .page-wrapper.horizontal-wrapper [data-simplebar] {
    position: relative; }
  .page-wrapper.horizontal-wrapper .footer {
    margin-left: 0; }
  .page-wrapper.horizontal-wrapper .header-logo-wrapper {
    width: 150px; }
    .page-wrapper.horizontal-wrapper .header-logo-wrapper .toggle-sidebar {
      display: none; }
  .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 19px;
    right: 0px;
    color: #fff; }
    [dir="rtl"] .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
      left: 0;
      right: unset; }
  .page-wrapper.horizontal-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: hidden;
    cursor: pointer; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    height: 54px;
    line-height: inherit;
    top: 79px;
    background: #fff;
    box-shadow: 0px 9px 24px rgba(89, 102, 122, 0.05);
    overflow-x: hidden;
    z-index: 1;
    overflow-y: visible;
    position: fixed;
    width: 100vw;
    border-top: 1px solid #efefef;
    z-index: 3; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .simplebar-content {
      display: flex; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper li {
      display: inline-block; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .badge {
      position: absolute;
      top: 2px;
      right: 0px;
      z-index: 1; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper,
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
      text-align: left;
      position: relative; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        position: absolute;
        top: 0px;
        padding: 15px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        cursor: pointer; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow.disabled,
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow.disabled {
          display: none; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow {
        left: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        right: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: normal;
        direction: ltr;
        text-align: left;
        display: -webkit-box !important;
        padding: 0 5px;
        transition: all .5s ease;
        white-space: nowrap; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a.active .according-menu i:before {
          content: '-'; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a .according-menu {
          display: none; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active {
          color: #fff; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active:after {
            background-color: rgba(255, 255, 255, 0.6); }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          position: relative;
          padding-top: 10px;
          padding-bottom: 10px; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a > span {
            color: var(--theme-deafult);
            transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a {
            background-color: #fff;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.stroke-icon {
              stroke: #fff;
              transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.fill-icon {
              fill: #fff;
              transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
            display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            display: block;
            color: #051A1A;
            line-height: 23px;
            text-decoration: none;
            text-transform: capitalize;
            padding: 5px 15px;
            margin: 0 3px;
            letter-spacing: 0.04em;
            position: relative;
            border-radius: 5px;
            font-weight: 500;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active {
              transition: all 0.3s ease; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active svg,
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active span {
                color: #fff;
                transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a .badge {
              position: absolute;
              top: -5px;
              margin-left: 1px;
              right: 10px;
              padding: 0.20em 0.7em; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg {
              width: 18px;
              height: 18px;
              vertical-align: middle;
              margin-right: 10px;
              stroke: #051A1A !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
            position: fixed;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 15px 0px 15px 0px;
            background: white; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li {
              border: 0;
              float: none;
              position: relative;
              display: block; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
                background: transparent;
                padding: 4px 30px;
                display: block;
                transition: all 0.5s ease;
                line-height: 1.9;
                color: rgba(43, 43, 43, 0.6);
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                transition: all 0.3s ease; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
                  left: 20px; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
                  color: #006666;
                  letter-spacing: 1.5px;
                  transition: all 0.3s ease; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover:after {
                    background-color: var(--theme-deafult); }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
            position: fixed;
            right: 0;
            left: 0;
            margin: 0 auto;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 30px;
            background: white;
            width: 95%;
            border-radius: 4px;
            display: block !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
              width: 20%; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                text-transform: uppercase;
                font-size: 14px;
                margin-left: -13px; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content {
                box-shadow: none;
                background-color: transparent;
                position: relative;
                display: block;
                padding: 0; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li {
                  border: 0;
                  float: none;
                  position: relative;
                  display: block; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
                    border: 0 !important;
                    background: transparent;
                    color: #051A1A;
                    border-radius: 0 !important;
                    text-transform: capitalize;
                    padding: 3px 0;
                    font-size: 13px;
                    display: block;
                    letter-spacing: 0.07em;
                    line-height: 1.9;
                    position: relative;
                    transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover {
                      color: var(--theme-deafult);
                      letter-spacing: 1.5px;
                      transition: all 0.3s ease; }
                      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover:after {
                        color: var(--theme-deafult);
                        transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:after {
                      position: absolute;
                      content: "";
                      left: -12px;
                      top: 50%;
                      width: 5px;
                      height: 1px;
                      background-color: #59667a; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a:after {
            left: 0;
            right: 0;
            opacity: 1; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu {
            position: unset; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper.overlay-white {
      background-color: rgba(255, 255, 255, 0.08); }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav i {
      font-size: 24px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
    margin-top: 110px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main-title {
    display: none !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.scorlled .sidebar-wrapper {
    display: none;
    transition: all 0.3s ease; }
  .page-wrapper.horizontal-wrapper .page-header {
    width: 100%;
    box-shadow: none; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .form-control-plaintext {
      width: auto !important; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1324px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
      @media (max-width: 1323px) and (min-width: 1200px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 1199px) and (min-width: 992px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
    @media (max-width: 1428px) and (min-width: 1324px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 55%; } }
    @media (max-width: 1323px) and (min-width: 1200px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 40%; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.horizontal-wrapper.enterprice-type footer {
    margin-left: 0; }
  .page-wrapper.material-icon .card {
    border-radius: 30px;
    box-shadow: 0 0 20px rgba(0, 102, 102, 0.1); }
  .page-wrapper .sidebar-main-title h6 {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 0.40px; }
  .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 11px;
    right: -9px;
    color: #fff;
    z-index: 9999; }
    [dir="rtl"] .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
      left: -9px;
      right: unset; }
  .page-wrapper.compact-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer; }
  .page-wrapper.compact-wrapper .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-wrapper .pin-title {
    order: -1; }
  .page-wrapper.compact-wrapper .page-header {
    margin-left: 265px;
    width: calc(100% - $sidebar-compact-width); }
    .page-wrapper.compact-wrapper .page-header.close_icon {
      margin-left: 90px;
      width: calc(100% - 90px); }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
      position: absolute;
      content: "";
      bottom: 0%;
      height: 1px;
      z-index: 8;
      width: calc(100% - 40px);
      background: #E6E9EB; }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9;
    height: 100%;
    line-height: inherit;
    background: var(--theme-deafult);
    width: 265px;
    text-align: left;
    transition: 0.3s;
    box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      fill: #fff; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      padding: 22px 30px;
      box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
      border-top-right-radius: 15px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
      width: auto;
      transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .badge {
        opacity: 0;
        width: 0;
        padding: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        max-width: 86px;
        margin: 0;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          text-align: center;
          padding: 12px 14px;
          transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main-title {
        display: none !important;
        opacity: 0;
        transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper {
        display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
        text-align: right;
        display: block; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
        width: 265px;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .badge {
          opacity: 1;
          width: auto;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          max-width: unset;
          margin: initial;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
            text-align: left; }
            [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
              text-align: right; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            padding: 12px 15px;
            transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a span {
              display: inline-block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main-title {
          opacity: 1;
          display: block !important;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
          display: block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-icon-wrapper {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .mobile-sidebar {
        transform: translate(183px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
        margin-left: 90px;
        transition: 0.5s; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer-fix {
        width: calc(100% - 90px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 118px); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          padding: 15px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::before {
            right: 20px;
            left: unset; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a span {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .according-menu {
        display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
      visibility: hidden;
      position: absolute;
      top: -8px;
      right: 17px;
      border-radius: 15px;
      padding: 4px 6px;
      color: #fff;
      font-size: 11px;
      background-color: #006666;
      border: 1px solid rgba(255, 255, 255, 0.6); }
      [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
        left: 17px;
        right: unset; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list:hover i.fa-thumb-tack {
      visibility: visible;
      cursor: pointer; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pined, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 115px);
      left: -300px;
      z-index: 99;
      transition: color 1s ease;
      overflow: auto;
      color: rgba(0, 0, 0, 0);
      margin-top: 20px;
      margin-bottom: 30px; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        font-weight: 500; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
          width: 18px;
          height: 18px;
          margin-right: 10px;
          vertical-align: -2px;
          float: none;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          letter-spacing: 0.7px;
          text-transform: capitalize;
          color: rgba(255, 255, 255, 0.8); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.link-nav .according-menu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li:last-child {
        border-bottom: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links.opennav {
        left: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn {
        display: block;
        width: 100%;
        padding: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn .mobile-back {
          padding: 20px;
          color: #242934;
          font-weight: 700;
          text-transform: uppercase;
          border-bottom: 1px solid #efefef;
          cursor: pointer;
          display: flex;
          justify-content: flex-end;
          align-items: center; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        display: block;
        width: 100%;
        position: relative; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
          padding: 25px 0 6px 20px;
          margin-top: 0px;
          margin-bottom: 12px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: block; }
          [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
            padding: 25px 20px 6px 0; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
            position: absolute;
            content: '';
            top: 0;
            left: 50%;
            background: rgba(255, 255, 255, 0.2);
            width: calc(100% - 40px);
            height: 1px;
            transform: translateX(-50%); }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2) {
            margin-top: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2)::before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list {
          padding: 0px 18px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list .badge {
            position: absolute;
            right: 50px;
            top: 14.5px;
            padding: 0.45em 0.8em 0.33em;
            z-index: 1;
            font-size: 10px;
            letter-spacing: 0.7px;
            font-weight: 600;
            font-family: "Montserrat", sans-serif;
            border-radius: 10px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list:hover > a:hover {
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg {
          fill: #fff;
          stroke: #fff;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg.fill-icon {
            fill: #fff;
            stroke: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover span {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover .according-menu i {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          padding: 11px 13px;
          position: relative;
          color: #222222; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow {
            right: 20px;
            position: absolute;
            top: 10px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow i {
              display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow:before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
          display: none !important; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
          width: 100%;
          padding: 0;
          position: relative !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
            padding-left: 50px !important;
            font-weight: 400; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu .submenu-title .according-menu {
            top: 7px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover > a {
            color: #fff;
            transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
            display: none;
            position: relative !important;
            right: 0;
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu.opensubchild {
              display: block; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a {
              padding: 6px 45px;
              padding-left: 63px !important; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a:after {
                display: none; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
            padding: 7px 25px;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.7);
            display: block;
            position: relative;
            letter-spacing: 0.06em;
            font-weight: 500;
            transition: all 0.3s ease;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a .content-menu {
              padding: 0px 15px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
              color: #fff; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active::before {
                opacity: 1;
                background: #fff;
                visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
              left: 20px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
              margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
          padding: 0;
          position: relative; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section:hover h5 {
              color: #fff !important;
              transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title {
              position: relative; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                margin-bottom: 0;
                line-height: 1.9;
                padding: 6px 25px 6px 65px;
                font-size: 14px;
                position: relative;
                color: rgba(255, 255, 255, 0.8);
                display: block;
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                cursor: pointer; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
                  left: 20px; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5 {
                color: #fff; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5::before {
                  opacity: 1;
                  visibility: visible; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
                top: 8px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
              margin-bottom: 0;
              line-height: 1.9;
              padding: 6px 15px 6px 65px;
              font-size: 14px;
              position: relative;
              color: rgba(255, 255, 255, 0.8);
              display: block;
              letter-spacing: 0.06em;
              font-weight: 500;
              font-family: "Montserrat", sans-serif; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a:after {
                display: none; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a.active {
                color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
              line-height: 1.9; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
                margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container {
          display: block !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container::before {
            height: calc(100% - 9px);
            transition: height 0.5s; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
            position: relative;
            margin-bottom: 10px;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active::after {
              opacity: 1;
              visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active ~ .sidebar-submenu::before {
              height: calc(100% - 8px);
              transition: height 0.5s; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active .according-menu i {
              color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
              color: #fff;
              transition: all 0.3s ease; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-content {
      display: flex;
      flex-direction: column; }
  .page-wrapper.compact-wrapper .page-body-wrapper .mega-box.col {
    flex-basis: unset; }
  .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
    position: absolute;
    right: 20px;
    top: 11px;
    display: block; }
    .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
      vertical-align: middle;
      color: rgba(255, 255, 255, 0.8);
      font-weight: 500; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu.border-section {
    border: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav {
    position: absolute;
    z-index: 2;
    right: 145px;
    top: 6px; }
    .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
      font-size: 18px;
      padding-left: 5px;
      text-transform: uppercase; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 80px);
    margin-top: 56px;
    margin-left: 265px; }
  .page-wrapper.compact-wrapper.dark-sidebar .sidebar-main-title h6, .page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title h6 {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .toggle-sidebar svg, .page-wrapper.compact-wrapper.color-sidebar .toggle-sidebar svg {
    stroke: var(--theme-deafult); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
    stroke: #fff !important; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
    fill: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
    stroke: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
    fill: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
    background: rgba(255, 255, 255, 0.1); }
  .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #22242B; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon {
      stroke: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon {
      fill: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
      color: #fff;
      stroke: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-light, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-light {
      display: none; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-dark, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-dark {
      display: block; }
  .page-wrapper.compact-wrapper.dark-sidebar .according-menu i, .page-wrapper.compact-wrapper.color-sidebar .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #2f3c4e; }
  .page-wrapper.compact-sidebar .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content {
    display: flex;
    flex-direction: column; }
  .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 54px;
    color: #fff;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
      left: 54px;
      right: unset; }
  .page-wrapper.compact-sidebar .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer;
    z-index: 1; }
  .page-wrapper.compact-sidebar .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-sidebar .pin-title {
    order: -1; }
  .page-wrapper.compact-sidebar ~ .bg-overlay1 {
    transition: 0.8s; }
    .page-wrapper.compact-sidebar ~ .bg-overlay1.active {
      z-index: 8;
      height: 100vh;
      width: 100vw;
      background-color: rgba(0, 0, 0, 0.2);
      position: fixed;
      top: 0; }
  .page-wrapper.compact-sidebar .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-sidebar .sidebar-main-title {
    display: none; }
  .page-wrapper.compact-sidebar .logo-wrapper {
    display: none; }
  .page-wrapper.compact-sidebar .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 24px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-sidebar .page-header {
    margin-left: 150px;
    width: calc(100% - 150px); }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1578px) and (min-width: 1274px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 38%; } }
      @media (max-width: 1273px) and (min-width: 1200px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 45%; } }
      @media (max-width: 991px) and (min-width: 768px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 36%; } }
      @media (max-width: 767px) and (min-width: 756px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 28%; } }
      @media (max-width: 1199px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 132px; } }
      @media (max-width: 767px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 83px; } }
    .page-wrapper.compact-sidebar .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
    margin-top: 80px;
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper .footer {
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
      height: auto;
      line-height: inherit;
      background: #F5F5F5;
      width: 150px;
      text-align: left;
      transition: 0.3s;
      box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1); }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      margin: 30px 0;
      height: calc(100vh - 113px);
      overflow: auto; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        color: #2c323f; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          text-transform: capitalize;
          color: #2c323f;
          font-weight: 500;
          letter-spacing: 1px;
          font-size: 14px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active {
          background: rgba(0, 102, 102, 0.1);
          color: #006666;
          border-radius: 20px;
          margin: 0 10px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active span {
            color: #006666; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
            animation: fadeInLeft 300ms ease-in-out; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
        display: block;
        padding: 20px 0;
        border-bottom: 1px solid #f3f3f3; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
        position: fixed;
        top: 0px;
        height: calc(100vh - 0px);
        overflow: auto;
        left: 150px;
        width: 230px;
        background-color: #fff;
        box-shadow: 0 16px 15px 15px rgba(126, 55, 216, 0.03);
        transition: all 0.5s ease-in-out;
        display: none;
        padding-top: 20px;
        z-index: -1; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
          padding: 15px 15px 15px 40px;
          display: block;
          position: relative;
          border-bottom: 1px solid #f1f1f1; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
            display: none; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
            position: absolute;
            right: 20px;
            top: 16px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a.active,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a.active {
            background-color: rgba(0, 102, 102, 0.1);
            color: #006666;
            transition: all 0.3s ease; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li .submenu-content li a.active,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li .submenu-content li a.active {
          background-color: transparent; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
          position: absolute;
          content: "";
          left: 20px;
          top: 48%;
          width: 12px;
          border-top: 2px solid rgba(255, 255, 255, 0.4); }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 0; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
            text-align: left; }
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
              position: relative;
              font-size: 14px;
              font-weight: 400;
              padding: 15px 15px 15px 40px;
              letter-spacing: 1px;
              margin-bottom: 0; }
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
                position: absolute;
                content: "";
                left: 20px;
                top: 48%;
                width: 6px;
                border-top: 2px solid #595c60; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list {
        position: relative; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
          position: absolute;
          left: 53%;
          top: 7px;
          font-weight: 500;
          font-size: 9px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
          text-align: center; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
            margin: 0 auto 6px;
            width: 24px;
            height: 24px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
            display: block;
            font-weight: 500;
            letter-spacing: 1px;
            font-size: 14px;
            word-break: break-word; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link .according-menu {
            display: none; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
        text-align: center;
        padding: 0; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
          width: 24px;
          height: 24px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
          position: absolute;
          right: 20px;
          top: 13px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
      transform: translateX(-150px); }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
        margin-left: 0px; }
  .page-wrapper.compact-small .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 22px;
    color: #006666;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
      left: 22px;
      right: unset; }
  .page-wrapper.compact-small .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible; }
  .page-wrapper.compact-small .sidebar-list.pined, .page-wrapper.compact-small .sidebar-list.pin-title {
    order: -1; }
  .page-wrapper.compact-small .sidebar-main-title,
  .page-wrapper.compact-small .logo-wrapper {
    display: none; }
  .page-wrapper.compact-small .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 27px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-small .page-header {
    margin-left: 90px;
    width: calc(100% - 90px); }
    .page-wrapper.compact-small .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-small .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-small .page-body-wrapper .page-body {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper .footer {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div {
    width: 90px; }
  @media (max-width: 420px) {
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 105px); } }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    display: block;
    padding: 15px 0; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 90px; }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
      padding: 10px 15px 10px 40px; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
        display: none; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
        top: 11px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
    margin: 0 auto;
    width: 20px;
    height: 20px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
    margin: 0 auto; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu a > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translateX(-150px); }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
      margin-left: 0px; }
  .page-wrapper.only-body {
    background-color: #f2f0fa; }
    .page-wrapper.only-body .page-body-wrapper {
      background-color: #f2f0fa; }
    .page-wrapper.only-body .page-header {
      position: relative; }
      .page-wrapper.only-body .page-header .header-logo-wrapper {
        display: none; }
      .page-wrapper.only-body .page-header .header-wrapper {
        padding: 0 !important; }
        .page-wrapper.only-body .page-header .header-wrapper .left-header {
          display: none; }
        .page-wrapper.only-body .page-header .header-wrapper .nav-right {
          position: absolute;
          right: 60px;
          top: 58px; }
        .page-wrapper.only-body .page-header .header-wrapper .search-full {
          top: 37px;
          width: calc(100% - 50px);
          left: 25px; }
          [dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .search-full {
            left: unset;
            right: 25px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
            background-color: #fff;
            border-radius: 15px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu {
            top: 78px;
            width: calc(100% - 30px);
            margin: 0 auto;
            right: 0; }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-top: 20px;
      padding-bottom: 20px; }
    .page-wrapper.only-body .sidebar-wrapper,
    .page-wrapper.only-body footer {
      display: none; }
    .page-wrapper.only-body .page-body-wrapper .page-body {
      margin-top: 0px;
      min-height: calc(100vh - 0px); }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-left: 30px;
      padding-right: 30px;
      margin: 30px 0;
      border-radius: 15px; }
      @media (max-width: 991.98px) {
        .page-wrapper.only-body .page-body-wrapper .page-title {
          padding-left: 20px;
          padding-right: 20px;
          margin: 20px 0; } }
      .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6 {
        flex: 0 0 100%;
        max-width: 100%; }
      .page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb {
        margin-top: 5px;
        justify-content: flex-start; }
  .page-wrapper.modern-type .progress-chart-wrap {
    margin-left: -22px; }
    [dir="rtl"] .page-wrapper.modern-type .progress-chart-wrap {
      margin-left: unset;
      margin-right: -22px; }
  .page-wrapper.modern-type .ecommerce-widget {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .file-sidebar .pricing-plan {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .alert-primary {
    color: #006666; }
  .page-wrapper.modern-type .project-box {
    background-color: #00d6d6; }
  .page-wrapper.modern-type .nav-tabs .nav-link.active {
    background-color: transparent; }
  .page-wrapper.modern-type .simplebar-mask {
    top: 10px; }
  .page-wrapper.modern-type .page-header {
    margin-left: 0px;
    width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header.close_icon {
      margin-left: 0px;
      width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1200px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 818px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 36%; } }
    @media (max-width: 1669px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 50%; } }
    @media (max-width: 1428px) and (min-width: 1200px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 40%; } }
    .page-wrapper.modern-type .page-header .header-wrapper .header-logo-wrapper {
      display: flex;
      align-items: center; }
    .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
      display: block;
      margin-right: 30px; }
    .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
      display: block;
      position: relative;
      top: unset;
      right: unset;
      margin-right: 15px; }
  .page-wrapper.modern-type .page-body-wrapper .page-title {
    background-color: transparent;
    padding-bottom: 0; }
  .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
    margin: 30px !important;
    top: 80px;
    bottom: 0;
    border-radius: 15px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 160px); }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      margin-left: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
      margin-left: 0px;
      margin-right: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
      display: none; }
  .page-wrapper.modern-type .page-body-wrapper .page-body {
    margin-left: 296px; }
    .page-wrapper.modern-type .page-body-wrapper .page-body .container-fluid {
      max-width: 1500px; }
  .page-wrapper.modern-type .page-body-wrapper .footer {
    margin-left: 360px;
    margin-right: 70px;
    border-radius: 10px; }
    @media (max-width: 991px) {
      .page-wrapper.modern-type .page-body-wrapper .footer {
        margin-right: 0;
        margin-left: 0; } }
  .page-wrapper.material-type {
    position: relative; }
    .page-wrapper.material-type::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 300px;
      background-image: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-type .card {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
    .page-wrapper.material-type .page-header {
      position: relative;
      max-width: 1560px;
      margin: 50px auto 0;
      border-radius: 15px 15px 0 0; }
      .page-wrapper.material-type .page-header .header-wrapper .left-header {
        width: 31%; }
        @media (max-width: 1600px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 33%; } }
        @media (max-width: 1366px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 38%; } }
        @media (max-width: 1199px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 30%; } }
      @media (max-width: 1600px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 40%; } }
      @media (max-width: 1199px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 45%; } }
    .page-wrapper.material-type .page-body-wrapper {
      background-blend-mode: overlay;
      background-color: rgba(255, 255, 255, 0.5); }
      .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        position: relative;
        max-width: 1560px;
        margin: 0 auto;
        top: unset;
        height: 56px; }
      .page-wrapper.material-type .page-body-wrapper .page-body {
        margin: 0 auto;
        max-width: 1560px;
        background-color: #F5F5F5;
        box-shadow: 0 0 20px 7px rgba(8, 21, 66, 0.05);
        border-radius: 0 0 15px 15px; }
    .page-wrapper.material-type .footer {
      margin-top: 40px; }
    .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .left-header {
      width: 38%; }
    @media (max-width: 991px) {
      .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.advance-layout {
    background-blend-mode: overlay;
    background-color: #F5F5F5; }
    .page-wrapper.advance-layout .card {
      border-radius: 5px;
      box-shadow: none;
      border: 1px solid #ecf3fa; }
    .page-wrapper.advance-layout .page-header {
      position: relative;
      background-color: #fff;
      margin: 0 auto; }
    .page-wrapper.advance-layout .page-body-wrapper {
      background: transparent; }
      .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
        position: relative !important;
        top: unset !important;
        height: unset;
        box-shadow: none;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef; }
        .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper > div {
          overflow-x: hidden; }
      .page-wrapper.advance-layout .page-body-wrapper .page-body {
        margin-top: 0 !important; }

@keyframes pagebody {
  from {
    opacity: 0;
    transform: scale3d(0.98, 0.98, 0.98) translate(-20px, -50px); }
  50% {
    opacity: 1; } }

.md-sidebar {
  position: relative; }
  .md-sidebar .md-sidebar-toggle {
    display: none;
    width: fit-content;
    text-transform: capitalize;
    margin-bottom: 20px; }

#sidebar-menu .sidebar-links .simplebar-mask {
  border-bottom-right-radius: 18px; }

@media screen and (max-width: 1480px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -18%;
    width: 91%; } }

@media screen and (max-width: 1460px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -54%;
    width: 75%; }
  .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-right: 8px; } }

@media screen and (max-width: 1366px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -49%;
    width: 70%; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) {
    padding: 8px; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) svg {
      height: 22px;
      width: 22px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.onhover-dropdown.notification-down:nth-child(5)::before {
    left: 47px;
    height: 42px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li .profile-media img {
    width: 32px;
    height: 32px; }
  .profile-dropdown.onhover-show-div {
    right: 0;
    left: unset !important; }
    .profile-dropdown.onhover-show-div:before, .profile-dropdown.onhover-show-div:after {
      right: 10px !important;
      left: unset !important; } }

@media screen and (max-width: 1199px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 6px; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown .notification-down::before {
      content: "";
      position: absolute;
      left: 33px;
      height: 30px; }
  .mobile-title.d-none {
    display: flex !important;
    justify-content: space-between;
    padding: 20px 30px 17px;
    border-bottom: 1px solid #ddd;
    margin: 0 -15px; }
    .mobile-title.d-none h5 {
      color: var(--theme-deafult); }
    .mobile-title.d-none svg {
      stroke: var(--theme-deafult) !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -35%;
    width: 56%; } }

@media screen and (min-width: 992px) {
  .page-header .header-wrapper .nav-right .notification-dropdown {
    top: 46px; }
  .responsive-btn {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-mask {
    top: 0; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
    width: 200px;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    transition: all 0.5s ease; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a .sub-arrow {
      position: absolute;
      right: 20px;
      top: 5px;
      color: #59667a;
      font-weight: 100;
      transition: all 0.5s ease;
      font-size: 15px;
      top: 5px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
      display: none;
      border-radius: 4px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover .nav-sub-childmenu {
      display: block;
      position: absolute;
      left: 200px;
      background-color: #fff;
      top: -10px;
      padding: 15px 0px 15px 0px;
      box-shadow: 0 0 1px 0 #898989; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover .sub-arrow {
      right: 16px;
      transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.hoverd .sidebar-submenu {
    opacity: 1;
    visibility: visible;
    margin-top: 8px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .mega-menu-container {
    opacity: 1;
    visibility: visible;
    margin-top: 20px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .mobile-back {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .page-wrapper.material-icon {
    position: relative; }
    .page-wrapper.material-icon::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 200px;
      background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-icon .toggle-sidebar {
      color: rgba(255, 255, 255, 0.8); }
      .page-wrapper.material-icon .toggle-sidebar:hover > svg {
        color: #fff !important;
        stroke: #fff !important; }
    .page-wrapper.material-icon .page-header {
      position: relative;
      background: transparent;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto;
      width: calc(100% - 0px);
      box-shadow: none; }
      .page-wrapper.material-icon .page-header .f-light {
        color: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
        stroke: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li {
        color: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .notification-box svg,
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .cart-box svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > a > svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > svg {
          stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
        color: rgba(255, 255, 255, 0.7); }
      .page-wrapper.material-icon .page-header.close_icon {
        padding-left: 0;
        margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-body {
      margin-top: 0 !important;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto; }
    .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      padding-left: 15px;
      margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-title {
      color: #fff;
      background-color: transparent;
      border-bottom: none;
      box-shadow: none; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
        color: rgba(255, 255, 255, 0.6); }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        color: rgba(255, 255, 255, 0.8); } }

@media only screen and (min-width: 992px) {
  .page-wrapper.material-icon::before {
    height: 240px; } }

@media screen and (max-width: 767px) {
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(2) {
    background-color: #fff;
    padding: 8px;
    border-radius: 40px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav {
    background-color: unset; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav ul li {
      border-radius: 0px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:last-child {
    padding: 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
    height: 27px;
    width: 27px;
    cursor: pointer; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-dropdown .cart-dropdown ul li:nth-child(2) {
    border-radius: 0px !important;
    padding: 16px 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .tab-content .notification-card ul li {
    padding: 15px 0px !important;
    border-radius: 0px !important; }
  .sidebar-wrapper .menu .brand-logo img {
    width: 120px; } }

@media screen and (max-width: 576px) {
  .toggle-nav i {
    font-size: 20px; } }

/**=====================
  5.7 Sidebar CSS Ends
==========================**/
/**=====================
    5.8 Rtl CSS Start
==========================**/
html[dir="rtl"] ul {
  padding-right: 0; }

html[dir="rtl"] .ms-auto {
  margin-left: unset !important;
  margin-right: auto !important; }

html[dir="rtl"] .revenuegrowth .revenuegrowth-chart::before {
  right: unset;
  left: 0px; }

html[dir="rtl"] .img-boostup .img-boostup-img-1 {
  left: unset;
  right: -63px;
  transform: scaleX(-1); }

html[dir="rtl"] .img-boostup .img-boostup-img-2 {
  transform: scaleX(-1);
  left: unset;
  right: -61px; }

html[dir="rtl"] .table-order .order-table thead tr th:first-child, html[dir="rtl"] .project-table .order-table thead tr th:first-child {
  border-top-left-radius: unset !important;
  border-bottom-left-radius: unset !important;
  border-top-right-radius: 5px  !important;
  border-bottom-right-radius: 5px !important; }

html[dir="rtl"] .table-order .order-table thead tr th:last-child, html[dir="rtl"] .project-table .order-table thead tr th:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important; }

html[dir="rtl"] .tap-top {
  left: 30px;
  right: unset; }

html[dir="rtl"] .tranaction-table thead tr th:first-child {
  border-top-left-radius: unset !important;
  border-bottom-left-radius: unset !important;
  border-top-right-radius: 5px  !important;
  border-bottom-right-radius: 5px !important; }

html[dir="rtl"] .tranaction-table thead tr th:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important; }

html[dir="rtl"] .user-message ul li .activity-log .status {
  right: 25px !important; }

html[dir="rtl"] .activity-table table tbody tr td .team-activity::before {
  right: 24px;
  left: unset; }

html[dir="rtl"] .activity-table table tbody tr td .activity-data span::before {
  right: -9px;
  left: unset; }

html[dir="rtl"] .activity-table table tbody tr td .activity-data .common-space::before {
  bottom: 0px;
  top: unset;
  right: unset;
  left: 0px; }

html[dir="rtl"] .activity-table table tbody tr td .activity-data .user-activity::before {
  bottom: 0px;
  top: unset;
  right: unset;
  left: 0px; }

html[dir="rtl"] .prooduct-details-box .media .media-body {
  margin-right: 1rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .important-project .projectlist-card .range_4 .slider-container {
  direction: ltr; }
  html[dir="rtl"] .important-project .projectlist-card .range_4 .slider-container .slider_input {
    left: 0; }

html[dir="rtl"] .add-project .categories {
  transform: scaleX(-1);
  left: 0;
  right: unset; }

html[dir="rtl"] .activity-group::before {
  content: "";
  right: 0px;
  left: unset; }

html[dir="rtl"] .projectlist-card .project-comment .project-comment-icon .project-link::before {
  left: 35px;
  right: unset; }

html[dir="rtl"] .figure.text-start blockquote {
  border-left: none !important;
  border-right: 4px solid #006666 !important; }

html[dir="rtl"] .figure.text-end blockquote {
  border-right: none !important;
  border-left: 4px solid #006666 !important; }

html[dir="rtl"] .client-list-table table tbody tr td .user-id::before {
  right: unset;
  left: 11%; }

html[dir="rtl"] .project-table .project-comment .project-comment-icon .project-link::before {
  right: 47px;
  left: unset; }

html[dir="rtl"] .activity-log-card ul::before {
  right: 36px;
  left: unset; }

html[dir="rtl"] .slider-wrapper {
  direction: ltr; }

html[dir="rtl"] .f-right {
  float: left; }

html[dir="rtl"] .papernote-wrap .note-labels ul {
  gap: 9px; }

html[dir="rtl"] .form-check-inline {
  margin-right: unset;
  margin-left: 1rem; }

html[dir="rtl"] .knowledgebase-search .form-inline svg {
  left: unset;
  right: 20px; }

html[dir="rtl"] .switch-showcase .form-check .form-check-input {
  float: left; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:first-child {
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:last-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-left-width: 1px; }

html[dir="rtl"] .pill-input-group span:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 1.3rem !important;
  border-bottom-left-radius: 1.3rem !important; }

html[dir="rtl"] .pill-input-group span:first-child {
  border-top-left-radius: unset !important;
  border-top-right-radius: unset !important;
  border-top-right-radius: 1.3rem !important;
  border-bottom-right-radius: 1.3rem !important; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
  text-align: right;
  border-top-left-radius: 15px;
  border-top-right-radius: unset;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: unset; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .toggle-sidebar {
    right: unset;
    left: 30px; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
    padding: 0; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .badge {
      left: 50px !important;
      right: unset !important; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon {
    margin-right: 0;
    margin-left: unset; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .logo-icon-wrapper {
      text-align: left; }
      html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .logo-icon-wrapper img {
        margin-left: 8px; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .page-body,
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
      margin-left: 0;
      margin-right: 100px;
      transition: 0.5s; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      margin-left: 0; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
      display: none !important; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .according-menu {
      display: none; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      margin-left: 13px; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover {
    transform: translate(0px); }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
      display: block !important; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      float: none; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .according-menu {
      display: block; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu:after {
    right: 30px;
    left: unset;
    border-top-right-radius: 8px;
    border-right: 2px solid; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
    padding-right: 65px !important;
    padding-left: unset !important; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a:before {
      right: 32px; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a:after {
      right: 20px;
      left: unset;
      top: 9%;
      border-bottom-left-radius: unset;
      border-bottom-right-radius: 8px;
      border-left: unset;
      border-right: 2px solid rgba(255, 255, 255, 0.5);
      border-bottom: 2px solid rgba(255, 255, 255, 0.5); }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 265px; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
  right: unset;
  left: 20px; }

html[dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .nav-right {
  right: unset;
  left: 30px; }

html[dir="rtl"] .date-details > div + div {
  margin-left: unset;
  margin-right: 10px; }

html[dir="rtl"] .contact-editform.ps-0 {
  padding-left: 20px !important; }

html[dir="rtl"] .contact-options li .btn-category {
  padding-left: unset !important;
  padding-right: 40px; }

html[dir="rtl"] .list-persons .profile-mail .email-general ul {
  padding-right: unset;
  padding-left: 20px; }
  html[dir="rtl"] .list-persons .profile-mail .email-general ul li > span {
    float: left; }

html[dir="rtl"] .list-persons .profile-mail .media .media-body ul li + li {
  padding-right: unset;
  padding-left: 10px;
  margin-right: unset;
  margin-left: 5px;
  border-right: unset;
  border-left: 1px solid #E6E9EB; }

html[dir="rtl"] .file-content .form-inline i {
  padding-right: unset;
  padding-left: 10px; }

html[dir="rtl"] .file-sidebar .btn svg {
  margin-right: unset;
  margin-left: 8px; }

html[dir="rtl"] .file-sidebar .pricing-plan .bg-img {
  left: -40px;
  right: unset; }

html[dir="rtl"] .form-select {
  border-radius: 0px;
  background-position: left 0.75rem center; }

html[dir="rtl"] .customers ul li + li {
  margin-left: unset;
  margin-right: -10%; }

html[dir="rtl"] .project-list .border-tab.nav-tabs .nav-item .nav-link {
  padding: 5px 0 5px 30px; }

html[dir="rtl"] .project-box .badge {
  right: unset;
  left: 30px; }

html[dir="rtl"] .kanban-board {
  float: right; }

html[dir="rtl"] .kanban-item .kanban-box .customers ul li + li {
  margin-left: unset;
  margin-right: -10px; }

html[dir="rtl"] .kanban-item .list li i {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .page-wrapper.horizontal-wrapper .header-logo-wrapper {
  text-align: right; }

html[dir="rtl"] .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
  margin-right: 0; }

html[dir="rtl"] .page-wrapper.horizontal-wrapper .page-body-wrapper footer {
  margin-right: 0; }

html[dir="rtl"] .page-wrapper.material-type .page-body-wrapper .page-body {
  margin-right: auto; }

html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:first-child {
  margin-right: 0; }

html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
  margin-right: 15px;
  margin-left: unset; }

html[dir="rtl"] .page-header .header-wrapper .toggle-sidebar {
  margin-left: 2px;
  margin-right: unset; }

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
  left: -20px !important;
  right: unset !important; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
      left: 12px !important; } }
html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full input {
  padding-left: unset;
  padding-right: 60px;
  text-align: right; }

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
  left: unset;
  right: 30px; }

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
  right: unset;
  left: 0; }

html[dir="rtl"] .page-wrapper.compact-sidebar .toggle-sidebar {
  margin-left: 15px;
  margin-right: unset; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-header {
  margin-left: unset;
  margin-right: 150px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-header.close_icon {
    margin-right: 0; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 150px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper .footer {
  margin-left: unset;
  margin-right: 150px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
  text-align: right; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
  animation: fadeInRight 1000ms ease-in-out; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  right: 150px;
  left: unset; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
    padding: 15px 40px 15px 15px; }
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
      right: 20px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
    left: unset;
    right: 20px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
    text-align: right; }
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      padding: 15px 40px 15px 15px; }
      html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
      html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
        left: unset;
        right: 20px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
  left: unset;
  right: 53%; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
  text-align: center; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
  text-align: center; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
    right: unset;
    left: 20px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
  transform: translateX(150px); }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
    margin-right: 0px; }

html[dir="rtl"] .page-wrapper.compact-small .page-header {
  margin-right: 90px; }

html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  right: 90px; }

html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper .footer,
html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper .page-body {
  margin-right: 90px; }

html[dir="rtl"] .page-wrapper.material-icon .page-header {
  padding-left: unset;
  padding-right: 90px;
  margin: 0 auto; }
  html[dir="rtl"] .page-wrapper.material-icon .page-header.close_icon {
    padding-right: 0; }

html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper .page-body {
  padding-left: 15px;
  padding-right: 90px;
  margin: 0 auto; }

html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
  padding-right: 15px;
  margin: 0 auto !important; }

html[dir="rtl"] .apexcharts-canvas {
  direction: ltr; }

html[dir="rtl"] .email-wrap .btn-mail {
  text-align: right; }

html[dir="rtl"] .email-wrap .email-app-sidebar ul li a {
  padding-left: unset;
  padding-right: 20px; }

html[dir="rtl"] .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
  text-align: center; }

html[dir="rtl"] .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark {
  text-align: right; }

html[dir="rtl"] .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
  left: 30px;
  right: unset;
  text-align: left; }

html[dir="rtl"] .bookmark-wrap .details-bookmark .row > div + div {
  padding-left: 15px !important; }

html[dir="rtl"] .appointment-table table tr td .status-circle {
  left: unset;
  right: 35px; }

html[dir="rtl"] .notification .card .d-flex .w-100 p .badge {
  margin-left: unset;
  margin-right: 10px; }

html[dir="rtl"] .progress-gradient-primary {
  background-image: linear-gradient(to right, var(--theme-deafult), transparent); }
  html[dir="rtl"] .progress-gradient-primary::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-primary .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-secondary {
  background-image: linear-gradient(to right, #FE6A49, transparent); }
  html[dir="rtl"] .progress-gradient-secondary::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-secondary .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-success {
  background-image: linear-gradient(to right, #00AC46, transparent); }
  html[dir="rtl"] .progress-gradient-success::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-success .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-danger {
  background-image: linear-gradient(to right, #FE6A49, transparent); }
  html[dir="rtl"] .progress-gradient-danger::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-danger .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-info {
  background-image: linear-gradient(to right, #173878, transparent); }
  html[dir="rtl"] .progress-gradient-info::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-info .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-light {
  background-image: linear-gradient(to right, #E6E9EB, transparent); }
  html[dir="rtl"] .progress-gradient-light::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-light .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-dark {
  background-image: linear-gradient(to right, #2c323f, transparent); }
  html[dir="rtl"] .progress-gradient-dark::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-dark .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-warning {
  background-image: linear-gradient(to right, #FFAE1A, transparent); }
  html[dir="rtl"] .progress-gradient-warning::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-warning .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-animate span {
  left: -10px;
  right: unset; }

html[dir="rtl"] .me-4 {
  margin-left: 1.5rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .pe-4 {
  padding-left: 1.5rem !important;
  padding-right: unset !important; }

html[dir="rtl"] .me-1 {
  margin-left: 0.25rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .navs-dropdown .onhover-show-div {
  right: 0; }

html[dir="rtl"] .default-according.style-1 button {
  text-align: right; }
  html[dir="rtl"] .default-according.style-1 button:before {
    left: 20px;
    right: unset; }
    @media (max-width: 575px) {
      html[dir="rtl"] .default-according.style-1 button:before {
        left: 15px; } }
  html[dir="rtl"] .default-according.style-1 button i {
    right: 18px;
    left: unset; }

html[dir="rtl"] .default-according .card .card-header i {
  right: 18px;
  left: unset; }

html[dir="rtl"] .faq-wrap .faq-accordion .card .card-header .btn-link {
  padding-right: 20px !important; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .faq-wrap .faq-accordion .card .card-header .btn-link {
      padding-right: 10px !important; } }
html[dir="rtl"] .ProfileCard-details {
  padding-right: 30px;
  padding-left: unset;
  float: right; }

html[dir="rtl"] .starter-main .card-body ul {
  padding-right: 30px;
  padding-left: unset; }

html[dir="rtl"] .theme-tab .tab-title li a svg {
  margin-left: 5px;
  margin-right: unset; }

html[dir="rtl"] .spent .spent-graph .project-budget {
  margin-left: 30px;
  margin-right: unset; }

html[dir="rtl"] .support-table table tbody tr td:first-child {
  padding-right: 0;
  padding-left: unset; }

html[dir="rtl"] .order-box .sub-total .shipping-class .shopping-checkout-option,
html[dir="rtl"] .order-box .sub-total .shipping-class span,
html[dir="rtl"] .order-box .sub-total li .shopping-checkout-option,
html[dir="rtl"] .order-box .sub-total li span,
html[dir="rtl"] .order-box .total .shipping-class .shopping-checkout-option,
html[dir="rtl"] .order-box .total .shipping-class span,
html[dir="rtl"] .order-box .total li .shopping-checkout-option,
html[dir="rtl"] .order-box .total li span,
html[dir="rtl"] .order-box .qty .shipping-class .shopping-checkout-option,
html[dir="rtl"] .order-box .qty .shipping-class span,
html[dir="rtl"] .order-box .qty li .shopping-checkout-option,
html[dir="rtl"] .order-box .qty li span {
  float: left; }

html[dir="rtl"] .order-box .sub-total li .count,
html[dir="rtl"] .order-box .total li .count,
html[dir="rtl"] .order-box .qty li .count {
  float: left; }

html[dir="rtl"] .img-paypal {
  margin-right: 15px;
  margin-left: unset; }

html[dir="rtl"] .cart .qty-box .input-group .btn {
  border-radius: 0 !important; }

html[dir="rtl"] .product-qnty fieldset .input-group .input-group-prepend .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .grid-options {
  margin-right: 10px;
  margin-left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-1 {
    right: 12px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-2 {
    right: 18px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-3 {
    right: 36px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-4 {
    right: 42px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-5 {
    right: 48px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-6 {
    right: 66px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-7 {
    right: 72px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-8 {
    right: 78px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-9 {
    right: 84px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-10 {
    right: 103px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-11 {
    right: 109px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-12 {
    right: 115px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-13 {
    right: 121px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-14 {
    right: 127px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-15 {
    right: 133px;
    left: unset; }

html[dir="rtl"] .product-filter.new-products .owl-theme .owl-nav {
  left: 0;
  right: unset; }

html[dir="rtl"] .product-filter.new-products .owl-theme .owl-item .item .product-box .product-details.text-start {
  text-align: left !important; }

html[dir="rtl"] .product-sidebar .filter-section .card .card-header h6 .pull-right i {
  left: auto;
  right: unset; }

html[dir="rtl"] .prooduct-details-box .btn {
  right: unset;
  left: 15px; }

html[dir="rtl"] .prooduct-details-box .close {
  right: unset;
  left: 10px; }

html[dir="rtl"] .collection-filter-block svg {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .feature-products form .form-group i {
  left: 30px;
  right: unset; }

html[dir="rtl"] .product-wrapper-grid.list-view .product-box .product-details {
  text-align: right; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .breadcrumb {
  margin-left: unset; }

html[dir="rtl"] .bookmark ul li + li {
  margin-left: unset;
  margin-right: 10px; }

html[dir="rtl"] .bookmark ul li .search-form .form-control-search {
  left: -50px;
  right: unset; }
  html[dir="rtl"] .bookmark ul li .search-form .form-control-search:before {
    right: 50px;
    left: unset; }
  html[dir="rtl"] .bookmark ul li .search-form .form-control-search:after {
    right: 20px;
    left: unset; }

html[dir="rtl"] .me-0 {
  margin-left: 0 !important;
  margin-right: unset !important; }

html[dir="rtl"] .footer .pull-right {
  float: none; }

html[dir="rtl"] .checkbox_animated,
html[dir="rtl"] .radio_animated {
  margin: 0 8px 0 16px; }

html[dir="rtl"] .button.remove {
  left: -10px;
  right: unset; }

html[dir="rtl"] .code-box-copy__btn {
  left: 11px;
  right: unset; }

html[dir="rtl"] ul.nav-menus {
  border-bottom: none; }
  html[dir="rtl"] ul.nav-menus li .input-show input {
    right: 0px;
    left: unset; }

html[dir="rtl"] ul.notification-dropdown.onhover-show-div li {
  text-align: right; }

html[dir="rtl"] .badge + .badge {
  margin-right: 5px;
  margin-left: unset; }

html[dir="rtl"] .offset-xl-3 {
  margin-right: 25%;
  margin-left: unset; }

html[dir="rtl"] .m-l-10 {
  margin-right: 10px !important;
  margin-left: unset !important; }

html[dir="rtl"] .m-r-20 {
  margin-left: 20px;
  margin-right: unset; }

html[dir="rtl"] .m-r-30 {
  margin-left: 30px;
  margin-right: unset; }

html[dir="rtl"] .m-r-5 {
  margin-left: 5px;
  margin-right: unset; }

html[dir="rtl"] .text-start {
  text-align: right !important; }

html[dir="rtl"] .m-r-10 {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .pe-3 {
  padding-left: 1rem !important;
  padding-right: unset !important; }

html[dir="rtl"] .p-r-0 {
  padding-left: 0;
  padding-right: 15px; }

html[dir="rtl"] .m-l-20 {
  margin-right: 20px !important;
  margin-left: unset !important; }

html[dir="rtl"] .ps-3 {
  padding-right: 1rem !important; }

html[dir="rtl"] .b-r-light {
  border-left: 1px solid #E6E9EB !important;
  border-right: unset !important; }

html[dir="rtl"] .float-end {
  float: left !important; }

html[dir="rtl"] .float-start {
  float: right !important; }

html[dir="rtl"] .text-end {
  text-align: left !important; }

html[dir="rtl"] .border-right {
  border-left: 1px solid #dee2e6 !important;
  border-right: unset !important; }

html[dir="rtl"] .pe-0 {
  padding-left: 0 !important;
  padding-right: 12px !important; }

html[dir="rtl"] .ps-0 {
  padding-right: 0 !important;
  padding-left: unset !important; }

html[dir="rtl"] .ms-1 {
  margin-left: unset !important;
  margin-right: 0.25rem !important; }

html[dir="rtl"] .owl-carousel {
  direction: ltr; }

html[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
html[dir="rtl"] .btn-group > :not(:last-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .btn-group > .btn:not(:first-child) {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .btn-group > .btn:nth-child(2) {
  border-radius: 0 !important; }

html[dir="rtl"] .btn-group .btn-group > :not(:first-child) > .btn {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .btn-group .btn + .btn,
html[dir="rtl"] .btn-group .btn + .btn-group {
  margin-right: -1px;
  border-right: none; }

html[dir="rtl"] .btn-group .btn-group + .btn,
html[dir="rtl"] .btn-group .btn-group + .btn-group {
  margin-right: -1px; }

html[dir="rtl"] .btn-group .btn-group-vertical .btn + .btn,
html[dir="rtl"] .btn-group .btn-group-vertical .btn + .btn-group {
  margin-right: -1px; }

html[dir="rtl"] .btn-group .btn-group-vertical .btn-group + .btn,
html[dir="rtl"] .btn-group .btn-group-vertical .btn-group + .btn-group {
  margin-right: -1px; }

html[dir="rtl"] .me-3 {
  margin-right: unset !important;
  margin-left: 1rem !important; }

html[dir="rtl"] .me-5 {
  margin-left: 3rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .ms-3 {
  margin-right: 1rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .m-r-15 {
  margin-left: 15px;
  margin-right: unset; }

html[dir="rtl"] .b-l-light {
  border-right: 1px solid #E6E9EB !important;
  border-left: unset !important; }

html[dir="rtl"] .p-l-0 {
  padding-left: unset;
  padding-right: 0px; }

html[dir="rtl"] .ps-4 {
  padding-right: 1.5rem !important;
  padding-left: unset !important; }

html[dir="rtl"] .me-2 {
  margin-left: 0.5rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .ms-2 {
  margin-right: 0.5rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .pe-2 {
  padding-right: unset !important;
  padding-left: 0.5rem !important; }

html[dir="rtl"] .prooduct-details-box .media-body {
  margin-right: 0 !important; }

html[dir="rtl"] .alert {
  text-align: right; }

html[dir="rtl"] .pull-right {
  float: left; }

html[dir="rtl"] .form-inline .form-group {
  margin-left: 0px;
  margin-right: 0; }

html[dir="rtl"] .card {
  text-align: right; }
  html[dir="rtl"] .card.social-profile {
    text-align: center; }
  html[dir="rtl"] .card .card-header h5:not(.mb-0) {
    float: right; }
  html[dir="rtl"] .card .card-header span {
    clear: both; }
  html[dir="rtl"] .card .card-header .card-header-right {
    left: 35px;
    right: unset; }
    html[dir="rtl"] .card .card-header .card-header-right .card-option {
      text-align: left; }
      html[dir="rtl"] .card .card-header .card-header-right .card-option.list-unstyled {
        padding-right: 0;
        padding-left: unset; }
  html[dir="rtl"] .card .card-header .pull-left {
    float: right; }
  html[dir="rtl"] .card.full-card {
    left: 0;
    right: unset; }
  html[dir="rtl"] .card .card-body .alert svg {
    margin-left: 4px;
    margin-right: unset; }
  html[dir="rtl"] .card .card-body .value-left {
    margin-left: 30px;
    margin-right: unset; }
  html[dir="rtl"] .card .card-body .square {
    margin-left: 5px;
    margin-right: unset; }

html[dir="rtl"] .explore-card {
  text-align: left; }
  html[dir="rtl"] .explore-card .group-btn {
    justify-content: flex-end; }

html[dir="rtl"] .balance-box {
  text-align: center; }

html[dir="rtl"] .purchase-card {
  text-align: center; }

html[dir="rtl"] .modal-header .btn-close {
  margin: -0.5rem auto -0.5rem -0.5rem; }

html[dir="rtl"] .modal-footer > :not(:first-child) {
  margin-right: .50rem;
  margin-left: 0; }

html[dir="rtl"] .form-inline .form-group .col-form-label {
  margin-left: 5px;
  margin-right: 0; }

html[dir="rtl"] .contacts-tabs .nav-pills {
  border-left: 1px solid #E6E9EB; }

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
  padding-right: 0.5rem;
  padding-left: unset; }
  html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    padding-left: 0.5rem;
    padding-right: unset;
    float: right; }

html[dir="rtl"] code[class*=language-],
html[dir="rtl"] pre[class*=language-] {
  text-align: right; }

html[dir="rtl"] .input-group-prepend {
  margin-left: -1px;
  margin-right: unset; }

html[dir="rtl"] .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
html[dir="rtl"] .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

html[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: unset;
  margin-right: -1px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), html[dir="rtl"] .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), html[dir="rtl"] .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, html[dir="rtl"] .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

html[dir="rtl"] .form-floating input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-primary {
  border-right: 4px solid #006666;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-secondary {
  border-right: 4px solid #FE6A49;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-success {
  border-right: 4px solid #00AC46;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-danger {
  border-right: 4px solid #FE6A49;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-warning {
  border-right: 4px solid #FFAE1A;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-info {
  border-right: 4px solid #173878;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-light {
  border-right: 4px solid #E6E9EB;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-dark {
  border-right: 4px solid #2c323f;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:first-child {
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:last-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-left-width: 1px; }

html[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: unset;
  margin-right: -1px; }

html[dir="rtl"] .was-validated .form-control:invalid,
html[dir="rtl"] .form-control.is-invalid,
html[dir="rtl"] .was-validated .form-control:valid,
html[dir="rtl"] .form-control.is-valid {
  background-position: left calc(0.375em + 0.1875rem) center;
  padding-left: calc(1.5em + 0.75rem);
  padding-right: 12px; }

html[dir="rtl"] .input-group > .form-control:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .input-group > .input-group-prepend > .btn,
html[dir="rtl"] .input-group > .input-group-prepend > .input-group-text,
html[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .btn,
html[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .input-group-text,
html[dir="rtl"] .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
html[dir="rtl"] .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .input-group > .input-group-append > .btn,
html[dir="rtl"] .input-group > .input-group-append > .input-group-text,
html[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .btn,
html[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
html[dir="rtl"] .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
html[dir="rtl"] .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .border-tab.nav-left .nav-link {
  text-align: left; }

html[dir="rtl"] .socialprofile .social-group ul li:nth-child(4) {
  margin-right: -22px; }

html[dir="rtl"] .social-status form .form-group .form-control-social {
  padding-right: 15px;
  padding-left: unset; }

html[dir="rtl"] .social-status .media .social-status {
  right: 35px;
  left: unset; }

html[dir="rtl"] .social-chat .other-msg {
  margin-right: 40px;
  margin-left: unset; }

html[dir="rtl"] .social-chat .media-body:before {
  left: 100%;
  right: unset;
  border-left: 7px solid var(-semi-dark);
  border-right: unset; }

html[dir="rtl"] .social-chat .media-body:after {
  left: 100%;
  right: unset;
  border-left: 7px solid #fff;
  border-right: unset; }

html[dir="rtl"] .quick-file li:first-child {
  margin-right: 0px;
  margin-left: unset; }

html[dir="rtl"] .files-content li:first-child {
  margin-right: 0px;
  margin-left: unset; }

html[dir="rtl"] .file-content .folder .folder-box .ellips {
  left: 22px;
  right: unset; }

html[dir="rtl"] .timeline-content .comment-number i {
  margin-left: 20px;
  margin-right: unset; }

html[dir="rtl"] .photos ul li {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .avatar-showcase .friend-pic {
  margin-left: 8px;
  margin-right: unset; }

html[dir="rtl"] .avatar-showcase .pepole-knows ul li {
  margin-left: 21px;
  margin-right: unset; }
  html[dir="rtl"] .avatar-showcase .pepole-knows ul li:last-child {
    margin-left: 0; }

html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
  left: 100px;
  right: unset; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li {
    margin-left: 10px;
    margin-right: unset; }
    html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li:last-child {
      margin-left: 0; }

html[dir="rtl"] .faq-form .search-icon {
  left: 12px;
  right: unset; }

html[dir="rtl"] .faq-widgets .media-body p {
  padding-left: 20px;
  padding-right: unset; }

html[dir="rtl"] .header-faq,
html[dir="rtl"] .faq-title {
  text-align: right; }

html[dir="rtl"] .browse .browse-articles h6 span svg {
  right: 22px; }

html[dir="rtl"] .faq-accordion.default-according .card .faq-header svg {
  left: 30px;
  right: unset; }

html[dir="rtl"] .faq-accordion.default-according .card .btn-link svg {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .navigation-option ul li {
  padding: 8px 0 8px 8px; }
  html[dir="rtl"] .navigation-option ul li a {
    padding-right: 40px;
    padding-left: unset; }
    html[dir="rtl"] .navigation-option ul li a svg {
      right: 15px;
      left: unset; }

html[dir="rtl"] .updates-faq {
  margin-right: unset;
  margin-left: 20px; }

html[dir="rtl"] .categories {
  right: unset;
  left: 0;
  transform: scaleX(-1); }
  html[dir="rtl"] .categories .learning-header {
    padding-right: 15px;
    padding-left: unset; }

html[dir="rtl"] .main .langChoice {
  left: 30px;
  right: unset; }

html[dir="rtl"] .pricing-block svg {
  direction: ltr; }

html[dir="rtl"] p.data-attributes svg {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .avatars .avatar {
  margin-left: 10px;
  margin-right: unset; }
  html[dir="rtl"] .avatars .avatar:last-child {
    margin-left: 0; }
  html[dir="rtl"] .avatars .avatar .status {
    left: 4px;
    right: unset; }

html[dir="rtl"] .customers.avatar-group {
  margin-left: 30px;
  margin-right: unset; }

html[dir="rtl"] .card .card-header h5 {
  float: none !important; }

html[dir="rtl"] .knob-chart .chart-clock-main .clock-small {
  right: 10px;
  left: unset; }

html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
  left: 30px;
  right: unset; }
  html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks .btn-label {
    margin-left: 5px;
    margin-right: unset; }

html[dir="rtl"] .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn {
  text-align: left; }

html[dir="rtl"] .todo .notification-popup {
  left: 10px;
  right: unset; }

html[dir="rtl"] .todo-options .badges-todo h6 {
  margin-left: 10px;
  margin-right: unset; }
  html[dir="rtl"] .todo-options .badges-todo h6:last-child {
    margin-left: 0; }

html[dir="rtl"] .todo-list-btns .dropdown-basic .btn-group .form-group .checkbox {
  padding-right: 14px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  padding-left: unset;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset; }

html[dir="rtl"] .todo-list-btns .dropdown-basic .separated-btn {
  margin-right: -6px;
  margin-left: unset; }
  html[dir="rtl"] .todo-list-btns .dropdown-basic .separated-btn .btn {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px; }

html[dir="rtl"] .search-todo .dropdown-basic .btn-group {
  margin-left: 18px;
  margin-right: unset; }

html[dir="rtl"] .sticky-note .note {
  float: right; }

html[dir="rtl"] .mega-menu .list-unstyled div a {
  padding: 8px 0 8px 35px; }
  html[dir="rtl"] .mega-menu .list-unstyled div a:hover {
    padding: 8px 10px 8px 35px; }

html[dir="rtl"] #testimonial .owl-stage-outer .owl-stage .owl-item .slide--item .media .me-3 {
  margin-right: 1rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  left: 0px !important;
  right: unset !important; }

html[dir="rtl"] .needs-validation .input-group > .form-control:not(:last-child),
html[dir="rtl"] .needs-validation .input-group > .custom-select:not(:last-child),
html[dir="rtl"] .form-row .input-group > .form-control:not(:last-child),
html[dir="rtl"] .form-row .input-group > .custom-select:not(:last-child) {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .form-check {
  padding-right: 1.25rem;
  padding-left: unset; }
  html[dir="rtl"] .form-check .form-check-input {
    float: right;
    margin-left: unset;
    margin-right: -1.5em; }

html[dir="rtl"] .form-check-reverse .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: 10px; }

html[dir="rtl"] .mega-menu .default-according .card .btn-link {
  text-align: right; }

html[dir="rtl"] .mega-menu .default-according.style-1 button[aria-expanded="true"]:before,
html[dir="rtl"] .mega-menu .default-according.style-1 button[aria-expanded="false"]:before {
  right: unset;
  left: 20px; }

html[dir="rtl"] .email-wrap .row .col-xl-6 {
  padding-right: 0;
  padding-left: 15px; }

html[dir="rtl"] .email-wrap .row .col-xl-3 + .col-xl-3 {
  padding-left: 0;
  padding-right: 15px; }

html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li {
  text-align: right; }
  html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li a i {
    margin-right: unset;
    margin-left: 10px; }

html[dir="rtl"] .email-wrap .email-app-sidebar ul {
  padding-right: 0; }

html[dir="rtl"] .email-wrap .email-right-aside .email-body .pe-0 {
  padding-right: unset !important; }

html[dir="rtl"] .email-wrap .email-right-aside .radius-left {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-radius: 4px; }

html[dir="rtl"] #renderRange {
  float: left;
  padding-left: unset;
  padding-right: 12px; }

html[dir="rtl"] .event-calendar {
  direction: ltr; }

html[dir="rtl"] .calendar-wrap .fc {
  direction: rtl;
  text-align: right; }
  html[dir="rtl"] .calendar-wrap .fc .fc-toolbar .fc-left {
    float: right; }
  html[dir="rtl"] .calendar-wrap .fc .fc-toolbar .fc-right {
    float: left; }
  html[dir="rtl"] .calendar-wrap .fc .fc-toolbar > * > * {
    margin-left: 0; }

html[dir="rtl"] .calendar-wrap .fc-events-container {
  text-align: right; }

html[dir="rtl"] .calendar-wrap .fc-scroller {
  margin-right: unset;
  margin-left: -17px; }

html[dir="rtl"] .fc-agenda-view .fc-day-grid .fc-row {
  margin-right: 0 !important; }

html[dir="rtl"] .fc-unthemed .fc-row {
  margin-right: 0 !important; }

html[dir="rtl"] .btn-group-showcase .btn-group {
  margin-left: 20px;
  margin-right: unset; }

html[dir="rtl"] .btn-showcase .btn {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .btn-square.dropdown-toggle {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

html.button-builder[dir="rtl"] ul.the-icons li {
  float: right; }

html.button-builder[dir="rtl"] .color-slelector {
  float: right; }

html.button-builder[dir="rtl"] .custom-button-color .form-control {
  border-radius: 0 5px 5px 0; }
  html.button-builder[dir="rtl"] .custom-button-color .form-control.pull-left {
    float: right; }

html.button-builder[dir="rtl"] .hint-label {
  float: right;
  padding: 4px 020px 0 0; }

html[dir="rtl"] #customer-review .owl-item img {
  order: 2; }

html[dir="rtl"] .options > div {
  margin: 0 0 8px 8px; }

html[dir="rtl"] .modal-dialog .modal-content .modal-body p a {
  margin-left: 0; }

html[dir="rtl"] .drag-box fieldset .component .form-group .text-lg-left {
  text-align: right !important; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn,
html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn-right,
html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .checkbox-radius {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #prependedcheckbox {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #appendedcheckbox {
  border-right-color: #efefef; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #buttondropdown {
  margin-right: unset;
  margin-left: -1px; }

html[dir="rtl"] .drag form {
  text-align: right; }
  html[dir="rtl"] .drag form input {
    text-align: right; }
  html[dir="rtl"] .drag form label {
    text-align: right !important; }
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .btn,
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .btn-right,
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .checkbox-radius {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  html[dir="rtl"] .drag form .form-group .input-group #buttondropdown {
    margin-right: unset;
    margin-left: -1px; }

html[dir="rtl"] .draggable label {
  text-align: right; }

html[dir="rtl"] .form-builder-column .tab-content .tab-pane .theme-form .ui-draggable .input-group > .input-group-prepend > .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .form-group .input-group #buttondropdown,
html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group #buttondropdown {
  margin-right: unset;
  margin-left: 15px; }

html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .form-group .input-group .input-group-btn button,
html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group .input-group-btn button {
  border-radius: 4px !important; }

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .text-lg-left {
  text-align: right !important; }

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn,
html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn-right,
html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .checkbox-radius {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .form-builder .component .form-group .input-group #buttondropdown {
  margin-right: unset;
  margin-left: -1px; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .logo-wrapper {
  box-shadow: 9px 0 20px rgba(89, 102, 122, 0.1) !important; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .logo-wrapper a {
    transform: translate(-64px); }

html[dir="rtl"] .search-page .nav i {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .product-stts {
  display: inline-block; }
  html[dir="rtl"] .product-stts .ms-1 {
    margin-right: 0.25rem !important;
    margin-left: unset !important; }

html[dir="rtl"] .search-form input {
  padding: 10px 70px 10px 10px;
  text-align: right; }

html[dir="rtl"] .icon-hover-bottom .icon-title {
  text-align: right; }

html[dir="rtl"] .icon-lists div i {
  margin: 0 10px 0 15px; }

html[dir="rtl"] .icon-lists ul {
  padding-right: 0; }

html[dir="rtl"] ul.icon-lists {
  padding-right: 30px; }

html[dir="rtl"] .floated-customizer-btn.third-floated-btn {
  left: 35px;
  right: unset; }

html[dir="rtl"] .floated-customizer-btn > span {
  margin-right: 10px; }

html[dir="rtl"] .floated-customizer-panel {
  text-align: right;
  left: -85px;
  right: unset; }
  html[dir="rtl"] .floated-customizer-panel.active {
    left: 35px;
    right: unset; }
  html[dir="rtl"] .floated-customizer-panel .close-customizer-btn {
    left: 30px;
    right: unset; }
  html[dir="rtl"] .floated-customizer-panel ul {
    padding-right: 0; }

html[dir="rtl"] .form-builder-2-header > div nav {
  float: left; }

html[dir="rtl"] .radio label {
  padding-left: 0;
  padding-right: 8px; }
  html[dir="rtl"] .radio label::before {
    right: 0;
    margin-right: -20px;
    left: unset; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .row h3 {
  text-align: right;
  padding-left: 20px;
  padding-right: unset !important; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .row h6 {
  text-align: right; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-header {
  margin-right: 265px;
  margin-left: unset;
  width: calc(100% - 265px); }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header.close_icon {
    margin-right: 100px;
    margin-left: unset;
    width: calc(100% - 100px); }

html[dir="rtl"] .page-wrapper.modern-type .page-header {
  margin-right: 0;
  width: calc(100% - 0px); }
  html[dir="rtl"] .page-wrapper.modern-type .page-header.close_icon {
    margin-right: 0;
    width: calc(100% - 0px); }
  html[dir="rtl"] .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
    margin-right: unset;
    margin-left: 30px; }
  html[dir="rtl"] .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
    margin-right: unset;
    margin-left: 15px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper .page-body {
  margin-right: 310px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper .footer {
  margin-left: 55px;
  margin-right: 360px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
  margin-right: 0px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
  margin-right: 0; }

html[dir="rtl"] .page-header .header-wrapper .nav-right {
  text-align: right; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right .onhover-show-div {
    right: unset;
    left: 0; }
    @media (max-width: 575.98px) {
      html[dir="rtl"] .page-header .header-wrapper .nav-right .onhover-show-div {
        left: 12px; } }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .page-header .header-wrapper .nav-right .cart-dropdown li {
      padding: 10px; } }
  html[dir="rtl"] .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
    right: unset;
    left: 0; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li .lang-txt {
    margin-left: 0;
    margin-right: 8px; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.notification-down:nth-child(5)::before {
    left: -8px;
    right: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:before {
    left: 0;
    right: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li .dot {
    left: 17px;
    right: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown:hover .onhover-show-div:before {
    right: 10px;
    left: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown:hover .onhover-show-div:after {
    right: 10px;
    left: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li i.ms-2 {
    margin-right: 0.5rem !important;
    margin-left: unset !important; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right .profile-dropdown li svg {
    margin-right: unset;
    margin-left: 10px; }

html[dir="rtl"] .page-header .header-wrapper .mobile-sidebar {
  padding-left: 20px;
  padding-right: unset; }

html[dir="rtl"] .page-header.open {
  margin-right: 0; }

html[dir="rtl"] ul.notification-dropdown.onhover-show-div {
  right: initial;
  left: -30px;
  padding: 0; }
  html[dir="rtl"] ul.notification-dropdown.onhover-show-div:before {
    right: inherit !important;
    left: 35px !important; }
  html[dir="rtl"] ul.notification-dropdown.onhover-show-div:after {
    right: inherit !important;
    left: 35px !important; }
  html[dir="rtl"] ul.notification-dropdown.onhover-show-div li {
    margin-right: 0 !important; }
    html[dir="rtl"] ul.notification-dropdown.onhover-show-div li span.badge {
      margin-left: unset !important; }
    html[dir="rtl"] ul.notification-dropdown.onhover-show-div li span svg {
      margin-right: unset;
      margin-left: 10px; }
    html[dir="rtl"] ul.notification-dropdown.onhover-show-div li .notification-icon {
      margin-left: 20px;
      margin-right: unset; }

html[dir="rtl"] .card-body .alert svg ~ p {
  padding-left: unset;
  padding-right: 20px; }

html[dir="rtl"] .alert i {
  margin-left: 5px;
  margin-right: 0; }

html[dir="rtl"] .inverse {
  padding: 13px 65px 13px 20px; }
  html[dir="rtl"] .inverse i {
    left: unset;
    right: 0; }

html[dir="rtl"] .alert-primary.inverse:before {
  border-right: 7px solid #006666;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-secondary.inverse:before {
  border-right: 7px solid #FE6A49;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-success.inverse:before {
  border-right: 7px solid #00AC46;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-danger.inverse:before {
  border-right: 7px solid #FE6A49;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-warning.inverse:before {
  border-right: 7px solid #FFAE1A;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-info.inverse:before {
  border-right: 7px solid #173878;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-light.inverse:before {
  border-right: 7px solid #E6E9EB;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-dark.inverse:before {
  border-right: 7px solid #2c323f;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-dismissible .btn-close {
  left: 4px;
  right: unset; }
  html[dir="rtl"] .alert-dismissible .btn-close span {
    padding-left: 0;
    padding-right: unset; }

html[dir="rtl"] .icofont.icofont-truck {
  display: inline-block; }

html[dir="rtl"] .blog-box .blog-details {
  padding-left: 20px;
  text-align: right; }
  html[dir="rtl"] .blog-box .blog-details .blog-social {
    padding-right: 0; }
    html[dir="rtl"] .blog-box .blog-details .blog-social li {
      padding-left: 40px;
      padding-right: unset; }
      html[dir="rtl"] .blog-box .blog-details .blog-social li:first-child {
        border-left: 1px solid #777777;
        border-right: unset;
        padding-left: 40px;
        padding-right: unset; }
      html[dir="rtl"] .blog-box .blog-details .blog-social li + li {
        margin-right: 30px;
        margin-left: unset;
        padding-left: 0; }

html[dir="rtl"] .blog-box .blog-details-main .blog-social li {
  border-left: 1px dotted;
  border-right: unset; }
  html[dir="rtl"] .blog-box .blog-details-main .blog-social li:last-child {
    border-left: none; }

html[dir="rtl"] .blog-box .blog-date span {
  font-size: 36px;
  font-weight: 500;
  padding-left: 5px; }

html[dir="rtl"] .comment-box .media img {
  margin-left: 45px;
  margin-right: unset; }

html[dir="rtl"] .comment-box .media h6 {
  text-align: right; }

html[dir="rtl"] .comment-box ul ul {
  margin-right: 135px;
  margin-left: unset;
  padding-right: 0; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .comment-box ul ul {
      margin-right: 30px; } }
html[dir="rtl"] .comment-box .comment-social {
  text-align: left; }
  html[dir="rtl"] .comment-box .comment-social li {
    padding-left: 0;
    padding-right: 20px; }
    html[dir="rtl"] .comment-box .comment-social li:first-child {
      border-left: 1px solid #efefef;
      border-right: unset;
      padding-right: 0;
      padding-left: 20px; }

html[dir="rtl"] .button-builder-wrap .form-group .btn {
  margin-left: 15px;
  margin-right: 0;
  padding: 9px; }

html[dir="rtl"] .button-builder ul.the-icons {
  padding-right: 0 !important; }

html[dir="rtl"] .chat-msg-box ul {
  padding-right: 0; }

html[dir="rtl"] .cke_toolbar,
html[dir="rtl"] .cke_toolgroup,
html[dir="rtl"] a.cke_button,
html[dir="rtl"] .cke_combo_text {
  float: right; }

html[dir="rtl"] .cke_reset_all,
html[dir="rtl"] .cke_reset_all *,
html[dir="rtl"] .cke_reset_all a,
html[dir="rtl"] .cke_reset_all textarea {
  text-align: right; }

html[dir="rtl"] .cke_combo_text {
  padding-left: unset;
  padding-right: 10px; }

html[dir="rtl"] #editor1 #cke_editor1 #cke_1_contents iframe html {
  direction: rtl !important; }

html[dir="rtl"] #clockdiv ul {
  padding-right: 0; }

html[dir="rtl"] .custom-card .card-footer > div + div {
  border-right: 1px solid #efefef;
  border-left: unset !important; }

html[dir="rtl"] .card-social {
  padding-right: 0; }

html[dir="rtl"] .card-absolute .card-header {
  right: 15px;
  left: unset; }

html[dir="rtl"] .dataTables_wrapper .dataTables_filter input[type="search"] {
  margin-right: 10px;
  margin-left: 0; }

html[dir="rtl"] .dataTables_wrapper .dataTables_length {
  float: right; }

html[dir="rtl"] .dataTables_wrapper .dataTables_filter {
  margin-left: unset;
  margin-right: 15px;
  float: left; }

html[dir="rtl"] .dataTables_wrapper .dataTables_info {
  float: right; }

html[dir="rtl"] .dataTables_wrapper .advance-5_filter {
  margin-left: 0; }

html[dir="rtl"] .dataTables_wrapper .btn-group button {
  margin-left: 5px;
  margin-right: unset; }
  html[dir="rtl"] .dataTables_wrapper .btn-group button:last-child {
    margin-left: 0; }

html[dir="rtl"] .dataTables_wrapper table.dataTable tbody td.select-checkbox:after,
html[dir="rtl"] .dataTables_wrapper table.dataTable tbody th.select-checkbox:after {
  margin-left: 31px; }

html[dir="rtl"] div.dataTables_wrapper div.dataTables_paginate {
  margin-right: 15px !important;
  margin-left: 0 !important;
  float: left; }

html[dir="rtl"] table.dataTable thead > tr > th {
  padding-left: 30px;
  padding-right: 12px; }
  html[dir="rtl"] table.dataTable thead > tr > th:before {
    left: 1em !important;
    right: unset; }
  html[dir="rtl"] table.dataTable thead > tr > th:after {
    left: 0.5em !important;
    right: unset; }

html[dir="rtl"] table.dataTable thead .sorting:before,
html[dir="rtl"] table.dataTable thead .sorting_asc:before,
html[dir="rtl"] table.dataTable thead .sorting_desc:before,
html[dir="rtl"] table.dataTable thead .sorting_asc_disabled:before,
html[dir="rtl"] table.dataTable thead .sorting_desc_disabled:before {
  left: 1em !important;
  right: unset; }

html[dir="rtl"] .dataTables_scrollHeadInner {
  padding-right: unset !important;
  padding-left: 0 !important; }

html[dir="rtl"] div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
  padding-right: 0;
  padding-left: 0; }

html[dir="rtl"] div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
  padding-right: 0;
  padding-left: 0; }

html[dir="rtl"] .dt-plugin-buttons button.m-r-10 {
  margin-left: 10px;
  margin-right: 0; }

html[dir="rtl"] .datetime-picker .theme-form .form-group label {
  text-align: left !important; }

html[dir="rtl"] .datetime-picker .theme-form .form-group .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .datetime-picker .theme-form .form-group .input-group .form-control {
  border-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

html[dir="rtl"] .dropdown-basic .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important; }

html[dir="rtl"] .dropdown-basic .separated-btn .btn {
  border-radius: 0.25rem;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

html[dir="rtl"] .dropdown-basic .btn-group {
  margin-right: unset;
  margin-left: 18px; }

html[dir="rtl"] .error-wrapper .col-md-8.offset-md-2 {
  margin: 0 auto !important; }

html[dir="rtl"] .timeline-calendar .custom-calendar .time-line .fc-header-toolbar {
  left: 15px !important; }

html[dir="rtl"] .product-price del {
  padding-left: 20px;
  padding-right: 0; }

html[dir="rtl"] .product-box .modal .modal-header .btn-close {
  right: unset;
  left: 15px; }

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-left.ribbon-info:before,
html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
  border-left-color: #007bff; }

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-left:before,
html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-right:before {
  right: 0;
  left: unset;
  border-left: 15px solid #2a3142; }

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-info:before {
  border-left-color: transparent; }

html[dir="rtl"] .product-box .ribbon-warning.ribbon-clip:before {
  border-left-color: #ff850d;
  border-right-color: unset; }

html[dir="rtl"] .product-box .ribbon-clip {
  right: -14px;
  left: unset; }
  html[dir="rtl"] .product-box .ribbon-clip:before {
    right: 0;
    left: unset; }

html[dir="rtl"] .product-hover ul {
  padding-right: 0; }

html[dir="rtl"] .customer-review .media img {
  margin-left: 25px;
  margin-right: 0; }

html[dir="rtl"] .nav {
  padding-right: 0; }

html[dir="rtl"] .custom-tab {
  padding: 4px; }

html[dir="rtl"] .custom-file-label::after {
  left: 0;
  right: unset; }

html[dir="rtl"] .wizard-4 ul.anchor {
  float: right; }

html[dir="rtl"] .wizard-4 .step-container {
  clear: unset; }

html[dir="rtl"] .wizard-4 .form-group {
  text-align: right; }

html[dir="rtl"] .wizard-4 .action-bar .btn {
  float: left; }

html[dir="rtl"] .f1 .f1-buttons {
  text-align: left; }

html[dir="rtl"] .f1 .f1-steps .f1-step {
  float: right; }

html[dir="rtl"] .jstree-default .jstree-node {
  margin-left: unset;
  margin-right: 24px;
  background-position: -292px -4px;
  background-repeat: repeat-y; }

html[dir="rtl"] .img-cropper .btn-group {
  margin-right: 0;
  margin-left: 10px; }
  html[dir="rtl"] .img-cropper .btn-group button:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  html[dir="rtl"] .img-cropper .btn-group button:first-child {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

html[dir="rtl"] .docs-toggles .btn-group .btn {
  border-radius: 0; }
  html[dir="rtl"] .docs-toggles .btn-group .btn:last-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  html[dir="rtl"] .docs-toggles .btn-group .btn:first-child {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle) > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .jsgrid-button + .jsgrid-button {
  margin-right: 5px;
  margin-left: unset; }

html[dir="rtl"] .list-group {
  padding-right: 0; }
  html[dir="rtl"] .list-group i,
  html[dir="rtl"] .list-group img {
    margin-left: 10px;
    margin-right: 0; }

html[dir="rtl"] .authentication-box {
  text-align: right; }

html[dir="rtl"] .mega-horizontal .offset-sm-3 {
  margin-right: 25%;
  margin-left: unset; }

html[dir="rtl"] .navs-icon svg {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .navs-icon .fa {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .nav-list .nav-list-disc {
  text-align: right;
  padding-right: 0; }

html[dir="rtl"] .ps-4 {
  padding-right: 30px !important;
  padding-left: 0 !important; }

html[dir="rtl"] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:before {
  left: 77px;
  right: unset; }

html[dir="rtl"] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after {
  left: 77px;
  right: unset; }

html[dir="rtl"] .navs-dropdown .onhover-show-div .navs-icon li {
  text-align: right; }

html[dir="rtl"] .navs-icon.default-according.style-1 li button[aria-expanded="true"]:before {
  left: 2px;
  right: unset; }

html[dir="rtl"] .navs-icon.default-according.style-1 li button[aria-expanded="false"]:before {
  left: 2px;
  right: unset; }

html[dir="rtl"] .search-form .form-group:after {
  right: 53px;
  left: unset; }

html[dir="rtl"] .search-form .form-group:before {
  right: 82px;
  left: unset; }

html[dir="rtl"] .order-history table tbody tr td .product-name .order-process .order-process-circle:before {
  right: -15px;
  left: unset; }

html[dir="rtl"] .product-page-details span {
  padding-right: 15px;
  padding-left: 0; }

html[dir="rtl"] .fg-emoji-picker-search .fg-emoji-picker-search-icon {
  left: 0px; }

html[dir="rtl"] .m-checkbox-inline label {
  margin-left: 20px;
  margin-right: 0; }

html[dir="rtl"] .form-label-align-right label {
  text-align: left; }

html[dir="rtl"] .br-theme-bars-reversed .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-movie .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-1to10 .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-square .br-widget .br-current-rating {
  float: right; }

html[dir="rtl"] .br-theme-bars-reversed .br-widget a,
html[dir="rtl"] .br-theme-bars-movie .br-widget a,
html[dir="rtl"] .br-theme-bars-1to10 .br-widget a,
html[dir="rtl"] .br-theme-bars-square .br-widget a {
  float: right; }

html[dir="rtl"] .ribbon-left {
  right: auto;
  left: -2px; }

html[dir="rtl"] .ribbon-vertical-left {
  right: auto;
  left: 12px; }

html[dir="rtl"] .ribbon-vertical-right {
  right: auto;
  left: 12px; }

html[dir="rtl"] .star-ratings ul.search-info {
  padding-right: 0; }
  html[dir="rtl"] .star-ratings ul.search-info li + li {
    border-right: 1px solid #a5afc6;
    border-left: unset;
    padding-right: 8px;
    padding-left: 0;
    margin-right: 8px;
    margin-left: 0; }

html[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow {
  left: 10px !important;
  right: unset !important; }

html[dir="rtl"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
  float: right; }

html[dir="rtl"] .selection .select2-selection .select2-search__field {
  text-align: right; }

html[dir="rtl"] .select2-results__option {
  text-align: right; }

html[dir="rtl"] .editor-statusbar {
  text-align: left; }
  html[dir="rtl"] .editor-statusbar span {
    margin-right: 1em;
    margin-left: unset; }

html[dir="rtl"] .CodeMirror-scroll {
  margin-left: -30px;
  margin-right: unset; }

html[dir="rtl"] .primary-color ul,
html[dir="rtl"] .yellow-color ul {
  padding-right: 0; }

html[dir="rtl"] .u-step-desc {
  text-align: right; }

html[dir="rtl"] .u-step-number {
  right: 20px;
  left: unset; }
  html[dir="rtl"] .u-step-number ~ .u-step-desc {
    margin-right: 50px; }

html[dir="rtl"] .u-pearl:after {
  left: 0;
  right: unset; }

html[dir="rtl"] .u-pearl:before {
  right: 0;
  left: unset; }

html[dir="rtl"] .u-step-icon {
  float: right;
  margin-left: .5em;
  margin-right: unset; }

html[dir="rtl"] .list-icons {
  padding-right: 0; }

html[dir="rtl"] .card-header.note-toolbar .note-color .dropdown-toggle {
  padding-right: 5px; }

html[dir="rtl"] .card-header.note-toolbar .form-group.draggable {
  text-align: right; }

html[dir="rtl"] .card-header.note-toolbar .form-check {
  padding-right: 24px;
  padding-left: unset; }

html[dir="rtl"] .card-header.note-toolbar form .custom-control {
  padding-right: 24px;
  padding-left: unset; }
  html[dir="rtl"] .card-header.note-toolbar form .custom-control .custom-control-label::after {
    right: 0;
    left: unset; }
  html[dir="rtl"] .card-header.note-toolbar form .custom-control .custom-control-label::before {
    right: 0;
    left: unset; }

html[dir="rtl"] .dropdown-toggle::after {
  margin-right: 0.255em;
  margin-left: unset; }

html[dir="rtl"] .checkbox label {
  padding-right: 8px;
  padding-left: unset; }
  html[dir="rtl"] .checkbox label::before {
    right: 0;
    left: unset;
    margin-right: -16px;
    margin-left: unset; }

html[dir="rtl"] .checkbox-wrapper li label,
html[dir="rtl"] .radio-wrapper li label {
  padding-right: 0; }

html[dir="rtl"] .radio label::after {
  right: 5px;
  left: unset;
  margin-right: -20px;
  margin-left: unset; }

html[dir="rtl"] .cd-timeline-img i {
  right: 40%;
  left: unset;
  margin-right: -12px;
  margin-left: unset; }

html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content {
  float: left;
  border-left: 7px solid #eeeeee;
  border-right: unset; }
  html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    right: auto;
    left: 122%;
    text-align: left; }
  html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    right: auto;
    left: 100%;
    border: 15px solid transparent;
    border-left: 15px solid #f4f4f4; }

html[dir="rtl"] .cd-timeline-content .cd-date {
  right: 122%;
  left: unset; }

html[dir="rtl"] .introjs-tooltip {
  right: 0;
  left: unset; }

html[dir="rtl"] .introjs-helperNumberLayer {
  right: -16px;
  left: unset; }

html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltiptext {
  text-align: right; }

html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons {
  text-align: left; }
  html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-skipbutton {
    margin-left: 5px;
    margin-right: unset; }
  html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-nextbutton {
    -webkit-border-radius: 0.2em 0 0 0.2em;
    -moz-border-radius: 0.2em 0 0 0.2em;
    border-radius: 0.2em 0 0 0.2em; }

html[dir="rtl"] .list-inline-item:not(:last-child) {
  margin-left: 0.5rem;
  margin-right: unset; }

html[dir="rtl"] .like-comment ul.list-inline {
  padding-right: 0; }

html[dir="rtl"] .typeahead {
  text-align: right; }

html[dir="rtl"] .listing ul {
  padding-right: 0; }
  html[dir="rtl"] .listing ul .icofont {
    float: right; }

html[dir="rtl"] .gallery .hover-5 img {
  margin-right: 30px; }

html[dir="rtl"] .gallery .hover-5:hover img {
  margin-right: 0; }

html[dir="rtl"] .lg-outer {
  text-align: right; }

html[dir="rtl"] .lg-toolbar .lg-icon {
  float: left; }

html[dir="rtl"] #lg-counter {
  padding-right: 20px;
  padding-left: unset;
  float: right; }

html[dir="rtl"] .chart-widget-top .text-end {
  text-align: left !important; }

html[dir="rtl"] .chart-widget-top .num .ms-1 {
  margin-right: 0.25rem !important; }

html[dir="rtl"] .bar-chart-widget .earning-details i {
  left: -240px; }

html[dir="rtl"] .bar-chart-widget .bottom-content .b-r-light {
  border-left: 1px solid #eeeeee !important;
  border-right: unset !important; }

html[dir="rtl"] .bar-chart-widget .bottom-content .num .ms-1 {
  margin-right: 0.25rem !important; }

html[dir="rtl"] .chart-vertical-center #myDoughnutGraph,
html[dir="rtl"] .chart-vertical-center #myPolarGraph {
  width: auto !important; }

html[dir="rtl"] .crm-activity ul.dates li + li {
  border-right: 1px solid #ddd;
  padding-right: 10px;
  margin-right: 5px;
  border-left: unset;
  padding-left: unset;
  margin-left: unset; }

html[dir="rtl"] div.dt-buttons {
  float: right; }

html[dir="rtl"] .dt-button-collection {
  left: -39px !important; }

html[dir="rtl"] .dropzone .dz-preview .dz-error-mark,
html[dir="rtl"] .dropzone .dz-preview .dz-success-mark {
  right: 50%;
  margin-right: -27px;
  margin-left: unset;
  left: unset; }

html[dir="rtl"] .page-wrapper .page-body-wrapper footer {
  margin-right: 265px;
  margin-left: unset; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper footer p i {
    margin-right: 5px;
    margin-left: unset; }

html[dir="rtl"] .footer-copyright {
  text-align: right; }

html[dir="rtl"] .footer-links {
  text-align: left; }

html[dir="rtl"] .page-item:first-child .page-link {
  margin-right: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none; }

html[dir="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; }

html[dir="rtl"] .popover.top > .arrow:after,
html[dir="rtl"] .popover.bottom > .arrow:after {
  margin-right: -10px;
  margin-left: unset; }

html[dir="rtl"] .bootstrap-touchspin > .input-group-append > .btn,
html[dir="rtl"] .bootstrap-touchspin > .input-group-append > .input-group-text {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

html[dir="rtl"] .bootstrap-touchspin > .form-control:not(:last-child),
html[dir="rtl"] .bootstrap-touchspin > .custom-select:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .typeahead span.twitter-typeahead .tt-suggestion {
  text-align: right; }

html[dir="rtl"] .typeahead .league-name {
  text-align: right;
  margin-right: 5px; }

html[dir="rtl"] .follow .text-md-right {
  text-align: left !important; }

html[dir="rtl"] .jvectormap-zoomin,
html[dir="rtl"] .jvectormap-zoomout,
html[dir="rtl"] .jvectormap-goback {
  right: 10px;
  left: unset; }

html[dir="rtl"] .customizer-links {
  right: unset;
  left: 0; }
  html[dir="rtl"] .customizer-links > .nav {
    padding-right: 10px; }
  html[dir="rtl"] .customizer-links .nav-link:after {
    right: -10px;
    left: unset;
    border-width: 5px 5px 5px 0;
    border-left-color: unset;
    border-right-color: rgba(0, 102, 102, 0.1); }
  html[dir="rtl"] .customizer-links .nav-link span {
    right: unset;
    left: -60px; }
  html[dir="rtl"] .customizer-links .nav-link:hover span {
    left: 48px; }
  html[dir="rtl"] .customizer-links.open {
    right: unset;
    left: 330px;
    border-radius: 0 8px 8px 0; }

html[dir="rtl"] .customizer-contain {
  width: 330px;
  right: unset;
  left: -330px; }
  html[dir="rtl"] .customizer-contain.open {
    right: unset;
    left: 0px; }
  html[dir="rtl"] .customizer-contain .customizer-header .icon-close {
    left: unset;
    right: 30px; }

html[dir="rtl"] .box-layout.page-wrapper.horizontal-wrapper .page-header {
  padding-right: 250px;
  padding-left: unset; }
  html[dir="rtl"] .box-layout.page-wrapper.horizontal-wrapper .page-header.open {
    padding-right: 0; }

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 230px; }

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
  width: 1280px;
  padding-left: 0;
  left: 50%; }

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-header {
  margin-left: auto;
  margin-right: auto;
  padding-left: unset;
  padding-right: 230px; }
  html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-header.close_icon {
    padding-right: 100px; }

html[dir="rtl"] body.dark-only .custom-card .card-footer > div + div {
  border-right: 1px solid rgba(255, 255, 255, 0.1); }

html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(odd) .cd-timeline-content::before {
  border-left: none;
  border-right-color: #1A1C23; }

html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
  border-left-color: #1A1C23;
  border-right: unset; }

html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-r-light,
html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right {
  border-right: none !important;
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important; }

@media screen and (max-width: 1660px) {
  html[dir="rtl"] .caller-img {
    left: unset;
    right: 15px; } }

@media only screen and (max-width: 1366px) {
  html[dir="rtl"] .profile-dropdown.onhover-show-div {
    right: unset !important;
    left: 0 !important; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right ul li.onhover-dropdown.notification-down:nth-child(5)::before {
    right: 47px;
    left: unset; }
  html[dir="rtl"] .product-wrapper .product-grid .feature-products {
    margin-right: 0; }
  html[dir="rtl"] .product-grid {
    margin-right: 0; }
  html[dir="rtl"] .d-none-productlist {
    margin-left: 10px;
    margin-right: unset; }
  html[dir="rtl"] .photos ul li:nth-child(3n) {
    margin-left: 15px;
    margin-right: unset; } }

@media (min-width: 1200px) {
  html[dir="rtl"] .float-xl-end {
    float: left !important; }
  html[dir="rtl"] .pixelstrap ul a:hover .sub-arrow, html[dir="rtl"] .pixelstrap ul a:focus .sub-arrow, html[dir="rtl"] .pixelstrap ul a:active .sub-arrow, html[dir="rtl"] .pixelstrap ul a.highlighted .sub-arrow {
    left: 3px;
    right: unset; } }

@media (min-width: 992px) {
  html[dir="rtl"] .text-lg-start {
    text-align: right !important; } }

@media only screen and (max-width: 1199.98px) {
  html[dir="rtl"] .jkanban-container .btn {
    margin-left: unset;
    margin-right: 20px; }
  html[dir="rtl"] .link-section > div > h6:before {
    right: unset;
    left: 10px; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right > ul li .submenu li:first-child {
    padding-right: 15px !important;
    padding-left: 15px !important; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 45px; }
  html[dir="rtl"] .email-wrap .row .col-xl-6 {
    padding-right: 15px; }
  html[dir="rtl"] .email-wrap .row .col-xl-3 + .col-xl-3 {
    padding-left: 15px; }
  html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li {
    text-align: right; }
    html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li a i {
      margin-right: unset;
      margin-left: 10px; }
  html[dir="rtl"] .email-wrap .email-app-sidebar ul {
    padding-right: 0; }
  html[dir="rtl"] .email-wrap .email-right-aside .email-body .pe-0 {
    padding-right: unset !important; }
  html[dir="rtl"] .email-wrap .email-right-aside .radius-left {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-radius: 4px; }
  html[dir="rtl"] .chat-menu-icons {
    text-align: left; }
  html[dir="rtl"] .chat-menu {
    left: 0;
    right: unset; } }

@media only screen and (max-width: 991.98px) {
  html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
    left: 20px; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translate(285px); }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
      transform: translate(285px); }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn {
    float: left;
    transform: rotate(180deg); }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
    margin-right: 0;
    border-right: none;
    padding-right: 0;
    border-left: 1px solid #ddd;
    margin-left: 15px;
    padding-left: 15px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-header {
    margin-right: 0; }
  html[dir="rtl"] .page-wrapper.material-icon .page-header {
    padding-right: 0; }
  html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper .page-body {
    padding-right: 15px; }
  html[dir="rtl"] .faq-accordion .faq-header svg {
    left: 20px; }
  html[dir="rtl"] .page-wrapper .page-header .header-logo-wrapper .logo-wrapper img {
    margin-left: 15px;
    margin-right: unset; }
  html[dir="rtl"] .page-body-wrapper .page-body,
  html[dir="rtl"] .page-body-wrapper footer {
    margin-right: 0 !important; }
  html[dir="rtl"] .main .langChoice {
    left: 20px; }
  html[dir="rtl"] .cd-timeline-img i {
    right: 50% !important; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .breadcrumb {
    margin-right: 0; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 60px); }
  html[dir="rtl"] .page-wrapper .page-header {
    margin-right: 0; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header {
    margin-right: 0 !important;
    margin-left: unset !important; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-wrapper.close_icon {
    transform: translate(285px); }
  html[dir="rtl"] .card-body .value-left {
    margin-left: 20px; }
  html[dir="rtl"] .bookmark ul li .search-form .form-control-search {
    left: -127px; }
  html[dir="rtl"] .card .card-header .card-header-right {
    left: 15px; } }

@media only screen and (max-width: 991px) and (min-width: 768px) {
  html[dir="rtl"] .page-wrapper.compact-wrapper.material-type .page-body-wrapper div.sidebar-wrapper {
    left: unset;
    right: 0; } }

@media (min-width: 768px) {
  html[dir="rtl"] .float-md-end {
    float: left !important; }
  html[dir="rtl"] .income-wrap .ps-md-0 {
    padding-left: 30px !important;
    padding-right: 0 !important; }
  html[dir="rtl"] .text-md-end {
    text-align: left !important; }
  html[dir="rtl"] .offset-md-3 {
    margin-right: 25%;
    margin-left: unset; }
  html[dir="rtl"] .text-md-start {
    text-align: right !important; }
  html[dir="rtl"] .ecommerce-widget .text-md-end {
    text-align: left !important; }
    html[dir="rtl"] .ecommerce-widget .text-md-end ul {
      text-align: left; } }

@media only screen and (max-width: 767.98px) {
  html[dir="rtl"] .list-persons .profile-mail .email-general ul {
    padding-left: 0; }
  html[dir="rtl"] .file-content .form-inline {
    padding: 0px 20px 0px 0px; }
  html[dir="rtl"] .product-wrapper.sidebaron .product-grid .product-wrapper-grid {
    margin-right: 0; }
  html[dir="rtl"] .product-sidebar {
    transform: translateX(300px) scaleX(1); }
    html[dir="rtl"] .product-sidebar.open {
      transform: translateX(0px) scaleX(1); }
  html[dir="rtl"] .feature-products .filter-toggle {
    margin-right: 10px;
    margin-left: unset; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 25px !important; }
  html[dir="rtl"] .ecommerce-widget .text-md-right {
    text-align: left !important; }
  html[dir="rtl"] .bar-chart-widget .earning-details i {
    left: -147px !important; } }

@media (min-width: 576px) {
  html[dir="rtl"] .offset-sm-3 {
    margin-right: 25%;
    margin-left: unset; }
  html[dir="rtl"] .text-sm-end {
    text-align: left !important; }
  html[dir="rtl"] .float-sm-end {
    float: left !important; }
  html[dir="rtl"] .me-sm-2 {
    margin-left: 0.5rem !important;
    margin-right: unset !important; } }

@media only screen and (max-width: 575.98px) {
  html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
    left: 15px; }
  html[dir="rtl"] .list-persons .nav-pills .nav-link .media .media-body {
    text-align: right; }
  html[dir="rtl"] .mega-menu {
    padding-left: unset;
    padding-right: 15px; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right > ul li {
    margin-right: unset;
    margin-left: 1px; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
    left: 0; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, html[dir="rtl"] .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
    margin-left: 8px;
    padding-left: 8px;
    margin-right: unset;
    padding-right: unset;
    border-right: unset;
    border-left: 1px solid #ddd; }
  html[dir="rtl"] .translate_wrapper.active .more_lang.active {
    left: unset;
    right: 12px; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:last-child {
    padding-right: 10px; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul.notification-dropdown {
    left: unset !important;
    right: 15px !important; }
  html[dir="rtl"] .faq-accordion .faq-header svg {
    left: 15px; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 15px !important; }
    html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li {
      margin-left: 0px; }
  html[dir="rtl"] .main .langChoice {
    left: 15px; }
  html[dir="rtl"] .page-wrapper .search-form .form-group {
    margin-left: 0; }
  html[dir="rtl"] .card-body .value-left {
    margin-left: 15px; } }

@media only screen and (max-width: 480px) {
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
    right: unset;
    left: 20px; }
  html[dir="rtl"] .knob-chart .chart-clock-main {
    width: unset; }
    html[dir="rtl"] .knob-chart .chart-clock-main .clock-small {
      right: 32px; }
    html[dir="rtl"] .knob-chart .chart-clock-main .clock-large {
      right: 0;
      left: unset; }
    html[dir="rtl"] .knob-chart .chart-clock-main .clock-medium {
      right: 32px;
      left: unset; } }

@media only screen and (max-width: 420px) {
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    right: 112px; }
  html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    right: 80px; } }

@media only screen and (max-width: 360px) {
  html[dir="rtl"] .prooduct-details-box .close {
    left: 0; }
  html[dir="rtl"] .social-app-profile .hovercard .user-image .avatar {
    margin-top: -47px; }
    html[dir="rtl"] .social-app-profile .hovercard .user-image .avatar img {
      width: 85px;
      height: 85px; }
  html[dir="rtl"] .social-chat .other-msg {
    margin-right: 15px; } }

@media screen and (max-width: 1460px) {
  html[dir="rtl"] .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-left: 8px;
    margin-right: unset; } }

/**=====================
    5.8 Rtl CSS Ends
==========================**/
/**=====================
  5.9 Box-layout CSS start
==========================**/
.box-layout {
  background-blend-mode: overlay;
  background-color: rgba(255, 255, 255, 0.5);
  overflow: hidden; }
  .box-layout.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu {
    background-color: #1A1C23; }
  .box-layout.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links > li:hover .sidebar-submenu {
    opacity: 1;
    visibility: visible;
    display: block !important;
    top: 58px; }
  .box-layout .today-work-table .today-working-table tbody tr td {
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom: 1px dashed #E6E9EB; }
  .box-layout .today-work-table .today-working-table tbody tr td:nth-child(1) {
    min-width: 165px; }
  .box-layout .today-work-table .today-working-table tbody tr td:nth-child(2) {
    min-width: 170px; }
  .box-layout .today-work-table .today-working-table tbody tr td:nth-child(3) {
    display: none; }
  .box-layout .today-work-table .today-working-table tbody tr:first-child td {
    padding-top: 0px; }
  .box-layout .today-work-table .today-working-table tbody tr td a {
    color: #051A1A;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .box-layout .today-work-table .today-working-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }
  .box-layout .today-work-table .today-working-table tbody tr:last-child td {
    padding-bottom: 0px;
    border: none; }
  .box-layout .tranaction-table thead {
    background-color: rgba(230, 233, 235, 0.3); }
    .box-layout .tranaction-table thead tr th {
      padding: 20px; }
      .box-layout .tranaction-table thead tr th:nth-child(1) {
        min-width: 160px; }
      .box-layout .tranaction-table thead tr th:nth-child(2) {
        min-width: 150px;
        padding: 20px 0px; }
      .box-layout .tranaction-table thead tr th:nth-child(3) {
        display: none; }
      .box-layout .tranaction-table thead tr th:nth-child(4) {
        min-width: 100px;
        padding: 20px 0px; }
      .box-layout .tranaction-table thead tr th:nth-child(5) {
        min-width: 50px; }
      .box-layout .tranaction-table thead tr th:first-child {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .box-layout .tranaction-table thead tr th:last-child {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; }
  .box-layout .tranaction-table tbody tr {
    border-bottom: 1px solid #E6E9EB; }
    .box-layout .tranaction-table tbody tr td {
      padding-top: 17px;
      padding-bottom: 17px; }
      .box-layout .tranaction-table tbody tr td .status-process {
        border-radius: 15px;
        padding: 12px; }
      .box-layout .tranaction-table tbody tr td:nth-child(3) {
        display: none; }
      .box-layout .tranaction-table tbody tr td:last-child .product-sub {
        text-align: center; }
    .box-layout .tranaction-table tbody tr:last-child {
      border: none; }
      .box-layout .tranaction-table tbody tr:last-child td {
        padding-bottom: 0px; }
  .box-layout .tranaction-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }
  @media only screen and (min-width: 1280px) {
    .box-layout .page-wrapper .page-header .header-wrapper .nav-right > ul > li .form-group .Typeahead .u-posRelative input {
      width: 96px !important; }
    .box-layout .learning-filter {
      order: -1; }
    .box-layout .artist-table .appointment-table.customer-table table tr td:last-child {
      min-width: 100px; }
    .box-layout .md-sidebar .md-sidebar-toggle {
      display: block; }
    .box-layout .md-sidebar .md-sidebar-aside {
      position: absolute;
      top: 40px;
      left: 0;
      opacity: 0;
      visibility: hidden;
      z-index: 3;
      width: 280px; }
      .box-layout .md-sidebar .md-sidebar-aside.open {
        opacity: 1;
        visibility: visible; }
    .box-layout .job-sidebar {
      background-color: var(--white);
      padding: 20px; }
    .box-layout .widget-1.mb-xl-0 {
      margin-bottom: 25px !important; }
    .box-layout .radial-progress-card .radial-chart-wrap {
      margin-right: -10px; }
    .box-layout .currency-widget div[class*=bg-light-] {
      display: none; }
    .box-layout .box-order .order-1 {
      order: 1 !important; }
    .box-layout .activity-card .appointment-table.customer-table {
      height: 187px; }
    .box-layout .transaction-table tr td:first-child {
      min-width: 150px; }
    .box-layout .purchase-card img {
      margin: -210px auto 0;
      width: 80%; }
    .box-layout .purchase-card.discover {
      margin-top: 90px; }
      .box-layout .purchase-card.discover img {
        margin-top: -90px;
        width: 64%; }
    .box-layout .apache-cotainer-large > div,
    .box-layout .apache-cotainer-large canvas,
    .box-layout #line-visual > div,
    .box-layout #line-visual canvas,
    .box-layout #line-visulH > div,
    .box-layout #line-visulH canvas {
      width: 100% !important; }
    .box-layout .page-wrapper.box-layout, .box-layout.page-wrapper.box-layout {
      padding-top: 40px;
      margin-top: 0 !important; }
    .box-layout .page-wrapper.compact-wrapper, .box-layout.page-wrapper.compact-wrapper {
      margin-top: 40px; }
      .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
        width: 230px;
        height: auto;
        top: 40px;
        border-radius: 10px 0 0 10px;
        overflow: hidden; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
          width: 1200px;
          left: 48%; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix {
          padding-left: 0; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
          height: calc(100vh - 180px); }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper {
          box-shadow: 0 8px 6px -6px rgba(89, 102, 122, 0.1); }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
          margin-top: 10px;
          margin-bottom: 20px;
          height: calc(100vh - 190px); }
      .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
        min-height: calc(100vh - 130px);
        margin-top: 0;
        top: 56px;
        overflow: scroll;
        max-height: calc(100vh - 220px);
        padding-bottom: 80px;
        margin-left: 230px; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #ecf3fa; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar {
          width: 6px; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
          background-color: rgba(68, 102, 242, 0.15); }
    .box-layout .page-wrapper.compact-sidebar .page-header, .box-layout.page-wrapper.compact-sidebar .page-header {
      padding-left: 148px; }
    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper {
      margin-top: 40px; }
      .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
        top: 40px; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
          display: none;
          transition: 0.5s; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
          height: calc(100vh - 166px);
          margin: 0; }
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
          .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
            left: 470px;
            top: 40px;
            height: calc(100vh - 84px); }
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
            animation: unset; }
      .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .footer, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .footer {
        margin-left: 0; }
      .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body {
        min-height: calc(100vh - 90px);
        margin-top: 0;
        top: 80px;
        overflow: scroll;
        max-height: calc(100vh - 170px);
        padding-bottom: 80px; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #ecf3fa; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar {
          width: 6px; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
          background-color: rgba(68, 102, 242, 0.15); }
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-header, .box-layout.page-wrapper.compact-sidebar.compact-small .page-header {
      padding-left: 90px; }
      .box-layout .page-wrapper.compact-sidebar.compact-small .page-header.close_icon, .box-layout.page-wrapper.compact-sidebar.compact-small .page-header.close_icon {
        padding-left: 0; }
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container, .box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
    .box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
      left: 410px; }
    .box-layout .page-wrapper.horizontal-wrapper:before, .box-layout.page-wrapper.horizontal-wrapper:before {
      display: none; }
    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper {
      margin-top: 40px; }
      .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
        margin-top: 80px;
        min-height: calc(100vh - 310px);
        max-height: calc(100vh - 230px);
        overflow: scroll; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #ecf3fa; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar {
          width: 6px; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
          background-color: rgba(68, 102, 242, 0.15); }
      .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .footer, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .footer {
        padding-left: 15px; }
      .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
        width: 1280px;
        top: 80px;
        margin: 0;
        overflow-x: unset;
        position: relative; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu {
          left: 0%;
          transform: translate(0, 0);
          top: 125px;
          background-color: #fff; }
    .box-layout .page-wrapper.horizontal-wrapper .page-header, .box-layout.page-wrapper.horizontal-wrapper .page-header {
      padding-left: 0; }
    .box-layout .page-wrapper.modern-type .page-header, .box-layout.page-wrapper.modern-type .page-header {
      padding-left: 0px; }
      .box-layout .page-wrapper.modern-type .page-header .header-wrapper .left-header, .box-layout.page-wrapper.modern-type .page-header .header-wrapper .left-header {
        width: 36%; }
      .box-layout .page-wrapper.modern-type .page-header .header-wrapper .nav-right, .box-layout.page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 46%; }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .page-body, .box-layout.page-wrapper.modern-type .page-body-wrapper .page-body {
      margin-left: 260px; }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper {
      top: 120px; }
      .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        height: calc(100vh - 311px); }
      .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 316px); }
      .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
        width: 1280px;
        left: 50%;
        margin-left: 0; }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .footer, .box-layout.page-wrapper.modern-type .page-body-wrapper .footer {
      margin-left: 0; }
    .box-layout .page-wrapper .page-header, .box-layout.page-wrapper .page-header {
      max-width: 1280px;
      margin: 0 auto;
      left: 0;
      right: 0;
      transition: 0.5s;
      padding-left: 230px;
      margin-top: 40px;
      border-radius: 10px;
      width: unset; }
      .box-layout .page-wrapper .page-header.close_icon, .box-layout.page-wrapper .page-header.close_icon {
        padding-left: 100px;
        margin-left: auto;
        width: calc(100% - 0px);
        transition: 0.5s; }
      .box-layout .page-wrapper .page-header .header-wrapper, .box-layout.page-wrapper .page-header .header-wrapper {
        border-radius: 10px 10px 0 0; }
    .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right,
    .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header, .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right,
    .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
      width: 36%; }
    .box-layout .page-wrapper.material-type .page-body-wrapper, .box-layout.page-wrapper.material-type .page-body-wrapper {
      margin-top: 0; }
      .box-layout .page-wrapper.material-type .page-body-wrapper .page-body, .box-layout.page-wrapper.material-type .page-body-wrapper .page-body {
        margin-top: 0; }
      .box-layout .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        top: 0; }
    .box-layout .page-wrapper.material-icon .page-header.close_icon, .box-layout.page-wrapper.material-icon .page-header.close_icon {
      margin-top: 40px !important; }
    .box-layout .page-wrapper.material-icon .page-body-wrapper, .box-layout.page-wrapper.material-icon .page-body-wrapper {
      margin-top: 0; }
      .box-layout .page-wrapper.material-icon .page-body-wrapper .page-body, .box-layout.page-wrapper.material-icon .page-body-wrapper .page-body {
        top: 0;
        min-height: calc(100vh - 170px);
        padding-bottom: 40px; }
    .box-layout .page-wrapper.advance-layout .page-header, .box-layout.page-wrapper.advance-layout .page-header {
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07); }
    .box-layout .page-wrapper.advance-layout .page-body-wrapper, .box-layout.page-wrapper.advance-layout .page-body-wrapper {
      margin-top: 0; }
    .box-layout .page-wrapper .page-body-wrapper, .box-layout.page-wrapper .page-body-wrapper {
      width: 1280px;
      box-shadow: 4px 11px 25px rgba(0, 0, 0, 0.07);
      margin: 0 auto;
      overflow: hidden; }
      .box-layout .page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive, .box-layout.page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive {
        min-width: 1087px;
        overflow: auto; }
      .box-layout .page-wrapper .page-body-wrapper .active-order-table, .box-layout.page-wrapper .page-body-wrapper .active-order-table {
        max-width: 443px;
        overflow: auto; }
        .box-layout .page-wrapper .page-body-wrapper .active-order-table table tbody tr td p, .box-layout.page-wrapper .page-body-wrapper .active-order-table table tbody tr td p {
          width: 100px; }
      .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.gradient-line-1:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.gradient-line-1:after {
        height: 57px;
        bottom: -64px; }
      .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.small-line:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.small-line:after {
        height: 36px;
        bottom: -43px; }
      .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.medium-line:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.medium-line:after {
        height: 40px;
        bottom: -48px; }
      .box-layout .page-wrapper .page-body-wrapper footer, .box-layout.page-wrapper .page-body-wrapper footer {
        width: 1280px;
        margin: 0 auto;
        padding-left: 230px;
        margin-bottom: 40px !important;
        position: fixed;
        left: 50%;
        z-index: 7;
        transform: translate(-50%, 0);
        border-radius: 0 0 10px; }
      .box-layout .page-wrapper .page-body-wrapper .blockquote-footer, .box-layout.page-wrapper .page-body-wrapper .blockquote-footer {
        margin-left: 0;
        width: 100%; }
      .box-layout .page-wrapper .page-body-wrapper .footer-fix, .box-layout.page-wrapper .page-body-wrapper .footer-fix {
        padding-left: 230px; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 300px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content > div, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content > div {
          z-index: 8;
          background-color: rgba(255, 255, 255, 0.75);
          background-blend-mode: overlay;
          width: 100%;
          padding: 30px;
          left: 15px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content button, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content button {
          width: 40%;
          font-size: 14px;
          margin: 0 auto; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons {
        margin-top: 20px;
        margin-bottom: 20px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons ul li, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons ul li {
          border: 1px dashed #717171;
          width: 50px;
          height: 50px;
          padding: 8px; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img {
        margin-top: 30px;
        margin-bottom: 30px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img img, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img img {
          width: 38%; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .total-time h2, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .total-time h2 {
        font-size: 28px;
        color: #717171; }
      .box-layout .page-wrapper .page-body-wrapper canvas#myLineCharts, .box-layout.page-wrapper .page-body-wrapper canvas#myLineCharts {
        width: 100%; }
      .box-layout .page-wrapper .page-body-wrapper .chat-right-aside, .box-layout.page-wrapper .page-body-wrapper .chat-right-aside {
        flex: 0 0 60%;
        max-width: 60%;
        overflow: hidden; }
      .box-layout .page-wrapper .page-body-wrapper .caller-img, .box-layout.page-wrapper .page-body-wrapper .caller-img {
        position: absolute;
        width: 100%;
        max-width: 100%;
        left: 15px; }
        .box-layout .page-wrapper .page-body-wrapper .caller-img img, .box-layout.page-wrapper .page-body-wrapper .caller-img img {
          opacity: 0.7; }
      .box-layout .page-wrapper .page-body-wrapper .browser-widget img, .box-layout.page-wrapper .page-body-wrapper .browser-widget img {
        height: 65px; }
      .box-layout .page-wrapper .page-body-wrapper .custom-card .card-header img, .box-layout.page-wrapper .page-body-wrapper .custom-card .card-header img {
        margin-top: -73px; }
      .box-layout .page-wrapper .page-body-wrapper .custom-card .card-profile img, .box-layout.page-wrapper .page-body-wrapper .custom-card .card-profile img {
        height: 130px;
        top: -17px; }
      .box-layout .page-wrapper .page-body-wrapper .select2, .box-layout.page-wrapper .page-body-wrapper .select2 {
        width: 901.781px; }
    .box-layout .page-wrapper ul.close_icon > li label, .box-layout.page-wrapper ul.close_icon > li label {
      padding: 0; }
      .box-layout .page-wrapper ul.close_icon > li label:after, .box-layout.page-wrapper ul.close_icon > li label:after {
        display: none; }
    .box-layout .page-wrapper .bookmark ul, .box-layout.page-wrapper .bookmark ul {
      margin-right: -1px; }
    .box-layout .page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn, .box-layout.page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn {
      padding-left: 20px;
      padding-right: 20px; }
    .box-layout .page-wrapper .btn-group-showcase .btn-radio .btn-group .radio input[type="radio"], .box-layout.page-wrapper .btn-group-showcase .btn-radio .btn-group .radio input[type="radio"] {
      display: none; }
    .box-layout .page-wrapper .d-flex.bitcoin-graph, .box-layout.page-wrapper .d-flex.bitcoin-graph {
      display: block; }
      .box-layout .page-wrapper .d-flex.bitcoin-graph .top-bitcoin, .box-layout.page-wrapper .d-flex.bitcoin-graph .top-bitcoin {
        display: inline-block;
        vertical-align: middle; }
      .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 {
        margin-top: 30px; }
        .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content .bitcoin-numbers h6, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content .bitcoin-numbers h6 {
          font-size: 14PX; }
        .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content.text-right, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content.text-right {
          text-align: center !important; }
    .box-layout .page-wrapper .alert.inverse p, .box-layout.page-wrapper .alert.inverse p {
      max-width: 238px;
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .box-layout .page-wrapper .auth-bg-effect .second-effect, .box-layout.page-wrapper .auth-bg-effect .second-effect {
      left: 55%; }
    .box-layout .page-wrapper .auth-bg-video video, .box-layout.page-wrapper .auth-bg-video video {
      min-width: 67%;
      width: 67%; }
    .box-layout .page-wrapper .page-builder .ge-canvas.ge-layout-desktop, .box-layout.page-wrapper .page-builder .ge-canvas.ge-layout-desktop {
      margin-top: 40px; }
    .box-layout .page-wrapper .page-builder .ge-addRowGroup, .box-layout.page-wrapper .page-builder .ge-addRowGroup {
      margin-bottom: 10px; }
    .box-layout .page-wrapper .pricing-wrapper-card, .box-layout.page-wrapper .pricing-wrapper-card {
      padding: 50px 20px; }
    .box-layout .page-wrapper .card .blog-box.blog-grid.set-min-height, .box-layout.page-wrapper .card .blog-box.blog-grid.set-min-height {
      min-height: 400px; }
    .box-layout .page-wrapper #donut-color-chart-morris-daily.flot-chart-placeholder, .box-layout.page-wrapper #donut-color-chart-morris-daily.flot-chart-placeholder {
      min-height: 430px; }
    .box-layout .page-wrapper #donut-color-chart-morris.flot-chart-placeholder, .box-layout.page-wrapper #donut-color-chart-morris.flot-chart-placeholder {
      min-height: 430px; }
    .box-layout .page-wrapper .box-col-12, .box-layout.page-wrapper .box-col-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    .box-layout .page-wrapper .box-col-6, .box-layout.page-wrapper .box-col-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    .box-layout .page-wrapper .box-col-3, .box-layout.page-wrapper .box-col-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    .box-layout .page-wrapper .box-col-7, .box-layout.page-wrapper .box-col-7 {
      flex: 0 0 60%;
      max-width: 60%; }
    .box-layout .page-wrapper .box-col-5, .box-layout.page-wrapper .box-col-5 {
      flex: 0 0 40%;
      max-width: 40%; }
    .box-layout .page-wrapper .box-col-8, .box-layout.page-wrapper .box-col-8 {
      flex: 0 0 70%;
      max-width: 70%; }
    .box-layout .page-wrapper .box-col-4e, .box-layout.page-wrapper .box-col-4e {
      flex: 0 0 30%;
      max-width: 30%; }
    .box-layout .page-wrapper .box-col-4, .box-layout.page-wrapper .box-col-4 {
      flex: 0 0 33.33%;
      max-width: 33%; }
    .box-layout .page-wrapper .box-col-8e, .box-layout.page-wrapper .box-col-8e {
      flex: 0 0 66.67%;
      max-width: 66.67%; }
    .box-layout .page-wrapper .box-col-none, .box-layout.page-wrapper .box-col-none {
      display: none !important; }
    .box-layout .page-wrapper .chat-box .chat-right-aside, .box-layout.page-wrapper .chat-box .chat-right-aside {
      flex: 0 0 100%;
      max-width: calc(100% - 15px);
      overflow: hidden; }
      .box-layout .page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i, .box-layout.page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i {
        font-size: 19px; }
    .box-layout .page-wrapper .chat-box .toogle-bar, .box-layout.page-wrapper .chat-box .toogle-bar {
      display: inline-block;
      margin-right: 0 !important; }
    .box-layout .page-wrapper .chat-menu, .box-layout.page-wrapper .chat-menu {
      right: 0;
      border-top: 1px dashed #ddd;
      opacity: 0;
      transform: translateY(-30px);
      visibility: hidden;
      top: 81px;
      position: absolute;
      z-index: 9;
      background-color: #fff;
      transition: all linear 0.3s; }
      .box-layout .page-wrapper .chat-menu.show, .box-layout.page-wrapper .chat-menu.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        transition: all linear 0.3s;
        padding-bottom: 25px; }
    .box-layout .page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar, .box-layout.page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar {
      stroke-width: 23px !important; }
    .box-layout .page-wrapper .social-app-profile #friends .box-col-4, .box-layout.page-wrapper .social-app-profile #friends .box-col-4 {
      flex: 0 0 30%;
      max-width: 30%; }
    .box-layout .page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset, .box-layout.page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset {
      max-height: 165px; }
    .box-layout .page-wrapper .email-wrap .row .col-xl-6, .box-layout.page-wrapper .email-wrap .row .col-xl-6 {
      padding-left: 12px; }
    .box-layout .page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3, .box-layout.page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3 {
      padding-right: 12px; }
    .box-layout .page-wrapper .email-wrap .email-right-aside .email-body .inbox, .box-layout.page-wrapper .email-wrap .email-right-aside .email-body .inbox {
      height: 644px; }
    .box-layout .page-wrapper .email-wrap .email-content .email-top .user-emailid:after, .box-layout.page-wrapper .email-wrap .email-content .email-top .user-emailid:after {
      right: -10px; }
    .box-layout .page-wrapper .todo .notification-popup, .box-layout.page-wrapper .todo .notification-popup {
      right: 320px; }
    .box-layout .page-wrapper .touchspin, .box-layout.page-wrapper .touchspin {
      padding: 0 10px; }
    .box-layout .page-wrapper .vertical-menu-main, .box-layout.page-wrapper .vertical-menu-main {
      width: 1280px;
      margin: 0 auto;
      left: 0;
      right: 0; }
      .box-layout .page-wrapper .vertical-menu-main .mega-menu, .box-layout.page-wrapper .vertical-menu-main .mega-menu {
        width: 1050px !important;
        max-width: 1050px !important;
        left: -320px !important; }
    .box-layout .page-wrapper .comingsoon video, .box-layout.page-wrapper .comingsoon video {
      min-width: 67%;
      width: 67%; } }
/**=====================
  5.9 Box-layout CSS Ends
==========================**/
@charset "UTF-8";
/*! -----------------------------------------------------------------------------------

    Template Name: Riho Admin
    Template URI: https://admin.pixelstrap.net/riho/template/
    Description: This is Admin theme
    Author: Pixelstrap
    Author URI: https://themeforest.net/user/pixelstrap

-----------------------------------------------------------------------------------

    1.Base css
        1.1 Reset CSS
        1.2 Typography CSS
    
    2.Components css
        2.1 According CSS
        2.2 Alert CSS
        2.3 Avatars CSS
        2.4 Badge CSS
        2.5 Bookmark CSS
        2.6 Breadcrumb CSS
        2.7 Basic-card CSS
        2.8 Builders CSS
        2.9 Buttons CSS
        2.10 Card CSS
        2.11 Color CSS
        2.12 Datatable CSS
        2.13 Datapicker CSS
        2.14 Dropdown CSS
        2.15 Form-builder CSS
        2.16 Form-input CSS
        2.17 Form-wizard CSS
        2.18 Forms CSS
        2.19 Icons CSS
        2.20 List CSS
        2.21 Loader CSS 
        2.22 Modal CSS
        2.23 Popover CSS
        2.24 Print CSS
        2.25 Radio CSS
        2.26 Ribbon CSS
        2.27 Range-slider CSS
        2.28 Switch CSS
        2.29 Tab CSS
        2.30 Table CSS
        2.31 Toasts CSS
        2.32 Touchspin CSS
        2.33 Tour CSS
        2.34 Tree CSS
        2.35 Typeahead-search CSS
        2.36 Scrollbar CSS

    3. Pages
        3.1 Blog CSS
        3.2 Bookmark-app CSS
        3.3 Cart CSS
        3.4 Chart CSS
        3.5 Chat CSS
        3.6 Checkout CSS
        3.7 Comingsoon CSS
        3.8 Contacts CSS
        3.9 Dashboard_2 CSS
        3.10 Dashboard_3 CSS 
        3.11 Dashboard_4 CSS
        3.12 Dashboard_5 CSS
        3.13 Dashboard_default CSS
        3.14 Ecommerce CSS
        3.15 Email-application CSS
        3.16 Errorpage CSS
        3.17 Faq CSS
        3.18 File CSS
        3.19 Gallery CSS
        3.20 Helper CSS
        3.21 Internationalization CSS
        3.22 Job-search CSS
        3.23 Jsgrid CSS
        3.24 Kanban CSS
        3.25 Knowledgebase CSS
        3.26 Landing CSS
        3.27 Language CSS
        3.28 Learning CSS
        3.29 Login CSS
        3.30 Megaoption CSS
        3.31 Order-history CSS
        3.32 Page CSS
        3.33 Pricing CSS
        3.34 Progress CSS
        3.35 Projectlist CSS
        3.36 Rating CSS
        3.37 Social-app CSS
        3.38 Sweet-alert CSS
        3.39 Task CSS
        3.40 Timeline-v CSS
        3.41 User-profile CSS
        3.42 Wishlist CSS
        3.43 Dashboard_6.CSS
        3.44 Dashboard_7 CSS
        3.45 Dashboard_8.CSS

    4. Themes
        4.1. Dark CSS
        4.2 Theme-customizer CSS
        4.3 Update CSS

    5. Layout
        5.1 Footer CSS
        5.2 Grid CSS
        5.3 Header CSS
        5.4 Navs CSS
        5.5 Search CSS
        5.6 Select2 CSS
        5.7 Sidebar CSS
        5.8 Rtl CSS
        5.9 Box-layout CSS

 */
:root {
  --theme-deafult:  #4A55A2;
  --theme-secondary: #F0A360;
  --light-background: rgba(242, 243, 247, 0.7);
  --body-font-color: #86909C;
  --chart-border: #ECF3FA;
  --recent-chart-bg: #FCFCFD;
  --light-bg: #EEF1F6;
  --white: #fff;
  --light2: #F5F6F9;
  --sidebar-border: rgba(0, 0, 0, 0.1);
  --chart-text-color: rgba(82, 82, 108, 0.8);
  --recent-dashed-border: rgba(82, 82, 108, 0.3);
  --chart-dashed-border: rgba(82, 82, 108, 0.2);
  --chart-progress-light: rgba(82, 82, 108, 0.1);
  --recent-box-bg: #F2F4F7;
  --recent-border: rgba(97, 101, 122, 0.25);
  --course-light-btn: #F2F3F7;
  --course-bg: #F7F7F7;
  --balance-profie-bg: #E0DFEF;
  --view-grid-bg: #ECF3FA80;
  --view-border-marker: #cfcdfc;
  --light-slate: #F5F6F9;
  --text-gray: rgba(82, 82, 108, 0.8);
  --product-shadow: 0px 1px 0px rgba(82, 82, 108, 0.15);
  --fc-button-bg-color: var(--theme-deafult);
  --fc-button-active-bg-color: var(--theme-deafult);
  --fc-button-active-border-color: var(--theme-deafult);
  --fc-button-border-color: var(--theme-deafult);
  --fc-button-hover-bg-color: var(--theme-deafult);
  --fc-button-hover-border-color: var(--theme-deafult);
  --normal: #ECEAF3;
  --normal-shadow: #D9D8E3;
  --normal-mouth: #9795A4;
  --normal-eye: #595861;
  --active: #F8DA69;
  --active-shadow: #F4B555;
  --active-mouth: #F05136;
  --active-eye: #313036;
  --active-tear: #76b5e7;
  --active-shadow-angry: #e94f1d;
  /* Do not show the "remove tag" (x) button when only a single tag remains */ }
  :root .customLook {
    --tag-bg: var(--theme-deafult);
    --tag-hover: var(--theme-secondary);
    --tag-text-color: var(--white);
    --tags-border-color: silver;
    --tag-border-radius: 25px;
    --tag-text-color--edit: #111;
    --tag-remove-bg: var(--tag-hover);
    --tag-pad: .6em 1em;
    --tag-inset-shadow-size: 1.35em;
    --tag-remove-btn-bg--hover: #000;
    --tagify-dd-color-primary: var(var(--theme-deafult));
    --tagify-dd-bg-color: var(--course-light-btn); }

body[class='dark-only'] {
  --light-background: rgba(31, 32, 40, 0.65);
  --recent-chart-bg: #262932;
  --light-bg: #1d1e26;
  --white: #262932;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --light2: #1d1e26;
  --chart-border: #374558;
  --recent-box-bg: #1d1e26;
  --recent-border: #374558;
  --body-font-color: rgba(255, 255, 255, 0.6);
  --course-light-btn: var(--light-bg);
  --view-grid-bg: var(--light-bg);
  --view-border-marker: #2c2c45d4;
  --light-slate: #1c1d26;
  --text-gray: rgba(153, 153, 169, 0.8);
  --product-shadow: 0px 1px 0px rgb(55 70 87); }

body[class="rtl dark-only"] {
  --light-background: rgba(31, 32, 40, 0.65);
  --recent-chart-bg: #262932;
  --light-bg: #1d1e26;
  --white: #262932;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --light2: #1d1e26;
  --chart-border: #374558;
  --recent-box-bg: #1d1e26;
  --recent-border: #374558;
  --body-font-color: rgba(255, 255, 255, 0.6);
  --course-light-btn: var(--light-bg);
  --view-grid-bg: var(--light-bg);
  --view-border-marker: #2c2c45d4;
  --light-slate: #1c1d26;
  --text-gray: rgba(153, 153, 169, 0.8);
  --product-shadow: 0px 1px 0px rgb(55 70 87); }

body.dark-only.box-layout {
  --light-background: rgba(31, 32, 40, 0.65);
  --recent-chart-bg: #262932;
  --light-bg: #1d1e26;
  --white: #262932;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --light2: #1d1e26;
  --chart-border: #374558;
  --recent-box-bg: #1d1e26;
  --recent-border: #374558;
  --body-font-color: rgba(255, 255, 255, 0.6);
  --course-light-btn: var(--light-bg);
  --view-grid-bg: var(--light-bg);
  --view-border-marker: #2c2c45d4; }

/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C; }

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8; }

.light-card {
  background-color: var(--light-background); }

.light-background {
  background-color: var(--light-bg); }

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  transform: rotate(-45deg);
  display: inline-block; }

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-l-50 {
  margin-left: 50px !important; }

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important; }

.b-r-1 {
  border-radius: 1px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-r-11 {
  border-radius: 11px !important; }

.b-r-12 {
  border-radius: 12px !important; }

.b-r-13 {
  border-radius: 13px !important; }

.b-r-14 {
  border-radius: 14px !important; }

.b-r-15 {
  border-radius: 15px !important; }

.b-r-16 {
  border-radius: 16px !important; }

.b-r-17 {
  border-radius: 17px !important; }

.b-r-18 {
  border-radius: 18px !important; }

.b-r-19 {
  border-radius: 19px !important; }

.b-r-20 {
  border-radius: 20px !important; }

.b-r-21 {
  border-radius: 21px !important; }

.b-r-22 {
  border-radius: 22px !important; }

.b-r-23 {
  border-radius: 23px !important; }

.b-r-24 {
  border-radius: 24px !important; }

.b-r-25 {
  border-radius: 25px !important; }

.b-r-26 {
  border-radius: 26px !important; }

.b-r-27 {
  border-radius: 27px !important; }

.b-r-28 {
  border-radius: 28px !important; }

.b-r-29 {
  border-radius: 29px !important; }

.b-r-30 {
  border-radius: 30px !important; }

.b-r-31 {
  border-radius: 31px !important; }

.b-r-32 {
  border-radius: 32px !important; }

.b-r-33 {
  border-radius: 33px !important; }

.b-r-34 {
  border-radius: 34px !important; }

.b-r-35 {
  border-radius: 35px !important; }

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.f-34 {
  font-size: 34px !important; }

.f-36 {
  font-size: 36px !important; }

.f-38 {
  font-size: 38px !important; }

.f-40 {
  font-size: 40px !important; }

.f-42 {
  font-size: 42px !important; }

.f-44 {
  font-size: 44px !important; }

.f-46 {
  font-size: 46px !important; }

.f-48 {
  font-size: 48px !important; }

.f-50 {
  font-size: 50px !important; }

.f-52 {
  font-size: 52px !important; }

.f-54 {
  font-size: 54px !important; }

.f-56 {
  font-size: 56px !important; }

.f-58 {
  font-size: 58px !important; }

.f-60 {
  font-size: 60px !important; }

.f-62 {
  font-size: 62px !important; }

.f-64 {
  font-size: 64px !important; }

.f-66 {
  font-size: 66px !important; }

.f-68 {
  font-size: 68px !important; }

.f-70 {
  font-size: 70px !important; }

.f-72 {
  font-size: 72px !important; }

.f-74 {
  font-size: 74px !important; }

.f-76 {
  font-size: 76px !important; }

.f-78 {
  font-size: 78px !important; }

.f-80 {
  font-size: 80px !important; }

.f-82 {
  font-size: 82px !important; }

.f-84 {
  font-size: 84px !important; }

.f-86 {
  font-size: 86px !important; }

.f-88 {
  font-size: 88px !important; }

.f-90 {
  font-size: 90px !important; }

.f-92 {
  font-size: 92px !important; }

.f-94 {
  font-size: 94px !important; }

.f-96 {
  font-size: 96px !important; }

.f-98 {
  font-size: 98px !important; }

.f-100 {
  font-size: 100px !important; }

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100; }

.f-w-300 {
  font-weight: 300; }

.f-w-500 {
  font-weight: 500; }

.f-w-400 {
  font-weight: 400; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-900 {
  font-weight: 900; }

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal; }

.f-s-italic {
  font-style: italic; }

.f-s-oblique {
  font-style: oblique; }

.f-s-initial {
  font-style: initial; }

.f-s-inherit {
  font-style: inherit; }

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-dashed {
  text-decoration: dashed; }

.text-blink {
  text-decoration: blink; }

.text-dotted {
  text-decoration: dotted; }

.text-initial {
  text-decoration: initial; }

.text-none {
  text-decoration: none; }

.text-solid {
  text-decoration: solid; }

.text-wavy {
  text-decoration: wavy; }

.text-inherit {
  text-decoration: inherit; }

.text-double {
  text-decoration: double; }

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline; }

.sub {
  vertical-align: sub; }

.super {
  vertical-align: super; }

.top {
  vertical-align: top; }

.text-top {
  vertical-align: text-top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.text-bottom {
  vertical-align: text-bottom; }

.initial {
  vertical-align: initial; }

.inherit {
  vertical-align: inherit; }

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-relative {
  position: relative; }

.p-initial {
  position: initial; }

.p-inherit {
  position: inherit; }

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden; }

.o-visible {
  overflow: visible; }

.o-auto {
  overflow: auto; }

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important; }

.img-h-10 {
  height: 10px !important; }

.img-20 {
  width: 20px !important; }

.img-h-20 {
  height: 20px !important; }

.img-30 {
  width: 30px !important; }

.img-h-30 {
  height: 30px !important; }

.img-40 {
  width: 40px !important; }

.img-h-40 {
  height: 40px !important; }

.img-50 {
  width: 50px !important; }

.img-h-50 {
  height: 50px !important; }

.img-60 {
  width: 60px !important; }

.img-h-60 {
  height: 60px !important; }

.img-70 {
  width: 70px !important; }

.img-h-70 {
  height: 70px !important; }

.img-80 {
  width: 80px !important; }

.img-h-80 {
  height: 80px !important; }

.img-90 {
  width: 90px !important; }

.img-h-90 {
  height: 90px !important; }

.img-100 {
  width: 100px !important; }

.img-h-100 {
  height: 100px !important; }

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important; }

.font-secondary {
  color: #FE6A49 !important; }

.font-success {
  color: #00AC46 !important; }

.font-danger {
  color: #FE6A49 !important; }

.font-info {
  color: #173878 !important; }

.font-light {
  color: #E6E9EB !important; }

.font-dark {
  color: #2c323f !important; }

.font-warning {
  color: #FFAE1A !important; }

.font-primary {
  color: var(--theme-deafult) !important; }

.font-secondary {
  color: var(--theme-secondary) !important; }

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize; }

.label-theme {
  background-color: #006666; }

.label-primary {
  background-color: #006666; }

.label-secondary {
  background-color: #FE6A49; }

.label-success {
  background-color: #00AC46; }

.label-danger {
  background-color: #FE6A49; }

.label-info {
  background-color: #173878; }

.label-light {
  background-color: #E6E9EB; }

.label-dark {
  background-color: #2c323f; }

.label-warning {
  background-color: #FFAE1A; }

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666; }

.badge-secondary {
  background-color: #FE6A49; }

.badge-success {
  background-color: #00AC46; }

.badge-danger {
  background-color: #FE6A49; }

.badge-info {
  background-color: #173878; }

.badge-light {
  background-color: #E6E9EB; }

.badge-dark {
  background-color: #2c323f; }

.badge-warning {
  background-color: #FFAE1A; }

.badge-primary {
  background-color: var(--theme-deafult) !important; }

.badge-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff; }

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff; }

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important; }

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-success {
  background-color: #00AC46 !important;
  color: #fff; }

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff; }

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important; }

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-info {
  background-color: #173878 !important;
  color: #fff; }

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff; }

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important; }

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff; }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff; }

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important; }

.bg-dark {
  background-color: #2c323f !important;
  color: #fff; }

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff; }

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important; }

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff; }

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff; }

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important; }

.bg-primary {
  background-color: var(--theme-deafult) !important; }

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6); }

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important; }

.txt-secondary {
  color: #FE6A49 !important; }

.txt-success {
  color: #00AC46 !important; }

.txt-danger {
  color: #FE6A49 !important; }

.txt-info {
  color: #173878 !important; }

.txt-light {
  color: #E6E9EB !important; }

.txt-dark {
  color: #2c323f !important; }

.txt-warning {
  color: #FFAE1A !important; }

.txt-google-plus {
  color: #c64e40 !important; }

.txt-twitter {
  color: #6fa2d8 !important; }

.txt-linkedin {
  color: #0077B5 !important; }

.txt-fb {
  color: #50598e !important; }

.txt-primary {
  color: var(--theme-deafult) !important; }

.txt-secondary {
  color: var(--theme-secondary) !important; }

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@keyframes push {
  50% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #006666 !important;
    border-color: #006666 !important; }
  .btn-primary:focus {
    box-shadow: unset !important; }

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-secondary:focus {
    box-shadow: unset !important; }

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }
  .btn-success:focus {
    box-shadow: unset !important; }

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-danger:focus {
    box-shadow: unset !important; }

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #173878 !important;
    border-color: #173878 !important; }
  .btn-info:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }
  .btn-light:focus {
    box-shadow: unset !important; }

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #2c323f !important;
    border-color: #2c323f !important; }
  .btn-dark:focus {
    box-shadow: unset !important; }

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }
  .btn-warning:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important; }
  .btn-light:hover {
    background-color: rgba(0, 102, 102, 0.1) !important;
    border-color: rgba(0, 102, 102, 0.1) !important; }

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important; }

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important; }

.btn-hover-effect:hover {
  animation: push 0.5s linear 1; }

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent; }
  .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-check {
  color: #006666 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #006666 !important; }
    .btn-check:checked + .btn-outline-primary {
      color: white !important;
      background-color: #006666 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-primary {
    border-color: #006666 !important;
    color: #006666 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-primary.disabled {
      color: #006666; }
    .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
      color: white !important;
      background-color: #006666 !important;
      border-color: #006666 !important;
      box-shadow: none !important; }

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary.disabled {
    color: #006666;
    border-color: #006666; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-secondary {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-secondary {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-secondary.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #00AC46 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #00AC46 !important; }
    .btn-check:checked + .btn-outline-success {
      color: white !important;
      background-color: #00AC46 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-success.disabled {
      color: #00AC46; }
    .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
      color: white !important;
      background-color: #00AC46 !important;
      border-color: #00AC46 !important;
      box-shadow: none !important; }

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success.disabled {
    color: #00AC46;
    border-color: #00AC46; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-danger {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-danger.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #173878 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #173878 !important; }
    .btn-check:checked + .btn-outline-info {
      color: white !important;
      background-color: #173878 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-info {
    border-color: #173878 !important;
    color: #173878 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-info.disabled {
      color: #173878; }
    .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
      color: white !important;
      background-color: #173878 !important;
      border-color: #173878 !important;
      box-shadow: none !important; }

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info.disabled {
    color: #173878;
    border-color: #173878; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: #fff !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #E6E9EB !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #E6E9EB !important; }
    .btn-check:checked + .btn-outline-light {
      color: white !important;
      background-color: #E6E9EB !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-light {
    border-color: #E6E9EB !important;
    color: #E6E9EB !important;
    background-color: transparent;
    color: #051A1A; }
    .btn-check + .btn-outline-light.disabled {
      color: #E6E9EB; }
    .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
      color: white !important;
      background-color: #E6E9EB !important;
      border-color: #E6E9EB !important;
      box-shadow: none !important; }

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A; }
  .btn-outline-light.disabled {
    color: #E6E9EB;
    border-color: #E6E9EB; }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: #fff !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: unset !important; }

.btn-check {
  color: #2c323f !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #2c323f !important; }
    .btn-check:checked + .btn-outline-dark {
      color: white !important;
      background-color: #2c323f !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-dark {
    border-color: #2c323f !important;
    color: #2c323f !important;
    background-color: transparent; }
    .btn-check + .btn-outline-dark.disabled {
      color: #2c323f; }
    .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
      color: white !important;
      background-color: #2c323f !important;
      border-color: #2c323f !important;
      box-shadow: none !important; }

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark.disabled {
    color: #2c323f;
    border-color: #2c323f; }
  .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FFAE1A !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FFAE1A !important; }
    .btn-check:checked + .btn-outline-warning {
      color: white !important;
      background-color: #FFAE1A !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important;
    background-color: transparent; }
    .btn-check + .btn-outline-warning.disabled {
      color: #FFAE1A; }
    .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
      color: white !important;
      background-color: #FFAE1A !important;
      border-color: #FFAE1A !important;
      box-shadow: none !important; }

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning.disabled {
    color: #FFAE1A;
    border-color: #FFAE1A; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: unset !important; }

.btn-primary.active:not([disabled]):not(.disabled) {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  box-shadow: none !important; }
  .btn-primary.active:not([disabled]):not(.disabled):hover, .btn-primary.active:not([disabled]):not(.disabled):focus, .btn-primary.active:not([disabled]):not(.disabled):active, .btn-primary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #003333;
    border-color: #003333; }

.btn-secondary.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-secondary.active:not([disabled]):not(.disabled):hover, .btn-secondary.active:not([disabled]):not(.disabled):focus, .btn-secondary.active:not([disabled]):not(.disabled):active, .btn-secondary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-success.active:not([disabled]):not(.disabled) {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  box-shadow: none !important; }
  .btn-success.active:not([disabled]):not(.disabled):hover, .btn-success.active:not([disabled]):not(.disabled):focus, .btn-success.active:not([disabled]):not(.disabled):active, .btn-success.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #007931;
    border-color: #007931; }

.btn-danger.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-danger.active:not([disabled]):not(.disabled):hover, .btn-danger.active:not([disabled]):not(.disabled):focus, .btn-danger.active:not([disabled]):not(.disabled):active, .btn-danger.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-info.active:not([disabled]):not(.disabled) {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  box-shadow: none !important; }
  .btn-info.active:not([disabled]):not(.disabled):hover, .btn-info.active:not([disabled]):not(.disabled):focus, .btn-info.active:not([disabled]):not(.disabled):active, .btn-info.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #0f244d;
    border-color: #0f244d; }

.btn-light.active:not([disabled]):not(.disabled) {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  box-shadow: none !important; }
  .btn-light.active:not([disabled]):not(.disabled):hover, .btn-light.active:not([disabled]):not(.disabled):focus, .btn-light.active:not([disabled]):not(.disabled):active, .btn-light.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #cad0d4;
    border-color: #cad0d4; }

.btn-dark.active:not([disabled]):not(.disabled) {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  box-shadow: none !important; }
  .btn-dark.active:not([disabled]):not(.disabled):hover, .btn-dark.active:not([disabled]):not(.disabled):focus, .btn-dark.active:not([disabled]):not(.disabled):active, .btn-dark.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #171a21;
    border-color: #171a21; }

.btn-warning.active:not([disabled]):not(.disabled) {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  box-shadow: none !important; }
  .btn-warning.active:not([disabled]):not(.disabled):hover, .btn-warning.active:not([disabled]):not(.disabled):focus, .btn-warning.active:not([disabled]):not(.disabled):active, .btn-warning.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #e69500;
    border-color: #e69500; }

.btn-outline-primary-2x.active:not([disabled]):not(.disabled) {
  background-color: #006666;
  border-color: #006666;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-primary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-primary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #006666 !important;
    border-color: #006666 !important; }

.btn-outline-secondary-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-secondary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-success-2x.active:not([disabled]):not(.disabled) {
  background-color: #00AC46;
  border-color: #00AC46;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-success-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-success-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-success-2x.active:not([disabled]):not(.disabled):active, .btn-outline-success-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }

.btn-outline-danger-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-danger-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):active, .btn-outline-danger-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-info-2x.active:not([disabled]):not(.disabled) {
  background-color: #173878;
  border-color: #173878;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-info-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-info-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-info-2x.active:not([disabled]):not(.disabled):active, .btn-outline-info-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #173878 !important;
    border-color: #173878 !important; }

.btn-outline-light-2x.active:not([disabled]):not(.disabled) {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-light-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-light-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-light-2x.active:not([disabled]):not(.disabled):active, .btn-outline-light-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }

.btn-outline-dark-2x.active:not([disabled]):not(.disabled) {
  background-color: #2c323f;
  border-color: #2c323f;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-dark-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):active, .btn-outline-dark-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important; }

.btn-outline-warning-2x.active:not([disabled]):not(.disabled) {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-warning-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):active, .btn-outline-warning-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important; }

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important; }

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important; }

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important; }

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important; }

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important; }

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666; }
  .table-styling .table-primary thead,
  .table-styling.table-primary thead {
    background-color: #003333;
    border: 3px solid #003333; }
  .table-styling .table-primary th,
  .table-styling .table-primary td,
  .table-styling.table-primary th,
  .table-styling.table-primary td {
    background-color: transparent; }

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-secondary thead,
  .table-styling.table-secondary thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-secondary th,
  .table-styling .table-secondary td,
  .table-styling.table-secondary th,
  .table-styling.table-secondary td {
    background-color: transparent; }

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46; }
  .table-styling .table-success thead,
  .table-styling.table-success thead {
    background-color: #007931;
    border: 3px solid #007931; }
  .table-styling .table-success th,
  .table-styling .table-success td,
  .table-styling.table-success th,
  .table-styling.table-success td {
    background-color: transparent; }

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-danger thead,
  .table-styling.table-danger thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-danger th,
  .table-styling .table-danger td,
  .table-styling.table-danger th,
  .table-styling.table-danger td {
    background-color: transparent; }

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878; }
  .table-styling .table-info thead,
  .table-styling.table-info thead {
    background-color: #0f244d;
    border: 3px solid #0f244d; }
  .table-styling .table-info th,
  .table-styling .table-info td,
  .table-styling.table-info th,
  .table-styling.table-info td {
    background-color: transparent; }

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB; }
  .table-styling .table-light thead,
  .table-styling.table-light thead {
    background-color: #cad0d4;
    border: 3px solid #cad0d4; }
  .table-styling .table-light th,
  .table-styling .table-light td,
  .table-styling.table-light th,
  .table-styling.table-light td {
    background-color: transparent; }

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f; }
  .table-styling .table-dark thead,
  .table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21; }
  .table-styling .table-dark th,
  .table-styling .table-dark td,
  .table-styling.table-dark th,
  .table-styling.table-dark td {
    background-color: transparent; }

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A; }
  .table-styling .table-warning thead,
  .table-styling.table-warning thead {
    background-color: #e69500;
    border: 3px solid #e69500; }
  .table-styling .table-warning th,
  .table-styling .table-warning td,
  .table-styling.table-warning th,
  .table-styling.table-warning td {
    background-color: transparent; }

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important; }

.stroke-secondary {
  stroke: #FE6A49 !important; }

.stroke-success {
  stroke: #00AC46 !important; }

.stroke-danger {
  stroke: #FE6A49 !important; }

.stroke-info {
  stroke: #173878 !important; }

.stroke-light {
  stroke: #E6E9EB !important; }

.stroke-dark {
  stroke: #2c323f !important; }

.stroke-warning {
  stroke: #FFAE1A !important; }

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878; }

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important; }

.b-t-primary {
  border-top: 1px solid #006666 !important; }

.border-t-primary {
  border-top: 1px solid #006666 !important; }

.b-b-primary {
  border-bottom: 1px solid #006666 !important; }

.border-b-primary {
  border-bottom: 1px solid #006666 !important; }

.b-l-primary {
  border-left: 1px solid #006666 !important; }

.border-l-primary {
  border-left: 1px solid #006666 !important; }

.b-r-primary {
  border-right: 1px solid #006666 !important; }

.border-r-primary {
  border-right: 1px solid #006666 !important; }

.b-secondary {
  border: 1px solid #FE6A49 !important; }

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.b-success {
  border: 1px solid #00AC46 !important; }

.b-t-success {
  border-top: 1px solid #00AC46 !important; }

.border-t-success {
  border-top: 1px solid #00AC46 !important; }

.b-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.border-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.b-l-success {
  border-left: 1px solid #00AC46 !important; }

.border-l-success {
  border-left: 1px solid #00AC46 !important; }

.b-r-success {
  border-right: 1px solid #00AC46 !important; }

.border-r-success {
  border-right: 1px solid #00AC46 !important; }

.b-danger {
  border: 1px solid #FE6A49 !important; }

.b-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.border-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.border-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.b-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.border-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.b-info {
  border: 1px solid #173878 !important; }

.b-t-info {
  border-top: 1px solid #173878 !important; }

.border-t-info {
  border-top: 1px solid #173878 !important; }

.b-b-info {
  border-bottom: 1px solid #173878 !important; }

.border-b-info {
  border-bottom: 1px solid #173878 !important; }

.b-l-info {
  border-left: 1px solid #173878 !important; }

.border-l-info {
  border-left: 1px solid #173878 !important; }

.b-r-info {
  border-right: 1px solid #173878 !important; }

.border-r-info {
  border-right: 1px solid #173878 !important; }

.b-light {
  border: 1px solid #E6E9EB !important; }

.b-t-light {
  border-top: 1px solid #E6E9EB !important; }

.border-t-light {
  border-top: 1px solid #E6E9EB !important; }

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.b-l-light {
  border-left: 1px solid #E6E9EB !important; }

.border-l-light {
  border-left: 1px solid #E6E9EB !important; }

.b-r-light {
  border-right: 1px solid #E6E9EB !important; }

.border-r-light {
  border-right: 1px solid #E6E9EB !important; }

.b-dark {
  border: 1px solid #2c323f !important; }

.b-t-dark {
  border-top: 1px solid #2c323f !important; }

.border-t-dark {
  border-top: 1px solid #2c323f !important; }

.b-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.border-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.b-l-dark {
  border-left: 1px solid #2c323f !important; }

.border-l-dark {
  border-left: 1px solid #2c323f !important; }

.b-r-dark {
  border-right: 1px solid #2c323f !important; }

.border-r-dark {
  border-right: 1px solid #2c323f !important; }

.b-warning {
  border: 1px solid #FFAE1A !important; }

.b-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.border-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.b-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.border-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.b-r-warning {
  border-right: 1px solid #FFAE1A !important; }

.border-r-warning {
  border-right: 1px solid #FFAE1A !important; }

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-6 {
  border-width: 6px !important; }

.border-7 {
  border-width: 7px !important; }

.border-8 {
  border-width: 8px !important; }

.border-9 {
  border-width: 9px !important; }

.border-10 {
  border-width: 10px !important; }

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px; }

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa; }

.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px; }

.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3); }

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f; }
  .line pre {
    font-size: 100%; }

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important; }

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .options > div {
    color: #86909C;
    padding: 2px 10px;
    border: 1px solid; }
    .options > div:hover {
      background-color: #006666;
      color: #fff;
      transition: background-color 0.3s ease; }

/**====== Animation css Ends ======**/
.modal-footer {
  flex-wrap: wrap; }

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0; }

.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0; }

.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px; }

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666; }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #006666 !important; }

.typeahead .theme-form .form-group {
  margin-bottom: 0; }

.primary .svg-fill {
  fill: var(--theme-deafult); }
  .primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-deafult); }

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important; }

.secondary .svg-fill {
  fill: var(--theme-secondary); }
  .secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary); }

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important; }

.success .svg-fill {
  fill: #00AC46; }

.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important; }

.warning .svg-fill {
  fill: #FFAE1A; }

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important; }

.dotted {
  border-style: dotted; }

.dashed {
  border-style: dashed; }

.double {
  border-style: double; }

.groove {
  border-style: groove; }

.ridge {
  border-style: ridge; }

.inset {
  border-style: inset; }

.outset {
  border-style: outset; }

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px; }
  75% {
    opacity: .6;
    top: 0; }
  100% {
    opacity: 1; } }

.code-box-copy {
  width: 100%;
  overflow: auto; }

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%; }
  .custom-rs-12 {
    width: 100%; } }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px; }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none; }

.bg-gray {
  background-color: var(--text-gray); }

.text-gray {
  color: var(--text-gray) !important; }

.common-flex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

.common-space {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2); }

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3); }

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important; }

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important; }

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666; }

.badge-light-secondary {
  background-color: white;
  color: #FE6A49; }

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46; }

.badge-light-danger {
  background-color: white;
  color: #FE6A49; }

.badge-light-info {
  background-color: #6e96e3;
  color: #173878; }

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c; }

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f; }

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A; }

.fc .fc-button-primary.fc-button-active:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult), 0.2) !important; }

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%;
      margin-left: 0px; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .invoice-table-data {
    background-color: #f9f9fa; }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

/**=====================
    1.1 Reset CSS Ends
==========================**/
/**=====================
    1.2 Typography CSS start
==========================**/
body {
  font-size: 14px;
  overflow-x: hidden;
  font-family: "Montserrat", sans-serif;
  color: #051A1A; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0; }

h1 {
  font-size: 28px;
  font-weight: 600; }

h2 {
  font-size: 26px;
  font-weight: 600; }

h3 {
  font-size: 24px;
  font-weight: 600; }

h4 {
  font-size: 20px;
  font-weight: 600; }

h5 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4; }

h6 {
  font-size: 15px;
  font-weight: 600;
  line-height: 1; }

ul {
  padding-left: 0px;
  list-style-type: none;
  margin-bottom: 0; }

* a {
  color: var(--theme-deafult);
  text-decoration: none;
  letter-spacing: 1px; }

.f-m-light {
  margin: 0; }

a {
  font-size: 0.875rem;
  text-decoration: none;
  color: var(--theme-deafult); }
  a:hover {
    color: var(--theme-deafult); }
  a:focus-visible {
    outline: none; }

.btn {
  font-size: 14px; }

*.btn:focus {
  box-shadow: none !important; }

button:focus {
  outline: none !important; }

p {
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0.7px; }

code {
  color: var(--theme-deafult) !important;
  border-radius: 2px; }

.media {
  display: flex;
  align-items: flex-start; }
  .media .media-body {
    flex: 1; }

blockquote {
  border-left: 4px solid #006666;
  padding: 18px; }

.figure.text-center blockquote {
  border: none !important; }

.figure.text-end blockquote {
  border-left: none !important;
  border-right: 4px solid #006666; }

.row > div {
  position: relative; }

:focus {
  outline-color: var(--theme-deafult); }

.disabled {
  cursor: not-allowed;
  opacity: 0.5; }

svg {
  vertical-align: baseline; }

input:focus {
  outline-color: transparent; }

label {
  margin-bottom: .5rem;
  font-weight: 500; }

.media-widgets .media-body {
  margin-bottom: 30px; }

.typography h1,
.typography .h1,
.typography h2,
.typography .h2,
.typography h3,
.typography .h3,
.typography h4,
.typography .h4,
.typography h5,
.typography .h5,
.typography h6,
.typography .h6 {
  margin: 18px 0;
  margin-top: 0; }
  .typography h1:last-child,
  .typography .h1:last-child,
  .typography h2:last-child,
  .typography .h2:last-child,
  .typography h3:last-child,
  .typography .h3:last-child,
  .typography h4:last-child,
  .typography .h4:last-child,
  .typography h5:last-child,
  .typography .h5:last-child,
  .typography h6:last-child,
  .typography .h6:last-child {
    margin-bottom: 0; }

.typography small {
  padding-left: 10px;
  color: #2c323f; }

pre {
  background-color: rgba(0, 102, 102, 0.03);
  padding: 20px 0; }

.owl-theme .owl-dots .owl-dot span {
  background: rgba(0, 102, 102, 0.2); }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: var(--theme-deafult); }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-bottom: -10px;
  margin-top: 25px; }

.click2edit ~ .note-editor.note-frame {
  margin-bottom: 30px; }

.note-editor.note-frame {
  border-color: #E6E9EB; }

.note-editor.fullscreen .note-toolbar-wrapper {
  height: 0 !important; }

.note-editor.note-frame {
  border-color: #E6E9EB; }

.modal .modal-body .card {
  box-shadow: none !important; }

.modal-dialog .modal-content .modal-body p a {
  margin-right: 0; }

.notify-alert .close {
  color: #fff; }
  [dir="rtl"] .notify-alert .close {
    right: unset !important;
    left: 10px !important; }

.notify-alert.alert-light .close {
  color: #051A1A; }

.alert-theme button {
  top: 24px !important;
  right: 20px !important;
  color: var(--theme-deafult); }
  [dir="rtl"] .alert-theme button {
    right: unset !important;
    left: 20px !important; }

.alert-theme span + span + span {
  background-color: #fff;
  color: var(--theme-deafult);
  border-radius: 4px;
  box-shadow: 0 2px 14px -3px rgba(0, 0, 0, 0.2); }

.alert-theme .close {
  color: var(--theme-deafult); }

.alert-theme i {
  padding: 20px;
  padding-right: 0 !important;
  margin-right: 20px !important; }

.alert-theme .progress {
  margin-top: -2px !important;
  height: 2px;
  width: 100%; }
  .alert-theme .progress .progress-bar {
    background-color: var(--theme-deafult); }

.d-flex {
  display: flex;
  align-items: flex-start; }
  .d-flex .flex-grow-1 {
    flex: 1; }

.alert-copy {
  border: 1px solid var(--theme-deafult);
  line-height: 1;
  display: inline-block;
  width: 300px;
  color: #fff;
  background-color: var(--theme-deafult); }
  .alert-copy .close {
    box-shadow: none;
    color: #fff;
    line-height: 1.4;
    font-weight: 100;
    top: -15px; }
    [dir="rtl"] .alert-copy .close {
      right: unset !important;
      left: 10px !important; }
    .alert-copy .close:focus {
      outline: none; }

.ace-editor {
  height: 400px;
  width: 100%; }

.editor-toolbar {
  width: 100% !important; }
  .editor-toolbar.fullscreen {
    z-index: 100; }

.CodeMirror {
  top: 0 !important; }

.CodeMirror-fullscreen {
  top: 50px !important; }

.irs-from,
.irs-to,
.irs-single {
  background: var(--theme-deafult); }
  .irs-from:after,
  .irs-to:after,
  .irs-single:after {
    border-top-color: var(--theme-deafult); }

.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge {
  background-color: var(--theme-deafult); }

.swal-button {
  background-color: var(--theme-deafult); }
  .swal-button:active {
    background-color: #004d4d; }

.swal-button--cancel {
  background-color: #EFEFEE !important; }

.clipboaard-container h6 {
  line-height: 1.6;
  font-size: 14px; }

fieldset .bootstrap-touchspin-postfix,
fieldset .bootstrap-touchspin-prefix {
  border-radius: 0;
  padding: .4rem .75rem; }

fieldset .input-group-lg .touchspin {
  height: 50px; }

.f1 .f1-steps .f1-step .f1-step-icon {
  padding: 12px; }

.form-inline .form-group {
  display: flex; }

.input-group-text i {
  line-height: 1.5; }

.animated-modal .form-select {
  display: inline-block;
  width: auto;
  vertical-align: middle; }

.card-wrapper {
  padding: 14px; }
  .card-wrapper dl dt {
    font-weight: 500; }

/* ===== Scrollbar CSS ===== */
/* Firefox */
table tbody tr {
  vertical-align: middle; }

.typography-table thead tr th {
  font-size: 16px; }

.typography-table tbody tr td:last-child {
  min-width: 280px; }

.typography-table tbody tr td:first-child {
  min-width: 100px; }

/**=====================
    1.2 Typography CSS Ends
==========================**/
/**=====================
    2.1 According CSS start
==========================**/
.default-according .avatar-showcase {
  margin-bottom: 0; }

.default-according .card {
  margin-bottom: 0;
  box-shadow: none; }
  .default-according .card + .card {
    margin-top: 10px; }
  .default-according .card .btn-link {
    font-weight: 500;
    color: #051A1A;
    text-decoration: none; }
  .default-according .card .btn-link:focus, .default-according .card .btn-link:hover {
    text-decoration: none; }
  .default-according .card .card-header {
    padding: 0.75rem 1.25rem;
    border: 1px solid #ecf3fa; }
    .default-according .card .card-header i {
      position: absolute;
      left: 18px;
      font-size: 20px;
      top: 20px; }
    .default-according .card .card-header h5 {
      margin-top: 2px; }
  .default-according .card .card-body {
    border: 1px solid #ecf3fa;
    border-top: none; }

.default-according.style-1 button {
  width: 100%;
  text-align: left; }
  .default-according.style-1 button:before {
    right: 20px;
    position: absolute;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    font-size: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (max-width: 575px) {
      .default-according.style-1 button:before {
        right: 15px; } }
  .default-according.style-1 button[aria-expanded="true"]:before {
    content: "";
    font-family: IcoFont; }
  .default-according.style-1 button[aria-expanded="false"]:before {
    content: "";
    font-family: IcoFont; }

.accordion-button .svg-color {
  position: absolute;
  right: 20px; }
  [dir="rtl"] .accordion-button .svg-color {
    left: 20px;
    right: unset; }
  .accordion-button .svg-color::after {
    content: '';
    background-image: unset; }

.accordion-button:not(.collapsed) {
  background-color: unset;
  box-shadow: none; }
  .accordion-button:not(.collapsed)::after {
    background-image: unset; }

.accordion-button::after {
  background-image: unset; }

.accordion-button:focus {
  box-shadow: none; }

.accordion-button.accordion-light-primary:not(.collapsed) {
  background-color: rgba(0, 102, 102, 0.2); }

.accordion-button.accordion-light-primary:active, .accordion-button.accordion-light-primary.active {
  background-color: rgba(0, 102, 102, 0.2);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-primary {
  background-color: rgba(0, 102, 102, 0.2) !important; }

.accordion-button.accordion-light-secondary:not(.collapsed) {
  background-color: rgba(254, 106, 73, 0.3); }

.accordion-button.accordion-light-secondary:active, .accordion-button.accordion-light-secondary.active {
  background-color: rgba(254, 106, 73, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-secondary {
  background-color: rgba(254, 106, 73, 0.3) !important; }

.accordion-button.accordion-light-success:not(.collapsed) {
  background-color: rgba(0, 172, 70, 0.3); }

.accordion-button.accordion-light-success:active, .accordion-button.accordion-light-success.active {
  background-color: rgba(0, 172, 70, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-success {
  background-color: rgba(0, 172, 70, 0.3) !important; }

.accordion-button.accordion-light-warning:not(.collapsed) {
  background-color: rgba(255, 174, 26, 0.3); }

.accordion-button.accordion-light-warning:active, .accordion-button.accordion-light-warning.active {
  background-color: rgba(255, 174, 26, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-warning {
  background-color: rgba(255, 174, 26, 0.3) !important; }

.accordion-button.accordion-light-info:not(.collapsed) {
  background-color: rgba(23, 56, 120, 0.3); }

.accordion-button.accordion-light-info:active, .accordion-button.accordion-light-info.active {
  background-color: rgba(23, 56, 120, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-info {
  background-color: rgba(23, 56, 120, 0.3) !important; }

.accordion-button.accordion-light-light:not(.collapsed) {
  background-color: #F9F9FB; }

.accordion-button.accordion-light-light:active, .accordion-button.accordion-light-light.active {
  background-color: #F9F9FB;
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-light {
  background-color: #F9F9FB !important; }

.accordion-button.accordion-light-danger:not(.collapsed) {
  background-color: rgba(254, 106, 73, 0.3); }

.accordion-button.accordion-light-danger:active, .accordion-button.accordion-light-danger.active {
  background-color: rgba(254, 106, 73, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-danger {
  background-color: rgba(254, 106, 73, 0.3) !important; }

.accordion-button.accordion-light-dark:not(.collapsed) {
  background-color: #EAEBF2; }

.accordion-button.accordion-light-dark:active, .accordion-button.accordion-light-dark.active {
  background-color: #EAEBF2;
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-dark {
  background-color: #EAEBF2 !important; }

.accordion-item .accordion-button .svg-wrapper {
  width: 18px;
  height: 18px; }

.accordion-wrapper:active {
  border: 1px solid #006666;
  border-top: 1px solid #006666 !important; }

.accordion-border .accordion-item {
  border: 0; }

.icons-accordion .accordion-item:last-child .accordion-body {
  padding-bottom: 0 !important; }

.accordions-content li {
  color: #2c323f; }

.collapse-accordion .btn-dark.show {
  border-radius: 15px; }

/**=====================
    2.1 According CSS Ends
==========================**/
/**=====================
     2.2 Alert CSS start
==========================**/
.notify-alert .close {
  color: #006666;
  background: unset;
  border: none;
  font-size: 25px;
  top: 0px; }
  [dir="rtl"] .notify-alert .close {
    right: unset !important;
    left: 10px !important; }

.notify-alert.alert-light .close {
  color: #051A1A; }

.alert {
  border-radius: 0.15rem;
  padding: 15px; }
  .alert svg {
    vertical-align: middle; }
  .alert .progress {
    margin-top: 15px; }
  .alert [data-notify='icon'] {
    margin-right: 10px;
    line-height: 20px;
    position: absolute; }
  .alert [data-notify='message'] {
    display: inline-block;
    width: 100%; }
  .alert i {
    margin-right: 5px;
    font-size: 16px; }
  .alert p {
    margin-bottom: 0; }
  .alert .close {
    opacity: 1; }
    .alert .close span {
      font-size: 24px;
      font-weight: 400;
      display: inline-block;
      border-radius: 3px;
      text-shadow: none;
      padding: 0 5px;
      padding-right: 0; }

.alert-dismissible {
  padding-right: 2.5rem; }
  [dir="rtl"] .alert-dismissible {
    padding-right: 15px;
    padding-left: 2.5rem; }
  .alert-dismissible .close {
    padding: 10px 1.25rem;
    top: 4px;
    padding-right: 13px;
    opacity: 0.5;
    transition: all 0.3s ease; }
    .alert-dismissible .close:hover {
      transition: all 0.3s ease;
      opacity: 1;
      color: inherit; }

.card-body button:focus {
  outline: none; }

.card-body .alert:last-child {
  margin-bottom: 0; }

.card-body .alert svg {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  position: absolute;
  top: 18px; }
  .card-body .alert svg ~ p {
    padding-left: 20px; }

strong {
  display: inline-block; }
  strong ~ p {
    display: inline-block; }

.alert-primary {
  background-color: rgba(0, 102, 102, 0.9);
  border-color: rgba(0, 102, 102, 0.9);
  color: #fff; }
  .alert-primary .progress {
    height: 5px;
    background-color: #006161;
    border-radius: 0; }
  .alert-primary .progress-bar {
    background-color: #66ffff; }
  .alert-primary .btn-close {
    filter: brightness(1) invert(1); }
  .alert-primary .alert-link {
    color: #006666; }
  .alert-primary hr {
    border-top-color: #006666; }

.border-primary {
  border-color: #006666 !important; }

.income-wrapper ul li .income-dot.dot-primary {
  background-color: #006666; }

.touchspin-wrapper .btn-touchspin.touchspin-primary {
  background-color: #006666;
  border: 1px solid #006666;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-primary {
  background-color: unset;
  border: 1px solid #006666;
  color: #006666; }

.touchspin-wrapper input.spin-outline-primary[type='number'] {
  outline: 1px solid #006666;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-primary {
  background-color: #006666;
  border: 1px solid #006666;
  color: #fff; }

.form-switch .form-check-input.switch-primary:checked {
  background-color: #006666;
  border-color: #006666; }

.payment-second .mega-icons.stroke-primary {
  stroke: #006666; }

.toast-primary {
  color: #006666 !important; }

.list-group-horizontal-sm .list-group-item.border-left-primary, .list-group-horizontal-md .list-group-item.border-left-primary, .list-group-horizontal-lg .list-group-item.border-left-primary, .list-group-horizontal-xl .list-group-item.border-left-primary, .list-group-horizontal-xxl .list-group-item.border-left-primary {
  border-left: 4px solid #006666; }

.main-radio-toggle .btn-check.radio-light-primary:focus + .btn {
  box-shadow: 0 0 0 4px rgba(0, 102, 102, 0.55); }

.fill-radios .radio.radio-primary input[type='radio']:checked + label::before {
  border: 10px solid #006666; }

.fill-radios .radio.radio-primary input[type='radio']:checked + label::after {
  background-color: #006666; }

.list-group .form-check-input.checkbox-primary[type=checkbox]:checked,
.list-group .checkbox-primary[type=radio] {
  background-color: unset;
  border-color: #006666;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-primary[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-primary[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-primary.active[type=checkbox]:checked,
  .list-group .checkbox-primary[type=radio]:focus,
  .list-group .checkbox-primary[type=radio]:active,
  .list-group .checkbox-primary.active[type=radio] {
    border-color: #006666;
    outline: 0;
    background-color: #006666; }

.list-group .alert-primary.light {
  background-color: rgba(0, 102, 102, 0.4);
  border-color: rgba(0, 102, 102, 0.7); }

.list-group .alert-primary.dark {
  background-color: #006666;
  border-color: #006666;
  color: #fafafa; }
  .list-group .alert-primary.dark .alert-link {
    color: #fff; }

.list-group .alert-primary.outline,
.list-group .alert-primary.outline-2x {
  background-color: transparent;
  border-color: #006666;
  color: #006666; }
  .list-group .alert-primary.outline .btn-close,
  .list-group .alert-primary.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-primary.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #006666;
  color: #051A1A; }
  .list-group .alert-primary.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #006666;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-primary.inverse:before {
        left: 45px; } }
  .list-group .alert-primary.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #006666;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-primary.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-secondary {
  background-color: rgba(254, 106, 73, 0.9);
  border-color: rgba(254, 106, 73, 0.9);
  color: #fff; }
  .alert-secondary .progress {
    height: 5px;
    background-color: #fe6644;
    border-radius: 0; }
  .alert-secondary .progress-bar {
    background-color: white; }
  .alert-secondary .btn-close {
    filter: brightness(1) invert(1); }
  .alert-secondary .alert-link {
    color: #FE6A49; }
  .alert-secondary hr {
    border-top-color: #FE6A49; }

.border-secondary {
  border-color: #FE6A49 !important; }

.income-wrapper ul li .income-dot.dot-secondary {
  background-color: #FE6A49; }

.touchspin-wrapper .btn-touchspin.touchspin-secondary {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-secondary {
  background-color: unset;
  border: 1px solid #FE6A49;
  color: #FE6A49; }

.touchspin-wrapper input.spin-outline-secondary[type='number'] {
  outline: 1px solid #FE6A49;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-secondary {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.form-switch .form-check-input.switch-secondary:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.payment-second .mega-icons.stroke-secondary {
  stroke: #FE6A49; }

.toast-secondary {
  color: #FE6A49 !important; }

.list-group-horizontal-sm .list-group-item.border-left-secondary, .list-group-horizontal-md .list-group-item.border-left-secondary, .list-group-horizontal-lg .list-group-item.border-left-secondary, .list-group-horizontal-xl .list-group-item.border-left-secondary, .list-group-horizontal-xxl .list-group-item.border-left-secondary {
  border-left: 4px solid #FE6A49; }

.main-radio-toggle .btn-check.radio-light-secondary:focus + .btn {
  box-shadow: 0 0 0 4px rgba(254, 106, 73, 0.55); }

.fill-radios .radio.radio-secondary input[type='radio']:checked + label::before {
  border: 10px solid #FE6A49; }

.fill-radios .radio.radio-secondary input[type='radio']:checked + label::after {
  background-color: #FE6A49; }

.list-group .form-check-input.checkbox-secondary[type=checkbox]:checked,
.list-group .checkbox-secondary[type=radio] {
  background-color: unset;
  border-color: #FE6A49;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-secondary[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-secondary[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-secondary.active[type=checkbox]:checked,
  .list-group .checkbox-secondary[type=radio]:focus,
  .list-group .checkbox-secondary[type=radio]:active,
  .list-group .checkbox-secondary.active[type=radio] {
    border-color: #FE6A49;
    outline: 0;
    background-color: #FE6A49; }

.list-group .alert-secondary.light {
  background-color: rgba(254, 106, 73, 0.4);
  border-color: rgba(254, 106, 73, 0.7); }

.list-group .alert-secondary.dark {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fafafa; }
  .list-group .alert-secondary.dark .alert-link {
    color: #fff; }

.list-group .alert-secondary.outline,
.list-group .alert-secondary.outline-2x {
  background-color: transparent;
  border-color: #FE6A49;
  color: #FE6A49; }
  .list-group .alert-secondary.outline .btn-close,
  .list-group .alert-secondary.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-secondary.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FE6A49;
  color: #051A1A; }
  .list-group .alert-secondary.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #FE6A49;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-secondary.inverse:before {
        left: 45px; } }
  .list-group .alert-secondary.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #FE6A49;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-secondary.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-success {
  background-color: rgba(0, 172, 70, 0.9);
  border-color: rgba(0, 172, 70, 0.9);
  color: #fff; }
  .alert-success .progress {
    height: 5px;
    background-color: #00a744;
    border-radius: 0; }
  .alert-success .progress-bar {
    background-color: #acffce; }
  .alert-success .btn-close {
    filter: brightness(1) invert(1); }
  .alert-success .alert-link {
    color: #00AC46; }
  .alert-success hr {
    border-top-color: #00AC46; }

.border-success {
  border-color: #00AC46 !important; }

.income-wrapper ul li .income-dot.dot-success {
  background-color: #00AC46; }

.touchspin-wrapper .btn-touchspin.touchspin-success {
  background-color: #00AC46;
  border: 1px solid #00AC46;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-success {
  background-color: unset;
  border: 1px solid #00AC46;
  color: #00AC46; }

.touchspin-wrapper input.spin-outline-success[type='number'] {
  outline: 1px solid #00AC46;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-success {
  background-color: #00AC46;
  border: 1px solid #00AC46;
  color: #fff; }

.form-switch .form-check-input.switch-success:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.payment-second .mega-icons.stroke-success {
  stroke: #00AC46; }

.toast-success {
  color: #00AC46 !important; }

.list-group-horizontal-sm .list-group-item.border-left-success, .list-group-horizontal-md .list-group-item.border-left-success, .list-group-horizontal-lg .list-group-item.border-left-success, .list-group-horizontal-xl .list-group-item.border-left-success, .list-group-horizontal-xxl .list-group-item.border-left-success {
  border-left: 4px solid #00AC46; }

.main-radio-toggle .btn-check.radio-light-success:focus + .btn {
  box-shadow: 0 0 0 4px rgba(0, 172, 70, 0.55); }

.fill-radios .radio.radio-success input[type='radio']:checked + label::before {
  border: 10px solid #00AC46; }

.fill-radios .radio.radio-success input[type='radio']:checked + label::after {
  background-color: #00AC46; }

.list-group .form-check-input.checkbox-success[type=checkbox]:checked,
.list-group .checkbox-success[type=radio] {
  background-color: unset;
  border-color: #00AC46;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-success[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-success[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-success.active[type=checkbox]:checked,
  .list-group .checkbox-success[type=radio]:focus,
  .list-group .checkbox-success[type=radio]:active,
  .list-group .checkbox-success.active[type=radio] {
    border-color: #00AC46;
    outline: 0;
    background-color: #00AC46; }

.list-group .alert-success.light {
  background-color: rgba(0, 172, 70, 0.4);
  border-color: rgba(0, 172, 70, 0.7); }

.list-group .alert-success.dark {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fafafa; }
  .list-group .alert-success.dark .alert-link {
    color: #fff; }

.list-group .alert-success.outline,
.list-group .alert-success.outline-2x {
  background-color: transparent;
  border-color: #00AC46;
  color: #00AC46; }
  .list-group .alert-success.outline .btn-close,
  .list-group .alert-success.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-success.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #00AC46;
  color: #051A1A; }
  .list-group .alert-success.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #00AC46;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-success.inverse:before {
        left: 45px; } }
  .list-group .alert-success.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #00AC46;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-success.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-danger {
  background-color: rgba(254, 106, 73, 0.9);
  border-color: rgba(254, 106, 73, 0.9);
  color: #fff; }
  .alert-danger .progress {
    height: 5px;
    background-color: #fe6644;
    border-radius: 0; }
  .alert-danger .progress-bar {
    background-color: white; }
  .alert-danger .btn-close {
    filter: brightness(1) invert(1); }
  .alert-danger .alert-link {
    color: #FE6A49; }
  .alert-danger hr {
    border-top-color: #FE6A49; }

.border-danger {
  border-color: #FE6A49 !important; }

.income-wrapper ul li .income-dot.dot-danger {
  background-color: #FE6A49; }

.touchspin-wrapper .btn-touchspin.touchspin-danger {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-danger {
  background-color: unset;
  border: 1px solid #FE6A49;
  color: #FE6A49; }

.touchspin-wrapper input.spin-outline-danger[type='number'] {
  outline: 1px solid #FE6A49;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-danger {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.form-switch .form-check-input.switch-danger:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.payment-second .mega-icons.stroke-danger {
  stroke: #FE6A49; }

.toast-danger {
  color: #FE6A49 !important; }

.list-group-horizontal-sm .list-group-item.border-left-danger, .list-group-horizontal-md .list-group-item.border-left-danger, .list-group-horizontal-lg .list-group-item.border-left-danger, .list-group-horizontal-xl .list-group-item.border-left-danger, .list-group-horizontal-xxl .list-group-item.border-left-danger {
  border-left: 4px solid #FE6A49; }

.main-radio-toggle .btn-check.radio-light-danger:focus + .btn {
  box-shadow: 0 0 0 4px rgba(254, 106, 73, 0.55); }

.fill-radios .radio.radio-danger input[type='radio']:checked + label::before {
  border: 10px solid #FE6A49; }

.fill-radios .radio.radio-danger input[type='radio']:checked + label::after {
  background-color: #FE6A49; }

.list-group .form-check-input.checkbox-danger[type=checkbox]:checked,
.list-group .checkbox-danger[type=radio] {
  background-color: unset;
  border-color: #FE6A49;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-danger[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-danger[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-danger.active[type=checkbox]:checked,
  .list-group .checkbox-danger[type=radio]:focus,
  .list-group .checkbox-danger[type=radio]:active,
  .list-group .checkbox-danger.active[type=radio] {
    border-color: #FE6A49;
    outline: 0;
    background-color: #FE6A49; }

.list-group .alert-danger.light {
  background-color: rgba(254, 106, 73, 0.4);
  border-color: rgba(254, 106, 73, 0.7); }

.list-group .alert-danger.dark {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fafafa; }
  .list-group .alert-danger.dark .alert-link {
    color: #fff; }

.list-group .alert-danger.outline,
.list-group .alert-danger.outline-2x {
  background-color: transparent;
  border-color: #FE6A49;
  color: #FE6A49; }
  .list-group .alert-danger.outline .btn-close,
  .list-group .alert-danger.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-danger.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FE6A49;
  color: #051A1A; }
  .list-group .alert-danger.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #FE6A49;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-danger.inverse:before {
        left: 45px; } }
  .list-group .alert-danger.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #FE6A49;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-danger.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-warning {
  background-color: rgba(255, 174, 26, 0.9);
  border-color: rgba(255, 174, 26, 0.9);
  color: #fff; }
  .alert-warning .progress {
    height: 5px;
    background-color: #ffac15;
    border-radius: 0; }
  .alert-warning .progress-bar {
    background-color: white; }
  .alert-warning .btn-close {
    filter: brightness(1) invert(1); }
  .alert-warning .alert-link {
    color: #FFAE1A; }
  .alert-warning hr {
    border-top-color: #FFAE1A; }

.border-warning {
  border-color: #FFAE1A !important; }

.income-wrapper ul li .income-dot.dot-warning {
  background-color: #FFAE1A; }

.touchspin-wrapper .btn-touchspin.touchspin-warning {
  background-color: #FFAE1A;
  border: 1px solid #FFAE1A;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-warning {
  background-color: unset;
  border: 1px solid #FFAE1A;
  color: #FFAE1A; }

.touchspin-wrapper input.spin-outline-warning[type='number'] {
  outline: 1px solid #FFAE1A;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-warning {
  background-color: #FFAE1A;
  border: 1px solid #FFAE1A;
  color: #fff; }

.form-switch .form-check-input.switch-warning:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

.payment-second .mega-icons.stroke-warning {
  stroke: #FFAE1A; }

.toast-warning {
  color: #FFAE1A !important; }

.list-group-horizontal-sm .list-group-item.border-left-warning, .list-group-horizontal-md .list-group-item.border-left-warning, .list-group-horizontal-lg .list-group-item.border-left-warning, .list-group-horizontal-xl .list-group-item.border-left-warning, .list-group-horizontal-xxl .list-group-item.border-left-warning {
  border-left: 4px solid #FFAE1A; }

.main-radio-toggle .btn-check.radio-light-warning:focus + .btn {
  box-shadow: 0 0 0 4px rgba(255, 174, 26, 0.55); }

.fill-radios .radio.radio-warning input[type='radio']:checked + label::before {
  border: 10px solid #FFAE1A; }

.fill-radios .radio.radio-warning input[type='radio']:checked + label::after {
  background-color: #FFAE1A; }

.list-group .form-check-input.checkbox-warning[type=checkbox]:checked,
.list-group .checkbox-warning[type=radio] {
  background-color: unset;
  border-color: #FFAE1A;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-warning[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-warning[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-warning.active[type=checkbox]:checked,
  .list-group .checkbox-warning[type=radio]:focus,
  .list-group .checkbox-warning[type=radio]:active,
  .list-group .checkbox-warning.active[type=radio] {
    border-color: #FFAE1A;
    outline: 0;
    background-color: #FFAE1A; }

.list-group .alert-warning.light {
  background-color: rgba(255, 174, 26, 0.4);
  border-color: rgba(255, 174, 26, 0.7); }

.list-group .alert-warning.dark {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fafafa; }
  .list-group .alert-warning.dark .alert-link {
    color: #fff; }

.list-group .alert-warning.outline,
.list-group .alert-warning.outline-2x {
  background-color: transparent;
  border-color: #FFAE1A;
  color: #FFAE1A; }
  .list-group .alert-warning.outline .btn-close,
  .list-group .alert-warning.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-warning.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FFAE1A;
  color: #051A1A; }
  .list-group .alert-warning.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #FFAE1A;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-warning.inverse:before {
        left: 45px; } }
  .list-group .alert-warning.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #FFAE1A;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-warning.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-info {
  background-color: rgba(23, 56, 120, 0.9);
  border-color: rgba(23, 56, 120, 0.9);
  color: #fff; }
  .alert-info .progress {
    height: 5px;
    background-color: #163674;
    border-radius: 0; }
  .alert-info .progress-bar {
    background-color: #a1bbed; }
  .alert-info .btn-close {
    filter: brightness(1) invert(1); }
  .alert-info .alert-link {
    color: #173878; }
  .alert-info hr {
    border-top-color: #173878; }

.border-info {
  border-color: #173878 !important; }

.income-wrapper ul li .income-dot.dot-info {
  background-color: #173878; }

.touchspin-wrapper .btn-touchspin.touchspin-info {
  background-color: #173878;
  border: 1px solid #173878;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-info {
  background-color: unset;
  border: 1px solid #173878;
  color: #173878; }

.touchspin-wrapper input.spin-outline-info[type='number'] {
  outline: 1px solid #173878;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-info {
  background-color: #173878;
  border: 1px solid #173878;
  color: #fff; }

.form-switch .form-check-input.switch-info:checked {
  background-color: #173878;
  border-color: #173878; }

.payment-second .mega-icons.stroke-info {
  stroke: #173878; }

.toast-info {
  color: #173878 !important; }

.list-group-horizontal-sm .list-group-item.border-left-info, .list-group-horizontal-md .list-group-item.border-left-info, .list-group-horizontal-lg .list-group-item.border-left-info, .list-group-horizontal-xl .list-group-item.border-left-info, .list-group-horizontal-xxl .list-group-item.border-left-info {
  border-left: 4px solid #173878; }

.main-radio-toggle .btn-check.radio-light-info:focus + .btn {
  box-shadow: 0 0 0 4px rgba(23, 56, 120, 0.55); }

.fill-radios .radio.radio-info input[type='radio']:checked + label::before {
  border: 10px solid #173878; }

.fill-radios .radio.radio-info input[type='radio']:checked + label::after {
  background-color: #173878; }

.list-group .form-check-input.checkbox-info[type=checkbox]:checked,
.list-group .checkbox-info[type=radio] {
  background-color: unset;
  border-color: #173878;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-info[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-info[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-info.active[type=checkbox]:checked,
  .list-group .checkbox-info[type=radio]:focus,
  .list-group .checkbox-info[type=radio]:active,
  .list-group .checkbox-info.active[type=radio] {
    border-color: #173878;
    outline: 0;
    background-color: #173878; }

.list-group .alert-info.light {
  background-color: rgba(23, 56, 120, 0.4);
  border-color: rgba(23, 56, 120, 0.7); }

.list-group .alert-info.dark {
  background-color: #173878;
  border-color: #173878;
  color: #fafafa; }
  .list-group .alert-info.dark .alert-link {
    color: #fff; }

.list-group .alert-info.outline,
.list-group .alert-info.outline-2x {
  background-color: transparent;
  border-color: #173878;
  color: #173878; }
  .list-group .alert-info.outline .btn-close,
  .list-group .alert-info.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-info.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #173878;
  color: #051A1A; }
  .list-group .alert-info.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #173878;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-info.inverse:before {
        left: 45px; } }
  .list-group .alert-info.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #173878;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-info.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-light {
  background-color: rgba(230, 233, 235, 0.9);
  border-color: rgba(230, 233, 235, 0.9);
  color: #fff;
  color: #2c323f;
  background-color: #E6E9EB; }
  .alert-light .progress {
    height: 5px;
    background-color: #e3e7e9;
    border-radius: 0; }
  .alert-light .progress-bar {
    background-color: white; }
  .alert-light .btn-close {
    filter: brightness(1) invert(1); }
  .alert-light .alert-link {
    color: #E6E9EB;
    color: #2c323f; }
  .alert-light .btn-close {
    filter: unset; }
  .alert-light hr {
    border-top-color: #E6E9EB; }

.border-light {
  border-color: #E6E9EB !important; }

.income-wrapper ul li .income-dot.dot-light {
  background-color: #E6E9EB; }

.touchspin-wrapper .btn-touchspin.touchspin-light {
  background-color: #E6E9EB;
  border: 1px solid #E6E9EB;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-light {
  background-color: unset;
  border: 1px solid #E6E9EB;
  color: #E6E9EB; }

.touchspin-wrapper input.spin-outline-light[type='number'] {
  outline: 1px solid #E6E9EB;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-light {
  background-color: #E6E9EB;
  border: 1px solid #E6E9EB;
  color: #fff; }

.form-switch .form-check-input.switch-light:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.payment-second .mega-icons.stroke-light {
  stroke: #E6E9EB; }

.toast-light {
  color: #E6E9EB !important; }

.list-group-horizontal-sm .list-group-item.border-left-light, .list-group-horizontal-md .list-group-item.border-left-light, .list-group-horizontal-lg .list-group-item.border-left-light, .list-group-horizontal-xl .list-group-item.border-left-light, .list-group-horizontal-xxl .list-group-item.border-left-light {
  border-left: 4px solid #E6E9EB; }

.main-radio-toggle .btn-check.radio-light-light:focus + .btn {
  box-shadow: 0 0 0 4px rgba(230, 233, 235, 0.55); }

.fill-radios .radio.radio-light input[type='radio']:checked + label::before {
  border: 10px solid #E6E9EB; }

.fill-radios .radio.radio-light input[type='radio']:checked + label::after {
  background-color: #E6E9EB; }

.list-group .form-check-input.checkbox-light[type=checkbox]:checked,
.list-group .checkbox-light[type=radio] {
  background-color: unset;
  border-color: #E6E9EB;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-light[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-light[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-light.active[type=checkbox]:checked,
  .list-group .checkbox-light[type=radio]:focus,
  .list-group .checkbox-light[type=radio]:active,
  .list-group .checkbox-light.active[type=radio] {
    border-color: #E6E9EB;
    outline: 0;
    background-color: #E6E9EB; }

.list-group .alert-light.light {
  background-color: rgba(230, 233, 235, 0.4);
  border-color: rgba(230, 233, 235, 0.7); }

.list-group .alert-light.dark {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fafafa;
  color: #2c323f; }
  .list-group .alert-light.dark .alert-link {
    color: #fff;
    color: #2c323f; }

.list-group .alert-light.outline,
.list-group .alert-light.outline-2x {
  background-color: transparent;
  border-color: #E6E9EB;
  color: #E6E9EB;
  color: #2c323f; }
  .list-group .alert-light.outline .btn-close,
  .list-group .alert-light.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-light.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #E6E9EB;
  color: #051A1A; }
  .list-group .alert-light.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #E6E9EB;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-light.inverse:before {
        left: 45px; } }
  .list-group .alert-light.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #E6E9EB;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-light.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-dark {
  background-color: rgba(44, 50, 63, 0.9);
  border-color: rgba(44, 50, 63, 0.9);
  color: #fff; }
  .alert-dark .progress {
    height: 5px;
    background-color: #2a303c;
    border-radius: 0; }
  .alert-dark .progress-bar {
    background-color: #a8b0c2; }
  .alert-dark .btn-close {
    filter: brightness(1) invert(1); }
  .alert-dark .alert-link {
    color: #2c323f; }
  .alert-dark hr {
    border-top-color: #2c323f; }

.border-dark {
  border-color: #2c323f !important; }

.income-wrapper ul li .income-dot.dot-dark {
  background-color: #2c323f; }

.touchspin-wrapper .btn-touchspin.touchspin-dark {
  background-color: #2c323f;
  border: 1px solid #2c323f;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-dark {
  background-color: unset;
  border: 1px solid #2c323f;
  color: #2c323f; }

.touchspin-wrapper input.spin-outline-dark[type='number'] {
  outline: 1px solid #2c323f;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-dark {
  background-color: #2c323f;
  border: 1px solid #2c323f;
  color: #fff; }

.form-switch .form-check-input.switch-dark:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.payment-second .mega-icons.stroke-dark {
  stroke: #2c323f; }

.toast-dark {
  color: #2c323f !important; }

.list-group-horizontal-sm .list-group-item.border-left-dark, .list-group-horizontal-md .list-group-item.border-left-dark, .list-group-horizontal-lg .list-group-item.border-left-dark, .list-group-horizontal-xl .list-group-item.border-left-dark, .list-group-horizontal-xxl .list-group-item.border-left-dark {
  border-left: 4px solid #2c323f; }

.main-radio-toggle .btn-check.radio-light-dark:focus + .btn {
  box-shadow: 0 0 0 4px rgba(44, 50, 63, 0.55); }

.fill-radios .radio.radio-dark input[type='radio']:checked + label::before {
  border: 10px solid #2c323f; }

.fill-radios .radio.radio-dark input[type='radio']:checked + label::after {
  background-color: #2c323f; }

.list-group .form-check-input.checkbox-dark[type=checkbox]:checked,
.list-group .checkbox-dark[type=radio] {
  background-color: unset;
  border-color: #2c323f;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-dark[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-dark[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-dark.active[type=checkbox]:checked,
  .list-group .checkbox-dark[type=radio]:focus,
  .list-group .checkbox-dark[type=radio]:active,
  .list-group .checkbox-dark.active[type=radio] {
    border-color: #2c323f;
    outline: 0;
    background-color: #2c323f; }

.list-group .alert-dark.light {
  background-color: rgba(44, 50, 63, 0.4);
  border-color: rgba(44, 50, 63, 0.7); }

.list-group .alert-dark.dark {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fafafa; }
  .list-group .alert-dark.dark .alert-link {
    color: #fff; }

.list-group .alert-dark.outline,
.list-group .alert-dark.outline-2x {
  background-color: transparent;
  border-color: #2c323f;
  color: #2c323f; }
  .list-group .alert-dark.outline .btn-close,
  .list-group .alert-dark.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-dark.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #2c323f;
  color: #051A1A; }
  .list-group .alert-dark.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #2c323f;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-dark.inverse:before {
        left: 45px; } }
  .list-group .alert-dark.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #2c323f;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-dark.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.outline-2x {
  border-width: 2px;
  padding: 11px 1.25rem; }

.alert-icons.outline-2x {
  padding: 15px; }

.alert-icons svg {
  position: absolute !important;
  top: 18px !important; }

.alert-dark .btn-close,
.alert-info .btn-close {
  filter: none; }

.border-left-wrapper {
  border-left: 4px solid #2c323f; }

.alert-light-primary {
  background-color: rgba(0, 102, 102, 0.2); }

.alert-light-secondary {
  background-color: rgba(254, 106, 73, 0.3); }

.alert-light-success {
  background-color: rgba(0, 172, 70, 0.3); }

.alert-light-warning {
  background-color: rgba(255, 174, 26, 0.3); }

.alert-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.alert-light-light {
  background-color: #F9F9FB; }

.alert-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.alert-light-dark {
  background-color: #EAEBF2; }

.alert-arrow {
  min-width: 55px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }
  .alert-arrow i {
    margin-right: 0; }

@media (max-width: 576px) {
  .ellipsis.content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 294px; } }

@media (max-width: 575px) {
  .ellipsis.content {
    max-width: 180px; } }

.alert-dismissible {
  display: flex;
  align-items: center;
  gap: 8px; }

.alert.notify-alert.alert-copy {
  display: flex !important; }

/**=====================
   2.2 Alert CSS end
==========================**/
/**=====================
  2.3 Avatars CSS start
==========================**/
.avatars .avatar {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  width: auto; }
  .avatars .avatar:last-child {
    margin-right: 0; }
  .avatars .avatar.ratio img {
    width: auto; }
  .avatars .avatar .status {
    position: absolute;
    height: 18%;
    width: 18%;
    border-radius: 100%;
    bottom: 12%;
    right: 4%;
    border: 1px solid; }

.customers ul {
  display: inline-block; }
  .customers ul li img {
    border: 2px solid var(--white);
    transition: 0.5s; }
    .customers ul li img:hover {
      transform: translateY(-4px) scale(1.02);
      transition: 0.5s; }
  .customers ul li + li {
    margin-left: -7%; }
  .customers ul li:last-child p {
    color: #051A1A !important;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: 500;
    border: 2px solid #E6E9EB !important; }

.customers.avatar-group {
  margin-right: 30px; }
  .customers.avatar-group:last-child {
    margin-right: 0; }

.avatar-showcase {
  margin-bottom: -10px; }
  .avatar-showcase .avatars .avatar {
    margin-bottom: 10px; }
  .avatar-showcase .avatar-group {
    margin-bottom: 10px; }
  .avatar-showcase .ratio > * {
    position: relative;
    top: unset;
    left: unset; }

/**=====================
    2.3 Avatars CSS Ends
==========================**/
/**=====================
    2.4 Badge CSS start
==========================**/
.badge-spacing {
  display: flex;
  flex-wrap: wrap;
  gap: 12px; }
  .badge-spacing .badge {
    padding: 6px 12px;
    font-size: 12px; }
    .badge-spacing .badge.badge svg {
      padding-top: 0px; }
    .badge-spacing .badge.rounded-circle {
      padding: 10px 14px;
      display: flex;
      justify-content: center;
      align-items: center; }
    .badge-spacing .badge.badge-p-space {
      padding: 10px 13px; }
    .badge-spacing .badge + .badge {
      margin-left: 0px; }
    .badge-spacing .badge.btn-p-space {
      padding: 8px 10px; }

a.badge:hover {
  color: inherit; }
  a.badge.badge-dark:hover:hover {
    color: #fff; }

.badge {
  padding: 8px 16px;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-weight: 500; }
  .badge + .badge {
    margin-left: 5px; }
  .badge svg {
    width: 16px;
    height: 16px;
    padding-top: 3px; }

.b-ln-height {
  line-height: 5px; }

.pill-badge-primary {
  background-color: var(--theme-deafult);
  box-shadow: -0.5px 4.33px 16px 0px rgba(var(--theme-deafult), 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-secondary {
  background-color: #FE6A49;
  box-shadow: -0.5px 4.33px 16px 0px rgba(254, 106, 73, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-success {
  background-color: #00AC46;
  box-shadow: -0.5px 4.33px 16px 0px rgba(0, 172, 70, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-danger {
  background-color: #FE6A49;
  box-shadow: -0.5px 4.33px 16px 0px rgba(254, 106, 73, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-info {
  background-color: #173878;
  box-shadow: -0.5px 4.33px 16px 0px rgba(23, 56, 120, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-light {
  background-color: #E6E9EB;
  box-shadow: -0.5px 4.33px 16px 0px rgba(230, 233, 235, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-dark {
  background-color: #2c323f;
  box-shadow: -0.5px 4.33px 16px 0px rgba(44, 50, 63, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-warning {
  background-color: #FFAE1A;
  box-shadow: -0.5px 4.33px 16px 0px rgba(255, 174, 26, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-primary {
  background-color: var(--theme-deafult); }

.pill-badge-secondary {
  background-color: var(--theme-secondary); }

.round-badge-primary {
  border-radius: 6px;
  background-color: var(--theme-deafult);
  box-shadow: -0.5px -6.67px 14px 0px rgba(var(--theme-deafult), 0.18);
  color: #fff !important; }

.round-badge-secondary {
  border-radius: 6px;
  background-color: #FE6A49;
  box-shadow: -0.5px -6.67px 14px 0px rgba(254, 106, 73, 0.18);
  color: #fff !important; }

.round-badge-success {
  border-radius: 6px;
  background-color: #00AC46;
  box-shadow: -0.5px -6.67px 14px 0px rgba(0, 172, 70, 0.18);
  color: #fff !important; }

.round-badge-danger {
  border-radius: 6px;
  background-color: #FE6A49;
  box-shadow: -0.5px -6.67px 14px 0px rgba(254, 106, 73, 0.18);
  color: #fff !important; }

.round-badge-info {
  border-radius: 6px;
  background-color: #173878;
  box-shadow: -0.5px -6.67px 14px 0px rgba(23, 56, 120, 0.18);
  color: #fff !important; }

.round-badge-light {
  border-radius: 6px;
  background-color: #E6E9EB;
  box-shadow: -0.5px -6.67px 14px 0px rgba(230, 233, 235, 0.18);
  color: #fff !important; }

.round-badge-dark {
  border-radius: 6px;
  background-color: #2c323f;
  box-shadow: -0.5px -6.67px 14px 0px rgba(44, 50, 63, 0.18);
  color: #fff !important; }

.round-badge-warning {
  border-radius: 6px;
  background-color: #FFAE1A;
  box-shadow: -0.5px -6.67px 14px 0px rgba(255, 174, 26, 0.18);
  color: #fff !important; }

.round-badge-primary {
  background-color: var(--theme-deafult); }

.round-badge-secondary {
  background-color: var(--theme-secondary); }

.badge-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 8px; }

/**=====================
  2.4 Badge CSS Ends
==========================**/
/**=====================
    2.5 Bookmark CSS start
==========================**/
.bookmark ul li {
  display: inline-block; }
  .bookmark ul li .search-form {
    position: absolute;
    bottom: 53px;
    z-index: 1; }
    .bookmark ul li .search-form .form-control-search {
      top: 65px;
      position: absolute;
      transition: all linear 0.3s;
      right: -20px;
      transform: translateY(-35px) scaleY(0);
      opacity: 0;
      visibility: hidden; }
      .bookmark ul li .search-form .form-control-search input {
        width: 240px;
        background-color: #fff;
        box-shadow: 0 5px 21px rgba(0, 0, 0, 0.1); }
      .bookmark ul li .search-form .form-control-search.open {
        transform: translateY(0px) scaleY(1);
        opacity: 1;
        visibility: visible;
        transition: all linear 0.3s;
        z-index: 100; }
      .bookmark ul li .search-form .form-control-search:after {
        top: 12px;
        left: 20px;
        z-index: 1; }
      .bookmark ul li .search-form .form-control-search:before {
        left: 50px;
        top: 9px;
        z-index: 2; }
  .bookmark ul li a {
    position: relative;
    color: #051A1A; }
    .bookmark ul li a svg {
      vertical-align: middle;
      height: 20px;
      width: 20px; }
  .bookmark ul li + li {
    margin-left: 10px; }
  .bookmark ul li:last-child {
    padding-right: 0; }
    .bookmark ul li:last-child a {
      border-radius: 5px; }
      .bookmark ul li:last-child a svg {
        color: #ff9f40; }

.offcanvas-bookmark.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body .bookmark ul li a {
  z-index: 99999;
  color: rgba(255, 255, 255, 0.5); }

.offcanvas-bookmark:before {
  position: fixed;
  content: '';
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  z-index: 1;
  right: 0;
  left: 0; }

body.modal-open .select2-container--open {
  width: unset !important;
  display: block; }
  body.modal-open .select2-container--open .select2-dropdown {
    z-index: 1076; }

/**=====================
    2.5 Bookmark CSS Ends
==========================**/
/**=====================
2.6 Breadcrumb CSS Start
==========================**/
.breadcrumb-colored {
  padding: 12px 16px;
  border-radius: 4px; }
  .breadcrumb-colored li a {
    color: #fff; }
  .breadcrumb-colored li.active {
    color: #fff;
    opacity: 0.7; }
  .breadcrumb-colored .breadcrumb-item:before {
    color: #fff; }
  .breadcrumb-colored .breadcrumb-item.txt-dark:before {
    color: #000; }

.breadcrumb-icon {
  --bs-breadcrumb-divider: '>'; }
  .breadcrumb-icon li {
    display: inline-block; }

.breadcrumb-no-divider {
  --bs-breadcrumb-divider: ''; }

.breadcrumb-item.active {
  text-transform: capitalize; }

.breadcrumb-space .breadcrumb-item::before {
  padding-right: 0; }

/**=====================
	2.6 Breadcrumb CSS ends
==========================**/
/**=====================
    2.7 Basic-card CSS Start
==========================**/
.dark-color-header {
  background-color: unset !important;
  color: #006666; }
  .dark-color-header ul li:first-child i, .dark-color-header ul li:last-child i {
    color: #006666 !important; }
  .dark-color-header ul li i {
    color: #E6E9EB !important; }

/**=====================
  2.7 Basic-card CSS Ends
==========================**/
/**=====================
  2.9 Buttons CSS start
==========================**/
.btn-link {
  color: var(--theme-deafult); }

.purchase-btn {
  background: linear-gradient(90deg, var(--theme-deafult) -18.33%, #006666 62.78%);
  padding: 12px 20px;
  min-width: 200px;
  border: none;
  transition: 0.5s; }
  .purchase-btn:hover {
    background: linear-gradient(90deg, #006666 -18.33%, var(--theme-deafult) 62.78%);
    transition: 0.5s; }
  @media (max-width: 991px) {
    .purchase-btn {
      min-width: 160px; } }
  @media (max-width: 767px) {
    .purchase-btn {
      min-width: 140px;
      padding: 10px 17px;
      font-size: 16px; } }
  @media (max-width: 575px) {
    .purchase-btn {
      font-size: 14px; } }
.btn-light.active.active:not([disabled]):not(.disabled) {
  color: #051A1A !important;
  background-color: #e0e4e6 !important; }

.btn-primary-gradien {
  background-image: linear-gradient(to right, #008f8f 0%, #003d3d 51%, #008f8f 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease;
  color: #fff; }
  .btn-primary-gradien:focus, .btn-primary-gradien:active, .btn-primary-gradien.active {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #008f8f, 0%, #003d3d, 100%, #fff) !important; }

.btn-secondary-gradien {
  background-image: linear-gradient(to right, #fe8b72 0%, #fe4920 51%, #fe8b72 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-secondary-gradien:hover, .btn-secondary-gradien:focus, .btn-secondary-gradien:active, .btn-secondary-gradien.active, .btn-secondary-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #fe8b72, 0%, #fe4920, 100%, #fff) !important; }

.btn-success-gradien {
  background-image: linear-gradient(to right, #00d557 0%, #008335 51%, #00d557 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-success-gradien:hover, .btn-success-gradien:focus, .btn-success-gradien:active, .btn-success-gradien.active, .btn-success-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #00d557, 0%, #008335, 100%, #fff) !important; }

.btn-danger-gradien {
  background-image: linear-gradient(to right, #fe8b72 0%, #fe4920 51%, #fe8b72 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-danger-gradien:hover, .btn-danger-gradien:focus, .btn-danger-gradien:active, .btn-danger-gradien.active, .btn-danger-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #fe8b72, 0%, #fe4920, 100%, #fff) !important; }

.btn-warning-gradien {
  background-image: linear-gradient(to right, #ffbc43 0%, #f09b00 51%, #ffbc43 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-warning-gradien:hover, .btn-warning-gradien:focus, .btn-warning-gradien:active, .btn-warning-gradien.active, .btn-warning-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #ffbc43, 0%, #f09b00, 100%, #fff) !important; }

.btn-info-gradien {
  background-image: linear-gradient(to right, #1e489a 0%, #102856 51%, #1e489a 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-info-gradien:hover, .btn-info-gradien:focus, .btn-info-gradien:active, .btn-info-gradien.active, .btn-info-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #1e489a, 0%, #102856, 100%, #fff) !important; }

.btn-light-gradien {
  background-image: linear-gradient(to right, #fdfdfd 0%, #cfd5d9 51%, #fdfdfd 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-light-gradien:hover, .btn-light-gradien:focus, .btn-light-gradien:active, .btn-light-gradien.active, .btn-light-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #fdfdfd, 0%, #cfd5d9, 100%, #fff) !important; }

.btn-dark-gradien {
  background-image: linear-gradient(to right, #3d4557 0%, #1b1f27 51%, #3d4557 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-dark-gradien:hover, .btn-dark-gradien:focus, .btn-dark-gradien:active, .btn-dark-gradien.active, .btn-dark-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #3d4557, 0%, #1b1f27, 100%, #fff) !important; }

.btn {
  padding: 0.375rem 1.75rem; }
  .btn.bg-light-primary:hover {
    background: #006666 !important;
    color: #fff !important; }

.btn-lg {
  font-size: 18px; }

.btn-sm {
  font-size: 12px; }

.btn-xs {
  padding: 0.05rem 0.4rem;
  font-size: 11px; }

.large-btn {
  margin-bottom: -20px; }
  .large-btn .btn {
    margin-right: 5px;
    margin-bottom: 15px; }

.btn-outline-white {
  border: 1px solid #fff;
  color: #fff; }
  .btn-outline-white:hover, .btn-outline-white:focus {
    background: #fff;
    color: var(--theme-deafult); }

.btn-air-primary {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-primary:hover, .btn-air-primary:active, .btn-air-primary:not([disabled]):not(.disabled):active {
    background-color: #006666;
    border-color: #006666; }

.input-air-primary {
  box-shadow: 0 3px 5px 1px rgba(0, 102, 102, 0.1) !important; }
  .input-air-primary:focus {
    border-color: #006666; }

.btn-air-secondary {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-secondary:hover, .btn-air-secondary:active, .btn-air-secondary:not([disabled]):not(.disabled):active {
    background-color: #FE6A49;
    border-color: #FE6A49; }

.input-air-secondary {
  box-shadow: 0 3px 5px 1px rgba(254, 106, 73, 0.1) !important; }
  .input-air-secondary:focus {
    border-color: #FE6A49; }

.btn-air-success {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-success:hover, .btn-air-success:active, .btn-air-success:not([disabled]):not(.disabled):active {
    background-color: #00AC46;
    border-color: #00AC46; }

.input-air-success {
  box-shadow: 0 3px 5px 1px rgba(0, 172, 70, 0.1) !important; }
  .input-air-success:focus {
    border-color: #00AC46; }

.btn-air-danger {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-danger:hover, .btn-air-danger:active, .btn-air-danger:not([disabled]):not(.disabled):active {
    background-color: #FE6A49;
    border-color: #FE6A49; }

.input-air-danger {
  box-shadow: 0 3px 5px 1px rgba(254, 106, 73, 0.1) !important; }
  .input-air-danger:focus {
    border-color: #FE6A49; }

.btn-air-info {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-info:hover, .btn-air-info:active, .btn-air-info:not([disabled]):not(.disabled):active {
    background-color: #173878;
    border-color: #173878; }

.input-air-info {
  box-shadow: 0 3px 5px 1px rgba(23, 56, 120, 0.1) !important; }
  .input-air-info:focus {
    border-color: #173878; }

.btn-air-light {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-light:hover, .btn-air-light:active, .btn-air-light:not([disabled]):not(.disabled):active {
    background-color: #E6E9EB;
    border-color: #E6E9EB; }

.input-air-light {
  box-shadow: 0 3px 5px 1px rgba(230, 233, 235, 0.1) !important; }
  .input-air-light:focus {
    border-color: #E6E9EB; }

.btn-air-dark {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-dark:hover, .btn-air-dark:active, .btn-air-dark:not([disabled]):not(.disabled):active {
    background-color: #2c323f;
    border-color: #2c323f; }

.input-air-dark {
  box-shadow: 0 3px 5px 1px rgba(44, 50, 63, 0.1) !important; }
  .input-air-dark:focus {
    border-color: #2c323f; }

.btn-air-warning {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-warning:hover, .btn-air-warning:active, .btn-air-warning:not([disabled]):not(.disabled):active {
    background-color: #FFAE1A;
    border-color: #FFAE1A; }

.input-air-warning {
  box-shadow: 0 3px 5px 1px rgba(255, 174, 26, 0.1) !important; }
  .input-air-warning:focus {
    border-color: #FFAE1A; }

.btn-gradient {
  color: #fff !important;
  font-weight: 500;
  padding: 10px 30px;
  border-radius: 5px;
  background: linear-gradient(26deg, var(--theme-deafult) 0%, #006666 100%);
  letter-spacing: 0.06rem; }
  .btn-gradient:hover {
    background-size: 100% !important; }

.btn-warning {
  color: #fff; }
  .btn-warning:hover, .btn-warning.disabled {
    color: #fff; }

[class*='-gradien']:hover {
  background-size: 50% 100%;
  transition: all 0.3s ease;
  color: #fff; }

.btn-square {
  border-radius: 0px; }

.btn-pill {
  border-radius: 60px; }

.btn-group-pill .btn:first-child {
  border-radius: 60px 0 0 60px; }

.btn-group-pill .btn:last-child {
  border-radius: 0 60px 60px 0; }

.btn-group-square .btn:first-child {
  border-radius: 0px 0 0 0px; }

.btn-group-square .btn:last-child {
  border-radius: 0 0px 0px 0; }

.btn-showcase {
  margin-bottom: -10px; }
  .btn-showcase .btn {
    margin-bottom: 10px;
    margin-right: 10px; }

.btn-dropdown-showcase {
  margin-bottom: -10px; }
  .btn-dropdown-showcase .dropdown {
    margin-bottom: 10px;
    margin-right: 18px; }
  .btn-dropdown-showcase .btn-group {
    margin-bottom: 10px;
    margin-right: 18px; }

.btn-group .radio label::before {
  top: 2px; }

.btn-group .radio label::after {
  top: 7px; }

.btn-group .checkbox label {
  margin-top: 3px; }

.btn-group-showcase > div {
  margin-bottom: -20px; }
  .btn-group-showcase > div label {
    margin-bottom: 0; }

.btn-group-showcase .btn-group {
  margin-right: 20px;
  margin-bottom: 20px; }

.btn-group-showcase .checkbox input[type="checkbox"] {
  display: none; }

.tooltiptext {
  visibility: visible;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 1;
  transition: opacity 0.3s; }
  .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent; }

.card-header-right-icon .btn.btn-light-primary {
  background-color: var(--light-shade-primary);
  color: var(--theme-deafult); }
  .card-header-right-icon .btn.btn-light-primary:hover {
    color: var(--white);
    background-color: var(--theme-deafult); }

.btn.button-primary,
button.button-primary {
  background-color: var(--light-shade-primary);
  color: var(--theme-deafult); }
  .btn.button-primary:hover,
  button.button-primary:hover {
    background-color: var(--theme-deafult);
    color: var(--white); }

/**=====================
    2.9 Buttons CSS end
==========================**/
/**=====================
    2.10 Card CSS Start
==========================**/
.card {
  margin-bottom: 25px;
  border: 1px solid #E6E9EB !important;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  border-radius: 8px;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .card:hover {
    box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
    transition: all 0.3s ease; }
  .card .card-header {
    background-color: #fff;
    padding: 20px;
    border-bottom: 1px solid #ecf3fa;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: relative; }
    .card .card-header.card-no-border {
      border-bottom: none !important; }
    .card .card-header h5:not(.mb-0), .card .card-header h5:not(.m-0) {
      margin-bottom: 0;
      text-transform: capitalize; }
    .card .card-header > span {
      font-size: 12px;
      color: var(--body-font-color);
      margin-top: 5px;
      display: block;
      letter-spacing: 1px; }
    .card .card-header .card-header-right {
      border-radius: 0 0 0 7px;
      right: 20px;
      top: 12px;
      display: inline-block;
      float: right;
      padding: 8px 0;
      position: absolute;
      background-color: #fff;
      z-index: 1; }
      .card .card-header .card-header-right .card-option {
        text-align: right;
        width: 35px;
        height: 20px;
        overflow: hidden;
        transition: 0.3s ease-in-out; }
        .card .card-header .card-header-right .card-option li {
          display: inline-block; }
          .card .card-header .card-header-right .card-option li:first-child i {
            transition: 1s;
            font-size: 16px;
            color: var(--theme-deafult); }
            .card .card-header .card-header-right .card-option li:first-child i.icofont {
              color: unset; }
      .card .card-header .card-header-right i {
        margin: 0 5px;
        cursor: pointer;
        color: #2c323f;
        line-height: 20px; }
        .card .card-header .card-header-right i.icofont-refresh {
          font-size: 13px; }
  .card .card-body {
    padding: 20px;
    background-color: transparent; }
    .card .card-body p:last-child {
      margin-bottom: 0; }
  .card .sub-title {
    padding-bottom: 12px;
    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320))); }
  .card .card-footer {
    background-color: #fff;
    border-top: 1px solid #ecf3fa;
    padding: 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; }
  .card.card-load .card-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 8;
    align-items: center;
    justify-content: center; }
    .card.card-load .card-loader i {
      margin: 0 auto;
      color: var(--theme-deafult);
      font-size: 20px; }
  .card.full-card {
    position: fixed;
    top: 0;
    z-index: 99999;
    box-shadow: none;
    right: 0;
    border-radius: 0;
    border: 1px solid #efefef;
    width: calc(100vw - 12px);
    height: calc(100vh); }
    .card.full-card .card-body {
      overflow: auto; }

.page-body-wrapper .card .sub-title {
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  color: #051A1A; }

.card-absolute {
  margin-top: 20px; }
  .card-absolute .card-header {
    position: absolute;
    top: -20px;
    left: 15px;
    border-radius: 0.25rem;
    padding: 10px 15px; }
    .card-absolute .card-header h5 {
      font-size: 17px; }
  .card-absolute .card-body {
    margin-top: 10px; }

.card-header .border-tab {
  margin-bottom: -13px; }

.custom-card {
  overflow: hidden;
  padding: 30px; }
  .custom-card .card-header {
    padding: 0; }
    .custom-card .card-header img {
      border-radius: 50%;
      margin-top: -100px;
      transform: scale(1.5); }
  .custom-card .card-profile {
    text-align: center; }
    .custom-card .card-profile img {
      height: 110px;
      padding: 7px;
      background-color: #fff;
      z-index: 1;
      position: relative; }
  .custom-card .card-social {
    text-align: center; }
    .custom-card .card-social li {
      display: inline-block;
      padding: 15px 0; }
      .custom-card .card-social li:last-child a {
        margin-right: 0; }
      .custom-card .card-social li a {
        padding: 0;
        margin-right: 15px;
        color: #bcc6de;
        font-size: 16px;
        transition: all 0.3s ease; }
        .custom-card .card-social li a:hover {
          color: var(--theme-deafult);
          transition: all 0.3s ease; }
  .custom-card .profile-details h6 {
    margin-bottom: 30px;
    margin-top: 10px;
    color: #FFFFFF;
    font-size: 14px; }
  .custom-card .card-footer {
    padding: 0; }
    .custom-card .card-footer > div {
      padding: 15px;
      text-align: center; }
      .custom-card .card-footer > div + div {
        border-left: 1px solid #efefef; }
      .custom-card .card-footer > div h3 {
        margin-bottom: 0;
        font-size: 24px; }
      .custom-card .card-footer > div h6 {
        font-size: 14px;
        color: #FFFFFF; }
      .custom-card .card-footer > div h5 {
        font-size: 16px;
        margin-bottom: 0; }
      .custom-card .card-footer > div i {
        font-size: 24px;
        display: inline-block;
        margin-bottom: 15px; }
      .custom-card .card-footer > div .m-b-card {
        margin-bottom: 10px; }

.social-profile {
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .social-profile .card-body {
    padding-left: 20px;
    padding-right: 20px; }
    @media (max-width: 1399px) {
      .social-profile .card-body {
        padding: 23px 15px; } }
.social-details {
  margin-top: 15px; }
  .social-details h5 a {
    color: var(--body-font-color);
    font-weight: 700; }
  .social-details .social-follow {
    column-count: 3;
    column-gap: 30px;
    margin-top: 25px; }
    @media (max-width: 1399px) {
      .social-details .social-follow {
        column-gap: 23px; } }
    .social-details .social-follow li {
      position: relative; }
      .social-details .social-follow li + li::before {
        position: absolute;
        content: "";
        width: 1px;
        height: 14px;
        background-color: var(--recent-dashed-border);
        left: -15px;
        top: 50%;
        transform: translateY(-50%); }
        [dir="rtl"] .social-details .social-follow li + li::before {
          left: unset;
          right: -15px; }
  .social-details .card-social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 15px; }

.social-img-wrap {
  background: linear-gradient(253deg, var(--theme-deafult) 11.51%, rgba(115, 102, 255, 0) 82.07%);
  display: inline-block;
  border-radius: 100%;
  padding: 2px;
  position: relative; }
  .social-img-wrap .edit-icon {
    position: absolute;
    right: 0;
    bottom: 0; }
    .social-img-wrap .edit-icon svg {
      width: 20px;
      height: 20px;
      border-radius: 100%;
      border: 2px solid var(--white);
      background: var(--white); }

.social-img {
  padding: 5px;
  background: var(--white);
  border-radius: 100%; }
  .social-img img {
    height: 68px;
    border-radius: 100%; }

/**=====================
    2.10 Card CSS End
==========================**/
/**=====================
     2.11 Color CSS Start
==========================**/
.color-box {
  margin-bottom: -10px; }
  .color-box button {
    margin-bottom: 10px; }
    .color-box button + button {
      margin-left: 5px; }

.light-font {
  color: #FFFFFF; }

/**=====================
     2.11 Color CSS Ends
==========================**/
/**=====================
    2.12 Datatable CSS Start
==========================**/
div.dt-button-background {
  display: none !important; }

div.DTS div.dataTables_scrollBody table {
  z-index: 1; }

div .table-avtar {
  height: 32px;
  margin-right: 10px; }
  [dir="rtl"] div .table-avtar {
    margin-right: unset;
    margin-left: 10px; }

div .action {
  display: flex; }
  div .action i {
    font-size: 16px; }
  div .action .pdf i {
    font-size: 20px;
    color: #FE6A49; }
  div .action .edit {
    margin-right: 5px; }
    div .action .edit i {
      color: #00AC46; }
    [dir="rtl"] div .action .edit {
      margin-left: 5px; }
  div .action .delete i {
    color: #FE6A49; }

#auto-generate-content_wrapper.dataTables_wrapper button {
  background-color: var(--white);
  border: 1px solid var(--theme-deafult);
  color: var(--theme-deafult); }

.dataTables_wrapper {
  width: calc(100% - 1px);
  padding: 0; }
  .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #ecf3fa; }
  .dataTables_wrapper .dt-buttons .btn {
    border-radius: 0.25rem !important; }
  .dataTables_wrapper .btn-group button {
    margin-right: 5px; }
  .dataTables_wrapper button {
    font-weight: 400;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    border-radius: 0.25rem;
    color: #fff; }
  .dataTables_wrapper + .dataTables_wrapper {
    margin-top: 20px; }
  .dataTables_wrapper .dataTables_paginate {
    margin-left: 15px !important;
    border: 1px solid #E6E9EB;
    border-radius: 0.25rem;
    padding-top: 0; }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
      margin: 0; }
      .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:active {
        background: var(--theme-deafult);
        color: #fff !important;
        box-shadow: none; }
      .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        border: 1px solid var(--theme-deafult);
        color: #2c323f !important;
        background: transparent !important; }
  .dataTables_wrapper .dataTables_length {
    margin-bottom: 30px; }
    .dataTables_wrapper .dataTables_length select {
      border-color: #E6E9EB;
      color: #2c323f;
      padding: 0 10px;
      margin: 0 10px;
      height: 2.7142em;
      background-color: #fff; }
  .dataTables_wrapper table.dataTable {
    border: 1px solid #efefef; }
    .dataTables_wrapper table.dataTable tbody td.select-checkbox,
    .dataTables_wrapper table.dataTable tbody th.select-checkbox {
      padding-right: 40px !important; }
      .dataTables_wrapper table.dataTable tbody td.select-checkbox:before,
      .dataTables_wrapper table.dataTable tbody th.select-checkbox:before {
        right: 20px;
        top: 22px;
        left: unset; }
      .dataTables_wrapper table.dataTable tbody td.select-checkbox:after,
      .dataTables_wrapper table.dataTable tbody th.select-checkbox:after {
        margin-top: -5px;
        margin-left: 21px; }
    .dataTables_wrapper table.dataTable thead th,
    .dataTables_wrapper table.dataTable thead td {
      border-bottom: 2px solid #efefef; }
    .dataTables_wrapper table.dataTable th,
    .dataTables_wrapper table.dataTable td {
      padding: 0.75rem; }
  .dataTables_wrapper .dataTables_filter {
    margin-bottom: 25px;
    margin-left: 15px; }
    .dataTables_wrapper .dataTables_filter input[type="search"] {
      border: 1px solid #efefef;
      padding: 0 10px;
      margin-left: 10px;
      height: 37px;
      border-radius: 0; }

.dataTables_scrollHeadInner {
  width: 100% !important; }

table .fixedHeader-floating {
  position: fixed !important;
  background-color: #fff; }

table .box > div {
  padding: 5px 15px;
  background-color: var(--theme-deafult);
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
  margin-right: 15px; }

table.dataTable.fixedHeader-locked, table.dataTable.fixedHeader-floating {
  width: calc(100vw - 250px) !important;
  max-width: calc(100vw - 250px) !important;
  overflow: hidden !important;
  right: 0 !important;
  z-index: 99;
  left: 260px !important; }

table.dataTable:not(.fixedHeader-locked):not(.fixedHeader-floating) {
  width: 100% !important; }

table.dataTable {
  border-collapse: collapse !important;
  margin-top: 0 !important; }
  table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
  table.dataTable thead .sorting_asc:before,
  table.dataTable thead .sorting_asc:after,
  table.dataTable thead .sorting_desc:before,
  table.dataTable thead .sorting_desc:after,
  table.dataTable thead .sorting_asc_disabled:before,
  table.dataTable thead .sorting_asc_disabled:after,
  table.dataTable thead .sorting_desc_disabled:before,
  table.dataTable thead .sorting_desc_disabled:after {
    bottom: 12px !important; }
  table.dataTable input,
  table.dataTable select {
    border: 1px solid #efefef;
    height: 37px; }

.user-datatable tr td:first-child,
.user-datatable tr th:first-child {
  min-width: 150px; }

.jsgrid .jsgrid-button {
  width: 20px;
  height: 20px; }

.jsgrid .jsgrid-delete-button {
  background-position: 0 -78px;
  width: 22px;
  height: 22px; }

.jsgrid .jsgrid-edit-button {
  background-position: -2px -122px;
  width: 22px;
  height: 22px; }

.jsgrid .jsgrid-insert-mode-button {
  background-position: -2px -160px;
  width: 25px;
  height: 25px; }

.jsgrid .jsgrid-insert-button {
  background-position: -3px -202px;
  width: 16px;
  height: 16px; }

.toolbar {
  padding: 5px 15px;
  background-color: var(--theme-deafult);
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
  margin-right: 15px; }

code.option {
  color: #FE6A49 !important; }

code.api {
  color: #00AC46 !important; }

.dt-ext .dataTables_wrapper .page-item.active .page-link {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important;
  color: #fff; }

.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 9px 12px;
  border: 1px solid #E6E9EB !important;
  border-radius: 0px; }
  .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.hover, .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.active {
    border: none !important; }

.dt-ext .dataTables_wrapper .dataTables_paginate .page-link {
  margin-left: 0px;
  color: var(--theme-deafult); }

.dt-ext .dataTables_wrapper button.dt-button,
.dt-ext .dataTables_wrapper div.dt-button,
.dt-ext .dataTables_wrapper a.dt-button,
.dt-ext .dataTables_wrapper button.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button.active:not(.disabled) {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  border-radius: 2px;
  color: #fff;
  background-image: none;
  font-size: 14px; }

.dt-ext .dataTables_wrapper button.dt-button.btn-success,
.dt-ext .dataTables_wrapper div.dt-button.btn-success,
.dt-ext .dataTables_wrapper a.dt-button.btn-success {
  background-color: #00AC46;
  border-color: #00AC46; }

.dt-ext .dataTables_wrapper button.dt-button.btn-primary,
.dt-ext .dataTables_wrapper div.dt-button.btn-primary,
.dt-ext .dataTables_wrapper a.dt-button.btn-primary {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }

.dt-ext .dataTables_wrapper button.dt-button.btn-danger,
.dt-ext .dataTables_wrapper div.dt-button.btn-danger,
.dt-ext .dataTables_wrapper a.dt-button.btn-danger {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.dt-ext .dataTables_wrapper table.dataTable th.focus,
.dt-ext .dataTables_wrapper table.dataTable td.focus {
  outline: 3px solid var(--theme-deafult); }

.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected > .sorting_1,
.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
  background-color: #29ffff; }

.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd.selected,
.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd > .selected,
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected,
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd > .selected {
  background-color: #29ffff; }

.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.even.selected > .sorting_1,
.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
  background-color: #29ffff; }

.dt-ext .dataTables_wrapper table.dataTable tbody > tr.selected,
.dt-ext .dataTables_wrapper table.dataTable tbody > tr > .selected {
  background-color: #29ffff; }

td.highlight {
  background-color: #E6E9EB !important; }

td.details-control {
  background: url(/../images/details_open.png) no-repeat center center;
  cursor: pointer; }

tr.shown td.details-control {
  background: url(/../images/details_close.png) no-repeat center center; }

.dataTables_scroll ~ .dataTables_paginate {
  margin-top: 20px !important; }

.product-table th:last-child {
  min-width: 120px; }

.product-table h6 {
  font-weight: 600;
  color: #2c323f; }

table.dataTable.display tbody tr.odd > .sorting_1 {
  background-color: #fdfeff; }

table.dataTable.display tbody tr.odd .badge {
  line-height: 15px; }

table.dataTable.display tbody tr.even .badge {
  line-height: 15px; }

.jsgrid-row .jsgrid-cell .badge,
.jsgrid-alt-row .jsgrid-cell .badge {
  line-height: 15px !important; }

/**=====================
     2.12 Datatable CSS Ends
==========================**/
/**=====================
    2.13 Datapicker CSS Start
==========================**/
.clockpicker-canvas line {
  stroke: var(--theme-deafult); }

.clockpicker-canvas-fg,
.clockpicker-canvas-bearing {
  fill: var(--theme-deafult); }

.datepicker {
  z-index: 99; }

.datepicker--day-name {
  color: #006666;
  font-weight: bold; }

.datepicker--cell.-current- {
  color: #000;
  border-radius: 5px;
  font-weight: bold;
  border: 2px solid var(--theme-deafult); }

.datepicker--cell.-focus- {
  background: var(--theme-deafult);
  color: #fff; }

.datepicker--cell.-selected- {
  background: var(--theme-deafult) !important; }

.datepicker--cell-day {
  width: 14.2857142857%; }

.datepickers-container,
.bootstrap-datetimepicker-widget {
  z-index: 7; }

.datetime-picker .bootstrap-datetimepicker-widget.dropdown-menu {
  width: auto; }

.datetime-picker .input-group-text i {
  line-height: 1.3; }

.clockpicker-popover {
  border: none;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  z-index: 7; }
  .clockpicker-popover .popover-content {
    background-color: rgba(0, 102, 102, 0.05); }

.clockpicker-canvas-bg {
  fill: #29ffff; }

.clockpicker-tick:hover {
  color: inherit;
  background-color: #29ffff; }

.calendar-basic .md-sidebar-aside {
  background-color: #fff; }

.calendar-basic #external-events {
  padding: 20px;
  border: 1px solid #d7e2e9; }
  .calendar-basic #external-events h4 {
    margin-bottom: 14px; }
  .calendar-basic #external-events p {
    margin-top: 12px; }
  .calendar-basic #external-events .fc-h-event {
    padding: 12px;
    background-color: var(--theme-deafult);
    border: 1px solid var(--theme-deafult); }
    .calendar-basic #external-events .fc-h-event + .fc-h-event {
      margin-top: 10px; }
    .calendar-basic #external-events .fc-h-event .fc-event-main {
      font-size: 13px; }

.calendar-basic .calendar-default .fc-daygrid-dot-event .fc-event-title {
  text-overflow: ellipsis; }

.calendar-basic .calendar-default .fc td[role="presentation"] {
  border: 0; }

.calendar-basic .calendar-default .fc .fc-daygrid-day-number,
.calendar-basic .calendar-default .fc .fc-col-header-cell-cushion {
  color: #051A1A; }

.calendar-basic .calendar-default .fc .fc-button .fc-icon {
  height: 23px; }

.calendar-basic .calendar-default .fc-h-event {
  padding: 2px;
  background-color: #006666;
  border: 1px solid #006666; }

.calendar-basic .calendar-default .fc-toolbar-chunk .fc-button-group ~ .fc-today-button {
  margin: 0 8px; }

.fc-event-dragging {
  padding: 10px;
  background-color: var(--theme-deafult); }

.fc .fc-toolbar {
  flex-wrap: wrap;
  gap: 10px; }

.fc .fc-button-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 102, 102, 0.5); }

.main-inline-calender.input-group {
  flex-direction: column; }
  .main-inline-calender.input-group .form-control {
    width: 100%; }
  .main-inline-calender.input-group .flatpickr-calendar.inline {
    width: 100%; }
  .main-inline-calender.input-group .flatpickr-innerContainer {
    display: block; }
  .main-inline-calender.input-group .flatpickr-rContainer {
    display: block; }
    .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-weekdays {
      width: 100%; }
    .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days {
      width: 100%; }
      .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer {
        width: 100%;
        max-width: none;
        min-width: unset; }
        .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day {
          border-radius: 5px;
          width: 100%;
          max-width: unset; }
          .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover {
            color: var(--body-font-color); }

.flatpickr-day.selected,
.flatpickr-day .endRange {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }
  .flatpickr-day.selected:hover,
  .flatpickr-day .endRange:hover {
    background-color: var(--theme-deafult);
    border-color: var(--theme-deafult); }

.main-flatpickr .form-control:read-only {
  background-color: unset; }

.flatpickr-months {
  font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: 30px; }
  .flatpickr-months .flatpickr-month {
    margin-top: 16px; }
  .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    top: 10px; }

.flatpickr-current-month {
  font-size: calc(14px + (19 - 14) * ((100vw - 320px) / (1920 - 320))); }

@media (max-width: 400px) {
  .flatpickr-calendar.animate {
    width: 77%;
    left: 50% !important;
    transform: translateX(-50%); } }

.flatpickr-calendar .flatpickr-days {
  width: unset; }
  .flatpickr-calendar .flatpickr-days .dayContainer {
    width: unset;
    min-width: unset;
    max-width: unset; }

@media (max-width: 768px) {
  .flatpicker-calender .form-control {
    font-size: 14px; } }

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.timepicker-wrapper .row {
  margin-bottom: 16px; }
  .timepicker-wrapper .row:last-child {
    margin-bottom: 0; }

/**=====================
   2.13 Datapicker CSS End
==========================**/
/**=====================
	2.14 Dropdown CSS Start
==========================**/
.img-cropper .dropup .dropdown-toggle::after {
  content: '';
  display: none; }

.dropdown-auto {
  overflow: auto; }

.dropdown-divider {
  margin: 0; }

.dropdown .dropdown-toggle {
  color: #242934;
  border-radius: 8px;
  padding: 11px 12px;
  border: 1px solid #E6E9EB;
  width: 106px;
  text-align: left; }
  .dropdown .dropdown-toggle:focus {
    border: 1px solid #E6E9EB;
    box-shadow: none; }
  .dropdown .dropdown-toggle:after {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f107";
    border: none;
    font-family: "FontAwesome";
    font-size: 18px;
    margin: 0; }
  .dropdown .dropdown-toggle.btn-primary {
    color: #fff; }

.dropdown .dropdown-toggle-store {
  width: 130px; }

.dropdown .dropdown-toggle-calendar {
  width: 218px; }

.dropdown .dropdown-menu {
  font-family: "Montserrat", sans-serif;
  z-index: 4; }

.docs-toggles .dropdown .dropdown-toggle {
  width: auto; }

.docs-toggles .btn-group lable.active .docs-tooltip {
  color: #fff !important; }

.nav-tabs .dropdown .dropdown-toggle {
  width: 120px; }
  @media only screen and (max-width: 575.98px) {
    .nav-tabs .dropdown .dropdown-toggle {
      width: 100%;
      text-align: center; } }
.icon-dropdown .dropdown-toggle {
  background: transparent;
  color: #FFFFFF;
  padding: 0;
  width: auto; }
  .icon-dropdown .dropdown-toggle i {
    font-size: 16px; }
  .icon-dropdown .dropdown-toggle::after {
    display: none; }

.icon-dropdown .dropdown-item {
  line-height: 1.5; }

.dropdown-basic {
  margin-bottom: -10px; }
  .dropdown-basic .btn-group .btn-round {
    border-radius: 50px; }
  .dropdown-basic .separated-btn {
    margin-left: -6px; }
    [dir="rtl"] .dropdown-basic .separated-btn {
      margin-left: unset;
      margin-right: -6px; }
    .dropdown-basic .separated-btn .btn {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      padding: 10px; }
    .dropdown-basic .separated-btn.dropdown {
      margin-bottom: 0; }
  .dropdown-basic button {
    max-height: 43px; }
  .dropdown-basic .dropdown {
    position: relative;
    display: inline-block;
    margin-bottom: 10px; }
    .dropdown-basic .dropdown .dropbtn {
      color: white;
      padding: 12px 35px;
      border: none;
      cursor: pointer; }
    .dropdown-basic .dropdown .dropdown-content {
      display: none;
      position: absolute;
      right: 0;
      background-color: #f9f9f9;
      min-width: 175px;
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
      z-index: 1;
      left: 0;
      top: 45px; }
      .dropdown-basic .dropdown .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block; }
      .dropdown-basic .dropdown .dropdown-content .dropdown-header {
        padding: 12px 16px; }
  .dropdown-basic .dropdown-content a:hover {
    background-color: #f1f1f1; }
  .dropdown-basic .dropdown:hover .dropdown-content {
    display: block; }

.dropup-basic .dropup {
  position: relative;
  display: inline-block; }
  .dropup-basic .dropup .dropbtn {
    color: white;
    padding: 12px;
    border: none; }
  .dropup-basic .dropup .dropup-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 170px;
    bottom: 45px;
    z-index: 999;
    left: 0; }
    .dropup-basic .dropup .dropup-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block; }

.dropup-basic .dropup .dropup-content a:hover {
  background-color: #ecf3fa; }

.dropup-basic .dropup:hover .dropup-content {
  display: block; }
  .dropup-basic .dropup:hover .dropup-content a.active {
    background-color: #ecf3fa; }

.dropdown-block li .dropdown-item:hover {
  background-color: #E6E9EB; }

.dropdown-block li .helper-truncate:hover {
  background-color: unset !important; }

.dropdown-basic .dropdown .dropdown-content a:hover {
  background-color: #E6E9EB !important; }

.dropdown-menu .input-group {
  background-color: unset;
  padding: 6px 12px;
  border-top: 1px solid #efefef;
  background-color: #fff;
  opacity: 0.6; }
  .dropdown-menu .input-group:hover, .dropdown-menu .input-group:active {
    background-color: #E6E9EB; }
  .dropdown-menu .input-group .input-group-text {
    background-color: unset;
    border: none; }

.dark-form .form-label {
  color: var(--text-gray); }

.dark-form .form-control {
  border: 1px solid var(--text-gray) !important; }

.dark-form .form-check .form-check-input {
  border: 1px solid var(--text-gray); }

.dark-form .form-check .form-check-label {
  color: var(--text-gray); }

.dark-form h6 {
  color: var(--text-gray); }

.dark-form p.dropdown-item {
  padding: 7px 0 0 0;
  border-top: 1px solid var(--chart-dashed-border); }

.dark-form .helper-truncate {
  color: var(--text-gray);
  background-color: transparent; }

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 8px;
  vertical-align: 4px;
  content: '';
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-bottom: 0;
  border-left: 4px solid transparent; }
  [dir="rtl"] .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px; }

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 8px;
  content: '';
  border-top: 4px solid transparent;
  border-right: 4px solid;
  border-bottom: 4px solid transparent; }
  [dir="rtl"] .dropstart .dropdown-toggle::before {
    margin-left: 8px;
    margin-right: unset; }

.dropup .dropdown-toggle::after {
  content: '';
  display: inline-block;
  margin-left: 8px;
  vertical-align: 4px;
  border-top: 0;
  border-right: 4px solid transparent;
  border-bottom: 4px solid;
  border-left: 4px solid transparent; }
  [dir="rtl"] .dropup .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px; }

.dropend .dropdown-toggle::after {
  content: '';
  display: inline-block;
  content: '';
  border-top: 4px solid transparent;
  border-right: 0;
  border-bottom: 4px solid transparent;
  border-left: 4px solid;
  margin-left: 8px; }
  [dir="rtl"] .dropend .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px; }

.form-wrapper {
  width: 260px; }

@media (max-width: 400px) {
  .dropdown-menu .helper-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; } }

.dark-dropdown .dropdown-block li .dropdown-item:hover, .dark-dropdown .dropdown-block li .dropdown-item.active {
  background-color: #2c323f;
  color: #fff; }

btn-group .dropdown-wrapper {
  z-index: 2; }
  btn-group .dropdown-wrapper .input-group .input-group-text {
    padding: 0px 8px 0px 0px; }
    [dir="rtl"] btn-group .dropdown-wrapper .input-group .input-group-text {
      padding: 0px 0px 0px 8px; }

[dir="rtl"] .rtl-dropdown .dropdown-menu li .dropdown-item {
  text-align: right; }

[dir="rtl"] .rtl-dropdown .btn-group .dropdown-menu {
  text-align: right; }

.heading-dropdown .dropdown-menu > li:first-child > a {
  border-bottom: 4px solid var(--recent-border);
  border-top: 0;
  background-color: #d7e2e9; }

/**=====================
	2.14 Dropdown CSS Ends
==========================**/
/**=====================
  2.15 Form-builder CSS Start
==========================**/
.component {
  cursor: pointer; }
  .component label {
    padding-top: 8px; }
  .component .form-group input,
  .component .form-group textarea,
  .component .form-group select {
    border-radius: 4px; }

input {
  cursor: pointer; }

textarea {
  resize: vertical; }

.popover .controls {
  margin-left: 0; }

.popover .control-label {
  text-align: left; }

.popover form {
  width: 100%; }

.popover .fade.left.in {
  left: -215px; }

.drag form {
  padding: 10px 5px;
  border: 1px dotted #ecf3fa;
  position: absolute;
  background: #fff;
  box-shadow: 0 0 30px #ecf3fa;
  overflow: hidden; }
  .drag form input {
    border-radius: 5px; }

/**=====================
  2.15 Form-builder CSS Ends
==========================**/
/**=====================
    2.16 Form-input CSS Start
==========================**/
.icon-addon .addon-md .fa, .icon-addon .addon-md .glyphicon {
  position: absolute;
  z-index: 2;
  left: 10px;
  font-size: 14px;
  width: 20px;
  margin-left: -2.5px;
  text-align: center;
  padding: 10px 0;
  top: 1px; }

.icon-addon .glyphicon,
.icon-addon .fa {
  position: absolute;
  z-index: 2;
  left: 10px;
  font-size: 14px;
  width: 20px;
  margin-left: -2.5px;
  text-align: center;
  padding: 10px 0;
  top: 1px; }

.input-group-square .input-group-text,
.input-group-square .form-control {
  border-radius: 0px; }

.input-group-air {
  box-shadow: 0 3px 20px 0 #efefef; }

.icon-addon {
  position: relative;
  color: #4c5667;
  display: block; }
  .icon-addon:after {
    display: table;
    content: "";
    clear: both; }
  .icon-addon:before {
    display: table;
    content: ""; }
  .icon-addon .addon-md .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal; }
  .icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal; }

.input-group-wrapper .input-group {
  margin-bottom: 16px; }
  .input-group-wrapper .input-group .form-control {
    font-size: 16px; }
    .input-group-wrapper .input-group .form-control:focus {
      border-color: var(--recent-border);
      box-shadow: unset; }
  .input-group-wrapper .input-group:last-child {
    margin-bottom: 0; }

.input-group-wrapper .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.main-custom-form label {
  margin-bottom: 0; }

.main-custom-form .form-select:focus {
  box-shadow: unset;
  border-color: var(--recent-border); }

.main-custom-form .dropdown-menu {
  z-index: 3; }

.main-custom-form .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.main-custom-form .form-select,
.main-custom-form .form-control {
  font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); }

.main-custom-form .input-group-text {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); }

@media (max-width: 338px) {
  .main-custom-form .dropdown-toggle.btn {
    padding: 6px 11px; } }

.main-segment-btn .dropdown-toggle::after {
  content: '';
  margin-left: 0;
  border-top: 6px solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  vertical-align: 2px; }

.main-segment-btn .dropdown-menu {
  z-index: 3; }

#exampleDataList::-webkit-calendar-picker-indicator:hover, #exampleDataList::-webkit-calendar-picker-indicator:focus {
  display: none; }

.form-control-color {
  max-width: 70rem; }

.theme-form select.form-select option {
  padding: 8px 10px;
  border-radius: 100px; }

.input-radius .form-control:focus {
  box-shadow: unset;
  border-color: var(--recent-border); }

.input-radius .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.floating-wrapper .form-floating .form-control {
  height: 54px; }

/**=====================
    2.16 Form-input CSS Ends
	==========================**/
/**=====================
    2.17 Form-wizard CSS Start
==========================**/
/*Form Wizard One Start*/
.form-wizard .tab {
  display: none; }

.form-wizard .step {
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: var(--theme-deafult);
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5; }
  .form-wizard .step.active {
    opacity: 1; }
  .form-wizard .step.finish {
    background-color: var(--theme-secondary); }

/*Form Wizard One ends*/
/*Form Wizard Four Start*/
.wizard-4 .action-bar {
  position: absolute;
  bottom: 50px;
  right: 50px; }
  [dir="rtl"] .wizard-4 .action-bar {
    right: unset;
    left: 50px; }

.wizard-4 .action-bar .btn {
  float: right;
  margin: 0 5px;
  background-color: rgba(0, 102, 102, 0.3) !important;
  border-color: rgba(0, 102, 102, 0.3) !important;
  color: var(--theme-deafult); }

.wizard-4 .action-bar .buttonDisabled {
  color: #59667a;
  background-color: rgba(89, 102, 122, 0.05) !important;
  border: 1px solid rgba(89, 102, 122, 0.05) !important;
  cursor: text; }

.wizard-4 .step-container {
  background: #f8f9fe;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0 solid #e8ebf2;
  overflow: hidden;
  clear: right;
  width: 70%; }
  .wizard-4 .step-container div.content {
    display: block;
    position: absolute;
    float: left;
    text-align: left;
    overflow: auto;
    z-index: 1;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both; }
    [dir="rtl"] .wizard-4 .step-container div.content {
      text-align: unset;
      text-align: right; }
    .wizard-4 .step-container div.content .wizard-title {
      width: 450px;
      margin: 0 auto; }

.wizard-4 .loader {
  display: none; }

.wizard-4 .msg-box {
  position: fixed;
  display: none;
  padding: 5px 10px;
  background-color: #009999;
  top: 30px;
  border-radius: 5px;
  right: 60px;
  padding: 10px 20px; }
  .wizard-4 .msg-box .content {
    padding: 0;
    float: left;
    padding-top: 3px;
    color: #fff; }
  .wizard-4 .msg-box .close {
    color: #fff;
    margin-left: 10px;
    opacity: 1;
    font-size: 18px;
    line-height: 1.4; }
    [dir="rtl"] .wizard-4 .msg-box .close {
      margin-right: 10px;
      margin-left: unset; }

.wizard-4 ul.anchor {
  float: left;
  width: 30%;
  height: calc(100vh - 300px);
  padding: 40px 30px;
  overflow: auto; }
  .wizard-4 ul.anchor .disabled {
    opacity: 0.7;
    color: #59667a; }
    .wizard-4 ul.anchor .disabled h4 {
      background-color: rgba(89, 102, 122, 0.15); }
  .wizard-4 ul.anchor .logo {
    padding-bottom: 20px; }
  .wizard-4 ul.anchor li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    padding-bottom: 19px;
    float: left;
    clear: both;
    width: 100%;
    box-sizing: border-box;
    z-index: 0; }
    .wizard-4 ul.anchor li + li a {
      padding-left: 80px; }
      [dir="rtl"] .wizard-4 ul.anchor li + li a {
        padding-left: unset;
        padding-right: 80px; }
    .wizard-4 ul.anchor li:last-child {
      position: absolute;
      bottom: 0;
      width: auto;
      padding-bottom: 0;
      left: 9%; }
      [dir="rtl"] .wizard-4 ul.anchor li:last-child {
        left: unset;
        right: 9%; }
      .wizard-4 ul.anchor li:last-child img {
        height: 300px; }
        @media (max-width: 1199px) {
          .wizard-4 ul.anchor li:last-child img {
            height: 220px; } }
    .wizard-4 ul.anchor li h4 {
      display: inline-block;
      background-color: rgba(0, 102, 102, 0.2);
      padding: 16px 23px;
      border-radius: 100%;
      position: absolute;
      left: 0;
      top: 6px;
      width: 60px;
      display: flex;
      align-items: center;
      justify-content: center; }
      [dir="rtl"] .wizard-4 ul.anchor li h4 {
        left: unset;
        right: 0; }
    .wizard-4 ul.anchor li a {
      display: block;
      position: relative;
      float: left;
      margin: 0;
      padding: 10px 20px;
      width: 100%;
      box-sizing: border-box;
      text-decoration: none;
      outline-style: none;
      z-index: 1;
      font-size: 18px; }
      .wizard-4 ul.anchor li a small {
        display: block;
        font-size: 14px; }
      .wizard-4 ul.anchor li a .stepNumber {
        position: relative;
        float: left;
        width: 30px;
        text-align: center;
        padding: 5px;
        padding-top: 0; }
      .wizard-4 ul.anchor li a.done h4 {
        color: #fff;
        background: var(--theme-deafult); }
        .wizard-4 ul.anchor li a.done h4:before {
          font-size: 12px;
          position: absolute;
          left: 5px;
          top: -3px;
          content: "\e64c";
          font-family: 'themify';
          background-color: #fff;
          color: var(--theme-deafult);
          border-radius: 15px;
          padding: 2px;
          border: 1px solid; }
      .wizard-4 ul.anchor li a.error {
        color: #898989;
        background: #fe8a7d;
        border: 1px solid #FE6A49; }
        .wizard-4 ul.anchor li a.error:hover {
          color: #000; }

.wizard {
  max-width: 670px;
  margin: 0 auto; }
  .wizard .wizard-content {
    box-shadow: unset;
    background-color: #fff;
    border-radius: 5px; }

.vertical-main-wizard .header-vertical-wizard {
  background-color: var(--light-background);
  height: 100%;
  text-align: unset; }
  .vertical-main-wizard .header-vertical-wizard .nav-link {
    border-bottom: 1px solid var(--recent-border);
    border-radius: 0;
    padding: 20px; }
    .vertical-main-wizard .header-vertical-wizard .nav-link:last-child {
      border-bottom: 0; }

.vertical-main-wizard .nav-pills .nav-link.active {
  background-color: transparent; }

.vertical-main-wizard .nav-pills.show > .nav-link {
  background-color: transparent; }

.vertical-main-wizard .nav-link .vertical-wizard {
  display: flex;
  align-items: center;
  gap: 14px; }
  .vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard {
    width: 33px;
    height: 33px;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: relative;
    border: 1px solid #52526c; }
    .vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard i {
      margin-right: 0;
      color: #52526c; }
  .vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content h6 {
    font-weight: 400;
    line-height: 1;
    color: var(--body-font-color); }
  .vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content p {
    color: var(--text-gray); }

.vertical-main-wizard .nav-link:active, .vertical-main-wizard .nav-link.active {
  background-color: unset; }
  .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard {
    background-color: var(--theme-deafult);
    border: 1px solid var(--theme-deafult); }
    .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard i, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard i {
      color: #fff;
      font-size: 18px; }
    .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard::before, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard::before {
      content: '';
      width: 45px;
      height: 45px;
      border-radius: 50%;
      position: absolute;
      border: 1px solid #006666; }
  .vertical-main-wizard .nav-link:active .vertical-wizard .vertical-wizard-content h6, .vertical-main-wizard .nav-link.active .vertical-wizard .vertical-wizard-content h6 {
    color: var(--theme-deafult); }

.vertical-main-wizard .form-check .form-check-label {
  margin-bottom: 0; }

.vertical-main-wizard .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.basic-wizard .stepper-horizontal {
  display: flex;
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  margin-bottom: 24px; }
  .basic-wizard .stepper-horizontal .step {
    position: relative;
    padding-inline: 24px;
    z-index: 2;
    width: 100%; }
    .basic-wizard .stepper-horizontal .step:first-child {
      padding-left: 0; }
    .basic-wizard .stepper-horizontal .step:last-child {
      padding-right: 0; }
    .basic-wizard .stepper-horizontal .step:last-child .step-bar-left, .basic-wizard .stepper-horizontal .step:last-child .step-bar-right {
      display: none; }
    .basic-wizard .stepper-horizontal .step .step-circle {
      width: 32px;
      height: 32px;
      margin: 0 auto;
      border-radius: 50%;
      text-align: center;
      line-height: 28px;
      font-size: 16px;
      font-weight: 600;
      z-index: 2;
      border: 2px solid #E6E9EB;
      background: var(--white); }
    .basic-wizard .stepper-horizontal .step.done .step-circle {
      background-color: var(--white);
      border: 2px solid #52526c;
      color: #006666;
      z-index: 4;
      position: relative; }
      .basic-wizard .stepper-horizontal .step.done .step-circle:before {
        font-family: 'FontAwesome';
        font-weight: 100;
        content: "\f00c"; }
      .basic-wizard .stepper-horizontal .step.done .step-circle * {
        display: none; }
    .basic-wizard .stepper-horizontal .step.done .step-title {
      color: #52526c; }
    .basic-wizard .stepper-horizontal .step.editing .step-circle {
      background: var(--white);
      border-color: #52526c;
      color: var(--theme-deafult); }
    .basic-wizard .stepper-horizontal .step .step-title {
      margin-top: 8px;
      font-size: 16px;
      font-weight: 600;
      white-space: nowrap;
      color: var(--chart-text-color); }
    .basic-wizard .stepper-horizontal .step .step-title,
    .basic-wizard .stepper-horizontal .step .step-optional {
      text-align: center; }
    .basic-wizard .stepper-horizontal .step .step-bar-left,
    .basic-wizard .stepper-horizontal .step .step-bar-right {
      position: absolute;
      top: calc(32px - 18px);
      height: 4px;
      background-color: rgba(0, 102, 102, 0.2);
      border: solid rgba(0, 102, 102, 0.2);
      border-width: 2px 0; }
    .basic-wizard .stepper-horizontal .step .step-bar-left {
      width: 100%;
      left: 50%;
      z-index: -1; }
      [dir="rtl"] .basic-wizard .stepper-horizontal .step .step-bar-left {
        left: unset;
        right: 50%;
        margin-left: unset;
        margin-right: 1rem; }
    .basic-wizard .stepper-horizontal .step .step-bar-right {
      width: 0;
      left: 50%;
      z-index: -1;
      transition: width 500ms ease-in-out; }
      [dir="rtl"] .basic-wizard .stepper-horizontal .step .step-bar-right {
        right: 50%;
        left: unset; }
    .basic-wizard .stepper-horizontal .step.done .step-bar-right {
      background-color: var(--theme-deafult);
      border-color: var(--theme-deafult);
      z-index: 3;
      width: 100%; }

.basic-wizard form.none {
  display: none; }

.basic-wizard form.block {
  display: block; }

.basic-wizard form .form-check-label {
  margin-bottom: 0; }

.important-validation .form-label span {
  color: #FE6A49; }

.select-size.form-select {
  font-size: 14px; }

.wizard-footer button.disabled {
  background-color: #EAEBF2; }

.wizard-footer button.back {
  background-color: #FFAE1A; }

.successful-form {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding-bottom: 24px; }
  .successful-form img {
    width: 100px;
    height: 100px; }

.inquiries-form h6 {
  margin-bottom: 14px; }

.inquiries-form .choose-option {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .inquiries-form .choose-option .form-check:last-child {
    margin-bottom: 0; }

.form-completed img {
  height: 100px;
  margin: 0 auto;
  display: block; }

.form-completed h6 {
  text-align: center;
  margin-top: 24px; }

.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options {
  padding: 20px;
  background-color: var(--chart-border);
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 14px; }
  @media (max-width: 1182px) {
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options {
      justify-content: flex-start; } }
  .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a {
    display: flex;
    justify-content: center;
    align-items: center; }
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard {
      display: flex;
      justify-content: center;
      align-items: center;
      color: var(--body-font-color);
      transition: all 0.3s ease; }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard .stroke-icon-wizard i {
        font-size: 18px;
        color: var(--body-font-color); }
        [dir="rtl"] .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard .stroke-icon-wizard i {
          margin-right: unset;
          margin-left: 10px; }
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard {
      color: var(--white);
      transition: all 0.3s ease; }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .stroke-icon-wizard i, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .stroke-icon-wizard i {
        color: var(--white); }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .stroke-icon-wizard span, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .stroke-icon-wizard span {
        color: var(--white); }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .horizontal-wizard-content h6, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .horizontal-wizard-content h6 {
        color: #fff; }

.horizontal-wizard-wrapper .main-horizontal-header .form-check {
  margin-bottom: 0; }

.horizontal-wizard-wrapper .bank-search {
  margin-bottom: 22px; }
  @media (max-width: 767px) {
    .horizontal-wizard-wrapper .bank-search {
      margin-bottom: 0; } }
.horizontal-wizard-wrapper .bank-selection {
  padding: 10px 0 0 0; }
  @media (max-width: 401px) {
    .horizontal-wizard-wrapper .bank-selection .radio-wrapper {
      justify-content: center; } }
  .horizontal-wizard-wrapper .bank-selection .radio-wrapper li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; }
    .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label {
      margin-bottom: 0;
      padding: 6px; }
      .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label img {
        height: calc(45px + (52 - 45) * ((100vw - 320px) / (1920 - 320))); }
      .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label span {
        font-size: 14px; }

.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options {
  gap: 12px; }
  @media (max-width: 1400px) {
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options {
      justify-content: flex-start; } }
  .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link {
    color: var(--body-font-color); }
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard {
      gap: 10px; }
      .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard {
        width: 30px;
        height: 30px;
        background-color: rgba(0, 102, 102, 0.2);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 6px; }
        .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard i {
          margin-right: 0; }
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active {
      background-color: unset; }
      .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard {
        color: var(--body-font-color); }
        .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .horizontal-wizard-content h6, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .horizontal-wizard-content h6 {
          color: var(--theme-deafult); }
        .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .stroke-icon-wizard, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .stroke-icon-wizard {
          background-color: var(--theme-deafult); }
          .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .stroke-icon-wizard i, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .stroke-icon-wizard i {
            margin-right: 0;
            color: var(--white); }

.horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li {
  padding: 20px;
  display: grid;
  width: 100%;
  height: 100%;
  place-content: baseline;
  text-align: unset;
  align-items: unset;
  max-width: unset; }
  .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label {
    justify-content: unset;
    display: flex;
    align-items: center; }
    .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label span > span + span {
      font-size: 13px; }
      @media (max-width: 400px) {
        .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label span > span + span {
          display: none; } }
.horizontal-wizard-wrapper.vertical-options .main-horizontal-header {
  padding-bottom: 0; }
  .horizontal-wizard-wrapper.vertical-options .main-horizontal-header .horizontal-options {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px; }

.authentication-options .radio-wrapper {
  display: flex;
  gap: calc(8px + 8 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
  justify-content: center; }
  .authentication-options .radio-wrapper li {
    padding: 20px;
    display: grid;
    width: 100%;
    height: 100%;
    place-content: baseline;
    text-align: unset;
    align-items: unset;
    max-width: unset; }
    .authentication-options .radio-wrapper li .form-check-label {
      display: flex;
      align-items: center;
      text-align: left;
      gap: 14px; }
      @media (max-width: 400px) {
        .authentication-options .radio-wrapper li .form-check-label {
          align-items: baseline; } }
      .authentication-options .radio-wrapper li .form-check-label i {
        padding: 0; }
        [dir="rtl"] .authentication-options .radio-wrapper li .form-check-label i {
          padding: 0; }
      .authentication-options .radio-wrapper li .form-check-label span > span {
        font-size: 16px;
        color: #1f2533;
        font-weight: 500; }
        .authentication-options .radio-wrapper li .form-check-label span > span + span {
          color: var(--text-gray);
          font-size: 14px; }

.main-qr-code .modal-toggle-wrapper .modal-img {
  flex-direction: column;
  align-items: center;
  margin-bottom: 22px; }
  @media (max-width: 480px) {
    .main-qr-code .modal-toggle-wrapper .modal-img {
      align-items: unset; } }
  @media (max-width: 480px) {
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-img {
      text-align: center; } }
  .main-qr-code .modal-toggle-wrapper .modal-img .qr-img img {
    height: 100px;
    width: 100px; }
  .main-qr-code .modal-toggle-wrapper .modal-img .qr-content {
    margin-top: 16px; }
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert {
      align-items: unset; }
      .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert div {
        word-break: break-word; }
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-content i {
      font-size: 20px;
      margin-right: 0; }

.main-qr-code .modal-toggle-wrapper .btn {
  display: block;
  margin: auto;
  margin-top: 12px; }

.authentication-body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: auto;
  text-align: center; }
  .authentication-body img {
    height: calc(200px + (420 - 200) * ((100vw - 320px) / (1920 - 320))); }

.shopping-wizard .shipping-form .shipping-border {
  border-right: 1px solid var(--recent-dashed-border); }
  @media (max-width: 1200px) {
    .shopping-wizard .shipping-form .shipping-border {
      border-right: unset; } }
.shopping-wizard .shipping-form .shipping-options {
  display: flex;
  align-items: center;
  background-color: rgba(0, 102, 102, 0.2);
  flex-wrap: nowrap;
  margin-bottom: 18px; }
  @media (max-width: 768px) {
    .shopping-wizard .shipping-form .shipping-options {
      flex-direction: column; } }
  .shopping-wizard .shipping-form .shipping-options .nav-link {
    width: 100%; }
    @media (min-width: 1200px) and (max-width: 1920px) {
      .shopping-wizard .shipping-form .shipping-options .nav-link {
        padding: calc(8px + (8 - 8) * ((100vw - 300px) / (1920 - 300))) calc(6px + (16 - 6) * ((100vw - 300px) / (1920 - 300))); } }
    .shopping-wizard .shipping-form .shipping-options .nav-link:active i, .shopping-wizard .shipping-form .shipping-options .nav-link.active i {
      background-color: rgba(255, 255, 255, 0.3);
      color: var(--white);
      transition: all 0.3s ease-in-out; }
    .shopping-wizard .shipping-form .shipping-options .nav-link:active h6, .shopping-wizard .shipping-form .shipping-options .nav-link.active h6 {
      color: var(--white); }
  .shopping-wizard .shipping-form .shipping-options .cart-options {
    display: flex;
    align-items: center;
    gap: 11px; }
    .shopping-wizard .shipping-form .shipping-options .cart-options i {
      font-size: 18px;
      color: var(--white);
      width: 40px;
      height: 40px;
      background-color: var(--theme-deafult);
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      margin: 0;
      transition: all 0.3s ease-in-out; }
      @media (min-width: 1200px) and (max-width: 1920px) {
        .shopping-wizard .shipping-form .shipping-options .cart-options i {
          font-size: calc(14px + (18 - 14) * ((100vw - 1200px) / (1920 - 1200)));
          width: calc(30px + (40 - 30) * ((100vw - 1200px) / (1920 - 1200)));
          height: calc(30px + (40 - 30) * ((100vw - 1200px) / (1920 - 1200))); } }
    .shopping-wizard .shipping-form .shipping-options .cart-options h6 {
      color: var(--theme-deafult); }

.shopping-wizard .shipping-form .shipping-info .table thead th {
  white-space: nowrap; }
  .shopping-wizard .shipping-form .shipping-info .table thead th:last-child {
    text-align: end; }

.shopping-wizard .shipping-form .shipping-info .table tbody tr td img {
  height: 50px; }

.shopping-wizard .shipping-form .shipping-info .table tbody tr td:last-child {
  text-align: end; }

.shopping-wizard .shipping-form .shipping-info .table tbody tr td span {
  color: var(--text-gray); }

.shopping-wizard .shipping-form .shipping-info .table tbody tr:last-child td {
  border: 0; }

.shopping-wizard .shipping-form .shipping-info .table tfoot {
  font-weight: 400; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr td {
    white-space: nowrap; }
    .shopping-wizard .shipping-form .shipping-info .table tfoot tr td:first-child {
      max-width: 370px; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr td:last-child {
    min-width: 0;
    text-align: end; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr:first-child {
    font-weight: 500; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr:last-child {
    font-weight: 600; }
    .shopping-wizard .shipping-form .shipping-info .table tfoot tr:last-child td {
      border-bottom: 0; }

.shopping-wizard .shipping-form .shipping-content {
  height: 100%;
  padding: 0; }
  .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title > .btn {
      background: none !important;
      border: 0;
      padding: 0 28px; }
      .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title > .btn i {
        color: var(--theme-deafult); }
  .shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px; }
    .shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address .card-icon {
      display: flex;
      align-items: center;
      gap: 12px; }
      .shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address .card-icon i {
        font-size: 16px;
        color: var(--theme-deafult); }
  .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-address {
    display: flex;
    flex-direction: column;
    gap: 8px; }
    .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-address h6 {
      font-size: 15px;
      font-weight: 500; }
  .shopping-wizard .shipping-form .shipping-content > .active.finish-wizard1 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 55px - 18px); }
    @media (max-width: 768px) {
      .shopping-wizard .shipping-form .shipping-content > .active.finish-wizard1 {
        height: unset; } }
.shopping-wizard .shipping-form .shipping-method p {
  padding-left: 25px;
  color: var(--text-gray); }
  [dir="rtl"] .shopping-wizard .shipping-form .shipping-method p {
    padding-right: 25px;
    padding-left: unset; }

.shopping-wizard .shipping-form .proceed-next {
  transform: scaleX(-1); }

.shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 768px) {
    .shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper {
      justify-content: unset;
      align-items: flex-start;
      flex-direction: column; } }
  .shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper img {
    height: 50px; }

.shopping-wizard .shipping-form .payment-info-wrapper .pay-info {
  display: block; }
  .shopping-wizard .shipping-form .payment-info-wrapper .pay-info > div {
    margin-bottom: 12px;
    display: flex;
    align-items: center; }
    @media (max-width: 768px) {
      .shopping-wizard .shipping-form .payment-info-wrapper .pay-info > div {
        flex-direction: column;
        align-items: flex-start; } }
.shopping-wizard .shipping-form .order-confirm {
  text-align: center; }
  @media (max-width: 1200px) {
    .shopping-wizard .shipping-form .order-confirm {
      margin-bottom: 18px; } }
  .shopping-wizard .shipping-form .order-confirm img {
    height: calc(95px + (140 - 95) * ((100vw - 320px) / (1920 - 320))); }

.avatar-upload {
  flex-direction: column; }
  .avatar-upload div:first-child {
    position: relative;
    max-width: 205px;
    margin: auto; }
    .avatar-upload div:first-child .avatar-edit {
      position: absolute;
      right: 25px;
      z-index: 1;
      top: 4px; }
      .avatar-upload div:first-child .avatar-edit input {
        display: none; }
      .avatar-upload div:first-child .avatar-edit label {
        display: inline-block;
        width: 35px;
        height: 35px;
        margin-bottom: 0;
        border-radius: 100%;
        background: var(--light-bg);
        border: 1px solid transparent;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
        cursor: pointer;
        font-weight: normal;
        transition: all 0.2s ease-in-out; }
        .avatar-upload div:first-child .avatar-edit label::after {
          content: "\f040";
          font-family: 'FontAwesome';
          color: var(--body-font-color);
          position: absolute;
          top: 8px;
          left: 3px;
          right: 0;
          text-align: center;
          margin: auto; }
          [dir="rtl"] .avatar-upload div:first-child .avatar-edit label::after {
            right: 3px;
            left: 0; }
    .avatar-upload div:first-child .avatar-preview {
      width: 150px;
      height: 150px;
      position: relative;
      border-radius: 100%;
      border: 6px solid #F8F8F8;
      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
      margin: auto; }
      .avatar-upload div:first-child .avatar-preview > div {
        background-image: url(/../images/forms/user.png);
        width: 100%;
        height: 100%;
        border-radius: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }
  .avatar-upload h6 {
    text-align: center;
    padding-top: 14px; }

.email-verify .card-wrapper {
  display: grid;
  place-content: center; }
  .email-verify .card-wrapper > div {
    align-items: center; }
  .email-verify .card-wrapper .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.authenticate {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .authenticate span:nth-of-type(1) {
    margin-top: 12px; }
  .authenticate h4 {
    margin-bottom: 12px; }
  .authenticate img {
    height: calc(145px + (200 - 145) * ((100vw - 320px) / (1920 - 320))); }
  .authenticate form {
    flex-direction: column;
    text-align: center; }
    .authenticate form .otp-generate {
      display: flex;
      gap: 12px;
      margin: 14px 0;
      justify-content: center; }
    .authenticate form .form-control {
      width: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
      height: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
      border-radius: 5px;
      text-align: center;
      padding: 0;
      display: block;
      min-width: 0; }
    .authenticate form div {
      display: inline-grid;
      gap: 2px;
      margin-top: 12px; }

.accordion .accordion-item .accordion-body .choose-bank .form-check .form-check-label {
  color: var(--body-font-color); }

/*Form Wizard Four Ends*/
/**=====================
   2.17 Form-wizard CSS Ends
==========================**/
/**=====================
  2.18 Forms CSS Start
==========================**/
.form-label {
  margin-bottom: 4px; }

.col-form-label {
  padding-bottom: 4px; }

.form-space {
  margin-bottom: -10px; }
  .form-space > div {
    margin-bottom: 10px; }

.theme-form .form-control :focus {
  box-shadow: 0 0 0 0.2rem rgba(171, 140, 228, 0.05); }

.theme-form textarea {
  border-color: #efefef; }
  .theme-form textarea::-webkit-input-placeholder {
    color: #898989;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 100; }

.theme-form input[type=text],
.theme-form input[type=email],
.theme-form input[type=search],
.theme-form input[type=password],
.theme-form input[type=number],
.theme-form input[type=tel],
.theme-form input[type=date],
.theme-form input[type=datetime-local],
.theme-form input[type=time],
.theme-form input[type=datetime-local],
.theme-form input[type=month],
.theme-form input[type=week],
.theme-form input[type=url],
.theme-form input[type=file],
.theme-form textarea,
.theme-form select {
  border-color: #E6E9EB;
  background-color: #fff;
  font-size: 14px;
  color: #898989;
  padding: 10px;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .theme-form input[type=text]::placeholder,
  .theme-form input[type=email]::placeholder,
  .theme-form input[type=search]::placeholder,
  .theme-form input[type=password]::placeholder,
  .theme-form input[type=number]::placeholder,
  .theme-form input[type=tel]::placeholder,
  .theme-form input[type=date]::placeholder,
  .theme-form input[type=datetime-local]::placeholder,
  .theme-form input[type=time]::placeholder,
  .theme-form input[type=datetime-local]::placeholder,
  .theme-form input[type=month]::placeholder,
  .theme-form input[type=week]::placeholder,
  .theme-form input[type=url]::placeholder,
  .theme-form input[type=file]::placeholder,
  .theme-form textarea::placeholder,
  .theme-form select::placeholder {
    color: #898989;
    font-weight: 500; }
  .theme-form input[type=text]::-webkit-input-placeholder,
  .theme-form input[type=email]::-webkit-input-placeholder,
  .theme-form input[type=search]::-webkit-input-placeholder,
  .theme-form input[type=password]::-webkit-input-placeholder,
  .theme-form input[type=number]::-webkit-input-placeholder,
  .theme-form input[type=tel]::-webkit-input-placeholder,
  .theme-form input[type=date]::-webkit-input-placeholder,
  .theme-form input[type=datetime-local]::-webkit-input-placeholder,
  .theme-form input[type=time]::-webkit-input-placeholder,
  .theme-form input[type=datetime-local]::-webkit-input-placeholder,
  .theme-form input[type=month]::-webkit-input-placeholder,
  .theme-form input[type=week]::-webkit-input-placeholder,
  .theme-form input[type=url]::-webkit-input-placeholder,
  .theme-form input[type=file]::-webkit-input-placeholder,
  .theme-form textarea::-webkit-input-placeholder,
  .theme-form select::-webkit-input-placeholder {
    color: #86909C;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 100; }

.theme-form input[type=text]::placeholder {
  color: #86909C;
  font-size: 14px; }

.theme-form input[type=file] {
  height: auto; }

.theme-form select.form-control:not([size]):not([multiple]) {
  border-color: #efefef;
  font-size: 14px; }

.theme-form .checkbox label {
  padding-left: 10px; }
  [dir="rtl"] .theme-form .checkbox label {
    padding-right: 10px;
    padding-left: unset; }

.theme-form .form-divider {
  position: relative;
  clear: both;
  height: 0;
  margin: 30px 0;
  border-top: 1px solid #efefef; }
  .theme-form .form-divider:before {
    position: absolute;
    top: -11px;
    left: 40%;
    margin-left: -10px;
    padding: 0 5px;
    content: "Or Signup With";
    color: #242934;
    background: #fff; }
    [dir="rtl"] .theme-form .form-divider:before {
      left: unset;
      right: 40%;
      margin-left: unset;
      margin-right: -10px; }

.theme-form .login-divider {
  position: relative;
  clear: both;
  height: 0;
  margin: 30px 0;
  border-top: 1px solid #efefef; }
  .theme-form .login-divider:before {
    position: absolute;
    top: -11px;
    left: 40%;
    margin-left: -10px;
    padding: 0 5px;
    color: #242934;
    background: #fff;
    content: "Or Login With"; }
    [dir="rtl"] .theme-form .login-divider:before {
      left: unset;
      right: 40%;
      margin-left: unset;
      margin-right: -10px; }

.theme-form .btn-fb,
.theme-form .btn-twitter,
.theme-form .btn-google,
.theme-form .btn-linkedin {
  color: #fff;
  width: 100%; }

.theme-form .btn-fb {
  background-color: #50598e; }

.theme-form .btn-twitter {
  background-color: #6fa2d8; }

.theme-form .btn-google {
  background-color: #c64e40; }

.theme-form .btn-linkedin {
  background-color: #0077B5; }

.form-inline {
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0; }
  .form-inline .col-form-label {
    margin-right: 5px; }
    [dir="rtl"] .form-inline .col-form-label {
      margin-left: 5px;
      margin-right: unset; }

.search-form .form-group:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 25px;
  background: #e8ebf2;
  left: 82px;
  top: 50px; }
  [dir="rtl"] .search-form .form-group:before {
    left: unset;
    right: 82px; }

.search-form .form-group:after {
  position: absolute;
  content: "\f002";
  font-family: "FontAwesome";
  top: 53px;
  left: 53px;
  color: #8e8e8e; }
  [dir="rtl"] .search-form .form-group:after {
    left: unset;
    right: 53px; }

.search-form input {
  border: 1px solid #efefef;
  padding: 10px 10px 10px 70px;
  border-radius: 10px;
  background-color: rgba(230, 233, 235, 0.3); }
  [dir="rtl"] .search-form input {
    padding: 10px 70px 10px 10px; }
  .search-form input:focus {
    outline: none !important; }

.form-label-align-right label {
  text-align: right;
  padding-top: 17px;
  font-weight: 500; }

.custom-input.was-validated .form-control:valid,
.custom-input.was-validated .form-select:valid {
  border-color: #00AC46; }

.custom-input.was-validated .form-control:invalid,
.custom-input.was-validated .form-select:invalid {
  border-color: #FE6A49; }

.custom-input .valid-tooltip {
  background-color: #00AC46; }

.custom-input .invalid-tooltip {
  background-color: rgba(254, 106, 73, 0.8); }

.custom-input .invalid-feedback {
  color: #FE6A49 !important; }

.custom-input .form-check .form-check-input:valid {
  border-color: #00AC46; }

.custom-input .form-check .form-check-input:invalid {
  border-color: #FE6A49; }

.custom-input .form-check .form-check-input:invalid ~ .form-check-label {
  color: #FE6A49; }

.custom-input .form-check .form-check-input:valid ~ .form-check-label {
  color: #00AC46; }

.custom-input .form-check .form-check-input:checked {
  background-color: #00AC46; }

.custom-input .form-check .invalid-feedback {
  color: #FE6A49; }

.custom-input #validationCustom03.form-control,
.custom-input #validationCustom03 .form-select,
.custom-input #validationCustom05.form-control,
.custom-input #validationCustom05 .form-select,
.custom-input #validationCustomUsername.form-control,
.custom-input #validationCustomUsername .form-select {
  border-color: #E6E9EB; }

.custom-input #validationCustom03.was-validated .form-control:valid,
.custom-input #validationCustom03.was-validated .form-select:valid,
.custom-input #validationCustom05.was-validated .form-control:valid,
.custom-input #validationCustom05.was-validated .form-select:valid,
.custom-input #validationCustomUsername.was-validated .form-control:valid,
.custom-input #validationCustomUsername.was-validated .form-select:valid {
  border-color: #00AC46 !important; }

.custom-input #validationCustom03.was-validated .form-control:invalid,
.custom-input #validationCustom03.was-validated .form-select:invalid,
.custom-input #validationCustom05.was-validated .form-control:invalid,
.custom-input #validationCustom05.was-validated .form-select:invalid,
.custom-input #validationCustomUsername.was-validated .form-control:invalid,
.custom-input #validationCustomUsername.was-validated .form-select:invalid {
  border-color: #FE6A49 !important; }

[dir="rtl"] .custom-input .form-check.form-switch .form-check-input {
  margin-left: 7px; }

.form-check-reverse {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding: 0; }
  .form-check-reverse .form-check-input {
    float: left;
    margin-right: 0;
    margin-left: 10px; }

.checkbox-checked.card-wrapper h6.sub-title {
  font-weight: 600;
  font-size: 17px; }

.checkbox-checked .form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-checked .form-check-input:focus {
  border-color: #006666;
  box-shadow: 0 0 0 4px rgba(0, 102, 102, 0.25); }

.checkbox-checked .card-wrapper .form-check:last-child {
  min-height: 0;
  margin-bottom: 0; }
  .checkbox-checked .card-wrapper .form-check:last-child label {
    margin-bottom: 0; }

.form-check-size {
  display: flex;
  gap: 22px;
  align-items: center;
  flex-wrap: wrap; }
  .form-check-size .form-check-inline {
    margin: 0;
    min-height: 0; }
    [dir="rtl"] .form-check-size .form-check-inline {
      margin: 0; }
    .form-check-size .form-check-inline .form-check-input {
      width: 18px;
      height: 18px;
      margin-top: 0; }
    .form-check-size .form-check-inline .check-size {
      width: 36px;
      height: 18px;
      margin-top: 0; }
    .form-check-size .form-check-inline label {
      margin: 0; }

.main-img-checkbox .img-checkbox {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }
  .main-img-checkbox .img-checkbox .main-img-cover {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 24px;
    height: 24px; }
    [dir="rtl"] .main-img-checkbox .img-checkbox .main-img-cover {
      left: unset;
      right: 15px; }
  .main-img-checkbox .img-checkbox .form-check-label {
    width: 100%; }
  .main-img-checkbox .img-checkbox img {
    width: 100%;
    height: 220px;
    object-fit: cover; }

.main-icon-checkbox.checkbox label {
  margin-top: 0; }
  .main-icon-checkbox.checkbox label::before {
    content: '';
    width: 100%;
    height: 100%;
    margin-left: 1px;
    background-color: transparent;
    top: 0;
    display: block; }
    [dir="rtl"] .main-icon-checkbox.checkbox label::before {
      margin-left: unset;
      margin-right: 1px; }

.main-icon-checkbox.checkbox-primary input[type=checkbox]:checked + label::before {
  color: transparent;
  border: 2px solid #006666; }

.main-icon-checkbox.checkbox-primary input[type=checkbox] {
  opacity: 1; }

.main-icon-checkbox.checkbox-primary .form-check-input {
  border: 1px solid #E6E9EB; }
  .main-icon-checkbox.checkbox-primary .form-check-input.checkbox-shadow:focus {
    box-shadow: none; }
  .main-icon-checkbox.checkbox-primary .form-check-input[type=checkbox]:checked {
    background-image: none; }

.main-radio-toggle .btn,
.main-checkbox-toggle .btn {
  margin-bottom: 0; }

.radio-wrapper,
.checkbox-wrapper {
  display: flex;
  gap: calc(8px + (16 - 8) * ((100vw - 320px) / (1920 - 320)));
  flex-wrap: wrap;
  justify-content: center; }
  @media (max-width: 1200px) {
    .radio-wrapper,
    .checkbox-wrapper {
      justify-content: unset; } }
  .radio-wrapper li,
  .checkbox-wrapper li {
    position: relative;
    width: 100%;
    padding: 12px;
    border: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 130px; }
    @media (max-width: 1335px) {
      .radio-wrapper li,
      .checkbox-wrapper li {
        max-width: 113px; } }
    @media (max-width: 1232px) {
      .radio-wrapper li,
      .checkbox-wrapper li {
        padding: 10px;
        max-width: 105px; } }
    .radio-wrapper li .form-check-input,
    .checkbox-wrapper li .form-check-input {
      position: absolute;
      width: 100%;
      height: 100%;
      float: none;
      margin: 0;
      top: 0;
      left: 0;
      opacity: 1;
      border-radius: 0;
      background-color: transparent;
      border: 1px solid #E6E9EB; }
      .radio-wrapper li .form-check-input:focus,
      .checkbox-wrapper li .form-check-input:focus {
        box-shadow: none; }
      .radio-wrapper li .form-check-input[type=radio],
      .checkbox-wrapper li .form-check-input[type=radio] {
        opacity: 1; }
      .radio-wrapper li .form-check-input:checked,
      .checkbox-wrapper li .form-check-input:checked {
        border: 2px solid #006666;
        background-color: transparent; }
        .radio-wrapper li .form-check-input[type=radio]:checked,
        .checkbox-wrapper li .form-check-input[type=radio]:checked {
          background-image: none;
          box-shadow: unset; }
    .radio-wrapper li .form-check-label,
    .checkbox-wrapper li .form-check-label {
      position: unset;
      padding: 0;
      margin-bottom: 0; }
      .radio-wrapper li .form-check-label:after,
      .checkbox-wrapper li .form-check-label:after {
        content: none; }
      .radio-wrapper li .form-check-label::before,
      .checkbox-wrapper li .form-check-label::before {
        content: none; }
      .radio-wrapper li .form-check-label i,
      .checkbox-wrapper li .form-check-label i {
        font-size: 18px;
        padding-right: 8px; }
        [dir="rtl"] .radio-wrapper li .form-check-label i, [dir="rtl"] .checkbox-wrapper li .form-check-label i {
          padding-right: 0;
          padding-left: 8px; }
      .radio-wrapper li .form-check-label span,
      .checkbox-wrapper li .form-check-label span {
        font-size: 16px; }

[dir="rtl"] .rtl-input .form-check.form-check-inline {
  padding: 0; }

[dir="rtl"] .rtl-input .form-check.form-switch {
  padding-right: 40px; }

[dir="rtl"] .rtl-input .form-check.form-switch .form-check-input {
  margin-left: unset;
  margin-right: -40px;
  float: right; }

.radio-form {
  display: flex;
  gap: 18px;
  flex-wrap: wrap; }
  .radio-form .form-check {
    min-height: 0;
    margin-bottom: 0; }
    .radio-form .form-check .form-check-label {
      margin-bottom: 0; }

.basic-form {
  position: relative; }
  .basic-form svg {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%); }
    [dir="rtl"] .basic-form svg {
      right: 0;
      left: 12px; }
    .basic-form svg.stroke-icon {
      width: 25px;
      height: 25px;
      stroke: #2c323f;
      position: absolute;
      top: 50%;
      right: 12px;
      transform: translateY(-50%); }
      [dir="rtl"] .basic-form svg.stroke-icon {
        right: unset;
        left: 12px; }

.form-check {
  margin-bottom: 0; }

.theme-form .custom-input .row .col .row:last-child label {
  margin: 0; }

.theme-form.dark-inputs input::file-selector-button {
  border-radius: 30px; }

[dir="rtl"] .theme-form .form-floating > label {
  left: unset;
  right: 0; }

/**=====================
  2.18 Forms CSS Ends
==========================**/
/**=====================
	2.19 Icons CSS Start
==========================**/
.icon-lists div {
  cursor: pointer;
  line-height: 60px;
  white-space: nowrap;
  border-radius: 4px;
  display: flex;
  align-items: center; }
  .icon-lists div:hover {
    background-color: var(--light-background); }
  .icon-lists div i {
    margin: 0 15px 0 10px;
    font-size: 24px; }

.icon-lists.whether-icon svg {
  height: 50px;
  width: 50px; }

.icon-lists.feather-icons .media svg {
  margin: 0 15px 0 10px; }

.icon-lists .feather-icon .icon-first h6 {
  display: none; }

.flag-icons,
.feather-icons {
  margin-bottom: -15px;
  margin-top: -15px; }
  .flag-icons div,
  .feather-icons div {
    line-height: 1;
    word-wrap: break-word;
    overflow: auto; }
    .flag-icons div .flag-icon,
    .feather-icons div .flag-icon {
      height: 50px;
      width: 50px; }
    .flag-icons div .media,
    .feather-icons div .media {
      padding-top: 15px;
      padding-bottom: 15px;
      width: 100%; }
    .flag-icons div .media-body h6,
    .feather-icons div .media-body h6 {
      margin-bottom: 0;
      font-size: 14px;
      font-weight: 400;
      max-width: 100%;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .flag-icons div .media-body h5,
    .feather-icons div .media-body h5 {
      background-color: var(--theme-deafult);
      display: inline-block;
      padding: 3px 5px;
      font-size: 11px;
      border-radius: 3px;
      margin-bottom: 5px;
      margin-right: 5px;
      color: #fff; }
      [dir="rtl"] .flag-icons div .media-body h5, [dir="rtl"] .feather-icons div .media-body h5 {
        margin-left: 5px;
        margin-right: unset; }

.icon-hover-bottom {
  background-color: #fdfeff;
  width: 100%;
  bottom: 0;
  left: 0;
  box-shadow: 0px 0px 1px 1px #E6E9EB;
  z-index: 999; }
  .icon-hover-bottom .icon-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 20px; }
    .icon-hover-bottom .icon-popup .close-icon {
      position: absolute;
      right: 10px;
      top: 10px;
      font-size: 20px;
      color: #E6E9EB;
      cursor: pointer; }
      [dir="rtl"] .icon-hover-bottom .icon-popup .close-icon {
        right: unset;
        left: 10px; }
    .icon-hover-bottom .icon-popup > div {
      display: inline-block; }
      .icon-hover-bottom .icon-popup > div .flag-icon {
        width: 60px;
        height: 60px; }
    .icon-hover-bottom .icon-popup .icon-class {
      margin: 0 20px;
      cursor: pointer; }
    .icon-hover-bottom .icon-popup .icon-last .form-inline .form-group {
      display: initial; }
  .icon-hover-bottom .icon-title {
    display: block;
    color: #2c323f;
    text-transform: uppercase;
    font-weight: 500; }
  .icon-hover-bottom span,
  .icon-hover-bottom label,
  .icon-hover-bottom .btn {
    font-family: "Montserrat", sans-serif; }
  .icon-hover-bottom .form-group input {
    display: inline-block;
    width: 300px;
    background-color: #fff;
    font-family: "Montserrat", sans-serif; }

.fa-fa-icon-show-div,
.icons-show-div {
  display: none; }

.icon-first i {
  color: #898989; }

.icon-first h6 {
  display: none; }

/**=====================
    2.19 Icons CSS Ends
==========================**/
/**=====================
   2.20 List CSS Start
==========================**/
.list-group-item.active {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }

.list-group i {
  margin-right: 10px; }

.list-group img {
  height: 40px;
  width: 40px;
  margin-right: 10px; }

.list-light-primary {
  background-color: rgba(0, 102, 102, 0.2); }
  .list-light-primary:hover, .list-light-primary:active, .list-light-primary.active, .list-light-primary:focus {
    border: none;
    outline: unset;
    background-color: rgba(0, 102, 102, 0.2) !important; }

.list-hover-primary {
  background-color: unset; }
  .list-hover-primary:hover, .list-hover-primary:active, .list-hover-primary.active, .list-hover-primary:focus {
    background-color: rgba(0, 102, 102, 0.2);
    color: #2c323f;
    z-index: 0; }

.list-light-secondary {
  background-color: rgba(254, 106, 73, 0.3); }
  .list-light-secondary:hover, .list-light-secondary:active, .list-light-secondary.active, .list-light-secondary:focus {
    border: none;
    outline: unset;
    background-color: rgba(254, 106, 73, 0.3) !important; }

.list-hover-secondary {
  background-color: unset; }
  .list-hover-secondary:hover, .list-hover-secondary:active, .list-hover-secondary.active, .list-hover-secondary:focus {
    background-color: rgba(254, 106, 73, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-success {
  background-color: rgba(0, 172, 70, 0.3); }
  .list-light-success:hover, .list-light-success:active, .list-light-success.active, .list-light-success:focus {
    border: none;
    outline: unset;
    background-color: rgba(0, 172, 70, 0.3) !important; }

.list-hover-success {
  background-color: unset; }
  .list-hover-success:hover, .list-hover-success:active, .list-hover-success.active, .list-hover-success:focus {
    background-color: rgba(0, 172, 70, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-warning {
  background-color: rgba(255, 174, 26, 0.3); }
  .list-light-warning:hover, .list-light-warning:active, .list-light-warning.active, .list-light-warning:focus {
    border: none;
    outline: unset;
    background-color: rgba(255, 174, 26, 0.3) !important; }

.list-hover-warning {
  background-color: unset; }
  .list-hover-warning:hover, .list-hover-warning:active, .list-hover-warning.active, .list-hover-warning:focus {
    background-color: rgba(255, 174, 26, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-info {
  background-color: rgba(23, 56, 120, 0.3); }
  .list-light-info:hover, .list-light-info:active, .list-light-info.active, .list-light-info:focus {
    border: none;
    outline: unset;
    background-color: rgba(23, 56, 120, 0.3) !important; }

.list-hover-info {
  background-color: unset; }
  .list-hover-info:hover, .list-hover-info:active, .list-hover-info.active, .list-hover-info:focus {
    background-color: rgba(23, 56, 120, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-light {
  background-color: #F9F9FB; }
  .list-light-light:hover, .list-light-light:active, .list-light-light.active, .list-light-light:focus {
    border: none;
    outline: unset;
    background-color: #F9F9FB !important; }

.list-hover-light {
  background-color: unset; }
  .list-hover-light:hover, .list-hover-light:active, .list-hover-light.active, .list-hover-light:focus {
    background-color: #F9F9FB;
    color: #2c323f;
    z-index: 0; }

.list-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }
  .list-light-danger:hover, .list-light-danger:active, .list-light-danger.active, .list-light-danger:focus {
    border: none;
    outline: unset;
    background-color: rgba(254, 106, 73, 0.3) !important; }

.list-hover-danger {
  background-color: unset; }
  .list-hover-danger:hover, .list-hover-danger:active, .list-hover-danger.active, .list-hover-danger:focus {
    background-color: rgba(254, 106, 73, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-dark {
  background-color: #EAEBF2; }
  .list-light-dark:hover, .list-light-dark:active, .list-light-dark.active, .list-light-dark:focus {
    border: none;
    outline: unset;
    background-color: #EAEBF2 !important; }

.list-hover-dark {
  background-color: unset; }
  .list-hover-dark:hover, .list-hover-dark:active, .list-hover-dark.active, .list-hover-dark:focus {
    background-color: #EAEBF2;
    color: #2c323f;
    z-index: 0; }

.horizontal-list-wrapper .list-group .list-group-item {
  padding: 8px; }

.list-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap; }
  @media (max-width: 414px) {
    .list-wrapper {
      flex-wrap: unset;
      word-break: break-word; } }
  @media (max-width: 366px) {
    .list-wrapper {
      padding-bottom: 8px; } }
  .list-wrapper .list-img {
    width: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));
    height: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 10px;
    border-radius: 50%; }
  .list-wrapper .list-content p {
    margin-bottom: 0; }

.scrollbar-wrapper {
  max-height: 270px;
  overflow: auto; }

@media (max-width: 480px) {
  .main-lists-content small {
    display: none; } }

@media (max-width: 1199px) {
  .list-behavior-1 {
    gap: 12px; } }

@media (max-width: 575px) {
  .list-behavior-1:first-child {
    margin-bottom: 14px; } }

@media (max-width: 1999px) {
  .list-behavior-1 img {
    height: 86px; } }

@media (max-width: 992px) {
  .list-behavior-1 img {
    height: 70px; } }

.list-behavior-1 .flex-grow-1 {
  margin-left: 16px; }
  @media (max-width: 1199px) {
    .list-behavior-1 .flex-grow-1 {
      margin-left: 0; }
      .list-behavior-1 .flex-grow-1 p {
        display: block;
        display: -webkit-box;
        max-width: 100%;
        margin: 0 auto;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; } }
  [dir="rtl"] .list-behavior-1 .flex-grow-1 {
    margin-right: 16px;
    margin-left: unset; }

.list-behaviors > div:nth-child(even) .flex-grow-1 {
  order: -1;
  margin-left: unset;
  margin-right: 16px; }
  @media (max-width: 1199px) {
    .list-behaviors > div:nth-child(even) .flex-grow-1 {
      margin-left: 0;
      margin-right: 0;
      order: unset; } }
.list-group .list-group-item {
  padding: 11px 16px; }
  .list-group .list-group-item .form-check-input:focus {
    box-shadow: unset !important; }
  [dir="rtl"] .list-group .list-group-item i {
    margin-left: 10px;
    margin-right: unset; }

@media (max-width: 1216px) {
  .contact-profile {
    background-color: unset; }
    .contact-profile.list-light-dark:hover {
      background-color: unset; } }

.badge-list .list-group-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap; }
  .badge-list .list-group-item div {
    margin-right: auto;
    margin-left: 8px; }
    [dir="rtl"] .badge-list .list-group-item div {
      margin-left: auto;
      margin-right: 8px; }

/**=====================
   2.20 List CSS Ends
==========================**/
/**=====================
    2.21 Loader CSS Start
==========================**/
.loader-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  background-color: #fff;
  z-index: 11;
  top: 0; }
  .loader-wrapper .loader4 {
    position: relative;
    color: var(--theme-deafult);
    font-size: 50px;
    text-indent: -9999em;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    transform: translateZ(0);
    animation: loader4 1.7s infinite ease,  loader4Round 1.7s infinite ease;
    overflow: hidden; }

@keyframes loader4 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } }

@keyframes loader4Round {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/**=====================
    2.21 Loader CSS Ends
==========================**/
/**=====================
    2.22 Modal CSS start
==========================**/
.modal-toggle-wrapper .form-control::placeholder {
  font-size: 13px; }

.modal-toggle-wrapper .modal-img {
  display: flex;
  justify-content: center; }
  .modal-toggle-wrapper .modal-img img {
    width: 200px;
    height: 200px; }
    @media (max-width: 992px) {
      .modal-toggle-wrapper .modal-img img {
        width: calc(136px + (200 - 136) * ((100vw - 320px) / (992 - 320)));
        height: calc(136px + (200 - 136) * ((100vw - 320px) / (992 - 320))); } }
  .modal-toggle-wrapper .modal-img li img {
    width: 100px;
    height: 100px; }
    @media (max-width: 992px) {
      .modal-toggle-wrapper .modal-img li img {
        width: calc(75px + (100 - 75) * ((100vw - 320px) / (992 - 320)));
        height: calc(75px + (100 - 75) * ((100vw - 320px) / (992 - 320))); } }
  .modal-toggle-wrapper .modal-img li + li {
    margin-left: -39px; }

.modal-toggle-wrapper button svg {
  width: 16px;
  height: 16px; }

.large-modal-header,
.large-modal-body {
  display: flex;
  align-items: center;
  color: #2c323f; }
  .large-modal-header svg,
  .large-modal-body svg {
    width: 20px;
    height: 20px; }

.modal-padding-space {
  padding-left: 20px; }

.svg-modal {
  width: 15px;
  height: 15px;
  stroke: #FE6A49;
  vertical-align: middle; }

.card-wrapper .modal-heading h5 {
  font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1400 - 320))); }

@media (min-width: 750px) and (max-width: 1200px) {
  .card-wrapper .balance-modal {
    display: flex;
    flex-direction: column; } }

.modal-footer .btn {
  margin: 0 4px; }

.modal-content .modal-header .btn-close:focus {
  box-shadow: unset; }

.modal-details h6 {
  padding-bottom: 12px; }

.modal-details .web-content {
  margin-bottom: 16px; }
  .modal-details .web-content .d-flex p {
    padding-bottom: 8px; }
  .modal-details .web-content .d-flex:last-child p {
    padding-bottom: 0; }
  .modal-details .web-content:last-child {
    margin-bottom: 0; }

/**=====================
    2.22 Modal CSS end
==========================**/
/**=====================
  2.23 Popover CSS Start
==========================**/
.popover-header {
  background-color: #2c323f;
  color: #fff; }

.popover-main .btn-showcase a {
  color: #fff; }

.popover-main .btn-showcase button:last-child {
  margin-right: 0; }

/**=====================
  2.23 Popover CSS Ends
==========================**/
/**=====================
  2.24 Print CSS Start
==========================**/
@media print {
  .sidebar-wrapper,
  .page-header {
    display: none; }
  .page-body {
    margin: 0 !important; }
  .page-wrapper .page-title {
    visibility: hidden; }
  .page-wrapper .page-body-wrapper .page-title {
    display: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin: 0; }
  .customizer-links {
    display: none; }
  table.fixedHeader-floating {
    display: none; }
  .email-left-aside {
    display: none; }
  .footer {
    display: none; } }

.invoice-table {
  margin-top: 16px;
  margin-bottom: 16px; }

.invoice .text-right input {
  margin-top: 6px; }

.invoice .media {
  align-items: center; }

/**=====================
  2.24 Print CSS Ends
==========================**/
/**=====================
    2.25 Radio CSS Start
==========================**/
.animate-chk label {
  line-height: 1.6;
  cursor: pointer; }
  .animate-chk label:last-child {
    margin-bottom: 0; }

.checkbox_animated {
  cursor: pointer;
  position: relative;
  margin: 0 1rem 0 0; }
  .checkbox_animated:before {
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: rotate(-45deg) scale(0, 0);
    content: "";
    position: absolute;
    left: 0.25rem;
    top: 0.225rem;
    z-index: 1;
    width: 0.75rem;
    height: 0.375rem;
    border: 2px solid var(--theme-deafult);
    border-top-style: none;
    border-right-style: none; }
  .checkbox_animated:after {
    content: "";
    position: absolute;
    top: -0.125rem;
    left: 0;
    width: 1.3rem;
    height: 1.3rem;
    background: #fff;
    border: 2px solid #ecf3fa;
    cursor: pointer; }
  .checkbox_animated:checked:before {
    transform: rotate(-45deg) scale(1, 1); }

.radio_animated {
  position: relative;
  margin: 0 1rem 0 0;
  cursor: pointer; }
  .radio_animated:before {
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: scale(0, 0);
    content: "";
    position: absolute;
    top: 0;
    left: 0.125rem;
    z-index: 1;
    width: 0.75rem;
    height: 0.75rem;
    background: var(--theme-deafult);
    border-radius: 50%; }
  .radio_animated:after {
    content: "";
    position: absolute;
    top: -0.25rem;
    left: -0.125rem;
    width: 1.25rem;
    height: 1.25rem;
    background: #fff;
    border: 2px solid #ecf3fa;
    border-radius: 50%; }
  .radio_animated:checked:before {
    transform: scale(1, 1); }

.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 16px;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 10px; }
  .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    margin-left: -16px;
    border: 1px solid #efefef;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
  .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #242934; }

.checkbox input[type="checkbox"] {
  opacity: 0; }
  .checkbox input[type="checkbox"]:focus {
    outline-offset: -2px; }
    .checkbox input[type="checkbox"]:focus + label::before {
      outline-offset: -2px; }

.checkbox input[type="checkbox"]:checked + label::before {
  font-family: themify;
  content: "\e64c";
  text-align: center;
  line-height: 1.2; }

.checkbox input[type="checkbox"]:disabled + label {
  opacity: 0.65; }
  .checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #E6E9EB;
    cursor: not-allowed; }

.checkbox .checkbox-circle label::before {
  border-radius: 50%; }

.checkbox .checkbox-inline {
  margin-top: 0; }

.m-squar label::before {
  border-radius: 0; }

.m-squar .checkbox-circle label::before {
  border-radius: 50%; }

.m-squar .checkbox-inline {
  margin-top: 0; }

.checkbox-primary label::before {
  border-color: var(--theme-deafult); }

.checkbox-primary input[type="checkbox"]:checked + label::before {
  border-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-primary label:before {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  color: #fff; }

.checkbox-solid-primary input[type="checkbox"]:checked + label::before {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  color: #fff; }

.checkbox-solid-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-primary input[type="radio"] + label::before {
  border-color: var(--theme-deafult); }

.radio-primary input[type="radio"] + label::after {
  background-color: var(--theme-deafult); }

.radio-primary input[type="radio"]:checked + label::before {
  border-color: var(--theme-deafult); }

.radio-primary input[type="radio"]:checked + label::after {
  background-color: var(--theme-deafult); }

.checkbox-secondary label::before {
  border-color: #FE6A49; }

.checkbox-secondary input[type="checkbox"]:checked + label::before {
  border-color: #FE6A49;
  color: #FE6A49; }

.checkbox-secondary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-secondary label:before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-secondary input[type="checkbox"]:checked + label::before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-secondary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-secondary input[type="radio"] + label::before {
  border-color: #FE6A49; }

.radio-secondary input[type="radio"] + label::after {
  background-color: #FE6A49; }

.radio-secondary input[type="radio"]:checked + label::before {
  border-color: #FE6A49; }

.radio-secondary input[type="radio"]:checked + label::after {
  background-color: #FE6A49; }

.checkbox-success label::before {
  border-color: #00AC46; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  border-color: #00AC46;
  color: #00AC46; }

.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-success label:before {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fff; }

.checkbox-solid-success input[type="checkbox"]:checked + label::before {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fff; }

.checkbox-solid-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-success input[type="radio"] + label::before {
  border-color: #00AC46; }

.radio-success input[type="radio"] + label::after {
  background-color: #00AC46; }

.radio-success input[type="radio"]:checked + label::before {
  border-color: #00AC46; }

.radio-success input[type="radio"]:checked + label::after {
  background-color: #00AC46; }

.checkbox-danger label::before {
  border-color: #FE6A49; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  border-color: #FE6A49;
  color: #FE6A49; }

.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-danger label:before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-danger input[type="checkbox"]:checked + label::before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-danger input[type="radio"] + label::before {
  border-color: #FE6A49; }

.radio-danger input[type="radio"] + label::after {
  background-color: #FE6A49; }

.radio-danger input[type="radio"]:checked + label::before {
  border-color: #FE6A49; }

.radio-danger input[type="radio"]:checked + label::after {
  background-color: #FE6A49; }

.checkbox-info label::before {
  border-color: #173878; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  border-color: #173878;
  color: #173878; }

.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-info label:before {
  background-color: #173878;
  border-color: #173878;
  color: #fff; }

.checkbox-solid-info input[type="checkbox"]:checked + label::before {
  background-color: #173878;
  border-color: #173878;
  color: #fff; }

.checkbox-solid-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-info input[type="radio"] + label::before {
  border-color: #173878; }

.radio-info input[type="radio"] + label::after {
  background-color: #173878; }

.radio-info input[type="radio"]:checked + label::before {
  border-color: #173878; }

.radio-info input[type="radio"]:checked + label::after {
  background-color: #173878; }

.checkbox-light label::before {
  border-color: #E6E9EB; }

.checkbox-light input[type="checkbox"]:checked + label::before {
  border-color: #E6E9EB;
  color: #E6E9EB; }

.checkbox-light input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-light label:before {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fff; }

.checkbox-solid-light input[type="checkbox"]:checked + label::before {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fff; }

.checkbox-solid-light input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-light input[type="radio"] + label::before {
  border-color: #E6E9EB; }

.radio-light input[type="radio"] + label::after {
  background-color: #E6E9EB; }

.radio-light input[type="radio"]:checked + label::before {
  border-color: #E6E9EB; }

.radio-light input[type="radio"]:checked + label::after {
  background-color: #E6E9EB; }

.checkbox-dark label::before {
  border-color: #2c323f; }

.checkbox-dark input[type="checkbox"]:checked + label::before {
  border-color: #2c323f;
  color: #2c323f; }

.checkbox-dark input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-dark label:before {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fff; }

.checkbox-solid-dark input[type="checkbox"]:checked + label::before {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fff; }

.checkbox-solid-dark input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-dark input[type="radio"] + label::before {
  border-color: #2c323f; }

.radio-dark input[type="radio"] + label::after {
  background-color: #2c323f; }

.radio-dark input[type="radio"]:checked + label::before {
  border-color: #2c323f; }

.radio-dark input[type="radio"]:checked + label::after {
  background-color: #2c323f; }

.checkbox-warning label::before {
  border-color: #FFAE1A; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  border-color: #FFAE1A;
  color: #FFAE1A; }

.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-warning label:before {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fff; }

.checkbox-solid-warning input[type="checkbox"]:checked + label::before {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fff; }

.checkbox-solid-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-warning input[type="radio"] + label::before {
  border-color: #FFAE1A; }

.radio-warning input[type="radio"] + label::after {
  background-color: #FFAE1A; }

.radio-warning input[type="radio"]:checked + label::before {
  border-color: #FFAE1A; }

.radio-warning input[type="radio"]:checked + label::after {
  background-color: #FFAE1A; }

.m-checkbox-inline .checkbox {
  display: inline-block; }

.m-checkbox-inline .radio {
  display: inline-block; }

.m-checkbox-inline label {
  margin-right: 20px; }

.radio label {
  display: inline-block;
  position: relative;
  padding-left: 18px;
  cursor: pointer; }
  .radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #efefef;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; }
    [class="dark-only"] .radio label::before {
      background-color: #1A1C23; }
  .radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 9px;
    height: 9px;
    left: 5px;
    top: 5px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #898989;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }

.radio input[type="radio"] {
  opacity: 0; }
  .radio input[type="radio"]:focus + label::before {
    outline-offset: -2px; }
  .radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  .radio input[type="radio"]:disabled + label {
    opacity: 0.65; }
    .radio input[type="radio"]:disabled + label::before {
      cursor: not-allowed; }

.radio .radio-inline {
  margin-top: 0; }

/**=====================
    2.25 Radio CSS Ends
==========================**/
/**=====================
  2.26 Ribbon CSS Start
==========================**/
[class*="ribbon-wrapper"] {
  position: relative;
  padding: 58px 18px 28px 18px; }

.ribbon {
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  clear: left;
  position: absolute;
  top: 12px;
  left: 0px;
  color: #fff;
  z-index: 2; }

.ribbon-clip {
  left: -14px; }
  .ribbon-clip:before {
    position: absolute;
    top: 30px;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-vertical-left-wrapper {
  padding-left: 40px;
  position: relative; }

.ribbon-vertical-right-wrapper {
  padding-right: 40px; }

.ribbon-wrapper-bottom {
  padding-bottom: 40px;
  padding-top: 0; }

.ribbon-wrapper-right-bottom {
  padding-right: 40px; }

.ribbon-space-bottom {
  top: 0px; }

.ribbon-bookmark:before {
  position: absolute;
  top: 0;
  left: 100%;
  display: block;
  width: 0;
  height: 0;
  content: '';
  border: 15px solid #2c323f;
  border-right: 10px solid transparent; }

.ribbon-right {
  left: auto;
  right: -2px; }

.ribbon-clip-right {
  right: -14px; }
  .ribbon-clip-right:before {
    position: absolute;
    top: 30px;
    right: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-clip-bottom {
  left: -14px;
  bottom: 12px;
  top: auto; }
  .ribbon-clip-bottom:before {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-clip-bottom-right {
  right: -14px;
  left: auto;
  bottom: 12px;
  top: auto; }
  .ribbon-clip-bottom-right:before {
    position: absolute;
    bottom: 30px;
    right: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-bookmark.ribbon-right:before {
  right: 100%;
  left: auto;
  border-right: 15px solid #2c323f;
  border-left: 10px solid transparent; }

.ribbon-vertical-left {
  clear: none;
  padding: 0 5px;
  height: 70px;
  width: 30px;
  line-height: 70px;
  text-align: center;
  left: 12px;
  top: -2px; }

.ribbon-vertical-right {
  clear: none;
  padding: 0 5px;
  height: 70px;
  width: 30px;
  line-height: 70px;
  text-align: center;
  top: -2px;
  left: auto;
  right: 20px; }
  [dir="rtl"] .ribbon-vertical-right {
    left: auto !important;
    right: 20px !important; }

.ribbon-bookmark.ribbon-vertical-left:before, .ribbon-bookmark.ribbon-vertical-right:before {
  top: 100%;
  left: 0;
  margin-top: -14px;
  border-right: 15px solid #2c323f;
  border-bottom: 10px solid transparent; }

.ribbon-primary {
  background: #006666; }

.ribbon-primary {
  background: #006666; }

.ribbon-bookmark.ribbon-primary:before {
  border-color: #006666;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-primary:before {
  border-right-color: #006666;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-primary:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-primary:before {
  border-right-color: #006666;
  border-bottom-color: transparent; }

.ribbon-primary.ribbon-corner:before {
  border-top-color: #006666;
  border-left-color: #006666; }

.ribbon-primary.ribbon-corner.ribbon-right:before {
  border-right-color: #006666;
  border-left-color: transparent; }

.ribbon-primary.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #006666; }

.ribbon-primary.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #003333;
  border-right-color: #003333; }

.ribbon-primary.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #003333;
  border-left-color: #003333; }

.ribbon-primary.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #003333;
  border-right-color: #003333; }

.ribbon-primary.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #003333;
  border-right-color: transparent;
  border-left-color: #003333; }

.ribbon-secondary {
  background: #FE6A49; }

.ribbon-secondary {
  background: #FE6A49; }

.ribbon-bookmark.ribbon-secondary:before {
  border-color: #FE6A49;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-secondary:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-secondary:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-secondary:before {
  border-right-color: #FE6A49;
  border-bottom-color: transparent; }

.ribbon-secondary.ribbon-corner:before {
  border-top-color: #FE6A49;
  border-left-color: #FE6A49; }

.ribbon-secondary.ribbon-corner.ribbon-right:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-secondary.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FE6A49; }

.ribbon-secondary.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-secondary.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #fe4016;
  border-left-color: #fe4016; }

.ribbon-secondary.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-secondary.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: transparent;
  border-left-color: #fe4016; }

.ribbon-success {
  background: #00AC46; }

.ribbon-success {
  background: #00AC46; }

.ribbon-bookmark.ribbon-success:before {
  border-color: #00AC46;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-success:before {
  border-right-color: #00AC46;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-success:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-success:before {
  border-right-color: #00AC46;
  border-bottom-color: transparent; }

.ribbon-success.ribbon-corner:before {
  border-top-color: #00AC46;
  border-left-color: #00AC46; }

.ribbon-success.ribbon-corner.ribbon-right:before {
  border-right-color: #00AC46;
  border-left-color: transparent; }

.ribbon-success.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #00AC46; }

.ribbon-success.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #007931;
  border-right-color: #007931; }

.ribbon-success.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #007931;
  border-left-color: #007931; }

.ribbon-success.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #007931;
  border-right-color: #007931; }

.ribbon-success.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #007931;
  border-right-color: transparent;
  border-left-color: #007931; }

.ribbon-danger {
  background: #FE6A49; }

.ribbon-danger {
  background: #FE6A49; }

.ribbon-bookmark.ribbon-danger:before {
  border-color: #FE6A49;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-danger:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-danger:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-danger:before {
  border-right-color: #FE6A49;
  border-bottom-color: transparent; }

.ribbon-danger.ribbon-corner:before {
  border-top-color: #FE6A49;
  border-left-color: #FE6A49; }

.ribbon-danger.ribbon-corner.ribbon-right:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-danger.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FE6A49; }

.ribbon-danger.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-danger.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #fe4016;
  border-left-color: #fe4016; }

.ribbon-danger.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-danger.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: transparent;
  border-left-color: #fe4016; }

.ribbon-info {
  background: #173878; }

.ribbon-info {
  background: #173878; }

.ribbon-bookmark.ribbon-info:before {
  border-color: #173878;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-info:before {
  border-right-color: #173878;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-info:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
  border-right-color: #173878;
  border-bottom-color: transparent; }

.ribbon-info.ribbon-corner:before {
  border-top-color: #173878;
  border-left-color: #173878; }

.ribbon-info.ribbon-corner.ribbon-right:before {
  border-right-color: #173878;
  border-left-color: transparent; }

.ribbon-info.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #173878; }

.ribbon-info.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #0f244d;
  border-right-color: #0f244d; }

.ribbon-info.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #0f244d;
  border-left-color: #0f244d; }

.ribbon-info.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #0f244d;
  border-right-color: #0f244d; }

.ribbon-info.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #0f244d;
  border-right-color: transparent;
  border-left-color: #0f244d; }

.ribbon-light {
  background: #E6E9EB; }

.ribbon-light {
  background: #E6E9EB; }

.ribbon-bookmark.ribbon-light:before {
  border-color: #E6E9EB;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-light:before {
  border-right-color: #E6E9EB;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-light:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-light:before {
  border-right-color: #E6E9EB;
  border-bottom-color: transparent; }

.ribbon-light.ribbon-corner:before {
  border-top-color: #E6E9EB;
  border-left-color: #E6E9EB; }

.ribbon-light.ribbon-corner.ribbon-right:before {
  border-right-color: #E6E9EB;
  border-left-color: transparent; }

.ribbon-light.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #E6E9EB; }

.ribbon-light.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #cad0d4;
  border-right-color: #cad0d4; }

.ribbon-light.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #cad0d4;
  border-left-color: #cad0d4; }

.ribbon-light.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #cad0d4;
  border-right-color: #cad0d4; }

.ribbon-light.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #cad0d4;
  border-right-color: transparent;
  border-left-color: #cad0d4; }

.ribbon-dark {
  background: #2c323f; }

.ribbon-dark {
  background: #2c323f; }

.ribbon-bookmark.ribbon-dark:before {
  border-color: #2c323f;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-dark:before {
  border-right-color: #2c323f;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-dark:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-dark:before {
  border-right-color: #2c323f;
  border-bottom-color: transparent; }

.ribbon-dark.ribbon-corner:before {
  border-top-color: #2c323f;
  border-left-color: #2c323f; }

.ribbon-dark.ribbon-corner.ribbon-right:before {
  border-right-color: #2c323f;
  border-left-color: transparent; }

.ribbon-dark.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #2c323f; }

.ribbon-dark.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #171a21;
  border-right-color: #171a21; }

.ribbon-dark.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #171a21;
  border-left-color: #171a21; }

.ribbon-dark.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #171a21;
  border-right-color: #171a21; }

.ribbon-dark.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #171a21;
  border-right-color: transparent;
  border-left-color: #171a21; }

.ribbon-warning {
  background: #FFAE1A; }

.ribbon-warning {
  background: #FFAE1A; }

.ribbon-bookmark.ribbon-warning:before {
  border-color: #FFAE1A;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-warning:before {
  border-right-color: #FFAE1A;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-warning:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-warning:before {
  border-right-color: #FFAE1A;
  border-bottom-color: transparent; }

.ribbon-warning.ribbon-corner:before {
  border-top-color: #FFAE1A;
  border-left-color: #FFAE1A; }

.ribbon-warning.ribbon-corner.ribbon-right:before {
  border-right-color: #FFAE1A;
  border-left-color: transparent; }

.ribbon-warning.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FFAE1A; }

.ribbon-warning.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #e69500;
  border-right-color: #e69500; }

.ribbon-warning.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #e69500;
  border-left-color: #e69500; }

.ribbon-warning.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #e69500;
  border-right-color: #e69500; }

.ribbon-warning.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #e69500;
  border-right-color: transparent;
  border-left-color: #e69500; }

.vertical-lp-space {
  padding: 58px 28px 28px 50px; }

.vertical-rp-space {
  padding: 58px 50px 28px 28px; }

.clip-bp-space {
  padding: 28px 18px 58px 18px; }

/**=====================
  2.26 Ribbon CSS Ends
==========================**/
/**=====================
   2.27 Range-slider CSS Start
==========================**/
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single,
.irs--flat .irs-bar {
  background-color: #006666; }
  .irs--flat .irs-from::before,
  .irs--flat .irs-to::before,
  .irs--flat .irs-single::before,
  .irs--flat .irs-bar::before {
    border-top-color: #006666; }

.irs--flat .irs-handle i:first-child {
  background-color: #006666; }

.irs--round .irs-single {
  background-color: #FE6A49; }
  .irs--round .irs-single::before {
    border-top-color: #FE6A49; }

.irs--round .irs-handle {
  border: 4px solid #FE6A49; }

.irs--round .irs-bar {
  background-color: #FE6A49; }

.irs--square .irs-handle {
  border: 3px solid #00AC46; }

.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-bar {
  background-color: #00AC46; }

.irs--sharp .irs-from::before,
.irs--sharp .irs-to::before {
  border-top-color: #173878; }

.irs--sharp .irs-min,
.irs--sharp .irs-max,
.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-bar {
  background-color: #173878; }

.irs--sharp .irs-line {
  background-color: #E6E9EB; }

.irs--sharp .irs-handle {
  background-color: #173878; }
  .irs--sharp .irs-handle i:first-child {
    border-top-color: #173878; }

.irs--big .irs-bar {
  border: 1px solid #FFAE1A;
  background: #FFAE1A;
  box-shadow: unset; }

.irs--big .irs-from,
.irs--big .irs-to {
  background-color: #FFAE1A;
  background: unset; }

.irs--big .irs-handle {
  background: #FFAE1A; }

.irs--big .irs-grid-pol {
  background-color: #FFAE1A; }

.irs--big .irs-grid-text {
  color: #FFAE1A; }

.irs--modern .irs-single {
  background-color: #FE6A49; }
  .irs--modern .irs-single::before {
    border-top-color: #FE6A49; }

.irs--modern .irs-bar {
  background: #FE6A49; }

.irs--modern .irs-grid-text {
  color: #FE6A49; }

/**=====================
    2.27 Range-slider CSS Ends
==========================**/
/**=====================
    2.28 Switch CSS Start
==========================**/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }
  .switch input {
    display: none; }
    .switch input:checked + .switch-state {
      background-color: var(--theme-deafult); }
      .switch input:checked + .switch-state:before {
        transform: translateX(26px); }
    .switch input:focus + .switch-state {
      box-shadow: 0 0 1px var(--theme-deafult); }

.switch-state {
  border-radius: 20px;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #E6E9EB;
  transition: .4s; }
  .switch-state:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    transition: .4s;
    border-radius: 20px; }

.icon-state .switch-state:after {
  content: "\efb8";
  font-family: IcoFont;
  left: 10px;
  position: absolute;
  top: 10px;
  color: #2c323f;
  transition: .4s;
  opacity: 0.3; }

.icon-state input:checked + .switch-state:after {
  content: "\efad";
  left: 36px;
  opacity: 1;
  transition: .4s; }

.switch-lg .switch {
  width: 75px;
  height: 40px;
  padding: 0;
  margin: 0; }
  .switch-lg .switch .switch-state:before {
    height: 30px;
    width: 30px;
    left: 7px;
    bottom: 5px;
    top: 4px; }

.switch-lg.large-switch-button .switch .switch-state::before {
  left: 13px; }

.switch-lg.icon-state .switch .switch-state:after {
  left: 12px;
  font-size: 18px; }

.switch-lg.icon-state .switch input:checked + .switch-state:after {
  left: 47px; }

.switch-lg.icon-state .switch input:checked + .switch-state:before {
  transform: translateX(32px); }

.switch-sm.icon-state .switch .switch-state:after {
  top: 4px;
  left: 4px;
  font-size: 8px; }

.switch-sm.icon-state .switch input:checked + .switch-state:after {
  left: 13px;
  top: 4px; }

.switch-sm .switch {
  width: 25px;
  height: 16px;
  margin-top: 10px;
  margin-bottom: 0px; }
  .switch-sm .switch .switch-state:before {
    height: 8px;
    width: 8px;
    left: 4px;
    bottom: 4px; }

.switch-sm input:checked + .switch-state:before {
  left: -13px; }

.switch-outline .switch-state {
  background-color: #fff;
  border: 1px solid var(--theme-deafult);
  transition: .4s; }
  .switch-outline .switch-state:before {
    background-color: #E6E9EB;
    bottom: 3px;
    color: #fff; }

.switch-outline .switch input {
  display: none; }
  .switch-outline .switch input:checked + .switch-state {
    background-color: transparent;
    border: 1px solid var(--theme-deafult); }
    .switch-outline .switch input:checked + .switch-state:before {
      background-color: var(--theme-deafult);
      bottom: 3px;
      transform: translateX(26px); }
    .switch-outline .switch input:checked + .switch-state:after {
      color: #fff; }

.switch-outline .switch-state.bg-primary {
  border: 1px solid var(--theme-deafult);
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-primary {
  background-color: transparent !important;
  border: 1px solid var(--theme-deafult); }
  .switch-outline .switch input:checked + .switch-state.bg-primary:before {
    background-color: var(--theme-deafult); }

.switch-outline .switch-state.bg-dark {
  border: 1px solid #2c323f;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-dark {
  background-color: transparent !important;
  border: 1px solid #2c323f; }
  .switch-outline .switch input:checked + .switch-state.bg-dark:before {
    background-color: #2c323f; }

.switch-outline .switch-state.bg-warning {
  border: 1px solid #FFAE1A;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-warning {
  background-color: transparent !important;
  border: 1px solid #FFAE1A; }
  .switch-outline .switch input:checked + .switch-state.bg-warning:before {
    background-color: #FFAE1A; }

.switch-outline .switch-state.bg-success {
  border: 1px solid #00AC46;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-success {
  background-color: transparent !important;
  border: 1px solid #00AC46; }
  .switch-outline .switch input:checked + .switch-state.bg-success:before {
    background-color: #00AC46; }

.switch-outline .switch-state.bg-info {
  border: 1px solid #173878;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-info {
  background-color: transparent !important;
  border: 1px solid #173878; }
  .switch-outline .switch input:checked + .switch-state.bg-info:before {
    background-color: #173878; }

.switch-outline .switch-state.bg-danger {
  border: 1px solid #FE6A49;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-danger {
  background-color: transparent !important;
  border: 1px solid #FE6A49; }
  .switch-outline .switch input:checked + .switch-state.bg-danger:before {
    background-color: #FE6A49; }

.switch-outline .switch-state.bg-primary {
  border: 1px solid var(--theme-deafult);
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-primary {
  background-color: transparent !important;
  border: 1px solid var(--theme-deafult); }
  .switch-outline .switch input:checked + .switch-state.bg-primary:before {
    background-color: var(--theme-deafult); }

.switch-outline .switch-state.bg-secondary {
  border: 1px solid var(--theme-secondary);
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-secondary {
  background-color: transparent !important;
  border: 1px solid var(--theme-secondary); }
  .switch-outline .switch input:checked + .switch-state.bg-secondary:before {
    background-color: var(--theme-secondary); }

.switch-showcase {
  margin-bottom: -8px; }
  .switch-showcase .media {
    line-height: 1; }
  .switch-showcase .form-check .form-check-input {
    float: right; }

.form-switch .form-check-input:checked {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }

.tg-list {
  text-align: center;
  display: flex;
  align-items: center; }

.tgl {
  display: none; }
  .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
    box-sizing: border-box; }
    .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
      background: none; }
  .tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    user-select: none; }
    .tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
      position: relative;
      display: block;
      content: "";
      width: 50%;
      height: 100%; }
    .tgl + .tgl-btn:after {
      left: 0; }
    .tgl + .tgl-btn:before {
      display: none; }
  .tgl:checked + .tgl-btn:after {
    left: 50%; }

.tgl-skewed + .tgl-btn {
  overflow: hidden;
  transform: skew(-10deg);
  backface-visibility: hidden;
  transition: all .2s ease;
  background: #FE6A49; }
  .tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before {
    transform: skew(10deg);
    display: inline-block;
    transition: all .2s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: var(--white);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
  .tgl-skewed + .tgl-btn:after {
    left: 100%;
    content: attr(data-tg-on); }
  .tgl-skewed + .tgl-btn:before {
    left: 0;
    content: attr(data-tg-off); }
  .tgl-skewed + .tgl-btn:active {
    background: #FE6A49; }
    .tgl-skewed + .tgl-btn:active:before {
      left: -10%; }

.tgl-skewed:checked + .tgl-btn {
  background: #006666; }
  .tgl-skewed:checked + .tgl-btn:before {
    left: -100%; }
  .tgl-skewed:checked + .tgl-btn:after {
    left: 0; }
  .tgl-skewed:checked + .tgl-btn:active:after {
    left: 10%; }

.tgl-flip + .tgl-btn {
  padding: 2px;
  transition: all .2s ease;
  perspective: 100px; }
  .tgl-flip + .tgl-btn:after, .tgl-flip + .tgl-btn:before {
    display: inline-block;
    transition: all .4s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: var(--white);
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    border-radius: 4px; }
  .tgl-flip + .tgl-btn:after {
    content: attr(data-tg-on);
    background: #FFAE1A;
    transform: rotateY(-180deg); }
  .tgl-flip + .tgl-btn:before {
    background: #FE6A49;
    content: attr(data-tg-off); }
  .tgl-flip + .tgl-btn:active:before {
    transform: rotateY(-20deg); }

.tgl-flip:checked + .tgl-btn:before {
  transform: rotateY(180deg); }

.tgl-flip:checked + .tgl-btn:after {
  transform: rotateY(0);
  left: 0;
  background: #00AC46; }

.tgl-flip:checked + .tgl-btn:active:after {
  transform: rotateY(20deg); }

.radius-none .form-check-input {
  border-radius: 3px; }

.tg-list .tg-list-item .square-checked .switch-state::before {
  content: '';
  border-radius: 0; }

.switch-wrapper .media {
  margin-right: 20px; }
  .switch-wrapper .media .col-form-label {
    padding-bottom: 0; }

.switch-wrapper .tg-list p {
  margin: 0 8px 0 0; }

.default-square .form-switch .form-check-input {
  background-image: url(/../images/switch/square-gray.png); }
  .default-square .form-switch .form-check-input:checked {
    background-image: url(/../images/switch/square.svg); }

/**=====================
    2.28 Switch CSS Ends
==========================**/
/**=====================
  2.29 Tab CSS Start
==========================**/
/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C; }

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8; }

.light-card {
  background-color: var(--light-background); }

.light-background {
  background-color: var(--light-bg); }

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  transform: rotate(-45deg);
  display: inline-block; }

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-l-50 {
  margin-left: 50px !important; }

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important; }

.b-r-1 {
  border-radius: 1px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-r-11 {
  border-radius: 11px !important; }

.b-r-12 {
  border-radius: 12px !important; }

.b-r-13 {
  border-radius: 13px !important; }

.b-r-14 {
  border-radius: 14px !important; }

.b-r-15 {
  border-radius: 15px !important; }

.b-r-16 {
  border-radius: 16px !important; }

.b-r-17 {
  border-radius: 17px !important; }

.b-r-18 {
  border-radius: 18px !important; }

.b-r-19 {
  border-radius: 19px !important; }

.b-r-20 {
  border-radius: 20px !important; }

.b-r-21 {
  border-radius: 21px !important; }

.b-r-22 {
  border-radius: 22px !important; }

.b-r-23 {
  border-radius: 23px !important; }

.b-r-24 {
  border-radius: 24px !important; }

.b-r-25 {
  border-radius: 25px !important; }

.b-r-26 {
  border-radius: 26px !important; }

.b-r-27 {
  border-radius: 27px !important; }

.b-r-28 {
  border-radius: 28px !important; }

.b-r-29 {
  border-radius: 29px !important; }

.b-r-30 {
  border-radius: 30px !important; }

.b-r-31 {
  border-radius: 31px !important; }

.b-r-32 {
  border-radius: 32px !important; }

.b-r-33 {
  border-radius: 33px !important; }

.b-r-34 {
  border-radius: 34px !important; }

.b-r-35 {
  border-radius: 35px !important; }

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.f-34 {
  font-size: 34px !important; }

.f-36 {
  font-size: 36px !important; }

.f-38 {
  font-size: 38px !important; }

.f-40 {
  font-size: 40px !important; }

.f-42 {
  font-size: 42px !important; }

.f-44 {
  font-size: 44px !important; }

.f-46 {
  font-size: 46px !important; }

.f-48 {
  font-size: 48px !important; }

.f-50 {
  font-size: 50px !important; }

.f-52 {
  font-size: 52px !important; }

.f-54 {
  font-size: 54px !important; }

.f-56 {
  font-size: 56px !important; }

.f-58 {
  font-size: 58px !important; }

.f-60 {
  font-size: 60px !important; }

.f-62 {
  font-size: 62px !important; }

.f-64 {
  font-size: 64px !important; }

.f-66 {
  font-size: 66px !important; }

.f-68 {
  font-size: 68px !important; }

.f-70 {
  font-size: 70px !important; }

.f-72 {
  font-size: 72px !important; }

.f-74 {
  font-size: 74px !important; }

.f-76 {
  font-size: 76px !important; }

.f-78 {
  font-size: 78px !important; }

.f-80 {
  font-size: 80px !important; }

.f-82 {
  font-size: 82px !important; }

.f-84 {
  font-size: 84px !important; }

.f-86 {
  font-size: 86px !important; }

.f-88 {
  font-size: 88px !important; }

.f-90 {
  font-size: 90px !important; }

.f-92 {
  font-size: 92px !important; }

.f-94 {
  font-size: 94px !important; }

.f-96 {
  font-size: 96px !important; }

.f-98 {
  font-size: 98px !important; }

.f-100 {
  font-size: 100px !important; }

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100; }

.f-w-300 {
  font-weight: 300; }

.f-w-500 {
  font-weight: 500; }

.f-w-400 {
  font-weight: 400; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-900 {
  font-weight: 900; }

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal; }

.f-s-italic {
  font-style: italic; }

.f-s-oblique {
  font-style: oblique; }

.f-s-initial {
  font-style: initial; }

.f-s-inherit {
  font-style: inherit; }

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-dashed {
  text-decoration: dashed; }

.text-blink {
  text-decoration: blink; }

.text-dotted {
  text-decoration: dotted; }

.text-initial {
  text-decoration: initial; }

.text-none {
  text-decoration: none; }

.text-solid {
  text-decoration: solid; }

.text-wavy {
  text-decoration: wavy; }

.text-inherit {
  text-decoration: inherit; }

.text-double {
  text-decoration: double; }

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline; }

.sub {
  vertical-align: sub; }

.super {
  vertical-align: super; }

.top {
  vertical-align: top; }

.text-top {
  vertical-align: text-top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.text-bottom {
  vertical-align: text-bottom; }

.initial {
  vertical-align: initial; }

.inherit {
  vertical-align: inherit; }

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-relative {
  position: relative; }

.p-initial {
  position: initial; }

.p-inherit {
  position: inherit; }

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden; }

.o-visible {
  overflow: visible; }

.o-auto {
  overflow: auto; }

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important; }

.img-h-10 {
  height: 10px !important; }

.img-20 {
  width: 20px !important; }

.img-h-20 {
  height: 20px !important; }

.img-30 {
  width: 30px !important; }

.img-h-30 {
  height: 30px !important; }

.img-40 {
  width: 40px !important; }

.img-h-40 {
  height: 40px !important; }

.img-50 {
  width: 50px !important; }

.img-h-50 {
  height: 50px !important; }

.img-60 {
  width: 60px !important; }

.img-h-60 {
  height: 60px !important; }

.img-70 {
  width: 70px !important; }

.img-h-70 {
  height: 70px !important; }

.img-80 {
  width: 80px !important; }

.img-h-80 {
  height: 80px !important; }

.img-90 {
  width: 90px !important; }

.img-h-90 {
  height: 90px !important; }

.img-100 {
  width: 100px !important; }

.img-h-100 {
  height: 100px !important; }

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important; }

.font-secondary {
  color: #FE6A49 !important; }

.font-success {
  color: #00AC46 !important; }

.font-danger {
  color: #FE6A49 !important; }

.font-info {
  color: #173878 !important; }

.font-light {
  color: #E6E9EB !important; }

.font-dark {
  color: #2c323f !important; }

.font-warning {
  color: #FFAE1A !important; }

.font-primary {
  color: var(--theme-deafult) !important; }

.font-secondary {
  color: var(--theme-secondary) !important; }

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize; }

.label-theme {
  background-color: #006666; }

.label-primary {
  background-color: #006666; }

.label-secondary {
  background-color: #FE6A49; }

.label-success {
  background-color: #00AC46; }

.label-danger {
  background-color: #FE6A49; }

.label-info {
  background-color: #173878; }

.label-light {
  background-color: #E6E9EB; }

.label-dark {
  background-color: #2c323f; }

.label-warning {
  background-color: #FFAE1A; }

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666; }

.badge-secondary {
  background-color: #FE6A49; }

.badge-success {
  background-color: #00AC46; }

.badge-danger {
  background-color: #FE6A49; }

.badge-info {
  background-color: #173878; }

.badge-light {
  background-color: #E6E9EB; }

.badge-dark {
  background-color: #2c323f; }

.badge-warning {
  background-color: #FFAE1A; }

.badge-primary {
  background-color: var(--theme-deafult) !important; }

.badge-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff; }

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff; }

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important; }

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-success {
  background-color: #00AC46 !important;
  color: #fff; }

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff; }

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important; }

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-info {
  background-color: #173878 !important;
  color: #fff; }

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff; }

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important; }

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff; }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff; }

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important; }

.bg-dark {
  background-color: #2c323f !important;
  color: #fff; }

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff; }

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important; }

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff; }

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff; }

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important; }

.bg-primary {
  background-color: var(--theme-deafult) !important; }

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6); }

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important; }

.txt-secondary {
  color: #FE6A49 !important; }

.txt-success {
  color: #00AC46 !important; }

.txt-danger {
  color: #FE6A49 !important; }

.txt-info {
  color: #173878 !important; }

.txt-light {
  color: #E6E9EB !important; }

.txt-dark {
  color: #2c323f !important; }

.txt-warning {
  color: #FFAE1A !important; }

.txt-google-plus {
  color: #c64e40 !important; }

.txt-twitter {
  color: #6fa2d8 !important; }

.txt-linkedin {
  color: #0077B5 !important; }

.txt-fb {
  color: #50598e !important; }

.txt-primary {
  color: var(--theme-deafult) !important; }

.txt-secondary {
  color: var(--theme-secondary) !important; }

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@keyframes push {
  50% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #006666 !important;
    border-color: #006666 !important; }
  .btn-primary:focus {
    box-shadow: unset !important; }

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-secondary:focus {
    box-shadow: unset !important; }

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }
  .btn-success:focus {
    box-shadow: unset !important; }

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-danger:focus {
    box-shadow: unset !important; }

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #173878 !important;
    border-color: #173878 !important; }
  .btn-info:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }
  .btn-light:focus {
    box-shadow: unset !important; }

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #2c323f !important;
    border-color: #2c323f !important; }
  .btn-dark:focus {
    box-shadow: unset !important; }

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }
  .btn-warning:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important; }
  .btn-light:hover {
    background-color: rgba(0, 102, 102, 0.1) !important;
    border-color: rgba(0, 102, 102, 0.1) !important; }

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important; }

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important; }

.btn-hover-effect:hover {
  animation: push 0.5s linear 1; }

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent; }
  .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-check {
  color: #006666 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #006666 !important; }
    .btn-check:checked + .btn-outline-primary {
      color: white !important;
      background-color: #006666 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-primary {
    border-color: #006666 !important;
    color: #006666 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-primary.disabled {
      color: #006666; }
    .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
      color: white !important;
      background-color: #006666 !important;
      border-color: #006666 !important;
      box-shadow: none !important; }

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary.disabled {
    color: #006666;
    border-color: #006666; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-secondary {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-secondary {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-secondary.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #00AC46 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #00AC46 !important; }
    .btn-check:checked + .btn-outline-success {
      color: white !important;
      background-color: #00AC46 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-success.disabled {
      color: #00AC46; }
    .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
      color: white !important;
      background-color: #00AC46 !important;
      border-color: #00AC46 !important;
      box-shadow: none !important; }

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success.disabled {
    color: #00AC46;
    border-color: #00AC46; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-danger {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-danger.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #173878 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #173878 !important; }
    .btn-check:checked + .btn-outline-info {
      color: white !important;
      background-color: #173878 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-info {
    border-color: #173878 !important;
    color: #173878 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-info.disabled {
      color: #173878; }
    .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
      color: white !important;
      background-color: #173878 !important;
      border-color: #173878 !important;
      box-shadow: none !important; }

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info.disabled {
    color: #173878;
    border-color: #173878; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: #fff !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #E6E9EB !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #E6E9EB !important; }
    .btn-check:checked + .btn-outline-light {
      color: white !important;
      background-color: #E6E9EB !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-light {
    border-color: #E6E9EB !important;
    color: #E6E9EB !important;
    background-color: transparent;
    color: #051A1A; }
    .btn-check + .btn-outline-light.disabled {
      color: #E6E9EB; }
    .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
      color: white !important;
      background-color: #E6E9EB !important;
      border-color: #E6E9EB !important;
      box-shadow: none !important; }

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A; }
  .btn-outline-light.disabled {
    color: #E6E9EB;
    border-color: #E6E9EB; }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: #fff !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: unset !important; }

.btn-check {
  color: #2c323f !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #2c323f !important; }
    .btn-check:checked + .btn-outline-dark {
      color: white !important;
      background-color: #2c323f !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-dark {
    border-color: #2c323f !important;
    color: #2c323f !important;
    background-color: transparent; }
    .btn-check + .btn-outline-dark.disabled {
      color: #2c323f; }
    .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
      color: white !important;
      background-color: #2c323f !important;
      border-color: #2c323f !important;
      box-shadow: none !important; }

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark.disabled {
    color: #2c323f;
    border-color: #2c323f; }
  .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FFAE1A !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FFAE1A !important; }
    .btn-check:checked + .btn-outline-warning {
      color: white !important;
      background-color: #FFAE1A !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important;
    background-color: transparent; }
    .btn-check + .btn-outline-warning.disabled {
      color: #FFAE1A; }
    .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
      color: white !important;
      background-color: #FFAE1A !important;
      border-color: #FFAE1A !important;
      box-shadow: none !important; }

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning.disabled {
    color: #FFAE1A;
    border-color: #FFAE1A; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: unset !important; }

.btn-primary.active:not([disabled]):not(.disabled) {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  box-shadow: none !important; }
  .btn-primary.active:not([disabled]):not(.disabled):hover, .btn-primary.active:not([disabled]):not(.disabled):focus, .btn-primary.active:not([disabled]):not(.disabled):active, .btn-primary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #003333;
    border-color: #003333; }

.btn-secondary.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-secondary.active:not([disabled]):not(.disabled):hover, .btn-secondary.active:not([disabled]):not(.disabled):focus, .btn-secondary.active:not([disabled]):not(.disabled):active, .btn-secondary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-success.active:not([disabled]):not(.disabled) {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  box-shadow: none !important; }
  .btn-success.active:not([disabled]):not(.disabled):hover, .btn-success.active:not([disabled]):not(.disabled):focus, .btn-success.active:not([disabled]):not(.disabled):active, .btn-success.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #007931;
    border-color: #007931; }

.btn-danger.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-danger.active:not([disabled]):not(.disabled):hover, .btn-danger.active:not([disabled]):not(.disabled):focus, .btn-danger.active:not([disabled]):not(.disabled):active, .btn-danger.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-info.active:not([disabled]):not(.disabled) {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  box-shadow: none !important; }
  .btn-info.active:not([disabled]):not(.disabled):hover, .btn-info.active:not([disabled]):not(.disabled):focus, .btn-info.active:not([disabled]):not(.disabled):active, .btn-info.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #0f244d;
    border-color: #0f244d; }

.btn-light.active:not([disabled]):not(.disabled) {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  box-shadow: none !important; }
  .btn-light.active:not([disabled]):not(.disabled):hover, .btn-light.active:not([disabled]):not(.disabled):focus, .btn-light.active:not([disabled]):not(.disabled):active, .btn-light.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #cad0d4;
    border-color: #cad0d4; }

.btn-dark.active:not([disabled]):not(.disabled) {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  box-shadow: none !important; }
  .btn-dark.active:not([disabled]):not(.disabled):hover, .btn-dark.active:not([disabled]):not(.disabled):focus, .btn-dark.active:not([disabled]):not(.disabled):active, .btn-dark.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #171a21;
    border-color: #171a21; }

.btn-warning.active:not([disabled]):not(.disabled) {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  box-shadow: none !important; }
  .btn-warning.active:not([disabled]):not(.disabled):hover, .btn-warning.active:not([disabled]):not(.disabled):focus, .btn-warning.active:not([disabled]):not(.disabled):active, .btn-warning.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #e69500;
    border-color: #e69500; }

.btn-outline-primary-2x.active:not([disabled]):not(.disabled) {
  background-color: #006666;
  border-color: #006666;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-primary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-primary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #006666 !important;
    border-color: #006666 !important; }

.btn-outline-secondary-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-secondary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-success-2x.active:not([disabled]):not(.disabled) {
  background-color: #00AC46;
  border-color: #00AC46;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-success-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-success-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-success-2x.active:not([disabled]):not(.disabled):active, .btn-outline-success-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }

.btn-outline-danger-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-danger-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):active, .btn-outline-danger-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-info-2x.active:not([disabled]):not(.disabled) {
  background-color: #173878;
  border-color: #173878;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-info-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-info-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-info-2x.active:not([disabled]):not(.disabled):active, .btn-outline-info-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #173878 !important;
    border-color: #173878 !important; }

.btn-outline-light-2x.active:not([disabled]):not(.disabled) {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-light-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-light-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-light-2x.active:not([disabled]):not(.disabled):active, .btn-outline-light-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }

.btn-outline-dark-2x.active:not([disabled]):not(.disabled) {
  background-color: #2c323f;
  border-color: #2c323f;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-dark-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):active, .btn-outline-dark-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important; }

.btn-outline-warning-2x.active:not([disabled]):not(.disabled) {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-warning-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):active, .btn-outline-warning-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important; }

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important; }

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important; }

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important; }

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important; }

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important; }

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666; }
  .table-styling .table-primary thead,
  .table-styling.table-primary thead {
    background-color: #003333;
    border: 3px solid #003333; }
  .table-styling .table-primary th,
  .table-styling .table-primary td,
  .table-styling.table-primary th,
  .table-styling.table-primary td {
    background-color: transparent; }

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-secondary thead,
  .table-styling.table-secondary thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-secondary th,
  .table-styling .table-secondary td,
  .table-styling.table-secondary th,
  .table-styling.table-secondary td {
    background-color: transparent; }

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46; }
  .table-styling .table-success thead,
  .table-styling.table-success thead {
    background-color: #007931;
    border: 3px solid #007931; }
  .table-styling .table-success th,
  .table-styling .table-success td,
  .table-styling.table-success th,
  .table-styling.table-success td {
    background-color: transparent; }

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-danger thead,
  .table-styling.table-danger thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-danger th,
  .table-styling .table-danger td,
  .table-styling.table-danger th,
  .table-styling.table-danger td {
    background-color: transparent; }

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878; }
  .table-styling .table-info thead,
  .table-styling.table-info thead {
    background-color: #0f244d;
    border: 3px solid #0f244d; }
  .table-styling .table-info th,
  .table-styling .table-info td,
  .table-styling.table-info th,
  .table-styling.table-info td {
    background-color: transparent; }

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB; }
  .table-styling .table-light thead,
  .table-styling.table-light thead {
    background-color: #cad0d4;
    border: 3px solid #cad0d4; }
  .table-styling .table-light th,
  .table-styling .table-light td,
  .table-styling.table-light th,
  .table-styling.table-light td {
    background-color: transparent; }

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f; }
  .table-styling .table-dark thead,
  .table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21; }
  .table-styling .table-dark th,
  .table-styling .table-dark td,
  .table-styling.table-dark th,
  .table-styling.table-dark td {
    background-color: transparent; }

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A; }
  .table-styling .table-warning thead,
  .table-styling.table-warning thead {
    background-color: #e69500;
    border: 3px solid #e69500; }
  .table-styling .table-warning th,
  .table-styling .table-warning td,
  .table-styling.table-warning th,
  .table-styling.table-warning td {
    background-color: transparent; }

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important; }

.stroke-secondary {
  stroke: #FE6A49 !important; }

.stroke-success {
  stroke: #00AC46 !important; }

.stroke-danger {
  stroke: #FE6A49 !important; }

.stroke-info {
  stroke: #173878 !important; }

.stroke-light {
  stroke: #E6E9EB !important; }

.stroke-dark {
  stroke: #2c323f !important; }

.stroke-warning {
  stroke: #FFAE1A !important; }

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878; }

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important; }

.b-t-primary {
  border-top: 1px solid #006666 !important; }

.border-t-primary {
  border-top: 1px solid #006666 !important; }

.b-b-primary {
  border-bottom: 1px solid #006666 !important; }

.border-b-primary {
  border-bottom: 1px solid #006666 !important; }

.b-l-primary {
  border-left: 1px solid #006666 !important; }

.border-l-primary {
  border-left: 1px solid #006666 !important; }

.b-r-primary {
  border-right: 1px solid #006666 !important; }

.border-r-primary {
  border-right: 1px solid #006666 !important; }

.b-secondary {
  border: 1px solid #FE6A49 !important; }

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.b-success {
  border: 1px solid #00AC46 !important; }

.b-t-success {
  border-top: 1px solid #00AC46 !important; }

.border-t-success {
  border-top: 1px solid #00AC46 !important; }

.b-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.border-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.b-l-success {
  border-left: 1px solid #00AC46 !important; }

.border-l-success {
  border-left: 1px solid #00AC46 !important; }

.b-r-success {
  border-right: 1px solid #00AC46 !important; }

.border-r-success {
  border-right: 1px solid #00AC46 !important; }

.b-danger {
  border: 1px solid #FE6A49 !important; }

.b-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.border-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.border-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.b-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.border-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.b-info {
  border: 1px solid #173878 !important; }

.b-t-info {
  border-top: 1px solid #173878 !important; }

.border-t-info {
  border-top: 1px solid #173878 !important; }

.b-b-info {
  border-bottom: 1px solid #173878 !important; }

.border-b-info {
  border-bottom: 1px solid #173878 !important; }

.b-l-info {
  border-left: 1px solid #173878 !important; }

.border-l-info {
  border-left: 1px solid #173878 !important; }

.b-r-info {
  border-right: 1px solid #173878 !important; }

.border-r-info {
  border-right: 1px solid #173878 !important; }

.b-light {
  border: 1px solid #E6E9EB !important; }

.b-t-light {
  border-top: 1px solid #E6E9EB !important; }

.border-t-light {
  border-top: 1px solid #E6E9EB !important; }

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.b-l-light {
  border-left: 1px solid #E6E9EB !important; }

.border-l-light {
  border-left: 1px solid #E6E9EB !important; }

.b-r-light {
  border-right: 1px solid #E6E9EB !important; }

.border-r-light {
  border-right: 1px solid #E6E9EB !important; }

.b-dark {
  border: 1px solid #2c323f !important; }

.b-t-dark {
  border-top: 1px solid #2c323f !important; }

.border-t-dark {
  border-top: 1px solid #2c323f !important; }

.b-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.border-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.b-l-dark {
  border-left: 1px solid #2c323f !important; }

.border-l-dark {
  border-left: 1px solid #2c323f !important; }

.b-r-dark {
  border-right: 1px solid #2c323f !important; }

.border-r-dark {
  border-right: 1px solid #2c323f !important; }

.b-warning {
  border: 1px solid #FFAE1A !important; }

.b-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.border-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.b-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.border-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.b-r-warning {
  border-right: 1px solid #FFAE1A !important; }

.border-r-warning {
  border-right: 1px solid #FFAE1A !important; }

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-6 {
  border-width: 6px !important; }

.border-7 {
  border-width: 7px !important; }

.border-8 {
  border-width: 8px !important; }

.border-9 {
  border-width: 9px !important; }

.border-10 {
  border-width: 10px !important; }

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px; }

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa; }

.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px; }

.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3); }

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f; }
  .line pre {
    font-size: 100%; }

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important; }

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .options > div {
    color: #86909C;
    padding: 2px 10px;
    border: 1px solid; }
    .options > div:hover {
      background-color: #006666;
      color: #fff;
      transition: background-color 0.3s ease; }

/**====== Animation css Ends ======**/
.modal-footer {
  flex-wrap: wrap; }

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0; }

.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0; }

.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px; }

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666; }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #006666 !important; }

.typeahead .theme-form .form-group {
  margin-bottom: 0; }

.primary .svg-fill {
  fill: var(--theme-deafult); }
  .primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-deafult); }

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important; }

.secondary .svg-fill {
  fill: var(--theme-secondary); }
  .secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary); }

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important; }

.success .svg-fill {
  fill: #00AC46; }

.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important; }

.warning .svg-fill {
  fill: #FFAE1A; }

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important; }

.dotted {
  border-style: dotted; }

.dashed {
  border-style: dashed; }

.double {
  border-style: double; }

.groove {
  border-style: groove; }

.ridge {
  border-style: ridge; }

.inset {
  border-style: inset; }

.outset {
  border-style: outset; }

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px; }
  75% {
    opacity: .6;
    top: 0; }
  100% {
    opacity: 1; } }

.code-box-copy {
  width: 100%;
  overflow: auto; }

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%; }
  .custom-rs-12 {
    width: 100%; } }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px; }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none; }

.bg-gray {
  background-color: var(--text-gray); }

.text-gray {
  color: var(--text-gray) !important; }

.common-flex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

.common-space {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2); }

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3); }

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important; }

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important; }

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666; }

.badge-light-secondary {
  background-color: white;
  color: #FE6A49; }

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46; }

.badge-light-danger {
  background-color: white;
  color: #FE6A49; }

.badge-light-info {
  background-color: #6e96e3;
  color: #173878; }

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c; }

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f; }

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A; }

.fc .fc-button-primary.fc-button-active:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult), 0.2) !important; }

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%;
      margin-left: 0px; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .invoice-table-data {
    background-color: #f9f9fa; }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

/**=====================
    1.1 Reset CSS Ends
==========================**/
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--theme-deafult); }

.nav i {
  margin-right: 10px; }

.nav-right {
  justify-content: flex-end; }

.nav-theme .nav-link,
.nav-pills.nav-theme .nav-link {
  color: var(--theme-deafult); }

.nav-theme .nav-link.active,
.nav-theme .show > .nav-link,
.nav-pills.nav-theme .nav-link.active,
.nav-pills.nav-theme .show > .nav-link {
  background-color: var(--theme-deafult);
  color: #fff; }

.nav-primary .nav-link,
.nav-pills.nav-primary .nav-link {
  color: var(--theme-deafult); }

.nav-primary .nav-link.active,
.nav-primary .show > .nav-link,
.nav-pills.nav-primary .nav-link.active,
.nav-pills.nav-primary .show > .nav-link {
  background-color: var(--theme-deafult);
  color: #fff; }

.nav-secondary .nav-link,
.nav-pills.nav-secondary .nav-link {
  color: #FE6A49; }

.nav-secondary .nav-link.active,
.nav-secondary .show > .nav-link,
.nav-pills.nav-secondary .nav-link.active,
.nav-pills.nav-secondary .show > .nav-link {
  background-color: #FE6A49;
  color: #fff; }

.nav-success .nav-link,
.nav-pills.nav-success .nav-link {
  color: #00AC46; }

.nav-success .nav-link.active,
.nav-success .show > .nav-link,
.nav-pills.nav-success .nav-link.active,
.nav-pills.nav-success .show > .nav-link {
  background-color: #00AC46;
  color: #fff; }

.nav-danger .nav-link,
.nav-pills.nav-danger .nav-link {
  color: #FE6A49; }

.nav-danger .nav-link.active,
.nav-danger .show > .nav-link,
.nav-pills.nav-danger .nav-link.active,
.nav-pills.nav-danger .show > .nav-link {
  background-color: #FE6A49;
  color: #fff; }

.nav-info .nav-link,
.nav-pills.nav-info .nav-link {
  color: #173878; }

.nav-info .nav-link.active,
.nav-info .show > .nav-link,
.nav-pills.nav-info .nav-link.active,
.nav-pills.nav-info .show > .nav-link {
  background-color: #173878;
  color: #fff; }

.nav-light .nav-link,
.nav-pills.nav-light .nav-link {
  color: #E6E9EB; }

.nav-light .nav-link.active,
.nav-light .show > .nav-link,
.nav-pills.nav-light .nav-link.active,
.nav-pills.nav-light .show > .nav-link {
  background-color: #E6E9EB;
  color: #fff; }

.nav-dark .nav-link,
.nav-pills.nav-dark .nav-link {
  color: #2c323f; }

.nav-dark .nav-link.active,
.nav-dark .show > .nav-link,
.nav-pills.nav-dark .nav-link.active,
.nav-pills.nav-dark .show > .nav-link {
  background-color: #2c323f;
  color: #fff; }

.nav-warning .nav-link,
.nav-pills.nav-warning .nav-link {
  color: #FFAE1A; }

.nav-warning .nav-link.active,
.nav-warning .show > .nav-link,
.nav-pills.nav-warning .nav-link.active,
.nav-pills.nav-warning .show > .nav-link {
  background-color: #FFAE1A;
  color: #fff; }

.nav-tabs.nav-bottom .nav-item .nav-link.active,
.nav-tabs.nav-bottom .nav-item .nav-link.focus,
.nav-tabs.nav-bottom .nav-item .nav-link.hover {
  border-color: #fff #dee2e6 #dee2e6; }

.tab-content ~ .nav-tabs.border-tab {
  margin-bottom: 0;
  margin-top: 30px; }

.border-tab.nav-tabs {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 30px; }
  .border-tab.nav-tabs .nav-item .nav-link {
    font-size: 16px;
    color: #2c323f;
    text-align: center;
    padding: 10px 25px;
    border: none;
    border-bottom: none;
    transition: 0.3s; }
    @media (min-width: 576px) and (max-width: 1920px) {
      .border-tab.nav-tabs .nav-item .nav-link {
        padding-top: 0; } }
    .border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus, .border-tab.nav-tabs .nav-item .nav-link:hover {
      color: var(--theme-deafult); }
    .border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus {
      border-bottom: none; }

.border-tab.nav-left .nav-link {
  transition: all 0.3s ease;
  color: #2c323f; }

.border-tab.nav-left .nav-link.active,
.border-tab.nav-left .show > .nav-link {
  background-color: transparent;
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult);
  border-radius: 0;
  transition: all 0.3s ease; }

.border-tab.nav-right .nav-link {
  border-right: 2px solid transparent;
  transition: all 0.3s ease;
  color: #2c323f;
  text-align: right; }

.border-tab.nav-right .nav-link.active,
.border-tab.nav-right .show > .nav-link {
  background-color: transparent;
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult);
  border-radius: 0;
  transition: all 0.3s ease; }

.border-tab.nav-theme .nav-link.active,
.border-tab.nav-theme .nav-item.show,
.border-tab.nav-theme .nav-link:focus,
.border-tab.nav-theme .nav-link:hover {
  color: var(--theme-deafult);
  background-color: transparent; }

.border-tab.nav-theme .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus {
    border-bottom: 2px solid var(--theme-deafult); }
  .border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus, .border-tab.nav-theme .nav-item .nav-link:hover {
    color: var(--theme-deafult); }

.border-tab.nav-left.nav-theme .nav-link.active,
.border-tab.nav-left.nav-theme .show > .nav-link {
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-right.nav-theme .nav-link.active,
.border-tab.nav-right.nav-theme .show > .nav-link {
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-primary .nav-link.active,
.border-tab.nav-primary .nav-item.show,
.border-tab.nav-primary .nav-link:focus,
.border-tab.nav-primary .nav-link:hover {
  color: var(--theme-deafult);
  background-color: transparent; }

.border-tab.nav-primary .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus {
    border-bottom: 2px solid var(--theme-deafult); }
  .border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus, .border-tab.nav-primary .nav-item .nav-link:hover {
    color: var(--theme-deafult); }

.border-tab.nav-left.nav-primary .nav-link.active,
.border-tab.nav-left.nav-primary .show > .nav-link {
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-right.nav-primary .nav-link.active,
.border-tab.nav-right.nav-primary .show > .nav-link {
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-secondary .nav-link.active,
.border-tab.nav-secondary .nav-item.show,
.border-tab.nav-secondary .nav-link:focus,
.border-tab.nav-secondary .nav-link:hover {
  color: #FE6A49;
  background-color: transparent; }

.border-tab.nav-secondary .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-secondary .nav-item .nav-link.active, .border-tab.nav-secondary .nav-item .nav-link.show, .border-tab.nav-secondary .nav-item .nav-link:focus {
    border-bottom: 2px solid #FE6A49; }
  .border-tab.nav-secondary .nav-item .nav-link.active, .border-tab.nav-secondary .nav-item .nav-link.show, .border-tab.nav-secondary .nav-item .nav-link:focus, .border-tab.nav-secondary .nav-item .nav-link:hover {
    color: #FE6A49; }

.border-tab.nav-left.nav-secondary .nav-link.active,
.border-tab.nav-left.nav-secondary .show > .nav-link {
  border-left-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-right.nav-secondary .nav-link.active,
.border-tab.nav-right.nav-secondary .show > .nav-link {
  border-right-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-success .nav-link.active,
.border-tab.nav-success .nav-item.show,
.border-tab.nav-success .nav-link:focus,
.border-tab.nav-success .nav-link:hover {
  color: #00AC46;
  background-color: transparent; }

.border-tab.nav-success .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-success .nav-item .nav-link.active, .border-tab.nav-success .nav-item .nav-link.show, .border-tab.nav-success .nav-item .nav-link:focus {
    border-bottom: 2px solid #00AC46; }
  .border-tab.nav-success .nav-item .nav-link.active, .border-tab.nav-success .nav-item .nav-link.show, .border-tab.nav-success .nav-item .nav-link:focus, .border-tab.nav-success .nav-item .nav-link:hover {
    color: #00AC46; }

.border-tab.nav-left.nav-success .nav-link.active,
.border-tab.nav-left.nav-success .show > .nav-link {
  border-left-color: #00AC46;
  color: #00AC46; }

.border-tab.nav-right.nav-success .nav-link.active,
.border-tab.nav-right.nav-success .show > .nav-link {
  border-right-color: #00AC46;
  color: #00AC46; }

.border-tab.nav-danger .nav-link.active,
.border-tab.nav-danger .nav-item.show,
.border-tab.nav-danger .nav-link:focus,
.border-tab.nav-danger .nav-link:hover {
  color: #FE6A49;
  background-color: transparent; }

.border-tab.nav-danger .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-danger .nav-item .nav-link.active, .border-tab.nav-danger .nav-item .nav-link.show, .border-tab.nav-danger .nav-item .nav-link:focus {
    border-bottom: 2px solid #FE6A49; }
  .border-tab.nav-danger .nav-item .nav-link.active, .border-tab.nav-danger .nav-item .nav-link.show, .border-tab.nav-danger .nav-item .nav-link:focus, .border-tab.nav-danger .nav-item .nav-link:hover {
    color: #FE6A49; }

.border-tab.nav-left.nav-danger .nav-link.active,
.border-tab.nav-left.nav-danger .show > .nav-link {
  border-left-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-right.nav-danger .nav-link.active,
.border-tab.nav-right.nav-danger .show > .nav-link {
  border-right-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-info .nav-link.active,
.border-tab.nav-info .nav-item.show,
.border-tab.nav-info .nav-link:focus,
.border-tab.nav-info .nav-link:hover {
  color: #173878;
  background-color: transparent; }

.border-tab.nav-info .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-info .nav-item .nav-link.active, .border-tab.nav-info .nav-item .nav-link.show, .border-tab.nav-info .nav-item .nav-link:focus {
    border-bottom: 2px solid #173878; }
  .border-tab.nav-info .nav-item .nav-link.active, .border-tab.nav-info .nav-item .nav-link.show, .border-tab.nav-info .nav-item .nav-link:focus, .border-tab.nav-info .nav-item .nav-link:hover {
    color: #173878; }

.border-tab.nav-left.nav-info .nav-link.active,
.border-tab.nav-left.nav-info .show > .nav-link {
  border-left-color: #173878;
  color: #173878; }

.border-tab.nav-right.nav-info .nav-link.active,
.border-tab.nav-right.nav-info .show > .nav-link {
  border-right-color: #173878;
  color: #173878; }

.border-tab.nav-light .nav-link.active,
.border-tab.nav-light .nav-item.show,
.border-tab.nav-light .nav-link:focus,
.border-tab.nav-light .nav-link:hover {
  color: #E6E9EB;
  background-color: transparent; }

.border-tab.nav-light .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-light .nav-item .nav-link.active, .border-tab.nav-light .nav-item .nav-link.show, .border-tab.nav-light .nav-item .nav-link:focus {
    border-bottom: 2px solid #E6E9EB; }
  .border-tab.nav-light .nav-item .nav-link.active, .border-tab.nav-light .nav-item .nav-link.show, .border-tab.nav-light .nav-item .nav-link:focus, .border-tab.nav-light .nav-item .nav-link:hover {
    color: #E6E9EB; }

.border-tab.nav-left.nav-light .nav-link.active,
.border-tab.nav-left.nav-light .show > .nav-link {
  border-left-color: #E6E9EB;
  color: #E6E9EB; }

.border-tab.nav-right.nav-light .nav-link.active,
.border-tab.nav-right.nav-light .show > .nav-link {
  border-right-color: #E6E9EB;
  color: #E6E9EB; }

.border-tab.nav-dark .nav-link.active,
.border-tab.nav-dark .nav-item.show,
.border-tab.nav-dark .nav-link:focus,
.border-tab.nav-dark .nav-link:hover {
  color: #2c323f;
  background-color: transparent; }

.border-tab.nav-dark .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-dark .nav-item .nav-link.active, .border-tab.nav-dark .nav-item .nav-link.show, .border-tab.nav-dark .nav-item .nav-link:focus {
    border-bottom: 2px solid #2c323f; }
  .border-tab.nav-dark .nav-item .nav-link.active, .border-tab.nav-dark .nav-item .nav-link.show, .border-tab.nav-dark .nav-item .nav-link:focus, .border-tab.nav-dark .nav-item .nav-link:hover {
    color: #2c323f; }

.border-tab.nav-left.nav-dark .nav-link.active,
.border-tab.nav-left.nav-dark .show > .nav-link {
  border-left-color: #2c323f;
  color: #2c323f; }

.border-tab.nav-right.nav-dark .nav-link.active,
.border-tab.nav-right.nav-dark .show > .nav-link {
  border-right-color: #2c323f;
  color: #2c323f; }

.border-tab.nav-warning .nav-link.active,
.border-tab.nav-warning .nav-item.show,
.border-tab.nav-warning .nav-link:focus,
.border-tab.nav-warning .nav-link:hover {
  color: #FFAE1A;
  background-color: transparent; }

.border-tab.nav-warning .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-warning .nav-item .nav-link.active, .border-tab.nav-warning .nav-item .nav-link.show, .border-tab.nav-warning .nav-item .nav-link:focus {
    border-bottom: 2px solid #FFAE1A; }
  .border-tab.nav-warning .nav-item .nav-link.active, .border-tab.nav-warning .nav-item .nav-link.show, .border-tab.nav-warning .nav-item .nav-link:focus, .border-tab.nav-warning .nav-item .nav-link:hover {
    color: #FFAE1A; }

.border-tab.nav-left.nav-warning .nav-link.active,
.border-tab.nav-left.nav-warning .show > .nav-link {
  border-left-color: #FFAE1A;
  color: #FFAE1A; }

.border-tab.nav-right.nav-warning .nav-link.active,
.border-tab.nav-right.nav-warning .show > .nav-link {
  border-right-color: #FFAE1A;
  color: #FFAE1A; }

.flex-space {
  display: flex;
  gap: 16px; }
  @media (max-width: 576px) {
    .flex-space {
      justify-content: center; } }
.tab-img {
  height: 100px; }

.nav-item .navlink-title {
  background-color: unset;
  padding: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.simple-wrapper .dropdown-collection .dropdown-item:hover, .simple-wrapper .dropdown-collection .dropdown-item:active {
  background-color: #E6E9EB !important; }

.blog-wrapper .blog-img {
  width: 100px;
  height: 100px; }

.designer-details {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px; }
  @media (max-width: 1400px) {
    .designer-details {
      gap: calc(14px + (35 - 14) * ((100vw - 320px) / (1400 - 320))); } }
  .designer-details .designer-profile {
    display: inline-block; }
    .designer-details .designer-profile .designer-wrap {
      display: flex;
      align-items: center;
      gap: 12px; }
      .designer-details .designer-profile .designer-wrap .designer-img {
        height: 50px;
        border-radius: 100%; }
      .designer-details .designer-profile .designer-wrap .designer-content h6 {
        font-weight: 500; }
      .designer-details .designer-profile .designer-wrap .designer-content p {
        color: #999999; }

.nav-tabs .nav-border {
  color: #000;
  border: none; }

.ico-color {
  color: #FFAE1A;
  font-size: 16px; }

.main-inbox .header-inbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #999999;
  padding-bottom: 8px; }
  .main-inbox .header-inbox .header-left-inbox {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap; }
    .main-inbox .header-inbox .header-left-inbox .inbox-img img {
      width: 50px;
      height: 50px;
      border-radius: 100%; }
  .main-inbox .header-inbox .header-right-inbox {
    display: flex;
    gap: 12px; }
    @media (max-width: 560px) {
      .main-inbox .header-inbox .header-right-inbox {
        display: none; } }
.main-inbox .body-inbox .body-h-wrapper {
  display: flex;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--light-border);
  align-items: center; }
  @media (max-width: 630px) {
    .main-inbox .body-inbox .body-h-wrapper {
      align-items: unset; } }
.tab-space {
  font-size: 14px; }

#bottom-tab .nav-border.tab-primary:hover {
  color: #006666; }

#bottom-tab .nav-border.tab-primary:focus, #bottom-tab .nav-border.tab-primary:active, #bottom-tab .nav-border.tab-primary.active {
  color: #006666;
  border-bottom: 2px solid #006666; }

#bottom-tab .nav-border.tab-secondary:hover {
  color: #FE6A49; }

#bottom-tab .nav-border.tab-secondary:focus, #bottom-tab .nav-border.tab-secondary:active, #bottom-tab .nav-border.tab-secondary.active {
  color: #FE6A49;
  border-bottom: 2px solid #FE6A49; }

#bottom-tab .nav-border.tab-success:hover {
  color: #00AC46; }

#bottom-tab .nav-border.tab-success:focus, #bottom-tab .nav-border.tab-success:active, #bottom-tab .nav-border.tab-success.active {
  color: #00AC46;
  border-bottom: 2px solid #00AC46; }

#bottom-tab .nav-border.tab-danger:hover {
  color: #FE6A49; }

#bottom-tab .nav-border.tab-danger:focus, #bottom-tab .nav-border.tab-danger:active, #bottom-tab .nav-border.tab-danger.active {
  color: #FE6A49;
  border-bottom: 2px solid #FE6A49; }

#bottom-tab .nav-border.tab-warning:hover {
  color: #FFAE1A; }

#bottom-tab .nav-border.tab-warning:focus, #bottom-tab .nav-border.tab-warning:active, #bottom-tab .nav-border.tab-warning.active {
  color: #FFAE1A;
  border-bottom: 2px solid #FFAE1A; }

#bottom-tab .nav-border.tab-info:hover {
  color: #173878; }

#bottom-tab .nav-border.tab-info:focus, #bottom-tab .nav-border.tab-info:active, #bottom-tab .nav-border.tab-info.active {
  color: #173878;
  border-bottom: 2px solid #173878; }

#bottom-tab .nav-border.tab-light:hover {
  color: #E6E9EB; }

#bottom-tab .nav-border.tab-light:focus, #bottom-tab .nav-border.tab-light:active, #bottom-tab .nav-border.tab-light.active {
  color: #E6E9EB;
  border-bottom: 2px solid #E6E9EB; }

#bottom-tab .nav-border.tab-dark:hover {
  color: #2c323f; }

#bottom-tab .nav-border.tab-dark:focus, #bottom-tab .nav-border.tab-dark:active, #bottom-tab .nav-border.tab-dark.active {
  color: #2c323f;
  border-bottom: 2px solid #2c323f; }

#sideline-tab .nav-effect {
  display: inline-block;
  position: relative; }
  #sideline-tab .nav-effect::after {
    content: '';
    position: absolute;
    left: 0;
    display: inline-block;
    height: 14px;
    width: 80%;
    border-bottom: 1px solid;
    margin-top: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transform: scale(0, 1); }
  #sideline-tab .nav-effect:hover::after {
    opacity: 1;
    transform: scale(1); }

.tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link:hover, .tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link.active {
  background-color: unset;
  border-left: none;
  border-radius: 0;
  transition: none; }

@media (max-width: 576px) {
  .pills-blogger {
    justify-content: center;
    flex-wrap: wrap; } }

::placeholder {
  font-size: 14px; }

.material-wrapper {
  display: flex;
  gap: 12px; }
  @media (max-width: 576px) {
    .material-wrapper {
      flex-direction: column;
      align-items: center; } }
/**=====================
    2.29 Tab CSS Ends
==========================**/
/**=====================
    2.30 Table CSS Start
==========================**/
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: #E6E9EB; }

tbody tr:last-child {
  border-bottom: none; }

.pills-component {
  width: 20%; }

#row_create td.highlight {
  font-weight: 600;
  color: #006666; }

#row_create td.danger {
  font-weight: 600;
  color: #FE6A49; }

.table {
  margin-bottom: 0px; }
  .table > :not(:last-child) > :last-child > * {
    border-bottom-color: #ecf3fa; }
  .table th,
  .table td {
    padding: 0.75rem; }
  .table.table-primary th {
    color: #fff; }
  .table thead.bg-primary tr th {
    color: #fff; }
  .table th {
    color: #051A1A;
    font-weight: 500; }
    .table th.f-light {
      color: var(--chart-text-color);
      opacity: 0.8; }
  .table td {
    color: #051A1A; }
  .table [class*='bg-'] {
    color: #fff; }
  .table .bg-light {
    color: #051A1A; }
  .table tfoot {
    font-weight: bold; }

.table-dark th {
  color: #fff; }

.table-inverse {
  background-color: #292b2c; }
  .table-inverse tr {
    border: 1px solid #fff; }
  .table-inverse th, .table-inverse.table-bordered {
    border: 0; }
  .table-inverse th {
    color: #fff;
    border-color: #fff; }
  .table-inverse td {
    color: #fff; }

.table-hover > tbody > tr:hover {
  --bs-table-accent-bg: #f6f6f6; }

.table-hover tbody tr {
  vertical-align: middle; }
  .table-hover tbody tr:hover {
    background-color: rgba(0, 102, 102, 0.1); }
  .table-hover tbody tr td svg {
    width: 30px;
    height: 30px;
    padding: 5px;
    border-radius: 4px;
    margin-right: 10px; }
    [dir="rtl"] .table-hover tbody tr td svg {
      margin-right: unset;
      margin-left: 10px; }

.typography-table tr:last-child {
  border-bottom: none; }
  .typography-table tr:last-child td {
    border-bottom: none; }

.table-double {
  border-left: 4px double #dee2e6;
  border-right: 4px double #dee2e6; }
  .table-double thead,
  .table-double tbody,
  .table-double tfoot,
  .table-double tr,
  .table-double td,
  .table-double th {
    border-style: double;
    border-width: 4px;
    border-right: 0;
    border-left: 0; }

.table-dotted {
  border-left: 2px dotted #dee2e6;
  border-right: 2px dotted #dee2e6; }
  .table-dotted thead,
  .table-dotted tbody,
  .table-dotted tfoot,
  .table-dotted tr,
  .table-dotted td,
  .table-dotted th {
    border-style: dotted !important;
    border-width: 2px;
    border-right: 0;
    border-left: 0; }

.table-dashed {
  border: 1px dashed #E6E9EB; }
  .table-dashed thead,
  .table-dashed tbody,
  .table-dashed tfoot,
  .table-dashed tr,
  .table-dashed td,
  .table-dashed th {
    border-style: dashed !important;
    border-width: 1px;
    border-right: 0;
    border-left: 0;
    border-bottom: 0px !important; }

.table-xl td,
.table-xl th {
  padding: 1.25rem 2rem;
  font-size: 120%; }

.table-lg td,
.table-lg th {
  padding: 0.9rem 2rem;
  font-size: 110%; }

.table-de td,
.table-de th {
  padding: 0.75rem 2rem; }

.table-sm th,
.table-sm td {
  padding: 0.5rem 2rem;
  font-size: 90%; }

.table-xs th,
.table-xs td {
  padding: 0.2rem 2rem;
  font-size: 80%; }

.table-border-horizontal tr,
.table-border-horizontal th,
.table-border-horizontal td {
  border-top: 1px solid #f2f4ff;
  padding: 0.75rem 2rem; }

.table-border-vertical tr,
.table-border-vertical th,
.table-border-vertical td {
  border-top: 0;
  border-right: 1px solid #f2f4ff; }

.table-border-vertical tr td {
  border-bottom: 0; }
  .table-border-vertical tr td:last-child {
    border-right: none; }

.table-border-vertical tbody tr th {
  border-bottom: 0; }

.table-bordernone td {
  border: none !important; }

.table-bordernone thead th {
  border: none !important; }

.table-bordernone .u-s-tb {
  padding: 11px; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--light-background);
  --bs-table-accent-bg: unset; }

.table-bordered thead,
.table-bordered tbody,
.table-bordered tfoot,
.table-bordered tr,
.table-bordered td,
.table-bordered th {
  border-color: rgba(153, 153, 153, 0.3); }

/**=====================
    2.30 Table CSS Ends
==========================**/
/**=====================
   2.31 Toasts CSS Start
==========================**/
.toast-container {
  position: unset; }

.toast {
  width: 350px;
  max-width: 100%;
  font-size: .875rem;
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }

.toast-index {
  z-index: 12; }
  .toast-index.toast:not(.showing):not(.show) {
    opacity: 0; }
  .toast-index.toast-fade {
    transition: opacity 0.15s linear; }
  .toast-index.show {
    display: block; }

.toast-img img {
  width: 30px;
  height: 30px; }

.bd-example-toasts {
  min-height: 400px; }

.toast:not(.showing):not(.show) {
  opacity: 0; }

.toast-content {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 65px;
  margin: 0 auto;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

[dir="rtl"] .toast-rtl .toast .toast-header strong {
  margin-right: unset !important;
  margin-left: auto !important; }

[dir="rtl"] .toast-rtl .toast .btn-close {
  margin-right: 6px;
  margin-left: unset; }

@media (max-width: 1920px) {
  .toast-dark .btn {
    padding: calc(6px + (6 - 6) * ((100vw - 320px) / (1920 - 320))) calc(4px + (28 - 4) * ((100vw - 320px) / (1920 - 320))); } }

.toast-icons {
  margin-right: 6px;
  width: 20px;
  height: 20px; }
  [dir="rtl"] .toast-icons {
    margin-right: unset;
    margin-left: 6px; }

/**=====================
   2.31 Toasts CSS Ends
==========================**/
/**=====================
  2.32 Touchspin CSS Start
==========================**/
.bootstrap-touchspin input.touchspin {
  padding: 0 12px; }

.bootstrap-touchspin .input-group .btn {
  padding: 0.5rem 1.75rem; }

.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical .bootstrap-touchspin-down {
    margin-top: -2px; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical i {
    position: absolute;
    top: 4px;
    left: 7px;
    font-size: 10px;
    font-weight: normal; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 9px;
    margin-left: -1px;
    position: relative; }

.bootstrap-touchspin .input-group {
  font-family: "Montserrat", sans-serif; }
  .bootstrap-touchspin .input-group .btn {
    border-radius: 0 !important; }

.bootstrap-touchspin .dropdown-basic .dropdown .dropbtn {
  padding: 9px 30px; }

.bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content {
  z-index: 9999; }

.touchspin-wrapper .btn-touchspin {
  border-radius: 5px;
  width: 32px;
  height: 32px; }

.touchspin-wrapper input[type='number'] {
  width: 85px;
  padding: 3px;
  text-align: center;
  height: 30px; }

.hover-touchspin .btn-touchspin.spin-border-dark:hover {
  background-color: #2c323f;
  color: #fff; }

.pre-post-touchspin .decrement-touchspin,
.pre-post-touchspin .increment-touchspin,
.pre-post-touchspin .input-group-text {
  padding: 7px 14px;
  border: 0; }

.pre-post-touchspin .input-group-text {
  background-color: var(--light-bg); }

.pre-post-touchspin .input-touchspin {
  border: 1px solid var(--course-light-btn);
  border-width: 2px;
  text-align: center; }

.pre-post-touchspin .input-group {
  width: auto; }
  @media (max-width: 768px) {
    .pre-post-touchspin .input-group .input-touchspin {
      width: 100px; } }
.pre-post-touchspin.bg-touchspin button[type='button'] {
  border: 1px solid var(--course-light-btn);
  border-width: 2px;
  text-align: center; }

.pre-post-touchspin .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.rounded-touchspin .btn-touchspin {
  border-radius: 50%; }

.rounded-touchspin .touchspin-wrapper input.input-touchspin[type="number"] {
  border-radius: 15px; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; }

/**=====================
    2.32 Touchspin CSS Ends
==========================**/
/**=====================
  2.33 Tour CSS Start
==========================**/
.introjs-helperLayer {
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); }

.introjs-tooltipReferenceLayer {
  background-color: transparent; }

.introjs-helperNumberLayer {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: #FE6A49;
  background: linear-gradient(to bottom, var(--theme-deafult) 0%, var(--theme-deafult) 100%);
  border: 3px solid #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); }

.introjs-arrow {
  border: 12px solid #fff; }
  .introjs-arrow.top {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-deafult);
    border-left-color: transparent; }
  .introjs-arrow.top-right {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-deafult);
    border-left-color: transparent; }
  .introjs-arrow.top-middle {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-deafult);
    border-left-color: transparent; }
  .introjs-arrow.right {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: var(--theme-deafult); }
  .introjs-arrow.right-bottom {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: var(--theme-deafult); }
  .introjs-arrow.bottom {
    border-top-color: var(--theme-deafult);
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  .introjs-arrow.left {
    border-top-color: transparent;
    border-right-color: var(--theme-deafult);
    border-bottom-color: transparent;
    border-left-color: transparent; }
  .introjs-arrow.left-bottom {
    border-top-color: transparent;
    border-right-color: var(--theme-deafult);
    border-bottom-color: transparent;
    border-left-color: transparent; }

.introjs-tooltip {
  background-color: var(--theme-deafult);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  color: #fff;
  border-color: var(--theme-deafult);
  min-width: calc(275px + (310 - 275) * ((100vw - 320px) / (1920 - 320)));
  max-width: 400px;
  min-height: 90px; }

.introjs-button {
  border: 1px solid #efefef;
  text-shadow: 1px 1px 0 #fff;
  color: #051A1A !important;
  background-color: #fff;
  background-image: linear-gradient(#fff, #fff);
  font-size: 13px; }
  .introjs-button:hover {
    border-color: #efefef; }
  .introjs-button:focus, .introjs-button:active {
    background-image: linear-gradient(#ecf3fa, #efefef); }

.introjs-skipbutton {
  color: var(--theme-deafult); }

.introjs-prevbutton.introjs-fullbutton {
  border: 1px solid #efefef; }

.introjs-disabled {
  color: var(--theme-deafult);
  border-color: #efefef; }
  .introjs-disabled:hover, .introjs-disabled:focus {
    color: var(--theme-deafult);
    border-color: #efefef; }

.introjs-bullets ul li a {
  background: #ecf3fa; }
  .introjs-bullets ul li a:hover {
    background: #fff; }
  .introjs-bullets ul li a.active {
    background: #fff; }

.introjs-progress {
  background-color: #E6E9EB; }

.introjs-progressbar {
  background-color: var(--theme-deafult); }

.introjs-hint:hover > .introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.57); }

.introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.27);
  background-color: rgba(136, 136, 136, 0.24); }

.introjs-hint-dot {
  border: 10px solid rgba(146, 146, 146, 0.36); }

.media-body .tour-wrapper {
  display: flex;
  align-items: center;
  gap: 8px; }
  .media-body .tour-wrapper .tour-dot {
    font-size: 5px; }

.tour-blog {
  height: 350px; }
  @media (max-width: 992px) {
    .tour-blog {
      height: calc(200px + (350 - 200) * ((100vw - 320px) / (992 - 320))); } }
  .tour-blog img {
    height: 100%;
    object-fit: cover; }

.info h6 {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); }

.info span {
  font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320))); }

.tour-email {
  display: flex;
  flex-direction: column; }
  @media (max-width: 576px) {
    .tour-email {
      align-items: center; } }
.block-ellipsis {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  margin: 0 auto;
  font-size: 14px;
  line-height: 26px !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.profile-img-style h5 {
  line-height: 25px; }

.list-inline .list-inline-item.b-r-gray {
  border-right: 1px solid #E6E9EB; }

.social-tour {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 26px; }
  .social-tour .list-inline {
    display: flex;
    justify-content: center;
    gap: calc(12px + (26 - 12) * ((100vw - 320px) / (1920 - 320))); }
    .social-tour .list-inline .list-inline-item {
      margin-right: 0; }
      .social-tour .list-inline .list-inline-item a {
        padding: 0px; }
        .social-tour .list-inline .list-inline-item a i {
          font-size: 18px; }
    @media (max-width: 599px) {
      .social-tour .list-inline {
        display: none; } }
  .social-tour .float-sm-end {
    min-width: 81px; }

.tour-mb-space {
  margin-bottom: calc(2px + (8 - 2) * ((100vw - 320px) / (1920 - 320))); }

.like-comment .list-inline {
  justify-content: flex-start; }
  @media (max-width: 324px) {
    .like-comment .list-inline {
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 8px; } }
  [dir="rtl"] .like-comment .list-inline .list-inline-item {
    border-right: 0;
    border-left: 1px solid #E6E9EB; }
  [dir="rtl"] .like-comment .list-inline .list-inline-item:last-child {
    border-right: 0;
    border-left: unset; }

/**=====================
  2.33 Tour CSS Ends
==========================**/
/**=====================
   2.34 Tree CSS Start
==========================**/
[dir="rtl"] .treejs .treejs-nodes {
  padding-left: unset;
  padding-right: 20px; }

[dir="rtl"] .treejs .treejs-node.treejs-placeholder {
  padding-right: 20px;
  padding-left: unset; }

.treejs .treejs-node__halfchecked > .treejs-checkbox:before {
  background-color: #006666 !important;
  border-color: #006666 !important; }

[dir="rtl"] .treejs .treejs-node__halfchecked > .treejs-checkbox:after {
  right: 3px;
  left: unset; }

.treejs .treejs-node__checked > .treejs-checkbox:before {
  background-color: #00AC46 !important;
  border-color: #2c323f !important; }

[dir="rtl"] .treejs .treejs-node__checked > .treejs-checkbox:after {
  right: 5px;
  left: unset; }

/**=====================
   2.34 Tree CSS Ends
==========================**/
/**=====================
    2.35 Typeahead-search CSS Start
==========================**/
.Typeahead {
  width: 100%; }
  .Typeahead * {
    box-sizing: border-box; }
    .Typeahead *:before {
      box-sizing: border-box; }
    .Typeahead *:after {
      box-sizing: border-box; }
  .Typeahead .tt-hint {
    display: none !important; }

.u-cf:before {
  content: " ";
  display: table; }

.u-cf:after {
  content: " ";
  display: table;
  clear: both; }

.u-hidden {
  display: none !important; }

.u-posRelative {
  position: relative; }

.Typeahead-spinner {
  position: absolute;
  top: 14px;
  right: 18px;
  display: none;
  color: #c5c5c5; }

.ProfileCard-avatar svg {
  height: 18px;
  vertical-align: bottom; }
  .ProfileCard-avatar svg path {
    color: #7e7c7c !important; }
  .ProfileCard-avatar svg polygon {
    color: #7e7c7c !important; }

.Typeahead-hint {
  width: 100%;
  padding: 5px 8px;
  font-size: 24px;
  line-height: 30px;
  border: 1px solid #024e6a;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  color: #ccd6dd;
  opacity: 1; }

.Typeahead-menu {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 15px;
  z-index: 100;
  display: none;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.Typeahead-menu.is-open {
  display: block; }

.Typeahead-selectable {
  cursor: pointer; }
  .Typeahead-selectable + .Typeahead-selectable {
    border-top: 1px solid #ccd6dd; }

.ProfileCard {
  position: relative;
  padding: 10px;
  border: 1px solid #E6E9EB !important;
  margin-bottom: 10px;
  border-radius: 10px; }
  .ProfileCard:hover {
    color: #414345;
    background: #f8f8f8; }
    .ProfileCard:hover .ProfileCard-avatar {
      border-color: #f5f8fa; }
    .ProfileCard:hover .ProfileCard-screenName {
      color: #fff; }
    .ProfileCard:hover .ProfileCard-stat-label {
      color: #fff; }

.ProfileCard-avatar {
  position: absolute;
  border-radius: 5px; }

.ProfileCard-details {
  padding-left: 35px;
  float: left; }

.ProfileCard-realName {
  display: inline-block;
  color: #898989; }

.ProfileCard-screenName {
  display: inline-block;
  color: #898989; }

.ProfileCard-description {
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px; }

.ProfileCard-stats {
  float: right;
  text-align: right; }

.ProfileCard-stat {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase; }
  .ProfileCard-stat + .ProfileCard-stat {
    margin-left: 5px; }

.ProfileCard-stat-label {
  color: #898989;
  font-weight: 500; }

.ProfileCard.is-active {
  color: #fff;
  background: var(--theme-deafult); }
  .ProfileCard.is-active .ProfileCard-screenName {
    color: #fff; }
  .ProfileCard.is-active .ProfileCard-stat-label {
    color: #fff; }

.EmptyMessage {
  position: relative;
  padding: 10px;
  font-size: 14px;
  line-height: 30px;
  text-align: center; }

.Typeahead-spinner {
  width: 1rem;
  height: 1rem; }

.sey-container {
  display: none;
  position: absolute;
  box-shadow: 1px 2px 6px;
  background-color: #fff;
  color: #333;
  transition: left 0.1s ease-in-out;
  z-index: 1; }

.sey-list {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.sey-show {
  display: block; }

.sey-hide {
  display: none; }

.sey-empty {
  cursor: default;
  padding: 7px; }

.sey-item {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 7px; }
  .sey-item:hover {
    background-color: #444;
    color: #fff; }

.sey-selected {
  background-color: #333;
  color: #fff; }

.sey-char-highlight {
  font-weight: bold; }

.sey-category-id {
  background-color: #eee;
  color: #aaa;
  text-align: right;
  text-transform: capitalize;
  font-style: italic;
  font-size: 12px;
  box-shadow: 1px 0px 1px;
  padding: 7px; }

/**=====================
  2.35 Typeahead-search CSS Ends
==========================**/
/**=====================
    2.8 Scrollbar CSS Start
==========================**/
[data-simplebar] {
  position: unset; }

.simplebar-mask {
  top: 80px; }

.simplebar-track {
  right: -2px; }
  .simplebar-track.simplebar-vertical {
    top: 100px;
    width: 10px; }
  .simplebar-track.simplebar-horizontal {
    visibility: hidden !important; }

.simplebar-scrollbar:before {
  background: rgba(0, 102, 102, 0.2); }

.scrollbar-images {
  margin-bottom: 12px; }

.visible-wrapper img {
  width: calc(230px + (330 - 230) * ((100vw - 320px) / (1920 - 320))) !important;
  height: calc(230px + (330 - 230) * ((100vw - 320px) / (1920 - 320))); }

.horizontal-scroll .horz-scroll-content .horizontal-img {
  height: 100%;
  max-width: 240px; }
  @media (max-width: 576px) {
    .horizontal-scroll .horz-scroll-content .horizontal-img {
      max-width: calc(220px + (240 - 220) * ((100vw - 320px) / (576 - 320))); } }
  .horizontal-scroll .horz-scroll-content .horizontal-img img {
    height: 100%;
    object-fit: cover; }

.scroll-demo.scroll-b-none {
  padding: 0;
  border: none; }

[dir="rtl"] .scroll-demo .scroll-rtl .list-group-item span {
  margin-right: auto; }

/**=====================
    2.8 Scrollbar CSS Ends
==========================**/
/**=====================
   3.1 Blog CSS start
==========================**/
.blog-box img {
  border-radius: 0.25rem; }

.blog-box .top-radius-blog {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.blog-box h6 {
  font-weight: 600;
  margin: 15px 0; }

.blog-box .blog-details {
  padding-right: 20px; }
  .blog-box .blog-details .blog-social {
    margin-top: 30px; }
    .blog-box .blog-details .blog-social li {
      display: inline-block;
      font-size: 12px;
      color: var(--body-font-color); }
      .blog-box .blog-details .blog-social li + li {
        padding-left: 20px;
        line-height: 1;
        padding-right: 0; }
      .blog-box .blog-details .blog-social li span {
        color: var(--body-font-color); }
      .blog-box .blog-details .blog-social li i {
        padding-right: 5px;
        font-weight: 300; }
      .blog-box .blog-details .blog-social li:first-child {
        border-right: 1px solid gray;
        padding-right: 20px; }

.blog-box .blog-details-main hr {
  background-color: #E6E9EB; }

.blog-box .blog-details-main .blog-social {
  margin: 20px 0; }
  .blog-box .blog-details-main .blog-social li {
    display: inline-block;
    font-size: 13px;
    color: var(--body-font-color);
    padding: 0 24px;
    border-right: 1px dotted; }
    @media (max-width: 1676px) {
      .blog-box .blog-details-main .blog-social li {
        padding: 0 10px; } }
    .blog-box .blog-details-main .blog-social li:last-child {
      border-right: 0; }
    .blog-box .blog-details-main .blog-social li i {
      padding-right: 5px; }

.blog-box .blog-details-main .blog-bottom-details {
  margin: 20px;
  font-size: 14px;
  line-height: 1.714;
  font-weight: 500; }

.blog-box .blog-date {
  color: var(--body-font-color); }
  .blog-box .blog-date span {
    font-size: 36px;
    font-weight: 600;
    padding-right: 5px; }

.blog-box.blog-shadow:before {
  box-shadow: inset 0px -200px 100px -13px rgba(0, 0, 0, 0.6);
  transition: all 0.3s ease;
  border-radius: 5px;
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
  bottom: 0; }

.blog-box.blog-shadow:hover:before {
  box-shadow: inset 0px -200px 100px -13px rgba(0, 0, 0, 0.65);
  transition: all 0.3s ease; }

.blog-box.blog-shadow .blog-details {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px; }
  .blog-box.blog-shadow .blog-details h4 {
    color: #fff;
    margin-bottom: 0; }
  .blog-box.blog-shadow .blog-details p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px; }
  .blog-box.blog-shadow .blog-details .blog-social li {
    color: #fff; }

.blog-list .blog-details .blog-social {
  margin-top: 0; }

.blog-list .blog-details h6 {
  margin-top: 0;
  color: gray;
  font-weight: 600; }

.blog-list .blog-details hr {
  margin-top: 10px;
  margin-bottom: 10px; }

.blog-list img {
  padding: 17px; }

.blog-grid img {
  width: 100%; }

.blog-grid .blog-details {
  padding: 20px; }
  .blog-grid .blog-details h6 {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.8; }

.blog-box {
  position: relative;
  max-height: 100%;
  align-items: center; }
  .blog-box .blog-details h6 {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
  .blog-box .blog-details p {
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.7px;
    margin-top: 30px;
    margin-bottom: 0;
    color: var(--body-font-color);
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
    @media (max-width: 1570px) {
      .blog-box .blog-details p {
        -webkit-line-clamp: 2; } }
  .blog-box .blog-details h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 20px;
    margin-bottom: 0; }
  .blog-box .blog-details .single-blog-content-top {
    margin-top: 20px;
    border-top: 1px solid #efefef; }
  .blog-box .blog-details .blog-social li,
  .blog-box .blog-details .comment-social li {
    font-size: 14px; }

.comment-box {
  padding-top: 50px; }
  .comment-box hr {
    margin-top: 20px;
    margin-bottom: 30px; }
  .comment-box li {
    margin-bottom: 30px; }
    .comment-box li:last-child {
      margin-bottom: 0; }
  .comment-box ul ul {
    margin-left: 135px; }
  .comment-box p {
    font-size: 14px;
    line-height: 2;
    color: var(--body-font-color);
    text-align: justify;
    margin-bottom: 0; }
  .comment-box h4 {
    font-weight: 600; }
  .comment-box .media img {
    margin-right: 30px;
    border-radius: 10px;
    height: 90px;
    padding: 7px;
    width: 90px;
    border: 1px solid #efefef; }
  .comment-box .media h6 {
    font-weight: 500;
    margin-bottom: 5px; }
    .comment-box .media h6 span {
      padding-left: 10px;
      font-size: 13px;
      color: var(--body-font-color);
      font-weight: 400; }
  .comment-box .comment-social li {
    display: inline-block;
    color: var(--body-font-color);
    padding-left: 20px;
    margin-bottom: 0;
    text-transform: uppercase; }
    .comment-box .comment-social li:first-child {
      border-right: 1px solid #efefef;
      padding-right: 20px; }
    .comment-box .comment-social li i {
      padding-right: 10px; }

/**=====================
   3.1 Blog CSS ends
==========================**/
/**=====================
    3.2 Bookmark-app CSS Start
==========================**/
.modal-bookmark .modal-body,
.modal-bookmark .modal-header {
  padding: 30px; }

.bookmark-wrap .details-bookmark .row > div + div {
  padding-right: 15px !important; }

.bookmark-wrap .left-bookmark {
  height: 700px; }
  .bookmark-wrap .left-bookmark .media .media-body p {
    color: #2c323f; }
  .bookmark-wrap .left-bookmark ul li button {
    color: #051A1A;
    border: none;
    cursor: pointer; }
    .bookmark-wrap .left-bookmark ul li button:focus {
      outline: none; }
  .bookmark-wrap .left-bookmark ul li svg {
    width: 18px;
    height: 18px;
    vertical-align: middle; }
  .bookmark-wrap .left-bookmark ul li > .main-title {
    color: var(--theme-deafult);
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
    font-size: 16px; }
    .bookmark-wrap .left-bookmark ul li > .main-title span a:hover {
      background-color: transparent; }
    .bookmark-wrap .left-bookmark ul li > .main-title svg {
      color: #898989;
      stroke-width: 1px; }
  .bookmark-wrap .left-bookmark ul li a > .title {
    text-transform: capitalize; }

.bookmark-wrap.todo-wrap .left-bookmark {
  height: unset; }

.form-bookmark a {
  text-transform: capitalize !important;
  color: var(--theme-deafult) !important;
  line-height: 1 !important;
  font-weight: 500; }
  .form-bookmark a:hover {
    background-color: transparent !important; }

.form-bookmark input#index_var {
  display: none; }

.form-bookmark input,
.form-bookmark select {
  font-size: 14px; }

.form-bookmark .select2-container .select2-selection--single {
  border-color: #ced4da; }

.form-bookmark .select2 {
  width: 100% !important; }

.form-bookmark .error {
  margin: 0 !important;
  font-size: 11px;
  color: red !important; }

.form-bookmark button {
  margin-top: 10px; }

@keyframes displayTransition {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.bookmark-tabcontent .details-bookmark {
  height: auto;
  min-height: 359px; }
  .bookmark-tabcontent .details-bookmark .bookmark-card {
    position: relative; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
      padding: 3px;
      border-radius: 4px;
      background-color: rgba(0, 0, 0, 0.2);
      width: 30px;
      position: absolute;
      right: 15px;
      top: 15px;
      opacity: 0; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon i {
        color: #fff;
        font-size: 16px;
        vertical-align: text-bottom; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon.favourite i {
        color: #fed112; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data {
      width: 100%; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data .content-general {
        display: none; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
      transition: 0.5s; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark {
      text-align: left;
      padding: 15px;
      border-top: 1px solid #E6E9EB;
      position: relative; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark h6 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark p {
        animation: displayTransition 1s; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block {
        opacity: 0;
        position: absolute;
        width: 100%;
        padding: 15px;
        top: 30px;
        left: 0; }
        .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li {
          display: inline-block; }
          .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li + li {
            margin-left: 5px; }
          .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li svg {
            width: 16px;
            height: 16px;
            color: #898989; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover {
      box-shadow: 1px 4px 16px 3px rgba(0, 0, 0, 0.04);
      transition: 0.5s; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark p {
        opacity: 0; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark .hover-block {
        opacity: 1;
        animation: displayTransition 2s; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .favourite-icon {
        opacity: 1; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .row > div {
    flex: 0 0 100%;
    max-width: 100%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .desciption-data .content-general {
    display: block; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website {
    display: flex;
    align-items: center; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
      opacity: 1; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
      position: absolute;
      right: 30px;
      opacity: 1;
      text-align: right; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block {
      opacity: 1;
      animation: displayTransition 0s; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark {
    border-top: none; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark p,
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 {
      margin-top: 0;
      display: inline-block; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 {
      position: relative;
      padding-right: 15px;
      margin-bottom: -5px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6::after {
        position: absolute;
        content: '-';
        right: 0;
        color: #898989; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general {
      margin-top: 5px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p {
        width: 68%;
        margin-right: 20px; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 20%; }

.bookmark-tabcontent .tab-content .card .d-flex {
  justify-content: space-between; }
  .bookmark-tabcontent .tab-content .card .d-flex svg {
    width: 18px;
    height: 18px;
    vertical-align: middle; }
  .bookmark-tabcontent .tab-content .card .d-flex ul li {
    display: inline-block; }
    .bookmark-tabcontent .tab-content .card .d-flex ul li + li {
      margin-left: 5px; }

.bookmark-tabcontent .tab-content .tab-pane > .card {
  box-shadow: none; }

@media only screen and (max-width: 1660px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p {
    display: none; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block {
    margin-top: 6px; } }

@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .bookmark-wrap .left-bookmark ul li .btn-block svg {
    display: none; } }

@media only screen and (max-width: 1366px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 40%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block {
    top: 80px; } }

@media only screen and (max-width: 1199px) {
  .bookmark-wrap .left-bookmark {
    height: auto; }
  .bookmark-tabcontent .details-bookmark {
    min-height: auto; } }

@media only screen and (max-width: 991px) {
  .modal-bookmark .modal-body,
  .modal-bookmark .modal-header {
    padding: 20px; } }

@media only screen and (max-width: 767px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 172px; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block p {
    display: none; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block ul {
    position: relative;
    right: unset;
    top: unset; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 45%; } }

@media only screen and (max-width: 575px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 100%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website {
    display: block; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark {
      padding-left: 15px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
        position: relative;
        right: unset;
        text-align: left;
        top: unset;
        padding: 0; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .content-general {
        display: none; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p,
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6 {
        display: block; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6::after {
        display: none; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
        margin-top: 15px; }
  .modal-bookmark .modal-body,
  .modal-bookmark .modal-header {
    padding: 15px; } }

/**=====================
  3.2 Bookmark-app CSS Ends
==========================**/
/**=====================
    3.3 Cart CSS start
==========================**/
.cart .total-amount {
  text-align: right !important;
  margin-top: 30px; }

.cart .amount-space {
  margin-left: 40px; }

.cart .cart-btn-transform {
  text-transform: capitalize; }

.cart .qty-box {
  width: 25%;
  margin: 0 auto; }
  .cart .qty-box .input-group .btn {
    background-color: #ddd !important;
    border-color: #ddd !important;
    padding: 8px 12px; }

.cart-buttons {
  margin-top: 30px; }
  .cart-buttons .cart-btn {
    float: right;
    padding-right: 85px; }

/**=====================
    3.3 Cart CSS Ends
==========================**/
/**=====================
   3.5 Chat CSS Start
==========================**/
.radial-bar.radial-bar-lg > img, .radial-bar.radial-bar-lg:after {
  width: 70px;
  height: 70px;
  margin-left: 15px;
  margin-top: 15px;
  line-height: 70px; }

.radial-bar.radial-bar-sm > img, .radial-bar.radial-bar-sm:after {
  width: 35px;
  height: 35px;
  margin-left: 7.5px;
  margin-top: 7.5px;
  line-height: 35px; }

.radial-bar.radial-bar-xs > img, .radial-bar.radial-bar-xs:after {
  width: 20px;
  height: 20px;
  margin-left: 5.5px;
  margin-top: 4.5px;
  line-height: 21px; }

.chart-block canvas {
  width: 100% !important; }

.chart-block .chart-overflow {
  overflow: hidden;
  text-align: center; }

.candidcahrt {
  width: 100%;
  height: 470px; }

.amcharts-export-canvas {
  position: absolute;
  display: none;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff; }
  .amcharts-export-canvas .canvas-container {
    transition: opacity .5s ease-out; }
  .amcharts-export-canvas.active {
    display: block; }
  .amcharts-export-canvas.dropbox .canvas-container {
    opacity: .5; }

.flot-chart-container {
  box-sizing: border-box;
  width: 100%;
  height: 400px; }
  .flot-chart-container #toggling-series-flot {
    width: 79% !important; }

.all-chart .flot-chart-container {
  height: 350px; }

.flot-chart-placeholder {
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 1.2em;
  text-align: center; }
  .flot-chart-placeholder .legend table {
    border-spacing: 5px; }

.morris-hover {
  position: absolute;
  z-index: 1; }
  .morris-hover.morris-default-style {
    border-radius: 10px;
    padding: 6px;
    color: #898989;
    background: #fff;
    border: solid 1px #ecf3fa;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    text-align: center; }
    .morris-hover.morris-default-style .morris-hover-row-label {
      font-weight: bold;
      margin: 0.25em 0; }
    .morris-hover.morris-default-style .morris-hover-point {
      white-space: nowrap;
      margin: 0.1em 0; }

.chart-sparkline {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  background: rgba(49, 49, 49, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  color: #fff;
  font: 10px "Montserrat", sans-serif, "Montserrat", sans-serif;
  text-align: left;
  white-space: nowrap;
  padding: 5px;
  border: 1px solid rgba(49, 49, 49, 0.75);
  box-sizing: content-box;
  z-index: 10000;
  border-radius: 5px; }
  .chart-sparkline .jqsfield {
    color: #fff;
    font: 10px "Montserrat", sans-serif, "Montserrat", sans-serif;
    text-align: left; }

.radial-bar {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  background-color: transparent;
  box-sizing: content-box;
  width: 80px;
  height: 80px;
  font-size: 18px;
  background-clip: content-box; }
  .radial-bar:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    color: #455a64;
    content: attr(data-label);
    background-color: #fff;
    z-index: 1;
    width: 56px;
    height: 56px;
    margin-left: 12px;
    margin-top: 12px;
    line-height: 56px; }
  .radial-bar > img {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    color: #455a64;
    z-index: 3;
    width: 56px;
    height: 56px;
    margin-left: 12px;
    margin-top: 12px;
    line-height: 56px; }

.radial-bar-danger.radial-bar-20 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(162deg, #FE6A49 50%, #efefef 50%, #efefef); }

.radial-bar.radial-bar-lg {
  width: 100px;
  height: 100px;
  font-size: 20px; }

.radial-bar.radial-bar-sm {
  width: 50px;
  height: 50px;
  font-size: 12px; }

.radial-bar.radial-bar-xs {
  width: 30px;
  height: 30px;
  font-size: 8px; }

.pieLabel div {
  color: #fff !important; }
  .pieLabel div input[type=checkbox] {
    margin: 7px; }

.knob-chart {
  min-height: 255px; }
  .knob-chart .chart-clock-main {
    position: relative;
    width: 200px;
    margin: 45px auto; }
    .knob-chart .chart-clock-main .clock-large {
      position: absolute;
      left: -48px;
      top: -45px; }
    .knob-chart .chart-clock-main .clock-medium {
      position: absolute;
      left: 2px;
      top: 5px; }
    .knob-chart .chart-clock-main .clock-small {
      position: absolute;
      left: 15px;
      top: 55px; }

.peity-charts svg {
  width: 100%;
  height: 250px; }

.peity-charts.peity-chart-primary svg polygon {
  fill: rgba(0, 102, 102, 0.2); }

.peity-charts.peity-chart-primary svg polyline {
  stroke: var(--theme-deafult); }

.bar-odd-even svg rect:nth-child(odd) {
  fill: var(--theme-deafult); }

.bar-odd-even svg rect:nth-child(even) {
  fill: var(--theme-secondary); }

.donut-peity svg path:nth-child(odd) {
  fill: var(--theme-deafult); }

.donut-peity svg path:nth-child(even) {
  fill: var(--theme-secondary); }

.small-donut ~ svg path:nth-child(odd),
.small-donut svg path:nth-child(odd),
.donut-peity2 ~ svg path:nth-child(odd),
.donut-peity2 svg path:nth-child(odd),
.pie-peity ~ svg path:nth-child(odd),
.pie-peity svg path:nth-child(odd) {
  fill: var(--theme-deafult); }

.small-donut ~ svg path:nth-child(even),
.small-donut svg path:nth-child(even),
.donut-peity2 ~ svg path:nth-child(even),
.donut-peity2 svg path:nth-child(even),
.pie-peity ~ svg path:nth-child(even),
.pie-peity svg path:nth-child(even) {
  fill: #efefef; }

.small-donut2 ~ svg path:nth-child(odd) {
  fill: var(--theme-secondary); }

.small-donut3 ~ svg path:nth-child(odd) {
  fill: #00AC46; }

.small-donut4 ~ svg path:nth-child(odd) {
  fill: #173878; }

.small-donut5 ~ svg path:nth-child(odd) {
  fill: #FFAE1A; }

.small-donut6 ~ svg path:nth-child(odd) {
  fill: #FE6A49; }

p.data-attributes svg {
  margin-right: 10px; }

.knob-block {
  position: relative; }
  .knob-block input {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    margin-left: 0 !important;
    margin-top: -3px !important; }

.knob-input-disable input {
  display: none !important; }

.apex-chart {
  margin: 0 auto; }

.apexcharts-toolbar {
  z-index: 1 !important; }

.apexcharts-menu-item {
  width: 110px; }

.word-tree {
  height: 400px; }

.ct-series-a .ct-slice-pie,
.ct-series-a .ct-slice-donut-solid,
.ct-series-a .ct-area {
  fill: var(--theme-deafult); }

.ct-series-a .ct-point,
.ct-series-a .ct-line,
.ct-series-a .ct-bar,
.ct-series-a .ct-slice-donut {
  stroke: var(--theme-deafult); }

.ct-series-b .ct-point,
.ct-series-b .ct-line,
.ct-series-b .ct-bar,
.ct-series-b .ct-slice-donut {
  stroke: var(--theme-secondary); }

.ct-series-b .ct-slice-pie,
.ct-series-b .ct-slice-donut-solid,
.ct-series-b .ct-area {
  fill: var(--theme-secondary); }

.ct-series-g .ct-point,
.ct-series-g .ct-line,
.ct-series-g .ct-bar,
.ct-series-g .ct-slice-donut {
  stroke: #FFAE1A; }

.ct-series-g .ct-slice-pie,
.ct-series-g .ct-slice-donut-dashed,
.ct-series-g .ct-area {
  fill: #FFAE1A; }

.apache-cotainer {
  width: 100%;
  height: 350px;
  margin: 0; }

.boxplot-cotainer {
  height: 420px; }

.apache-cotainer-large {
  width: 100%;
  height: 500px;
  margin: 0; }

.test-buttons button + button {
  margin-left: 10px; }

.clip-chart-wrapper .test-chart-block {
  margin-bottom: -30px; }

#echart-gauge .test-chart {
  width: 100%;
  height: 395px; }

.polar-line {
  height: 350px; }

#dotted {
  height: 390px; }

.apexcharts-canvas .apexcharts-tooltip,
.apexcharts-canvas .apexcharts-xaxistooltip,
.apexcharts-canvas .apexcharts-yaxistooltip {
  z-index: 1; }

@media (max-width: 1346px) {
  .flot-chart-container .flot-chart-placeholder ~ p.float-end {
    float: left !important; }
    [dir="rtl"] .flot-chart-container .flot-chart-placeholder ~ p.float-end {
      float: right !important; } }

/**=====================
    3.5 Chat CSS End
==========================**/
/**=====================
     14. Chat CSS Start
==========================**/
.status-circle {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 4px;
  left: 44px;
  border-radius: 50%;
  border: 2px solid #fff; }

.user-image {
  height: 52px;
  margin-right: 5px; }
  .user-image .about {
    float: left;
    margin-top: 5px;
    padding-left: 10px; }
    .user-image .about .name {
      color: #2c323f;
      letter-spacing: 1px;
      font-weight: 500; }

.left-sidebar-wrapper {
  padding: 20px;
  border-radius: 10px 0 0 10px;
  z-index: 1;
  border: 2px solid var(--white);
  border-right: unset;
  /* ===== Scrollbar CSS ===== */
  /* Firefox */
  /* Chrome, Edge, and Safari */ }
  [dir="rtl"] .left-sidebar-wrapper {
    border-left: unset; }
  @media (max-width: 767px) {
    .left-sidebar-wrapper {
      border-radius: 10px; } }
  .left-sidebar-wrapper * {
    scrollbar-width: auto;
    scrollbar-color: rgba(0, 102, 102, 0.2); }
  .left-sidebar-wrapper *::-webkit-scrollbar {
    width: 6px; }
  .left-sidebar-wrapper *::-webkit-scrollbar-track {
    background: transparent; }
  .left-sidebar-wrapper *::-webkit-scrollbar-thumb {
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 8px;
    border: 3px solid transparent; }
  .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
    background-color: var(--chart-progress-light);
    padding-right: 0;
    margin-right: 1px;
    border-right: none; }
    [dir="rtl"] .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
      padding-left: 0;
      padding-right: 12px;
      margin-left: 1px;
      border-left: none;
      margin-right: unset;
      border-right: unset; }
    .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text svg {
      width: 16px;
      height: 16px; }
  .left-sidebar-wrapper .left-sidebar-chat .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
    border-left: unset;
    background-color: var(--chart-progress-light); }
    [dir="rtl"] .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
      border-right: unset;
      border-left: 1px solid #ddd;
      border-radius: 0.25rem !important; }
    .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:focus, .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:focus-visible {
      border-color: var(--chart-dashed-border);
      box-shadow: unset; }
  .left-sidebar-wrapper .advance-options ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0; }
    .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
      color: var(--body-font-color);
      border-bottom: 2px solid transparent;
      background-color: transparent;
      padding: 16px 57px;
      text-decoration: unset; }
      @media (max-width: 1855px) {
        .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
          padding: 16px 45px; } }
      @media (max-width: 1663px) {
        .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
          padding: 16px 30px; } }
      @media (max-width: 1423px) {
        .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
          padding: 16px 28px; } }
      .left-sidebar-wrapper .advance-options ul .nav-item .nav-link:active, .left-sidebar-wrapper .advance-options ul .nav-item .nav-link.active {
        border-bottom: 2px solid var(--theme-deafult);
        color: var(--theme-deafult); }
  .left-sidebar-wrapper .advance-options .common-space {
    padding: 11px 0; }
    .left-sidebar-wrapper .advance-options .common-space p {
      margin: 0;
      color: var(--chart-text-color); }
    .left-sidebar-wrapper .advance-options .common-space .header-top .btn {
      padding: 6px 12px; }
      .left-sidebar-wrapper .advance-options .common-space .header-top .btn:hover i {
        color: var(--white); }
  .left-sidebar-wrapper .advance-options .chats-user {
    border-bottom: unset;
    height: 563px;
    overflow-y: auto; }
    .left-sidebar-wrapper .advance-options .chats-user li {
      gap: 10px;
      width: 100%;
      border-bottom: 1px solid var(--chart-dashed-border);
      cursor: pointer;
      padding: 11px; }
      .left-sidebar-wrapper .advance-options .chats-user li:hover {
        background-color: var(--light-slate); }
      @media (max-width: 1505px) {
        .left-sidebar-wrapper .advance-options .chats-user li {
          flex-wrap: wrap;
          gap: 1px; } }
      .left-sidebar-wrapper .advance-options .chats-user li:last-child {
        border-bottom: unset; }
      .left-sidebar-wrapper .advance-options .chats-user li .chat-time {
        display: flex;
        gap: 10px;
        align-items: center; }
        .left-sidebar-wrapper .advance-options .chats-user li .chat-time > div {
          text-align: left; }
          [dir="rtl"] .left-sidebar-wrapper .advance-options .chats-user li .chat-time > div {
            text-align: right; }
      @media (max-width: 1498px) {
        .left-sidebar-wrapper .advance-options .chats-user li > div {
          width: 100%;
          text-align: end; }
          [dir="rtl"] .left-sidebar-wrapper .advance-options .chats-user li > div {
            text-align: start; } }
.active-profile {
  position: relative; }
  .active-profile img {
    width: 42px;
    height: 42px; }
    @media (max-width: 1650px) {
      .active-profile img {
        width: 33px;
        height: 33px; } }
  .active-profile .status {
    position: absolute;
    height: 14px;
    width: 14px;
    border-radius: 100%;
    bottom: 5%;
    right: -2px;
    border: 3px solid var(--white); }
    [dir="rtl"] .active-profile .status {
      left: -2px;
      right: unset; }
    @media (max-width: 1600px) {
      .active-profile .status {
        width: 11px;
        height: 11px;
        border: 2px solid var(--white); } }
.contact-edit i {
  color: var(--chart-text-color);
  cursor: pointer; }
  .contact-edit i::after {
    content: unset; }

.contact-edit svg {
  cursor: pointer;
  width: 18px;
  height: 18px; }
  @media (max-width: 360px) {
    .contact-edit svg {
      width: 14px;
      height: 14px; } }
.contact-edit .dropdown-menu .dropdown-item:hover {
  background-color: var(--light-background);
  opacity: 1;
  text-decoration: unset; }

.contact-edit.chat-alert {
  width: 40px;
  height: 40px;
  background: var(--light-slate);
  display: fke;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px; }
  @media (max-width: 360px) {
    .contact-edit.chat-alert {
      width: 32px;
      height: 32px; } }
  @media (max-width: 340px) {
    .contact-edit.chat-alert {
      display: none; } }
.search-contacts {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .search-contacts .form-control {
    padding-inline: 35px; }
    .search-contacts .form-control:focus {
      box-shadow: unset;
      border-color: var(--chart-dashed-border); }
  .search-contacts svg {
    stroke: var(--chart-text-color);
    width: 18px;
    height: 18px;
    left: 10px;
    top: 10px;
    position: absolute; }
    [dir="rtl"] .search-contacts svg {
      left: unset;
      right: 10px; }
  .search-contacts .mic-search {
    right: 10px;
    top: 8px;
    position: absolute;
    left: unset; }
    [dir="rtl"] .search-contacts .mic-search {
      right: unset;
      left: 10px; }

.contact-wrapper {
  padding-top: 14px;
  border-bottom: unset;
  height: 526px;
  overflow-y: auto; }
  .contact-wrapper > p {
    line-height: 0;
    margin: 0;
    padding: 12px 0;
    font-size: 18px;
    font-weight: 500;
    color: var(--body-font-color); }
  .contact-wrapper ul li {
    width: 100%;
    cursor: pointer; }
    .contact-wrapper ul li .chat-time {
      display: flex;
      align-items: center;
      gap: 10px; }
      .contact-wrapper ul li .chat-time img {
        width: 42px;
        height: 42px; }
        @media (max-width: 1650px) {
          .contact-wrapper ul li .chat-time img {
            width: 33px;
            height: 33px; } }
      .contact-wrapper ul li .chat-time > div span {
        color: var(--body-font-color); }
    .contact-wrapper ul li svg {
      width: 18px;
      height: 18px; }
  .contact-wrapper ul:last-child .common-space {
    padding-bottom: unset; }

.right-sidebar-chat {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  z-index: 0;
  border: 2px solid var(--white);
  border-left: unset; }
  [dir="rtl"] .right-sidebar-chat {
    border-right: unset;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  @media (max-width: 767px) {
    .right-sidebar-chat {
      border-radius: 10px; } }
.right-sidebar-title {
  padding: 13px 25px;
  display: flex;
  justify-content: space-between; }
  .right-sidebar-title .common-space {
    width: 100%; }
    .right-sidebar-title .common-space .chat-time {
      display: flex;
      gap: 10px;
      align-items: center; }
      .right-sidebar-title .common-space .chat-time .active-profile img {
        width: 42px;
        height: 42px; }
        @media (max-width: 360px) {
          .right-sidebar-title .common-space .chat-time .active-profile img {
            width: 36px;
            height: 36px; } }
      .right-sidebar-title .common-space .chat-time div p {
        margin: 0;
        color: var(--chart-text-color); }
      .right-sidebar-title .common-space .chat-time ul li img {
        width: 42px;
        height: 42px; }
      .right-sidebar-title .common-space .chat-time.group-chat ul {
        display: flex; }
        .right-sidebar-title .common-space .chat-time.group-chat ul li img {
          border: 3px solid transparent; }
        .right-sidebar-title .common-space .chat-time.group-chat ul li + li {
          margin-left: -12px; }
          [dir="rtl"] .right-sidebar-title .common-space .chat-time.group-chat ul li + li {
            margin-left: unset;
            margin-right: -12px; }
          .right-sidebar-title .common-space .chat-time.group-chat ul li + li img {
            border: 3px solid var(--white); }
        .right-sidebar-title .common-space .chat-time.group-chat ul li img {
          width: 38px;
          height: 38px; }
        .right-sidebar-title .common-space .chat-time.group-chat ul li .profile-count {
          width: 38px;
          height: 38px; }
        @media (min-width: 768px) and (max-width: 1199px) {
          .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(2), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(3), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(5), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(6) {
            display: none; } }
        @media (min-width: 341px) and (max-width: 410px) {
          .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(2), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(3), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(5), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(6) {
            display: none; } }
      @media (max-width: 1045px) {
        .right-sidebar-title .common-space .chat-time.group-chat > div span,
        .right-sidebar-title .common-space .chat-time.group-chat > div p {
          display: none; } }
.msger-chat {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
  background: linear-gradient(0deg, #F5F6FA, #F5F6FA), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  height: 620px; }
  .msger-chat::-webkit-scrollbar {
    width: 6px; }
  .msger-chat::-webkit-scrollbar-track {
    background: #ddd; }
  .msger-chat::-webkit-scrollbar-thumb {
    background: #bdbdbd; }

.msg {
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px; }
  .msg:last-of-type {
    margin: 0; }

.msg-img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  background: #ddd;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%; }
  [dir="rtl"] .msg-img {
    margin-left: 10px;
    margin-right: unset; }

.msg-bubble {
  max-width: 450px;
  padding: 15px;
  border-radius: 15px; }

.msg-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px; }

.msg-info-name {
  margin-right: 10px;
  font-weight: bold; }
  [dir="rtl"] .msg-info-name {
    margin-left: 10px;
    margin-right: unset; }

.msg-info-time {
  font-size: 0.85em; }

.left-msg .msg-img {
  background-image: url(/../images/blog/4.jpg);
  width: 33px;
  height: 33px; }
  @media (max-width: 1200px) {
    .left-msg .msg-img {
      min-width: 16px;
      min-height: 16px; } }
.left-msg .msg-bubble {
  position: relative;
  border-radius: 15px;
  background: rgba(255, 192, 0, 0.8);
  color: var(--chart-text-color);
  width: calc(100% - 33px); }
  [dir="rtl"] .left-msg .msg-bubble {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: unset; }

.right-msg {
  flex-direction: row-reverse; }
  .right-msg .msg-bubble {
    color: var(--white);
    background: rgba(6, 174, 90, 0.8);
    width: calc(100% - 33px); }
    [dir="rtl"] .right-msg .msg-bubble {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: unset; }
  .right-msg .msg-img {
    margin: 0 0 0 10px;
    background-image: url(/../images/blog/comment.jpg);
    width: 33px;
    height: 33px; }
    @media (max-width: 1200px) {
      .right-msg .msg-img {
        min-width: 16px;
        min-height: 16px; } }
.msger-inputarea {
  display: flex;
  padding: 10px;
  border-top: 1px solid var(--chart-dashed-border);
  background: linear-gradient(0deg, #F5F6FA, #F5F6FA), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  align-items: center; }
  .msger-inputarea .dropdown-toggle::after {
    content: unset; }
  .msger-inputarea .dropdown-toggle .dropdown-menu {
    inset: unset !important; }
  .msger-inputarea .dropdown-form {
    position: relative; }
    .msger-inputarea .dropdown-form i {
      font-size: 16px;
      font-weight: 900;
      color: var(--theme-deafult);
      cursor: pointer;
      padding: 0; }
    .msger-inputarea .dropdown-form .chat-icon {
      position: absolute;
      left: 0 !important;
      bottom: 104px !important;
      background: transparent;
      box-shadow: unset; }
      [dir="rtl"] .msger-inputarea .dropdown-form .chat-icon {
        left: unset !important;
        right: 3px !important; }
      .msger-inputarea .dropdown-form .chat-icon div {
        width: 47px;
        height: 47px;
        border-radius: 50%;
        background-color: var(--white);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        opacity: 1; }
        .msger-inputarea .dropdown-form .chat-icon div svg {
          width: 42px;
          height: 42px;
          cursor: pointer; }
        .msger-inputarea .dropdown-form .chat-icon div:nth-child(1) svg {
          fill: var(--chart-text-color);
          stroke: none; }
        .msger-inputarea .dropdown-form .chat-icon div:nth-child(2) svg {
          stroke: var(--chart-text-color);
          fill: none; }
        .msger-inputarea .dropdown-form .chat-icon div:hover {
          background-color: var(--theme-deafult);
          opacity: 1; }
          .msger-inputarea .dropdown-form .chat-icon div:hover:nth-child(1) svg {
            fill: var(--white); }
          .msger-inputarea .dropdown-form .chat-icon div:hover:nth-child(2) svg {
            stroke: var(--white); }
  .msger-inputarea .msger-send-btn i {
    color: var(--white); }
  .msger-inputarea * {
    padding: 10px;
    border: none;
    border-radius: 3px;
    font-size: 1em; }

.msger-input {
  flex: 1;
  background: transparent; }
  .msger-input:focus, .msger-input:focus-visible {
    outline: unset; }

.fg-emoji-container {
  left: calc(10px + (1405 - 10) * ((100vw - 320px) / (1920 - 320))) !important; }
  [dir="rtl"] .fg-emoji-container {
    right: calc(10px + (1405 - 10) * ((100vw - 320px) / (1920 - 320))) !important;
    left: unset !important; }
  @media (min-width: 860px) and (max-width: 945px) {
    .fg-emoji-container {
      left: 417px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 417px; } }
  @media (min-width: 686px) and (max-width: 860px) {
    .fg-emoji-container {
      left: 360px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 360px; } }
  @media (min-width: 588px) and (max-width: 770px) {
    .fg-emoji-container {
      left: 200px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 200px; } }
  @media (min-width: 546px) and (max-width: 588px) {
    .fg-emoji-container {
      left: 144px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 144px; } }
  @media (min-width: 500px) and (max-width: 546px) {
    .fg-emoji-container {
      left: 88px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 88px; } }
  @media (max-width: 500px) {
    .fg-emoji-container {
      left: 22px !important;
      width: 262px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 22px; } }
  .fg-emoji-container .fg-emoji-nav {
    background-color: var(--chart-text-color); }
  .fg-emoji-container #fg-emoji-picker-move {
    display: none; }

.open-emoji {
  padding: 0; }
  .open-emoji button {
    z-index: 0;
    position: relative;
    padding: 0 14px;
    background: transparent; }
    .open-emoji button::before {
      content: "\f118";
      font-family: "FontAwesome";
      z-index: 1;
      position: relative;
      font-size: 20px;
      color: var(--text-gray); }

.second-btn {
  z-index: 0;
  position: relative;
  padding: 0 14px;
  background: transparent; }
  .second-btn::before {
    content: "\f118";
    font-family: "FontAwesome";
    z-index: 1;
    position: relative;
    font-size: 20px;
    color: var(--text-gray); }

.msger-send-btn {
  margin-left: 10px;
  background: var(--theme-deafult);
  width: 40px;
  height: 39px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.23s;
  display: flex;
  align-items: center;
  justify-content: center; }
  [dir="rtl"] .msger-send-btn {
    margin-left: unset;
    margin-right: 10px; }
  .msger-send-btn svg {
    width: 1px;
    height: 12px; }

.custom-name {
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px; }
  @media (max-width: 1650px) {
    .custom-name {
      width: 33px;
      height: 33px; } }
/**=====================
    14.  Chat CSS Ends
==========================**/
/**=====================
   3.6 Checkout CSS start
==========================**/
.checkout .checkout-details {
  background-color: #f9f9f9;
  border: 1px solid #dddddd;
  padding: 40px; }
  .checkout .checkout-details .order-place {
    margin-top: 15px; }

.order-box .title-box {
  padding-bottom: 20px;
  color: #444444;
  font-size: 22px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 20px; }
  .order-box .title-box span {
    width: 35%;
    float: right;
    font-weight: 600;
    text-align: right; }
  .order-box .title-box h4 {
    font-weight: 600; }
  .order-box .title-box .checkbox-title {
    display: flex;
    justify-content: space-between; }

.order-box .sub-total li {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 20px;
  margin-bottom: 20px;
  width: 100%; }
  .order-box .sub-total li .count {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    width: 35%;
    float: right;
    text-align: right; }

.order-box .sub-total .shipping-class {
  margin-bottom: 12px; }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    margin-top: -4px;
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: var(--theme-deafult);
    font-weight: 400;
    width: 35%;
    float: right;
    text-align: right; }

.order-box .total {
  position: relative;
  margin-bottom: 30px; }
  .order-box .total li {
    position: relative;
    display: block;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    font-size: 18px; }

.order-box .qty {
  position: relative;
  border-bottom: 1px solid #ededed;
  margin-bottom: 30px; }
  .order-box .qty li {
    position: relative;
    display: block;
    font-size: 15px;
    color: #444444;
    line-height: 20px;
    margin-bottom: 20px; }
    .order-box .qty li span {
      float: right;
      font-size: 18px;
      line-height: 20px;
      color: #232323;
      font-weight: 400;
      width: 35%;
      text-align: right; }

.radio-option {
  position: relative; }

.img-paypal {
  width: 30%;
  margin-left: 15px; }

/**=====================
    86. Checkout CSS Ends
==========================**/
/**=====================
    Responsive CSS Start
==========================**/
@media screen and (max-width: 1199px) {
  .checkout .checkout-details {
    padding: 25px; }
  .order-box .title-box span {
    width: 30%; }
  .order-box .sub-total li .count {
    width: 38%; }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 46%; }
  .order-box .qty li span {
    width: 38%; }
  .order-box .total li .count {
    width: 38%; } }

@media screen and (max-width: 991px) {
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 38%; } }

@media screen and (max-width: 575px) {
  .checkout .checkout-details {
    padding: 15px; }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 50%; }
  .order-box .sub-total li .count {
    width: 50%; } }

/**=====================
   3.6 Checkout CSS ends
==========================**/
/**=====================
    3.7 Comingsoon CSS Start
==========================**/
.comingsoon-bgimg {
  background: url(/../images/admin/other-images/coming-soon-bg.jpg);
  background-position: bottom;
  background-size: cover; }

.comingsoon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 50px 0; }
  .comingsoon .comingsoon-inner h5 {
    font-size: 18px;
    letter-spacing: 1px;
    color: #051A1A;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 30px; }
  .comingsoon .comingsoon-inner .countdown {
    padding: 30px 0;
    border-top: 1px solid #E6E9EB;
    border-bottom: 1px solid #E6E9EB; }
    .comingsoon .comingsoon-inner .countdown .time {
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      color: #fff;
      font-weight: 500;
      width: 100px;
      height: 100px;
      font-size: 36px;
      background: var(--theme-deafult); }
    .comingsoon .comingsoon-inner .countdown .title {
      padding-top: 13px;
      font-size: 14px;
      font-weight: 400;
      color: #051A1A;
      text-transform: uppercase;
      letter-spacing: 1px; }
    .comingsoon .comingsoon-inner .countdown ul li {
      display: inline-block;
      text-transform: uppercase;
      margin: 0 20px; }
      .comingsoon .comingsoon-inner .countdown ul li span {
        display: block; }
  .comingsoon video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    transition: 1s opacity; }

/**=====================
  3.7 Comingsoon CSS Ends
==========================**/
/**=====================
    3.8 Contacts CSS Start
==========================**/
.alert-contactadd {
  background-color: #fff;
  border: 1px solid var(--theme-deafult);
  width: 12%;
  padding: 10px; }

.updateimg {
  position: absolute;
  left: 15px;
  width: 100px;
  top: 32px;
  line-height: 93px;
  opacity: 0; }

#right-history {
  top: 81px;
  right: -320px;
  height: 100%;
  position: fixed;
  width: 320px;
  z-index: 9;
  background-color: #fff;
  transition: .5s;
  box-shadow: 0 0 9px rgba(191, 191, 191, 0.36); }
  [dir="rtl"] #right-history {
    right: unset;
    left: -320px; }
  #right-history .modal-header {
    border-bottom: 1px solid #E6E9EB; }
  #right-history h6 span a {
    color: #051A1A; }
  #right-history.show {
    right: 0;
    transition: .3s; }
    [dir="rtl"] #right-history.show {
      right: unset;
      left: 0; }

.history-details > div {
  padding: 30px 0; }

.history-details .media {
  padding: 30px 15px;
  border-top: 1px solid #E6E9EB; }
  .history-details .media i {
    padding: 5px;
    background: #fed112;
    color: #fff;
    border-radius: 100%; }
  .history-details .media h6 {
    margin-bottom: 5px; }

.delete-contact {
  display: none; }

.more-data {
  animation: displayTransition 1s; }

.contact-editform {
  padding: 30px;
  animation: displayTransition 1s; }
  .contact-editform a {
    display: block; }
  .contact-editform button {
    margin-top: 30px; }
  .contact-editform .select2-container .select2-selection--single {
    height: 39px !important;
    border-color: #ced4da !important; }

#deletemodal .modal-header {
  border-bottom: none; }
  #deletemodal .modal-header .delete-data span svg {
    vertical-align: middle;
    margin-right: 15px; }

.contact-options li .btn-category {
  line-height: 39px;
  border-radius: 3px;
  padding-left: 40px !important;
  padding: 0;
  color: var(--theme-deafult);
  font-weight: 500; }

.list-persons p {
  font-family: "Montserrat", sans-serif; }

.list-persons .profile-mail {
  padding: 30px 0; }
  .list-persons .profile-mail .media img {
    height: 50px;
    width: 50px !important; }
  .list-persons .profile-mail .media .media-body ul {
    margin-top: 5px; }
    .list-persons .profile-mail .media .media-body ul li {
      display: inline-block; }
      .list-persons .profile-mail .media .media-body ul li a {
        font-size: 13px; }
      .list-persons .profile-mail .media .media-body ul li + li {
        padding-left: 10px;
        margin-left: 5px;
        border-left: 2px solid #E6E9EB; }
  .list-persons .profile-mail .email-general {
    padding-top: 50px; }
    .list-persons .profile-mail .email-general ul {
      padding-right: 20px; }
      .list-persons .profile-mail .email-general ul li {
        color: #898989;
        padding-bottom: 10px;
        margin-bottom: 10px; }
        .list-persons .profile-mail .email-general ul li:last-child {
          padding-bottom: 0;
          margin-bottom: 0; }
        .list-persons .profile-mail .email-general ul li > span {
          float: right; }
    .list-persons .profile-mail .email-general p span {
      margin-left: 30px; }
    .list-persons .profile-mail .email-general .gender {
      margin-top: 30px; }

.contacts-tabs .nav-pills {
  border-right: 1px solid #E6E9EB;
  height: 100%; }
  .contacts-tabs .nav-pills .nav-link.active,
  .contacts-tabs .nav-pills .nav-link > .nav-link,
  .contacts-tabs .nav-pills .show.active,
  .contacts-tabs .nav-pills .show > .nav-link {
    background-color: rgba(0, 102, 102, 0.05);
    color: #051A1A; }
  .contacts-tabs .nav-pills .nav-link {
    color: #051A1A;
    padding: 0; }
    .contacts-tabs .nav-pills .nav-link .media .img-50 {
      height: 50px; }
    .contacts-tabs .nav-pills .nav-link + .nav-link {
      border-top: 1px solid #E6E9EB;
      border-radius: 0px; }
  .contacts-tabs .nav-pills .media {
    padding: 20px; }

.contacts-tabs .tab-content .tab-content-child {
  animation: displayTransition 1s; }

@media only screen and (max-width: 991px) {
  #right-history {
    top: 60px; }
  .updateimg {
    top: 21px; }
  .list-persons .profile-mail {
    padding: 20px; }
    .list-persons .profile-mail .email-general .gender {
      margin-top: 20px; }
  .contact-editform button {
    margin-top: 20px; } }

@media only screen and (max-width: 767px) {
  .contact-editform {
    padding: 20px; }
    .contact-editform.pl-0 {
      padding-left: 20px !important; }
  .contacts-tabs .nav-pills {
    border-right: none;
    border-bottom: 1px solid #E6E9EB; } }

@media only screen and (max-width: 575px) {
  #right-history {
    width: 270px; }
  .updateimg {
    top: 16px;
    left: 29px; }
  .contacts-tabs .media img.m-r-20 {
    margin-right: 15px; }
  .contacts-tabs .nav-pills .media {
    padding: 15px; }
  .list-persons .profile-mail {
    padding: 15px; }
    .list-persons .profile-mail .email-general .gender {
      margin-top: 15px; }
  .list-persons .nav-pills .nav-link .media .media-body {
    text-align: left; }
  .contact-editform {
    padding: 15px; }
    .contact-editform button {
      margin-top: 15px; }
    .contact-editform.pl-0 {
      padding-left: 15px !important; }
  .contact-editform form .row > div .row > div > div,
  .contact-options form .row > div .row > div > div {
    margin-bottom: 0; }
  .contact-editform form .row > div .row > div + div,
  .contact-options form .row > div .row > div + div {
    margin-top: 15px; } }

@media only screen and (max-width: 360px) {
  .updateimg {
    line-height: 73px;
    width: 80px; }
  .list-persons .profile-mail .email-general p span {
    margin-left: 10px; }
  .list-persons .profile-mail .media {
    display: block; }
    .list-persons .profile-mail .media img {
      height: 80px;
      width: 80px !important;
      margin-bottom: 15px; } }

.dark-contact .nav .nav-link .media .media-body h6 {
  color: var(--body-font-color); }

/**=====================
   3.8 Contacts CSS Ends
==========================**/
/**=====================
    3.9 Dashboard_2 CSS Start
==========================**/
.widget-decor {
  position: absolute;
  height: 60px;
  right: 0;
  top: 50%;
  transform: translateY(-50%); }

.activity-group::before {
  content: "";
  border-left: 1px dashed #E6E9EB;
  position: absolute;
  left: 0px;
  height: calc(100% - 50px); }

.balance-widget {
  background-image: url(/../images/dashboard-2/balance-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right; }
  .balance-widget .mobile-right-img {
    position: absolute;
    top: 10px;
    right: 15px; }
    .balance-widget .mobile-right-img .left-mobile-img {
      margin-right: -20px; }
    .balance-widget .mobile-right-img .mobile-img {
      height: 130px; }
    [dir="rtl"] .balance-widget .mobile-right-img {
      right: unset;
      left: 15px; }
    @media (max-width: 480px) {
      .balance-widget .mobile-right-img {
        right: 0; }
        .balance-widget .mobile-right-img .mobile-img {
          height: 100px; }
        [dir="rtl"] .balance-widget .mobile-right-img {
          right: unset;
          left: 0; } }
  [dir="rtl"] .balance-widget {
    text-align: right; }
  .balance-widget.card-body {
    padding: 20px 15px; }
  .balance-widget .purchase-btn {
    min-width: 170px; }

.range_4 .slider-container {
  position: relative;
  height: 45px;
  margin: 0 20px; }
  .range_4 .slider-container .range-slider_thumb {
    width: 46px;
    height: 26px;
    border-radius: 6px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #006666;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    z-index: 2; }
    [data-theme="dark"] .range_4 .slider-container .range-slider_thumb {
      background-color: var(--body-color); }
  .range_4 .slider-container .range-slider_line {
    height: 7px;
    width: 100%;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 10px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    position: absolute;
    z-index: 1; }
    [data-theme="dark"] .range_4 .slider-container .range-slider_line {
      background-color: var(--body-color); }
    .range_4 .slider-container .range-slider_line .range-slider_line-fill {
      position: absolute;
      height: 7px;
      width: 0;
      background-color: #006666;
      border-radius: 10px 0 0 10px; }
  .range_4 .slider-container .range-slider_input {
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 4px;
    opacity: 0;
    margin: 0; }
    .range_4 .slider-container .range-slider_input::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 100px;
      height: 100px;
      cursor: pointer;
      border-radius: 50%;
      opacity: 0; }
    .range_4 .slider-container .range-slider_input::-moz-range-thumb {
      width: 14vmin;
      height: 14vmin;
      cursor: pointer;
      border-radius: 50%;
      opacity: 0; }

.small-widget {
  overflow: hidden; }
  .small-widget .card-body {
    padding: 20px; }
    .small-widget .card-body h6 {
      font-size: 14px;
      font-weight: 500;
      color: var(--body-font-color); }
    .small-widget .card-body .product-sub {
      height: 45px;
      width: 45px;
      border-radius: 6px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .small-widget .card-body .product-sub .invoice-icon {
        height: 24px;
        cursor: pointer;
        width: 24px; }
  .small-widget:hover {
    transform: translateY(-5px);
    transition: 0.5s; }
    .small-widget:hover .project-details svg {
      animation: tada 1.5s ease infinite; }
    .small-widget:hover .bg-gradient svg {
      animation: tada 1.5s ease infinite; }

@media (max-width: 1470px) {
  .appointment .customer-table {
    height: 268px; } }

@media (max-width: 1399px) {
  .appointment .customer-table {
    height: unset; } }

.order-wrapper {
  margin: 0 -24px -17px -17px; }

.categories-list {
  display: flex;
  flex-direction: column;
  gap: 18px; }
  @media (max-width: 767px) {
    .categories-list {
      flex-direction: row;
      flex-wrap: wrap; } }
  .categories-list li {
    gap: 10px; }
    .categories-list li .bg-light {
      min-width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .categories-list li .bg-light img {
        width: 25px;
        height: 25px;
        object-fit: contain;
        transition: 0.5s; }
    .categories-list li h6 a {
      transition: 0.5s;
      color: var(--body-font-color); }
    .categories-list li:hover .bg-light img {
      transition: 0.5s;
      transform: scale(1.1); }
    .categories-list li:hover h6 a {
      transition: 0.5s;
      color: var(--theme-deafult); }

.monthly-profit {
  margin-top: -10px; }
  @media (max-width: 1584px) {
    .monthly-profit {
      margin: -10px -8px 0; } }
  @media (max-width: 1520px) {
    .monthly-profit {
      margin: -10px -16px 0; } }
  @media (max-width: 1500px) {
    .monthly-profit {
      margin: -10px -14px 0; } }
  @media (max-width: 1472px) {
    .monthly-profit {
      margin: -10px -20px 0; } }
  @media (max-width: 1424px) {
    .monthly-profit {
      margin: -10px -25px 0; } }
  .monthly-profit .apexcharts-canvas .apexcharts-legend-marker {
    margin-right: 6px; }
  .monthly-profit .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-value {
    font-size: 14px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif !important;
    fill: var(--chart-text-color); }

.overview-wrapper {
  position: relative;
  z-index: 1; }

.back-bar-container {
  position: absolute;
  width: calc(100% - 64px);
  bottom: -8px;
  margin: 0 auto !important;
  left: 28px; }
  @media (max-width: 1199px) {
    .back-bar-container {
      bottom: 22px; } }
  @media (max-width: 480px) {
    .back-bar-container {
      width: calc(100% - 34px);
      left: 18px; } }
  @media (max-width: 327px) {
    .back-bar-container {
      bottom: 42px; } }
.overview-card .balance-data {
  right: 12px; }
  [dir="rtl"] .overview-card .balance-data {
    right: unset;
    left: 12px; }
  @media (max-width: 767px) {
    .overview-card .balance-data {
      right: -40%; }
      [dir="rtl"] .overview-card .balance-data {
        left: -40%; } }
.order-container .apexcharts-canvas .apexcharts-marker {
  stroke-width: 4; }

.purchase-card.discover {
  margin-top: 102px; }
  .purchase-card.discover img {
    width: 224px;
    margin: 0 auto;
    margin-top: -90px; }
    @media (max-width: 1550px) {
      .purchase-card.discover img {
        margin-top: -110px; } }
    @media (max-width: 1399px) {
      .purchase-card.discover img {
        margin-top: -90px; } }
    @media (max-width: 991px) {
      .purchase-card.discover img {
        margin-top: -110px; } }
    @media (max-width: 618px) {
      .purchase-card.discover img {
        width: 200px; } }
.visitor-card .card-header svg {
  width: 18px;
  height: 18px;
  fill: var(--theme-deafult); }

.visitors-container {
  margin: 0 -12px -27px -17px; }
  .visitors-container svg .apexcharts-series path {
    clip-path: inset(1% 0% 0% 0% round 3rem); }
  .visitors-container svg .apexcharts-legend.apexcharts-align-left .apexcharts-legend-series {
    display: flex; }

.recent-order .nav {
  gap: 8px;
  flex-wrap: nowrap;
  overflow: auto;
  padding-bottom: 5px;
  display: flex; }

.recent-order .frame-box {
  border: 1px solid transparent;
  padding: 0;
  transition: 0.5s; }
  .recent-order .frame-box.active {
    border: 1px solid var(--theme-deafult); }
  .recent-order .frame-box:hover {
    transform: translateY(-5px);
    transition: 0.5s; }

.recent-order .tab-content {
  margin-top: 16px; }

.recent-table table thead {
  background: var(--light2); }
  .recent-table table thead th {
    padding-top: 9px;
    padding-bottom: 9px;
    border-bottom: none; }

.recent-table table tr td,
.recent-table table tr th {
  padding: 12px 8px;
  vertical-align: middle; }
  .recent-table table tr td:first-child,
  .recent-table table tr th:first-child {
    min-width: 157px; }
  @media (max-width: 1660px) {
    .recent-table table tr td:nth-child(2),
    .recent-table table tr th:nth-child(2) {
      min-width: 97px; } }
  .recent-table table tr td:last-child,
  .recent-table table tr th:last-child {
    min-width: 96px; }

.recent-table table tr td:first-child {
  padding-left: 0; }
  [dir="rtl"] .recent-table table tr td:first-child {
    padding-left: unset;
    padding-right: 0; }

.recent-table table tr td:last-child {
  padding-right: 0; }
  [dir="rtl"] .recent-table table tr td:last-child {
    padding-left: 0;
    padding-right: unset; }

.recent-table table tr:last-child td {
  padding-bottom: 0;
  border-bottom: none; }

.recent-table table tr .product-content h6 a {
  color: var(--body-font-color);
  transition: 0.5s; }

.recent-table table tr:hover .product-content h6 a {
  color: var(--theme-deafult);
  transition: 0.5s; }

.recent-table .product-content {
  display: flex;
  align-items: center;
  gap: 8px; }
  .recent-table .product-content .order-image {
    background: var(--light2);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center; }

.recent-table svg {
  width: 20px;
  height: 20px; }

.recent-table .recent-status {
  display: flex;
  align-items: center; }
  .recent-table .recent-status.font-success svg {
    fill: #00AC46; }
  .recent-table .recent-status.font-danger svg {
    fill: #FE6A49; }

.recent-activity h5 {
  padding: 30px 0 20px;
  margin-bottom: 0; }

.recent-activity h6 {
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box; }

.recent-activity ul li span {
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box; }

.notification li .recent-images ul::before {
  display: none; }

.notification li .recent-images li {
  padding-bottom: 3px; }

.recent-images {
  margin-top: 10px; }
  .recent-images ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px; }
  .recent-images li {
    border: 1px dashed var(--recent-dashed-border);
    padding: 3px;
    border-radius: 2px; }
    .recent-images li .recent-img-wrap {
      width: 40px;
      height: 40px;
      background: var(--light2);
      display: flex;
      align-items: center;
      justify-content: center; }

.frame-box {
  background: var(--recent-box-bg);
  border-radius: 10px;
  min-width: 76px;
  box-shadow: 2px 2px 2px var(--recent-border); }
  @media (max-width: 575px) {
    .frame-box {
      min-width: 65px; } }
  .frame-box .frame-image {
    min-width: 62px;
    height: 62px;
    border-color: var(--recent-border) var(--white) var(--white) var(--recent-border);
    border-width: 1px;
    border-style: solid;
    margin: 6px;
    display: flex;
    align-items: center;
    border-radius: 4px; }
    @media (max-width: 575px) {
      .frame-box .frame-image {
        min-width: 50px;
        height: 50px;
        margin: 4px; } }
  .frame-box img {
    margin: 0 auto; }
    @media (max-width: 575px) {
      .frame-box img {
        height: 30px; } }
.support-ticket-font ul {
  font-size: 12px; }

.new-update .media .media-body span,
.new-update .media .media-body p {
  font-weight: 500; }

.activity-dot-primary {
  min-width: 6px;
  height: 6px;
  background-color: #006666;
  border-radius: 100%;
  outline: 5px solid rgba(0, 102, 102, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-primary {
  min-width: 12px;
  height: 12px;
  background-color: #006666;
  outline: 5px solid rgba(0, 102, 102, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-secondary {
  min-width: 6px;
  height: 6px;
  background-color: #FE6A49;
  border-radius: 100%;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-secondary {
  min-width: 12px;
  height: 12px;
  background-color: #FE6A49;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-success {
  min-width: 6px;
  height: 6px;
  background-color: #00AC46;
  border-radius: 100%;
  outline: 5px solid rgba(0, 172, 70, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-success {
  min-width: 12px;
  height: 12px;
  background-color: #00AC46;
  outline: 5px solid rgba(0, 172, 70, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-danger {
  min-width: 6px;
  height: 6px;
  background-color: #FE6A49;
  border-radius: 100%;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-danger {
  min-width: 12px;
  height: 12px;
  background-color: #FE6A49;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-info {
  min-width: 6px;
  height: 6px;
  background-color: #173878;
  border-radius: 100%;
  outline: 5px solid rgba(23, 56, 120, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-info {
  min-width: 12px;
  height: 12px;
  background-color: #173878;
  outline: 5px solid rgba(23, 56, 120, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-light {
  min-width: 6px;
  height: 6px;
  background-color: #E6E9EB;
  border-radius: 100%;
  outline: 5px solid rgba(230, 233, 235, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-light {
  min-width: 12px;
  height: 12px;
  background-color: #E6E9EB;
  outline: 5px solid rgba(230, 233, 235, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-dark {
  min-width: 6px;
  height: 6px;
  background-color: #2c323f;
  border-radius: 100%;
  outline: 5px solid rgba(44, 50, 63, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-dark {
  min-width: 12px;
  height: 12px;
  background-color: #2c323f;
  outline: 5px solid rgba(44, 50, 63, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-warning {
  min-width: 6px;
  height: 6px;
  background-color: #FFAE1A;
  border-radius: 100%;
  outline: 5px solid rgba(255, 174, 26, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-warning {
  min-width: 12px;
  height: 12px;
  background-color: #FFAE1A;
  outline: 5px solid rgba(255, 174, 26, 0.25);
  position: relative;
  z-index: 2; }

@media only screen and (max-width: 1800px) and (min-width: 1400px) {
  .grid-ed-none {
    display: none !important; }
  .grid-ed-12 {
    width: 100%; } }

@media only screen and (max-width: 1660px) and (min-width: 1400px) {
  .col-ed-12 {
    width: 100%; }
  .col-ed-7 {
    width: 58%; }
  .col-ed-5 {
    width: 42%; }
  .col-ed-9 {
    width: 75%; }
  .col-ed-3 {
    width: 25%; }
  .col-ed-6 {
    width: 50%; }
  .col-ed-4 {
    width: 33.33333333%; }
  .col-ed-8 {
    width: 66.66%; }
  .col-ed-none {
    display: none !important; } }

@media only screen and (max-width: 1660px) and (min-width: 1200px) {
  .xl-30 {
    max-width: 30%;
    flex: 0 0 30%; }
  .xl-70 {
    max-width: 70%;
    flex: 0 0 70%; } }

@media only screen and (max-width: 420px) {
  .size-column .col-6 {
    width: 100%; } }

.total-project .bubbles {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  top: 0;
  left: 0; }

.total-project .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(0, 102, 102, 0.1);
  position: absolute;
  animation: floating 10s infinite ease-in; }
  .total-project .bubble:nth-child(1) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 10%;
    animation-duration: 13s; }
  .total-project .bubble:nth-child(2) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 20%;
    animation-duration: 14s;
    animation-delay: 1s; }
  .total-project .bubble:nth-child(3) {
    height: 24px;
    width: 24px;
    border-radius: 15px;
    left: 35%;
    animation-duration: 16s;
    animation-delay: 3s; }
  .total-project .bubble:nth-child(4) {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    left: 50%;
    animation-duration: 13s;
    animation-delay: 1s; }
  .total-project .bubble:nth-child(5) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 5%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-project .bubble:nth-child(6) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 30%;
    animation-duration: 19s;
    animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.total-Progress .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(255, 174, 26, 0.1);
  position: absolute;
  animation: floating 10s infinite ease-in; }
  .total-Progress .bubble:nth-child(1) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 10%;
    animation-duration: 18s; }
  .total-Progress .bubble:nth-child(2) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 20%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(3) {
    height: 24px;
    width: 24px;
    border-radius: 15px;
    left: 65%;
    animation-duration: 12s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(4) {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    left: 34%;
    animation-duration: 16s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(5) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 5%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(6) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 14%;
    animation-duration: 12s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(7) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 41%;
    animation-duration: 16s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(8) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 3%;
    animation-duration: 11s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(9) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 48%;
    animation-duration: 18s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(10) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 46%;
    animation-duration: 10s;
    animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.total-Complete .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(254, 106, 73, 0.1);
  position: absolute;
  animation: floating 10s infinite ease-in; }
  .total-Complete .bubble:nth-child(1) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 10%;
    animation-duration: 11s; }
  .total-Complete .bubble:nth-child(2) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 20%;
    animation-duration: 15s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(3) {
    height: 24px;
    width: 24px;
    border-radius: 15px;
    left: 35%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(4) {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    left: 60%;
    animation-duration: 19s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(5) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 51%;
    animation-duration: 14s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(6) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 96%;
    animation-duration: 14s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(7) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 69%;
    animation-duration: 18s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(8) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 36%;
    animation-duration: 20s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(9) {
    height: 25px;
    width: 25px;
    border-radius: 30px;
    left: 75%;
    animation-duration: 25s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(10) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 36%;
    animation-duration: 35s;
    animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.total-upcoming {
  border-bottom: 2px solid var(--body-font-color); }
  .total-upcoming .bubble {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    background-color: rgba(108, 117, 125, 0.1);
    position: absolute;
    animation: floating 10s infinite ease-in; }
    .total-upcoming .bubble:nth-child(1) {
      height: 25px;
      width: 25px;
      border-radius: 15px;
      left: 10%;
      animation-duration: 17s; }
    .total-upcoming .bubble:nth-child(2) {
      height: 28px;
      width: 28px;
      border-radius: 15px;
      left: 70%;
      animation-duration: 10s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(3) {
      height: 24px;
      width: 24px;
      border-radius: 15px;
      left: 35%;
      animation-duration: 10s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(4) {
      height: 15px;
      width: 15px;
      border-radius: 15px;
      left: 10%;
      animation-duration: 16s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(5) {
      height: 20px;
      width: 20px;
      border-radius: 15px;
      left: 5%;
      animation-duration: 18s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(6) {
      height: 30px;
      width: 30px;
      border-radius: 15px;
      left: 52%;
      animation-duration: 14s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(7) {
      height: 35px;
      width: 35px;
      border-radius: 15px;
      left: 95%;
      animation-duration: 16s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(8) {
      height: 30px;
      width: 30px;
      border-radius: 15px;
      left: 35%;
      animation-duration: 13s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(9) {
      height: 25px;
      width: 25px;
      border-radius: 15px;
      left: 75%;
      animation-duration: 12s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(10) {
      height: 26px;
      width: 26px;
      border-radius: 15px;
      left: 14%;
      animation-duration: 9s;
      animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.project-details {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .project-details .project-counter {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 6px; }
    .project-details .project-counter span {
      font-size: 13px;
      font-weight: 400; }

.today-work-table .today-working-table tbody tr td {
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px dashed #E6E9EB; }

.today-work-table .today-working-table tbody tr td:nth-child(1) {
  min-width: 165px; }

.today-work-table .today-working-table tbody tr td:nth-child(2) {
  min-width: 170px; }

.today-work-table .today-working-table tbody tr td:nth-child(3) {
  min-width: 94px; }

.today-work-table .today-working-table tbody tr td:nth-child(4) .badge {
  padding: 8px 20px; }

.today-work-table .today-working-table tbody tr:first-child td {
  padding-top: 0px; }

.today-work-table .today-working-table tbody tr td a {
  color: #051A1A;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.today-work-table .today-working-table tbody tr:hover td a {
  color: var(--theme-deafult) !important; }

.today-work-table .today-working-table tbody tr:last-child td {
  padding-bottom: 0px;
  border: none; }

.add-project-link {
  background-color: rgba(68, 198, 198, 0.21);
  height: 5%; }
  .add-project-link .categories {
    background-image: url(/../images/dashboard-2/dashboard-banner.gif);
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    background-position: center; }
  .add-project-link .categories-content {
    padding: 22px 15px; }
    .add-project-link .categories-content p {
      font-size: 13px;
      font-weight: 500;
      margin-bottom: 10px; }
    .add-project-link .categories-content a {
      font-size: 16px;
      font-weight: 700;
      color: #051A1A;
      text-decoration: underline; }

.projectlist-card {
  border: 1px solid #ecf3fa;
  border-radius: 8px; }
  .projectlist-card .projectlist {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    padding: 20px 20px 0px; }
    .projectlist-card .projectlist .project-data {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px; }
      .projectlist-card .projectlist .project-data div a {
        color: #051A1A; }
    .projectlist-card .projectlist .nft-img {
      border-radius: 4px; }
    .projectlist-card .projectlist .badge-primary {
      color: #006666; }
  .projectlist-card .project-comment {
    padding: 0px 20px;
    margin-top: 8px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .projectlist-card .project-comment .project-comment-icon {
      display: flex;
      align-items: center;
      gap: 15px;
      position: relative; }
      .projectlist-card .project-comment .project-comment-icon svg {
        height: 16px;
        width: 16px; }
      .projectlist-card .project-comment .project-comment-icon span {
        font-weight: 500;
        font-size: 12px;
        color: var(--body-font-color); }
      .projectlist-card .project-comment .project-comment-icon .project-link {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px; }
        .projectlist-card .project-comment .project-comment-icon .project-link::before {
          height: 17px;
          width: 1px;
          background-color: var(--body-font-color);
          position: absolute;
          content: "";
          right: 35px; }
  .projectlist-card .project-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 20px; }
    .projectlist-card .project-date span:last-child {
      color: #FE6A49; }

.project-meeting-details {
  border-top: 1px solid #E6E9EB;
  margin-top: 10px; }
  .project-meeting-details .project-meeting {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 20px;
    margin-bottom: 3px;
    margin-top: 20px; }
    .project-meeting-details .project-meeting span {
      font-weight: 500;
      font-size: 12px;
      color: var(--body-font-color); }
  .project-meeting-details .project-meeting-time {
    padding: 0px 20px;
    margin-top: 3px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .project-meeting-details .project-meeting-time a {
      color: #051A1A; }
  .project-meeting-details:hover a {
    color: #006666; }

.avatar-showcase img.img-25 {
  width: 25px;
  height: 25px; }

.client-list-table table tbody tr td {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E6E9EB;
  padding-top: 15px;
  padding-bottom: 15px; }
  .client-list-table table tbody tr td a {
    color: #051A1A; }
  .client-list-table table tbody tr td .product-sub svg {
    height: 28px;
    width: 28px;
    cursor: pointer; }
  .client-list-table table tbody tr td .user-id {
    display: flex;
    align-items: center;
    position: relative;
    min-width: 195px; }
    .client-list-table table tbody tr td .user-id::before {
      height: 50px;
      width: 1px;
      content: "";
      position: absolute;
      background-color: #E6E9EB;
      right: 11%; }
  .client-list-table table tbody tr td .user-comment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 180px; }

.client-list-table table tbody tr:hover td a {
  color: #006666; }

.client-list-table table tbody tr:first-child td {
  padding-top: 0px; }

.client-list-table table tbody tr:last-child td {
  padding-bottom: 0px;
  border: none; }

.project-table .radial-chart-wrap {
  height: 30px;
  width: 68px; }
  .project-table .radial-chart-wrap > div {
    height: 75px;
    width: 100px; }
    .project-table .radial-chart-wrap > div.widgetsChart .apexcharts-theme-light .apexcharts-graphical .apexcharts-datalabels-group .apexcharts-datalabel-label {
      display: none; }

.project-table .project-comment .project-comment-icon {
  display: flex;
  align-items: center;
  position: relative;
  gap: 15px; }
  .project-table .project-comment .project-comment-icon .project-link {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px; }
    .project-table .project-comment .project-comment-icon .project-link svg {
      height: 16px;
      width: 16px; }
    .project-table .project-comment .project-comment-icon .project-link::before {
      height: 17px;
      width: 1px;
      background-color: #E6E9EB;
      position: absolute;
      content: "";
      left: 47px; }

.activity-log-card ul::before {
  height: calc(100% - 150px);
  border-left: 1px dashed #E6E9EB;
  content: "";
  z-index: 1;
  position: absolute;
  left: 36px; }

.activity-log-card ul li div .username {
  color: #051A1A; }
  .activity-log-card ul li div .username:hover {
    color: #006666; }

.activity-log {
  margin-bottom: 24px; }
  .activity-log .activity-log-img {
    height: 34px;
    width: 34px;
    z-index: 2; }
  .activity-log .user-id {
    margin-bottom: 2px; }
  .activity-log:last-child {
    margin-bottom: 0px; }
  .activity-log h6 {
    display: block;
    margin-bottom: 2px; }
    .activity-log h6 a {
      color: #051A1A;
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box !important;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      white-space: normal; }
  .activity-log:hover h6 a {
    color: #006666 !important; }

.user-message svg {
  height: 24px;
  width: 24px; }

.user-message ul li {
  border-bottom: 1px solid #E6E9EB;
  margin-bottom: 20px; }
  .user-message ul li .activity-log {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 20px;
    position: relative; }
    .user-message ul li .activity-log .status {
      position: absolute;
      height: 9px;
      width: 9px;
      border-radius: 100%;
      bottom: 3px;
      left: 25px;
      z-index: 2; }
      .user-message ul li .activity-log .status.bg-warning {
        border: 1px solid #fff; }
  .user-message ul li:last-of-type .activity-log {
    margin-bottom: 0px; }
  .user-message ul li:last-of-type {
    border: none;
    margin-bottom: 0px; }
  .user-message ul li:last-child .activity-log {
    margin-bottom: 0px; }
  .user-message ul li:last-child {
    border: none;
    margin-bottom: 0px; }

.user-message .activity-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%; }

.project-ideas-card::before {
  background: radial-gradient(circle, #1baeae 2%, #1a9494 50%, #048f8f 100%);
  height: 123px;
  width: 109%;
  content: "";
  position: absolute;
  overflow: hidden;
  top: 0;
  border-radius: 0 0 100% 100%;
  left: 50%;
  transform: translateX(-50%); }
  @media (max-width: 1799px) {
    .project-ideas-card::before {
      height: 102px; } }
.project-ideas-card .project-card {
  background-image: url(/../images/dashboard-2/office-work.gif);
  background-size: contain;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
  padding: 257px 0px;
  border-radius: 5px; }
  @media (max-width: 1875px) {
    .project-ideas-card .project-card {
      padding: 230px 0px; } }
  @media (max-width: 1800px) {
    .project-ideas-card .project-card {
      padding: 228px 0px; } }
  @media (max-width: 1799px) {
    .project-ideas-card .project-card {
      padding: 204px 0px; } }
  .project-ideas-card .project-card span {
    position: absolute;
    top: 20px;
    left: 10px;
    color: #fff; }
  .project-ideas-card .project-card .btn-showcase {
    margin-top: -85px;
    display: flex;
    justify-content: center;
    align-items: center; }

@media (max-width: 1568px) and (min-width: 1501px) {
  .timeline-calendar {
    width: 495px; } }

@media (max-width: 1194px) and (min-width: 768px) {
  .timeline-calendar {
    width: 801px;
    overflow-x: auto; } }

.timeline-calendar .custom-calendar {
  height: 374px !important; }
  @media (max-width: 1799px) {
    .timeline-calendar .custom-calendar {
      height: 334px !important; } }
.project-table {
  overflow-y: hidden; }
  .project-table .invoice-icon {
    height: 24px;
    width: 24px;
    cursor: pointer; }
  .project-table .order-table thead {
    background-color: rgba(230, 233, 235, 0.3); }
    .project-table .order-table thead tr th {
      padding: 20px; }
      .project-table .order-table thead tr th:nth-child(1) {
        min-width: 190px; }
      .project-table .order-table thead tr th:nth-child(2) {
        min-width: 200px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(3) {
        min-width: 130px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(4) {
        min-width: 100px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(5) {
        min-width: 50px; }
      .project-table .order-table thead tr th:first-child {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .project-table .order-table thead tr th:last-child {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; }
  .project-table .order-table tbody tr {
    border-bottom: 1px solid #E6E9EB; }
    .project-table .order-table tbody tr td {
      padding-top: 17px;
      padding-bottom: 17px; }
      .project-table .order-table tbody tr td p {
        color: var(--body-font-color);
        font-weight: 500; }
      .project-table .order-table tbody tr td .status-process {
        border-radius: 15px;
        padding: 12px; }
      .project-table .order-table tbody tr td:last-child .product-sub {
        text-align: center; }
      .project-table .order-table tbody tr td:nth-child(5) span.pending {
        height: 3px;
        width: 3px;
        border-radius: 100%; }
    .project-table .order-table tbody tr:last-child {
      border: none; }
      .project-table .order-table tbody tr:last-child td {
        padding-bottom: 0px;
        margin-bottom: -20px; }
  .project-table .order-table tbody tr td a {
    color: #051A1A;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .project-table .order-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }

@media (max-width: 1599px) {
  .client-list-table .client-list .user-id {
    min-width: 100px; }
  .project-ideas-card {
    padding: 210px 0px; }
    .project-ideas-card .project-card span {
      max-width: 265px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -50px; }
  .small-widget .project-details .project-counter span {
    display: none; }
  .today-work-table table tbody tr td:nth-child(1) {
    min-width: 130px !important; }
  .today-work-table table tbody tr td:nth-child(2) {
    min-width: 126px !important; }
  .user-message .activity-log .activity-name span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .online-store {
    display: none; }
  .card-title-underline a {
    display: none; }
  .activity-log-card .activity-log span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1699px) {
  .project-ideas-card .project-card {
    padding: 192px 0px; }
  .project-ideas-card .btn-showcase {
    margin-top: -85px !important; } }

@media (max-width: 1599px) {
  .project-ideas-card .project-card {
    padding: 208px 0px; }
  .project-ideas-card .btn-showcase {
    margin-top: -85px !important; } }

@media (max-width: 1499px) {
  .project-ideas-card .project-card {
    padding: 190px 0px; }
  .project-ideas-card .btn-showcase {
    margin-top: -62px !important; } }

@media (max-width: 1799px) {
  .client-list-table {
    overflow-y: hidden; }
    .client-list-table .client-list .user-id {
      min-width: 140px; }
      .client-list-table .client-list .user-id .avatars {
        display: none; }
  .activity-log-card .activity-log .user-id span {
    display: none; }
  .activity-log-card .activity-log span {
    max-width: 709px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .today-work-table table tbody tr td:nth-child(3) {
    display: none; }
  .projectlist-card .projectlist .project-data span {
    display: block; }
  .projectlist-card .projectlist span {
    display: none; }
  .projectlist-card .project-meeting-details .project-meeting {
    margin-top: 12px; }
    .projectlist-card .project-meeting-details .project-meeting span:last-child {
      display: none; }
  .projectlist-card .project-meeting-details .project-meeting-time {
    margin-bottom: 12px; }
    .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
      display: none; }
  .client-list-table .client-list .product-sub .invoice-icon {
    display: none; } }

@media (max-width: 1499px) {
  .timeline-calendar .fc-toolbar-chunk {
    display: none; }
  .projectlist-card .project-comment .avatar-showcase ul li:nth-child(3) {
    display: inline-block !important; }
  .projectlist-card .project-comment .avatar-showcase ul li:nth-child(4) {
    display: inline-block !important; } }

@media (max-width: 1399px) {
  .project-details .project-counter span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1199px) {
  .activity-group {
    display: block !important; }
    .activity-group::before {
      display: none; }
  .add-project-link {
    height: 9%; }
    .add-project-link .categories {
      width: 25%; }
  .project-ideas-card .project-card {
    padding: 237px 0px; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -113px !important; }
    .project-ideas-card .project-card span {
      top: 18px;
      left: 11px;
      max-width: 550px; }
  .user-message ul li:nth-child(6) {
    margin-bottom: 0px;
    border-bottom: none; }
    .user-message ul li:nth-child(6) .activity-log {
      margin-bottom: 0px;
      border: none; }
  .user-message ul li:nth-child(7) {
    display: none; }
  .user-message ul li:nth-child(8) {
    display: none; }
  .user-message ul li:last-child {
    display: none; }
  .today-work-table .today-working-table tbody tr td:nth-child(2) {
    min-width: 150px !important; }
  .today-work-table .today-working-table tbody tr td:nth-child(3) {
    display: block; }
  .client-list-table .client-list .user-id {
    min-width: 350px; }
    .client-list-table .client-list .user-id .avatars {
      display: block; }
  .client-list-table .client-list .user-comment .product-sub .invoice-icon {
    display: block; }
  .small-widget .project-details .project-counter span {
    display: block; }
  .today-work-table table tbody tr td:nth-child(1) {
    min-width: 150px !important; }
  .marketing-app-card {
    display: none; }
  .project-table .invoice-icon {
    height: 24px;
    width: 24px;
    cursor: pointer; }
  .project-table .order-table thead {
    background-color: rgba(230, 233, 235, 0.3); }
    .project-table .order-table thead tr th {
      padding: 20px; }
      .project-table .order-table thead tr th:nth-child(1) {
        min-width: 290px; }
      .project-table .order-table thead tr th:nth-child(2) {
        min-width: 200px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(3) {
        min-width: 160px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(4) {
        min-width: 190px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(5) {
        min-width: 50px; }
      .project-table .order-table thead tr th:first-child {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .project-table .order-table thead tr th:last-child {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; }
  .project-table .order-table tbody tr {
    border-bottom: 1px solid #E6E9EB; }
    .project-table .order-table tbody tr td {
      padding-top: 17px;
      padding-bottom: 17px; }
      .project-table .order-table tbody tr td p {
        color: var(--body-font-color);
        font-weight: 500; }
      .project-table .order-table tbody tr td .status-process {
        border-radius: 15px;
        padding: 12px; }
      .project-table .order-table tbody tr td:last-child .product-sub {
        text-align: center; }
    .project-table .order-table tbody tr:last-child {
      border: none; }
      .project-table .order-table tbody tr:last-child td {
        padding-bottom: 0px;
        overflow: hidden; }
  .project-table .order-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; } }

@media (max-width: 992px) {
  .add-project-link {
    height: 9%; }
    .add-project-link .categories {
      width: 25%; }
  .today-work-table table tbody tr td:nth-child(3) {
    display: revert; }
  .timeline-calendar .fc-toolbar-chunk {
    display: block; }
  .project-ideas-card .project-card span {
    top: 18px;
    left: 4px; } }

@media (max-width: 767px) {
  .project-ideas-card::before {
    height: 95px; }
  .project-ideas-card .project-card {
    padding: 341px 0px; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -218px !important; }
    .project-ideas-card .project-card span {
      top: 27px;
      left: 88px; }
  .add-project-link {
    height: 6%; }
    .add-project-link .categories {
      width: 25%; }
  .activity-log-card .activity-log span {
    max-width: 100%; }
  .projectlist-card .projectlist .project-data span {
    display: block; }
  .projectlist-card .projectlist span {
    display: block; }
  .projectlist-card .project-meeting-details .project-meeting span:last-child {
    display: block; }
  .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
    display: block; }
  .client-list-table .client-list .user-id {
    min-width: 240px; }
  .marketing-app-card {
    display: block; }
  .important-project {
    gap: 15px; } }

@media (max-width: 680px) {
  .project-ideas-card .project-card span {
    top: 23px;
    left: 60px; } }

@media (max-width: 610px) {
  .project-ideas-card .project-card span {
    left: 30px; } }

@media (max-width: 575px) {
  .fc-toolbar-chunk .fc-button-group {
    display: none; }
  .project-ideas-card .project-card {
    padding: 581px 0px 0px; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -455px !important; }
    .project-ideas-card .project-card span {
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box !important;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      white-space: normal;
      top: 25px;
      left: 26px; } }

@media (max-width: 480px) {
  .project-ideas-card .project-card {
    padding: 502px 0px 0px !important; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -377px !important; }
    .project-ideas-card .project-card span {
      left: 24px; }
  .timeline-calendar .custom-calendar .time-line table thead tr th.fc-col-header-cell .fc-scrollgrid-sync-inner a {
    font-size: 10px;
    padding: 6px 4px; }
  .projectlist-card .projectlist .project-data span {
    display: block; }
  .projectlist-card .projectlist span {
    display: none; }
  .projectlist-card .project-meeting-details .project-meeting {
    margin-top: 12px; }
    .projectlist-card .project-meeting-details .project-meeting span:last-child {
      display: none; }
  .projectlist-card .project-meeting-details .project-meeting-time {
    margin-bottom: 12px; }
    .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
      display: none; }
  .total-revenue .dropdown-calendar {
    display: none; }
  .projectlist-row justify-content-center .projectlist .project-data span {
    display: block; }
  .projectlist-row justify-content-center .projectlist span {
    display: none; }
  .projectlist-row justify-content-center .project-meeting-details .project-meeting {
    margin-top: 12px; }
    .projectlist-row justify-content-center .project-meeting-details .project-meeting span:last-child {
      display: none; }
  .projectlist-row justify-content-center .project-meeting-details .project-meeting-time {
    margin-bottom: 12px; }
    .projectlist-row justify-content-center .project-meeting-details .project-meeting-time a:last-child {
      display: none; } }

@media (max-width: 399px) {
  .project-ideas-card .project-card {
    padding: 420px 0px 0px !important; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -301px !important; } }

@media (max-width: 1499px) {
  .project-table .order-table thead tr th:nth-child(3) {
    display: none; }
  .project-table .order-table tbody tr td:nth-child(3) {
    display: none; } }

@media (max-width: 1399px) {
  .project-table .order-table thead tr th:nth-child(3) {
    display: block; }
  .project-table .order-table tbody tr td:nth-child(3) {
    display: block; } }

@media (max-width: 360px) {
  .timeline-calendar .custom-calendar .time-line table thead tr th.fc-col-header-cell .fc-scrollgrid-sync-inner a {
    font-size: 10px;
    padding: 6px 0px; }
  .projectlist-card .project-date span:last-child {
    display: none; }
  .projectlist-card .project-comment .project-comment-icon {
    display: none; } }

.total-revenue {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .total-revenue span {
    color: var(--body-font-color);
    font-weight: 500; }
  .total-revenue a {
    font-weight: 600; }

/**=====================
    3.9 Dashboard_2 CSS End
==========================**/
/**=====================
    3.10 Dashboard_3 CSS Start
==========================**/
@keyframes hand-move {
  0% {
    transform: rotate(0deg); }
  20% {
    transform: rotate(15deg); }
  50% {
    transform: rotate(0deg); }
  80% {
    transform: rotate(-15deg); }
  100% {
    transform: rotate(0deg); } }

.course-box {
  overflow: hidden; }
  .course-box .card-body {
    padding: 25px 15px; }
    @media (max-width: 1722px) {
      .course-box .card-body {
        padding: 20px 15px; } }
    @media (max-width: 1660px) {
      .course-box .card-body {
        padding: 16px 15px; } }
  @media (max-width: 1660px) {
    .course-box.widget-course .card-body {
      padding: 25px 15px; } }
  .course-box:hover {
    transform: translateY(-5px);
    transition: 0.5s; }
    .course-box:hover .course-icon svg {
      animation: tada 1.5s ease infinite; }

.course-widget {
  display: flex;
  gap: 8px; }
  .course-widget .course-icon {
    position: relative;
    width: 54px;
    height: 54px;
    clip-path: polygon(40% 7.67949%, 43.1596% 6.20615%, 46.52704% 5.30384%, 50% 5%, 53.47296% 5.30384%, 56.8404% 6.20615%, 60% 7.67949%, 81.65064% 20.17949%, 84.50639% 22.17911%, 86.97152% 24.64425%, 88.97114% 27.5%, 90.44449% 30.6596%, 91.34679% 34.02704%, 91.65064% 37.5%, 91.65064% 62.5%, 91.34679% 65.97296%, 90.44449% 69.3404%, 88.97114% 72.5%, 86.97152% 75.35575%, 84.50639% 77.82089%, 81.65064% 79.82051%, 60% 92.32051%, 56.8404% 93.79385%, 53.47296% 94.69616%, 50% 95%, 46.52704% 94.69616%, 43.1596% 93.79385%, 40% 92.32051%, 18.34936% 79.82051%, 15.49361% 77.82089%, 13.02848% 75.35575%, 11.02886% 72.5%, 9.55551% 69.3404%, 8.65321% 65.97296%, 8.34936% 62.5%, 8.34936% 37.5%, 8.65321% 34.02704%, 9.55551% 30.6596%, 11.02886% 27.5%, 13.02848% 24.64425%, 15.49361% 22.17911%, 18.34936% 20.17949%);
    background: linear-gradient(310.31deg, #FF3364 14.71%, #FF7F9E 100%);
    display: flex;
    align-items: center;
    justify-content: center; }
    .course-widget .course-icon svg {
      width: 26px;
      height: 26px;
      fill: #fff; }
    .course-widget .course-icon.warning {
      background: linear-gradient(297.08deg, #FF9E2A -4.53%, #FFA941 98.25%); }
  .course-widget .btn-light {
    background: var(--course-light-btn) !important;
    border: none; }
  .course-widget a {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    margin-top: 25px; }
    .course-widget a span {
      display: block;
      margin-bottom: -5px; }
    .course-widget a svg {
      width: 13px;
      height: 13px; }

.get-card .card-header {
  padding-left: 20px;
  padding-right: 20px; }

.square-group {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: scaleX(-1); }
  [dir="rtl"] .square-group {
    right: unset;
    left: 0; }
  .square-group .square-1 {
    width: 12px;
    height: 18px; }
  .square-group .square-2 {
    width: 12px;
    height: 10px;
    margin-bottom: -10px; }
  .square-group .square-3 {
    width: 18px;
    height: 10px;
    margin-left: 10px; }
    [dir="rtl"] .square-group .square-3 {
      margin-left: unset;
      margin-right: 10px; }
  .square-group .square-4 {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: -15px; }
    [dir="rtl"] .square-group .square-4 {
      right: unset;
      left: -15px; }
  .square-group .square-5 {
    width: 6px;
    height: 6px;
    bottom: 22px;
    position: absolute;
    right: -1px; }
    [dir="rtl"] .square-group .square-5 {
      right: unset;
      left: -1px; }
  .square-group .square-6,
  .square-group .square-7 {
    position: absolute;
    width: 4px;
    height: 4px; }
  .square-group .square-6 {
    right: -23px;
    bottom: 5px; }
    [dir="rtl"] .square-group .square-6 {
      right: unset;
      left: -23px; }
  .square-group .square-7 {
    right: 8px;
    bottom: 45px; }
    [dir="rtl"] .square-group .square-7 {
      right: unset;
      left: 8px; }
  .square-group .warning1 {
    background: #FFD497; }
  .square-group .warning {
    background: #FFA73B; }
  .square-group .primary {
    background: #006666; }
  .square-group .danger {
    background: #f54132; }
  .square-group .light {
    background: #E6E8EF; }
  .square-group .success {
    background: #00AC46; }

.progress-chart-wrap {
  margin: -40px 0 -22px; }
  [dir="rtl"] .progress-chart-wrap {
    direction: ltr; }
  @media (max-width: 991px) {
    .progress-chart-wrap {
      margin-top: -18px; } }
  .progress-chart-wrap .apexcharts-canvas {
    margin: 0 auto; }
    .progress-chart-wrap .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-label {
      fill: var(--chart-text-color); }

.get-card .btn {
  margin-top: 15px;
  padding: 8px 15px; }
  .get-card .btn:hover svg {
    transform: translateX(5px);
    transition: 0.5s; }
  .get-card .btn svg {
    width: 13px;
    height: 13px;
    fill: #fff;
    vertical-align: middle;
    transition: 0.5s; }

.default-datepicker .datepicker-inline .datepicker {
  width: auto;
  background: #fff;
  box-shadow: none;
  padding: 0; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content {
    padding: 0; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {
      margin: 27px 0 0;
      padding: 15px 0; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name {
        color: #2b2b2b;
        font-size: 14px; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
      height: 35px;
      width: 14%;
      color: #2b2b2b; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-other-month- {
        color: #2b2b2b;
        opacity: 20%; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-weekend- + .-weekend- {
        color: #FE6A49; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell {
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      z-index: 0;
      letter-spacing: 2px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected- {
        background: var(--theme-deafult);
        color: #fff;
        position: relative;
        box-shadow: 0px 0px 13px 0 rgba(0, 102, 102, 0.5); }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-current- {
        background-color: #00AC46;
        border: none;
        color: #fff; }
        .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-current-::after {
          position: absolute;
          content: '';
          width: 10px;
          height: 10px;
          border: 2px solid var(--white);
          background: #FE6A49;
          right: -3px;
          top: -2px;
          border-radius: 100%; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-focus- {
        color: #fff;
        box-shadow: none; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker-cell .datepicker--cell-month.-current-.-selected- {
      background-color: var(--theme-deafult); }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav {
    border-bottom: none;
    padding: 0;
    text-transform: capitalize;
    margin-top: 0; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action {
      background-color: transparent;
      width: 22px;
      height: 22px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action[data-action="prev"] {
        position: absolute;
        right: 50px; }
        [dir="rtl"] .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action[data-action="prev"] {
          right: unset;
          left: 50px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action svg {
        width: 22px;
        height: 22px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action path {
        stroke: var(--chart-text-color); }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
    color: #2b2b2b;
    font-size: 20px;
    font-weight: 500; }
    @media (max-width: 767px) {
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
        font-size: 14px; } }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
      margin-left: 10px;
      font-weight: 500;
      font-size: 20px;
      color: #2b2b2b; }
      @media (max-width: 767px) {
        .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
          font-size: 14px; } }
.learning-wrap {
  margin: -24px -10px -24px -15px; }

.activity-wrap {
  margin: -22px 0 -22px -28px; }
  [dir="rtl"] .activity-wrap {
    margin: -22px -28px -22px 0; }

.upcoming-event-wrap {
  margin-bottom: -39px;
  margin-left: -24px; }

.course-card .dropdown .dropdown-toggle {
  width: 125px; }

.course-wrapper {
  text-align: center; }
  .course-wrapper .course-icon-box {
    position: relative;
    padding: 8px; }
    @media (max-width: 767px) {
      .course-wrapper .course-icon-box {
        padding: 0; } }
    .course-wrapper .course-icon-box .icon-wrap {
      width: 117px;
      height: 92px;
      background-color: var(--course-bg);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 8px;
      margin: 0 auto;
      box-shadow: -18px 15px 20px rgba(119, 119, 119, 0.25); }
      @media (max-width: 1880px) {
        .course-wrapper .course-icon-box .icon-wrap {
          width: 112px; } }
      @media (max-width: 767px) {
        .course-wrapper .course-icon-box .icon-wrap {
          box-shadow: none; } }
      @media (max-width: 575px) {
        .course-wrapper .course-icon-box .icon-wrap {
          width: 92px;
          height: 82px; } }
      .course-wrapper .course-icon-box .icon-wrap img {
        width: 80px; }
        @media (max-width: 575px) {
          .course-wrapper .course-icon-box .icon-wrap img {
            width: 70px; } }
    .course-wrapper .course-icon-box .arrow-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: calc(100% + 20px);
      height: 100%; }
      [dir="rtl"] .course-wrapper .course-icon-box .arrow-bg {
        left: unset;
        right: 0;
        transform: scaleX(-1); }
      @media (max-width: 767px) {
        .course-wrapper .course-icon-box .arrow-bg {
          display: none; } }
  .course-wrapper h6 {
    margin-top: 25px;
    margin-bottom: 0; }
    @media (max-width: 575px) {
      .course-wrapper h6 {
        margin-top: 15px; } }
.course-main-card {
  display: flex;
  gap: 20px;
  justify-content: center; }
  @media (max-width: 1880px) {
    .course-main-card {
      flex-wrap: wrap; } }
  @media (max-width: 767px) {
    .course-main-card {
      gap: 12px;
      flex-wrap: nowrap; } }
  @media (max-width: 575px) {
    .course-main-card {
      gap: 20px;
      flex-wrap: wrap; } }
  .course-main-card .course-wrapper:last-child .arrow-bg {
    width: 100%; }

.schedule-list {
  display: flex;
  flex-direction: column;
  gap: 20px; }
  @media (max-width: 767px) {
    .schedule-list {
      flex-direction: row; } }
  @media (max-width: 575px) {
    .schedule-list {
      flex-direction: column; } }
  .schedule-list li {
    display: flex;
    align-items: center; }
    .schedule-list li h6 {
      font-size: 14px; }
    .schedule-list li ul {
      column-count: 2;
      column-rule-style: solid;
      column-rule-color: var(--chart-text-color);
      column-gap: 20px;
      column-rule-width: 1px; }
      @media (max-width: 1712px) {
        .schedule-list li ul {
          column-gap: 14px; } }
      @media (max-width: 1199px) {
        .schedule-list li ul {
          display: flex;
          flex-wrap: wrap; } }
      .schedule-list li ul li {
        gap: 6px; }
    .schedule-list li img {
      border-radius: 100%;
      width: 37px;
      height: 37px;
      padding: 3px; }
    .schedule-list li svg {
      width: 15px;
      height: 15px; }
      .schedule-list li svg.f-success {
        fill: #00AC46; }
  .schedule-list > li {
    padding: 15px 20px;
    box-shadow: 4px 7px 17px 5px rgba(46, 35, 94, 0.05);
    gap: 10px;
    position: relative;
    border-radius: 10px; }
    @media (max-width: 1712px) {
      .schedule-list > li {
        padding: 16px 14px; } }
    .schedule-list > li::before {
      position: absolute;
      content: '';
      width: 5px;
      height: 100%;
      left: 0;
      top: 0;
      border-radius: 15px 0 0 15px; }
      [dir="rtl"] .schedule-list > li::before {
        left: unset;
        right: 0;
        border-radius: 0 15px 15px 0; }
    .schedule-list > li.primary::before {
      background-color: var(--theme-deafult); }
    .schedule-list > li.primary img {
      border: 1px solid var(--theme-deafult); }
    .schedule-list > li.warning::before {
      background-color: #FFAE1A; }
    .schedule-list > li.warning img {
      border: 1px solid #FFAE1A; }

.link-only {
  display: flex;
  align-items: center;
  color: #FFFFFF; }
  .link-only svg {
    width: 16px;
    height: 16px; }

.lessons-lists li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 0; }
  .lessons-lists li img {
    transition: 0.5s; }
  .lessons-lists li + li {
    border-top: 1px solid var(--chart-dashed-border); }
  .lessons-lists li:first-child {
    padding-top: 0; }
  .lessons-lists li:last-child {
    padding-bottom: 0; }
  .lessons-lists li:hover img {
    transform: scale(1.1);
    transition: 0.5s; }

.lesson-wrap {
  width: 50px;
  margin-bottom: -11px;
  margin-top: -6px; }
  .lesson-wrap .apexcharts-canvas .apexcharts-datalabel-label {
    display: none; }

@media only screen and (max-width: 575px) {
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
    font-size: 17px; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
      font-size: 17px;
      margin-left: 10px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell {
    font-size: 13px; } }

@media only screen and (max-width: 360px) {
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected-:before {
    height: 36px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
    height: 36px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {
    margin: 13px 0 13px; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name {
      font-size: 12px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
    margin-left: 15px;
    font-size: 25px; } }

.tranaction-table tbody tr td a {
  color: #051A1A !important; }

.revenuegrowth {
  position: relative; }
  .revenuegrowth .apexcharts-xaxistooltip {
    display: none; }
  .revenuegrowth .revenuegrowth-chart::before {
    content: "";
    height: calc(100% - 10px);
    position: absolute;
    background-color: #E6E9EB;
    width: 2px;
    right: 0;
    top: 0; }

.icon-menu-header svg {
  height: 25px;
  width: 25px; }

.revenuegrowth-details {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  gap: 20px; }
  .revenuegrowth-details .growth-details {
    border-bottom: 1px dashed #E6E9EB; }
    .revenuegrowth-details .growth-details span:first-child {
      margin-bottom: 6px; }
    .revenuegrowth-details .growth-details:last-child {
      border: none; }

.boost-up-card {
  background: radial-gradient(circle, #1baeae 2%, #1a9494 50%, #048f8f 100%); }
  .boost-up-card h6 {
    z-index: 2; }

.img-boostup {
  position: absolute;
  top: 0px;
  right: 237px; }
  .img-boostup .img-boostup-img-1 {
    left: -63px;
    top: -114px;
    position: absolute;
    height: 257px; }
  .img-boostup .img-boostup-img-2 {
    position: absolute;
    top: 70px;
    left: -61px;
    height: 187px; }

.progress-value .progress {
  margin-top: -2px !important;
  height: 3px;
  width: 100%; }
  .progress-value .progress .progress-bar {
    background-color: var(--theme-deafult); }

.deliveries-percentage .percentage-data thead tr {
  border-bottom: 1px solid #E6E9EB; }
  .deliveries-percentage .percentage-data thead tr th {
    padding-top: 18px;
    padding-bottom: 18px; }

.deliveries-percentage .percentage-data tbody tr {
  border-bottom: 1px dashed #E6E9EB; }
  .deliveries-percentage .percentage-data tbody tr td {
    padding-top: 18px;
    padding-bottom: 18px; }
    .deliveries-percentage .percentage-data tbody tr td a {
      color: #051A1A; }
  .deliveries-percentage .percentage-data tbody tr:hover td a {
    color: #006666; }
  .deliveries-percentage .percentage-data tbody tr:last-child {
    border: none; }
    .deliveries-percentage .percentage-data tbody tr:last-child td {
      padding-bottom: 0px; }

.top-product-card ul li.top-product {
  border-bottom: 1px solid #E6E9EB;
  padding-top: 16px;
  padding-bottom: 16px; }
  .top-product-card ul li.top-product .product-img {
    height: 60px;
    width: 73px;
    border-radius: 4px; }
  .top-product-card ul li.top-product:last-child {
    border: none;
    padding-bottom: 0px; }
  .top-product-card ul li.top-product:first-child {
    padding-top: 0px; }

.top-product-card ul li .product-items {
  display: flex;
  align-items: end;
  flex-direction: column;
  justify-content: center;
  gap: 3px; }

.top-product-card ul li .product-details {
  display: flex;
  flex-direction: column;
  gap: 3px; }
  .top-product-card ul li .product-details a {
    color: #051A1A !important; }

.top-product-card ul li:hover a {
  color: var(--theme-deafult) !important; }

.new-user ul li {
  border: 1px solid #E6E9EB;
  border-radius: 4px;
  margin-bottom: 18px;
  transition: all .4s; }
  .new-user ul li svg {
    height: 24px;
    width: 24px; }
  .new-user ul li:last-child {
    margin-bottom: 0px; }
  .new-user ul li .user-name {
    padding: 12px;
    align-items: end; }
  .new-user ul li a {
    color: #051A1A !important; }
  .new-user ul li:hover a {
    color: var(--theme-deafult) !important; }

.activity-table table tbody tr:last-child td {
  padding-bottom: 0px; }
  .activity-table table tbody tr:last-child td .team-activity::before {
    height: unset; }

.activity-table table tbody tr td {
  padding: 11px 0px; }
  .activity-table table tbody tr td .team-activity {
    position: relative; }
    .activity-table table tbody tr td .team-activity:before {
      height: 70px;
      border-left: 1px dashed #86909C;
      content: "";
      z-index: 0;
      position: absolute;
      left: 24px;
      top: 0px; }
    .activity-table table tbody tr td .team-activity .activity-data {
      margin-bottom: 18px; }
      .activity-table table tbody tr td .team-activity .activity-data:last-child {
        margin-bottom: 0px; }
      .activity-table table tbody tr td .team-activity .activity-data .subtitle p {
        max-width: 235px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .activity-table table tbody tr td .team-activity .activity-data .common-space {
        position: relative;
        gap: 20px; }
        .activity-table table tbody tr td .team-activity .activity-data .common-space::before {
          content: '';
          height: 100%;
          width: 2px;
          background-color: #E6E9EB;
          position: absolute;
          top: 0px;
          right: 0px; }
      .activity-table table tbody tr td .team-activity .activity-data .user-activity {
        min-width: 200px;
        position: relative; }
        .activity-table table tbody tr td .team-activity .activity-data .user-activity .rounded-circle {
          border: 1px dashed #86909C; }
        .activity-table table tbody tr td .team-activity .activity-data .user-activity::before {
          content: '';
          height: 100%;
          width: 2px;
          background-color: #E6E9EB;
          position: absolute;
          top: 0px;
          right: 0px; }
      .activity-table table tbody tr td .team-activity .activity-data .activity-time {
        min-width: 120px;
        position: relative; }
        .activity-table table tbody tr td .team-activity .activity-data .activity-time span::before {
          content: '';
          height: 4px;
          width: 4px;
          background-color: #E6E9EB;
          position: absolute;
          top: 8px;
          left: -9px;
          border-radius: 15px; }
      .activity-table table tbody tr td .team-activity .activity-data a {
        color: #051A1A !important; }
      .activity-table table tbody tr td .team-activity .activity-data:hover a {
        color: var(--theme-deafult) !important; }
  .activity-table table tbody tr td:last-child:before {
    display: none; }

.visited-dropdown {
  padding: 8px;
  border: 1px solid #E6E9EB;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .visited-dropdown svg {
    height: 25px;
    width: 25px; }

.tranaction-table thead {
  background-color: rgba(230, 233, 235, 0.3); }
  .tranaction-table thead tr th {
    padding: 20px; }
    .tranaction-table thead tr th:nth-child(1) {
      min-width: 160px; }
    .tranaction-table thead tr th:nth-child(2) {
      min-width: 150px;
      padding: 20px 0px; }
    .tranaction-table thead tr th:nth-child(3) {
      min-width: 130px;
      padding: 20px 0px; }
    .tranaction-table thead tr th:nth-child(4) {
      min-width: 100px;
      padding: 20px 0px; }
    .tranaction-table thead tr th:nth-child(5) {
      min-width: 50px; }
    .tranaction-table thead tr th:first-child {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important; }
    .tranaction-table thead tr th:last-child {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }

.tranaction-table tbody tr {
  border-bottom: 1px solid #E6E9EB; }
  .tranaction-table tbody tr td {
    padding-top: 17px;
    padding-bottom: 17px; }
    .tranaction-table tbody tr td .status-process {
      border-radius: 15px;
      padding: 12px; }
    .tranaction-table tbody tr td:last-child .product-sub {
      text-align: center; }
  .tranaction-table tbody tr:last-child {
    border: none; }
    .tranaction-table tbody tr:last-child td {
      padding-bottom: 0px; }

.tranaction-table tbody tr:hover td a {
  color: var(--theme-deafult) !important; }

@media (max-width: 1799px) {
  .table-order .tranaction-table thead tr th:nth-child(2) {
    display: none; }
  .table-order .tranaction-table tbody tr td:nth-child(2) {
    display: none; }
  .total-revenue .sales-chart-dropdown {
    display: none; }
  .revenuegrowth-details .growth-details p:last-child {
    display: none; }
  .selling-product .balance-data {
    flex-wrap: wrap;
    justify-content: center; }
    .selling-product .balance-data li {
      display: none; }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px; }
  .team-activity ul li.activity-data .activity-time {
    min-width: 90px; }
  .team-activity ul li.activity-data .subtitle {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .top-product-card .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1699px) {
  .activity-table table tbody tr td .team-activity .activity-data .user-activity {
    min-width: 77px; }
    .activity-table table tbody tr td .team-activity .activity-data .user-activity .username {
      display: none !important; }
  .deliveries-percentage .percentage-data .progress-value {
    display: none; }
  .deliveries-percentage .percentage-data .progress {
    display: none; }
  .deliveries-percentage .percentage-data .progress-value {
    justify-content: center; }
  .top-product-card ul li .top-product img {
    height: 40px;
    width: 60px; }
  .top-product-card ul li .product-details a {
    color: #051A1A !important; }
  .boost-up-card .img-boostup {
    right: 200px; }
    .boost-up-card .img-boostup .img-boostup-img-2 {
      position: absolute;
      top: 100px;
      left: -61px;
      height: 187px; } }

@media (max-width: 1599px) {
  row justify-content-center
.activity-table table tbody tr td .team-activity .activity-data .user-activity {
    min-width: 195px; }
    row justify-content-center
.activity-table table tbody tr td .team-activity .activity-data .user-activity .username {
      display: none !important; }
  .new-user ul li a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .deliveries-percentage .percentage-data .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .top-product-card ul li.top-product .product-details {
    max-width: 120px; }
  .top-product-card ul li.top-product .product-items {
    max-width: 195px; }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px; }
  .team-activity ul li.activity-data .activity-time {
    min-width: 90px; } }

@media (max-width: 1399px) {
  .selling-product .balance-data li {
    display: block; }
  .deliveries-percentage table.percentage-data thead tr th:nth-child(2) {
    display: none; }
  .deliveries-percentage table.percentage-data tbody td:nth-child(2) {
    display: none; }
  .revenuegrowth .revenuegrowth-chart::before {
    display: none; }
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .boostup-name h6 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 85px; } }

@media (max-width: 1199px) {
  .table-order .tranaction-table thead tr th:nth-child(2) {
    display: block !important; }
  .table-order .tranaction-table tbody tr td:nth-child(2) {
    display: block !important; }
  .activity-table table {
    overflow: auto !important; }
  .deliveries-percentage table.percentage-data tbody tr td {
    min-width: 178px; }
  .top-product-card .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .top-product-card ul li.top-product:last-child {
    display: none !important; }
  .top-product-card ul li.top-product:nth-child(3) {
    border: none; }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px; }
  .team-activity ul li.activity-data .activity-time {
    min-width: 95px; }
  .team-activity ul li.activity-data .subtitle {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 767px) {
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 110px; } }

@media (max-width: 575.98px) {
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media only screen and (max-width: 480px) {
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 95px; }
  .revenuegrowth {
    margin-bottom: -18px; } }

@media only screen and (max-width: 375px) {
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 116px; } }

/**=====================
  3.10 Dashboard_3 CSS Ends
==========================**/
/**=====================
  3.13 Dashboard_default CSS Start
==========================**/
.form-control-plaintext {
  width: auto !important; }

@keyframes bounce-effect {
  0% {
    transform: translateY(0);
    transition: 0.5s; }
  50% {
    transform: translateY(-5px);
    transition: 0.5s; }
  100% {
    transform: translateY(0);
    transition: 0.5s; } }

@keyframes round {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.badge-light-primary {
  background-color: #29ffff; }
  .badge-light-primary span {
    color: #006666 !important; }

.badge-light-secondary {
  background-color: white; }
  .badge-light-secondary span {
    color: #FE6A49 !important; }

.badge-light-success {
  background-color: #6fffa9; }
  .badge-light-success span {
    color: #00AC46 !important; }

.badge-light-danger {
  background-color: white; }
  .badge-light-danger span {
    color: #FE6A49 !important; }

.badge-light-info {
  background-color: #6e96e3; }
  .badge-light-info span {
    color: #173878 !important; }

.badge-light-light {
  background-color: #b7b7c9; }
  .badge-light-light span {
    color: #52526c !important; }

.badge-light-dark {
  background-color: #8490a9; }
  .badge-light-dark span {
    color: #2c323f !important; }

.badge-light-warning {
  background-color: #fff3dc; }
  .badge-light-warning span {
    color: #FFAE1A !important; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.table thead th {
  border-bottom: 2px solid #ecf3fa; }

@media (max-width: 1712px) {
  .overall-card .balance-card {
    padding: 12px; } }

@media (max-width: 1662px) and (min-width: 1600px) {
  .overall-card .col-xl-9 {
    width: 73%; }
  .overall-card .col-xl-3 {
    width: 27%; } }

@media (max-width: 1650px) and (min-width: 1600px) {
  .overall-card .col-xl-9 {
    width: 72%; }
  .overall-card .col-xl-3 {
    width: 28%; } }

@media (max-width: 1600px) and (min-width: 1500px) {
  .overall-card .col-xl-9 {
    width: 70%; }
  .overall-card .col-xl-3 {
    width: 30%; } }

@media (max-width: 1500px) and (min-width: 1200px) {
  .overall-card .col-xl-9 {
    width: 65%; }
  .overall-card .col-xl-3 {
    width: 35%; } }

/* Clock styles */
.clockbox {
  margin-bottom: -5px; }
  .clockbox svg {
    width: 45px;
    height: 45px; }
    @media (max-width: 767px) {
      .clockbox svg {
        height: 36px; } }
.circle {
  fill: #fff;
  stroke: rgba(255, 255, 255, 0.4);
  stroke-width: 80px;
  stroke-miterlimit: 10; }

.mid-circle {
  fill: #000; }

.hour-marks {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 9;
  stroke-miterlimit: 10; }

.hour-hand {
  fill: none;
  stroke: #ff7e00;
  stroke-width: 17;
  stroke-miterlimit: 10; }

.minute-hand {
  fill: none;
  stroke: #ff7e00;
  stroke-width: 11;
  stroke-miterlimit: 10; }

.second-hand {
  fill: none;
  stroke: #FFAE1A;
  stroke-width: 15px;
  stroke-miterlimit: 10; }

.sizing-box {
  fill: none; }

#hour,
#minute,
#second {
  transform-origin: 300px 300px;
  transition: transform .5s ease-in-out; }

@media (min-width: 1400px) {
  .widget-grid .height-equal {
    min-height: unset !important; } }

@media (min-width: 1400px) {
  .widget-grid > .col-xxl-auto {
    width: 22.22%; } }

.order-chart > div {
  margin-top: -25px;
  margin-bottom: -43px; }

.order-chart svg path {
  clip-path: inset(7% 0% 0% 0% round 0.6rem); }

.growth-wrap .card-header {
  position: relative;
  z-index: 1; }

.growth-wrapper > div {
  margin-top: -54px;
  margin-bottom: -25px; }
  @media (max-width: 1481px) {
    .growth-wrapper > div {
      margin-top: -50px; } }
.profit-chart > div {
  margin-top: -45px;
  margin-bottom: -48px; }

.profit-chart .apexcharts-canvas .apexcharts-tooltip-text-label {
  display: none; }

.card .card-footer .common-space a {
  color: #051A1A; }

.card .card-footer .common-space:hover a {
  color: #006666; }

.sales-wrapper .apexcharts-xaxistooltip {
  display: none; }

.total-order .apexcharts-xaxistooltip {
  display: none; }

.sales-chart {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.sales-chart-dropdown {
  display: flex;
  gap: 15px;
  align-items: center; }
  .sales-chart-dropdown .sales-chart-dropdown-select {
    display: flex;
    justify-content: end;
    gap: 15px; }

.total-revenue {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .total-revenue span {
    font-weight: 500; }
  .total-revenue .update-data {
    position: relative; }
    .total-revenue .update-data::before {
      content: "";
      position: absolute;
      height: 4px;
      width: 4px;
      bottom: 3px;
      left: -15px;
      bottom: 9px;
      border-radius: 15px;
      background-color: #86909C; }
  .total-revenue a {
    font-weight: 600; }

.total-chart {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: -45px;
  margin-top: -20px; }
  .total-chart .data-grow svg {
    width: 24px;
    height: 24px;
    cursor: pointer; }
  .total-chart .data-grow span {
    color: #051A1A; }

.special-Offer {
  background-image: url(/../images/dashboard/Banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 363px;
  border-radius: 8px;
  width: 100%;
  background-position: center; }
  .special-Offer h4 {
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    text-align: center; }
  .special-Offer p {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center; }
  .special-Offer .offer-contain {
    padding-top: 45px;
    text-align: center; }
    .special-Offer .offer-contain p {
      margin: 0px 20px; }

.ecommerce-banner {
  background-image: url(/../images/dashboard/Dashboard-Ecommerce-banner.gif);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 190px; }

.product-widget:hover {
  transform: translateY(-5px);
  transition: 0.5s; }

.new-product {
  padding: 16px !important; }
  .new-product svg {
    cursor: pointer; }
  .new-product:hover .product-cost .add-product svg {
    animation: tada 1.5s ease infinite; }
  .new-product .product-icon {
    height: 50px;
    width: 50px;
    border-radius: 6px; }
  .new-product .product-cost {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .new-product .product-cost .add-product {
      display: flex;
      align-items: center;
      gap: 16px; }
      .new-product .product-cost .add-product h6 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .new-product .product-cost .add-product span {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
    .new-product .product-cost .product-icon svg {
      height: 25px;
      margin: 12px;
      width: 25px; }

.product-costing {
  margin-bottom: 14px;
  border-bottom: 1px dashed #E6E9EB; }
  .product-costing p {
    font-size: 14px;
    font-weight: 500; }
  .product-costing span {
    margin-bottom: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .product-costing:last-child {
    border: none;
    margin-bottom: 0px; }
    .product-costing:last-child span {
      margin-bottom: 0px; }
  .product-costing .product-icon {
    height: 50px;
    width: 50px;
    border-radius: 6px; }
  .product-costing:last-child .costing-span {
    margin-bottom: 0px; }
  .product-costing .product-cost {
    display: flex;
    gap: 15px;
    margin-bottom: 8px; }
    .product-costing .product-cost .product-icon svg {
      height: 25px;
      margin: 12px;
      width: 25px;
      cursor: pointer; }
  .product-costing:hover .product-cost svg {
    animation: tada 1.5s ease infinite; }

.sale-history-card {
  margin-bottom: 16px;
  border-bottom: 1px solid #E6E9EB; }
  .sale-history-card:last-child {
    margin-bottom: 0px;
    border: none; }
  .sale-history-card:hover .history-price a {
    color: #006666 !important; }
  .sale-history-card .history-price {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .sale-history-card .history-price a {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: #051A1A; }
  .sale-history-card:last-child .state-time {
    margin-bottom: 0px; }
  .sale-history-card .state-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px; }

.table-order .order-table-images {
  height: 35px; }

.table-order .product-name {
  display: flex;
  align-items: center;
  gap: 15px; }
  .table-order .product-name img {
    border-radius: 4px; }

.table-order .invoice-icon {
  height: 24px;
  width: 24px; }

.table-order .latest-orders thead {
  background-color: rgba(230, 233, 235, 0.3); }
  .table-order .latest-orders thead tr th {
    padding: 20px; }
    .table-order .latest-orders thead tr th:nth-child(1) {
      min-width: 190px; }
    .table-order .latest-orders thead tr th:nth-child(2) {
      min-width: 200px;
      padding: 20px 0px; }
    .table-order .latest-orders thead tr th:nth-child(3) {
      min-width: 130px;
      padding: 20px 0px; }
    .table-order .latest-orders thead tr th:nth-child(4) {
      min-width: 90px;
      padding: 20px 0px; }
    .table-order .latest-orders thead tr th:nth-child(5) {
      min-width: 50px; }
    .table-order .latest-orders thead tr th:first-child {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important; }
    .table-order .latest-orders thead tr th:last-child {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }

.table-order .latest-orders tbody tr {
  border-bottom: 1px solid #E6E9EB; }
  .table-order .latest-orders tbody tr td {
    padding-top: 17px;
    padding-bottom: 17px; }
    .table-order .latest-orders tbody tr td:nth-child(4) .badge {
      padding: 7px 18px; }
    .table-order .latest-orders tbody tr td:last-child {
      text-align: center; }
    .table-order .latest-orders tbody tr td p {
      color: var(--body-font-color);
      font-weight: 500; }
    .table-order .latest-orders tbody tr td .status-process {
      border-radius: 15px;
      padding: 12px; }
    .table-order .latest-orders tbody tr td:last-child .product-sub {
      text-align: center; }
  .table-order .latest-orders tbody tr:last-child {
    border: none; }
    .table-order .latest-orders tbody tr:last-child td {
      padding-bottom: 0px;
      overflow: hidden; }

.table-order .latest-orders tbody tr td a {
  color: #051A1A; }

.table-order .latest-orders tbody tr:hover td a {
  color: var(--theme-deafult) !important; }

.table-order .order-table thead {
  background-color: rgba(230, 233, 235, 0.3); }
  .table-order .order-table thead tr th {
    padding: 20px; }
    .table-order .order-table thead tr th:nth-child(1) {
      min-width: 190px; }
    .table-order .order-table thead tr th:nth-child(2) {
      min-width: 200px;
      padding: 20px 0px; }
    .table-order .order-table thead tr th:nth-child(3) {
      min-width: 130px;
      padding: 20px 0px; }
    .table-order .order-table thead tr th:nth-child(4) {
      min-width: 90px;
      padding: 20px 0px; }
    .table-order .order-table thead tr th:nth-child(5) {
      min-width: 50px; }
    .table-order .order-table thead tr th:first-child {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important; }
    .table-order .order-table thead tr th:last-child {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }

.table-order .order-table tbody tr {
  border-bottom: 1px solid #E6E9EB; }
  .table-order .order-table tbody tr td {
    padding-top: 17px;
    padding-bottom: 17px; }
    .table-order .order-table tbody tr td:nth-child(4) .badge {
      padding: 9px 18px; }
    .table-order .order-table tbody tr td:last-child {
      text-align: center; }
    .table-order .order-table tbody tr td p {
      color: var(--body-font-color);
      font-weight: 500; }
    .table-order .order-table tbody tr td .status-process {
      border-radius: 15px;
      padding: 12px; }
    .table-order .order-table tbody tr td:last-child .product-sub {
      text-align: center; }
  .table-order .order-table tbody tr:last-child {
    border: none; }
    .table-order .order-table tbody tr:last-child td {
      padding-bottom: 0px; }

.table-order .order-table tbody tr td a {
  color: #051A1A; }

.table-order .order-table tbody tr:hover td .product-name .product-sub a {
  color: var(--theme-deafult) !important; }

.revenueproductwidget {
  margin: 230px 0px 0px 0px; }

.revenueproduct .apexcharts-canvas .apexcharts-legend {
  display: flex;
  flex-direction: column;
  gap: 5px; }

.revenueproduct .apexcharts-canvas .apexcharts-legend-marker {
  border-radius: 4px !important; }

.revenueproduct .apexcharts-canvas .apexcharts-legend-text {
  font-size: 14px !important; }

.widget-1 {
  background-image: url(/../images/dashboard/widget-bg.png);
  background-size: cover;
  margin-bottom: 25px; }
  .widget-1 i {
    font-weight: 700;
    font-size: 12px; }
  .widget-1 .f-w-500 {
    display: flex;
    align-items: center; }
    @media (max-width: 1580px) and (min-width: 1200px) {
      .widget-1 .f-w-500 {
        display: none; } }
  .widget-1 .card-body {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 18px 25px; }
    @media (max-width: 1720px) {
      .widget-1 .card-body {
        padding: 18px; } }
  .widget-1 .widget-round {
    position: relative;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-radius: 100%; }
    .widget-1 .widget-round .bg-round {
      width: 56px;
      height: 56px;
      box-shadow: 1px 2px 21px -2px rgba(214, 214, 227, 0.83);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      margin: 6px;
      position: relative;
      z-index: 1; }
      .widget-1 .widget-round .bg-round svg {
        width: 24px;
        height: 24px; }
      .widget-1 .widget-round .bg-round .half-circle {
        height: 52px;
        position: absolute;
        left: -9px;
        width: 35px;
        bottom: -8px;
        background: #fff;
        z-index: -1; }
      @media (max-width: 1600px) {
        .widget-1 .widget-round .bg-round {
          width: 40px;
          height: 40px; }
          .widget-1 .widget-round .bg-round svg {
            width: 22px;
            height: 22px; }
          .widget-1 .widget-round .bg-round .half-circle {
            height: 40px;
            left: -10px;
            width: 30px;
            bottom: -8px; } }
    .widget-1 .widget-round.primary {
      border-color: var(--theme-deafult); }
    .widget-1 .widget-round.secondary {
      border-color: var(--theme-secondary); }
    .widget-1 .widget-round.success {
      border-color: #00AC46; }
    .widget-1 .widget-round.warning {
      border-color: #FFAE1A; }
  .widget-1 .widget-content {
    display: flex;
    align-items: center;
    gap: 15px; }
    @media (max-width: 1600px) {
      .widget-1 .widget-content {
        gap: 10px; } }
    .widget-1 .widget-content h4 {
      margin-bottom: 4px; }
  .widget-1:hover {
    transform: translateY(-5px);
    transition: 0.5s; }
    .widget-1:hover .widget-round .svg-fill:not(.half-circle) {
      animation: tada 1.5s ease infinite; }

.widget-with-chart .card-body {
  align-items: center; }

.profile-box {
  background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%);
  color: #fff; }
  .profile-box .cartoon {
    position: absolute;
    bottom: -15px;
    right: 20px;
    animation: bounce-effect 5s infinite ease-in; }
    [dir="rtl"] .profile-box .cartoon {
      right: unset !important;
      left: 5px; }
    @media (max-width: 1660px) {
      .profile-box .cartoon {
        right: 30px;
        text-align: right; }
        [dir="rtl"] .profile-box .cartoon {
          left: -6px;
          text-align: left; }
        .profile-box .cartoon img {
          width: 80%; } }
    @media (max-width: 1500px) {
      .profile-box .cartoon img {
        width: 60%; } }
    @media (max-width: 767px) {
      .profile-box .cartoon {
        right: 10px; }
        [dir="rtl"] .profile-box .cartoon {
          left: -10px; }
        .profile-box .cartoon img {
          width: 52%; } }
    @media (max-width: 575px) {
      .profile-box .cartoon {
        right: 30px; }
        [dir="rtl"] .profile-box .cartoon {
          left: 10px; }
        .profile-box .cartoon img {
          width: 48%; } }
  .profile-box .greeting-user p {
    width: 60%; }
    @media (max-width: 1500px) {
      .profile-box .greeting-user p {
        width: 70%; } }
    @media (max-width: 1199px) {
      .profile-box .greeting-user p {
        width: 80%; } }
    @media (max-width: 767px) {
      .profile-box .greeting-user p {
        width: 98%; } }
    @media (max-width: 600px) {
      .profile-box .greeting-user p {
        width: 100%; } }
    @media (max-width: 575px) {
      .profile-box .greeting-user p {
        width: 98%; } }
  .profile-box .whatsnew-btn {
    margin-top: 3.5rem; }
    @media (max-width: 1500px) {
      .profile-box .whatsnew-btn {
        margin-top: 1.7rem; } }
    @media (max-width: 991px) {
      .profile-box .whatsnew-btn {
        margin-top: 3.5rem; } }
    @media (max-width: 638px) {
      .profile-box .whatsnew-btn {
        margin-top: 2rem; } }
    @media (max-width: 767px) {
      .profile-box .whatsnew-btn .btn {
        padding: 6px 10px; } }
.header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px; }
  .header-top a i {
    font-size: 11px;
    margin-bottom: -2px; }
  .header-top a.btn {
    padding: 8px 12px; }
    @media (max-width: 575px) {
      .header-top a.btn {
        padding: 5px; } }
    .header-top a.btn.badge-light-primary:hover {
      background-color: var(--theme-deafult); }

.user-details {
  display: flex;
  align-items: center;
  gap: 15px; }
  @media (max-width: 1399px) {
    .user-details {
      gap: 6px; } }
  .user-details .customers {
    width: 200px; }
  @media (max-width: 575px) {
    .user-details {
      flex-wrap: wrap; } }
.papernote-wrap .banner-img {
  border-radius: 15px;
  width: 100%; }

.papernote-wrap .note-labels {
  display: flex;
  align-items: center; }
  .papernote-wrap .note-labels > * {
    padding: 3px 0; }
  .papernote-wrap .note-labels ul {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap; }
    @media (max-width: 575px) {
      .papernote-wrap .note-labels ul {
        gap: 4px; } }
  .papernote-wrap .note-labels .badge {
    font-size: 14px;
    padding: 6px 12px; }
    @media (max-width: 575px) {
      .papernote-wrap .note-labels .badge {
        font-size: 12px;
        padding: 5px 6px; } }
  .papernote-wrap .note-labels .last-label {
    padding-left: 16px;
    margin-left: 16px;
    border-left: 1px dashed rgba(255, 255, 255, 0.7); }
    [dir="rtl"] .papernote-wrap .note-labels .last-label {
      padding-left: unset;
      margin-left: unset;
      margin-right: 16px;
      padding-right: 16px;
      border-left: none;
      border-right: 1px dashed rgba(255, 255, 255, 0.7); }
    @media (max-width: 575px) {
      .papernote-wrap .note-labels .last-label {
        padding-left: 8px;
        margin-left: 8px; }
        [dir="rtl"] .papernote-wrap .note-labels .last-label {
          margin-right: 8px;
          padding-right: 8px; } }
.papernote-wrap .light-card {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--light2);
  border: 1px solid rgba(255, 255, 255, 0.2); }

.appointment-sec .card-header-right-icon select {
  background-color: rgba(0, 102, 102, 0.08) !important;
  border: none;
  color: var(--theme-deafult) !important;
  width: auto !important;
  height: 32px !important;
  border-radius: 10px;
  padding: 5px 10px;
  line-height: 50px !important;
  font-weight: 500;
  border: none;
  outline: none !important; }
  .appointment-sec .card-header-right-icon select:hover {
    background-color: rgba(0, 102, 102, 0.08) !important;
    color: var(--theme-deafult) !important; }

.appointment-sec .bottom-btn {
  text-align: center; }
  .appointment-sec .bottom-btn a {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.3px;
    text-decoration-line: underline;
    text-transform: uppercase; }

.notification ul {
  position: relative; }
  .notification ul::before {
    position: absolute;
    content: "";
    border: 1px dashed #E6E9EB;
    opacity: 0.3;
    top: 12px;
    left: 2px;
    height: calc(100% - 12px); }
    [dir="rtl"] .notification ul::before {
      left: unset;
      right: 2px; }

.notification li {
  padding-bottom: 22px; }

.notification div[class*="activity-dot-"] {
  margin-top: 12px;
  animation: round 1.3s ease-in-out infinite; }

.notification .card .d-flex .w-100 p .badge {
  color: #fff;
  margin-left: 10px;
  font-weight: 500; }

.notification .card .d-flex .w-100 h6 {
  margin-bottom: 5px;
  position: relative; }
  .notification .card .d-flex .w-100 h6 ~ p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-emphasis: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 260px; }
    @media (max-width: 767px) {
      .notification .card .d-flex .w-100 h6 ~ p {
        -webkit-line-clamp: unset;
        text-emphasis: unset;
        white-space: unset;
        text-overflow: unset;
        display: block;
        width: unset;
        overflow: visible; } }
@keyframes round {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.notification .card .d-flex .w-100 span {
  color: #FFFFFF; }

.notification .card .d-flex:nth-child(2) .media-body h6 .dot-notification {
  background-color: #FFAE1A;
  border: 5px solid #ffe4b3; }

.notification .card .d-flex:last-child {
  margin-bottom: 0 !important; }

.notification .date-content {
  padding: 4px 8px;
  border-radius: 5px; }

.schedule-container > div {
  margin-bottom: -40px; }

.schedule-container svg path {
  clip-path: inset(1% 0% 0% 0% round 1.5rem); }

.purchase-card {
  text-align: center;
  margin-top: 200px; }
  @media (max-width: 1560px) {
    .purchase-card {
      margin-top: 170px; } }
  @media (max-width: 1399px) {
    .purchase-card {
      margin-top: 160px; } }
  @media (max-width: 500px) {
    .purchase-card {
      margin-top: 110px; } }
  @media (max-width: 420px) {
    .purchase-card {
      margin-top: 90px; } }
  .purchase-card img {
    margin-top: -208px; }
    @media (max-width: 1560px) {
      .purchase-card img {
        margin-top: -170px; } }
    @media (max-width: 1399px) {
      .purchase-card img {
        width: 70%;
        margin: -160px auto 0 auto; } }
    @media (max-width: 1366px) {
      .purchase-card img {
        width: 76%; } }
    @media (max-width: 1199px) {
      .purchase-card img {
        width: 86%; } }
    @media (max-width: 991px) {
      .purchase-card img {
        width: 72%; } }
    @media (max-width: 767px) {
      .purchase-card img {
        width: 50%; } }
    @media (max-width: 500px) {
      .purchase-card img {
        margin-top: -110px; } }
    @media (max-width: 420px) {
      .purchase-card img {
        margin-top: -90px;
        width: 60%; } }
  .purchase-card .purchase-btn {
    min-width: auto; }

.user-list {
  column-count: 2;
  column-rule-style: dashed;
  column-rule-color: rgba(255, 255, 255, 0.7);
  column-gap: 120px;
  column-rule-width: 1px; }
  @media (max-width: 1780px) {
    .user-list {
      column-gap: 80px; } }
  @media (max-width: 1660px) {
    .user-list {
      column-gap: 40px; } }
  @media (max-width: 360px) {
    .user-list {
      column-gap: 25px; } }
  .user-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%; }
    @media (max-width: 1540px) {
      .user-list li {
        gap: 5px; } }
    .user-list li i {
      font-size: 12px;
      font-weight: 700; }
    @media (max-width: 360px) {
      .user-list li h5 {
        font-size: 16px; } }
    @media (max-width: 360px) {
      .user-list li span {
        font-size: 13px; } }
    .user-list li:hover .user-box svg {
      animation: tada 1.5s ease infinite; }
  .user-list .user-icon {
    border-radius: 100%;
    display: inline-block; }
    .user-list .user-icon .user-box {
      margin: 3px;
      width: 47px;
      height: 47px;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 1540px) {
        .user-list .user-icon .user-box {
          width: 30px;
          height: 30px; }
          .user-list .user-icon .user-box svg {
            width: 18px;
            height: 18px; } }
    .user-list .user-icon.primary {
      border: 1px solid #006666; }
      .user-list .user-icon.primary .user-box {
        background: #00e6e6; }
    .user-list .user-icon.success {
      border: 1px solid #00AC46; }
      .user-list .user-icon.success .user-box {
        background: #79ffb0; }

.appointment-table table tr td {
  position: relative;
  border-top: none;
  padding: 15px 0;
  vertical-align: middle; }
  .appointment-table table tr td:first-child {
    width: 50px; }
  .appointment-table table tr td .status-circle {
    top: 1px;
    left: 35px;
    border-width: 3px; }
  .appointment-table table tr td p,
  .appointment-table table tr td .btn {
    font-weight: 500;
    font-size: 12px; }
  .appointment-table table tr td .btn {
    padding: 4px 12px; }

.appointment-table table tr .img-content-box a {
  color: var(--body-font-color);
  transition: 0.5s;
  display: inline-block !important; }

.appointment-table table tr .img-content-box span {
  display: block; }

.appointment-table table tr:hover .img-content-box a {
  color: var(--theme-deafult);
  transition: 0.5s; }

.appointment-table table tr:first-child td {
  padding-top: 0 !important; }

.appointment-table table tr:last-child td {
  padding-bottom: 0 !important; }

.appointment-table.customer-table table tr td {
  padding: 10px 0; }
  .appointment-table.customer-table table tr td img {
    min-width: 40px; }

.icon-box {
  width: 50px;
  height: 32px;
  background-color: rgba(0, 102, 102, 0.08);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .icon-box i {
    color: var(--theme-deafult);
    font-size: 22px; }
  .icon-box svg {
    stroke: var(--theme-deafult); }

.balance-card {
  display: flex;
  padding: 15px;
  border-radius: 5px;
  gap: 15px;
  transition: 0.5s; }
  @media (max-width: 1199px) {
    .balance-card {
      gap: 8px; } }
  .balance-card .svg-box {
    width: 43px;
    height: 43px;
    background: #fff;
    box-shadow: 0px 71.2527px 51.5055px rgba(229, 229, 245, 0.189815), 0px 42.3445px 28.0125px rgba(229, 229, 245, 0.151852), 0px 21.9866px 14.2913px rgba(229, 229, 245, 0.125), 0px 8.95749px 7.16599px rgba(229, 229, 245, 0.0981481), 0px 2.03579px 3.46085px rgba(229, 229, 245, 0.0601852);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 1199px) {
      .balance-card .svg-box {
        width: 35px;
        height: 35px; } }
    .balance-card .svg-box svg {
      height: 20px;
      fill: rgba(255, 255, 255, 0.85); }
      @media (max-width: 1199px) {
        .balance-card .svg-box svg {
          height: 17px; } }
.btn-light-secondary {
  background-color: rgba(var(--theme-secondary), 0.1);
  font-size: 12px;
  padding: 6px 12px;
  font-weight: 600; }

.crm-activity > li + li {
  border-top: 1px solid #efefef;
  margin-top: 10px;
  padding-top: 10px; }
  .crm-activity > li + li h6 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px; }

.crm-activity > li h6 {
  font-size: 14px; }

.crm-activity span {
  font-size: 40px; }

.crm-activity ul.dates h6 {
  color: #051A1A; }

.crm-activity ul.dates li {
  color: #FFFFFF;
  font-size: 12px;
  display: inline-block;
  line-height: 1; }
  .crm-activity ul.dates li + li {
    border-left: 1px solid #efefef;
    padding-left: 10px;
    margin-left: 5px; }

.fill-primary {
  fill: #006666; }

.fill-secondary {
  fill: #FE6A49; }

.fill-success {
  fill: #00AC46; }

.fill-warning {
  fill: #FFAE1A; }

.fill-info {
  fill: #173878; }

.fill-danger {
  fill: #FE6A49; }

.ecommerce-widget {
  box-shadow: none;
  border: 1px solid #f1f3ff !important;
  border-radius: 5px; }
  .ecommerce-widget .total-num {
    color: #051A1A;
    margin: 0;
    letter-spacing: 1px; }
    .ecommerce-widget .total-num span {
      color: #000; }
  .ecommerce-widget .row {
    align-items: center; }
  .ecommerce-widget .progress-showcase {
    margin-top: 30px; }
  .ecommerce-widget span {
    color: #FFFFFF;
    margin: 0;
    cursor: pointer; }
  .ecommerce-widget .icon {
    color: #efefef;
    font-size: 40px; }
  .ecommerce-widget .flot-chart-container {
    height: 100px;
    padding: 0;
    margin: 0;
    border: transparent; }
  .ecommerce-widget .morris-default-style {
    display: none !important; }
  .ecommerce-widget svg {
    -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3)); }

.redial-social-widget {
  border-radius: 100%;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  margin: 0 auto;
  background-image: linear-gradient(90deg, #E6E9EB 50%, transparent 50%, transparent), linear-gradient(90deg, #ecf3fa 50%, #E6E9EB 50%, #E6E9EB); }
  .redial-social-widget i {
    background-color: #fff;
    height: 80px;
    width: 80px;
    border-radius: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; }
  .redial-social-widget.radial-bar-70 {
    background-image: linear-gradient(342deg, var(--theme-deafult) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--theme-deafult) 50%, #E6E9EB 50%, #E6E9EB); }

.browser-widget:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  transition: all 0.3s ease;
  transform: scale(1.1) rotate(5deg); }

.browser-widget img {
  height: 80px;
  filter: grayscale(100%);
  transform: scale(1) rotate(0deg);
  transition: all 0.3s ease; }

.browser-widget .media-body {
  text-align: center;
  column-count: 3;
  column-rule: 1px solid #E6E9EB; }
  .browser-widget .media-body p {
    margin-bottom: 5px; }
  .browser-widget .media-body span {
    margin-bottom: 0;
    color: #FFFFFF; }
  .browser-widget .media-body h4 {
    color: #051A1A;
    margin-bottom: 0;
    font-size: 18px; }
    .browser-widget .media-body h4 span {
      color: #333333; }

.testimonial i {
  font-size: 60px;
  color: rgba(43, 43, 43, 0.7);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.1;
  z-index: -1; }

.testimonial p {
  color: #FFFFFF;
  font-style: italic;
  margin-bottom: 30px;
  margin-top: 30px; }

.testimonial h5 {
  color: #051A1A;
  padding-top: 10px; }

.testimonial span {
  color: #FFFFFF; }

.testimonial img {
  margin: 0 auto; }

.widget-charts .widget-1 .card-body {
  padding: 30px 25px; }

.chart-widget-top #chart-widget1,
.chart-widget-top #chart-widget2,
.chart-widget-top #chart-widget3 {
  margin-bottom: -14px; }
  .chart-widget-top #chart-widget1 .apexcharts-xaxistooltip,
  .chart-widget-top #chart-widget2 .apexcharts-xaxistooltip,
  .chart-widget-top #chart-widget3 .apexcharts-xaxistooltip {
    display: none; }

.chart-widget-top span {
  color: #6C757D; }

.bar-chart-widget .apexcharts-legend {
  bottom: 0 !important; }
  .bar-chart-widget .apexcharts-legend .apexcharts-legend-series {
    margin: 0 10px !important; }
  .bar-chart-widget .apexcharts-legend .apexcharts-legend-marker {
    margin-right: 5px; }

.bar-chart-widget .top-content {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.bar-chart-widget .earning-details {
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  display: flex;
  letter-spacing: 1px; }
  .bar-chart-widget .earning-details i {
    font-size: 230px;
    position: absolute;
    opacity: 0.1;
    right: -30px;
    top: 0; }
    .bar-chart-widget .earning-details i:hover {
      transform: rotate(-5deg) scale(1.1);
      transition: all 0.3s ease; }

.bar-chart-widget .num {
  font-weight: 600; }
  .bar-chart-widget .num .color-bottom {
    color: #000; }

.skill-chart {
  margin-bottom: -48px; }
  .skill-chart .apexcharts-legend .apexcharts-legend-series span {
    display: block; }
  .skill-chart .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text {
    margin: 10px 0 20px; }

.progress-chart {
  margin: -11px 0 -20px; }
  .progress-chart .apexcharts-canvas svg path,
  .progress-chart .apexcharts-canvas svg rect {
    clip-path: inset(1% 0% 0% 0% round 1rem); }

.bottom-content span {
  color: #FFFFFF; }

.bottom-content .block-bottom {
  display: block; }

@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -30px; } }

@-webkit-keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0; }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px; } }

@keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0; }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px; } }

@-webkit-keyframes am-draw {
  0% {
    stroke-dashoffset: 500%; }
  100% {
    stroke-dashoffset: 0; } }

@keyframes am-draw {
  0% {
    stroke-dashoffset: 500%; }
  100% {
    stroke-dashoffset: 0; } }

.serial-chart .chart-container {
  width: 100%;
  height: 500px; }
  .serial-chart .chart-container .lastBullet {
    animation: am-pulsating 1s ease-out infinite; }
  .serial-chart .chart-container .amcharts-graph-column-front {
    transition: all .3s .3s ease-out; }
    .serial-chart .chart-container .amcharts-graph-column-front:hover {
      fill: var(--theme-secondary);
      stroke: var(--theme-secondary);
      transition: all .3s ease-out; }
  .serial-chart .chart-container .amcharts-graph-g3 {
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    animation: am-draw 40s; }
  .serial-chart .chart-container .amcharts-graph-g2 .amcharts-graph-stroke {
    stroke-dasharray: 3px 3px;
    stroke-linejoin: round;
    stroke-linecap: round;
    animation: am-moving-dashes 1s linear infinite; }

.chart-container .apexcharts-xaxis-label,
.chart-container .apexcharts-yaxis-label {
  font-size: 14px !important;
  color: #6C757D !important; }

.chart-container .apexcharts-xaxis-annotations rect {
  clip-path: inset(1% 0% 0% 0% round 0.2rem); }

.crypto-chart {
  margin-left: -20px; }
  .crypto-chart .apexcharts-tooltip-title {
    display: none; }
  .crypto-chart .apexcharts-tooltip-series-group:last-child, .crypto-chart .apexcharts-tooltip-series-group.active {
    padding-bottom: 0; }

.speed-chart .chart-container {
  width: 100%;
  height: 530px; }

.speed-chart .content {
  margin-top: -200px;
  margin-bottom: 20px; }
  .speed-chart .content h4 {
    font-weight: 600;
    padding-top: 2px; }

.status-widget svg {
  width: 20px;
  height: 20px;
  vertical-align: text-top; }

.status-widget .card .card-header h5 {
  line-height: 1.38; }

.status-widget .status-chart {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden; }

.small-chart-widget .chart-container {
  height: 311px;
  padding: 0;
  margin: 0;
  border: none; }

.small-chart-widget .card .card-body {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }

.donut-chart-widget .chart-container {
  height: 300px;
  border: 0;
  margin: 0;
  padding: 0; }

.status-details h4 {
  font-weight: 600; }
  .status-details h4 span {
    color: inherit; }

.status-details span {
  color: #FFFFFF; }

.status-chart .chart-container {
  height: 200px;
  border: 0;
  padding: 0;
  margin: 0; }

.map-chart .chart-container {
  width: 100%;
  height: 500px; }

.serial-chart {
  width: 100%; }

.live-products,
.turnover,
.uses,
.monthly {
  height: 300px; }

.live-products .ct-series-a .ct-area,
.live-products .ct-series-a .ct-point,
.live-products .ct-series-a .ct-line,
.live-products .ct-series-a .ct-bar,
.live-products .ct-series-a .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.77); }

.live-products .ct-label {
  fill: #fff;
  color: #fff; }

.live-products .ct-grid {
  stroke: rgba(255, 255, 255, 0.7); }

.turnover .ct-series-a .ct-area,
.turnover .ct-series-a .ct-point,
.turnover .ct-series-a .ct-line,
.turnover .ct-series-a .ct-bar,
.turnover .ct-series-a .ct-slice-donut,
.uses .ct-series-a .ct-area,
.uses .ct-series-a .ct-point,
.uses .ct-series-a .ct-line,
.uses .ct-series-a .ct-bar,
.uses .ct-series-a .ct-slice-donut,
.monthly .ct-series-a .ct-area,
.monthly .ct-series-a .ct-point,
.monthly .ct-series-a .ct-line,
.monthly .ct-series-a .ct-bar,
.monthly .ct-series-a .ct-slice-donut {
  stroke: white;
  fill: transparent; }

.turnover .ct-series-b .ct-area,
.turnover .ct-series-b .ct-point,
.turnover .ct-series-b .ct-line,
.turnover .ct-series-b .ct-bar,
.turnover .ct-series-b .ct-slice-donut,
.uses .ct-series-b .ct-area,
.uses .ct-series-b .ct-point,
.uses .ct-series-b .ct-line,
.uses .ct-series-b .ct-bar,
.uses .ct-series-b .ct-slice-donut,
.monthly .ct-series-b .ct-area,
.monthly .ct-series-b .ct-point,
.monthly .ct-series-b .ct-line,
.monthly .ct-series-b .ct-bar,
.monthly .ct-series-b .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.7);
  fill: transparent; }

.turnover .ct-series-c .ct-area,
.turnover .ct-series-c .ct-point,
.turnover .ct-series-c .ct-line,
.turnover .ct-series-c .ct-bar,
.turnover .ct-series-c .ct-slice-donut,
.uses .ct-series-c .ct-area,
.uses .ct-series-c .ct-point,
.uses .ct-series-c .ct-line,
.uses .ct-series-c .ct-bar,
.uses .ct-series-c .ct-slice-donut,
.monthly .ct-series-c .ct-area,
.monthly .ct-series-c .ct-point,
.monthly .ct-series-c .ct-line,
.monthly .ct-series-c .ct-bar,
.monthly .ct-series-c .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.4);
  fill: transparent; }

.turnover .ct-label,
.uses .ct-label,
.monthly .ct-label {
  fill: #fff;
  color: #fff; }

.turnover .ct-grid,
.uses .ct-grid,
.monthly .ct-grid {
  stroke: rgba(255, 255, 255, 0.7); }

#draggableMultiple .ui-sortable-handle .card {
  cursor: move; }

.tilt-showcase ul li .line {
  padding-top: 10px; }

.tilt-showcase .pre-mt {
  margin-top: 5px; }

.wow-title h5 {
  display: flex;
  align-items: center;
  font-size: 18px; }
  .wow-title h5 .badge {
    -webkit-text-fill-color: #fff; }

.alert-center {
  display: flex !important;
  align-items: center; }

.box-shadow-title .sub-title {
  margin: 30px 0; }

.hovercard .info .social-media ul li {
  padding-top: 3px; }

.hovercard .cardheader {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.sticky-header-main .card .card-header h5 {
  line-height: 35px; }
  .sticky-header-main .card .card-header h5 a {
    color: #fff;
    -webkit-text-fill-color: #fff; }

.custom-radio-ml {
  margin-left: 3px; }

.twitter-typeahead {
  display: block !important; }

span.twitter-typeahead .league-name {
  font-size: 16px;
  padding: 6px 10px 0; }

span.twitter-typeahead .tt-menu {
  float: left;
  width: 100%;
  min-width: 10rem;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0; }

span.twitter-typeahead .tt-suggestion {
  color: #2b2b2b;
  opacity: 0.6;
  font-size: 13px;
  padding: 6px 12px;
  border-top: 1px solid #efefef;
  background: #fff;
  cursor: pointer; }
  span.twitter-typeahead .tt-suggestion:hover, span.twitter-typeahead .tt-suggestion:focus {
    background-color: #fff; }
  span.twitter-typeahead .tt-suggestion.active, span.twitter-typeahead .tt-suggestion:active {
    color: #fff;
    background-color: var(--theme-deafult); }

#scrollable-dropdown-menu .twitter-typeahead .tt-menu .tt-dataset {
  max-height: 100px;
  overflow-y: auto; }

.chart-right {
  position: relative; }

.balance-data {
  display: flex;
  gap: 7px; }
  [dir="rtl"] .balance-data {
    right: unset;
    left: 2%; }
  @media (max-width: 991px) {
    .balance-data {
      top: -42px;
      right: -65%; }
      [dir="rtl"] .balance-data {
        left: -65%; } }
  @media (max-width: 575px) {
    .balance-data {
      display: none; } }
  .balance-data li {
    display: flex;
    align-items: center;
    font-weight: 500; }
  .balance-data .circle {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%; }

.current-sale-container {
  padding-right: 12px; }
  [dir="rtl"] .current-sale-container {
    padding-right: unset;
    padding-left: 12px; }
  .current-sale-container > div {
    margin: -22px 0 -30px -16px; }
    @media (max-width: 1199px) {
      .current-sale-container > div {
        margin-bottom: 0; } }
    @media (max-width: 404px) {
      .current-sale-container > div {
        margin-bottom: -30px; } }
  .current-sale-container .apexcharts-xaxistooltip {
    color: var(--theme-deafult);
    background: rgba(0, 102, 102, 0.1);
    border: 1px solid var(--theme-deafult); }
  .current-sale-container .apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: var(--theme-deafult); }
  .current-sale-container .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: rgba(0, 102, 102, 0.1);
    color: var(--theme-deafult); }
  @media (max-width: 575px) {
    .current-sale-container.order-container {
      padding-right: 0; }
      [dir="rtl"] .current-sale-container.order-container {
        padding-left: 0; } }
  @media (max-width: 404px) {
    .current-sale-container.order-container > div {
      margin-bottom: 0; } }
.recent-circle {
  min-width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  margin-top: 5px; }

.recent-wrapper {
  align-items: center; }
  .recent-wrapper .order-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px; }
    @media (max-width: 1199px) {
      .recent-wrapper .order-content {
        gap: 20px; } }
    @media (max-width: 575px) {
      .recent-wrapper .order-content {
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row; } }
    .recent-wrapper .order-content li {
      display: flex;
      align-items: flex-start;
      gap: 8px; }
  @media (max-width: 1660px) {
    .recent-wrapper .recent-chart .apexcharts-canvas .apexcharts-datalabel-label {
      font-size: 15px; } }
  @media (max-width: 1560px) and (min-width: 1400px) {
    .recent-wrapper > div {
      width: 100%; } }
  @media (max-width: 1560px) and (min-width: 1400px) {
    .recent-wrapper > div:last-child {
      display: none; } }
.apexcharts-series.apexcharts-radial-series {
  position: relative; }
  .apexcharts-series.apexcharts-radial-series::after {
    position: absolute;
    content: '';
    background: linear-gradient(0deg, #FFFFFF 0.05%, #F4F4F4 19.91%, #F5F6F9 55.02%, #EAECF4 100%);
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    top: 0;
    left: 0; }

.card-block .table-responsive .table caption {
  padding-left: 10px; }

.card-block .table-responsive .table-bordered td {
  vertical-align: middle; }

.card-block .table-border-radius {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.card-block .default-checkbox-align #checkbox1 {
  margin-right: 10px; }

.card-block .default-checkbox-align #radio {
  margin-right: 5px; }

#example-style-3_wrapper #example-style-3 tfoot {
  border-top: 2px solid #efefef; }

.chart-vertical-center {
  display: flex;
  justify-content: center; }
  .chart-vertical-center #myDoughnutGraph,
  .chart-vertical-center #myPolarGraph {
    width: auto !important; }

.cke_focus {
  padding: 15px;
  margin-top: 13px; }

#editor .ace_scroller .ace_content .ace_layer .ace_print-margin {
  visibility: hidden !important; }

.helper-classes {
  padding: 30px;
  margin-bottom: 0;
  white-space: pre-line; }

.starter-kit-fix .page-body {
  margin-bottom: 52px; }

.starter-main .card-body p {
  font-size: 14px; }

.starter-main .card-body ul {
  padding-left: 30px;
  list-style-type: disc;
  margin-bottom: 15px; }

.starter-main .card-body h5 {
  font-size: 18px; }

.starter-main .card-body pre {
  white-space: pre-line;
  padding: 30px; }

.starter-main .card-body .alert-primary.inverse:before {
  top: 32px; }

.starter-main .alert {
  background-color: rgba(0, 102, 102, 0.2) !important; }
  .starter-main .alert i {
    display: flex;
    align-items: center; }

footer.blockquote-footer {
  bottom: unset; }

@media only screen and (max-width: 767px) {
  .ecommerce-banner {
    height: 210px; }
  .footer-fix .pull-right {
    float: none !important;
    text-align: center !important; } }

@media only screen and (max-width: 991px) {
  .notification li {
    padding-bottom: 20px; }
  .notification .card .card-body .d-flex .w-100 p {
    margin: 0; }
  .notification .card .card-body .d-flex .w-100 h6 {
    margin-top: 10px; } }

@media only screen and (max-width: 575px) {
  .notification li {
    padding-bottom: 15px; }
  .media-dropdown {
    display: block; }
    .media-dropdown .media-body {
      margin-bottom: 15px; }
  .total-chart span {
    font-size: 12px !important; } }

@media only screen and (max-width: 360px) {
  .footer {
    padding-left: 0 !important;
    padding-right: 0 !important; }
    .footer p {
      font-size: 12px; }
  .appointment-table table tr td {
    min-width: 103px; }
    .appointment-table table tr td:first-child {
      min-width: 50px; }
    .appointment-table table tr td:nth-child(2) {
      min-width: 120px; } }

@media (max-width: 425px) {
  .sales-chart .sales-chart-dropdown-select .card-header-right-icon.online-store .dropdown {
    display: none; }
  .search-form input {
    padding-left: 50px; } }

@media (max-width: 1399px) {
  .special-Offer h4 {
    font-size: 18px; }
  .special-Offer .offer-contain p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal; }
  .total-chart .data-grow span {
    display: none !important; }
  .total-chart .data-grow svg {
    display: none !important; }
  .total-revenue span {
    font-size: 12px; }
  .total-revenue a {
    display: none !important; }
  .total-revenue span {
    font-size: 12px; }
  .total-revenue a {
    display: none !important; }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: block !important; }
  .table-order .latest-orders thead tr th:last-child {
    display: block !important; }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: block !important; }
  .table-order .latest-orders tbody tr td:last-child {
    display: block !important; }
  .table-order .order-table thead tr th:nth-child(4) {
    display: block; }
  .total-chart span {
    font-size: 15px;
    font-weight: 500 !important; } }

@media (max-width: 1299px) {
  .special-Offer h4 {
    font-size: 16px; } }

@media (max-width: 1199px) {
  .special-Offer h4 {
    font-size: 18px; }
  .total-chart .data-grow span {
    display: block !important; }
  .total-chart .data-grow svg {
    display: block !important; }
  .total-revenue a {
    display: block !important; }
  .total-revenue a {
    display: block !important; } }

@media (max-width: 1599px) {
  .table-order .latest-orders thead tr th:nth-child(2) {
    min-width: 186px; }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: none; }
  .table-order .latest-orders thead tr th:last-child {
    display: none; }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: none; }
  .table-order .latest-orders tbody tr td:last-child {
    display: none; }
  .revenueproduct {
    margin-bottom: -0px; }
    .revenueproduct .apexcharts-canvas .apexcharts-legend {
      display: none; }
  .card .card-body .product-costing .costing-span {
    font-size: 10px;
    font-weight: 400; }
  .card .card-body .product-costing .product-icon {
    height: 40px;
    width: 40px; }
    .card .card-body .product-costing .product-icon svg {
      height: 20px;
      margin: 10px;
      width: 21px; } }

@media (max-width: 1799px) {
  .balance-data li:last-child {
    display: none !important; }
  .total-chart .data-grow span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1865px) {
  .table-order .order-table thead tr th:nth-child(2) {
    min-width: 115px !important; }
  .table-order .order-table thead tr th:nth-child(3) {
    min-width: 80px !important; }
  .table-order .order-table thead tr th:nth-child(4) {
    display: none !important; }
  .table-order .order-table tbody tr td:nth-child(4) {
    display: none !important; }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: none; }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: none; } }

/**=====================
  3.13 Dashboard_default CSS Ends
==========================**/
/**=====================
  3.14 Ecommerce CSS Start
==========================**/
/**====== Product Start ======**/
.toggle-data {
  cursor: pointer; }

.filter-block ul li {
  padding-top: 15px; }
  .filter-block ul li a {
    color: var(--body-font-color); }
  @media (max-width: 1500px) {
    .filter-block ul li {
      padding-top: 10px; } }
.collection-filter-block svg {
  width: 50px;
  height: 25px;
  stroke: var(--theme-deafult);
  margin-right: 10px; }

.collection-filter-block h5 {
  margin-bottom: 0;
  font-size: 16px; }

.collection-filter-block p {
  font-size: 13px; }

.collection-filter-block .media-body {
  opacity: 0.5; }

.collection-filter-block li + li {
  margin-top: 16px; }

.collection-filter-block ul.pro-services li svg {
  width: auto; }

.qty-box .btn {
  background-color: transparent !important;
  border-color: #ecf3fa !important;
  padding: 8px 12px; }
  .qty-box .btn i {
    color: #898989; }
  .qty-box .btn svg {
    width: 14px !important;
    stroke: #2c323f; }

.qty-box span {
  padding: 0 4px; }

.qty-box .input-group {
  background-color: rgba(44, 50, 63, 0.1); }

.qty-box input {
  background-color: rgba(44, 50, 63, 0.1);
  color: #2c323f;
  max-width: 44px;
  padding: 0;
  text-align: center;
  border: none;
  max-height: 37px; }

.product-social li a {
  color: #898989;
  font-size: 15px;
  border: 1px solid #E6E9EB;
  border-radius: 100%;
  height: 35px;
  width: 35px;
  display: inline-block;
  text-align: center;
  line-height: 2.3;
  transition: all 0.3s ease; }
  .product-social li a:hover {
    border-color: #006666;
    color: #006666;
    background-color: rgba(0, 102, 102, 0.1);
    transition: all 0.3s ease; }

.product-social li:nth-child(n+2) {
  margin-left: 10px; }
  [dir="rtl"] .product-social li:nth-child(n+2) {
    margin-left: unset;
    margin-right: 10px; }

.product-sidebar .filter-section .card .card-header {
  padding: 16px 30px;
  border-radius: 5px; }
  .product-sidebar .filter-section .card .card-header h6 {
    position: relative; }
    .product-sidebar .filter-section .card .card-header h6 .pull-right i {
      position: absolute;
      top: 4px;
      left: 0;
      font-size: 10px;
      width: 100%;
      height: 10px;
      text-align: right;
      cursor: pointer; }

.product-wrapper .product-sidebar .filter-section .card .left-filter {
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: 0.3s;
  min-width: 320px; }
  .product-wrapper .product-sidebar .filter-section .card .left-filter .product-filter .irs-with-grid {
    margin-bottom: 15px; }

.product-wrapper .product-grid .product-wrapper-grid {
  margin-left: 0;
  transition: 0.3s; }

.product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
  z-index: 3;
  opacity: 1;
  visibility: visible;
  position: absolute;
  width: 100%;
  background-color: white;
  top: 53px;
  height: auto; }

.d-none-productlist {
  display: none; }
  .d-none-productlist svg {
    vertical-align: middle;
    cursor: pointer; }

.product-wrapper-grid.list-view .product-box {
  display: flex;
  align-items: center; }
  .product-wrapper-grid.list-view .product-box .product-img {
    width: 20%; }
  .product-wrapper-grid.list-view .product-box .product-details {
    text-align: left; }

.slider-product {
  padding: 15px 0;
  border-top: 1px solid #E6E9EB;
  border-bottom: 1px solid #E6E9EB;
  margin-bottom: 15px; }

.products-total {
  display: flex;
  align-items: center; }

.grid-options {
  height: 33px;
  margin-left: 10px; }
  .grid-options ul li a {
    position: relative; }
    .grid-options ul li a .line-grid {
      position: absolute;
      width: 4px;
      height: 15px;
      top: 9px; }
    .grid-options ul li a .line-grid-1 {
      left: 12px; }
    .grid-options ul li a .line-grid-2 {
      left: 18px; }
    .grid-options ul li a .line-grid-3 {
      left: 36px; }
    .grid-options ul li a .line-grid-4 {
      left: 42px; }
    .grid-options ul li a .line-grid-5 {
      left: 48px; }
    .grid-options ul li a .line-grid-6 {
      left: 66px; }
    .grid-options ul li a .line-grid-7 {
      left: 72px; }
    .grid-options ul li a .line-grid-8 {
      left: 78px; }
    .grid-options ul li a .line-grid-9 {
      left: 84px; }
    .grid-options ul li a .line-grid-10 {
      left: 103px; }
    .grid-options ul li a .line-grid-11 {
      left: 109px; }
    .grid-options ul li a .line-grid-12 {
      left: 115px; }
    .grid-options ul li a .line-grid-13 {
      left: 121px; }
    .grid-options ul li a .line-grid-14 {
      left: 127px; }
    .grid-options ul li a .line-grid-15 {
      left: 133px; }

.square-product-setting {
  height: 36px;
  vertical-align: middle; }
  .square-product-setting a {
    color: #051A1A; }
  .square-product-setting .icon-grid {
    padding: 7px;
    background-color: #fff;
    display: flex;
    align-items: center;
    margin: 0 10px; }
    .square-product-setting .icon-grid svg {
      width: 20px;
      height: 20px; }

.product-filter .banner-product {
  margin-top: 15px; }

.product-filter h6 {
  margin-bottom: 15px; }

.product-filter .color-selector {
  line-height: 0.9; }
  .product-filter .color-selector ul li {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #444;
    border-radius: 100%;
    cursor: pointer; }
    .product-filter .color-selector ul li.white {
      background-color: #fff; }
    .product-filter .color-selector ul li.gray {
      background-color: #FFFFFF; }
    .product-filter .color-selector ul li.black {
      background-color: #000; }
    .product-filter .color-selector ul li.orange {
      background-color: #ffb17a; }
    .product-filter .color-selector ul li.green {
      background-color: #6fb866; }
    .product-filter .color-selector ul li.pink {
      background-color: pink; }
    .product-filter .color-selector ul li.yellow {
      background-color: #f2f896; }
    .product-filter .color-selector ul li.blue {
      background-color: #63b4f2; }
    .product-filter .color-selector ul li.red {
      background-color: #ff647f; }

.product-filter.new-products {
  margin-top: 20px; }
  .product-filter.new-products button {
    width: auto; }
  .product-filter.new-products .owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    top: -46px;
    right: 0; }
    .product-filter.new-products .owl-theme .owl-nav button:focus {
      outline: transparent; }
    .product-filter.new-products .owl-theme .owl-nav button span {
      font-size: 20px; }
      .product-filter.new-products .owl-theme .owl-nav button span:focus {
        outline-color: transparent; }
  .product-filter.new-products .owl-theme .owl-nav [class*='owl-']:hover {
    background-color: transparent;
    color: inherit; }
  .product-filter.new-products .owl-theme .owl-item .item .product-box .product-details {
    padding: 25px 0; }
  .product-filter.new-products .owl-theme .owl-item .item .product-box + .product-box {
    margin-top: 15px; }

.select2-drpdwn-product .form-control {
  border: none;
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  margin-bottom: 10px;
  height: 36px; }

.feature-products form .form-group {
  position: relative; }
  .feature-products form .form-group input {
    margin-bottom: 15px;
    border: none;
    box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
    height: 50px;
    padding-left: 30px; }
  .feature-products form .form-group i {
    position: absolute;
    top: 18px;
    right: 30px;
    color: #898989; }

.product-box {
  border-radius: 10px;
  overflow: hidden; }
  .product-box .product-details {
    padding: 15px 25px; }
    .product-box .product-details > a {
      color: #051A1A; }
    .product-box .product-details p {
      margin-bottom: 0;
      opacity: 0.8; }
    .product-box .product-details h4 {
      margin-bottom: 0;
      margin-top: 5px;
      font-size: 20px;
      font-family: "Montserrat", sans-serif; }
    .product-box .product-details h6 {
      color: #051A1A;
      text-transform: uppercase;
      margin-bottom: 10px; }
    .product-box .product-details span {
      color: #898989; }
    .product-box .product-details .rating i {
      font-size: 16px;
      letter-spacing: 3px;
      color: #ffa800; }
  .product-box .modal .modal-header .product-box .product-details {
    padding: 25px 15px; }
    .product-box .modal .modal-header .product-box .product-details h6 {
      text-transform: capitalize; }
    .product-box .modal .modal-header .product-box .product-details .product-price {
      font-size: 22px;
      margin-bottom: 10px; }
    .product-box .modal .modal-header .product-box .product-details .product-view {
      padding: 20px 0;
      border-top: 1px dotted #59667a;
      border-bottom: 1px dotted #59667a; }
    .product-box .modal .modal-header .product-box .product-details .product-size {
      margin: 20px 0; }
      .product-box .modal .modal-header .product-box .product-details .product-size ul li {
        display: inline-block; }
    .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset {
      margin-bottom: 20px; }
      .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group {
        width: 35%; }
        .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn {
          padding: 5px 12px; }
        .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn-primary {
          background-color: #59667a !important;
          border: 1px solid #59667a !important; }
  .product-box .modal .modal-header .btn-close {
    position: absolute;
    right: 26px;
    top: 22px; }
  .product-box .product-img {
    position: relative; }
    .product-box .product-img .product-hover {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.3);
      opacity: 0;
      border-radius: 100%;
      transform: scale(0);
      transition: all 0.3s ease; }
      .product-box .product-img .product-hover ul li {
        display: inline-block;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08);
        padding: 10px 13px;
        background-color: #fff;
        font-size: 18px;
        border-radius: 10px;
        height: 45px;
        width: 45px;
        margin: 0 3px;
        cursor: pointer; }
        .product-box .product-img .product-hover ul li i {
          color: #59667a;
          font-size: 18px; }
        .product-box .product-img .product-hover ul li .btn {
          padding: 0; }
        .product-box .product-img .product-hover ul li:hover {
          background-color: var(--theme-deafult);
          transition: all 0.3s ease; }
          .product-box .product-img .product-hover ul li:hover button:active, .product-box .product-img .product-hover ul li:hover button:focus-visible {
            border: none !important; }
          .product-box .product-img .product-hover ul li:hover .btn,
          .product-box .product-img .product-hover ul li:hover i {
            color: #fff; }
  .product-box:hover .product-hover {
    opacity: 1;
    border-radius: 0%;
    transform: scale(1);
    transition: all 0.3s ease; }

.product-page-main {
  padding: 30px; }
  .product-page-main .owl-item .item {
    border: 1px solid #E6E9EB;
    border-radius: 5px;
    background-color: #f8f8f8; }
  .product-page-main .owl-item.current .item {
    border: 1px solid var(--theme-deafult); }
  .product-page-main .product-slider {
    margin-bottom: 20px; }
    @media (min-width: 1400px) {
      .product-page-main .product-slider img {
        height: 520px;
        object-fit: cover; } }
    @media (min-width: 1500px) {
      .product-page-main .product-slider img {
        height: 400px;
        object-fit: cover; } }
  .product-page-main .product-color {
    margin-top: 10px; }

.product-page-details h4 {
  color: #051A1A;
  text-transform: uppercase;
  font-size: 18px; }

.product-page-details span {
  padding-left: 15px; }

.br-theme-fontawesome-stars .br-widget a,
.br-theme-fontawesome-stars .br-widget a.br-selected:after,
.br-theme-fontawesome-stars .br-widget a.br-active:after {
  color: #ffa800 !important;
  font: normal normal normal 14px/1 FontAwesome; }

.product-price {
  font-size: 18px;
  font-weight: 700;
  margin-top: 5px;
  color: var(--theme-deafult); }
  .product-price del {
    color: rgba(44, 50, 63, 0.4);
    padding-left: 10px;
    font-size: 80%; }

.product-color li {
  display: inline-block;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  margin: 0 2px; }

.product-page-main p {
  font-size: 15px; }

.product-page-main .nav-link {
  text-transform: uppercase;
  font-weight: 500; }

/**====== Product  Ends ======**/
.payment-opt li {
  display: inline-block; }
  .payment-opt li img {
    height: 20px;
    margin: 15px 15px 0 0; }

/**=====================
  3.14 Ecommerce CSS End
==========================**/
@media screen and (max-width: 1660px) and (min-width: 1200px) {
  .owl-carousel .owl-item img {
    max-width: 420px;
    margin: 0 auto; } }

/**=====================
  3.15 Email-application CSS Start
==========================**/
.email-wrap .row .col-xl-3 + .col-xl-3 {
  padding-right: 0; }

.email-wrap .row .col-xl-6 {
  padding-left: 0; }

.email-wrap .dropdown .dropdown-toggle {
  background-color: rgba(115, 102, 255, 0.08);
  color: #006666;
  border-radius: 10px;
  padding: 5px 10px;
  width: 100px;
  text-align: left; }
  [dir="rtl"] .email-wrap .dropdown .dropdown-toggle {
    text-align: right; }
  .email-wrap .dropdown .dropdown-toggle:after {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f107";
    border: none;
    font-family: "FontAwesome";
    font-size: 18px;
    margin: 0; }
    [dir="rtl"] .email-wrap .dropdown .dropdown-toggle:after {
      right: unset;
      left: 10px; }

.email-wrap .dropdown .dropdown-menu {
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0; }
  .email-wrap .dropdown .dropdown-menu .dropdown-item {
    color: #2b2b2b;
    opacity: 0.6;
    font-size: 13px;
    padding: 6px 12px;
    border-top: 1px solid #f5f5f5;
    background: #fff;
    line-height: 19px; }
    .email-wrap .dropdown .dropdown-menu .dropdown-item:hover {
      background-color: #fff; }

.email-wrap .email-app-sidebar .media img {
  border: 2px solid #ecf3fa; }

.email-wrap .email-app-sidebar .main-menu > li {
  width: 100%;
  text-align: left; }
  .email-wrap .email-app-sidebar .main-menu > li a {
    line-height: 39px;
    text-transform: uppercase;
    border-radius: 3px; }
    .email-wrap .email-app-sidebar .main-menu > li a i {
      margin-right: 10px; }
    .email-wrap .email-app-sidebar .main-menu > li a.active > a {
      color: #000; }
    .email-wrap .email-app-sidebar .main-menu > li a:hover {
      background-color: #f5f6f9;
      text-decoration: none; }

.email-wrap .email-app-sidebar ul li button {
  color: #fff; }

.email-wrap .email-app-sidebar ul li a {
  display: flex;
  padding-left: 20px;
  align-items: center; }
  .email-wrap .email-app-sidebar ul li a > .title {
    width: 100%;
    color: #2c323f; }
  .email-wrap .email-app-sidebar ul li a > .badge {
    align-self: center;
    color: #898989; }

.email-wrap .email-left-aside {
  float: left;
  width: 100%; }
  .email-wrap .email-left-aside .card-body {
    padding: 20px; }

@media (min-width: 1200px) {
  .email-wrap .email-right-aside .email-body .pr-0 {
    padding-right: 0; }
    [dir="rtl"] .email-wrap .email-right-aside .email-body .pr-0 {
      padding-right: 12px;
      padding-left: 0; } }

@media (min-width: 1200px) {
  .email-wrap .email-right-aside .email-body .pl-0 {
    padding-left: 0; }
    [dir="rtl"] .email-wrap .email-right-aside .email-body .pl-0 {
      padding-left: 12px;
      padding-right: 0; } }

.email-wrap .email-right-aside .email-body .inbox {
  overflow: auto; }
  @media (max-width: 1199.98px) {
    .email-wrap .email-right-aside .email-body .inbox {
      display: flex;
      flex-wrap: wrap; } }
  .email-wrap .email-right-aside .email-body .inbox .media {
    padding: 20px; }
    .email-wrap .email-right-aside .email-body .inbox .media.active {
      background-color: #f1f3f4; }

.email-wrap .email-right-aside .radius-left {
  border-radius: 8px;
  height: 100%; }

.email-wrap .btn-mail {
  border-radius: 2px;
  text-align: left;
  padding: 13px 15px;
  margin: 20px 0 20px;
  letter-spacing: 1px;
  line-height: 12px !important; }

.email-wrap p {
  margin-bottom: 0;
  color: var(--chart-text-color) !important;
  font-weight: 600; }

.email-wrap .media-body {
  margin-top: 5px; }
  .email-wrap .media-body h6 {
    margin-bottom: 2px;
    color: #242934;
    margin-top: 3px; }
    .email-wrap .media-body h6 small {
      font-size: 12px; }
      .email-wrap .media-body h6 small span {
        color: #777777; }
  .email-wrap .media-body p {
    color: #898989;
    font-size: 12px; }

.email-wrap .email-top {
  padding: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 49px; }
  .email-wrap .email-top i {
    cursor: pointer; }
  .email-wrap .email-top h5 {
    margin-bottom: 0;
    padding: 12px 0; }
  .email-wrap .email-top .d-flex {
    padding: 13px 0; }

.email-wrap .email-wrapper {
  padding: 20px; }
  .email-wrap .email-wrapper hr {
    margin-top: 0;
    margin-bottom: 20px; }
  .email-wrap .email-wrapper .d-inline-block {
    width: 100%; }
  .email-wrap .email-wrapper h6 {
    margin-bottom: 11px;
    float: left; }
  .email-wrap .email-wrapper .right-download {
    float: right; }
  .email-wrap .email-wrapper p + p {
    margin-bottom: 20px; }
  .email-wrap .email-wrapper h5 {
    margin-bottom: 20px; }

.email-wrap .email-body .attachment ul li img {
  margin-bottom: 20px;
  width: 80px;
  height: 80px;
  object-fit: cover; }

.email-wrap .email-body .attachment .list-inline .list-inline-item {
  padding-right: 13px; }

.email-wrap .email-body .email-compose .cke_contents.cke_reset {
  max-height: 178px;
  width: 100%;
  border: 1px solid #ecf3fa; }

.email-wrap .email-body .email-compose .email-top h4 {
  padding: 11px 0; }

/**=====================
  3.15 Email-application CSS Ends
==========================**/
/**=====================
    3.47 Letter_box CSS Start
==========================**/
.email-right-aside .email-list {
  display: block; }
  .email-right-aside .email-list.hide {
    display: none; }

.email-right-aside .email-read {
  display: none; }
  .email-right-aside .email-read.show {
    display: block; }

.email-right-aside .modal-footer {
  text-align: end; }

.email-main-wrapper .email-app-sidebar .nav-pills .nav-item:active, .email-main-wrapper .email-app-sidebar .nav-pills .nav-item.active {
  border-radius: 5px; }

.email-main-wrapper .email-app-sidebar .nav-pills .nav-item:last-child .nav-link {
  padding-bottom: 0; }

.email-main-wrapper .email-app-sidebar .nav-pills .nav-link {
  color: var(--chart-text-color);
  gap: 13px;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  padding: 8px 20px; }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:hover {
    background-color: rgba(0, 102, 102, 0.1);
    color: var(--theme-deafult); }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active {
    background-color: rgba(0, 102, 102, 0.1);
    color: var(--theme-deafult);
    border-radius: 5px; }
    .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active svg, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active svg {
      stroke: rgba(153, 153, 153, 0.8); }
    .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
      content: '';
      border-right: 3px solid var(--theme-deafult);
      position: absolute;
      top: 9px;
      width: 4px;
      right: 0;
      height: 35px;
      border: 2px solid var(--theme-deafult);
      border-radius: 100px 0 0 100px; }
      [dir="rtl"] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, [dir="rtl"] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
        right: unset;
        left: 0; }
      @media (max-width: 1400px) {
        .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
          top: 8px;
          height: 28px; } }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link svg {
    width: 18px;
    height: 18px;
    stroke: rgba(153, 153, 153, 0.8); }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link div {
    width: calc(100% - 13px - 18px);
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 1400px) {
      .email-main-wrapper .email-app-sidebar .nav-pills .nav-link div {
        font-size: 15px; } }
.email-main-wrapper .email-app-sidebar span {
  background-color: rgba(0, 102, 102, 0.2);
  color: var(--theme-deafult);
  border-radius: 20px;
  padding: 5px 13px; }
  @media (max-width: 1400px) {
    .email-main-wrapper .email-app-sidebar span {
      padding: 3px 10px; } }
.email-main-wrapper .email-app-sidebar .compose-mail {
  display: block;
  text-align: center; }
  .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active {
    padding: 15px;
    background-color: var(--theme-deafult);
    color: var(--white); }
    @media (max-width: 1400px) {
      .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active {
        padding: 10px; } }
    .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active::before {
      content: unset; }
  .email-main-wrapper .email-app-sidebar .compose-mail .nav-link i {
    font-size: 13px; }

@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .email-category.nav-pills .nav-item .nav-link {
    padding: 3px 20px; } }

@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item .nav-link {
    padding: 3px 20px; } }

.email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item:first-child a {
  margin-top: 16px; }

.email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item svg {
  width: 24px;
  height: 24px; }

.email-main-wrapper .email-app-sidebar .emailbox.btn {
  width: 100%;
  margin-bottom: 15px;
  padding: 12px;
  font-size: 16px;
  font-weight: 500; }
  @media (max-width: 576px) {
    .email-main-wrapper .email-app-sidebar .emailbox.btn {
      padding: 7px; } }
  .email-main-wrapper .email-app-sidebar .emailbox.btn i {
    padding-right: 12px; }
    [dir="rtl"] .email-main-wrapper .email-app-sidebar .emailbox.btn i {
      padding-right: unset;
      padding-left: 12px; }

.email-body .mail-header-wrapper {
  padding: 16px;
  box-shadow: 0px 5px 10px 0px rgba(82, 82, 108, 0.08);
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 1468px) {
    .email-body .mail-header-wrapper {
      padding: 12px; } }
  @media (max-width: 600px) {
    .email-body .mail-header-wrapper {
      flex-direction: column;
      align-items: flex-start; } }
  .email-body .mail-header-wrapper .mail-header .form-check {
    display: flex;
    align-items: center; }
    @media (max-width: 420px) {
      .email-body .mail-header-wrapper .mail-header .form-check {
        align-items: flex-start; } }
    .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
      width: 18px;
      height: 18px;
      margin-top: 9px; }
      @media (max-width: 1468px) {
        .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
          margin-right: 8px;
          margin-top: 2px; }
          [dir="rtl"] .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
            margin-left: 8px;
            margin-right: unset; } }
      .email-body .mail-header-wrapper .mail-header .form-check .form-check-input:focus {
        box-shadow: unset;
        border: 1px solid var(--theme-deafult); }
  @media (max-width: 424px) {
    .email-body .mail-header-wrapper .mail-header ul {
      gap: 12px; } }
  @media (max-width: 351px) {
    .email-body .mail-header-wrapper .mail-header ul {
      flex-direction: column; } }
  .email-body .mail-header-wrapper .mail-header ul li a {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--chart-text-color);
    position: relative;
    padding-bottom: 0; }
    @media (max-width: 1468px) {
      .email-body .mail-header-wrapper .mail-header ul li a {
        padding: 7px; } }
    .email-body .mail-header-wrapper .mail-header ul li a::before {
      content: '';
      position: absolute;
      bottom: -23px;
      left: 0;
      width: 0;
      background-color: var(--theme-deafult);
      height: 2px;
      transition: all 0.1s ease-in; }
      [dir="rtl"] .email-body .mail-header-wrapper .mail-header ul li a::before {
        left: unset;
        right: 0; }
      @media (max-width: 1468px) {
        .email-body .mail-header-wrapper .mail-header ul li a::before {
          bottom: -15px; } }
      @media (max-width: 991px) {
        .email-body .mail-header-wrapper .mail-header ul li a::before {
          bottom: -13px; } }
      @media (max-width: 351px) {
        .email-body .mail-header-wrapper .mail-header ul li a::before {
          bottom: -2px; } }
    .email-body .mail-header-wrapper .mail-header ul li a.active {
      color: var(--theme-deafult); }
      .email-body .mail-header-wrapper .mail-header ul li a.active::before {
        width: 100%;
        transition: all 0.1s ease-in; }
    .email-body .mail-header-wrapper .mail-header ul li a svg {
      width: 22px;
      height: 22px; }
      @media (max-width: 424px) {
        .email-body .mail-header-wrapper .mail-header ul li a svg {
          display: none; } }
  .email-body .mail-header-wrapper .mail-body {
    display: flex;
    gap: 12px; }
    @media (max-width: 1500px) {
      .email-body .mail-header-wrapper .mail-body {
        justify-content: end; } }
    @media (max-width: 600px) {
      .email-body .mail-header-wrapper .mail-body {
        display: none; } }
    .email-body .mail-header-wrapper .mail-body .mail-search {
      position: relative; }
      @media (max-width: 1500px) {
        .email-body .mail-header-wrapper .mail-body .mail-search {
          width: 55%; } }
      @media (max-width: 1468px) {
        .email-body .mail-header-wrapper .mail-body .mail-search {
          width: 48%; } }
      @media (max-width: 1400px) {
        .email-body .mail-header-wrapper .mail-body .mail-search {
          display: none; } }
      .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
        display: inline-block;
        padding: 8px 30px; }
        .email-body .mail-header-wrapper .mail-body .mail-search .form-control:focus {
          box-shadow: unset;
          border: 1px solid var(--chart-dashed-border); }
        @media (max-width: 1504px) {
          .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
            max-width: 165px; } }
      .email-body .mail-header-wrapper .mail-body .mail-search i {
        position: absolute;
        top: 12px;
        left: 11px; }
        [dir="rtl"] .email-body .mail-header-wrapper .mail-body .mail-search i {
          left: 0;
          right: 11px; }
    .email-body .mail-header-wrapper .mail-body .light-square i {
      color: var(--body-font-color); }

.email-body .light-square {
  width: 40px;
  height: 39px;
  border-radius: 8px;
  background-color: var(--light-slate);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }
  @media (max-width: 992px) {
    .email-body .light-square {
      width: 34px;
      height: 35px; } }
  .email-body .light-square.dropdown-toggle::after {
    content: '';
    display: none; }
  .email-body .light-square .dropdown-menu .dropdown-item {
    border-top: 0; }
    .email-body .light-square .dropdown-menu .dropdown-item:hover {
      background-color: #E6E9EB; }
    .email-body .light-square .dropdown-menu .dropdown-item i {
      padding-right: 12px; }
      [dir="rtl"] .email-body .light-square .dropdown-menu .dropdown-item i {
        padding-right: 0;
        padding-left: 12px; }

.email-body .mail-body-wrapper ul li {
  padding: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid var(--chart-dashed-border); }
  .email-body .mail-body-wrapper ul li:hover {
    background-color: var(--light-background); }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .email-timing {
      display: none;
      transition: all 0.3s ease-in-out; }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options {
      display: flex;
      align-items: center;
      gap: 14px;
      justify-content: flex-end;
      min-width: 100px;
      transition: all 0.3s ease-in-out; }
      .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i {
        font-size: 18px; }
        @media (max-width: 375px) {
          .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i {
            font-size: 16px; } }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .show {
      display: block; }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .hide {
      display: none; }
  @media (max-width: 460px) {
    .email-body .mail-body-wrapper ul li.inbox-data {
      display: block; } }
  .email-body .mail-body-wrapper ul li:last-child {
    border-bottom: unset; }
  .email-body .mail-body-wrapper ul li .inbox-user {
    min-width: 290px;
    display: flex;
    align-items: center;
    gap: 12px; }
    @media (max-width: 1400px) {
      .email-body .mail-body-wrapper ul li .inbox-user {
        min-width: 280px; } }
    @media (max-width: 576px) {
      .email-body .mail-body-wrapper ul li .inbox-user {
        min-width: 260px; } }
    .email-body .mail-body-wrapper ul li .inbox-user .form-check-input {
      width: 18px;
      height: 18px; }
      .email-body .mail-body-wrapper ul li .inbox-user .form-check-input:focus {
        box-shadow: unset; }
    .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
      width: 50px;
      height: 50px;
      border: 2px solid var(--chart-dashed-border);
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 100%; }
      @media (max-width: 1400px) {
        .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
          width: 42px;
          height: 42px; } }
      @media (max-width: 355px) {
        .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
          display: none; } }
      .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 102, 102, 0.2);
        border-radius: 100%; }
        @media (max-width: 1400px) {
          .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div {
            width: 32px;
            height: 32px; } }
        .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div p {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 100%;
          font-weight: 900;
          padding-top: 3px; }
          @media (max-width: 1200px) {
            .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div p {
              font-size: 13px; } }
      .email-body .mail-body-wrapper ul li .inbox-user .rounded-border .circle-success {
        background-color: rgba(0, 172, 70, 0.3); }
      .email-body .mail-body-wrapper ul li .inbox-user .rounded-border img {
        border-radius: 100%;
        height: 38px; }
        @media (max-width: 1400px) {
          .email-body .mail-body-wrapper ul li .inbox-user .rounded-border img {
            height: 32px; } }
  .email-body .mail-body-wrapper ul li .inbox-message {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 16px; }
    @media (max-width: 700px) {
      .email-body .mail-body-wrapper ul li .inbox-message {
        display: block; } }
    .email-body .mail-body-wrapper ul li .inbox-message .email-data span {
      font-weight: 500;
      color: var(--chart-text-color);
      letter-spacing: 0.3;
      display: -webkit-box;
      max-width: 100%;
      margin: 0 auto;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
      .email-body .mail-body-wrapper ul li .inbox-message .email-data span span {
        font-weight: 400;
        line-height: 1.9; }
    .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge {
      border-radius: 20px; }
      @media (max-width: 1236px) {
        .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge {
          margin-bottom: 5px; } }
      .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge:last-child {
        margin-bottom: 0; }
    .email-body .mail-body-wrapper ul li .inbox-message .email-timing {
      display: flex;
      align-items: center;
      min-width: 80px;
      transition: all 0.3s ease-in-out; }
      @media (max-width: 768px) {
        .email-body .mail-body-wrapper ul li .inbox-message .email-timing {
          justify-content: flex-end;
          height: 18px; } }
      .email-body .mail-body-wrapper ul li .inbox-message .email-timing span {
        color: var(--body-font-color); }
    .email-body .mail-body-wrapper ul li .inbox-message .email-options {
      display: none;
      transition: all 0.3s ease-in-out; }
      @media (max-width: 768px) {
        .email-body .mail-body-wrapper ul li .inbox-message .email-options {
          height: 18px; } }
      .email-body .mail-body-wrapper ul li .inbox-message .email-options .show {
        display: block; }
      .email-body .mail-body-wrapper ul li .inbox-message .email-options .hide {
        display: none; }
      .email-body .mail-body-wrapper ul li .inbox-message .email-options i {
        color: var(--body-font-color); }
  .email-body .mail-body-wrapper ul li.page-item {
    padding: 0; }

.email-body .mail-body-wrapper .hidden {
  display: none !important; }

.email-body .mail-pagination {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px; }
  .email-body .mail-pagination .pagination-button,
  .email-body .mail-pagination .pagination-number {
    padding: 0px 12px;
    width: 35px;
    height: 35px;
    border-radius: 10px;
    border: unset; }
  .email-body .mail-pagination .pagination-button.disabled {
    background-color: var(--light-background);
    color: var(--chart-text-color);
    opacity: 1; }
  .email-body .mail-pagination .pagination-number {
    padding: 6px 12px; }
    .email-body .mail-pagination .pagination-number.active {
      background-color: var(--theme-deafult);
      color: var(--white); }
  .email-body .mail-pagination .pagination-index {
    display: flex;
    gap: 12px; }

.compose-modal form .form-control {
  position: relative; }

.compose-modal form .add-bcc {
  position: absolute;
  top: 2px;
  right: 16px; }
  [dir="rtl"] .compose-modal form .add-bcc {
    right: unset;
    left: 16px; }
  .compose-modal form .add-bcc .btn {
    padding: 5px 8px;
    background-color: var(--light-shade-primary);
    color: var(--theme-deafult); }

.mail-header-wrapper.header-wrapper1 {
  flex-direction: unset; }
  @media (max-width: 440px) {
    .mail-header-wrapper.header-wrapper1 {
      flex-direction: column;
      gap: 10px; } }
.mail-header-wrapper .mail-header1 {
  display: flex;
  align-items: center;
  gap: 18px; }
  .mail-header-wrapper .mail-header1 span {
    font-weight: 500;
    color: var(--body-font-color); }
  .mail-header-wrapper .mail-header1 .btn-email {
    width: 20px;
    height: 20px;
    stroke: var(--body-font-color); }

.mail-header-wrapper .mail-body1 {
  display: flex;
  gap: 10px; }
  .mail-header-wrapper .mail-body1 svg {
    width: 20px;
    height: 20px; }
    @media (max-width: 480px) {
      .mail-header-wrapper .mail-body1 svg {
        width: 18px;
        height: 18px; } }
.mail-body-wrapper .user-mail-wrapper {
  padding: 16px; }
  .mail-body-wrapper .user-mail-wrapper .user-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--chart-dashed-border); }
    @media (max-width: 390px) {
      .mail-body-wrapper .user-mail-wrapper .user-title {
        flex-direction: column;
        padding-bottom: 12px;
        justify-content: unset;
        align-items: unset; } }
    .mail-body-wrapper .user-mail-wrapper .user-title > div {
      display: flex;
      align-items: center;
      gap: 12px;
      padding-bottom: 12px; }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .rounded-border {
        width: 50px;
        height: 50px;
        border: 2px solid var(--chart-dashed-border);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%; }
        .mail-body-wrapper .user-mail-wrapper .user-title > div .rounded-border img {
          height: 38px;
          border-radius: 100%; }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .dropdown-button {
        display: flex;
        align-items: center;
        gap: 8px;
        color: var(--text-gray); }
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .dropdown-button svg {
          width: 16px;
          height: 16px; }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security {
        padding: 16px;
        box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
        min-width: 350px; }
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p {
          margin-bottom: 8px; }
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p:last-child {
            margin-bottom: 0; }
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p span {
            color: var(--body-font-color); }
      @media (max-width: 475px) {
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
          left: -27px; }
          [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
            left: unset;
            right: -27px; } }
      @media (max-width: 445px) {
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
          left: -70px; }
          [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
            left: unset;
            right: -70px; } }
      @media (max-width: 395px) {
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
          min-width: 270px; } }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
        top: 30px;
        z-index: 1; }
        [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
          left: unset;
          right: 0; }
        @media (max-width: 575px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            opacity: 1;
            visibility: visible; } }
        @media (max-width: 475px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            left: -27px; }
            [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
              left: unset;
              right: -27px; } }
        @media (max-width: 445px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            left: -70px; }
            [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
              left: unset;
              right: -70px; } }
        @media (max-width: 395px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            min-width: 270px; } }
    @media (max-width: 390px) {
      .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options {
        padding-bottom: 0; } }
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span {
      color: var(--chart-text-color); }
      @media (max-width: 623px) {
        .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span {
          display: none; } }
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options svg {
      width: 18px;
      height: 18px; }
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options .light-square .dropdown-toggle::after {
      content: unset; }
  .mail-body-wrapper .user-mail-wrapper .user-body {
    padding: 14px 0;
    border-bottom: 1px solid var(--chart-dashed-border); }
    .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(1) {
      padding-bottom: 14px; }
    .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(2), .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(4) {
      line-height: 1.8;
      margin-bottom: 10px; }
    .mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent {
      padding-top: 14px; }
      .mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent p {
        padding-bottom: 0; }
  .mail-body-wrapper .user-mail-wrapper .user-footer {
    padding: 14px 0;
    border-bottom: 1px solid var(--chart-dashed-border); }
    .mail-body-wrapper .user-mail-wrapper .user-footer > div:not(.toolbar-box) {
      display: flex;
      align-items: center;
      gap: 8px;
      padding-bottom: 12px;
      cursor: pointer; }
    .mail-body-wrapper .user-mail-wrapper .user-footer svg {
      width: 20px;
      height: 20px;
      fill: none;
      stroke: var(--text-gray); }
      @media (max-width: 480px) {
        .mail-body-wrapper .user-mail-wrapper .user-footer svg {
          width: 18px;
          height: 18px; } }
    .mail-body-wrapper .user-mail-wrapper .user-footer .attchment-file {
      align-items: center;
      gap: 30px;
      padding: 12px;
      background-color: var(--light-background); }
      .mail-body-wrapper .user-mail-wrapper .user-footer .attchment-file .common-flex img {
        height: 36px; }
  .mail-body-wrapper .user-mail-wrapper .send-btn {
    text-align: end;
    padding-top: 14px; }
    .mail-body-wrapper .user-mail-wrapper .send-btn i {
      margin-left: 8px;
      font-size: 12px; }
      [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .send-btn i {
        margin-left: 0;
        margin-right: 8px; }

.toolbar-box {
  display: block;
  padding: 0;
  border: 1px solid var(--chart-dashed-border);
  border-radius: 5px; }
  .toolbar-box .ql-toolbar.ql-snow {
    border: 0; }
  .toolbar-box .ql-container.ql-snow {
    border: 0;
    min-height: 100px; }
  [dir="rtl"] .toolbar-box .ql-editor {
    text-align: right; }
  .toolbar-box .ql-editor p:nth-child(3) {
    margin: 12px 0; }
  .toolbar-box .ql-editor p:nth-child(8), .toolbar-box .ql-editor p:nth-child(9) {
    margin: 12px 0; }
  .toolbar-box .ql-bold:hover,
  .toolbar-box .ql-italic:hover,
  .toolbar-box .ql-underline:hover,
  .toolbar-box .ql-strike:hover,
  .toolbar-box .ql-list:hover,
  .toolbar-box .ql-stroke:hover,
  .toolbar-box .ql-indent:hover,
  .toolbar-box .ql-link:hover,
  .toolbar-box .ql-image:hover {
    color: var(--theme-deafult); }
    .toolbar-box .ql-bold:hover svg .ql-stroke,
    .toolbar-box .ql-bold:hover svg .ql-fill,
    .toolbar-box .ql-italic:hover svg .ql-stroke,
    .toolbar-box .ql-italic:hover svg .ql-fill,
    .toolbar-box .ql-underline:hover svg .ql-stroke,
    .toolbar-box .ql-underline:hover svg .ql-fill,
    .toolbar-box .ql-strike:hover svg .ql-stroke,
    .toolbar-box .ql-strike:hover svg .ql-fill,
    .toolbar-box .ql-list:hover svg .ql-stroke,
    .toolbar-box .ql-list:hover svg .ql-fill,
    .toolbar-box .ql-stroke:hover svg .ql-stroke,
    .toolbar-box .ql-stroke:hover svg .ql-fill,
    .toolbar-box .ql-indent:hover svg .ql-stroke,
    .toolbar-box .ql-indent:hover svg .ql-fill,
    .toolbar-box .ql-link:hover svg .ql-stroke,
    .toolbar-box .ql-link:hover svg .ql-fill,
    .toolbar-box .ql-image:hover svg .ql-stroke,
    .toolbar-box .ql-image:hover svg .ql-fill {
      stroke: var(--theme-deafult); }
  .toolbar-box .ql-bold button.ql-active .ql-stroke,
  .toolbar-box .ql-italic button.ql-active .ql-stroke,
  .toolbar-box .ql-underline button.ql-active .ql-stroke,
  .toolbar-box .ql-strike button.ql-active .ql-stroke,
  .toolbar-box .ql-list button.ql-active .ql-stroke,
  .toolbar-box .ql-stroke button.ql-active .ql-stroke,
  .toolbar-box .ql-indent button.ql-active .ql-stroke,
  .toolbar-box .ql-link button.ql-active .ql-stroke,
  .toolbar-box .ql-image button.ql-active .ql-stroke {
    stroke: var(--theme-deafult); }

#editor .ql-editing,
#editor1 .ql-editing {
  left: 60.375px !important; }
  [dir="rtl"] #editor .ql-editing, [dir="rtl"] #editor1 .ql-editing {
    left: 0;
    right: 60.375px !important; }
  #editor .ql-editing.ql-out-bottom,
  #editor1 .ql-editing.ql-out-bottom {
    visibility: visible !important; }

#editor .ql-tooltip,
#editor1 .ql-tooltip {
  left: 35.9688px !important; }
  [dir="rtl"] #editor .ql-tooltip, [dir="rtl"] #editor1 .ql-tooltip {
    left: 0;
    right: 35.9688px !important; }
  @media (max-width: 430px) {
    #editor .ql-tooltip,
    #editor1 .ql-tooltip {
      left: 2.9688px !important; }
      [dir="rtl"] #editor .ql-tooltip, [dir="rtl"] #editor1 .ql-tooltip {
        left: 0;
        right: 2.9688px !important; } }
  #editor .ql-tooltip.ql-out-bottom,
  #editor1 .ql-tooltip.ql-out-bottom {
    visibility: visible !important; }
    @media (max-width: 430px) {
      #editor .ql-tooltip.ql-out-bottom input[type=text],
      #editor1 .ql-tooltip.ql-out-bottom input[type=text] {
        width: 94px; } }
.important-mail {
  width: 18px;
  height: 18px;
  fill: transparent;
  stroke: var(--chart-text-color);
  cursor: pointer; }
  .important-mail:active, .important-mail.active {
    fill: #FFAE1A;
    stroke: #FFAE1A; }

.bookmark-box {
  stroke: var(--chart-text-color); }
  .bookmark-box:active, .bookmark-box.active {
    stroke: var(--theme-deafult); }

.dropdown-subtitle > p {
  color: #52526c;
  font-weight: 500; }

/**=====================
    3.47 Letter_box CSS End
==========================**/
/**=====================
    3.16 Errorpage CSS Start
==========================**/
.error-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  text-align: center; }
  .error-wrapper.maintenance-bg {
    background-image: url(/../images/admin/other-images/maintenance-bg.jpg);
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: overlay; }
  .error-wrapper .maintenance-icons li i {
    color: #59667a;
    font-size: 50px;
    animation: rotate-effect 40s infinite linear reverse; }
  .error-wrapper .maintenance-icons li:nth-child(2) i {
    font-size: 100px;
    margin-left: 110px;
    margin-top: -25px;
    animation: reverse-rotate-effect 40s linear infinite; }
  .error-wrapper .maintenance-icons li:nth-child(3) i {
    animation: rotate-effect 30s infinite linear;
    font-size: 150px;
    margin-top: -85px;
    margin-right: 120px; }

@keyframes rotate-effect {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes reverse-rotate-effect {
  0% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(0deg); } }
  .error-wrapper .maintenance-heading {
    margin-top: 70px; }
    .error-wrapper .maintenance-heading .headline {
      font-size: 99px;
      font-weight: 900;
      letter-spacing: 10px;
      color: var(--theme-deafult);
      z-index: 2;
      position: relative;
      margin-top: -70px; }
  .error-wrapper .error-heading {
    margin-top: 115px; }
    .error-wrapper .error-heading .headline {
      font-size: 285px;
      font-weight: 700;
      letter-spacing: 1px;
      margin-top: -130px; }
  .error-wrapper .sub-content {
    font-size: 18px;
    color: #051A1A;
    letter-spacing: 1px;
    font-weight: normal;
    line-height: 35px;
    z-index: 3;
    position: relative;
    margin-top: 30px;
    margin-bottom: 0; }
  .error-wrapper .btn {
    margin-top: 40px; }

.error {
  margin: 70px 0 100px;
  color: #000; }
  .error .error-title {
    font-size: 9.5rem;
    color: #fff;
    text-shadow: 6px 6px 7px rgba(0, 0, 0, 0.32); }
  .error .line-bottom {
    width: 10%;
    height: 5px;
    background-color: #FFAE1A;
    border: none; }
  .error .c-white {
    color: #fff; }
  .error .error-btn {
    text-align: center; }
  .error .padd {
    padding: 10px 30px 10px 30px; }
  .error .btn-back-home {
    background-color: #E6E9EB;
    color: #000; }
    .error .btn-back-home:hover {
      background-color: #FFAE1A;
      color: #fff;
      box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21); }
  .error .btn-adnc-serc {
    background-color: #2c323f;
    color: #fff; }
    .error .btn-adnc-serc:hover {
      background-color: #FFAE1A;
      color: #fff;
      box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21); }

/**=====================
    3.16 Errorpage CSS Start
==========================**/
/**=====================
    3.17 Faq CSS start
==========================**/
.knowledgebase-bg {
  height: 500px;
  border-radius: 15px;
  margin-bottom: 30px; }

.knowledgebase-search {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  left: 5%; }
  .knowledgebase-search .form-inline {
    background-color: #fff;
    width: 500px;
    padding: 12px 50px;
    border-radius: 10px;
    border: 1px solid #E6E9EB;
    margin-top: 10px;
    position: relative; }
    .knowledgebase-search .form-inline ::placeholder {
      color: rgba(5, 26, 26, 0.6); }
    .knowledgebase-search .form-inline svg {
      position: absolute;
      left: 20px;
      width: 20px;
      top: 17px;
      stroke: rgba(5, 26, 26, 0.6); }

.faq-widgets {
  align-items: center; }
  .faq-widgets .media-body h5 {
    font-weight: 600;
    color: #fff;
    margin-bottom: 8px; }
  .faq-widgets .media-body p {
    padding-right: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis; }
  .faq-widgets svg {
    width: 150px;
    height: 150px;
    opacity: 0.5; }

.header-faq {
  margin-bottom: 30px; }
  .header-faq h5 {
    font-weight: 600; }

.features-faq.card .card-body,
.features-faq.card .card-footer {
  padding: 20px 25px; }

.features-faq .faq-image img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%; }

.features-faq .card-body h6 {
  margin-bottom: 15px;
  font-weight: 600; }

.add-project.table td {
  vertical-align: middle; }

.add-project .text-inherit {
  color: black; }

.faq-accordion.default-according {
  margin-bottom: 30px; }
  .faq-accordion.default-according .card .btn-link {
    display: flex; }
    .faq-accordion.default-according .card .btn-link svg {
      width: 20px;
      height: 20px;
      margin-right: 10px; }
  .faq-accordion.default-according .card .faq-header {
    position: relative;
    padding: 30px; }
    .faq-accordion.default-according .card .faq-header svg {
      position: absolute;
      right: 30px;
      top: 30px;
      width: 20px;
      height: 20px; }
    .faq-accordion.default-according .card .faq-header span {
      margin-top: 3px; }
  .faq-accordion.default-according .faq-body {
    padding: 20px !important; }
  .faq-accordion.default-according .card-mb-faq {
    margin-bottom: 30px; }

.faq-title {
  margin: 30px 0; }
  .faq-title h6 {
    color: #999999;
    font-weight: 600; }

.faq-form {
  position: relative; }
  .faq-form .search-icon {
    position: absolute;
    right: 12px;
    top: 9px;
    width: 20px;
    height: 20px; }

.navigation-btn {
  margin-bottom: 20px; }
  .navigation-btn a {
    display: flex;
    align-items: center;
    justify-content: center; }
    .navigation-btn a svg {
      width: 15px;
      height: 15px; }

.navigation-option ul li {
  position: relative;
  padding: 8px 8px 8px 0; }
  .navigation-option ul li:hover {
    background-color: #fdfeff; }
  .navigation-option ul li a {
    padding-left: 40px;
    color: #051A1A; }
    .navigation-option ul li a svg {
      position: absolute;
      width: 15px;
      height: 15px;
      top: 11px;
      left: 15px; }

.updates-faq {
  width: 40px;
  height: 40px;
  border: 2px solid var(--theme-deafult);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px; }
  .updates-faq svg {
    width: 18px;
    height: 18px; }

.updates-bottom-time p {
  margin-bottom: 2px; }
  .updates-bottom-time p + p {
    color: #999999; }

.updates-faq-main {
  margin-bottom: 20px; }
  .updates-faq-main a {
    font-weight: 500; }
  .updates-faq-main:last-child {
    margin-bottom: 0; }

@media only screen and (max-width: 1399.98px) {
  .faq-widgets svg {
    width: 80px;
    height: 80px; } }

@media only screen and (max-width: 1199px) {
  .faq-accordion {
    margin-bottom: 30px; } }

@media only screen and (max-width: 991px) {
  .faq-accordion.default-according .card .faq-header {
    padding: 20px !important; }
    .faq-accordion.default-according .card .faq-header svg {
      right: 20px;
      top: 20px; }
  .navigation-option ul li {
    padding: 10px 10px 10px 0; }
    .navigation-option ul li a svg {
      top: 12px; } }

@media only screen and (max-width: 767px) {
  .xs-mt-search {
    margin-top: 30px; } }

@media only screen and (max-width: 575px) {
  .xs-mt-search {
    margin-top: 0px; }
  .faq-widgets svg {
    width: 60px;
    height: 60px; }
  .faq-title {
    margin: 15px 0; }
  .header-faq {
    margin-bottom: 15px;
    margin-top: 10px; }
  .faq-accordion {
    margin-bottom: 0px; }
    .faq-accordion .faq-header {
      padding: 15px !important; }
      .faq-accordion .faq-header .pull-right {
        float: right; }
      .faq-accordion .faq-header svg {
        right: 15px;
        top: 15px; }
  .navigation-btn,
  .updates-faq-main {
    margin-bottom: 15px; } }

/**=====================
    3.17 Faq CSS end
==========================**/
/**=====================
   3.18 File CSS
==========================**/
.files-content {
  display: flex;
  margin-bottom: -10px; }
  .files-content li {
    margin-right: 20px;
    margin-bottom: 10px; }
    .files-content li .files-list .file-left {
      background-color: rgba(0, 102, 102, 0.05);
      border: 1px solid #ecf3fa;
      padding: 18px 22px;
      border-radius: 5px; }

.file-sidebar .card .card-body,
.file-sidebar .card .card-header,
.file-content .card .card-body,
.file-content .card .card-header {
  padding: 20px !important; }
  .file-sidebar .card .card-body .file-manager,
  .file-sidebar .card .card-header .file-manager,
  .file-content .card .card-body .file-manager,
  .file-content .card .card-header .file-manager {
    padding-top: unset !important; }
  .file-sidebar .card .card-body .form-group input,
  .file-sidebar .card .card-header .form-group input,
  .file-content .card .card-body .form-group input,
  .file-content .card .card-header .form-group input {
    line-height: 0; }

.file-manager .folder {
  margin-bottom: -12px; }
  .file-manager .folder li:nth-child(n+2) {
    margin-left: 12px;
    margin-bottom: 12px; }
  .file-manager .folder li:nth-child(5), .file-manager .folder li:nth-child(9), .file-manager .folder li:nth-child(13) {
    margin-left: 0; }

.file-sidebar ul li + li {
  margin-top: 8px; }

.file-sidebar .btn {
  display: flex;
  align-items: center;
  padding: 8px 20px;
  font-weight: 400; }
  .file-sidebar .btn.btn-light:hover {
    color: #006666 !important; }
    .file-sidebar .btn.btn-light:hover svg {
      stroke: #006666; }
  .file-sidebar .btn svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px; }

.file-sidebar .pricing-plan {
  border: 1px solid #ecf3fa;
  border-radius: 5px;
  margin-top: 10px;
  padding: 15px;
  position: relative;
  overflow: hidden; }
  .file-sidebar .pricing-plan h6 {
    font-size: 14px;
    margin-bottom: 2px;
    color: #898989; }
  .file-sidebar .pricing-plan h5 {
    font-weight: 500;
    font-size: 20px; }
  .file-sidebar .pricing-plan p {
    margin-bottom: 5px;
    color: #898989; }
  .file-sidebar .pricing-plan .btn {
    display: inline-block;
    font-size: 12px; }
  .file-sidebar .pricing-plan .bg-img {
    position: absolute;
    top: 40px;
    opacity: 0.1;
    transform: rotate(-45deg);
    right: -40px; }

.file-manager h5 {
  font-size: 18px;
  font-weight: 600; }

.file-manager > h6 {
  opacity: 0.6;
  font-weight: 400 !important;
  font-size: 15px;
  margin-bottom: 12px; }

.file-manager .files-gap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px; }
  .file-manager .files-gap.list-group {
    flex-direction: unset; }

.file-manager p {
  font-size: 12px;
  color: #999999;
  margin-bottom: 0; }

.folder h6 {
  opacity: 0.9;
  font-weight: 500 !important;
  font-size: 14px; }

.files-content,
.quick-file {
  flex-wrap: wrap; }

.quick-file {
  margin-bottom: -10px; }
  .quick-file li {
    margin-right: 20px;
    margin-bottom: 10px; }
    .quick-file li h6 {
      font-size: 14px;
      text-align: center;
      font-weight: 400;
      margin-top: 8px; }
    .quick-file li .quick-box {
      background-color: rgba(0, 102, 102, 0.05);
      border: 1px solid #ecf3fa;
      padding: 20px 24px;
      border-radius: 5px; }
      .quick-file li .quick-box i {
        font-size: 30px;
        margin-right: 0; }

.file-content .folder-box .files-list h6 {
  font-size: 16px;
  font-weight: 400; }

.file-content .folder-box .files-list i {
  margin-right: 0; }

.file-content .ellips {
  position: absolute;
  top: 30px;
  right: 30px;
  opacity: 0.7; }

.file-content .form-inline {
  border: 1px solid #ecf3fa;
  padding: 0px 20px;
  border-radius: 5px; }
  .file-content .form-inline i {
    padding-right: 10px;
    color: #898989;
    line-height: 3; }
  .file-content .form-inline input::-webkit-input-placeholder {
    color: #898989; }
  .file-content .form-inline input:focus {
    outline: none !important; }

.file-content .search-form input {
  padding: 5px 10px 5px 70px;
  border-radius: 5px; }

.file-content .search-form .form-group:before {
  left: 82px;
  top: 37px; }

.file-content .search-form .form-group:after {
  top: 39px;
  left: 53px; }

.file-content .btn svg {
  height: 16px;
  margin-right: 2px;
  vertical-align: -3px; }

.file-content h4 {
  font-weight: 500;
  margin-bottom: 5px;
  font-size: 24px;
  line-height: 1; }

.file-content .folder .folder-box {
  border: 1px solid #ecf3fa;
  border-radius: 5px;
  padding: 15px;
  background-color: #fff;
  width: calc(25% - 15px);
  display: inline-block;
  margin: 2px 0;
  position: relative; }
  .file-content .folder .folder-box h6 {
    font-size: 16px; }
  .file-content .folder .folder-box .ellips {
    top: 22px;
    right: 22px; }
  .file-content .folder .folder-box:nth-child(1) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 10ms; }
  .file-content .folder .folder-box:nth-child(2) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 20ms; }
  .file-content .folder .folder-box:nth-child(3) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 30ms; }
  .file-content .folder .folder-box:nth-child(4) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 40ms; }
  .file-content .folder .folder-box:nth-child(5) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 50ms; }
  .file-content .folder .folder-box:nth-child(6) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 60ms; }
  .file-content .folder .folder-box:nth-child(7) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 70ms; }
  .file-content .folder .folder-box:nth-child(8) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 80ms; }
  .file-content .folder .folder-box:nth-child(9) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 90ms; }
  .file-content .folder .folder-box:nth-child(10) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 100ms; }
  .file-content .folder .folder-box:nth-child(11) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 110ms; }
  .file-content .folder .folder-box:nth-child(12) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 120ms; }
  .file-content .folder .folder-box:nth-child(13) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 130ms; }
  .file-content .folder .folder-box:nth-child(14) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 140ms; }
  .file-content .folder .folder-box:nth-child(15) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 150ms; }

.md-sidebar .md-sidebar-toggle {
  display: none;
  width: fit-content;
  margin-bottom: 20px;
  font-weight: 600;
  text-transform: capitalize; }

@media screen and (max-width: 1440px) {
  .file-content .folder .folder-box .d-flex {
    display: block !important;
    text-align: center; }
    .file-content .folder .folder-box .d-flex .flex-grow-1 {
      margin-left: 0 !important;
      margin-top: 5px; } }

@media screen and (max-width: 1366px) {
  .file-content .folder {
    margin-bottom: -10px; }
    .file-content .folder .folder-box {
      margin-bottom: 10px;
      margin-right: 0;
      padding: 13px; }
      .file-content .folder .folder-box .media i {
        font-size: 30px; }
  .file-content .card-header .btn {
    padding: 8px 15px;
    z-index: 0; }
  .file-sidebar .btn {
    padding: 8px 15px; } }

@media screen and (max-width: 1199px) {
  .job-sidebar .job-left-aside {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0;
    opacity: 1;
    visibility: hidden;
    overflow-y: scroll;
    z-index: 3;
    max-width: 270px;
    height: 600 px;
    background-color: #fff;
    border: 1 px solid #e6edef;
    padding: 12px; }
  .job-sidebar .job-toggle {
    display: block !important;
    margin-bottom: 20px; }
  .job-sidebar .job-left-aside.open {
    opacity: 1;
    visibility: visible; }
  .md-sidebar .md-sidebar-toggle {
    display: block;
    width: fit-content; }
  .md-sidebar .md-sidebar-aside {
    position: absolute;
    top: 70%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    width: 280px; }
    .md-sidebar .md-sidebar-aside.open {
      opacity: 1;
      visibility: visible; } }

@media screen and (max-width: 768px) {
  .file-content .form-inline {
    display: inline-block;
    padding: 0px 0px 0px 20px; }
  .file-content .folder {
    margin-bottom: -10px; }
    .file-content .folder .folder-box {
      width: calc(50% - 20px);
      margin-bottom: 10px;
      margin-right: 8px; }
      [dir="rtl"] .file-content .folder .folder-box {
        margin-right: 0px; }
      .file-content .folder .folder-box:nth-child(odd) {
        margin-left: 0; } }

@media screen and (max-width: 420px) {
  .file-content .folder .folder-box {
    width: calc(100%);
    margin-right: unset; }
  .file-content h4 {
    font-size: 20px; }
  .file-content .card-header .btn {
    padding: 7px 10px;
    font-size: 12px; }
  .file-manager .folder li:nth-child(n+2) {
    margin-left: 0; }
  .file-manager > h6 {
    font-size: 14px; } }

/**=====================
    3.18 File CSS
==========================**/
/**=====================
    3.19 Gallery CSS Start
==========================**/
.profile-img-style img,
.scroll-bar-wrap img {
  width: 100%; }

.gallery {
  margin-bottom: -30px; }
  .gallery > a {
    margin-bottom: 30px; }
    .gallery > a:before {
      content: "\edee";
      font-family: IcoFont;
      position: absolute;
      height: calc(100% - 10px);
      left: 20px;
      width: calc(100% - 40px);
      background-color: rgba(255, 255, 255, 0.27);
      top: 5px;
      transform: scale(0);
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px;
      color: #000; }
    .gallery > a:hover:before {
      transform: scale(1);
      transition: all 0.3s ease; }
    .gallery > a .img-thumbnail {
      border-radius: 0; }

.gallery-with-description {
  margin-bottom: -30px; }
  .gallery-with-description a > div {
    padding: 10px;
    border: 1px solid #e4e6ec;
    margin-bottom: 30px;
    border-radius: 0 0 5px 5px; }
  .gallery-with-description a:hover {
    text-decoration: none !important; }
  .gallery-with-description h4 {
    color: #2c323f;
    margin-top: 15px;
    font-size: 18px;
    margin-bottom: 5px; }
  .gallery-with-description p {
    color: #a3a3a3; }

.lg-backdrop {
  background-color: #fff; }

.lg-outer .lg-actions .lg-next,
.lg-outer .lg-actions .lg-prev {
  background-color: white;
  border: 1px solid #efefef; }
  .lg-outer .lg-actions .lg-next:hover,
  .lg-outer .lg-actions .lg-prev:hover {
    color: #2c323f; }

.lg-outer .lg-toolbar {
  background-color: rgba(255, 255, 255, 0.45);
  border-bottom: 1px solid #2c323f; }
  .lg-outer .lg-toolbar .lg-icon:hover {
    color: #2c323f; }

.lg-outer #lg-counter {
  color: #2c323f; }

.lg-outer .lg-sub-html {
  background-color: rgba(255, 255, 255, 0.45); }
  .lg-outer .lg-sub-html h4 {
    font-size: inherit;
    color: #2c323f; }
  .lg-outer .lg-sub-html p {
    color: #2c323f; }

.lg-outer .lg-thumb-outer {
  background-color: #ecf3fa; }

.lg-outer .lg-thumb-item {
  padding: 4px;
  border: 1px solid #efefef;
  border-radius: 0; }
  .lg-outer .lg-thumb-item .active, .lg-outer .lg-thumb-item:hover {
    border-color: #000; }

.gallery a:before, .gallery a:after {
  content: none; }

.gallery .img-hover > div {
  overflow: hidden; }

.gallery .hover-1 img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  .gallery .hover-1 img:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }

.gallery .hover-2 img {
  width: 100%;
  height: auto;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  transform: translateX(0px); }

.gallery .hover-2:hover img {
  transform: translateX(40px) scale(1.2); }

.gallery .hover-3 img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-3:hover img {
  -webkit-transform: scale(1);
  transform: scale(1); }

.gallery .hover-4 img {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-4:hover img {
  -webkit-transform: scale(1);
  transform: scale(1); }

.gallery .hover-5 img {
  margin-left: 30px;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-5:hover img {
  margin-left: 0; }

.gallery .hover-6 img {
  -webkit-transform: rotate(15deg) scale(1.4);
  transform: rotate(15deg) scale(1.4);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-6:hover img {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1); }

.gallery .hover-7 img {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-7:hover img {
  -webkit-filter: blur(0);
  filter: blur(0); }

.gallery .hover-8 img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-8:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0); }

.gallery .hover-9 img {
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-9:hover img {
  -webkit-filter: sepia(0);
  filter: sepia(0); }

.gallery .hover-10 img {
  -webkit-filter: grayscale(0) blur(0);
  filter: grayscale(0) blur(0);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-10:hover img {
  -webkit-filter: grayscale(100%) blur(3px);
  filter: grayscale(100%) blur(3px); }

.gallery .hover-11 img {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-11:hover img {
  opacity: .5; }

@-webkit-keyframes flash {
  0% {
    opacity: .4; }
  100% {
    opacity: 1; } }

@keyframes flash {
  0% {
    opacity: .4; }
  100% {
    opacity: 1; } }

.gallery .hover-13:hover img {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s; }

@-webkit-keyframes shine {
  100% {
    left: 125%; } }

@keyframes shine {
  100% {
    left: 125%; } }

.gallery .hover-14 div {
  position: relative; }
  .gallery .hover-14 div:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg); }
  .gallery .hover-14 div:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s; }

.gallery .hover-15 div {
  position: relative; }
  .gallery .hover-15 div:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0; }
  .gallery .hover-15 div:hover:before {
    -webkit-animation: circle .75s;
    animation: circle .75s; }

@-webkit-keyframes circle {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

@keyframes circle {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

* {
  box-sizing: border-box; }
  *:after, *:before {
    box-sizing: border-box; }

.grid {
  position: relative; }

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both; }

/* ---- .grid-item ---- */
.grid-item img {
  max-width: 100%;
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6; }

.gallery-with-description .grid-item img {
  border: 0;
  padding: 0; }

/**=====================
    3.19 Gallery CSS Ends
==========================**/
/**=====================
    3.20 Helper CSS start
==========================**/
.helper-common-box {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  gap: 8px; }
  .helper-common-box:last-child {
    margin-bottom: 0; }
  .helper-common-box.helper-p-wrapper {
    gap: 12px;
    margin-bottom: 0;
    flex-wrap: wrap; }

.border-wrapper {
  padding: 20px; }

.helper-box {
  width: 40px;
  height: 40px;
  border-radius: 25%; }
  .helper-box.helper-text {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900; }

.helper-radius {
  width: 60px;
  height: 30px; }

.fill-wrapper {
  background-color: #E6E9EB; }

.gradient-border {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  align-items: center; }
  @media (max-width: 1200px) {
    .gradient-border {
      gap: calc(13px + (22 - 13) * ((100vw - 320px) / (1200 - 320))); } }
.radius-wrapper {
  background-color: #efefef; }

.font-wrapper {
  display: flex;
  align-items: center;
  padding: 12px 20px; }

.helper-padding {
  display: flex;
  flex-direction: column;
  gap: 12px; }

.helper-p-box {
  display: flex;
  justify-content: center;
  align-items: center; }
  .helper-p-box span {
    color: var(--body-font-color); }

.common-p-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start; }

/**=====================
    3.20 Helper CSS end
==========================**/
/**=====================
    3.21 Internationalization CSS start
==========================**/
.hdg_main {
  position: relative; }

.main .langChoice {
  position: absolute;
  right: 40px;
  top: 31px;
  padding: 10px 18px;
  background-color: transparent; }

@media (max-width: 991px) {
  .main .langChoice {
    right: 20px;
    top: 11px;
    padding: 8px; } }

@media only screen and (max-width: 575px) {
  .main .langChoice {
    top: 14px;
    padding: 4px 7px; }
  .language-xs {
    margin-top: 15px; } }

@media only screen and (max-width: 360px) {
  .language-header {
    padding-bottom: 60px !important; }
  .main .langChoice {
    left: 0;
    margin: 0 auto;
    top: 50px;
    width: 30%;
    right: 0; } }

/**=====================
    3.21 Internationalization CSS End
==========================**/
/**=====================
    3.22 Job-search CSS Start
==========================**/
.filter-cards-view .job-filter:first-child {
  margin-bottom: 30px; }

.filter-cards-view .checkbox-animated {
  margin-top: 30px;
  margin-bottom: 30px; }

.location-checkbox span {
  color: #999999;
  padding-left: 33px; }
  [dir="rtl"] .location-checkbox span {
    padding-left: unset;
    padding-right: 33px; }

.job-accordion .card {
  margin-bottom: 30px; }

.job-accordion .btn-block {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.job-search p {
  margin-top: 14px; }

.job-search .d-flex .flex-grow-1 h6 {
  margin-bottom: 3px; }
  .job-search .d-flex .flex-grow-1 h6 span {
    font-size: 13px;
    color: #999999;
    font-weight: normal; }
    .job-search .d-flex .flex-grow-1 h6 span.badge {
      color: #fff; }

.job-search .d-flex .flex-grow-1 > p {
  margin-top: 0;
  color: #999999; }

.job-search .job-description {
  margin-top: 30px; }
  .job-search .job-description button span {
    color: #fff; }
  .job-search .job-description h6 {
    font-weight: 600;
    margin-bottom: 30px; }
  .job-search .job-description p {
    margin-top: 0;
    margin-bottom: 6px; }
  .job-search .job-description ul {
    list-style-type: disc;
    list-style-position: inside; }
    .job-search .job-description ul li {
      margin-bottom: 10px; }
      .job-search .job-description ul li:last-child {
        margin-bottom: 0; }
  .job-search .job-description .theme-form {
    margin-top: 30px;
    margin-bottom: 30px; }
    .job-search .job-description .theme-form .row div[class^="col-"] + div[class^="col-"] .select2-container {
      margin-top: 18px; }
    .job-search .job-description .theme-form .row div[class^="col-"] .job-select2 ~ .select2-container {
      margin-top: 0 !important; }
    .job-search .job-description .theme-form .row div[class^="col-"] .input-group .datepicker-here {
      font-size: 14px;
      border: 1px solid #efefef;
      padding-top: 12px;
      padding-bottom: 12px; }

.select2-container .select2-selection--single {
  border-radius: 0.25rem !important;
  border-color: #efefef;
  height: 47px !important;
  padding: 10px; }

.job-pagination {
  margin-bottom: 30px; }
  .job-pagination nav ul {
    justify-content: center; }

@media only screen and (max-width: 1366px) {
  .xl-mt-job {
    margin-bottom: 20px; } }

@media only screen and (max-width: 991px) {
  .filter-cards-view {
    padding: 20px !important; }
    .filter-cards-view .job-filter:first-child {
      margin-bottom: 20px; }
    .filter-cards-view .checkbox-animated {
      margin-top: 20px;
      margin-bottom: 20px; }
  .job-accordion .animate-chk {
    padding: 20px !important; }
  .job-search > p {
    margin-top: 20px; } }

@media only screen and (max-width: 575px) {
  .filter-cards-view {
    padding: 15px !important; }
    .filter-cards-view .job-filter:first-child {
      margin-bottom: 15px; }
    .filter-cards-view .checkbox-animated {
      margin-top: 15px;
      margin-bottom: 15px; }
  .job-accordion .animate-chk {
    padding: 15px !important; }
  .job-search p {
    margin-top: 15px; }
  .job-search .d-flex {
    display: block;
    text-align: center; }
    .job-search .d-flex .flex-grow-1 h6 .pull-right {
      float: none;
      margin-top: 3px;
      display: block; }
    .job-search .d-flex .flex-grow-1 h6 a {
      display: block; }
    .job-search .d-flex .flex-grow-1 p span + span {
      display: block;
      color: #E6E9EB; }
    .job-search .d-flex img {
      margin-bottom: 15px; }
    .job-search .d-flex .m-r-20 {
      margin-right: 0; }
  .job-search .job-description {
    margin-top: 15px; }
    .job-search .job-description .theme-form {
      margin-top: 15px;
      margin-bottom: 15px; }
      .job-search .job-description .theme-form .row div[class^="col-"] + div[class^="col-"] .select2-container {
        margin-top: 2px; }
      .job-search .job-description .theme-form .xs-mt-period {
        margin-top: 15px; }
  .job-pagination {
    margin-bottom: 15px; }
  .xl-mt-job {
    margin-bottom: 15px; } }

@media only screen and (max-width: 360px) {
  .job-search .job-description .btn {
    padding: 6px 12px; } }

.select-date .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 9px;
  right: 12px; }

/**=====================
    3.22 Job-search CSS End
==========================**/
/**=====================
  3.23 Jsgrid CSS Start
==========================**/
.jsgrid .jsgrid-grid-body .jsgrid-cell {
  padding: 0.75rem; }

.jsgrid .jsgrid-pager-container {
  text-align: right; }

.jsgrid .jsgrid-pager {
  padding: 0;
  margin-top: 20px; }
  .jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button {
    margin-right: -5px; }
    .jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button:first-child {
      border-radius: 5px 0 0 5px; }
  .jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button {
    margin-left: -5px; }
    .jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button:last-child {
      border-radius: 0 5px 5px 0; }
  .jsgrid .jsgrid-pager [class*="jsgrid-pager"] {
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    border: 1px solid #E6E9EB; }
  .jsgrid .jsgrid-pager .jsgrid-pager-page a {
    color: #2c323f; }
  .jsgrid .jsgrid-pager .jsgrid-pager-current-page {
    color: #2c323f; }

.jsgrid .jsgrid-selected-row > .jsgrid-cell {
  background: #E6E9EB;
  border-color: #fafafa; }

.jsgrid .jsgrid-header-row > .jsgrid-header-cell {
  padding: 0.75rem;
  font-weight: 500; }

/**=====================
  3.23 Jsgrid CSS Ends
==========================**/
/**=====================
  3.24 Kanban CSS start
==========================**/
.jkanban-container .btn {
  margin-bottom: 10px; }

.jkanban-container .note a {
  display: contents; }

.kanban-board-header {
  height: auto;
  width: auto;
  line-height: unset;
  background: #F5F5F5;
  border-bottom: 1px solid #ddd; }
  .kanban-board-header.bg-info ~ .kanban-drag {
    background-color: rgba(23, 56, 120, 0.3) !important; }
  .kanban-board-header.bg-warning ~ .kanban-drag {
    background-color: rgba(255, 174, 26, 0.3) !important; }
  .kanban-board-header.bg-success ~ .kanban-drag {
    background-color: rgba(0, 172, 70, 0.3) !important; }

.kanban-container {
  display: contents; }

.kanban-board {
  margin-bottom: 30px;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  border-radius: 8px;
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  overflow: hidden;
  width: calc(100% / 3 - 30px) !important; }
  .kanban-board .kanban-drag {
    background: #F5F5F5; }

.kanban-item {
  background: transparent;
  padding: 0;
  margin-bottom: 20px; }
  .kanban-item .kanban-box .badge {
    line-height: 13px; }
  .kanban-item p {
    opacity: 0.7; }
  .kanban-item:last-child {
    margin-bottom: 0; }
  .kanban-item .list {
    display: inline-block;
    opacity: 0.4; }
    .kanban-item .list li {
      display: inline-block;
      font-size: 12px;
      padding: 0px 4px; }
      .kanban-item .list li i {
        margin-right: 8px; }
  .kanban-item .kanban-box {
    border: 1px solid #efefef;
    border-radius: 5px;
    padding: 20px;
    position: relative;
    display: block;
    color: inherit;
    background-color: #fff; }
    .kanban-item .kanban-box:hover {
      color: inherit; }
    .kanban-item .kanban-box + .kanban-box {
      margin-top: 20px; }
    .kanban-item .kanban-box .badge {
      font-weight: 400; }
    .kanban-item .kanban-box h6 {
      font-size: 15px;
      margin-top: 5px;
      font-weight: 600;
      margin-bottom: 8px; }
    .kanban-item .kanban-box .dropdown {
      display: inline-block;
      right: 10px;
      position: absolute;
      top: 20px; }
      .kanban-item .kanban-box .dropdown .dropdown-item {
        font-size: 13px;
        font-weight: 500;
        padding: 5px 10px;
        text-align: left; }
      .kanban-item .kanban-box .dropdown svg {
        height: 14px; }
    .kanban-item .kanban-box .d-flex {
      justify-content: space-between; }
    .kanban-item .kanban-box .dropdown-toggle:after {
      content: none; }
    .kanban-item .kanban-box .customers ul li + li {
      margin-left: -10px; }
    .kanban-item .kanban-box .date {
      font-size: 11px;
      opacity: 0.5; }

footer {
  margin: 0;
  padding: 0; }

@media only screen and (max-width: 1199px) {
  .jkanban-container .btn {
    margin-bottom: 10px;
    margin-left: 20px; }
  .kanban-container .kanban-board {
    width: 320px !important; } }

@media only screen and (max-width: 600px) {
  .kanban-board .kanban-drag,
  .kanban-container .kanban-item .kanban-box {
    padding: 10px 15px; }
  .kanban-container .kanban-board {
    margin-left: 10px !important;
    margin-right: 10px !important; } }

@media only screen and (max-width: 480px) {
  .jkanban-container .card-body {
    padding: 20px 0 !important; }
  .kanban-board .kanban-drag,
  .kanban-container .kanban-item .kanban-box {
    padding: 10px 15px; }
  .kanban-container .kanban-board {
    width: 270px !important; } }

@media screen and (max-width: 375px) {
  .kanban-container .kanban-board {
    width: 258px !important; } }

/**=====================
   3.24 Kanban CSS ends
==========================**/
/**=====================
    3.25 Knowledgebase CSS start
==========================**/
.browse .browse-articles span {
  vertical-align: middle; }
  .browse .browse-articles span:nth-child(2) {
    padding-left: 20px;
    font-weight: 400; }
    [dir="rtl"] .browse .browse-articles span:nth-child(2) {
      padding-left: unset;
      padding-right: 20px; }
  .browse .browse-articles span svg {
    width: 14px;
    height: 14px;
    vertical-align: text-top;
    position: absolute;
    left: 0;
    top: 4px; }
    [dir="rtl"] .browse .browse-articles span svg {
      left: unset;
      right: 0; }

.browse .browse-articles h6 {
  padding-bottom: 10px;
  margin-bottom: 0px;
  border-bottom: 1px solid #fdfeff;
  padding-left: 40px; }
  [dir="rtl"] .browse .browse-articles h6 {
    padding-left: unset;
    padding-right: 40px; }
  .browse .browse-articles h6 span svg {
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    top: 0;
    left: 22px; }

.browse .browse-articles ul li {
  padding: 8px;
  border-radius: 8px; }
  .browse .browse-articles ul li a {
    color: #051A1A;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px; }
  .browse .browse-articles ul li:hover {
    background-color: #fdfeff; }

@media only screen and (max-width: 1366px) {
  .browse div[class^="col-"]:nth-child(3) {
    margin-top: 30px; } }

@media only screen and (max-width: 360px) {
  .browse .browse-articles ul li a span:nth-child(2) {
    width: 158px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block; } }

.badge.pull-right {
  padding-top: 8px; }

.articles-icons svg {
  min-width: 18px; }

.articles-icons .media-body h6 {
  margin-bottom: 8px; }

.media.faq-widgets svg {
  min-width: 18px; }

/**=====================
    3.25 Knowledgebase CSS End
==========================**/
/**=====================
    3.26 Landing CSS Start
==========================**/
html:hover .cursor {
  opacity: 1; }

.cursor {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: none; }
  .cursor--hover .cursor-inner {
    transform: scale(0.5);
    opacity: 0; }
  .cursor--hover .cursor-outer {
    transform: scale(1.4);
    border-color: #006666;
    opacity: 1; }

.cursor-move-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: -3px;
  margin-left: -3px; }

.cursor-move-outer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.cursor-inner {
  display: block;
  width: 80%;
  height: 80%;
  background: #006666;
  border-radius: 50%;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.cursor-outer {
  display: block;
  width: 70%;
  height: 70%;
  border: 1px solid #006666;
  border-radius: 50%;
  box-sizing: border-box;
  box-shadow: 0px 0px 4px 4px rgba(0, 102, 102, 0.22);
  transition: border 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.landing-page div canvas:first-child {
  display: none !important; }

/* MESH LOADER */
@keyframes mesh {
  0% {
    transform-origin: 50% -100%;
    transform: rotate(0); }
  50% {
    transform-origin: 50% -100%;
    transform: rotate(360deg); }
  50.1% {
    transform-origin: 50% 200%;
    transform: rotate(0deg); }
  100% {
    transform-origin: 50% 200%;
    transform: rotate(360deg); } }

@keyframes rotate-animation {
  0% {
    transform: rotate3d(1, 1, 1, 0deg); }
  25% {
    transform: rotate3d(1, 1, 1, 2deg); }
  50% {
    transform: rotate3d(1, 1, 1, 0deg); }
  75% {
    transform: rotate3d(1, 1, 1, -2deg); }
  100% {
    transform: rotate3d(1, 1, 1, 0deg); } }

.mesh-loader {
  overflow: hidden;
  height: inherit;
  width: inherit; }
  .mesh-loader .circle {
    position: absolute;
    background: #006666;
    border-radius: 50%;
    margin: -3px;
    animation: mesh 3s ease-in-out infinite -1.5s;
    width: 6px;
    height: 6px; }
  .mesh-loader > div .circle:last-child {
    animation-delay: 0s; }
  .mesh-loader > div {
    position: absolute;
    top: 50%;
    left: 50%; }
  .mesh-loader > div:last-child {
    transform: rotate(90deg); }

@-webkit-keyframes animloader14 {
  0% {
    transform: scale(0);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }

@keyframes animloader14 {
  0% {
    transform: scale(0);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }

.feature-box {
  padding: 16px 22px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start; }
  @media (max-width: 575px) {
    .feature-box {
      padding: 20px; } }
  .feature-box img {
    transition: all 0.3s ease; }
  .feature-box:hover {
    background-color: #006666; }
    .feature-box:hover h5 {
      color: #fff; }
    .feature-box:hover p {
      color: #fff; }
    .feature-box:hover img {
      transform: scale(0.7);
      animation: swing 2s ease infinite; }
    .feature-box:hover .feature-icon {
      background-color: rgba(0, 102, 102, 0.08); }
  .feature-box h5 {
    padding-bottom: 11px; }
  .feature-box .feature-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    border-radius: 17px;
    top: -20px;
    right: 22px;
    box-shadow: 5px 7px 4px 0px rgba(0, 0, 0, 0.2); }
    .feature-box .feature-icon div {
      height: 45px;
      width: 45px;
      border-radius: 17px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 102, 102, 0.08); }

.feature-section {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: 610px;
  padding-top: 70px;
  background-color: rgba(0, 102, 102, 0.06); }
  .feature-section .vector-image {
    top: 50px;
    right: -170px; }
    @media (max-width: 1674px) {
      .feature-section .vector-image {
        top: 60px;
        right: -160px; } }
    @media (max-width: 1600px) {
      .feature-section .vector-image {
        top: 0px;
        right: -20px; } }
    @media (max-width: 1655px) {
      .feature-section .vector-image {
        right: -130px; } }
    @media (max-width: 1595px) {
      .feature-section .vector-image {
        right: -6px;
        top: -10px; } }
    @media (max-width: 1399px) {
      .feature-section .vector-image {
        top: -6px;
        right: -10px; } }
    @media (max-width: 1199px) {
      .feature-section .vector-image {
        right: -12px; } }
    .feature-section .vector-image img {
      height: 370px; }
      @media (max-width: 1674px) {
        .feature-section .vector-image img {
          height: 340px; } }
      @media (max-width: 1655px) {
        .feature-section .vector-image img {
          height: 310px; } }
      @media (max-width: 1600px) {
        .feature-section .vector-image img {
          height: 300px; } }
      @media (max-width: 1399px) {
        .feature-section .vector-image img {
          height: 280px; } }
  .feature-section .round-gif {
    top: unset;
    bottom: 12%; }
    @media (max-width: 1660px) {
      .feature-section .round-gif {
        left: 0; } }
    @media (max-width: 1460px) {
      .feature-section .round-gif {
        bottom: unset;
        top: 6%; } }
    @media (max-width: 991px) {
      .feature-section .round-gif {
        top: -3%; } }
    @media (max-width: 575px) {
      .feature-section .round-gif {
        top: -2%; } }
    .feature-section .round-gif img {
      width: 105px;
      height: 105px; }
      @media (max-width: 1460px) {
        .feature-section .round-gif img {
          width: 90px;
          height: 90px; } }
      @media (max-width: 575px) {
        .feature-section .round-gif img {
          width: 70px;
          height: 70px; } }
.landing-page {
  color: #000248; }
  .landing-page .section-py-space {
    padding-top: 70px;
    padding-bottom: 70px; }
    .landing-page .section-py-space .title {
      margin-top: -5px;
      margin-bottom: 70px; }
      .landing-page .section-py-space .title h5 {
        color: #006666;
        text-align: center;
        font-family: Caveat;
        font-weight: 700;
        font-size: 20px; }
      .landing-page .section-py-space .title h2 {
        font-size: 40px;
        color: #051A1A;
        position: relative; }
        .landing-page .section-py-space .title h2::after {
          content: "";
          position: absolute;
          height: 5px;
          left: 50%;
          transform: translate(-50%);
          width: 51px;
          top: 60px;
          border-radius: 10px;
          background-color: #FE6A49; }
      .landing-page .section-py-space .title span {
        letter-spacing: 1.5px;
        color: rgba(5, 26, 26, 0.8); }
    .landing-page .section-py-space .support-title {
      z-index: 8;
      position: absolute;
      right: 50%;
      transform: translate(36%); }
      .landing-page .section-py-space .support-title h2 {
        font-weight: 700;
        font-size: 26px;
        text-align: end; }
      .landing-page .section-py-space .support-title .premium-button {
        text-align: end; }
      .landing-page .section-py-space .support-title p {
        letter-spacing: 1.5px;
        text-align: end;
        color: #86909C;
        margin-bottom: 0px;
        padding-bottom: 8px; }
    .landing-page .section-py-space .license-title h3 {
      position: absolute;
      top: 38%;
      left: 3%;
      transform: translate(10%);
      color: #006666;
      text-align: center;
      font-family: Caveat;
      font-weight: 700;
      font-size: 43px; }
  .landing-page .demo-section .dashboard-images .demo-box .img-wrraper img {
    border-radius: 10px;
    padding: 10px;
    border: 1px solid rgba(0, 102, 102, 0.65); }
    .landing-page .demo-section .dashboard-images .demo-box .img-wrraper img:hover {
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .demo-section .down-loader {
    position: relative; }
    .landing-page .demo-section .down-loader img {
      position: absolute;
      top: 310px; }
  .landing-page .demo-section .demo-box {
    background-color: rgba(0, 102, 102, 0.06);
    padding: 0px 21px 20px;
    border-radius: 10px; }
    .landing-page .demo-section .demo-box .layout-name {
      padding: 18px 0px 18px 0px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .landing-page .demo-section .demo-box .layout-name a {
        font-size: 17px;
        font-weight: 600;
        color: #006666;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal; }
      .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px; }
        .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li {
          height: 10px;
          width: 10px;
          border-radius: 100%;
          opacity: 0.5; }
          .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:first-child {
            background-color: #006666; }
          .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:nth-child(2) {
            background-color: #FE6A49; }
          .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:last-child {
            background-color: #FFAE1A; }
    .landing-page .demo-section .demo-box .demo-title {
      padding-top: 20px;
      text-align: center; }
      .landing-page .demo-section .demo-box .demo-title .btn {
        text-transform: capitalize;
        border: 1px solid #006666;
        padding: 8px 15px;
        transition: all 0.5s ease;
        color: #fff; }
        .landing-page .demo-section .demo-box .demo-title .btn:hover {
          background-color: #006666;
          color: #fff; }
    .landing-page .demo-section .demo-box .img-wrraper {
      overflow: hidden;
      position: relative;
      border: 2px solid rgba(230, 233, 235, 0.65);
      border-radius: 10px; }
      .landing-page .demo-section .demo-box .img-wrraper img {
        transition: all 0.5s ease;
        width: 100%;
        padding: 6px; }
    .landing-page .demo-section .demo-box:hover .img-wrraper {
      transition: all 0.5s ease;
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .demo-section .demo-block {
    margin-bottom: -30px;
    justify-content: center; }
    .landing-page .demo-section .demo-block > div {
      margin-bottom: 30px; }
  .landing-page .application-section .app-box .img-wrraper img {
    border-radius: 10px;
    padding: 10px;
    background-color: rgba(0, 102, 102, 0.06);
    padding: 20px; }
    .landing-page .application-section .app-box .img-wrraper img:hover {
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .application-section .down-loader {
    position: relative; }
    .landing-page .application-section .down-loader img {
      position: absolute;
      top: 310px; }
  .landing-page .application-section .app-box {
    border-radius: 10px; }
    .landing-page .application-section .app-box .layout-name {
      padding: 18px 0px 18px 0px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .landing-page .application-section .app-box .layout-name a {
        font-size: 17px;
        font-weight: 600;
        color: #006666; }
      .landing-page .application-section .app-box .layout-name .riho-demo-img ul {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px; }
        .landing-page .application-section .app-box .layout-name .riho-demo-img ul li {
          height: 10px;
          width: 10px;
          border-radius: 100%;
          opacity: 0.5; }
          .landing-page .application-section .app-box .layout-name .riho-demo-img ul li:first-child {
            background-color: #006666; }
          .landing-page .application-section .app-box .layout-name .riho-demo-img ul li:nth-child(2) {
            background-color: #FE6A49; }
          .landing-page .application-section .app-box .layout-name .riho-demo-img ul li:last-child {
            background-color: #FFAE1A; }
    .landing-page .application-section .app-box .demo-title {
      padding-top: 20px;
      text-align: center; }
      .landing-page .application-section .app-box .demo-title .btn {
        text-transform: capitalize;
        border: none !important;
        background: linear-gradient(90deg, rgba(13, 126, 126, 0.08) -18.33%, rgba(0, 102, 102, 0.08) 62.78%) !important;
        padding: 8px 15px;
        font-weight: 600;
        transition: all 0.5s ease;
        color: #006666; }
        .landing-page .application-section .app-box .demo-title .btn:hover, .landing-page .application-section .app-box .demo-title .btn:active {
          background-color: #006666 !important;
          color: #fff !important; }
    .landing-page .application-section .app-box .img-wrraper {
      overflow: hidden;
      position: relative;
      border-radius: 10px; }
      .landing-page .application-section .app-box .img-wrraper img {
        transition: all 0.5s ease;
        width: 100%;
        background-color: rgba(0, 102, 102, 0.06);
        padding: 20px; }
    .landing-page .application-section .app-box:hover .img-wrraper {
      transition: all 0.5s ease;
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .application-section .demo-block {
    margin-bottom: -30px;
    justify-content: center; }
    .landing-page .application-section .demo-block > div {
      margin-bottom: 30px; }

.demo-section .demo-box.dashboard-images .img-wrraper {
  position: relative;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  border-radius: 15px;
  overflow: hidden;
  transition: all 0.5s ease;
  background-color: #fff; }
  .demo-section .demo-box.dashboard-images .img-wrraper img {
    transition: all 0.5s ease;
    border-radius: 14px; }
  .demo-section .demo-box.dashboard-images .img-wrraper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    background-color: rgba(0, 102, 102, 0.09);
    z-index: 2;
    transition: all 0.5s ease; }
  .demo-section .demo-box.dashboard-images .img-wrraper .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    opacity: 0;
    z-index: 3;
    visibility: hidden;
    transform: scale(0) rotate(-90deg);
    transition: all 0.5s ease; }
    .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link {
      width: fit-content;
      margin: auto;
      z-index: 3; }
      .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li {
        display: inline-block; }
        .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li:nth-child(n+2) {
          margin-left: 10px; }
        .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li a {
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          width: 158px;
          height: 50px;
          border-radius: 12px;
          background-color: #fff; }
          .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li a img {
            width: auto;
            height: 50%; }

.demo-section .demo-box.dashboard-images .demo-detail {
  padding-top: 25px; }
  .demo-section .demo-box.dashboard-images .demo-detail .demo-title {
    text-align: center; }
    .demo-section .demo-box.dashboard-images .demo-detail .demo-title h3 {
      font-size: 22px;
      font-family: "Montserrat", sans-serif;
      text-transform: capitalize;
      font-weight: 400;
      margin-bottom: -7px;
      color: #1A1C23; }

.animate-slider .slick-slide img {
  width: 100%; }

.text-marqee {
  height: 230px; }
  @media (max-width: 1199px) {
    .text-marqee {
      height: 166px; } }
  @media (max-width: 991px) {
    .text-marqee {
      height: 130px; } }
  @media (max-width: 767px) {
    .text-marqee {
      height: 95px; } }
  @media (max-width: 575px) {
    .text-marqee {
      height: 65px; } }
.marquee {
  padding-top: 70px;
  margin-bottom: -30px;
  animation: scrolling 40s linear infinite; }
  .marquee .marquee-name p {
    text-align: end; }
    .marquee .marquee-name p.big-title {
      margin-bottom: 0px;
      font-weight: 700;
      font-size: 60px;
      font-family: "Montserrat", sans-serif;
      text-transform: uppercase;
      color: #fff;
      -webkit-background-clip: text;
      background-image: linear-gradient(26deg, #006666, rgba(13, 126, 126, 0.19));
      -webkit-text-stroke: 2px transparent; }

@keyframes scrolling {
  0% {
    transform: translate(100vw); }
  100% {
    transform: translate(-117vw); } }

.f-light {
  color: #86909C; }

.vector-image {
  position: absolute; }
  @media (max-width: 991px) {
    .vector-image {
      display: none; } }
.loader-gif {
  right: 5%;
  top: 25%; }
  @media (max-width: 1199px) {
    .loader-gif {
      top: 32%; } }
  @media (max-width: 991px) {
    .loader-gif {
      right: 15px; } }
  @media (max-width: 575px) {
    .loader-gif {
      top: 28%; } }
.loader-line-gif {
  right: 15%;
  top: 12%; }
  @media (max-width: 1660px) {
    .loader-line-gif {
      right: 5%; } }
  @media (max-width: 1399px) {
    .loader-line-gif {
      top: 10%;
      right: 0; } }
  @media (max-width: 1199px) {
    .loader-line-gif {
      top: 9%; } }
  @media (max-width: 991px) {
    .loader-line-gif {
      top: 0; } }
  .loader-line-gif img {
    width: 130px; }
    @media (max-width: 575px) {
      .loader-line-gif img {
        width: 80px; } }
.rating-title {
  font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: normal; }

.layout h5 {
  margin-bottom: 10px;
  opacity: .8;
  letter-spacing: 1.2px; }

.layout .btn {
  padding: 0.15rem 0.5rem; }

.common-card {
  background: #FCFCFD;
  border: 2px solid #fff;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  border-radius: 10px; }

.testimonial-box {
  position: relative;
  padding: 20px 25px;
  text-align: left;
  margin-bottom: 33px; }
  .testimonial-box .rating-content {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px; }
  .testimonial-box h5 {
    font-size: 16px;
    margin-bottom: 0; }
  .testimonial-box .text-end span {
    font-size: 13px; }
  .testimonial-box .customer-img {
    width: 60px;
    height: 60px;
    background: #FFFAFA;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -25px; }
  .testimonial-box p {
    margin-bottom: 0; }

.about-section .slick-slide {
  padding: 0 14px; }

.testimonial-slider .slick-dots li {
  width: auto;
  height: auto; }
  .testimonial-slider .slick-dots li button {
    background: rgba(82, 82, 108, 0.2);
    border-radius: 20px;
    height: 5px;
    width: 11px;
    padding: 0;
    transition: all 0.5s; }
    .testimonial-slider .slick-dots li button::before {
      display: none; }
  .testimonial-slider .slick-dots li.slick-active button {
    background: #006666;
    border-radius: 20px;
    width: 20px;
    transition: all 0.5s; }

.customer-box {
  position: relative;
  background-color: #f7f7f7;
  text-align: center;
  padding: 40px 30px;
  border-radius: 25px;
  box-shadow: 30px 30px 33px rgba(119, 119, 119, 0.25); }
  @media (max-width: 1399px) {
    .customer-box {
      padding: 40px 35px; } }
  @media (max-width: 1199px) {
    .customer-box {
      padding: 30px 25px; } }
  @media (max-width: 991px) {
    .customer-box {
      padding: 17px 13px; } }
  @media (max-width: 575px) {
    .customer-box {
      box-shadow: 12px 12px 12px rgba(119, 119, 119, 0.25); } }
  .customer-box img {
    height: 70px;
    width: auto; }
    @media (max-width: 991px) {
      .customer-box img {
        height: 50px; } }
.customer-wrapper {
  position: relative;
  padding: 12px; }
  @media (max-width: 767px) {
    .customer-wrapper {
      padding: 0; } }
  .customer-wrapper .outline-box {
    position: absolute;
    bottom: -6px;
    left: -5px; }
    @media (max-width: 1399px) {
      .customer-wrapper .outline-box {
        bottom: -1px;
        left: 0px; } }
    @media (max-width: 1199px) {
      .customer-wrapper .outline-box {
        bottom: -1px;
        left: -2px;
        width: 120%; } }
    @media (max-width: 767px) {
      .customer-wrapper .outline-box {
        display: none; } }
.customer-wrap {
  margin: 0 -28px; }
  @media (max-width: 1199px) {
    .customer-wrap {
      margin: 0 -15px; } }
  @media (max-width: 991px) {
    .customer-wrap {
      margin: 0 -10px; } }
  @media (max-width: 767px) {
    .customer-wrap {
      margin: -12px; } }
  .customer-wrap > div {
    padding: 0 28px; }
    @media (max-width: 1199px) {
      .customer-wrap > div {
        padding: 0 15px; } }
    @media (max-width: 991px) {
      .customer-wrap > div {
        padding: 0 10px; } }
    @media (max-width: 767px) {
      .customer-wrap > div {
        padding: 12px; } }
  @media (max-width: 1199px) {
    .customer-wrap > div:last-child .outline-box {
      width: 100%; } }
.demo-section .title, .feature-section .title {
  margin-bottom: 30px;
  margin-top: -10px; }
  .demo-section .title h2, .feature-section .title h2 {
    color: #006666;
    font-size: 40px; }
  .demo-section .title span, .feature-section .title span {
    font-size: 15px;
    letter-spacing: 1.5px;
    color: rgba(5, 26, 26, 0.8); }

.framework {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: auto;
  background-color: rgba(0, 102, 102, 0.06); }
  .framework ul.framworks-list {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 45px;
    flex-wrap: wrap;
    margin-bottom: 1px; }
    .framework ul.framworks-list li {
      display: inline-block;
      display: flex;
      gap: 20px;
      align-items: center;
      min-width: 222px;
      gap: 10px;
      padding: 12px 20px 12px 12px;
      background-color: #fff;
      border-radius: 10px;
      width: fit-content;
      box-shadow: 0px 1.9217px 1.53736px 0px rgba(0, 102, 102, 0.03), 0px 4.6181px 3.69448px 0px rgba(0, 102, 102, 0.05), 0px 8.69547px 6.95638px 0px rgba(0, 102, 102, 0.06), 0px 10px 10px 0px rgba(0, 102, 102, 0.04);
      position: relative; }
      .framework ul.framworks-list li div {
        height: 70px;
        width: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        background-color: rgba(0, 102, 102, 0.1); }
      .framework ul.framworks-list li:nth-child(13) {
        margin-bottom: 0px; }
      .framework ul.framworks-list li:last-child {
        margin-bottom: 0px; }
      .framework ul.framworks-list li img {
        transition: all 0.3s ease;
        height: 30px; }
        .framework ul.framworks-list li img.img-68 {
          width: 68px; }
      .framework ul.framworks-list li h5 {
        margin-bottom: unset; }
      .framework ul.framworks-list li:hover {
        background-color: #fff; }
        .framework ul.framworks-list li:hover::before {
          content: "";
          position: absolute;
          height: 100%;
          width: 100%;
          top: 0px;
          left: 0px;
          border-radius: 10px; }
        .framework ul.framworks-list li:hover img {
          transform: scale(0.7);
          animation: swing 2s ease infinite; }
  .framework .wavy-gif {
    left: 100%;
    top: 23%; }
    .framework .wavy-gif svg {
      width: 80px;
      transform: rotate(90deg); }
      @media (max-width: 1199px) {
        .framework .wavy-gif svg {
          width: 60px; } }
      @media (max-width: 575px) {
        .framework .wavy-gif svg {
          width: 30px; } }
    .framework .wavy-gif path {
      stroke: #FFAE1A;
      stroke-dasharray: 500;
      stroke-dashoffset: 500;
      animation: dash 1.5s linear infinite; }

@keyframes dash {
  to {
    stroke-dashoffset: 0; } }
    @media (max-width: 1399px) {
      .framework .wavy-gif {
        right: 3%;
        top: 15%; } }
    @media (max-width: 991px) {
      .framework .wavy-gif {
        right: 1%;
        top: 10%; } }
    @media (max-width: 767px) {
      .framework .wavy-gif {
        top: 8%; } }
.frame-tab {
  background: rgba(244, 245, 248, 0.5);
  border-radius: 40px;
  border: none;
  gap: 10px;
  display: inline-flex;
  padding: 5px;
  margin-bottom: 50px; }
  .frame-tab .nav-item img {
    width: 21px;
    height: 21px; }
  .frame-tab .nav-item .nav-link {
    font-size: 18px;
    padding: 16px 40px;
    border-radius: 40px;
    background: transparent;
    border: none;
    color: rgba(0, 2, 72, 0.5);
    font-weight: 500; }
    @media (max-width: 991px) {
      .frame-tab .nav-item .nav-link {
        font-size: 16px;
        padding: 10px 25px; } }
    .frame-tab .nav-item .nav-link img {
      margin-right: 10px;
      filter: grayscale(1); }
    .frame-tab .nav-item .nav-link.active {
      color: #000248;
      background: #fff;
      box-shadow: 0px 7px 15px rgba(46, 35, 94, 0.06); }
      .frame-tab .nav-item .nav-link.active img {
        filter: unset; }
  @media (max-width: 575.98px) {
    .frame-tab.nav {
      display: inline-flex;
      background-color: transparent; } }
.framework-box {
  position: relative;
  display: flex;
  align-items: center;
  background: #FCFCFD;
  border: 2px solid #fff;
  box-shadow: 0px 5px 20px rgba(46, 35, 94, 0.12);
  border-radius: 50px 16px 16px 50px;
  padding: 18px 16px;
  gap: 16px;
  margin-left: 30px;
  transition: all 0.5s; }
  .framework-box::after {
    position: absolute;
    content: '';
    width: 40px;
    height: calc(100% + 4px);
    border-right: 1px dashed rgba(0, 2, 72, 0.2);
    right: -1px;
    border-top: 1px dashed rgba(0, 2, 72, 0.2);
    border-bottom: 1px dashed rgba(0, 2, 72, 0.2);
    border-radius: 10px;
    top: -1px;
    bottom: 0; }
  .framework-box .frame-icon {
    position: relative;
    min-width: 55px;
    height: 55px;
    background: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -48px; }
    @media (max-width: 575px) {
      .framework-box .frame-icon {
        min-width: 52px;
        height: 52px; } }
    .framework-box .frame-icon::before {
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      box-shadow: 3px 4px 5px rgba(46, 35, 94, 0.11), inset 3px 0px 1px rgba(204, 204, 215, 0.5);
      border-radius: 100%; }
    .framework-box .frame-icon img {
      width: 30px;
      height: 30px; }
      @media (max-width: 575px) {
        .framework-box .frame-icon img {
          width: 25px;
          height: 25px; } }
  .framework-box .frame-details {
    position: relative;
    text-align: left; }
    .framework-box .frame-details p {
      opacity: 0.7;
      margin-bottom: 0; }
    .framework-box .frame-details::before, .framework-box .frame-details::after {
      position: absolute;
      content: '';
      width: 8px;
      height: 8px;
      background: #FEFEFF;
      border: 1px solid rgba(0, 2, 72, 0.2);
      border-radius: 100%;
      right: 17px; }
    .framework-box .frame-details::before {
      top: -23px; }
    .framework-box .frame-details::after {
      bottom: -24px; }
  @media (min-width: 576px) {
    .framework-box:hover {
      transform: scale(1.05);
      transition: all 0.5s; } }
  .framework-box:hover .frame-icon::before {
    animation-name: rotate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }

@keyframes rotate {
  from {
    transform: rotate(-360deg); }
  to {
    transform: rotate(360deg); } }

.sub-title {
  font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 700;
  font-family: "Caveat", cursive;
  color: #FFB905; }

.rotate-title {
  color: #FF5A82; }

.landing-home {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: 1060px;
  background-image: url(/../images/landing/demo-bg.png); }
  .landing-home .sub-title {
    font-size: calc(18px + (30 - 18) * ((100vw - 300px) / (1920 - 300))); }
  .landing-home .user-content {
    width: 36%;
    padding: 35px 0px;
    text-align: center;
    font-size: 15px;
    margin: auto; }
    .landing-home .user-content span {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: rgba(5, 26, 26, 0.8); }
  .landing-home .star-animate {
    position: relative; }
    .landing-home .star-animate img {
      height: 30px;
      width: 30px;
      position: absolute;
      top: 0px;
      left: 0px; }
  .landing-home .content .arrow-animate svg {
    top: 311px;
    right: 66px;
    height: 80px;
    width: 61px;
    position: absolute;
    animation: rotate-animation 2s linear infinite;
    transition: all 1s ease; }
  .landing-home .content h1 {
    margin-top: 167px;
    color: #051A1A;
    line-height: 1.2;
    font-weight: 600;
    font-size: calc(25px + (60 - 25) * ((100vw - 300px) / (1920 - 300))); }
    .landing-home .content h1 span {
      background: #006666;
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .landing-home .content h1 .sub-content {
      position: relative;
      gap: 35px; }
      .landing-home .content h1 .sub-content::before {
        content: "";
        background-color: #051A1A;
        position: absolute;
        top: 30px;
        left: 222px;
        height: 50px;
        border-radius: 10px;
        width: 24%;
        transform: rotate(3deg); }
      .landing-home .content h1 .sub-content button {
        background-color: #fff;
        border: 2.36px solid #051A1A;
        border-radius: 9px;
        padding: 14px 38px;
        font-weight: 600;
        font-size: 28px;
        transform: rotate(6deg);
        color: radial-gradient(circle, #1baeae 2%, #1a9494 50%, #048f8f 100%) !important;
        border-color: #051A1A;
        text-transform: uppercase;
        overflow: hidden; }
        .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider {
          width: 165px;
          position: relative; }
          .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
            content: "";
            background-image: linear-gradient(180deg, #24B5B5 0%, #228585 100%);
            position: absolute;
            border-radius: 15px;
            height: 10px;
            width: 10px;
            top: 8px;
            left: -21px;
            z-index: 1; }
        .landing-home .content h1 .sub-content button::before {
          content: "";
          background-color: #051A1A;
          height: 40px;
          width: 40px;
          position: absolute;
          right: -22px;
          top: -19px;
          border-radius: 25px; }
        .landing-home .content h1 .sub-content button::after {
          content: "";
          background-color: #051A1A;
          height: 24px;
          width: 24px;
          position: absolute;
          right: -8px;
          bottom: -12px;
          border-radius: 24px; }
        .landing-home .content h1 .sub-content button span {
          background: linear-gradient(180deg, #24B5B5 0%, #228585 100%);
          background-clip: text;
          -webkit-background-clip: text;
          font-size: 25px;
          font-weight: 600;
          text-transform: uppercase;
          -webkit-text-fill-color: transparent; }
  .landing-home .content p {
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    opacity: 0.8;
    width: 64%;
    margin: 0 auto; }
    @media (max-width: 1366px) {
      .landing-home .content p {
        width: 90%; } }
    @media (max-width: 767px) {
      .landing-home .content p {
        width: 100%; } }
  .landing-home .best-selling {
    position: relative;
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease; }
    .landing-home .best-selling img {
      position: absolute;
      top: 154px;
      left: -30%;
      transform: rotate(-15.412deg);
      z-index: 1; }
    .landing-home .best-selling .img-shadow {
      position: absolute;
      height: 230px;
      width: 245px;
      border-radius: 4px;
      left: -30%;
      top: 165px;
      transform: rotate(350deg);
      background-color: #E6E9EB; }
  .landing-home .nft-marketplace {
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease;
    position: relative; }
    .landing-home .nft-marketplace img {
      position: absolute;
      top: 174px;
      right: -35%;
      z-index: 1;
      transform: rotate(7deg); }
    .landing-home .nft-marketplace .nft-marketplace-shadow {
      position: absolute;
      height: 207px;
      border-radius: 4px;
      width: 299px;
      background-color: #E6E9EB;
      right: -30%;
      top: 210px;
      transform: rotate(1.053deg); }
  .landing-home .new-user-img {
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease;
    position: relative; }
    .landing-home .new-user-img img {
      position: absolute;
      bottom: 100px;
      right: -15%;
      transform: rotate(13.746deg);
      z-index: 1; }
    .landing-home .new-user-img .new-user-shadow {
      position: absolute;
      bottom: 152px;
      right: -17%;
      border-radius: 4px;
      transform: rotate(110.697deg);
      height: 218px;
      width: 221px;
      background-color: #E6E9EB; }
  .landing-home .total-revenue-img {
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease;
    position: relative; }
    .landing-home .total-revenue-img img {
      position: absolute;
      bottom: 250px;
      left: -30%;
      transform: rotate(-14.949deg);
      z-index: 1; }
    .landing-home .total-revenue-img .total-revenue-shadow {
      background-color: #E6E9EB;
      position: absolute;
      border-radius: 4px;
      height: 110px;
      width: 204px;
      bottom: 269px;
      left: -28%;
      transform: rotate(341deg); }
  .landing-home .screen-1 {
    background-color: #fff;
    border-radius: 20px;
    border: 2px solid #000;
    padding: 20px;
    width: fit-content;
    margin: auto;
    position: relative; }
  .landing-home .screen-2 {
    position: absolute;
    bottom: 175px;
    left: 55px;
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease; }
    .landing-home .screen-2 img {
      position: relative;
      transform: rotate(359deg);
      border-radius: 14px;
      transform: rotate(-3.435deg);
      z-index: 1; }
    .landing-home .screen-2 .screen-sidebar {
      position: absolute;
      height: 459px;
      width: 95px;
      border-radius: 4px;
      top: 24px;
      transform: rotate(350deg);
      background-color: #E6E9EB; }
  .landing-home .star-img {
    position: relative; }
    .landing-home .star-img .start-animate {
      position: absolute;
      bottom: 540px;
      left: -22%; }
  .landing-home .star-img-left {
    position: relative; }
    .landing-home .star-img-left .start-animate-rotate {
      position: absolute;
      bottom: 440px;
      right: -22%; }
  .landing-home .btn-grp {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center; }
    @media (max-width: 767px) {
      .landing-home .btn-grp {
        gap: 12px; } }
    @media (max-width: 575px) {
      .landing-home .btn-grp {
        flex-wrap: wrap;
        gap: 10px; } }
    .landing-home .btn-grp img {
      height: 30px; }
      @media (max-width: 767px) {
        .landing-home .btn-grp img {
          height: 22px; } }
      @media (max-width: 575px) {
        .landing-home .btn-grp img {
          height: 20px; } }
  .landing-home .content {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1; }
    @media (max-width: 1366px) {
      .landing-home .content {
        margin-top: 170px; } }
    @media (max-width: 1199px) {
      .landing-home .content {
        margin-top: 140px; } }
    @media (max-width: 575px) {
      .landing-home .content {
        margin-top: 100px; } }
  .landing-home .content-title {
    position: relative;
    display: inline-block; }
    .landing-home .content-title .arrow-decore {
      position: absolute;
      left: -203px;
      top: -25px; }
      @media (max-width: 1660px) {
        .landing-home .content-title .arrow-decore {
          left: -166px;
          width: 150px; } }
      @media (max-width: 991px) {
        .landing-home .content-title .arrow-decore {
          left: -125px;
          width: 110px;
          top: -14px; } }
      @media (max-width: 575px) {
        .landing-home .content-title .arrow-decore {
          left: -61px;
          width: 60px;
          top: -4px; } }
  .landing-home .sticky-header header .nav-padding {
    padding: 35px 200px 25px; }

.navbar {
  justify-content: flex-start; }
  .navbar .navbar-toggler {
    margin-left: auto; }

.navbar-nav {
  align-items: center; }
  .navbar-nav .nav-item {
    position: relative; }
    .navbar-nav .nav-item .nav-link {
      font-size: 18px;
      letter-spacing: 1px;
      padding: 12px 20px;
      transition: all 0.3s ease;
      position: relative; }
      .navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item .nav-link:active, .navbar-nav .nav-item .nav-link.active {
        opacity: 1;
        transition: all 0.3s ease; }
        .navbar-nav .nav-item .nav-link:hover::before, .navbar-nav .nav-item .nav-link:active::before, .navbar-nav .nav-item .nav-link.active::before {
          content: '';
          position: absolute;
          height: 3px;
          top: 35px;
          width: 15px;
          color: #006666;
          background-color: #006666; }

.landing-page .navbar-expand-xl .navbar-collapse {
  background-color: transparent; }

.landing-page .page-body-wrapper {
  min-height: 100vh;
  background: #eaf4ff;
  overflow: hidden; }

.landing-page .buy-btn {
  font-size: 16px;
  background: linear-gradient(90deg, #006666 -18.33%, #006666 62.78%);
  border-radius: 7px;
  padding: 11px 39px;
  margin-left: 10px; }
  @media (max-width: 991px) {
    .landing-page .buy-btn {
      padding: 12px 35px; } }
  @media (max-width: 767px) {
    .landing-page .buy-btn {
      padding: 9px 20px;
      font-size: 14px; } }
  .landing-page .buy-btn a {
    color: #fff;
    padding: 0; }

.landing-page .navbar-nav .nav-item .nav-link {
  letter-spacing: 1.5px;
  color: #051A1A;
  text-transform: capitalize; }
  .landing-page .navbar-nav .nav-item .nav-link a:active {
    color: #006666; }

.landing-page .sticky-header header {
  background: transparent;
  box-shadow: none;
  z-index: 100;
  left: 0;
  height: auto; }
  .landing-page .sticky-header header.sticky {
    margin-top: 0; }
    .landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {
      font-size: 16px;
      padding: 15px 12px; }

.navbar-expand-xl .navbar-brand {
  padding-left: 18px; }

.navbar-expand-xl .navbar-collapse {
  flex-flow: row nowrap;
  justify-content: flex-end;
  background-color: #fff; }

.faq-section .accordion {
  display: flex;
  flex-direction: column;
  gap: 20px; }
  .faq-section .accordion-button, .faq-section .accordion-body {
    padding: 0; }
  .faq-section .accordion-button:not(.collapsed) {
    color: #006666;
    background: transparent; }
  .faq-section .accordion-button:focus {
    box-shadow: unset;
    border: none; }
  .faq-section .accordion-button::after {
    font-family: 'IcoFont';
    content: "\eb25";
    font-size: 24px;
    background: unset;
    width: auto;
    height: auto;
    margin-bottom: -4px; }
  .faq-section .accordion-body {
    padding-top: 14px;
    margin-top: 14px;
    border-top: 1px solid rgba(82, 82, 108, 0.5);
    text-align: left; }

.faq-section .vector-image {
  left: -160px;
  top: 30px; }
  @media (max-width: 1600px) {
    .faq-section .vector-image {
      left: 60px;
      top: -30px; } }
  @media (max-width: 1199px) {
    .faq-section .vector-image {
      left: 0px;
      top: -30px; } }
  .faq-section .vector-image img {
    height: 400px; }
    @media (max-width: 1600px) {
      .faq-section .vector-image img {
        height: 270px; } }
.pricing-section .loader-gif {
  top: -5%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-gif {
      top: -11%;
      right: 2%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-gif {
      top: -2%;
      right: 2%; } }
  .pricing-section .loader-gif .loader-1 {
    width: 56px;
    height: 56px; }
    .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
      width: 56px;
      height: 56px; }
    @media (max-width: 575px) {
      .pricing-section .loader-gif .loader-1 {
        width: 40px;
        height: 40px; }
        .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
          width: 40px;
          height: 40px; } }
.pricing-section .loader-line-gif {
  right: unset;
  top: unset;
  left: 22%;
  bottom: 15%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 12%; } }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 16%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-line-gif {
      left: 10px;
      bottom: -20px; }
      .pricing-section .loader-line-gif img {
        width: 90px; } }
.pricing-box {
  background: rgba(243, 245, 245, 0.5);
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 30px 20px; }
  .pricing-box img {
    width: 23px;
    height: 22px; }
  @media (max-width: 767px) {
    .pricing-box {
      padding: 20px 15px; } }
  .pricing-box p {
    color: #52526C; }
  .pricing-box h4 {
    margin-bottom: 20px; }
    @media (max-width: 575px) {
      .pricing-box h4 {
        margin-bottom: 15px; } }
  .pricing-box p {
    line-height: 1.5; }
  .pricing-box .purchase-details {
    background: #FCFCFD;
    border: 2px solid #fff;
    box-shadow: 0px 4px 20px rgba(46, 35, 94, 0.05);
    border-radius: 10px;
    padding: 24px 40px;
    margin-top: 20px; }
    @media (max-width: 1199px) {
      .pricing-box .purchase-details {
        padding: 24px 20px; } }
    .pricing-box .purchase-details h2 {
      margin-bottom: 14px; }
    .pricing-box .purchase-details .btn-lg {
      font-weight: 500;
      padding: 12px 20px;
      width: 100%;
      min-width: auto; }
      @media (max-width: 1199px) {
        .pricing-box .purchase-details .btn-lg {
          padding: 12px 10px;
          font-size: 15px; } }
.license-list {
  display: flex;
  flex-direction: column;
  gap: 15px; }
  @media (max-width: 767px) {
    .license-list {
      gap: 10px; } }
  .license-list li {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 10px; }
    @media (max-width: 991px) {
      .license-list li {
        gap: 5px; } }
    @media (max-width: 575px) {
      .license-list li img {
        width: 18px;
        height: 18px; } }
    .license-list li h6 {
      font-weight: normal;
      margin-bottom: 0; }

.benefit-box {
  position: relative;
  background: rgba(241, 242, 242, 0.5);
  padding: 40px 10px;
  box-shadow: 17px 17px 20px rgba(186, 186, 187, 0.3);
  border-radius: 30px; }
  @media (max-width: 991px) {
    .benefit-box {
      padding: 30px 10px; } }
  @media (max-width: 575px) {
    .benefit-box {
      padding: 20px 10px; } }
  .benefit-box svg {
    width: 40px;
    height: 40px; }
    @media (max-width: 991px) {
      .benefit-box svg {
        width: 30px;
        height: 30px; } }
  .benefit-box::after {
    position: absolute;
    content: '';
    width: 54px;
    height: 8px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px 10px 0 0; }
  @media (max-width: 991px) {
    .benefit-box h2 {
      font-size: 25px; } }
  .benefit-box h6 {
    font-weight: 400;
    color: #52526C;
    opacity: 0.7; }
  .benefit-box.pink h2 {
    color: #FF3692; }
  .benefit-box.pink::after {
    background: #FF3692; }
  .benefit-box.purple h2 {
    color: #7238FF; }
  .benefit-box.purple::after {
    background: #7238FF; }
  .benefit-box.red h2 {
    color: #FF3556; }
  .benefit-box.red::after {
    background: #FF3556; }
  .benefit-box.warning h2 {
    color: #FFAA05; }
  .benefit-box.warning::after {
    background: #FFAA05; }

.rating-title {
  display: flex;
  align-items: center;
  justify-content: center; }
  .rating-title .decore-1 {
    margin-top: -35px;
    animation: animationtop 5s infinite; }

@keyframes arrowsvg {
  0% {
    transform: scale(0);
    transform-origin: left; }
  100% {
    transform: scale(1);
    transform-origin: left; } }

.ratings li i {
  color: #FFAA05; }

.components-section {
  background: linear-gradient(179deg, rgba(247, 248, 249, 0) 8.83%, #F7F8F9 50%); }

.component_responsive {
  flex-wrap: initial; }

.component-hover-effect {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #FCFCFD;
  border: 2px solid #fff;
  box-shadow: 0px 4px 10px rgba(46, 35, 94, 0.07);
  border-radius: 5px;
  padding: 20px;
  justify-content: center;
  min-height: 78px; }
  @media (max-width: 767px) {
    .component-hover-effect {
      padding: 13px;
      min-height: 68px; } }
  .component-hover-effect svg {
    width: 26px;
    height: 26px; }

.ptb50 {
  padding: 80px 0; }
  @media (max-width: 991.98px) {
    .ptb50 {
      padding: 60px 0; } }
  @media (max-width: 575.98px) {
    .ptb50 {
      padding: 50px 0; } }
.purchase-btn {
  padding: 12px 20px;
  min-width: 200px;
  border: none; }
  @media (max-width: 991px) {
    .purchase-btn {
      min-width: 160px; } }
  @media (max-width: 767px) {
    .purchase-btn {
      min-width: 140px;
      padding: 10px 17px;
      font-size: 16px; } }
@keyframes move_wave {
  0% {
    transform: translateX(0) translateZ(0) scaleY(1); }
  50% {
    transform: translateX(-25%) translateZ(0) scaleY(0.55); }
  100% {
    transform: translateX(-50%) translateZ(0) scaleY(1); } }

footer h2 {
  font-size: calc(24px + (70 - 24) * ((100vw - 300px) / (1920 - 300))); }

footer .license-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: calc(15px + (30 - 15) * ((100vw - 300px) / (1920 - 300)));
  gap: calc(15px + (30 - 15) * ((100vw - 300px) / (1920 - 300))); }
  @media (max-width: 991px) {
    footer .license-list {
      gap: 20px; } }
  @media (max-width: 767px) {
    footer .license-list {
      gap: 15px; } }
  @media (max-width: 575px) {
    footer .license-list {
      flex-wrap: wrap; } }
  footer .license-list h6 {
    color: #fff; }

.tap-top {
  text-align: center;
  cursor: pointer;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 5;
  color: #fff;
  border: 1px solid #fff;
  background: var(--theme-deafult);
  padding: 7px;
  box-shadow: 0 0 10px var(--theme-deafult);
  opacity: 0.5;
  transition: all 0.3s ease; }
  .tap-top:hover {
    transition: all 0.3s ease;
    opacity: 1; }
  .tap-top svg {
    width: 20px; }

@keyframes animationFramesOne {
  0% {
    transform: translate(0px, 0px) rotate(0deg); }
  20% {
    transform: translate(73px, -1px) rotate(36deg); }
  40% {
    transform: translate(141px, 72px) rotate(72deg); }
  60% {
    transform: translate(83px, 122px) rotate(108deg); }
  80% {
    transform: translate(-40px, 72px) rotate(144deg); }
  100% {
    transform: translate(0px, 0px) rotate(0deg); } }

.page-wrapper,
.landing-page {
  overflow: hidden; }

.landing-page {
  overflow-x: hidden;
  overflow-y: visible; }

.app-bg-1 {
  background: #F9F7F7; }

.app-bg-2 {
  background: #F3F5F5; }

.app-bg-3 {
  background: #EFF5F8; }

.app-bg-4 {
  background: #F0F5F7; }

.app-bg-5 {
  background: #F5F4F3; }

.app-bg-6 {
  background: #F8F8FA; }

.flower-gif {
  top: -40px;
  left: 19%; }
  @media (max-width: 991px) {
    .flower-gif {
      top: 0;
      left: 15%; } }
  @media (max-width: 767px) {
    .flower-gif {
      left: 8%; } }
  @media (max-width: 575px) {
    .flower-gif {
      display: none; } }
.navabr_btn-set {
  position: relative; }
  .navabr_btn-set:focus {
    outline: 0; }
  .navabr_btn-set span {
    display: block;
    background-color: #fff;
    height: 3px;
    width: 25px;
    margin-top: 4px;
    margin-bottom: 4px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 0;
    opacity: 1; }
  .navabr_btn-set:not(.custom_nav) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9; }
  .navabr_btn-set:not(.custom_nav) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent; }
  .navabr_btn-set:not(.custom_nav) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9; }

.navbar-b {
  transition: all .5s ease-in-out;
  background-color: transparent;
  padding-top: 1.563rem;
  padding-bottom: 1.563rem; }

.fixed-top {
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  display: flex;
  left: 0;
  z-index: 1030; }

.navbar-toggler span {
  display: block;
  background-color: transparent;
  height: 3px;
  width: 25px;
  z-index: 112;
  margin-top: 4px;
  margin-bottom: 4px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 0;
  opacity: 1; }
  .navbar-toggler span:nth-child(1) {
    transition: transform .35s ease-in-out; }
  .navbar-toggler span:nth-child(3) {
    transition: transform .35s ease-in-out; }

.navbar-toggler:focus {
  box-shadow: none; }

.navbar_nav_modify li {
  text-align: center; }

.sticky-header header {
  position: fixed;
  width: 100%;
  z-index: 6;
  text-align: center;
  line-height: normal;
  height: 80px;
  background: var(--theme-deafult);
  color: #fff;
  box-shadow: 0 0 5px 1px rgba(5, 56, 111, 0.1);
  transition: all 0.4s ease; }
  .sticky-header header .nav-padding {
    padding: 20px 200px; }
  .sticky-header header.sticky {
    line-height: normal;
    background: #fff;
    text-align: left; }
    .sticky-header header.sticky .nav-padding {
      padding: 7px 14px; }

.landing-footer .footer-contain h2 {
  width: 65%;
  margin-bottom: 5px; }

.landing-footer .footer-contain p {
  margin-bottom: 8px; }

.landing-footer .footer-contain .star-rate {
  margin-bottom: 50px; }

.title-padding {
  padding: 130px 0; }

@keyframes mover {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-4px); } }

.landing-footer {
  background-image: url(/../images/landing/bg-footer.png);
  background-size: cover; }
  .landing-footer .footer-contain {
    text-align: center; }
    .landing-footer .footer-contain .rating-wrraper {
      margin-bottom: 40px; }
      .landing-footer .footer-contain .rating-wrraper svg {
        width: auto;
        height: calc(95px + (120 - 95) * ((100vw - 320px) / (1920 - 320))); }
    .landing-footer .footer-contain h2 {
      font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1920 - 320)));
      font-weight: 600;
      margin-bottom: 0px;
      line-height: 1.4;
      font-family: "Montserrat", sans-serif;
      width: 100%;
      color: #fff;
      margin-left: auto;
      margin-right: auto; }
    .landing-footer .footer-contain p {
      font-size: calc(12px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
      color: #fff; }
    .landing-footer .footer-contain .star-rate {
      margin-bottom: 40px; }
      .landing-footer .footer-contain .star-rate li {
        display: inline-block; }
        .landing-footer .footer-contain .star-rate li i {
          font-size: calc(14px + (35 - 20) * ((100vw - 320px) / (1920 - 320))); }
    .landing-footer .footer-contain .btn-footer {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      gap: 15px; }
      .landing-footer .footer-contain .btn-footer a:nth-child(n+2) {
        margin-left: 10px; }

.pricing-section .support-img {
  display: flex;
  align-items: center;
  justify-content: center; }
  .pricing-section .support-img img {
    position: relative;
    height: auto; }
  .pricing-section .support-img h4 {
    position: absolute;
    right: -48px;
    font-size: 40px;
    font-weight: 700;
    transform: rotate(270deg);
    bottom: 33%; }

@media (max-width: 1399px) {
  .pricing-section .support-img img {
    width: 730px; }
  .pricing-section .support-img h4 {
    right: 47px;
    font-size: 33px; } }

.pricing-section .landing-title h5 {
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: #006666; }

.pricing-section .landing-title h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin: 10px 0px; }

.pricing-section .landing-title .support-button:hover {
  color: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); }

.pricing-section .landing-title p {
  width: 100%; }

.pricing-section .loader-gif {
  top: -5%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-gif {
      top: -11%;
      right: 2%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-gif {
      top: -2%;
      right: 2%; } }
  .pricing-section .loader-gif .loader-1 {
    width: 56px;
    height: 56px; }
    .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
      width: 56px;
      height: 56px; }
    @media (max-width: 575px) {
      .pricing-section .loader-gif .loader-1 {
        width: 40px;
        height: 40px; }
        .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
          width: 40px;
          height: 40px; } }
.pricing-section .loader-line-gif {
  right: unset;
  top: unset;
  left: 22%;
  bottom: 15%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 12%; } }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 16%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-line-gif {
      left: 10px;
      bottom: -20px; }
      .pricing-section .loader-line-gif img {
        width: 90px; } }
.pricing-box {
  background: rgba(243, 245, 245, 0.5);
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 30px 20px; }
  .pricing-box img {
    width: 23px;
    height: 22px; }
  @media (max-width: 767px) {
    .pricing-box {
      padding: 20px 15px; } }
  .pricing-box p {
    color: #52526C; }
  .pricing-box h4 {
    margin-bottom: 20px; }
    @media (max-width: 575px) {
      .pricing-box h4 {
        margin-bottom: 15px; } }
  .pricing-box p {
    line-height: 1.5; }
  .pricing-box .purchase-details {
    background: #FCFCFD;
    border: 2px solid #fff;
    box-shadow: 0px 4px 20px rgba(46, 35, 94, 0.05);
    border-radius: 10px;
    padding: 24px 40px;
    margin-top: 20px; }
    @media (max-width: 1199px) {
      .pricing-box .purchase-details {
        padding: 24px 20px; } }
    .pricing-box .purchase-details h2 {
      margin-bottom: 14px; }
    .pricing-box .purchase-details .btn-lg {
      font-weight: 500;
      padding: 12px 20px;
      width: 100%;
      min-width: auto; }
      @media (max-width: 1199px) {
        .pricing-box .purchase-details .btn-lg {
          padding: 12px 10px;
          font-size: 15px; } }
.license-list {
  display: flex;
  flex-direction: column;
  gap: 15px; }
  @media (max-width: 767px) {
    .license-list {
      gap: 10px; } }
  .license-list li {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 10px; }
    @media (max-width: 991px) {
      .license-list li {
        gap: 5px; } }
    @media (max-width: 575px) {
      .license-list li img {
        width: 18px;
        height: 18px; } }
    .license-list li h6 {
      font-weight: normal;
      margin-bottom: 0; }

@media (max-width: 1799px) {
  .marquee .marquee-name p.big-title {
    font-size: 50px; } }

@media (max-width: 1700px) {
  .landing-home {
    height: 992px; }
    .landing-home .content h1 .sub-content:before {
      top: 28px;
      left: 210px; }
  .nft-marketplace img {
    height: 180px; }
  .nft-marketplace .nft-marketplace-shadow {
    width: 220px !important;
    height: 155px !important; }
  .best-selling img {
    width: calc(140px + (234 - 140) * ((100vw - 768px) / (1920 - 768))) !important;
    height: calc(140px + (234 - 140) * ((100vw - 768px) / (1920 - 768))) !important; }
  .best-selling .img-shadow {
    width: calc(213px + (165 - 150) * ((100vw - 768px) / (1920 - 768))) !important;
    height: calc(140px + (230 - 140) * ((100vw - 768px) / (1920 - 768))) !important; } }

@media (max-width: 1367px) {
  .landing-page .landing-home .content h1 {
    margin-top: 5px; }
  .landing-page .landing-home .content .arrow-animate svg {
    display: none; }
  .landing-page .landing-home .best-selling .img-shadow {
    left: -32%; }
  .landing-page .unique-cards.section-py-space .support-title h2 {
    font-size: 22px; }
  .landing-page .unique-cards.section-py-space .support-title p {
    font-size: 12px; } }

@media (max-width: 1599px) {
  .marquee .marquee-name p.big-title {
    font-size: 40px; } }

@media (max-width: 1440px) {
  .landing-page .demo-section .down-loader {
    display: none; }
  .framework {
    height: 654px; }
  .landing-home {
    height: 948px; }
    .landing-home .screen-2 {
      display: none; }
    .landing-home .content h1 .sub-content::before {
      width: 30%;
      top: 25px;
      left: 176px;
      height: 50px; }
  .nft-marketplace img {
    height: 150px; }
  .nft-marketplace .nft-marketplace-shadow {
    width: 176px !important;
    height: 126px !important; }
  .best-selling img {
    height: 145px; }
  .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    padding: 12px 7px; }
  .feature-section {
    height: 776px; }
    .feature-section .loader-gif {
      display: none; } }

@media (max-width: 1399px) {
  .landing-home .content h1 span {
    font-size: 40px; }
  .landing-home .sticky-header header .nav-padding {
    padding: 28px 100px 25px; }
  .framework {
    height: 792px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 7%;
    right: 52%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 22px; }
    .landing-page .unique-cards.section-py-space .support-title p {
      font-size: 12px; } }

/* ========= responsive scss for 1200 screen ========= */
@media only screen and (max-width: 1199px) {
  .marquee .marquee-name p.big-title {
    font-size: 30px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 7%;
    right: 52%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 20px; }
    .landing-page .unique-cards.section-py-space .support-title p {
      font-size: 12px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 2%;
    font-size: 35px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -46px;
    font-size: 33px; }
  .landing-page .section-py-space .title h2 {
    font-size: 30px; }
  .landing-page .section-py-space .title span {
    font-size: 12px; }
  .landing-page .feature-section .title span {
    font-size: 14px; }
  .landing-home {
    height: 670px; }
    .landing-home .content h1 {
      font-size: 30px; }
      .landing-home .content h1 .sub-content:before {
        width: 38%;
        left: 129px;
        padding: 13px 33px;
        height: 73%; }
      .landing-home .content h1 .sub-content button span {
        font-size: 20px; }
      .landing-home .content h1 .sub-content button .animate-button-slide .notification-slider::before {
        top: 6px; }
      .landing-home .content h1 span {
        font-size: 28px; }
    .landing-home .sticky-header header .nav-padding {
      padding: 20px; }
  .feature-section {
    height: auto; }
  .framework {
    height: auto; }
  .nft-marketplace img {
    display: none; }
  .nft-marketplace .nft-marketplace-shadow {
    display: none; }
  .best-selling img {
    display: none; }
  .best-selling .img-shadow {
    display: none; }
  .total-revenue-img img {
    display: none; }
  .total-revenue-img .total-revenue-shadow {
    display: none; }
  .new-user-img img {
    display: none; }
  .new-user-img .new-user-shadow {
    display: none; }
  .sticky-header header.sticky .nav-padding {
    padding: 15px 25px; }
  .navbar-toggler span {
    background-color: #006666; }
  .application-sec.demo-section .demo-box, .main-sec.demo-section .demo-box {
    padding: 0 20px; }
  .sticky-header .navbar-nav .nav-item .nav-link {
    color: #000;
    padding: 10px 12px !important;
    font-size: 15px; }
  .sticky-header .navbar-nav li {
    display: block;
    width: 100%; }
  .landing-page .navbar-expand-xl .navbar-collapse {
    background-color: white;
    margin-top: 20px;
    position: absolute;
    width: calc(100% - 30px);
    left: 15px;
    top: 70px; } }
  @media only screen and (max-width: 1199px) and (max-width: 575px) {
    .landing-page .navbar-expand-xl .navbar-collapse {
      top: 34px; } }
@media only screen and (max-width: 1199px) {
    .landing-page .navbar-expand-xl .navbar-collapse .navbar-nav {
      padding: 20px 30px 30px 30px; }
  header.sticky .navbar-expand-xl .navbar-collapse {
    top: 50px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; }
  .landing-main .sticky .navbar-expand-xl .navbar-brand {
    top: 8px; }
  .landing-main .sticky .navbar-expand-xl .navabr_btn-set {
    top: 16px; }
  .landing-main .navbar-toggler span {
    background-color: #fff; }
  .landing-main .navbar_nav_modify {
    width: 100vw;
    left: 0;
    position: fixed;
    height: 100vh;
    background-color: #293240;
    top: 0;
    padding: 120px 0px; }
  .landing-main h4 {
    font-size: 20px; }
  .landing-main .navbar-expand-xl .navabr_btn-set {
    position: fixed;
    top: 24px;
    z-index: 1;
    right: 20px; }
  .landing-main .navbar-expand-xl .navbar-brand {
    padding-left: 5px;
    z-index: 1;
    position: fixed;
    top: 14px; }
  .landing-main .navbar-expand-xl .navbar-collapse .navbar-nav .nav-item a {
    padding: 28px 60px;
    width: 16px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center; }
  .landing-main .navbar-expand-lg .navbar-brand {
    padding-left: 5px; }
  .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
    padding: 9px; } }

@media only screen and (max-width: 1099px) {
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 47%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 16px;
      padding-bottom: 15px; }
    .landing-page .unique-cards.section-py-space .support-title p {
      display: none; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 2%;
    font-size: 35px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -46px;
    font-size: 33px; } }

/* ========= responsive scss for 992 screen ========= */
@media only screen and (max-width: 991px) {
  .marquee {
    padding-top: 40px; }
    .marquee .marquee-name p.big-title {
      font-size: 25px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 8%;
    width: 100%;
    right: 76%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 14px;
      padding-bottom: 14px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 15%;
    font-size: 19px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 370px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: 84px;
    font-size: 20px; }
  .feature-section {
    height: 936px; }
  .framework {
    height: auto; }
  .landing-home .navbar-brand img {
    height: 35px; }
  .landing-home .content h1 .sub-content {
    padding-top: 16px !important; }
    .landing-home .content h1 .sub-content button .animate-button-slide .notification-slider::before {
      content: "";
      top: 6px; }
  .frameworks-section > .container {
    max-width: 100%; }
  .landing-main .navbar-expand-lg .navbar-collapse {
    position: absolute;
    top: 90px;
    background-color: white;
    width: calc(100% - 30px);
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    padding: 15px; }
  .landing-main .navbar-expand-lg .navbar-toggler {
    background-color: #fff; }
    .landing-main .navbar-expand-lg .navbar-toggler .navbar-toggler-icon i {
      margin-top: 5px;
      color: var(--theme-deafult); }
  .landing-main .navbar-expand-lg .navbar-collapse {
    background-color: #fff;
    z-index: 111; }
    .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
      color: #000; } }

/* ========= responsive scss for 768 screen ========= */
@media only screen and (max-width: 767px) {
  .marquee .marquee-name p.big-title {
    font-size: 18px; }
  .feature-section .feature-box .feature-icon {
    top: -19px;
    right: 10px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 75%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 12px;
      padding-bottom: 14px; }
    .landing-page .unique-cards.section-py-space .support-title a {
      font-size: 12px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 8%;
    font-size: 20px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 330px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -10px;
    font-size: 20px; }
  .landing-home .user-content {
    padding: 20px 0px; }
  .landing-home .content h1 {
    font-size: 20px; }
    .landing-home .content h1 .sub-content span {
      font-size: 14px; }
    .landing-home .content h1 .sub-content button {
      padding: 11px 5px 10px 36px;
      width: 40%;
      transform: unset;
      position: relative; }
      .landing-home .content h1 .sub-content button::before {
        height: 32px;
        width: 32px; }
      .landing-home .content h1 .sub-content button::after {
        height: 20px;
        width: 20px; }
      .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider {
        width: 105px; }
        .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
          content: "";
          top: 4px;
          height: 8px;
          width: 8px; }
      .landing-home .content h1 .sub-content button span {
        font-size: 14px; }
    .landing-home .content h1 .sub-content::before {
      display: none; }
  .feature-section {
    height: auto; }
  .landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {
    font-size: 14px;
    padding: 10px 12px; } }

/* ========= responsive scss for 680 screen ========= */
@media only screen and (max-width: 680px) {
  .marquee .marquee-name p.big-title {
    font-size: 14px;
    letter-spacing: 2px; }
  .landing-page .unique-cards.section-py-space .marquee {
    padding-top: 30px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 73%;
    width: 100%; }
    .landing-page .unique-cards.section-py-space .support-title a {
      padding: 8px 20px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 4%;
    font-size: 18px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 400px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -10px;
    font-size: 16px; }
  .landing-home .content h1 .sub-content span {
    font-size: 14px; }
  .landing-home .content h1 .sub-content button {
    width: 46%; } }

/* ========= responsive scss for 575 screen ========= */
@media only screen and (max-width: 575px) {
  .landing-home {
    height: 416px; }
    .landing-home .user-content {
      padding: 14px 0px;
      width: 45%; }
      .landing-home .user-content span {
        font-size: 12px; }
    .landing-home .content h1 .sub-content {
      padding-top: 10px !important;
      gap: 6px; }
      .landing-home .content h1 .sub-content button {
        padding: 10px 5px 10px 30px; }
        .landing-home .content h1 .sub-content button span {
          font-size: 14px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 60%; }
  .framework ul.framworks-list {
    gap: 30px; }
    .framework ul.framworks-list li {
      height: 85px;
      width: 85px; }
  .marquee .marquee-name p.big-title {
    display: none; }
  .landing-page .section-py-space .title h2::after {
    top: 51px; }
  .landing-page .unique-cards.section-py-space .marquee {
    display: none; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 70%;
    right: 56%; }
    .landing-page .unique-cards.section-py-space .support-title a {
      padding: 6px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    display: none; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    padding-bottom: 70px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    display: none; }
  .feature-section {
    height: auto; }
  .framework {
    height: 100%; }
    .framework ul.framworks-list li div {
      height: 50px;
      width: 50px; }
      .framework ul.framworks-list li div img {
        height: 30px; }
  .landing-home .sticky-header header .nav-padding {
    padding: 15px 30px; }
  .landing-main h4 {
    font-size: 17px; } }

/* ========= responsive scss for 480 screen ========= */
@media only screen and (max-width: 480px) {
  .landing-home .content h1 .sub-content button::after {
    display: none; }
  .landing-home .content h1 .sub-content button::before {
    display: none; }
  .landing-page .unique-cards.section-py-space .support-title h2 {
    text-align: center; }
  .landing-page .unique-cards.section-py-space .support-title .premium-button {
    text-align: center; }
  .landing-page .demo-section .demo-box .layout-name a {
    font-size: 14px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 71%;
    right: 37%; }
  .landing-page .section-py-space .title h5 {
    font-size: 16px; }
  .landing-page .section-py-space .title h2 {
    font-size: 18px; }
    .landing-page .section-py-space .title h2::after {
      top: 30px;
      width: 40px;
      height: 5px; }
  .landing-page .feature-section .title h5 {
    font-size: 16px; }
  .landing-page .feature-section .title h2 {
    font-size: 18px; }
    .landing-page .feature-section .title h2::after {
      top: 30px;
      width: 40px;
      height: 5px; }
  .framework {
    height: 1440px; }
  .feature-section {
    height: auto; }
  .framework {
    height: 100%; }
  .sticky-header header.sticky {
    height: 56px; }
  .landing-home .sticky-header header .nav-padding {
    padding: 15px; }
  .landing-home .user-content {
    width: 61%; }
  .landing-home .content h1 .sub-content::before {
    width: 40%;
    left: 88px;
    top: 35%; }
  .landing-home .content h1 .sub-content span {
    font-size: 14px; }
  .landing-home .content h1 .sub-content button {
    width: 56%; }
    .landing-home .content h1 .sub-content button span {
      font-size: 14px; }
    .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
      top: 4px;
      left: -14px; }
  .landing-home .navbar-toggler {
    border: none;
    background-color: transparent;
    padding: 0; }
  .landing-home .navbar-brand img {
    height: 25px; } }

/* ========= responsive scss for 425 screen ========= */
@media only screen and (max-width: 425px) {
  .feature-section {
    height: 100%; }
  .landing-page .section-py-space .title h2::after {
    top: 37px; }
  .framework ul.framworks-list {
    gap: 30px; } }

/* ========= responsive scss for 380 screen ========= */
@media only screen and (max-width: 380px) {
  .feature-section {
    height: 100%; }
  .framework {
    height: 100%; }
  .component-col-set {
    width: 100%; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 69%;
    right: 40%; }
  .landing-home .content h1 .sub-content::before {
    width: 40%;
    left: 77px; }
  .landing-home .content h1 .sub-content button {
    padding: 6px 14px 6px 25px; } }

@media screen and (max-width: 375px) {
  .landing-page .unique-cards.section-py-space .support-title {
    top: 60%;
    right: 37%; } }

@media (max-width: 767px) {
  .framework .nav .nav-link img {
    height: 35px; }
  .framework .nav .nav-link h5 {
    font-size: 16px; }
  .framework ul.framworks-list li {
    width: 145px;
    height: 145px; }
    .framework ul.framworks-list li img {
      height: 40px; } }

@media (max-width: 767px) and (max-width: 480px) {
  .framework .nav .nav-item {
    width: auto; }
  .framework .nav .nav-link {
    padding-bottom: 10px;
    display: block !important; }
    .framework .nav .nav-link img {
      height: 25px;
      margin-right: unset; }
    .framework .nav .nav-link .text-start {
      display: none; }
    .framework .nav .nav-link.active, .framework .nav .nav-link.show {
      border-bottom: 2px solid #006666; }
  .framework ul.framworks-list li {
    width: 120px;
    height: 110px;
    padding: 25px 0;
    margin: 5px; }
    .framework ul.framworks-list li img {
      height: 30px; } }

@media (max-width: 767px) and (max-width: 1367px) {
  .framework .nav {
    margin-bottom: 40px; }
    .framework .nav .nav-link h5 {
      font-size: 18px; }
    .framework .nav .nav-link p {
      font-size: 12px; }
  .framework ul.framworks-list li {
    height: 175px;
    width: 175px; }
    .framework ul.framworks-list li img {
      width: auto;
      height: 60px; }
      .framework ul.framworks-list li img.img-68 {
        width: auto; } }

@media (max-width: 767px) and (max-width: 991px) {
  .framework .nav {
    margin-bottom: 30px; }
  .framework ul.framworks-list li {
    padding-left: 22px;
    width: 93px;
    height: 93px; }
    .framework ul.framworks-list li img {
      height: 40px; } }

/**=====================
    3.26 Landing CSS Ends
==========================**/
/**=====================
    3.27 Language CSS start
==========================**/
.current_lang {
  cursor: pointer;
  text-transform: uppercase;
  overflow: hidden; }

.lang.selected {
  display: none; }

.lang span.lang-txt {
  display: inline-flex;
  margin-left: 8px;
  font-weight: 500; }

.lang span span {
  color: #999;
  font-weight: 400;
  margin-left: 5px; }

/*more lang*/
.more_lang {
  transform: translateY(-20px);
  opacity: 0;
  cursor: pointer;
  display: none;
  transition: all 0.3s cubic-bezier(0.25, 1.15, 0.35, 1.15); }

.translate_wrapper.active .more_lang {
  display: block;
  position: absolute;
  background-color: #fff;
  top: 47px;
  right: 0;
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1); }
  .translate_wrapper.active .more_lang:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    top: -7px;
    position: absolute;
    right: 20px;
    z-index: 2; }
  .translate_wrapper.active .more_lang:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #bdc2c5;
    content: "";
    top: -7px;
    position: absolute;
    right: 20px;
    z-index: 1; }

.more_lang.active {
  opacity: 1;
  transform: translateY(0px); }

.more_lang .lang {
  padding: 10px 15px;
  display: flex; }
  .more_lang .lang:hover {
    background: var(--theme-deafult);
    color: #fff; }
    .more_lang .lang:hover span {
      color: #fff; }

.translate_wrapper.active .more_lang .lang {
  border-bottom: 1px solid #eaeaea; }

/**=====================
    3.27 Language CSS end
==========================**/
/**=====================
     3.28 Learning CSS start
==========================**/
.learning-header {
  margin-bottom: 10px; }

.categories {
  padding: 16px 0; }
  .categories .learning-header {
    padding-left: 15px; }
  .categories ul li {
    padding: 10px 15px; }
    .categories ul li a {
      color: #051A1A; }
    .categories ul li:hover {
      background-color: #E6E9EB; }

.upcoming-course .media + .media {
  margin-top: 30px; }

.job-accordion {
  margin-bottom: 0; }

@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .learning-comment {
    margin-left: -14px !important;
    float: left !important; }
  .blog-box .blog-details .blog-social li:first-child {
    padding-right: 30px; }
  .blog-box .blog-details .blog-social li + li {
    padding-left: 30px; } }

@media only screen and (max-width: 991px) {
  .categories {
    padding: 20px 0; }
  .upcoming-course .media + .media {
    margin-top: 20px; } }

@media only screen and (max-width: 575px) {
  .categories {
    padding: 15px 0; }
  .upcoming-course .media + .media {
    margin-top: 15px; } }

/**=====================
     3.28 Learning CSS end
==========================**/
/**=====================
    3.29 Login CSS Start
==========================**/
.login-card {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  background-position: center;
  padding: 30px 12px; }
  .login-card .logo {
    display: block;
    margin-bottom: 30px;
    text-align: center; }
  .login-card .btn-showcase .btn {
    line-height: 1;
    padding: 10px 13px;
    margin: 0; }
    .login-card .btn-showcase .btn + .btn {
      margin-left: 5px; }
    .login-card .btn-showcase .btn svg {
      height: 16px;
      vertical-align: bottom; }
  .login-card .login-main {
    width: 450px;
    padding: 40px;
    border-radius: 10px;
    box-shadow: #1a1c23 0px 0px 37px 0px;
    margin: 0 auto;
    background-color: #fff; }
    .login-card .login-main .theme-form h4 {
      margin-bottom: 5px; }
    .login-card .login-main .theme-form label {
      font-size: 15px;
      letter-spacing: 0.4px; }
    .login-card .login-main .theme-form .checkbox label::before {
      background-color: #f9f9fa;
      border: 1px solid #dfdfdf; }
    .login-card .login-main .theme-form .or {
      position: relative; }
      .login-card .login-main .theme-form .or:before {
        content: "";
        position: absolute;
        width: 65%;
        height: 2px;
        background-color: #f3f3ff;
        top: 9px;
        z-index: 0;
        right: 0; }
    .login-card .login-main .theme-form input {
      background-color: rgba(0, 102, 102, 0.1);
      transition: all 0.3s ease; }
      .login-card .login-main .theme-form input::-webkit-input-placeholder {
        color: #999999; }
      .login-card .login-main .theme-form input:hover, .login-card .login-main .theme-form input:focus {
        border: 1px solid #b9c1cc;
        box-shadow: none !important;
        transition: all 0.3s ease; }
    .login-card .login-main .theme-form p {
      margin-bottom: 25px;
      font-size: 14px;
      color: #898989; }
    .login-card .login-main .theme-form .form-group {
      margin-bottom: 10px;
      position: relative; }
    .login-card .login-main .theme-form .link {
      position: absolute;
      top: 10px;
      right: 0; }

.show-hide {
  position: absolute;
  top: 52px;
  right: 20px;
  transform: translateY(-50%); }
  .show-hide span {
    cursor: pointer;
    font-size: 13px;
    color: var(--theme-deafult); }
    .show-hide span.show:before {
      content: "show"; }
    .show-hide span:before {
      content: "hide"; }

.needs-validation .invalid-feedback {
  color: #898989; }

.needs-validation .show-hide {
  right: 30px; }

.needs-validation .invalid-tooltip {
  top: 10px;
  right: 10px; }

/**=====================
    3.29 Login CSS Ends
==========================**/
/**=====================
	3.30 Megaoption CSS Start
==========================**/
.mega-inline {
  margin-bottom: -30px;
  display: flex; }
  .mega-inline .card {
    border: 1px solid #f3f3f3;
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .mega-inline .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
  .mega-inline .media .radio {
    margin-left: 3px; }
    [dir="rtl"] .mega-inline .media .radio {
      margin-right: 3px;
      margin-left: unset; }

.mega-vertical {
  display: flex;
  flex-wrap: wrap; }
  .mega-vertical .card {
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .mega-vertical .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
  .mega-vertical .media .radio {
    margin-left: 3px; }

.mega-title {
  font-weight: 600; }

.mega-horizontal {
  display: flex;
  flex-wrap: wrap; }
  .mega-horizontal .card {
    border: 1px solid #f3f3f3;
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .mega-horizontal .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
  .mega-horizontal .media .radio {
    margin-left: 3px; }

.plain-style .card {
  box-shadow: none;
  border: none !important; }

.border-style .card {
  box-shadow: none;
  border: 1px solid #ecf3fa !important; }

.offer-style .card {
  box-shadow: none;
  border: 1px dashed #ecf3fa !important; }

.rating-star-wrapper {
  color: #797979; }

.card-wrapper .payment-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--chart-dashed-border); }
  .card-wrapper .payment-wrapper:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: unset; }
  .card-wrapper .payment-wrapper .payment-second img {
    width: 50px; }
  .card-wrapper .payment-wrapper .payment-second .mega-icons {
    width: 20px;
    height: 20px; }

.main-upgrade {
  margin: 0 auto;
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  .main-upgrade > div:first-child {
    margin-bottom: 20px; }
  .main-upgrade i {
    font-size: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
    display: block;
    color: #006666; }
  .main-upgrade p {
    line-height: 1.4; }
  .main-upgrade .variation-box {
    gap: 20px;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (min-width: 768px) and (max-width: 1200px) {
      .main-upgrade .variation-box {
        display: grid;
        grid-template-columns: auto auto;
        gap: 18px; } }
    @media (max-width: 700px) {
      .main-upgrade .variation-box {
        display: grid;
        grid-template-columns: auto auto;
        gap: 18px; } }
    @media (max-width: 380px) {
      .main-upgrade .variation-box {
        grid-template-columns: unset; } }
    .main-upgrade .variation-box .selection-box {
      position: relative;
      height: 100px;
      border: 1px dashed #006666;
      min-width: 125px;
      border-radius: 15px; }
      @media (min-width: 1200px) and (max-width: 1920px) {
        .main-upgrade .variation-box .selection-box {
          min-width: calc(110px + (125 - 110) * ((100vw - 1200px) / (1920 - 1200))); } }
      .main-upgrade .variation-box .selection-box .custom--mega-checkbox {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 25px;
        transition: .5s ease; }
      .main-upgrade .variation-box .selection-box input {
        position: absolute;
        top: 0;
        left: 0;
        width: 118px;
        height: 96px;
        opacity: 0;
        cursor: pointer; }
        [dir="rtl"] .main-upgrade .variation-box .selection-box input {
          left: unset;
          right: 0; }
        .main-upgrade .variation-box .selection-box input[type=checkbox]:checked ~ div {
          background-color: rgba(0, 102, 102, 0.2);
          border-radius: 15px; }

.megaoptions-border-space-sm .media .radio label {
  padding-left: 18px; }
  [dir="rtl"] .megaoptions-border-space-sm .media .radio label {
    padding-left: unset;
    padding-right: 18px; }

@media (min-width: 618px) and (max-width: 1199px) {
  .megaoptions-border-space-sm .media .media-body .list-behavior-1 {
    flex-direction: row;
    gap: 18px; } }

@media (max-width: 618px) {
  .megaoptions-border-space-sm .media .media-body .list-behavior-1 {
    flex-direction: column;
    gap: 12px; } }

.megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
  margin-top: -6px; }
  @media (max-width: 618px) {
    .megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
      margin-left: 0px; }
      [dir="rtl"] .megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
        margin-left: unset;
        margin-right: 0; } }
.megaoptions-border-space-sm .media .media-body .list-behavior-1:first-child {
  margin-bottom: 0; }

.megaoption-space .badge.pull-right,
.megaoptions-border-space-sm .badge.pull-right {
  margin-bottom: 12px; }

/**=====================
    3.30 Megaoption CSS Ends
==========================**/
/**=====================
    3.31 Order-history CSS start
==========================**/
.prooduct-details-box .close {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 16px;
  cursor: pointer; }

.prooduct-details-box .btn {
  line-height: 13px; }

.prooduct-details-box .media {
  border: 1px solid #d7e2e9;
  border-radius: 10px;
  padding: 15px;
  width: 100%;
  position: relative; }

.prooduct-details-box .rating {
  color: #ffaf45;
  letter-spacing: 3px; }

.prooduct-details-box .product-name a {
  color: gray; }

.prooduct-details-box .product-name h6 {
  margin-bottom: 0; }

.prooduct-details-box .btn {
  position: absolute;
  right: 15px;
  bottom: 15px; }

.order-history .input-group {
  text-align: right;
  max-width: 300px; }

.order-history table th,
.order-history table td {
  text-align: center; }

.order-history table thead tr th {
  vertical-align: middle;
  border-top: none;
  background-color: #F5F5F5;
  border: 1px solid #ecf3fa;
  padding: 1.25rem;
  font-size: 16px; }

.order-history table .qty-box {
  width: 120px;
  margin: 0 auto;
  border-radius: 5px;
  overflow: hidden; }
  .order-history table .qty-box input {
    width: 44px;
    max-width: 44px;
    background-color: transparent;
    border: none !important; }
  .order-history table .qty-box .input-group {
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid #ecf3fa;
    overflow: hidden; }
  .order-history table .qty-box .btn {
    background-color: transparent;
    border: none; }
    .order-history table .qty-box .btn.bootstrap-touchspin-down {
      border-right: 1px solid; }
      [dir="rtl"] .order-history table .qty-box .btn.bootstrap-touchspin-down {
        border-right: unset;
        border-left: 1px solid; }
    .order-history table .qty-box .btn.bootstrap-touchspin-up {
      border-left: 1px solid; }
      [dir="rtl"] .order-history table .qty-box .btn.bootstrap-touchspin-up {
        border-left: unset;
        border-right: 1px solid; }

.order-history table tbody tr td {
  vertical-align: middle; }
  .order-history table tbody tr td .product-name a {
    font-size: 15px;
    color: #898989; }
  .order-history table tbody tr td .product-name .order-process {
    font-size: 13px;
    padding-left: 15px; }
    .order-history table tbody tr td .product-name .order-process .order-process-circle {
      position: relative; }
      .order-history table tbody tr td .product-name .order-process .order-process-circle:before {
        position: absolute;
        content: '';
        width: 4px;
        height: 4px;
        border-radius: 100%;
        background-color: #898989;
        left: -7px;
        top: 6px; }
      .order-history table tbody tr td .product-name .order-process .order-process-circle.shipped-order:before {
        background-color: #00AC46; }
      .order-history table tbody tr td .product-name .order-process .order-process-circle.cancel-order:before {
        background-color: #FE6A49; }

@media only screen and (max-width: 1199px) {
  .order-history table {
    width: 900px;
    overflow: auto; }
    .order-history table thead tr th {
      font-size: 12px; } }

@media only screen and (max-width: 575px) {
  .prooduct-details-box .btn {
    padding: 0.05rem 0.4rem !important; } }

/**=====================
    3.31 Order-history CSS End
==========================**/
/**=====================
  3.32 Page CSS Start
==========================**/
/*test Nav bar color */
.pagination-theme .page-item .page-link {
  color: var(--theme-deafult) !important; }

.pagination-theme .page-item.active .page-link {
  color: #fff !important;
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult); }

.pagination-primary .page-item .page-link {
  color: var(--theme-deafult) !important; }

.pagination-primary .page-item.active .page-link {
  color: #fff !important;
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult); }

.pagination-secondary .page-item .page-link {
  color: #FE6A49 !important; }

.pagination-secondary .page-item.active .page-link {
  color: #fff !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49; }

.pagination-success .page-item .page-link {
  color: #00AC46 !important; }

.pagination-success .page-item.active .page-link {
  color: #fff !important;
  background-color: #00AC46 !important;
  border-color: #00AC46; }

.pagination-danger .page-item .page-link {
  color: #FE6A49 !important; }

.pagination-danger .page-item.active .page-link {
  color: #fff !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49; }

.pagination-info .page-item .page-link {
  color: #173878 !important; }

.pagination-info .page-item.active .page-link {
  color: #fff !important;
  background-color: #173878 !important;
  border-color: #173878; }

.pagination-dark .page-item .page-link {
  color: #2c323f !important; }

.pagination-dark .page-item.active .page-link {
  color: #fff !important;
  background-color: #2c323f !important;
  border-color: #2c323f; }

.pagination-warning .page-item .page-link {
  color: #FFAE1A !important; }

.pagination-warning .page-item.active .page-link {
  color: #fff !important;
  background-color: #FFAE1A !important;
  border-color: #FFAE1A; }

.pagin-border-primary .page-item.active, .pagin-border-primary .page-item:active {
  background-color: rgba(0, 102, 102, 0.2); }

.pagin-border-primary .page-item .page-link {
  border-color: rgba(0, 102, 102, 0.2); }
  .pagin-border-primary .page-item .page-link:hover, .pagin-border-primary .page-item .page-link:focus {
    background-color: rgba(0, 102, 102, 0.2); }
  .pagin-border-primary .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-secondary .page-item.active, .pagin-border-secondary .page-item:active {
  background-color: rgba(254, 106, 73, 0.3); }

.pagin-border-secondary .page-item .page-link {
  border-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-secondary .page-item .page-link:hover, .pagin-border-secondary .page-item .page-link:focus {
    background-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-secondary .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-success .page-item.active, .pagin-border-success .page-item:active {
  background-color: rgba(0, 172, 70, 0.3); }

.pagin-border-success .page-item .page-link {
  border-color: rgba(0, 172, 70, 0.3); }
  .pagin-border-success .page-item .page-link:hover, .pagin-border-success .page-item .page-link:focus {
    background-color: rgba(0, 172, 70, 0.3); }
  .pagin-border-success .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-danger .page-item.active, .pagin-border-danger .page-item:active {
  background-color: rgba(254, 106, 73, 0.3); }

.pagin-border-danger .page-item .page-link {
  border-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-danger .page-item .page-link:hover, .pagin-border-danger .page-item .page-link:focus {
    background-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-danger .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-warning .page-item.active, .pagin-border-warning .page-item:active {
  background-color: rgba(255, 174, 26, 0.3); }

.pagin-border-warning .page-item .page-link {
  border-color: rgba(255, 174, 26, 0.3); }
  .pagin-border-warning .page-item .page-link:hover, .pagin-border-warning .page-item .page-link:focus {
    background-color: rgba(255, 174, 26, 0.3); }
  .pagin-border-warning .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-info .page-item.active, .pagin-border-info .page-item:active {
  background-color: rgba(23, 56, 120, 0.3); }

.pagin-border-info .page-item .page-link {
  border-color: rgba(23, 56, 120, 0.3); }
  .pagin-border-info .page-item .page-link:hover, .pagin-border-info .page-item .page-link:focus {
    background-color: rgba(23, 56, 120, 0.3); }
  .pagin-border-info .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-light .page-item.active, .pagin-border-light .page-item:active {
  background-color: #F9F9FB; }

.pagin-border-light .page-item .page-link {
  border-color: #F9F9FB; }
  .pagin-border-light .page-item .page-link:hover, .pagin-border-light .page-item .page-link:focus {
    background-color: #F9F9FB; }
  .pagin-border-light .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-dark .page-item.active, .pagin-border-dark .page-item:active {
  background-color: #EAEBF2; }

.pagin-border-dark .page-item .page-link {
  border-color: #EAEBF2; }
  .pagin-border-dark .page-item .page-link:hover, .pagin-border-dark .page-item .page-link:focus {
    background-color: #EAEBF2; }
  .pagin-border-dark .page-item .page-link:focus {
    box-shadow: unset; }

@media (max-width: 576px) {
  .pagination-lg .page-item .page-link {
    font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (576 - 320)));
    padding: calc(12px + (12 - 12) * ((100vw - 320px) / (576 - 320))) calc(12px + (24 - 12) * ((100vw - 320px) / (576 - 320))); } }

@media (max-width: 339px) {
  .pagination {
    justify-content: center; } }

.pagination .page-item:active {
  background-color: unset; }

.pagination .page-item .page-link.rounded-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px; }

/**=====================
    3.32 Page CSS Ends
==========================**/
/**=====================
    3.33 Pricing CSS Start
==========================**/
.pricing-simple {
  box-shadow: 0 0 10px 5px rgba(68, 102, 242, 0.05);
  margin-bottom: 0 !important; }
  .pricing-simple .card-body {
    border-bottom: none; }
    .pricing-simple .card-body h3 {
      position: relative;
      margin-bottom: 38px; }
      .pricing-simple .card-body h3:before {
        position: absolute;
        content: '';
        width: 80px;
        height: 1px;
        margin: 0 auto;
        left: 0;
        right: 0;
        bottom: -10px;
        background-color: #999999; }
    .pricing-simple .card-body h1 {
      font-size: 30px;
      line-height: 0.9;
      margin-bottom: 30px;
      font-weight: 400; }

.pricingtable {
  text-align: center;
  padding-top: 45px;
  padding-bottom: 45px;
  border-radius: 10px;
  box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
  overflow: hidden;
  position: relative;
  z-index: 1;
  height: 100%; }
  .pricingtable:before, .pricingtable:after {
    content: "";
    background-color: var(--theme-deafult);
    width: 300px;
    height: 300px;
    border-radius: 50%;
    position: absolute;
    right: -213px;
    z-index: -1;
    opacity: 0.1; }

.pricingtable:after {
  background-color: var(--theme-deafult);
  height: 300px;
  width: 300px;
  top: auto;
  bottom: -210px;
  right: auto;
  left: -160px;
  opacity: 0.1; }

.pricingtable .title {
  text-transform: uppercase;
  margin-bottom: 20px; }

.pricingtable .price-value {
  color: #fff;
  background-color: var(--theme-deafult);
  width: 130px;
  height: 130px;
  padding: 45px 0 0;
  margin: 0 auto 25px;
  border-radius: 50%; }
  .pricingtable .price-value .duration {
    margin: 0 0 0 -5px; }
  .pricingtable .price-value .amount {
    font-size: 58px;
    font-weight: 700;
    line-height: 45px;
    display: inline-block; }
  .pricingtable .price-value .currency {
    vertical-align: top; }

.pricingtable .pricing-content {
  margin: 0 0 25px;
  display: inline-block; }
  .pricingtable .pricing-content li {
    font-weight: 500;
    text-align: left;
    margin: 0 0 20px;
    position: relative;
    padding-left: 30px; }
    .pricingtable .pricing-content li:last-child {
      margin: 0; }
    .pricingtable .pricing-content li:before {
      content: "\f00c";
      color: var(--theme-deafult);
      font-family: FontAwesome;
      text-align: center;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      position: absolute;
      top: 1px;
      left: 0; }

@media (max-width: 1470px) {
  .pricing-block > div {
    flex: 50%; }
    .pricing-block > div:nth-child(n+3) {
      margin-top: 30px; } }

@media only screen and (max-width: 991px) {
  .pricing-simple .card-body h1 {
    margin-bottom: 20px; }
  .pricing-simple .card-body h3 {
    margin-bottom: 28px; }
  .pricing-block > div:nth-child(n+2) {
    margin-top: 20px; } }

@media only screen and (max-width: 575px) {
  .pricing-simple .card-body h1 {
    margin-bottom: 15px; }
  .pricing-block > div {
    flex: 100%; }
  .pricingtable {
    padding-top: 30px;
    padding-bottom: 30px; } }

/**=====================
   3.33 Pricing CSS Ends
==========================**/
/**=====================
   3.34 Progress CSS Start
==========================**/
.progress-showcase .progress {
  margin-bottom: 10px; }
  .progress-showcase .progress:last-child {
    margin-bottom: 0; }

.sm-progress-bar {
  height: 8px; }

.lg-progress-bar {
  height: 20px; }

.progress-number button {
  width: 2rem;
  height: 2rem; }

.progress-number .progress-wrapper {
  height: 1px; }
  .progress-number .progress-wrapper.progress {
    background-color: var(--recent-dashed-border); }
  .progress-number .progress-wrapper .progress-bar {
    background-color: var(--theme-deafult); }

.progress-btn {
  background-color: #f6f9fd;
  border-color: #f6f9fd; }

.small-progressbar {
  position: relative;
  overflow: visible; }
  .small-progressbar::after {
    position: absolute;
    content: '';
    top: -2px;
    right: -9px;
    background-color: #006666;
    width: 12px;
    height: 12px;
    border-radius: 100%; }
    [dir="rtl"] .small-progressbar::after {
      left: -9px;
      right: unset; }
  .small-progressbar .progress-label {
    position: absolute;
    top: -26px;
    right: -6px;
    font-weight: 700; }
    [dir="rtl"] .small-progressbar .progress-label {
      right: unset;
      left: -6px; }
  .small-progressbar .animate-circle {
    position: absolute;
    top: -11px;
    right: -18px;
    height: 30px;
    width: 30px;
    border: 14px solid #006666;
    border-radius: 70px;
    animation: heart 1s ease-in-out;
    animation-iteration-count: infinite; }
    [dir="rtl"] .small-progressbar .animate-circle {
      right: unset;
      left: -18px; }

@keyframes heart {
  0% {
    transform: scale(0);
    opacity: 0; }
  25% {
    transform: scale(0.1);
    opacity: 1; }
  50% {
    transform: scale(0.5);
    opacity: .3; }
  75% {
    transform: scale(0.8);
    opacity: .5; }
  100% {
    transform: scale(1);
    opacity: 0; } }

.progress-b-space .progress {
  margin-bottom: 35px; }

/**=====================
   3.34 Progress CSS Ends
==========================**/
/**=====================
   3.35 Projectlist CSS Start
==========================**/
.project-list .row {
  margin: 15px; }

.project-list button:focus {
  outline: none !important; }

.project-list .theme-form .form-group {
  margin-bottom: 15px; }

.project-list .border-tab.nav-tabs .nav-item .nav-link {
  border: 1px dashed transparent;
  padding: 5px 30px 5px 0;
  border-radius: 5px;
  display: flex;
  align-items: center; }

.project-list .btn {
  margin-right: 5px;
  vertical-align: -12px;
  float: right; }
  [dir="rtl"] .project-list .btn {
    float: left; }
  .project-list .btn svg {
    vertical-align: middle;
    height: 16px; }

.project-list ul {
  margin-bottom: 0 !important;
  border-bottom: 0; }
  .project-list ul li svg {
    height: 18px;
    vertical-align: middle;
    margin-right: 5px; }

.tab-content .row > div.col-xl-4:nth-child(1) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 10ms; }

.tab-content .row > div.col-xl-4:nth-child(2) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 20ms; }

.tab-content .row > div.col-xl-4:nth-child(3) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 30ms; }

.tab-content .row > div.col-xl-4:nth-child(4) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 40ms; }

.tab-content .row > div.col-xl-4:nth-child(5) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 50ms; }

.tab-content .row > div.col-xl-4:nth-child(6) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 60ms; }

.tab-content .row > div.col-xl-4:nth-child(7) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 70ms; }

.tab-content .row > div.col-xl-4:nth-child(8) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 80ms; }

.tab-content .row > div.col-xl-4:nth-child(9) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 90ms; }

.tab-content .row > div.col-xl-4:nth-child(10) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 100ms; }

.tab-content .row > div.col-xl-4:nth-child(11) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 110ms; }

.tab-content .row > div.col-xl-4:nth-child(12) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 120ms; }

.tab-content .row > div.col-xl-4:nth-child(13) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 130ms; }

.tab-content .row > div.col-xl-4:nth-child(14) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 140ms; }

.tab-content .row > div.col-xl-4:nth-child(15) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 150ms; }

.project-cards .tab-content {
  margin-bottom: -30px; }

.project-box {
  border: 1px solid #efefef;
  border-radius: 5px;
  padding: 30px;
  background-color: white;
  margin-bottom: 30px; }
  .project-box h6 {
    font-weight: 500 !important; }
  .project-box .badge {
    position: absolute;
    right: 30px;
    top: 15px;
    line-height: 13px; }
  .project-box .project-status p {
    margin-bottom: 5px;
    font-weight: 800; }
  .project-box .d-flex {
    margin-bottom: 15px;
    margin-top: 10px; }
    .project-box .d-flex .flex-grow-1 {
      opacity: 0.5; }
  .project-box .details div {
    margin-bottom: 5px;
    opacity: 0.7; }

.projectdetails .card .card-body {
  padding: 20px; }

.projectdetails .card .card-footer {
  padding: 20px; }

.projectdetails .card select {
  width: 90px;
  height: 28px;
  font-size: 11px;
  right: 20px;
  top: 20px; }

.projectmore .details .col-4 {
  margin-bottom: 5px; }
  .projectmore .details .col-4:nth-child(even) {
    opacity: 0.5; }

.projectmore h5 {
  font-size: 20px;
  font-weight: 600; }

.projectmore .task-list {
  position: relative; }
  .projectmore .task-list ul li {
    margin-bottom: 5px; }
  .projectmore .task-list ul + ul {
    position: absolute;
    left: 50%;
    top: 0; }

.new-users.activity .gradient-round {
  padding: 13px;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  top: unset !important; }
  .new-users.activity .gradient-round::after {
    display: none; }

/**=====================
   3.35 Projectlist CSS Ends
==========================**/
/**=====================
   3.36 Rating CSS Start
==========================**/
@-webkit-keyframes shake {
  30% {
    transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px); }
  60% {
    transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px); }
  100% {
    transform: perspective(240px) translateZ(4px); } }

@keyframes shake {
  30% {
    transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px); }
  60% {
    transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px); }
  100% {
    transform: perspective(240px) translateZ(4px); } }

@-webkit-keyframes tear {
  0% {
    opacity: 0;
    transform: translateY(-2px) scale(0) translateZ(0); }
  50% {
    transform: translateY(12px) scale(0.6, 1.2) translateZ(0); }
  20%,
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0); } }

@keyframes tear {
  0% {
    opacity: 0;
    transform: translateY(-2px) scale(0) translateZ(0); }
  50% {
    transform: translateY(12px) scale(0.6, 1.2) translateZ(0); }
  20%,
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0); } }

@-webkit-keyframes toggle {
  50% {
    transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg)); } }

@keyframes toggle {
  50% {
    transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg)); } }

@-webkit-keyframes angry {
  40% {
    background: var(--active); }
  45% {
    box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry); } }

@keyframes angry {
  40% {
    background: var(--active); }
  45% {
    box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry); } }

.feedback {
  display: flex;
  gap: 10px;
  flex-wrap: wrap; }

.feedback {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex; }
  .feedback li {
    position: relative;
    border-radius: 50%;
    background: var(--sb, var(--normal));
    box-shadow: inset 3px -3px 4px var(--sh, var(--normal-shadow));
    transition: background 0.4s, box-shadow 0.4s, transform 0.3s;
    -webkit-tap-highlight-color: transparent; }
    .feedback li:not(:last-child) {
      margin-right: 20px; }
    .feedback li div {
      width: 40px;
      height: 40px;
      position: relative;
      transform: perspective(240px) translateZ(4px); }
      .feedback li div svg {
        display: block;
        position: absolute;
        left: var(--l, 9px);
        top: var(--t, 13px);
        width: var(--w, 8px);
        height: var(--h, 2px);
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        fill: none;
        stroke: var(--s);
        stroke-width: 2px;
        stroke-linecap: round;
        stroke-linejoin: round;
        transition: stroke 0.4s; }
      .feedback li div:before {
        display: block;
        position: absolute;
        left: var(--l, 9px);
        top: var(--t, 13px);
        width: var(--w, 8px);
        height: var(--h, 2px);
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        content: "";
        z-index: var(--zi, 1);
        border-radius: var(--br, 1px);
        background: var(--b, var(--e, var(--normal-eye)));
        transition: background 0.4s; }
      .feedback li div:after {
        display: block;
        position: absolute;
        left: var(--l, 9px);
        top: var(--t, 13px);
        width: var(--w, 8px);
        height: var(--h, 2px);
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        content: "";
        z-index: var(--zi, 1);
        border-radius: var(--br, 1px);
        background: var(--b, var(--e, var(--normal-eye)));
        transition: background 0.4s; }
      .feedback li div svg.eye {
        --s: var(--e, var(--normal-eye));
        --t: 17px;
        --w: 7px;
        --h: 4px; }
      .feedback li div svg.eye.right {
        --l: 23px; }
      .feedback li div svg.mouth {
        --s: var(--m, var(--normal-mouth));
        --l: 11px;
        --t: 23px;
        --w: 18px;
        --h: 7px; }
    .feedback li:not(.active) {
      cursor: pointer; }
      .feedback li:not(.active):active {
        transform: scale(0.925); }
  .feedback li.angry {
    --step-1-rx: -24deg;
    --step-1-ry: 20deg;
    --step-2-rx: -24deg;
    --step-2-ry: -20deg; }
    .feedback li.angry div:before {
      --r: 20deg; }
    .feedback li.angry div:after {
      --l: 23px;
      --r: -20deg; }
    .feedback li.angry div svg.eye {
      stroke-dasharray: 4.55;
      stroke-dashoffset: 8.15; }
  .feedback li.angry.active {
    -webkit-animation: angry 1s linear;
    animation: angry 1s linear; }
    .feedback li.angry.active div:before {
      --middle-y: -2px;
      --middle-r: 22deg;
      -webkit-animation: toggle 0.8s linear forwards;
      animation: toggle 0.8s linear forwards; }
    .feedback li.angry.active div:after {
      --middle-y: 1px;
      --middle-r: -18deg;
      -webkit-animation: toggle 0.8s linear forwards;
      animation: toggle 0.8s linear forwards; }
  .feedback li.sad {
    --step-1-rx: 20deg;
    --step-1-ry: -12deg;
    --step-2-rx: -18deg;
    --step-2-ry: 14deg; }
    .feedback li.sad div:before {
      --b: var(--active-tear);
      --sc: 0;
      --w: 5px;
      --h: 5px;
      --t: 15px;
      --br: 50%; }
    .feedback li.sad div:after {
      --b: var(--active-tear);
      --sc: 0;
      --w: 5px;
      --h: 5px;
      --t: 15px;
      --br: 50%;
      --l: 25px; }
    .feedback li.sad div svg.eye {
      --t: 16px; }
    .feedback li.sad div svg.mouth {
      --t: 24px;
      stroke-dasharray: 9.5;
      stroke-dashoffset: 33.25; }
  .feedback li.sad.active div:before {
    -webkit-animation: tear 0.6s linear forwards;
    animation: tear 0.6s linear forwards; }
  .feedback li.sad.active div:after {
    -webkit-animation: tear 0.6s linear forwards;
    animation: tear 0.6s linear forwards; }
  .feedback li.ok {
    --step-1-rx: 4deg;
    --step-1-ry: -22deg;
    --step-1-rz: 6deg;
    --step-2-rx: 4deg;
    --step-2-ry: 22deg;
    --step-2-rz: -6deg; }
    .feedback li.ok div:before {
      --l: 12px;
      --t: 17px;
      --h: 4px;
      --w: 4px;
      --br: 50%;
      box-shadow: 12px 0 0 var(--e, var(--normal-eye)); }
    .feedback li.ok div:after {
      --l: 13px;
      --t: 26px;
      --w: 14px;
      --h: 2px;
      --br: 1px;
      --b: var(--m, var(--normal-mouth)); }
  .feedback li.ok.active div:before {
    --middle-s-y: .35;
    -webkit-animation: toggle 0.2s linear forwards;
    animation: toggle 0.2s linear forwards; }
  .feedback li.ok.active div:after {
    --middle-s-x: .5;
    -webkit-animation: toggle 0.7s linear forwards;
    animation: toggle 0.7s linear forwards; }
  .feedback li.good {
    --step-1-rx: -14deg;
    --step-1-rz: 10deg;
    --step-2-rx: 10deg;
    --step-2-rz: -8deg; }
    .feedback li.good div:before {
      --b: var(--m, var(--normal-mouth));
      --w: 5px;
      --h: 5px;
      --br: 50%;
      --t: 22px;
      --zi: 0;
      opacity: 0.5;
      box-shadow: 16px 0 0 var(--b);
      filter: blur(2px); }
    .feedback li.good div:after {
      --sc: 0; }
    .feedback li.good div svg.eye {
      --t: 15px;
      --sc: -1;
      stroke-dasharray: 4.55;
      stroke-dashoffset: 8.15; }
    .feedback li.good div svg.mouth {
      --t: 22px;
      --sc: -1;
      stroke-dasharray: 13.3;
      stroke-dashoffset: 23.75; }
  .feedback li.good.active div svg.mouth {
    --middle-y: 1px;
    --middle-s: -1;
    -webkit-animation: toggle 0.8s linear forwards;
    animation: toggle 0.8s linear forwards; }
  .feedback li.happy div {
    --step-1-rx: 18deg;
    --step-1-ry: 24deg;
    --step-2-rx: 18deg;
    --step-2-ry: -24deg; }
    .feedback li.happy div:before {
      --sc: 0; }
    .feedback li.happy div:after {
      --b: var(--m, var(--normal-mouth));
      --l: 11px;
      --t: 23px;
      --w: 18px;
      --h: 8px;
      --br: 0 0 8px 8px; }
    .feedback li.happy div svg.eye {
      --t: 14px;
      --sc: -1; }
  .feedback li.happy.active div:after {
    --middle-s-x: .95;
    --middle-s-y: .75;
    -webkit-animation: toggle 0.8s linear forwards;
    animation: toggle 0.8s linear forwards; }
  .feedback li.active {
    --sb: var(--active);
    --sh: var(--active-shadow);
    --m: var(--active-mouth);
    --e: var(--active-eye); }
    .feedback li.active div {
      -webkit-animation: shake 0.8s linear forwards;
      animation: shake 0.8s linear forwards; }

html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased; }

* {
  box-sizing: inherit; }
  *:before {
    box-sizing: inherit; }
  *:after {
    box-sizing: inherit; }

.br-theme-bars-1to10 .br-widget a,
.br-theme-bars-movie .br-widget a,
.br-theme-bars-pill .br-widget a,
.br-theme-bars-reversed .br-widget a,
.br-theme-bars-horizontal .br-widget a {
  background-color: rgba(0, 102, 102, 0.2); }

.br-theme-bars-square .br-widget a {
  border-color: rgba(0, 102, 102, 0.2);
  color: var(--body-light-font-color); }

/**=====================
   3.36 Rating CSS Ends
==========================**/
/**=====================
    3.37 Social-app CSS start
==========================**/
.user-profile .hovercard .socialheader {
  background: url(/../images/social-app/social-image.png); }

.user-profile .hovercard .user-image .share-icons {
  position: absolute;
  right: 100px;
  top: -27px; }
  .user-profile .hovercard .user-image .share-icons li {
    display: inline-block;
    margin-right: 10px; }
    .user-profile .hovercard .user-image .share-icons li .social-icon {
      width: 50px;
      height: 50px;
      text-align: center;
      display: flex;
      align-items: center;
      vertical-align: middle;
      justify-content: center;
      border-radius: 100%; }
      .user-profile .hovercard .user-image .share-icons li .social-icon i {
        color: #fff;
        font-size: 25px; }
    .user-profile .hovercard .user-image .share-icons li:last-child {
      margin-right: 0; }

.user-profile .card-footer > div h3 {
  font-size: 16px; }

.market-tabs .border-tab.nav-tabs .nav-item .nav-link.active {
  border-bottom: none !important; }

.market-tabs .nav {
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center; }
  .market-tabs .nav .nav-item {
    width: 100%; }
    .market-tabs .nav .nav-item .nav-link {
      height: 81px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      padding-top: 30px;
      text-align: center; }

.tabs-scoial {
  border-bottom: none;
  margin-bottom: 20px !important;
  margin-top: 20px; }
  .tabs-scoial li a {
    font-weight: 600; }
    .tabs-scoial li a svg circle {
      color: #999999; }

.social-network span {
  margin-bottom: 30px;
  display: block; }

.social-list .d-flex {
  margin-bottom: 20px;
  display: flex;
  align-items: center; }
  .social-list .d-flex:last-child {
    margin-bottom: 0; }
  .social-list .d-flex .flex-grow-1 a {
    color: #999999; }
  .social-list .d-flex .flex-grow-1 span {
    font-weight: 600; }
  .social-list .d-flex .flex-grow-1:hover a {
    color: var(--theme-deafult); }

.photos {
  margin-bottom: -15px; }
  .photos ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 70px; }
    .photos ul li:nth-child(4n) {
      margin-right: 0; }

.new-users-social {
  margin-bottom: 30px; }
  .new-users-social svg {
    cursor: pointer; }
  .new-users-social .d-flex img {
    width: 58px; }
  .new-users-social .d-flex .flex-grow-1 {
    margin-top: 10px; }
  .new-users-social svg circle {
    color: #999999; }

.like-content span i {
  font-size: 14px; }

.timeline-content p {
  margin-top: 30px;
  color: #999999; }

.timeline-content .comment-number i {
  color: #999999;
  margin-right: 20px; }

.timeline-content .comments-box {
  margin-top: 30px; }
  .timeline-content .comments-box .flex-grow-1 {
    width: 100%; }
  .timeline-content .comments-box .input-group {
    margin-top: 6px; }
    .timeline-content .comments-box .input-group .input-txt-bx {
      border: none;
      background-color: #F5F5F5; }
      .timeline-content .comments-box .input-group .input-txt-bx::placeholder {
        color: #999999; }
    .timeline-content .comments-box .input-group .input-group-append .btn i {
      font-size: 20px;
      display: flex;
      color: #999999; }

.social-chat {
  margin-top: 30px; }
  .social-chat span span {
    font-weight: normal;
    color: #999999;
    font-size: 12px; }
  .social-chat .flex-grow-1 {
    padding: 20px;
    border: 1px solid #E6E9EB;
    position: relative; }
    .social-chat .flex-grow-1 p {
      margin-top: 5px; }
    .social-chat .flex-grow-1:before {
      content: '';
      position: absolute;
      top: 19px;
      right: 100%;
      border: 7px solid transparent;
      border-right: 7px solid #59667a; }
    .social-chat .flex-grow-1:after {
      content: '';
      position: absolute;
      top: 19px;
      right: 100%;
      border: 7px solid transparent;
      border-right: 7px solid #fff; }
  .social-chat .your-msg,
  .social-chat .other-msg {
    margin-bottom: 30px; }
  .social-chat .other-msg {
    margin-left: 40px; }

.socialprofile span {
  color: #999999; }
  .socialprofile span.badge {
    padding: 6px 10px !important; }

.socialprofile .social-btngroup {
  margin: 30px 0; }

.socialprofile .likes-profile h5 span {
  color: #051A1A; }

.socialprofile .social-group {
  margin-top: 30px; }
  .socialprofile .social-group ul li:nth-child(4) {
    margin-left: -22px; }

.social-status form .form-group .form-control-social {
  border: 1px solid #E6E9EB;
  padding-left: 15px;
  margin-bottom: 30px; }

.social-status .d-flex {
  position: relative;
  margin-bottom: 30px; }
  .social-status .d-flex:last-child {
    margin-bottom: 0; }
  .social-status .d-flex .social-status {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #fff;
    bottom: 0;
    left: 35px;
    border-radius: 100%; }
  .social-status .d-flex .social-online {
    border: 3px solid #00AC46; }
  .social-status .d-flex .social-busy {
    border: 3px solid #FFAE1A; }
  .social-status .d-flex .social-offline {
    border: 3px solid #59667a; }
  .social-status .d-flex .flex-grow-1 p {
    color: #999999;
    margin-bottom: 5px; }
  .social-status .d-flex .flex-grow-1 span + span {
    color: #999999; }
  .social-status .d-flex .flex-grow-1 .light-span {
    color: #999999; }

.social-header h5 span:first-child {
  line-height: 1.48; }

.social-header h5 span svg circle {
  color: #999999; }

.details-about + .details-about {
  margin-top: 30px; }

.details-about .your-details p {
  color: #999999; }

.avatar-showcase .friend-pic {
  margin-right: 8px;
  margin-bottom: 10px; }

.avatar-showcase .pepole-knows ul li {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px; }
  .avatar-showcase .pepole-knows ul li:last-child {
    margin-right: 0; }
  .avatar-showcase .pepole-knows ul li .add-friend h6 {
    margin-top: 3px; }

.activity-log .my-activity + .my-activity {
  margin-top: 30px; }

.activity-log .my-activity p {
  margin-bottom: 5px; }
  .activity-log .my-activity p span svg {
    width: 15px;
    height: 15px; }

/**=====================
    3.37 Social-app CSS end
==========================**/
/**=====================
    3.38 Sweet-alert CSS Start
==========================**/
.swal-modal .swal-title {
  font-size: 24px; }

.swal-modal .swal-text {
  font-size: 17px; }

/**=====================
    3.38 Sweet-alert CSS ends
==========================**/
/**=====================
    3.39 Task CSS Start
==========================**/
.modal-open .datepickers-container {
  z-index: 1075; }

.date-details {
  align-items: center; }
  .date-details > div + div {
    margin-left: 10px; }

.taskadd table tr td {
  border-top: none; }
  .taskadd table tr td:first-child {
    padding-left: 30px; }
  .taskadd table tr td:last-child {
    padding-right: 30px; }
  .taskadd table tr td svg {
    width: 18px;
    height: 18px;
    color: #59667a; }

.taskadd table tr:first-child td {
  padding-top: 30px; }

.taskadd table tr:last-child td {
  padding-bottom: 30px; }

@media only screen and (max-width: 1660px) {
  .taskadd table tr td:first-child {
    min-width: 160px; }
  .taskadd table tr td:nth-child(3) {
    min-width: 70px; } }

@media only screen and (max-width: 991px) {
  .date-details {
    display: block !important;
    margin-bottom: -10px; }
    .date-details .d-inline-block {
      margin-bottom: 10px; }
  .taskadd table tr td:first-child {
    padding-left: 20px; }
  .taskadd table tr:first-child td {
    padding-top: 20px; }
  .taskadd table tr:last-child td {
    padding-bottom: 20px; } }

@media only screen and (max-width: 767px) {
  .taskadd table tr td:nth-child(2) {
    min-width: 745px; } }

@media only screen and (max-width: 575px) {
  .taskadd table tr td:first-child {
    padding-left: 15px; }
  .taskadd table tr:first-child td {
    padding-top: 15px; }
  .taskadd table tr:last-child td {
    padding-bottom: 15px; } }

/**=====================
  3.39 Task CSS Ends
==========================**/
/*====todo css start====*/
.todo .action-box {
  background: transparent;
  height: 20px;
  width: 20px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  transition: all 300ms ease; }
  .todo .action-box .icon {
    vertical-align: 0; }
  .todo .action-box.completed {
    background: #FE6A49;
    border: 1px solid #FE6A49;
    border-radius: 4px; }
    .todo .action-box.completed .icon {
      color: #fff;
      font-size: 14px; }
  .todo .action-box.large {
    height: 26px;
    width: 26px; }
    .todo .action-box.large .icon {
      font-size: 16px;
      vertical-align: -4px; }
      .todo .action-box.large .icon .icon-trash {
        color: #006666; }
      .todo .action-box.large .icon .icon-check {
        color: #006666; }

.todo .todo-list-wrapper {
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  box-sizing: border-box; }
  .todo .todo-list-wrapper #todo-list {
    list-style: none;
    margin: 0;
    padding: 0; }
    .todo .todo-list-wrapper #todo-list li {
      margin: 0;
      padding: 0;
      width: 100%; }
      .todo .todo-list-wrapper #todo-list li:last-child .task-container {
        border-bottom: 0;
        padding-bottom: 0; }
      .todo .todo-list-wrapper #todo-list li .task-container {
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
        width: 100%;
        border-bottom: 1px solid #ecf3fa;
        box-sizing: border-box;
        position: relative;
        transition: background 200ms ease; }
        .todo .todo-list-wrapper #todo-list li .task-container .d-flex {
          align-items: center; }
          .todo .todo-list-wrapper #todo-list li .task-container .d-flex div {
            text-align: right; }
        .todo .todo-list-wrapper #todo-list li .task-container .task-label {
          display: table;
          font-size: 16px;
          font-weight: 400;
          vertical-align: middle;
          color: #999999;
          word-break: break-word;
          padding-top: 5px; }
        .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn {
          display: table-cell;
          vertical-align: middle;
          text-align: right; }
          .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box {
            border: 1px solid transparent; }
            .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover {
              background: #fff;
              border-radius: 4px; }
              .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover .icon {
                color: #59667a; }
        .todo .todo-list-wrapper #todo-list li .task-container:hover h4 {
          color: #2c323f;
          transition: all 0.3s ease; }
      .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn {
        border: 1px solid #006666;
        border-radius: 4px; }
        .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn .icon {
          font-weight: bold; }
          .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn .icon i {
            color: #00AC46; }
        .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover {
          background: #fff;
          border: 1px solid #00AC46; }
          .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover .icon {
            color: #fff; }
      .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label {
        text-decoration: line-through;
        color: #006666; }
      .todo .todo-list-wrapper #todo-list li.new .task-container {
        animation: taskHighlighter 2000ms linear 1; }
  .todo .todo-list-wrapper .todo-list-header h5 {
    text-align: center;
    color: #efefef; }

.todo .notification-popup {
  position: fixed;
  top: 100px;
  right: 10px;
  width: 300px;
  display: inline-block;
  background: #00AC46;
  border: 1px solid #00AC46;
  color: #fff;
  padding: 20px;
  opacity: 0.9;
  border-radius: 2px;
  box-sizing: border-box;
  transition: all 300ms ease; }
  .todo .notification-popup.success {
    background: #00AC46;
    border: 1px solid #00AC46; }
  .todo .notification-popup p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1; }
  .todo .notification-popup .task {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block;
    color: #fff;
    padding: 0 4px; }
  .todo .notification-popup .notification-text {
    font-size: 14px;
    display: inline-block;
    overflow: hidden;
    color: #fff; }
  .todo .notification-popup.hide {
    opacity: 0;
    visibility: hidden; }

@-webkit-keyframes taskHighlighter {
  0% {
    background: rgba(68, 102, 242, 0.5); }
  100% {
    background: #fff; } }

@keyframes taskHighlighter {
  0% {
    background: rgba(68, 102, 242, 0.5); }
  100% {
    background: #fff; } }

.todo-wrap .card-header.b-bottom {
  border-bottom: 1px solid #ecf3fa; }

.todo-wrap .card-header .todo-list-header .new-task-wrapper input {
  padding: 12px 28px;
  border-radius: 7px;
  background-color: #F5F5F5;
  border: 1px solid #dee2e6; }

.todo-wrap .card-header .todo-list-header .add-new-task-btn {
  display: flex;
  align-items: center;
  z-index: 0; }

.todo-wrap .todo-list-body .assign-name {
  opacity: 0.4;
  font-size: 13px;
  font-weight: 400; }

.todo-wrap .left-bookmark ul li .iconbg {
  padding: 8px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center; }

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li button.d-block {
  text-align: left; }

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li + li {
  padding-top: 12px; }

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li a {
  padding: 0 16px;
  align-items: center; }
  .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a .badge {
    color: #fff;
    padding: 5px 6px 4px 7px; }
  .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover {
    color: #006666;
    background-color: transparent; }
    .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover .badge {
      color: #fff; }
    .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover .title {
      color: #006666; }

/*====todo css end====*/
/**=====================
    3.40 Timeline-v CSS Start
==========================**/
.timeline-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px; }

.time-content {
  display: flex;
  align-items: center;
  gap: 4px; }
  .time-content i {
    font-size: 18px; }

.activity .media {
  margin-bottom: 30px; }
  .activity .media:last-child {
    margin-bottom: 0; }
  .activity .media .gradient-round {
    position: relative;
    width: 53px;
    height: 53px;
    background-image: linear-gradient(26deg, var(--theme-deafult) 0%, #006666 100%);
    border-radius: 100%;
    top: -18px; }
    .activity .media .gradient-round svg {
      position: absolute;
      width: 18px;
      height: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      left: 0;
      top: 18px;
      right: 0;
      margin: 0 auto; }
      .activity .media .gradient-round svg path,
      .activity .media .gradient-round svg line,
      .activity .media .gradient-round svg circle {
        color: #fff; }
    .activity .media .gradient-round.gradient-line-1:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 62px;
      bottom: -77px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .activity .media .gradient-round.small-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 19px;
      bottom: -34px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .activity .media .gradient-round.medium-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 53px;
      bottom: -68px;
      left: 0;
      right: 0;
      margin: 0 auto; }
  .activity .media .media-body h6 {
    font-weight: 600;
    margin-bottom: 30px; }
    .activity .media .media-body h6 span {
      font-weight: normal;
      color: #999999; }
  .activity .media .media-body p {
    width: 80%; }

.timeline-small .media {
  margin-bottom: 30px; }
  .timeline-small .media:last-child {
    margin-bottom: 0; }
  .timeline-small .media .timeline-round {
    position: relative;
    width: 53px;
    height: 53px;
    border-radius: 100%;
    border-radius: 15px;
    top: -18px; }
    .timeline-small .media .timeline-round svg {
      position: absolute;
      width: 18px;
      height: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      left: 0;
      top: 18px;
      right: 0;
      margin: 0 auto; }
      .timeline-small .media .timeline-round svg path,
      .timeline-small .media .timeline-round svg line,
      .timeline-small .media .timeline-round svg circle {
        color: #fff; }
    .timeline-small .media .timeline-round.timeline-line-1:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 62px;
      bottom: -88px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .timeline-small .media .timeline-round.small-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 19px;
      bottom: -34px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .timeline-small .media .timeline-round.medium-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 53px;
      bottom: -68px;
      left: 0;
      right: 0;
      margin: 0 auto; }
  .timeline-small .media .media-body h6 {
    margin-bottom: 30px; }
    .timeline-small .media .media-body h6 span {
      font-weight: normal;
      color: #999999; }
  .timeline-small .media .media-body p {
    width: 80%; }

.cd-container {
  width: 90%;
  max-width: 1170px;
  margin: 0 auto; }

.cd-container::after {
  content: '';
  display: table;
  clear: both; }

@media only screen and (min-width: 1170px) {
  #cd-timeline::before {
    left: 50% !important;
    margin-left: -2px; }
  .cd-timeline-block {
    margin: 4em 0; }
    .cd-timeline-block:first-child {
      margin-top: 0; }
    .cd-timeline-block:last-child {
      margin-bottom: 0; }
    .cd-timeline-block:nth-child(even) .cd-timeline-content {
      float: right; }
      .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
        left: auto;
        right: 122%;
        text-align: right; }
    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
      top: 24px;
      left: auto;
      right: 100%;
      border-color: transparent;
      border-right-color: #E6E9EB; }
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px; }
    .cd-timeline-img > i {
      font-size: 18px;
      top: 50%;
      left: 50%;
      padding: 3px; }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden; }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    animation: cd-bounce-1 0.6s; }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden; }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    animation: cd-bounce-2 0.6s; }
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    animation: cd-bounce-2-inverse 0.6s; }
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%; }
    .cd-timeline-content .cd-date {
      position: absolute;
      width: 100%;
      left: 122%;
      top: 6px;
      font-size: 16px; }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #fff; } }

#cd-timeline {
  position: relative;
  padding: 2em 0; }

#cd-timeline::before {
  content: '';
  position: absolute;
  top: 0;
  font-size: 1.5rem;
  height: 100%;
  width: 2px;
  background: #E6E9EB;
  left: -15px; }

.cd-timeline-block {
  position: relative;
  margin: 30px 0; }
  .cd-timeline-block:after {
    content: "";
    display: table;
    clear: both; }
  .cd-timeline-block:first-child {
    margin-top: 0; }
  .cd-timeline-block:last-child {
    margin-bottom: 0; }

.cd-timeline-img {
  width: 40px;
  height: 40px;
  left: 51%;
  margin-left: -30px;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  position: absolute;
  top: 0;
  border-radius: 50px; }
  .cd-timeline-img i {
    display: block;
    position: relative;
    left: 45%;
    top: 44%;
    margin-left: -12px;
    margin-top: -12px;
    font-size: 20px;
    color: #fff; }

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    transform: scale(0.5); }
  60% {
    opacity: 1;
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.cd-timeline-content {
  position: relative;
  background: #E6E9EB;
  border-radius: 4px;
  padding: 30px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08); }
  .cd-timeline-content p {
    padding-top: 9px; }
  .cd-timeline-content h4 {
    margin-bottom: 0; }
  .cd-timeline-content:after {
    content: "";
    display: table;
    clear: both; }
  .cd-timeline-content audio {
    width: 100%; }
  .cd-timeline-content .cd-date {
    font-size: 13px;
    display: inline-block;
    float: left;
    padding: .8em 0 0;
    opacity: .7; }

.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 28px;
  right: 100%;
  height: 0;
  width: 0;
  border: 15px solid transparent;
  border-left: 15px solid #E6E9EB; }
  [dir="rtl"] .cd-timeline-content::before {
    border-right: 15px solid #E6E9EB;
    border-left: unset; }
  @media (max-width: 1169px) {
    .cd-timeline-content::before {
      display: none; } }
@media only screen and (min-width: 768px) {
  .cd-timeline-content .cd-date {
    font-size: 14px;
    padding-bottom: 0; } }

@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; }
  100% { } }

@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    transform: translateX(-100px); }
  60% {
    opacity: 1;
    transform: translateX(20px); }
  100% {
    transform: translateX(0); } }

@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; }
  100% { } }

@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    transform: translateX(100px); }
  60% {
    opacity: 1;
    transform: translateX(-20px); }
  100% {
    transform: translateX(0); } }

@media only screen and (max-width: 1169px) {
  .cd-timeline-block .cd-timeline-img {
    left: -2px;
    height: 30px;
    width: 30px;
    margin-left: -30px;
    top: 14px;
    z-index: 7; }
    .cd-timeline-block .cd-timeline-img > i {
      font-size: 15px;
      top: 16px;
      left: 17px;
      padding: 3px; }
  .landing-main #cd-timeline::before {
    left: -39px; }
  .landing-main .cd-timeline-block .cd-timeline-img {
    left: -34px;
    height: 50px;
    width: 50px;
    top: 1px;
    z-index: 8; }
    .landing-main .cd-timeline-block .cd-timeline-img > i {
      font-size: 23px;
      top: 21px;
      left: 7px;
      padding: 3px; } }

@media only screen and (max-width: 576px) {
  .cd-timeline-content {
    padding: 15px; }
    .cd-timeline-content h4 {
      font-size: 18px; } }

.main-timeline ul::before {
  left: 5px; }
  [dir="rtl"] .main-timeline ul::before {
    right: 5px;
    left: unset; }

.square-timeline {
  position: relative; }
  .square-timeline::before {
    border: 1px dashed #E6E9EB;
    content: '';
    margin-left: 0px;
    position: absolute;
    top: 0;
    left: 18px;
    width: 1px;
    height: 100%; }
    [dir="rtl"] .square-timeline::before {
      margin-left: unset;
      margin-right: 0;
      left: unset;
      right: 18px; }
  .square-timeline .timeline-event {
    position: relative; }
    .square-timeline .timeline-event:hover .timeline-event-icon {
      transform: rotate(-105deg);
      background-color: #52526c; }
    .square-timeline .timeline-event:hover .timeline-event-wrapper .timeline-thumbnail {
      box-shadow: inset 40em 0 0 0 rgba(255, 174, 26, 0.3); }
    .square-timeline .timeline-event .timeline-event-wrapper {
      padding: 0 0 0 14px;
      position: relative;
      top: -7px;
      left: 38px;
      width: 95%; }
      [dir="rtl"] .square-timeline .timeline-event .timeline-event-wrapper {
        left: unset;
        right: 38px;
        padding: 0 14px 0 0; }
      @media (max-width: 1200px) {
        .square-timeline .timeline-event .timeline-event-wrapper {
          width: calc(84% + (95 - 84) * ((100vw - 320px) / (1200 - 320))); } }
      .square-timeline .timeline-event .timeline-event-wrapper .designer-details {
        padding-top: 20px; }
      .square-timeline .timeline-event .timeline-event-wrapper .timeline-thumbnail {
        transition: box-shadow 0.5s ease-in 0.1s;
        color: #2c323f;
        background-color: rgba(0, 102, 102, 0.2);
        box-shadow: inset 0 0 0 0em rgba(23, 56, 120, 0.3);
        display: inline-block;
        margin-bottom: 12px;
        padding: 2px 25px; }
      .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:hover, .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:active, .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:focus {
        background-color: unset; }
      .square-timeline .timeline-event .timeline-event-wrapper > div {
        display: inline-block;
        width: 100%; }
    .square-timeline .timeline-event .timeline-event-icon {
      transition: 0.2s ease-in;
      transform: rotate(45deg);
      background-color: #006666;
      outline: 6px solid rgba(0, 102, 102, 0.2);
      display: block;
      margin: 0px;
      position: absolute;
      top: 0;
      left: 14px;
      width: 10px;
      height: 10px; }
      [dir="rtl"] .square-timeline .timeline-event .timeline-event-icon {
        right: 14px;
        left: unset; }

.list-inline {
  display: flex;
  justify-content: center; }
  .list-inline.events .event-list {
    display: block;
    position: relative;
    text-align: center;
    padding-top: 70px;
    margin-right: 0; }
    .list-inline.events .event-list p {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; }
    .list-inline.events .event-list .event-date {
      position: absolute;
      top: 38px;
      left: 0;
      right: 0;
      width: 75px;
      margin: 0 auto;
      border-radius: 4px;
      padding: 2px 4px; }
      .list-inline.events .event-list .event-date p {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        line-height: 1.5;
        margin-top: 7px; }

.timeline-list.timeline-border {
  border-bottom: 1px solid #E6E9EB; }

.timeline-list.list-inline {
  padding-bottom: 0; }
  .timeline-list.list-inline.events .event-list {
    padding-top: 35px; }
    .timeline-list.list-inline.events .event-list::before {
      content: '';
      height: 0;
      border-right: unset; }
    .timeline-list.list-inline.events .event-list .event-date {
      top: 2px; }
      .timeline-list.list-inline.events .event-list .event-date p {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        line-height: 1.5;
        margin-top: 7px; }
    .timeline-list.list-inline.events .event-list .read-more-btn {
      position: relative;
      margin-bottom: 3px; }
  .timeline-list.list-inline .vertical-line {
    height: 45px;
    width: 1px;
    margin: 0 auto;
    position: relative;
    border: 1px dashed #006666; }

.list-group.main-lists-content {
  padding-top: 20px; }

@media (max-width: 1218px) {
  .list-group .list-group-item .timeline-icon {
    display: none; } }

@media (max-width: 1400px) {
  .horizontal-timeline {
    display: none; } }

/**=====================
    3.40 Timeline-v CSS Ends
==========================**/
/**=====================
    3.41 User-profile CSS start
==========================**/
.user-profile .ttl-info h6 {
  font-size: 12px;
  color: #59667a; }

.user-profile .border-right {
  border-right: 1px solid #E6E9EB; }

.user-profile hr {
  margin: 30px 0; }

.user-profile .hovercard .cardheader {
  background: url(/../images/admin/other-images/bg-profile.png);
  background-size: cover;
  background-position: 10%;
  height: 470px; }

.user-profile .hovercard .user-image {
  position: relative;
  height: 0; }
  .user-profile .hovercard .user-image .avatar {
    margin-top: -80px; }
    .user-profile .hovercard .user-image .avatar img {
      width: 100px;
      height: 100px;
      max-width: 155px;
      max-height: 155px;
      border-radius: 50%;
      border: 7px solid #fff; }
  .user-profile .hovercard .user-image .icon-wrapper {
    position: absolute;
    bottom: -20px;
    left: 51%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    overflow: hidden;
    margin: 0 auto;
    font-size: 17px;
    box-shadow: 0 0 6px 3px rgba(68, 102, 242, 0.1); }

.user-profile .hovercard .info {
  padding: 30px; }
  .user-profile .hovercard .info .title {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 1;
    color: #2c323f;
    vertical-align: middle; }
    .user-profile .hovercard .info .title a {
      color: #242934;
      font-size: 20px;
      text-transform: uppercase;
      font-weight: 500; }
  .user-profile .hovercard .info .desc {
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #59667a;
    text-overflow: ellipsis;
    text-transform: uppercase; }

.user-profile .follow {
  margin-top: 20px; }
  .user-profile .follow .follow-num {
    font-size: 20px;
    color: #242934;
    font-family: "Montserrat", sans-serif;
    font-weight: 500; }
  .user-profile .follow span {
    color: #59667a; }

.user-profile .profile-img-style {
  padding: 30px; }
  .user-profile .profile-img-style .img-container {
    margin-top: 30px; }
  .user-profile .profile-img-style .user-name {
    font-size: 14px;
    color: #242934;
    margin: 0;
    font-weight: 600; }
  .user-profile .profile-img-style p {
    line-height: 30px;
    font-size: 14px;
    color: #898989;
    margin-bottom: 0; }
  .user-profile .profile-img-style .media img {
    width: 50px; }

.user-profile .like-comment li a {
  color: #898989; }

.user-profile .like-comment li:first-child a:hover, .user-profile .like-comment li:first-child a:active {
  color: #FE6A49; }

.user-profile .like-comment span {
  font-family: "Montserrat", sans-serif; }

.user-profile .social-media a {
  padding: 0 15px;
  color: #59667a;
  font-size: 24px;
  cursor: pointer; }
  .user-profile .social-media a:hover {
    color: var(--theme-deafult); }

.edit-profile .profile-title .media {
  align-items: center;
  margin-bottom: 30px; }
  .edit-profile .profile-title .media .media-body {
    margin-left: 14px; }
    [dir="rtl"] .edit-profile .profile-title .media .media-body {
      margin-left: unset;
      margin-right: 14px; }

/**=====================
    3.41 User-profile CSS Ends
==========================**/
/**=====================
    3.42 Wishlist CSS start
==========================**/
.wishlist table tr td svg {
  color: #898989;
  cursor: pointer; }

/**=====================
    3.42 Wishlist CSS Ends
==========================**/
/* ---------------------
	*** themes ***
-----------------------*/
/**=====================
	4.1. Dark CSS Start
==========================**/
/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C; }

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8; }

.light-card {
  background-color: var(--light-background); }

.light-background {
  background-color: var(--light-bg); }

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  transform: rotate(-45deg);
  display: inline-block; }

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-l-50 {
  margin-left: 50px !important; }

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important; }

.b-r-1 {
  border-radius: 1px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-r-11 {
  border-radius: 11px !important; }

.b-r-12 {
  border-radius: 12px !important; }

.b-r-13 {
  border-radius: 13px !important; }

.b-r-14 {
  border-radius: 14px !important; }

.b-r-15 {
  border-radius: 15px !important; }

.b-r-16 {
  border-radius: 16px !important; }

.b-r-17 {
  border-radius: 17px !important; }

.b-r-18 {
  border-radius: 18px !important; }

.b-r-19 {
  border-radius: 19px !important; }

.b-r-20 {
  border-radius: 20px !important; }

.b-r-21 {
  border-radius: 21px !important; }

.b-r-22 {
  border-radius: 22px !important; }

.b-r-23 {
  border-radius: 23px !important; }

.b-r-24 {
  border-radius: 24px !important; }

.b-r-25 {
  border-radius: 25px !important; }

.b-r-26 {
  border-radius: 26px !important; }

.b-r-27 {
  border-radius: 27px !important; }

.b-r-28 {
  border-radius: 28px !important; }

.b-r-29 {
  border-radius: 29px !important; }

.b-r-30 {
  border-radius: 30px !important; }

.b-r-31 {
  border-radius: 31px !important; }

.b-r-32 {
  border-radius: 32px !important; }

.b-r-33 {
  border-radius: 33px !important; }

.b-r-34 {
  border-radius: 34px !important; }

.b-r-35 {
  border-radius: 35px !important; }

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.f-34 {
  font-size: 34px !important; }

.f-36 {
  font-size: 36px !important; }

.f-38 {
  font-size: 38px !important; }

.f-40 {
  font-size: 40px !important; }

.f-42 {
  font-size: 42px !important; }

.f-44 {
  font-size: 44px !important; }

.f-46 {
  font-size: 46px !important; }

.f-48 {
  font-size: 48px !important; }

.f-50 {
  font-size: 50px !important; }

.f-52 {
  font-size: 52px !important; }

.f-54 {
  font-size: 54px !important; }

.f-56 {
  font-size: 56px !important; }

.f-58 {
  font-size: 58px !important; }

.f-60 {
  font-size: 60px !important; }

.f-62 {
  font-size: 62px !important; }

.f-64 {
  font-size: 64px !important; }

.f-66 {
  font-size: 66px !important; }

.f-68 {
  font-size: 68px !important; }

.f-70 {
  font-size: 70px !important; }

.f-72 {
  font-size: 72px !important; }

.f-74 {
  font-size: 74px !important; }

.f-76 {
  font-size: 76px !important; }

.f-78 {
  font-size: 78px !important; }

.f-80 {
  font-size: 80px !important; }

.f-82 {
  font-size: 82px !important; }

.f-84 {
  font-size: 84px !important; }

.f-86 {
  font-size: 86px !important; }

.f-88 {
  font-size: 88px !important; }

.f-90 {
  font-size: 90px !important; }

.f-92 {
  font-size: 92px !important; }

.f-94 {
  font-size: 94px !important; }

.f-96 {
  font-size: 96px !important; }

.f-98 {
  font-size: 98px !important; }

.f-100 {
  font-size: 100px !important; }

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100; }

.f-w-300 {
  font-weight: 300; }

.f-w-500 {
  font-weight: 500; }

.f-w-400 {
  font-weight: 400; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-900 {
  font-weight: 900; }

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal; }

.f-s-italic {
  font-style: italic; }

.f-s-oblique {
  font-style: oblique; }

.f-s-initial {
  font-style: initial; }

.f-s-inherit {
  font-style: inherit; }

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-dashed {
  text-decoration: dashed; }

.text-blink {
  text-decoration: blink; }

.text-dotted {
  text-decoration: dotted; }

.text-initial {
  text-decoration: initial; }

.text-none {
  text-decoration: none; }

.text-solid {
  text-decoration: solid; }

.text-wavy {
  text-decoration: wavy; }

.text-inherit {
  text-decoration: inherit; }

.text-double {
  text-decoration: double; }

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline; }

.sub {
  vertical-align: sub; }

.super {
  vertical-align: super; }

.top {
  vertical-align: top; }

.text-top {
  vertical-align: text-top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.text-bottom {
  vertical-align: text-bottom; }

.initial {
  vertical-align: initial; }

.inherit {
  vertical-align: inherit; }

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-relative {
  position: relative; }

.p-initial {
  position: initial; }

.p-inherit {
  position: inherit; }

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden; }

.o-visible {
  overflow: visible; }

.o-auto {
  overflow: auto; }

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important; }

.img-h-10 {
  height: 10px !important; }

.img-20 {
  width: 20px !important; }

.img-h-20 {
  height: 20px !important; }

.img-30 {
  width: 30px !important; }

.img-h-30 {
  height: 30px !important; }

.img-40 {
  width: 40px !important; }

.img-h-40 {
  height: 40px !important; }

.img-50 {
  width: 50px !important; }

.img-h-50 {
  height: 50px !important; }

.img-60 {
  width: 60px !important; }

.img-h-60 {
  height: 60px !important; }

.img-70 {
  width: 70px !important; }

.img-h-70 {
  height: 70px !important; }

.img-80 {
  width: 80px !important; }

.img-h-80 {
  height: 80px !important; }

.img-90 {
  width: 90px !important; }

.img-h-90 {
  height: 90px !important; }

.img-100 {
  width: 100px !important; }

.img-h-100 {
  height: 100px !important; }

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important; }

.font-secondary {
  color: #FE6A49 !important; }

.font-success {
  color: #00AC46 !important; }

.font-danger {
  color: #FE6A49 !important; }

.font-info {
  color: #173878 !important; }

.font-light {
  color: #E6E9EB !important; }

.font-dark {
  color: #2c323f !important; }

.font-warning {
  color: #FFAE1A !important; }

.font-primary {
  color: var(--theme-deafult) !important; }

.font-secondary {
  color: var(--theme-secondary) !important; }

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize; }

.label-theme {
  background-color: #006666; }

.label-primary {
  background-color: #006666; }

.label-secondary {
  background-color: #FE6A49; }

.label-success {
  background-color: #00AC46; }

.label-danger {
  background-color: #FE6A49; }

.label-info {
  background-color: #173878; }

.label-light {
  background-color: #E6E9EB; }

.label-dark {
  background-color: #2c323f; }

.label-warning {
  background-color: #FFAE1A; }

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666; }

.badge-secondary {
  background-color: #FE6A49; }

.badge-success {
  background-color: #00AC46; }

.badge-danger {
  background-color: #FE6A49; }

.badge-info {
  background-color: #173878; }

.badge-light {
  background-color: #E6E9EB; }

.badge-dark {
  background-color: #2c323f; }

.badge-warning {
  background-color: #FFAE1A; }

.badge-primary {
  background-color: var(--theme-deafult) !important; }

.badge-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff; }

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff; }

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important; }

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-success {
  background-color: #00AC46 !important;
  color: #fff; }

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff; }

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important; }

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-info {
  background-color: #173878 !important;
  color: #fff; }

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff; }

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important; }

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff; }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff; }

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important; }

.bg-dark {
  background-color: #2c323f !important;
  color: #fff; }

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff; }

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important; }

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff; }

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff; }

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important; }

.bg-primary {
  background-color: var(--theme-deafult) !important; }

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6); }

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important; }

.txt-secondary {
  color: #FE6A49 !important; }

.txt-success {
  color: #00AC46 !important; }

.txt-danger {
  color: #FE6A49 !important; }

.txt-info {
  color: #173878 !important; }

.txt-light {
  color: #E6E9EB !important; }

.txt-dark {
  color: #2c323f !important; }

.txt-warning {
  color: #FFAE1A !important; }

.txt-google-plus {
  color: #c64e40 !important; }

.txt-twitter {
  color: #6fa2d8 !important; }

.txt-linkedin {
  color: #0077B5 !important; }

.txt-fb {
  color: #50598e !important; }

.txt-primary {
  color: var(--theme-deafult) !important; }

.txt-secondary {
  color: var(--theme-secondary) !important; }

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@keyframes push {
  50% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #006666 !important;
    border-color: #006666 !important; }
  .btn-primary:focus {
    box-shadow: unset !important; }

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-secondary:focus {
    box-shadow: unset !important; }

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }
  .btn-success:focus {
    box-shadow: unset !important; }

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-danger:focus {
    box-shadow: unset !important; }

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #173878 !important;
    border-color: #173878 !important; }
  .btn-info:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }
  .btn-light:focus {
    box-shadow: unset !important; }

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #2c323f !important;
    border-color: #2c323f !important; }
  .btn-dark:focus {
    box-shadow: unset !important; }

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }
  .btn-warning:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important; }
  .btn-light:hover {
    background-color: rgba(0, 102, 102, 0.1) !important;
    border-color: rgba(0, 102, 102, 0.1) !important; }

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important; }

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important; }

.btn-hover-effect:hover {
  animation: push 0.5s linear 1; }

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent; }
  .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-check {
  color: #006666 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #006666 !important; }
    .btn-check:checked + .btn-outline-primary {
      color: white !important;
      background-color: #006666 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-primary {
    border-color: #006666 !important;
    color: #006666 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-primary.disabled {
      color: #006666; }
    .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
      color: white !important;
      background-color: #006666 !important;
      border-color: #006666 !important;
      box-shadow: none !important; }

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary.disabled {
    color: #006666;
    border-color: #006666; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-secondary {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-secondary {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-secondary.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #00AC46 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #00AC46 !important; }
    .btn-check:checked + .btn-outline-success {
      color: white !important;
      background-color: #00AC46 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-success.disabled {
      color: #00AC46; }
    .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
      color: white !important;
      background-color: #00AC46 !important;
      border-color: #00AC46 !important;
      box-shadow: none !important; }

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success.disabled {
    color: #00AC46;
    border-color: #00AC46; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-danger {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-danger.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #173878 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #173878 !important; }
    .btn-check:checked + .btn-outline-info {
      color: white !important;
      background-color: #173878 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-info {
    border-color: #173878 !important;
    color: #173878 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-info.disabled {
      color: #173878; }
    .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
      color: white !important;
      background-color: #173878 !important;
      border-color: #173878 !important;
      box-shadow: none !important; }

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info.disabled {
    color: #173878;
    border-color: #173878; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: #fff !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #E6E9EB !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #E6E9EB !important; }
    .btn-check:checked + .btn-outline-light {
      color: white !important;
      background-color: #E6E9EB !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-light {
    border-color: #E6E9EB !important;
    color: #E6E9EB !important;
    background-color: transparent;
    color: #051A1A; }
    .btn-check + .btn-outline-light.disabled {
      color: #E6E9EB; }
    .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
      color: white !important;
      background-color: #E6E9EB !important;
      border-color: #E6E9EB !important;
      box-shadow: none !important; }

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A; }
  .btn-outline-light.disabled {
    color: #E6E9EB;
    border-color: #E6E9EB; }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: #fff !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: unset !important; }

.btn-check {
  color: #2c323f !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #2c323f !important; }
    .btn-check:checked + .btn-outline-dark {
      color: white !important;
      background-color: #2c323f !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-dark {
    border-color: #2c323f !important;
    color: #2c323f !important;
    background-color: transparent; }
    .btn-check + .btn-outline-dark.disabled {
      color: #2c323f; }
    .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
      color: white !important;
      background-color: #2c323f !important;
      border-color: #2c323f !important;
      box-shadow: none !important; }

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark.disabled {
    color: #2c323f;
    border-color: #2c323f; }
  .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FFAE1A !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FFAE1A !important; }
    .btn-check:checked + .btn-outline-warning {
      color: white !important;
      background-color: #FFAE1A !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important;
    background-color: transparent; }
    .btn-check + .btn-outline-warning.disabled {
      color: #FFAE1A; }
    .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
      color: white !important;
      background-color: #FFAE1A !important;
      border-color: #FFAE1A !important;
      box-shadow: none !important; }

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning.disabled {
    color: #FFAE1A;
    border-color: #FFAE1A; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: unset !important; }

.btn-primary.active:not([disabled]):not(.disabled) {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  box-shadow: none !important; }
  .btn-primary.active:not([disabled]):not(.disabled):hover, .btn-primary.active:not([disabled]):not(.disabled):focus, .btn-primary.active:not([disabled]):not(.disabled):active, .btn-primary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #003333;
    border-color: #003333; }

.btn-secondary.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-secondary.active:not([disabled]):not(.disabled):hover, .btn-secondary.active:not([disabled]):not(.disabled):focus, .btn-secondary.active:not([disabled]):not(.disabled):active, .btn-secondary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-success.active:not([disabled]):not(.disabled) {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  box-shadow: none !important; }
  .btn-success.active:not([disabled]):not(.disabled):hover, .btn-success.active:not([disabled]):not(.disabled):focus, .btn-success.active:not([disabled]):not(.disabled):active, .btn-success.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #007931;
    border-color: #007931; }

.btn-danger.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-danger.active:not([disabled]):not(.disabled):hover, .btn-danger.active:not([disabled]):not(.disabled):focus, .btn-danger.active:not([disabled]):not(.disabled):active, .btn-danger.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-info.active:not([disabled]):not(.disabled) {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  box-shadow: none !important; }
  .btn-info.active:not([disabled]):not(.disabled):hover, .btn-info.active:not([disabled]):not(.disabled):focus, .btn-info.active:not([disabled]):not(.disabled):active, .btn-info.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #0f244d;
    border-color: #0f244d; }

.btn-light.active:not([disabled]):not(.disabled) {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  box-shadow: none !important; }
  .btn-light.active:not([disabled]):not(.disabled):hover, .btn-light.active:not([disabled]):not(.disabled):focus, .btn-light.active:not([disabled]):not(.disabled):active, .btn-light.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #cad0d4;
    border-color: #cad0d4; }

.btn-dark.active:not([disabled]):not(.disabled) {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  box-shadow: none !important; }
  .btn-dark.active:not([disabled]):not(.disabled):hover, .btn-dark.active:not([disabled]):not(.disabled):focus, .btn-dark.active:not([disabled]):not(.disabled):active, .btn-dark.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #171a21;
    border-color: #171a21; }

.btn-warning.active:not([disabled]):not(.disabled) {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  box-shadow: none !important; }
  .btn-warning.active:not([disabled]):not(.disabled):hover, .btn-warning.active:not([disabled]):not(.disabled):focus, .btn-warning.active:not([disabled]):not(.disabled):active, .btn-warning.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #e69500;
    border-color: #e69500; }

.btn-outline-primary-2x.active:not([disabled]):not(.disabled) {
  background-color: #006666;
  border-color: #006666;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-primary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-primary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #006666 !important;
    border-color: #006666 !important; }

.btn-outline-secondary-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-secondary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-success-2x.active:not([disabled]):not(.disabled) {
  background-color: #00AC46;
  border-color: #00AC46;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-success-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-success-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-success-2x.active:not([disabled]):not(.disabled):active, .btn-outline-success-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }

.btn-outline-danger-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-danger-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):active, .btn-outline-danger-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-info-2x.active:not([disabled]):not(.disabled) {
  background-color: #173878;
  border-color: #173878;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-info-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-info-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-info-2x.active:not([disabled]):not(.disabled):active, .btn-outline-info-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #173878 !important;
    border-color: #173878 !important; }

.btn-outline-light-2x.active:not([disabled]):not(.disabled) {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-light-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-light-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-light-2x.active:not([disabled]):not(.disabled):active, .btn-outline-light-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }

.btn-outline-dark-2x.active:not([disabled]):not(.disabled) {
  background-color: #2c323f;
  border-color: #2c323f;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-dark-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):active, .btn-outline-dark-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important; }

.btn-outline-warning-2x.active:not([disabled]):not(.disabled) {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-warning-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):active, .btn-outline-warning-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important; }

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important; }

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important; }

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important; }

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important; }

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important; }

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666; }
  .table-styling .table-primary thead,
  .table-styling.table-primary thead {
    background-color: #003333;
    border: 3px solid #003333; }
  .table-styling .table-primary th,
  .table-styling .table-primary td,
  .table-styling.table-primary th,
  .table-styling.table-primary td {
    background-color: transparent; }

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-secondary thead,
  .table-styling.table-secondary thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-secondary th,
  .table-styling .table-secondary td,
  .table-styling.table-secondary th,
  .table-styling.table-secondary td {
    background-color: transparent; }

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46; }
  .table-styling .table-success thead,
  .table-styling.table-success thead {
    background-color: #007931;
    border: 3px solid #007931; }
  .table-styling .table-success th,
  .table-styling .table-success td,
  .table-styling.table-success th,
  .table-styling.table-success td {
    background-color: transparent; }

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-danger thead,
  .table-styling.table-danger thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-danger th,
  .table-styling .table-danger td,
  .table-styling.table-danger th,
  .table-styling.table-danger td {
    background-color: transparent; }

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878; }
  .table-styling .table-info thead,
  .table-styling.table-info thead {
    background-color: #0f244d;
    border: 3px solid #0f244d; }
  .table-styling .table-info th,
  .table-styling .table-info td,
  .table-styling.table-info th,
  .table-styling.table-info td {
    background-color: transparent; }

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB; }
  .table-styling .table-light thead,
  .table-styling.table-light thead {
    background-color: #cad0d4;
    border: 3px solid #cad0d4; }
  .table-styling .table-light th,
  .table-styling .table-light td,
  .table-styling.table-light th,
  .table-styling.table-light td {
    background-color: transparent; }

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f; }
  .table-styling .table-dark thead,
  .table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21; }
  .table-styling .table-dark th,
  .table-styling .table-dark td,
  .table-styling.table-dark th,
  .table-styling.table-dark td {
    background-color: transparent; }

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A; }
  .table-styling .table-warning thead,
  .table-styling.table-warning thead {
    background-color: #e69500;
    border: 3px solid #e69500; }
  .table-styling .table-warning th,
  .table-styling .table-warning td,
  .table-styling.table-warning th,
  .table-styling.table-warning td {
    background-color: transparent; }

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important; }

.stroke-secondary {
  stroke: #FE6A49 !important; }

.stroke-success {
  stroke: #00AC46 !important; }

.stroke-danger {
  stroke: #FE6A49 !important; }

.stroke-info {
  stroke: #173878 !important; }

.stroke-light {
  stroke: #E6E9EB !important; }

.stroke-dark {
  stroke: #2c323f !important; }

.stroke-warning {
  stroke: #FFAE1A !important; }

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878; }

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important; }

.b-t-primary {
  border-top: 1px solid #006666 !important; }

.border-t-primary {
  border-top: 1px solid #006666 !important; }

.b-b-primary {
  border-bottom: 1px solid #006666 !important; }

.border-b-primary {
  border-bottom: 1px solid #006666 !important; }

.b-l-primary {
  border-left: 1px solid #006666 !important; }

.border-l-primary {
  border-left: 1px solid #006666 !important; }

.b-r-primary {
  border-right: 1px solid #006666 !important; }

.border-r-primary {
  border-right: 1px solid #006666 !important; }

.b-secondary {
  border: 1px solid #FE6A49 !important; }

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.b-success {
  border: 1px solid #00AC46 !important; }

.b-t-success {
  border-top: 1px solid #00AC46 !important; }

.border-t-success {
  border-top: 1px solid #00AC46 !important; }

.b-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.border-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.b-l-success {
  border-left: 1px solid #00AC46 !important; }

.border-l-success {
  border-left: 1px solid #00AC46 !important; }

.b-r-success {
  border-right: 1px solid #00AC46 !important; }

.border-r-success {
  border-right: 1px solid #00AC46 !important; }

.b-danger {
  border: 1px solid #FE6A49 !important; }

.b-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.border-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.border-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.b-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.border-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.b-info {
  border: 1px solid #173878 !important; }

.b-t-info {
  border-top: 1px solid #173878 !important; }

.border-t-info {
  border-top: 1px solid #173878 !important; }

.b-b-info {
  border-bottom: 1px solid #173878 !important; }

.border-b-info {
  border-bottom: 1px solid #173878 !important; }

.b-l-info {
  border-left: 1px solid #173878 !important; }

.border-l-info {
  border-left: 1px solid #173878 !important; }

.b-r-info {
  border-right: 1px solid #173878 !important; }

.border-r-info {
  border-right: 1px solid #173878 !important; }

.b-light {
  border: 1px solid #E6E9EB !important; }

.b-t-light {
  border-top: 1px solid #E6E9EB !important; }

.border-t-light {
  border-top: 1px solid #E6E9EB !important; }

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.b-l-light {
  border-left: 1px solid #E6E9EB !important; }

.border-l-light {
  border-left: 1px solid #E6E9EB !important; }

.b-r-light {
  border-right: 1px solid #E6E9EB !important; }

.border-r-light {
  border-right: 1px solid #E6E9EB !important; }

.b-dark {
  border: 1px solid #2c323f !important; }

.b-t-dark {
  border-top: 1px solid #2c323f !important; }

.border-t-dark {
  border-top: 1px solid #2c323f !important; }

.b-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.border-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.b-l-dark {
  border-left: 1px solid #2c323f !important; }

.border-l-dark {
  border-left: 1px solid #2c323f !important; }

.b-r-dark {
  border-right: 1px solid #2c323f !important; }

.border-r-dark {
  border-right: 1px solid #2c323f !important; }

.b-warning {
  border: 1px solid #FFAE1A !important; }

.b-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.border-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.b-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.border-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.b-r-warning {
  border-right: 1px solid #FFAE1A !important; }

.border-r-warning {
  border-right: 1px solid #FFAE1A !important; }

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-6 {
  border-width: 6px !important; }

.border-7 {
  border-width: 7px !important; }

.border-8 {
  border-width: 8px !important; }

.border-9 {
  border-width: 9px !important; }

.border-10 {
  border-width: 10px !important; }

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px; }

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa; }

.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px; }

.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3); }

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f; }
  .line pre {
    font-size: 100%; }

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important; }

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .options > div {
    color: #86909C;
    padding: 2px 10px;
    border: 1px solid; }
    .options > div:hover {
      background-color: #006666;
      color: #fff;
      transition: background-color 0.3s ease; }

/**====== Animation css Ends ======**/
.modal-footer {
  flex-wrap: wrap; }

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0; }

.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0; }

.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px; }

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666; }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #006666 !important; }

.typeahead .theme-form .form-group {
  margin-bottom: 0; }

.primary .svg-fill {
  fill: var(--theme-deafult); }
  .primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-deafult); }

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important; }

.secondary .svg-fill {
  fill: var(--theme-secondary); }
  .secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary); }

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important; }

.success .svg-fill {
  fill: #00AC46; }

.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important; }

.warning .svg-fill {
  fill: #FFAE1A; }

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important; }

.dotted {
  border-style: dotted; }

.dashed {
  border-style: dashed; }

.double {
  border-style: double; }

.groove {
  border-style: groove; }

.ridge {
  border-style: ridge; }

.inset {
  border-style: inset; }

.outset {
  border-style: outset; }

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px; }
  75% {
    opacity: .6;
    top: 0; }
  100% {
    opacity: 1; } }

.code-box-copy {
  width: 100%;
  overflow: auto; }

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%; }
  .custom-rs-12 {
    width: 100%; } }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px; }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none; }

.bg-gray {
  background-color: var(--text-gray); }

.text-gray {
  color: var(--text-gray) !important; }

.common-flex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

.common-space {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2); }

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3); }

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important; }

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important; }

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666; }

.badge-light-secondary {
  background-color: white;
  color: #FE6A49; }

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46; }

.badge-light-danger {
  background-color: white;
  color: #FE6A49; }

.badge-light-info {
  background-color: #6e96e3;
  color: #173878; }

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c; }

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f; }

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A; }

.fc .fc-button-primary.fc-button-active:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult), 0.2) !important; }

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%;
      margin-left: 0px; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .invoice-table-data {
    background-color: #f9f9fa; }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

/**=====================
    1.1 Reset CSS Ends
==========================**/
body.dark-only {
  --bs-heading-color: rgb(255, 255, 255);
  color: rgba(255, 255, 255, 0.6);
  background-color: #1A1C23; }
  body.dark-only.modal-open {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23; }
    body.dark-only.modal-open h1,
    body.dark-only.modal-open h2,
    body.dark-only.modal-open h3,
    body.dark-only.modal-open h4,
    body.dark-only.modal-open h5,
    body.dark-only.modal-open h6 {
      color: #fff; }
    body.dark-only.modal-open span {
      color: rgba(255, 255, 255, 0.7); }
    body.dark-only.modal-open p {
      color: rgba(255, 255, 255, 0.7); }
  body.dark-only span {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .txt-primary {
    color: #006666 !important; }
  body.dark-only .txt-secondary {
    color: #FE6A49 !important; }
  body.dark-only .txt-success {
    color: #00AC46 !important; }
  body.dark-only .txt-danger {
    color: #FE6A49 !important; }
  body.dark-only .txt-info {
    color: #173878 !important; }
  body.dark-only .txt-light {
    color: #E6E9EB !important; }
  body.dark-only .txt-dark {
    color: #2c323f !important; }
  body.dark-only .txt-warning {
    color: #FFAE1A !important; }
  body.dark-only .txt-google-plus {
    color: #c64e40 !important; }
  body.dark-only .txt-twitter {
    color: #6fa2d8 !important; }
  body.dark-only .txt-linkedin {
    color: #0077B5 !important; }
  body.dark-only .txt-fb {
    color: #50598e !important; }
  body.dark-only .txt-primary {
    color: var(--theme-deafult) !important; }
  body.dark-only .txt-secondary {
    color: var(--theme-secondary) !important; }
  body.dark-only .accordion-button.accordion-light-primary:not(.collapsed) {
    background-color: rgba(0, 102, 102, 0.2); }
  body.dark-only .accordion-button.accordion-light-primary:active, body.dark-only .accordion-button.accordion-light-primary.active {
    background-color: rgba(0, 102, 102, 0.2);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-secondary:not(.collapsed) {
    background-color: rgba(254, 106, 73, 0.3); }
  body.dark-only .accordion-button.accordion-light-secondary:active, body.dark-only .accordion-button.accordion-light-secondary.active {
    background-color: rgba(254, 106, 73, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-success:not(.collapsed) {
    background-color: rgba(0, 172, 70, 0.3); }
  body.dark-only .accordion-button.accordion-light-success:active, body.dark-only .accordion-button.accordion-light-success.active {
    background-color: rgba(0, 172, 70, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-warning:not(.collapsed) {
    background-color: rgba(255, 174, 26, 0.3); }
  body.dark-only .accordion-button.accordion-light-warning:active, body.dark-only .accordion-button.accordion-light-warning.active {
    background-color: rgba(255, 174, 26, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-info:not(.collapsed) {
    background-color: rgba(23, 56, 120, 0.3); }
  body.dark-only .accordion-button.accordion-light-info:active, body.dark-only .accordion-button.accordion-light-info.active {
    background-color: rgba(23, 56, 120, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-light:not(.collapsed) {
    background-color: #F9F9FB; }
  body.dark-only .accordion-button.accordion-light-light:active, body.dark-only .accordion-button.accordion-light-light.active {
    background-color: #F9F9FB;
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-danger:not(.collapsed) {
    background-color: rgba(254, 106, 73, 0.3); }
  body.dark-only .accordion-button.accordion-light-danger:active, body.dark-only .accordion-button.accordion-light-danger.active {
    background-color: rgba(254, 106, 73, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-dark:not(.collapsed) {
    background-color: #EAEBF2; }
  body.dark-only .accordion-button.accordion-light-dark:active, body.dark-only .accordion-button.accordion-light-dark.active {
    background-color: #EAEBF2;
    color: #000;
    border: none; }
  body.dark-only .list-product-header .collapse .list-product-body {
    border: unset !important; }
  body.dark-only .card {
    --bs-card-title-color: var(--body-font-color);
    --bs-card-subtitle-color: var(--body-font-color);
    --bs-card-cap-color: var(--body-font-color);
    --bs-card-color: var(--body-font-color);
    --bs-body-color: var(--body-font-color);
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .breadcrumb {
    --bs-breadcrumb-bg: transparent; }
  body.dark-only .toast {
    --bs-toast-color: var(--body-font-color); }
  body.dark-only .modal {
    --bs-modal-color: rgba(255, 255, 255, 0.2);
    --bs-modal-footer-bg: $dark-card-background; }
  body.dark-only .accordion-flush .accordion-item .accordion-header button {
    background-color: rgba(0, 172, 70, 0.3) !important; }
  body.dark-only .moon {
    stroke: var(--body-font-color); }
  body.dark-only .radio label::before {
    background-color: #1A1C23; }
  body.dark-only .support-custom-table table.dataTable {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .support-custom-table table.dataTable thead th,
    body.dark-only .support-custom-table table.dataTable thead td {
      border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .support-custom-table table.dataTable tbody td {
      border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .support-custom-table .dataTables_wrapper .dataTables_paginate {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .list-product .datatable-sorter::before {
    border-top: 4px solid rgba(255, 255, 255, 0.5) !important; }
  body.dark-only .list-product .datatable-sorter::after {
    border-bottom: 4px solid rgba(255, 255, 255, 0.5) !important; }
  body.dark-only .onhover-dropdown.notification-down::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .nav-right > ul > li:nth-child(n+3):not(:last-child body.dark-only .nav-right > ul > li.profile-nav:nth-child(n+3)) {
    background-color: #22242B !important; }
  body.dark-only .nav-right > ul > li:nth-child(2) {
    background-color: #22242B !important; }
  body.dark-only .nav-right .nav-menus li.profile-nav ul li {
    background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .bookmark-flip .flip-card .bookmark-dropdown li:nth-child(2) {
    background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .bookmark-flip .flip-card .back ul li:nth-child(2) {
    background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .input-icon input {
    background-color: #22242B;
    border: none;
    color: #fff; }
  body.dark-only .nav-right .nav-menus li .user-name svg {
    filter: invert(1); }
  body.dark-only .nav-right .nav-menus li .profile-media .media-body span {
    color: #fff; }
  body.dark-only .email-right-aside .email-read .mail-header1 svg {
    stroke: rgba(255, 255, 255, 0.7); }
  body.dark-only .customers ul li:last-child p {
    color: rgba(255, 255, 255, 0.2) !important;
    border: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .invoice-text span {
    color: #006666; }
  body.dark-only .invoice-table-data {
    background-color: #22242B !important; }
  body.dark-only .form-control {
    background-color: #22242B !important;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only input::placeholder {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .text-muted {
    color: rgba(255, 255, 255, 0.7) !important; }
  body.dark-only .total-chart .data-grow span {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .payment-second .mega-icons .stroke-dark {
    filter: invert(3); }
  body.dark-only .breadcrumb-item.active {
    color: rgba(255, 255, 255, 0.7) !important; }
  body.dark-only .breadcrumb-item + .breadcrumb-item:before {
    color: rgba(255, 255, 255, 0.7) !important; }
  body.dark-only .sale-history-card .history-price a {
    color: #fff; }
  body.dark-only .radius-wrapper {
    background-color: #1A1C23 !important; }
  body.dark-only .product-costing {
    border-color: rgba(230, 233, 235, 0.1);
    color: #fff; }
  body.dark-only .sale-history-card {
    border-color: rgba(230, 233, 235, 0.1); }
  body.dark-only .table-order table thead {
    background-color: rgba(230, 233, 235, 0.07); }
  body.dark-only .table-order table tbody tr {
    border-bottom: 1px solid rgba(230, 233, 235, 0.1) !important; }
    body.dark-only .table-order table tbody tr td a {
      color: #fff !important; }
    body.dark-only .table-order table tbody tr td .dropdown svg {
      filter: invert(1); }
    body.dark-only .table-order table tbody tr:hover td a {
      color: var(--theme-deafult) !important; }
    body.dark-only .table-order table tbody tr:last-child {
      border-bottom: none !important; }
      body.dark-only .table-order table tbody tr:last-child td {
        border-bottom: none !important; }
  body.dark-only .new-product .product-cost .product-icon:last-child svg {
    filter: invert(1); }
  body.dark-only .revenuegrowth .revenuegrowth-chart::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .revenuegrowth-details .growth-details {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .add-project-link .categories-content a {
    color: #fff; }
  body.dark-only .activity-group::before {
    border-left: 1px dashed rgba(255, 255, 255, 0.1); }
  body.dark-only .email-general h6 {
    color: #fff; }
  body.dark-only .tranaction-table thead {
    background-color: rgba(230, 233, 235, 0.07); }
  body.dark-only .card .card-footer .common-space a {
    color: #fff; }
  body.dark-only .card .card-footer .common-space:hover a {
    color: var(--theme-deafult); }
  body.dark-only .card .card-footer .common-space .visited-dropdown {
    border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .card .card-footer .common-space .visited-dropdown svg {
      filter: invert(1); }
  body.dark-only .today-work-table .today-working-table tbody tr td a {
    color: #fff !important; }
  body.dark-only .today-work-table .today-working-table tbody tr:hover td a {
    color: #006666 !important; }
  body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .add-project .categories-content a {
    color: #fff; }
  body.dark-only .activity-log h6 a {
    color: #fff; }
  body.dark-only span.dayName {
    color: #006666 !important; }
  body.dark-only .fc-scrollgrid-sync-inner a.fc-col-header-cell-cushion {
    color: #006666 !important; }
  body.dark-only .badge-light {
    background-color: #1A1C23;
    color: #fff !important; }
  body.dark-only .apexcharts-canvas .apexcharts-svg .apexcharts-inner .apexcharts-grid-borders line {
    stroke: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .apexcharts-canvas .apexcharts-svg .apexcharts-inner .apexcharts-grid .apexcharts-gridlines-horizontal line {
    stroke: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .timeline-calendar .custom-calendar .time-line .fc-scrollgrid table thead tr {
    background-color: #1A1C23; }
  body.dark-only .activity-log-card ul li div .username {
    color: #fff; }
  body.dark-only .product-box .product-details h4 {
    color: #fff; }
  body.dark-only .product-box .product-details p {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .bookmark-wrap .left-bookmark ul li button {
    color: #fff !important; }
  body.dark-only .balance-profile h5 {
    color: #fff; }
  body.dark-only .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button {
    background: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button span {
      color: #fff; }
  body.dark-only .common-space .header-top .btn:hover i {
    color: #fff !important; }
  body.dark-only .activity-table table tbody tr td .team-activity .activity-data a {
    color: #fff !important; }
  body.dark-only .activity-table table tbody tr td .team-activity .activity-data .user-activity::before {
    background-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .activity-table table tbody tr td .team-activity .activity-data .common-space:before {
    background-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .activity-table table tbody tr td .team-activity:hover a {
    color: var(--theme-deafult) !important; }
  body.dark-only .left-header .welcome-content span {
    color: var(--body-font-color); }
  body.dark-only .dropdown-menu .input-group {
    background-color: #1A1C23;
    opacity: 1; }
  body.dark-only .dropdown-menu .dropdown-item {
    background-color: #1A1C23;
    opacity: 1;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important; }
  body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: #1A1C23;
    color: #fff; }
  body.dark-only .activity-log-card ul::before {
    border-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .dropdown-basic .dropdown .dropdown-content {
    background-color: #1A1C23;
    z-index: 2; }
    body.dark-only .dropdown-basic .dropdown .dropdown-content a {
      background-color: #1A1C23;
      color: #fff;
      border-color: rgba(255, 255, 255, 0.1); }
      body.dark-only .dropdown-basic .dropdown .dropdown-content a:hover {
        background-color: #22242B !important; }
  body.dark-only .projectlist-card {
    border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .projectlist-card .project-data a {
      color: #fff; }
  body.dark-only .new-user ul li {
    border-color: rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .new-user ul li a {
      color: #fff !important; }
    body.dark-only .new-user ul li:hover a {
      color: var(--theme-deafult) !important; }
    body.dark-only .new-user ul li .product-sub .invoice-icon {
      filter: invert(1); }
  body.dark-only .top-product-card ul li a {
    color: #fff !important; }
  body.dark-only .top-product-card ul li:hover a {
    color: var(--theme-deafult) !important; }
  body.dark-only .top-product-card ul li.top-product {
    border-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .top-product-card ul li .product-items span {
    color: #fff !important; }
  body.dark-only .deliveries-percentage table tbody tr td a {
    color: #fff; }
  body.dark-only .project-meeting-details {
    border-top: rgba(255, 255, 255, 0.1); }
    body.dark-only .project-meeting-details .project-meeting-time a {
      color: #fff; }
  body.dark-only .client-list-table table tbody tr td a {
    color: #fff !important; }
  body.dark-only .client-list-table table tbody tr td .user-id::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .client-list-table table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }
  body.dark-only .project-table .order-table thead {
    background-color: rgba(230, 233, 235, 0.07); }
  body.dark-only .project-table .order-table tbody tr td a {
    color: #fff; }
  body.dark-only .project-table .order-table tbody tr td .product-sub .dropdown svg {
    filter: invert(1); }
  body.dark-only .project-table .order-table tbody tr:hover td a {
    color: #fff; }
  body.dark-only .user-message li {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .user-message svg {
    filter: invert(1); }
  body.dark-only .apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1A1C23; }
  body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button {
    border-color: rgba(255, 255, 255, 0.2) !important; }
  body.dark-only table.fixedHeader-locked {
    background: #1A1C23; }
  body.dark-only .apexcharts-tooltip-series-group {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .apexcharts-yaxistooltip,
  body.dark-only .apexcharts-xaxistooltip {
    color: rgba(255, 255, 255, 0.6);
    background: #1A1C23;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-yaxistooltip-left::before, body.dark-only .apexcharts-yaxistooltip-left::after {
    border-left-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-xaxistooltip-bottom::before, body.dark-only .apexcharts-xaxistooltip-bottom::after {
    border-bottom-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .bottom-content .apexcharts-canvas span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .apexcharts-canvas .apexcharts-tooltip {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
      margin-bottom: 0; }
    body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .apexcharts-canvas .apexcharts-yaxis text {
    fill: #98a6ad; }
  body.dark-only .apexcharts-xaxistooltip {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-xaxistooltip-bottom:after {
    border-bottom-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1A1C23; }
    body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text {
      color: #98a6ad; }
    body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
      background: #22242B;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      color: #98a6ad; }
  body.dark-only .apexcharts-yaxis text {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .theme-form input[type=text] {
    background-color: #1A1C23 !important;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .theme-form input[type=num], body.dark-only input[type=select], body.dark-only input[type=date] {
    background-color: #1A1C23 !important;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .theme-form textarea {
    background-color: #1A1C23; }
  body.dark-only .page-body .bg-light {
    background-color: #1A1C23 !important; }
  body.dark-only .wizard-4 .step-container {
    background-color: #22242B;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .wizard-4 .login-card .login-main {
    background-color: #1A1C23; }
  body.dark-only .total-balance {
    background-blend-mode: overlay; }
  body.dark-only .icon-state .switch-state:after {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .social-widget .social-icons {
    box-shadow: 0px 42.1092px 27.8569px #1A1C23, 0px 8.90772px 7.12618px #1A1C23, 0px 2.02448px 3.44162px #1A1C23; }
  body.dark-only .calendar-basic .md-sidebar-aside {
    background: #22242B; }
  body.dark-only .calendar-basic #external-events {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .calendar-basic .calendar-default .fc .fc-daygrid-day-number,
  body.dark-only .calendar-basic .calendar-default .fc .fc-col-header-cell-cushion {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .clockpicker-popover .popover-title {
    background-color: #22242B; }
  body.dark-only .clockpicker-popover.bottom > .arrow {
    border-bottom-color: #1A1C23; }
    body.dark-only .clockpicker-popover.bottom > .arrow:after {
      border-bottom-color: #22242B; }
  body.dark-only .clockpicker-popover.top > .arrow {
    border-top-color: #1A1C23; }
    body.dark-only .clockpicker-popover.top > .arrow::after {
      border-top-color: #22242B; }
  body.dark-only .clockpicker-popover.left > .arrow {
    border-left-color: #1A1C23; }
    body.dark-only .clockpicker-popover.left > .arrow::after {
      border-left-color: #22242B; }
  body.dark-only .clockpicker-popover .popover-title {
    border-bottom-color: #22242B; }
  body.dark-only .fc-theme-standard .fc-scrollgrid,
  body.dark-only .fc-theme-standard .fc-list {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .fc-theme-standard .fc-list-day-cushion {
    background-color: #1A1C23; }
  body.dark-only .fc .fc-list-event:hover td {
    background-color: #1A1C23; }
  body.dark-only .view-container .apexcharts-canvas .apexcharts-point-annotations circle {
    outline: 25px solid #3e3d7259; }
  body.dark-only .currency-widget div[class*=bg-light-] {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .btn.badge-light-primary:hover {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .portfolio-chart-container .apexcharts-canvas .apexcharts-radialbar image {
    display: none; }
  body.dark-only svg.f-light {
    fill: rgba(255, 255, 255, 0.6);
    opacity: 1; }
  body.dark-only .course-widget .btn-light {
    background-color: #1A1C23 !important; }
  body.dark-only .schedule-list > li {
    box-shadow: 4px 7px 17px 5px rgba(26, 28, 35, 0.2); }
  body.dark-only .upcoming-event-wrap .apexcharts-canvas .apexcharts-data-labels rect {
    fill: none;
    stroke: none; }
  body.dark-only .page-wrapper.advance-layout .page-header {
    background: #22242B; }
  body.dark-only .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper.only-body {
    background: #1A1C23; }
  body.dark-only .balance-card .svg-box {
    background: #22242B;
    box-shadow: none; }
    body.dark-only .balance-card .svg-box svg {
      fill: rgba(255, 255, 255, 0.6); }
  body.dark-only .f-light {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: #22242B;
    color: #fff; }
  body.dark-only .card {
    background-color: #22242B; }
  body.dark-only .ecommerce-widget {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .btn-light {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .form-select {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .add-project .text-inherit {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .knowledgebase-search {
    color: #051A1A; }
    body.dark-only .knowledgebase-search h3 {
      color: #051A1A; }
    body.dark-only .knowledgebase-search .form-control-plaintext {
      color: #051A1A; }
  body.dark-only .toast {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .toast .toast-header {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .toast .toast-dark {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .btn-close {
    filter: brightness(0.8) invert(1); }
  body.dark-only .prooduct-details-box .media {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .product-price del {
    color: #98a6ad; }
  body.dark-only .ProfileCard {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .form-control-plaintext {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .form-select {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only .box-layout {
    background-color: #1A1C23; }
    body.dark-only .box-layout .page-wrapper .page-header .header-wrapper, body.dark-only .box-layout.page-wrapper .page-header .header-wrapper {
      border: 1px solid #1A1C23; }
  body.dark-only .form-check-input {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .checkbox-wrapper li .form-check-input,
  body.dark-only .radio-wrapper li .form-check-input {
    background-color: transparent; }
  body.dark-only .switch-state:before {
    background-color: #22242B; }
  body.dark-only .tooltip.bs-tooltip-top .tooltip-arrow:before {
    border-top-color: #323846; }
  body.dark-only .tooltip.bs-tooltip-bottom .tooltip-arrow:before {
    border-bottom-color: #323846;
    border-top-color: transparent; }
  body.dark-only .tooltip.bs-tooltip-start .tooltip-arrow:before {
    border-left-color: #323846;
    border-top-color: transparent; }
  body.dark-only .tooltip.bs-tooltip-end .tooltip-arrow:before {
    border-right-color: #323846;
    border-top-color: transparent; }
  body.dark-only .tooltip .tooltip-inner {
    background-color: #323846;
    color: #fff; }
  body.dark-only .tooltip .tooltip-arrow:before {
    border-top-color: #323846; }
  body.dark-only .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6:first-child h6 {
    color: rgba(255, 255, 255, 0.5); }
  body.dark-only .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
    background-color: #22242B; }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
    color: #fff; }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
    background-color: #1A1C23 !important; }
    body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
      background-color: #1A1C23;
      border: 1px solid rgba(255, 255, 255, 0.1);
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:last-child {
      border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
    background-color: #1A1C23 !important; }
    body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
      stroke: rgba(255, 255, 255, 0.3); }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
    background-color: #22242B; }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
    color: rgba(255, 255, 255, 0.4);
    border-color: #1A1C23 !important;
    background-color: #1A1C23 !important; }
  body.dark-only .qty-box input {
    color: rgba(255, 255, 255, 0.5); }
  body.dark-only .customizer-contain {
    color: #1A1C23; }
    body.dark-only .customizer-contain .customizer-body .main-layout .box-layout {
      background-color: #fff; }
  body.dark-only .login-dark {
    background-color: #22242B;
    background-blend-mode: overlay; }
    body.dark-only .login-dark .login-main {
      background-color: #323846; }
  body.dark-only .login-card .btn-showcase .btn {
    background-color: #22242B !important;
    color: #fff;
    border-color: #22242B !important; }
  body.dark-only .login-card .login-main {
    box-shadow: 0 0 37px rgba(255, 255, 255, 0.05); }
    body.dark-only .login-card .login-main .theme-form input {
      background-color: #22242B !important; }
    body.dark-only .login-card .login-main .theme-form .or:before {
      background-color: #22242B; }
    body.dark-only .login-card .login-main .theme-form .checkbox label::before {
      background-color: #22242B !important;
      border-color: #22242B !important; }
  body.dark-only .H_ui ~ div {
    background-color: #1A1C23 !important; }
  body.dark-only .swal-icon--success:after,
  body.dark-only .swal-icon--success:before {
    background: #22242B; }
  body.dark-only .swal-icon--success__hide-corners {
    background-color: #22242B; }
  body.dark-only .note-editor.note-frame .note-status-output {
    border-top: 1px solid #22242B; }
  body.dark-only .note-editor.note-frame .note-statusbar {
    border-top: 1px solid #22242B; }
    body.dark-only .note-editor.note-frame .note-statusbar .note-resizebar {
      background-color: #22242B; }
  body.dark-only .light-font {
    color: white; }
  body.dark-only .page-link {
    background-color: #1A1C23;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .b-r-light {
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .history-details .media {
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .modal-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only #right-history {
    background-color: #22242B;
    box-shadow: 0 0 9px #1A1C23; }
    body.dark-only #right-history h6 span a {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .ProfileCard:hover {
    color: rgba(255, 255, 255, 0.6);
    background-color: #22242B; }
  body.dark-only .translate_wrapper.active .more_lang:before {
    border-bottom: 7px solid #22242B; }
  body.dark-only .translate_wrapper.active .more_lang .lang {
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .toggle-sidebar svg {
    stroke: #fff !important; }
  body.dark-only .toggle-sidebar:hover svg {
    color: #fff !important;
    stroke: #fff !important; }
  body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
    background: rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper .page-body-wrapper {
    background-color: #1A1C23; }
    body.dark-only .page-wrapper .page-body-wrapper .page-title {
      background-color: transparent;
      border-bottom: none;
      box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 40px; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
      stroke: #fff !important; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
      fill: rgba(255, 255, 255, 0.5);
      stroke: transparent; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
      stroke: #fff; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
      fill: var(--theme-deafult);
      stroke: transparent; }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg.stroke-icon {
      stroke: var(--theme-deafult); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
      background-color: rgba(0, 102, 102, 0.2); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
        color: var(--theme-deafult); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: var(--theme-deafult); }
  body.dark-only .page-wrapper.modern-type .page-body-wrapper .page-title {
    background-color: transparent;
    border: none; }
  body.dark-only .page-wrapper .sidebar-main-title p {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    background-color: #22242B; }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg {
      stroke: var(--theme-deafult); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
      background-color: rgba(255, 255, 255, 0.2); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
        color: #fff; }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: var(--theme-deafult); }
  body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    background: #22242B;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a {
      background-color: rgba(255, 255, 255, 0.3); }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a span {
        color: #fff !important; }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
      background: #22242B; }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
        color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active, body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
          color: var(--theme-deafult); }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
        background: #22242B; }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
      background: #22242B; }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
    background: #22242B; }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    stroke: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    background-color: #22242B; }
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
    background-color: rgba(0, 102, 102, 0.2); }
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
      color: var(--theme-deafult); }
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
      color: var(--theme-deafult);
      stroke: var(--theme-deafult); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400; }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
    background-color: rgba(255, 255, 255, 0.2); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-deafult); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.material-type .page-header .header-wrapper {
    border-radius: 15px 15px 0 0; }
  body.dark-only .page-wrapper.material-icon .page-header .header-wrapper {
    background-color: transparent; }
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
      color: #fff; }
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
      color: #fff; }
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
      border: 1px solid #1A1C23;
      background: #1A1C23;
      color: #fff; }
  body.dark-only .page-wrapper.material-icon .page-header .header-logo-wrapper {
    background-color: transparent; }
  body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-body {
    background-color: transparent; }
  body.dark-only .page-wrapper.advance-layout {
    background-color: #1A1C23; }
    body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper {
      background: transparent; }
      body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper .header-logo-wrapper {
        background: transparent; }
    body.dark-only .page-wrapper.advance-layout .page-body-wrapper {
      background: transparent; }
      body.dark-only .page-wrapper.advance-layout .page-body-wrapper .page-body {
        background: transparent; }
  body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-title {
    background-color: transparent;
    box-shadow: none;
    border: none; }
  body.dark-only .page-wrapper .page-header .header-wrapper .search-full {
    background-color: #22242B; }
    body.dark-only .page-wrapper .page-header .header-wrapper .search-full input {
      color: rgba(255, 255, 255, 0.6); }
  @media only screen and (min-width: 768px) {
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
      stroke: #fff; } }
  body.dark-only ::-webkit-calendar-picker-indicator {
    filter: invert(1); }
  body.dark-only .kanban-board-header {
    background-color: #1A1C23;
    border-bottom: 1px solid #22242B; }
  body.dark-only .kanban-board .kanban-drag {
    background: #1A1C23; }
  body.dark-only .kanban-container .kanban-item .kanban-box {
    border: 1px solid rgba(0, 102, 102, 0.15);
    background-color: #1A1C23; }
  body.dark-only .project-box {
    border: 1px solid rgba(0, 102, 102, 0.15);
    background-color: #1A1C23; }
  body.dark-only .file-content .form-inline {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .file-content .files .file-box {
    border: 1px solid rgba(0, 102, 102, 0.15);
    background-color: #1A1C23; }
    body.dark-only .file-content .files .file-box .file-top {
      background-color: #22242B;
      border: 1px solid rgba(0, 102, 102, 0.15); }
  body.dark-only .file-content .folder .folder-box {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #1A1C23; }
  body.dark-only .files-content li .files-list .file-left {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #1A1C23; }
  body.dark-only .file-sidebar .pricing-plan {
    border: 1px solid rgba(0, 102, 102, 0.15) !important; }
  body.dark-only .file-sidebar .btn-light {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23 !important;
    border: 1px solid rgba(0, 102, 102, 0.15) !important; }
  body.dark-only #lnb {
    border-right: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .lnb-new-schedule,
  body.dark-only .lnb-calendars > div {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only #menu .sidebar-list .btn-default {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .tui-full-calendar-timegrid-hour {
    background-color: #22242B;
    color: #fff !important; }
  body.dark-only .tui-full-calendar-timegrid-gridline {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .tui-full-calendar-time-date,
  body.dark-only .tui-full-calendar-weekday-grid-line,
  body.dark-only .tui-full-calendar-left,
  body.dark-only .tui-full-calendar-timegrid-timezone {
    border-right-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .tui-full-calendar-popup {
    color: #051A1A; }
  body.dark-only #menu .btn-default {
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only #menu .btn-default:hover {
      color: #051A1A; }
  body.dark-only #menu .dropdown-menu {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .tui-full-calendar-dayname-container,
  body.dark-only .tui-full-calendar-splitter {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only span.tui-full-calendar-dayname-date-area {
    color: #fff !important; }
  body.dark-only .tui-full-calendar-layout {
    background-color: #22242B !important; }
  body.dark-only .blockquote {
    border-left: 4px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .figure.text-end blockquote {
    border-right-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .contacts-tabs .nav-pills {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .contacts-tabs .nav-pills .nav-link + .nav-link {
      border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .list-persons .profile-mail .media .media-body ul li + li {
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-right: unset !important; }
  body.dark-only .product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
    background-color: #22242B; }
  body.dark-only .apexcharts-gridline {
    stroke: #1A1C23; }
  body.dark-only .apexcharts-tooltip-title,
  body.dark-only .apexcharts-tooltip-series-group,
  body.dark-only .apexcharts-tooltip.light,
  body.dark-only .apexcharts-menu-item {
    color: #000; }
  body.dark-only .small-donut ~ svg path:nth-child(even),
  body.dark-only .small-donut svg path:nth-child(even),
  body.dark-only .donut-peity2 ~ svg path:nth-child(even),
  body.dark-only .donut-peity2 svg path:nth-child(even),
  body.dark-only .pie-peity ~ svg path:nth-child(even),
  body.dark-only .pie-peity svg path:nth-child(even) {
    fill: #1A1C23; }
  body.dark-only .appointment-table table tr td.img-content-box .font-roboto {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .notification .card .d-flex .w-100 p span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .notification .card .d-flex .w-100 span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .notification .vertical-more svg {
    filter: invert(1); }
  body.dark-only .datepicker {
    background-color: #323846;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .datepicker .datepicker--cell.-current- {
      color: #006666; }
    body.dark-only .datepicker .datepicker--cell.-current-.-focus- {
      color: #fff; }
    body.dark-only .datepicker .datepicker--cell-day.-other-month-,
    body.dark-only .datepicker .datepicker--cell-year.-other-decade- {
      color: rgba(255, 255, 255, 0.4); }
    body.dark-only .datepicker .datepicker--nav {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .datepicker .datepicker--pointer {
      background: #323846;
      border-top-color: #323846;
      border-right-color: #323846; }
  body.dark-only .default-datepicker .datepicker-inline .datepicker {
    background: #22242B; }
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name,
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day,
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name,
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name.-selected-,
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day.-selected-,
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name.-selected-,
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-selected- {
        color: #fff; }
  body.dark-only [class*='activity-dot-'] {
    background-color: #22242B; }
  body.dark-only .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .progress {
    background-color: #1A1C23 !important; }
  body.dark-only .alert-primary {
    background-color: rgba(0, 102, 102, 0.8) !important;
    border-color: rgba(0, 102, 102, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-primary .progress {
      height: 5px;
      background-color: #006161;
      border-radius: 0; }
    body.dark-only .alert-primary .progress-bar {
      background-color: #66ffff; }
  body.dark-only .alert-primary.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-primary.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-primary.outline .btn-close,
  body.dark-only .alert-primary.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-secondary {
    background-color: rgba(254, 106, 73, 0.8) !important;
    border-color: rgba(254, 106, 73, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-secondary .progress {
      height: 5px;
      background-color: #fe6644;
      border-radius: 0; }
    body.dark-only .alert-secondary .progress-bar {
      background-color: white; }
  body.dark-only .alert-secondary.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-secondary.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-secondary.outline .btn-close,
  body.dark-only .alert-secondary.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-success {
    background-color: rgba(0, 172, 70, 0.8) !important;
    border-color: rgba(0, 172, 70, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-success .progress {
      height: 5px;
      background-color: #00a744;
      border-radius: 0; }
    body.dark-only .alert-success .progress-bar {
      background-color: #acffce; }
  body.dark-only .alert-success.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-success.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-success.outline .btn-close,
  body.dark-only .alert-success.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-danger {
    background-color: rgba(254, 106, 73, 0.8) !important;
    border-color: rgba(254, 106, 73, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-danger .progress {
      height: 5px;
      background-color: #fe6644;
      border-radius: 0; }
    body.dark-only .alert-danger .progress-bar {
      background-color: white; }
  body.dark-only .alert-danger.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-danger.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-danger.outline .btn-close,
  body.dark-only .alert-danger.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-warning {
    background-color: rgba(255, 174, 26, 0.8) !important;
    border-color: rgba(255, 174, 26, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-warning .progress {
      height: 5px;
      background-color: #ffac15;
      border-radius: 0; }
    body.dark-only .alert-warning .progress-bar {
      background-color: white; }
  body.dark-only .alert-warning.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-warning.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-warning.outline .btn-close,
  body.dark-only .alert-warning.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-info {
    background-color: rgba(23, 56, 120, 0.8) !important;
    border-color: rgba(23, 56, 120, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-info .progress {
      height: 5px;
      background-color: #163674;
      border-radius: 0; }
    body.dark-only .alert-info .progress-bar {
      background-color: #a1bbed; }
  body.dark-only .alert-info.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-info.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-info.outline .btn-close,
  body.dark-only .alert-info.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-light {
    background-color: rgba(230, 233, 235, 0.8) !important;
    border-color: rgba(230, 233, 235, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-light .progress {
      height: 5px;
      background-color: #e3e7e9;
      border-radius: 0; }
    body.dark-only .alert-light .progress-bar {
      background-color: white; }
  body.dark-only .alert-light.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-light.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-light.outline .btn-close,
  body.dark-only .alert-light.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-dark {
    background-color: rgba(44, 50, 63, 0.8) !important;
    border-color: rgba(44, 50, 63, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-dark .progress {
      height: 5px;
      background-color: #2a303c;
      border-radius: 0; }
    body.dark-only .alert-dark .progress-bar {
      background-color: #a8b0c2; }
  body.dark-only .alert-dark.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-dark.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-dark.outline .btn-close,
  body.dark-only .alert-dark.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .options > div {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
    background-color: #1A1C23; }
  body.dark-only .pricing-simple {
    box-shadow: 1px 1px 2px 1px #1A1C23 !important; }
  body.dark-only .pricing-block {
    box-shadow: 0 0 10px 5px rgba(0, 102, 102, 0.05) !important; }
  body.dark-only .search-page ul.search-info li + li {
    border-left: 1px solid #1A1C23; }
  body.dark-only .search-page .info-block {
    border: 1px solid rgba(255, 255, 255, 0.2); }
  body.dark-only .browse .browse-articles h6 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .job-search .job-description .theme-form .row div[class^="col-"] .input-group .datepicker-here {
    border: 1px solid #1A1C23; }
  body.dark-only .calendar-wrap .fc-unthemed td,
  body.dark-only .calendar-wrap .fc-unthemed th {
    border-color: #1A1C23; }
  body.dark-only .mega-inline,
  body.dark-only .mega-horizontal,
  body.dark-only .mega-vertical {
    --bs-body-color: rgba(255, 255, 255, 0.6); }
    body.dark-only .mega-inline .card,
    body.dark-only .mega-horizontal .card,
    body.dark-only .mega-vertical .card {
      box-shadow: 1px 1px 7px 0 rgba(255, 255, 255, 0.5) !important; }
    body.dark-only .mega-inline.plain-style .card, body.dark-only .mega-inline.border-style .card, body.dark-only .mega-inline.offer-style .card,
    body.dark-only .mega-horizontal.plain-style .card,
    body.dark-only .mega-horizontal.border-style .card,
    body.dark-only .mega-horizontal.offer-style .card,
    body.dark-only .mega-vertical.plain-style .card,
    body.dark-only .mega-vertical.border-style .card,
    body.dark-only .mega-vertical.offer-style .card {
      box-shadow: none !important; }
    body.dark-only .mega-inline.border-style .card,
    body.dark-only .mega-horizontal.border-style .card,
    body.dark-only .mega-vertical.border-style .card {
      border: 1px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .mega-inline.offer-style .card,
    body.dark-only .mega-horizontal.offer-style .card,
    body.dark-only .mega-vertical.offer-style .card {
      border: 1px dashed rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .setting-dot .setting-bg {
    background-color: var(--theme-secondary); }
  body.dark-only .bookmark.pull-right {
    border: none; }
  body.dark-only .popover {
    background-color: #1A1C23; }
    body.dark-only .popover.bs-popover-bottom .popover-arrow:after {
      border-bottom-color: #1A1C23;
      border-right-color: transparent; }
    body.dark-only .popover.bs-popover-top .popover-arrow:after {
      border-right-color: transparent;
      border-top-color: #1A1C23; }
    body.dark-only .popover.bs-popover-start .popover-arrow:after {
      border-left-color: #1A1C23; }
    body.dark-only .popover .popover-header {
      background-color: #22242B; }
    body.dark-only .popover .popover-arrow:after {
      border-right-color: #1A1C23; }
    body.dark-only .popover .popover-body {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .popover code {
      background-color: unset; }
  body.dark-only .apex-chart-container .apexcharts-legend .apexcharts-legend-series span {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .quick-file li .quick-box {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-canvas svg .apexcharts-title-text {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-subtitle-text {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-xaxis-label {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-legend-series span {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-label {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-value {
    fill: #fff; }
  body.dark-only .Typeahead-menu {
    background-color: #1A1C23; }
  body.dark-only .ecommerce-widget {
    border: 1px solid #1A1C23; }
  body.dark-only .bookmark ul li .search-form .form-control-search input {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .bookmark ul li .search-form .form-control-search:before {
    background: #1A1C23; }
  body.dark-only .cart .qty-box .input-group .btn {
    background-color: #2e3648 !important;
    border-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .checkout .checkout-details {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    padding: 40px; }
    body.dark-only .checkout .checkout-details .animate-chk .radio_animated:after {
      border: 2px solid #22242B; }
  body.dark-only .order-box .title-box {
    color: #bfc2c6;
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .order-box .qty {
    border-bottom: 1px solid #1A1C23; }
    body.dark-only .order-box .qty li {
      color: #bfc2c6; }
      body.dark-only .order-box .qty li span {
        color: #bfc2c6; }
  body.dark-only .order-box .sub-total li {
    color: #bfc2c6; }
  body.dark-only .order-box .total li {
    color: #bfc2c6; }
  body.dark-only .shopping-checkout-option .checkbox_animated:after {
    border: 2px solid #22242B; }
  body.dark-only .animate-chk .radio_animated:after {
    border: 2px solid #1A1C23; }
  body.dark-only .custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(41, 50, 64, 0.52); }
  body.dark-only .product-box .product-img .product-hover ul li .btn {
    color: #98a6ad; }
  body.dark-only .product-box .product-img .product-hover ul li:hover .btn {
    color: #fff; }
  body.dark-only .radio_animated:after,
  body.dark-only .checkbox_animated:after {
    background: #1A1C23;
    border: 2px solid #1A1C23; }
  body.dark-only .slider-product {
    border-top: 1px solid #1A1C23;
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .icon-menu-header svg {
    filter: invert(1); }
  body.dark-only .square-product-setting .icon-grid {
    background-color: #22242B; }
    body.dark-only .square-product-setting .icon-grid svg {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .active-order-table table thead tr th,
  body.dark-only .market-table table thead tr th {
    border-top: none !important; }
  body.dark-only .active-order-table table tbody tr td,
  body.dark-only .market-table table tbody tr td {
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .active-order-table table tbody tr:last-child td,
  body.dark-only .market-table table tbody tr:last-child td {
    border-bottom: none; }
  body.dark-only .pricing-card-design-2 .pricing-block .pricing-inner ul li {
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .flot-chart-container .legend .table tbody {
    background-color: #22242B;
    color: #fff; }
    body.dark-only .flot-chart-container .legend .table tbody .legendLabel {
      padding-left: 5px; }
  body.dark-only .google-visualization-tooltip text {
    fill: rgba(0, 0, 0, 0.7) !important; }
  body.dark-only .nav-dark .nav-link,
  body.dark-only .nav-pills.nav-dark .nav-link {
    color: #fff; }
  body.dark-only .loader-wrapper {
    background-color: #1A1C23; }
    body.dark-only .loader-wrapper .loader {
      background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .input-icon::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .card-header .sales-chart-dropdown-select .card-header-right-icon .dropdown .dropdown-toggle {
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .card-header .sales-chart-dropdown-select .card-header-right-icon .dropdown .dropdown-menu .dropdown-item {
    background-color: #1a1c23;
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7);
    opacity: 1; }
  body.dark-only .page-wrapper {
    /* Main Header start */
    /* Main Header ends */ }
    body.dark-only .page-wrapper .sidebar-main-title h6 {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-header .translate_wrapper.active .more_lang {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .page-header .translate_wrapper.active .lang {
      background-color: #22242B; }
    body.dark-only .page-wrapper .page-header form {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .page-header .header-wrapper {
      background-color: #1A1C23; }
      body.dark-only .page-wrapper .page-header .header-wrapper li i {
        color: #E6E9EB; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li svg {
        fill: rgba(255, 255, 255, 0.3);
        stroke: rgba(255, 255, 255, 0.3); }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right.right-header > ul > li .profile-media .media-body p {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .user-message a {
        color: #fff !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .notification-card a {
        color: #fff !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .media .media-body .txt-dark {
        color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li.notification-box a {
        color: #fff !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div {
        background-color: #1A1C23;
        box-shadow: 0 0 14px #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div li {
          border-color: rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div p {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:before {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:after {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div .card .card-header {
          background-color: #22242B;
          border-color: rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div .card .card-footer {
          border-color: rgba(255, 255, 255, 0.1);
          background-color: #22242B; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li {
        background-color: #22242B; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li span {
          color: #98a6ad; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div .bg-light {
        background-color: #282e38 !important;
        color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
        color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg path,
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg line,
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg circle {
          color: rgba(255, 255, 255, 0.6) !important; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover {
          color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg line,
          body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg path,
          body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg circle {
            color: var(--theme-deafult) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .media .media-body .txt-dark {
        color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div {
        background-color: #1A1C23;
        box-shadow: 0 0 2px 2px #22242B; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div:before {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div:after {
          border-bottom: 7px solid #1A1C23; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
        background-color: #22242B; }
    body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-dark {
      display: none; }
    body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-light {
      display: block; }
    body.dark-only .page-wrapper .page-body-wrapper {
      /* body start*/ }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .header-small {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .statistics p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .media-body p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .professor-block p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .media-body p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .professor-block p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .logs-element span + span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-block .progress-title span + span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .ecommerce-icons div span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .new-users .media .media-body p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .recent-notification .media .media-body p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .media .media-body span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .progress-change span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td {
        border-top: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr:last-child td {
        border-bottom: none; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .notifiaction-media .media .media-body .circle-left {
        border: 5px solid #334154; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner {
        border-bottom: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner:last-child {
          border-bottom: none; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table table tbody tr td {
        border-top: none !important; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .number-widgets .media .media-body h6 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.gradient-line-1:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.small-line:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.medium-line:after {
        background-color: #1A1C23; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .media-body h6 span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .card.custom-card .card-header {
        border-bottom: none !important; }
      body.dark-only .page-wrapper .page-body-wrapper .custom-card .card-header img {
        background-color: #000;
        opacity: 0.8; }
      body.dark-only .page-wrapper .page-body-wrapper .page-title .row h3 small {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        stroke: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .fc-theme-standard td {
        border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
      body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main {
        border-top-color: rgba(255, 255, 255, 0.1);
        border-right-color: rgba(255, 255, 255, 0.1);
        border-bottom-color: rgba(255, 255, 255, 0.1); }
      body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-sticky .fc-task-text-box .fc-task-text {
        color: #fff; }
      body.dark-only .page-wrapper .page-body-wrapper .fc-timegrid-event-harness-inset .fc-timegrid-event {
        box-shadow: none; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body {
        background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card:not(.email-body) {
          border: none; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) {
          color: rgba(255, 255, 255, 0.7);
          background-color: #22242B;
          box-shadow: 1px 1px 2px 1px rgba(29, 28, 28, 0.08);
          border: 1px solid rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.widget-1:not(.email-body) {
            background-color: #1b1d24;
            background-blend-mode: overlay; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card.widget-1:not(.email-body) .widget-round .bg-round {
              box-shadow: 1px 2px 21px -2px rgba(14, 14, 16, 0.83); }
              body.dark-only .page-wrapper .page-body-wrapper .page-body .card.widget-1:not(.email-body) .widget-round .bg-round .half-circle {
                background: rgba(49, 53, 66, 0); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.social-profile:not(.email-body) {
            background-blend-mode: overlay;
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr td {
            color: #051A1A; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table thead .border-bottom-light th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table thead .border-bottom-light td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table tbody .border-bottom-light th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table tbody .border-bottom-light td {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.trending-card:not(.email-body) {
            background-color: #010314; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.explore-card:not(.email-body) {
            background-color: #22242B;
            background-blend-mode: overlay; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.balance-box:not(.email-body) {
            background-blend-mode: overlay;
            background-color: #16171c; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg > rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg > g text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg > g > rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg > g > text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header {
            background-color: transparent;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header > span {
              color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h1,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h2,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h3,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h4,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h5,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h6 {
              color: #fff; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right {
              background-color: #22242B; }
              body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i {
                color: rgba(255, 255, 255, 0.6); }
                body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i.fa-cog {
                  color: var(--theme-deafult); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header.note-toolbar {
              background-color: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark {
            color: #98a6ad; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark a {
              color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline-2x,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.inverse {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #animation-box .animate-widget p {
            color: #98a6ad !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .grid-item img {
            background-color: #22242B;
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .line {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) thead,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tbody,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tfoot,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tr,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) th {
            border-color: rgba(255, 255, 255, 0.03); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table td {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead th {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead .border-bottom-primary th {
            border-bottom: 1px solid var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger td {
            color: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-primary,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-secondary,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-success,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-info,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-warning,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-danger {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-light {
            color: #000; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .thead-light th {
            color: #000; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary td {
            border-bottom: 1px solid var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*='bg-'] th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*='bg-'] td {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd) {
            --bs-table-accent-bg: rgba(0, 0, 0, 0.05); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover th,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover td {
              color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-double,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dotted,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dashed {
            border-left-color: rgba(255, 255, 255, 0.1);
            border-right-color: rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered {
            border-color: rgba(255, 255, 255, 0.1) !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered td,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered th {
              border-color: rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-inverse tbody tr:nth-of-type(odd):hover td {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical tr,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical td {
            border-right: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody td {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-footer {
            background-color: #22242B;
            border-top: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch .switch-state {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch input:checked + .switch-state {
            background-color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bg-white {
            background-color: #22242B !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-l-light {
            border-left: 1px solid #1A1C23 !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-grid {
            stroke: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-label {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) hr {
            border-top: 1px solid rgba(255, 255, 255, 0.3); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .text-muted {
            color: rgba(255, 255, 255, 0.6) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-dark,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light-2x {
            color: #fff !important;
            border: 2px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x {
            border: 2px solid #fff !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:hover, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:focus {
              color: #051A1A; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light:hover {
            color: #000 !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right {
            border-right: 1px solid rgba(255, 255, 255, 0.3) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder .flot-text {
            color: rgba(255, 255, 255, 0.6) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder svg text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #gantt_chart.chart-overflow svg g rect:first-child {
            fill: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #gantt_chart.chart-overflow rect:nth-child(6) {
            fill: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #line-chart.chart-overflow rect, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #column-chart1.chart-overflow rect, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #column-chart2.chart-overflow rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > g > g > g text {
            fill: #b1b1b2; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > g > text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .radial-bar:after {
            background-color: #22242B;
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num {
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num .color-bottom {
              color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-r-light {
            border-right: 1px solid rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-labels .ct-label,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-labels .ct-label,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-labels .ct-label,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-labels .ct-label {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-grid,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-grid,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-grid,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-grid {
            stroke: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #browser-uses-chart svg text,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #website-visiter-chart svg text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 {
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 span {
              color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details span {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .clipboaard-container .form-control {
            background-color: #1A1C23;
            color: #98a6ad;
            border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .img-thumbnail {
            background-color: #1A1C23;
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper button {
            color: #000; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper.no-footer .dataTables_scrollBody {
            border-bottom: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-danger,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-success,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-primary {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length select {
            background-color: #1A1C23;
            color: rgba(255, 255, 255, 0.6);
            border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_info,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_processing,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate {
            border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter input[type="search"] {
            background-color: #1A1C23;
            border: 1px solid #1A1C23;
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr {
            background-color: #22242B; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover > .sorting_1,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr:hover > .sorting_1 {
              background-color: #1c212b; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd {
            background-color: #1f232b; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd > .sorting_1,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
              background-color: #1c212b; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
            background-color: #22262f; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable {
            border: 1px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead th,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead td {
              border-bottom: 2px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable input,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable select {
              background-color: #1A1C23;
              color: rgba(255, 255, 255, 0.6);
              border: 1px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody tr {
              background-color: #22242B; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody td.select-checkbox:before,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody th.select-checkbox:before {
              border: 1px solid #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .table-striped tbody tr:nth-of-type(odd) {
            --bs-table-accent-bg: #1d1e26; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button {
            color: rgba(255, 255, 255, 0.6) !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.current, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button:active {
              border-color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
            color: #98a6ad !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled :active {
              color: #98a6ad !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody td {
            border-top: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even:hover > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
            background-color: #191e27; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.hover tbody tr:hover,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover {
            background-color: #1c212b; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td {
            border-top: 1px solid #1A1C23;
            border-right: 1px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th:first-child,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td:first-child {
              border-left: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_2,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_3,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_2,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_3 {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #example-style-3_wrapper #example-style-3 tfoot {
            border-top: 2px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link {
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.disabled .page-link {
            background-color: #22242B;
            border-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link {
            color: rgba(255, 255, 255, 0.6);
            background-color: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item:hover .page-link {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.active .page-link {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .icon {
            color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num {
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num span {
              color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget span {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-container-small {
            background-color: #22242B;
            border-top: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td span,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td p {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table h6 {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs {
            border: none; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-item .nav-link {
              color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link.active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:focus, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:hover {
              color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a {
            background-color: #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-selected {
              background-color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a {
            border: 2px solid #1A1C23;
            background-color: #22242B;
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-selected {
              border: 2px solid var(--theme-deafult);
              color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-selected:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-active:after,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-selected:after,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-active:after {
            color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .scroll-demo {
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form input {
            border: 1px solid #1A1C23;
            color: rgba(255, 255, 255, 0.6);
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form .form-group:before {
            background: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-content {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(odd) .cd-timeline-content::before {
            border-left-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
            border-right-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .breadcrumb.bg-white {
            background-color: #22242B !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris-daily svg,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris svg,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #browser-uses-chart svg,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #website-visiter-chart svg {
            opacity: 0.5; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body #viewhtml .render {
          background-color: #22242B;
          color: rgba(255, 255, 255, 0.6);
          border-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .wizard-4 ul.anchor li a.disabled {
          color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description h4 {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description a > div {
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description p {
          color: #98a6ad; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-header {
          background-color: #22242B;
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell {
          background: #22242B;
          border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell input,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell input,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell input,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell input {
            background-color: #1A1C23;
            border-color: #1A1C23;
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell input:focus,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell input:focus,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell input:focus,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell input:focus {
              outline: none; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row select,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row select {
          background-color: #1A1C23;
          border-color: #1A1C23;
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-row > .jsgrid-cell {
          background-color: #22242B; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-alt-row > .jsgrid-cell {
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-body {
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-selected-row > .jsgrid-cell {
          background-color: #1c212b; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager [class*="jsgrid-pager"] {
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager .jsgrid-pager-page a {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-pager-current-page {
          color: rgba(255, 255, 255, 0.6);
          font-weight: 700; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .sub-title {
          border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .card .sub-title {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a {
          color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a:hover {
            color: var(--theme-deafult); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon .separator {
          border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according li .text-muted {
          color: rgba(255, 255, 255, 0.6) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon.default-according.style-1 li button:hover {
          color: var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li a {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover {
          color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover a {
            color: var(--theme-deafult); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div {
          background-color: #1A1C23;
          box-shadow: 0 0 14px 0 #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li p {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg path,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg line,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polyline,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polygon,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg rect {
            color: rgba(255, 255, 255, 0.6) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg path,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg line,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polyline,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polygon,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg rect {
            color: var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .onhover-dropdown:hover .onhover-show-div:before {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .btn-link {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body {
          color: #98a6ad; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body {
          border: 1px solid rgba(255, 255, 255, 0.1);
          border-top: none; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border {
          border: 1px solid rgba(255, 255, 255, 0.1) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-1 {
          border: 1px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-2 {
          border: 2px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .grid-showcase span.border-2 {
          border: 2px solid rgba(255, 255, 255, 0.1) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-3 {
          border: 3px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-4 {
          border: 4px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-5 {
          border: 5px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-6 {
          border: 6px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-7 {
          border: 7px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-8 {
          border: 8px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-9 {
          border: 9px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-10 {
          border: 10px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-primary {
          border: none !important;
          border-top: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-primary {
          border: none !important;
          border-bottom: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-primary {
          border: none !important;
          border-left: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-primary {
          border: none !important;
          border-right: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-primary {
          border: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-secondary {
          border: none !important;
          border-top: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-secondary {
          border: none !important;
          border-bottom: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-secondary {
          border: none !important;
          border-left: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-secondary {
          border: none !important;
          border-right: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-secondary {
          border: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-success {
          border: none !important;
          border-top: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-success {
          border: none !important;
          border-bottom: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-success {
          border: none !important;
          border-left: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-success {
          border: none !important;
          border-right: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-success {
          border: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-danger {
          border: none !important;
          border-top: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-danger {
          border: none !important;
          border-bottom: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-danger {
          border: none !important;
          border-left: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-danger {
          border: none !important;
          border-right: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-danger {
          border: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-warning {
          border: none !important;
          border-top: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-warning {
          border: none !important;
          border-bottom: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-warning {
          border: none !important;
          border-left: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-warning {
          border: none !important;
          border-right: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-warning {
          border: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-info {
          border: none !important;
          border-top: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-info {
          border: none !important;
          border-bottom: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-info {
          border: none !important;
          border-left: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-info {
          border: none !important;
          border-right: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-info {
          border: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-light {
          border: none !important;
          border-top: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-light {
          border: none !important;
          border-bottom: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-light {
          border: none !important;
          border-left: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-light {
          border: none !important;
          border-right: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-light {
          border: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-dark {
          border: none !important;
          border-top: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-dark {
          border: none !important;
          border-bottom: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-dark {
          border: none !important;
          border-left: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-dark {
          border: none !important;
          border-right: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-dark {
          border: 1px solid #2c323f !important; }
      body.dark-only .page-wrapper .page-body-wrapper .footer {
        border-top: 1px solid #1A1C23;
        background-color: #22242B; }
        body.dark-only .page-wrapper .page-body-wrapper .footer p {
          color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .custom-select,
      body.dark-only .page-wrapper .page-body-wrapper .custom-file-label {
        background: #1A1C23;
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .footer-fix {
        background-color: #22242B;
        border-top: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .note textarea {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .dt-button-info {
      background-color: #22242B;
      border: 1px solid #98a6ad; }
      body.dark-only .page-wrapper .dt-button-info h2 {
        background-color: #22242B; }
    body.dark-only .page-wrapper pre {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .scorlled {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .input-group-air {
      box-shadow: 0 3px 20px 0 #1A1C23; }
    body.dark-only .page-wrapper .input-group-text {
      background-color: #22242B;
      border: 1px solid #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .input-group-text i {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .input-group-solid .input-group-text,
    body.dark-only .page-wrapper .input-group-solid .form-control {
      background: #1A1C23;
      border: 1px solid #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .semilight-bg-color,
    body.dark-only .page-wrapper .header-bg-color {
      background-color: #fff; }
    body.dark-only .page-wrapper .list-group-item {
      background-color: #22242B;
      border: 1px solid rgba(255, 255, 255, 0.3);
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .list-group-item + .list-group-item {
        border-top-width: 0; }
      body.dark-only .page-wrapper .list-group-item.active {
        background-color: var(--theme-deafult) !important;
        border-color: var(--theme-deafult);
        color: #fff; }
      body.dark-only .page-wrapper .list-group-item:hover, body.dark-only .page-wrapper .list-group-item:focus {
        z-index: 1;
        text-decoration: none; }
    body.dark-only .page-wrapper .list-group-item-action:hover:not(.active), body.dark-only .page-wrapper .list-group-item-action:focus {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .list-group-flush .list-group-item {
      border-left: 0;
      border-right: 0;
      border-radius: 0; }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-primary {
      border-left: 4px solid var(--theme-deafult); }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-secondary {
      border-left: 4px solid var(--theme-secondary); }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-warning {
      border-left: 4px solid #FFAE1A; }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-success {
      border-left: 4px solid #00AC46; }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-info {
      border-left: 4px solid #173878; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-primary {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-secondary {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-warning {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-success {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-info {
      border-left: none; }
    body.dark-only .page-wrapper .list-group-item-primary {
      color: #004085;
      background-color: #b8daff; }
    body.dark-only .page-wrapper .list-group-item-secondary {
      color: #383d41;
      background-color: #d6d8db; }
    body.dark-only .page-wrapper .list-group-item-success {
      color: #155724;
      background-color: #c3e6cb; }
    body.dark-only .page-wrapper .list-group-item-danger {
      color: #721c24;
      background-color: #f5c6cb; }
    body.dark-only .page-wrapper .list-group-item-warning {
      color: #856404;
      background-color: #ffeeba; }
    body.dark-only .page-wrapper .list-group-item-info {
      color: #0c5460;
      background-color: #bee5eb; }
    body.dark-only .page-wrapper .list-group-item-light {
      color: #818182;
      background-color: #fdfdfe; }
    body.dark-only .page-wrapper .list-group-item-dark {
      color: #1b1e21;
      background-color: #c6c8ca; }
    body.dark-only .page-wrapper .auth-bg {
      background-blend-mode: overlay;
      background-color: rgba(54, 64, 74, 0.9); }
      body.dark-only .page-wrapper .auth-bg .authentication-box .card {
        background-color: #22242B; }
        body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group input {
          color: rgba(255, 255, 255, 0.6);
          background-color: #1A1C23;
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group label {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label {
          color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label::before {
            background-color: #1A1C23;
            border: 1px solid #1A1C23; }
      body.dark-only .page-wrapper .auth-bg .authentication-box h3,
      body.dark-only .page-wrapper .auth-bg .authentication-box h4,
      body.dark-only .page-wrapper .auth-bg .authentication-box h6 {
        color: #fff; }
    body.dark-only .page-wrapper .auth-bg-video {
      background-blend-mode: overlay;
      background-color: rgba(54, 64, 74, 0.7); }
      body.dark-only .page-wrapper .auth-bg-video .authentication-box h4,
      body.dark-only .page-wrapper .auth-bg-video .authentication-box h3 {
        color: #fff; }
      body.dark-only .page-wrapper .auth-bg-video .authentication-box h6 {
        color: #98a6ad; }
      body.dark-only .page-wrapper .auth-bg-video .authentication-box .card {
        background-color: #22242B; }
        body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type=text],
        body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type=password] {
          background-color: #1A1C23;
          border: 1px solid #1A1C23;
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .checkbox label::before {
          background-color: #1A1C23;
          border: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i {
      color: #1A1C23; }
    body.dark-only .page-wrapper .error-wrapper .maintenance-icons li:nth-child(3) i {
      color: #1A1C23; }
    body.dark-only .page-wrapper .modal-content {
      background-color: #22242B; }
      body.dark-only .page-wrapper .modal-content .modal-header {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
        body.dark-only .page-wrapper .modal-content .modal-header .modal-title {
          color: #fff; }
        body.dark-only .page-wrapper .modal-content .modal-header .close {
          color: #98a6ad; }
      body.dark-only .page-wrapper .modal-content .modal-footer {
        border-top: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .comingsoon {
      background-blend-mode: overlay;
      background-color: rgba(54, 64, 74, 0.9); }
      body.dark-only .page-wrapper .comingsoon .comingsoon-inner h5 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown {
        border-top: 1px solid #1A1C23;
        border-bottom: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown .title {
          color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .comingsoon .comingsoon-inner .coming-soon-bottom-link a {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .theme-form .login-divider {
      border-top: 1px solid #1A1C23; }
      body.dark-only .page-wrapper .theme-form .login-divider:before {
        background: #1A1C23;
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .authentication-main {
      background-color: #1A1C23; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .card {
        background-color: #22242B; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .reset-password-link {
        color: #98a6ad; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group label {
        color: #98a6ad; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group .form-control {
        background-color: #1A1C23;
        color: rgba(255, 255, 255, 0.6);
        border-color: #1A1C23; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .opt-box {
        background-color: #1A1C23; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h4 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h6 {
        color: #98a6ad; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h3 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card {
        background-color: #22242B; }
        body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type=text],
        body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type=password] {
          background-color: #1A1C23;
          border: 1px solid #1A1C23;
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .checkbox label::before {
          background-color: #1A1C23;
          border: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .vertical-menu-main {
      background-color: #22242B; }
    body.dark-only .page-wrapper .mega-menu .title {
      color: rgba(255, 255, 255, 0.6);
      border-bottom: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .mega-menu .list-unstyled div a:hover {
      color: var(--theme-deafult); }
    body.dark-only .page-wrapper .default-according .card {
      background-color: #22242B; }
      body.dark-only .page-wrapper .default-according .card .btn-link {
        background-color: #22242B;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: none;
        color: #fff; }
      body.dark-only .page-wrapper .default-according .card .text-muted {
        color: #98a6ad !important; }
    body.dark-only .page-wrapper .default-according .bg-primary .btn-link {
      background-color: var(--theme-deafult);
      border: 1px solid var(--theme-deafult); }
    body.dark-only .page-wrapper .default-according .bg-secondary .btn-link {
      background-color: var(--theme-secondary);
      border: 1px solid var(--theme-secondary); }
    body.dark-only .page-wrapper .collapse .card-body {
      background-color: #22242B; }
    body.dark-only .page-wrapper .balance-widget.card-body {
      background-color: #22242B;
      background-blend-mode: overlay; }
    @media screen and (max-width: 1660px) {
      body.dark-only .page-wrapper .caller-img img {
        opacity: 0.7; } }
    @media only screen and (max-width: 1199px) {
      body.dark-only .page-wrapper .mobile-title.d-none {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      body.dark-only .page-wrapper .chat-menu {
        border-top: 1px solid #1A1C23;
        background-color: #22242B; }
      body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i {
        color: #2c323f; } }
    @media only screen and (max-width: 575.98px) {
      body.dark-only .page-wrapper .user-profile .hovercard .info .user-designation {
        border-top: 1px solid #1A1C23;
        border-bottom: 1px solid #1A1C23; }
      body.dark-only .page-wrapper .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, body.dark-only .page-wrapper .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
        border-right: 1px solid rgba(255, 255, 255, 0.1); } }
  body.dark-only .lg-backdrop {
    background-color: #1A1C23; }
  body.dark-only .lg-outer .lg-thumb-outer {
    background-color: #22242B; }
  body.dark-only .drag {
    background-color: #22242B; }
    body.dark-only .drag form {
      background: #22242B;
      box-shadow: 0 0 30px #1A1C23;
      border: 1px dotted #1A1C23; }
      body.dark-only .drag form input {
        background-color: #1A1C23;
        border: 1px solid #1A1C23;
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .drag form .help-block {
        text-transform: capitalize;
        color: #98a6ad; }
  body.dark-only .draggable input {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid #1A1C23; }
  body.dark-only .draggable p {
    color: #98a6ad; }
  body.dark-only .draggable select {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid #1A1C23; }
  body.dark-only .draggable .radio label::before,
  body.dark-only .draggable .checkbox label::before {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only .select2-container--default .select2-selection--multiple,
  body.dark-only .select2-container--default .select2-selection--single {
    background-color: #1A1C23;
    border: 1px solid #1A1C23 !important; }
  body.dark-only .select2-container--default .select2-search--inline .select2-search__field {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #22242B !important;
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .select2-dropdown {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only .select2-drpdwn .form-control-primary {
    border-color: var(--theme-deafult) !important;
    color: var(--theme-deafult) !important; }
  body.dark-only .select2-drpdwn .form-control-secondary {
    border-color: var(--theme-secondary) !important;
    color: var(--theme-secondary) !important; }
  body.dark-only .select2-drpdwn .form-control-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important; }
  body.dark-only .select2-drpdwn .form-control-info {
    border-color: #173878 !important;
    color: #173878 !important; }
  body.dark-only .select2-drpdwn .form-control-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important; }
  body.dark-only .select2-drpdwn .form-control-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important; }
  body.dark-only .select2-drpdwn .form-control-inverse {
    border-color: #fff !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-primary-fill {
    background-color: var(--theme-deafult) !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-secondary-fill {
    background-color: var(--theme-secondary) !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-success-fill {
    background-color: #00AC46 !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-info-fill {
    background-color: #173878 !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-warning-fill {
    background-color: #FFAE1A !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-danger-fill {
    background-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-inverse-fill {
    background-color: #fff !important;
    color: #000 !important; }
  body.dark-only .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #1A1C23; }
  body.dark-only .theme-form .form-group select.form-control:not([size]):not([multiple]) {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border-color: #1A1C23; }
  body.dark-only .theme-form .form-group input[type=text],
  body.dark-only .theme-form .form-group input[type=email],
  body.dark-only .theme-form .form-group input[type=search],
  body.dark-only .theme-form .form-group input[type=password],
  body.dark-only .theme-form .form-group input[type=number],
  body.dark-only .theme-form .form-group input[type=tel],
  body.dark-only .theme-form .form-group input[type=date],
  body.dark-only .theme-form .form-group input[type=datetime-local],
  body.dark-only .theme-form .form-group input[type=time],
  body.dark-only .theme-form .form-group input[type=datetime-local],
  body.dark-only .theme-form .form-group input[type=month],
  body.dark-only .theme-form .form-group input[type=week],
  body.dark-only .theme-form .form-group input[type=url],
  body.dark-only .theme-form .form-group input[type=file],
  body.dark-only .theme-form .form-group select {
    border-color: #1A1C23;
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .theme-form .form-group input[type=text]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=email]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=search]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=password]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=number]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=tel]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=date]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=datetime-local]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=time]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=datetime-local]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=month]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=week]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=url]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=file]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group select::-webkit-input-placeholder {
      color: #98a6ad; }
  body.dark-only .theme-form .form-group .form-control {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .theme-form .form-group textarea {
    border-color: #1A1C23; }
  body.dark-only .theme-form .form-divider {
    border-top: 1px solid #1A1C23; }
    body.dark-only .theme-form .form-divider::before {
      background: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .CodeMirror {
    background: #22242B;
    border: 1px solid #98a6ad;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .CodeMirror .CodeMirror-code pre {
      background: #22242B; }
  body.dark-only .editor-toolbar {
    border-top: 1px solid #98a6ad;
    border-left: 1px solid #98a6ad;
    border-right: 1px solid #98a6ad; }
    body.dark-only .editor-toolbar a {
      color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .editor-toolbar a:hover, body.dark-only .editor-toolbar a.active {
        background: #1A1C23; }
    body.dark-only .editor-toolbar i.separator {
      border-left: 1px solid #98a6ad;
      border-right: 1px solid #98a6ad; }
    body.dark-only .editor-toolbar.fullscreen::before {
      background: linear-gradient(to right, #1A1C23 0, rgba(0, 0, 0, 0) 100%); }
    body.dark-only .editor-toolbar.fullscreen::after {
      background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, #1A1C23 100%); }
  body.dark-only .editor-toolbar.disabled-for-preview a:not(.no-disable) {
    background: #1A1C23; }
  body.dark-only .editor-preview {
    background-color: #22242B; }
  body.dark-only .editor-toolbar.fullscreen,
  body.dark-only .editor-preview-side {
    background: #22242B;
    border: 1px solid #98a6ad; }
  body.dark-only .u-step {
    background: #1A1C23; }
    body.dark-only .u-step.active, body.dark-only .u-step.current {
      background: var(--theme-deafult);
      color: #fff; }
  body.dark-only .u-step-title,
  body.dark-only .u-pearl-title {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .u-step-number {
    background-color: #22242B; }
  body.dark-only .u-pearl:before {
    background-color: #1A1C23; }
  body.dark-only .u-pearl-number,
  body.dark-only .u-pearl-icon {
    background: #1A1C23;
    border: 2px solid #1A1C23; }
  body.dark-only .u-pearl.disabled .u-pearl-icon,
  body.dark-only .u-pearl.disabled .u-pearl-number {
    background: #1A1C23;
    border: 2px solid #1A1C23; }
  body.dark-only .u-pearl.disabled:after {
    background-color: #334053; }
  body.dark-only .u-pearl.error:after {
    background-color: #1A1C23; }
  body.dark-only .note-editor.note-frame {
    border-color: #1A1C23; }
    body.dark-only .note-editor.note-frame .note-editing-area .note-editable {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .swal-modal {
    background-color: #22242B; }
    body.dark-only .swal-modal .swal-title {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .swal-modal .swal-text {
      color: #98a6ad; }
    body.dark-only .swal-modal .swal-content__input {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .nav-tabs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .nav-tabs .nav-link {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .nav-tabs .nav-link.active {
        background-color: #22242B;
        color: rgba(255, 255, 255, 0.6);
        border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) #22242B; }
      body.dark-only .nav-tabs .nav-link:hover, body.dark-only .nav-tabs .nav-link:focus {
        border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) #323846; }
    body.dark-only .nav-tabs .nav-item.show .nav-link {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6);
      border-color: #1A1C23 #1A1C23 #22242B; }
  body.dark-only .nav-primary .nav-link.active {
    background-color: var(--theme-deafult); }
  body.dark-only .nav-primary .nav-item.show .nav-link {
    background-color: var(--theme-deafult); }
  body.dark-only .custom-tab.nav-tabs {
    border-bottom: none; }
  body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.active, body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.focus, body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.hover {
    border-color: #22242B #1A1C23 #1A1C23; }
  body.dark-only .border-tab .nav-link.active {
    background-color: transparent; }
  body.dark-only .border-tab .show > .nav-link {
    background-color: transparent; }
  body.dark-only .email-wrap .media-body h6 {
    color: #fff; }
  body.dark-only .email-wrap .media-body p {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .email-wrap .email-app-sidebar ul li a > .title {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .email-wrap .main-menu > li a:hover {
    background-color: #1A1C23; }
  body.dark-only .email-wrap .main-menu > li a:active {
    background-color: #1A1C23; }
  body.dark-only .border-tab.nav-left .nav-link,
  body.dark-only .border-tab.nav-right .nav-link {
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .border-tab.nav-left .nav-link.active,
    body.dark-only .border-tab.nav-right .nav-link.active {
      color: var(--theme-deafult); }
  body.dark-only .border-tab.nav-left .show > .nav-link,
  body.dark-only .border-tab.nav-right .show > .nav-link {
    color: var(--theme-deafult); }
  body.dark-only .border-tab.nav-left.nav-secondary .nav-link.active, body.dark-only .border-tab.nav-left.nav-secondary .nav-link:focus, body.dark-only .border-tab.nav-left.nav-secondary .nav-link:hover {
    border-left-color: var(--theme-secondary);
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-left.nav-secondary .show > .nav-link {
    border-left-color: var(--theme-secondary);
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-left.nav-secondary .nav-item.show {
    color: var(--theme-secondary) !important;
    border-left-color: var(--theme-secondary); }
  body.dark-only .border-tab.nav-left.nav-success .nav-link.active, body.dark-only .border-tab.nav-left.nav-success .nav-link:focus, body.dark-only .border-tab.nav-left.nav-success .nav-link:hover {
    color: #00AC46 !important; }
  body.dark-only .border-tab.nav-left.nav-success .show > .nav-link {
    border-left-color: #00AC46;
    color: #00AC46 !important; }
  body.dark-only .border-tab.nav-left.nav-success .nav-item.show {
    color: #00AC46 !important;
    border-left-color: #00AC46; }
  body.dark-only .border-tab.nav-right.nav-info .nav-link.active, body.dark-only .border-tab.nav-right.nav-info .nav-link:focus, body.dark-only .border-tab.nav-right.nav-info .nav-link:hover {
    color: #173878 !important; }
  body.dark-only .border-tab.nav-right.nav-info .show > .nav-link {
    border-left-color: #173878;
    color: #173878 !important; }
  body.dark-only .border-tab.nav-right.nav-info .nav-item.show {
    color: #173878 !important;
    border-left-color: #173878; }
  body.dark-only .border-tab.nav-secondary .nav-link.active, body.dark-only .border-tab.nav-secondary .nav-link:focus, body.dark-only .border-tab.nav-secondary .nav-link:hover {
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-secondary .nav-item.show {
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-success .nav-link.active, body.dark-only .border-tab.nav-success .nav-link:focus, body.dark-only .border-tab.nav-success .nav-link:hover {
    color: #00AC46 !important; }
  body.dark-only .border-tab.nav-success .nav-item.show {
    color: #00AC46 !important; }
  body.dark-only .dropdown-divider {
    border-top: 1px solid #1A1C23; }
  body.dark-only .icon-hover-bottom {
    background-color: #22242B;
    box-shadow: 0px 0px 1px 1px #1A1C23; }
    body.dark-only .icon-hover-bottom .icon-title {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .icon-hover-bottom span {
      color: #98a6ad; }
    body.dark-only .icon-hover-bottom .form-group input {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6);
      border: 1px solid #1A1C23; }
    body.dark-only .icon-hover-bottom .icon-first i {
      color: #98a6ad; }
  body.dark-only code {
    background-color: #1A1C23;
    border-radius: 2px; }
  body.dark-only #cd-timeline::before {
    background: #1A1C23; }
  body.dark-only .timeliny {
    border-top: 1px solid #1A1C23;
    border-bottom: 1px solid #1A1C23; }
    body.dark-only .timeliny::before {
      background-color: #fff; }
    body.dark-only .timeliny .timeliny-dot {
      background-color: #22242B;
      border: 1px solid #fff; }
      body.dark-only .timeliny .timeliny-dot::before {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::before {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::after {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6);
      border: none; }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover {
      background-color: #fff; }
      body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover::before {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock .timeliny-dot:hover::after {
      background-color: #22242B;
      border: 1px solid #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .todo .todo-list-wrapper #todo-list li .task-container {
    background: #22242B;
    border-bottom: 1px solid #1A1C23; }
    body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-label {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .todo .todo-list-wrapper #todo-list li .task-container:hover h4 {
      color: #fff; }
    body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover:not(.active) {
      background: #22242B;
      border: 1px solid #1A1C23; }
  body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label {
    color: var(--theme-deafult); }
  body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover {
    border: 1px solid #00AC46 !important; }
  body.dark-only .todo .todo-list-wrapper .todo-list-footer .new-task-wrapper textarea {
    background-color: #22242B;
    border: 1px solid #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .ttl-info h6 {
    color: #98a6ad; }
  body.dark-only .user-profile .ttl-info span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .hovercard .info .title a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .hovercard .user-image .avatar img {
    border: 10px solid #22242B; }
  body.dark-only .user-profile .hovercard .user-image .icon-wrapper {
    background-color: #22242B; }
  body.dark-only .user-profile .hovercard .tabs-scoial {
    border-bottom: none !important; }
  body.dark-only .user-profile .follow .follow-num {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .profile-img-style .user-name {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .profile-img-style p {
    color: #98a6ad; }
  body.dark-only .introjs-helperLayer {
    background-color: rgba(54, 64, 74, 0.9);
    border: rgba(255, 255, 255, 0.5); }
  body.dark-only .jstree-default .jstree-node,
  body.dark-only .jstree-default .jstree-icon {
    color: #455869 !important; }
  body.dark-only .jstree-default .jstree-anchor {
    color: #98a6ad; }
  body.dark-only .jstree-default .jstree-clicked {
    color: #fff;
    background-color: transparent; }
  body.dark-only .jstree-default .jstree-hovered {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only span.twitter-typeahead .tt-menu {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only span.twitter-typeahead .tt-suggestion {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only span.twitter-typeahead .tt-suggestion:hover, body.dark-only span.twitter-typeahead .tt-suggestion:focus {
      background-color: #22242B; }
  body.dark-only .typography small {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .code-box-copy pre {
    background-color: #1A1C23; }
    body.dark-only .code-box-copy pre code {
      background-color: #1A1C23; }
  body.dark-only .code-box-copy pre[class*="language-"] {
    border: 1px solid #1A1C23; }
  body.dark-only .code-box-copy .code-box-copy__btn {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    color: #fff; }
  body.dark-only .code-box-copy code[class*=language-],
  body.dark-only .code-box-copy pre[class*=language-] {
    text-shadow: 0px 1px #000; }
    body.dark-only .code-box-copy code[class*=language-] ::selection,
    body.dark-only .code-box-copy pre[class*=language-] ::selection {
      text-shadow: none;
      background: #22242B; }
  body.dark-only table.fixedHeader-floating {
    background-color: #1A1C23; }
  body.dark-only .note textarea {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .dt-button-info {
    background-color: #22242B;
    border: 1px solid #1A1C23; }
    body.dark-only .dt-button-info h2 {
      background-color: #22242B;
      border-bottom: 1px solid #1A1C23; }
  body.dark-only pre {
    background-color: #1A1C23; }
  body.dark-only #keytable_wrapper .dataTables_paginate,
  body.dark-only #column-selector_wrapper .dataTables_paginate,
  body.dark-only #auto-fill_wrapper .dataTables_paginate,
  body.dark-only #custom-button_wrapper .dataTables_paginate,
  body.dark-only #class-button_wrapper .dataTables_paginate,
  body.dark-only #keyboard-btn_wrapper .dataTables_paginate,
  body.dark-only #multilevel-btn_wrapper .dataTables_paginate,
  body.dark-only #pagelength-btn_wrapper .dataTables_paginate,
  body.dark-only #basic-colreorder_wrapper .dataTables_paginate,
  body.dark-only #state-saving_wrapper .dataTables_paginate,
  body.dark-only #real-time_wrapper .dataTables_paginate,
  body.dark-only #basic-fixed-header_wrapper .dataTables_paginate,
  body.dark-only #fixed-header-footer_wrapper .dataTables_paginate,
  body.dark-only #export-button_wrapper .dataTables_paginate,
  body.dark-only #excel-cust-bolder_wrapper .dataTables_paginate,
  body.dark-only #cust-json_wrapper .dataTables_paginate,
  body.dark-only #basic-key-table_wrapper .dataTables_paginate,
  body.dark-only #focus-cell_wrapper .dataTables_paginate,
  body.dark-only #responsive_wrapper .dataTables_paginate,
  body.dark-only #new-cons_wrapper .dataTables_paginate,
  body.dark-only #show-hidden-row_wrapper .dataTables_paginate,
  body.dark-only #basic-row-reorder_wrapper .dataTables_paginate,
  body.dark-only #full-row_wrapper .dataTables_paginate,
  body.dark-only #rest-column_wrapper .dataTables_paginate {
    border: none; }
  body.dark-only #example-style-8_wrapper table.dataTable.stripe tbody tr.odd,
  body.dark-only #example-style-8_wrapper table.dataTable.display tbody tr.odd {
    background-color: #1A1C23; }
  body.dark-only .error-wrapper {
    background-color: rgba(54, 64, 74, 0.8); }
    body.dark-only .error-wrapper .sub-content {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .b-light {
    border: 1px solid #1A1C23 !important; }
  body.dark-only .modal-content {
    background-color: #22242B; }
    body.dark-only .modal-content .modal-header {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      body.dark-only .modal-content .modal-header h3 {
        color: #fff; }
      body.dark-only .modal-content .modal-header .close {
        color: rgba(255, 255, 255, 0.6);
        font-weight: 400; }
    body.dark-only .modal-content .ui-front .form-control {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6);
      border: 1px solid rgba(255, 255, 255, 0.3); }
  body.dark-only .modal .theme-close {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .token.atrule,
  body.dark-only .token.attr-value,
  body.dark-only .token.keyword {
    color: #173878; }
  body.dark-only .token.boolean, body.dark-only .token.constant, body.dark-only .token.deleted, body.dark-only .token.number, body.dark-only .token.property, body.dark-only .token.symbol, body.dark-only .token.tag {
    color: #FE6A49; }
  body.dark-only .loader-box.card-loader {
    background-color: #22242B; }
  body.dark-only .my-gallery.gallery-with-description img {
    border: 1px solid #1A1C23 !important;
    border-bottom: none !important; }
  body.dark-only .alert-primary.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-secondary.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-success.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-danger.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-warning.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-info.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-light.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-dark.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-theme span + span + span {
    border-left: 5px solid var(--theme-deafult);
    background-color: #1A1C23;
    border-radius: 4px; }
  body.dark-only .alert-theme i {
    color: #fff;
    padding: 20px;
    margin-right: 20px !important; }
  body.dark-only .user-card .user-deatils h6 {
    color: #98a6ad; }
  body.dark-only .user-card .card-footer > div:first-child {
    border-right: 1px solid #1A1C23; }
  body.dark-only .user-card .card-footer .user-footer h6 {
    color: #98a6ad; }
  body.dark-only .user-card .card-footer .user-footer svg path,
  body.dark-only .user-card .card-footer .user-footer svg rect {
    color: #98a6ad; }
  body.dark-only .order-history table .qty-box button {
    background-color: #1A1C23 !important;
    border: none !important; }
  body.dark-only .order-history table .qty-box .input-group {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .order-history table thead tr th {
    background-color: #1A1C23; }
  body.dark-only .order-history table tr td,
  body.dark-only .order-history table tr th {
    border-top: none !important; }
  body.dark-only .order-history .title-orders {
    background-color: #1A1C23; }
  body.dark-only .navigation-option ul li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .navigation-option ul li:hover {
    background-color: #1A1C23; }
  body.dark-only .product-box .product-details h6 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .product-box .product-details > a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .product-box .product-details span {
    color: #98a6ad; }
  body.dark-only .product-box .product-img .product-hover ul li {
    background-color: #22242B; }
    body.dark-only .product-box .product-img .product-hover ul li:hover {
      background-color: #000;
      color: #fff; }
  body.dark-only .browse .browse-articles ul li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .browse .browse-articles ul li:hover {
    background-color: #1A1C23; }
  body.dark-only .radio-primary input[type="radio"] + label::before {
    border-color: var(--theme-deafult) !important; }
  body.dark-only .radio-primary input[type="radio"] + label::after {
    background-color: var(--theme-deafult); }
  body.dark-only .radio-primary input[type="radio"]:checked + label::before {
    border-color: var(--theme-deafult) !important; }
  body.dark-only .radio-primary input[type="radio"]:checked + label::after {
    background-color: var(--theme-deafult); }
  body.dark-only .radio-secondary input[type="radio"] + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-secondary input[type="radio"] + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-secondary input[type="radio"]:checked + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-secondary input[type="radio"]:checked + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-success input[type="radio"] + label::before {
    border-color: #00AC46 !important; }
  body.dark-only .radio-success input[type="radio"] + label::after {
    background-color: #00AC46; }
  body.dark-only .radio-success input[type="radio"]:checked + label::before {
    border-color: #00AC46 !important; }
  body.dark-only .radio-success input[type="radio"]:checked + label::after {
    background-color: #00AC46; }
  body.dark-only .radio-danger input[type="radio"] + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-danger input[type="radio"] + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-danger input[type="radio"]:checked + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-danger input[type="radio"]:checked + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-info input[type="radio"] + label::before {
    border-color: #173878 !important; }
  body.dark-only .radio-info input[type="radio"] + label::after {
    background-color: #173878; }
  body.dark-only .radio-info input[type="radio"]:checked + label::before {
    border-color: #173878 !important; }
  body.dark-only .radio-info input[type="radio"]:checked + label::after {
    background-color: #173878; }
  body.dark-only .radio-light input[type="radio"] + label::before {
    border-color: #E6E9EB !important; }
  body.dark-only .radio-light input[type="radio"] + label::after {
    background-color: #E6E9EB; }
  body.dark-only .radio-light input[type="radio"]:checked + label::before {
    border-color: #E6E9EB !important; }
  body.dark-only .radio-light input[type="radio"]:checked + label::after {
    background-color: #E6E9EB; }
  body.dark-only .radio-dark input[type="radio"] + label::before {
    border-color: #2c323f !important; }
  body.dark-only .radio-dark input[type="radio"] + label::after {
    background-color: #2c323f; }
  body.dark-only .radio-dark input[type="radio"]:checked + label::before {
    border-color: #2c323f !important; }
  body.dark-only .radio-dark input[type="radio"]:checked + label::after {
    background-color: #2c323f; }
  body.dark-only .radio-warning input[type="radio"] + label::before {
    border-color: #FFAE1A !important; }
  body.dark-only .radio-warning input[type="radio"] + label::after {
    background-color: #FFAE1A; }
  body.dark-only .radio-warning input[type="radio"]:checked + label::before {
    border-color: #FFAE1A !important; }
  body.dark-only .radio-warning input[type="radio"]:checked + label::after {
    background-color: #FFAE1A; }
  body.dark-only .checkbox-primary label::before {
    border-color: var(--theme-deafult) !important; }
  body.dark-only .checkbox-secondary label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .checkbox-success label::before {
    border-color: #00AC46 !important; }
  body.dark-only .checkbox-danger label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .checkbox-info label::before {
    border-color: #173878 !important; }
  body.dark-only .checkbox-light label::before {
    border-color: #E6E9EB !important; }
  body.dark-only .checkbox-dark label::before {
    border-color: #2c323f !important; }
  body.dark-only .checkbox-warning label::before {
    border-color: #FFAE1A !important; }
  body.dark-only .checkbox-solid-primary label:before {
    background-color: var(--theme-deafult) !important;
    border-color: var(--theme-deafult) !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-primary input[type="checkbox"]:checked + label::before {
    background-color: var(--theme-deafult) !important;
    border-color: var(--theme-deafult) !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-primary input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-secondary label:before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-secondary input[type="checkbox"]:checked + label::before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-secondary input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-success label:before {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-success input[type="checkbox"]:checked + label::before {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-success input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-danger label:before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-danger input[type="checkbox"]:checked + label::before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-danger input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-info label:before {
    background-color: #173878 !important;
    border-color: #173878 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-info input[type="checkbox"]:checked + label::before {
    background-color: #173878 !important;
    border-color: #173878 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-info input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-light label:before {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-light input[type="checkbox"]:checked + label::before {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-light input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-dark label:before {
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-dark input[type="checkbox"]:checked + label::before {
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-dark input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-warning label:before {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-warning input[type="checkbox"]:checked + label::before {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-warning input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .bootstrap-datetimepicker-widget ul li {
    color: rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .bootstrap-datetimepicker-widget tr th:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td:hover {
    background-color: #22242B; }
  body.dark-only .bootstrap-datetimepicker-widget tr th span:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td span:hover {
    background-color: #22242B; }
  body.dark-only .bootstrap-datetimepicker-widget tr th.prev:hover, body.dark-only .bootstrap-datetimepicker-widget tr th.next:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td.prev:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td.next:hover {
    background-color: #22242B; }
  body.dark-only .bootstrap-datetimepicker-widget tr:first-child th:hover {
    background-color: #22242B; }
  body.dark-only .btn-transparent {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only #cal-basic .fc-toolbar .fc-left .fc-next-button .fc-icon-right-single-arrow:after,
  body.dark-only #cal-basic .fc-toolbar .fc-right .fc-next-button .fc-icon-right-single-arrow:after {
    color: #98a6ad; }
  body.dark-only #cal-basic .fc-toolbar .fc-left .fc-prev-button .fc-icon-left-single-arrow:after,
  body.dark-only #cal-basic .fc-toolbar .fc-right .fc-prev-button .fc-icon-left-single-arrow:after {
    color: #98a6ad; }
  body.dark-only #cal-basic .fc-toolbar .fc-left .fc-button-group .fc-month-button {
    color: #fff !important; }
  body.dark-only .fc-button-group .fc-basicWeek-button,
  body.dark-only .fc-button-group .fc-basicDay-button,
  body.dark-only .fc-button-group .fc-agendaWeek-button,
  body.dark-only .fc-button-group .fc-agendaDay-button {
    color: #000 !important; }
  body.dark-only .fc-button-group .fc-month-button {
    color: #fff !important; }
  body.dark-only .btn-light.active.active:not([disabled]):not(.disabled) {
    background-color: #1A1C23 !important;
    color: rgba(255, 255, 255, 0.3) !important; }
  body.dark-only .btn-light.disabled, body.dark-only .btn-light:disabled {
    color: rgba(5, 26, 26, 0.5) !important; }
  body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-month-button,
  body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .btn-light {
    color: #000 !important; }
  body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button {
    color: #fff !important; }
    body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button:hover {
      color: #000 !important; }
  body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
  body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .btn-light,
  body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
  body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .btn-light,
  body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
  body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .btn-light {
    color: #000 !important; }
  body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button,
  body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button,
  body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button {
    color: #fff !important; }
    body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover,
    body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover,
    body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover {
      color: #000 !important; }
  body.dark-only .categories ul li a {
    color: #98a6ad; }
  body.dark-only .categories ul li:hover {
    background-color: #1A1C23; }
  body.dark-only .socialprofile .likes-profile h5 span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .socialprofile span {
    color: #98a6ad; }
  body.dark-only .social-status .media .media-body span + span {
    color: #98a6ad; }
  body.dark-only .social-status .media .media-body p,
  body.dark-only .social-status .media .media-body .light-span {
    color: #98a6ad; }
  body.dark-only .filter-cards-view p,
  body.dark-only .timeline-content p {
    color: #98a6ad; }
  body.dark-only .filter-cards-view .comment-number i,
  body.dark-only .timeline-content .comment-number i {
    color: #98a6ad; }
  body.dark-only .filter-cards-view .comments-box .input-group .form-control,
  body.dark-only .timeline-content .comments-box .input-group .form-control {
    border: none !important; }
  body.dark-only .filter-cards-view .comments-box .input-group .input-group-append,
  body.dark-only .timeline-content .comments-box .input-group .input-group-append {
    background-color: #1A1C23; }
  body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input {
    background-color: #1A1C23;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top-left-radius: 7px !important;
    border-bottom-left-radius: 7px !important; }
    body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input:focus {
      box-shadow: unset; }
    body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input::placeholder {
      color: rgba(255, 255, 255, 0.3); }
  body.dark-only .social-chat .flex-grow-1 {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .social-chat .flex-grow-1:after {
      border-right: 7px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .social-chat .flex-grow-1 .input-group input {
      background-color: #1A1C23; }
  body.dark-only .social-chat span span {
    color: #98a6ad; }
  body.dark-only .details-about .your-details p {
    color: #98a6ad; }
  body.dark-only .activity-log .my-activity p {
    color: #98a6ad; }
  body.dark-only .bookmark ul li a {
    color: rgba(255, 255, 255, 0.6); }
  @media only screen and (max-width: 991.98px) {
    body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      border-right: 1px solid rgba(255, 255, 255, 0.1); } }
  @media only screen and (max-width: 767.98px) {
    body.dark-only .page-wrapper.material-icon .page-header {
      background-color: #22242B; } }
  body.dark-only .apexcharts-tooltip.light {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #1A1C23; }
    body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
      border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-label,
    body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-value {
      color: #fff; }
  body.dark-only .dark-txt p strong {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .live-dark .btn-close {
    filter: initial; }
  body.dark-only .alert-light {
    color: #1A1C23 !important; }
  body.dark-only .dark-input-type .input-group .input-group-text {
    background: transparent;
    border: unset; }
  body.dark-only .dropdown-menu {
    background-color: #1A1C23; }
  body.dark-only .leaflet-control-zoom span {
    color: #051A1A; }
  body.dark-only .heading-dropdown .dropdown-menu > li:first-child > a {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .heading-dropdown .dropdown-menu a.dropdown-item {
    color: rgba(255, 255, 255, 0.1); }
  body.dark-only .dark-accordion .accordion-item {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .dark-accordion .accordion-item .accordion-collapse p {
      color: rgba(255, 255, 255, 0.3); }
    body.dark-only .dark-accordion .accordion-item .accordion-collapse .accordion-body {
      background-color: #22242B; }
      body.dark-only .dark-accordion .accordion-item .accordion-collapse .accordion-body h6 {
        border: 0; }
  body.dark-only .dark-accordion .collapse-wrapper {
    color: #1A1C23; }
  body.dark-only .dark-accordion.card {
    border-radius: unset; }
  body.dark-only .accordions-content li {
    color: rgba(255, 255, 255, 0.3); }
  body.dark-only .dark-list .list-group .list-group-item + .list-group-item {
    border-top-width: 1px; }
  body.dark-only .dark-list .list-group .list-group-item .form-check-input {
    border: 1px solid rgba(255, 255, 255, 0.6);
    background-color: transparent; }
  body.dark-only .dark-list .list-light-dark {
    background-color: #1A1C23; }
  body.dark-only .card-wrapper .sub-title {
    border-bottom: unset !important; }
  body.dark-only .dark-blockquote .blockquote p {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .dark-sign-up h3 {
    color: #22242B; }
  body.dark-only .dark-sign-up p {
    color: #22242B; }
  body.dark-only .dark-sign-up .modal-body form .form-label {
    color: #1f2533; }
  body.dark-only .dark-sign-up .modal-body form .form-check .form-check-label {
    color: #1f2533; }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header svg {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header h6 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body svg {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body p {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-toggle-wrapper .dark-toggle-btn {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .social-profile {
    background-attachment: fixed; }
    body.dark-only .social-profile .social-details h5 a {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .dark-helper {
    background-color: rgba(26, 28, 35, 0.4); }
    body.dark-only .dark-helper h6,
    body.dark-only .dark-helper span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .dark-helper .text-muted {
      color: #22242B !important; }
  body.dark-only .font-dark {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .treejs .treejs-node__disabled {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .treejs .treejs-switcher:before {
    border-top: 4px solid rgba(255, 255, 255, 0.6); }
  body.dark-only .irs-min,
  body.dark-only .irs-max {
    color: #98a6ad;
    background-color: #323846; }
  body.dark-only .ribbon-wrapper.alert-light-light,
  body.dark-only .ribbon-wrapper-bottom.alert-light-light,
  body.dark-only .ribbon-vertical-left-wrapper.alert-light-light,
  body.dark-only .ribbon-wrapper-right.alert-light-light,
  body.dark-only .ribbon-vertical-right-wrapper.alert-light-light {
    background-color: #323846; }
  body.dark-only .pagination .page-item .page-link.rounded-circle {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .dark-timeline .date-content {
    color: rgba(255, 255, 255, 0.6) !important;
    background-color: #1A1C23 !important; }
  body.dark-only .student-leader-wrapper .student-leader-content {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .attendance-card .left-overview-content .svg-box {
    box-shadow: unset;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .task-table .main-task-wrapper .square-white {
    box-shadow: unset;
    border: 1px solid transparent; }
  body.dark-only .income-wrapper ul li + li {
    border-left: 1px dashed rgba(255, 255, 255, 0.1); }
    @media (max-width: 1735px) {
      body.dark-only .income-wrapper ul li + li {
        border-left: unset; } }
  body.dark-only .icons-box-2 .open-options .dropdown-menu {
    background-color: #1A1C23; }
  body.dark-only .performance-wrapper .performance-right p {
    color: var(--body-font-color); }
  body.dark-only .main-product-wrapper .product-body .product-search.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    color: #98a6ad; }
  body.dark-only .main-product-wrapper .product-body .product-search.input-group .input-group-text {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .main-product-wrapper .product-body .product-search.input-group .form-control {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-left: unset;
    background-color: #22242B; }
    [dir="rtl"] body.dark-only .main-product-wrapper .product-body .product-search.input-group .form-control {
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-right: unset; }
  body.dark-only .our-product-wrapper {
    box-shadow: 0px 3px 17px rgba(113, 113, 137, 0.18); }
  body.dark-only .grid-showcase span {
    background-color: #1A1C23; }
  body.dark-only .grid-showcase .grid-wrapper {
    background-color: #1A1C23; }
  body.dark-only .custom-input #validationCustom03.form-control,
  body.dark-only .custom-input #validationCustom03 .form-select,
  body.dark-only .custom-input #validationCustom05.form-control,
  body.dark-only .custom-input #validationCustom05 .form-select,
  body.dark-only .custom-input #validationCustomUsername.form-control,
  body.dark-only .custom-input #validationCustomUsername .form-select {
    border-color: #1A1C23; }
  body.dark-only .form-control[type=file]:not(:disabled):not([readonly]) {
    color: rgba(255, 255, 255, 0.2);
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .custom-input .form-control,
  body.dark-only .custom-input .form-select {
    background-color: #1A1C23 !important;
    border-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link:active .vertical-wizard .vertical-wizard-content h6, body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link.active .vertical-wizard .vertical-wizard-content h6 {
    color: #98a6ad; }
  body.dark-only td.highlight {
    background-color: #1f232b !important; }
  body.dark-only .card-wrapper .form-control,
  body.dark-only .dark-field .form-control {
    background-color: #1A1C23;
    border-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .form-control-sm {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .dark-inputs .form-control.btn-square {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .dark-inputs .form-control.btn-pill {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .dark-inputs .form-control.input-air-primary {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard {
    color: #1A1C23; }
  body.dark-only .touchspin-wrapper input.input-touchspin[type="number"],
  body.dark-only .pre-post-touchspin input.input-touchspin[type="number"] {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .variation-box .selection-box input[type=checkbox]:checked ~ div {
    color: #fff; }
  body.dark-only .flatpickr-calendar {
    box-shadow: unset; }
    body.dark-only .flatpickr-calendar.animate {
      background-color: #1A1C23; }
  body.dark-only .flatpickr-current-month .flatpickr-monthDropdown-months {
    color: #fff !important; }
  body.dark-only .flatpickr-current-month .numInputWrapper {
    color: #fff !important; }
  body.dark-only .flatpickr-prev-month {
    fill: #fff !important; }
  body.dark-only .flatpickr-next-month {
    fill: #fff !important; }
  body.dark-only .flatpickr-time {
    border: 1px solid #323846; }
    body.dark-only .flatpickr-time input {
      background: #22262f; }
  body.dark-only .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover {
    background-color: #22242B;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .tagify__dropdown__item--active {
    background-color: #1A1C23; }
  body.dark-only .tagify__input {
    color: #98a6ad; }
    body.dark-only .tagify__input::before {
      color: #98a6ad; }
  body.dark-only .tagify {
    border-color: rgba(255, 255, 255, 0.1);
    --tags-focus-border-color: #374558; }
    body.dark-only .tagify .tagify__tag-text {
      color: #1A1C23; }
  body.dark-only .international-num input {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #22242B; }
  body.dark-only .international-num .results ul {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .iti__country-list {
    background-color: #22242B; }
  body.dark-only .select-box .selection-option:hover {
    background-color: #22262f; }
  body.dark-only .select-box .options-container.active ~ .search-box input {
    background-color: rgba(255, 255, 255, 0.6); }
  body.dark-only .table-hover > tbody > tr:hover {
    --bs-table-accent-bg: #1d1e26; }
  body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert {
    background-color: #1A1C23;
    border-color: #323846; }
    body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert i {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert div {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .main-qr-code .modal-toggle-wrapper form .form-control {
    background-color: #1A1C23;
    border-color: #323846; }
  body.dark-only .authentication-options .radio-wrapper li .form-check-label span > span {
    color: #98a6ad; }
  body.dark-only .typeahead-wrapper .theme-form .form-control {
    background-color: #1A1C23 !important;
    border-color: #1A1C23 !important; }
  body.dark-only .compose-modal form .form-control {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1);
    color: #98a6ad; }
  body.dark-only .toolbar-box .ql-snow .ql-stroke {
    stroke: #98a6ad; }
  body.dark-only .toolbar-box .ql-snow .ql-tooltip {
    background-color: #1A1C23;
    box-shadow: unset;
    border: 0; }
    body.dark-only .toolbar-box .ql-snow .ql-tooltip.ql-editing input[type=text] {
      background-color: #22242B;
      border: 0;
      color: #98a6ad; }
  body.dark-only .toolbar-box .ql-snow a {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .toolbar-box .ql-editor.ql-blank::before {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .nav-right .nav-menus li .input-show input {
    border-color: #22242B !important;
    background-color: #1A1C23;
    color: #fff; }
  body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
    background-color: #1A1C23;
    border: 0;
    color: rgba(255, 255, 255, 0.2); }
    body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control::placeholder {
      color: rgba(255, 255, 255, 0.2); }
  body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search i {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .email-body .mail-header-wrapper .mail-body .dropdown-menu .dropdown-item {
    background: #1A1C23;
    opacity: 1;
    border: 0;
    color: rgba(255, 255, 255, 0.2); }
    body.dark-only .email-body .mail-header-wrapper .mail-body .dropdown-menu .dropdown-item:hover {
      background-color: #22242B; }
  body.dark-only .inbox-options .light-square.btn-group .dropdown-menu {
    background: #2b2b2b; }
    body.dark-only .inbox-options .light-square.btn-group .dropdown-menu .dropdown-item:hover {
      background-color: rgba(255, 255, 255, 0.2);
      color: #98a6ad; }
  body.dark-only .inbox-security {
    background-color: #1A1C23; }
  body.dark-only .mail-pagination .pagination-number,
  body.dark-only .mail-pagination .pagination-button {
    background-color: #323846; }
  body.dark-only .flatpicker-calender.product-date .form-control.flatpickr-input {
    border: unset;
    background-color: #1A1C23 !important; }
  body.dark-only .price-wrapper .radio-wrapper li .form-check-input {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .price-wrapper .radio-wrapper li .form-check-input ~ .form-check-label span {
      color: #98a6ad; }
  body.dark-only .product-buttons .btn:hover, body.dark-only .product-buttons .btn:active {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .product-buttons .btn svg {
    stroke: rgba(255, 255, 255, 0.6); }
  body.dark-only .ql-formats .ql-picker-label::before {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .list-product .datatable-pagination .datatable-active .datatable-pagination-list-item-link {
    background-color: var(--theme-deafult);
    color: var(--white); }
  body.dark-only .list-product .datatable-pagination .datatable-pagination-list-item-link {
    background-color: #1A1C23;
    color: #98a6ad; }
  body.dark-only .list-product .datatable-input:focus {
    outline: unset; }
  body.dark-only .list-product .datatable-selector {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23; }
  body.dark-only .table {
    --bs-table-bg: trasparnt; }
  body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
    background-color: #1A1C23; }
  body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
    background-color: #1A1C23;
    border: unset;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control::placeholder {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .left-sidebar-wrapper .advance-options .chats-user span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .search-contacts .form-control {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.2); }
    body.dark-only .search-contacts .form-control::placeholder {
      color: #98a6ad; }
  body.dark-only .msger .right-msg .msg-bubble {
    color: #fff; }
  body.dark-only .right-sidebar-title span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .right-sidebar-Chats .msger-chat {
    background: #1A1C23; }
  body.dark-only .right-sidebar-Chats .msger-inputarea {
    background: #22242B; }
  body.dark-only .right-sidebar-Chats .msger-input:focus {
    background-color: #1A1C23; }
  body.dark-only .fg-emoji-picker-search input,
  body.dark-only .fg-emoji-picker-search .fg-emoji-picker-search-icon {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .fg-emoji-picker-category-title {
    background-color: #323846; }
  body.dark-only .add-post form label,
  body.dark-only .add-post form .col-form-label {
    color: #98a6ad; }
  body.dark-only .add-post form .form-control {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2);
    border: unset; }
    body.dark-only .add-post form .form-control::placeholder {
      color: rgba(255, 255, 255, 0.2); }
  body.dark-only .ql-container.ql-snow .ql-editor {
    color: rgba(255, 255, 255, 0.2); }

body.dark-sidebar .page-wrapper .sidebar-main-title p {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.horizontal-wrapper .logo-wrapper .for-light {
  display: block; }

body.dark-sidebar .page-wrapper.horizontal-wrapper .logo-wrapper .for-dark {
  display: none; }

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
  background-color: #22242B; }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    stroke: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400; }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
    background-color: rgba(255, 255, 255, 0.2); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-deafult); }

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
  background: #22242B; }
  body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
    background-color: #22242B; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg.stroke-icon {
        stroke: #fff !important; }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg.fill-icon {
        fill: #051A1A;
        stroke: none !important; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a {
      background-color: rgba(255, 255, 255, 0.3); }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a span {
        color: #fff !important; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
      background: #22242B; }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
        color: rgba(255, 255, 255, 0.6); }
        body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active, body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
          color: var(--theme-deafult); }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
        background: #22242B; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
      background: #22242B; }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
  background: #22242B; }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
  stroke: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  background-color: #22242B; }
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
  background-color: rgba(0, 102, 102, 0.2); }
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
    color: var(--theme-deafult); }
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
    color: var(--theme-deafult);
    stroke: var(--theme-deafult); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400; }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
  background-color: rgba(255, 255, 255, 0.2); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
  color: var(--theme-deafult); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i {
  color: rgba(255, 255, 255, 0.6); }

body .for-dark {
  display: none; }

body[class*='dark-'] .for-dark {
  display: block; }

body[class*='dark-'] .for-light {
  display: none; }

/**=====================
	4.1. Dark CSS ends
==========================**/
/**=====================
  4.2 Theme-customizer CSS Start
==========================**/
.customizer-links {
  position: fixed;
  right: 00px;
  top: 50%;
  z-index: 3;
  transform: translate(0, -50%);
  box-shadow: 0 0 37px rgba(8, 21, 66, 0.1); }
  .customizer-links > .nav {
    border-radius: 8px;
    padding: 10px;
    background-color: #fff; }
  .customizer-links.open {
    right: 330px;
    border-radius: 8px 0 0 8px;
    transition: all 0.3s ease; }
  .customizer-links .nav-link {
    padding: 0;
    position: relative;
    text-align: -webkit-center; }
    .customizer-links .nav-link:before {
      content: "";
      position: absolute;
      height: 100%;
      left: 0;
      width: 100%;
      background-color: rgba(0, 102, 102, 0.1);
      border-radius: 5px;
      transform: scale(0);
      transition: all 0.3s ease; }
    .customizer-links .nav-link:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid;
      top: 12px;
      border-width: 5px 0 5px 5px;
      border-left-color: rgba(0, 102, 102, 0.1);
      opacity: 0;
      transform: scale(0);
      color: #fff;
      left: -10px;
      z-index: 2;
      transition: all 0.3s ease; }
    .customizer-links .nav-link:hover i {
      color: var(--theme-deafult); }
    .customizer-links .nav-link:hover img {
      animation: swing 1.5s ease infinite; }
    .customizer-links .nav-link:hover:before {
      border-bottom: 2px solid var(--theme-deafult);
      opacity: 1;
      transform: scale(1);
      transition: all 0.3s ease; }
    .customizer-links .nav-link:hover:after {
      opacity: 1;
      transform: scale(1);
      transition: all 0.3s ease; }
    .customizer-links .nav-link:hover span {
      opacity: 1;
      right: 48px;
      transform: scale(1);
      transition: all 0.3s ease; }
    .customizer-links .nav-link + .nav-link {
      margin-bottom: 5px; }
    .customizer-links .nav-link div img {
      height: 22px;
      margin: 6px 6px;
      width: 22px; }
    .customizer-links .nav-link span {
      position: absolute;
      right: -60px;
      width: max-content;
      text-align: right;
      padding: 7px 10px;
      display: block;
      top: 0;
      border-radius: 5px;
      transform: scale(0);
      transition: all 0.3s ease;
      opacity: 0;
      color: var(--theme-deafult);
      background-color: var(--white);
      box-shadow: 0 0 37px rgba(8, 21, 66, 0.1); }
    .customizer-links .nav-link i {
      font-size: 17px;
      padding: 8px 10px;
      display: inline-block;
      cursor: pointer;
      margin: 0;
      color: gray;
      border-radius: 5px; }

.customizer-contain {
  direction: ltr;
  position: fixed;
  height: calc(100vh);
  top: 79px;
  width: 333px;
  right: -335px;
  background-color: #fff;
  z-index: 8;
  transition: all 0.3s ease; }
  .customizer-contain.open {
    right: 0px;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px 1px rgba(68, 102, 242, 0.05); }
  .customizer-contain li {
    position: relative; }
    .customizer-contain li.active {
      box-shadow: 0 0 11px 5px rgba(226, 226, 226, 0.5); }
  .customizer-contain h5 {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-top: 12px;
    padding-top: 12px;
    margin-bottom: 5px;
    color: #051A1A; }
  .customizer-contain h3 {
    color: #051A1A; }
  .customizer-contain .customizer-header {
    padding: 15px 25px;
    border-bottom: 1px solid #E6E9EB; }
    .customizer-contain .customizer-header .icon-close {
      position: absolute;
      font-size: 18px;
      cursor: pointer;
      font-weight: 900;
      right: 20px;
      top: 20px;
      color: var(--theme-deafult); }
    .customizer-contain .customizer-header h5 {
      text-transform: uppercase; }
  .customizer-contain .customizer-body {
    padding: 15px 25px;
    max-height: calc(100vh - 200px);
    overflow-y: scroll; }
    .customizer-contain .customizer-body .fade:not(.show) {
      display: none; }
    .customizer-contain .customizer-body .unlimited-color-layout {
      display: flex;
      align-items: center; }
      .customizer-contain .customizer-body .unlimited-color-layout .btn {
        font-size: 15px;
        padding: 4px 20px; }
      .customizer-contain .customizer-body .unlimited-color-layout input {
        border: 1px solid #E6E9EB;
        height: 35px;
        width: 35px;
        border-radius: 5px;
        background-color: #fff;
        margin-right: 5px; }
    .customizer-contain .customizer-body .layout-grid.customizer-mix .color-layout {
      height: 70px;
      width: 80px;
      border: 1px solid #f6f7fb;
      border-radius: 5px; }
    .customizer-contain .customizer-body .tab-pane > h6:first-child {
      padding-top: 0;
      margin-top: 0; }
    .customizer-contain .customizer-body li {
      cursor: pointer;
      opacity: 0.9; }
      .customizer-contain .customizer-body li.active {
        opacity: 1; }
    .customizer-contain .customizer-body .color-layout {
      height: 35px;
      width: 35px;
      border-radius: 6px;
      display: inline-block;
      margin-right: 3px;
      border: 1px solid #b8b8b8;
      padding: 3px; }
      .customizer-contain .customizer-body .color-layout > div {
        background-color: #006666;
        height: 100%;
        width: 100%;
        border-radius: 5px; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-2"] div {
        background-color: #1D5B79; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-3"] div {
        background-color: #4A55A2; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-4"] div {
        background-color: #167A93; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-5"] div {
        background-color: #423964; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-6"] div {
        background-color: #4b2a4b; }
    .customizer-contain .customizer-body .dark > li {
      background-color: #2f3c4e; }
    .customizer-contain .customizer-body .main-layout > li {
      height: 65px;
      width: 85px;
      border: 1px solid #E6E9EB;
      border-radius: 10px;
      display: inline-block; }
      .customizer-contain .customizer-body .main-layout > li:nth-child(2) .body ul li:first-child {
        margin-right: 3px; }
      .customizer-contain .customizer-body .main-layout > li + li {
        margin-left: 7px; }
    .customizer-contain .customizer-body .main-layout .box-layout .body .badge {
      left: -14px;
      padding: 4px 8px; }
    .customizer-contain .customizer-body .sidebar-type > li,
    .customizer-contain .customizer-body .sidebar-setting > li {
      height: 70px;
      width: 85px;
      border: 1px solid #E6E9EB;
      border-radius: 5px;
      display: inline-block; }
      .customizer-contain .customizer-body .sidebar-type > li + li,
      .customizer-contain .customizer-body .sidebar-setting > li + li {
        margin-left: 7px; }
    .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.bg-dark, .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.sidebar {
      width: 100%;
      height: 10px;
      display: block; }
    .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.bg-light, .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.body {
      height: calc(100% - 10px);
      width: 100%; }
    .customizer-contain .customizer-body .sidebar-type li.body-compact[data-attr="normal-sidebar"] .body ul li.body {
      width: calc(100% - 25px); }
    .customizer-contain .customizer-body .layout-types {
      margin-bottom: -30px; }
      .customizer-contain .customizer-body .layout-types > li {
        display: block;
        width: unset;
        height: unset;
        margin-bottom: 30px; }
        .customizer-contain .customizer-body .layout-types > li .layout-img h6 {
          padding-top: 0;
          text-transform: inherit;
          text-align: center; }
      .customizer-contain .customizer-body .layout-types .box-layout {
        background: unset; }

.layout-grid:not(.customizer-color) li {
  padding: 5px; }
  .layout-grid:not(.customizer-color) li > .header {
    height: 9px;
    border-radius: 3px;
    position: relative; }
    .layout-grid:not(.customizer-color) li > .header ul {
      position: absolute;
      top: -8px;
      left: 5px; }
      .layout-grid:not(.customizer-color) li > .header ul > li {
        display: inline-block;
        width: 4px;
        height: 4px;
        border-radius: 5px;
        top: calc(50% - 3px);
        background-color: var(--theme-deafult);
        margin-right: 2px;
        padding: 0; }
        .layout-grid:not(.customizer-color) li > .header ul > li:nth-child(2) {
          background-color: var(--theme-secondary); }
        .layout-grid:not(.customizer-color) li > .header ul > li:nth-child(3) {
          background-color: #00AC46; }
  .layout-grid:not(.customizer-color) li > .body {
    background-color: #2c323f;
    height: calc(100% - 16px);
    border-radius: 3px;
    position: relative;
    margin-top: 5px;
    text-align: center;
    line-height: 3.1; }
    .layout-grid:not(.customizer-color) li > .body ul {
      height: 100%;
      background-color: #fff; }
      .layout-grid:not(.customizer-color) li > .body ul .sidebar {
        width: 18px;
        height: 100%;
        border-radius: 3px;
        display: inline-block;
        margin-right: 3px;
        padding: 0; }
        .layout-grid:not(.customizer-color) li > .body ul .sidebar.compact {
          width: 12px; }
          .layout-grid:not(.customizer-color) li > .body ul .sidebar.compact ~ .body {
            width: calc(100% - 19px); }
      .layout-grid:not(.customizer-color) li > .body ul .body {
        width: calc(100% - 25px);
        padding: 0;
        margin: 0;
        height: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px; }
        .layout-grid:not(.customizer-color) li > .body ul .body .badge {
          padding: 4px 8px;
          position: absolute; }

/**=====================
    4.2 Theme-customizer CSS Ends
==========================**/
/**=====================
  4.3 Update CSS Start
==========================**/
.jsgrid-filter-row select,
.jsgrid-filter-row input {
  padding: 6px 10px;
  border: 1px solid #f2f4ff;
  background: #fff; }

.popover {
  background-color: #fff;
  border: none;
  -webkit-box-shadow: 0 0 20px rgba(0, 102, 102, 0.1);
  box-shadow: 0 0 20px rgba(0, 102, 102, 0.1); }
  .popover .popover-header {
    background-color: #F5F5F5;
    color: #006666;
    border-bottom: none; }
  .popover .popover-body {
    color: rgba(43, 43, 43, 0.7); }

#calendar .fc-header-toolbar {
  display: flex; }
  @media (max-width: 1690px) {
    #calendar .fc-header-toolbar {
      display: none; } }
.tooltip.bs-tooltip-top .tooltip-arrow:before {
  border-top-color: #F5F5F5; }

.tooltip.bs-tooltip-bottom .tooltip-arrow:before {
  border-bottom-color: #F5F5F5;
  border-top-color: transparent; }

.tooltip.bs-tooltip-start .tooltip-arrow:before {
  border-left-color: #F5F5F5;
  border-top-color: transparent; }

.tooltip.bs-tooltip-end .tooltip-arrow:before {
  border-right-color: #F5F5F5;
  border-top-color: transparent; }

.tooltip .tooltip-inner {
  background-color: #F5F5F5;
  color: #006666; }

.tooltip .tooltip-arrow:before {
  border-top-color: #F5F5F5; }

.dropdown-basic .dropdown .dropdown-content a {
  padding: 12px;
  color: #2b2b2b;
  opacity: 0.6;
  font-size: 14px;
  border-top: 1px solid #efefef;
  background: #fff; }
  .dropdown-basic .dropdown .dropdown-content a:hover {
    background-color: #fff; }

.dropdown-basic .dropdown .dropdown-content .dropdown-header {
  padding: 8px 16px;
  font-weight: 400;
  color: #2c323f;
  font-size: 13px; }

.dropdown-basic .dropup .dropup-content {
  top: auto; }

.default-according .card .card-header {
  padding: 0;
  border: none;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
  .default-according .card .card-header.bg-primary .btn, .default-according .card .card-header.bg-secondary .btn {
    border-color: transparent; }
  .default-according .card .card-header i {
    position: initial;
    font-size: 20px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px; }
    [dir="rtl"] .default-according .card .card-header i {
      margin-right: unset;
      margin-left: 5px; }
  .default-according .card .card-header h5 {
    margin-top: 0; }
  .default-according .card .card-header .btn-link {
    padding: 12px 20px;
    width: 100%;
    text-align: left;
    letter-spacing: 0.7px;
    font-family: "Montserrat", sans-serif;
    border: 1px solid #efefef;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 600; }
    [dir="rtl"] .default-according .card .card-header .btn-link {
      text-align: right; }
    @media (max-width: 575px) {
      .default-according .card .card-header .btn-link {
        padding: 12px 15px;
        font-size: 12px; } }
.default-according .card .card-body {
  padding: 15px 20px;
  line-height: 22px;
  font-size: 13px;
  border-color: #efefef;
  border-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #2c323f;
  border-bottom: none; }

.nav-tabs {
  border-bottom-color: #efefef; }
  .nav-tabs .nav-bottom .nav-item .nav-link.active {
    border-color: #efefef; }

.list-product .datatable-wrapper .no-footer .datatable-container {
  border-bottom: unset !important; }

.nav-tabs .nav-item.show .nav-link {
  font-weight: 500; }

.nav-tabs .nav-link {
  color: #2c323f; }
  .nav-tabs .nav-link.active {
    font-weight: 500; }

.nav-tabs.nav-bottom .nav-item .nav-link.active {
  border-color: #ecf3fa #ecf3fa #fff; }

.dropdown-menu {
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0;
  z-index: 1; }
  .dropdown-menu .dropdown-item {
    color: #2b2b2b;
    opacity: 0.6;
    font-size: 14px;
    padding: 6px 12px;
    border-top: 1px solid #efefef;
    background: #fff; }
    .dropdown-menu .dropdown-item:first-child {
      border-top: none; }
    .dropdown-menu .dropdown-item:hover {
      background-color: #fff; }
  .dropdown-menu .dropdown-divider {
    margin: 0;
    border-top: 1px solid #cccccc; }

.border-tab .nav-tabs .nav-item .nav-link.active {
  border-bottom: 2px solid #006666; }

.border-tab .nav-tabs .nav-item .nav-link.show {
  border-bottom: 2px solid #006666; }

.border-tab .nav-tabs .nav-item .nav-link:focus {
  border-bottom: 2px solid #006666; }

.timeliny .timeliny-dot::before {
  font-size: 18px; }

.total-revenue {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .total-revenue span {
    color: var(--body-font-color);
    font-weight: 500; }
  .total-revenue a {
    font-weight: 600; }

.component .input-group .btn {
  line-height: 32px;
  text-transform: capitalize; }

.login-card .login-main .theme-form label {
  font-size: 14px; }

.login-card .login-main .theme-form .show-hide {
  top: 50%; }

.faq-accordion .card .btn-link svg {
  margin-left: 20px; }
  @media (max-width: 575.98px) {
    .faq-accordion .card .btn-link svg {
      margin-left: 10px; } }
.job-filter .faq-form .form-control {
  font-size: 14px; }

.job-filter .faq-form .search-icon {
  width: 16px;
  height: 16px; }

.note-btn-group .dropdown-toggle.show ~ .dropdown-menu {
  display: block;
  top: 30px; }

.carousel .carousel-indicators {
  margin-bottom: 3px; }

.mouse-wheel .owl-stage-outer .owl-stage {
  width: 5600px !important; }
  .mouse-wheel .owl-stage-outer .owl-stage .owl-item {
    width: 225.333px !important; }

.carousel-item .carousel-caption {
  width: 100%;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 26px 10px;
  background-color: rgba(34, 36, 43, 0.51); }

.carousel-item .carousel-opacity {
  background-color: rgba(230, 233, 235, 0.51); }

.carousel .carousel-control-prev-icon {
  width: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320)));
  height: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320))); }

.carousel .carousel-control-next-icon {
  width: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320)));
  height: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320))); }

[dir="rtl"] .rating-header h4 {
  direction: ltr; }

.animate-img .animate-widget img {
  width: 100%;
  height: 350px;
  margin: 0 auto;
  object-fit: cover; }

.modal-popup.modal {
  top: 20%;
  left: 50%;
  transform: translate(-50%, 0); }
  .modal-popup.modal .modal-dialog .theme-close {
    width: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
    height: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320))); }

@media (max-width: 442px) {
  .animated-modal .form-select {
    width: 100% !important; } }

.task-container .badge {
  line-height: 13px; }

.add-post form .form-control:focus {
  border: 1px solid var(--recent-dashed-border);
  box-shadow: unset; }

.starter-main .alert-primary.inverse {
  padding: 13px 20px 13px 65px;
  border-color: #006666;
  color: #2c323f; }
  [dir="rtl"] .starter-main .alert-primary.inverse {
    padding: 13px 65px 13px 20px; }
  .starter-main .alert-primary.inverse:before {
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #006666;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    [dir="rtl"] .starter-main .alert-primary.inverse:before {
      border-right: 7px solid #006666;
      border-left: unset; }
  .starter-main .alert-primary.inverse i {
    padding: 17px 20px;
    display: flex;
    align-items: center;
    background-color: #006666;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    [dir="rtl"] .starter-main .alert-primary.inverse i {
      right: 0;
      left: unset; }

.balance-profile ul {
  display: flex;
  justify-content: center;
  gap: 50px;
  margin-top: 16px; }
  @media (max-width: 1660px) {
    .balance-profile ul {
      gap: 25px; } }
  .balance-profile ul li {
    position: relative; }
    .balance-profile ul li + li::before {
      position: absolute;
      content: '';
      left: -25px;
      top: 50%;
      height: 40px;
      transform: translateY(-50%);
      border: 1px dashed var(--recent-dashed-border); }
      [dir="rtl"] .balance-profile ul li + li::before {
        left: unset;
        right: -25px; }
      @media (max-width: 1660px) {
        .balance-profile ul li + li::before {
          left: -16px; }
          [dir="rtl"] .balance-profile ul li + li::before {
            right: -16px; } }
/**=====================
    4.3 Update CSS Ends
==========================**/
/**=====================
    5.1 Footer CSS Start
==========================**/
.footer {
  background-color: #fff;
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  padding: 15px;
  bottom: 0;
  left: 0;
  margin-left: 265px;
  transition: 0.5s; }
  .footer.footer-dark {
    background-color: #242934; }
    .footer.footer-dark p {
      color: #fff; }

.footer-fix {
  width: calc(100% - $sidebar-compact-width);
  position: fixed; }

/**=====================
    5.1 Footer CSS Ends
==========================**/
/**=====================
  5.2 Grid CSS Start
==========================**/
.grid-showcase {
  margin-bottom: -10px; }
  .grid-showcase span,
  .grid-showcase .grid-wrapper {
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    background-color: #E6E9EB;
    color: #242934; }

.grid-align {
  margin-bottom: -16px; }
  .grid-align .row {
    padding: 15px 0;
    min-height: 7rem;
    margin-bottom: 16px; }

.grid-vertical {
  min-height: 150px;
  padding: 10px;
  color: #000; }

table.table-bordered thead tr th p {
  margin-bottom: 0; }

/**=====================
    5.2 Grid CSS Ends
==========================**/
/**=====================
  5.3 Header CSS Start
==========================**/
/**=====================
  5.7 Sidebar CSS Start
==========================**/
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 12%;
  width: 13px;
  height: 15px;
  border-bottom-left-radius: 8px;
  border-left: 2px solid rgba(255, 255, 255, 0.4);
  border-bottom: 2px solid rgba(255, 255, 255, 0.4); }

.media.media-wrapper {
  width: 100%;
  display: -webkit-flex; }

.media .media-body {
  flex: unset; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  left: 32px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5); }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title [dir="rtl"] h5::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li [dir="rtl"] a::before {
    left: unset;
    right: 25px; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before {
  position: absolute;
  content: '';
  width: 2px;
  height: 0;
  background: rgba(255, 255, 255, 0.4);
  top: -10px;
  left: 20px;
  transition: height 0.5s; }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .mega-menu-container::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .sidebar-submenu::before {
    left: unset;
    right: 20px; }

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 49%;
  width: 5px;
  height: 1px;
  border-radius: 100%;
  background-color: #59667a; }

.onhover-show-div {
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  left: 0; }

.onhover-dropdown:hover .onhover-show-div {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
  border-radius: 5px;
  overflow: hidden; }
  .onhover-dropdown:hover .onhover-show-div:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 2; }
  .onhover-dropdown:hover .onhover-show-div:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d7e2e9;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 1; }

.page-wrapper {
  position: relative; }
  .page-wrapper .page-header {
    max-width: 100vw;
    position: fixed;
    top: 0;
    z-index: 8;
    transition: 0.5s; }
    .page-wrapper .page-header .header-wrapper {
      width: 100%;
      align-items: center;
      padding: 13px 30px;
      position: relative;
      background-color: #F5F5F5; }
      @media (max-width: 1399px) {
        .page-wrapper .page-header .header-wrapper {
          padding: 14px 20px; } }
      .page-wrapper .page-header .header-wrapper .search-full {
        background-color: #fff;
        position: absolute;
        right: 0;
        z-index: 1;
        height: 0;
        width: 0;
        transform: scale(0);
        transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full.open {
          height: 100%;
          width: 100%;
          animation: zoomIn 0.5s ease-in-out;
          transform: scale(1);
          transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full input {
          line-height: 65px;
          padding-left: 60px;
          width: 100% !important; }
          .page-wrapper .page-header .header-wrapper .search-full input:focus {
            outline: none !important; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
          position: absolute;
          font-size: 15px;
          right: 30px;
          top: 30px;
          color: #898989;
          cursor: pointer; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
            left: 30px;
            right: unset; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
          position: absolute;
          left: 30px;
          top: 27px;
          content: "\f002";
          font-size: 16px;
          color: #898989;
          font-family: FontAwesome; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
            left: unset;
            right: 30px; }
      .page-wrapper .page-header .header-wrapper .nav-right {
        justify-content: flex-end; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li svg {
          vertical-align: middle;
          stroke: var(--body-font-color);
          height: 24px;
          width: 24px; }
          .page-wrapper .page-header .header-wrapper .nav-right ul li svg path {
            color: #242934; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
          height: 24px;
          width: 24px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li .search-form svg {
          width: 20px;
          height: 20px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode {
          cursor: pointer;
          text-align: center; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i {
            font-size: 18px;
            font-weight: 600;
            transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i.fa-lightbulb-o {
              font-weight: 500;
              font-size: 22px;
              transition: all 0.3s ease;
              animation: zoomIn 300ms ease-in-out; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .header-search {
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
          margin-left: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body span {
            font-weight: 500;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box !important;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            white-space: normal; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
            font-size: 12px;
            line-height: 1;
            color: rgba(5, 26, 26, 0.7); }
        .page-wrapper .page-header .header-wrapper .nav-right > ul {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          gap: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
            padding: 6px 10px;
            display: inline-block;
            position: relative; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li:nth-child(n+3):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right > ul > li.profile-nav:nth-child(n+3)) {
              background-color: #fff;
              padding: 12px;
              border-radius: 40px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .badge {
              position: absolute;
              right: 0px;
              top: -3px;
              padding: 2px 4px;
              font-size: 11px;
              font-weight: 700;
              font-family: work-Sans, sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .mode svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .input-show svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul {
              left: inherit;
              right: -10px;
              width: 130px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:before, .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:after {
                left: inherit;
                right: 10px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li {
                display: block; }
                .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a {
                  font-size: 14px;
                  color: #2c323f; }
                  .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a i {
                    margin-left: 10px;
                    font-size: 13px;
                    color: #2c323f; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul .flag-icon {
            font-size: 16px; }
        .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip {
          width: unset !important;
          box-shadow: unset !important;
          background-color: transparent !important;
          overflow: initial; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::after, .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::before {
            display: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content {
            text-align: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
              width: 52px;
              height: 52px;
              background-color: #f9f9f9;
              border-radius: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              margin: 0 auto; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content span {
              font-family: "Montserrat", sans-serif;
              font-size: 12px;
              font-weight: 500;
              letter-spacing: 0.5px; }
        .page-wrapper .page-header .header-wrapper .nav-right .flip-card {
          width: 300px;
          height: 260px;
          background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner {
            position: relative;
            height: 100%;
            text-align: center;
            transition: transform 0.6s;
            transform-style: preserve-3d; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front,
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              position: absolute;
              backface-visibility: hidden;
              border-radius: 10px;
              overflow: hidden;
              box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
              width: 300px;
              height: 260px; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button,
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                background-color: transparent;
                color: #006666;
                border: none; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button:focus,
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button:focus {
                  outline: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
              background-color: #fff;
              transition: .3s; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
                stroke: var(--body-font-color);
                transition: all 0.3s ease; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg:hover {
                  stroke: var(--body-font-color);
                  transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              background-color: #fff;
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:first-child {
                margin-top: 20px;
                height: 140px !important; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                width: 100%; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
                border-radius: 25px;
                padding: 6px 12px;
                width: 100%;
                border: 1px solid #ddd; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input:focus {
                  outline: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped {
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped .front {
                opacity: 0; }
        .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
          width: 330px;
          top: 50px;
          right: 0;
          left: unset; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .dropdown-title {
            padding: 20px;
            text-align: center;
            border-bottom: 1px solid rgba(145, 142, 153, 0.3); }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div ul {
            padding: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li {
            padding: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li p {
              font-size: 14px;
              letter-spacing: 0.3px;
              margin-bottom: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li a {
              letter-spacing: 0.3px;
              font-family: "Montserrat", sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li + li {
              margin-top: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li:last-child {
              padding-bottom: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media {
              position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media img {
                width: 40px;
                position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .status-circle {
                left: 0; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body > span {
                letter-spacing: 0.8px;
                padding-right: 10px;
                display: inline-block; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body p {
                margin-bottom: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:before, .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:after {
            right: 10px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown.notification-all ul li {
          border-radius: 0px;
          border-bottom: 1px solid rgba(145, 142, 153, 0.1); }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown ul {
          padding: 0 0 15px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li {
          padding: 10px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media {
            align-items: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
              margin-right: 20px; }
              [dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
                margin-right: unset;
                margin-left: 20px; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li + li {
            margin-top: 0;
            border-top: 1px solid rgba(145, 142, 153, 0.1); }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li:last-child {
            padding: 20px 15px;
            border-top: none; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown p {
          line-height: 1.3;
          margin-top: 3px;
          opacity: 0.6; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
          position: absolute;
          right: 0;
          top: 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle a {
            width: 18px;
            height: 18px;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle svg {
            width: 14px;
            stroke: #fff; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box {
          margin: 5px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group {
            width: 80px;
            background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input {
              background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input,
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              font-size: 10px;
              font-family: "Montserrat", sans-serif;
              font-weight: 700; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              padding: 0px 7px;
              background-color: #F7F6FF !important;
              border-color: #F7F6FF !important;
              border-radius: 100%;
              font-size: 14px;
              color: #051A1A; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
          margin: 0;
          padding: 15px;
          background-color: #f9f9f9;
          border: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 {
            font-family: "Montserrat", sans-serif;
            font-weight: 500;
            font-size: 12px;
            line-height: 14px;
            letter-spacing: 0.5px; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 span {
              font-size: 14px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .view-checkout {
          text-decoration: unset; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box svg {
          animation: swing 1.5s ease infinite; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
          left: unset; }
          @media (max-width: 575.98px) {
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
              width: calc(100vw - 30px); } }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li:last-child {
            text-align: center;
            background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p span {
              font-size: 11px;
              vertical-align: middle; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:after {
            right: 28px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
          width: 160px;
          top: 57px;
          left: -12px;
          padding: 0 10px; }
          .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li {
            padding: 10px !important;
            border-bottom: 1px solid #E6E9EB; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              border: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
              text-decoration: unset; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a span {
              color: var(--theme-deafult);
              transition: color 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg {
              stroke: var(--theme-deafult);
              transition: stroke 0.3s ease; }
              .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg path {
                stroke: var(--theme-deafult);
                transition: stroke 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li + li {
              margin-top: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              padding-top: 10px !important; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
              color: #2c323f; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li svg {
              width: 16px;
              vertical-align: bottom;
              margin-right: 10px;
              stroke: #2c323f; }
  .page-wrapper .page-body-wrapper {
    background-color: #F5F5F5; }
    .page-wrapper .page-body-wrapper .page-body {
      min-height: calc(100vh - 136px);
      margin-top: 136px;
      padding: 25px 15px;
      position: relative;
      transition: 0.5s; }
      .page-wrapper .page-body-wrapper .page-body:before {
        animation: fadeIn 0.5s ease-in-out; }
    .page-wrapper .page-body-wrapper .page-title {
      padding: 20px 30px;
      margin: 0px -27px 0px; }
      .page-wrapper .page-body-wrapper .page-title > .row {
        margin: 0; }
        .page-wrapper .page-body-wrapper .page-title > .row .col-6 {
          padding: 0; }
      .page-wrapper .page-body-wrapper .page-title .row {
        align-items: center; }
        .page-wrapper .page-body-wrapper .page-title .row h3 {
          font-size: 24px;
          margin-bottom: 0;
          text-transform: capitalize; }
          .page-wrapper .page-body-wrapper .page-title .row h3 small {
            display: block;
            font-size: 12px;
            margin-bottom: 5px;
            text-transform: capitalize;
            color: #FFFFFF; }
      .page-wrapper .page-body-wrapper .page-title .breadcrumb {
        background-color: transparent;
        padding: 0;
        margin-bottom: 0;
        align-items: center;
        justify-content: flex-end; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
          font-size: 13px;
          letter-spacing: 1px;
          font-family: "Montserrat", sans-serif; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
          content: "/"; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
          width: 16px;
          height: 16px;
          stroke: #2c323f;
          vertical-align: text-top; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
          color: var(--theme-deafult);
          font-weight: 500; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
      stroke: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
      fill: #051A1A;
      stroke: none !important; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg {
      transition: all 0.3s ease; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
        stroke: #fff; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
        fill: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content li a {
      text-transform: capitalize; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .stroke-icon {
    display: inline-block; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .fill-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .stroke-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .fill-icon {
    display: inline-block; }
  .page-wrapper.horizontal-wrapper [data-simplebar] {
    position: relative; }
  .page-wrapper.horizontal-wrapper .footer {
    margin-left: 0; }
  .page-wrapper.horizontal-wrapper .header-logo-wrapper {
    width: 150px; }
    .page-wrapper.horizontal-wrapper .header-logo-wrapper .toggle-sidebar {
      display: none; }
  .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 19px;
    right: 0px;
    color: #fff; }
    [dir="rtl"] .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
      left: 0;
      right: unset; }
  .page-wrapper.horizontal-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: hidden;
    cursor: pointer; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    height: 54px;
    line-height: inherit;
    top: 79px;
    background: #fff;
    box-shadow: 0px 9px 24px rgba(89, 102, 122, 0.05);
    overflow-x: hidden;
    z-index: 1;
    overflow-y: visible;
    position: fixed;
    width: 100vw;
    border-top: 1px solid #efefef;
    z-index: 3; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .simplebar-content {
      display: flex; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper li {
      display: inline-block; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .badge {
      position: absolute;
      top: 2px;
      right: 0px;
      z-index: 1; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper,
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
      text-align: left;
      position: relative; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        position: absolute;
        top: 0px;
        padding: 15px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        cursor: pointer; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow.disabled,
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow.disabled {
          display: none; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow {
        left: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        right: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: normal;
        direction: ltr;
        text-align: left;
        display: -webkit-box !important;
        padding: 0 5px;
        transition: all .5s ease;
        white-space: nowrap; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a.active .according-menu i:before {
          content: '-'; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a .according-menu {
          display: none; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active {
          color: #fff; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active:after {
            background-color: rgba(255, 255, 255, 0.6); }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          position: relative;
          padding-top: 10px;
          padding-bottom: 10px; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a > span {
            color: var(--theme-deafult);
            transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a {
            background-color: #fff;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.stroke-icon {
              stroke: #fff;
              transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.fill-icon {
              fill: #fff;
              transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
            display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            display: block;
            color: #051A1A;
            line-height: 23px;
            text-decoration: none;
            text-transform: capitalize;
            padding: 5px 15px;
            margin: 0 3px;
            letter-spacing: 0.04em;
            position: relative;
            border-radius: 5px;
            font-weight: 500;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active {
              transition: all 0.3s ease; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active svg,
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active span {
                color: #fff;
                transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a .badge {
              position: absolute;
              top: -5px;
              margin-left: 1px;
              right: 10px;
              padding: 0.20em 0.7em; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg {
              width: 18px;
              height: 18px;
              vertical-align: middle;
              margin-right: 10px;
              stroke: #051A1A !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
            position: fixed;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 15px 0px 15px 0px;
            background: white; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li {
              border: 0;
              float: none;
              position: relative;
              display: block; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
                background: transparent;
                padding: 4px 30px;
                display: block;
                transition: all 0.5s ease;
                line-height: 1.9;
                color: rgba(43, 43, 43, 0.6);
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                transition: all 0.3s ease; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
                  left: 20px; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
                  color: #006666;
                  letter-spacing: 1.5px;
                  transition: all 0.3s ease; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover:after {
                    background-color: var(--theme-deafult); }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
            position: fixed;
            right: 0;
            left: 0;
            margin: 0 auto;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 30px;
            background: white;
            width: 95%;
            border-radius: 4px;
            display: block !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
              width: 20%; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                text-transform: uppercase;
                font-size: 14px;
                margin-left: -13px; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content {
                box-shadow: none;
                background-color: transparent;
                position: relative;
                display: block;
                padding: 0; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li {
                  border: 0;
                  float: none;
                  position: relative;
                  display: block; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
                    border: 0 !important;
                    background: transparent;
                    color: #051A1A;
                    border-radius: 0 !important;
                    text-transform: capitalize;
                    padding: 3px 0;
                    font-size: 13px;
                    display: block;
                    letter-spacing: 0.07em;
                    line-height: 1.9;
                    position: relative;
                    transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover {
                      color: var(--theme-deafult);
                      letter-spacing: 1.5px;
                      transition: all 0.3s ease; }
                      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover:after {
                        color: var(--theme-deafult);
                        transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:after {
                      position: absolute;
                      content: "";
                      left: -12px;
                      top: 50%;
                      width: 5px;
                      height: 1px;
                      background-color: #59667a; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a:after {
            left: 0;
            right: 0;
            opacity: 1; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu {
            position: unset; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper.overlay-white {
      background-color: rgba(255, 255, 255, 0.08); }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav i {
      font-size: 24px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
    margin-top: 110px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main-title {
    display: none !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.scorlled .sidebar-wrapper {
    display: none;
    transition: all 0.3s ease; }
  .page-wrapper.horizontal-wrapper .page-header {
    width: 100%;
    box-shadow: none; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .form-control-plaintext {
      width: auto !important; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1324px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
      @media (max-width: 1323px) and (min-width: 1200px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 1199px) and (min-width: 992px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
    @media (max-width: 1428px) and (min-width: 1324px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 55%; } }
    @media (max-width: 1323px) and (min-width: 1200px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 40%; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.horizontal-wrapper.enterprice-type footer {
    margin-left: 0; }
  .page-wrapper.material-icon .card {
    border-radius: 30px;
    box-shadow: 0 0 20px rgba(0, 102, 102, 0.1); }
  .page-wrapper .sidebar-main-title h6 {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 0.40px; }
  .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 11px;
    right: -9px;
    color: #fff;
    z-index: 9999; }
    [dir="rtl"] .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
      left: -9px;
      right: unset; }
  .page-wrapper.compact-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer; }
  .page-wrapper.compact-wrapper .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-wrapper .pin-title {
    order: -1; }
  .page-wrapper.compact-wrapper .page-header {
    margin-left: 265px;
    width: calc(100% - $sidebar-compact-width); }
    .page-wrapper.compact-wrapper .page-header.close_icon {
      margin-left: 90px;
      width: calc(100% - 90px); }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
      position: absolute;
      content: "";
      bottom: 0%;
      height: 1px;
      z-index: 8;
      width: calc(100% - 40px);
      background: #E6E9EB; }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9;
    height: 100%;
    line-height: inherit;
    background: var(--theme-deafult);
    width: 265px;
    text-align: left;
    transition: 0.3s;
    box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      fill: #fff; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      padding: 22px 30px;
      box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
      border-top-right-radius: 15px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
      width: auto;
      transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .badge {
        opacity: 0;
        width: 0;
        padding: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        max-width: 86px;
        margin: 0;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          text-align: center;
          padding: 12px 14px;
          transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main-title {
        display: none !important;
        opacity: 0;
        transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper {
        display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
        text-align: right;
        display: block; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
        width: 265px;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .badge {
          opacity: 1;
          width: auto;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          max-width: unset;
          margin: initial;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
            text-align: left; }
            [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
              text-align: right; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            padding: 12px 15px;
            transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a span {
              display: inline-block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main-title {
          opacity: 1;
          display: block !important;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
          display: block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-icon-wrapper {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .mobile-sidebar {
        transform: translate(183px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
        margin-left: 90px;
        transition: 0.5s; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer-fix {
        width: calc(100% - 90px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 118px); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          padding: 15px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::before {
            right: 20px;
            left: unset; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a span {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .according-menu {
        display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
      visibility: hidden;
      position: absolute;
      top: -8px;
      right: 17px;
      border-radius: 15px;
      padding: 4px 6px;
      color: #fff;
      font-size: 11px;
      background-color: #006666;
      border: 1px solid rgba(255, 255, 255, 0.6); }
      [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
        left: 17px;
        right: unset; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list:hover i.fa-thumb-tack {
      visibility: visible;
      cursor: pointer; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pined, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 115px);
      left: -300px;
      z-index: 99;
      transition: color 1s ease;
      overflow: auto;
      color: rgba(0, 0, 0, 0);
      margin-top: 20px;
      margin-bottom: 30px; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        font-weight: 500; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
          width: 18px;
          height: 18px;
          margin-right: 10px;
          vertical-align: -2px;
          float: none;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          letter-spacing: 0.7px;
          text-transform: capitalize;
          color: rgba(255, 255, 255, 0.8); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.link-nav .according-menu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li:last-child {
        border-bottom: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links.opennav {
        left: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn {
        display: block;
        width: 100%;
        padding: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn .mobile-back {
          padding: 20px;
          color: #242934;
          font-weight: 700;
          text-transform: uppercase;
          border-bottom: 1px solid #efefef;
          cursor: pointer;
          display: flex;
          justify-content: flex-end;
          align-items: center; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        display: block;
        width: 100%;
        position: relative; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
          padding: 25px 0 6px 20px;
          margin-top: 0px;
          margin-bottom: 12px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: block; }
          [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
            padding: 25px 20px 6px 0; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
            position: absolute;
            content: '';
            top: 0;
            left: 50%;
            background: rgba(255, 255, 255, 0.2);
            width: calc(100% - 40px);
            height: 1px;
            transform: translateX(-50%); }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2) {
            margin-top: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2)::before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list {
          padding: 0px 18px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list .badge {
            position: absolute;
            right: 50px;
            top: 14.5px;
            padding: 0.45em 0.8em 0.33em;
            z-index: 1;
            font-size: 10px;
            letter-spacing: 0.7px;
            font-weight: 600;
            font-family: "Montserrat", sans-serif;
            border-radius: 10px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list:hover > a:hover {
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg {
          fill: #fff;
          stroke: #fff;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg.fill-icon {
            fill: #fff;
            stroke: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover span {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover .according-menu i {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          padding: 11px 13px;
          position: relative;
          color: #222222; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow {
            right: 20px;
            position: absolute;
            top: 10px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow i {
              display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow:before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
          display: none !important; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
          width: 100%;
          padding: 0;
          position: relative !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
            padding-left: 50px !important;
            font-weight: 400; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu .submenu-title .according-menu {
            top: 7px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover > a {
            color: #fff;
            transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
            display: none;
            position: relative !important;
            right: 0;
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu.opensubchild {
              display: block; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a {
              padding: 6px 45px;
              padding-left: 63px !important; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a:after {
                display: none; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
            padding: 7px 25px;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.7);
            display: block;
            position: relative;
            letter-spacing: 0.06em;
            font-weight: 500;
            transition: all 0.3s ease;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a .content-menu {
              padding: 0px 15px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
              color: #fff; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active::before {
                opacity: 1;
                background: #fff;
                visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
              left: 20px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
              margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
          padding: 0;
          position: relative; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section:hover h5 {
              color: #fff !important;
              transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title {
              position: relative; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                margin-bottom: 0;
                line-height: 1.9;
                padding: 6px 25px 6px 65px;
                font-size: 14px;
                position: relative;
                color: rgba(255, 255, 255, 0.8);
                display: block;
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                cursor: pointer; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
                  left: 20px; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5 {
                color: #fff; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5::before {
                  opacity: 1;
                  visibility: visible; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
                top: 8px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
              margin-bottom: 0;
              line-height: 1.9;
              padding: 6px 15px 6px 65px;
              font-size: 14px;
              position: relative;
              color: rgba(255, 255, 255, 0.8);
              display: block;
              letter-spacing: 0.06em;
              font-weight: 500;
              font-family: "Montserrat", sans-serif; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a:after {
                display: none; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a.active {
                color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
              line-height: 1.9; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
                margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container {
          display: block !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container::before {
            height: calc(100% - 9px);
            transition: height 0.5s; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
            position: relative;
            margin-bottom: 10px;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active::after {
              opacity: 1;
              visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active ~ .sidebar-submenu::before {
              height: calc(100% - 8px);
              transition: height 0.5s; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active .according-menu i {
              color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
              color: #fff;
              transition: all 0.3s ease; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-content {
      display: flex;
      flex-direction: column; }
  .page-wrapper.compact-wrapper .page-body-wrapper .mega-box.col {
    flex-basis: unset; }
  .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
    position: absolute;
    right: 20px;
    top: 11px;
    display: block; }
    .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
      vertical-align: middle;
      color: rgba(255, 255, 255, 0.8);
      font-weight: 500; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu.border-section {
    border: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav {
    position: absolute;
    z-index: 2;
    right: 145px;
    top: 6px; }
    .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
      font-size: 18px;
      padding-left: 5px;
      text-transform: uppercase; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 80px);
    margin-top: 56px;
    margin-left: 265px; }
  .page-wrapper.compact-wrapper.dark-sidebar .sidebar-main-title h6, .page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title h6 {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .toggle-sidebar svg, .page-wrapper.compact-wrapper.color-sidebar .toggle-sidebar svg {
    stroke: var(--theme-deafult); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
    stroke: #fff !important; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
    fill: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
    stroke: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
    fill: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
    background: rgba(255, 255, 255, 0.1); }
  .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #22242B; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon {
      stroke: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon {
      fill: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
      color: #fff;
      stroke: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-light, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-light {
      display: none; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-dark, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-dark {
      display: block; }
  .page-wrapper.compact-wrapper.dark-sidebar .according-menu i, .page-wrapper.compact-wrapper.color-sidebar .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #2f3c4e; }
  .page-wrapper.compact-sidebar .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content {
    display: flex;
    flex-direction: column; }
  .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 54px;
    color: #fff;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
      left: 54px;
      right: unset; }
  .page-wrapper.compact-sidebar .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer;
    z-index: 1; }
  .page-wrapper.compact-sidebar .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-sidebar .pin-title {
    order: -1; }
  .page-wrapper.compact-sidebar ~ .bg-overlay1 {
    transition: 0.8s; }
    .page-wrapper.compact-sidebar ~ .bg-overlay1.active {
      z-index: 8;
      height: 100vh;
      width: 100vw;
      background-color: rgba(0, 0, 0, 0.2);
      position: fixed;
      top: 0; }
  .page-wrapper.compact-sidebar .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-sidebar .sidebar-main-title {
    display: none; }
  .page-wrapper.compact-sidebar .logo-wrapper {
    display: none; }
  .page-wrapper.compact-sidebar .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 24px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-sidebar .page-header {
    margin-left: 150px;
    width: calc(100% - 150px); }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1578px) and (min-width: 1274px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 38%; } }
      @media (max-width: 1273px) and (min-width: 1200px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 45%; } }
      @media (max-width: 991px) and (min-width: 768px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 36%; } }
      @media (max-width: 767px) and (min-width: 756px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 28%; } }
      @media (max-width: 1199px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 132px; } }
      @media (max-width: 767px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 83px; } }
    .page-wrapper.compact-sidebar .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
    margin-top: 80px;
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper .footer {
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
      height: auto;
      line-height: inherit;
      background: #F5F5F5;
      width: 150px;
      text-align: left;
      transition: 0.3s;
      box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1); }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      margin: 30px 0;
      height: calc(100vh - 113px);
      overflow: auto; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        color: #2c323f; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          text-transform: capitalize;
          color: #2c323f;
          font-weight: 500;
          letter-spacing: 1px;
          font-size: 14px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active {
          background: rgba(0, 102, 102, 0.1);
          color: #006666;
          border-radius: 20px;
          margin: 0 10px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active span {
            color: #006666; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
            animation: fadeInLeft 300ms ease-in-out; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
        display: block;
        padding: 20px 0;
        border-bottom: 1px solid #f3f3f3; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
        position: fixed;
        top: 0px;
        height: calc(100vh - 0px);
        overflow: auto;
        left: 150px;
        width: 230px;
        background-color: #fff;
        box-shadow: 0 16px 15px 15px rgba(126, 55, 216, 0.03);
        transition: all 0.5s ease-in-out;
        display: none;
        padding-top: 20px;
        z-index: -1; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
          padding: 15px 15px 15px 40px;
          display: block;
          position: relative;
          border-bottom: 1px solid #f1f1f1; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
            display: none; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
            position: absolute;
            right: 20px;
            top: 16px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a.active,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a.active {
            background-color: rgba(0, 102, 102, 0.1);
            color: #006666;
            transition: all 0.3s ease; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li .submenu-content li a.active,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li .submenu-content li a.active {
          background-color: transparent; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
          position: absolute;
          content: "";
          left: 20px;
          top: 48%;
          width: 12px;
          border-top: 2px solid rgba(255, 255, 255, 0.4); }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 0; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
            text-align: left; }
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
              position: relative;
              font-size: 14px;
              font-weight: 400;
              padding: 15px 15px 15px 40px;
              letter-spacing: 1px;
              margin-bottom: 0; }
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
                position: absolute;
                content: "";
                left: 20px;
                top: 48%;
                width: 6px;
                border-top: 2px solid #595c60; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list {
        position: relative; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
          position: absolute;
          left: 53%;
          top: 7px;
          font-weight: 500;
          font-size: 9px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
          text-align: center; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
            margin: 0 auto 6px;
            width: 24px;
            height: 24px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
            display: block;
            font-weight: 500;
            letter-spacing: 1px;
            font-size: 14px;
            word-break: break-word; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link .according-menu {
            display: none; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
        text-align: center;
        padding: 0; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
          width: 24px;
          height: 24px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
          position: absolute;
          right: 20px;
          top: 13px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
      transform: translateX(-150px); }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
        margin-left: 0px; }
  .page-wrapper.compact-small .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 22px;
    color: #006666;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
      left: 22px;
      right: unset; }
  .page-wrapper.compact-small .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible; }
  .page-wrapper.compact-small .sidebar-list.pined, .page-wrapper.compact-small .sidebar-list.pin-title {
    order: -1; }
  .page-wrapper.compact-small .sidebar-main-title,
  .page-wrapper.compact-small .logo-wrapper {
    display: none; }
  .page-wrapper.compact-small .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 27px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-small .page-header {
    margin-left: 90px;
    width: calc(100% - 90px); }
    .page-wrapper.compact-small .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-small .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-small .page-body-wrapper .page-body {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper .footer {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div {
    width: 90px; }
  @media (max-width: 420px) {
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 105px); } }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    display: block;
    padding: 15px 0; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 90px; }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
      padding: 10px 15px 10px 40px; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
        display: none; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
        top: 11px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
    margin: 0 auto;
    width: 20px;
    height: 20px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
    margin: 0 auto; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu a > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translateX(-150px); }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
      margin-left: 0px; }
  .page-wrapper.only-body {
    background-color: #f2f0fa; }
    .page-wrapper.only-body .page-body-wrapper {
      background-color: #f2f0fa; }
    .page-wrapper.only-body .page-header {
      position: relative; }
      .page-wrapper.only-body .page-header .header-logo-wrapper {
        display: none; }
      .page-wrapper.only-body .page-header .header-wrapper {
        padding: 0 !important; }
        .page-wrapper.only-body .page-header .header-wrapper .left-header {
          display: none; }
        .page-wrapper.only-body .page-header .header-wrapper .nav-right {
          position: absolute;
          right: 60px;
          top: 58px; }
        .page-wrapper.only-body .page-header .header-wrapper .search-full {
          top: 37px;
          width: calc(100% - 50px);
          left: 25px; }
          [dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .search-full {
            left: unset;
            right: 25px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
            background-color: #fff;
            border-radius: 15px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu {
            top: 78px;
            width: calc(100% - 30px);
            margin: 0 auto;
            right: 0; }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-top: 20px;
      padding-bottom: 20px; }
    .page-wrapper.only-body .sidebar-wrapper,
    .page-wrapper.only-body footer {
      display: none; }
    .page-wrapper.only-body .page-body-wrapper .page-body {
      margin-top: 0px;
      min-height: calc(100vh - 0px); }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-left: 30px;
      padding-right: 30px;
      margin: 30px 0;
      border-radius: 15px; }
      @media (max-width: 991.98px) {
        .page-wrapper.only-body .page-body-wrapper .page-title {
          padding-left: 20px;
          padding-right: 20px;
          margin: 20px 0; } }
      .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6 {
        flex: 0 0 100%;
        max-width: 100%; }
      .page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb {
        margin-top: 5px;
        justify-content: flex-start; }
  .page-wrapper.modern-type .progress-chart-wrap {
    margin-left: -22px; }
    [dir="rtl"] .page-wrapper.modern-type .progress-chart-wrap {
      margin-left: unset;
      margin-right: -22px; }
  .page-wrapper.modern-type .ecommerce-widget {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .file-sidebar .pricing-plan {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .alert-primary {
    color: #006666; }
  .page-wrapper.modern-type .project-box {
    background-color: #00d6d6; }
  .page-wrapper.modern-type .nav-tabs .nav-link.active {
    background-color: transparent; }
  .page-wrapper.modern-type .simplebar-mask {
    top: 10px; }
  .page-wrapper.modern-type .page-header {
    margin-left: 0px;
    width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header.close_icon {
      margin-left: 0px;
      width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1200px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 818px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 36%; } }
    @media (max-width: 1669px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 50%; } }
    @media (max-width: 1428px) and (min-width: 1200px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 40%; } }
    .page-wrapper.modern-type .page-header .header-wrapper .header-logo-wrapper {
      display: flex;
      align-items: center; }
    .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
      display: block;
      margin-right: 30px; }
    .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
      display: block;
      position: relative;
      top: unset;
      right: unset;
      margin-right: 15px; }
  .page-wrapper.modern-type .page-body-wrapper .page-title {
    background-color: transparent;
    padding-bottom: 0; }
  .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
    margin: 30px !important;
    top: 80px;
    bottom: 0;
    border-radius: 15px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 160px); }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      margin-left: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
      margin-left: 0px;
      margin-right: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
      display: none; }
  .page-wrapper.modern-type .page-body-wrapper .page-body {
    margin-left: 296px; }
    .page-wrapper.modern-type .page-body-wrapper .page-body .container-fluid {
      max-width: 1500px; }
  .page-wrapper.modern-type .page-body-wrapper .footer {
    margin-left: 360px;
    margin-right: 70px;
    border-radius: 10px; }
    @media (max-width: 991px) {
      .page-wrapper.modern-type .page-body-wrapper .footer {
        margin-right: 0;
        margin-left: 0; } }
  .page-wrapper.material-type {
    position: relative; }
    .page-wrapper.material-type::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 300px;
      background-image: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-type .card {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
    .page-wrapper.material-type .page-header {
      position: relative;
      max-width: 1560px;
      margin: 50px auto 0;
      border-radius: 15px 15px 0 0; }
      .page-wrapper.material-type .page-header .header-wrapper .left-header {
        width: 31%; }
        @media (max-width: 1600px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 33%; } }
        @media (max-width: 1366px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 38%; } }
        @media (max-width: 1199px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 30%; } }
      @media (max-width: 1600px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 40%; } }
      @media (max-width: 1199px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 45%; } }
    .page-wrapper.material-type .page-body-wrapper {
      background-blend-mode: overlay;
      background-color: rgba(255, 255, 255, 0.5); }
      .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        position: relative;
        max-width: 1560px;
        margin: 0 auto;
        top: unset;
        height: 56px; }
      .page-wrapper.material-type .page-body-wrapper .page-body {
        margin: 0 auto;
        max-width: 1560px;
        background-color: #F5F5F5;
        box-shadow: 0 0 20px 7px rgba(8, 21, 66, 0.05);
        border-radius: 0 0 15px 15px; }
    .page-wrapper.material-type .footer {
      margin-top: 40px; }
    .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .left-header {
      width: 38%; }
    @media (max-width: 991px) {
      .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.advance-layout {
    background-blend-mode: overlay;
    background-color: #F5F5F5; }
    .page-wrapper.advance-layout .card {
      border-radius: 5px;
      box-shadow: none;
      border: 1px solid #ecf3fa; }
    .page-wrapper.advance-layout .page-header {
      position: relative;
      background-color: #fff;
      margin: 0 auto; }
    .page-wrapper.advance-layout .page-body-wrapper {
      background: transparent; }
      .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
        position: relative !important;
        top: unset !important;
        height: unset;
        box-shadow: none;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef; }
        .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper > div {
          overflow-x: hidden; }
      .page-wrapper.advance-layout .page-body-wrapper .page-body {
        margin-top: 0 !important; }

@keyframes pagebody {
  from {
    opacity: 0;
    transform: scale3d(0.98, 0.98, 0.98) translate(-20px, -50px); }
  50% {
    opacity: 1; } }

.md-sidebar {
  position: relative; }
  .md-sidebar .md-sidebar-toggle {
    display: none;
    width: fit-content;
    text-transform: capitalize;
    margin-bottom: 20px; }

#sidebar-menu .sidebar-links .simplebar-mask {
  border-bottom-right-radius: 18px; }

@media screen and (max-width: 1480px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -18%;
    width: 91%; } }

@media screen and (max-width: 1460px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -54%;
    width: 75%; }
  .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-right: 8px; } }

@media screen and (max-width: 1366px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -49%;
    width: 70%; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) {
    padding: 8px; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) svg {
      height: 22px;
      width: 22px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.onhover-dropdown.notification-down:nth-child(5)::before {
    left: 47px;
    height: 42px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li .profile-media img {
    width: 32px;
    height: 32px; }
  .profile-dropdown.onhover-show-div {
    right: 0;
    left: unset !important; }
    .profile-dropdown.onhover-show-div:before, .profile-dropdown.onhover-show-div:after {
      right: 10px !important;
      left: unset !important; } }

@media screen and (max-width: 1199px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 6px; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown .notification-down::before {
      content: "";
      position: absolute;
      left: 33px;
      height: 30px; }
  .mobile-title.d-none {
    display: flex !important;
    justify-content: space-between;
    padding: 20px 30px 17px;
    border-bottom: 1px solid #ddd;
    margin: 0 -15px; }
    .mobile-title.d-none h5 {
      color: var(--theme-deafult); }
    .mobile-title.d-none svg {
      stroke: var(--theme-deafult) !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -35%;
    width: 56%; } }

@media screen and (min-width: 992px) {
  .page-header .header-wrapper .nav-right .notification-dropdown {
    top: 46px; }
  .responsive-btn {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-mask {
    top: 0; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
    width: 200px;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    transition: all 0.5s ease; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a .sub-arrow {
      position: absolute;
      right: 20px;
      top: 5px;
      color: #59667a;
      font-weight: 100;
      transition: all 0.5s ease;
      font-size: 15px;
      top: 5px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
      display: none;
      border-radius: 4px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover .nav-sub-childmenu {
      display: block;
      position: absolute;
      left: 200px;
      background-color: #fff;
      top: -10px;
      padding: 15px 0px 15px 0px;
      box-shadow: 0 0 1px 0 #898989; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover .sub-arrow {
      right: 16px;
      transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.hoverd .sidebar-submenu {
    opacity: 1;
    visibility: visible;
    margin-top: 8px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .mega-menu-container {
    opacity: 1;
    visibility: visible;
    margin-top: 20px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .mobile-back {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .page-wrapper.material-icon {
    position: relative; }
    .page-wrapper.material-icon::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 200px;
      background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-icon .toggle-sidebar {
      color: rgba(255, 255, 255, 0.8); }
      .page-wrapper.material-icon .toggle-sidebar:hover > svg {
        color: #fff !important;
        stroke: #fff !important; }
    .page-wrapper.material-icon .page-header {
      position: relative;
      background: transparent;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto;
      width: calc(100% - 0px);
      box-shadow: none; }
      .page-wrapper.material-icon .page-header .f-light {
        color: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
        stroke: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li {
        color: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .notification-box svg,
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .cart-box svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > a > svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > svg {
          stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
        color: rgba(255, 255, 255, 0.7); }
      .page-wrapper.material-icon .page-header.close_icon {
        padding-left: 0;
        margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-body {
      margin-top: 0 !important;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto; }
    .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      padding-left: 15px;
      margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-title {
      color: #fff;
      background-color: transparent;
      border-bottom: none;
      box-shadow: none; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
        color: rgba(255, 255, 255, 0.6); }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        color: rgba(255, 255, 255, 0.8); } }

@media only screen and (min-width: 992px) {
  .page-wrapper.material-icon::before {
    height: 240px; } }

@media screen and (max-width: 767px) {
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(2) {
    background-color: #fff;
    padding: 8px;
    border-radius: 40px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav {
    background-color: unset; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav ul li {
      border-radius: 0px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:last-child {
    padding: 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
    height: 27px;
    width: 27px;
    cursor: pointer; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-dropdown .cart-dropdown ul li:nth-child(2) {
    border-radius: 0px !important;
    padding: 16px 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .tab-content .notification-card ul li {
    padding: 15px 0px !important;
    border-radius: 0px !important; }
  .sidebar-wrapper .menu .brand-logo img {
    width: 120px; } }

@media screen and (max-width: 576px) {
  .toggle-nav i {
    font-size: 20px; } }

/**=====================
  5.7 Sidebar CSS Ends
==========================**/
.left-header .d-flex {
  align-items: center; }

.left-header .welcome-content span {
  color: var(--chart-text-color); }

.left-header h6 {
  line-height: 1.6; }
  @media (max-width: 1199px) {
    .left-header h6 {
      width: 160px;
      overflow: hidden;
      -webkit-line-clamp: 1;
      text-overflow: ellipsis;
      white-space: nowrap; } }
  @media (max-width: 991px) {
    .left-header h6 {
      width: 120px; } }
  @media (max-width: 767px) {
    .left-header h6 {
      width: 66px; } }
@media (max-width: 892px) {
  .left-header {
    display: none; } }

.left-header img {
  margin-top: -12px;
  height: 26px; }

.left-header i {
  font-weight: 600;
  font-size: 12px;
  margin-bottom: -4px; }

.nav-right .nav-menus li .input-icon svg {
  position: absolute;
  top: 11px;
  left: 15px; }
  [dir="rtl"] .nav-right .nav-menus li .input-icon svg {
    right: 15px;
    left: unset; }

.nav-right .nav-menus li .input-icon::before {
  content: "";
  top: 8px;
  left: 44px;
  height: 25px;
  width: 1px;
  background-color: #E6E9EB;
  position: absolute; }
  [dir="rtl"] .nav-right .nav-menus li .input-icon::before {
    right: 44px;
    left: unset; }

.nav-right .nav-menus li .input-icon input {
  background-color: #fff; }

.nav-right .nav-menus li .input-show {
  position: relative; }
  .nav-right .nav-menus li .input-show input {
    position: absolute;
    z-index: 11;
    top: 25px;
    left: 0px;
    background-color: #fff;
    padding: 12px; }
  .nav-right .nav-menus li .input-show #searchInput.show input {
    display: block; }
  .nav-right .nav-menus li .input-show #searchInput input {
    display: none; }

/*======= Page Header css ends  ======= */
/**======Main Header css Start ======**/
.offcanvas .page-wrapper .page-body-wrapper .page-body,
.offcanvas-bookmark .page-wrapper .page-body-wrapper .page-body {
  position: relative;
  filter: blur(5px) grayscale(100%); }

.offcanvas {
  position: unset;
  visibility: visible;
  background: unset;
  z-index: 2; }

.toggle-sidebar {
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer; }
  .toggle-sidebar svg {
    width: 20px;
    height: 20px;
    stroke: var(--white); }
  .toggle-sidebar:before {
    content: "";
    position: absolute;
    height: 40px;
    width: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 100%;
    left: -10px;
    z-index: -2;
    top: -9px;
    transform: scale(0);
    transition: all 0.3s ease; }
  .toggle-sidebar:hover:before {
    height: 40px;
    width: 40px;
    transform: scale(1);
    transition: all 0.3s ease; }
  .toggle-sidebar:hover > svg {
    color: var(--white) !important;
    stroke: var(--white) !important; }

.onhover-dropdown {
  cursor: pointer;
  position: relative; }
  .onhover-dropdown.notification-down::before {
    content: "";
    top: 0px;
    left: 55px;
    height: 46px;
    width: 1px;
    background-color: #E6E9EB;
    position: absolute; }

.page-wrapper .page-body-wrapper {
  background-color: #F5F5F5; }

.page-wrapper .page-header.close_icon .header-wrapper .header-logo-wrapper .toggle-sidebar svg {
  stroke: #898989 !important; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message a {
  color: #051A1A; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .notification-card a {
  color: #051A1A; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .notification-card a:hover {
    color: #006666; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul {
  gap: 8px;
  justify-content: center;
  padding: 0px !important;
  align-items: center; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification-box a {
      color: #051A1A; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.total h6 {
      text-align: -webkit-auto; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification {
      border-bottom: 1px solid #E6E9EB;
      padding-bottom: 15px;
      padding-top: 15px; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data .product-icon {
        height: 40px;
        width: 40px;
        border-radius: 6px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data .product-icon svg {
          width: 25px;
          height: 25px;
          stroke: none !important; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data span {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;
        text-align: -webkit-auto; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification:last-child {
        border: none; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li {
  padding: 19px 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts {
    display: flex;
    align-items: center; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-image {
      height: 34px;
      width: 34px; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-name {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-name h6 {
        text-align: start; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li:hover a {
    color: #006666; }

.onhover-show-div {
  top: 80px;
  position: absolute;
  z-index: 8;
  background-color: #fff;
  transition: all linear 0.3s; }
  .onhover-show-div li a svg {
    margin-top: 0 !important; }
    .onhover-show-div li a svg path,
    .onhover-show-div li a svg line {
      color: #051A1A !important; }

/**======Main Header css Ends ======**/
/*=======Mega menu css start=======*/
.mega-menu .default-according .card .btn-link {
  font-weight: 500;
  color: gray; }

.mega-menu .default-according .card .card-body {
  font-size: 12px; }

.mega-menu .onhover-show-div {
  width: 1500px; }

.mega-menu .card-body {
  padding: 20px; }

.mega-menu div > div a {
  margin-bottom: 0px;
  display: inline-block;
  color: #FFFFFF; }

.mega-menu .list-unstyled div a {
  padding: 8px 35px 8px 0;
  transition: 0.5s; }
  .mega-menu .list-unstyled div a:hover {
    padding: 8px 35px 8px 10px;
    transition: 0.5s; }

/*=======Mega menu css end=======*/
/**=====================
    5.3 Header CSS Ends
==========================**/
/**=====================
    5.4 Navs CSS Start
==========================**/
#accordionoc #collapseicon,
#accordionoc #collapseicon1 {
  padding-top: 0px; }

#accordionoc li button {
  display: flex;
  align-items: center; }

.navs-icon.default-according.style-1 li button {
  position: relative; }
  .navs-icon.default-according.style-1 li button:hover {
    color: var(--theme-deafult) !important; }

.navs-icon.default-according.style-1 li button[aria-expanded="true"]:before {
  right: 2px;
  top: 6px; }

.navs-icon.default-according.style-1 li button[aria-expanded="false"]:before {
  right: 2px;
  top: 6px; }

.navs-icon {
  padding: 30px; }
  .navs-icon li {
    padding: 9px 0; }
    .navs-icon li a {
      color: #051A1A; }
      .navs-icon li a:hover {
        color: var(--theme-deafult); }
    .navs-icon li ul {
      padding-top: 9px; }

.onhover-dropdown.navs-dropdown:hover .onhover-show-div:before, .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after {
  right: 77px;
  left: unset; }

.icon-lists {
  font-family: inherit; }

/**=====================
    5.4 Navs CSS Ends
==========================**/
/**=====================
   5.5 Search CSS Start
==========================**/
.search-page .theme-form input {
  border: 1px solid var(--theme-deafult);
  padding-left: 20px;
  border-radius: 10px 0 0 10px;
  flex: 1 1 auto; }
  .search-page .theme-form input::placeholder {
    color: #006666; }
  .search-page .theme-form input:focus {
    outline: none; }

.search-page .theme-form .input-group .btn {
  line-height: 32px;
  font-size: 16px; }

.search-page .theme-form .input-group .form-control-plaintext {
  background: transparent; }

.search-page h6 {
  line-height: 1.4; }

.search-page .nav-link {
  font-weight: 500;
  text-transform: uppercase; }

.search-page .border-tab.nav-tabs .material-border {
  border-bottom-width: 1px; }

.search-page .border-tab.nav-tabs .nav-item .nav-link {
  font-size: 15px;
  padding: 10px 18px; }

.search-page .media .media-body {
  overflow: hidden; }

.search-page .info-block {
  padding: 30px;
  border-radius: 15px;
  border: 1px solid #E6E9EB; }
  .search-page .info-block a {
    color: #656565;
    margin-bottom: 3px;
    display: block; }
  .search-page .info-block h6 {
    color: #006666; }
  .search-page .info-block + .info-block {
    margin-top: 20px; }

.search-page .border-tab.nav-tabs {
  align-items: left;
  justify-content: end; }
  .search-page .border-tab.nav-tabs .nav-item {
    width: auto; }

.search-page .search-links h6 {
  margin-bottom: 10px; }

.search-page p {
  text-transform: lowercase;
  margin-bottom: 0;
  color: #a5a2a2; }

.search-page ul.search-info li {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  color: #586082; }
  .search-page ul.search-info li + li {
    border-left: 1px solid #a8b0c2;
    padding-left: 8px;
    margin-left: 8px; }
  .search-page ul.search-info li i {
    color: #FFAE1A; }
    .search-page ul.search-info li i:not(:last-child) {
      margin-right: 4px; }

.search-page #video-links .embed-responsive + .embed-responsive {
  margin-top: 30px; }

.search-list {
  margin-bottom: 30px;
  width: auto;
  display: inline-flex;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #006666;
  border: none; }
  .search-list .nav-item {
    background-color: rgba(0, 102, 102, 0.1); }
    .search-list .nav-item .nav-link {
      border: none;
      padding: 0.7rem 1.5rem;
      opacity: 0.5; }
      .search-list .nav-item .nav-link.active {
        background-color: rgba(0, 102, 102, 0.1);
        color: var(--theme-deafult);
        opacity: 1; }
    .search-list .nav-item.show, .search-list .nav-item.active {
      background-color: rgba(0, 102, 102, 0.1); }

/**=====================
  5.5 Search CSS Ends
==========================**/
/**=====================
    5.6 Select2 CSS Start
==========================**/
/**=====================
    2.35 Typeahead-search CSS Start
==========================**/
.Typeahead {
  width: 100%; }
  .Typeahead * {
    box-sizing: border-box; }
    .Typeahead *:before {
      box-sizing: border-box; }
    .Typeahead *:after {
      box-sizing: border-box; }
  .Typeahead .tt-hint {
    display: none !important; }

.u-cf:before {
  content: " ";
  display: table; }

.u-cf:after {
  content: " ";
  display: table;
  clear: both; }

.u-hidden {
  display: none !important; }

.u-posRelative {
  position: relative; }

.Typeahead-spinner {
  position: absolute;
  top: 14px;
  right: 18px;
  display: none;
  color: #c5c5c5; }

.ProfileCard-avatar svg {
  height: 18px;
  vertical-align: bottom; }
  .ProfileCard-avatar svg path {
    color: #7e7c7c !important; }
  .ProfileCard-avatar svg polygon {
    color: #7e7c7c !important; }

.Typeahead-hint {
  width: 100%;
  padding: 5px 8px;
  font-size: 24px;
  line-height: 30px;
  border: 1px solid #024e6a;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  color: #ccd6dd;
  opacity: 1; }

.Typeahead-menu {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 15px;
  z-index: 100;
  display: none;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.Typeahead-menu.is-open {
  display: block; }

.Typeahead-selectable {
  cursor: pointer; }
  .Typeahead-selectable + .Typeahead-selectable {
    border-top: 1px solid #ccd6dd; }

.ProfileCard {
  position: relative;
  padding: 10px;
  border: 1px solid #E6E9EB !important;
  margin-bottom: 10px;
  border-radius: 10px; }
  .ProfileCard:hover {
    color: #414345;
    background: #f8f8f8; }
    .ProfileCard:hover .ProfileCard-avatar {
      border-color: #f5f8fa; }
    .ProfileCard:hover .ProfileCard-screenName {
      color: #fff; }
    .ProfileCard:hover .ProfileCard-stat-label {
      color: #fff; }

.ProfileCard-avatar {
  position: absolute;
  border-radius: 5px; }

.ProfileCard-details {
  padding-left: 35px;
  float: left; }

.ProfileCard-realName {
  display: inline-block;
  color: #898989; }

.ProfileCard-screenName {
  display: inline-block;
  color: #898989; }

.ProfileCard-description {
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px; }

.ProfileCard-stats {
  float: right;
  text-align: right; }

.ProfileCard-stat {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase; }
  .ProfileCard-stat + .ProfileCard-stat {
    margin-left: 5px; }

.ProfileCard-stat-label {
  color: #898989;
  font-weight: 500; }

.ProfileCard.is-active {
  color: #fff;
  background: var(--theme-deafult); }
  .ProfileCard.is-active .ProfileCard-screenName {
    color: #fff; }
  .ProfileCard.is-active .ProfileCard-stat-label {
    color: #fff; }

.EmptyMessage {
  position: relative;
  padding: 10px;
  font-size: 14px;
  line-height: 30px;
  text-align: center; }

.Typeahead-spinner {
  width: 1rem;
  height: 1rem; }

.sey-container {
  display: none;
  position: absolute;
  box-shadow: 1px 2px 6px;
  background-color: #fff;
  color: #333;
  transition: left 0.1s ease-in-out;
  z-index: 1; }

.sey-list {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.sey-show {
  display: block; }

.sey-hide {
  display: none; }

.sey-empty {
  cursor: default;
  padding: 7px; }

.sey-item {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 7px; }
  .sey-item:hover {
    background-color: #444;
    color: #fff; }

.sey-selected {
  background-color: #333;
  color: #fff; }

.sey-char-highlight {
  font-weight: bold; }

.sey-category-id {
  background-color: #eee;
  color: #aaa;
  text-align: right;
  text-transform: capitalize;
  font-style: italic;
  font-size: 12px;
  box-shadow: 1px 0px 1px;
  padding: 7px; }

/**=====================
  2.35 Typeahead-search CSS Ends
==========================**/
.dropzone {
  background: unset; }
  .dropzone.dropzone-secondary {
    border: 2px dashed #FE6A49; }
    .dropzone.dropzone-secondary i {
      color: #FE6A49; }
  @media (max-width: 360px) {
    .dropzone .note {
      min-width: unset !important; } }
  .dropzone .dz-preview {
    margin: 28px 18px !important;
    box-shadow: unset; }
    .dropzone .dz-preview .dz-details {
      top: unset;
      bottom: -6px;
      position: relative;
      padding-bottom: 6px;
      background-color: unset; }
      [dir="rtl"] .dropzone .dz-preview .dz-details {
        left: unset;
        right: 32px; }
    .dropzone .dz-preview:hover .dz-error-message {
      display: none !important; }
  .dropzone .dz-error-mark .dz-remove {
    position: relative; }

.dz-preview .dz-remove {
  cursor: pointer; }

.dropzone-secondary .dz-preview .dz-remove {
  color: #FE6A49; }

.select2 {
  max-width: 100%; }

.add-post #cke_text-box {
  border: 1px solid #efefef; }

.add-post form .m-checkbox-inline label {
  margin-bottom: 0; }

.add-post form .form-control {
  border: 1px solid #efefef; }

.add-post form .col-form-label {
  padding-bottom: 0;
  padding-top: 0;
  font-weight: 500; }
  .add-post form .col-form-label .select2-container--default {
    margin-top: 10px;
    max-width: 100%; }
    .add-post form .col-form-label .select2-container--default .selection .select2-selection .select2-search__field {
      padding: 2px; }
    .add-post form .col-form-label .select2-container--default .select2-selection--multiple {
      border: 1px solid #efefef;
      max-width: 100%; }
      .add-post form .col-form-label .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
        margin-top: 6px !important; }

.add-post .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--theme-deafult);
  border: 1px solid var(--theme-deafult);
  color: var(--white); }
  .add-post .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    color: var(--white);
    float: right;
    margin-left: 0.5rem; }
    [dir="rtl"] .add-post .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
      float: left;
      margin-left: unset;
      margin-right: 0.5rem; }

.add-post .dropzone {
  margin-bottom: 30px; }

.select2-container--open .select2-dropdown {
  z-index: 7; }

.select2-container {
  width: 100% !important; }
  .select2-container.select2 .selection {
    display: block !important; }

.select2-drpdwn .select2-selection {
  border-radius: 0 !important;
  border-color: #E6E9EB !important;
  height: 40px !important;
  padding: 5px; }

.select2-drpdwn .form-control {
  border-radius: 5px; }

.select2-drpdwn .form-control-primary {
  border-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.select2-drpdwn .form-control-secondary {
  border-color: var(--theme-secondary);
  color: var(--theme-secondary); }

.select2-drpdwn .form-control-success {
  border-color: #00AC46;
  color: #00AC46; }

.select2-drpdwn .form-control-info {
  border-color: #173878;
  color: #173878; }

.select2-drpdwn .form-control-warning {
  border-color: #FFAE1A;
  color: #FFAE1A; }

.select2-drpdwn .form-control-danger {
  border-color: #FE6A49;
  color: #FE6A49; }

.select2-drpdwn .form-control-inverse {
  border-color: #2c323f;
  color: #2c323f; }

.select2-drpdwn .form-control-primary-fill {
  background-color: var(--theme-deafult);
  color: #fff; }

.select2-drpdwn .form-control-secondary-fill {
  background-color: var(--theme-secondary);
  color: #fff; }

.select2-drpdwn .form-control-success-fill {
  background-color: #00AC46;
  color: #fff; }

.select2-drpdwn .form-control-info-fill {
  background-color: #173878;
  color: #fff; }

.select2-drpdwn .form-control-warning-fill {
  background-color: #FFAE1A;
  color: #fff; }

.select2-drpdwn .form-control-danger-fill {
  background-color: #FE6A49;
  color: #fff; }

.select2-drpdwn .form-control-inverse-fill {
  background-color: #2c323f;
  color: #fff; }

.filepond--drop-label .filepond--label-action {
  color: #FE6A49;
  text-decoration: none; }

.filepond--list .filepond--file {
  background-color: #006666; }

/* Do not show the "remove tag" (x) button when only a single tag remains */
.customLook {
  display: inline-block;
  min-width: 0;
  border: none; }
  .customLook .tagify__tag {
    margin-top: 0; }
    .customLook .tagify__tag:only-of-type .tagify__tag__removeBtn {
      display: none; }
    .customLook .tagify__tag:hover .tagify__tag__removeBtn {
      transform: none;
      opacity: 1;
      margin-left: -1ch; }
  .customLook .tagify__tag__removeBtn {
    opacity: 0;
    transform: translateX(-6px) scale(0.5);
    margin-left: -3ch;
    transition: .12s; }
  .customLook + button {
    color: var(--theme-deafult);
    font: bold 1.4em/1.65 Arial;
    border: 0;
    background: none;
    box-shadow: 0 0 0 2px inset var(--theme-deafult);
    border-radius: 50%;
    width: 1.65em;
    height: 1.65em;
    cursor: pointer;
    outline: none;
    transition: .1s ease-out;
    margin: 0 0 0 5px;
    vertical-align: top; }
    .customLook + button:hover {
      box-shadow: 0 0 0 5px inset var(--theme-deafult); }
  .customLook .tagify__input {
    display: none; }

.tagify--empty .tagify__input::before {
  color: var(--chart-text-color); }

.customSuggestionsList > div {
  max-height: 300px;
  min-height: 50px;
  border: 2px solid var(--chart-dashed-border);
  overflow: auto; }

.customSuggestionsList .empty {
  color: var(--theme-deafult);
  font-size: 20px;
  text-align: center;
  padding: 1em; }

.tagify__dropdown.extra-properties .tagify__dropdown__item > img {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  transform: scale(0.75);
  margin-right: 5px;
  border-radius: 2px;
  transition: .12s ease-out; }

.tagify__dropdown.extra-properties .tagify__dropdown__item:hover > img {
  transform: none;
  margin-right: 12px; }

.tagify__dropdown.extra-properties .tagify__dropdown__item--active > img {
  transform: none;
  margin-right: 12px; }

.tagify.countries .tagify__input {
  min-width: 175px; }

.tagify.countries tag {
  white-space: nowrap; }
  .tagify.countries tag img {
    display: inline-block;
    height: 16px;
    margin-right: 3px;
    border-radius: 2px;
    pointer-events: none; }

.tagify--select {
  width: 100%; }

.tagify__dropdown__wrapper {
  background: var(--white);
  border-color: var(--recent-dashed-border); }

.tagify__dropdown__item--active {
  background-color: #E6E9EB;
  color: var(--body-font-color); }

.tagify {
  --tags-focus-border-color: #cccccc; }

.tagify__input {
  color: #2c323f; }

.tagify--select::after {
  color: var(--chart-text-color); }
  [dir="rtl"] .tagify--select::after {
    right: unset;
    left: 0;
    transform: translate(150%, -50%) scaleX(1.2) rotate(90deg); }

[dir="rtl"] .tagify--select .tagify__tag {
  right: unset;
  left: 1.8em; }

[dir="rtl"] .tagify--select[aria-expanded=true]::after {
  transform: translate(150%, -50%) rotate(270deg) scale(1.2); }

.international-num input {
  width: calc(240px + (250 - 240) * ((100vw - 320px) / (1920 - 320)));
  padding: 10px;
  border-radius: 2px;
  border: 1px solid #E6E9EB; }
  .international-num input:focus {
    outline-color: #E6E9EB; }

.international-num input::placeholder {
  color: #E6E9EB; }

.international-num .results ul {
  border: 1px solid #E6E9EB;
  margin-top: 12px;
  padding: 8px;
  line-height: 1.9; }

.iti--allow-dropdown .iti__flag {
  background-image: url(/../images/forms/flags.png); }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 10px;
  right: 10px; }

.select-box {
  position: relative;
  display: flex;
  width: 400px;
  flex-direction: column; }
  .select-box .options-container {
    background: var(--recent-box-bg);
    color: var(--body-font-color);
    max-height: 0;
    width: 100%;
    opacity: 0;
    transition: all 0.4s;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    order: 1; }
    .select-box .options-container::-webkit-scrollbar {
      width: 8px;
      background: var(--view-grid-bg);
      border-radius: 0 8px 8px 0; }
    .select-box .options-container::-webkit-scrollbar-thumb {
      background: var(--view-grid-bg);
      border-radius: 0 8px 8px 0; }
  .select-box .options-container.active {
    max-height: 240px;
    opacity: 1;
    overflow-y: scroll;
    margin-top: 53px; }
    @media (min-width: 1007px) and (max-width: 1920px) {
      .select-box .options-container.active {
        max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } }
    @media (min-width: 768px) and (max-width: 1006px) {
      .select-box .options-container.active {
        max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } }
    @media (max-width: 767px) {
      .select-box .options-container.active {
        max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
        margin-top: 46px; } }
    .select-box .options-container.active + .selected-box::after {
      transform: rotateX(180deg);
      top: -6px; }
    .select-box .options-container.active ~ .search-box input {
      opacity: 1;
      pointer-events: auto; }
  .select-box .selection-option {
    padding: 12px 24px;
    cursor: pointer; }
    .select-box .selection-option:hover {
      background: #E6E9EB; }
    .select-box .selection-option .radio {
      display: none; }
  .select-box label {
    cursor: pointer; }

.selected-box {
  background: var(--light2);
  color: #333;
  position: relative;
  order: 0;
  padding: 12px 24px;
  cursor: pointer; }
  @media (min-width: 1007px) and (max-width: 1920px) {
    .selected-box {
      max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } }
  @media (min-width: 768px) and (max-width: 1006px) {
    .selected-box {
      max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } }
  @media (max-width: 767px) {
    .selected-box {
      max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320))); } }
  .selected-box::after {
    content: "\f078";
    font-family: "FontAwesome";
    position: absolute;
    height: 100%;
    width: 32px;
    right: 10px;
    top: 12px;
    transition: all 0.4s; }
    [dir="rtl"] .selected-box::after {
      left: 10px;
      right: unset; }

.search-box input {
  width: 100%;
  padding: 12px 16px;
  font-size: 16px;
  position: absolute;
  z-index: 1;
  border: 2px solid var(--chart-dashed-border);
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s;
  border-radius: 6px; }
  @media (min-width: 1007px) and (max-width: 1920px) {
    .search-box input {
      max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } }
  @media (min-width: 768px) and (max-width: 1006px) {
    .search-box input {
      max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } }
  @media (max-width: 767px) {
    .search-box input {
      max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
      padding: 9px 16px; } }
  .search-box input:focus {
    outline: none; }

/**=====================
    5.6 Select2 CSS Ends
==========================**/
/**=====================
  5.7 Sidebar CSS Start
==========================**/
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
  position: absolute;
  content: "";
  top: 12%;
  width: 13px;
  height: 15px;
  border-bottom-left-radius: 8px;
  border-left: 2px solid rgba(255, 255, 255, 0.4);
  border-bottom: 2px solid rgba(255, 255, 255, 0.4); }

.media.media-wrapper {
  width: 100%;
  display: -webkit-flex; }

.media .media-body {
  flex: unset; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  left: 32px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5); }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li [dir="rtl"] a::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title [dir="rtl"] h5::before {
    left: unset;
    right: 25px; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before {
  position: absolute;
  content: '';
  width: 2px;
  height: 0;
  background: rgba(255, 255, 255, 0.4);
  top: -10px;
  left: 20px;
  transition: height 0.5s; }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .mega-menu-container::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .sidebar-submenu::before {
    left: unset;
    right: 20px; }

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 49%;
  width: 5px;
  height: 1px;
  border-radius: 100%;
  background-color: #59667a; }

.onhover-show-div {
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  left: 0; }

.onhover-dropdown:hover .onhover-show-div {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
  border-radius: 5px;
  overflow: hidden; }
  .onhover-dropdown:hover .onhover-show-div:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 2; }
  .onhover-dropdown:hover .onhover-show-div:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d7e2e9;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 1; }

.page-wrapper {
  position: relative; }
  .page-wrapper .page-header {
    max-width: 100vw;
    position: fixed;
    top: 0;
    z-index: 8;
    transition: 0.5s; }
    .page-wrapper .page-header .header-wrapper {
      width: 100%;
      align-items: center;
      padding: 13px 30px;
      position: relative;
      background-color: #F5F5F5; }
      @media (max-width: 1399px) {
        .page-wrapper .page-header .header-wrapper {
          padding: 14px 20px; } }
      .page-wrapper .page-header .header-wrapper .search-full {
        background-color: #fff;
        position: absolute;
        right: 0;
        z-index: 1;
        height: 0;
        width: 0;
        transform: scale(0);
        transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full.open {
          height: 100%;
          width: 100%;
          animation: zoomIn 0.5s ease-in-out;
          transform: scale(1);
          transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full input {
          line-height: 65px;
          padding-left: 60px;
          width: 100% !important; }
          .page-wrapper .page-header .header-wrapper .search-full input:focus {
            outline: none !important; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
          position: absolute;
          font-size: 15px;
          right: 30px;
          top: 30px;
          color: #898989;
          cursor: pointer; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
            left: 30px;
            right: unset; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
          position: absolute;
          left: 30px;
          top: 27px;
          content: "\f002";
          font-size: 16px;
          color: #898989;
          font-family: FontAwesome; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
            left: unset;
            right: 30px; }
      .page-wrapper .page-header .header-wrapper .nav-right {
        justify-content: flex-end; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li svg {
          vertical-align: middle;
          stroke: var(--body-font-color);
          height: 24px;
          width: 24px; }
          .page-wrapper .page-header .header-wrapper .nav-right ul li svg path {
            color: #242934; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
          height: 24px;
          width: 24px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li .search-form svg {
          width: 20px;
          height: 20px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode {
          cursor: pointer;
          text-align: center; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i {
            font-size: 18px;
            font-weight: 600;
            transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i.fa-lightbulb-o {
              font-weight: 500;
              font-size: 22px;
              transition: all 0.3s ease;
              animation: zoomIn 300ms ease-in-out; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .header-search {
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
          margin-left: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body span {
            font-weight: 500;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box !important;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            white-space: normal; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
            font-size: 12px;
            line-height: 1;
            color: rgba(5, 26, 26, 0.7); }
        .page-wrapper .page-header .header-wrapper .nav-right > ul {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          gap: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
            padding: 6px 10px;
            display: inline-block;
            position: relative; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li:nth-child(n+3):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right > ul > li.profile-nav:nth-child(n+3)) {
              background-color: #fff;
              padding: 12px;
              border-radius: 40px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .badge {
              position: absolute;
              right: 0px;
              top: -3px;
              padding: 2px 4px;
              font-size: 11px;
              font-weight: 700;
              font-family: work-Sans, sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .mode svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .input-show svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul {
              left: inherit;
              right: -10px;
              width: 130px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:before, .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:after {
                left: inherit;
                right: 10px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li {
                display: block; }
                .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a {
                  font-size: 14px;
                  color: #2c323f; }
                  .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a i {
                    margin-left: 10px;
                    font-size: 13px;
                    color: #2c323f; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul .flag-icon {
            font-size: 16px; }
        .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip {
          width: unset !important;
          box-shadow: unset !important;
          background-color: transparent !important;
          overflow: initial; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::after, .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::before {
            display: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content {
            text-align: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
              width: 52px;
              height: 52px;
              background-color: #f9f9f9;
              border-radius: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              margin: 0 auto; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content span {
              font-family: "Montserrat", sans-serif;
              font-size: 12px;
              font-weight: 500;
              letter-spacing: 0.5px; }
        .page-wrapper .page-header .header-wrapper .nav-right .flip-card {
          width: 300px;
          height: 260px;
          background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner {
            position: relative;
            height: 100%;
            text-align: center;
            transition: transform 0.6s;
            transform-style: preserve-3d; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front,
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              position: absolute;
              backface-visibility: hidden;
              border-radius: 10px;
              overflow: hidden;
              box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
              width: 300px;
              height: 260px; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button,
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                background-color: transparent;
                color: #006666;
                border: none; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button:focus,
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button:focus {
                  outline: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
              background-color: #fff;
              transition: .3s; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
                stroke: var(--body-font-color);
                transition: all 0.3s ease; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg:hover {
                  stroke: var(--body-font-color);
                  transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              background-color: #fff;
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:first-child {
                margin-top: 20px;
                height: 140px !important; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                width: 100%; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
                border-radius: 25px;
                padding: 6px 12px;
                width: 100%;
                border: 1px solid #ddd; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input:focus {
                  outline: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped {
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped .front {
                opacity: 0; }
        .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
          width: 330px;
          top: 50px;
          right: 0;
          left: unset; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .dropdown-title {
            padding: 20px;
            text-align: center;
            border-bottom: 1px solid rgba(145, 142, 153, 0.3); }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div ul {
            padding: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li {
            padding: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li p {
              font-size: 14px;
              letter-spacing: 0.3px;
              margin-bottom: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li a {
              letter-spacing: 0.3px;
              font-family: "Montserrat", sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li + li {
              margin-top: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li:last-child {
              padding-bottom: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media {
              position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media img {
                width: 40px;
                position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .status-circle {
                left: 0; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body > span {
                letter-spacing: 0.8px;
                padding-right: 10px;
                display: inline-block; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body p {
                margin-bottom: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:before, .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:after {
            right: 10px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown.notification-all ul li {
          border-radius: 0px;
          border-bottom: 1px solid rgba(145, 142, 153, 0.1); }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown ul {
          padding: 0 0 15px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li {
          padding: 10px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media {
            align-items: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
              margin-right: 20px; }
              [dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
                margin-right: unset;
                margin-left: 20px; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li + li {
            margin-top: 0;
            border-top: 1px solid rgba(145, 142, 153, 0.1); }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li:last-child {
            padding: 20px 15px;
            border-top: none; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown p {
          line-height: 1.3;
          margin-top: 3px;
          opacity: 0.6; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
          position: absolute;
          right: 0;
          top: 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle a {
            width: 18px;
            height: 18px;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle svg {
            width: 14px;
            stroke: #fff; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box {
          margin: 5px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group {
            width: 80px;
            background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input {
              background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input,
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              font-size: 10px;
              font-family: "Montserrat", sans-serif;
              font-weight: 700; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              padding: 0px 7px;
              background-color: #F7F6FF !important;
              border-color: #F7F6FF !important;
              border-radius: 100%;
              font-size: 14px;
              color: #051A1A; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
          margin: 0;
          padding: 15px;
          background-color: #f9f9f9;
          border: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 {
            font-family: "Montserrat", sans-serif;
            font-weight: 500;
            font-size: 12px;
            line-height: 14px;
            letter-spacing: 0.5px; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 span {
              font-size: 14px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .view-checkout {
          text-decoration: unset; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box svg {
          animation: swing 1.5s ease infinite; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
          left: unset; }
          @media (max-width: 575.98px) {
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
              width: calc(100vw - 30px); } }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li:last-child {
            text-align: center;
            background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p span {
              font-size: 11px;
              vertical-align: middle; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:after {
            right: 28px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
          width: 160px;
          top: 57px;
          left: -12px;
          padding: 0 10px; }
          .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li {
            padding: 10px !important;
            border-bottom: 1px solid #E6E9EB; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              border: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
              text-decoration: unset; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a span {
              color: var(--theme-deafult);
              transition: color 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg {
              stroke: var(--theme-deafult);
              transition: stroke 0.3s ease; }
              .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg path {
                stroke: var(--theme-deafult);
                transition: stroke 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li + li {
              margin-top: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              padding-top: 10px !important; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
              color: #2c323f; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li svg {
              width: 16px;
              vertical-align: bottom;
              margin-right: 10px;
              stroke: #2c323f; }
  .page-wrapper .page-body-wrapper {
    background-color: #F5F5F5; }
    .page-wrapper .page-body-wrapper .page-body {
      min-height: calc(100vh - 136px);
      margin-top: 136px;
      padding: 25px 15px;
      position: relative;
      transition: 0.5s; }
      .page-wrapper .page-body-wrapper .page-body:before {
        animation: fadeIn 0.5s ease-in-out; }
    .page-wrapper .page-body-wrapper .page-title {
      padding: 20px 30px;
      margin: 0px -27px 0px; }
      .page-wrapper .page-body-wrapper .page-title > .row {
        margin: 0; }
        .page-wrapper .page-body-wrapper .page-title > .row .col-6 {
          padding: 0; }
      .page-wrapper .page-body-wrapper .page-title .row {
        align-items: center; }
        .page-wrapper .page-body-wrapper .page-title .row h3 {
          font-size: 24px;
          margin-bottom: 0;
          text-transform: capitalize; }
          .page-wrapper .page-body-wrapper .page-title .row h3 small {
            display: block;
            font-size: 12px;
            margin-bottom: 5px;
            text-transform: capitalize;
            color: #FFFFFF; }
      .page-wrapper .page-body-wrapper .page-title .breadcrumb {
        background-color: transparent;
        padding: 0;
        margin-bottom: 0;
        align-items: center;
        justify-content: flex-end; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
          font-size: 13px;
          letter-spacing: 1px;
          font-family: "Montserrat", sans-serif; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
          content: "/"; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
          width: 16px;
          height: 16px;
          stroke: #2c323f;
          vertical-align: text-top; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
          color: var(--theme-deafult);
          font-weight: 500; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
      stroke: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
      fill: #051A1A;
      stroke: none !important; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg {
      transition: all 0.3s ease; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
        stroke: #fff; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
        fill: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content li a {
      text-transform: capitalize; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .stroke-icon {
    display: inline-block; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .fill-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .stroke-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .fill-icon {
    display: inline-block; }
  .page-wrapper.horizontal-wrapper [data-simplebar] {
    position: relative; }
  .page-wrapper.horizontal-wrapper .footer {
    margin-left: 0; }
  .page-wrapper.horizontal-wrapper .header-logo-wrapper {
    width: 150px; }
    .page-wrapper.horizontal-wrapper .header-logo-wrapper .toggle-sidebar {
      display: none; }
  .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 19px;
    right: 0px;
    color: #fff; }
    [dir="rtl"] .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
      left: 0;
      right: unset; }
  .page-wrapper.horizontal-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: hidden;
    cursor: pointer; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    height: 54px;
    line-height: inherit;
    top: 79px;
    background: #fff;
    box-shadow: 0px 9px 24px rgba(89, 102, 122, 0.05);
    overflow-x: hidden;
    z-index: 1;
    overflow-y: visible;
    position: fixed;
    width: 100vw;
    border-top: 1px solid #efefef;
    z-index: 3; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .simplebar-content {
      display: flex; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper li {
      display: inline-block; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .badge {
      position: absolute;
      top: 2px;
      right: 0px;
      z-index: 1; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper,
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
      text-align: left;
      position: relative; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        position: absolute;
        top: 0px;
        padding: 15px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        cursor: pointer; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow.disabled,
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow.disabled {
          display: none; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow {
        left: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        right: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: normal;
        direction: ltr;
        text-align: left;
        display: -webkit-box !important;
        padding: 0 5px;
        transition: all .5s ease;
        white-space: nowrap; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a.active .according-menu i:before {
          content: '-'; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a .according-menu {
          display: none; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active {
          color: #fff; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active:after {
            background-color: rgba(255, 255, 255, 0.6); }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          position: relative;
          padding-top: 10px;
          padding-bottom: 10px; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a > span {
            color: var(--theme-deafult);
            transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a {
            background-color: #fff;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.stroke-icon {
              stroke: #fff;
              transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.fill-icon {
              fill: #fff;
              transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
            display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            display: block;
            color: #051A1A;
            line-height: 23px;
            text-decoration: none;
            text-transform: capitalize;
            padding: 5px 15px;
            margin: 0 3px;
            letter-spacing: 0.04em;
            position: relative;
            border-radius: 5px;
            font-weight: 500;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active {
              transition: all 0.3s ease; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active svg,
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active span {
                color: #fff;
                transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a .badge {
              position: absolute;
              top: -5px;
              margin-left: 1px;
              right: 10px;
              padding: 0.20em 0.7em; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg {
              width: 18px;
              height: 18px;
              vertical-align: middle;
              margin-right: 10px;
              stroke: #051A1A !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
            position: fixed;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 15px 0px 15px 0px;
            background: white; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li {
              border: 0;
              float: none;
              position: relative;
              display: block; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
                background: transparent;
                padding: 4px 30px;
                display: block;
                transition: all 0.5s ease;
                line-height: 1.9;
                color: rgba(43, 43, 43, 0.6);
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                transition: all 0.3s ease; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
                  left: 20px; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
                  color: #006666;
                  letter-spacing: 1.5px;
                  transition: all 0.3s ease; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover:after {
                    background-color: var(--theme-deafult); }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
            position: fixed;
            right: 0;
            left: 0;
            margin: 0 auto;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 30px;
            background: white;
            width: 95%;
            border-radius: 4px;
            display: block !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
              width: 20%; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                text-transform: uppercase;
                font-size: 14px;
                margin-left: -13px; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content {
                box-shadow: none;
                background-color: transparent;
                position: relative;
                display: block;
                padding: 0; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li {
                  border: 0;
                  float: none;
                  position: relative;
                  display: block; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
                    border: 0 !important;
                    background: transparent;
                    color: #051A1A;
                    border-radius: 0 !important;
                    text-transform: capitalize;
                    padding: 3px 0;
                    font-size: 13px;
                    display: block;
                    letter-spacing: 0.07em;
                    line-height: 1.9;
                    position: relative;
                    transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover {
                      color: var(--theme-deafult);
                      letter-spacing: 1.5px;
                      transition: all 0.3s ease; }
                      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover:after {
                        color: var(--theme-deafult);
                        transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:after {
                      position: absolute;
                      content: "";
                      left: -12px;
                      top: 50%;
                      width: 5px;
                      height: 1px;
                      background-color: #59667a; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a:after {
            left: 0;
            right: 0;
            opacity: 1; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu {
            position: unset; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper.overlay-white {
      background-color: rgba(255, 255, 255, 0.08); }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav i {
      font-size: 24px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
    margin-top: 110px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main-title {
    display: none !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.scorlled .sidebar-wrapper {
    display: none;
    transition: all 0.3s ease; }
  .page-wrapper.horizontal-wrapper .page-header {
    width: 100%;
    box-shadow: none; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .form-control-plaintext {
      width: auto !important; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1324px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
      @media (max-width: 1323px) and (min-width: 1200px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 1199px) and (min-width: 992px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
    @media (max-width: 1428px) and (min-width: 1324px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 55%; } }
    @media (max-width: 1323px) and (min-width: 1200px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 40%; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.horizontal-wrapper.enterprice-type footer {
    margin-left: 0; }
  .page-wrapper.material-icon .card {
    border-radius: 30px;
    box-shadow: 0 0 20px rgba(0, 102, 102, 0.1); }
  .page-wrapper .sidebar-main-title h6 {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 0.40px; }
  .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 11px;
    right: -9px;
    color: #fff;
    z-index: 9999; }
    [dir="rtl"] .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
      left: -9px;
      right: unset; }
  .page-wrapper.compact-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer; }
  .page-wrapper.compact-wrapper .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-wrapper .pin-title {
    order: -1; }
  .page-wrapper.compact-wrapper .page-header {
    margin-left: 265px;
    width: calc(100% - $sidebar-compact-width); }
    .page-wrapper.compact-wrapper .page-header.close_icon {
      margin-left: 90px;
      width: calc(100% - 90px); }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
      position: absolute;
      content: "";
      bottom: 0%;
      height: 1px;
      z-index: 8;
      width: calc(100% - 40px);
      background: #E6E9EB; }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9;
    height: 100%;
    line-height: inherit;
    background: var(--theme-deafult);
    width: 265px;
    text-align: left;
    transition: 0.3s;
    box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      fill: #fff; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      padding: 22px 30px;
      box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
      border-top-right-radius: 15px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
      width: auto;
      transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .badge {
        opacity: 0;
        width: 0;
        padding: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        max-width: 86px;
        margin: 0;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          text-align: center;
          padding: 12px 14px;
          transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main-title {
        display: none !important;
        opacity: 0;
        transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper {
        display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
        text-align: right;
        display: block; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
        width: 265px;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .badge {
          opacity: 1;
          width: auto;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          max-width: unset;
          margin: initial;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
            text-align: left; }
            [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
              text-align: right; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            padding: 12px 15px;
            transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a span {
              display: inline-block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main-title {
          opacity: 1;
          display: block !important;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
          display: block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-icon-wrapper {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .mobile-sidebar {
        transform: translate(183px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
        margin-left: 90px;
        transition: 0.5s; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer-fix {
        width: calc(100% - 90px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 118px); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          padding: 15px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::before {
            right: 20px;
            left: unset; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a span {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .according-menu {
        display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
      visibility: hidden;
      position: absolute;
      top: -8px;
      right: 17px;
      border-radius: 15px;
      padding: 4px 6px;
      color: #fff;
      font-size: 11px;
      background-color: #006666;
      border: 1px solid rgba(255, 255, 255, 0.6); }
      [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
        left: 17px;
        right: unset; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list:hover i.fa-thumb-tack {
      visibility: visible;
      cursor: pointer; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pined, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 115px);
      left: -300px;
      z-index: 99;
      transition: color 1s ease;
      overflow: auto;
      color: rgba(0, 0, 0, 0);
      margin-top: 20px;
      margin-bottom: 30px; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        font-weight: 500; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
          width: 18px;
          height: 18px;
          margin-right: 10px;
          vertical-align: -2px;
          float: none;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          letter-spacing: 0.7px;
          text-transform: capitalize;
          color: rgba(255, 255, 255, 0.8); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.link-nav .according-menu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li:last-child {
        border-bottom: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links.opennav {
        left: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn {
        display: block;
        width: 100%;
        padding: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn .mobile-back {
          padding: 20px;
          color: #242934;
          font-weight: 700;
          text-transform: uppercase;
          border-bottom: 1px solid #efefef;
          cursor: pointer;
          display: flex;
          justify-content: flex-end;
          align-items: center; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        display: block;
        width: 100%;
        position: relative; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
          padding: 25px 0 6px 20px;
          margin-top: 0px;
          margin-bottom: 12px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: block; }
          [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
            padding: 25px 20px 6px 0; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
            position: absolute;
            content: '';
            top: 0;
            left: 50%;
            background: rgba(255, 255, 255, 0.2);
            width: calc(100% - 40px);
            height: 1px;
            transform: translateX(-50%); }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2) {
            margin-top: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2)::before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list {
          padding: 0px 18px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list .badge {
            position: absolute;
            right: 50px;
            top: 14.5px;
            padding: 0.45em 0.8em 0.33em;
            z-index: 1;
            font-size: 10px;
            letter-spacing: 0.7px;
            font-weight: 600;
            font-family: "Montserrat", sans-serif;
            border-radius: 10px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list:hover > a:hover {
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg {
          fill: #fff;
          stroke: #fff;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg.fill-icon {
            fill: #fff;
            stroke: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover span {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover .according-menu i {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          padding: 11px 13px;
          position: relative;
          color: #222222; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow {
            right: 20px;
            position: absolute;
            top: 10px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow i {
              display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow:before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
          display: none !important; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
          width: 100%;
          padding: 0;
          position: relative !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
            padding-left: 50px !important;
            font-weight: 400; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu .submenu-title .according-menu {
            top: 7px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover > a {
            color: #fff;
            transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
            display: none;
            position: relative !important;
            right: 0;
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu.opensubchild {
              display: block; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a {
              padding: 6px 45px;
              padding-left: 63px !important; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a:after {
                display: none; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
            padding: 7px 25px;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.7);
            display: block;
            position: relative;
            letter-spacing: 0.06em;
            font-weight: 500;
            transition: all 0.3s ease;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a .content-menu {
              padding: 0px 15px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
              color: #fff; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active::before {
                opacity: 1;
                background: #fff;
                visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
              left: 20px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
              margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
          padding: 0;
          position: relative; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section:hover h5 {
              color: #fff !important;
              transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title {
              position: relative; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                margin-bottom: 0;
                line-height: 1.9;
                padding: 6px 25px 6px 65px;
                font-size: 14px;
                position: relative;
                color: rgba(255, 255, 255, 0.8);
                display: block;
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                cursor: pointer; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
                  left: 20px; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5 {
                color: #fff; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5::before {
                  opacity: 1;
                  visibility: visible; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
                top: 8px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
              margin-bottom: 0;
              line-height: 1.9;
              padding: 6px 15px 6px 65px;
              font-size: 14px;
              position: relative;
              color: rgba(255, 255, 255, 0.8);
              display: block;
              letter-spacing: 0.06em;
              font-weight: 500;
              font-family: "Montserrat", sans-serif; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a:after {
                display: none; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a.active {
                color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
              line-height: 1.9; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
                margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container {
          display: block !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container::before {
            height: calc(100% - 9px);
            transition: height 0.5s; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
            position: relative;
            margin-bottom: 10px;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active::after {
              opacity: 1;
              visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active ~ .sidebar-submenu::before {
              height: calc(100% - 8px);
              transition: height 0.5s; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active .according-menu i {
              color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
              color: #fff;
              transition: all 0.3s ease; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-content {
      display: flex;
      flex-direction: column; }
  .page-wrapper.compact-wrapper .page-body-wrapper .mega-box.col {
    flex-basis: unset; }
  .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
    position: absolute;
    right: 20px;
    top: 11px;
    display: block; }
    .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
      vertical-align: middle;
      color: rgba(255, 255, 255, 0.8);
      font-weight: 500; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu.border-section {
    border: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav {
    position: absolute;
    z-index: 2;
    right: 145px;
    top: 6px; }
    .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
      font-size: 18px;
      padding-left: 5px;
      text-transform: uppercase; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 80px);
    margin-top: 56px;
    margin-left: 265px; }
  .page-wrapper.compact-wrapper.dark-sidebar .sidebar-main-title h6, .page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title h6 {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .toggle-sidebar svg, .page-wrapper.compact-wrapper.color-sidebar .toggle-sidebar svg {
    stroke: var(--theme-deafult); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
    stroke: #fff !important; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
    fill: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
    stroke: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
    fill: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
    background: rgba(255, 255, 255, 0.1); }
  .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #22242B; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon {
      stroke: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon {
      fill: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
      color: #fff;
      stroke: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-light, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-light {
      display: none; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-dark, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-dark {
      display: block; }
  .page-wrapper.compact-wrapper.dark-sidebar .according-menu i, .page-wrapper.compact-wrapper.color-sidebar .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #2f3c4e; }
  .page-wrapper.compact-sidebar .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content {
    display: flex;
    flex-direction: column; }
  .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 54px;
    color: #fff;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
      left: 54px;
      right: unset; }
  .page-wrapper.compact-sidebar .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer;
    z-index: 1; }
  .page-wrapper.compact-sidebar .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-sidebar .pin-title {
    order: -1; }
  .page-wrapper.compact-sidebar ~ .bg-overlay1 {
    transition: 0.8s; }
    .page-wrapper.compact-sidebar ~ .bg-overlay1.active {
      z-index: 8;
      height: 100vh;
      width: 100vw;
      background-color: rgba(0, 0, 0, 0.2);
      position: fixed;
      top: 0; }
  .page-wrapper.compact-sidebar .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-sidebar .sidebar-main-title {
    display: none; }
  .page-wrapper.compact-sidebar .logo-wrapper {
    display: none; }
  .page-wrapper.compact-sidebar .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 24px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-sidebar .page-header {
    margin-left: 150px;
    width: calc(100% - 150px); }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1578px) and (min-width: 1274px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 38%; } }
      @media (max-width: 1273px) and (min-width: 1200px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 45%; } }
      @media (max-width: 991px) and (min-width: 768px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 36%; } }
      @media (max-width: 767px) and (min-width: 756px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 28%; } }
      @media (max-width: 1199px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 132px; } }
      @media (max-width: 767px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 83px; } }
    .page-wrapper.compact-sidebar .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
    margin-top: 80px;
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper .footer {
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
      height: auto;
      line-height: inherit;
      background: #F5F5F5;
      width: 150px;
      text-align: left;
      transition: 0.3s;
      box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1); }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      margin: 30px 0;
      height: calc(100vh - 113px);
      overflow: auto; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        color: #2c323f; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          text-transform: capitalize;
          color: #2c323f;
          font-weight: 500;
          letter-spacing: 1px;
          font-size: 14px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active {
          background: rgba(0, 102, 102, 0.1);
          color: #006666;
          border-radius: 20px;
          margin: 0 10px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active span {
            color: #006666; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
            animation: fadeInLeft 300ms ease-in-out; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
        display: block;
        padding: 20px 0;
        border-bottom: 1px solid #f3f3f3; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
        position: fixed;
        top: 0px;
        height: calc(100vh - 0px);
        overflow: auto;
        left: 150px;
        width: 230px;
        background-color: #fff;
        box-shadow: 0 16px 15px 15px rgba(126, 55, 216, 0.03);
        transition: all 0.5s ease-in-out;
        display: none;
        padding-top: 20px;
        z-index: -1; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
          padding: 15px 15px 15px 40px;
          display: block;
          position: relative;
          border-bottom: 1px solid #f1f1f1; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
            display: none; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
            position: absolute;
            right: 20px;
            top: 16px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a.active,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a.active {
            background-color: rgba(0, 102, 102, 0.1);
            color: #006666;
            transition: all 0.3s ease; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li .submenu-content li a.active,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li .submenu-content li a.active {
          background-color: transparent; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
          position: absolute;
          content: "";
          left: 20px;
          top: 48%;
          width: 12px;
          border-top: 2px solid rgba(255, 255, 255, 0.4); }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 0; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
            text-align: left; }
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
              position: relative;
              font-size: 14px;
              font-weight: 400;
              padding: 15px 15px 15px 40px;
              letter-spacing: 1px;
              margin-bottom: 0; }
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
                position: absolute;
                content: "";
                left: 20px;
                top: 48%;
                width: 6px;
                border-top: 2px solid #595c60; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list {
        position: relative; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
          position: absolute;
          left: 53%;
          top: 7px;
          font-weight: 500;
          font-size: 9px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
          text-align: center; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
            margin: 0 auto 6px;
            width: 24px;
            height: 24px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
            display: block;
            font-weight: 500;
            letter-spacing: 1px;
            font-size: 14px;
            word-break: break-word; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link .according-menu {
            display: none; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
        text-align: center;
        padding: 0; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
          width: 24px;
          height: 24px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
          position: absolute;
          right: 20px;
          top: 13px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
      transform: translateX(-150px); }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
        margin-left: 0px; }
  .page-wrapper.compact-small .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 22px;
    color: #006666;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
      left: 22px;
      right: unset; }
  .page-wrapper.compact-small .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible; }
  .page-wrapper.compact-small .sidebar-list.pined, .page-wrapper.compact-small .sidebar-list.pin-title {
    order: -1; }
  .page-wrapper.compact-small .sidebar-main-title,
  .page-wrapper.compact-small .logo-wrapper {
    display: none; }
  .page-wrapper.compact-small .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 27px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-small .page-header {
    margin-left: 90px;
    width: calc(100% - 90px); }
    .page-wrapper.compact-small .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-small .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-small .page-body-wrapper .page-body {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper .footer {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div {
    width: 90px; }
  @media (max-width: 420px) {
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 105px); } }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    display: block;
    padding: 15px 0; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 90px; }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
      padding: 10px 15px 10px 40px; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
        display: none; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
        top: 11px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
    margin: 0 auto;
    width: 20px;
    height: 20px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
    margin: 0 auto; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu a > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translateX(-150px); }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
      margin-left: 0px; }
  .page-wrapper.only-body {
    background-color: #f2f0fa; }
    .page-wrapper.only-body .page-body-wrapper {
      background-color: #f2f0fa; }
    .page-wrapper.only-body .page-header {
      position: relative; }
      .page-wrapper.only-body .page-header .header-logo-wrapper {
        display: none; }
      .page-wrapper.only-body .page-header .header-wrapper {
        padding: 0 !important; }
        .page-wrapper.only-body .page-header .header-wrapper .left-header {
          display: none; }
        .page-wrapper.only-body .page-header .header-wrapper .nav-right {
          position: absolute;
          right: 60px;
          top: 58px; }
        .page-wrapper.only-body .page-header .header-wrapper .search-full {
          top: 37px;
          width: calc(100% - 50px);
          left: 25px; }
          [dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .search-full {
            left: unset;
            right: 25px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
            background-color: #fff;
            border-radius: 15px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu {
            top: 78px;
            width: calc(100% - 30px);
            margin: 0 auto;
            right: 0; }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-top: 20px;
      padding-bottom: 20px; }
    .page-wrapper.only-body .sidebar-wrapper,
    .page-wrapper.only-body footer {
      display: none; }
    .page-wrapper.only-body .page-body-wrapper .page-body {
      margin-top: 0px;
      min-height: calc(100vh - 0px); }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-left: 30px;
      padding-right: 30px;
      margin: 30px 0;
      border-radius: 15px; }
      @media (max-width: 991.98px) {
        .page-wrapper.only-body .page-body-wrapper .page-title {
          padding-left: 20px;
          padding-right: 20px;
          margin: 20px 0; } }
      .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6 {
        flex: 0 0 100%;
        max-width: 100%; }
      .page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb {
        margin-top: 5px;
        justify-content: flex-start; }
  .page-wrapper.modern-type .progress-chart-wrap {
    margin-left: -22px; }
    [dir="rtl"] .page-wrapper.modern-type .progress-chart-wrap {
      margin-left: unset;
      margin-right: -22px; }
  .page-wrapper.modern-type .ecommerce-widget {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .file-sidebar .pricing-plan {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .alert-primary {
    color: #006666; }
  .page-wrapper.modern-type .project-box {
    background-color: #00d6d6; }
  .page-wrapper.modern-type .nav-tabs .nav-link.active {
    background-color: transparent; }
  .page-wrapper.modern-type .simplebar-mask {
    top: 10px; }
  .page-wrapper.modern-type .page-header {
    margin-left: 0px;
    width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header.close_icon {
      margin-left: 0px;
      width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1200px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 818px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 36%; } }
    @media (max-width: 1669px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 50%; } }
    @media (max-width: 1428px) and (min-width: 1200px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 40%; } }
    .page-wrapper.modern-type .page-header .header-wrapper .header-logo-wrapper {
      display: flex;
      align-items: center; }
    .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
      display: block;
      margin-right: 30px; }
    .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
      display: block;
      position: relative;
      top: unset;
      right: unset;
      margin-right: 15px; }
  .page-wrapper.modern-type .page-body-wrapper .page-title {
    background-color: transparent;
    padding-bottom: 0; }
  .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
    margin: 30px !important;
    top: 80px;
    bottom: 0;
    border-radius: 15px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 160px); }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      margin-left: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
      margin-left: 0px;
      margin-right: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
      display: none; }
  .page-wrapper.modern-type .page-body-wrapper .page-body {
    margin-left: 296px; }
    .page-wrapper.modern-type .page-body-wrapper .page-body .container-fluid {
      max-width: 1500px; }
  .page-wrapper.modern-type .page-body-wrapper .footer {
    margin-left: 360px;
    margin-right: 70px;
    border-radius: 10px; }
    @media (max-width: 991px) {
      .page-wrapper.modern-type .page-body-wrapper .footer {
        margin-right: 0;
        margin-left: 0; } }
  .page-wrapper.material-type {
    position: relative; }
    .page-wrapper.material-type::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 300px;
      background-image: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-type .card {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
    .page-wrapper.material-type .page-header {
      position: relative;
      max-width: 1560px;
      margin: 50px auto 0;
      border-radius: 15px 15px 0 0; }
      .page-wrapper.material-type .page-header .header-wrapper .left-header {
        width: 31%; }
        @media (max-width: 1600px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 33%; } }
        @media (max-width: 1366px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 38%; } }
        @media (max-width: 1199px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 30%; } }
      @media (max-width: 1600px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 40%; } }
      @media (max-width: 1199px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 45%; } }
    .page-wrapper.material-type .page-body-wrapper {
      background-blend-mode: overlay;
      background-color: rgba(255, 255, 255, 0.5); }
      .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        position: relative;
        max-width: 1560px;
        margin: 0 auto;
        top: unset;
        height: 56px; }
      .page-wrapper.material-type .page-body-wrapper .page-body {
        margin: 0 auto;
        max-width: 1560px;
        background-color: #F5F5F5;
        box-shadow: 0 0 20px 7px rgba(8, 21, 66, 0.05);
        border-radius: 0 0 15px 15px; }
    .page-wrapper.material-type .footer {
      margin-top: 40px; }
    .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .left-header {
      width: 38%; }
    @media (max-width: 991px) {
      .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.advance-layout {
    background-blend-mode: overlay;
    background-color: #F5F5F5; }
    .page-wrapper.advance-layout .card {
      border-radius: 5px;
      box-shadow: none;
      border: 1px solid #ecf3fa; }
    .page-wrapper.advance-layout .page-header {
      position: relative;
      background-color: #fff;
      margin: 0 auto; }
    .page-wrapper.advance-layout .page-body-wrapper {
      background: transparent; }
      .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
        position: relative !important;
        top: unset !important;
        height: unset;
        box-shadow: none;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef; }
        .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper > div {
          overflow-x: hidden; }
      .page-wrapper.advance-layout .page-body-wrapper .page-body {
        margin-top: 0 !important; }

@keyframes pagebody {
  from {
    opacity: 0;
    transform: scale3d(0.98, 0.98, 0.98) translate(-20px, -50px); }
  50% {
    opacity: 1; } }

.md-sidebar {
  position: relative; }
  .md-sidebar .md-sidebar-toggle {
    display: none;
    width: fit-content;
    text-transform: capitalize;
    margin-bottom: 20px; }

#sidebar-menu .sidebar-links .simplebar-mask {
  border-bottom-right-radius: 18px; }

@media screen and (max-width: 1480px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -18%;
    width: 91%; } }

@media screen and (max-width: 1460px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -54%;
    width: 75%; }
  .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-right: 8px; } }

@media screen and (max-width: 1366px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -49%;
    width: 70%; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) {
    padding: 8px; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) svg {
      height: 22px;
      width: 22px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.onhover-dropdown.notification-down:nth-child(5)::before {
    left: 47px;
    height: 42px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li .profile-media img {
    width: 32px;
    height: 32px; }
  .profile-dropdown.onhover-show-div {
    right: 0;
    left: unset !important; }
    .profile-dropdown.onhover-show-div:before, .profile-dropdown.onhover-show-div:after {
      right: 10px !important;
      left: unset !important; } }

@media screen and (max-width: 1199px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 6px; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown .notification-down::before {
      content: "";
      position: absolute;
      left: 33px;
      height: 30px; }
  .mobile-title.d-none {
    display: flex !important;
    justify-content: space-between;
    padding: 20px 30px 17px;
    border-bottom: 1px solid #ddd;
    margin: 0 -15px; }
    .mobile-title.d-none h5 {
      color: var(--theme-deafult); }
    .mobile-title.d-none svg {
      stroke: var(--theme-deafult) !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -35%;
    width: 56%; } }

@media screen and (min-width: 992px) {
  .page-header .header-wrapper .nav-right .notification-dropdown {
    top: 46px; }
  .responsive-btn {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-mask {
    top: 0; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
    width: 200px;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    transition: all 0.5s ease; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a .sub-arrow {
      position: absolute;
      right: 20px;
      top: 5px;
      color: #59667a;
      font-weight: 100;
      transition: all 0.5s ease;
      font-size: 15px;
      top: 5px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
      display: none;
      border-radius: 4px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover .nav-sub-childmenu {
      display: block;
      position: absolute;
      left: 200px;
      background-color: #fff;
      top: -10px;
      padding: 15px 0px 15px 0px;
      box-shadow: 0 0 1px 0 #898989; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover .sub-arrow {
      right: 16px;
      transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.hoverd .sidebar-submenu {
    opacity: 1;
    visibility: visible;
    margin-top: 8px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .mega-menu-container {
    opacity: 1;
    visibility: visible;
    margin-top: 20px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .mobile-back {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .page-wrapper.material-icon {
    position: relative; }
    .page-wrapper.material-icon::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 200px;
      background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-icon .toggle-sidebar {
      color: rgba(255, 255, 255, 0.8); }
      .page-wrapper.material-icon .toggle-sidebar:hover > svg {
        color: #fff !important;
        stroke: #fff !important; }
    .page-wrapper.material-icon .page-header {
      position: relative;
      background: transparent;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto;
      width: calc(100% - 0px);
      box-shadow: none; }
      .page-wrapper.material-icon .page-header .f-light {
        color: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
        stroke: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li {
        color: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .notification-box svg,
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .cart-box svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > a > svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > svg {
          stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
        color: rgba(255, 255, 255, 0.7); }
      .page-wrapper.material-icon .page-header.close_icon {
        padding-left: 0;
        margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-body {
      margin-top: 0 !important;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto; }
    .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      padding-left: 15px;
      margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-title {
      color: #fff;
      background-color: transparent;
      border-bottom: none;
      box-shadow: none; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
        color: rgba(255, 255, 255, 0.6); }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        color: rgba(255, 255, 255, 0.8); } }

@media only screen and (min-width: 992px) {
  .page-wrapper.material-icon::before {
    height: 240px; } }

@media screen and (max-width: 767px) {
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(2) {
    background-color: #fff;
    padding: 8px;
    border-radius: 40px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav {
    background-color: unset; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav ul li {
      border-radius: 0px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:last-child {
    padding: 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
    height: 27px;
    width: 27px;
    cursor: pointer; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-dropdown .cart-dropdown ul li:nth-child(2) {
    border-radius: 0px !important;
    padding: 16px 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .tab-content .notification-card ul li {
    padding: 15px 0px !important;
    border-radius: 0px !important; }
  .sidebar-wrapper .menu .brand-logo img {
    width: 120px; } }

@media screen and (max-width: 576px) {
  .toggle-nav i {
    font-size: 20px; } }

/**=====================
  5.7 Sidebar CSS Ends
==========================**/
/**=====================
    5.8 Rtl CSS Start
==========================**/
html[dir="rtl"] ul {
  padding-right: 0; }

html[dir="rtl"] .ms-auto {
  margin-left: unset !important;
  margin-right: auto !important; }

html[dir="rtl"] .revenuegrowth .revenuegrowth-chart::before {
  right: unset;
  left: 0px; }

html[dir="rtl"] .img-boostup .img-boostup-img-1 {
  left: unset;
  right: -63px;
  transform: scaleX(-1); }

html[dir="rtl"] .img-boostup .img-boostup-img-2 {
  transform: scaleX(-1);
  left: unset;
  right: -61px; }

html[dir="rtl"] .table-order .order-table thead tr th:first-child, html[dir="rtl"] .project-table .order-table thead tr th:first-child {
  border-top-left-radius: unset !important;
  border-bottom-left-radius: unset !important;
  border-top-right-radius: 5px  !important;
  border-bottom-right-radius: 5px !important; }

html[dir="rtl"] .table-order .order-table thead tr th:last-child, html[dir="rtl"] .project-table .order-table thead tr th:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important; }

html[dir="rtl"] .tap-top {
  left: 30px;
  right: unset; }

html[dir="rtl"] .tranaction-table thead tr th:first-child {
  border-top-left-radius: unset !important;
  border-bottom-left-radius: unset !important;
  border-top-right-radius: 5px  !important;
  border-bottom-right-radius: 5px !important; }

html[dir="rtl"] .tranaction-table thead tr th:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important; }

html[dir="rtl"] .user-message ul li .activity-log .status {
  right: 25px !important; }

html[dir="rtl"] .activity-table table tbody tr td .team-activity::before {
  right: 24px;
  left: unset; }

html[dir="rtl"] .activity-table table tbody tr td .activity-data span::before {
  right: -9px;
  left: unset; }

html[dir="rtl"] .activity-table table tbody tr td .activity-data .common-space::before {
  bottom: 0px;
  top: unset;
  right: unset;
  left: 0px; }

html[dir="rtl"] .activity-table table tbody tr td .activity-data .user-activity::before {
  bottom: 0px;
  top: unset;
  right: unset;
  left: 0px; }

html[dir="rtl"] .prooduct-details-box .media .media-body {
  margin-right: 1rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .important-project .projectlist-card .range_4 .slider-container {
  direction: ltr; }
  html[dir="rtl"] .important-project .projectlist-card .range_4 .slider-container .slider_input {
    left: 0; }

html[dir="rtl"] .add-project .categories {
  transform: scaleX(-1);
  left: 0;
  right: unset; }

html[dir="rtl"] .activity-group::before {
  content: "";
  right: 0px;
  left: unset; }

html[dir="rtl"] .projectlist-card .project-comment .project-comment-icon .project-link::before {
  left: 35px;
  right: unset; }

html[dir="rtl"] .figure.text-start blockquote {
  border-left: none !important;
  border-right: 4px solid #006666 !important; }

html[dir="rtl"] .figure.text-end blockquote {
  border-right: none !important;
  border-left: 4px solid #006666 !important; }

html[dir="rtl"] .client-list-table table tbody tr td .user-id::before {
  right: unset;
  left: 11%; }

html[dir="rtl"] .project-table .project-comment .project-comment-icon .project-link::before {
  right: 47px;
  left: unset; }

html[dir="rtl"] .activity-log-card ul::before {
  right: 36px;
  left: unset; }

html[dir="rtl"] .slider-wrapper {
  direction: ltr; }

html[dir="rtl"] .f-right {
  float: left; }

html[dir="rtl"] .papernote-wrap .note-labels ul {
  gap: 9px; }

html[dir="rtl"] .form-check-inline {
  margin-right: unset;
  margin-left: 1rem; }

html[dir="rtl"] .knowledgebase-search .form-inline svg {
  left: unset;
  right: 20px; }

html[dir="rtl"] .switch-showcase .form-check .form-check-input {
  float: left; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:first-child {
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:last-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-left-width: 1px; }

html[dir="rtl"] .pill-input-group span:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 1.3rem !important;
  border-bottom-left-radius: 1.3rem !important; }

html[dir="rtl"] .pill-input-group span:first-child {
  border-top-left-radius: unset !important;
  border-top-right-radius: unset !important;
  border-top-right-radius: 1.3rem !important;
  border-bottom-right-radius: 1.3rem !important; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
  text-align: right;
  border-top-left-radius: 15px;
  border-top-right-radius: unset;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: unset; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .toggle-sidebar {
    right: unset;
    left: 30px; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
    padding: 0; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .badge {
      left: 50px !important;
      right: unset !important; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon {
    margin-right: 0;
    margin-left: unset; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .logo-icon-wrapper {
      text-align: left; }
      html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .logo-icon-wrapper img {
        margin-left: 8px; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .page-body,
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
      margin-left: 0;
      margin-right: 100px;
      transition: 0.5s; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      margin-left: 0; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
      display: none !important; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .according-menu {
      display: none; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      margin-left: 13px; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover {
    transform: translate(0px); }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
      display: block !important; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      float: none; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .according-menu {
      display: block; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu:after {
    right: 30px;
    left: unset;
    border-top-right-radius: 8px;
    border-right: 2px solid; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
    padding-right: 65px !important;
    padding-left: unset !important; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a:before {
      right: 32px; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a:after {
      right: 20px;
      left: unset;
      top: 9%;
      border-bottom-left-radius: unset;
      border-bottom-right-radius: 8px;
      border-left: unset;
      border-right: 2px solid rgba(255, 255, 255, 0.5);
      border-bottom: 2px solid rgba(255, 255, 255, 0.5); }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 265px; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
  right: unset;
  left: 20px; }

html[dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .nav-right {
  right: unset;
  left: 30px; }

html[dir="rtl"] .date-details > div + div {
  margin-left: unset;
  margin-right: 10px; }

html[dir="rtl"] .contact-editform.ps-0 {
  padding-left: 20px !important; }

html[dir="rtl"] .contact-options li .btn-category {
  padding-left: unset !important;
  padding-right: 40px; }

html[dir="rtl"] .list-persons .profile-mail .email-general ul {
  padding-right: unset;
  padding-left: 20px; }
  html[dir="rtl"] .list-persons .profile-mail .email-general ul li > span {
    float: left; }

html[dir="rtl"] .list-persons .profile-mail .media .media-body ul li + li {
  padding-right: unset;
  padding-left: 10px;
  margin-right: unset;
  margin-left: 5px;
  border-right: unset;
  border-left: 1px solid #E6E9EB; }

html[dir="rtl"] .file-content .form-inline i {
  padding-right: unset;
  padding-left: 10px; }

html[dir="rtl"] .file-sidebar .btn svg {
  margin-right: unset;
  margin-left: 8px; }

html[dir="rtl"] .file-sidebar .pricing-plan .bg-img {
  left: -40px;
  right: unset; }

html[dir="rtl"] .form-select {
  border-radius: 0px;
  background-position: left 0.75rem center; }

html[dir="rtl"] .customers ul li + li {
  margin-left: unset;
  margin-right: -10%; }

html[dir="rtl"] .project-list .border-tab.nav-tabs .nav-item .nav-link {
  padding: 5px 0 5px 30px; }

html[dir="rtl"] .project-box .badge {
  right: unset;
  left: 30px; }

html[dir="rtl"] .kanban-board {
  float: right; }

html[dir="rtl"] .kanban-item .kanban-box .customers ul li + li {
  margin-left: unset;
  margin-right: -10px; }

html[dir="rtl"] .kanban-item .list li i {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .page-wrapper.horizontal-wrapper .header-logo-wrapper {
  text-align: right; }

html[dir="rtl"] .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
  margin-right: 0; }

html[dir="rtl"] .page-wrapper.horizontal-wrapper .page-body-wrapper footer {
  margin-right: 0; }

html[dir="rtl"] .page-wrapper.material-type .page-body-wrapper .page-body {
  margin-right: auto; }

html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:first-child {
  margin-right: 0; }

html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
  margin-right: 15px;
  margin-left: unset; }

html[dir="rtl"] .page-header .header-wrapper .toggle-sidebar {
  margin-left: 2px;
  margin-right: unset; }

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
  left: -20px !important;
  right: unset !important; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
      left: 12px !important; } }
html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full input {
  padding-left: unset;
  padding-right: 60px;
  text-align: right; }

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
  left: unset;
  right: 30px; }

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
  right: unset;
  left: 0; }

html[dir="rtl"] .page-wrapper.compact-sidebar .toggle-sidebar {
  margin-left: 15px;
  margin-right: unset; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-header {
  margin-left: unset;
  margin-right: 150px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-header.close_icon {
    margin-right: 0; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 150px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper .footer {
  margin-left: unset;
  margin-right: 150px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
  text-align: right; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
  animation: fadeInRight 1000ms ease-in-out; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  right: 150px;
  left: unset; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
    padding: 15px 40px 15px 15px; }
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
      right: 20px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
    left: unset;
    right: 20px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
    text-align: right; }
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      padding: 15px 40px 15px 15px; }
      html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
      html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
        left: unset;
        right: 20px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
  left: unset;
  right: 53%; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
  text-align: center; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
  text-align: center; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
    right: unset;
    left: 20px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
  transform: translateX(150px); }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
    margin-right: 0px; }

html[dir="rtl"] .page-wrapper.compact-small .page-header {
  margin-right: 90px; }

html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  right: 90px; }

html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper .footer,
html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper .page-body {
  margin-right: 90px; }

html[dir="rtl"] .page-wrapper.material-icon .page-header {
  padding-left: unset;
  padding-right: 90px;
  margin: 0 auto; }
  html[dir="rtl"] .page-wrapper.material-icon .page-header.close_icon {
    padding-right: 0; }

html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper .page-body {
  padding-left: 15px;
  padding-right: 90px;
  margin: 0 auto; }

html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
  padding-right: 15px;
  margin: 0 auto !important; }

html[dir="rtl"] .apexcharts-canvas {
  direction: ltr; }

html[dir="rtl"] .email-wrap .btn-mail {
  text-align: right; }

html[dir="rtl"] .email-wrap .email-app-sidebar ul li a {
  padding-left: unset;
  padding-right: 20px; }

html[dir="rtl"] .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
  text-align: center; }

html[dir="rtl"] .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark {
  text-align: right; }

html[dir="rtl"] .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
  left: 30px;
  right: unset;
  text-align: left; }

html[dir="rtl"] .bookmark-wrap .details-bookmark .row > div + div {
  padding-left: 15px !important; }

html[dir="rtl"] .appointment-table table tr td .status-circle {
  left: unset;
  right: 35px; }

html[dir="rtl"] .notification .card .d-flex .w-100 p .badge {
  margin-left: unset;
  margin-right: 10px; }

html[dir="rtl"] .progress-gradient-primary {
  background-image: linear-gradient(to right, var(--theme-deafult), transparent); }
  html[dir="rtl"] .progress-gradient-primary::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-primary .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-secondary {
  background-image: linear-gradient(to right, #FE6A49, transparent); }
  html[dir="rtl"] .progress-gradient-secondary::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-secondary .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-success {
  background-image: linear-gradient(to right, #00AC46, transparent); }
  html[dir="rtl"] .progress-gradient-success::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-success .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-danger {
  background-image: linear-gradient(to right, #FE6A49, transparent); }
  html[dir="rtl"] .progress-gradient-danger::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-danger .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-info {
  background-image: linear-gradient(to right, #173878, transparent); }
  html[dir="rtl"] .progress-gradient-info::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-info .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-light {
  background-image: linear-gradient(to right, #E6E9EB, transparent); }
  html[dir="rtl"] .progress-gradient-light::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-light .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-dark {
  background-image: linear-gradient(to right, #2c323f, transparent); }
  html[dir="rtl"] .progress-gradient-dark::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-dark .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-warning {
  background-image: linear-gradient(to right, #FFAE1A, transparent); }
  html[dir="rtl"] .progress-gradient-warning::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-warning .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-animate span {
  left: -10px;
  right: unset; }

html[dir="rtl"] .me-4 {
  margin-left: 1.5rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .pe-4 {
  padding-left: 1.5rem !important;
  padding-right: unset !important; }

html[dir="rtl"] .me-1 {
  margin-left: 0.25rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .navs-dropdown .onhover-show-div {
  right: 0; }

html[dir="rtl"] .default-according.style-1 button {
  text-align: right; }
  html[dir="rtl"] .default-according.style-1 button:before {
    left: 20px;
    right: unset; }
    @media (max-width: 575px) {
      html[dir="rtl"] .default-according.style-1 button:before {
        left: 15px; } }
  html[dir="rtl"] .default-according.style-1 button i {
    right: 18px;
    left: unset; }

html[dir="rtl"] .default-according .card .card-header i {
  right: 18px;
  left: unset; }

html[dir="rtl"] .faq-wrap .faq-accordion .card .card-header .btn-link {
  padding-right: 20px !important; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .faq-wrap .faq-accordion .card .card-header .btn-link {
      padding-right: 10px !important; } }
html[dir="rtl"] .ProfileCard-details {
  padding-right: 30px;
  padding-left: unset;
  float: right; }

html[dir="rtl"] .starter-main .card-body ul {
  padding-right: 30px;
  padding-left: unset; }

html[dir="rtl"] .theme-tab .tab-title li a svg {
  margin-left: 5px;
  margin-right: unset; }

html[dir="rtl"] .spent .spent-graph .project-budget {
  margin-left: 30px;
  margin-right: unset; }

html[dir="rtl"] .support-table table tbody tr td:first-child {
  padding-right: 0;
  padding-left: unset; }

html[dir="rtl"] .order-box .sub-total .shipping-class .shopping-checkout-option,
html[dir="rtl"] .order-box .sub-total .shipping-class span,
html[dir="rtl"] .order-box .sub-total li .shopping-checkout-option,
html[dir="rtl"] .order-box .sub-total li span,
html[dir="rtl"] .order-box .total .shipping-class .shopping-checkout-option,
html[dir="rtl"] .order-box .total .shipping-class span,
html[dir="rtl"] .order-box .total li .shopping-checkout-option,
html[dir="rtl"] .order-box .total li span,
html[dir="rtl"] .order-box .qty .shipping-class .shopping-checkout-option,
html[dir="rtl"] .order-box .qty .shipping-class span,
html[dir="rtl"] .order-box .qty li .shopping-checkout-option,
html[dir="rtl"] .order-box .qty li span {
  float: left; }

html[dir="rtl"] .order-box .sub-total li .count,
html[dir="rtl"] .order-box .total li .count,
html[dir="rtl"] .order-box .qty li .count {
  float: left; }

html[dir="rtl"] .img-paypal {
  margin-right: 15px;
  margin-left: unset; }

html[dir="rtl"] .cart .qty-box .input-group .btn {
  border-radius: 0 !important; }

html[dir="rtl"] .product-qnty fieldset .input-group .input-group-prepend .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .grid-options {
  margin-right: 10px;
  margin-left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-1 {
    right: 12px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-2 {
    right: 18px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-3 {
    right: 36px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-4 {
    right: 42px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-5 {
    right: 48px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-6 {
    right: 66px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-7 {
    right: 72px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-8 {
    right: 78px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-9 {
    right: 84px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-10 {
    right: 103px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-11 {
    right: 109px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-12 {
    right: 115px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-13 {
    right: 121px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-14 {
    right: 127px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-15 {
    right: 133px;
    left: unset; }

html[dir="rtl"] .product-filter.new-products .owl-theme .owl-nav {
  left: 0;
  right: unset; }

html[dir="rtl"] .product-filter.new-products .owl-theme .owl-item .item .product-box .product-details.text-start {
  text-align: left !important; }

html[dir="rtl"] .product-sidebar .filter-section .card .card-header h6 .pull-right i {
  left: auto;
  right: unset; }

html[dir="rtl"] .prooduct-details-box .btn {
  right: unset;
  left: 15px; }

html[dir="rtl"] .prooduct-details-box .close {
  right: unset;
  left: 10px; }

html[dir="rtl"] .collection-filter-block svg {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .feature-products form .form-group i {
  left: 30px;
  right: unset; }

html[dir="rtl"] .product-wrapper-grid.list-view .product-box .product-details {
  text-align: right; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .breadcrumb {
  margin-left: unset; }

html[dir="rtl"] .bookmark ul li + li {
  margin-left: unset;
  margin-right: 10px; }

html[dir="rtl"] .bookmark ul li .search-form .form-control-search {
  left: -50px;
  right: unset; }
  html[dir="rtl"] .bookmark ul li .search-form .form-control-search:before {
    right: 50px;
    left: unset; }
  html[dir="rtl"] .bookmark ul li .search-form .form-control-search:after {
    right: 20px;
    left: unset; }

html[dir="rtl"] .me-0 {
  margin-left: 0 !important;
  margin-right: unset !important; }

html[dir="rtl"] .footer .pull-right {
  float: none; }

html[dir="rtl"] .checkbox_animated,
html[dir="rtl"] .radio_animated {
  margin: 0 8px 0 16px; }

html[dir="rtl"] .button.remove {
  left: -10px;
  right: unset; }

html[dir="rtl"] .code-box-copy__btn {
  left: 11px;
  right: unset; }

html[dir="rtl"] ul.nav-menus {
  border-bottom: none; }
  html[dir="rtl"] ul.nav-menus li .input-show input {
    right: 0px;
    left: unset; }

html[dir="rtl"] ul.notification-dropdown.onhover-show-div li {
  text-align: right; }

html[dir="rtl"] .badge + .badge {
  margin-right: 5px;
  margin-left: unset; }

html[dir="rtl"] .offset-xl-3 {
  margin-right: 25%;
  margin-left: unset; }

html[dir="rtl"] .m-l-10 {
  margin-right: 10px !important;
  margin-left: unset !important; }

html[dir="rtl"] .m-r-20 {
  margin-left: 20px;
  margin-right: unset; }

html[dir="rtl"] .m-r-30 {
  margin-left: 30px;
  margin-right: unset; }

html[dir="rtl"] .m-r-5 {
  margin-left: 5px;
  margin-right: unset; }

html[dir="rtl"] .text-start {
  text-align: right !important; }

html[dir="rtl"] .m-r-10 {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .pe-3 {
  padding-left: 1rem !important;
  padding-right: unset !important; }

html[dir="rtl"] .p-r-0 {
  padding-left: 0;
  padding-right: 15px; }

html[dir="rtl"] .m-l-20 {
  margin-right: 20px !important;
  margin-left: unset !important; }

html[dir="rtl"] .ps-3 {
  padding-right: 1rem !important; }

html[dir="rtl"] .b-r-light {
  border-left: 1px solid #E6E9EB !important;
  border-right: unset !important; }

html[dir="rtl"] .float-end {
  float: left !important; }

html[dir="rtl"] .float-start {
  float: right !important; }

html[dir="rtl"] .text-end {
  text-align: left !important; }

html[dir="rtl"] .border-right {
  border-left: 1px solid #dee2e6 !important;
  border-right: unset !important; }

html[dir="rtl"] .pe-0 {
  padding-left: 0 !important;
  padding-right: 12px !important; }

html[dir="rtl"] .ps-0 {
  padding-right: 0 !important;
  padding-left: unset !important; }

html[dir="rtl"] .ms-1 {
  margin-left: unset !important;
  margin-right: 0.25rem !important; }

html[dir="rtl"] .owl-carousel {
  direction: ltr; }

html[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
html[dir="rtl"] .btn-group > :not(:last-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .btn-group > .btn:not(:first-child) {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .btn-group > .btn:nth-child(2) {
  border-radius: 0 !important; }

html[dir="rtl"] .btn-group .btn-group > :not(:first-child) > .btn {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .btn-group .btn + .btn,
html[dir="rtl"] .btn-group .btn + .btn-group {
  margin-right: -1px;
  border-right: none; }

html[dir="rtl"] .btn-group .btn-group + .btn,
html[dir="rtl"] .btn-group .btn-group + .btn-group {
  margin-right: -1px; }

html[dir="rtl"] .btn-group .btn-group-vertical .btn + .btn,
html[dir="rtl"] .btn-group .btn-group-vertical .btn + .btn-group {
  margin-right: -1px; }

html[dir="rtl"] .btn-group .btn-group-vertical .btn-group + .btn,
html[dir="rtl"] .btn-group .btn-group-vertical .btn-group + .btn-group {
  margin-right: -1px; }

html[dir="rtl"] .me-3 {
  margin-right: unset !important;
  margin-left: 1rem !important; }

html[dir="rtl"] .me-5 {
  margin-left: 3rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .ms-3 {
  margin-right: 1rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .m-r-15 {
  margin-left: 15px;
  margin-right: unset; }

html[dir="rtl"] .b-l-light {
  border-right: 1px solid #E6E9EB !important;
  border-left: unset !important; }

html[dir="rtl"] .p-l-0 {
  padding-left: unset;
  padding-right: 0px; }

html[dir="rtl"] .ps-4 {
  padding-right: 1.5rem !important;
  padding-left: unset !important; }

html[dir="rtl"] .me-2 {
  margin-left: 0.5rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .ms-2 {
  margin-right: 0.5rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .pe-2 {
  padding-right: unset !important;
  padding-left: 0.5rem !important; }

html[dir="rtl"] .prooduct-details-box .media-body {
  margin-right: 0 !important; }

html[dir="rtl"] .alert {
  text-align: right; }

html[dir="rtl"] .pull-right {
  float: left; }

html[dir="rtl"] .form-inline .form-group {
  margin-left: 0px;
  margin-right: 0; }

html[dir="rtl"] .card {
  text-align: right; }
  html[dir="rtl"] .card.social-profile {
    text-align: center; }
  html[dir="rtl"] .card .card-header h5:not(.mb-0) {
    float: right; }
  html[dir="rtl"] .card .card-header span {
    clear: both; }
  html[dir="rtl"] .card .card-header .card-header-right {
    left: 35px;
    right: unset; }
    html[dir="rtl"] .card .card-header .card-header-right .card-option {
      text-align: left; }
      html[dir="rtl"] .card .card-header .card-header-right .card-option.list-unstyled {
        padding-right: 0;
        padding-left: unset; }
  html[dir="rtl"] .card .card-header .pull-left {
    float: right; }
  html[dir="rtl"] .card.full-card {
    left: 0;
    right: unset; }
  html[dir="rtl"] .card .card-body .alert svg {
    margin-left: 4px;
    margin-right: unset; }
  html[dir="rtl"] .card .card-body .value-left {
    margin-left: 30px;
    margin-right: unset; }
  html[dir="rtl"] .card .card-body .square {
    margin-left: 5px;
    margin-right: unset; }

html[dir="rtl"] .explore-card {
  text-align: left; }
  html[dir="rtl"] .explore-card .group-btn {
    justify-content: flex-end; }

html[dir="rtl"] .balance-box {
  text-align: center; }

html[dir="rtl"] .purchase-card {
  text-align: center; }

html[dir="rtl"] .modal-header .btn-close {
  margin: -0.5rem auto -0.5rem -0.5rem; }

html[dir="rtl"] .modal-footer > :not(:first-child) {
  margin-right: .50rem;
  margin-left: 0; }

html[dir="rtl"] .form-inline .form-group .col-form-label {
  margin-left: 5px;
  margin-right: 0; }

html[dir="rtl"] .contacts-tabs .nav-pills {
  border-left: 1px solid #E6E9EB; }

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
  padding-right: 0.5rem;
  padding-left: unset; }
  html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    padding-left: 0.5rem;
    padding-right: unset;
    float: right; }

html[dir="rtl"] code[class*=language-],
html[dir="rtl"] pre[class*=language-] {
  text-align: right; }

html[dir="rtl"] .input-group-prepend {
  margin-left: -1px;
  margin-right: unset; }

html[dir="rtl"] .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
html[dir="rtl"] .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

html[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: unset;
  margin-right: -1px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), html[dir="rtl"] .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), html[dir="rtl"] .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, html[dir="rtl"] .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

html[dir="rtl"] .form-floating input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-primary {
  border-right: 4px solid #006666;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-secondary {
  border-right: 4px solid #FE6A49;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-success {
  border-right: 4px solid #00AC46;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-danger {
  border-right: 4px solid #FE6A49;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-warning {
  border-right: 4px solid #FFAE1A;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-info {
  border-right: 4px solid #173878;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-light {
  border-right: 4px solid #E6E9EB;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-dark {
  border-right: 4px solid #2c323f;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:first-child {
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:last-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-left-width: 1px; }

html[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: unset;
  margin-right: -1px; }

html[dir="rtl"] .was-validated .form-control:invalid,
html[dir="rtl"] .form-control.is-invalid,
html[dir="rtl"] .was-validated .form-control:valid,
html[dir="rtl"] .form-control.is-valid {
  background-position: left calc(0.375em + 0.1875rem) center;
  padding-left: calc(1.5em + 0.75rem);
  padding-right: 12px; }

html[dir="rtl"] .input-group > .form-control:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .input-group > .input-group-prepend > .btn,
html[dir="rtl"] .input-group > .input-group-prepend > .input-group-text,
html[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .btn,
html[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .input-group-text,
html[dir="rtl"] .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
html[dir="rtl"] .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .input-group > .input-group-append > .btn,
html[dir="rtl"] .input-group > .input-group-append > .input-group-text,
html[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .btn,
html[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
html[dir="rtl"] .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
html[dir="rtl"] .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .border-tab.nav-left .nav-link {
  text-align: left; }

html[dir="rtl"] .socialprofile .social-group ul li:nth-child(4) {
  margin-right: -22px; }

html[dir="rtl"] .social-status form .form-group .form-control-social {
  padding-right: 15px;
  padding-left: unset; }

html[dir="rtl"] .social-status .media .social-status {
  right: 35px;
  left: unset; }

html[dir="rtl"] .social-chat .other-msg {
  margin-right: 40px;
  margin-left: unset; }

html[dir="rtl"] .social-chat .media-body:before {
  left: 100%;
  right: unset;
  border-left: 7px solid var(-semi-dark);
  border-right: unset; }

html[dir="rtl"] .social-chat .media-body:after {
  left: 100%;
  right: unset;
  border-left: 7px solid #fff;
  border-right: unset; }

html[dir="rtl"] .quick-file li:first-child {
  margin-right: 0px;
  margin-left: unset; }

html[dir="rtl"] .files-content li:first-child {
  margin-right: 0px;
  margin-left: unset; }

html[dir="rtl"] .file-content .folder .folder-box .ellips {
  left: 22px;
  right: unset; }

html[dir="rtl"] .timeline-content .comment-number i {
  margin-left: 20px;
  margin-right: unset; }

html[dir="rtl"] .photos ul li {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .avatar-showcase .friend-pic {
  margin-left: 8px;
  margin-right: unset; }

html[dir="rtl"] .avatar-showcase .pepole-knows ul li {
  margin-left: 21px;
  margin-right: unset; }
  html[dir="rtl"] .avatar-showcase .pepole-knows ul li:last-child {
    margin-left: 0; }

html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
  left: 100px;
  right: unset; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li {
    margin-left: 10px;
    margin-right: unset; }
    html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li:last-child {
      margin-left: 0; }

html[dir="rtl"] .faq-form .search-icon {
  left: 12px;
  right: unset; }

html[dir="rtl"] .faq-widgets .media-body p {
  padding-left: 20px;
  padding-right: unset; }

html[dir="rtl"] .header-faq,
html[dir="rtl"] .faq-title {
  text-align: right; }

html[dir="rtl"] .browse .browse-articles h6 span svg {
  right: 22px; }

html[dir="rtl"] .faq-accordion.default-according .card .faq-header svg {
  left: 30px;
  right: unset; }

html[dir="rtl"] .faq-accordion.default-according .card .btn-link svg {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .navigation-option ul li {
  padding: 8px 0 8px 8px; }
  html[dir="rtl"] .navigation-option ul li a {
    padding-right: 40px;
    padding-left: unset; }
    html[dir="rtl"] .navigation-option ul li a svg {
      right: 15px;
      left: unset; }

html[dir="rtl"] .updates-faq {
  margin-right: unset;
  margin-left: 20px; }

html[dir="rtl"] .categories {
  right: unset;
  left: 0;
  transform: scaleX(-1); }
  html[dir="rtl"] .categories .learning-header {
    padding-right: 15px;
    padding-left: unset; }

html[dir="rtl"] .main .langChoice {
  left: 30px;
  right: unset; }

html[dir="rtl"] .pricing-block svg {
  direction: ltr; }

html[dir="rtl"] p.data-attributes svg {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .avatars .avatar {
  margin-left: 10px;
  margin-right: unset; }
  html[dir="rtl"] .avatars .avatar:last-child {
    margin-left: 0; }
  html[dir="rtl"] .avatars .avatar .status {
    left: 4px;
    right: unset; }

html[dir="rtl"] .customers.avatar-group {
  margin-left: 30px;
  margin-right: unset; }

html[dir="rtl"] .card .card-header h5 {
  float: none !important; }

html[dir="rtl"] .knob-chart .chart-clock-main .clock-small {
  right: 10px;
  left: unset; }

html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
  left: 30px;
  right: unset; }
  html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks .btn-label {
    margin-left: 5px;
    margin-right: unset; }

html[dir="rtl"] .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn {
  text-align: left; }

html[dir="rtl"] .todo .notification-popup {
  left: 10px;
  right: unset; }

html[dir="rtl"] .todo-options .badges-todo h6 {
  margin-left: 10px;
  margin-right: unset; }
  html[dir="rtl"] .todo-options .badges-todo h6:last-child {
    margin-left: 0; }

html[dir="rtl"] .todo-list-btns .dropdown-basic .btn-group .form-group .checkbox {
  padding-right: 14px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  padding-left: unset;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset; }

html[dir="rtl"] .todo-list-btns .dropdown-basic .separated-btn {
  margin-right: -6px;
  margin-left: unset; }
  html[dir="rtl"] .todo-list-btns .dropdown-basic .separated-btn .btn {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px; }

html[dir="rtl"] .search-todo .dropdown-basic .btn-group {
  margin-left: 18px;
  margin-right: unset; }

html[dir="rtl"] .sticky-note .note {
  float: right; }

html[dir="rtl"] .mega-menu .list-unstyled div a {
  padding: 8px 0 8px 35px; }
  html[dir="rtl"] .mega-menu .list-unstyled div a:hover {
    padding: 8px 10px 8px 35px; }

html[dir="rtl"] #testimonial .owl-stage-outer .owl-stage .owl-item .slide--item .media .me-3 {
  margin-right: 1rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  left: 0px !important;
  right: unset !important; }

html[dir="rtl"] .needs-validation .input-group > .form-control:not(:last-child),
html[dir="rtl"] .needs-validation .input-group > .custom-select:not(:last-child),
html[dir="rtl"] .form-row .input-group > .form-control:not(:last-child),
html[dir="rtl"] .form-row .input-group > .custom-select:not(:last-child) {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .form-check {
  padding-right: 1.25rem;
  padding-left: unset; }
  html[dir="rtl"] .form-check .form-check-input {
    float: right;
    margin-left: unset;
    margin-right: -1.5em; }

html[dir="rtl"] .form-check-reverse .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: 10px; }

html[dir="rtl"] .mega-menu .default-according .card .btn-link {
  text-align: right; }

html[dir="rtl"] .mega-menu .default-according.style-1 button[aria-expanded="true"]:before,
html[dir="rtl"] .mega-menu .default-according.style-1 button[aria-expanded="false"]:before {
  right: unset;
  left: 20px; }

html[dir="rtl"] .email-wrap .row .col-xl-6 {
  padding-right: 0;
  padding-left: 15px; }

html[dir="rtl"] .email-wrap .row .col-xl-3 + .col-xl-3 {
  padding-left: 0;
  padding-right: 15px; }

html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li {
  text-align: right; }
  html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li a i {
    margin-right: unset;
    margin-left: 10px; }

html[dir="rtl"] .email-wrap .email-app-sidebar ul {
  padding-right: 0; }

html[dir="rtl"] .email-wrap .email-right-aside .email-body .pe-0 {
  padding-right: unset !important; }

html[dir="rtl"] .email-wrap .email-right-aside .radius-left {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-radius: 4px; }

html[dir="rtl"] #renderRange {
  float: left;
  padding-left: unset;
  padding-right: 12px; }

html[dir="rtl"] .event-calendar {
  direction: ltr; }

html[dir="rtl"] .calendar-wrap .fc {
  direction: rtl;
  text-align: right; }
  html[dir="rtl"] .calendar-wrap .fc .fc-toolbar .fc-left {
    float: right; }
  html[dir="rtl"] .calendar-wrap .fc .fc-toolbar .fc-right {
    float: left; }
  html[dir="rtl"] .calendar-wrap .fc .fc-toolbar > * > * {
    margin-left: 0; }

html[dir="rtl"] .calendar-wrap .fc-events-container {
  text-align: right; }

html[dir="rtl"] .calendar-wrap .fc-scroller {
  margin-right: unset;
  margin-left: -17px; }

html[dir="rtl"] .fc-agenda-view .fc-day-grid .fc-row {
  margin-right: 0 !important; }

html[dir="rtl"] .fc-unthemed .fc-row {
  margin-right: 0 !important; }

html[dir="rtl"] .btn-group-showcase .btn-group {
  margin-left: 20px;
  margin-right: unset; }

html[dir="rtl"] .btn-showcase .btn {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .btn-square.dropdown-toggle {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

html.button-builder[dir="rtl"] ul.the-icons li {
  float: right; }

html.button-builder[dir="rtl"] .color-slelector {
  float: right; }

html.button-builder[dir="rtl"] .custom-button-color .form-control {
  border-radius: 0 5px 5px 0; }
  html.button-builder[dir="rtl"] .custom-button-color .form-control.pull-left {
    float: right; }

html.button-builder[dir="rtl"] .hint-label {
  float: right;
  padding: 4px 020px 0 0; }

html[dir="rtl"] #customer-review .owl-item img {
  order: 2; }

html[dir="rtl"] .options > div {
  margin: 0 0 8px 8px; }

html[dir="rtl"] .modal-dialog .modal-content .modal-body p a {
  margin-left: 0; }

html[dir="rtl"] .drag-box fieldset .component .form-group .text-lg-left {
  text-align: right !important; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn,
html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn-right,
html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .checkbox-radius {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #prependedcheckbox {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #appendedcheckbox {
  border-right-color: #efefef; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #buttondropdown {
  margin-right: unset;
  margin-left: -1px; }

html[dir="rtl"] .drag form {
  text-align: right; }
  html[dir="rtl"] .drag form input {
    text-align: right; }
  html[dir="rtl"] .drag form label {
    text-align: right !important; }
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .btn,
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .btn-right,
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .checkbox-radius {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  html[dir="rtl"] .drag form .form-group .input-group #buttondropdown {
    margin-right: unset;
    margin-left: -1px; }

html[dir="rtl"] .draggable label {
  text-align: right; }

html[dir="rtl"] .form-builder-column .tab-content .tab-pane .theme-form .ui-draggable .input-group > .input-group-prepend > .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .form-group .input-group #buttondropdown,
html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group #buttondropdown {
  margin-right: unset;
  margin-left: 15px; }

html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .form-group .input-group .input-group-btn button,
html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group .input-group-btn button {
  border-radius: 4px !important; }

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .text-lg-left {
  text-align: right !important; }

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn,
html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn-right,
html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .checkbox-radius {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .form-builder .component .form-group .input-group #buttondropdown {
  margin-right: unset;
  margin-left: -1px; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .logo-wrapper {
  box-shadow: 9px 0 20px rgba(89, 102, 122, 0.1) !important; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .logo-wrapper a {
    transform: translate(-64px); }

html[dir="rtl"] .search-page .nav i {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .product-stts {
  display: inline-block; }
  html[dir="rtl"] .product-stts .ms-1 {
    margin-right: 0.25rem !important;
    margin-left: unset !important; }

html[dir="rtl"] .search-form input {
  padding: 10px 70px 10px 10px;
  text-align: right; }

html[dir="rtl"] .icon-hover-bottom .icon-title {
  text-align: right; }

html[dir="rtl"] .icon-lists div i {
  margin: 0 10px 0 15px; }

html[dir="rtl"] .icon-lists ul {
  padding-right: 0; }

html[dir="rtl"] ul.icon-lists {
  padding-right: 30px; }

html[dir="rtl"] .floated-customizer-btn.third-floated-btn {
  left: 35px;
  right: unset; }

html[dir="rtl"] .floated-customizer-btn > span {
  margin-right: 10px; }

html[dir="rtl"] .floated-customizer-panel {
  text-align: right;
  left: -85px;
  right: unset; }
  html[dir="rtl"] .floated-customizer-panel.active {
    left: 35px;
    right: unset; }
  html[dir="rtl"] .floated-customizer-panel .close-customizer-btn {
    left: 30px;
    right: unset; }
  html[dir="rtl"] .floated-customizer-panel ul {
    padding-right: 0; }

html[dir="rtl"] .form-builder-2-header > div nav {
  float: left; }

html[dir="rtl"] .radio label {
  padding-left: 0;
  padding-right: 8px; }
  html[dir="rtl"] .radio label::before {
    right: 0;
    margin-right: -20px;
    left: unset; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .row h3 {
  text-align: right;
  padding-left: 20px;
  padding-right: unset !important; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .row h6 {
  text-align: right; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-header {
  margin-right: 265px;
  margin-left: unset;
  width: calc(100% - 265px); }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header.close_icon {
    margin-right: 100px;
    margin-left: unset;
    width: calc(100% - 100px); }

html[dir="rtl"] .page-wrapper.modern-type .page-header {
  margin-right: 0;
  width: calc(100% - 0px); }
  html[dir="rtl"] .page-wrapper.modern-type .page-header.close_icon {
    margin-right: 0;
    width: calc(100% - 0px); }
  html[dir="rtl"] .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
    margin-right: unset;
    margin-left: 30px; }
  html[dir="rtl"] .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
    margin-right: unset;
    margin-left: 15px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper .page-body {
  margin-right: 310px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper .footer {
  margin-left: 55px;
  margin-right: 360px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
  margin-right: 0px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
  margin-right: 0; }

html[dir="rtl"] .page-header .header-wrapper .nav-right {
  text-align: right; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right .onhover-show-div {
    right: unset;
    left: 0; }
    @media (max-width: 575.98px) {
      html[dir="rtl"] .page-header .header-wrapper .nav-right .onhover-show-div {
        left: 12px; } }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .page-header .header-wrapper .nav-right .cart-dropdown li {
      padding: 10px; } }
  html[dir="rtl"] .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
    right: unset;
    left: 0; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li .lang-txt {
    margin-left: 0;
    margin-right: 8px; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.notification-down:nth-child(5)::before {
    left: -8px;
    right: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:before {
    left: 0;
    right: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li .dot {
    left: 17px;
    right: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown:hover .onhover-show-div:before {
    right: 10px;
    left: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown:hover .onhover-show-div:after {
    right: 10px;
    left: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li i.ms-2 {
    margin-right: 0.5rem !important;
    margin-left: unset !important; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right .profile-dropdown li svg {
    margin-right: unset;
    margin-left: 10px; }

html[dir="rtl"] .page-header .header-wrapper .mobile-sidebar {
  padding-left: 20px;
  padding-right: unset; }

html[dir="rtl"] .page-header.open {
  margin-right: 0; }

html[dir="rtl"] ul.notification-dropdown.onhover-show-div {
  right: initial;
  left: -30px;
  padding: 0; }
  html[dir="rtl"] ul.notification-dropdown.onhover-show-div:before {
    right: inherit !important;
    left: 35px !important; }
  html[dir="rtl"] ul.notification-dropdown.onhover-show-div:after {
    right: inherit !important;
    left: 35px !important; }
  html[dir="rtl"] ul.notification-dropdown.onhover-show-div li {
    margin-right: 0 !important; }
    html[dir="rtl"] ul.notification-dropdown.onhover-show-div li span.badge {
      margin-left: unset !important; }
    html[dir="rtl"] ul.notification-dropdown.onhover-show-div li span svg {
      margin-right: unset;
      margin-left: 10px; }
    html[dir="rtl"] ul.notification-dropdown.onhover-show-div li .notification-icon {
      margin-left: 20px;
      margin-right: unset; }

html[dir="rtl"] .card-body .alert svg ~ p {
  padding-left: unset;
  padding-right: 20px; }

html[dir="rtl"] .alert i {
  margin-left: 5px;
  margin-right: 0; }

html[dir="rtl"] .inverse {
  padding: 13px 65px 13px 20px; }
  html[dir="rtl"] .inverse i {
    left: unset;
    right: 0; }

html[dir="rtl"] .alert-primary.inverse:before {
  border-right: 7px solid #006666;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-secondary.inverse:before {
  border-right: 7px solid #FE6A49;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-success.inverse:before {
  border-right: 7px solid #00AC46;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-danger.inverse:before {
  border-right: 7px solid #FE6A49;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-warning.inverse:before {
  border-right: 7px solid #FFAE1A;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-info.inverse:before {
  border-right: 7px solid #173878;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-light.inverse:before {
  border-right: 7px solid #E6E9EB;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-dark.inverse:before {
  border-right: 7px solid #2c323f;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-dismissible .btn-close {
  left: 4px;
  right: unset; }
  html[dir="rtl"] .alert-dismissible .btn-close span {
    padding-left: 0;
    padding-right: unset; }

html[dir="rtl"] .icofont.icofont-truck {
  display: inline-block; }

html[dir="rtl"] .blog-box .blog-details {
  padding-left: 20px;
  text-align: right; }
  html[dir="rtl"] .blog-box .blog-details .blog-social {
    padding-right: 0; }
    html[dir="rtl"] .blog-box .blog-details .blog-social li {
      padding-left: 40px;
      padding-right: unset; }
      html[dir="rtl"] .blog-box .blog-details .blog-social li:first-child {
        border-left: 1px solid #777777;
        border-right: unset;
        padding-left: 40px;
        padding-right: unset; }
      html[dir="rtl"] .blog-box .blog-details .blog-social li + li {
        margin-right: 30px;
        margin-left: unset;
        padding-left: 0; }

html[dir="rtl"] .blog-box .blog-details-main .blog-social li {
  border-left: 1px dotted;
  border-right: unset; }
  html[dir="rtl"] .blog-box .blog-details-main .blog-social li:last-child {
    border-left: none; }

html[dir="rtl"] .blog-box .blog-date span {
  font-size: 36px;
  font-weight: 500;
  padding-left: 5px; }

html[dir="rtl"] .comment-box .media img {
  margin-left: 45px;
  margin-right: unset; }

html[dir="rtl"] .comment-box .media h6 {
  text-align: right; }

html[dir="rtl"] .comment-box ul ul {
  margin-right: 135px;
  margin-left: unset;
  padding-right: 0; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .comment-box ul ul {
      margin-right: 30px; } }
html[dir="rtl"] .comment-box .comment-social {
  text-align: left; }
  html[dir="rtl"] .comment-box .comment-social li {
    padding-left: 0;
    padding-right: 20px; }
    html[dir="rtl"] .comment-box .comment-social li:first-child {
      border-left: 1px solid #efefef;
      border-right: unset;
      padding-right: 0;
      padding-left: 20px; }

html[dir="rtl"] .button-builder-wrap .form-group .btn {
  margin-left: 15px;
  margin-right: 0;
  padding: 9px; }

html[dir="rtl"] .button-builder ul.the-icons {
  padding-right: 0 !important; }

html[dir="rtl"] .chat-msg-box ul {
  padding-right: 0; }

html[dir="rtl"] .cke_toolbar,
html[dir="rtl"] .cke_toolgroup,
html[dir="rtl"] a.cke_button,
html[dir="rtl"] .cke_combo_text {
  float: right; }

html[dir="rtl"] .cke_reset_all,
html[dir="rtl"] .cke_reset_all *,
html[dir="rtl"] .cke_reset_all a,
html[dir="rtl"] .cke_reset_all textarea {
  text-align: right; }

html[dir="rtl"] .cke_combo_text {
  padding-left: unset;
  padding-right: 10px; }

html[dir="rtl"] #editor1 #cke_editor1 #cke_1_contents iframe html {
  direction: rtl !important; }

html[dir="rtl"] #clockdiv ul {
  padding-right: 0; }

html[dir="rtl"] .custom-card .card-footer > div + div {
  border-right: 1px solid #efefef;
  border-left: unset !important; }

html[dir="rtl"] .card-social {
  padding-right: 0; }

html[dir="rtl"] .card-absolute .card-header {
  right: 15px;
  left: unset; }

html[dir="rtl"] .dataTables_wrapper .dataTables_filter input[type="search"] {
  margin-right: 10px;
  margin-left: 0; }

html[dir="rtl"] .dataTables_wrapper .dataTables_length {
  float: right; }

html[dir="rtl"] .dataTables_wrapper .dataTables_filter {
  margin-left: unset;
  margin-right: 15px;
  float: left; }

html[dir="rtl"] .dataTables_wrapper .dataTables_info {
  float: right; }

html[dir="rtl"] .dataTables_wrapper .advance-5_filter {
  margin-left: 0; }

html[dir="rtl"] .dataTables_wrapper .btn-group button {
  margin-left: 5px;
  margin-right: unset; }
  html[dir="rtl"] .dataTables_wrapper .btn-group button:last-child {
    margin-left: 0; }

html[dir="rtl"] .dataTables_wrapper table.dataTable tbody td.select-checkbox:after,
html[dir="rtl"] .dataTables_wrapper table.dataTable tbody th.select-checkbox:after {
  margin-left: 31px; }

html[dir="rtl"] div.dataTables_wrapper div.dataTables_paginate {
  margin-right: 15px !important;
  margin-left: 0 !important;
  float: left; }

html[dir="rtl"] table.dataTable thead > tr > th {
  padding-left: 30px;
  padding-right: 12px; }
  html[dir="rtl"] table.dataTable thead > tr > th:before {
    left: 1em !important;
    right: unset; }
  html[dir="rtl"] table.dataTable thead > tr > th:after {
    left: 0.5em !important;
    right: unset; }

html[dir="rtl"] table.dataTable thead .sorting:before,
html[dir="rtl"] table.dataTable thead .sorting_asc:before,
html[dir="rtl"] table.dataTable thead .sorting_desc:before,
html[dir="rtl"] table.dataTable thead .sorting_asc_disabled:before,
html[dir="rtl"] table.dataTable thead .sorting_desc_disabled:before {
  left: 1em !important;
  right: unset; }

html[dir="rtl"] .dataTables_scrollHeadInner {
  padding-right: unset !important;
  padding-left: 0 !important; }

html[dir="rtl"] div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
  padding-right: 0;
  padding-left: 0; }

html[dir="rtl"] div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
  padding-right: 0;
  padding-left: 0; }

html[dir="rtl"] .dt-plugin-buttons button.m-r-10 {
  margin-left: 10px;
  margin-right: 0; }

html[dir="rtl"] .datetime-picker .theme-form .form-group label {
  text-align: left !important; }

html[dir="rtl"] .datetime-picker .theme-form .form-group .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .datetime-picker .theme-form .form-group .input-group .form-control {
  border-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

html[dir="rtl"] .dropdown-basic .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important; }

html[dir="rtl"] .dropdown-basic .separated-btn .btn {
  border-radius: 0.25rem;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

html[dir="rtl"] .dropdown-basic .btn-group {
  margin-right: unset;
  margin-left: 18px; }

html[dir="rtl"] .error-wrapper .col-md-8.offset-md-2 {
  margin: 0 auto !important; }

html[dir="rtl"] .timeline-calendar .custom-calendar .time-line .fc-header-toolbar {
  left: 15px !important; }

html[dir="rtl"] .product-price del {
  padding-left: 20px;
  padding-right: 0; }

html[dir="rtl"] .product-box .modal .modal-header .btn-close {
  right: unset;
  left: 15px; }

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-left.ribbon-info:before,
html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
  border-left-color: #007bff; }

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-left:before,
html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-right:before {
  right: 0;
  left: unset;
  border-left: 15px solid #2a3142; }

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-info:before {
  border-left-color: transparent; }

html[dir="rtl"] .product-box .ribbon-warning.ribbon-clip:before {
  border-left-color: #ff850d;
  border-right-color: unset; }

html[dir="rtl"] .product-box .ribbon-clip {
  right: -14px;
  left: unset; }
  html[dir="rtl"] .product-box .ribbon-clip:before {
    right: 0;
    left: unset; }

html[dir="rtl"] .product-hover ul {
  padding-right: 0; }

html[dir="rtl"] .customer-review .media img {
  margin-left: 25px;
  margin-right: 0; }

html[dir="rtl"] .nav {
  padding-right: 0; }

html[dir="rtl"] .custom-tab {
  padding: 4px; }

html[dir="rtl"] .custom-file-label::after {
  left: 0;
  right: unset; }

html[dir="rtl"] .wizard-4 ul.anchor {
  float: right; }

html[dir="rtl"] .wizard-4 .step-container {
  clear: unset; }

html[dir="rtl"] .wizard-4 .form-group {
  text-align: right; }

html[dir="rtl"] .wizard-4 .action-bar .btn {
  float: left; }

html[dir="rtl"] .f1 .f1-buttons {
  text-align: left; }

html[dir="rtl"] .f1 .f1-steps .f1-step {
  float: right; }

html[dir="rtl"] .jstree-default .jstree-node {
  margin-left: unset;
  margin-right: 24px;
  background-position: -292px -4px;
  background-repeat: repeat-y; }

html[dir="rtl"] .img-cropper .btn-group {
  margin-right: 0;
  margin-left: 10px; }
  html[dir="rtl"] .img-cropper .btn-group button:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  html[dir="rtl"] .img-cropper .btn-group button:first-child {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

html[dir="rtl"] .docs-toggles .btn-group .btn {
  border-radius: 0; }
  html[dir="rtl"] .docs-toggles .btn-group .btn:last-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  html[dir="rtl"] .docs-toggles .btn-group .btn:first-child {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle) > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .jsgrid-button + .jsgrid-button {
  margin-right: 5px;
  margin-left: unset; }

html[dir="rtl"] .list-group {
  padding-right: 0; }
  html[dir="rtl"] .list-group i,
  html[dir="rtl"] .list-group img {
    margin-left: 10px;
    margin-right: 0; }

html[dir="rtl"] .authentication-box {
  text-align: right; }

html[dir="rtl"] .mega-horizontal .offset-sm-3 {
  margin-right: 25%;
  margin-left: unset; }

html[dir="rtl"] .navs-icon svg {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .navs-icon .fa {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .nav-list .nav-list-disc {
  text-align: right;
  padding-right: 0; }

html[dir="rtl"] .ps-4 {
  padding-right: 30px !important;
  padding-left: 0 !important; }

html[dir="rtl"] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:before {
  left: 77px;
  right: unset; }

html[dir="rtl"] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after {
  left: 77px;
  right: unset; }

html[dir="rtl"] .navs-dropdown .onhover-show-div .navs-icon li {
  text-align: right; }

html[dir="rtl"] .navs-icon.default-according.style-1 li button[aria-expanded="true"]:before {
  left: 2px;
  right: unset; }

html[dir="rtl"] .navs-icon.default-according.style-1 li button[aria-expanded="false"]:before {
  left: 2px;
  right: unset; }

html[dir="rtl"] .search-form .form-group:after {
  right: 53px;
  left: unset; }

html[dir="rtl"] .search-form .form-group:before {
  right: 82px;
  left: unset; }

html[dir="rtl"] .order-history table tbody tr td .product-name .order-process .order-process-circle:before {
  right: -15px;
  left: unset; }

html[dir="rtl"] .product-page-details span {
  padding-right: 15px;
  padding-left: 0; }

html[dir="rtl"] .fg-emoji-picker-search .fg-emoji-picker-search-icon {
  left: 0px; }

html[dir="rtl"] .m-checkbox-inline label {
  margin-left: 20px;
  margin-right: 0; }

html[dir="rtl"] .form-label-align-right label {
  text-align: left; }

html[dir="rtl"] .br-theme-bars-reversed .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-movie .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-1to10 .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-square .br-widget .br-current-rating {
  float: right; }

html[dir="rtl"] .br-theme-bars-reversed .br-widget a,
html[dir="rtl"] .br-theme-bars-movie .br-widget a,
html[dir="rtl"] .br-theme-bars-1to10 .br-widget a,
html[dir="rtl"] .br-theme-bars-square .br-widget a {
  float: right; }

html[dir="rtl"] .ribbon-left {
  right: auto;
  left: -2px; }

html[dir="rtl"] .ribbon-vertical-left {
  right: auto;
  left: 12px; }

html[dir="rtl"] .ribbon-vertical-right {
  right: auto;
  left: 12px; }

html[dir="rtl"] .star-ratings ul.search-info {
  padding-right: 0; }
  html[dir="rtl"] .star-ratings ul.search-info li + li {
    border-right: 1px solid #a5afc6;
    border-left: unset;
    padding-right: 8px;
    padding-left: 0;
    margin-right: 8px;
    margin-left: 0; }

html[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow {
  left: 10px !important;
  right: unset !important; }

html[dir="rtl"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
  float: right; }

html[dir="rtl"] .selection .select2-selection .select2-search__field {
  text-align: right; }

html[dir="rtl"] .select2-results__option {
  text-align: right; }

html[dir="rtl"] .editor-statusbar {
  text-align: left; }
  html[dir="rtl"] .editor-statusbar span {
    margin-right: 1em;
    margin-left: unset; }

html[dir="rtl"] .CodeMirror-scroll {
  margin-left: -30px;
  margin-right: unset; }

html[dir="rtl"] .primary-color ul,
html[dir="rtl"] .yellow-color ul {
  padding-right: 0; }

html[dir="rtl"] .u-step-desc {
  text-align: right; }

html[dir="rtl"] .u-step-number {
  right: 20px;
  left: unset; }
  html[dir="rtl"] .u-step-number ~ .u-step-desc {
    margin-right: 50px; }

html[dir="rtl"] .u-pearl:after {
  left: 0;
  right: unset; }

html[dir="rtl"] .u-pearl:before {
  right: 0;
  left: unset; }

html[dir="rtl"] .u-step-icon {
  float: right;
  margin-left: .5em;
  margin-right: unset; }

html[dir="rtl"] .list-icons {
  padding-right: 0; }

html[dir="rtl"] .card-header.note-toolbar .note-color .dropdown-toggle {
  padding-right: 5px; }

html[dir="rtl"] .card-header.note-toolbar .form-group.draggable {
  text-align: right; }

html[dir="rtl"] .card-header.note-toolbar .form-check {
  padding-right: 24px;
  padding-left: unset; }

html[dir="rtl"] .card-header.note-toolbar form .custom-control {
  padding-right: 24px;
  padding-left: unset; }
  html[dir="rtl"] .card-header.note-toolbar form .custom-control .custom-control-label::after {
    right: 0;
    left: unset; }
  html[dir="rtl"] .card-header.note-toolbar form .custom-control .custom-control-label::before {
    right: 0;
    left: unset; }

html[dir="rtl"] .dropdown-toggle::after {
  margin-right: 0.255em;
  margin-left: unset; }

html[dir="rtl"] .checkbox label {
  padding-right: 8px;
  padding-left: unset; }
  html[dir="rtl"] .checkbox label::before {
    right: 0;
    left: unset;
    margin-right: -16px;
    margin-left: unset; }

html[dir="rtl"] .checkbox-wrapper li label,
html[dir="rtl"] .radio-wrapper li label {
  padding-right: 0; }

html[dir="rtl"] .radio label::after {
  right: 5px;
  left: unset;
  margin-right: -20px;
  margin-left: unset; }

html[dir="rtl"] .cd-timeline-img i {
  right: 40%;
  left: unset;
  margin-right: -12px;
  margin-left: unset; }

html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content {
  float: left;
  border-left: 7px solid #eeeeee;
  border-right: unset; }
  html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    right: auto;
    left: 122%;
    text-align: left; }
  html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    right: auto;
    left: 100%;
    border: 15px solid transparent;
    border-left: 15px solid #f4f4f4; }

html[dir="rtl"] .cd-timeline-content .cd-date {
  right: 122%;
  left: unset; }

html[dir="rtl"] .introjs-tooltip {
  right: 0;
  left: unset; }

html[dir="rtl"] .introjs-helperNumberLayer {
  right: -16px;
  left: unset; }

html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltiptext {
  text-align: right; }

html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons {
  text-align: left; }
  html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-skipbutton {
    margin-left: 5px;
    margin-right: unset; }
  html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-nextbutton {
    -webkit-border-radius: 0.2em 0 0 0.2em;
    -moz-border-radius: 0.2em 0 0 0.2em;
    border-radius: 0.2em 0 0 0.2em; }

html[dir="rtl"] .list-inline-item:not(:last-child) {
  margin-left: 0.5rem;
  margin-right: unset; }

html[dir="rtl"] .like-comment ul.list-inline {
  padding-right: 0; }

html[dir="rtl"] .typeahead {
  text-align: right; }

html[dir="rtl"] .listing ul {
  padding-right: 0; }
  html[dir="rtl"] .listing ul .icofont {
    float: right; }

html[dir="rtl"] .gallery .hover-5 img {
  margin-right: 30px; }

html[dir="rtl"] .gallery .hover-5:hover img {
  margin-right: 0; }

html[dir="rtl"] .lg-outer {
  text-align: right; }

html[dir="rtl"] .lg-toolbar .lg-icon {
  float: left; }

html[dir="rtl"] #lg-counter {
  padding-right: 20px;
  padding-left: unset;
  float: right; }

html[dir="rtl"] .chart-widget-top .text-end {
  text-align: left !important; }

html[dir="rtl"] .chart-widget-top .num .ms-1 {
  margin-right: 0.25rem !important; }

html[dir="rtl"] .bar-chart-widget .earning-details i {
  left: -240px; }

html[dir="rtl"] .bar-chart-widget .bottom-content .b-r-light {
  border-left: 1px solid #eeeeee !important;
  border-right: unset !important; }

html[dir="rtl"] .bar-chart-widget .bottom-content .num .ms-1 {
  margin-right: 0.25rem !important; }

html[dir="rtl"] .chart-vertical-center #myDoughnutGraph,
html[dir="rtl"] .chart-vertical-center #myPolarGraph {
  width: auto !important; }

html[dir="rtl"] .crm-activity ul.dates li + li {
  border-right: 1px solid #ddd;
  padding-right: 10px;
  margin-right: 5px;
  border-left: unset;
  padding-left: unset;
  margin-left: unset; }

html[dir="rtl"] div.dt-buttons {
  float: right; }

html[dir="rtl"] .dt-button-collection {
  left: -39px !important; }

html[dir="rtl"] .dropzone .dz-preview .dz-error-mark,
html[dir="rtl"] .dropzone .dz-preview .dz-success-mark {
  right: 50%;
  margin-right: -27px;
  margin-left: unset;
  left: unset; }

html[dir="rtl"] .page-wrapper .page-body-wrapper footer {
  margin-right: 265px;
  margin-left: unset; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper footer p i {
    margin-right: 5px;
    margin-left: unset; }

html[dir="rtl"] .footer-copyright {
  text-align: right; }

html[dir="rtl"] .footer-links {
  text-align: left; }

html[dir="rtl"] .page-item:first-child .page-link {
  margin-right: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none; }

html[dir="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; }

html[dir="rtl"] .popover.top > .arrow:after,
html[dir="rtl"] .popover.bottom > .arrow:after {
  margin-right: -10px;
  margin-left: unset; }

html[dir="rtl"] .bootstrap-touchspin > .input-group-append > .btn,
html[dir="rtl"] .bootstrap-touchspin > .input-group-append > .input-group-text {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

html[dir="rtl"] .bootstrap-touchspin > .form-control:not(:last-child),
html[dir="rtl"] .bootstrap-touchspin > .custom-select:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .typeahead span.twitter-typeahead .tt-suggestion {
  text-align: right; }

html[dir="rtl"] .typeahead .league-name {
  text-align: right;
  margin-right: 5px; }

html[dir="rtl"] .follow .text-md-right {
  text-align: left !important; }

html[dir="rtl"] .jvectormap-zoomin,
html[dir="rtl"] .jvectormap-zoomout,
html[dir="rtl"] .jvectormap-goback {
  right: 10px;
  left: unset; }

html[dir="rtl"] .customizer-links {
  right: unset;
  left: 0; }
  html[dir="rtl"] .customizer-links > .nav {
    padding-right: 10px; }
  html[dir="rtl"] .customizer-links .nav-link:after {
    right: -10px;
    left: unset;
    border-width: 5px 5px 5px 0;
    border-left-color: unset;
    border-right-color: rgba(0, 102, 102, 0.1); }
  html[dir="rtl"] .customizer-links .nav-link span {
    right: unset;
    left: -60px; }
  html[dir="rtl"] .customizer-links .nav-link:hover span {
    left: 48px; }
  html[dir="rtl"] .customizer-links.open {
    right: unset;
    left: 330px;
    border-radius: 0 8px 8px 0; }

html[dir="rtl"] .customizer-contain {
  width: 330px;
  right: unset;
  left: -330px; }
  html[dir="rtl"] .customizer-contain.open {
    right: unset;
    left: 0px; }
  html[dir="rtl"] .customizer-contain .customizer-header .icon-close {
    left: unset;
    right: 30px; }

html[dir="rtl"] .box-layout.page-wrapper.horizontal-wrapper .page-header {
  padding-right: 250px;
  padding-left: unset; }
  html[dir="rtl"] .box-layout.page-wrapper.horizontal-wrapper .page-header.open {
    padding-right: 0; }

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 230px; }

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
  width: 1280px;
  padding-left: 0;
  left: 50%; }

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-header {
  margin-left: auto;
  margin-right: auto;
  padding-left: unset;
  padding-right: 230px; }
  html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-header.close_icon {
    padding-right: 100px; }

html[dir="rtl"] body.dark-only .custom-card .card-footer > div + div {
  border-right: 1px solid rgba(255, 255, 255, 0.1); }

html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(odd) .cd-timeline-content::before {
  border-left: none;
  border-right-color: #1A1C23; }

html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
  border-left-color: #1A1C23;
  border-right: unset; }

html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-r-light,
html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right {
  border-right: none !important;
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important; }

@media screen and (max-width: 1660px) {
  html[dir="rtl"] .caller-img {
    left: unset;
    right: 15px; } }

@media only screen and (max-width: 1366px) {
  html[dir="rtl"] .profile-dropdown.onhover-show-div {
    right: unset !important;
    left: 0 !important; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right ul li.onhover-dropdown.notification-down:nth-child(5)::before {
    right: 47px;
    left: unset; }
  html[dir="rtl"] .product-wrapper .product-grid .feature-products {
    margin-right: 0; }
  html[dir="rtl"] .product-grid {
    margin-right: 0; }
  html[dir="rtl"] .d-none-productlist {
    margin-left: 10px;
    margin-right: unset; }
  html[dir="rtl"] .photos ul li:nth-child(3n) {
    margin-left: 15px;
    margin-right: unset; } }

@media (min-width: 1200px) {
  html[dir="rtl"] .float-xl-end {
    float: left !important; }
  html[dir="rtl"] .pixelstrap ul a:hover .sub-arrow, html[dir="rtl"] .pixelstrap ul a:focus .sub-arrow, html[dir="rtl"] .pixelstrap ul a:active .sub-arrow, html[dir="rtl"] .pixelstrap ul a.highlighted .sub-arrow {
    left: 3px;
    right: unset; } }

@media (min-width: 992px) {
  html[dir="rtl"] .text-lg-start {
    text-align: right !important; } }

@media only screen and (max-width: 1199.98px) {
  html[dir="rtl"] .jkanban-container .btn {
    margin-left: unset;
    margin-right: 20px; }
  html[dir="rtl"] .link-section > div > h6:before {
    right: unset;
    left: 10px; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right > ul li .submenu li:first-child {
    padding-right: 15px !important;
    padding-left: 15px !important; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 45px; }
  html[dir="rtl"] .email-wrap .row .col-xl-6 {
    padding-right: 15px; }
  html[dir="rtl"] .email-wrap .row .col-xl-3 + .col-xl-3 {
    padding-left: 15px; }
  html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li {
    text-align: right; }
    html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li a i {
      margin-right: unset;
      margin-left: 10px; }
  html[dir="rtl"] .email-wrap .email-app-sidebar ul {
    padding-right: 0; }
  html[dir="rtl"] .email-wrap .email-right-aside .email-body .pe-0 {
    padding-right: unset !important; }
  html[dir="rtl"] .email-wrap .email-right-aside .radius-left {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-radius: 4px; }
  html[dir="rtl"] .chat-menu-icons {
    text-align: left; }
  html[dir="rtl"] .chat-menu {
    left: 0;
    right: unset; } }

@media only screen and (max-width: 991.98px) {
  html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
    left: 20px; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translate(285px); }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
      transform: translate(285px); }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn {
    float: left;
    transform: rotate(180deg); }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
    margin-right: 0;
    border-right: none;
    padding-right: 0;
    border-left: 1px solid #ddd;
    margin-left: 15px;
    padding-left: 15px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-header {
    margin-right: 0; }
  html[dir="rtl"] .page-wrapper.material-icon .page-header {
    padding-right: 0; }
  html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper .page-body {
    padding-right: 15px; }
  html[dir="rtl"] .faq-accordion .faq-header svg {
    left: 20px; }
  html[dir="rtl"] .page-wrapper .page-header .header-logo-wrapper .logo-wrapper img {
    margin-left: 15px;
    margin-right: unset; }
  html[dir="rtl"] .page-body-wrapper .page-body,
  html[dir="rtl"] .page-body-wrapper footer {
    margin-right: 0 !important; }
  html[dir="rtl"] .main .langChoice {
    left: 20px; }
  html[dir="rtl"] .cd-timeline-img i {
    right: 50% !important; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .breadcrumb {
    margin-right: 0; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 60px); }
  html[dir="rtl"] .page-wrapper .page-header {
    margin-right: 0; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header {
    margin-right: 0 !important;
    margin-left: unset !important; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-wrapper.close_icon {
    transform: translate(285px); }
  html[dir="rtl"] .card-body .value-left {
    margin-left: 20px; }
  html[dir="rtl"] .bookmark ul li .search-form .form-control-search {
    left: -127px; }
  html[dir="rtl"] .card .card-header .card-header-right {
    left: 15px; } }

@media only screen and (max-width: 991px) and (min-width: 768px) {
  html[dir="rtl"] .page-wrapper.compact-wrapper.material-type .page-body-wrapper div.sidebar-wrapper {
    left: unset;
    right: 0; } }

@media (min-width: 768px) {
  html[dir="rtl"] .float-md-end {
    float: left !important; }
  html[dir="rtl"] .income-wrap .ps-md-0 {
    padding-left: 30px !important;
    padding-right: 0 !important; }
  html[dir="rtl"] .text-md-end {
    text-align: left !important; }
  html[dir="rtl"] .offset-md-3 {
    margin-right: 25%;
    margin-left: unset; }
  html[dir="rtl"] .text-md-start {
    text-align: right !important; }
  html[dir="rtl"] .ecommerce-widget .text-md-end {
    text-align: left !important; }
    html[dir="rtl"] .ecommerce-widget .text-md-end ul {
      text-align: left; } }

@media only screen and (max-width: 767.98px) {
  html[dir="rtl"] .list-persons .profile-mail .email-general ul {
    padding-left: 0; }
  html[dir="rtl"] .file-content .form-inline {
    padding: 0px 20px 0px 0px; }
  html[dir="rtl"] .product-wrapper.sidebaron .product-grid .product-wrapper-grid {
    margin-right: 0; }
  html[dir="rtl"] .product-sidebar {
    transform: translateX(300px) scaleX(1); }
    html[dir="rtl"] .product-sidebar.open {
      transform: translateX(0px) scaleX(1); }
  html[dir="rtl"] .feature-products .filter-toggle {
    margin-right: 10px;
    margin-left: unset; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 25px !important; }
  html[dir="rtl"] .ecommerce-widget .text-md-right {
    text-align: left !important; }
  html[dir="rtl"] .bar-chart-widget .earning-details i {
    left: -147px !important; } }

@media (min-width: 576px) {
  html[dir="rtl"] .offset-sm-3 {
    margin-right: 25%;
    margin-left: unset; }
  html[dir="rtl"] .text-sm-end {
    text-align: left !important; }
  html[dir="rtl"] .float-sm-end {
    float: left !important; }
  html[dir="rtl"] .me-sm-2 {
    margin-left: 0.5rem !important;
    margin-right: unset !important; } }

@media only screen and (max-width: 575.98px) {
  html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
    left: 15px; }
  html[dir="rtl"] .list-persons .nav-pills .nav-link .media .media-body {
    text-align: right; }
  html[dir="rtl"] .mega-menu {
    padding-left: unset;
    padding-right: 15px; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right > ul li {
    margin-right: unset;
    margin-left: 1px; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
    left: 0; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, html[dir="rtl"] .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
    margin-left: 8px;
    padding-left: 8px;
    margin-right: unset;
    padding-right: unset;
    border-right: unset;
    border-left: 1px solid #ddd; }
  html[dir="rtl"] .translate_wrapper.active .more_lang.active {
    left: unset;
    right: 12px; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:last-child {
    padding-right: 10px; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul.notification-dropdown {
    left: unset !important;
    right: 15px !important; }
  html[dir="rtl"] .faq-accordion .faq-header svg {
    left: 15px; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 15px !important; }
    html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li {
      margin-left: 0px; }
  html[dir="rtl"] .main .langChoice {
    left: 15px; }
  html[dir="rtl"] .page-wrapper .search-form .form-group {
    margin-left: 0; }
  html[dir="rtl"] .card-body .value-left {
    margin-left: 15px; } }

@media only screen and (max-width: 480px) {
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
    right: unset;
    left: 20px; }
  html[dir="rtl"] .knob-chart .chart-clock-main {
    width: unset; }
    html[dir="rtl"] .knob-chart .chart-clock-main .clock-small {
      right: 32px; }
    html[dir="rtl"] .knob-chart .chart-clock-main .clock-large {
      right: 0;
      left: unset; }
    html[dir="rtl"] .knob-chart .chart-clock-main .clock-medium {
      right: 32px;
      left: unset; } }

@media only screen and (max-width: 420px) {
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    right: 112px; }
  html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    right: 80px; } }

@media only screen and (max-width: 360px) {
  html[dir="rtl"] .prooduct-details-box .close {
    left: 0; }
  html[dir="rtl"] .social-app-profile .hovercard .user-image .avatar {
    margin-top: -47px; }
    html[dir="rtl"] .social-app-profile .hovercard .user-image .avatar img {
      width: 85px;
      height: 85px; }
  html[dir="rtl"] .social-chat .other-msg {
    margin-right: 15px; } }

@media screen and (max-width: 1460px) {
  html[dir="rtl"] .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-left: 8px;
    margin-right: unset; } }

/**=====================
    5.8 Rtl CSS Ends
==========================**/
/**=====================
  5.9 Box-layout CSS start
==========================**/
.box-layout {
  background-blend-mode: overlay;
  background-color: rgba(255, 255, 255, 0.5);
  overflow: hidden; }
  .box-layout.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu {
    background-color: #1A1C23; }
  .box-layout.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links > li:hover .sidebar-submenu {
    opacity: 1;
    visibility: visible;
    display: block !important;
    top: 58px; }
  .box-layout .today-work-table .today-working-table tbody tr td {
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom: 1px dashed #E6E9EB; }
  .box-layout .today-work-table .today-working-table tbody tr td:nth-child(1) {
    min-width: 165px; }
  .box-layout .today-work-table .today-working-table tbody tr td:nth-child(2) {
    min-width: 170px; }
  .box-layout .today-work-table .today-working-table tbody tr td:nth-child(3) {
    display: none; }
  .box-layout .today-work-table .today-working-table tbody tr:first-child td {
    padding-top: 0px; }
  .box-layout .today-work-table .today-working-table tbody tr td a {
    color: #051A1A;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .box-layout .today-work-table .today-working-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }
  .box-layout .today-work-table .today-working-table tbody tr:last-child td {
    padding-bottom: 0px;
    border: none; }
  .box-layout .tranaction-table thead {
    background-color: rgba(230, 233, 235, 0.3); }
    .box-layout .tranaction-table thead tr th {
      padding: 20px; }
      .box-layout .tranaction-table thead tr th:nth-child(1) {
        min-width: 160px; }
      .box-layout .tranaction-table thead tr th:nth-child(2) {
        min-width: 150px;
        padding: 20px 0px; }
      .box-layout .tranaction-table thead tr th:nth-child(3) {
        display: none; }
      .box-layout .tranaction-table thead tr th:nth-child(4) {
        min-width: 100px;
        padding: 20px 0px; }
      .box-layout .tranaction-table thead tr th:nth-child(5) {
        min-width: 50px; }
      .box-layout .tranaction-table thead tr th:first-child {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .box-layout .tranaction-table thead tr th:last-child {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; }
  .box-layout .tranaction-table tbody tr {
    border-bottom: 1px solid #E6E9EB; }
    .box-layout .tranaction-table tbody tr td {
      padding-top: 17px;
      padding-bottom: 17px; }
      .box-layout .tranaction-table tbody tr td .status-process {
        border-radius: 15px;
        padding: 12px; }
      .box-layout .tranaction-table tbody tr td:nth-child(3) {
        display: none; }
      .box-layout .tranaction-table tbody tr td:last-child .product-sub {
        text-align: center; }
    .box-layout .tranaction-table tbody tr:last-child {
      border: none; }
      .box-layout .tranaction-table tbody tr:last-child td {
        padding-bottom: 0px; }
  .box-layout .tranaction-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }
  @media only screen and (min-width: 1280px) {
    .box-layout .page-wrapper .page-header .header-wrapper .nav-right > ul > li .form-group .Typeahead .u-posRelative input {
      width: 96px !important; }
    .box-layout .learning-filter {
      order: -1; }
    .box-layout .artist-table .appointment-table.customer-table table tr td:last-child {
      min-width: 100px; }
    .box-layout .md-sidebar .md-sidebar-toggle {
      display: block; }
    .box-layout .md-sidebar .md-sidebar-aside {
      position: absolute;
      top: 40px;
      left: 0;
      opacity: 0;
      visibility: hidden;
      z-index: 3;
      width: 280px; }
      .box-layout .md-sidebar .md-sidebar-aside.open {
        opacity: 1;
        visibility: visible; }
    .box-layout .job-sidebar {
      background-color: var(--white);
      padding: 20px; }
    .box-layout .widget-1.mb-xl-0 {
      margin-bottom: 25px !important; }
    .box-layout .radial-progress-card .radial-chart-wrap {
      margin-right: -10px; }
    .box-layout .currency-widget div[class*=bg-light-] {
      display: none; }
    .box-layout .box-order .order-1 {
      order: 1 !important; }
    .box-layout .activity-card .appointment-table.customer-table {
      height: 187px; }
    .box-layout .transaction-table tr td:first-child {
      min-width: 150px; }
    .box-layout .purchase-card img {
      margin: -210px auto 0;
      width: 80%; }
    .box-layout .purchase-card.discover {
      margin-top: 90px; }
      .box-layout .purchase-card.discover img {
        margin-top: -90px;
        width: 64%; }
    .box-layout .apache-cotainer-large > div,
    .box-layout .apache-cotainer-large canvas,
    .box-layout #line-visual > div,
    .box-layout #line-visual canvas,
    .box-layout #line-visulH > div,
    .box-layout #line-visulH canvas {
      width: 100% !important; }
    .box-layout .page-wrapper.box-layout, .box-layout.page-wrapper.box-layout {
      padding-top: 40px;
      margin-top: 0 !important; }
    .box-layout .page-wrapper.compact-wrapper, .box-layout.page-wrapper.compact-wrapper {
      margin-top: 40px; }
      .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
        width: 230px;
        height: auto;
        top: 40px;
        border-radius: 10px 0 0 10px;
        overflow: hidden; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
          width: 1200px;
          left: 48%; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix {
          padding-left: 0; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
          height: calc(100vh - 180px); }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper {
          box-shadow: 0 8px 6px -6px rgba(89, 102, 122, 0.1); }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
          margin-top: 10px;
          margin-bottom: 20px;
          height: calc(100vh - 190px); }
      .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
        min-height: calc(100vh - 130px);
        margin-top: 0;
        top: 56px;
        overflow: scroll;
        max-height: calc(100vh - 220px);
        padding-bottom: 80px;
        margin-left: 230px; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #ecf3fa; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar {
          width: 6px; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
          background-color: rgba(68, 102, 242, 0.15); }
    .box-layout .page-wrapper.compact-sidebar .page-header, .box-layout.page-wrapper.compact-sidebar .page-header {
      padding-left: 148px; }
    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper {
      margin-top: 40px; }
      .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
        top: 40px; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
          display: none;
          transition: 0.5s; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
          height: calc(100vh - 166px);
          margin: 0; }
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
          .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
            left: 470px;
            top: 40px;
            height: calc(100vh - 84px); }
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
            animation: unset; }
      .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .footer, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .footer {
        margin-left: 0; }
      .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body {
        min-height: calc(100vh - 90px);
        margin-top: 0;
        top: 80px;
        overflow: scroll;
        max-height: calc(100vh - 170px);
        padding-bottom: 80px; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #ecf3fa; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar {
          width: 6px; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
          background-color: rgba(68, 102, 242, 0.15); }
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-header, .box-layout.page-wrapper.compact-sidebar.compact-small .page-header {
      padding-left: 90px; }
      .box-layout .page-wrapper.compact-sidebar.compact-small .page-header.close_icon, .box-layout.page-wrapper.compact-sidebar.compact-small .page-header.close_icon {
        padding-left: 0; }
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container, .box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
    .box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
      left: 410px; }
    .box-layout .page-wrapper.horizontal-wrapper:before, .box-layout.page-wrapper.horizontal-wrapper:before {
      display: none; }
    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper {
      margin-top: 40px; }
      .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
        margin-top: 80px;
        min-height: calc(100vh - 310px);
        max-height: calc(100vh - 230px);
        overflow: scroll; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #ecf3fa; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar {
          width: 6px; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
          background-color: rgba(68, 102, 242, 0.15); }
      .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .footer, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .footer {
        padding-left: 15px; }
      .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
        width: 1280px;
        top: 80px;
        margin: 0;
        overflow-x: unset;
        position: relative; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu {
          left: 0%;
          transform: translate(0, 0);
          top: 125px;
          background-color: #fff; }
    .box-layout .page-wrapper.horizontal-wrapper .page-header, .box-layout.page-wrapper.horizontal-wrapper .page-header {
      padding-left: 0; }
    .box-layout .page-wrapper.modern-type .page-header, .box-layout.page-wrapper.modern-type .page-header {
      padding-left: 0px; }
      .box-layout .page-wrapper.modern-type .page-header .header-wrapper .left-header, .box-layout.page-wrapper.modern-type .page-header .header-wrapper .left-header {
        width: 36%; }
      .box-layout .page-wrapper.modern-type .page-header .header-wrapper .nav-right, .box-layout.page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 46%; }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .page-body, .box-layout.page-wrapper.modern-type .page-body-wrapper .page-body {
      margin-left: 260px; }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper {
      top: 120px; }
      .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        height: calc(100vh - 311px); }
      .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 316px); }
      .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
        width: 1280px;
        left: 50%;
        margin-left: 0; }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .footer, .box-layout.page-wrapper.modern-type .page-body-wrapper .footer {
      margin-left: 0; }
    .box-layout .page-wrapper .page-header, .box-layout.page-wrapper .page-header {
      max-width: 1280px;
      margin: 0 auto;
      left: 0;
      right: 0;
      transition: 0.5s;
      padding-left: 230px;
      margin-top: 40px;
      border-radius: 10px;
      width: unset; }
      .box-layout .page-wrapper .page-header.close_icon, .box-layout.page-wrapper .page-header.close_icon {
        padding-left: 100px;
        margin-left: auto;
        width: calc(100% - 0px);
        transition: 0.5s; }
      .box-layout .page-wrapper .page-header .header-wrapper, .box-layout.page-wrapper .page-header .header-wrapper {
        border-radius: 10px 10px 0 0; }
    .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right,
    .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header, .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right,
    .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
      width: 36%; }
    .box-layout .page-wrapper.material-type .page-body-wrapper, .box-layout.page-wrapper.material-type .page-body-wrapper {
      margin-top: 0; }
      .box-layout .page-wrapper.material-type .page-body-wrapper .page-body, .box-layout.page-wrapper.material-type .page-body-wrapper .page-body {
        margin-top: 0; }
      .box-layout .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        top: 0; }
    .box-layout .page-wrapper.material-icon .page-header.close_icon, .box-layout.page-wrapper.material-icon .page-header.close_icon {
      margin-top: 40px !important; }
    .box-layout .page-wrapper.material-icon .page-body-wrapper, .box-layout.page-wrapper.material-icon .page-body-wrapper {
      margin-top: 0; }
      .box-layout .page-wrapper.material-icon .page-body-wrapper .page-body, .box-layout.page-wrapper.material-icon .page-body-wrapper .page-body {
        top: 0;
        min-height: calc(100vh - 170px);
        padding-bottom: 40px; }
    .box-layout .page-wrapper.advance-layout .page-header, .box-layout.page-wrapper.advance-layout .page-header {
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07); }
    .box-layout .page-wrapper.advance-layout .page-body-wrapper, .box-layout.page-wrapper.advance-layout .page-body-wrapper {
      margin-top: 0; }
    .box-layout .page-wrapper .page-body-wrapper, .box-layout.page-wrapper .page-body-wrapper {
      width: 1280px;
      box-shadow: 4px 11px 25px rgba(0, 0, 0, 0.07);
      margin: 0 auto;
      overflow: hidden; }
      .box-layout .page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive, .box-layout.page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive {
        min-width: 1087px;
        overflow: auto; }
      .box-layout .page-wrapper .page-body-wrapper .active-order-table, .box-layout.page-wrapper .page-body-wrapper .active-order-table {
        max-width: 443px;
        overflow: auto; }
        .box-layout .page-wrapper .page-body-wrapper .active-order-table table tbody tr td p, .box-layout.page-wrapper .page-body-wrapper .active-order-table table tbody tr td p {
          width: 100px; }
      .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.gradient-line-1:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.gradient-line-1:after {
        height: 57px;
        bottom: -64px; }
      .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.small-line:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.small-line:after {
        height: 36px;
        bottom: -43px; }
      .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.medium-line:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.medium-line:after {
        height: 40px;
        bottom: -48px; }
      .box-layout .page-wrapper .page-body-wrapper footer, .box-layout.page-wrapper .page-body-wrapper footer {
        width: 1280px;
        margin: 0 auto;
        padding-left: 230px;
        margin-bottom: 40px !important;
        position: fixed;
        left: 50%;
        z-index: 7;
        transform: translate(-50%, 0);
        border-radius: 0 0 10px; }
      .box-layout .page-wrapper .page-body-wrapper .blockquote-footer, .box-layout.page-wrapper .page-body-wrapper .blockquote-footer {
        margin-left: 0;
        width: 100%; }
      .box-layout .page-wrapper .page-body-wrapper .footer-fix, .box-layout.page-wrapper .page-body-wrapper .footer-fix {
        padding-left: 230px; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 300px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content > div, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content > div {
          z-index: 8;
          background-color: rgba(255, 255, 255, 0.75);
          background-blend-mode: overlay;
          width: 100%;
          padding: 30px;
          left: 15px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content button, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content button {
          width: 40%;
          font-size: 14px;
          margin: 0 auto; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons {
        margin-top: 20px;
        margin-bottom: 20px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons ul li, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons ul li {
          border: 1px dashed #717171;
          width: 50px;
          height: 50px;
          padding: 8px; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img {
        margin-top: 30px;
        margin-bottom: 30px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img img, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img img {
          width: 38%; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .total-time h2, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .total-time h2 {
        font-size: 28px;
        color: #717171; }
      .box-layout .page-wrapper .page-body-wrapper canvas#myLineCharts, .box-layout.page-wrapper .page-body-wrapper canvas#myLineCharts {
        width: 100%; }
      .box-layout .page-wrapper .page-body-wrapper .chat-right-aside, .box-layout.page-wrapper .page-body-wrapper .chat-right-aside {
        flex: 0 0 60%;
        max-width: 60%;
        overflow: hidden; }
      .box-layout .page-wrapper .page-body-wrapper .caller-img, .box-layout.page-wrapper .page-body-wrapper .caller-img {
        position: absolute;
        width: 100%;
        max-width: 100%;
        left: 15px; }
        .box-layout .page-wrapper .page-body-wrapper .caller-img img, .box-layout.page-wrapper .page-body-wrapper .caller-img img {
          opacity: 0.7; }
      .box-layout .page-wrapper .page-body-wrapper .browser-widget img, .box-layout.page-wrapper .page-body-wrapper .browser-widget img {
        height: 65px; }
      .box-layout .page-wrapper .page-body-wrapper .custom-card .card-header img, .box-layout.page-wrapper .page-body-wrapper .custom-card .card-header img {
        margin-top: -73px; }
      .box-layout .page-wrapper .page-body-wrapper .custom-card .card-profile img, .box-layout.page-wrapper .page-body-wrapper .custom-card .card-profile img {
        height: 130px;
        top: -17px; }
      .box-layout .page-wrapper .page-body-wrapper .select2, .box-layout.page-wrapper .page-body-wrapper .select2 {
        width: 901.781px; }
    .box-layout .page-wrapper ul.close_icon > li label, .box-layout.page-wrapper ul.close_icon > li label {
      padding: 0; }
      .box-layout .page-wrapper ul.close_icon > li label:after, .box-layout.page-wrapper ul.close_icon > li label:after {
        display: none; }
    .box-layout .page-wrapper .bookmark ul, .box-layout.page-wrapper .bookmark ul {
      margin-right: -1px; }
    .box-layout .page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn, .box-layout.page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn {
      padding-left: 20px;
      padding-right: 20px; }
    .box-layout .page-wrapper .btn-group-showcase .btn-radio .btn-group .radio input[type="radio"], .box-layout.page-wrapper .btn-group-showcase .btn-radio .btn-group .radio input[type="radio"] {
      display: none; }
    .box-layout .page-wrapper .d-flex.bitcoin-graph, .box-layout.page-wrapper .d-flex.bitcoin-graph {
      display: block; }
      .box-layout .page-wrapper .d-flex.bitcoin-graph .top-bitcoin, .box-layout.page-wrapper .d-flex.bitcoin-graph .top-bitcoin {
        display: inline-block;
        vertical-align: middle; }
      .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 {
        margin-top: 30px; }
        .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content .bitcoin-numbers h6, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content .bitcoin-numbers h6 {
          font-size: 14PX; }
        .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content.text-right, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content.text-right {
          text-align: center !important; }
    .box-layout .page-wrapper .alert.inverse p, .box-layout.page-wrapper .alert.inverse p {
      max-width: 238px;
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .box-layout .page-wrapper .auth-bg-effect .second-effect, .box-layout.page-wrapper .auth-bg-effect .second-effect {
      left: 55%; }
    .box-layout .page-wrapper .auth-bg-video video, .box-layout.page-wrapper .auth-bg-video video {
      min-width: 67%;
      width: 67%; }
    .box-layout .page-wrapper .page-builder .ge-canvas.ge-layout-desktop, .box-layout.page-wrapper .page-builder .ge-canvas.ge-layout-desktop {
      margin-top: 40px; }
    .box-layout .page-wrapper .page-builder .ge-addRowGroup, .box-layout.page-wrapper .page-builder .ge-addRowGroup {
      margin-bottom: 10px; }
    .box-layout .page-wrapper .pricing-wrapper-card, .box-layout.page-wrapper .pricing-wrapper-card {
      padding: 50px 20px; }
    .box-layout .page-wrapper .card .blog-box.blog-grid.set-min-height, .box-layout.page-wrapper .card .blog-box.blog-grid.set-min-height {
      min-height: 400px; }
    .box-layout .page-wrapper #donut-color-chart-morris-daily.flot-chart-placeholder, .box-layout.page-wrapper #donut-color-chart-morris-daily.flot-chart-placeholder {
      min-height: 430px; }
    .box-layout .page-wrapper #donut-color-chart-morris.flot-chart-placeholder, .box-layout.page-wrapper #donut-color-chart-morris.flot-chart-placeholder {
      min-height: 430px; }
    .box-layout .page-wrapper .box-col-12, .box-layout.page-wrapper .box-col-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    .box-layout .page-wrapper .box-col-6, .box-layout.page-wrapper .box-col-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    .box-layout .page-wrapper .box-col-3, .box-layout.page-wrapper .box-col-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    .box-layout .page-wrapper .box-col-7, .box-layout.page-wrapper .box-col-7 {
      flex: 0 0 60%;
      max-width: 60%; }
    .box-layout .page-wrapper .box-col-5, .box-layout.page-wrapper .box-col-5 {
      flex: 0 0 40%;
      max-width: 40%; }
    .box-layout .page-wrapper .box-col-8, .box-layout.page-wrapper .box-col-8 {
      flex: 0 0 70%;
      max-width: 70%; }
    .box-layout .page-wrapper .box-col-4e, .box-layout.page-wrapper .box-col-4e {
      flex: 0 0 30%;
      max-width: 30%; }
    .box-layout .page-wrapper .box-col-4, .box-layout.page-wrapper .box-col-4 {
      flex: 0 0 33.33%;
      max-width: 33%; }
    .box-layout .page-wrapper .box-col-8e, .box-layout.page-wrapper .box-col-8e {
      flex: 0 0 66.67%;
      max-width: 66.67%; }
    .box-layout .page-wrapper .box-col-none, .box-layout.page-wrapper .box-col-none {
      display: none !important; }
    .box-layout .page-wrapper .chat-box .chat-right-aside, .box-layout.page-wrapper .chat-box .chat-right-aside {
      flex: 0 0 100%;
      max-width: calc(100% - 15px);
      overflow: hidden; }
      .box-layout .page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i, .box-layout.page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i {
        font-size: 19px; }
    .box-layout .page-wrapper .chat-box .toogle-bar, .box-layout.page-wrapper .chat-box .toogle-bar {
      display: inline-block;
      margin-right: 0 !important; }
    .box-layout .page-wrapper .chat-menu, .box-layout.page-wrapper .chat-menu {
      right: 0;
      border-top: 1px dashed #ddd;
      opacity: 0;
      transform: translateY(-30px);
      visibility: hidden;
      top: 81px;
      position: absolute;
      z-index: 9;
      background-color: #fff;
      transition: all linear 0.3s; }
      .box-layout .page-wrapper .chat-menu.show, .box-layout.page-wrapper .chat-menu.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        transition: all linear 0.3s;
        padding-bottom: 25px; }
    .box-layout .page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar, .box-layout.page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar {
      stroke-width: 23px !important; }
    .box-layout .page-wrapper .social-app-profile #friends .box-col-4, .box-layout.page-wrapper .social-app-profile #friends .box-col-4 {
      flex: 0 0 30%;
      max-width: 30%; }
    .box-layout .page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset, .box-layout.page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset {
      max-height: 165px; }
    .box-layout .page-wrapper .email-wrap .row .col-xl-6, .box-layout.page-wrapper .email-wrap .row .col-xl-6 {
      padding-left: 12px; }
    .box-layout .page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3, .box-layout.page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3 {
      padding-right: 12px; }
    .box-layout .page-wrapper .email-wrap .email-right-aside .email-body .inbox, .box-layout.page-wrapper .email-wrap .email-right-aside .email-body .inbox {
      height: 644px; }
    .box-layout .page-wrapper .email-wrap .email-content .email-top .user-emailid:after, .box-layout.page-wrapper .email-wrap .email-content .email-top .user-emailid:after {
      right: -10px; }
    .box-layout .page-wrapper .todo .notification-popup, .box-layout.page-wrapper .todo .notification-popup {
      right: 320px; }
    .box-layout .page-wrapper .touchspin, .box-layout.page-wrapper .touchspin {
      padding: 0 10px; }
    .box-layout .page-wrapper .vertical-menu-main, .box-layout.page-wrapper .vertical-menu-main {
      width: 1280px;
      margin: 0 auto;
      left: 0;
      right: 0; }
      .box-layout .page-wrapper .vertical-menu-main .mega-menu, .box-layout.page-wrapper .vertical-menu-main .mega-menu {
        width: 1050px !important;
        max-width: 1050px !important;
        left: -320px !important; }
    .box-layout .page-wrapper .comingsoon video, .box-layout.page-wrapper .comingsoon video {
      min-width: 67%;
      width: 67%; } }
/**=====================
  5.9 Box-layout CSS Ends
==========================**/
@charset "UTF-8";
/*! -----------------------------------------------------------------------------------

    Template Name: Riho Admin
    Template URI: https://admin.pixelstrap.net/riho/template/
    Description: This is Admin theme
    Author: Pixelstrap
    Author URI: https://themeforest.net/user/pixelstrap

-----------------------------------------------------------------------------------

    1.Base css
        1.1 Reset CSS
        1.2 Typography CSS
    
    2.Components css
        2.1 According CSS
        2.2 Alert CSS
        2.3 Avatars CSS
        2.4 Badge CSS
        2.5 Bookmark CSS
        2.6 Breadcrumb CSS
        2.7 Basic-card CSS
        2.8 Builders CSS
        2.9 Buttons CSS
        2.10 Card CSS
        2.11 Color CSS
        2.12 Datatable CSS
        2.13 Datapicker CSS
        2.14 Dropdown CSS
        2.15 Form-builder CSS
        2.16 Form-input CSS
        2.17 Form-wizard CSS
        2.18 Forms CSS
        2.19 Icons CSS
        2.20 List CSS
        2.21 Loader CSS 
        2.22 Modal CSS
        2.23 Popover CSS
        2.24 Print CSS
        2.25 Radio CSS
        2.26 Ribbon CSS
        2.27 Range-slider CSS
        2.28 Switch CSS
        2.29 Tab CSS
        2.30 Table CSS
        2.31 Toasts CSS
        2.32 Touchspin CSS
        2.33 Tour CSS
        2.34 Tree CSS
        2.35 Typeahead-search CSS
        2.36 Scrollbar CSS

    3. Pages
        3.1 Blog CSS
        3.2 Bookmark-app CSS
        3.3 Cart CSS
        3.4 Chart CSS
        3.5 Chat CSS
        3.6 Checkout CSS
        3.7 Comingsoon CSS
        3.8 Contacts CSS
        3.9 Dashboard_2 CSS
        3.10 Dashboard_3 CSS 
        3.11 Dashboard_4 CSS
        3.12 Dashboard_5 CSS
        3.13 Dashboard_default CSS
        3.14 Ecommerce CSS
        3.15 Email-application CSS
        3.16 Errorpage CSS
        3.17 Faq CSS
        3.18 File CSS
        3.19 Gallery CSS
        3.20 Helper CSS
        3.21 Internationalization CSS
        3.22 Job-search CSS
        3.23 Jsgrid CSS
        3.24 Kanban CSS
        3.25 Knowledgebase CSS
        3.26 Landing CSS
        3.27 Language CSS
        3.28 Learning CSS
        3.29 Login CSS
        3.30 Megaoption CSS
        3.31 Order-history CSS
        3.32 Page CSS
        3.33 Pricing CSS
        3.34 Progress CSS
        3.35 Projectlist CSS
        3.36 Rating CSS
        3.37 Social-app CSS
        3.38 Sweet-alert CSS
        3.39 Task CSS
        3.40 Timeline-v CSS
        3.41 User-profile CSS
        3.42 Wishlist CSS
        3.43 Dashboard_6.CSS
        3.44 Dashboard_7 CSS
        3.45 Dashboard_8.CSS

    4. Themes
        4.1. Dark CSS
        4.2 Theme-customizer CSS
        4.3 Update CSS

    5. Layout
        5.1 Footer CSS
        5.2 Grid CSS
        5.3 Header CSS
        5.4 Navs CSS
        5.5 Search CSS
        5.6 Select2 CSS
        5.7 Sidebar CSS
        5.8 Rtl CSS
        5.9 Box-layout CSS

 */
:root {
  --theme-deafult: #167A93;
  --theme-secondary: #eeb82f;
  --light-background: rgba(242, 243, 247, 0.7);
  --body-font-color: #86909C;
  --chart-border: #ECF3FA;
  --recent-chart-bg: #FCFCFD;
  --light-bg: #EEF1F6;
  --white: #fff;
  --light2: #F5F6F9;
  --sidebar-border: rgba(0, 0, 0, 0.1);
  --chart-text-color: rgba(82, 82, 108, 0.8);
  --recent-dashed-border: rgba(82, 82, 108, 0.3);
  --chart-dashed-border: rgba(82, 82, 108, 0.2);
  --chart-progress-light: rgba(82, 82, 108, 0.1);
  --recent-box-bg: #F2F4F7;
  --recent-border: rgba(97, 101, 122, 0.25);
  --course-light-btn: #F2F3F7;
  --course-bg: #F7F7F7;
  --balance-profie-bg: #E0DFEF;
  --view-grid-bg: #ECF3FA80;
  --view-border-marker: #cfcdfc;
  --light-slate: #F5F6F9;
  --text-gray: rgba(82, 82, 108, 0.8);
  --product-shadow: 0px 1px 0px rgba(82, 82, 108, 0.15);
  --fc-button-bg-color: var(--theme-deafult);
  --fc-button-active-bg-color: var(--theme-deafult);
  --fc-button-active-border-color: var(--theme-deafult);
  --fc-button-border-color: var(--theme-deafult);
  --fc-button-hover-bg-color: var(--theme-deafult);
  --fc-button-hover-border-color: var(--theme-deafult);
  --normal: #ECEAF3;
  --normal-shadow: #D9D8E3;
  --normal-mouth: #9795A4;
  --normal-eye: #595861;
  --active: #F8DA69;
  --active-shadow: #F4B555;
  --active-mouth: #F05136;
  --active-eye: #313036;
  --active-tear: #76b5e7;
  --active-shadow-angry: #e94f1d;
  /* Do not show the "remove tag" (x) button when only a single tag remains */ }
  :root .customLook {
    --tag-bg: var(--theme-deafult);
    --tag-hover: var(--theme-secondary);
    --tag-text-color: var(--white);
    --tags-border-color: silver;
    --tag-border-radius: 25px;
    --tag-text-color--edit: #111;
    --tag-remove-bg: var(--tag-hover);
    --tag-pad: .6em 1em;
    --tag-inset-shadow-size: 1.35em;
    --tag-remove-btn-bg--hover: #000;
    --tagify-dd-color-primary: var(var(--theme-deafult));
    --tagify-dd-bg-color: var(--course-light-btn); }

body[class='dark-only'] {
  --light-background: rgba(31, 32, 40, 0.65);
  --recent-chart-bg: #262932;
  --light-bg: #1d1e26;
  --white: #262932;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --light2: #1d1e26;
  --chart-border: #374558;
  --recent-box-bg: #1d1e26;
  --recent-border: #374558;
  --body-font-color: rgba(255, 255, 255, 0.6);
  --course-light-btn: var(--light-bg);
  --view-grid-bg: var(--light-bg);
  --view-border-marker: #2c2c45d4;
  --light-slate: #1c1d26;
  --text-gray: rgba(153, 153, 169, 0.8);
  --product-shadow: 0px 1px 0px rgb(55 70 87); }

body[class="rtl dark-only"] {
  --light-background: rgba(31, 32, 40, 0.65);
  --recent-chart-bg: #262932;
  --light-bg: #1d1e26;
  --white: #262932;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --light2: #1d1e26;
  --chart-border: #374558;
  --recent-box-bg: #1d1e26;
  --recent-border: #374558;
  --body-font-color: rgba(255, 255, 255, 0.6);
  --course-light-btn: var(--light-bg);
  --view-grid-bg: var(--light-bg);
  --view-border-marker: #2c2c45d4;
  --light-slate: #1c1d26;
  --text-gray: rgba(153, 153, 169, 0.8);
  --product-shadow: 0px 1px 0px rgb(55 70 87); }

body.dark-only.box-layout {
  --light-background: rgba(31, 32, 40, 0.65);
  --recent-chart-bg: #262932;
  --light-bg: #1d1e26;
  --white: #262932;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --light2: #1d1e26;
  --chart-border: #374558;
  --recent-box-bg: #1d1e26;
  --recent-border: #374558;
  --body-font-color: rgba(255, 255, 255, 0.6);
  --course-light-btn: var(--light-bg);
  --view-grid-bg: var(--light-bg);
  --view-border-marker: #2c2c45d4; }

/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C; }

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8; }

.light-card {
  background-color: var(--light-background); }

.light-background {
  background-color: var(--light-bg); }

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  transform: rotate(-45deg);
  display: inline-block; }

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-l-50 {
  margin-left: 50px !important; }

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important; }

.b-r-1 {
  border-radius: 1px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-r-11 {
  border-radius: 11px !important; }

.b-r-12 {
  border-radius: 12px !important; }

.b-r-13 {
  border-radius: 13px !important; }

.b-r-14 {
  border-radius: 14px !important; }

.b-r-15 {
  border-radius: 15px !important; }

.b-r-16 {
  border-radius: 16px !important; }

.b-r-17 {
  border-radius: 17px !important; }

.b-r-18 {
  border-radius: 18px !important; }

.b-r-19 {
  border-radius: 19px !important; }

.b-r-20 {
  border-radius: 20px !important; }

.b-r-21 {
  border-radius: 21px !important; }

.b-r-22 {
  border-radius: 22px !important; }

.b-r-23 {
  border-radius: 23px !important; }

.b-r-24 {
  border-radius: 24px !important; }

.b-r-25 {
  border-radius: 25px !important; }

.b-r-26 {
  border-radius: 26px !important; }

.b-r-27 {
  border-radius: 27px !important; }

.b-r-28 {
  border-radius: 28px !important; }

.b-r-29 {
  border-radius: 29px !important; }

.b-r-30 {
  border-radius: 30px !important; }

.b-r-31 {
  border-radius: 31px !important; }

.b-r-32 {
  border-radius: 32px !important; }

.b-r-33 {
  border-radius: 33px !important; }

.b-r-34 {
  border-radius: 34px !important; }

.b-r-35 {
  border-radius: 35px !important; }

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.f-34 {
  font-size: 34px !important; }

.f-36 {
  font-size: 36px !important; }

.f-38 {
  font-size: 38px !important; }

.f-40 {
  font-size: 40px !important; }

.f-42 {
  font-size: 42px !important; }

.f-44 {
  font-size: 44px !important; }

.f-46 {
  font-size: 46px !important; }

.f-48 {
  font-size: 48px !important; }

.f-50 {
  font-size: 50px !important; }

.f-52 {
  font-size: 52px !important; }

.f-54 {
  font-size: 54px !important; }

.f-56 {
  font-size: 56px !important; }

.f-58 {
  font-size: 58px !important; }

.f-60 {
  font-size: 60px !important; }

.f-62 {
  font-size: 62px !important; }

.f-64 {
  font-size: 64px !important; }

.f-66 {
  font-size: 66px !important; }

.f-68 {
  font-size: 68px !important; }

.f-70 {
  font-size: 70px !important; }

.f-72 {
  font-size: 72px !important; }

.f-74 {
  font-size: 74px !important; }

.f-76 {
  font-size: 76px !important; }

.f-78 {
  font-size: 78px !important; }

.f-80 {
  font-size: 80px !important; }

.f-82 {
  font-size: 82px !important; }

.f-84 {
  font-size: 84px !important; }

.f-86 {
  font-size: 86px !important; }

.f-88 {
  font-size: 88px !important; }

.f-90 {
  font-size: 90px !important; }

.f-92 {
  font-size: 92px !important; }

.f-94 {
  font-size: 94px !important; }

.f-96 {
  font-size: 96px !important; }

.f-98 {
  font-size: 98px !important; }

.f-100 {
  font-size: 100px !important; }

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100; }

.f-w-300 {
  font-weight: 300; }

.f-w-500 {
  font-weight: 500; }

.f-w-400 {
  font-weight: 400; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-900 {
  font-weight: 900; }

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal; }

.f-s-italic {
  font-style: italic; }

.f-s-oblique {
  font-style: oblique; }

.f-s-initial {
  font-style: initial; }

.f-s-inherit {
  font-style: inherit; }

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-dashed {
  text-decoration: dashed; }

.text-blink {
  text-decoration: blink; }

.text-dotted {
  text-decoration: dotted; }

.text-initial {
  text-decoration: initial; }

.text-none {
  text-decoration: none; }

.text-solid {
  text-decoration: solid; }

.text-wavy {
  text-decoration: wavy; }

.text-inherit {
  text-decoration: inherit; }

.text-double {
  text-decoration: double; }

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline; }

.sub {
  vertical-align: sub; }

.super {
  vertical-align: super; }

.top {
  vertical-align: top; }

.text-top {
  vertical-align: text-top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.text-bottom {
  vertical-align: text-bottom; }

.initial {
  vertical-align: initial; }

.inherit {
  vertical-align: inherit; }

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-relative {
  position: relative; }

.p-initial {
  position: initial; }

.p-inherit {
  position: inherit; }

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden; }

.o-visible {
  overflow: visible; }

.o-auto {
  overflow: auto; }

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important; }

.img-h-10 {
  height: 10px !important; }

.img-20 {
  width: 20px !important; }

.img-h-20 {
  height: 20px !important; }

.img-30 {
  width: 30px !important; }

.img-h-30 {
  height: 30px !important; }

.img-40 {
  width: 40px !important; }

.img-h-40 {
  height: 40px !important; }

.img-50 {
  width: 50px !important; }

.img-h-50 {
  height: 50px !important; }

.img-60 {
  width: 60px !important; }

.img-h-60 {
  height: 60px !important; }

.img-70 {
  width: 70px !important; }

.img-h-70 {
  height: 70px !important; }

.img-80 {
  width: 80px !important; }

.img-h-80 {
  height: 80px !important; }

.img-90 {
  width: 90px !important; }

.img-h-90 {
  height: 90px !important; }

.img-100 {
  width: 100px !important; }

.img-h-100 {
  height: 100px !important; }

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important; }

.font-secondary {
  color: #FE6A49 !important; }

.font-success {
  color: #00AC46 !important; }

.font-danger {
  color: #FE6A49 !important; }

.font-info {
  color: #173878 !important; }

.font-light {
  color: #E6E9EB !important; }

.font-dark {
  color: #2c323f !important; }

.font-warning {
  color: #FFAE1A !important; }

.font-primary {
  color: var(--theme-deafult) !important; }

.font-secondary {
  color: var(--theme-secondary) !important; }

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize; }

.label-theme {
  background-color: #006666; }

.label-primary {
  background-color: #006666; }

.label-secondary {
  background-color: #FE6A49; }

.label-success {
  background-color: #00AC46; }

.label-danger {
  background-color: #FE6A49; }

.label-info {
  background-color: #173878; }

.label-light {
  background-color: #E6E9EB; }

.label-dark {
  background-color: #2c323f; }

.label-warning {
  background-color: #FFAE1A; }

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666; }

.badge-secondary {
  background-color: #FE6A49; }

.badge-success {
  background-color: #00AC46; }

.badge-danger {
  background-color: #FE6A49; }

.badge-info {
  background-color: #173878; }

.badge-light {
  background-color: #E6E9EB; }

.badge-dark {
  background-color: #2c323f; }

.badge-warning {
  background-color: #FFAE1A; }

.badge-primary {
  background-color: var(--theme-deafult) !important; }

.badge-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff; }

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff; }

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important; }

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-success {
  background-color: #00AC46 !important;
  color: #fff; }

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff; }

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important; }

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-info {
  background-color: #173878 !important;
  color: #fff; }

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff; }

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important; }

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff; }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff; }

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important; }

.bg-dark {
  background-color: #2c323f !important;
  color: #fff; }

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff; }

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important; }

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff; }

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff; }

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important; }

.bg-primary {
  background-color: var(--theme-deafult) !important; }

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6); }

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important; }

.txt-secondary {
  color: #FE6A49 !important; }

.txt-success {
  color: #00AC46 !important; }

.txt-danger {
  color: #FE6A49 !important; }

.txt-info {
  color: #173878 !important; }

.txt-light {
  color: #E6E9EB !important; }

.txt-dark {
  color: #2c323f !important; }

.txt-warning {
  color: #FFAE1A !important; }

.txt-google-plus {
  color: #c64e40 !important; }

.txt-twitter {
  color: #6fa2d8 !important; }

.txt-linkedin {
  color: #0077B5 !important; }

.txt-fb {
  color: #50598e !important; }

.txt-primary {
  color: var(--theme-deafult) !important; }

.txt-secondary {
  color: var(--theme-secondary) !important; }

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@keyframes push {
  50% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #006666 !important;
    border-color: #006666 !important; }
  .btn-primary:focus {
    box-shadow: unset !important; }

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-secondary:focus {
    box-shadow: unset !important; }

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }
  .btn-success:focus {
    box-shadow: unset !important; }

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-danger:focus {
    box-shadow: unset !important; }

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #173878 !important;
    border-color: #173878 !important; }
  .btn-info:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }
  .btn-light:focus {
    box-shadow: unset !important; }

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #2c323f !important;
    border-color: #2c323f !important; }
  .btn-dark:focus {
    box-shadow: unset !important; }

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }
  .btn-warning:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important; }
  .btn-light:hover {
    background-color: rgba(0, 102, 102, 0.1) !important;
    border-color: rgba(0, 102, 102, 0.1) !important; }

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important; }

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important; }

.btn-hover-effect:hover {
  animation: push 0.5s linear 1; }

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent; }
  .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-check {
  color: #006666 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #006666 !important; }
    .btn-check:checked + .btn-outline-primary {
      color: white !important;
      background-color: #006666 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-primary {
    border-color: #006666 !important;
    color: #006666 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-primary.disabled {
      color: #006666; }
    .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
      color: white !important;
      background-color: #006666 !important;
      border-color: #006666 !important;
      box-shadow: none !important; }

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary.disabled {
    color: #006666;
    border-color: #006666; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-secondary {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-secondary {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-secondary.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #00AC46 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #00AC46 !important; }
    .btn-check:checked + .btn-outline-success {
      color: white !important;
      background-color: #00AC46 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-success.disabled {
      color: #00AC46; }
    .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
      color: white !important;
      background-color: #00AC46 !important;
      border-color: #00AC46 !important;
      box-shadow: none !important; }

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success.disabled {
    color: #00AC46;
    border-color: #00AC46; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-danger {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-danger.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #173878 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #173878 !important; }
    .btn-check:checked + .btn-outline-info {
      color: white !important;
      background-color: #173878 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-info {
    border-color: #173878 !important;
    color: #173878 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-info.disabled {
      color: #173878; }
    .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
      color: white !important;
      background-color: #173878 !important;
      border-color: #173878 !important;
      box-shadow: none !important; }

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info.disabled {
    color: #173878;
    border-color: #173878; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: #fff !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #E6E9EB !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #E6E9EB !important; }
    .btn-check:checked + .btn-outline-light {
      color: white !important;
      background-color: #E6E9EB !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-light {
    border-color: #E6E9EB !important;
    color: #E6E9EB !important;
    background-color: transparent;
    color: #051A1A; }
    .btn-check + .btn-outline-light.disabled {
      color: #E6E9EB; }
    .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
      color: white !important;
      background-color: #E6E9EB !important;
      border-color: #E6E9EB !important;
      box-shadow: none !important; }

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A; }
  .btn-outline-light.disabled {
    color: #E6E9EB;
    border-color: #E6E9EB; }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: #fff !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: unset !important; }

.btn-check {
  color: #2c323f !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #2c323f !important; }
    .btn-check:checked + .btn-outline-dark {
      color: white !important;
      background-color: #2c323f !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-dark {
    border-color: #2c323f !important;
    color: #2c323f !important;
    background-color: transparent; }
    .btn-check + .btn-outline-dark.disabled {
      color: #2c323f; }
    .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
      color: white !important;
      background-color: #2c323f !important;
      border-color: #2c323f !important;
      box-shadow: none !important; }

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark.disabled {
    color: #2c323f;
    border-color: #2c323f; }
  .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FFAE1A !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FFAE1A !important; }
    .btn-check:checked + .btn-outline-warning {
      color: white !important;
      background-color: #FFAE1A !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important;
    background-color: transparent; }
    .btn-check + .btn-outline-warning.disabled {
      color: #FFAE1A; }
    .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
      color: white !important;
      background-color: #FFAE1A !important;
      border-color: #FFAE1A !important;
      box-shadow: none !important; }

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning.disabled {
    color: #FFAE1A;
    border-color: #FFAE1A; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: unset !important; }

.btn-primary.active:not([disabled]):not(.disabled) {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  box-shadow: none !important; }
  .btn-primary.active:not([disabled]):not(.disabled):hover, .btn-primary.active:not([disabled]):not(.disabled):focus, .btn-primary.active:not([disabled]):not(.disabled):active, .btn-primary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #003333;
    border-color: #003333; }

.btn-secondary.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-secondary.active:not([disabled]):not(.disabled):hover, .btn-secondary.active:not([disabled]):not(.disabled):focus, .btn-secondary.active:not([disabled]):not(.disabled):active, .btn-secondary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-success.active:not([disabled]):not(.disabled) {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  box-shadow: none !important; }
  .btn-success.active:not([disabled]):not(.disabled):hover, .btn-success.active:not([disabled]):not(.disabled):focus, .btn-success.active:not([disabled]):not(.disabled):active, .btn-success.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #007931;
    border-color: #007931; }

.btn-danger.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-danger.active:not([disabled]):not(.disabled):hover, .btn-danger.active:not([disabled]):not(.disabled):focus, .btn-danger.active:not([disabled]):not(.disabled):active, .btn-danger.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-info.active:not([disabled]):not(.disabled) {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  box-shadow: none !important; }
  .btn-info.active:not([disabled]):not(.disabled):hover, .btn-info.active:not([disabled]):not(.disabled):focus, .btn-info.active:not([disabled]):not(.disabled):active, .btn-info.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #0f244d;
    border-color: #0f244d; }

.btn-light.active:not([disabled]):not(.disabled) {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  box-shadow: none !important; }
  .btn-light.active:not([disabled]):not(.disabled):hover, .btn-light.active:not([disabled]):not(.disabled):focus, .btn-light.active:not([disabled]):not(.disabled):active, .btn-light.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #cad0d4;
    border-color: #cad0d4; }

.btn-dark.active:not([disabled]):not(.disabled) {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  box-shadow: none !important; }
  .btn-dark.active:not([disabled]):not(.disabled):hover, .btn-dark.active:not([disabled]):not(.disabled):focus, .btn-dark.active:not([disabled]):not(.disabled):active, .btn-dark.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #171a21;
    border-color: #171a21; }

.btn-warning.active:not([disabled]):not(.disabled) {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  box-shadow: none !important; }
  .btn-warning.active:not([disabled]):not(.disabled):hover, .btn-warning.active:not([disabled]):not(.disabled):focus, .btn-warning.active:not([disabled]):not(.disabled):active, .btn-warning.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #e69500;
    border-color: #e69500; }

.btn-outline-primary-2x.active:not([disabled]):not(.disabled) {
  background-color: #006666;
  border-color: #006666;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-primary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-primary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #006666 !important;
    border-color: #006666 !important; }

.btn-outline-secondary-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-secondary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-success-2x.active:not([disabled]):not(.disabled) {
  background-color: #00AC46;
  border-color: #00AC46;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-success-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-success-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-success-2x.active:not([disabled]):not(.disabled):active, .btn-outline-success-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }

.btn-outline-danger-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-danger-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):active, .btn-outline-danger-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-info-2x.active:not([disabled]):not(.disabled) {
  background-color: #173878;
  border-color: #173878;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-info-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-info-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-info-2x.active:not([disabled]):not(.disabled):active, .btn-outline-info-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #173878 !important;
    border-color: #173878 !important; }

.btn-outline-light-2x.active:not([disabled]):not(.disabled) {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-light-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-light-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-light-2x.active:not([disabled]):not(.disabled):active, .btn-outline-light-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }

.btn-outline-dark-2x.active:not([disabled]):not(.disabled) {
  background-color: #2c323f;
  border-color: #2c323f;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-dark-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):active, .btn-outline-dark-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important; }

.btn-outline-warning-2x.active:not([disabled]):not(.disabled) {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-warning-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):active, .btn-outline-warning-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important; }

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important; }

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important; }

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important; }

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important; }

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important; }

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666; }
  .table-styling .table-primary thead,
  .table-styling.table-primary thead {
    background-color: #003333;
    border: 3px solid #003333; }
  .table-styling .table-primary th,
  .table-styling .table-primary td,
  .table-styling.table-primary th,
  .table-styling.table-primary td {
    background-color: transparent; }

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-secondary thead,
  .table-styling.table-secondary thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-secondary th,
  .table-styling .table-secondary td,
  .table-styling.table-secondary th,
  .table-styling.table-secondary td {
    background-color: transparent; }

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46; }
  .table-styling .table-success thead,
  .table-styling.table-success thead {
    background-color: #007931;
    border: 3px solid #007931; }
  .table-styling .table-success th,
  .table-styling .table-success td,
  .table-styling.table-success th,
  .table-styling.table-success td {
    background-color: transparent; }

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-danger thead,
  .table-styling.table-danger thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-danger th,
  .table-styling .table-danger td,
  .table-styling.table-danger th,
  .table-styling.table-danger td {
    background-color: transparent; }

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878; }
  .table-styling .table-info thead,
  .table-styling.table-info thead {
    background-color: #0f244d;
    border: 3px solid #0f244d; }
  .table-styling .table-info th,
  .table-styling .table-info td,
  .table-styling.table-info th,
  .table-styling.table-info td {
    background-color: transparent; }

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB; }
  .table-styling .table-light thead,
  .table-styling.table-light thead {
    background-color: #cad0d4;
    border: 3px solid #cad0d4; }
  .table-styling .table-light th,
  .table-styling .table-light td,
  .table-styling.table-light th,
  .table-styling.table-light td {
    background-color: transparent; }

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f; }
  .table-styling .table-dark thead,
  .table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21; }
  .table-styling .table-dark th,
  .table-styling .table-dark td,
  .table-styling.table-dark th,
  .table-styling.table-dark td {
    background-color: transparent; }

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A; }
  .table-styling .table-warning thead,
  .table-styling.table-warning thead {
    background-color: #e69500;
    border: 3px solid #e69500; }
  .table-styling .table-warning th,
  .table-styling .table-warning td,
  .table-styling.table-warning th,
  .table-styling.table-warning td {
    background-color: transparent; }

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important; }

.stroke-secondary {
  stroke: #FE6A49 !important; }

.stroke-success {
  stroke: #00AC46 !important; }

.stroke-danger {
  stroke: #FE6A49 !important; }

.stroke-info {
  stroke: #173878 !important; }

.stroke-light {
  stroke: #E6E9EB !important; }

.stroke-dark {
  stroke: #2c323f !important; }

.stroke-warning {
  stroke: #FFAE1A !important; }

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878; }

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important; }

.b-t-primary {
  border-top: 1px solid #006666 !important; }

.border-t-primary {
  border-top: 1px solid #006666 !important; }

.b-b-primary {
  border-bottom: 1px solid #006666 !important; }

.border-b-primary {
  border-bottom: 1px solid #006666 !important; }

.b-l-primary {
  border-left: 1px solid #006666 !important; }

.border-l-primary {
  border-left: 1px solid #006666 !important; }

.b-r-primary {
  border-right: 1px solid #006666 !important; }

.border-r-primary {
  border-right: 1px solid #006666 !important; }

.b-secondary {
  border: 1px solid #FE6A49 !important; }

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.b-success {
  border: 1px solid #00AC46 !important; }

.b-t-success {
  border-top: 1px solid #00AC46 !important; }

.border-t-success {
  border-top: 1px solid #00AC46 !important; }

.b-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.border-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.b-l-success {
  border-left: 1px solid #00AC46 !important; }

.border-l-success {
  border-left: 1px solid #00AC46 !important; }

.b-r-success {
  border-right: 1px solid #00AC46 !important; }

.border-r-success {
  border-right: 1px solid #00AC46 !important; }

.b-danger {
  border: 1px solid #FE6A49 !important; }

.b-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.border-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.border-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.b-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.border-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.b-info {
  border: 1px solid #173878 !important; }

.b-t-info {
  border-top: 1px solid #173878 !important; }

.border-t-info {
  border-top: 1px solid #173878 !important; }

.b-b-info {
  border-bottom: 1px solid #173878 !important; }

.border-b-info {
  border-bottom: 1px solid #173878 !important; }

.b-l-info {
  border-left: 1px solid #173878 !important; }

.border-l-info {
  border-left: 1px solid #173878 !important; }

.b-r-info {
  border-right: 1px solid #173878 !important; }

.border-r-info {
  border-right: 1px solid #173878 !important; }

.b-light {
  border: 1px solid #E6E9EB !important; }

.b-t-light {
  border-top: 1px solid #E6E9EB !important; }

.border-t-light {
  border-top: 1px solid #E6E9EB !important; }

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.b-l-light {
  border-left: 1px solid #E6E9EB !important; }

.border-l-light {
  border-left: 1px solid #E6E9EB !important; }

.b-r-light {
  border-right: 1px solid #E6E9EB !important; }

.border-r-light {
  border-right: 1px solid #E6E9EB !important; }

.b-dark {
  border: 1px solid #2c323f !important; }

.b-t-dark {
  border-top: 1px solid #2c323f !important; }

.border-t-dark {
  border-top: 1px solid #2c323f !important; }

.b-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.border-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.b-l-dark {
  border-left: 1px solid #2c323f !important; }

.border-l-dark {
  border-left: 1px solid #2c323f !important; }

.b-r-dark {
  border-right: 1px solid #2c323f !important; }

.border-r-dark {
  border-right: 1px solid #2c323f !important; }

.b-warning {
  border: 1px solid #FFAE1A !important; }

.b-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.border-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.b-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.border-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.b-r-warning {
  border-right: 1px solid #FFAE1A !important; }

.border-r-warning {
  border-right: 1px solid #FFAE1A !important; }

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-6 {
  border-width: 6px !important; }

.border-7 {
  border-width: 7px !important; }

.border-8 {
  border-width: 8px !important; }

.border-9 {
  border-width: 9px !important; }

.border-10 {
  border-width: 10px !important; }

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px; }

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa; }

.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px; }

.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3); }

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f; }
  .line pre {
    font-size: 100%; }

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important; }

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .options > div {
    color: #86909C;
    padding: 2px 10px;
    border: 1px solid; }
    .options > div:hover {
      background-color: #006666;
      color: #fff;
      transition: background-color 0.3s ease; }

/**====== Animation css Ends ======**/
.modal-footer {
  flex-wrap: wrap; }

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0; }

.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0; }

.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px; }

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666; }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #006666 !important; }

.typeahead .theme-form .form-group {
  margin-bottom: 0; }

.primary .svg-fill {
  fill: var(--theme-deafult); }
  .primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-deafult); }

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important; }

.secondary .svg-fill {
  fill: var(--theme-secondary); }
  .secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary); }

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important; }

.success .svg-fill {
  fill: #00AC46; }

.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important; }

.warning .svg-fill {
  fill: #FFAE1A; }

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important; }

.dotted {
  border-style: dotted; }

.dashed {
  border-style: dashed; }

.double {
  border-style: double; }

.groove {
  border-style: groove; }

.ridge {
  border-style: ridge; }

.inset {
  border-style: inset; }

.outset {
  border-style: outset; }

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px; }
  75% {
    opacity: .6;
    top: 0; }
  100% {
    opacity: 1; } }

.code-box-copy {
  width: 100%;
  overflow: auto; }

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%; }
  .custom-rs-12 {
    width: 100%; } }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px; }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none; }

.bg-gray {
  background-color: var(--text-gray); }

.text-gray {
  color: var(--text-gray) !important; }

.common-flex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

.common-space {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2); }

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3); }

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important; }

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important; }

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666; }

.badge-light-secondary {
  background-color: white;
  color: #FE6A49; }

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46; }

.badge-light-danger {
  background-color: white;
  color: #FE6A49; }

.badge-light-info {
  background-color: #6e96e3;
  color: #173878; }

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c; }

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f; }

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A; }

.fc .fc-button-primary.fc-button-active:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult), 0.2) !important; }

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%;
      margin-left: 0px; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .invoice-table-data {
    background-color: #f9f9fa; }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

/**=====================
    1.1 Reset CSS Ends
==========================**/
/**=====================
    1.2 Typography CSS start
==========================**/
body {
  font-size: 14px;
  overflow-x: hidden;
  font-family: "Montserrat", sans-serif;
  color: #051A1A; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0; }

h1 {
  font-size: 28px;
  font-weight: 600; }

h2 {
  font-size: 26px;
  font-weight: 600; }

h3 {
  font-size: 24px;
  font-weight: 600; }

h4 {
  font-size: 20px;
  font-weight: 600; }

h5 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4; }

h6 {
  font-size: 15px;
  font-weight: 600;
  line-height: 1; }

ul {
  padding-left: 0px;
  list-style-type: none;
  margin-bottom: 0; }

* a {
  color: var(--theme-deafult);
  text-decoration: none;
  letter-spacing: 1px; }

.f-m-light {
  margin: 0; }

a {
  font-size: 0.875rem;
  text-decoration: none;
  color: var(--theme-deafult); }
  a:hover {
    color: var(--theme-deafult); }
  a:focus-visible {
    outline: none; }

.btn {
  font-size: 14px; }

*.btn:focus {
  box-shadow: none !important; }

button:focus {
  outline: none !important; }

p {
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0.7px; }

code {
  color: var(--theme-deafult) !important;
  border-radius: 2px; }

.media {
  display: flex;
  align-items: flex-start; }
  .media .media-body {
    flex: 1; }

blockquote {
  border-left: 4px solid #006666;
  padding: 18px; }

.figure.text-center blockquote {
  border: none !important; }

.figure.text-end blockquote {
  border-left: none !important;
  border-right: 4px solid #006666; }

.row > div {
  position: relative; }

:focus {
  outline-color: var(--theme-deafult); }

.disabled {
  cursor: not-allowed;
  opacity: 0.5; }

svg {
  vertical-align: baseline; }

input:focus {
  outline-color: transparent; }

label {
  margin-bottom: .5rem;
  font-weight: 500; }

.media-widgets .media-body {
  margin-bottom: 30px; }

.typography h1,
.typography .h1,
.typography h2,
.typography .h2,
.typography h3,
.typography .h3,
.typography h4,
.typography .h4,
.typography h5,
.typography .h5,
.typography h6,
.typography .h6 {
  margin: 18px 0;
  margin-top: 0; }
  .typography h1:last-child,
  .typography .h1:last-child,
  .typography h2:last-child,
  .typography .h2:last-child,
  .typography h3:last-child,
  .typography .h3:last-child,
  .typography h4:last-child,
  .typography .h4:last-child,
  .typography h5:last-child,
  .typography .h5:last-child,
  .typography h6:last-child,
  .typography .h6:last-child {
    margin-bottom: 0; }

.typography small {
  padding-left: 10px;
  color: #2c323f; }

pre {
  background-color: rgba(0, 102, 102, 0.03);
  padding: 20px 0; }

.owl-theme .owl-dots .owl-dot span {
  background: rgba(0, 102, 102, 0.2); }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: var(--theme-deafult); }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-bottom: -10px;
  margin-top: 25px; }

.click2edit ~ .note-editor.note-frame {
  margin-bottom: 30px; }

.note-editor.note-frame {
  border-color: #E6E9EB; }

.note-editor.fullscreen .note-toolbar-wrapper {
  height: 0 !important; }

.note-editor.note-frame {
  border-color: #E6E9EB; }

.modal .modal-body .card {
  box-shadow: none !important; }

.modal-dialog .modal-content .modal-body p a {
  margin-right: 0; }

.notify-alert .close {
  color: #fff; }
  [dir="rtl"] .notify-alert .close {
    right: unset !important;
    left: 10px !important; }

.notify-alert.alert-light .close {
  color: #051A1A; }

.alert-theme button {
  top: 24px !important;
  right: 20px !important;
  color: var(--theme-deafult); }
  [dir="rtl"] .alert-theme button {
    right: unset !important;
    left: 20px !important; }

.alert-theme span + span + span {
  background-color: #fff;
  color: var(--theme-deafult);
  border-radius: 4px;
  box-shadow: 0 2px 14px -3px rgba(0, 0, 0, 0.2); }

.alert-theme .close {
  color: var(--theme-deafult); }

.alert-theme i {
  padding: 20px;
  padding-right: 0 !important;
  margin-right: 20px !important; }

.alert-theme .progress {
  margin-top: -2px !important;
  height: 2px;
  width: 100%; }
  .alert-theme .progress .progress-bar {
    background-color: var(--theme-deafult); }

.d-flex {
  display: flex;
  align-items: flex-start; }
  .d-flex .flex-grow-1 {
    flex: 1; }

.alert-copy {
  border: 1px solid var(--theme-deafult);
  line-height: 1;
  display: inline-block;
  width: 300px;
  color: #fff;
  background-color: var(--theme-deafult); }
  .alert-copy .close {
    box-shadow: none;
    color: #fff;
    line-height: 1.4;
    font-weight: 100;
    top: -15px; }
    [dir="rtl"] .alert-copy .close {
      right: unset !important;
      left: 10px !important; }
    .alert-copy .close:focus {
      outline: none; }

.ace-editor {
  height: 400px;
  width: 100%; }

.editor-toolbar {
  width: 100% !important; }
  .editor-toolbar.fullscreen {
    z-index: 100; }

.CodeMirror {
  top: 0 !important; }

.CodeMirror-fullscreen {
  top: 50px !important; }

.irs-from,
.irs-to,
.irs-single {
  background: var(--theme-deafult); }
  .irs-from:after,
  .irs-to:after,
  .irs-single:after {
    border-top-color: var(--theme-deafult); }

.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge {
  background-color: var(--theme-deafult); }

.swal-button {
  background-color: var(--theme-deafult); }
  .swal-button:active {
    background-color: #004d4d; }

.swal-button--cancel {
  background-color: #EFEFEE !important; }

.clipboaard-container h6 {
  line-height: 1.6;
  font-size: 14px; }

fieldset .bootstrap-touchspin-postfix,
fieldset .bootstrap-touchspin-prefix {
  border-radius: 0;
  padding: .4rem .75rem; }

fieldset .input-group-lg .touchspin {
  height: 50px; }

.f1 .f1-steps .f1-step .f1-step-icon {
  padding: 12px; }

.form-inline .form-group {
  display: flex; }

.input-group-text i {
  line-height: 1.5; }

.animated-modal .form-select {
  display: inline-block;
  width: auto;
  vertical-align: middle; }

.card-wrapper {
  padding: 14px; }
  .card-wrapper dl dt {
    font-weight: 500; }

/* ===== Scrollbar CSS ===== */
/* Firefox */
table tbody tr {
  vertical-align: middle; }

.typography-table thead tr th {
  font-size: 16px; }

.typography-table tbody tr td:last-child {
  min-width: 280px; }

.typography-table tbody tr td:first-child {
  min-width: 100px; }

/**=====================
    1.2 Typography CSS Ends
==========================**/
/**=====================
    2.1 According CSS start
==========================**/
.default-according .avatar-showcase {
  margin-bottom: 0; }

.default-according .card {
  margin-bottom: 0;
  box-shadow: none; }
  .default-according .card + .card {
    margin-top: 10px; }
  .default-according .card .btn-link {
    font-weight: 500;
    color: #051A1A;
    text-decoration: none; }
  .default-according .card .btn-link:focus, .default-according .card .btn-link:hover {
    text-decoration: none; }
  .default-according .card .card-header {
    padding: 0.75rem 1.25rem;
    border: 1px solid #ecf3fa; }
    .default-according .card .card-header i {
      position: absolute;
      left: 18px;
      font-size: 20px;
      top: 20px; }
    .default-according .card .card-header h5 {
      margin-top: 2px; }
  .default-according .card .card-body {
    border: 1px solid #ecf3fa;
    border-top: none; }

.default-according.style-1 button {
  width: 100%;
  text-align: left; }
  .default-according.style-1 button:before {
    right: 20px;
    position: absolute;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    font-size: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (max-width: 575px) {
      .default-according.style-1 button:before {
        right: 15px; } }
  .default-according.style-1 button[aria-expanded="true"]:before {
    content: "";
    font-family: IcoFont; }
  .default-according.style-1 button[aria-expanded="false"]:before {
    content: "";
    font-family: IcoFont; }

.accordion-button .svg-color {
  position: absolute;
  right: 20px; }
  [dir="rtl"] .accordion-button .svg-color {
    left: 20px;
    right: unset; }
  .accordion-button .svg-color::after {
    content: '';
    background-image: unset; }

.accordion-button:not(.collapsed) {
  background-color: unset;
  box-shadow: none; }
  .accordion-button:not(.collapsed)::after {
    background-image: unset; }

.accordion-button::after {
  background-image: unset; }

.accordion-button:focus {
  box-shadow: none; }

.accordion-button.accordion-light-primary:not(.collapsed) {
  background-color: rgba(0, 102, 102, 0.2); }

.accordion-button.accordion-light-primary:active, .accordion-button.accordion-light-primary.active {
  background-color: rgba(0, 102, 102, 0.2);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-primary {
  background-color: rgba(0, 102, 102, 0.2) !important; }

.accordion-button.accordion-light-secondary:not(.collapsed) {
  background-color: rgba(254, 106, 73, 0.3); }

.accordion-button.accordion-light-secondary:active, .accordion-button.accordion-light-secondary.active {
  background-color: rgba(254, 106, 73, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-secondary {
  background-color: rgba(254, 106, 73, 0.3) !important; }

.accordion-button.accordion-light-success:not(.collapsed) {
  background-color: rgba(0, 172, 70, 0.3); }

.accordion-button.accordion-light-success:active, .accordion-button.accordion-light-success.active {
  background-color: rgba(0, 172, 70, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-success {
  background-color: rgba(0, 172, 70, 0.3) !important; }

.accordion-button.accordion-light-warning:not(.collapsed) {
  background-color: rgba(255, 174, 26, 0.3); }

.accordion-button.accordion-light-warning:active, .accordion-button.accordion-light-warning.active {
  background-color: rgba(255, 174, 26, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-warning {
  background-color: rgba(255, 174, 26, 0.3) !important; }

.accordion-button.accordion-light-info:not(.collapsed) {
  background-color: rgba(23, 56, 120, 0.3); }

.accordion-button.accordion-light-info:active, .accordion-button.accordion-light-info.active {
  background-color: rgba(23, 56, 120, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-info {
  background-color: rgba(23, 56, 120, 0.3) !important; }

.accordion-button.accordion-light-light:not(.collapsed) {
  background-color: #F9F9FB; }

.accordion-button.accordion-light-light:active, .accordion-button.accordion-light-light.active {
  background-color: #F9F9FB;
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-light {
  background-color: #F9F9FB !important; }

.accordion-button.accordion-light-danger:not(.collapsed) {
  background-color: rgba(254, 106, 73, 0.3); }

.accordion-button.accordion-light-danger:active, .accordion-button.accordion-light-danger.active {
  background-color: rgba(254, 106, 73, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-danger {
  background-color: rgba(254, 106, 73, 0.3) !important; }

.accordion-button.accordion-light-dark:not(.collapsed) {
  background-color: #EAEBF2; }

.accordion-button.accordion-light-dark:active, .accordion-button.accordion-light-dark.active {
  background-color: #EAEBF2;
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-dark {
  background-color: #EAEBF2 !important; }

.accordion-item .accordion-button .svg-wrapper {
  width: 18px;
  height: 18px; }

.accordion-wrapper:active {
  border: 1px solid #006666;
  border-top: 1px solid #006666 !important; }

.accordion-border .accordion-item {
  border: 0; }

.icons-accordion .accordion-item:last-child .accordion-body {
  padding-bottom: 0 !important; }

.accordions-content li {
  color: #2c323f; }

.collapse-accordion .btn-dark.show {
  border-radius: 15px; }

/**=====================
    2.1 According CSS Ends
==========================**/
/**=====================
     2.2 Alert CSS start
==========================**/
.notify-alert .close {
  color: #006666;
  background: unset;
  border: none;
  font-size: 25px;
  top: 0px; }
  [dir="rtl"] .notify-alert .close {
    right: unset !important;
    left: 10px !important; }

.notify-alert.alert-light .close {
  color: #051A1A; }

.alert {
  border-radius: 0.15rem;
  padding: 15px; }
  .alert svg {
    vertical-align: middle; }
  .alert .progress {
    margin-top: 15px; }
  .alert [data-notify='icon'] {
    margin-right: 10px;
    line-height: 20px;
    position: absolute; }
  .alert [data-notify='message'] {
    display: inline-block;
    width: 100%; }
  .alert i {
    margin-right: 5px;
    font-size: 16px; }
  .alert p {
    margin-bottom: 0; }
  .alert .close {
    opacity: 1; }
    .alert .close span {
      font-size: 24px;
      font-weight: 400;
      display: inline-block;
      border-radius: 3px;
      text-shadow: none;
      padding: 0 5px;
      padding-right: 0; }

.alert-dismissible {
  padding-right: 2.5rem; }
  [dir="rtl"] .alert-dismissible {
    padding-right: 15px;
    padding-left: 2.5rem; }
  .alert-dismissible .close {
    padding: 10px 1.25rem;
    top: 4px;
    padding-right: 13px;
    opacity: 0.5;
    transition: all 0.3s ease; }
    .alert-dismissible .close:hover {
      transition: all 0.3s ease;
      opacity: 1;
      color: inherit; }

.card-body button:focus {
  outline: none; }

.card-body .alert:last-child {
  margin-bottom: 0; }

.card-body .alert svg {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  position: absolute;
  top: 18px; }
  .card-body .alert svg ~ p {
    padding-left: 20px; }

strong {
  display: inline-block; }
  strong ~ p {
    display: inline-block; }

.alert-primary {
  background-color: rgba(0, 102, 102, 0.9);
  border-color: rgba(0, 102, 102, 0.9);
  color: #fff; }
  .alert-primary .progress {
    height: 5px;
    background-color: #006161;
    border-radius: 0; }
  .alert-primary .progress-bar {
    background-color: #66ffff; }
  .alert-primary .btn-close {
    filter: brightness(1) invert(1); }
  .alert-primary .alert-link {
    color: #006666; }
  .alert-primary hr {
    border-top-color: #006666; }

.border-primary {
  border-color: #006666 !important; }

.income-wrapper ul li .income-dot.dot-primary {
  background-color: #006666; }

.touchspin-wrapper .btn-touchspin.touchspin-primary {
  background-color: #006666;
  border: 1px solid #006666;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-primary {
  background-color: unset;
  border: 1px solid #006666;
  color: #006666; }

.touchspin-wrapper input.spin-outline-primary[type='number'] {
  outline: 1px solid #006666;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-primary {
  background-color: #006666;
  border: 1px solid #006666;
  color: #fff; }

.form-switch .form-check-input.switch-primary:checked {
  background-color: #006666;
  border-color: #006666; }

.payment-second .mega-icons.stroke-primary {
  stroke: #006666; }

.toast-primary {
  color: #006666 !important; }

.list-group-horizontal-sm .list-group-item.border-left-primary, .list-group-horizontal-md .list-group-item.border-left-primary, .list-group-horizontal-lg .list-group-item.border-left-primary, .list-group-horizontal-xl .list-group-item.border-left-primary, .list-group-horizontal-xxl .list-group-item.border-left-primary {
  border-left: 4px solid #006666; }

.main-radio-toggle .btn-check.radio-light-primary:focus + .btn {
  box-shadow: 0 0 0 4px rgba(0, 102, 102, 0.55); }

.fill-radios .radio.radio-primary input[type='radio']:checked + label::before {
  border: 10px solid #006666; }

.fill-radios .radio.radio-primary input[type='radio']:checked + label::after {
  background-color: #006666; }

.list-group .form-check-input.checkbox-primary[type=checkbox]:checked,
.list-group .checkbox-primary[type=radio] {
  background-color: unset;
  border-color: #006666;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-primary[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-primary[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-primary.active[type=checkbox]:checked,
  .list-group .checkbox-primary[type=radio]:focus,
  .list-group .checkbox-primary[type=radio]:active,
  .list-group .checkbox-primary.active[type=radio] {
    border-color: #006666;
    outline: 0;
    background-color: #006666; }

.list-group .alert-primary.light {
  background-color: rgba(0, 102, 102, 0.4);
  border-color: rgba(0, 102, 102, 0.7); }

.list-group .alert-primary.dark {
  background-color: #006666;
  border-color: #006666;
  color: #fafafa; }
  .list-group .alert-primary.dark .alert-link {
    color: #fff; }

.list-group .alert-primary.outline,
.list-group .alert-primary.outline-2x {
  background-color: transparent;
  border-color: #006666;
  color: #006666; }
  .list-group .alert-primary.outline .btn-close,
  .list-group .alert-primary.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-primary.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #006666;
  color: #051A1A; }
  .list-group .alert-primary.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #006666;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-primary.inverse:before {
        left: 45px; } }
  .list-group .alert-primary.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #006666;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-primary.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-secondary {
  background-color: rgba(254, 106, 73, 0.9);
  border-color: rgba(254, 106, 73, 0.9);
  color: #fff; }
  .alert-secondary .progress {
    height: 5px;
    background-color: #fe6644;
    border-radius: 0; }
  .alert-secondary .progress-bar {
    background-color: white; }
  .alert-secondary .btn-close {
    filter: brightness(1) invert(1); }
  .alert-secondary .alert-link {
    color: #FE6A49; }
  .alert-secondary hr {
    border-top-color: #FE6A49; }

.border-secondary {
  border-color: #FE6A49 !important; }

.income-wrapper ul li .income-dot.dot-secondary {
  background-color: #FE6A49; }

.touchspin-wrapper .btn-touchspin.touchspin-secondary {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-secondary {
  background-color: unset;
  border: 1px solid #FE6A49;
  color: #FE6A49; }

.touchspin-wrapper input.spin-outline-secondary[type='number'] {
  outline: 1px solid #FE6A49;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-secondary {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.form-switch .form-check-input.switch-secondary:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.payment-second .mega-icons.stroke-secondary {
  stroke: #FE6A49; }

.toast-secondary {
  color: #FE6A49 !important; }

.list-group-horizontal-sm .list-group-item.border-left-secondary, .list-group-horizontal-md .list-group-item.border-left-secondary, .list-group-horizontal-lg .list-group-item.border-left-secondary, .list-group-horizontal-xl .list-group-item.border-left-secondary, .list-group-horizontal-xxl .list-group-item.border-left-secondary {
  border-left: 4px solid #FE6A49; }

.main-radio-toggle .btn-check.radio-light-secondary:focus + .btn {
  box-shadow: 0 0 0 4px rgba(254, 106, 73, 0.55); }

.fill-radios .radio.radio-secondary input[type='radio']:checked + label::before {
  border: 10px solid #FE6A49; }

.fill-radios .radio.radio-secondary input[type='radio']:checked + label::after {
  background-color: #FE6A49; }

.list-group .form-check-input.checkbox-secondary[type=checkbox]:checked,
.list-group .checkbox-secondary[type=radio] {
  background-color: unset;
  border-color: #FE6A49;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-secondary[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-secondary[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-secondary.active[type=checkbox]:checked,
  .list-group .checkbox-secondary[type=radio]:focus,
  .list-group .checkbox-secondary[type=radio]:active,
  .list-group .checkbox-secondary.active[type=radio] {
    border-color: #FE6A49;
    outline: 0;
    background-color: #FE6A49; }

.list-group .alert-secondary.light {
  background-color: rgba(254, 106, 73, 0.4);
  border-color: rgba(254, 106, 73, 0.7); }

.list-group .alert-secondary.dark {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fafafa; }
  .list-group .alert-secondary.dark .alert-link {
    color: #fff; }

.list-group .alert-secondary.outline,
.list-group .alert-secondary.outline-2x {
  background-color: transparent;
  border-color: #FE6A49;
  color: #FE6A49; }
  .list-group .alert-secondary.outline .btn-close,
  .list-group .alert-secondary.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-secondary.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FE6A49;
  color: #051A1A; }
  .list-group .alert-secondary.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #FE6A49;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-secondary.inverse:before {
        left: 45px; } }
  .list-group .alert-secondary.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #FE6A49;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-secondary.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-success {
  background-color: rgba(0, 172, 70, 0.9);
  border-color: rgba(0, 172, 70, 0.9);
  color: #fff; }
  .alert-success .progress {
    height: 5px;
    background-color: #00a744;
    border-radius: 0; }
  .alert-success .progress-bar {
    background-color: #acffce; }
  .alert-success .btn-close {
    filter: brightness(1) invert(1); }
  .alert-success .alert-link {
    color: #00AC46; }
  .alert-success hr {
    border-top-color: #00AC46; }

.border-success {
  border-color: #00AC46 !important; }

.income-wrapper ul li .income-dot.dot-success {
  background-color: #00AC46; }

.touchspin-wrapper .btn-touchspin.touchspin-success {
  background-color: #00AC46;
  border: 1px solid #00AC46;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-success {
  background-color: unset;
  border: 1px solid #00AC46;
  color: #00AC46; }

.touchspin-wrapper input.spin-outline-success[type='number'] {
  outline: 1px solid #00AC46;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-success {
  background-color: #00AC46;
  border: 1px solid #00AC46;
  color: #fff; }

.form-switch .form-check-input.switch-success:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.payment-second .mega-icons.stroke-success {
  stroke: #00AC46; }

.toast-success {
  color: #00AC46 !important; }

.list-group-horizontal-sm .list-group-item.border-left-success, .list-group-horizontal-md .list-group-item.border-left-success, .list-group-horizontal-lg .list-group-item.border-left-success, .list-group-horizontal-xl .list-group-item.border-left-success, .list-group-horizontal-xxl .list-group-item.border-left-success {
  border-left: 4px solid #00AC46; }

.main-radio-toggle .btn-check.radio-light-success:focus + .btn {
  box-shadow: 0 0 0 4px rgba(0, 172, 70, 0.55); }

.fill-radios .radio.radio-success input[type='radio']:checked + label::before {
  border: 10px solid #00AC46; }

.fill-radios .radio.radio-success input[type='radio']:checked + label::after {
  background-color: #00AC46; }

.list-group .form-check-input.checkbox-success[type=checkbox]:checked,
.list-group .checkbox-success[type=radio] {
  background-color: unset;
  border-color: #00AC46;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-success[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-success[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-success.active[type=checkbox]:checked,
  .list-group .checkbox-success[type=radio]:focus,
  .list-group .checkbox-success[type=radio]:active,
  .list-group .checkbox-success.active[type=radio] {
    border-color: #00AC46;
    outline: 0;
    background-color: #00AC46; }

.list-group .alert-success.light {
  background-color: rgba(0, 172, 70, 0.4);
  border-color: rgba(0, 172, 70, 0.7); }

.list-group .alert-success.dark {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fafafa; }
  .list-group .alert-success.dark .alert-link {
    color: #fff; }

.list-group .alert-success.outline,
.list-group .alert-success.outline-2x {
  background-color: transparent;
  border-color: #00AC46;
  color: #00AC46; }
  .list-group .alert-success.outline .btn-close,
  .list-group .alert-success.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-success.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #00AC46;
  color: #051A1A; }
  .list-group .alert-success.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #00AC46;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-success.inverse:before {
        left: 45px; } }
  .list-group .alert-success.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #00AC46;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-success.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-danger {
  background-color: rgba(254, 106, 73, 0.9);
  border-color: rgba(254, 106, 73, 0.9);
  color: #fff; }
  .alert-danger .progress {
    height: 5px;
    background-color: #fe6644;
    border-radius: 0; }
  .alert-danger .progress-bar {
    background-color: white; }
  .alert-danger .btn-close {
    filter: brightness(1) invert(1); }
  .alert-danger .alert-link {
    color: #FE6A49; }
  .alert-danger hr {
    border-top-color: #FE6A49; }

.border-danger {
  border-color: #FE6A49 !important; }

.income-wrapper ul li .income-dot.dot-danger {
  background-color: #FE6A49; }

.touchspin-wrapper .btn-touchspin.touchspin-danger {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-danger {
  background-color: unset;
  border: 1px solid #FE6A49;
  color: #FE6A49; }

.touchspin-wrapper input.spin-outline-danger[type='number'] {
  outline: 1px solid #FE6A49;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-danger {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.form-switch .form-check-input.switch-danger:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.payment-second .mega-icons.stroke-danger {
  stroke: #FE6A49; }

.toast-danger {
  color: #FE6A49 !important; }

.list-group-horizontal-sm .list-group-item.border-left-danger, .list-group-horizontal-md .list-group-item.border-left-danger, .list-group-horizontal-lg .list-group-item.border-left-danger, .list-group-horizontal-xl .list-group-item.border-left-danger, .list-group-horizontal-xxl .list-group-item.border-left-danger {
  border-left: 4px solid #FE6A49; }

.main-radio-toggle .btn-check.radio-light-danger:focus + .btn {
  box-shadow: 0 0 0 4px rgba(254, 106, 73, 0.55); }

.fill-radios .radio.radio-danger input[type='radio']:checked + label::before {
  border: 10px solid #FE6A49; }

.fill-radios .radio.radio-danger input[type='radio']:checked + label::after {
  background-color: #FE6A49; }

.list-group .form-check-input.checkbox-danger[type=checkbox]:checked,
.list-group .checkbox-danger[type=radio] {
  background-color: unset;
  border-color: #FE6A49;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-danger[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-danger[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-danger.active[type=checkbox]:checked,
  .list-group .checkbox-danger[type=radio]:focus,
  .list-group .checkbox-danger[type=radio]:active,
  .list-group .checkbox-danger.active[type=radio] {
    border-color: #FE6A49;
    outline: 0;
    background-color: #FE6A49; }

.list-group .alert-danger.light {
  background-color: rgba(254, 106, 73, 0.4);
  border-color: rgba(254, 106, 73, 0.7); }

.list-group .alert-danger.dark {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fafafa; }
  .list-group .alert-danger.dark .alert-link {
    color: #fff; }

.list-group .alert-danger.outline,
.list-group .alert-danger.outline-2x {
  background-color: transparent;
  border-color: #FE6A49;
  color: #FE6A49; }
  .list-group .alert-danger.outline .btn-close,
  .list-group .alert-danger.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-danger.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FE6A49;
  color: #051A1A; }
  .list-group .alert-danger.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #FE6A49;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-danger.inverse:before {
        left: 45px; } }
  .list-group .alert-danger.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #FE6A49;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-danger.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-warning {
  background-color: rgba(255, 174, 26, 0.9);
  border-color: rgba(255, 174, 26, 0.9);
  color: #fff; }
  .alert-warning .progress {
    height: 5px;
    background-color: #ffac15;
    border-radius: 0; }
  .alert-warning .progress-bar {
    background-color: white; }
  .alert-warning .btn-close {
    filter: brightness(1) invert(1); }
  .alert-warning .alert-link {
    color: #FFAE1A; }
  .alert-warning hr {
    border-top-color: #FFAE1A; }

.border-warning {
  border-color: #FFAE1A !important; }

.income-wrapper ul li .income-dot.dot-warning {
  background-color: #FFAE1A; }

.touchspin-wrapper .btn-touchspin.touchspin-warning {
  background-color: #FFAE1A;
  border: 1px solid #FFAE1A;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-warning {
  background-color: unset;
  border: 1px solid #FFAE1A;
  color: #FFAE1A; }

.touchspin-wrapper input.spin-outline-warning[type='number'] {
  outline: 1px solid #FFAE1A;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-warning {
  background-color: #FFAE1A;
  border: 1px solid #FFAE1A;
  color: #fff; }

.form-switch .form-check-input.switch-warning:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

.payment-second .mega-icons.stroke-warning {
  stroke: #FFAE1A; }

.toast-warning {
  color: #FFAE1A !important; }

.list-group-horizontal-sm .list-group-item.border-left-warning, .list-group-horizontal-md .list-group-item.border-left-warning, .list-group-horizontal-lg .list-group-item.border-left-warning, .list-group-horizontal-xl .list-group-item.border-left-warning, .list-group-horizontal-xxl .list-group-item.border-left-warning {
  border-left: 4px solid #FFAE1A; }

.main-radio-toggle .btn-check.radio-light-warning:focus + .btn {
  box-shadow: 0 0 0 4px rgba(255, 174, 26, 0.55); }

.fill-radios .radio.radio-warning input[type='radio']:checked + label::before {
  border: 10px solid #FFAE1A; }

.fill-radios .radio.radio-warning input[type='radio']:checked + label::after {
  background-color: #FFAE1A; }

.list-group .form-check-input.checkbox-warning[type=checkbox]:checked,
.list-group .checkbox-warning[type=radio] {
  background-color: unset;
  border-color: #FFAE1A;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-warning[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-warning[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-warning.active[type=checkbox]:checked,
  .list-group .checkbox-warning[type=radio]:focus,
  .list-group .checkbox-warning[type=radio]:active,
  .list-group .checkbox-warning.active[type=radio] {
    border-color: #FFAE1A;
    outline: 0;
    background-color: #FFAE1A; }

.list-group .alert-warning.light {
  background-color: rgba(255, 174, 26, 0.4);
  border-color: rgba(255, 174, 26, 0.7); }

.list-group .alert-warning.dark {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fafafa; }
  .list-group .alert-warning.dark .alert-link {
    color: #fff; }

.list-group .alert-warning.outline,
.list-group .alert-warning.outline-2x {
  background-color: transparent;
  border-color: #FFAE1A;
  color: #FFAE1A; }
  .list-group .alert-warning.outline .btn-close,
  .list-group .alert-warning.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-warning.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FFAE1A;
  color: #051A1A; }
  .list-group .alert-warning.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #FFAE1A;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-warning.inverse:before {
        left: 45px; } }
  .list-group .alert-warning.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #FFAE1A;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-warning.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-info {
  background-color: rgba(23, 56, 120, 0.9);
  border-color: rgba(23, 56, 120, 0.9);
  color: #fff; }
  .alert-info .progress {
    height: 5px;
    background-color: #163674;
    border-radius: 0; }
  .alert-info .progress-bar {
    background-color: #a1bbed; }
  .alert-info .btn-close {
    filter: brightness(1) invert(1); }
  .alert-info .alert-link {
    color: #173878; }
  .alert-info hr {
    border-top-color: #173878; }

.border-info {
  border-color: #173878 !important; }

.income-wrapper ul li .income-dot.dot-info {
  background-color: #173878; }

.touchspin-wrapper .btn-touchspin.touchspin-info {
  background-color: #173878;
  border: 1px solid #173878;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-info {
  background-color: unset;
  border: 1px solid #173878;
  color: #173878; }

.touchspin-wrapper input.spin-outline-info[type='number'] {
  outline: 1px solid #173878;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-info {
  background-color: #173878;
  border: 1px solid #173878;
  color: #fff; }

.form-switch .form-check-input.switch-info:checked {
  background-color: #173878;
  border-color: #173878; }

.payment-second .mega-icons.stroke-info {
  stroke: #173878; }

.toast-info {
  color: #173878 !important; }

.list-group-horizontal-sm .list-group-item.border-left-info, .list-group-horizontal-md .list-group-item.border-left-info, .list-group-horizontal-lg .list-group-item.border-left-info, .list-group-horizontal-xl .list-group-item.border-left-info, .list-group-horizontal-xxl .list-group-item.border-left-info {
  border-left: 4px solid #173878; }

.main-radio-toggle .btn-check.radio-light-info:focus + .btn {
  box-shadow: 0 0 0 4px rgba(23, 56, 120, 0.55); }

.fill-radios .radio.radio-info input[type='radio']:checked + label::before {
  border: 10px solid #173878; }

.fill-radios .radio.radio-info input[type='radio']:checked + label::after {
  background-color: #173878; }

.list-group .form-check-input.checkbox-info[type=checkbox]:checked,
.list-group .checkbox-info[type=radio] {
  background-color: unset;
  border-color: #173878;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-info[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-info[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-info.active[type=checkbox]:checked,
  .list-group .checkbox-info[type=radio]:focus,
  .list-group .checkbox-info[type=radio]:active,
  .list-group .checkbox-info.active[type=radio] {
    border-color: #173878;
    outline: 0;
    background-color: #173878; }

.list-group .alert-info.light {
  background-color: rgba(23, 56, 120, 0.4);
  border-color: rgba(23, 56, 120, 0.7); }

.list-group .alert-info.dark {
  background-color: #173878;
  border-color: #173878;
  color: #fafafa; }
  .list-group .alert-info.dark .alert-link {
    color: #fff; }

.list-group .alert-info.outline,
.list-group .alert-info.outline-2x {
  background-color: transparent;
  border-color: #173878;
  color: #173878; }
  .list-group .alert-info.outline .btn-close,
  .list-group .alert-info.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-info.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #173878;
  color: #051A1A; }
  .list-group .alert-info.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #173878;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-info.inverse:before {
        left: 45px; } }
  .list-group .alert-info.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #173878;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-info.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-light {
  background-color: rgba(230, 233, 235, 0.9);
  border-color: rgba(230, 233, 235, 0.9);
  color: #fff;
  color: #2c323f;
  background-color: #E6E9EB; }
  .alert-light .progress {
    height: 5px;
    background-color: #e3e7e9;
    border-radius: 0; }
  .alert-light .progress-bar {
    background-color: white; }
  .alert-light .btn-close {
    filter: brightness(1) invert(1); }
  .alert-light .alert-link {
    color: #E6E9EB;
    color: #2c323f; }
  .alert-light .btn-close {
    filter: unset; }
  .alert-light hr {
    border-top-color: #E6E9EB; }

.border-light {
  border-color: #E6E9EB !important; }

.income-wrapper ul li .income-dot.dot-light {
  background-color: #E6E9EB; }

.touchspin-wrapper .btn-touchspin.touchspin-light {
  background-color: #E6E9EB;
  border: 1px solid #E6E9EB;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-light {
  background-color: unset;
  border: 1px solid #E6E9EB;
  color: #E6E9EB; }

.touchspin-wrapper input.spin-outline-light[type='number'] {
  outline: 1px solid #E6E9EB;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-light {
  background-color: #E6E9EB;
  border: 1px solid #E6E9EB;
  color: #fff; }

.form-switch .form-check-input.switch-light:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.payment-second .mega-icons.stroke-light {
  stroke: #E6E9EB; }

.toast-light {
  color: #E6E9EB !important; }

.list-group-horizontal-sm .list-group-item.border-left-light, .list-group-horizontal-md .list-group-item.border-left-light, .list-group-horizontal-lg .list-group-item.border-left-light, .list-group-horizontal-xl .list-group-item.border-left-light, .list-group-horizontal-xxl .list-group-item.border-left-light {
  border-left: 4px solid #E6E9EB; }

.main-radio-toggle .btn-check.radio-light-light:focus + .btn {
  box-shadow: 0 0 0 4px rgba(230, 233, 235, 0.55); }

.fill-radios .radio.radio-light input[type='radio']:checked + label::before {
  border: 10px solid #E6E9EB; }

.fill-radios .radio.radio-light input[type='radio']:checked + label::after {
  background-color: #E6E9EB; }

.list-group .form-check-input.checkbox-light[type=checkbox]:checked,
.list-group .checkbox-light[type=radio] {
  background-color: unset;
  border-color: #E6E9EB;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-light[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-light[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-light.active[type=checkbox]:checked,
  .list-group .checkbox-light[type=radio]:focus,
  .list-group .checkbox-light[type=radio]:active,
  .list-group .checkbox-light.active[type=radio] {
    border-color: #E6E9EB;
    outline: 0;
    background-color: #E6E9EB; }

.list-group .alert-light.light {
  background-color: rgba(230, 233, 235, 0.4);
  border-color: rgba(230, 233, 235, 0.7); }

.list-group .alert-light.dark {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fafafa;
  color: #2c323f; }
  .list-group .alert-light.dark .alert-link {
    color: #fff;
    color: #2c323f; }

.list-group .alert-light.outline,
.list-group .alert-light.outline-2x {
  background-color: transparent;
  border-color: #E6E9EB;
  color: #E6E9EB;
  color: #2c323f; }
  .list-group .alert-light.outline .btn-close,
  .list-group .alert-light.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-light.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #E6E9EB;
  color: #051A1A; }
  .list-group .alert-light.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #E6E9EB;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-light.inverse:before {
        left: 45px; } }
  .list-group .alert-light.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #E6E9EB;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-light.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-dark {
  background-color: rgba(44, 50, 63, 0.9);
  border-color: rgba(44, 50, 63, 0.9);
  color: #fff; }
  .alert-dark .progress {
    height: 5px;
    background-color: #2a303c;
    border-radius: 0; }
  .alert-dark .progress-bar {
    background-color: #a8b0c2; }
  .alert-dark .btn-close {
    filter: brightness(1) invert(1); }
  .alert-dark .alert-link {
    color: #2c323f; }
  .alert-dark hr {
    border-top-color: #2c323f; }

.border-dark {
  border-color: #2c323f !important; }

.income-wrapper ul li .income-dot.dot-dark {
  background-color: #2c323f; }

.touchspin-wrapper .btn-touchspin.touchspin-dark {
  background-color: #2c323f;
  border: 1px solid #2c323f;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-dark {
  background-color: unset;
  border: 1px solid #2c323f;
  color: #2c323f; }

.touchspin-wrapper input.spin-outline-dark[type='number'] {
  outline: 1px solid #2c323f;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-dark {
  background-color: #2c323f;
  border: 1px solid #2c323f;
  color: #fff; }

.form-switch .form-check-input.switch-dark:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.payment-second .mega-icons.stroke-dark {
  stroke: #2c323f; }

.toast-dark {
  color: #2c323f !important; }

.list-group-horizontal-sm .list-group-item.border-left-dark, .list-group-horizontal-md .list-group-item.border-left-dark, .list-group-horizontal-lg .list-group-item.border-left-dark, .list-group-horizontal-xl .list-group-item.border-left-dark, .list-group-horizontal-xxl .list-group-item.border-left-dark {
  border-left: 4px solid #2c323f; }

.main-radio-toggle .btn-check.radio-light-dark:focus + .btn {
  box-shadow: 0 0 0 4px rgba(44, 50, 63, 0.55); }

.fill-radios .radio.radio-dark input[type='radio']:checked + label::before {
  border: 10px solid #2c323f; }

.fill-radios .radio.radio-dark input[type='radio']:checked + label::after {
  background-color: #2c323f; }

.list-group .form-check-input.checkbox-dark[type=checkbox]:checked,
.list-group .checkbox-dark[type=radio] {
  background-color: unset;
  border-color: #2c323f;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-dark[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-dark[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-dark.active[type=checkbox]:checked,
  .list-group .checkbox-dark[type=radio]:focus,
  .list-group .checkbox-dark[type=radio]:active,
  .list-group .checkbox-dark.active[type=radio] {
    border-color: #2c323f;
    outline: 0;
    background-color: #2c323f; }

.list-group .alert-dark.light {
  background-color: rgba(44, 50, 63, 0.4);
  border-color: rgba(44, 50, 63, 0.7); }

.list-group .alert-dark.dark {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fafafa; }
  .list-group .alert-dark.dark .alert-link {
    color: #fff; }

.list-group .alert-dark.outline,
.list-group .alert-dark.outline-2x {
  background-color: transparent;
  border-color: #2c323f;
  color: #2c323f; }
  .list-group .alert-dark.outline .btn-close,
  .list-group .alert-dark.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-dark.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #2c323f;
  color: #051A1A; }
  .list-group .alert-dark.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #2c323f;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-dark.inverse:before {
        left: 45px; } }
  .list-group .alert-dark.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #2c323f;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-dark.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.outline-2x {
  border-width: 2px;
  padding: 11px 1.25rem; }

.alert-icons.outline-2x {
  padding: 15px; }

.alert-icons svg {
  position: absolute !important;
  top: 18px !important; }

.alert-dark .btn-close,
.alert-info .btn-close {
  filter: none; }

.border-left-wrapper {
  border-left: 4px solid #2c323f; }

.alert-light-primary {
  background-color: rgba(0, 102, 102, 0.2); }

.alert-light-secondary {
  background-color: rgba(254, 106, 73, 0.3); }

.alert-light-success {
  background-color: rgba(0, 172, 70, 0.3); }

.alert-light-warning {
  background-color: rgba(255, 174, 26, 0.3); }

.alert-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.alert-light-light {
  background-color: #F9F9FB; }

.alert-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.alert-light-dark {
  background-color: #EAEBF2; }

.alert-arrow {
  min-width: 55px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }
  .alert-arrow i {
    margin-right: 0; }

@media (max-width: 576px) {
  .ellipsis.content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 294px; } }

@media (max-width: 575px) {
  .ellipsis.content {
    max-width: 180px; } }

.alert-dismissible {
  display: flex;
  align-items: center;
  gap: 8px; }

.alert.notify-alert.alert-copy {
  display: flex !important; }

/**=====================
   2.2 Alert CSS end
==========================**/
/**=====================
  2.3 Avatars CSS start
==========================**/
.avatars .avatar {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  width: auto; }
  .avatars .avatar:last-child {
    margin-right: 0; }
  .avatars .avatar.ratio img {
    width: auto; }
  .avatars .avatar .status {
    position: absolute;
    height: 18%;
    width: 18%;
    border-radius: 100%;
    bottom: 12%;
    right: 4%;
    border: 1px solid; }

.customers ul {
  display: inline-block; }
  .customers ul li img {
    border: 2px solid var(--white);
    transition: 0.5s; }
    .customers ul li img:hover {
      transform: translateY(-4px) scale(1.02);
      transition: 0.5s; }
  .customers ul li + li {
    margin-left: -7%; }
  .customers ul li:last-child p {
    color: #051A1A !important;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: 500;
    border: 2px solid #E6E9EB !important; }

.customers.avatar-group {
  margin-right: 30px; }
  .customers.avatar-group:last-child {
    margin-right: 0; }

.avatar-showcase {
  margin-bottom: -10px; }
  .avatar-showcase .avatars .avatar {
    margin-bottom: 10px; }
  .avatar-showcase .avatar-group {
    margin-bottom: 10px; }
  .avatar-showcase .ratio > * {
    position: relative;
    top: unset;
    left: unset; }

/**=====================
    2.3 Avatars CSS Ends
==========================**/
/**=====================
    2.4 Badge CSS start
==========================**/
.badge-spacing {
  display: flex;
  flex-wrap: wrap;
  gap: 12px; }
  .badge-spacing .badge {
    padding: 6px 12px;
    font-size: 12px; }
    .badge-spacing .badge.badge svg {
      padding-top: 0px; }
    .badge-spacing .badge.rounded-circle {
      padding: 10px 14px;
      display: flex;
      justify-content: center;
      align-items: center; }
    .badge-spacing .badge.badge-p-space {
      padding: 10px 13px; }
    .badge-spacing .badge + .badge {
      margin-left: 0px; }
    .badge-spacing .badge.btn-p-space {
      padding: 8px 10px; }

a.badge:hover {
  color: inherit; }
  a.badge.badge-dark:hover:hover {
    color: #fff; }

.badge {
  padding: 8px 16px;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-weight: 500; }
  .badge + .badge {
    margin-left: 5px; }
  .badge svg {
    width: 16px;
    height: 16px;
    padding-top: 3px; }

.b-ln-height {
  line-height: 5px; }

.pill-badge-primary {
  background-color: var(--theme-deafult);
  box-shadow: -0.5px 4.33px 16px 0px rgba(var(--theme-deafult), 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-secondary {
  background-color: #FE6A49;
  box-shadow: -0.5px 4.33px 16px 0px rgba(254, 106, 73, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-success {
  background-color: #00AC46;
  box-shadow: -0.5px 4.33px 16px 0px rgba(0, 172, 70, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-danger {
  background-color: #FE6A49;
  box-shadow: -0.5px 4.33px 16px 0px rgba(254, 106, 73, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-info {
  background-color: #173878;
  box-shadow: -0.5px 4.33px 16px 0px rgba(23, 56, 120, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-light {
  background-color: #E6E9EB;
  box-shadow: -0.5px 4.33px 16px 0px rgba(230, 233, 235, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-dark {
  background-color: #2c323f;
  box-shadow: -0.5px 4.33px 16px 0px rgba(44, 50, 63, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-warning {
  background-color: #FFAE1A;
  box-shadow: -0.5px 4.33px 16px 0px rgba(255, 174, 26, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-primary {
  background-color: var(--theme-deafult); }

.pill-badge-secondary {
  background-color: var(--theme-secondary); }

.round-badge-primary {
  border-radius: 6px;
  background-color: var(--theme-deafult);
  box-shadow: -0.5px -6.67px 14px 0px rgba(var(--theme-deafult), 0.18);
  color: #fff !important; }

.round-badge-secondary {
  border-radius: 6px;
  background-color: #FE6A49;
  box-shadow: -0.5px -6.67px 14px 0px rgba(254, 106, 73, 0.18);
  color: #fff !important; }

.round-badge-success {
  border-radius: 6px;
  background-color: #00AC46;
  box-shadow: -0.5px -6.67px 14px 0px rgba(0, 172, 70, 0.18);
  color: #fff !important; }

.round-badge-danger {
  border-radius: 6px;
  background-color: #FE6A49;
  box-shadow: -0.5px -6.67px 14px 0px rgba(254, 106, 73, 0.18);
  color: #fff !important; }

.round-badge-info {
  border-radius: 6px;
  background-color: #173878;
  box-shadow: -0.5px -6.67px 14px 0px rgba(23, 56, 120, 0.18);
  color: #fff !important; }

.round-badge-light {
  border-radius: 6px;
  background-color: #E6E9EB;
  box-shadow: -0.5px -6.67px 14px 0px rgba(230, 233, 235, 0.18);
  color: #fff !important; }

.round-badge-dark {
  border-radius: 6px;
  background-color: #2c323f;
  box-shadow: -0.5px -6.67px 14px 0px rgba(44, 50, 63, 0.18);
  color: #fff !important; }

.round-badge-warning {
  border-radius: 6px;
  background-color: #FFAE1A;
  box-shadow: -0.5px -6.67px 14px 0px rgba(255, 174, 26, 0.18);
  color: #fff !important; }

.round-badge-primary {
  background-color: var(--theme-deafult); }

.round-badge-secondary {
  background-color: var(--theme-secondary); }

.badge-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 8px; }

/**=====================
  2.4 Badge CSS Ends
==========================**/
/**=====================
    2.5 Bookmark CSS start
==========================**/
.bookmark ul li {
  display: inline-block; }
  .bookmark ul li .search-form {
    position: absolute;
    bottom: 53px;
    z-index: 1; }
    .bookmark ul li .search-form .form-control-search {
      top: 65px;
      position: absolute;
      transition: all linear 0.3s;
      right: -20px;
      transform: translateY(-35px) scaleY(0);
      opacity: 0;
      visibility: hidden; }
      .bookmark ul li .search-form .form-control-search input {
        width: 240px;
        background-color: #fff;
        box-shadow: 0 5px 21px rgba(0, 0, 0, 0.1); }
      .bookmark ul li .search-form .form-control-search.open {
        transform: translateY(0px) scaleY(1);
        opacity: 1;
        visibility: visible;
        transition: all linear 0.3s;
        z-index: 100; }
      .bookmark ul li .search-form .form-control-search:after {
        top: 12px;
        left: 20px;
        z-index: 1; }
      .bookmark ul li .search-form .form-control-search:before {
        left: 50px;
        top: 9px;
        z-index: 2; }
  .bookmark ul li a {
    position: relative;
    color: #051A1A; }
    .bookmark ul li a svg {
      vertical-align: middle;
      height: 20px;
      width: 20px; }
  .bookmark ul li + li {
    margin-left: 10px; }
  .bookmark ul li:last-child {
    padding-right: 0; }
    .bookmark ul li:last-child a {
      border-radius: 5px; }
      .bookmark ul li:last-child a svg {
        color: #ff9f40; }

.offcanvas-bookmark.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body .bookmark ul li a {
  z-index: 99999;
  color: rgba(255, 255, 255, 0.5); }

.offcanvas-bookmark:before {
  position: fixed;
  content: '';
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  z-index: 1;
  right: 0;
  left: 0; }

body.modal-open .select2-container--open {
  width: unset !important;
  display: block; }
  body.modal-open .select2-container--open .select2-dropdown {
    z-index: 1076; }

/**=====================
    2.5 Bookmark CSS Ends
==========================**/
/**=====================
2.6 Breadcrumb CSS Start
==========================**/
.breadcrumb-colored {
  padding: 12px 16px;
  border-radius: 4px; }
  .breadcrumb-colored li a {
    color: #fff; }
  .breadcrumb-colored li.active {
    color: #fff;
    opacity: 0.7; }
  .breadcrumb-colored .breadcrumb-item:before {
    color: #fff; }
  .breadcrumb-colored .breadcrumb-item.txt-dark:before {
    color: #000; }

.breadcrumb-icon {
  --bs-breadcrumb-divider: '>'; }
  .breadcrumb-icon li {
    display: inline-block; }

.breadcrumb-no-divider {
  --bs-breadcrumb-divider: ''; }

.breadcrumb-item.active {
  text-transform: capitalize; }

.breadcrumb-space .breadcrumb-item::before {
  padding-right: 0; }

/**=====================
	2.6 Breadcrumb CSS ends
==========================**/
/**=====================
    2.7 Basic-card CSS Start
==========================**/
.dark-color-header {
  background-color: unset !important;
  color: #006666; }
  .dark-color-header ul li:first-child i, .dark-color-header ul li:last-child i {
    color: #006666 !important; }
  .dark-color-header ul li i {
    color: #E6E9EB !important; }

/**=====================
  2.7 Basic-card CSS Ends
==========================**/
/**=====================
  2.9 Buttons CSS start
==========================**/
.btn-link {
  color: var(--theme-deafult); }

.purchase-btn {
  background: linear-gradient(90deg, var(--theme-deafult) -18.33%, #006666 62.78%);
  padding: 12px 20px;
  min-width: 200px;
  border: none;
  transition: 0.5s; }
  .purchase-btn:hover {
    background: linear-gradient(90deg, #006666 -18.33%, var(--theme-deafult) 62.78%);
    transition: 0.5s; }
  @media (max-width: 991px) {
    .purchase-btn {
      min-width: 160px; } }
  @media (max-width: 767px) {
    .purchase-btn {
      min-width: 140px;
      padding: 10px 17px;
      font-size: 16px; } }
  @media (max-width: 575px) {
    .purchase-btn {
      font-size: 14px; } }
.btn-light.active.active:not([disabled]):not(.disabled) {
  color: #051A1A !important;
  background-color: #e0e4e6 !important; }

.btn-primary-gradien {
  background-image: linear-gradient(to right, #008f8f 0%, #003d3d 51%, #008f8f 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease;
  color: #fff; }
  .btn-primary-gradien:focus, .btn-primary-gradien:active, .btn-primary-gradien.active {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #008f8f, 0%, #003d3d, 100%, #fff) !important; }

.btn-secondary-gradien {
  background-image: linear-gradient(to right, #fe8b72 0%, #fe4920 51%, #fe8b72 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-secondary-gradien:hover, .btn-secondary-gradien:focus, .btn-secondary-gradien:active, .btn-secondary-gradien.active, .btn-secondary-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #fe8b72, 0%, #fe4920, 100%, #fff) !important; }

.btn-success-gradien {
  background-image: linear-gradient(to right, #00d557 0%, #008335 51%, #00d557 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-success-gradien:hover, .btn-success-gradien:focus, .btn-success-gradien:active, .btn-success-gradien.active, .btn-success-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #00d557, 0%, #008335, 100%, #fff) !important; }

.btn-danger-gradien {
  background-image: linear-gradient(to right, #fe8b72 0%, #fe4920 51%, #fe8b72 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-danger-gradien:hover, .btn-danger-gradien:focus, .btn-danger-gradien:active, .btn-danger-gradien.active, .btn-danger-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #fe8b72, 0%, #fe4920, 100%, #fff) !important; }

.btn-warning-gradien {
  background-image: linear-gradient(to right, #ffbc43 0%, #f09b00 51%, #ffbc43 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-warning-gradien:hover, .btn-warning-gradien:focus, .btn-warning-gradien:active, .btn-warning-gradien.active, .btn-warning-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #ffbc43, 0%, #f09b00, 100%, #fff) !important; }

.btn-info-gradien {
  background-image: linear-gradient(to right, #1e489a 0%, #102856 51%, #1e489a 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-info-gradien:hover, .btn-info-gradien:focus, .btn-info-gradien:active, .btn-info-gradien.active, .btn-info-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #1e489a, 0%, #102856, 100%, #fff) !important; }

.btn-light-gradien {
  background-image: linear-gradient(to right, #fdfdfd 0%, #cfd5d9 51%, #fdfdfd 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-light-gradien:hover, .btn-light-gradien:focus, .btn-light-gradien:active, .btn-light-gradien.active, .btn-light-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #fdfdfd, 0%, #cfd5d9, 100%, #fff) !important; }

.btn-dark-gradien {
  background-image: linear-gradient(to right, #3d4557 0%, #1b1f27 51%, #3d4557 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-dark-gradien:hover, .btn-dark-gradien:focus, .btn-dark-gradien:active, .btn-dark-gradien.active, .btn-dark-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #3d4557, 0%, #1b1f27, 100%, #fff) !important; }

.btn {
  padding: 0.375rem 1.75rem; }
  .btn.bg-light-primary:hover {
    background: #006666 !important;
    color: #fff !important; }

.btn-lg {
  font-size: 18px; }

.btn-sm {
  font-size: 12px; }

.btn-xs {
  padding: 0.05rem 0.4rem;
  font-size: 11px; }

.large-btn {
  margin-bottom: -20px; }
  .large-btn .btn {
    margin-right: 5px;
    margin-bottom: 15px; }

.btn-outline-white {
  border: 1px solid #fff;
  color: #fff; }
  .btn-outline-white:hover, .btn-outline-white:focus {
    background: #fff;
    color: var(--theme-deafult); }

.btn-air-primary {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-primary:hover, .btn-air-primary:active, .btn-air-primary:not([disabled]):not(.disabled):active {
    background-color: #006666;
    border-color: #006666; }

.input-air-primary {
  box-shadow: 0 3px 5px 1px rgba(0, 102, 102, 0.1) !important; }
  .input-air-primary:focus {
    border-color: #006666; }

.btn-air-secondary {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-secondary:hover, .btn-air-secondary:active, .btn-air-secondary:not([disabled]):not(.disabled):active {
    background-color: #FE6A49;
    border-color: #FE6A49; }

.input-air-secondary {
  box-shadow: 0 3px 5px 1px rgba(254, 106, 73, 0.1) !important; }
  .input-air-secondary:focus {
    border-color: #FE6A49; }

.btn-air-success {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-success:hover, .btn-air-success:active, .btn-air-success:not([disabled]):not(.disabled):active {
    background-color: #00AC46;
    border-color: #00AC46; }

.input-air-success {
  box-shadow: 0 3px 5px 1px rgba(0, 172, 70, 0.1) !important; }
  .input-air-success:focus {
    border-color: #00AC46; }

.btn-air-danger {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-danger:hover, .btn-air-danger:active, .btn-air-danger:not([disabled]):not(.disabled):active {
    background-color: #FE6A49;
    border-color: #FE6A49; }

.input-air-danger {
  box-shadow: 0 3px 5px 1px rgba(254, 106, 73, 0.1) !important; }
  .input-air-danger:focus {
    border-color: #FE6A49; }

.btn-air-info {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-info:hover, .btn-air-info:active, .btn-air-info:not([disabled]):not(.disabled):active {
    background-color: #173878;
    border-color: #173878; }

.input-air-info {
  box-shadow: 0 3px 5px 1px rgba(23, 56, 120, 0.1) !important; }
  .input-air-info:focus {
    border-color: #173878; }

.btn-air-light {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-light:hover, .btn-air-light:active, .btn-air-light:not([disabled]):not(.disabled):active {
    background-color: #E6E9EB;
    border-color: #E6E9EB; }

.input-air-light {
  box-shadow: 0 3px 5px 1px rgba(230, 233, 235, 0.1) !important; }
  .input-air-light:focus {
    border-color: #E6E9EB; }

.btn-air-dark {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-dark:hover, .btn-air-dark:active, .btn-air-dark:not([disabled]):not(.disabled):active {
    background-color: #2c323f;
    border-color: #2c323f; }

.input-air-dark {
  box-shadow: 0 3px 5px 1px rgba(44, 50, 63, 0.1) !important; }
  .input-air-dark:focus {
    border-color: #2c323f; }

.btn-air-warning {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-warning:hover, .btn-air-warning:active, .btn-air-warning:not([disabled]):not(.disabled):active {
    background-color: #FFAE1A;
    border-color: #FFAE1A; }

.input-air-warning {
  box-shadow: 0 3px 5px 1px rgba(255, 174, 26, 0.1) !important; }
  .input-air-warning:focus {
    border-color: #FFAE1A; }

.btn-gradient {
  color: #fff !important;
  font-weight: 500;
  padding: 10px 30px;
  border-radius: 5px;
  background: linear-gradient(26deg, var(--theme-deafult) 0%, #006666 100%);
  letter-spacing: 0.06rem; }
  .btn-gradient:hover {
    background-size: 100% !important; }

.btn-warning {
  color: #fff; }
  .btn-warning:hover, .btn-warning.disabled {
    color: #fff; }

[class*='-gradien']:hover {
  background-size: 50% 100%;
  transition: all 0.3s ease;
  color: #fff; }

.btn-square {
  border-radius: 0px; }

.btn-pill {
  border-radius: 60px; }

.btn-group-pill .btn:first-child {
  border-radius: 60px 0 0 60px; }

.btn-group-pill .btn:last-child {
  border-radius: 0 60px 60px 0; }

.btn-group-square .btn:first-child {
  border-radius: 0px 0 0 0px; }

.btn-group-square .btn:last-child {
  border-radius: 0 0px 0px 0; }

.btn-showcase {
  margin-bottom: -10px; }
  .btn-showcase .btn {
    margin-bottom: 10px;
    margin-right: 10px; }

.btn-dropdown-showcase {
  margin-bottom: -10px; }
  .btn-dropdown-showcase .dropdown {
    margin-bottom: 10px;
    margin-right: 18px; }
  .btn-dropdown-showcase .btn-group {
    margin-bottom: 10px;
    margin-right: 18px; }

.btn-group .radio label::before {
  top: 2px; }

.btn-group .radio label::after {
  top: 7px; }

.btn-group .checkbox label {
  margin-top: 3px; }

.btn-group-showcase > div {
  margin-bottom: -20px; }
  .btn-group-showcase > div label {
    margin-bottom: 0; }

.btn-group-showcase .btn-group {
  margin-right: 20px;
  margin-bottom: 20px; }

.btn-group-showcase .checkbox input[type="checkbox"] {
  display: none; }

.tooltiptext {
  visibility: visible;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 1;
  transition: opacity 0.3s; }
  .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent; }

.card-header-right-icon .btn.btn-light-primary {
  background-color: var(--light-shade-primary);
  color: var(--theme-deafult); }
  .card-header-right-icon .btn.btn-light-primary:hover {
    color: var(--white);
    background-color: var(--theme-deafult); }

.btn.button-primary,
button.button-primary {
  background-color: var(--light-shade-primary);
  color: var(--theme-deafult); }
  .btn.button-primary:hover,
  button.button-primary:hover {
    background-color: var(--theme-deafult);
    color: var(--white); }

/**=====================
    2.9 Buttons CSS end
==========================**/
/**=====================
    2.10 Card CSS Start
==========================**/
.card {
  margin-bottom: 25px;
  border: 1px solid #E6E9EB !important;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  border-radius: 8px;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .card:hover {
    box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
    transition: all 0.3s ease; }
  .card .card-header {
    background-color: #fff;
    padding: 20px;
    border-bottom: 1px solid #ecf3fa;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: relative; }
    .card .card-header.card-no-border {
      border-bottom: none !important; }
    .card .card-header h5:not(.mb-0), .card .card-header h5:not(.m-0) {
      margin-bottom: 0;
      text-transform: capitalize; }
    .card .card-header > span {
      font-size: 12px;
      color: var(--body-font-color);
      margin-top: 5px;
      display: block;
      letter-spacing: 1px; }
    .card .card-header .card-header-right {
      border-radius: 0 0 0 7px;
      right: 20px;
      top: 12px;
      display: inline-block;
      float: right;
      padding: 8px 0;
      position: absolute;
      background-color: #fff;
      z-index: 1; }
      .card .card-header .card-header-right .card-option {
        text-align: right;
        width: 35px;
        height: 20px;
        overflow: hidden;
        transition: 0.3s ease-in-out; }
        .card .card-header .card-header-right .card-option li {
          display: inline-block; }
          .card .card-header .card-header-right .card-option li:first-child i {
            transition: 1s;
            font-size: 16px;
            color: var(--theme-deafult); }
            .card .card-header .card-header-right .card-option li:first-child i.icofont {
              color: unset; }
      .card .card-header .card-header-right i {
        margin: 0 5px;
        cursor: pointer;
        color: #2c323f;
        line-height: 20px; }
        .card .card-header .card-header-right i.icofont-refresh {
          font-size: 13px; }
  .card .card-body {
    padding: 20px;
    background-color: transparent; }
    .card .card-body p:last-child {
      margin-bottom: 0; }
  .card .sub-title {
    padding-bottom: 12px;
    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320))); }
  .card .card-footer {
    background-color: #fff;
    border-top: 1px solid #ecf3fa;
    padding: 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; }
  .card.card-load .card-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 8;
    align-items: center;
    justify-content: center; }
    .card.card-load .card-loader i {
      margin: 0 auto;
      color: var(--theme-deafult);
      font-size: 20px; }
  .card.full-card {
    position: fixed;
    top: 0;
    z-index: 99999;
    box-shadow: none;
    right: 0;
    border-radius: 0;
    border: 1px solid #efefef;
    width: calc(100vw - 12px);
    height: calc(100vh); }
    .card.full-card .card-body {
      overflow: auto; }

.page-body-wrapper .card .sub-title {
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  color: #051A1A; }

.card-absolute {
  margin-top: 20px; }
  .card-absolute .card-header {
    position: absolute;
    top: -20px;
    left: 15px;
    border-radius: 0.25rem;
    padding: 10px 15px; }
    .card-absolute .card-header h5 {
      font-size: 17px; }
  .card-absolute .card-body {
    margin-top: 10px; }

.card-header .border-tab {
  margin-bottom: -13px; }

.custom-card {
  overflow: hidden;
  padding: 30px; }
  .custom-card .card-header {
    padding: 0; }
    .custom-card .card-header img {
      border-radius: 50%;
      margin-top: -100px;
      transform: scale(1.5); }
  .custom-card .card-profile {
    text-align: center; }
    .custom-card .card-profile img {
      height: 110px;
      padding: 7px;
      background-color: #fff;
      z-index: 1;
      position: relative; }
  .custom-card .card-social {
    text-align: center; }
    .custom-card .card-social li {
      display: inline-block;
      padding: 15px 0; }
      .custom-card .card-social li:last-child a {
        margin-right: 0; }
      .custom-card .card-social li a {
        padding: 0;
        margin-right: 15px;
        color: #bcc6de;
        font-size: 16px;
        transition: all 0.3s ease; }
        .custom-card .card-social li a:hover {
          color: var(--theme-deafult);
          transition: all 0.3s ease; }
  .custom-card .profile-details h6 {
    margin-bottom: 30px;
    margin-top: 10px;
    color: #FFFFFF;
    font-size: 14px; }
  .custom-card .card-footer {
    padding: 0; }
    .custom-card .card-footer > div {
      padding: 15px;
      text-align: center; }
      .custom-card .card-footer > div + div {
        border-left: 1px solid #efefef; }
      .custom-card .card-footer > div h3 {
        margin-bottom: 0;
        font-size: 24px; }
      .custom-card .card-footer > div h6 {
        font-size: 14px;
        color: #FFFFFF; }
      .custom-card .card-footer > div h5 {
        font-size: 16px;
        margin-bottom: 0; }
      .custom-card .card-footer > div i {
        font-size: 24px;
        display: inline-block;
        margin-bottom: 15px; }
      .custom-card .card-footer > div .m-b-card {
        margin-bottom: 10px; }

.social-profile {
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .social-profile .card-body {
    padding-left: 20px;
    padding-right: 20px; }
    @media (max-width: 1399px) {
      .social-profile .card-body {
        padding: 23px 15px; } }
.social-details {
  margin-top: 15px; }
  .social-details h5 a {
    color: var(--body-font-color);
    font-weight: 700; }
  .social-details .social-follow {
    column-count: 3;
    column-gap: 30px;
    margin-top: 25px; }
    @media (max-width: 1399px) {
      .social-details .social-follow {
        column-gap: 23px; } }
    .social-details .social-follow li {
      position: relative; }
      .social-details .social-follow li + li::before {
        position: absolute;
        content: "";
        width: 1px;
        height: 14px;
        background-color: var(--recent-dashed-border);
        left: -15px;
        top: 50%;
        transform: translateY(-50%); }
        [dir="rtl"] .social-details .social-follow li + li::before {
          left: unset;
          right: -15px; }
  .social-details .card-social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 15px; }

.social-img-wrap {
  background: linear-gradient(253deg, var(--theme-deafult) 11.51%, rgba(115, 102, 255, 0) 82.07%);
  display: inline-block;
  border-radius: 100%;
  padding: 2px;
  position: relative; }
  .social-img-wrap .edit-icon {
    position: absolute;
    right: 0;
    bottom: 0; }
    .social-img-wrap .edit-icon svg {
      width: 20px;
      height: 20px;
      border-radius: 100%;
      border: 2px solid var(--white);
      background: var(--white); }

.social-img {
  padding: 5px;
  background: var(--white);
  border-radius: 100%; }
  .social-img img {
    height: 68px;
    border-radius: 100%; }

/**=====================
    2.10 Card CSS End
==========================**/
/**=====================
     2.11 Color CSS Start
==========================**/
.color-box {
  margin-bottom: -10px; }
  .color-box button {
    margin-bottom: 10px; }
    .color-box button + button {
      margin-left: 5px; }

.light-font {
  color: #FFFFFF; }

/**=====================
     2.11 Color CSS Ends
==========================**/
/**=====================
    2.12 Datatable CSS Start
==========================**/
div.dt-button-background {
  display: none !important; }

div.DTS div.dataTables_scrollBody table {
  z-index: 1; }

div .table-avtar {
  height: 32px;
  margin-right: 10px; }
  [dir="rtl"] div .table-avtar {
    margin-right: unset;
    margin-left: 10px; }

div .action {
  display: flex; }
  div .action i {
    font-size: 16px; }
  div .action .pdf i {
    font-size: 20px;
    color: #FE6A49; }
  div .action .edit {
    margin-right: 5px; }
    div .action .edit i {
      color: #00AC46; }
    [dir="rtl"] div .action .edit {
      margin-left: 5px; }
  div .action .delete i {
    color: #FE6A49; }

#auto-generate-content_wrapper.dataTables_wrapper button {
  background-color: var(--white);
  border: 1px solid var(--theme-deafult);
  color: var(--theme-deafult); }

.dataTables_wrapper {
  width: calc(100% - 1px);
  padding: 0; }
  .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #ecf3fa; }
  .dataTables_wrapper .dt-buttons .btn {
    border-radius: 0.25rem !important; }
  .dataTables_wrapper .btn-group button {
    margin-right: 5px; }
  .dataTables_wrapper button {
    font-weight: 400;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    border-radius: 0.25rem;
    color: #fff; }
  .dataTables_wrapper + .dataTables_wrapper {
    margin-top: 20px; }
  .dataTables_wrapper .dataTables_paginate {
    margin-left: 15px !important;
    border: 1px solid #E6E9EB;
    border-radius: 0.25rem;
    padding-top: 0; }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
      margin: 0; }
      .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:active {
        background: var(--theme-deafult);
        color: #fff !important;
        box-shadow: none; }
      .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        border: 1px solid var(--theme-deafult);
        color: #2c323f !important;
        background: transparent !important; }
  .dataTables_wrapper .dataTables_length {
    margin-bottom: 30px; }
    .dataTables_wrapper .dataTables_length select {
      border-color: #E6E9EB;
      color: #2c323f;
      padding: 0 10px;
      margin: 0 10px;
      height: 2.7142em;
      background-color: #fff; }
  .dataTables_wrapper table.dataTable {
    border: 1px solid #efefef; }
    .dataTables_wrapper table.dataTable tbody td.select-checkbox,
    .dataTables_wrapper table.dataTable tbody th.select-checkbox {
      padding-right: 40px !important; }
      .dataTables_wrapper table.dataTable tbody td.select-checkbox:before,
      .dataTables_wrapper table.dataTable tbody th.select-checkbox:before {
        right: 20px;
        top: 22px;
        left: unset; }
      .dataTables_wrapper table.dataTable tbody td.select-checkbox:after,
      .dataTables_wrapper table.dataTable tbody th.select-checkbox:after {
        margin-top: -5px;
        margin-left: 21px; }
    .dataTables_wrapper table.dataTable thead th,
    .dataTables_wrapper table.dataTable thead td {
      border-bottom: 2px solid #efefef; }
    .dataTables_wrapper table.dataTable th,
    .dataTables_wrapper table.dataTable td {
      padding: 0.75rem; }
  .dataTables_wrapper .dataTables_filter {
    margin-bottom: 25px;
    margin-left: 15px; }
    .dataTables_wrapper .dataTables_filter input[type="search"] {
      border: 1px solid #efefef;
      padding: 0 10px;
      margin-left: 10px;
      height: 37px;
      border-radius: 0; }

.dataTables_scrollHeadInner {
  width: 100% !important; }

table .fixedHeader-floating {
  position: fixed !important;
  background-color: #fff; }

table .box > div {
  padding: 5px 15px;
  background-color: var(--theme-deafult);
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
  margin-right: 15px; }

table.dataTable.fixedHeader-locked, table.dataTable.fixedHeader-floating {
  width: calc(100vw - 250px) !important;
  max-width: calc(100vw - 250px) !important;
  overflow: hidden !important;
  right: 0 !important;
  z-index: 99;
  left: 260px !important; }

table.dataTable:not(.fixedHeader-locked):not(.fixedHeader-floating) {
  width: 100% !important; }

table.dataTable {
  border-collapse: collapse !important;
  margin-top: 0 !important; }
  table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
  table.dataTable thead .sorting_asc:before,
  table.dataTable thead .sorting_asc:after,
  table.dataTable thead .sorting_desc:before,
  table.dataTable thead .sorting_desc:after,
  table.dataTable thead .sorting_asc_disabled:before,
  table.dataTable thead .sorting_asc_disabled:after,
  table.dataTable thead .sorting_desc_disabled:before,
  table.dataTable thead .sorting_desc_disabled:after {
    bottom: 12px !important; }
  table.dataTable input,
  table.dataTable select {
    border: 1px solid #efefef;
    height: 37px; }

.user-datatable tr td:first-child,
.user-datatable tr th:first-child {
  min-width: 150px; }

.jsgrid .jsgrid-button {
  width: 20px;
  height: 20px; }

.jsgrid .jsgrid-delete-button {
  background-position: 0 -78px;
  width: 22px;
  height: 22px; }

.jsgrid .jsgrid-edit-button {
  background-position: -2px -122px;
  width: 22px;
  height: 22px; }

.jsgrid .jsgrid-insert-mode-button {
  background-position: -2px -160px;
  width: 25px;
  height: 25px; }

.jsgrid .jsgrid-insert-button {
  background-position: -3px -202px;
  width: 16px;
  height: 16px; }

.toolbar {
  padding: 5px 15px;
  background-color: var(--theme-deafult);
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
  margin-right: 15px; }

code.option {
  color: #FE6A49 !important; }

code.api {
  color: #00AC46 !important; }

.dt-ext .dataTables_wrapper .page-item.active .page-link {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important;
  color: #fff; }

.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 9px 12px;
  border: 1px solid #E6E9EB !important;
  border-radius: 0px; }
  .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.hover, .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.active {
    border: none !important; }

.dt-ext .dataTables_wrapper .dataTables_paginate .page-link {
  margin-left: 0px;
  color: var(--theme-deafult); }

.dt-ext .dataTables_wrapper button.dt-button,
.dt-ext .dataTables_wrapper div.dt-button,
.dt-ext .dataTables_wrapper a.dt-button,
.dt-ext .dataTables_wrapper button.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button.active:not(.disabled) {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  border-radius: 2px;
  color: #fff;
  background-image: none;
  font-size: 14px; }

.dt-ext .dataTables_wrapper button.dt-button.btn-success,
.dt-ext .dataTables_wrapper div.dt-button.btn-success,
.dt-ext .dataTables_wrapper a.dt-button.btn-success {
  background-color: #00AC46;
  border-color: #00AC46; }

.dt-ext .dataTables_wrapper button.dt-button.btn-primary,
.dt-ext .dataTables_wrapper div.dt-button.btn-primary,
.dt-ext .dataTables_wrapper a.dt-button.btn-primary {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }

.dt-ext .dataTables_wrapper button.dt-button.btn-danger,
.dt-ext .dataTables_wrapper div.dt-button.btn-danger,
.dt-ext .dataTables_wrapper a.dt-button.btn-danger {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.dt-ext .dataTables_wrapper table.dataTable th.focus,
.dt-ext .dataTables_wrapper table.dataTable td.focus {
  outline: 3px solid var(--theme-deafult); }

.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected > .sorting_1,
.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
  background-color: #29ffff; }

.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd.selected,
.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd > .selected,
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected,
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd > .selected {
  background-color: #29ffff; }

.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.even.selected > .sorting_1,
.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
  background-color: #29ffff; }

.dt-ext .dataTables_wrapper table.dataTable tbody > tr.selected,
.dt-ext .dataTables_wrapper table.dataTable tbody > tr > .selected {
  background-color: #29ffff; }

td.highlight {
  background-color: #E6E9EB !important; }

td.details-control {
  background: url(/../images/details_open.png) no-repeat center center;
  cursor: pointer; }

tr.shown td.details-control {
  background: url(/../images/details_close.png) no-repeat center center; }

.dataTables_scroll ~ .dataTables_paginate {
  margin-top: 20px !important; }

.product-table th:last-child {
  min-width: 120px; }

.product-table h6 {
  font-weight: 600;
  color: #2c323f; }

table.dataTable.display tbody tr.odd > .sorting_1 {
  background-color: #fdfeff; }

table.dataTable.display tbody tr.odd .badge {
  line-height: 15px; }

table.dataTable.display tbody tr.even .badge {
  line-height: 15px; }

.jsgrid-row .jsgrid-cell .badge,
.jsgrid-alt-row .jsgrid-cell .badge {
  line-height: 15px !important; }

/**=====================
     2.12 Datatable CSS Ends
==========================**/
/**=====================
    2.13 Datapicker CSS Start
==========================**/
.clockpicker-canvas line {
  stroke: var(--theme-deafult); }

.clockpicker-canvas-fg,
.clockpicker-canvas-bearing {
  fill: var(--theme-deafult); }

.datepicker {
  z-index: 99; }

.datepicker--day-name {
  color: #006666;
  font-weight: bold; }

.datepicker--cell.-current- {
  color: #000;
  border-radius: 5px;
  font-weight: bold;
  border: 2px solid var(--theme-deafult); }

.datepicker--cell.-focus- {
  background: var(--theme-deafult);
  color: #fff; }

.datepicker--cell.-selected- {
  background: var(--theme-deafult) !important; }

.datepicker--cell-day {
  width: 14.2857142857%; }

.datepickers-container,
.bootstrap-datetimepicker-widget {
  z-index: 7; }

.datetime-picker .bootstrap-datetimepicker-widget.dropdown-menu {
  width: auto; }

.datetime-picker .input-group-text i {
  line-height: 1.3; }

.clockpicker-popover {
  border: none;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  z-index: 7; }
  .clockpicker-popover .popover-content {
    background-color: rgba(0, 102, 102, 0.05); }

.clockpicker-canvas-bg {
  fill: #29ffff; }

.clockpicker-tick:hover {
  color: inherit;
  background-color: #29ffff; }

.calendar-basic .md-sidebar-aside {
  background-color: #fff; }

.calendar-basic #external-events {
  padding: 20px;
  border: 1px solid #d7e2e9; }
  .calendar-basic #external-events h4 {
    margin-bottom: 14px; }
  .calendar-basic #external-events p {
    margin-top: 12px; }
  .calendar-basic #external-events .fc-h-event {
    padding: 12px;
    background-color: var(--theme-deafult);
    border: 1px solid var(--theme-deafult); }
    .calendar-basic #external-events .fc-h-event + .fc-h-event {
      margin-top: 10px; }
    .calendar-basic #external-events .fc-h-event .fc-event-main {
      font-size: 13px; }

.calendar-basic .calendar-default .fc-daygrid-dot-event .fc-event-title {
  text-overflow: ellipsis; }

.calendar-basic .calendar-default .fc td[role="presentation"] {
  border: 0; }

.calendar-basic .calendar-default .fc .fc-daygrid-day-number,
.calendar-basic .calendar-default .fc .fc-col-header-cell-cushion {
  color: #051A1A; }

.calendar-basic .calendar-default .fc .fc-button .fc-icon {
  height: 23px; }

.calendar-basic .calendar-default .fc-h-event {
  padding: 2px;
  background-color: #006666;
  border: 1px solid #006666; }

.calendar-basic .calendar-default .fc-toolbar-chunk .fc-button-group ~ .fc-today-button {
  margin: 0 8px; }

.fc-event-dragging {
  padding: 10px;
  background-color: var(--theme-deafult); }

.fc .fc-toolbar {
  flex-wrap: wrap;
  gap: 10px; }

.fc .fc-button-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 102, 102, 0.5); }

.main-inline-calender.input-group {
  flex-direction: column; }
  .main-inline-calender.input-group .form-control {
    width: 100%; }
  .main-inline-calender.input-group .flatpickr-calendar.inline {
    width: 100%; }
  .main-inline-calender.input-group .flatpickr-innerContainer {
    display: block; }
  .main-inline-calender.input-group .flatpickr-rContainer {
    display: block; }
    .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-weekdays {
      width: 100%; }
    .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days {
      width: 100%; }
      .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer {
        width: 100%;
        max-width: none;
        min-width: unset; }
        .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day {
          border-radius: 5px;
          width: 100%;
          max-width: unset; }
          .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover {
            color: var(--body-font-color); }

.flatpickr-day.selected,
.flatpickr-day .endRange {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }
  .flatpickr-day.selected:hover,
  .flatpickr-day .endRange:hover {
    background-color: var(--theme-deafult);
    border-color: var(--theme-deafult); }

.main-flatpickr .form-control:read-only {
  background-color: unset; }

.flatpickr-months {
  font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: 30px; }
  .flatpickr-months .flatpickr-month {
    margin-top: 16px; }
  .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    top: 10px; }

.flatpickr-current-month {
  font-size: calc(14px + (19 - 14) * ((100vw - 320px) / (1920 - 320))); }

@media (max-width: 400px) {
  .flatpickr-calendar.animate {
    width: 77%;
    left: 50% !important;
    transform: translateX(-50%); } }

.flatpickr-calendar .flatpickr-days {
  width: unset; }
  .flatpickr-calendar .flatpickr-days .dayContainer {
    width: unset;
    min-width: unset;
    max-width: unset; }

@media (max-width: 768px) {
  .flatpicker-calender .form-control {
    font-size: 14px; } }

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.timepicker-wrapper .row {
  margin-bottom: 16px; }
  .timepicker-wrapper .row:last-child {
    margin-bottom: 0; }

/**=====================
   2.13 Datapicker CSS End
==========================**/
/**=====================
	2.14 Dropdown CSS Start
==========================**/
.img-cropper .dropup .dropdown-toggle::after {
  content: '';
  display: none; }

.dropdown-auto {
  overflow: auto; }

.dropdown-divider {
  margin: 0; }

.dropdown .dropdown-toggle {
  color: #242934;
  border-radius: 8px;
  padding: 11px 12px;
  border: 1px solid #E6E9EB;
  width: 106px;
  text-align: left; }
  .dropdown .dropdown-toggle:focus {
    border: 1px solid #E6E9EB;
    box-shadow: none; }
  .dropdown .dropdown-toggle:after {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f107";
    border: none;
    font-family: "FontAwesome";
    font-size: 18px;
    margin: 0; }
  .dropdown .dropdown-toggle.btn-primary {
    color: #fff; }

.dropdown .dropdown-toggle-store {
  width: 130px; }

.dropdown .dropdown-toggle-calendar {
  width: 218px; }

.dropdown .dropdown-menu {
  font-family: "Montserrat", sans-serif;
  z-index: 4; }

.docs-toggles .dropdown .dropdown-toggle {
  width: auto; }

.docs-toggles .btn-group lable.active .docs-tooltip {
  color: #fff !important; }

.nav-tabs .dropdown .dropdown-toggle {
  width: 120px; }
  @media only screen and (max-width: 575.98px) {
    .nav-tabs .dropdown .dropdown-toggle {
      width: 100%;
      text-align: center; } }
.icon-dropdown .dropdown-toggle {
  background: transparent;
  color: #FFFFFF;
  padding: 0;
  width: auto; }
  .icon-dropdown .dropdown-toggle i {
    font-size: 16px; }
  .icon-dropdown .dropdown-toggle::after {
    display: none; }

.icon-dropdown .dropdown-item {
  line-height: 1.5; }

.dropdown-basic {
  margin-bottom: -10px; }
  .dropdown-basic .btn-group .btn-round {
    border-radius: 50px; }
  .dropdown-basic .separated-btn {
    margin-left: -6px; }
    [dir="rtl"] .dropdown-basic .separated-btn {
      margin-left: unset;
      margin-right: -6px; }
    .dropdown-basic .separated-btn .btn {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      padding: 10px; }
    .dropdown-basic .separated-btn.dropdown {
      margin-bottom: 0; }
  .dropdown-basic button {
    max-height: 43px; }
  .dropdown-basic .dropdown {
    position: relative;
    display: inline-block;
    margin-bottom: 10px; }
    .dropdown-basic .dropdown .dropbtn {
      color: white;
      padding: 12px 35px;
      border: none;
      cursor: pointer; }
    .dropdown-basic .dropdown .dropdown-content {
      display: none;
      position: absolute;
      right: 0;
      background-color: #f9f9f9;
      min-width: 175px;
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
      z-index: 1;
      left: 0;
      top: 45px; }
      .dropdown-basic .dropdown .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block; }
      .dropdown-basic .dropdown .dropdown-content .dropdown-header {
        padding: 12px 16px; }
  .dropdown-basic .dropdown-content a:hover {
    background-color: #f1f1f1; }
  .dropdown-basic .dropdown:hover .dropdown-content {
    display: block; }

.dropup-basic .dropup {
  position: relative;
  display: inline-block; }
  .dropup-basic .dropup .dropbtn {
    color: white;
    padding: 12px;
    border: none; }
  .dropup-basic .dropup .dropup-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 170px;
    bottom: 45px;
    z-index: 999;
    left: 0; }
    .dropup-basic .dropup .dropup-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block; }

.dropup-basic .dropup .dropup-content a:hover {
  background-color: #ecf3fa; }

.dropup-basic .dropup:hover .dropup-content {
  display: block; }
  .dropup-basic .dropup:hover .dropup-content a.active {
    background-color: #ecf3fa; }

.dropdown-block li .dropdown-item:hover {
  background-color: #E6E9EB; }

.dropdown-block li .helper-truncate:hover {
  background-color: unset !important; }

.dropdown-basic .dropdown .dropdown-content a:hover {
  background-color: #E6E9EB !important; }

.dropdown-menu .input-group {
  background-color: unset;
  padding: 6px 12px;
  border-top: 1px solid #efefef;
  background-color: #fff;
  opacity: 0.6; }
  .dropdown-menu .input-group:hover, .dropdown-menu .input-group:active {
    background-color: #E6E9EB; }
  .dropdown-menu .input-group .input-group-text {
    background-color: unset;
    border: none; }

.dark-form .form-label {
  color: var(--text-gray); }

.dark-form .form-control {
  border: 1px solid var(--text-gray) !important; }

.dark-form .form-check .form-check-input {
  border: 1px solid var(--text-gray); }

.dark-form .form-check .form-check-label {
  color: var(--text-gray); }

.dark-form h6 {
  color: var(--text-gray); }

.dark-form p.dropdown-item {
  padding: 7px 0 0 0;
  border-top: 1px solid var(--chart-dashed-border); }

.dark-form .helper-truncate {
  color: var(--text-gray);
  background-color: transparent; }

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 8px;
  vertical-align: 4px;
  content: '';
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-bottom: 0;
  border-left: 4px solid transparent; }
  [dir="rtl"] .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px; }

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 8px;
  content: '';
  border-top: 4px solid transparent;
  border-right: 4px solid;
  border-bottom: 4px solid transparent; }
  [dir="rtl"] .dropstart .dropdown-toggle::before {
    margin-left: 8px;
    margin-right: unset; }

.dropup .dropdown-toggle::after {
  content: '';
  display: inline-block;
  margin-left: 8px;
  vertical-align: 4px;
  border-top: 0;
  border-right: 4px solid transparent;
  border-bottom: 4px solid;
  border-left: 4px solid transparent; }
  [dir="rtl"] .dropup .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px; }

.dropend .dropdown-toggle::after {
  content: '';
  display: inline-block;
  content: '';
  border-top: 4px solid transparent;
  border-right: 0;
  border-bottom: 4px solid transparent;
  border-left: 4px solid;
  margin-left: 8px; }
  [dir="rtl"] .dropend .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px; }

.form-wrapper {
  width: 260px; }

@media (max-width: 400px) {
  .dropdown-menu .helper-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; } }

.dark-dropdown .dropdown-block li .dropdown-item:hover, .dark-dropdown .dropdown-block li .dropdown-item.active {
  background-color: #2c323f;
  color: #fff; }

btn-group .dropdown-wrapper {
  z-index: 2; }
  btn-group .dropdown-wrapper .input-group .input-group-text {
    padding: 0px 8px 0px 0px; }
    [dir="rtl"] btn-group .dropdown-wrapper .input-group .input-group-text {
      padding: 0px 0px 0px 8px; }

[dir="rtl"] .rtl-dropdown .dropdown-menu li .dropdown-item {
  text-align: right; }

[dir="rtl"] .rtl-dropdown .btn-group .dropdown-menu {
  text-align: right; }

.heading-dropdown .dropdown-menu > li:first-child > a {
  border-bottom: 4px solid var(--recent-border);
  border-top: 0;
  background-color: #d7e2e9; }

/**=====================
	2.14 Dropdown CSS Ends
==========================**/
/**=====================
  2.15 Form-builder CSS Start
==========================**/
.component {
  cursor: pointer; }
  .component label {
    padding-top: 8px; }
  .component .form-group input,
  .component .form-group textarea,
  .component .form-group select {
    border-radius: 4px; }

input {
  cursor: pointer; }

textarea {
  resize: vertical; }

.popover .controls {
  margin-left: 0; }

.popover .control-label {
  text-align: left; }

.popover form {
  width: 100%; }

.popover .fade.left.in {
  left: -215px; }

.drag form {
  padding: 10px 5px;
  border: 1px dotted #ecf3fa;
  position: absolute;
  background: #fff;
  box-shadow: 0 0 30px #ecf3fa;
  overflow: hidden; }
  .drag form input {
    border-radius: 5px; }

/**=====================
  2.15 Form-builder CSS Ends
==========================**/
/**=====================
    2.16 Form-input CSS Start
==========================**/
.icon-addon .addon-md .fa, .icon-addon .addon-md .glyphicon {
  position: absolute;
  z-index: 2;
  left: 10px;
  font-size: 14px;
  width: 20px;
  margin-left: -2.5px;
  text-align: center;
  padding: 10px 0;
  top: 1px; }

.icon-addon .glyphicon,
.icon-addon .fa {
  position: absolute;
  z-index: 2;
  left: 10px;
  font-size: 14px;
  width: 20px;
  margin-left: -2.5px;
  text-align: center;
  padding: 10px 0;
  top: 1px; }

.input-group-square .input-group-text,
.input-group-square .form-control {
  border-radius: 0px; }

.input-group-air {
  box-shadow: 0 3px 20px 0 #efefef; }

.icon-addon {
  position: relative;
  color: #4c5667;
  display: block; }
  .icon-addon:after {
    display: table;
    content: "";
    clear: both; }
  .icon-addon:before {
    display: table;
    content: ""; }
  .icon-addon .addon-md .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal; }
  .icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal; }

.input-group-wrapper .input-group {
  margin-bottom: 16px; }
  .input-group-wrapper .input-group .form-control {
    font-size: 16px; }
    .input-group-wrapper .input-group .form-control:focus {
      border-color: var(--recent-border);
      box-shadow: unset; }
  .input-group-wrapper .input-group:last-child {
    margin-bottom: 0; }

.input-group-wrapper .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.main-custom-form label {
  margin-bottom: 0; }

.main-custom-form .form-select:focus {
  box-shadow: unset;
  border-color: var(--recent-border); }

.main-custom-form .dropdown-menu {
  z-index: 3; }

.main-custom-form .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.main-custom-form .form-select,
.main-custom-form .form-control {
  font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); }

.main-custom-form .input-group-text {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); }

@media (max-width: 338px) {
  .main-custom-form .dropdown-toggle.btn {
    padding: 6px 11px; } }

.main-segment-btn .dropdown-toggle::after {
  content: '';
  margin-left: 0;
  border-top: 6px solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  vertical-align: 2px; }

.main-segment-btn .dropdown-menu {
  z-index: 3; }

#exampleDataList::-webkit-calendar-picker-indicator:hover, #exampleDataList::-webkit-calendar-picker-indicator:focus {
  display: none; }

.form-control-color {
  max-width: 70rem; }

.theme-form select.form-select option {
  padding: 8px 10px;
  border-radius: 100px; }

.input-radius .form-control:focus {
  box-shadow: unset;
  border-color: var(--recent-border); }

.input-radius .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.floating-wrapper .form-floating .form-control {
  height: 54px; }

/**=====================
    2.16 Form-input CSS Ends
	==========================**/
/**=====================
    2.17 Form-wizard CSS Start
==========================**/
/*Form Wizard One Start*/
.form-wizard .tab {
  display: none; }

.form-wizard .step {
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: var(--theme-deafult);
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5; }
  .form-wizard .step.active {
    opacity: 1; }
  .form-wizard .step.finish {
    background-color: var(--theme-secondary); }

/*Form Wizard One ends*/
/*Form Wizard Four Start*/
.wizard-4 .action-bar {
  position: absolute;
  bottom: 50px;
  right: 50px; }
  [dir="rtl"] .wizard-4 .action-bar {
    right: unset;
    left: 50px; }

.wizard-4 .action-bar .btn {
  float: right;
  margin: 0 5px;
  background-color: rgba(0, 102, 102, 0.3) !important;
  border-color: rgba(0, 102, 102, 0.3) !important;
  color: var(--theme-deafult); }

.wizard-4 .action-bar .buttonDisabled {
  color: #59667a;
  background-color: rgba(89, 102, 122, 0.05) !important;
  border: 1px solid rgba(89, 102, 122, 0.05) !important;
  cursor: text; }

.wizard-4 .step-container {
  background: #f8f9fe;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0 solid #e8ebf2;
  overflow: hidden;
  clear: right;
  width: 70%; }
  .wizard-4 .step-container div.content {
    display: block;
    position: absolute;
    float: left;
    text-align: left;
    overflow: auto;
    z-index: 1;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both; }
    [dir="rtl"] .wizard-4 .step-container div.content {
      text-align: unset;
      text-align: right; }
    .wizard-4 .step-container div.content .wizard-title {
      width: 450px;
      margin: 0 auto; }

.wizard-4 .loader {
  display: none; }

.wizard-4 .msg-box {
  position: fixed;
  display: none;
  padding: 5px 10px;
  background-color: #009999;
  top: 30px;
  border-radius: 5px;
  right: 60px;
  padding: 10px 20px; }
  .wizard-4 .msg-box .content {
    padding: 0;
    float: left;
    padding-top: 3px;
    color: #fff; }
  .wizard-4 .msg-box .close {
    color: #fff;
    margin-left: 10px;
    opacity: 1;
    font-size: 18px;
    line-height: 1.4; }
    [dir="rtl"] .wizard-4 .msg-box .close {
      margin-right: 10px;
      margin-left: unset; }

.wizard-4 ul.anchor {
  float: left;
  width: 30%;
  height: calc(100vh - 300px);
  padding: 40px 30px;
  overflow: auto; }
  .wizard-4 ul.anchor .disabled {
    opacity: 0.7;
    color: #59667a; }
    .wizard-4 ul.anchor .disabled h4 {
      background-color: rgba(89, 102, 122, 0.15); }
  .wizard-4 ul.anchor .logo {
    padding-bottom: 20px; }
  .wizard-4 ul.anchor li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    padding-bottom: 19px;
    float: left;
    clear: both;
    width: 100%;
    box-sizing: border-box;
    z-index: 0; }
    .wizard-4 ul.anchor li + li a {
      padding-left: 80px; }
      [dir="rtl"] .wizard-4 ul.anchor li + li a {
        padding-left: unset;
        padding-right: 80px; }
    .wizard-4 ul.anchor li:last-child {
      position: absolute;
      bottom: 0;
      width: auto;
      padding-bottom: 0;
      left: 9%; }
      [dir="rtl"] .wizard-4 ul.anchor li:last-child {
        left: unset;
        right: 9%; }
      .wizard-4 ul.anchor li:last-child img {
        height: 300px; }
        @media (max-width: 1199px) {
          .wizard-4 ul.anchor li:last-child img {
            height: 220px; } }
    .wizard-4 ul.anchor li h4 {
      display: inline-block;
      background-color: rgba(0, 102, 102, 0.2);
      padding: 16px 23px;
      border-radius: 100%;
      position: absolute;
      left: 0;
      top: 6px;
      width: 60px;
      display: flex;
      align-items: center;
      justify-content: center; }
      [dir="rtl"] .wizard-4 ul.anchor li h4 {
        left: unset;
        right: 0; }
    .wizard-4 ul.anchor li a {
      display: block;
      position: relative;
      float: left;
      margin: 0;
      padding: 10px 20px;
      width: 100%;
      box-sizing: border-box;
      text-decoration: none;
      outline-style: none;
      z-index: 1;
      font-size: 18px; }
      .wizard-4 ul.anchor li a small {
        display: block;
        font-size: 14px; }
      .wizard-4 ul.anchor li a .stepNumber {
        position: relative;
        float: left;
        width: 30px;
        text-align: center;
        padding: 5px;
        padding-top: 0; }
      .wizard-4 ul.anchor li a.done h4 {
        color: #fff;
        background: var(--theme-deafult); }
        .wizard-4 ul.anchor li a.done h4:before {
          font-size: 12px;
          position: absolute;
          left: 5px;
          top: -3px;
          content: "\e64c";
          font-family: 'themify';
          background-color: #fff;
          color: var(--theme-deafult);
          border-radius: 15px;
          padding: 2px;
          border: 1px solid; }
      .wizard-4 ul.anchor li a.error {
        color: #898989;
        background: #fe8a7d;
        border: 1px solid #FE6A49; }
        .wizard-4 ul.anchor li a.error:hover {
          color: #000; }

.wizard {
  max-width: 670px;
  margin: 0 auto; }
  .wizard .wizard-content {
    box-shadow: unset;
    background-color: #fff;
    border-radius: 5px; }

.vertical-main-wizard .header-vertical-wizard {
  background-color: var(--light-background);
  height: 100%;
  text-align: unset; }
  .vertical-main-wizard .header-vertical-wizard .nav-link {
    border-bottom: 1px solid var(--recent-border);
    border-radius: 0;
    padding: 20px; }
    .vertical-main-wizard .header-vertical-wizard .nav-link:last-child {
      border-bottom: 0; }

.vertical-main-wizard .nav-pills .nav-link.active {
  background-color: transparent; }

.vertical-main-wizard .nav-pills.show > .nav-link {
  background-color: transparent; }

.vertical-main-wizard .nav-link .vertical-wizard {
  display: flex;
  align-items: center;
  gap: 14px; }
  .vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard {
    width: 33px;
    height: 33px;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: relative;
    border: 1px solid #52526c; }
    .vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard i {
      margin-right: 0;
      color: #52526c; }
  .vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content h6 {
    font-weight: 400;
    line-height: 1;
    color: var(--body-font-color); }
  .vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content p {
    color: var(--text-gray); }

.vertical-main-wizard .nav-link:active, .vertical-main-wizard .nav-link.active {
  background-color: unset; }
  .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard {
    background-color: var(--theme-deafult);
    border: 1px solid var(--theme-deafult); }
    .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard i, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard i {
      color: #fff;
      font-size: 18px; }
    .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard::before, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard::before {
      content: '';
      width: 45px;
      height: 45px;
      border-radius: 50%;
      position: absolute;
      border: 1px solid #006666; }
  .vertical-main-wizard .nav-link:active .vertical-wizard .vertical-wizard-content h6, .vertical-main-wizard .nav-link.active .vertical-wizard .vertical-wizard-content h6 {
    color: var(--theme-deafult); }

.vertical-main-wizard .form-check .form-check-label {
  margin-bottom: 0; }

.vertical-main-wizard .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.basic-wizard .stepper-horizontal {
  display: flex;
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  margin-bottom: 24px; }
  .basic-wizard .stepper-horizontal .step {
    position: relative;
    padding-inline: 24px;
    z-index: 2;
    width: 100%; }
    .basic-wizard .stepper-horizontal .step:first-child {
      padding-left: 0; }
    .basic-wizard .stepper-horizontal .step:last-child {
      padding-right: 0; }
    .basic-wizard .stepper-horizontal .step:last-child .step-bar-left, .basic-wizard .stepper-horizontal .step:last-child .step-bar-right {
      display: none; }
    .basic-wizard .stepper-horizontal .step .step-circle {
      width: 32px;
      height: 32px;
      margin: 0 auto;
      border-radius: 50%;
      text-align: center;
      line-height: 28px;
      font-size: 16px;
      font-weight: 600;
      z-index: 2;
      border: 2px solid #E6E9EB;
      background: var(--white); }
    .basic-wizard .stepper-horizontal .step.done .step-circle {
      background-color: var(--white);
      border: 2px solid #52526c;
      color: #006666;
      z-index: 4;
      position: relative; }
      .basic-wizard .stepper-horizontal .step.done .step-circle:before {
        font-family: 'FontAwesome';
        font-weight: 100;
        content: "\f00c"; }
      .basic-wizard .stepper-horizontal .step.done .step-circle * {
        display: none; }
    .basic-wizard .stepper-horizontal .step.done .step-title {
      color: #52526c; }
    .basic-wizard .stepper-horizontal .step.editing .step-circle {
      background: var(--white);
      border-color: #52526c;
      color: var(--theme-deafult); }
    .basic-wizard .stepper-horizontal .step .step-title {
      margin-top: 8px;
      font-size: 16px;
      font-weight: 600;
      white-space: nowrap;
      color: var(--chart-text-color); }
    .basic-wizard .stepper-horizontal .step .step-title,
    .basic-wizard .stepper-horizontal .step .step-optional {
      text-align: center; }
    .basic-wizard .stepper-horizontal .step .step-bar-left,
    .basic-wizard .stepper-horizontal .step .step-bar-right {
      position: absolute;
      top: calc(32px - 18px);
      height: 4px;
      background-color: rgba(0, 102, 102, 0.2);
      border: solid rgba(0, 102, 102, 0.2);
      border-width: 2px 0; }
    .basic-wizard .stepper-horizontal .step .step-bar-left {
      width: 100%;
      left: 50%;
      z-index: -1; }
      [dir="rtl"] .basic-wizard .stepper-horizontal .step .step-bar-left {
        left: unset;
        right: 50%;
        margin-left: unset;
        margin-right: 1rem; }
    .basic-wizard .stepper-horizontal .step .step-bar-right {
      width: 0;
      left: 50%;
      z-index: -1;
      transition: width 500ms ease-in-out; }
      [dir="rtl"] .basic-wizard .stepper-horizontal .step .step-bar-right {
        right: 50%;
        left: unset; }
    .basic-wizard .stepper-horizontal .step.done .step-bar-right {
      background-color: var(--theme-deafult);
      border-color: var(--theme-deafult);
      z-index: 3;
      width: 100%; }

.basic-wizard form.none {
  display: none; }

.basic-wizard form.block {
  display: block; }

.basic-wizard form .form-check-label {
  margin-bottom: 0; }

.important-validation .form-label span {
  color: #FE6A49; }

.select-size.form-select {
  font-size: 14px; }

.wizard-footer button.disabled {
  background-color: #EAEBF2; }

.wizard-footer button.back {
  background-color: #FFAE1A; }

.successful-form {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding-bottom: 24px; }
  .successful-form img {
    width: 100px;
    height: 100px; }

.inquiries-form h6 {
  margin-bottom: 14px; }

.inquiries-form .choose-option {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .inquiries-form .choose-option .form-check:last-child {
    margin-bottom: 0; }

.form-completed img {
  height: 100px;
  margin: 0 auto;
  display: block; }

.form-completed h6 {
  text-align: center;
  margin-top: 24px; }

.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options {
  padding: 20px;
  background-color: var(--chart-border);
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 14px; }
  @media (max-width: 1182px) {
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options {
      justify-content: flex-start; } }
  .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a {
    display: flex;
    justify-content: center;
    align-items: center; }
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard {
      display: flex;
      justify-content: center;
      align-items: center;
      color: var(--body-font-color);
      transition: all 0.3s ease; }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard .stroke-icon-wizard i {
        font-size: 18px;
        color: var(--body-font-color); }
        [dir="rtl"] .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard .stroke-icon-wizard i {
          margin-right: unset;
          margin-left: 10px; }
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard {
      color: var(--white);
      transition: all 0.3s ease; }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .stroke-icon-wizard i, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .stroke-icon-wizard i {
        color: var(--white); }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .stroke-icon-wizard span, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .stroke-icon-wizard span {
        color: var(--white); }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .horizontal-wizard-content h6, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .horizontal-wizard-content h6 {
        color: #fff; }

.horizontal-wizard-wrapper .main-horizontal-header .form-check {
  margin-bottom: 0; }

.horizontal-wizard-wrapper .bank-search {
  margin-bottom: 22px; }
  @media (max-width: 767px) {
    .horizontal-wizard-wrapper .bank-search {
      margin-bottom: 0; } }
.horizontal-wizard-wrapper .bank-selection {
  padding: 10px 0 0 0; }
  @media (max-width: 401px) {
    .horizontal-wizard-wrapper .bank-selection .radio-wrapper {
      justify-content: center; } }
  .horizontal-wizard-wrapper .bank-selection .radio-wrapper li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; }
    .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label {
      margin-bottom: 0;
      padding: 6px; }
      .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label img {
        height: calc(45px + (52 - 45) * ((100vw - 320px) / (1920 - 320))); }
      .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label span {
        font-size: 14px; }

.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options {
  gap: 12px; }
  @media (max-width: 1400px) {
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options {
      justify-content: flex-start; } }
  .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link {
    color: var(--body-font-color); }
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard {
      gap: 10px; }
      .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard {
        width: 30px;
        height: 30px;
        background-color: rgba(0, 102, 102, 0.2);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 6px; }
        .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard i {
          margin-right: 0; }
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active {
      background-color: unset; }
      .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard {
        color: var(--body-font-color); }
        .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .horizontal-wizard-content h6, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .horizontal-wizard-content h6 {
          color: var(--theme-deafult); }
        .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .stroke-icon-wizard, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .stroke-icon-wizard {
          background-color: var(--theme-deafult); }
          .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .stroke-icon-wizard i, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .stroke-icon-wizard i {
            margin-right: 0;
            color: var(--white); }

.horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li {
  padding: 20px;
  display: grid;
  width: 100%;
  height: 100%;
  place-content: baseline;
  text-align: unset;
  align-items: unset;
  max-width: unset; }
  .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label {
    justify-content: unset;
    display: flex;
    align-items: center; }
    .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label span > span + span {
      font-size: 13px; }
      @media (max-width: 400px) {
        .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label span > span + span {
          display: none; } }
.horizontal-wizard-wrapper.vertical-options .main-horizontal-header {
  padding-bottom: 0; }
  .horizontal-wizard-wrapper.vertical-options .main-horizontal-header .horizontal-options {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px; }

.authentication-options .radio-wrapper {
  display: flex;
  gap: calc(8px + 8 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
  justify-content: center; }
  .authentication-options .radio-wrapper li {
    padding: 20px;
    display: grid;
    width: 100%;
    height: 100%;
    place-content: baseline;
    text-align: unset;
    align-items: unset;
    max-width: unset; }
    .authentication-options .radio-wrapper li .form-check-label {
      display: flex;
      align-items: center;
      text-align: left;
      gap: 14px; }
      @media (max-width: 400px) {
        .authentication-options .radio-wrapper li .form-check-label {
          align-items: baseline; } }
      .authentication-options .radio-wrapper li .form-check-label i {
        padding: 0; }
        [dir="rtl"] .authentication-options .radio-wrapper li .form-check-label i {
          padding: 0; }
      .authentication-options .radio-wrapper li .form-check-label span > span {
        font-size: 16px;
        color: #1f2533;
        font-weight: 500; }
        .authentication-options .radio-wrapper li .form-check-label span > span + span {
          color: var(--text-gray);
          font-size: 14px; }

.main-qr-code .modal-toggle-wrapper .modal-img {
  flex-direction: column;
  align-items: center;
  margin-bottom: 22px; }
  @media (max-width: 480px) {
    .main-qr-code .modal-toggle-wrapper .modal-img {
      align-items: unset; } }
  @media (max-width: 480px) {
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-img {
      text-align: center; } }
  .main-qr-code .modal-toggle-wrapper .modal-img .qr-img img {
    height: 100px;
    width: 100px; }
  .main-qr-code .modal-toggle-wrapper .modal-img .qr-content {
    margin-top: 16px; }
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert {
      align-items: unset; }
      .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert div {
        word-break: break-word; }
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-content i {
      font-size: 20px;
      margin-right: 0; }

.main-qr-code .modal-toggle-wrapper .btn {
  display: block;
  margin: auto;
  margin-top: 12px; }

.authentication-body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: auto;
  text-align: center; }
  .authentication-body img {
    height: calc(200px + (420 - 200) * ((100vw - 320px) / (1920 - 320))); }

.shopping-wizard .shipping-form .shipping-border {
  border-right: 1px solid var(--recent-dashed-border); }
  @media (max-width: 1200px) {
    .shopping-wizard .shipping-form .shipping-border {
      border-right: unset; } }
.shopping-wizard .shipping-form .shipping-options {
  display: flex;
  align-items: center;
  background-color: rgba(0, 102, 102, 0.2);
  flex-wrap: nowrap;
  margin-bottom: 18px; }
  @media (max-width: 768px) {
    .shopping-wizard .shipping-form .shipping-options {
      flex-direction: column; } }
  .shopping-wizard .shipping-form .shipping-options .nav-link {
    width: 100%; }
    @media (min-width: 1200px) and (max-width: 1920px) {
      .shopping-wizard .shipping-form .shipping-options .nav-link {
        padding: calc(8px + (8 - 8) * ((100vw - 300px) / (1920 - 300))) calc(6px + (16 - 6) * ((100vw - 300px) / (1920 - 300))); } }
    .shopping-wizard .shipping-form .shipping-options .nav-link:active i, .shopping-wizard .shipping-form .shipping-options .nav-link.active i {
      background-color: rgba(255, 255, 255, 0.3);
      color: var(--white);
      transition: all 0.3s ease-in-out; }
    .shopping-wizard .shipping-form .shipping-options .nav-link:active h6, .shopping-wizard .shipping-form .shipping-options .nav-link.active h6 {
      color: var(--white); }
  .shopping-wizard .shipping-form .shipping-options .cart-options {
    display: flex;
    align-items: center;
    gap: 11px; }
    .shopping-wizard .shipping-form .shipping-options .cart-options i {
      font-size: 18px;
      color: var(--white);
      width: 40px;
      height: 40px;
      background-color: var(--theme-deafult);
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      margin: 0;
      transition: all 0.3s ease-in-out; }
      @media (min-width: 1200px) and (max-width: 1920px) {
        .shopping-wizard .shipping-form .shipping-options .cart-options i {
          font-size: calc(14px + (18 - 14) * ((100vw - 1200px) / (1920 - 1200)));
          width: calc(30px + (40 - 30) * ((100vw - 1200px) / (1920 - 1200)));
          height: calc(30px + (40 - 30) * ((100vw - 1200px) / (1920 - 1200))); } }
    .shopping-wizard .shipping-form .shipping-options .cart-options h6 {
      color: var(--theme-deafult); }

.shopping-wizard .shipping-form .shipping-info .table thead th {
  white-space: nowrap; }
  .shopping-wizard .shipping-form .shipping-info .table thead th:last-child {
    text-align: end; }

.shopping-wizard .shipping-form .shipping-info .table tbody tr td img {
  height: 50px; }

.shopping-wizard .shipping-form .shipping-info .table tbody tr td:last-child {
  text-align: end; }

.shopping-wizard .shipping-form .shipping-info .table tbody tr td span {
  color: var(--text-gray); }

.shopping-wizard .shipping-form .shipping-info .table tbody tr:last-child td {
  border: 0; }

.shopping-wizard .shipping-form .shipping-info .table tfoot {
  font-weight: 400; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr td {
    white-space: nowrap; }
    .shopping-wizard .shipping-form .shipping-info .table tfoot tr td:first-child {
      max-width: 370px; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr td:last-child {
    min-width: 0;
    text-align: end; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr:first-child {
    font-weight: 500; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr:last-child {
    font-weight: 600; }
    .shopping-wizard .shipping-form .shipping-info .table tfoot tr:last-child td {
      border-bottom: 0; }

.shopping-wizard .shipping-form .shipping-content {
  height: 100%;
  padding: 0; }
  .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title > .btn {
      background: none !important;
      border: 0;
      padding: 0 28px; }
      .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title > .btn i {
        color: var(--theme-deafult); }
  .shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px; }
    .shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address .card-icon {
      display: flex;
      align-items: center;
      gap: 12px; }
      .shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address .card-icon i {
        font-size: 16px;
        color: var(--theme-deafult); }
  .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-address {
    display: flex;
    flex-direction: column;
    gap: 8px; }
    .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-address h6 {
      font-size: 15px;
      font-weight: 500; }
  .shopping-wizard .shipping-form .shipping-content > .active.finish-wizard1 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 55px - 18px); }
    @media (max-width: 768px) {
      .shopping-wizard .shipping-form .shipping-content > .active.finish-wizard1 {
        height: unset; } }
.shopping-wizard .shipping-form .shipping-method p {
  padding-left: 25px;
  color: var(--text-gray); }
  [dir="rtl"] .shopping-wizard .shipping-form .shipping-method p {
    padding-right: 25px;
    padding-left: unset; }

.shopping-wizard .shipping-form .proceed-next {
  transform: scaleX(-1); }

.shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 768px) {
    .shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper {
      justify-content: unset;
      align-items: flex-start;
      flex-direction: column; } }
  .shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper img {
    height: 50px; }

.shopping-wizard .shipping-form .payment-info-wrapper .pay-info {
  display: block; }
  .shopping-wizard .shipping-form .payment-info-wrapper .pay-info > div {
    margin-bottom: 12px;
    display: flex;
    align-items: center; }
    @media (max-width: 768px) {
      .shopping-wizard .shipping-form .payment-info-wrapper .pay-info > div {
        flex-direction: column;
        align-items: flex-start; } }
.shopping-wizard .shipping-form .order-confirm {
  text-align: center; }
  @media (max-width: 1200px) {
    .shopping-wizard .shipping-form .order-confirm {
      margin-bottom: 18px; } }
  .shopping-wizard .shipping-form .order-confirm img {
    height: calc(95px + (140 - 95) * ((100vw - 320px) / (1920 - 320))); }

.avatar-upload {
  flex-direction: column; }
  .avatar-upload div:first-child {
    position: relative;
    max-width: 205px;
    margin: auto; }
    .avatar-upload div:first-child .avatar-edit {
      position: absolute;
      right: 25px;
      z-index: 1;
      top: 4px; }
      .avatar-upload div:first-child .avatar-edit input {
        display: none; }
      .avatar-upload div:first-child .avatar-edit label {
        display: inline-block;
        width: 35px;
        height: 35px;
        margin-bottom: 0;
        border-radius: 100%;
        background: var(--light-bg);
        border: 1px solid transparent;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
        cursor: pointer;
        font-weight: normal;
        transition: all 0.2s ease-in-out; }
        .avatar-upload div:first-child .avatar-edit label::after {
          content: "\f040";
          font-family: 'FontAwesome';
          color: var(--body-font-color);
          position: absolute;
          top: 8px;
          left: 3px;
          right: 0;
          text-align: center;
          margin: auto; }
          [dir="rtl"] .avatar-upload div:first-child .avatar-edit label::after {
            right: 3px;
            left: 0; }
    .avatar-upload div:first-child .avatar-preview {
      width: 150px;
      height: 150px;
      position: relative;
      border-radius: 100%;
      border: 6px solid #F8F8F8;
      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
      margin: auto; }
      .avatar-upload div:first-child .avatar-preview > div {
        background-image: url(/../images/forms/user.png);
        width: 100%;
        height: 100%;
        border-radius: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }
  .avatar-upload h6 {
    text-align: center;
    padding-top: 14px; }

.email-verify .card-wrapper {
  display: grid;
  place-content: center; }
  .email-verify .card-wrapper > div {
    align-items: center; }
  .email-verify .card-wrapper .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.authenticate {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .authenticate span:nth-of-type(1) {
    margin-top: 12px; }
  .authenticate h4 {
    margin-bottom: 12px; }
  .authenticate img {
    height: calc(145px + (200 - 145) * ((100vw - 320px) / (1920 - 320))); }
  .authenticate form {
    flex-direction: column;
    text-align: center; }
    .authenticate form .otp-generate {
      display: flex;
      gap: 12px;
      margin: 14px 0;
      justify-content: center; }
    .authenticate form .form-control {
      width: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
      height: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
      border-radius: 5px;
      text-align: center;
      padding: 0;
      display: block;
      min-width: 0; }
    .authenticate form div {
      display: inline-grid;
      gap: 2px;
      margin-top: 12px; }

.accordion .accordion-item .accordion-body .choose-bank .form-check .form-check-label {
  color: var(--body-font-color); }

/*Form Wizard Four Ends*/
/**=====================
   2.17 Form-wizard CSS Ends
==========================**/
/**=====================
  2.18 Forms CSS Start
==========================**/
.form-label {
  margin-bottom: 4px; }

.col-form-label {
  padding-bottom: 4px; }

.form-space {
  margin-bottom: -10px; }
  .form-space > div {
    margin-bottom: 10px; }

.theme-form .form-control :focus {
  box-shadow: 0 0 0 0.2rem rgba(171, 140, 228, 0.05); }

.theme-form textarea {
  border-color: #efefef; }
  .theme-form textarea::-webkit-input-placeholder {
    color: #898989;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 100; }

.theme-form input[type=text],
.theme-form input[type=email],
.theme-form input[type=search],
.theme-form input[type=password],
.theme-form input[type=number],
.theme-form input[type=tel],
.theme-form input[type=date],
.theme-form input[type=datetime-local],
.theme-form input[type=time],
.theme-form input[type=datetime-local],
.theme-form input[type=month],
.theme-form input[type=week],
.theme-form input[type=url],
.theme-form input[type=file],
.theme-form textarea,
.theme-form select {
  border-color: #E6E9EB;
  background-color: #fff;
  font-size: 14px;
  color: #898989;
  padding: 10px;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .theme-form input[type=text]::placeholder,
  .theme-form input[type=email]::placeholder,
  .theme-form input[type=search]::placeholder,
  .theme-form input[type=password]::placeholder,
  .theme-form input[type=number]::placeholder,
  .theme-form input[type=tel]::placeholder,
  .theme-form input[type=date]::placeholder,
  .theme-form input[type=datetime-local]::placeholder,
  .theme-form input[type=time]::placeholder,
  .theme-form input[type=datetime-local]::placeholder,
  .theme-form input[type=month]::placeholder,
  .theme-form input[type=week]::placeholder,
  .theme-form input[type=url]::placeholder,
  .theme-form input[type=file]::placeholder,
  .theme-form textarea::placeholder,
  .theme-form select::placeholder {
    color: #898989;
    font-weight: 500; }
  .theme-form input[type=text]::-webkit-input-placeholder,
  .theme-form input[type=email]::-webkit-input-placeholder,
  .theme-form input[type=search]::-webkit-input-placeholder,
  .theme-form input[type=password]::-webkit-input-placeholder,
  .theme-form input[type=number]::-webkit-input-placeholder,
  .theme-form input[type=tel]::-webkit-input-placeholder,
  .theme-form input[type=date]::-webkit-input-placeholder,
  .theme-form input[type=datetime-local]::-webkit-input-placeholder,
  .theme-form input[type=time]::-webkit-input-placeholder,
  .theme-form input[type=datetime-local]::-webkit-input-placeholder,
  .theme-form input[type=month]::-webkit-input-placeholder,
  .theme-form input[type=week]::-webkit-input-placeholder,
  .theme-form input[type=url]::-webkit-input-placeholder,
  .theme-form input[type=file]::-webkit-input-placeholder,
  .theme-form textarea::-webkit-input-placeholder,
  .theme-form select::-webkit-input-placeholder {
    color: #86909C;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 100; }

.theme-form input[type=text]::placeholder {
  color: #86909C;
  font-size: 14px; }

.theme-form input[type=file] {
  height: auto; }

.theme-form select.form-control:not([size]):not([multiple]) {
  border-color: #efefef;
  font-size: 14px; }

.theme-form .checkbox label {
  padding-left: 10px; }
  [dir="rtl"] .theme-form .checkbox label {
    padding-right: 10px;
    padding-left: unset; }

.theme-form .form-divider {
  position: relative;
  clear: both;
  height: 0;
  margin: 30px 0;
  border-top: 1px solid #efefef; }
  .theme-form .form-divider:before {
    position: absolute;
    top: -11px;
    left: 40%;
    margin-left: -10px;
    padding: 0 5px;
    content: "Or Signup With";
    color: #242934;
    background: #fff; }
    [dir="rtl"] .theme-form .form-divider:before {
      left: unset;
      right: 40%;
      margin-left: unset;
      margin-right: -10px; }

.theme-form .login-divider {
  position: relative;
  clear: both;
  height: 0;
  margin: 30px 0;
  border-top: 1px solid #efefef; }
  .theme-form .login-divider:before {
    position: absolute;
    top: -11px;
    left: 40%;
    margin-left: -10px;
    padding: 0 5px;
    color: #242934;
    background: #fff;
    content: "Or Login With"; }
    [dir="rtl"] .theme-form .login-divider:before {
      left: unset;
      right: 40%;
      margin-left: unset;
      margin-right: -10px; }

.theme-form .btn-fb,
.theme-form .btn-twitter,
.theme-form .btn-google,
.theme-form .btn-linkedin {
  color: #fff;
  width: 100%; }

.theme-form .btn-fb {
  background-color: #50598e; }

.theme-form .btn-twitter {
  background-color: #6fa2d8; }

.theme-form .btn-google {
  background-color: #c64e40; }

.theme-form .btn-linkedin {
  background-color: #0077B5; }

.form-inline {
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0; }
  .form-inline .col-form-label {
    margin-right: 5px; }
    [dir="rtl"] .form-inline .col-form-label {
      margin-left: 5px;
      margin-right: unset; }

.search-form .form-group:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 25px;
  background: #e8ebf2;
  left: 82px;
  top: 50px; }
  [dir="rtl"] .search-form .form-group:before {
    left: unset;
    right: 82px; }

.search-form .form-group:after {
  position: absolute;
  content: "\f002";
  font-family: "FontAwesome";
  top: 53px;
  left: 53px;
  color: #8e8e8e; }
  [dir="rtl"] .search-form .form-group:after {
    left: unset;
    right: 53px; }

.search-form input {
  border: 1px solid #efefef;
  padding: 10px 10px 10px 70px;
  border-radius: 10px;
  background-color: rgba(230, 233, 235, 0.3); }
  [dir="rtl"] .search-form input {
    padding: 10px 70px 10px 10px; }
  .search-form input:focus {
    outline: none !important; }

.form-label-align-right label {
  text-align: right;
  padding-top: 17px;
  font-weight: 500; }

.custom-input.was-validated .form-control:valid,
.custom-input.was-validated .form-select:valid {
  border-color: #00AC46; }

.custom-input.was-validated .form-control:invalid,
.custom-input.was-validated .form-select:invalid {
  border-color: #FE6A49; }

.custom-input .valid-tooltip {
  background-color: #00AC46; }

.custom-input .invalid-tooltip {
  background-color: rgba(254, 106, 73, 0.8); }

.custom-input .invalid-feedback {
  color: #FE6A49 !important; }

.custom-input .form-check .form-check-input:valid {
  border-color: #00AC46; }

.custom-input .form-check .form-check-input:invalid {
  border-color: #FE6A49; }

.custom-input .form-check .form-check-input:invalid ~ .form-check-label {
  color: #FE6A49; }

.custom-input .form-check .form-check-input:valid ~ .form-check-label {
  color: #00AC46; }

.custom-input .form-check .form-check-input:checked {
  background-color: #00AC46; }

.custom-input .form-check .invalid-feedback {
  color: #FE6A49; }

.custom-input #validationCustom03.form-control,
.custom-input #validationCustom03 .form-select,
.custom-input #validationCustom05.form-control,
.custom-input #validationCustom05 .form-select,
.custom-input #validationCustomUsername.form-control,
.custom-input #validationCustomUsername .form-select {
  border-color: #E6E9EB; }

.custom-input #validationCustom03.was-validated .form-control:valid,
.custom-input #validationCustom03.was-validated .form-select:valid,
.custom-input #validationCustom05.was-validated .form-control:valid,
.custom-input #validationCustom05.was-validated .form-select:valid,
.custom-input #validationCustomUsername.was-validated .form-control:valid,
.custom-input #validationCustomUsername.was-validated .form-select:valid {
  border-color: #00AC46 !important; }

.custom-input #validationCustom03.was-validated .form-control:invalid,
.custom-input #validationCustom03.was-validated .form-select:invalid,
.custom-input #validationCustom05.was-validated .form-control:invalid,
.custom-input #validationCustom05.was-validated .form-select:invalid,
.custom-input #validationCustomUsername.was-validated .form-control:invalid,
.custom-input #validationCustomUsername.was-validated .form-select:invalid {
  border-color: #FE6A49 !important; }

[dir="rtl"] .custom-input .form-check.form-switch .form-check-input {
  margin-left: 7px; }

.form-check-reverse {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding: 0; }
  .form-check-reverse .form-check-input {
    float: left;
    margin-right: 0;
    margin-left: 10px; }

.checkbox-checked.card-wrapper h6.sub-title {
  font-weight: 600;
  font-size: 17px; }

.checkbox-checked .form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-checked .form-check-input:focus {
  border-color: #006666;
  box-shadow: 0 0 0 4px rgba(0, 102, 102, 0.25); }

.checkbox-checked .card-wrapper .form-check:last-child {
  min-height: 0;
  margin-bottom: 0; }
  .checkbox-checked .card-wrapper .form-check:last-child label {
    margin-bottom: 0; }

.form-check-size {
  display: flex;
  gap: 22px;
  align-items: center;
  flex-wrap: wrap; }
  .form-check-size .form-check-inline {
    margin: 0;
    min-height: 0; }
    [dir="rtl"] .form-check-size .form-check-inline {
      margin: 0; }
    .form-check-size .form-check-inline .form-check-input {
      width: 18px;
      height: 18px;
      margin-top: 0; }
    .form-check-size .form-check-inline .check-size {
      width: 36px;
      height: 18px;
      margin-top: 0; }
    .form-check-size .form-check-inline label {
      margin: 0; }

.main-img-checkbox .img-checkbox {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }
  .main-img-checkbox .img-checkbox .main-img-cover {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 24px;
    height: 24px; }
    [dir="rtl"] .main-img-checkbox .img-checkbox .main-img-cover {
      left: unset;
      right: 15px; }
  .main-img-checkbox .img-checkbox .form-check-label {
    width: 100%; }
  .main-img-checkbox .img-checkbox img {
    width: 100%;
    height: 220px;
    object-fit: cover; }

.main-icon-checkbox.checkbox label {
  margin-top: 0; }
  .main-icon-checkbox.checkbox label::before {
    content: '';
    width: 100%;
    height: 100%;
    margin-left: 1px;
    background-color: transparent;
    top: 0;
    display: block; }
    [dir="rtl"] .main-icon-checkbox.checkbox label::before {
      margin-left: unset;
      margin-right: 1px; }

.main-icon-checkbox.checkbox-primary input[type=checkbox]:checked + label::before {
  color: transparent;
  border: 2px solid #006666; }

.main-icon-checkbox.checkbox-primary input[type=checkbox] {
  opacity: 1; }

.main-icon-checkbox.checkbox-primary .form-check-input {
  border: 1px solid #E6E9EB; }
  .main-icon-checkbox.checkbox-primary .form-check-input.checkbox-shadow:focus {
    box-shadow: none; }
  .main-icon-checkbox.checkbox-primary .form-check-input[type=checkbox]:checked {
    background-image: none; }

.main-radio-toggle .btn,
.main-checkbox-toggle .btn {
  margin-bottom: 0; }

.radio-wrapper,
.checkbox-wrapper {
  display: flex;
  gap: calc(8px + (16 - 8) * ((100vw - 320px) / (1920 - 320)));
  flex-wrap: wrap;
  justify-content: center; }
  @media (max-width: 1200px) {
    .radio-wrapper,
    .checkbox-wrapper {
      justify-content: unset; } }
  .radio-wrapper li,
  .checkbox-wrapper li {
    position: relative;
    width: 100%;
    padding: 12px;
    border: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 130px; }
    @media (max-width: 1335px) {
      .radio-wrapper li,
      .checkbox-wrapper li {
        max-width: 113px; } }
    @media (max-width: 1232px) {
      .radio-wrapper li,
      .checkbox-wrapper li {
        padding: 10px;
        max-width: 105px; } }
    .radio-wrapper li .form-check-input,
    .checkbox-wrapper li .form-check-input {
      position: absolute;
      width: 100%;
      height: 100%;
      float: none;
      margin: 0;
      top: 0;
      left: 0;
      opacity: 1;
      border-radius: 0;
      background-color: transparent;
      border: 1px solid #E6E9EB; }
      .radio-wrapper li .form-check-input:focus,
      .checkbox-wrapper li .form-check-input:focus {
        box-shadow: none; }
      .radio-wrapper li .form-check-input[type=radio],
      .checkbox-wrapper li .form-check-input[type=radio] {
        opacity: 1; }
      .radio-wrapper li .form-check-input:checked,
      .checkbox-wrapper li .form-check-input:checked {
        border: 2px solid #006666;
        background-color: transparent; }
        .radio-wrapper li .form-check-input[type=radio]:checked,
        .checkbox-wrapper li .form-check-input[type=radio]:checked {
          background-image: none;
          box-shadow: unset; }
    .radio-wrapper li .form-check-label,
    .checkbox-wrapper li .form-check-label {
      position: unset;
      padding: 0;
      margin-bottom: 0; }
      .radio-wrapper li .form-check-label:after,
      .checkbox-wrapper li .form-check-label:after {
        content: none; }
      .radio-wrapper li .form-check-label::before,
      .checkbox-wrapper li .form-check-label::before {
        content: none; }
      .radio-wrapper li .form-check-label i,
      .checkbox-wrapper li .form-check-label i {
        font-size: 18px;
        padding-right: 8px; }
        [dir="rtl"] .radio-wrapper li .form-check-label i, [dir="rtl"] .checkbox-wrapper li .form-check-label i {
          padding-right: 0;
          padding-left: 8px; }
      .radio-wrapper li .form-check-label span,
      .checkbox-wrapper li .form-check-label span {
        font-size: 16px; }

[dir="rtl"] .rtl-input .form-check.form-check-inline {
  padding: 0; }

[dir="rtl"] .rtl-input .form-check.form-switch {
  padding-right: 40px; }

[dir="rtl"] .rtl-input .form-check.form-switch .form-check-input {
  margin-left: unset;
  margin-right: -40px;
  float: right; }

.radio-form {
  display: flex;
  gap: 18px;
  flex-wrap: wrap; }
  .radio-form .form-check {
    min-height: 0;
    margin-bottom: 0; }
    .radio-form .form-check .form-check-label {
      margin-bottom: 0; }

.basic-form {
  position: relative; }
  .basic-form svg {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%); }
    [dir="rtl"] .basic-form svg {
      right: 0;
      left: 12px; }
    .basic-form svg.stroke-icon {
      width: 25px;
      height: 25px;
      stroke: #2c323f;
      position: absolute;
      top: 50%;
      right: 12px;
      transform: translateY(-50%); }
      [dir="rtl"] .basic-form svg.stroke-icon {
        right: unset;
        left: 12px; }

.form-check {
  margin-bottom: 0; }

.theme-form .custom-input .row .col .row:last-child label {
  margin: 0; }

.theme-form.dark-inputs input::file-selector-button {
  border-radius: 30px; }

[dir="rtl"] .theme-form .form-floating > label {
  left: unset;
  right: 0; }

/**=====================
  2.18 Forms CSS Ends
==========================**/
/**=====================
	2.19 Icons CSS Start
==========================**/
.icon-lists div {
  cursor: pointer;
  line-height: 60px;
  white-space: nowrap;
  border-radius: 4px;
  display: flex;
  align-items: center; }
  .icon-lists div:hover {
    background-color: var(--light-background); }
  .icon-lists div i {
    margin: 0 15px 0 10px;
    font-size: 24px; }

.icon-lists.whether-icon svg {
  height: 50px;
  width: 50px; }

.icon-lists.feather-icons .media svg {
  margin: 0 15px 0 10px; }

.icon-lists .feather-icon .icon-first h6 {
  display: none; }

.flag-icons,
.feather-icons {
  margin-bottom: -15px;
  margin-top: -15px; }
  .flag-icons div,
  .feather-icons div {
    line-height: 1;
    word-wrap: break-word;
    overflow: auto; }
    .flag-icons div .flag-icon,
    .feather-icons div .flag-icon {
      height: 50px;
      width: 50px; }
    .flag-icons div .media,
    .feather-icons div .media {
      padding-top: 15px;
      padding-bottom: 15px;
      width: 100%; }
    .flag-icons div .media-body h6,
    .feather-icons div .media-body h6 {
      margin-bottom: 0;
      font-size: 14px;
      font-weight: 400;
      max-width: 100%;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .flag-icons div .media-body h5,
    .feather-icons div .media-body h5 {
      background-color: var(--theme-deafult);
      display: inline-block;
      padding: 3px 5px;
      font-size: 11px;
      border-radius: 3px;
      margin-bottom: 5px;
      margin-right: 5px;
      color: #fff; }
      [dir="rtl"] .flag-icons div .media-body h5, [dir="rtl"] .feather-icons div .media-body h5 {
        margin-left: 5px;
        margin-right: unset; }

.icon-hover-bottom {
  background-color: #fdfeff;
  width: 100%;
  bottom: 0;
  left: 0;
  box-shadow: 0px 0px 1px 1px #E6E9EB;
  z-index: 999; }
  .icon-hover-bottom .icon-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 20px; }
    .icon-hover-bottom .icon-popup .close-icon {
      position: absolute;
      right: 10px;
      top: 10px;
      font-size: 20px;
      color: #E6E9EB;
      cursor: pointer; }
      [dir="rtl"] .icon-hover-bottom .icon-popup .close-icon {
        right: unset;
        left: 10px; }
    .icon-hover-bottom .icon-popup > div {
      display: inline-block; }
      .icon-hover-bottom .icon-popup > div .flag-icon {
        width: 60px;
        height: 60px; }
    .icon-hover-bottom .icon-popup .icon-class {
      margin: 0 20px;
      cursor: pointer; }
    .icon-hover-bottom .icon-popup .icon-last .form-inline .form-group {
      display: initial; }
  .icon-hover-bottom .icon-title {
    display: block;
    color: #2c323f;
    text-transform: uppercase;
    font-weight: 500; }
  .icon-hover-bottom span,
  .icon-hover-bottom label,
  .icon-hover-bottom .btn {
    font-family: "Montserrat", sans-serif; }
  .icon-hover-bottom .form-group input {
    display: inline-block;
    width: 300px;
    background-color: #fff;
    font-family: "Montserrat", sans-serif; }

.fa-fa-icon-show-div,
.icons-show-div {
  display: none; }

.icon-first i {
  color: #898989; }

.icon-first h6 {
  display: none; }

/**=====================
    2.19 Icons CSS Ends
==========================**/
/**=====================
   2.20 List CSS Start
==========================**/
.list-group-item.active {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }

.list-group i {
  margin-right: 10px; }

.list-group img {
  height: 40px;
  width: 40px;
  margin-right: 10px; }

.list-light-primary {
  background-color: rgba(0, 102, 102, 0.2); }
  .list-light-primary:hover, .list-light-primary:active, .list-light-primary.active, .list-light-primary:focus {
    border: none;
    outline: unset;
    background-color: rgba(0, 102, 102, 0.2) !important; }

.list-hover-primary {
  background-color: unset; }
  .list-hover-primary:hover, .list-hover-primary:active, .list-hover-primary.active, .list-hover-primary:focus {
    background-color: rgba(0, 102, 102, 0.2);
    color: #2c323f;
    z-index: 0; }

.list-light-secondary {
  background-color: rgba(254, 106, 73, 0.3); }
  .list-light-secondary:hover, .list-light-secondary:active, .list-light-secondary.active, .list-light-secondary:focus {
    border: none;
    outline: unset;
    background-color: rgba(254, 106, 73, 0.3) !important; }

.list-hover-secondary {
  background-color: unset; }
  .list-hover-secondary:hover, .list-hover-secondary:active, .list-hover-secondary.active, .list-hover-secondary:focus {
    background-color: rgba(254, 106, 73, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-success {
  background-color: rgba(0, 172, 70, 0.3); }
  .list-light-success:hover, .list-light-success:active, .list-light-success.active, .list-light-success:focus {
    border: none;
    outline: unset;
    background-color: rgba(0, 172, 70, 0.3) !important; }

.list-hover-success {
  background-color: unset; }
  .list-hover-success:hover, .list-hover-success:active, .list-hover-success.active, .list-hover-success:focus {
    background-color: rgba(0, 172, 70, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-warning {
  background-color: rgba(255, 174, 26, 0.3); }
  .list-light-warning:hover, .list-light-warning:active, .list-light-warning.active, .list-light-warning:focus {
    border: none;
    outline: unset;
    background-color: rgba(255, 174, 26, 0.3) !important; }

.list-hover-warning {
  background-color: unset; }
  .list-hover-warning:hover, .list-hover-warning:active, .list-hover-warning.active, .list-hover-warning:focus {
    background-color: rgba(255, 174, 26, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-info {
  background-color: rgba(23, 56, 120, 0.3); }
  .list-light-info:hover, .list-light-info:active, .list-light-info.active, .list-light-info:focus {
    border: none;
    outline: unset;
    background-color: rgba(23, 56, 120, 0.3) !important; }

.list-hover-info {
  background-color: unset; }
  .list-hover-info:hover, .list-hover-info:active, .list-hover-info.active, .list-hover-info:focus {
    background-color: rgba(23, 56, 120, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-light {
  background-color: #F9F9FB; }
  .list-light-light:hover, .list-light-light:active, .list-light-light.active, .list-light-light:focus {
    border: none;
    outline: unset;
    background-color: #F9F9FB !important; }

.list-hover-light {
  background-color: unset; }
  .list-hover-light:hover, .list-hover-light:active, .list-hover-light.active, .list-hover-light:focus {
    background-color: #F9F9FB;
    color: #2c323f;
    z-index: 0; }

.list-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }
  .list-light-danger:hover, .list-light-danger:active, .list-light-danger.active, .list-light-danger:focus {
    border: none;
    outline: unset;
    background-color: rgba(254, 106, 73, 0.3) !important; }

.list-hover-danger {
  background-color: unset; }
  .list-hover-danger:hover, .list-hover-danger:active, .list-hover-danger.active, .list-hover-danger:focus {
    background-color: rgba(254, 106, 73, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-dark {
  background-color: #EAEBF2; }
  .list-light-dark:hover, .list-light-dark:active, .list-light-dark.active, .list-light-dark:focus {
    border: none;
    outline: unset;
    background-color: #EAEBF2 !important; }

.list-hover-dark {
  background-color: unset; }
  .list-hover-dark:hover, .list-hover-dark:active, .list-hover-dark.active, .list-hover-dark:focus {
    background-color: #EAEBF2;
    color: #2c323f;
    z-index: 0; }

.horizontal-list-wrapper .list-group .list-group-item {
  padding: 8px; }

.list-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap; }
  @media (max-width: 414px) {
    .list-wrapper {
      flex-wrap: unset;
      word-break: break-word; } }
  @media (max-width: 366px) {
    .list-wrapper {
      padding-bottom: 8px; } }
  .list-wrapper .list-img {
    width: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));
    height: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 10px;
    border-radius: 50%; }
  .list-wrapper .list-content p {
    margin-bottom: 0; }

.scrollbar-wrapper {
  max-height: 270px;
  overflow: auto; }

@media (max-width: 480px) {
  .main-lists-content small {
    display: none; } }

@media (max-width: 1199px) {
  .list-behavior-1 {
    gap: 12px; } }

@media (max-width: 575px) {
  .list-behavior-1:first-child {
    margin-bottom: 14px; } }

@media (max-width: 1999px) {
  .list-behavior-1 img {
    height: 86px; } }

@media (max-width: 992px) {
  .list-behavior-1 img {
    height: 70px; } }

.list-behavior-1 .flex-grow-1 {
  margin-left: 16px; }
  @media (max-width: 1199px) {
    .list-behavior-1 .flex-grow-1 {
      margin-left: 0; }
      .list-behavior-1 .flex-grow-1 p {
        display: block;
        display: -webkit-box;
        max-width: 100%;
        margin: 0 auto;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; } }
  [dir="rtl"] .list-behavior-1 .flex-grow-1 {
    margin-right: 16px;
    margin-left: unset; }

.list-behaviors > div:nth-child(even) .flex-grow-1 {
  order: -1;
  margin-left: unset;
  margin-right: 16px; }
  @media (max-width: 1199px) {
    .list-behaviors > div:nth-child(even) .flex-grow-1 {
      margin-left: 0;
      margin-right: 0;
      order: unset; } }
.list-group .list-group-item {
  padding: 11px 16px; }
  .list-group .list-group-item .form-check-input:focus {
    box-shadow: unset !important; }
  [dir="rtl"] .list-group .list-group-item i {
    margin-left: 10px;
    margin-right: unset; }

@media (max-width: 1216px) {
  .contact-profile {
    background-color: unset; }
    .contact-profile.list-light-dark:hover {
      background-color: unset; } }

.badge-list .list-group-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap; }
  .badge-list .list-group-item div {
    margin-right: auto;
    margin-left: 8px; }
    [dir="rtl"] .badge-list .list-group-item div {
      margin-left: auto;
      margin-right: 8px; }

/**=====================
   2.20 List CSS Ends
==========================**/
/**=====================
    2.21 Loader CSS Start
==========================**/
.loader-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  background-color: #fff;
  z-index: 11;
  top: 0; }
  .loader-wrapper .loader4 {
    position: relative;
    color: var(--theme-deafult);
    font-size: 50px;
    text-indent: -9999em;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    transform: translateZ(0);
    animation: loader4 1.7s infinite ease,  loader4Round 1.7s infinite ease;
    overflow: hidden; }

@keyframes loader4 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } }

@keyframes loader4Round {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/**=====================
    2.21 Loader CSS Ends
==========================**/
/**=====================
    2.22 Modal CSS start
==========================**/
.modal-toggle-wrapper .form-control::placeholder {
  font-size: 13px; }

.modal-toggle-wrapper .modal-img {
  display: flex;
  justify-content: center; }
  .modal-toggle-wrapper .modal-img img {
    width: 200px;
    height: 200px; }
    @media (max-width: 992px) {
      .modal-toggle-wrapper .modal-img img {
        width: calc(136px + (200 - 136) * ((100vw - 320px) / (992 - 320)));
        height: calc(136px + (200 - 136) * ((100vw - 320px) / (992 - 320))); } }
  .modal-toggle-wrapper .modal-img li img {
    width: 100px;
    height: 100px; }
    @media (max-width: 992px) {
      .modal-toggle-wrapper .modal-img li img {
        width: calc(75px + (100 - 75) * ((100vw - 320px) / (992 - 320)));
        height: calc(75px + (100 - 75) * ((100vw - 320px) / (992 - 320))); } }
  .modal-toggle-wrapper .modal-img li + li {
    margin-left: -39px; }

.modal-toggle-wrapper button svg {
  width: 16px;
  height: 16px; }

.large-modal-header,
.large-modal-body {
  display: flex;
  align-items: center;
  color: #2c323f; }
  .large-modal-header svg,
  .large-modal-body svg {
    width: 20px;
    height: 20px; }

.modal-padding-space {
  padding-left: 20px; }

.svg-modal {
  width: 15px;
  height: 15px;
  stroke: #FE6A49;
  vertical-align: middle; }

.card-wrapper .modal-heading h5 {
  font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1400 - 320))); }

@media (min-width: 750px) and (max-width: 1200px) {
  .card-wrapper .balance-modal {
    display: flex;
    flex-direction: column; } }

.modal-footer .btn {
  margin: 0 4px; }

.modal-content .modal-header .btn-close:focus {
  box-shadow: unset; }

.modal-details h6 {
  padding-bottom: 12px; }

.modal-details .web-content {
  margin-bottom: 16px; }
  .modal-details .web-content .d-flex p {
    padding-bottom: 8px; }
  .modal-details .web-content .d-flex:last-child p {
    padding-bottom: 0; }
  .modal-details .web-content:last-child {
    margin-bottom: 0; }

/**=====================
    2.22 Modal CSS end
==========================**/
/**=====================
  2.23 Popover CSS Start
==========================**/
.popover-header {
  background-color: #2c323f;
  color: #fff; }

.popover-main .btn-showcase a {
  color: #fff; }

.popover-main .btn-showcase button:last-child {
  margin-right: 0; }

/**=====================
  2.23 Popover CSS Ends
==========================**/
/**=====================
  2.24 Print CSS Start
==========================**/
@media print {
  .sidebar-wrapper,
  .page-header {
    display: none; }
  .page-body {
    margin: 0 !important; }
  .page-wrapper .page-title {
    visibility: hidden; }
  .page-wrapper .page-body-wrapper .page-title {
    display: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin: 0; }
  .customizer-links {
    display: none; }
  table.fixedHeader-floating {
    display: none; }
  .email-left-aside {
    display: none; }
  .footer {
    display: none; } }

.invoice-table {
  margin-top: 16px;
  margin-bottom: 16px; }

.invoice .text-right input {
  margin-top: 6px; }

.invoice .media {
  align-items: center; }

/**=====================
  2.24 Print CSS Ends
==========================**/
/**=====================
    2.25 Radio CSS Start
==========================**/
.animate-chk label {
  line-height: 1.6;
  cursor: pointer; }
  .animate-chk label:last-child {
    margin-bottom: 0; }

.checkbox_animated {
  cursor: pointer;
  position: relative;
  margin: 0 1rem 0 0; }
  .checkbox_animated:before {
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: rotate(-45deg) scale(0, 0);
    content: "";
    position: absolute;
    left: 0.25rem;
    top: 0.225rem;
    z-index: 1;
    width: 0.75rem;
    height: 0.375rem;
    border: 2px solid var(--theme-deafult);
    border-top-style: none;
    border-right-style: none; }
  .checkbox_animated:after {
    content: "";
    position: absolute;
    top: -0.125rem;
    left: 0;
    width: 1.3rem;
    height: 1.3rem;
    background: #fff;
    border: 2px solid #ecf3fa;
    cursor: pointer; }
  .checkbox_animated:checked:before {
    transform: rotate(-45deg) scale(1, 1); }

.radio_animated {
  position: relative;
  margin: 0 1rem 0 0;
  cursor: pointer; }
  .radio_animated:before {
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: scale(0, 0);
    content: "";
    position: absolute;
    top: 0;
    left: 0.125rem;
    z-index: 1;
    width: 0.75rem;
    height: 0.75rem;
    background: var(--theme-deafult);
    border-radius: 50%; }
  .radio_animated:after {
    content: "";
    position: absolute;
    top: -0.25rem;
    left: -0.125rem;
    width: 1.25rem;
    height: 1.25rem;
    background: #fff;
    border: 2px solid #ecf3fa;
    border-radius: 50%; }
  .radio_animated:checked:before {
    transform: scale(1, 1); }

.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 16px;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 10px; }
  .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    margin-left: -16px;
    border: 1px solid #efefef;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
  .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #242934; }

.checkbox input[type="checkbox"] {
  opacity: 0; }
  .checkbox input[type="checkbox"]:focus {
    outline-offset: -2px; }
    .checkbox input[type="checkbox"]:focus + label::before {
      outline-offset: -2px; }

.checkbox input[type="checkbox"]:checked + label::before {
  font-family: themify;
  content: "\e64c";
  text-align: center;
  line-height: 1.2; }

.checkbox input[type="checkbox"]:disabled + label {
  opacity: 0.65; }
  .checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #E6E9EB;
    cursor: not-allowed; }

.checkbox .checkbox-circle label::before {
  border-radius: 50%; }

.checkbox .checkbox-inline {
  margin-top: 0; }

.m-squar label::before {
  border-radius: 0; }

.m-squar .checkbox-circle label::before {
  border-radius: 50%; }

.m-squar .checkbox-inline {
  margin-top: 0; }

.checkbox-primary label::before {
  border-color: var(--theme-deafult); }

.checkbox-primary input[type="checkbox"]:checked + label::before {
  border-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-primary label:before {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  color: #fff; }

.checkbox-solid-primary input[type="checkbox"]:checked + label::before {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  color: #fff; }

.checkbox-solid-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-primary input[type="radio"] + label::before {
  border-color: var(--theme-deafult); }

.radio-primary input[type="radio"] + label::after {
  background-color: var(--theme-deafult); }

.radio-primary input[type="radio"]:checked + label::before {
  border-color: var(--theme-deafult); }

.radio-primary input[type="radio"]:checked + label::after {
  background-color: var(--theme-deafult); }

.checkbox-secondary label::before {
  border-color: #FE6A49; }

.checkbox-secondary input[type="checkbox"]:checked + label::before {
  border-color: #FE6A49;
  color: #FE6A49; }

.checkbox-secondary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-secondary label:before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-secondary input[type="checkbox"]:checked + label::before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-secondary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-secondary input[type="radio"] + label::before {
  border-color: #FE6A49; }

.radio-secondary input[type="radio"] + label::after {
  background-color: #FE6A49; }

.radio-secondary input[type="radio"]:checked + label::before {
  border-color: #FE6A49; }

.radio-secondary input[type="radio"]:checked + label::after {
  background-color: #FE6A49; }

.checkbox-success label::before {
  border-color: #00AC46; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  border-color: #00AC46;
  color: #00AC46; }

.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-success label:before {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fff; }

.checkbox-solid-success input[type="checkbox"]:checked + label::before {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fff; }

.checkbox-solid-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-success input[type="radio"] + label::before {
  border-color: #00AC46; }

.radio-success input[type="radio"] + label::after {
  background-color: #00AC46; }

.radio-success input[type="radio"]:checked + label::before {
  border-color: #00AC46; }

.radio-success input[type="radio"]:checked + label::after {
  background-color: #00AC46; }

.checkbox-danger label::before {
  border-color: #FE6A49; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  border-color: #FE6A49;
  color: #FE6A49; }

.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-danger label:before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-danger input[type="checkbox"]:checked + label::before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-danger input[type="radio"] + label::before {
  border-color: #FE6A49; }

.radio-danger input[type="radio"] + label::after {
  background-color: #FE6A49; }

.radio-danger input[type="radio"]:checked + label::before {
  border-color: #FE6A49; }

.radio-danger input[type="radio"]:checked + label::after {
  background-color: #FE6A49; }

.checkbox-info label::before {
  border-color: #173878; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  border-color: #173878;
  color: #173878; }

.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-info label:before {
  background-color: #173878;
  border-color: #173878;
  color: #fff; }

.checkbox-solid-info input[type="checkbox"]:checked + label::before {
  background-color: #173878;
  border-color: #173878;
  color: #fff; }

.checkbox-solid-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-info input[type="radio"] + label::before {
  border-color: #173878; }

.radio-info input[type="radio"] + label::after {
  background-color: #173878; }

.radio-info input[type="radio"]:checked + label::before {
  border-color: #173878; }

.radio-info input[type="radio"]:checked + label::after {
  background-color: #173878; }

.checkbox-light label::before {
  border-color: #E6E9EB; }

.checkbox-light input[type="checkbox"]:checked + label::before {
  border-color: #E6E9EB;
  color: #E6E9EB; }

.checkbox-light input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-light label:before {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fff; }

.checkbox-solid-light input[type="checkbox"]:checked + label::before {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fff; }

.checkbox-solid-light input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-light input[type="radio"] + label::before {
  border-color: #E6E9EB; }

.radio-light input[type="radio"] + label::after {
  background-color: #E6E9EB; }

.radio-light input[type="radio"]:checked + label::before {
  border-color: #E6E9EB; }

.radio-light input[type="radio"]:checked + label::after {
  background-color: #E6E9EB; }

.checkbox-dark label::before {
  border-color: #2c323f; }

.checkbox-dark input[type="checkbox"]:checked + label::before {
  border-color: #2c323f;
  color: #2c323f; }

.checkbox-dark input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-dark label:before {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fff; }

.checkbox-solid-dark input[type="checkbox"]:checked + label::before {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fff; }

.checkbox-solid-dark input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-dark input[type="radio"] + label::before {
  border-color: #2c323f; }

.radio-dark input[type="radio"] + label::after {
  background-color: #2c323f; }

.radio-dark input[type="radio"]:checked + label::before {
  border-color: #2c323f; }

.radio-dark input[type="radio"]:checked + label::after {
  background-color: #2c323f; }

.checkbox-warning label::before {
  border-color: #FFAE1A; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  border-color: #FFAE1A;
  color: #FFAE1A; }

.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-warning label:before {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fff; }

.checkbox-solid-warning input[type="checkbox"]:checked + label::before {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fff; }

.checkbox-solid-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-warning input[type="radio"] + label::before {
  border-color: #FFAE1A; }

.radio-warning input[type="radio"] + label::after {
  background-color: #FFAE1A; }

.radio-warning input[type="radio"]:checked + label::before {
  border-color: #FFAE1A; }

.radio-warning input[type="radio"]:checked + label::after {
  background-color: #FFAE1A; }

.m-checkbox-inline .checkbox {
  display: inline-block; }

.m-checkbox-inline .radio {
  display: inline-block; }

.m-checkbox-inline label {
  margin-right: 20px; }

.radio label {
  display: inline-block;
  position: relative;
  padding-left: 18px;
  cursor: pointer; }
  .radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #efefef;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; }
    [class="dark-only"] .radio label::before {
      background-color: #1A1C23; }
  .radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 9px;
    height: 9px;
    left: 5px;
    top: 5px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #898989;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }

.radio input[type="radio"] {
  opacity: 0; }
  .radio input[type="radio"]:focus + label::before {
    outline-offset: -2px; }
  .radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  .radio input[type="radio"]:disabled + label {
    opacity: 0.65; }
    .radio input[type="radio"]:disabled + label::before {
      cursor: not-allowed; }

.radio .radio-inline {
  margin-top: 0; }

/**=====================
    2.25 Radio CSS Ends
==========================**/
/**=====================
  2.26 Ribbon CSS Start
==========================**/
[class*="ribbon-wrapper"] {
  position: relative;
  padding: 58px 18px 28px 18px; }

.ribbon {
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  clear: left;
  position: absolute;
  top: 12px;
  left: 0px;
  color: #fff;
  z-index: 2; }

.ribbon-clip {
  left: -14px; }
  .ribbon-clip:before {
    position: absolute;
    top: 30px;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-vertical-left-wrapper {
  padding-left: 40px;
  position: relative; }

.ribbon-vertical-right-wrapper {
  padding-right: 40px; }

.ribbon-wrapper-bottom {
  padding-bottom: 40px;
  padding-top: 0; }

.ribbon-wrapper-right-bottom {
  padding-right: 40px; }

.ribbon-space-bottom {
  top: 0px; }

.ribbon-bookmark:before {
  position: absolute;
  top: 0;
  left: 100%;
  display: block;
  width: 0;
  height: 0;
  content: '';
  border: 15px solid #2c323f;
  border-right: 10px solid transparent; }

.ribbon-right {
  left: auto;
  right: -2px; }

.ribbon-clip-right {
  right: -14px; }
  .ribbon-clip-right:before {
    position: absolute;
    top: 30px;
    right: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-clip-bottom {
  left: -14px;
  bottom: 12px;
  top: auto; }
  .ribbon-clip-bottom:before {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-clip-bottom-right {
  right: -14px;
  left: auto;
  bottom: 12px;
  top: auto; }
  .ribbon-clip-bottom-right:before {
    position: absolute;
    bottom: 30px;
    right: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-bookmark.ribbon-right:before {
  right: 100%;
  left: auto;
  border-right: 15px solid #2c323f;
  border-left: 10px solid transparent; }

.ribbon-vertical-left {
  clear: none;
  padding: 0 5px;
  height: 70px;
  width: 30px;
  line-height: 70px;
  text-align: center;
  left: 12px;
  top: -2px; }

.ribbon-vertical-right {
  clear: none;
  padding: 0 5px;
  height: 70px;
  width: 30px;
  line-height: 70px;
  text-align: center;
  top: -2px;
  left: auto;
  right: 20px; }
  [dir="rtl"] .ribbon-vertical-right {
    left: auto !important;
    right: 20px !important; }

.ribbon-bookmark.ribbon-vertical-left:before, .ribbon-bookmark.ribbon-vertical-right:before {
  top: 100%;
  left: 0;
  margin-top: -14px;
  border-right: 15px solid #2c323f;
  border-bottom: 10px solid transparent; }

.ribbon-primary {
  background: #006666; }

.ribbon-primary {
  background: #006666; }

.ribbon-bookmark.ribbon-primary:before {
  border-color: #006666;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-primary:before {
  border-right-color: #006666;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-primary:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-primary:before {
  border-right-color: #006666;
  border-bottom-color: transparent; }

.ribbon-primary.ribbon-corner:before {
  border-top-color: #006666;
  border-left-color: #006666; }

.ribbon-primary.ribbon-corner.ribbon-right:before {
  border-right-color: #006666;
  border-left-color: transparent; }

.ribbon-primary.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #006666; }

.ribbon-primary.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #003333;
  border-right-color: #003333; }

.ribbon-primary.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #003333;
  border-left-color: #003333; }

.ribbon-primary.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #003333;
  border-right-color: #003333; }

.ribbon-primary.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #003333;
  border-right-color: transparent;
  border-left-color: #003333; }

.ribbon-secondary {
  background: #FE6A49; }

.ribbon-secondary {
  background: #FE6A49; }

.ribbon-bookmark.ribbon-secondary:before {
  border-color: #FE6A49;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-secondary:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-secondary:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-secondary:before {
  border-right-color: #FE6A49;
  border-bottom-color: transparent; }

.ribbon-secondary.ribbon-corner:before {
  border-top-color: #FE6A49;
  border-left-color: #FE6A49; }

.ribbon-secondary.ribbon-corner.ribbon-right:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-secondary.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FE6A49; }

.ribbon-secondary.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-secondary.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #fe4016;
  border-left-color: #fe4016; }

.ribbon-secondary.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-secondary.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: transparent;
  border-left-color: #fe4016; }

.ribbon-success {
  background: #00AC46; }

.ribbon-success {
  background: #00AC46; }

.ribbon-bookmark.ribbon-success:before {
  border-color: #00AC46;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-success:before {
  border-right-color: #00AC46;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-success:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-success:before {
  border-right-color: #00AC46;
  border-bottom-color: transparent; }

.ribbon-success.ribbon-corner:before {
  border-top-color: #00AC46;
  border-left-color: #00AC46; }

.ribbon-success.ribbon-corner.ribbon-right:before {
  border-right-color: #00AC46;
  border-left-color: transparent; }

.ribbon-success.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #00AC46; }

.ribbon-success.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #007931;
  border-right-color: #007931; }

.ribbon-success.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #007931;
  border-left-color: #007931; }

.ribbon-success.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #007931;
  border-right-color: #007931; }

.ribbon-success.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #007931;
  border-right-color: transparent;
  border-left-color: #007931; }

.ribbon-danger {
  background: #FE6A49; }

.ribbon-danger {
  background: #FE6A49; }

.ribbon-bookmark.ribbon-danger:before {
  border-color: #FE6A49;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-danger:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-danger:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-danger:before {
  border-right-color: #FE6A49;
  border-bottom-color: transparent; }

.ribbon-danger.ribbon-corner:before {
  border-top-color: #FE6A49;
  border-left-color: #FE6A49; }

.ribbon-danger.ribbon-corner.ribbon-right:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-danger.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FE6A49; }

.ribbon-danger.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-danger.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #fe4016;
  border-left-color: #fe4016; }

.ribbon-danger.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-danger.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: transparent;
  border-left-color: #fe4016; }

.ribbon-info {
  background: #173878; }

.ribbon-info {
  background: #173878; }

.ribbon-bookmark.ribbon-info:before {
  border-color: #173878;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-info:before {
  border-right-color: #173878;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-info:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
  border-right-color: #173878;
  border-bottom-color: transparent; }

.ribbon-info.ribbon-corner:before {
  border-top-color: #173878;
  border-left-color: #173878; }

.ribbon-info.ribbon-corner.ribbon-right:before {
  border-right-color: #173878;
  border-left-color: transparent; }

.ribbon-info.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #173878; }

.ribbon-info.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #0f244d;
  border-right-color: #0f244d; }

.ribbon-info.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #0f244d;
  border-left-color: #0f244d; }

.ribbon-info.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #0f244d;
  border-right-color: #0f244d; }

.ribbon-info.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #0f244d;
  border-right-color: transparent;
  border-left-color: #0f244d; }

.ribbon-light {
  background: #E6E9EB; }

.ribbon-light {
  background: #E6E9EB; }

.ribbon-bookmark.ribbon-light:before {
  border-color: #E6E9EB;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-light:before {
  border-right-color: #E6E9EB;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-light:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-light:before {
  border-right-color: #E6E9EB;
  border-bottom-color: transparent; }

.ribbon-light.ribbon-corner:before {
  border-top-color: #E6E9EB;
  border-left-color: #E6E9EB; }

.ribbon-light.ribbon-corner.ribbon-right:before {
  border-right-color: #E6E9EB;
  border-left-color: transparent; }

.ribbon-light.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #E6E9EB; }

.ribbon-light.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #cad0d4;
  border-right-color: #cad0d4; }

.ribbon-light.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #cad0d4;
  border-left-color: #cad0d4; }

.ribbon-light.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #cad0d4;
  border-right-color: #cad0d4; }

.ribbon-light.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #cad0d4;
  border-right-color: transparent;
  border-left-color: #cad0d4; }

.ribbon-dark {
  background: #2c323f; }

.ribbon-dark {
  background: #2c323f; }

.ribbon-bookmark.ribbon-dark:before {
  border-color: #2c323f;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-dark:before {
  border-right-color: #2c323f;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-dark:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-dark:before {
  border-right-color: #2c323f;
  border-bottom-color: transparent; }

.ribbon-dark.ribbon-corner:before {
  border-top-color: #2c323f;
  border-left-color: #2c323f; }

.ribbon-dark.ribbon-corner.ribbon-right:before {
  border-right-color: #2c323f;
  border-left-color: transparent; }

.ribbon-dark.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #2c323f; }

.ribbon-dark.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #171a21;
  border-right-color: #171a21; }

.ribbon-dark.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #171a21;
  border-left-color: #171a21; }

.ribbon-dark.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #171a21;
  border-right-color: #171a21; }

.ribbon-dark.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #171a21;
  border-right-color: transparent;
  border-left-color: #171a21; }

.ribbon-warning {
  background: #FFAE1A; }

.ribbon-warning {
  background: #FFAE1A; }

.ribbon-bookmark.ribbon-warning:before {
  border-color: #FFAE1A;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-warning:before {
  border-right-color: #FFAE1A;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-warning:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-warning:before {
  border-right-color: #FFAE1A;
  border-bottom-color: transparent; }

.ribbon-warning.ribbon-corner:before {
  border-top-color: #FFAE1A;
  border-left-color: #FFAE1A; }

.ribbon-warning.ribbon-corner.ribbon-right:before {
  border-right-color: #FFAE1A;
  border-left-color: transparent; }

.ribbon-warning.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FFAE1A; }

.ribbon-warning.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #e69500;
  border-right-color: #e69500; }

.ribbon-warning.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #e69500;
  border-left-color: #e69500; }

.ribbon-warning.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #e69500;
  border-right-color: #e69500; }

.ribbon-warning.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #e69500;
  border-right-color: transparent;
  border-left-color: #e69500; }

.vertical-lp-space {
  padding: 58px 28px 28px 50px; }

.vertical-rp-space {
  padding: 58px 50px 28px 28px; }

.clip-bp-space {
  padding: 28px 18px 58px 18px; }

/**=====================
  2.26 Ribbon CSS Ends
==========================**/
/**=====================
   2.27 Range-slider CSS Start
==========================**/
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single,
.irs--flat .irs-bar {
  background-color: #006666; }
  .irs--flat .irs-from::before,
  .irs--flat .irs-to::before,
  .irs--flat .irs-single::before,
  .irs--flat .irs-bar::before {
    border-top-color: #006666; }

.irs--flat .irs-handle i:first-child {
  background-color: #006666; }

.irs--round .irs-single {
  background-color: #FE6A49; }
  .irs--round .irs-single::before {
    border-top-color: #FE6A49; }

.irs--round .irs-handle {
  border: 4px solid #FE6A49; }

.irs--round .irs-bar {
  background-color: #FE6A49; }

.irs--square .irs-handle {
  border: 3px solid #00AC46; }

.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-bar {
  background-color: #00AC46; }

.irs--sharp .irs-from::before,
.irs--sharp .irs-to::before {
  border-top-color: #173878; }

.irs--sharp .irs-min,
.irs--sharp .irs-max,
.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-bar {
  background-color: #173878; }

.irs--sharp .irs-line {
  background-color: #E6E9EB; }

.irs--sharp .irs-handle {
  background-color: #173878; }
  .irs--sharp .irs-handle i:first-child {
    border-top-color: #173878; }

.irs--big .irs-bar {
  border: 1px solid #FFAE1A;
  background: #FFAE1A;
  box-shadow: unset; }

.irs--big .irs-from,
.irs--big .irs-to {
  background-color: #FFAE1A;
  background: unset; }

.irs--big .irs-handle {
  background: #FFAE1A; }

.irs--big .irs-grid-pol {
  background-color: #FFAE1A; }

.irs--big .irs-grid-text {
  color: #FFAE1A; }

.irs--modern .irs-single {
  background-color: #FE6A49; }
  .irs--modern .irs-single::before {
    border-top-color: #FE6A49; }

.irs--modern .irs-bar {
  background: #FE6A49; }

.irs--modern .irs-grid-text {
  color: #FE6A49; }

/**=====================
    2.27 Range-slider CSS Ends
==========================**/
/**=====================
    2.28 Switch CSS Start
==========================**/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }
  .switch input {
    display: none; }
    .switch input:checked + .switch-state {
      background-color: var(--theme-deafult); }
      .switch input:checked + .switch-state:before {
        transform: translateX(26px); }
    .switch input:focus + .switch-state {
      box-shadow: 0 0 1px var(--theme-deafult); }

.switch-state {
  border-radius: 20px;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #E6E9EB;
  transition: .4s; }
  .switch-state:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    transition: .4s;
    border-radius: 20px; }

.icon-state .switch-state:after {
  content: "\efb8";
  font-family: IcoFont;
  left: 10px;
  position: absolute;
  top: 10px;
  color: #2c323f;
  transition: .4s;
  opacity: 0.3; }

.icon-state input:checked + .switch-state:after {
  content: "\efad";
  left: 36px;
  opacity: 1;
  transition: .4s; }

.switch-lg .switch {
  width: 75px;
  height: 40px;
  padding: 0;
  margin: 0; }
  .switch-lg .switch .switch-state:before {
    height: 30px;
    width: 30px;
    left: 7px;
    bottom: 5px;
    top: 4px; }

.switch-lg.large-switch-button .switch .switch-state::before {
  left: 13px; }

.switch-lg.icon-state .switch .switch-state:after {
  left: 12px;
  font-size: 18px; }

.switch-lg.icon-state .switch input:checked + .switch-state:after {
  left: 47px; }

.switch-lg.icon-state .switch input:checked + .switch-state:before {
  transform: translateX(32px); }

.switch-sm.icon-state .switch .switch-state:after {
  top: 4px;
  left: 4px;
  font-size: 8px; }

.switch-sm.icon-state .switch input:checked + .switch-state:after {
  left: 13px;
  top: 4px; }

.switch-sm .switch {
  width: 25px;
  height: 16px;
  margin-top: 10px;
  margin-bottom: 0px; }
  .switch-sm .switch .switch-state:before {
    height: 8px;
    width: 8px;
    left: 4px;
    bottom: 4px; }

.switch-sm input:checked + .switch-state:before {
  left: -13px; }

.switch-outline .switch-state {
  background-color: #fff;
  border: 1px solid var(--theme-deafult);
  transition: .4s; }
  .switch-outline .switch-state:before {
    background-color: #E6E9EB;
    bottom: 3px;
    color: #fff; }

.switch-outline .switch input {
  display: none; }
  .switch-outline .switch input:checked + .switch-state {
    background-color: transparent;
    border: 1px solid var(--theme-deafult); }
    .switch-outline .switch input:checked + .switch-state:before {
      background-color: var(--theme-deafult);
      bottom: 3px;
      transform: translateX(26px); }
    .switch-outline .switch input:checked + .switch-state:after {
      color: #fff; }

.switch-outline .switch-state.bg-primary {
  border: 1px solid var(--theme-deafult);
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-primary {
  background-color: transparent !important;
  border: 1px solid var(--theme-deafult); }
  .switch-outline .switch input:checked + .switch-state.bg-primary:before {
    background-color: var(--theme-deafult); }

.switch-outline .switch-state.bg-dark {
  border: 1px solid #2c323f;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-dark {
  background-color: transparent !important;
  border: 1px solid #2c323f; }
  .switch-outline .switch input:checked + .switch-state.bg-dark:before {
    background-color: #2c323f; }

.switch-outline .switch-state.bg-warning {
  border: 1px solid #FFAE1A;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-warning {
  background-color: transparent !important;
  border: 1px solid #FFAE1A; }
  .switch-outline .switch input:checked + .switch-state.bg-warning:before {
    background-color: #FFAE1A; }

.switch-outline .switch-state.bg-success {
  border: 1px solid #00AC46;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-success {
  background-color: transparent !important;
  border: 1px solid #00AC46; }
  .switch-outline .switch input:checked + .switch-state.bg-success:before {
    background-color: #00AC46; }

.switch-outline .switch-state.bg-info {
  border: 1px solid #173878;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-info {
  background-color: transparent !important;
  border: 1px solid #173878; }
  .switch-outline .switch input:checked + .switch-state.bg-info:before {
    background-color: #173878; }

.switch-outline .switch-state.bg-danger {
  border: 1px solid #FE6A49;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-danger {
  background-color: transparent !important;
  border: 1px solid #FE6A49; }
  .switch-outline .switch input:checked + .switch-state.bg-danger:before {
    background-color: #FE6A49; }

.switch-outline .switch-state.bg-primary {
  border: 1px solid var(--theme-deafult);
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-primary {
  background-color: transparent !important;
  border: 1px solid var(--theme-deafult); }
  .switch-outline .switch input:checked + .switch-state.bg-primary:before {
    background-color: var(--theme-deafult); }

.switch-outline .switch-state.bg-secondary {
  border: 1px solid var(--theme-secondary);
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-secondary {
  background-color: transparent !important;
  border: 1px solid var(--theme-secondary); }
  .switch-outline .switch input:checked + .switch-state.bg-secondary:before {
    background-color: var(--theme-secondary); }

.switch-showcase {
  margin-bottom: -8px; }
  .switch-showcase .media {
    line-height: 1; }
  .switch-showcase .form-check .form-check-input {
    float: right; }

.form-switch .form-check-input:checked {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }

.tg-list {
  text-align: center;
  display: flex;
  align-items: center; }

.tgl {
  display: none; }
  .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
    box-sizing: border-box; }
    .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
      background: none; }
  .tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    user-select: none; }
    .tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
      position: relative;
      display: block;
      content: "";
      width: 50%;
      height: 100%; }
    .tgl + .tgl-btn:after {
      left: 0; }
    .tgl + .tgl-btn:before {
      display: none; }
  .tgl:checked + .tgl-btn:after {
    left: 50%; }

.tgl-skewed + .tgl-btn {
  overflow: hidden;
  transform: skew(-10deg);
  backface-visibility: hidden;
  transition: all .2s ease;
  background: #FE6A49; }
  .tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before {
    transform: skew(10deg);
    display: inline-block;
    transition: all .2s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: var(--white);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
  .tgl-skewed + .tgl-btn:after {
    left: 100%;
    content: attr(data-tg-on); }
  .tgl-skewed + .tgl-btn:before {
    left: 0;
    content: attr(data-tg-off); }
  .tgl-skewed + .tgl-btn:active {
    background: #FE6A49; }
    .tgl-skewed + .tgl-btn:active:before {
      left: -10%; }

.tgl-skewed:checked + .tgl-btn {
  background: #006666; }
  .tgl-skewed:checked + .tgl-btn:before {
    left: -100%; }
  .tgl-skewed:checked + .tgl-btn:after {
    left: 0; }
  .tgl-skewed:checked + .tgl-btn:active:after {
    left: 10%; }

.tgl-flip + .tgl-btn {
  padding: 2px;
  transition: all .2s ease;
  perspective: 100px; }
  .tgl-flip + .tgl-btn:after, .tgl-flip + .tgl-btn:before {
    display: inline-block;
    transition: all .4s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: var(--white);
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    border-radius: 4px; }
  .tgl-flip + .tgl-btn:after {
    content: attr(data-tg-on);
    background: #FFAE1A;
    transform: rotateY(-180deg); }
  .tgl-flip + .tgl-btn:before {
    background: #FE6A49;
    content: attr(data-tg-off); }
  .tgl-flip + .tgl-btn:active:before {
    transform: rotateY(-20deg); }

.tgl-flip:checked + .tgl-btn:before {
  transform: rotateY(180deg); }

.tgl-flip:checked + .tgl-btn:after {
  transform: rotateY(0);
  left: 0;
  background: #00AC46; }

.tgl-flip:checked + .tgl-btn:active:after {
  transform: rotateY(20deg); }

.radius-none .form-check-input {
  border-radius: 3px; }

.tg-list .tg-list-item .square-checked .switch-state::before {
  content: '';
  border-radius: 0; }

.switch-wrapper .media {
  margin-right: 20px; }
  .switch-wrapper .media .col-form-label {
    padding-bottom: 0; }

.switch-wrapper .tg-list p {
  margin: 0 8px 0 0; }

.default-square .form-switch .form-check-input {
  background-image: url(/../images/switch/square-gray.png); }
  .default-square .form-switch .form-check-input:checked {
    background-image: url(/../images/switch/square.svg); }

/**=====================
    2.28 Switch CSS Ends
==========================**/
/**=====================
  2.29 Tab CSS Start
==========================**/
/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C; }

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8; }

.light-card {
  background-color: var(--light-background); }

.light-background {
  background-color: var(--light-bg); }

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  transform: rotate(-45deg);
  display: inline-block; }

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-l-50 {
  margin-left: 50px !important; }

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important; }

.b-r-1 {
  border-radius: 1px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-r-11 {
  border-radius: 11px !important; }

.b-r-12 {
  border-radius: 12px !important; }

.b-r-13 {
  border-radius: 13px !important; }

.b-r-14 {
  border-radius: 14px !important; }

.b-r-15 {
  border-radius: 15px !important; }

.b-r-16 {
  border-radius: 16px !important; }

.b-r-17 {
  border-radius: 17px !important; }

.b-r-18 {
  border-radius: 18px !important; }

.b-r-19 {
  border-radius: 19px !important; }

.b-r-20 {
  border-radius: 20px !important; }

.b-r-21 {
  border-radius: 21px !important; }

.b-r-22 {
  border-radius: 22px !important; }

.b-r-23 {
  border-radius: 23px !important; }

.b-r-24 {
  border-radius: 24px !important; }

.b-r-25 {
  border-radius: 25px !important; }

.b-r-26 {
  border-radius: 26px !important; }

.b-r-27 {
  border-radius: 27px !important; }

.b-r-28 {
  border-radius: 28px !important; }

.b-r-29 {
  border-radius: 29px !important; }

.b-r-30 {
  border-radius: 30px !important; }

.b-r-31 {
  border-radius: 31px !important; }

.b-r-32 {
  border-radius: 32px !important; }

.b-r-33 {
  border-radius: 33px !important; }

.b-r-34 {
  border-radius: 34px !important; }

.b-r-35 {
  border-radius: 35px !important; }

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.f-34 {
  font-size: 34px !important; }

.f-36 {
  font-size: 36px !important; }

.f-38 {
  font-size: 38px !important; }

.f-40 {
  font-size: 40px !important; }

.f-42 {
  font-size: 42px !important; }

.f-44 {
  font-size: 44px !important; }

.f-46 {
  font-size: 46px !important; }

.f-48 {
  font-size: 48px !important; }

.f-50 {
  font-size: 50px !important; }

.f-52 {
  font-size: 52px !important; }

.f-54 {
  font-size: 54px !important; }

.f-56 {
  font-size: 56px !important; }

.f-58 {
  font-size: 58px !important; }

.f-60 {
  font-size: 60px !important; }

.f-62 {
  font-size: 62px !important; }

.f-64 {
  font-size: 64px !important; }

.f-66 {
  font-size: 66px !important; }

.f-68 {
  font-size: 68px !important; }

.f-70 {
  font-size: 70px !important; }

.f-72 {
  font-size: 72px !important; }

.f-74 {
  font-size: 74px !important; }

.f-76 {
  font-size: 76px !important; }

.f-78 {
  font-size: 78px !important; }

.f-80 {
  font-size: 80px !important; }

.f-82 {
  font-size: 82px !important; }

.f-84 {
  font-size: 84px !important; }

.f-86 {
  font-size: 86px !important; }

.f-88 {
  font-size: 88px !important; }

.f-90 {
  font-size: 90px !important; }

.f-92 {
  font-size: 92px !important; }

.f-94 {
  font-size: 94px !important; }

.f-96 {
  font-size: 96px !important; }

.f-98 {
  font-size: 98px !important; }

.f-100 {
  font-size: 100px !important; }

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100; }

.f-w-300 {
  font-weight: 300; }

.f-w-500 {
  font-weight: 500; }

.f-w-400 {
  font-weight: 400; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-900 {
  font-weight: 900; }

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal; }

.f-s-italic {
  font-style: italic; }

.f-s-oblique {
  font-style: oblique; }

.f-s-initial {
  font-style: initial; }

.f-s-inherit {
  font-style: inherit; }

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-dashed {
  text-decoration: dashed; }

.text-blink {
  text-decoration: blink; }

.text-dotted {
  text-decoration: dotted; }

.text-initial {
  text-decoration: initial; }

.text-none {
  text-decoration: none; }

.text-solid {
  text-decoration: solid; }

.text-wavy {
  text-decoration: wavy; }

.text-inherit {
  text-decoration: inherit; }

.text-double {
  text-decoration: double; }

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline; }

.sub {
  vertical-align: sub; }

.super {
  vertical-align: super; }

.top {
  vertical-align: top; }

.text-top {
  vertical-align: text-top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.text-bottom {
  vertical-align: text-bottom; }

.initial {
  vertical-align: initial; }

.inherit {
  vertical-align: inherit; }

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-relative {
  position: relative; }

.p-initial {
  position: initial; }

.p-inherit {
  position: inherit; }

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden; }

.o-visible {
  overflow: visible; }

.o-auto {
  overflow: auto; }

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important; }

.img-h-10 {
  height: 10px !important; }

.img-20 {
  width: 20px !important; }

.img-h-20 {
  height: 20px !important; }

.img-30 {
  width: 30px !important; }

.img-h-30 {
  height: 30px !important; }

.img-40 {
  width: 40px !important; }

.img-h-40 {
  height: 40px !important; }

.img-50 {
  width: 50px !important; }

.img-h-50 {
  height: 50px !important; }

.img-60 {
  width: 60px !important; }

.img-h-60 {
  height: 60px !important; }

.img-70 {
  width: 70px !important; }

.img-h-70 {
  height: 70px !important; }

.img-80 {
  width: 80px !important; }

.img-h-80 {
  height: 80px !important; }

.img-90 {
  width: 90px !important; }

.img-h-90 {
  height: 90px !important; }

.img-100 {
  width: 100px !important; }

.img-h-100 {
  height: 100px !important; }

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important; }

.font-secondary {
  color: #FE6A49 !important; }

.font-success {
  color: #00AC46 !important; }

.font-danger {
  color: #FE6A49 !important; }

.font-info {
  color: #173878 !important; }

.font-light {
  color: #E6E9EB !important; }

.font-dark {
  color: #2c323f !important; }

.font-warning {
  color: #FFAE1A !important; }

.font-primary {
  color: var(--theme-deafult) !important; }

.font-secondary {
  color: var(--theme-secondary) !important; }

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize; }

.label-theme {
  background-color: #006666; }

.label-primary {
  background-color: #006666; }

.label-secondary {
  background-color: #FE6A49; }

.label-success {
  background-color: #00AC46; }

.label-danger {
  background-color: #FE6A49; }

.label-info {
  background-color: #173878; }

.label-light {
  background-color: #E6E9EB; }

.label-dark {
  background-color: #2c323f; }

.label-warning {
  background-color: #FFAE1A; }

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666; }

.badge-secondary {
  background-color: #FE6A49; }

.badge-success {
  background-color: #00AC46; }

.badge-danger {
  background-color: #FE6A49; }

.badge-info {
  background-color: #173878; }

.badge-light {
  background-color: #E6E9EB; }

.badge-dark {
  background-color: #2c323f; }

.badge-warning {
  background-color: #FFAE1A; }

.badge-primary {
  background-color: var(--theme-deafult) !important; }

.badge-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff; }

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff; }

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important; }

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-success {
  background-color: #00AC46 !important;
  color: #fff; }

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff; }

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important; }

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-info {
  background-color: #173878 !important;
  color: #fff; }

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff; }

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important; }

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff; }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff; }

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important; }

.bg-dark {
  background-color: #2c323f !important;
  color: #fff; }

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff; }

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important; }

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff; }

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff; }

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important; }

.bg-primary {
  background-color: var(--theme-deafult) !important; }

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6); }

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important; }

.txt-secondary {
  color: #FE6A49 !important; }

.txt-success {
  color: #00AC46 !important; }

.txt-danger {
  color: #FE6A49 !important; }

.txt-info {
  color: #173878 !important; }

.txt-light {
  color: #E6E9EB !important; }

.txt-dark {
  color: #2c323f !important; }

.txt-warning {
  color: #FFAE1A !important; }

.txt-google-plus {
  color: #c64e40 !important; }

.txt-twitter {
  color: #6fa2d8 !important; }

.txt-linkedin {
  color: #0077B5 !important; }

.txt-fb {
  color: #50598e !important; }

.txt-primary {
  color: var(--theme-deafult) !important; }

.txt-secondary {
  color: var(--theme-secondary) !important; }

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@keyframes push {
  50% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #006666 !important;
    border-color: #006666 !important; }
  .btn-primary:focus {
    box-shadow: unset !important; }

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-secondary:focus {
    box-shadow: unset !important; }

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }
  .btn-success:focus {
    box-shadow: unset !important; }

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-danger:focus {
    box-shadow: unset !important; }

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #173878 !important;
    border-color: #173878 !important; }
  .btn-info:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }
  .btn-light:focus {
    box-shadow: unset !important; }

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #2c323f !important;
    border-color: #2c323f !important; }
  .btn-dark:focus {
    box-shadow: unset !important; }

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }
  .btn-warning:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important; }
  .btn-light:hover {
    background-color: rgba(0, 102, 102, 0.1) !important;
    border-color: rgba(0, 102, 102, 0.1) !important; }

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important; }

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important; }

.btn-hover-effect:hover {
  animation: push 0.5s linear 1; }

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent; }
  .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-check {
  color: #006666 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #006666 !important; }
    .btn-check:checked + .btn-outline-primary {
      color: white !important;
      background-color: #006666 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-primary {
    border-color: #006666 !important;
    color: #006666 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-primary.disabled {
      color: #006666; }
    .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
      color: white !important;
      background-color: #006666 !important;
      border-color: #006666 !important;
      box-shadow: none !important; }

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary.disabled {
    color: #006666;
    border-color: #006666; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-secondary {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-secondary {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-secondary.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #00AC46 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #00AC46 !important; }
    .btn-check:checked + .btn-outline-success {
      color: white !important;
      background-color: #00AC46 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-success.disabled {
      color: #00AC46; }
    .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
      color: white !important;
      background-color: #00AC46 !important;
      border-color: #00AC46 !important;
      box-shadow: none !important; }

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success.disabled {
    color: #00AC46;
    border-color: #00AC46; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-danger {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-danger.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #173878 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #173878 !important; }
    .btn-check:checked + .btn-outline-info {
      color: white !important;
      background-color: #173878 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-info {
    border-color: #173878 !important;
    color: #173878 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-info.disabled {
      color: #173878; }
    .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
      color: white !important;
      background-color: #173878 !important;
      border-color: #173878 !important;
      box-shadow: none !important; }

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info.disabled {
    color: #173878;
    border-color: #173878; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: #fff !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #E6E9EB !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #E6E9EB !important; }
    .btn-check:checked + .btn-outline-light {
      color: white !important;
      background-color: #E6E9EB !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-light {
    border-color: #E6E9EB !important;
    color: #E6E9EB !important;
    background-color: transparent;
    color: #051A1A; }
    .btn-check + .btn-outline-light.disabled {
      color: #E6E9EB; }
    .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
      color: white !important;
      background-color: #E6E9EB !important;
      border-color: #E6E9EB !important;
      box-shadow: none !important; }

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A; }
  .btn-outline-light.disabled {
    color: #E6E9EB;
    border-color: #E6E9EB; }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: #fff !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: unset !important; }

.btn-check {
  color: #2c323f !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #2c323f !important; }
    .btn-check:checked + .btn-outline-dark {
      color: white !important;
      background-color: #2c323f !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-dark {
    border-color: #2c323f !important;
    color: #2c323f !important;
    background-color: transparent; }
    .btn-check + .btn-outline-dark.disabled {
      color: #2c323f; }
    .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
      color: white !important;
      background-color: #2c323f !important;
      border-color: #2c323f !important;
      box-shadow: none !important; }

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark.disabled {
    color: #2c323f;
    border-color: #2c323f; }
  .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FFAE1A !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FFAE1A !important; }
    .btn-check:checked + .btn-outline-warning {
      color: white !important;
      background-color: #FFAE1A !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important;
    background-color: transparent; }
    .btn-check + .btn-outline-warning.disabled {
      color: #FFAE1A; }
    .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
      color: white !important;
      background-color: #FFAE1A !important;
      border-color: #FFAE1A !important;
      box-shadow: none !important; }

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning.disabled {
    color: #FFAE1A;
    border-color: #FFAE1A; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: unset !important; }

.btn-primary.active:not([disabled]):not(.disabled) {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  box-shadow: none !important; }
  .btn-primary.active:not([disabled]):not(.disabled):hover, .btn-primary.active:not([disabled]):not(.disabled):focus, .btn-primary.active:not([disabled]):not(.disabled):active, .btn-primary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #003333;
    border-color: #003333; }

.btn-secondary.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-secondary.active:not([disabled]):not(.disabled):hover, .btn-secondary.active:not([disabled]):not(.disabled):focus, .btn-secondary.active:not([disabled]):not(.disabled):active, .btn-secondary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-success.active:not([disabled]):not(.disabled) {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  box-shadow: none !important; }
  .btn-success.active:not([disabled]):not(.disabled):hover, .btn-success.active:not([disabled]):not(.disabled):focus, .btn-success.active:not([disabled]):not(.disabled):active, .btn-success.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #007931;
    border-color: #007931; }

.btn-danger.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-danger.active:not([disabled]):not(.disabled):hover, .btn-danger.active:not([disabled]):not(.disabled):focus, .btn-danger.active:not([disabled]):not(.disabled):active, .btn-danger.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-info.active:not([disabled]):not(.disabled) {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  box-shadow: none !important; }
  .btn-info.active:not([disabled]):not(.disabled):hover, .btn-info.active:not([disabled]):not(.disabled):focus, .btn-info.active:not([disabled]):not(.disabled):active, .btn-info.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #0f244d;
    border-color: #0f244d; }

.btn-light.active:not([disabled]):not(.disabled) {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  box-shadow: none !important; }
  .btn-light.active:not([disabled]):not(.disabled):hover, .btn-light.active:not([disabled]):not(.disabled):focus, .btn-light.active:not([disabled]):not(.disabled):active, .btn-light.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #cad0d4;
    border-color: #cad0d4; }

.btn-dark.active:not([disabled]):not(.disabled) {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  box-shadow: none !important; }
  .btn-dark.active:not([disabled]):not(.disabled):hover, .btn-dark.active:not([disabled]):not(.disabled):focus, .btn-dark.active:not([disabled]):not(.disabled):active, .btn-dark.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #171a21;
    border-color: #171a21; }

.btn-warning.active:not([disabled]):not(.disabled) {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  box-shadow: none !important; }
  .btn-warning.active:not([disabled]):not(.disabled):hover, .btn-warning.active:not([disabled]):not(.disabled):focus, .btn-warning.active:not([disabled]):not(.disabled):active, .btn-warning.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #e69500;
    border-color: #e69500; }

.btn-outline-primary-2x.active:not([disabled]):not(.disabled) {
  background-color: #006666;
  border-color: #006666;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-primary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-primary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #006666 !important;
    border-color: #006666 !important; }

.btn-outline-secondary-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-secondary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-success-2x.active:not([disabled]):not(.disabled) {
  background-color: #00AC46;
  border-color: #00AC46;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-success-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-success-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-success-2x.active:not([disabled]):not(.disabled):active, .btn-outline-success-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }

.btn-outline-danger-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-danger-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):active, .btn-outline-danger-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-info-2x.active:not([disabled]):not(.disabled) {
  background-color: #173878;
  border-color: #173878;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-info-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-info-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-info-2x.active:not([disabled]):not(.disabled):active, .btn-outline-info-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #173878 !important;
    border-color: #173878 !important; }

.btn-outline-light-2x.active:not([disabled]):not(.disabled) {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-light-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-light-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-light-2x.active:not([disabled]):not(.disabled):active, .btn-outline-light-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }

.btn-outline-dark-2x.active:not([disabled]):not(.disabled) {
  background-color: #2c323f;
  border-color: #2c323f;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-dark-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):active, .btn-outline-dark-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important; }

.btn-outline-warning-2x.active:not([disabled]):not(.disabled) {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-warning-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):active, .btn-outline-warning-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important; }

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important; }

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important; }

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important; }

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important; }

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important; }

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666; }
  .table-styling .table-primary thead,
  .table-styling.table-primary thead {
    background-color: #003333;
    border: 3px solid #003333; }
  .table-styling .table-primary th,
  .table-styling .table-primary td,
  .table-styling.table-primary th,
  .table-styling.table-primary td {
    background-color: transparent; }

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-secondary thead,
  .table-styling.table-secondary thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-secondary th,
  .table-styling .table-secondary td,
  .table-styling.table-secondary th,
  .table-styling.table-secondary td {
    background-color: transparent; }

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46; }
  .table-styling .table-success thead,
  .table-styling.table-success thead {
    background-color: #007931;
    border: 3px solid #007931; }
  .table-styling .table-success th,
  .table-styling .table-success td,
  .table-styling.table-success th,
  .table-styling.table-success td {
    background-color: transparent; }

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-danger thead,
  .table-styling.table-danger thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-danger th,
  .table-styling .table-danger td,
  .table-styling.table-danger th,
  .table-styling.table-danger td {
    background-color: transparent; }

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878; }
  .table-styling .table-info thead,
  .table-styling.table-info thead {
    background-color: #0f244d;
    border: 3px solid #0f244d; }
  .table-styling .table-info th,
  .table-styling .table-info td,
  .table-styling.table-info th,
  .table-styling.table-info td {
    background-color: transparent; }

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB; }
  .table-styling .table-light thead,
  .table-styling.table-light thead {
    background-color: #cad0d4;
    border: 3px solid #cad0d4; }
  .table-styling .table-light th,
  .table-styling .table-light td,
  .table-styling.table-light th,
  .table-styling.table-light td {
    background-color: transparent; }

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f; }
  .table-styling .table-dark thead,
  .table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21; }
  .table-styling .table-dark th,
  .table-styling .table-dark td,
  .table-styling.table-dark th,
  .table-styling.table-dark td {
    background-color: transparent; }

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A; }
  .table-styling .table-warning thead,
  .table-styling.table-warning thead {
    background-color: #e69500;
    border: 3px solid #e69500; }
  .table-styling .table-warning th,
  .table-styling .table-warning td,
  .table-styling.table-warning th,
  .table-styling.table-warning td {
    background-color: transparent; }

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important; }

.stroke-secondary {
  stroke: #FE6A49 !important; }

.stroke-success {
  stroke: #00AC46 !important; }

.stroke-danger {
  stroke: #FE6A49 !important; }

.stroke-info {
  stroke: #173878 !important; }

.stroke-light {
  stroke: #E6E9EB !important; }

.stroke-dark {
  stroke: #2c323f !important; }

.stroke-warning {
  stroke: #FFAE1A !important; }

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878; }

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important; }

.b-t-primary {
  border-top: 1px solid #006666 !important; }

.border-t-primary {
  border-top: 1px solid #006666 !important; }

.b-b-primary {
  border-bottom: 1px solid #006666 !important; }

.border-b-primary {
  border-bottom: 1px solid #006666 !important; }

.b-l-primary {
  border-left: 1px solid #006666 !important; }

.border-l-primary {
  border-left: 1px solid #006666 !important; }

.b-r-primary {
  border-right: 1px solid #006666 !important; }

.border-r-primary {
  border-right: 1px solid #006666 !important; }

.b-secondary {
  border: 1px solid #FE6A49 !important; }

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.b-success {
  border: 1px solid #00AC46 !important; }

.b-t-success {
  border-top: 1px solid #00AC46 !important; }

.border-t-success {
  border-top: 1px solid #00AC46 !important; }

.b-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.border-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.b-l-success {
  border-left: 1px solid #00AC46 !important; }

.border-l-success {
  border-left: 1px solid #00AC46 !important; }

.b-r-success {
  border-right: 1px solid #00AC46 !important; }

.border-r-success {
  border-right: 1px solid #00AC46 !important; }

.b-danger {
  border: 1px solid #FE6A49 !important; }

.b-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.border-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.border-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.b-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.border-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.b-info {
  border: 1px solid #173878 !important; }

.b-t-info {
  border-top: 1px solid #173878 !important; }

.border-t-info {
  border-top: 1px solid #173878 !important; }

.b-b-info {
  border-bottom: 1px solid #173878 !important; }

.border-b-info {
  border-bottom: 1px solid #173878 !important; }

.b-l-info {
  border-left: 1px solid #173878 !important; }

.border-l-info {
  border-left: 1px solid #173878 !important; }

.b-r-info {
  border-right: 1px solid #173878 !important; }

.border-r-info {
  border-right: 1px solid #173878 !important; }

.b-light {
  border: 1px solid #E6E9EB !important; }

.b-t-light {
  border-top: 1px solid #E6E9EB !important; }

.border-t-light {
  border-top: 1px solid #E6E9EB !important; }

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.b-l-light {
  border-left: 1px solid #E6E9EB !important; }

.border-l-light {
  border-left: 1px solid #E6E9EB !important; }

.b-r-light {
  border-right: 1px solid #E6E9EB !important; }

.border-r-light {
  border-right: 1px solid #E6E9EB !important; }

.b-dark {
  border: 1px solid #2c323f !important; }

.b-t-dark {
  border-top: 1px solid #2c323f !important; }

.border-t-dark {
  border-top: 1px solid #2c323f !important; }

.b-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.border-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.b-l-dark {
  border-left: 1px solid #2c323f !important; }

.border-l-dark {
  border-left: 1px solid #2c323f !important; }

.b-r-dark {
  border-right: 1px solid #2c323f !important; }

.border-r-dark {
  border-right: 1px solid #2c323f !important; }

.b-warning {
  border: 1px solid #FFAE1A !important; }

.b-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.border-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.b-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.border-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.b-r-warning {
  border-right: 1px solid #FFAE1A !important; }

.border-r-warning {
  border-right: 1px solid #FFAE1A !important; }

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-6 {
  border-width: 6px !important; }

.border-7 {
  border-width: 7px !important; }

.border-8 {
  border-width: 8px !important; }

.border-9 {
  border-width: 9px !important; }

.border-10 {
  border-width: 10px !important; }

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px; }

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa; }

.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px; }

.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3); }

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f; }
  .line pre {
    font-size: 100%; }

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important; }

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .options > div {
    color: #86909C;
    padding: 2px 10px;
    border: 1px solid; }
    .options > div:hover {
      background-color: #006666;
      color: #fff;
      transition: background-color 0.3s ease; }

/**====== Animation css Ends ======**/
.modal-footer {
  flex-wrap: wrap; }

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0; }

.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0; }

.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px; }

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666; }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #006666 !important; }

.typeahead .theme-form .form-group {
  margin-bottom: 0; }

.primary .svg-fill {
  fill: var(--theme-deafult); }
  .primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-deafult); }

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important; }

.secondary .svg-fill {
  fill: var(--theme-secondary); }
  .secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary); }

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important; }

.success .svg-fill {
  fill: #00AC46; }

.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important; }

.warning .svg-fill {
  fill: #FFAE1A; }

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important; }

.dotted {
  border-style: dotted; }

.dashed {
  border-style: dashed; }

.double {
  border-style: double; }

.groove {
  border-style: groove; }

.ridge {
  border-style: ridge; }

.inset {
  border-style: inset; }

.outset {
  border-style: outset; }

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px; }
  75% {
    opacity: .6;
    top: 0; }
  100% {
    opacity: 1; } }

.code-box-copy {
  width: 100%;
  overflow: auto; }

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%; }
  .custom-rs-12 {
    width: 100%; } }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px; }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none; }

.bg-gray {
  background-color: var(--text-gray); }

.text-gray {
  color: var(--text-gray) !important; }

.common-flex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

.common-space {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2); }

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3); }

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important; }

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important; }

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666; }

.badge-light-secondary {
  background-color: white;
  color: #FE6A49; }

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46; }

.badge-light-danger {
  background-color: white;
  color: #FE6A49; }

.badge-light-info {
  background-color: #6e96e3;
  color: #173878; }

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c; }

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f; }

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A; }

.fc .fc-button-primary.fc-button-active:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult), 0.2) !important; }

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%;
      margin-left: 0px; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .invoice-table-data {
    background-color: #f9f9fa; }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

/**=====================
    1.1 Reset CSS Ends
==========================**/
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--theme-deafult); }

.nav i {
  margin-right: 10px; }

.nav-right {
  justify-content: flex-end; }

.nav-theme .nav-link,
.nav-pills.nav-theme .nav-link {
  color: var(--theme-deafult); }

.nav-theme .nav-link.active,
.nav-theme .show > .nav-link,
.nav-pills.nav-theme .nav-link.active,
.nav-pills.nav-theme .show > .nav-link {
  background-color: var(--theme-deafult);
  color: #fff; }

.nav-primary .nav-link,
.nav-pills.nav-primary .nav-link {
  color: var(--theme-deafult); }

.nav-primary .nav-link.active,
.nav-primary .show > .nav-link,
.nav-pills.nav-primary .nav-link.active,
.nav-pills.nav-primary .show > .nav-link {
  background-color: var(--theme-deafult);
  color: #fff; }

.nav-secondary .nav-link,
.nav-pills.nav-secondary .nav-link {
  color: #FE6A49; }

.nav-secondary .nav-link.active,
.nav-secondary .show > .nav-link,
.nav-pills.nav-secondary .nav-link.active,
.nav-pills.nav-secondary .show > .nav-link {
  background-color: #FE6A49;
  color: #fff; }

.nav-success .nav-link,
.nav-pills.nav-success .nav-link {
  color: #00AC46; }

.nav-success .nav-link.active,
.nav-success .show > .nav-link,
.nav-pills.nav-success .nav-link.active,
.nav-pills.nav-success .show > .nav-link {
  background-color: #00AC46;
  color: #fff; }

.nav-danger .nav-link,
.nav-pills.nav-danger .nav-link {
  color: #FE6A49; }

.nav-danger .nav-link.active,
.nav-danger .show > .nav-link,
.nav-pills.nav-danger .nav-link.active,
.nav-pills.nav-danger .show > .nav-link {
  background-color: #FE6A49;
  color: #fff; }

.nav-info .nav-link,
.nav-pills.nav-info .nav-link {
  color: #173878; }

.nav-info .nav-link.active,
.nav-info .show > .nav-link,
.nav-pills.nav-info .nav-link.active,
.nav-pills.nav-info .show > .nav-link {
  background-color: #173878;
  color: #fff; }

.nav-light .nav-link,
.nav-pills.nav-light .nav-link {
  color: #E6E9EB; }

.nav-light .nav-link.active,
.nav-light .show > .nav-link,
.nav-pills.nav-light .nav-link.active,
.nav-pills.nav-light .show > .nav-link {
  background-color: #E6E9EB;
  color: #fff; }

.nav-dark .nav-link,
.nav-pills.nav-dark .nav-link {
  color: #2c323f; }

.nav-dark .nav-link.active,
.nav-dark .show > .nav-link,
.nav-pills.nav-dark .nav-link.active,
.nav-pills.nav-dark .show > .nav-link {
  background-color: #2c323f;
  color: #fff; }

.nav-warning .nav-link,
.nav-pills.nav-warning .nav-link {
  color: #FFAE1A; }

.nav-warning .nav-link.active,
.nav-warning .show > .nav-link,
.nav-pills.nav-warning .nav-link.active,
.nav-pills.nav-warning .show > .nav-link {
  background-color: #FFAE1A;
  color: #fff; }

.nav-tabs.nav-bottom .nav-item .nav-link.active,
.nav-tabs.nav-bottom .nav-item .nav-link.focus,
.nav-tabs.nav-bottom .nav-item .nav-link.hover {
  border-color: #fff #dee2e6 #dee2e6; }

.tab-content ~ .nav-tabs.border-tab {
  margin-bottom: 0;
  margin-top: 30px; }

.border-tab.nav-tabs {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 30px; }
  .border-tab.nav-tabs .nav-item .nav-link {
    font-size: 16px;
    color: #2c323f;
    text-align: center;
    padding: 10px 25px;
    border: none;
    border-bottom: none;
    transition: 0.3s; }
    @media (min-width: 576px) and (max-width: 1920px) {
      .border-tab.nav-tabs .nav-item .nav-link {
        padding-top: 0; } }
    .border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus, .border-tab.nav-tabs .nav-item .nav-link:hover {
      color: var(--theme-deafult); }
    .border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus {
      border-bottom: none; }

.border-tab.nav-left .nav-link {
  transition: all 0.3s ease;
  color: #2c323f; }

.border-tab.nav-left .nav-link.active,
.border-tab.nav-left .show > .nav-link {
  background-color: transparent;
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult);
  border-radius: 0;
  transition: all 0.3s ease; }

.border-tab.nav-right .nav-link {
  border-right: 2px solid transparent;
  transition: all 0.3s ease;
  color: #2c323f;
  text-align: right; }

.border-tab.nav-right .nav-link.active,
.border-tab.nav-right .show > .nav-link {
  background-color: transparent;
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult);
  border-radius: 0;
  transition: all 0.3s ease; }

.border-tab.nav-theme .nav-link.active,
.border-tab.nav-theme .nav-item.show,
.border-tab.nav-theme .nav-link:focus,
.border-tab.nav-theme .nav-link:hover {
  color: var(--theme-deafult);
  background-color: transparent; }

.border-tab.nav-theme .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus {
    border-bottom: 2px solid var(--theme-deafult); }
  .border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus, .border-tab.nav-theme .nav-item .nav-link:hover {
    color: var(--theme-deafult); }

.border-tab.nav-left.nav-theme .nav-link.active,
.border-tab.nav-left.nav-theme .show > .nav-link {
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-right.nav-theme .nav-link.active,
.border-tab.nav-right.nav-theme .show > .nav-link {
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-primary .nav-link.active,
.border-tab.nav-primary .nav-item.show,
.border-tab.nav-primary .nav-link:focus,
.border-tab.nav-primary .nav-link:hover {
  color: var(--theme-deafult);
  background-color: transparent; }

.border-tab.nav-primary .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus {
    border-bottom: 2px solid var(--theme-deafult); }
  .border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus, .border-tab.nav-primary .nav-item .nav-link:hover {
    color: var(--theme-deafult); }

.border-tab.nav-left.nav-primary .nav-link.active,
.border-tab.nav-left.nav-primary .show > .nav-link {
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-right.nav-primary .nav-link.active,
.border-tab.nav-right.nav-primary .show > .nav-link {
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-secondary .nav-link.active,
.border-tab.nav-secondary .nav-item.show,
.border-tab.nav-secondary .nav-link:focus,
.border-tab.nav-secondary .nav-link:hover {
  color: #FE6A49;
  background-color: transparent; }

.border-tab.nav-secondary .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-secondary .nav-item .nav-link.active, .border-tab.nav-secondary .nav-item .nav-link.show, .border-tab.nav-secondary .nav-item .nav-link:focus {
    border-bottom: 2px solid #FE6A49; }
  .border-tab.nav-secondary .nav-item .nav-link.active, .border-tab.nav-secondary .nav-item .nav-link.show, .border-tab.nav-secondary .nav-item .nav-link:focus, .border-tab.nav-secondary .nav-item .nav-link:hover {
    color: #FE6A49; }

.border-tab.nav-left.nav-secondary .nav-link.active,
.border-tab.nav-left.nav-secondary .show > .nav-link {
  border-left-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-right.nav-secondary .nav-link.active,
.border-tab.nav-right.nav-secondary .show > .nav-link {
  border-right-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-success .nav-link.active,
.border-tab.nav-success .nav-item.show,
.border-tab.nav-success .nav-link:focus,
.border-tab.nav-success .nav-link:hover {
  color: #00AC46;
  background-color: transparent; }

.border-tab.nav-success .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-success .nav-item .nav-link.active, .border-tab.nav-success .nav-item .nav-link.show, .border-tab.nav-success .nav-item .nav-link:focus {
    border-bottom: 2px solid #00AC46; }
  .border-tab.nav-success .nav-item .nav-link.active, .border-tab.nav-success .nav-item .nav-link.show, .border-tab.nav-success .nav-item .nav-link:focus, .border-tab.nav-success .nav-item .nav-link:hover {
    color: #00AC46; }

.border-tab.nav-left.nav-success .nav-link.active,
.border-tab.nav-left.nav-success .show > .nav-link {
  border-left-color: #00AC46;
  color: #00AC46; }

.border-tab.nav-right.nav-success .nav-link.active,
.border-tab.nav-right.nav-success .show > .nav-link {
  border-right-color: #00AC46;
  color: #00AC46; }

.border-tab.nav-danger .nav-link.active,
.border-tab.nav-danger .nav-item.show,
.border-tab.nav-danger .nav-link:focus,
.border-tab.nav-danger .nav-link:hover {
  color: #FE6A49;
  background-color: transparent; }

.border-tab.nav-danger .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-danger .nav-item .nav-link.active, .border-tab.nav-danger .nav-item .nav-link.show, .border-tab.nav-danger .nav-item .nav-link:focus {
    border-bottom: 2px solid #FE6A49; }
  .border-tab.nav-danger .nav-item .nav-link.active, .border-tab.nav-danger .nav-item .nav-link.show, .border-tab.nav-danger .nav-item .nav-link:focus, .border-tab.nav-danger .nav-item .nav-link:hover {
    color: #FE6A49; }

.border-tab.nav-left.nav-danger .nav-link.active,
.border-tab.nav-left.nav-danger .show > .nav-link {
  border-left-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-right.nav-danger .nav-link.active,
.border-tab.nav-right.nav-danger .show > .nav-link {
  border-right-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-info .nav-link.active,
.border-tab.nav-info .nav-item.show,
.border-tab.nav-info .nav-link:focus,
.border-tab.nav-info .nav-link:hover {
  color: #173878;
  background-color: transparent; }

.border-tab.nav-info .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-info .nav-item .nav-link.active, .border-tab.nav-info .nav-item .nav-link.show, .border-tab.nav-info .nav-item .nav-link:focus {
    border-bottom: 2px solid #173878; }
  .border-tab.nav-info .nav-item .nav-link.active, .border-tab.nav-info .nav-item .nav-link.show, .border-tab.nav-info .nav-item .nav-link:focus, .border-tab.nav-info .nav-item .nav-link:hover {
    color: #173878; }

.border-tab.nav-left.nav-info .nav-link.active,
.border-tab.nav-left.nav-info .show > .nav-link {
  border-left-color: #173878;
  color: #173878; }

.border-tab.nav-right.nav-info .nav-link.active,
.border-tab.nav-right.nav-info .show > .nav-link {
  border-right-color: #173878;
  color: #173878; }

.border-tab.nav-light .nav-link.active,
.border-tab.nav-light .nav-item.show,
.border-tab.nav-light .nav-link:focus,
.border-tab.nav-light .nav-link:hover {
  color: #E6E9EB;
  background-color: transparent; }

.border-tab.nav-light .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-light .nav-item .nav-link.active, .border-tab.nav-light .nav-item .nav-link.show, .border-tab.nav-light .nav-item .nav-link:focus {
    border-bottom: 2px solid #E6E9EB; }
  .border-tab.nav-light .nav-item .nav-link.active, .border-tab.nav-light .nav-item .nav-link.show, .border-tab.nav-light .nav-item .nav-link:focus, .border-tab.nav-light .nav-item .nav-link:hover {
    color: #E6E9EB; }

.border-tab.nav-left.nav-light .nav-link.active,
.border-tab.nav-left.nav-light .show > .nav-link {
  border-left-color: #E6E9EB;
  color: #E6E9EB; }

.border-tab.nav-right.nav-light .nav-link.active,
.border-tab.nav-right.nav-light .show > .nav-link {
  border-right-color: #E6E9EB;
  color: #E6E9EB; }

.border-tab.nav-dark .nav-link.active,
.border-tab.nav-dark .nav-item.show,
.border-tab.nav-dark .nav-link:focus,
.border-tab.nav-dark .nav-link:hover {
  color: #2c323f;
  background-color: transparent; }

.border-tab.nav-dark .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-dark .nav-item .nav-link.active, .border-tab.nav-dark .nav-item .nav-link.show, .border-tab.nav-dark .nav-item .nav-link:focus {
    border-bottom: 2px solid #2c323f; }
  .border-tab.nav-dark .nav-item .nav-link.active, .border-tab.nav-dark .nav-item .nav-link.show, .border-tab.nav-dark .nav-item .nav-link:focus, .border-tab.nav-dark .nav-item .nav-link:hover {
    color: #2c323f; }

.border-tab.nav-left.nav-dark .nav-link.active,
.border-tab.nav-left.nav-dark .show > .nav-link {
  border-left-color: #2c323f;
  color: #2c323f; }

.border-tab.nav-right.nav-dark .nav-link.active,
.border-tab.nav-right.nav-dark .show > .nav-link {
  border-right-color: #2c323f;
  color: #2c323f; }

.border-tab.nav-warning .nav-link.active,
.border-tab.nav-warning .nav-item.show,
.border-tab.nav-warning .nav-link:focus,
.border-tab.nav-warning .nav-link:hover {
  color: #FFAE1A;
  background-color: transparent; }

.border-tab.nav-warning .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-warning .nav-item .nav-link.active, .border-tab.nav-warning .nav-item .nav-link.show, .border-tab.nav-warning .nav-item .nav-link:focus {
    border-bottom: 2px solid #FFAE1A; }
  .border-tab.nav-warning .nav-item .nav-link.active, .border-tab.nav-warning .nav-item .nav-link.show, .border-tab.nav-warning .nav-item .nav-link:focus, .border-tab.nav-warning .nav-item .nav-link:hover {
    color: #FFAE1A; }

.border-tab.nav-left.nav-warning .nav-link.active,
.border-tab.nav-left.nav-warning .show > .nav-link {
  border-left-color: #FFAE1A;
  color: #FFAE1A; }

.border-tab.nav-right.nav-warning .nav-link.active,
.border-tab.nav-right.nav-warning .show > .nav-link {
  border-right-color: #FFAE1A;
  color: #FFAE1A; }

.flex-space {
  display: flex;
  gap: 16px; }
  @media (max-width: 576px) {
    .flex-space {
      justify-content: center; } }
.tab-img {
  height: 100px; }

.nav-item .navlink-title {
  background-color: unset;
  padding: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.simple-wrapper .dropdown-collection .dropdown-item:hover, .simple-wrapper .dropdown-collection .dropdown-item:active {
  background-color: #E6E9EB !important; }

.blog-wrapper .blog-img {
  width: 100px;
  height: 100px; }

.designer-details {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px; }
  @media (max-width: 1400px) {
    .designer-details {
      gap: calc(14px + (35 - 14) * ((100vw - 320px) / (1400 - 320))); } }
  .designer-details .designer-profile {
    display: inline-block; }
    .designer-details .designer-profile .designer-wrap {
      display: flex;
      align-items: center;
      gap: 12px; }
      .designer-details .designer-profile .designer-wrap .designer-img {
        height: 50px;
        border-radius: 100%; }
      .designer-details .designer-profile .designer-wrap .designer-content h6 {
        font-weight: 500; }
      .designer-details .designer-profile .designer-wrap .designer-content p {
        color: #999999; }

.nav-tabs .nav-border {
  color: #000;
  border: none; }

.ico-color {
  color: #FFAE1A;
  font-size: 16px; }

.main-inbox .header-inbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #999999;
  padding-bottom: 8px; }
  .main-inbox .header-inbox .header-left-inbox {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap; }
    .main-inbox .header-inbox .header-left-inbox .inbox-img img {
      width: 50px;
      height: 50px;
      border-radius: 100%; }
  .main-inbox .header-inbox .header-right-inbox {
    display: flex;
    gap: 12px; }
    @media (max-width: 560px) {
      .main-inbox .header-inbox .header-right-inbox {
        display: none; } }
.main-inbox .body-inbox .body-h-wrapper {
  display: flex;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--light-border);
  align-items: center; }
  @media (max-width: 630px) {
    .main-inbox .body-inbox .body-h-wrapper {
      align-items: unset; } }
.tab-space {
  font-size: 14px; }

#bottom-tab .nav-border.tab-primary:hover {
  color: #006666; }

#bottom-tab .nav-border.tab-primary:focus, #bottom-tab .nav-border.tab-primary:active, #bottom-tab .nav-border.tab-primary.active {
  color: #006666;
  border-bottom: 2px solid #006666; }

#bottom-tab .nav-border.tab-secondary:hover {
  color: #FE6A49; }

#bottom-tab .nav-border.tab-secondary:focus, #bottom-tab .nav-border.tab-secondary:active, #bottom-tab .nav-border.tab-secondary.active {
  color: #FE6A49;
  border-bottom: 2px solid #FE6A49; }

#bottom-tab .nav-border.tab-success:hover {
  color: #00AC46; }

#bottom-tab .nav-border.tab-success:focus, #bottom-tab .nav-border.tab-success:active, #bottom-tab .nav-border.tab-success.active {
  color: #00AC46;
  border-bottom: 2px solid #00AC46; }

#bottom-tab .nav-border.tab-danger:hover {
  color: #FE6A49; }

#bottom-tab .nav-border.tab-danger:focus, #bottom-tab .nav-border.tab-danger:active, #bottom-tab .nav-border.tab-danger.active {
  color: #FE6A49;
  border-bottom: 2px solid #FE6A49; }

#bottom-tab .nav-border.tab-warning:hover {
  color: #FFAE1A; }

#bottom-tab .nav-border.tab-warning:focus, #bottom-tab .nav-border.tab-warning:active, #bottom-tab .nav-border.tab-warning.active {
  color: #FFAE1A;
  border-bottom: 2px solid #FFAE1A; }

#bottom-tab .nav-border.tab-info:hover {
  color: #173878; }

#bottom-tab .nav-border.tab-info:focus, #bottom-tab .nav-border.tab-info:active, #bottom-tab .nav-border.tab-info.active {
  color: #173878;
  border-bottom: 2px solid #173878; }

#bottom-tab .nav-border.tab-light:hover {
  color: #E6E9EB; }

#bottom-tab .nav-border.tab-light:focus, #bottom-tab .nav-border.tab-light:active, #bottom-tab .nav-border.tab-light.active {
  color: #E6E9EB;
  border-bottom: 2px solid #E6E9EB; }

#bottom-tab .nav-border.tab-dark:hover {
  color: #2c323f; }

#bottom-tab .nav-border.tab-dark:focus, #bottom-tab .nav-border.tab-dark:active, #bottom-tab .nav-border.tab-dark.active {
  color: #2c323f;
  border-bottom: 2px solid #2c323f; }

#sideline-tab .nav-effect {
  display: inline-block;
  position: relative; }
  #sideline-tab .nav-effect::after {
    content: '';
    position: absolute;
    left: 0;
    display: inline-block;
    height: 14px;
    width: 80%;
    border-bottom: 1px solid;
    margin-top: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transform: scale(0, 1); }
  #sideline-tab .nav-effect:hover::after {
    opacity: 1;
    transform: scale(1); }

.tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link:hover, .tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link.active {
  background-color: unset;
  border-left: none;
  border-radius: 0;
  transition: none; }

@media (max-width: 576px) {
  .pills-blogger {
    justify-content: center;
    flex-wrap: wrap; } }

::placeholder {
  font-size: 14px; }

.material-wrapper {
  display: flex;
  gap: 12px; }
  @media (max-width: 576px) {
    .material-wrapper {
      flex-direction: column;
      align-items: center; } }
/**=====================
    2.29 Tab CSS Ends
==========================**/
/**=====================
    2.30 Table CSS Start
==========================**/
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: #E6E9EB; }

tbody tr:last-child {
  border-bottom: none; }

.pills-component {
  width: 20%; }

#row_create td.highlight {
  font-weight: 600;
  color: #006666; }

#row_create td.danger {
  font-weight: 600;
  color: #FE6A49; }

.table {
  margin-bottom: 0px; }
  .table > :not(:last-child) > :last-child > * {
    border-bottom-color: #ecf3fa; }
  .table th,
  .table td {
    padding: 0.75rem; }
  .table.table-primary th {
    color: #fff; }
  .table thead.bg-primary tr th {
    color: #fff; }
  .table th {
    color: #051A1A;
    font-weight: 500; }
    .table th.f-light {
      color: var(--chart-text-color);
      opacity: 0.8; }
  .table td {
    color: #051A1A; }
  .table [class*='bg-'] {
    color: #fff; }
  .table .bg-light {
    color: #051A1A; }
  .table tfoot {
    font-weight: bold; }

.table-dark th {
  color: #fff; }

.table-inverse {
  background-color: #292b2c; }
  .table-inverse tr {
    border: 1px solid #fff; }
  .table-inverse th, .table-inverse.table-bordered {
    border: 0; }
  .table-inverse th {
    color: #fff;
    border-color: #fff; }
  .table-inverse td {
    color: #fff; }

.table-hover > tbody > tr:hover {
  --bs-table-accent-bg: #f6f6f6; }

.table-hover tbody tr {
  vertical-align: middle; }
  .table-hover tbody tr:hover {
    background-color: rgba(0, 102, 102, 0.1); }
  .table-hover tbody tr td svg {
    width: 30px;
    height: 30px;
    padding: 5px;
    border-radius: 4px;
    margin-right: 10px; }
    [dir="rtl"] .table-hover tbody tr td svg {
      margin-right: unset;
      margin-left: 10px; }

.typography-table tr:last-child {
  border-bottom: none; }
  .typography-table tr:last-child td {
    border-bottom: none; }

.table-double {
  border-left: 4px double #dee2e6;
  border-right: 4px double #dee2e6; }
  .table-double thead,
  .table-double tbody,
  .table-double tfoot,
  .table-double tr,
  .table-double td,
  .table-double th {
    border-style: double;
    border-width: 4px;
    border-right: 0;
    border-left: 0; }

.table-dotted {
  border-left: 2px dotted #dee2e6;
  border-right: 2px dotted #dee2e6; }
  .table-dotted thead,
  .table-dotted tbody,
  .table-dotted tfoot,
  .table-dotted tr,
  .table-dotted td,
  .table-dotted th {
    border-style: dotted !important;
    border-width: 2px;
    border-right: 0;
    border-left: 0; }

.table-dashed {
  border: 1px dashed #E6E9EB; }
  .table-dashed thead,
  .table-dashed tbody,
  .table-dashed tfoot,
  .table-dashed tr,
  .table-dashed td,
  .table-dashed th {
    border-style: dashed !important;
    border-width: 1px;
    border-right: 0;
    border-left: 0;
    border-bottom: 0px !important; }

.table-xl td,
.table-xl th {
  padding: 1.25rem 2rem;
  font-size: 120%; }

.table-lg td,
.table-lg th {
  padding: 0.9rem 2rem;
  font-size: 110%; }

.table-de td,
.table-de th {
  padding: 0.75rem 2rem; }

.table-sm th,
.table-sm td {
  padding: 0.5rem 2rem;
  font-size: 90%; }

.table-xs th,
.table-xs td {
  padding: 0.2rem 2rem;
  font-size: 80%; }

.table-border-horizontal tr,
.table-border-horizontal th,
.table-border-horizontal td {
  border-top: 1px solid #f2f4ff;
  padding: 0.75rem 2rem; }

.table-border-vertical tr,
.table-border-vertical th,
.table-border-vertical td {
  border-top: 0;
  border-right: 1px solid #f2f4ff; }

.table-border-vertical tr td {
  border-bottom: 0; }
  .table-border-vertical tr td:last-child {
    border-right: none; }

.table-border-vertical tbody tr th {
  border-bottom: 0; }

.table-bordernone td {
  border: none !important; }

.table-bordernone thead th {
  border: none !important; }

.table-bordernone .u-s-tb {
  padding: 11px; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--light-background);
  --bs-table-accent-bg: unset; }

.table-bordered thead,
.table-bordered tbody,
.table-bordered tfoot,
.table-bordered tr,
.table-bordered td,
.table-bordered th {
  border-color: rgba(153, 153, 153, 0.3); }

/**=====================
    2.30 Table CSS Ends
==========================**/
/**=====================
   2.31 Toasts CSS Start
==========================**/
.toast-container {
  position: unset; }

.toast {
  width: 350px;
  max-width: 100%;
  font-size: .875rem;
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }

.toast-index {
  z-index: 12; }
  .toast-index.toast:not(.showing):not(.show) {
    opacity: 0; }
  .toast-index.toast-fade {
    transition: opacity 0.15s linear; }
  .toast-index.show {
    display: block; }

.toast-img img {
  width: 30px;
  height: 30px; }

.bd-example-toasts {
  min-height: 400px; }

.toast:not(.showing):not(.show) {
  opacity: 0; }

.toast-content {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 65px;
  margin: 0 auto;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

[dir="rtl"] .toast-rtl .toast .toast-header strong {
  margin-right: unset !important;
  margin-left: auto !important; }

[dir="rtl"] .toast-rtl .toast .btn-close {
  margin-right: 6px;
  margin-left: unset; }

@media (max-width: 1920px) {
  .toast-dark .btn {
    padding: calc(6px + (6 - 6) * ((100vw - 320px) / (1920 - 320))) calc(4px + (28 - 4) * ((100vw - 320px) / (1920 - 320))); } }

.toast-icons {
  margin-right: 6px;
  width: 20px;
  height: 20px; }
  [dir="rtl"] .toast-icons {
    margin-right: unset;
    margin-left: 6px; }

/**=====================
   2.31 Toasts CSS Ends
==========================**/
/**=====================
  2.32 Touchspin CSS Start
==========================**/
.bootstrap-touchspin input.touchspin {
  padding: 0 12px; }

.bootstrap-touchspin .input-group .btn {
  padding: 0.5rem 1.75rem; }

.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical .bootstrap-touchspin-down {
    margin-top: -2px; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical i {
    position: absolute;
    top: 4px;
    left: 7px;
    font-size: 10px;
    font-weight: normal; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 9px;
    margin-left: -1px;
    position: relative; }

.bootstrap-touchspin .input-group {
  font-family: "Montserrat", sans-serif; }
  .bootstrap-touchspin .input-group .btn {
    border-radius: 0 !important; }

.bootstrap-touchspin .dropdown-basic .dropdown .dropbtn {
  padding: 9px 30px; }

.bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content {
  z-index: 9999; }

.touchspin-wrapper .btn-touchspin {
  border-radius: 5px;
  width: 32px;
  height: 32px; }

.touchspin-wrapper input[type='number'] {
  width: 85px;
  padding: 3px;
  text-align: center;
  height: 30px; }

.hover-touchspin .btn-touchspin.spin-border-dark:hover {
  background-color: #2c323f;
  color: #fff; }

.pre-post-touchspin .decrement-touchspin,
.pre-post-touchspin .increment-touchspin,
.pre-post-touchspin .input-group-text {
  padding: 7px 14px;
  border: 0; }

.pre-post-touchspin .input-group-text {
  background-color: var(--light-bg); }

.pre-post-touchspin .input-touchspin {
  border: 1px solid var(--course-light-btn);
  border-width: 2px;
  text-align: center; }

.pre-post-touchspin .input-group {
  width: auto; }
  @media (max-width: 768px) {
    .pre-post-touchspin .input-group .input-touchspin {
      width: 100px; } }
.pre-post-touchspin.bg-touchspin button[type='button'] {
  border: 1px solid var(--course-light-btn);
  border-width: 2px;
  text-align: center; }

.pre-post-touchspin .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.rounded-touchspin .btn-touchspin {
  border-radius: 50%; }

.rounded-touchspin .touchspin-wrapper input.input-touchspin[type="number"] {
  border-radius: 15px; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; }

/**=====================
    2.32 Touchspin CSS Ends
==========================**/
/**=====================
  2.33 Tour CSS Start
==========================**/
.introjs-helperLayer {
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); }

.introjs-tooltipReferenceLayer {
  background-color: transparent; }

.introjs-helperNumberLayer {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: #FE6A49;
  background: linear-gradient(to bottom, var(--theme-deafult) 0%, var(--theme-deafult) 100%);
  border: 3px solid #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); }

.introjs-arrow {
  border: 12px solid #fff; }
  .introjs-arrow.top {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-deafult);
    border-left-color: transparent; }
  .introjs-arrow.top-right {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-deafult);
    border-left-color: transparent; }
  .introjs-arrow.top-middle {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-deafult);
    border-left-color: transparent; }
  .introjs-arrow.right {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: var(--theme-deafult); }
  .introjs-arrow.right-bottom {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: var(--theme-deafult); }
  .introjs-arrow.bottom {
    border-top-color: var(--theme-deafult);
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  .introjs-arrow.left {
    border-top-color: transparent;
    border-right-color: var(--theme-deafult);
    border-bottom-color: transparent;
    border-left-color: transparent; }
  .introjs-arrow.left-bottom {
    border-top-color: transparent;
    border-right-color: var(--theme-deafult);
    border-bottom-color: transparent;
    border-left-color: transparent; }

.introjs-tooltip {
  background-color: var(--theme-deafult);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  color: #fff;
  border-color: var(--theme-deafult);
  min-width: calc(275px + (310 - 275) * ((100vw - 320px) / (1920 - 320)));
  max-width: 400px;
  min-height: 90px; }

.introjs-button {
  border: 1px solid #efefef;
  text-shadow: 1px 1px 0 #fff;
  color: #051A1A !important;
  background-color: #fff;
  background-image: linear-gradient(#fff, #fff);
  font-size: 13px; }
  .introjs-button:hover {
    border-color: #efefef; }
  .introjs-button:focus, .introjs-button:active {
    background-image: linear-gradient(#ecf3fa, #efefef); }

.introjs-skipbutton {
  color: var(--theme-deafult); }

.introjs-prevbutton.introjs-fullbutton {
  border: 1px solid #efefef; }

.introjs-disabled {
  color: var(--theme-deafult);
  border-color: #efefef; }
  .introjs-disabled:hover, .introjs-disabled:focus {
    color: var(--theme-deafult);
    border-color: #efefef; }

.introjs-bullets ul li a {
  background: #ecf3fa; }
  .introjs-bullets ul li a:hover {
    background: #fff; }
  .introjs-bullets ul li a.active {
    background: #fff; }

.introjs-progress {
  background-color: #E6E9EB; }

.introjs-progressbar {
  background-color: var(--theme-deafult); }

.introjs-hint:hover > .introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.57); }

.introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.27);
  background-color: rgba(136, 136, 136, 0.24); }

.introjs-hint-dot {
  border: 10px solid rgba(146, 146, 146, 0.36); }

.media-body .tour-wrapper {
  display: flex;
  align-items: center;
  gap: 8px; }
  .media-body .tour-wrapper .tour-dot {
    font-size: 5px; }

.tour-blog {
  height: 350px; }
  @media (max-width: 992px) {
    .tour-blog {
      height: calc(200px + (350 - 200) * ((100vw - 320px) / (992 - 320))); } }
  .tour-blog img {
    height: 100%;
    object-fit: cover; }

.info h6 {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); }

.info span {
  font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320))); }

.tour-email {
  display: flex;
  flex-direction: column; }
  @media (max-width: 576px) {
    .tour-email {
      align-items: center; } }
.block-ellipsis {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  margin: 0 auto;
  font-size: 14px;
  line-height: 26px !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.profile-img-style h5 {
  line-height: 25px; }

.list-inline .list-inline-item.b-r-gray {
  border-right: 1px solid #E6E9EB; }

.social-tour {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 26px; }
  .social-tour .list-inline {
    display: flex;
    justify-content: center;
    gap: calc(12px + (26 - 12) * ((100vw - 320px) / (1920 - 320))); }
    .social-tour .list-inline .list-inline-item {
      margin-right: 0; }
      .social-tour .list-inline .list-inline-item a {
        padding: 0px; }
        .social-tour .list-inline .list-inline-item a i {
          font-size: 18px; }
    @media (max-width: 599px) {
      .social-tour .list-inline {
        display: none; } }
  .social-tour .float-sm-end {
    min-width: 81px; }

.tour-mb-space {
  margin-bottom: calc(2px + (8 - 2) * ((100vw - 320px) / (1920 - 320))); }

.like-comment .list-inline {
  justify-content: flex-start; }
  @media (max-width: 324px) {
    .like-comment .list-inline {
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 8px; } }
  [dir="rtl"] .like-comment .list-inline .list-inline-item {
    border-right: 0;
    border-left: 1px solid #E6E9EB; }
  [dir="rtl"] .like-comment .list-inline .list-inline-item:last-child {
    border-right: 0;
    border-left: unset; }

/**=====================
  2.33 Tour CSS Ends
==========================**/
/**=====================
   2.34 Tree CSS Start
==========================**/
[dir="rtl"] .treejs .treejs-nodes {
  padding-left: unset;
  padding-right: 20px; }

[dir="rtl"] .treejs .treejs-node.treejs-placeholder {
  padding-right: 20px;
  padding-left: unset; }

.treejs .treejs-node__halfchecked > .treejs-checkbox:before {
  background-color: #006666 !important;
  border-color: #006666 !important; }

[dir="rtl"] .treejs .treejs-node__halfchecked > .treejs-checkbox:after {
  right: 3px;
  left: unset; }

.treejs .treejs-node__checked > .treejs-checkbox:before {
  background-color: #00AC46 !important;
  border-color: #2c323f !important; }

[dir="rtl"] .treejs .treejs-node__checked > .treejs-checkbox:after {
  right: 5px;
  left: unset; }

/**=====================
   2.34 Tree CSS Ends
==========================**/
/**=====================
    2.35 Typeahead-search CSS Start
==========================**/
.Typeahead {
  width: 100%; }
  .Typeahead * {
    box-sizing: border-box; }
    .Typeahead *:before {
      box-sizing: border-box; }
    .Typeahead *:after {
      box-sizing: border-box; }
  .Typeahead .tt-hint {
    display: none !important; }

.u-cf:before {
  content: " ";
  display: table; }

.u-cf:after {
  content: " ";
  display: table;
  clear: both; }

.u-hidden {
  display: none !important; }

.u-posRelative {
  position: relative; }

.Typeahead-spinner {
  position: absolute;
  top: 14px;
  right: 18px;
  display: none;
  color: #c5c5c5; }

.ProfileCard-avatar svg {
  height: 18px;
  vertical-align: bottom; }
  .ProfileCard-avatar svg path {
    color: #7e7c7c !important; }
  .ProfileCard-avatar svg polygon {
    color: #7e7c7c !important; }

.Typeahead-hint {
  width: 100%;
  padding: 5px 8px;
  font-size: 24px;
  line-height: 30px;
  border: 1px solid #024e6a;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  color: #ccd6dd;
  opacity: 1; }

.Typeahead-menu {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 15px;
  z-index: 100;
  display: none;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.Typeahead-menu.is-open {
  display: block; }

.Typeahead-selectable {
  cursor: pointer; }
  .Typeahead-selectable + .Typeahead-selectable {
    border-top: 1px solid #ccd6dd; }

.ProfileCard {
  position: relative;
  padding: 10px;
  border: 1px solid #E6E9EB !important;
  margin-bottom: 10px;
  border-radius: 10px; }
  .ProfileCard:hover {
    color: #414345;
    background: #f8f8f8; }
    .ProfileCard:hover .ProfileCard-avatar {
      border-color: #f5f8fa; }
    .ProfileCard:hover .ProfileCard-screenName {
      color: #fff; }
    .ProfileCard:hover .ProfileCard-stat-label {
      color: #fff; }

.ProfileCard-avatar {
  position: absolute;
  border-radius: 5px; }

.ProfileCard-details {
  padding-left: 35px;
  float: left; }

.ProfileCard-realName {
  display: inline-block;
  color: #898989; }

.ProfileCard-screenName {
  display: inline-block;
  color: #898989; }

.ProfileCard-description {
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px; }

.ProfileCard-stats {
  float: right;
  text-align: right; }

.ProfileCard-stat {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase; }
  .ProfileCard-stat + .ProfileCard-stat {
    margin-left: 5px; }

.ProfileCard-stat-label {
  color: #898989;
  font-weight: 500; }

.ProfileCard.is-active {
  color: #fff;
  background: var(--theme-deafult); }
  .ProfileCard.is-active .ProfileCard-screenName {
    color: #fff; }
  .ProfileCard.is-active .ProfileCard-stat-label {
    color: #fff; }

.EmptyMessage {
  position: relative;
  padding: 10px;
  font-size: 14px;
  line-height: 30px;
  text-align: center; }

.Typeahead-spinner {
  width: 1rem;
  height: 1rem; }

.sey-container {
  display: none;
  position: absolute;
  box-shadow: 1px 2px 6px;
  background-color: #fff;
  color: #333;
  transition: left 0.1s ease-in-out;
  z-index: 1; }

.sey-list {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.sey-show {
  display: block; }

.sey-hide {
  display: none; }

.sey-empty {
  cursor: default;
  padding: 7px; }

.sey-item {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 7px; }
  .sey-item:hover {
    background-color: #444;
    color: #fff; }

.sey-selected {
  background-color: #333;
  color: #fff; }

.sey-char-highlight {
  font-weight: bold; }

.sey-category-id {
  background-color: #eee;
  color: #aaa;
  text-align: right;
  text-transform: capitalize;
  font-style: italic;
  font-size: 12px;
  box-shadow: 1px 0px 1px;
  padding: 7px; }

/**=====================
  2.35 Typeahead-search CSS Ends
==========================**/
/**=====================
    2.8 Scrollbar CSS Start
==========================**/
[data-simplebar] {
  position: unset; }

.simplebar-mask {
  top: 80px; }

.simplebar-track {
  right: -2px; }
  .simplebar-track.simplebar-vertical {
    top: 100px;
    width: 10px; }
  .simplebar-track.simplebar-horizontal {
    visibility: hidden !important; }

.simplebar-scrollbar:before {
  background: rgba(0, 102, 102, 0.2); }

.scrollbar-images {
  margin-bottom: 12px; }

.visible-wrapper img {
  width: calc(230px + (330 - 230) * ((100vw - 320px) / (1920 - 320))) !important;
  height: calc(230px + (330 - 230) * ((100vw - 320px) / (1920 - 320))); }

.horizontal-scroll .horz-scroll-content .horizontal-img {
  height: 100%;
  max-width: 240px; }
  @media (max-width: 576px) {
    .horizontal-scroll .horz-scroll-content .horizontal-img {
      max-width: calc(220px + (240 - 220) * ((100vw - 320px) / (576 - 320))); } }
  .horizontal-scroll .horz-scroll-content .horizontal-img img {
    height: 100%;
    object-fit: cover; }

.scroll-demo.scroll-b-none {
  padding: 0;
  border: none; }

[dir="rtl"] .scroll-demo .scroll-rtl .list-group-item span {
  margin-right: auto; }

/**=====================
    2.8 Scrollbar CSS Ends
==========================**/
/**=====================
   3.1 Blog CSS start
==========================**/
.blog-box img {
  border-radius: 0.25rem; }

.blog-box .top-radius-blog {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.blog-box h6 {
  font-weight: 600;
  margin: 15px 0; }

.blog-box .blog-details {
  padding-right: 20px; }
  .blog-box .blog-details .blog-social {
    margin-top: 30px; }
    .blog-box .blog-details .blog-social li {
      display: inline-block;
      font-size: 12px;
      color: var(--body-font-color); }
      .blog-box .blog-details .blog-social li + li {
        padding-left: 20px;
        line-height: 1;
        padding-right: 0; }
      .blog-box .blog-details .blog-social li span {
        color: var(--body-font-color); }
      .blog-box .blog-details .blog-social li i {
        padding-right: 5px;
        font-weight: 300; }
      .blog-box .blog-details .blog-social li:first-child {
        border-right: 1px solid gray;
        padding-right: 20px; }

.blog-box .blog-details-main hr {
  background-color: #E6E9EB; }

.blog-box .blog-details-main .blog-social {
  margin: 20px 0; }
  .blog-box .blog-details-main .blog-social li {
    display: inline-block;
    font-size: 13px;
    color: var(--body-font-color);
    padding: 0 24px;
    border-right: 1px dotted; }
    @media (max-width: 1676px) {
      .blog-box .blog-details-main .blog-social li {
        padding: 0 10px; } }
    .blog-box .blog-details-main .blog-social li:last-child {
      border-right: 0; }
    .blog-box .blog-details-main .blog-social li i {
      padding-right: 5px; }

.blog-box .blog-details-main .blog-bottom-details {
  margin: 20px;
  font-size: 14px;
  line-height: 1.714;
  font-weight: 500; }

.blog-box .blog-date {
  color: var(--body-font-color); }
  .blog-box .blog-date span {
    font-size: 36px;
    font-weight: 600;
    padding-right: 5px; }

.blog-box.blog-shadow:before {
  box-shadow: inset 0px -200px 100px -13px rgba(0, 0, 0, 0.6);
  transition: all 0.3s ease;
  border-radius: 5px;
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
  bottom: 0; }

.blog-box.blog-shadow:hover:before {
  box-shadow: inset 0px -200px 100px -13px rgba(0, 0, 0, 0.65);
  transition: all 0.3s ease; }

.blog-box.blog-shadow .blog-details {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px; }
  .blog-box.blog-shadow .blog-details h4 {
    color: #fff;
    margin-bottom: 0; }
  .blog-box.blog-shadow .blog-details p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px; }
  .blog-box.blog-shadow .blog-details .blog-social li {
    color: #fff; }

.blog-list .blog-details .blog-social {
  margin-top: 0; }

.blog-list .blog-details h6 {
  margin-top: 0;
  color: gray;
  font-weight: 600; }

.blog-list .blog-details hr {
  margin-top: 10px;
  margin-bottom: 10px; }

.blog-list img {
  padding: 17px; }

.blog-grid img {
  width: 100%; }

.blog-grid .blog-details {
  padding: 20px; }
  .blog-grid .blog-details h6 {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.8; }

.blog-box {
  position: relative;
  max-height: 100%;
  align-items: center; }
  .blog-box .blog-details h6 {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
  .blog-box .blog-details p {
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.7px;
    margin-top: 30px;
    margin-bottom: 0;
    color: var(--body-font-color);
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
    @media (max-width: 1570px) {
      .blog-box .blog-details p {
        -webkit-line-clamp: 2; } }
  .blog-box .blog-details h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 20px;
    margin-bottom: 0; }
  .blog-box .blog-details .single-blog-content-top {
    margin-top: 20px;
    border-top: 1px solid #efefef; }
  .blog-box .blog-details .blog-social li,
  .blog-box .blog-details .comment-social li {
    font-size: 14px; }

.comment-box {
  padding-top: 50px; }
  .comment-box hr {
    margin-top: 20px;
    margin-bottom: 30px; }
  .comment-box li {
    margin-bottom: 30px; }
    .comment-box li:last-child {
      margin-bottom: 0; }
  .comment-box ul ul {
    margin-left: 135px; }
  .comment-box p {
    font-size: 14px;
    line-height: 2;
    color: var(--body-font-color);
    text-align: justify;
    margin-bottom: 0; }
  .comment-box h4 {
    font-weight: 600; }
  .comment-box .media img {
    margin-right: 30px;
    border-radius: 10px;
    height: 90px;
    padding: 7px;
    width: 90px;
    border: 1px solid #efefef; }
  .comment-box .media h6 {
    font-weight: 500;
    margin-bottom: 5px; }
    .comment-box .media h6 span {
      padding-left: 10px;
      font-size: 13px;
      color: var(--body-font-color);
      font-weight: 400; }
  .comment-box .comment-social li {
    display: inline-block;
    color: var(--body-font-color);
    padding-left: 20px;
    margin-bottom: 0;
    text-transform: uppercase; }
    .comment-box .comment-social li:first-child {
      border-right: 1px solid #efefef;
      padding-right: 20px; }
    .comment-box .comment-social li i {
      padding-right: 10px; }

/**=====================
   3.1 Blog CSS ends
==========================**/
/**=====================
    3.2 Bookmark-app CSS Start
==========================**/
.modal-bookmark .modal-body,
.modal-bookmark .modal-header {
  padding: 30px; }

.bookmark-wrap .details-bookmark .row > div + div {
  padding-right: 15px !important; }

.bookmark-wrap .left-bookmark {
  height: 700px; }
  .bookmark-wrap .left-bookmark .media .media-body p {
    color: #2c323f; }
  .bookmark-wrap .left-bookmark ul li button {
    color: #051A1A;
    border: none;
    cursor: pointer; }
    .bookmark-wrap .left-bookmark ul li button:focus {
      outline: none; }
  .bookmark-wrap .left-bookmark ul li svg {
    width: 18px;
    height: 18px;
    vertical-align: middle; }
  .bookmark-wrap .left-bookmark ul li > .main-title {
    color: var(--theme-deafult);
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
    font-size: 16px; }
    .bookmark-wrap .left-bookmark ul li > .main-title span a:hover {
      background-color: transparent; }
    .bookmark-wrap .left-bookmark ul li > .main-title svg {
      color: #898989;
      stroke-width: 1px; }
  .bookmark-wrap .left-bookmark ul li a > .title {
    text-transform: capitalize; }

.bookmark-wrap.todo-wrap .left-bookmark {
  height: unset; }

.form-bookmark a {
  text-transform: capitalize !important;
  color: var(--theme-deafult) !important;
  line-height: 1 !important;
  font-weight: 500; }
  .form-bookmark a:hover {
    background-color: transparent !important; }

.form-bookmark input#index_var {
  display: none; }

.form-bookmark input,
.form-bookmark select {
  font-size: 14px; }

.form-bookmark .select2-container .select2-selection--single {
  border-color: #ced4da; }

.form-bookmark .select2 {
  width: 100% !important; }

.form-bookmark .error {
  margin: 0 !important;
  font-size: 11px;
  color: red !important; }

.form-bookmark button {
  margin-top: 10px; }

@keyframes displayTransition {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.bookmark-tabcontent .details-bookmark {
  height: auto;
  min-height: 359px; }
  .bookmark-tabcontent .details-bookmark .bookmark-card {
    position: relative; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
      padding: 3px;
      border-radius: 4px;
      background-color: rgba(0, 0, 0, 0.2);
      width: 30px;
      position: absolute;
      right: 15px;
      top: 15px;
      opacity: 0; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon i {
        color: #fff;
        font-size: 16px;
        vertical-align: text-bottom; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon.favourite i {
        color: #fed112; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data {
      width: 100%; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data .content-general {
        display: none; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
      transition: 0.5s; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark {
      text-align: left;
      padding: 15px;
      border-top: 1px solid #E6E9EB;
      position: relative; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark h6 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark p {
        animation: displayTransition 1s; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block {
        opacity: 0;
        position: absolute;
        width: 100%;
        padding: 15px;
        top: 30px;
        left: 0; }
        .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li {
          display: inline-block; }
          .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li + li {
            margin-left: 5px; }
          .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li svg {
            width: 16px;
            height: 16px;
            color: #898989; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover {
      box-shadow: 1px 4px 16px 3px rgba(0, 0, 0, 0.04);
      transition: 0.5s; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark p {
        opacity: 0; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark .hover-block {
        opacity: 1;
        animation: displayTransition 2s; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .favourite-icon {
        opacity: 1; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .row > div {
    flex: 0 0 100%;
    max-width: 100%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .desciption-data .content-general {
    display: block; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website {
    display: flex;
    align-items: center; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
      opacity: 1; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
      position: absolute;
      right: 30px;
      opacity: 1;
      text-align: right; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block {
      opacity: 1;
      animation: displayTransition 0s; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark {
    border-top: none; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark p,
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 {
      margin-top: 0;
      display: inline-block; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 {
      position: relative;
      padding-right: 15px;
      margin-bottom: -5px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6::after {
        position: absolute;
        content: '-';
        right: 0;
        color: #898989; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general {
      margin-top: 5px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p {
        width: 68%;
        margin-right: 20px; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 20%; }

.bookmark-tabcontent .tab-content .card .d-flex {
  justify-content: space-between; }
  .bookmark-tabcontent .tab-content .card .d-flex svg {
    width: 18px;
    height: 18px;
    vertical-align: middle; }
  .bookmark-tabcontent .tab-content .card .d-flex ul li {
    display: inline-block; }
    .bookmark-tabcontent .tab-content .card .d-flex ul li + li {
      margin-left: 5px; }

.bookmark-tabcontent .tab-content .tab-pane > .card {
  box-shadow: none; }

@media only screen and (max-width: 1660px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p {
    display: none; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block {
    margin-top: 6px; } }

@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .bookmark-wrap .left-bookmark ul li .btn-block svg {
    display: none; } }

@media only screen and (max-width: 1366px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 40%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block {
    top: 80px; } }

@media only screen and (max-width: 1199px) {
  .bookmark-wrap .left-bookmark {
    height: auto; }
  .bookmark-tabcontent .details-bookmark {
    min-height: auto; } }

@media only screen and (max-width: 991px) {
  .modal-bookmark .modal-body,
  .modal-bookmark .modal-header {
    padding: 20px; } }

@media only screen and (max-width: 767px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 172px; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block p {
    display: none; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block ul {
    position: relative;
    right: unset;
    top: unset; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 45%; } }

@media only screen and (max-width: 575px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 100%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website {
    display: block; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark {
      padding-left: 15px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
        position: relative;
        right: unset;
        text-align: left;
        top: unset;
        padding: 0; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .content-general {
        display: none; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p,
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6 {
        display: block; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6::after {
        display: none; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
        margin-top: 15px; }
  .modal-bookmark .modal-body,
  .modal-bookmark .modal-header {
    padding: 15px; } }

/**=====================
  3.2 Bookmark-app CSS Ends
==========================**/
/**=====================
    3.3 Cart CSS start
==========================**/
.cart .total-amount {
  text-align: right !important;
  margin-top: 30px; }

.cart .amount-space {
  margin-left: 40px; }

.cart .cart-btn-transform {
  text-transform: capitalize; }

.cart .qty-box {
  width: 25%;
  margin: 0 auto; }
  .cart .qty-box .input-group .btn {
    background-color: #ddd !important;
    border-color: #ddd !important;
    padding: 8px 12px; }

.cart-buttons {
  margin-top: 30px; }
  .cart-buttons .cart-btn {
    float: right;
    padding-right: 85px; }

/**=====================
    3.3 Cart CSS Ends
==========================**/
/**=====================
   3.5 Chat CSS Start
==========================**/
.radial-bar.radial-bar-lg > img, .radial-bar.radial-bar-lg:after {
  width: 70px;
  height: 70px;
  margin-left: 15px;
  margin-top: 15px;
  line-height: 70px; }

.radial-bar.radial-bar-sm > img, .radial-bar.radial-bar-sm:after {
  width: 35px;
  height: 35px;
  margin-left: 7.5px;
  margin-top: 7.5px;
  line-height: 35px; }

.radial-bar.radial-bar-xs > img, .radial-bar.radial-bar-xs:after {
  width: 20px;
  height: 20px;
  margin-left: 5.5px;
  margin-top: 4.5px;
  line-height: 21px; }

.chart-block canvas {
  width: 100% !important; }

.chart-block .chart-overflow {
  overflow: hidden;
  text-align: center; }

.candidcahrt {
  width: 100%;
  height: 470px; }

.amcharts-export-canvas {
  position: absolute;
  display: none;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff; }
  .amcharts-export-canvas .canvas-container {
    transition: opacity .5s ease-out; }
  .amcharts-export-canvas.active {
    display: block; }
  .amcharts-export-canvas.dropbox .canvas-container {
    opacity: .5; }

.flot-chart-container {
  box-sizing: border-box;
  width: 100%;
  height: 400px; }
  .flot-chart-container #toggling-series-flot {
    width: 79% !important; }

.all-chart .flot-chart-container {
  height: 350px; }

.flot-chart-placeholder {
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 1.2em;
  text-align: center; }
  .flot-chart-placeholder .legend table {
    border-spacing: 5px; }

.morris-hover {
  position: absolute;
  z-index: 1; }
  .morris-hover.morris-default-style {
    border-radius: 10px;
    padding: 6px;
    color: #898989;
    background: #fff;
    border: solid 1px #ecf3fa;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    text-align: center; }
    .morris-hover.morris-default-style .morris-hover-row-label {
      font-weight: bold;
      margin: 0.25em 0; }
    .morris-hover.morris-default-style .morris-hover-point {
      white-space: nowrap;
      margin: 0.1em 0; }

.chart-sparkline {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  background: rgba(49, 49, 49, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  color: #fff;
  font: 10px "Montserrat", sans-serif, "Montserrat", sans-serif;
  text-align: left;
  white-space: nowrap;
  padding: 5px;
  border: 1px solid rgba(49, 49, 49, 0.75);
  box-sizing: content-box;
  z-index: 10000;
  border-radius: 5px; }
  .chart-sparkline .jqsfield {
    color: #fff;
    font: 10px "Montserrat", sans-serif, "Montserrat", sans-serif;
    text-align: left; }

.radial-bar {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  background-color: transparent;
  box-sizing: content-box;
  width: 80px;
  height: 80px;
  font-size: 18px;
  background-clip: content-box; }
  .radial-bar:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    color: #455a64;
    content: attr(data-label);
    background-color: #fff;
    z-index: 1;
    width: 56px;
    height: 56px;
    margin-left: 12px;
    margin-top: 12px;
    line-height: 56px; }
  .radial-bar > img {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    color: #455a64;
    z-index: 3;
    width: 56px;
    height: 56px;
    margin-left: 12px;
    margin-top: 12px;
    line-height: 56px; }

.radial-bar-danger.radial-bar-20 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(162deg, #FE6A49 50%, #efefef 50%, #efefef); }

.radial-bar.radial-bar-lg {
  width: 100px;
  height: 100px;
  font-size: 20px; }

.radial-bar.radial-bar-sm {
  width: 50px;
  height: 50px;
  font-size: 12px; }

.radial-bar.radial-bar-xs {
  width: 30px;
  height: 30px;
  font-size: 8px; }

.pieLabel div {
  color: #fff !important; }
  .pieLabel div input[type=checkbox] {
    margin: 7px; }

.knob-chart {
  min-height: 255px; }
  .knob-chart .chart-clock-main {
    position: relative;
    width: 200px;
    margin: 45px auto; }
    .knob-chart .chart-clock-main .clock-large {
      position: absolute;
      left: -48px;
      top: -45px; }
    .knob-chart .chart-clock-main .clock-medium {
      position: absolute;
      left: 2px;
      top: 5px; }
    .knob-chart .chart-clock-main .clock-small {
      position: absolute;
      left: 15px;
      top: 55px; }

.peity-charts svg {
  width: 100%;
  height: 250px; }

.peity-charts.peity-chart-primary svg polygon {
  fill: rgba(0, 102, 102, 0.2); }

.peity-charts.peity-chart-primary svg polyline {
  stroke: var(--theme-deafult); }

.bar-odd-even svg rect:nth-child(odd) {
  fill: var(--theme-deafult); }

.bar-odd-even svg rect:nth-child(even) {
  fill: var(--theme-secondary); }

.donut-peity svg path:nth-child(odd) {
  fill: var(--theme-deafult); }

.donut-peity svg path:nth-child(even) {
  fill: var(--theme-secondary); }

.small-donut ~ svg path:nth-child(odd),
.small-donut svg path:nth-child(odd),
.donut-peity2 ~ svg path:nth-child(odd),
.donut-peity2 svg path:nth-child(odd),
.pie-peity ~ svg path:nth-child(odd),
.pie-peity svg path:nth-child(odd) {
  fill: var(--theme-deafult); }

.small-donut ~ svg path:nth-child(even),
.small-donut svg path:nth-child(even),
.donut-peity2 ~ svg path:nth-child(even),
.donut-peity2 svg path:nth-child(even),
.pie-peity ~ svg path:nth-child(even),
.pie-peity svg path:nth-child(even) {
  fill: #efefef; }

.small-donut2 ~ svg path:nth-child(odd) {
  fill: var(--theme-secondary); }

.small-donut3 ~ svg path:nth-child(odd) {
  fill: #00AC46; }

.small-donut4 ~ svg path:nth-child(odd) {
  fill: #173878; }

.small-donut5 ~ svg path:nth-child(odd) {
  fill: #FFAE1A; }

.small-donut6 ~ svg path:nth-child(odd) {
  fill: #FE6A49; }

p.data-attributes svg {
  margin-right: 10px; }

.knob-block {
  position: relative; }
  .knob-block input {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    margin-left: 0 !important;
    margin-top: -3px !important; }

.knob-input-disable input {
  display: none !important; }

.apex-chart {
  margin: 0 auto; }

.apexcharts-toolbar {
  z-index: 1 !important; }

.apexcharts-menu-item {
  width: 110px; }

.word-tree {
  height: 400px; }

.ct-series-a .ct-slice-pie,
.ct-series-a .ct-slice-donut-solid,
.ct-series-a .ct-area {
  fill: var(--theme-deafult); }

.ct-series-a .ct-point,
.ct-series-a .ct-line,
.ct-series-a .ct-bar,
.ct-series-a .ct-slice-donut {
  stroke: var(--theme-deafult); }

.ct-series-b .ct-point,
.ct-series-b .ct-line,
.ct-series-b .ct-bar,
.ct-series-b .ct-slice-donut {
  stroke: var(--theme-secondary); }

.ct-series-b .ct-slice-pie,
.ct-series-b .ct-slice-donut-solid,
.ct-series-b .ct-area {
  fill: var(--theme-secondary); }

.ct-series-g .ct-point,
.ct-series-g .ct-line,
.ct-series-g .ct-bar,
.ct-series-g .ct-slice-donut {
  stroke: #FFAE1A; }

.ct-series-g .ct-slice-pie,
.ct-series-g .ct-slice-donut-dashed,
.ct-series-g .ct-area {
  fill: #FFAE1A; }

.apache-cotainer {
  width: 100%;
  height: 350px;
  margin: 0; }

.boxplot-cotainer {
  height: 420px; }

.apache-cotainer-large {
  width: 100%;
  height: 500px;
  margin: 0; }

.test-buttons button + button {
  margin-left: 10px; }

.clip-chart-wrapper .test-chart-block {
  margin-bottom: -30px; }

#echart-gauge .test-chart {
  width: 100%;
  height: 395px; }

.polar-line {
  height: 350px; }

#dotted {
  height: 390px; }

.apexcharts-canvas .apexcharts-tooltip,
.apexcharts-canvas .apexcharts-xaxistooltip,
.apexcharts-canvas .apexcharts-yaxistooltip {
  z-index: 1; }

@media (max-width: 1346px) {
  .flot-chart-container .flot-chart-placeholder ~ p.float-end {
    float: left !important; }
    [dir="rtl"] .flot-chart-container .flot-chart-placeholder ~ p.float-end {
      float: right !important; } }

/**=====================
    3.5 Chat CSS End
==========================**/
/**=====================
     14. Chat CSS Start
==========================**/
.status-circle {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 4px;
  left: 44px;
  border-radius: 50%;
  border: 2px solid #fff; }

.user-image {
  height: 52px;
  margin-right: 5px; }
  .user-image .about {
    float: left;
    margin-top: 5px;
    padding-left: 10px; }
    .user-image .about .name {
      color: #2c323f;
      letter-spacing: 1px;
      font-weight: 500; }

.left-sidebar-wrapper {
  padding: 20px;
  border-radius: 10px 0 0 10px;
  z-index: 1;
  border: 2px solid var(--white);
  border-right: unset;
  /* ===== Scrollbar CSS ===== */
  /* Firefox */
  /* Chrome, Edge, and Safari */ }
  [dir="rtl"] .left-sidebar-wrapper {
    border-left: unset; }
  @media (max-width: 767px) {
    .left-sidebar-wrapper {
      border-radius: 10px; } }
  .left-sidebar-wrapper * {
    scrollbar-width: auto;
    scrollbar-color: rgba(0, 102, 102, 0.2); }
  .left-sidebar-wrapper *::-webkit-scrollbar {
    width: 6px; }
  .left-sidebar-wrapper *::-webkit-scrollbar-track {
    background: transparent; }
  .left-sidebar-wrapper *::-webkit-scrollbar-thumb {
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 8px;
    border: 3px solid transparent; }
  .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
    background-color: var(--chart-progress-light);
    padding-right: 0;
    margin-right: 1px;
    border-right: none; }
    [dir="rtl"] .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
      padding-left: 0;
      padding-right: 12px;
      margin-left: 1px;
      border-left: none;
      margin-right: unset;
      border-right: unset; }
    .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text svg {
      width: 16px;
      height: 16px; }
  .left-sidebar-wrapper .left-sidebar-chat .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
    border-left: unset;
    background-color: var(--chart-progress-light); }
    [dir="rtl"] .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
      border-right: unset;
      border-left: 1px solid #ddd;
      border-radius: 0.25rem !important; }
    .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:focus, .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:focus-visible {
      border-color: var(--chart-dashed-border);
      box-shadow: unset; }
  .left-sidebar-wrapper .advance-options ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0; }
    .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
      color: var(--body-font-color);
      border-bottom: 2px solid transparent;
      background-color: transparent;
      padding: 16px 57px;
      text-decoration: unset; }
      @media (max-width: 1855px) {
        .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
          padding: 16px 45px; } }
      @media (max-width: 1663px) {
        .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
          padding: 16px 30px; } }
      @media (max-width: 1423px) {
        .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
          padding: 16px 28px; } }
      .left-sidebar-wrapper .advance-options ul .nav-item .nav-link:active, .left-sidebar-wrapper .advance-options ul .nav-item .nav-link.active {
        border-bottom: 2px solid var(--theme-deafult);
        color: var(--theme-deafult); }
  .left-sidebar-wrapper .advance-options .common-space {
    padding: 11px 0; }
    .left-sidebar-wrapper .advance-options .common-space p {
      margin: 0;
      color: var(--chart-text-color); }
    .left-sidebar-wrapper .advance-options .common-space .header-top .btn {
      padding: 6px 12px; }
      .left-sidebar-wrapper .advance-options .common-space .header-top .btn:hover i {
        color: var(--white); }
  .left-sidebar-wrapper .advance-options .chats-user {
    border-bottom: unset;
    height: 563px;
    overflow-y: auto; }
    .left-sidebar-wrapper .advance-options .chats-user li {
      gap: 10px;
      width: 100%;
      border-bottom: 1px solid var(--chart-dashed-border);
      cursor: pointer;
      padding: 11px; }
      .left-sidebar-wrapper .advance-options .chats-user li:hover {
        background-color: var(--light-slate); }
      @media (max-width: 1505px) {
        .left-sidebar-wrapper .advance-options .chats-user li {
          flex-wrap: wrap;
          gap: 1px; } }
      .left-sidebar-wrapper .advance-options .chats-user li:last-child {
        border-bottom: unset; }
      .left-sidebar-wrapper .advance-options .chats-user li .chat-time {
        display: flex;
        gap: 10px;
        align-items: center; }
        .left-sidebar-wrapper .advance-options .chats-user li .chat-time > div {
          text-align: left; }
          [dir="rtl"] .left-sidebar-wrapper .advance-options .chats-user li .chat-time > div {
            text-align: right; }
      @media (max-width: 1498px) {
        .left-sidebar-wrapper .advance-options .chats-user li > div {
          width: 100%;
          text-align: end; }
          [dir="rtl"] .left-sidebar-wrapper .advance-options .chats-user li > div {
            text-align: start; } }
.active-profile {
  position: relative; }
  .active-profile img {
    width: 42px;
    height: 42px; }
    @media (max-width: 1650px) {
      .active-profile img {
        width: 33px;
        height: 33px; } }
  .active-profile .status {
    position: absolute;
    height: 14px;
    width: 14px;
    border-radius: 100%;
    bottom: 5%;
    right: -2px;
    border: 3px solid var(--white); }
    [dir="rtl"] .active-profile .status {
      left: -2px;
      right: unset; }
    @media (max-width: 1600px) {
      .active-profile .status {
        width: 11px;
        height: 11px;
        border: 2px solid var(--white); } }
.contact-edit i {
  color: var(--chart-text-color);
  cursor: pointer; }
  .contact-edit i::after {
    content: unset; }

.contact-edit svg {
  cursor: pointer;
  width: 18px;
  height: 18px; }
  @media (max-width: 360px) {
    .contact-edit svg {
      width: 14px;
      height: 14px; } }
.contact-edit .dropdown-menu .dropdown-item:hover {
  background-color: var(--light-background);
  opacity: 1;
  text-decoration: unset; }

.contact-edit.chat-alert {
  width: 40px;
  height: 40px;
  background: var(--light-slate);
  display: fke;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px; }
  @media (max-width: 360px) {
    .contact-edit.chat-alert {
      width: 32px;
      height: 32px; } }
  @media (max-width: 340px) {
    .contact-edit.chat-alert {
      display: none; } }
.search-contacts {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .search-contacts .form-control {
    padding-inline: 35px; }
    .search-contacts .form-control:focus {
      box-shadow: unset;
      border-color: var(--chart-dashed-border); }
  .search-contacts svg {
    stroke: var(--chart-text-color);
    width: 18px;
    height: 18px;
    left: 10px;
    top: 10px;
    position: absolute; }
    [dir="rtl"] .search-contacts svg {
      left: unset;
      right: 10px; }
  .search-contacts .mic-search {
    right: 10px;
    top: 8px;
    position: absolute;
    left: unset; }
    [dir="rtl"] .search-contacts .mic-search {
      right: unset;
      left: 10px; }

.contact-wrapper {
  padding-top: 14px;
  border-bottom: unset;
  height: 526px;
  overflow-y: auto; }
  .contact-wrapper > p {
    line-height: 0;
    margin: 0;
    padding: 12px 0;
    font-size: 18px;
    font-weight: 500;
    color: var(--body-font-color); }
  .contact-wrapper ul li {
    width: 100%;
    cursor: pointer; }
    .contact-wrapper ul li .chat-time {
      display: flex;
      align-items: center;
      gap: 10px; }
      .contact-wrapper ul li .chat-time img {
        width: 42px;
        height: 42px; }
        @media (max-width: 1650px) {
          .contact-wrapper ul li .chat-time img {
            width: 33px;
            height: 33px; } }
      .contact-wrapper ul li .chat-time > div span {
        color: var(--body-font-color); }
    .contact-wrapper ul li svg {
      width: 18px;
      height: 18px; }
  .contact-wrapper ul:last-child .common-space {
    padding-bottom: unset; }

.right-sidebar-chat {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  z-index: 0;
  border: 2px solid var(--white);
  border-left: unset; }
  [dir="rtl"] .right-sidebar-chat {
    border-right: unset;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  @media (max-width: 767px) {
    .right-sidebar-chat {
      border-radius: 10px; } }
.right-sidebar-title {
  padding: 13px 25px;
  display: flex;
  justify-content: space-between; }
  .right-sidebar-title .common-space {
    width: 100%; }
    .right-sidebar-title .common-space .chat-time {
      display: flex;
      gap: 10px;
      align-items: center; }
      .right-sidebar-title .common-space .chat-time .active-profile img {
        width: 42px;
        height: 42px; }
        @media (max-width: 360px) {
          .right-sidebar-title .common-space .chat-time .active-profile img {
            width: 36px;
            height: 36px; } }
      .right-sidebar-title .common-space .chat-time div p {
        margin: 0;
        color: var(--chart-text-color); }
      .right-sidebar-title .common-space .chat-time ul li img {
        width: 42px;
        height: 42px; }
      .right-sidebar-title .common-space .chat-time.group-chat ul {
        display: flex; }
        .right-sidebar-title .common-space .chat-time.group-chat ul li img {
          border: 3px solid transparent; }
        .right-sidebar-title .common-space .chat-time.group-chat ul li + li {
          margin-left: -12px; }
          [dir="rtl"] .right-sidebar-title .common-space .chat-time.group-chat ul li + li {
            margin-left: unset;
            margin-right: -12px; }
          .right-sidebar-title .common-space .chat-time.group-chat ul li + li img {
            border: 3px solid var(--white); }
        .right-sidebar-title .common-space .chat-time.group-chat ul li img {
          width: 38px;
          height: 38px; }
        .right-sidebar-title .common-space .chat-time.group-chat ul li .profile-count {
          width: 38px;
          height: 38px; }
        @media (min-width: 768px) and (max-width: 1199px) {
          .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(2), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(3), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(5), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(6) {
            display: none; } }
        @media (min-width: 341px) and (max-width: 410px) {
          .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(2), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(3), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(5), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(6) {
            display: none; } }
      @media (max-width: 1045px) {
        .right-sidebar-title .common-space .chat-time.group-chat > div span,
        .right-sidebar-title .common-space .chat-time.group-chat > div p {
          display: none; } }
.msger-chat {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
  background: linear-gradient(0deg, #F5F6FA, #F5F6FA), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  height: 620px; }
  .msger-chat::-webkit-scrollbar {
    width: 6px; }
  .msger-chat::-webkit-scrollbar-track {
    background: #ddd; }
  .msger-chat::-webkit-scrollbar-thumb {
    background: #bdbdbd; }

.msg {
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px; }
  .msg:last-of-type {
    margin: 0; }

.msg-img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  background: #ddd;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%; }
  [dir="rtl"] .msg-img {
    margin-left: 10px;
    margin-right: unset; }

.msg-bubble {
  max-width: 450px;
  padding: 15px;
  border-radius: 15px; }

.msg-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px; }

.msg-info-name {
  margin-right: 10px;
  font-weight: bold; }
  [dir="rtl"] .msg-info-name {
    margin-left: 10px;
    margin-right: unset; }

.msg-info-time {
  font-size: 0.85em; }

.left-msg .msg-img {
  background-image: url(/../images/blog/4.jpg);
  width: 33px;
  height: 33px; }
  @media (max-width: 1200px) {
    .left-msg .msg-img {
      min-width: 16px;
      min-height: 16px; } }
.left-msg .msg-bubble {
  position: relative;
  border-radius: 15px;
  background: rgba(255, 192, 0, 0.8);
  color: var(--chart-text-color);
  width: calc(100% - 33px); }
  [dir="rtl"] .left-msg .msg-bubble {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: unset; }

.right-msg {
  flex-direction: row-reverse; }
  .right-msg .msg-bubble {
    color: var(--white);
    background: rgba(6, 174, 90, 0.8);
    width: calc(100% - 33px); }
    [dir="rtl"] .right-msg .msg-bubble {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: unset; }
  .right-msg .msg-img {
    margin: 0 0 0 10px;
    background-image: url(/../images/blog/comment.jpg);
    width: 33px;
    height: 33px; }
    @media (max-width: 1200px) {
      .right-msg .msg-img {
        min-width: 16px;
        min-height: 16px; } }
.msger-inputarea {
  display: flex;
  padding: 10px;
  border-top: 1px solid var(--chart-dashed-border);
  background: linear-gradient(0deg, #F5F6FA, #F5F6FA), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  align-items: center; }
  .msger-inputarea .dropdown-toggle::after {
    content: unset; }
  .msger-inputarea .dropdown-toggle .dropdown-menu {
    inset: unset !important; }
  .msger-inputarea .dropdown-form {
    position: relative; }
    .msger-inputarea .dropdown-form i {
      font-size: 16px;
      font-weight: 900;
      color: var(--theme-deafult);
      cursor: pointer;
      padding: 0; }
    .msger-inputarea .dropdown-form .chat-icon {
      position: absolute;
      left: 0 !important;
      bottom: 104px !important;
      background: transparent;
      box-shadow: unset; }
      [dir="rtl"] .msger-inputarea .dropdown-form .chat-icon {
        left: unset !important;
        right: 3px !important; }
      .msger-inputarea .dropdown-form .chat-icon div {
        width: 47px;
        height: 47px;
        border-radius: 50%;
        background-color: var(--white);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        opacity: 1; }
        .msger-inputarea .dropdown-form .chat-icon div svg {
          width: 42px;
          height: 42px;
          cursor: pointer; }
        .msger-inputarea .dropdown-form .chat-icon div:nth-child(1) svg {
          fill: var(--chart-text-color);
          stroke: none; }
        .msger-inputarea .dropdown-form .chat-icon div:nth-child(2) svg {
          stroke: var(--chart-text-color);
          fill: none; }
        .msger-inputarea .dropdown-form .chat-icon div:hover {
          background-color: var(--theme-deafult);
          opacity: 1; }
          .msger-inputarea .dropdown-form .chat-icon div:hover:nth-child(1) svg {
            fill: var(--white); }
          .msger-inputarea .dropdown-form .chat-icon div:hover:nth-child(2) svg {
            stroke: var(--white); }
  .msger-inputarea .msger-send-btn i {
    color: var(--white); }
  .msger-inputarea * {
    padding: 10px;
    border: none;
    border-radius: 3px;
    font-size: 1em; }

.msger-input {
  flex: 1;
  background: transparent; }
  .msger-input:focus, .msger-input:focus-visible {
    outline: unset; }

.fg-emoji-container {
  left: calc(10px + (1405 - 10) * ((100vw - 320px) / (1920 - 320))) !important; }
  [dir="rtl"] .fg-emoji-container {
    right: calc(10px + (1405 - 10) * ((100vw - 320px) / (1920 - 320))) !important;
    left: unset !important; }
  @media (min-width: 860px) and (max-width: 945px) {
    .fg-emoji-container {
      left: 417px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 417px; } }
  @media (min-width: 686px) and (max-width: 860px) {
    .fg-emoji-container {
      left: 360px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 360px; } }
  @media (min-width: 588px) and (max-width: 770px) {
    .fg-emoji-container {
      left: 200px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 200px; } }
  @media (min-width: 546px) and (max-width: 588px) {
    .fg-emoji-container {
      left: 144px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 144px; } }
  @media (min-width: 500px) and (max-width: 546px) {
    .fg-emoji-container {
      left: 88px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 88px; } }
  @media (max-width: 500px) {
    .fg-emoji-container {
      left: 22px !important;
      width: 262px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 22px; } }
  .fg-emoji-container .fg-emoji-nav {
    background-color: var(--chart-text-color); }
  .fg-emoji-container #fg-emoji-picker-move {
    display: none; }

.open-emoji {
  padding: 0; }
  .open-emoji button {
    z-index: 0;
    position: relative;
    padding: 0 14px;
    background: transparent; }
    .open-emoji button::before {
      content: "\f118";
      font-family: "FontAwesome";
      z-index: 1;
      position: relative;
      font-size: 20px;
      color: var(--text-gray); }

.second-btn {
  z-index: 0;
  position: relative;
  padding: 0 14px;
  background: transparent; }
  .second-btn::before {
    content: "\f118";
    font-family: "FontAwesome";
    z-index: 1;
    position: relative;
    font-size: 20px;
    color: var(--text-gray); }

.msger-send-btn {
  margin-left: 10px;
  background: var(--theme-deafult);
  width: 40px;
  height: 39px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.23s;
  display: flex;
  align-items: center;
  justify-content: center; }
  [dir="rtl"] .msger-send-btn {
    margin-left: unset;
    margin-right: 10px; }
  .msger-send-btn svg {
    width: 1px;
    height: 12px; }

.custom-name {
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px; }
  @media (max-width: 1650px) {
    .custom-name {
      width: 33px;
      height: 33px; } }
/**=====================
    14.  Chat CSS Ends
==========================**/
/**=====================
   3.6 Checkout CSS start
==========================**/
.checkout .checkout-details {
  background-color: #f9f9f9;
  border: 1px solid #dddddd;
  padding: 40px; }
  .checkout .checkout-details .order-place {
    margin-top: 15px; }

.order-box .title-box {
  padding-bottom: 20px;
  color: #444444;
  font-size: 22px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 20px; }
  .order-box .title-box span {
    width: 35%;
    float: right;
    font-weight: 600;
    text-align: right; }
  .order-box .title-box h4 {
    font-weight: 600; }
  .order-box .title-box .checkbox-title {
    display: flex;
    justify-content: space-between; }

.order-box .sub-total li {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 20px;
  margin-bottom: 20px;
  width: 100%; }
  .order-box .sub-total li .count {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    width: 35%;
    float: right;
    text-align: right; }

.order-box .sub-total .shipping-class {
  margin-bottom: 12px; }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    margin-top: -4px;
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: var(--theme-deafult);
    font-weight: 400;
    width: 35%;
    float: right;
    text-align: right; }

.order-box .total {
  position: relative;
  margin-bottom: 30px; }
  .order-box .total li {
    position: relative;
    display: block;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    font-size: 18px; }

.order-box .qty {
  position: relative;
  border-bottom: 1px solid #ededed;
  margin-bottom: 30px; }
  .order-box .qty li {
    position: relative;
    display: block;
    font-size: 15px;
    color: #444444;
    line-height: 20px;
    margin-bottom: 20px; }
    .order-box .qty li span {
      float: right;
      font-size: 18px;
      line-height: 20px;
      color: #232323;
      font-weight: 400;
      width: 35%;
      text-align: right; }

.radio-option {
  position: relative; }

.img-paypal {
  width: 30%;
  margin-left: 15px; }

/**=====================
    86. Checkout CSS Ends
==========================**/
/**=====================
    Responsive CSS Start
==========================**/
@media screen and (max-width: 1199px) {
  .checkout .checkout-details {
    padding: 25px; }
  .order-box .title-box span {
    width: 30%; }
  .order-box .sub-total li .count {
    width: 38%; }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 46%; }
  .order-box .qty li span {
    width: 38%; }
  .order-box .total li .count {
    width: 38%; } }

@media screen and (max-width: 991px) {
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 38%; } }

@media screen and (max-width: 575px) {
  .checkout .checkout-details {
    padding: 15px; }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 50%; }
  .order-box .sub-total li .count {
    width: 50%; } }

/**=====================
   3.6 Checkout CSS ends
==========================**/
/**=====================
    3.7 Comingsoon CSS Start
==========================**/
.comingsoon-bgimg {
  background: url(/../images/admin/other-images/coming-soon-bg.jpg);
  background-position: bottom;
  background-size: cover; }

.comingsoon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 50px 0; }
  .comingsoon .comingsoon-inner h5 {
    font-size: 18px;
    letter-spacing: 1px;
    color: #051A1A;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 30px; }
  .comingsoon .comingsoon-inner .countdown {
    padding: 30px 0;
    border-top: 1px solid #E6E9EB;
    border-bottom: 1px solid #E6E9EB; }
    .comingsoon .comingsoon-inner .countdown .time {
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      color: #fff;
      font-weight: 500;
      width: 100px;
      height: 100px;
      font-size: 36px;
      background: var(--theme-deafult); }
    .comingsoon .comingsoon-inner .countdown .title {
      padding-top: 13px;
      font-size: 14px;
      font-weight: 400;
      color: #051A1A;
      text-transform: uppercase;
      letter-spacing: 1px; }
    .comingsoon .comingsoon-inner .countdown ul li {
      display: inline-block;
      text-transform: uppercase;
      margin: 0 20px; }
      .comingsoon .comingsoon-inner .countdown ul li span {
        display: block; }
  .comingsoon video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    transition: 1s opacity; }

/**=====================
  3.7 Comingsoon CSS Ends
==========================**/
/**=====================
    3.8 Contacts CSS Start
==========================**/
.alert-contactadd {
  background-color: #fff;
  border: 1px solid var(--theme-deafult);
  width: 12%;
  padding: 10px; }

.updateimg {
  position: absolute;
  left: 15px;
  width: 100px;
  top: 32px;
  line-height: 93px;
  opacity: 0; }

#right-history {
  top: 81px;
  right: -320px;
  height: 100%;
  position: fixed;
  width: 320px;
  z-index: 9;
  background-color: #fff;
  transition: .5s;
  box-shadow: 0 0 9px rgba(191, 191, 191, 0.36); }
  [dir="rtl"] #right-history {
    right: unset;
    left: -320px; }
  #right-history .modal-header {
    border-bottom: 1px solid #E6E9EB; }
  #right-history h6 span a {
    color: #051A1A; }
  #right-history.show {
    right: 0;
    transition: .3s; }
    [dir="rtl"] #right-history.show {
      right: unset;
      left: 0; }

.history-details > div {
  padding: 30px 0; }

.history-details .media {
  padding: 30px 15px;
  border-top: 1px solid #E6E9EB; }
  .history-details .media i {
    padding: 5px;
    background: #fed112;
    color: #fff;
    border-radius: 100%; }
  .history-details .media h6 {
    margin-bottom: 5px; }

.delete-contact {
  display: none; }

.more-data {
  animation: displayTransition 1s; }

.contact-editform {
  padding: 30px;
  animation: displayTransition 1s; }
  .contact-editform a {
    display: block; }
  .contact-editform button {
    margin-top: 30px; }
  .contact-editform .select2-container .select2-selection--single {
    height: 39px !important;
    border-color: #ced4da !important; }

#deletemodal .modal-header {
  border-bottom: none; }
  #deletemodal .modal-header .delete-data span svg {
    vertical-align: middle;
    margin-right: 15px; }

.contact-options li .btn-category {
  line-height: 39px;
  border-radius: 3px;
  padding-left: 40px !important;
  padding: 0;
  color: var(--theme-deafult);
  font-weight: 500; }

.list-persons p {
  font-family: "Montserrat", sans-serif; }

.list-persons .profile-mail {
  padding: 30px 0; }
  .list-persons .profile-mail .media img {
    height: 50px;
    width: 50px !important; }
  .list-persons .profile-mail .media .media-body ul {
    margin-top: 5px; }
    .list-persons .profile-mail .media .media-body ul li {
      display: inline-block; }
      .list-persons .profile-mail .media .media-body ul li a {
        font-size: 13px; }
      .list-persons .profile-mail .media .media-body ul li + li {
        padding-left: 10px;
        margin-left: 5px;
        border-left: 2px solid #E6E9EB; }
  .list-persons .profile-mail .email-general {
    padding-top: 50px; }
    .list-persons .profile-mail .email-general ul {
      padding-right: 20px; }
      .list-persons .profile-mail .email-general ul li {
        color: #898989;
        padding-bottom: 10px;
        margin-bottom: 10px; }
        .list-persons .profile-mail .email-general ul li:last-child {
          padding-bottom: 0;
          margin-bottom: 0; }
        .list-persons .profile-mail .email-general ul li > span {
          float: right; }
    .list-persons .profile-mail .email-general p span {
      margin-left: 30px; }
    .list-persons .profile-mail .email-general .gender {
      margin-top: 30px; }

.contacts-tabs .nav-pills {
  border-right: 1px solid #E6E9EB;
  height: 100%; }
  .contacts-tabs .nav-pills .nav-link.active,
  .contacts-tabs .nav-pills .nav-link > .nav-link,
  .contacts-tabs .nav-pills .show.active,
  .contacts-tabs .nav-pills .show > .nav-link {
    background-color: rgba(0, 102, 102, 0.05);
    color: #051A1A; }
  .contacts-tabs .nav-pills .nav-link {
    color: #051A1A;
    padding: 0; }
    .contacts-tabs .nav-pills .nav-link .media .img-50 {
      height: 50px; }
    .contacts-tabs .nav-pills .nav-link + .nav-link {
      border-top: 1px solid #E6E9EB;
      border-radius: 0px; }
  .contacts-tabs .nav-pills .media {
    padding: 20px; }

.contacts-tabs .tab-content .tab-content-child {
  animation: displayTransition 1s; }

@media only screen and (max-width: 991px) {
  #right-history {
    top: 60px; }
  .updateimg {
    top: 21px; }
  .list-persons .profile-mail {
    padding: 20px; }
    .list-persons .profile-mail .email-general .gender {
      margin-top: 20px; }
  .contact-editform button {
    margin-top: 20px; } }

@media only screen and (max-width: 767px) {
  .contact-editform {
    padding: 20px; }
    .contact-editform.pl-0 {
      padding-left: 20px !important; }
  .contacts-tabs .nav-pills {
    border-right: none;
    border-bottom: 1px solid #E6E9EB; } }

@media only screen and (max-width: 575px) {
  #right-history {
    width: 270px; }
  .updateimg {
    top: 16px;
    left: 29px; }
  .contacts-tabs .media img.m-r-20 {
    margin-right: 15px; }
  .contacts-tabs .nav-pills .media {
    padding: 15px; }
  .list-persons .profile-mail {
    padding: 15px; }
    .list-persons .profile-mail .email-general .gender {
      margin-top: 15px; }
  .list-persons .nav-pills .nav-link .media .media-body {
    text-align: left; }
  .contact-editform {
    padding: 15px; }
    .contact-editform button {
      margin-top: 15px; }
    .contact-editform.pl-0 {
      padding-left: 15px !important; }
  .contact-editform form .row > div .row > div > div,
  .contact-options form .row > div .row > div > div {
    margin-bottom: 0; }
  .contact-editform form .row > div .row > div + div,
  .contact-options form .row > div .row > div + div {
    margin-top: 15px; } }

@media only screen and (max-width: 360px) {
  .updateimg {
    line-height: 73px;
    width: 80px; }
  .list-persons .profile-mail .email-general p span {
    margin-left: 10px; }
  .list-persons .profile-mail .media {
    display: block; }
    .list-persons .profile-mail .media img {
      height: 80px;
      width: 80px !important;
      margin-bottom: 15px; } }

.dark-contact .nav .nav-link .media .media-body h6 {
  color: var(--body-font-color); }

/**=====================
   3.8 Contacts CSS Ends
==========================**/
/**=====================
    3.9 Dashboard_2 CSS Start
==========================**/
.widget-decor {
  position: absolute;
  height: 60px;
  right: 0;
  top: 50%;
  transform: translateY(-50%); }

.activity-group::before {
  content: "";
  border-left: 1px dashed #E6E9EB;
  position: absolute;
  left: 0px;
  height: calc(100% - 50px); }

.balance-widget {
  background-image: url(/../images/dashboard-2/balance-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right; }
  .balance-widget .mobile-right-img {
    position: absolute;
    top: 10px;
    right: 15px; }
    .balance-widget .mobile-right-img .left-mobile-img {
      margin-right: -20px; }
    .balance-widget .mobile-right-img .mobile-img {
      height: 130px; }
    [dir="rtl"] .balance-widget .mobile-right-img {
      right: unset;
      left: 15px; }
    @media (max-width: 480px) {
      .balance-widget .mobile-right-img {
        right: 0; }
        .balance-widget .mobile-right-img .mobile-img {
          height: 100px; }
        [dir="rtl"] .balance-widget .mobile-right-img {
          right: unset;
          left: 0; } }
  [dir="rtl"] .balance-widget {
    text-align: right; }
  .balance-widget.card-body {
    padding: 20px 15px; }
  .balance-widget .purchase-btn {
    min-width: 170px; }

.range_4 .slider-container {
  position: relative;
  height: 45px;
  margin: 0 20px; }
  .range_4 .slider-container .range-slider_thumb {
    width: 46px;
    height: 26px;
    border-radius: 6px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #006666;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    z-index: 2; }
    [data-theme="dark"] .range_4 .slider-container .range-slider_thumb {
      background-color: var(--body-color); }
  .range_4 .slider-container .range-slider_line {
    height: 7px;
    width: 100%;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 10px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    position: absolute;
    z-index: 1; }
    [data-theme="dark"] .range_4 .slider-container .range-slider_line {
      background-color: var(--body-color); }
    .range_4 .slider-container .range-slider_line .range-slider_line-fill {
      position: absolute;
      height: 7px;
      width: 0;
      background-color: #006666;
      border-radius: 10px 0 0 10px; }
  .range_4 .slider-container .range-slider_input {
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 4px;
    opacity: 0;
    margin: 0; }
    .range_4 .slider-container .range-slider_input::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 100px;
      height: 100px;
      cursor: pointer;
      border-radius: 50%;
      opacity: 0; }
    .range_4 .slider-container .range-slider_input::-moz-range-thumb {
      width: 14vmin;
      height: 14vmin;
      cursor: pointer;
      border-radius: 50%;
      opacity: 0; }

.small-widget {
  overflow: hidden; }
  .small-widget .card-body {
    padding: 20px; }
    .small-widget .card-body h6 {
      font-size: 14px;
      font-weight: 500;
      color: var(--body-font-color); }
    .small-widget .card-body .product-sub {
      height: 45px;
      width: 45px;
      border-radius: 6px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .small-widget .card-body .product-sub .invoice-icon {
        height: 24px;
        cursor: pointer;
        width: 24px; }
  .small-widget:hover {
    transform: translateY(-5px);
    transition: 0.5s; }
    .small-widget:hover .project-details svg {
      animation: tada 1.5s ease infinite; }
    .small-widget:hover .bg-gradient svg {
      animation: tada 1.5s ease infinite; }

@media (max-width: 1470px) {
  .appointment .customer-table {
    height: 268px; } }

@media (max-width: 1399px) {
  .appointment .customer-table {
    height: unset; } }

.order-wrapper {
  margin: 0 -24px -17px -17px; }

.categories-list {
  display: flex;
  flex-direction: column;
  gap: 18px; }
  @media (max-width: 767px) {
    .categories-list {
      flex-direction: row;
      flex-wrap: wrap; } }
  .categories-list li {
    gap: 10px; }
    .categories-list li .bg-light {
      min-width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .categories-list li .bg-light img {
        width: 25px;
        height: 25px;
        object-fit: contain;
        transition: 0.5s; }
    .categories-list li h6 a {
      transition: 0.5s;
      color: var(--body-font-color); }
    .categories-list li:hover .bg-light img {
      transition: 0.5s;
      transform: scale(1.1); }
    .categories-list li:hover h6 a {
      transition: 0.5s;
      color: var(--theme-deafult); }

.monthly-profit {
  margin-top: -10px; }
  @media (max-width: 1584px) {
    .monthly-profit {
      margin: -10px -8px 0; } }
  @media (max-width: 1520px) {
    .monthly-profit {
      margin: -10px -16px 0; } }
  @media (max-width: 1500px) {
    .monthly-profit {
      margin: -10px -14px 0; } }
  @media (max-width: 1472px) {
    .monthly-profit {
      margin: -10px -20px 0; } }
  @media (max-width: 1424px) {
    .monthly-profit {
      margin: -10px -25px 0; } }
  .monthly-profit .apexcharts-canvas .apexcharts-legend-marker {
    margin-right: 6px; }
  .monthly-profit .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-value {
    font-size: 14px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif !important;
    fill: var(--chart-text-color); }

.overview-wrapper {
  position: relative;
  z-index: 1; }

.back-bar-container {
  position: absolute;
  width: calc(100% - 64px);
  bottom: -8px;
  margin: 0 auto !important;
  left: 28px; }
  @media (max-width: 1199px) {
    .back-bar-container {
      bottom: 22px; } }
  @media (max-width: 480px) {
    .back-bar-container {
      width: calc(100% - 34px);
      left: 18px; } }
  @media (max-width: 327px) {
    .back-bar-container {
      bottom: 42px; } }
.overview-card .balance-data {
  right: 12px; }
  [dir="rtl"] .overview-card .balance-data {
    right: unset;
    left: 12px; }
  @media (max-width: 767px) {
    .overview-card .balance-data {
      right: -40%; }
      [dir="rtl"] .overview-card .balance-data {
        left: -40%; } }
.order-container .apexcharts-canvas .apexcharts-marker {
  stroke-width: 4; }

.purchase-card.discover {
  margin-top: 102px; }
  .purchase-card.discover img {
    width: 224px;
    margin: 0 auto;
    margin-top: -90px; }
    @media (max-width: 1550px) {
      .purchase-card.discover img {
        margin-top: -110px; } }
    @media (max-width: 1399px) {
      .purchase-card.discover img {
        margin-top: -90px; } }
    @media (max-width: 991px) {
      .purchase-card.discover img {
        margin-top: -110px; } }
    @media (max-width: 618px) {
      .purchase-card.discover img {
        width: 200px; } }
.visitor-card .card-header svg {
  width: 18px;
  height: 18px;
  fill: var(--theme-deafult); }

.visitors-container {
  margin: 0 -12px -27px -17px; }
  .visitors-container svg .apexcharts-series path {
    clip-path: inset(1% 0% 0% 0% round 3rem); }
  .visitors-container svg .apexcharts-legend.apexcharts-align-left .apexcharts-legend-series {
    display: flex; }

.recent-order .nav {
  gap: 8px;
  flex-wrap: nowrap;
  overflow: auto;
  padding-bottom: 5px;
  display: flex; }

.recent-order .frame-box {
  border: 1px solid transparent;
  padding: 0;
  transition: 0.5s; }
  .recent-order .frame-box.active {
    border: 1px solid var(--theme-deafult); }
  .recent-order .frame-box:hover {
    transform: translateY(-5px);
    transition: 0.5s; }

.recent-order .tab-content {
  margin-top: 16px; }

.recent-table table thead {
  background: var(--light2); }
  .recent-table table thead th {
    padding-top: 9px;
    padding-bottom: 9px;
    border-bottom: none; }

.recent-table table tr td,
.recent-table table tr th {
  padding: 12px 8px;
  vertical-align: middle; }
  .recent-table table tr td:first-child,
  .recent-table table tr th:first-child {
    min-width: 157px; }
  @media (max-width: 1660px) {
    .recent-table table tr td:nth-child(2),
    .recent-table table tr th:nth-child(2) {
      min-width: 97px; } }
  .recent-table table tr td:last-child,
  .recent-table table tr th:last-child {
    min-width: 96px; }

.recent-table table tr td:first-child {
  padding-left: 0; }
  [dir="rtl"] .recent-table table tr td:first-child {
    padding-left: unset;
    padding-right: 0; }

.recent-table table tr td:last-child {
  padding-right: 0; }
  [dir="rtl"] .recent-table table tr td:last-child {
    padding-left: 0;
    padding-right: unset; }

.recent-table table tr:last-child td {
  padding-bottom: 0;
  border-bottom: none; }

.recent-table table tr .product-content h6 a {
  color: var(--body-font-color);
  transition: 0.5s; }

.recent-table table tr:hover .product-content h6 a {
  color: var(--theme-deafult);
  transition: 0.5s; }

.recent-table .product-content {
  display: flex;
  align-items: center;
  gap: 8px; }
  .recent-table .product-content .order-image {
    background: var(--light2);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center; }

.recent-table svg {
  width: 20px;
  height: 20px; }

.recent-table .recent-status {
  display: flex;
  align-items: center; }
  .recent-table .recent-status.font-success svg {
    fill: #00AC46; }
  .recent-table .recent-status.font-danger svg {
    fill: #FE6A49; }

.recent-activity h5 {
  padding: 30px 0 20px;
  margin-bottom: 0; }

.recent-activity h6 {
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box; }

.recent-activity ul li span {
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box; }

.notification li .recent-images ul::before {
  display: none; }

.notification li .recent-images li {
  padding-bottom: 3px; }

.recent-images {
  margin-top: 10px; }
  .recent-images ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px; }
  .recent-images li {
    border: 1px dashed var(--recent-dashed-border);
    padding: 3px;
    border-radius: 2px; }
    .recent-images li .recent-img-wrap {
      width: 40px;
      height: 40px;
      background: var(--light2);
      display: flex;
      align-items: center;
      justify-content: center; }

.frame-box {
  background: var(--recent-box-bg);
  border-radius: 10px;
  min-width: 76px;
  box-shadow: 2px 2px 2px var(--recent-border); }
  @media (max-width: 575px) {
    .frame-box {
      min-width: 65px; } }
  .frame-box .frame-image {
    min-width: 62px;
    height: 62px;
    border-color: var(--recent-border) var(--white) var(--white) var(--recent-border);
    border-width: 1px;
    border-style: solid;
    margin: 6px;
    display: flex;
    align-items: center;
    border-radius: 4px; }
    @media (max-width: 575px) {
      .frame-box .frame-image {
        min-width: 50px;
        height: 50px;
        margin: 4px; } }
  .frame-box img {
    margin: 0 auto; }
    @media (max-width: 575px) {
      .frame-box img {
        height: 30px; } }
.support-ticket-font ul {
  font-size: 12px; }

.new-update .media .media-body span,
.new-update .media .media-body p {
  font-weight: 500; }

.activity-dot-primary {
  min-width: 6px;
  height: 6px;
  background-color: #006666;
  border-radius: 100%;
  outline: 5px solid rgba(0, 102, 102, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-primary {
  min-width: 12px;
  height: 12px;
  background-color: #006666;
  outline: 5px solid rgba(0, 102, 102, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-secondary {
  min-width: 6px;
  height: 6px;
  background-color: #FE6A49;
  border-radius: 100%;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-secondary {
  min-width: 12px;
  height: 12px;
  background-color: #FE6A49;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-success {
  min-width: 6px;
  height: 6px;
  background-color: #00AC46;
  border-radius: 100%;
  outline: 5px solid rgba(0, 172, 70, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-success {
  min-width: 12px;
  height: 12px;
  background-color: #00AC46;
  outline: 5px solid rgba(0, 172, 70, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-danger {
  min-width: 6px;
  height: 6px;
  background-color: #FE6A49;
  border-radius: 100%;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-danger {
  min-width: 12px;
  height: 12px;
  background-color: #FE6A49;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-info {
  min-width: 6px;
  height: 6px;
  background-color: #173878;
  border-radius: 100%;
  outline: 5px solid rgba(23, 56, 120, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-info {
  min-width: 12px;
  height: 12px;
  background-color: #173878;
  outline: 5px solid rgba(23, 56, 120, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-light {
  min-width: 6px;
  height: 6px;
  background-color: #E6E9EB;
  border-radius: 100%;
  outline: 5px solid rgba(230, 233, 235, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-light {
  min-width: 12px;
  height: 12px;
  background-color: #E6E9EB;
  outline: 5px solid rgba(230, 233, 235, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-dark {
  min-width: 6px;
  height: 6px;
  background-color: #2c323f;
  border-radius: 100%;
  outline: 5px solid rgba(44, 50, 63, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-dark {
  min-width: 12px;
  height: 12px;
  background-color: #2c323f;
  outline: 5px solid rgba(44, 50, 63, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-warning {
  min-width: 6px;
  height: 6px;
  background-color: #FFAE1A;
  border-radius: 100%;
  outline: 5px solid rgba(255, 174, 26, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-warning {
  min-width: 12px;
  height: 12px;
  background-color: #FFAE1A;
  outline: 5px solid rgba(255, 174, 26, 0.25);
  position: relative;
  z-index: 2; }

@media only screen and (max-width: 1800px) and (min-width: 1400px) {
  .grid-ed-none {
    display: none !important; }
  .grid-ed-12 {
    width: 100%; } }

@media only screen and (max-width: 1660px) and (min-width: 1400px) {
  .col-ed-12 {
    width: 100%; }
  .col-ed-7 {
    width: 58%; }
  .col-ed-5 {
    width: 42%; }
  .col-ed-9 {
    width: 75%; }
  .col-ed-3 {
    width: 25%; }
  .col-ed-6 {
    width: 50%; }
  .col-ed-4 {
    width: 33.33333333%; }
  .col-ed-8 {
    width: 66.66%; }
  .col-ed-none {
    display: none !important; } }

@media only screen and (max-width: 1660px) and (min-width: 1200px) {
  .xl-30 {
    max-width: 30%;
    flex: 0 0 30%; }
  .xl-70 {
    max-width: 70%;
    flex: 0 0 70%; } }

@media only screen and (max-width: 420px) {
  .size-column .col-6 {
    width: 100%; } }

.total-project .bubbles {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  top: 0;
  left: 0; }

.total-project .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(0, 102, 102, 0.1);
  position: absolute;
  animation: floating 10s infinite ease-in; }
  .total-project .bubble:nth-child(1) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 10%;
    animation-duration: 13s; }
  .total-project .bubble:nth-child(2) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 20%;
    animation-duration: 14s;
    animation-delay: 1s; }
  .total-project .bubble:nth-child(3) {
    height: 24px;
    width: 24px;
    border-radius: 15px;
    left: 35%;
    animation-duration: 16s;
    animation-delay: 3s; }
  .total-project .bubble:nth-child(4) {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    left: 50%;
    animation-duration: 13s;
    animation-delay: 1s; }
  .total-project .bubble:nth-child(5) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 5%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-project .bubble:nth-child(6) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 30%;
    animation-duration: 19s;
    animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.total-Progress .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(255, 174, 26, 0.1);
  position: absolute;
  animation: floating 10s infinite ease-in; }
  .total-Progress .bubble:nth-child(1) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 10%;
    animation-duration: 18s; }
  .total-Progress .bubble:nth-child(2) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 20%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(3) {
    height: 24px;
    width: 24px;
    border-radius: 15px;
    left: 65%;
    animation-duration: 12s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(4) {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    left: 34%;
    animation-duration: 16s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(5) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 5%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(6) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 14%;
    animation-duration: 12s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(7) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 41%;
    animation-duration: 16s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(8) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 3%;
    animation-duration: 11s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(9) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 48%;
    animation-duration: 18s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(10) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 46%;
    animation-duration: 10s;
    animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.total-Complete .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(254, 106, 73, 0.1);
  position: absolute;
  animation: floating 10s infinite ease-in; }
  .total-Complete .bubble:nth-child(1) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 10%;
    animation-duration: 11s; }
  .total-Complete .bubble:nth-child(2) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 20%;
    animation-duration: 15s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(3) {
    height: 24px;
    width: 24px;
    border-radius: 15px;
    left: 35%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(4) {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    left: 60%;
    animation-duration: 19s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(5) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 51%;
    animation-duration: 14s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(6) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 96%;
    animation-duration: 14s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(7) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 69%;
    animation-duration: 18s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(8) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 36%;
    animation-duration: 20s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(9) {
    height: 25px;
    width: 25px;
    border-radius: 30px;
    left: 75%;
    animation-duration: 25s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(10) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 36%;
    animation-duration: 35s;
    animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.total-upcoming {
  border-bottom: 2px solid var(--body-font-color); }
  .total-upcoming .bubble {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    background-color: rgba(108, 117, 125, 0.1);
    position: absolute;
    animation: floating 10s infinite ease-in; }
    .total-upcoming .bubble:nth-child(1) {
      height: 25px;
      width: 25px;
      border-radius: 15px;
      left: 10%;
      animation-duration: 17s; }
    .total-upcoming .bubble:nth-child(2) {
      height: 28px;
      width: 28px;
      border-radius: 15px;
      left: 70%;
      animation-duration: 10s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(3) {
      height: 24px;
      width: 24px;
      border-radius: 15px;
      left: 35%;
      animation-duration: 10s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(4) {
      height: 15px;
      width: 15px;
      border-radius: 15px;
      left: 10%;
      animation-duration: 16s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(5) {
      height: 20px;
      width: 20px;
      border-radius: 15px;
      left: 5%;
      animation-duration: 18s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(6) {
      height: 30px;
      width: 30px;
      border-radius: 15px;
      left: 52%;
      animation-duration: 14s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(7) {
      height: 35px;
      width: 35px;
      border-radius: 15px;
      left: 95%;
      animation-duration: 16s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(8) {
      height: 30px;
      width: 30px;
      border-radius: 15px;
      left: 35%;
      animation-duration: 13s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(9) {
      height: 25px;
      width: 25px;
      border-radius: 15px;
      left: 75%;
      animation-duration: 12s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(10) {
      height: 26px;
      width: 26px;
      border-radius: 15px;
      left: 14%;
      animation-duration: 9s;
      animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.project-details {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .project-details .project-counter {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 6px; }
    .project-details .project-counter span {
      font-size: 13px;
      font-weight: 400; }

.today-work-table .today-working-table tbody tr td {
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px dashed #E6E9EB; }

.today-work-table .today-working-table tbody tr td:nth-child(1) {
  min-width: 165px; }

.today-work-table .today-working-table tbody tr td:nth-child(2) {
  min-width: 170px; }

.today-work-table .today-working-table tbody tr td:nth-child(3) {
  min-width: 94px; }

.today-work-table .today-working-table tbody tr td:nth-child(4) .badge {
  padding: 8px 20px; }

.today-work-table .today-working-table tbody tr:first-child td {
  padding-top: 0px; }

.today-work-table .today-working-table tbody tr td a {
  color: #051A1A;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.today-work-table .today-working-table tbody tr:hover td a {
  color: var(--theme-deafult) !important; }

.today-work-table .today-working-table tbody tr:last-child td {
  padding-bottom: 0px;
  border: none; }

.add-project-link {
  background-color: rgba(68, 198, 198, 0.21);
  height: 5%; }
  .add-project-link .categories {
    background-image: url(/../images/dashboard-2/dashboard-banner.gif);
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    background-position: center; }
  .add-project-link .categories-content {
    padding: 22px 15px; }
    .add-project-link .categories-content p {
      font-size: 13px;
      font-weight: 500;
      margin-bottom: 10px; }
    .add-project-link .categories-content a {
      font-size: 16px;
      font-weight: 700;
      color: #051A1A;
      text-decoration: underline; }

.projectlist-card {
  border: 1px solid #ecf3fa;
  border-radius: 8px; }
  .projectlist-card .projectlist {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    padding: 20px 20px 0px; }
    .projectlist-card .projectlist .project-data {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px; }
      .projectlist-card .projectlist .project-data div a {
        color: #051A1A; }
    .projectlist-card .projectlist .nft-img {
      border-radius: 4px; }
    .projectlist-card .projectlist .badge-primary {
      color: #006666; }
  .projectlist-card .project-comment {
    padding: 0px 20px;
    margin-top: 8px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .projectlist-card .project-comment .project-comment-icon {
      display: flex;
      align-items: center;
      gap: 15px;
      position: relative; }
      .projectlist-card .project-comment .project-comment-icon svg {
        height: 16px;
        width: 16px; }
      .projectlist-card .project-comment .project-comment-icon span {
        font-weight: 500;
        font-size: 12px;
        color: var(--body-font-color); }
      .projectlist-card .project-comment .project-comment-icon .project-link {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px; }
        .projectlist-card .project-comment .project-comment-icon .project-link::before {
          height: 17px;
          width: 1px;
          background-color: var(--body-font-color);
          position: absolute;
          content: "";
          right: 35px; }
  .projectlist-card .project-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 20px; }
    .projectlist-card .project-date span:last-child {
      color: #FE6A49; }

.project-meeting-details {
  border-top: 1px solid #E6E9EB;
  margin-top: 10px; }
  .project-meeting-details .project-meeting {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 20px;
    margin-bottom: 3px;
    margin-top: 20px; }
    .project-meeting-details .project-meeting span {
      font-weight: 500;
      font-size: 12px;
      color: var(--body-font-color); }
  .project-meeting-details .project-meeting-time {
    padding: 0px 20px;
    margin-top: 3px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .project-meeting-details .project-meeting-time a {
      color: #051A1A; }
  .project-meeting-details:hover a {
    color: #006666; }

.avatar-showcase img.img-25 {
  width: 25px;
  height: 25px; }

.client-list-table table tbody tr td {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E6E9EB;
  padding-top: 15px;
  padding-bottom: 15px; }
  .client-list-table table tbody tr td a {
    color: #051A1A; }
  .client-list-table table tbody tr td .product-sub svg {
    height: 28px;
    width: 28px;
    cursor: pointer; }
  .client-list-table table tbody tr td .user-id {
    display: flex;
    align-items: center;
    position: relative;
    min-width: 195px; }
    .client-list-table table tbody tr td .user-id::before {
      height: 50px;
      width: 1px;
      content: "";
      position: absolute;
      background-color: #E6E9EB;
      right: 11%; }
  .client-list-table table tbody tr td .user-comment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 180px; }

.client-list-table table tbody tr:hover td a {
  color: #006666; }

.client-list-table table tbody tr:first-child td {
  padding-top: 0px; }

.client-list-table table tbody tr:last-child td {
  padding-bottom: 0px;
  border: none; }

.project-table .radial-chart-wrap {
  height: 30px;
  width: 68px; }
  .project-table .radial-chart-wrap > div {
    height: 75px;
    width: 100px; }
    .project-table .radial-chart-wrap > div.widgetsChart .apexcharts-theme-light .apexcharts-graphical .apexcharts-datalabels-group .apexcharts-datalabel-label {
      display: none; }

.project-table .project-comment .project-comment-icon {
  display: flex;
  align-items: center;
  position: relative;
  gap: 15px; }
  .project-table .project-comment .project-comment-icon .project-link {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px; }
    .project-table .project-comment .project-comment-icon .project-link svg {
      height: 16px;
      width: 16px; }
    .project-table .project-comment .project-comment-icon .project-link::before {
      height: 17px;
      width: 1px;
      background-color: #E6E9EB;
      position: absolute;
      content: "";
      left: 47px; }

.activity-log-card ul::before {
  height: calc(100% - 150px);
  border-left: 1px dashed #E6E9EB;
  content: "";
  z-index: 1;
  position: absolute;
  left: 36px; }

.activity-log-card ul li div .username {
  color: #051A1A; }
  .activity-log-card ul li div .username:hover {
    color: #006666; }

.activity-log {
  margin-bottom: 24px; }
  .activity-log .activity-log-img {
    height: 34px;
    width: 34px;
    z-index: 2; }
  .activity-log .user-id {
    margin-bottom: 2px; }
  .activity-log:last-child {
    margin-bottom: 0px; }
  .activity-log h6 {
    display: block;
    margin-bottom: 2px; }
    .activity-log h6 a {
      color: #051A1A;
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box !important;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      white-space: normal; }
  .activity-log:hover h6 a {
    color: #006666 !important; }

.user-message svg {
  height: 24px;
  width: 24px; }

.user-message ul li {
  border-bottom: 1px solid #E6E9EB;
  margin-bottom: 20px; }
  .user-message ul li .activity-log {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 20px;
    position: relative; }
    .user-message ul li .activity-log .status {
      position: absolute;
      height: 9px;
      width: 9px;
      border-radius: 100%;
      bottom: 3px;
      left: 25px;
      z-index: 2; }
      .user-message ul li .activity-log .status.bg-warning {
        border: 1px solid #fff; }
  .user-message ul li:last-of-type .activity-log {
    margin-bottom: 0px; }
  .user-message ul li:last-of-type {
    border: none;
    margin-bottom: 0px; }
  .user-message ul li:last-child .activity-log {
    margin-bottom: 0px; }
  .user-message ul li:last-child {
    border: none;
    margin-bottom: 0px; }

.user-message .activity-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%; }

.project-ideas-card::before {
  background: radial-gradient(circle, #1baeae 2%, #1a9494 50%, #048f8f 100%);
  height: 123px;
  width: 109%;
  content: "";
  position: absolute;
  overflow: hidden;
  top: 0;
  border-radius: 0 0 100% 100%;
  left: 50%;
  transform: translateX(-50%); }
  @media (max-width: 1799px) {
    .project-ideas-card::before {
      height: 102px; } }
.project-ideas-card .project-card {
  background-image: url(/../images/dashboard-2/office-work.gif);
  background-size: contain;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
  padding: 257px 0px;
  border-radius: 5px; }
  @media (max-width: 1875px) {
    .project-ideas-card .project-card {
      padding: 230px 0px; } }
  @media (max-width: 1800px) {
    .project-ideas-card .project-card {
      padding: 228px 0px; } }
  @media (max-width: 1799px) {
    .project-ideas-card .project-card {
      padding: 204px 0px; } }
  .project-ideas-card .project-card span {
    position: absolute;
    top: 20px;
    left: 10px;
    color: #fff; }
  .project-ideas-card .project-card .btn-showcase {
    margin-top: -85px;
    display: flex;
    justify-content: center;
    align-items: center; }

@media (max-width: 1568px) and (min-width: 1501px) {
  .timeline-calendar {
    width: 495px; } }

@media (max-width: 1194px) and (min-width: 768px) {
  .timeline-calendar {
    width: 801px;
    overflow-x: auto; } }

.timeline-calendar .custom-calendar {
  height: 374px !important; }
  @media (max-width: 1799px) {
    .timeline-calendar .custom-calendar {
      height: 334px !important; } }
.project-table {
  overflow-y: hidden; }
  .project-table .invoice-icon {
    height: 24px;
    width: 24px;
    cursor: pointer; }
  .project-table .order-table thead {
    background-color: rgba(230, 233, 235, 0.3); }
    .project-table .order-table thead tr th {
      padding: 20px; }
      .project-table .order-table thead tr th:nth-child(1) {
        min-width: 190px; }
      .project-table .order-table thead tr th:nth-child(2) {
        min-width: 200px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(3) {
        min-width: 130px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(4) {
        min-width: 100px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(5) {
        min-width: 50px; }
      .project-table .order-table thead tr th:first-child {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .project-table .order-table thead tr th:last-child {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; }
  .project-table .order-table tbody tr {
    border-bottom: 1px solid #E6E9EB; }
    .project-table .order-table tbody tr td {
      padding-top: 17px;
      padding-bottom: 17px; }
      .project-table .order-table tbody tr td p {
        color: var(--body-font-color);
        font-weight: 500; }
      .project-table .order-table tbody tr td .status-process {
        border-radius: 15px;
        padding: 12px; }
      .project-table .order-table tbody tr td:last-child .product-sub {
        text-align: center; }
      .project-table .order-table tbody tr td:nth-child(5) span.pending {
        height: 3px;
        width: 3px;
        border-radius: 100%; }
    .project-table .order-table tbody tr:last-child {
      border: none; }
      .project-table .order-table tbody tr:last-child td {
        padding-bottom: 0px;
        margin-bottom: -20px; }
  .project-table .order-table tbody tr td a {
    color: #051A1A;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .project-table .order-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }

@media (max-width: 1599px) {
  .client-list-table .client-list .user-id {
    min-width: 100px; }
  .project-ideas-card {
    padding: 210px 0px; }
    .project-ideas-card .project-card span {
      max-width: 265px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -50px; }
  .small-widget .project-details .project-counter span {
    display: none; }
  .today-work-table table tbody tr td:nth-child(1) {
    min-width: 130px !important; }
  .today-work-table table tbody tr td:nth-child(2) {
    min-width: 126px !important; }
  .user-message .activity-log .activity-name span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .online-store {
    display: none; }
  .card-title-underline a {
    display: none; }
  .activity-log-card .activity-log span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1699px) {
  .project-ideas-card .project-card {
    padding: 192px 0px; }
  .project-ideas-card .btn-showcase {
    margin-top: -85px !important; } }

@media (max-width: 1599px) {
  .project-ideas-card .project-card {
    padding: 208px 0px; }
  .project-ideas-card .btn-showcase {
    margin-top: -85px !important; } }

@media (max-width: 1499px) {
  .project-ideas-card .project-card {
    padding: 190px 0px; }
  .project-ideas-card .btn-showcase {
    margin-top: -62px !important; } }

@media (max-width: 1799px) {
  .client-list-table {
    overflow-y: hidden; }
    .client-list-table .client-list .user-id {
      min-width: 140px; }
      .client-list-table .client-list .user-id .avatars {
        display: none; }
  .activity-log-card .activity-log .user-id span {
    display: none; }
  .activity-log-card .activity-log span {
    max-width: 709px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .today-work-table table tbody tr td:nth-child(3) {
    display: none; }
  .projectlist-card .projectlist .project-data span {
    display: block; }
  .projectlist-card .projectlist span {
    display: none; }
  .projectlist-card .project-meeting-details .project-meeting {
    margin-top: 12px; }
    .projectlist-card .project-meeting-details .project-meeting span:last-child {
      display: none; }
  .projectlist-card .project-meeting-details .project-meeting-time {
    margin-bottom: 12px; }
    .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
      display: none; }
  .client-list-table .client-list .product-sub .invoice-icon {
    display: none; } }

@media (max-width: 1499px) {
  .timeline-calendar .fc-toolbar-chunk {
    display: none; }
  .projectlist-card .project-comment .avatar-showcase ul li:nth-child(3) {
    display: inline-block !important; }
  .projectlist-card .project-comment .avatar-showcase ul li:nth-child(4) {
    display: inline-block !important; } }

@media (max-width: 1399px) {
  .project-details .project-counter span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1199px) {
  .activity-group {
    display: block !important; }
    .activity-group::before {
      display: none; }
  .add-project-link {
    height: 9%; }
    .add-project-link .categories {
      width: 25%; }
  .project-ideas-card .project-card {
    padding: 237px 0px; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -113px !important; }
    .project-ideas-card .project-card span {
      top: 18px;
      left: 11px;
      max-width: 550px; }
  .user-message ul li:nth-child(6) {
    margin-bottom: 0px;
    border-bottom: none; }
    .user-message ul li:nth-child(6) .activity-log {
      margin-bottom: 0px;
      border: none; }
  .user-message ul li:nth-child(7) {
    display: none; }
  .user-message ul li:nth-child(8) {
    display: none; }
  .user-message ul li:last-child {
    display: none; }
  .today-work-table .today-working-table tbody tr td:nth-child(2) {
    min-width: 150px !important; }
  .today-work-table .today-working-table tbody tr td:nth-child(3) {
    display: block; }
  .client-list-table .client-list .user-id {
    min-width: 350px; }
    .client-list-table .client-list .user-id .avatars {
      display: block; }
  .client-list-table .client-list .user-comment .product-sub .invoice-icon {
    display: block; }
  .small-widget .project-details .project-counter span {
    display: block; }
  .today-work-table table tbody tr td:nth-child(1) {
    min-width: 150px !important; }
  .marketing-app-card {
    display: none; }
  .project-table .invoice-icon {
    height: 24px;
    width: 24px;
    cursor: pointer; }
  .project-table .order-table thead {
    background-color: rgba(230, 233, 235, 0.3); }
    .project-table .order-table thead tr th {
      padding: 20px; }
      .project-table .order-table thead tr th:nth-child(1) {
        min-width: 290px; }
      .project-table .order-table thead tr th:nth-child(2) {
        min-width: 200px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(3) {
        min-width: 160px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(4) {
        min-width: 190px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(5) {
        min-width: 50px; }
      .project-table .order-table thead tr th:first-child {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .project-table .order-table thead tr th:last-child {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; }
  .project-table .order-table tbody tr {
    border-bottom: 1px solid #E6E9EB; }
    .project-table .order-table tbody tr td {
      padding-top: 17px;
      padding-bottom: 17px; }
      .project-table .order-table tbody tr td p {
        color: var(--body-font-color);
        font-weight: 500; }
      .project-table .order-table tbody tr td .status-process {
        border-radius: 15px;
        padding: 12px; }
      .project-table .order-table tbody tr td:last-child .product-sub {
        text-align: center; }
    .project-table .order-table tbody tr:last-child {
      border: none; }
      .project-table .order-table tbody tr:last-child td {
        padding-bottom: 0px;
        overflow: hidden; }
  .project-table .order-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; } }

@media (max-width: 992px) {
  .add-project-link {
    height: 9%; }
    .add-project-link .categories {
      width: 25%; }
  .today-work-table table tbody tr td:nth-child(3) {
    display: revert; }
  .timeline-calendar .fc-toolbar-chunk {
    display: block; }
  .project-ideas-card .project-card span {
    top: 18px;
    left: 4px; } }

@media (max-width: 767px) {
  .project-ideas-card::before {
    height: 95px; }
  .project-ideas-card .project-card {
    padding: 341px 0px; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -218px !important; }
    .project-ideas-card .project-card span {
      top: 27px;
      left: 88px; }
  .add-project-link {
    height: 6%; }
    .add-project-link .categories {
      width: 25%; }
  .activity-log-card .activity-log span {
    max-width: 100%; }
  .projectlist-card .projectlist .project-data span {
    display: block; }
  .projectlist-card .projectlist span {
    display: block; }
  .projectlist-card .project-meeting-details .project-meeting span:last-child {
    display: block; }
  .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
    display: block; }
  .client-list-table .client-list .user-id {
    min-width: 240px; }
  .marketing-app-card {
    display: block; }
  .important-project {
    gap: 15px; } }

@media (max-width: 680px) {
  .project-ideas-card .project-card span {
    top: 23px;
    left: 60px; } }

@media (max-width: 610px) {
  .project-ideas-card .project-card span {
    left: 30px; } }

@media (max-width: 575px) {
  .fc-toolbar-chunk .fc-button-group {
    display: none; }
  .project-ideas-card .project-card {
    padding: 581px 0px 0px; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -455px !important; }
    .project-ideas-card .project-card span {
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box !important;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      white-space: normal;
      top: 25px;
      left: 26px; } }

@media (max-width: 480px) {
  .project-ideas-card .project-card {
    padding: 502px 0px 0px !important; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -377px !important; }
    .project-ideas-card .project-card span {
      left: 24px; }
  .timeline-calendar .custom-calendar .time-line table thead tr th.fc-col-header-cell .fc-scrollgrid-sync-inner a {
    font-size: 10px;
    padding: 6px 4px; }
  .projectlist-card .projectlist .project-data span {
    display: block; }
  .projectlist-card .projectlist span {
    display: none; }
  .projectlist-card .project-meeting-details .project-meeting {
    margin-top: 12px; }
    .projectlist-card .project-meeting-details .project-meeting span:last-child {
      display: none; }
  .projectlist-card .project-meeting-details .project-meeting-time {
    margin-bottom: 12px; }
    .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
      display: none; }
  .total-revenue .dropdown-calendar {
    display: none; }
  .projectlist-row justify-content-center .projectlist .project-data span {
    display: block; }
  .projectlist-row justify-content-center .projectlist span {
    display: none; }
  .projectlist-row justify-content-center .project-meeting-details .project-meeting {
    margin-top: 12px; }
    .projectlist-row justify-content-center .project-meeting-details .project-meeting span:last-child {
      display: none; }
  .projectlist-row justify-content-center .project-meeting-details .project-meeting-time {
    margin-bottom: 12px; }
    .projectlist-row justify-content-center .project-meeting-details .project-meeting-time a:last-child {
      display: none; } }

@media (max-width: 399px) {
  .project-ideas-card .project-card {
    padding: 420px 0px 0px !important; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -301px !important; } }

@media (max-width: 1499px) {
  .project-table .order-table thead tr th:nth-child(3) {
    display: none; }
  .project-table .order-table tbody tr td:nth-child(3) {
    display: none; } }

@media (max-width: 1399px) {
  .project-table .order-table thead tr th:nth-child(3) {
    display: block; }
  .project-table .order-table tbody tr td:nth-child(3) {
    display: block; } }

@media (max-width: 360px) {
  .timeline-calendar .custom-calendar .time-line table thead tr th.fc-col-header-cell .fc-scrollgrid-sync-inner a {
    font-size: 10px;
    padding: 6px 0px; }
  .projectlist-card .project-date span:last-child {
    display: none; }
  .projectlist-card .project-comment .project-comment-icon {
    display: none; } }

.total-revenue {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .total-revenue span {
    color: var(--body-font-color);
    font-weight: 500; }
  .total-revenue a {
    font-weight: 600; }

/**=====================
    3.9 Dashboard_2 CSS End
==========================**/
/**=====================
    3.10 Dashboard_3 CSS Start
==========================**/
@keyframes hand-move {
  0% {
    transform: rotate(0deg); }
  20% {
    transform: rotate(15deg); }
  50% {
    transform: rotate(0deg); }
  80% {
    transform: rotate(-15deg); }
  100% {
    transform: rotate(0deg); } }

.course-box {
  overflow: hidden; }
  .course-box .card-body {
    padding: 25px 15px; }
    @media (max-width: 1722px) {
      .course-box .card-body {
        padding: 20px 15px; } }
    @media (max-width: 1660px) {
      .course-box .card-body {
        padding: 16px 15px; } }
  @media (max-width: 1660px) {
    .course-box.widget-course .card-body {
      padding: 25px 15px; } }
  .course-box:hover {
    transform: translateY(-5px);
    transition: 0.5s; }
    .course-box:hover .course-icon svg {
      animation: tada 1.5s ease infinite; }

.course-widget {
  display: flex;
  gap: 8px; }
  .course-widget .course-icon {
    position: relative;
    width: 54px;
    height: 54px;
    clip-path: polygon(40% 7.67949%, 43.1596% 6.20615%, 46.52704% 5.30384%, 50% 5%, 53.47296% 5.30384%, 56.8404% 6.20615%, 60% 7.67949%, 81.65064% 20.17949%, 84.50639% 22.17911%, 86.97152% 24.64425%, 88.97114% 27.5%, 90.44449% 30.6596%, 91.34679% 34.02704%, 91.65064% 37.5%, 91.65064% 62.5%, 91.34679% 65.97296%, 90.44449% 69.3404%, 88.97114% 72.5%, 86.97152% 75.35575%, 84.50639% 77.82089%, 81.65064% 79.82051%, 60% 92.32051%, 56.8404% 93.79385%, 53.47296% 94.69616%, 50% 95%, 46.52704% 94.69616%, 43.1596% 93.79385%, 40% 92.32051%, 18.34936% 79.82051%, 15.49361% 77.82089%, 13.02848% 75.35575%, 11.02886% 72.5%, 9.55551% 69.3404%, 8.65321% 65.97296%, 8.34936% 62.5%, 8.34936% 37.5%, 8.65321% 34.02704%, 9.55551% 30.6596%, 11.02886% 27.5%, 13.02848% 24.64425%, 15.49361% 22.17911%, 18.34936% 20.17949%);
    background: linear-gradient(310.31deg, #FF3364 14.71%, #FF7F9E 100%);
    display: flex;
    align-items: center;
    justify-content: center; }
    .course-widget .course-icon svg {
      width: 26px;
      height: 26px;
      fill: #fff; }
    .course-widget .course-icon.warning {
      background: linear-gradient(297.08deg, #FF9E2A -4.53%, #FFA941 98.25%); }
  .course-widget .btn-light {
    background: var(--course-light-btn) !important;
    border: none; }
  .course-widget a {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    margin-top: 25px; }
    .course-widget a span {
      display: block;
      margin-bottom: -5px; }
    .course-widget a svg {
      width: 13px;
      height: 13px; }

.get-card .card-header {
  padding-left: 20px;
  padding-right: 20px; }

.square-group {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: scaleX(-1); }
  [dir="rtl"] .square-group {
    right: unset;
    left: 0; }
  .square-group .square-1 {
    width: 12px;
    height: 18px; }
  .square-group .square-2 {
    width: 12px;
    height: 10px;
    margin-bottom: -10px; }
  .square-group .square-3 {
    width: 18px;
    height: 10px;
    margin-left: 10px; }
    [dir="rtl"] .square-group .square-3 {
      margin-left: unset;
      margin-right: 10px; }
  .square-group .square-4 {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: -15px; }
    [dir="rtl"] .square-group .square-4 {
      right: unset;
      left: -15px; }
  .square-group .square-5 {
    width: 6px;
    height: 6px;
    bottom: 22px;
    position: absolute;
    right: -1px; }
    [dir="rtl"] .square-group .square-5 {
      right: unset;
      left: -1px; }
  .square-group .square-6,
  .square-group .square-7 {
    position: absolute;
    width: 4px;
    height: 4px; }
  .square-group .square-6 {
    right: -23px;
    bottom: 5px; }
    [dir="rtl"] .square-group .square-6 {
      right: unset;
      left: -23px; }
  .square-group .square-7 {
    right: 8px;
    bottom: 45px; }
    [dir="rtl"] .square-group .square-7 {
      right: unset;
      left: 8px; }
  .square-group .warning1 {
    background: #FFD497; }
  .square-group .warning {
    background: #FFA73B; }
  .square-group .primary {
    background: #006666; }
  .square-group .danger {
    background: #f54132; }
  .square-group .light {
    background: #E6E8EF; }
  .square-group .success {
    background: #00AC46; }

.progress-chart-wrap {
  margin: -40px 0 -22px; }
  [dir="rtl"] .progress-chart-wrap {
    direction: ltr; }
  @media (max-width: 991px) {
    .progress-chart-wrap {
      margin-top: -18px; } }
  .progress-chart-wrap .apexcharts-canvas {
    margin: 0 auto; }
    .progress-chart-wrap .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-label {
      fill: var(--chart-text-color); }

.get-card .btn {
  margin-top: 15px;
  padding: 8px 15px; }
  .get-card .btn:hover svg {
    transform: translateX(5px);
    transition: 0.5s; }
  .get-card .btn svg {
    width: 13px;
    height: 13px;
    fill: #fff;
    vertical-align: middle;
    transition: 0.5s; }

.default-datepicker .datepicker-inline .datepicker {
  width: auto;
  background: #fff;
  box-shadow: none;
  padding: 0; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content {
    padding: 0; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {
      margin: 27px 0 0;
      padding: 15px 0; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name {
        color: #2b2b2b;
        font-size: 14px; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
      height: 35px;
      width: 14%;
      color: #2b2b2b; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-other-month- {
        color: #2b2b2b;
        opacity: 20%; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-weekend- + .-weekend- {
        color: #FE6A49; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell {
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      z-index: 0;
      letter-spacing: 2px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected- {
        background: var(--theme-deafult);
        color: #fff;
        position: relative;
        box-shadow: 0px 0px 13px 0 rgba(0, 102, 102, 0.5); }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-current- {
        background-color: #00AC46;
        border: none;
        color: #fff; }
        .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-current-::after {
          position: absolute;
          content: '';
          width: 10px;
          height: 10px;
          border: 2px solid var(--white);
          background: #FE6A49;
          right: -3px;
          top: -2px;
          border-radius: 100%; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-focus- {
        color: #fff;
        box-shadow: none; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker-cell .datepicker--cell-month.-current-.-selected- {
      background-color: var(--theme-deafult); }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav {
    border-bottom: none;
    padding: 0;
    text-transform: capitalize;
    margin-top: 0; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action {
      background-color: transparent;
      width: 22px;
      height: 22px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action[data-action="prev"] {
        position: absolute;
        right: 50px; }
        [dir="rtl"] .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action[data-action="prev"] {
          right: unset;
          left: 50px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action svg {
        width: 22px;
        height: 22px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action path {
        stroke: var(--chart-text-color); }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
    color: #2b2b2b;
    font-size: 20px;
    font-weight: 500; }
    @media (max-width: 767px) {
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
        font-size: 14px; } }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
      margin-left: 10px;
      font-weight: 500;
      font-size: 20px;
      color: #2b2b2b; }
      @media (max-width: 767px) {
        .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
          font-size: 14px; } }
.learning-wrap {
  margin: -24px -10px -24px -15px; }

.activity-wrap {
  margin: -22px 0 -22px -28px; }
  [dir="rtl"] .activity-wrap {
    margin: -22px -28px -22px 0; }

.upcoming-event-wrap {
  margin-bottom: -39px;
  margin-left: -24px; }

.course-card .dropdown .dropdown-toggle {
  width: 125px; }

.course-wrapper {
  text-align: center; }
  .course-wrapper .course-icon-box {
    position: relative;
    padding: 8px; }
    @media (max-width: 767px) {
      .course-wrapper .course-icon-box {
        padding: 0; } }
    .course-wrapper .course-icon-box .icon-wrap {
      width: 117px;
      height: 92px;
      background-color: var(--course-bg);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 8px;
      margin: 0 auto;
      box-shadow: -18px 15px 20px rgba(119, 119, 119, 0.25); }
      @media (max-width: 1880px) {
        .course-wrapper .course-icon-box .icon-wrap {
          width: 112px; } }
      @media (max-width: 767px) {
        .course-wrapper .course-icon-box .icon-wrap {
          box-shadow: none; } }
      @media (max-width: 575px) {
        .course-wrapper .course-icon-box .icon-wrap {
          width: 92px;
          height: 82px; } }
      .course-wrapper .course-icon-box .icon-wrap img {
        width: 80px; }
        @media (max-width: 575px) {
          .course-wrapper .course-icon-box .icon-wrap img {
            width: 70px; } }
    .course-wrapper .course-icon-box .arrow-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: calc(100% + 20px);
      height: 100%; }
      [dir="rtl"] .course-wrapper .course-icon-box .arrow-bg {
        left: unset;
        right: 0;
        transform: scaleX(-1); }
      @media (max-width: 767px) {
        .course-wrapper .course-icon-box .arrow-bg {
          display: none; } }
  .course-wrapper h6 {
    margin-top: 25px;
    margin-bottom: 0; }
    @media (max-width: 575px) {
      .course-wrapper h6 {
        margin-top: 15px; } }
.course-main-card {
  display: flex;
  gap: 20px;
  justify-content: center; }
  @media (max-width: 1880px) {
    .course-main-card {
      flex-wrap: wrap; } }
  @media (max-width: 767px) {
    .course-main-card {
      gap: 12px;
      flex-wrap: nowrap; } }
  @media (max-width: 575px) {
    .course-main-card {
      gap: 20px;
      flex-wrap: wrap; } }
  .course-main-card .course-wrapper:last-child .arrow-bg {
    width: 100%; }

.schedule-list {
  display: flex;
  flex-direction: column;
  gap: 20px; }
  @media (max-width: 767px) {
    .schedule-list {
      flex-direction: row; } }
  @media (max-width: 575px) {
    .schedule-list {
      flex-direction: column; } }
  .schedule-list li {
    display: flex;
    align-items: center; }
    .schedule-list li h6 {
      font-size: 14px; }
    .schedule-list li ul {
      column-count: 2;
      column-rule-style: solid;
      column-rule-color: var(--chart-text-color);
      column-gap: 20px;
      column-rule-width: 1px; }
      @media (max-width: 1712px) {
        .schedule-list li ul {
          column-gap: 14px; } }
      @media (max-width: 1199px) {
        .schedule-list li ul {
          display: flex;
          flex-wrap: wrap; } }
      .schedule-list li ul li {
        gap: 6px; }
    .schedule-list li img {
      border-radius: 100%;
      width: 37px;
      height: 37px;
      padding: 3px; }
    .schedule-list li svg {
      width: 15px;
      height: 15px; }
      .schedule-list li svg.f-success {
        fill: #00AC46; }
  .schedule-list > li {
    padding: 15px 20px;
    box-shadow: 4px 7px 17px 5px rgba(46, 35, 94, 0.05);
    gap: 10px;
    position: relative;
    border-radius: 10px; }
    @media (max-width: 1712px) {
      .schedule-list > li {
        padding: 16px 14px; } }
    .schedule-list > li::before {
      position: absolute;
      content: '';
      width: 5px;
      height: 100%;
      left: 0;
      top: 0;
      border-radius: 15px 0 0 15px; }
      [dir="rtl"] .schedule-list > li::before {
        left: unset;
        right: 0;
        border-radius: 0 15px 15px 0; }
    .schedule-list > li.primary::before {
      background-color: var(--theme-deafult); }
    .schedule-list > li.primary img {
      border: 1px solid var(--theme-deafult); }
    .schedule-list > li.warning::before {
      background-color: #FFAE1A; }
    .schedule-list > li.warning img {
      border: 1px solid #FFAE1A; }

.link-only {
  display: flex;
  align-items: center;
  color: #FFFFFF; }
  .link-only svg {
    width: 16px;
    height: 16px; }

.lessons-lists li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 0; }
  .lessons-lists li img {
    transition: 0.5s; }
  .lessons-lists li + li {
    border-top: 1px solid var(--chart-dashed-border); }
  .lessons-lists li:first-child {
    padding-top: 0; }
  .lessons-lists li:last-child {
    padding-bottom: 0; }
  .lessons-lists li:hover img {
    transform: scale(1.1);
    transition: 0.5s; }

.lesson-wrap {
  width: 50px;
  margin-bottom: -11px;
  margin-top: -6px; }
  .lesson-wrap .apexcharts-canvas .apexcharts-datalabel-label {
    display: none; }

@media only screen and (max-width: 575px) {
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
    font-size: 17px; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
      font-size: 17px;
      margin-left: 10px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell {
    font-size: 13px; } }

@media only screen and (max-width: 360px) {
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected-:before {
    height: 36px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
    height: 36px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {
    margin: 13px 0 13px; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name {
      font-size: 12px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
    margin-left: 15px;
    font-size: 25px; } }

.tranaction-table tbody tr td a {
  color: #051A1A !important; }

.revenuegrowth {
  position: relative; }
  .revenuegrowth .apexcharts-xaxistooltip {
    display: none; }
  .revenuegrowth .revenuegrowth-chart::before {
    content: "";
    height: calc(100% - 10px);
    position: absolute;
    background-color: #E6E9EB;
    width: 2px;
    right: 0;
    top: 0; }

.icon-menu-header svg {
  height: 25px;
  width: 25px; }

.revenuegrowth-details {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  gap: 20px; }
  .revenuegrowth-details .growth-details {
    border-bottom: 1px dashed #E6E9EB; }
    .revenuegrowth-details .growth-details span:first-child {
      margin-bottom: 6px; }
    .revenuegrowth-details .growth-details:last-child {
      border: none; }

.boost-up-card {
  background: radial-gradient(circle, #1baeae 2%, #1a9494 50%, #048f8f 100%); }
  .boost-up-card h6 {
    z-index: 2; }

.img-boostup {
  position: absolute;
  top: 0px;
  right: 237px; }
  .img-boostup .img-boostup-img-1 {
    left: -63px;
    top: -114px;
    position: absolute;
    height: 257px; }
  .img-boostup .img-boostup-img-2 {
    position: absolute;
    top: 70px;
    left: -61px;
    height: 187px; }

.progress-value .progress {
  margin-top: -2px !important;
  height: 3px;
  width: 100%; }
  .progress-value .progress .progress-bar {
    background-color: var(--theme-deafult); }

.deliveries-percentage .percentage-data thead tr {
  border-bottom: 1px solid #E6E9EB; }
  .deliveries-percentage .percentage-data thead tr th {
    padding-top: 18px;
    padding-bottom: 18px; }

.deliveries-percentage .percentage-data tbody tr {
  border-bottom: 1px dashed #E6E9EB; }
  .deliveries-percentage .percentage-data tbody tr td {
    padding-top: 18px;
    padding-bottom: 18px; }
    .deliveries-percentage .percentage-data tbody tr td a {
      color: #051A1A; }
  .deliveries-percentage .percentage-data tbody tr:hover td a {
    color: #006666; }
  .deliveries-percentage .percentage-data tbody tr:last-child {
    border: none; }
    .deliveries-percentage .percentage-data tbody tr:last-child td {
      padding-bottom: 0px; }

.top-product-card ul li.top-product {
  border-bottom: 1px solid #E6E9EB;
  padding-top: 16px;
  padding-bottom: 16px; }
  .top-product-card ul li.top-product .product-img {
    height: 60px;
    width: 73px;
    border-radius: 4px; }
  .top-product-card ul li.top-product:last-child {
    border: none;
    padding-bottom: 0px; }
  .top-product-card ul li.top-product:first-child {
    padding-top: 0px; }

.top-product-card ul li .product-items {
  display: flex;
  align-items: end;
  flex-direction: column;
  justify-content: center;
  gap: 3px; }

.top-product-card ul li .product-details {
  display: flex;
  flex-direction: column;
  gap: 3px; }
  .top-product-card ul li .product-details a {
    color: #051A1A !important; }

.top-product-card ul li:hover a {
  color: var(--theme-deafult) !important; }

.new-user ul li {
  border: 1px solid #E6E9EB;
  border-radius: 4px;
  margin-bottom: 18px;
  transition: all .4s; }
  .new-user ul li svg {
    height: 24px;
    width: 24px; }
  .new-user ul li:last-child {
    margin-bottom: 0px; }
  .new-user ul li .user-name {
    padding: 12px;
    align-items: end; }
  .new-user ul li a {
    color: #051A1A !important; }
  .new-user ul li:hover a {
    color: var(--theme-deafult) !important; }

.activity-table table tbody tr:last-child td {
  padding-bottom: 0px; }
  .activity-table table tbody tr:last-child td .team-activity::before {
    height: unset; }

.activity-table table tbody tr td {
  padding: 11px 0px; }
  .activity-table table tbody tr td .team-activity {
    position: relative; }
    .activity-table table tbody tr td .team-activity:before {
      height: 70px;
      border-left: 1px dashed #86909C;
      content: "";
      z-index: 0;
      position: absolute;
      left: 24px;
      top: 0px; }
    .activity-table table tbody tr td .team-activity .activity-data {
      margin-bottom: 18px; }
      .activity-table table tbody tr td .team-activity .activity-data:last-child {
        margin-bottom: 0px; }
      .activity-table table tbody tr td .team-activity .activity-data .subtitle p {
        max-width: 235px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .activity-table table tbody tr td .team-activity .activity-data .common-space {
        position: relative;
        gap: 20px; }
        .activity-table table tbody tr td .team-activity .activity-data .common-space::before {
          content: '';
          height: 100%;
          width: 2px;
          background-color: #E6E9EB;
          position: absolute;
          top: 0px;
          right: 0px; }
      .activity-table table tbody tr td .team-activity .activity-data .user-activity {
        min-width: 200px;
        position: relative; }
        .activity-table table tbody tr td .team-activity .activity-data .user-activity .rounded-circle {
          border: 1px dashed #86909C; }
        .activity-table table tbody tr td .team-activity .activity-data .user-activity::before {
          content: '';
          height: 100%;
          width: 2px;
          background-color: #E6E9EB;
          position: absolute;
          top: 0px;
          right: 0px; }
      .activity-table table tbody tr td .team-activity .activity-data .activity-time {
        min-width: 120px;
        position: relative; }
        .activity-table table tbody tr td .team-activity .activity-data .activity-time span::before {
          content: '';
          height: 4px;
          width: 4px;
          background-color: #E6E9EB;
          position: absolute;
          top: 8px;
          left: -9px;
          border-radius: 15px; }
      .activity-table table tbody tr td .team-activity .activity-data a {
        color: #051A1A !important; }
      .activity-table table tbody tr td .team-activity .activity-data:hover a {
        color: var(--theme-deafult) !important; }
  .activity-table table tbody tr td:last-child:before {
    display: none; }

.visited-dropdown {
  padding: 8px;
  border: 1px solid #E6E9EB;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .visited-dropdown svg {
    height: 25px;
    width: 25px; }

.tranaction-table thead {
  background-color: rgba(230, 233, 235, 0.3); }
  .tranaction-table thead tr th {
    padding: 20px; }
    .tranaction-table thead tr th:nth-child(1) {
      min-width: 160px; }
    .tranaction-table thead tr th:nth-child(2) {
      min-width: 150px;
      padding: 20px 0px; }
    .tranaction-table thead tr th:nth-child(3) {
      min-width: 130px;
      padding: 20px 0px; }
    .tranaction-table thead tr th:nth-child(4) {
      min-width: 100px;
      padding: 20px 0px; }
    .tranaction-table thead tr th:nth-child(5) {
      min-width: 50px; }
    .tranaction-table thead tr th:first-child {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important; }
    .tranaction-table thead tr th:last-child {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }

.tranaction-table tbody tr {
  border-bottom: 1px solid #E6E9EB; }
  .tranaction-table tbody tr td {
    padding-top: 17px;
    padding-bottom: 17px; }
    .tranaction-table tbody tr td .status-process {
      border-radius: 15px;
      padding: 12px; }
    .tranaction-table tbody tr td:last-child .product-sub {
      text-align: center; }
  .tranaction-table tbody tr:last-child {
    border: none; }
    .tranaction-table tbody tr:last-child td {
      padding-bottom: 0px; }

.tranaction-table tbody tr:hover td a {
  color: var(--theme-deafult) !important; }

@media (max-width: 1799px) {
  .table-order .tranaction-table thead tr th:nth-child(2) {
    display: none; }
  .table-order .tranaction-table tbody tr td:nth-child(2) {
    display: none; }
  .total-revenue .sales-chart-dropdown {
    display: none; }
  .revenuegrowth-details .growth-details p:last-child {
    display: none; }
  .selling-product .balance-data {
    flex-wrap: wrap;
    justify-content: center; }
    .selling-product .balance-data li {
      display: none; }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px; }
  .team-activity ul li.activity-data .activity-time {
    min-width: 90px; }
  .team-activity ul li.activity-data .subtitle {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .top-product-card .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1699px) {
  .activity-table table tbody tr td .team-activity .activity-data .user-activity {
    min-width: 77px; }
    .activity-table table tbody tr td .team-activity .activity-data .user-activity .username {
      display: none !important; }
  .deliveries-percentage .percentage-data .progress-value {
    display: none; }
  .deliveries-percentage .percentage-data .progress {
    display: none; }
  .deliveries-percentage .percentage-data .progress-value {
    justify-content: center; }
  .top-product-card ul li .top-product img {
    height: 40px;
    width: 60px; }
  .top-product-card ul li .product-details a {
    color: #051A1A !important; }
  .boost-up-card .img-boostup {
    right: 200px; }
    .boost-up-card .img-boostup .img-boostup-img-2 {
      position: absolute;
      top: 100px;
      left: -61px;
      height: 187px; } }

@media (max-width: 1599px) {
  row justify-content-center
.activity-table table tbody tr td .team-activity .activity-data .user-activity {
    min-width: 195px; }
    row justify-content-center
.activity-table table tbody tr td .team-activity .activity-data .user-activity .username {
      display: none !important; }
  .new-user ul li a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .deliveries-percentage .percentage-data .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .top-product-card ul li.top-product .product-details {
    max-width: 120px; }
  .top-product-card ul li.top-product .product-items {
    max-width: 195px; }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px; }
  .team-activity ul li.activity-data .activity-time {
    min-width: 90px; } }

@media (max-width: 1399px) {
  .selling-product .balance-data li {
    display: block; }
  .deliveries-percentage table.percentage-data thead tr th:nth-child(2) {
    display: none; }
  .deliveries-percentage table.percentage-data tbody td:nth-child(2) {
    display: none; }
  .revenuegrowth .revenuegrowth-chart::before {
    display: none; }
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .boostup-name h6 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 85px; } }

@media (max-width: 1199px) {
  .table-order .tranaction-table thead tr th:nth-child(2) {
    display: block !important; }
  .table-order .tranaction-table tbody tr td:nth-child(2) {
    display: block !important; }
  .activity-table table {
    overflow: auto !important; }
  .deliveries-percentage table.percentage-data tbody tr td {
    min-width: 178px; }
  .top-product-card .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .top-product-card ul li.top-product:last-child {
    display: none !important; }
  .top-product-card ul li.top-product:nth-child(3) {
    border: none; }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px; }
  .team-activity ul li.activity-data .activity-time {
    min-width: 95px; }
  .team-activity ul li.activity-data .subtitle {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 767px) {
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 110px; } }

@media (max-width: 575.98px) {
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media only screen and (max-width: 480px) {
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 95px; }
  .revenuegrowth {
    margin-bottom: -18px; } }

@media only screen and (max-width: 375px) {
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 116px; } }

/**=====================
  3.10 Dashboard_3 CSS Ends
==========================**/
/**=====================
  3.13 Dashboard_default CSS Start
==========================**/
.form-control-plaintext {
  width: auto !important; }

@keyframes bounce-effect {
  0% {
    transform: translateY(0);
    transition: 0.5s; }
  50% {
    transform: translateY(-5px);
    transition: 0.5s; }
  100% {
    transform: translateY(0);
    transition: 0.5s; } }

@keyframes round {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.badge-light-primary {
  background-color: #29ffff; }
  .badge-light-primary span {
    color: #006666 !important; }

.badge-light-secondary {
  background-color: white; }
  .badge-light-secondary span {
    color: #FE6A49 !important; }

.badge-light-success {
  background-color: #6fffa9; }
  .badge-light-success span {
    color: #00AC46 !important; }

.badge-light-danger {
  background-color: white; }
  .badge-light-danger span {
    color: #FE6A49 !important; }

.badge-light-info {
  background-color: #6e96e3; }
  .badge-light-info span {
    color: #173878 !important; }

.badge-light-light {
  background-color: #b7b7c9; }
  .badge-light-light span {
    color: #52526c !important; }

.badge-light-dark {
  background-color: #8490a9; }
  .badge-light-dark span {
    color: #2c323f !important; }

.badge-light-warning {
  background-color: #fff3dc; }
  .badge-light-warning span {
    color: #FFAE1A !important; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.table thead th {
  border-bottom: 2px solid #ecf3fa; }

@media (max-width: 1712px) {
  .overall-card .balance-card {
    padding: 12px; } }

@media (max-width: 1662px) and (min-width: 1600px) {
  .overall-card .col-xl-9 {
    width: 73%; }
  .overall-card .col-xl-3 {
    width: 27%; } }

@media (max-width: 1650px) and (min-width: 1600px) {
  .overall-card .col-xl-9 {
    width: 72%; }
  .overall-card .col-xl-3 {
    width: 28%; } }

@media (max-width: 1600px) and (min-width: 1500px) {
  .overall-card .col-xl-9 {
    width: 70%; }
  .overall-card .col-xl-3 {
    width: 30%; } }

@media (max-width: 1500px) and (min-width: 1200px) {
  .overall-card .col-xl-9 {
    width: 65%; }
  .overall-card .col-xl-3 {
    width: 35%; } }

/* Clock styles */
.clockbox {
  margin-bottom: -5px; }
  .clockbox svg {
    width: 45px;
    height: 45px; }
    @media (max-width: 767px) {
      .clockbox svg {
        height: 36px; } }
.circle {
  fill: #fff;
  stroke: rgba(255, 255, 255, 0.4);
  stroke-width: 80px;
  stroke-miterlimit: 10; }

.mid-circle {
  fill: #000; }

.hour-marks {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 9;
  stroke-miterlimit: 10; }

.hour-hand {
  fill: none;
  stroke: #ff7e00;
  stroke-width: 17;
  stroke-miterlimit: 10; }

.minute-hand {
  fill: none;
  stroke: #ff7e00;
  stroke-width: 11;
  stroke-miterlimit: 10; }

.second-hand {
  fill: none;
  stroke: #FFAE1A;
  stroke-width: 15px;
  stroke-miterlimit: 10; }

.sizing-box {
  fill: none; }

#hour,
#minute,
#second {
  transform-origin: 300px 300px;
  transition: transform .5s ease-in-out; }

@media (min-width: 1400px) {
  .widget-grid .height-equal {
    min-height: unset !important; } }

@media (min-width: 1400px) {
  .widget-grid > .col-xxl-auto {
    width: 22.22%; } }

.order-chart > div {
  margin-top: -25px;
  margin-bottom: -43px; }

.order-chart svg path {
  clip-path: inset(7% 0% 0% 0% round 0.6rem); }

.growth-wrap .card-header {
  position: relative;
  z-index: 1; }

.growth-wrapper > div {
  margin-top: -54px;
  margin-bottom: -25px; }
  @media (max-width: 1481px) {
    .growth-wrapper > div {
      margin-top: -50px; } }
.profit-chart > div {
  margin-top: -45px;
  margin-bottom: -48px; }

.profit-chart .apexcharts-canvas .apexcharts-tooltip-text-label {
  display: none; }

.card .card-footer .common-space a {
  color: #051A1A; }

.card .card-footer .common-space:hover a {
  color: #006666; }

.sales-wrapper .apexcharts-xaxistooltip {
  display: none; }

.total-order .apexcharts-xaxistooltip {
  display: none; }

.sales-chart {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.sales-chart-dropdown {
  display: flex;
  gap: 15px;
  align-items: center; }
  .sales-chart-dropdown .sales-chart-dropdown-select {
    display: flex;
    justify-content: end;
    gap: 15px; }

.total-revenue {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .total-revenue span {
    font-weight: 500; }
  .total-revenue .update-data {
    position: relative; }
    .total-revenue .update-data::before {
      content: "";
      position: absolute;
      height: 4px;
      width: 4px;
      bottom: 3px;
      left: -15px;
      bottom: 9px;
      border-radius: 15px;
      background-color: #86909C; }
  .total-revenue a {
    font-weight: 600; }

.total-chart {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: -45px;
  margin-top: -20px; }
  .total-chart .data-grow svg {
    width: 24px;
    height: 24px;
    cursor: pointer; }
  .total-chart .data-grow span {
    color: #051A1A; }

.special-Offer {
  background-image: url(/../images/dashboard/Banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 363px;
  border-radius: 8px;
  width: 100%;
  background-position: center; }
  .special-Offer h4 {
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    text-align: center; }
  .special-Offer p {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center; }
  .special-Offer .offer-contain {
    padding-top: 45px;
    text-align: center; }
    .special-Offer .offer-contain p {
      margin: 0px 20px; }

.ecommerce-banner {
  background-image: url(/../images/dashboard/Dashboard-Ecommerce-banner.gif);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 190px; }

.product-widget:hover {
  transform: translateY(-5px);
  transition: 0.5s; }

.new-product {
  padding: 16px !important; }
  .new-product svg {
    cursor: pointer; }
  .new-product:hover .product-cost .add-product svg {
    animation: tada 1.5s ease infinite; }
  .new-product .product-icon {
    height: 50px;
    width: 50px;
    border-radius: 6px; }
  .new-product .product-cost {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .new-product .product-cost .add-product {
      display: flex;
      align-items: center;
      gap: 16px; }
      .new-product .product-cost .add-product h6 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .new-product .product-cost .add-product span {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
    .new-product .product-cost .product-icon svg {
      height: 25px;
      margin: 12px;
      width: 25px; }

.product-costing {
  margin-bottom: 14px;
  border-bottom: 1px dashed #E6E9EB; }
  .product-costing p {
    font-size: 14px;
    font-weight: 500; }
  .product-costing span {
    margin-bottom: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .product-costing:last-child {
    border: none;
    margin-bottom: 0px; }
    .product-costing:last-child span {
      margin-bottom: 0px; }
  .product-costing .product-icon {
    height: 50px;
    width: 50px;
    border-radius: 6px; }
  .product-costing:last-child .costing-span {
    margin-bottom: 0px; }
  .product-costing .product-cost {
    display: flex;
    gap: 15px;
    margin-bottom: 8px; }
    .product-costing .product-cost .product-icon svg {
      height: 25px;
      margin: 12px;
      width: 25px;
      cursor: pointer; }
  .product-costing:hover .product-cost svg {
    animation: tada 1.5s ease infinite; }

.sale-history-card {
  margin-bottom: 16px;
  border-bottom: 1px solid #E6E9EB; }
  .sale-history-card:last-child {
    margin-bottom: 0px;
    border: none; }
  .sale-history-card:hover .history-price a {
    color: #006666 !important; }
  .sale-history-card .history-price {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .sale-history-card .history-price a {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: #051A1A; }
  .sale-history-card:last-child .state-time {
    margin-bottom: 0px; }
  .sale-history-card .state-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px; }

.table-order .order-table-images {
  height: 35px; }

.table-order .product-name {
  display: flex;
  align-items: center;
  gap: 15px; }
  .table-order .product-name img {
    border-radius: 4px; }

.table-order .invoice-icon {
  height: 24px;
  width: 24px; }

.table-order .latest-orders thead {
  background-color: rgba(230, 233, 235, 0.3); }
  .table-order .latest-orders thead tr th {
    padding: 20px; }
    .table-order .latest-orders thead tr th:nth-child(1) {
      min-width: 190px; }
    .table-order .latest-orders thead tr th:nth-child(2) {
      min-width: 200px;
      padding: 20px 0px; }
    .table-order .latest-orders thead tr th:nth-child(3) {
      min-width: 130px;
      padding: 20px 0px; }
    .table-order .latest-orders thead tr th:nth-child(4) {
      min-width: 90px;
      padding: 20px 0px; }
    .table-order .latest-orders thead tr th:nth-child(5) {
      min-width: 50px; }
    .table-order .latest-orders thead tr th:first-child {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important; }
    .table-order .latest-orders thead tr th:last-child {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }

.table-order .latest-orders tbody tr {
  border-bottom: 1px solid #E6E9EB; }
  .table-order .latest-orders tbody tr td {
    padding-top: 17px;
    padding-bottom: 17px; }
    .table-order .latest-orders tbody tr td:nth-child(4) .badge {
      padding: 7px 18px; }
    .table-order .latest-orders tbody tr td:last-child {
      text-align: center; }
    .table-order .latest-orders tbody tr td p {
      color: var(--body-font-color);
      font-weight: 500; }
    .table-order .latest-orders tbody tr td .status-process {
      border-radius: 15px;
      padding: 12px; }
    .table-order .latest-orders tbody tr td:last-child .product-sub {
      text-align: center; }
  .table-order .latest-orders tbody tr:last-child {
    border: none; }
    .table-order .latest-orders tbody tr:last-child td {
      padding-bottom: 0px;
      overflow: hidden; }

.table-order .latest-orders tbody tr td a {
  color: #051A1A; }

.table-order .latest-orders tbody tr:hover td a {
  color: var(--theme-deafult) !important; }

.table-order .order-table thead {
  background-color: rgba(230, 233, 235, 0.3); }
  .table-order .order-table thead tr th {
    padding: 20px; }
    .table-order .order-table thead tr th:nth-child(1) {
      min-width: 190px; }
    .table-order .order-table thead tr th:nth-child(2) {
      min-width: 200px;
      padding: 20px 0px; }
    .table-order .order-table thead tr th:nth-child(3) {
      min-width: 130px;
      padding: 20px 0px; }
    .table-order .order-table thead tr th:nth-child(4) {
      min-width: 90px;
      padding: 20px 0px; }
    .table-order .order-table thead tr th:nth-child(5) {
      min-width: 50px; }
    .table-order .order-table thead tr th:first-child {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important; }
    .table-order .order-table thead tr th:last-child {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }

.table-order .order-table tbody tr {
  border-bottom: 1px solid #E6E9EB; }
  .table-order .order-table tbody tr td {
    padding-top: 17px;
    padding-bottom: 17px; }
    .table-order .order-table tbody tr td:nth-child(4) .badge {
      padding: 9px 18px; }
    .table-order .order-table tbody tr td:last-child {
      text-align: center; }
    .table-order .order-table tbody tr td p {
      color: var(--body-font-color);
      font-weight: 500; }
    .table-order .order-table tbody tr td .status-process {
      border-radius: 15px;
      padding: 12px; }
    .table-order .order-table tbody tr td:last-child .product-sub {
      text-align: center; }
  .table-order .order-table tbody tr:last-child {
    border: none; }
    .table-order .order-table tbody tr:last-child td {
      padding-bottom: 0px; }

.table-order .order-table tbody tr td a {
  color: #051A1A; }

.table-order .order-table tbody tr:hover td .product-name .product-sub a {
  color: var(--theme-deafult) !important; }

.revenueproductwidget {
  margin: 230px 0px 0px 0px; }

.revenueproduct .apexcharts-canvas .apexcharts-legend {
  display: flex;
  flex-direction: column;
  gap: 5px; }

.revenueproduct .apexcharts-canvas .apexcharts-legend-marker {
  border-radius: 4px !important; }

.revenueproduct .apexcharts-canvas .apexcharts-legend-text {
  font-size: 14px !important; }

.widget-1 {
  background-image: url(/../images/dashboard/widget-bg.png);
  background-size: cover;
  margin-bottom: 25px; }
  .widget-1 i {
    font-weight: 700;
    font-size: 12px; }
  .widget-1 .f-w-500 {
    display: flex;
    align-items: center; }
    @media (max-width: 1580px) and (min-width: 1200px) {
      .widget-1 .f-w-500 {
        display: none; } }
  .widget-1 .card-body {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 18px 25px; }
    @media (max-width: 1720px) {
      .widget-1 .card-body {
        padding: 18px; } }
  .widget-1 .widget-round {
    position: relative;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-radius: 100%; }
    .widget-1 .widget-round .bg-round {
      width: 56px;
      height: 56px;
      box-shadow: 1px 2px 21px -2px rgba(214, 214, 227, 0.83);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      margin: 6px;
      position: relative;
      z-index: 1; }
      .widget-1 .widget-round .bg-round svg {
        width: 24px;
        height: 24px; }
      .widget-1 .widget-round .bg-round .half-circle {
        height: 52px;
        position: absolute;
        left: -9px;
        width: 35px;
        bottom: -8px;
        background: #fff;
        z-index: -1; }
      @media (max-width: 1600px) {
        .widget-1 .widget-round .bg-round {
          width: 40px;
          height: 40px; }
          .widget-1 .widget-round .bg-round svg {
            width: 22px;
            height: 22px; }
          .widget-1 .widget-round .bg-round .half-circle {
            height: 40px;
            left: -10px;
            width: 30px;
            bottom: -8px; } }
    .widget-1 .widget-round.primary {
      border-color: var(--theme-deafult); }
    .widget-1 .widget-round.secondary {
      border-color: var(--theme-secondary); }
    .widget-1 .widget-round.success {
      border-color: #00AC46; }
    .widget-1 .widget-round.warning {
      border-color: #FFAE1A; }
  .widget-1 .widget-content {
    display: flex;
    align-items: center;
    gap: 15px; }
    @media (max-width: 1600px) {
      .widget-1 .widget-content {
        gap: 10px; } }
    .widget-1 .widget-content h4 {
      margin-bottom: 4px; }
  .widget-1:hover {
    transform: translateY(-5px);
    transition: 0.5s; }
    .widget-1:hover .widget-round .svg-fill:not(.half-circle) {
      animation: tada 1.5s ease infinite; }

.widget-with-chart .card-body {
  align-items: center; }

.profile-box {
  background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%);
  color: #fff; }
  .profile-box .cartoon {
    position: absolute;
    bottom: -15px;
    right: 20px;
    animation: bounce-effect 5s infinite ease-in; }
    [dir="rtl"] .profile-box .cartoon {
      right: unset !important;
      left: 5px; }
    @media (max-width: 1660px) {
      .profile-box .cartoon {
        right: 30px;
        text-align: right; }
        [dir="rtl"] .profile-box .cartoon {
          left: -6px;
          text-align: left; }
        .profile-box .cartoon img {
          width: 80%; } }
    @media (max-width: 1500px) {
      .profile-box .cartoon img {
        width: 60%; } }
    @media (max-width: 767px) {
      .profile-box .cartoon {
        right: 10px; }
        [dir="rtl"] .profile-box .cartoon {
          left: -10px; }
        .profile-box .cartoon img {
          width: 52%; } }
    @media (max-width: 575px) {
      .profile-box .cartoon {
        right: 30px; }
        [dir="rtl"] .profile-box .cartoon {
          left: 10px; }
        .profile-box .cartoon img {
          width: 48%; } }
  .profile-box .greeting-user p {
    width: 60%; }
    @media (max-width: 1500px) {
      .profile-box .greeting-user p {
        width: 70%; } }
    @media (max-width: 1199px) {
      .profile-box .greeting-user p {
        width: 80%; } }
    @media (max-width: 767px) {
      .profile-box .greeting-user p {
        width: 98%; } }
    @media (max-width: 600px) {
      .profile-box .greeting-user p {
        width: 100%; } }
    @media (max-width: 575px) {
      .profile-box .greeting-user p {
        width: 98%; } }
  .profile-box .whatsnew-btn {
    margin-top: 3.5rem; }
    @media (max-width: 1500px) {
      .profile-box .whatsnew-btn {
        margin-top: 1.7rem; } }
    @media (max-width: 991px) {
      .profile-box .whatsnew-btn {
        margin-top: 3.5rem; } }
    @media (max-width: 638px) {
      .profile-box .whatsnew-btn {
        margin-top: 2rem; } }
    @media (max-width: 767px) {
      .profile-box .whatsnew-btn .btn {
        padding: 6px 10px; } }
.header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px; }
  .header-top a i {
    font-size: 11px;
    margin-bottom: -2px; }
  .header-top a.btn {
    padding: 8px 12px; }
    @media (max-width: 575px) {
      .header-top a.btn {
        padding: 5px; } }
    .header-top a.btn.badge-light-primary:hover {
      background-color: var(--theme-deafult); }

.user-details {
  display: flex;
  align-items: center;
  gap: 15px; }
  @media (max-width: 1399px) {
    .user-details {
      gap: 6px; } }
  .user-details .customers {
    width: 200px; }
  @media (max-width: 575px) {
    .user-details {
      flex-wrap: wrap; } }
.papernote-wrap .banner-img {
  border-radius: 15px;
  width: 100%; }

.papernote-wrap .note-labels {
  display: flex;
  align-items: center; }
  .papernote-wrap .note-labels > * {
    padding: 3px 0; }
  .papernote-wrap .note-labels ul {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap; }
    @media (max-width: 575px) {
      .papernote-wrap .note-labels ul {
        gap: 4px; } }
  .papernote-wrap .note-labels .badge {
    font-size: 14px;
    padding: 6px 12px; }
    @media (max-width: 575px) {
      .papernote-wrap .note-labels .badge {
        font-size: 12px;
        padding: 5px 6px; } }
  .papernote-wrap .note-labels .last-label {
    padding-left: 16px;
    margin-left: 16px;
    border-left: 1px dashed rgba(255, 255, 255, 0.7); }
    [dir="rtl"] .papernote-wrap .note-labels .last-label {
      padding-left: unset;
      margin-left: unset;
      margin-right: 16px;
      padding-right: 16px;
      border-left: none;
      border-right: 1px dashed rgba(255, 255, 255, 0.7); }
    @media (max-width: 575px) {
      .papernote-wrap .note-labels .last-label {
        padding-left: 8px;
        margin-left: 8px; }
        [dir="rtl"] .papernote-wrap .note-labels .last-label {
          margin-right: 8px;
          padding-right: 8px; } }
.papernote-wrap .light-card {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--light2);
  border: 1px solid rgba(255, 255, 255, 0.2); }

.appointment-sec .card-header-right-icon select {
  background-color: rgba(0, 102, 102, 0.08) !important;
  border: none;
  color: var(--theme-deafult) !important;
  width: auto !important;
  height: 32px !important;
  border-radius: 10px;
  padding: 5px 10px;
  line-height: 50px !important;
  font-weight: 500;
  border: none;
  outline: none !important; }
  .appointment-sec .card-header-right-icon select:hover {
    background-color: rgba(0, 102, 102, 0.08) !important;
    color: var(--theme-deafult) !important; }

.appointment-sec .bottom-btn {
  text-align: center; }
  .appointment-sec .bottom-btn a {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.3px;
    text-decoration-line: underline;
    text-transform: uppercase; }

.notification ul {
  position: relative; }
  .notification ul::before {
    position: absolute;
    content: "";
    border: 1px dashed #E6E9EB;
    opacity: 0.3;
    top: 12px;
    left: 2px;
    height: calc(100% - 12px); }
    [dir="rtl"] .notification ul::before {
      left: unset;
      right: 2px; }

.notification li {
  padding-bottom: 22px; }

.notification div[class*="activity-dot-"] {
  margin-top: 12px;
  animation: round 1.3s ease-in-out infinite; }

.notification .card .d-flex .w-100 p .badge {
  color: #fff;
  margin-left: 10px;
  font-weight: 500; }

.notification .card .d-flex .w-100 h6 {
  margin-bottom: 5px;
  position: relative; }
  .notification .card .d-flex .w-100 h6 ~ p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-emphasis: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 260px; }
    @media (max-width: 767px) {
      .notification .card .d-flex .w-100 h6 ~ p {
        -webkit-line-clamp: unset;
        text-emphasis: unset;
        white-space: unset;
        text-overflow: unset;
        display: block;
        width: unset;
        overflow: visible; } }
@keyframes round {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.notification .card .d-flex .w-100 span {
  color: #FFFFFF; }

.notification .card .d-flex:nth-child(2) .media-body h6 .dot-notification {
  background-color: #FFAE1A;
  border: 5px solid #ffe4b3; }

.notification .card .d-flex:last-child {
  margin-bottom: 0 !important; }

.notification .date-content {
  padding: 4px 8px;
  border-radius: 5px; }

.schedule-container > div {
  margin-bottom: -40px; }

.schedule-container svg path {
  clip-path: inset(1% 0% 0% 0% round 1.5rem); }

.purchase-card {
  text-align: center;
  margin-top: 200px; }
  @media (max-width: 1560px) {
    .purchase-card {
      margin-top: 170px; } }
  @media (max-width: 1399px) {
    .purchase-card {
      margin-top: 160px; } }
  @media (max-width: 500px) {
    .purchase-card {
      margin-top: 110px; } }
  @media (max-width: 420px) {
    .purchase-card {
      margin-top: 90px; } }
  .purchase-card img {
    margin-top: -208px; }
    @media (max-width: 1560px) {
      .purchase-card img {
        margin-top: -170px; } }
    @media (max-width: 1399px) {
      .purchase-card img {
        width: 70%;
        margin: -160px auto 0 auto; } }
    @media (max-width: 1366px) {
      .purchase-card img {
        width: 76%; } }
    @media (max-width: 1199px) {
      .purchase-card img {
        width: 86%; } }
    @media (max-width: 991px) {
      .purchase-card img {
        width: 72%; } }
    @media (max-width: 767px) {
      .purchase-card img {
        width: 50%; } }
    @media (max-width: 500px) {
      .purchase-card img {
        margin-top: -110px; } }
    @media (max-width: 420px) {
      .purchase-card img {
        margin-top: -90px;
        width: 60%; } }
  .purchase-card .purchase-btn {
    min-width: auto; }

.user-list {
  column-count: 2;
  column-rule-style: dashed;
  column-rule-color: rgba(255, 255, 255, 0.7);
  column-gap: 120px;
  column-rule-width: 1px; }
  @media (max-width: 1780px) {
    .user-list {
      column-gap: 80px; } }
  @media (max-width: 1660px) {
    .user-list {
      column-gap: 40px; } }
  @media (max-width: 360px) {
    .user-list {
      column-gap: 25px; } }
  .user-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%; }
    @media (max-width: 1540px) {
      .user-list li {
        gap: 5px; } }
    .user-list li i {
      font-size: 12px;
      font-weight: 700; }
    @media (max-width: 360px) {
      .user-list li h5 {
        font-size: 16px; } }
    @media (max-width: 360px) {
      .user-list li span {
        font-size: 13px; } }
    .user-list li:hover .user-box svg {
      animation: tada 1.5s ease infinite; }
  .user-list .user-icon {
    border-radius: 100%;
    display: inline-block; }
    .user-list .user-icon .user-box {
      margin: 3px;
      width: 47px;
      height: 47px;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 1540px) {
        .user-list .user-icon .user-box {
          width: 30px;
          height: 30px; }
          .user-list .user-icon .user-box svg {
            width: 18px;
            height: 18px; } }
    .user-list .user-icon.primary {
      border: 1px solid #006666; }
      .user-list .user-icon.primary .user-box {
        background: #00e6e6; }
    .user-list .user-icon.success {
      border: 1px solid #00AC46; }
      .user-list .user-icon.success .user-box {
        background: #79ffb0; }

.appointment-table table tr td {
  position: relative;
  border-top: none;
  padding: 15px 0;
  vertical-align: middle; }
  .appointment-table table tr td:first-child {
    width: 50px; }
  .appointment-table table tr td .status-circle {
    top: 1px;
    left: 35px;
    border-width: 3px; }
  .appointment-table table tr td p,
  .appointment-table table tr td .btn {
    font-weight: 500;
    font-size: 12px; }
  .appointment-table table tr td .btn {
    padding: 4px 12px; }

.appointment-table table tr .img-content-box a {
  color: var(--body-font-color);
  transition: 0.5s;
  display: inline-block !important; }

.appointment-table table tr .img-content-box span {
  display: block; }

.appointment-table table tr:hover .img-content-box a {
  color: var(--theme-deafult);
  transition: 0.5s; }

.appointment-table table tr:first-child td {
  padding-top: 0 !important; }

.appointment-table table tr:last-child td {
  padding-bottom: 0 !important; }

.appointment-table.customer-table table tr td {
  padding: 10px 0; }
  .appointment-table.customer-table table tr td img {
    min-width: 40px; }

.icon-box {
  width: 50px;
  height: 32px;
  background-color: rgba(0, 102, 102, 0.08);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .icon-box i {
    color: var(--theme-deafult);
    font-size: 22px; }
  .icon-box svg {
    stroke: var(--theme-deafult); }

.balance-card {
  display: flex;
  padding: 15px;
  border-radius: 5px;
  gap: 15px;
  transition: 0.5s; }
  @media (max-width: 1199px) {
    .balance-card {
      gap: 8px; } }
  .balance-card .svg-box {
    width: 43px;
    height: 43px;
    background: #fff;
    box-shadow: 0px 71.2527px 51.5055px rgba(229, 229, 245, 0.189815), 0px 42.3445px 28.0125px rgba(229, 229, 245, 0.151852), 0px 21.9866px 14.2913px rgba(229, 229, 245, 0.125), 0px 8.95749px 7.16599px rgba(229, 229, 245, 0.0981481), 0px 2.03579px 3.46085px rgba(229, 229, 245, 0.0601852);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 1199px) {
      .balance-card .svg-box {
        width: 35px;
        height: 35px; } }
    .balance-card .svg-box svg {
      height: 20px;
      fill: rgba(255, 255, 255, 0.85); }
      @media (max-width: 1199px) {
        .balance-card .svg-box svg {
          height: 17px; } }
.btn-light-secondary {
  background-color: rgba(var(--theme-secondary), 0.1);
  font-size: 12px;
  padding: 6px 12px;
  font-weight: 600; }

.crm-activity > li + li {
  border-top: 1px solid #efefef;
  margin-top: 10px;
  padding-top: 10px; }
  .crm-activity > li + li h6 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px; }

.crm-activity > li h6 {
  font-size: 14px; }

.crm-activity span {
  font-size: 40px; }

.crm-activity ul.dates h6 {
  color: #051A1A; }

.crm-activity ul.dates li {
  color: #FFFFFF;
  font-size: 12px;
  display: inline-block;
  line-height: 1; }
  .crm-activity ul.dates li + li {
    border-left: 1px solid #efefef;
    padding-left: 10px;
    margin-left: 5px; }

.fill-primary {
  fill: #006666; }

.fill-secondary {
  fill: #FE6A49; }

.fill-success {
  fill: #00AC46; }

.fill-warning {
  fill: #FFAE1A; }

.fill-info {
  fill: #173878; }

.fill-danger {
  fill: #FE6A49; }

.ecommerce-widget {
  box-shadow: none;
  border: 1px solid #f1f3ff !important;
  border-radius: 5px; }
  .ecommerce-widget .total-num {
    color: #051A1A;
    margin: 0;
    letter-spacing: 1px; }
    .ecommerce-widget .total-num span {
      color: #000; }
  .ecommerce-widget .row {
    align-items: center; }
  .ecommerce-widget .progress-showcase {
    margin-top: 30px; }
  .ecommerce-widget span {
    color: #FFFFFF;
    margin: 0;
    cursor: pointer; }
  .ecommerce-widget .icon {
    color: #efefef;
    font-size: 40px; }
  .ecommerce-widget .flot-chart-container {
    height: 100px;
    padding: 0;
    margin: 0;
    border: transparent; }
  .ecommerce-widget .morris-default-style {
    display: none !important; }
  .ecommerce-widget svg {
    -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3)); }

.redial-social-widget {
  border-radius: 100%;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  margin: 0 auto;
  background-image: linear-gradient(90deg, #E6E9EB 50%, transparent 50%, transparent), linear-gradient(90deg, #ecf3fa 50%, #E6E9EB 50%, #E6E9EB); }
  .redial-social-widget i {
    background-color: #fff;
    height: 80px;
    width: 80px;
    border-radius: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; }
  .redial-social-widget.radial-bar-70 {
    background-image: linear-gradient(342deg, var(--theme-deafult) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--theme-deafult) 50%, #E6E9EB 50%, #E6E9EB); }

.browser-widget:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  transition: all 0.3s ease;
  transform: scale(1.1) rotate(5deg); }

.browser-widget img {
  height: 80px;
  filter: grayscale(100%);
  transform: scale(1) rotate(0deg);
  transition: all 0.3s ease; }

.browser-widget .media-body {
  text-align: center;
  column-count: 3;
  column-rule: 1px solid #E6E9EB; }
  .browser-widget .media-body p {
    margin-bottom: 5px; }
  .browser-widget .media-body span {
    margin-bottom: 0;
    color: #FFFFFF; }
  .browser-widget .media-body h4 {
    color: #051A1A;
    margin-bottom: 0;
    font-size: 18px; }
    .browser-widget .media-body h4 span {
      color: #333333; }

.testimonial i {
  font-size: 60px;
  color: rgba(43, 43, 43, 0.7);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.1;
  z-index: -1; }

.testimonial p {
  color: #FFFFFF;
  font-style: italic;
  margin-bottom: 30px;
  margin-top: 30px; }

.testimonial h5 {
  color: #051A1A;
  padding-top: 10px; }

.testimonial span {
  color: #FFFFFF; }

.testimonial img {
  margin: 0 auto; }

.widget-charts .widget-1 .card-body {
  padding: 30px 25px; }

.chart-widget-top #chart-widget1,
.chart-widget-top #chart-widget2,
.chart-widget-top #chart-widget3 {
  margin-bottom: -14px; }
  .chart-widget-top #chart-widget1 .apexcharts-xaxistooltip,
  .chart-widget-top #chart-widget2 .apexcharts-xaxistooltip,
  .chart-widget-top #chart-widget3 .apexcharts-xaxistooltip {
    display: none; }

.chart-widget-top span {
  color: #6C757D; }

.bar-chart-widget .apexcharts-legend {
  bottom: 0 !important; }
  .bar-chart-widget .apexcharts-legend .apexcharts-legend-series {
    margin: 0 10px !important; }
  .bar-chart-widget .apexcharts-legend .apexcharts-legend-marker {
    margin-right: 5px; }

.bar-chart-widget .top-content {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.bar-chart-widget .earning-details {
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  display: flex;
  letter-spacing: 1px; }
  .bar-chart-widget .earning-details i {
    font-size: 230px;
    position: absolute;
    opacity: 0.1;
    right: -30px;
    top: 0; }
    .bar-chart-widget .earning-details i:hover {
      transform: rotate(-5deg) scale(1.1);
      transition: all 0.3s ease; }

.bar-chart-widget .num {
  font-weight: 600; }
  .bar-chart-widget .num .color-bottom {
    color: #000; }

.skill-chart {
  margin-bottom: -48px; }
  .skill-chart .apexcharts-legend .apexcharts-legend-series span {
    display: block; }
  .skill-chart .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text {
    margin: 10px 0 20px; }

.progress-chart {
  margin: -11px 0 -20px; }
  .progress-chart .apexcharts-canvas svg path,
  .progress-chart .apexcharts-canvas svg rect {
    clip-path: inset(1% 0% 0% 0% round 1rem); }

.bottom-content span {
  color: #FFFFFF; }

.bottom-content .block-bottom {
  display: block; }

@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -30px; } }

@-webkit-keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0; }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px; } }

@keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0; }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px; } }

@-webkit-keyframes am-draw {
  0% {
    stroke-dashoffset: 500%; }
  100% {
    stroke-dashoffset: 0; } }

@keyframes am-draw {
  0% {
    stroke-dashoffset: 500%; }
  100% {
    stroke-dashoffset: 0; } }

.serial-chart .chart-container {
  width: 100%;
  height: 500px; }
  .serial-chart .chart-container .lastBullet {
    animation: am-pulsating 1s ease-out infinite; }
  .serial-chart .chart-container .amcharts-graph-column-front {
    transition: all .3s .3s ease-out; }
    .serial-chart .chart-container .amcharts-graph-column-front:hover {
      fill: var(--theme-secondary);
      stroke: var(--theme-secondary);
      transition: all .3s ease-out; }
  .serial-chart .chart-container .amcharts-graph-g3 {
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    animation: am-draw 40s; }
  .serial-chart .chart-container .amcharts-graph-g2 .amcharts-graph-stroke {
    stroke-dasharray: 3px 3px;
    stroke-linejoin: round;
    stroke-linecap: round;
    animation: am-moving-dashes 1s linear infinite; }

.chart-container .apexcharts-xaxis-label,
.chart-container .apexcharts-yaxis-label {
  font-size: 14px !important;
  color: #6C757D !important; }

.chart-container .apexcharts-xaxis-annotations rect {
  clip-path: inset(1% 0% 0% 0% round 0.2rem); }

.crypto-chart {
  margin-left: -20px; }
  .crypto-chart .apexcharts-tooltip-title {
    display: none; }
  .crypto-chart .apexcharts-tooltip-series-group:last-child, .crypto-chart .apexcharts-tooltip-series-group.active {
    padding-bottom: 0; }

.speed-chart .chart-container {
  width: 100%;
  height: 530px; }

.speed-chart .content {
  margin-top: -200px;
  margin-bottom: 20px; }
  .speed-chart .content h4 {
    font-weight: 600;
    padding-top: 2px; }

.status-widget svg {
  width: 20px;
  height: 20px;
  vertical-align: text-top; }

.status-widget .card .card-header h5 {
  line-height: 1.38; }

.status-widget .status-chart {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden; }

.small-chart-widget .chart-container {
  height: 311px;
  padding: 0;
  margin: 0;
  border: none; }

.small-chart-widget .card .card-body {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }

.donut-chart-widget .chart-container {
  height: 300px;
  border: 0;
  margin: 0;
  padding: 0; }

.status-details h4 {
  font-weight: 600; }
  .status-details h4 span {
    color: inherit; }

.status-details span {
  color: #FFFFFF; }

.status-chart .chart-container {
  height: 200px;
  border: 0;
  padding: 0;
  margin: 0; }

.map-chart .chart-container {
  width: 100%;
  height: 500px; }

.serial-chart {
  width: 100%; }

.live-products,
.turnover,
.uses,
.monthly {
  height: 300px; }

.live-products .ct-series-a .ct-area,
.live-products .ct-series-a .ct-point,
.live-products .ct-series-a .ct-line,
.live-products .ct-series-a .ct-bar,
.live-products .ct-series-a .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.77); }

.live-products .ct-label {
  fill: #fff;
  color: #fff; }

.live-products .ct-grid {
  stroke: rgba(255, 255, 255, 0.7); }

.turnover .ct-series-a .ct-area,
.turnover .ct-series-a .ct-point,
.turnover .ct-series-a .ct-line,
.turnover .ct-series-a .ct-bar,
.turnover .ct-series-a .ct-slice-donut,
.uses .ct-series-a .ct-area,
.uses .ct-series-a .ct-point,
.uses .ct-series-a .ct-line,
.uses .ct-series-a .ct-bar,
.uses .ct-series-a .ct-slice-donut,
.monthly .ct-series-a .ct-area,
.monthly .ct-series-a .ct-point,
.monthly .ct-series-a .ct-line,
.monthly .ct-series-a .ct-bar,
.monthly .ct-series-a .ct-slice-donut {
  stroke: white;
  fill: transparent; }

.turnover .ct-series-b .ct-area,
.turnover .ct-series-b .ct-point,
.turnover .ct-series-b .ct-line,
.turnover .ct-series-b .ct-bar,
.turnover .ct-series-b .ct-slice-donut,
.uses .ct-series-b .ct-area,
.uses .ct-series-b .ct-point,
.uses .ct-series-b .ct-line,
.uses .ct-series-b .ct-bar,
.uses .ct-series-b .ct-slice-donut,
.monthly .ct-series-b .ct-area,
.monthly .ct-series-b .ct-point,
.monthly .ct-series-b .ct-line,
.monthly .ct-series-b .ct-bar,
.monthly .ct-series-b .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.7);
  fill: transparent; }

.turnover .ct-series-c .ct-area,
.turnover .ct-series-c .ct-point,
.turnover .ct-series-c .ct-line,
.turnover .ct-series-c .ct-bar,
.turnover .ct-series-c .ct-slice-donut,
.uses .ct-series-c .ct-area,
.uses .ct-series-c .ct-point,
.uses .ct-series-c .ct-line,
.uses .ct-series-c .ct-bar,
.uses .ct-series-c .ct-slice-donut,
.monthly .ct-series-c .ct-area,
.monthly .ct-series-c .ct-point,
.monthly .ct-series-c .ct-line,
.monthly .ct-series-c .ct-bar,
.monthly .ct-series-c .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.4);
  fill: transparent; }

.turnover .ct-label,
.uses .ct-label,
.monthly .ct-label {
  fill: #fff;
  color: #fff; }

.turnover .ct-grid,
.uses .ct-grid,
.monthly .ct-grid {
  stroke: rgba(255, 255, 255, 0.7); }

#draggableMultiple .ui-sortable-handle .card {
  cursor: move; }

.tilt-showcase ul li .line {
  padding-top: 10px; }

.tilt-showcase .pre-mt {
  margin-top: 5px; }

.wow-title h5 {
  display: flex;
  align-items: center;
  font-size: 18px; }
  .wow-title h5 .badge {
    -webkit-text-fill-color: #fff; }

.alert-center {
  display: flex !important;
  align-items: center; }

.box-shadow-title .sub-title {
  margin: 30px 0; }

.hovercard .info .social-media ul li {
  padding-top: 3px; }

.hovercard .cardheader {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.sticky-header-main .card .card-header h5 {
  line-height: 35px; }
  .sticky-header-main .card .card-header h5 a {
    color: #fff;
    -webkit-text-fill-color: #fff; }

.custom-radio-ml {
  margin-left: 3px; }

.twitter-typeahead {
  display: block !important; }

span.twitter-typeahead .league-name {
  font-size: 16px;
  padding: 6px 10px 0; }

span.twitter-typeahead .tt-menu {
  float: left;
  width: 100%;
  min-width: 10rem;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0; }

span.twitter-typeahead .tt-suggestion {
  color: #2b2b2b;
  opacity: 0.6;
  font-size: 13px;
  padding: 6px 12px;
  border-top: 1px solid #efefef;
  background: #fff;
  cursor: pointer; }
  span.twitter-typeahead .tt-suggestion:hover, span.twitter-typeahead .tt-suggestion:focus {
    background-color: #fff; }
  span.twitter-typeahead .tt-suggestion.active, span.twitter-typeahead .tt-suggestion:active {
    color: #fff;
    background-color: var(--theme-deafult); }

#scrollable-dropdown-menu .twitter-typeahead .tt-menu .tt-dataset {
  max-height: 100px;
  overflow-y: auto; }

.chart-right {
  position: relative; }

.balance-data {
  display: flex;
  gap: 7px; }
  [dir="rtl"] .balance-data {
    right: unset;
    left: 2%; }
  @media (max-width: 991px) {
    .balance-data {
      top: -42px;
      right: -65%; }
      [dir="rtl"] .balance-data {
        left: -65%; } }
  @media (max-width: 575px) {
    .balance-data {
      display: none; } }
  .balance-data li {
    display: flex;
    align-items: center;
    font-weight: 500; }
  .balance-data .circle {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%; }

.current-sale-container {
  padding-right: 12px; }
  [dir="rtl"] .current-sale-container {
    padding-right: unset;
    padding-left: 12px; }
  .current-sale-container > div {
    margin: -22px 0 -30px -16px; }
    @media (max-width: 1199px) {
      .current-sale-container > div {
        margin-bottom: 0; } }
    @media (max-width: 404px) {
      .current-sale-container > div {
        margin-bottom: -30px; } }
  .current-sale-container .apexcharts-xaxistooltip {
    color: var(--theme-deafult);
    background: rgba(0, 102, 102, 0.1);
    border: 1px solid var(--theme-deafult); }
  .current-sale-container .apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: var(--theme-deafult); }
  .current-sale-container .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: rgba(0, 102, 102, 0.1);
    color: var(--theme-deafult); }
  @media (max-width: 575px) {
    .current-sale-container.order-container {
      padding-right: 0; }
      [dir="rtl"] .current-sale-container.order-container {
        padding-left: 0; } }
  @media (max-width: 404px) {
    .current-sale-container.order-container > div {
      margin-bottom: 0; } }
.recent-circle {
  min-width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  margin-top: 5px; }

.recent-wrapper {
  align-items: center; }
  .recent-wrapper .order-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px; }
    @media (max-width: 1199px) {
      .recent-wrapper .order-content {
        gap: 20px; } }
    @media (max-width: 575px) {
      .recent-wrapper .order-content {
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row; } }
    .recent-wrapper .order-content li {
      display: flex;
      align-items: flex-start;
      gap: 8px; }
  @media (max-width: 1660px) {
    .recent-wrapper .recent-chart .apexcharts-canvas .apexcharts-datalabel-label {
      font-size: 15px; } }
  @media (max-width: 1560px) and (min-width: 1400px) {
    .recent-wrapper > div {
      width: 100%; } }
  @media (max-width: 1560px) and (min-width: 1400px) {
    .recent-wrapper > div:last-child {
      display: none; } }
.apexcharts-series.apexcharts-radial-series {
  position: relative; }
  .apexcharts-series.apexcharts-radial-series::after {
    position: absolute;
    content: '';
    background: linear-gradient(0deg, #FFFFFF 0.05%, #F4F4F4 19.91%, #F5F6F9 55.02%, #EAECF4 100%);
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    top: 0;
    left: 0; }

.card-block .table-responsive .table caption {
  padding-left: 10px; }

.card-block .table-responsive .table-bordered td {
  vertical-align: middle; }

.card-block .table-border-radius {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.card-block .default-checkbox-align #checkbox1 {
  margin-right: 10px; }

.card-block .default-checkbox-align #radio {
  margin-right: 5px; }

#example-style-3_wrapper #example-style-3 tfoot {
  border-top: 2px solid #efefef; }

.chart-vertical-center {
  display: flex;
  justify-content: center; }
  .chart-vertical-center #myDoughnutGraph,
  .chart-vertical-center #myPolarGraph {
    width: auto !important; }

.cke_focus {
  padding: 15px;
  margin-top: 13px; }

#editor .ace_scroller .ace_content .ace_layer .ace_print-margin {
  visibility: hidden !important; }

.helper-classes {
  padding: 30px;
  margin-bottom: 0;
  white-space: pre-line; }

.starter-kit-fix .page-body {
  margin-bottom: 52px; }

.starter-main .card-body p {
  font-size: 14px; }

.starter-main .card-body ul {
  padding-left: 30px;
  list-style-type: disc;
  margin-bottom: 15px; }

.starter-main .card-body h5 {
  font-size: 18px; }

.starter-main .card-body pre {
  white-space: pre-line;
  padding: 30px; }

.starter-main .card-body .alert-primary.inverse:before {
  top: 32px; }

.starter-main .alert {
  background-color: rgba(0, 102, 102, 0.2) !important; }
  .starter-main .alert i {
    display: flex;
    align-items: center; }

footer.blockquote-footer {
  bottom: unset; }

@media only screen and (max-width: 767px) {
  .ecommerce-banner {
    height: 210px; }
  .footer-fix .pull-right {
    float: none !important;
    text-align: center !important; } }

@media only screen and (max-width: 991px) {
  .notification li {
    padding-bottom: 20px; }
  .notification .card .card-body .d-flex .w-100 p {
    margin: 0; }
  .notification .card .card-body .d-flex .w-100 h6 {
    margin-top: 10px; } }

@media only screen and (max-width: 575px) {
  .notification li {
    padding-bottom: 15px; }
  .media-dropdown {
    display: block; }
    .media-dropdown .media-body {
      margin-bottom: 15px; }
  .total-chart span {
    font-size: 12px !important; } }

@media only screen and (max-width: 360px) {
  .footer {
    padding-left: 0 !important;
    padding-right: 0 !important; }
    .footer p {
      font-size: 12px; }
  .appointment-table table tr td {
    min-width: 103px; }
    .appointment-table table tr td:first-child {
      min-width: 50px; }
    .appointment-table table tr td:nth-child(2) {
      min-width: 120px; } }

@media (max-width: 425px) {
  .sales-chart .sales-chart-dropdown-select .card-header-right-icon.online-store .dropdown {
    display: none; }
  .search-form input {
    padding-left: 50px; } }

@media (max-width: 1399px) {
  .special-Offer h4 {
    font-size: 18px; }
  .special-Offer .offer-contain p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal; }
  .total-chart .data-grow span {
    display: none !important; }
  .total-chart .data-grow svg {
    display: none !important; }
  .total-revenue span {
    font-size: 12px; }
  .total-revenue a {
    display: none !important; }
  .total-revenue span {
    font-size: 12px; }
  .total-revenue a {
    display: none !important; }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: block !important; }
  .table-order .latest-orders thead tr th:last-child {
    display: block !important; }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: block !important; }
  .table-order .latest-orders tbody tr td:last-child {
    display: block !important; }
  .table-order .order-table thead tr th:nth-child(4) {
    display: block; }
  .total-chart span {
    font-size: 15px;
    font-weight: 500 !important; } }

@media (max-width: 1299px) {
  .special-Offer h4 {
    font-size: 16px; } }

@media (max-width: 1199px) {
  .special-Offer h4 {
    font-size: 18px; }
  .total-chart .data-grow span {
    display: block !important; }
  .total-chart .data-grow svg {
    display: block !important; }
  .total-revenue a {
    display: block !important; }
  .total-revenue a {
    display: block !important; } }

@media (max-width: 1599px) {
  .table-order .latest-orders thead tr th:nth-child(2) {
    min-width: 186px; }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: none; }
  .table-order .latest-orders thead tr th:last-child {
    display: none; }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: none; }
  .table-order .latest-orders tbody tr td:last-child {
    display: none; }
  .revenueproduct {
    margin-bottom: -0px; }
    .revenueproduct .apexcharts-canvas .apexcharts-legend {
      display: none; }
  .card .card-body .product-costing .costing-span {
    font-size: 10px;
    font-weight: 400; }
  .card .card-body .product-costing .product-icon {
    height: 40px;
    width: 40px; }
    .card .card-body .product-costing .product-icon svg {
      height: 20px;
      margin: 10px;
      width: 21px; } }

@media (max-width: 1799px) {
  .balance-data li:last-child {
    display: none !important; }
  .total-chart .data-grow span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1865px) {
  .table-order .order-table thead tr th:nth-child(2) {
    min-width: 115px !important; }
  .table-order .order-table thead tr th:nth-child(3) {
    min-width: 80px !important; }
  .table-order .order-table thead tr th:nth-child(4) {
    display: none !important; }
  .table-order .order-table tbody tr td:nth-child(4) {
    display: none !important; }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: none; }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: none; } }

/**=====================
  3.13 Dashboard_default CSS Ends
==========================**/
/**=====================
  3.14 Ecommerce CSS Start
==========================**/
/**====== Product Start ======**/
.toggle-data {
  cursor: pointer; }

.filter-block ul li {
  padding-top: 15px; }
  .filter-block ul li a {
    color: var(--body-font-color); }
  @media (max-width: 1500px) {
    .filter-block ul li {
      padding-top: 10px; } }
.collection-filter-block svg {
  width: 50px;
  height: 25px;
  stroke: var(--theme-deafult);
  margin-right: 10px; }

.collection-filter-block h5 {
  margin-bottom: 0;
  font-size: 16px; }

.collection-filter-block p {
  font-size: 13px; }

.collection-filter-block .media-body {
  opacity: 0.5; }

.collection-filter-block li + li {
  margin-top: 16px; }

.collection-filter-block ul.pro-services li svg {
  width: auto; }

.qty-box .btn {
  background-color: transparent !important;
  border-color: #ecf3fa !important;
  padding: 8px 12px; }
  .qty-box .btn i {
    color: #898989; }
  .qty-box .btn svg {
    width: 14px !important;
    stroke: #2c323f; }

.qty-box span {
  padding: 0 4px; }

.qty-box .input-group {
  background-color: rgba(44, 50, 63, 0.1); }

.qty-box input {
  background-color: rgba(44, 50, 63, 0.1);
  color: #2c323f;
  max-width: 44px;
  padding: 0;
  text-align: center;
  border: none;
  max-height: 37px; }

.product-social li a {
  color: #898989;
  font-size: 15px;
  border: 1px solid #E6E9EB;
  border-radius: 100%;
  height: 35px;
  width: 35px;
  display: inline-block;
  text-align: center;
  line-height: 2.3;
  transition: all 0.3s ease; }
  .product-social li a:hover {
    border-color: #006666;
    color: #006666;
    background-color: rgba(0, 102, 102, 0.1);
    transition: all 0.3s ease; }

.product-social li:nth-child(n+2) {
  margin-left: 10px; }
  [dir="rtl"] .product-social li:nth-child(n+2) {
    margin-left: unset;
    margin-right: 10px; }

.product-sidebar .filter-section .card .card-header {
  padding: 16px 30px;
  border-radius: 5px; }
  .product-sidebar .filter-section .card .card-header h6 {
    position: relative; }
    .product-sidebar .filter-section .card .card-header h6 .pull-right i {
      position: absolute;
      top: 4px;
      left: 0;
      font-size: 10px;
      width: 100%;
      height: 10px;
      text-align: right;
      cursor: pointer; }

.product-wrapper .product-sidebar .filter-section .card .left-filter {
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: 0.3s;
  min-width: 320px; }
  .product-wrapper .product-sidebar .filter-section .card .left-filter .product-filter .irs-with-grid {
    margin-bottom: 15px; }

.product-wrapper .product-grid .product-wrapper-grid {
  margin-left: 0;
  transition: 0.3s; }

.product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
  z-index: 3;
  opacity: 1;
  visibility: visible;
  position: absolute;
  width: 100%;
  background-color: white;
  top: 53px;
  height: auto; }

.d-none-productlist {
  display: none; }
  .d-none-productlist svg {
    vertical-align: middle;
    cursor: pointer; }

.product-wrapper-grid.list-view .product-box {
  display: flex;
  align-items: center; }
  .product-wrapper-grid.list-view .product-box .product-img {
    width: 20%; }
  .product-wrapper-grid.list-view .product-box .product-details {
    text-align: left; }

.slider-product {
  padding: 15px 0;
  border-top: 1px solid #E6E9EB;
  border-bottom: 1px solid #E6E9EB;
  margin-bottom: 15px; }

.products-total {
  display: flex;
  align-items: center; }

.grid-options {
  height: 33px;
  margin-left: 10px; }
  .grid-options ul li a {
    position: relative; }
    .grid-options ul li a .line-grid {
      position: absolute;
      width: 4px;
      height: 15px;
      top: 9px; }
    .grid-options ul li a .line-grid-1 {
      left: 12px; }
    .grid-options ul li a .line-grid-2 {
      left: 18px; }
    .grid-options ul li a .line-grid-3 {
      left: 36px; }
    .grid-options ul li a .line-grid-4 {
      left: 42px; }
    .grid-options ul li a .line-grid-5 {
      left: 48px; }
    .grid-options ul li a .line-grid-6 {
      left: 66px; }
    .grid-options ul li a .line-grid-7 {
      left: 72px; }
    .grid-options ul li a .line-grid-8 {
      left: 78px; }
    .grid-options ul li a .line-grid-9 {
      left: 84px; }
    .grid-options ul li a .line-grid-10 {
      left: 103px; }
    .grid-options ul li a .line-grid-11 {
      left: 109px; }
    .grid-options ul li a .line-grid-12 {
      left: 115px; }
    .grid-options ul li a .line-grid-13 {
      left: 121px; }
    .grid-options ul li a .line-grid-14 {
      left: 127px; }
    .grid-options ul li a .line-grid-15 {
      left: 133px; }

.square-product-setting {
  height: 36px;
  vertical-align: middle; }
  .square-product-setting a {
    color: #051A1A; }
  .square-product-setting .icon-grid {
    padding: 7px;
    background-color: #fff;
    display: flex;
    align-items: center;
    margin: 0 10px; }
    .square-product-setting .icon-grid svg {
      width: 20px;
      height: 20px; }

.product-filter .banner-product {
  margin-top: 15px; }

.product-filter h6 {
  margin-bottom: 15px; }

.product-filter .color-selector {
  line-height: 0.9; }
  .product-filter .color-selector ul li {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #444;
    border-radius: 100%;
    cursor: pointer; }
    .product-filter .color-selector ul li.white {
      background-color: #fff; }
    .product-filter .color-selector ul li.gray {
      background-color: #FFFFFF; }
    .product-filter .color-selector ul li.black {
      background-color: #000; }
    .product-filter .color-selector ul li.orange {
      background-color: #ffb17a; }
    .product-filter .color-selector ul li.green {
      background-color: #6fb866; }
    .product-filter .color-selector ul li.pink {
      background-color: pink; }
    .product-filter .color-selector ul li.yellow {
      background-color: #f2f896; }
    .product-filter .color-selector ul li.blue {
      background-color: #63b4f2; }
    .product-filter .color-selector ul li.red {
      background-color: #ff647f; }

.product-filter.new-products {
  margin-top: 20px; }
  .product-filter.new-products button {
    width: auto; }
  .product-filter.new-products .owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    top: -46px;
    right: 0; }
    .product-filter.new-products .owl-theme .owl-nav button:focus {
      outline: transparent; }
    .product-filter.new-products .owl-theme .owl-nav button span {
      font-size: 20px; }
      .product-filter.new-products .owl-theme .owl-nav button span:focus {
        outline-color: transparent; }
  .product-filter.new-products .owl-theme .owl-nav [class*='owl-']:hover {
    background-color: transparent;
    color: inherit; }
  .product-filter.new-products .owl-theme .owl-item .item .product-box .product-details {
    padding: 25px 0; }
  .product-filter.new-products .owl-theme .owl-item .item .product-box + .product-box {
    margin-top: 15px; }

.select2-drpdwn-product .form-control {
  border: none;
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  margin-bottom: 10px;
  height: 36px; }

.feature-products form .form-group {
  position: relative; }
  .feature-products form .form-group input {
    margin-bottom: 15px;
    border: none;
    box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
    height: 50px;
    padding-left: 30px; }
  .feature-products form .form-group i {
    position: absolute;
    top: 18px;
    right: 30px;
    color: #898989; }

.product-box {
  border-radius: 10px;
  overflow: hidden; }
  .product-box .product-details {
    padding: 15px 25px; }
    .product-box .product-details > a {
      color: #051A1A; }
    .product-box .product-details p {
      margin-bottom: 0;
      opacity: 0.8; }
    .product-box .product-details h4 {
      margin-bottom: 0;
      margin-top: 5px;
      font-size: 20px;
      font-family: "Montserrat", sans-serif; }
    .product-box .product-details h6 {
      color: #051A1A;
      text-transform: uppercase;
      margin-bottom: 10px; }
    .product-box .product-details span {
      color: #898989; }
    .product-box .product-details .rating i {
      font-size: 16px;
      letter-spacing: 3px;
      color: #ffa800; }
  .product-box .modal .modal-header .product-box .product-details {
    padding: 25px 15px; }
    .product-box .modal .modal-header .product-box .product-details h6 {
      text-transform: capitalize; }
    .product-box .modal .modal-header .product-box .product-details .product-price {
      font-size: 22px;
      margin-bottom: 10px; }
    .product-box .modal .modal-header .product-box .product-details .product-view {
      padding: 20px 0;
      border-top: 1px dotted #59667a;
      border-bottom: 1px dotted #59667a; }
    .product-box .modal .modal-header .product-box .product-details .product-size {
      margin: 20px 0; }
      .product-box .modal .modal-header .product-box .product-details .product-size ul li {
        display: inline-block; }
    .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset {
      margin-bottom: 20px; }
      .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group {
        width: 35%; }
        .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn {
          padding: 5px 12px; }
        .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn-primary {
          background-color: #59667a !important;
          border: 1px solid #59667a !important; }
  .product-box .modal .modal-header .btn-close {
    position: absolute;
    right: 26px;
    top: 22px; }
  .product-box .product-img {
    position: relative; }
    .product-box .product-img .product-hover {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.3);
      opacity: 0;
      border-radius: 100%;
      transform: scale(0);
      transition: all 0.3s ease; }
      .product-box .product-img .product-hover ul li {
        display: inline-block;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08);
        padding: 10px 13px;
        background-color: #fff;
        font-size: 18px;
        border-radius: 10px;
        height: 45px;
        width: 45px;
        margin: 0 3px;
        cursor: pointer; }
        .product-box .product-img .product-hover ul li i {
          color: #59667a;
          font-size: 18px; }
        .product-box .product-img .product-hover ul li .btn {
          padding: 0; }
        .product-box .product-img .product-hover ul li:hover {
          background-color: var(--theme-deafult);
          transition: all 0.3s ease; }
          .product-box .product-img .product-hover ul li:hover button:active, .product-box .product-img .product-hover ul li:hover button:focus-visible {
            border: none !important; }
          .product-box .product-img .product-hover ul li:hover .btn,
          .product-box .product-img .product-hover ul li:hover i {
            color: #fff; }
  .product-box:hover .product-hover {
    opacity: 1;
    border-radius: 0%;
    transform: scale(1);
    transition: all 0.3s ease; }

.product-page-main {
  padding: 30px; }
  .product-page-main .owl-item .item {
    border: 1px solid #E6E9EB;
    border-radius: 5px;
    background-color: #f8f8f8; }
  .product-page-main .owl-item.current .item {
    border: 1px solid var(--theme-deafult); }
  .product-page-main .product-slider {
    margin-bottom: 20px; }
    @media (min-width: 1400px) {
      .product-page-main .product-slider img {
        height: 520px;
        object-fit: cover; } }
    @media (min-width: 1500px) {
      .product-page-main .product-slider img {
        height: 400px;
        object-fit: cover; } }
  .product-page-main .product-color {
    margin-top: 10px; }

.product-page-details h4 {
  color: #051A1A;
  text-transform: uppercase;
  font-size: 18px; }

.product-page-details span {
  padding-left: 15px; }

.br-theme-fontawesome-stars .br-widget a,
.br-theme-fontawesome-stars .br-widget a.br-selected:after,
.br-theme-fontawesome-stars .br-widget a.br-active:after {
  color: #ffa800 !important;
  font: normal normal normal 14px/1 FontAwesome; }

.product-price {
  font-size: 18px;
  font-weight: 700;
  margin-top: 5px;
  color: var(--theme-deafult); }
  .product-price del {
    color: rgba(44, 50, 63, 0.4);
    padding-left: 10px;
    font-size: 80%; }

.product-color li {
  display: inline-block;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  margin: 0 2px; }

.product-page-main p {
  font-size: 15px; }

.product-page-main .nav-link {
  text-transform: uppercase;
  font-weight: 500; }

/**====== Product  Ends ======**/
.payment-opt li {
  display: inline-block; }
  .payment-opt li img {
    height: 20px;
    margin: 15px 15px 0 0; }

/**=====================
  3.14 Ecommerce CSS End
==========================**/
@media screen and (max-width: 1660px) and (min-width: 1200px) {
  .owl-carousel .owl-item img {
    max-width: 420px;
    margin: 0 auto; } }

/**=====================
  3.15 Email-application CSS Start
==========================**/
.email-wrap .row .col-xl-3 + .col-xl-3 {
  padding-right: 0; }

.email-wrap .row .col-xl-6 {
  padding-left: 0; }

.email-wrap .dropdown .dropdown-toggle {
  background-color: rgba(115, 102, 255, 0.08);
  color: #006666;
  border-radius: 10px;
  padding: 5px 10px;
  width: 100px;
  text-align: left; }
  [dir="rtl"] .email-wrap .dropdown .dropdown-toggle {
    text-align: right; }
  .email-wrap .dropdown .dropdown-toggle:after {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f107";
    border: none;
    font-family: "FontAwesome";
    font-size: 18px;
    margin: 0; }
    [dir="rtl"] .email-wrap .dropdown .dropdown-toggle:after {
      right: unset;
      left: 10px; }

.email-wrap .dropdown .dropdown-menu {
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0; }
  .email-wrap .dropdown .dropdown-menu .dropdown-item {
    color: #2b2b2b;
    opacity: 0.6;
    font-size: 13px;
    padding: 6px 12px;
    border-top: 1px solid #f5f5f5;
    background: #fff;
    line-height: 19px; }
    .email-wrap .dropdown .dropdown-menu .dropdown-item:hover {
      background-color: #fff; }

.email-wrap .email-app-sidebar .media img {
  border: 2px solid #ecf3fa; }

.email-wrap .email-app-sidebar .main-menu > li {
  width: 100%;
  text-align: left; }
  .email-wrap .email-app-sidebar .main-menu > li a {
    line-height: 39px;
    text-transform: uppercase;
    border-radius: 3px; }
    .email-wrap .email-app-sidebar .main-menu > li a i {
      margin-right: 10px; }
    .email-wrap .email-app-sidebar .main-menu > li a.active > a {
      color: #000; }
    .email-wrap .email-app-sidebar .main-menu > li a:hover {
      background-color: #f5f6f9;
      text-decoration: none; }

.email-wrap .email-app-sidebar ul li button {
  color: #fff; }

.email-wrap .email-app-sidebar ul li a {
  display: flex;
  padding-left: 20px;
  align-items: center; }
  .email-wrap .email-app-sidebar ul li a > .title {
    width: 100%;
    color: #2c323f; }
  .email-wrap .email-app-sidebar ul li a > .badge {
    align-self: center;
    color: #898989; }

.email-wrap .email-left-aside {
  float: left;
  width: 100%; }
  .email-wrap .email-left-aside .card-body {
    padding: 20px; }

@media (min-width: 1200px) {
  .email-wrap .email-right-aside .email-body .pr-0 {
    padding-right: 0; }
    [dir="rtl"] .email-wrap .email-right-aside .email-body .pr-0 {
      padding-right: 12px;
      padding-left: 0; } }

@media (min-width: 1200px) {
  .email-wrap .email-right-aside .email-body .pl-0 {
    padding-left: 0; }
    [dir="rtl"] .email-wrap .email-right-aside .email-body .pl-0 {
      padding-left: 12px;
      padding-right: 0; } }

.email-wrap .email-right-aside .email-body .inbox {
  overflow: auto; }
  @media (max-width: 1199.98px) {
    .email-wrap .email-right-aside .email-body .inbox {
      display: flex;
      flex-wrap: wrap; } }
  .email-wrap .email-right-aside .email-body .inbox .media {
    padding: 20px; }
    .email-wrap .email-right-aside .email-body .inbox .media.active {
      background-color: #f1f3f4; }

.email-wrap .email-right-aside .radius-left {
  border-radius: 8px;
  height: 100%; }

.email-wrap .btn-mail {
  border-radius: 2px;
  text-align: left;
  padding: 13px 15px;
  margin: 20px 0 20px;
  letter-spacing: 1px;
  line-height: 12px !important; }

.email-wrap p {
  margin-bottom: 0;
  color: var(--chart-text-color) !important;
  font-weight: 600; }

.email-wrap .media-body {
  margin-top: 5px; }
  .email-wrap .media-body h6 {
    margin-bottom: 2px;
    color: #242934;
    margin-top: 3px; }
    .email-wrap .media-body h6 small {
      font-size: 12px; }
      .email-wrap .media-body h6 small span {
        color: #777777; }
  .email-wrap .media-body p {
    color: #898989;
    font-size: 12px; }

.email-wrap .email-top {
  padding: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 49px; }
  .email-wrap .email-top i {
    cursor: pointer; }
  .email-wrap .email-top h5 {
    margin-bottom: 0;
    padding: 12px 0; }
  .email-wrap .email-top .d-flex {
    padding: 13px 0; }

.email-wrap .email-wrapper {
  padding: 20px; }
  .email-wrap .email-wrapper hr {
    margin-top: 0;
    margin-bottom: 20px; }
  .email-wrap .email-wrapper .d-inline-block {
    width: 100%; }
  .email-wrap .email-wrapper h6 {
    margin-bottom: 11px;
    float: left; }
  .email-wrap .email-wrapper .right-download {
    float: right; }
  .email-wrap .email-wrapper p + p {
    margin-bottom: 20px; }
  .email-wrap .email-wrapper h5 {
    margin-bottom: 20px; }

.email-wrap .email-body .attachment ul li img {
  margin-bottom: 20px;
  width: 80px;
  height: 80px;
  object-fit: cover; }

.email-wrap .email-body .attachment .list-inline .list-inline-item {
  padding-right: 13px; }

.email-wrap .email-body .email-compose .cke_contents.cke_reset {
  max-height: 178px;
  width: 100%;
  border: 1px solid #ecf3fa; }

.email-wrap .email-body .email-compose .email-top h4 {
  padding: 11px 0; }

/**=====================
  3.15 Email-application CSS Ends
==========================**/
/**=====================
    3.47 Letter_box CSS Start
==========================**/
.email-right-aside .email-list {
  display: block; }
  .email-right-aside .email-list.hide {
    display: none; }

.email-right-aside .email-read {
  display: none; }
  .email-right-aside .email-read.show {
    display: block; }

.email-right-aside .modal-footer {
  text-align: end; }

.email-main-wrapper .email-app-sidebar .nav-pills .nav-item:active, .email-main-wrapper .email-app-sidebar .nav-pills .nav-item.active {
  border-radius: 5px; }

.email-main-wrapper .email-app-sidebar .nav-pills .nav-item:last-child .nav-link {
  padding-bottom: 0; }

.email-main-wrapper .email-app-sidebar .nav-pills .nav-link {
  color: var(--chart-text-color);
  gap: 13px;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  padding: 8px 20px; }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:hover {
    background-color: rgba(0, 102, 102, 0.1);
    color: var(--theme-deafult); }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active {
    background-color: rgba(0, 102, 102, 0.1);
    color: var(--theme-deafult);
    border-radius: 5px; }
    .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active svg, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active svg {
      stroke: rgba(153, 153, 153, 0.8); }
    .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
      content: '';
      border-right: 3px solid var(--theme-deafult);
      position: absolute;
      top: 9px;
      width: 4px;
      right: 0;
      height: 35px;
      border: 2px solid var(--theme-deafult);
      border-radius: 100px 0 0 100px; }
      [dir="rtl"] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, [dir="rtl"] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
        right: unset;
        left: 0; }
      @media (max-width: 1400px) {
        .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
          top: 8px;
          height: 28px; } }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link svg {
    width: 18px;
    height: 18px;
    stroke: rgba(153, 153, 153, 0.8); }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link div {
    width: calc(100% - 13px - 18px);
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 1400px) {
      .email-main-wrapper .email-app-sidebar .nav-pills .nav-link div {
        font-size: 15px; } }
.email-main-wrapper .email-app-sidebar span {
  background-color: rgba(0, 102, 102, 0.2);
  color: var(--theme-deafult);
  border-radius: 20px;
  padding: 5px 13px; }
  @media (max-width: 1400px) {
    .email-main-wrapper .email-app-sidebar span {
      padding: 3px 10px; } }
.email-main-wrapper .email-app-sidebar .compose-mail {
  display: block;
  text-align: center; }
  .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active {
    padding: 15px;
    background-color: var(--theme-deafult);
    color: var(--white); }
    @media (max-width: 1400px) {
      .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active {
        padding: 10px; } }
    .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active::before {
      content: unset; }
  .email-main-wrapper .email-app-sidebar .compose-mail .nav-link i {
    font-size: 13px; }

@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .email-category.nav-pills .nav-item .nav-link {
    padding: 3px 20px; } }

@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item .nav-link {
    padding: 3px 20px; } }

.email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item:first-child a {
  margin-top: 16px; }

.email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item svg {
  width: 24px;
  height: 24px; }

.email-main-wrapper .email-app-sidebar .emailbox.btn {
  width: 100%;
  margin-bottom: 15px;
  padding: 12px;
  font-size: 16px;
  font-weight: 500; }
  @media (max-width: 576px) {
    .email-main-wrapper .email-app-sidebar .emailbox.btn {
      padding: 7px; } }
  .email-main-wrapper .email-app-sidebar .emailbox.btn i {
    padding-right: 12px; }
    [dir="rtl"] .email-main-wrapper .email-app-sidebar .emailbox.btn i {
      padding-right: unset;
      padding-left: 12px; }

.email-body .mail-header-wrapper {
  padding: 16px;
  box-shadow: 0px 5px 10px 0px rgba(82, 82, 108, 0.08);
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 1468px) {
    .email-body .mail-header-wrapper {
      padding: 12px; } }
  @media (max-width: 600px) {
    .email-body .mail-header-wrapper {
      flex-direction: column;
      align-items: flex-start; } }
  .email-body .mail-header-wrapper .mail-header .form-check {
    display: flex;
    align-items: center; }
    @media (max-width: 420px) {
      .email-body .mail-header-wrapper .mail-header .form-check {
        align-items: flex-start; } }
    .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
      width: 18px;
      height: 18px;
      margin-top: 9px; }
      @media (max-width: 1468px) {
        .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
          margin-right: 8px;
          margin-top: 2px; }
          [dir="rtl"] .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
            margin-left: 8px;
            margin-right: unset; } }
      .email-body .mail-header-wrapper .mail-header .form-check .form-check-input:focus {
        box-shadow: unset;
        border: 1px solid var(--theme-deafult); }
  @media (max-width: 424px) {
    .email-body .mail-header-wrapper .mail-header ul {
      gap: 12px; } }
  @media (max-width: 351px) {
    .email-body .mail-header-wrapper .mail-header ul {
      flex-direction: column; } }
  .email-body .mail-header-wrapper .mail-header ul li a {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--chart-text-color);
    position: relative;
    padding-bottom: 0; }
    @media (max-width: 1468px) {
      .email-body .mail-header-wrapper .mail-header ul li a {
        padding: 7px; } }
    .email-body .mail-header-wrapper .mail-header ul li a::before {
      content: '';
      position: absolute;
      bottom: -23px;
      left: 0;
      width: 0;
      background-color: var(--theme-deafult);
      height: 2px;
      transition: all 0.1s ease-in; }
      [dir="rtl"] .email-body .mail-header-wrapper .mail-header ul li a::before {
        left: unset;
        right: 0; }
      @media (max-width: 1468px) {
        .email-body .mail-header-wrapper .mail-header ul li a::before {
          bottom: -15px; } }
      @media (max-width: 991px) {
        .email-body .mail-header-wrapper .mail-header ul li a::before {
          bottom: -13px; } }
      @media (max-width: 351px) {
        .email-body .mail-header-wrapper .mail-header ul li a::before {
          bottom: -2px; } }
    .email-body .mail-header-wrapper .mail-header ul li a.active {
      color: var(--theme-deafult); }
      .email-body .mail-header-wrapper .mail-header ul li a.active::before {
        width: 100%;
        transition: all 0.1s ease-in; }
    .email-body .mail-header-wrapper .mail-header ul li a svg {
      width: 22px;
      height: 22px; }
      @media (max-width: 424px) {
        .email-body .mail-header-wrapper .mail-header ul li a svg {
          display: none; } }
  .email-body .mail-header-wrapper .mail-body {
    display: flex;
    gap: 12px; }
    @media (max-width: 1500px) {
      .email-body .mail-header-wrapper .mail-body {
        justify-content: end; } }
    @media (max-width: 600px) {
      .email-body .mail-header-wrapper .mail-body {
        display: none; } }
    .email-body .mail-header-wrapper .mail-body .mail-search {
      position: relative; }
      @media (max-width: 1500px) {
        .email-body .mail-header-wrapper .mail-body .mail-search {
          width: 55%; } }
      @media (max-width: 1468px) {
        .email-body .mail-header-wrapper .mail-body .mail-search {
          width: 48%; } }
      @media (max-width: 1400px) {
        .email-body .mail-header-wrapper .mail-body .mail-search {
          display: none; } }
      .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
        display: inline-block;
        padding: 8px 30px; }
        .email-body .mail-header-wrapper .mail-body .mail-search .form-control:focus {
          box-shadow: unset;
          border: 1px solid var(--chart-dashed-border); }
        @media (max-width: 1504px) {
          .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
            max-width: 165px; } }
      .email-body .mail-header-wrapper .mail-body .mail-search i {
        position: absolute;
        top: 12px;
        left: 11px; }
        [dir="rtl"] .email-body .mail-header-wrapper .mail-body .mail-search i {
          left: 0;
          right: 11px; }
    .email-body .mail-header-wrapper .mail-body .light-square i {
      color: var(--body-font-color); }

.email-body .light-square {
  width: 40px;
  height: 39px;
  border-radius: 8px;
  background-color: var(--light-slate);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }
  @media (max-width: 992px) {
    .email-body .light-square {
      width: 34px;
      height: 35px; } }
  .email-body .light-square.dropdown-toggle::after {
    content: '';
    display: none; }
  .email-body .light-square .dropdown-menu .dropdown-item {
    border-top: 0; }
    .email-body .light-square .dropdown-menu .dropdown-item:hover {
      background-color: #E6E9EB; }
    .email-body .light-square .dropdown-menu .dropdown-item i {
      padding-right: 12px; }
      [dir="rtl"] .email-body .light-square .dropdown-menu .dropdown-item i {
        padding-right: 0;
        padding-left: 12px; }

.email-body .mail-body-wrapper ul li {
  padding: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid var(--chart-dashed-border); }
  .email-body .mail-body-wrapper ul li:hover {
    background-color: var(--light-background); }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .email-timing {
      display: none;
      transition: all 0.3s ease-in-out; }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options {
      display: flex;
      align-items: center;
      gap: 14px;
      justify-content: flex-end;
      min-width: 100px;
      transition: all 0.3s ease-in-out; }
      .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i {
        font-size: 18px; }
        @media (max-width: 375px) {
          .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i {
            font-size: 16px; } }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .show {
      display: block; }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .hide {
      display: none; }
  @media (max-width: 460px) {
    .email-body .mail-body-wrapper ul li.inbox-data {
      display: block; } }
  .email-body .mail-body-wrapper ul li:last-child {
    border-bottom: unset; }
  .email-body .mail-body-wrapper ul li .inbox-user {
    min-width: 290px;
    display: flex;
    align-items: center;
    gap: 12px; }
    @media (max-width: 1400px) {
      .email-body .mail-body-wrapper ul li .inbox-user {
        min-width: 280px; } }
    @media (max-width: 576px) {
      .email-body .mail-body-wrapper ul li .inbox-user {
        min-width: 260px; } }
    .email-body .mail-body-wrapper ul li .inbox-user .form-check-input {
      width: 18px;
      height: 18px; }
      .email-body .mail-body-wrapper ul li .inbox-user .form-check-input:focus {
        box-shadow: unset; }
    .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
      width: 50px;
      height: 50px;
      border: 2px solid var(--chart-dashed-border);
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 100%; }
      @media (max-width: 1400px) {
        .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
          width: 42px;
          height: 42px; } }
      @media (max-width: 355px) {
        .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
          display: none; } }
      .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 102, 102, 0.2);
        border-radius: 100%; }
        @media (max-width: 1400px) {
          .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div {
            width: 32px;
            height: 32px; } }
        .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div p {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 100%;
          font-weight: 900;
          padding-top: 3px; }
          @media (max-width: 1200px) {
            .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div p {
              font-size: 13px; } }
      .email-body .mail-body-wrapper ul li .inbox-user .rounded-border .circle-success {
        background-color: rgba(0, 172, 70, 0.3); }
      .email-body .mail-body-wrapper ul li .inbox-user .rounded-border img {
        border-radius: 100%;
        height: 38px; }
        @media (max-width: 1400px) {
          .email-body .mail-body-wrapper ul li .inbox-user .rounded-border img {
            height: 32px; } }
  .email-body .mail-body-wrapper ul li .inbox-message {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 16px; }
    @media (max-width: 700px) {
      .email-body .mail-body-wrapper ul li .inbox-message {
        display: block; } }
    .email-body .mail-body-wrapper ul li .inbox-message .email-data span {
      font-weight: 500;
      color: var(--chart-text-color);
      letter-spacing: 0.3;
      display: -webkit-box;
      max-width: 100%;
      margin: 0 auto;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
      .email-body .mail-body-wrapper ul li .inbox-message .email-data span span {
        font-weight: 400;
        line-height: 1.9; }
    .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge {
      border-radius: 20px; }
      @media (max-width: 1236px) {
        .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge {
          margin-bottom: 5px; } }
      .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge:last-child {
        margin-bottom: 0; }
    .email-body .mail-body-wrapper ul li .inbox-message .email-timing {
      display: flex;
      align-items: center;
      min-width: 80px;
      transition: all 0.3s ease-in-out; }
      @media (max-width: 768px) {
        .email-body .mail-body-wrapper ul li .inbox-message .email-timing {
          justify-content: flex-end;
          height: 18px; } }
      .email-body .mail-body-wrapper ul li .inbox-message .email-timing span {
        color: var(--body-font-color); }
    .email-body .mail-body-wrapper ul li .inbox-message .email-options {
      display: none;
      transition: all 0.3s ease-in-out; }
      @media (max-width: 768px) {
        .email-body .mail-body-wrapper ul li .inbox-message .email-options {
          height: 18px; } }
      .email-body .mail-body-wrapper ul li .inbox-message .email-options .show {
        display: block; }
      .email-body .mail-body-wrapper ul li .inbox-message .email-options .hide {
        display: none; }
      .email-body .mail-body-wrapper ul li .inbox-message .email-options i {
        color: var(--body-font-color); }
  .email-body .mail-body-wrapper ul li.page-item {
    padding: 0; }

.email-body .mail-body-wrapper .hidden {
  display: none !important; }

.email-body .mail-pagination {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px; }
  .email-body .mail-pagination .pagination-button,
  .email-body .mail-pagination .pagination-number {
    padding: 0px 12px;
    width: 35px;
    height: 35px;
    border-radius: 10px;
    border: unset; }
  .email-body .mail-pagination .pagination-button.disabled {
    background-color: var(--light-background);
    color: var(--chart-text-color);
    opacity: 1; }
  .email-body .mail-pagination .pagination-number {
    padding: 6px 12px; }
    .email-body .mail-pagination .pagination-number.active {
      background-color: var(--theme-deafult);
      color: var(--white); }
  .email-body .mail-pagination .pagination-index {
    display: flex;
    gap: 12px; }

.compose-modal form .form-control {
  position: relative; }

.compose-modal form .add-bcc {
  position: absolute;
  top: 2px;
  right: 16px; }
  [dir="rtl"] .compose-modal form .add-bcc {
    right: unset;
    left: 16px; }
  .compose-modal form .add-bcc .btn {
    padding: 5px 8px;
    background-color: var(--light-shade-primary);
    color: var(--theme-deafult); }

.mail-header-wrapper.header-wrapper1 {
  flex-direction: unset; }
  @media (max-width: 440px) {
    .mail-header-wrapper.header-wrapper1 {
      flex-direction: column;
      gap: 10px; } }
.mail-header-wrapper .mail-header1 {
  display: flex;
  align-items: center;
  gap: 18px; }
  .mail-header-wrapper .mail-header1 span {
    font-weight: 500;
    color: var(--body-font-color); }
  .mail-header-wrapper .mail-header1 .btn-email {
    width: 20px;
    height: 20px;
    stroke: var(--body-font-color); }

.mail-header-wrapper .mail-body1 {
  display: flex;
  gap: 10px; }
  .mail-header-wrapper .mail-body1 svg {
    width: 20px;
    height: 20px; }
    @media (max-width: 480px) {
      .mail-header-wrapper .mail-body1 svg {
        width: 18px;
        height: 18px; } }
.mail-body-wrapper .user-mail-wrapper {
  padding: 16px; }
  .mail-body-wrapper .user-mail-wrapper .user-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--chart-dashed-border); }
    @media (max-width: 390px) {
      .mail-body-wrapper .user-mail-wrapper .user-title {
        flex-direction: column;
        padding-bottom: 12px;
        justify-content: unset;
        align-items: unset; } }
    .mail-body-wrapper .user-mail-wrapper .user-title > div {
      display: flex;
      align-items: center;
      gap: 12px;
      padding-bottom: 12px; }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .rounded-border {
        width: 50px;
        height: 50px;
        border: 2px solid var(--chart-dashed-border);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%; }
        .mail-body-wrapper .user-mail-wrapper .user-title > div .rounded-border img {
          height: 38px;
          border-radius: 100%; }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .dropdown-button {
        display: flex;
        align-items: center;
        gap: 8px;
        color: var(--text-gray); }
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .dropdown-button svg {
          width: 16px;
          height: 16px; }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security {
        padding: 16px;
        box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
        min-width: 350px; }
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p {
          margin-bottom: 8px; }
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p:last-child {
            margin-bottom: 0; }
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p span {
            color: var(--body-font-color); }
      @media (max-width: 475px) {
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
          left: -27px; }
          [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
            left: unset;
            right: -27px; } }
      @media (max-width: 445px) {
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
          left: -70px; }
          [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
            left: unset;
            right: -70px; } }
      @media (max-width: 395px) {
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
          min-width: 270px; } }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
        top: 30px;
        z-index: 1; }
        [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
          left: unset;
          right: 0; }
        @media (max-width: 575px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            opacity: 1;
            visibility: visible; } }
        @media (max-width: 475px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            left: -27px; }
            [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
              left: unset;
              right: -27px; } }
        @media (max-width: 445px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            left: -70px; }
            [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
              left: unset;
              right: -70px; } }
        @media (max-width: 395px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            min-width: 270px; } }
    @media (max-width: 390px) {
      .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options {
        padding-bottom: 0; } }
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span {
      color: var(--chart-text-color); }
      @media (max-width: 623px) {
        .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span {
          display: none; } }
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options svg {
      width: 18px;
      height: 18px; }
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options .light-square .dropdown-toggle::after {
      content: unset; }
  .mail-body-wrapper .user-mail-wrapper .user-body {
    padding: 14px 0;
    border-bottom: 1px solid var(--chart-dashed-border); }
    .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(1) {
      padding-bottom: 14px; }
    .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(2), .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(4) {
      line-height: 1.8;
      margin-bottom: 10px; }
    .mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent {
      padding-top: 14px; }
      .mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent p {
        padding-bottom: 0; }
  .mail-body-wrapper .user-mail-wrapper .user-footer {
    padding: 14px 0;
    border-bottom: 1px solid var(--chart-dashed-border); }
    .mail-body-wrapper .user-mail-wrapper .user-footer > div:not(.toolbar-box) {
      display: flex;
      align-items: center;
      gap: 8px;
      padding-bottom: 12px;
      cursor: pointer; }
    .mail-body-wrapper .user-mail-wrapper .user-footer svg {
      width: 20px;
      height: 20px;
      fill: none;
      stroke: var(--text-gray); }
      @media (max-width: 480px) {
        .mail-body-wrapper .user-mail-wrapper .user-footer svg {
          width: 18px;
          height: 18px; } }
    .mail-body-wrapper .user-mail-wrapper .user-footer .attchment-file {
      align-items: center;
      gap: 30px;
      padding: 12px;
      background-color: var(--light-background); }
      .mail-body-wrapper .user-mail-wrapper .user-footer .attchment-file .common-flex img {
        height: 36px; }
  .mail-body-wrapper .user-mail-wrapper .send-btn {
    text-align: end;
    padding-top: 14px; }
    .mail-body-wrapper .user-mail-wrapper .send-btn i {
      margin-left: 8px;
      font-size: 12px; }
      [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .send-btn i {
        margin-left: 0;
        margin-right: 8px; }

.toolbar-box {
  display: block;
  padding: 0;
  border: 1px solid var(--chart-dashed-border);
  border-radius: 5px; }
  .toolbar-box .ql-toolbar.ql-snow {
    border: 0; }
  .toolbar-box .ql-container.ql-snow {
    border: 0;
    min-height: 100px; }
  [dir="rtl"] .toolbar-box .ql-editor {
    text-align: right; }
  .toolbar-box .ql-editor p:nth-child(3) {
    margin: 12px 0; }
  .toolbar-box .ql-editor p:nth-child(8), .toolbar-box .ql-editor p:nth-child(9) {
    margin: 12px 0; }
  .toolbar-box .ql-bold:hover,
  .toolbar-box .ql-italic:hover,
  .toolbar-box .ql-underline:hover,
  .toolbar-box .ql-strike:hover,
  .toolbar-box .ql-list:hover,
  .toolbar-box .ql-stroke:hover,
  .toolbar-box .ql-indent:hover,
  .toolbar-box .ql-link:hover,
  .toolbar-box .ql-image:hover {
    color: var(--theme-deafult); }
    .toolbar-box .ql-bold:hover svg .ql-stroke,
    .toolbar-box .ql-bold:hover svg .ql-fill,
    .toolbar-box .ql-italic:hover svg .ql-stroke,
    .toolbar-box .ql-italic:hover svg .ql-fill,
    .toolbar-box .ql-underline:hover svg .ql-stroke,
    .toolbar-box .ql-underline:hover svg .ql-fill,
    .toolbar-box .ql-strike:hover svg .ql-stroke,
    .toolbar-box .ql-strike:hover svg .ql-fill,
    .toolbar-box .ql-list:hover svg .ql-stroke,
    .toolbar-box .ql-list:hover svg .ql-fill,
    .toolbar-box .ql-stroke:hover svg .ql-stroke,
    .toolbar-box .ql-stroke:hover svg .ql-fill,
    .toolbar-box .ql-indent:hover svg .ql-stroke,
    .toolbar-box .ql-indent:hover svg .ql-fill,
    .toolbar-box .ql-link:hover svg .ql-stroke,
    .toolbar-box .ql-link:hover svg .ql-fill,
    .toolbar-box .ql-image:hover svg .ql-stroke,
    .toolbar-box .ql-image:hover svg .ql-fill {
      stroke: var(--theme-deafult); }
  .toolbar-box .ql-bold button.ql-active .ql-stroke,
  .toolbar-box .ql-italic button.ql-active .ql-stroke,
  .toolbar-box .ql-underline button.ql-active .ql-stroke,
  .toolbar-box .ql-strike button.ql-active .ql-stroke,
  .toolbar-box .ql-list button.ql-active .ql-stroke,
  .toolbar-box .ql-stroke button.ql-active .ql-stroke,
  .toolbar-box .ql-indent button.ql-active .ql-stroke,
  .toolbar-box .ql-link button.ql-active .ql-stroke,
  .toolbar-box .ql-image button.ql-active .ql-stroke {
    stroke: var(--theme-deafult); }

#editor .ql-editing,
#editor1 .ql-editing {
  left: 60.375px !important; }
  [dir="rtl"] #editor .ql-editing, [dir="rtl"] #editor1 .ql-editing {
    left: 0;
    right: 60.375px !important; }
  #editor .ql-editing.ql-out-bottom,
  #editor1 .ql-editing.ql-out-bottom {
    visibility: visible !important; }

#editor .ql-tooltip,
#editor1 .ql-tooltip {
  left: 35.9688px !important; }
  [dir="rtl"] #editor .ql-tooltip, [dir="rtl"] #editor1 .ql-tooltip {
    left: 0;
    right: 35.9688px !important; }
  @media (max-width: 430px) {
    #editor .ql-tooltip,
    #editor1 .ql-tooltip {
      left: 2.9688px !important; }
      [dir="rtl"] #editor .ql-tooltip, [dir="rtl"] #editor1 .ql-tooltip {
        left: 0;
        right: 2.9688px !important; } }
  #editor .ql-tooltip.ql-out-bottom,
  #editor1 .ql-tooltip.ql-out-bottom {
    visibility: visible !important; }
    @media (max-width: 430px) {
      #editor .ql-tooltip.ql-out-bottom input[type=text],
      #editor1 .ql-tooltip.ql-out-bottom input[type=text] {
        width: 94px; } }
.important-mail {
  width: 18px;
  height: 18px;
  fill: transparent;
  stroke: var(--chart-text-color);
  cursor: pointer; }
  .important-mail:active, .important-mail.active {
    fill: #FFAE1A;
    stroke: #FFAE1A; }

.bookmark-box {
  stroke: var(--chart-text-color); }
  .bookmark-box:active, .bookmark-box.active {
    stroke: var(--theme-deafult); }

.dropdown-subtitle > p {
  color: #52526c;
  font-weight: 500; }

/**=====================
    3.47 Letter_box CSS End
==========================**/
/**=====================
    3.16 Errorpage CSS Start
==========================**/
.error-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  text-align: center; }
  .error-wrapper.maintenance-bg {
    background-image: url(/../images/admin/other-images/maintenance-bg.jpg);
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: overlay; }
  .error-wrapper .maintenance-icons li i {
    color: #59667a;
    font-size: 50px;
    animation: rotate-effect 40s infinite linear reverse; }
  .error-wrapper .maintenance-icons li:nth-child(2) i {
    font-size: 100px;
    margin-left: 110px;
    margin-top: -25px;
    animation: reverse-rotate-effect 40s linear infinite; }
  .error-wrapper .maintenance-icons li:nth-child(3) i {
    animation: rotate-effect 30s infinite linear;
    font-size: 150px;
    margin-top: -85px;
    margin-right: 120px; }

@keyframes rotate-effect {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes reverse-rotate-effect {
  0% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(0deg); } }
  .error-wrapper .maintenance-heading {
    margin-top: 70px; }
    .error-wrapper .maintenance-heading .headline {
      font-size: 99px;
      font-weight: 900;
      letter-spacing: 10px;
      color: var(--theme-deafult);
      z-index: 2;
      position: relative;
      margin-top: -70px; }
  .error-wrapper .error-heading {
    margin-top: 115px; }
    .error-wrapper .error-heading .headline {
      font-size: 285px;
      font-weight: 700;
      letter-spacing: 1px;
      margin-top: -130px; }
  .error-wrapper .sub-content {
    font-size: 18px;
    color: #051A1A;
    letter-spacing: 1px;
    font-weight: normal;
    line-height: 35px;
    z-index: 3;
    position: relative;
    margin-top: 30px;
    margin-bottom: 0; }
  .error-wrapper .btn {
    margin-top: 40px; }

.error {
  margin: 70px 0 100px;
  color: #000; }
  .error .error-title {
    font-size: 9.5rem;
    color: #fff;
    text-shadow: 6px 6px 7px rgba(0, 0, 0, 0.32); }
  .error .line-bottom {
    width: 10%;
    height: 5px;
    background-color: #FFAE1A;
    border: none; }
  .error .c-white {
    color: #fff; }
  .error .error-btn {
    text-align: center; }
  .error .padd {
    padding: 10px 30px 10px 30px; }
  .error .btn-back-home {
    background-color: #E6E9EB;
    color: #000; }
    .error .btn-back-home:hover {
      background-color: #FFAE1A;
      color: #fff;
      box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21); }
  .error .btn-adnc-serc {
    background-color: #2c323f;
    color: #fff; }
    .error .btn-adnc-serc:hover {
      background-color: #FFAE1A;
      color: #fff;
      box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21); }

/**=====================
    3.16 Errorpage CSS Start
==========================**/
/**=====================
    3.17 Faq CSS start
==========================**/
.knowledgebase-bg {
  height: 500px;
  border-radius: 15px;
  margin-bottom: 30px; }

.knowledgebase-search {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  left: 5%; }
  .knowledgebase-search .form-inline {
    background-color: #fff;
    width: 500px;
    padding: 12px 50px;
    border-radius: 10px;
    border: 1px solid #E6E9EB;
    margin-top: 10px;
    position: relative; }
    .knowledgebase-search .form-inline ::placeholder {
      color: rgba(5, 26, 26, 0.6); }
    .knowledgebase-search .form-inline svg {
      position: absolute;
      left: 20px;
      width: 20px;
      top: 17px;
      stroke: rgba(5, 26, 26, 0.6); }

.faq-widgets {
  align-items: center; }
  .faq-widgets .media-body h5 {
    font-weight: 600;
    color: #fff;
    margin-bottom: 8px; }
  .faq-widgets .media-body p {
    padding-right: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis; }
  .faq-widgets svg {
    width: 150px;
    height: 150px;
    opacity: 0.5; }

.header-faq {
  margin-bottom: 30px; }
  .header-faq h5 {
    font-weight: 600; }

.features-faq.card .card-body,
.features-faq.card .card-footer {
  padding: 20px 25px; }

.features-faq .faq-image img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%; }

.features-faq .card-body h6 {
  margin-bottom: 15px;
  font-weight: 600; }

.add-project.table td {
  vertical-align: middle; }

.add-project .text-inherit {
  color: black; }

.faq-accordion.default-according {
  margin-bottom: 30px; }
  .faq-accordion.default-according .card .btn-link {
    display: flex; }
    .faq-accordion.default-according .card .btn-link svg {
      width: 20px;
      height: 20px;
      margin-right: 10px; }
  .faq-accordion.default-according .card .faq-header {
    position: relative;
    padding: 30px; }
    .faq-accordion.default-according .card .faq-header svg {
      position: absolute;
      right: 30px;
      top: 30px;
      width: 20px;
      height: 20px; }
    .faq-accordion.default-according .card .faq-header span {
      margin-top: 3px; }
  .faq-accordion.default-according .faq-body {
    padding: 20px !important; }
  .faq-accordion.default-according .card-mb-faq {
    margin-bottom: 30px; }

.faq-title {
  margin: 30px 0; }
  .faq-title h6 {
    color: #999999;
    font-weight: 600; }

.faq-form {
  position: relative; }
  .faq-form .search-icon {
    position: absolute;
    right: 12px;
    top: 9px;
    width: 20px;
    height: 20px; }

.navigation-btn {
  margin-bottom: 20px; }
  .navigation-btn a {
    display: flex;
    align-items: center;
    justify-content: center; }
    .navigation-btn a svg {
      width: 15px;
      height: 15px; }

.navigation-option ul li {
  position: relative;
  padding: 8px 8px 8px 0; }
  .navigation-option ul li:hover {
    background-color: #fdfeff; }
  .navigation-option ul li a {
    padding-left: 40px;
    color: #051A1A; }
    .navigation-option ul li a svg {
      position: absolute;
      width: 15px;
      height: 15px;
      top: 11px;
      left: 15px; }

.updates-faq {
  width: 40px;
  height: 40px;
  border: 2px solid var(--theme-deafult);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px; }
  .updates-faq svg {
    width: 18px;
    height: 18px; }

.updates-bottom-time p {
  margin-bottom: 2px; }
  .updates-bottom-time p + p {
    color: #999999; }

.updates-faq-main {
  margin-bottom: 20px; }
  .updates-faq-main a {
    font-weight: 500; }
  .updates-faq-main:last-child {
    margin-bottom: 0; }

@media only screen and (max-width: 1399.98px) {
  .faq-widgets svg {
    width: 80px;
    height: 80px; } }

@media only screen and (max-width: 1199px) {
  .faq-accordion {
    margin-bottom: 30px; } }

@media only screen and (max-width: 991px) {
  .faq-accordion.default-according .card .faq-header {
    padding: 20px !important; }
    .faq-accordion.default-according .card .faq-header svg {
      right: 20px;
      top: 20px; }
  .navigation-option ul li {
    padding: 10px 10px 10px 0; }
    .navigation-option ul li a svg {
      top: 12px; } }

@media only screen and (max-width: 767px) {
  .xs-mt-search {
    margin-top: 30px; } }

@media only screen and (max-width: 575px) {
  .xs-mt-search {
    margin-top: 0px; }
  .faq-widgets svg {
    width: 60px;
    height: 60px; }
  .faq-title {
    margin: 15px 0; }
  .header-faq {
    margin-bottom: 15px;
    margin-top: 10px; }
  .faq-accordion {
    margin-bottom: 0px; }
    .faq-accordion .faq-header {
      padding: 15px !important; }
      .faq-accordion .faq-header .pull-right {
        float: right; }
      .faq-accordion .faq-header svg {
        right: 15px;
        top: 15px; }
  .navigation-btn,
  .updates-faq-main {
    margin-bottom: 15px; } }

/**=====================
    3.17 Faq CSS end
==========================**/
/**=====================
   3.18 File CSS
==========================**/
.files-content {
  display: flex;
  margin-bottom: -10px; }
  .files-content li {
    margin-right: 20px;
    margin-bottom: 10px; }
    .files-content li .files-list .file-left {
      background-color: rgba(0, 102, 102, 0.05);
      border: 1px solid #ecf3fa;
      padding: 18px 22px;
      border-radius: 5px; }

.file-sidebar .card .card-body,
.file-sidebar .card .card-header,
.file-content .card .card-body,
.file-content .card .card-header {
  padding: 20px !important; }
  .file-sidebar .card .card-body .file-manager,
  .file-sidebar .card .card-header .file-manager,
  .file-content .card .card-body .file-manager,
  .file-content .card .card-header .file-manager {
    padding-top: unset !important; }
  .file-sidebar .card .card-body .form-group input,
  .file-sidebar .card .card-header .form-group input,
  .file-content .card .card-body .form-group input,
  .file-content .card .card-header .form-group input {
    line-height: 0; }

.file-manager .folder {
  margin-bottom: -12px; }
  .file-manager .folder li:nth-child(n+2) {
    margin-left: 12px;
    margin-bottom: 12px; }
  .file-manager .folder li:nth-child(5), .file-manager .folder li:nth-child(9), .file-manager .folder li:nth-child(13) {
    margin-left: 0; }

.file-sidebar ul li + li {
  margin-top: 8px; }

.file-sidebar .btn {
  display: flex;
  align-items: center;
  padding: 8px 20px;
  font-weight: 400; }
  .file-sidebar .btn.btn-light:hover {
    color: #006666 !important; }
    .file-sidebar .btn.btn-light:hover svg {
      stroke: #006666; }
  .file-sidebar .btn svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px; }

.file-sidebar .pricing-plan {
  border: 1px solid #ecf3fa;
  border-radius: 5px;
  margin-top: 10px;
  padding: 15px;
  position: relative;
  overflow: hidden; }
  .file-sidebar .pricing-plan h6 {
    font-size: 14px;
    margin-bottom: 2px;
    color: #898989; }
  .file-sidebar .pricing-plan h5 {
    font-weight: 500;
    font-size: 20px; }
  .file-sidebar .pricing-plan p {
    margin-bottom: 5px;
    color: #898989; }
  .file-sidebar .pricing-plan .btn {
    display: inline-block;
    font-size: 12px; }
  .file-sidebar .pricing-plan .bg-img {
    position: absolute;
    top: 40px;
    opacity: 0.1;
    transform: rotate(-45deg);
    right: -40px; }

.file-manager h5 {
  font-size: 18px;
  font-weight: 600; }

.file-manager > h6 {
  opacity: 0.6;
  font-weight: 400 !important;
  font-size: 15px;
  margin-bottom: 12px; }

.file-manager .files-gap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px; }
  .file-manager .files-gap.list-group {
    flex-direction: unset; }

.file-manager p {
  font-size: 12px;
  color: #999999;
  margin-bottom: 0; }

.folder h6 {
  opacity: 0.9;
  font-weight: 500 !important;
  font-size: 14px; }

.files-content,
.quick-file {
  flex-wrap: wrap; }

.quick-file {
  margin-bottom: -10px; }
  .quick-file li {
    margin-right: 20px;
    margin-bottom: 10px; }
    .quick-file li h6 {
      font-size: 14px;
      text-align: center;
      font-weight: 400;
      margin-top: 8px; }
    .quick-file li .quick-box {
      background-color: rgba(0, 102, 102, 0.05);
      border: 1px solid #ecf3fa;
      padding: 20px 24px;
      border-radius: 5px; }
      .quick-file li .quick-box i {
        font-size: 30px;
        margin-right: 0; }

.file-content .folder-box .files-list h6 {
  font-size: 16px;
  font-weight: 400; }

.file-content .folder-box .files-list i {
  margin-right: 0; }

.file-content .ellips {
  position: absolute;
  top: 30px;
  right: 30px;
  opacity: 0.7; }

.file-content .form-inline {
  border: 1px solid #ecf3fa;
  padding: 0px 20px;
  border-radius: 5px; }
  .file-content .form-inline i {
    padding-right: 10px;
    color: #898989;
    line-height: 3; }
  .file-content .form-inline input::-webkit-input-placeholder {
    color: #898989; }
  .file-content .form-inline input:focus {
    outline: none !important; }

.file-content .search-form input {
  padding: 5px 10px 5px 70px;
  border-radius: 5px; }

.file-content .search-form .form-group:before {
  left: 82px;
  top: 37px; }

.file-content .search-form .form-group:after {
  top: 39px;
  left: 53px; }

.file-content .btn svg {
  height: 16px;
  margin-right: 2px;
  vertical-align: -3px; }

.file-content h4 {
  font-weight: 500;
  margin-bottom: 5px;
  font-size: 24px;
  line-height: 1; }

.file-content .folder .folder-box {
  border: 1px solid #ecf3fa;
  border-radius: 5px;
  padding: 15px;
  background-color: #fff;
  width: calc(25% - 15px);
  display: inline-block;
  margin: 2px 0;
  position: relative; }
  .file-content .folder .folder-box h6 {
    font-size: 16px; }
  .file-content .folder .folder-box .ellips {
    top: 22px;
    right: 22px; }
  .file-content .folder .folder-box:nth-child(1) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 10ms; }
  .file-content .folder .folder-box:nth-child(2) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 20ms; }
  .file-content .folder .folder-box:nth-child(3) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 30ms; }
  .file-content .folder .folder-box:nth-child(4) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 40ms; }
  .file-content .folder .folder-box:nth-child(5) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 50ms; }
  .file-content .folder .folder-box:nth-child(6) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 60ms; }
  .file-content .folder .folder-box:nth-child(7) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 70ms; }
  .file-content .folder .folder-box:nth-child(8) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 80ms; }
  .file-content .folder .folder-box:nth-child(9) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 90ms; }
  .file-content .folder .folder-box:nth-child(10) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 100ms; }
  .file-content .folder .folder-box:nth-child(11) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 110ms; }
  .file-content .folder .folder-box:nth-child(12) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 120ms; }
  .file-content .folder .folder-box:nth-child(13) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 130ms; }
  .file-content .folder .folder-box:nth-child(14) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 140ms; }
  .file-content .folder .folder-box:nth-child(15) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 150ms; }

.md-sidebar .md-sidebar-toggle {
  display: none;
  width: fit-content;
  margin-bottom: 20px;
  font-weight: 600;
  text-transform: capitalize; }

@media screen and (max-width: 1440px) {
  .file-content .folder .folder-box .d-flex {
    display: block !important;
    text-align: center; }
    .file-content .folder .folder-box .d-flex .flex-grow-1 {
      margin-left: 0 !important;
      margin-top: 5px; } }

@media screen and (max-width: 1366px) {
  .file-content .folder {
    margin-bottom: -10px; }
    .file-content .folder .folder-box {
      margin-bottom: 10px;
      margin-right: 0;
      padding: 13px; }
      .file-content .folder .folder-box .media i {
        font-size: 30px; }
  .file-content .card-header .btn {
    padding: 8px 15px;
    z-index: 0; }
  .file-sidebar .btn {
    padding: 8px 15px; } }

@media screen and (max-width: 1199px) {
  .job-sidebar .job-left-aside {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0;
    opacity: 1;
    visibility: hidden;
    overflow-y: scroll;
    z-index: 3;
    max-width: 270px;
    height: 600 px;
    background-color: #fff;
    border: 1 px solid #e6edef;
    padding: 12px; }
  .job-sidebar .job-toggle {
    display: block !important;
    margin-bottom: 20px; }
  .job-sidebar .job-left-aside.open {
    opacity: 1;
    visibility: visible; }
  .md-sidebar .md-sidebar-toggle {
    display: block;
    width: fit-content; }
  .md-sidebar .md-sidebar-aside {
    position: absolute;
    top: 70%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    width: 280px; }
    .md-sidebar .md-sidebar-aside.open {
      opacity: 1;
      visibility: visible; } }

@media screen and (max-width: 768px) {
  .file-content .form-inline {
    display: inline-block;
    padding: 0px 0px 0px 20px; }
  .file-content .folder {
    margin-bottom: -10px; }
    .file-content .folder .folder-box {
      width: calc(50% - 20px);
      margin-bottom: 10px;
      margin-right: 8px; }
      [dir="rtl"] .file-content .folder .folder-box {
        margin-right: 0px; }
      .file-content .folder .folder-box:nth-child(odd) {
        margin-left: 0; } }

@media screen and (max-width: 420px) {
  .file-content .folder .folder-box {
    width: calc(100%);
    margin-right: unset; }
  .file-content h4 {
    font-size: 20px; }
  .file-content .card-header .btn {
    padding: 7px 10px;
    font-size: 12px; }
  .file-manager .folder li:nth-child(n+2) {
    margin-left: 0; }
  .file-manager > h6 {
    font-size: 14px; } }

/**=====================
    3.18 File CSS
==========================**/
/**=====================
    3.19 Gallery CSS Start
==========================**/
.profile-img-style img,
.scroll-bar-wrap img {
  width: 100%; }

.gallery {
  margin-bottom: -30px; }
  .gallery > a {
    margin-bottom: 30px; }
    .gallery > a:before {
      content: "\edee";
      font-family: IcoFont;
      position: absolute;
      height: calc(100% - 10px);
      left: 20px;
      width: calc(100% - 40px);
      background-color: rgba(255, 255, 255, 0.27);
      top: 5px;
      transform: scale(0);
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px;
      color: #000; }
    .gallery > a:hover:before {
      transform: scale(1);
      transition: all 0.3s ease; }
    .gallery > a .img-thumbnail {
      border-radius: 0; }

.gallery-with-description {
  margin-bottom: -30px; }
  .gallery-with-description a > div {
    padding: 10px;
    border: 1px solid #e4e6ec;
    margin-bottom: 30px;
    border-radius: 0 0 5px 5px; }
  .gallery-with-description a:hover {
    text-decoration: none !important; }
  .gallery-with-description h4 {
    color: #2c323f;
    margin-top: 15px;
    font-size: 18px;
    margin-bottom: 5px; }
  .gallery-with-description p {
    color: #a3a3a3; }

.lg-backdrop {
  background-color: #fff; }

.lg-outer .lg-actions .lg-next,
.lg-outer .lg-actions .lg-prev {
  background-color: white;
  border: 1px solid #efefef; }
  .lg-outer .lg-actions .lg-next:hover,
  .lg-outer .lg-actions .lg-prev:hover {
    color: #2c323f; }

.lg-outer .lg-toolbar {
  background-color: rgba(255, 255, 255, 0.45);
  border-bottom: 1px solid #2c323f; }
  .lg-outer .lg-toolbar .lg-icon:hover {
    color: #2c323f; }

.lg-outer #lg-counter {
  color: #2c323f; }

.lg-outer .lg-sub-html {
  background-color: rgba(255, 255, 255, 0.45); }
  .lg-outer .lg-sub-html h4 {
    font-size: inherit;
    color: #2c323f; }
  .lg-outer .lg-sub-html p {
    color: #2c323f; }

.lg-outer .lg-thumb-outer {
  background-color: #ecf3fa; }

.lg-outer .lg-thumb-item {
  padding: 4px;
  border: 1px solid #efefef;
  border-radius: 0; }
  .lg-outer .lg-thumb-item .active, .lg-outer .lg-thumb-item:hover {
    border-color: #000; }

.gallery a:before, .gallery a:after {
  content: none; }

.gallery .img-hover > div {
  overflow: hidden; }

.gallery .hover-1 img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  .gallery .hover-1 img:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }

.gallery .hover-2 img {
  width: 100%;
  height: auto;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  transform: translateX(0px); }

.gallery .hover-2:hover img {
  transform: translateX(40px) scale(1.2); }

.gallery .hover-3 img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-3:hover img {
  -webkit-transform: scale(1);
  transform: scale(1); }

.gallery .hover-4 img {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-4:hover img {
  -webkit-transform: scale(1);
  transform: scale(1); }

.gallery .hover-5 img {
  margin-left: 30px;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-5:hover img {
  margin-left: 0; }

.gallery .hover-6 img {
  -webkit-transform: rotate(15deg) scale(1.4);
  transform: rotate(15deg) scale(1.4);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-6:hover img {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1); }

.gallery .hover-7 img {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-7:hover img {
  -webkit-filter: blur(0);
  filter: blur(0); }

.gallery .hover-8 img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-8:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0); }

.gallery .hover-9 img {
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-9:hover img {
  -webkit-filter: sepia(0);
  filter: sepia(0); }

.gallery .hover-10 img {
  -webkit-filter: grayscale(0) blur(0);
  filter: grayscale(0) blur(0);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-10:hover img {
  -webkit-filter: grayscale(100%) blur(3px);
  filter: grayscale(100%) blur(3px); }

.gallery .hover-11 img {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-11:hover img {
  opacity: .5; }

@-webkit-keyframes flash {
  0% {
    opacity: .4; }
  100% {
    opacity: 1; } }

@keyframes flash {
  0% {
    opacity: .4; }
  100% {
    opacity: 1; } }

.gallery .hover-13:hover img {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s; }

@-webkit-keyframes shine {
  100% {
    left: 125%; } }

@keyframes shine {
  100% {
    left: 125%; } }

.gallery .hover-14 div {
  position: relative; }
  .gallery .hover-14 div:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg); }
  .gallery .hover-14 div:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s; }

.gallery .hover-15 div {
  position: relative; }
  .gallery .hover-15 div:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0; }
  .gallery .hover-15 div:hover:before {
    -webkit-animation: circle .75s;
    animation: circle .75s; }

@-webkit-keyframes circle {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

@keyframes circle {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

* {
  box-sizing: border-box; }
  *:after, *:before {
    box-sizing: border-box; }

.grid {
  position: relative; }

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both; }

/* ---- .grid-item ---- */
.grid-item img {
  max-width: 100%;
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6; }

.gallery-with-description .grid-item img {
  border: 0;
  padding: 0; }

/**=====================
    3.19 Gallery CSS Ends
==========================**/
/**=====================
    3.20 Helper CSS start
==========================**/
.helper-common-box {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  gap: 8px; }
  .helper-common-box:last-child {
    margin-bottom: 0; }
  .helper-common-box.helper-p-wrapper {
    gap: 12px;
    margin-bottom: 0;
    flex-wrap: wrap; }

.border-wrapper {
  padding: 20px; }

.helper-box {
  width: 40px;
  height: 40px;
  border-radius: 25%; }
  .helper-box.helper-text {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900; }

.helper-radius {
  width: 60px;
  height: 30px; }

.fill-wrapper {
  background-color: #E6E9EB; }

.gradient-border {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  align-items: center; }
  @media (max-width: 1200px) {
    .gradient-border {
      gap: calc(13px + (22 - 13) * ((100vw - 320px) / (1200 - 320))); } }
.radius-wrapper {
  background-color: #efefef; }

.font-wrapper {
  display: flex;
  align-items: center;
  padding: 12px 20px; }

.helper-padding {
  display: flex;
  flex-direction: column;
  gap: 12px; }

.helper-p-box {
  display: flex;
  justify-content: center;
  align-items: center; }
  .helper-p-box span {
    color: var(--body-font-color); }

.common-p-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start; }

/**=====================
    3.20 Helper CSS end
==========================**/
/**=====================
    3.21 Internationalization CSS start
==========================**/
.hdg_main {
  position: relative; }

.main .langChoice {
  position: absolute;
  right: 40px;
  top: 31px;
  padding: 10px 18px;
  background-color: transparent; }

@media (max-width: 991px) {
  .main .langChoice {
    right: 20px;
    top: 11px;
    padding: 8px; } }

@media only screen and (max-width: 575px) {
  .main .langChoice {
    top: 14px;
    padding: 4px 7px; }
  .language-xs {
    margin-top: 15px; } }

@media only screen and (max-width: 360px) {
  .language-header {
    padding-bottom: 60px !important; }
  .main .langChoice {
    left: 0;
    margin: 0 auto;
    top: 50px;
    width: 30%;
    right: 0; } }

/**=====================
    3.21 Internationalization CSS End
==========================**/
/**=====================
    3.22 Job-search CSS Start
==========================**/
.filter-cards-view .job-filter:first-child {
  margin-bottom: 30px; }

.filter-cards-view .checkbox-animated {
  margin-top: 30px;
  margin-bottom: 30px; }

.location-checkbox span {
  color: #999999;
  padding-left: 33px; }
  [dir="rtl"] .location-checkbox span {
    padding-left: unset;
    padding-right: 33px; }

.job-accordion .card {
  margin-bottom: 30px; }

.job-accordion .btn-block {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.job-search p {
  margin-top: 14px; }

.job-search .d-flex .flex-grow-1 h6 {
  margin-bottom: 3px; }
  .job-search .d-flex .flex-grow-1 h6 span {
    font-size: 13px;
    color: #999999;
    font-weight: normal; }
    .job-search .d-flex .flex-grow-1 h6 span.badge {
      color: #fff; }

.job-search .d-flex .flex-grow-1 > p {
  margin-top: 0;
  color: #999999; }

.job-search .job-description {
  margin-top: 30px; }
  .job-search .job-description button span {
    color: #fff; }
  .job-search .job-description h6 {
    font-weight: 600;
    margin-bottom: 30px; }
  .job-search .job-description p {
    margin-top: 0;
    margin-bottom: 6px; }
  .job-search .job-description ul {
    list-style-type: disc;
    list-style-position: inside; }
    .job-search .job-description ul li {
      margin-bottom: 10px; }
      .job-search .job-description ul li:last-child {
        margin-bottom: 0; }
  .job-search .job-description .theme-form {
    margin-top: 30px;
    margin-bottom: 30px; }
    .job-search .job-description .theme-form .row div[class^="col-"] + div[class^="col-"] .select2-container {
      margin-top: 18px; }
    .job-search .job-description .theme-form .row div[class^="col-"] .job-select2 ~ .select2-container {
      margin-top: 0 !important; }
    .job-search .job-description .theme-form .row div[class^="col-"] .input-group .datepicker-here {
      font-size: 14px;
      border: 1px solid #efefef;
      padding-top: 12px;
      padding-bottom: 12px; }

.select2-container .select2-selection--single {
  border-radius: 0.25rem !important;
  border-color: #efefef;
  height: 47px !important;
  padding: 10px; }

.job-pagination {
  margin-bottom: 30px; }
  .job-pagination nav ul {
    justify-content: center; }

@media only screen and (max-width: 1366px) {
  .xl-mt-job {
    margin-bottom: 20px; } }

@media only screen and (max-width: 991px) {
  .filter-cards-view {
    padding: 20px !important; }
    .filter-cards-view .job-filter:first-child {
      margin-bottom: 20px; }
    .filter-cards-view .checkbox-animated {
      margin-top: 20px;
      margin-bottom: 20px; }
  .job-accordion .animate-chk {
    padding: 20px !important; }
  .job-search > p {
    margin-top: 20px; } }

@media only screen and (max-width: 575px) {
  .filter-cards-view {
    padding: 15px !important; }
    .filter-cards-view .job-filter:first-child {
      margin-bottom: 15px; }
    .filter-cards-view .checkbox-animated {
      margin-top: 15px;
      margin-bottom: 15px; }
  .job-accordion .animate-chk {
    padding: 15px !important; }
  .job-search p {
    margin-top: 15px; }
  .job-search .d-flex {
    display: block;
    text-align: center; }
    .job-search .d-flex .flex-grow-1 h6 .pull-right {
      float: none;
      margin-top: 3px;
      display: block; }
    .job-search .d-flex .flex-grow-1 h6 a {
      display: block; }
    .job-search .d-flex .flex-grow-1 p span + span {
      display: block;
      color: #E6E9EB; }
    .job-search .d-flex img {
      margin-bottom: 15px; }
    .job-search .d-flex .m-r-20 {
      margin-right: 0; }
  .job-search .job-description {
    margin-top: 15px; }
    .job-search .job-description .theme-form {
      margin-top: 15px;
      margin-bottom: 15px; }
      .job-search .job-description .theme-form .row div[class^="col-"] + div[class^="col-"] .select2-container {
        margin-top: 2px; }
      .job-search .job-description .theme-form .xs-mt-period {
        margin-top: 15px; }
  .job-pagination {
    margin-bottom: 15px; }
  .xl-mt-job {
    margin-bottom: 15px; } }

@media only screen and (max-width: 360px) {
  .job-search .job-description .btn {
    padding: 6px 12px; } }

.select-date .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 9px;
  right: 12px; }

/**=====================
    3.22 Job-search CSS End
==========================**/
/**=====================
  3.23 Jsgrid CSS Start
==========================**/
.jsgrid .jsgrid-grid-body .jsgrid-cell {
  padding: 0.75rem; }

.jsgrid .jsgrid-pager-container {
  text-align: right; }

.jsgrid .jsgrid-pager {
  padding: 0;
  margin-top: 20px; }
  .jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button {
    margin-right: -5px; }
    .jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button:first-child {
      border-radius: 5px 0 0 5px; }
  .jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button {
    margin-left: -5px; }
    .jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button:last-child {
      border-radius: 0 5px 5px 0; }
  .jsgrid .jsgrid-pager [class*="jsgrid-pager"] {
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    border: 1px solid #E6E9EB; }
  .jsgrid .jsgrid-pager .jsgrid-pager-page a {
    color: #2c323f; }
  .jsgrid .jsgrid-pager .jsgrid-pager-current-page {
    color: #2c323f; }

.jsgrid .jsgrid-selected-row > .jsgrid-cell {
  background: #E6E9EB;
  border-color: #fafafa; }

.jsgrid .jsgrid-header-row > .jsgrid-header-cell {
  padding: 0.75rem;
  font-weight: 500; }

/**=====================
  3.23 Jsgrid CSS Ends
==========================**/
/**=====================
  3.24 Kanban CSS start
==========================**/
.jkanban-container .btn {
  margin-bottom: 10px; }

.jkanban-container .note a {
  display: contents; }

.kanban-board-header {
  height: auto;
  width: auto;
  line-height: unset;
  background: #F5F5F5;
  border-bottom: 1px solid #ddd; }
  .kanban-board-header.bg-info ~ .kanban-drag {
    background-color: rgba(23, 56, 120, 0.3) !important; }
  .kanban-board-header.bg-warning ~ .kanban-drag {
    background-color: rgba(255, 174, 26, 0.3) !important; }
  .kanban-board-header.bg-success ~ .kanban-drag {
    background-color: rgba(0, 172, 70, 0.3) !important; }

.kanban-container {
  display: contents; }

.kanban-board {
  margin-bottom: 30px;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  border-radius: 8px;
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  overflow: hidden;
  width: calc(100% / 3 - 30px) !important; }
  .kanban-board .kanban-drag {
    background: #F5F5F5; }

.kanban-item {
  background: transparent;
  padding: 0;
  margin-bottom: 20px; }
  .kanban-item .kanban-box .badge {
    line-height: 13px; }
  .kanban-item p {
    opacity: 0.7; }
  .kanban-item:last-child {
    margin-bottom: 0; }
  .kanban-item .list {
    display: inline-block;
    opacity: 0.4; }
    .kanban-item .list li {
      display: inline-block;
      font-size: 12px;
      padding: 0px 4px; }
      .kanban-item .list li i {
        margin-right: 8px; }
  .kanban-item .kanban-box {
    border: 1px solid #efefef;
    border-radius: 5px;
    padding: 20px;
    position: relative;
    display: block;
    color: inherit;
    background-color: #fff; }
    .kanban-item .kanban-box:hover {
      color: inherit; }
    .kanban-item .kanban-box + .kanban-box {
      margin-top: 20px; }
    .kanban-item .kanban-box .badge {
      font-weight: 400; }
    .kanban-item .kanban-box h6 {
      font-size: 15px;
      margin-top: 5px;
      font-weight: 600;
      margin-bottom: 8px; }
    .kanban-item .kanban-box .dropdown {
      display: inline-block;
      right: 10px;
      position: absolute;
      top: 20px; }
      .kanban-item .kanban-box .dropdown .dropdown-item {
        font-size: 13px;
        font-weight: 500;
        padding: 5px 10px;
        text-align: left; }
      .kanban-item .kanban-box .dropdown svg {
        height: 14px; }
    .kanban-item .kanban-box .d-flex {
      justify-content: space-between; }
    .kanban-item .kanban-box .dropdown-toggle:after {
      content: none; }
    .kanban-item .kanban-box .customers ul li + li {
      margin-left: -10px; }
    .kanban-item .kanban-box .date {
      font-size: 11px;
      opacity: 0.5; }

footer {
  margin: 0;
  padding: 0; }

@media only screen and (max-width: 1199px) {
  .jkanban-container .btn {
    margin-bottom: 10px;
    margin-left: 20px; }
  .kanban-container .kanban-board {
    width: 320px !important; } }

@media only screen and (max-width: 600px) {
  .kanban-board .kanban-drag,
  .kanban-container .kanban-item .kanban-box {
    padding: 10px 15px; }
  .kanban-container .kanban-board {
    margin-left: 10px !important;
    margin-right: 10px !important; } }

@media only screen and (max-width: 480px) {
  .jkanban-container .card-body {
    padding: 20px 0 !important; }
  .kanban-board .kanban-drag,
  .kanban-container .kanban-item .kanban-box {
    padding: 10px 15px; }
  .kanban-container .kanban-board {
    width: 270px !important; } }

@media screen and (max-width: 375px) {
  .kanban-container .kanban-board {
    width: 258px !important; } }

/**=====================
   3.24 Kanban CSS ends
==========================**/
/**=====================
    3.25 Knowledgebase CSS start
==========================**/
.browse .browse-articles span {
  vertical-align: middle; }
  .browse .browse-articles span:nth-child(2) {
    padding-left: 20px;
    font-weight: 400; }
    [dir="rtl"] .browse .browse-articles span:nth-child(2) {
      padding-left: unset;
      padding-right: 20px; }
  .browse .browse-articles span svg {
    width: 14px;
    height: 14px;
    vertical-align: text-top;
    position: absolute;
    left: 0;
    top: 4px; }
    [dir="rtl"] .browse .browse-articles span svg {
      left: unset;
      right: 0; }

.browse .browse-articles h6 {
  padding-bottom: 10px;
  margin-bottom: 0px;
  border-bottom: 1px solid #fdfeff;
  padding-left: 40px; }
  [dir="rtl"] .browse .browse-articles h6 {
    padding-left: unset;
    padding-right: 40px; }
  .browse .browse-articles h6 span svg {
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    top: 0;
    left: 22px; }

.browse .browse-articles ul li {
  padding: 8px;
  border-radius: 8px; }
  .browse .browse-articles ul li a {
    color: #051A1A;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px; }
  .browse .browse-articles ul li:hover {
    background-color: #fdfeff; }

@media only screen and (max-width: 1366px) {
  .browse div[class^="col-"]:nth-child(3) {
    margin-top: 30px; } }

@media only screen and (max-width: 360px) {
  .browse .browse-articles ul li a span:nth-child(2) {
    width: 158px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block; } }

.badge.pull-right {
  padding-top: 8px; }

.articles-icons svg {
  min-width: 18px; }

.articles-icons .media-body h6 {
  margin-bottom: 8px; }

.media.faq-widgets svg {
  min-width: 18px; }

/**=====================
    3.25 Knowledgebase CSS End
==========================**/
/**=====================
    3.26 Landing CSS Start
==========================**/
html:hover .cursor {
  opacity: 1; }

.cursor {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: none; }
  .cursor--hover .cursor-inner {
    transform: scale(0.5);
    opacity: 0; }
  .cursor--hover .cursor-outer {
    transform: scale(1.4);
    border-color: #006666;
    opacity: 1; }

.cursor-move-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: -3px;
  margin-left: -3px; }

.cursor-move-outer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.cursor-inner {
  display: block;
  width: 80%;
  height: 80%;
  background: #006666;
  border-radius: 50%;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.cursor-outer {
  display: block;
  width: 70%;
  height: 70%;
  border: 1px solid #006666;
  border-radius: 50%;
  box-sizing: border-box;
  box-shadow: 0px 0px 4px 4px rgba(0, 102, 102, 0.22);
  transition: border 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.landing-page div canvas:first-child {
  display: none !important; }

/* MESH LOADER */
@keyframes mesh {
  0% {
    transform-origin: 50% -100%;
    transform: rotate(0); }
  50% {
    transform-origin: 50% -100%;
    transform: rotate(360deg); }
  50.1% {
    transform-origin: 50% 200%;
    transform: rotate(0deg); }
  100% {
    transform-origin: 50% 200%;
    transform: rotate(360deg); } }

@keyframes rotate-animation {
  0% {
    transform: rotate3d(1, 1, 1, 0deg); }
  25% {
    transform: rotate3d(1, 1, 1, 2deg); }
  50% {
    transform: rotate3d(1, 1, 1, 0deg); }
  75% {
    transform: rotate3d(1, 1, 1, -2deg); }
  100% {
    transform: rotate3d(1, 1, 1, 0deg); } }

.mesh-loader {
  overflow: hidden;
  height: inherit;
  width: inherit; }
  .mesh-loader .circle {
    position: absolute;
    background: #006666;
    border-radius: 50%;
    margin: -3px;
    animation: mesh 3s ease-in-out infinite -1.5s;
    width: 6px;
    height: 6px; }
  .mesh-loader > div .circle:last-child {
    animation-delay: 0s; }
  .mesh-loader > div {
    position: absolute;
    top: 50%;
    left: 50%; }
  .mesh-loader > div:last-child {
    transform: rotate(90deg); }

@-webkit-keyframes animloader14 {
  0% {
    transform: scale(0);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }

@keyframes animloader14 {
  0% {
    transform: scale(0);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }

.feature-box {
  padding: 16px 22px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start; }
  @media (max-width: 575px) {
    .feature-box {
      padding: 20px; } }
  .feature-box img {
    transition: all 0.3s ease; }
  .feature-box:hover {
    background-color: #006666; }
    .feature-box:hover h5 {
      color: #fff; }
    .feature-box:hover p {
      color: #fff; }
    .feature-box:hover img {
      transform: scale(0.7);
      animation: swing 2s ease infinite; }
    .feature-box:hover .feature-icon {
      background-color: rgba(0, 102, 102, 0.08); }
  .feature-box h5 {
    padding-bottom: 11px; }
  .feature-box .feature-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    border-radius: 17px;
    top: -20px;
    right: 22px;
    box-shadow: 5px 7px 4px 0px rgba(0, 0, 0, 0.2); }
    .feature-box .feature-icon div {
      height: 45px;
      width: 45px;
      border-radius: 17px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 102, 102, 0.08); }

.feature-section {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: 610px;
  padding-top: 70px;
  background-color: rgba(0, 102, 102, 0.06); }
  .feature-section .vector-image {
    top: 50px;
    right: -170px; }
    @media (max-width: 1674px) {
      .feature-section .vector-image {
        top: 60px;
        right: -160px; } }
    @media (max-width: 1600px) {
      .feature-section .vector-image {
        top: 0px;
        right: -20px; } }
    @media (max-width: 1655px) {
      .feature-section .vector-image {
        right: -130px; } }
    @media (max-width: 1595px) {
      .feature-section .vector-image {
        right: -6px;
        top: -10px; } }
    @media (max-width: 1399px) {
      .feature-section .vector-image {
        top: -6px;
        right: -10px; } }
    @media (max-width: 1199px) {
      .feature-section .vector-image {
        right: -12px; } }
    .feature-section .vector-image img {
      height: 370px; }
      @media (max-width: 1674px) {
        .feature-section .vector-image img {
          height: 340px; } }
      @media (max-width: 1655px) {
        .feature-section .vector-image img {
          height: 310px; } }
      @media (max-width: 1600px) {
        .feature-section .vector-image img {
          height: 300px; } }
      @media (max-width: 1399px) {
        .feature-section .vector-image img {
          height: 280px; } }
  .feature-section .round-gif {
    top: unset;
    bottom: 12%; }
    @media (max-width: 1660px) {
      .feature-section .round-gif {
        left: 0; } }
    @media (max-width: 1460px) {
      .feature-section .round-gif {
        bottom: unset;
        top: 6%; } }
    @media (max-width: 991px) {
      .feature-section .round-gif {
        top: -3%; } }
    @media (max-width: 575px) {
      .feature-section .round-gif {
        top: -2%; } }
    .feature-section .round-gif img {
      width: 105px;
      height: 105px; }
      @media (max-width: 1460px) {
        .feature-section .round-gif img {
          width: 90px;
          height: 90px; } }
      @media (max-width: 575px) {
        .feature-section .round-gif img {
          width: 70px;
          height: 70px; } }
.landing-page {
  color: #000248; }
  .landing-page .section-py-space {
    padding-top: 70px;
    padding-bottom: 70px; }
    .landing-page .section-py-space .title {
      margin-top: -5px;
      margin-bottom: 70px; }
      .landing-page .section-py-space .title h5 {
        color: #006666;
        text-align: center;
        font-family: Caveat;
        font-weight: 700;
        font-size: 20px; }
      .landing-page .section-py-space .title h2 {
        font-size: 40px;
        color: #051A1A;
        position: relative; }
        .landing-page .section-py-space .title h2::after {
          content: "";
          position: absolute;
          height: 5px;
          left: 50%;
          transform: translate(-50%);
          width: 51px;
          top: 60px;
          border-radius: 10px;
          background-color: #FE6A49; }
      .landing-page .section-py-space .title span {
        letter-spacing: 1.5px;
        color: rgba(5, 26, 26, 0.8); }
    .landing-page .section-py-space .support-title {
      z-index: 8;
      position: absolute;
      right: 50%;
      transform: translate(36%); }
      .landing-page .section-py-space .support-title h2 {
        font-weight: 700;
        font-size: 26px;
        text-align: end; }
      .landing-page .section-py-space .support-title .premium-button {
        text-align: end; }
      .landing-page .section-py-space .support-title p {
        letter-spacing: 1.5px;
        text-align: end;
        color: #86909C;
        margin-bottom: 0px;
        padding-bottom: 8px; }
    .landing-page .section-py-space .license-title h3 {
      position: absolute;
      top: 38%;
      left: 3%;
      transform: translate(10%);
      color: #006666;
      text-align: center;
      font-family: Caveat;
      font-weight: 700;
      font-size: 43px; }
  .landing-page .demo-section .dashboard-images .demo-box .img-wrraper img {
    border-radius: 10px;
    padding: 10px;
    border: 1px solid rgba(0, 102, 102, 0.65); }
    .landing-page .demo-section .dashboard-images .demo-box .img-wrraper img:hover {
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .demo-section .down-loader {
    position: relative; }
    .landing-page .demo-section .down-loader img {
      position: absolute;
      top: 310px; }
  .landing-page .demo-section .demo-box {
    background-color: rgba(0, 102, 102, 0.06);
    padding: 0px 21px 20px;
    border-radius: 10px; }
    .landing-page .demo-section .demo-box .layout-name {
      padding: 18px 0px 18px 0px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .landing-page .demo-section .demo-box .layout-name a {
        font-size: 17px;
        font-weight: 600;
        color: #006666;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal; }
      .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px; }
        .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li {
          height: 10px;
          width: 10px;
          border-radius: 100%;
          opacity: 0.5; }
          .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:first-child {
            background-color: #006666; }
          .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:nth-child(2) {
            background-color: #FE6A49; }
          .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:last-child {
            background-color: #FFAE1A; }
    .landing-page .demo-section .demo-box .demo-title {
      padding-top: 20px;
      text-align: center; }
      .landing-page .demo-section .demo-box .demo-title .btn {
        text-transform: capitalize;
        border: 1px solid #006666;
        padding: 8px 15px;
        transition: all 0.5s ease;
        color: #fff; }
        .landing-page .demo-section .demo-box .demo-title .btn:hover {
          background-color: #006666;
          color: #fff; }
    .landing-page .demo-section .demo-box .img-wrraper {
      overflow: hidden;
      position: relative;
      border: 2px solid rgba(230, 233, 235, 0.65);
      border-radius: 10px; }
      .landing-page .demo-section .demo-box .img-wrraper img {
        transition: all 0.5s ease;
        width: 100%;
        padding: 6px; }
    .landing-page .demo-section .demo-box:hover .img-wrraper {
      transition: all 0.5s ease;
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .demo-section .demo-block {
    margin-bottom: -30px;
    justify-content: center; }
    .landing-page .demo-section .demo-block > div {
      margin-bottom: 30px; }
  .landing-page .application-section .app-box .img-wrraper img {
    border-radius: 10px;
    padding: 10px;
    background-color: rgba(0, 102, 102, 0.06);
    padding: 20px; }
    .landing-page .application-section .app-box .img-wrraper img:hover {
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .application-section .down-loader {
    position: relative; }
    .landing-page .application-section .down-loader img {
      position: absolute;
      top: 310px; }
  .landing-page .application-section .app-box {
    border-radius: 10px; }
    .landing-page .application-section .app-box .layout-name {
      padding: 18px 0px 18px 0px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .landing-page .application-section .app-box .layout-name a {
        font-size: 17px;
        font-weight: 600;
        color: #006666; }
      .landing-page .application-section .app-box .layout-name .riho-demo-img ul {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px; }
        .landing-page .application-section .app-box .layout-name .riho-demo-img ul li {
          height: 10px;
          width: 10px;
          border-radius: 100%;
          opacity: 0.5; }
          .landing-page .application-section .app-box .layout-name .riho-demo-img ul li:first-child {
            background-color: #006666; }
          .landing-page .application-section .app-box .layout-name .riho-demo-img ul li:nth-child(2) {
            background-color: #FE6A49; }
          .landing-page .application-section .app-box .layout-name .riho-demo-img ul li:last-child {
            background-color: #FFAE1A; }
    .landing-page .application-section .app-box .demo-title {
      padding-top: 20px;
      text-align: center; }
      .landing-page .application-section .app-box .demo-title .btn {
        text-transform: capitalize;
        border: none !important;
        background: linear-gradient(90deg, rgba(13, 126, 126, 0.08) -18.33%, rgba(0, 102, 102, 0.08) 62.78%) !important;
        padding: 8px 15px;
        font-weight: 600;
        transition: all 0.5s ease;
        color: #006666; }
        .landing-page .application-section .app-box .demo-title .btn:hover, .landing-page .application-section .app-box .demo-title .btn:active {
          background-color: #006666 !important;
          color: #fff !important; }
    .landing-page .application-section .app-box .img-wrraper {
      overflow: hidden;
      position: relative;
      border-radius: 10px; }
      .landing-page .application-section .app-box .img-wrraper img {
        transition: all 0.5s ease;
        width: 100%;
        background-color: rgba(0, 102, 102, 0.06);
        padding: 20px; }
    .landing-page .application-section .app-box:hover .img-wrraper {
      transition: all 0.5s ease;
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .application-section .demo-block {
    margin-bottom: -30px;
    justify-content: center; }
    .landing-page .application-section .demo-block > div {
      margin-bottom: 30px; }

.demo-section .demo-box.dashboard-images .img-wrraper {
  position: relative;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  border-radius: 15px;
  overflow: hidden;
  transition: all 0.5s ease;
  background-color: #fff; }
  .demo-section .demo-box.dashboard-images .img-wrraper img {
    transition: all 0.5s ease;
    border-radius: 14px; }
  .demo-section .demo-box.dashboard-images .img-wrraper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    background-color: rgba(0, 102, 102, 0.09);
    z-index: 2;
    transition: all 0.5s ease; }
  .demo-section .demo-box.dashboard-images .img-wrraper .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    opacity: 0;
    z-index: 3;
    visibility: hidden;
    transform: scale(0) rotate(-90deg);
    transition: all 0.5s ease; }
    .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link {
      width: fit-content;
      margin: auto;
      z-index: 3; }
      .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li {
        display: inline-block; }
        .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li:nth-child(n+2) {
          margin-left: 10px; }
        .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li a {
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          width: 158px;
          height: 50px;
          border-radius: 12px;
          background-color: #fff; }
          .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li a img {
            width: auto;
            height: 50%; }

.demo-section .demo-box.dashboard-images .demo-detail {
  padding-top: 25px; }
  .demo-section .demo-box.dashboard-images .demo-detail .demo-title {
    text-align: center; }
    .demo-section .demo-box.dashboard-images .demo-detail .demo-title h3 {
      font-size: 22px;
      font-family: "Montserrat", sans-serif;
      text-transform: capitalize;
      font-weight: 400;
      margin-bottom: -7px;
      color: #1A1C23; }

.animate-slider .slick-slide img {
  width: 100%; }

.text-marqee {
  height: 230px; }
  @media (max-width: 1199px) {
    .text-marqee {
      height: 166px; } }
  @media (max-width: 991px) {
    .text-marqee {
      height: 130px; } }
  @media (max-width: 767px) {
    .text-marqee {
      height: 95px; } }
  @media (max-width: 575px) {
    .text-marqee {
      height: 65px; } }
.marquee {
  padding-top: 70px;
  margin-bottom: -30px;
  animation: scrolling 40s linear infinite; }
  .marquee .marquee-name p {
    text-align: end; }
    .marquee .marquee-name p.big-title {
      margin-bottom: 0px;
      font-weight: 700;
      font-size: 60px;
      font-family: "Montserrat", sans-serif;
      text-transform: uppercase;
      color: #fff;
      -webkit-background-clip: text;
      background-image: linear-gradient(26deg, #006666, rgba(13, 126, 126, 0.19));
      -webkit-text-stroke: 2px transparent; }

@keyframes scrolling {
  0% {
    transform: translate(100vw); }
  100% {
    transform: translate(-117vw); } }

.f-light {
  color: #86909C; }

.vector-image {
  position: absolute; }
  @media (max-width: 991px) {
    .vector-image {
      display: none; } }
.loader-gif {
  right: 5%;
  top: 25%; }
  @media (max-width: 1199px) {
    .loader-gif {
      top: 32%; } }
  @media (max-width: 991px) {
    .loader-gif {
      right: 15px; } }
  @media (max-width: 575px) {
    .loader-gif {
      top: 28%; } }
.loader-line-gif {
  right: 15%;
  top: 12%; }
  @media (max-width: 1660px) {
    .loader-line-gif {
      right: 5%; } }
  @media (max-width: 1399px) {
    .loader-line-gif {
      top: 10%;
      right: 0; } }
  @media (max-width: 1199px) {
    .loader-line-gif {
      top: 9%; } }
  @media (max-width: 991px) {
    .loader-line-gif {
      top: 0; } }
  .loader-line-gif img {
    width: 130px; }
    @media (max-width: 575px) {
      .loader-line-gif img {
        width: 80px; } }
.rating-title {
  font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: normal; }

.layout h5 {
  margin-bottom: 10px;
  opacity: .8;
  letter-spacing: 1.2px; }

.layout .btn {
  padding: 0.15rem 0.5rem; }

.common-card {
  background: #FCFCFD;
  border: 2px solid #fff;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  border-radius: 10px; }

.testimonial-box {
  position: relative;
  padding: 20px 25px;
  text-align: left;
  margin-bottom: 33px; }
  .testimonial-box .rating-content {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px; }
  .testimonial-box h5 {
    font-size: 16px;
    margin-bottom: 0; }
  .testimonial-box .text-end span {
    font-size: 13px; }
  .testimonial-box .customer-img {
    width: 60px;
    height: 60px;
    background: #FFFAFA;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -25px; }
  .testimonial-box p {
    margin-bottom: 0; }

.about-section .slick-slide {
  padding: 0 14px; }

.testimonial-slider .slick-dots li {
  width: auto;
  height: auto; }
  .testimonial-slider .slick-dots li button {
    background: rgba(82, 82, 108, 0.2);
    border-radius: 20px;
    height: 5px;
    width: 11px;
    padding: 0;
    transition: all 0.5s; }
    .testimonial-slider .slick-dots li button::before {
      display: none; }
  .testimonial-slider .slick-dots li.slick-active button {
    background: #006666;
    border-radius: 20px;
    width: 20px;
    transition: all 0.5s; }

.customer-box {
  position: relative;
  background-color: #f7f7f7;
  text-align: center;
  padding: 40px 30px;
  border-radius: 25px;
  box-shadow: 30px 30px 33px rgba(119, 119, 119, 0.25); }
  @media (max-width: 1399px) {
    .customer-box {
      padding: 40px 35px; } }
  @media (max-width: 1199px) {
    .customer-box {
      padding: 30px 25px; } }
  @media (max-width: 991px) {
    .customer-box {
      padding: 17px 13px; } }
  @media (max-width: 575px) {
    .customer-box {
      box-shadow: 12px 12px 12px rgba(119, 119, 119, 0.25); } }
  .customer-box img {
    height: 70px;
    width: auto; }
    @media (max-width: 991px) {
      .customer-box img {
        height: 50px; } }
.customer-wrapper {
  position: relative;
  padding: 12px; }
  @media (max-width: 767px) {
    .customer-wrapper {
      padding: 0; } }
  .customer-wrapper .outline-box {
    position: absolute;
    bottom: -6px;
    left: -5px; }
    @media (max-width: 1399px) {
      .customer-wrapper .outline-box {
        bottom: -1px;
        left: 0px; } }
    @media (max-width: 1199px) {
      .customer-wrapper .outline-box {
        bottom: -1px;
        left: -2px;
        width: 120%; } }
    @media (max-width: 767px) {
      .customer-wrapper .outline-box {
        display: none; } }
.customer-wrap {
  margin: 0 -28px; }
  @media (max-width: 1199px) {
    .customer-wrap {
      margin: 0 -15px; } }
  @media (max-width: 991px) {
    .customer-wrap {
      margin: 0 -10px; } }
  @media (max-width: 767px) {
    .customer-wrap {
      margin: -12px; } }
  .customer-wrap > div {
    padding: 0 28px; }
    @media (max-width: 1199px) {
      .customer-wrap > div {
        padding: 0 15px; } }
    @media (max-width: 991px) {
      .customer-wrap > div {
        padding: 0 10px; } }
    @media (max-width: 767px) {
      .customer-wrap > div {
        padding: 12px; } }
  @media (max-width: 1199px) {
    .customer-wrap > div:last-child .outline-box {
      width: 100%; } }
.demo-section .title, .feature-section .title {
  margin-bottom: 30px;
  margin-top: -10px; }
  .demo-section .title h2, .feature-section .title h2 {
    color: #006666;
    font-size: 40px; }
  .demo-section .title span, .feature-section .title span {
    font-size: 15px;
    letter-spacing: 1.5px;
    color: rgba(5, 26, 26, 0.8); }

.framework {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: auto;
  background-color: rgba(0, 102, 102, 0.06); }
  .framework ul.framworks-list {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 45px;
    flex-wrap: wrap;
    margin-bottom: 1px; }
    .framework ul.framworks-list li {
      display: inline-block;
      display: flex;
      gap: 20px;
      align-items: center;
      min-width: 222px;
      gap: 10px;
      padding: 12px 20px 12px 12px;
      background-color: #fff;
      border-radius: 10px;
      width: fit-content;
      box-shadow: 0px 1.9217px 1.53736px 0px rgba(0, 102, 102, 0.03), 0px 4.6181px 3.69448px 0px rgba(0, 102, 102, 0.05), 0px 8.69547px 6.95638px 0px rgba(0, 102, 102, 0.06), 0px 10px 10px 0px rgba(0, 102, 102, 0.04);
      position: relative; }
      .framework ul.framworks-list li div {
        height: 70px;
        width: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        background-color: rgba(0, 102, 102, 0.1); }
      .framework ul.framworks-list li:nth-child(13) {
        margin-bottom: 0px; }
      .framework ul.framworks-list li:last-child {
        margin-bottom: 0px; }
      .framework ul.framworks-list li img {
        transition: all 0.3s ease;
        height: 30px; }
        .framework ul.framworks-list li img.img-68 {
          width: 68px; }
      .framework ul.framworks-list li h5 {
        margin-bottom: unset; }
      .framework ul.framworks-list li:hover {
        background-color: #fff; }
        .framework ul.framworks-list li:hover::before {
          content: "";
          position: absolute;
          height: 100%;
          width: 100%;
          top: 0px;
          left: 0px;
          border-radius: 10px; }
        .framework ul.framworks-list li:hover img {
          transform: scale(0.7);
          animation: swing 2s ease infinite; }
  .framework .wavy-gif {
    left: 100%;
    top: 23%; }
    .framework .wavy-gif svg {
      width: 80px;
      transform: rotate(90deg); }
      @media (max-width: 1199px) {
        .framework .wavy-gif svg {
          width: 60px; } }
      @media (max-width: 575px) {
        .framework .wavy-gif svg {
          width: 30px; } }
    .framework .wavy-gif path {
      stroke: #FFAE1A;
      stroke-dasharray: 500;
      stroke-dashoffset: 500;
      animation: dash 1.5s linear infinite; }

@keyframes dash {
  to {
    stroke-dashoffset: 0; } }
    @media (max-width: 1399px) {
      .framework .wavy-gif {
        right: 3%;
        top: 15%; } }
    @media (max-width: 991px) {
      .framework .wavy-gif {
        right: 1%;
        top: 10%; } }
    @media (max-width: 767px) {
      .framework .wavy-gif {
        top: 8%; } }
.frame-tab {
  background: rgba(244, 245, 248, 0.5);
  border-radius: 40px;
  border: none;
  gap: 10px;
  display: inline-flex;
  padding: 5px;
  margin-bottom: 50px; }
  .frame-tab .nav-item img {
    width: 21px;
    height: 21px; }
  .frame-tab .nav-item .nav-link {
    font-size: 18px;
    padding: 16px 40px;
    border-radius: 40px;
    background: transparent;
    border: none;
    color: rgba(0, 2, 72, 0.5);
    font-weight: 500; }
    @media (max-width: 991px) {
      .frame-tab .nav-item .nav-link {
        font-size: 16px;
        padding: 10px 25px; } }
    .frame-tab .nav-item .nav-link img {
      margin-right: 10px;
      filter: grayscale(1); }
    .frame-tab .nav-item .nav-link.active {
      color: #000248;
      background: #fff;
      box-shadow: 0px 7px 15px rgba(46, 35, 94, 0.06); }
      .frame-tab .nav-item .nav-link.active img {
        filter: unset; }
  @media (max-width: 575.98px) {
    .frame-tab.nav {
      display: inline-flex;
      background-color: transparent; } }
.framework-box {
  position: relative;
  display: flex;
  align-items: center;
  background: #FCFCFD;
  border: 2px solid #fff;
  box-shadow: 0px 5px 20px rgba(46, 35, 94, 0.12);
  border-radius: 50px 16px 16px 50px;
  padding: 18px 16px;
  gap: 16px;
  margin-left: 30px;
  transition: all 0.5s; }
  .framework-box::after {
    position: absolute;
    content: '';
    width: 40px;
    height: calc(100% + 4px);
    border-right: 1px dashed rgba(0, 2, 72, 0.2);
    right: -1px;
    border-top: 1px dashed rgba(0, 2, 72, 0.2);
    border-bottom: 1px dashed rgba(0, 2, 72, 0.2);
    border-radius: 10px;
    top: -1px;
    bottom: 0; }
  .framework-box .frame-icon {
    position: relative;
    min-width: 55px;
    height: 55px;
    background: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -48px; }
    @media (max-width: 575px) {
      .framework-box .frame-icon {
        min-width: 52px;
        height: 52px; } }
    .framework-box .frame-icon::before {
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      box-shadow: 3px 4px 5px rgba(46, 35, 94, 0.11), inset 3px 0px 1px rgba(204, 204, 215, 0.5);
      border-radius: 100%; }
    .framework-box .frame-icon img {
      width: 30px;
      height: 30px; }
      @media (max-width: 575px) {
        .framework-box .frame-icon img {
          width: 25px;
          height: 25px; } }
  .framework-box .frame-details {
    position: relative;
    text-align: left; }
    .framework-box .frame-details p {
      opacity: 0.7;
      margin-bottom: 0; }
    .framework-box .frame-details::before, .framework-box .frame-details::after {
      position: absolute;
      content: '';
      width: 8px;
      height: 8px;
      background: #FEFEFF;
      border: 1px solid rgba(0, 2, 72, 0.2);
      border-radius: 100%;
      right: 17px; }
    .framework-box .frame-details::before {
      top: -23px; }
    .framework-box .frame-details::after {
      bottom: -24px; }
  @media (min-width: 576px) {
    .framework-box:hover {
      transform: scale(1.05);
      transition: all 0.5s; } }
  .framework-box:hover .frame-icon::before {
    animation-name: rotate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }

@keyframes rotate {
  from {
    transform: rotate(-360deg); }
  to {
    transform: rotate(360deg); } }

.sub-title {
  font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 700;
  font-family: "Caveat", cursive;
  color: #FFB905; }

.rotate-title {
  color: #FF5A82; }

.landing-home {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: 1060px;
  background-image: url(/../images/landing/demo-bg.png); }
  .landing-home .sub-title {
    font-size: calc(18px + (30 - 18) * ((100vw - 300px) / (1920 - 300))); }
  .landing-home .user-content {
    width: 36%;
    padding: 35px 0px;
    text-align: center;
    font-size: 15px;
    margin: auto; }
    .landing-home .user-content span {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: rgba(5, 26, 26, 0.8); }
  .landing-home .star-animate {
    position: relative; }
    .landing-home .star-animate img {
      height: 30px;
      width: 30px;
      position: absolute;
      top: 0px;
      left: 0px; }
  .landing-home .content .arrow-animate svg {
    top: 311px;
    right: 66px;
    height: 80px;
    width: 61px;
    position: absolute;
    animation: rotate-animation 2s linear infinite;
    transition: all 1s ease; }
  .landing-home .content h1 {
    margin-top: 167px;
    color: #051A1A;
    line-height: 1.2;
    font-weight: 600;
    font-size: calc(25px + (60 - 25) * ((100vw - 300px) / (1920 - 300))); }
    .landing-home .content h1 span {
      background: #006666;
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .landing-home .content h1 .sub-content {
      position: relative;
      gap: 35px; }
      .landing-home .content h1 .sub-content::before {
        content: "";
        background-color: #051A1A;
        position: absolute;
        top: 30px;
        left: 222px;
        height: 50px;
        border-radius: 10px;
        width: 24%;
        transform: rotate(3deg); }
      .landing-home .content h1 .sub-content button {
        background-color: #fff;
        border: 2.36px solid #051A1A;
        border-radius: 9px;
        padding: 14px 38px;
        font-weight: 600;
        font-size: 28px;
        transform: rotate(6deg);
        color: radial-gradient(circle, #1baeae 2%, #1a9494 50%, #048f8f 100%) !important;
        border-color: #051A1A;
        text-transform: uppercase;
        overflow: hidden; }
        .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider {
          width: 165px;
          position: relative; }
          .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
            content: "";
            background-image: linear-gradient(180deg, #24B5B5 0%, #228585 100%);
            position: absolute;
            border-radius: 15px;
            height: 10px;
            width: 10px;
            top: 8px;
            left: -21px;
            z-index: 1; }
        .landing-home .content h1 .sub-content button::before {
          content: "";
          background-color: #051A1A;
          height: 40px;
          width: 40px;
          position: absolute;
          right: -22px;
          top: -19px;
          border-radius: 25px; }
        .landing-home .content h1 .sub-content button::after {
          content: "";
          background-color: #051A1A;
          height: 24px;
          width: 24px;
          position: absolute;
          right: -8px;
          bottom: -12px;
          border-radius: 24px; }
        .landing-home .content h1 .sub-content button span {
          background: linear-gradient(180deg, #24B5B5 0%, #228585 100%);
          background-clip: text;
          -webkit-background-clip: text;
          font-size: 25px;
          font-weight: 600;
          text-transform: uppercase;
          -webkit-text-fill-color: transparent; }
  .landing-home .content p {
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    opacity: 0.8;
    width: 64%;
    margin: 0 auto; }
    @media (max-width: 1366px) {
      .landing-home .content p {
        width: 90%; } }
    @media (max-width: 767px) {
      .landing-home .content p {
        width: 100%; } }
  .landing-home .best-selling {
    position: relative;
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease; }
    .landing-home .best-selling img {
      position: absolute;
      top: 154px;
      left: -30%;
      transform: rotate(-15.412deg);
      z-index: 1; }
    .landing-home .best-selling .img-shadow {
      position: absolute;
      height: 230px;
      width: 245px;
      border-radius: 4px;
      left: -30%;
      top: 165px;
      transform: rotate(350deg);
      background-color: #E6E9EB; }
  .landing-home .nft-marketplace {
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease;
    position: relative; }
    .landing-home .nft-marketplace img {
      position: absolute;
      top: 174px;
      right: -35%;
      z-index: 1;
      transform: rotate(7deg); }
    .landing-home .nft-marketplace .nft-marketplace-shadow {
      position: absolute;
      height: 207px;
      border-radius: 4px;
      width: 299px;
      background-color: #E6E9EB;
      right: -30%;
      top: 210px;
      transform: rotate(1.053deg); }
  .landing-home .new-user-img {
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease;
    position: relative; }
    .landing-home .new-user-img img {
      position: absolute;
      bottom: 100px;
      right: -15%;
      transform: rotate(13.746deg);
      z-index: 1; }
    .landing-home .new-user-img .new-user-shadow {
      position: absolute;
      bottom: 152px;
      right: -17%;
      border-radius: 4px;
      transform: rotate(110.697deg);
      height: 218px;
      width: 221px;
      background-color: #E6E9EB; }
  .landing-home .total-revenue-img {
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease;
    position: relative; }
    .landing-home .total-revenue-img img {
      position: absolute;
      bottom: 250px;
      left: -30%;
      transform: rotate(-14.949deg);
      z-index: 1; }
    .landing-home .total-revenue-img .total-revenue-shadow {
      background-color: #E6E9EB;
      position: absolute;
      border-radius: 4px;
      height: 110px;
      width: 204px;
      bottom: 269px;
      left: -28%;
      transform: rotate(341deg); }
  .landing-home .screen-1 {
    background-color: #fff;
    border-radius: 20px;
    border: 2px solid #000;
    padding: 20px;
    width: fit-content;
    margin: auto;
    position: relative; }
  .landing-home .screen-2 {
    position: absolute;
    bottom: 175px;
    left: 55px;
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease; }
    .landing-home .screen-2 img {
      position: relative;
      transform: rotate(359deg);
      border-radius: 14px;
      transform: rotate(-3.435deg);
      z-index: 1; }
    .landing-home .screen-2 .screen-sidebar {
      position: absolute;
      height: 459px;
      width: 95px;
      border-radius: 4px;
      top: 24px;
      transform: rotate(350deg);
      background-color: #E6E9EB; }
  .landing-home .star-img {
    position: relative; }
    .landing-home .star-img .start-animate {
      position: absolute;
      bottom: 540px;
      left: -22%; }
  .landing-home .star-img-left {
    position: relative; }
    .landing-home .star-img-left .start-animate-rotate {
      position: absolute;
      bottom: 440px;
      right: -22%; }
  .landing-home .btn-grp {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center; }
    @media (max-width: 767px) {
      .landing-home .btn-grp {
        gap: 12px; } }
    @media (max-width: 575px) {
      .landing-home .btn-grp {
        flex-wrap: wrap;
        gap: 10px; } }
    .landing-home .btn-grp img {
      height: 30px; }
      @media (max-width: 767px) {
        .landing-home .btn-grp img {
          height: 22px; } }
      @media (max-width: 575px) {
        .landing-home .btn-grp img {
          height: 20px; } }
  .landing-home .content {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1; }
    @media (max-width: 1366px) {
      .landing-home .content {
        margin-top: 170px; } }
    @media (max-width: 1199px) {
      .landing-home .content {
        margin-top: 140px; } }
    @media (max-width: 575px) {
      .landing-home .content {
        margin-top: 100px; } }
  .landing-home .content-title {
    position: relative;
    display: inline-block; }
    .landing-home .content-title .arrow-decore {
      position: absolute;
      left: -203px;
      top: -25px; }
      @media (max-width: 1660px) {
        .landing-home .content-title .arrow-decore {
          left: -166px;
          width: 150px; } }
      @media (max-width: 991px) {
        .landing-home .content-title .arrow-decore {
          left: -125px;
          width: 110px;
          top: -14px; } }
      @media (max-width: 575px) {
        .landing-home .content-title .arrow-decore {
          left: -61px;
          width: 60px;
          top: -4px; } }
  .landing-home .sticky-header header .nav-padding {
    padding: 35px 200px 25px; }

.navbar {
  justify-content: flex-start; }
  .navbar .navbar-toggler {
    margin-left: auto; }

.navbar-nav {
  align-items: center; }
  .navbar-nav .nav-item {
    position: relative; }
    .navbar-nav .nav-item .nav-link {
      font-size: 18px;
      letter-spacing: 1px;
      padding: 12px 20px;
      transition: all 0.3s ease;
      position: relative; }
      .navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item .nav-link:active, .navbar-nav .nav-item .nav-link.active {
        opacity: 1;
        transition: all 0.3s ease; }
        .navbar-nav .nav-item .nav-link:hover::before, .navbar-nav .nav-item .nav-link:active::before, .navbar-nav .nav-item .nav-link.active::before {
          content: '';
          position: absolute;
          height: 3px;
          top: 35px;
          width: 15px;
          color: #006666;
          background-color: #006666; }

.landing-page .navbar-expand-xl .navbar-collapse {
  background-color: transparent; }

.landing-page .page-body-wrapper {
  min-height: 100vh;
  background: #eaf4ff;
  overflow: hidden; }

.landing-page .buy-btn {
  font-size: 16px;
  background: linear-gradient(90deg, #006666 -18.33%, #006666 62.78%);
  border-radius: 7px;
  padding: 11px 39px;
  margin-left: 10px; }
  @media (max-width: 991px) {
    .landing-page .buy-btn {
      padding: 12px 35px; } }
  @media (max-width: 767px) {
    .landing-page .buy-btn {
      padding: 9px 20px;
      font-size: 14px; } }
  .landing-page .buy-btn a {
    color: #fff;
    padding: 0; }

.landing-page .navbar-nav .nav-item .nav-link {
  letter-spacing: 1.5px;
  color: #051A1A;
  text-transform: capitalize; }
  .landing-page .navbar-nav .nav-item .nav-link a:active {
    color: #006666; }

.landing-page .sticky-header header {
  background: transparent;
  box-shadow: none;
  z-index: 100;
  left: 0;
  height: auto; }
  .landing-page .sticky-header header.sticky {
    margin-top: 0; }
    .landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {
      font-size: 16px;
      padding: 15px 12px; }

.navbar-expand-xl .navbar-brand {
  padding-left: 18px; }

.navbar-expand-xl .navbar-collapse {
  flex-flow: row nowrap;
  justify-content: flex-end;
  background-color: #fff; }

.faq-section .accordion {
  display: flex;
  flex-direction: column;
  gap: 20px; }
  .faq-section .accordion-button, .faq-section .accordion-body {
    padding: 0; }
  .faq-section .accordion-button:not(.collapsed) {
    color: #006666;
    background: transparent; }
  .faq-section .accordion-button:focus {
    box-shadow: unset;
    border: none; }
  .faq-section .accordion-button::after {
    font-family: 'IcoFont';
    content: "\eb25";
    font-size: 24px;
    background: unset;
    width: auto;
    height: auto;
    margin-bottom: -4px; }
  .faq-section .accordion-body {
    padding-top: 14px;
    margin-top: 14px;
    border-top: 1px solid rgba(82, 82, 108, 0.5);
    text-align: left; }

.faq-section .vector-image {
  left: -160px;
  top: 30px; }
  @media (max-width: 1600px) {
    .faq-section .vector-image {
      left: 60px;
      top: -30px; } }
  @media (max-width: 1199px) {
    .faq-section .vector-image {
      left: 0px;
      top: -30px; } }
  .faq-section .vector-image img {
    height: 400px; }
    @media (max-width: 1600px) {
      .faq-section .vector-image img {
        height: 270px; } }
.pricing-section .loader-gif {
  top: -5%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-gif {
      top: -11%;
      right: 2%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-gif {
      top: -2%;
      right: 2%; } }
  .pricing-section .loader-gif .loader-1 {
    width: 56px;
    height: 56px; }
    .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
      width: 56px;
      height: 56px; }
    @media (max-width: 575px) {
      .pricing-section .loader-gif .loader-1 {
        width: 40px;
        height: 40px; }
        .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
          width: 40px;
          height: 40px; } }
.pricing-section .loader-line-gif {
  right: unset;
  top: unset;
  left: 22%;
  bottom: 15%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 12%; } }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 16%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-line-gif {
      left: 10px;
      bottom: -20px; }
      .pricing-section .loader-line-gif img {
        width: 90px; } }
.pricing-box {
  background: rgba(243, 245, 245, 0.5);
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 30px 20px; }
  .pricing-box img {
    width: 23px;
    height: 22px; }
  @media (max-width: 767px) {
    .pricing-box {
      padding: 20px 15px; } }
  .pricing-box p {
    color: #52526C; }
  .pricing-box h4 {
    margin-bottom: 20px; }
    @media (max-width: 575px) {
      .pricing-box h4 {
        margin-bottom: 15px; } }
  .pricing-box p {
    line-height: 1.5; }
  .pricing-box .purchase-details {
    background: #FCFCFD;
    border: 2px solid #fff;
    box-shadow: 0px 4px 20px rgba(46, 35, 94, 0.05);
    border-radius: 10px;
    padding: 24px 40px;
    margin-top: 20px; }
    @media (max-width: 1199px) {
      .pricing-box .purchase-details {
        padding: 24px 20px; } }
    .pricing-box .purchase-details h2 {
      margin-bottom: 14px; }
    .pricing-box .purchase-details .btn-lg {
      font-weight: 500;
      padding: 12px 20px;
      width: 100%;
      min-width: auto; }
      @media (max-width: 1199px) {
        .pricing-box .purchase-details .btn-lg {
          padding: 12px 10px;
          font-size: 15px; } }
.license-list {
  display: flex;
  flex-direction: column;
  gap: 15px; }
  @media (max-width: 767px) {
    .license-list {
      gap: 10px; } }
  .license-list li {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 10px; }
    @media (max-width: 991px) {
      .license-list li {
        gap: 5px; } }
    @media (max-width: 575px) {
      .license-list li img {
        width: 18px;
        height: 18px; } }
    .license-list li h6 {
      font-weight: normal;
      margin-bottom: 0; }

.benefit-box {
  position: relative;
  background: rgba(241, 242, 242, 0.5);
  padding: 40px 10px;
  box-shadow: 17px 17px 20px rgba(186, 186, 187, 0.3);
  border-radius: 30px; }
  @media (max-width: 991px) {
    .benefit-box {
      padding: 30px 10px; } }
  @media (max-width: 575px) {
    .benefit-box {
      padding: 20px 10px; } }
  .benefit-box svg {
    width: 40px;
    height: 40px; }
    @media (max-width: 991px) {
      .benefit-box svg {
        width: 30px;
        height: 30px; } }
  .benefit-box::after {
    position: absolute;
    content: '';
    width: 54px;
    height: 8px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px 10px 0 0; }
  @media (max-width: 991px) {
    .benefit-box h2 {
      font-size: 25px; } }
  .benefit-box h6 {
    font-weight: 400;
    color: #52526C;
    opacity: 0.7; }
  .benefit-box.pink h2 {
    color: #FF3692; }
  .benefit-box.pink::after {
    background: #FF3692; }
  .benefit-box.purple h2 {
    color: #7238FF; }
  .benefit-box.purple::after {
    background: #7238FF; }
  .benefit-box.red h2 {
    color: #FF3556; }
  .benefit-box.red::after {
    background: #FF3556; }
  .benefit-box.warning h2 {
    color: #FFAA05; }
  .benefit-box.warning::after {
    background: #FFAA05; }

.rating-title {
  display: flex;
  align-items: center;
  justify-content: center; }
  .rating-title .decore-1 {
    margin-top: -35px;
    animation: animationtop 5s infinite; }

@keyframes arrowsvg {
  0% {
    transform: scale(0);
    transform-origin: left; }
  100% {
    transform: scale(1);
    transform-origin: left; } }

.ratings li i {
  color: #FFAA05; }

.components-section {
  background: linear-gradient(179deg, rgba(247, 248, 249, 0) 8.83%, #F7F8F9 50%); }

.component_responsive {
  flex-wrap: initial; }

.component-hover-effect {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #FCFCFD;
  border: 2px solid #fff;
  box-shadow: 0px 4px 10px rgba(46, 35, 94, 0.07);
  border-radius: 5px;
  padding: 20px;
  justify-content: center;
  min-height: 78px; }
  @media (max-width: 767px) {
    .component-hover-effect {
      padding: 13px;
      min-height: 68px; } }
  .component-hover-effect svg {
    width: 26px;
    height: 26px; }

.ptb50 {
  padding: 80px 0; }
  @media (max-width: 991.98px) {
    .ptb50 {
      padding: 60px 0; } }
  @media (max-width: 575.98px) {
    .ptb50 {
      padding: 50px 0; } }
.purchase-btn {
  padding: 12px 20px;
  min-width: 200px;
  border: none; }
  @media (max-width: 991px) {
    .purchase-btn {
      min-width: 160px; } }
  @media (max-width: 767px) {
    .purchase-btn {
      min-width: 140px;
      padding: 10px 17px;
      font-size: 16px; } }
@keyframes move_wave {
  0% {
    transform: translateX(0) translateZ(0) scaleY(1); }
  50% {
    transform: translateX(-25%) translateZ(0) scaleY(0.55); }
  100% {
    transform: translateX(-50%) translateZ(0) scaleY(1); } }

footer h2 {
  font-size: calc(24px + (70 - 24) * ((100vw - 300px) / (1920 - 300))); }

footer .license-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: calc(15px + (30 - 15) * ((100vw - 300px) / (1920 - 300)));
  gap: calc(15px + (30 - 15) * ((100vw - 300px) / (1920 - 300))); }
  @media (max-width: 991px) {
    footer .license-list {
      gap: 20px; } }
  @media (max-width: 767px) {
    footer .license-list {
      gap: 15px; } }
  @media (max-width: 575px) {
    footer .license-list {
      flex-wrap: wrap; } }
  footer .license-list h6 {
    color: #fff; }

.tap-top {
  text-align: center;
  cursor: pointer;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 5;
  color: #fff;
  border: 1px solid #fff;
  background: var(--theme-deafult);
  padding: 7px;
  box-shadow: 0 0 10px var(--theme-deafult);
  opacity: 0.5;
  transition: all 0.3s ease; }
  .tap-top:hover {
    transition: all 0.3s ease;
    opacity: 1; }
  .tap-top svg {
    width: 20px; }

@keyframes animationFramesOne {
  0% {
    transform: translate(0px, 0px) rotate(0deg); }
  20% {
    transform: translate(73px, -1px) rotate(36deg); }
  40% {
    transform: translate(141px, 72px) rotate(72deg); }
  60% {
    transform: translate(83px, 122px) rotate(108deg); }
  80% {
    transform: translate(-40px, 72px) rotate(144deg); }
  100% {
    transform: translate(0px, 0px) rotate(0deg); } }

.page-wrapper,
.landing-page {
  overflow: hidden; }

.landing-page {
  overflow-x: hidden;
  overflow-y: visible; }

.app-bg-1 {
  background: #F9F7F7; }

.app-bg-2 {
  background: #F3F5F5; }

.app-bg-3 {
  background: #EFF5F8; }

.app-bg-4 {
  background: #F0F5F7; }

.app-bg-5 {
  background: #F5F4F3; }

.app-bg-6 {
  background: #F8F8FA; }

.flower-gif {
  top: -40px;
  left: 19%; }
  @media (max-width: 991px) {
    .flower-gif {
      top: 0;
      left: 15%; } }
  @media (max-width: 767px) {
    .flower-gif {
      left: 8%; } }
  @media (max-width: 575px) {
    .flower-gif {
      display: none; } }
.navabr_btn-set {
  position: relative; }
  .navabr_btn-set:focus {
    outline: 0; }
  .navabr_btn-set span {
    display: block;
    background-color: #fff;
    height: 3px;
    width: 25px;
    margin-top: 4px;
    margin-bottom: 4px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 0;
    opacity: 1; }
  .navabr_btn-set:not(.custom_nav) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9; }
  .navabr_btn-set:not(.custom_nav) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent; }
  .navabr_btn-set:not(.custom_nav) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9; }

.navbar-b {
  transition: all .5s ease-in-out;
  background-color: transparent;
  padding-top: 1.563rem;
  padding-bottom: 1.563rem; }

.fixed-top {
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  display: flex;
  left: 0;
  z-index: 1030; }

.navbar-toggler span {
  display: block;
  background-color: transparent;
  height: 3px;
  width: 25px;
  z-index: 112;
  margin-top: 4px;
  margin-bottom: 4px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 0;
  opacity: 1; }
  .navbar-toggler span:nth-child(1) {
    transition: transform .35s ease-in-out; }
  .navbar-toggler span:nth-child(3) {
    transition: transform .35s ease-in-out; }

.navbar-toggler:focus {
  box-shadow: none; }

.navbar_nav_modify li {
  text-align: center; }

.sticky-header header {
  position: fixed;
  width: 100%;
  z-index: 6;
  text-align: center;
  line-height: normal;
  height: 80px;
  background: var(--theme-deafult);
  color: #fff;
  box-shadow: 0 0 5px 1px rgba(5, 56, 111, 0.1);
  transition: all 0.4s ease; }
  .sticky-header header .nav-padding {
    padding: 20px 200px; }
  .sticky-header header.sticky {
    line-height: normal;
    background: #fff;
    text-align: left; }
    .sticky-header header.sticky .nav-padding {
      padding: 7px 14px; }

.landing-footer .footer-contain h2 {
  width: 65%;
  margin-bottom: 5px; }

.landing-footer .footer-contain p {
  margin-bottom: 8px; }

.landing-footer .footer-contain .star-rate {
  margin-bottom: 50px; }

.title-padding {
  padding: 130px 0; }

@keyframes mover {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-4px); } }

.landing-footer {
  background-image: url(/../images/landing/bg-footer.png);
  background-size: cover; }
  .landing-footer .footer-contain {
    text-align: center; }
    .landing-footer .footer-contain .rating-wrraper {
      margin-bottom: 40px; }
      .landing-footer .footer-contain .rating-wrraper svg {
        width: auto;
        height: calc(95px + (120 - 95) * ((100vw - 320px) / (1920 - 320))); }
    .landing-footer .footer-contain h2 {
      font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1920 - 320)));
      font-weight: 600;
      margin-bottom: 0px;
      line-height: 1.4;
      font-family: "Montserrat", sans-serif;
      width: 100%;
      color: #fff;
      margin-left: auto;
      margin-right: auto; }
    .landing-footer .footer-contain p {
      font-size: calc(12px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
      color: #fff; }
    .landing-footer .footer-contain .star-rate {
      margin-bottom: 40px; }
      .landing-footer .footer-contain .star-rate li {
        display: inline-block; }
        .landing-footer .footer-contain .star-rate li i {
          font-size: calc(14px + (35 - 20) * ((100vw - 320px) / (1920 - 320))); }
    .landing-footer .footer-contain .btn-footer {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      gap: 15px; }
      .landing-footer .footer-contain .btn-footer a:nth-child(n+2) {
        margin-left: 10px; }

.pricing-section .support-img {
  display: flex;
  align-items: center;
  justify-content: center; }
  .pricing-section .support-img img {
    position: relative;
    height: auto; }
  .pricing-section .support-img h4 {
    position: absolute;
    right: -48px;
    font-size: 40px;
    font-weight: 700;
    transform: rotate(270deg);
    bottom: 33%; }

@media (max-width: 1399px) {
  .pricing-section .support-img img {
    width: 730px; }
  .pricing-section .support-img h4 {
    right: 47px;
    font-size: 33px; } }

.pricing-section .landing-title h5 {
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: #006666; }

.pricing-section .landing-title h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin: 10px 0px; }

.pricing-section .landing-title .support-button:hover {
  color: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); }

.pricing-section .landing-title p {
  width: 100%; }

.pricing-section .loader-gif {
  top: -5%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-gif {
      top: -11%;
      right: 2%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-gif {
      top: -2%;
      right: 2%; } }
  .pricing-section .loader-gif .loader-1 {
    width: 56px;
    height: 56px; }
    .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
      width: 56px;
      height: 56px; }
    @media (max-width: 575px) {
      .pricing-section .loader-gif .loader-1 {
        width: 40px;
        height: 40px; }
        .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
          width: 40px;
          height: 40px; } }
.pricing-section .loader-line-gif {
  right: unset;
  top: unset;
  left: 22%;
  bottom: 15%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 12%; } }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 16%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-line-gif {
      left: 10px;
      bottom: -20px; }
      .pricing-section .loader-line-gif img {
        width: 90px; } }
.pricing-box {
  background: rgba(243, 245, 245, 0.5);
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 30px 20px; }
  .pricing-box img {
    width: 23px;
    height: 22px; }
  @media (max-width: 767px) {
    .pricing-box {
      padding: 20px 15px; } }
  .pricing-box p {
    color: #52526C; }
  .pricing-box h4 {
    margin-bottom: 20px; }
    @media (max-width: 575px) {
      .pricing-box h4 {
        margin-bottom: 15px; } }
  .pricing-box p {
    line-height: 1.5; }
  .pricing-box .purchase-details {
    background: #FCFCFD;
    border: 2px solid #fff;
    box-shadow: 0px 4px 20px rgba(46, 35, 94, 0.05);
    border-radius: 10px;
    padding: 24px 40px;
    margin-top: 20px; }
    @media (max-width: 1199px) {
      .pricing-box .purchase-details {
        padding: 24px 20px; } }
    .pricing-box .purchase-details h2 {
      margin-bottom: 14px; }
    .pricing-box .purchase-details .btn-lg {
      font-weight: 500;
      padding: 12px 20px;
      width: 100%;
      min-width: auto; }
      @media (max-width: 1199px) {
        .pricing-box .purchase-details .btn-lg {
          padding: 12px 10px;
          font-size: 15px; } }
.license-list {
  display: flex;
  flex-direction: column;
  gap: 15px; }
  @media (max-width: 767px) {
    .license-list {
      gap: 10px; } }
  .license-list li {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 10px; }
    @media (max-width: 991px) {
      .license-list li {
        gap: 5px; } }
    @media (max-width: 575px) {
      .license-list li img {
        width: 18px;
        height: 18px; } }
    .license-list li h6 {
      font-weight: normal;
      margin-bottom: 0; }

@media (max-width: 1799px) {
  .marquee .marquee-name p.big-title {
    font-size: 50px; } }

@media (max-width: 1700px) {
  .landing-home {
    height: 992px; }
    .landing-home .content h1 .sub-content:before {
      top: 28px;
      left: 210px; }
  .nft-marketplace img {
    height: 180px; }
  .nft-marketplace .nft-marketplace-shadow {
    width: 220px !important;
    height: 155px !important; }
  .best-selling img {
    width: calc(140px + (234 - 140) * ((100vw - 768px) / (1920 - 768))) !important;
    height: calc(140px + (234 - 140) * ((100vw - 768px) / (1920 - 768))) !important; }
  .best-selling .img-shadow {
    width: calc(213px + (165 - 150) * ((100vw - 768px) / (1920 - 768))) !important;
    height: calc(140px + (230 - 140) * ((100vw - 768px) / (1920 - 768))) !important; } }

@media (max-width: 1367px) {
  .landing-page .landing-home .content h1 {
    margin-top: 5px; }
  .landing-page .landing-home .content .arrow-animate svg {
    display: none; }
  .landing-page .landing-home .best-selling .img-shadow {
    left: -32%; }
  .landing-page .unique-cards.section-py-space .support-title h2 {
    font-size: 22px; }
  .landing-page .unique-cards.section-py-space .support-title p {
    font-size: 12px; } }

@media (max-width: 1599px) {
  .marquee .marquee-name p.big-title {
    font-size: 40px; } }

@media (max-width: 1440px) {
  .landing-page .demo-section .down-loader {
    display: none; }
  .framework {
    height: 654px; }
  .landing-home {
    height: 948px; }
    .landing-home .screen-2 {
      display: none; }
    .landing-home .content h1 .sub-content::before {
      width: 30%;
      top: 25px;
      left: 176px;
      height: 50px; }
  .nft-marketplace img {
    height: 150px; }
  .nft-marketplace .nft-marketplace-shadow {
    width: 176px !important;
    height: 126px !important; }
  .best-selling img {
    height: 145px; }
  .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    padding: 12px 7px; }
  .feature-section {
    height: 776px; }
    .feature-section .loader-gif {
      display: none; } }

@media (max-width: 1399px) {
  .landing-home .content h1 span {
    font-size: 40px; }
  .landing-home .sticky-header header .nav-padding {
    padding: 28px 100px 25px; }
  .framework {
    height: 792px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 7%;
    right: 52%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 22px; }
    .landing-page .unique-cards.section-py-space .support-title p {
      font-size: 12px; } }

/* ========= responsive scss for 1200 screen ========= */
@media only screen and (max-width: 1199px) {
  .marquee .marquee-name p.big-title {
    font-size: 30px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 7%;
    right: 52%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 20px; }
    .landing-page .unique-cards.section-py-space .support-title p {
      font-size: 12px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 2%;
    font-size: 35px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -46px;
    font-size: 33px; }
  .landing-page .section-py-space .title h2 {
    font-size: 30px; }
  .landing-page .section-py-space .title span {
    font-size: 12px; }
  .landing-page .feature-section .title span {
    font-size: 14px; }
  .landing-home {
    height: 670px; }
    .landing-home .content h1 {
      font-size: 30px; }
      .landing-home .content h1 .sub-content:before {
        width: 38%;
        left: 129px;
        padding: 13px 33px;
        height: 73%; }
      .landing-home .content h1 .sub-content button span {
        font-size: 20px; }
      .landing-home .content h1 .sub-content button .animate-button-slide .notification-slider::before {
        top: 6px; }
      .landing-home .content h1 span {
        font-size: 28px; }
    .landing-home .sticky-header header .nav-padding {
      padding: 20px; }
  .feature-section {
    height: auto; }
  .framework {
    height: auto; }
  .nft-marketplace img {
    display: none; }
  .nft-marketplace .nft-marketplace-shadow {
    display: none; }
  .best-selling img {
    display: none; }
  .best-selling .img-shadow {
    display: none; }
  .total-revenue-img img {
    display: none; }
  .total-revenue-img .total-revenue-shadow {
    display: none; }
  .new-user-img img {
    display: none; }
  .new-user-img .new-user-shadow {
    display: none; }
  .sticky-header header.sticky .nav-padding {
    padding: 15px 25px; }
  .navbar-toggler span {
    background-color: #006666; }
  .application-sec.demo-section .demo-box, .main-sec.demo-section .demo-box {
    padding: 0 20px; }
  .sticky-header .navbar-nav .nav-item .nav-link {
    color: #000;
    padding: 10px 12px !important;
    font-size: 15px; }
  .sticky-header .navbar-nav li {
    display: block;
    width: 100%; }
  .landing-page .navbar-expand-xl .navbar-collapse {
    background-color: white;
    margin-top: 20px;
    position: absolute;
    width: calc(100% - 30px);
    left: 15px;
    top: 70px; } }
  @media only screen and (max-width: 1199px) and (max-width: 575px) {
    .landing-page .navbar-expand-xl .navbar-collapse {
      top: 34px; } }
@media only screen and (max-width: 1199px) {
    .landing-page .navbar-expand-xl .navbar-collapse .navbar-nav {
      padding: 20px 30px 30px 30px; }
  header.sticky .navbar-expand-xl .navbar-collapse {
    top: 50px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; }
  .landing-main .sticky .navbar-expand-xl .navbar-brand {
    top: 8px; }
  .landing-main .sticky .navbar-expand-xl .navabr_btn-set {
    top: 16px; }
  .landing-main .navbar-toggler span {
    background-color: #fff; }
  .landing-main .navbar_nav_modify {
    width: 100vw;
    left: 0;
    position: fixed;
    height: 100vh;
    background-color: #293240;
    top: 0;
    padding: 120px 0px; }
  .landing-main h4 {
    font-size: 20px; }
  .landing-main .navbar-expand-xl .navabr_btn-set {
    position: fixed;
    top: 24px;
    z-index: 1;
    right: 20px; }
  .landing-main .navbar-expand-xl .navbar-brand {
    padding-left: 5px;
    z-index: 1;
    position: fixed;
    top: 14px; }
  .landing-main .navbar-expand-xl .navbar-collapse .navbar-nav .nav-item a {
    padding: 28px 60px;
    width: 16px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center; }
  .landing-main .navbar-expand-lg .navbar-brand {
    padding-left: 5px; }
  .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
    padding: 9px; } }

@media only screen and (max-width: 1099px) {
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 47%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 16px;
      padding-bottom: 15px; }
    .landing-page .unique-cards.section-py-space .support-title p {
      display: none; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 2%;
    font-size: 35px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -46px;
    font-size: 33px; } }

/* ========= responsive scss for 992 screen ========= */
@media only screen and (max-width: 991px) {
  .marquee {
    padding-top: 40px; }
    .marquee .marquee-name p.big-title {
      font-size: 25px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 8%;
    width: 100%;
    right: 76%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 14px;
      padding-bottom: 14px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 15%;
    font-size: 19px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 370px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: 84px;
    font-size: 20px; }
  .feature-section {
    height: 936px; }
  .framework {
    height: auto; }
  .landing-home .navbar-brand img {
    height: 35px; }
  .landing-home .content h1 .sub-content {
    padding-top: 16px !important; }
    .landing-home .content h1 .sub-content button .animate-button-slide .notification-slider::before {
      content: "";
      top: 6px; }
  .frameworks-section > .container {
    max-width: 100%; }
  .landing-main .navbar-expand-lg .navbar-collapse {
    position: absolute;
    top: 90px;
    background-color: white;
    width: calc(100% - 30px);
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    padding: 15px; }
  .landing-main .navbar-expand-lg .navbar-toggler {
    background-color: #fff; }
    .landing-main .navbar-expand-lg .navbar-toggler .navbar-toggler-icon i {
      margin-top: 5px;
      color: var(--theme-deafult); }
  .landing-main .navbar-expand-lg .navbar-collapse {
    background-color: #fff;
    z-index: 111; }
    .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
      color: #000; } }

/* ========= responsive scss for 768 screen ========= */
@media only screen and (max-width: 767px) {
  .marquee .marquee-name p.big-title {
    font-size: 18px; }
  .feature-section .feature-box .feature-icon {
    top: -19px;
    right: 10px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 75%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 12px;
      padding-bottom: 14px; }
    .landing-page .unique-cards.section-py-space .support-title a {
      font-size: 12px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 8%;
    font-size: 20px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 330px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -10px;
    font-size: 20px; }
  .landing-home .user-content {
    padding: 20px 0px; }
  .landing-home .content h1 {
    font-size: 20px; }
    .landing-home .content h1 .sub-content span {
      font-size: 14px; }
    .landing-home .content h1 .sub-content button {
      padding: 11px 5px 10px 36px;
      width: 40%;
      transform: unset;
      position: relative; }
      .landing-home .content h1 .sub-content button::before {
        height: 32px;
        width: 32px; }
      .landing-home .content h1 .sub-content button::after {
        height: 20px;
        width: 20px; }
      .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider {
        width: 105px; }
        .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
          content: "";
          top: 4px;
          height: 8px;
          width: 8px; }
      .landing-home .content h1 .sub-content button span {
        font-size: 14px; }
    .landing-home .content h1 .sub-content::before {
      display: none; }
  .feature-section {
    height: auto; }
  .landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {
    font-size: 14px;
    padding: 10px 12px; } }

/* ========= responsive scss for 680 screen ========= */
@media only screen and (max-width: 680px) {
  .marquee .marquee-name p.big-title {
    font-size: 14px;
    letter-spacing: 2px; }
  .landing-page .unique-cards.section-py-space .marquee {
    padding-top: 30px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 73%;
    width: 100%; }
    .landing-page .unique-cards.section-py-space .support-title a {
      padding: 8px 20px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 4%;
    font-size: 18px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 400px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -10px;
    font-size: 16px; }
  .landing-home .content h1 .sub-content span {
    font-size: 14px; }
  .landing-home .content h1 .sub-content button {
    width: 46%; } }

/* ========= responsive scss for 575 screen ========= */
@media only screen and (max-width: 575px) {
  .landing-home {
    height: 416px; }
    .landing-home .user-content {
      padding: 14px 0px;
      width: 45%; }
      .landing-home .user-content span {
        font-size: 12px; }
    .landing-home .content h1 .sub-content {
      padding-top: 10px !important;
      gap: 6px; }
      .landing-home .content h1 .sub-content button {
        padding: 10px 5px 10px 30px; }
        .landing-home .content h1 .sub-content button span {
          font-size: 14px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 60%; }
  .framework ul.framworks-list {
    gap: 30px; }
    .framework ul.framworks-list li {
      height: 85px;
      width: 85px; }
  .marquee .marquee-name p.big-title {
    display: none; }
  .landing-page .section-py-space .title h2::after {
    top: 51px; }
  .landing-page .unique-cards.section-py-space .marquee {
    display: none; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 70%;
    right: 56%; }
    .landing-page .unique-cards.section-py-space .support-title a {
      padding: 6px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    display: none; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    padding-bottom: 70px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    display: none; }
  .feature-section {
    height: auto; }
  .framework {
    height: 100%; }
    .framework ul.framworks-list li div {
      height: 50px;
      width: 50px; }
      .framework ul.framworks-list li div img {
        height: 30px; }
  .landing-home .sticky-header header .nav-padding {
    padding: 15px 30px; }
  .landing-main h4 {
    font-size: 17px; } }

/* ========= responsive scss for 480 screen ========= */
@media only screen and (max-width: 480px) {
  .landing-home .content h1 .sub-content button::after {
    display: none; }
  .landing-home .content h1 .sub-content button::before {
    display: none; }
  .landing-page .unique-cards.section-py-space .support-title h2 {
    text-align: center; }
  .landing-page .unique-cards.section-py-space .support-title .premium-button {
    text-align: center; }
  .landing-page .demo-section .demo-box .layout-name a {
    font-size: 14px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 71%;
    right: 37%; }
  .landing-page .section-py-space .title h5 {
    font-size: 16px; }
  .landing-page .section-py-space .title h2 {
    font-size: 18px; }
    .landing-page .section-py-space .title h2::after {
      top: 30px;
      width: 40px;
      height: 5px; }
  .landing-page .feature-section .title h5 {
    font-size: 16px; }
  .landing-page .feature-section .title h2 {
    font-size: 18px; }
    .landing-page .feature-section .title h2::after {
      top: 30px;
      width: 40px;
      height: 5px; }
  .framework {
    height: 1440px; }
  .feature-section {
    height: auto; }
  .framework {
    height: 100%; }
  .sticky-header header.sticky {
    height: 56px; }
  .landing-home .sticky-header header .nav-padding {
    padding: 15px; }
  .landing-home .user-content {
    width: 61%; }
  .landing-home .content h1 .sub-content::before {
    width: 40%;
    left: 88px;
    top: 35%; }
  .landing-home .content h1 .sub-content span {
    font-size: 14px; }
  .landing-home .content h1 .sub-content button {
    width: 56%; }
    .landing-home .content h1 .sub-content button span {
      font-size: 14px; }
    .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
      top: 4px;
      left: -14px; }
  .landing-home .navbar-toggler {
    border: none;
    background-color: transparent;
    padding: 0; }
  .landing-home .navbar-brand img {
    height: 25px; } }

/* ========= responsive scss for 425 screen ========= */
@media only screen and (max-width: 425px) {
  .feature-section {
    height: 100%; }
  .landing-page .section-py-space .title h2::after {
    top: 37px; }
  .framework ul.framworks-list {
    gap: 30px; } }

/* ========= responsive scss for 380 screen ========= */
@media only screen and (max-width: 380px) {
  .feature-section {
    height: 100%; }
  .framework {
    height: 100%; }
  .component-col-set {
    width: 100%; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 69%;
    right: 40%; }
  .landing-home .content h1 .sub-content::before {
    width: 40%;
    left: 77px; }
  .landing-home .content h1 .sub-content button {
    padding: 6px 14px 6px 25px; } }

@media screen and (max-width: 375px) {
  .landing-page .unique-cards.section-py-space .support-title {
    top: 60%;
    right: 37%; } }

@media (max-width: 767px) {
  .framework .nav .nav-link img {
    height: 35px; }
  .framework .nav .nav-link h5 {
    font-size: 16px; }
  .framework ul.framworks-list li {
    width: 145px;
    height: 145px; }
    .framework ul.framworks-list li img {
      height: 40px; } }

@media (max-width: 767px) and (max-width: 480px) {
  .framework .nav .nav-item {
    width: auto; }
  .framework .nav .nav-link {
    padding-bottom: 10px;
    display: block !important; }
    .framework .nav .nav-link img {
      height: 25px;
      margin-right: unset; }
    .framework .nav .nav-link .text-start {
      display: none; }
    .framework .nav .nav-link.active, .framework .nav .nav-link.show {
      border-bottom: 2px solid #006666; }
  .framework ul.framworks-list li {
    width: 120px;
    height: 110px;
    padding: 25px 0;
    margin: 5px; }
    .framework ul.framworks-list li img {
      height: 30px; } }

@media (max-width: 767px) and (max-width: 1367px) {
  .framework .nav {
    margin-bottom: 40px; }
    .framework .nav .nav-link h5 {
      font-size: 18px; }
    .framework .nav .nav-link p {
      font-size: 12px; }
  .framework ul.framworks-list li {
    height: 175px;
    width: 175px; }
    .framework ul.framworks-list li img {
      width: auto;
      height: 60px; }
      .framework ul.framworks-list li img.img-68 {
        width: auto; } }

@media (max-width: 767px) and (max-width: 991px) {
  .framework .nav {
    margin-bottom: 30px; }
  .framework ul.framworks-list li {
    padding-left: 22px;
    width: 93px;
    height: 93px; }
    .framework ul.framworks-list li img {
      height: 40px; } }

/**=====================
    3.26 Landing CSS Ends
==========================**/
/**=====================
    3.27 Language CSS start
==========================**/
.current_lang {
  cursor: pointer;
  text-transform: uppercase;
  overflow: hidden; }

.lang.selected {
  display: none; }

.lang span.lang-txt {
  display: inline-flex;
  margin-left: 8px;
  font-weight: 500; }

.lang span span {
  color: #999;
  font-weight: 400;
  margin-left: 5px; }

/*more lang*/
.more_lang {
  transform: translateY(-20px);
  opacity: 0;
  cursor: pointer;
  display: none;
  transition: all 0.3s cubic-bezier(0.25, 1.15, 0.35, 1.15); }

.translate_wrapper.active .more_lang {
  display: block;
  position: absolute;
  background-color: #fff;
  top: 47px;
  right: 0;
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1); }
  .translate_wrapper.active .more_lang:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    top: -7px;
    position: absolute;
    right: 20px;
    z-index: 2; }
  .translate_wrapper.active .more_lang:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #bdc2c5;
    content: "";
    top: -7px;
    position: absolute;
    right: 20px;
    z-index: 1; }

.more_lang.active {
  opacity: 1;
  transform: translateY(0px); }

.more_lang .lang {
  padding: 10px 15px;
  display: flex; }
  .more_lang .lang:hover {
    background: var(--theme-deafult);
    color: #fff; }
    .more_lang .lang:hover span {
      color: #fff; }

.translate_wrapper.active .more_lang .lang {
  border-bottom: 1px solid #eaeaea; }

/**=====================
    3.27 Language CSS end
==========================**/
/**=====================
     3.28 Learning CSS start
==========================**/
.learning-header {
  margin-bottom: 10px; }

.categories {
  padding: 16px 0; }
  .categories .learning-header {
    padding-left: 15px; }
  .categories ul li {
    padding: 10px 15px; }
    .categories ul li a {
      color: #051A1A; }
    .categories ul li:hover {
      background-color: #E6E9EB; }

.upcoming-course .media + .media {
  margin-top: 30px; }

.job-accordion {
  margin-bottom: 0; }

@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .learning-comment {
    margin-left: -14px !important;
    float: left !important; }
  .blog-box .blog-details .blog-social li:first-child {
    padding-right: 30px; }
  .blog-box .blog-details .blog-social li + li {
    padding-left: 30px; } }

@media only screen and (max-width: 991px) {
  .categories {
    padding: 20px 0; }
  .upcoming-course .media + .media {
    margin-top: 20px; } }

@media only screen and (max-width: 575px) {
  .categories {
    padding: 15px 0; }
  .upcoming-course .media + .media {
    margin-top: 15px; } }

/**=====================
     3.28 Learning CSS end
==========================**/
/**=====================
    3.29 Login CSS Start
==========================**/
.login-card {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  background-position: center;
  padding: 30px 12px; }
  .login-card .logo {
    display: block;
    margin-bottom: 30px;
    text-align: center; }
  .login-card .btn-showcase .btn {
    line-height: 1;
    padding: 10px 13px;
    margin: 0; }
    .login-card .btn-showcase .btn + .btn {
      margin-left: 5px; }
    .login-card .btn-showcase .btn svg {
      height: 16px;
      vertical-align: bottom; }
  .login-card .login-main {
    width: 450px;
    padding: 40px;
    border-radius: 10px;
    box-shadow: #1a1c23 0px 0px 37px 0px;
    margin: 0 auto;
    background-color: #fff; }
    .login-card .login-main .theme-form h4 {
      margin-bottom: 5px; }
    .login-card .login-main .theme-form label {
      font-size: 15px;
      letter-spacing: 0.4px; }
    .login-card .login-main .theme-form .checkbox label::before {
      background-color: #f9f9fa;
      border: 1px solid #dfdfdf; }
    .login-card .login-main .theme-form .or {
      position: relative; }
      .login-card .login-main .theme-form .or:before {
        content: "";
        position: absolute;
        width: 65%;
        height: 2px;
        background-color: #f3f3ff;
        top: 9px;
        z-index: 0;
        right: 0; }
    .login-card .login-main .theme-form input {
      background-color: rgba(0, 102, 102, 0.1);
      transition: all 0.3s ease; }
      .login-card .login-main .theme-form input::-webkit-input-placeholder {
        color: #999999; }
      .login-card .login-main .theme-form input:hover, .login-card .login-main .theme-form input:focus {
        border: 1px solid #b9c1cc;
        box-shadow: none !important;
        transition: all 0.3s ease; }
    .login-card .login-main .theme-form p {
      margin-bottom: 25px;
      font-size: 14px;
      color: #898989; }
    .login-card .login-main .theme-form .form-group {
      margin-bottom: 10px;
      position: relative; }
    .login-card .login-main .theme-form .link {
      position: absolute;
      top: 10px;
      right: 0; }

.show-hide {
  position: absolute;
  top: 52px;
  right: 20px;
  transform: translateY(-50%); }
  .show-hide span {
    cursor: pointer;
    font-size: 13px;
    color: var(--theme-deafult); }
    .show-hide span.show:before {
      content: "show"; }
    .show-hide span:before {
      content: "hide"; }

.needs-validation .invalid-feedback {
  color: #898989; }

.needs-validation .show-hide {
  right: 30px; }

.needs-validation .invalid-tooltip {
  top: 10px;
  right: 10px; }

/**=====================
    3.29 Login CSS Ends
==========================**/
/**=====================
	3.30 Megaoption CSS Start
==========================**/
.mega-inline {
  margin-bottom: -30px;
  display: flex; }
  .mega-inline .card {
    border: 1px solid #f3f3f3;
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .mega-inline .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
  .mega-inline .media .radio {
    margin-left: 3px; }
    [dir="rtl"] .mega-inline .media .radio {
      margin-right: 3px;
      margin-left: unset; }

.mega-vertical {
  display: flex;
  flex-wrap: wrap; }
  .mega-vertical .card {
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .mega-vertical .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
  .mega-vertical .media .radio {
    margin-left: 3px; }

.mega-title {
  font-weight: 600; }

.mega-horizontal {
  display: flex;
  flex-wrap: wrap; }
  .mega-horizontal .card {
    border: 1px solid #f3f3f3;
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .mega-horizontal .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
  .mega-horizontal .media .radio {
    margin-left: 3px; }

.plain-style .card {
  box-shadow: none;
  border: none !important; }

.border-style .card {
  box-shadow: none;
  border: 1px solid #ecf3fa !important; }

.offer-style .card {
  box-shadow: none;
  border: 1px dashed #ecf3fa !important; }

.rating-star-wrapper {
  color: #797979; }

.card-wrapper .payment-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--chart-dashed-border); }
  .card-wrapper .payment-wrapper:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: unset; }
  .card-wrapper .payment-wrapper .payment-second img {
    width: 50px; }
  .card-wrapper .payment-wrapper .payment-second .mega-icons {
    width: 20px;
    height: 20px; }

.main-upgrade {
  margin: 0 auto;
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  .main-upgrade > div:first-child {
    margin-bottom: 20px; }
  .main-upgrade i {
    font-size: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
    display: block;
    color: #006666; }
  .main-upgrade p {
    line-height: 1.4; }
  .main-upgrade .variation-box {
    gap: 20px;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (min-width: 768px) and (max-width: 1200px) {
      .main-upgrade .variation-box {
        display: grid;
        grid-template-columns: auto auto;
        gap: 18px; } }
    @media (max-width: 700px) {
      .main-upgrade .variation-box {
        display: grid;
        grid-template-columns: auto auto;
        gap: 18px; } }
    @media (max-width: 380px) {
      .main-upgrade .variation-box {
        grid-template-columns: unset; } }
    .main-upgrade .variation-box .selection-box {
      position: relative;
      height: 100px;
      border: 1px dashed #006666;
      min-width: 125px;
      border-radius: 15px; }
      @media (min-width: 1200px) and (max-width: 1920px) {
        .main-upgrade .variation-box .selection-box {
          min-width: calc(110px + (125 - 110) * ((100vw - 1200px) / (1920 - 1200))); } }
      .main-upgrade .variation-box .selection-box .custom--mega-checkbox {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 25px;
        transition: .5s ease; }
      .main-upgrade .variation-box .selection-box input {
        position: absolute;
        top: 0;
        left: 0;
        width: 118px;
        height: 96px;
        opacity: 0;
        cursor: pointer; }
        [dir="rtl"] .main-upgrade .variation-box .selection-box input {
          left: unset;
          right: 0; }
        .main-upgrade .variation-box .selection-box input[type=checkbox]:checked ~ div {
          background-color: rgba(0, 102, 102, 0.2);
          border-radius: 15px; }

.megaoptions-border-space-sm .media .radio label {
  padding-left: 18px; }
  [dir="rtl"] .megaoptions-border-space-sm .media .radio label {
    padding-left: unset;
    padding-right: 18px; }

@media (min-width: 618px) and (max-width: 1199px) {
  .megaoptions-border-space-sm .media .media-body .list-behavior-1 {
    flex-direction: row;
    gap: 18px; } }

@media (max-width: 618px) {
  .megaoptions-border-space-sm .media .media-body .list-behavior-1 {
    flex-direction: column;
    gap: 12px; } }

.megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
  margin-top: -6px; }
  @media (max-width: 618px) {
    .megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
      margin-left: 0px; }
      [dir="rtl"] .megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
        margin-left: unset;
        margin-right: 0; } }
.megaoptions-border-space-sm .media .media-body .list-behavior-1:first-child {
  margin-bottom: 0; }

.megaoption-space .badge.pull-right,
.megaoptions-border-space-sm .badge.pull-right {
  margin-bottom: 12px; }

/**=====================
    3.30 Megaoption CSS Ends
==========================**/
/**=====================
    3.31 Order-history CSS start
==========================**/
.prooduct-details-box .close {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 16px;
  cursor: pointer; }

.prooduct-details-box .btn {
  line-height: 13px; }

.prooduct-details-box .media {
  border: 1px solid #d7e2e9;
  border-radius: 10px;
  padding: 15px;
  width: 100%;
  position: relative; }

.prooduct-details-box .rating {
  color: #ffaf45;
  letter-spacing: 3px; }

.prooduct-details-box .product-name a {
  color: gray; }

.prooduct-details-box .product-name h6 {
  margin-bottom: 0; }

.prooduct-details-box .btn {
  position: absolute;
  right: 15px;
  bottom: 15px; }

.order-history .input-group {
  text-align: right;
  max-width: 300px; }

.order-history table th,
.order-history table td {
  text-align: center; }

.order-history table thead tr th {
  vertical-align: middle;
  border-top: none;
  background-color: #F5F5F5;
  border: 1px solid #ecf3fa;
  padding: 1.25rem;
  font-size: 16px; }

.order-history table .qty-box {
  width: 120px;
  margin: 0 auto;
  border-radius: 5px;
  overflow: hidden; }
  .order-history table .qty-box input {
    width: 44px;
    max-width: 44px;
    background-color: transparent;
    border: none !important; }
  .order-history table .qty-box .input-group {
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid #ecf3fa;
    overflow: hidden; }
  .order-history table .qty-box .btn {
    background-color: transparent;
    border: none; }
    .order-history table .qty-box .btn.bootstrap-touchspin-down {
      border-right: 1px solid; }
      [dir="rtl"] .order-history table .qty-box .btn.bootstrap-touchspin-down {
        border-right: unset;
        border-left: 1px solid; }
    .order-history table .qty-box .btn.bootstrap-touchspin-up {
      border-left: 1px solid; }
      [dir="rtl"] .order-history table .qty-box .btn.bootstrap-touchspin-up {
        border-left: unset;
        border-right: 1px solid; }

.order-history table tbody tr td {
  vertical-align: middle; }
  .order-history table tbody tr td .product-name a {
    font-size: 15px;
    color: #898989; }
  .order-history table tbody tr td .product-name .order-process {
    font-size: 13px;
    padding-left: 15px; }
    .order-history table tbody tr td .product-name .order-process .order-process-circle {
      position: relative; }
      .order-history table tbody tr td .product-name .order-process .order-process-circle:before {
        position: absolute;
        content: '';
        width: 4px;
        height: 4px;
        border-radius: 100%;
        background-color: #898989;
        left: -7px;
        top: 6px; }
      .order-history table tbody tr td .product-name .order-process .order-process-circle.shipped-order:before {
        background-color: #00AC46; }
      .order-history table tbody tr td .product-name .order-process .order-process-circle.cancel-order:before {
        background-color: #FE6A49; }

@media only screen and (max-width: 1199px) {
  .order-history table {
    width: 900px;
    overflow: auto; }
    .order-history table thead tr th {
      font-size: 12px; } }

@media only screen and (max-width: 575px) {
  .prooduct-details-box .btn {
    padding: 0.05rem 0.4rem !important; } }

/**=====================
    3.31 Order-history CSS End
==========================**/
/**=====================
  3.32 Page CSS Start
==========================**/
/*test Nav bar color */
.pagination-theme .page-item .page-link {
  color: var(--theme-deafult) !important; }

.pagination-theme .page-item.active .page-link {
  color: #fff !important;
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult); }

.pagination-primary .page-item .page-link {
  color: var(--theme-deafult) !important; }

.pagination-primary .page-item.active .page-link {
  color: #fff !important;
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult); }

.pagination-secondary .page-item .page-link {
  color: #FE6A49 !important; }

.pagination-secondary .page-item.active .page-link {
  color: #fff !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49; }

.pagination-success .page-item .page-link {
  color: #00AC46 !important; }

.pagination-success .page-item.active .page-link {
  color: #fff !important;
  background-color: #00AC46 !important;
  border-color: #00AC46; }

.pagination-danger .page-item .page-link {
  color: #FE6A49 !important; }

.pagination-danger .page-item.active .page-link {
  color: #fff !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49; }

.pagination-info .page-item .page-link {
  color: #173878 !important; }

.pagination-info .page-item.active .page-link {
  color: #fff !important;
  background-color: #173878 !important;
  border-color: #173878; }

.pagination-dark .page-item .page-link {
  color: #2c323f !important; }

.pagination-dark .page-item.active .page-link {
  color: #fff !important;
  background-color: #2c323f !important;
  border-color: #2c323f; }

.pagination-warning .page-item .page-link {
  color: #FFAE1A !important; }

.pagination-warning .page-item.active .page-link {
  color: #fff !important;
  background-color: #FFAE1A !important;
  border-color: #FFAE1A; }

.pagin-border-primary .page-item.active, .pagin-border-primary .page-item:active {
  background-color: rgba(0, 102, 102, 0.2); }

.pagin-border-primary .page-item .page-link {
  border-color: rgba(0, 102, 102, 0.2); }
  .pagin-border-primary .page-item .page-link:hover, .pagin-border-primary .page-item .page-link:focus {
    background-color: rgba(0, 102, 102, 0.2); }
  .pagin-border-primary .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-secondary .page-item.active, .pagin-border-secondary .page-item:active {
  background-color: rgba(254, 106, 73, 0.3); }

.pagin-border-secondary .page-item .page-link {
  border-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-secondary .page-item .page-link:hover, .pagin-border-secondary .page-item .page-link:focus {
    background-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-secondary .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-success .page-item.active, .pagin-border-success .page-item:active {
  background-color: rgba(0, 172, 70, 0.3); }

.pagin-border-success .page-item .page-link {
  border-color: rgba(0, 172, 70, 0.3); }
  .pagin-border-success .page-item .page-link:hover, .pagin-border-success .page-item .page-link:focus {
    background-color: rgba(0, 172, 70, 0.3); }
  .pagin-border-success .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-danger .page-item.active, .pagin-border-danger .page-item:active {
  background-color: rgba(254, 106, 73, 0.3); }

.pagin-border-danger .page-item .page-link {
  border-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-danger .page-item .page-link:hover, .pagin-border-danger .page-item .page-link:focus {
    background-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-danger .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-warning .page-item.active, .pagin-border-warning .page-item:active {
  background-color: rgba(255, 174, 26, 0.3); }

.pagin-border-warning .page-item .page-link {
  border-color: rgba(255, 174, 26, 0.3); }
  .pagin-border-warning .page-item .page-link:hover, .pagin-border-warning .page-item .page-link:focus {
    background-color: rgba(255, 174, 26, 0.3); }
  .pagin-border-warning .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-info .page-item.active, .pagin-border-info .page-item:active {
  background-color: rgba(23, 56, 120, 0.3); }

.pagin-border-info .page-item .page-link {
  border-color: rgba(23, 56, 120, 0.3); }
  .pagin-border-info .page-item .page-link:hover, .pagin-border-info .page-item .page-link:focus {
    background-color: rgba(23, 56, 120, 0.3); }
  .pagin-border-info .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-light .page-item.active, .pagin-border-light .page-item:active {
  background-color: #F9F9FB; }

.pagin-border-light .page-item .page-link {
  border-color: #F9F9FB; }
  .pagin-border-light .page-item .page-link:hover, .pagin-border-light .page-item .page-link:focus {
    background-color: #F9F9FB; }
  .pagin-border-light .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-dark .page-item.active, .pagin-border-dark .page-item:active {
  background-color: #EAEBF2; }

.pagin-border-dark .page-item .page-link {
  border-color: #EAEBF2; }
  .pagin-border-dark .page-item .page-link:hover, .pagin-border-dark .page-item .page-link:focus {
    background-color: #EAEBF2; }
  .pagin-border-dark .page-item .page-link:focus {
    box-shadow: unset; }

@media (max-width: 576px) {
  .pagination-lg .page-item .page-link {
    font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (576 - 320)));
    padding: calc(12px + (12 - 12) * ((100vw - 320px) / (576 - 320))) calc(12px + (24 - 12) * ((100vw - 320px) / (576 - 320))); } }

@media (max-width: 339px) {
  .pagination {
    justify-content: center; } }

.pagination .page-item:active {
  background-color: unset; }

.pagination .page-item .page-link.rounded-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px; }

/**=====================
    3.32 Page CSS Ends
==========================**/
/**=====================
    3.33 Pricing CSS Start
==========================**/
.pricing-simple {
  box-shadow: 0 0 10px 5px rgba(68, 102, 242, 0.05);
  margin-bottom: 0 !important; }
  .pricing-simple .card-body {
    border-bottom: none; }
    .pricing-simple .card-body h3 {
      position: relative;
      margin-bottom: 38px; }
      .pricing-simple .card-body h3:before {
        position: absolute;
        content: '';
        width: 80px;
        height: 1px;
        margin: 0 auto;
        left: 0;
        right: 0;
        bottom: -10px;
        background-color: #999999; }
    .pricing-simple .card-body h1 {
      font-size: 30px;
      line-height: 0.9;
      margin-bottom: 30px;
      font-weight: 400; }

.pricingtable {
  text-align: center;
  padding-top: 45px;
  padding-bottom: 45px;
  border-radius: 10px;
  box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
  overflow: hidden;
  position: relative;
  z-index: 1;
  height: 100%; }
  .pricingtable:before, .pricingtable:after {
    content: "";
    background-color: var(--theme-deafult);
    width: 300px;
    height: 300px;
    border-radius: 50%;
    position: absolute;
    right: -213px;
    z-index: -1;
    opacity: 0.1; }

.pricingtable:after {
  background-color: var(--theme-deafult);
  height: 300px;
  width: 300px;
  top: auto;
  bottom: -210px;
  right: auto;
  left: -160px;
  opacity: 0.1; }

.pricingtable .title {
  text-transform: uppercase;
  margin-bottom: 20px; }

.pricingtable .price-value {
  color: #fff;
  background-color: var(--theme-deafult);
  width: 130px;
  height: 130px;
  padding: 45px 0 0;
  margin: 0 auto 25px;
  border-radius: 50%; }
  .pricingtable .price-value .duration {
    margin: 0 0 0 -5px; }
  .pricingtable .price-value .amount {
    font-size: 58px;
    font-weight: 700;
    line-height: 45px;
    display: inline-block; }
  .pricingtable .price-value .currency {
    vertical-align: top; }

.pricingtable .pricing-content {
  margin: 0 0 25px;
  display: inline-block; }
  .pricingtable .pricing-content li {
    font-weight: 500;
    text-align: left;
    margin: 0 0 20px;
    position: relative;
    padding-left: 30px; }
    .pricingtable .pricing-content li:last-child {
      margin: 0; }
    .pricingtable .pricing-content li:before {
      content: "\f00c";
      color: var(--theme-deafult);
      font-family: FontAwesome;
      text-align: center;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      position: absolute;
      top: 1px;
      left: 0; }

@media (max-width: 1470px) {
  .pricing-block > div {
    flex: 50%; }
    .pricing-block > div:nth-child(n+3) {
      margin-top: 30px; } }

@media only screen and (max-width: 991px) {
  .pricing-simple .card-body h1 {
    margin-bottom: 20px; }
  .pricing-simple .card-body h3 {
    margin-bottom: 28px; }
  .pricing-block > div:nth-child(n+2) {
    margin-top: 20px; } }

@media only screen and (max-width: 575px) {
  .pricing-simple .card-body h1 {
    margin-bottom: 15px; }
  .pricing-block > div {
    flex: 100%; }
  .pricingtable {
    padding-top: 30px;
    padding-bottom: 30px; } }

/**=====================
   3.33 Pricing CSS Ends
==========================**/
/**=====================
   3.34 Progress CSS Start
==========================**/
.progress-showcase .progress {
  margin-bottom: 10px; }
  .progress-showcase .progress:last-child {
    margin-bottom: 0; }

.sm-progress-bar {
  height: 8px; }

.lg-progress-bar {
  height: 20px; }

.progress-number button {
  width: 2rem;
  height: 2rem; }

.progress-number .progress-wrapper {
  height: 1px; }
  .progress-number .progress-wrapper.progress {
    background-color: var(--recent-dashed-border); }
  .progress-number .progress-wrapper .progress-bar {
    background-color: var(--theme-deafult); }

.progress-btn {
  background-color: #f6f9fd;
  border-color: #f6f9fd; }

.small-progressbar {
  position: relative;
  overflow: visible; }
  .small-progressbar::after {
    position: absolute;
    content: '';
    top: -2px;
    right: -9px;
    background-color: #006666;
    width: 12px;
    height: 12px;
    border-radius: 100%; }
    [dir="rtl"] .small-progressbar::after {
      left: -9px;
      right: unset; }
  .small-progressbar .progress-label {
    position: absolute;
    top: -26px;
    right: -6px;
    font-weight: 700; }
    [dir="rtl"] .small-progressbar .progress-label {
      right: unset;
      left: -6px; }
  .small-progressbar .animate-circle {
    position: absolute;
    top: -11px;
    right: -18px;
    height: 30px;
    width: 30px;
    border: 14px solid #006666;
    border-radius: 70px;
    animation: heart 1s ease-in-out;
    animation-iteration-count: infinite; }
    [dir="rtl"] .small-progressbar .animate-circle {
      right: unset;
      left: -18px; }

@keyframes heart {
  0% {
    transform: scale(0);
    opacity: 0; }
  25% {
    transform: scale(0.1);
    opacity: 1; }
  50% {
    transform: scale(0.5);
    opacity: .3; }
  75% {
    transform: scale(0.8);
    opacity: .5; }
  100% {
    transform: scale(1);
    opacity: 0; } }

.progress-b-space .progress {
  margin-bottom: 35px; }

/**=====================
   3.34 Progress CSS Ends
==========================**/
/**=====================
   3.35 Projectlist CSS Start
==========================**/
.project-list .row {
  margin: 15px; }

.project-list button:focus {
  outline: none !important; }

.project-list .theme-form .form-group {
  margin-bottom: 15px; }

.project-list .border-tab.nav-tabs .nav-item .nav-link {
  border: 1px dashed transparent;
  padding: 5px 30px 5px 0;
  border-radius: 5px;
  display: flex;
  align-items: center; }

.project-list .btn {
  margin-right: 5px;
  vertical-align: -12px;
  float: right; }
  [dir="rtl"] .project-list .btn {
    float: left; }
  .project-list .btn svg {
    vertical-align: middle;
    height: 16px; }

.project-list ul {
  margin-bottom: 0 !important;
  border-bottom: 0; }
  .project-list ul li svg {
    height: 18px;
    vertical-align: middle;
    margin-right: 5px; }

.tab-content .row > div.col-xl-4:nth-child(1) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 10ms; }

.tab-content .row > div.col-xl-4:nth-child(2) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 20ms; }

.tab-content .row > div.col-xl-4:nth-child(3) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 30ms; }

.tab-content .row > div.col-xl-4:nth-child(4) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 40ms; }

.tab-content .row > div.col-xl-4:nth-child(5) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 50ms; }

.tab-content .row > div.col-xl-4:nth-child(6) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 60ms; }

.tab-content .row > div.col-xl-4:nth-child(7) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 70ms; }

.tab-content .row > div.col-xl-4:nth-child(8) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 80ms; }

.tab-content .row > div.col-xl-4:nth-child(9) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 90ms; }

.tab-content .row > div.col-xl-4:nth-child(10) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 100ms; }

.tab-content .row > div.col-xl-4:nth-child(11) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 110ms; }

.tab-content .row > div.col-xl-4:nth-child(12) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 120ms; }

.tab-content .row > div.col-xl-4:nth-child(13) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 130ms; }

.tab-content .row > div.col-xl-4:nth-child(14) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 140ms; }

.tab-content .row > div.col-xl-4:nth-child(15) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 150ms; }

.project-cards .tab-content {
  margin-bottom: -30px; }

.project-box {
  border: 1px solid #efefef;
  border-radius: 5px;
  padding: 30px;
  background-color: white;
  margin-bottom: 30px; }
  .project-box h6 {
    font-weight: 500 !important; }
  .project-box .badge {
    position: absolute;
    right: 30px;
    top: 15px;
    line-height: 13px; }
  .project-box .project-status p {
    margin-bottom: 5px;
    font-weight: 800; }
  .project-box .d-flex {
    margin-bottom: 15px;
    margin-top: 10px; }
    .project-box .d-flex .flex-grow-1 {
      opacity: 0.5; }
  .project-box .details div {
    margin-bottom: 5px;
    opacity: 0.7; }

.projectdetails .card .card-body {
  padding: 20px; }

.projectdetails .card .card-footer {
  padding: 20px; }

.projectdetails .card select {
  width: 90px;
  height: 28px;
  font-size: 11px;
  right: 20px;
  top: 20px; }

.projectmore .details .col-4 {
  margin-bottom: 5px; }
  .projectmore .details .col-4:nth-child(even) {
    opacity: 0.5; }

.projectmore h5 {
  font-size: 20px;
  font-weight: 600; }

.projectmore .task-list {
  position: relative; }
  .projectmore .task-list ul li {
    margin-bottom: 5px; }
  .projectmore .task-list ul + ul {
    position: absolute;
    left: 50%;
    top: 0; }

.new-users.activity .gradient-round {
  padding: 13px;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  top: unset !important; }
  .new-users.activity .gradient-round::after {
    display: none; }

/**=====================
   3.35 Projectlist CSS Ends
==========================**/
/**=====================
   3.36 Rating CSS Start
==========================**/
@-webkit-keyframes shake {
  30% {
    transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px); }
  60% {
    transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px); }
  100% {
    transform: perspective(240px) translateZ(4px); } }

@keyframes shake {
  30% {
    transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px); }
  60% {
    transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px); }
  100% {
    transform: perspective(240px) translateZ(4px); } }

@-webkit-keyframes tear {
  0% {
    opacity: 0;
    transform: translateY(-2px) scale(0) translateZ(0); }
  50% {
    transform: translateY(12px) scale(0.6, 1.2) translateZ(0); }
  20%,
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0); } }

@keyframes tear {
  0% {
    opacity: 0;
    transform: translateY(-2px) scale(0) translateZ(0); }
  50% {
    transform: translateY(12px) scale(0.6, 1.2) translateZ(0); }
  20%,
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0); } }

@-webkit-keyframes toggle {
  50% {
    transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg)); } }

@keyframes toggle {
  50% {
    transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg)); } }

@-webkit-keyframes angry {
  40% {
    background: var(--active); }
  45% {
    box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry); } }

@keyframes angry {
  40% {
    background: var(--active); }
  45% {
    box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry); } }

.feedback {
  display: flex;
  gap: 10px;
  flex-wrap: wrap; }

.feedback {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex; }
  .feedback li {
    position: relative;
    border-radius: 50%;
    background: var(--sb, var(--normal));
    box-shadow: inset 3px -3px 4px var(--sh, var(--normal-shadow));
    transition: background 0.4s, box-shadow 0.4s, transform 0.3s;
    -webkit-tap-highlight-color: transparent; }
    .feedback li:not(:last-child) {
      margin-right: 20px; }
    .feedback li div {
      width: 40px;
      height: 40px;
      position: relative;
      transform: perspective(240px) translateZ(4px); }
      .feedback li div svg {
        display: block;
        position: absolute;
        left: var(--l, 9px);
        top: var(--t, 13px);
        width: var(--w, 8px);
        height: var(--h, 2px);
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        fill: none;
        stroke: var(--s);
        stroke-width: 2px;
        stroke-linecap: round;
        stroke-linejoin: round;
        transition: stroke 0.4s; }
      .feedback li div:before {
        display: block;
        position: absolute;
        left: var(--l, 9px);
        top: var(--t, 13px);
        width: var(--w, 8px);
        height: var(--h, 2px);
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        content: "";
        z-index: var(--zi, 1);
        border-radius: var(--br, 1px);
        background: var(--b, var(--e, var(--normal-eye)));
        transition: background 0.4s; }
      .feedback li div:after {
        display: block;
        position: absolute;
        left: var(--l, 9px);
        top: var(--t, 13px);
        width: var(--w, 8px);
        height: var(--h, 2px);
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        content: "";
        z-index: var(--zi, 1);
        border-radius: var(--br, 1px);
        background: var(--b, var(--e, var(--normal-eye)));
        transition: background 0.4s; }
      .feedback li div svg.eye {
        --s: var(--e, var(--normal-eye));
        --t: 17px;
        --w: 7px;
        --h: 4px; }
      .feedback li div svg.eye.right {
        --l: 23px; }
      .feedback li div svg.mouth {
        --s: var(--m, var(--normal-mouth));
        --l: 11px;
        --t: 23px;
        --w: 18px;
        --h: 7px; }
    .feedback li:not(.active) {
      cursor: pointer; }
      .feedback li:not(.active):active {
        transform: scale(0.925); }
  .feedback li.angry {
    --step-1-rx: -24deg;
    --step-1-ry: 20deg;
    --step-2-rx: -24deg;
    --step-2-ry: -20deg; }
    .feedback li.angry div:before {
      --r: 20deg; }
    .feedback li.angry div:after {
      --l: 23px;
      --r: -20deg; }
    .feedback li.angry div svg.eye {
      stroke-dasharray: 4.55;
      stroke-dashoffset: 8.15; }
  .feedback li.angry.active {
    -webkit-animation: angry 1s linear;
    animation: angry 1s linear; }
    .feedback li.angry.active div:before {
      --middle-y: -2px;
      --middle-r: 22deg;
      -webkit-animation: toggle 0.8s linear forwards;
      animation: toggle 0.8s linear forwards; }
    .feedback li.angry.active div:after {
      --middle-y: 1px;
      --middle-r: -18deg;
      -webkit-animation: toggle 0.8s linear forwards;
      animation: toggle 0.8s linear forwards; }
  .feedback li.sad {
    --step-1-rx: 20deg;
    --step-1-ry: -12deg;
    --step-2-rx: -18deg;
    --step-2-ry: 14deg; }
    .feedback li.sad div:before {
      --b: var(--active-tear);
      --sc: 0;
      --w: 5px;
      --h: 5px;
      --t: 15px;
      --br: 50%; }
    .feedback li.sad div:after {
      --b: var(--active-tear);
      --sc: 0;
      --w: 5px;
      --h: 5px;
      --t: 15px;
      --br: 50%;
      --l: 25px; }
    .feedback li.sad div svg.eye {
      --t: 16px; }
    .feedback li.sad div svg.mouth {
      --t: 24px;
      stroke-dasharray: 9.5;
      stroke-dashoffset: 33.25; }
  .feedback li.sad.active div:before {
    -webkit-animation: tear 0.6s linear forwards;
    animation: tear 0.6s linear forwards; }
  .feedback li.sad.active div:after {
    -webkit-animation: tear 0.6s linear forwards;
    animation: tear 0.6s linear forwards; }
  .feedback li.ok {
    --step-1-rx: 4deg;
    --step-1-ry: -22deg;
    --step-1-rz: 6deg;
    --step-2-rx: 4deg;
    --step-2-ry: 22deg;
    --step-2-rz: -6deg; }
    .feedback li.ok div:before {
      --l: 12px;
      --t: 17px;
      --h: 4px;
      --w: 4px;
      --br: 50%;
      box-shadow: 12px 0 0 var(--e, var(--normal-eye)); }
    .feedback li.ok div:after {
      --l: 13px;
      --t: 26px;
      --w: 14px;
      --h: 2px;
      --br: 1px;
      --b: var(--m, var(--normal-mouth)); }
  .feedback li.ok.active div:before {
    --middle-s-y: .35;
    -webkit-animation: toggle 0.2s linear forwards;
    animation: toggle 0.2s linear forwards; }
  .feedback li.ok.active div:after {
    --middle-s-x: .5;
    -webkit-animation: toggle 0.7s linear forwards;
    animation: toggle 0.7s linear forwards; }
  .feedback li.good {
    --step-1-rx: -14deg;
    --step-1-rz: 10deg;
    --step-2-rx: 10deg;
    --step-2-rz: -8deg; }
    .feedback li.good div:before {
      --b: var(--m, var(--normal-mouth));
      --w: 5px;
      --h: 5px;
      --br: 50%;
      --t: 22px;
      --zi: 0;
      opacity: 0.5;
      box-shadow: 16px 0 0 var(--b);
      filter: blur(2px); }
    .feedback li.good div:after {
      --sc: 0; }
    .feedback li.good div svg.eye {
      --t: 15px;
      --sc: -1;
      stroke-dasharray: 4.55;
      stroke-dashoffset: 8.15; }
    .feedback li.good div svg.mouth {
      --t: 22px;
      --sc: -1;
      stroke-dasharray: 13.3;
      stroke-dashoffset: 23.75; }
  .feedback li.good.active div svg.mouth {
    --middle-y: 1px;
    --middle-s: -1;
    -webkit-animation: toggle 0.8s linear forwards;
    animation: toggle 0.8s linear forwards; }
  .feedback li.happy div {
    --step-1-rx: 18deg;
    --step-1-ry: 24deg;
    --step-2-rx: 18deg;
    --step-2-ry: -24deg; }
    .feedback li.happy div:before {
      --sc: 0; }
    .feedback li.happy div:after {
      --b: var(--m, var(--normal-mouth));
      --l: 11px;
      --t: 23px;
      --w: 18px;
      --h: 8px;
      --br: 0 0 8px 8px; }
    .feedback li.happy div svg.eye {
      --t: 14px;
      --sc: -1; }
  .feedback li.happy.active div:after {
    --middle-s-x: .95;
    --middle-s-y: .75;
    -webkit-animation: toggle 0.8s linear forwards;
    animation: toggle 0.8s linear forwards; }
  .feedback li.active {
    --sb: var(--active);
    --sh: var(--active-shadow);
    --m: var(--active-mouth);
    --e: var(--active-eye); }
    .feedback li.active div {
      -webkit-animation: shake 0.8s linear forwards;
      animation: shake 0.8s linear forwards; }

html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased; }

* {
  box-sizing: inherit; }
  *:before {
    box-sizing: inherit; }
  *:after {
    box-sizing: inherit; }

.br-theme-bars-1to10 .br-widget a,
.br-theme-bars-movie .br-widget a,
.br-theme-bars-pill .br-widget a,
.br-theme-bars-reversed .br-widget a,
.br-theme-bars-horizontal .br-widget a {
  background-color: rgba(0, 102, 102, 0.2); }

.br-theme-bars-square .br-widget a {
  border-color: rgba(0, 102, 102, 0.2);
  color: var(--body-light-font-color); }

/**=====================
   3.36 Rating CSS Ends
==========================**/
/**=====================
    3.37 Social-app CSS start
==========================**/
.user-profile .hovercard .socialheader {
  background: url(/../images/social-app/social-image.png); }

.user-profile .hovercard .user-image .share-icons {
  position: absolute;
  right: 100px;
  top: -27px; }
  .user-profile .hovercard .user-image .share-icons li {
    display: inline-block;
    margin-right: 10px; }
    .user-profile .hovercard .user-image .share-icons li .social-icon {
      width: 50px;
      height: 50px;
      text-align: center;
      display: flex;
      align-items: center;
      vertical-align: middle;
      justify-content: center;
      border-radius: 100%; }
      .user-profile .hovercard .user-image .share-icons li .social-icon i {
        color: #fff;
        font-size: 25px; }
    .user-profile .hovercard .user-image .share-icons li:last-child {
      margin-right: 0; }

.user-profile .card-footer > div h3 {
  font-size: 16px; }

.market-tabs .border-tab.nav-tabs .nav-item .nav-link.active {
  border-bottom: none !important; }

.market-tabs .nav {
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center; }
  .market-tabs .nav .nav-item {
    width: 100%; }
    .market-tabs .nav .nav-item .nav-link {
      height: 81px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      padding-top: 30px;
      text-align: center; }

.tabs-scoial {
  border-bottom: none;
  margin-bottom: 20px !important;
  margin-top: 20px; }
  .tabs-scoial li a {
    font-weight: 600; }
    .tabs-scoial li a svg circle {
      color: #999999; }

.social-network span {
  margin-bottom: 30px;
  display: block; }

.social-list .d-flex {
  margin-bottom: 20px;
  display: flex;
  align-items: center; }
  .social-list .d-flex:last-child {
    margin-bottom: 0; }
  .social-list .d-flex .flex-grow-1 a {
    color: #999999; }
  .social-list .d-flex .flex-grow-1 span {
    font-weight: 600; }
  .social-list .d-flex .flex-grow-1:hover a {
    color: var(--theme-deafult); }

.photos {
  margin-bottom: -15px; }
  .photos ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 70px; }
    .photos ul li:nth-child(4n) {
      margin-right: 0; }

.new-users-social {
  margin-bottom: 30px; }
  .new-users-social svg {
    cursor: pointer; }
  .new-users-social .d-flex img {
    width: 58px; }
  .new-users-social .d-flex .flex-grow-1 {
    margin-top: 10px; }
  .new-users-social svg circle {
    color: #999999; }

.like-content span i {
  font-size: 14px; }

.timeline-content p {
  margin-top: 30px;
  color: #999999; }

.timeline-content .comment-number i {
  color: #999999;
  margin-right: 20px; }

.timeline-content .comments-box {
  margin-top: 30px; }
  .timeline-content .comments-box .flex-grow-1 {
    width: 100%; }
  .timeline-content .comments-box .input-group {
    margin-top: 6px; }
    .timeline-content .comments-box .input-group .input-txt-bx {
      border: none;
      background-color: #F5F5F5; }
      .timeline-content .comments-box .input-group .input-txt-bx::placeholder {
        color: #999999; }
    .timeline-content .comments-box .input-group .input-group-append .btn i {
      font-size: 20px;
      display: flex;
      color: #999999; }

.social-chat {
  margin-top: 30px; }
  .social-chat span span {
    font-weight: normal;
    color: #999999;
    font-size: 12px; }
  .social-chat .flex-grow-1 {
    padding: 20px;
    border: 1px solid #E6E9EB;
    position: relative; }
    .social-chat .flex-grow-1 p {
      margin-top: 5px; }
    .social-chat .flex-grow-1:before {
      content: '';
      position: absolute;
      top: 19px;
      right: 100%;
      border: 7px solid transparent;
      border-right: 7px solid #59667a; }
    .social-chat .flex-grow-1:after {
      content: '';
      position: absolute;
      top: 19px;
      right: 100%;
      border: 7px solid transparent;
      border-right: 7px solid #fff; }
  .social-chat .your-msg,
  .social-chat .other-msg {
    margin-bottom: 30px; }
  .social-chat .other-msg {
    margin-left: 40px; }

.socialprofile span {
  color: #999999; }
  .socialprofile span.badge {
    padding: 6px 10px !important; }

.socialprofile .social-btngroup {
  margin: 30px 0; }

.socialprofile .likes-profile h5 span {
  color: #051A1A; }

.socialprofile .social-group {
  margin-top: 30px; }
  .socialprofile .social-group ul li:nth-child(4) {
    margin-left: -22px; }

.social-status form .form-group .form-control-social {
  border: 1px solid #E6E9EB;
  padding-left: 15px;
  margin-bottom: 30px; }

.social-status .d-flex {
  position: relative;
  margin-bottom: 30px; }
  .social-status .d-flex:last-child {
    margin-bottom: 0; }
  .social-status .d-flex .social-status {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #fff;
    bottom: 0;
    left: 35px;
    border-radius: 100%; }
  .social-status .d-flex .social-online {
    border: 3px solid #00AC46; }
  .social-status .d-flex .social-busy {
    border: 3px solid #FFAE1A; }
  .social-status .d-flex .social-offline {
    border: 3px solid #59667a; }
  .social-status .d-flex .flex-grow-1 p {
    color: #999999;
    margin-bottom: 5px; }
  .social-status .d-flex .flex-grow-1 span + span {
    color: #999999; }
  .social-status .d-flex .flex-grow-1 .light-span {
    color: #999999; }

.social-header h5 span:first-child {
  line-height: 1.48; }

.social-header h5 span svg circle {
  color: #999999; }

.details-about + .details-about {
  margin-top: 30px; }

.details-about .your-details p {
  color: #999999; }

.avatar-showcase .friend-pic {
  margin-right: 8px;
  margin-bottom: 10px; }

.avatar-showcase .pepole-knows ul li {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px; }
  .avatar-showcase .pepole-knows ul li:last-child {
    margin-right: 0; }
  .avatar-showcase .pepole-knows ul li .add-friend h6 {
    margin-top: 3px; }

.activity-log .my-activity + .my-activity {
  margin-top: 30px; }

.activity-log .my-activity p {
  margin-bottom: 5px; }
  .activity-log .my-activity p span svg {
    width: 15px;
    height: 15px; }

/**=====================
    3.37 Social-app CSS end
==========================**/
/**=====================
    3.38 Sweet-alert CSS Start
==========================**/
.swal-modal .swal-title {
  font-size: 24px; }

.swal-modal .swal-text {
  font-size: 17px; }

/**=====================
    3.38 Sweet-alert CSS ends
==========================**/
/**=====================
    3.39 Task CSS Start
==========================**/
.modal-open .datepickers-container {
  z-index: 1075; }

.date-details {
  align-items: center; }
  .date-details > div + div {
    margin-left: 10px; }

.taskadd table tr td {
  border-top: none; }
  .taskadd table tr td:first-child {
    padding-left: 30px; }
  .taskadd table tr td:last-child {
    padding-right: 30px; }
  .taskadd table tr td svg {
    width: 18px;
    height: 18px;
    color: #59667a; }

.taskadd table tr:first-child td {
  padding-top: 30px; }

.taskadd table tr:last-child td {
  padding-bottom: 30px; }

@media only screen and (max-width: 1660px) {
  .taskadd table tr td:first-child {
    min-width: 160px; }
  .taskadd table tr td:nth-child(3) {
    min-width: 70px; } }

@media only screen and (max-width: 991px) {
  .date-details {
    display: block !important;
    margin-bottom: -10px; }
    .date-details .d-inline-block {
      margin-bottom: 10px; }
  .taskadd table tr td:first-child {
    padding-left: 20px; }
  .taskadd table tr:first-child td {
    padding-top: 20px; }
  .taskadd table tr:last-child td {
    padding-bottom: 20px; } }

@media only screen and (max-width: 767px) {
  .taskadd table tr td:nth-child(2) {
    min-width: 745px; } }

@media only screen and (max-width: 575px) {
  .taskadd table tr td:first-child {
    padding-left: 15px; }
  .taskadd table tr:first-child td {
    padding-top: 15px; }
  .taskadd table tr:last-child td {
    padding-bottom: 15px; } }

/**=====================
  3.39 Task CSS Ends
==========================**/
/*====todo css start====*/
.todo .action-box {
  background: transparent;
  height: 20px;
  width: 20px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  transition: all 300ms ease; }
  .todo .action-box .icon {
    vertical-align: 0; }
  .todo .action-box.completed {
    background: #FE6A49;
    border: 1px solid #FE6A49;
    border-radius: 4px; }
    .todo .action-box.completed .icon {
      color: #fff;
      font-size: 14px; }
  .todo .action-box.large {
    height: 26px;
    width: 26px; }
    .todo .action-box.large .icon {
      font-size: 16px;
      vertical-align: -4px; }
      .todo .action-box.large .icon .icon-trash {
        color: #006666; }
      .todo .action-box.large .icon .icon-check {
        color: #006666; }

.todo .todo-list-wrapper {
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  box-sizing: border-box; }
  .todo .todo-list-wrapper #todo-list {
    list-style: none;
    margin: 0;
    padding: 0; }
    .todo .todo-list-wrapper #todo-list li {
      margin: 0;
      padding: 0;
      width: 100%; }
      .todo .todo-list-wrapper #todo-list li:last-child .task-container {
        border-bottom: 0;
        padding-bottom: 0; }
      .todo .todo-list-wrapper #todo-list li .task-container {
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
        width: 100%;
        border-bottom: 1px solid #ecf3fa;
        box-sizing: border-box;
        position: relative;
        transition: background 200ms ease; }
        .todo .todo-list-wrapper #todo-list li .task-container .d-flex {
          align-items: center; }
          .todo .todo-list-wrapper #todo-list li .task-container .d-flex div {
            text-align: right; }
        .todo .todo-list-wrapper #todo-list li .task-container .task-label {
          display: table;
          font-size: 16px;
          font-weight: 400;
          vertical-align: middle;
          color: #999999;
          word-break: break-word;
          padding-top: 5px; }
        .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn {
          display: table-cell;
          vertical-align: middle;
          text-align: right; }
          .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box {
            border: 1px solid transparent; }
            .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover {
              background: #fff;
              border-radius: 4px; }
              .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover .icon {
                color: #59667a; }
        .todo .todo-list-wrapper #todo-list li .task-container:hover h4 {
          color: #2c323f;
          transition: all 0.3s ease; }
      .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn {
        border: 1px solid #006666;
        border-radius: 4px; }
        .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn .icon {
          font-weight: bold; }
          .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn .icon i {
            color: #00AC46; }
        .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover {
          background: #fff;
          border: 1px solid #00AC46; }
          .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover .icon {
            color: #fff; }
      .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label {
        text-decoration: line-through;
        color: #006666; }
      .todo .todo-list-wrapper #todo-list li.new .task-container {
        animation: taskHighlighter 2000ms linear 1; }
  .todo .todo-list-wrapper .todo-list-header h5 {
    text-align: center;
    color: #efefef; }

.todo .notification-popup {
  position: fixed;
  top: 100px;
  right: 10px;
  width: 300px;
  display: inline-block;
  background: #00AC46;
  border: 1px solid #00AC46;
  color: #fff;
  padding: 20px;
  opacity: 0.9;
  border-radius: 2px;
  box-sizing: border-box;
  transition: all 300ms ease; }
  .todo .notification-popup.success {
    background: #00AC46;
    border: 1px solid #00AC46; }
  .todo .notification-popup p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1; }
  .todo .notification-popup .task {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block;
    color: #fff;
    padding: 0 4px; }
  .todo .notification-popup .notification-text {
    font-size: 14px;
    display: inline-block;
    overflow: hidden;
    color: #fff; }
  .todo .notification-popup.hide {
    opacity: 0;
    visibility: hidden; }

@-webkit-keyframes taskHighlighter {
  0% {
    background: rgba(68, 102, 242, 0.5); }
  100% {
    background: #fff; } }

@keyframes taskHighlighter {
  0% {
    background: rgba(68, 102, 242, 0.5); }
  100% {
    background: #fff; } }

.todo-wrap .card-header.b-bottom {
  border-bottom: 1px solid #ecf3fa; }

.todo-wrap .card-header .todo-list-header .new-task-wrapper input {
  padding: 12px 28px;
  border-radius: 7px;
  background-color: #F5F5F5;
  border: 1px solid #dee2e6; }

.todo-wrap .card-header .todo-list-header .add-new-task-btn {
  display: flex;
  align-items: center;
  z-index: 0; }

.todo-wrap .todo-list-body .assign-name {
  opacity: 0.4;
  font-size: 13px;
  font-weight: 400; }

.todo-wrap .left-bookmark ul li .iconbg {
  padding: 8px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center; }

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li button.d-block {
  text-align: left; }

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li + li {
  padding-top: 12px; }

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li a {
  padding: 0 16px;
  align-items: center; }
  .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a .badge {
    color: #fff;
    padding: 5px 6px 4px 7px; }
  .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover {
    color: #006666;
    background-color: transparent; }
    .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover .badge {
      color: #fff; }
    .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover .title {
      color: #006666; }

/*====todo css end====*/
/**=====================
    3.40 Timeline-v CSS Start
==========================**/
.timeline-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px; }

.time-content {
  display: flex;
  align-items: center;
  gap: 4px; }
  .time-content i {
    font-size: 18px; }

.activity .media {
  margin-bottom: 30px; }
  .activity .media:last-child {
    margin-bottom: 0; }
  .activity .media .gradient-round {
    position: relative;
    width: 53px;
    height: 53px;
    background-image: linear-gradient(26deg, var(--theme-deafult) 0%, #006666 100%);
    border-radius: 100%;
    top: -18px; }
    .activity .media .gradient-round svg {
      position: absolute;
      width: 18px;
      height: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      left: 0;
      top: 18px;
      right: 0;
      margin: 0 auto; }
      .activity .media .gradient-round svg path,
      .activity .media .gradient-round svg line,
      .activity .media .gradient-round svg circle {
        color: #fff; }
    .activity .media .gradient-round.gradient-line-1:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 62px;
      bottom: -77px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .activity .media .gradient-round.small-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 19px;
      bottom: -34px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .activity .media .gradient-round.medium-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 53px;
      bottom: -68px;
      left: 0;
      right: 0;
      margin: 0 auto; }
  .activity .media .media-body h6 {
    font-weight: 600;
    margin-bottom: 30px; }
    .activity .media .media-body h6 span {
      font-weight: normal;
      color: #999999; }
  .activity .media .media-body p {
    width: 80%; }

.timeline-small .media {
  margin-bottom: 30px; }
  .timeline-small .media:last-child {
    margin-bottom: 0; }
  .timeline-small .media .timeline-round {
    position: relative;
    width: 53px;
    height: 53px;
    border-radius: 100%;
    border-radius: 15px;
    top: -18px; }
    .timeline-small .media .timeline-round svg {
      position: absolute;
      width: 18px;
      height: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      left: 0;
      top: 18px;
      right: 0;
      margin: 0 auto; }
      .timeline-small .media .timeline-round svg path,
      .timeline-small .media .timeline-round svg line,
      .timeline-small .media .timeline-round svg circle {
        color: #fff; }
    .timeline-small .media .timeline-round.timeline-line-1:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 62px;
      bottom: -88px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .timeline-small .media .timeline-round.small-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 19px;
      bottom: -34px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .timeline-small .media .timeline-round.medium-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 53px;
      bottom: -68px;
      left: 0;
      right: 0;
      margin: 0 auto; }
  .timeline-small .media .media-body h6 {
    margin-bottom: 30px; }
    .timeline-small .media .media-body h6 span {
      font-weight: normal;
      color: #999999; }
  .timeline-small .media .media-body p {
    width: 80%; }

.cd-container {
  width: 90%;
  max-width: 1170px;
  margin: 0 auto; }

.cd-container::after {
  content: '';
  display: table;
  clear: both; }

@media only screen and (min-width: 1170px) {
  #cd-timeline::before {
    left: 50% !important;
    margin-left: -2px; }
  .cd-timeline-block {
    margin: 4em 0; }
    .cd-timeline-block:first-child {
      margin-top: 0; }
    .cd-timeline-block:last-child {
      margin-bottom: 0; }
    .cd-timeline-block:nth-child(even) .cd-timeline-content {
      float: right; }
      .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
        left: auto;
        right: 122%;
        text-align: right; }
    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
      top: 24px;
      left: auto;
      right: 100%;
      border-color: transparent;
      border-right-color: #E6E9EB; }
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px; }
    .cd-timeline-img > i {
      font-size: 18px;
      top: 50%;
      left: 50%;
      padding: 3px; }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden; }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    animation: cd-bounce-1 0.6s; }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden; }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    animation: cd-bounce-2 0.6s; }
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    animation: cd-bounce-2-inverse 0.6s; }
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%; }
    .cd-timeline-content .cd-date {
      position: absolute;
      width: 100%;
      left: 122%;
      top: 6px;
      font-size: 16px; }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #fff; } }

#cd-timeline {
  position: relative;
  padding: 2em 0; }

#cd-timeline::before {
  content: '';
  position: absolute;
  top: 0;
  font-size: 1.5rem;
  height: 100%;
  width: 2px;
  background: #E6E9EB;
  left: -15px; }

.cd-timeline-block {
  position: relative;
  margin: 30px 0; }
  .cd-timeline-block:after {
    content: "";
    display: table;
    clear: both; }
  .cd-timeline-block:first-child {
    margin-top: 0; }
  .cd-timeline-block:last-child {
    margin-bottom: 0; }

.cd-timeline-img {
  width: 40px;
  height: 40px;
  left: 51%;
  margin-left: -30px;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  position: absolute;
  top: 0;
  border-radius: 50px; }
  .cd-timeline-img i {
    display: block;
    position: relative;
    left: 45%;
    top: 44%;
    margin-left: -12px;
    margin-top: -12px;
    font-size: 20px;
    color: #fff; }

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    transform: scale(0.5); }
  60% {
    opacity: 1;
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.cd-timeline-content {
  position: relative;
  background: #E6E9EB;
  border-radius: 4px;
  padding: 30px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08); }
  .cd-timeline-content p {
    padding-top: 9px; }
  .cd-timeline-content h4 {
    margin-bottom: 0; }
  .cd-timeline-content:after {
    content: "";
    display: table;
    clear: both; }
  .cd-timeline-content audio {
    width: 100%; }
  .cd-timeline-content .cd-date {
    font-size: 13px;
    display: inline-block;
    float: left;
    padding: .8em 0 0;
    opacity: .7; }

.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 28px;
  right: 100%;
  height: 0;
  width: 0;
  border: 15px solid transparent;
  border-left: 15px solid #E6E9EB; }
  [dir="rtl"] .cd-timeline-content::before {
    border-right: 15px solid #E6E9EB;
    border-left: unset; }
  @media (max-width: 1169px) {
    .cd-timeline-content::before {
      display: none; } }
@media only screen and (min-width: 768px) {
  .cd-timeline-content .cd-date {
    font-size: 14px;
    padding-bottom: 0; } }

@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; }
  100% { } }

@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    transform: translateX(-100px); }
  60% {
    opacity: 1;
    transform: translateX(20px); }
  100% {
    transform: translateX(0); } }

@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; }
  100% { } }

@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    transform: translateX(100px); }
  60% {
    opacity: 1;
    transform: translateX(-20px); }
  100% {
    transform: translateX(0); } }

@media only screen and (max-width: 1169px) {
  .cd-timeline-block .cd-timeline-img {
    left: -2px;
    height: 30px;
    width: 30px;
    margin-left: -30px;
    top: 14px;
    z-index: 7; }
    .cd-timeline-block .cd-timeline-img > i {
      font-size: 15px;
      top: 16px;
      left: 17px;
      padding: 3px; }
  .landing-main #cd-timeline::before {
    left: -39px; }
  .landing-main .cd-timeline-block .cd-timeline-img {
    left: -34px;
    height: 50px;
    width: 50px;
    top: 1px;
    z-index: 8; }
    .landing-main .cd-timeline-block .cd-timeline-img > i {
      font-size: 23px;
      top: 21px;
      left: 7px;
      padding: 3px; } }

@media only screen and (max-width: 576px) {
  .cd-timeline-content {
    padding: 15px; }
    .cd-timeline-content h4 {
      font-size: 18px; } }

.main-timeline ul::before {
  left: 5px; }
  [dir="rtl"] .main-timeline ul::before {
    right: 5px;
    left: unset; }

.square-timeline {
  position: relative; }
  .square-timeline::before {
    border: 1px dashed #E6E9EB;
    content: '';
    margin-left: 0px;
    position: absolute;
    top: 0;
    left: 18px;
    width: 1px;
    height: 100%; }
    [dir="rtl"] .square-timeline::before {
      margin-left: unset;
      margin-right: 0;
      left: unset;
      right: 18px; }
  .square-timeline .timeline-event {
    position: relative; }
    .square-timeline .timeline-event:hover .timeline-event-icon {
      transform: rotate(-105deg);
      background-color: #52526c; }
    .square-timeline .timeline-event:hover .timeline-event-wrapper .timeline-thumbnail {
      box-shadow: inset 40em 0 0 0 rgba(255, 174, 26, 0.3); }
    .square-timeline .timeline-event .timeline-event-wrapper {
      padding: 0 0 0 14px;
      position: relative;
      top: -7px;
      left: 38px;
      width: 95%; }
      [dir="rtl"] .square-timeline .timeline-event .timeline-event-wrapper {
        left: unset;
        right: 38px;
        padding: 0 14px 0 0; }
      @media (max-width: 1200px) {
        .square-timeline .timeline-event .timeline-event-wrapper {
          width: calc(84% + (95 - 84) * ((100vw - 320px) / (1200 - 320))); } }
      .square-timeline .timeline-event .timeline-event-wrapper .designer-details {
        padding-top: 20px; }
      .square-timeline .timeline-event .timeline-event-wrapper .timeline-thumbnail {
        transition: box-shadow 0.5s ease-in 0.1s;
        color: #2c323f;
        background-color: rgba(0, 102, 102, 0.2);
        box-shadow: inset 0 0 0 0em rgba(23, 56, 120, 0.3);
        display: inline-block;
        margin-bottom: 12px;
        padding: 2px 25px; }
      .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:hover, .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:active, .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:focus {
        background-color: unset; }
      .square-timeline .timeline-event .timeline-event-wrapper > div {
        display: inline-block;
        width: 100%; }
    .square-timeline .timeline-event .timeline-event-icon {
      transition: 0.2s ease-in;
      transform: rotate(45deg);
      background-color: #006666;
      outline: 6px solid rgba(0, 102, 102, 0.2);
      display: block;
      margin: 0px;
      position: absolute;
      top: 0;
      left: 14px;
      width: 10px;
      height: 10px; }
      [dir="rtl"] .square-timeline .timeline-event .timeline-event-icon {
        right: 14px;
        left: unset; }

.list-inline {
  display: flex;
  justify-content: center; }
  .list-inline.events .event-list {
    display: block;
    position: relative;
    text-align: center;
    padding-top: 70px;
    margin-right: 0; }
    .list-inline.events .event-list p {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; }
    .list-inline.events .event-list .event-date {
      position: absolute;
      top: 38px;
      left: 0;
      right: 0;
      width: 75px;
      margin: 0 auto;
      border-radius: 4px;
      padding: 2px 4px; }
      .list-inline.events .event-list .event-date p {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        line-height: 1.5;
        margin-top: 7px; }

.timeline-list.timeline-border {
  border-bottom: 1px solid #E6E9EB; }

.timeline-list.list-inline {
  padding-bottom: 0; }
  .timeline-list.list-inline.events .event-list {
    padding-top: 35px; }
    .timeline-list.list-inline.events .event-list::before {
      content: '';
      height: 0;
      border-right: unset; }
    .timeline-list.list-inline.events .event-list .event-date {
      top: 2px; }
      .timeline-list.list-inline.events .event-list .event-date p {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        line-height: 1.5;
        margin-top: 7px; }
    .timeline-list.list-inline.events .event-list .read-more-btn {
      position: relative;
      margin-bottom: 3px; }
  .timeline-list.list-inline .vertical-line {
    height: 45px;
    width: 1px;
    margin: 0 auto;
    position: relative;
    border: 1px dashed #006666; }

.list-group.main-lists-content {
  padding-top: 20px; }

@media (max-width: 1218px) {
  .list-group .list-group-item .timeline-icon {
    display: none; } }

@media (max-width: 1400px) {
  .horizontal-timeline {
    display: none; } }

/**=====================
    3.40 Timeline-v CSS Ends
==========================**/
/**=====================
    3.41 User-profile CSS start
==========================**/
.user-profile .ttl-info h6 {
  font-size: 12px;
  color: #59667a; }

.user-profile .border-right {
  border-right: 1px solid #E6E9EB; }

.user-profile hr {
  margin: 30px 0; }

.user-profile .hovercard .cardheader {
  background: url(/../images/admin/other-images/bg-profile.png);
  background-size: cover;
  background-position: 10%;
  height: 470px; }

.user-profile .hovercard .user-image {
  position: relative;
  height: 0; }
  .user-profile .hovercard .user-image .avatar {
    margin-top: -80px; }
    .user-profile .hovercard .user-image .avatar img {
      width: 100px;
      height: 100px;
      max-width: 155px;
      max-height: 155px;
      border-radius: 50%;
      border: 7px solid #fff; }
  .user-profile .hovercard .user-image .icon-wrapper {
    position: absolute;
    bottom: -20px;
    left: 51%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    overflow: hidden;
    margin: 0 auto;
    font-size: 17px;
    box-shadow: 0 0 6px 3px rgba(68, 102, 242, 0.1); }

.user-profile .hovercard .info {
  padding: 30px; }
  .user-profile .hovercard .info .title {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 1;
    color: #2c323f;
    vertical-align: middle; }
    .user-profile .hovercard .info .title a {
      color: #242934;
      font-size: 20px;
      text-transform: uppercase;
      font-weight: 500; }
  .user-profile .hovercard .info .desc {
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #59667a;
    text-overflow: ellipsis;
    text-transform: uppercase; }

.user-profile .follow {
  margin-top: 20px; }
  .user-profile .follow .follow-num {
    font-size: 20px;
    color: #242934;
    font-family: "Montserrat", sans-serif;
    font-weight: 500; }
  .user-profile .follow span {
    color: #59667a; }

.user-profile .profile-img-style {
  padding: 30px; }
  .user-profile .profile-img-style .img-container {
    margin-top: 30px; }
  .user-profile .profile-img-style .user-name {
    font-size: 14px;
    color: #242934;
    margin: 0;
    font-weight: 600; }
  .user-profile .profile-img-style p {
    line-height: 30px;
    font-size: 14px;
    color: #898989;
    margin-bottom: 0; }
  .user-profile .profile-img-style .media img {
    width: 50px; }

.user-profile .like-comment li a {
  color: #898989; }

.user-profile .like-comment li:first-child a:hover, .user-profile .like-comment li:first-child a:active {
  color: #FE6A49; }

.user-profile .like-comment span {
  font-family: "Montserrat", sans-serif; }

.user-profile .social-media a {
  padding: 0 15px;
  color: #59667a;
  font-size: 24px;
  cursor: pointer; }
  .user-profile .social-media a:hover {
    color: var(--theme-deafult); }

.edit-profile .profile-title .media {
  align-items: center;
  margin-bottom: 30px; }
  .edit-profile .profile-title .media .media-body {
    margin-left: 14px; }
    [dir="rtl"] .edit-profile .profile-title .media .media-body {
      margin-left: unset;
      margin-right: 14px; }

/**=====================
    3.41 User-profile CSS Ends
==========================**/
/**=====================
    3.42 Wishlist CSS start
==========================**/
.wishlist table tr td svg {
  color: #898989;
  cursor: pointer; }

/**=====================
    3.42 Wishlist CSS Ends
==========================**/
/* ---------------------
	*** themes ***
-----------------------*/
/**=====================
	4.1. Dark CSS Start
==========================**/
/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C; }

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8; }

.light-card {
  background-color: var(--light-background); }

.light-background {
  background-color: var(--light-bg); }

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  transform: rotate(-45deg);
  display: inline-block; }

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-l-50 {
  margin-left: 50px !important; }

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important; }

.b-r-1 {
  border-radius: 1px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-r-11 {
  border-radius: 11px !important; }

.b-r-12 {
  border-radius: 12px !important; }

.b-r-13 {
  border-radius: 13px !important; }

.b-r-14 {
  border-radius: 14px !important; }

.b-r-15 {
  border-radius: 15px !important; }

.b-r-16 {
  border-radius: 16px !important; }

.b-r-17 {
  border-radius: 17px !important; }

.b-r-18 {
  border-radius: 18px !important; }

.b-r-19 {
  border-radius: 19px !important; }

.b-r-20 {
  border-radius: 20px !important; }

.b-r-21 {
  border-radius: 21px !important; }

.b-r-22 {
  border-radius: 22px !important; }

.b-r-23 {
  border-radius: 23px !important; }

.b-r-24 {
  border-radius: 24px !important; }

.b-r-25 {
  border-radius: 25px !important; }

.b-r-26 {
  border-radius: 26px !important; }

.b-r-27 {
  border-radius: 27px !important; }

.b-r-28 {
  border-radius: 28px !important; }

.b-r-29 {
  border-radius: 29px !important; }

.b-r-30 {
  border-radius: 30px !important; }

.b-r-31 {
  border-radius: 31px !important; }

.b-r-32 {
  border-radius: 32px !important; }

.b-r-33 {
  border-radius: 33px !important; }

.b-r-34 {
  border-radius: 34px !important; }

.b-r-35 {
  border-radius: 35px !important; }

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.f-34 {
  font-size: 34px !important; }

.f-36 {
  font-size: 36px !important; }

.f-38 {
  font-size: 38px !important; }

.f-40 {
  font-size: 40px !important; }

.f-42 {
  font-size: 42px !important; }

.f-44 {
  font-size: 44px !important; }

.f-46 {
  font-size: 46px !important; }

.f-48 {
  font-size: 48px !important; }

.f-50 {
  font-size: 50px !important; }

.f-52 {
  font-size: 52px !important; }

.f-54 {
  font-size: 54px !important; }

.f-56 {
  font-size: 56px !important; }

.f-58 {
  font-size: 58px !important; }

.f-60 {
  font-size: 60px !important; }

.f-62 {
  font-size: 62px !important; }

.f-64 {
  font-size: 64px !important; }

.f-66 {
  font-size: 66px !important; }

.f-68 {
  font-size: 68px !important; }

.f-70 {
  font-size: 70px !important; }

.f-72 {
  font-size: 72px !important; }

.f-74 {
  font-size: 74px !important; }

.f-76 {
  font-size: 76px !important; }

.f-78 {
  font-size: 78px !important; }

.f-80 {
  font-size: 80px !important; }

.f-82 {
  font-size: 82px !important; }

.f-84 {
  font-size: 84px !important; }

.f-86 {
  font-size: 86px !important; }

.f-88 {
  font-size: 88px !important; }

.f-90 {
  font-size: 90px !important; }

.f-92 {
  font-size: 92px !important; }

.f-94 {
  font-size: 94px !important; }

.f-96 {
  font-size: 96px !important; }

.f-98 {
  font-size: 98px !important; }

.f-100 {
  font-size: 100px !important; }

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100; }

.f-w-300 {
  font-weight: 300; }

.f-w-500 {
  font-weight: 500; }

.f-w-400 {
  font-weight: 400; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-900 {
  font-weight: 900; }

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal; }

.f-s-italic {
  font-style: italic; }

.f-s-oblique {
  font-style: oblique; }

.f-s-initial {
  font-style: initial; }

.f-s-inherit {
  font-style: inherit; }

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-dashed {
  text-decoration: dashed; }

.text-blink {
  text-decoration: blink; }

.text-dotted {
  text-decoration: dotted; }

.text-initial {
  text-decoration: initial; }

.text-none {
  text-decoration: none; }

.text-solid {
  text-decoration: solid; }

.text-wavy {
  text-decoration: wavy; }

.text-inherit {
  text-decoration: inherit; }

.text-double {
  text-decoration: double; }

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline; }

.sub {
  vertical-align: sub; }

.super {
  vertical-align: super; }

.top {
  vertical-align: top; }

.text-top {
  vertical-align: text-top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.text-bottom {
  vertical-align: text-bottom; }

.initial {
  vertical-align: initial; }

.inherit {
  vertical-align: inherit; }

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-relative {
  position: relative; }

.p-initial {
  position: initial; }

.p-inherit {
  position: inherit; }

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden; }

.o-visible {
  overflow: visible; }

.o-auto {
  overflow: auto; }

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important; }

.img-h-10 {
  height: 10px !important; }

.img-20 {
  width: 20px !important; }

.img-h-20 {
  height: 20px !important; }

.img-30 {
  width: 30px !important; }

.img-h-30 {
  height: 30px !important; }

.img-40 {
  width: 40px !important; }

.img-h-40 {
  height: 40px !important; }

.img-50 {
  width: 50px !important; }

.img-h-50 {
  height: 50px !important; }

.img-60 {
  width: 60px !important; }

.img-h-60 {
  height: 60px !important; }

.img-70 {
  width: 70px !important; }

.img-h-70 {
  height: 70px !important; }

.img-80 {
  width: 80px !important; }

.img-h-80 {
  height: 80px !important; }

.img-90 {
  width: 90px !important; }

.img-h-90 {
  height: 90px !important; }

.img-100 {
  width: 100px !important; }

.img-h-100 {
  height: 100px !important; }

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important; }

.font-secondary {
  color: #FE6A49 !important; }

.font-success {
  color: #00AC46 !important; }

.font-danger {
  color: #FE6A49 !important; }

.font-info {
  color: #173878 !important; }

.font-light {
  color: #E6E9EB !important; }

.font-dark {
  color: #2c323f !important; }

.font-warning {
  color: #FFAE1A !important; }

.font-primary {
  color: var(--theme-deafult) !important; }

.font-secondary {
  color: var(--theme-secondary) !important; }

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize; }

.label-theme {
  background-color: #006666; }

.label-primary {
  background-color: #006666; }

.label-secondary {
  background-color: #FE6A49; }

.label-success {
  background-color: #00AC46; }

.label-danger {
  background-color: #FE6A49; }

.label-info {
  background-color: #173878; }

.label-light {
  background-color: #E6E9EB; }

.label-dark {
  background-color: #2c323f; }

.label-warning {
  background-color: #FFAE1A; }

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666; }

.badge-secondary {
  background-color: #FE6A49; }

.badge-success {
  background-color: #00AC46; }

.badge-danger {
  background-color: #FE6A49; }

.badge-info {
  background-color: #173878; }

.badge-light {
  background-color: #E6E9EB; }

.badge-dark {
  background-color: #2c323f; }

.badge-warning {
  background-color: #FFAE1A; }

.badge-primary {
  background-color: var(--theme-deafult) !important; }

.badge-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff; }

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff; }

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important; }

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-success {
  background-color: #00AC46 !important;
  color: #fff; }

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff; }

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important; }

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-info {
  background-color: #173878 !important;
  color: #fff; }

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff; }

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important; }

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff; }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff; }

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important; }

.bg-dark {
  background-color: #2c323f !important;
  color: #fff; }

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff; }

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important; }

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff; }

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff; }

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important; }

.bg-primary {
  background-color: var(--theme-deafult) !important; }

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6); }

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important; }

.txt-secondary {
  color: #FE6A49 !important; }

.txt-success {
  color: #00AC46 !important; }

.txt-danger {
  color: #FE6A49 !important; }

.txt-info {
  color: #173878 !important; }

.txt-light {
  color: #E6E9EB !important; }

.txt-dark {
  color: #2c323f !important; }

.txt-warning {
  color: #FFAE1A !important; }

.txt-google-plus {
  color: #c64e40 !important; }

.txt-twitter {
  color: #6fa2d8 !important; }

.txt-linkedin {
  color: #0077B5 !important; }

.txt-fb {
  color: #50598e !important; }

.txt-primary {
  color: var(--theme-deafult) !important; }

.txt-secondary {
  color: var(--theme-secondary) !important; }

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@keyframes push {
  50% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #006666 !important;
    border-color: #006666 !important; }
  .btn-primary:focus {
    box-shadow: unset !important; }

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-secondary:focus {
    box-shadow: unset !important; }

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }
  .btn-success:focus {
    box-shadow: unset !important; }

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-danger:focus {
    box-shadow: unset !important; }

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #173878 !important;
    border-color: #173878 !important; }
  .btn-info:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }
  .btn-light:focus {
    box-shadow: unset !important; }

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #2c323f !important;
    border-color: #2c323f !important; }
  .btn-dark:focus {
    box-shadow: unset !important; }

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }
  .btn-warning:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important; }
  .btn-light:hover {
    background-color: rgba(0, 102, 102, 0.1) !important;
    border-color: rgba(0, 102, 102, 0.1) !important; }

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important; }

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important; }

.btn-hover-effect:hover {
  animation: push 0.5s linear 1; }

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent; }
  .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-check {
  color: #006666 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #006666 !important; }
    .btn-check:checked + .btn-outline-primary {
      color: white !important;
      background-color: #006666 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-primary {
    border-color: #006666 !important;
    color: #006666 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-primary.disabled {
      color: #006666; }
    .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
      color: white !important;
      background-color: #006666 !important;
      border-color: #006666 !important;
      box-shadow: none !important; }

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary.disabled {
    color: #006666;
    border-color: #006666; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-secondary {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-secondary {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-secondary.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #00AC46 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #00AC46 !important; }
    .btn-check:checked + .btn-outline-success {
      color: white !important;
      background-color: #00AC46 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-success.disabled {
      color: #00AC46; }
    .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
      color: white !important;
      background-color: #00AC46 !important;
      border-color: #00AC46 !important;
      box-shadow: none !important; }

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success.disabled {
    color: #00AC46;
    border-color: #00AC46; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-danger {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-danger.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #173878 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #173878 !important; }
    .btn-check:checked + .btn-outline-info {
      color: white !important;
      background-color: #173878 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-info {
    border-color: #173878 !important;
    color: #173878 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-info.disabled {
      color: #173878; }
    .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
      color: white !important;
      background-color: #173878 !important;
      border-color: #173878 !important;
      box-shadow: none !important; }

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info.disabled {
    color: #173878;
    border-color: #173878; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: #fff !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #E6E9EB !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #E6E9EB !important; }
    .btn-check:checked + .btn-outline-light {
      color: white !important;
      background-color: #E6E9EB !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-light {
    border-color: #E6E9EB !important;
    color: #E6E9EB !important;
    background-color: transparent;
    color: #051A1A; }
    .btn-check + .btn-outline-light.disabled {
      color: #E6E9EB; }
    .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
      color: white !important;
      background-color: #E6E9EB !important;
      border-color: #E6E9EB !important;
      box-shadow: none !important; }

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A; }
  .btn-outline-light.disabled {
    color: #E6E9EB;
    border-color: #E6E9EB; }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: #fff !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: unset !important; }

.btn-check {
  color: #2c323f !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #2c323f !important; }
    .btn-check:checked + .btn-outline-dark {
      color: white !important;
      background-color: #2c323f !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-dark {
    border-color: #2c323f !important;
    color: #2c323f !important;
    background-color: transparent; }
    .btn-check + .btn-outline-dark.disabled {
      color: #2c323f; }
    .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
      color: white !important;
      background-color: #2c323f !important;
      border-color: #2c323f !important;
      box-shadow: none !important; }

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark.disabled {
    color: #2c323f;
    border-color: #2c323f; }
  .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FFAE1A !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FFAE1A !important; }
    .btn-check:checked + .btn-outline-warning {
      color: white !important;
      background-color: #FFAE1A !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important;
    background-color: transparent; }
    .btn-check + .btn-outline-warning.disabled {
      color: #FFAE1A; }
    .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
      color: white !important;
      background-color: #FFAE1A !important;
      border-color: #FFAE1A !important;
      box-shadow: none !important; }

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning.disabled {
    color: #FFAE1A;
    border-color: #FFAE1A; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: unset !important; }

.btn-primary.active:not([disabled]):not(.disabled) {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  box-shadow: none !important; }
  .btn-primary.active:not([disabled]):not(.disabled):hover, .btn-primary.active:not([disabled]):not(.disabled):focus, .btn-primary.active:not([disabled]):not(.disabled):active, .btn-primary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #003333;
    border-color: #003333; }

.btn-secondary.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-secondary.active:not([disabled]):not(.disabled):hover, .btn-secondary.active:not([disabled]):not(.disabled):focus, .btn-secondary.active:not([disabled]):not(.disabled):active, .btn-secondary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-success.active:not([disabled]):not(.disabled) {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  box-shadow: none !important; }
  .btn-success.active:not([disabled]):not(.disabled):hover, .btn-success.active:not([disabled]):not(.disabled):focus, .btn-success.active:not([disabled]):not(.disabled):active, .btn-success.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #007931;
    border-color: #007931; }

.btn-danger.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-danger.active:not([disabled]):not(.disabled):hover, .btn-danger.active:not([disabled]):not(.disabled):focus, .btn-danger.active:not([disabled]):not(.disabled):active, .btn-danger.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-info.active:not([disabled]):not(.disabled) {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  box-shadow: none !important; }
  .btn-info.active:not([disabled]):not(.disabled):hover, .btn-info.active:not([disabled]):not(.disabled):focus, .btn-info.active:not([disabled]):not(.disabled):active, .btn-info.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #0f244d;
    border-color: #0f244d; }

.btn-light.active:not([disabled]):not(.disabled) {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  box-shadow: none !important; }
  .btn-light.active:not([disabled]):not(.disabled):hover, .btn-light.active:not([disabled]):not(.disabled):focus, .btn-light.active:not([disabled]):not(.disabled):active, .btn-light.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #cad0d4;
    border-color: #cad0d4; }

.btn-dark.active:not([disabled]):not(.disabled) {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  box-shadow: none !important; }
  .btn-dark.active:not([disabled]):not(.disabled):hover, .btn-dark.active:not([disabled]):not(.disabled):focus, .btn-dark.active:not([disabled]):not(.disabled):active, .btn-dark.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #171a21;
    border-color: #171a21; }

.btn-warning.active:not([disabled]):not(.disabled) {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  box-shadow: none !important; }
  .btn-warning.active:not([disabled]):not(.disabled):hover, .btn-warning.active:not([disabled]):not(.disabled):focus, .btn-warning.active:not([disabled]):not(.disabled):active, .btn-warning.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #e69500;
    border-color: #e69500; }

.btn-outline-primary-2x.active:not([disabled]):not(.disabled) {
  background-color: #006666;
  border-color: #006666;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-primary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-primary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #006666 !important;
    border-color: #006666 !important; }

.btn-outline-secondary-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-secondary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-success-2x.active:not([disabled]):not(.disabled) {
  background-color: #00AC46;
  border-color: #00AC46;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-success-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-success-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-success-2x.active:not([disabled]):not(.disabled):active, .btn-outline-success-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }

.btn-outline-danger-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-danger-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):active, .btn-outline-danger-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-info-2x.active:not([disabled]):not(.disabled) {
  background-color: #173878;
  border-color: #173878;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-info-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-info-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-info-2x.active:not([disabled]):not(.disabled):active, .btn-outline-info-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #173878 !important;
    border-color: #173878 !important; }

.btn-outline-light-2x.active:not([disabled]):not(.disabled) {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-light-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-light-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-light-2x.active:not([disabled]):not(.disabled):active, .btn-outline-light-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }

.btn-outline-dark-2x.active:not([disabled]):not(.disabled) {
  background-color: #2c323f;
  border-color: #2c323f;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-dark-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):active, .btn-outline-dark-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important; }

.btn-outline-warning-2x.active:not([disabled]):not(.disabled) {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-warning-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):active, .btn-outline-warning-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important; }

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important; }

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important; }

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important; }

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important; }

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important; }

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666; }
  .table-styling .table-primary thead,
  .table-styling.table-primary thead {
    background-color: #003333;
    border: 3px solid #003333; }
  .table-styling .table-primary th,
  .table-styling .table-primary td,
  .table-styling.table-primary th,
  .table-styling.table-primary td {
    background-color: transparent; }

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-secondary thead,
  .table-styling.table-secondary thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-secondary th,
  .table-styling .table-secondary td,
  .table-styling.table-secondary th,
  .table-styling.table-secondary td {
    background-color: transparent; }

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46; }
  .table-styling .table-success thead,
  .table-styling.table-success thead {
    background-color: #007931;
    border: 3px solid #007931; }
  .table-styling .table-success th,
  .table-styling .table-success td,
  .table-styling.table-success th,
  .table-styling.table-success td {
    background-color: transparent; }

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-danger thead,
  .table-styling.table-danger thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-danger th,
  .table-styling .table-danger td,
  .table-styling.table-danger th,
  .table-styling.table-danger td {
    background-color: transparent; }

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878; }
  .table-styling .table-info thead,
  .table-styling.table-info thead {
    background-color: #0f244d;
    border: 3px solid #0f244d; }
  .table-styling .table-info th,
  .table-styling .table-info td,
  .table-styling.table-info th,
  .table-styling.table-info td {
    background-color: transparent; }

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB; }
  .table-styling .table-light thead,
  .table-styling.table-light thead {
    background-color: #cad0d4;
    border: 3px solid #cad0d4; }
  .table-styling .table-light th,
  .table-styling .table-light td,
  .table-styling.table-light th,
  .table-styling.table-light td {
    background-color: transparent; }

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f; }
  .table-styling .table-dark thead,
  .table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21; }
  .table-styling .table-dark th,
  .table-styling .table-dark td,
  .table-styling.table-dark th,
  .table-styling.table-dark td {
    background-color: transparent; }

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A; }
  .table-styling .table-warning thead,
  .table-styling.table-warning thead {
    background-color: #e69500;
    border: 3px solid #e69500; }
  .table-styling .table-warning th,
  .table-styling .table-warning td,
  .table-styling.table-warning th,
  .table-styling.table-warning td {
    background-color: transparent; }

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important; }

.stroke-secondary {
  stroke: #FE6A49 !important; }

.stroke-success {
  stroke: #00AC46 !important; }

.stroke-danger {
  stroke: #FE6A49 !important; }

.stroke-info {
  stroke: #173878 !important; }

.stroke-light {
  stroke: #E6E9EB !important; }

.stroke-dark {
  stroke: #2c323f !important; }

.stroke-warning {
  stroke: #FFAE1A !important; }

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878; }

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important; }

.b-t-primary {
  border-top: 1px solid #006666 !important; }

.border-t-primary {
  border-top: 1px solid #006666 !important; }

.b-b-primary {
  border-bottom: 1px solid #006666 !important; }

.border-b-primary {
  border-bottom: 1px solid #006666 !important; }

.b-l-primary {
  border-left: 1px solid #006666 !important; }

.border-l-primary {
  border-left: 1px solid #006666 !important; }

.b-r-primary {
  border-right: 1px solid #006666 !important; }

.border-r-primary {
  border-right: 1px solid #006666 !important; }

.b-secondary {
  border: 1px solid #FE6A49 !important; }

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.b-success {
  border: 1px solid #00AC46 !important; }

.b-t-success {
  border-top: 1px solid #00AC46 !important; }

.border-t-success {
  border-top: 1px solid #00AC46 !important; }

.b-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.border-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.b-l-success {
  border-left: 1px solid #00AC46 !important; }

.border-l-success {
  border-left: 1px solid #00AC46 !important; }

.b-r-success {
  border-right: 1px solid #00AC46 !important; }

.border-r-success {
  border-right: 1px solid #00AC46 !important; }

.b-danger {
  border: 1px solid #FE6A49 !important; }

.b-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.border-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.border-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.b-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.border-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.b-info {
  border: 1px solid #173878 !important; }

.b-t-info {
  border-top: 1px solid #173878 !important; }

.border-t-info {
  border-top: 1px solid #173878 !important; }

.b-b-info {
  border-bottom: 1px solid #173878 !important; }

.border-b-info {
  border-bottom: 1px solid #173878 !important; }

.b-l-info {
  border-left: 1px solid #173878 !important; }

.border-l-info {
  border-left: 1px solid #173878 !important; }

.b-r-info {
  border-right: 1px solid #173878 !important; }

.border-r-info {
  border-right: 1px solid #173878 !important; }

.b-light {
  border: 1px solid #E6E9EB !important; }

.b-t-light {
  border-top: 1px solid #E6E9EB !important; }

.border-t-light {
  border-top: 1px solid #E6E9EB !important; }

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.b-l-light {
  border-left: 1px solid #E6E9EB !important; }

.border-l-light {
  border-left: 1px solid #E6E9EB !important; }

.b-r-light {
  border-right: 1px solid #E6E9EB !important; }

.border-r-light {
  border-right: 1px solid #E6E9EB !important; }

.b-dark {
  border: 1px solid #2c323f !important; }

.b-t-dark {
  border-top: 1px solid #2c323f !important; }

.border-t-dark {
  border-top: 1px solid #2c323f !important; }

.b-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.border-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.b-l-dark {
  border-left: 1px solid #2c323f !important; }

.border-l-dark {
  border-left: 1px solid #2c323f !important; }

.b-r-dark {
  border-right: 1px solid #2c323f !important; }

.border-r-dark {
  border-right: 1px solid #2c323f !important; }

.b-warning {
  border: 1px solid #FFAE1A !important; }

.b-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.border-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.b-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.border-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.b-r-warning {
  border-right: 1px solid #FFAE1A !important; }

.border-r-warning {
  border-right: 1px solid #FFAE1A !important; }

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-6 {
  border-width: 6px !important; }

.border-7 {
  border-width: 7px !important; }

.border-8 {
  border-width: 8px !important; }

.border-9 {
  border-width: 9px !important; }

.border-10 {
  border-width: 10px !important; }

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px; }

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa; }

.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px; }

.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3); }

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f; }
  .line pre {
    font-size: 100%; }

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important; }

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .options > div {
    color: #86909C;
    padding: 2px 10px;
    border: 1px solid; }
    .options > div:hover {
      background-color: #006666;
      color: #fff;
      transition: background-color 0.3s ease; }

/**====== Animation css Ends ======**/
.modal-footer {
  flex-wrap: wrap; }

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0; }

.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0; }

.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px; }

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666; }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #006666 !important; }

.typeahead .theme-form .form-group {
  margin-bottom: 0; }

.primary .svg-fill {
  fill: var(--theme-deafult); }
  .primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-deafult); }

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important; }

.secondary .svg-fill {
  fill: var(--theme-secondary); }
  .secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary); }

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important; }

.success .svg-fill {
  fill: #00AC46; }

.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important; }

.warning .svg-fill {
  fill: #FFAE1A; }

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important; }

.dotted {
  border-style: dotted; }

.dashed {
  border-style: dashed; }

.double {
  border-style: double; }

.groove {
  border-style: groove; }

.ridge {
  border-style: ridge; }

.inset {
  border-style: inset; }

.outset {
  border-style: outset; }

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px; }
  75% {
    opacity: .6;
    top: 0; }
  100% {
    opacity: 1; } }

.code-box-copy {
  width: 100%;
  overflow: auto; }

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%; }
  .custom-rs-12 {
    width: 100%; } }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px; }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none; }

.bg-gray {
  background-color: var(--text-gray); }

.text-gray {
  color: var(--text-gray) !important; }

.common-flex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

.common-space {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2); }

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3); }

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important; }

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important; }

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666; }

.badge-light-secondary {
  background-color: white;
  color: #FE6A49; }

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46; }

.badge-light-danger {
  background-color: white;
  color: #FE6A49; }

.badge-light-info {
  background-color: #6e96e3;
  color: #173878; }

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c; }

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f; }

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A; }

.fc .fc-button-primary.fc-button-active:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult), 0.2) !important; }

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%;
      margin-left: 0px; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .invoice-table-data {
    background-color: #f9f9fa; }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

/**=====================
    1.1 Reset CSS Ends
==========================**/
body.dark-only {
  --bs-heading-color: rgb(255, 255, 255);
  color: rgba(255, 255, 255, 0.6);
  background-color: #1A1C23; }
  body.dark-only.modal-open {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23; }
    body.dark-only.modal-open h1,
    body.dark-only.modal-open h2,
    body.dark-only.modal-open h3,
    body.dark-only.modal-open h4,
    body.dark-only.modal-open h5,
    body.dark-only.modal-open h6 {
      color: #fff; }
    body.dark-only.modal-open span {
      color: rgba(255, 255, 255, 0.7); }
    body.dark-only.modal-open p {
      color: rgba(255, 255, 255, 0.7); }
  body.dark-only span {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .txt-primary {
    color: #006666 !important; }
  body.dark-only .txt-secondary {
    color: #FE6A49 !important; }
  body.dark-only .txt-success {
    color: #00AC46 !important; }
  body.dark-only .txt-danger {
    color: #FE6A49 !important; }
  body.dark-only .txt-info {
    color: #173878 !important; }
  body.dark-only .txt-light {
    color: #E6E9EB !important; }
  body.dark-only .txt-dark {
    color: #2c323f !important; }
  body.dark-only .txt-warning {
    color: #FFAE1A !important; }
  body.dark-only .txt-google-plus {
    color: #c64e40 !important; }
  body.dark-only .txt-twitter {
    color: #6fa2d8 !important; }
  body.dark-only .txt-linkedin {
    color: #0077B5 !important; }
  body.dark-only .txt-fb {
    color: #50598e !important; }
  body.dark-only .txt-primary {
    color: var(--theme-deafult) !important; }
  body.dark-only .txt-secondary {
    color: var(--theme-secondary) !important; }
  body.dark-only .accordion-button.accordion-light-primary:not(.collapsed) {
    background-color: rgba(0, 102, 102, 0.2); }
  body.dark-only .accordion-button.accordion-light-primary:active, body.dark-only .accordion-button.accordion-light-primary.active {
    background-color: rgba(0, 102, 102, 0.2);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-secondary:not(.collapsed) {
    background-color: rgba(254, 106, 73, 0.3); }
  body.dark-only .accordion-button.accordion-light-secondary:active, body.dark-only .accordion-button.accordion-light-secondary.active {
    background-color: rgba(254, 106, 73, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-success:not(.collapsed) {
    background-color: rgba(0, 172, 70, 0.3); }
  body.dark-only .accordion-button.accordion-light-success:active, body.dark-only .accordion-button.accordion-light-success.active {
    background-color: rgba(0, 172, 70, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-warning:not(.collapsed) {
    background-color: rgba(255, 174, 26, 0.3); }
  body.dark-only .accordion-button.accordion-light-warning:active, body.dark-only .accordion-button.accordion-light-warning.active {
    background-color: rgba(255, 174, 26, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-info:not(.collapsed) {
    background-color: rgba(23, 56, 120, 0.3); }
  body.dark-only .accordion-button.accordion-light-info:active, body.dark-only .accordion-button.accordion-light-info.active {
    background-color: rgba(23, 56, 120, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-light:not(.collapsed) {
    background-color: #F9F9FB; }
  body.dark-only .accordion-button.accordion-light-light:active, body.dark-only .accordion-button.accordion-light-light.active {
    background-color: #F9F9FB;
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-danger:not(.collapsed) {
    background-color: rgba(254, 106, 73, 0.3); }
  body.dark-only .accordion-button.accordion-light-danger:active, body.dark-only .accordion-button.accordion-light-danger.active {
    background-color: rgba(254, 106, 73, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-dark:not(.collapsed) {
    background-color: #EAEBF2; }
  body.dark-only .accordion-button.accordion-light-dark:active, body.dark-only .accordion-button.accordion-light-dark.active {
    background-color: #EAEBF2;
    color: #000;
    border: none; }
  body.dark-only .list-product-header .collapse .list-product-body {
    border: unset !important; }
  body.dark-only .card {
    --bs-card-title-color: var(--body-font-color);
    --bs-card-subtitle-color: var(--body-font-color);
    --bs-card-cap-color: var(--body-font-color);
    --bs-card-color: var(--body-font-color);
    --bs-body-color: var(--body-font-color);
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .breadcrumb {
    --bs-breadcrumb-bg: transparent; }
  body.dark-only .toast {
    --bs-toast-color: var(--body-font-color); }
  body.dark-only .modal {
    --bs-modal-color: rgba(255, 255, 255, 0.2);
    --bs-modal-footer-bg: $dark-card-background; }
  body.dark-only .accordion-flush .accordion-item .accordion-header button {
    background-color: rgba(0, 172, 70, 0.3) !important; }
  body.dark-only .moon {
    stroke: var(--body-font-color); }
  body.dark-only .radio label::before {
    background-color: #1A1C23; }
  body.dark-only .support-custom-table table.dataTable {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .support-custom-table table.dataTable thead th,
    body.dark-only .support-custom-table table.dataTable thead td {
      border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .support-custom-table table.dataTable tbody td {
      border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .support-custom-table .dataTables_wrapper .dataTables_paginate {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .list-product .datatable-sorter::before {
    border-top: 4px solid rgba(255, 255, 255, 0.5) !important; }
  body.dark-only .list-product .datatable-sorter::after {
    border-bottom: 4px solid rgba(255, 255, 255, 0.5) !important; }
  body.dark-only .onhover-dropdown.notification-down::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .nav-right > ul > li:nth-child(n+3):not(:last-child body.dark-only .nav-right > ul > li.profile-nav:nth-child(n+3)) {
    background-color: #22242B !important; }
  body.dark-only .nav-right > ul > li:nth-child(2) {
    background-color: #22242B !important; }
  body.dark-only .nav-right .nav-menus li.profile-nav ul li {
    background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .bookmark-flip .flip-card .bookmark-dropdown li:nth-child(2) {
    background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .bookmark-flip .flip-card .back ul li:nth-child(2) {
    background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .input-icon input {
    background-color: #22242B;
    border: none;
    color: #fff; }
  body.dark-only .nav-right .nav-menus li .user-name svg {
    filter: invert(1); }
  body.dark-only .nav-right .nav-menus li .profile-media .media-body span {
    color: #fff; }
  body.dark-only .email-right-aside .email-read .mail-header1 svg {
    stroke: rgba(255, 255, 255, 0.7); }
  body.dark-only .customers ul li:last-child p {
    color: rgba(255, 255, 255, 0.2) !important;
    border: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .invoice-text span {
    color: #006666; }
  body.dark-only .invoice-table-data {
    background-color: #22242B !important; }
  body.dark-only .form-control {
    background-color: #22242B !important;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only input::placeholder {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .text-muted {
    color: rgba(255, 255, 255, 0.7) !important; }
  body.dark-only .total-chart .data-grow span {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .payment-second .mega-icons .stroke-dark {
    filter: invert(3); }
  body.dark-only .breadcrumb-item.active {
    color: rgba(255, 255, 255, 0.7) !important; }
  body.dark-only .breadcrumb-item + .breadcrumb-item:before {
    color: rgba(255, 255, 255, 0.7) !important; }
  body.dark-only .sale-history-card .history-price a {
    color: #fff; }
  body.dark-only .radius-wrapper {
    background-color: #1A1C23 !important; }
  body.dark-only .product-costing {
    border-color: rgba(230, 233, 235, 0.1);
    color: #fff; }
  body.dark-only .sale-history-card {
    border-color: rgba(230, 233, 235, 0.1); }
  body.dark-only .table-order table thead {
    background-color: rgba(230, 233, 235, 0.07); }
  body.dark-only .table-order table tbody tr {
    border-bottom: 1px solid rgba(230, 233, 235, 0.1) !important; }
    body.dark-only .table-order table tbody tr td a {
      color: #fff !important; }
    body.dark-only .table-order table tbody tr td .dropdown svg {
      filter: invert(1); }
    body.dark-only .table-order table tbody tr:hover td a {
      color: var(--theme-deafult) !important; }
    body.dark-only .table-order table tbody tr:last-child {
      border-bottom: none !important; }
      body.dark-only .table-order table tbody tr:last-child td {
        border-bottom: none !important; }
  body.dark-only .new-product .product-cost .product-icon:last-child svg {
    filter: invert(1); }
  body.dark-only .revenuegrowth .revenuegrowth-chart::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .revenuegrowth-details .growth-details {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .add-project-link .categories-content a {
    color: #fff; }
  body.dark-only .activity-group::before {
    border-left: 1px dashed rgba(255, 255, 255, 0.1); }
  body.dark-only .email-general h6 {
    color: #fff; }
  body.dark-only .tranaction-table thead {
    background-color: rgba(230, 233, 235, 0.07); }
  body.dark-only .card .card-footer .common-space a {
    color: #fff; }
  body.dark-only .card .card-footer .common-space:hover a {
    color: var(--theme-deafult); }
  body.dark-only .card .card-footer .common-space .visited-dropdown {
    border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .card .card-footer .common-space .visited-dropdown svg {
      filter: invert(1); }
  body.dark-only .today-work-table .today-working-table tbody tr td a {
    color: #fff !important; }
  body.dark-only .today-work-table .today-working-table tbody tr:hover td a {
    color: #006666 !important; }
  body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .add-project .categories-content a {
    color: #fff; }
  body.dark-only .activity-log h6 a {
    color: #fff; }
  body.dark-only span.dayName {
    color: #006666 !important; }
  body.dark-only .fc-scrollgrid-sync-inner a.fc-col-header-cell-cushion {
    color: #006666 !important; }
  body.dark-only .badge-light {
    background-color: #1A1C23;
    color: #fff !important; }
  body.dark-only .apexcharts-canvas .apexcharts-svg .apexcharts-inner .apexcharts-grid-borders line {
    stroke: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .apexcharts-canvas .apexcharts-svg .apexcharts-inner .apexcharts-grid .apexcharts-gridlines-horizontal line {
    stroke: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .timeline-calendar .custom-calendar .time-line .fc-scrollgrid table thead tr {
    background-color: #1A1C23; }
  body.dark-only .activity-log-card ul li div .username {
    color: #fff; }
  body.dark-only .product-box .product-details h4 {
    color: #fff; }
  body.dark-only .product-box .product-details p {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .bookmark-wrap .left-bookmark ul li button {
    color: #fff !important; }
  body.dark-only .balance-profile h5 {
    color: #fff; }
  body.dark-only .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button {
    background: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button span {
      color: #fff; }
  body.dark-only .common-space .header-top .btn:hover i {
    color: #fff !important; }
  body.dark-only .activity-table table tbody tr td .team-activity .activity-data a {
    color: #fff !important; }
  body.dark-only .activity-table table tbody tr td .team-activity .activity-data .user-activity::before {
    background-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .activity-table table tbody tr td .team-activity .activity-data .common-space:before {
    background-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .activity-table table tbody tr td .team-activity:hover a {
    color: var(--theme-deafult) !important; }
  body.dark-only .left-header .welcome-content span {
    color: var(--body-font-color); }
  body.dark-only .dropdown-menu .input-group {
    background-color: #1A1C23;
    opacity: 1; }
  body.dark-only .dropdown-menu .dropdown-item {
    background-color: #1A1C23;
    opacity: 1;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important; }
  body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: #1A1C23;
    color: #fff; }
  body.dark-only .activity-log-card ul::before {
    border-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .dropdown-basic .dropdown .dropdown-content {
    background-color: #1A1C23;
    z-index: 2; }
    body.dark-only .dropdown-basic .dropdown .dropdown-content a {
      background-color: #1A1C23;
      color: #fff;
      border-color: rgba(255, 255, 255, 0.1); }
      body.dark-only .dropdown-basic .dropdown .dropdown-content a:hover {
        background-color: #22242B !important; }
  body.dark-only .projectlist-card {
    border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .projectlist-card .project-data a {
      color: #fff; }
  body.dark-only .new-user ul li {
    border-color: rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .new-user ul li a {
      color: #fff !important; }
    body.dark-only .new-user ul li:hover a {
      color: var(--theme-deafult) !important; }
    body.dark-only .new-user ul li .product-sub .invoice-icon {
      filter: invert(1); }
  body.dark-only .top-product-card ul li a {
    color: #fff !important; }
  body.dark-only .top-product-card ul li:hover a {
    color: var(--theme-deafult) !important; }
  body.dark-only .top-product-card ul li.top-product {
    border-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .top-product-card ul li .product-items span {
    color: #fff !important; }
  body.dark-only .deliveries-percentage table tbody tr td a {
    color: #fff; }
  body.dark-only .project-meeting-details {
    border-top: rgba(255, 255, 255, 0.1); }
    body.dark-only .project-meeting-details .project-meeting-time a {
      color: #fff; }
  body.dark-only .client-list-table table tbody tr td a {
    color: #fff !important; }
  body.dark-only .client-list-table table tbody tr td .user-id::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .client-list-table table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }
  body.dark-only .project-table .order-table thead {
    background-color: rgba(230, 233, 235, 0.07); }
  body.dark-only .project-table .order-table tbody tr td a {
    color: #fff; }
  body.dark-only .project-table .order-table tbody tr td .product-sub .dropdown svg {
    filter: invert(1); }
  body.dark-only .project-table .order-table tbody tr:hover td a {
    color: #fff; }
  body.dark-only .user-message li {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .user-message svg {
    filter: invert(1); }
  body.dark-only .apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1A1C23; }
  body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button {
    border-color: rgba(255, 255, 255, 0.2) !important; }
  body.dark-only table.fixedHeader-locked {
    background: #1A1C23; }
  body.dark-only .apexcharts-tooltip-series-group {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .apexcharts-yaxistooltip,
  body.dark-only .apexcharts-xaxistooltip {
    color: rgba(255, 255, 255, 0.6);
    background: #1A1C23;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-yaxistooltip-left::before, body.dark-only .apexcharts-yaxistooltip-left::after {
    border-left-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-xaxistooltip-bottom::before, body.dark-only .apexcharts-xaxistooltip-bottom::after {
    border-bottom-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .bottom-content .apexcharts-canvas span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .apexcharts-canvas .apexcharts-tooltip {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
      margin-bottom: 0; }
    body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .apexcharts-canvas .apexcharts-yaxis text {
    fill: #98a6ad; }
  body.dark-only .apexcharts-xaxistooltip {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-xaxistooltip-bottom:after {
    border-bottom-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1A1C23; }
    body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text {
      color: #98a6ad; }
    body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
      background: #22242B;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      color: #98a6ad; }
  body.dark-only .apexcharts-yaxis text {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .theme-form input[type=text] {
    background-color: #1A1C23 !important;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .theme-form input[type=num], body.dark-only input[type=select], body.dark-only input[type=date] {
    background-color: #1A1C23 !important;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .theme-form textarea {
    background-color: #1A1C23; }
  body.dark-only .page-body .bg-light {
    background-color: #1A1C23 !important; }
  body.dark-only .wizard-4 .step-container {
    background-color: #22242B;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .wizard-4 .login-card .login-main {
    background-color: #1A1C23; }
  body.dark-only .total-balance {
    background-blend-mode: overlay; }
  body.dark-only .icon-state .switch-state:after {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .social-widget .social-icons {
    box-shadow: 0px 42.1092px 27.8569px #1A1C23, 0px 8.90772px 7.12618px #1A1C23, 0px 2.02448px 3.44162px #1A1C23; }
  body.dark-only .calendar-basic .md-sidebar-aside {
    background: #22242B; }
  body.dark-only .calendar-basic #external-events {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .calendar-basic .calendar-default .fc .fc-daygrid-day-number,
  body.dark-only .calendar-basic .calendar-default .fc .fc-col-header-cell-cushion {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .clockpicker-popover .popover-title {
    background-color: #22242B; }
  body.dark-only .clockpicker-popover.bottom > .arrow {
    border-bottom-color: #1A1C23; }
    body.dark-only .clockpicker-popover.bottom > .arrow:after {
      border-bottom-color: #22242B; }
  body.dark-only .clockpicker-popover.top > .arrow {
    border-top-color: #1A1C23; }
    body.dark-only .clockpicker-popover.top > .arrow::after {
      border-top-color: #22242B; }
  body.dark-only .clockpicker-popover.left > .arrow {
    border-left-color: #1A1C23; }
    body.dark-only .clockpicker-popover.left > .arrow::after {
      border-left-color: #22242B; }
  body.dark-only .clockpicker-popover .popover-title {
    border-bottom-color: #22242B; }
  body.dark-only .fc-theme-standard .fc-scrollgrid,
  body.dark-only .fc-theme-standard .fc-list {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .fc-theme-standard .fc-list-day-cushion {
    background-color: #1A1C23; }
  body.dark-only .fc .fc-list-event:hover td {
    background-color: #1A1C23; }
  body.dark-only .view-container .apexcharts-canvas .apexcharts-point-annotations circle {
    outline: 25px solid #3e3d7259; }
  body.dark-only .currency-widget div[class*=bg-light-] {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .btn.badge-light-primary:hover {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .portfolio-chart-container .apexcharts-canvas .apexcharts-radialbar image {
    display: none; }
  body.dark-only svg.f-light {
    fill: rgba(255, 255, 255, 0.6);
    opacity: 1; }
  body.dark-only .course-widget .btn-light {
    background-color: #1A1C23 !important; }
  body.dark-only .schedule-list > li {
    box-shadow: 4px 7px 17px 5px rgba(26, 28, 35, 0.2); }
  body.dark-only .upcoming-event-wrap .apexcharts-canvas .apexcharts-data-labels rect {
    fill: none;
    stroke: none; }
  body.dark-only .page-wrapper.advance-layout .page-header {
    background: #22242B; }
  body.dark-only .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper.only-body {
    background: #1A1C23; }
  body.dark-only .balance-card .svg-box {
    background: #22242B;
    box-shadow: none; }
    body.dark-only .balance-card .svg-box svg {
      fill: rgba(255, 255, 255, 0.6); }
  body.dark-only .f-light {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: #22242B;
    color: #fff; }
  body.dark-only .card {
    background-color: #22242B; }
  body.dark-only .ecommerce-widget {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .btn-light {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .form-select {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .add-project .text-inherit {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .knowledgebase-search {
    color: #051A1A; }
    body.dark-only .knowledgebase-search h3 {
      color: #051A1A; }
    body.dark-only .knowledgebase-search .form-control-plaintext {
      color: #051A1A; }
  body.dark-only .toast {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .toast .toast-header {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .toast .toast-dark {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .btn-close {
    filter: brightness(0.8) invert(1); }
  body.dark-only .prooduct-details-box .media {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .product-price del {
    color: #98a6ad; }
  body.dark-only .ProfileCard {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .form-control-plaintext {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .form-select {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only .box-layout {
    background-color: #1A1C23; }
    body.dark-only .box-layout .page-wrapper .page-header .header-wrapper, body.dark-only .box-layout.page-wrapper .page-header .header-wrapper {
      border: 1px solid #1A1C23; }
  body.dark-only .form-check-input {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .checkbox-wrapper li .form-check-input,
  body.dark-only .radio-wrapper li .form-check-input {
    background-color: transparent; }
  body.dark-only .switch-state:before {
    background-color: #22242B; }
  body.dark-only .tooltip.bs-tooltip-top .tooltip-arrow:before {
    border-top-color: #323846; }
  body.dark-only .tooltip.bs-tooltip-bottom .tooltip-arrow:before {
    border-bottom-color: #323846;
    border-top-color: transparent; }
  body.dark-only .tooltip.bs-tooltip-start .tooltip-arrow:before {
    border-left-color: #323846;
    border-top-color: transparent; }
  body.dark-only .tooltip.bs-tooltip-end .tooltip-arrow:before {
    border-right-color: #323846;
    border-top-color: transparent; }
  body.dark-only .tooltip .tooltip-inner {
    background-color: #323846;
    color: #fff; }
  body.dark-only .tooltip .tooltip-arrow:before {
    border-top-color: #323846; }
  body.dark-only .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6:first-child h6 {
    color: rgba(255, 255, 255, 0.5); }
  body.dark-only .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
    background-color: #22242B; }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
    color: #fff; }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
    background-color: #1A1C23 !important; }
    body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
      background-color: #1A1C23;
      border: 1px solid rgba(255, 255, 255, 0.1);
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:last-child {
      border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
    background-color: #1A1C23 !important; }
    body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
      stroke: rgba(255, 255, 255, 0.3); }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
    background-color: #22242B; }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
    color: rgba(255, 255, 255, 0.4);
    border-color: #1A1C23 !important;
    background-color: #1A1C23 !important; }
  body.dark-only .qty-box input {
    color: rgba(255, 255, 255, 0.5); }
  body.dark-only .customizer-contain {
    color: #1A1C23; }
    body.dark-only .customizer-contain .customizer-body .main-layout .box-layout {
      background-color: #fff; }
  body.dark-only .login-dark {
    background-color: #22242B;
    background-blend-mode: overlay; }
    body.dark-only .login-dark .login-main {
      background-color: #323846; }
  body.dark-only .login-card .btn-showcase .btn {
    background-color: #22242B !important;
    color: #fff;
    border-color: #22242B !important; }
  body.dark-only .login-card .login-main {
    box-shadow: 0 0 37px rgba(255, 255, 255, 0.05); }
    body.dark-only .login-card .login-main .theme-form input {
      background-color: #22242B !important; }
    body.dark-only .login-card .login-main .theme-form .or:before {
      background-color: #22242B; }
    body.dark-only .login-card .login-main .theme-form .checkbox label::before {
      background-color: #22242B !important;
      border-color: #22242B !important; }
  body.dark-only .H_ui ~ div {
    background-color: #1A1C23 !important; }
  body.dark-only .swal-icon--success:after,
  body.dark-only .swal-icon--success:before {
    background: #22242B; }
  body.dark-only .swal-icon--success__hide-corners {
    background-color: #22242B; }
  body.dark-only .note-editor.note-frame .note-status-output {
    border-top: 1px solid #22242B; }
  body.dark-only .note-editor.note-frame .note-statusbar {
    border-top: 1px solid #22242B; }
    body.dark-only .note-editor.note-frame .note-statusbar .note-resizebar {
      background-color: #22242B; }
  body.dark-only .light-font {
    color: white; }
  body.dark-only .page-link {
    background-color: #1A1C23;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .b-r-light {
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .history-details .media {
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .modal-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only #right-history {
    background-color: #22242B;
    box-shadow: 0 0 9px #1A1C23; }
    body.dark-only #right-history h6 span a {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .ProfileCard:hover {
    color: rgba(255, 255, 255, 0.6);
    background-color: #22242B; }
  body.dark-only .translate_wrapper.active .more_lang:before {
    border-bottom: 7px solid #22242B; }
  body.dark-only .translate_wrapper.active .more_lang .lang {
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .toggle-sidebar svg {
    stroke: #fff !important; }
  body.dark-only .toggle-sidebar:hover svg {
    color: #fff !important;
    stroke: #fff !important; }
  body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
    background: rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper .page-body-wrapper {
    background-color: #1A1C23; }
    body.dark-only .page-wrapper .page-body-wrapper .page-title {
      background-color: transparent;
      border-bottom: none;
      box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 40px; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
      stroke: #fff !important; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
      fill: rgba(255, 255, 255, 0.5);
      stroke: transparent; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
      stroke: #fff; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
      fill: var(--theme-deafult);
      stroke: transparent; }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg.stroke-icon {
      stroke: var(--theme-deafult); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
      background-color: rgba(0, 102, 102, 0.2); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
        color: var(--theme-deafult); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: var(--theme-deafult); }
  body.dark-only .page-wrapper.modern-type .page-body-wrapper .page-title {
    background-color: transparent;
    border: none; }
  body.dark-only .page-wrapper .sidebar-main-title p {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    background-color: #22242B; }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg {
      stroke: var(--theme-deafult); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
      background-color: rgba(255, 255, 255, 0.2); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
        color: #fff; }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: var(--theme-deafult); }
  body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    background: #22242B;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a {
      background-color: rgba(255, 255, 255, 0.3); }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a span {
        color: #fff !important; }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
      background: #22242B; }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
        color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active, body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
          color: var(--theme-deafult); }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
        background: #22242B; }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
      background: #22242B; }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
    background: #22242B; }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    stroke: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    background-color: #22242B; }
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
    background-color: rgba(0, 102, 102, 0.2); }
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
      color: var(--theme-deafult); }
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
      color: var(--theme-deafult);
      stroke: var(--theme-deafult); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400; }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
    background-color: rgba(255, 255, 255, 0.2); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-deafult); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.material-type .page-header .header-wrapper {
    border-radius: 15px 15px 0 0; }
  body.dark-only .page-wrapper.material-icon .page-header .header-wrapper {
    background-color: transparent; }
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
      color: #fff; }
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
      color: #fff; }
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
      border: 1px solid #1A1C23;
      background: #1A1C23;
      color: #fff; }
  body.dark-only .page-wrapper.material-icon .page-header .header-logo-wrapper {
    background-color: transparent; }
  body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-body {
    background-color: transparent; }
  body.dark-only .page-wrapper.advance-layout {
    background-color: #1A1C23; }
    body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper {
      background: transparent; }
      body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper .header-logo-wrapper {
        background: transparent; }
    body.dark-only .page-wrapper.advance-layout .page-body-wrapper {
      background: transparent; }
      body.dark-only .page-wrapper.advance-layout .page-body-wrapper .page-body {
        background: transparent; }
  body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-title {
    background-color: transparent;
    box-shadow: none;
    border: none; }
  body.dark-only .page-wrapper .page-header .header-wrapper .search-full {
    background-color: #22242B; }
    body.dark-only .page-wrapper .page-header .header-wrapper .search-full input {
      color: rgba(255, 255, 255, 0.6); }
  @media only screen and (min-width: 768px) {
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
      stroke: #fff; } }
  body.dark-only ::-webkit-calendar-picker-indicator {
    filter: invert(1); }
  body.dark-only .kanban-board-header {
    background-color: #1A1C23;
    border-bottom: 1px solid #22242B; }
  body.dark-only .kanban-board .kanban-drag {
    background: #1A1C23; }
  body.dark-only .kanban-container .kanban-item .kanban-box {
    border: 1px solid rgba(0, 102, 102, 0.15);
    background-color: #1A1C23; }
  body.dark-only .project-box {
    border: 1px solid rgba(0, 102, 102, 0.15);
    background-color: #1A1C23; }
  body.dark-only .file-content .form-inline {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .file-content .files .file-box {
    border: 1px solid rgba(0, 102, 102, 0.15);
    background-color: #1A1C23; }
    body.dark-only .file-content .files .file-box .file-top {
      background-color: #22242B;
      border: 1px solid rgba(0, 102, 102, 0.15); }
  body.dark-only .file-content .folder .folder-box {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #1A1C23; }
  body.dark-only .files-content li .files-list .file-left {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #1A1C23; }
  body.dark-only .file-sidebar .pricing-plan {
    border: 1px solid rgba(0, 102, 102, 0.15) !important; }
  body.dark-only .file-sidebar .btn-light {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23 !important;
    border: 1px solid rgba(0, 102, 102, 0.15) !important; }
  body.dark-only #lnb {
    border-right: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .lnb-new-schedule,
  body.dark-only .lnb-calendars > div {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only #menu .sidebar-list .btn-default {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .tui-full-calendar-timegrid-hour {
    background-color: #22242B;
    color: #fff !important; }
  body.dark-only .tui-full-calendar-timegrid-gridline {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .tui-full-calendar-time-date,
  body.dark-only .tui-full-calendar-weekday-grid-line,
  body.dark-only .tui-full-calendar-left,
  body.dark-only .tui-full-calendar-timegrid-timezone {
    border-right-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .tui-full-calendar-popup {
    color: #051A1A; }
  body.dark-only #menu .btn-default {
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only #menu .btn-default:hover {
      color: #051A1A; }
  body.dark-only #menu .dropdown-menu {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .tui-full-calendar-dayname-container,
  body.dark-only .tui-full-calendar-splitter {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only span.tui-full-calendar-dayname-date-area {
    color: #fff !important; }
  body.dark-only .tui-full-calendar-layout {
    background-color: #22242B !important; }
  body.dark-only .blockquote {
    border-left: 4px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .figure.text-end blockquote {
    border-right-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .contacts-tabs .nav-pills {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .contacts-tabs .nav-pills .nav-link + .nav-link {
      border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .list-persons .profile-mail .media .media-body ul li + li {
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-right: unset !important; }
  body.dark-only .product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
    background-color: #22242B; }
  body.dark-only .apexcharts-gridline {
    stroke: #1A1C23; }
  body.dark-only .apexcharts-tooltip-title,
  body.dark-only .apexcharts-tooltip-series-group,
  body.dark-only .apexcharts-tooltip.light,
  body.dark-only .apexcharts-menu-item {
    color: #000; }
  body.dark-only .small-donut ~ svg path:nth-child(even),
  body.dark-only .small-donut svg path:nth-child(even),
  body.dark-only .donut-peity2 ~ svg path:nth-child(even),
  body.dark-only .donut-peity2 svg path:nth-child(even),
  body.dark-only .pie-peity ~ svg path:nth-child(even),
  body.dark-only .pie-peity svg path:nth-child(even) {
    fill: #1A1C23; }
  body.dark-only .appointment-table table tr td.img-content-box .font-roboto {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .notification .card .d-flex .w-100 p span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .notification .card .d-flex .w-100 span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .notification .vertical-more svg {
    filter: invert(1); }
  body.dark-only .datepicker {
    background-color: #323846;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .datepicker .datepicker--cell.-current- {
      color: #006666; }
    body.dark-only .datepicker .datepicker--cell.-current-.-focus- {
      color: #fff; }
    body.dark-only .datepicker .datepicker--cell-day.-other-month-,
    body.dark-only .datepicker .datepicker--cell-year.-other-decade- {
      color: rgba(255, 255, 255, 0.4); }
    body.dark-only .datepicker .datepicker--nav {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .datepicker .datepicker--pointer {
      background: #323846;
      border-top-color: #323846;
      border-right-color: #323846; }
  body.dark-only .default-datepicker .datepicker-inline .datepicker {
    background: #22242B; }
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name,
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day,
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name,
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name.-selected-,
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day.-selected-,
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name.-selected-,
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-selected- {
        color: #fff; }
  body.dark-only [class*='activity-dot-'] {
    background-color: #22242B; }
  body.dark-only .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .progress {
    background-color: #1A1C23 !important; }
  body.dark-only .alert-primary {
    background-color: rgba(0, 102, 102, 0.8) !important;
    border-color: rgba(0, 102, 102, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-primary .progress {
      height: 5px;
      background-color: #006161;
      border-radius: 0; }
    body.dark-only .alert-primary .progress-bar {
      background-color: #66ffff; }
  body.dark-only .alert-primary.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-primary.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-primary.outline .btn-close,
  body.dark-only .alert-primary.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-secondary {
    background-color: rgba(254, 106, 73, 0.8) !important;
    border-color: rgba(254, 106, 73, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-secondary .progress {
      height: 5px;
      background-color: #fe6644;
      border-radius: 0; }
    body.dark-only .alert-secondary .progress-bar {
      background-color: white; }
  body.dark-only .alert-secondary.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-secondary.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-secondary.outline .btn-close,
  body.dark-only .alert-secondary.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-success {
    background-color: rgba(0, 172, 70, 0.8) !important;
    border-color: rgba(0, 172, 70, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-success .progress {
      height: 5px;
      background-color: #00a744;
      border-radius: 0; }
    body.dark-only .alert-success .progress-bar {
      background-color: #acffce; }
  body.dark-only .alert-success.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-success.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-success.outline .btn-close,
  body.dark-only .alert-success.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-danger {
    background-color: rgba(254, 106, 73, 0.8) !important;
    border-color: rgba(254, 106, 73, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-danger .progress {
      height: 5px;
      background-color: #fe6644;
      border-radius: 0; }
    body.dark-only .alert-danger .progress-bar {
      background-color: white; }
  body.dark-only .alert-danger.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-danger.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-danger.outline .btn-close,
  body.dark-only .alert-danger.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-warning {
    background-color: rgba(255, 174, 26, 0.8) !important;
    border-color: rgba(255, 174, 26, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-warning .progress {
      height: 5px;
      background-color: #ffac15;
      border-radius: 0; }
    body.dark-only .alert-warning .progress-bar {
      background-color: white; }
  body.dark-only .alert-warning.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-warning.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-warning.outline .btn-close,
  body.dark-only .alert-warning.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-info {
    background-color: rgba(23, 56, 120, 0.8) !important;
    border-color: rgba(23, 56, 120, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-info .progress {
      height: 5px;
      background-color: #163674;
      border-radius: 0; }
    body.dark-only .alert-info .progress-bar {
      background-color: #a1bbed; }
  body.dark-only .alert-info.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-info.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-info.outline .btn-close,
  body.dark-only .alert-info.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-light {
    background-color: rgba(230, 233, 235, 0.8) !important;
    border-color: rgba(230, 233, 235, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-light .progress {
      height: 5px;
      background-color: #e3e7e9;
      border-radius: 0; }
    body.dark-only .alert-light .progress-bar {
      background-color: white; }
  body.dark-only .alert-light.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-light.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-light.outline .btn-close,
  body.dark-only .alert-light.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-dark {
    background-color: rgba(44, 50, 63, 0.8) !important;
    border-color: rgba(44, 50, 63, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-dark .progress {
      height: 5px;
      background-color: #2a303c;
      border-radius: 0; }
    body.dark-only .alert-dark .progress-bar {
      background-color: #a8b0c2; }
  body.dark-only .alert-dark.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-dark.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-dark.outline .btn-close,
  body.dark-only .alert-dark.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .options > div {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
    background-color: #1A1C23; }
  body.dark-only .pricing-simple {
    box-shadow: 1px 1px 2px 1px #1A1C23 !important; }
  body.dark-only .pricing-block {
    box-shadow: 0 0 10px 5px rgba(0, 102, 102, 0.05) !important; }
  body.dark-only .search-page ul.search-info li + li {
    border-left: 1px solid #1A1C23; }
  body.dark-only .search-page .info-block {
    border: 1px solid rgba(255, 255, 255, 0.2); }
  body.dark-only .browse .browse-articles h6 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .job-search .job-description .theme-form .row div[class^="col-"] .input-group .datepicker-here {
    border: 1px solid #1A1C23; }
  body.dark-only .calendar-wrap .fc-unthemed td,
  body.dark-only .calendar-wrap .fc-unthemed th {
    border-color: #1A1C23; }
  body.dark-only .mega-inline,
  body.dark-only .mega-horizontal,
  body.dark-only .mega-vertical {
    --bs-body-color: rgba(255, 255, 255, 0.6); }
    body.dark-only .mega-inline .card,
    body.dark-only .mega-horizontal .card,
    body.dark-only .mega-vertical .card {
      box-shadow: 1px 1px 7px 0 rgba(255, 255, 255, 0.5) !important; }
    body.dark-only .mega-inline.plain-style .card, body.dark-only .mega-inline.border-style .card, body.dark-only .mega-inline.offer-style .card,
    body.dark-only .mega-horizontal.plain-style .card,
    body.dark-only .mega-horizontal.border-style .card,
    body.dark-only .mega-horizontal.offer-style .card,
    body.dark-only .mega-vertical.plain-style .card,
    body.dark-only .mega-vertical.border-style .card,
    body.dark-only .mega-vertical.offer-style .card {
      box-shadow: none !important; }
    body.dark-only .mega-inline.border-style .card,
    body.dark-only .mega-horizontal.border-style .card,
    body.dark-only .mega-vertical.border-style .card {
      border: 1px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .mega-inline.offer-style .card,
    body.dark-only .mega-horizontal.offer-style .card,
    body.dark-only .mega-vertical.offer-style .card {
      border: 1px dashed rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .setting-dot .setting-bg {
    background-color: var(--theme-secondary); }
  body.dark-only .bookmark.pull-right {
    border: none; }
  body.dark-only .popover {
    background-color: #1A1C23; }
    body.dark-only .popover.bs-popover-bottom .popover-arrow:after {
      border-bottom-color: #1A1C23;
      border-right-color: transparent; }
    body.dark-only .popover.bs-popover-top .popover-arrow:after {
      border-right-color: transparent;
      border-top-color: #1A1C23; }
    body.dark-only .popover.bs-popover-start .popover-arrow:after {
      border-left-color: #1A1C23; }
    body.dark-only .popover .popover-header {
      background-color: #22242B; }
    body.dark-only .popover .popover-arrow:after {
      border-right-color: #1A1C23; }
    body.dark-only .popover .popover-body {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .popover code {
      background-color: unset; }
  body.dark-only .apex-chart-container .apexcharts-legend .apexcharts-legend-series span {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .quick-file li .quick-box {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-canvas svg .apexcharts-title-text {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-subtitle-text {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-xaxis-label {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-legend-series span {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-label {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-value {
    fill: #fff; }
  body.dark-only .Typeahead-menu {
    background-color: #1A1C23; }
  body.dark-only .ecommerce-widget {
    border: 1px solid #1A1C23; }
  body.dark-only .bookmark ul li .search-form .form-control-search input {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .bookmark ul li .search-form .form-control-search:before {
    background: #1A1C23; }
  body.dark-only .cart .qty-box .input-group .btn {
    background-color: #2e3648 !important;
    border-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .checkout .checkout-details {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    padding: 40px; }
    body.dark-only .checkout .checkout-details .animate-chk .radio_animated:after {
      border: 2px solid #22242B; }
  body.dark-only .order-box .title-box {
    color: #bfc2c6;
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .order-box .qty {
    border-bottom: 1px solid #1A1C23; }
    body.dark-only .order-box .qty li {
      color: #bfc2c6; }
      body.dark-only .order-box .qty li span {
        color: #bfc2c6; }
  body.dark-only .order-box .sub-total li {
    color: #bfc2c6; }
  body.dark-only .order-box .total li {
    color: #bfc2c6; }
  body.dark-only .shopping-checkout-option .checkbox_animated:after {
    border: 2px solid #22242B; }
  body.dark-only .animate-chk .radio_animated:after {
    border: 2px solid #1A1C23; }
  body.dark-only .custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(41, 50, 64, 0.52); }
  body.dark-only .product-box .product-img .product-hover ul li .btn {
    color: #98a6ad; }
  body.dark-only .product-box .product-img .product-hover ul li:hover .btn {
    color: #fff; }
  body.dark-only .radio_animated:after,
  body.dark-only .checkbox_animated:after {
    background: #1A1C23;
    border: 2px solid #1A1C23; }
  body.dark-only .slider-product {
    border-top: 1px solid #1A1C23;
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .icon-menu-header svg {
    filter: invert(1); }
  body.dark-only .square-product-setting .icon-grid {
    background-color: #22242B; }
    body.dark-only .square-product-setting .icon-grid svg {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .active-order-table table thead tr th,
  body.dark-only .market-table table thead tr th {
    border-top: none !important; }
  body.dark-only .active-order-table table tbody tr td,
  body.dark-only .market-table table tbody tr td {
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .active-order-table table tbody tr:last-child td,
  body.dark-only .market-table table tbody tr:last-child td {
    border-bottom: none; }
  body.dark-only .pricing-card-design-2 .pricing-block .pricing-inner ul li {
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .flot-chart-container .legend .table tbody {
    background-color: #22242B;
    color: #fff; }
    body.dark-only .flot-chart-container .legend .table tbody .legendLabel {
      padding-left: 5px; }
  body.dark-only .google-visualization-tooltip text {
    fill: rgba(0, 0, 0, 0.7) !important; }
  body.dark-only .nav-dark .nav-link,
  body.dark-only .nav-pills.nav-dark .nav-link {
    color: #fff; }
  body.dark-only .loader-wrapper {
    background-color: #1A1C23; }
    body.dark-only .loader-wrapper .loader {
      background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .input-icon::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .card-header .sales-chart-dropdown-select .card-header-right-icon .dropdown .dropdown-toggle {
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .card-header .sales-chart-dropdown-select .card-header-right-icon .dropdown .dropdown-menu .dropdown-item {
    background-color: #1a1c23;
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7);
    opacity: 1; }
  body.dark-only .page-wrapper {
    /* Main Header start */
    /* Main Header ends */ }
    body.dark-only .page-wrapper .sidebar-main-title h6 {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-header .translate_wrapper.active .more_lang {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .page-header .translate_wrapper.active .lang {
      background-color: #22242B; }
    body.dark-only .page-wrapper .page-header form {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .page-header .header-wrapper {
      background-color: #1A1C23; }
      body.dark-only .page-wrapper .page-header .header-wrapper li i {
        color: #E6E9EB; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li svg {
        fill: rgba(255, 255, 255, 0.3);
        stroke: rgba(255, 255, 255, 0.3); }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right.right-header > ul > li .profile-media .media-body p {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .user-message a {
        color: #fff !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .notification-card a {
        color: #fff !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .media .media-body .txt-dark {
        color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li.notification-box a {
        color: #fff !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div {
        background-color: #1A1C23;
        box-shadow: 0 0 14px #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div li {
          border-color: rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div p {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:before {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:after {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div .card .card-header {
          background-color: #22242B;
          border-color: rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div .card .card-footer {
          border-color: rgba(255, 255, 255, 0.1);
          background-color: #22242B; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li {
        background-color: #22242B; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li span {
          color: #98a6ad; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div .bg-light {
        background-color: #282e38 !important;
        color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
        color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg path,
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg line,
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg circle {
          color: rgba(255, 255, 255, 0.6) !important; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover {
          color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg line,
          body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg path,
          body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg circle {
            color: var(--theme-deafult) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .media .media-body .txt-dark {
        color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div {
        background-color: #1A1C23;
        box-shadow: 0 0 2px 2px #22242B; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div:before {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div:after {
          border-bottom: 7px solid #1A1C23; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
        background-color: #22242B; }
    body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-dark {
      display: none; }
    body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-light {
      display: block; }
    body.dark-only .page-wrapper .page-body-wrapper {
      /* body start*/ }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .header-small {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .statistics p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .media-body p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .professor-block p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .media-body p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .professor-block p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .logs-element span + span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-block .progress-title span + span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .ecommerce-icons div span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .new-users .media .media-body p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .recent-notification .media .media-body p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .media .media-body span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .progress-change span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td {
        border-top: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr:last-child td {
        border-bottom: none; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .notifiaction-media .media .media-body .circle-left {
        border: 5px solid #334154; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner {
        border-bottom: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner:last-child {
          border-bottom: none; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table table tbody tr td {
        border-top: none !important; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .number-widgets .media .media-body h6 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.gradient-line-1:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.small-line:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.medium-line:after {
        background-color: #1A1C23; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .media-body h6 span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .card.custom-card .card-header {
        border-bottom: none !important; }
      body.dark-only .page-wrapper .page-body-wrapper .custom-card .card-header img {
        background-color: #000;
        opacity: 0.8; }
      body.dark-only .page-wrapper .page-body-wrapper .page-title .row h3 small {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        stroke: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .fc-theme-standard td {
        border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
      body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main {
        border-top-color: rgba(255, 255, 255, 0.1);
        border-right-color: rgba(255, 255, 255, 0.1);
        border-bottom-color: rgba(255, 255, 255, 0.1); }
      body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-sticky .fc-task-text-box .fc-task-text {
        color: #fff; }
      body.dark-only .page-wrapper .page-body-wrapper .fc-timegrid-event-harness-inset .fc-timegrid-event {
        box-shadow: none; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body {
        background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card:not(.email-body) {
          border: none; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) {
          color: rgba(255, 255, 255, 0.7);
          background-color: #22242B;
          box-shadow: 1px 1px 2px 1px rgba(29, 28, 28, 0.08);
          border: 1px solid rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.widget-1:not(.email-body) {
            background-color: #1b1d24;
            background-blend-mode: overlay; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card.widget-1:not(.email-body) .widget-round .bg-round {
              box-shadow: 1px 2px 21px -2px rgba(14, 14, 16, 0.83); }
              body.dark-only .page-wrapper .page-body-wrapper .page-body .card.widget-1:not(.email-body) .widget-round .bg-round .half-circle {
                background: rgba(49, 53, 66, 0); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.social-profile:not(.email-body) {
            background-blend-mode: overlay;
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr td {
            color: #051A1A; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table thead .border-bottom-light th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table thead .border-bottom-light td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table tbody .border-bottom-light th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table tbody .border-bottom-light td {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.trending-card:not(.email-body) {
            background-color: #010314; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.explore-card:not(.email-body) {
            background-color: #22242B;
            background-blend-mode: overlay; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.balance-box:not(.email-body) {
            background-blend-mode: overlay;
            background-color: #16171c; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg > rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg > g text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg > g > rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg > g > text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header {
            background-color: transparent;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header > span {
              color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h1,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h2,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h3,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h4,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h5,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h6 {
              color: #fff; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right {
              background-color: #22242B; }
              body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i {
                color: rgba(255, 255, 255, 0.6); }
                body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i.fa-cog {
                  color: var(--theme-deafult); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header.note-toolbar {
              background-color: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark {
            color: #98a6ad; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark a {
              color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline-2x,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.inverse {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #animation-box .animate-widget p {
            color: #98a6ad !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .grid-item img {
            background-color: #22242B;
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .line {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) thead,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tbody,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tfoot,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tr,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) th {
            border-color: rgba(255, 255, 255, 0.03); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table td {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead th {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead .border-bottom-primary th {
            border-bottom: 1px solid var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger td {
            color: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-primary,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-secondary,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-success,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-info,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-warning,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-danger {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-light {
            color: #000; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .thead-light th {
            color: #000; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary td {
            border-bottom: 1px solid var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*='bg-'] th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*='bg-'] td {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd) {
            --bs-table-accent-bg: rgba(0, 0, 0, 0.05); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover th,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover td {
              color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-double,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dotted,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dashed {
            border-left-color: rgba(255, 255, 255, 0.1);
            border-right-color: rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered {
            border-color: rgba(255, 255, 255, 0.1) !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered td,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered th {
              border-color: rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-inverse tbody tr:nth-of-type(odd):hover td {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical tr,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical td {
            border-right: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody td {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-footer {
            background-color: #22242B;
            border-top: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch .switch-state {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch input:checked + .switch-state {
            background-color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bg-white {
            background-color: #22242B !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-l-light {
            border-left: 1px solid #1A1C23 !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-grid {
            stroke: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-label {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) hr {
            border-top: 1px solid rgba(255, 255, 255, 0.3); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .text-muted {
            color: rgba(255, 255, 255, 0.6) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-dark,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light-2x {
            color: #fff !important;
            border: 2px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x {
            border: 2px solid #fff !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:hover, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:focus {
              color: #051A1A; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light:hover {
            color: #000 !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right {
            border-right: 1px solid rgba(255, 255, 255, 0.3) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder .flot-text {
            color: rgba(255, 255, 255, 0.6) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder svg text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #gantt_chart.chart-overflow svg g rect:first-child {
            fill: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #gantt_chart.chart-overflow rect:nth-child(6) {
            fill: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #line-chart.chart-overflow rect, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #column-chart1.chart-overflow rect, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #column-chart2.chart-overflow rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > g > g > g text {
            fill: #b1b1b2; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > g > text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .radial-bar:after {
            background-color: #22242B;
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num {
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num .color-bottom {
              color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-r-light {
            border-right: 1px solid rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-labels .ct-label,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-labels .ct-label,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-labels .ct-label,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-labels .ct-label {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-grid,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-grid,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-grid,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-grid {
            stroke: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #browser-uses-chart svg text,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #website-visiter-chart svg text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 {
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 span {
              color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details span {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .clipboaard-container .form-control {
            background-color: #1A1C23;
            color: #98a6ad;
            border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .img-thumbnail {
            background-color: #1A1C23;
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper button {
            color: #000; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper.no-footer .dataTables_scrollBody {
            border-bottom: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-danger,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-success,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-primary {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length select {
            background-color: #1A1C23;
            color: rgba(255, 255, 255, 0.6);
            border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_info,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_processing,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate {
            border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter input[type="search"] {
            background-color: #1A1C23;
            border: 1px solid #1A1C23;
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr {
            background-color: #22242B; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover > .sorting_1,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr:hover > .sorting_1 {
              background-color: #1c212b; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd {
            background-color: #1f232b; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd > .sorting_1,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
              background-color: #1c212b; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
            background-color: #22262f; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable {
            border: 1px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead th,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead td {
              border-bottom: 2px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable input,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable select {
              background-color: #1A1C23;
              color: rgba(255, 255, 255, 0.6);
              border: 1px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody tr {
              background-color: #22242B; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody td.select-checkbox:before,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody th.select-checkbox:before {
              border: 1px solid #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .table-striped tbody tr:nth-of-type(odd) {
            --bs-table-accent-bg: #1d1e26; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button {
            color: rgba(255, 255, 255, 0.6) !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.current, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button:active {
              border-color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
            color: #98a6ad !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled :active {
              color: #98a6ad !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody td {
            border-top: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even:hover > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
            background-color: #191e27; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.hover tbody tr:hover,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover {
            background-color: #1c212b; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td {
            border-top: 1px solid #1A1C23;
            border-right: 1px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th:first-child,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td:first-child {
              border-left: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_2,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_3,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_2,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_3 {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #example-style-3_wrapper #example-style-3 tfoot {
            border-top: 2px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link {
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.disabled .page-link {
            background-color: #22242B;
            border-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link {
            color: rgba(255, 255, 255, 0.6);
            background-color: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item:hover .page-link {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.active .page-link {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .icon {
            color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num {
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num span {
              color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget span {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-container-small {
            background-color: #22242B;
            border-top: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td span,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td p {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table h6 {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs {
            border: none; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-item .nav-link {
              color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link.active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:focus, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:hover {
              color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a {
            background-color: #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-selected {
              background-color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a {
            border: 2px solid #1A1C23;
            background-color: #22242B;
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-selected {
              border: 2px solid var(--theme-deafult);
              color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-selected:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-active:after,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-selected:after,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-active:after {
            color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .scroll-demo {
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form input {
            border: 1px solid #1A1C23;
            color: rgba(255, 255, 255, 0.6);
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form .form-group:before {
            background: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-content {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(odd) .cd-timeline-content::before {
            border-left-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
            border-right-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .breadcrumb.bg-white {
            background-color: #22242B !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris-daily svg,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris svg,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #browser-uses-chart svg,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #website-visiter-chart svg {
            opacity: 0.5; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body #viewhtml .render {
          background-color: #22242B;
          color: rgba(255, 255, 255, 0.6);
          border-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .wizard-4 ul.anchor li a.disabled {
          color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description h4 {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description a > div {
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description p {
          color: #98a6ad; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-header {
          background-color: #22242B;
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell {
          background: #22242B;
          border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell input,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell input,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell input,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell input {
            background-color: #1A1C23;
            border-color: #1A1C23;
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell input:focus,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell input:focus,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell input:focus,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell input:focus {
              outline: none; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row select,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row select {
          background-color: #1A1C23;
          border-color: #1A1C23;
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-row > .jsgrid-cell {
          background-color: #22242B; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-alt-row > .jsgrid-cell {
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-body {
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-selected-row > .jsgrid-cell {
          background-color: #1c212b; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager [class*="jsgrid-pager"] {
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager .jsgrid-pager-page a {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-pager-current-page {
          color: rgba(255, 255, 255, 0.6);
          font-weight: 700; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .sub-title {
          border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .card .sub-title {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a {
          color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a:hover {
            color: var(--theme-deafult); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon .separator {
          border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according li .text-muted {
          color: rgba(255, 255, 255, 0.6) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon.default-according.style-1 li button:hover {
          color: var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li a {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover {
          color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover a {
            color: var(--theme-deafult); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div {
          background-color: #1A1C23;
          box-shadow: 0 0 14px 0 #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li p {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg path,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg line,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polyline,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polygon,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg rect {
            color: rgba(255, 255, 255, 0.6) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg path,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg line,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polyline,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polygon,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg rect {
            color: var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .onhover-dropdown:hover .onhover-show-div:before {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .btn-link {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body {
          color: #98a6ad; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body {
          border: 1px solid rgba(255, 255, 255, 0.1);
          border-top: none; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border {
          border: 1px solid rgba(255, 255, 255, 0.1) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-1 {
          border: 1px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-2 {
          border: 2px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .grid-showcase span.border-2 {
          border: 2px solid rgba(255, 255, 255, 0.1) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-3 {
          border: 3px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-4 {
          border: 4px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-5 {
          border: 5px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-6 {
          border: 6px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-7 {
          border: 7px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-8 {
          border: 8px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-9 {
          border: 9px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-10 {
          border: 10px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-primary {
          border: none !important;
          border-top: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-primary {
          border: none !important;
          border-bottom: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-primary {
          border: none !important;
          border-left: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-primary {
          border: none !important;
          border-right: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-primary {
          border: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-secondary {
          border: none !important;
          border-top: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-secondary {
          border: none !important;
          border-bottom: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-secondary {
          border: none !important;
          border-left: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-secondary {
          border: none !important;
          border-right: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-secondary {
          border: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-success {
          border: none !important;
          border-top: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-success {
          border: none !important;
          border-bottom: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-success {
          border: none !important;
          border-left: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-success {
          border: none !important;
          border-right: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-success {
          border: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-danger {
          border: none !important;
          border-top: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-danger {
          border: none !important;
          border-bottom: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-danger {
          border: none !important;
          border-left: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-danger {
          border: none !important;
          border-right: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-danger {
          border: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-warning {
          border: none !important;
          border-top: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-warning {
          border: none !important;
          border-bottom: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-warning {
          border: none !important;
          border-left: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-warning {
          border: none !important;
          border-right: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-warning {
          border: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-info {
          border: none !important;
          border-top: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-info {
          border: none !important;
          border-bottom: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-info {
          border: none !important;
          border-left: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-info {
          border: none !important;
          border-right: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-info {
          border: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-light {
          border: none !important;
          border-top: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-light {
          border: none !important;
          border-bottom: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-light {
          border: none !important;
          border-left: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-light {
          border: none !important;
          border-right: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-light {
          border: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-dark {
          border: none !important;
          border-top: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-dark {
          border: none !important;
          border-bottom: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-dark {
          border: none !important;
          border-left: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-dark {
          border: none !important;
          border-right: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-dark {
          border: 1px solid #2c323f !important; }
      body.dark-only .page-wrapper .page-body-wrapper .footer {
        border-top: 1px solid #1A1C23;
        background-color: #22242B; }
        body.dark-only .page-wrapper .page-body-wrapper .footer p {
          color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .custom-select,
      body.dark-only .page-wrapper .page-body-wrapper .custom-file-label {
        background: #1A1C23;
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .footer-fix {
        background-color: #22242B;
        border-top: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .note textarea {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .dt-button-info {
      background-color: #22242B;
      border: 1px solid #98a6ad; }
      body.dark-only .page-wrapper .dt-button-info h2 {
        background-color: #22242B; }
    body.dark-only .page-wrapper pre {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .scorlled {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .input-group-air {
      box-shadow: 0 3px 20px 0 #1A1C23; }
    body.dark-only .page-wrapper .input-group-text {
      background-color: #22242B;
      border: 1px solid #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .input-group-text i {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .input-group-solid .input-group-text,
    body.dark-only .page-wrapper .input-group-solid .form-control {
      background: #1A1C23;
      border: 1px solid #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .semilight-bg-color,
    body.dark-only .page-wrapper .header-bg-color {
      background-color: #fff; }
    body.dark-only .page-wrapper .list-group-item {
      background-color: #22242B;
      border: 1px solid rgba(255, 255, 255, 0.3);
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .list-group-item + .list-group-item {
        border-top-width: 0; }
      body.dark-only .page-wrapper .list-group-item.active {
        background-color: var(--theme-deafult) !important;
        border-color: var(--theme-deafult);
        color: #fff; }
      body.dark-only .page-wrapper .list-group-item:hover, body.dark-only .page-wrapper .list-group-item:focus {
        z-index: 1;
        text-decoration: none; }
    body.dark-only .page-wrapper .list-group-item-action:hover:not(.active), body.dark-only .page-wrapper .list-group-item-action:focus {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .list-group-flush .list-group-item {
      border-left: 0;
      border-right: 0;
      border-radius: 0; }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-primary {
      border-left: 4px solid var(--theme-deafult); }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-secondary {
      border-left: 4px solid var(--theme-secondary); }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-warning {
      border-left: 4px solid #FFAE1A; }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-success {
      border-left: 4px solid #00AC46; }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-info {
      border-left: 4px solid #173878; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-primary {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-secondary {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-warning {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-success {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-info {
      border-left: none; }
    body.dark-only .page-wrapper .list-group-item-primary {
      color: #004085;
      background-color: #b8daff; }
    body.dark-only .page-wrapper .list-group-item-secondary {
      color: #383d41;
      background-color: #d6d8db; }
    body.dark-only .page-wrapper .list-group-item-success {
      color: #155724;
      background-color: #c3e6cb; }
    body.dark-only .page-wrapper .list-group-item-danger {
      color: #721c24;
      background-color: #f5c6cb; }
    body.dark-only .page-wrapper .list-group-item-warning {
      color: #856404;
      background-color: #ffeeba; }
    body.dark-only .page-wrapper .list-group-item-info {
      color: #0c5460;
      background-color: #bee5eb; }
    body.dark-only .page-wrapper .list-group-item-light {
      color: #818182;
      background-color: #fdfdfe; }
    body.dark-only .page-wrapper .list-group-item-dark {
      color: #1b1e21;
      background-color: #c6c8ca; }
    body.dark-only .page-wrapper .auth-bg {
      background-blend-mode: overlay;
      background-color: rgba(54, 64, 74, 0.9); }
      body.dark-only .page-wrapper .auth-bg .authentication-box .card {
        background-color: #22242B; }
        body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group input {
          color: rgba(255, 255, 255, 0.6);
          background-color: #1A1C23;
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group label {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label {
          color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label::before {
            background-color: #1A1C23;
            border: 1px solid #1A1C23; }
      body.dark-only .page-wrapper .auth-bg .authentication-box h3,
      body.dark-only .page-wrapper .auth-bg .authentication-box h4,
      body.dark-only .page-wrapper .auth-bg .authentication-box h6 {
        color: #fff; }
    body.dark-only .page-wrapper .auth-bg-video {
      background-blend-mode: overlay;
      background-color: rgba(54, 64, 74, 0.7); }
      body.dark-only .page-wrapper .auth-bg-video .authentication-box h4,
      body.dark-only .page-wrapper .auth-bg-video .authentication-box h3 {
        color: #fff; }
      body.dark-only .page-wrapper .auth-bg-video .authentication-box h6 {
        color: #98a6ad; }
      body.dark-only .page-wrapper .auth-bg-video .authentication-box .card {
        background-color: #22242B; }
        body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type=text],
        body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type=password] {
          background-color: #1A1C23;
          border: 1px solid #1A1C23;
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .checkbox label::before {
          background-color: #1A1C23;
          border: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i {
      color: #1A1C23; }
    body.dark-only .page-wrapper .error-wrapper .maintenance-icons li:nth-child(3) i {
      color: #1A1C23; }
    body.dark-only .page-wrapper .modal-content {
      background-color: #22242B; }
      body.dark-only .page-wrapper .modal-content .modal-header {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
        body.dark-only .page-wrapper .modal-content .modal-header .modal-title {
          color: #fff; }
        body.dark-only .page-wrapper .modal-content .modal-header .close {
          color: #98a6ad; }
      body.dark-only .page-wrapper .modal-content .modal-footer {
        border-top: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .comingsoon {
      background-blend-mode: overlay;
      background-color: rgba(54, 64, 74, 0.9); }
      body.dark-only .page-wrapper .comingsoon .comingsoon-inner h5 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown {
        border-top: 1px solid #1A1C23;
        border-bottom: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown .title {
          color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .comingsoon .comingsoon-inner .coming-soon-bottom-link a {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .theme-form .login-divider {
      border-top: 1px solid #1A1C23; }
      body.dark-only .page-wrapper .theme-form .login-divider:before {
        background: #1A1C23;
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .authentication-main {
      background-color: #1A1C23; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .card {
        background-color: #22242B; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .reset-password-link {
        color: #98a6ad; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group label {
        color: #98a6ad; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group .form-control {
        background-color: #1A1C23;
        color: rgba(255, 255, 255, 0.6);
        border-color: #1A1C23; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .opt-box {
        background-color: #1A1C23; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h4 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h6 {
        color: #98a6ad; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h3 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card {
        background-color: #22242B; }
        body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type=text],
        body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type=password] {
          background-color: #1A1C23;
          border: 1px solid #1A1C23;
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .checkbox label::before {
          background-color: #1A1C23;
          border: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .vertical-menu-main {
      background-color: #22242B; }
    body.dark-only .page-wrapper .mega-menu .title {
      color: rgba(255, 255, 255, 0.6);
      border-bottom: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .mega-menu .list-unstyled div a:hover {
      color: var(--theme-deafult); }
    body.dark-only .page-wrapper .default-according .card {
      background-color: #22242B; }
      body.dark-only .page-wrapper .default-according .card .btn-link {
        background-color: #22242B;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: none;
        color: #fff; }
      body.dark-only .page-wrapper .default-according .card .text-muted {
        color: #98a6ad !important; }
    body.dark-only .page-wrapper .default-according .bg-primary .btn-link {
      background-color: var(--theme-deafult);
      border: 1px solid var(--theme-deafult); }
    body.dark-only .page-wrapper .default-according .bg-secondary .btn-link {
      background-color: var(--theme-secondary);
      border: 1px solid var(--theme-secondary); }
    body.dark-only .page-wrapper .collapse .card-body {
      background-color: #22242B; }
    body.dark-only .page-wrapper .balance-widget.card-body {
      background-color: #22242B;
      background-blend-mode: overlay; }
    @media screen and (max-width: 1660px) {
      body.dark-only .page-wrapper .caller-img img {
        opacity: 0.7; } }
    @media only screen and (max-width: 1199px) {
      body.dark-only .page-wrapper .mobile-title.d-none {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      body.dark-only .page-wrapper .chat-menu {
        border-top: 1px solid #1A1C23;
        background-color: #22242B; }
      body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i {
        color: #2c323f; } }
    @media only screen and (max-width: 575.98px) {
      body.dark-only .page-wrapper .user-profile .hovercard .info .user-designation {
        border-top: 1px solid #1A1C23;
        border-bottom: 1px solid #1A1C23; }
      body.dark-only .page-wrapper .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, body.dark-only .page-wrapper .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
        border-right: 1px solid rgba(255, 255, 255, 0.1); } }
  body.dark-only .lg-backdrop {
    background-color: #1A1C23; }
  body.dark-only .lg-outer .lg-thumb-outer {
    background-color: #22242B; }
  body.dark-only .drag {
    background-color: #22242B; }
    body.dark-only .drag form {
      background: #22242B;
      box-shadow: 0 0 30px #1A1C23;
      border: 1px dotted #1A1C23; }
      body.dark-only .drag form input {
        background-color: #1A1C23;
        border: 1px solid #1A1C23;
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .drag form .help-block {
        text-transform: capitalize;
        color: #98a6ad; }
  body.dark-only .draggable input {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid #1A1C23; }
  body.dark-only .draggable p {
    color: #98a6ad; }
  body.dark-only .draggable select {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid #1A1C23; }
  body.dark-only .draggable .radio label::before,
  body.dark-only .draggable .checkbox label::before {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only .select2-container--default .select2-selection--multiple,
  body.dark-only .select2-container--default .select2-selection--single {
    background-color: #1A1C23;
    border: 1px solid #1A1C23 !important; }
  body.dark-only .select2-container--default .select2-search--inline .select2-search__field {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #22242B !important;
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .select2-dropdown {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only .select2-drpdwn .form-control-primary {
    border-color: var(--theme-deafult) !important;
    color: var(--theme-deafult) !important; }
  body.dark-only .select2-drpdwn .form-control-secondary {
    border-color: var(--theme-secondary) !important;
    color: var(--theme-secondary) !important; }
  body.dark-only .select2-drpdwn .form-control-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important; }
  body.dark-only .select2-drpdwn .form-control-info {
    border-color: #173878 !important;
    color: #173878 !important; }
  body.dark-only .select2-drpdwn .form-control-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important; }
  body.dark-only .select2-drpdwn .form-control-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important; }
  body.dark-only .select2-drpdwn .form-control-inverse {
    border-color: #fff !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-primary-fill {
    background-color: var(--theme-deafult) !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-secondary-fill {
    background-color: var(--theme-secondary) !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-success-fill {
    background-color: #00AC46 !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-info-fill {
    background-color: #173878 !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-warning-fill {
    background-color: #FFAE1A !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-danger-fill {
    background-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-inverse-fill {
    background-color: #fff !important;
    color: #000 !important; }
  body.dark-only .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #1A1C23; }
  body.dark-only .theme-form .form-group select.form-control:not([size]):not([multiple]) {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border-color: #1A1C23; }
  body.dark-only .theme-form .form-group input[type=text],
  body.dark-only .theme-form .form-group input[type=email],
  body.dark-only .theme-form .form-group input[type=search],
  body.dark-only .theme-form .form-group input[type=password],
  body.dark-only .theme-form .form-group input[type=number],
  body.dark-only .theme-form .form-group input[type=tel],
  body.dark-only .theme-form .form-group input[type=date],
  body.dark-only .theme-form .form-group input[type=datetime-local],
  body.dark-only .theme-form .form-group input[type=time],
  body.dark-only .theme-form .form-group input[type=datetime-local],
  body.dark-only .theme-form .form-group input[type=month],
  body.dark-only .theme-form .form-group input[type=week],
  body.dark-only .theme-form .form-group input[type=url],
  body.dark-only .theme-form .form-group input[type=file],
  body.dark-only .theme-form .form-group select {
    border-color: #1A1C23;
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .theme-form .form-group input[type=text]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=email]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=search]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=password]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=number]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=tel]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=date]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=datetime-local]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=time]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=datetime-local]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=month]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=week]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=url]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=file]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group select::-webkit-input-placeholder {
      color: #98a6ad; }
  body.dark-only .theme-form .form-group .form-control {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .theme-form .form-group textarea {
    border-color: #1A1C23; }
  body.dark-only .theme-form .form-divider {
    border-top: 1px solid #1A1C23; }
    body.dark-only .theme-form .form-divider::before {
      background: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .CodeMirror {
    background: #22242B;
    border: 1px solid #98a6ad;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .CodeMirror .CodeMirror-code pre {
      background: #22242B; }
  body.dark-only .editor-toolbar {
    border-top: 1px solid #98a6ad;
    border-left: 1px solid #98a6ad;
    border-right: 1px solid #98a6ad; }
    body.dark-only .editor-toolbar a {
      color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .editor-toolbar a:hover, body.dark-only .editor-toolbar a.active {
        background: #1A1C23; }
    body.dark-only .editor-toolbar i.separator {
      border-left: 1px solid #98a6ad;
      border-right: 1px solid #98a6ad; }
    body.dark-only .editor-toolbar.fullscreen::before {
      background: linear-gradient(to right, #1A1C23 0, rgba(0, 0, 0, 0) 100%); }
    body.dark-only .editor-toolbar.fullscreen::after {
      background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, #1A1C23 100%); }
  body.dark-only .editor-toolbar.disabled-for-preview a:not(.no-disable) {
    background: #1A1C23; }
  body.dark-only .editor-preview {
    background-color: #22242B; }
  body.dark-only .editor-toolbar.fullscreen,
  body.dark-only .editor-preview-side {
    background: #22242B;
    border: 1px solid #98a6ad; }
  body.dark-only .u-step {
    background: #1A1C23; }
    body.dark-only .u-step.active, body.dark-only .u-step.current {
      background: var(--theme-deafult);
      color: #fff; }
  body.dark-only .u-step-title,
  body.dark-only .u-pearl-title {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .u-step-number {
    background-color: #22242B; }
  body.dark-only .u-pearl:before {
    background-color: #1A1C23; }
  body.dark-only .u-pearl-number,
  body.dark-only .u-pearl-icon {
    background: #1A1C23;
    border: 2px solid #1A1C23; }
  body.dark-only .u-pearl.disabled .u-pearl-icon,
  body.dark-only .u-pearl.disabled .u-pearl-number {
    background: #1A1C23;
    border: 2px solid #1A1C23; }
  body.dark-only .u-pearl.disabled:after {
    background-color: #334053; }
  body.dark-only .u-pearl.error:after {
    background-color: #1A1C23; }
  body.dark-only .note-editor.note-frame {
    border-color: #1A1C23; }
    body.dark-only .note-editor.note-frame .note-editing-area .note-editable {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .swal-modal {
    background-color: #22242B; }
    body.dark-only .swal-modal .swal-title {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .swal-modal .swal-text {
      color: #98a6ad; }
    body.dark-only .swal-modal .swal-content__input {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .nav-tabs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .nav-tabs .nav-link {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .nav-tabs .nav-link.active {
        background-color: #22242B;
        color: rgba(255, 255, 255, 0.6);
        border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) #22242B; }
      body.dark-only .nav-tabs .nav-link:hover, body.dark-only .nav-tabs .nav-link:focus {
        border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) #323846; }
    body.dark-only .nav-tabs .nav-item.show .nav-link {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6);
      border-color: #1A1C23 #1A1C23 #22242B; }
  body.dark-only .nav-primary .nav-link.active {
    background-color: var(--theme-deafult); }
  body.dark-only .nav-primary .nav-item.show .nav-link {
    background-color: var(--theme-deafult); }
  body.dark-only .custom-tab.nav-tabs {
    border-bottom: none; }
  body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.active, body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.focus, body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.hover {
    border-color: #22242B #1A1C23 #1A1C23; }
  body.dark-only .border-tab .nav-link.active {
    background-color: transparent; }
  body.dark-only .border-tab .show > .nav-link {
    background-color: transparent; }
  body.dark-only .email-wrap .media-body h6 {
    color: #fff; }
  body.dark-only .email-wrap .media-body p {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .email-wrap .email-app-sidebar ul li a > .title {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .email-wrap .main-menu > li a:hover {
    background-color: #1A1C23; }
  body.dark-only .email-wrap .main-menu > li a:active {
    background-color: #1A1C23; }
  body.dark-only .border-tab.nav-left .nav-link,
  body.dark-only .border-tab.nav-right .nav-link {
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .border-tab.nav-left .nav-link.active,
    body.dark-only .border-tab.nav-right .nav-link.active {
      color: var(--theme-deafult); }
  body.dark-only .border-tab.nav-left .show > .nav-link,
  body.dark-only .border-tab.nav-right .show > .nav-link {
    color: var(--theme-deafult); }
  body.dark-only .border-tab.nav-left.nav-secondary .nav-link.active, body.dark-only .border-tab.nav-left.nav-secondary .nav-link:focus, body.dark-only .border-tab.nav-left.nav-secondary .nav-link:hover {
    border-left-color: var(--theme-secondary);
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-left.nav-secondary .show > .nav-link {
    border-left-color: var(--theme-secondary);
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-left.nav-secondary .nav-item.show {
    color: var(--theme-secondary) !important;
    border-left-color: var(--theme-secondary); }
  body.dark-only .border-tab.nav-left.nav-success .nav-link.active, body.dark-only .border-tab.nav-left.nav-success .nav-link:focus, body.dark-only .border-tab.nav-left.nav-success .nav-link:hover {
    color: #00AC46 !important; }
  body.dark-only .border-tab.nav-left.nav-success .show > .nav-link {
    border-left-color: #00AC46;
    color: #00AC46 !important; }
  body.dark-only .border-tab.nav-left.nav-success .nav-item.show {
    color: #00AC46 !important;
    border-left-color: #00AC46; }
  body.dark-only .border-tab.nav-right.nav-info .nav-link.active, body.dark-only .border-tab.nav-right.nav-info .nav-link:focus, body.dark-only .border-tab.nav-right.nav-info .nav-link:hover {
    color: #173878 !important; }
  body.dark-only .border-tab.nav-right.nav-info .show > .nav-link {
    border-left-color: #173878;
    color: #173878 !important; }
  body.dark-only .border-tab.nav-right.nav-info .nav-item.show {
    color: #173878 !important;
    border-left-color: #173878; }
  body.dark-only .border-tab.nav-secondary .nav-link.active, body.dark-only .border-tab.nav-secondary .nav-link:focus, body.dark-only .border-tab.nav-secondary .nav-link:hover {
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-secondary .nav-item.show {
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-success .nav-link.active, body.dark-only .border-tab.nav-success .nav-link:focus, body.dark-only .border-tab.nav-success .nav-link:hover {
    color: #00AC46 !important; }
  body.dark-only .border-tab.nav-success .nav-item.show {
    color: #00AC46 !important; }
  body.dark-only .dropdown-divider {
    border-top: 1px solid #1A1C23; }
  body.dark-only .icon-hover-bottom {
    background-color: #22242B;
    box-shadow: 0px 0px 1px 1px #1A1C23; }
    body.dark-only .icon-hover-bottom .icon-title {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .icon-hover-bottom span {
      color: #98a6ad; }
    body.dark-only .icon-hover-bottom .form-group input {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6);
      border: 1px solid #1A1C23; }
    body.dark-only .icon-hover-bottom .icon-first i {
      color: #98a6ad; }
  body.dark-only code {
    background-color: #1A1C23;
    border-radius: 2px; }
  body.dark-only #cd-timeline::before {
    background: #1A1C23; }
  body.dark-only .timeliny {
    border-top: 1px solid #1A1C23;
    border-bottom: 1px solid #1A1C23; }
    body.dark-only .timeliny::before {
      background-color: #fff; }
    body.dark-only .timeliny .timeliny-dot {
      background-color: #22242B;
      border: 1px solid #fff; }
      body.dark-only .timeliny .timeliny-dot::before {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::before {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::after {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6);
      border: none; }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover {
      background-color: #fff; }
      body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover::before {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock .timeliny-dot:hover::after {
      background-color: #22242B;
      border: 1px solid #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .todo .todo-list-wrapper #todo-list li .task-container {
    background: #22242B;
    border-bottom: 1px solid #1A1C23; }
    body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-label {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .todo .todo-list-wrapper #todo-list li .task-container:hover h4 {
      color: #fff; }
    body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover:not(.active) {
      background: #22242B;
      border: 1px solid #1A1C23; }
  body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label {
    color: var(--theme-deafult); }
  body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover {
    border: 1px solid #00AC46 !important; }
  body.dark-only .todo .todo-list-wrapper .todo-list-footer .new-task-wrapper textarea {
    background-color: #22242B;
    border: 1px solid #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .ttl-info h6 {
    color: #98a6ad; }
  body.dark-only .user-profile .ttl-info span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .hovercard .info .title a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .hovercard .user-image .avatar img {
    border: 10px solid #22242B; }
  body.dark-only .user-profile .hovercard .user-image .icon-wrapper {
    background-color: #22242B; }
  body.dark-only .user-profile .hovercard .tabs-scoial {
    border-bottom: none !important; }
  body.dark-only .user-profile .follow .follow-num {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .profile-img-style .user-name {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .profile-img-style p {
    color: #98a6ad; }
  body.dark-only .introjs-helperLayer {
    background-color: rgba(54, 64, 74, 0.9);
    border: rgba(255, 255, 255, 0.5); }
  body.dark-only .jstree-default .jstree-node,
  body.dark-only .jstree-default .jstree-icon {
    color: #455869 !important; }
  body.dark-only .jstree-default .jstree-anchor {
    color: #98a6ad; }
  body.dark-only .jstree-default .jstree-clicked {
    color: #fff;
    background-color: transparent; }
  body.dark-only .jstree-default .jstree-hovered {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only span.twitter-typeahead .tt-menu {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only span.twitter-typeahead .tt-suggestion {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only span.twitter-typeahead .tt-suggestion:hover, body.dark-only span.twitter-typeahead .tt-suggestion:focus {
      background-color: #22242B; }
  body.dark-only .typography small {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .code-box-copy pre {
    background-color: #1A1C23; }
    body.dark-only .code-box-copy pre code {
      background-color: #1A1C23; }
  body.dark-only .code-box-copy pre[class*="language-"] {
    border: 1px solid #1A1C23; }
  body.dark-only .code-box-copy .code-box-copy__btn {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    color: #fff; }
  body.dark-only .code-box-copy code[class*=language-],
  body.dark-only .code-box-copy pre[class*=language-] {
    text-shadow: 0px 1px #000; }
    body.dark-only .code-box-copy code[class*=language-] ::selection,
    body.dark-only .code-box-copy pre[class*=language-] ::selection {
      text-shadow: none;
      background: #22242B; }
  body.dark-only table.fixedHeader-floating {
    background-color: #1A1C23; }
  body.dark-only .note textarea {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .dt-button-info {
    background-color: #22242B;
    border: 1px solid #1A1C23; }
    body.dark-only .dt-button-info h2 {
      background-color: #22242B;
      border-bottom: 1px solid #1A1C23; }
  body.dark-only pre {
    background-color: #1A1C23; }
  body.dark-only #keytable_wrapper .dataTables_paginate,
  body.dark-only #column-selector_wrapper .dataTables_paginate,
  body.dark-only #auto-fill_wrapper .dataTables_paginate,
  body.dark-only #custom-button_wrapper .dataTables_paginate,
  body.dark-only #class-button_wrapper .dataTables_paginate,
  body.dark-only #keyboard-btn_wrapper .dataTables_paginate,
  body.dark-only #multilevel-btn_wrapper .dataTables_paginate,
  body.dark-only #pagelength-btn_wrapper .dataTables_paginate,
  body.dark-only #basic-colreorder_wrapper .dataTables_paginate,
  body.dark-only #state-saving_wrapper .dataTables_paginate,
  body.dark-only #real-time_wrapper .dataTables_paginate,
  body.dark-only #basic-fixed-header_wrapper .dataTables_paginate,
  body.dark-only #fixed-header-footer_wrapper .dataTables_paginate,
  body.dark-only #export-button_wrapper .dataTables_paginate,
  body.dark-only #excel-cust-bolder_wrapper .dataTables_paginate,
  body.dark-only #cust-json_wrapper .dataTables_paginate,
  body.dark-only #basic-key-table_wrapper .dataTables_paginate,
  body.dark-only #focus-cell_wrapper .dataTables_paginate,
  body.dark-only #responsive_wrapper .dataTables_paginate,
  body.dark-only #new-cons_wrapper .dataTables_paginate,
  body.dark-only #show-hidden-row_wrapper .dataTables_paginate,
  body.dark-only #basic-row-reorder_wrapper .dataTables_paginate,
  body.dark-only #full-row_wrapper .dataTables_paginate,
  body.dark-only #rest-column_wrapper .dataTables_paginate {
    border: none; }
  body.dark-only #example-style-8_wrapper table.dataTable.stripe tbody tr.odd,
  body.dark-only #example-style-8_wrapper table.dataTable.display tbody tr.odd {
    background-color: #1A1C23; }
  body.dark-only .error-wrapper {
    background-color: rgba(54, 64, 74, 0.8); }
    body.dark-only .error-wrapper .sub-content {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .b-light {
    border: 1px solid #1A1C23 !important; }
  body.dark-only .modal-content {
    background-color: #22242B; }
    body.dark-only .modal-content .modal-header {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      body.dark-only .modal-content .modal-header h3 {
        color: #fff; }
      body.dark-only .modal-content .modal-header .close {
        color: rgba(255, 255, 255, 0.6);
        font-weight: 400; }
    body.dark-only .modal-content .ui-front .form-control {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6);
      border: 1px solid rgba(255, 255, 255, 0.3); }
  body.dark-only .modal .theme-close {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .token.atrule,
  body.dark-only .token.attr-value,
  body.dark-only .token.keyword {
    color: #173878; }
  body.dark-only .token.boolean, body.dark-only .token.constant, body.dark-only .token.deleted, body.dark-only .token.number, body.dark-only .token.property, body.dark-only .token.symbol, body.dark-only .token.tag {
    color: #FE6A49; }
  body.dark-only .loader-box.card-loader {
    background-color: #22242B; }
  body.dark-only .my-gallery.gallery-with-description img {
    border: 1px solid #1A1C23 !important;
    border-bottom: none !important; }
  body.dark-only .alert-primary.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-secondary.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-success.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-danger.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-warning.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-info.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-light.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-dark.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-theme span + span + span {
    border-left: 5px solid var(--theme-deafult);
    background-color: #1A1C23;
    border-radius: 4px; }
  body.dark-only .alert-theme i {
    color: #fff;
    padding: 20px;
    margin-right: 20px !important; }
  body.dark-only .user-card .user-deatils h6 {
    color: #98a6ad; }
  body.dark-only .user-card .card-footer > div:first-child {
    border-right: 1px solid #1A1C23; }
  body.dark-only .user-card .card-footer .user-footer h6 {
    color: #98a6ad; }
  body.dark-only .user-card .card-footer .user-footer svg path,
  body.dark-only .user-card .card-footer .user-footer svg rect {
    color: #98a6ad; }
  body.dark-only .order-history table .qty-box button {
    background-color: #1A1C23 !important;
    border: none !important; }
  body.dark-only .order-history table .qty-box .input-group {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .order-history table thead tr th {
    background-color: #1A1C23; }
  body.dark-only .order-history table tr td,
  body.dark-only .order-history table tr th {
    border-top: none !important; }
  body.dark-only .order-history .title-orders {
    background-color: #1A1C23; }
  body.dark-only .navigation-option ul li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .navigation-option ul li:hover {
    background-color: #1A1C23; }
  body.dark-only .product-box .product-details h6 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .product-box .product-details > a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .product-box .product-details span {
    color: #98a6ad; }
  body.dark-only .product-box .product-img .product-hover ul li {
    background-color: #22242B; }
    body.dark-only .product-box .product-img .product-hover ul li:hover {
      background-color: #000;
      color: #fff; }
  body.dark-only .browse .browse-articles ul li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .browse .browse-articles ul li:hover {
    background-color: #1A1C23; }
  body.dark-only .radio-primary input[type="radio"] + label::before {
    border-color: var(--theme-deafult) !important; }
  body.dark-only .radio-primary input[type="radio"] + label::after {
    background-color: var(--theme-deafult); }
  body.dark-only .radio-primary input[type="radio"]:checked + label::before {
    border-color: var(--theme-deafult) !important; }
  body.dark-only .radio-primary input[type="radio"]:checked + label::after {
    background-color: var(--theme-deafult); }
  body.dark-only .radio-secondary input[type="radio"] + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-secondary input[type="radio"] + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-secondary input[type="radio"]:checked + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-secondary input[type="radio"]:checked + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-success input[type="radio"] + label::before {
    border-color: #00AC46 !important; }
  body.dark-only .radio-success input[type="radio"] + label::after {
    background-color: #00AC46; }
  body.dark-only .radio-success input[type="radio"]:checked + label::before {
    border-color: #00AC46 !important; }
  body.dark-only .radio-success input[type="radio"]:checked + label::after {
    background-color: #00AC46; }
  body.dark-only .radio-danger input[type="radio"] + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-danger input[type="radio"] + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-danger input[type="radio"]:checked + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-danger input[type="radio"]:checked + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-info input[type="radio"] + label::before {
    border-color: #173878 !important; }
  body.dark-only .radio-info input[type="radio"] + label::after {
    background-color: #173878; }
  body.dark-only .radio-info input[type="radio"]:checked + label::before {
    border-color: #173878 !important; }
  body.dark-only .radio-info input[type="radio"]:checked + label::after {
    background-color: #173878; }
  body.dark-only .radio-light input[type="radio"] + label::before {
    border-color: #E6E9EB !important; }
  body.dark-only .radio-light input[type="radio"] + label::after {
    background-color: #E6E9EB; }
  body.dark-only .radio-light input[type="radio"]:checked + label::before {
    border-color: #E6E9EB !important; }
  body.dark-only .radio-light input[type="radio"]:checked + label::after {
    background-color: #E6E9EB; }
  body.dark-only .radio-dark input[type="radio"] + label::before {
    border-color: #2c323f !important; }
  body.dark-only .radio-dark input[type="radio"] + label::after {
    background-color: #2c323f; }
  body.dark-only .radio-dark input[type="radio"]:checked + label::before {
    border-color: #2c323f !important; }
  body.dark-only .radio-dark input[type="radio"]:checked + label::after {
    background-color: #2c323f; }
  body.dark-only .radio-warning input[type="radio"] + label::before {
    border-color: #FFAE1A !important; }
  body.dark-only .radio-warning input[type="radio"] + label::after {
    background-color: #FFAE1A; }
  body.dark-only .radio-warning input[type="radio"]:checked + label::before {
    border-color: #FFAE1A !important; }
  body.dark-only .radio-warning input[type="radio"]:checked + label::after {
    background-color: #FFAE1A; }
  body.dark-only .checkbox-primary label::before {
    border-color: var(--theme-deafult) !important; }
  body.dark-only .checkbox-secondary label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .checkbox-success label::before {
    border-color: #00AC46 !important; }
  body.dark-only .checkbox-danger label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .checkbox-info label::before {
    border-color: #173878 !important; }
  body.dark-only .checkbox-light label::before {
    border-color: #E6E9EB !important; }
  body.dark-only .checkbox-dark label::before {
    border-color: #2c323f !important; }
  body.dark-only .checkbox-warning label::before {
    border-color: #FFAE1A !important; }
  body.dark-only .checkbox-solid-primary label:before {
    background-color: var(--theme-deafult) !important;
    border-color: var(--theme-deafult) !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-primary input[type="checkbox"]:checked + label::before {
    background-color: var(--theme-deafult) !important;
    border-color: var(--theme-deafult) !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-primary input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-secondary label:before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-secondary input[type="checkbox"]:checked + label::before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-secondary input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-success label:before {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-success input[type="checkbox"]:checked + label::before {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-success input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-danger label:before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-danger input[type="checkbox"]:checked + label::before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-danger input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-info label:before {
    background-color: #173878 !important;
    border-color: #173878 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-info input[type="checkbox"]:checked + label::before {
    background-color: #173878 !important;
    border-color: #173878 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-info input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-light label:before {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-light input[type="checkbox"]:checked + label::before {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-light input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-dark label:before {
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-dark input[type="checkbox"]:checked + label::before {
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-dark input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-warning label:before {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-warning input[type="checkbox"]:checked + label::before {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-warning input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .bootstrap-datetimepicker-widget ul li {
    color: rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .bootstrap-datetimepicker-widget tr th:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td:hover {
    background-color: #22242B; }
  body.dark-only .bootstrap-datetimepicker-widget tr th span:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td span:hover {
    background-color: #22242B; }
  body.dark-only .bootstrap-datetimepicker-widget tr th.prev:hover, body.dark-only .bootstrap-datetimepicker-widget tr th.next:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td.prev:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td.next:hover {
    background-color: #22242B; }
  body.dark-only .bootstrap-datetimepicker-widget tr:first-child th:hover {
    background-color: #22242B; }
  body.dark-only .btn-transparent {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only #cal-basic .fc-toolbar .fc-left .fc-next-button .fc-icon-right-single-arrow:after,
  body.dark-only #cal-basic .fc-toolbar .fc-right .fc-next-button .fc-icon-right-single-arrow:after {
    color: #98a6ad; }
  body.dark-only #cal-basic .fc-toolbar .fc-left .fc-prev-button .fc-icon-left-single-arrow:after,
  body.dark-only #cal-basic .fc-toolbar .fc-right .fc-prev-button .fc-icon-left-single-arrow:after {
    color: #98a6ad; }
  body.dark-only #cal-basic .fc-toolbar .fc-left .fc-button-group .fc-month-button {
    color: #fff !important; }
  body.dark-only .fc-button-group .fc-basicWeek-button,
  body.dark-only .fc-button-group .fc-basicDay-button,
  body.dark-only .fc-button-group .fc-agendaWeek-button,
  body.dark-only .fc-button-group .fc-agendaDay-button {
    color: #000 !important; }
  body.dark-only .fc-button-group .fc-month-button {
    color: #fff !important; }
  body.dark-only .btn-light.active.active:not([disabled]):not(.disabled) {
    background-color: #1A1C23 !important;
    color: rgba(255, 255, 255, 0.3) !important; }
  body.dark-only .btn-light.disabled, body.dark-only .btn-light:disabled {
    color: rgba(5, 26, 26, 0.5) !important; }
  body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-month-button,
  body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .btn-light {
    color: #000 !important; }
  body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button {
    color: #fff !important; }
    body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button:hover {
      color: #000 !important; }
  body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
  body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .btn-light,
  body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
  body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .btn-light,
  body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
  body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .btn-light {
    color: #000 !important; }
  body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button,
  body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button,
  body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button {
    color: #fff !important; }
    body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover,
    body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover,
    body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover {
      color: #000 !important; }
  body.dark-only .categories ul li a {
    color: #98a6ad; }
  body.dark-only .categories ul li:hover {
    background-color: #1A1C23; }
  body.dark-only .socialprofile .likes-profile h5 span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .socialprofile span {
    color: #98a6ad; }
  body.dark-only .social-status .media .media-body span + span {
    color: #98a6ad; }
  body.dark-only .social-status .media .media-body p,
  body.dark-only .social-status .media .media-body .light-span {
    color: #98a6ad; }
  body.dark-only .filter-cards-view p,
  body.dark-only .timeline-content p {
    color: #98a6ad; }
  body.dark-only .filter-cards-view .comment-number i,
  body.dark-only .timeline-content .comment-number i {
    color: #98a6ad; }
  body.dark-only .filter-cards-view .comments-box .input-group .form-control,
  body.dark-only .timeline-content .comments-box .input-group .form-control {
    border: none !important; }
  body.dark-only .filter-cards-view .comments-box .input-group .input-group-append,
  body.dark-only .timeline-content .comments-box .input-group .input-group-append {
    background-color: #1A1C23; }
  body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input {
    background-color: #1A1C23;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top-left-radius: 7px !important;
    border-bottom-left-radius: 7px !important; }
    body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input:focus {
      box-shadow: unset; }
    body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input::placeholder {
      color: rgba(255, 255, 255, 0.3); }
  body.dark-only .social-chat .flex-grow-1 {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .social-chat .flex-grow-1:after {
      border-right: 7px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .social-chat .flex-grow-1 .input-group input {
      background-color: #1A1C23; }
  body.dark-only .social-chat span span {
    color: #98a6ad; }
  body.dark-only .details-about .your-details p {
    color: #98a6ad; }
  body.dark-only .activity-log .my-activity p {
    color: #98a6ad; }
  body.dark-only .bookmark ul li a {
    color: rgba(255, 255, 255, 0.6); }
  @media only screen and (max-width: 991.98px) {
    body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      border-right: 1px solid rgba(255, 255, 255, 0.1); } }
  @media only screen and (max-width: 767.98px) {
    body.dark-only .page-wrapper.material-icon .page-header {
      background-color: #22242B; } }
  body.dark-only .apexcharts-tooltip.light {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #1A1C23; }
    body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
      border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-label,
    body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-value {
      color: #fff; }
  body.dark-only .dark-txt p strong {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .live-dark .btn-close {
    filter: initial; }
  body.dark-only .alert-light {
    color: #1A1C23 !important; }
  body.dark-only .dark-input-type .input-group .input-group-text {
    background: transparent;
    border: unset; }
  body.dark-only .dropdown-menu {
    background-color: #1A1C23; }
  body.dark-only .leaflet-control-zoom span {
    color: #051A1A; }
  body.dark-only .heading-dropdown .dropdown-menu > li:first-child > a {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .heading-dropdown .dropdown-menu a.dropdown-item {
    color: rgba(255, 255, 255, 0.1); }
  body.dark-only .dark-accordion .accordion-item {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .dark-accordion .accordion-item .accordion-collapse p {
      color: rgba(255, 255, 255, 0.3); }
    body.dark-only .dark-accordion .accordion-item .accordion-collapse .accordion-body {
      background-color: #22242B; }
      body.dark-only .dark-accordion .accordion-item .accordion-collapse .accordion-body h6 {
        border: 0; }
  body.dark-only .dark-accordion .collapse-wrapper {
    color: #1A1C23; }
  body.dark-only .dark-accordion.card {
    border-radius: unset; }
  body.dark-only .accordions-content li {
    color: rgba(255, 255, 255, 0.3); }
  body.dark-only .dark-list .list-group .list-group-item + .list-group-item {
    border-top-width: 1px; }
  body.dark-only .dark-list .list-group .list-group-item .form-check-input {
    border: 1px solid rgba(255, 255, 255, 0.6);
    background-color: transparent; }
  body.dark-only .dark-list .list-light-dark {
    background-color: #1A1C23; }
  body.dark-only .card-wrapper .sub-title {
    border-bottom: unset !important; }
  body.dark-only .dark-blockquote .blockquote p {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .dark-sign-up h3 {
    color: #22242B; }
  body.dark-only .dark-sign-up p {
    color: #22242B; }
  body.dark-only .dark-sign-up .modal-body form .form-label {
    color: #1f2533; }
  body.dark-only .dark-sign-up .modal-body form .form-check .form-check-label {
    color: #1f2533; }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header svg {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header h6 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body svg {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body p {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-toggle-wrapper .dark-toggle-btn {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .social-profile {
    background-attachment: fixed; }
    body.dark-only .social-profile .social-details h5 a {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .dark-helper {
    background-color: rgba(26, 28, 35, 0.4); }
    body.dark-only .dark-helper h6,
    body.dark-only .dark-helper span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .dark-helper .text-muted {
      color: #22242B !important; }
  body.dark-only .font-dark {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .treejs .treejs-node__disabled {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .treejs .treejs-switcher:before {
    border-top: 4px solid rgba(255, 255, 255, 0.6); }
  body.dark-only .irs-min,
  body.dark-only .irs-max {
    color: #98a6ad;
    background-color: #323846; }
  body.dark-only .ribbon-wrapper.alert-light-light,
  body.dark-only .ribbon-wrapper-bottom.alert-light-light,
  body.dark-only .ribbon-vertical-left-wrapper.alert-light-light,
  body.dark-only .ribbon-wrapper-right.alert-light-light,
  body.dark-only .ribbon-vertical-right-wrapper.alert-light-light {
    background-color: #323846; }
  body.dark-only .pagination .page-item .page-link.rounded-circle {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .dark-timeline .date-content {
    color: rgba(255, 255, 255, 0.6) !important;
    background-color: #1A1C23 !important; }
  body.dark-only .student-leader-wrapper .student-leader-content {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .attendance-card .left-overview-content .svg-box {
    box-shadow: unset;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .task-table .main-task-wrapper .square-white {
    box-shadow: unset;
    border: 1px solid transparent; }
  body.dark-only .income-wrapper ul li + li {
    border-left: 1px dashed rgba(255, 255, 255, 0.1); }
    @media (max-width: 1735px) {
      body.dark-only .income-wrapper ul li + li {
        border-left: unset; } }
  body.dark-only .icons-box-2 .open-options .dropdown-menu {
    background-color: #1A1C23; }
  body.dark-only .performance-wrapper .performance-right p {
    color: var(--body-font-color); }
  body.dark-only .main-product-wrapper .product-body .product-search.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    color: #98a6ad; }
  body.dark-only .main-product-wrapper .product-body .product-search.input-group .input-group-text {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .main-product-wrapper .product-body .product-search.input-group .form-control {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-left: unset;
    background-color: #22242B; }
    [dir="rtl"] body.dark-only .main-product-wrapper .product-body .product-search.input-group .form-control {
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-right: unset; }
  body.dark-only .our-product-wrapper {
    box-shadow: 0px 3px 17px rgba(113, 113, 137, 0.18); }
  body.dark-only .grid-showcase span {
    background-color: #1A1C23; }
  body.dark-only .grid-showcase .grid-wrapper {
    background-color: #1A1C23; }
  body.dark-only .custom-input #validationCustom03.form-control,
  body.dark-only .custom-input #validationCustom03 .form-select,
  body.dark-only .custom-input #validationCustom05.form-control,
  body.dark-only .custom-input #validationCustom05 .form-select,
  body.dark-only .custom-input #validationCustomUsername.form-control,
  body.dark-only .custom-input #validationCustomUsername .form-select {
    border-color: #1A1C23; }
  body.dark-only .form-control[type=file]:not(:disabled):not([readonly]) {
    color: rgba(255, 255, 255, 0.2);
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .custom-input .form-control,
  body.dark-only .custom-input .form-select {
    background-color: #1A1C23 !important;
    border-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link:active .vertical-wizard .vertical-wizard-content h6, body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link.active .vertical-wizard .vertical-wizard-content h6 {
    color: #98a6ad; }
  body.dark-only td.highlight {
    background-color: #1f232b !important; }
  body.dark-only .card-wrapper .form-control,
  body.dark-only .dark-field .form-control {
    background-color: #1A1C23;
    border-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .form-control-sm {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .dark-inputs .form-control.btn-square {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .dark-inputs .form-control.btn-pill {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .dark-inputs .form-control.input-air-primary {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard {
    color: #1A1C23; }
  body.dark-only .touchspin-wrapper input.input-touchspin[type="number"],
  body.dark-only .pre-post-touchspin input.input-touchspin[type="number"] {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .variation-box .selection-box input[type=checkbox]:checked ~ div {
    color: #fff; }
  body.dark-only .flatpickr-calendar {
    box-shadow: unset; }
    body.dark-only .flatpickr-calendar.animate {
      background-color: #1A1C23; }
  body.dark-only .flatpickr-current-month .flatpickr-monthDropdown-months {
    color: #fff !important; }
  body.dark-only .flatpickr-current-month .numInputWrapper {
    color: #fff !important; }
  body.dark-only .flatpickr-prev-month {
    fill: #fff !important; }
  body.dark-only .flatpickr-next-month {
    fill: #fff !important; }
  body.dark-only .flatpickr-time {
    border: 1px solid #323846; }
    body.dark-only .flatpickr-time input {
      background: #22262f; }
  body.dark-only .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover {
    background-color: #22242B;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .tagify__dropdown__item--active {
    background-color: #1A1C23; }
  body.dark-only .tagify__input {
    color: #98a6ad; }
    body.dark-only .tagify__input::before {
      color: #98a6ad; }
  body.dark-only .tagify {
    border-color: rgba(255, 255, 255, 0.1);
    --tags-focus-border-color: #374558; }
    body.dark-only .tagify .tagify__tag-text {
      color: #1A1C23; }
  body.dark-only .international-num input {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #22242B; }
  body.dark-only .international-num .results ul {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .iti__country-list {
    background-color: #22242B; }
  body.dark-only .select-box .selection-option:hover {
    background-color: #22262f; }
  body.dark-only .select-box .options-container.active ~ .search-box input {
    background-color: rgba(255, 255, 255, 0.6); }
  body.dark-only .table-hover > tbody > tr:hover {
    --bs-table-accent-bg: #1d1e26; }
  body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert {
    background-color: #1A1C23;
    border-color: #323846; }
    body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert i {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert div {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .main-qr-code .modal-toggle-wrapper form .form-control {
    background-color: #1A1C23;
    border-color: #323846; }
  body.dark-only .authentication-options .radio-wrapper li .form-check-label span > span {
    color: #98a6ad; }
  body.dark-only .typeahead-wrapper .theme-form .form-control {
    background-color: #1A1C23 !important;
    border-color: #1A1C23 !important; }
  body.dark-only .compose-modal form .form-control {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1);
    color: #98a6ad; }
  body.dark-only .toolbar-box .ql-snow .ql-stroke {
    stroke: #98a6ad; }
  body.dark-only .toolbar-box .ql-snow .ql-tooltip {
    background-color: #1A1C23;
    box-shadow: unset;
    border: 0; }
    body.dark-only .toolbar-box .ql-snow .ql-tooltip.ql-editing input[type=text] {
      background-color: #22242B;
      border: 0;
      color: #98a6ad; }
  body.dark-only .toolbar-box .ql-snow a {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .toolbar-box .ql-editor.ql-blank::before {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .nav-right .nav-menus li .input-show input {
    border-color: #22242B !important;
    background-color: #1A1C23;
    color: #fff; }
  body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
    background-color: #1A1C23;
    border: 0;
    color: rgba(255, 255, 255, 0.2); }
    body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control::placeholder {
      color: rgba(255, 255, 255, 0.2); }
  body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search i {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .email-body .mail-header-wrapper .mail-body .dropdown-menu .dropdown-item {
    background: #1A1C23;
    opacity: 1;
    border: 0;
    color: rgba(255, 255, 255, 0.2); }
    body.dark-only .email-body .mail-header-wrapper .mail-body .dropdown-menu .dropdown-item:hover {
      background-color: #22242B; }
  body.dark-only .inbox-options .light-square.btn-group .dropdown-menu {
    background: #2b2b2b; }
    body.dark-only .inbox-options .light-square.btn-group .dropdown-menu .dropdown-item:hover {
      background-color: rgba(255, 255, 255, 0.2);
      color: #98a6ad; }
  body.dark-only .inbox-security {
    background-color: #1A1C23; }
  body.dark-only .mail-pagination .pagination-number,
  body.dark-only .mail-pagination .pagination-button {
    background-color: #323846; }
  body.dark-only .flatpicker-calender.product-date .form-control.flatpickr-input {
    border: unset;
    background-color: #1A1C23 !important; }
  body.dark-only .price-wrapper .radio-wrapper li .form-check-input {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .price-wrapper .radio-wrapper li .form-check-input ~ .form-check-label span {
      color: #98a6ad; }
  body.dark-only .product-buttons .btn:hover, body.dark-only .product-buttons .btn:active {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .product-buttons .btn svg {
    stroke: rgba(255, 255, 255, 0.6); }
  body.dark-only .ql-formats .ql-picker-label::before {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .list-product .datatable-pagination .datatable-active .datatable-pagination-list-item-link {
    background-color: var(--theme-deafult);
    color: var(--white); }
  body.dark-only .list-product .datatable-pagination .datatable-pagination-list-item-link {
    background-color: #1A1C23;
    color: #98a6ad; }
  body.dark-only .list-product .datatable-input:focus {
    outline: unset; }
  body.dark-only .list-product .datatable-selector {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23; }
  body.dark-only .table {
    --bs-table-bg: trasparnt; }
  body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
    background-color: #1A1C23; }
  body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
    background-color: #1A1C23;
    border: unset;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control::placeholder {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .left-sidebar-wrapper .advance-options .chats-user span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .search-contacts .form-control {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.2); }
    body.dark-only .search-contacts .form-control::placeholder {
      color: #98a6ad; }
  body.dark-only .msger .right-msg .msg-bubble {
    color: #fff; }
  body.dark-only .right-sidebar-title span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .right-sidebar-Chats .msger-chat {
    background: #1A1C23; }
  body.dark-only .right-sidebar-Chats .msger-inputarea {
    background: #22242B; }
  body.dark-only .right-sidebar-Chats .msger-input:focus {
    background-color: #1A1C23; }
  body.dark-only .fg-emoji-picker-search input,
  body.dark-only .fg-emoji-picker-search .fg-emoji-picker-search-icon {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .fg-emoji-picker-category-title {
    background-color: #323846; }
  body.dark-only .add-post form label,
  body.dark-only .add-post form .col-form-label {
    color: #98a6ad; }
  body.dark-only .add-post form .form-control {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2);
    border: unset; }
    body.dark-only .add-post form .form-control::placeholder {
      color: rgba(255, 255, 255, 0.2); }
  body.dark-only .ql-container.ql-snow .ql-editor {
    color: rgba(255, 255, 255, 0.2); }

body.dark-sidebar .page-wrapper .sidebar-main-title p {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.horizontal-wrapper .logo-wrapper .for-light {
  display: block; }

body.dark-sidebar .page-wrapper.horizontal-wrapper .logo-wrapper .for-dark {
  display: none; }

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
  background-color: #22242B; }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    stroke: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400; }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
    background-color: rgba(255, 255, 255, 0.2); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-deafult); }

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
  background: #22242B; }
  body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
    background-color: #22242B; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg.stroke-icon {
        stroke: #fff !important; }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg.fill-icon {
        fill: #051A1A;
        stroke: none !important; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a {
      background-color: rgba(255, 255, 255, 0.3); }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a span {
        color: #fff !important; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
      background: #22242B; }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
        color: rgba(255, 255, 255, 0.6); }
        body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active, body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
          color: var(--theme-deafult); }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
        background: #22242B; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
      background: #22242B; }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
  background: #22242B; }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
  stroke: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  background-color: #22242B; }
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
  background-color: rgba(0, 102, 102, 0.2); }
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
    color: var(--theme-deafult); }
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
    color: var(--theme-deafult);
    stroke: var(--theme-deafult); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400; }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
  background-color: rgba(255, 255, 255, 0.2); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
  color: var(--theme-deafult); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i {
  color: rgba(255, 255, 255, 0.6); }

body .for-dark {
  display: none; }

body[class*='dark-'] .for-dark {
  display: block; }

body[class*='dark-'] .for-light {
  display: none; }

/**=====================
	4.1. Dark CSS ends
==========================**/
/**=====================
  4.2 Theme-customizer CSS Start
==========================**/
.customizer-links {
  position: fixed;
  right: 00px;
  top: 50%;
  z-index: 3;
  transform: translate(0, -50%);
  box-shadow: 0 0 37px rgba(8, 21, 66, 0.1); }
  .customizer-links > .nav {
    border-radius: 8px;
    padding: 10px;
    background-color: #fff; }
  .customizer-links.open {
    right: 330px;
    border-radius: 8px 0 0 8px;
    transition: all 0.3s ease; }
  .customizer-links .nav-link {
    padding: 0;
    position: relative;
    text-align: -webkit-center; }
    .customizer-links .nav-link:before {
      content: "";
      position: absolute;
      height: 100%;
      left: 0;
      width: 100%;
      background-color: rgba(0, 102, 102, 0.1);
      border-radius: 5px;
      transform: scale(0);
      transition: all 0.3s ease; }
    .customizer-links .nav-link:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid;
      top: 12px;
      border-width: 5px 0 5px 5px;
      border-left-color: rgba(0, 102, 102, 0.1);
      opacity: 0;
      transform: scale(0);
      color: #fff;
      left: -10px;
      z-index: 2;
      transition: all 0.3s ease; }
    .customizer-links .nav-link:hover i {
      color: var(--theme-deafult); }
    .customizer-links .nav-link:hover img {
      animation: swing 1.5s ease infinite; }
    .customizer-links .nav-link:hover:before {
      border-bottom: 2px solid var(--theme-deafult);
      opacity: 1;
      transform: scale(1);
      transition: all 0.3s ease; }
    .customizer-links .nav-link:hover:after {
      opacity: 1;
      transform: scale(1);
      transition: all 0.3s ease; }
    .customizer-links .nav-link:hover span {
      opacity: 1;
      right: 48px;
      transform: scale(1);
      transition: all 0.3s ease; }
    .customizer-links .nav-link + .nav-link {
      margin-bottom: 5px; }
    .customizer-links .nav-link div img {
      height: 22px;
      margin: 6px 6px;
      width: 22px; }
    .customizer-links .nav-link span {
      position: absolute;
      right: -60px;
      width: max-content;
      text-align: right;
      padding: 7px 10px;
      display: block;
      top: 0;
      border-radius: 5px;
      transform: scale(0);
      transition: all 0.3s ease;
      opacity: 0;
      color: var(--theme-deafult);
      background-color: var(--white);
      box-shadow: 0 0 37px rgba(8, 21, 66, 0.1); }
    .customizer-links .nav-link i {
      font-size: 17px;
      padding: 8px 10px;
      display: inline-block;
      cursor: pointer;
      margin: 0;
      color: gray;
      border-radius: 5px; }

.customizer-contain {
  direction: ltr;
  position: fixed;
  height: calc(100vh);
  top: 79px;
  width: 333px;
  right: -335px;
  background-color: #fff;
  z-index: 8;
  transition: all 0.3s ease; }
  .customizer-contain.open {
    right: 0px;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px 1px rgba(68, 102, 242, 0.05); }
  .customizer-contain li {
    position: relative; }
    .customizer-contain li.active {
      box-shadow: 0 0 11px 5px rgba(226, 226, 226, 0.5); }
  .customizer-contain h5 {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-top: 12px;
    padding-top: 12px;
    margin-bottom: 5px;
    color: #051A1A; }
  .customizer-contain h3 {
    color: #051A1A; }
  .customizer-contain .customizer-header {
    padding: 15px 25px;
    border-bottom: 1px solid #E6E9EB; }
    .customizer-contain .customizer-header .icon-close {
      position: absolute;
      font-size: 18px;
      cursor: pointer;
      font-weight: 900;
      right: 20px;
      top: 20px;
      color: var(--theme-deafult); }
    .customizer-contain .customizer-header h5 {
      text-transform: uppercase; }
  .customizer-contain .customizer-body {
    padding: 15px 25px;
    max-height: calc(100vh - 200px);
    overflow-y: scroll; }
    .customizer-contain .customizer-body .fade:not(.show) {
      display: none; }
    .customizer-contain .customizer-body .unlimited-color-layout {
      display: flex;
      align-items: center; }
      .customizer-contain .customizer-body .unlimited-color-layout .btn {
        font-size: 15px;
        padding: 4px 20px; }
      .customizer-contain .customizer-body .unlimited-color-layout input {
        border: 1px solid #E6E9EB;
        height: 35px;
        width: 35px;
        border-radius: 5px;
        background-color: #fff;
        margin-right: 5px; }
    .customizer-contain .customizer-body .layout-grid.customizer-mix .color-layout {
      height: 70px;
      width: 80px;
      border: 1px solid #f6f7fb;
      border-radius: 5px; }
    .customizer-contain .customizer-body .tab-pane > h6:first-child {
      padding-top: 0;
      margin-top: 0; }
    .customizer-contain .customizer-body li {
      cursor: pointer;
      opacity: 0.9; }
      .customizer-contain .customizer-body li.active {
        opacity: 1; }
    .customizer-contain .customizer-body .color-layout {
      height: 35px;
      width: 35px;
      border-radius: 6px;
      display: inline-block;
      margin-right: 3px;
      border: 1px solid #b8b8b8;
      padding: 3px; }
      .customizer-contain .customizer-body .color-layout > div {
        background-color: #006666;
        height: 100%;
        width: 100%;
        border-radius: 5px; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-2"] div {
        background-color: #1D5B79; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-3"] div {
        background-color: #4A55A2; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-4"] div {
        background-color: #167A93; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-5"] div {
        background-color: #423964; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-6"] div {
        background-color: #4b2a4b; }
    .customizer-contain .customizer-body .dark > li {
      background-color: #2f3c4e; }
    .customizer-contain .customizer-body .main-layout > li {
      height: 65px;
      width: 85px;
      border: 1px solid #E6E9EB;
      border-radius: 10px;
      display: inline-block; }
      .customizer-contain .customizer-body .main-layout > li:nth-child(2) .body ul li:first-child {
        margin-right: 3px; }
      .customizer-contain .customizer-body .main-layout > li + li {
        margin-left: 7px; }
    .customizer-contain .customizer-body .main-layout .box-layout .body .badge {
      left: -14px;
      padding: 4px 8px; }
    .customizer-contain .customizer-body .sidebar-type > li,
    .customizer-contain .customizer-body .sidebar-setting > li {
      height: 70px;
      width: 85px;
      border: 1px solid #E6E9EB;
      border-radius: 5px;
      display: inline-block; }
      .customizer-contain .customizer-body .sidebar-type > li + li,
      .customizer-contain .customizer-body .sidebar-setting > li + li {
        margin-left: 7px; }
    .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.bg-dark, .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.sidebar {
      width: 100%;
      height: 10px;
      display: block; }
    .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.bg-light, .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.body {
      height: calc(100% - 10px);
      width: 100%; }
    .customizer-contain .customizer-body .sidebar-type li.body-compact[data-attr="normal-sidebar"] .body ul li.body {
      width: calc(100% - 25px); }
    .customizer-contain .customizer-body .layout-types {
      margin-bottom: -30px; }
      .customizer-contain .customizer-body .layout-types > li {
        display: block;
        width: unset;
        height: unset;
        margin-bottom: 30px; }
        .customizer-contain .customizer-body .layout-types > li .layout-img h6 {
          padding-top: 0;
          text-transform: inherit;
          text-align: center; }
      .customizer-contain .customizer-body .layout-types .box-layout {
        background: unset; }

.layout-grid:not(.customizer-color) li {
  padding: 5px; }
  .layout-grid:not(.customizer-color) li > .header {
    height: 9px;
    border-radius: 3px;
    position: relative; }
    .layout-grid:not(.customizer-color) li > .header ul {
      position: absolute;
      top: -8px;
      left: 5px; }
      .layout-grid:not(.customizer-color) li > .header ul > li {
        display: inline-block;
        width: 4px;
        height: 4px;
        border-radius: 5px;
        top: calc(50% - 3px);
        background-color: var(--theme-deafult);
        margin-right: 2px;
        padding: 0; }
        .layout-grid:not(.customizer-color) li > .header ul > li:nth-child(2) {
          background-color: var(--theme-secondary); }
        .layout-grid:not(.customizer-color) li > .header ul > li:nth-child(3) {
          background-color: #00AC46; }
  .layout-grid:not(.customizer-color) li > .body {
    background-color: #2c323f;
    height: calc(100% - 16px);
    border-radius: 3px;
    position: relative;
    margin-top: 5px;
    text-align: center;
    line-height: 3.1; }
    .layout-grid:not(.customizer-color) li > .body ul {
      height: 100%;
      background-color: #fff; }
      .layout-grid:not(.customizer-color) li > .body ul .sidebar {
        width: 18px;
        height: 100%;
        border-radius: 3px;
        display: inline-block;
        margin-right: 3px;
        padding: 0; }
        .layout-grid:not(.customizer-color) li > .body ul .sidebar.compact {
          width: 12px; }
          .layout-grid:not(.customizer-color) li > .body ul .sidebar.compact ~ .body {
            width: calc(100% - 19px); }
      .layout-grid:not(.customizer-color) li > .body ul .body {
        width: calc(100% - 25px);
        padding: 0;
        margin: 0;
        height: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px; }
        .layout-grid:not(.customizer-color) li > .body ul .body .badge {
          padding: 4px 8px;
          position: absolute; }

/**=====================
    4.2 Theme-customizer CSS Ends
==========================**/
/**=====================
  4.3 Update CSS Start
==========================**/
.jsgrid-filter-row select,
.jsgrid-filter-row input {
  padding: 6px 10px;
  border: 1px solid #f2f4ff;
  background: #fff; }

.popover {
  background-color: #fff;
  border: none;
  -webkit-box-shadow: 0 0 20px rgba(0, 102, 102, 0.1);
  box-shadow: 0 0 20px rgba(0, 102, 102, 0.1); }
  .popover .popover-header {
    background-color: #F5F5F5;
    color: #006666;
    border-bottom: none; }
  .popover .popover-body {
    color: rgba(43, 43, 43, 0.7); }

#calendar .fc-header-toolbar {
  display: flex; }
  @media (max-width: 1690px) {
    #calendar .fc-header-toolbar {
      display: none; } }
.tooltip.bs-tooltip-top .tooltip-arrow:before {
  border-top-color: #F5F5F5; }

.tooltip.bs-tooltip-bottom .tooltip-arrow:before {
  border-bottom-color: #F5F5F5;
  border-top-color: transparent; }

.tooltip.bs-tooltip-start .tooltip-arrow:before {
  border-left-color: #F5F5F5;
  border-top-color: transparent; }

.tooltip.bs-tooltip-end .tooltip-arrow:before {
  border-right-color: #F5F5F5;
  border-top-color: transparent; }

.tooltip .tooltip-inner {
  background-color: #F5F5F5;
  color: #006666; }

.tooltip .tooltip-arrow:before {
  border-top-color: #F5F5F5; }

.dropdown-basic .dropdown .dropdown-content a {
  padding: 12px;
  color: #2b2b2b;
  opacity: 0.6;
  font-size: 14px;
  border-top: 1px solid #efefef;
  background: #fff; }
  .dropdown-basic .dropdown .dropdown-content a:hover {
    background-color: #fff; }

.dropdown-basic .dropdown .dropdown-content .dropdown-header {
  padding: 8px 16px;
  font-weight: 400;
  color: #2c323f;
  font-size: 13px; }

.dropdown-basic .dropup .dropup-content {
  top: auto; }

.default-according .card .card-header {
  padding: 0;
  border: none;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
  .default-according .card .card-header.bg-primary .btn, .default-according .card .card-header.bg-secondary .btn {
    border-color: transparent; }
  .default-according .card .card-header i {
    position: initial;
    font-size: 20px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px; }
    [dir="rtl"] .default-according .card .card-header i {
      margin-right: unset;
      margin-left: 5px; }
  .default-according .card .card-header h5 {
    margin-top: 0; }
  .default-according .card .card-header .btn-link {
    padding: 12px 20px;
    width: 100%;
    text-align: left;
    letter-spacing: 0.7px;
    font-family: "Montserrat", sans-serif;
    border: 1px solid #efefef;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 600; }
    [dir="rtl"] .default-according .card .card-header .btn-link {
      text-align: right; }
    @media (max-width: 575px) {
      .default-according .card .card-header .btn-link {
        padding: 12px 15px;
        font-size: 12px; } }
.default-according .card .card-body {
  padding: 15px 20px;
  line-height: 22px;
  font-size: 13px;
  border-color: #efefef;
  border-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #2c323f;
  border-bottom: none; }

.nav-tabs {
  border-bottom-color: #efefef; }
  .nav-tabs .nav-bottom .nav-item .nav-link.active {
    border-color: #efefef; }

.list-product .datatable-wrapper .no-footer .datatable-container {
  border-bottom: unset !important; }

.nav-tabs .nav-item.show .nav-link {
  font-weight: 500; }

.nav-tabs .nav-link {
  color: #2c323f; }
  .nav-tabs .nav-link.active {
    font-weight: 500; }

.nav-tabs.nav-bottom .nav-item .nav-link.active {
  border-color: #ecf3fa #ecf3fa #fff; }

.dropdown-menu {
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0;
  z-index: 1; }
  .dropdown-menu .dropdown-item {
    color: #2b2b2b;
    opacity: 0.6;
    font-size: 14px;
    padding: 6px 12px;
    border-top: 1px solid #efefef;
    background: #fff; }
    .dropdown-menu .dropdown-item:first-child {
      border-top: none; }
    .dropdown-menu .dropdown-item:hover {
      background-color: #fff; }
  .dropdown-menu .dropdown-divider {
    margin: 0;
    border-top: 1px solid #cccccc; }

.border-tab .nav-tabs .nav-item .nav-link.active {
  border-bottom: 2px solid #006666; }

.border-tab .nav-tabs .nav-item .nav-link.show {
  border-bottom: 2px solid #006666; }

.border-tab .nav-tabs .nav-item .nav-link:focus {
  border-bottom: 2px solid #006666; }

.timeliny .timeliny-dot::before {
  font-size: 18px; }

.total-revenue {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .total-revenue span {
    color: var(--body-font-color);
    font-weight: 500; }
  .total-revenue a {
    font-weight: 600; }

.component .input-group .btn {
  line-height: 32px;
  text-transform: capitalize; }

.login-card .login-main .theme-form label {
  font-size: 14px; }

.login-card .login-main .theme-form .show-hide {
  top: 50%; }

.faq-accordion .card .btn-link svg {
  margin-left: 20px; }
  @media (max-width: 575.98px) {
    .faq-accordion .card .btn-link svg {
      margin-left: 10px; } }
.job-filter .faq-form .form-control {
  font-size: 14px; }

.job-filter .faq-form .search-icon {
  width: 16px;
  height: 16px; }

.note-btn-group .dropdown-toggle.show ~ .dropdown-menu {
  display: block;
  top: 30px; }

.carousel .carousel-indicators {
  margin-bottom: 3px; }

.mouse-wheel .owl-stage-outer .owl-stage {
  width: 5600px !important; }
  .mouse-wheel .owl-stage-outer .owl-stage .owl-item {
    width: 225.333px !important; }

.carousel-item .carousel-caption {
  width: 100%;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 26px 10px;
  background-color: rgba(34, 36, 43, 0.51); }

.carousel-item .carousel-opacity {
  background-color: rgba(230, 233, 235, 0.51); }

.carousel .carousel-control-prev-icon {
  width: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320)));
  height: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320))); }

.carousel .carousel-control-next-icon {
  width: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320)));
  height: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320))); }

[dir="rtl"] .rating-header h4 {
  direction: ltr; }

.animate-img .animate-widget img {
  width: 100%;
  height: 350px;
  margin: 0 auto;
  object-fit: cover; }

.modal-popup.modal {
  top: 20%;
  left: 50%;
  transform: translate(-50%, 0); }
  .modal-popup.modal .modal-dialog .theme-close {
    width: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
    height: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320))); }

@media (max-width: 442px) {
  .animated-modal .form-select {
    width: 100% !important; } }

.task-container .badge {
  line-height: 13px; }

.add-post form .form-control:focus {
  border: 1px solid var(--recent-dashed-border);
  box-shadow: unset; }

.starter-main .alert-primary.inverse {
  padding: 13px 20px 13px 65px;
  border-color: #006666;
  color: #2c323f; }
  [dir="rtl"] .starter-main .alert-primary.inverse {
    padding: 13px 65px 13px 20px; }
  .starter-main .alert-primary.inverse:before {
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #006666;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    [dir="rtl"] .starter-main .alert-primary.inverse:before {
      border-right: 7px solid #006666;
      border-left: unset; }
  .starter-main .alert-primary.inverse i {
    padding: 17px 20px;
    display: flex;
    align-items: center;
    background-color: #006666;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    [dir="rtl"] .starter-main .alert-primary.inverse i {
      right: 0;
      left: unset; }

.balance-profile ul {
  display: flex;
  justify-content: center;
  gap: 50px;
  margin-top: 16px; }
  @media (max-width: 1660px) {
    .balance-profile ul {
      gap: 25px; } }
  .balance-profile ul li {
    position: relative; }
    .balance-profile ul li + li::before {
      position: absolute;
      content: '';
      left: -25px;
      top: 50%;
      height: 40px;
      transform: translateY(-50%);
      border: 1px dashed var(--recent-dashed-border); }
      [dir="rtl"] .balance-profile ul li + li::before {
        left: unset;
        right: -25px; }
      @media (max-width: 1660px) {
        .balance-profile ul li + li::before {
          left: -16px; }
          [dir="rtl"] .balance-profile ul li + li::before {
            right: -16px; } }
/**=====================
    4.3 Update CSS Ends
==========================**/
/**=====================
    5.1 Footer CSS Start
==========================**/
.footer {
  background-color: #fff;
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  padding: 15px;
  bottom: 0;
  left: 0;
  margin-left: 265px;
  transition: 0.5s; }
  .footer.footer-dark {
    background-color: #242934; }
    .footer.footer-dark p {
      color: #fff; }

.footer-fix {
  width: calc(100% - $sidebar-compact-width);
  position: fixed; }

/**=====================
    5.1 Footer CSS Ends
==========================**/
/**=====================
  5.2 Grid CSS Start
==========================**/
.grid-showcase {
  margin-bottom: -10px; }
  .grid-showcase span,
  .grid-showcase .grid-wrapper {
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    background-color: #E6E9EB;
    color: #242934; }

.grid-align {
  margin-bottom: -16px; }
  .grid-align .row {
    padding: 15px 0;
    min-height: 7rem;
    margin-bottom: 16px; }

.grid-vertical {
  min-height: 150px;
  padding: 10px;
  color: #000; }

table.table-bordered thead tr th p {
  margin-bottom: 0; }

/**=====================
    5.2 Grid CSS Ends
==========================**/
/**=====================
  5.3 Header CSS Start
==========================**/
/**=====================
  5.7 Sidebar CSS Start
==========================**/
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 12%;
  width: 13px;
  height: 15px;
  border-bottom-left-radius: 8px;
  border-left: 2px solid rgba(255, 255, 255, 0.4);
  border-bottom: 2px solid rgba(255, 255, 255, 0.4); }

.media.media-wrapper {
  width: 100%;
  display: -webkit-flex; }

.media .media-body {
  flex: unset; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  left: 32px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5); }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title [dir="rtl"] h5::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li [dir="rtl"] a::before {
    left: unset;
    right: 25px; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before {
  position: absolute;
  content: '';
  width: 2px;
  height: 0;
  background: rgba(255, 255, 255, 0.4);
  top: -10px;
  left: 20px;
  transition: height 0.5s; }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .mega-menu-container::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .sidebar-submenu::before {
    left: unset;
    right: 20px; }

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 49%;
  width: 5px;
  height: 1px;
  border-radius: 100%;
  background-color: #59667a; }

.onhover-show-div {
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  left: 0; }

.onhover-dropdown:hover .onhover-show-div {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
  border-radius: 5px;
  overflow: hidden; }
  .onhover-dropdown:hover .onhover-show-div:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 2; }
  .onhover-dropdown:hover .onhover-show-div:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d7e2e9;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 1; }

.page-wrapper {
  position: relative; }
  .page-wrapper .page-header {
    max-width: 100vw;
    position: fixed;
    top: 0;
    z-index: 8;
    transition: 0.5s; }
    .page-wrapper .page-header .header-wrapper {
      width: 100%;
      align-items: center;
      padding: 13px 30px;
      position: relative;
      background-color: #F5F5F5; }
      @media (max-width: 1399px) {
        .page-wrapper .page-header .header-wrapper {
          padding: 14px 20px; } }
      .page-wrapper .page-header .header-wrapper .search-full {
        background-color: #fff;
        position: absolute;
        right: 0;
        z-index: 1;
        height: 0;
        width: 0;
        transform: scale(0);
        transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full.open {
          height: 100%;
          width: 100%;
          animation: zoomIn 0.5s ease-in-out;
          transform: scale(1);
          transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full input {
          line-height: 65px;
          padding-left: 60px;
          width: 100% !important; }
          .page-wrapper .page-header .header-wrapper .search-full input:focus {
            outline: none !important; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
          position: absolute;
          font-size: 15px;
          right: 30px;
          top: 30px;
          color: #898989;
          cursor: pointer; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
            left: 30px;
            right: unset; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
          position: absolute;
          left: 30px;
          top: 27px;
          content: "\f002";
          font-size: 16px;
          color: #898989;
          font-family: FontAwesome; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
            left: unset;
            right: 30px; }
      .page-wrapper .page-header .header-wrapper .nav-right {
        justify-content: flex-end; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li svg {
          vertical-align: middle;
          stroke: var(--body-font-color);
          height: 24px;
          width: 24px; }
          .page-wrapper .page-header .header-wrapper .nav-right ul li svg path {
            color: #242934; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
          height: 24px;
          width: 24px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li .search-form svg {
          width: 20px;
          height: 20px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode {
          cursor: pointer;
          text-align: center; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i {
            font-size: 18px;
            font-weight: 600;
            transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i.fa-lightbulb-o {
              font-weight: 500;
              font-size: 22px;
              transition: all 0.3s ease;
              animation: zoomIn 300ms ease-in-out; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .header-search {
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
          margin-left: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body span {
            font-weight: 500;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box !important;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            white-space: normal; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
            font-size: 12px;
            line-height: 1;
            color: rgba(5, 26, 26, 0.7); }
        .page-wrapper .page-header .header-wrapper .nav-right > ul {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          gap: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
            padding: 6px 10px;
            display: inline-block;
            position: relative; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li:nth-child(n+3):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right > ul > li.profile-nav:nth-child(n+3)) {
              background-color: #fff;
              padding: 12px;
              border-radius: 40px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .badge {
              position: absolute;
              right: 0px;
              top: -3px;
              padding: 2px 4px;
              font-size: 11px;
              font-weight: 700;
              font-family: work-Sans, sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .mode svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .input-show svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul {
              left: inherit;
              right: -10px;
              width: 130px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:before, .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:after {
                left: inherit;
                right: 10px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li {
                display: block; }
                .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a {
                  font-size: 14px;
                  color: #2c323f; }
                  .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a i {
                    margin-left: 10px;
                    font-size: 13px;
                    color: #2c323f; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul .flag-icon {
            font-size: 16px; }
        .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip {
          width: unset !important;
          box-shadow: unset !important;
          background-color: transparent !important;
          overflow: initial; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::after, .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::before {
            display: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content {
            text-align: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
              width: 52px;
              height: 52px;
              background-color: #f9f9f9;
              border-radius: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              margin: 0 auto; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content span {
              font-family: "Montserrat", sans-serif;
              font-size: 12px;
              font-weight: 500;
              letter-spacing: 0.5px; }
        .page-wrapper .page-header .header-wrapper .nav-right .flip-card {
          width: 300px;
          height: 260px;
          background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner {
            position: relative;
            height: 100%;
            text-align: center;
            transition: transform 0.6s;
            transform-style: preserve-3d; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front,
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              position: absolute;
              backface-visibility: hidden;
              border-radius: 10px;
              overflow: hidden;
              box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
              width: 300px;
              height: 260px; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button,
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                background-color: transparent;
                color: #006666;
                border: none; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button:focus,
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button:focus {
                  outline: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
              background-color: #fff;
              transition: .3s; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
                stroke: var(--body-font-color);
                transition: all 0.3s ease; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg:hover {
                  stroke: var(--body-font-color);
                  transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              background-color: #fff;
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:first-child {
                margin-top: 20px;
                height: 140px !important; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                width: 100%; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
                border-radius: 25px;
                padding: 6px 12px;
                width: 100%;
                border: 1px solid #ddd; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input:focus {
                  outline: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped {
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped .front {
                opacity: 0; }
        .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
          width: 330px;
          top: 50px;
          right: 0;
          left: unset; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .dropdown-title {
            padding: 20px;
            text-align: center;
            border-bottom: 1px solid rgba(145, 142, 153, 0.3); }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div ul {
            padding: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li {
            padding: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li p {
              font-size: 14px;
              letter-spacing: 0.3px;
              margin-bottom: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li a {
              letter-spacing: 0.3px;
              font-family: "Montserrat", sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li + li {
              margin-top: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li:last-child {
              padding-bottom: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media {
              position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media img {
                width: 40px;
                position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .status-circle {
                left: 0; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body > span {
                letter-spacing: 0.8px;
                padding-right: 10px;
                display: inline-block; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body p {
                margin-bottom: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:before, .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:after {
            right: 10px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown.notification-all ul li {
          border-radius: 0px;
          border-bottom: 1px solid rgba(145, 142, 153, 0.1); }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown ul {
          padding: 0 0 15px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li {
          padding: 10px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media {
            align-items: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
              margin-right: 20px; }
              [dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
                margin-right: unset;
                margin-left: 20px; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li + li {
            margin-top: 0;
            border-top: 1px solid rgba(145, 142, 153, 0.1); }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li:last-child {
            padding: 20px 15px;
            border-top: none; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown p {
          line-height: 1.3;
          margin-top: 3px;
          opacity: 0.6; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
          position: absolute;
          right: 0;
          top: 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle a {
            width: 18px;
            height: 18px;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle svg {
            width: 14px;
            stroke: #fff; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box {
          margin: 5px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group {
            width: 80px;
            background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input {
              background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input,
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              font-size: 10px;
              font-family: "Montserrat", sans-serif;
              font-weight: 700; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              padding: 0px 7px;
              background-color: #F7F6FF !important;
              border-color: #F7F6FF !important;
              border-radius: 100%;
              font-size: 14px;
              color: #051A1A; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
          margin: 0;
          padding: 15px;
          background-color: #f9f9f9;
          border: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 {
            font-family: "Montserrat", sans-serif;
            font-weight: 500;
            font-size: 12px;
            line-height: 14px;
            letter-spacing: 0.5px; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 span {
              font-size: 14px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .view-checkout {
          text-decoration: unset; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box svg {
          animation: swing 1.5s ease infinite; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
          left: unset; }
          @media (max-width: 575.98px) {
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
              width: calc(100vw - 30px); } }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li:last-child {
            text-align: center;
            background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p span {
              font-size: 11px;
              vertical-align: middle; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:after {
            right: 28px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
          width: 160px;
          top: 57px;
          left: -12px;
          padding: 0 10px; }
          .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li {
            padding: 10px !important;
            border-bottom: 1px solid #E6E9EB; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              border: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
              text-decoration: unset; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a span {
              color: var(--theme-deafult);
              transition: color 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg {
              stroke: var(--theme-deafult);
              transition: stroke 0.3s ease; }
              .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg path {
                stroke: var(--theme-deafult);
                transition: stroke 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li + li {
              margin-top: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              padding-top: 10px !important; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
              color: #2c323f; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li svg {
              width: 16px;
              vertical-align: bottom;
              margin-right: 10px;
              stroke: #2c323f; }
  .page-wrapper .page-body-wrapper {
    background-color: #F5F5F5; }
    .page-wrapper .page-body-wrapper .page-body {
      min-height: calc(100vh - 136px);
      margin-top: 136px;
      padding: 25px 15px;
      position: relative;
      transition: 0.5s; }
      .page-wrapper .page-body-wrapper .page-body:before {
        animation: fadeIn 0.5s ease-in-out; }
    .page-wrapper .page-body-wrapper .page-title {
      padding: 20px 30px;
      margin: 0px -27px 0px; }
      .page-wrapper .page-body-wrapper .page-title > .row {
        margin: 0; }
        .page-wrapper .page-body-wrapper .page-title > .row .col-6 {
          padding: 0; }
      .page-wrapper .page-body-wrapper .page-title .row {
        align-items: center; }
        .page-wrapper .page-body-wrapper .page-title .row h3 {
          font-size: 24px;
          margin-bottom: 0;
          text-transform: capitalize; }
          .page-wrapper .page-body-wrapper .page-title .row h3 small {
            display: block;
            font-size: 12px;
            margin-bottom: 5px;
            text-transform: capitalize;
            color: #FFFFFF; }
      .page-wrapper .page-body-wrapper .page-title .breadcrumb {
        background-color: transparent;
        padding: 0;
        margin-bottom: 0;
        align-items: center;
        justify-content: flex-end; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
          font-size: 13px;
          letter-spacing: 1px;
          font-family: "Montserrat", sans-serif; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
          content: "/"; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
          width: 16px;
          height: 16px;
          stroke: #2c323f;
          vertical-align: text-top; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
          color: var(--theme-deafult);
          font-weight: 500; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
      stroke: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
      fill: #051A1A;
      stroke: none !important; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg {
      transition: all 0.3s ease; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
        stroke: #fff; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
        fill: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content li a {
      text-transform: capitalize; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .stroke-icon {
    display: inline-block; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .fill-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .stroke-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .fill-icon {
    display: inline-block; }
  .page-wrapper.horizontal-wrapper [data-simplebar] {
    position: relative; }
  .page-wrapper.horizontal-wrapper .footer {
    margin-left: 0; }
  .page-wrapper.horizontal-wrapper .header-logo-wrapper {
    width: 150px; }
    .page-wrapper.horizontal-wrapper .header-logo-wrapper .toggle-sidebar {
      display: none; }
  .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 19px;
    right: 0px;
    color: #fff; }
    [dir="rtl"] .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
      left: 0;
      right: unset; }
  .page-wrapper.horizontal-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: hidden;
    cursor: pointer; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    height: 54px;
    line-height: inherit;
    top: 79px;
    background: #fff;
    box-shadow: 0px 9px 24px rgba(89, 102, 122, 0.05);
    overflow-x: hidden;
    z-index: 1;
    overflow-y: visible;
    position: fixed;
    width: 100vw;
    border-top: 1px solid #efefef;
    z-index: 3; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .simplebar-content {
      display: flex; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper li {
      display: inline-block; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .badge {
      position: absolute;
      top: 2px;
      right: 0px;
      z-index: 1; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper,
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
      text-align: left;
      position: relative; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        position: absolute;
        top: 0px;
        padding: 15px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        cursor: pointer; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow.disabled,
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow.disabled {
          display: none; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow {
        left: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        right: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: normal;
        direction: ltr;
        text-align: left;
        display: -webkit-box !important;
        padding: 0 5px;
        transition: all .5s ease;
        white-space: nowrap; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a.active .according-menu i:before {
          content: '-'; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a .according-menu {
          display: none; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active {
          color: #fff; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active:after {
            background-color: rgba(255, 255, 255, 0.6); }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          position: relative;
          padding-top: 10px;
          padding-bottom: 10px; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a > span {
            color: var(--theme-deafult);
            transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a {
            background-color: #fff;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.stroke-icon {
              stroke: #fff;
              transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.fill-icon {
              fill: #fff;
              transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
            display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            display: block;
            color: #051A1A;
            line-height: 23px;
            text-decoration: none;
            text-transform: capitalize;
            padding: 5px 15px;
            margin: 0 3px;
            letter-spacing: 0.04em;
            position: relative;
            border-radius: 5px;
            font-weight: 500;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active {
              transition: all 0.3s ease; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active svg,
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active span {
                color: #fff;
                transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a .badge {
              position: absolute;
              top: -5px;
              margin-left: 1px;
              right: 10px;
              padding: 0.20em 0.7em; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg {
              width: 18px;
              height: 18px;
              vertical-align: middle;
              margin-right: 10px;
              stroke: #051A1A !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
            position: fixed;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 15px 0px 15px 0px;
            background: white; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li {
              border: 0;
              float: none;
              position: relative;
              display: block; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
                background: transparent;
                padding: 4px 30px;
                display: block;
                transition: all 0.5s ease;
                line-height: 1.9;
                color: rgba(43, 43, 43, 0.6);
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                transition: all 0.3s ease; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
                  left: 20px; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
                  color: #006666;
                  letter-spacing: 1.5px;
                  transition: all 0.3s ease; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover:after {
                    background-color: var(--theme-deafult); }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
            position: fixed;
            right: 0;
            left: 0;
            margin: 0 auto;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 30px;
            background: white;
            width: 95%;
            border-radius: 4px;
            display: block !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
              width: 20%; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                text-transform: uppercase;
                font-size: 14px;
                margin-left: -13px; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content {
                box-shadow: none;
                background-color: transparent;
                position: relative;
                display: block;
                padding: 0; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li {
                  border: 0;
                  float: none;
                  position: relative;
                  display: block; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
                    border: 0 !important;
                    background: transparent;
                    color: #051A1A;
                    border-radius: 0 !important;
                    text-transform: capitalize;
                    padding: 3px 0;
                    font-size: 13px;
                    display: block;
                    letter-spacing: 0.07em;
                    line-height: 1.9;
                    position: relative;
                    transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover {
                      color: var(--theme-deafult);
                      letter-spacing: 1.5px;
                      transition: all 0.3s ease; }
                      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover:after {
                        color: var(--theme-deafult);
                        transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:after {
                      position: absolute;
                      content: "";
                      left: -12px;
                      top: 50%;
                      width: 5px;
                      height: 1px;
                      background-color: #59667a; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a:after {
            left: 0;
            right: 0;
            opacity: 1; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu {
            position: unset; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper.overlay-white {
      background-color: rgba(255, 255, 255, 0.08); }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav i {
      font-size: 24px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
    margin-top: 110px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main-title {
    display: none !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.scorlled .sidebar-wrapper {
    display: none;
    transition: all 0.3s ease; }
  .page-wrapper.horizontal-wrapper .page-header {
    width: 100%;
    box-shadow: none; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .form-control-plaintext {
      width: auto !important; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1324px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
      @media (max-width: 1323px) and (min-width: 1200px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 1199px) and (min-width: 992px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
    @media (max-width: 1428px) and (min-width: 1324px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 55%; } }
    @media (max-width: 1323px) and (min-width: 1200px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 40%; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.horizontal-wrapper.enterprice-type footer {
    margin-left: 0; }
  .page-wrapper.material-icon .card {
    border-radius: 30px;
    box-shadow: 0 0 20px rgba(0, 102, 102, 0.1); }
  .page-wrapper .sidebar-main-title h6 {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 0.40px; }
  .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 11px;
    right: -9px;
    color: #fff;
    z-index: 9999; }
    [dir="rtl"] .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
      left: -9px;
      right: unset; }
  .page-wrapper.compact-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer; }
  .page-wrapper.compact-wrapper .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-wrapper .pin-title {
    order: -1; }
  .page-wrapper.compact-wrapper .page-header {
    margin-left: 265px;
    width: calc(100% - $sidebar-compact-width); }
    .page-wrapper.compact-wrapper .page-header.close_icon {
      margin-left: 90px;
      width: calc(100% - 90px); }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
      position: absolute;
      content: "";
      bottom: 0%;
      height: 1px;
      z-index: 8;
      width: calc(100% - 40px);
      background: #E6E9EB; }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9;
    height: 100%;
    line-height: inherit;
    background: var(--theme-deafult);
    width: 265px;
    text-align: left;
    transition: 0.3s;
    box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      fill: #fff; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      padding: 22px 30px;
      box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
      border-top-right-radius: 15px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
      width: auto;
      transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .badge {
        opacity: 0;
        width: 0;
        padding: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        max-width: 86px;
        margin: 0;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          text-align: center;
          padding: 12px 14px;
          transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main-title {
        display: none !important;
        opacity: 0;
        transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper {
        display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
        text-align: right;
        display: block; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
        width: 265px;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .badge {
          opacity: 1;
          width: auto;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          max-width: unset;
          margin: initial;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
            text-align: left; }
            [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
              text-align: right; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            padding: 12px 15px;
            transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a span {
              display: inline-block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main-title {
          opacity: 1;
          display: block !important;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
          display: block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-icon-wrapper {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .mobile-sidebar {
        transform: translate(183px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
        margin-left: 90px;
        transition: 0.5s; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer-fix {
        width: calc(100% - 90px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 118px); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          padding: 15px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::before {
            right: 20px;
            left: unset; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a span {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .according-menu {
        display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
      visibility: hidden;
      position: absolute;
      top: -8px;
      right: 17px;
      border-radius: 15px;
      padding: 4px 6px;
      color: #fff;
      font-size: 11px;
      background-color: #006666;
      border: 1px solid rgba(255, 255, 255, 0.6); }
      [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
        left: 17px;
        right: unset; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list:hover i.fa-thumb-tack {
      visibility: visible;
      cursor: pointer; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pined, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 115px);
      left: -300px;
      z-index: 99;
      transition: color 1s ease;
      overflow: auto;
      color: rgba(0, 0, 0, 0);
      margin-top: 20px;
      margin-bottom: 30px; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        font-weight: 500; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
          width: 18px;
          height: 18px;
          margin-right: 10px;
          vertical-align: -2px;
          float: none;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          letter-spacing: 0.7px;
          text-transform: capitalize;
          color: rgba(255, 255, 255, 0.8); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.link-nav .according-menu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li:last-child {
        border-bottom: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links.opennav {
        left: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn {
        display: block;
        width: 100%;
        padding: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn .mobile-back {
          padding: 20px;
          color: #242934;
          font-weight: 700;
          text-transform: uppercase;
          border-bottom: 1px solid #efefef;
          cursor: pointer;
          display: flex;
          justify-content: flex-end;
          align-items: center; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        display: block;
        width: 100%;
        position: relative; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
          padding: 25px 0 6px 20px;
          margin-top: 0px;
          margin-bottom: 12px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: block; }
          [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
            padding: 25px 20px 6px 0; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
            position: absolute;
            content: '';
            top: 0;
            left: 50%;
            background: rgba(255, 255, 255, 0.2);
            width: calc(100% - 40px);
            height: 1px;
            transform: translateX(-50%); }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2) {
            margin-top: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2)::before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list {
          padding: 0px 18px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list .badge {
            position: absolute;
            right: 50px;
            top: 14.5px;
            padding: 0.45em 0.8em 0.33em;
            z-index: 1;
            font-size: 10px;
            letter-spacing: 0.7px;
            font-weight: 600;
            font-family: "Montserrat", sans-serif;
            border-radius: 10px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list:hover > a:hover {
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg {
          fill: #fff;
          stroke: #fff;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg.fill-icon {
            fill: #fff;
            stroke: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover span {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover .according-menu i {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          padding: 11px 13px;
          position: relative;
          color: #222222; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow {
            right: 20px;
            position: absolute;
            top: 10px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow i {
              display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow:before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
          display: none !important; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
          width: 100%;
          padding: 0;
          position: relative !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
            padding-left: 50px !important;
            font-weight: 400; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu .submenu-title .according-menu {
            top: 7px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover > a {
            color: #fff;
            transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
            display: none;
            position: relative !important;
            right: 0;
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu.opensubchild {
              display: block; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a {
              padding: 6px 45px;
              padding-left: 63px !important; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a:after {
                display: none; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
            padding: 7px 25px;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.7);
            display: block;
            position: relative;
            letter-spacing: 0.06em;
            font-weight: 500;
            transition: all 0.3s ease;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a .content-menu {
              padding: 0px 15px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
              color: #fff; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active::before {
                opacity: 1;
                background: #fff;
                visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
              left: 20px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
              margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
          padding: 0;
          position: relative; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section:hover h5 {
              color: #fff !important;
              transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title {
              position: relative; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                margin-bottom: 0;
                line-height: 1.9;
                padding: 6px 25px 6px 65px;
                font-size: 14px;
                position: relative;
                color: rgba(255, 255, 255, 0.8);
                display: block;
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                cursor: pointer; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
                  left: 20px; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5 {
                color: #fff; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5::before {
                  opacity: 1;
                  visibility: visible; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
                top: 8px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
              margin-bottom: 0;
              line-height: 1.9;
              padding: 6px 15px 6px 65px;
              font-size: 14px;
              position: relative;
              color: rgba(255, 255, 255, 0.8);
              display: block;
              letter-spacing: 0.06em;
              font-weight: 500;
              font-family: "Montserrat", sans-serif; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a:after {
                display: none; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a.active {
                color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
              line-height: 1.9; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
                margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container {
          display: block !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container::before {
            height: calc(100% - 9px);
            transition: height 0.5s; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
            position: relative;
            margin-bottom: 10px;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active::after {
              opacity: 1;
              visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active ~ .sidebar-submenu::before {
              height: calc(100% - 8px);
              transition: height 0.5s; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active .according-menu i {
              color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
              color: #fff;
              transition: all 0.3s ease; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-content {
      display: flex;
      flex-direction: column; }
  .page-wrapper.compact-wrapper .page-body-wrapper .mega-box.col {
    flex-basis: unset; }
  .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
    position: absolute;
    right: 20px;
    top: 11px;
    display: block; }
    .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
      vertical-align: middle;
      color: rgba(255, 255, 255, 0.8);
      font-weight: 500; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu.border-section {
    border: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav {
    position: absolute;
    z-index: 2;
    right: 145px;
    top: 6px; }
    .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
      font-size: 18px;
      padding-left: 5px;
      text-transform: uppercase; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 80px);
    margin-top: 56px;
    margin-left: 265px; }
  .page-wrapper.compact-wrapper.dark-sidebar .sidebar-main-title h6, .page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title h6 {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .toggle-sidebar svg, .page-wrapper.compact-wrapper.color-sidebar .toggle-sidebar svg {
    stroke: var(--theme-deafult); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
    stroke: #fff !important; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
    fill: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
    stroke: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
    fill: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
    background: rgba(255, 255, 255, 0.1); }
  .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #22242B; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon {
      stroke: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon {
      fill: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
      color: #fff;
      stroke: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-light, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-light {
      display: none; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-dark, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-dark {
      display: block; }
  .page-wrapper.compact-wrapper.dark-sidebar .according-menu i, .page-wrapper.compact-wrapper.color-sidebar .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #2f3c4e; }
  .page-wrapper.compact-sidebar .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content {
    display: flex;
    flex-direction: column; }
  .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 54px;
    color: #fff;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
      left: 54px;
      right: unset; }
  .page-wrapper.compact-sidebar .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer;
    z-index: 1; }
  .page-wrapper.compact-sidebar .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-sidebar .pin-title {
    order: -1; }
  .page-wrapper.compact-sidebar ~ .bg-overlay1 {
    transition: 0.8s; }
    .page-wrapper.compact-sidebar ~ .bg-overlay1.active {
      z-index: 8;
      height: 100vh;
      width: 100vw;
      background-color: rgba(0, 0, 0, 0.2);
      position: fixed;
      top: 0; }
  .page-wrapper.compact-sidebar .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-sidebar .sidebar-main-title {
    display: none; }
  .page-wrapper.compact-sidebar .logo-wrapper {
    display: none; }
  .page-wrapper.compact-sidebar .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 24px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-sidebar .page-header {
    margin-left: 150px;
    width: calc(100% - 150px); }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1578px) and (min-width: 1274px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 38%; } }
      @media (max-width: 1273px) and (min-width: 1200px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 45%; } }
      @media (max-width: 991px) and (min-width: 768px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 36%; } }
      @media (max-width: 767px) and (min-width: 756px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 28%; } }
      @media (max-width: 1199px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 132px; } }
      @media (max-width: 767px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 83px; } }
    .page-wrapper.compact-sidebar .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
    margin-top: 80px;
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper .footer {
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
      height: auto;
      line-height: inherit;
      background: #F5F5F5;
      width: 150px;
      text-align: left;
      transition: 0.3s;
      box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1); }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      margin: 30px 0;
      height: calc(100vh - 113px);
      overflow: auto; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        color: #2c323f; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          text-transform: capitalize;
          color: #2c323f;
          font-weight: 500;
          letter-spacing: 1px;
          font-size: 14px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active {
          background: rgba(0, 102, 102, 0.1);
          color: #006666;
          border-radius: 20px;
          margin: 0 10px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active span {
            color: #006666; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
            animation: fadeInLeft 300ms ease-in-out; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
        display: block;
        padding: 20px 0;
        border-bottom: 1px solid #f3f3f3; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
        position: fixed;
        top: 0px;
        height: calc(100vh - 0px);
        overflow: auto;
        left: 150px;
        width: 230px;
        background-color: #fff;
        box-shadow: 0 16px 15px 15px rgba(126, 55, 216, 0.03);
        transition: all 0.5s ease-in-out;
        display: none;
        padding-top: 20px;
        z-index: -1; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
          padding: 15px 15px 15px 40px;
          display: block;
          position: relative;
          border-bottom: 1px solid #f1f1f1; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
            display: none; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
            position: absolute;
            right: 20px;
            top: 16px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a.active,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a.active {
            background-color: rgba(0, 102, 102, 0.1);
            color: #006666;
            transition: all 0.3s ease; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li .submenu-content li a.active,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li .submenu-content li a.active {
          background-color: transparent; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
          position: absolute;
          content: "";
          left: 20px;
          top: 48%;
          width: 12px;
          border-top: 2px solid rgba(255, 255, 255, 0.4); }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 0; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
            text-align: left; }
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
              position: relative;
              font-size: 14px;
              font-weight: 400;
              padding: 15px 15px 15px 40px;
              letter-spacing: 1px;
              margin-bottom: 0; }
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
                position: absolute;
                content: "";
                left: 20px;
                top: 48%;
                width: 6px;
                border-top: 2px solid #595c60; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list {
        position: relative; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
          position: absolute;
          left: 53%;
          top: 7px;
          font-weight: 500;
          font-size: 9px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
          text-align: center; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
            margin: 0 auto 6px;
            width: 24px;
            height: 24px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
            display: block;
            font-weight: 500;
            letter-spacing: 1px;
            font-size: 14px;
            word-break: break-word; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link .according-menu {
            display: none; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
        text-align: center;
        padding: 0; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
          width: 24px;
          height: 24px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
          position: absolute;
          right: 20px;
          top: 13px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
      transform: translateX(-150px); }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
        margin-left: 0px; }
  .page-wrapper.compact-small .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 22px;
    color: #006666;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
      left: 22px;
      right: unset; }
  .page-wrapper.compact-small .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible; }
  .page-wrapper.compact-small .sidebar-list.pined, .page-wrapper.compact-small .sidebar-list.pin-title {
    order: -1; }
  .page-wrapper.compact-small .sidebar-main-title,
  .page-wrapper.compact-small .logo-wrapper {
    display: none; }
  .page-wrapper.compact-small .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 27px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-small .page-header {
    margin-left: 90px;
    width: calc(100% - 90px); }
    .page-wrapper.compact-small .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-small .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-small .page-body-wrapper .page-body {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper .footer {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div {
    width: 90px; }
  @media (max-width: 420px) {
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 105px); } }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    display: block;
    padding: 15px 0; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 90px; }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
      padding: 10px 15px 10px 40px; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
        display: none; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
        top: 11px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
    margin: 0 auto;
    width: 20px;
    height: 20px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
    margin: 0 auto; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu a > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translateX(-150px); }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
      margin-left: 0px; }
  .page-wrapper.only-body {
    background-color: #f2f0fa; }
    .page-wrapper.only-body .page-body-wrapper {
      background-color: #f2f0fa; }
    .page-wrapper.only-body .page-header {
      position: relative; }
      .page-wrapper.only-body .page-header .header-logo-wrapper {
        display: none; }
      .page-wrapper.only-body .page-header .header-wrapper {
        padding: 0 !important; }
        .page-wrapper.only-body .page-header .header-wrapper .left-header {
          display: none; }
        .page-wrapper.only-body .page-header .header-wrapper .nav-right {
          position: absolute;
          right: 60px;
          top: 58px; }
        .page-wrapper.only-body .page-header .header-wrapper .search-full {
          top: 37px;
          width: calc(100% - 50px);
          left: 25px; }
          [dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .search-full {
            left: unset;
            right: 25px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
            background-color: #fff;
            border-radius: 15px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu {
            top: 78px;
            width: calc(100% - 30px);
            margin: 0 auto;
            right: 0; }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-top: 20px;
      padding-bottom: 20px; }
    .page-wrapper.only-body .sidebar-wrapper,
    .page-wrapper.only-body footer {
      display: none; }
    .page-wrapper.only-body .page-body-wrapper .page-body {
      margin-top: 0px;
      min-height: calc(100vh - 0px); }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-left: 30px;
      padding-right: 30px;
      margin: 30px 0;
      border-radius: 15px; }
      @media (max-width: 991.98px) {
        .page-wrapper.only-body .page-body-wrapper .page-title {
          padding-left: 20px;
          padding-right: 20px;
          margin: 20px 0; } }
      .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6 {
        flex: 0 0 100%;
        max-width: 100%; }
      .page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb {
        margin-top: 5px;
        justify-content: flex-start; }
  .page-wrapper.modern-type .progress-chart-wrap {
    margin-left: -22px; }
    [dir="rtl"] .page-wrapper.modern-type .progress-chart-wrap {
      margin-left: unset;
      margin-right: -22px; }
  .page-wrapper.modern-type .ecommerce-widget {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .file-sidebar .pricing-plan {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .alert-primary {
    color: #006666; }
  .page-wrapper.modern-type .project-box {
    background-color: #00d6d6; }
  .page-wrapper.modern-type .nav-tabs .nav-link.active {
    background-color: transparent; }
  .page-wrapper.modern-type .simplebar-mask {
    top: 10px; }
  .page-wrapper.modern-type .page-header {
    margin-left: 0px;
    width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header.close_icon {
      margin-left: 0px;
      width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1200px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 818px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 36%; } }
    @media (max-width: 1669px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 50%; } }
    @media (max-width: 1428px) and (min-width: 1200px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 40%; } }
    .page-wrapper.modern-type .page-header .header-wrapper .header-logo-wrapper {
      display: flex;
      align-items: center; }
    .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
      display: block;
      margin-right: 30px; }
    .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
      display: block;
      position: relative;
      top: unset;
      right: unset;
      margin-right: 15px; }
  .page-wrapper.modern-type .page-body-wrapper .page-title {
    background-color: transparent;
    padding-bottom: 0; }
  .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
    margin: 30px !important;
    top: 80px;
    bottom: 0;
    border-radius: 15px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 160px); }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      margin-left: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
      margin-left: 0px;
      margin-right: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
      display: none; }
  .page-wrapper.modern-type .page-body-wrapper .page-body {
    margin-left: 296px; }
    .page-wrapper.modern-type .page-body-wrapper .page-body .container-fluid {
      max-width: 1500px; }
  .page-wrapper.modern-type .page-body-wrapper .footer {
    margin-left: 360px;
    margin-right: 70px;
    border-radius: 10px; }
    @media (max-width: 991px) {
      .page-wrapper.modern-type .page-body-wrapper .footer {
        margin-right: 0;
        margin-left: 0; } }
  .page-wrapper.material-type {
    position: relative; }
    .page-wrapper.material-type::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 300px;
      background-image: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-type .card {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
    .page-wrapper.material-type .page-header {
      position: relative;
      max-width: 1560px;
      margin: 50px auto 0;
      border-radius: 15px 15px 0 0; }
      .page-wrapper.material-type .page-header .header-wrapper .left-header {
        width: 31%; }
        @media (max-width: 1600px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 33%; } }
        @media (max-width: 1366px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 38%; } }
        @media (max-width: 1199px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 30%; } }
      @media (max-width: 1600px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 40%; } }
      @media (max-width: 1199px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 45%; } }
    .page-wrapper.material-type .page-body-wrapper {
      background-blend-mode: overlay;
      background-color: rgba(255, 255, 255, 0.5); }
      .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        position: relative;
        max-width: 1560px;
        margin: 0 auto;
        top: unset;
        height: 56px; }
      .page-wrapper.material-type .page-body-wrapper .page-body {
        margin: 0 auto;
        max-width: 1560px;
        background-color: #F5F5F5;
        box-shadow: 0 0 20px 7px rgba(8, 21, 66, 0.05);
        border-radius: 0 0 15px 15px; }
    .page-wrapper.material-type .footer {
      margin-top: 40px; }
    .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .left-header {
      width: 38%; }
    @media (max-width: 991px) {
      .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.advance-layout {
    background-blend-mode: overlay;
    background-color: #F5F5F5; }
    .page-wrapper.advance-layout .card {
      border-radius: 5px;
      box-shadow: none;
      border: 1px solid #ecf3fa; }
    .page-wrapper.advance-layout .page-header {
      position: relative;
      background-color: #fff;
      margin: 0 auto; }
    .page-wrapper.advance-layout .page-body-wrapper {
      background: transparent; }
      .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
        position: relative !important;
        top: unset !important;
        height: unset;
        box-shadow: none;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef; }
        .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper > div {
          overflow-x: hidden; }
      .page-wrapper.advance-layout .page-body-wrapper .page-body {
        margin-top: 0 !important; }

@keyframes pagebody {
  from {
    opacity: 0;
    transform: scale3d(0.98, 0.98, 0.98) translate(-20px, -50px); }
  50% {
    opacity: 1; } }

.md-sidebar {
  position: relative; }
  .md-sidebar .md-sidebar-toggle {
    display: none;
    width: fit-content;
    text-transform: capitalize;
    margin-bottom: 20px; }

#sidebar-menu .sidebar-links .simplebar-mask {
  border-bottom-right-radius: 18px; }

@media screen and (max-width: 1480px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -18%;
    width: 91%; } }

@media screen and (max-width: 1460px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -54%;
    width: 75%; }
  .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-right: 8px; } }

@media screen and (max-width: 1366px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -49%;
    width: 70%; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) {
    padding: 8px; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) svg {
      height: 22px;
      width: 22px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.onhover-dropdown.notification-down:nth-child(5)::before {
    left: 47px;
    height: 42px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li .profile-media img {
    width: 32px;
    height: 32px; }
  .profile-dropdown.onhover-show-div {
    right: 0;
    left: unset !important; }
    .profile-dropdown.onhover-show-div:before, .profile-dropdown.onhover-show-div:after {
      right: 10px !important;
      left: unset !important; } }

@media screen and (max-width: 1199px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 6px; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown .notification-down::before {
      content: "";
      position: absolute;
      left: 33px;
      height: 30px; }
  .mobile-title.d-none {
    display: flex !important;
    justify-content: space-between;
    padding: 20px 30px 17px;
    border-bottom: 1px solid #ddd;
    margin: 0 -15px; }
    .mobile-title.d-none h5 {
      color: var(--theme-deafult); }
    .mobile-title.d-none svg {
      stroke: var(--theme-deafult) !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -35%;
    width: 56%; } }

@media screen and (min-width: 992px) {
  .page-header .header-wrapper .nav-right .notification-dropdown {
    top: 46px; }
  .responsive-btn {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-mask {
    top: 0; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
    width: 200px;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    transition: all 0.5s ease; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a .sub-arrow {
      position: absolute;
      right: 20px;
      top: 5px;
      color: #59667a;
      font-weight: 100;
      transition: all 0.5s ease;
      font-size: 15px;
      top: 5px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
      display: none;
      border-radius: 4px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover .nav-sub-childmenu {
      display: block;
      position: absolute;
      left: 200px;
      background-color: #fff;
      top: -10px;
      padding: 15px 0px 15px 0px;
      box-shadow: 0 0 1px 0 #898989; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover .sub-arrow {
      right: 16px;
      transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.hoverd .sidebar-submenu {
    opacity: 1;
    visibility: visible;
    margin-top: 8px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .mega-menu-container {
    opacity: 1;
    visibility: visible;
    margin-top: 20px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .mobile-back {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .page-wrapper.material-icon {
    position: relative; }
    .page-wrapper.material-icon::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 200px;
      background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-icon .toggle-sidebar {
      color: rgba(255, 255, 255, 0.8); }
      .page-wrapper.material-icon .toggle-sidebar:hover > svg {
        color: #fff !important;
        stroke: #fff !important; }
    .page-wrapper.material-icon .page-header {
      position: relative;
      background: transparent;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto;
      width: calc(100% - 0px);
      box-shadow: none; }
      .page-wrapper.material-icon .page-header .f-light {
        color: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
        stroke: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li {
        color: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .notification-box svg,
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .cart-box svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > a > svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > svg {
          stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
        color: rgba(255, 255, 255, 0.7); }
      .page-wrapper.material-icon .page-header.close_icon {
        padding-left: 0;
        margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-body {
      margin-top: 0 !important;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto; }
    .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      padding-left: 15px;
      margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-title {
      color: #fff;
      background-color: transparent;
      border-bottom: none;
      box-shadow: none; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
        color: rgba(255, 255, 255, 0.6); }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        color: rgba(255, 255, 255, 0.8); } }

@media only screen and (min-width: 992px) {
  .page-wrapper.material-icon::before {
    height: 240px; } }

@media screen and (max-width: 767px) {
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(2) {
    background-color: #fff;
    padding: 8px;
    border-radius: 40px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav {
    background-color: unset; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav ul li {
      border-radius: 0px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:last-child {
    padding: 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
    height: 27px;
    width: 27px;
    cursor: pointer; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-dropdown .cart-dropdown ul li:nth-child(2) {
    border-radius: 0px !important;
    padding: 16px 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .tab-content .notification-card ul li {
    padding: 15px 0px !important;
    border-radius: 0px !important; }
  .sidebar-wrapper .menu .brand-logo img {
    width: 120px; } }

@media screen and (max-width: 576px) {
  .toggle-nav i {
    font-size: 20px; } }

/**=====================
  5.7 Sidebar CSS Ends
==========================**/
.left-header .d-flex {
  align-items: center; }

.left-header .welcome-content span {
  color: var(--chart-text-color); }

.left-header h6 {
  line-height: 1.6; }
  @media (max-width: 1199px) {
    .left-header h6 {
      width: 160px;
      overflow: hidden;
      -webkit-line-clamp: 1;
      text-overflow: ellipsis;
      white-space: nowrap; } }
  @media (max-width: 991px) {
    .left-header h6 {
      width: 120px; } }
  @media (max-width: 767px) {
    .left-header h6 {
      width: 66px; } }
@media (max-width: 892px) {
  .left-header {
    display: none; } }

.left-header img {
  margin-top: -12px;
  height: 26px; }

.left-header i {
  font-weight: 600;
  font-size: 12px;
  margin-bottom: -4px; }

.nav-right .nav-menus li .input-icon svg {
  position: absolute;
  top: 11px;
  left: 15px; }
  [dir="rtl"] .nav-right .nav-menus li .input-icon svg {
    right: 15px;
    left: unset; }

.nav-right .nav-menus li .input-icon::before {
  content: "";
  top: 8px;
  left: 44px;
  height: 25px;
  width: 1px;
  background-color: #E6E9EB;
  position: absolute; }
  [dir="rtl"] .nav-right .nav-menus li .input-icon::before {
    right: 44px;
    left: unset; }

.nav-right .nav-menus li .input-icon input {
  background-color: #fff; }

.nav-right .nav-menus li .input-show {
  position: relative; }
  .nav-right .nav-menus li .input-show input {
    position: absolute;
    z-index: 11;
    top: 25px;
    left: 0px;
    background-color: #fff;
    padding: 12px; }
  .nav-right .nav-menus li .input-show #searchInput.show input {
    display: block; }
  .nav-right .nav-menus li .input-show #searchInput input {
    display: none; }

/*======= Page Header css ends  ======= */
/**======Main Header css Start ======**/
.offcanvas .page-wrapper .page-body-wrapper .page-body,
.offcanvas-bookmark .page-wrapper .page-body-wrapper .page-body {
  position: relative;
  filter: blur(5px) grayscale(100%); }

.offcanvas {
  position: unset;
  visibility: visible;
  background: unset;
  z-index: 2; }

.toggle-sidebar {
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer; }
  .toggle-sidebar svg {
    width: 20px;
    height: 20px;
    stroke: var(--white); }
  .toggle-sidebar:before {
    content: "";
    position: absolute;
    height: 40px;
    width: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 100%;
    left: -10px;
    z-index: -2;
    top: -9px;
    transform: scale(0);
    transition: all 0.3s ease; }
  .toggle-sidebar:hover:before {
    height: 40px;
    width: 40px;
    transform: scale(1);
    transition: all 0.3s ease; }
  .toggle-sidebar:hover > svg {
    color: var(--white) !important;
    stroke: var(--white) !important; }

.onhover-dropdown {
  cursor: pointer;
  position: relative; }
  .onhover-dropdown.notification-down::before {
    content: "";
    top: 0px;
    left: 55px;
    height: 46px;
    width: 1px;
    background-color: #E6E9EB;
    position: absolute; }

.page-wrapper .page-body-wrapper {
  background-color: #F5F5F5; }

.page-wrapper .page-header.close_icon .header-wrapper .header-logo-wrapper .toggle-sidebar svg {
  stroke: #898989 !important; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message a {
  color: #051A1A; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .notification-card a {
  color: #051A1A; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .notification-card a:hover {
    color: #006666; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul {
  gap: 8px;
  justify-content: center;
  padding: 0px !important;
  align-items: center; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification-box a {
      color: #051A1A; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.total h6 {
      text-align: -webkit-auto; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification {
      border-bottom: 1px solid #E6E9EB;
      padding-bottom: 15px;
      padding-top: 15px; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data .product-icon {
        height: 40px;
        width: 40px;
        border-radius: 6px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data .product-icon svg {
          width: 25px;
          height: 25px;
          stroke: none !important; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data span {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;
        text-align: -webkit-auto; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification:last-child {
        border: none; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li {
  padding: 19px 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts {
    display: flex;
    align-items: center; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-image {
      height: 34px;
      width: 34px; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-name {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-name h6 {
        text-align: start; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li:hover a {
    color: #006666; }

.onhover-show-div {
  top: 80px;
  position: absolute;
  z-index: 8;
  background-color: #fff;
  transition: all linear 0.3s; }
  .onhover-show-div li a svg {
    margin-top: 0 !important; }
    .onhover-show-div li a svg path,
    .onhover-show-div li a svg line {
      color: #051A1A !important; }

/**======Main Header css Ends ======**/
/*=======Mega menu css start=======*/
.mega-menu .default-according .card .btn-link {
  font-weight: 500;
  color: gray; }

.mega-menu .default-according .card .card-body {
  font-size: 12px; }

.mega-menu .onhover-show-div {
  width: 1500px; }

.mega-menu .card-body {
  padding: 20px; }

.mega-menu div > div a {
  margin-bottom: 0px;
  display: inline-block;
  color: #FFFFFF; }

.mega-menu .list-unstyled div a {
  padding: 8px 35px 8px 0;
  transition: 0.5s; }
  .mega-menu .list-unstyled div a:hover {
    padding: 8px 35px 8px 10px;
    transition: 0.5s; }

/*=======Mega menu css end=======*/
/**=====================
    5.3 Header CSS Ends
==========================**/
/**=====================
    5.4 Navs CSS Start
==========================**/
#accordionoc #collapseicon,
#accordionoc #collapseicon1 {
  padding-top: 0px; }

#accordionoc li button {
  display: flex;
  align-items: center; }

.navs-icon.default-according.style-1 li button {
  position: relative; }
  .navs-icon.default-according.style-1 li button:hover {
    color: var(--theme-deafult) !important; }

.navs-icon.default-according.style-1 li button[aria-expanded="true"]:before {
  right: 2px;
  top: 6px; }

.navs-icon.default-according.style-1 li button[aria-expanded="false"]:before {
  right: 2px;
  top: 6px; }

.navs-icon {
  padding: 30px; }
  .navs-icon li {
    padding: 9px 0; }
    .navs-icon li a {
      color: #051A1A; }
      .navs-icon li a:hover {
        color: var(--theme-deafult); }
    .navs-icon li ul {
      padding-top: 9px; }

.onhover-dropdown.navs-dropdown:hover .onhover-show-div:before, .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after {
  right: 77px;
  left: unset; }

.icon-lists {
  font-family: inherit; }

/**=====================
    5.4 Navs CSS Ends
==========================**/
/**=====================
   5.5 Search CSS Start
==========================**/
.search-page .theme-form input {
  border: 1px solid var(--theme-deafult);
  padding-left: 20px;
  border-radius: 10px 0 0 10px;
  flex: 1 1 auto; }
  .search-page .theme-form input::placeholder {
    color: #006666; }
  .search-page .theme-form input:focus {
    outline: none; }

.search-page .theme-form .input-group .btn {
  line-height: 32px;
  font-size: 16px; }

.search-page .theme-form .input-group .form-control-plaintext {
  background: transparent; }

.search-page h6 {
  line-height: 1.4; }

.search-page .nav-link {
  font-weight: 500;
  text-transform: uppercase; }

.search-page .border-tab.nav-tabs .material-border {
  border-bottom-width: 1px; }

.search-page .border-tab.nav-tabs .nav-item .nav-link {
  font-size: 15px;
  padding: 10px 18px; }

.search-page .media .media-body {
  overflow: hidden; }

.search-page .info-block {
  padding: 30px;
  border-radius: 15px;
  border: 1px solid #E6E9EB; }
  .search-page .info-block a {
    color: #656565;
    margin-bottom: 3px;
    display: block; }
  .search-page .info-block h6 {
    color: #006666; }
  .search-page .info-block + .info-block {
    margin-top: 20px; }

.search-page .border-tab.nav-tabs {
  align-items: left;
  justify-content: end; }
  .search-page .border-tab.nav-tabs .nav-item {
    width: auto; }

.search-page .search-links h6 {
  margin-bottom: 10px; }

.search-page p {
  text-transform: lowercase;
  margin-bottom: 0;
  color: #a5a2a2; }

.search-page ul.search-info li {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  color: #586082; }
  .search-page ul.search-info li + li {
    border-left: 1px solid #a8b0c2;
    padding-left: 8px;
    margin-left: 8px; }
  .search-page ul.search-info li i {
    color: #FFAE1A; }
    .search-page ul.search-info li i:not(:last-child) {
      margin-right: 4px; }

.search-page #video-links .embed-responsive + .embed-responsive {
  margin-top: 30px; }

.search-list {
  margin-bottom: 30px;
  width: auto;
  display: inline-flex;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #006666;
  border: none; }
  .search-list .nav-item {
    background-color: rgba(0, 102, 102, 0.1); }
    .search-list .nav-item .nav-link {
      border: none;
      padding: 0.7rem 1.5rem;
      opacity: 0.5; }
      .search-list .nav-item .nav-link.active {
        background-color: rgba(0, 102, 102, 0.1);
        color: var(--theme-deafult);
        opacity: 1; }
    .search-list .nav-item.show, .search-list .nav-item.active {
      background-color: rgba(0, 102, 102, 0.1); }

/**=====================
  5.5 Search CSS Ends
==========================**/
/**=====================
    5.6 Select2 CSS Start
==========================**/
/**=====================
    2.35 Typeahead-search CSS Start
==========================**/
.Typeahead {
  width: 100%; }
  .Typeahead * {
    box-sizing: border-box; }
    .Typeahead *:before {
      box-sizing: border-box; }
    .Typeahead *:after {
      box-sizing: border-box; }
  .Typeahead .tt-hint {
    display: none !important; }

.u-cf:before {
  content: " ";
  display: table; }

.u-cf:after {
  content: " ";
  display: table;
  clear: both; }

.u-hidden {
  display: none !important; }

.u-posRelative {
  position: relative; }

.Typeahead-spinner {
  position: absolute;
  top: 14px;
  right: 18px;
  display: none;
  color: #c5c5c5; }

.ProfileCard-avatar svg {
  height: 18px;
  vertical-align: bottom; }
  .ProfileCard-avatar svg path {
    color: #7e7c7c !important; }
  .ProfileCard-avatar svg polygon {
    color: #7e7c7c !important; }

.Typeahead-hint {
  width: 100%;
  padding: 5px 8px;
  font-size: 24px;
  line-height: 30px;
  border: 1px solid #024e6a;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  color: #ccd6dd;
  opacity: 1; }

.Typeahead-menu {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 15px;
  z-index: 100;
  display: none;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.Typeahead-menu.is-open {
  display: block; }

.Typeahead-selectable {
  cursor: pointer; }
  .Typeahead-selectable + .Typeahead-selectable {
    border-top: 1px solid #ccd6dd; }

.ProfileCard {
  position: relative;
  padding: 10px;
  border: 1px solid #E6E9EB !important;
  margin-bottom: 10px;
  border-radius: 10px; }
  .ProfileCard:hover {
    color: #414345;
    background: #f8f8f8; }
    .ProfileCard:hover .ProfileCard-avatar {
      border-color: #f5f8fa; }
    .ProfileCard:hover .ProfileCard-screenName {
      color: #fff; }
    .ProfileCard:hover .ProfileCard-stat-label {
      color: #fff; }

.ProfileCard-avatar {
  position: absolute;
  border-radius: 5px; }

.ProfileCard-details {
  padding-left: 35px;
  float: left; }

.ProfileCard-realName {
  display: inline-block;
  color: #898989; }

.ProfileCard-screenName {
  display: inline-block;
  color: #898989; }

.ProfileCard-description {
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px; }

.ProfileCard-stats {
  float: right;
  text-align: right; }

.ProfileCard-stat {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase; }
  .ProfileCard-stat + .ProfileCard-stat {
    margin-left: 5px; }

.ProfileCard-stat-label {
  color: #898989;
  font-weight: 500; }

.ProfileCard.is-active {
  color: #fff;
  background: var(--theme-deafult); }
  .ProfileCard.is-active .ProfileCard-screenName {
    color: #fff; }
  .ProfileCard.is-active .ProfileCard-stat-label {
    color: #fff; }

.EmptyMessage {
  position: relative;
  padding: 10px;
  font-size: 14px;
  line-height: 30px;
  text-align: center; }

.Typeahead-spinner {
  width: 1rem;
  height: 1rem; }

.sey-container {
  display: none;
  position: absolute;
  box-shadow: 1px 2px 6px;
  background-color: #fff;
  color: #333;
  transition: left 0.1s ease-in-out;
  z-index: 1; }

.sey-list {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.sey-show {
  display: block; }

.sey-hide {
  display: none; }

.sey-empty {
  cursor: default;
  padding: 7px; }

.sey-item {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 7px; }
  .sey-item:hover {
    background-color: #444;
    color: #fff; }

.sey-selected {
  background-color: #333;
  color: #fff; }

.sey-char-highlight {
  font-weight: bold; }

.sey-category-id {
  background-color: #eee;
  color: #aaa;
  text-align: right;
  text-transform: capitalize;
  font-style: italic;
  font-size: 12px;
  box-shadow: 1px 0px 1px;
  padding: 7px; }

/**=====================
  2.35 Typeahead-search CSS Ends
==========================**/
.dropzone {
  background: unset; }
  .dropzone.dropzone-secondary {
    border: 2px dashed #FE6A49; }
    .dropzone.dropzone-secondary i {
      color: #FE6A49; }
  @media (max-width: 360px) {
    .dropzone .note {
      min-width: unset !important; } }
  .dropzone .dz-preview {
    margin: 28px 18px !important;
    box-shadow: unset; }
    .dropzone .dz-preview .dz-details {
      top: unset;
      bottom: -6px;
      position: relative;
      padding-bottom: 6px;
      background-color: unset; }
      [dir="rtl"] .dropzone .dz-preview .dz-details {
        left: unset;
        right: 32px; }
    .dropzone .dz-preview:hover .dz-error-message {
      display: none !important; }
  .dropzone .dz-error-mark .dz-remove {
    position: relative; }

.dz-preview .dz-remove {
  cursor: pointer; }

.dropzone-secondary .dz-preview .dz-remove {
  color: #FE6A49; }

.select2 {
  max-width: 100%; }

.add-post #cke_text-box {
  border: 1px solid #efefef; }

.add-post form .m-checkbox-inline label {
  margin-bottom: 0; }

.add-post form .form-control {
  border: 1px solid #efefef; }

.add-post form .col-form-label {
  padding-bottom: 0;
  padding-top: 0;
  font-weight: 500; }
  .add-post form .col-form-label .select2-container--default {
    margin-top: 10px;
    max-width: 100%; }
    .add-post form .col-form-label .select2-container--default .selection .select2-selection .select2-search__field {
      padding: 2px; }
    .add-post form .col-form-label .select2-container--default .select2-selection--multiple {
      border: 1px solid #efefef;
      max-width: 100%; }
      .add-post form .col-form-label .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
        margin-top: 6px !important; }

.add-post .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--theme-deafult);
  border: 1px solid var(--theme-deafult);
  color: var(--white); }
  .add-post .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    color: var(--white);
    float: right;
    margin-left: 0.5rem; }
    [dir="rtl"] .add-post .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
      float: left;
      margin-left: unset;
      margin-right: 0.5rem; }

.add-post .dropzone {
  margin-bottom: 30px; }

.select2-container--open .select2-dropdown {
  z-index: 7; }

.select2-container {
  width: 100% !important; }
  .select2-container.select2 .selection {
    display: block !important; }

.select2-drpdwn .select2-selection {
  border-radius: 0 !important;
  border-color: #E6E9EB !important;
  height: 40px !important;
  padding: 5px; }

.select2-drpdwn .form-control {
  border-radius: 5px; }

.select2-drpdwn .form-control-primary {
  border-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.select2-drpdwn .form-control-secondary {
  border-color: var(--theme-secondary);
  color: var(--theme-secondary); }

.select2-drpdwn .form-control-success {
  border-color: #00AC46;
  color: #00AC46; }

.select2-drpdwn .form-control-info {
  border-color: #173878;
  color: #173878; }

.select2-drpdwn .form-control-warning {
  border-color: #FFAE1A;
  color: #FFAE1A; }

.select2-drpdwn .form-control-danger {
  border-color: #FE6A49;
  color: #FE6A49; }

.select2-drpdwn .form-control-inverse {
  border-color: #2c323f;
  color: #2c323f; }

.select2-drpdwn .form-control-primary-fill {
  background-color: var(--theme-deafult);
  color: #fff; }

.select2-drpdwn .form-control-secondary-fill {
  background-color: var(--theme-secondary);
  color: #fff; }

.select2-drpdwn .form-control-success-fill {
  background-color: #00AC46;
  color: #fff; }

.select2-drpdwn .form-control-info-fill {
  background-color: #173878;
  color: #fff; }

.select2-drpdwn .form-control-warning-fill {
  background-color: #FFAE1A;
  color: #fff; }

.select2-drpdwn .form-control-danger-fill {
  background-color: #FE6A49;
  color: #fff; }

.select2-drpdwn .form-control-inverse-fill {
  background-color: #2c323f;
  color: #fff; }

.filepond--drop-label .filepond--label-action {
  color: #FE6A49;
  text-decoration: none; }

.filepond--list .filepond--file {
  background-color: #006666; }

/* Do not show the "remove tag" (x) button when only a single tag remains */
.customLook {
  display: inline-block;
  min-width: 0;
  border: none; }
  .customLook .tagify__tag {
    margin-top: 0; }
    .customLook .tagify__tag:only-of-type .tagify__tag__removeBtn {
      display: none; }
    .customLook .tagify__tag:hover .tagify__tag__removeBtn {
      transform: none;
      opacity: 1;
      margin-left: -1ch; }
  .customLook .tagify__tag__removeBtn {
    opacity: 0;
    transform: translateX(-6px) scale(0.5);
    margin-left: -3ch;
    transition: .12s; }
  .customLook + button {
    color: var(--theme-deafult);
    font: bold 1.4em/1.65 Arial;
    border: 0;
    background: none;
    box-shadow: 0 0 0 2px inset var(--theme-deafult);
    border-radius: 50%;
    width: 1.65em;
    height: 1.65em;
    cursor: pointer;
    outline: none;
    transition: .1s ease-out;
    margin: 0 0 0 5px;
    vertical-align: top; }
    .customLook + button:hover {
      box-shadow: 0 0 0 5px inset var(--theme-deafult); }
  .customLook .tagify__input {
    display: none; }

.tagify--empty .tagify__input::before {
  color: var(--chart-text-color); }

.customSuggestionsList > div {
  max-height: 300px;
  min-height: 50px;
  border: 2px solid var(--chart-dashed-border);
  overflow: auto; }

.customSuggestionsList .empty {
  color: var(--theme-deafult);
  font-size: 20px;
  text-align: center;
  padding: 1em; }

.tagify__dropdown.extra-properties .tagify__dropdown__item > img {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  transform: scale(0.75);
  margin-right: 5px;
  border-radius: 2px;
  transition: .12s ease-out; }

.tagify__dropdown.extra-properties .tagify__dropdown__item:hover > img {
  transform: none;
  margin-right: 12px; }

.tagify__dropdown.extra-properties .tagify__dropdown__item--active > img {
  transform: none;
  margin-right: 12px; }

.tagify.countries .tagify__input {
  min-width: 175px; }

.tagify.countries tag {
  white-space: nowrap; }
  .tagify.countries tag img {
    display: inline-block;
    height: 16px;
    margin-right: 3px;
    border-radius: 2px;
    pointer-events: none; }

.tagify--select {
  width: 100%; }

.tagify__dropdown__wrapper {
  background: var(--white);
  border-color: var(--recent-dashed-border); }

.tagify__dropdown__item--active {
  background-color: #E6E9EB;
  color: var(--body-font-color); }

.tagify {
  --tags-focus-border-color: #cccccc; }

.tagify__input {
  color: #2c323f; }

.tagify--select::after {
  color: var(--chart-text-color); }
  [dir="rtl"] .tagify--select::after {
    right: unset;
    left: 0;
    transform: translate(150%, -50%) scaleX(1.2) rotate(90deg); }

[dir="rtl"] .tagify--select .tagify__tag {
  right: unset;
  left: 1.8em; }

[dir="rtl"] .tagify--select[aria-expanded=true]::after {
  transform: translate(150%, -50%) rotate(270deg) scale(1.2); }

.international-num input {
  width: calc(240px + (250 - 240) * ((100vw - 320px) / (1920 - 320)));
  padding: 10px;
  border-radius: 2px;
  border: 1px solid #E6E9EB; }
  .international-num input:focus {
    outline-color: #E6E9EB; }

.international-num input::placeholder {
  color: #E6E9EB; }

.international-num .results ul {
  border: 1px solid #E6E9EB;
  margin-top: 12px;
  padding: 8px;
  line-height: 1.9; }

.iti--allow-dropdown .iti__flag {
  background-image: url(/../images/forms/flags.png); }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 10px;
  right: 10px; }

.select-box {
  position: relative;
  display: flex;
  width: 400px;
  flex-direction: column; }
  .select-box .options-container {
    background: var(--recent-box-bg);
    color: var(--body-font-color);
    max-height: 0;
    width: 100%;
    opacity: 0;
    transition: all 0.4s;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    order: 1; }
    .select-box .options-container::-webkit-scrollbar {
      width: 8px;
      background: var(--view-grid-bg);
      border-radius: 0 8px 8px 0; }
    .select-box .options-container::-webkit-scrollbar-thumb {
      background: var(--view-grid-bg);
      border-radius: 0 8px 8px 0; }
  .select-box .options-container.active {
    max-height: 240px;
    opacity: 1;
    overflow-y: scroll;
    margin-top: 53px; }
    @media (min-width: 1007px) and (max-width: 1920px) {
      .select-box .options-container.active {
        max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } }
    @media (min-width: 768px) and (max-width: 1006px) {
      .select-box .options-container.active {
        max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } }
    @media (max-width: 767px) {
      .select-box .options-container.active {
        max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
        margin-top: 46px; } }
    .select-box .options-container.active + .selected-box::after {
      transform: rotateX(180deg);
      top: -6px; }
    .select-box .options-container.active ~ .search-box input {
      opacity: 1;
      pointer-events: auto; }
  .select-box .selection-option {
    padding: 12px 24px;
    cursor: pointer; }
    .select-box .selection-option:hover {
      background: #E6E9EB; }
    .select-box .selection-option .radio {
      display: none; }
  .select-box label {
    cursor: pointer; }

.selected-box {
  background: var(--light2);
  color: #333;
  position: relative;
  order: 0;
  padding: 12px 24px;
  cursor: pointer; }
  @media (min-width: 1007px) and (max-width: 1920px) {
    .selected-box {
      max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } }
  @media (min-width: 768px) and (max-width: 1006px) {
    .selected-box {
      max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } }
  @media (max-width: 767px) {
    .selected-box {
      max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320))); } }
  .selected-box::after {
    content: "\f078";
    font-family: "FontAwesome";
    position: absolute;
    height: 100%;
    width: 32px;
    right: 10px;
    top: 12px;
    transition: all 0.4s; }
    [dir="rtl"] .selected-box::after {
      left: 10px;
      right: unset; }

.search-box input {
  width: 100%;
  padding: 12px 16px;
  font-size: 16px;
  position: absolute;
  z-index: 1;
  border: 2px solid var(--chart-dashed-border);
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s;
  border-radius: 6px; }
  @media (min-width: 1007px) and (max-width: 1920px) {
    .search-box input {
      max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } }
  @media (min-width: 768px) and (max-width: 1006px) {
    .search-box input {
      max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } }
  @media (max-width: 767px) {
    .search-box input {
      max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
      padding: 9px 16px; } }
  .search-box input:focus {
    outline: none; }

/**=====================
    5.6 Select2 CSS Ends
==========================**/
/**=====================
  5.7 Sidebar CSS Start
==========================**/
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
  position: absolute;
  content: "";
  top: 12%;
  width: 13px;
  height: 15px;
  border-bottom-left-radius: 8px;
  border-left: 2px solid rgba(255, 255, 255, 0.4);
  border-bottom: 2px solid rgba(255, 255, 255, 0.4); }

.media.media-wrapper {
  width: 100%;
  display: -webkit-flex; }

.media .media-body {
  flex: unset; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  left: 32px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5); }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li [dir="rtl"] a::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title [dir="rtl"] h5::before {
    left: unset;
    right: 25px; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before {
  position: absolute;
  content: '';
  width: 2px;
  height: 0;
  background: rgba(255, 255, 255, 0.4);
  top: -10px;
  left: 20px;
  transition: height 0.5s; }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .mega-menu-container::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .sidebar-submenu::before {
    left: unset;
    right: 20px; }

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 49%;
  width: 5px;
  height: 1px;
  border-radius: 100%;
  background-color: #59667a; }

.onhover-show-div {
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  left: 0; }

.onhover-dropdown:hover .onhover-show-div {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
  border-radius: 5px;
  overflow: hidden; }
  .onhover-dropdown:hover .onhover-show-div:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 2; }
  .onhover-dropdown:hover .onhover-show-div:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d7e2e9;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 1; }

.page-wrapper {
  position: relative; }
  .page-wrapper .page-header {
    max-width: 100vw;
    position: fixed;
    top: 0;
    z-index: 8;
    transition: 0.5s; }
    .page-wrapper .page-header .header-wrapper {
      width: 100%;
      align-items: center;
      padding: 13px 30px;
      position: relative;
      background-color: #F5F5F5; }
      @media (max-width: 1399px) {
        .page-wrapper .page-header .header-wrapper {
          padding: 14px 20px; } }
      .page-wrapper .page-header .header-wrapper .search-full {
        background-color: #fff;
        position: absolute;
        right: 0;
        z-index: 1;
        height: 0;
        width: 0;
        transform: scale(0);
        transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full.open {
          height: 100%;
          width: 100%;
          animation: zoomIn 0.5s ease-in-out;
          transform: scale(1);
          transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full input {
          line-height: 65px;
          padding-left: 60px;
          width: 100% !important; }
          .page-wrapper .page-header .header-wrapper .search-full input:focus {
            outline: none !important; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
          position: absolute;
          font-size: 15px;
          right: 30px;
          top: 30px;
          color: #898989;
          cursor: pointer; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
            left: 30px;
            right: unset; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
          position: absolute;
          left: 30px;
          top: 27px;
          content: "\f002";
          font-size: 16px;
          color: #898989;
          font-family: FontAwesome; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
            left: unset;
            right: 30px; }
      .page-wrapper .page-header .header-wrapper .nav-right {
        justify-content: flex-end; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li svg {
          vertical-align: middle;
          stroke: var(--body-font-color);
          height: 24px;
          width: 24px; }
          .page-wrapper .page-header .header-wrapper .nav-right ul li svg path {
            color: #242934; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
          height: 24px;
          width: 24px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li .search-form svg {
          width: 20px;
          height: 20px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode {
          cursor: pointer;
          text-align: center; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i {
            font-size: 18px;
            font-weight: 600;
            transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i.fa-lightbulb-o {
              font-weight: 500;
              font-size: 22px;
              transition: all 0.3s ease;
              animation: zoomIn 300ms ease-in-out; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .header-search {
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
          margin-left: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body span {
            font-weight: 500;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box !important;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            white-space: normal; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
            font-size: 12px;
            line-height: 1;
            color: rgba(5, 26, 26, 0.7); }
        .page-wrapper .page-header .header-wrapper .nav-right > ul {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          gap: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
            padding: 6px 10px;
            display: inline-block;
            position: relative; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li:nth-child(n+3):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right > ul > li.profile-nav:nth-child(n+3)) {
              background-color: #fff;
              padding: 12px;
              border-radius: 40px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .badge {
              position: absolute;
              right: 0px;
              top: -3px;
              padding: 2px 4px;
              font-size: 11px;
              font-weight: 700;
              font-family: work-Sans, sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .mode svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .input-show svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul {
              left: inherit;
              right: -10px;
              width: 130px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:before, .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:after {
                left: inherit;
                right: 10px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li {
                display: block; }
                .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a {
                  font-size: 14px;
                  color: #2c323f; }
                  .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a i {
                    margin-left: 10px;
                    font-size: 13px;
                    color: #2c323f; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul .flag-icon {
            font-size: 16px; }
        .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip {
          width: unset !important;
          box-shadow: unset !important;
          background-color: transparent !important;
          overflow: initial; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::after, .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::before {
            display: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content {
            text-align: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
              width: 52px;
              height: 52px;
              background-color: #f9f9f9;
              border-radius: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              margin: 0 auto; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content span {
              font-family: "Montserrat", sans-serif;
              font-size: 12px;
              font-weight: 500;
              letter-spacing: 0.5px; }
        .page-wrapper .page-header .header-wrapper .nav-right .flip-card {
          width: 300px;
          height: 260px;
          background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner {
            position: relative;
            height: 100%;
            text-align: center;
            transition: transform 0.6s;
            transform-style: preserve-3d; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front,
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              position: absolute;
              backface-visibility: hidden;
              border-radius: 10px;
              overflow: hidden;
              box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
              width: 300px;
              height: 260px; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button,
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                background-color: transparent;
                color: #006666;
                border: none; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button:focus,
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button:focus {
                  outline: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
              background-color: #fff;
              transition: .3s; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
                stroke: var(--body-font-color);
                transition: all 0.3s ease; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg:hover {
                  stroke: var(--body-font-color);
                  transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              background-color: #fff;
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:first-child {
                margin-top: 20px;
                height: 140px !important; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                width: 100%; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
                border-radius: 25px;
                padding: 6px 12px;
                width: 100%;
                border: 1px solid #ddd; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input:focus {
                  outline: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped {
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped .front {
                opacity: 0; }
        .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
          width: 330px;
          top: 50px;
          right: 0;
          left: unset; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .dropdown-title {
            padding: 20px;
            text-align: center;
            border-bottom: 1px solid rgba(145, 142, 153, 0.3); }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div ul {
            padding: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li {
            padding: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li p {
              font-size: 14px;
              letter-spacing: 0.3px;
              margin-bottom: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li a {
              letter-spacing: 0.3px;
              font-family: "Montserrat", sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li + li {
              margin-top: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li:last-child {
              padding-bottom: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media {
              position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media img {
                width: 40px;
                position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .status-circle {
                left: 0; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body > span {
                letter-spacing: 0.8px;
                padding-right: 10px;
                display: inline-block; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body p {
                margin-bottom: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:before, .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:after {
            right: 10px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown.notification-all ul li {
          border-radius: 0px;
          border-bottom: 1px solid rgba(145, 142, 153, 0.1); }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown ul {
          padding: 0 0 15px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li {
          padding: 10px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media {
            align-items: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
              margin-right: 20px; }
              [dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
                margin-right: unset;
                margin-left: 20px; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li + li {
            margin-top: 0;
            border-top: 1px solid rgba(145, 142, 153, 0.1); }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li:last-child {
            padding: 20px 15px;
            border-top: none; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown p {
          line-height: 1.3;
          margin-top: 3px;
          opacity: 0.6; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
          position: absolute;
          right: 0;
          top: 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle a {
            width: 18px;
            height: 18px;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle svg {
            width: 14px;
            stroke: #fff; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box {
          margin: 5px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group {
            width: 80px;
            background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input {
              background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input,
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              font-size: 10px;
              font-family: "Montserrat", sans-serif;
              font-weight: 700; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              padding: 0px 7px;
              background-color: #F7F6FF !important;
              border-color: #F7F6FF !important;
              border-radius: 100%;
              font-size: 14px;
              color: #051A1A; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
          margin: 0;
          padding: 15px;
          background-color: #f9f9f9;
          border: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 {
            font-family: "Montserrat", sans-serif;
            font-weight: 500;
            font-size: 12px;
            line-height: 14px;
            letter-spacing: 0.5px; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 span {
              font-size: 14px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .view-checkout {
          text-decoration: unset; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box svg {
          animation: swing 1.5s ease infinite; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
          left: unset; }
          @media (max-width: 575.98px) {
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
              width: calc(100vw - 30px); } }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li:last-child {
            text-align: center;
            background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p span {
              font-size: 11px;
              vertical-align: middle; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:after {
            right: 28px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
          width: 160px;
          top: 57px;
          left: -12px;
          padding: 0 10px; }
          .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li {
            padding: 10px !important;
            border-bottom: 1px solid #E6E9EB; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              border: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
              text-decoration: unset; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a span {
              color: var(--theme-deafult);
              transition: color 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg {
              stroke: var(--theme-deafult);
              transition: stroke 0.3s ease; }
              .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg path {
                stroke: var(--theme-deafult);
                transition: stroke 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li + li {
              margin-top: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              padding-top: 10px !important; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
              color: #2c323f; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li svg {
              width: 16px;
              vertical-align: bottom;
              margin-right: 10px;
              stroke: #2c323f; }
  .page-wrapper .page-body-wrapper {
    background-color: #F5F5F5; }
    .page-wrapper .page-body-wrapper .page-body {
      min-height: calc(100vh - 136px);
      margin-top: 136px;
      padding: 25px 15px;
      position: relative;
      transition: 0.5s; }
      .page-wrapper .page-body-wrapper .page-body:before {
        animation: fadeIn 0.5s ease-in-out; }
    .page-wrapper .page-body-wrapper .page-title {
      padding: 20px 30px;
      margin: 0px -27px 0px; }
      .page-wrapper .page-body-wrapper .page-title > .row {
        margin: 0; }
        .page-wrapper .page-body-wrapper .page-title > .row .col-6 {
          padding: 0; }
      .page-wrapper .page-body-wrapper .page-title .row {
        align-items: center; }
        .page-wrapper .page-body-wrapper .page-title .row h3 {
          font-size: 24px;
          margin-bottom: 0;
          text-transform: capitalize; }
          .page-wrapper .page-body-wrapper .page-title .row h3 small {
            display: block;
            font-size: 12px;
            margin-bottom: 5px;
            text-transform: capitalize;
            color: #FFFFFF; }
      .page-wrapper .page-body-wrapper .page-title .breadcrumb {
        background-color: transparent;
        padding: 0;
        margin-bottom: 0;
        align-items: center;
        justify-content: flex-end; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
          font-size: 13px;
          letter-spacing: 1px;
          font-family: "Montserrat", sans-serif; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
          content: "/"; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
          width: 16px;
          height: 16px;
          stroke: #2c323f;
          vertical-align: text-top; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
          color: var(--theme-deafult);
          font-weight: 500; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
      stroke: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
      fill: #051A1A;
      stroke: none !important; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg {
      transition: all 0.3s ease; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
        stroke: #fff; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
        fill: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content li a {
      text-transform: capitalize; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .stroke-icon {
    display: inline-block; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .fill-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .stroke-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .fill-icon {
    display: inline-block; }
  .page-wrapper.horizontal-wrapper [data-simplebar] {
    position: relative; }
  .page-wrapper.horizontal-wrapper .footer {
    margin-left: 0; }
  .page-wrapper.horizontal-wrapper .header-logo-wrapper {
    width: 150px; }
    .page-wrapper.horizontal-wrapper .header-logo-wrapper .toggle-sidebar {
      display: none; }
  .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 19px;
    right: 0px;
    color: #fff; }
    [dir="rtl"] .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
      left: 0;
      right: unset; }
  .page-wrapper.horizontal-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: hidden;
    cursor: pointer; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    height: 54px;
    line-height: inherit;
    top: 79px;
    background: #fff;
    box-shadow: 0px 9px 24px rgba(89, 102, 122, 0.05);
    overflow-x: hidden;
    z-index: 1;
    overflow-y: visible;
    position: fixed;
    width: 100vw;
    border-top: 1px solid #efefef;
    z-index: 3; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .simplebar-content {
      display: flex; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper li {
      display: inline-block; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .badge {
      position: absolute;
      top: 2px;
      right: 0px;
      z-index: 1; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper,
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
      text-align: left;
      position: relative; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        position: absolute;
        top: 0px;
        padding: 15px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        cursor: pointer; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow.disabled,
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow.disabled {
          display: none; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow {
        left: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        right: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: normal;
        direction: ltr;
        text-align: left;
        display: -webkit-box !important;
        padding: 0 5px;
        transition: all .5s ease;
        white-space: nowrap; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a.active .according-menu i:before {
          content: '-'; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a .according-menu {
          display: none; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active {
          color: #fff; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active:after {
            background-color: rgba(255, 255, 255, 0.6); }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          position: relative;
          padding-top: 10px;
          padding-bottom: 10px; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a > span {
            color: var(--theme-deafult);
            transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a {
            background-color: #fff;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.stroke-icon {
              stroke: #fff;
              transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.fill-icon {
              fill: #fff;
              transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
            display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            display: block;
            color: #051A1A;
            line-height: 23px;
            text-decoration: none;
            text-transform: capitalize;
            padding: 5px 15px;
            margin: 0 3px;
            letter-spacing: 0.04em;
            position: relative;
            border-radius: 5px;
            font-weight: 500;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active {
              transition: all 0.3s ease; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active svg,
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active span {
                color: #fff;
                transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a .badge {
              position: absolute;
              top: -5px;
              margin-left: 1px;
              right: 10px;
              padding: 0.20em 0.7em; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg {
              width: 18px;
              height: 18px;
              vertical-align: middle;
              margin-right: 10px;
              stroke: #051A1A !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
            position: fixed;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 15px 0px 15px 0px;
            background: white; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li {
              border: 0;
              float: none;
              position: relative;
              display: block; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
                background: transparent;
                padding: 4px 30px;
                display: block;
                transition: all 0.5s ease;
                line-height: 1.9;
                color: rgba(43, 43, 43, 0.6);
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                transition: all 0.3s ease; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
                  left: 20px; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
                  color: #006666;
                  letter-spacing: 1.5px;
                  transition: all 0.3s ease; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover:after {
                    background-color: var(--theme-deafult); }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
            position: fixed;
            right: 0;
            left: 0;
            margin: 0 auto;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 30px;
            background: white;
            width: 95%;
            border-radius: 4px;
            display: block !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
              width: 20%; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                text-transform: uppercase;
                font-size: 14px;
                margin-left: -13px; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content {
                box-shadow: none;
                background-color: transparent;
                position: relative;
                display: block;
                padding: 0; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li {
                  border: 0;
                  float: none;
                  position: relative;
                  display: block; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
                    border: 0 !important;
                    background: transparent;
                    color: #051A1A;
                    border-radius: 0 !important;
                    text-transform: capitalize;
                    padding: 3px 0;
                    font-size: 13px;
                    display: block;
                    letter-spacing: 0.07em;
                    line-height: 1.9;
                    position: relative;
                    transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover {
                      color: var(--theme-deafult);
                      letter-spacing: 1.5px;
                      transition: all 0.3s ease; }
                      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover:after {
                        color: var(--theme-deafult);
                        transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:after {
                      position: absolute;
                      content: "";
                      left: -12px;
                      top: 50%;
                      width: 5px;
                      height: 1px;
                      background-color: #59667a; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a:after {
            left: 0;
            right: 0;
            opacity: 1; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu {
            position: unset; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper.overlay-white {
      background-color: rgba(255, 255, 255, 0.08); }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav i {
      font-size: 24px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
    margin-top: 110px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main-title {
    display: none !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.scorlled .sidebar-wrapper {
    display: none;
    transition: all 0.3s ease; }
  .page-wrapper.horizontal-wrapper .page-header {
    width: 100%;
    box-shadow: none; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .form-control-plaintext {
      width: auto !important; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1324px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
      @media (max-width: 1323px) and (min-width: 1200px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 1199px) and (min-width: 992px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
    @media (max-width: 1428px) and (min-width: 1324px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 55%; } }
    @media (max-width: 1323px) and (min-width: 1200px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 40%; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.horizontal-wrapper.enterprice-type footer {
    margin-left: 0; }
  .page-wrapper.material-icon .card {
    border-radius: 30px;
    box-shadow: 0 0 20px rgba(0, 102, 102, 0.1); }
  .page-wrapper .sidebar-main-title h6 {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 0.40px; }
  .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 11px;
    right: -9px;
    color: #fff;
    z-index: 9999; }
    [dir="rtl"] .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
      left: -9px;
      right: unset; }
  .page-wrapper.compact-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer; }
  .page-wrapper.compact-wrapper .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-wrapper .pin-title {
    order: -1; }
  .page-wrapper.compact-wrapper .page-header {
    margin-left: 265px;
    width: calc(100% - $sidebar-compact-width); }
    .page-wrapper.compact-wrapper .page-header.close_icon {
      margin-left: 90px;
      width: calc(100% - 90px); }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
      position: absolute;
      content: "";
      bottom: 0%;
      height: 1px;
      z-index: 8;
      width: calc(100% - 40px);
      background: #E6E9EB; }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9;
    height: 100%;
    line-height: inherit;
    background: var(--theme-deafult);
    width: 265px;
    text-align: left;
    transition: 0.3s;
    box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      fill: #fff; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      padding: 22px 30px;
      box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
      border-top-right-radius: 15px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
      width: auto;
      transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .badge {
        opacity: 0;
        width: 0;
        padding: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        max-width: 86px;
        margin: 0;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          text-align: center;
          padding: 12px 14px;
          transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main-title {
        display: none !important;
        opacity: 0;
        transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper {
        display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
        text-align: right;
        display: block; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
        width: 265px;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .badge {
          opacity: 1;
          width: auto;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          max-width: unset;
          margin: initial;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
            text-align: left; }
            [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
              text-align: right; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            padding: 12px 15px;
            transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a span {
              display: inline-block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main-title {
          opacity: 1;
          display: block !important;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
          display: block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-icon-wrapper {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .mobile-sidebar {
        transform: translate(183px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
        margin-left: 90px;
        transition: 0.5s; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer-fix {
        width: calc(100% - 90px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 118px); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          padding: 15px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::before {
            right: 20px;
            left: unset; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a span {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .according-menu {
        display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
      visibility: hidden;
      position: absolute;
      top: -8px;
      right: 17px;
      border-radius: 15px;
      padding: 4px 6px;
      color: #fff;
      font-size: 11px;
      background-color: #006666;
      border: 1px solid rgba(255, 255, 255, 0.6); }
      [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
        left: 17px;
        right: unset; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list:hover i.fa-thumb-tack {
      visibility: visible;
      cursor: pointer; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pined, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 115px);
      left: -300px;
      z-index: 99;
      transition: color 1s ease;
      overflow: auto;
      color: rgba(0, 0, 0, 0);
      margin-top: 20px;
      margin-bottom: 30px; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        font-weight: 500; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
          width: 18px;
          height: 18px;
          margin-right: 10px;
          vertical-align: -2px;
          float: none;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          letter-spacing: 0.7px;
          text-transform: capitalize;
          color: rgba(255, 255, 255, 0.8); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.link-nav .according-menu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li:last-child {
        border-bottom: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links.opennav {
        left: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn {
        display: block;
        width: 100%;
        padding: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn .mobile-back {
          padding: 20px;
          color: #242934;
          font-weight: 700;
          text-transform: uppercase;
          border-bottom: 1px solid #efefef;
          cursor: pointer;
          display: flex;
          justify-content: flex-end;
          align-items: center; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        display: block;
        width: 100%;
        position: relative; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
          padding: 25px 0 6px 20px;
          margin-top: 0px;
          margin-bottom: 12px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: block; }
          [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
            padding: 25px 20px 6px 0; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
            position: absolute;
            content: '';
            top: 0;
            left: 50%;
            background: rgba(255, 255, 255, 0.2);
            width: calc(100% - 40px);
            height: 1px;
            transform: translateX(-50%); }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2) {
            margin-top: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2)::before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list {
          padding: 0px 18px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list .badge {
            position: absolute;
            right: 50px;
            top: 14.5px;
            padding: 0.45em 0.8em 0.33em;
            z-index: 1;
            font-size: 10px;
            letter-spacing: 0.7px;
            font-weight: 600;
            font-family: "Montserrat", sans-serif;
            border-radius: 10px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list:hover > a:hover {
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg {
          fill: #fff;
          stroke: #fff;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg.fill-icon {
            fill: #fff;
            stroke: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover span {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover .according-menu i {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          padding: 11px 13px;
          position: relative;
          color: #222222; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow {
            right: 20px;
            position: absolute;
            top: 10px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow i {
              display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow:before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
          display: none !important; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
          width: 100%;
          padding: 0;
          position: relative !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
            padding-left: 50px !important;
            font-weight: 400; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu .submenu-title .according-menu {
            top: 7px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover > a {
            color: #fff;
            transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
            display: none;
            position: relative !important;
            right: 0;
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu.opensubchild {
              display: block; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a {
              padding: 6px 45px;
              padding-left: 63px !important; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a:after {
                display: none; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
            padding: 7px 25px;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.7);
            display: block;
            position: relative;
            letter-spacing: 0.06em;
            font-weight: 500;
            transition: all 0.3s ease;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a .content-menu {
              padding: 0px 15px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
              color: #fff; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active::before {
                opacity: 1;
                background: #fff;
                visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
              left: 20px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
              margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
          padding: 0;
          position: relative; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section:hover h5 {
              color: #fff !important;
              transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title {
              position: relative; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                margin-bottom: 0;
                line-height: 1.9;
                padding: 6px 25px 6px 65px;
                font-size: 14px;
                position: relative;
                color: rgba(255, 255, 255, 0.8);
                display: block;
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                cursor: pointer; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
                  left: 20px; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5 {
                color: #fff; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5::before {
                  opacity: 1;
                  visibility: visible; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
                top: 8px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
              margin-bottom: 0;
              line-height: 1.9;
              padding: 6px 15px 6px 65px;
              font-size: 14px;
              position: relative;
              color: rgba(255, 255, 255, 0.8);
              display: block;
              letter-spacing: 0.06em;
              font-weight: 500;
              font-family: "Montserrat", sans-serif; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a:after {
                display: none; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a.active {
                color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
              line-height: 1.9; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
                margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container {
          display: block !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container::before {
            height: calc(100% - 9px);
            transition: height 0.5s; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
            position: relative;
            margin-bottom: 10px;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active::after {
              opacity: 1;
              visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active ~ .sidebar-submenu::before {
              height: calc(100% - 8px);
              transition: height 0.5s; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active .according-menu i {
              color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
              color: #fff;
              transition: all 0.3s ease; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-content {
      display: flex;
      flex-direction: column; }
  .page-wrapper.compact-wrapper .page-body-wrapper .mega-box.col {
    flex-basis: unset; }
  .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
    position: absolute;
    right: 20px;
    top: 11px;
    display: block; }
    .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
      vertical-align: middle;
      color: rgba(255, 255, 255, 0.8);
      font-weight: 500; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu.border-section {
    border: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav {
    position: absolute;
    z-index: 2;
    right: 145px;
    top: 6px; }
    .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
      font-size: 18px;
      padding-left: 5px;
      text-transform: uppercase; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 80px);
    margin-top: 56px;
    margin-left: 265px; }
  .page-wrapper.compact-wrapper.dark-sidebar .sidebar-main-title h6, .page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title h6 {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .toggle-sidebar svg, .page-wrapper.compact-wrapper.color-sidebar .toggle-sidebar svg {
    stroke: var(--theme-deafult); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
    stroke: #fff !important; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
    fill: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
    stroke: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
    fill: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
    background: rgba(255, 255, 255, 0.1); }
  .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #22242B; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon {
      stroke: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon {
      fill: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
      color: #fff;
      stroke: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-light, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-light {
      display: none; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-dark, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-dark {
      display: block; }
  .page-wrapper.compact-wrapper.dark-sidebar .according-menu i, .page-wrapper.compact-wrapper.color-sidebar .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #2f3c4e; }
  .page-wrapper.compact-sidebar .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content {
    display: flex;
    flex-direction: column; }
  .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 54px;
    color: #fff;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
      left: 54px;
      right: unset; }
  .page-wrapper.compact-sidebar .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer;
    z-index: 1; }
  .page-wrapper.compact-sidebar .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-sidebar .pin-title {
    order: -1; }
  .page-wrapper.compact-sidebar ~ .bg-overlay1 {
    transition: 0.8s; }
    .page-wrapper.compact-sidebar ~ .bg-overlay1.active {
      z-index: 8;
      height: 100vh;
      width: 100vw;
      background-color: rgba(0, 0, 0, 0.2);
      position: fixed;
      top: 0; }
  .page-wrapper.compact-sidebar .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-sidebar .sidebar-main-title {
    display: none; }
  .page-wrapper.compact-sidebar .logo-wrapper {
    display: none; }
  .page-wrapper.compact-sidebar .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 24px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-sidebar .page-header {
    margin-left: 150px;
    width: calc(100% - 150px); }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1578px) and (min-width: 1274px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 38%; } }
      @media (max-width: 1273px) and (min-width: 1200px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 45%; } }
      @media (max-width: 991px) and (min-width: 768px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 36%; } }
      @media (max-width: 767px) and (min-width: 756px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 28%; } }
      @media (max-width: 1199px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 132px; } }
      @media (max-width: 767px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 83px; } }
    .page-wrapper.compact-sidebar .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
    margin-top: 80px;
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper .footer {
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
      height: auto;
      line-height: inherit;
      background: #F5F5F5;
      width: 150px;
      text-align: left;
      transition: 0.3s;
      box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1); }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      margin: 30px 0;
      height: calc(100vh - 113px);
      overflow: auto; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        color: #2c323f; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          text-transform: capitalize;
          color: #2c323f;
          font-weight: 500;
          letter-spacing: 1px;
          font-size: 14px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active {
          background: rgba(0, 102, 102, 0.1);
          color: #006666;
          border-radius: 20px;
          margin: 0 10px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active span {
            color: #006666; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
            animation: fadeInLeft 300ms ease-in-out; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
        display: block;
        padding: 20px 0;
        border-bottom: 1px solid #f3f3f3; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
        position: fixed;
        top: 0px;
        height: calc(100vh - 0px);
        overflow: auto;
        left: 150px;
        width: 230px;
        background-color: #fff;
        box-shadow: 0 16px 15px 15px rgba(126, 55, 216, 0.03);
        transition: all 0.5s ease-in-out;
        display: none;
        padding-top: 20px;
        z-index: -1; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
          padding: 15px 15px 15px 40px;
          display: block;
          position: relative;
          border-bottom: 1px solid #f1f1f1; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
            display: none; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
            position: absolute;
            right: 20px;
            top: 16px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a.active,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a.active {
            background-color: rgba(0, 102, 102, 0.1);
            color: #006666;
            transition: all 0.3s ease; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li .submenu-content li a.active,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li .submenu-content li a.active {
          background-color: transparent; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
          position: absolute;
          content: "";
          left: 20px;
          top: 48%;
          width: 12px;
          border-top: 2px solid rgba(255, 255, 255, 0.4); }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 0; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
            text-align: left; }
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
              position: relative;
              font-size: 14px;
              font-weight: 400;
              padding: 15px 15px 15px 40px;
              letter-spacing: 1px;
              margin-bottom: 0; }
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
                position: absolute;
                content: "";
                left: 20px;
                top: 48%;
                width: 6px;
                border-top: 2px solid #595c60; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list {
        position: relative; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
          position: absolute;
          left: 53%;
          top: 7px;
          font-weight: 500;
          font-size: 9px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
          text-align: center; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
            margin: 0 auto 6px;
            width: 24px;
            height: 24px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
            display: block;
            font-weight: 500;
            letter-spacing: 1px;
            font-size: 14px;
            word-break: break-word; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link .according-menu {
            display: none; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
        text-align: center;
        padding: 0; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
          width: 24px;
          height: 24px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
          position: absolute;
          right: 20px;
          top: 13px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
      transform: translateX(-150px); }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
        margin-left: 0px; }
  .page-wrapper.compact-small .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 22px;
    color: #006666;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
      left: 22px;
      right: unset; }
  .page-wrapper.compact-small .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible; }
  .page-wrapper.compact-small .sidebar-list.pined, .page-wrapper.compact-small .sidebar-list.pin-title {
    order: -1; }
  .page-wrapper.compact-small .sidebar-main-title,
  .page-wrapper.compact-small .logo-wrapper {
    display: none; }
  .page-wrapper.compact-small .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 27px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-small .page-header {
    margin-left: 90px;
    width: calc(100% - 90px); }
    .page-wrapper.compact-small .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-small .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-small .page-body-wrapper .page-body {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper .footer {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div {
    width: 90px; }
  @media (max-width: 420px) {
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 105px); } }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    display: block;
    padding: 15px 0; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 90px; }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
      padding: 10px 15px 10px 40px; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
        display: none; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
        top: 11px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
    margin: 0 auto;
    width: 20px;
    height: 20px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
    margin: 0 auto; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu a > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translateX(-150px); }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
      margin-left: 0px; }
  .page-wrapper.only-body {
    background-color: #f2f0fa; }
    .page-wrapper.only-body .page-body-wrapper {
      background-color: #f2f0fa; }
    .page-wrapper.only-body .page-header {
      position: relative; }
      .page-wrapper.only-body .page-header .header-logo-wrapper {
        display: none; }
      .page-wrapper.only-body .page-header .header-wrapper {
        padding: 0 !important; }
        .page-wrapper.only-body .page-header .header-wrapper .left-header {
          display: none; }
        .page-wrapper.only-body .page-header .header-wrapper .nav-right {
          position: absolute;
          right: 60px;
          top: 58px; }
        .page-wrapper.only-body .page-header .header-wrapper .search-full {
          top: 37px;
          width: calc(100% - 50px);
          left: 25px; }
          [dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .search-full {
            left: unset;
            right: 25px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
            background-color: #fff;
            border-radius: 15px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu {
            top: 78px;
            width: calc(100% - 30px);
            margin: 0 auto;
            right: 0; }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-top: 20px;
      padding-bottom: 20px; }
    .page-wrapper.only-body .sidebar-wrapper,
    .page-wrapper.only-body footer {
      display: none; }
    .page-wrapper.only-body .page-body-wrapper .page-body {
      margin-top: 0px;
      min-height: calc(100vh - 0px); }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-left: 30px;
      padding-right: 30px;
      margin: 30px 0;
      border-radius: 15px; }
      @media (max-width: 991.98px) {
        .page-wrapper.only-body .page-body-wrapper .page-title {
          padding-left: 20px;
          padding-right: 20px;
          margin: 20px 0; } }
      .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6 {
        flex: 0 0 100%;
        max-width: 100%; }
      .page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb {
        margin-top: 5px;
        justify-content: flex-start; }
  .page-wrapper.modern-type .progress-chart-wrap {
    margin-left: -22px; }
    [dir="rtl"] .page-wrapper.modern-type .progress-chart-wrap {
      margin-left: unset;
      margin-right: -22px; }
  .page-wrapper.modern-type .ecommerce-widget {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .file-sidebar .pricing-plan {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .alert-primary {
    color: #006666; }
  .page-wrapper.modern-type .project-box {
    background-color: #00d6d6; }
  .page-wrapper.modern-type .nav-tabs .nav-link.active {
    background-color: transparent; }
  .page-wrapper.modern-type .simplebar-mask {
    top: 10px; }
  .page-wrapper.modern-type .page-header {
    margin-left: 0px;
    width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header.close_icon {
      margin-left: 0px;
      width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1200px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 818px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 36%; } }
    @media (max-width: 1669px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 50%; } }
    @media (max-width: 1428px) and (min-width: 1200px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 40%; } }
    .page-wrapper.modern-type .page-header .header-wrapper .header-logo-wrapper {
      display: flex;
      align-items: center; }
    .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
      display: block;
      margin-right: 30px; }
    .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
      display: block;
      position: relative;
      top: unset;
      right: unset;
      margin-right: 15px; }
  .page-wrapper.modern-type .page-body-wrapper .page-title {
    background-color: transparent;
    padding-bottom: 0; }
  .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
    margin: 30px !important;
    top: 80px;
    bottom: 0;
    border-radius: 15px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 160px); }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      margin-left: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
      margin-left: 0px;
      margin-right: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
      display: none; }
  .page-wrapper.modern-type .page-body-wrapper .page-body {
    margin-left: 296px; }
    .page-wrapper.modern-type .page-body-wrapper .page-body .container-fluid {
      max-width: 1500px; }
  .page-wrapper.modern-type .page-body-wrapper .footer {
    margin-left: 360px;
    margin-right: 70px;
    border-radius: 10px; }
    @media (max-width: 991px) {
      .page-wrapper.modern-type .page-body-wrapper .footer {
        margin-right: 0;
        margin-left: 0; } }
  .page-wrapper.material-type {
    position: relative; }
    .page-wrapper.material-type::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 300px;
      background-image: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-type .card {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
    .page-wrapper.material-type .page-header {
      position: relative;
      max-width: 1560px;
      margin: 50px auto 0;
      border-radius: 15px 15px 0 0; }
      .page-wrapper.material-type .page-header .header-wrapper .left-header {
        width: 31%; }
        @media (max-width: 1600px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 33%; } }
        @media (max-width: 1366px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 38%; } }
        @media (max-width: 1199px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 30%; } }
      @media (max-width: 1600px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 40%; } }
      @media (max-width: 1199px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 45%; } }
    .page-wrapper.material-type .page-body-wrapper {
      background-blend-mode: overlay;
      background-color: rgba(255, 255, 255, 0.5); }
      .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        position: relative;
        max-width: 1560px;
        margin: 0 auto;
        top: unset;
        height: 56px; }
      .page-wrapper.material-type .page-body-wrapper .page-body {
        margin: 0 auto;
        max-width: 1560px;
        background-color: #F5F5F5;
        box-shadow: 0 0 20px 7px rgba(8, 21, 66, 0.05);
        border-radius: 0 0 15px 15px; }
    .page-wrapper.material-type .footer {
      margin-top: 40px; }
    .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .left-header {
      width: 38%; }
    @media (max-width: 991px) {
      .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.advance-layout {
    background-blend-mode: overlay;
    background-color: #F5F5F5; }
    .page-wrapper.advance-layout .card {
      border-radius: 5px;
      box-shadow: none;
      border: 1px solid #ecf3fa; }
    .page-wrapper.advance-layout .page-header {
      position: relative;
      background-color: #fff;
      margin: 0 auto; }
    .page-wrapper.advance-layout .page-body-wrapper {
      background: transparent; }
      .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
        position: relative !important;
        top: unset !important;
        height: unset;
        box-shadow: none;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef; }
        .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper > div {
          overflow-x: hidden; }
      .page-wrapper.advance-layout .page-body-wrapper .page-body {
        margin-top: 0 !important; }

@keyframes pagebody {
  from {
    opacity: 0;
    transform: scale3d(0.98, 0.98, 0.98) translate(-20px, -50px); }
  50% {
    opacity: 1; } }

.md-sidebar {
  position: relative; }
  .md-sidebar .md-sidebar-toggle {
    display: none;
    width: fit-content;
    text-transform: capitalize;
    margin-bottom: 20px; }

#sidebar-menu .sidebar-links .simplebar-mask {
  border-bottom-right-radius: 18px; }

@media screen and (max-width: 1480px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -18%;
    width: 91%; } }

@media screen and (max-width: 1460px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -54%;
    width: 75%; }
  .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-right: 8px; } }

@media screen and (max-width: 1366px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -49%;
    width: 70%; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) {
    padding: 8px; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) svg {
      height: 22px;
      width: 22px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.onhover-dropdown.notification-down:nth-child(5)::before {
    left: 47px;
    height: 42px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li .profile-media img {
    width: 32px;
    height: 32px; }
  .profile-dropdown.onhover-show-div {
    right: 0;
    left: unset !important; }
    .profile-dropdown.onhover-show-div:before, .profile-dropdown.onhover-show-div:after {
      right: 10px !important;
      left: unset !important; } }

@media screen and (max-width: 1199px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 6px; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown .notification-down::before {
      content: "";
      position: absolute;
      left: 33px;
      height: 30px; }
  .mobile-title.d-none {
    display: flex !important;
    justify-content: space-between;
    padding: 20px 30px 17px;
    border-bottom: 1px solid #ddd;
    margin: 0 -15px; }
    .mobile-title.d-none h5 {
      color: var(--theme-deafult); }
    .mobile-title.d-none svg {
      stroke: var(--theme-deafult) !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -35%;
    width: 56%; } }

@media screen and (min-width: 992px) {
  .page-header .header-wrapper .nav-right .notification-dropdown {
    top: 46px; }
  .responsive-btn {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-mask {
    top: 0; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
    width: 200px;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    transition: all 0.5s ease; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a .sub-arrow {
      position: absolute;
      right: 20px;
      top: 5px;
      color: #59667a;
      font-weight: 100;
      transition: all 0.5s ease;
      font-size: 15px;
      top: 5px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
      display: none;
      border-radius: 4px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover .nav-sub-childmenu {
      display: block;
      position: absolute;
      left: 200px;
      background-color: #fff;
      top: -10px;
      padding: 15px 0px 15px 0px;
      box-shadow: 0 0 1px 0 #898989; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover .sub-arrow {
      right: 16px;
      transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.hoverd .sidebar-submenu {
    opacity: 1;
    visibility: visible;
    margin-top: 8px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .mega-menu-container {
    opacity: 1;
    visibility: visible;
    margin-top: 20px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .mobile-back {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .page-wrapper.material-icon {
    position: relative; }
    .page-wrapper.material-icon::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 200px;
      background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-icon .toggle-sidebar {
      color: rgba(255, 255, 255, 0.8); }
      .page-wrapper.material-icon .toggle-sidebar:hover > svg {
        color: #fff !important;
        stroke: #fff !important; }
    .page-wrapper.material-icon .page-header {
      position: relative;
      background: transparent;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto;
      width: calc(100% - 0px);
      box-shadow: none; }
      .page-wrapper.material-icon .page-header .f-light {
        color: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
        stroke: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li {
        color: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .notification-box svg,
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .cart-box svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > a > svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > svg {
          stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
        color: rgba(255, 255, 255, 0.7); }
      .page-wrapper.material-icon .page-header.close_icon {
        padding-left: 0;
        margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-body {
      margin-top: 0 !important;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto; }
    .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      padding-left: 15px;
      margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-title {
      color: #fff;
      background-color: transparent;
      border-bottom: none;
      box-shadow: none; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
        color: rgba(255, 255, 255, 0.6); }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        color: rgba(255, 255, 255, 0.8); } }

@media only screen and (min-width: 992px) {
  .page-wrapper.material-icon::before {
    height: 240px; } }

@media screen and (max-width: 767px) {
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(2) {
    background-color: #fff;
    padding: 8px;
    border-radius: 40px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav {
    background-color: unset; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav ul li {
      border-radius: 0px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:last-child {
    padding: 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
    height: 27px;
    width: 27px;
    cursor: pointer; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-dropdown .cart-dropdown ul li:nth-child(2) {
    border-radius: 0px !important;
    padding: 16px 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .tab-content .notification-card ul li {
    padding: 15px 0px !important;
    border-radius: 0px !important; }
  .sidebar-wrapper .menu .brand-logo img {
    width: 120px; } }

@media screen and (max-width: 576px) {
  .toggle-nav i {
    font-size: 20px; } }

/**=====================
  5.7 Sidebar CSS Ends
==========================**/
/**=====================
    5.8 Rtl CSS Start
==========================**/
html[dir="rtl"] ul {
  padding-right: 0; }

html[dir="rtl"] .ms-auto {
  margin-left: unset !important;
  margin-right: auto !important; }

html[dir="rtl"] .revenuegrowth .revenuegrowth-chart::before {
  right: unset;
  left: 0px; }

html[dir="rtl"] .img-boostup .img-boostup-img-1 {
  left: unset;
  right: -63px;
  transform: scaleX(-1); }

html[dir="rtl"] .img-boostup .img-boostup-img-2 {
  transform: scaleX(-1);
  left: unset;
  right: -61px; }

html[dir="rtl"] .table-order .order-table thead tr th:first-child, html[dir="rtl"] .project-table .order-table thead tr th:first-child {
  border-top-left-radius: unset !important;
  border-bottom-left-radius: unset !important;
  border-top-right-radius: 5px  !important;
  border-bottom-right-radius: 5px !important; }

html[dir="rtl"] .table-order .order-table thead tr th:last-child, html[dir="rtl"] .project-table .order-table thead tr th:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important; }

html[dir="rtl"] .tap-top {
  left: 30px;
  right: unset; }

html[dir="rtl"] .tranaction-table thead tr th:first-child {
  border-top-left-radius: unset !important;
  border-bottom-left-radius: unset !important;
  border-top-right-radius: 5px  !important;
  border-bottom-right-radius: 5px !important; }

html[dir="rtl"] .tranaction-table thead tr th:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important; }

html[dir="rtl"] .user-message ul li .activity-log .status {
  right: 25px !important; }

html[dir="rtl"] .activity-table table tbody tr td .team-activity::before {
  right: 24px;
  left: unset; }

html[dir="rtl"] .activity-table table tbody tr td .activity-data span::before {
  right: -9px;
  left: unset; }

html[dir="rtl"] .activity-table table tbody tr td .activity-data .common-space::before {
  bottom: 0px;
  top: unset;
  right: unset;
  left: 0px; }

html[dir="rtl"] .activity-table table tbody tr td .activity-data .user-activity::before {
  bottom: 0px;
  top: unset;
  right: unset;
  left: 0px; }

html[dir="rtl"] .prooduct-details-box .media .media-body {
  margin-right: 1rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .important-project .projectlist-card .range_4 .slider-container {
  direction: ltr; }
  html[dir="rtl"] .important-project .projectlist-card .range_4 .slider-container .slider_input {
    left: 0; }

html[dir="rtl"] .add-project .categories {
  transform: scaleX(-1);
  left: 0;
  right: unset; }

html[dir="rtl"] .activity-group::before {
  content: "";
  right: 0px;
  left: unset; }

html[dir="rtl"] .projectlist-card .project-comment .project-comment-icon .project-link::before {
  left: 35px;
  right: unset; }

html[dir="rtl"] .figure.text-start blockquote {
  border-left: none !important;
  border-right: 4px solid #006666 !important; }

html[dir="rtl"] .figure.text-end blockquote {
  border-right: none !important;
  border-left: 4px solid #006666 !important; }

html[dir="rtl"] .client-list-table table tbody tr td .user-id::before {
  right: unset;
  left: 11%; }

html[dir="rtl"] .project-table .project-comment .project-comment-icon .project-link::before {
  right: 47px;
  left: unset; }

html[dir="rtl"] .activity-log-card ul::before {
  right: 36px;
  left: unset; }

html[dir="rtl"] .slider-wrapper {
  direction: ltr; }

html[dir="rtl"] .f-right {
  float: left; }

html[dir="rtl"] .papernote-wrap .note-labels ul {
  gap: 9px; }

html[dir="rtl"] .form-check-inline {
  margin-right: unset;
  margin-left: 1rem; }

html[dir="rtl"] .knowledgebase-search .form-inline svg {
  left: unset;
  right: 20px; }

html[dir="rtl"] .switch-showcase .form-check .form-check-input {
  float: left; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:first-child {
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:last-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-left-width: 1px; }

html[dir="rtl"] .pill-input-group span:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 1.3rem !important;
  border-bottom-left-radius: 1.3rem !important; }

html[dir="rtl"] .pill-input-group span:first-child {
  border-top-left-radius: unset !important;
  border-top-right-radius: unset !important;
  border-top-right-radius: 1.3rem !important;
  border-bottom-right-radius: 1.3rem !important; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
  text-align: right;
  border-top-left-radius: 15px;
  border-top-right-radius: unset;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: unset; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .toggle-sidebar {
    right: unset;
    left: 30px; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
    padding: 0; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .badge {
      left: 50px !important;
      right: unset !important; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon {
    margin-right: 0;
    margin-left: unset; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .logo-icon-wrapper {
      text-align: left; }
      html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .logo-icon-wrapper img {
        margin-left: 8px; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .page-body,
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
      margin-left: 0;
      margin-right: 100px;
      transition: 0.5s; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      margin-left: 0; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
      display: none !important; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .according-menu {
      display: none; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      margin-left: 13px; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover {
    transform: translate(0px); }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
      display: block !important; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      float: none; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .according-menu {
      display: block; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu:after {
    right: 30px;
    left: unset;
    border-top-right-radius: 8px;
    border-right: 2px solid; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
    padding-right: 65px !important;
    padding-left: unset !important; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a:before {
      right: 32px; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a:after {
      right: 20px;
      left: unset;
      top: 9%;
      border-bottom-left-radius: unset;
      border-bottom-right-radius: 8px;
      border-left: unset;
      border-right: 2px solid rgba(255, 255, 255, 0.5);
      border-bottom: 2px solid rgba(255, 255, 255, 0.5); }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 265px; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
  right: unset;
  left: 20px; }

html[dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .nav-right {
  right: unset;
  left: 30px; }

html[dir="rtl"] .date-details > div + div {
  margin-left: unset;
  margin-right: 10px; }

html[dir="rtl"] .contact-editform.ps-0 {
  padding-left: 20px !important; }

html[dir="rtl"] .contact-options li .btn-category {
  padding-left: unset !important;
  padding-right: 40px; }

html[dir="rtl"] .list-persons .profile-mail .email-general ul {
  padding-right: unset;
  padding-left: 20px; }
  html[dir="rtl"] .list-persons .profile-mail .email-general ul li > span {
    float: left; }

html[dir="rtl"] .list-persons .profile-mail .media .media-body ul li + li {
  padding-right: unset;
  padding-left: 10px;
  margin-right: unset;
  margin-left: 5px;
  border-right: unset;
  border-left: 1px solid #E6E9EB; }

html[dir="rtl"] .file-content .form-inline i {
  padding-right: unset;
  padding-left: 10px; }

html[dir="rtl"] .file-sidebar .btn svg {
  margin-right: unset;
  margin-left: 8px; }

html[dir="rtl"] .file-sidebar .pricing-plan .bg-img {
  left: -40px;
  right: unset; }

html[dir="rtl"] .form-select {
  border-radius: 0px;
  background-position: left 0.75rem center; }

html[dir="rtl"] .customers ul li + li {
  margin-left: unset;
  margin-right: -10%; }

html[dir="rtl"] .project-list .border-tab.nav-tabs .nav-item .nav-link {
  padding: 5px 0 5px 30px; }

html[dir="rtl"] .project-box .badge {
  right: unset;
  left: 30px; }

html[dir="rtl"] .kanban-board {
  float: right; }

html[dir="rtl"] .kanban-item .kanban-box .customers ul li + li {
  margin-left: unset;
  margin-right: -10px; }

html[dir="rtl"] .kanban-item .list li i {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .page-wrapper.horizontal-wrapper .header-logo-wrapper {
  text-align: right; }

html[dir="rtl"] .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
  margin-right: 0; }

html[dir="rtl"] .page-wrapper.horizontal-wrapper .page-body-wrapper footer {
  margin-right: 0; }

html[dir="rtl"] .page-wrapper.material-type .page-body-wrapper .page-body {
  margin-right: auto; }

html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:first-child {
  margin-right: 0; }

html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
  margin-right: 15px;
  margin-left: unset; }

html[dir="rtl"] .page-header .header-wrapper .toggle-sidebar {
  margin-left: 2px;
  margin-right: unset; }

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
  left: -20px !important;
  right: unset !important; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
      left: 12px !important; } }
html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full input {
  padding-left: unset;
  padding-right: 60px;
  text-align: right; }

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
  left: unset;
  right: 30px; }

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
  right: unset;
  left: 0; }

html[dir="rtl"] .page-wrapper.compact-sidebar .toggle-sidebar {
  margin-left: 15px;
  margin-right: unset; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-header {
  margin-left: unset;
  margin-right: 150px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-header.close_icon {
    margin-right: 0; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 150px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper .footer {
  margin-left: unset;
  margin-right: 150px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
  text-align: right; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
  animation: fadeInRight 1000ms ease-in-out; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  right: 150px;
  left: unset; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
    padding: 15px 40px 15px 15px; }
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
      right: 20px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
    left: unset;
    right: 20px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
    text-align: right; }
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      padding: 15px 40px 15px 15px; }
      html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
      html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
        left: unset;
        right: 20px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
  left: unset;
  right: 53%; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
  text-align: center; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
  text-align: center; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
    right: unset;
    left: 20px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
  transform: translateX(150px); }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
    margin-right: 0px; }

html[dir="rtl"] .page-wrapper.compact-small .page-header {
  margin-right: 90px; }

html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  right: 90px; }

html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper .footer,
html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper .page-body {
  margin-right: 90px; }

html[dir="rtl"] .page-wrapper.material-icon .page-header {
  padding-left: unset;
  padding-right: 90px;
  margin: 0 auto; }
  html[dir="rtl"] .page-wrapper.material-icon .page-header.close_icon {
    padding-right: 0; }

html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper .page-body {
  padding-left: 15px;
  padding-right: 90px;
  margin: 0 auto; }

html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
  padding-right: 15px;
  margin: 0 auto !important; }

html[dir="rtl"] .apexcharts-canvas {
  direction: ltr; }

html[dir="rtl"] .email-wrap .btn-mail {
  text-align: right; }

html[dir="rtl"] .email-wrap .email-app-sidebar ul li a {
  padding-left: unset;
  padding-right: 20px; }

html[dir="rtl"] .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
  text-align: center; }

html[dir="rtl"] .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark {
  text-align: right; }

html[dir="rtl"] .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
  left: 30px;
  right: unset;
  text-align: left; }

html[dir="rtl"] .bookmark-wrap .details-bookmark .row > div + div {
  padding-left: 15px !important; }

html[dir="rtl"] .appointment-table table tr td .status-circle {
  left: unset;
  right: 35px; }

html[dir="rtl"] .notification .card .d-flex .w-100 p .badge {
  margin-left: unset;
  margin-right: 10px; }

html[dir="rtl"] .progress-gradient-primary {
  background-image: linear-gradient(to right, var(--theme-deafult), transparent); }
  html[dir="rtl"] .progress-gradient-primary::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-primary .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-secondary {
  background-image: linear-gradient(to right, #FE6A49, transparent); }
  html[dir="rtl"] .progress-gradient-secondary::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-secondary .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-success {
  background-image: linear-gradient(to right, #00AC46, transparent); }
  html[dir="rtl"] .progress-gradient-success::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-success .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-danger {
  background-image: linear-gradient(to right, #FE6A49, transparent); }
  html[dir="rtl"] .progress-gradient-danger::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-danger .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-info {
  background-image: linear-gradient(to right, #173878, transparent); }
  html[dir="rtl"] .progress-gradient-info::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-info .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-light {
  background-image: linear-gradient(to right, #E6E9EB, transparent); }
  html[dir="rtl"] .progress-gradient-light::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-light .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-dark {
  background-image: linear-gradient(to right, #2c323f, transparent); }
  html[dir="rtl"] .progress-gradient-dark::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-dark .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-warning {
  background-image: linear-gradient(to right, #FFAE1A, transparent); }
  html[dir="rtl"] .progress-gradient-warning::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-warning .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-animate span {
  left: -10px;
  right: unset; }

html[dir="rtl"] .me-4 {
  margin-left: 1.5rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .pe-4 {
  padding-left: 1.5rem !important;
  padding-right: unset !important; }

html[dir="rtl"] .me-1 {
  margin-left: 0.25rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .navs-dropdown .onhover-show-div {
  right: 0; }

html[dir="rtl"] .default-according.style-1 button {
  text-align: right; }
  html[dir="rtl"] .default-according.style-1 button:before {
    left: 20px;
    right: unset; }
    @media (max-width: 575px) {
      html[dir="rtl"] .default-according.style-1 button:before {
        left: 15px; } }
  html[dir="rtl"] .default-according.style-1 button i {
    right: 18px;
    left: unset; }

html[dir="rtl"] .default-according .card .card-header i {
  right: 18px;
  left: unset; }

html[dir="rtl"] .faq-wrap .faq-accordion .card .card-header .btn-link {
  padding-right: 20px !important; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .faq-wrap .faq-accordion .card .card-header .btn-link {
      padding-right: 10px !important; } }
html[dir="rtl"] .ProfileCard-details {
  padding-right: 30px;
  padding-left: unset;
  float: right; }

html[dir="rtl"] .starter-main .card-body ul {
  padding-right: 30px;
  padding-left: unset; }

html[dir="rtl"] .theme-tab .tab-title li a svg {
  margin-left: 5px;
  margin-right: unset; }

html[dir="rtl"] .spent .spent-graph .project-budget {
  margin-left: 30px;
  margin-right: unset; }

html[dir="rtl"] .support-table table tbody tr td:first-child {
  padding-right: 0;
  padding-left: unset; }

html[dir="rtl"] .order-box .sub-total .shipping-class .shopping-checkout-option,
html[dir="rtl"] .order-box .sub-total .shipping-class span,
html[dir="rtl"] .order-box .sub-total li .shopping-checkout-option,
html[dir="rtl"] .order-box .sub-total li span,
html[dir="rtl"] .order-box .total .shipping-class .shopping-checkout-option,
html[dir="rtl"] .order-box .total .shipping-class span,
html[dir="rtl"] .order-box .total li .shopping-checkout-option,
html[dir="rtl"] .order-box .total li span,
html[dir="rtl"] .order-box .qty .shipping-class .shopping-checkout-option,
html[dir="rtl"] .order-box .qty .shipping-class span,
html[dir="rtl"] .order-box .qty li .shopping-checkout-option,
html[dir="rtl"] .order-box .qty li span {
  float: left; }

html[dir="rtl"] .order-box .sub-total li .count,
html[dir="rtl"] .order-box .total li .count,
html[dir="rtl"] .order-box .qty li .count {
  float: left; }

html[dir="rtl"] .img-paypal {
  margin-right: 15px;
  margin-left: unset; }

html[dir="rtl"] .cart .qty-box .input-group .btn {
  border-radius: 0 !important; }

html[dir="rtl"] .product-qnty fieldset .input-group .input-group-prepend .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .grid-options {
  margin-right: 10px;
  margin-left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-1 {
    right: 12px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-2 {
    right: 18px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-3 {
    right: 36px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-4 {
    right: 42px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-5 {
    right: 48px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-6 {
    right: 66px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-7 {
    right: 72px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-8 {
    right: 78px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-9 {
    right: 84px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-10 {
    right: 103px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-11 {
    right: 109px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-12 {
    right: 115px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-13 {
    right: 121px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-14 {
    right: 127px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-15 {
    right: 133px;
    left: unset; }

html[dir="rtl"] .product-filter.new-products .owl-theme .owl-nav {
  left: 0;
  right: unset; }

html[dir="rtl"] .product-filter.new-products .owl-theme .owl-item .item .product-box .product-details.text-start {
  text-align: left !important; }

html[dir="rtl"] .product-sidebar .filter-section .card .card-header h6 .pull-right i {
  left: auto;
  right: unset; }

html[dir="rtl"] .prooduct-details-box .btn {
  right: unset;
  left: 15px; }

html[dir="rtl"] .prooduct-details-box .close {
  right: unset;
  left: 10px; }

html[dir="rtl"] .collection-filter-block svg {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .feature-products form .form-group i {
  left: 30px;
  right: unset; }

html[dir="rtl"] .product-wrapper-grid.list-view .product-box .product-details {
  text-align: right; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .breadcrumb {
  margin-left: unset; }

html[dir="rtl"] .bookmark ul li + li {
  margin-left: unset;
  margin-right: 10px; }

html[dir="rtl"] .bookmark ul li .search-form .form-control-search {
  left: -50px;
  right: unset; }
  html[dir="rtl"] .bookmark ul li .search-form .form-control-search:before {
    right: 50px;
    left: unset; }
  html[dir="rtl"] .bookmark ul li .search-form .form-control-search:after {
    right: 20px;
    left: unset; }

html[dir="rtl"] .me-0 {
  margin-left: 0 !important;
  margin-right: unset !important; }

html[dir="rtl"] .footer .pull-right {
  float: none; }

html[dir="rtl"] .checkbox_animated,
html[dir="rtl"] .radio_animated {
  margin: 0 8px 0 16px; }

html[dir="rtl"] .button.remove {
  left: -10px;
  right: unset; }

html[dir="rtl"] .code-box-copy__btn {
  left: 11px;
  right: unset; }

html[dir="rtl"] ul.nav-menus {
  border-bottom: none; }
  html[dir="rtl"] ul.nav-menus li .input-show input {
    right: 0px;
    left: unset; }

html[dir="rtl"] ul.notification-dropdown.onhover-show-div li {
  text-align: right; }

html[dir="rtl"] .badge + .badge {
  margin-right: 5px;
  margin-left: unset; }

html[dir="rtl"] .offset-xl-3 {
  margin-right: 25%;
  margin-left: unset; }

html[dir="rtl"] .m-l-10 {
  margin-right: 10px !important;
  margin-left: unset !important; }

html[dir="rtl"] .m-r-20 {
  margin-left: 20px;
  margin-right: unset; }

html[dir="rtl"] .m-r-30 {
  margin-left: 30px;
  margin-right: unset; }

html[dir="rtl"] .m-r-5 {
  margin-left: 5px;
  margin-right: unset; }

html[dir="rtl"] .text-start {
  text-align: right !important; }

html[dir="rtl"] .m-r-10 {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .pe-3 {
  padding-left: 1rem !important;
  padding-right: unset !important; }

html[dir="rtl"] .p-r-0 {
  padding-left: 0;
  padding-right: 15px; }

html[dir="rtl"] .m-l-20 {
  margin-right: 20px !important;
  margin-left: unset !important; }

html[dir="rtl"] .ps-3 {
  padding-right: 1rem !important; }

html[dir="rtl"] .b-r-light {
  border-left: 1px solid #E6E9EB !important;
  border-right: unset !important; }

html[dir="rtl"] .float-end {
  float: left !important; }

html[dir="rtl"] .float-start {
  float: right !important; }

html[dir="rtl"] .text-end {
  text-align: left !important; }

html[dir="rtl"] .border-right {
  border-left: 1px solid #dee2e6 !important;
  border-right: unset !important; }

html[dir="rtl"] .pe-0 {
  padding-left: 0 !important;
  padding-right: 12px !important; }

html[dir="rtl"] .ps-0 {
  padding-right: 0 !important;
  padding-left: unset !important; }

html[dir="rtl"] .ms-1 {
  margin-left: unset !important;
  margin-right: 0.25rem !important; }

html[dir="rtl"] .owl-carousel {
  direction: ltr; }

html[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
html[dir="rtl"] .btn-group > :not(:last-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .btn-group > .btn:not(:first-child) {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .btn-group > .btn:nth-child(2) {
  border-radius: 0 !important; }

html[dir="rtl"] .btn-group .btn-group > :not(:first-child) > .btn {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .btn-group .btn + .btn,
html[dir="rtl"] .btn-group .btn + .btn-group {
  margin-right: -1px;
  border-right: none; }

html[dir="rtl"] .btn-group .btn-group + .btn,
html[dir="rtl"] .btn-group .btn-group + .btn-group {
  margin-right: -1px; }

html[dir="rtl"] .btn-group .btn-group-vertical .btn + .btn,
html[dir="rtl"] .btn-group .btn-group-vertical .btn + .btn-group {
  margin-right: -1px; }

html[dir="rtl"] .btn-group .btn-group-vertical .btn-group + .btn,
html[dir="rtl"] .btn-group .btn-group-vertical .btn-group + .btn-group {
  margin-right: -1px; }

html[dir="rtl"] .me-3 {
  margin-right: unset !important;
  margin-left: 1rem !important; }

html[dir="rtl"] .me-5 {
  margin-left: 3rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .ms-3 {
  margin-right: 1rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .m-r-15 {
  margin-left: 15px;
  margin-right: unset; }

html[dir="rtl"] .b-l-light {
  border-right: 1px solid #E6E9EB !important;
  border-left: unset !important; }

html[dir="rtl"] .p-l-0 {
  padding-left: unset;
  padding-right: 0px; }

html[dir="rtl"] .ps-4 {
  padding-right: 1.5rem !important;
  padding-left: unset !important; }

html[dir="rtl"] .me-2 {
  margin-left: 0.5rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .ms-2 {
  margin-right: 0.5rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .pe-2 {
  padding-right: unset !important;
  padding-left: 0.5rem !important; }

html[dir="rtl"] .prooduct-details-box .media-body {
  margin-right: 0 !important; }

html[dir="rtl"] .alert {
  text-align: right; }

html[dir="rtl"] .pull-right {
  float: left; }

html[dir="rtl"] .form-inline .form-group {
  margin-left: 0px;
  margin-right: 0; }

html[dir="rtl"] .card {
  text-align: right; }
  html[dir="rtl"] .card.social-profile {
    text-align: center; }
  html[dir="rtl"] .card .card-header h5:not(.mb-0) {
    float: right; }
  html[dir="rtl"] .card .card-header span {
    clear: both; }
  html[dir="rtl"] .card .card-header .card-header-right {
    left: 35px;
    right: unset; }
    html[dir="rtl"] .card .card-header .card-header-right .card-option {
      text-align: left; }
      html[dir="rtl"] .card .card-header .card-header-right .card-option.list-unstyled {
        padding-right: 0;
        padding-left: unset; }
  html[dir="rtl"] .card .card-header .pull-left {
    float: right; }
  html[dir="rtl"] .card.full-card {
    left: 0;
    right: unset; }
  html[dir="rtl"] .card .card-body .alert svg {
    margin-left: 4px;
    margin-right: unset; }
  html[dir="rtl"] .card .card-body .value-left {
    margin-left: 30px;
    margin-right: unset; }
  html[dir="rtl"] .card .card-body .square {
    margin-left: 5px;
    margin-right: unset; }

html[dir="rtl"] .explore-card {
  text-align: left; }
  html[dir="rtl"] .explore-card .group-btn {
    justify-content: flex-end; }

html[dir="rtl"] .balance-box {
  text-align: center; }

html[dir="rtl"] .purchase-card {
  text-align: center; }

html[dir="rtl"] .modal-header .btn-close {
  margin: -0.5rem auto -0.5rem -0.5rem; }

html[dir="rtl"] .modal-footer > :not(:first-child) {
  margin-right: .50rem;
  margin-left: 0; }

html[dir="rtl"] .form-inline .form-group .col-form-label {
  margin-left: 5px;
  margin-right: 0; }

html[dir="rtl"] .contacts-tabs .nav-pills {
  border-left: 1px solid #E6E9EB; }

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
  padding-right: 0.5rem;
  padding-left: unset; }
  html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    padding-left: 0.5rem;
    padding-right: unset;
    float: right; }

html[dir="rtl"] code[class*=language-],
html[dir="rtl"] pre[class*=language-] {
  text-align: right; }

html[dir="rtl"] .input-group-prepend {
  margin-left: -1px;
  margin-right: unset; }

html[dir="rtl"] .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
html[dir="rtl"] .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

html[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: unset;
  margin-right: -1px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), html[dir="rtl"] .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), html[dir="rtl"] .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, html[dir="rtl"] .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

html[dir="rtl"] .form-floating input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-primary {
  border-right: 4px solid #006666;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-secondary {
  border-right: 4px solid #FE6A49;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-success {
  border-right: 4px solid #00AC46;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-danger {
  border-right: 4px solid #FE6A49;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-warning {
  border-right: 4px solid #FFAE1A;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-info {
  border-right: 4px solid #173878;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-light {
  border-right: 4px solid #E6E9EB;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-dark {
  border-right: 4px solid #2c323f;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:first-child {
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:last-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-left-width: 1px; }

html[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: unset;
  margin-right: -1px; }

html[dir="rtl"] .was-validated .form-control:invalid,
html[dir="rtl"] .form-control.is-invalid,
html[dir="rtl"] .was-validated .form-control:valid,
html[dir="rtl"] .form-control.is-valid {
  background-position: left calc(0.375em + 0.1875rem) center;
  padding-left: calc(1.5em + 0.75rem);
  padding-right: 12px; }

html[dir="rtl"] .input-group > .form-control:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .input-group > .input-group-prepend > .btn,
html[dir="rtl"] .input-group > .input-group-prepend > .input-group-text,
html[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .btn,
html[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .input-group-text,
html[dir="rtl"] .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
html[dir="rtl"] .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .input-group > .input-group-append > .btn,
html[dir="rtl"] .input-group > .input-group-append > .input-group-text,
html[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .btn,
html[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
html[dir="rtl"] .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
html[dir="rtl"] .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .border-tab.nav-left .nav-link {
  text-align: left; }

html[dir="rtl"] .socialprofile .social-group ul li:nth-child(4) {
  margin-right: -22px; }

html[dir="rtl"] .social-status form .form-group .form-control-social {
  padding-right: 15px;
  padding-left: unset; }

html[dir="rtl"] .social-status .media .social-status {
  right: 35px;
  left: unset; }

html[dir="rtl"] .social-chat .other-msg {
  margin-right: 40px;
  margin-left: unset; }

html[dir="rtl"] .social-chat .media-body:before {
  left: 100%;
  right: unset;
  border-left: 7px solid var(-semi-dark);
  border-right: unset; }

html[dir="rtl"] .social-chat .media-body:after {
  left: 100%;
  right: unset;
  border-left: 7px solid #fff;
  border-right: unset; }

html[dir="rtl"] .quick-file li:first-child {
  margin-right: 0px;
  margin-left: unset; }

html[dir="rtl"] .files-content li:first-child {
  margin-right: 0px;
  margin-left: unset; }

html[dir="rtl"] .file-content .folder .folder-box .ellips {
  left: 22px;
  right: unset; }

html[dir="rtl"] .timeline-content .comment-number i {
  margin-left: 20px;
  margin-right: unset; }

html[dir="rtl"] .photos ul li {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .avatar-showcase .friend-pic {
  margin-left: 8px;
  margin-right: unset; }

html[dir="rtl"] .avatar-showcase .pepole-knows ul li {
  margin-left: 21px;
  margin-right: unset; }
  html[dir="rtl"] .avatar-showcase .pepole-knows ul li:last-child {
    margin-left: 0; }

html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
  left: 100px;
  right: unset; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li {
    margin-left: 10px;
    margin-right: unset; }
    html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li:last-child {
      margin-left: 0; }

html[dir="rtl"] .faq-form .search-icon {
  left: 12px;
  right: unset; }

html[dir="rtl"] .faq-widgets .media-body p {
  padding-left: 20px;
  padding-right: unset; }

html[dir="rtl"] .header-faq,
html[dir="rtl"] .faq-title {
  text-align: right; }

html[dir="rtl"] .browse .browse-articles h6 span svg {
  right: 22px; }

html[dir="rtl"] .faq-accordion.default-according .card .faq-header svg {
  left: 30px;
  right: unset; }

html[dir="rtl"] .faq-accordion.default-according .card .btn-link svg {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .navigation-option ul li {
  padding: 8px 0 8px 8px; }
  html[dir="rtl"] .navigation-option ul li a {
    padding-right: 40px;
    padding-left: unset; }
    html[dir="rtl"] .navigation-option ul li a svg {
      right: 15px;
      left: unset; }

html[dir="rtl"] .updates-faq {
  margin-right: unset;
  margin-left: 20px; }

html[dir="rtl"] .categories {
  right: unset;
  left: 0;
  transform: scaleX(-1); }
  html[dir="rtl"] .categories .learning-header {
    padding-right: 15px;
    padding-left: unset; }

html[dir="rtl"] .main .langChoice {
  left: 30px;
  right: unset; }

html[dir="rtl"] .pricing-block svg {
  direction: ltr; }

html[dir="rtl"] p.data-attributes svg {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .avatars .avatar {
  margin-left: 10px;
  margin-right: unset; }
  html[dir="rtl"] .avatars .avatar:last-child {
    margin-left: 0; }
  html[dir="rtl"] .avatars .avatar .status {
    left: 4px;
    right: unset; }

html[dir="rtl"] .customers.avatar-group {
  margin-left: 30px;
  margin-right: unset; }

html[dir="rtl"] .card .card-header h5 {
  float: none !important; }

html[dir="rtl"] .knob-chart .chart-clock-main .clock-small {
  right: 10px;
  left: unset; }

html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
  left: 30px;
  right: unset; }
  html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks .btn-label {
    margin-left: 5px;
    margin-right: unset; }

html[dir="rtl"] .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn {
  text-align: left; }

html[dir="rtl"] .todo .notification-popup {
  left: 10px;
  right: unset; }

html[dir="rtl"] .todo-options .badges-todo h6 {
  margin-left: 10px;
  margin-right: unset; }
  html[dir="rtl"] .todo-options .badges-todo h6:last-child {
    margin-left: 0; }

html[dir="rtl"] .todo-list-btns .dropdown-basic .btn-group .form-group .checkbox {
  padding-right: 14px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  padding-left: unset;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset; }

html[dir="rtl"] .todo-list-btns .dropdown-basic .separated-btn {
  margin-right: -6px;
  margin-left: unset; }
  html[dir="rtl"] .todo-list-btns .dropdown-basic .separated-btn .btn {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px; }

html[dir="rtl"] .search-todo .dropdown-basic .btn-group {
  margin-left: 18px;
  margin-right: unset; }

html[dir="rtl"] .sticky-note .note {
  float: right; }

html[dir="rtl"] .mega-menu .list-unstyled div a {
  padding: 8px 0 8px 35px; }
  html[dir="rtl"] .mega-menu .list-unstyled div a:hover {
    padding: 8px 10px 8px 35px; }

html[dir="rtl"] #testimonial .owl-stage-outer .owl-stage .owl-item .slide--item .media .me-3 {
  margin-right: 1rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  left: 0px !important;
  right: unset !important; }

html[dir="rtl"] .needs-validation .input-group > .form-control:not(:last-child),
html[dir="rtl"] .needs-validation .input-group > .custom-select:not(:last-child),
html[dir="rtl"] .form-row .input-group > .form-control:not(:last-child),
html[dir="rtl"] .form-row .input-group > .custom-select:not(:last-child) {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .form-check {
  padding-right: 1.25rem;
  padding-left: unset; }
  html[dir="rtl"] .form-check .form-check-input {
    float: right;
    margin-left: unset;
    margin-right: -1.5em; }

html[dir="rtl"] .form-check-reverse .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: 10px; }

html[dir="rtl"] .mega-menu .default-according .card .btn-link {
  text-align: right; }

html[dir="rtl"] .mega-menu .default-according.style-1 button[aria-expanded="true"]:before,
html[dir="rtl"] .mega-menu .default-according.style-1 button[aria-expanded="false"]:before {
  right: unset;
  left: 20px; }

html[dir="rtl"] .email-wrap .row .col-xl-6 {
  padding-right: 0;
  padding-left: 15px; }

html[dir="rtl"] .email-wrap .row .col-xl-3 + .col-xl-3 {
  padding-left: 0;
  padding-right: 15px; }

html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li {
  text-align: right; }
  html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li a i {
    margin-right: unset;
    margin-left: 10px; }

html[dir="rtl"] .email-wrap .email-app-sidebar ul {
  padding-right: 0; }

html[dir="rtl"] .email-wrap .email-right-aside .email-body .pe-0 {
  padding-right: unset !important; }

html[dir="rtl"] .email-wrap .email-right-aside .radius-left {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-radius: 4px; }

html[dir="rtl"] #renderRange {
  float: left;
  padding-left: unset;
  padding-right: 12px; }

html[dir="rtl"] .event-calendar {
  direction: ltr; }

html[dir="rtl"] .calendar-wrap .fc {
  direction: rtl;
  text-align: right; }
  html[dir="rtl"] .calendar-wrap .fc .fc-toolbar .fc-left {
    float: right; }
  html[dir="rtl"] .calendar-wrap .fc .fc-toolbar .fc-right {
    float: left; }
  html[dir="rtl"] .calendar-wrap .fc .fc-toolbar > * > * {
    margin-left: 0; }

html[dir="rtl"] .calendar-wrap .fc-events-container {
  text-align: right; }

html[dir="rtl"] .calendar-wrap .fc-scroller {
  margin-right: unset;
  margin-left: -17px; }

html[dir="rtl"] .fc-agenda-view .fc-day-grid .fc-row {
  margin-right: 0 !important; }

html[dir="rtl"] .fc-unthemed .fc-row {
  margin-right: 0 !important; }

html[dir="rtl"] .btn-group-showcase .btn-group {
  margin-left: 20px;
  margin-right: unset; }

html[dir="rtl"] .btn-showcase .btn {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .btn-square.dropdown-toggle {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

html.button-builder[dir="rtl"] ul.the-icons li {
  float: right; }

html.button-builder[dir="rtl"] .color-slelector {
  float: right; }

html.button-builder[dir="rtl"] .custom-button-color .form-control {
  border-radius: 0 5px 5px 0; }
  html.button-builder[dir="rtl"] .custom-button-color .form-control.pull-left {
    float: right; }

html.button-builder[dir="rtl"] .hint-label {
  float: right;
  padding: 4px 020px 0 0; }

html[dir="rtl"] #customer-review .owl-item img {
  order: 2; }

html[dir="rtl"] .options > div {
  margin: 0 0 8px 8px; }

html[dir="rtl"] .modal-dialog .modal-content .modal-body p a {
  margin-left: 0; }

html[dir="rtl"] .drag-box fieldset .component .form-group .text-lg-left {
  text-align: right !important; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn,
html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn-right,
html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .checkbox-radius {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #prependedcheckbox {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #appendedcheckbox {
  border-right-color: #efefef; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #buttondropdown {
  margin-right: unset;
  margin-left: -1px; }

html[dir="rtl"] .drag form {
  text-align: right; }
  html[dir="rtl"] .drag form input {
    text-align: right; }
  html[dir="rtl"] .drag form label {
    text-align: right !important; }
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .btn,
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .btn-right,
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .checkbox-radius {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  html[dir="rtl"] .drag form .form-group .input-group #buttondropdown {
    margin-right: unset;
    margin-left: -1px; }

html[dir="rtl"] .draggable label {
  text-align: right; }

html[dir="rtl"] .form-builder-column .tab-content .tab-pane .theme-form .ui-draggable .input-group > .input-group-prepend > .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .form-group .input-group #buttondropdown,
html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group #buttondropdown {
  margin-right: unset;
  margin-left: 15px; }

html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .form-group .input-group .input-group-btn button,
html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group .input-group-btn button {
  border-radius: 4px !important; }

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .text-lg-left {
  text-align: right !important; }

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn,
html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn-right,
html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .checkbox-radius {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .form-builder .component .form-group .input-group #buttondropdown {
  margin-right: unset;
  margin-left: -1px; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .logo-wrapper {
  box-shadow: 9px 0 20px rgba(89, 102, 122, 0.1) !important; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .logo-wrapper a {
    transform: translate(-64px); }

html[dir="rtl"] .search-page .nav i {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .product-stts {
  display: inline-block; }
  html[dir="rtl"] .product-stts .ms-1 {
    margin-right: 0.25rem !important;
    margin-left: unset !important; }

html[dir="rtl"] .search-form input {
  padding: 10px 70px 10px 10px;
  text-align: right; }

html[dir="rtl"] .icon-hover-bottom .icon-title {
  text-align: right; }

html[dir="rtl"] .icon-lists div i {
  margin: 0 10px 0 15px; }

html[dir="rtl"] .icon-lists ul {
  padding-right: 0; }

html[dir="rtl"] ul.icon-lists {
  padding-right: 30px; }

html[dir="rtl"] .floated-customizer-btn.third-floated-btn {
  left: 35px;
  right: unset; }

html[dir="rtl"] .floated-customizer-btn > span {
  margin-right: 10px; }

html[dir="rtl"] .floated-customizer-panel {
  text-align: right;
  left: -85px;
  right: unset; }
  html[dir="rtl"] .floated-customizer-panel.active {
    left: 35px;
    right: unset; }
  html[dir="rtl"] .floated-customizer-panel .close-customizer-btn {
    left: 30px;
    right: unset; }
  html[dir="rtl"] .floated-customizer-panel ul {
    padding-right: 0; }

html[dir="rtl"] .form-builder-2-header > div nav {
  float: left; }

html[dir="rtl"] .radio label {
  padding-left: 0;
  padding-right: 8px; }
  html[dir="rtl"] .radio label::before {
    right: 0;
    margin-right: -20px;
    left: unset; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .row h3 {
  text-align: right;
  padding-left: 20px;
  padding-right: unset !important; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .row h6 {
  text-align: right; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-header {
  margin-right: 265px;
  margin-left: unset;
  width: calc(100% - 265px); }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header.close_icon {
    margin-right: 100px;
    margin-left: unset;
    width: calc(100% - 100px); }

html[dir="rtl"] .page-wrapper.modern-type .page-header {
  margin-right: 0;
  width: calc(100% - 0px); }
  html[dir="rtl"] .page-wrapper.modern-type .page-header.close_icon {
    margin-right: 0;
    width: calc(100% - 0px); }
  html[dir="rtl"] .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
    margin-right: unset;
    margin-left: 30px; }
  html[dir="rtl"] .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
    margin-right: unset;
    margin-left: 15px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper .page-body {
  margin-right: 310px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper .footer {
  margin-left: 55px;
  margin-right: 360px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
  margin-right: 0px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
  margin-right: 0; }

html[dir="rtl"] .page-header .header-wrapper .nav-right {
  text-align: right; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right .onhover-show-div {
    right: unset;
    left: 0; }
    @media (max-width: 575.98px) {
      html[dir="rtl"] .page-header .header-wrapper .nav-right .onhover-show-div {
        left: 12px; } }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .page-header .header-wrapper .nav-right .cart-dropdown li {
      padding: 10px; } }
  html[dir="rtl"] .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
    right: unset;
    left: 0; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li .lang-txt {
    margin-left: 0;
    margin-right: 8px; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.notification-down:nth-child(5)::before {
    left: -8px;
    right: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:before {
    left: 0;
    right: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li .dot {
    left: 17px;
    right: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown:hover .onhover-show-div:before {
    right: 10px;
    left: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown:hover .onhover-show-div:after {
    right: 10px;
    left: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li i.ms-2 {
    margin-right: 0.5rem !important;
    margin-left: unset !important; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right .profile-dropdown li svg {
    margin-right: unset;
    margin-left: 10px; }

html[dir="rtl"] .page-header .header-wrapper .mobile-sidebar {
  padding-left: 20px;
  padding-right: unset; }

html[dir="rtl"] .page-header.open {
  margin-right: 0; }

html[dir="rtl"] ul.notification-dropdown.onhover-show-div {
  right: initial;
  left: -30px;
  padding: 0; }
  html[dir="rtl"] ul.notification-dropdown.onhover-show-div:before {
    right: inherit !important;
    left: 35px !important; }
  html[dir="rtl"] ul.notification-dropdown.onhover-show-div:after {
    right: inherit !important;
    left: 35px !important; }
  html[dir="rtl"] ul.notification-dropdown.onhover-show-div li {
    margin-right: 0 !important; }
    html[dir="rtl"] ul.notification-dropdown.onhover-show-div li span.badge {
      margin-left: unset !important; }
    html[dir="rtl"] ul.notification-dropdown.onhover-show-div li span svg {
      margin-right: unset;
      margin-left: 10px; }
    html[dir="rtl"] ul.notification-dropdown.onhover-show-div li .notification-icon {
      margin-left: 20px;
      margin-right: unset; }

html[dir="rtl"] .card-body .alert svg ~ p {
  padding-left: unset;
  padding-right: 20px; }

html[dir="rtl"] .alert i {
  margin-left: 5px;
  margin-right: 0; }

html[dir="rtl"] .inverse {
  padding: 13px 65px 13px 20px; }
  html[dir="rtl"] .inverse i {
    left: unset;
    right: 0; }

html[dir="rtl"] .alert-primary.inverse:before {
  border-right: 7px solid #006666;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-secondary.inverse:before {
  border-right: 7px solid #FE6A49;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-success.inverse:before {
  border-right: 7px solid #00AC46;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-danger.inverse:before {
  border-right: 7px solid #FE6A49;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-warning.inverse:before {
  border-right: 7px solid #FFAE1A;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-info.inverse:before {
  border-right: 7px solid #173878;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-light.inverse:before {
  border-right: 7px solid #E6E9EB;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-dark.inverse:before {
  border-right: 7px solid #2c323f;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-dismissible .btn-close {
  left: 4px;
  right: unset; }
  html[dir="rtl"] .alert-dismissible .btn-close span {
    padding-left: 0;
    padding-right: unset; }

html[dir="rtl"] .icofont.icofont-truck {
  display: inline-block; }

html[dir="rtl"] .blog-box .blog-details {
  padding-left: 20px;
  text-align: right; }
  html[dir="rtl"] .blog-box .blog-details .blog-social {
    padding-right: 0; }
    html[dir="rtl"] .blog-box .blog-details .blog-social li {
      padding-left: 40px;
      padding-right: unset; }
      html[dir="rtl"] .blog-box .blog-details .blog-social li:first-child {
        border-left: 1px solid #777777;
        border-right: unset;
        padding-left: 40px;
        padding-right: unset; }
      html[dir="rtl"] .blog-box .blog-details .blog-social li + li {
        margin-right: 30px;
        margin-left: unset;
        padding-left: 0; }

html[dir="rtl"] .blog-box .blog-details-main .blog-social li {
  border-left: 1px dotted;
  border-right: unset; }
  html[dir="rtl"] .blog-box .blog-details-main .blog-social li:last-child {
    border-left: none; }

html[dir="rtl"] .blog-box .blog-date span {
  font-size: 36px;
  font-weight: 500;
  padding-left: 5px; }

html[dir="rtl"] .comment-box .media img {
  margin-left: 45px;
  margin-right: unset; }

html[dir="rtl"] .comment-box .media h6 {
  text-align: right; }

html[dir="rtl"] .comment-box ul ul {
  margin-right: 135px;
  margin-left: unset;
  padding-right: 0; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .comment-box ul ul {
      margin-right: 30px; } }
html[dir="rtl"] .comment-box .comment-social {
  text-align: left; }
  html[dir="rtl"] .comment-box .comment-social li {
    padding-left: 0;
    padding-right: 20px; }
    html[dir="rtl"] .comment-box .comment-social li:first-child {
      border-left: 1px solid #efefef;
      border-right: unset;
      padding-right: 0;
      padding-left: 20px; }

html[dir="rtl"] .button-builder-wrap .form-group .btn {
  margin-left: 15px;
  margin-right: 0;
  padding: 9px; }

html[dir="rtl"] .button-builder ul.the-icons {
  padding-right: 0 !important; }

html[dir="rtl"] .chat-msg-box ul {
  padding-right: 0; }

html[dir="rtl"] .cke_toolbar,
html[dir="rtl"] .cke_toolgroup,
html[dir="rtl"] a.cke_button,
html[dir="rtl"] .cke_combo_text {
  float: right; }

html[dir="rtl"] .cke_reset_all,
html[dir="rtl"] .cke_reset_all *,
html[dir="rtl"] .cke_reset_all a,
html[dir="rtl"] .cke_reset_all textarea {
  text-align: right; }

html[dir="rtl"] .cke_combo_text {
  padding-left: unset;
  padding-right: 10px; }

html[dir="rtl"] #editor1 #cke_editor1 #cke_1_contents iframe html {
  direction: rtl !important; }

html[dir="rtl"] #clockdiv ul {
  padding-right: 0; }

html[dir="rtl"] .custom-card .card-footer > div + div {
  border-right: 1px solid #efefef;
  border-left: unset !important; }

html[dir="rtl"] .card-social {
  padding-right: 0; }

html[dir="rtl"] .card-absolute .card-header {
  right: 15px;
  left: unset; }

html[dir="rtl"] .dataTables_wrapper .dataTables_filter input[type="search"] {
  margin-right: 10px;
  margin-left: 0; }

html[dir="rtl"] .dataTables_wrapper .dataTables_length {
  float: right; }

html[dir="rtl"] .dataTables_wrapper .dataTables_filter {
  margin-left: unset;
  margin-right: 15px;
  float: left; }

html[dir="rtl"] .dataTables_wrapper .dataTables_info {
  float: right; }

html[dir="rtl"] .dataTables_wrapper .advance-5_filter {
  margin-left: 0; }

html[dir="rtl"] .dataTables_wrapper .btn-group button {
  margin-left: 5px;
  margin-right: unset; }
  html[dir="rtl"] .dataTables_wrapper .btn-group button:last-child {
    margin-left: 0; }

html[dir="rtl"] .dataTables_wrapper table.dataTable tbody td.select-checkbox:after,
html[dir="rtl"] .dataTables_wrapper table.dataTable tbody th.select-checkbox:after {
  margin-left: 31px; }

html[dir="rtl"] div.dataTables_wrapper div.dataTables_paginate {
  margin-right: 15px !important;
  margin-left: 0 !important;
  float: left; }

html[dir="rtl"] table.dataTable thead > tr > th {
  padding-left: 30px;
  padding-right: 12px; }
  html[dir="rtl"] table.dataTable thead > tr > th:before {
    left: 1em !important;
    right: unset; }
  html[dir="rtl"] table.dataTable thead > tr > th:after {
    left: 0.5em !important;
    right: unset; }

html[dir="rtl"] table.dataTable thead .sorting:before,
html[dir="rtl"] table.dataTable thead .sorting_asc:before,
html[dir="rtl"] table.dataTable thead .sorting_desc:before,
html[dir="rtl"] table.dataTable thead .sorting_asc_disabled:before,
html[dir="rtl"] table.dataTable thead .sorting_desc_disabled:before {
  left: 1em !important;
  right: unset; }

html[dir="rtl"] .dataTables_scrollHeadInner {
  padding-right: unset !important;
  padding-left: 0 !important; }

html[dir="rtl"] div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
  padding-right: 0;
  padding-left: 0; }

html[dir="rtl"] div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
  padding-right: 0;
  padding-left: 0; }

html[dir="rtl"] .dt-plugin-buttons button.m-r-10 {
  margin-left: 10px;
  margin-right: 0; }

html[dir="rtl"] .datetime-picker .theme-form .form-group label {
  text-align: left !important; }

html[dir="rtl"] .datetime-picker .theme-form .form-group .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .datetime-picker .theme-form .form-group .input-group .form-control {
  border-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

html[dir="rtl"] .dropdown-basic .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important; }

html[dir="rtl"] .dropdown-basic .separated-btn .btn {
  border-radius: 0.25rem;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

html[dir="rtl"] .dropdown-basic .btn-group {
  margin-right: unset;
  margin-left: 18px; }

html[dir="rtl"] .error-wrapper .col-md-8.offset-md-2 {
  margin: 0 auto !important; }

html[dir="rtl"] .timeline-calendar .custom-calendar .time-line .fc-header-toolbar {
  left: 15px !important; }

html[dir="rtl"] .product-price del {
  padding-left: 20px;
  padding-right: 0; }

html[dir="rtl"] .product-box .modal .modal-header .btn-close {
  right: unset;
  left: 15px; }

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-left.ribbon-info:before,
html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
  border-left-color: #007bff; }

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-left:before,
html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-right:before {
  right: 0;
  left: unset;
  border-left: 15px solid #2a3142; }

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-info:before {
  border-left-color: transparent; }

html[dir="rtl"] .product-box .ribbon-warning.ribbon-clip:before {
  border-left-color: #ff850d;
  border-right-color: unset; }

html[dir="rtl"] .product-box .ribbon-clip {
  right: -14px;
  left: unset; }
  html[dir="rtl"] .product-box .ribbon-clip:before {
    right: 0;
    left: unset; }

html[dir="rtl"] .product-hover ul {
  padding-right: 0; }

html[dir="rtl"] .customer-review .media img {
  margin-left: 25px;
  margin-right: 0; }

html[dir="rtl"] .nav {
  padding-right: 0; }

html[dir="rtl"] .custom-tab {
  padding: 4px; }

html[dir="rtl"] .custom-file-label::after {
  left: 0;
  right: unset; }

html[dir="rtl"] .wizard-4 ul.anchor {
  float: right; }

html[dir="rtl"] .wizard-4 .step-container {
  clear: unset; }

html[dir="rtl"] .wizard-4 .form-group {
  text-align: right; }

html[dir="rtl"] .wizard-4 .action-bar .btn {
  float: left; }

html[dir="rtl"] .f1 .f1-buttons {
  text-align: left; }

html[dir="rtl"] .f1 .f1-steps .f1-step {
  float: right; }

html[dir="rtl"] .jstree-default .jstree-node {
  margin-left: unset;
  margin-right: 24px;
  background-position: -292px -4px;
  background-repeat: repeat-y; }

html[dir="rtl"] .img-cropper .btn-group {
  margin-right: 0;
  margin-left: 10px; }
  html[dir="rtl"] .img-cropper .btn-group button:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  html[dir="rtl"] .img-cropper .btn-group button:first-child {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

html[dir="rtl"] .docs-toggles .btn-group .btn {
  border-radius: 0; }
  html[dir="rtl"] .docs-toggles .btn-group .btn:last-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  html[dir="rtl"] .docs-toggles .btn-group .btn:first-child {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle) > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .jsgrid-button + .jsgrid-button {
  margin-right: 5px;
  margin-left: unset; }

html[dir="rtl"] .list-group {
  padding-right: 0; }
  html[dir="rtl"] .list-group i,
  html[dir="rtl"] .list-group img {
    margin-left: 10px;
    margin-right: 0; }

html[dir="rtl"] .authentication-box {
  text-align: right; }

html[dir="rtl"] .mega-horizontal .offset-sm-3 {
  margin-right: 25%;
  margin-left: unset; }

html[dir="rtl"] .navs-icon svg {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .navs-icon .fa {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .nav-list .nav-list-disc {
  text-align: right;
  padding-right: 0; }

html[dir="rtl"] .ps-4 {
  padding-right: 30px !important;
  padding-left: 0 !important; }

html[dir="rtl"] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:before {
  left: 77px;
  right: unset; }

html[dir="rtl"] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after {
  left: 77px;
  right: unset; }

html[dir="rtl"] .navs-dropdown .onhover-show-div .navs-icon li {
  text-align: right; }

html[dir="rtl"] .navs-icon.default-according.style-1 li button[aria-expanded="true"]:before {
  left: 2px;
  right: unset; }

html[dir="rtl"] .navs-icon.default-according.style-1 li button[aria-expanded="false"]:before {
  left: 2px;
  right: unset; }

html[dir="rtl"] .search-form .form-group:after {
  right: 53px;
  left: unset; }

html[dir="rtl"] .search-form .form-group:before {
  right: 82px;
  left: unset; }

html[dir="rtl"] .order-history table tbody tr td .product-name .order-process .order-process-circle:before {
  right: -15px;
  left: unset; }

html[dir="rtl"] .product-page-details span {
  padding-right: 15px;
  padding-left: 0; }

html[dir="rtl"] .fg-emoji-picker-search .fg-emoji-picker-search-icon {
  left: 0px; }

html[dir="rtl"] .m-checkbox-inline label {
  margin-left: 20px;
  margin-right: 0; }

html[dir="rtl"] .form-label-align-right label {
  text-align: left; }

html[dir="rtl"] .br-theme-bars-reversed .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-movie .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-1to10 .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-square .br-widget .br-current-rating {
  float: right; }

html[dir="rtl"] .br-theme-bars-reversed .br-widget a,
html[dir="rtl"] .br-theme-bars-movie .br-widget a,
html[dir="rtl"] .br-theme-bars-1to10 .br-widget a,
html[dir="rtl"] .br-theme-bars-square .br-widget a {
  float: right; }

html[dir="rtl"] .ribbon-left {
  right: auto;
  left: -2px; }

html[dir="rtl"] .ribbon-vertical-left {
  right: auto;
  left: 12px; }

html[dir="rtl"] .ribbon-vertical-right {
  right: auto;
  left: 12px; }

html[dir="rtl"] .star-ratings ul.search-info {
  padding-right: 0; }
  html[dir="rtl"] .star-ratings ul.search-info li + li {
    border-right: 1px solid #a5afc6;
    border-left: unset;
    padding-right: 8px;
    padding-left: 0;
    margin-right: 8px;
    margin-left: 0; }

html[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow {
  left: 10px !important;
  right: unset !important; }

html[dir="rtl"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
  float: right; }

html[dir="rtl"] .selection .select2-selection .select2-search__field {
  text-align: right; }

html[dir="rtl"] .select2-results__option {
  text-align: right; }

html[dir="rtl"] .editor-statusbar {
  text-align: left; }
  html[dir="rtl"] .editor-statusbar span {
    margin-right: 1em;
    margin-left: unset; }

html[dir="rtl"] .CodeMirror-scroll {
  margin-left: -30px;
  margin-right: unset; }

html[dir="rtl"] .primary-color ul,
html[dir="rtl"] .yellow-color ul {
  padding-right: 0; }

html[dir="rtl"] .u-step-desc {
  text-align: right; }

html[dir="rtl"] .u-step-number {
  right: 20px;
  left: unset; }
  html[dir="rtl"] .u-step-number ~ .u-step-desc {
    margin-right: 50px; }

html[dir="rtl"] .u-pearl:after {
  left: 0;
  right: unset; }

html[dir="rtl"] .u-pearl:before {
  right: 0;
  left: unset; }

html[dir="rtl"] .u-step-icon {
  float: right;
  margin-left: .5em;
  margin-right: unset; }

html[dir="rtl"] .list-icons {
  padding-right: 0; }

html[dir="rtl"] .card-header.note-toolbar .note-color .dropdown-toggle {
  padding-right: 5px; }

html[dir="rtl"] .card-header.note-toolbar .form-group.draggable {
  text-align: right; }

html[dir="rtl"] .card-header.note-toolbar .form-check {
  padding-right: 24px;
  padding-left: unset; }

html[dir="rtl"] .card-header.note-toolbar form .custom-control {
  padding-right: 24px;
  padding-left: unset; }
  html[dir="rtl"] .card-header.note-toolbar form .custom-control .custom-control-label::after {
    right: 0;
    left: unset; }
  html[dir="rtl"] .card-header.note-toolbar form .custom-control .custom-control-label::before {
    right: 0;
    left: unset; }

html[dir="rtl"] .dropdown-toggle::after {
  margin-right: 0.255em;
  margin-left: unset; }

html[dir="rtl"] .checkbox label {
  padding-right: 8px;
  padding-left: unset; }
  html[dir="rtl"] .checkbox label::before {
    right: 0;
    left: unset;
    margin-right: -16px;
    margin-left: unset; }

html[dir="rtl"] .checkbox-wrapper li label,
html[dir="rtl"] .radio-wrapper li label {
  padding-right: 0; }

html[dir="rtl"] .radio label::after {
  right: 5px;
  left: unset;
  margin-right: -20px;
  margin-left: unset; }

html[dir="rtl"] .cd-timeline-img i {
  right: 40%;
  left: unset;
  margin-right: -12px;
  margin-left: unset; }

html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content {
  float: left;
  border-left: 7px solid #eeeeee;
  border-right: unset; }
  html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    right: auto;
    left: 122%;
    text-align: left; }
  html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    right: auto;
    left: 100%;
    border: 15px solid transparent;
    border-left: 15px solid #f4f4f4; }

html[dir="rtl"] .cd-timeline-content .cd-date {
  right: 122%;
  left: unset; }

html[dir="rtl"] .introjs-tooltip {
  right: 0;
  left: unset; }

html[dir="rtl"] .introjs-helperNumberLayer {
  right: -16px;
  left: unset; }

html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltiptext {
  text-align: right; }

html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons {
  text-align: left; }
  html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-skipbutton {
    margin-left: 5px;
    margin-right: unset; }
  html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-nextbutton {
    -webkit-border-radius: 0.2em 0 0 0.2em;
    -moz-border-radius: 0.2em 0 0 0.2em;
    border-radius: 0.2em 0 0 0.2em; }

html[dir="rtl"] .list-inline-item:not(:last-child) {
  margin-left: 0.5rem;
  margin-right: unset; }

html[dir="rtl"] .like-comment ul.list-inline {
  padding-right: 0; }

html[dir="rtl"] .typeahead {
  text-align: right; }

html[dir="rtl"] .listing ul {
  padding-right: 0; }
  html[dir="rtl"] .listing ul .icofont {
    float: right; }

html[dir="rtl"] .gallery .hover-5 img {
  margin-right: 30px; }

html[dir="rtl"] .gallery .hover-5:hover img {
  margin-right: 0; }

html[dir="rtl"] .lg-outer {
  text-align: right; }

html[dir="rtl"] .lg-toolbar .lg-icon {
  float: left; }

html[dir="rtl"] #lg-counter {
  padding-right: 20px;
  padding-left: unset;
  float: right; }

html[dir="rtl"] .chart-widget-top .text-end {
  text-align: left !important; }

html[dir="rtl"] .chart-widget-top .num .ms-1 {
  margin-right: 0.25rem !important; }

html[dir="rtl"] .bar-chart-widget .earning-details i {
  left: -240px; }

html[dir="rtl"] .bar-chart-widget .bottom-content .b-r-light {
  border-left: 1px solid #eeeeee !important;
  border-right: unset !important; }

html[dir="rtl"] .bar-chart-widget .bottom-content .num .ms-1 {
  margin-right: 0.25rem !important; }

html[dir="rtl"] .chart-vertical-center #myDoughnutGraph,
html[dir="rtl"] .chart-vertical-center #myPolarGraph {
  width: auto !important; }

html[dir="rtl"] .crm-activity ul.dates li + li {
  border-right: 1px solid #ddd;
  padding-right: 10px;
  margin-right: 5px;
  border-left: unset;
  padding-left: unset;
  margin-left: unset; }

html[dir="rtl"] div.dt-buttons {
  float: right; }

html[dir="rtl"] .dt-button-collection {
  left: -39px !important; }

html[dir="rtl"] .dropzone .dz-preview .dz-error-mark,
html[dir="rtl"] .dropzone .dz-preview .dz-success-mark {
  right: 50%;
  margin-right: -27px;
  margin-left: unset;
  left: unset; }

html[dir="rtl"] .page-wrapper .page-body-wrapper footer {
  margin-right: 265px;
  margin-left: unset; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper footer p i {
    margin-right: 5px;
    margin-left: unset; }

html[dir="rtl"] .footer-copyright {
  text-align: right; }

html[dir="rtl"] .footer-links {
  text-align: left; }

html[dir="rtl"] .page-item:first-child .page-link {
  margin-right: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none; }

html[dir="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; }

html[dir="rtl"] .popover.top > .arrow:after,
html[dir="rtl"] .popover.bottom > .arrow:after {
  margin-right: -10px;
  margin-left: unset; }

html[dir="rtl"] .bootstrap-touchspin > .input-group-append > .btn,
html[dir="rtl"] .bootstrap-touchspin > .input-group-append > .input-group-text {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

html[dir="rtl"] .bootstrap-touchspin > .form-control:not(:last-child),
html[dir="rtl"] .bootstrap-touchspin > .custom-select:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .typeahead span.twitter-typeahead .tt-suggestion {
  text-align: right; }

html[dir="rtl"] .typeahead .league-name {
  text-align: right;
  margin-right: 5px; }

html[dir="rtl"] .follow .text-md-right {
  text-align: left !important; }

html[dir="rtl"] .jvectormap-zoomin,
html[dir="rtl"] .jvectormap-zoomout,
html[dir="rtl"] .jvectormap-goback {
  right: 10px;
  left: unset; }

html[dir="rtl"] .customizer-links {
  right: unset;
  left: 0; }
  html[dir="rtl"] .customizer-links > .nav {
    padding-right: 10px; }
  html[dir="rtl"] .customizer-links .nav-link:after {
    right: -10px;
    left: unset;
    border-width: 5px 5px 5px 0;
    border-left-color: unset;
    border-right-color: rgba(0, 102, 102, 0.1); }
  html[dir="rtl"] .customizer-links .nav-link span {
    right: unset;
    left: -60px; }
  html[dir="rtl"] .customizer-links .nav-link:hover span {
    left: 48px; }
  html[dir="rtl"] .customizer-links.open {
    right: unset;
    left: 330px;
    border-radius: 0 8px 8px 0; }

html[dir="rtl"] .customizer-contain {
  width: 330px;
  right: unset;
  left: -330px; }
  html[dir="rtl"] .customizer-contain.open {
    right: unset;
    left: 0px; }
  html[dir="rtl"] .customizer-contain .customizer-header .icon-close {
    left: unset;
    right: 30px; }

html[dir="rtl"] .box-layout.page-wrapper.horizontal-wrapper .page-header {
  padding-right: 250px;
  padding-left: unset; }
  html[dir="rtl"] .box-layout.page-wrapper.horizontal-wrapper .page-header.open {
    padding-right: 0; }

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 230px; }

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
  width: 1280px;
  padding-left: 0;
  left: 50%; }

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-header {
  margin-left: auto;
  margin-right: auto;
  padding-left: unset;
  padding-right: 230px; }
  html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-header.close_icon {
    padding-right: 100px; }

html[dir="rtl"] body.dark-only .custom-card .card-footer > div + div {
  border-right: 1px solid rgba(255, 255, 255, 0.1); }

html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(odd) .cd-timeline-content::before {
  border-left: none;
  border-right-color: #1A1C23; }

html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
  border-left-color: #1A1C23;
  border-right: unset; }

html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-r-light,
html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right {
  border-right: none !important;
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important; }

@media screen and (max-width: 1660px) {
  html[dir="rtl"] .caller-img {
    left: unset;
    right: 15px; } }

@media only screen and (max-width: 1366px) {
  html[dir="rtl"] .profile-dropdown.onhover-show-div {
    right: unset !important;
    left: 0 !important; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right ul li.onhover-dropdown.notification-down:nth-child(5)::before {
    right: 47px;
    left: unset; }
  html[dir="rtl"] .product-wrapper .product-grid .feature-products {
    margin-right: 0; }
  html[dir="rtl"] .product-grid {
    margin-right: 0; }
  html[dir="rtl"] .d-none-productlist {
    margin-left: 10px;
    margin-right: unset; }
  html[dir="rtl"] .photos ul li:nth-child(3n) {
    margin-left: 15px;
    margin-right: unset; } }

@media (min-width: 1200px) {
  html[dir="rtl"] .float-xl-end {
    float: left !important; }
  html[dir="rtl"] .pixelstrap ul a:hover .sub-arrow, html[dir="rtl"] .pixelstrap ul a:focus .sub-arrow, html[dir="rtl"] .pixelstrap ul a:active .sub-arrow, html[dir="rtl"] .pixelstrap ul a.highlighted .sub-arrow {
    left: 3px;
    right: unset; } }

@media (min-width: 992px) {
  html[dir="rtl"] .text-lg-start {
    text-align: right !important; } }

@media only screen and (max-width: 1199.98px) {
  html[dir="rtl"] .jkanban-container .btn {
    margin-left: unset;
    margin-right: 20px; }
  html[dir="rtl"] .link-section > div > h6:before {
    right: unset;
    left: 10px; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right > ul li .submenu li:first-child {
    padding-right: 15px !important;
    padding-left: 15px !important; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 45px; }
  html[dir="rtl"] .email-wrap .row .col-xl-6 {
    padding-right: 15px; }
  html[dir="rtl"] .email-wrap .row .col-xl-3 + .col-xl-3 {
    padding-left: 15px; }
  html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li {
    text-align: right; }
    html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li a i {
      margin-right: unset;
      margin-left: 10px; }
  html[dir="rtl"] .email-wrap .email-app-sidebar ul {
    padding-right: 0; }
  html[dir="rtl"] .email-wrap .email-right-aside .email-body .pe-0 {
    padding-right: unset !important; }
  html[dir="rtl"] .email-wrap .email-right-aside .radius-left {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-radius: 4px; }
  html[dir="rtl"] .chat-menu-icons {
    text-align: left; }
  html[dir="rtl"] .chat-menu {
    left: 0;
    right: unset; } }

@media only screen and (max-width: 991.98px) {
  html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
    left: 20px; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translate(285px); }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
      transform: translate(285px); }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn {
    float: left;
    transform: rotate(180deg); }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
    margin-right: 0;
    border-right: none;
    padding-right: 0;
    border-left: 1px solid #ddd;
    margin-left: 15px;
    padding-left: 15px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-header {
    margin-right: 0; }
  html[dir="rtl"] .page-wrapper.material-icon .page-header {
    padding-right: 0; }
  html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper .page-body {
    padding-right: 15px; }
  html[dir="rtl"] .faq-accordion .faq-header svg {
    left: 20px; }
  html[dir="rtl"] .page-wrapper .page-header .header-logo-wrapper .logo-wrapper img {
    margin-left: 15px;
    margin-right: unset; }
  html[dir="rtl"] .page-body-wrapper .page-body,
  html[dir="rtl"] .page-body-wrapper footer {
    margin-right: 0 !important; }
  html[dir="rtl"] .main .langChoice {
    left: 20px; }
  html[dir="rtl"] .cd-timeline-img i {
    right: 50% !important; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .breadcrumb {
    margin-right: 0; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 60px); }
  html[dir="rtl"] .page-wrapper .page-header {
    margin-right: 0; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header {
    margin-right: 0 !important;
    margin-left: unset !important; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-wrapper.close_icon {
    transform: translate(285px); }
  html[dir="rtl"] .card-body .value-left {
    margin-left: 20px; }
  html[dir="rtl"] .bookmark ul li .search-form .form-control-search {
    left: -127px; }
  html[dir="rtl"] .card .card-header .card-header-right {
    left: 15px; } }

@media only screen and (max-width: 991px) and (min-width: 768px) {
  html[dir="rtl"] .page-wrapper.compact-wrapper.material-type .page-body-wrapper div.sidebar-wrapper {
    left: unset;
    right: 0; } }

@media (min-width: 768px) {
  html[dir="rtl"] .float-md-end {
    float: left !important; }
  html[dir="rtl"] .income-wrap .ps-md-0 {
    padding-left: 30px !important;
    padding-right: 0 !important; }
  html[dir="rtl"] .text-md-end {
    text-align: left !important; }
  html[dir="rtl"] .offset-md-3 {
    margin-right: 25%;
    margin-left: unset; }
  html[dir="rtl"] .text-md-start {
    text-align: right !important; }
  html[dir="rtl"] .ecommerce-widget .text-md-end {
    text-align: left !important; }
    html[dir="rtl"] .ecommerce-widget .text-md-end ul {
      text-align: left; } }

@media only screen and (max-width: 767.98px) {
  html[dir="rtl"] .list-persons .profile-mail .email-general ul {
    padding-left: 0; }
  html[dir="rtl"] .file-content .form-inline {
    padding: 0px 20px 0px 0px; }
  html[dir="rtl"] .product-wrapper.sidebaron .product-grid .product-wrapper-grid {
    margin-right: 0; }
  html[dir="rtl"] .product-sidebar {
    transform: translateX(300px) scaleX(1); }
    html[dir="rtl"] .product-sidebar.open {
      transform: translateX(0px) scaleX(1); }
  html[dir="rtl"] .feature-products .filter-toggle {
    margin-right: 10px;
    margin-left: unset; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 25px !important; }
  html[dir="rtl"] .ecommerce-widget .text-md-right {
    text-align: left !important; }
  html[dir="rtl"] .bar-chart-widget .earning-details i {
    left: -147px !important; } }

@media (min-width: 576px) {
  html[dir="rtl"] .offset-sm-3 {
    margin-right: 25%;
    margin-left: unset; }
  html[dir="rtl"] .text-sm-end {
    text-align: left !important; }
  html[dir="rtl"] .float-sm-end {
    float: left !important; }
  html[dir="rtl"] .me-sm-2 {
    margin-left: 0.5rem !important;
    margin-right: unset !important; } }

@media only screen and (max-width: 575.98px) {
  html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
    left: 15px; }
  html[dir="rtl"] .list-persons .nav-pills .nav-link .media .media-body {
    text-align: right; }
  html[dir="rtl"] .mega-menu {
    padding-left: unset;
    padding-right: 15px; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right > ul li {
    margin-right: unset;
    margin-left: 1px; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
    left: 0; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, html[dir="rtl"] .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
    margin-left: 8px;
    padding-left: 8px;
    margin-right: unset;
    padding-right: unset;
    border-right: unset;
    border-left: 1px solid #ddd; }
  html[dir="rtl"] .translate_wrapper.active .more_lang.active {
    left: unset;
    right: 12px; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:last-child {
    padding-right: 10px; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul.notification-dropdown {
    left: unset !important;
    right: 15px !important; }
  html[dir="rtl"] .faq-accordion .faq-header svg {
    left: 15px; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 15px !important; }
    html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li {
      margin-left: 0px; }
  html[dir="rtl"] .main .langChoice {
    left: 15px; }
  html[dir="rtl"] .page-wrapper .search-form .form-group {
    margin-left: 0; }
  html[dir="rtl"] .card-body .value-left {
    margin-left: 15px; } }

@media only screen and (max-width: 480px) {
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
    right: unset;
    left: 20px; }
  html[dir="rtl"] .knob-chart .chart-clock-main {
    width: unset; }
    html[dir="rtl"] .knob-chart .chart-clock-main .clock-small {
      right: 32px; }
    html[dir="rtl"] .knob-chart .chart-clock-main .clock-large {
      right: 0;
      left: unset; }
    html[dir="rtl"] .knob-chart .chart-clock-main .clock-medium {
      right: 32px;
      left: unset; } }

@media only screen and (max-width: 420px) {
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    right: 112px; }
  html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    right: 80px; } }

@media only screen and (max-width: 360px) {
  html[dir="rtl"] .prooduct-details-box .close {
    left: 0; }
  html[dir="rtl"] .social-app-profile .hovercard .user-image .avatar {
    margin-top: -47px; }
    html[dir="rtl"] .social-app-profile .hovercard .user-image .avatar img {
      width: 85px;
      height: 85px; }
  html[dir="rtl"] .social-chat .other-msg {
    margin-right: 15px; } }

@media screen and (max-width: 1460px) {
  html[dir="rtl"] .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-left: 8px;
    margin-right: unset; } }

/**=====================
    5.8 Rtl CSS Ends
==========================**/
/**=====================
  5.9 Box-layout CSS start
==========================**/
.box-layout {
  background-blend-mode: overlay;
  background-color: rgba(255, 255, 255, 0.5);
  overflow: hidden; }
  .box-layout.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu {
    background-color: #1A1C23; }
  .box-layout.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links > li:hover .sidebar-submenu {
    opacity: 1;
    visibility: visible;
    display: block !important;
    top: 58px; }
  .box-layout .today-work-table .today-working-table tbody tr td {
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom: 1px dashed #E6E9EB; }
  .box-layout .today-work-table .today-working-table tbody tr td:nth-child(1) {
    min-width: 165px; }
  .box-layout .today-work-table .today-working-table tbody tr td:nth-child(2) {
    min-width: 170px; }
  .box-layout .today-work-table .today-working-table tbody tr td:nth-child(3) {
    display: none; }
  .box-layout .today-work-table .today-working-table tbody tr:first-child td {
    padding-top: 0px; }
  .box-layout .today-work-table .today-working-table tbody tr td a {
    color: #051A1A;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .box-layout .today-work-table .today-working-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }
  .box-layout .today-work-table .today-working-table tbody tr:last-child td {
    padding-bottom: 0px;
    border: none; }
  .box-layout .tranaction-table thead {
    background-color: rgba(230, 233, 235, 0.3); }
    .box-layout .tranaction-table thead tr th {
      padding: 20px; }
      .box-layout .tranaction-table thead tr th:nth-child(1) {
        min-width: 160px; }
      .box-layout .tranaction-table thead tr th:nth-child(2) {
        min-width: 150px;
        padding: 20px 0px; }
      .box-layout .tranaction-table thead tr th:nth-child(3) {
        display: none; }
      .box-layout .tranaction-table thead tr th:nth-child(4) {
        min-width: 100px;
        padding: 20px 0px; }
      .box-layout .tranaction-table thead tr th:nth-child(5) {
        min-width: 50px; }
      .box-layout .tranaction-table thead tr th:first-child {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .box-layout .tranaction-table thead tr th:last-child {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; }
  .box-layout .tranaction-table tbody tr {
    border-bottom: 1px solid #E6E9EB; }
    .box-layout .tranaction-table tbody tr td {
      padding-top: 17px;
      padding-bottom: 17px; }
      .box-layout .tranaction-table tbody tr td .status-process {
        border-radius: 15px;
        padding: 12px; }
      .box-layout .tranaction-table tbody tr td:nth-child(3) {
        display: none; }
      .box-layout .tranaction-table tbody tr td:last-child .product-sub {
        text-align: center; }
    .box-layout .tranaction-table tbody tr:last-child {
      border: none; }
      .box-layout .tranaction-table tbody tr:last-child td {
        padding-bottom: 0px; }
  .box-layout .tranaction-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }
  @media only screen and (min-width: 1280px) {
    .box-layout .page-wrapper .page-header .header-wrapper .nav-right > ul > li .form-group .Typeahead .u-posRelative input {
      width: 96px !important; }
    .box-layout .learning-filter {
      order: -1; }
    .box-layout .artist-table .appointment-table.customer-table table tr td:last-child {
      min-width: 100px; }
    .box-layout .md-sidebar .md-sidebar-toggle {
      display: block; }
    .box-layout .md-sidebar .md-sidebar-aside {
      position: absolute;
      top: 40px;
      left: 0;
      opacity: 0;
      visibility: hidden;
      z-index: 3;
      width: 280px; }
      .box-layout .md-sidebar .md-sidebar-aside.open {
        opacity: 1;
        visibility: visible; }
    .box-layout .job-sidebar {
      background-color: var(--white);
      padding: 20px; }
    .box-layout .widget-1.mb-xl-0 {
      margin-bottom: 25px !important; }
    .box-layout .radial-progress-card .radial-chart-wrap {
      margin-right: -10px; }
    .box-layout .currency-widget div[class*=bg-light-] {
      display: none; }
    .box-layout .box-order .order-1 {
      order: 1 !important; }
    .box-layout .activity-card .appointment-table.customer-table {
      height: 187px; }
    .box-layout .transaction-table tr td:first-child {
      min-width: 150px; }
    .box-layout .purchase-card img {
      margin: -210px auto 0;
      width: 80%; }
    .box-layout .purchase-card.discover {
      margin-top: 90px; }
      .box-layout .purchase-card.discover img {
        margin-top: -90px;
        width: 64%; }
    .box-layout .apache-cotainer-large > div,
    .box-layout .apache-cotainer-large canvas,
    .box-layout #line-visual > div,
    .box-layout #line-visual canvas,
    .box-layout #line-visulH > div,
    .box-layout #line-visulH canvas {
      width: 100% !important; }
    .box-layout .page-wrapper.box-layout, .box-layout.page-wrapper.box-layout {
      padding-top: 40px;
      margin-top: 0 !important; }
    .box-layout .page-wrapper.compact-wrapper, .box-layout.page-wrapper.compact-wrapper {
      margin-top: 40px; }
      .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
        width: 230px;
        height: auto;
        top: 40px;
        border-radius: 10px 0 0 10px;
        overflow: hidden; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
          width: 1200px;
          left: 48%; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix {
          padding-left: 0; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
          height: calc(100vh - 180px); }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper {
          box-shadow: 0 8px 6px -6px rgba(89, 102, 122, 0.1); }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
          margin-top: 10px;
          margin-bottom: 20px;
          height: calc(100vh - 190px); }
      .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
        min-height: calc(100vh - 130px);
        margin-top: 0;
        top: 56px;
        overflow: scroll;
        max-height: calc(100vh - 220px);
        padding-bottom: 80px;
        margin-left: 230px; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #ecf3fa; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar {
          width: 6px; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
          background-color: rgba(68, 102, 242, 0.15); }
    .box-layout .page-wrapper.compact-sidebar .page-header, .box-layout.page-wrapper.compact-sidebar .page-header {
      padding-left: 148px; }
    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper {
      margin-top: 40px; }
      .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
        top: 40px; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
          display: none;
          transition: 0.5s; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
          height: calc(100vh - 166px);
          margin: 0; }
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
          .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
            left: 470px;
            top: 40px;
            height: calc(100vh - 84px); }
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
            animation: unset; }
      .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .footer, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .footer {
        margin-left: 0; }
      .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body {
        min-height: calc(100vh - 90px);
        margin-top: 0;
        top: 80px;
        overflow: scroll;
        max-height: calc(100vh - 170px);
        padding-bottom: 80px; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #ecf3fa; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar {
          width: 6px; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
          background-color: rgba(68, 102, 242, 0.15); }
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-header, .box-layout.page-wrapper.compact-sidebar.compact-small .page-header {
      padding-left: 90px; }
      .box-layout .page-wrapper.compact-sidebar.compact-small .page-header.close_icon, .box-layout.page-wrapper.compact-sidebar.compact-small .page-header.close_icon {
        padding-left: 0; }
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container, .box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
    .box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
      left: 410px; }
    .box-layout .page-wrapper.horizontal-wrapper:before, .box-layout.page-wrapper.horizontal-wrapper:before {
      display: none; }
    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper {
      margin-top: 40px; }
      .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
        margin-top: 80px;
        min-height: calc(100vh - 310px);
        max-height: calc(100vh - 230px);
        overflow: scroll; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #ecf3fa; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar {
          width: 6px; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
          background-color: rgba(68, 102, 242, 0.15); }
      .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .footer, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .footer {
        padding-left: 15px; }
      .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
        width: 1280px;
        top: 80px;
        margin: 0;
        overflow-x: unset;
        position: relative; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu {
          left: 0%;
          transform: translate(0, 0);
          top: 125px;
          background-color: #fff; }
    .box-layout .page-wrapper.horizontal-wrapper .page-header, .box-layout.page-wrapper.horizontal-wrapper .page-header {
      padding-left: 0; }
    .box-layout .page-wrapper.modern-type .page-header, .box-layout.page-wrapper.modern-type .page-header {
      padding-left: 0px; }
      .box-layout .page-wrapper.modern-type .page-header .header-wrapper .left-header, .box-layout.page-wrapper.modern-type .page-header .header-wrapper .left-header {
        width: 36%; }
      .box-layout .page-wrapper.modern-type .page-header .header-wrapper .nav-right, .box-layout.page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 46%; }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .page-body, .box-layout.page-wrapper.modern-type .page-body-wrapper .page-body {
      margin-left: 260px; }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper {
      top: 120px; }
      .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        height: calc(100vh - 311px); }
      .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 316px); }
      .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
        width: 1280px;
        left: 50%;
        margin-left: 0; }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .footer, .box-layout.page-wrapper.modern-type .page-body-wrapper .footer {
      margin-left: 0; }
    .box-layout .page-wrapper .page-header, .box-layout.page-wrapper .page-header {
      max-width: 1280px;
      margin: 0 auto;
      left: 0;
      right: 0;
      transition: 0.5s;
      padding-left: 230px;
      margin-top: 40px;
      border-radius: 10px;
      width: unset; }
      .box-layout .page-wrapper .page-header.close_icon, .box-layout.page-wrapper .page-header.close_icon {
        padding-left: 100px;
        margin-left: auto;
        width: calc(100% - 0px);
        transition: 0.5s; }
      .box-layout .page-wrapper .page-header .header-wrapper, .box-layout.page-wrapper .page-header .header-wrapper {
        border-radius: 10px 10px 0 0; }
    .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right,
    .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header, .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right,
    .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
      width: 36%; }
    .box-layout .page-wrapper.material-type .page-body-wrapper, .box-layout.page-wrapper.material-type .page-body-wrapper {
      margin-top: 0; }
      .box-layout .page-wrapper.material-type .page-body-wrapper .page-body, .box-layout.page-wrapper.material-type .page-body-wrapper .page-body {
        margin-top: 0; }
      .box-layout .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        top: 0; }
    .box-layout .page-wrapper.material-icon .page-header.close_icon, .box-layout.page-wrapper.material-icon .page-header.close_icon {
      margin-top: 40px !important; }
    .box-layout .page-wrapper.material-icon .page-body-wrapper, .box-layout.page-wrapper.material-icon .page-body-wrapper {
      margin-top: 0; }
      .box-layout .page-wrapper.material-icon .page-body-wrapper .page-body, .box-layout.page-wrapper.material-icon .page-body-wrapper .page-body {
        top: 0;
        min-height: calc(100vh - 170px);
        padding-bottom: 40px; }
    .box-layout .page-wrapper.advance-layout .page-header, .box-layout.page-wrapper.advance-layout .page-header {
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07); }
    .box-layout .page-wrapper.advance-layout .page-body-wrapper, .box-layout.page-wrapper.advance-layout .page-body-wrapper {
      margin-top: 0; }
    .box-layout .page-wrapper .page-body-wrapper, .box-layout.page-wrapper .page-body-wrapper {
      width: 1280px;
      box-shadow: 4px 11px 25px rgba(0, 0, 0, 0.07);
      margin: 0 auto;
      overflow: hidden; }
      .box-layout .page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive, .box-layout.page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive {
        min-width: 1087px;
        overflow: auto; }
      .box-layout .page-wrapper .page-body-wrapper .active-order-table, .box-layout.page-wrapper .page-body-wrapper .active-order-table {
        max-width: 443px;
        overflow: auto; }
        .box-layout .page-wrapper .page-body-wrapper .active-order-table table tbody tr td p, .box-layout.page-wrapper .page-body-wrapper .active-order-table table tbody tr td p {
          width: 100px; }
      .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.gradient-line-1:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.gradient-line-1:after {
        height: 57px;
        bottom: -64px; }
      .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.small-line:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.small-line:after {
        height: 36px;
        bottom: -43px; }
      .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.medium-line:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.medium-line:after {
        height: 40px;
        bottom: -48px; }
      .box-layout .page-wrapper .page-body-wrapper footer, .box-layout.page-wrapper .page-body-wrapper footer {
        width: 1280px;
        margin: 0 auto;
        padding-left: 230px;
        margin-bottom: 40px !important;
        position: fixed;
        left: 50%;
        z-index: 7;
        transform: translate(-50%, 0);
        border-radius: 0 0 10px; }
      .box-layout .page-wrapper .page-body-wrapper .blockquote-footer, .box-layout.page-wrapper .page-body-wrapper .blockquote-footer {
        margin-left: 0;
        width: 100%; }
      .box-layout .page-wrapper .page-body-wrapper .footer-fix, .box-layout.page-wrapper .page-body-wrapper .footer-fix {
        padding-left: 230px; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 300px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content > div, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content > div {
          z-index: 8;
          background-color: rgba(255, 255, 255, 0.75);
          background-blend-mode: overlay;
          width: 100%;
          padding: 30px;
          left: 15px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content button, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content button {
          width: 40%;
          font-size: 14px;
          margin: 0 auto; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons {
        margin-top: 20px;
        margin-bottom: 20px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons ul li, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons ul li {
          border: 1px dashed #717171;
          width: 50px;
          height: 50px;
          padding: 8px; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img {
        margin-top: 30px;
        margin-bottom: 30px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img img, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img img {
          width: 38%; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .total-time h2, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .total-time h2 {
        font-size: 28px;
        color: #717171; }
      .box-layout .page-wrapper .page-body-wrapper canvas#myLineCharts, .box-layout.page-wrapper .page-body-wrapper canvas#myLineCharts {
        width: 100%; }
      .box-layout .page-wrapper .page-body-wrapper .chat-right-aside, .box-layout.page-wrapper .page-body-wrapper .chat-right-aside {
        flex: 0 0 60%;
        max-width: 60%;
        overflow: hidden; }
      .box-layout .page-wrapper .page-body-wrapper .caller-img, .box-layout.page-wrapper .page-body-wrapper .caller-img {
        position: absolute;
        width: 100%;
        max-width: 100%;
        left: 15px; }
        .box-layout .page-wrapper .page-body-wrapper .caller-img img, .box-layout.page-wrapper .page-body-wrapper .caller-img img {
          opacity: 0.7; }
      .box-layout .page-wrapper .page-body-wrapper .browser-widget img, .box-layout.page-wrapper .page-body-wrapper .browser-widget img {
        height: 65px; }
      .box-layout .page-wrapper .page-body-wrapper .custom-card .card-header img, .box-layout.page-wrapper .page-body-wrapper .custom-card .card-header img {
        margin-top: -73px; }
      .box-layout .page-wrapper .page-body-wrapper .custom-card .card-profile img, .box-layout.page-wrapper .page-body-wrapper .custom-card .card-profile img {
        height: 130px;
        top: -17px; }
      .box-layout .page-wrapper .page-body-wrapper .select2, .box-layout.page-wrapper .page-body-wrapper .select2 {
        width: 901.781px; }
    .box-layout .page-wrapper ul.close_icon > li label, .box-layout.page-wrapper ul.close_icon > li label {
      padding: 0; }
      .box-layout .page-wrapper ul.close_icon > li label:after, .box-layout.page-wrapper ul.close_icon > li label:after {
        display: none; }
    .box-layout .page-wrapper .bookmark ul, .box-layout.page-wrapper .bookmark ul {
      margin-right: -1px; }
    .box-layout .page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn, .box-layout.page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn {
      padding-left: 20px;
      padding-right: 20px; }
    .box-layout .page-wrapper .btn-group-showcase .btn-radio .btn-group .radio input[type="radio"], .box-layout.page-wrapper .btn-group-showcase .btn-radio .btn-group .radio input[type="radio"] {
      display: none; }
    .box-layout .page-wrapper .d-flex.bitcoin-graph, .box-layout.page-wrapper .d-flex.bitcoin-graph {
      display: block; }
      .box-layout .page-wrapper .d-flex.bitcoin-graph .top-bitcoin, .box-layout.page-wrapper .d-flex.bitcoin-graph .top-bitcoin {
        display: inline-block;
        vertical-align: middle; }
      .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 {
        margin-top: 30px; }
        .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content .bitcoin-numbers h6, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content .bitcoin-numbers h6 {
          font-size: 14PX; }
        .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content.text-right, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content.text-right {
          text-align: center !important; }
    .box-layout .page-wrapper .alert.inverse p, .box-layout.page-wrapper .alert.inverse p {
      max-width: 238px;
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .box-layout .page-wrapper .auth-bg-effect .second-effect, .box-layout.page-wrapper .auth-bg-effect .second-effect {
      left: 55%; }
    .box-layout .page-wrapper .auth-bg-video video, .box-layout.page-wrapper .auth-bg-video video {
      min-width: 67%;
      width: 67%; }
    .box-layout .page-wrapper .page-builder .ge-canvas.ge-layout-desktop, .box-layout.page-wrapper .page-builder .ge-canvas.ge-layout-desktop {
      margin-top: 40px; }
    .box-layout .page-wrapper .page-builder .ge-addRowGroup, .box-layout.page-wrapper .page-builder .ge-addRowGroup {
      margin-bottom: 10px; }
    .box-layout .page-wrapper .pricing-wrapper-card, .box-layout.page-wrapper .pricing-wrapper-card {
      padding: 50px 20px; }
    .box-layout .page-wrapper .card .blog-box.blog-grid.set-min-height, .box-layout.page-wrapper .card .blog-box.blog-grid.set-min-height {
      min-height: 400px; }
    .box-layout .page-wrapper #donut-color-chart-morris-daily.flot-chart-placeholder, .box-layout.page-wrapper #donut-color-chart-morris-daily.flot-chart-placeholder {
      min-height: 430px; }
    .box-layout .page-wrapper #donut-color-chart-morris.flot-chart-placeholder, .box-layout.page-wrapper #donut-color-chart-morris.flot-chart-placeholder {
      min-height: 430px; }
    .box-layout .page-wrapper .box-col-12, .box-layout.page-wrapper .box-col-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    .box-layout .page-wrapper .box-col-6, .box-layout.page-wrapper .box-col-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    .box-layout .page-wrapper .box-col-3, .box-layout.page-wrapper .box-col-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    .box-layout .page-wrapper .box-col-7, .box-layout.page-wrapper .box-col-7 {
      flex: 0 0 60%;
      max-width: 60%; }
    .box-layout .page-wrapper .box-col-5, .box-layout.page-wrapper .box-col-5 {
      flex: 0 0 40%;
      max-width: 40%; }
    .box-layout .page-wrapper .box-col-8, .box-layout.page-wrapper .box-col-8 {
      flex: 0 0 70%;
      max-width: 70%; }
    .box-layout .page-wrapper .box-col-4e, .box-layout.page-wrapper .box-col-4e {
      flex: 0 0 30%;
      max-width: 30%; }
    .box-layout .page-wrapper .box-col-4, .box-layout.page-wrapper .box-col-4 {
      flex: 0 0 33.33%;
      max-width: 33%; }
    .box-layout .page-wrapper .box-col-8e, .box-layout.page-wrapper .box-col-8e {
      flex: 0 0 66.67%;
      max-width: 66.67%; }
    .box-layout .page-wrapper .box-col-none, .box-layout.page-wrapper .box-col-none {
      display: none !important; }
    .box-layout .page-wrapper .chat-box .chat-right-aside, .box-layout.page-wrapper .chat-box .chat-right-aside {
      flex: 0 0 100%;
      max-width: calc(100% - 15px);
      overflow: hidden; }
      .box-layout .page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i, .box-layout.page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i {
        font-size: 19px; }
    .box-layout .page-wrapper .chat-box .toogle-bar, .box-layout.page-wrapper .chat-box .toogle-bar {
      display: inline-block;
      margin-right: 0 !important; }
    .box-layout .page-wrapper .chat-menu, .box-layout.page-wrapper .chat-menu {
      right: 0;
      border-top: 1px dashed #ddd;
      opacity: 0;
      transform: translateY(-30px);
      visibility: hidden;
      top: 81px;
      position: absolute;
      z-index: 9;
      background-color: #fff;
      transition: all linear 0.3s; }
      .box-layout .page-wrapper .chat-menu.show, .box-layout.page-wrapper .chat-menu.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        transition: all linear 0.3s;
        padding-bottom: 25px; }
    .box-layout .page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar, .box-layout.page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar {
      stroke-width: 23px !important; }
    .box-layout .page-wrapper .social-app-profile #friends .box-col-4, .box-layout.page-wrapper .social-app-profile #friends .box-col-4 {
      flex: 0 0 30%;
      max-width: 30%; }
    .box-layout .page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset, .box-layout.page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset {
      max-height: 165px; }
    .box-layout .page-wrapper .email-wrap .row .col-xl-6, .box-layout.page-wrapper .email-wrap .row .col-xl-6 {
      padding-left: 12px; }
    .box-layout .page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3, .box-layout.page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3 {
      padding-right: 12px; }
    .box-layout .page-wrapper .email-wrap .email-right-aside .email-body .inbox, .box-layout.page-wrapper .email-wrap .email-right-aside .email-body .inbox {
      height: 644px; }
    .box-layout .page-wrapper .email-wrap .email-content .email-top .user-emailid:after, .box-layout.page-wrapper .email-wrap .email-content .email-top .user-emailid:after {
      right: -10px; }
    .box-layout .page-wrapper .todo .notification-popup, .box-layout.page-wrapper .todo .notification-popup {
      right: 320px; }
    .box-layout .page-wrapper .touchspin, .box-layout.page-wrapper .touchspin {
      padding: 0 10px; }
    .box-layout .page-wrapper .vertical-menu-main, .box-layout.page-wrapper .vertical-menu-main {
      width: 1280px;
      margin: 0 auto;
      left: 0;
      right: 0; }
      .box-layout .page-wrapper .vertical-menu-main .mega-menu, .box-layout.page-wrapper .vertical-menu-main .mega-menu {
        width: 1050px !important;
        max-width: 1050px !important;
        left: -320px !important; }
    .box-layout .page-wrapper .comingsoon video, .box-layout.page-wrapper .comingsoon video {
      min-width: 67%;
      width: 67%; } }
/**=====================
  5.9 Box-layout CSS Ends
==========================**/
@charset "UTF-8";
/*! -----------------------------------------------------------------------------------

    Template Name: Riho Admin
    Template URI: https://admin.pixelstrap.net/riho/template/
    Description: This is Admin theme
    Author: Pixelstrap
    Author URI: https://themeforest.net/user/pixelstrap

-----------------------------------------------------------------------------------

    1.Base css
        1.1 Reset CSS
        1.2 Typography CSS
    
    2.Components css
        2.1 According CSS
        2.2 Alert CSS
        2.3 Avatars CSS
        2.4 Badge CSS
        2.5 Bookmark CSS
        2.6 Breadcrumb CSS
        2.7 Basic-card CSS
        2.8 Builders CSS
        2.9 Buttons CSS
        2.10 Card CSS
        2.11 Color CSS
        2.12 Datatable CSS
        2.13 Datapicker CSS
        2.14 Dropdown CSS
        2.15 Form-builder CSS
        2.16 Form-input CSS
        2.17 Form-wizard CSS
        2.18 Forms CSS
        2.19 Icons CSS
        2.20 List CSS
        2.21 Loader CSS 
        2.22 Modal CSS
        2.23 Popover CSS
        2.24 Print CSS
        2.25 Radio CSS
        2.26 Ribbon CSS
        2.27 Range-slider CSS
        2.28 Switch CSS
        2.29 Tab CSS
        2.30 Table CSS
        2.31 Toasts CSS
        2.32 Touchspin CSS
        2.33 Tour CSS
        2.34 Tree CSS
        2.35 Typeahead-search CSS
        2.36 Scrollbar CSS

    3. Pages
        3.1 Blog CSS
        3.2 Bookmark-app CSS
        3.3 Cart CSS
        3.4 Chart CSS
        3.5 Chat CSS
        3.6 Checkout CSS
        3.7 Comingsoon CSS
        3.8 Contacts CSS
        3.9 Dashboard_2 CSS
        3.10 Dashboard_3 CSS 
        3.11 Dashboard_4 CSS
        3.12 Dashboard_5 CSS
        3.13 Dashboard_default CSS
        3.14 Ecommerce CSS
        3.15 Email-application CSS
        3.16 Errorpage CSS
        3.17 Faq CSS
        3.18 File CSS
        3.19 Gallery CSS
        3.20 Helper CSS
        3.21 Internationalization CSS
        3.22 Job-search CSS
        3.23 Jsgrid CSS
        3.24 Kanban CSS
        3.25 Knowledgebase CSS
        3.26 Landing CSS
        3.27 Language CSS
        3.28 Learning CSS
        3.29 Login CSS
        3.30 Megaoption CSS
        3.31 Order-history CSS
        3.32 Page CSS
        3.33 Pricing CSS
        3.34 Progress CSS
        3.35 Projectlist CSS
        3.36 Rating CSS
        3.37 Social-app CSS
        3.38 Sweet-alert CSS
        3.39 Task CSS
        3.40 Timeline-v CSS
        3.41 User-profile CSS
        3.42 Wishlist CSS
        3.43 Dashboard_6.CSS
        3.44 Dashboard_7 CSS
        3.45 Dashboard_8.CSS

    4. Themes
        4.1. Dark CSS
        4.2 Theme-customizer CSS
        4.3 Update CSS

    5. Layout
        5.1 Footer CSS
        5.2 Grid CSS
        5.3 Header CSS
        5.4 Navs CSS
        5.5 Search CSS
        5.6 Select2 CSS
        5.7 Sidebar CSS
        5.8 Rtl CSS
        5.9 Box-layout CSS

 */
:root {
  --theme-deafult: #423964;
  --theme-secondary: #FFA47A;
  --light-background: rgba(242, 243, 247, 0.7);
  --body-font-color: #86909C;
  --chart-border: #ECF3FA;
  --recent-chart-bg: #FCFCFD;
  --light-bg: #EEF1F6;
  --white: #fff;
  --light2: #F5F6F9;
  --sidebar-border: rgba(0, 0, 0, 0.1);
  --chart-text-color: rgba(82, 82, 108, 0.8);
  --recent-dashed-border: rgba(82, 82, 108, 0.3);
  --chart-dashed-border: rgba(82, 82, 108, 0.2);
  --chart-progress-light: rgba(82, 82, 108, 0.1);
  --recent-box-bg: #F2F4F7;
  --recent-border: rgba(97, 101, 122, 0.25);
  --course-light-btn: #F2F3F7;
  --course-bg: #F7F7F7;
  --balance-profie-bg: #E0DFEF;
  --view-grid-bg: #ECF3FA80;
  --view-border-marker: #cfcdfc;
  --light-slate: #F5F6F9;
  --text-gray: rgba(82, 82, 108, 0.8);
  --product-shadow: 0px 1px 0px rgba(82, 82, 108, 0.15);
  --fc-button-bg-color: var(--theme-deafult);
  --fc-button-active-bg-color: var(--theme-deafult);
  --fc-button-active-border-color: var(--theme-deafult);
  --fc-button-border-color: var(--theme-deafult);
  --fc-button-hover-bg-color: var(--theme-deafult);
  --fc-button-hover-border-color: var(--theme-deafult);
  --normal: #ECEAF3;
  --normal-shadow: #D9D8E3;
  --normal-mouth: #9795A4;
  --normal-eye: #595861;
  --active: #F8DA69;
  --active-shadow: #F4B555;
  --active-mouth: #F05136;
  --active-eye: #313036;
  --active-tear: #76b5e7;
  --active-shadow-angry: #e94f1d;
  /* Do not show the "remove tag" (x) button when only a single tag remains */ }
  :root .customLook {
    --tag-bg: var(--theme-deafult);
    --tag-hover: var(--theme-secondary);
    --tag-text-color: var(--white);
    --tags-border-color: silver;
    --tag-border-radius: 25px;
    --tag-text-color--edit: #111;
    --tag-remove-bg: var(--tag-hover);
    --tag-pad: .6em 1em;
    --tag-inset-shadow-size: 1.35em;
    --tag-remove-btn-bg--hover: #000;
    --tagify-dd-color-primary: var(var(--theme-deafult));
    --tagify-dd-bg-color: var(--course-light-btn); }

body[class='dark-only'] {
  --light-background: rgba(31, 32, 40, 0.65);
  --recent-chart-bg: #262932;
  --light-bg: #1d1e26;
  --white: #262932;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --light2: #1d1e26;
  --chart-border: #374558;
  --recent-box-bg: #1d1e26;
  --recent-border: #374558;
  --body-font-color: rgba(255, 255, 255, 0.6);
  --course-light-btn: var(--light-bg);
  --view-grid-bg: var(--light-bg);
  --view-border-marker: #2c2c45d4;
  --light-slate: #1c1d26;
  --text-gray: rgba(153, 153, 169, 0.8);
  --product-shadow: 0px 1px 0px rgb(55 70 87); }

body[class="rtl dark-only"] {
  --light-background: rgba(31, 32, 40, 0.65);
  --recent-chart-bg: #262932;
  --light-bg: #1d1e26;
  --white: #262932;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --light2: #1d1e26;
  --chart-border: #374558;
  --recent-box-bg: #1d1e26;
  --recent-border: #374558;
  --body-font-color: rgba(255, 255, 255, 0.6);
  --course-light-btn: var(--light-bg);
  --view-grid-bg: var(--light-bg);
  --view-border-marker: #2c2c45d4;
  --light-slate: #1c1d26;
  --text-gray: rgba(153, 153, 169, 0.8);
  --product-shadow: 0px 1px 0px rgb(55 70 87); }

body.dark-only.box-layout {
  --light-background: rgba(31, 32, 40, 0.65);
  --recent-chart-bg: #262932;
  --light-bg: #1d1e26;
  --white: #262932;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --light2: #1d1e26;
  --chart-border: #374558;
  --recent-box-bg: #1d1e26;
  --recent-border: #374558;
  --body-font-color: rgba(255, 255, 255, 0.6);
  --course-light-btn: var(--light-bg);
  --view-grid-bg: var(--light-bg);
  --view-border-marker: #2c2c45d4; }

/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C; }

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8; }

.light-card {
  background-color: var(--light-background); }

.light-background {
  background-color: var(--light-bg); }

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  transform: rotate(-45deg);
  display: inline-block; }

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-l-50 {
  margin-left: 50px !important; }

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important; }

.b-r-1 {
  border-radius: 1px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-r-11 {
  border-radius: 11px !important; }

.b-r-12 {
  border-radius: 12px !important; }

.b-r-13 {
  border-radius: 13px !important; }

.b-r-14 {
  border-radius: 14px !important; }

.b-r-15 {
  border-radius: 15px !important; }

.b-r-16 {
  border-radius: 16px !important; }

.b-r-17 {
  border-radius: 17px !important; }

.b-r-18 {
  border-radius: 18px !important; }

.b-r-19 {
  border-radius: 19px !important; }

.b-r-20 {
  border-radius: 20px !important; }

.b-r-21 {
  border-radius: 21px !important; }

.b-r-22 {
  border-radius: 22px !important; }

.b-r-23 {
  border-radius: 23px !important; }

.b-r-24 {
  border-radius: 24px !important; }

.b-r-25 {
  border-radius: 25px !important; }

.b-r-26 {
  border-radius: 26px !important; }

.b-r-27 {
  border-radius: 27px !important; }

.b-r-28 {
  border-radius: 28px !important; }

.b-r-29 {
  border-radius: 29px !important; }

.b-r-30 {
  border-radius: 30px !important; }

.b-r-31 {
  border-radius: 31px !important; }

.b-r-32 {
  border-radius: 32px !important; }

.b-r-33 {
  border-radius: 33px !important; }

.b-r-34 {
  border-radius: 34px !important; }

.b-r-35 {
  border-radius: 35px !important; }

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.f-34 {
  font-size: 34px !important; }

.f-36 {
  font-size: 36px !important; }

.f-38 {
  font-size: 38px !important; }

.f-40 {
  font-size: 40px !important; }

.f-42 {
  font-size: 42px !important; }

.f-44 {
  font-size: 44px !important; }

.f-46 {
  font-size: 46px !important; }

.f-48 {
  font-size: 48px !important; }

.f-50 {
  font-size: 50px !important; }

.f-52 {
  font-size: 52px !important; }

.f-54 {
  font-size: 54px !important; }

.f-56 {
  font-size: 56px !important; }

.f-58 {
  font-size: 58px !important; }

.f-60 {
  font-size: 60px !important; }

.f-62 {
  font-size: 62px !important; }

.f-64 {
  font-size: 64px !important; }

.f-66 {
  font-size: 66px !important; }

.f-68 {
  font-size: 68px !important; }

.f-70 {
  font-size: 70px !important; }

.f-72 {
  font-size: 72px !important; }

.f-74 {
  font-size: 74px !important; }

.f-76 {
  font-size: 76px !important; }

.f-78 {
  font-size: 78px !important; }

.f-80 {
  font-size: 80px !important; }

.f-82 {
  font-size: 82px !important; }

.f-84 {
  font-size: 84px !important; }

.f-86 {
  font-size: 86px !important; }

.f-88 {
  font-size: 88px !important; }

.f-90 {
  font-size: 90px !important; }

.f-92 {
  font-size: 92px !important; }

.f-94 {
  font-size: 94px !important; }

.f-96 {
  font-size: 96px !important; }

.f-98 {
  font-size: 98px !important; }

.f-100 {
  font-size: 100px !important; }

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100; }

.f-w-300 {
  font-weight: 300; }

.f-w-500 {
  font-weight: 500; }

.f-w-400 {
  font-weight: 400; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-900 {
  font-weight: 900; }

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal; }

.f-s-italic {
  font-style: italic; }

.f-s-oblique {
  font-style: oblique; }

.f-s-initial {
  font-style: initial; }

.f-s-inherit {
  font-style: inherit; }

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-dashed {
  text-decoration: dashed; }

.text-blink {
  text-decoration: blink; }

.text-dotted {
  text-decoration: dotted; }

.text-initial {
  text-decoration: initial; }

.text-none {
  text-decoration: none; }

.text-solid {
  text-decoration: solid; }

.text-wavy {
  text-decoration: wavy; }

.text-inherit {
  text-decoration: inherit; }

.text-double {
  text-decoration: double; }

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline; }

.sub {
  vertical-align: sub; }

.super {
  vertical-align: super; }

.top {
  vertical-align: top; }

.text-top {
  vertical-align: text-top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.text-bottom {
  vertical-align: text-bottom; }

.initial {
  vertical-align: initial; }

.inherit {
  vertical-align: inherit; }

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-relative {
  position: relative; }

.p-initial {
  position: initial; }

.p-inherit {
  position: inherit; }

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden; }

.o-visible {
  overflow: visible; }

.o-auto {
  overflow: auto; }

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important; }

.img-h-10 {
  height: 10px !important; }

.img-20 {
  width: 20px !important; }

.img-h-20 {
  height: 20px !important; }

.img-30 {
  width: 30px !important; }

.img-h-30 {
  height: 30px !important; }

.img-40 {
  width: 40px !important; }

.img-h-40 {
  height: 40px !important; }

.img-50 {
  width: 50px !important; }

.img-h-50 {
  height: 50px !important; }

.img-60 {
  width: 60px !important; }

.img-h-60 {
  height: 60px !important; }

.img-70 {
  width: 70px !important; }

.img-h-70 {
  height: 70px !important; }

.img-80 {
  width: 80px !important; }

.img-h-80 {
  height: 80px !important; }

.img-90 {
  width: 90px !important; }

.img-h-90 {
  height: 90px !important; }

.img-100 {
  width: 100px !important; }

.img-h-100 {
  height: 100px !important; }

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important; }

.font-secondary {
  color: #FE6A49 !important; }

.font-success {
  color: #00AC46 !important; }

.font-danger {
  color: #FE6A49 !important; }

.font-info {
  color: #173878 !important; }

.font-light {
  color: #E6E9EB !important; }

.font-dark {
  color: #2c323f !important; }

.font-warning {
  color: #FFAE1A !important; }

.font-primary {
  color: var(--theme-deafult) !important; }

.font-secondary {
  color: var(--theme-secondary) !important; }

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize; }

.label-theme {
  background-color: #006666; }

.label-primary {
  background-color: #006666; }

.label-secondary {
  background-color: #FE6A49; }

.label-success {
  background-color: #00AC46; }

.label-danger {
  background-color: #FE6A49; }

.label-info {
  background-color: #173878; }

.label-light {
  background-color: #E6E9EB; }

.label-dark {
  background-color: #2c323f; }

.label-warning {
  background-color: #FFAE1A; }

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666; }

.badge-secondary {
  background-color: #FE6A49; }

.badge-success {
  background-color: #00AC46; }

.badge-danger {
  background-color: #FE6A49; }

.badge-info {
  background-color: #173878; }

.badge-light {
  background-color: #E6E9EB; }

.badge-dark {
  background-color: #2c323f; }

.badge-warning {
  background-color: #FFAE1A; }

.badge-primary {
  background-color: var(--theme-deafult) !important; }

.badge-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff; }

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff; }

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important; }

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-success {
  background-color: #00AC46 !important;
  color: #fff; }

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff; }

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important; }

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-info {
  background-color: #173878 !important;
  color: #fff; }

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff; }

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important; }

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff; }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff; }

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important; }

.bg-dark {
  background-color: #2c323f !important;
  color: #fff; }

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff; }

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important; }

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff; }

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff; }

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important; }

.bg-primary {
  background-color: var(--theme-deafult) !important; }

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6); }

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important; }

.txt-secondary {
  color: #FE6A49 !important; }

.txt-success {
  color: #00AC46 !important; }

.txt-danger {
  color: #FE6A49 !important; }

.txt-info {
  color: #173878 !important; }

.txt-light {
  color: #E6E9EB !important; }

.txt-dark {
  color: #2c323f !important; }

.txt-warning {
  color: #FFAE1A !important; }

.txt-google-plus {
  color: #c64e40 !important; }

.txt-twitter {
  color: #6fa2d8 !important; }

.txt-linkedin {
  color: #0077B5 !important; }

.txt-fb {
  color: #50598e !important; }

.txt-primary {
  color: var(--theme-deafult) !important; }

.txt-secondary {
  color: var(--theme-secondary) !important; }

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@keyframes push {
  50% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #006666 !important;
    border-color: #006666 !important; }
  .btn-primary:focus {
    box-shadow: unset !important; }

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-secondary:focus {
    box-shadow: unset !important; }

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }
  .btn-success:focus {
    box-shadow: unset !important; }

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-danger:focus {
    box-shadow: unset !important; }

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #173878 !important;
    border-color: #173878 !important; }
  .btn-info:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }
  .btn-light:focus {
    box-shadow: unset !important; }

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #2c323f !important;
    border-color: #2c323f !important; }
  .btn-dark:focus {
    box-shadow: unset !important; }

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }
  .btn-warning:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important; }
  .btn-light:hover {
    background-color: rgba(0, 102, 102, 0.1) !important;
    border-color: rgba(0, 102, 102, 0.1) !important; }

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important; }

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important; }

.btn-hover-effect:hover {
  animation: push 0.5s linear 1; }

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent; }
  .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-check {
  color: #006666 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #006666 !important; }
    .btn-check:checked + .btn-outline-primary {
      color: white !important;
      background-color: #006666 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-primary {
    border-color: #006666 !important;
    color: #006666 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-primary.disabled {
      color: #006666; }
    .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
      color: white !important;
      background-color: #006666 !important;
      border-color: #006666 !important;
      box-shadow: none !important; }

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary.disabled {
    color: #006666;
    border-color: #006666; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-secondary {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-secondary {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-secondary.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #00AC46 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #00AC46 !important; }
    .btn-check:checked + .btn-outline-success {
      color: white !important;
      background-color: #00AC46 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-success.disabled {
      color: #00AC46; }
    .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
      color: white !important;
      background-color: #00AC46 !important;
      border-color: #00AC46 !important;
      box-shadow: none !important; }

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success.disabled {
    color: #00AC46;
    border-color: #00AC46; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-danger {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-danger.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #173878 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #173878 !important; }
    .btn-check:checked + .btn-outline-info {
      color: white !important;
      background-color: #173878 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-info {
    border-color: #173878 !important;
    color: #173878 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-info.disabled {
      color: #173878; }
    .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
      color: white !important;
      background-color: #173878 !important;
      border-color: #173878 !important;
      box-shadow: none !important; }

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info.disabled {
    color: #173878;
    border-color: #173878; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: #fff !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #E6E9EB !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #E6E9EB !important; }
    .btn-check:checked + .btn-outline-light {
      color: white !important;
      background-color: #E6E9EB !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-light {
    border-color: #E6E9EB !important;
    color: #E6E9EB !important;
    background-color: transparent;
    color: #051A1A; }
    .btn-check + .btn-outline-light.disabled {
      color: #E6E9EB; }
    .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
      color: white !important;
      background-color: #E6E9EB !important;
      border-color: #E6E9EB !important;
      box-shadow: none !important; }

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A; }
  .btn-outline-light.disabled {
    color: #E6E9EB;
    border-color: #E6E9EB; }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: #fff !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: unset !important; }

.btn-check {
  color: #2c323f !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #2c323f !important; }
    .btn-check:checked + .btn-outline-dark {
      color: white !important;
      background-color: #2c323f !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-dark {
    border-color: #2c323f !important;
    color: #2c323f !important;
    background-color: transparent; }
    .btn-check + .btn-outline-dark.disabled {
      color: #2c323f; }
    .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
      color: white !important;
      background-color: #2c323f !important;
      border-color: #2c323f !important;
      box-shadow: none !important; }

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark.disabled {
    color: #2c323f;
    border-color: #2c323f; }
  .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FFAE1A !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FFAE1A !important; }
    .btn-check:checked + .btn-outline-warning {
      color: white !important;
      background-color: #FFAE1A !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important;
    background-color: transparent; }
    .btn-check + .btn-outline-warning.disabled {
      color: #FFAE1A; }
    .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
      color: white !important;
      background-color: #FFAE1A !important;
      border-color: #FFAE1A !important;
      box-shadow: none !important; }

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning.disabled {
    color: #FFAE1A;
    border-color: #FFAE1A; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: unset !important; }

.btn-primary.active:not([disabled]):not(.disabled) {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  box-shadow: none !important; }
  .btn-primary.active:not([disabled]):not(.disabled):hover, .btn-primary.active:not([disabled]):not(.disabled):focus, .btn-primary.active:not([disabled]):not(.disabled):active, .btn-primary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #003333;
    border-color: #003333; }

.btn-secondary.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-secondary.active:not([disabled]):not(.disabled):hover, .btn-secondary.active:not([disabled]):not(.disabled):focus, .btn-secondary.active:not([disabled]):not(.disabled):active, .btn-secondary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-success.active:not([disabled]):not(.disabled) {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  box-shadow: none !important; }
  .btn-success.active:not([disabled]):not(.disabled):hover, .btn-success.active:not([disabled]):not(.disabled):focus, .btn-success.active:not([disabled]):not(.disabled):active, .btn-success.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #007931;
    border-color: #007931; }

.btn-danger.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-danger.active:not([disabled]):not(.disabled):hover, .btn-danger.active:not([disabled]):not(.disabled):focus, .btn-danger.active:not([disabled]):not(.disabled):active, .btn-danger.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-info.active:not([disabled]):not(.disabled) {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  box-shadow: none !important; }
  .btn-info.active:not([disabled]):not(.disabled):hover, .btn-info.active:not([disabled]):not(.disabled):focus, .btn-info.active:not([disabled]):not(.disabled):active, .btn-info.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #0f244d;
    border-color: #0f244d; }

.btn-light.active:not([disabled]):not(.disabled) {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  box-shadow: none !important; }
  .btn-light.active:not([disabled]):not(.disabled):hover, .btn-light.active:not([disabled]):not(.disabled):focus, .btn-light.active:not([disabled]):not(.disabled):active, .btn-light.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #cad0d4;
    border-color: #cad0d4; }

.btn-dark.active:not([disabled]):not(.disabled) {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  box-shadow: none !important; }
  .btn-dark.active:not([disabled]):not(.disabled):hover, .btn-dark.active:not([disabled]):not(.disabled):focus, .btn-dark.active:not([disabled]):not(.disabled):active, .btn-dark.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #171a21;
    border-color: #171a21; }

.btn-warning.active:not([disabled]):not(.disabled) {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  box-shadow: none !important; }
  .btn-warning.active:not([disabled]):not(.disabled):hover, .btn-warning.active:not([disabled]):not(.disabled):focus, .btn-warning.active:not([disabled]):not(.disabled):active, .btn-warning.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #e69500;
    border-color: #e69500; }

.btn-outline-primary-2x.active:not([disabled]):not(.disabled) {
  background-color: #006666;
  border-color: #006666;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-primary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-primary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #006666 !important;
    border-color: #006666 !important; }

.btn-outline-secondary-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-secondary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-success-2x.active:not([disabled]):not(.disabled) {
  background-color: #00AC46;
  border-color: #00AC46;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-success-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-success-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-success-2x.active:not([disabled]):not(.disabled):active, .btn-outline-success-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }

.btn-outline-danger-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-danger-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):active, .btn-outline-danger-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-info-2x.active:not([disabled]):not(.disabled) {
  background-color: #173878;
  border-color: #173878;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-info-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-info-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-info-2x.active:not([disabled]):not(.disabled):active, .btn-outline-info-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #173878 !important;
    border-color: #173878 !important; }

.btn-outline-light-2x.active:not([disabled]):not(.disabled) {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-light-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-light-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-light-2x.active:not([disabled]):not(.disabled):active, .btn-outline-light-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }

.btn-outline-dark-2x.active:not([disabled]):not(.disabled) {
  background-color: #2c323f;
  border-color: #2c323f;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-dark-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):active, .btn-outline-dark-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important; }

.btn-outline-warning-2x.active:not([disabled]):not(.disabled) {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-warning-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):active, .btn-outline-warning-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important; }

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important; }

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important; }

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important; }

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important; }

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important; }

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666; }
  .table-styling .table-primary thead,
  .table-styling.table-primary thead {
    background-color: #003333;
    border: 3px solid #003333; }
  .table-styling .table-primary th,
  .table-styling .table-primary td,
  .table-styling.table-primary th,
  .table-styling.table-primary td {
    background-color: transparent; }

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-secondary thead,
  .table-styling.table-secondary thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-secondary th,
  .table-styling .table-secondary td,
  .table-styling.table-secondary th,
  .table-styling.table-secondary td {
    background-color: transparent; }

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46; }
  .table-styling .table-success thead,
  .table-styling.table-success thead {
    background-color: #007931;
    border: 3px solid #007931; }
  .table-styling .table-success th,
  .table-styling .table-success td,
  .table-styling.table-success th,
  .table-styling.table-success td {
    background-color: transparent; }

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-danger thead,
  .table-styling.table-danger thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-danger th,
  .table-styling .table-danger td,
  .table-styling.table-danger th,
  .table-styling.table-danger td {
    background-color: transparent; }

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878; }
  .table-styling .table-info thead,
  .table-styling.table-info thead {
    background-color: #0f244d;
    border: 3px solid #0f244d; }
  .table-styling .table-info th,
  .table-styling .table-info td,
  .table-styling.table-info th,
  .table-styling.table-info td {
    background-color: transparent; }

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB; }
  .table-styling .table-light thead,
  .table-styling.table-light thead {
    background-color: #cad0d4;
    border: 3px solid #cad0d4; }
  .table-styling .table-light th,
  .table-styling .table-light td,
  .table-styling.table-light th,
  .table-styling.table-light td {
    background-color: transparent; }

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f; }
  .table-styling .table-dark thead,
  .table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21; }
  .table-styling .table-dark th,
  .table-styling .table-dark td,
  .table-styling.table-dark th,
  .table-styling.table-dark td {
    background-color: transparent; }

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A; }
  .table-styling .table-warning thead,
  .table-styling.table-warning thead {
    background-color: #e69500;
    border: 3px solid #e69500; }
  .table-styling .table-warning th,
  .table-styling .table-warning td,
  .table-styling.table-warning th,
  .table-styling.table-warning td {
    background-color: transparent; }

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important; }

.stroke-secondary {
  stroke: #FE6A49 !important; }

.stroke-success {
  stroke: #00AC46 !important; }

.stroke-danger {
  stroke: #FE6A49 !important; }

.stroke-info {
  stroke: #173878 !important; }

.stroke-light {
  stroke: #E6E9EB !important; }

.stroke-dark {
  stroke: #2c323f !important; }

.stroke-warning {
  stroke: #FFAE1A !important; }

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878; }

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important; }

.b-t-primary {
  border-top: 1px solid #006666 !important; }

.border-t-primary {
  border-top: 1px solid #006666 !important; }

.b-b-primary {
  border-bottom: 1px solid #006666 !important; }

.border-b-primary {
  border-bottom: 1px solid #006666 !important; }

.b-l-primary {
  border-left: 1px solid #006666 !important; }

.border-l-primary {
  border-left: 1px solid #006666 !important; }

.b-r-primary {
  border-right: 1px solid #006666 !important; }

.border-r-primary {
  border-right: 1px solid #006666 !important; }

.b-secondary {
  border: 1px solid #FE6A49 !important; }

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.b-success {
  border: 1px solid #00AC46 !important; }

.b-t-success {
  border-top: 1px solid #00AC46 !important; }

.border-t-success {
  border-top: 1px solid #00AC46 !important; }

.b-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.border-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.b-l-success {
  border-left: 1px solid #00AC46 !important; }

.border-l-success {
  border-left: 1px solid #00AC46 !important; }

.b-r-success {
  border-right: 1px solid #00AC46 !important; }

.border-r-success {
  border-right: 1px solid #00AC46 !important; }

.b-danger {
  border: 1px solid #FE6A49 !important; }

.b-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.border-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.border-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.b-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.border-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.b-info {
  border: 1px solid #173878 !important; }

.b-t-info {
  border-top: 1px solid #173878 !important; }

.border-t-info {
  border-top: 1px solid #173878 !important; }

.b-b-info {
  border-bottom: 1px solid #173878 !important; }

.border-b-info {
  border-bottom: 1px solid #173878 !important; }

.b-l-info {
  border-left: 1px solid #173878 !important; }

.border-l-info {
  border-left: 1px solid #173878 !important; }

.b-r-info {
  border-right: 1px solid #173878 !important; }

.border-r-info {
  border-right: 1px solid #173878 !important; }

.b-light {
  border: 1px solid #E6E9EB !important; }

.b-t-light {
  border-top: 1px solid #E6E9EB !important; }

.border-t-light {
  border-top: 1px solid #E6E9EB !important; }

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.b-l-light {
  border-left: 1px solid #E6E9EB !important; }

.border-l-light {
  border-left: 1px solid #E6E9EB !important; }

.b-r-light {
  border-right: 1px solid #E6E9EB !important; }

.border-r-light {
  border-right: 1px solid #E6E9EB !important; }

.b-dark {
  border: 1px solid #2c323f !important; }

.b-t-dark {
  border-top: 1px solid #2c323f !important; }

.border-t-dark {
  border-top: 1px solid #2c323f !important; }

.b-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.border-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.b-l-dark {
  border-left: 1px solid #2c323f !important; }

.border-l-dark {
  border-left: 1px solid #2c323f !important; }

.b-r-dark {
  border-right: 1px solid #2c323f !important; }

.border-r-dark {
  border-right: 1px solid #2c323f !important; }

.b-warning {
  border: 1px solid #FFAE1A !important; }

.b-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.border-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.b-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.border-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.b-r-warning {
  border-right: 1px solid #FFAE1A !important; }

.border-r-warning {
  border-right: 1px solid #FFAE1A !important; }

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-6 {
  border-width: 6px !important; }

.border-7 {
  border-width: 7px !important; }

.border-8 {
  border-width: 8px !important; }

.border-9 {
  border-width: 9px !important; }

.border-10 {
  border-width: 10px !important; }

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px; }

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa; }

.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px; }

.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3); }

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f; }
  .line pre {
    font-size: 100%; }

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important; }

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .options > div {
    color: #86909C;
    padding: 2px 10px;
    border: 1px solid; }
    .options > div:hover {
      background-color: #006666;
      color: #fff;
      transition: background-color 0.3s ease; }

/**====== Animation css Ends ======**/
.modal-footer {
  flex-wrap: wrap; }

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0; }

.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0; }

.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px; }

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666; }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #006666 !important; }

.typeahead .theme-form .form-group {
  margin-bottom: 0; }

.primary .svg-fill {
  fill: var(--theme-deafult); }
  .primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-deafult); }

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important; }

.secondary .svg-fill {
  fill: var(--theme-secondary); }
  .secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary); }

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important; }

.success .svg-fill {
  fill: #00AC46; }

.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important; }

.warning .svg-fill {
  fill: #FFAE1A; }

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important; }

.dotted {
  border-style: dotted; }

.dashed {
  border-style: dashed; }

.double {
  border-style: double; }

.groove {
  border-style: groove; }

.ridge {
  border-style: ridge; }

.inset {
  border-style: inset; }

.outset {
  border-style: outset; }

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px; }
  75% {
    opacity: .6;
    top: 0; }
  100% {
    opacity: 1; } }

.code-box-copy {
  width: 100%;
  overflow: auto; }

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%; }
  .custom-rs-12 {
    width: 100%; } }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px; }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none; }

.bg-gray {
  background-color: var(--text-gray); }

.text-gray {
  color: var(--text-gray) !important; }

.common-flex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

.common-space {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2); }

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3); }

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important; }

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important; }

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666; }

.badge-light-secondary {
  background-color: white;
  color: #FE6A49; }

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46; }

.badge-light-danger {
  background-color: white;
  color: #FE6A49; }

.badge-light-info {
  background-color: #6e96e3;
  color: #173878; }

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c; }

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f; }

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A; }

.fc .fc-button-primary.fc-button-active:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult), 0.2) !important; }

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%;
      margin-left: 0px; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .invoice-table-data {
    background-color: #f9f9fa; }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

/**=====================
    1.1 Reset CSS Ends
==========================**/
/**=====================
    1.2 Typography CSS start
==========================**/
body {
  font-size: 14px;
  overflow-x: hidden;
  font-family: "Montserrat", sans-serif;
  color: #051A1A; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0; }

h1 {
  font-size: 28px;
  font-weight: 600; }

h2 {
  font-size: 26px;
  font-weight: 600; }

h3 {
  font-size: 24px;
  font-weight: 600; }

h4 {
  font-size: 20px;
  font-weight: 600; }

h5 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4; }

h6 {
  font-size: 15px;
  font-weight: 600;
  line-height: 1; }

ul {
  padding-left: 0px;
  list-style-type: none;
  margin-bottom: 0; }

* a {
  color: var(--theme-deafult);
  text-decoration: none;
  letter-spacing: 1px; }

.f-m-light {
  margin: 0; }

a {
  font-size: 0.875rem;
  text-decoration: none;
  color: var(--theme-deafult); }
  a:hover {
    color: var(--theme-deafult); }
  a:focus-visible {
    outline: none; }

.btn {
  font-size: 14px; }

*.btn:focus {
  box-shadow: none !important; }

button:focus {
  outline: none !important; }

p {
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0.7px; }

code {
  color: var(--theme-deafult) !important;
  border-radius: 2px; }

.media {
  display: flex;
  align-items: flex-start; }
  .media .media-body {
    flex: 1; }

blockquote {
  border-left: 4px solid #006666;
  padding: 18px; }

.figure.text-center blockquote {
  border: none !important; }

.figure.text-end blockquote {
  border-left: none !important;
  border-right: 4px solid #006666; }

.row > div {
  position: relative; }

:focus {
  outline-color: var(--theme-deafult); }

.disabled {
  cursor: not-allowed;
  opacity: 0.5; }

svg {
  vertical-align: baseline; }

input:focus {
  outline-color: transparent; }

label {
  margin-bottom: .5rem;
  font-weight: 500; }

.media-widgets .media-body {
  margin-bottom: 30px; }

.typography h1,
.typography .h1,
.typography h2,
.typography .h2,
.typography h3,
.typography .h3,
.typography h4,
.typography .h4,
.typography h5,
.typography .h5,
.typography h6,
.typography .h6 {
  margin: 18px 0;
  margin-top: 0; }
  .typography h1:last-child,
  .typography .h1:last-child,
  .typography h2:last-child,
  .typography .h2:last-child,
  .typography h3:last-child,
  .typography .h3:last-child,
  .typography h4:last-child,
  .typography .h4:last-child,
  .typography h5:last-child,
  .typography .h5:last-child,
  .typography h6:last-child,
  .typography .h6:last-child {
    margin-bottom: 0; }

.typography small {
  padding-left: 10px;
  color: #2c323f; }

pre {
  background-color: rgba(0, 102, 102, 0.03);
  padding: 20px 0; }

.owl-theme .owl-dots .owl-dot span {
  background: rgba(0, 102, 102, 0.2); }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: var(--theme-deafult); }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-bottom: -10px;
  margin-top: 25px; }

.click2edit ~ .note-editor.note-frame {
  margin-bottom: 30px; }

.note-editor.note-frame {
  border-color: #E6E9EB; }

.note-editor.fullscreen .note-toolbar-wrapper {
  height: 0 !important; }

.note-editor.note-frame {
  border-color: #E6E9EB; }

.modal .modal-body .card {
  box-shadow: none !important; }

.modal-dialog .modal-content .modal-body p a {
  margin-right: 0; }

.notify-alert .close {
  color: #fff; }
  [dir="rtl"] .notify-alert .close {
    right: unset !important;
    left: 10px !important; }

.notify-alert.alert-light .close {
  color: #051A1A; }

.alert-theme button {
  top: 24px !important;
  right: 20px !important;
  color: var(--theme-deafult); }
  [dir="rtl"] .alert-theme button {
    right: unset !important;
    left: 20px !important; }

.alert-theme span + span + span {
  background-color: #fff;
  color: var(--theme-deafult);
  border-radius: 4px;
  box-shadow: 0 2px 14px -3px rgba(0, 0, 0, 0.2); }

.alert-theme .close {
  color: var(--theme-deafult); }

.alert-theme i {
  padding: 20px;
  padding-right: 0 !important;
  margin-right: 20px !important; }

.alert-theme .progress {
  margin-top: -2px !important;
  height: 2px;
  width: 100%; }
  .alert-theme .progress .progress-bar {
    background-color: var(--theme-deafult); }

.d-flex {
  display: flex;
  align-items: flex-start; }
  .d-flex .flex-grow-1 {
    flex: 1; }

.alert-copy {
  border: 1px solid var(--theme-deafult);
  line-height: 1;
  display: inline-block;
  width: 300px;
  color: #fff;
  background-color: var(--theme-deafult); }
  .alert-copy .close {
    box-shadow: none;
    color: #fff;
    line-height: 1.4;
    font-weight: 100;
    top: -15px; }
    [dir="rtl"] .alert-copy .close {
      right: unset !important;
      left: 10px !important; }
    .alert-copy .close:focus {
      outline: none; }

.ace-editor {
  height: 400px;
  width: 100%; }

.editor-toolbar {
  width: 100% !important; }
  .editor-toolbar.fullscreen {
    z-index: 100; }

.CodeMirror {
  top: 0 !important; }

.CodeMirror-fullscreen {
  top: 50px !important; }

.irs-from,
.irs-to,
.irs-single {
  background: var(--theme-deafult); }
  .irs-from:after,
  .irs-to:after,
  .irs-single:after {
    border-top-color: var(--theme-deafult); }

.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge {
  background-color: var(--theme-deafult); }

.swal-button {
  background-color: var(--theme-deafult); }
  .swal-button:active {
    background-color: #004d4d; }

.swal-button--cancel {
  background-color: #EFEFEE !important; }

.clipboaard-container h6 {
  line-height: 1.6;
  font-size: 14px; }

fieldset .bootstrap-touchspin-postfix,
fieldset .bootstrap-touchspin-prefix {
  border-radius: 0;
  padding: .4rem .75rem; }

fieldset .input-group-lg .touchspin {
  height: 50px; }

.f1 .f1-steps .f1-step .f1-step-icon {
  padding: 12px; }

.form-inline .form-group {
  display: flex; }

.input-group-text i {
  line-height: 1.5; }

.animated-modal .form-select {
  display: inline-block;
  width: auto;
  vertical-align: middle; }

.card-wrapper {
  padding: 14px; }
  .card-wrapper dl dt {
    font-weight: 500; }

/* ===== Scrollbar CSS ===== */
/* Firefox */
table tbody tr {
  vertical-align: middle; }

.typography-table thead tr th {
  font-size: 16px; }

.typography-table tbody tr td:last-child {
  min-width: 280px; }

.typography-table tbody tr td:first-child {
  min-width: 100px; }

/**=====================
    1.2 Typography CSS Ends
==========================**/
/**=====================
    2.1 According CSS start
==========================**/
.default-according .avatar-showcase {
  margin-bottom: 0; }

.default-according .card {
  margin-bottom: 0;
  box-shadow: none; }
  .default-according .card + .card {
    margin-top: 10px; }
  .default-according .card .btn-link {
    font-weight: 500;
    color: #051A1A;
    text-decoration: none; }
  .default-according .card .btn-link:focus, .default-according .card .btn-link:hover {
    text-decoration: none; }
  .default-according .card .card-header {
    padding: 0.75rem 1.25rem;
    border: 1px solid #ecf3fa; }
    .default-according .card .card-header i {
      position: absolute;
      left: 18px;
      font-size: 20px;
      top: 20px; }
    .default-according .card .card-header h5 {
      margin-top: 2px; }
  .default-according .card .card-body {
    border: 1px solid #ecf3fa;
    border-top: none; }

.default-according.style-1 button {
  width: 100%;
  text-align: left; }
  .default-according.style-1 button:before {
    right: 20px;
    position: absolute;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    font-size: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (max-width: 575px) {
      .default-according.style-1 button:before {
        right: 15px; } }
  .default-according.style-1 button[aria-expanded="true"]:before {
    content: "";
    font-family: IcoFont; }
  .default-according.style-1 button[aria-expanded="false"]:before {
    content: "";
    font-family: IcoFont; }

.accordion-button .svg-color {
  position: absolute;
  right: 20px; }
  [dir="rtl"] .accordion-button .svg-color {
    left: 20px;
    right: unset; }
  .accordion-button .svg-color::after {
    content: '';
    background-image: unset; }

.accordion-button:not(.collapsed) {
  background-color: unset;
  box-shadow: none; }
  .accordion-button:not(.collapsed)::after {
    background-image: unset; }

.accordion-button::after {
  background-image: unset; }

.accordion-button:focus {
  box-shadow: none; }

.accordion-button.accordion-light-primary:not(.collapsed) {
  background-color: rgba(0, 102, 102, 0.2); }

.accordion-button.accordion-light-primary:active, .accordion-button.accordion-light-primary.active {
  background-color: rgba(0, 102, 102, 0.2);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-primary {
  background-color: rgba(0, 102, 102, 0.2) !important; }

.accordion-button.accordion-light-secondary:not(.collapsed) {
  background-color: rgba(254, 106, 73, 0.3); }

.accordion-button.accordion-light-secondary:active, .accordion-button.accordion-light-secondary.active {
  background-color: rgba(254, 106, 73, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-secondary {
  background-color: rgba(254, 106, 73, 0.3) !important; }

.accordion-button.accordion-light-success:not(.collapsed) {
  background-color: rgba(0, 172, 70, 0.3); }

.accordion-button.accordion-light-success:active, .accordion-button.accordion-light-success.active {
  background-color: rgba(0, 172, 70, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-success {
  background-color: rgba(0, 172, 70, 0.3) !important; }

.accordion-button.accordion-light-warning:not(.collapsed) {
  background-color: rgba(255, 174, 26, 0.3); }

.accordion-button.accordion-light-warning:active, .accordion-button.accordion-light-warning.active {
  background-color: rgba(255, 174, 26, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-warning {
  background-color: rgba(255, 174, 26, 0.3) !important; }

.accordion-button.accordion-light-info:not(.collapsed) {
  background-color: rgba(23, 56, 120, 0.3); }

.accordion-button.accordion-light-info:active, .accordion-button.accordion-light-info.active {
  background-color: rgba(23, 56, 120, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-info {
  background-color: rgba(23, 56, 120, 0.3) !important; }

.accordion-button.accordion-light-light:not(.collapsed) {
  background-color: #F9F9FB; }

.accordion-button.accordion-light-light:active, .accordion-button.accordion-light-light.active {
  background-color: #F9F9FB;
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-light {
  background-color: #F9F9FB !important; }

.accordion-button.accordion-light-danger:not(.collapsed) {
  background-color: rgba(254, 106, 73, 0.3); }

.accordion-button.accordion-light-danger:active, .accordion-button.accordion-light-danger.active {
  background-color: rgba(254, 106, 73, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-danger {
  background-color: rgba(254, 106, 73, 0.3) !important; }

.accordion-button.accordion-light-dark:not(.collapsed) {
  background-color: #EAEBF2; }

.accordion-button.accordion-light-dark:active, .accordion-button.accordion-light-dark.active {
  background-color: #EAEBF2;
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-dark {
  background-color: #EAEBF2 !important; }

.accordion-item .accordion-button .svg-wrapper {
  width: 18px;
  height: 18px; }

.accordion-wrapper:active {
  border: 1px solid #006666;
  border-top: 1px solid #006666 !important; }

.accordion-border .accordion-item {
  border: 0; }

.icons-accordion .accordion-item:last-child .accordion-body {
  padding-bottom: 0 !important; }

.accordions-content li {
  color: #2c323f; }

.collapse-accordion .btn-dark.show {
  border-radius: 15px; }

/**=====================
    2.1 According CSS Ends
==========================**/
/**=====================
     2.2 Alert CSS start
==========================**/
.notify-alert .close {
  color: #006666;
  background: unset;
  border: none;
  font-size: 25px;
  top: 0px; }
  [dir="rtl"] .notify-alert .close {
    right: unset !important;
    left: 10px !important; }

.notify-alert.alert-light .close {
  color: #051A1A; }

.alert {
  border-radius: 0.15rem;
  padding: 15px; }
  .alert svg {
    vertical-align: middle; }
  .alert .progress {
    margin-top: 15px; }
  .alert [data-notify='icon'] {
    margin-right: 10px;
    line-height: 20px;
    position: absolute; }
  .alert [data-notify='message'] {
    display: inline-block;
    width: 100%; }
  .alert i {
    margin-right: 5px;
    font-size: 16px; }
  .alert p {
    margin-bottom: 0; }
  .alert .close {
    opacity: 1; }
    .alert .close span {
      font-size: 24px;
      font-weight: 400;
      display: inline-block;
      border-radius: 3px;
      text-shadow: none;
      padding: 0 5px;
      padding-right: 0; }

.alert-dismissible {
  padding-right: 2.5rem; }
  [dir="rtl"] .alert-dismissible {
    padding-right: 15px;
    padding-left: 2.5rem; }
  .alert-dismissible .close {
    padding: 10px 1.25rem;
    top: 4px;
    padding-right: 13px;
    opacity: 0.5;
    transition: all 0.3s ease; }
    .alert-dismissible .close:hover {
      transition: all 0.3s ease;
      opacity: 1;
      color: inherit; }

.card-body button:focus {
  outline: none; }

.card-body .alert:last-child {
  margin-bottom: 0; }

.card-body .alert svg {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  position: absolute;
  top: 18px; }
  .card-body .alert svg ~ p {
    padding-left: 20px; }

strong {
  display: inline-block; }
  strong ~ p {
    display: inline-block; }

.alert-primary {
  background-color: rgba(0, 102, 102, 0.9);
  border-color: rgba(0, 102, 102, 0.9);
  color: #fff; }
  .alert-primary .progress {
    height: 5px;
    background-color: #006161;
    border-radius: 0; }
  .alert-primary .progress-bar {
    background-color: #66ffff; }
  .alert-primary .btn-close {
    filter: brightness(1) invert(1); }
  .alert-primary .alert-link {
    color: #006666; }
  .alert-primary hr {
    border-top-color: #006666; }

.border-primary {
  border-color: #006666 !important; }

.income-wrapper ul li .income-dot.dot-primary {
  background-color: #006666; }

.touchspin-wrapper .btn-touchspin.touchspin-primary {
  background-color: #006666;
  border: 1px solid #006666;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-primary {
  background-color: unset;
  border: 1px solid #006666;
  color: #006666; }

.touchspin-wrapper input.spin-outline-primary[type='number'] {
  outline: 1px solid #006666;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-primary {
  background-color: #006666;
  border: 1px solid #006666;
  color: #fff; }

.form-switch .form-check-input.switch-primary:checked {
  background-color: #006666;
  border-color: #006666; }

.payment-second .mega-icons.stroke-primary {
  stroke: #006666; }

.toast-primary {
  color: #006666 !important; }

.list-group-horizontal-sm .list-group-item.border-left-primary, .list-group-horizontal-md .list-group-item.border-left-primary, .list-group-horizontal-lg .list-group-item.border-left-primary, .list-group-horizontal-xl .list-group-item.border-left-primary, .list-group-horizontal-xxl .list-group-item.border-left-primary {
  border-left: 4px solid #006666; }

.main-radio-toggle .btn-check.radio-light-primary:focus + .btn {
  box-shadow: 0 0 0 4px rgba(0, 102, 102, 0.55); }

.fill-radios .radio.radio-primary input[type='radio']:checked + label::before {
  border: 10px solid #006666; }

.fill-radios .radio.radio-primary input[type='radio']:checked + label::after {
  background-color: #006666; }

.list-group .form-check-input.checkbox-primary[type=checkbox]:checked,
.list-group .checkbox-primary[type=radio] {
  background-color: unset;
  border-color: #006666;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-primary[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-primary[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-primary.active[type=checkbox]:checked,
  .list-group .checkbox-primary[type=radio]:focus,
  .list-group .checkbox-primary[type=radio]:active,
  .list-group .checkbox-primary.active[type=radio] {
    border-color: #006666;
    outline: 0;
    background-color: #006666; }

.list-group .alert-primary.light {
  background-color: rgba(0, 102, 102, 0.4);
  border-color: rgba(0, 102, 102, 0.7); }

.list-group .alert-primary.dark {
  background-color: #006666;
  border-color: #006666;
  color: #fafafa; }
  .list-group .alert-primary.dark .alert-link {
    color: #fff; }

.list-group .alert-primary.outline,
.list-group .alert-primary.outline-2x {
  background-color: transparent;
  border-color: #006666;
  color: #006666; }
  .list-group .alert-primary.outline .btn-close,
  .list-group .alert-primary.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-primary.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #006666;
  color: #051A1A; }
  .list-group .alert-primary.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #006666;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-primary.inverse:before {
        left: 45px; } }
  .list-group .alert-primary.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #006666;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-primary.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-secondary {
  background-color: rgba(254, 106, 73, 0.9);
  border-color: rgba(254, 106, 73, 0.9);
  color: #fff; }
  .alert-secondary .progress {
    height: 5px;
    background-color: #fe6644;
    border-radius: 0; }
  .alert-secondary .progress-bar {
    background-color: white; }
  .alert-secondary .btn-close {
    filter: brightness(1) invert(1); }
  .alert-secondary .alert-link {
    color: #FE6A49; }
  .alert-secondary hr {
    border-top-color: #FE6A49; }

.border-secondary {
  border-color: #FE6A49 !important; }

.income-wrapper ul li .income-dot.dot-secondary {
  background-color: #FE6A49; }

.touchspin-wrapper .btn-touchspin.touchspin-secondary {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-secondary {
  background-color: unset;
  border: 1px solid #FE6A49;
  color: #FE6A49; }

.touchspin-wrapper input.spin-outline-secondary[type='number'] {
  outline: 1px solid #FE6A49;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-secondary {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.form-switch .form-check-input.switch-secondary:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.payment-second .mega-icons.stroke-secondary {
  stroke: #FE6A49; }

.toast-secondary {
  color: #FE6A49 !important; }

.list-group-horizontal-sm .list-group-item.border-left-secondary, .list-group-horizontal-md .list-group-item.border-left-secondary, .list-group-horizontal-lg .list-group-item.border-left-secondary, .list-group-horizontal-xl .list-group-item.border-left-secondary, .list-group-horizontal-xxl .list-group-item.border-left-secondary {
  border-left: 4px solid #FE6A49; }

.main-radio-toggle .btn-check.radio-light-secondary:focus + .btn {
  box-shadow: 0 0 0 4px rgba(254, 106, 73, 0.55); }

.fill-radios .radio.radio-secondary input[type='radio']:checked + label::before {
  border: 10px solid #FE6A49; }

.fill-radios .radio.radio-secondary input[type='radio']:checked + label::after {
  background-color: #FE6A49; }

.list-group .form-check-input.checkbox-secondary[type=checkbox]:checked,
.list-group .checkbox-secondary[type=radio] {
  background-color: unset;
  border-color: #FE6A49;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-secondary[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-secondary[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-secondary.active[type=checkbox]:checked,
  .list-group .checkbox-secondary[type=radio]:focus,
  .list-group .checkbox-secondary[type=radio]:active,
  .list-group .checkbox-secondary.active[type=radio] {
    border-color: #FE6A49;
    outline: 0;
    background-color: #FE6A49; }

.list-group .alert-secondary.light {
  background-color: rgba(254, 106, 73, 0.4);
  border-color: rgba(254, 106, 73, 0.7); }

.list-group .alert-secondary.dark {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fafafa; }
  .list-group .alert-secondary.dark .alert-link {
    color: #fff; }

.list-group .alert-secondary.outline,
.list-group .alert-secondary.outline-2x {
  background-color: transparent;
  border-color: #FE6A49;
  color: #FE6A49; }
  .list-group .alert-secondary.outline .btn-close,
  .list-group .alert-secondary.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-secondary.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FE6A49;
  color: #051A1A; }
  .list-group .alert-secondary.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #FE6A49;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-secondary.inverse:before {
        left: 45px; } }
  .list-group .alert-secondary.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #FE6A49;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-secondary.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-success {
  background-color: rgba(0, 172, 70, 0.9);
  border-color: rgba(0, 172, 70, 0.9);
  color: #fff; }
  .alert-success .progress {
    height: 5px;
    background-color: #00a744;
    border-radius: 0; }
  .alert-success .progress-bar {
    background-color: #acffce; }
  .alert-success .btn-close {
    filter: brightness(1) invert(1); }
  .alert-success .alert-link {
    color: #00AC46; }
  .alert-success hr {
    border-top-color: #00AC46; }

.border-success {
  border-color: #00AC46 !important; }

.income-wrapper ul li .income-dot.dot-success {
  background-color: #00AC46; }

.touchspin-wrapper .btn-touchspin.touchspin-success {
  background-color: #00AC46;
  border: 1px solid #00AC46;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-success {
  background-color: unset;
  border: 1px solid #00AC46;
  color: #00AC46; }

.touchspin-wrapper input.spin-outline-success[type='number'] {
  outline: 1px solid #00AC46;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-success {
  background-color: #00AC46;
  border: 1px solid #00AC46;
  color: #fff; }

.form-switch .form-check-input.switch-success:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.payment-second .mega-icons.stroke-success {
  stroke: #00AC46; }

.toast-success {
  color: #00AC46 !important; }

.list-group-horizontal-sm .list-group-item.border-left-success, .list-group-horizontal-md .list-group-item.border-left-success, .list-group-horizontal-lg .list-group-item.border-left-success, .list-group-horizontal-xl .list-group-item.border-left-success, .list-group-horizontal-xxl .list-group-item.border-left-success {
  border-left: 4px solid #00AC46; }

.main-radio-toggle .btn-check.radio-light-success:focus + .btn {
  box-shadow: 0 0 0 4px rgba(0, 172, 70, 0.55); }

.fill-radios .radio.radio-success input[type='radio']:checked + label::before {
  border: 10px solid #00AC46; }

.fill-radios .radio.radio-success input[type='radio']:checked + label::after {
  background-color: #00AC46; }

.list-group .form-check-input.checkbox-success[type=checkbox]:checked,
.list-group .checkbox-success[type=radio] {
  background-color: unset;
  border-color: #00AC46;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-success[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-success[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-success.active[type=checkbox]:checked,
  .list-group .checkbox-success[type=radio]:focus,
  .list-group .checkbox-success[type=radio]:active,
  .list-group .checkbox-success.active[type=radio] {
    border-color: #00AC46;
    outline: 0;
    background-color: #00AC46; }

.list-group .alert-success.light {
  background-color: rgba(0, 172, 70, 0.4);
  border-color: rgba(0, 172, 70, 0.7); }

.list-group .alert-success.dark {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fafafa; }
  .list-group .alert-success.dark .alert-link {
    color: #fff; }

.list-group .alert-success.outline,
.list-group .alert-success.outline-2x {
  background-color: transparent;
  border-color: #00AC46;
  color: #00AC46; }
  .list-group .alert-success.outline .btn-close,
  .list-group .alert-success.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-success.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #00AC46;
  color: #051A1A; }
  .list-group .alert-success.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #00AC46;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-success.inverse:before {
        left: 45px; } }
  .list-group .alert-success.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #00AC46;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-success.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-danger {
  background-color: rgba(254, 106, 73, 0.9);
  border-color: rgba(254, 106, 73, 0.9);
  color: #fff; }
  .alert-danger .progress {
    height: 5px;
    background-color: #fe6644;
    border-radius: 0; }
  .alert-danger .progress-bar {
    background-color: white; }
  .alert-danger .btn-close {
    filter: brightness(1) invert(1); }
  .alert-danger .alert-link {
    color: #FE6A49; }
  .alert-danger hr {
    border-top-color: #FE6A49; }

.border-danger {
  border-color: #FE6A49 !important; }

.income-wrapper ul li .income-dot.dot-danger {
  background-color: #FE6A49; }

.touchspin-wrapper .btn-touchspin.touchspin-danger {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-danger {
  background-color: unset;
  border: 1px solid #FE6A49;
  color: #FE6A49; }

.touchspin-wrapper input.spin-outline-danger[type='number'] {
  outline: 1px solid #FE6A49;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-danger {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.form-switch .form-check-input.switch-danger:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.payment-second .mega-icons.stroke-danger {
  stroke: #FE6A49; }

.toast-danger {
  color: #FE6A49 !important; }

.list-group-horizontal-sm .list-group-item.border-left-danger, .list-group-horizontal-md .list-group-item.border-left-danger, .list-group-horizontal-lg .list-group-item.border-left-danger, .list-group-horizontal-xl .list-group-item.border-left-danger, .list-group-horizontal-xxl .list-group-item.border-left-danger {
  border-left: 4px solid #FE6A49; }

.main-radio-toggle .btn-check.radio-light-danger:focus + .btn {
  box-shadow: 0 0 0 4px rgba(254, 106, 73, 0.55); }

.fill-radios .radio.radio-danger input[type='radio']:checked + label::before {
  border: 10px solid #FE6A49; }

.fill-radios .radio.radio-danger input[type='radio']:checked + label::after {
  background-color: #FE6A49; }

.list-group .form-check-input.checkbox-danger[type=checkbox]:checked,
.list-group .checkbox-danger[type=radio] {
  background-color: unset;
  border-color: #FE6A49;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-danger[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-danger[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-danger.active[type=checkbox]:checked,
  .list-group .checkbox-danger[type=radio]:focus,
  .list-group .checkbox-danger[type=radio]:active,
  .list-group .checkbox-danger.active[type=radio] {
    border-color: #FE6A49;
    outline: 0;
    background-color: #FE6A49; }

.list-group .alert-danger.light {
  background-color: rgba(254, 106, 73, 0.4);
  border-color: rgba(254, 106, 73, 0.7); }

.list-group .alert-danger.dark {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fafafa; }
  .list-group .alert-danger.dark .alert-link {
    color: #fff; }

.list-group .alert-danger.outline,
.list-group .alert-danger.outline-2x {
  background-color: transparent;
  border-color: #FE6A49;
  color: #FE6A49; }
  .list-group .alert-danger.outline .btn-close,
  .list-group .alert-danger.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-danger.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FE6A49;
  color: #051A1A; }
  .list-group .alert-danger.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #FE6A49;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-danger.inverse:before {
        left: 45px; } }
  .list-group .alert-danger.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #FE6A49;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-danger.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-warning {
  background-color: rgba(255, 174, 26, 0.9);
  border-color: rgba(255, 174, 26, 0.9);
  color: #fff; }
  .alert-warning .progress {
    height: 5px;
    background-color: #ffac15;
    border-radius: 0; }
  .alert-warning .progress-bar {
    background-color: white; }
  .alert-warning .btn-close {
    filter: brightness(1) invert(1); }
  .alert-warning .alert-link {
    color: #FFAE1A; }
  .alert-warning hr {
    border-top-color: #FFAE1A; }

.border-warning {
  border-color: #FFAE1A !important; }

.income-wrapper ul li .income-dot.dot-warning {
  background-color: #FFAE1A; }

.touchspin-wrapper .btn-touchspin.touchspin-warning {
  background-color: #FFAE1A;
  border: 1px solid #FFAE1A;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-warning {
  background-color: unset;
  border: 1px solid #FFAE1A;
  color: #FFAE1A; }

.touchspin-wrapper input.spin-outline-warning[type='number'] {
  outline: 1px solid #FFAE1A;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-warning {
  background-color: #FFAE1A;
  border: 1px solid #FFAE1A;
  color: #fff; }

.form-switch .form-check-input.switch-warning:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

.payment-second .mega-icons.stroke-warning {
  stroke: #FFAE1A; }

.toast-warning {
  color: #FFAE1A !important; }

.list-group-horizontal-sm .list-group-item.border-left-warning, .list-group-horizontal-md .list-group-item.border-left-warning, .list-group-horizontal-lg .list-group-item.border-left-warning, .list-group-horizontal-xl .list-group-item.border-left-warning, .list-group-horizontal-xxl .list-group-item.border-left-warning {
  border-left: 4px solid #FFAE1A; }

.main-radio-toggle .btn-check.radio-light-warning:focus + .btn {
  box-shadow: 0 0 0 4px rgba(255, 174, 26, 0.55); }

.fill-radios .radio.radio-warning input[type='radio']:checked + label::before {
  border: 10px solid #FFAE1A; }

.fill-radios .radio.radio-warning input[type='radio']:checked + label::after {
  background-color: #FFAE1A; }

.list-group .form-check-input.checkbox-warning[type=checkbox]:checked,
.list-group .checkbox-warning[type=radio] {
  background-color: unset;
  border-color: #FFAE1A;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-warning[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-warning[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-warning.active[type=checkbox]:checked,
  .list-group .checkbox-warning[type=radio]:focus,
  .list-group .checkbox-warning[type=radio]:active,
  .list-group .checkbox-warning.active[type=radio] {
    border-color: #FFAE1A;
    outline: 0;
    background-color: #FFAE1A; }

.list-group .alert-warning.light {
  background-color: rgba(255, 174, 26, 0.4);
  border-color: rgba(255, 174, 26, 0.7); }

.list-group .alert-warning.dark {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fafafa; }
  .list-group .alert-warning.dark .alert-link {
    color: #fff; }

.list-group .alert-warning.outline,
.list-group .alert-warning.outline-2x {
  background-color: transparent;
  border-color: #FFAE1A;
  color: #FFAE1A; }
  .list-group .alert-warning.outline .btn-close,
  .list-group .alert-warning.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-warning.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FFAE1A;
  color: #051A1A; }
  .list-group .alert-warning.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #FFAE1A;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-warning.inverse:before {
        left: 45px; } }
  .list-group .alert-warning.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #FFAE1A;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-warning.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-info {
  background-color: rgba(23, 56, 120, 0.9);
  border-color: rgba(23, 56, 120, 0.9);
  color: #fff; }
  .alert-info .progress {
    height: 5px;
    background-color: #163674;
    border-radius: 0; }
  .alert-info .progress-bar {
    background-color: #a1bbed; }
  .alert-info .btn-close {
    filter: brightness(1) invert(1); }
  .alert-info .alert-link {
    color: #173878; }
  .alert-info hr {
    border-top-color: #173878; }

.border-info {
  border-color: #173878 !important; }

.income-wrapper ul li .income-dot.dot-info {
  background-color: #173878; }

.touchspin-wrapper .btn-touchspin.touchspin-info {
  background-color: #173878;
  border: 1px solid #173878;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-info {
  background-color: unset;
  border: 1px solid #173878;
  color: #173878; }

.touchspin-wrapper input.spin-outline-info[type='number'] {
  outline: 1px solid #173878;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-info {
  background-color: #173878;
  border: 1px solid #173878;
  color: #fff; }

.form-switch .form-check-input.switch-info:checked {
  background-color: #173878;
  border-color: #173878; }

.payment-second .mega-icons.stroke-info {
  stroke: #173878; }

.toast-info {
  color: #173878 !important; }

.list-group-horizontal-sm .list-group-item.border-left-info, .list-group-horizontal-md .list-group-item.border-left-info, .list-group-horizontal-lg .list-group-item.border-left-info, .list-group-horizontal-xl .list-group-item.border-left-info, .list-group-horizontal-xxl .list-group-item.border-left-info {
  border-left: 4px solid #173878; }

.main-radio-toggle .btn-check.radio-light-info:focus + .btn {
  box-shadow: 0 0 0 4px rgba(23, 56, 120, 0.55); }

.fill-radios .radio.radio-info input[type='radio']:checked + label::before {
  border: 10px solid #173878; }

.fill-radios .radio.radio-info input[type='radio']:checked + label::after {
  background-color: #173878; }

.list-group .form-check-input.checkbox-info[type=checkbox]:checked,
.list-group .checkbox-info[type=radio] {
  background-color: unset;
  border-color: #173878;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-info[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-info[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-info.active[type=checkbox]:checked,
  .list-group .checkbox-info[type=radio]:focus,
  .list-group .checkbox-info[type=radio]:active,
  .list-group .checkbox-info.active[type=radio] {
    border-color: #173878;
    outline: 0;
    background-color: #173878; }

.list-group .alert-info.light {
  background-color: rgba(23, 56, 120, 0.4);
  border-color: rgba(23, 56, 120, 0.7); }

.list-group .alert-info.dark {
  background-color: #173878;
  border-color: #173878;
  color: #fafafa; }
  .list-group .alert-info.dark .alert-link {
    color: #fff; }

.list-group .alert-info.outline,
.list-group .alert-info.outline-2x {
  background-color: transparent;
  border-color: #173878;
  color: #173878; }
  .list-group .alert-info.outline .btn-close,
  .list-group .alert-info.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-info.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #173878;
  color: #051A1A; }
  .list-group .alert-info.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #173878;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-info.inverse:before {
        left: 45px; } }
  .list-group .alert-info.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #173878;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-info.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-light {
  background-color: rgba(230, 233, 235, 0.9);
  border-color: rgba(230, 233, 235, 0.9);
  color: #fff;
  color: #2c323f;
  background-color: #E6E9EB; }
  .alert-light .progress {
    height: 5px;
    background-color: #e3e7e9;
    border-radius: 0; }
  .alert-light .progress-bar {
    background-color: white; }
  .alert-light .btn-close {
    filter: brightness(1) invert(1); }
  .alert-light .alert-link {
    color: #E6E9EB;
    color: #2c323f; }
  .alert-light .btn-close {
    filter: unset; }
  .alert-light hr {
    border-top-color: #E6E9EB; }

.border-light {
  border-color: #E6E9EB !important; }

.income-wrapper ul li .income-dot.dot-light {
  background-color: #E6E9EB; }

.touchspin-wrapper .btn-touchspin.touchspin-light {
  background-color: #E6E9EB;
  border: 1px solid #E6E9EB;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-light {
  background-color: unset;
  border: 1px solid #E6E9EB;
  color: #E6E9EB; }

.touchspin-wrapper input.spin-outline-light[type='number'] {
  outline: 1px solid #E6E9EB;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-light {
  background-color: #E6E9EB;
  border: 1px solid #E6E9EB;
  color: #fff; }

.form-switch .form-check-input.switch-light:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.payment-second .mega-icons.stroke-light {
  stroke: #E6E9EB; }

.toast-light {
  color: #E6E9EB !important; }

.list-group-horizontal-sm .list-group-item.border-left-light, .list-group-horizontal-md .list-group-item.border-left-light, .list-group-horizontal-lg .list-group-item.border-left-light, .list-group-horizontal-xl .list-group-item.border-left-light, .list-group-horizontal-xxl .list-group-item.border-left-light {
  border-left: 4px solid #E6E9EB; }

.main-radio-toggle .btn-check.radio-light-light:focus + .btn {
  box-shadow: 0 0 0 4px rgba(230, 233, 235, 0.55); }

.fill-radios .radio.radio-light input[type='radio']:checked + label::before {
  border: 10px solid #E6E9EB; }

.fill-radios .radio.radio-light input[type='radio']:checked + label::after {
  background-color: #E6E9EB; }

.list-group .form-check-input.checkbox-light[type=checkbox]:checked,
.list-group .checkbox-light[type=radio] {
  background-color: unset;
  border-color: #E6E9EB;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-light[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-light[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-light.active[type=checkbox]:checked,
  .list-group .checkbox-light[type=radio]:focus,
  .list-group .checkbox-light[type=radio]:active,
  .list-group .checkbox-light.active[type=radio] {
    border-color: #E6E9EB;
    outline: 0;
    background-color: #E6E9EB; }

.list-group .alert-light.light {
  background-color: rgba(230, 233, 235, 0.4);
  border-color: rgba(230, 233, 235, 0.7); }

.list-group .alert-light.dark {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fafafa;
  color: #2c323f; }
  .list-group .alert-light.dark .alert-link {
    color: #fff;
    color: #2c323f; }

.list-group .alert-light.outline,
.list-group .alert-light.outline-2x {
  background-color: transparent;
  border-color: #E6E9EB;
  color: #E6E9EB;
  color: #2c323f; }
  .list-group .alert-light.outline .btn-close,
  .list-group .alert-light.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-light.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #E6E9EB;
  color: #051A1A; }
  .list-group .alert-light.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #E6E9EB;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-light.inverse:before {
        left: 45px; } }
  .list-group .alert-light.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #E6E9EB;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-light.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-dark {
  background-color: rgba(44, 50, 63, 0.9);
  border-color: rgba(44, 50, 63, 0.9);
  color: #fff; }
  .alert-dark .progress {
    height: 5px;
    background-color: #2a303c;
    border-radius: 0; }
  .alert-dark .progress-bar {
    background-color: #a8b0c2; }
  .alert-dark .btn-close {
    filter: brightness(1) invert(1); }
  .alert-dark .alert-link {
    color: #2c323f; }
  .alert-dark hr {
    border-top-color: #2c323f; }

.border-dark {
  border-color: #2c323f !important; }

.income-wrapper ul li .income-dot.dot-dark {
  background-color: #2c323f; }

.touchspin-wrapper .btn-touchspin.touchspin-dark {
  background-color: #2c323f;
  border: 1px solid #2c323f;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-dark {
  background-color: unset;
  border: 1px solid #2c323f;
  color: #2c323f; }

.touchspin-wrapper input.spin-outline-dark[type='number'] {
  outline: 1px solid #2c323f;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-dark {
  background-color: #2c323f;
  border: 1px solid #2c323f;
  color: #fff; }

.form-switch .form-check-input.switch-dark:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.payment-second .mega-icons.stroke-dark {
  stroke: #2c323f; }

.toast-dark {
  color: #2c323f !important; }

.list-group-horizontal-sm .list-group-item.border-left-dark, .list-group-horizontal-md .list-group-item.border-left-dark, .list-group-horizontal-lg .list-group-item.border-left-dark, .list-group-horizontal-xl .list-group-item.border-left-dark, .list-group-horizontal-xxl .list-group-item.border-left-dark {
  border-left: 4px solid #2c323f; }

.main-radio-toggle .btn-check.radio-light-dark:focus + .btn {
  box-shadow: 0 0 0 4px rgba(44, 50, 63, 0.55); }

.fill-radios .radio.radio-dark input[type='radio']:checked + label::before {
  border: 10px solid #2c323f; }

.fill-radios .radio.radio-dark input[type='radio']:checked + label::after {
  background-color: #2c323f; }

.list-group .form-check-input.checkbox-dark[type=checkbox]:checked,
.list-group .checkbox-dark[type=radio] {
  background-color: unset;
  border-color: #2c323f;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-dark[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-dark[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-dark.active[type=checkbox]:checked,
  .list-group .checkbox-dark[type=radio]:focus,
  .list-group .checkbox-dark[type=radio]:active,
  .list-group .checkbox-dark.active[type=radio] {
    border-color: #2c323f;
    outline: 0;
    background-color: #2c323f; }

.list-group .alert-dark.light {
  background-color: rgba(44, 50, 63, 0.4);
  border-color: rgba(44, 50, 63, 0.7); }

.list-group .alert-dark.dark {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fafafa; }
  .list-group .alert-dark.dark .alert-link {
    color: #fff; }

.list-group .alert-dark.outline,
.list-group .alert-dark.outline-2x {
  background-color: transparent;
  border-color: #2c323f;
  color: #2c323f; }
  .list-group .alert-dark.outline .btn-close,
  .list-group .alert-dark.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-dark.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #2c323f;
  color: #051A1A; }
  .list-group .alert-dark.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #2c323f;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-dark.inverse:before {
        left: 45px; } }
  .list-group .alert-dark.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #2c323f;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-dark.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.outline-2x {
  border-width: 2px;
  padding: 11px 1.25rem; }

.alert-icons.outline-2x {
  padding: 15px; }

.alert-icons svg {
  position: absolute !important;
  top: 18px !important; }

.alert-dark .btn-close,
.alert-info .btn-close {
  filter: none; }

.border-left-wrapper {
  border-left: 4px solid #2c323f; }

.alert-light-primary {
  background-color: rgba(0, 102, 102, 0.2); }

.alert-light-secondary {
  background-color: rgba(254, 106, 73, 0.3); }

.alert-light-success {
  background-color: rgba(0, 172, 70, 0.3); }

.alert-light-warning {
  background-color: rgba(255, 174, 26, 0.3); }

.alert-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.alert-light-light {
  background-color: #F9F9FB; }

.alert-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.alert-light-dark {
  background-color: #EAEBF2; }

.alert-arrow {
  min-width: 55px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }
  .alert-arrow i {
    margin-right: 0; }

@media (max-width: 576px) {
  .ellipsis.content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 294px; } }

@media (max-width: 575px) {
  .ellipsis.content {
    max-width: 180px; } }

.alert-dismissible {
  display: flex;
  align-items: center;
  gap: 8px; }

.alert.notify-alert.alert-copy {
  display: flex !important; }

/**=====================
   2.2 Alert CSS end
==========================**/
/**=====================
  2.3 Avatars CSS start
==========================**/
.avatars .avatar {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  width: auto; }
  .avatars .avatar:last-child {
    margin-right: 0; }
  .avatars .avatar.ratio img {
    width: auto; }
  .avatars .avatar .status {
    position: absolute;
    height: 18%;
    width: 18%;
    border-radius: 100%;
    bottom: 12%;
    right: 4%;
    border: 1px solid; }

.customers ul {
  display: inline-block; }
  .customers ul li img {
    border: 2px solid var(--white);
    transition: 0.5s; }
    .customers ul li img:hover {
      transform: translateY(-4px) scale(1.02);
      transition: 0.5s; }
  .customers ul li + li {
    margin-left: -7%; }
  .customers ul li:last-child p {
    color: #051A1A !important;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: 500;
    border: 2px solid #E6E9EB !important; }

.customers.avatar-group {
  margin-right: 30px; }
  .customers.avatar-group:last-child {
    margin-right: 0; }

.avatar-showcase {
  margin-bottom: -10px; }
  .avatar-showcase .avatars .avatar {
    margin-bottom: 10px; }
  .avatar-showcase .avatar-group {
    margin-bottom: 10px; }
  .avatar-showcase .ratio > * {
    position: relative;
    top: unset;
    left: unset; }

/**=====================
    2.3 Avatars CSS Ends
==========================**/
/**=====================
    2.4 Badge CSS start
==========================**/
.badge-spacing {
  display: flex;
  flex-wrap: wrap;
  gap: 12px; }
  .badge-spacing .badge {
    padding: 6px 12px;
    font-size: 12px; }
    .badge-spacing .badge.badge svg {
      padding-top: 0px; }
    .badge-spacing .badge.rounded-circle {
      padding: 10px 14px;
      display: flex;
      justify-content: center;
      align-items: center; }
    .badge-spacing .badge.badge-p-space {
      padding: 10px 13px; }
    .badge-spacing .badge + .badge {
      margin-left: 0px; }
    .badge-spacing .badge.btn-p-space {
      padding: 8px 10px; }

a.badge:hover {
  color: inherit; }
  a.badge.badge-dark:hover:hover {
    color: #fff; }

.badge {
  padding: 8px 16px;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-weight: 500; }
  .badge + .badge {
    margin-left: 5px; }
  .badge svg {
    width: 16px;
    height: 16px;
    padding-top: 3px; }

.b-ln-height {
  line-height: 5px; }

.pill-badge-primary {
  background-color: var(--theme-deafult);
  box-shadow: -0.5px 4.33px 16px 0px rgba(var(--theme-deafult), 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-secondary {
  background-color: #FE6A49;
  box-shadow: -0.5px 4.33px 16px 0px rgba(254, 106, 73, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-success {
  background-color: #00AC46;
  box-shadow: -0.5px 4.33px 16px 0px rgba(0, 172, 70, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-danger {
  background-color: #FE6A49;
  box-shadow: -0.5px 4.33px 16px 0px rgba(254, 106, 73, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-info {
  background-color: #173878;
  box-shadow: -0.5px 4.33px 16px 0px rgba(23, 56, 120, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-light {
  background-color: #E6E9EB;
  box-shadow: -0.5px 4.33px 16px 0px rgba(230, 233, 235, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-dark {
  background-color: #2c323f;
  box-shadow: -0.5px 4.33px 16px 0px rgba(44, 50, 63, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-warning {
  background-color: #FFAE1A;
  box-shadow: -0.5px 4.33px 16px 0px rgba(255, 174, 26, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-primary {
  background-color: var(--theme-deafult); }

.pill-badge-secondary {
  background-color: var(--theme-secondary); }

.round-badge-primary {
  border-radius: 6px;
  background-color: var(--theme-deafult);
  box-shadow: -0.5px -6.67px 14px 0px rgba(var(--theme-deafult), 0.18);
  color: #fff !important; }

.round-badge-secondary {
  border-radius: 6px;
  background-color: #FE6A49;
  box-shadow: -0.5px -6.67px 14px 0px rgba(254, 106, 73, 0.18);
  color: #fff !important; }

.round-badge-success {
  border-radius: 6px;
  background-color: #00AC46;
  box-shadow: -0.5px -6.67px 14px 0px rgba(0, 172, 70, 0.18);
  color: #fff !important; }

.round-badge-danger {
  border-radius: 6px;
  background-color: #FE6A49;
  box-shadow: -0.5px -6.67px 14px 0px rgba(254, 106, 73, 0.18);
  color: #fff !important; }

.round-badge-info {
  border-radius: 6px;
  background-color: #173878;
  box-shadow: -0.5px -6.67px 14px 0px rgba(23, 56, 120, 0.18);
  color: #fff !important; }

.round-badge-light {
  border-radius: 6px;
  background-color: #E6E9EB;
  box-shadow: -0.5px -6.67px 14px 0px rgba(230, 233, 235, 0.18);
  color: #fff !important; }

.round-badge-dark {
  border-radius: 6px;
  background-color: #2c323f;
  box-shadow: -0.5px -6.67px 14px 0px rgba(44, 50, 63, 0.18);
  color: #fff !important; }

.round-badge-warning {
  border-radius: 6px;
  background-color: #FFAE1A;
  box-shadow: -0.5px -6.67px 14px 0px rgba(255, 174, 26, 0.18);
  color: #fff !important; }

.round-badge-primary {
  background-color: var(--theme-deafult); }

.round-badge-secondary {
  background-color: var(--theme-secondary); }

.badge-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 8px; }

/**=====================
  2.4 Badge CSS Ends
==========================**/
/**=====================
    2.5 Bookmark CSS start
==========================**/
.bookmark ul li {
  display: inline-block; }
  .bookmark ul li .search-form {
    position: absolute;
    bottom: 53px;
    z-index: 1; }
    .bookmark ul li .search-form .form-control-search {
      top: 65px;
      position: absolute;
      transition: all linear 0.3s;
      right: -20px;
      transform: translateY(-35px) scaleY(0);
      opacity: 0;
      visibility: hidden; }
      .bookmark ul li .search-form .form-control-search input {
        width: 240px;
        background-color: #fff;
        box-shadow: 0 5px 21px rgba(0, 0, 0, 0.1); }
      .bookmark ul li .search-form .form-control-search.open {
        transform: translateY(0px) scaleY(1);
        opacity: 1;
        visibility: visible;
        transition: all linear 0.3s;
        z-index: 100; }
      .bookmark ul li .search-form .form-control-search:after {
        top: 12px;
        left: 20px;
        z-index: 1; }
      .bookmark ul li .search-form .form-control-search:before {
        left: 50px;
        top: 9px;
        z-index: 2; }
  .bookmark ul li a {
    position: relative;
    color: #051A1A; }
    .bookmark ul li a svg {
      vertical-align: middle;
      height: 20px;
      width: 20px; }
  .bookmark ul li + li {
    margin-left: 10px; }
  .bookmark ul li:last-child {
    padding-right: 0; }
    .bookmark ul li:last-child a {
      border-radius: 5px; }
      .bookmark ul li:last-child a svg {
        color: #ff9f40; }

.offcanvas-bookmark.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body .bookmark ul li a {
  z-index: 99999;
  color: rgba(255, 255, 255, 0.5); }

.offcanvas-bookmark:before {
  position: fixed;
  content: '';
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  z-index: 1;
  right: 0;
  left: 0; }

body.modal-open .select2-container--open {
  width: unset !important;
  display: block; }
  body.modal-open .select2-container--open .select2-dropdown {
    z-index: 1076; }

/**=====================
    2.5 Bookmark CSS Ends
==========================**/
/**=====================
2.6 Breadcrumb CSS Start
==========================**/
.breadcrumb-colored {
  padding: 12px 16px;
  border-radius: 4px; }
  .breadcrumb-colored li a {
    color: #fff; }
  .breadcrumb-colored li.active {
    color: #fff;
    opacity: 0.7; }
  .breadcrumb-colored .breadcrumb-item:before {
    color: #fff; }
  .breadcrumb-colored .breadcrumb-item.txt-dark:before {
    color: #000; }

.breadcrumb-icon {
  --bs-breadcrumb-divider: '>'; }
  .breadcrumb-icon li {
    display: inline-block; }

.breadcrumb-no-divider {
  --bs-breadcrumb-divider: ''; }

.breadcrumb-item.active {
  text-transform: capitalize; }

.breadcrumb-space .breadcrumb-item::before {
  padding-right: 0; }

/**=====================
	2.6 Breadcrumb CSS ends
==========================**/
/**=====================
    2.7 Basic-card CSS Start
==========================**/
.dark-color-header {
  background-color: unset !important;
  color: #006666; }
  .dark-color-header ul li:first-child i, .dark-color-header ul li:last-child i {
    color: #006666 !important; }
  .dark-color-header ul li i {
    color: #E6E9EB !important; }

/**=====================
  2.7 Basic-card CSS Ends
==========================**/
/**=====================
  2.9 Buttons CSS start
==========================**/
.btn-link {
  color: var(--theme-deafult); }

.purchase-btn {
  background: linear-gradient(90deg, var(--theme-deafult) -18.33%, #006666 62.78%);
  padding: 12px 20px;
  min-width: 200px;
  border: none;
  transition: 0.5s; }
  .purchase-btn:hover {
    background: linear-gradient(90deg, #006666 -18.33%, var(--theme-deafult) 62.78%);
    transition: 0.5s; }
  @media (max-width: 991px) {
    .purchase-btn {
      min-width: 160px; } }
  @media (max-width: 767px) {
    .purchase-btn {
      min-width: 140px;
      padding: 10px 17px;
      font-size: 16px; } }
  @media (max-width: 575px) {
    .purchase-btn {
      font-size: 14px; } }
.btn-light.active.active:not([disabled]):not(.disabled) {
  color: #051A1A !important;
  background-color: #e0e4e6 !important; }

.btn-primary-gradien {
  background-image: linear-gradient(to right, #008f8f 0%, #003d3d 51%, #008f8f 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease;
  color: #fff; }
  .btn-primary-gradien:focus, .btn-primary-gradien:active, .btn-primary-gradien.active {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #008f8f, 0%, #003d3d, 100%, #fff) !important; }

.btn-secondary-gradien {
  background-image: linear-gradient(to right, #fe8b72 0%, #fe4920 51%, #fe8b72 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-secondary-gradien:hover, .btn-secondary-gradien:focus, .btn-secondary-gradien:active, .btn-secondary-gradien.active, .btn-secondary-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #fe8b72, 0%, #fe4920, 100%, #fff) !important; }

.btn-success-gradien {
  background-image: linear-gradient(to right, #00d557 0%, #008335 51%, #00d557 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-success-gradien:hover, .btn-success-gradien:focus, .btn-success-gradien:active, .btn-success-gradien.active, .btn-success-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #00d557, 0%, #008335, 100%, #fff) !important; }

.btn-danger-gradien {
  background-image: linear-gradient(to right, #fe8b72 0%, #fe4920 51%, #fe8b72 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-danger-gradien:hover, .btn-danger-gradien:focus, .btn-danger-gradien:active, .btn-danger-gradien.active, .btn-danger-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #fe8b72, 0%, #fe4920, 100%, #fff) !important; }

.btn-warning-gradien {
  background-image: linear-gradient(to right, #ffbc43 0%, #f09b00 51%, #ffbc43 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-warning-gradien:hover, .btn-warning-gradien:focus, .btn-warning-gradien:active, .btn-warning-gradien.active, .btn-warning-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #ffbc43, 0%, #f09b00, 100%, #fff) !important; }

.btn-info-gradien {
  background-image: linear-gradient(to right, #1e489a 0%, #102856 51%, #1e489a 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-info-gradien:hover, .btn-info-gradien:focus, .btn-info-gradien:active, .btn-info-gradien.active, .btn-info-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #1e489a, 0%, #102856, 100%, #fff) !important; }

.btn-light-gradien {
  background-image: linear-gradient(to right, #fdfdfd 0%, #cfd5d9 51%, #fdfdfd 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-light-gradien:hover, .btn-light-gradien:focus, .btn-light-gradien:active, .btn-light-gradien.active, .btn-light-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #fdfdfd, 0%, #cfd5d9, 100%, #fff) !important; }

.btn-dark-gradien {
  background-image: linear-gradient(to right, #3d4557 0%, #1b1f27 51%, #3d4557 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-dark-gradien:hover, .btn-dark-gradien:focus, .btn-dark-gradien:active, .btn-dark-gradien.active, .btn-dark-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #3d4557, 0%, #1b1f27, 100%, #fff) !important; }

.btn {
  padding: 0.375rem 1.75rem; }
  .btn.bg-light-primary:hover {
    background: #006666 !important;
    color: #fff !important; }

.btn-lg {
  font-size: 18px; }

.btn-sm {
  font-size: 12px; }

.btn-xs {
  padding: 0.05rem 0.4rem;
  font-size: 11px; }

.large-btn {
  margin-bottom: -20px; }
  .large-btn .btn {
    margin-right: 5px;
    margin-bottom: 15px; }

.btn-outline-white {
  border: 1px solid #fff;
  color: #fff; }
  .btn-outline-white:hover, .btn-outline-white:focus {
    background: #fff;
    color: var(--theme-deafult); }

.btn-air-primary {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-primary:hover, .btn-air-primary:active, .btn-air-primary:not([disabled]):not(.disabled):active {
    background-color: #006666;
    border-color: #006666; }

.input-air-primary {
  box-shadow: 0 3px 5px 1px rgba(0, 102, 102, 0.1) !important; }
  .input-air-primary:focus {
    border-color: #006666; }

.btn-air-secondary {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-secondary:hover, .btn-air-secondary:active, .btn-air-secondary:not([disabled]):not(.disabled):active {
    background-color: #FE6A49;
    border-color: #FE6A49; }

.input-air-secondary {
  box-shadow: 0 3px 5px 1px rgba(254, 106, 73, 0.1) !important; }
  .input-air-secondary:focus {
    border-color: #FE6A49; }

.btn-air-success {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-success:hover, .btn-air-success:active, .btn-air-success:not([disabled]):not(.disabled):active {
    background-color: #00AC46;
    border-color: #00AC46; }

.input-air-success {
  box-shadow: 0 3px 5px 1px rgba(0, 172, 70, 0.1) !important; }
  .input-air-success:focus {
    border-color: #00AC46; }

.btn-air-danger {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-danger:hover, .btn-air-danger:active, .btn-air-danger:not([disabled]):not(.disabled):active {
    background-color: #FE6A49;
    border-color: #FE6A49; }

.input-air-danger {
  box-shadow: 0 3px 5px 1px rgba(254, 106, 73, 0.1) !important; }
  .input-air-danger:focus {
    border-color: #FE6A49; }

.btn-air-info {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-info:hover, .btn-air-info:active, .btn-air-info:not([disabled]):not(.disabled):active {
    background-color: #173878;
    border-color: #173878; }

.input-air-info {
  box-shadow: 0 3px 5px 1px rgba(23, 56, 120, 0.1) !important; }
  .input-air-info:focus {
    border-color: #173878; }

.btn-air-light {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-light:hover, .btn-air-light:active, .btn-air-light:not([disabled]):not(.disabled):active {
    background-color: #E6E9EB;
    border-color: #E6E9EB; }

.input-air-light {
  box-shadow: 0 3px 5px 1px rgba(230, 233, 235, 0.1) !important; }
  .input-air-light:focus {
    border-color: #E6E9EB; }

.btn-air-dark {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-dark:hover, .btn-air-dark:active, .btn-air-dark:not([disabled]):not(.disabled):active {
    background-color: #2c323f;
    border-color: #2c323f; }

.input-air-dark {
  box-shadow: 0 3px 5px 1px rgba(44, 50, 63, 0.1) !important; }
  .input-air-dark:focus {
    border-color: #2c323f; }

.btn-air-warning {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-warning:hover, .btn-air-warning:active, .btn-air-warning:not([disabled]):not(.disabled):active {
    background-color: #FFAE1A;
    border-color: #FFAE1A; }

.input-air-warning {
  box-shadow: 0 3px 5px 1px rgba(255, 174, 26, 0.1) !important; }
  .input-air-warning:focus {
    border-color: #FFAE1A; }

.btn-gradient {
  color: #fff !important;
  font-weight: 500;
  padding: 10px 30px;
  border-radius: 5px;
  background: linear-gradient(26deg, var(--theme-deafult) 0%, #006666 100%);
  letter-spacing: 0.06rem; }
  .btn-gradient:hover {
    background-size: 100% !important; }

.btn-warning {
  color: #fff; }
  .btn-warning:hover, .btn-warning.disabled {
    color: #fff; }

[class*='-gradien']:hover {
  background-size: 50% 100%;
  transition: all 0.3s ease;
  color: #fff; }

.btn-square {
  border-radius: 0px; }

.btn-pill {
  border-radius: 60px; }

.btn-group-pill .btn:first-child {
  border-radius: 60px 0 0 60px; }

.btn-group-pill .btn:last-child {
  border-radius: 0 60px 60px 0; }

.btn-group-square .btn:first-child {
  border-radius: 0px 0 0 0px; }

.btn-group-square .btn:last-child {
  border-radius: 0 0px 0px 0; }

.btn-showcase {
  margin-bottom: -10px; }
  .btn-showcase .btn {
    margin-bottom: 10px;
    margin-right: 10px; }

.btn-dropdown-showcase {
  margin-bottom: -10px; }
  .btn-dropdown-showcase .dropdown {
    margin-bottom: 10px;
    margin-right: 18px; }
  .btn-dropdown-showcase .btn-group {
    margin-bottom: 10px;
    margin-right: 18px; }

.btn-group .radio label::before {
  top: 2px; }

.btn-group .radio label::after {
  top: 7px; }

.btn-group .checkbox label {
  margin-top: 3px; }

.btn-group-showcase > div {
  margin-bottom: -20px; }
  .btn-group-showcase > div label {
    margin-bottom: 0; }

.btn-group-showcase .btn-group {
  margin-right: 20px;
  margin-bottom: 20px; }

.btn-group-showcase .checkbox input[type="checkbox"] {
  display: none; }

.tooltiptext {
  visibility: visible;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 1;
  transition: opacity 0.3s; }
  .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent; }

.card-header-right-icon .btn.btn-light-primary {
  background-color: var(--light-shade-primary);
  color: var(--theme-deafult); }
  .card-header-right-icon .btn.btn-light-primary:hover {
    color: var(--white);
    background-color: var(--theme-deafult); }

.btn.button-primary,
button.button-primary {
  background-color: var(--light-shade-primary);
  color: var(--theme-deafult); }
  .btn.button-primary:hover,
  button.button-primary:hover {
    background-color: var(--theme-deafult);
    color: var(--white); }

/**=====================
    2.9 Buttons CSS end
==========================**/
/**=====================
    2.10 Card CSS Start
==========================**/
.card {
  margin-bottom: 25px;
  border: 1px solid #E6E9EB !important;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  border-radius: 8px;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .card:hover {
    box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
    transition: all 0.3s ease; }
  .card .card-header {
    background-color: #fff;
    padding: 20px;
    border-bottom: 1px solid #ecf3fa;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: relative; }
    .card .card-header.card-no-border {
      border-bottom: none !important; }
    .card .card-header h5:not(.mb-0), .card .card-header h5:not(.m-0) {
      margin-bottom: 0;
      text-transform: capitalize; }
    .card .card-header > span {
      font-size: 12px;
      color: var(--body-font-color);
      margin-top: 5px;
      display: block;
      letter-spacing: 1px; }
    .card .card-header .card-header-right {
      border-radius: 0 0 0 7px;
      right: 20px;
      top: 12px;
      display: inline-block;
      float: right;
      padding: 8px 0;
      position: absolute;
      background-color: #fff;
      z-index: 1; }
      .card .card-header .card-header-right .card-option {
        text-align: right;
        width: 35px;
        height: 20px;
        overflow: hidden;
        transition: 0.3s ease-in-out; }
        .card .card-header .card-header-right .card-option li {
          display: inline-block; }
          .card .card-header .card-header-right .card-option li:first-child i {
            transition: 1s;
            font-size: 16px;
            color: var(--theme-deafult); }
            .card .card-header .card-header-right .card-option li:first-child i.icofont {
              color: unset; }
      .card .card-header .card-header-right i {
        margin: 0 5px;
        cursor: pointer;
        color: #2c323f;
        line-height: 20px; }
        .card .card-header .card-header-right i.icofont-refresh {
          font-size: 13px; }
  .card .card-body {
    padding: 20px;
    background-color: transparent; }
    .card .card-body p:last-child {
      margin-bottom: 0; }
  .card .sub-title {
    padding-bottom: 12px;
    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320))); }
  .card .card-footer {
    background-color: #fff;
    border-top: 1px solid #ecf3fa;
    padding: 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; }
  .card.card-load .card-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 8;
    align-items: center;
    justify-content: center; }
    .card.card-load .card-loader i {
      margin: 0 auto;
      color: var(--theme-deafult);
      font-size: 20px; }
  .card.full-card {
    position: fixed;
    top: 0;
    z-index: 99999;
    box-shadow: none;
    right: 0;
    border-radius: 0;
    border: 1px solid #efefef;
    width: calc(100vw - 12px);
    height: calc(100vh); }
    .card.full-card .card-body {
      overflow: auto; }

.page-body-wrapper .card .sub-title {
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  color: #051A1A; }

.card-absolute {
  margin-top: 20px; }
  .card-absolute .card-header {
    position: absolute;
    top: -20px;
    left: 15px;
    border-radius: 0.25rem;
    padding: 10px 15px; }
    .card-absolute .card-header h5 {
      font-size: 17px; }
  .card-absolute .card-body {
    margin-top: 10px; }

.card-header .border-tab {
  margin-bottom: -13px; }

.custom-card {
  overflow: hidden;
  padding: 30px; }
  .custom-card .card-header {
    padding: 0; }
    .custom-card .card-header img {
      border-radius: 50%;
      margin-top: -100px;
      transform: scale(1.5); }
  .custom-card .card-profile {
    text-align: center; }
    .custom-card .card-profile img {
      height: 110px;
      padding: 7px;
      background-color: #fff;
      z-index: 1;
      position: relative; }
  .custom-card .card-social {
    text-align: center; }
    .custom-card .card-social li {
      display: inline-block;
      padding: 15px 0; }
      .custom-card .card-social li:last-child a {
        margin-right: 0; }
      .custom-card .card-social li a {
        padding: 0;
        margin-right: 15px;
        color: #bcc6de;
        font-size: 16px;
        transition: all 0.3s ease; }
        .custom-card .card-social li a:hover {
          color: var(--theme-deafult);
          transition: all 0.3s ease; }
  .custom-card .profile-details h6 {
    margin-bottom: 30px;
    margin-top: 10px;
    color: #FFFFFF;
    font-size: 14px; }
  .custom-card .card-footer {
    padding: 0; }
    .custom-card .card-footer > div {
      padding: 15px;
      text-align: center; }
      .custom-card .card-footer > div + div {
        border-left: 1px solid #efefef; }
      .custom-card .card-footer > div h3 {
        margin-bottom: 0;
        font-size: 24px; }
      .custom-card .card-footer > div h6 {
        font-size: 14px;
        color: #FFFFFF; }
      .custom-card .card-footer > div h5 {
        font-size: 16px;
        margin-bottom: 0; }
      .custom-card .card-footer > div i {
        font-size: 24px;
        display: inline-block;
        margin-bottom: 15px; }
      .custom-card .card-footer > div .m-b-card {
        margin-bottom: 10px; }

.social-profile {
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .social-profile .card-body {
    padding-left: 20px;
    padding-right: 20px; }
    @media (max-width: 1399px) {
      .social-profile .card-body {
        padding: 23px 15px; } }
.social-details {
  margin-top: 15px; }
  .social-details h5 a {
    color: var(--body-font-color);
    font-weight: 700; }
  .social-details .social-follow {
    column-count: 3;
    column-gap: 30px;
    margin-top: 25px; }
    @media (max-width: 1399px) {
      .social-details .social-follow {
        column-gap: 23px; } }
    .social-details .social-follow li {
      position: relative; }
      .social-details .social-follow li + li::before {
        position: absolute;
        content: "";
        width: 1px;
        height: 14px;
        background-color: var(--recent-dashed-border);
        left: -15px;
        top: 50%;
        transform: translateY(-50%); }
        [dir="rtl"] .social-details .social-follow li + li::before {
          left: unset;
          right: -15px; }
  .social-details .card-social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 15px; }

.social-img-wrap {
  background: linear-gradient(253deg, var(--theme-deafult) 11.51%, rgba(115, 102, 255, 0) 82.07%);
  display: inline-block;
  border-radius: 100%;
  padding: 2px;
  position: relative; }
  .social-img-wrap .edit-icon {
    position: absolute;
    right: 0;
    bottom: 0; }
    .social-img-wrap .edit-icon svg {
      width: 20px;
      height: 20px;
      border-radius: 100%;
      border: 2px solid var(--white);
      background: var(--white); }

.social-img {
  padding: 5px;
  background: var(--white);
  border-radius: 100%; }
  .social-img img {
    height: 68px;
    border-radius: 100%; }

/**=====================
    2.10 Card CSS End
==========================**/
/**=====================
     2.11 Color CSS Start
==========================**/
.color-box {
  margin-bottom: -10px; }
  .color-box button {
    margin-bottom: 10px; }
    .color-box button + button {
      margin-left: 5px; }

.light-font {
  color: #FFFFFF; }

/**=====================
     2.11 Color CSS Ends
==========================**/
/**=====================
    2.12 Datatable CSS Start
==========================**/
div.dt-button-background {
  display: none !important; }

div.DTS div.dataTables_scrollBody table {
  z-index: 1; }

div .table-avtar {
  height: 32px;
  margin-right: 10px; }
  [dir="rtl"] div .table-avtar {
    margin-right: unset;
    margin-left: 10px; }

div .action {
  display: flex; }
  div .action i {
    font-size: 16px; }
  div .action .pdf i {
    font-size: 20px;
    color: #FE6A49; }
  div .action .edit {
    margin-right: 5px; }
    div .action .edit i {
      color: #00AC46; }
    [dir="rtl"] div .action .edit {
      margin-left: 5px; }
  div .action .delete i {
    color: #FE6A49; }

#auto-generate-content_wrapper.dataTables_wrapper button {
  background-color: var(--white);
  border: 1px solid var(--theme-deafult);
  color: var(--theme-deafult); }

.dataTables_wrapper {
  width: calc(100% - 1px);
  padding: 0; }
  .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #ecf3fa; }
  .dataTables_wrapper .dt-buttons .btn {
    border-radius: 0.25rem !important; }
  .dataTables_wrapper .btn-group button {
    margin-right: 5px; }
  .dataTables_wrapper button {
    font-weight: 400;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    border-radius: 0.25rem;
    color: #fff; }
  .dataTables_wrapper + .dataTables_wrapper {
    margin-top: 20px; }
  .dataTables_wrapper .dataTables_paginate {
    margin-left: 15px !important;
    border: 1px solid #E6E9EB;
    border-radius: 0.25rem;
    padding-top: 0; }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
      margin: 0; }
      .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:active {
        background: var(--theme-deafult);
        color: #fff !important;
        box-shadow: none; }
      .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        border: 1px solid var(--theme-deafult);
        color: #2c323f !important;
        background: transparent !important; }
  .dataTables_wrapper .dataTables_length {
    margin-bottom: 30px; }
    .dataTables_wrapper .dataTables_length select {
      border-color: #E6E9EB;
      color: #2c323f;
      padding: 0 10px;
      margin: 0 10px;
      height: 2.7142em;
      background-color: #fff; }
  .dataTables_wrapper table.dataTable {
    border: 1px solid #efefef; }
    .dataTables_wrapper table.dataTable tbody td.select-checkbox,
    .dataTables_wrapper table.dataTable tbody th.select-checkbox {
      padding-right: 40px !important; }
      .dataTables_wrapper table.dataTable tbody td.select-checkbox:before,
      .dataTables_wrapper table.dataTable tbody th.select-checkbox:before {
        right: 20px;
        top: 22px;
        left: unset; }
      .dataTables_wrapper table.dataTable tbody td.select-checkbox:after,
      .dataTables_wrapper table.dataTable tbody th.select-checkbox:after {
        margin-top: -5px;
        margin-left: 21px; }
    .dataTables_wrapper table.dataTable thead th,
    .dataTables_wrapper table.dataTable thead td {
      border-bottom: 2px solid #efefef; }
    .dataTables_wrapper table.dataTable th,
    .dataTables_wrapper table.dataTable td {
      padding: 0.75rem; }
  .dataTables_wrapper .dataTables_filter {
    margin-bottom: 25px;
    margin-left: 15px; }
    .dataTables_wrapper .dataTables_filter input[type="search"] {
      border: 1px solid #efefef;
      padding: 0 10px;
      margin-left: 10px;
      height: 37px;
      border-radius: 0; }

.dataTables_scrollHeadInner {
  width: 100% !important; }

table .fixedHeader-floating {
  position: fixed !important;
  background-color: #fff; }

table .box > div {
  padding: 5px 15px;
  background-color: var(--theme-deafult);
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
  margin-right: 15px; }

table.dataTable.fixedHeader-locked, table.dataTable.fixedHeader-floating {
  width: calc(100vw - 250px) !important;
  max-width: calc(100vw - 250px) !important;
  overflow: hidden !important;
  right: 0 !important;
  z-index: 99;
  left: 260px !important; }

table.dataTable:not(.fixedHeader-locked):not(.fixedHeader-floating) {
  width: 100% !important; }

table.dataTable {
  border-collapse: collapse !important;
  margin-top: 0 !important; }
  table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
  table.dataTable thead .sorting_asc:before,
  table.dataTable thead .sorting_asc:after,
  table.dataTable thead .sorting_desc:before,
  table.dataTable thead .sorting_desc:after,
  table.dataTable thead .sorting_asc_disabled:before,
  table.dataTable thead .sorting_asc_disabled:after,
  table.dataTable thead .sorting_desc_disabled:before,
  table.dataTable thead .sorting_desc_disabled:after {
    bottom: 12px !important; }
  table.dataTable input,
  table.dataTable select {
    border: 1px solid #efefef;
    height: 37px; }

.user-datatable tr td:first-child,
.user-datatable tr th:first-child {
  min-width: 150px; }

.jsgrid .jsgrid-button {
  width: 20px;
  height: 20px; }

.jsgrid .jsgrid-delete-button {
  background-position: 0 -78px;
  width: 22px;
  height: 22px; }

.jsgrid .jsgrid-edit-button {
  background-position: -2px -122px;
  width: 22px;
  height: 22px; }

.jsgrid .jsgrid-insert-mode-button {
  background-position: -2px -160px;
  width: 25px;
  height: 25px; }

.jsgrid .jsgrid-insert-button {
  background-position: -3px -202px;
  width: 16px;
  height: 16px; }

.toolbar {
  padding: 5px 15px;
  background-color: var(--theme-deafult);
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
  margin-right: 15px; }

code.option {
  color: #FE6A49 !important; }

code.api {
  color: #00AC46 !important; }

.dt-ext .dataTables_wrapper .page-item.active .page-link {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important;
  color: #fff; }

.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 9px 12px;
  border: 1px solid #E6E9EB !important;
  border-radius: 0px; }
  .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.hover, .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.active {
    border: none !important; }

.dt-ext .dataTables_wrapper .dataTables_paginate .page-link {
  margin-left: 0px;
  color: var(--theme-deafult); }

.dt-ext .dataTables_wrapper button.dt-button,
.dt-ext .dataTables_wrapper div.dt-button,
.dt-ext .dataTables_wrapper a.dt-button,
.dt-ext .dataTables_wrapper button.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button.active:not(.disabled) {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  border-radius: 2px;
  color: #fff;
  background-image: none;
  font-size: 14px; }

.dt-ext .dataTables_wrapper button.dt-button.btn-success,
.dt-ext .dataTables_wrapper div.dt-button.btn-success,
.dt-ext .dataTables_wrapper a.dt-button.btn-success {
  background-color: #00AC46;
  border-color: #00AC46; }

.dt-ext .dataTables_wrapper button.dt-button.btn-primary,
.dt-ext .dataTables_wrapper div.dt-button.btn-primary,
.dt-ext .dataTables_wrapper a.dt-button.btn-primary {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }

.dt-ext .dataTables_wrapper button.dt-button.btn-danger,
.dt-ext .dataTables_wrapper div.dt-button.btn-danger,
.dt-ext .dataTables_wrapper a.dt-button.btn-danger {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.dt-ext .dataTables_wrapper table.dataTable th.focus,
.dt-ext .dataTables_wrapper table.dataTable td.focus {
  outline: 3px solid var(--theme-deafult); }

.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected > .sorting_1,
.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
  background-color: #29ffff; }

.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd.selected,
.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd > .selected,
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected,
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd > .selected {
  background-color: #29ffff; }

.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.even.selected > .sorting_1,
.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
  background-color: #29ffff; }

.dt-ext .dataTables_wrapper table.dataTable tbody > tr.selected,
.dt-ext .dataTables_wrapper table.dataTable tbody > tr > .selected {
  background-color: #29ffff; }

td.highlight {
  background-color: #E6E9EB !important; }

td.details-control {
  background: url(/../images/details_open.png) no-repeat center center;
  cursor: pointer; }

tr.shown td.details-control {
  background: url(/../images/details_close.png) no-repeat center center; }

.dataTables_scroll ~ .dataTables_paginate {
  margin-top: 20px !important; }

.product-table th:last-child {
  min-width: 120px; }

.product-table h6 {
  font-weight: 600;
  color: #2c323f; }

table.dataTable.display tbody tr.odd > .sorting_1 {
  background-color: #fdfeff; }

table.dataTable.display tbody tr.odd .badge {
  line-height: 15px; }

table.dataTable.display tbody tr.even .badge {
  line-height: 15px; }

.jsgrid-row .jsgrid-cell .badge,
.jsgrid-alt-row .jsgrid-cell .badge {
  line-height: 15px !important; }

/**=====================
     2.12 Datatable CSS Ends
==========================**/
/**=====================
    2.13 Datapicker CSS Start
==========================**/
.clockpicker-canvas line {
  stroke: var(--theme-deafult); }

.clockpicker-canvas-fg,
.clockpicker-canvas-bearing {
  fill: var(--theme-deafult); }

.datepicker {
  z-index: 99; }

.datepicker--day-name {
  color: #006666;
  font-weight: bold; }

.datepicker--cell.-current- {
  color: #000;
  border-radius: 5px;
  font-weight: bold;
  border: 2px solid var(--theme-deafult); }

.datepicker--cell.-focus- {
  background: var(--theme-deafult);
  color: #fff; }

.datepicker--cell.-selected- {
  background: var(--theme-deafult) !important; }

.datepicker--cell-day {
  width: 14.2857142857%; }

.datepickers-container,
.bootstrap-datetimepicker-widget {
  z-index: 7; }

.datetime-picker .bootstrap-datetimepicker-widget.dropdown-menu {
  width: auto; }

.datetime-picker .input-group-text i {
  line-height: 1.3; }

.clockpicker-popover {
  border: none;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  z-index: 7; }
  .clockpicker-popover .popover-content {
    background-color: rgba(0, 102, 102, 0.05); }

.clockpicker-canvas-bg {
  fill: #29ffff; }

.clockpicker-tick:hover {
  color: inherit;
  background-color: #29ffff; }

.calendar-basic .md-sidebar-aside {
  background-color: #fff; }

.calendar-basic #external-events {
  padding: 20px;
  border: 1px solid #d7e2e9; }
  .calendar-basic #external-events h4 {
    margin-bottom: 14px; }
  .calendar-basic #external-events p {
    margin-top: 12px; }
  .calendar-basic #external-events .fc-h-event {
    padding: 12px;
    background-color: var(--theme-deafult);
    border: 1px solid var(--theme-deafult); }
    .calendar-basic #external-events .fc-h-event + .fc-h-event {
      margin-top: 10px; }
    .calendar-basic #external-events .fc-h-event .fc-event-main {
      font-size: 13px; }

.calendar-basic .calendar-default .fc-daygrid-dot-event .fc-event-title {
  text-overflow: ellipsis; }

.calendar-basic .calendar-default .fc td[role="presentation"] {
  border: 0; }

.calendar-basic .calendar-default .fc .fc-daygrid-day-number,
.calendar-basic .calendar-default .fc .fc-col-header-cell-cushion {
  color: #051A1A; }

.calendar-basic .calendar-default .fc .fc-button .fc-icon {
  height: 23px; }

.calendar-basic .calendar-default .fc-h-event {
  padding: 2px;
  background-color: #006666;
  border: 1px solid #006666; }

.calendar-basic .calendar-default .fc-toolbar-chunk .fc-button-group ~ .fc-today-button {
  margin: 0 8px; }

.fc-event-dragging {
  padding: 10px;
  background-color: var(--theme-deafult); }

.fc .fc-toolbar {
  flex-wrap: wrap;
  gap: 10px; }

.fc .fc-button-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 102, 102, 0.5); }

.main-inline-calender.input-group {
  flex-direction: column; }
  .main-inline-calender.input-group .form-control {
    width: 100%; }
  .main-inline-calender.input-group .flatpickr-calendar.inline {
    width: 100%; }
  .main-inline-calender.input-group .flatpickr-innerContainer {
    display: block; }
  .main-inline-calender.input-group .flatpickr-rContainer {
    display: block; }
    .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-weekdays {
      width: 100%; }
    .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days {
      width: 100%; }
      .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer {
        width: 100%;
        max-width: none;
        min-width: unset; }
        .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day {
          border-radius: 5px;
          width: 100%;
          max-width: unset; }
          .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover {
            color: var(--body-font-color); }

.flatpickr-day.selected,
.flatpickr-day .endRange {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }
  .flatpickr-day.selected:hover,
  .flatpickr-day .endRange:hover {
    background-color: var(--theme-deafult);
    border-color: var(--theme-deafult); }

.main-flatpickr .form-control:read-only {
  background-color: unset; }

.flatpickr-months {
  font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: 30px; }
  .flatpickr-months .flatpickr-month {
    margin-top: 16px; }
  .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    top: 10px; }

.flatpickr-current-month {
  font-size: calc(14px + (19 - 14) * ((100vw - 320px) / (1920 - 320))); }

@media (max-width: 400px) {
  .flatpickr-calendar.animate {
    width: 77%;
    left: 50% !important;
    transform: translateX(-50%); } }

.flatpickr-calendar .flatpickr-days {
  width: unset; }
  .flatpickr-calendar .flatpickr-days .dayContainer {
    width: unset;
    min-width: unset;
    max-width: unset; }

@media (max-width: 768px) {
  .flatpicker-calender .form-control {
    font-size: 14px; } }

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.timepicker-wrapper .row {
  margin-bottom: 16px; }
  .timepicker-wrapper .row:last-child {
    margin-bottom: 0; }

/**=====================
   2.13 Datapicker CSS End
==========================**/
/**=====================
	2.14 Dropdown CSS Start
==========================**/
.img-cropper .dropup .dropdown-toggle::after {
  content: '';
  display: none; }

.dropdown-auto {
  overflow: auto; }

.dropdown-divider {
  margin: 0; }

.dropdown .dropdown-toggle {
  color: #242934;
  border-radius: 8px;
  padding: 11px 12px;
  border: 1px solid #E6E9EB;
  width: 106px;
  text-align: left; }
  .dropdown .dropdown-toggle:focus {
    border: 1px solid #E6E9EB;
    box-shadow: none; }
  .dropdown .dropdown-toggle:after {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f107";
    border: none;
    font-family: "FontAwesome";
    font-size: 18px;
    margin: 0; }
  .dropdown .dropdown-toggle.btn-primary {
    color: #fff; }

.dropdown .dropdown-toggle-store {
  width: 130px; }

.dropdown .dropdown-toggle-calendar {
  width: 218px; }

.dropdown .dropdown-menu {
  font-family: "Montserrat", sans-serif;
  z-index: 4; }

.docs-toggles .dropdown .dropdown-toggle {
  width: auto; }

.docs-toggles .btn-group lable.active .docs-tooltip {
  color: #fff !important; }

.nav-tabs .dropdown .dropdown-toggle {
  width: 120px; }
  @media only screen and (max-width: 575.98px) {
    .nav-tabs .dropdown .dropdown-toggle {
      width: 100%;
      text-align: center; } }
.icon-dropdown .dropdown-toggle {
  background: transparent;
  color: #FFFFFF;
  padding: 0;
  width: auto; }
  .icon-dropdown .dropdown-toggle i {
    font-size: 16px; }
  .icon-dropdown .dropdown-toggle::after {
    display: none; }

.icon-dropdown .dropdown-item {
  line-height: 1.5; }

.dropdown-basic {
  margin-bottom: -10px; }
  .dropdown-basic .btn-group .btn-round {
    border-radius: 50px; }
  .dropdown-basic .separated-btn {
    margin-left: -6px; }
    [dir="rtl"] .dropdown-basic .separated-btn {
      margin-left: unset;
      margin-right: -6px; }
    .dropdown-basic .separated-btn .btn {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      padding: 10px; }
    .dropdown-basic .separated-btn.dropdown {
      margin-bottom: 0; }
  .dropdown-basic button {
    max-height: 43px; }
  .dropdown-basic .dropdown {
    position: relative;
    display: inline-block;
    margin-bottom: 10px; }
    .dropdown-basic .dropdown .dropbtn {
      color: white;
      padding: 12px 35px;
      border: none;
      cursor: pointer; }
    .dropdown-basic .dropdown .dropdown-content {
      display: none;
      position: absolute;
      right: 0;
      background-color: #f9f9f9;
      min-width: 175px;
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
      z-index: 1;
      left: 0;
      top: 45px; }
      .dropdown-basic .dropdown .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block; }
      .dropdown-basic .dropdown .dropdown-content .dropdown-header {
        padding: 12px 16px; }
  .dropdown-basic .dropdown-content a:hover {
    background-color: #f1f1f1; }
  .dropdown-basic .dropdown:hover .dropdown-content {
    display: block; }

.dropup-basic .dropup {
  position: relative;
  display: inline-block; }
  .dropup-basic .dropup .dropbtn {
    color: white;
    padding: 12px;
    border: none; }
  .dropup-basic .dropup .dropup-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 170px;
    bottom: 45px;
    z-index: 999;
    left: 0; }
    .dropup-basic .dropup .dropup-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block; }

.dropup-basic .dropup .dropup-content a:hover {
  background-color: #ecf3fa; }

.dropup-basic .dropup:hover .dropup-content {
  display: block; }
  .dropup-basic .dropup:hover .dropup-content a.active {
    background-color: #ecf3fa; }

.dropdown-block li .dropdown-item:hover {
  background-color: #E6E9EB; }

.dropdown-block li .helper-truncate:hover {
  background-color: unset !important; }

.dropdown-basic .dropdown .dropdown-content a:hover {
  background-color: #E6E9EB !important; }

.dropdown-menu .input-group {
  background-color: unset;
  padding: 6px 12px;
  border-top: 1px solid #efefef;
  background-color: #fff;
  opacity: 0.6; }
  .dropdown-menu .input-group:hover, .dropdown-menu .input-group:active {
    background-color: #E6E9EB; }
  .dropdown-menu .input-group .input-group-text {
    background-color: unset;
    border: none; }

.dark-form .form-label {
  color: var(--text-gray); }

.dark-form .form-control {
  border: 1px solid var(--text-gray) !important; }

.dark-form .form-check .form-check-input {
  border: 1px solid var(--text-gray); }

.dark-form .form-check .form-check-label {
  color: var(--text-gray); }

.dark-form h6 {
  color: var(--text-gray); }

.dark-form p.dropdown-item {
  padding: 7px 0 0 0;
  border-top: 1px solid var(--chart-dashed-border); }

.dark-form .helper-truncate {
  color: var(--text-gray);
  background-color: transparent; }

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 8px;
  vertical-align: 4px;
  content: '';
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-bottom: 0;
  border-left: 4px solid transparent; }
  [dir="rtl"] .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px; }

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 8px;
  content: '';
  border-top: 4px solid transparent;
  border-right: 4px solid;
  border-bottom: 4px solid transparent; }
  [dir="rtl"] .dropstart .dropdown-toggle::before {
    margin-left: 8px;
    margin-right: unset; }

.dropup .dropdown-toggle::after {
  content: '';
  display: inline-block;
  margin-left: 8px;
  vertical-align: 4px;
  border-top: 0;
  border-right: 4px solid transparent;
  border-bottom: 4px solid;
  border-left: 4px solid transparent; }
  [dir="rtl"] .dropup .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px; }

.dropend .dropdown-toggle::after {
  content: '';
  display: inline-block;
  content: '';
  border-top: 4px solid transparent;
  border-right: 0;
  border-bottom: 4px solid transparent;
  border-left: 4px solid;
  margin-left: 8px; }
  [dir="rtl"] .dropend .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px; }

.form-wrapper {
  width: 260px; }

@media (max-width: 400px) {
  .dropdown-menu .helper-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; } }

.dark-dropdown .dropdown-block li .dropdown-item:hover, .dark-dropdown .dropdown-block li .dropdown-item.active {
  background-color: #2c323f;
  color: #fff; }

btn-group .dropdown-wrapper {
  z-index: 2; }
  btn-group .dropdown-wrapper .input-group .input-group-text {
    padding: 0px 8px 0px 0px; }
    [dir="rtl"] btn-group .dropdown-wrapper .input-group .input-group-text {
      padding: 0px 0px 0px 8px; }

[dir="rtl"] .rtl-dropdown .dropdown-menu li .dropdown-item {
  text-align: right; }

[dir="rtl"] .rtl-dropdown .btn-group .dropdown-menu {
  text-align: right; }

.heading-dropdown .dropdown-menu > li:first-child > a {
  border-bottom: 4px solid var(--recent-border);
  border-top: 0;
  background-color: #d7e2e9; }

/**=====================
	2.14 Dropdown CSS Ends
==========================**/
/**=====================
  2.15 Form-builder CSS Start
==========================**/
.component {
  cursor: pointer; }
  .component label {
    padding-top: 8px; }
  .component .form-group input,
  .component .form-group textarea,
  .component .form-group select {
    border-radius: 4px; }

input {
  cursor: pointer; }

textarea {
  resize: vertical; }

.popover .controls {
  margin-left: 0; }

.popover .control-label {
  text-align: left; }

.popover form {
  width: 100%; }

.popover .fade.left.in {
  left: -215px; }

.drag form {
  padding: 10px 5px;
  border: 1px dotted #ecf3fa;
  position: absolute;
  background: #fff;
  box-shadow: 0 0 30px #ecf3fa;
  overflow: hidden; }
  .drag form input {
    border-radius: 5px; }

/**=====================
  2.15 Form-builder CSS Ends
==========================**/
/**=====================
    2.16 Form-input CSS Start
==========================**/
.icon-addon .addon-md .fa, .icon-addon .addon-md .glyphicon {
  position: absolute;
  z-index: 2;
  left: 10px;
  font-size: 14px;
  width: 20px;
  margin-left: -2.5px;
  text-align: center;
  padding: 10px 0;
  top: 1px; }

.icon-addon .glyphicon,
.icon-addon .fa {
  position: absolute;
  z-index: 2;
  left: 10px;
  font-size: 14px;
  width: 20px;
  margin-left: -2.5px;
  text-align: center;
  padding: 10px 0;
  top: 1px; }

.input-group-square .input-group-text,
.input-group-square .form-control {
  border-radius: 0px; }

.input-group-air {
  box-shadow: 0 3px 20px 0 #efefef; }

.icon-addon {
  position: relative;
  color: #4c5667;
  display: block; }
  .icon-addon:after {
    display: table;
    content: "";
    clear: both; }
  .icon-addon:before {
    display: table;
    content: ""; }
  .icon-addon .addon-md .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal; }
  .icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal; }

.input-group-wrapper .input-group {
  margin-bottom: 16px; }
  .input-group-wrapper .input-group .form-control {
    font-size: 16px; }
    .input-group-wrapper .input-group .form-control:focus {
      border-color: var(--recent-border);
      box-shadow: unset; }
  .input-group-wrapper .input-group:last-child {
    margin-bottom: 0; }

.input-group-wrapper .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.main-custom-form label {
  margin-bottom: 0; }

.main-custom-form .form-select:focus {
  box-shadow: unset;
  border-color: var(--recent-border); }

.main-custom-form .dropdown-menu {
  z-index: 3; }

.main-custom-form .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.main-custom-form .form-select,
.main-custom-form .form-control {
  font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); }

.main-custom-form .input-group-text {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); }

@media (max-width: 338px) {
  .main-custom-form .dropdown-toggle.btn {
    padding: 6px 11px; } }

.main-segment-btn .dropdown-toggle::after {
  content: '';
  margin-left: 0;
  border-top: 6px solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  vertical-align: 2px; }

.main-segment-btn .dropdown-menu {
  z-index: 3; }

#exampleDataList::-webkit-calendar-picker-indicator:hover, #exampleDataList::-webkit-calendar-picker-indicator:focus {
  display: none; }

.form-control-color {
  max-width: 70rem; }

.theme-form select.form-select option {
  padding: 8px 10px;
  border-radius: 100px; }

.input-radius .form-control:focus {
  box-shadow: unset;
  border-color: var(--recent-border); }

.input-radius .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.floating-wrapper .form-floating .form-control {
  height: 54px; }

/**=====================
    2.16 Form-input CSS Ends
	==========================**/
/**=====================
    2.17 Form-wizard CSS Start
==========================**/
/*Form Wizard One Start*/
.form-wizard .tab {
  display: none; }

.form-wizard .step {
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: var(--theme-deafult);
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5; }
  .form-wizard .step.active {
    opacity: 1; }
  .form-wizard .step.finish {
    background-color: var(--theme-secondary); }

/*Form Wizard One ends*/
/*Form Wizard Four Start*/
.wizard-4 .action-bar {
  position: absolute;
  bottom: 50px;
  right: 50px; }
  [dir="rtl"] .wizard-4 .action-bar {
    right: unset;
    left: 50px; }

.wizard-4 .action-bar .btn {
  float: right;
  margin: 0 5px;
  background-color: rgba(0, 102, 102, 0.3) !important;
  border-color: rgba(0, 102, 102, 0.3) !important;
  color: var(--theme-deafult); }

.wizard-4 .action-bar .buttonDisabled {
  color: #59667a;
  background-color: rgba(89, 102, 122, 0.05) !important;
  border: 1px solid rgba(89, 102, 122, 0.05) !important;
  cursor: text; }

.wizard-4 .step-container {
  background: #f8f9fe;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0 solid #e8ebf2;
  overflow: hidden;
  clear: right;
  width: 70%; }
  .wizard-4 .step-container div.content {
    display: block;
    position: absolute;
    float: left;
    text-align: left;
    overflow: auto;
    z-index: 1;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both; }
    [dir="rtl"] .wizard-4 .step-container div.content {
      text-align: unset;
      text-align: right; }
    .wizard-4 .step-container div.content .wizard-title {
      width: 450px;
      margin: 0 auto; }

.wizard-4 .loader {
  display: none; }

.wizard-4 .msg-box {
  position: fixed;
  display: none;
  padding: 5px 10px;
  background-color: #009999;
  top: 30px;
  border-radius: 5px;
  right: 60px;
  padding: 10px 20px; }
  .wizard-4 .msg-box .content {
    padding: 0;
    float: left;
    padding-top: 3px;
    color: #fff; }
  .wizard-4 .msg-box .close {
    color: #fff;
    margin-left: 10px;
    opacity: 1;
    font-size: 18px;
    line-height: 1.4; }
    [dir="rtl"] .wizard-4 .msg-box .close {
      margin-right: 10px;
      margin-left: unset; }

.wizard-4 ul.anchor {
  float: left;
  width: 30%;
  height: calc(100vh - 300px);
  padding: 40px 30px;
  overflow: auto; }
  .wizard-4 ul.anchor .disabled {
    opacity: 0.7;
    color: #59667a; }
    .wizard-4 ul.anchor .disabled h4 {
      background-color: rgba(89, 102, 122, 0.15); }
  .wizard-4 ul.anchor .logo {
    padding-bottom: 20px; }
  .wizard-4 ul.anchor li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    padding-bottom: 19px;
    float: left;
    clear: both;
    width: 100%;
    box-sizing: border-box;
    z-index: 0; }
    .wizard-4 ul.anchor li + li a {
      padding-left: 80px; }
      [dir="rtl"] .wizard-4 ul.anchor li + li a {
        padding-left: unset;
        padding-right: 80px; }
    .wizard-4 ul.anchor li:last-child {
      position: absolute;
      bottom: 0;
      width: auto;
      padding-bottom: 0;
      left: 9%; }
      [dir="rtl"] .wizard-4 ul.anchor li:last-child {
        left: unset;
        right: 9%; }
      .wizard-4 ul.anchor li:last-child img {
        height: 300px; }
        @media (max-width: 1199px) {
          .wizard-4 ul.anchor li:last-child img {
            height: 220px; } }
    .wizard-4 ul.anchor li h4 {
      display: inline-block;
      background-color: rgba(0, 102, 102, 0.2);
      padding: 16px 23px;
      border-radius: 100%;
      position: absolute;
      left: 0;
      top: 6px;
      width: 60px;
      display: flex;
      align-items: center;
      justify-content: center; }
      [dir="rtl"] .wizard-4 ul.anchor li h4 {
        left: unset;
        right: 0; }
    .wizard-4 ul.anchor li a {
      display: block;
      position: relative;
      float: left;
      margin: 0;
      padding: 10px 20px;
      width: 100%;
      box-sizing: border-box;
      text-decoration: none;
      outline-style: none;
      z-index: 1;
      font-size: 18px; }
      .wizard-4 ul.anchor li a small {
        display: block;
        font-size: 14px; }
      .wizard-4 ul.anchor li a .stepNumber {
        position: relative;
        float: left;
        width: 30px;
        text-align: center;
        padding: 5px;
        padding-top: 0; }
      .wizard-4 ul.anchor li a.done h4 {
        color: #fff;
        background: var(--theme-deafult); }
        .wizard-4 ul.anchor li a.done h4:before {
          font-size: 12px;
          position: absolute;
          left: 5px;
          top: -3px;
          content: "\e64c";
          font-family: 'themify';
          background-color: #fff;
          color: var(--theme-deafult);
          border-radius: 15px;
          padding: 2px;
          border: 1px solid; }
      .wizard-4 ul.anchor li a.error {
        color: #898989;
        background: #fe8a7d;
        border: 1px solid #FE6A49; }
        .wizard-4 ul.anchor li a.error:hover {
          color: #000; }

.wizard {
  max-width: 670px;
  margin: 0 auto; }
  .wizard .wizard-content {
    box-shadow: unset;
    background-color: #fff;
    border-radius: 5px; }

.vertical-main-wizard .header-vertical-wizard {
  background-color: var(--light-background);
  height: 100%;
  text-align: unset; }
  .vertical-main-wizard .header-vertical-wizard .nav-link {
    border-bottom: 1px solid var(--recent-border);
    border-radius: 0;
    padding: 20px; }
    .vertical-main-wizard .header-vertical-wizard .nav-link:last-child {
      border-bottom: 0; }

.vertical-main-wizard .nav-pills .nav-link.active {
  background-color: transparent; }

.vertical-main-wizard .nav-pills.show > .nav-link {
  background-color: transparent; }

.vertical-main-wizard .nav-link .vertical-wizard {
  display: flex;
  align-items: center;
  gap: 14px; }
  .vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard {
    width: 33px;
    height: 33px;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: relative;
    border: 1px solid #52526c; }
    .vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard i {
      margin-right: 0;
      color: #52526c; }
  .vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content h6 {
    font-weight: 400;
    line-height: 1;
    color: var(--body-font-color); }
  .vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content p {
    color: var(--text-gray); }

.vertical-main-wizard .nav-link:active, .vertical-main-wizard .nav-link.active {
  background-color: unset; }
  .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard {
    background-color: var(--theme-deafult);
    border: 1px solid var(--theme-deafult); }
    .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard i, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard i {
      color: #fff;
      font-size: 18px; }
    .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard::before, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard::before {
      content: '';
      width: 45px;
      height: 45px;
      border-radius: 50%;
      position: absolute;
      border: 1px solid #006666; }
  .vertical-main-wizard .nav-link:active .vertical-wizard .vertical-wizard-content h6, .vertical-main-wizard .nav-link.active .vertical-wizard .vertical-wizard-content h6 {
    color: var(--theme-deafult); }

.vertical-main-wizard .form-check .form-check-label {
  margin-bottom: 0; }

.vertical-main-wizard .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.basic-wizard .stepper-horizontal {
  display: flex;
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  margin-bottom: 24px; }
  .basic-wizard .stepper-horizontal .step {
    position: relative;
    padding-inline: 24px;
    z-index: 2;
    width: 100%; }
    .basic-wizard .stepper-horizontal .step:first-child {
      padding-left: 0; }
    .basic-wizard .stepper-horizontal .step:last-child {
      padding-right: 0; }
    .basic-wizard .stepper-horizontal .step:last-child .step-bar-left, .basic-wizard .stepper-horizontal .step:last-child .step-bar-right {
      display: none; }
    .basic-wizard .stepper-horizontal .step .step-circle {
      width: 32px;
      height: 32px;
      margin: 0 auto;
      border-radius: 50%;
      text-align: center;
      line-height: 28px;
      font-size: 16px;
      font-weight: 600;
      z-index: 2;
      border: 2px solid #E6E9EB;
      background: var(--white); }
    .basic-wizard .stepper-horizontal .step.done .step-circle {
      background-color: var(--white);
      border: 2px solid #52526c;
      color: #006666;
      z-index: 4;
      position: relative; }
      .basic-wizard .stepper-horizontal .step.done .step-circle:before {
        font-family: 'FontAwesome';
        font-weight: 100;
        content: "\f00c"; }
      .basic-wizard .stepper-horizontal .step.done .step-circle * {
        display: none; }
    .basic-wizard .stepper-horizontal .step.done .step-title {
      color: #52526c; }
    .basic-wizard .stepper-horizontal .step.editing .step-circle {
      background: var(--white);
      border-color: #52526c;
      color: var(--theme-deafult); }
    .basic-wizard .stepper-horizontal .step .step-title {
      margin-top: 8px;
      font-size: 16px;
      font-weight: 600;
      white-space: nowrap;
      color: var(--chart-text-color); }
    .basic-wizard .stepper-horizontal .step .step-title,
    .basic-wizard .stepper-horizontal .step .step-optional {
      text-align: center; }
    .basic-wizard .stepper-horizontal .step .step-bar-left,
    .basic-wizard .stepper-horizontal .step .step-bar-right {
      position: absolute;
      top: calc(32px - 18px);
      height: 4px;
      background-color: rgba(0, 102, 102, 0.2);
      border: solid rgba(0, 102, 102, 0.2);
      border-width: 2px 0; }
    .basic-wizard .stepper-horizontal .step .step-bar-left {
      width: 100%;
      left: 50%;
      z-index: -1; }
      [dir="rtl"] .basic-wizard .stepper-horizontal .step .step-bar-left {
        left: unset;
        right: 50%;
        margin-left: unset;
        margin-right: 1rem; }
    .basic-wizard .stepper-horizontal .step .step-bar-right {
      width: 0;
      left: 50%;
      z-index: -1;
      transition: width 500ms ease-in-out; }
      [dir="rtl"] .basic-wizard .stepper-horizontal .step .step-bar-right {
        right: 50%;
        left: unset; }
    .basic-wizard .stepper-horizontal .step.done .step-bar-right {
      background-color: var(--theme-deafult);
      border-color: var(--theme-deafult);
      z-index: 3;
      width: 100%; }

.basic-wizard form.none {
  display: none; }

.basic-wizard form.block {
  display: block; }

.basic-wizard form .form-check-label {
  margin-bottom: 0; }

.important-validation .form-label span {
  color: #FE6A49; }

.select-size.form-select {
  font-size: 14px; }

.wizard-footer button.disabled {
  background-color: #EAEBF2; }

.wizard-footer button.back {
  background-color: #FFAE1A; }

.successful-form {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding-bottom: 24px; }
  .successful-form img {
    width: 100px;
    height: 100px; }

.inquiries-form h6 {
  margin-bottom: 14px; }

.inquiries-form .choose-option {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .inquiries-form .choose-option .form-check:last-child {
    margin-bottom: 0; }

.form-completed img {
  height: 100px;
  margin: 0 auto;
  display: block; }

.form-completed h6 {
  text-align: center;
  margin-top: 24px; }

.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options {
  padding: 20px;
  background-color: var(--chart-border);
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 14px; }
  @media (max-width: 1182px) {
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options {
      justify-content: flex-start; } }
  .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a {
    display: flex;
    justify-content: center;
    align-items: center; }
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard {
      display: flex;
      justify-content: center;
      align-items: center;
      color: var(--body-font-color);
      transition: all 0.3s ease; }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard .stroke-icon-wizard i {
        font-size: 18px;
        color: var(--body-font-color); }
        [dir="rtl"] .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard .stroke-icon-wizard i {
          margin-right: unset;
          margin-left: 10px; }
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard {
      color: var(--white);
      transition: all 0.3s ease; }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .stroke-icon-wizard i, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .stroke-icon-wizard i {
        color: var(--white); }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .stroke-icon-wizard span, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .stroke-icon-wizard span {
        color: var(--white); }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .horizontal-wizard-content h6, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .horizontal-wizard-content h6 {
        color: #fff; }

.horizontal-wizard-wrapper .main-horizontal-header .form-check {
  margin-bottom: 0; }

.horizontal-wizard-wrapper .bank-search {
  margin-bottom: 22px; }
  @media (max-width: 767px) {
    .horizontal-wizard-wrapper .bank-search {
      margin-bottom: 0; } }
.horizontal-wizard-wrapper .bank-selection {
  padding: 10px 0 0 0; }
  @media (max-width: 401px) {
    .horizontal-wizard-wrapper .bank-selection .radio-wrapper {
      justify-content: center; } }
  .horizontal-wizard-wrapper .bank-selection .radio-wrapper li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; }
    .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label {
      margin-bottom: 0;
      padding: 6px; }
      .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label img {
        height: calc(45px + (52 - 45) * ((100vw - 320px) / (1920 - 320))); }
      .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label span {
        font-size: 14px; }

.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options {
  gap: 12px; }
  @media (max-width: 1400px) {
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options {
      justify-content: flex-start; } }
  .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link {
    color: var(--body-font-color); }
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard {
      gap: 10px; }
      .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard {
        width: 30px;
        height: 30px;
        background-color: rgba(0, 102, 102, 0.2);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 6px; }
        .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard i {
          margin-right: 0; }
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active {
      background-color: unset; }
      .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard {
        color: var(--body-font-color); }
        .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .horizontal-wizard-content h6, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .horizontal-wizard-content h6 {
          color: var(--theme-deafult); }
        .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .stroke-icon-wizard, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .stroke-icon-wizard {
          background-color: var(--theme-deafult); }
          .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .stroke-icon-wizard i, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .stroke-icon-wizard i {
            margin-right: 0;
            color: var(--white); }

.horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li {
  padding: 20px;
  display: grid;
  width: 100%;
  height: 100%;
  place-content: baseline;
  text-align: unset;
  align-items: unset;
  max-width: unset; }
  .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label {
    justify-content: unset;
    display: flex;
    align-items: center; }
    .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label span > span + span {
      font-size: 13px; }
      @media (max-width: 400px) {
        .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label span > span + span {
          display: none; } }
.horizontal-wizard-wrapper.vertical-options .main-horizontal-header {
  padding-bottom: 0; }
  .horizontal-wizard-wrapper.vertical-options .main-horizontal-header .horizontal-options {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px; }

.authentication-options .radio-wrapper {
  display: flex;
  gap: calc(8px + 8 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
  justify-content: center; }
  .authentication-options .radio-wrapper li {
    padding: 20px;
    display: grid;
    width: 100%;
    height: 100%;
    place-content: baseline;
    text-align: unset;
    align-items: unset;
    max-width: unset; }
    .authentication-options .radio-wrapper li .form-check-label {
      display: flex;
      align-items: center;
      text-align: left;
      gap: 14px; }
      @media (max-width: 400px) {
        .authentication-options .radio-wrapper li .form-check-label {
          align-items: baseline; } }
      .authentication-options .radio-wrapper li .form-check-label i {
        padding: 0; }
        [dir="rtl"] .authentication-options .radio-wrapper li .form-check-label i {
          padding: 0; }
      .authentication-options .radio-wrapper li .form-check-label span > span {
        font-size: 16px;
        color: #1f2533;
        font-weight: 500; }
        .authentication-options .radio-wrapper li .form-check-label span > span + span {
          color: var(--text-gray);
          font-size: 14px; }

.main-qr-code .modal-toggle-wrapper .modal-img {
  flex-direction: column;
  align-items: center;
  margin-bottom: 22px; }
  @media (max-width: 480px) {
    .main-qr-code .modal-toggle-wrapper .modal-img {
      align-items: unset; } }
  @media (max-width: 480px) {
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-img {
      text-align: center; } }
  .main-qr-code .modal-toggle-wrapper .modal-img .qr-img img {
    height: 100px;
    width: 100px; }
  .main-qr-code .modal-toggle-wrapper .modal-img .qr-content {
    margin-top: 16px; }
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert {
      align-items: unset; }
      .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert div {
        word-break: break-word; }
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-content i {
      font-size: 20px;
      margin-right: 0; }

.main-qr-code .modal-toggle-wrapper .btn {
  display: block;
  margin: auto;
  margin-top: 12px; }

.authentication-body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: auto;
  text-align: center; }
  .authentication-body img {
    height: calc(200px + (420 - 200) * ((100vw - 320px) / (1920 - 320))); }

.shopping-wizard .shipping-form .shipping-border {
  border-right: 1px solid var(--recent-dashed-border); }
  @media (max-width: 1200px) {
    .shopping-wizard .shipping-form .shipping-border {
      border-right: unset; } }
.shopping-wizard .shipping-form .shipping-options {
  display: flex;
  align-items: center;
  background-color: rgba(0, 102, 102, 0.2);
  flex-wrap: nowrap;
  margin-bottom: 18px; }
  @media (max-width: 768px) {
    .shopping-wizard .shipping-form .shipping-options {
      flex-direction: column; } }
  .shopping-wizard .shipping-form .shipping-options .nav-link {
    width: 100%; }
    @media (min-width: 1200px) and (max-width: 1920px) {
      .shopping-wizard .shipping-form .shipping-options .nav-link {
        padding: calc(8px + (8 - 8) * ((100vw - 300px) / (1920 - 300))) calc(6px + (16 - 6) * ((100vw - 300px) / (1920 - 300))); } }
    .shopping-wizard .shipping-form .shipping-options .nav-link:active i, .shopping-wizard .shipping-form .shipping-options .nav-link.active i {
      background-color: rgba(255, 255, 255, 0.3);
      color: var(--white);
      transition: all 0.3s ease-in-out; }
    .shopping-wizard .shipping-form .shipping-options .nav-link:active h6, .shopping-wizard .shipping-form .shipping-options .nav-link.active h6 {
      color: var(--white); }
  .shopping-wizard .shipping-form .shipping-options .cart-options {
    display: flex;
    align-items: center;
    gap: 11px; }
    .shopping-wizard .shipping-form .shipping-options .cart-options i {
      font-size: 18px;
      color: var(--white);
      width: 40px;
      height: 40px;
      background-color: var(--theme-deafult);
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      margin: 0;
      transition: all 0.3s ease-in-out; }
      @media (min-width: 1200px) and (max-width: 1920px) {
        .shopping-wizard .shipping-form .shipping-options .cart-options i {
          font-size: calc(14px + (18 - 14) * ((100vw - 1200px) / (1920 - 1200)));
          width: calc(30px + (40 - 30) * ((100vw - 1200px) / (1920 - 1200)));
          height: calc(30px + (40 - 30) * ((100vw - 1200px) / (1920 - 1200))); } }
    .shopping-wizard .shipping-form .shipping-options .cart-options h6 {
      color: var(--theme-deafult); }

.shopping-wizard .shipping-form .shipping-info .table thead th {
  white-space: nowrap; }
  .shopping-wizard .shipping-form .shipping-info .table thead th:last-child {
    text-align: end; }

.shopping-wizard .shipping-form .shipping-info .table tbody tr td img {
  height: 50px; }

.shopping-wizard .shipping-form .shipping-info .table tbody tr td:last-child {
  text-align: end; }

.shopping-wizard .shipping-form .shipping-info .table tbody tr td span {
  color: var(--text-gray); }

.shopping-wizard .shipping-form .shipping-info .table tbody tr:last-child td {
  border: 0; }

.shopping-wizard .shipping-form .shipping-info .table tfoot {
  font-weight: 400; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr td {
    white-space: nowrap; }
    .shopping-wizard .shipping-form .shipping-info .table tfoot tr td:first-child {
      max-width: 370px; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr td:last-child {
    min-width: 0;
    text-align: end; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr:first-child {
    font-weight: 500; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr:last-child {
    font-weight: 600; }
    .shopping-wizard .shipping-form .shipping-info .table tfoot tr:last-child td {
      border-bottom: 0; }

.shopping-wizard .shipping-form .shipping-content {
  height: 100%;
  padding: 0; }
  .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title > .btn {
      background: none !important;
      border: 0;
      padding: 0 28px; }
      .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title > .btn i {
        color: var(--theme-deafult); }
  .shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px; }
    .shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address .card-icon {
      display: flex;
      align-items: center;
      gap: 12px; }
      .shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address .card-icon i {
        font-size: 16px;
        color: var(--theme-deafult); }
  .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-address {
    display: flex;
    flex-direction: column;
    gap: 8px; }
    .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-address h6 {
      font-size: 15px;
      font-weight: 500; }
  .shopping-wizard .shipping-form .shipping-content > .active.finish-wizard1 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 55px - 18px); }
    @media (max-width: 768px) {
      .shopping-wizard .shipping-form .shipping-content > .active.finish-wizard1 {
        height: unset; } }
.shopping-wizard .shipping-form .shipping-method p {
  padding-left: 25px;
  color: var(--text-gray); }
  [dir="rtl"] .shopping-wizard .shipping-form .shipping-method p {
    padding-right: 25px;
    padding-left: unset; }

.shopping-wizard .shipping-form .proceed-next {
  transform: scaleX(-1); }

.shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 768px) {
    .shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper {
      justify-content: unset;
      align-items: flex-start;
      flex-direction: column; } }
  .shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper img {
    height: 50px; }

.shopping-wizard .shipping-form .payment-info-wrapper .pay-info {
  display: block; }
  .shopping-wizard .shipping-form .payment-info-wrapper .pay-info > div {
    margin-bottom: 12px;
    display: flex;
    align-items: center; }
    @media (max-width: 768px) {
      .shopping-wizard .shipping-form .payment-info-wrapper .pay-info > div {
        flex-direction: column;
        align-items: flex-start; } }
.shopping-wizard .shipping-form .order-confirm {
  text-align: center; }
  @media (max-width: 1200px) {
    .shopping-wizard .shipping-form .order-confirm {
      margin-bottom: 18px; } }
  .shopping-wizard .shipping-form .order-confirm img {
    height: calc(95px + (140 - 95) * ((100vw - 320px) / (1920 - 320))); }

.avatar-upload {
  flex-direction: column; }
  .avatar-upload div:first-child {
    position: relative;
    max-width: 205px;
    margin: auto; }
    .avatar-upload div:first-child .avatar-edit {
      position: absolute;
      right: 25px;
      z-index: 1;
      top: 4px; }
      .avatar-upload div:first-child .avatar-edit input {
        display: none; }
      .avatar-upload div:first-child .avatar-edit label {
        display: inline-block;
        width: 35px;
        height: 35px;
        margin-bottom: 0;
        border-radius: 100%;
        background: var(--light-bg);
        border: 1px solid transparent;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
        cursor: pointer;
        font-weight: normal;
        transition: all 0.2s ease-in-out; }
        .avatar-upload div:first-child .avatar-edit label::after {
          content: "\f040";
          font-family: 'FontAwesome';
          color: var(--body-font-color);
          position: absolute;
          top: 8px;
          left: 3px;
          right: 0;
          text-align: center;
          margin: auto; }
          [dir="rtl"] .avatar-upload div:first-child .avatar-edit label::after {
            right: 3px;
            left: 0; }
    .avatar-upload div:first-child .avatar-preview {
      width: 150px;
      height: 150px;
      position: relative;
      border-radius: 100%;
      border: 6px solid #F8F8F8;
      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
      margin: auto; }
      .avatar-upload div:first-child .avatar-preview > div {
        background-image: url(/../images/forms/user.png);
        width: 100%;
        height: 100%;
        border-radius: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }
  .avatar-upload h6 {
    text-align: center;
    padding-top: 14px; }

.email-verify .card-wrapper {
  display: grid;
  place-content: center; }
  .email-verify .card-wrapper > div {
    align-items: center; }
  .email-verify .card-wrapper .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.authenticate {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .authenticate span:nth-of-type(1) {
    margin-top: 12px; }
  .authenticate h4 {
    margin-bottom: 12px; }
  .authenticate img {
    height: calc(145px + (200 - 145) * ((100vw - 320px) / (1920 - 320))); }
  .authenticate form {
    flex-direction: column;
    text-align: center; }
    .authenticate form .otp-generate {
      display: flex;
      gap: 12px;
      margin: 14px 0;
      justify-content: center; }
    .authenticate form .form-control {
      width: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
      height: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
      border-radius: 5px;
      text-align: center;
      padding: 0;
      display: block;
      min-width: 0; }
    .authenticate form div {
      display: inline-grid;
      gap: 2px;
      margin-top: 12px; }

.accordion .accordion-item .accordion-body .choose-bank .form-check .form-check-label {
  color: var(--body-font-color); }

/*Form Wizard Four Ends*/
/**=====================
   2.17 Form-wizard CSS Ends
==========================**/
/**=====================
  2.18 Forms CSS Start
==========================**/
.form-label {
  margin-bottom: 4px; }

.col-form-label {
  padding-bottom: 4px; }

.form-space {
  margin-bottom: -10px; }
  .form-space > div {
    margin-bottom: 10px; }

.theme-form .form-control :focus {
  box-shadow: 0 0 0 0.2rem rgba(171, 140, 228, 0.05); }

.theme-form textarea {
  border-color: #efefef; }
  .theme-form textarea::-webkit-input-placeholder {
    color: #898989;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 100; }

.theme-form input[type=text],
.theme-form input[type=email],
.theme-form input[type=search],
.theme-form input[type=password],
.theme-form input[type=number],
.theme-form input[type=tel],
.theme-form input[type=date],
.theme-form input[type=datetime-local],
.theme-form input[type=time],
.theme-form input[type=datetime-local],
.theme-form input[type=month],
.theme-form input[type=week],
.theme-form input[type=url],
.theme-form input[type=file],
.theme-form textarea,
.theme-form select {
  border-color: #E6E9EB;
  background-color: #fff;
  font-size: 14px;
  color: #898989;
  padding: 10px;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .theme-form input[type=text]::placeholder,
  .theme-form input[type=email]::placeholder,
  .theme-form input[type=search]::placeholder,
  .theme-form input[type=password]::placeholder,
  .theme-form input[type=number]::placeholder,
  .theme-form input[type=tel]::placeholder,
  .theme-form input[type=date]::placeholder,
  .theme-form input[type=datetime-local]::placeholder,
  .theme-form input[type=time]::placeholder,
  .theme-form input[type=datetime-local]::placeholder,
  .theme-form input[type=month]::placeholder,
  .theme-form input[type=week]::placeholder,
  .theme-form input[type=url]::placeholder,
  .theme-form input[type=file]::placeholder,
  .theme-form textarea::placeholder,
  .theme-form select::placeholder {
    color: #898989;
    font-weight: 500; }
  .theme-form input[type=text]::-webkit-input-placeholder,
  .theme-form input[type=email]::-webkit-input-placeholder,
  .theme-form input[type=search]::-webkit-input-placeholder,
  .theme-form input[type=password]::-webkit-input-placeholder,
  .theme-form input[type=number]::-webkit-input-placeholder,
  .theme-form input[type=tel]::-webkit-input-placeholder,
  .theme-form input[type=date]::-webkit-input-placeholder,
  .theme-form input[type=datetime-local]::-webkit-input-placeholder,
  .theme-form input[type=time]::-webkit-input-placeholder,
  .theme-form input[type=datetime-local]::-webkit-input-placeholder,
  .theme-form input[type=month]::-webkit-input-placeholder,
  .theme-form input[type=week]::-webkit-input-placeholder,
  .theme-form input[type=url]::-webkit-input-placeholder,
  .theme-form input[type=file]::-webkit-input-placeholder,
  .theme-form textarea::-webkit-input-placeholder,
  .theme-form select::-webkit-input-placeholder {
    color: #86909C;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 100; }

.theme-form input[type=text]::placeholder {
  color: #86909C;
  font-size: 14px; }

.theme-form input[type=file] {
  height: auto; }

.theme-form select.form-control:not([size]):not([multiple]) {
  border-color: #efefef;
  font-size: 14px; }

.theme-form .checkbox label {
  padding-left: 10px; }
  [dir="rtl"] .theme-form .checkbox label {
    padding-right: 10px;
    padding-left: unset; }

.theme-form .form-divider {
  position: relative;
  clear: both;
  height: 0;
  margin: 30px 0;
  border-top: 1px solid #efefef; }
  .theme-form .form-divider:before {
    position: absolute;
    top: -11px;
    left: 40%;
    margin-left: -10px;
    padding: 0 5px;
    content: "Or Signup With";
    color: #242934;
    background: #fff; }
    [dir="rtl"] .theme-form .form-divider:before {
      left: unset;
      right: 40%;
      margin-left: unset;
      margin-right: -10px; }

.theme-form .login-divider {
  position: relative;
  clear: both;
  height: 0;
  margin: 30px 0;
  border-top: 1px solid #efefef; }
  .theme-form .login-divider:before {
    position: absolute;
    top: -11px;
    left: 40%;
    margin-left: -10px;
    padding: 0 5px;
    color: #242934;
    background: #fff;
    content: "Or Login With"; }
    [dir="rtl"] .theme-form .login-divider:before {
      left: unset;
      right: 40%;
      margin-left: unset;
      margin-right: -10px; }

.theme-form .btn-fb,
.theme-form .btn-twitter,
.theme-form .btn-google,
.theme-form .btn-linkedin {
  color: #fff;
  width: 100%; }

.theme-form .btn-fb {
  background-color: #50598e; }

.theme-form .btn-twitter {
  background-color: #6fa2d8; }

.theme-form .btn-google {
  background-color: #c64e40; }

.theme-form .btn-linkedin {
  background-color: #0077B5; }

.form-inline {
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0; }
  .form-inline .col-form-label {
    margin-right: 5px; }
    [dir="rtl"] .form-inline .col-form-label {
      margin-left: 5px;
      margin-right: unset; }

.search-form .form-group:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 25px;
  background: #e8ebf2;
  left: 82px;
  top: 50px; }
  [dir="rtl"] .search-form .form-group:before {
    left: unset;
    right: 82px; }

.search-form .form-group:after {
  position: absolute;
  content: "\f002";
  font-family: "FontAwesome";
  top: 53px;
  left: 53px;
  color: #8e8e8e; }
  [dir="rtl"] .search-form .form-group:after {
    left: unset;
    right: 53px; }

.search-form input {
  border: 1px solid #efefef;
  padding: 10px 10px 10px 70px;
  border-radius: 10px;
  background-color: rgba(230, 233, 235, 0.3); }
  [dir="rtl"] .search-form input {
    padding: 10px 70px 10px 10px; }
  .search-form input:focus {
    outline: none !important; }

.form-label-align-right label {
  text-align: right;
  padding-top: 17px;
  font-weight: 500; }

.custom-input.was-validated .form-control:valid,
.custom-input.was-validated .form-select:valid {
  border-color: #00AC46; }

.custom-input.was-validated .form-control:invalid,
.custom-input.was-validated .form-select:invalid {
  border-color: #FE6A49; }

.custom-input .valid-tooltip {
  background-color: #00AC46; }

.custom-input .invalid-tooltip {
  background-color: rgba(254, 106, 73, 0.8); }

.custom-input .invalid-feedback {
  color: #FE6A49 !important; }

.custom-input .form-check .form-check-input:valid {
  border-color: #00AC46; }

.custom-input .form-check .form-check-input:invalid {
  border-color: #FE6A49; }

.custom-input .form-check .form-check-input:invalid ~ .form-check-label {
  color: #FE6A49; }

.custom-input .form-check .form-check-input:valid ~ .form-check-label {
  color: #00AC46; }

.custom-input .form-check .form-check-input:checked {
  background-color: #00AC46; }

.custom-input .form-check .invalid-feedback {
  color: #FE6A49; }

.custom-input #validationCustom03.form-control,
.custom-input #validationCustom03 .form-select,
.custom-input #validationCustom05.form-control,
.custom-input #validationCustom05 .form-select,
.custom-input #validationCustomUsername.form-control,
.custom-input #validationCustomUsername .form-select {
  border-color: #E6E9EB; }

.custom-input #validationCustom03.was-validated .form-control:valid,
.custom-input #validationCustom03.was-validated .form-select:valid,
.custom-input #validationCustom05.was-validated .form-control:valid,
.custom-input #validationCustom05.was-validated .form-select:valid,
.custom-input #validationCustomUsername.was-validated .form-control:valid,
.custom-input #validationCustomUsername.was-validated .form-select:valid {
  border-color: #00AC46 !important; }

.custom-input #validationCustom03.was-validated .form-control:invalid,
.custom-input #validationCustom03.was-validated .form-select:invalid,
.custom-input #validationCustom05.was-validated .form-control:invalid,
.custom-input #validationCustom05.was-validated .form-select:invalid,
.custom-input #validationCustomUsername.was-validated .form-control:invalid,
.custom-input #validationCustomUsername.was-validated .form-select:invalid {
  border-color: #FE6A49 !important; }

[dir="rtl"] .custom-input .form-check.form-switch .form-check-input {
  margin-left: 7px; }

.form-check-reverse {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding: 0; }
  .form-check-reverse .form-check-input {
    float: left;
    margin-right: 0;
    margin-left: 10px; }

.checkbox-checked.card-wrapper h6.sub-title {
  font-weight: 600;
  font-size: 17px; }

.checkbox-checked .form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-checked .form-check-input:focus {
  border-color: #006666;
  box-shadow: 0 0 0 4px rgba(0, 102, 102, 0.25); }

.checkbox-checked .card-wrapper .form-check:last-child {
  min-height: 0;
  margin-bottom: 0; }
  .checkbox-checked .card-wrapper .form-check:last-child label {
    margin-bottom: 0; }

.form-check-size {
  display: flex;
  gap: 22px;
  align-items: center;
  flex-wrap: wrap; }
  .form-check-size .form-check-inline {
    margin: 0;
    min-height: 0; }
    [dir="rtl"] .form-check-size .form-check-inline {
      margin: 0; }
    .form-check-size .form-check-inline .form-check-input {
      width: 18px;
      height: 18px;
      margin-top: 0; }
    .form-check-size .form-check-inline .check-size {
      width: 36px;
      height: 18px;
      margin-top: 0; }
    .form-check-size .form-check-inline label {
      margin: 0; }

.main-img-checkbox .img-checkbox {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }
  .main-img-checkbox .img-checkbox .main-img-cover {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 24px;
    height: 24px; }
    [dir="rtl"] .main-img-checkbox .img-checkbox .main-img-cover {
      left: unset;
      right: 15px; }
  .main-img-checkbox .img-checkbox .form-check-label {
    width: 100%; }
  .main-img-checkbox .img-checkbox img {
    width: 100%;
    height: 220px;
    object-fit: cover; }

.main-icon-checkbox.checkbox label {
  margin-top: 0; }
  .main-icon-checkbox.checkbox label::before {
    content: '';
    width: 100%;
    height: 100%;
    margin-left: 1px;
    background-color: transparent;
    top: 0;
    display: block; }
    [dir="rtl"] .main-icon-checkbox.checkbox label::before {
      margin-left: unset;
      margin-right: 1px; }

.main-icon-checkbox.checkbox-primary input[type=checkbox]:checked + label::before {
  color: transparent;
  border: 2px solid #006666; }

.main-icon-checkbox.checkbox-primary input[type=checkbox] {
  opacity: 1; }

.main-icon-checkbox.checkbox-primary .form-check-input {
  border: 1px solid #E6E9EB; }
  .main-icon-checkbox.checkbox-primary .form-check-input.checkbox-shadow:focus {
    box-shadow: none; }
  .main-icon-checkbox.checkbox-primary .form-check-input[type=checkbox]:checked {
    background-image: none; }

.main-radio-toggle .btn,
.main-checkbox-toggle .btn {
  margin-bottom: 0; }

.radio-wrapper,
.checkbox-wrapper {
  display: flex;
  gap: calc(8px + (16 - 8) * ((100vw - 320px) / (1920 - 320)));
  flex-wrap: wrap;
  justify-content: center; }
  @media (max-width: 1200px) {
    .radio-wrapper,
    .checkbox-wrapper {
      justify-content: unset; } }
  .radio-wrapper li,
  .checkbox-wrapper li {
    position: relative;
    width: 100%;
    padding: 12px;
    border: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 130px; }
    @media (max-width: 1335px) {
      .radio-wrapper li,
      .checkbox-wrapper li {
        max-width: 113px; } }
    @media (max-width: 1232px) {
      .radio-wrapper li,
      .checkbox-wrapper li {
        padding: 10px;
        max-width: 105px; } }
    .radio-wrapper li .form-check-input,
    .checkbox-wrapper li .form-check-input {
      position: absolute;
      width: 100%;
      height: 100%;
      float: none;
      margin: 0;
      top: 0;
      left: 0;
      opacity: 1;
      border-radius: 0;
      background-color: transparent;
      border: 1px solid #E6E9EB; }
      .radio-wrapper li .form-check-input:focus,
      .checkbox-wrapper li .form-check-input:focus {
        box-shadow: none; }
      .radio-wrapper li .form-check-input[type=radio],
      .checkbox-wrapper li .form-check-input[type=radio] {
        opacity: 1; }
      .radio-wrapper li .form-check-input:checked,
      .checkbox-wrapper li .form-check-input:checked {
        border: 2px solid #006666;
        background-color: transparent; }
        .radio-wrapper li .form-check-input[type=radio]:checked,
        .checkbox-wrapper li .form-check-input[type=radio]:checked {
          background-image: none;
          box-shadow: unset; }
    .radio-wrapper li .form-check-label,
    .checkbox-wrapper li .form-check-label {
      position: unset;
      padding: 0;
      margin-bottom: 0; }
      .radio-wrapper li .form-check-label:after,
      .checkbox-wrapper li .form-check-label:after {
        content: none; }
      .radio-wrapper li .form-check-label::before,
      .checkbox-wrapper li .form-check-label::before {
        content: none; }
      .radio-wrapper li .form-check-label i,
      .checkbox-wrapper li .form-check-label i {
        font-size: 18px;
        padding-right: 8px; }
        [dir="rtl"] .radio-wrapper li .form-check-label i, [dir="rtl"] .checkbox-wrapper li .form-check-label i {
          padding-right: 0;
          padding-left: 8px; }
      .radio-wrapper li .form-check-label span,
      .checkbox-wrapper li .form-check-label span {
        font-size: 16px; }

[dir="rtl"] .rtl-input .form-check.form-check-inline {
  padding: 0; }

[dir="rtl"] .rtl-input .form-check.form-switch {
  padding-right: 40px; }

[dir="rtl"] .rtl-input .form-check.form-switch .form-check-input {
  margin-left: unset;
  margin-right: -40px;
  float: right; }

.radio-form {
  display: flex;
  gap: 18px;
  flex-wrap: wrap; }
  .radio-form .form-check {
    min-height: 0;
    margin-bottom: 0; }
    .radio-form .form-check .form-check-label {
      margin-bottom: 0; }

.basic-form {
  position: relative; }
  .basic-form svg {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%); }
    [dir="rtl"] .basic-form svg {
      right: 0;
      left: 12px; }
    .basic-form svg.stroke-icon {
      width: 25px;
      height: 25px;
      stroke: #2c323f;
      position: absolute;
      top: 50%;
      right: 12px;
      transform: translateY(-50%); }
      [dir="rtl"] .basic-form svg.stroke-icon {
        right: unset;
        left: 12px; }

.form-check {
  margin-bottom: 0; }

.theme-form .custom-input .row .col .row:last-child label {
  margin: 0; }

.theme-form.dark-inputs input::file-selector-button {
  border-radius: 30px; }

[dir="rtl"] .theme-form .form-floating > label {
  left: unset;
  right: 0; }

/**=====================
  2.18 Forms CSS Ends
==========================**/
/**=====================
	2.19 Icons CSS Start
==========================**/
.icon-lists div {
  cursor: pointer;
  line-height: 60px;
  white-space: nowrap;
  border-radius: 4px;
  display: flex;
  align-items: center; }
  .icon-lists div:hover {
    background-color: var(--light-background); }
  .icon-lists div i {
    margin: 0 15px 0 10px;
    font-size: 24px; }

.icon-lists.whether-icon svg {
  height: 50px;
  width: 50px; }

.icon-lists.feather-icons .media svg {
  margin: 0 15px 0 10px; }

.icon-lists .feather-icon .icon-first h6 {
  display: none; }

.flag-icons,
.feather-icons {
  margin-bottom: -15px;
  margin-top: -15px; }
  .flag-icons div,
  .feather-icons div {
    line-height: 1;
    word-wrap: break-word;
    overflow: auto; }
    .flag-icons div .flag-icon,
    .feather-icons div .flag-icon {
      height: 50px;
      width: 50px; }
    .flag-icons div .media,
    .feather-icons div .media {
      padding-top: 15px;
      padding-bottom: 15px;
      width: 100%; }
    .flag-icons div .media-body h6,
    .feather-icons div .media-body h6 {
      margin-bottom: 0;
      font-size: 14px;
      font-weight: 400;
      max-width: 100%;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .flag-icons div .media-body h5,
    .feather-icons div .media-body h5 {
      background-color: var(--theme-deafult);
      display: inline-block;
      padding: 3px 5px;
      font-size: 11px;
      border-radius: 3px;
      margin-bottom: 5px;
      margin-right: 5px;
      color: #fff; }
      [dir="rtl"] .flag-icons div .media-body h5, [dir="rtl"] .feather-icons div .media-body h5 {
        margin-left: 5px;
        margin-right: unset; }

.icon-hover-bottom {
  background-color: #fdfeff;
  width: 100%;
  bottom: 0;
  left: 0;
  box-shadow: 0px 0px 1px 1px #E6E9EB;
  z-index: 999; }
  .icon-hover-bottom .icon-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 20px; }
    .icon-hover-bottom .icon-popup .close-icon {
      position: absolute;
      right: 10px;
      top: 10px;
      font-size: 20px;
      color: #E6E9EB;
      cursor: pointer; }
      [dir="rtl"] .icon-hover-bottom .icon-popup .close-icon {
        right: unset;
        left: 10px; }
    .icon-hover-bottom .icon-popup > div {
      display: inline-block; }
      .icon-hover-bottom .icon-popup > div .flag-icon {
        width: 60px;
        height: 60px; }
    .icon-hover-bottom .icon-popup .icon-class {
      margin: 0 20px;
      cursor: pointer; }
    .icon-hover-bottom .icon-popup .icon-last .form-inline .form-group {
      display: initial; }
  .icon-hover-bottom .icon-title {
    display: block;
    color: #2c323f;
    text-transform: uppercase;
    font-weight: 500; }
  .icon-hover-bottom span,
  .icon-hover-bottom label,
  .icon-hover-bottom .btn {
    font-family: "Montserrat", sans-serif; }
  .icon-hover-bottom .form-group input {
    display: inline-block;
    width: 300px;
    background-color: #fff;
    font-family: "Montserrat", sans-serif; }

.fa-fa-icon-show-div,
.icons-show-div {
  display: none; }

.icon-first i {
  color: #898989; }

.icon-first h6 {
  display: none; }

/**=====================
    2.19 Icons CSS Ends
==========================**/
/**=====================
   2.20 List CSS Start
==========================**/
.list-group-item.active {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }

.list-group i {
  margin-right: 10px; }

.list-group img {
  height: 40px;
  width: 40px;
  margin-right: 10px; }

.list-light-primary {
  background-color: rgba(0, 102, 102, 0.2); }
  .list-light-primary:hover, .list-light-primary:active, .list-light-primary.active, .list-light-primary:focus {
    border: none;
    outline: unset;
    background-color: rgba(0, 102, 102, 0.2) !important; }

.list-hover-primary {
  background-color: unset; }
  .list-hover-primary:hover, .list-hover-primary:active, .list-hover-primary.active, .list-hover-primary:focus {
    background-color: rgba(0, 102, 102, 0.2);
    color: #2c323f;
    z-index: 0; }

.list-light-secondary {
  background-color: rgba(254, 106, 73, 0.3); }
  .list-light-secondary:hover, .list-light-secondary:active, .list-light-secondary.active, .list-light-secondary:focus {
    border: none;
    outline: unset;
    background-color: rgba(254, 106, 73, 0.3) !important; }

.list-hover-secondary {
  background-color: unset; }
  .list-hover-secondary:hover, .list-hover-secondary:active, .list-hover-secondary.active, .list-hover-secondary:focus {
    background-color: rgba(254, 106, 73, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-success {
  background-color: rgba(0, 172, 70, 0.3); }
  .list-light-success:hover, .list-light-success:active, .list-light-success.active, .list-light-success:focus {
    border: none;
    outline: unset;
    background-color: rgba(0, 172, 70, 0.3) !important; }

.list-hover-success {
  background-color: unset; }
  .list-hover-success:hover, .list-hover-success:active, .list-hover-success.active, .list-hover-success:focus {
    background-color: rgba(0, 172, 70, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-warning {
  background-color: rgba(255, 174, 26, 0.3); }
  .list-light-warning:hover, .list-light-warning:active, .list-light-warning.active, .list-light-warning:focus {
    border: none;
    outline: unset;
    background-color: rgba(255, 174, 26, 0.3) !important; }

.list-hover-warning {
  background-color: unset; }
  .list-hover-warning:hover, .list-hover-warning:active, .list-hover-warning.active, .list-hover-warning:focus {
    background-color: rgba(255, 174, 26, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-info {
  background-color: rgba(23, 56, 120, 0.3); }
  .list-light-info:hover, .list-light-info:active, .list-light-info.active, .list-light-info:focus {
    border: none;
    outline: unset;
    background-color: rgba(23, 56, 120, 0.3) !important; }

.list-hover-info {
  background-color: unset; }
  .list-hover-info:hover, .list-hover-info:active, .list-hover-info.active, .list-hover-info:focus {
    background-color: rgba(23, 56, 120, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-light {
  background-color: #F9F9FB; }
  .list-light-light:hover, .list-light-light:active, .list-light-light.active, .list-light-light:focus {
    border: none;
    outline: unset;
    background-color: #F9F9FB !important; }

.list-hover-light {
  background-color: unset; }
  .list-hover-light:hover, .list-hover-light:active, .list-hover-light.active, .list-hover-light:focus {
    background-color: #F9F9FB;
    color: #2c323f;
    z-index: 0; }

.list-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }
  .list-light-danger:hover, .list-light-danger:active, .list-light-danger.active, .list-light-danger:focus {
    border: none;
    outline: unset;
    background-color: rgba(254, 106, 73, 0.3) !important; }

.list-hover-danger {
  background-color: unset; }
  .list-hover-danger:hover, .list-hover-danger:active, .list-hover-danger.active, .list-hover-danger:focus {
    background-color: rgba(254, 106, 73, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-dark {
  background-color: #EAEBF2; }
  .list-light-dark:hover, .list-light-dark:active, .list-light-dark.active, .list-light-dark:focus {
    border: none;
    outline: unset;
    background-color: #EAEBF2 !important; }

.list-hover-dark {
  background-color: unset; }
  .list-hover-dark:hover, .list-hover-dark:active, .list-hover-dark.active, .list-hover-dark:focus {
    background-color: #EAEBF2;
    color: #2c323f;
    z-index: 0; }

.horizontal-list-wrapper .list-group .list-group-item {
  padding: 8px; }

.list-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap; }
  @media (max-width: 414px) {
    .list-wrapper {
      flex-wrap: unset;
      word-break: break-word; } }
  @media (max-width: 366px) {
    .list-wrapper {
      padding-bottom: 8px; } }
  .list-wrapper .list-img {
    width: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));
    height: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 10px;
    border-radius: 50%; }
  .list-wrapper .list-content p {
    margin-bottom: 0; }

.scrollbar-wrapper {
  max-height: 270px;
  overflow: auto; }

@media (max-width: 480px) {
  .main-lists-content small {
    display: none; } }

@media (max-width: 1199px) {
  .list-behavior-1 {
    gap: 12px; } }

@media (max-width: 575px) {
  .list-behavior-1:first-child {
    margin-bottom: 14px; } }

@media (max-width: 1999px) {
  .list-behavior-1 img {
    height: 86px; } }

@media (max-width: 992px) {
  .list-behavior-1 img {
    height: 70px; } }

.list-behavior-1 .flex-grow-1 {
  margin-left: 16px; }
  @media (max-width: 1199px) {
    .list-behavior-1 .flex-grow-1 {
      margin-left: 0; }
      .list-behavior-1 .flex-grow-1 p {
        display: block;
        display: -webkit-box;
        max-width: 100%;
        margin: 0 auto;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; } }
  [dir="rtl"] .list-behavior-1 .flex-grow-1 {
    margin-right: 16px;
    margin-left: unset; }

.list-behaviors > div:nth-child(even) .flex-grow-1 {
  order: -1;
  margin-left: unset;
  margin-right: 16px; }
  @media (max-width: 1199px) {
    .list-behaviors > div:nth-child(even) .flex-grow-1 {
      margin-left: 0;
      margin-right: 0;
      order: unset; } }
.list-group .list-group-item {
  padding: 11px 16px; }
  .list-group .list-group-item .form-check-input:focus {
    box-shadow: unset !important; }
  [dir="rtl"] .list-group .list-group-item i {
    margin-left: 10px;
    margin-right: unset; }

@media (max-width: 1216px) {
  .contact-profile {
    background-color: unset; }
    .contact-profile.list-light-dark:hover {
      background-color: unset; } }

.badge-list .list-group-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap; }
  .badge-list .list-group-item div {
    margin-right: auto;
    margin-left: 8px; }
    [dir="rtl"] .badge-list .list-group-item div {
      margin-left: auto;
      margin-right: 8px; }

/**=====================
   2.20 List CSS Ends
==========================**/
/**=====================
    2.21 Loader CSS Start
==========================**/
.loader-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  background-color: #fff;
  z-index: 11;
  top: 0; }
  .loader-wrapper .loader4 {
    position: relative;
    color: var(--theme-deafult);
    font-size: 50px;
    text-indent: -9999em;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    transform: translateZ(0);
    animation: loader4 1.7s infinite ease,  loader4Round 1.7s infinite ease;
    overflow: hidden; }

@keyframes loader4 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } }

@keyframes loader4Round {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/**=====================
    2.21 Loader CSS Ends
==========================**/
/**=====================
    2.22 Modal CSS start
==========================**/
.modal-toggle-wrapper .form-control::placeholder {
  font-size: 13px; }

.modal-toggle-wrapper .modal-img {
  display: flex;
  justify-content: center; }
  .modal-toggle-wrapper .modal-img img {
    width: 200px;
    height: 200px; }
    @media (max-width: 992px) {
      .modal-toggle-wrapper .modal-img img {
        width: calc(136px + (200 - 136) * ((100vw - 320px) / (992 - 320)));
        height: calc(136px + (200 - 136) * ((100vw - 320px) / (992 - 320))); } }
  .modal-toggle-wrapper .modal-img li img {
    width: 100px;
    height: 100px; }
    @media (max-width: 992px) {
      .modal-toggle-wrapper .modal-img li img {
        width: calc(75px + (100 - 75) * ((100vw - 320px) / (992 - 320)));
        height: calc(75px + (100 - 75) * ((100vw - 320px) / (992 - 320))); } }
  .modal-toggle-wrapper .modal-img li + li {
    margin-left: -39px; }

.modal-toggle-wrapper button svg {
  width: 16px;
  height: 16px; }

.large-modal-header,
.large-modal-body {
  display: flex;
  align-items: center;
  color: #2c323f; }
  .large-modal-header svg,
  .large-modal-body svg {
    width: 20px;
    height: 20px; }

.modal-padding-space {
  padding-left: 20px; }

.svg-modal {
  width: 15px;
  height: 15px;
  stroke: #FE6A49;
  vertical-align: middle; }

.card-wrapper .modal-heading h5 {
  font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1400 - 320))); }

@media (min-width: 750px) and (max-width: 1200px) {
  .card-wrapper .balance-modal {
    display: flex;
    flex-direction: column; } }

.modal-footer .btn {
  margin: 0 4px; }

.modal-content .modal-header .btn-close:focus {
  box-shadow: unset; }

.modal-details h6 {
  padding-bottom: 12px; }

.modal-details .web-content {
  margin-bottom: 16px; }
  .modal-details .web-content .d-flex p {
    padding-bottom: 8px; }
  .modal-details .web-content .d-flex:last-child p {
    padding-bottom: 0; }
  .modal-details .web-content:last-child {
    margin-bottom: 0; }

/**=====================
    2.22 Modal CSS end
==========================**/
/**=====================
  2.23 Popover CSS Start
==========================**/
.popover-header {
  background-color: #2c323f;
  color: #fff; }

.popover-main .btn-showcase a {
  color: #fff; }

.popover-main .btn-showcase button:last-child {
  margin-right: 0; }

/**=====================
  2.23 Popover CSS Ends
==========================**/
/**=====================
  2.24 Print CSS Start
==========================**/
@media print {
  .sidebar-wrapper,
  .page-header {
    display: none; }
  .page-body {
    margin: 0 !important; }
  .page-wrapper .page-title {
    visibility: hidden; }
  .page-wrapper .page-body-wrapper .page-title {
    display: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin: 0; }
  .customizer-links {
    display: none; }
  table.fixedHeader-floating {
    display: none; }
  .email-left-aside {
    display: none; }
  .footer {
    display: none; } }

.invoice-table {
  margin-top: 16px;
  margin-bottom: 16px; }

.invoice .text-right input {
  margin-top: 6px; }

.invoice .media {
  align-items: center; }

/**=====================
  2.24 Print CSS Ends
==========================**/
/**=====================
    2.25 Radio CSS Start
==========================**/
.animate-chk label {
  line-height: 1.6;
  cursor: pointer; }
  .animate-chk label:last-child {
    margin-bottom: 0; }

.checkbox_animated {
  cursor: pointer;
  position: relative;
  margin: 0 1rem 0 0; }
  .checkbox_animated:before {
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: rotate(-45deg) scale(0, 0);
    content: "";
    position: absolute;
    left: 0.25rem;
    top: 0.225rem;
    z-index: 1;
    width: 0.75rem;
    height: 0.375rem;
    border: 2px solid var(--theme-deafult);
    border-top-style: none;
    border-right-style: none; }
  .checkbox_animated:after {
    content: "";
    position: absolute;
    top: -0.125rem;
    left: 0;
    width: 1.3rem;
    height: 1.3rem;
    background: #fff;
    border: 2px solid #ecf3fa;
    cursor: pointer; }
  .checkbox_animated:checked:before {
    transform: rotate(-45deg) scale(1, 1); }

.radio_animated {
  position: relative;
  margin: 0 1rem 0 0;
  cursor: pointer; }
  .radio_animated:before {
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: scale(0, 0);
    content: "";
    position: absolute;
    top: 0;
    left: 0.125rem;
    z-index: 1;
    width: 0.75rem;
    height: 0.75rem;
    background: var(--theme-deafult);
    border-radius: 50%; }
  .radio_animated:after {
    content: "";
    position: absolute;
    top: -0.25rem;
    left: -0.125rem;
    width: 1.25rem;
    height: 1.25rem;
    background: #fff;
    border: 2px solid #ecf3fa;
    border-radius: 50%; }
  .radio_animated:checked:before {
    transform: scale(1, 1); }

.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 16px;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 10px; }
  .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    margin-left: -16px;
    border: 1px solid #efefef;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
  .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #242934; }

.checkbox input[type="checkbox"] {
  opacity: 0; }
  .checkbox input[type="checkbox"]:focus {
    outline-offset: -2px; }
    .checkbox input[type="checkbox"]:focus + label::before {
      outline-offset: -2px; }

.checkbox input[type="checkbox"]:checked + label::before {
  font-family: themify;
  content: "\e64c";
  text-align: center;
  line-height: 1.2; }

.checkbox input[type="checkbox"]:disabled + label {
  opacity: 0.65; }
  .checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #E6E9EB;
    cursor: not-allowed; }

.checkbox .checkbox-circle label::before {
  border-radius: 50%; }

.checkbox .checkbox-inline {
  margin-top: 0; }

.m-squar label::before {
  border-radius: 0; }

.m-squar .checkbox-circle label::before {
  border-radius: 50%; }

.m-squar .checkbox-inline {
  margin-top: 0; }

.checkbox-primary label::before {
  border-color: var(--theme-deafult); }

.checkbox-primary input[type="checkbox"]:checked + label::before {
  border-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-primary label:before {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  color: #fff; }

.checkbox-solid-primary input[type="checkbox"]:checked + label::before {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  color: #fff; }

.checkbox-solid-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-primary input[type="radio"] + label::before {
  border-color: var(--theme-deafult); }

.radio-primary input[type="radio"] + label::after {
  background-color: var(--theme-deafult); }

.radio-primary input[type="radio"]:checked + label::before {
  border-color: var(--theme-deafult); }

.radio-primary input[type="radio"]:checked + label::after {
  background-color: var(--theme-deafult); }

.checkbox-secondary label::before {
  border-color: #FE6A49; }

.checkbox-secondary input[type="checkbox"]:checked + label::before {
  border-color: #FE6A49;
  color: #FE6A49; }

.checkbox-secondary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-secondary label:before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-secondary input[type="checkbox"]:checked + label::before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-secondary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-secondary input[type="radio"] + label::before {
  border-color: #FE6A49; }

.radio-secondary input[type="radio"] + label::after {
  background-color: #FE6A49; }

.radio-secondary input[type="radio"]:checked + label::before {
  border-color: #FE6A49; }

.radio-secondary input[type="radio"]:checked + label::after {
  background-color: #FE6A49; }

.checkbox-success label::before {
  border-color: #00AC46; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  border-color: #00AC46;
  color: #00AC46; }

.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-success label:before {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fff; }

.checkbox-solid-success input[type="checkbox"]:checked + label::before {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fff; }

.checkbox-solid-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-success input[type="radio"] + label::before {
  border-color: #00AC46; }

.radio-success input[type="radio"] + label::after {
  background-color: #00AC46; }

.radio-success input[type="radio"]:checked + label::before {
  border-color: #00AC46; }

.radio-success input[type="radio"]:checked + label::after {
  background-color: #00AC46; }

.checkbox-danger label::before {
  border-color: #FE6A49; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  border-color: #FE6A49;
  color: #FE6A49; }

.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-danger label:before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-danger input[type="checkbox"]:checked + label::before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-danger input[type="radio"] + label::before {
  border-color: #FE6A49; }

.radio-danger input[type="radio"] + label::after {
  background-color: #FE6A49; }

.radio-danger input[type="radio"]:checked + label::before {
  border-color: #FE6A49; }

.radio-danger input[type="radio"]:checked + label::after {
  background-color: #FE6A49; }

.checkbox-info label::before {
  border-color: #173878; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  border-color: #173878;
  color: #173878; }

.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-info label:before {
  background-color: #173878;
  border-color: #173878;
  color: #fff; }

.checkbox-solid-info input[type="checkbox"]:checked + label::before {
  background-color: #173878;
  border-color: #173878;
  color: #fff; }

.checkbox-solid-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-info input[type="radio"] + label::before {
  border-color: #173878; }

.radio-info input[type="radio"] + label::after {
  background-color: #173878; }

.radio-info input[type="radio"]:checked + label::before {
  border-color: #173878; }

.radio-info input[type="radio"]:checked + label::after {
  background-color: #173878; }

.checkbox-light label::before {
  border-color: #E6E9EB; }

.checkbox-light input[type="checkbox"]:checked + label::before {
  border-color: #E6E9EB;
  color: #E6E9EB; }

.checkbox-light input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-light label:before {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fff; }

.checkbox-solid-light input[type="checkbox"]:checked + label::before {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fff; }

.checkbox-solid-light input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-light input[type="radio"] + label::before {
  border-color: #E6E9EB; }

.radio-light input[type="radio"] + label::after {
  background-color: #E6E9EB; }

.radio-light input[type="radio"]:checked + label::before {
  border-color: #E6E9EB; }

.radio-light input[type="radio"]:checked + label::after {
  background-color: #E6E9EB; }

.checkbox-dark label::before {
  border-color: #2c323f; }

.checkbox-dark input[type="checkbox"]:checked + label::before {
  border-color: #2c323f;
  color: #2c323f; }

.checkbox-dark input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-dark label:before {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fff; }

.checkbox-solid-dark input[type="checkbox"]:checked + label::before {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fff; }

.checkbox-solid-dark input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-dark input[type="radio"] + label::before {
  border-color: #2c323f; }

.radio-dark input[type="radio"] + label::after {
  background-color: #2c323f; }

.radio-dark input[type="radio"]:checked + label::before {
  border-color: #2c323f; }

.radio-dark input[type="radio"]:checked + label::after {
  background-color: #2c323f; }

.checkbox-warning label::before {
  border-color: #FFAE1A; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  border-color: #FFAE1A;
  color: #FFAE1A; }

.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-warning label:before {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fff; }

.checkbox-solid-warning input[type="checkbox"]:checked + label::before {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fff; }

.checkbox-solid-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-warning input[type="radio"] + label::before {
  border-color: #FFAE1A; }

.radio-warning input[type="radio"] + label::after {
  background-color: #FFAE1A; }

.radio-warning input[type="radio"]:checked + label::before {
  border-color: #FFAE1A; }

.radio-warning input[type="radio"]:checked + label::after {
  background-color: #FFAE1A; }

.m-checkbox-inline .checkbox {
  display: inline-block; }

.m-checkbox-inline .radio {
  display: inline-block; }

.m-checkbox-inline label {
  margin-right: 20px; }

.radio label {
  display: inline-block;
  position: relative;
  padding-left: 18px;
  cursor: pointer; }
  .radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #efefef;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; }
    [class="dark-only"] .radio label::before {
      background-color: #1A1C23; }
  .radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 9px;
    height: 9px;
    left: 5px;
    top: 5px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #898989;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }

.radio input[type="radio"] {
  opacity: 0; }
  .radio input[type="radio"]:focus + label::before {
    outline-offset: -2px; }
  .radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  .radio input[type="radio"]:disabled + label {
    opacity: 0.65; }
    .radio input[type="radio"]:disabled + label::before {
      cursor: not-allowed; }

.radio .radio-inline {
  margin-top: 0; }

/**=====================
    2.25 Radio CSS Ends
==========================**/
/**=====================
  2.26 Ribbon CSS Start
==========================**/
[class*="ribbon-wrapper"] {
  position: relative;
  padding: 58px 18px 28px 18px; }

.ribbon {
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  clear: left;
  position: absolute;
  top: 12px;
  left: 0px;
  color: #fff;
  z-index: 2; }

.ribbon-clip {
  left: -14px; }
  .ribbon-clip:before {
    position: absolute;
    top: 30px;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-vertical-left-wrapper {
  padding-left: 40px;
  position: relative; }

.ribbon-vertical-right-wrapper {
  padding-right: 40px; }

.ribbon-wrapper-bottom {
  padding-bottom: 40px;
  padding-top: 0; }

.ribbon-wrapper-right-bottom {
  padding-right: 40px; }

.ribbon-space-bottom {
  top: 0px; }

.ribbon-bookmark:before {
  position: absolute;
  top: 0;
  left: 100%;
  display: block;
  width: 0;
  height: 0;
  content: '';
  border: 15px solid #2c323f;
  border-right: 10px solid transparent; }

.ribbon-right {
  left: auto;
  right: -2px; }

.ribbon-clip-right {
  right: -14px; }
  .ribbon-clip-right:before {
    position: absolute;
    top: 30px;
    right: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-clip-bottom {
  left: -14px;
  bottom: 12px;
  top: auto; }
  .ribbon-clip-bottom:before {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-clip-bottom-right {
  right: -14px;
  left: auto;
  bottom: 12px;
  top: auto; }
  .ribbon-clip-bottom-right:before {
    position: absolute;
    bottom: 30px;
    right: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-bookmark.ribbon-right:before {
  right: 100%;
  left: auto;
  border-right: 15px solid #2c323f;
  border-left: 10px solid transparent; }

.ribbon-vertical-left {
  clear: none;
  padding: 0 5px;
  height: 70px;
  width: 30px;
  line-height: 70px;
  text-align: center;
  left: 12px;
  top: -2px; }

.ribbon-vertical-right {
  clear: none;
  padding: 0 5px;
  height: 70px;
  width: 30px;
  line-height: 70px;
  text-align: center;
  top: -2px;
  left: auto;
  right: 20px; }
  [dir="rtl"] .ribbon-vertical-right {
    left: auto !important;
    right: 20px !important; }

.ribbon-bookmark.ribbon-vertical-left:before, .ribbon-bookmark.ribbon-vertical-right:before {
  top: 100%;
  left: 0;
  margin-top: -14px;
  border-right: 15px solid #2c323f;
  border-bottom: 10px solid transparent; }

.ribbon-primary {
  background: #006666; }

.ribbon-primary {
  background: #006666; }

.ribbon-bookmark.ribbon-primary:before {
  border-color: #006666;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-primary:before {
  border-right-color: #006666;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-primary:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-primary:before {
  border-right-color: #006666;
  border-bottom-color: transparent; }

.ribbon-primary.ribbon-corner:before {
  border-top-color: #006666;
  border-left-color: #006666; }

.ribbon-primary.ribbon-corner.ribbon-right:before {
  border-right-color: #006666;
  border-left-color: transparent; }

.ribbon-primary.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #006666; }

.ribbon-primary.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #003333;
  border-right-color: #003333; }

.ribbon-primary.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #003333;
  border-left-color: #003333; }

.ribbon-primary.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #003333;
  border-right-color: #003333; }

.ribbon-primary.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #003333;
  border-right-color: transparent;
  border-left-color: #003333; }

.ribbon-secondary {
  background: #FE6A49; }

.ribbon-secondary {
  background: #FE6A49; }

.ribbon-bookmark.ribbon-secondary:before {
  border-color: #FE6A49;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-secondary:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-secondary:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-secondary:before {
  border-right-color: #FE6A49;
  border-bottom-color: transparent; }

.ribbon-secondary.ribbon-corner:before {
  border-top-color: #FE6A49;
  border-left-color: #FE6A49; }

.ribbon-secondary.ribbon-corner.ribbon-right:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-secondary.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FE6A49; }

.ribbon-secondary.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-secondary.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #fe4016;
  border-left-color: #fe4016; }

.ribbon-secondary.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-secondary.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: transparent;
  border-left-color: #fe4016; }

.ribbon-success {
  background: #00AC46; }

.ribbon-success {
  background: #00AC46; }

.ribbon-bookmark.ribbon-success:before {
  border-color: #00AC46;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-success:before {
  border-right-color: #00AC46;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-success:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-success:before {
  border-right-color: #00AC46;
  border-bottom-color: transparent; }

.ribbon-success.ribbon-corner:before {
  border-top-color: #00AC46;
  border-left-color: #00AC46; }

.ribbon-success.ribbon-corner.ribbon-right:before {
  border-right-color: #00AC46;
  border-left-color: transparent; }

.ribbon-success.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #00AC46; }

.ribbon-success.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #007931;
  border-right-color: #007931; }

.ribbon-success.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #007931;
  border-left-color: #007931; }

.ribbon-success.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #007931;
  border-right-color: #007931; }

.ribbon-success.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #007931;
  border-right-color: transparent;
  border-left-color: #007931; }

.ribbon-danger {
  background: #FE6A49; }

.ribbon-danger {
  background: #FE6A49; }

.ribbon-bookmark.ribbon-danger:before {
  border-color: #FE6A49;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-danger:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-danger:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-danger:before {
  border-right-color: #FE6A49;
  border-bottom-color: transparent; }

.ribbon-danger.ribbon-corner:before {
  border-top-color: #FE6A49;
  border-left-color: #FE6A49; }

.ribbon-danger.ribbon-corner.ribbon-right:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-danger.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FE6A49; }

.ribbon-danger.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-danger.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #fe4016;
  border-left-color: #fe4016; }

.ribbon-danger.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-danger.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: transparent;
  border-left-color: #fe4016; }

.ribbon-info {
  background: #173878; }

.ribbon-info {
  background: #173878; }

.ribbon-bookmark.ribbon-info:before {
  border-color: #173878;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-info:before {
  border-right-color: #173878;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-info:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
  border-right-color: #173878;
  border-bottom-color: transparent; }

.ribbon-info.ribbon-corner:before {
  border-top-color: #173878;
  border-left-color: #173878; }

.ribbon-info.ribbon-corner.ribbon-right:before {
  border-right-color: #173878;
  border-left-color: transparent; }

.ribbon-info.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #173878; }

.ribbon-info.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #0f244d;
  border-right-color: #0f244d; }

.ribbon-info.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #0f244d;
  border-left-color: #0f244d; }

.ribbon-info.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #0f244d;
  border-right-color: #0f244d; }

.ribbon-info.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #0f244d;
  border-right-color: transparent;
  border-left-color: #0f244d; }

.ribbon-light {
  background: #E6E9EB; }

.ribbon-light {
  background: #E6E9EB; }

.ribbon-bookmark.ribbon-light:before {
  border-color: #E6E9EB;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-light:before {
  border-right-color: #E6E9EB;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-light:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-light:before {
  border-right-color: #E6E9EB;
  border-bottom-color: transparent; }

.ribbon-light.ribbon-corner:before {
  border-top-color: #E6E9EB;
  border-left-color: #E6E9EB; }

.ribbon-light.ribbon-corner.ribbon-right:before {
  border-right-color: #E6E9EB;
  border-left-color: transparent; }

.ribbon-light.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #E6E9EB; }

.ribbon-light.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #cad0d4;
  border-right-color: #cad0d4; }

.ribbon-light.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #cad0d4;
  border-left-color: #cad0d4; }

.ribbon-light.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #cad0d4;
  border-right-color: #cad0d4; }

.ribbon-light.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #cad0d4;
  border-right-color: transparent;
  border-left-color: #cad0d4; }

.ribbon-dark {
  background: #2c323f; }

.ribbon-dark {
  background: #2c323f; }

.ribbon-bookmark.ribbon-dark:before {
  border-color: #2c323f;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-dark:before {
  border-right-color: #2c323f;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-dark:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-dark:before {
  border-right-color: #2c323f;
  border-bottom-color: transparent; }

.ribbon-dark.ribbon-corner:before {
  border-top-color: #2c323f;
  border-left-color: #2c323f; }

.ribbon-dark.ribbon-corner.ribbon-right:before {
  border-right-color: #2c323f;
  border-left-color: transparent; }

.ribbon-dark.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #2c323f; }

.ribbon-dark.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #171a21;
  border-right-color: #171a21; }

.ribbon-dark.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #171a21;
  border-left-color: #171a21; }

.ribbon-dark.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #171a21;
  border-right-color: #171a21; }

.ribbon-dark.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #171a21;
  border-right-color: transparent;
  border-left-color: #171a21; }

.ribbon-warning {
  background: #FFAE1A; }

.ribbon-warning {
  background: #FFAE1A; }

.ribbon-bookmark.ribbon-warning:before {
  border-color: #FFAE1A;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-warning:before {
  border-right-color: #FFAE1A;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-warning:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-warning:before {
  border-right-color: #FFAE1A;
  border-bottom-color: transparent; }

.ribbon-warning.ribbon-corner:before {
  border-top-color: #FFAE1A;
  border-left-color: #FFAE1A; }

.ribbon-warning.ribbon-corner.ribbon-right:before {
  border-right-color: #FFAE1A;
  border-left-color: transparent; }

.ribbon-warning.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FFAE1A; }

.ribbon-warning.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #e69500;
  border-right-color: #e69500; }

.ribbon-warning.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #e69500;
  border-left-color: #e69500; }

.ribbon-warning.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #e69500;
  border-right-color: #e69500; }

.ribbon-warning.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #e69500;
  border-right-color: transparent;
  border-left-color: #e69500; }

.vertical-lp-space {
  padding: 58px 28px 28px 50px; }

.vertical-rp-space {
  padding: 58px 50px 28px 28px; }

.clip-bp-space {
  padding: 28px 18px 58px 18px; }

/**=====================
  2.26 Ribbon CSS Ends
==========================**/
/**=====================
   2.27 Range-slider CSS Start
==========================**/
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single,
.irs--flat .irs-bar {
  background-color: #006666; }
  .irs--flat .irs-from::before,
  .irs--flat .irs-to::before,
  .irs--flat .irs-single::before,
  .irs--flat .irs-bar::before {
    border-top-color: #006666; }

.irs--flat .irs-handle i:first-child {
  background-color: #006666; }

.irs--round .irs-single {
  background-color: #FE6A49; }
  .irs--round .irs-single::before {
    border-top-color: #FE6A49; }

.irs--round .irs-handle {
  border: 4px solid #FE6A49; }

.irs--round .irs-bar {
  background-color: #FE6A49; }

.irs--square .irs-handle {
  border: 3px solid #00AC46; }

.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-bar {
  background-color: #00AC46; }

.irs--sharp .irs-from::before,
.irs--sharp .irs-to::before {
  border-top-color: #173878; }

.irs--sharp .irs-min,
.irs--sharp .irs-max,
.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-bar {
  background-color: #173878; }

.irs--sharp .irs-line {
  background-color: #E6E9EB; }

.irs--sharp .irs-handle {
  background-color: #173878; }
  .irs--sharp .irs-handle i:first-child {
    border-top-color: #173878; }

.irs--big .irs-bar {
  border: 1px solid #FFAE1A;
  background: #FFAE1A;
  box-shadow: unset; }

.irs--big .irs-from,
.irs--big .irs-to {
  background-color: #FFAE1A;
  background: unset; }

.irs--big .irs-handle {
  background: #FFAE1A; }

.irs--big .irs-grid-pol {
  background-color: #FFAE1A; }

.irs--big .irs-grid-text {
  color: #FFAE1A; }

.irs--modern .irs-single {
  background-color: #FE6A49; }
  .irs--modern .irs-single::before {
    border-top-color: #FE6A49; }

.irs--modern .irs-bar {
  background: #FE6A49; }

.irs--modern .irs-grid-text {
  color: #FE6A49; }

/**=====================
    2.27 Range-slider CSS Ends
==========================**/
/**=====================
    2.28 Switch CSS Start
==========================**/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }
  .switch input {
    display: none; }
    .switch input:checked + .switch-state {
      background-color: var(--theme-deafult); }
      .switch input:checked + .switch-state:before {
        transform: translateX(26px); }
    .switch input:focus + .switch-state {
      box-shadow: 0 0 1px var(--theme-deafult); }

.switch-state {
  border-radius: 20px;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #E6E9EB;
  transition: .4s; }
  .switch-state:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    transition: .4s;
    border-radius: 20px; }

.icon-state .switch-state:after {
  content: "\efb8";
  font-family: IcoFont;
  left: 10px;
  position: absolute;
  top: 10px;
  color: #2c323f;
  transition: .4s;
  opacity: 0.3; }

.icon-state input:checked + .switch-state:after {
  content: "\efad";
  left: 36px;
  opacity: 1;
  transition: .4s; }

.switch-lg .switch {
  width: 75px;
  height: 40px;
  padding: 0;
  margin: 0; }
  .switch-lg .switch .switch-state:before {
    height: 30px;
    width: 30px;
    left: 7px;
    bottom: 5px;
    top: 4px; }

.switch-lg.large-switch-button .switch .switch-state::before {
  left: 13px; }

.switch-lg.icon-state .switch .switch-state:after {
  left: 12px;
  font-size: 18px; }

.switch-lg.icon-state .switch input:checked + .switch-state:after {
  left: 47px; }

.switch-lg.icon-state .switch input:checked + .switch-state:before {
  transform: translateX(32px); }

.switch-sm.icon-state .switch .switch-state:after {
  top: 4px;
  left: 4px;
  font-size: 8px; }

.switch-sm.icon-state .switch input:checked + .switch-state:after {
  left: 13px;
  top: 4px; }

.switch-sm .switch {
  width: 25px;
  height: 16px;
  margin-top: 10px;
  margin-bottom: 0px; }
  .switch-sm .switch .switch-state:before {
    height: 8px;
    width: 8px;
    left: 4px;
    bottom: 4px; }

.switch-sm input:checked + .switch-state:before {
  left: -13px; }

.switch-outline .switch-state {
  background-color: #fff;
  border: 1px solid var(--theme-deafult);
  transition: .4s; }
  .switch-outline .switch-state:before {
    background-color: #E6E9EB;
    bottom: 3px;
    color: #fff; }

.switch-outline .switch input {
  display: none; }
  .switch-outline .switch input:checked + .switch-state {
    background-color: transparent;
    border: 1px solid var(--theme-deafult); }
    .switch-outline .switch input:checked + .switch-state:before {
      background-color: var(--theme-deafult);
      bottom: 3px;
      transform: translateX(26px); }
    .switch-outline .switch input:checked + .switch-state:after {
      color: #fff; }

.switch-outline .switch-state.bg-primary {
  border: 1px solid var(--theme-deafult);
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-primary {
  background-color: transparent !important;
  border: 1px solid var(--theme-deafult); }
  .switch-outline .switch input:checked + .switch-state.bg-primary:before {
    background-color: var(--theme-deafult); }

.switch-outline .switch-state.bg-dark {
  border: 1px solid #2c323f;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-dark {
  background-color: transparent !important;
  border: 1px solid #2c323f; }
  .switch-outline .switch input:checked + .switch-state.bg-dark:before {
    background-color: #2c323f; }

.switch-outline .switch-state.bg-warning {
  border: 1px solid #FFAE1A;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-warning {
  background-color: transparent !important;
  border: 1px solid #FFAE1A; }
  .switch-outline .switch input:checked + .switch-state.bg-warning:before {
    background-color: #FFAE1A; }

.switch-outline .switch-state.bg-success {
  border: 1px solid #00AC46;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-success {
  background-color: transparent !important;
  border: 1px solid #00AC46; }
  .switch-outline .switch input:checked + .switch-state.bg-success:before {
    background-color: #00AC46; }

.switch-outline .switch-state.bg-info {
  border: 1px solid #173878;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-info {
  background-color: transparent !important;
  border: 1px solid #173878; }
  .switch-outline .switch input:checked + .switch-state.bg-info:before {
    background-color: #173878; }

.switch-outline .switch-state.bg-danger {
  border: 1px solid #FE6A49;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-danger {
  background-color: transparent !important;
  border: 1px solid #FE6A49; }
  .switch-outline .switch input:checked + .switch-state.bg-danger:before {
    background-color: #FE6A49; }

.switch-outline .switch-state.bg-primary {
  border: 1px solid var(--theme-deafult);
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-primary {
  background-color: transparent !important;
  border: 1px solid var(--theme-deafult); }
  .switch-outline .switch input:checked + .switch-state.bg-primary:before {
    background-color: var(--theme-deafult); }

.switch-outline .switch-state.bg-secondary {
  border: 1px solid var(--theme-secondary);
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-secondary {
  background-color: transparent !important;
  border: 1px solid var(--theme-secondary); }
  .switch-outline .switch input:checked + .switch-state.bg-secondary:before {
    background-color: var(--theme-secondary); }

.switch-showcase {
  margin-bottom: -8px; }
  .switch-showcase .media {
    line-height: 1; }
  .switch-showcase .form-check .form-check-input {
    float: right; }

.form-switch .form-check-input:checked {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }

.tg-list {
  text-align: center;
  display: flex;
  align-items: center; }

.tgl {
  display: none; }
  .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
    box-sizing: border-box; }
    .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
      background: none; }
  .tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    user-select: none; }
    .tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
      position: relative;
      display: block;
      content: "";
      width: 50%;
      height: 100%; }
    .tgl + .tgl-btn:after {
      left: 0; }
    .tgl + .tgl-btn:before {
      display: none; }
  .tgl:checked + .tgl-btn:after {
    left: 50%; }

.tgl-skewed + .tgl-btn {
  overflow: hidden;
  transform: skew(-10deg);
  backface-visibility: hidden;
  transition: all .2s ease;
  background: #FE6A49; }
  .tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before {
    transform: skew(10deg);
    display: inline-block;
    transition: all .2s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: var(--white);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
  .tgl-skewed + .tgl-btn:after {
    left: 100%;
    content: attr(data-tg-on); }
  .tgl-skewed + .tgl-btn:before {
    left: 0;
    content: attr(data-tg-off); }
  .tgl-skewed + .tgl-btn:active {
    background: #FE6A49; }
    .tgl-skewed + .tgl-btn:active:before {
      left: -10%; }

.tgl-skewed:checked + .tgl-btn {
  background: #006666; }
  .tgl-skewed:checked + .tgl-btn:before {
    left: -100%; }
  .tgl-skewed:checked + .tgl-btn:after {
    left: 0; }
  .tgl-skewed:checked + .tgl-btn:active:after {
    left: 10%; }

.tgl-flip + .tgl-btn {
  padding: 2px;
  transition: all .2s ease;
  perspective: 100px; }
  .tgl-flip + .tgl-btn:after, .tgl-flip + .tgl-btn:before {
    display: inline-block;
    transition: all .4s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: var(--white);
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    border-radius: 4px; }
  .tgl-flip + .tgl-btn:after {
    content: attr(data-tg-on);
    background: #FFAE1A;
    transform: rotateY(-180deg); }
  .tgl-flip + .tgl-btn:before {
    background: #FE6A49;
    content: attr(data-tg-off); }
  .tgl-flip + .tgl-btn:active:before {
    transform: rotateY(-20deg); }

.tgl-flip:checked + .tgl-btn:before {
  transform: rotateY(180deg); }

.tgl-flip:checked + .tgl-btn:after {
  transform: rotateY(0);
  left: 0;
  background: #00AC46; }

.tgl-flip:checked + .tgl-btn:active:after {
  transform: rotateY(20deg); }

.radius-none .form-check-input {
  border-radius: 3px; }

.tg-list .tg-list-item .square-checked .switch-state::before {
  content: '';
  border-radius: 0; }

.switch-wrapper .media {
  margin-right: 20px; }
  .switch-wrapper .media .col-form-label {
    padding-bottom: 0; }

.switch-wrapper .tg-list p {
  margin: 0 8px 0 0; }

.default-square .form-switch .form-check-input {
  background-image: url(/../images/switch/square-gray.png); }
  .default-square .form-switch .form-check-input:checked {
    background-image: url(/../images/switch/square.svg); }

/**=====================
    2.28 Switch CSS Ends
==========================**/
/**=====================
  2.29 Tab CSS Start
==========================**/
/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C; }

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8; }

.light-card {
  background-color: var(--light-background); }

.light-background {
  background-color: var(--light-bg); }

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  transform: rotate(-45deg);
  display: inline-block; }

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-l-50 {
  margin-left: 50px !important; }

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important; }

.b-r-1 {
  border-radius: 1px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-r-11 {
  border-radius: 11px !important; }

.b-r-12 {
  border-radius: 12px !important; }

.b-r-13 {
  border-radius: 13px !important; }

.b-r-14 {
  border-radius: 14px !important; }

.b-r-15 {
  border-radius: 15px !important; }

.b-r-16 {
  border-radius: 16px !important; }

.b-r-17 {
  border-radius: 17px !important; }

.b-r-18 {
  border-radius: 18px !important; }

.b-r-19 {
  border-radius: 19px !important; }

.b-r-20 {
  border-radius: 20px !important; }

.b-r-21 {
  border-radius: 21px !important; }

.b-r-22 {
  border-radius: 22px !important; }

.b-r-23 {
  border-radius: 23px !important; }

.b-r-24 {
  border-radius: 24px !important; }

.b-r-25 {
  border-radius: 25px !important; }

.b-r-26 {
  border-radius: 26px !important; }

.b-r-27 {
  border-radius: 27px !important; }

.b-r-28 {
  border-radius: 28px !important; }

.b-r-29 {
  border-radius: 29px !important; }

.b-r-30 {
  border-radius: 30px !important; }

.b-r-31 {
  border-radius: 31px !important; }

.b-r-32 {
  border-radius: 32px !important; }

.b-r-33 {
  border-radius: 33px !important; }

.b-r-34 {
  border-radius: 34px !important; }

.b-r-35 {
  border-radius: 35px !important; }

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.f-34 {
  font-size: 34px !important; }

.f-36 {
  font-size: 36px !important; }

.f-38 {
  font-size: 38px !important; }

.f-40 {
  font-size: 40px !important; }

.f-42 {
  font-size: 42px !important; }

.f-44 {
  font-size: 44px !important; }

.f-46 {
  font-size: 46px !important; }

.f-48 {
  font-size: 48px !important; }

.f-50 {
  font-size: 50px !important; }

.f-52 {
  font-size: 52px !important; }

.f-54 {
  font-size: 54px !important; }

.f-56 {
  font-size: 56px !important; }

.f-58 {
  font-size: 58px !important; }

.f-60 {
  font-size: 60px !important; }

.f-62 {
  font-size: 62px !important; }

.f-64 {
  font-size: 64px !important; }

.f-66 {
  font-size: 66px !important; }

.f-68 {
  font-size: 68px !important; }

.f-70 {
  font-size: 70px !important; }

.f-72 {
  font-size: 72px !important; }

.f-74 {
  font-size: 74px !important; }

.f-76 {
  font-size: 76px !important; }

.f-78 {
  font-size: 78px !important; }

.f-80 {
  font-size: 80px !important; }

.f-82 {
  font-size: 82px !important; }

.f-84 {
  font-size: 84px !important; }

.f-86 {
  font-size: 86px !important; }

.f-88 {
  font-size: 88px !important; }

.f-90 {
  font-size: 90px !important; }

.f-92 {
  font-size: 92px !important; }

.f-94 {
  font-size: 94px !important; }

.f-96 {
  font-size: 96px !important; }

.f-98 {
  font-size: 98px !important; }

.f-100 {
  font-size: 100px !important; }

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100; }

.f-w-300 {
  font-weight: 300; }

.f-w-500 {
  font-weight: 500; }

.f-w-400 {
  font-weight: 400; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-900 {
  font-weight: 900; }

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal; }

.f-s-italic {
  font-style: italic; }

.f-s-oblique {
  font-style: oblique; }

.f-s-initial {
  font-style: initial; }

.f-s-inherit {
  font-style: inherit; }

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-dashed {
  text-decoration: dashed; }

.text-blink {
  text-decoration: blink; }

.text-dotted {
  text-decoration: dotted; }

.text-initial {
  text-decoration: initial; }

.text-none {
  text-decoration: none; }

.text-solid {
  text-decoration: solid; }

.text-wavy {
  text-decoration: wavy; }

.text-inherit {
  text-decoration: inherit; }

.text-double {
  text-decoration: double; }

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline; }

.sub {
  vertical-align: sub; }

.super {
  vertical-align: super; }

.top {
  vertical-align: top; }

.text-top {
  vertical-align: text-top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.text-bottom {
  vertical-align: text-bottom; }

.initial {
  vertical-align: initial; }

.inherit {
  vertical-align: inherit; }

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-relative {
  position: relative; }

.p-initial {
  position: initial; }

.p-inherit {
  position: inherit; }

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden; }

.o-visible {
  overflow: visible; }

.o-auto {
  overflow: auto; }

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important; }

.img-h-10 {
  height: 10px !important; }

.img-20 {
  width: 20px !important; }

.img-h-20 {
  height: 20px !important; }

.img-30 {
  width: 30px !important; }

.img-h-30 {
  height: 30px !important; }

.img-40 {
  width: 40px !important; }

.img-h-40 {
  height: 40px !important; }

.img-50 {
  width: 50px !important; }

.img-h-50 {
  height: 50px !important; }

.img-60 {
  width: 60px !important; }

.img-h-60 {
  height: 60px !important; }

.img-70 {
  width: 70px !important; }

.img-h-70 {
  height: 70px !important; }

.img-80 {
  width: 80px !important; }

.img-h-80 {
  height: 80px !important; }

.img-90 {
  width: 90px !important; }

.img-h-90 {
  height: 90px !important; }

.img-100 {
  width: 100px !important; }

.img-h-100 {
  height: 100px !important; }

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important; }

.font-secondary {
  color: #FE6A49 !important; }

.font-success {
  color: #00AC46 !important; }

.font-danger {
  color: #FE6A49 !important; }

.font-info {
  color: #173878 !important; }

.font-light {
  color: #E6E9EB !important; }

.font-dark {
  color: #2c323f !important; }

.font-warning {
  color: #FFAE1A !important; }

.font-primary {
  color: var(--theme-deafult) !important; }

.font-secondary {
  color: var(--theme-secondary) !important; }

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize; }

.label-theme {
  background-color: #006666; }

.label-primary {
  background-color: #006666; }

.label-secondary {
  background-color: #FE6A49; }

.label-success {
  background-color: #00AC46; }

.label-danger {
  background-color: #FE6A49; }

.label-info {
  background-color: #173878; }

.label-light {
  background-color: #E6E9EB; }

.label-dark {
  background-color: #2c323f; }

.label-warning {
  background-color: #FFAE1A; }

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666; }

.badge-secondary {
  background-color: #FE6A49; }

.badge-success {
  background-color: #00AC46; }

.badge-danger {
  background-color: #FE6A49; }

.badge-info {
  background-color: #173878; }

.badge-light {
  background-color: #E6E9EB; }

.badge-dark {
  background-color: #2c323f; }

.badge-warning {
  background-color: #FFAE1A; }

.badge-primary {
  background-color: var(--theme-deafult) !important; }

.badge-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff; }

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff; }

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important; }

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-success {
  background-color: #00AC46 !important;
  color: #fff; }

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff; }

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important; }

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-info {
  background-color: #173878 !important;
  color: #fff; }

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff; }

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important; }

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff; }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff; }

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important; }

.bg-dark {
  background-color: #2c323f !important;
  color: #fff; }

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff; }

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important; }

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff; }

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff; }

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important; }

.bg-primary {
  background-color: var(--theme-deafult) !important; }

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6); }

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important; }

.txt-secondary {
  color: #FE6A49 !important; }

.txt-success {
  color: #00AC46 !important; }

.txt-danger {
  color: #FE6A49 !important; }

.txt-info {
  color: #173878 !important; }

.txt-light {
  color: #E6E9EB !important; }

.txt-dark {
  color: #2c323f !important; }

.txt-warning {
  color: #FFAE1A !important; }

.txt-google-plus {
  color: #c64e40 !important; }

.txt-twitter {
  color: #6fa2d8 !important; }

.txt-linkedin {
  color: #0077B5 !important; }

.txt-fb {
  color: #50598e !important; }

.txt-primary {
  color: var(--theme-deafult) !important; }

.txt-secondary {
  color: var(--theme-secondary) !important; }

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@keyframes push {
  50% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #006666 !important;
    border-color: #006666 !important; }
  .btn-primary:focus {
    box-shadow: unset !important; }

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-secondary:focus {
    box-shadow: unset !important; }

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }
  .btn-success:focus {
    box-shadow: unset !important; }

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-danger:focus {
    box-shadow: unset !important; }

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #173878 !important;
    border-color: #173878 !important; }
  .btn-info:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }
  .btn-light:focus {
    box-shadow: unset !important; }

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #2c323f !important;
    border-color: #2c323f !important; }
  .btn-dark:focus {
    box-shadow: unset !important; }

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }
  .btn-warning:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important; }
  .btn-light:hover {
    background-color: rgba(0, 102, 102, 0.1) !important;
    border-color: rgba(0, 102, 102, 0.1) !important; }

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important; }

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important; }

.btn-hover-effect:hover {
  animation: push 0.5s linear 1; }

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent; }
  .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-check {
  color: #006666 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #006666 !important; }
    .btn-check:checked + .btn-outline-primary {
      color: white !important;
      background-color: #006666 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-primary {
    border-color: #006666 !important;
    color: #006666 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-primary.disabled {
      color: #006666; }
    .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
      color: white !important;
      background-color: #006666 !important;
      border-color: #006666 !important;
      box-shadow: none !important; }

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary.disabled {
    color: #006666;
    border-color: #006666; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-secondary {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-secondary {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-secondary.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #00AC46 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #00AC46 !important; }
    .btn-check:checked + .btn-outline-success {
      color: white !important;
      background-color: #00AC46 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-success.disabled {
      color: #00AC46; }
    .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
      color: white !important;
      background-color: #00AC46 !important;
      border-color: #00AC46 !important;
      box-shadow: none !important; }

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success.disabled {
    color: #00AC46;
    border-color: #00AC46; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-danger {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-danger.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #173878 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #173878 !important; }
    .btn-check:checked + .btn-outline-info {
      color: white !important;
      background-color: #173878 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-info {
    border-color: #173878 !important;
    color: #173878 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-info.disabled {
      color: #173878; }
    .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
      color: white !important;
      background-color: #173878 !important;
      border-color: #173878 !important;
      box-shadow: none !important; }

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info.disabled {
    color: #173878;
    border-color: #173878; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: #fff !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #E6E9EB !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #E6E9EB !important; }
    .btn-check:checked + .btn-outline-light {
      color: white !important;
      background-color: #E6E9EB !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-light {
    border-color: #E6E9EB !important;
    color: #E6E9EB !important;
    background-color: transparent;
    color: #051A1A; }
    .btn-check + .btn-outline-light.disabled {
      color: #E6E9EB; }
    .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
      color: white !important;
      background-color: #E6E9EB !important;
      border-color: #E6E9EB !important;
      box-shadow: none !important; }

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A; }
  .btn-outline-light.disabled {
    color: #E6E9EB;
    border-color: #E6E9EB; }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: #fff !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: unset !important; }

.btn-check {
  color: #2c323f !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #2c323f !important; }
    .btn-check:checked + .btn-outline-dark {
      color: white !important;
      background-color: #2c323f !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-dark {
    border-color: #2c323f !important;
    color: #2c323f !important;
    background-color: transparent; }
    .btn-check + .btn-outline-dark.disabled {
      color: #2c323f; }
    .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
      color: white !important;
      background-color: #2c323f !important;
      border-color: #2c323f !important;
      box-shadow: none !important; }

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark.disabled {
    color: #2c323f;
    border-color: #2c323f; }
  .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FFAE1A !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FFAE1A !important; }
    .btn-check:checked + .btn-outline-warning {
      color: white !important;
      background-color: #FFAE1A !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important;
    background-color: transparent; }
    .btn-check + .btn-outline-warning.disabled {
      color: #FFAE1A; }
    .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
      color: white !important;
      background-color: #FFAE1A !important;
      border-color: #FFAE1A !important;
      box-shadow: none !important; }

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning.disabled {
    color: #FFAE1A;
    border-color: #FFAE1A; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: unset !important; }

.btn-primary.active:not([disabled]):not(.disabled) {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  box-shadow: none !important; }
  .btn-primary.active:not([disabled]):not(.disabled):hover, .btn-primary.active:not([disabled]):not(.disabled):focus, .btn-primary.active:not([disabled]):not(.disabled):active, .btn-primary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #003333;
    border-color: #003333; }

.btn-secondary.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-secondary.active:not([disabled]):not(.disabled):hover, .btn-secondary.active:not([disabled]):not(.disabled):focus, .btn-secondary.active:not([disabled]):not(.disabled):active, .btn-secondary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-success.active:not([disabled]):not(.disabled) {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  box-shadow: none !important; }
  .btn-success.active:not([disabled]):not(.disabled):hover, .btn-success.active:not([disabled]):not(.disabled):focus, .btn-success.active:not([disabled]):not(.disabled):active, .btn-success.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #007931;
    border-color: #007931; }

.btn-danger.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-danger.active:not([disabled]):not(.disabled):hover, .btn-danger.active:not([disabled]):not(.disabled):focus, .btn-danger.active:not([disabled]):not(.disabled):active, .btn-danger.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-info.active:not([disabled]):not(.disabled) {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  box-shadow: none !important; }
  .btn-info.active:not([disabled]):not(.disabled):hover, .btn-info.active:not([disabled]):not(.disabled):focus, .btn-info.active:not([disabled]):not(.disabled):active, .btn-info.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #0f244d;
    border-color: #0f244d; }

.btn-light.active:not([disabled]):not(.disabled) {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  box-shadow: none !important; }
  .btn-light.active:not([disabled]):not(.disabled):hover, .btn-light.active:not([disabled]):not(.disabled):focus, .btn-light.active:not([disabled]):not(.disabled):active, .btn-light.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #cad0d4;
    border-color: #cad0d4; }

.btn-dark.active:not([disabled]):not(.disabled) {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  box-shadow: none !important; }
  .btn-dark.active:not([disabled]):not(.disabled):hover, .btn-dark.active:not([disabled]):not(.disabled):focus, .btn-dark.active:not([disabled]):not(.disabled):active, .btn-dark.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #171a21;
    border-color: #171a21; }

.btn-warning.active:not([disabled]):not(.disabled) {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  box-shadow: none !important; }
  .btn-warning.active:not([disabled]):not(.disabled):hover, .btn-warning.active:not([disabled]):not(.disabled):focus, .btn-warning.active:not([disabled]):not(.disabled):active, .btn-warning.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #e69500;
    border-color: #e69500; }

.btn-outline-primary-2x.active:not([disabled]):not(.disabled) {
  background-color: #006666;
  border-color: #006666;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-primary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-primary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #006666 !important;
    border-color: #006666 !important; }

.btn-outline-secondary-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-secondary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-success-2x.active:not([disabled]):not(.disabled) {
  background-color: #00AC46;
  border-color: #00AC46;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-success-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-success-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-success-2x.active:not([disabled]):not(.disabled):active, .btn-outline-success-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }

.btn-outline-danger-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-danger-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):active, .btn-outline-danger-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-info-2x.active:not([disabled]):not(.disabled) {
  background-color: #173878;
  border-color: #173878;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-info-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-info-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-info-2x.active:not([disabled]):not(.disabled):active, .btn-outline-info-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #173878 !important;
    border-color: #173878 !important; }

.btn-outline-light-2x.active:not([disabled]):not(.disabled) {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-light-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-light-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-light-2x.active:not([disabled]):not(.disabled):active, .btn-outline-light-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }

.btn-outline-dark-2x.active:not([disabled]):not(.disabled) {
  background-color: #2c323f;
  border-color: #2c323f;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-dark-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):active, .btn-outline-dark-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important; }

.btn-outline-warning-2x.active:not([disabled]):not(.disabled) {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-warning-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):active, .btn-outline-warning-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important; }

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important; }

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important; }

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important; }

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important; }

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important; }

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666; }
  .table-styling .table-primary thead,
  .table-styling.table-primary thead {
    background-color: #003333;
    border: 3px solid #003333; }
  .table-styling .table-primary th,
  .table-styling .table-primary td,
  .table-styling.table-primary th,
  .table-styling.table-primary td {
    background-color: transparent; }

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-secondary thead,
  .table-styling.table-secondary thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-secondary th,
  .table-styling .table-secondary td,
  .table-styling.table-secondary th,
  .table-styling.table-secondary td {
    background-color: transparent; }

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46; }
  .table-styling .table-success thead,
  .table-styling.table-success thead {
    background-color: #007931;
    border: 3px solid #007931; }
  .table-styling .table-success th,
  .table-styling .table-success td,
  .table-styling.table-success th,
  .table-styling.table-success td {
    background-color: transparent; }

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-danger thead,
  .table-styling.table-danger thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-danger th,
  .table-styling .table-danger td,
  .table-styling.table-danger th,
  .table-styling.table-danger td {
    background-color: transparent; }

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878; }
  .table-styling .table-info thead,
  .table-styling.table-info thead {
    background-color: #0f244d;
    border: 3px solid #0f244d; }
  .table-styling .table-info th,
  .table-styling .table-info td,
  .table-styling.table-info th,
  .table-styling.table-info td {
    background-color: transparent; }

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB; }
  .table-styling .table-light thead,
  .table-styling.table-light thead {
    background-color: #cad0d4;
    border: 3px solid #cad0d4; }
  .table-styling .table-light th,
  .table-styling .table-light td,
  .table-styling.table-light th,
  .table-styling.table-light td {
    background-color: transparent; }

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f; }
  .table-styling .table-dark thead,
  .table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21; }
  .table-styling .table-dark th,
  .table-styling .table-dark td,
  .table-styling.table-dark th,
  .table-styling.table-dark td {
    background-color: transparent; }

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A; }
  .table-styling .table-warning thead,
  .table-styling.table-warning thead {
    background-color: #e69500;
    border: 3px solid #e69500; }
  .table-styling .table-warning th,
  .table-styling .table-warning td,
  .table-styling.table-warning th,
  .table-styling.table-warning td {
    background-color: transparent; }

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important; }

.stroke-secondary {
  stroke: #FE6A49 !important; }

.stroke-success {
  stroke: #00AC46 !important; }

.stroke-danger {
  stroke: #FE6A49 !important; }

.stroke-info {
  stroke: #173878 !important; }

.stroke-light {
  stroke: #E6E9EB !important; }

.stroke-dark {
  stroke: #2c323f !important; }

.stroke-warning {
  stroke: #FFAE1A !important; }

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878; }

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important; }

.b-t-primary {
  border-top: 1px solid #006666 !important; }

.border-t-primary {
  border-top: 1px solid #006666 !important; }

.b-b-primary {
  border-bottom: 1px solid #006666 !important; }

.border-b-primary {
  border-bottom: 1px solid #006666 !important; }

.b-l-primary {
  border-left: 1px solid #006666 !important; }

.border-l-primary {
  border-left: 1px solid #006666 !important; }

.b-r-primary {
  border-right: 1px solid #006666 !important; }

.border-r-primary {
  border-right: 1px solid #006666 !important; }

.b-secondary {
  border: 1px solid #FE6A49 !important; }

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.b-success {
  border: 1px solid #00AC46 !important; }

.b-t-success {
  border-top: 1px solid #00AC46 !important; }

.border-t-success {
  border-top: 1px solid #00AC46 !important; }

.b-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.border-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.b-l-success {
  border-left: 1px solid #00AC46 !important; }

.border-l-success {
  border-left: 1px solid #00AC46 !important; }

.b-r-success {
  border-right: 1px solid #00AC46 !important; }

.border-r-success {
  border-right: 1px solid #00AC46 !important; }

.b-danger {
  border: 1px solid #FE6A49 !important; }

.b-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.border-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.border-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.b-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.border-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.b-info {
  border: 1px solid #173878 !important; }

.b-t-info {
  border-top: 1px solid #173878 !important; }

.border-t-info {
  border-top: 1px solid #173878 !important; }

.b-b-info {
  border-bottom: 1px solid #173878 !important; }

.border-b-info {
  border-bottom: 1px solid #173878 !important; }

.b-l-info {
  border-left: 1px solid #173878 !important; }

.border-l-info {
  border-left: 1px solid #173878 !important; }

.b-r-info {
  border-right: 1px solid #173878 !important; }

.border-r-info {
  border-right: 1px solid #173878 !important; }

.b-light {
  border: 1px solid #E6E9EB !important; }

.b-t-light {
  border-top: 1px solid #E6E9EB !important; }

.border-t-light {
  border-top: 1px solid #E6E9EB !important; }

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.b-l-light {
  border-left: 1px solid #E6E9EB !important; }

.border-l-light {
  border-left: 1px solid #E6E9EB !important; }

.b-r-light {
  border-right: 1px solid #E6E9EB !important; }

.border-r-light {
  border-right: 1px solid #E6E9EB !important; }

.b-dark {
  border: 1px solid #2c323f !important; }

.b-t-dark {
  border-top: 1px solid #2c323f !important; }

.border-t-dark {
  border-top: 1px solid #2c323f !important; }

.b-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.border-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.b-l-dark {
  border-left: 1px solid #2c323f !important; }

.border-l-dark {
  border-left: 1px solid #2c323f !important; }

.b-r-dark {
  border-right: 1px solid #2c323f !important; }

.border-r-dark {
  border-right: 1px solid #2c323f !important; }

.b-warning {
  border: 1px solid #FFAE1A !important; }

.b-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.border-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.b-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.border-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.b-r-warning {
  border-right: 1px solid #FFAE1A !important; }

.border-r-warning {
  border-right: 1px solid #FFAE1A !important; }

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-6 {
  border-width: 6px !important; }

.border-7 {
  border-width: 7px !important; }

.border-8 {
  border-width: 8px !important; }

.border-9 {
  border-width: 9px !important; }

.border-10 {
  border-width: 10px !important; }

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px; }

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa; }

.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px; }

.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3); }

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f; }
  .line pre {
    font-size: 100%; }

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important; }

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .options > div {
    color: #86909C;
    padding: 2px 10px;
    border: 1px solid; }
    .options > div:hover {
      background-color: #006666;
      color: #fff;
      transition: background-color 0.3s ease; }

/**====== Animation css Ends ======**/
.modal-footer {
  flex-wrap: wrap; }

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0; }

.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0; }

.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px; }

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666; }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #006666 !important; }

.typeahead .theme-form .form-group {
  margin-bottom: 0; }

.primary .svg-fill {
  fill: var(--theme-deafult); }
  .primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-deafult); }

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important; }

.secondary .svg-fill {
  fill: var(--theme-secondary); }
  .secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary); }

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important; }

.success .svg-fill {
  fill: #00AC46; }

.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important; }

.warning .svg-fill {
  fill: #FFAE1A; }

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important; }

.dotted {
  border-style: dotted; }

.dashed {
  border-style: dashed; }

.double {
  border-style: double; }

.groove {
  border-style: groove; }

.ridge {
  border-style: ridge; }

.inset {
  border-style: inset; }

.outset {
  border-style: outset; }

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px; }
  75% {
    opacity: .6;
    top: 0; }
  100% {
    opacity: 1; } }

.code-box-copy {
  width: 100%;
  overflow: auto; }

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%; }
  .custom-rs-12 {
    width: 100%; } }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px; }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none; }

.bg-gray {
  background-color: var(--text-gray); }

.text-gray {
  color: var(--text-gray) !important; }

.common-flex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

.common-space {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2); }

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3); }

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important; }

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important; }

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666; }

.badge-light-secondary {
  background-color: white;
  color: #FE6A49; }

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46; }

.badge-light-danger {
  background-color: white;
  color: #FE6A49; }

.badge-light-info {
  background-color: #6e96e3;
  color: #173878; }

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c; }

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f; }

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A; }

.fc .fc-button-primary.fc-button-active:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult), 0.2) !important; }

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%;
      margin-left: 0px; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .invoice-table-data {
    background-color: #f9f9fa; }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

/**=====================
    1.1 Reset CSS Ends
==========================**/
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--theme-deafult); }

.nav i {
  margin-right: 10px; }

.nav-right {
  justify-content: flex-end; }

.nav-theme .nav-link,
.nav-pills.nav-theme .nav-link {
  color: var(--theme-deafult); }

.nav-theme .nav-link.active,
.nav-theme .show > .nav-link,
.nav-pills.nav-theme .nav-link.active,
.nav-pills.nav-theme .show > .nav-link {
  background-color: var(--theme-deafult);
  color: #fff; }

.nav-primary .nav-link,
.nav-pills.nav-primary .nav-link {
  color: var(--theme-deafult); }

.nav-primary .nav-link.active,
.nav-primary .show > .nav-link,
.nav-pills.nav-primary .nav-link.active,
.nav-pills.nav-primary .show > .nav-link {
  background-color: var(--theme-deafult);
  color: #fff; }

.nav-secondary .nav-link,
.nav-pills.nav-secondary .nav-link {
  color: #FE6A49; }

.nav-secondary .nav-link.active,
.nav-secondary .show > .nav-link,
.nav-pills.nav-secondary .nav-link.active,
.nav-pills.nav-secondary .show > .nav-link {
  background-color: #FE6A49;
  color: #fff; }

.nav-success .nav-link,
.nav-pills.nav-success .nav-link {
  color: #00AC46; }

.nav-success .nav-link.active,
.nav-success .show > .nav-link,
.nav-pills.nav-success .nav-link.active,
.nav-pills.nav-success .show > .nav-link {
  background-color: #00AC46;
  color: #fff; }

.nav-danger .nav-link,
.nav-pills.nav-danger .nav-link {
  color: #FE6A49; }

.nav-danger .nav-link.active,
.nav-danger .show > .nav-link,
.nav-pills.nav-danger .nav-link.active,
.nav-pills.nav-danger .show > .nav-link {
  background-color: #FE6A49;
  color: #fff; }

.nav-info .nav-link,
.nav-pills.nav-info .nav-link {
  color: #173878; }

.nav-info .nav-link.active,
.nav-info .show > .nav-link,
.nav-pills.nav-info .nav-link.active,
.nav-pills.nav-info .show > .nav-link {
  background-color: #173878;
  color: #fff; }

.nav-light .nav-link,
.nav-pills.nav-light .nav-link {
  color: #E6E9EB; }

.nav-light .nav-link.active,
.nav-light .show > .nav-link,
.nav-pills.nav-light .nav-link.active,
.nav-pills.nav-light .show > .nav-link {
  background-color: #E6E9EB;
  color: #fff; }

.nav-dark .nav-link,
.nav-pills.nav-dark .nav-link {
  color: #2c323f; }

.nav-dark .nav-link.active,
.nav-dark .show > .nav-link,
.nav-pills.nav-dark .nav-link.active,
.nav-pills.nav-dark .show > .nav-link {
  background-color: #2c323f;
  color: #fff; }

.nav-warning .nav-link,
.nav-pills.nav-warning .nav-link {
  color: #FFAE1A; }

.nav-warning .nav-link.active,
.nav-warning .show > .nav-link,
.nav-pills.nav-warning .nav-link.active,
.nav-pills.nav-warning .show > .nav-link {
  background-color: #FFAE1A;
  color: #fff; }

.nav-tabs.nav-bottom .nav-item .nav-link.active,
.nav-tabs.nav-bottom .nav-item .nav-link.focus,
.nav-tabs.nav-bottom .nav-item .nav-link.hover {
  border-color: #fff #dee2e6 #dee2e6; }

.tab-content ~ .nav-tabs.border-tab {
  margin-bottom: 0;
  margin-top: 30px; }

.border-tab.nav-tabs {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 30px; }
  .border-tab.nav-tabs .nav-item .nav-link {
    font-size: 16px;
    color: #2c323f;
    text-align: center;
    padding: 10px 25px;
    border: none;
    border-bottom: none;
    transition: 0.3s; }
    @media (min-width: 576px) and (max-width: 1920px) {
      .border-tab.nav-tabs .nav-item .nav-link {
        padding-top: 0; } }
    .border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus, .border-tab.nav-tabs .nav-item .nav-link:hover {
      color: var(--theme-deafult); }
    .border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus {
      border-bottom: none; }

.border-tab.nav-left .nav-link {
  transition: all 0.3s ease;
  color: #2c323f; }

.border-tab.nav-left .nav-link.active,
.border-tab.nav-left .show > .nav-link {
  background-color: transparent;
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult);
  border-radius: 0;
  transition: all 0.3s ease; }

.border-tab.nav-right .nav-link {
  border-right: 2px solid transparent;
  transition: all 0.3s ease;
  color: #2c323f;
  text-align: right; }

.border-tab.nav-right .nav-link.active,
.border-tab.nav-right .show > .nav-link {
  background-color: transparent;
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult);
  border-radius: 0;
  transition: all 0.3s ease; }

.border-tab.nav-theme .nav-link.active,
.border-tab.nav-theme .nav-item.show,
.border-tab.nav-theme .nav-link:focus,
.border-tab.nav-theme .nav-link:hover {
  color: var(--theme-deafult);
  background-color: transparent; }

.border-tab.nav-theme .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus {
    border-bottom: 2px solid var(--theme-deafult); }
  .border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus, .border-tab.nav-theme .nav-item .nav-link:hover {
    color: var(--theme-deafult); }

.border-tab.nav-left.nav-theme .nav-link.active,
.border-tab.nav-left.nav-theme .show > .nav-link {
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-right.nav-theme .nav-link.active,
.border-tab.nav-right.nav-theme .show > .nav-link {
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-primary .nav-link.active,
.border-tab.nav-primary .nav-item.show,
.border-tab.nav-primary .nav-link:focus,
.border-tab.nav-primary .nav-link:hover {
  color: var(--theme-deafult);
  background-color: transparent; }

.border-tab.nav-primary .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus {
    border-bottom: 2px solid var(--theme-deafult); }
  .border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus, .border-tab.nav-primary .nav-item .nav-link:hover {
    color: var(--theme-deafult); }

.border-tab.nav-left.nav-primary .nav-link.active,
.border-tab.nav-left.nav-primary .show > .nav-link {
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-right.nav-primary .nav-link.active,
.border-tab.nav-right.nav-primary .show > .nav-link {
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-secondary .nav-link.active,
.border-tab.nav-secondary .nav-item.show,
.border-tab.nav-secondary .nav-link:focus,
.border-tab.nav-secondary .nav-link:hover {
  color: #FE6A49;
  background-color: transparent; }

.border-tab.nav-secondary .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-secondary .nav-item .nav-link.active, .border-tab.nav-secondary .nav-item .nav-link.show, .border-tab.nav-secondary .nav-item .nav-link:focus {
    border-bottom: 2px solid #FE6A49; }
  .border-tab.nav-secondary .nav-item .nav-link.active, .border-tab.nav-secondary .nav-item .nav-link.show, .border-tab.nav-secondary .nav-item .nav-link:focus, .border-tab.nav-secondary .nav-item .nav-link:hover {
    color: #FE6A49; }

.border-tab.nav-left.nav-secondary .nav-link.active,
.border-tab.nav-left.nav-secondary .show > .nav-link {
  border-left-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-right.nav-secondary .nav-link.active,
.border-tab.nav-right.nav-secondary .show > .nav-link {
  border-right-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-success .nav-link.active,
.border-tab.nav-success .nav-item.show,
.border-tab.nav-success .nav-link:focus,
.border-tab.nav-success .nav-link:hover {
  color: #00AC46;
  background-color: transparent; }

.border-tab.nav-success .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-success .nav-item .nav-link.active, .border-tab.nav-success .nav-item .nav-link.show, .border-tab.nav-success .nav-item .nav-link:focus {
    border-bottom: 2px solid #00AC46; }
  .border-tab.nav-success .nav-item .nav-link.active, .border-tab.nav-success .nav-item .nav-link.show, .border-tab.nav-success .nav-item .nav-link:focus, .border-tab.nav-success .nav-item .nav-link:hover {
    color: #00AC46; }

.border-tab.nav-left.nav-success .nav-link.active,
.border-tab.nav-left.nav-success .show > .nav-link {
  border-left-color: #00AC46;
  color: #00AC46; }

.border-tab.nav-right.nav-success .nav-link.active,
.border-tab.nav-right.nav-success .show > .nav-link {
  border-right-color: #00AC46;
  color: #00AC46; }

.border-tab.nav-danger .nav-link.active,
.border-tab.nav-danger .nav-item.show,
.border-tab.nav-danger .nav-link:focus,
.border-tab.nav-danger .nav-link:hover {
  color: #FE6A49;
  background-color: transparent; }

.border-tab.nav-danger .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-danger .nav-item .nav-link.active, .border-tab.nav-danger .nav-item .nav-link.show, .border-tab.nav-danger .nav-item .nav-link:focus {
    border-bottom: 2px solid #FE6A49; }
  .border-tab.nav-danger .nav-item .nav-link.active, .border-tab.nav-danger .nav-item .nav-link.show, .border-tab.nav-danger .nav-item .nav-link:focus, .border-tab.nav-danger .nav-item .nav-link:hover {
    color: #FE6A49; }

.border-tab.nav-left.nav-danger .nav-link.active,
.border-tab.nav-left.nav-danger .show > .nav-link {
  border-left-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-right.nav-danger .nav-link.active,
.border-tab.nav-right.nav-danger .show > .nav-link {
  border-right-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-info .nav-link.active,
.border-tab.nav-info .nav-item.show,
.border-tab.nav-info .nav-link:focus,
.border-tab.nav-info .nav-link:hover {
  color: #173878;
  background-color: transparent; }

.border-tab.nav-info .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-info .nav-item .nav-link.active, .border-tab.nav-info .nav-item .nav-link.show, .border-tab.nav-info .nav-item .nav-link:focus {
    border-bottom: 2px solid #173878; }
  .border-tab.nav-info .nav-item .nav-link.active, .border-tab.nav-info .nav-item .nav-link.show, .border-tab.nav-info .nav-item .nav-link:focus, .border-tab.nav-info .nav-item .nav-link:hover {
    color: #173878; }

.border-tab.nav-left.nav-info .nav-link.active,
.border-tab.nav-left.nav-info .show > .nav-link {
  border-left-color: #173878;
  color: #173878; }

.border-tab.nav-right.nav-info .nav-link.active,
.border-tab.nav-right.nav-info .show > .nav-link {
  border-right-color: #173878;
  color: #173878; }

.border-tab.nav-light .nav-link.active,
.border-tab.nav-light .nav-item.show,
.border-tab.nav-light .nav-link:focus,
.border-tab.nav-light .nav-link:hover {
  color: #E6E9EB;
  background-color: transparent; }

.border-tab.nav-light .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-light .nav-item .nav-link.active, .border-tab.nav-light .nav-item .nav-link.show, .border-tab.nav-light .nav-item .nav-link:focus {
    border-bottom: 2px solid #E6E9EB; }
  .border-tab.nav-light .nav-item .nav-link.active, .border-tab.nav-light .nav-item .nav-link.show, .border-tab.nav-light .nav-item .nav-link:focus, .border-tab.nav-light .nav-item .nav-link:hover {
    color: #E6E9EB; }

.border-tab.nav-left.nav-light .nav-link.active,
.border-tab.nav-left.nav-light .show > .nav-link {
  border-left-color: #E6E9EB;
  color: #E6E9EB; }

.border-tab.nav-right.nav-light .nav-link.active,
.border-tab.nav-right.nav-light .show > .nav-link {
  border-right-color: #E6E9EB;
  color: #E6E9EB; }

.border-tab.nav-dark .nav-link.active,
.border-tab.nav-dark .nav-item.show,
.border-tab.nav-dark .nav-link:focus,
.border-tab.nav-dark .nav-link:hover {
  color: #2c323f;
  background-color: transparent; }

.border-tab.nav-dark .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-dark .nav-item .nav-link.active, .border-tab.nav-dark .nav-item .nav-link.show, .border-tab.nav-dark .nav-item .nav-link:focus {
    border-bottom: 2px solid #2c323f; }
  .border-tab.nav-dark .nav-item .nav-link.active, .border-tab.nav-dark .nav-item .nav-link.show, .border-tab.nav-dark .nav-item .nav-link:focus, .border-tab.nav-dark .nav-item .nav-link:hover {
    color: #2c323f; }

.border-tab.nav-left.nav-dark .nav-link.active,
.border-tab.nav-left.nav-dark .show > .nav-link {
  border-left-color: #2c323f;
  color: #2c323f; }

.border-tab.nav-right.nav-dark .nav-link.active,
.border-tab.nav-right.nav-dark .show > .nav-link {
  border-right-color: #2c323f;
  color: #2c323f; }

.border-tab.nav-warning .nav-link.active,
.border-tab.nav-warning .nav-item.show,
.border-tab.nav-warning .nav-link:focus,
.border-tab.nav-warning .nav-link:hover {
  color: #FFAE1A;
  background-color: transparent; }

.border-tab.nav-warning .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-warning .nav-item .nav-link.active, .border-tab.nav-warning .nav-item .nav-link.show, .border-tab.nav-warning .nav-item .nav-link:focus {
    border-bottom: 2px solid #FFAE1A; }
  .border-tab.nav-warning .nav-item .nav-link.active, .border-tab.nav-warning .nav-item .nav-link.show, .border-tab.nav-warning .nav-item .nav-link:focus, .border-tab.nav-warning .nav-item .nav-link:hover {
    color: #FFAE1A; }

.border-tab.nav-left.nav-warning .nav-link.active,
.border-tab.nav-left.nav-warning .show > .nav-link {
  border-left-color: #FFAE1A;
  color: #FFAE1A; }

.border-tab.nav-right.nav-warning .nav-link.active,
.border-tab.nav-right.nav-warning .show > .nav-link {
  border-right-color: #FFAE1A;
  color: #FFAE1A; }

.flex-space {
  display: flex;
  gap: 16px; }
  @media (max-width: 576px) {
    .flex-space {
      justify-content: center; } }
.tab-img {
  height: 100px; }

.nav-item .navlink-title {
  background-color: unset;
  padding: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.simple-wrapper .dropdown-collection .dropdown-item:hover, .simple-wrapper .dropdown-collection .dropdown-item:active {
  background-color: #E6E9EB !important; }

.blog-wrapper .blog-img {
  width: 100px;
  height: 100px; }

.designer-details {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px; }
  @media (max-width: 1400px) {
    .designer-details {
      gap: calc(14px + (35 - 14) * ((100vw - 320px) / (1400 - 320))); } }
  .designer-details .designer-profile {
    display: inline-block; }
    .designer-details .designer-profile .designer-wrap {
      display: flex;
      align-items: center;
      gap: 12px; }
      .designer-details .designer-profile .designer-wrap .designer-img {
        height: 50px;
        border-radius: 100%; }
      .designer-details .designer-profile .designer-wrap .designer-content h6 {
        font-weight: 500; }
      .designer-details .designer-profile .designer-wrap .designer-content p {
        color: #999999; }

.nav-tabs .nav-border {
  color: #000;
  border: none; }

.ico-color {
  color: #FFAE1A;
  font-size: 16px; }

.main-inbox .header-inbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #999999;
  padding-bottom: 8px; }
  .main-inbox .header-inbox .header-left-inbox {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap; }
    .main-inbox .header-inbox .header-left-inbox .inbox-img img {
      width: 50px;
      height: 50px;
      border-radius: 100%; }
  .main-inbox .header-inbox .header-right-inbox {
    display: flex;
    gap: 12px; }
    @media (max-width: 560px) {
      .main-inbox .header-inbox .header-right-inbox {
        display: none; } }
.main-inbox .body-inbox .body-h-wrapper {
  display: flex;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--light-border);
  align-items: center; }
  @media (max-width: 630px) {
    .main-inbox .body-inbox .body-h-wrapper {
      align-items: unset; } }
.tab-space {
  font-size: 14px; }

#bottom-tab .nav-border.tab-primary:hover {
  color: #006666; }

#bottom-tab .nav-border.tab-primary:focus, #bottom-tab .nav-border.tab-primary:active, #bottom-tab .nav-border.tab-primary.active {
  color: #006666;
  border-bottom: 2px solid #006666; }

#bottom-tab .nav-border.tab-secondary:hover {
  color: #FE6A49; }

#bottom-tab .nav-border.tab-secondary:focus, #bottom-tab .nav-border.tab-secondary:active, #bottom-tab .nav-border.tab-secondary.active {
  color: #FE6A49;
  border-bottom: 2px solid #FE6A49; }

#bottom-tab .nav-border.tab-success:hover {
  color: #00AC46; }

#bottom-tab .nav-border.tab-success:focus, #bottom-tab .nav-border.tab-success:active, #bottom-tab .nav-border.tab-success.active {
  color: #00AC46;
  border-bottom: 2px solid #00AC46; }

#bottom-tab .nav-border.tab-danger:hover {
  color: #FE6A49; }

#bottom-tab .nav-border.tab-danger:focus, #bottom-tab .nav-border.tab-danger:active, #bottom-tab .nav-border.tab-danger.active {
  color: #FE6A49;
  border-bottom: 2px solid #FE6A49; }

#bottom-tab .nav-border.tab-warning:hover {
  color: #FFAE1A; }

#bottom-tab .nav-border.tab-warning:focus, #bottom-tab .nav-border.tab-warning:active, #bottom-tab .nav-border.tab-warning.active {
  color: #FFAE1A;
  border-bottom: 2px solid #FFAE1A; }

#bottom-tab .nav-border.tab-info:hover {
  color: #173878; }

#bottom-tab .nav-border.tab-info:focus, #bottom-tab .nav-border.tab-info:active, #bottom-tab .nav-border.tab-info.active {
  color: #173878;
  border-bottom: 2px solid #173878; }

#bottom-tab .nav-border.tab-light:hover {
  color: #E6E9EB; }

#bottom-tab .nav-border.tab-light:focus, #bottom-tab .nav-border.tab-light:active, #bottom-tab .nav-border.tab-light.active {
  color: #E6E9EB;
  border-bottom: 2px solid #E6E9EB; }

#bottom-tab .nav-border.tab-dark:hover {
  color: #2c323f; }

#bottom-tab .nav-border.tab-dark:focus, #bottom-tab .nav-border.tab-dark:active, #bottom-tab .nav-border.tab-dark.active {
  color: #2c323f;
  border-bottom: 2px solid #2c323f; }

#sideline-tab .nav-effect {
  display: inline-block;
  position: relative; }
  #sideline-tab .nav-effect::after {
    content: '';
    position: absolute;
    left: 0;
    display: inline-block;
    height: 14px;
    width: 80%;
    border-bottom: 1px solid;
    margin-top: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transform: scale(0, 1); }
  #sideline-tab .nav-effect:hover::after {
    opacity: 1;
    transform: scale(1); }

.tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link:hover, .tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link.active {
  background-color: unset;
  border-left: none;
  border-radius: 0;
  transition: none; }

@media (max-width: 576px) {
  .pills-blogger {
    justify-content: center;
    flex-wrap: wrap; } }

::placeholder {
  font-size: 14px; }

.material-wrapper {
  display: flex;
  gap: 12px; }
  @media (max-width: 576px) {
    .material-wrapper {
      flex-direction: column;
      align-items: center; } }
/**=====================
    2.29 Tab CSS Ends
==========================**/
/**=====================
    2.30 Table CSS Start
==========================**/
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: #E6E9EB; }

tbody tr:last-child {
  border-bottom: none; }

.pills-component {
  width: 20%; }

#row_create td.highlight {
  font-weight: 600;
  color: #006666; }

#row_create td.danger {
  font-weight: 600;
  color: #FE6A49; }

.table {
  margin-bottom: 0px; }
  .table > :not(:last-child) > :last-child > * {
    border-bottom-color: #ecf3fa; }
  .table th,
  .table td {
    padding: 0.75rem; }
  .table.table-primary th {
    color: #fff; }
  .table thead.bg-primary tr th {
    color: #fff; }
  .table th {
    color: #051A1A;
    font-weight: 500; }
    .table th.f-light {
      color: var(--chart-text-color);
      opacity: 0.8; }
  .table td {
    color: #051A1A; }
  .table [class*='bg-'] {
    color: #fff; }
  .table .bg-light {
    color: #051A1A; }
  .table tfoot {
    font-weight: bold; }

.table-dark th {
  color: #fff; }

.table-inverse {
  background-color: #292b2c; }
  .table-inverse tr {
    border: 1px solid #fff; }
  .table-inverse th, .table-inverse.table-bordered {
    border: 0; }
  .table-inverse th {
    color: #fff;
    border-color: #fff; }
  .table-inverse td {
    color: #fff; }

.table-hover > tbody > tr:hover {
  --bs-table-accent-bg: #f6f6f6; }

.table-hover tbody tr {
  vertical-align: middle; }
  .table-hover tbody tr:hover {
    background-color: rgba(0, 102, 102, 0.1); }
  .table-hover tbody tr td svg {
    width: 30px;
    height: 30px;
    padding: 5px;
    border-radius: 4px;
    margin-right: 10px; }
    [dir="rtl"] .table-hover tbody tr td svg {
      margin-right: unset;
      margin-left: 10px; }

.typography-table tr:last-child {
  border-bottom: none; }
  .typography-table tr:last-child td {
    border-bottom: none; }

.table-double {
  border-left: 4px double #dee2e6;
  border-right: 4px double #dee2e6; }
  .table-double thead,
  .table-double tbody,
  .table-double tfoot,
  .table-double tr,
  .table-double td,
  .table-double th {
    border-style: double;
    border-width: 4px;
    border-right: 0;
    border-left: 0; }

.table-dotted {
  border-left: 2px dotted #dee2e6;
  border-right: 2px dotted #dee2e6; }
  .table-dotted thead,
  .table-dotted tbody,
  .table-dotted tfoot,
  .table-dotted tr,
  .table-dotted td,
  .table-dotted th {
    border-style: dotted !important;
    border-width: 2px;
    border-right: 0;
    border-left: 0; }

.table-dashed {
  border: 1px dashed #E6E9EB; }
  .table-dashed thead,
  .table-dashed tbody,
  .table-dashed tfoot,
  .table-dashed tr,
  .table-dashed td,
  .table-dashed th {
    border-style: dashed !important;
    border-width: 1px;
    border-right: 0;
    border-left: 0;
    border-bottom: 0px !important; }

.table-xl td,
.table-xl th {
  padding: 1.25rem 2rem;
  font-size: 120%; }

.table-lg td,
.table-lg th {
  padding: 0.9rem 2rem;
  font-size: 110%; }

.table-de td,
.table-de th {
  padding: 0.75rem 2rem; }

.table-sm th,
.table-sm td {
  padding: 0.5rem 2rem;
  font-size: 90%; }

.table-xs th,
.table-xs td {
  padding: 0.2rem 2rem;
  font-size: 80%; }

.table-border-horizontal tr,
.table-border-horizontal th,
.table-border-horizontal td {
  border-top: 1px solid #f2f4ff;
  padding: 0.75rem 2rem; }

.table-border-vertical tr,
.table-border-vertical th,
.table-border-vertical td {
  border-top: 0;
  border-right: 1px solid #f2f4ff; }

.table-border-vertical tr td {
  border-bottom: 0; }
  .table-border-vertical tr td:last-child {
    border-right: none; }

.table-border-vertical tbody tr th {
  border-bottom: 0; }

.table-bordernone td {
  border: none !important; }

.table-bordernone thead th {
  border: none !important; }

.table-bordernone .u-s-tb {
  padding: 11px; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--light-background);
  --bs-table-accent-bg: unset; }

.table-bordered thead,
.table-bordered tbody,
.table-bordered tfoot,
.table-bordered tr,
.table-bordered td,
.table-bordered th {
  border-color: rgba(153, 153, 153, 0.3); }

/**=====================
    2.30 Table CSS Ends
==========================**/
/**=====================
   2.31 Toasts CSS Start
==========================**/
.toast-container {
  position: unset; }

.toast {
  width: 350px;
  max-width: 100%;
  font-size: .875rem;
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }

.toast-index {
  z-index: 12; }
  .toast-index.toast:not(.showing):not(.show) {
    opacity: 0; }
  .toast-index.toast-fade {
    transition: opacity 0.15s linear; }
  .toast-index.show {
    display: block; }

.toast-img img {
  width: 30px;
  height: 30px; }

.bd-example-toasts {
  min-height: 400px; }

.toast:not(.showing):not(.show) {
  opacity: 0; }

.toast-content {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 65px;
  margin: 0 auto;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

[dir="rtl"] .toast-rtl .toast .toast-header strong {
  margin-right: unset !important;
  margin-left: auto !important; }

[dir="rtl"] .toast-rtl .toast .btn-close {
  margin-right: 6px;
  margin-left: unset; }

@media (max-width: 1920px) {
  .toast-dark .btn {
    padding: calc(6px + (6 - 6) * ((100vw - 320px) / (1920 - 320))) calc(4px + (28 - 4) * ((100vw - 320px) / (1920 - 320))); } }

.toast-icons {
  margin-right: 6px;
  width: 20px;
  height: 20px; }
  [dir="rtl"] .toast-icons {
    margin-right: unset;
    margin-left: 6px; }

/**=====================
   2.31 Toasts CSS Ends
==========================**/
/**=====================
  2.32 Touchspin CSS Start
==========================**/
.bootstrap-touchspin input.touchspin {
  padding: 0 12px; }

.bootstrap-touchspin .input-group .btn {
  padding: 0.5rem 1.75rem; }

.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical .bootstrap-touchspin-down {
    margin-top: -2px; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical i {
    position: absolute;
    top: 4px;
    left: 7px;
    font-size: 10px;
    font-weight: normal; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 9px;
    margin-left: -1px;
    position: relative; }

.bootstrap-touchspin .input-group {
  font-family: "Montserrat", sans-serif; }
  .bootstrap-touchspin .input-group .btn {
    border-radius: 0 !important; }

.bootstrap-touchspin .dropdown-basic .dropdown .dropbtn {
  padding: 9px 30px; }

.bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content {
  z-index: 9999; }

.touchspin-wrapper .btn-touchspin {
  border-radius: 5px;
  width: 32px;
  height: 32px; }

.touchspin-wrapper input[type='number'] {
  width: 85px;
  padding: 3px;
  text-align: center;
  height: 30px; }

.hover-touchspin .btn-touchspin.spin-border-dark:hover {
  background-color: #2c323f;
  color: #fff; }

.pre-post-touchspin .decrement-touchspin,
.pre-post-touchspin .increment-touchspin,
.pre-post-touchspin .input-group-text {
  padding: 7px 14px;
  border: 0; }

.pre-post-touchspin .input-group-text {
  background-color: var(--light-bg); }

.pre-post-touchspin .input-touchspin {
  border: 1px solid var(--course-light-btn);
  border-width: 2px;
  text-align: center; }

.pre-post-touchspin .input-group {
  width: auto; }
  @media (max-width: 768px) {
    .pre-post-touchspin .input-group .input-touchspin {
      width: 100px; } }
.pre-post-touchspin.bg-touchspin button[type='button'] {
  border: 1px solid var(--course-light-btn);
  border-width: 2px;
  text-align: center; }

.pre-post-touchspin .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.rounded-touchspin .btn-touchspin {
  border-radius: 50%; }

.rounded-touchspin .touchspin-wrapper input.input-touchspin[type="number"] {
  border-radius: 15px; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; }

/**=====================
    2.32 Touchspin CSS Ends
==========================**/
/**=====================
  2.33 Tour CSS Start
==========================**/
.introjs-helperLayer {
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); }

.introjs-tooltipReferenceLayer {
  background-color: transparent; }

.introjs-helperNumberLayer {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: #FE6A49;
  background: linear-gradient(to bottom, var(--theme-deafult) 0%, var(--theme-deafult) 100%);
  border: 3px solid #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); }

.introjs-arrow {
  border: 12px solid #fff; }
  .introjs-arrow.top {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-deafult);
    border-left-color: transparent; }
  .introjs-arrow.top-right {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-deafult);
    border-left-color: transparent; }
  .introjs-arrow.top-middle {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-deafult);
    border-left-color: transparent; }
  .introjs-arrow.right {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: var(--theme-deafult); }
  .introjs-arrow.right-bottom {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: var(--theme-deafult); }
  .introjs-arrow.bottom {
    border-top-color: var(--theme-deafult);
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  .introjs-arrow.left {
    border-top-color: transparent;
    border-right-color: var(--theme-deafult);
    border-bottom-color: transparent;
    border-left-color: transparent; }
  .introjs-arrow.left-bottom {
    border-top-color: transparent;
    border-right-color: var(--theme-deafult);
    border-bottom-color: transparent;
    border-left-color: transparent; }

.introjs-tooltip {
  background-color: var(--theme-deafult);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  color: #fff;
  border-color: var(--theme-deafult);
  min-width: calc(275px + (310 - 275) * ((100vw - 320px) / (1920 - 320)));
  max-width: 400px;
  min-height: 90px; }

.introjs-button {
  border: 1px solid #efefef;
  text-shadow: 1px 1px 0 #fff;
  color: #051A1A !important;
  background-color: #fff;
  background-image: linear-gradient(#fff, #fff);
  font-size: 13px; }
  .introjs-button:hover {
    border-color: #efefef; }
  .introjs-button:focus, .introjs-button:active {
    background-image: linear-gradient(#ecf3fa, #efefef); }

.introjs-skipbutton {
  color: var(--theme-deafult); }

.introjs-prevbutton.introjs-fullbutton {
  border: 1px solid #efefef; }

.introjs-disabled {
  color: var(--theme-deafult);
  border-color: #efefef; }
  .introjs-disabled:hover, .introjs-disabled:focus {
    color: var(--theme-deafult);
    border-color: #efefef; }

.introjs-bullets ul li a {
  background: #ecf3fa; }
  .introjs-bullets ul li a:hover {
    background: #fff; }
  .introjs-bullets ul li a.active {
    background: #fff; }

.introjs-progress {
  background-color: #E6E9EB; }

.introjs-progressbar {
  background-color: var(--theme-deafult); }

.introjs-hint:hover > .introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.57); }

.introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.27);
  background-color: rgba(136, 136, 136, 0.24); }

.introjs-hint-dot {
  border: 10px solid rgba(146, 146, 146, 0.36); }

.media-body .tour-wrapper {
  display: flex;
  align-items: center;
  gap: 8px; }
  .media-body .tour-wrapper .tour-dot {
    font-size: 5px; }

.tour-blog {
  height: 350px; }
  @media (max-width: 992px) {
    .tour-blog {
      height: calc(200px + (350 - 200) * ((100vw - 320px) / (992 - 320))); } }
  .tour-blog img {
    height: 100%;
    object-fit: cover; }

.info h6 {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); }

.info span {
  font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320))); }

.tour-email {
  display: flex;
  flex-direction: column; }
  @media (max-width: 576px) {
    .tour-email {
      align-items: center; } }
.block-ellipsis {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  margin: 0 auto;
  font-size: 14px;
  line-height: 26px !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.profile-img-style h5 {
  line-height: 25px; }

.list-inline .list-inline-item.b-r-gray {
  border-right: 1px solid #E6E9EB; }

.social-tour {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 26px; }
  .social-tour .list-inline {
    display: flex;
    justify-content: center;
    gap: calc(12px + (26 - 12) * ((100vw - 320px) / (1920 - 320))); }
    .social-tour .list-inline .list-inline-item {
      margin-right: 0; }
      .social-tour .list-inline .list-inline-item a {
        padding: 0px; }
        .social-tour .list-inline .list-inline-item a i {
          font-size: 18px; }
    @media (max-width: 599px) {
      .social-tour .list-inline {
        display: none; } }
  .social-tour .float-sm-end {
    min-width: 81px; }

.tour-mb-space {
  margin-bottom: calc(2px + (8 - 2) * ((100vw - 320px) / (1920 - 320))); }

.like-comment .list-inline {
  justify-content: flex-start; }
  @media (max-width: 324px) {
    .like-comment .list-inline {
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 8px; } }
  [dir="rtl"] .like-comment .list-inline .list-inline-item {
    border-right: 0;
    border-left: 1px solid #E6E9EB; }
  [dir="rtl"] .like-comment .list-inline .list-inline-item:last-child {
    border-right: 0;
    border-left: unset; }

/**=====================
  2.33 Tour CSS Ends
==========================**/
/**=====================
   2.34 Tree CSS Start
==========================**/
[dir="rtl"] .treejs .treejs-nodes {
  padding-left: unset;
  padding-right: 20px; }

[dir="rtl"] .treejs .treejs-node.treejs-placeholder {
  padding-right: 20px;
  padding-left: unset; }

.treejs .treejs-node__halfchecked > .treejs-checkbox:before {
  background-color: #006666 !important;
  border-color: #006666 !important; }

[dir="rtl"] .treejs .treejs-node__halfchecked > .treejs-checkbox:after {
  right: 3px;
  left: unset; }

.treejs .treejs-node__checked > .treejs-checkbox:before {
  background-color: #00AC46 !important;
  border-color: #2c323f !important; }

[dir="rtl"] .treejs .treejs-node__checked > .treejs-checkbox:after {
  right: 5px;
  left: unset; }

/**=====================
   2.34 Tree CSS Ends
==========================**/
/**=====================
    2.35 Typeahead-search CSS Start
==========================**/
.Typeahead {
  width: 100%; }
  .Typeahead * {
    box-sizing: border-box; }
    .Typeahead *:before {
      box-sizing: border-box; }
    .Typeahead *:after {
      box-sizing: border-box; }
  .Typeahead .tt-hint {
    display: none !important; }

.u-cf:before {
  content: " ";
  display: table; }

.u-cf:after {
  content: " ";
  display: table;
  clear: both; }

.u-hidden {
  display: none !important; }

.u-posRelative {
  position: relative; }

.Typeahead-spinner {
  position: absolute;
  top: 14px;
  right: 18px;
  display: none;
  color: #c5c5c5; }

.ProfileCard-avatar svg {
  height: 18px;
  vertical-align: bottom; }
  .ProfileCard-avatar svg path {
    color: #7e7c7c !important; }
  .ProfileCard-avatar svg polygon {
    color: #7e7c7c !important; }

.Typeahead-hint {
  width: 100%;
  padding: 5px 8px;
  font-size: 24px;
  line-height: 30px;
  border: 1px solid #024e6a;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  color: #ccd6dd;
  opacity: 1; }

.Typeahead-menu {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 15px;
  z-index: 100;
  display: none;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.Typeahead-menu.is-open {
  display: block; }

.Typeahead-selectable {
  cursor: pointer; }
  .Typeahead-selectable + .Typeahead-selectable {
    border-top: 1px solid #ccd6dd; }

.ProfileCard {
  position: relative;
  padding: 10px;
  border: 1px solid #E6E9EB !important;
  margin-bottom: 10px;
  border-radius: 10px; }
  .ProfileCard:hover {
    color: #414345;
    background: #f8f8f8; }
    .ProfileCard:hover .ProfileCard-avatar {
      border-color: #f5f8fa; }
    .ProfileCard:hover .ProfileCard-screenName {
      color: #fff; }
    .ProfileCard:hover .ProfileCard-stat-label {
      color: #fff; }

.ProfileCard-avatar {
  position: absolute;
  border-radius: 5px; }

.ProfileCard-details {
  padding-left: 35px;
  float: left; }

.ProfileCard-realName {
  display: inline-block;
  color: #898989; }

.ProfileCard-screenName {
  display: inline-block;
  color: #898989; }

.ProfileCard-description {
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px; }

.ProfileCard-stats {
  float: right;
  text-align: right; }

.ProfileCard-stat {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase; }
  .ProfileCard-stat + .ProfileCard-stat {
    margin-left: 5px; }

.ProfileCard-stat-label {
  color: #898989;
  font-weight: 500; }

.ProfileCard.is-active {
  color: #fff;
  background: var(--theme-deafult); }
  .ProfileCard.is-active .ProfileCard-screenName {
    color: #fff; }
  .ProfileCard.is-active .ProfileCard-stat-label {
    color: #fff; }

.EmptyMessage {
  position: relative;
  padding: 10px;
  font-size: 14px;
  line-height: 30px;
  text-align: center; }

.Typeahead-spinner {
  width: 1rem;
  height: 1rem; }

.sey-container {
  display: none;
  position: absolute;
  box-shadow: 1px 2px 6px;
  background-color: #fff;
  color: #333;
  transition: left 0.1s ease-in-out;
  z-index: 1; }

.sey-list {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.sey-show {
  display: block; }

.sey-hide {
  display: none; }

.sey-empty {
  cursor: default;
  padding: 7px; }

.sey-item {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 7px; }
  .sey-item:hover {
    background-color: #444;
    color: #fff; }

.sey-selected {
  background-color: #333;
  color: #fff; }

.sey-char-highlight {
  font-weight: bold; }

.sey-category-id {
  background-color: #eee;
  color: #aaa;
  text-align: right;
  text-transform: capitalize;
  font-style: italic;
  font-size: 12px;
  box-shadow: 1px 0px 1px;
  padding: 7px; }

/**=====================
  2.35 Typeahead-search CSS Ends
==========================**/
/**=====================
    2.8 Scrollbar CSS Start
==========================**/
[data-simplebar] {
  position: unset; }

.simplebar-mask {
  top: 80px; }

.simplebar-track {
  right: -2px; }
  .simplebar-track.simplebar-vertical {
    top: 100px;
    width: 10px; }
  .simplebar-track.simplebar-horizontal {
    visibility: hidden !important; }

.simplebar-scrollbar:before {
  background: rgba(0, 102, 102, 0.2); }

.scrollbar-images {
  margin-bottom: 12px; }

.visible-wrapper img {
  width: calc(230px + (330 - 230) * ((100vw - 320px) / (1920 - 320))) !important;
  height: calc(230px + (330 - 230) * ((100vw - 320px) / (1920 - 320))); }

.horizontal-scroll .horz-scroll-content .horizontal-img {
  height: 100%;
  max-width: 240px; }
  @media (max-width: 576px) {
    .horizontal-scroll .horz-scroll-content .horizontal-img {
      max-width: calc(220px + (240 - 220) * ((100vw - 320px) / (576 - 320))); } }
  .horizontal-scroll .horz-scroll-content .horizontal-img img {
    height: 100%;
    object-fit: cover; }

.scroll-demo.scroll-b-none {
  padding: 0;
  border: none; }

[dir="rtl"] .scroll-demo .scroll-rtl .list-group-item span {
  margin-right: auto; }

/**=====================
    2.8 Scrollbar CSS Ends
==========================**/
/**=====================
   3.1 Blog CSS start
==========================**/
.blog-box img {
  border-radius: 0.25rem; }

.blog-box .top-radius-blog {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.blog-box h6 {
  font-weight: 600;
  margin: 15px 0; }

.blog-box .blog-details {
  padding-right: 20px; }
  .blog-box .blog-details .blog-social {
    margin-top: 30px; }
    .blog-box .blog-details .blog-social li {
      display: inline-block;
      font-size: 12px;
      color: var(--body-font-color); }
      .blog-box .blog-details .blog-social li + li {
        padding-left: 20px;
        line-height: 1;
        padding-right: 0; }
      .blog-box .blog-details .blog-social li span {
        color: var(--body-font-color); }
      .blog-box .blog-details .blog-social li i {
        padding-right: 5px;
        font-weight: 300; }
      .blog-box .blog-details .blog-social li:first-child {
        border-right: 1px solid gray;
        padding-right: 20px; }

.blog-box .blog-details-main hr {
  background-color: #E6E9EB; }

.blog-box .blog-details-main .blog-social {
  margin: 20px 0; }
  .blog-box .blog-details-main .blog-social li {
    display: inline-block;
    font-size: 13px;
    color: var(--body-font-color);
    padding: 0 24px;
    border-right: 1px dotted; }
    @media (max-width: 1676px) {
      .blog-box .blog-details-main .blog-social li {
        padding: 0 10px; } }
    .blog-box .blog-details-main .blog-social li:last-child {
      border-right: 0; }
    .blog-box .blog-details-main .blog-social li i {
      padding-right: 5px; }

.blog-box .blog-details-main .blog-bottom-details {
  margin: 20px;
  font-size: 14px;
  line-height: 1.714;
  font-weight: 500; }

.blog-box .blog-date {
  color: var(--body-font-color); }
  .blog-box .blog-date span {
    font-size: 36px;
    font-weight: 600;
    padding-right: 5px; }

.blog-box.blog-shadow:before {
  box-shadow: inset 0px -200px 100px -13px rgba(0, 0, 0, 0.6);
  transition: all 0.3s ease;
  border-radius: 5px;
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
  bottom: 0; }

.blog-box.blog-shadow:hover:before {
  box-shadow: inset 0px -200px 100px -13px rgba(0, 0, 0, 0.65);
  transition: all 0.3s ease; }

.blog-box.blog-shadow .blog-details {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px; }
  .blog-box.blog-shadow .blog-details h4 {
    color: #fff;
    margin-bottom: 0; }
  .blog-box.blog-shadow .blog-details p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px; }
  .blog-box.blog-shadow .blog-details .blog-social li {
    color: #fff; }

.blog-list .blog-details .blog-social {
  margin-top: 0; }

.blog-list .blog-details h6 {
  margin-top: 0;
  color: gray;
  font-weight: 600; }

.blog-list .blog-details hr {
  margin-top: 10px;
  margin-bottom: 10px; }

.blog-list img {
  padding: 17px; }

.blog-grid img {
  width: 100%; }

.blog-grid .blog-details {
  padding: 20px; }
  .blog-grid .blog-details h6 {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.8; }

.blog-box {
  position: relative;
  max-height: 100%;
  align-items: center; }
  .blog-box .blog-details h6 {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
  .blog-box .blog-details p {
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.7px;
    margin-top: 30px;
    margin-bottom: 0;
    color: var(--body-font-color);
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
    @media (max-width: 1570px) {
      .blog-box .blog-details p {
        -webkit-line-clamp: 2; } }
  .blog-box .blog-details h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 20px;
    margin-bottom: 0; }
  .blog-box .blog-details .single-blog-content-top {
    margin-top: 20px;
    border-top: 1px solid #efefef; }
  .blog-box .blog-details .blog-social li,
  .blog-box .blog-details .comment-social li {
    font-size: 14px; }

.comment-box {
  padding-top: 50px; }
  .comment-box hr {
    margin-top: 20px;
    margin-bottom: 30px; }
  .comment-box li {
    margin-bottom: 30px; }
    .comment-box li:last-child {
      margin-bottom: 0; }
  .comment-box ul ul {
    margin-left: 135px; }
  .comment-box p {
    font-size: 14px;
    line-height: 2;
    color: var(--body-font-color);
    text-align: justify;
    margin-bottom: 0; }
  .comment-box h4 {
    font-weight: 600; }
  .comment-box .media img {
    margin-right: 30px;
    border-radius: 10px;
    height: 90px;
    padding: 7px;
    width: 90px;
    border: 1px solid #efefef; }
  .comment-box .media h6 {
    font-weight: 500;
    margin-bottom: 5px; }
    .comment-box .media h6 span {
      padding-left: 10px;
      font-size: 13px;
      color: var(--body-font-color);
      font-weight: 400; }
  .comment-box .comment-social li {
    display: inline-block;
    color: var(--body-font-color);
    padding-left: 20px;
    margin-bottom: 0;
    text-transform: uppercase; }
    .comment-box .comment-social li:first-child {
      border-right: 1px solid #efefef;
      padding-right: 20px; }
    .comment-box .comment-social li i {
      padding-right: 10px; }

/**=====================
   3.1 Blog CSS ends
==========================**/
/**=====================
    3.2 Bookmark-app CSS Start
==========================**/
.modal-bookmark .modal-body,
.modal-bookmark .modal-header {
  padding: 30px; }

.bookmark-wrap .details-bookmark .row > div + div {
  padding-right: 15px !important; }

.bookmark-wrap .left-bookmark {
  height: 700px; }
  .bookmark-wrap .left-bookmark .media .media-body p {
    color: #2c323f; }
  .bookmark-wrap .left-bookmark ul li button {
    color: #051A1A;
    border: none;
    cursor: pointer; }
    .bookmark-wrap .left-bookmark ul li button:focus {
      outline: none; }
  .bookmark-wrap .left-bookmark ul li svg {
    width: 18px;
    height: 18px;
    vertical-align: middle; }
  .bookmark-wrap .left-bookmark ul li > .main-title {
    color: var(--theme-deafult);
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
    font-size: 16px; }
    .bookmark-wrap .left-bookmark ul li > .main-title span a:hover {
      background-color: transparent; }
    .bookmark-wrap .left-bookmark ul li > .main-title svg {
      color: #898989;
      stroke-width: 1px; }
  .bookmark-wrap .left-bookmark ul li a > .title {
    text-transform: capitalize; }

.bookmark-wrap.todo-wrap .left-bookmark {
  height: unset; }

.form-bookmark a {
  text-transform: capitalize !important;
  color: var(--theme-deafult) !important;
  line-height: 1 !important;
  font-weight: 500; }
  .form-bookmark a:hover {
    background-color: transparent !important; }

.form-bookmark input#index_var {
  display: none; }

.form-bookmark input,
.form-bookmark select {
  font-size: 14px; }

.form-bookmark .select2-container .select2-selection--single {
  border-color: #ced4da; }

.form-bookmark .select2 {
  width: 100% !important; }

.form-bookmark .error {
  margin: 0 !important;
  font-size: 11px;
  color: red !important; }

.form-bookmark button {
  margin-top: 10px; }

@keyframes displayTransition {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.bookmark-tabcontent .details-bookmark {
  height: auto;
  min-height: 359px; }
  .bookmark-tabcontent .details-bookmark .bookmark-card {
    position: relative; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
      padding: 3px;
      border-radius: 4px;
      background-color: rgba(0, 0, 0, 0.2);
      width: 30px;
      position: absolute;
      right: 15px;
      top: 15px;
      opacity: 0; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon i {
        color: #fff;
        font-size: 16px;
        vertical-align: text-bottom; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon.favourite i {
        color: #fed112; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data {
      width: 100%; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data .content-general {
        display: none; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
      transition: 0.5s; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark {
      text-align: left;
      padding: 15px;
      border-top: 1px solid #E6E9EB;
      position: relative; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark h6 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark p {
        animation: displayTransition 1s; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block {
        opacity: 0;
        position: absolute;
        width: 100%;
        padding: 15px;
        top: 30px;
        left: 0; }
        .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li {
          display: inline-block; }
          .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li + li {
            margin-left: 5px; }
          .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li svg {
            width: 16px;
            height: 16px;
            color: #898989; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover {
      box-shadow: 1px 4px 16px 3px rgba(0, 0, 0, 0.04);
      transition: 0.5s; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark p {
        opacity: 0; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark .hover-block {
        opacity: 1;
        animation: displayTransition 2s; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .favourite-icon {
        opacity: 1; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .row > div {
    flex: 0 0 100%;
    max-width: 100%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .desciption-data .content-general {
    display: block; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website {
    display: flex;
    align-items: center; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
      opacity: 1; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
      position: absolute;
      right: 30px;
      opacity: 1;
      text-align: right; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block {
      opacity: 1;
      animation: displayTransition 0s; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark {
    border-top: none; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark p,
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 {
      margin-top: 0;
      display: inline-block; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 {
      position: relative;
      padding-right: 15px;
      margin-bottom: -5px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6::after {
        position: absolute;
        content: '-';
        right: 0;
        color: #898989; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general {
      margin-top: 5px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p {
        width: 68%;
        margin-right: 20px; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 20%; }

.bookmark-tabcontent .tab-content .card .d-flex {
  justify-content: space-between; }
  .bookmark-tabcontent .tab-content .card .d-flex svg {
    width: 18px;
    height: 18px;
    vertical-align: middle; }
  .bookmark-tabcontent .tab-content .card .d-flex ul li {
    display: inline-block; }
    .bookmark-tabcontent .tab-content .card .d-flex ul li + li {
      margin-left: 5px; }

.bookmark-tabcontent .tab-content .tab-pane > .card {
  box-shadow: none; }

@media only screen and (max-width: 1660px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p {
    display: none; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block {
    margin-top: 6px; } }

@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .bookmark-wrap .left-bookmark ul li .btn-block svg {
    display: none; } }

@media only screen and (max-width: 1366px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 40%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block {
    top: 80px; } }

@media only screen and (max-width: 1199px) {
  .bookmark-wrap .left-bookmark {
    height: auto; }
  .bookmark-tabcontent .details-bookmark {
    min-height: auto; } }

@media only screen and (max-width: 991px) {
  .modal-bookmark .modal-body,
  .modal-bookmark .modal-header {
    padding: 20px; } }

@media only screen and (max-width: 767px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 172px; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block p {
    display: none; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block ul {
    position: relative;
    right: unset;
    top: unset; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 45%; } }

@media only screen and (max-width: 575px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 100%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website {
    display: block; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark {
      padding-left: 15px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
        position: relative;
        right: unset;
        text-align: left;
        top: unset;
        padding: 0; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .content-general {
        display: none; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p,
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6 {
        display: block; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6::after {
        display: none; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
        margin-top: 15px; }
  .modal-bookmark .modal-body,
  .modal-bookmark .modal-header {
    padding: 15px; } }

/**=====================
  3.2 Bookmark-app CSS Ends
==========================**/
/**=====================
    3.3 Cart CSS start
==========================**/
.cart .total-amount {
  text-align: right !important;
  margin-top: 30px; }

.cart .amount-space {
  margin-left: 40px; }

.cart .cart-btn-transform {
  text-transform: capitalize; }

.cart .qty-box {
  width: 25%;
  margin: 0 auto; }
  .cart .qty-box .input-group .btn {
    background-color: #ddd !important;
    border-color: #ddd !important;
    padding: 8px 12px; }

.cart-buttons {
  margin-top: 30px; }
  .cart-buttons .cart-btn {
    float: right;
    padding-right: 85px; }

/**=====================
    3.3 Cart CSS Ends
==========================**/
/**=====================
   3.5 Chat CSS Start
==========================**/
.radial-bar.radial-bar-lg > img, .radial-bar.radial-bar-lg:after {
  width: 70px;
  height: 70px;
  margin-left: 15px;
  margin-top: 15px;
  line-height: 70px; }

.radial-bar.radial-bar-sm > img, .radial-bar.radial-bar-sm:after {
  width: 35px;
  height: 35px;
  margin-left: 7.5px;
  margin-top: 7.5px;
  line-height: 35px; }

.radial-bar.radial-bar-xs > img, .radial-bar.radial-bar-xs:after {
  width: 20px;
  height: 20px;
  margin-left: 5.5px;
  margin-top: 4.5px;
  line-height: 21px; }

.chart-block canvas {
  width: 100% !important; }

.chart-block .chart-overflow {
  overflow: hidden;
  text-align: center; }

.candidcahrt {
  width: 100%;
  height: 470px; }

.amcharts-export-canvas {
  position: absolute;
  display: none;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff; }
  .amcharts-export-canvas .canvas-container {
    transition: opacity .5s ease-out; }
  .amcharts-export-canvas.active {
    display: block; }
  .amcharts-export-canvas.dropbox .canvas-container {
    opacity: .5; }

.flot-chart-container {
  box-sizing: border-box;
  width: 100%;
  height: 400px; }
  .flot-chart-container #toggling-series-flot {
    width: 79% !important; }

.all-chart .flot-chart-container {
  height: 350px; }

.flot-chart-placeholder {
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 1.2em;
  text-align: center; }
  .flot-chart-placeholder .legend table {
    border-spacing: 5px; }

.morris-hover {
  position: absolute;
  z-index: 1; }
  .morris-hover.morris-default-style {
    border-radius: 10px;
    padding: 6px;
    color: #898989;
    background: #fff;
    border: solid 1px #ecf3fa;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    text-align: center; }
    .morris-hover.morris-default-style .morris-hover-row-label {
      font-weight: bold;
      margin: 0.25em 0; }
    .morris-hover.morris-default-style .morris-hover-point {
      white-space: nowrap;
      margin: 0.1em 0; }

.chart-sparkline {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  background: rgba(49, 49, 49, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  color: #fff;
  font: 10px "Montserrat", sans-serif, "Montserrat", sans-serif;
  text-align: left;
  white-space: nowrap;
  padding: 5px;
  border: 1px solid rgba(49, 49, 49, 0.75);
  box-sizing: content-box;
  z-index: 10000;
  border-radius: 5px; }
  .chart-sparkline .jqsfield {
    color: #fff;
    font: 10px "Montserrat", sans-serif, "Montserrat", sans-serif;
    text-align: left; }

.radial-bar {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  background-color: transparent;
  box-sizing: content-box;
  width: 80px;
  height: 80px;
  font-size: 18px;
  background-clip: content-box; }
  .radial-bar:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    color: #455a64;
    content: attr(data-label);
    background-color: #fff;
    z-index: 1;
    width: 56px;
    height: 56px;
    margin-left: 12px;
    margin-top: 12px;
    line-height: 56px; }
  .radial-bar > img {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    color: #455a64;
    z-index: 3;
    width: 56px;
    height: 56px;
    margin-left: 12px;
    margin-top: 12px;
    line-height: 56px; }

.radial-bar-danger.radial-bar-20 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(162deg, #FE6A49 50%, #efefef 50%, #efefef); }

.radial-bar.radial-bar-lg {
  width: 100px;
  height: 100px;
  font-size: 20px; }

.radial-bar.radial-bar-sm {
  width: 50px;
  height: 50px;
  font-size: 12px; }

.radial-bar.radial-bar-xs {
  width: 30px;
  height: 30px;
  font-size: 8px; }

.pieLabel div {
  color: #fff !important; }
  .pieLabel div input[type=checkbox] {
    margin: 7px; }

.knob-chart {
  min-height: 255px; }
  .knob-chart .chart-clock-main {
    position: relative;
    width: 200px;
    margin: 45px auto; }
    .knob-chart .chart-clock-main .clock-large {
      position: absolute;
      left: -48px;
      top: -45px; }
    .knob-chart .chart-clock-main .clock-medium {
      position: absolute;
      left: 2px;
      top: 5px; }
    .knob-chart .chart-clock-main .clock-small {
      position: absolute;
      left: 15px;
      top: 55px; }

.peity-charts svg {
  width: 100%;
  height: 250px; }

.peity-charts.peity-chart-primary svg polygon {
  fill: rgba(0, 102, 102, 0.2); }

.peity-charts.peity-chart-primary svg polyline {
  stroke: var(--theme-deafult); }

.bar-odd-even svg rect:nth-child(odd) {
  fill: var(--theme-deafult); }

.bar-odd-even svg rect:nth-child(even) {
  fill: var(--theme-secondary); }

.donut-peity svg path:nth-child(odd) {
  fill: var(--theme-deafult); }

.donut-peity svg path:nth-child(even) {
  fill: var(--theme-secondary); }

.small-donut ~ svg path:nth-child(odd),
.small-donut svg path:nth-child(odd),
.donut-peity2 ~ svg path:nth-child(odd),
.donut-peity2 svg path:nth-child(odd),
.pie-peity ~ svg path:nth-child(odd),
.pie-peity svg path:nth-child(odd) {
  fill: var(--theme-deafult); }

.small-donut ~ svg path:nth-child(even),
.small-donut svg path:nth-child(even),
.donut-peity2 ~ svg path:nth-child(even),
.donut-peity2 svg path:nth-child(even),
.pie-peity ~ svg path:nth-child(even),
.pie-peity svg path:nth-child(even) {
  fill: #efefef; }

.small-donut2 ~ svg path:nth-child(odd) {
  fill: var(--theme-secondary); }

.small-donut3 ~ svg path:nth-child(odd) {
  fill: #00AC46; }

.small-donut4 ~ svg path:nth-child(odd) {
  fill: #173878; }

.small-donut5 ~ svg path:nth-child(odd) {
  fill: #FFAE1A; }

.small-donut6 ~ svg path:nth-child(odd) {
  fill: #FE6A49; }

p.data-attributes svg {
  margin-right: 10px; }

.knob-block {
  position: relative; }
  .knob-block input {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    margin-left: 0 !important;
    margin-top: -3px !important; }

.knob-input-disable input {
  display: none !important; }

.apex-chart {
  margin: 0 auto; }

.apexcharts-toolbar {
  z-index: 1 !important; }

.apexcharts-menu-item {
  width: 110px; }

.word-tree {
  height: 400px; }

.ct-series-a .ct-slice-pie,
.ct-series-a .ct-slice-donut-solid,
.ct-series-a .ct-area {
  fill: var(--theme-deafult); }

.ct-series-a .ct-point,
.ct-series-a .ct-line,
.ct-series-a .ct-bar,
.ct-series-a .ct-slice-donut {
  stroke: var(--theme-deafult); }

.ct-series-b .ct-point,
.ct-series-b .ct-line,
.ct-series-b .ct-bar,
.ct-series-b .ct-slice-donut {
  stroke: var(--theme-secondary); }

.ct-series-b .ct-slice-pie,
.ct-series-b .ct-slice-donut-solid,
.ct-series-b .ct-area {
  fill: var(--theme-secondary); }

.ct-series-g .ct-point,
.ct-series-g .ct-line,
.ct-series-g .ct-bar,
.ct-series-g .ct-slice-donut {
  stroke: #FFAE1A; }

.ct-series-g .ct-slice-pie,
.ct-series-g .ct-slice-donut-dashed,
.ct-series-g .ct-area {
  fill: #FFAE1A; }

.apache-cotainer {
  width: 100%;
  height: 350px;
  margin: 0; }

.boxplot-cotainer {
  height: 420px; }

.apache-cotainer-large {
  width: 100%;
  height: 500px;
  margin: 0; }

.test-buttons button + button {
  margin-left: 10px; }

.clip-chart-wrapper .test-chart-block {
  margin-bottom: -30px; }

#echart-gauge .test-chart {
  width: 100%;
  height: 395px; }

.polar-line {
  height: 350px; }

#dotted {
  height: 390px; }

.apexcharts-canvas .apexcharts-tooltip,
.apexcharts-canvas .apexcharts-xaxistooltip,
.apexcharts-canvas .apexcharts-yaxistooltip {
  z-index: 1; }

@media (max-width: 1346px) {
  .flot-chart-container .flot-chart-placeholder ~ p.float-end {
    float: left !important; }
    [dir="rtl"] .flot-chart-container .flot-chart-placeholder ~ p.float-end {
      float: right !important; } }

/**=====================
    3.5 Chat CSS End
==========================**/
/**=====================
     14. Chat CSS Start
==========================**/
.status-circle {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 4px;
  left: 44px;
  border-radius: 50%;
  border: 2px solid #fff; }

.user-image {
  height: 52px;
  margin-right: 5px; }
  .user-image .about {
    float: left;
    margin-top: 5px;
    padding-left: 10px; }
    .user-image .about .name {
      color: #2c323f;
      letter-spacing: 1px;
      font-weight: 500; }

.left-sidebar-wrapper {
  padding: 20px;
  border-radius: 10px 0 0 10px;
  z-index: 1;
  border: 2px solid var(--white);
  border-right: unset;
  /* ===== Scrollbar CSS ===== */
  /* Firefox */
  /* Chrome, Edge, and Safari */ }
  [dir="rtl"] .left-sidebar-wrapper {
    border-left: unset; }
  @media (max-width: 767px) {
    .left-sidebar-wrapper {
      border-radius: 10px; } }
  .left-sidebar-wrapper * {
    scrollbar-width: auto;
    scrollbar-color: rgba(0, 102, 102, 0.2); }
  .left-sidebar-wrapper *::-webkit-scrollbar {
    width: 6px; }
  .left-sidebar-wrapper *::-webkit-scrollbar-track {
    background: transparent; }
  .left-sidebar-wrapper *::-webkit-scrollbar-thumb {
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 8px;
    border: 3px solid transparent; }
  .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
    background-color: var(--chart-progress-light);
    padding-right: 0;
    margin-right: 1px;
    border-right: none; }
    [dir="rtl"] .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
      padding-left: 0;
      padding-right: 12px;
      margin-left: 1px;
      border-left: none;
      margin-right: unset;
      border-right: unset; }
    .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text svg {
      width: 16px;
      height: 16px; }
  .left-sidebar-wrapper .left-sidebar-chat .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
    border-left: unset;
    background-color: var(--chart-progress-light); }
    [dir="rtl"] .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
      border-right: unset;
      border-left: 1px solid #ddd;
      border-radius: 0.25rem !important; }
    .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:focus, .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:focus-visible {
      border-color: var(--chart-dashed-border);
      box-shadow: unset; }
  .left-sidebar-wrapper .advance-options ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0; }
    .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
      color: var(--body-font-color);
      border-bottom: 2px solid transparent;
      background-color: transparent;
      padding: 16px 57px;
      text-decoration: unset; }
      @media (max-width: 1855px) {
        .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
          padding: 16px 45px; } }
      @media (max-width: 1663px) {
        .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
          padding: 16px 30px; } }
      @media (max-width: 1423px) {
        .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
          padding: 16px 28px; } }
      .left-sidebar-wrapper .advance-options ul .nav-item .nav-link:active, .left-sidebar-wrapper .advance-options ul .nav-item .nav-link.active {
        border-bottom: 2px solid var(--theme-deafult);
        color: var(--theme-deafult); }
  .left-sidebar-wrapper .advance-options .common-space {
    padding: 11px 0; }
    .left-sidebar-wrapper .advance-options .common-space p {
      margin: 0;
      color: var(--chart-text-color); }
    .left-sidebar-wrapper .advance-options .common-space .header-top .btn {
      padding: 6px 12px; }
      .left-sidebar-wrapper .advance-options .common-space .header-top .btn:hover i {
        color: var(--white); }
  .left-sidebar-wrapper .advance-options .chats-user {
    border-bottom: unset;
    height: 563px;
    overflow-y: auto; }
    .left-sidebar-wrapper .advance-options .chats-user li {
      gap: 10px;
      width: 100%;
      border-bottom: 1px solid var(--chart-dashed-border);
      cursor: pointer;
      padding: 11px; }
      .left-sidebar-wrapper .advance-options .chats-user li:hover {
        background-color: var(--light-slate); }
      @media (max-width: 1505px) {
        .left-sidebar-wrapper .advance-options .chats-user li {
          flex-wrap: wrap;
          gap: 1px; } }
      .left-sidebar-wrapper .advance-options .chats-user li:last-child {
        border-bottom: unset; }
      .left-sidebar-wrapper .advance-options .chats-user li .chat-time {
        display: flex;
        gap: 10px;
        align-items: center; }
        .left-sidebar-wrapper .advance-options .chats-user li .chat-time > div {
          text-align: left; }
          [dir="rtl"] .left-sidebar-wrapper .advance-options .chats-user li .chat-time > div {
            text-align: right; }
      @media (max-width: 1498px) {
        .left-sidebar-wrapper .advance-options .chats-user li > div {
          width: 100%;
          text-align: end; }
          [dir="rtl"] .left-sidebar-wrapper .advance-options .chats-user li > div {
            text-align: start; } }
.active-profile {
  position: relative; }
  .active-profile img {
    width: 42px;
    height: 42px; }
    @media (max-width: 1650px) {
      .active-profile img {
        width: 33px;
        height: 33px; } }
  .active-profile .status {
    position: absolute;
    height: 14px;
    width: 14px;
    border-radius: 100%;
    bottom: 5%;
    right: -2px;
    border: 3px solid var(--white); }
    [dir="rtl"] .active-profile .status {
      left: -2px;
      right: unset; }
    @media (max-width: 1600px) {
      .active-profile .status {
        width: 11px;
        height: 11px;
        border: 2px solid var(--white); } }
.contact-edit i {
  color: var(--chart-text-color);
  cursor: pointer; }
  .contact-edit i::after {
    content: unset; }

.contact-edit svg {
  cursor: pointer;
  width: 18px;
  height: 18px; }
  @media (max-width: 360px) {
    .contact-edit svg {
      width: 14px;
      height: 14px; } }
.contact-edit .dropdown-menu .dropdown-item:hover {
  background-color: var(--light-background);
  opacity: 1;
  text-decoration: unset; }

.contact-edit.chat-alert {
  width: 40px;
  height: 40px;
  background: var(--light-slate);
  display: fke;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px; }
  @media (max-width: 360px) {
    .contact-edit.chat-alert {
      width: 32px;
      height: 32px; } }
  @media (max-width: 340px) {
    .contact-edit.chat-alert {
      display: none; } }
.search-contacts {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .search-contacts .form-control {
    padding-inline: 35px; }
    .search-contacts .form-control:focus {
      box-shadow: unset;
      border-color: var(--chart-dashed-border); }
  .search-contacts svg {
    stroke: var(--chart-text-color);
    width: 18px;
    height: 18px;
    left: 10px;
    top: 10px;
    position: absolute; }
    [dir="rtl"] .search-contacts svg {
      left: unset;
      right: 10px; }
  .search-contacts .mic-search {
    right: 10px;
    top: 8px;
    position: absolute;
    left: unset; }
    [dir="rtl"] .search-contacts .mic-search {
      right: unset;
      left: 10px; }

.contact-wrapper {
  padding-top: 14px;
  border-bottom: unset;
  height: 526px;
  overflow-y: auto; }
  .contact-wrapper > p {
    line-height: 0;
    margin: 0;
    padding: 12px 0;
    font-size: 18px;
    font-weight: 500;
    color: var(--body-font-color); }
  .contact-wrapper ul li {
    width: 100%;
    cursor: pointer; }
    .contact-wrapper ul li .chat-time {
      display: flex;
      align-items: center;
      gap: 10px; }
      .contact-wrapper ul li .chat-time img {
        width: 42px;
        height: 42px; }
        @media (max-width: 1650px) {
          .contact-wrapper ul li .chat-time img {
            width: 33px;
            height: 33px; } }
      .contact-wrapper ul li .chat-time > div span {
        color: var(--body-font-color); }
    .contact-wrapper ul li svg {
      width: 18px;
      height: 18px; }
  .contact-wrapper ul:last-child .common-space {
    padding-bottom: unset; }

.right-sidebar-chat {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  z-index: 0;
  border: 2px solid var(--white);
  border-left: unset; }
  [dir="rtl"] .right-sidebar-chat {
    border-right: unset;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  @media (max-width: 767px) {
    .right-sidebar-chat {
      border-radius: 10px; } }
.right-sidebar-title {
  padding: 13px 25px;
  display: flex;
  justify-content: space-between; }
  .right-sidebar-title .common-space {
    width: 100%; }
    .right-sidebar-title .common-space .chat-time {
      display: flex;
      gap: 10px;
      align-items: center; }
      .right-sidebar-title .common-space .chat-time .active-profile img {
        width: 42px;
        height: 42px; }
        @media (max-width: 360px) {
          .right-sidebar-title .common-space .chat-time .active-profile img {
            width: 36px;
            height: 36px; } }
      .right-sidebar-title .common-space .chat-time div p {
        margin: 0;
        color: var(--chart-text-color); }
      .right-sidebar-title .common-space .chat-time ul li img {
        width: 42px;
        height: 42px; }
      .right-sidebar-title .common-space .chat-time.group-chat ul {
        display: flex; }
        .right-sidebar-title .common-space .chat-time.group-chat ul li img {
          border: 3px solid transparent; }
        .right-sidebar-title .common-space .chat-time.group-chat ul li + li {
          margin-left: -12px; }
          [dir="rtl"] .right-sidebar-title .common-space .chat-time.group-chat ul li + li {
            margin-left: unset;
            margin-right: -12px; }
          .right-sidebar-title .common-space .chat-time.group-chat ul li + li img {
            border: 3px solid var(--white); }
        .right-sidebar-title .common-space .chat-time.group-chat ul li img {
          width: 38px;
          height: 38px; }
        .right-sidebar-title .common-space .chat-time.group-chat ul li .profile-count {
          width: 38px;
          height: 38px; }
        @media (min-width: 768px) and (max-width: 1199px) {
          .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(2), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(3), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(5), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(6) {
            display: none; } }
        @media (min-width: 341px) and (max-width: 410px) {
          .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(2), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(3), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(5), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(6) {
            display: none; } }
      @media (max-width: 1045px) {
        .right-sidebar-title .common-space .chat-time.group-chat > div span,
        .right-sidebar-title .common-space .chat-time.group-chat > div p {
          display: none; } }
.msger-chat {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
  background: linear-gradient(0deg, #F5F6FA, #F5F6FA), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  height: 620px; }
  .msger-chat::-webkit-scrollbar {
    width: 6px; }
  .msger-chat::-webkit-scrollbar-track {
    background: #ddd; }
  .msger-chat::-webkit-scrollbar-thumb {
    background: #bdbdbd; }

.msg {
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px; }
  .msg:last-of-type {
    margin: 0; }

.msg-img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  background: #ddd;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%; }
  [dir="rtl"] .msg-img {
    margin-left: 10px;
    margin-right: unset; }

.msg-bubble {
  max-width: 450px;
  padding: 15px;
  border-radius: 15px; }

.msg-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px; }

.msg-info-name {
  margin-right: 10px;
  font-weight: bold; }
  [dir="rtl"] .msg-info-name {
    margin-left: 10px;
    margin-right: unset; }

.msg-info-time {
  font-size: 0.85em; }

.left-msg .msg-img {
  background-image: url(/../images/blog/4.jpg);
  width: 33px;
  height: 33px; }
  @media (max-width: 1200px) {
    .left-msg .msg-img {
      min-width: 16px;
      min-height: 16px; } }
.left-msg .msg-bubble {
  position: relative;
  border-radius: 15px;
  background: rgba(255, 192, 0, 0.8);
  color: var(--chart-text-color);
  width: calc(100% - 33px); }
  [dir="rtl"] .left-msg .msg-bubble {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: unset; }

.right-msg {
  flex-direction: row-reverse; }
  .right-msg .msg-bubble {
    color: var(--white);
    background: rgba(6, 174, 90, 0.8);
    width: calc(100% - 33px); }
    [dir="rtl"] .right-msg .msg-bubble {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: unset; }
  .right-msg .msg-img {
    margin: 0 0 0 10px;
    background-image: url(/../images/blog/comment.jpg);
    width: 33px;
    height: 33px; }
    @media (max-width: 1200px) {
      .right-msg .msg-img {
        min-width: 16px;
        min-height: 16px; } }
.msger-inputarea {
  display: flex;
  padding: 10px;
  border-top: 1px solid var(--chart-dashed-border);
  background: linear-gradient(0deg, #F5F6FA, #F5F6FA), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  align-items: center; }
  .msger-inputarea .dropdown-toggle::after {
    content: unset; }
  .msger-inputarea .dropdown-toggle .dropdown-menu {
    inset: unset !important; }
  .msger-inputarea .dropdown-form {
    position: relative; }
    .msger-inputarea .dropdown-form i {
      font-size: 16px;
      font-weight: 900;
      color: var(--theme-deafult);
      cursor: pointer;
      padding: 0; }
    .msger-inputarea .dropdown-form .chat-icon {
      position: absolute;
      left: 0 !important;
      bottom: 104px !important;
      background: transparent;
      box-shadow: unset; }
      [dir="rtl"] .msger-inputarea .dropdown-form .chat-icon {
        left: unset !important;
        right: 3px !important; }
      .msger-inputarea .dropdown-form .chat-icon div {
        width: 47px;
        height: 47px;
        border-radius: 50%;
        background-color: var(--white);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        opacity: 1; }
        .msger-inputarea .dropdown-form .chat-icon div svg {
          width: 42px;
          height: 42px;
          cursor: pointer; }
        .msger-inputarea .dropdown-form .chat-icon div:nth-child(1) svg {
          fill: var(--chart-text-color);
          stroke: none; }
        .msger-inputarea .dropdown-form .chat-icon div:nth-child(2) svg {
          stroke: var(--chart-text-color);
          fill: none; }
        .msger-inputarea .dropdown-form .chat-icon div:hover {
          background-color: var(--theme-deafult);
          opacity: 1; }
          .msger-inputarea .dropdown-form .chat-icon div:hover:nth-child(1) svg {
            fill: var(--white); }
          .msger-inputarea .dropdown-form .chat-icon div:hover:nth-child(2) svg {
            stroke: var(--white); }
  .msger-inputarea .msger-send-btn i {
    color: var(--white); }
  .msger-inputarea * {
    padding: 10px;
    border: none;
    border-radius: 3px;
    font-size: 1em; }

.msger-input {
  flex: 1;
  background: transparent; }
  .msger-input:focus, .msger-input:focus-visible {
    outline: unset; }

.fg-emoji-container {
  left: calc(10px + (1405 - 10) * ((100vw - 320px) / (1920 - 320))) !important; }
  [dir="rtl"] .fg-emoji-container {
    right: calc(10px + (1405 - 10) * ((100vw - 320px) / (1920 - 320))) !important;
    left: unset !important; }
  @media (min-width: 860px) and (max-width: 945px) {
    .fg-emoji-container {
      left: 417px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 417px; } }
  @media (min-width: 686px) and (max-width: 860px) {
    .fg-emoji-container {
      left: 360px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 360px; } }
  @media (min-width: 588px) and (max-width: 770px) {
    .fg-emoji-container {
      left: 200px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 200px; } }
  @media (min-width: 546px) and (max-width: 588px) {
    .fg-emoji-container {
      left: 144px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 144px; } }
  @media (min-width: 500px) and (max-width: 546px) {
    .fg-emoji-container {
      left: 88px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 88px; } }
  @media (max-width: 500px) {
    .fg-emoji-container {
      left: 22px !important;
      width: 262px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 22px; } }
  .fg-emoji-container .fg-emoji-nav {
    background-color: var(--chart-text-color); }
  .fg-emoji-container #fg-emoji-picker-move {
    display: none; }

.open-emoji {
  padding: 0; }
  .open-emoji button {
    z-index: 0;
    position: relative;
    padding: 0 14px;
    background: transparent; }
    .open-emoji button::before {
      content: "\f118";
      font-family: "FontAwesome";
      z-index: 1;
      position: relative;
      font-size: 20px;
      color: var(--text-gray); }

.second-btn {
  z-index: 0;
  position: relative;
  padding: 0 14px;
  background: transparent; }
  .second-btn::before {
    content: "\f118";
    font-family: "FontAwesome";
    z-index: 1;
    position: relative;
    font-size: 20px;
    color: var(--text-gray); }

.msger-send-btn {
  margin-left: 10px;
  background: var(--theme-deafult);
  width: 40px;
  height: 39px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.23s;
  display: flex;
  align-items: center;
  justify-content: center; }
  [dir="rtl"] .msger-send-btn {
    margin-left: unset;
    margin-right: 10px; }
  .msger-send-btn svg {
    width: 1px;
    height: 12px; }

.custom-name {
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px; }
  @media (max-width: 1650px) {
    .custom-name {
      width: 33px;
      height: 33px; } }
/**=====================
    14.  Chat CSS Ends
==========================**/
/**=====================
   3.6 Checkout CSS start
==========================**/
.checkout .checkout-details {
  background-color: #f9f9f9;
  border: 1px solid #dddddd;
  padding: 40px; }
  .checkout .checkout-details .order-place {
    margin-top: 15px; }

.order-box .title-box {
  padding-bottom: 20px;
  color: #444444;
  font-size: 22px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 20px; }
  .order-box .title-box span {
    width: 35%;
    float: right;
    font-weight: 600;
    text-align: right; }
  .order-box .title-box h4 {
    font-weight: 600; }
  .order-box .title-box .checkbox-title {
    display: flex;
    justify-content: space-between; }

.order-box .sub-total li {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 20px;
  margin-bottom: 20px;
  width: 100%; }
  .order-box .sub-total li .count {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    width: 35%;
    float: right;
    text-align: right; }

.order-box .sub-total .shipping-class {
  margin-bottom: 12px; }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    margin-top: -4px;
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: var(--theme-deafult);
    font-weight: 400;
    width: 35%;
    float: right;
    text-align: right; }

.order-box .total {
  position: relative;
  margin-bottom: 30px; }
  .order-box .total li {
    position: relative;
    display: block;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    font-size: 18px; }

.order-box .qty {
  position: relative;
  border-bottom: 1px solid #ededed;
  margin-bottom: 30px; }
  .order-box .qty li {
    position: relative;
    display: block;
    font-size: 15px;
    color: #444444;
    line-height: 20px;
    margin-bottom: 20px; }
    .order-box .qty li span {
      float: right;
      font-size: 18px;
      line-height: 20px;
      color: #232323;
      font-weight: 400;
      width: 35%;
      text-align: right; }

.radio-option {
  position: relative; }

.img-paypal {
  width: 30%;
  margin-left: 15px; }

/**=====================
    86. Checkout CSS Ends
==========================**/
/**=====================
    Responsive CSS Start
==========================**/
@media screen and (max-width: 1199px) {
  .checkout .checkout-details {
    padding: 25px; }
  .order-box .title-box span {
    width: 30%; }
  .order-box .sub-total li .count {
    width: 38%; }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 46%; }
  .order-box .qty li span {
    width: 38%; }
  .order-box .total li .count {
    width: 38%; } }

@media screen and (max-width: 991px) {
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 38%; } }

@media screen and (max-width: 575px) {
  .checkout .checkout-details {
    padding: 15px; }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 50%; }
  .order-box .sub-total li .count {
    width: 50%; } }

/**=====================
   3.6 Checkout CSS ends
==========================**/
/**=====================
    3.7 Comingsoon CSS Start
==========================**/
.comingsoon-bgimg {
  background: url(/../images/admin/other-images/coming-soon-bg.jpg);
  background-position: bottom;
  background-size: cover; }

.comingsoon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 50px 0; }
  .comingsoon .comingsoon-inner h5 {
    font-size: 18px;
    letter-spacing: 1px;
    color: #051A1A;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 30px; }
  .comingsoon .comingsoon-inner .countdown {
    padding: 30px 0;
    border-top: 1px solid #E6E9EB;
    border-bottom: 1px solid #E6E9EB; }
    .comingsoon .comingsoon-inner .countdown .time {
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      color: #fff;
      font-weight: 500;
      width: 100px;
      height: 100px;
      font-size: 36px;
      background: var(--theme-deafult); }
    .comingsoon .comingsoon-inner .countdown .title {
      padding-top: 13px;
      font-size: 14px;
      font-weight: 400;
      color: #051A1A;
      text-transform: uppercase;
      letter-spacing: 1px; }
    .comingsoon .comingsoon-inner .countdown ul li {
      display: inline-block;
      text-transform: uppercase;
      margin: 0 20px; }
      .comingsoon .comingsoon-inner .countdown ul li span {
        display: block; }
  .comingsoon video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    transition: 1s opacity; }

/**=====================
  3.7 Comingsoon CSS Ends
==========================**/
/**=====================
    3.8 Contacts CSS Start
==========================**/
.alert-contactadd {
  background-color: #fff;
  border: 1px solid var(--theme-deafult);
  width: 12%;
  padding: 10px; }

.updateimg {
  position: absolute;
  left: 15px;
  width: 100px;
  top: 32px;
  line-height: 93px;
  opacity: 0; }

#right-history {
  top: 81px;
  right: -320px;
  height: 100%;
  position: fixed;
  width: 320px;
  z-index: 9;
  background-color: #fff;
  transition: .5s;
  box-shadow: 0 0 9px rgba(191, 191, 191, 0.36); }
  [dir="rtl"] #right-history {
    right: unset;
    left: -320px; }
  #right-history .modal-header {
    border-bottom: 1px solid #E6E9EB; }
  #right-history h6 span a {
    color: #051A1A; }
  #right-history.show {
    right: 0;
    transition: .3s; }
    [dir="rtl"] #right-history.show {
      right: unset;
      left: 0; }

.history-details > div {
  padding: 30px 0; }

.history-details .media {
  padding: 30px 15px;
  border-top: 1px solid #E6E9EB; }
  .history-details .media i {
    padding: 5px;
    background: #fed112;
    color: #fff;
    border-radius: 100%; }
  .history-details .media h6 {
    margin-bottom: 5px; }

.delete-contact {
  display: none; }

.more-data {
  animation: displayTransition 1s; }

.contact-editform {
  padding: 30px;
  animation: displayTransition 1s; }
  .contact-editform a {
    display: block; }
  .contact-editform button {
    margin-top: 30px; }
  .contact-editform .select2-container .select2-selection--single {
    height: 39px !important;
    border-color: #ced4da !important; }

#deletemodal .modal-header {
  border-bottom: none; }
  #deletemodal .modal-header .delete-data span svg {
    vertical-align: middle;
    margin-right: 15px; }

.contact-options li .btn-category {
  line-height: 39px;
  border-radius: 3px;
  padding-left: 40px !important;
  padding: 0;
  color: var(--theme-deafult);
  font-weight: 500; }

.list-persons p {
  font-family: "Montserrat", sans-serif; }

.list-persons .profile-mail {
  padding: 30px 0; }
  .list-persons .profile-mail .media img {
    height: 50px;
    width: 50px !important; }
  .list-persons .profile-mail .media .media-body ul {
    margin-top: 5px; }
    .list-persons .profile-mail .media .media-body ul li {
      display: inline-block; }
      .list-persons .profile-mail .media .media-body ul li a {
        font-size: 13px; }
      .list-persons .profile-mail .media .media-body ul li + li {
        padding-left: 10px;
        margin-left: 5px;
        border-left: 2px solid #E6E9EB; }
  .list-persons .profile-mail .email-general {
    padding-top: 50px; }
    .list-persons .profile-mail .email-general ul {
      padding-right: 20px; }
      .list-persons .profile-mail .email-general ul li {
        color: #898989;
        padding-bottom: 10px;
        margin-bottom: 10px; }
        .list-persons .profile-mail .email-general ul li:last-child {
          padding-bottom: 0;
          margin-bottom: 0; }
        .list-persons .profile-mail .email-general ul li > span {
          float: right; }
    .list-persons .profile-mail .email-general p span {
      margin-left: 30px; }
    .list-persons .profile-mail .email-general .gender {
      margin-top: 30px; }

.contacts-tabs .nav-pills {
  border-right: 1px solid #E6E9EB;
  height: 100%; }
  .contacts-tabs .nav-pills .nav-link.active,
  .contacts-tabs .nav-pills .nav-link > .nav-link,
  .contacts-tabs .nav-pills .show.active,
  .contacts-tabs .nav-pills .show > .nav-link {
    background-color: rgba(0, 102, 102, 0.05);
    color: #051A1A; }
  .contacts-tabs .nav-pills .nav-link {
    color: #051A1A;
    padding: 0; }
    .contacts-tabs .nav-pills .nav-link .media .img-50 {
      height: 50px; }
    .contacts-tabs .nav-pills .nav-link + .nav-link {
      border-top: 1px solid #E6E9EB;
      border-radius: 0px; }
  .contacts-tabs .nav-pills .media {
    padding: 20px; }

.contacts-tabs .tab-content .tab-content-child {
  animation: displayTransition 1s; }

@media only screen and (max-width: 991px) {
  #right-history {
    top: 60px; }
  .updateimg {
    top: 21px; }
  .list-persons .profile-mail {
    padding: 20px; }
    .list-persons .profile-mail .email-general .gender {
      margin-top: 20px; }
  .contact-editform button {
    margin-top: 20px; } }

@media only screen and (max-width: 767px) {
  .contact-editform {
    padding: 20px; }
    .contact-editform.pl-0 {
      padding-left: 20px !important; }
  .contacts-tabs .nav-pills {
    border-right: none;
    border-bottom: 1px solid #E6E9EB; } }

@media only screen and (max-width: 575px) {
  #right-history {
    width: 270px; }
  .updateimg {
    top: 16px;
    left: 29px; }
  .contacts-tabs .media img.m-r-20 {
    margin-right: 15px; }
  .contacts-tabs .nav-pills .media {
    padding: 15px; }
  .list-persons .profile-mail {
    padding: 15px; }
    .list-persons .profile-mail .email-general .gender {
      margin-top: 15px; }
  .list-persons .nav-pills .nav-link .media .media-body {
    text-align: left; }
  .contact-editform {
    padding: 15px; }
    .contact-editform button {
      margin-top: 15px; }
    .contact-editform.pl-0 {
      padding-left: 15px !important; }
  .contact-editform form .row > div .row > div > div,
  .contact-options form .row > div .row > div > div {
    margin-bottom: 0; }
  .contact-editform form .row > div .row > div + div,
  .contact-options form .row > div .row > div + div {
    margin-top: 15px; } }

@media only screen and (max-width: 360px) {
  .updateimg {
    line-height: 73px;
    width: 80px; }
  .list-persons .profile-mail .email-general p span {
    margin-left: 10px; }
  .list-persons .profile-mail .media {
    display: block; }
    .list-persons .profile-mail .media img {
      height: 80px;
      width: 80px !important;
      margin-bottom: 15px; } }

.dark-contact .nav .nav-link .media .media-body h6 {
  color: var(--body-font-color); }

/**=====================
   3.8 Contacts CSS Ends
==========================**/
/**=====================
    3.9 Dashboard_2 CSS Start
==========================**/
.widget-decor {
  position: absolute;
  height: 60px;
  right: 0;
  top: 50%;
  transform: translateY(-50%); }

.activity-group::before {
  content: "";
  border-left: 1px dashed #E6E9EB;
  position: absolute;
  left: 0px;
  height: calc(100% - 50px); }

.balance-widget {
  background-image: url(/../images/dashboard-2/balance-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right; }
  .balance-widget .mobile-right-img {
    position: absolute;
    top: 10px;
    right: 15px; }
    .balance-widget .mobile-right-img .left-mobile-img {
      margin-right: -20px; }
    .balance-widget .mobile-right-img .mobile-img {
      height: 130px; }
    [dir="rtl"] .balance-widget .mobile-right-img {
      right: unset;
      left: 15px; }
    @media (max-width: 480px) {
      .balance-widget .mobile-right-img {
        right: 0; }
        .balance-widget .mobile-right-img .mobile-img {
          height: 100px; }
        [dir="rtl"] .balance-widget .mobile-right-img {
          right: unset;
          left: 0; } }
  [dir="rtl"] .balance-widget {
    text-align: right; }
  .balance-widget.card-body {
    padding: 20px 15px; }
  .balance-widget .purchase-btn {
    min-width: 170px; }

.range_4 .slider-container {
  position: relative;
  height: 45px;
  margin: 0 20px; }
  .range_4 .slider-container .range-slider_thumb {
    width: 46px;
    height: 26px;
    border-radius: 6px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #006666;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    z-index: 2; }
    [data-theme="dark"] .range_4 .slider-container .range-slider_thumb {
      background-color: var(--body-color); }
  .range_4 .slider-container .range-slider_line {
    height: 7px;
    width: 100%;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 10px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    position: absolute;
    z-index: 1; }
    [data-theme="dark"] .range_4 .slider-container .range-slider_line {
      background-color: var(--body-color); }
    .range_4 .slider-container .range-slider_line .range-slider_line-fill {
      position: absolute;
      height: 7px;
      width: 0;
      background-color: #006666;
      border-radius: 10px 0 0 10px; }
  .range_4 .slider-container .range-slider_input {
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 4px;
    opacity: 0;
    margin: 0; }
    .range_4 .slider-container .range-slider_input::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 100px;
      height: 100px;
      cursor: pointer;
      border-radius: 50%;
      opacity: 0; }
    .range_4 .slider-container .range-slider_input::-moz-range-thumb {
      width: 14vmin;
      height: 14vmin;
      cursor: pointer;
      border-radius: 50%;
      opacity: 0; }

.small-widget {
  overflow: hidden; }
  .small-widget .card-body {
    padding: 20px; }
    .small-widget .card-body h6 {
      font-size: 14px;
      font-weight: 500;
      color: var(--body-font-color); }
    .small-widget .card-body .product-sub {
      height: 45px;
      width: 45px;
      border-radius: 6px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .small-widget .card-body .product-sub .invoice-icon {
        height: 24px;
        cursor: pointer;
        width: 24px; }
  .small-widget:hover {
    transform: translateY(-5px);
    transition: 0.5s; }
    .small-widget:hover .project-details svg {
      animation: tada 1.5s ease infinite; }
    .small-widget:hover .bg-gradient svg {
      animation: tada 1.5s ease infinite; }

@media (max-width: 1470px) {
  .appointment .customer-table {
    height: 268px; } }

@media (max-width: 1399px) {
  .appointment .customer-table {
    height: unset; } }

.order-wrapper {
  margin: 0 -24px -17px -17px; }

.categories-list {
  display: flex;
  flex-direction: column;
  gap: 18px; }
  @media (max-width: 767px) {
    .categories-list {
      flex-direction: row;
      flex-wrap: wrap; } }
  .categories-list li {
    gap: 10px; }
    .categories-list li .bg-light {
      min-width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .categories-list li .bg-light img {
        width: 25px;
        height: 25px;
        object-fit: contain;
        transition: 0.5s; }
    .categories-list li h6 a {
      transition: 0.5s;
      color: var(--body-font-color); }
    .categories-list li:hover .bg-light img {
      transition: 0.5s;
      transform: scale(1.1); }
    .categories-list li:hover h6 a {
      transition: 0.5s;
      color: var(--theme-deafult); }

.monthly-profit {
  margin-top: -10px; }
  @media (max-width: 1584px) {
    .monthly-profit {
      margin: -10px -8px 0; } }
  @media (max-width: 1520px) {
    .monthly-profit {
      margin: -10px -16px 0; } }
  @media (max-width: 1500px) {
    .monthly-profit {
      margin: -10px -14px 0; } }
  @media (max-width: 1472px) {
    .monthly-profit {
      margin: -10px -20px 0; } }
  @media (max-width: 1424px) {
    .monthly-profit {
      margin: -10px -25px 0; } }
  .monthly-profit .apexcharts-canvas .apexcharts-legend-marker {
    margin-right: 6px; }
  .monthly-profit .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-value {
    font-size: 14px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif !important;
    fill: var(--chart-text-color); }

.overview-wrapper {
  position: relative;
  z-index: 1; }

.back-bar-container {
  position: absolute;
  width: calc(100% - 64px);
  bottom: -8px;
  margin: 0 auto !important;
  left: 28px; }
  @media (max-width: 1199px) {
    .back-bar-container {
      bottom: 22px; } }
  @media (max-width: 480px) {
    .back-bar-container {
      width: calc(100% - 34px);
      left: 18px; } }
  @media (max-width: 327px) {
    .back-bar-container {
      bottom: 42px; } }
.overview-card .balance-data {
  right: 12px; }
  [dir="rtl"] .overview-card .balance-data {
    right: unset;
    left: 12px; }
  @media (max-width: 767px) {
    .overview-card .balance-data {
      right: -40%; }
      [dir="rtl"] .overview-card .balance-data {
        left: -40%; } }
.order-container .apexcharts-canvas .apexcharts-marker {
  stroke-width: 4; }

.purchase-card.discover {
  margin-top: 102px; }
  .purchase-card.discover img {
    width: 224px;
    margin: 0 auto;
    margin-top: -90px; }
    @media (max-width: 1550px) {
      .purchase-card.discover img {
        margin-top: -110px; } }
    @media (max-width: 1399px) {
      .purchase-card.discover img {
        margin-top: -90px; } }
    @media (max-width: 991px) {
      .purchase-card.discover img {
        margin-top: -110px; } }
    @media (max-width: 618px) {
      .purchase-card.discover img {
        width: 200px; } }
.visitor-card .card-header svg {
  width: 18px;
  height: 18px;
  fill: var(--theme-deafult); }

.visitors-container {
  margin: 0 -12px -27px -17px; }
  .visitors-container svg .apexcharts-series path {
    clip-path: inset(1% 0% 0% 0% round 3rem); }
  .visitors-container svg .apexcharts-legend.apexcharts-align-left .apexcharts-legend-series {
    display: flex; }

.recent-order .nav {
  gap: 8px;
  flex-wrap: nowrap;
  overflow: auto;
  padding-bottom: 5px;
  display: flex; }

.recent-order .frame-box {
  border: 1px solid transparent;
  padding: 0;
  transition: 0.5s; }
  .recent-order .frame-box.active {
    border: 1px solid var(--theme-deafult); }
  .recent-order .frame-box:hover {
    transform: translateY(-5px);
    transition: 0.5s; }

.recent-order .tab-content {
  margin-top: 16px; }

.recent-table table thead {
  background: var(--light2); }
  .recent-table table thead th {
    padding-top: 9px;
    padding-bottom: 9px;
    border-bottom: none; }

.recent-table table tr td,
.recent-table table tr th {
  padding: 12px 8px;
  vertical-align: middle; }
  .recent-table table tr td:first-child,
  .recent-table table tr th:first-child {
    min-width: 157px; }
  @media (max-width: 1660px) {
    .recent-table table tr td:nth-child(2),
    .recent-table table tr th:nth-child(2) {
      min-width: 97px; } }
  .recent-table table tr td:last-child,
  .recent-table table tr th:last-child {
    min-width: 96px; }

.recent-table table tr td:first-child {
  padding-left: 0; }
  [dir="rtl"] .recent-table table tr td:first-child {
    padding-left: unset;
    padding-right: 0; }

.recent-table table tr td:last-child {
  padding-right: 0; }
  [dir="rtl"] .recent-table table tr td:last-child {
    padding-left: 0;
    padding-right: unset; }

.recent-table table tr:last-child td {
  padding-bottom: 0;
  border-bottom: none; }

.recent-table table tr .product-content h6 a {
  color: var(--body-font-color);
  transition: 0.5s; }

.recent-table table tr:hover .product-content h6 a {
  color: var(--theme-deafult);
  transition: 0.5s; }

.recent-table .product-content {
  display: flex;
  align-items: center;
  gap: 8px; }
  .recent-table .product-content .order-image {
    background: var(--light2);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center; }

.recent-table svg {
  width: 20px;
  height: 20px; }

.recent-table .recent-status {
  display: flex;
  align-items: center; }
  .recent-table .recent-status.font-success svg {
    fill: #00AC46; }
  .recent-table .recent-status.font-danger svg {
    fill: #FE6A49; }

.recent-activity h5 {
  padding: 30px 0 20px;
  margin-bottom: 0; }

.recent-activity h6 {
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box; }

.recent-activity ul li span {
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box; }

.notification li .recent-images ul::before {
  display: none; }

.notification li .recent-images li {
  padding-bottom: 3px; }

.recent-images {
  margin-top: 10px; }
  .recent-images ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px; }
  .recent-images li {
    border: 1px dashed var(--recent-dashed-border);
    padding: 3px;
    border-radius: 2px; }
    .recent-images li .recent-img-wrap {
      width: 40px;
      height: 40px;
      background: var(--light2);
      display: flex;
      align-items: center;
      justify-content: center; }

.frame-box {
  background: var(--recent-box-bg);
  border-radius: 10px;
  min-width: 76px;
  box-shadow: 2px 2px 2px var(--recent-border); }
  @media (max-width: 575px) {
    .frame-box {
      min-width: 65px; } }
  .frame-box .frame-image {
    min-width: 62px;
    height: 62px;
    border-color: var(--recent-border) var(--white) var(--white) var(--recent-border);
    border-width: 1px;
    border-style: solid;
    margin: 6px;
    display: flex;
    align-items: center;
    border-radius: 4px; }
    @media (max-width: 575px) {
      .frame-box .frame-image {
        min-width: 50px;
        height: 50px;
        margin: 4px; } }
  .frame-box img {
    margin: 0 auto; }
    @media (max-width: 575px) {
      .frame-box img {
        height: 30px; } }
.support-ticket-font ul {
  font-size: 12px; }

.new-update .media .media-body span,
.new-update .media .media-body p {
  font-weight: 500; }

.activity-dot-primary {
  min-width: 6px;
  height: 6px;
  background-color: #006666;
  border-radius: 100%;
  outline: 5px solid rgba(0, 102, 102, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-primary {
  min-width: 12px;
  height: 12px;
  background-color: #006666;
  outline: 5px solid rgba(0, 102, 102, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-secondary {
  min-width: 6px;
  height: 6px;
  background-color: #FE6A49;
  border-radius: 100%;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-secondary {
  min-width: 12px;
  height: 12px;
  background-color: #FE6A49;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-success {
  min-width: 6px;
  height: 6px;
  background-color: #00AC46;
  border-radius: 100%;
  outline: 5px solid rgba(0, 172, 70, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-success {
  min-width: 12px;
  height: 12px;
  background-color: #00AC46;
  outline: 5px solid rgba(0, 172, 70, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-danger {
  min-width: 6px;
  height: 6px;
  background-color: #FE6A49;
  border-radius: 100%;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-danger {
  min-width: 12px;
  height: 12px;
  background-color: #FE6A49;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-info {
  min-width: 6px;
  height: 6px;
  background-color: #173878;
  border-radius: 100%;
  outline: 5px solid rgba(23, 56, 120, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-info {
  min-width: 12px;
  height: 12px;
  background-color: #173878;
  outline: 5px solid rgba(23, 56, 120, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-light {
  min-width: 6px;
  height: 6px;
  background-color: #E6E9EB;
  border-radius: 100%;
  outline: 5px solid rgba(230, 233, 235, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-light {
  min-width: 12px;
  height: 12px;
  background-color: #E6E9EB;
  outline: 5px solid rgba(230, 233, 235, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-dark {
  min-width: 6px;
  height: 6px;
  background-color: #2c323f;
  border-radius: 100%;
  outline: 5px solid rgba(44, 50, 63, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-dark {
  min-width: 12px;
  height: 12px;
  background-color: #2c323f;
  outline: 5px solid rgba(44, 50, 63, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-warning {
  min-width: 6px;
  height: 6px;
  background-color: #FFAE1A;
  border-radius: 100%;
  outline: 5px solid rgba(255, 174, 26, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-warning {
  min-width: 12px;
  height: 12px;
  background-color: #FFAE1A;
  outline: 5px solid rgba(255, 174, 26, 0.25);
  position: relative;
  z-index: 2; }

@media only screen and (max-width: 1800px) and (min-width: 1400px) {
  .grid-ed-none {
    display: none !important; }
  .grid-ed-12 {
    width: 100%; } }

@media only screen and (max-width: 1660px) and (min-width: 1400px) {
  .col-ed-12 {
    width: 100%; }
  .col-ed-7 {
    width: 58%; }
  .col-ed-5 {
    width: 42%; }
  .col-ed-9 {
    width: 75%; }
  .col-ed-3 {
    width: 25%; }
  .col-ed-6 {
    width: 50%; }
  .col-ed-4 {
    width: 33.33333333%; }
  .col-ed-8 {
    width: 66.66%; }
  .col-ed-none {
    display: none !important; } }

@media only screen and (max-width: 1660px) and (min-width: 1200px) {
  .xl-30 {
    max-width: 30%;
    flex: 0 0 30%; }
  .xl-70 {
    max-width: 70%;
    flex: 0 0 70%; } }

@media only screen and (max-width: 420px) {
  .size-column .col-6 {
    width: 100%; } }

.total-project .bubbles {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  top: 0;
  left: 0; }

.total-project .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(0, 102, 102, 0.1);
  position: absolute;
  animation: floating 10s infinite ease-in; }
  .total-project .bubble:nth-child(1) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 10%;
    animation-duration: 13s; }
  .total-project .bubble:nth-child(2) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 20%;
    animation-duration: 14s;
    animation-delay: 1s; }
  .total-project .bubble:nth-child(3) {
    height: 24px;
    width: 24px;
    border-radius: 15px;
    left: 35%;
    animation-duration: 16s;
    animation-delay: 3s; }
  .total-project .bubble:nth-child(4) {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    left: 50%;
    animation-duration: 13s;
    animation-delay: 1s; }
  .total-project .bubble:nth-child(5) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 5%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-project .bubble:nth-child(6) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 30%;
    animation-duration: 19s;
    animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.total-Progress .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(255, 174, 26, 0.1);
  position: absolute;
  animation: floating 10s infinite ease-in; }
  .total-Progress .bubble:nth-child(1) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 10%;
    animation-duration: 18s; }
  .total-Progress .bubble:nth-child(2) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 20%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(3) {
    height: 24px;
    width: 24px;
    border-radius: 15px;
    left: 65%;
    animation-duration: 12s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(4) {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    left: 34%;
    animation-duration: 16s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(5) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 5%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(6) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 14%;
    animation-duration: 12s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(7) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 41%;
    animation-duration: 16s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(8) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 3%;
    animation-duration: 11s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(9) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 48%;
    animation-duration: 18s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(10) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 46%;
    animation-duration: 10s;
    animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.total-Complete .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(254, 106, 73, 0.1);
  position: absolute;
  animation: floating 10s infinite ease-in; }
  .total-Complete .bubble:nth-child(1) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 10%;
    animation-duration: 11s; }
  .total-Complete .bubble:nth-child(2) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 20%;
    animation-duration: 15s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(3) {
    height: 24px;
    width: 24px;
    border-radius: 15px;
    left: 35%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(4) {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    left: 60%;
    animation-duration: 19s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(5) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 51%;
    animation-duration: 14s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(6) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 96%;
    animation-duration: 14s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(7) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 69%;
    animation-duration: 18s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(8) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 36%;
    animation-duration: 20s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(9) {
    height: 25px;
    width: 25px;
    border-radius: 30px;
    left: 75%;
    animation-duration: 25s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(10) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 36%;
    animation-duration: 35s;
    animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.total-upcoming {
  border-bottom: 2px solid var(--body-font-color); }
  .total-upcoming .bubble {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    background-color: rgba(108, 117, 125, 0.1);
    position: absolute;
    animation: floating 10s infinite ease-in; }
    .total-upcoming .bubble:nth-child(1) {
      height: 25px;
      width: 25px;
      border-radius: 15px;
      left: 10%;
      animation-duration: 17s; }
    .total-upcoming .bubble:nth-child(2) {
      height: 28px;
      width: 28px;
      border-radius: 15px;
      left: 70%;
      animation-duration: 10s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(3) {
      height: 24px;
      width: 24px;
      border-radius: 15px;
      left: 35%;
      animation-duration: 10s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(4) {
      height: 15px;
      width: 15px;
      border-radius: 15px;
      left: 10%;
      animation-duration: 16s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(5) {
      height: 20px;
      width: 20px;
      border-radius: 15px;
      left: 5%;
      animation-duration: 18s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(6) {
      height: 30px;
      width: 30px;
      border-radius: 15px;
      left: 52%;
      animation-duration: 14s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(7) {
      height: 35px;
      width: 35px;
      border-radius: 15px;
      left: 95%;
      animation-duration: 16s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(8) {
      height: 30px;
      width: 30px;
      border-radius: 15px;
      left: 35%;
      animation-duration: 13s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(9) {
      height: 25px;
      width: 25px;
      border-radius: 15px;
      left: 75%;
      animation-duration: 12s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(10) {
      height: 26px;
      width: 26px;
      border-radius: 15px;
      left: 14%;
      animation-duration: 9s;
      animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.project-details {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .project-details .project-counter {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 6px; }
    .project-details .project-counter span {
      font-size: 13px;
      font-weight: 400; }

.today-work-table .today-working-table tbody tr td {
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px dashed #E6E9EB; }

.today-work-table .today-working-table tbody tr td:nth-child(1) {
  min-width: 165px; }

.today-work-table .today-working-table tbody tr td:nth-child(2) {
  min-width: 170px; }

.today-work-table .today-working-table tbody tr td:nth-child(3) {
  min-width: 94px; }

.today-work-table .today-working-table tbody tr td:nth-child(4) .badge {
  padding: 8px 20px; }

.today-work-table .today-working-table tbody tr:first-child td {
  padding-top: 0px; }

.today-work-table .today-working-table tbody tr td a {
  color: #051A1A;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.today-work-table .today-working-table tbody tr:hover td a {
  color: var(--theme-deafult) !important; }

.today-work-table .today-working-table tbody tr:last-child td {
  padding-bottom: 0px;
  border: none; }

.add-project-link {
  background-color: rgba(68, 198, 198, 0.21);
  height: 5%; }
  .add-project-link .categories {
    background-image: url(/../images/dashboard-2/dashboard-banner.gif);
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    background-position: center; }
  .add-project-link .categories-content {
    padding: 22px 15px; }
    .add-project-link .categories-content p {
      font-size: 13px;
      font-weight: 500;
      margin-bottom: 10px; }
    .add-project-link .categories-content a {
      font-size: 16px;
      font-weight: 700;
      color: #051A1A;
      text-decoration: underline; }

.projectlist-card {
  border: 1px solid #ecf3fa;
  border-radius: 8px; }
  .projectlist-card .projectlist {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    padding: 20px 20px 0px; }
    .projectlist-card .projectlist .project-data {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px; }
      .projectlist-card .projectlist .project-data div a {
        color: #051A1A; }
    .projectlist-card .projectlist .nft-img {
      border-radius: 4px; }
    .projectlist-card .projectlist .badge-primary {
      color: #006666; }
  .projectlist-card .project-comment {
    padding: 0px 20px;
    margin-top: 8px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .projectlist-card .project-comment .project-comment-icon {
      display: flex;
      align-items: center;
      gap: 15px;
      position: relative; }
      .projectlist-card .project-comment .project-comment-icon svg {
        height: 16px;
        width: 16px; }
      .projectlist-card .project-comment .project-comment-icon span {
        font-weight: 500;
        font-size: 12px;
        color: var(--body-font-color); }
      .projectlist-card .project-comment .project-comment-icon .project-link {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px; }
        .projectlist-card .project-comment .project-comment-icon .project-link::before {
          height: 17px;
          width: 1px;
          background-color: var(--body-font-color);
          position: absolute;
          content: "";
          right: 35px; }
  .projectlist-card .project-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 20px; }
    .projectlist-card .project-date span:last-child {
      color: #FE6A49; }

.project-meeting-details {
  border-top: 1px solid #E6E9EB;
  margin-top: 10px; }
  .project-meeting-details .project-meeting {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 20px;
    margin-bottom: 3px;
    margin-top: 20px; }
    .project-meeting-details .project-meeting span {
      font-weight: 500;
      font-size: 12px;
      color: var(--body-font-color); }
  .project-meeting-details .project-meeting-time {
    padding: 0px 20px;
    margin-top: 3px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .project-meeting-details .project-meeting-time a {
      color: #051A1A; }
  .project-meeting-details:hover a {
    color: #006666; }

.avatar-showcase img.img-25 {
  width: 25px;
  height: 25px; }

.client-list-table table tbody tr td {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E6E9EB;
  padding-top: 15px;
  padding-bottom: 15px; }
  .client-list-table table tbody tr td a {
    color: #051A1A; }
  .client-list-table table tbody tr td .product-sub svg {
    height: 28px;
    width: 28px;
    cursor: pointer; }
  .client-list-table table tbody tr td .user-id {
    display: flex;
    align-items: center;
    position: relative;
    min-width: 195px; }
    .client-list-table table tbody tr td .user-id::before {
      height: 50px;
      width: 1px;
      content: "";
      position: absolute;
      background-color: #E6E9EB;
      right: 11%; }
  .client-list-table table tbody tr td .user-comment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 180px; }

.client-list-table table tbody tr:hover td a {
  color: #006666; }

.client-list-table table tbody tr:first-child td {
  padding-top: 0px; }

.client-list-table table tbody tr:last-child td {
  padding-bottom: 0px;
  border: none; }

.project-table .radial-chart-wrap {
  height: 30px;
  width: 68px; }
  .project-table .radial-chart-wrap > div {
    height: 75px;
    width: 100px; }
    .project-table .radial-chart-wrap > div.widgetsChart .apexcharts-theme-light .apexcharts-graphical .apexcharts-datalabels-group .apexcharts-datalabel-label {
      display: none; }

.project-table .project-comment .project-comment-icon {
  display: flex;
  align-items: center;
  position: relative;
  gap: 15px; }
  .project-table .project-comment .project-comment-icon .project-link {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px; }
    .project-table .project-comment .project-comment-icon .project-link svg {
      height: 16px;
      width: 16px; }
    .project-table .project-comment .project-comment-icon .project-link::before {
      height: 17px;
      width: 1px;
      background-color: #E6E9EB;
      position: absolute;
      content: "";
      left: 47px; }

.activity-log-card ul::before {
  height: calc(100% - 150px);
  border-left: 1px dashed #E6E9EB;
  content: "";
  z-index: 1;
  position: absolute;
  left: 36px; }

.activity-log-card ul li div .username {
  color: #051A1A; }
  .activity-log-card ul li div .username:hover {
    color: #006666; }

.activity-log {
  margin-bottom: 24px; }
  .activity-log .activity-log-img {
    height: 34px;
    width: 34px;
    z-index: 2; }
  .activity-log .user-id {
    margin-bottom: 2px; }
  .activity-log:last-child {
    margin-bottom: 0px; }
  .activity-log h6 {
    display: block;
    margin-bottom: 2px; }
    .activity-log h6 a {
      color: #051A1A;
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box !important;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      white-space: normal; }
  .activity-log:hover h6 a {
    color: #006666 !important; }

.user-message svg {
  height: 24px;
  width: 24px; }

.user-message ul li {
  border-bottom: 1px solid #E6E9EB;
  margin-bottom: 20px; }
  .user-message ul li .activity-log {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 20px;
    position: relative; }
    .user-message ul li .activity-log .status {
      position: absolute;
      height: 9px;
      width: 9px;
      border-radius: 100%;
      bottom: 3px;
      left: 25px;
      z-index: 2; }
      .user-message ul li .activity-log .status.bg-warning {
        border: 1px solid #fff; }
  .user-message ul li:last-of-type .activity-log {
    margin-bottom: 0px; }
  .user-message ul li:last-of-type {
    border: none;
    margin-bottom: 0px; }
  .user-message ul li:last-child .activity-log {
    margin-bottom: 0px; }
  .user-message ul li:last-child {
    border: none;
    margin-bottom: 0px; }

.user-message .activity-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%; }

.project-ideas-card::before {
  background: radial-gradient(circle, #1baeae 2%, #1a9494 50%, #048f8f 100%);
  height: 123px;
  width: 109%;
  content: "";
  position: absolute;
  overflow: hidden;
  top: 0;
  border-radius: 0 0 100% 100%;
  left: 50%;
  transform: translateX(-50%); }
  @media (max-width: 1799px) {
    .project-ideas-card::before {
      height: 102px; } }
.project-ideas-card .project-card {
  background-image: url(/../images/dashboard-2/office-work.gif);
  background-size: contain;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
  padding: 257px 0px;
  border-radius: 5px; }
  @media (max-width: 1875px) {
    .project-ideas-card .project-card {
      padding: 230px 0px; } }
  @media (max-width: 1800px) {
    .project-ideas-card .project-card {
      padding: 228px 0px; } }
  @media (max-width: 1799px) {
    .project-ideas-card .project-card {
      padding: 204px 0px; } }
  .project-ideas-card .project-card span {
    position: absolute;
    top: 20px;
    left: 10px;
    color: #fff; }
  .project-ideas-card .project-card .btn-showcase {
    margin-top: -85px;
    display: flex;
    justify-content: center;
    align-items: center; }

@media (max-width: 1568px) and (min-width: 1501px) {
  .timeline-calendar {
    width: 495px; } }

@media (max-width: 1194px) and (min-width: 768px) {
  .timeline-calendar {
    width: 801px;
    overflow-x: auto; } }

.timeline-calendar .custom-calendar {
  height: 374px !important; }
  @media (max-width: 1799px) {
    .timeline-calendar .custom-calendar {
      height: 334px !important; } }
.project-table {
  overflow-y: hidden; }
  .project-table .invoice-icon {
    height: 24px;
    width: 24px;
    cursor: pointer; }
  .project-table .order-table thead {
    background-color: rgba(230, 233, 235, 0.3); }
    .project-table .order-table thead tr th {
      padding: 20px; }
      .project-table .order-table thead tr th:nth-child(1) {
        min-width: 190px; }
      .project-table .order-table thead tr th:nth-child(2) {
        min-width: 200px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(3) {
        min-width: 130px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(4) {
        min-width: 100px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(5) {
        min-width: 50px; }
      .project-table .order-table thead tr th:first-child {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .project-table .order-table thead tr th:last-child {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; }
  .project-table .order-table tbody tr {
    border-bottom: 1px solid #E6E9EB; }
    .project-table .order-table tbody tr td {
      padding-top: 17px;
      padding-bottom: 17px; }
      .project-table .order-table tbody tr td p {
        color: var(--body-font-color);
        font-weight: 500; }
      .project-table .order-table tbody tr td .status-process {
        border-radius: 15px;
        padding: 12px; }
      .project-table .order-table tbody tr td:last-child .product-sub {
        text-align: center; }
      .project-table .order-table tbody tr td:nth-child(5) span.pending {
        height: 3px;
        width: 3px;
        border-radius: 100%; }
    .project-table .order-table tbody tr:last-child {
      border: none; }
      .project-table .order-table tbody tr:last-child td {
        padding-bottom: 0px;
        margin-bottom: -20px; }
  .project-table .order-table tbody tr td a {
    color: #051A1A;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .project-table .order-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }

@media (max-width: 1599px) {
  .client-list-table .client-list .user-id {
    min-width: 100px; }
  .project-ideas-card {
    padding: 210px 0px; }
    .project-ideas-card .project-card span {
      max-width: 265px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -50px; }
  .small-widget .project-details .project-counter span {
    display: none; }
  .today-work-table table tbody tr td:nth-child(1) {
    min-width: 130px !important; }
  .today-work-table table tbody tr td:nth-child(2) {
    min-width: 126px !important; }
  .user-message .activity-log .activity-name span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .online-store {
    display: none; }
  .card-title-underline a {
    display: none; }
  .activity-log-card .activity-log span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1699px) {
  .project-ideas-card .project-card {
    padding: 192px 0px; }
  .project-ideas-card .btn-showcase {
    margin-top: -85px !important; } }

@media (max-width: 1599px) {
  .project-ideas-card .project-card {
    padding: 208px 0px; }
  .project-ideas-card .btn-showcase {
    margin-top: -85px !important; } }

@media (max-width: 1499px) {
  .project-ideas-card .project-card {
    padding: 190px 0px; }
  .project-ideas-card .btn-showcase {
    margin-top: -62px !important; } }

@media (max-width: 1799px) {
  .client-list-table {
    overflow-y: hidden; }
    .client-list-table .client-list .user-id {
      min-width: 140px; }
      .client-list-table .client-list .user-id .avatars {
        display: none; }
  .activity-log-card .activity-log .user-id span {
    display: none; }
  .activity-log-card .activity-log span {
    max-width: 709px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .today-work-table table tbody tr td:nth-child(3) {
    display: none; }
  .projectlist-card .projectlist .project-data span {
    display: block; }
  .projectlist-card .projectlist span {
    display: none; }
  .projectlist-card .project-meeting-details .project-meeting {
    margin-top: 12px; }
    .projectlist-card .project-meeting-details .project-meeting span:last-child {
      display: none; }
  .projectlist-card .project-meeting-details .project-meeting-time {
    margin-bottom: 12px; }
    .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
      display: none; }
  .client-list-table .client-list .product-sub .invoice-icon {
    display: none; } }

@media (max-width: 1499px) {
  .timeline-calendar .fc-toolbar-chunk {
    display: none; }
  .projectlist-card .project-comment .avatar-showcase ul li:nth-child(3) {
    display: inline-block !important; }
  .projectlist-card .project-comment .avatar-showcase ul li:nth-child(4) {
    display: inline-block !important; } }

@media (max-width: 1399px) {
  .project-details .project-counter span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1199px) {
  .activity-group {
    display: block !important; }
    .activity-group::before {
      display: none; }
  .add-project-link {
    height: 9%; }
    .add-project-link .categories {
      width: 25%; }
  .project-ideas-card .project-card {
    padding: 237px 0px; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -113px !important; }
    .project-ideas-card .project-card span {
      top: 18px;
      left: 11px;
      max-width: 550px; }
  .user-message ul li:nth-child(6) {
    margin-bottom: 0px;
    border-bottom: none; }
    .user-message ul li:nth-child(6) .activity-log {
      margin-bottom: 0px;
      border: none; }
  .user-message ul li:nth-child(7) {
    display: none; }
  .user-message ul li:nth-child(8) {
    display: none; }
  .user-message ul li:last-child {
    display: none; }
  .today-work-table .today-working-table tbody tr td:nth-child(2) {
    min-width: 150px !important; }
  .today-work-table .today-working-table tbody tr td:nth-child(3) {
    display: block; }
  .client-list-table .client-list .user-id {
    min-width: 350px; }
    .client-list-table .client-list .user-id .avatars {
      display: block; }
  .client-list-table .client-list .user-comment .product-sub .invoice-icon {
    display: block; }
  .small-widget .project-details .project-counter span {
    display: block; }
  .today-work-table table tbody tr td:nth-child(1) {
    min-width: 150px !important; }
  .marketing-app-card {
    display: none; }
  .project-table .invoice-icon {
    height: 24px;
    width: 24px;
    cursor: pointer; }
  .project-table .order-table thead {
    background-color: rgba(230, 233, 235, 0.3); }
    .project-table .order-table thead tr th {
      padding: 20px; }
      .project-table .order-table thead tr th:nth-child(1) {
        min-width: 290px; }
      .project-table .order-table thead tr th:nth-child(2) {
        min-width: 200px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(3) {
        min-width: 160px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(4) {
        min-width: 190px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(5) {
        min-width: 50px; }
      .project-table .order-table thead tr th:first-child {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .project-table .order-table thead tr th:last-child {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; }
  .project-table .order-table tbody tr {
    border-bottom: 1px solid #E6E9EB; }
    .project-table .order-table tbody tr td {
      padding-top: 17px;
      padding-bottom: 17px; }
      .project-table .order-table tbody tr td p {
        color: var(--body-font-color);
        font-weight: 500; }
      .project-table .order-table tbody tr td .status-process {
        border-radius: 15px;
        padding: 12px; }
      .project-table .order-table tbody tr td:last-child .product-sub {
        text-align: center; }
    .project-table .order-table tbody tr:last-child {
      border: none; }
      .project-table .order-table tbody tr:last-child td {
        padding-bottom: 0px;
        overflow: hidden; }
  .project-table .order-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; } }

@media (max-width: 992px) {
  .add-project-link {
    height: 9%; }
    .add-project-link .categories {
      width: 25%; }
  .today-work-table table tbody tr td:nth-child(3) {
    display: revert; }
  .timeline-calendar .fc-toolbar-chunk {
    display: block; }
  .project-ideas-card .project-card span {
    top: 18px;
    left: 4px; } }

@media (max-width: 767px) {
  .project-ideas-card::before {
    height: 95px; }
  .project-ideas-card .project-card {
    padding: 341px 0px; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -218px !important; }
    .project-ideas-card .project-card span {
      top: 27px;
      left: 88px; }
  .add-project-link {
    height: 6%; }
    .add-project-link .categories {
      width: 25%; }
  .activity-log-card .activity-log span {
    max-width: 100%; }
  .projectlist-card .projectlist .project-data span {
    display: block; }
  .projectlist-card .projectlist span {
    display: block; }
  .projectlist-card .project-meeting-details .project-meeting span:last-child {
    display: block; }
  .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
    display: block; }
  .client-list-table .client-list .user-id {
    min-width: 240px; }
  .marketing-app-card {
    display: block; }
  .important-project {
    gap: 15px; } }

@media (max-width: 680px) {
  .project-ideas-card .project-card span {
    top: 23px;
    left: 60px; } }

@media (max-width: 610px) {
  .project-ideas-card .project-card span {
    left: 30px; } }

@media (max-width: 575px) {
  .fc-toolbar-chunk .fc-button-group {
    display: none; }
  .project-ideas-card .project-card {
    padding: 581px 0px 0px; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -455px !important; }
    .project-ideas-card .project-card span {
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box !important;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      white-space: normal;
      top: 25px;
      left: 26px; } }

@media (max-width: 480px) {
  .project-ideas-card .project-card {
    padding: 502px 0px 0px !important; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -377px !important; }
    .project-ideas-card .project-card span {
      left: 24px; }
  .timeline-calendar .custom-calendar .time-line table thead tr th.fc-col-header-cell .fc-scrollgrid-sync-inner a {
    font-size: 10px;
    padding: 6px 4px; }
  .projectlist-card .projectlist .project-data span {
    display: block; }
  .projectlist-card .projectlist span {
    display: none; }
  .projectlist-card .project-meeting-details .project-meeting {
    margin-top: 12px; }
    .projectlist-card .project-meeting-details .project-meeting span:last-child {
      display: none; }
  .projectlist-card .project-meeting-details .project-meeting-time {
    margin-bottom: 12px; }
    .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
      display: none; }
  .total-revenue .dropdown-calendar {
    display: none; }
  .projectlist-row justify-content-center .projectlist .project-data span {
    display: block; }
  .projectlist-row justify-content-center .projectlist span {
    display: none; }
  .projectlist-row justify-content-center .project-meeting-details .project-meeting {
    margin-top: 12px; }
    .projectlist-row justify-content-center .project-meeting-details .project-meeting span:last-child {
      display: none; }
  .projectlist-row justify-content-center .project-meeting-details .project-meeting-time {
    margin-bottom: 12px; }
    .projectlist-row justify-content-center .project-meeting-details .project-meeting-time a:last-child {
      display: none; } }

@media (max-width: 399px) {
  .project-ideas-card .project-card {
    padding: 420px 0px 0px !important; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -301px !important; } }

@media (max-width: 1499px) {
  .project-table .order-table thead tr th:nth-child(3) {
    display: none; }
  .project-table .order-table tbody tr td:nth-child(3) {
    display: none; } }

@media (max-width: 1399px) {
  .project-table .order-table thead tr th:nth-child(3) {
    display: block; }
  .project-table .order-table tbody tr td:nth-child(3) {
    display: block; } }

@media (max-width: 360px) {
  .timeline-calendar .custom-calendar .time-line table thead tr th.fc-col-header-cell .fc-scrollgrid-sync-inner a {
    font-size: 10px;
    padding: 6px 0px; }
  .projectlist-card .project-date span:last-child {
    display: none; }
  .projectlist-card .project-comment .project-comment-icon {
    display: none; } }

.total-revenue {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .total-revenue span {
    color: var(--body-font-color);
    font-weight: 500; }
  .total-revenue a {
    font-weight: 600; }

/**=====================
    3.9 Dashboard_2 CSS End
==========================**/
/**=====================
    3.10 Dashboard_3 CSS Start
==========================**/
@keyframes hand-move {
  0% {
    transform: rotate(0deg); }
  20% {
    transform: rotate(15deg); }
  50% {
    transform: rotate(0deg); }
  80% {
    transform: rotate(-15deg); }
  100% {
    transform: rotate(0deg); } }

.course-box {
  overflow: hidden; }
  .course-box .card-body {
    padding: 25px 15px; }
    @media (max-width: 1722px) {
      .course-box .card-body {
        padding: 20px 15px; } }
    @media (max-width: 1660px) {
      .course-box .card-body {
        padding: 16px 15px; } }
  @media (max-width: 1660px) {
    .course-box.widget-course .card-body {
      padding: 25px 15px; } }
  .course-box:hover {
    transform: translateY(-5px);
    transition: 0.5s; }
    .course-box:hover .course-icon svg {
      animation: tada 1.5s ease infinite; }

.course-widget {
  display: flex;
  gap: 8px; }
  .course-widget .course-icon {
    position: relative;
    width: 54px;
    height: 54px;
    clip-path: polygon(40% 7.67949%, 43.1596% 6.20615%, 46.52704% 5.30384%, 50% 5%, 53.47296% 5.30384%, 56.8404% 6.20615%, 60% 7.67949%, 81.65064% 20.17949%, 84.50639% 22.17911%, 86.97152% 24.64425%, 88.97114% 27.5%, 90.44449% 30.6596%, 91.34679% 34.02704%, 91.65064% 37.5%, 91.65064% 62.5%, 91.34679% 65.97296%, 90.44449% 69.3404%, 88.97114% 72.5%, 86.97152% 75.35575%, 84.50639% 77.82089%, 81.65064% 79.82051%, 60% 92.32051%, 56.8404% 93.79385%, 53.47296% 94.69616%, 50% 95%, 46.52704% 94.69616%, 43.1596% 93.79385%, 40% 92.32051%, 18.34936% 79.82051%, 15.49361% 77.82089%, 13.02848% 75.35575%, 11.02886% 72.5%, 9.55551% 69.3404%, 8.65321% 65.97296%, 8.34936% 62.5%, 8.34936% 37.5%, 8.65321% 34.02704%, 9.55551% 30.6596%, 11.02886% 27.5%, 13.02848% 24.64425%, 15.49361% 22.17911%, 18.34936% 20.17949%);
    background: linear-gradient(310.31deg, #FF3364 14.71%, #FF7F9E 100%);
    display: flex;
    align-items: center;
    justify-content: center; }
    .course-widget .course-icon svg {
      width: 26px;
      height: 26px;
      fill: #fff; }
    .course-widget .course-icon.warning {
      background: linear-gradient(297.08deg, #FF9E2A -4.53%, #FFA941 98.25%); }
  .course-widget .btn-light {
    background: var(--course-light-btn) !important;
    border: none; }
  .course-widget a {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    margin-top: 25px; }
    .course-widget a span {
      display: block;
      margin-bottom: -5px; }
    .course-widget a svg {
      width: 13px;
      height: 13px; }

.get-card .card-header {
  padding-left: 20px;
  padding-right: 20px; }

.square-group {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: scaleX(-1); }
  [dir="rtl"] .square-group {
    right: unset;
    left: 0; }
  .square-group .square-1 {
    width: 12px;
    height: 18px; }
  .square-group .square-2 {
    width: 12px;
    height: 10px;
    margin-bottom: -10px; }
  .square-group .square-3 {
    width: 18px;
    height: 10px;
    margin-left: 10px; }
    [dir="rtl"] .square-group .square-3 {
      margin-left: unset;
      margin-right: 10px; }
  .square-group .square-4 {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: -15px; }
    [dir="rtl"] .square-group .square-4 {
      right: unset;
      left: -15px; }
  .square-group .square-5 {
    width: 6px;
    height: 6px;
    bottom: 22px;
    position: absolute;
    right: -1px; }
    [dir="rtl"] .square-group .square-5 {
      right: unset;
      left: -1px; }
  .square-group .square-6,
  .square-group .square-7 {
    position: absolute;
    width: 4px;
    height: 4px; }
  .square-group .square-6 {
    right: -23px;
    bottom: 5px; }
    [dir="rtl"] .square-group .square-6 {
      right: unset;
      left: -23px; }
  .square-group .square-7 {
    right: 8px;
    bottom: 45px; }
    [dir="rtl"] .square-group .square-7 {
      right: unset;
      left: 8px; }
  .square-group .warning1 {
    background: #FFD497; }
  .square-group .warning {
    background: #FFA73B; }
  .square-group .primary {
    background: #006666; }
  .square-group .danger {
    background: #f54132; }
  .square-group .light {
    background: #E6E8EF; }
  .square-group .success {
    background: #00AC46; }

.progress-chart-wrap {
  margin: -40px 0 -22px; }
  [dir="rtl"] .progress-chart-wrap {
    direction: ltr; }
  @media (max-width: 991px) {
    .progress-chart-wrap {
      margin-top: -18px; } }
  .progress-chart-wrap .apexcharts-canvas {
    margin: 0 auto; }
    .progress-chart-wrap .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-label {
      fill: var(--chart-text-color); }

.get-card .btn {
  margin-top: 15px;
  padding: 8px 15px; }
  .get-card .btn:hover svg {
    transform: translateX(5px);
    transition: 0.5s; }
  .get-card .btn svg {
    width: 13px;
    height: 13px;
    fill: #fff;
    vertical-align: middle;
    transition: 0.5s; }

.default-datepicker .datepicker-inline .datepicker {
  width: auto;
  background: #fff;
  box-shadow: none;
  padding: 0; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content {
    padding: 0; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {
      margin: 27px 0 0;
      padding: 15px 0; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name {
        color: #2b2b2b;
        font-size: 14px; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
      height: 35px;
      width: 14%;
      color: #2b2b2b; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-other-month- {
        color: #2b2b2b;
        opacity: 20%; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-weekend- + .-weekend- {
        color: #FE6A49; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell {
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      z-index: 0;
      letter-spacing: 2px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected- {
        background: var(--theme-deafult);
        color: #fff;
        position: relative;
        box-shadow: 0px 0px 13px 0 rgba(0, 102, 102, 0.5); }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-current- {
        background-color: #00AC46;
        border: none;
        color: #fff; }
        .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-current-::after {
          position: absolute;
          content: '';
          width: 10px;
          height: 10px;
          border: 2px solid var(--white);
          background: #FE6A49;
          right: -3px;
          top: -2px;
          border-radius: 100%; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-focus- {
        color: #fff;
        box-shadow: none; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker-cell .datepicker--cell-month.-current-.-selected- {
      background-color: var(--theme-deafult); }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav {
    border-bottom: none;
    padding: 0;
    text-transform: capitalize;
    margin-top: 0; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action {
      background-color: transparent;
      width: 22px;
      height: 22px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action[data-action="prev"] {
        position: absolute;
        right: 50px; }
        [dir="rtl"] .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action[data-action="prev"] {
          right: unset;
          left: 50px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action svg {
        width: 22px;
        height: 22px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action path {
        stroke: var(--chart-text-color); }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
    color: #2b2b2b;
    font-size: 20px;
    font-weight: 500; }
    @media (max-width: 767px) {
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
        font-size: 14px; } }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
      margin-left: 10px;
      font-weight: 500;
      font-size: 20px;
      color: #2b2b2b; }
      @media (max-width: 767px) {
        .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
          font-size: 14px; } }
.learning-wrap {
  margin: -24px -10px -24px -15px; }

.activity-wrap {
  margin: -22px 0 -22px -28px; }
  [dir="rtl"] .activity-wrap {
    margin: -22px -28px -22px 0; }

.upcoming-event-wrap {
  margin-bottom: -39px;
  margin-left: -24px; }

.course-card .dropdown .dropdown-toggle {
  width: 125px; }

.course-wrapper {
  text-align: center; }
  .course-wrapper .course-icon-box {
    position: relative;
    padding: 8px; }
    @media (max-width: 767px) {
      .course-wrapper .course-icon-box {
        padding: 0; } }
    .course-wrapper .course-icon-box .icon-wrap {
      width: 117px;
      height: 92px;
      background-color: var(--course-bg);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 8px;
      margin: 0 auto;
      box-shadow: -18px 15px 20px rgba(119, 119, 119, 0.25); }
      @media (max-width: 1880px) {
        .course-wrapper .course-icon-box .icon-wrap {
          width: 112px; } }
      @media (max-width: 767px) {
        .course-wrapper .course-icon-box .icon-wrap {
          box-shadow: none; } }
      @media (max-width: 575px) {
        .course-wrapper .course-icon-box .icon-wrap {
          width: 92px;
          height: 82px; } }
      .course-wrapper .course-icon-box .icon-wrap img {
        width: 80px; }
        @media (max-width: 575px) {
          .course-wrapper .course-icon-box .icon-wrap img {
            width: 70px; } }
    .course-wrapper .course-icon-box .arrow-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: calc(100% + 20px);
      height: 100%; }
      [dir="rtl"] .course-wrapper .course-icon-box .arrow-bg {
        left: unset;
        right: 0;
        transform: scaleX(-1); }
      @media (max-width: 767px) {
        .course-wrapper .course-icon-box .arrow-bg {
          display: none; } }
  .course-wrapper h6 {
    margin-top: 25px;
    margin-bottom: 0; }
    @media (max-width: 575px) {
      .course-wrapper h6 {
        margin-top: 15px; } }
.course-main-card {
  display: flex;
  gap: 20px;
  justify-content: center; }
  @media (max-width: 1880px) {
    .course-main-card {
      flex-wrap: wrap; } }
  @media (max-width: 767px) {
    .course-main-card {
      gap: 12px;
      flex-wrap: nowrap; } }
  @media (max-width: 575px) {
    .course-main-card {
      gap: 20px;
      flex-wrap: wrap; } }
  .course-main-card .course-wrapper:last-child .arrow-bg {
    width: 100%; }

.schedule-list {
  display: flex;
  flex-direction: column;
  gap: 20px; }
  @media (max-width: 767px) {
    .schedule-list {
      flex-direction: row; } }
  @media (max-width: 575px) {
    .schedule-list {
      flex-direction: column; } }
  .schedule-list li {
    display: flex;
    align-items: center; }
    .schedule-list li h6 {
      font-size: 14px; }
    .schedule-list li ul {
      column-count: 2;
      column-rule-style: solid;
      column-rule-color: var(--chart-text-color);
      column-gap: 20px;
      column-rule-width: 1px; }
      @media (max-width: 1712px) {
        .schedule-list li ul {
          column-gap: 14px; } }
      @media (max-width: 1199px) {
        .schedule-list li ul {
          display: flex;
          flex-wrap: wrap; } }
      .schedule-list li ul li {
        gap: 6px; }
    .schedule-list li img {
      border-radius: 100%;
      width: 37px;
      height: 37px;
      padding: 3px; }
    .schedule-list li svg {
      width: 15px;
      height: 15px; }
      .schedule-list li svg.f-success {
        fill: #00AC46; }
  .schedule-list > li {
    padding: 15px 20px;
    box-shadow: 4px 7px 17px 5px rgba(46, 35, 94, 0.05);
    gap: 10px;
    position: relative;
    border-radius: 10px; }
    @media (max-width: 1712px) {
      .schedule-list > li {
        padding: 16px 14px; } }
    .schedule-list > li::before {
      position: absolute;
      content: '';
      width: 5px;
      height: 100%;
      left: 0;
      top: 0;
      border-radius: 15px 0 0 15px; }
      [dir="rtl"] .schedule-list > li::before {
        left: unset;
        right: 0;
        border-radius: 0 15px 15px 0; }
    .schedule-list > li.primary::before {
      background-color: var(--theme-deafult); }
    .schedule-list > li.primary img {
      border: 1px solid var(--theme-deafult); }
    .schedule-list > li.warning::before {
      background-color: #FFAE1A; }
    .schedule-list > li.warning img {
      border: 1px solid #FFAE1A; }

.link-only {
  display: flex;
  align-items: center;
  color: #FFFFFF; }
  .link-only svg {
    width: 16px;
    height: 16px; }

.lessons-lists li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 0; }
  .lessons-lists li img {
    transition: 0.5s; }
  .lessons-lists li + li {
    border-top: 1px solid var(--chart-dashed-border); }
  .lessons-lists li:first-child {
    padding-top: 0; }
  .lessons-lists li:last-child {
    padding-bottom: 0; }
  .lessons-lists li:hover img {
    transform: scale(1.1);
    transition: 0.5s; }

.lesson-wrap {
  width: 50px;
  margin-bottom: -11px;
  margin-top: -6px; }
  .lesson-wrap .apexcharts-canvas .apexcharts-datalabel-label {
    display: none; }

@media only screen and (max-width: 575px) {
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
    font-size: 17px; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
      font-size: 17px;
      margin-left: 10px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell {
    font-size: 13px; } }

@media only screen and (max-width: 360px) {
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected-:before {
    height: 36px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
    height: 36px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {
    margin: 13px 0 13px; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name {
      font-size: 12px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
    margin-left: 15px;
    font-size: 25px; } }

.tranaction-table tbody tr td a {
  color: #051A1A !important; }

.revenuegrowth {
  position: relative; }
  .revenuegrowth .apexcharts-xaxistooltip {
    display: none; }
  .revenuegrowth .revenuegrowth-chart::before {
    content: "";
    height: calc(100% - 10px);
    position: absolute;
    background-color: #E6E9EB;
    width: 2px;
    right: 0;
    top: 0; }

.icon-menu-header svg {
  height: 25px;
  width: 25px; }

.revenuegrowth-details {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  gap: 20px; }
  .revenuegrowth-details .growth-details {
    border-bottom: 1px dashed #E6E9EB; }
    .revenuegrowth-details .growth-details span:first-child {
      margin-bottom: 6px; }
    .revenuegrowth-details .growth-details:last-child {
      border: none; }

.boost-up-card {
  background: radial-gradient(circle, #1baeae 2%, #1a9494 50%, #048f8f 100%); }
  .boost-up-card h6 {
    z-index: 2; }

.img-boostup {
  position: absolute;
  top: 0px;
  right: 237px; }
  .img-boostup .img-boostup-img-1 {
    left: -63px;
    top: -114px;
    position: absolute;
    height: 257px; }
  .img-boostup .img-boostup-img-2 {
    position: absolute;
    top: 70px;
    left: -61px;
    height: 187px; }

.progress-value .progress {
  margin-top: -2px !important;
  height: 3px;
  width: 100%; }
  .progress-value .progress .progress-bar {
    background-color: var(--theme-deafult); }

.deliveries-percentage .percentage-data thead tr {
  border-bottom: 1px solid #E6E9EB; }
  .deliveries-percentage .percentage-data thead tr th {
    padding-top: 18px;
    padding-bottom: 18px; }

.deliveries-percentage .percentage-data tbody tr {
  border-bottom: 1px dashed #E6E9EB; }
  .deliveries-percentage .percentage-data tbody tr td {
    padding-top: 18px;
    padding-bottom: 18px; }
    .deliveries-percentage .percentage-data tbody tr td a {
      color: #051A1A; }
  .deliveries-percentage .percentage-data tbody tr:hover td a {
    color: #006666; }
  .deliveries-percentage .percentage-data tbody tr:last-child {
    border: none; }
    .deliveries-percentage .percentage-data tbody tr:last-child td {
      padding-bottom: 0px; }

.top-product-card ul li.top-product {
  border-bottom: 1px solid #E6E9EB;
  padding-top: 16px;
  padding-bottom: 16px; }
  .top-product-card ul li.top-product .product-img {
    height: 60px;
    width: 73px;
    border-radius: 4px; }
  .top-product-card ul li.top-product:last-child {
    border: none;
    padding-bottom: 0px; }
  .top-product-card ul li.top-product:first-child {
    padding-top: 0px; }

.top-product-card ul li .product-items {
  display: flex;
  align-items: end;
  flex-direction: column;
  justify-content: center;
  gap: 3px; }

.top-product-card ul li .product-details {
  display: flex;
  flex-direction: column;
  gap: 3px; }
  .top-product-card ul li .product-details a {
    color: #051A1A !important; }

.top-product-card ul li:hover a {
  color: var(--theme-deafult) !important; }

.new-user ul li {
  border: 1px solid #E6E9EB;
  border-radius: 4px;
  margin-bottom: 18px;
  transition: all .4s; }
  .new-user ul li svg {
    height: 24px;
    width: 24px; }
  .new-user ul li:last-child {
    margin-bottom: 0px; }
  .new-user ul li .user-name {
    padding: 12px;
    align-items: end; }
  .new-user ul li a {
    color: #051A1A !important; }
  .new-user ul li:hover a {
    color: var(--theme-deafult) !important; }

.activity-table table tbody tr:last-child td {
  padding-bottom: 0px; }
  .activity-table table tbody tr:last-child td .team-activity::before {
    height: unset; }

.activity-table table tbody tr td {
  padding: 11px 0px; }
  .activity-table table tbody tr td .team-activity {
    position: relative; }
    .activity-table table tbody tr td .team-activity:before {
      height: 70px;
      border-left: 1px dashed #86909C;
      content: "";
      z-index: 0;
      position: absolute;
      left: 24px;
      top: 0px; }
    .activity-table table tbody tr td .team-activity .activity-data {
      margin-bottom: 18px; }
      .activity-table table tbody tr td .team-activity .activity-data:last-child {
        margin-bottom: 0px; }
      .activity-table table tbody tr td .team-activity .activity-data .subtitle p {
        max-width: 235px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .activity-table table tbody tr td .team-activity .activity-data .common-space {
        position: relative;
        gap: 20px; }
        .activity-table table tbody tr td .team-activity .activity-data .common-space::before {
          content: '';
          height: 100%;
          width: 2px;
          background-color: #E6E9EB;
          position: absolute;
          top: 0px;
          right: 0px; }
      .activity-table table tbody tr td .team-activity .activity-data .user-activity {
        min-width: 200px;
        position: relative; }
        .activity-table table tbody tr td .team-activity .activity-data .user-activity .rounded-circle {
          border: 1px dashed #86909C; }
        .activity-table table tbody tr td .team-activity .activity-data .user-activity::before {
          content: '';
          height: 100%;
          width: 2px;
          background-color: #E6E9EB;
          position: absolute;
          top: 0px;
          right: 0px; }
      .activity-table table tbody tr td .team-activity .activity-data .activity-time {
        min-width: 120px;
        position: relative; }
        .activity-table table tbody tr td .team-activity .activity-data .activity-time span::before {
          content: '';
          height: 4px;
          width: 4px;
          background-color: #E6E9EB;
          position: absolute;
          top: 8px;
          left: -9px;
          border-radius: 15px; }
      .activity-table table tbody tr td .team-activity .activity-data a {
        color: #051A1A !important; }
      .activity-table table tbody tr td .team-activity .activity-data:hover a {
        color: var(--theme-deafult) !important; }
  .activity-table table tbody tr td:last-child:before {
    display: none; }

.visited-dropdown {
  padding: 8px;
  border: 1px solid #E6E9EB;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .visited-dropdown svg {
    height: 25px;
    width: 25px; }

.tranaction-table thead {
  background-color: rgba(230, 233, 235, 0.3); }
  .tranaction-table thead tr th {
    padding: 20px; }
    .tranaction-table thead tr th:nth-child(1) {
      min-width: 160px; }
    .tranaction-table thead tr th:nth-child(2) {
      min-width: 150px;
      padding: 20px 0px; }
    .tranaction-table thead tr th:nth-child(3) {
      min-width: 130px;
      padding: 20px 0px; }
    .tranaction-table thead tr th:nth-child(4) {
      min-width: 100px;
      padding: 20px 0px; }
    .tranaction-table thead tr th:nth-child(5) {
      min-width: 50px; }
    .tranaction-table thead tr th:first-child {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important; }
    .tranaction-table thead tr th:last-child {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }

.tranaction-table tbody tr {
  border-bottom: 1px solid #E6E9EB; }
  .tranaction-table tbody tr td {
    padding-top: 17px;
    padding-bottom: 17px; }
    .tranaction-table tbody tr td .status-process {
      border-radius: 15px;
      padding: 12px; }
    .tranaction-table tbody tr td:last-child .product-sub {
      text-align: center; }
  .tranaction-table tbody tr:last-child {
    border: none; }
    .tranaction-table tbody tr:last-child td {
      padding-bottom: 0px; }

.tranaction-table tbody tr:hover td a {
  color: var(--theme-deafult) !important; }

@media (max-width: 1799px) {
  .table-order .tranaction-table thead tr th:nth-child(2) {
    display: none; }
  .table-order .tranaction-table tbody tr td:nth-child(2) {
    display: none; }
  .total-revenue .sales-chart-dropdown {
    display: none; }
  .revenuegrowth-details .growth-details p:last-child {
    display: none; }
  .selling-product .balance-data {
    flex-wrap: wrap;
    justify-content: center; }
    .selling-product .balance-data li {
      display: none; }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px; }
  .team-activity ul li.activity-data .activity-time {
    min-width: 90px; }
  .team-activity ul li.activity-data .subtitle {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .top-product-card .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1699px) {
  .activity-table table tbody tr td .team-activity .activity-data .user-activity {
    min-width: 77px; }
    .activity-table table tbody tr td .team-activity .activity-data .user-activity .username {
      display: none !important; }
  .deliveries-percentage .percentage-data .progress-value {
    display: none; }
  .deliveries-percentage .percentage-data .progress {
    display: none; }
  .deliveries-percentage .percentage-data .progress-value {
    justify-content: center; }
  .top-product-card ul li .top-product img {
    height: 40px;
    width: 60px; }
  .top-product-card ul li .product-details a {
    color: #051A1A !important; }
  .boost-up-card .img-boostup {
    right: 200px; }
    .boost-up-card .img-boostup .img-boostup-img-2 {
      position: absolute;
      top: 100px;
      left: -61px;
      height: 187px; } }

@media (max-width: 1599px) {
  row justify-content-center
.activity-table table tbody tr td .team-activity .activity-data .user-activity {
    min-width: 195px; }
    row justify-content-center
.activity-table table tbody tr td .team-activity .activity-data .user-activity .username {
      display: none !important; }
  .new-user ul li a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .deliveries-percentage .percentage-data .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .top-product-card ul li.top-product .product-details {
    max-width: 120px; }
  .top-product-card ul li.top-product .product-items {
    max-width: 195px; }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px; }
  .team-activity ul li.activity-data .activity-time {
    min-width: 90px; } }

@media (max-width: 1399px) {
  .selling-product .balance-data li {
    display: block; }
  .deliveries-percentage table.percentage-data thead tr th:nth-child(2) {
    display: none; }
  .deliveries-percentage table.percentage-data tbody td:nth-child(2) {
    display: none; }
  .revenuegrowth .revenuegrowth-chart::before {
    display: none; }
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .boostup-name h6 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 85px; } }

@media (max-width: 1199px) {
  .table-order .tranaction-table thead tr th:nth-child(2) {
    display: block !important; }
  .table-order .tranaction-table tbody tr td:nth-child(2) {
    display: block !important; }
  .activity-table table {
    overflow: auto !important; }
  .deliveries-percentage table.percentage-data tbody tr td {
    min-width: 178px; }
  .top-product-card .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .top-product-card ul li.top-product:last-child {
    display: none !important; }
  .top-product-card ul li.top-product:nth-child(3) {
    border: none; }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px; }
  .team-activity ul li.activity-data .activity-time {
    min-width: 95px; }
  .team-activity ul li.activity-data .subtitle {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 767px) {
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 110px; } }

@media (max-width: 575.98px) {
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media only screen and (max-width: 480px) {
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 95px; }
  .revenuegrowth {
    margin-bottom: -18px; } }

@media only screen and (max-width: 375px) {
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 116px; } }

/**=====================
  3.10 Dashboard_3 CSS Ends
==========================**/
/**=====================
  3.13 Dashboard_default CSS Start
==========================**/
.form-control-plaintext {
  width: auto !important; }

@keyframes bounce-effect {
  0% {
    transform: translateY(0);
    transition: 0.5s; }
  50% {
    transform: translateY(-5px);
    transition: 0.5s; }
  100% {
    transform: translateY(0);
    transition: 0.5s; } }

@keyframes round {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.badge-light-primary {
  background-color: #29ffff; }
  .badge-light-primary span {
    color: #006666 !important; }

.badge-light-secondary {
  background-color: white; }
  .badge-light-secondary span {
    color: #FE6A49 !important; }

.badge-light-success {
  background-color: #6fffa9; }
  .badge-light-success span {
    color: #00AC46 !important; }

.badge-light-danger {
  background-color: white; }
  .badge-light-danger span {
    color: #FE6A49 !important; }

.badge-light-info {
  background-color: #6e96e3; }
  .badge-light-info span {
    color: #173878 !important; }

.badge-light-light {
  background-color: #b7b7c9; }
  .badge-light-light span {
    color: #52526c !important; }

.badge-light-dark {
  background-color: #8490a9; }
  .badge-light-dark span {
    color: #2c323f !important; }

.badge-light-warning {
  background-color: #fff3dc; }
  .badge-light-warning span {
    color: #FFAE1A !important; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.table thead th {
  border-bottom: 2px solid #ecf3fa; }

@media (max-width: 1712px) {
  .overall-card .balance-card {
    padding: 12px; } }

@media (max-width: 1662px) and (min-width: 1600px) {
  .overall-card .col-xl-9 {
    width: 73%; }
  .overall-card .col-xl-3 {
    width: 27%; } }

@media (max-width: 1650px) and (min-width: 1600px) {
  .overall-card .col-xl-9 {
    width: 72%; }
  .overall-card .col-xl-3 {
    width: 28%; } }

@media (max-width: 1600px) and (min-width: 1500px) {
  .overall-card .col-xl-9 {
    width: 70%; }
  .overall-card .col-xl-3 {
    width: 30%; } }

@media (max-width: 1500px) and (min-width: 1200px) {
  .overall-card .col-xl-9 {
    width: 65%; }
  .overall-card .col-xl-3 {
    width: 35%; } }

/* Clock styles */
.clockbox {
  margin-bottom: -5px; }
  .clockbox svg {
    width: 45px;
    height: 45px; }
    @media (max-width: 767px) {
      .clockbox svg {
        height: 36px; } }
.circle {
  fill: #fff;
  stroke: rgba(255, 255, 255, 0.4);
  stroke-width: 80px;
  stroke-miterlimit: 10; }

.mid-circle {
  fill: #000; }

.hour-marks {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 9;
  stroke-miterlimit: 10; }

.hour-hand {
  fill: none;
  stroke: #ff7e00;
  stroke-width: 17;
  stroke-miterlimit: 10; }

.minute-hand {
  fill: none;
  stroke: #ff7e00;
  stroke-width: 11;
  stroke-miterlimit: 10; }

.second-hand {
  fill: none;
  stroke: #FFAE1A;
  stroke-width: 15px;
  stroke-miterlimit: 10; }

.sizing-box {
  fill: none; }

#hour,
#minute,
#second {
  transform-origin: 300px 300px;
  transition: transform .5s ease-in-out; }

@media (min-width: 1400px) {
  .widget-grid .height-equal {
    min-height: unset !important; } }

@media (min-width: 1400px) {
  .widget-grid > .col-xxl-auto {
    width: 22.22%; } }

.order-chart > div {
  margin-top: -25px;
  margin-bottom: -43px; }

.order-chart svg path {
  clip-path: inset(7% 0% 0% 0% round 0.6rem); }

.growth-wrap .card-header {
  position: relative;
  z-index: 1; }

.growth-wrapper > div {
  margin-top: -54px;
  margin-bottom: -25px; }
  @media (max-width: 1481px) {
    .growth-wrapper > div {
      margin-top: -50px; } }
.profit-chart > div {
  margin-top: -45px;
  margin-bottom: -48px; }

.profit-chart .apexcharts-canvas .apexcharts-tooltip-text-label {
  display: none; }

.card .card-footer .common-space a {
  color: #051A1A; }

.card .card-footer .common-space:hover a {
  color: #006666; }

.sales-wrapper .apexcharts-xaxistooltip {
  display: none; }

.total-order .apexcharts-xaxistooltip {
  display: none; }

.sales-chart {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.sales-chart-dropdown {
  display: flex;
  gap: 15px;
  align-items: center; }
  .sales-chart-dropdown .sales-chart-dropdown-select {
    display: flex;
    justify-content: end;
    gap: 15px; }

.total-revenue {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .total-revenue span {
    font-weight: 500; }
  .total-revenue .update-data {
    position: relative; }
    .total-revenue .update-data::before {
      content: "";
      position: absolute;
      height: 4px;
      width: 4px;
      bottom: 3px;
      left: -15px;
      bottom: 9px;
      border-radius: 15px;
      background-color: #86909C; }
  .total-revenue a {
    font-weight: 600; }

.total-chart {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: -45px;
  margin-top: -20px; }
  .total-chart .data-grow svg {
    width: 24px;
    height: 24px;
    cursor: pointer; }
  .total-chart .data-grow span {
    color: #051A1A; }

.special-Offer {
  background-image: url(/../images/dashboard/Banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 363px;
  border-radius: 8px;
  width: 100%;
  background-position: center; }
  .special-Offer h4 {
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    text-align: center; }
  .special-Offer p {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center; }
  .special-Offer .offer-contain {
    padding-top: 45px;
    text-align: center; }
    .special-Offer .offer-contain p {
      margin: 0px 20px; }

.ecommerce-banner {
  background-image: url(/../images/dashboard/Dashboard-Ecommerce-banner.gif);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 190px; }

.product-widget:hover {
  transform: translateY(-5px);
  transition: 0.5s; }

.new-product {
  padding: 16px !important; }
  .new-product svg {
    cursor: pointer; }
  .new-product:hover .product-cost .add-product svg {
    animation: tada 1.5s ease infinite; }
  .new-product .product-icon {
    height: 50px;
    width: 50px;
    border-radius: 6px; }
  .new-product .product-cost {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .new-product .product-cost .add-product {
      display: flex;
      align-items: center;
      gap: 16px; }
      .new-product .product-cost .add-product h6 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .new-product .product-cost .add-product span {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
    .new-product .product-cost .product-icon svg {
      height: 25px;
      margin: 12px;
      width: 25px; }

.product-costing {
  margin-bottom: 14px;
  border-bottom: 1px dashed #E6E9EB; }
  .product-costing p {
    font-size: 14px;
    font-weight: 500; }
  .product-costing span {
    margin-bottom: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .product-costing:last-child {
    border: none;
    margin-bottom: 0px; }
    .product-costing:last-child span {
      margin-bottom: 0px; }
  .product-costing .product-icon {
    height: 50px;
    width: 50px;
    border-radius: 6px; }
  .product-costing:last-child .costing-span {
    margin-bottom: 0px; }
  .product-costing .product-cost {
    display: flex;
    gap: 15px;
    margin-bottom: 8px; }
    .product-costing .product-cost .product-icon svg {
      height: 25px;
      margin: 12px;
      width: 25px;
      cursor: pointer; }
  .product-costing:hover .product-cost svg {
    animation: tada 1.5s ease infinite; }

.sale-history-card {
  margin-bottom: 16px;
  border-bottom: 1px solid #E6E9EB; }
  .sale-history-card:last-child {
    margin-bottom: 0px;
    border: none; }
  .sale-history-card:hover .history-price a {
    color: #006666 !important; }
  .sale-history-card .history-price {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .sale-history-card .history-price a {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: #051A1A; }
  .sale-history-card:last-child .state-time {
    margin-bottom: 0px; }
  .sale-history-card .state-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px; }

.table-order .order-table-images {
  height: 35px; }

.table-order .product-name {
  display: flex;
  align-items: center;
  gap: 15px; }
  .table-order .product-name img {
    border-radius: 4px; }

.table-order .invoice-icon {
  height: 24px;
  width: 24px; }

.table-order .latest-orders thead {
  background-color: rgba(230, 233, 235, 0.3); }
  .table-order .latest-orders thead tr th {
    padding: 20px; }
    .table-order .latest-orders thead tr th:nth-child(1) {
      min-width: 190px; }
    .table-order .latest-orders thead tr th:nth-child(2) {
      min-width: 200px;
      padding: 20px 0px; }
    .table-order .latest-orders thead tr th:nth-child(3) {
      min-width: 130px;
      padding: 20px 0px; }
    .table-order .latest-orders thead tr th:nth-child(4) {
      min-width: 90px;
      padding: 20px 0px; }
    .table-order .latest-orders thead tr th:nth-child(5) {
      min-width: 50px; }
    .table-order .latest-orders thead tr th:first-child {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important; }
    .table-order .latest-orders thead tr th:last-child {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }

.table-order .latest-orders tbody tr {
  border-bottom: 1px solid #E6E9EB; }
  .table-order .latest-orders tbody tr td {
    padding-top: 17px;
    padding-bottom: 17px; }
    .table-order .latest-orders tbody tr td:nth-child(4) .badge {
      padding: 7px 18px; }
    .table-order .latest-orders tbody tr td:last-child {
      text-align: center; }
    .table-order .latest-orders tbody tr td p {
      color: var(--body-font-color);
      font-weight: 500; }
    .table-order .latest-orders tbody tr td .status-process {
      border-radius: 15px;
      padding: 12px; }
    .table-order .latest-orders tbody tr td:last-child .product-sub {
      text-align: center; }
  .table-order .latest-orders tbody tr:last-child {
    border: none; }
    .table-order .latest-orders tbody tr:last-child td {
      padding-bottom: 0px;
      overflow: hidden; }

.table-order .latest-orders tbody tr td a {
  color: #051A1A; }

.table-order .latest-orders tbody tr:hover td a {
  color: var(--theme-deafult) !important; }

.table-order .order-table thead {
  background-color: rgba(230, 233, 235, 0.3); }
  .table-order .order-table thead tr th {
    padding: 20px; }
    .table-order .order-table thead tr th:nth-child(1) {
      min-width: 190px; }
    .table-order .order-table thead tr th:nth-child(2) {
      min-width: 200px;
      padding: 20px 0px; }
    .table-order .order-table thead tr th:nth-child(3) {
      min-width: 130px;
      padding: 20px 0px; }
    .table-order .order-table thead tr th:nth-child(4) {
      min-width: 90px;
      padding: 20px 0px; }
    .table-order .order-table thead tr th:nth-child(5) {
      min-width: 50px; }
    .table-order .order-table thead tr th:first-child {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important; }
    .table-order .order-table thead tr th:last-child {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }

.table-order .order-table tbody tr {
  border-bottom: 1px solid #E6E9EB; }
  .table-order .order-table tbody tr td {
    padding-top: 17px;
    padding-bottom: 17px; }
    .table-order .order-table tbody tr td:nth-child(4) .badge {
      padding: 9px 18px; }
    .table-order .order-table tbody tr td:last-child {
      text-align: center; }
    .table-order .order-table tbody tr td p {
      color: var(--body-font-color);
      font-weight: 500; }
    .table-order .order-table tbody tr td .status-process {
      border-radius: 15px;
      padding: 12px; }
    .table-order .order-table tbody tr td:last-child .product-sub {
      text-align: center; }
  .table-order .order-table tbody tr:last-child {
    border: none; }
    .table-order .order-table tbody tr:last-child td {
      padding-bottom: 0px; }

.table-order .order-table tbody tr td a {
  color: #051A1A; }

.table-order .order-table tbody tr:hover td .product-name .product-sub a {
  color: var(--theme-deafult) !important; }

.revenueproductwidget {
  margin: 230px 0px 0px 0px; }

.revenueproduct .apexcharts-canvas .apexcharts-legend {
  display: flex;
  flex-direction: column;
  gap: 5px; }

.revenueproduct .apexcharts-canvas .apexcharts-legend-marker {
  border-radius: 4px !important; }

.revenueproduct .apexcharts-canvas .apexcharts-legend-text {
  font-size: 14px !important; }

.widget-1 {
  background-image: url(/../images/dashboard/widget-bg.png);
  background-size: cover;
  margin-bottom: 25px; }
  .widget-1 i {
    font-weight: 700;
    font-size: 12px; }
  .widget-1 .f-w-500 {
    display: flex;
    align-items: center; }
    @media (max-width: 1580px) and (min-width: 1200px) {
      .widget-1 .f-w-500 {
        display: none; } }
  .widget-1 .card-body {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 18px 25px; }
    @media (max-width: 1720px) {
      .widget-1 .card-body {
        padding: 18px; } }
  .widget-1 .widget-round {
    position: relative;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-radius: 100%; }
    .widget-1 .widget-round .bg-round {
      width: 56px;
      height: 56px;
      box-shadow: 1px 2px 21px -2px rgba(214, 214, 227, 0.83);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      margin: 6px;
      position: relative;
      z-index: 1; }
      .widget-1 .widget-round .bg-round svg {
        width: 24px;
        height: 24px; }
      .widget-1 .widget-round .bg-round .half-circle {
        height: 52px;
        position: absolute;
        left: -9px;
        width: 35px;
        bottom: -8px;
        background: #fff;
        z-index: -1; }
      @media (max-width: 1600px) {
        .widget-1 .widget-round .bg-round {
          width: 40px;
          height: 40px; }
          .widget-1 .widget-round .bg-round svg {
            width: 22px;
            height: 22px; }
          .widget-1 .widget-round .bg-round .half-circle {
            height: 40px;
            left: -10px;
            width: 30px;
            bottom: -8px; } }
    .widget-1 .widget-round.primary {
      border-color: var(--theme-deafult); }
    .widget-1 .widget-round.secondary {
      border-color: var(--theme-secondary); }
    .widget-1 .widget-round.success {
      border-color: #00AC46; }
    .widget-1 .widget-round.warning {
      border-color: #FFAE1A; }
  .widget-1 .widget-content {
    display: flex;
    align-items: center;
    gap: 15px; }
    @media (max-width: 1600px) {
      .widget-1 .widget-content {
        gap: 10px; } }
    .widget-1 .widget-content h4 {
      margin-bottom: 4px; }
  .widget-1:hover {
    transform: translateY(-5px);
    transition: 0.5s; }
    .widget-1:hover .widget-round .svg-fill:not(.half-circle) {
      animation: tada 1.5s ease infinite; }

.widget-with-chart .card-body {
  align-items: center; }

.profile-box {
  background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%);
  color: #fff; }
  .profile-box .cartoon {
    position: absolute;
    bottom: -15px;
    right: 20px;
    animation: bounce-effect 5s infinite ease-in; }
    [dir="rtl"] .profile-box .cartoon {
      right: unset !important;
      left: 5px; }
    @media (max-width: 1660px) {
      .profile-box .cartoon {
        right: 30px;
        text-align: right; }
        [dir="rtl"] .profile-box .cartoon {
          left: -6px;
          text-align: left; }
        .profile-box .cartoon img {
          width: 80%; } }
    @media (max-width: 1500px) {
      .profile-box .cartoon img {
        width: 60%; } }
    @media (max-width: 767px) {
      .profile-box .cartoon {
        right: 10px; }
        [dir="rtl"] .profile-box .cartoon {
          left: -10px; }
        .profile-box .cartoon img {
          width: 52%; } }
    @media (max-width: 575px) {
      .profile-box .cartoon {
        right: 30px; }
        [dir="rtl"] .profile-box .cartoon {
          left: 10px; }
        .profile-box .cartoon img {
          width: 48%; } }
  .profile-box .greeting-user p {
    width: 60%; }
    @media (max-width: 1500px) {
      .profile-box .greeting-user p {
        width: 70%; } }
    @media (max-width: 1199px) {
      .profile-box .greeting-user p {
        width: 80%; } }
    @media (max-width: 767px) {
      .profile-box .greeting-user p {
        width: 98%; } }
    @media (max-width: 600px) {
      .profile-box .greeting-user p {
        width: 100%; } }
    @media (max-width: 575px) {
      .profile-box .greeting-user p {
        width: 98%; } }
  .profile-box .whatsnew-btn {
    margin-top: 3.5rem; }
    @media (max-width: 1500px) {
      .profile-box .whatsnew-btn {
        margin-top: 1.7rem; } }
    @media (max-width: 991px) {
      .profile-box .whatsnew-btn {
        margin-top: 3.5rem; } }
    @media (max-width: 638px) {
      .profile-box .whatsnew-btn {
        margin-top: 2rem; } }
    @media (max-width: 767px) {
      .profile-box .whatsnew-btn .btn {
        padding: 6px 10px; } }
.header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px; }
  .header-top a i {
    font-size: 11px;
    margin-bottom: -2px; }
  .header-top a.btn {
    padding: 8px 12px; }
    @media (max-width: 575px) {
      .header-top a.btn {
        padding: 5px; } }
    .header-top a.btn.badge-light-primary:hover {
      background-color: var(--theme-deafult); }

.user-details {
  display: flex;
  align-items: center;
  gap: 15px; }
  @media (max-width: 1399px) {
    .user-details {
      gap: 6px; } }
  .user-details .customers {
    width: 200px; }
  @media (max-width: 575px) {
    .user-details {
      flex-wrap: wrap; } }
.papernote-wrap .banner-img {
  border-radius: 15px;
  width: 100%; }

.papernote-wrap .note-labels {
  display: flex;
  align-items: center; }
  .papernote-wrap .note-labels > * {
    padding: 3px 0; }
  .papernote-wrap .note-labels ul {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap; }
    @media (max-width: 575px) {
      .papernote-wrap .note-labels ul {
        gap: 4px; } }
  .papernote-wrap .note-labels .badge {
    font-size: 14px;
    padding: 6px 12px; }
    @media (max-width: 575px) {
      .papernote-wrap .note-labels .badge {
        font-size: 12px;
        padding: 5px 6px; } }
  .papernote-wrap .note-labels .last-label {
    padding-left: 16px;
    margin-left: 16px;
    border-left: 1px dashed rgba(255, 255, 255, 0.7); }
    [dir="rtl"] .papernote-wrap .note-labels .last-label {
      padding-left: unset;
      margin-left: unset;
      margin-right: 16px;
      padding-right: 16px;
      border-left: none;
      border-right: 1px dashed rgba(255, 255, 255, 0.7); }
    @media (max-width: 575px) {
      .papernote-wrap .note-labels .last-label {
        padding-left: 8px;
        margin-left: 8px; }
        [dir="rtl"] .papernote-wrap .note-labels .last-label {
          margin-right: 8px;
          padding-right: 8px; } }
.papernote-wrap .light-card {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--light2);
  border: 1px solid rgba(255, 255, 255, 0.2); }

.appointment-sec .card-header-right-icon select {
  background-color: rgba(0, 102, 102, 0.08) !important;
  border: none;
  color: var(--theme-deafult) !important;
  width: auto !important;
  height: 32px !important;
  border-radius: 10px;
  padding: 5px 10px;
  line-height: 50px !important;
  font-weight: 500;
  border: none;
  outline: none !important; }
  .appointment-sec .card-header-right-icon select:hover {
    background-color: rgba(0, 102, 102, 0.08) !important;
    color: var(--theme-deafult) !important; }

.appointment-sec .bottom-btn {
  text-align: center; }
  .appointment-sec .bottom-btn a {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.3px;
    text-decoration-line: underline;
    text-transform: uppercase; }

.notification ul {
  position: relative; }
  .notification ul::before {
    position: absolute;
    content: "";
    border: 1px dashed #E6E9EB;
    opacity: 0.3;
    top: 12px;
    left: 2px;
    height: calc(100% - 12px); }
    [dir="rtl"] .notification ul::before {
      left: unset;
      right: 2px; }

.notification li {
  padding-bottom: 22px; }

.notification div[class*="activity-dot-"] {
  margin-top: 12px;
  animation: round 1.3s ease-in-out infinite; }

.notification .card .d-flex .w-100 p .badge {
  color: #fff;
  margin-left: 10px;
  font-weight: 500; }

.notification .card .d-flex .w-100 h6 {
  margin-bottom: 5px;
  position: relative; }
  .notification .card .d-flex .w-100 h6 ~ p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-emphasis: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 260px; }
    @media (max-width: 767px) {
      .notification .card .d-flex .w-100 h6 ~ p {
        -webkit-line-clamp: unset;
        text-emphasis: unset;
        white-space: unset;
        text-overflow: unset;
        display: block;
        width: unset;
        overflow: visible; } }
@keyframes round {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.notification .card .d-flex .w-100 span {
  color: #FFFFFF; }

.notification .card .d-flex:nth-child(2) .media-body h6 .dot-notification {
  background-color: #FFAE1A;
  border: 5px solid #ffe4b3; }

.notification .card .d-flex:last-child {
  margin-bottom: 0 !important; }

.notification .date-content {
  padding: 4px 8px;
  border-radius: 5px; }

.schedule-container > div {
  margin-bottom: -40px; }

.schedule-container svg path {
  clip-path: inset(1% 0% 0% 0% round 1.5rem); }

.purchase-card {
  text-align: center;
  margin-top: 200px; }
  @media (max-width: 1560px) {
    .purchase-card {
      margin-top: 170px; } }
  @media (max-width: 1399px) {
    .purchase-card {
      margin-top: 160px; } }
  @media (max-width: 500px) {
    .purchase-card {
      margin-top: 110px; } }
  @media (max-width: 420px) {
    .purchase-card {
      margin-top: 90px; } }
  .purchase-card img {
    margin-top: -208px; }
    @media (max-width: 1560px) {
      .purchase-card img {
        margin-top: -170px; } }
    @media (max-width: 1399px) {
      .purchase-card img {
        width: 70%;
        margin: -160px auto 0 auto; } }
    @media (max-width: 1366px) {
      .purchase-card img {
        width: 76%; } }
    @media (max-width: 1199px) {
      .purchase-card img {
        width: 86%; } }
    @media (max-width: 991px) {
      .purchase-card img {
        width: 72%; } }
    @media (max-width: 767px) {
      .purchase-card img {
        width: 50%; } }
    @media (max-width: 500px) {
      .purchase-card img {
        margin-top: -110px; } }
    @media (max-width: 420px) {
      .purchase-card img {
        margin-top: -90px;
        width: 60%; } }
  .purchase-card .purchase-btn {
    min-width: auto; }

.user-list {
  column-count: 2;
  column-rule-style: dashed;
  column-rule-color: rgba(255, 255, 255, 0.7);
  column-gap: 120px;
  column-rule-width: 1px; }
  @media (max-width: 1780px) {
    .user-list {
      column-gap: 80px; } }
  @media (max-width: 1660px) {
    .user-list {
      column-gap: 40px; } }
  @media (max-width: 360px) {
    .user-list {
      column-gap: 25px; } }
  .user-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%; }
    @media (max-width: 1540px) {
      .user-list li {
        gap: 5px; } }
    .user-list li i {
      font-size: 12px;
      font-weight: 700; }
    @media (max-width: 360px) {
      .user-list li h5 {
        font-size: 16px; } }
    @media (max-width: 360px) {
      .user-list li span {
        font-size: 13px; } }
    .user-list li:hover .user-box svg {
      animation: tada 1.5s ease infinite; }
  .user-list .user-icon {
    border-radius: 100%;
    display: inline-block; }
    .user-list .user-icon .user-box {
      margin: 3px;
      width: 47px;
      height: 47px;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 1540px) {
        .user-list .user-icon .user-box {
          width: 30px;
          height: 30px; }
          .user-list .user-icon .user-box svg {
            width: 18px;
            height: 18px; } }
    .user-list .user-icon.primary {
      border: 1px solid #006666; }
      .user-list .user-icon.primary .user-box {
        background: #00e6e6; }
    .user-list .user-icon.success {
      border: 1px solid #00AC46; }
      .user-list .user-icon.success .user-box {
        background: #79ffb0; }

.appointment-table table tr td {
  position: relative;
  border-top: none;
  padding: 15px 0;
  vertical-align: middle; }
  .appointment-table table tr td:first-child {
    width: 50px; }
  .appointment-table table tr td .status-circle {
    top: 1px;
    left: 35px;
    border-width: 3px; }
  .appointment-table table tr td p,
  .appointment-table table tr td .btn {
    font-weight: 500;
    font-size: 12px; }
  .appointment-table table tr td .btn {
    padding: 4px 12px; }

.appointment-table table tr .img-content-box a {
  color: var(--body-font-color);
  transition: 0.5s;
  display: inline-block !important; }

.appointment-table table tr .img-content-box span {
  display: block; }

.appointment-table table tr:hover .img-content-box a {
  color: var(--theme-deafult);
  transition: 0.5s; }

.appointment-table table tr:first-child td {
  padding-top: 0 !important; }

.appointment-table table tr:last-child td {
  padding-bottom: 0 !important; }

.appointment-table.customer-table table tr td {
  padding: 10px 0; }
  .appointment-table.customer-table table tr td img {
    min-width: 40px; }

.icon-box {
  width: 50px;
  height: 32px;
  background-color: rgba(0, 102, 102, 0.08);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .icon-box i {
    color: var(--theme-deafult);
    font-size: 22px; }
  .icon-box svg {
    stroke: var(--theme-deafult); }

.balance-card {
  display: flex;
  padding: 15px;
  border-radius: 5px;
  gap: 15px;
  transition: 0.5s; }
  @media (max-width: 1199px) {
    .balance-card {
      gap: 8px; } }
  .balance-card .svg-box {
    width: 43px;
    height: 43px;
    background: #fff;
    box-shadow: 0px 71.2527px 51.5055px rgba(229, 229, 245, 0.189815), 0px 42.3445px 28.0125px rgba(229, 229, 245, 0.151852), 0px 21.9866px 14.2913px rgba(229, 229, 245, 0.125), 0px 8.95749px 7.16599px rgba(229, 229, 245, 0.0981481), 0px 2.03579px 3.46085px rgba(229, 229, 245, 0.0601852);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 1199px) {
      .balance-card .svg-box {
        width: 35px;
        height: 35px; } }
    .balance-card .svg-box svg {
      height: 20px;
      fill: rgba(255, 255, 255, 0.85); }
      @media (max-width: 1199px) {
        .balance-card .svg-box svg {
          height: 17px; } }
.btn-light-secondary {
  background-color: rgba(var(--theme-secondary), 0.1);
  font-size: 12px;
  padding: 6px 12px;
  font-weight: 600; }

.crm-activity > li + li {
  border-top: 1px solid #efefef;
  margin-top: 10px;
  padding-top: 10px; }
  .crm-activity > li + li h6 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px; }

.crm-activity > li h6 {
  font-size: 14px; }

.crm-activity span {
  font-size: 40px; }

.crm-activity ul.dates h6 {
  color: #051A1A; }

.crm-activity ul.dates li {
  color: #FFFFFF;
  font-size: 12px;
  display: inline-block;
  line-height: 1; }
  .crm-activity ul.dates li + li {
    border-left: 1px solid #efefef;
    padding-left: 10px;
    margin-left: 5px; }

.fill-primary {
  fill: #006666; }

.fill-secondary {
  fill: #FE6A49; }

.fill-success {
  fill: #00AC46; }

.fill-warning {
  fill: #FFAE1A; }

.fill-info {
  fill: #173878; }

.fill-danger {
  fill: #FE6A49; }

.ecommerce-widget {
  box-shadow: none;
  border: 1px solid #f1f3ff !important;
  border-radius: 5px; }
  .ecommerce-widget .total-num {
    color: #051A1A;
    margin: 0;
    letter-spacing: 1px; }
    .ecommerce-widget .total-num span {
      color: #000; }
  .ecommerce-widget .row {
    align-items: center; }
  .ecommerce-widget .progress-showcase {
    margin-top: 30px; }
  .ecommerce-widget span {
    color: #FFFFFF;
    margin: 0;
    cursor: pointer; }
  .ecommerce-widget .icon {
    color: #efefef;
    font-size: 40px; }
  .ecommerce-widget .flot-chart-container {
    height: 100px;
    padding: 0;
    margin: 0;
    border: transparent; }
  .ecommerce-widget .morris-default-style {
    display: none !important; }
  .ecommerce-widget svg {
    -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3)); }

.redial-social-widget {
  border-radius: 100%;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  margin: 0 auto;
  background-image: linear-gradient(90deg, #E6E9EB 50%, transparent 50%, transparent), linear-gradient(90deg, #ecf3fa 50%, #E6E9EB 50%, #E6E9EB); }
  .redial-social-widget i {
    background-color: #fff;
    height: 80px;
    width: 80px;
    border-radius: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; }
  .redial-social-widget.radial-bar-70 {
    background-image: linear-gradient(342deg, var(--theme-deafult) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--theme-deafult) 50%, #E6E9EB 50%, #E6E9EB); }

.browser-widget:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  transition: all 0.3s ease;
  transform: scale(1.1) rotate(5deg); }

.browser-widget img {
  height: 80px;
  filter: grayscale(100%);
  transform: scale(1) rotate(0deg);
  transition: all 0.3s ease; }

.browser-widget .media-body {
  text-align: center;
  column-count: 3;
  column-rule: 1px solid #E6E9EB; }
  .browser-widget .media-body p {
    margin-bottom: 5px; }
  .browser-widget .media-body span {
    margin-bottom: 0;
    color: #FFFFFF; }
  .browser-widget .media-body h4 {
    color: #051A1A;
    margin-bottom: 0;
    font-size: 18px; }
    .browser-widget .media-body h4 span {
      color: #333333; }

.testimonial i {
  font-size: 60px;
  color: rgba(43, 43, 43, 0.7);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.1;
  z-index: -1; }

.testimonial p {
  color: #FFFFFF;
  font-style: italic;
  margin-bottom: 30px;
  margin-top: 30px; }

.testimonial h5 {
  color: #051A1A;
  padding-top: 10px; }

.testimonial span {
  color: #FFFFFF; }

.testimonial img {
  margin: 0 auto; }

.widget-charts .widget-1 .card-body {
  padding: 30px 25px; }

.chart-widget-top #chart-widget1,
.chart-widget-top #chart-widget2,
.chart-widget-top #chart-widget3 {
  margin-bottom: -14px; }
  .chart-widget-top #chart-widget1 .apexcharts-xaxistooltip,
  .chart-widget-top #chart-widget2 .apexcharts-xaxistooltip,
  .chart-widget-top #chart-widget3 .apexcharts-xaxistooltip {
    display: none; }

.chart-widget-top span {
  color: #6C757D; }

.bar-chart-widget .apexcharts-legend {
  bottom: 0 !important; }
  .bar-chart-widget .apexcharts-legend .apexcharts-legend-series {
    margin: 0 10px !important; }
  .bar-chart-widget .apexcharts-legend .apexcharts-legend-marker {
    margin-right: 5px; }

.bar-chart-widget .top-content {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.bar-chart-widget .earning-details {
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  display: flex;
  letter-spacing: 1px; }
  .bar-chart-widget .earning-details i {
    font-size: 230px;
    position: absolute;
    opacity: 0.1;
    right: -30px;
    top: 0; }
    .bar-chart-widget .earning-details i:hover {
      transform: rotate(-5deg) scale(1.1);
      transition: all 0.3s ease; }

.bar-chart-widget .num {
  font-weight: 600; }
  .bar-chart-widget .num .color-bottom {
    color: #000; }

.skill-chart {
  margin-bottom: -48px; }
  .skill-chart .apexcharts-legend .apexcharts-legend-series span {
    display: block; }
  .skill-chart .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text {
    margin: 10px 0 20px; }

.progress-chart {
  margin: -11px 0 -20px; }
  .progress-chart .apexcharts-canvas svg path,
  .progress-chart .apexcharts-canvas svg rect {
    clip-path: inset(1% 0% 0% 0% round 1rem); }

.bottom-content span {
  color: #FFFFFF; }

.bottom-content .block-bottom {
  display: block; }

@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -30px; } }

@-webkit-keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0; }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px; } }

@keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0; }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px; } }

@-webkit-keyframes am-draw {
  0% {
    stroke-dashoffset: 500%; }
  100% {
    stroke-dashoffset: 0; } }

@keyframes am-draw {
  0% {
    stroke-dashoffset: 500%; }
  100% {
    stroke-dashoffset: 0; } }

.serial-chart .chart-container {
  width: 100%;
  height: 500px; }
  .serial-chart .chart-container .lastBullet {
    animation: am-pulsating 1s ease-out infinite; }
  .serial-chart .chart-container .amcharts-graph-column-front {
    transition: all .3s .3s ease-out; }
    .serial-chart .chart-container .amcharts-graph-column-front:hover {
      fill: var(--theme-secondary);
      stroke: var(--theme-secondary);
      transition: all .3s ease-out; }
  .serial-chart .chart-container .amcharts-graph-g3 {
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    animation: am-draw 40s; }
  .serial-chart .chart-container .amcharts-graph-g2 .amcharts-graph-stroke {
    stroke-dasharray: 3px 3px;
    stroke-linejoin: round;
    stroke-linecap: round;
    animation: am-moving-dashes 1s linear infinite; }

.chart-container .apexcharts-xaxis-label,
.chart-container .apexcharts-yaxis-label {
  font-size: 14px !important;
  color: #6C757D !important; }

.chart-container .apexcharts-xaxis-annotations rect {
  clip-path: inset(1% 0% 0% 0% round 0.2rem); }

.crypto-chart {
  margin-left: -20px; }
  .crypto-chart .apexcharts-tooltip-title {
    display: none; }
  .crypto-chart .apexcharts-tooltip-series-group:last-child, .crypto-chart .apexcharts-tooltip-series-group.active {
    padding-bottom: 0; }

.speed-chart .chart-container {
  width: 100%;
  height: 530px; }

.speed-chart .content {
  margin-top: -200px;
  margin-bottom: 20px; }
  .speed-chart .content h4 {
    font-weight: 600;
    padding-top: 2px; }

.status-widget svg {
  width: 20px;
  height: 20px;
  vertical-align: text-top; }

.status-widget .card .card-header h5 {
  line-height: 1.38; }

.status-widget .status-chart {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden; }

.small-chart-widget .chart-container {
  height: 311px;
  padding: 0;
  margin: 0;
  border: none; }

.small-chart-widget .card .card-body {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }

.donut-chart-widget .chart-container {
  height: 300px;
  border: 0;
  margin: 0;
  padding: 0; }

.status-details h4 {
  font-weight: 600; }
  .status-details h4 span {
    color: inherit; }

.status-details span {
  color: #FFFFFF; }

.status-chart .chart-container {
  height: 200px;
  border: 0;
  padding: 0;
  margin: 0; }

.map-chart .chart-container {
  width: 100%;
  height: 500px; }

.serial-chart {
  width: 100%; }

.live-products,
.turnover,
.uses,
.monthly {
  height: 300px; }

.live-products .ct-series-a .ct-area,
.live-products .ct-series-a .ct-point,
.live-products .ct-series-a .ct-line,
.live-products .ct-series-a .ct-bar,
.live-products .ct-series-a .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.77); }

.live-products .ct-label {
  fill: #fff;
  color: #fff; }

.live-products .ct-grid {
  stroke: rgba(255, 255, 255, 0.7); }

.turnover .ct-series-a .ct-area,
.turnover .ct-series-a .ct-point,
.turnover .ct-series-a .ct-line,
.turnover .ct-series-a .ct-bar,
.turnover .ct-series-a .ct-slice-donut,
.uses .ct-series-a .ct-area,
.uses .ct-series-a .ct-point,
.uses .ct-series-a .ct-line,
.uses .ct-series-a .ct-bar,
.uses .ct-series-a .ct-slice-donut,
.monthly .ct-series-a .ct-area,
.monthly .ct-series-a .ct-point,
.monthly .ct-series-a .ct-line,
.monthly .ct-series-a .ct-bar,
.monthly .ct-series-a .ct-slice-donut {
  stroke: white;
  fill: transparent; }

.turnover .ct-series-b .ct-area,
.turnover .ct-series-b .ct-point,
.turnover .ct-series-b .ct-line,
.turnover .ct-series-b .ct-bar,
.turnover .ct-series-b .ct-slice-donut,
.uses .ct-series-b .ct-area,
.uses .ct-series-b .ct-point,
.uses .ct-series-b .ct-line,
.uses .ct-series-b .ct-bar,
.uses .ct-series-b .ct-slice-donut,
.monthly .ct-series-b .ct-area,
.monthly .ct-series-b .ct-point,
.monthly .ct-series-b .ct-line,
.monthly .ct-series-b .ct-bar,
.monthly .ct-series-b .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.7);
  fill: transparent; }

.turnover .ct-series-c .ct-area,
.turnover .ct-series-c .ct-point,
.turnover .ct-series-c .ct-line,
.turnover .ct-series-c .ct-bar,
.turnover .ct-series-c .ct-slice-donut,
.uses .ct-series-c .ct-area,
.uses .ct-series-c .ct-point,
.uses .ct-series-c .ct-line,
.uses .ct-series-c .ct-bar,
.uses .ct-series-c .ct-slice-donut,
.monthly .ct-series-c .ct-area,
.monthly .ct-series-c .ct-point,
.monthly .ct-series-c .ct-line,
.monthly .ct-series-c .ct-bar,
.monthly .ct-series-c .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.4);
  fill: transparent; }

.turnover .ct-label,
.uses .ct-label,
.monthly .ct-label {
  fill: #fff;
  color: #fff; }

.turnover .ct-grid,
.uses .ct-grid,
.monthly .ct-grid {
  stroke: rgba(255, 255, 255, 0.7); }

#draggableMultiple .ui-sortable-handle .card {
  cursor: move; }

.tilt-showcase ul li .line {
  padding-top: 10px; }

.tilt-showcase .pre-mt {
  margin-top: 5px; }

.wow-title h5 {
  display: flex;
  align-items: center;
  font-size: 18px; }
  .wow-title h5 .badge {
    -webkit-text-fill-color: #fff; }

.alert-center {
  display: flex !important;
  align-items: center; }

.box-shadow-title .sub-title {
  margin: 30px 0; }

.hovercard .info .social-media ul li {
  padding-top: 3px; }

.hovercard .cardheader {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.sticky-header-main .card .card-header h5 {
  line-height: 35px; }
  .sticky-header-main .card .card-header h5 a {
    color: #fff;
    -webkit-text-fill-color: #fff; }

.custom-radio-ml {
  margin-left: 3px; }

.twitter-typeahead {
  display: block !important; }

span.twitter-typeahead .league-name {
  font-size: 16px;
  padding: 6px 10px 0; }

span.twitter-typeahead .tt-menu {
  float: left;
  width: 100%;
  min-width: 10rem;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0; }

span.twitter-typeahead .tt-suggestion {
  color: #2b2b2b;
  opacity: 0.6;
  font-size: 13px;
  padding: 6px 12px;
  border-top: 1px solid #efefef;
  background: #fff;
  cursor: pointer; }
  span.twitter-typeahead .tt-suggestion:hover, span.twitter-typeahead .tt-suggestion:focus {
    background-color: #fff; }
  span.twitter-typeahead .tt-suggestion.active, span.twitter-typeahead .tt-suggestion:active {
    color: #fff;
    background-color: var(--theme-deafult); }

#scrollable-dropdown-menu .twitter-typeahead .tt-menu .tt-dataset {
  max-height: 100px;
  overflow-y: auto; }

.chart-right {
  position: relative; }

.balance-data {
  display: flex;
  gap: 7px; }
  [dir="rtl"] .balance-data {
    right: unset;
    left: 2%; }
  @media (max-width: 991px) {
    .balance-data {
      top: -42px;
      right: -65%; }
      [dir="rtl"] .balance-data {
        left: -65%; } }
  @media (max-width: 575px) {
    .balance-data {
      display: none; } }
  .balance-data li {
    display: flex;
    align-items: center;
    font-weight: 500; }
  .balance-data .circle {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%; }

.current-sale-container {
  padding-right: 12px; }
  [dir="rtl"] .current-sale-container {
    padding-right: unset;
    padding-left: 12px; }
  .current-sale-container > div {
    margin: -22px 0 -30px -16px; }
    @media (max-width: 1199px) {
      .current-sale-container > div {
        margin-bottom: 0; } }
    @media (max-width: 404px) {
      .current-sale-container > div {
        margin-bottom: -30px; } }
  .current-sale-container .apexcharts-xaxistooltip {
    color: var(--theme-deafult);
    background: rgba(0, 102, 102, 0.1);
    border: 1px solid var(--theme-deafult); }
  .current-sale-container .apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: var(--theme-deafult); }
  .current-sale-container .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: rgba(0, 102, 102, 0.1);
    color: var(--theme-deafult); }
  @media (max-width: 575px) {
    .current-sale-container.order-container {
      padding-right: 0; }
      [dir="rtl"] .current-sale-container.order-container {
        padding-left: 0; } }
  @media (max-width: 404px) {
    .current-sale-container.order-container > div {
      margin-bottom: 0; } }
.recent-circle {
  min-width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  margin-top: 5px; }

.recent-wrapper {
  align-items: center; }
  .recent-wrapper .order-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px; }
    @media (max-width: 1199px) {
      .recent-wrapper .order-content {
        gap: 20px; } }
    @media (max-width: 575px) {
      .recent-wrapper .order-content {
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row; } }
    .recent-wrapper .order-content li {
      display: flex;
      align-items: flex-start;
      gap: 8px; }
  @media (max-width: 1660px) {
    .recent-wrapper .recent-chart .apexcharts-canvas .apexcharts-datalabel-label {
      font-size: 15px; } }
  @media (max-width: 1560px) and (min-width: 1400px) {
    .recent-wrapper > div {
      width: 100%; } }
  @media (max-width: 1560px) and (min-width: 1400px) {
    .recent-wrapper > div:last-child {
      display: none; } }
.apexcharts-series.apexcharts-radial-series {
  position: relative; }
  .apexcharts-series.apexcharts-radial-series::after {
    position: absolute;
    content: '';
    background: linear-gradient(0deg, #FFFFFF 0.05%, #F4F4F4 19.91%, #F5F6F9 55.02%, #EAECF4 100%);
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    top: 0;
    left: 0; }

.card-block .table-responsive .table caption {
  padding-left: 10px; }

.card-block .table-responsive .table-bordered td {
  vertical-align: middle; }

.card-block .table-border-radius {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.card-block .default-checkbox-align #checkbox1 {
  margin-right: 10px; }

.card-block .default-checkbox-align #radio {
  margin-right: 5px; }

#example-style-3_wrapper #example-style-3 tfoot {
  border-top: 2px solid #efefef; }

.chart-vertical-center {
  display: flex;
  justify-content: center; }
  .chart-vertical-center #myDoughnutGraph,
  .chart-vertical-center #myPolarGraph {
    width: auto !important; }

.cke_focus {
  padding: 15px;
  margin-top: 13px; }

#editor .ace_scroller .ace_content .ace_layer .ace_print-margin {
  visibility: hidden !important; }

.helper-classes {
  padding: 30px;
  margin-bottom: 0;
  white-space: pre-line; }

.starter-kit-fix .page-body {
  margin-bottom: 52px; }

.starter-main .card-body p {
  font-size: 14px; }

.starter-main .card-body ul {
  padding-left: 30px;
  list-style-type: disc;
  margin-bottom: 15px; }

.starter-main .card-body h5 {
  font-size: 18px; }

.starter-main .card-body pre {
  white-space: pre-line;
  padding: 30px; }

.starter-main .card-body .alert-primary.inverse:before {
  top: 32px; }

.starter-main .alert {
  background-color: rgba(0, 102, 102, 0.2) !important; }
  .starter-main .alert i {
    display: flex;
    align-items: center; }

footer.blockquote-footer {
  bottom: unset; }

@media only screen and (max-width: 767px) {
  .ecommerce-banner {
    height: 210px; }
  .footer-fix .pull-right {
    float: none !important;
    text-align: center !important; } }

@media only screen and (max-width: 991px) {
  .notification li {
    padding-bottom: 20px; }
  .notification .card .card-body .d-flex .w-100 p {
    margin: 0; }
  .notification .card .card-body .d-flex .w-100 h6 {
    margin-top: 10px; } }

@media only screen and (max-width: 575px) {
  .notification li {
    padding-bottom: 15px; }
  .media-dropdown {
    display: block; }
    .media-dropdown .media-body {
      margin-bottom: 15px; }
  .total-chart span {
    font-size: 12px !important; } }

@media only screen and (max-width: 360px) {
  .footer {
    padding-left: 0 !important;
    padding-right: 0 !important; }
    .footer p {
      font-size: 12px; }
  .appointment-table table tr td {
    min-width: 103px; }
    .appointment-table table tr td:first-child {
      min-width: 50px; }
    .appointment-table table tr td:nth-child(2) {
      min-width: 120px; } }

@media (max-width: 425px) {
  .sales-chart .sales-chart-dropdown-select .card-header-right-icon.online-store .dropdown {
    display: none; }
  .search-form input {
    padding-left: 50px; } }

@media (max-width: 1399px) {
  .special-Offer h4 {
    font-size: 18px; }
  .special-Offer .offer-contain p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal; }
  .total-chart .data-grow span {
    display: none !important; }
  .total-chart .data-grow svg {
    display: none !important; }
  .total-revenue span {
    font-size: 12px; }
  .total-revenue a {
    display: none !important; }
  .total-revenue span {
    font-size: 12px; }
  .total-revenue a {
    display: none !important; }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: block !important; }
  .table-order .latest-orders thead tr th:last-child {
    display: block !important; }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: block !important; }
  .table-order .latest-orders tbody tr td:last-child {
    display: block !important; }
  .table-order .order-table thead tr th:nth-child(4) {
    display: block; }
  .total-chart span {
    font-size: 15px;
    font-weight: 500 !important; } }

@media (max-width: 1299px) {
  .special-Offer h4 {
    font-size: 16px; } }

@media (max-width: 1199px) {
  .special-Offer h4 {
    font-size: 18px; }
  .total-chart .data-grow span {
    display: block !important; }
  .total-chart .data-grow svg {
    display: block !important; }
  .total-revenue a {
    display: block !important; }
  .total-revenue a {
    display: block !important; } }

@media (max-width: 1599px) {
  .table-order .latest-orders thead tr th:nth-child(2) {
    min-width: 186px; }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: none; }
  .table-order .latest-orders thead tr th:last-child {
    display: none; }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: none; }
  .table-order .latest-orders tbody tr td:last-child {
    display: none; }
  .revenueproduct {
    margin-bottom: -0px; }
    .revenueproduct .apexcharts-canvas .apexcharts-legend {
      display: none; }
  .card .card-body .product-costing .costing-span {
    font-size: 10px;
    font-weight: 400; }
  .card .card-body .product-costing .product-icon {
    height: 40px;
    width: 40px; }
    .card .card-body .product-costing .product-icon svg {
      height: 20px;
      margin: 10px;
      width: 21px; } }

@media (max-width: 1799px) {
  .balance-data li:last-child {
    display: none !important; }
  .total-chart .data-grow span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1865px) {
  .table-order .order-table thead tr th:nth-child(2) {
    min-width: 115px !important; }
  .table-order .order-table thead tr th:nth-child(3) {
    min-width: 80px !important; }
  .table-order .order-table thead tr th:nth-child(4) {
    display: none !important; }
  .table-order .order-table tbody tr td:nth-child(4) {
    display: none !important; }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: none; }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: none; } }

/**=====================
  3.13 Dashboard_default CSS Ends
==========================**/
/**=====================
  3.14 Ecommerce CSS Start
==========================**/
/**====== Product Start ======**/
.toggle-data {
  cursor: pointer; }

.filter-block ul li {
  padding-top: 15px; }
  .filter-block ul li a {
    color: var(--body-font-color); }
  @media (max-width: 1500px) {
    .filter-block ul li {
      padding-top: 10px; } }
.collection-filter-block svg {
  width: 50px;
  height: 25px;
  stroke: var(--theme-deafult);
  margin-right: 10px; }

.collection-filter-block h5 {
  margin-bottom: 0;
  font-size: 16px; }

.collection-filter-block p {
  font-size: 13px; }

.collection-filter-block .media-body {
  opacity: 0.5; }

.collection-filter-block li + li {
  margin-top: 16px; }

.collection-filter-block ul.pro-services li svg {
  width: auto; }

.qty-box .btn {
  background-color: transparent !important;
  border-color: #ecf3fa !important;
  padding: 8px 12px; }
  .qty-box .btn i {
    color: #898989; }
  .qty-box .btn svg {
    width: 14px !important;
    stroke: #2c323f; }

.qty-box span {
  padding: 0 4px; }

.qty-box .input-group {
  background-color: rgba(44, 50, 63, 0.1); }

.qty-box input {
  background-color: rgba(44, 50, 63, 0.1);
  color: #2c323f;
  max-width: 44px;
  padding: 0;
  text-align: center;
  border: none;
  max-height: 37px; }

.product-social li a {
  color: #898989;
  font-size: 15px;
  border: 1px solid #E6E9EB;
  border-radius: 100%;
  height: 35px;
  width: 35px;
  display: inline-block;
  text-align: center;
  line-height: 2.3;
  transition: all 0.3s ease; }
  .product-social li a:hover {
    border-color: #006666;
    color: #006666;
    background-color: rgba(0, 102, 102, 0.1);
    transition: all 0.3s ease; }

.product-social li:nth-child(n+2) {
  margin-left: 10px; }
  [dir="rtl"] .product-social li:nth-child(n+2) {
    margin-left: unset;
    margin-right: 10px; }

.product-sidebar .filter-section .card .card-header {
  padding: 16px 30px;
  border-radius: 5px; }
  .product-sidebar .filter-section .card .card-header h6 {
    position: relative; }
    .product-sidebar .filter-section .card .card-header h6 .pull-right i {
      position: absolute;
      top: 4px;
      left: 0;
      font-size: 10px;
      width: 100%;
      height: 10px;
      text-align: right;
      cursor: pointer; }

.product-wrapper .product-sidebar .filter-section .card .left-filter {
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: 0.3s;
  min-width: 320px; }
  .product-wrapper .product-sidebar .filter-section .card .left-filter .product-filter .irs-with-grid {
    margin-bottom: 15px; }

.product-wrapper .product-grid .product-wrapper-grid {
  margin-left: 0;
  transition: 0.3s; }

.product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
  z-index: 3;
  opacity: 1;
  visibility: visible;
  position: absolute;
  width: 100%;
  background-color: white;
  top: 53px;
  height: auto; }

.d-none-productlist {
  display: none; }
  .d-none-productlist svg {
    vertical-align: middle;
    cursor: pointer; }

.product-wrapper-grid.list-view .product-box {
  display: flex;
  align-items: center; }
  .product-wrapper-grid.list-view .product-box .product-img {
    width: 20%; }
  .product-wrapper-grid.list-view .product-box .product-details {
    text-align: left; }

.slider-product {
  padding: 15px 0;
  border-top: 1px solid #E6E9EB;
  border-bottom: 1px solid #E6E9EB;
  margin-bottom: 15px; }

.products-total {
  display: flex;
  align-items: center; }

.grid-options {
  height: 33px;
  margin-left: 10px; }
  .grid-options ul li a {
    position: relative; }
    .grid-options ul li a .line-grid {
      position: absolute;
      width: 4px;
      height: 15px;
      top: 9px; }
    .grid-options ul li a .line-grid-1 {
      left: 12px; }
    .grid-options ul li a .line-grid-2 {
      left: 18px; }
    .grid-options ul li a .line-grid-3 {
      left: 36px; }
    .grid-options ul li a .line-grid-4 {
      left: 42px; }
    .grid-options ul li a .line-grid-5 {
      left: 48px; }
    .grid-options ul li a .line-grid-6 {
      left: 66px; }
    .grid-options ul li a .line-grid-7 {
      left: 72px; }
    .grid-options ul li a .line-grid-8 {
      left: 78px; }
    .grid-options ul li a .line-grid-9 {
      left: 84px; }
    .grid-options ul li a .line-grid-10 {
      left: 103px; }
    .grid-options ul li a .line-grid-11 {
      left: 109px; }
    .grid-options ul li a .line-grid-12 {
      left: 115px; }
    .grid-options ul li a .line-grid-13 {
      left: 121px; }
    .grid-options ul li a .line-grid-14 {
      left: 127px; }
    .grid-options ul li a .line-grid-15 {
      left: 133px; }

.square-product-setting {
  height: 36px;
  vertical-align: middle; }
  .square-product-setting a {
    color: #051A1A; }
  .square-product-setting .icon-grid {
    padding: 7px;
    background-color: #fff;
    display: flex;
    align-items: center;
    margin: 0 10px; }
    .square-product-setting .icon-grid svg {
      width: 20px;
      height: 20px; }

.product-filter .banner-product {
  margin-top: 15px; }

.product-filter h6 {
  margin-bottom: 15px; }

.product-filter .color-selector {
  line-height: 0.9; }
  .product-filter .color-selector ul li {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #444;
    border-radius: 100%;
    cursor: pointer; }
    .product-filter .color-selector ul li.white {
      background-color: #fff; }
    .product-filter .color-selector ul li.gray {
      background-color: #FFFFFF; }
    .product-filter .color-selector ul li.black {
      background-color: #000; }
    .product-filter .color-selector ul li.orange {
      background-color: #ffb17a; }
    .product-filter .color-selector ul li.green {
      background-color: #6fb866; }
    .product-filter .color-selector ul li.pink {
      background-color: pink; }
    .product-filter .color-selector ul li.yellow {
      background-color: #f2f896; }
    .product-filter .color-selector ul li.blue {
      background-color: #63b4f2; }
    .product-filter .color-selector ul li.red {
      background-color: #ff647f; }

.product-filter.new-products {
  margin-top: 20px; }
  .product-filter.new-products button {
    width: auto; }
  .product-filter.new-products .owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    top: -46px;
    right: 0; }
    .product-filter.new-products .owl-theme .owl-nav button:focus {
      outline: transparent; }
    .product-filter.new-products .owl-theme .owl-nav button span {
      font-size: 20px; }
      .product-filter.new-products .owl-theme .owl-nav button span:focus {
        outline-color: transparent; }
  .product-filter.new-products .owl-theme .owl-nav [class*='owl-']:hover {
    background-color: transparent;
    color: inherit; }
  .product-filter.new-products .owl-theme .owl-item .item .product-box .product-details {
    padding: 25px 0; }
  .product-filter.new-products .owl-theme .owl-item .item .product-box + .product-box {
    margin-top: 15px; }

.select2-drpdwn-product .form-control {
  border: none;
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  margin-bottom: 10px;
  height: 36px; }

.feature-products form .form-group {
  position: relative; }
  .feature-products form .form-group input {
    margin-bottom: 15px;
    border: none;
    box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
    height: 50px;
    padding-left: 30px; }
  .feature-products form .form-group i {
    position: absolute;
    top: 18px;
    right: 30px;
    color: #898989; }

.product-box {
  border-radius: 10px;
  overflow: hidden; }
  .product-box .product-details {
    padding: 15px 25px; }
    .product-box .product-details > a {
      color: #051A1A; }
    .product-box .product-details p {
      margin-bottom: 0;
      opacity: 0.8; }
    .product-box .product-details h4 {
      margin-bottom: 0;
      margin-top: 5px;
      font-size: 20px;
      font-family: "Montserrat", sans-serif; }
    .product-box .product-details h6 {
      color: #051A1A;
      text-transform: uppercase;
      margin-bottom: 10px; }
    .product-box .product-details span {
      color: #898989; }
    .product-box .product-details .rating i {
      font-size: 16px;
      letter-spacing: 3px;
      color: #ffa800; }
  .product-box .modal .modal-header .product-box .product-details {
    padding: 25px 15px; }
    .product-box .modal .modal-header .product-box .product-details h6 {
      text-transform: capitalize; }
    .product-box .modal .modal-header .product-box .product-details .product-price {
      font-size: 22px;
      margin-bottom: 10px; }
    .product-box .modal .modal-header .product-box .product-details .product-view {
      padding: 20px 0;
      border-top: 1px dotted #59667a;
      border-bottom: 1px dotted #59667a; }
    .product-box .modal .modal-header .product-box .product-details .product-size {
      margin: 20px 0; }
      .product-box .modal .modal-header .product-box .product-details .product-size ul li {
        display: inline-block; }
    .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset {
      margin-bottom: 20px; }
      .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group {
        width: 35%; }
        .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn {
          padding: 5px 12px; }
        .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn-primary {
          background-color: #59667a !important;
          border: 1px solid #59667a !important; }
  .product-box .modal .modal-header .btn-close {
    position: absolute;
    right: 26px;
    top: 22px; }
  .product-box .product-img {
    position: relative; }
    .product-box .product-img .product-hover {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.3);
      opacity: 0;
      border-radius: 100%;
      transform: scale(0);
      transition: all 0.3s ease; }
      .product-box .product-img .product-hover ul li {
        display: inline-block;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08);
        padding: 10px 13px;
        background-color: #fff;
        font-size: 18px;
        border-radius: 10px;
        height: 45px;
        width: 45px;
        margin: 0 3px;
        cursor: pointer; }
        .product-box .product-img .product-hover ul li i {
          color: #59667a;
          font-size: 18px; }
        .product-box .product-img .product-hover ul li .btn {
          padding: 0; }
        .product-box .product-img .product-hover ul li:hover {
          background-color: var(--theme-deafult);
          transition: all 0.3s ease; }
          .product-box .product-img .product-hover ul li:hover button:active, .product-box .product-img .product-hover ul li:hover button:focus-visible {
            border: none !important; }
          .product-box .product-img .product-hover ul li:hover .btn,
          .product-box .product-img .product-hover ul li:hover i {
            color: #fff; }
  .product-box:hover .product-hover {
    opacity: 1;
    border-radius: 0%;
    transform: scale(1);
    transition: all 0.3s ease; }

.product-page-main {
  padding: 30px; }
  .product-page-main .owl-item .item {
    border: 1px solid #E6E9EB;
    border-radius: 5px;
    background-color: #f8f8f8; }
  .product-page-main .owl-item.current .item {
    border: 1px solid var(--theme-deafult); }
  .product-page-main .product-slider {
    margin-bottom: 20px; }
    @media (min-width: 1400px) {
      .product-page-main .product-slider img {
        height: 520px;
        object-fit: cover; } }
    @media (min-width: 1500px) {
      .product-page-main .product-slider img {
        height: 400px;
        object-fit: cover; } }
  .product-page-main .product-color {
    margin-top: 10px; }

.product-page-details h4 {
  color: #051A1A;
  text-transform: uppercase;
  font-size: 18px; }

.product-page-details span {
  padding-left: 15px; }

.br-theme-fontawesome-stars .br-widget a,
.br-theme-fontawesome-stars .br-widget a.br-selected:after,
.br-theme-fontawesome-stars .br-widget a.br-active:after {
  color: #ffa800 !important;
  font: normal normal normal 14px/1 FontAwesome; }

.product-price {
  font-size: 18px;
  font-weight: 700;
  margin-top: 5px;
  color: var(--theme-deafult); }
  .product-price del {
    color: rgba(44, 50, 63, 0.4);
    padding-left: 10px;
    font-size: 80%; }

.product-color li {
  display: inline-block;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  margin: 0 2px; }

.product-page-main p {
  font-size: 15px; }

.product-page-main .nav-link {
  text-transform: uppercase;
  font-weight: 500; }

/**====== Product  Ends ======**/
.payment-opt li {
  display: inline-block; }
  .payment-opt li img {
    height: 20px;
    margin: 15px 15px 0 0; }

/**=====================
  3.14 Ecommerce CSS End
==========================**/
@media screen and (max-width: 1660px) and (min-width: 1200px) {
  .owl-carousel .owl-item img {
    max-width: 420px;
    margin: 0 auto; } }

/**=====================
  3.15 Email-application CSS Start
==========================**/
.email-wrap .row .col-xl-3 + .col-xl-3 {
  padding-right: 0; }

.email-wrap .row .col-xl-6 {
  padding-left: 0; }

.email-wrap .dropdown .dropdown-toggle {
  background-color: rgba(115, 102, 255, 0.08);
  color: #006666;
  border-radius: 10px;
  padding: 5px 10px;
  width: 100px;
  text-align: left; }
  [dir="rtl"] .email-wrap .dropdown .dropdown-toggle {
    text-align: right; }
  .email-wrap .dropdown .dropdown-toggle:after {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f107";
    border: none;
    font-family: "FontAwesome";
    font-size: 18px;
    margin: 0; }
    [dir="rtl"] .email-wrap .dropdown .dropdown-toggle:after {
      right: unset;
      left: 10px; }

.email-wrap .dropdown .dropdown-menu {
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0; }
  .email-wrap .dropdown .dropdown-menu .dropdown-item {
    color: #2b2b2b;
    opacity: 0.6;
    font-size: 13px;
    padding: 6px 12px;
    border-top: 1px solid #f5f5f5;
    background: #fff;
    line-height: 19px; }
    .email-wrap .dropdown .dropdown-menu .dropdown-item:hover {
      background-color: #fff; }

.email-wrap .email-app-sidebar .media img {
  border: 2px solid #ecf3fa; }

.email-wrap .email-app-sidebar .main-menu > li {
  width: 100%;
  text-align: left; }
  .email-wrap .email-app-sidebar .main-menu > li a {
    line-height: 39px;
    text-transform: uppercase;
    border-radius: 3px; }
    .email-wrap .email-app-sidebar .main-menu > li a i {
      margin-right: 10px; }
    .email-wrap .email-app-sidebar .main-menu > li a.active > a {
      color: #000; }
    .email-wrap .email-app-sidebar .main-menu > li a:hover {
      background-color: #f5f6f9;
      text-decoration: none; }

.email-wrap .email-app-sidebar ul li button {
  color: #fff; }

.email-wrap .email-app-sidebar ul li a {
  display: flex;
  padding-left: 20px;
  align-items: center; }
  .email-wrap .email-app-sidebar ul li a > .title {
    width: 100%;
    color: #2c323f; }
  .email-wrap .email-app-sidebar ul li a > .badge {
    align-self: center;
    color: #898989; }

.email-wrap .email-left-aside {
  float: left;
  width: 100%; }
  .email-wrap .email-left-aside .card-body {
    padding: 20px; }

@media (min-width: 1200px) {
  .email-wrap .email-right-aside .email-body .pr-0 {
    padding-right: 0; }
    [dir="rtl"] .email-wrap .email-right-aside .email-body .pr-0 {
      padding-right: 12px;
      padding-left: 0; } }

@media (min-width: 1200px) {
  .email-wrap .email-right-aside .email-body .pl-0 {
    padding-left: 0; }
    [dir="rtl"] .email-wrap .email-right-aside .email-body .pl-0 {
      padding-left: 12px;
      padding-right: 0; } }

.email-wrap .email-right-aside .email-body .inbox {
  overflow: auto; }
  @media (max-width: 1199.98px) {
    .email-wrap .email-right-aside .email-body .inbox {
      display: flex;
      flex-wrap: wrap; } }
  .email-wrap .email-right-aside .email-body .inbox .media {
    padding: 20px; }
    .email-wrap .email-right-aside .email-body .inbox .media.active {
      background-color: #f1f3f4; }

.email-wrap .email-right-aside .radius-left {
  border-radius: 8px;
  height: 100%; }

.email-wrap .btn-mail {
  border-radius: 2px;
  text-align: left;
  padding: 13px 15px;
  margin: 20px 0 20px;
  letter-spacing: 1px;
  line-height: 12px !important; }

.email-wrap p {
  margin-bottom: 0;
  color: var(--chart-text-color) !important;
  font-weight: 600; }

.email-wrap .media-body {
  margin-top: 5px; }
  .email-wrap .media-body h6 {
    margin-bottom: 2px;
    color: #242934;
    margin-top: 3px; }
    .email-wrap .media-body h6 small {
      font-size: 12px; }
      .email-wrap .media-body h6 small span {
        color: #777777; }
  .email-wrap .media-body p {
    color: #898989;
    font-size: 12px; }

.email-wrap .email-top {
  padding: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 49px; }
  .email-wrap .email-top i {
    cursor: pointer; }
  .email-wrap .email-top h5 {
    margin-bottom: 0;
    padding: 12px 0; }
  .email-wrap .email-top .d-flex {
    padding: 13px 0; }

.email-wrap .email-wrapper {
  padding: 20px; }
  .email-wrap .email-wrapper hr {
    margin-top: 0;
    margin-bottom: 20px; }
  .email-wrap .email-wrapper .d-inline-block {
    width: 100%; }
  .email-wrap .email-wrapper h6 {
    margin-bottom: 11px;
    float: left; }
  .email-wrap .email-wrapper .right-download {
    float: right; }
  .email-wrap .email-wrapper p + p {
    margin-bottom: 20px; }
  .email-wrap .email-wrapper h5 {
    margin-bottom: 20px; }

.email-wrap .email-body .attachment ul li img {
  margin-bottom: 20px;
  width: 80px;
  height: 80px;
  object-fit: cover; }

.email-wrap .email-body .attachment .list-inline .list-inline-item {
  padding-right: 13px; }

.email-wrap .email-body .email-compose .cke_contents.cke_reset {
  max-height: 178px;
  width: 100%;
  border: 1px solid #ecf3fa; }

.email-wrap .email-body .email-compose .email-top h4 {
  padding: 11px 0; }

/**=====================
  3.15 Email-application CSS Ends
==========================**/
/**=====================
    3.47 Letter_box CSS Start
==========================**/
.email-right-aside .email-list {
  display: block; }
  .email-right-aside .email-list.hide {
    display: none; }

.email-right-aside .email-read {
  display: none; }
  .email-right-aside .email-read.show {
    display: block; }

.email-right-aside .modal-footer {
  text-align: end; }

.email-main-wrapper .email-app-sidebar .nav-pills .nav-item:active, .email-main-wrapper .email-app-sidebar .nav-pills .nav-item.active {
  border-radius: 5px; }

.email-main-wrapper .email-app-sidebar .nav-pills .nav-item:last-child .nav-link {
  padding-bottom: 0; }

.email-main-wrapper .email-app-sidebar .nav-pills .nav-link {
  color: var(--chart-text-color);
  gap: 13px;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  padding: 8px 20px; }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:hover {
    background-color: rgba(0, 102, 102, 0.1);
    color: var(--theme-deafult); }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active {
    background-color: rgba(0, 102, 102, 0.1);
    color: var(--theme-deafult);
    border-radius: 5px; }
    .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active svg, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active svg {
      stroke: rgba(153, 153, 153, 0.8); }
    .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
      content: '';
      border-right: 3px solid var(--theme-deafult);
      position: absolute;
      top: 9px;
      width: 4px;
      right: 0;
      height: 35px;
      border: 2px solid var(--theme-deafult);
      border-radius: 100px 0 0 100px; }
      [dir="rtl"] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, [dir="rtl"] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
        right: unset;
        left: 0; }
      @media (max-width: 1400px) {
        .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
          top: 8px;
          height: 28px; } }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link svg {
    width: 18px;
    height: 18px;
    stroke: rgba(153, 153, 153, 0.8); }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link div {
    width: calc(100% - 13px - 18px);
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 1400px) {
      .email-main-wrapper .email-app-sidebar .nav-pills .nav-link div {
        font-size: 15px; } }
.email-main-wrapper .email-app-sidebar span {
  background-color: rgba(0, 102, 102, 0.2);
  color: var(--theme-deafult);
  border-radius: 20px;
  padding: 5px 13px; }
  @media (max-width: 1400px) {
    .email-main-wrapper .email-app-sidebar span {
      padding: 3px 10px; } }
.email-main-wrapper .email-app-sidebar .compose-mail {
  display: block;
  text-align: center; }
  .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active {
    padding: 15px;
    background-color: var(--theme-deafult);
    color: var(--white); }
    @media (max-width: 1400px) {
      .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active {
        padding: 10px; } }
    .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active::before {
      content: unset; }
  .email-main-wrapper .email-app-sidebar .compose-mail .nav-link i {
    font-size: 13px; }

@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .email-category.nav-pills .nav-item .nav-link {
    padding: 3px 20px; } }

@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item .nav-link {
    padding: 3px 20px; } }

.email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item:first-child a {
  margin-top: 16px; }

.email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item svg {
  width: 24px;
  height: 24px; }

.email-main-wrapper .email-app-sidebar .emailbox.btn {
  width: 100%;
  margin-bottom: 15px;
  padding: 12px;
  font-size: 16px;
  font-weight: 500; }
  @media (max-width: 576px) {
    .email-main-wrapper .email-app-sidebar .emailbox.btn {
      padding: 7px; } }
  .email-main-wrapper .email-app-sidebar .emailbox.btn i {
    padding-right: 12px; }
    [dir="rtl"] .email-main-wrapper .email-app-sidebar .emailbox.btn i {
      padding-right: unset;
      padding-left: 12px; }

.email-body .mail-header-wrapper {
  padding: 16px;
  box-shadow: 0px 5px 10px 0px rgba(82, 82, 108, 0.08);
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 1468px) {
    .email-body .mail-header-wrapper {
      padding: 12px; } }
  @media (max-width: 600px) {
    .email-body .mail-header-wrapper {
      flex-direction: column;
      align-items: flex-start; } }
  .email-body .mail-header-wrapper .mail-header .form-check {
    display: flex;
    align-items: center; }
    @media (max-width: 420px) {
      .email-body .mail-header-wrapper .mail-header .form-check {
        align-items: flex-start; } }
    .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
      width: 18px;
      height: 18px;
      margin-top: 9px; }
      @media (max-width: 1468px) {
        .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
          margin-right: 8px;
          margin-top: 2px; }
          [dir="rtl"] .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
            margin-left: 8px;
            margin-right: unset; } }
      .email-body .mail-header-wrapper .mail-header .form-check .form-check-input:focus {
        box-shadow: unset;
        border: 1px solid var(--theme-deafult); }
  @media (max-width: 424px) {
    .email-body .mail-header-wrapper .mail-header ul {
      gap: 12px; } }
  @media (max-width: 351px) {
    .email-body .mail-header-wrapper .mail-header ul {
      flex-direction: column; } }
  .email-body .mail-header-wrapper .mail-header ul li a {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--chart-text-color);
    position: relative;
    padding-bottom: 0; }
    @media (max-width: 1468px) {
      .email-body .mail-header-wrapper .mail-header ul li a {
        padding: 7px; } }
    .email-body .mail-header-wrapper .mail-header ul li a::before {
      content: '';
      position: absolute;
      bottom: -23px;
      left: 0;
      width: 0;
      background-color: var(--theme-deafult);
      height: 2px;
      transition: all 0.1s ease-in; }
      [dir="rtl"] .email-body .mail-header-wrapper .mail-header ul li a::before {
        left: unset;
        right: 0; }
      @media (max-width: 1468px) {
        .email-body .mail-header-wrapper .mail-header ul li a::before {
          bottom: -15px; } }
      @media (max-width: 991px) {
        .email-body .mail-header-wrapper .mail-header ul li a::before {
          bottom: -13px; } }
      @media (max-width: 351px) {
        .email-body .mail-header-wrapper .mail-header ul li a::before {
          bottom: -2px; } }
    .email-body .mail-header-wrapper .mail-header ul li a.active {
      color: var(--theme-deafult); }
      .email-body .mail-header-wrapper .mail-header ul li a.active::before {
        width: 100%;
        transition: all 0.1s ease-in; }
    .email-body .mail-header-wrapper .mail-header ul li a svg {
      width: 22px;
      height: 22px; }
      @media (max-width: 424px) {
        .email-body .mail-header-wrapper .mail-header ul li a svg {
          display: none; } }
  .email-body .mail-header-wrapper .mail-body {
    display: flex;
    gap: 12px; }
    @media (max-width: 1500px) {
      .email-body .mail-header-wrapper .mail-body {
        justify-content: end; } }
    @media (max-width: 600px) {
      .email-body .mail-header-wrapper .mail-body {
        display: none; } }
    .email-body .mail-header-wrapper .mail-body .mail-search {
      position: relative; }
      @media (max-width: 1500px) {
        .email-body .mail-header-wrapper .mail-body .mail-search {
          width: 55%; } }
      @media (max-width: 1468px) {
        .email-body .mail-header-wrapper .mail-body .mail-search {
          width: 48%; } }
      @media (max-width: 1400px) {
        .email-body .mail-header-wrapper .mail-body .mail-search {
          display: none; } }
      .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
        display: inline-block;
        padding: 8px 30px; }
        .email-body .mail-header-wrapper .mail-body .mail-search .form-control:focus {
          box-shadow: unset;
          border: 1px solid var(--chart-dashed-border); }
        @media (max-width: 1504px) {
          .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
            max-width: 165px; } }
      .email-body .mail-header-wrapper .mail-body .mail-search i {
        position: absolute;
        top: 12px;
        left: 11px; }
        [dir="rtl"] .email-body .mail-header-wrapper .mail-body .mail-search i {
          left: 0;
          right: 11px; }
    .email-body .mail-header-wrapper .mail-body .light-square i {
      color: var(--body-font-color); }

.email-body .light-square {
  width: 40px;
  height: 39px;
  border-radius: 8px;
  background-color: var(--light-slate);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }
  @media (max-width: 992px) {
    .email-body .light-square {
      width: 34px;
      height: 35px; } }
  .email-body .light-square.dropdown-toggle::after {
    content: '';
    display: none; }
  .email-body .light-square .dropdown-menu .dropdown-item {
    border-top: 0; }
    .email-body .light-square .dropdown-menu .dropdown-item:hover {
      background-color: #E6E9EB; }
    .email-body .light-square .dropdown-menu .dropdown-item i {
      padding-right: 12px; }
      [dir="rtl"] .email-body .light-square .dropdown-menu .dropdown-item i {
        padding-right: 0;
        padding-left: 12px; }

.email-body .mail-body-wrapper ul li {
  padding: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid var(--chart-dashed-border); }
  .email-body .mail-body-wrapper ul li:hover {
    background-color: var(--light-background); }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .email-timing {
      display: none;
      transition: all 0.3s ease-in-out; }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options {
      display: flex;
      align-items: center;
      gap: 14px;
      justify-content: flex-end;
      min-width: 100px;
      transition: all 0.3s ease-in-out; }
      .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i {
        font-size: 18px; }
        @media (max-width: 375px) {
          .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i {
            font-size: 16px; } }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .show {
      display: block; }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .hide {
      display: none; }
  @media (max-width: 460px) {
    .email-body .mail-body-wrapper ul li.inbox-data {
      display: block; } }
  .email-body .mail-body-wrapper ul li:last-child {
    border-bottom: unset; }
  .email-body .mail-body-wrapper ul li .inbox-user {
    min-width: 290px;
    display: flex;
    align-items: center;
    gap: 12px; }
    @media (max-width: 1400px) {
      .email-body .mail-body-wrapper ul li .inbox-user {
        min-width: 280px; } }
    @media (max-width: 576px) {
      .email-body .mail-body-wrapper ul li .inbox-user {
        min-width: 260px; } }
    .email-body .mail-body-wrapper ul li .inbox-user .form-check-input {
      width: 18px;
      height: 18px; }
      .email-body .mail-body-wrapper ul li .inbox-user .form-check-input:focus {
        box-shadow: unset; }
    .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
      width: 50px;
      height: 50px;
      border: 2px solid var(--chart-dashed-border);
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 100%; }
      @media (max-width: 1400px) {
        .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
          width: 42px;
          height: 42px; } }
      @media (max-width: 355px) {
        .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
          display: none; } }
      .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 102, 102, 0.2);
        border-radius: 100%; }
        @media (max-width: 1400px) {
          .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div {
            width: 32px;
            height: 32px; } }
        .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div p {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 100%;
          font-weight: 900;
          padding-top: 3px; }
          @media (max-width: 1200px) {
            .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div p {
              font-size: 13px; } }
      .email-body .mail-body-wrapper ul li .inbox-user .rounded-border .circle-success {
        background-color: rgba(0, 172, 70, 0.3); }
      .email-body .mail-body-wrapper ul li .inbox-user .rounded-border img {
        border-radius: 100%;
        height: 38px; }
        @media (max-width: 1400px) {
          .email-body .mail-body-wrapper ul li .inbox-user .rounded-border img {
            height: 32px; } }
  .email-body .mail-body-wrapper ul li .inbox-message {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 16px; }
    @media (max-width: 700px) {
      .email-body .mail-body-wrapper ul li .inbox-message {
        display: block; } }
    .email-body .mail-body-wrapper ul li .inbox-message .email-data span {
      font-weight: 500;
      color: var(--chart-text-color);
      letter-spacing: 0.3;
      display: -webkit-box;
      max-width: 100%;
      margin: 0 auto;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
      .email-body .mail-body-wrapper ul li .inbox-message .email-data span span {
        font-weight: 400;
        line-height: 1.9; }
    .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge {
      border-radius: 20px; }
      @media (max-width: 1236px) {
        .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge {
          margin-bottom: 5px; } }
      .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge:last-child {
        margin-bottom: 0; }
    .email-body .mail-body-wrapper ul li .inbox-message .email-timing {
      display: flex;
      align-items: center;
      min-width: 80px;
      transition: all 0.3s ease-in-out; }
      @media (max-width: 768px) {
        .email-body .mail-body-wrapper ul li .inbox-message .email-timing {
          justify-content: flex-end;
          height: 18px; } }
      .email-body .mail-body-wrapper ul li .inbox-message .email-timing span {
        color: var(--body-font-color); }
    .email-body .mail-body-wrapper ul li .inbox-message .email-options {
      display: none;
      transition: all 0.3s ease-in-out; }
      @media (max-width: 768px) {
        .email-body .mail-body-wrapper ul li .inbox-message .email-options {
          height: 18px; } }
      .email-body .mail-body-wrapper ul li .inbox-message .email-options .show {
        display: block; }
      .email-body .mail-body-wrapper ul li .inbox-message .email-options .hide {
        display: none; }
      .email-body .mail-body-wrapper ul li .inbox-message .email-options i {
        color: var(--body-font-color); }
  .email-body .mail-body-wrapper ul li.page-item {
    padding: 0; }

.email-body .mail-body-wrapper .hidden {
  display: none !important; }

.email-body .mail-pagination {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px; }
  .email-body .mail-pagination .pagination-button,
  .email-body .mail-pagination .pagination-number {
    padding: 0px 12px;
    width: 35px;
    height: 35px;
    border-radius: 10px;
    border: unset; }
  .email-body .mail-pagination .pagination-button.disabled {
    background-color: var(--light-background);
    color: var(--chart-text-color);
    opacity: 1; }
  .email-body .mail-pagination .pagination-number {
    padding: 6px 12px; }
    .email-body .mail-pagination .pagination-number.active {
      background-color: var(--theme-deafult);
      color: var(--white); }
  .email-body .mail-pagination .pagination-index {
    display: flex;
    gap: 12px; }

.compose-modal form .form-control {
  position: relative; }

.compose-modal form .add-bcc {
  position: absolute;
  top: 2px;
  right: 16px; }
  [dir="rtl"] .compose-modal form .add-bcc {
    right: unset;
    left: 16px; }
  .compose-modal form .add-bcc .btn {
    padding: 5px 8px;
    background-color: var(--light-shade-primary);
    color: var(--theme-deafult); }

.mail-header-wrapper.header-wrapper1 {
  flex-direction: unset; }
  @media (max-width: 440px) {
    .mail-header-wrapper.header-wrapper1 {
      flex-direction: column;
      gap: 10px; } }
.mail-header-wrapper .mail-header1 {
  display: flex;
  align-items: center;
  gap: 18px; }
  .mail-header-wrapper .mail-header1 span {
    font-weight: 500;
    color: var(--body-font-color); }
  .mail-header-wrapper .mail-header1 .btn-email {
    width: 20px;
    height: 20px;
    stroke: var(--body-font-color); }

.mail-header-wrapper .mail-body1 {
  display: flex;
  gap: 10px; }
  .mail-header-wrapper .mail-body1 svg {
    width: 20px;
    height: 20px; }
    @media (max-width: 480px) {
      .mail-header-wrapper .mail-body1 svg {
        width: 18px;
        height: 18px; } }
.mail-body-wrapper .user-mail-wrapper {
  padding: 16px; }
  .mail-body-wrapper .user-mail-wrapper .user-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--chart-dashed-border); }
    @media (max-width: 390px) {
      .mail-body-wrapper .user-mail-wrapper .user-title {
        flex-direction: column;
        padding-bottom: 12px;
        justify-content: unset;
        align-items: unset; } }
    .mail-body-wrapper .user-mail-wrapper .user-title > div {
      display: flex;
      align-items: center;
      gap: 12px;
      padding-bottom: 12px; }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .rounded-border {
        width: 50px;
        height: 50px;
        border: 2px solid var(--chart-dashed-border);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%; }
        .mail-body-wrapper .user-mail-wrapper .user-title > div .rounded-border img {
          height: 38px;
          border-radius: 100%; }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .dropdown-button {
        display: flex;
        align-items: center;
        gap: 8px;
        color: var(--text-gray); }
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .dropdown-button svg {
          width: 16px;
          height: 16px; }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security {
        padding: 16px;
        box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
        min-width: 350px; }
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p {
          margin-bottom: 8px; }
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p:last-child {
            margin-bottom: 0; }
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p span {
            color: var(--body-font-color); }
      @media (max-width: 475px) {
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
          left: -27px; }
          [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
            left: unset;
            right: -27px; } }
      @media (max-width: 445px) {
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
          left: -70px; }
          [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
            left: unset;
            right: -70px; } }
      @media (max-width: 395px) {
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
          min-width: 270px; } }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
        top: 30px;
        z-index: 1; }
        [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
          left: unset;
          right: 0; }
        @media (max-width: 575px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            opacity: 1;
            visibility: visible; } }
        @media (max-width: 475px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            left: -27px; }
            [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
              left: unset;
              right: -27px; } }
        @media (max-width: 445px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            left: -70px; }
            [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
              left: unset;
              right: -70px; } }
        @media (max-width: 395px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            min-width: 270px; } }
    @media (max-width: 390px) {
      .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options {
        padding-bottom: 0; } }
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span {
      color: var(--chart-text-color); }
      @media (max-width: 623px) {
        .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span {
          display: none; } }
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options svg {
      width: 18px;
      height: 18px; }
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options .light-square .dropdown-toggle::after {
      content: unset; }
  .mail-body-wrapper .user-mail-wrapper .user-body {
    padding: 14px 0;
    border-bottom: 1px solid var(--chart-dashed-border); }
    .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(1) {
      padding-bottom: 14px; }
    .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(2), .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(4) {
      line-height: 1.8;
      margin-bottom: 10px; }
    .mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent {
      padding-top: 14px; }
      .mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent p {
        padding-bottom: 0; }
  .mail-body-wrapper .user-mail-wrapper .user-footer {
    padding: 14px 0;
    border-bottom: 1px solid var(--chart-dashed-border); }
    .mail-body-wrapper .user-mail-wrapper .user-footer > div:not(.toolbar-box) {
      display: flex;
      align-items: center;
      gap: 8px;
      padding-bottom: 12px;
      cursor: pointer; }
    .mail-body-wrapper .user-mail-wrapper .user-footer svg {
      width: 20px;
      height: 20px;
      fill: none;
      stroke: var(--text-gray); }
      @media (max-width: 480px) {
        .mail-body-wrapper .user-mail-wrapper .user-footer svg {
          width: 18px;
          height: 18px; } }
    .mail-body-wrapper .user-mail-wrapper .user-footer .attchment-file {
      align-items: center;
      gap: 30px;
      padding: 12px;
      background-color: var(--light-background); }
      .mail-body-wrapper .user-mail-wrapper .user-footer .attchment-file .common-flex img {
        height: 36px; }
  .mail-body-wrapper .user-mail-wrapper .send-btn {
    text-align: end;
    padding-top: 14px; }
    .mail-body-wrapper .user-mail-wrapper .send-btn i {
      margin-left: 8px;
      font-size: 12px; }
      [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .send-btn i {
        margin-left: 0;
        margin-right: 8px; }

.toolbar-box {
  display: block;
  padding: 0;
  border: 1px solid var(--chart-dashed-border);
  border-radius: 5px; }
  .toolbar-box .ql-toolbar.ql-snow {
    border: 0; }
  .toolbar-box .ql-container.ql-snow {
    border: 0;
    min-height: 100px; }
  [dir="rtl"] .toolbar-box .ql-editor {
    text-align: right; }
  .toolbar-box .ql-editor p:nth-child(3) {
    margin: 12px 0; }
  .toolbar-box .ql-editor p:nth-child(8), .toolbar-box .ql-editor p:nth-child(9) {
    margin: 12px 0; }
  .toolbar-box .ql-bold:hover,
  .toolbar-box .ql-italic:hover,
  .toolbar-box .ql-underline:hover,
  .toolbar-box .ql-strike:hover,
  .toolbar-box .ql-list:hover,
  .toolbar-box .ql-stroke:hover,
  .toolbar-box .ql-indent:hover,
  .toolbar-box .ql-link:hover,
  .toolbar-box .ql-image:hover {
    color: var(--theme-deafult); }
    .toolbar-box .ql-bold:hover svg .ql-stroke,
    .toolbar-box .ql-bold:hover svg .ql-fill,
    .toolbar-box .ql-italic:hover svg .ql-stroke,
    .toolbar-box .ql-italic:hover svg .ql-fill,
    .toolbar-box .ql-underline:hover svg .ql-stroke,
    .toolbar-box .ql-underline:hover svg .ql-fill,
    .toolbar-box .ql-strike:hover svg .ql-stroke,
    .toolbar-box .ql-strike:hover svg .ql-fill,
    .toolbar-box .ql-list:hover svg .ql-stroke,
    .toolbar-box .ql-list:hover svg .ql-fill,
    .toolbar-box .ql-stroke:hover svg .ql-stroke,
    .toolbar-box .ql-stroke:hover svg .ql-fill,
    .toolbar-box .ql-indent:hover svg .ql-stroke,
    .toolbar-box .ql-indent:hover svg .ql-fill,
    .toolbar-box .ql-link:hover svg .ql-stroke,
    .toolbar-box .ql-link:hover svg .ql-fill,
    .toolbar-box .ql-image:hover svg .ql-stroke,
    .toolbar-box .ql-image:hover svg .ql-fill {
      stroke: var(--theme-deafult); }
  .toolbar-box .ql-bold button.ql-active .ql-stroke,
  .toolbar-box .ql-italic button.ql-active .ql-stroke,
  .toolbar-box .ql-underline button.ql-active .ql-stroke,
  .toolbar-box .ql-strike button.ql-active .ql-stroke,
  .toolbar-box .ql-list button.ql-active .ql-stroke,
  .toolbar-box .ql-stroke button.ql-active .ql-stroke,
  .toolbar-box .ql-indent button.ql-active .ql-stroke,
  .toolbar-box .ql-link button.ql-active .ql-stroke,
  .toolbar-box .ql-image button.ql-active .ql-stroke {
    stroke: var(--theme-deafult); }

#editor .ql-editing,
#editor1 .ql-editing {
  left: 60.375px !important; }
  [dir="rtl"] #editor .ql-editing, [dir="rtl"] #editor1 .ql-editing {
    left: 0;
    right: 60.375px !important; }
  #editor .ql-editing.ql-out-bottom,
  #editor1 .ql-editing.ql-out-bottom {
    visibility: visible !important; }

#editor .ql-tooltip,
#editor1 .ql-tooltip {
  left: 35.9688px !important; }
  [dir="rtl"] #editor .ql-tooltip, [dir="rtl"] #editor1 .ql-tooltip {
    left: 0;
    right: 35.9688px !important; }
  @media (max-width: 430px) {
    #editor .ql-tooltip,
    #editor1 .ql-tooltip {
      left: 2.9688px !important; }
      [dir="rtl"] #editor .ql-tooltip, [dir="rtl"] #editor1 .ql-tooltip {
        left: 0;
        right: 2.9688px !important; } }
  #editor .ql-tooltip.ql-out-bottom,
  #editor1 .ql-tooltip.ql-out-bottom {
    visibility: visible !important; }
    @media (max-width: 430px) {
      #editor .ql-tooltip.ql-out-bottom input[type=text],
      #editor1 .ql-tooltip.ql-out-bottom input[type=text] {
        width: 94px; } }
.important-mail {
  width: 18px;
  height: 18px;
  fill: transparent;
  stroke: var(--chart-text-color);
  cursor: pointer; }
  .important-mail:active, .important-mail.active {
    fill: #FFAE1A;
    stroke: #FFAE1A; }

.bookmark-box {
  stroke: var(--chart-text-color); }
  .bookmark-box:active, .bookmark-box.active {
    stroke: var(--theme-deafult); }

.dropdown-subtitle > p {
  color: #52526c;
  font-weight: 500; }

/**=====================
    3.47 Letter_box CSS End
==========================**/
/**=====================
    3.16 Errorpage CSS Start
==========================**/
.error-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  text-align: center; }
  .error-wrapper.maintenance-bg {
    background-image: url(/../images/admin/other-images/maintenance-bg.jpg);
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: overlay; }
  .error-wrapper .maintenance-icons li i {
    color: #59667a;
    font-size: 50px;
    animation: rotate-effect 40s infinite linear reverse; }
  .error-wrapper .maintenance-icons li:nth-child(2) i {
    font-size: 100px;
    margin-left: 110px;
    margin-top: -25px;
    animation: reverse-rotate-effect 40s linear infinite; }
  .error-wrapper .maintenance-icons li:nth-child(3) i {
    animation: rotate-effect 30s infinite linear;
    font-size: 150px;
    margin-top: -85px;
    margin-right: 120px; }

@keyframes rotate-effect {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes reverse-rotate-effect {
  0% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(0deg); } }
  .error-wrapper .maintenance-heading {
    margin-top: 70px; }
    .error-wrapper .maintenance-heading .headline {
      font-size: 99px;
      font-weight: 900;
      letter-spacing: 10px;
      color: var(--theme-deafult);
      z-index: 2;
      position: relative;
      margin-top: -70px; }
  .error-wrapper .error-heading {
    margin-top: 115px; }
    .error-wrapper .error-heading .headline {
      font-size: 285px;
      font-weight: 700;
      letter-spacing: 1px;
      margin-top: -130px; }
  .error-wrapper .sub-content {
    font-size: 18px;
    color: #051A1A;
    letter-spacing: 1px;
    font-weight: normal;
    line-height: 35px;
    z-index: 3;
    position: relative;
    margin-top: 30px;
    margin-bottom: 0; }
  .error-wrapper .btn {
    margin-top: 40px; }

.error {
  margin: 70px 0 100px;
  color: #000; }
  .error .error-title {
    font-size: 9.5rem;
    color: #fff;
    text-shadow: 6px 6px 7px rgba(0, 0, 0, 0.32); }
  .error .line-bottom {
    width: 10%;
    height: 5px;
    background-color: #FFAE1A;
    border: none; }
  .error .c-white {
    color: #fff; }
  .error .error-btn {
    text-align: center; }
  .error .padd {
    padding: 10px 30px 10px 30px; }
  .error .btn-back-home {
    background-color: #E6E9EB;
    color: #000; }
    .error .btn-back-home:hover {
      background-color: #FFAE1A;
      color: #fff;
      box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21); }
  .error .btn-adnc-serc {
    background-color: #2c323f;
    color: #fff; }
    .error .btn-adnc-serc:hover {
      background-color: #FFAE1A;
      color: #fff;
      box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21); }

/**=====================
    3.16 Errorpage CSS Start
==========================**/
/**=====================
    3.17 Faq CSS start
==========================**/
.knowledgebase-bg {
  height: 500px;
  border-radius: 15px;
  margin-bottom: 30px; }

.knowledgebase-search {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  left: 5%; }
  .knowledgebase-search .form-inline {
    background-color: #fff;
    width: 500px;
    padding: 12px 50px;
    border-radius: 10px;
    border: 1px solid #E6E9EB;
    margin-top: 10px;
    position: relative; }
    .knowledgebase-search .form-inline ::placeholder {
      color: rgba(5, 26, 26, 0.6); }
    .knowledgebase-search .form-inline svg {
      position: absolute;
      left: 20px;
      width: 20px;
      top: 17px;
      stroke: rgba(5, 26, 26, 0.6); }

.faq-widgets {
  align-items: center; }
  .faq-widgets .media-body h5 {
    font-weight: 600;
    color: #fff;
    margin-bottom: 8px; }
  .faq-widgets .media-body p {
    padding-right: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis; }
  .faq-widgets svg {
    width: 150px;
    height: 150px;
    opacity: 0.5; }

.header-faq {
  margin-bottom: 30px; }
  .header-faq h5 {
    font-weight: 600; }

.features-faq.card .card-body,
.features-faq.card .card-footer {
  padding: 20px 25px; }

.features-faq .faq-image img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%; }

.features-faq .card-body h6 {
  margin-bottom: 15px;
  font-weight: 600; }

.add-project.table td {
  vertical-align: middle; }

.add-project .text-inherit {
  color: black; }

.faq-accordion.default-according {
  margin-bottom: 30px; }
  .faq-accordion.default-according .card .btn-link {
    display: flex; }
    .faq-accordion.default-according .card .btn-link svg {
      width: 20px;
      height: 20px;
      margin-right: 10px; }
  .faq-accordion.default-according .card .faq-header {
    position: relative;
    padding: 30px; }
    .faq-accordion.default-according .card .faq-header svg {
      position: absolute;
      right: 30px;
      top: 30px;
      width: 20px;
      height: 20px; }
    .faq-accordion.default-according .card .faq-header span {
      margin-top: 3px; }
  .faq-accordion.default-according .faq-body {
    padding: 20px !important; }
  .faq-accordion.default-according .card-mb-faq {
    margin-bottom: 30px; }

.faq-title {
  margin: 30px 0; }
  .faq-title h6 {
    color: #999999;
    font-weight: 600; }

.faq-form {
  position: relative; }
  .faq-form .search-icon {
    position: absolute;
    right: 12px;
    top: 9px;
    width: 20px;
    height: 20px; }

.navigation-btn {
  margin-bottom: 20px; }
  .navigation-btn a {
    display: flex;
    align-items: center;
    justify-content: center; }
    .navigation-btn a svg {
      width: 15px;
      height: 15px; }

.navigation-option ul li {
  position: relative;
  padding: 8px 8px 8px 0; }
  .navigation-option ul li:hover {
    background-color: #fdfeff; }
  .navigation-option ul li a {
    padding-left: 40px;
    color: #051A1A; }
    .navigation-option ul li a svg {
      position: absolute;
      width: 15px;
      height: 15px;
      top: 11px;
      left: 15px; }

.updates-faq {
  width: 40px;
  height: 40px;
  border: 2px solid var(--theme-deafult);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px; }
  .updates-faq svg {
    width: 18px;
    height: 18px; }

.updates-bottom-time p {
  margin-bottom: 2px; }
  .updates-bottom-time p + p {
    color: #999999; }

.updates-faq-main {
  margin-bottom: 20px; }
  .updates-faq-main a {
    font-weight: 500; }
  .updates-faq-main:last-child {
    margin-bottom: 0; }

@media only screen and (max-width: 1399.98px) {
  .faq-widgets svg {
    width: 80px;
    height: 80px; } }

@media only screen and (max-width: 1199px) {
  .faq-accordion {
    margin-bottom: 30px; } }

@media only screen and (max-width: 991px) {
  .faq-accordion.default-according .card .faq-header {
    padding: 20px !important; }
    .faq-accordion.default-according .card .faq-header svg {
      right: 20px;
      top: 20px; }
  .navigation-option ul li {
    padding: 10px 10px 10px 0; }
    .navigation-option ul li a svg {
      top: 12px; } }

@media only screen and (max-width: 767px) {
  .xs-mt-search {
    margin-top: 30px; } }

@media only screen and (max-width: 575px) {
  .xs-mt-search {
    margin-top: 0px; }
  .faq-widgets svg {
    width: 60px;
    height: 60px; }
  .faq-title {
    margin: 15px 0; }
  .header-faq {
    margin-bottom: 15px;
    margin-top: 10px; }
  .faq-accordion {
    margin-bottom: 0px; }
    .faq-accordion .faq-header {
      padding: 15px !important; }
      .faq-accordion .faq-header .pull-right {
        float: right; }
      .faq-accordion .faq-header svg {
        right: 15px;
        top: 15px; }
  .navigation-btn,
  .updates-faq-main {
    margin-bottom: 15px; } }

/**=====================
    3.17 Faq CSS end
==========================**/
/**=====================
   3.18 File CSS
==========================**/
.files-content {
  display: flex;
  margin-bottom: -10px; }
  .files-content li {
    margin-right: 20px;
    margin-bottom: 10px; }
    .files-content li .files-list .file-left {
      background-color: rgba(0, 102, 102, 0.05);
      border: 1px solid #ecf3fa;
      padding: 18px 22px;
      border-radius: 5px; }

.file-sidebar .card .card-body,
.file-sidebar .card .card-header,
.file-content .card .card-body,
.file-content .card .card-header {
  padding: 20px !important; }
  .file-sidebar .card .card-body .file-manager,
  .file-sidebar .card .card-header .file-manager,
  .file-content .card .card-body .file-manager,
  .file-content .card .card-header .file-manager {
    padding-top: unset !important; }
  .file-sidebar .card .card-body .form-group input,
  .file-sidebar .card .card-header .form-group input,
  .file-content .card .card-body .form-group input,
  .file-content .card .card-header .form-group input {
    line-height: 0; }

.file-manager .folder {
  margin-bottom: -12px; }
  .file-manager .folder li:nth-child(n+2) {
    margin-left: 12px;
    margin-bottom: 12px; }
  .file-manager .folder li:nth-child(5), .file-manager .folder li:nth-child(9), .file-manager .folder li:nth-child(13) {
    margin-left: 0; }

.file-sidebar ul li + li {
  margin-top: 8px; }

.file-sidebar .btn {
  display: flex;
  align-items: center;
  padding: 8px 20px;
  font-weight: 400; }
  .file-sidebar .btn.btn-light:hover {
    color: #006666 !important; }
    .file-sidebar .btn.btn-light:hover svg {
      stroke: #006666; }
  .file-sidebar .btn svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px; }

.file-sidebar .pricing-plan {
  border: 1px solid #ecf3fa;
  border-radius: 5px;
  margin-top: 10px;
  padding: 15px;
  position: relative;
  overflow: hidden; }
  .file-sidebar .pricing-plan h6 {
    font-size: 14px;
    margin-bottom: 2px;
    color: #898989; }
  .file-sidebar .pricing-plan h5 {
    font-weight: 500;
    font-size: 20px; }
  .file-sidebar .pricing-plan p {
    margin-bottom: 5px;
    color: #898989; }
  .file-sidebar .pricing-plan .btn {
    display: inline-block;
    font-size: 12px; }
  .file-sidebar .pricing-plan .bg-img {
    position: absolute;
    top: 40px;
    opacity: 0.1;
    transform: rotate(-45deg);
    right: -40px; }

.file-manager h5 {
  font-size: 18px;
  font-weight: 600; }

.file-manager > h6 {
  opacity: 0.6;
  font-weight: 400 !important;
  font-size: 15px;
  margin-bottom: 12px; }

.file-manager .files-gap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px; }
  .file-manager .files-gap.list-group {
    flex-direction: unset; }

.file-manager p {
  font-size: 12px;
  color: #999999;
  margin-bottom: 0; }

.folder h6 {
  opacity: 0.9;
  font-weight: 500 !important;
  font-size: 14px; }

.files-content,
.quick-file {
  flex-wrap: wrap; }

.quick-file {
  margin-bottom: -10px; }
  .quick-file li {
    margin-right: 20px;
    margin-bottom: 10px; }
    .quick-file li h6 {
      font-size: 14px;
      text-align: center;
      font-weight: 400;
      margin-top: 8px; }
    .quick-file li .quick-box {
      background-color: rgba(0, 102, 102, 0.05);
      border: 1px solid #ecf3fa;
      padding: 20px 24px;
      border-radius: 5px; }
      .quick-file li .quick-box i {
        font-size: 30px;
        margin-right: 0; }

.file-content .folder-box .files-list h6 {
  font-size: 16px;
  font-weight: 400; }

.file-content .folder-box .files-list i {
  margin-right: 0; }

.file-content .ellips {
  position: absolute;
  top: 30px;
  right: 30px;
  opacity: 0.7; }

.file-content .form-inline {
  border: 1px solid #ecf3fa;
  padding: 0px 20px;
  border-radius: 5px; }
  .file-content .form-inline i {
    padding-right: 10px;
    color: #898989;
    line-height: 3; }
  .file-content .form-inline input::-webkit-input-placeholder {
    color: #898989; }
  .file-content .form-inline input:focus {
    outline: none !important; }

.file-content .search-form input {
  padding: 5px 10px 5px 70px;
  border-radius: 5px; }

.file-content .search-form .form-group:before {
  left: 82px;
  top: 37px; }

.file-content .search-form .form-group:after {
  top: 39px;
  left: 53px; }

.file-content .btn svg {
  height: 16px;
  margin-right: 2px;
  vertical-align: -3px; }

.file-content h4 {
  font-weight: 500;
  margin-bottom: 5px;
  font-size: 24px;
  line-height: 1; }

.file-content .folder .folder-box {
  border: 1px solid #ecf3fa;
  border-radius: 5px;
  padding: 15px;
  background-color: #fff;
  width: calc(25% - 15px);
  display: inline-block;
  margin: 2px 0;
  position: relative; }
  .file-content .folder .folder-box h6 {
    font-size: 16px; }
  .file-content .folder .folder-box .ellips {
    top: 22px;
    right: 22px; }
  .file-content .folder .folder-box:nth-child(1) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 10ms; }
  .file-content .folder .folder-box:nth-child(2) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 20ms; }
  .file-content .folder .folder-box:nth-child(3) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 30ms; }
  .file-content .folder .folder-box:nth-child(4) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 40ms; }
  .file-content .folder .folder-box:nth-child(5) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 50ms; }
  .file-content .folder .folder-box:nth-child(6) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 60ms; }
  .file-content .folder .folder-box:nth-child(7) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 70ms; }
  .file-content .folder .folder-box:nth-child(8) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 80ms; }
  .file-content .folder .folder-box:nth-child(9) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 90ms; }
  .file-content .folder .folder-box:nth-child(10) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 100ms; }
  .file-content .folder .folder-box:nth-child(11) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 110ms; }
  .file-content .folder .folder-box:nth-child(12) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 120ms; }
  .file-content .folder .folder-box:nth-child(13) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 130ms; }
  .file-content .folder .folder-box:nth-child(14) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 140ms; }
  .file-content .folder .folder-box:nth-child(15) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 150ms; }

.md-sidebar .md-sidebar-toggle {
  display: none;
  width: fit-content;
  margin-bottom: 20px;
  font-weight: 600;
  text-transform: capitalize; }

@media screen and (max-width: 1440px) {
  .file-content .folder .folder-box .d-flex {
    display: block !important;
    text-align: center; }
    .file-content .folder .folder-box .d-flex .flex-grow-1 {
      margin-left: 0 !important;
      margin-top: 5px; } }

@media screen and (max-width: 1366px) {
  .file-content .folder {
    margin-bottom: -10px; }
    .file-content .folder .folder-box {
      margin-bottom: 10px;
      margin-right: 0;
      padding: 13px; }
      .file-content .folder .folder-box .media i {
        font-size: 30px; }
  .file-content .card-header .btn {
    padding: 8px 15px;
    z-index: 0; }
  .file-sidebar .btn {
    padding: 8px 15px; } }

@media screen and (max-width: 1199px) {
  .job-sidebar .job-left-aside {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0;
    opacity: 1;
    visibility: hidden;
    overflow-y: scroll;
    z-index: 3;
    max-width: 270px;
    height: 600 px;
    background-color: #fff;
    border: 1 px solid #e6edef;
    padding: 12px; }
  .job-sidebar .job-toggle {
    display: block !important;
    margin-bottom: 20px; }
  .job-sidebar .job-left-aside.open {
    opacity: 1;
    visibility: visible; }
  .md-sidebar .md-sidebar-toggle {
    display: block;
    width: fit-content; }
  .md-sidebar .md-sidebar-aside {
    position: absolute;
    top: 70%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    width: 280px; }
    .md-sidebar .md-sidebar-aside.open {
      opacity: 1;
      visibility: visible; } }

@media screen and (max-width: 768px) {
  .file-content .form-inline {
    display: inline-block;
    padding: 0px 0px 0px 20px; }
  .file-content .folder {
    margin-bottom: -10px; }
    .file-content .folder .folder-box {
      width: calc(50% - 20px);
      margin-bottom: 10px;
      margin-right: 8px; }
      [dir="rtl"] .file-content .folder .folder-box {
        margin-right: 0px; }
      .file-content .folder .folder-box:nth-child(odd) {
        margin-left: 0; } }

@media screen and (max-width: 420px) {
  .file-content .folder .folder-box {
    width: calc(100%);
    margin-right: unset; }
  .file-content h4 {
    font-size: 20px; }
  .file-content .card-header .btn {
    padding: 7px 10px;
    font-size: 12px; }
  .file-manager .folder li:nth-child(n+2) {
    margin-left: 0; }
  .file-manager > h6 {
    font-size: 14px; } }

/**=====================
    3.18 File CSS
==========================**/
/**=====================
    3.19 Gallery CSS Start
==========================**/
.profile-img-style img,
.scroll-bar-wrap img {
  width: 100%; }

.gallery {
  margin-bottom: -30px; }
  .gallery > a {
    margin-bottom: 30px; }
    .gallery > a:before {
      content: "\edee";
      font-family: IcoFont;
      position: absolute;
      height: calc(100% - 10px);
      left: 20px;
      width: calc(100% - 40px);
      background-color: rgba(255, 255, 255, 0.27);
      top: 5px;
      transform: scale(0);
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px;
      color: #000; }
    .gallery > a:hover:before {
      transform: scale(1);
      transition: all 0.3s ease; }
    .gallery > a .img-thumbnail {
      border-radius: 0; }

.gallery-with-description {
  margin-bottom: -30px; }
  .gallery-with-description a > div {
    padding: 10px;
    border: 1px solid #e4e6ec;
    margin-bottom: 30px;
    border-radius: 0 0 5px 5px; }
  .gallery-with-description a:hover {
    text-decoration: none !important; }
  .gallery-with-description h4 {
    color: #2c323f;
    margin-top: 15px;
    font-size: 18px;
    margin-bottom: 5px; }
  .gallery-with-description p {
    color: #a3a3a3; }

.lg-backdrop {
  background-color: #fff; }

.lg-outer .lg-actions .lg-next,
.lg-outer .lg-actions .lg-prev {
  background-color: white;
  border: 1px solid #efefef; }
  .lg-outer .lg-actions .lg-next:hover,
  .lg-outer .lg-actions .lg-prev:hover {
    color: #2c323f; }

.lg-outer .lg-toolbar {
  background-color: rgba(255, 255, 255, 0.45);
  border-bottom: 1px solid #2c323f; }
  .lg-outer .lg-toolbar .lg-icon:hover {
    color: #2c323f; }

.lg-outer #lg-counter {
  color: #2c323f; }

.lg-outer .lg-sub-html {
  background-color: rgba(255, 255, 255, 0.45); }
  .lg-outer .lg-sub-html h4 {
    font-size: inherit;
    color: #2c323f; }
  .lg-outer .lg-sub-html p {
    color: #2c323f; }

.lg-outer .lg-thumb-outer {
  background-color: #ecf3fa; }

.lg-outer .lg-thumb-item {
  padding: 4px;
  border: 1px solid #efefef;
  border-radius: 0; }
  .lg-outer .lg-thumb-item .active, .lg-outer .lg-thumb-item:hover {
    border-color: #000; }

.gallery a:before, .gallery a:after {
  content: none; }

.gallery .img-hover > div {
  overflow: hidden; }

.gallery .hover-1 img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  .gallery .hover-1 img:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }

.gallery .hover-2 img {
  width: 100%;
  height: auto;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  transform: translateX(0px); }

.gallery .hover-2:hover img {
  transform: translateX(40px) scale(1.2); }

.gallery .hover-3 img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-3:hover img {
  -webkit-transform: scale(1);
  transform: scale(1); }

.gallery .hover-4 img {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-4:hover img {
  -webkit-transform: scale(1);
  transform: scale(1); }

.gallery .hover-5 img {
  margin-left: 30px;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-5:hover img {
  margin-left: 0; }

.gallery .hover-6 img {
  -webkit-transform: rotate(15deg) scale(1.4);
  transform: rotate(15deg) scale(1.4);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-6:hover img {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1); }

.gallery .hover-7 img {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-7:hover img {
  -webkit-filter: blur(0);
  filter: blur(0); }

.gallery .hover-8 img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-8:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0); }

.gallery .hover-9 img {
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-9:hover img {
  -webkit-filter: sepia(0);
  filter: sepia(0); }

.gallery .hover-10 img {
  -webkit-filter: grayscale(0) blur(0);
  filter: grayscale(0) blur(0);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-10:hover img {
  -webkit-filter: grayscale(100%) blur(3px);
  filter: grayscale(100%) blur(3px); }

.gallery .hover-11 img {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-11:hover img {
  opacity: .5; }

@-webkit-keyframes flash {
  0% {
    opacity: .4; }
  100% {
    opacity: 1; } }

@keyframes flash {
  0% {
    opacity: .4; }
  100% {
    opacity: 1; } }

.gallery .hover-13:hover img {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s; }

@-webkit-keyframes shine {
  100% {
    left: 125%; } }

@keyframes shine {
  100% {
    left: 125%; } }

.gallery .hover-14 div {
  position: relative; }
  .gallery .hover-14 div:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg); }
  .gallery .hover-14 div:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s; }

.gallery .hover-15 div {
  position: relative; }
  .gallery .hover-15 div:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0; }
  .gallery .hover-15 div:hover:before {
    -webkit-animation: circle .75s;
    animation: circle .75s; }

@-webkit-keyframes circle {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

@keyframes circle {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

* {
  box-sizing: border-box; }
  *:after, *:before {
    box-sizing: border-box; }

.grid {
  position: relative; }

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both; }

/* ---- .grid-item ---- */
.grid-item img {
  max-width: 100%;
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6; }

.gallery-with-description .grid-item img {
  border: 0;
  padding: 0; }

/**=====================
    3.19 Gallery CSS Ends
==========================**/
/**=====================
    3.20 Helper CSS start
==========================**/
.helper-common-box {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  gap: 8px; }
  .helper-common-box:last-child {
    margin-bottom: 0; }
  .helper-common-box.helper-p-wrapper {
    gap: 12px;
    margin-bottom: 0;
    flex-wrap: wrap; }

.border-wrapper {
  padding: 20px; }

.helper-box {
  width: 40px;
  height: 40px;
  border-radius: 25%; }
  .helper-box.helper-text {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900; }

.helper-radius {
  width: 60px;
  height: 30px; }

.fill-wrapper {
  background-color: #E6E9EB; }

.gradient-border {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  align-items: center; }
  @media (max-width: 1200px) {
    .gradient-border {
      gap: calc(13px + (22 - 13) * ((100vw - 320px) / (1200 - 320))); } }
.radius-wrapper {
  background-color: #efefef; }

.font-wrapper {
  display: flex;
  align-items: center;
  padding: 12px 20px; }

.helper-padding {
  display: flex;
  flex-direction: column;
  gap: 12px; }

.helper-p-box {
  display: flex;
  justify-content: center;
  align-items: center; }
  .helper-p-box span {
    color: var(--body-font-color); }

.common-p-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start; }

/**=====================
    3.20 Helper CSS end
==========================**/
/**=====================
    3.21 Internationalization CSS start
==========================**/
.hdg_main {
  position: relative; }

.main .langChoice {
  position: absolute;
  right: 40px;
  top: 31px;
  padding: 10px 18px;
  background-color: transparent; }

@media (max-width: 991px) {
  .main .langChoice {
    right: 20px;
    top: 11px;
    padding: 8px; } }

@media only screen and (max-width: 575px) {
  .main .langChoice {
    top: 14px;
    padding: 4px 7px; }
  .language-xs {
    margin-top: 15px; } }

@media only screen and (max-width: 360px) {
  .language-header {
    padding-bottom: 60px !important; }
  .main .langChoice {
    left: 0;
    margin: 0 auto;
    top: 50px;
    width: 30%;
    right: 0; } }

/**=====================
    3.21 Internationalization CSS End
==========================**/
/**=====================
    3.22 Job-search CSS Start
==========================**/
.filter-cards-view .job-filter:first-child {
  margin-bottom: 30px; }

.filter-cards-view .checkbox-animated {
  margin-top: 30px;
  margin-bottom: 30px; }

.location-checkbox span {
  color: #999999;
  padding-left: 33px; }
  [dir="rtl"] .location-checkbox span {
    padding-left: unset;
    padding-right: 33px; }

.job-accordion .card {
  margin-bottom: 30px; }

.job-accordion .btn-block {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.job-search p {
  margin-top: 14px; }

.job-search .d-flex .flex-grow-1 h6 {
  margin-bottom: 3px; }
  .job-search .d-flex .flex-grow-1 h6 span {
    font-size: 13px;
    color: #999999;
    font-weight: normal; }
    .job-search .d-flex .flex-grow-1 h6 span.badge {
      color: #fff; }

.job-search .d-flex .flex-grow-1 > p {
  margin-top: 0;
  color: #999999; }

.job-search .job-description {
  margin-top: 30px; }
  .job-search .job-description button span {
    color: #fff; }
  .job-search .job-description h6 {
    font-weight: 600;
    margin-bottom: 30px; }
  .job-search .job-description p {
    margin-top: 0;
    margin-bottom: 6px; }
  .job-search .job-description ul {
    list-style-type: disc;
    list-style-position: inside; }
    .job-search .job-description ul li {
      margin-bottom: 10px; }
      .job-search .job-description ul li:last-child {
        margin-bottom: 0; }
  .job-search .job-description .theme-form {
    margin-top: 30px;
    margin-bottom: 30px; }
    .job-search .job-description .theme-form .row div[class^="col-"] + div[class^="col-"] .select2-container {
      margin-top: 18px; }
    .job-search .job-description .theme-form .row div[class^="col-"] .job-select2 ~ .select2-container {
      margin-top: 0 !important; }
    .job-search .job-description .theme-form .row div[class^="col-"] .input-group .datepicker-here {
      font-size: 14px;
      border: 1px solid #efefef;
      padding-top: 12px;
      padding-bottom: 12px; }

.select2-container .select2-selection--single {
  border-radius: 0.25rem !important;
  border-color: #efefef;
  height: 47px !important;
  padding: 10px; }

.job-pagination {
  margin-bottom: 30px; }
  .job-pagination nav ul {
    justify-content: center; }

@media only screen and (max-width: 1366px) {
  .xl-mt-job {
    margin-bottom: 20px; } }

@media only screen and (max-width: 991px) {
  .filter-cards-view {
    padding: 20px !important; }
    .filter-cards-view .job-filter:first-child {
      margin-bottom: 20px; }
    .filter-cards-view .checkbox-animated {
      margin-top: 20px;
      margin-bottom: 20px; }
  .job-accordion .animate-chk {
    padding: 20px !important; }
  .job-search > p {
    margin-top: 20px; } }

@media only screen and (max-width: 575px) {
  .filter-cards-view {
    padding: 15px !important; }
    .filter-cards-view .job-filter:first-child {
      margin-bottom: 15px; }
    .filter-cards-view .checkbox-animated {
      margin-top: 15px;
      margin-bottom: 15px; }
  .job-accordion .animate-chk {
    padding: 15px !important; }
  .job-search p {
    margin-top: 15px; }
  .job-search .d-flex {
    display: block;
    text-align: center; }
    .job-search .d-flex .flex-grow-1 h6 .pull-right {
      float: none;
      margin-top: 3px;
      display: block; }
    .job-search .d-flex .flex-grow-1 h6 a {
      display: block; }
    .job-search .d-flex .flex-grow-1 p span + span {
      display: block;
      color: #E6E9EB; }
    .job-search .d-flex img {
      margin-bottom: 15px; }
    .job-search .d-flex .m-r-20 {
      margin-right: 0; }
  .job-search .job-description {
    margin-top: 15px; }
    .job-search .job-description .theme-form {
      margin-top: 15px;
      margin-bottom: 15px; }
      .job-search .job-description .theme-form .row div[class^="col-"] + div[class^="col-"] .select2-container {
        margin-top: 2px; }
      .job-search .job-description .theme-form .xs-mt-period {
        margin-top: 15px; }
  .job-pagination {
    margin-bottom: 15px; }
  .xl-mt-job {
    margin-bottom: 15px; } }

@media only screen and (max-width: 360px) {
  .job-search .job-description .btn {
    padding: 6px 12px; } }

.select-date .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 9px;
  right: 12px; }

/**=====================
    3.22 Job-search CSS End
==========================**/
/**=====================
  3.23 Jsgrid CSS Start
==========================**/
.jsgrid .jsgrid-grid-body .jsgrid-cell {
  padding: 0.75rem; }

.jsgrid .jsgrid-pager-container {
  text-align: right; }

.jsgrid .jsgrid-pager {
  padding: 0;
  margin-top: 20px; }
  .jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button {
    margin-right: -5px; }
    .jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button:first-child {
      border-radius: 5px 0 0 5px; }
  .jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button {
    margin-left: -5px; }
    .jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button:last-child {
      border-radius: 0 5px 5px 0; }
  .jsgrid .jsgrid-pager [class*="jsgrid-pager"] {
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    border: 1px solid #E6E9EB; }
  .jsgrid .jsgrid-pager .jsgrid-pager-page a {
    color: #2c323f; }
  .jsgrid .jsgrid-pager .jsgrid-pager-current-page {
    color: #2c323f; }

.jsgrid .jsgrid-selected-row > .jsgrid-cell {
  background: #E6E9EB;
  border-color: #fafafa; }

.jsgrid .jsgrid-header-row > .jsgrid-header-cell {
  padding: 0.75rem;
  font-weight: 500; }

/**=====================
  3.23 Jsgrid CSS Ends
==========================**/
/**=====================
  3.24 Kanban CSS start
==========================**/
.jkanban-container .btn {
  margin-bottom: 10px; }

.jkanban-container .note a {
  display: contents; }

.kanban-board-header {
  height: auto;
  width: auto;
  line-height: unset;
  background: #F5F5F5;
  border-bottom: 1px solid #ddd; }
  .kanban-board-header.bg-info ~ .kanban-drag {
    background-color: rgba(23, 56, 120, 0.3) !important; }
  .kanban-board-header.bg-warning ~ .kanban-drag {
    background-color: rgba(255, 174, 26, 0.3) !important; }
  .kanban-board-header.bg-success ~ .kanban-drag {
    background-color: rgba(0, 172, 70, 0.3) !important; }

.kanban-container {
  display: contents; }

.kanban-board {
  margin-bottom: 30px;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  border-radius: 8px;
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  overflow: hidden;
  width: calc(100% / 3 - 30px) !important; }
  .kanban-board .kanban-drag {
    background: #F5F5F5; }

.kanban-item {
  background: transparent;
  padding: 0;
  margin-bottom: 20px; }
  .kanban-item .kanban-box .badge {
    line-height: 13px; }
  .kanban-item p {
    opacity: 0.7; }
  .kanban-item:last-child {
    margin-bottom: 0; }
  .kanban-item .list {
    display: inline-block;
    opacity: 0.4; }
    .kanban-item .list li {
      display: inline-block;
      font-size: 12px;
      padding: 0px 4px; }
      .kanban-item .list li i {
        margin-right: 8px; }
  .kanban-item .kanban-box {
    border: 1px solid #efefef;
    border-radius: 5px;
    padding: 20px;
    position: relative;
    display: block;
    color: inherit;
    background-color: #fff; }
    .kanban-item .kanban-box:hover {
      color: inherit; }
    .kanban-item .kanban-box + .kanban-box {
      margin-top: 20px; }
    .kanban-item .kanban-box .badge {
      font-weight: 400; }
    .kanban-item .kanban-box h6 {
      font-size: 15px;
      margin-top: 5px;
      font-weight: 600;
      margin-bottom: 8px; }
    .kanban-item .kanban-box .dropdown {
      display: inline-block;
      right: 10px;
      position: absolute;
      top: 20px; }
      .kanban-item .kanban-box .dropdown .dropdown-item {
        font-size: 13px;
        font-weight: 500;
        padding: 5px 10px;
        text-align: left; }
      .kanban-item .kanban-box .dropdown svg {
        height: 14px; }
    .kanban-item .kanban-box .d-flex {
      justify-content: space-between; }
    .kanban-item .kanban-box .dropdown-toggle:after {
      content: none; }
    .kanban-item .kanban-box .customers ul li + li {
      margin-left: -10px; }
    .kanban-item .kanban-box .date {
      font-size: 11px;
      opacity: 0.5; }

footer {
  margin: 0;
  padding: 0; }

@media only screen and (max-width: 1199px) {
  .jkanban-container .btn {
    margin-bottom: 10px;
    margin-left: 20px; }
  .kanban-container .kanban-board {
    width: 320px !important; } }

@media only screen and (max-width: 600px) {
  .kanban-board .kanban-drag,
  .kanban-container .kanban-item .kanban-box {
    padding: 10px 15px; }
  .kanban-container .kanban-board {
    margin-left: 10px !important;
    margin-right: 10px !important; } }

@media only screen and (max-width: 480px) {
  .jkanban-container .card-body {
    padding: 20px 0 !important; }
  .kanban-board .kanban-drag,
  .kanban-container .kanban-item .kanban-box {
    padding: 10px 15px; }
  .kanban-container .kanban-board {
    width: 270px !important; } }

@media screen and (max-width: 375px) {
  .kanban-container .kanban-board {
    width: 258px !important; } }

/**=====================
   3.24 Kanban CSS ends
==========================**/
/**=====================
    3.25 Knowledgebase CSS start
==========================**/
.browse .browse-articles span {
  vertical-align: middle; }
  .browse .browse-articles span:nth-child(2) {
    padding-left: 20px;
    font-weight: 400; }
    [dir="rtl"] .browse .browse-articles span:nth-child(2) {
      padding-left: unset;
      padding-right: 20px; }
  .browse .browse-articles span svg {
    width: 14px;
    height: 14px;
    vertical-align: text-top;
    position: absolute;
    left: 0;
    top: 4px; }
    [dir="rtl"] .browse .browse-articles span svg {
      left: unset;
      right: 0; }

.browse .browse-articles h6 {
  padding-bottom: 10px;
  margin-bottom: 0px;
  border-bottom: 1px solid #fdfeff;
  padding-left: 40px; }
  [dir="rtl"] .browse .browse-articles h6 {
    padding-left: unset;
    padding-right: 40px; }
  .browse .browse-articles h6 span svg {
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    top: 0;
    left: 22px; }

.browse .browse-articles ul li {
  padding: 8px;
  border-radius: 8px; }
  .browse .browse-articles ul li a {
    color: #051A1A;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px; }
  .browse .browse-articles ul li:hover {
    background-color: #fdfeff; }

@media only screen and (max-width: 1366px) {
  .browse div[class^="col-"]:nth-child(3) {
    margin-top: 30px; } }

@media only screen and (max-width: 360px) {
  .browse .browse-articles ul li a span:nth-child(2) {
    width: 158px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block; } }

.badge.pull-right {
  padding-top: 8px; }

.articles-icons svg {
  min-width: 18px; }

.articles-icons .media-body h6 {
  margin-bottom: 8px; }

.media.faq-widgets svg {
  min-width: 18px; }

/**=====================
    3.25 Knowledgebase CSS End
==========================**/
/**=====================
    3.26 Landing CSS Start
==========================**/
html:hover .cursor {
  opacity: 1; }

.cursor {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: none; }
  .cursor--hover .cursor-inner {
    transform: scale(0.5);
    opacity: 0; }
  .cursor--hover .cursor-outer {
    transform: scale(1.4);
    border-color: #006666;
    opacity: 1; }

.cursor-move-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: -3px;
  margin-left: -3px; }

.cursor-move-outer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.cursor-inner {
  display: block;
  width: 80%;
  height: 80%;
  background: #006666;
  border-radius: 50%;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.cursor-outer {
  display: block;
  width: 70%;
  height: 70%;
  border: 1px solid #006666;
  border-radius: 50%;
  box-sizing: border-box;
  box-shadow: 0px 0px 4px 4px rgba(0, 102, 102, 0.22);
  transition: border 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.landing-page div canvas:first-child {
  display: none !important; }

/* MESH LOADER */
@keyframes mesh {
  0% {
    transform-origin: 50% -100%;
    transform: rotate(0); }
  50% {
    transform-origin: 50% -100%;
    transform: rotate(360deg); }
  50.1% {
    transform-origin: 50% 200%;
    transform: rotate(0deg); }
  100% {
    transform-origin: 50% 200%;
    transform: rotate(360deg); } }

@keyframes rotate-animation {
  0% {
    transform: rotate3d(1, 1, 1, 0deg); }
  25% {
    transform: rotate3d(1, 1, 1, 2deg); }
  50% {
    transform: rotate3d(1, 1, 1, 0deg); }
  75% {
    transform: rotate3d(1, 1, 1, -2deg); }
  100% {
    transform: rotate3d(1, 1, 1, 0deg); } }

.mesh-loader {
  overflow: hidden;
  height: inherit;
  width: inherit; }
  .mesh-loader .circle {
    position: absolute;
    background: #006666;
    border-radius: 50%;
    margin: -3px;
    animation: mesh 3s ease-in-out infinite -1.5s;
    width: 6px;
    height: 6px; }
  .mesh-loader > div .circle:last-child {
    animation-delay: 0s; }
  .mesh-loader > div {
    position: absolute;
    top: 50%;
    left: 50%; }
  .mesh-loader > div:last-child {
    transform: rotate(90deg); }

@-webkit-keyframes animloader14 {
  0% {
    transform: scale(0);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }

@keyframes animloader14 {
  0% {
    transform: scale(0);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }

.feature-box {
  padding: 16px 22px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start; }
  @media (max-width: 575px) {
    .feature-box {
      padding: 20px; } }
  .feature-box img {
    transition: all 0.3s ease; }
  .feature-box:hover {
    background-color: #006666; }
    .feature-box:hover h5 {
      color: #fff; }
    .feature-box:hover p {
      color: #fff; }
    .feature-box:hover img {
      transform: scale(0.7);
      animation: swing 2s ease infinite; }
    .feature-box:hover .feature-icon {
      background-color: rgba(0, 102, 102, 0.08); }
  .feature-box h5 {
    padding-bottom: 11px; }
  .feature-box .feature-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    border-radius: 17px;
    top: -20px;
    right: 22px;
    box-shadow: 5px 7px 4px 0px rgba(0, 0, 0, 0.2); }
    .feature-box .feature-icon div {
      height: 45px;
      width: 45px;
      border-radius: 17px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 102, 102, 0.08); }

.feature-section {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: 610px;
  padding-top: 70px;
  background-color: rgba(0, 102, 102, 0.06); }
  .feature-section .vector-image {
    top: 50px;
    right: -170px; }
    @media (max-width: 1674px) {
      .feature-section .vector-image {
        top: 60px;
        right: -160px; } }
    @media (max-width: 1600px) {
      .feature-section .vector-image {
        top: 0px;
        right: -20px; } }
    @media (max-width: 1655px) {
      .feature-section .vector-image {
        right: -130px; } }
    @media (max-width: 1595px) {
      .feature-section .vector-image {
        right: -6px;
        top: -10px; } }
    @media (max-width: 1399px) {
      .feature-section .vector-image {
        top: -6px;
        right: -10px; } }
    @media (max-width: 1199px) {
      .feature-section .vector-image {
        right: -12px; } }
    .feature-section .vector-image img {
      height: 370px; }
      @media (max-width: 1674px) {
        .feature-section .vector-image img {
          height: 340px; } }
      @media (max-width: 1655px) {
        .feature-section .vector-image img {
          height: 310px; } }
      @media (max-width: 1600px) {
        .feature-section .vector-image img {
          height: 300px; } }
      @media (max-width: 1399px) {
        .feature-section .vector-image img {
          height: 280px; } }
  .feature-section .round-gif {
    top: unset;
    bottom: 12%; }
    @media (max-width: 1660px) {
      .feature-section .round-gif {
        left: 0; } }
    @media (max-width: 1460px) {
      .feature-section .round-gif {
        bottom: unset;
        top: 6%; } }
    @media (max-width: 991px) {
      .feature-section .round-gif {
        top: -3%; } }
    @media (max-width: 575px) {
      .feature-section .round-gif {
        top: -2%; } }
    .feature-section .round-gif img {
      width: 105px;
      height: 105px; }
      @media (max-width: 1460px) {
        .feature-section .round-gif img {
          width: 90px;
          height: 90px; } }
      @media (max-width: 575px) {
        .feature-section .round-gif img {
          width: 70px;
          height: 70px; } }
.landing-page {
  color: #000248; }
  .landing-page .section-py-space {
    padding-top: 70px;
    padding-bottom: 70px; }
    .landing-page .section-py-space .title {
      margin-top: -5px;
      margin-bottom: 70px; }
      .landing-page .section-py-space .title h5 {
        color: #006666;
        text-align: center;
        font-family: Caveat;
        font-weight: 700;
        font-size: 20px; }
      .landing-page .section-py-space .title h2 {
        font-size: 40px;
        color: #051A1A;
        position: relative; }
        .landing-page .section-py-space .title h2::after {
          content: "";
          position: absolute;
          height: 5px;
          left: 50%;
          transform: translate(-50%);
          width: 51px;
          top: 60px;
          border-radius: 10px;
          background-color: #FE6A49; }
      .landing-page .section-py-space .title span {
        letter-spacing: 1.5px;
        color: rgba(5, 26, 26, 0.8); }
    .landing-page .section-py-space .support-title {
      z-index: 8;
      position: absolute;
      right: 50%;
      transform: translate(36%); }
      .landing-page .section-py-space .support-title h2 {
        font-weight: 700;
        font-size: 26px;
        text-align: end; }
      .landing-page .section-py-space .support-title .premium-button {
        text-align: end; }
      .landing-page .section-py-space .support-title p {
        letter-spacing: 1.5px;
        text-align: end;
        color: #86909C;
        margin-bottom: 0px;
        padding-bottom: 8px; }
    .landing-page .section-py-space .license-title h3 {
      position: absolute;
      top: 38%;
      left: 3%;
      transform: translate(10%);
      color: #006666;
      text-align: center;
      font-family: Caveat;
      font-weight: 700;
      font-size: 43px; }
  .landing-page .demo-section .dashboard-images .demo-box .img-wrraper img {
    border-radius: 10px;
    padding: 10px;
    border: 1px solid rgba(0, 102, 102, 0.65); }
    .landing-page .demo-section .dashboard-images .demo-box .img-wrraper img:hover {
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .demo-section .down-loader {
    position: relative; }
    .landing-page .demo-section .down-loader img {
      position: absolute;
      top: 310px; }
  .landing-page .demo-section .demo-box {
    background-color: rgba(0, 102, 102, 0.06);
    padding: 0px 21px 20px;
    border-radius: 10px; }
    .landing-page .demo-section .demo-box .layout-name {
      padding: 18px 0px 18px 0px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .landing-page .demo-section .demo-box .layout-name a {
        font-size: 17px;
        font-weight: 600;
        color: #006666;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal; }
      .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px; }
        .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li {
          height: 10px;
          width: 10px;
          border-radius: 100%;
          opacity: 0.5; }
          .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:first-child {
            background-color: #006666; }
          .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:nth-child(2) {
            background-color: #FE6A49; }
          .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:last-child {
            background-color: #FFAE1A; }
    .landing-page .demo-section .demo-box .demo-title {
      padding-top: 20px;
      text-align: center; }
      .landing-page .demo-section .demo-box .demo-title .btn {
        text-transform: capitalize;
        border: 1px solid #006666;
        padding: 8px 15px;
        transition: all 0.5s ease;
        color: #fff; }
        .landing-page .demo-section .demo-box .demo-title .btn:hover {
          background-color: #006666;
          color: #fff; }
    .landing-page .demo-section .demo-box .img-wrraper {
      overflow: hidden;
      position: relative;
      border: 2px solid rgba(230, 233, 235, 0.65);
      border-radius: 10px; }
      .landing-page .demo-section .demo-box .img-wrraper img {
        transition: all 0.5s ease;
        width: 100%;
        padding: 6px; }
    .landing-page .demo-section .demo-box:hover .img-wrraper {
      transition: all 0.5s ease;
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .demo-section .demo-block {
    margin-bottom: -30px;
    justify-content: center; }
    .landing-page .demo-section .demo-block > div {
      margin-bottom: 30px; }
  .landing-page .application-section .app-box .img-wrraper img {
    border-radius: 10px;
    padding: 10px;
    background-color: rgba(0, 102, 102, 0.06);
    padding: 20px; }
    .landing-page .application-section .app-box .img-wrraper img:hover {
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .application-section .down-loader {
    position: relative; }
    .landing-page .application-section .down-loader img {
      position: absolute;
      top: 310px; }
  .landing-page .application-section .app-box {
    border-radius: 10px; }
    .landing-page .application-section .app-box .layout-name {
      padding: 18px 0px 18px 0px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .landing-page .application-section .app-box .layout-name a {
        font-size: 17px;
        font-weight: 600;
        color: #006666; }
      .landing-page .application-section .app-box .layout-name .riho-demo-img ul {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px; }
        .landing-page .application-section .app-box .layout-name .riho-demo-img ul li {
          height: 10px;
          width: 10px;
          border-radius: 100%;
          opacity: 0.5; }
          .landing-page .application-section .app-box .layout-name .riho-demo-img ul li:first-child {
            background-color: #006666; }
          .landing-page .application-section .app-box .layout-name .riho-demo-img ul li:nth-child(2) {
            background-color: #FE6A49; }
          .landing-page .application-section .app-box .layout-name .riho-demo-img ul li:last-child {
            background-color: #FFAE1A; }
    .landing-page .application-section .app-box .demo-title {
      padding-top: 20px;
      text-align: center; }
      .landing-page .application-section .app-box .demo-title .btn {
        text-transform: capitalize;
        border: none !important;
        background: linear-gradient(90deg, rgba(13, 126, 126, 0.08) -18.33%, rgba(0, 102, 102, 0.08) 62.78%) !important;
        padding: 8px 15px;
        font-weight: 600;
        transition: all 0.5s ease;
        color: #006666; }
        .landing-page .application-section .app-box .demo-title .btn:hover, .landing-page .application-section .app-box .demo-title .btn:active {
          background-color: #006666 !important;
          color: #fff !important; }
    .landing-page .application-section .app-box .img-wrraper {
      overflow: hidden;
      position: relative;
      border-radius: 10px; }
      .landing-page .application-section .app-box .img-wrraper img {
        transition: all 0.5s ease;
        width: 100%;
        background-color: rgba(0, 102, 102, 0.06);
        padding: 20px; }
    .landing-page .application-section .app-box:hover .img-wrraper {
      transition: all 0.5s ease;
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .application-section .demo-block {
    margin-bottom: -30px;
    justify-content: center; }
    .landing-page .application-section .demo-block > div {
      margin-bottom: 30px; }

.demo-section .demo-box.dashboard-images .img-wrraper {
  position: relative;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  border-radius: 15px;
  overflow: hidden;
  transition: all 0.5s ease;
  background-color: #fff; }
  .demo-section .demo-box.dashboard-images .img-wrraper img {
    transition: all 0.5s ease;
    border-radius: 14px; }
  .demo-section .demo-box.dashboard-images .img-wrraper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    background-color: rgba(0, 102, 102, 0.09);
    z-index: 2;
    transition: all 0.5s ease; }
  .demo-section .demo-box.dashboard-images .img-wrraper .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    opacity: 0;
    z-index: 3;
    visibility: hidden;
    transform: scale(0) rotate(-90deg);
    transition: all 0.5s ease; }
    .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link {
      width: fit-content;
      margin: auto;
      z-index: 3; }
      .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li {
        display: inline-block; }
        .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li:nth-child(n+2) {
          margin-left: 10px; }
        .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li a {
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          width: 158px;
          height: 50px;
          border-radius: 12px;
          background-color: #fff; }
          .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li a img {
            width: auto;
            height: 50%; }

.demo-section .demo-box.dashboard-images .demo-detail {
  padding-top: 25px; }
  .demo-section .demo-box.dashboard-images .demo-detail .demo-title {
    text-align: center; }
    .demo-section .demo-box.dashboard-images .demo-detail .demo-title h3 {
      font-size: 22px;
      font-family: "Montserrat", sans-serif;
      text-transform: capitalize;
      font-weight: 400;
      margin-bottom: -7px;
      color: #1A1C23; }

.animate-slider .slick-slide img {
  width: 100%; }

.text-marqee {
  height: 230px; }
  @media (max-width: 1199px) {
    .text-marqee {
      height: 166px; } }
  @media (max-width: 991px) {
    .text-marqee {
      height: 130px; } }
  @media (max-width: 767px) {
    .text-marqee {
      height: 95px; } }
  @media (max-width: 575px) {
    .text-marqee {
      height: 65px; } }
.marquee {
  padding-top: 70px;
  margin-bottom: -30px;
  animation: scrolling 40s linear infinite; }
  .marquee .marquee-name p {
    text-align: end; }
    .marquee .marquee-name p.big-title {
      margin-bottom: 0px;
      font-weight: 700;
      font-size: 60px;
      font-family: "Montserrat", sans-serif;
      text-transform: uppercase;
      color: #fff;
      -webkit-background-clip: text;
      background-image: linear-gradient(26deg, #006666, rgba(13, 126, 126, 0.19));
      -webkit-text-stroke: 2px transparent; }

@keyframes scrolling {
  0% {
    transform: translate(100vw); }
  100% {
    transform: translate(-117vw); } }

.f-light {
  color: #86909C; }

.vector-image {
  position: absolute; }
  @media (max-width: 991px) {
    .vector-image {
      display: none; } }
.loader-gif {
  right: 5%;
  top: 25%; }
  @media (max-width: 1199px) {
    .loader-gif {
      top: 32%; } }
  @media (max-width: 991px) {
    .loader-gif {
      right: 15px; } }
  @media (max-width: 575px) {
    .loader-gif {
      top: 28%; } }
.loader-line-gif {
  right: 15%;
  top: 12%; }
  @media (max-width: 1660px) {
    .loader-line-gif {
      right: 5%; } }
  @media (max-width: 1399px) {
    .loader-line-gif {
      top: 10%;
      right: 0; } }
  @media (max-width: 1199px) {
    .loader-line-gif {
      top: 9%; } }
  @media (max-width: 991px) {
    .loader-line-gif {
      top: 0; } }
  .loader-line-gif img {
    width: 130px; }
    @media (max-width: 575px) {
      .loader-line-gif img {
        width: 80px; } }
.rating-title {
  font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: normal; }

.layout h5 {
  margin-bottom: 10px;
  opacity: .8;
  letter-spacing: 1.2px; }

.layout .btn {
  padding: 0.15rem 0.5rem; }

.common-card {
  background: #FCFCFD;
  border: 2px solid #fff;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  border-radius: 10px; }

.testimonial-box {
  position: relative;
  padding: 20px 25px;
  text-align: left;
  margin-bottom: 33px; }
  .testimonial-box .rating-content {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px; }
  .testimonial-box h5 {
    font-size: 16px;
    margin-bottom: 0; }
  .testimonial-box .text-end span {
    font-size: 13px; }
  .testimonial-box .customer-img {
    width: 60px;
    height: 60px;
    background: #FFFAFA;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -25px; }
  .testimonial-box p {
    margin-bottom: 0; }

.about-section .slick-slide {
  padding: 0 14px; }

.testimonial-slider .slick-dots li {
  width: auto;
  height: auto; }
  .testimonial-slider .slick-dots li button {
    background: rgba(82, 82, 108, 0.2);
    border-radius: 20px;
    height: 5px;
    width: 11px;
    padding: 0;
    transition: all 0.5s; }
    .testimonial-slider .slick-dots li button::before {
      display: none; }
  .testimonial-slider .slick-dots li.slick-active button {
    background: #006666;
    border-radius: 20px;
    width: 20px;
    transition: all 0.5s; }

.customer-box {
  position: relative;
  background-color: #f7f7f7;
  text-align: center;
  padding: 40px 30px;
  border-radius: 25px;
  box-shadow: 30px 30px 33px rgba(119, 119, 119, 0.25); }
  @media (max-width: 1399px) {
    .customer-box {
      padding: 40px 35px; } }
  @media (max-width: 1199px) {
    .customer-box {
      padding: 30px 25px; } }
  @media (max-width: 991px) {
    .customer-box {
      padding: 17px 13px; } }
  @media (max-width: 575px) {
    .customer-box {
      box-shadow: 12px 12px 12px rgba(119, 119, 119, 0.25); } }
  .customer-box img {
    height: 70px;
    width: auto; }
    @media (max-width: 991px) {
      .customer-box img {
        height: 50px; } }
.customer-wrapper {
  position: relative;
  padding: 12px; }
  @media (max-width: 767px) {
    .customer-wrapper {
      padding: 0; } }
  .customer-wrapper .outline-box {
    position: absolute;
    bottom: -6px;
    left: -5px; }
    @media (max-width: 1399px) {
      .customer-wrapper .outline-box {
        bottom: -1px;
        left: 0px; } }
    @media (max-width: 1199px) {
      .customer-wrapper .outline-box {
        bottom: -1px;
        left: -2px;
        width: 120%; } }
    @media (max-width: 767px) {
      .customer-wrapper .outline-box {
        display: none; } }
.customer-wrap {
  margin: 0 -28px; }
  @media (max-width: 1199px) {
    .customer-wrap {
      margin: 0 -15px; } }
  @media (max-width: 991px) {
    .customer-wrap {
      margin: 0 -10px; } }
  @media (max-width: 767px) {
    .customer-wrap {
      margin: -12px; } }
  .customer-wrap > div {
    padding: 0 28px; }
    @media (max-width: 1199px) {
      .customer-wrap > div {
        padding: 0 15px; } }
    @media (max-width: 991px) {
      .customer-wrap > div {
        padding: 0 10px; } }
    @media (max-width: 767px) {
      .customer-wrap > div {
        padding: 12px; } }
  @media (max-width: 1199px) {
    .customer-wrap > div:last-child .outline-box {
      width: 100%; } }
.demo-section .title, .feature-section .title {
  margin-bottom: 30px;
  margin-top: -10px; }
  .demo-section .title h2, .feature-section .title h2 {
    color: #006666;
    font-size: 40px; }
  .demo-section .title span, .feature-section .title span {
    font-size: 15px;
    letter-spacing: 1.5px;
    color: rgba(5, 26, 26, 0.8); }

.framework {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: auto;
  background-color: rgba(0, 102, 102, 0.06); }
  .framework ul.framworks-list {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 45px;
    flex-wrap: wrap;
    margin-bottom: 1px; }
    .framework ul.framworks-list li {
      display: inline-block;
      display: flex;
      gap: 20px;
      align-items: center;
      min-width: 222px;
      gap: 10px;
      padding: 12px 20px 12px 12px;
      background-color: #fff;
      border-radius: 10px;
      width: fit-content;
      box-shadow: 0px 1.9217px 1.53736px 0px rgba(0, 102, 102, 0.03), 0px 4.6181px 3.69448px 0px rgba(0, 102, 102, 0.05), 0px 8.69547px 6.95638px 0px rgba(0, 102, 102, 0.06), 0px 10px 10px 0px rgba(0, 102, 102, 0.04);
      position: relative; }
      .framework ul.framworks-list li div {
        height: 70px;
        width: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        background-color: rgba(0, 102, 102, 0.1); }
      .framework ul.framworks-list li:nth-child(13) {
        margin-bottom: 0px; }
      .framework ul.framworks-list li:last-child {
        margin-bottom: 0px; }
      .framework ul.framworks-list li img {
        transition: all 0.3s ease;
        height: 30px; }
        .framework ul.framworks-list li img.img-68 {
          width: 68px; }
      .framework ul.framworks-list li h5 {
        margin-bottom: unset; }
      .framework ul.framworks-list li:hover {
        background-color: #fff; }
        .framework ul.framworks-list li:hover::before {
          content: "";
          position: absolute;
          height: 100%;
          width: 100%;
          top: 0px;
          left: 0px;
          border-radius: 10px; }
        .framework ul.framworks-list li:hover img {
          transform: scale(0.7);
          animation: swing 2s ease infinite; }
  .framework .wavy-gif {
    left: 100%;
    top: 23%; }
    .framework .wavy-gif svg {
      width: 80px;
      transform: rotate(90deg); }
      @media (max-width: 1199px) {
        .framework .wavy-gif svg {
          width: 60px; } }
      @media (max-width: 575px) {
        .framework .wavy-gif svg {
          width: 30px; } }
    .framework .wavy-gif path {
      stroke: #FFAE1A;
      stroke-dasharray: 500;
      stroke-dashoffset: 500;
      animation: dash 1.5s linear infinite; }

@keyframes dash {
  to {
    stroke-dashoffset: 0; } }
    @media (max-width: 1399px) {
      .framework .wavy-gif {
        right: 3%;
        top: 15%; } }
    @media (max-width: 991px) {
      .framework .wavy-gif {
        right: 1%;
        top: 10%; } }
    @media (max-width: 767px) {
      .framework .wavy-gif {
        top: 8%; } }
.frame-tab {
  background: rgba(244, 245, 248, 0.5);
  border-radius: 40px;
  border: none;
  gap: 10px;
  display: inline-flex;
  padding: 5px;
  margin-bottom: 50px; }
  .frame-tab .nav-item img {
    width: 21px;
    height: 21px; }
  .frame-tab .nav-item .nav-link {
    font-size: 18px;
    padding: 16px 40px;
    border-radius: 40px;
    background: transparent;
    border: none;
    color: rgba(0, 2, 72, 0.5);
    font-weight: 500; }
    @media (max-width: 991px) {
      .frame-tab .nav-item .nav-link {
        font-size: 16px;
        padding: 10px 25px; } }
    .frame-tab .nav-item .nav-link img {
      margin-right: 10px;
      filter: grayscale(1); }
    .frame-tab .nav-item .nav-link.active {
      color: #000248;
      background: #fff;
      box-shadow: 0px 7px 15px rgba(46, 35, 94, 0.06); }
      .frame-tab .nav-item .nav-link.active img {
        filter: unset; }
  @media (max-width: 575.98px) {
    .frame-tab.nav {
      display: inline-flex;
      background-color: transparent; } }
.framework-box {
  position: relative;
  display: flex;
  align-items: center;
  background: #FCFCFD;
  border: 2px solid #fff;
  box-shadow: 0px 5px 20px rgba(46, 35, 94, 0.12);
  border-radius: 50px 16px 16px 50px;
  padding: 18px 16px;
  gap: 16px;
  margin-left: 30px;
  transition: all 0.5s; }
  .framework-box::after {
    position: absolute;
    content: '';
    width: 40px;
    height: calc(100% + 4px);
    border-right: 1px dashed rgba(0, 2, 72, 0.2);
    right: -1px;
    border-top: 1px dashed rgba(0, 2, 72, 0.2);
    border-bottom: 1px dashed rgba(0, 2, 72, 0.2);
    border-radius: 10px;
    top: -1px;
    bottom: 0; }
  .framework-box .frame-icon {
    position: relative;
    min-width: 55px;
    height: 55px;
    background: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -48px; }
    @media (max-width: 575px) {
      .framework-box .frame-icon {
        min-width: 52px;
        height: 52px; } }
    .framework-box .frame-icon::before {
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      box-shadow: 3px 4px 5px rgba(46, 35, 94, 0.11), inset 3px 0px 1px rgba(204, 204, 215, 0.5);
      border-radius: 100%; }
    .framework-box .frame-icon img {
      width: 30px;
      height: 30px; }
      @media (max-width: 575px) {
        .framework-box .frame-icon img {
          width: 25px;
          height: 25px; } }
  .framework-box .frame-details {
    position: relative;
    text-align: left; }
    .framework-box .frame-details p {
      opacity: 0.7;
      margin-bottom: 0; }
    .framework-box .frame-details::before, .framework-box .frame-details::after {
      position: absolute;
      content: '';
      width: 8px;
      height: 8px;
      background: #FEFEFF;
      border: 1px solid rgba(0, 2, 72, 0.2);
      border-radius: 100%;
      right: 17px; }
    .framework-box .frame-details::before {
      top: -23px; }
    .framework-box .frame-details::after {
      bottom: -24px; }
  @media (min-width: 576px) {
    .framework-box:hover {
      transform: scale(1.05);
      transition: all 0.5s; } }
  .framework-box:hover .frame-icon::before {
    animation-name: rotate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }

@keyframes rotate {
  from {
    transform: rotate(-360deg); }
  to {
    transform: rotate(360deg); } }

.sub-title {
  font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 700;
  font-family: "Caveat", cursive;
  color: #FFB905; }

.rotate-title {
  color: #FF5A82; }

.landing-home {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: 1060px;
  background-image: url(/../images/landing/demo-bg.png); }
  .landing-home .sub-title {
    font-size: calc(18px + (30 - 18) * ((100vw - 300px) / (1920 - 300))); }
  .landing-home .user-content {
    width: 36%;
    padding: 35px 0px;
    text-align: center;
    font-size: 15px;
    margin: auto; }
    .landing-home .user-content span {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: rgba(5, 26, 26, 0.8); }
  .landing-home .star-animate {
    position: relative; }
    .landing-home .star-animate img {
      height: 30px;
      width: 30px;
      position: absolute;
      top: 0px;
      left: 0px; }
  .landing-home .content .arrow-animate svg {
    top: 311px;
    right: 66px;
    height: 80px;
    width: 61px;
    position: absolute;
    animation: rotate-animation 2s linear infinite;
    transition: all 1s ease; }
  .landing-home .content h1 {
    margin-top: 167px;
    color: #051A1A;
    line-height: 1.2;
    font-weight: 600;
    font-size: calc(25px + (60 - 25) * ((100vw - 300px) / (1920 - 300))); }
    .landing-home .content h1 span {
      background: #006666;
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .landing-home .content h1 .sub-content {
      position: relative;
      gap: 35px; }
      .landing-home .content h1 .sub-content::before {
        content: "";
        background-color: #051A1A;
        position: absolute;
        top: 30px;
        left: 222px;
        height: 50px;
        border-radius: 10px;
        width: 24%;
        transform: rotate(3deg); }
      .landing-home .content h1 .sub-content button {
        background-color: #fff;
        border: 2.36px solid #051A1A;
        border-radius: 9px;
        padding: 14px 38px;
        font-weight: 600;
        font-size: 28px;
        transform: rotate(6deg);
        color: radial-gradient(circle, #1baeae 2%, #1a9494 50%, #048f8f 100%) !important;
        border-color: #051A1A;
        text-transform: uppercase;
        overflow: hidden; }
        .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider {
          width: 165px;
          position: relative; }
          .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
            content: "";
            background-image: linear-gradient(180deg, #24B5B5 0%, #228585 100%);
            position: absolute;
            border-radius: 15px;
            height: 10px;
            width: 10px;
            top: 8px;
            left: -21px;
            z-index: 1; }
        .landing-home .content h1 .sub-content button::before {
          content: "";
          background-color: #051A1A;
          height: 40px;
          width: 40px;
          position: absolute;
          right: -22px;
          top: -19px;
          border-radius: 25px; }
        .landing-home .content h1 .sub-content button::after {
          content: "";
          background-color: #051A1A;
          height: 24px;
          width: 24px;
          position: absolute;
          right: -8px;
          bottom: -12px;
          border-radius: 24px; }
        .landing-home .content h1 .sub-content button span {
          background: linear-gradient(180deg, #24B5B5 0%, #228585 100%);
          background-clip: text;
          -webkit-background-clip: text;
          font-size: 25px;
          font-weight: 600;
          text-transform: uppercase;
          -webkit-text-fill-color: transparent; }
  .landing-home .content p {
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    opacity: 0.8;
    width: 64%;
    margin: 0 auto; }
    @media (max-width: 1366px) {
      .landing-home .content p {
        width: 90%; } }
    @media (max-width: 767px) {
      .landing-home .content p {
        width: 100%; } }
  .landing-home .best-selling {
    position: relative;
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease; }
    .landing-home .best-selling img {
      position: absolute;
      top: 154px;
      left: -30%;
      transform: rotate(-15.412deg);
      z-index: 1; }
    .landing-home .best-selling .img-shadow {
      position: absolute;
      height: 230px;
      width: 245px;
      border-radius: 4px;
      left: -30%;
      top: 165px;
      transform: rotate(350deg);
      background-color: #E6E9EB; }
  .landing-home .nft-marketplace {
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease;
    position: relative; }
    .landing-home .nft-marketplace img {
      position: absolute;
      top: 174px;
      right: -35%;
      z-index: 1;
      transform: rotate(7deg); }
    .landing-home .nft-marketplace .nft-marketplace-shadow {
      position: absolute;
      height: 207px;
      border-radius: 4px;
      width: 299px;
      background-color: #E6E9EB;
      right: -30%;
      top: 210px;
      transform: rotate(1.053deg); }
  .landing-home .new-user-img {
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease;
    position: relative; }
    .landing-home .new-user-img img {
      position: absolute;
      bottom: 100px;
      right: -15%;
      transform: rotate(13.746deg);
      z-index: 1; }
    .landing-home .new-user-img .new-user-shadow {
      position: absolute;
      bottom: 152px;
      right: -17%;
      border-radius: 4px;
      transform: rotate(110.697deg);
      height: 218px;
      width: 221px;
      background-color: #E6E9EB; }
  .landing-home .total-revenue-img {
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease;
    position: relative; }
    .landing-home .total-revenue-img img {
      position: absolute;
      bottom: 250px;
      left: -30%;
      transform: rotate(-14.949deg);
      z-index: 1; }
    .landing-home .total-revenue-img .total-revenue-shadow {
      background-color: #E6E9EB;
      position: absolute;
      border-radius: 4px;
      height: 110px;
      width: 204px;
      bottom: 269px;
      left: -28%;
      transform: rotate(341deg); }
  .landing-home .screen-1 {
    background-color: #fff;
    border-radius: 20px;
    border: 2px solid #000;
    padding: 20px;
    width: fit-content;
    margin: auto;
    position: relative; }
  .landing-home .screen-2 {
    position: absolute;
    bottom: 175px;
    left: 55px;
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease; }
    .landing-home .screen-2 img {
      position: relative;
      transform: rotate(359deg);
      border-radius: 14px;
      transform: rotate(-3.435deg);
      z-index: 1; }
    .landing-home .screen-2 .screen-sidebar {
      position: absolute;
      height: 459px;
      width: 95px;
      border-radius: 4px;
      top: 24px;
      transform: rotate(350deg);
      background-color: #E6E9EB; }
  .landing-home .star-img {
    position: relative; }
    .landing-home .star-img .start-animate {
      position: absolute;
      bottom: 540px;
      left: -22%; }
  .landing-home .star-img-left {
    position: relative; }
    .landing-home .star-img-left .start-animate-rotate {
      position: absolute;
      bottom: 440px;
      right: -22%; }
  .landing-home .btn-grp {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center; }
    @media (max-width: 767px) {
      .landing-home .btn-grp {
        gap: 12px; } }
    @media (max-width: 575px) {
      .landing-home .btn-grp {
        flex-wrap: wrap;
        gap: 10px; } }
    .landing-home .btn-grp img {
      height: 30px; }
      @media (max-width: 767px) {
        .landing-home .btn-grp img {
          height: 22px; } }
      @media (max-width: 575px) {
        .landing-home .btn-grp img {
          height: 20px; } }
  .landing-home .content {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1; }
    @media (max-width: 1366px) {
      .landing-home .content {
        margin-top: 170px; } }
    @media (max-width: 1199px) {
      .landing-home .content {
        margin-top: 140px; } }
    @media (max-width: 575px) {
      .landing-home .content {
        margin-top: 100px; } }
  .landing-home .content-title {
    position: relative;
    display: inline-block; }
    .landing-home .content-title .arrow-decore {
      position: absolute;
      left: -203px;
      top: -25px; }
      @media (max-width: 1660px) {
        .landing-home .content-title .arrow-decore {
          left: -166px;
          width: 150px; } }
      @media (max-width: 991px) {
        .landing-home .content-title .arrow-decore {
          left: -125px;
          width: 110px;
          top: -14px; } }
      @media (max-width: 575px) {
        .landing-home .content-title .arrow-decore {
          left: -61px;
          width: 60px;
          top: -4px; } }
  .landing-home .sticky-header header .nav-padding {
    padding: 35px 200px 25px; }

.navbar {
  justify-content: flex-start; }
  .navbar .navbar-toggler {
    margin-left: auto; }

.navbar-nav {
  align-items: center; }
  .navbar-nav .nav-item {
    position: relative; }
    .navbar-nav .nav-item .nav-link {
      font-size: 18px;
      letter-spacing: 1px;
      padding: 12px 20px;
      transition: all 0.3s ease;
      position: relative; }
      .navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item .nav-link:active, .navbar-nav .nav-item .nav-link.active {
        opacity: 1;
        transition: all 0.3s ease; }
        .navbar-nav .nav-item .nav-link:hover::before, .navbar-nav .nav-item .nav-link:active::before, .navbar-nav .nav-item .nav-link.active::before {
          content: '';
          position: absolute;
          height: 3px;
          top: 35px;
          width: 15px;
          color: #006666;
          background-color: #006666; }

.landing-page .navbar-expand-xl .navbar-collapse {
  background-color: transparent; }

.landing-page .page-body-wrapper {
  min-height: 100vh;
  background: #eaf4ff;
  overflow: hidden; }

.landing-page .buy-btn {
  font-size: 16px;
  background: linear-gradient(90deg, #006666 -18.33%, #006666 62.78%);
  border-radius: 7px;
  padding: 11px 39px;
  margin-left: 10px; }
  @media (max-width: 991px) {
    .landing-page .buy-btn {
      padding: 12px 35px; } }
  @media (max-width: 767px) {
    .landing-page .buy-btn {
      padding: 9px 20px;
      font-size: 14px; } }
  .landing-page .buy-btn a {
    color: #fff;
    padding: 0; }

.landing-page .navbar-nav .nav-item .nav-link {
  letter-spacing: 1.5px;
  color: #051A1A;
  text-transform: capitalize; }
  .landing-page .navbar-nav .nav-item .nav-link a:active {
    color: #006666; }

.landing-page .sticky-header header {
  background: transparent;
  box-shadow: none;
  z-index: 100;
  left: 0;
  height: auto; }
  .landing-page .sticky-header header.sticky {
    margin-top: 0; }
    .landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {
      font-size: 16px;
      padding: 15px 12px; }

.navbar-expand-xl .navbar-brand {
  padding-left: 18px; }

.navbar-expand-xl .navbar-collapse {
  flex-flow: row nowrap;
  justify-content: flex-end;
  background-color: #fff; }

.faq-section .accordion {
  display: flex;
  flex-direction: column;
  gap: 20px; }
  .faq-section .accordion-button, .faq-section .accordion-body {
    padding: 0; }
  .faq-section .accordion-button:not(.collapsed) {
    color: #006666;
    background: transparent; }
  .faq-section .accordion-button:focus {
    box-shadow: unset;
    border: none; }
  .faq-section .accordion-button::after {
    font-family: 'IcoFont';
    content: "\eb25";
    font-size: 24px;
    background: unset;
    width: auto;
    height: auto;
    margin-bottom: -4px; }
  .faq-section .accordion-body {
    padding-top: 14px;
    margin-top: 14px;
    border-top: 1px solid rgba(82, 82, 108, 0.5);
    text-align: left; }

.faq-section .vector-image {
  left: -160px;
  top: 30px; }
  @media (max-width: 1600px) {
    .faq-section .vector-image {
      left: 60px;
      top: -30px; } }
  @media (max-width: 1199px) {
    .faq-section .vector-image {
      left: 0px;
      top: -30px; } }
  .faq-section .vector-image img {
    height: 400px; }
    @media (max-width: 1600px) {
      .faq-section .vector-image img {
        height: 270px; } }
.pricing-section .loader-gif {
  top: -5%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-gif {
      top: -11%;
      right: 2%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-gif {
      top: -2%;
      right: 2%; } }
  .pricing-section .loader-gif .loader-1 {
    width: 56px;
    height: 56px; }
    .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
      width: 56px;
      height: 56px; }
    @media (max-width: 575px) {
      .pricing-section .loader-gif .loader-1 {
        width: 40px;
        height: 40px; }
        .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
          width: 40px;
          height: 40px; } }
.pricing-section .loader-line-gif {
  right: unset;
  top: unset;
  left: 22%;
  bottom: 15%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 12%; } }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 16%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-line-gif {
      left: 10px;
      bottom: -20px; }
      .pricing-section .loader-line-gif img {
        width: 90px; } }
.pricing-box {
  background: rgba(243, 245, 245, 0.5);
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 30px 20px; }
  .pricing-box img {
    width: 23px;
    height: 22px; }
  @media (max-width: 767px) {
    .pricing-box {
      padding: 20px 15px; } }
  .pricing-box p {
    color: #52526C; }
  .pricing-box h4 {
    margin-bottom: 20px; }
    @media (max-width: 575px) {
      .pricing-box h4 {
        margin-bottom: 15px; } }
  .pricing-box p {
    line-height: 1.5; }
  .pricing-box .purchase-details {
    background: #FCFCFD;
    border: 2px solid #fff;
    box-shadow: 0px 4px 20px rgba(46, 35, 94, 0.05);
    border-radius: 10px;
    padding: 24px 40px;
    margin-top: 20px; }
    @media (max-width: 1199px) {
      .pricing-box .purchase-details {
        padding: 24px 20px; } }
    .pricing-box .purchase-details h2 {
      margin-bottom: 14px; }
    .pricing-box .purchase-details .btn-lg {
      font-weight: 500;
      padding: 12px 20px;
      width: 100%;
      min-width: auto; }
      @media (max-width: 1199px) {
        .pricing-box .purchase-details .btn-lg {
          padding: 12px 10px;
          font-size: 15px; } }
.license-list {
  display: flex;
  flex-direction: column;
  gap: 15px; }
  @media (max-width: 767px) {
    .license-list {
      gap: 10px; } }
  .license-list li {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 10px; }
    @media (max-width: 991px) {
      .license-list li {
        gap: 5px; } }
    @media (max-width: 575px) {
      .license-list li img {
        width: 18px;
        height: 18px; } }
    .license-list li h6 {
      font-weight: normal;
      margin-bottom: 0; }

.benefit-box {
  position: relative;
  background: rgba(241, 242, 242, 0.5);
  padding: 40px 10px;
  box-shadow: 17px 17px 20px rgba(186, 186, 187, 0.3);
  border-radius: 30px; }
  @media (max-width: 991px) {
    .benefit-box {
      padding: 30px 10px; } }
  @media (max-width: 575px) {
    .benefit-box {
      padding: 20px 10px; } }
  .benefit-box svg {
    width: 40px;
    height: 40px; }
    @media (max-width: 991px) {
      .benefit-box svg {
        width: 30px;
        height: 30px; } }
  .benefit-box::after {
    position: absolute;
    content: '';
    width: 54px;
    height: 8px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px 10px 0 0; }
  @media (max-width: 991px) {
    .benefit-box h2 {
      font-size: 25px; } }
  .benefit-box h6 {
    font-weight: 400;
    color: #52526C;
    opacity: 0.7; }
  .benefit-box.pink h2 {
    color: #FF3692; }
  .benefit-box.pink::after {
    background: #FF3692; }
  .benefit-box.purple h2 {
    color: #7238FF; }
  .benefit-box.purple::after {
    background: #7238FF; }
  .benefit-box.red h2 {
    color: #FF3556; }
  .benefit-box.red::after {
    background: #FF3556; }
  .benefit-box.warning h2 {
    color: #FFAA05; }
  .benefit-box.warning::after {
    background: #FFAA05; }

.rating-title {
  display: flex;
  align-items: center;
  justify-content: center; }
  .rating-title .decore-1 {
    margin-top: -35px;
    animation: animationtop 5s infinite; }

@keyframes arrowsvg {
  0% {
    transform: scale(0);
    transform-origin: left; }
  100% {
    transform: scale(1);
    transform-origin: left; } }

.ratings li i {
  color: #FFAA05; }

.components-section {
  background: linear-gradient(179deg, rgba(247, 248, 249, 0) 8.83%, #F7F8F9 50%); }

.component_responsive {
  flex-wrap: initial; }

.component-hover-effect {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #FCFCFD;
  border: 2px solid #fff;
  box-shadow: 0px 4px 10px rgba(46, 35, 94, 0.07);
  border-radius: 5px;
  padding: 20px;
  justify-content: center;
  min-height: 78px; }
  @media (max-width: 767px) {
    .component-hover-effect {
      padding: 13px;
      min-height: 68px; } }
  .component-hover-effect svg {
    width: 26px;
    height: 26px; }

.ptb50 {
  padding: 80px 0; }
  @media (max-width: 991.98px) {
    .ptb50 {
      padding: 60px 0; } }
  @media (max-width: 575.98px) {
    .ptb50 {
      padding: 50px 0; } }
.purchase-btn {
  padding: 12px 20px;
  min-width: 200px;
  border: none; }
  @media (max-width: 991px) {
    .purchase-btn {
      min-width: 160px; } }
  @media (max-width: 767px) {
    .purchase-btn {
      min-width: 140px;
      padding: 10px 17px;
      font-size: 16px; } }
@keyframes move_wave {
  0% {
    transform: translateX(0) translateZ(0) scaleY(1); }
  50% {
    transform: translateX(-25%) translateZ(0) scaleY(0.55); }
  100% {
    transform: translateX(-50%) translateZ(0) scaleY(1); } }

footer h2 {
  font-size: calc(24px + (70 - 24) * ((100vw - 300px) / (1920 - 300))); }

footer .license-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: calc(15px + (30 - 15) * ((100vw - 300px) / (1920 - 300)));
  gap: calc(15px + (30 - 15) * ((100vw - 300px) / (1920 - 300))); }
  @media (max-width: 991px) {
    footer .license-list {
      gap: 20px; } }
  @media (max-width: 767px) {
    footer .license-list {
      gap: 15px; } }
  @media (max-width: 575px) {
    footer .license-list {
      flex-wrap: wrap; } }
  footer .license-list h6 {
    color: #fff; }

.tap-top {
  text-align: center;
  cursor: pointer;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 5;
  color: #fff;
  border: 1px solid #fff;
  background: var(--theme-deafult);
  padding: 7px;
  box-shadow: 0 0 10px var(--theme-deafult);
  opacity: 0.5;
  transition: all 0.3s ease; }
  .tap-top:hover {
    transition: all 0.3s ease;
    opacity: 1; }
  .tap-top svg {
    width: 20px; }

@keyframes animationFramesOne {
  0% {
    transform: translate(0px, 0px) rotate(0deg); }
  20% {
    transform: translate(73px, -1px) rotate(36deg); }
  40% {
    transform: translate(141px, 72px) rotate(72deg); }
  60% {
    transform: translate(83px, 122px) rotate(108deg); }
  80% {
    transform: translate(-40px, 72px) rotate(144deg); }
  100% {
    transform: translate(0px, 0px) rotate(0deg); } }

.page-wrapper,
.landing-page {
  overflow: hidden; }

.landing-page {
  overflow-x: hidden;
  overflow-y: visible; }

.app-bg-1 {
  background: #F9F7F7; }

.app-bg-2 {
  background: #F3F5F5; }

.app-bg-3 {
  background: #EFF5F8; }

.app-bg-4 {
  background: #F0F5F7; }

.app-bg-5 {
  background: #F5F4F3; }

.app-bg-6 {
  background: #F8F8FA; }

.flower-gif {
  top: -40px;
  left: 19%; }
  @media (max-width: 991px) {
    .flower-gif {
      top: 0;
      left: 15%; } }
  @media (max-width: 767px) {
    .flower-gif {
      left: 8%; } }
  @media (max-width: 575px) {
    .flower-gif {
      display: none; } }
.navabr_btn-set {
  position: relative; }
  .navabr_btn-set:focus {
    outline: 0; }
  .navabr_btn-set span {
    display: block;
    background-color: #fff;
    height: 3px;
    width: 25px;
    margin-top: 4px;
    margin-bottom: 4px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 0;
    opacity: 1; }
  .navabr_btn-set:not(.custom_nav) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9; }
  .navabr_btn-set:not(.custom_nav) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent; }
  .navabr_btn-set:not(.custom_nav) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9; }

.navbar-b {
  transition: all .5s ease-in-out;
  background-color: transparent;
  padding-top: 1.563rem;
  padding-bottom: 1.563rem; }

.fixed-top {
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  display: flex;
  left: 0;
  z-index: 1030; }

.navbar-toggler span {
  display: block;
  background-color: transparent;
  height: 3px;
  width: 25px;
  z-index: 112;
  margin-top: 4px;
  margin-bottom: 4px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 0;
  opacity: 1; }
  .navbar-toggler span:nth-child(1) {
    transition: transform .35s ease-in-out; }
  .navbar-toggler span:nth-child(3) {
    transition: transform .35s ease-in-out; }

.navbar-toggler:focus {
  box-shadow: none; }

.navbar_nav_modify li {
  text-align: center; }

.sticky-header header {
  position: fixed;
  width: 100%;
  z-index: 6;
  text-align: center;
  line-height: normal;
  height: 80px;
  background: var(--theme-deafult);
  color: #fff;
  box-shadow: 0 0 5px 1px rgba(5, 56, 111, 0.1);
  transition: all 0.4s ease; }
  .sticky-header header .nav-padding {
    padding: 20px 200px; }
  .sticky-header header.sticky {
    line-height: normal;
    background: #fff;
    text-align: left; }
    .sticky-header header.sticky .nav-padding {
      padding: 7px 14px; }

.landing-footer .footer-contain h2 {
  width: 65%;
  margin-bottom: 5px; }

.landing-footer .footer-contain p {
  margin-bottom: 8px; }

.landing-footer .footer-contain .star-rate {
  margin-bottom: 50px; }

.title-padding {
  padding: 130px 0; }

@keyframes mover {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-4px); } }

.landing-footer {
  background-image: url(/../images/landing/bg-footer.png);
  background-size: cover; }
  .landing-footer .footer-contain {
    text-align: center; }
    .landing-footer .footer-contain .rating-wrraper {
      margin-bottom: 40px; }
      .landing-footer .footer-contain .rating-wrraper svg {
        width: auto;
        height: calc(95px + (120 - 95) * ((100vw - 320px) / (1920 - 320))); }
    .landing-footer .footer-contain h2 {
      font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1920 - 320)));
      font-weight: 600;
      margin-bottom: 0px;
      line-height: 1.4;
      font-family: "Montserrat", sans-serif;
      width: 100%;
      color: #fff;
      margin-left: auto;
      margin-right: auto; }
    .landing-footer .footer-contain p {
      font-size: calc(12px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
      color: #fff; }
    .landing-footer .footer-contain .star-rate {
      margin-bottom: 40px; }
      .landing-footer .footer-contain .star-rate li {
        display: inline-block; }
        .landing-footer .footer-contain .star-rate li i {
          font-size: calc(14px + (35 - 20) * ((100vw - 320px) / (1920 - 320))); }
    .landing-footer .footer-contain .btn-footer {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      gap: 15px; }
      .landing-footer .footer-contain .btn-footer a:nth-child(n+2) {
        margin-left: 10px; }

.pricing-section .support-img {
  display: flex;
  align-items: center;
  justify-content: center; }
  .pricing-section .support-img img {
    position: relative;
    height: auto; }
  .pricing-section .support-img h4 {
    position: absolute;
    right: -48px;
    font-size: 40px;
    font-weight: 700;
    transform: rotate(270deg);
    bottom: 33%; }

@media (max-width: 1399px) {
  .pricing-section .support-img img {
    width: 730px; }
  .pricing-section .support-img h4 {
    right: 47px;
    font-size: 33px; } }

.pricing-section .landing-title h5 {
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: #006666; }

.pricing-section .landing-title h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin: 10px 0px; }

.pricing-section .landing-title .support-button:hover {
  color: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); }

.pricing-section .landing-title p {
  width: 100%; }

.pricing-section .loader-gif {
  top: -5%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-gif {
      top: -11%;
      right: 2%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-gif {
      top: -2%;
      right: 2%; } }
  .pricing-section .loader-gif .loader-1 {
    width: 56px;
    height: 56px; }
    .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
      width: 56px;
      height: 56px; }
    @media (max-width: 575px) {
      .pricing-section .loader-gif .loader-1 {
        width: 40px;
        height: 40px; }
        .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
          width: 40px;
          height: 40px; } }
.pricing-section .loader-line-gif {
  right: unset;
  top: unset;
  left: 22%;
  bottom: 15%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 12%; } }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 16%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-line-gif {
      left: 10px;
      bottom: -20px; }
      .pricing-section .loader-line-gif img {
        width: 90px; } }
.pricing-box {
  background: rgba(243, 245, 245, 0.5);
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 30px 20px; }
  .pricing-box img {
    width: 23px;
    height: 22px; }
  @media (max-width: 767px) {
    .pricing-box {
      padding: 20px 15px; } }
  .pricing-box p {
    color: #52526C; }
  .pricing-box h4 {
    margin-bottom: 20px; }
    @media (max-width: 575px) {
      .pricing-box h4 {
        margin-bottom: 15px; } }
  .pricing-box p {
    line-height: 1.5; }
  .pricing-box .purchase-details {
    background: #FCFCFD;
    border: 2px solid #fff;
    box-shadow: 0px 4px 20px rgba(46, 35, 94, 0.05);
    border-radius: 10px;
    padding: 24px 40px;
    margin-top: 20px; }
    @media (max-width: 1199px) {
      .pricing-box .purchase-details {
        padding: 24px 20px; } }
    .pricing-box .purchase-details h2 {
      margin-bottom: 14px; }
    .pricing-box .purchase-details .btn-lg {
      font-weight: 500;
      padding: 12px 20px;
      width: 100%;
      min-width: auto; }
      @media (max-width: 1199px) {
        .pricing-box .purchase-details .btn-lg {
          padding: 12px 10px;
          font-size: 15px; } }
.license-list {
  display: flex;
  flex-direction: column;
  gap: 15px; }
  @media (max-width: 767px) {
    .license-list {
      gap: 10px; } }
  .license-list li {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 10px; }
    @media (max-width: 991px) {
      .license-list li {
        gap: 5px; } }
    @media (max-width: 575px) {
      .license-list li img {
        width: 18px;
        height: 18px; } }
    .license-list li h6 {
      font-weight: normal;
      margin-bottom: 0; }

@media (max-width: 1799px) {
  .marquee .marquee-name p.big-title {
    font-size: 50px; } }

@media (max-width: 1700px) {
  .landing-home {
    height: 992px; }
    .landing-home .content h1 .sub-content:before {
      top: 28px;
      left: 210px; }
  .nft-marketplace img {
    height: 180px; }
  .nft-marketplace .nft-marketplace-shadow {
    width: 220px !important;
    height: 155px !important; }
  .best-selling img {
    width: calc(140px + (234 - 140) * ((100vw - 768px) / (1920 - 768))) !important;
    height: calc(140px + (234 - 140) * ((100vw - 768px) / (1920 - 768))) !important; }
  .best-selling .img-shadow {
    width: calc(213px + (165 - 150) * ((100vw - 768px) / (1920 - 768))) !important;
    height: calc(140px + (230 - 140) * ((100vw - 768px) / (1920 - 768))) !important; } }

@media (max-width: 1367px) {
  .landing-page .landing-home .content h1 {
    margin-top: 5px; }
  .landing-page .landing-home .content .arrow-animate svg {
    display: none; }
  .landing-page .landing-home .best-selling .img-shadow {
    left: -32%; }
  .landing-page .unique-cards.section-py-space .support-title h2 {
    font-size: 22px; }
  .landing-page .unique-cards.section-py-space .support-title p {
    font-size: 12px; } }

@media (max-width: 1599px) {
  .marquee .marquee-name p.big-title {
    font-size: 40px; } }

@media (max-width: 1440px) {
  .landing-page .demo-section .down-loader {
    display: none; }
  .framework {
    height: 654px; }
  .landing-home {
    height: 948px; }
    .landing-home .screen-2 {
      display: none; }
    .landing-home .content h1 .sub-content::before {
      width: 30%;
      top: 25px;
      left: 176px;
      height: 50px; }
  .nft-marketplace img {
    height: 150px; }
  .nft-marketplace .nft-marketplace-shadow {
    width: 176px !important;
    height: 126px !important; }
  .best-selling img {
    height: 145px; }
  .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    padding: 12px 7px; }
  .feature-section {
    height: 776px; }
    .feature-section .loader-gif {
      display: none; } }

@media (max-width: 1399px) {
  .landing-home .content h1 span {
    font-size: 40px; }
  .landing-home .sticky-header header .nav-padding {
    padding: 28px 100px 25px; }
  .framework {
    height: 792px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 7%;
    right: 52%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 22px; }
    .landing-page .unique-cards.section-py-space .support-title p {
      font-size: 12px; } }

/* ========= responsive scss for 1200 screen ========= */
@media only screen and (max-width: 1199px) {
  .marquee .marquee-name p.big-title {
    font-size: 30px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 7%;
    right: 52%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 20px; }
    .landing-page .unique-cards.section-py-space .support-title p {
      font-size: 12px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 2%;
    font-size: 35px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -46px;
    font-size: 33px; }
  .landing-page .section-py-space .title h2 {
    font-size: 30px; }
  .landing-page .section-py-space .title span {
    font-size: 12px; }
  .landing-page .feature-section .title span {
    font-size: 14px; }
  .landing-home {
    height: 670px; }
    .landing-home .content h1 {
      font-size: 30px; }
      .landing-home .content h1 .sub-content:before {
        width: 38%;
        left: 129px;
        padding: 13px 33px;
        height: 73%; }
      .landing-home .content h1 .sub-content button span {
        font-size: 20px; }
      .landing-home .content h1 .sub-content button .animate-button-slide .notification-slider::before {
        top: 6px; }
      .landing-home .content h1 span {
        font-size: 28px; }
    .landing-home .sticky-header header .nav-padding {
      padding: 20px; }
  .feature-section {
    height: auto; }
  .framework {
    height: auto; }
  .nft-marketplace img {
    display: none; }
  .nft-marketplace .nft-marketplace-shadow {
    display: none; }
  .best-selling img {
    display: none; }
  .best-selling .img-shadow {
    display: none; }
  .total-revenue-img img {
    display: none; }
  .total-revenue-img .total-revenue-shadow {
    display: none; }
  .new-user-img img {
    display: none; }
  .new-user-img .new-user-shadow {
    display: none; }
  .sticky-header header.sticky .nav-padding {
    padding: 15px 25px; }
  .navbar-toggler span {
    background-color: #006666; }
  .application-sec.demo-section .demo-box, .main-sec.demo-section .demo-box {
    padding: 0 20px; }
  .sticky-header .navbar-nav .nav-item .nav-link {
    color: #000;
    padding: 10px 12px !important;
    font-size: 15px; }
  .sticky-header .navbar-nav li {
    display: block;
    width: 100%; }
  .landing-page .navbar-expand-xl .navbar-collapse {
    background-color: white;
    margin-top: 20px;
    position: absolute;
    width: calc(100% - 30px);
    left: 15px;
    top: 70px; } }
  @media only screen and (max-width: 1199px) and (max-width: 575px) {
    .landing-page .navbar-expand-xl .navbar-collapse {
      top: 34px; } }
@media only screen and (max-width: 1199px) {
    .landing-page .navbar-expand-xl .navbar-collapse .navbar-nav {
      padding: 20px 30px 30px 30px; }
  header.sticky .navbar-expand-xl .navbar-collapse {
    top: 50px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; }
  .landing-main .sticky .navbar-expand-xl .navbar-brand {
    top: 8px; }
  .landing-main .sticky .navbar-expand-xl .navabr_btn-set {
    top: 16px; }
  .landing-main .navbar-toggler span {
    background-color: #fff; }
  .landing-main .navbar_nav_modify {
    width: 100vw;
    left: 0;
    position: fixed;
    height: 100vh;
    background-color: #293240;
    top: 0;
    padding: 120px 0px; }
  .landing-main h4 {
    font-size: 20px; }
  .landing-main .navbar-expand-xl .navabr_btn-set {
    position: fixed;
    top: 24px;
    z-index: 1;
    right: 20px; }
  .landing-main .navbar-expand-xl .navbar-brand {
    padding-left: 5px;
    z-index: 1;
    position: fixed;
    top: 14px; }
  .landing-main .navbar-expand-xl .navbar-collapse .navbar-nav .nav-item a {
    padding: 28px 60px;
    width: 16px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center; }
  .landing-main .navbar-expand-lg .navbar-brand {
    padding-left: 5px; }
  .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
    padding: 9px; } }

@media only screen and (max-width: 1099px) {
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 47%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 16px;
      padding-bottom: 15px; }
    .landing-page .unique-cards.section-py-space .support-title p {
      display: none; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 2%;
    font-size: 35px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -46px;
    font-size: 33px; } }

/* ========= responsive scss for 992 screen ========= */
@media only screen and (max-width: 991px) {
  .marquee {
    padding-top: 40px; }
    .marquee .marquee-name p.big-title {
      font-size: 25px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 8%;
    width: 100%;
    right: 76%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 14px;
      padding-bottom: 14px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 15%;
    font-size: 19px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 370px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: 84px;
    font-size: 20px; }
  .feature-section {
    height: 936px; }
  .framework {
    height: auto; }
  .landing-home .navbar-brand img {
    height: 35px; }
  .landing-home .content h1 .sub-content {
    padding-top: 16px !important; }
    .landing-home .content h1 .sub-content button .animate-button-slide .notification-slider::before {
      content: "";
      top: 6px; }
  .frameworks-section > .container {
    max-width: 100%; }
  .landing-main .navbar-expand-lg .navbar-collapse {
    position: absolute;
    top: 90px;
    background-color: white;
    width: calc(100% - 30px);
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    padding: 15px; }
  .landing-main .navbar-expand-lg .navbar-toggler {
    background-color: #fff; }
    .landing-main .navbar-expand-lg .navbar-toggler .navbar-toggler-icon i {
      margin-top: 5px;
      color: var(--theme-deafult); }
  .landing-main .navbar-expand-lg .navbar-collapse {
    background-color: #fff;
    z-index: 111; }
    .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
      color: #000; } }

/* ========= responsive scss for 768 screen ========= */
@media only screen and (max-width: 767px) {
  .marquee .marquee-name p.big-title {
    font-size: 18px; }
  .feature-section .feature-box .feature-icon {
    top: -19px;
    right: 10px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 75%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 12px;
      padding-bottom: 14px; }
    .landing-page .unique-cards.section-py-space .support-title a {
      font-size: 12px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 8%;
    font-size: 20px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 330px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -10px;
    font-size: 20px; }
  .landing-home .user-content {
    padding: 20px 0px; }
  .landing-home .content h1 {
    font-size: 20px; }
    .landing-home .content h1 .sub-content span {
      font-size: 14px; }
    .landing-home .content h1 .sub-content button {
      padding: 11px 5px 10px 36px;
      width: 40%;
      transform: unset;
      position: relative; }
      .landing-home .content h1 .sub-content button::before {
        height: 32px;
        width: 32px; }
      .landing-home .content h1 .sub-content button::after {
        height: 20px;
        width: 20px; }
      .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider {
        width: 105px; }
        .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
          content: "";
          top: 4px;
          height: 8px;
          width: 8px; }
      .landing-home .content h1 .sub-content button span {
        font-size: 14px; }
    .landing-home .content h1 .sub-content::before {
      display: none; }
  .feature-section {
    height: auto; }
  .landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {
    font-size: 14px;
    padding: 10px 12px; } }

/* ========= responsive scss for 680 screen ========= */
@media only screen and (max-width: 680px) {
  .marquee .marquee-name p.big-title {
    font-size: 14px;
    letter-spacing: 2px; }
  .landing-page .unique-cards.section-py-space .marquee {
    padding-top: 30px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 73%;
    width: 100%; }
    .landing-page .unique-cards.section-py-space .support-title a {
      padding: 8px 20px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 4%;
    font-size: 18px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 400px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -10px;
    font-size: 16px; }
  .landing-home .content h1 .sub-content span {
    font-size: 14px; }
  .landing-home .content h1 .sub-content button {
    width: 46%; } }

/* ========= responsive scss for 575 screen ========= */
@media only screen and (max-width: 575px) {
  .landing-home {
    height: 416px; }
    .landing-home .user-content {
      padding: 14px 0px;
      width: 45%; }
      .landing-home .user-content span {
        font-size: 12px; }
    .landing-home .content h1 .sub-content {
      padding-top: 10px !important;
      gap: 6px; }
      .landing-home .content h1 .sub-content button {
        padding: 10px 5px 10px 30px; }
        .landing-home .content h1 .sub-content button span {
          font-size: 14px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 60%; }
  .framework ul.framworks-list {
    gap: 30px; }
    .framework ul.framworks-list li {
      height: 85px;
      width: 85px; }
  .marquee .marquee-name p.big-title {
    display: none; }
  .landing-page .section-py-space .title h2::after {
    top: 51px; }
  .landing-page .unique-cards.section-py-space .marquee {
    display: none; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 70%;
    right: 56%; }
    .landing-page .unique-cards.section-py-space .support-title a {
      padding: 6px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    display: none; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    padding-bottom: 70px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    display: none; }
  .feature-section {
    height: auto; }
  .framework {
    height: 100%; }
    .framework ul.framworks-list li div {
      height: 50px;
      width: 50px; }
      .framework ul.framworks-list li div img {
        height: 30px; }
  .landing-home .sticky-header header .nav-padding {
    padding: 15px 30px; }
  .landing-main h4 {
    font-size: 17px; } }

/* ========= responsive scss for 480 screen ========= */
@media only screen and (max-width: 480px) {
  .landing-home .content h1 .sub-content button::after {
    display: none; }
  .landing-home .content h1 .sub-content button::before {
    display: none; }
  .landing-page .unique-cards.section-py-space .support-title h2 {
    text-align: center; }
  .landing-page .unique-cards.section-py-space .support-title .premium-button {
    text-align: center; }
  .landing-page .demo-section .demo-box .layout-name a {
    font-size: 14px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 71%;
    right: 37%; }
  .landing-page .section-py-space .title h5 {
    font-size: 16px; }
  .landing-page .section-py-space .title h2 {
    font-size: 18px; }
    .landing-page .section-py-space .title h2::after {
      top: 30px;
      width: 40px;
      height: 5px; }
  .landing-page .feature-section .title h5 {
    font-size: 16px; }
  .landing-page .feature-section .title h2 {
    font-size: 18px; }
    .landing-page .feature-section .title h2::after {
      top: 30px;
      width: 40px;
      height: 5px; }
  .framework {
    height: 1440px; }
  .feature-section {
    height: auto; }
  .framework {
    height: 100%; }
  .sticky-header header.sticky {
    height: 56px; }
  .landing-home .sticky-header header .nav-padding {
    padding: 15px; }
  .landing-home .user-content {
    width: 61%; }
  .landing-home .content h1 .sub-content::before {
    width: 40%;
    left: 88px;
    top: 35%; }
  .landing-home .content h1 .sub-content span {
    font-size: 14px; }
  .landing-home .content h1 .sub-content button {
    width: 56%; }
    .landing-home .content h1 .sub-content button span {
      font-size: 14px; }
    .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
      top: 4px;
      left: -14px; }
  .landing-home .navbar-toggler {
    border: none;
    background-color: transparent;
    padding: 0; }
  .landing-home .navbar-brand img {
    height: 25px; } }

/* ========= responsive scss for 425 screen ========= */
@media only screen and (max-width: 425px) {
  .feature-section {
    height: 100%; }
  .landing-page .section-py-space .title h2::after {
    top: 37px; }
  .framework ul.framworks-list {
    gap: 30px; } }

/* ========= responsive scss for 380 screen ========= */
@media only screen and (max-width: 380px) {
  .feature-section {
    height: 100%; }
  .framework {
    height: 100%; }
  .component-col-set {
    width: 100%; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 69%;
    right: 40%; }
  .landing-home .content h1 .sub-content::before {
    width: 40%;
    left: 77px; }
  .landing-home .content h1 .sub-content button {
    padding: 6px 14px 6px 25px; } }

@media screen and (max-width: 375px) {
  .landing-page .unique-cards.section-py-space .support-title {
    top: 60%;
    right: 37%; } }

@media (max-width: 767px) {
  .framework .nav .nav-link img {
    height: 35px; }
  .framework .nav .nav-link h5 {
    font-size: 16px; }
  .framework ul.framworks-list li {
    width: 145px;
    height: 145px; }
    .framework ul.framworks-list li img {
      height: 40px; } }

@media (max-width: 767px) and (max-width: 480px) {
  .framework .nav .nav-item {
    width: auto; }
  .framework .nav .nav-link {
    padding-bottom: 10px;
    display: block !important; }
    .framework .nav .nav-link img {
      height: 25px;
      margin-right: unset; }
    .framework .nav .nav-link .text-start {
      display: none; }
    .framework .nav .nav-link.active, .framework .nav .nav-link.show {
      border-bottom: 2px solid #006666; }
  .framework ul.framworks-list li {
    width: 120px;
    height: 110px;
    padding: 25px 0;
    margin: 5px; }
    .framework ul.framworks-list li img {
      height: 30px; } }

@media (max-width: 767px) and (max-width: 1367px) {
  .framework .nav {
    margin-bottom: 40px; }
    .framework .nav .nav-link h5 {
      font-size: 18px; }
    .framework .nav .nav-link p {
      font-size: 12px; }
  .framework ul.framworks-list li {
    height: 175px;
    width: 175px; }
    .framework ul.framworks-list li img {
      width: auto;
      height: 60px; }
      .framework ul.framworks-list li img.img-68 {
        width: auto; } }

@media (max-width: 767px) and (max-width: 991px) {
  .framework .nav {
    margin-bottom: 30px; }
  .framework ul.framworks-list li {
    padding-left: 22px;
    width: 93px;
    height: 93px; }
    .framework ul.framworks-list li img {
      height: 40px; } }

/**=====================
    3.26 Landing CSS Ends
==========================**/
/**=====================
    3.27 Language CSS start
==========================**/
.current_lang {
  cursor: pointer;
  text-transform: uppercase;
  overflow: hidden; }

.lang.selected {
  display: none; }

.lang span.lang-txt {
  display: inline-flex;
  margin-left: 8px;
  font-weight: 500; }

.lang span span {
  color: #999;
  font-weight: 400;
  margin-left: 5px; }

/*more lang*/
.more_lang {
  transform: translateY(-20px);
  opacity: 0;
  cursor: pointer;
  display: none;
  transition: all 0.3s cubic-bezier(0.25, 1.15, 0.35, 1.15); }

.translate_wrapper.active .more_lang {
  display: block;
  position: absolute;
  background-color: #fff;
  top: 47px;
  right: 0;
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1); }
  .translate_wrapper.active .more_lang:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    top: -7px;
    position: absolute;
    right: 20px;
    z-index: 2; }
  .translate_wrapper.active .more_lang:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #bdc2c5;
    content: "";
    top: -7px;
    position: absolute;
    right: 20px;
    z-index: 1; }

.more_lang.active {
  opacity: 1;
  transform: translateY(0px); }

.more_lang .lang {
  padding: 10px 15px;
  display: flex; }
  .more_lang .lang:hover {
    background: var(--theme-deafult);
    color: #fff; }
    .more_lang .lang:hover span {
      color: #fff; }

.translate_wrapper.active .more_lang .lang {
  border-bottom: 1px solid #eaeaea; }

/**=====================
    3.27 Language CSS end
==========================**/
/**=====================
     3.28 Learning CSS start
==========================**/
.learning-header {
  margin-bottom: 10px; }

.categories {
  padding: 16px 0; }
  .categories .learning-header {
    padding-left: 15px; }
  .categories ul li {
    padding: 10px 15px; }
    .categories ul li a {
      color: #051A1A; }
    .categories ul li:hover {
      background-color: #E6E9EB; }

.upcoming-course .media + .media {
  margin-top: 30px; }

.job-accordion {
  margin-bottom: 0; }

@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .learning-comment {
    margin-left: -14px !important;
    float: left !important; }
  .blog-box .blog-details .blog-social li:first-child {
    padding-right: 30px; }
  .blog-box .blog-details .blog-social li + li {
    padding-left: 30px; } }

@media only screen and (max-width: 991px) {
  .categories {
    padding: 20px 0; }
  .upcoming-course .media + .media {
    margin-top: 20px; } }

@media only screen and (max-width: 575px) {
  .categories {
    padding: 15px 0; }
  .upcoming-course .media + .media {
    margin-top: 15px; } }

/**=====================
     3.28 Learning CSS end
==========================**/
/**=====================
    3.29 Login CSS Start
==========================**/
.login-card {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  background-position: center;
  padding: 30px 12px; }
  .login-card .logo {
    display: block;
    margin-bottom: 30px;
    text-align: center; }
  .login-card .btn-showcase .btn {
    line-height: 1;
    padding: 10px 13px;
    margin: 0; }
    .login-card .btn-showcase .btn + .btn {
      margin-left: 5px; }
    .login-card .btn-showcase .btn svg {
      height: 16px;
      vertical-align: bottom; }
  .login-card .login-main {
    width: 450px;
    padding: 40px;
    border-radius: 10px;
    box-shadow: #1a1c23 0px 0px 37px 0px;
    margin: 0 auto;
    background-color: #fff; }
    .login-card .login-main .theme-form h4 {
      margin-bottom: 5px; }
    .login-card .login-main .theme-form label {
      font-size: 15px;
      letter-spacing: 0.4px; }
    .login-card .login-main .theme-form .checkbox label::before {
      background-color: #f9f9fa;
      border: 1px solid #dfdfdf; }
    .login-card .login-main .theme-form .or {
      position: relative; }
      .login-card .login-main .theme-form .or:before {
        content: "";
        position: absolute;
        width: 65%;
        height: 2px;
        background-color: #f3f3ff;
        top: 9px;
        z-index: 0;
        right: 0; }
    .login-card .login-main .theme-form input {
      background-color: rgba(0, 102, 102, 0.1);
      transition: all 0.3s ease; }
      .login-card .login-main .theme-form input::-webkit-input-placeholder {
        color: #999999; }
      .login-card .login-main .theme-form input:hover, .login-card .login-main .theme-form input:focus {
        border: 1px solid #b9c1cc;
        box-shadow: none !important;
        transition: all 0.3s ease; }
    .login-card .login-main .theme-form p {
      margin-bottom: 25px;
      font-size: 14px;
      color: #898989; }
    .login-card .login-main .theme-form .form-group {
      margin-bottom: 10px;
      position: relative; }
    .login-card .login-main .theme-form .link {
      position: absolute;
      top: 10px;
      right: 0; }

.show-hide {
  position: absolute;
  top: 52px;
  right: 20px;
  transform: translateY(-50%); }
  .show-hide span {
    cursor: pointer;
    font-size: 13px;
    color: var(--theme-deafult); }
    .show-hide span.show:before {
      content: "show"; }
    .show-hide span:before {
      content: "hide"; }

.needs-validation .invalid-feedback {
  color: #898989; }

.needs-validation .show-hide {
  right: 30px; }

.needs-validation .invalid-tooltip {
  top: 10px;
  right: 10px; }

/**=====================
    3.29 Login CSS Ends
==========================**/
/**=====================
	3.30 Megaoption CSS Start
==========================**/
.mega-inline {
  margin-bottom: -30px;
  display: flex; }
  .mega-inline .card {
    border: 1px solid #f3f3f3;
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .mega-inline .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
  .mega-inline .media .radio {
    margin-left: 3px; }
    [dir="rtl"] .mega-inline .media .radio {
      margin-right: 3px;
      margin-left: unset; }

.mega-vertical {
  display: flex;
  flex-wrap: wrap; }
  .mega-vertical .card {
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .mega-vertical .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
  .mega-vertical .media .radio {
    margin-left: 3px; }

.mega-title {
  font-weight: 600; }

.mega-horizontal {
  display: flex;
  flex-wrap: wrap; }
  .mega-horizontal .card {
    border: 1px solid #f3f3f3;
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .mega-horizontal .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
  .mega-horizontal .media .radio {
    margin-left: 3px; }

.plain-style .card {
  box-shadow: none;
  border: none !important; }

.border-style .card {
  box-shadow: none;
  border: 1px solid #ecf3fa !important; }

.offer-style .card {
  box-shadow: none;
  border: 1px dashed #ecf3fa !important; }

.rating-star-wrapper {
  color: #797979; }

.card-wrapper .payment-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--chart-dashed-border); }
  .card-wrapper .payment-wrapper:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: unset; }
  .card-wrapper .payment-wrapper .payment-second img {
    width: 50px; }
  .card-wrapper .payment-wrapper .payment-second .mega-icons {
    width: 20px;
    height: 20px; }

.main-upgrade {
  margin: 0 auto;
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  .main-upgrade > div:first-child {
    margin-bottom: 20px; }
  .main-upgrade i {
    font-size: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
    display: block;
    color: #006666; }
  .main-upgrade p {
    line-height: 1.4; }
  .main-upgrade .variation-box {
    gap: 20px;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (min-width: 768px) and (max-width: 1200px) {
      .main-upgrade .variation-box {
        display: grid;
        grid-template-columns: auto auto;
        gap: 18px; } }
    @media (max-width: 700px) {
      .main-upgrade .variation-box {
        display: grid;
        grid-template-columns: auto auto;
        gap: 18px; } }
    @media (max-width: 380px) {
      .main-upgrade .variation-box {
        grid-template-columns: unset; } }
    .main-upgrade .variation-box .selection-box {
      position: relative;
      height: 100px;
      border: 1px dashed #006666;
      min-width: 125px;
      border-radius: 15px; }
      @media (min-width: 1200px) and (max-width: 1920px) {
        .main-upgrade .variation-box .selection-box {
          min-width: calc(110px + (125 - 110) * ((100vw - 1200px) / (1920 - 1200))); } }
      .main-upgrade .variation-box .selection-box .custom--mega-checkbox {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 25px;
        transition: .5s ease; }
      .main-upgrade .variation-box .selection-box input {
        position: absolute;
        top: 0;
        left: 0;
        width: 118px;
        height: 96px;
        opacity: 0;
        cursor: pointer; }
        [dir="rtl"] .main-upgrade .variation-box .selection-box input {
          left: unset;
          right: 0; }
        .main-upgrade .variation-box .selection-box input[type=checkbox]:checked ~ div {
          background-color: rgba(0, 102, 102, 0.2);
          border-radius: 15px; }

.megaoptions-border-space-sm .media .radio label {
  padding-left: 18px; }
  [dir="rtl"] .megaoptions-border-space-sm .media .radio label {
    padding-left: unset;
    padding-right: 18px; }

@media (min-width: 618px) and (max-width: 1199px) {
  .megaoptions-border-space-sm .media .media-body .list-behavior-1 {
    flex-direction: row;
    gap: 18px; } }

@media (max-width: 618px) {
  .megaoptions-border-space-sm .media .media-body .list-behavior-1 {
    flex-direction: column;
    gap: 12px; } }

.megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
  margin-top: -6px; }
  @media (max-width: 618px) {
    .megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
      margin-left: 0px; }
      [dir="rtl"] .megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
        margin-left: unset;
        margin-right: 0; } }
.megaoptions-border-space-sm .media .media-body .list-behavior-1:first-child {
  margin-bottom: 0; }

.megaoption-space .badge.pull-right,
.megaoptions-border-space-sm .badge.pull-right {
  margin-bottom: 12px; }

/**=====================
    3.30 Megaoption CSS Ends
==========================**/
/**=====================
    3.31 Order-history CSS start
==========================**/
.prooduct-details-box .close {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 16px;
  cursor: pointer; }

.prooduct-details-box .btn {
  line-height: 13px; }

.prooduct-details-box .media {
  border: 1px solid #d7e2e9;
  border-radius: 10px;
  padding: 15px;
  width: 100%;
  position: relative; }

.prooduct-details-box .rating {
  color: #ffaf45;
  letter-spacing: 3px; }

.prooduct-details-box .product-name a {
  color: gray; }

.prooduct-details-box .product-name h6 {
  margin-bottom: 0; }

.prooduct-details-box .btn {
  position: absolute;
  right: 15px;
  bottom: 15px; }

.order-history .input-group {
  text-align: right;
  max-width: 300px; }

.order-history table th,
.order-history table td {
  text-align: center; }

.order-history table thead tr th {
  vertical-align: middle;
  border-top: none;
  background-color: #F5F5F5;
  border: 1px solid #ecf3fa;
  padding: 1.25rem;
  font-size: 16px; }

.order-history table .qty-box {
  width: 120px;
  margin: 0 auto;
  border-radius: 5px;
  overflow: hidden; }
  .order-history table .qty-box input {
    width: 44px;
    max-width: 44px;
    background-color: transparent;
    border: none !important; }
  .order-history table .qty-box .input-group {
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid #ecf3fa;
    overflow: hidden; }
  .order-history table .qty-box .btn {
    background-color: transparent;
    border: none; }
    .order-history table .qty-box .btn.bootstrap-touchspin-down {
      border-right: 1px solid; }
      [dir="rtl"] .order-history table .qty-box .btn.bootstrap-touchspin-down {
        border-right: unset;
        border-left: 1px solid; }
    .order-history table .qty-box .btn.bootstrap-touchspin-up {
      border-left: 1px solid; }
      [dir="rtl"] .order-history table .qty-box .btn.bootstrap-touchspin-up {
        border-left: unset;
        border-right: 1px solid; }

.order-history table tbody tr td {
  vertical-align: middle; }
  .order-history table tbody tr td .product-name a {
    font-size: 15px;
    color: #898989; }
  .order-history table tbody tr td .product-name .order-process {
    font-size: 13px;
    padding-left: 15px; }
    .order-history table tbody tr td .product-name .order-process .order-process-circle {
      position: relative; }
      .order-history table tbody tr td .product-name .order-process .order-process-circle:before {
        position: absolute;
        content: '';
        width: 4px;
        height: 4px;
        border-radius: 100%;
        background-color: #898989;
        left: -7px;
        top: 6px; }
      .order-history table tbody tr td .product-name .order-process .order-process-circle.shipped-order:before {
        background-color: #00AC46; }
      .order-history table tbody tr td .product-name .order-process .order-process-circle.cancel-order:before {
        background-color: #FE6A49; }

@media only screen and (max-width: 1199px) {
  .order-history table {
    width: 900px;
    overflow: auto; }
    .order-history table thead tr th {
      font-size: 12px; } }

@media only screen and (max-width: 575px) {
  .prooduct-details-box .btn {
    padding: 0.05rem 0.4rem !important; } }

/**=====================
    3.31 Order-history CSS End
==========================**/
/**=====================
  3.32 Page CSS Start
==========================**/
/*test Nav bar color */
.pagination-theme .page-item .page-link {
  color: var(--theme-deafult) !important; }

.pagination-theme .page-item.active .page-link {
  color: #fff !important;
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult); }

.pagination-primary .page-item .page-link {
  color: var(--theme-deafult) !important; }

.pagination-primary .page-item.active .page-link {
  color: #fff !important;
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult); }

.pagination-secondary .page-item .page-link {
  color: #FE6A49 !important; }

.pagination-secondary .page-item.active .page-link {
  color: #fff !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49; }

.pagination-success .page-item .page-link {
  color: #00AC46 !important; }

.pagination-success .page-item.active .page-link {
  color: #fff !important;
  background-color: #00AC46 !important;
  border-color: #00AC46; }

.pagination-danger .page-item .page-link {
  color: #FE6A49 !important; }

.pagination-danger .page-item.active .page-link {
  color: #fff !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49; }

.pagination-info .page-item .page-link {
  color: #173878 !important; }

.pagination-info .page-item.active .page-link {
  color: #fff !important;
  background-color: #173878 !important;
  border-color: #173878; }

.pagination-dark .page-item .page-link {
  color: #2c323f !important; }

.pagination-dark .page-item.active .page-link {
  color: #fff !important;
  background-color: #2c323f !important;
  border-color: #2c323f; }

.pagination-warning .page-item .page-link {
  color: #FFAE1A !important; }

.pagination-warning .page-item.active .page-link {
  color: #fff !important;
  background-color: #FFAE1A !important;
  border-color: #FFAE1A; }

.pagin-border-primary .page-item.active, .pagin-border-primary .page-item:active {
  background-color: rgba(0, 102, 102, 0.2); }

.pagin-border-primary .page-item .page-link {
  border-color: rgba(0, 102, 102, 0.2); }
  .pagin-border-primary .page-item .page-link:hover, .pagin-border-primary .page-item .page-link:focus {
    background-color: rgba(0, 102, 102, 0.2); }
  .pagin-border-primary .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-secondary .page-item.active, .pagin-border-secondary .page-item:active {
  background-color: rgba(254, 106, 73, 0.3); }

.pagin-border-secondary .page-item .page-link {
  border-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-secondary .page-item .page-link:hover, .pagin-border-secondary .page-item .page-link:focus {
    background-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-secondary .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-success .page-item.active, .pagin-border-success .page-item:active {
  background-color: rgba(0, 172, 70, 0.3); }

.pagin-border-success .page-item .page-link {
  border-color: rgba(0, 172, 70, 0.3); }
  .pagin-border-success .page-item .page-link:hover, .pagin-border-success .page-item .page-link:focus {
    background-color: rgba(0, 172, 70, 0.3); }
  .pagin-border-success .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-danger .page-item.active, .pagin-border-danger .page-item:active {
  background-color: rgba(254, 106, 73, 0.3); }

.pagin-border-danger .page-item .page-link {
  border-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-danger .page-item .page-link:hover, .pagin-border-danger .page-item .page-link:focus {
    background-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-danger .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-warning .page-item.active, .pagin-border-warning .page-item:active {
  background-color: rgba(255, 174, 26, 0.3); }

.pagin-border-warning .page-item .page-link {
  border-color: rgba(255, 174, 26, 0.3); }
  .pagin-border-warning .page-item .page-link:hover, .pagin-border-warning .page-item .page-link:focus {
    background-color: rgba(255, 174, 26, 0.3); }
  .pagin-border-warning .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-info .page-item.active, .pagin-border-info .page-item:active {
  background-color: rgba(23, 56, 120, 0.3); }

.pagin-border-info .page-item .page-link {
  border-color: rgba(23, 56, 120, 0.3); }
  .pagin-border-info .page-item .page-link:hover, .pagin-border-info .page-item .page-link:focus {
    background-color: rgba(23, 56, 120, 0.3); }
  .pagin-border-info .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-light .page-item.active, .pagin-border-light .page-item:active {
  background-color: #F9F9FB; }

.pagin-border-light .page-item .page-link {
  border-color: #F9F9FB; }
  .pagin-border-light .page-item .page-link:hover, .pagin-border-light .page-item .page-link:focus {
    background-color: #F9F9FB; }
  .pagin-border-light .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-dark .page-item.active, .pagin-border-dark .page-item:active {
  background-color: #EAEBF2; }

.pagin-border-dark .page-item .page-link {
  border-color: #EAEBF2; }
  .pagin-border-dark .page-item .page-link:hover, .pagin-border-dark .page-item .page-link:focus {
    background-color: #EAEBF2; }
  .pagin-border-dark .page-item .page-link:focus {
    box-shadow: unset; }

@media (max-width: 576px) {
  .pagination-lg .page-item .page-link {
    font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (576 - 320)));
    padding: calc(12px + (12 - 12) * ((100vw - 320px) / (576 - 320))) calc(12px + (24 - 12) * ((100vw - 320px) / (576 - 320))); } }

@media (max-width: 339px) {
  .pagination {
    justify-content: center; } }

.pagination .page-item:active {
  background-color: unset; }

.pagination .page-item .page-link.rounded-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px; }

/**=====================
    3.32 Page CSS Ends
==========================**/
/**=====================
    3.33 Pricing CSS Start
==========================**/
.pricing-simple {
  box-shadow: 0 0 10px 5px rgba(68, 102, 242, 0.05);
  margin-bottom: 0 !important; }
  .pricing-simple .card-body {
    border-bottom: none; }
    .pricing-simple .card-body h3 {
      position: relative;
      margin-bottom: 38px; }
      .pricing-simple .card-body h3:before {
        position: absolute;
        content: '';
        width: 80px;
        height: 1px;
        margin: 0 auto;
        left: 0;
        right: 0;
        bottom: -10px;
        background-color: #999999; }
    .pricing-simple .card-body h1 {
      font-size: 30px;
      line-height: 0.9;
      margin-bottom: 30px;
      font-weight: 400; }

.pricingtable {
  text-align: center;
  padding-top: 45px;
  padding-bottom: 45px;
  border-radius: 10px;
  box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
  overflow: hidden;
  position: relative;
  z-index: 1;
  height: 100%; }
  .pricingtable:before, .pricingtable:after {
    content: "";
    background-color: var(--theme-deafult);
    width: 300px;
    height: 300px;
    border-radius: 50%;
    position: absolute;
    right: -213px;
    z-index: -1;
    opacity: 0.1; }

.pricingtable:after {
  background-color: var(--theme-deafult);
  height: 300px;
  width: 300px;
  top: auto;
  bottom: -210px;
  right: auto;
  left: -160px;
  opacity: 0.1; }

.pricingtable .title {
  text-transform: uppercase;
  margin-bottom: 20px; }

.pricingtable .price-value {
  color: #fff;
  background-color: var(--theme-deafult);
  width: 130px;
  height: 130px;
  padding: 45px 0 0;
  margin: 0 auto 25px;
  border-radius: 50%; }
  .pricingtable .price-value .duration {
    margin: 0 0 0 -5px; }
  .pricingtable .price-value .amount {
    font-size: 58px;
    font-weight: 700;
    line-height: 45px;
    display: inline-block; }
  .pricingtable .price-value .currency {
    vertical-align: top; }

.pricingtable .pricing-content {
  margin: 0 0 25px;
  display: inline-block; }
  .pricingtable .pricing-content li {
    font-weight: 500;
    text-align: left;
    margin: 0 0 20px;
    position: relative;
    padding-left: 30px; }
    .pricingtable .pricing-content li:last-child {
      margin: 0; }
    .pricingtable .pricing-content li:before {
      content: "\f00c";
      color: var(--theme-deafult);
      font-family: FontAwesome;
      text-align: center;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      position: absolute;
      top: 1px;
      left: 0; }

@media (max-width: 1470px) {
  .pricing-block > div {
    flex: 50%; }
    .pricing-block > div:nth-child(n+3) {
      margin-top: 30px; } }

@media only screen and (max-width: 991px) {
  .pricing-simple .card-body h1 {
    margin-bottom: 20px; }
  .pricing-simple .card-body h3 {
    margin-bottom: 28px; }
  .pricing-block > div:nth-child(n+2) {
    margin-top: 20px; } }

@media only screen and (max-width: 575px) {
  .pricing-simple .card-body h1 {
    margin-bottom: 15px; }
  .pricing-block > div {
    flex: 100%; }
  .pricingtable {
    padding-top: 30px;
    padding-bottom: 30px; } }

/**=====================
   3.33 Pricing CSS Ends
==========================**/
/**=====================
   3.34 Progress CSS Start
==========================**/
.progress-showcase .progress {
  margin-bottom: 10px; }
  .progress-showcase .progress:last-child {
    margin-bottom: 0; }

.sm-progress-bar {
  height: 8px; }

.lg-progress-bar {
  height: 20px; }

.progress-number button {
  width: 2rem;
  height: 2rem; }

.progress-number .progress-wrapper {
  height: 1px; }
  .progress-number .progress-wrapper.progress {
    background-color: var(--recent-dashed-border); }
  .progress-number .progress-wrapper .progress-bar {
    background-color: var(--theme-deafult); }

.progress-btn {
  background-color: #f6f9fd;
  border-color: #f6f9fd; }

.small-progressbar {
  position: relative;
  overflow: visible; }
  .small-progressbar::after {
    position: absolute;
    content: '';
    top: -2px;
    right: -9px;
    background-color: #006666;
    width: 12px;
    height: 12px;
    border-radius: 100%; }
    [dir="rtl"] .small-progressbar::after {
      left: -9px;
      right: unset; }
  .small-progressbar .progress-label {
    position: absolute;
    top: -26px;
    right: -6px;
    font-weight: 700; }
    [dir="rtl"] .small-progressbar .progress-label {
      right: unset;
      left: -6px; }
  .small-progressbar .animate-circle {
    position: absolute;
    top: -11px;
    right: -18px;
    height: 30px;
    width: 30px;
    border: 14px solid #006666;
    border-radius: 70px;
    animation: heart 1s ease-in-out;
    animation-iteration-count: infinite; }
    [dir="rtl"] .small-progressbar .animate-circle {
      right: unset;
      left: -18px; }

@keyframes heart {
  0% {
    transform: scale(0);
    opacity: 0; }
  25% {
    transform: scale(0.1);
    opacity: 1; }
  50% {
    transform: scale(0.5);
    opacity: .3; }
  75% {
    transform: scale(0.8);
    opacity: .5; }
  100% {
    transform: scale(1);
    opacity: 0; } }

.progress-b-space .progress {
  margin-bottom: 35px; }

/**=====================
   3.34 Progress CSS Ends
==========================**/
/**=====================
   3.35 Projectlist CSS Start
==========================**/
.project-list .row {
  margin: 15px; }

.project-list button:focus {
  outline: none !important; }

.project-list .theme-form .form-group {
  margin-bottom: 15px; }

.project-list .border-tab.nav-tabs .nav-item .nav-link {
  border: 1px dashed transparent;
  padding: 5px 30px 5px 0;
  border-radius: 5px;
  display: flex;
  align-items: center; }

.project-list .btn {
  margin-right: 5px;
  vertical-align: -12px;
  float: right; }
  [dir="rtl"] .project-list .btn {
    float: left; }
  .project-list .btn svg {
    vertical-align: middle;
    height: 16px; }

.project-list ul {
  margin-bottom: 0 !important;
  border-bottom: 0; }
  .project-list ul li svg {
    height: 18px;
    vertical-align: middle;
    margin-right: 5px; }

.tab-content .row > div.col-xl-4:nth-child(1) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 10ms; }

.tab-content .row > div.col-xl-4:nth-child(2) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 20ms; }

.tab-content .row > div.col-xl-4:nth-child(3) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 30ms; }

.tab-content .row > div.col-xl-4:nth-child(4) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 40ms; }

.tab-content .row > div.col-xl-4:nth-child(5) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 50ms; }

.tab-content .row > div.col-xl-4:nth-child(6) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 60ms; }

.tab-content .row > div.col-xl-4:nth-child(7) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 70ms; }

.tab-content .row > div.col-xl-4:nth-child(8) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 80ms; }

.tab-content .row > div.col-xl-4:nth-child(9) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 90ms; }

.tab-content .row > div.col-xl-4:nth-child(10) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 100ms; }

.tab-content .row > div.col-xl-4:nth-child(11) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 110ms; }

.tab-content .row > div.col-xl-4:nth-child(12) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 120ms; }

.tab-content .row > div.col-xl-4:nth-child(13) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 130ms; }

.tab-content .row > div.col-xl-4:nth-child(14) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 140ms; }

.tab-content .row > div.col-xl-4:nth-child(15) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 150ms; }

.project-cards .tab-content {
  margin-bottom: -30px; }

.project-box {
  border: 1px solid #efefef;
  border-radius: 5px;
  padding: 30px;
  background-color: white;
  margin-bottom: 30px; }
  .project-box h6 {
    font-weight: 500 !important; }
  .project-box .badge {
    position: absolute;
    right: 30px;
    top: 15px;
    line-height: 13px; }
  .project-box .project-status p {
    margin-bottom: 5px;
    font-weight: 800; }
  .project-box .d-flex {
    margin-bottom: 15px;
    margin-top: 10px; }
    .project-box .d-flex .flex-grow-1 {
      opacity: 0.5; }
  .project-box .details div {
    margin-bottom: 5px;
    opacity: 0.7; }

.projectdetails .card .card-body {
  padding: 20px; }

.projectdetails .card .card-footer {
  padding: 20px; }

.projectdetails .card select {
  width: 90px;
  height: 28px;
  font-size: 11px;
  right: 20px;
  top: 20px; }

.projectmore .details .col-4 {
  margin-bottom: 5px; }
  .projectmore .details .col-4:nth-child(even) {
    opacity: 0.5; }

.projectmore h5 {
  font-size: 20px;
  font-weight: 600; }

.projectmore .task-list {
  position: relative; }
  .projectmore .task-list ul li {
    margin-bottom: 5px; }
  .projectmore .task-list ul + ul {
    position: absolute;
    left: 50%;
    top: 0; }

.new-users.activity .gradient-round {
  padding: 13px;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  top: unset !important; }
  .new-users.activity .gradient-round::after {
    display: none; }

/**=====================
   3.35 Projectlist CSS Ends
==========================**/
/**=====================
   3.36 Rating CSS Start
==========================**/
@-webkit-keyframes shake {
  30% {
    transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px); }
  60% {
    transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px); }
  100% {
    transform: perspective(240px) translateZ(4px); } }

@keyframes shake {
  30% {
    transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px); }
  60% {
    transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px); }
  100% {
    transform: perspective(240px) translateZ(4px); } }

@-webkit-keyframes tear {
  0% {
    opacity: 0;
    transform: translateY(-2px) scale(0) translateZ(0); }
  50% {
    transform: translateY(12px) scale(0.6, 1.2) translateZ(0); }
  20%,
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0); } }

@keyframes tear {
  0% {
    opacity: 0;
    transform: translateY(-2px) scale(0) translateZ(0); }
  50% {
    transform: translateY(12px) scale(0.6, 1.2) translateZ(0); }
  20%,
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0); } }

@-webkit-keyframes toggle {
  50% {
    transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg)); } }

@keyframes toggle {
  50% {
    transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg)); } }

@-webkit-keyframes angry {
  40% {
    background: var(--active); }
  45% {
    box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry); } }

@keyframes angry {
  40% {
    background: var(--active); }
  45% {
    box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry); } }

.feedback {
  display: flex;
  gap: 10px;
  flex-wrap: wrap; }

.feedback {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex; }
  .feedback li {
    position: relative;
    border-radius: 50%;
    background: var(--sb, var(--normal));
    box-shadow: inset 3px -3px 4px var(--sh, var(--normal-shadow));
    transition: background 0.4s, box-shadow 0.4s, transform 0.3s;
    -webkit-tap-highlight-color: transparent; }
    .feedback li:not(:last-child) {
      margin-right: 20px; }
    .feedback li div {
      width: 40px;
      height: 40px;
      position: relative;
      transform: perspective(240px) translateZ(4px); }
      .feedback li div svg {
        display: block;
        position: absolute;
        left: var(--l, 9px);
        top: var(--t, 13px);
        width: var(--w, 8px);
        height: var(--h, 2px);
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        fill: none;
        stroke: var(--s);
        stroke-width: 2px;
        stroke-linecap: round;
        stroke-linejoin: round;
        transition: stroke 0.4s; }
      .feedback li div:before {
        display: block;
        position: absolute;
        left: var(--l, 9px);
        top: var(--t, 13px);
        width: var(--w, 8px);
        height: var(--h, 2px);
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        content: "";
        z-index: var(--zi, 1);
        border-radius: var(--br, 1px);
        background: var(--b, var(--e, var(--normal-eye)));
        transition: background 0.4s; }
      .feedback li div:after {
        display: block;
        position: absolute;
        left: var(--l, 9px);
        top: var(--t, 13px);
        width: var(--w, 8px);
        height: var(--h, 2px);
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        content: "";
        z-index: var(--zi, 1);
        border-radius: var(--br, 1px);
        background: var(--b, var(--e, var(--normal-eye)));
        transition: background 0.4s; }
      .feedback li div svg.eye {
        --s: var(--e, var(--normal-eye));
        --t: 17px;
        --w: 7px;
        --h: 4px; }
      .feedback li div svg.eye.right {
        --l: 23px; }
      .feedback li div svg.mouth {
        --s: var(--m, var(--normal-mouth));
        --l: 11px;
        --t: 23px;
        --w: 18px;
        --h: 7px; }
    .feedback li:not(.active) {
      cursor: pointer; }
      .feedback li:not(.active):active {
        transform: scale(0.925); }
  .feedback li.angry {
    --step-1-rx: -24deg;
    --step-1-ry: 20deg;
    --step-2-rx: -24deg;
    --step-2-ry: -20deg; }
    .feedback li.angry div:before {
      --r: 20deg; }
    .feedback li.angry div:after {
      --l: 23px;
      --r: -20deg; }
    .feedback li.angry div svg.eye {
      stroke-dasharray: 4.55;
      stroke-dashoffset: 8.15; }
  .feedback li.angry.active {
    -webkit-animation: angry 1s linear;
    animation: angry 1s linear; }
    .feedback li.angry.active div:before {
      --middle-y: -2px;
      --middle-r: 22deg;
      -webkit-animation: toggle 0.8s linear forwards;
      animation: toggle 0.8s linear forwards; }
    .feedback li.angry.active div:after {
      --middle-y: 1px;
      --middle-r: -18deg;
      -webkit-animation: toggle 0.8s linear forwards;
      animation: toggle 0.8s linear forwards; }
  .feedback li.sad {
    --step-1-rx: 20deg;
    --step-1-ry: -12deg;
    --step-2-rx: -18deg;
    --step-2-ry: 14deg; }
    .feedback li.sad div:before {
      --b: var(--active-tear);
      --sc: 0;
      --w: 5px;
      --h: 5px;
      --t: 15px;
      --br: 50%; }
    .feedback li.sad div:after {
      --b: var(--active-tear);
      --sc: 0;
      --w: 5px;
      --h: 5px;
      --t: 15px;
      --br: 50%;
      --l: 25px; }
    .feedback li.sad div svg.eye {
      --t: 16px; }
    .feedback li.sad div svg.mouth {
      --t: 24px;
      stroke-dasharray: 9.5;
      stroke-dashoffset: 33.25; }
  .feedback li.sad.active div:before {
    -webkit-animation: tear 0.6s linear forwards;
    animation: tear 0.6s linear forwards; }
  .feedback li.sad.active div:after {
    -webkit-animation: tear 0.6s linear forwards;
    animation: tear 0.6s linear forwards; }
  .feedback li.ok {
    --step-1-rx: 4deg;
    --step-1-ry: -22deg;
    --step-1-rz: 6deg;
    --step-2-rx: 4deg;
    --step-2-ry: 22deg;
    --step-2-rz: -6deg; }
    .feedback li.ok div:before {
      --l: 12px;
      --t: 17px;
      --h: 4px;
      --w: 4px;
      --br: 50%;
      box-shadow: 12px 0 0 var(--e, var(--normal-eye)); }
    .feedback li.ok div:after {
      --l: 13px;
      --t: 26px;
      --w: 14px;
      --h: 2px;
      --br: 1px;
      --b: var(--m, var(--normal-mouth)); }
  .feedback li.ok.active div:before {
    --middle-s-y: .35;
    -webkit-animation: toggle 0.2s linear forwards;
    animation: toggle 0.2s linear forwards; }
  .feedback li.ok.active div:after {
    --middle-s-x: .5;
    -webkit-animation: toggle 0.7s linear forwards;
    animation: toggle 0.7s linear forwards; }
  .feedback li.good {
    --step-1-rx: -14deg;
    --step-1-rz: 10deg;
    --step-2-rx: 10deg;
    --step-2-rz: -8deg; }
    .feedback li.good div:before {
      --b: var(--m, var(--normal-mouth));
      --w: 5px;
      --h: 5px;
      --br: 50%;
      --t: 22px;
      --zi: 0;
      opacity: 0.5;
      box-shadow: 16px 0 0 var(--b);
      filter: blur(2px); }
    .feedback li.good div:after {
      --sc: 0; }
    .feedback li.good div svg.eye {
      --t: 15px;
      --sc: -1;
      stroke-dasharray: 4.55;
      stroke-dashoffset: 8.15; }
    .feedback li.good div svg.mouth {
      --t: 22px;
      --sc: -1;
      stroke-dasharray: 13.3;
      stroke-dashoffset: 23.75; }
  .feedback li.good.active div svg.mouth {
    --middle-y: 1px;
    --middle-s: -1;
    -webkit-animation: toggle 0.8s linear forwards;
    animation: toggle 0.8s linear forwards; }
  .feedback li.happy div {
    --step-1-rx: 18deg;
    --step-1-ry: 24deg;
    --step-2-rx: 18deg;
    --step-2-ry: -24deg; }
    .feedback li.happy div:before {
      --sc: 0; }
    .feedback li.happy div:after {
      --b: var(--m, var(--normal-mouth));
      --l: 11px;
      --t: 23px;
      --w: 18px;
      --h: 8px;
      --br: 0 0 8px 8px; }
    .feedback li.happy div svg.eye {
      --t: 14px;
      --sc: -1; }
  .feedback li.happy.active div:after {
    --middle-s-x: .95;
    --middle-s-y: .75;
    -webkit-animation: toggle 0.8s linear forwards;
    animation: toggle 0.8s linear forwards; }
  .feedback li.active {
    --sb: var(--active);
    --sh: var(--active-shadow);
    --m: var(--active-mouth);
    --e: var(--active-eye); }
    .feedback li.active div {
      -webkit-animation: shake 0.8s linear forwards;
      animation: shake 0.8s linear forwards; }

html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased; }

* {
  box-sizing: inherit; }
  *:before {
    box-sizing: inherit; }
  *:after {
    box-sizing: inherit; }

.br-theme-bars-1to10 .br-widget a,
.br-theme-bars-movie .br-widget a,
.br-theme-bars-pill .br-widget a,
.br-theme-bars-reversed .br-widget a,
.br-theme-bars-horizontal .br-widget a {
  background-color: rgba(0, 102, 102, 0.2); }

.br-theme-bars-square .br-widget a {
  border-color: rgba(0, 102, 102, 0.2);
  color: var(--body-light-font-color); }

/**=====================
   3.36 Rating CSS Ends
==========================**/
/**=====================
    3.37 Social-app CSS start
==========================**/
.user-profile .hovercard .socialheader {
  background: url(/../images/social-app/social-image.png); }

.user-profile .hovercard .user-image .share-icons {
  position: absolute;
  right: 100px;
  top: -27px; }
  .user-profile .hovercard .user-image .share-icons li {
    display: inline-block;
    margin-right: 10px; }
    .user-profile .hovercard .user-image .share-icons li .social-icon {
      width: 50px;
      height: 50px;
      text-align: center;
      display: flex;
      align-items: center;
      vertical-align: middle;
      justify-content: center;
      border-radius: 100%; }
      .user-profile .hovercard .user-image .share-icons li .social-icon i {
        color: #fff;
        font-size: 25px; }
    .user-profile .hovercard .user-image .share-icons li:last-child {
      margin-right: 0; }

.user-profile .card-footer > div h3 {
  font-size: 16px; }

.market-tabs .border-tab.nav-tabs .nav-item .nav-link.active {
  border-bottom: none !important; }

.market-tabs .nav {
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center; }
  .market-tabs .nav .nav-item {
    width: 100%; }
    .market-tabs .nav .nav-item .nav-link {
      height: 81px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      padding-top: 30px;
      text-align: center; }

.tabs-scoial {
  border-bottom: none;
  margin-bottom: 20px !important;
  margin-top: 20px; }
  .tabs-scoial li a {
    font-weight: 600; }
    .tabs-scoial li a svg circle {
      color: #999999; }

.social-network span {
  margin-bottom: 30px;
  display: block; }

.social-list .d-flex {
  margin-bottom: 20px;
  display: flex;
  align-items: center; }
  .social-list .d-flex:last-child {
    margin-bottom: 0; }
  .social-list .d-flex .flex-grow-1 a {
    color: #999999; }
  .social-list .d-flex .flex-grow-1 span {
    font-weight: 600; }
  .social-list .d-flex .flex-grow-1:hover a {
    color: var(--theme-deafult); }

.photos {
  margin-bottom: -15px; }
  .photos ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 70px; }
    .photos ul li:nth-child(4n) {
      margin-right: 0; }

.new-users-social {
  margin-bottom: 30px; }
  .new-users-social svg {
    cursor: pointer; }
  .new-users-social .d-flex img {
    width: 58px; }
  .new-users-social .d-flex .flex-grow-1 {
    margin-top: 10px; }
  .new-users-social svg circle {
    color: #999999; }

.like-content span i {
  font-size: 14px; }

.timeline-content p {
  margin-top: 30px;
  color: #999999; }

.timeline-content .comment-number i {
  color: #999999;
  margin-right: 20px; }

.timeline-content .comments-box {
  margin-top: 30px; }
  .timeline-content .comments-box .flex-grow-1 {
    width: 100%; }
  .timeline-content .comments-box .input-group {
    margin-top: 6px; }
    .timeline-content .comments-box .input-group .input-txt-bx {
      border: none;
      background-color: #F5F5F5; }
      .timeline-content .comments-box .input-group .input-txt-bx::placeholder {
        color: #999999; }
    .timeline-content .comments-box .input-group .input-group-append .btn i {
      font-size: 20px;
      display: flex;
      color: #999999; }

.social-chat {
  margin-top: 30px; }
  .social-chat span span {
    font-weight: normal;
    color: #999999;
    font-size: 12px; }
  .social-chat .flex-grow-1 {
    padding: 20px;
    border: 1px solid #E6E9EB;
    position: relative; }
    .social-chat .flex-grow-1 p {
      margin-top: 5px; }
    .social-chat .flex-grow-1:before {
      content: '';
      position: absolute;
      top: 19px;
      right: 100%;
      border: 7px solid transparent;
      border-right: 7px solid #59667a; }
    .social-chat .flex-grow-1:after {
      content: '';
      position: absolute;
      top: 19px;
      right: 100%;
      border: 7px solid transparent;
      border-right: 7px solid #fff; }
  .social-chat .your-msg,
  .social-chat .other-msg {
    margin-bottom: 30px; }
  .social-chat .other-msg {
    margin-left: 40px; }

.socialprofile span {
  color: #999999; }
  .socialprofile span.badge {
    padding: 6px 10px !important; }

.socialprofile .social-btngroup {
  margin: 30px 0; }

.socialprofile .likes-profile h5 span {
  color: #051A1A; }

.socialprofile .social-group {
  margin-top: 30px; }
  .socialprofile .social-group ul li:nth-child(4) {
    margin-left: -22px; }

.social-status form .form-group .form-control-social {
  border: 1px solid #E6E9EB;
  padding-left: 15px;
  margin-bottom: 30px; }

.social-status .d-flex {
  position: relative;
  margin-bottom: 30px; }
  .social-status .d-flex:last-child {
    margin-bottom: 0; }
  .social-status .d-flex .social-status {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #fff;
    bottom: 0;
    left: 35px;
    border-radius: 100%; }
  .social-status .d-flex .social-online {
    border: 3px solid #00AC46; }
  .social-status .d-flex .social-busy {
    border: 3px solid #FFAE1A; }
  .social-status .d-flex .social-offline {
    border: 3px solid #59667a; }
  .social-status .d-flex .flex-grow-1 p {
    color: #999999;
    margin-bottom: 5px; }
  .social-status .d-flex .flex-grow-1 span + span {
    color: #999999; }
  .social-status .d-flex .flex-grow-1 .light-span {
    color: #999999; }

.social-header h5 span:first-child {
  line-height: 1.48; }

.social-header h5 span svg circle {
  color: #999999; }

.details-about + .details-about {
  margin-top: 30px; }

.details-about .your-details p {
  color: #999999; }

.avatar-showcase .friend-pic {
  margin-right: 8px;
  margin-bottom: 10px; }

.avatar-showcase .pepole-knows ul li {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px; }
  .avatar-showcase .pepole-knows ul li:last-child {
    margin-right: 0; }
  .avatar-showcase .pepole-knows ul li .add-friend h6 {
    margin-top: 3px; }

.activity-log .my-activity + .my-activity {
  margin-top: 30px; }

.activity-log .my-activity p {
  margin-bottom: 5px; }
  .activity-log .my-activity p span svg {
    width: 15px;
    height: 15px; }

/**=====================
    3.37 Social-app CSS end
==========================**/
/**=====================
    3.38 Sweet-alert CSS Start
==========================**/
.swal-modal .swal-title {
  font-size: 24px; }

.swal-modal .swal-text {
  font-size: 17px; }

/**=====================
    3.38 Sweet-alert CSS ends
==========================**/
/**=====================
    3.39 Task CSS Start
==========================**/
.modal-open .datepickers-container {
  z-index: 1075; }

.date-details {
  align-items: center; }
  .date-details > div + div {
    margin-left: 10px; }

.taskadd table tr td {
  border-top: none; }
  .taskadd table tr td:first-child {
    padding-left: 30px; }
  .taskadd table tr td:last-child {
    padding-right: 30px; }
  .taskadd table tr td svg {
    width: 18px;
    height: 18px;
    color: #59667a; }

.taskadd table tr:first-child td {
  padding-top: 30px; }

.taskadd table tr:last-child td {
  padding-bottom: 30px; }

@media only screen and (max-width: 1660px) {
  .taskadd table tr td:first-child {
    min-width: 160px; }
  .taskadd table tr td:nth-child(3) {
    min-width: 70px; } }

@media only screen and (max-width: 991px) {
  .date-details {
    display: block !important;
    margin-bottom: -10px; }
    .date-details .d-inline-block {
      margin-bottom: 10px; }
  .taskadd table tr td:first-child {
    padding-left: 20px; }
  .taskadd table tr:first-child td {
    padding-top: 20px; }
  .taskadd table tr:last-child td {
    padding-bottom: 20px; } }

@media only screen and (max-width: 767px) {
  .taskadd table tr td:nth-child(2) {
    min-width: 745px; } }

@media only screen and (max-width: 575px) {
  .taskadd table tr td:first-child {
    padding-left: 15px; }
  .taskadd table tr:first-child td {
    padding-top: 15px; }
  .taskadd table tr:last-child td {
    padding-bottom: 15px; } }

/**=====================
  3.39 Task CSS Ends
==========================**/
/*====todo css start====*/
.todo .action-box {
  background: transparent;
  height: 20px;
  width: 20px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  transition: all 300ms ease; }
  .todo .action-box .icon {
    vertical-align: 0; }
  .todo .action-box.completed {
    background: #FE6A49;
    border: 1px solid #FE6A49;
    border-radius: 4px; }
    .todo .action-box.completed .icon {
      color: #fff;
      font-size: 14px; }
  .todo .action-box.large {
    height: 26px;
    width: 26px; }
    .todo .action-box.large .icon {
      font-size: 16px;
      vertical-align: -4px; }
      .todo .action-box.large .icon .icon-trash {
        color: #006666; }
      .todo .action-box.large .icon .icon-check {
        color: #006666; }

.todo .todo-list-wrapper {
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  box-sizing: border-box; }
  .todo .todo-list-wrapper #todo-list {
    list-style: none;
    margin: 0;
    padding: 0; }
    .todo .todo-list-wrapper #todo-list li {
      margin: 0;
      padding: 0;
      width: 100%; }
      .todo .todo-list-wrapper #todo-list li:last-child .task-container {
        border-bottom: 0;
        padding-bottom: 0; }
      .todo .todo-list-wrapper #todo-list li .task-container {
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
        width: 100%;
        border-bottom: 1px solid #ecf3fa;
        box-sizing: border-box;
        position: relative;
        transition: background 200ms ease; }
        .todo .todo-list-wrapper #todo-list li .task-container .d-flex {
          align-items: center; }
          .todo .todo-list-wrapper #todo-list li .task-container .d-flex div {
            text-align: right; }
        .todo .todo-list-wrapper #todo-list li .task-container .task-label {
          display: table;
          font-size: 16px;
          font-weight: 400;
          vertical-align: middle;
          color: #999999;
          word-break: break-word;
          padding-top: 5px; }
        .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn {
          display: table-cell;
          vertical-align: middle;
          text-align: right; }
          .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box {
            border: 1px solid transparent; }
            .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover {
              background: #fff;
              border-radius: 4px; }
              .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover .icon {
                color: #59667a; }
        .todo .todo-list-wrapper #todo-list li .task-container:hover h4 {
          color: #2c323f;
          transition: all 0.3s ease; }
      .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn {
        border: 1px solid #006666;
        border-radius: 4px; }
        .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn .icon {
          font-weight: bold; }
          .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn .icon i {
            color: #00AC46; }
        .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover {
          background: #fff;
          border: 1px solid #00AC46; }
          .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover .icon {
            color: #fff; }
      .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label {
        text-decoration: line-through;
        color: #006666; }
      .todo .todo-list-wrapper #todo-list li.new .task-container {
        animation: taskHighlighter 2000ms linear 1; }
  .todo .todo-list-wrapper .todo-list-header h5 {
    text-align: center;
    color: #efefef; }

.todo .notification-popup {
  position: fixed;
  top: 100px;
  right: 10px;
  width: 300px;
  display: inline-block;
  background: #00AC46;
  border: 1px solid #00AC46;
  color: #fff;
  padding: 20px;
  opacity: 0.9;
  border-radius: 2px;
  box-sizing: border-box;
  transition: all 300ms ease; }
  .todo .notification-popup.success {
    background: #00AC46;
    border: 1px solid #00AC46; }
  .todo .notification-popup p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1; }
  .todo .notification-popup .task {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block;
    color: #fff;
    padding: 0 4px; }
  .todo .notification-popup .notification-text {
    font-size: 14px;
    display: inline-block;
    overflow: hidden;
    color: #fff; }
  .todo .notification-popup.hide {
    opacity: 0;
    visibility: hidden; }

@-webkit-keyframes taskHighlighter {
  0% {
    background: rgba(68, 102, 242, 0.5); }
  100% {
    background: #fff; } }

@keyframes taskHighlighter {
  0% {
    background: rgba(68, 102, 242, 0.5); }
  100% {
    background: #fff; } }

.todo-wrap .card-header.b-bottom {
  border-bottom: 1px solid #ecf3fa; }

.todo-wrap .card-header .todo-list-header .new-task-wrapper input {
  padding: 12px 28px;
  border-radius: 7px;
  background-color: #F5F5F5;
  border: 1px solid #dee2e6; }

.todo-wrap .card-header .todo-list-header .add-new-task-btn {
  display: flex;
  align-items: center;
  z-index: 0; }

.todo-wrap .todo-list-body .assign-name {
  opacity: 0.4;
  font-size: 13px;
  font-weight: 400; }

.todo-wrap .left-bookmark ul li .iconbg {
  padding: 8px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center; }

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li button.d-block {
  text-align: left; }

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li + li {
  padding-top: 12px; }

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li a {
  padding: 0 16px;
  align-items: center; }
  .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a .badge {
    color: #fff;
    padding: 5px 6px 4px 7px; }
  .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover {
    color: #006666;
    background-color: transparent; }
    .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover .badge {
      color: #fff; }
    .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover .title {
      color: #006666; }

/*====todo css end====*/
/**=====================
    3.40 Timeline-v CSS Start
==========================**/
.timeline-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px; }

.time-content {
  display: flex;
  align-items: center;
  gap: 4px; }
  .time-content i {
    font-size: 18px; }

.activity .media {
  margin-bottom: 30px; }
  .activity .media:last-child {
    margin-bottom: 0; }
  .activity .media .gradient-round {
    position: relative;
    width: 53px;
    height: 53px;
    background-image: linear-gradient(26deg, var(--theme-deafult) 0%, #006666 100%);
    border-radius: 100%;
    top: -18px; }
    .activity .media .gradient-round svg {
      position: absolute;
      width: 18px;
      height: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      left: 0;
      top: 18px;
      right: 0;
      margin: 0 auto; }
      .activity .media .gradient-round svg path,
      .activity .media .gradient-round svg line,
      .activity .media .gradient-round svg circle {
        color: #fff; }
    .activity .media .gradient-round.gradient-line-1:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 62px;
      bottom: -77px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .activity .media .gradient-round.small-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 19px;
      bottom: -34px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .activity .media .gradient-round.medium-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 53px;
      bottom: -68px;
      left: 0;
      right: 0;
      margin: 0 auto; }
  .activity .media .media-body h6 {
    font-weight: 600;
    margin-bottom: 30px; }
    .activity .media .media-body h6 span {
      font-weight: normal;
      color: #999999; }
  .activity .media .media-body p {
    width: 80%; }

.timeline-small .media {
  margin-bottom: 30px; }
  .timeline-small .media:last-child {
    margin-bottom: 0; }
  .timeline-small .media .timeline-round {
    position: relative;
    width: 53px;
    height: 53px;
    border-radius: 100%;
    border-radius: 15px;
    top: -18px; }
    .timeline-small .media .timeline-round svg {
      position: absolute;
      width: 18px;
      height: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      left: 0;
      top: 18px;
      right: 0;
      margin: 0 auto; }
      .timeline-small .media .timeline-round svg path,
      .timeline-small .media .timeline-round svg line,
      .timeline-small .media .timeline-round svg circle {
        color: #fff; }
    .timeline-small .media .timeline-round.timeline-line-1:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 62px;
      bottom: -88px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .timeline-small .media .timeline-round.small-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 19px;
      bottom: -34px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .timeline-small .media .timeline-round.medium-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 53px;
      bottom: -68px;
      left: 0;
      right: 0;
      margin: 0 auto; }
  .timeline-small .media .media-body h6 {
    margin-bottom: 30px; }
    .timeline-small .media .media-body h6 span {
      font-weight: normal;
      color: #999999; }
  .timeline-small .media .media-body p {
    width: 80%; }

.cd-container {
  width: 90%;
  max-width: 1170px;
  margin: 0 auto; }

.cd-container::after {
  content: '';
  display: table;
  clear: both; }

@media only screen and (min-width: 1170px) {
  #cd-timeline::before {
    left: 50% !important;
    margin-left: -2px; }
  .cd-timeline-block {
    margin: 4em 0; }
    .cd-timeline-block:first-child {
      margin-top: 0; }
    .cd-timeline-block:last-child {
      margin-bottom: 0; }
    .cd-timeline-block:nth-child(even) .cd-timeline-content {
      float: right; }
      .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
        left: auto;
        right: 122%;
        text-align: right; }
    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
      top: 24px;
      left: auto;
      right: 100%;
      border-color: transparent;
      border-right-color: #E6E9EB; }
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px; }
    .cd-timeline-img > i {
      font-size: 18px;
      top: 50%;
      left: 50%;
      padding: 3px; }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden; }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    animation: cd-bounce-1 0.6s; }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden; }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    animation: cd-bounce-2 0.6s; }
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    animation: cd-bounce-2-inverse 0.6s; }
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%; }
    .cd-timeline-content .cd-date {
      position: absolute;
      width: 100%;
      left: 122%;
      top: 6px;
      font-size: 16px; }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #fff; } }

#cd-timeline {
  position: relative;
  padding: 2em 0; }

#cd-timeline::before {
  content: '';
  position: absolute;
  top: 0;
  font-size: 1.5rem;
  height: 100%;
  width: 2px;
  background: #E6E9EB;
  left: -15px; }

.cd-timeline-block {
  position: relative;
  margin: 30px 0; }
  .cd-timeline-block:after {
    content: "";
    display: table;
    clear: both; }
  .cd-timeline-block:first-child {
    margin-top: 0; }
  .cd-timeline-block:last-child {
    margin-bottom: 0; }

.cd-timeline-img {
  width: 40px;
  height: 40px;
  left: 51%;
  margin-left: -30px;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  position: absolute;
  top: 0;
  border-radius: 50px; }
  .cd-timeline-img i {
    display: block;
    position: relative;
    left: 45%;
    top: 44%;
    margin-left: -12px;
    margin-top: -12px;
    font-size: 20px;
    color: #fff; }

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    transform: scale(0.5); }
  60% {
    opacity: 1;
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.cd-timeline-content {
  position: relative;
  background: #E6E9EB;
  border-radius: 4px;
  padding: 30px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08); }
  .cd-timeline-content p {
    padding-top: 9px; }
  .cd-timeline-content h4 {
    margin-bottom: 0; }
  .cd-timeline-content:after {
    content: "";
    display: table;
    clear: both; }
  .cd-timeline-content audio {
    width: 100%; }
  .cd-timeline-content .cd-date {
    font-size: 13px;
    display: inline-block;
    float: left;
    padding: .8em 0 0;
    opacity: .7; }

.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 28px;
  right: 100%;
  height: 0;
  width: 0;
  border: 15px solid transparent;
  border-left: 15px solid #E6E9EB; }
  [dir="rtl"] .cd-timeline-content::before {
    border-right: 15px solid #E6E9EB;
    border-left: unset; }
  @media (max-width: 1169px) {
    .cd-timeline-content::before {
      display: none; } }
@media only screen and (min-width: 768px) {
  .cd-timeline-content .cd-date {
    font-size: 14px;
    padding-bottom: 0; } }

@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; }
  100% { } }

@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    transform: translateX(-100px); }
  60% {
    opacity: 1;
    transform: translateX(20px); }
  100% {
    transform: translateX(0); } }

@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; }
  100% { } }

@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    transform: translateX(100px); }
  60% {
    opacity: 1;
    transform: translateX(-20px); }
  100% {
    transform: translateX(0); } }

@media only screen and (max-width: 1169px) {
  .cd-timeline-block .cd-timeline-img {
    left: -2px;
    height: 30px;
    width: 30px;
    margin-left: -30px;
    top: 14px;
    z-index: 7; }
    .cd-timeline-block .cd-timeline-img > i {
      font-size: 15px;
      top: 16px;
      left: 17px;
      padding: 3px; }
  .landing-main #cd-timeline::before {
    left: -39px; }
  .landing-main .cd-timeline-block .cd-timeline-img {
    left: -34px;
    height: 50px;
    width: 50px;
    top: 1px;
    z-index: 8; }
    .landing-main .cd-timeline-block .cd-timeline-img > i {
      font-size: 23px;
      top: 21px;
      left: 7px;
      padding: 3px; } }

@media only screen and (max-width: 576px) {
  .cd-timeline-content {
    padding: 15px; }
    .cd-timeline-content h4 {
      font-size: 18px; } }

.main-timeline ul::before {
  left: 5px; }
  [dir="rtl"] .main-timeline ul::before {
    right: 5px;
    left: unset; }

.square-timeline {
  position: relative; }
  .square-timeline::before {
    border: 1px dashed #E6E9EB;
    content: '';
    margin-left: 0px;
    position: absolute;
    top: 0;
    left: 18px;
    width: 1px;
    height: 100%; }
    [dir="rtl"] .square-timeline::before {
      margin-left: unset;
      margin-right: 0;
      left: unset;
      right: 18px; }
  .square-timeline .timeline-event {
    position: relative; }
    .square-timeline .timeline-event:hover .timeline-event-icon {
      transform: rotate(-105deg);
      background-color: #52526c; }
    .square-timeline .timeline-event:hover .timeline-event-wrapper .timeline-thumbnail {
      box-shadow: inset 40em 0 0 0 rgba(255, 174, 26, 0.3); }
    .square-timeline .timeline-event .timeline-event-wrapper {
      padding: 0 0 0 14px;
      position: relative;
      top: -7px;
      left: 38px;
      width: 95%; }
      [dir="rtl"] .square-timeline .timeline-event .timeline-event-wrapper {
        left: unset;
        right: 38px;
        padding: 0 14px 0 0; }
      @media (max-width: 1200px) {
        .square-timeline .timeline-event .timeline-event-wrapper {
          width: calc(84% + (95 - 84) * ((100vw - 320px) / (1200 - 320))); } }
      .square-timeline .timeline-event .timeline-event-wrapper .designer-details {
        padding-top: 20px; }
      .square-timeline .timeline-event .timeline-event-wrapper .timeline-thumbnail {
        transition: box-shadow 0.5s ease-in 0.1s;
        color: #2c323f;
        background-color: rgba(0, 102, 102, 0.2);
        box-shadow: inset 0 0 0 0em rgba(23, 56, 120, 0.3);
        display: inline-block;
        margin-bottom: 12px;
        padding: 2px 25px; }
      .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:hover, .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:active, .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:focus {
        background-color: unset; }
      .square-timeline .timeline-event .timeline-event-wrapper > div {
        display: inline-block;
        width: 100%; }
    .square-timeline .timeline-event .timeline-event-icon {
      transition: 0.2s ease-in;
      transform: rotate(45deg);
      background-color: #006666;
      outline: 6px solid rgba(0, 102, 102, 0.2);
      display: block;
      margin: 0px;
      position: absolute;
      top: 0;
      left: 14px;
      width: 10px;
      height: 10px; }
      [dir="rtl"] .square-timeline .timeline-event .timeline-event-icon {
        right: 14px;
        left: unset; }

.list-inline {
  display: flex;
  justify-content: center; }
  .list-inline.events .event-list {
    display: block;
    position: relative;
    text-align: center;
    padding-top: 70px;
    margin-right: 0; }
    .list-inline.events .event-list p {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; }
    .list-inline.events .event-list .event-date {
      position: absolute;
      top: 38px;
      left: 0;
      right: 0;
      width: 75px;
      margin: 0 auto;
      border-radius: 4px;
      padding: 2px 4px; }
      .list-inline.events .event-list .event-date p {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        line-height: 1.5;
        margin-top: 7px; }

.timeline-list.timeline-border {
  border-bottom: 1px solid #E6E9EB; }

.timeline-list.list-inline {
  padding-bottom: 0; }
  .timeline-list.list-inline.events .event-list {
    padding-top: 35px; }
    .timeline-list.list-inline.events .event-list::before {
      content: '';
      height: 0;
      border-right: unset; }
    .timeline-list.list-inline.events .event-list .event-date {
      top: 2px; }
      .timeline-list.list-inline.events .event-list .event-date p {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        line-height: 1.5;
        margin-top: 7px; }
    .timeline-list.list-inline.events .event-list .read-more-btn {
      position: relative;
      margin-bottom: 3px; }
  .timeline-list.list-inline .vertical-line {
    height: 45px;
    width: 1px;
    margin: 0 auto;
    position: relative;
    border: 1px dashed #006666; }

.list-group.main-lists-content {
  padding-top: 20px; }

@media (max-width: 1218px) {
  .list-group .list-group-item .timeline-icon {
    display: none; } }

@media (max-width: 1400px) {
  .horizontal-timeline {
    display: none; } }

/**=====================
    3.40 Timeline-v CSS Ends
==========================**/
/**=====================
    3.41 User-profile CSS start
==========================**/
.user-profile .ttl-info h6 {
  font-size: 12px;
  color: #59667a; }

.user-profile .border-right {
  border-right: 1px solid #E6E9EB; }

.user-profile hr {
  margin: 30px 0; }

.user-profile .hovercard .cardheader {
  background: url(/../images/admin/other-images/bg-profile.png);
  background-size: cover;
  background-position: 10%;
  height: 470px; }

.user-profile .hovercard .user-image {
  position: relative;
  height: 0; }
  .user-profile .hovercard .user-image .avatar {
    margin-top: -80px; }
    .user-profile .hovercard .user-image .avatar img {
      width: 100px;
      height: 100px;
      max-width: 155px;
      max-height: 155px;
      border-radius: 50%;
      border: 7px solid #fff; }
  .user-profile .hovercard .user-image .icon-wrapper {
    position: absolute;
    bottom: -20px;
    left: 51%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    overflow: hidden;
    margin: 0 auto;
    font-size: 17px;
    box-shadow: 0 0 6px 3px rgba(68, 102, 242, 0.1); }

.user-profile .hovercard .info {
  padding: 30px; }
  .user-profile .hovercard .info .title {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 1;
    color: #2c323f;
    vertical-align: middle; }
    .user-profile .hovercard .info .title a {
      color: #242934;
      font-size: 20px;
      text-transform: uppercase;
      font-weight: 500; }
  .user-profile .hovercard .info .desc {
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #59667a;
    text-overflow: ellipsis;
    text-transform: uppercase; }

.user-profile .follow {
  margin-top: 20px; }
  .user-profile .follow .follow-num {
    font-size: 20px;
    color: #242934;
    font-family: "Montserrat", sans-serif;
    font-weight: 500; }
  .user-profile .follow span {
    color: #59667a; }

.user-profile .profile-img-style {
  padding: 30px; }
  .user-profile .profile-img-style .img-container {
    margin-top: 30px; }
  .user-profile .profile-img-style .user-name {
    font-size: 14px;
    color: #242934;
    margin: 0;
    font-weight: 600; }
  .user-profile .profile-img-style p {
    line-height: 30px;
    font-size: 14px;
    color: #898989;
    margin-bottom: 0; }
  .user-profile .profile-img-style .media img {
    width: 50px; }

.user-profile .like-comment li a {
  color: #898989; }

.user-profile .like-comment li:first-child a:hover, .user-profile .like-comment li:first-child a:active {
  color: #FE6A49; }

.user-profile .like-comment span {
  font-family: "Montserrat", sans-serif; }

.user-profile .social-media a {
  padding: 0 15px;
  color: #59667a;
  font-size: 24px;
  cursor: pointer; }
  .user-profile .social-media a:hover {
    color: var(--theme-deafult); }

.edit-profile .profile-title .media {
  align-items: center;
  margin-bottom: 30px; }
  .edit-profile .profile-title .media .media-body {
    margin-left: 14px; }
    [dir="rtl"] .edit-profile .profile-title .media .media-body {
      margin-left: unset;
      margin-right: 14px; }

/**=====================
    3.41 User-profile CSS Ends
==========================**/
/**=====================
    3.42 Wishlist CSS start
==========================**/
.wishlist table tr td svg {
  color: #898989;
  cursor: pointer; }

/**=====================
    3.42 Wishlist CSS Ends
==========================**/
/* ---------------------
	*** themes ***
-----------------------*/
/**=====================
	4.1. Dark CSS Start
==========================**/
/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C; }

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8; }

.light-card {
  background-color: var(--light-background); }

.light-background {
  background-color: var(--light-bg); }

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  transform: rotate(-45deg);
  display: inline-block; }

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-l-50 {
  margin-left: 50px !important; }

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important; }

.b-r-1 {
  border-radius: 1px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-r-11 {
  border-radius: 11px !important; }

.b-r-12 {
  border-radius: 12px !important; }

.b-r-13 {
  border-radius: 13px !important; }

.b-r-14 {
  border-radius: 14px !important; }

.b-r-15 {
  border-radius: 15px !important; }

.b-r-16 {
  border-radius: 16px !important; }

.b-r-17 {
  border-radius: 17px !important; }

.b-r-18 {
  border-radius: 18px !important; }

.b-r-19 {
  border-radius: 19px !important; }

.b-r-20 {
  border-radius: 20px !important; }

.b-r-21 {
  border-radius: 21px !important; }

.b-r-22 {
  border-radius: 22px !important; }

.b-r-23 {
  border-radius: 23px !important; }

.b-r-24 {
  border-radius: 24px !important; }

.b-r-25 {
  border-radius: 25px !important; }

.b-r-26 {
  border-radius: 26px !important; }

.b-r-27 {
  border-radius: 27px !important; }

.b-r-28 {
  border-radius: 28px !important; }

.b-r-29 {
  border-radius: 29px !important; }

.b-r-30 {
  border-radius: 30px !important; }

.b-r-31 {
  border-radius: 31px !important; }

.b-r-32 {
  border-radius: 32px !important; }

.b-r-33 {
  border-radius: 33px !important; }

.b-r-34 {
  border-radius: 34px !important; }

.b-r-35 {
  border-radius: 35px !important; }

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.f-34 {
  font-size: 34px !important; }

.f-36 {
  font-size: 36px !important; }

.f-38 {
  font-size: 38px !important; }

.f-40 {
  font-size: 40px !important; }

.f-42 {
  font-size: 42px !important; }

.f-44 {
  font-size: 44px !important; }

.f-46 {
  font-size: 46px !important; }

.f-48 {
  font-size: 48px !important; }

.f-50 {
  font-size: 50px !important; }

.f-52 {
  font-size: 52px !important; }

.f-54 {
  font-size: 54px !important; }

.f-56 {
  font-size: 56px !important; }

.f-58 {
  font-size: 58px !important; }

.f-60 {
  font-size: 60px !important; }

.f-62 {
  font-size: 62px !important; }

.f-64 {
  font-size: 64px !important; }

.f-66 {
  font-size: 66px !important; }

.f-68 {
  font-size: 68px !important; }

.f-70 {
  font-size: 70px !important; }

.f-72 {
  font-size: 72px !important; }

.f-74 {
  font-size: 74px !important; }

.f-76 {
  font-size: 76px !important; }

.f-78 {
  font-size: 78px !important; }

.f-80 {
  font-size: 80px !important; }

.f-82 {
  font-size: 82px !important; }

.f-84 {
  font-size: 84px !important; }

.f-86 {
  font-size: 86px !important; }

.f-88 {
  font-size: 88px !important; }

.f-90 {
  font-size: 90px !important; }

.f-92 {
  font-size: 92px !important; }

.f-94 {
  font-size: 94px !important; }

.f-96 {
  font-size: 96px !important; }

.f-98 {
  font-size: 98px !important; }

.f-100 {
  font-size: 100px !important; }

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100; }

.f-w-300 {
  font-weight: 300; }

.f-w-500 {
  font-weight: 500; }

.f-w-400 {
  font-weight: 400; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-900 {
  font-weight: 900; }

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal; }

.f-s-italic {
  font-style: italic; }

.f-s-oblique {
  font-style: oblique; }

.f-s-initial {
  font-style: initial; }

.f-s-inherit {
  font-style: inherit; }

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-dashed {
  text-decoration: dashed; }

.text-blink {
  text-decoration: blink; }

.text-dotted {
  text-decoration: dotted; }

.text-initial {
  text-decoration: initial; }

.text-none {
  text-decoration: none; }

.text-solid {
  text-decoration: solid; }

.text-wavy {
  text-decoration: wavy; }

.text-inherit {
  text-decoration: inherit; }

.text-double {
  text-decoration: double; }

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline; }

.sub {
  vertical-align: sub; }

.super {
  vertical-align: super; }

.top {
  vertical-align: top; }

.text-top {
  vertical-align: text-top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.text-bottom {
  vertical-align: text-bottom; }

.initial {
  vertical-align: initial; }

.inherit {
  vertical-align: inherit; }

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-relative {
  position: relative; }

.p-initial {
  position: initial; }

.p-inherit {
  position: inherit; }

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden; }

.o-visible {
  overflow: visible; }

.o-auto {
  overflow: auto; }

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important; }

.img-h-10 {
  height: 10px !important; }

.img-20 {
  width: 20px !important; }

.img-h-20 {
  height: 20px !important; }

.img-30 {
  width: 30px !important; }

.img-h-30 {
  height: 30px !important; }

.img-40 {
  width: 40px !important; }

.img-h-40 {
  height: 40px !important; }

.img-50 {
  width: 50px !important; }

.img-h-50 {
  height: 50px !important; }

.img-60 {
  width: 60px !important; }

.img-h-60 {
  height: 60px !important; }

.img-70 {
  width: 70px !important; }

.img-h-70 {
  height: 70px !important; }

.img-80 {
  width: 80px !important; }

.img-h-80 {
  height: 80px !important; }

.img-90 {
  width: 90px !important; }

.img-h-90 {
  height: 90px !important; }

.img-100 {
  width: 100px !important; }

.img-h-100 {
  height: 100px !important; }

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important; }

.font-secondary {
  color: #FE6A49 !important; }

.font-success {
  color: #00AC46 !important; }

.font-danger {
  color: #FE6A49 !important; }

.font-info {
  color: #173878 !important; }

.font-light {
  color: #E6E9EB !important; }

.font-dark {
  color: #2c323f !important; }

.font-warning {
  color: #FFAE1A !important; }

.font-primary {
  color: var(--theme-deafult) !important; }

.font-secondary {
  color: var(--theme-secondary) !important; }

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize; }

.label-theme {
  background-color: #006666; }

.label-primary {
  background-color: #006666; }

.label-secondary {
  background-color: #FE6A49; }

.label-success {
  background-color: #00AC46; }

.label-danger {
  background-color: #FE6A49; }

.label-info {
  background-color: #173878; }

.label-light {
  background-color: #E6E9EB; }

.label-dark {
  background-color: #2c323f; }

.label-warning {
  background-color: #FFAE1A; }

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666; }

.badge-secondary {
  background-color: #FE6A49; }

.badge-success {
  background-color: #00AC46; }

.badge-danger {
  background-color: #FE6A49; }

.badge-info {
  background-color: #173878; }

.badge-light {
  background-color: #E6E9EB; }

.badge-dark {
  background-color: #2c323f; }

.badge-warning {
  background-color: #FFAE1A; }

.badge-primary {
  background-color: var(--theme-deafult) !important; }

.badge-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff; }

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff; }

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important; }

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-success {
  background-color: #00AC46 !important;
  color: #fff; }

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff; }

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important; }

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-info {
  background-color: #173878 !important;
  color: #fff; }

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff; }

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important; }

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff; }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff; }

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important; }

.bg-dark {
  background-color: #2c323f !important;
  color: #fff; }

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff; }

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important; }

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff; }

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff; }

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important; }

.bg-primary {
  background-color: var(--theme-deafult) !important; }

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6); }

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important; }

.txt-secondary {
  color: #FE6A49 !important; }

.txt-success {
  color: #00AC46 !important; }

.txt-danger {
  color: #FE6A49 !important; }

.txt-info {
  color: #173878 !important; }

.txt-light {
  color: #E6E9EB !important; }

.txt-dark {
  color: #2c323f !important; }

.txt-warning {
  color: #FFAE1A !important; }

.txt-google-plus {
  color: #c64e40 !important; }

.txt-twitter {
  color: #6fa2d8 !important; }

.txt-linkedin {
  color: #0077B5 !important; }

.txt-fb {
  color: #50598e !important; }

.txt-primary {
  color: var(--theme-deafult) !important; }

.txt-secondary {
  color: var(--theme-secondary) !important; }

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@keyframes push {
  50% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #006666 !important;
    border-color: #006666 !important; }
  .btn-primary:focus {
    box-shadow: unset !important; }

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-secondary:focus {
    box-shadow: unset !important; }

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }
  .btn-success:focus {
    box-shadow: unset !important; }

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-danger:focus {
    box-shadow: unset !important; }

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #173878 !important;
    border-color: #173878 !important; }
  .btn-info:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }
  .btn-light:focus {
    box-shadow: unset !important; }

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #2c323f !important;
    border-color: #2c323f !important; }
  .btn-dark:focus {
    box-shadow: unset !important; }

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }
  .btn-warning:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important; }
  .btn-light:hover {
    background-color: rgba(0, 102, 102, 0.1) !important;
    border-color: rgba(0, 102, 102, 0.1) !important; }

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important; }

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important; }

.btn-hover-effect:hover {
  animation: push 0.5s linear 1; }

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent; }
  .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-check {
  color: #006666 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #006666 !important; }
    .btn-check:checked + .btn-outline-primary {
      color: white !important;
      background-color: #006666 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-primary {
    border-color: #006666 !important;
    color: #006666 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-primary.disabled {
      color: #006666; }
    .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
      color: white !important;
      background-color: #006666 !important;
      border-color: #006666 !important;
      box-shadow: none !important; }

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary.disabled {
    color: #006666;
    border-color: #006666; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-secondary {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-secondary {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-secondary.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #00AC46 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #00AC46 !important; }
    .btn-check:checked + .btn-outline-success {
      color: white !important;
      background-color: #00AC46 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-success.disabled {
      color: #00AC46; }
    .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
      color: white !important;
      background-color: #00AC46 !important;
      border-color: #00AC46 !important;
      box-shadow: none !important; }

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success.disabled {
    color: #00AC46;
    border-color: #00AC46; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-danger {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-danger.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #173878 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #173878 !important; }
    .btn-check:checked + .btn-outline-info {
      color: white !important;
      background-color: #173878 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-info {
    border-color: #173878 !important;
    color: #173878 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-info.disabled {
      color: #173878; }
    .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
      color: white !important;
      background-color: #173878 !important;
      border-color: #173878 !important;
      box-shadow: none !important; }

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info.disabled {
    color: #173878;
    border-color: #173878; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: #fff !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #E6E9EB !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #E6E9EB !important; }
    .btn-check:checked + .btn-outline-light {
      color: white !important;
      background-color: #E6E9EB !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-light {
    border-color: #E6E9EB !important;
    color: #E6E9EB !important;
    background-color: transparent;
    color: #051A1A; }
    .btn-check + .btn-outline-light.disabled {
      color: #E6E9EB; }
    .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
      color: white !important;
      background-color: #E6E9EB !important;
      border-color: #E6E9EB !important;
      box-shadow: none !important; }

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A; }
  .btn-outline-light.disabled {
    color: #E6E9EB;
    border-color: #E6E9EB; }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: #fff !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: unset !important; }

.btn-check {
  color: #2c323f !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #2c323f !important; }
    .btn-check:checked + .btn-outline-dark {
      color: white !important;
      background-color: #2c323f !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-dark {
    border-color: #2c323f !important;
    color: #2c323f !important;
    background-color: transparent; }
    .btn-check + .btn-outline-dark.disabled {
      color: #2c323f; }
    .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
      color: white !important;
      background-color: #2c323f !important;
      border-color: #2c323f !important;
      box-shadow: none !important; }

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark.disabled {
    color: #2c323f;
    border-color: #2c323f; }
  .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FFAE1A !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FFAE1A !important; }
    .btn-check:checked + .btn-outline-warning {
      color: white !important;
      background-color: #FFAE1A !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important;
    background-color: transparent; }
    .btn-check + .btn-outline-warning.disabled {
      color: #FFAE1A; }
    .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
      color: white !important;
      background-color: #FFAE1A !important;
      border-color: #FFAE1A !important;
      box-shadow: none !important; }

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning.disabled {
    color: #FFAE1A;
    border-color: #FFAE1A; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: unset !important; }

.btn-primary.active:not([disabled]):not(.disabled) {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  box-shadow: none !important; }
  .btn-primary.active:not([disabled]):not(.disabled):hover, .btn-primary.active:not([disabled]):not(.disabled):focus, .btn-primary.active:not([disabled]):not(.disabled):active, .btn-primary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #003333;
    border-color: #003333; }

.btn-secondary.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-secondary.active:not([disabled]):not(.disabled):hover, .btn-secondary.active:not([disabled]):not(.disabled):focus, .btn-secondary.active:not([disabled]):not(.disabled):active, .btn-secondary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-success.active:not([disabled]):not(.disabled) {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  box-shadow: none !important; }
  .btn-success.active:not([disabled]):not(.disabled):hover, .btn-success.active:not([disabled]):not(.disabled):focus, .btn-success.active:not([disabled]):not(.disabled):active, .btn-success.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #007931;
    border-color: #007931; }

.btn-danger.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-danger.active:not([disabled]):not(.disabled):hover, .btn-danger.active:not([disabled]):not(.disabled):focus, .btn-danger.active:not([disabled]):not(.disabled):active, .btn-danger.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-info.active:not([disabled]):not(.disabled) {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  box-shadow: none !important; }
  .btn-info.active:not([disabled]):not(.disabled):hover, .btn-info.active:not([disabled]):not(.disabled):focus, .btn-info.active:not([disabled]):not(.disabled):active, .btn-info.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #0f244d;
    border-color: #0f244d; }

.btn-light.active:not([disabled]):not(.disabled) {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  box-shadow: none !important; }
  .btn-light.active:not([disabled]):not(.disabled):hover, .btn-light.active:not([disabled]):not(.disabled):focus, .btn-light.active:not([disabled]):not(.disabled):active, .btn-light.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #cad0d4;
    border-color: #cad0d4; }

.btn-dark.active:not([disabled]):not(.disabled) {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  box-shadow: none !important; }
  .btn-dark.active:not([disabled]):not(.disabled):hover, .btn-dark.active:not([disabled]):not(.disabled):focus, .btn-dark.active:not([disabled]):not(.disabled):active, .btn-dark.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #171a21;
    border-color: #171a21; }

.btn-warning.active:not([disabled]):not(.disabled) {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  box-shadow: none !important; }
  .btn-warning.active:not([disabled]):not(.disabled):hover, .btn-warning.active:not([disabled]):not(.disabled):focus, .btn-warning.active:not([disabled]):not(.disabled):active, .btn-warning.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #e69500;
    border-color: #e69500; }

.btn-outline-primary-2x.active:not([disabled]):not(.disabled) {
  background-color: #006666;
  border-color: #006666;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-primary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-primary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #006666 !important;
    border-color: #006666 !important; }

.btn-outline-secondary-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-secondary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-success-2x.active:not([disabled]):not(.disabled) {
  background-color: #00AC46;
  border-color: #00AC46;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-success-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-success-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-success-2x.active:not([disabled]):not(.disabled):active, .btn-outline-success-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }

.btn-outline-danger-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-danger-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):active, .btn-outline-danger-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-info-2x.active:not([disabled]):not(.disabled) {
  background-color: #173878;
  border-color: #173878;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-info-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-info-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-info-2x.active:not([disabled]):not(.disabled):active, .btn-outline-info-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #173878 !important;
    border-color: #173878 !important; }

.btn-outline-light-2x.active:not([disabled]):not(.disabled) {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-light-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-light-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-light-2x.active:not([disabled]):not(.disabled):active, .btn-outline-light-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }

.btn-outline-dark-2x.active:not([disabled]):not(.disabled) {
  background-color: #2c323f;
  border-color: #2c323f;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-dark-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):active, .btn-outline-dark-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important; }

.btn-outline-warning-2x.active:not([disabled]):not(.disabled) {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-warning-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):active, .btn-outline-warning-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important; }

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important; }

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important; }

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important; }

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important; }

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important; }

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666; }
  .table-styling .table-primary thead,
  .table-styling.table-primary thead {
    background-color: #003333;
    border: 3px solid #003333; }
  .table-styling .table-primary th,
  .table-styling .table-primary td,
  .table-styling.table-primary th,
  .table-styling.table-primary td {
    background-color: transparent; }

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-secondary thead,
  .table-styling.table-secondary thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-secondary th,
  .table-styling .table-secondary td,
  .table-styling.table-secondary th,
  .table-styling.table-secondary td {
    background-color: transparent; }

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46; }
  .table-styling .table-success thead,
  .table-styling.table-success thead {
    background-color: #007931;
    border: 3px solid #007931; }
  .table-styling .table-success th,
  .table-styling .table-success td,
  .table-styling.table-success th,
  .table-styling.table-success td {
    background-color: transparent; }

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-danger thead,
  .table-styling.table-danger thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-danger th,
  .table-styling .table-danger td,
  .table-styling.table-danger th,
  .table-styling.table-danger td {
    background-color: transparent; }

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878; }
  .table-styling .table-info thead,
  .table-styling.table-info thead {
    background-color: #0f244d;
    border: 3px solid #0f244d; }
  .table-styling .table-info th,
  .table-styling .table-info td,
  .table-styling.table-info th,
  .table-styling.table-info td {
    background-color: transparent; }

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB; }
  .table-styling .table-light thead,
  .table-styling.table-light thead {
    background-color: #cad0d4;
    border: 3px solid #cad0d4; }
  .table-styling .table-light th,
  .table-styling .table-light td,
  .table-styling.table-light th,
  .table-styling.table-light td {
    background-color: transparent; }

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f; }
  .table-styling .table-dark thead,
  .table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21; }
  .table-styling .table-dark th,
  .table-styling .table-dark td,
  .table-styling.table-dark th,
  .table-styling.table-dark td {
    background-color: transparent; }

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A; }
  .table-styling .table-warning thead,
  .table-styling.table-warning thead {
    background-color: #e69500;
    border: 3px solid #e69500; }
  .table-styling .table-warning th,
  .table-styling .table-warning td,
  .table-styling.table-warning th,
  .table-styling.table-warning td {
    background-color: transparent; }

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important; }

.stroke-secondary {
  stroke: #FE6A49 !important; }

.stroke-success {
  stroke: #00AC46 !important; }

.stroke-danger {
  stroke: #FE6A49 !important; }

.stroke-info {
  stroke: #173878 !important; }

.stroke-light {
  stroke: #E6E9EB !important; }

.stroke-dark {
  stroke: #2c323f !important; }

.stroke-warning {
  stroke: #FFAE1A !important; }

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878; }

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important; }

.b-t-primary {
  border-top: 1px solid #006666 !important; }

.border-t-primary {
  border-top: 1px solid #006666 !important; }

.b-b-primary {
  border-bottom: 1px solid #006666 !important; }

.border-b-primary {
  border-bottom: 1px solid #006666 !important; }

.b-l-primary {
  border-left: 1px solid #006666 !important; }

.border-l-primary {
  border-left: 1px solid #006666 !important; }

.b-r-primary {
  border-right: 1px solid #006666 !important; }

.border-r-primary {
  border-right: 1px solid #006666 !important; }

.b-secondary {
  border: 1px solid #FE6A49 !important; }

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.b-success {
  border: 1px solid #00AC46 !important; }

.b-t-success {
  border-top: 1px solid #00AC46 !important; }

.border-t-success {
  border-top: 1px solid #00AC46 !important; }

.b-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.border-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.b-l-success {
  border-left: 1px solid #00AC46 !important; }

.border-l-success {
  border-left: 1px solid #00AC46 !important; }

.b-r-success {
  border-right: 1px solid #00AC46 !important; }

.border-r-success {
  border-right: 1px solid #00AC46 !important; }

.b-danger {
  border: 1px solid #FE6A49 !important; }

.b-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.border-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.border-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.b-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.border-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.b-info {
  border: 1px solid #173878 !important; }

.b-t-info {
  border-top: 1px solid #173878 !important; }

.border-t-info {
  border-top: 1px solid #173878 !important; }

.b-b-info {
  border-bottom: 1px solid #173878 !important; }

.border-b-info {
  border-bottom: 1px solid #173878 !important; }

.b-l-info {
  border-left: 1px solid #173878 !important; }

.border-l-info {
  border-left: 1px solid #173878 !important; }

.b-r-info {
  border-right: 1px solid #173878 !important; }

.border-r-info {
  border-right: 1px solid #173878 !important; }

.b-light {
  border: 1px solid #E6E9EB !important; }

.b-t-light {
  border-top: 1px solid #E6E9EB !important; }

.border-t-light {
  border-top: 1px solid #E6E9EB !important; }

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.b-l-light {
  border-left: 1px solid #E6E9EB !important; }

.border-l-light {
  border-left: 1px solid #E6E9EB !important; }

.b-r-light {
  border-right: 1px solid #E6E9EB !important; }

.border-r-light {
  border-right: 1px solid #E6E9EB !important; }

.b-dark {
  border: 1px solid #2c323f !important; }

.b-t-dark {
  border-top: 1px solid #2c323f !important; }

.border-t-dark {
  border-top: 1px solid #2c323f !important; }

.b-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.border-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.b-l-dark {
  border-left: 1px solid #2c323f !important; }

.border-l-dark {
  border-left: 1px solid #2c323f !important; }

.b-r-dark {
  border-right: 1px solid #2c323f !important; }

.border-r-dark {
  border-right: 1px solid #2c323f !important; }

.b-warning {
  border: 1px solid #FFAE1A !important; }

.b-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.border-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.b-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.border-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.b-r-warning {
  border-right: 1px solid #FFAE1A !important; }

.border-r-warning {
  border-right: 1px solid #FFAE1A !important; }

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-6 {
  border-width: 6px !important; }

.border-7 {
  border-width: 7px !important; }

.border-8 {
  border-width: 8px !important; }

.border-9 {
  border-width: 9px !important; }

.border-10 {
  border-width: 10px !important; }

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px; }

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa; }

.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px; }

.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3); }

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f; }
  .line pre {
    font-size: 100%; }

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important; }

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .options > div {
    color: #86909C;
    padding: 2px 10px;
    border: 1px solid; }
    .options > div:hover {
      background-color: #006666;
      color: #fff;
      transition: background-color 0.3s ease; }

/**====== Animation css Ends ======**/
.modal-footer {
  flex-wrap: wrap; }

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0; }

.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0; }

.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px; }

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666; }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #006666 !important; }

.typeahead .theme-form .form-group {
  margin-bottom: 0; }

.primary .svg-fill {
  fill: var(--theme-deafult); }
  .primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-deafult); }

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important; }

.secondary .svg-fill {
  fill: var(--theme-secondary); }
  .secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary); }

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important; }

.success .svg-fill {
  fill: #00AC46; }

.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important; }

.warning .svg-fill {
  fill: #FFAE1A; }

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important; }

.dotted {
  border-style: dotted; }

.dashed {
  border-style: dashed; }

.double {
  border-style: double; }

.groove {
  border-style: groove; }

.ridge {
  border-style: ridge; }

.inset {
  border-style: inset; }

.outset {
  border-style: outset; }

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px; }
  75% {
    opacity: .6;
    top: 0; }
  100% {
    opacity: 1; } }

.code-box-copy {
  width: 100%;
  overflow: auto; }

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%; }
  .custom-rs-12 {
    width: 100%; } }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px; }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none; }

.bg-gray {
  background-color: var(--text-gray); }

.text-gray {
  color: var(--text-gray) !important; }

.common-flex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

.common-space {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2); }

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3); }

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important; }

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important; }

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666; }

.badge-light-secondary {
  background-color: white;
  color: #FE6A49; }

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46; }

.badge-light-danger {
  background-color: white;
  color: #FE6A49; }

.badge-light-info {
  background-color: #6e96e3;
  color: #173878; }

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c; }

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f; }

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A; }

.fc .fc-button-primary.fc-button-active:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult), 0.2) !important; }

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%;
      margin-left: 0px; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .invoice-table-data {
    background-color: #f9f9fa; }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

/**=====================
    1.1 Reset CSS Ends
==========================**/
body.dark-only {
  --bs-heading-color: rgb(255, 255, 255);
  color: rgba(255, 255, 255, 0.6);
  background-color: #1A1C23; }
  body.dark-only.modal-open {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23; }
    body.dark-only.modal-open h1,
    body.dark-only.modal-open h2,
    body.dark-only.modal-open h3,
    body.dark-only.modal-open h4,
    body.dark-only.modal-open h5,
    body.dark-only.modal-open h6 {
      color: #fff; }
    body.dark-only.modal-open span {
      color: rgba(255, 255, 255, 0.7); }
    body.dark-only.modal-open p {
      color: rgba(255, 255, 255, 0.7); }
  body.dark-only span {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .txt-primary {
    color: #006666 !important; }
  body.dark-only .txt-secondary {
    color: #FE6A49 !important; }
  body.dark-only .txt-success {
    color: #00AC46 !important; }
  body.dark-only .txt-danger {
    color: #FE6A49 !important; }
  body.dark-only .txt-info {
    color: #173878 !important; }
  body.dark-only .txt-light {
    color: #E6E9EB !important; }
  body.dark-only .txt-dark {
    color: #2c323f !important; }
  body.dark-only .txt-warning {
    color: #FFAE1A !important; }
  body.dark-only .txt-google-plus {
    color: #c64e40 !important; }
  body.dark-only .txt-twitter {
    color: #6fa2d8 !important; }
  body.dark-only .txt-linkedin {
    color: #0077B5 !important; }
  body.dark-only .txt-fb {
    color: #50598e !important; }
  body.dark-only .txt-primary {
    color: var(--theme-deafult) !important; }
  body.dark-only .txt-secondary {
    color: var(--theme-secondary) !important; }
  body.dark-only .accordion-button.accordion-light-primary:not(.collapsed) {
    background-color: rgba(0, 102, 102, 0.2); }
  body.dark-only .accordion-button.accordion-light-primary:active, body.dark-only .accordion-button.accordion-light-primary.active {
    background-color: rgba(0, 102, 102, 0.2);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-secondary:not(.collapsed) {
    background-color: rgba(254, 106, 73, 0.3); }
  body.dark-only .accordion-button.accordion-light-secondary:active, body.dark-only .accordion-button.accordion-light-secondary.active {
    background-color: rgba(254, 106, 73, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-success:not(.collapsed) {
    background-color: rgba(0, 172, 70, 0.3); }
  body.dark-only .accordion-button.accordion-light-success:active, body.dark-only .accordion-button.accordion-light-success.active {
    background-color: rgba(0, 172, 70, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-warning:not(.collapsed) {
    background-color: rgba(255, 174, 26, 0.3); }
  body.dark-only .accordion-button.accordion-light-warning:active, body.dark-only .accordion-button.accordion-light-warning.active {
    background-color: rgba(255, 174, 26, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-info:not(.collapsed) {
    background-color: rgba(23, 56, 120, 0.3); }
  body.dark-only .accordion-button.accordion-light-info:active, body.dark-only .accordion-button.accordion-light-info.active {
    background-color: rgba(23, 56, 120, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-light:not(.collapsed) {
    background-color: #F9F9FB; }
  body.dark-only .accordion-button.accordion-light-light:active, body.dark-only .accordion-button.accordion-light-light.active {
    background-color: #F9F9FB;
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-danger:not(.collapsed) {
    background-color: rgba(254, 106, 73, 0.3); }
  body.dark-only .accordion-button.accordion-light-danger:active, body.dark-only .accordion-button.accordion-light-danger.active {
    background-color: rgba(254, 106, 73, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-dark:not(.collapsed) {
    background-color: #EAEBF2; }
  body.dark-only .accordion-button.accordion-light-dark:active, body.dark-only .accordion-button.accordion-light-dark.active {
    background-color: #EAEBF2;
    color: #000;
    border: none; }
  body.dark-only .list-product-header .collapse .list-product-body {
    border: unset !important; }
  body.dark-only .card {
    --bs-card-title-color: var(--body-font-color);
    --bs-card-subtitle-color: var(--body-font-color);
    --bs-card-cap-color: var(--body-font-color);
    --bs-card-color: var(--body-font-color);
    --bs-body-color: var(--body-font-color);
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .breadcrumb {
    --bs-breadcrumb-bg: transparent; }
  body.dark-only .toast {
    --bs-toast-color: var(--body-font-color); }
  body.dark-only .modal {
    --bs-modal-color: rgba(255, 255, 255, 0.2);
    --bs-modal-footer-bg: $dark-card-background; }
  body.dark-only .accordion-flush .accordion-item .accordion-header button {
    background-color: rgba(0, 172, 70, 0.3) !important; }
  body.dark-only .moon {
    stroke: var(--body-font-color); }
  body.dark-only .radio label::before {
    background-color: #1A1C23; }
  body.dark-only .support-custom-table table.dataTable {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .support-custom-table table.dataTable thead th,
    body.dark-only .support-custom-table table.dataTable thead td {
      border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .support-custom-table table.dataTable tbody td {
      border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .support-custom-table .dataTables_wrapper .dataTables_paginate {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .list-product .datatable-sorter::before {
    border-top: 4px solid rgba(255, 255, 255, 0.5) !important; }
  body.dark-only .list-product .datatable-sorter::after {
    border-bottom: 4px solid rgba(255, 255, 255, 0.5) !important; }
  body.dark-only .onhover-dropdown.notification-down::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .nav-right > ul > li:nth-child(n+3):not(:last-child body.dark-only .nav-right > ul > li.profile-nav:nth-child(n+3)) {
    background-color: #22242B !important; }
  body.dark-only .nav-right > ul > li:nth-child(2) {
    background-color: #22242B !important; }
  body.dark-only .nav-right .nav-menus li.profile-nav ul li {
    background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .bookmark-flip .flip-card .bookmark-dropdown li:nth-child(2) {
    background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .bookmark-flip .flip-card .back ul li:nth-child(2) {
    background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .input-icon input {
    background-color: #22242B;
    border: none;
    color: #fff; }
  body.dark-only .nav-right .nav-menus li .user-name svg {
    filter: invert(1); }
  body.dark-only .nav-right .nav-menus li .profile-media .media-body span {
    color: #fff; }
  body.dark-only .email-right-aside .email-read .mail-header1 svg {
    stroke: rgba(255, 255, 255, 0.7); }
  body.dark-only .customers ul li:last-child p {
    color: rgba(255, 255, 255, 0.2) !important;
    border: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .invoice-text span {
    color: #006666; }
  body.dark-only .invoice-table-data {
    background-color: #22242B !important; }
  body.dark-only .form-control {
    background-color: #22242B !important;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only input::placeholder {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .text-muted {
    color: rgba(255, 255, 255, 0.7) !important; }
  body.dark-only .total-chart .data-grow span {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .payment-second .mega-icons .stroke-dark {
    filter: invert(3); }
  body.dark-only .breadcrumb-item.active {
    color: rgba(255, 255, 255, 0.7) !important; }
  body.dark-only .breadcrumb-item + .breadcrumb-item:before {
    color: rgba(255, 255, 255, 0.7) !important; }
  body.dark-only .sale-history-card .history-price a {
    color: #fff; }
  body.dark-only .radius-wrapper {
    background-color: #1A1C23 !important; }
  body.dark-only .product-costing {
    border-color: rgba(230, 233, 235, 0.1);
    color: #fff; }
  body.dark-only .sale-history-card {
    border-color: rgba(230, 233, 235, 0.1); }
  body.dark-only .table-order table thead {
    background-color: rgba(230, 233, 235, 0.07); }
  body.dark-only .table-order table tbody tr {
    border-bottom: 1px solid rgba(230, 233, 235, 0.1) !important; }
    body.dark-only .table-order table tbody tr td a {
      color: #fff !important; }
    body.dark-only .table-order table tbody tr td .dropdown svg {
      filter: invert(1); }
    body.dark-only .table-order table tbody tr:hover td a {
      color: var(--theme-deafult) !important; }
    body.dark-only .table-order table tbody tr:last-child {
      border-bottom: none !important; }
      body.dark-only .table-order table tbody tr:last-child td {
        border-bottom: none !important; }
  body.dark-only .new-product .product-cost .product-icon:last-child svg {
    filter: invert(1); }
  body.dark-only .revenuegrowth .revenuegrowth-chart::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .revenuegrowth-details .growth-details {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .add-project-link .categories-content a {
    color: #fff; }
  body.dark-only .activity-group::before {
    border-left: 1px dashed rgba(255, 255, 255, 0.1); }
  body.dark-only .email-general h6 {
    color: #fff; }
  body.dark-only .tranaction-table thead {
    background-color: rgba(230, 233, 235, 0.07); }
  body.dark-only .card .card-footer .common-space a {
    color: #fff; }
  body.dark-only .card .card-footer .common-space:hover a {
    color: var(--theme-deafult); }
  body.dark-only .card .card-footer .common-space .visited-dropdown {
    border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .card .card-footer .common-space .visited-dropdown svg {
      filter: invert(1); }
  body.dark-only .today-work-table .today-working-table tbody tr td a {
    color: #fff !important; }
  body.dark-only .today-work-table .today-working-table tbody tr:hover td a {
    color: #006666 !important; }
  body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .add-project .categories-content a {
    color: #fff; }
  body.dark-only .activity-log h6 a {
    color: #fff; }
  body.dark-only span.dayName {
    color: #006666 !important; }
  body.dark-only .fc-scrollgrid-sync-inner a.fc-col-header-cell-cushion {
    color: #006666 !important; }
  body.dark-only .badge-light {
    background-color: #1A1C23;
    color: #fff !important; }
  body.dark-only .apexcharts-canvas .apexcharts-svg .apexcharts-inner .apexcharts-grid-borders line {
    stroke: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .apexcharts-canvas .apexcharts-svg .apexcharts-inner .apexcharts-grid .apexcharts-gridlines-horizontal line {
    stroke: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .timeline-calendar .custom-calendar .time-line .fc-scrollgrid table thead tr {
    background-color: #1A1C23; }
  body.dark-only .activity-log-card ul li div .username {
    color: #fff; }
  body.dark-only .product-box .product-details h4 {
    color: #fff; }
  body.dark-only .product-box .product-details p {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .bookmark-wrap .left-bookmark ul li button {
    color: #fff !important; }
  body.dark-only .balance-profile h5 {
    color: #fff; }
  body.dark-only .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button {
    background: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button span {
      color: #fff; }
  body.dark-only .common-space .header-top .btn:hover i {
    color: #fff !important; }
  body.dark-only .activity-table table tbody tr td .team-activity .activity-data a {
    color: #fff !important; }
  body.dark-only .activity-table table tbody tr td .team-activity .activity-data .user-activity::before {
    background-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .activity-table table tbody tr td .team-activity .activity-data .common-space:before {
    background-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .activity-table table tbody tr td .team-activity:hover a {
    color: var(--theme-deafult) !important; }
  body.dark-only .left-header .welcome-content span {
    color: var(--body-font-color); }
  body.dark-only .dropdown-menu .input-group {
    background-color: #1A1C23;
    opacity: 1; }
  body.dark-only .dropdown-menu .dropdown-item {
    background-color: #1A1C23;
    opacity: 1;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important; }
  body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: #1A1C23;
    color: #fff; }
  body.dark-only .activity-log-card ul::before {
    border-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .dropdown-basic .dropdown .dropdown-content {
    background-color: #1A1C23;
    z-index: 2; }
    body.dark-only .dropdown-basic .dropdown .dropdown-content a {
      background-color: #1A1C23;
      color: #fff;
      border-color: rgba(255, 255, 255, 0.1); }
      body.dark-only .dropdown-basic .dropdown .dropdown-content a:hover {
        background-color: #22242B !important; }
  body.dark-only .projectlist-card {
    border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .projectlist-card .project-data a {
      color: #fff; }
  body.dark-only .new-user ul li {
    border-color: rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .new-user ul li a {
      color: #fff !important; }
    body.dark-only .new-user ul li:hover a {
      color: var(--theme-deafult) !important; }
    body.dark-only .new-user ul li .product-sub .invoice-icon {
      filter: invert(1); }
  body.dark-only .top-product-card ul li a {
    color: #fff !important; }
  body.dark-only .top-product-card ul li:hover a {
    color: var(--theme-deafult) !important; }
  body.dark-only .top-product-card ul li.top-product {
    border-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .top-product-card ul li .product-items span {
    color: #fff !important; }
  body.dark-only .deliveries-percentage table tbody tr td a {
    color: #fff; }
  body.dark-only .project-meeting-details {
    border-top: rgba(255, 255, 255, 0.1); }
    body.dark-only .project-meeting-details .project-meeting-time a {
      color: #fff; }
  body.dark-only .client-list-table table tbody tr td a {
    color: #fff !important; }
  body.dark-only .client-list-table table tbody tr td .user-id::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .client-list-table table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }
  body.dark-only .project-table .order-table thead {
    background-color: rgba(230, 233, 235, 0.07); }
  body.dark-only .project-table .order-table tbody tr td a {
    color: #fff; }
  body.dark-only .project-table .order-table tbody tr td .product-sub .dropdown svg {
    filter: invert(1); }
  body.dark-only .project-table .order-table tbody tr:hover td a {
    color: #fff; }
  body.dark-only .user-message li {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .user-message svg {
    filter: invert(1); }
  body.dark-only .apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1A1C23; }
  body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button {
    border-color: rgba(255, 255, 255, 0.2) !important; }
  body.dark-only table.fixedHeader-locked {
    background: #1A1C23; }
  body.dark-only .apexcharts-tooltip-series-group {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .apexcharts-yaxistooltip,
  body.dark-only .apexcharts-xaxistooltip {
    color: rgba(255, 255, 255, 0.6);
    background: #1A1C23;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-yaxistooltip-left::before, body.dark-only .apexcharts-yaxistooltip-left::after {
    border-left-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-xaxistooltip-bottom::before, body.dark-only .apexcharts-xaxistooltip-bottom::after {
    border-bottom-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .bottom-content .apexcharts-canvas span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .apexcharts-canvas .apexcharts-tooltip {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
      margin-bottom: 0; }
    body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .apexcharts-canvas .apexcharts-yaxis text {
    fill: #98a6ad; }
  body.dark-only .apexcharts-xaxistooltip {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-xaxistooltip-bottom:after {
    border-bottom-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1A1C23; }
    body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text {
      color: #98a6ad; }
    body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
      background: #22242B;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      color: #98a6ad; }
  body.dark-only .apexcharts-yaxis text {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .theme-form input[type=text] {
    background-color: #1A1C23 !important;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .theme-form input[type=num], body.dark-only input[type=select], body.dark-only input[type=date] {
    background-color: #1A1C23 !important;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .theme-form textarea {
    background-color: #1A1C23; }
  body.dark-only .page-body .bg-light {
    background-color: #1A1C23 !important; }
  body.dark-only .wizard-4 .step-container {
    background-color: #22242B;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .wizard-4 .login-card .login-main {
    background-color: #1A1C23; }
  body.dark-only .total-balance {
    background-blend-mode: overlay; }
  body.dark-only .icon-state .switch-state:after {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .social-widget .social-icons {
    box-shadow: 0px 42.1092px 27.8569px #1A1C23, 0px 8.90772px 7.12618px #1A1C23, 0px 2.02448px 3.44162px #1A1C23; }
  body.dark-only .calendar-basic .md-sidebar-aside {
    background: #22242B; }
  body.dark-only .calendar-basic #external-events {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .calendar-basic .calendar-default .fc .fc-daygrid-day-number,
  body.dark-only .calendar-basic .calendar-default .fc .fc-col-header-cell-cushion {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .clockpicker-popover .popover-title {
    background-color: #22242B; }
  body.dark-only .clockpicker-popover.bottom > .arrow {
    border-bottom-color: #1A1C23; }
    body.dark-only .clockpicker-popover.bottom > .arrow:after {
      border-bottom-color: #22242B; }
  body.dark-only .clockpicker-popover.top > .arrow {
    border-top-color: #1A1C23; }
    body.dark-only .clockpicker-popover.top > .arrow::after {
      border-top-color: #22242B; }
  body.dark-only .clockpicker-popover.left > .arrow {
    border-left-color: #1A1C23; }
    body.dark-only .clockpicker-popover.left > .arrow::after {
      border-left-color: #22242B; }
  body.dark-only .clockpicker-popover .popover-title {
    border-bottom-color: #22242B; }
  body.dark-only .fc-theme-standard .fc-scrollgrid,
  body.dark-only .fc-theme-standard .fc-list {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .fc-theme-standard .fc-list-day-cushion {
    background-color: #1A1C23; }
  body.dark-only .fc .fc-list-event:hover td {
    background-color: #1A1C23; }
  body.dark-only .view-container .apexcharts-canvas .apexcharts-point-annotations circle {
    outline: 25px solid #3e3d7259; }
  body.dark-only .currency-widget div[class*=bg-light-] {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .btn.badge-light-primary:hover {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .portfolio-chart-container .apexcharts-canvas .apexcharts-radialbar image {
    display: none; }
  body.dark-only svg.f-light {
    fill: rgba(255, 255, 255, 0.6);
    opacity: 1; }
  body.dark-only .course-widget .btn-light {
    background-color: #1A1C23 !important; }
  body.dark-only .schedule-list > li {
    box-shadow: 4px 7px 17px 5px rgba(26, 28, 35, 0.2); }
  body.dark-only .upcoming-event-wrap .apexcharts-canvas .apexcharts-data-labels rect {
    fill: none;
    stroke: none; }
  body.dark-only .page-wrapper.advance-layout .page-header {
    background: #22242B; }
  body.dark-only .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper.only-body {
    background: #1A1C23; }
  body.dark-only .balance-card .svg-box {
    background: #22242B;
    box-shadow: none; }
    body.dark-only .balance-card .svg-box svg {
      fill: rgba(255, 255, 255, 0.6); }
  body.dark-only .f-light {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: #22242B;
    color: #fff; }
  body.dark-only .card {
    background-color: #22242B; }
  body.dark-only .ecommerce-widget {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .btn-light {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .form-select {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .add-project .text-inherit {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .knowledgebase-search {
    color: #051A1A; }
    body.dark-only .knowledgebase-search h3 {
      color: #051A1A; }
    body.dark-only .knowledgebase-search .form-control-plaintext {
      color: #051A1A; }
  body.dark-only .toast {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .toast .toast-header {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .toast .toast-dark {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .btn-close {
    filter: brightness(0.8) invert(1); }
  body.dark-only .prooduct-details-box .media {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .product-price del {
    color: #98a6ad; }
  body.dark-only .ProfileCard {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .form-control-plaintext {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .form-select {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only .box-layout {
    background-color: #1A1C23; }
    body.dark-only .box-layout .page-wrapper .page-header .header-wrapper, body.dark-only .box-layout.page-wrapper .page-header .header-wrapper {
      border: 1px solid #1A1C23; }
  body.dark-only .form-check-input {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .checkbox-wrapper li .form-check-input,
  body.dark-only .radio-wrapper li .form-check-input {
    background-color: transparent; }
  body.dark-only .switch-state:before {
    background-color: #22242B; }
  body.dark-only .tooltip.bs-tooltip-top .tooltip-arrow:before {
    border-top-color: #323846; }
  body.dark-only .tooltip.bs-tooltip-bottom .tooltip-arrow:before {
    border-bottom-color: #323846;
    border-top-color: transparent; }
  body.dark-only .tooltip.bs-tooltip-start .tooltip-arrow:before {
    border-left-color: #323846;
    border-top-color: transparent; }
  body.dark-only .tooltip.bs-tooltip-end .tooltip-arrow:before {
    border-right-color: #323846;
    border-top-color: transparent; }
  body.dark-only .tooltip .tooltip-inner {
    background-color: #323846;
    color: #fff; }
  body.dark-only .tooltip .tooltip-arrow:before {
    border-top-color: #323846; }
  body.dark-only .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6:first-child h6 {
    color: rgba(255, 255, 255, 0.5); }
  body.dark-only .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
    background-color: #22242B; }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
    color: #fff; }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
    background-color: #1A1C23 !important; }
    body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
      background-color: #1A1C23;
      border: 1px solid rgba(255, 255, 255, 0.1);
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:last-child {
      border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
    background-color: #1A1C23 !important; }
    body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
      stroke: rgba(255, 255, 255, 0.3); }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
    background-color: #22242B; }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
    color: rgba(255, 255, 255, 0.4);
    border-color: #1A1C23 !important;
    background-color: #1A1C23 !important; }
  body.dark-only .qty-box input {
    color: rgba(255, 255, 255, 0.5); }
  body.dark-only .customizer-contain {
    color: #1A1C23; }
    body.dark-only .customizer-contain .customizer-body .main-layout .box-layout {
      background-color: #fff; }
  body.dark-only .login-dark {
    background-color: #22242B;
    background-blend-mode: overlay; }
    body.dark-only .login-dark .login-main {
      background-color: #323846; }
  body.dark-only .login-card .btn-showcase .btn {
    background-color: #22242B !important;
    color: #fff;
    border-color: #22242B !important; }
  body.dark-only .login-card .login-main {
    box-shadow: 0 0 37px rgba(255, 255, 255, 0.05); }
    body.dark-only .login-card .login-main .theme-form input {
      background-color: #22242B !important; }
    body.dark-only .login-card .login-main .theme-form .or:before {
      background-color: #22242B; }
    body.dark-only .login-card .login-main .theme-form .checkbox label::before {
      background-color: #22242B !important;
      border-color: #22242B !important; }
  body.dark-only .H_ui ~ div {
    background-color: #1A1C23 !important; }
  body.dark-only .swal-icon--success:after,
  body.dark-only .swal-icon--success:before {
    background: #22242B; }
  body.dark-only .swal-icon--success__hide-corners {
    background-color: #22242B; }
  body.dark-only .note-editor.note-frame .note-status-output {
    border-top: 1px solid #22242B; }
  body.dark-only .note-editor.note-frame .note-statusbar {
    border-top: 1px solid #22242B; }
    body.dark-only .note-editor.note-frame .note-statusbar .note-resizebar {
      background-color: #22242B; }
  body.dark-only .light-font {
    color: white; }
  body.dark-only .page-link {
    background-color: #1A1C23;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .b-r-light {
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .history-details .media {
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .modal-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only #right-history {
    background-color: #22242B;
    box-shadow: 0 0 9px #1A1C23; }
    body.dark-only #right-history h6 span a {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .ProfileCard:hover {
    color: rgba(255, 255, 255, 0.6);
    background-color: #22242B; }
  body.dark-only .translate_wrapper.active .more_lang:before {
    border-bottom: 7px solid #22242B; }
  body.dark-only .translate_wrapper.active .more_lang .lang {
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .toggle-sidebar svg {
    stroke: #fff !important; }
  body.dark-only .toggle-sidebar:hover svg {
    color: #fff !important;
    stroke: #fff !important; }
  body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
    background: rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper .page-body-wrapper {
    background-color: #1A1C23; }
    body.dark-only .page-wrapper .page-body-wrapper .page-title {
      background-color: transparent;
      border-bottom: none;
      box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 40px; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
      stroke: #fff !important; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
      fill: rgba(255, 255, 255, 0.5);
      stroke: transparent; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
      stroke: #fff; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
      fill: var(--theme-deafult);
      stroke: transparent; }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg.stroke-icon {
      stroke: var(--theme-deafult); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
      background-color: rgba(0, 102, 102, 0.2); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
        color: var(--theme-deafult); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: var(--theme-deafult); }
  body.dark-only .page-wrapper.modern-type .page-body-wrapper .page-title {
    background-color: transparent;
    border: none; }
  body.dark-only .page-wrapper .sidebar-main-title p {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    background-color: #22242B; }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg {
      stroke: var(--theme-deafult); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
      background-color: rgba(255, 255, 255, 0.2); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
        color: #fff; }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: var(--theme-deafult); }
  body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    background: #22242B;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a {
      background-color: rgba(255, 255, 255, 0.3); }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a span {
        color: #fff !important; }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
      background: #22242B; }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
        color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active, body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
          color: var(--theme-deafult); }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
        background: #22242B; }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
      background: #22242B; }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
    background: #22242B; }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    stroke: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    background-color: #22242B; }
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
    background-color: rgba(0, 102, 102, 0.2); }
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
      color: var(--theme-deafult); }
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
      color: var(--theme-deafult);
      stroke: var(--theme-deafult); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400; }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
    background-color: rgba(255, 255, 255, 0.2); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-deafult); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.material-type .page-header .header-wrapper {
    border-radius: 15px 15px 0 0; }
  body.dark-only .page-wrapper.material-icon .page-header .header-wrapper {
    background-color: transparent; }
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
      color: #fff; }
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
      color: #fff; }
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
      border: 1px solid #1A1C23;
      background: #1A1C23;
      color: #fff; }
  body.dark-only .page-wrapper.material-icon .page-header .header-logo-wrapper {
    background-color: transparent; }
  body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-body {
    background-color: transparent; }
  body.dark-only .page-wrapper.advance-layout {
    background-color: #1A1C23; }
    body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper {
      background: transparent; }
      body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper .header-logo-wrapper {
        background: transparent; }
    body.dark-only .page-wrapper.advance-layout .page-body-wrapper {
      background: transparent; }
      body.dark-only .page-wrapper.advance-layout .page-body-wrapper .page-body {
        background: transparent; }
  body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-title {
    background-color: transparent;
    box-shadow: none;
    border: none; }
  body.dark-only .page-wrapper .page-header .header-wrapper .search-full {
    background-color: #22242B; }
    body.dark-only .page-wrapper .page-header .header-wrapper .search-full input {
      color: rgba(255, 255, 255, 0.6); }
  @media only screen and (min-width: 768px) {
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
      stroke: #fff; } }
  body.dark-only ::-webkit-calendar-picker-indicator {
    filter: invert(1); }
  body.dark-only .kanban-board-header {
    background-color: #1A1C23;
    border-bottom: 1px solid #22242B; }
  body.dark-only .kanban-board .kanban-drag {
    background: #1A1C23; }
  body.dark-only .kanban-container .kanban-item .kanban-box {
    border: 1px solid rgba(0, 102, 102, 0.15);
    background-color: #1A1C23; }
  body.dark-only .project-box {
    border: 1px solid rgba(0, 102, 102, 0.15);
    background-color: #1A1C23; }
  body.dark-only .file-content .form-inline {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .file-content .files .file-box {
    border: 1px solid rgba(0, 102, 102, 0.15);
    background-color: #1A1C23; }
    body.dark-only .file-content .files .file-box .file-top {
      background-color: #22242B;
      border: 1px solid rgba(0, 102, 102, 0.15); }
  body.dark-only .file-content .folder .folder-box {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #1A1C23; }
  body.dark-only .files-content li .files-list .file-left {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #1A1C23; }
  body.dark-only .file-sidebar .pricing-plan {
    border: 1px solid rgba(0, 102, 102, 0.15) !important; }
  body.dark-only .file-sidebar .btn-light {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23 !important;
    border: 1px solid rgba(0, 102, 102, 0.15) !important; }
  body.dark-only #lnb {
    border-right: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .lnb-new-schedule,
  body.dark-only .lnb-calendars > div {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only #menu .sidebar-list .btn-default {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .tui-full-calendar-timegrid-hour {
    background-color: #22242B;
    color: #fff !important; }
  body.dark-only .tui-full-calendar-timegrid-gridline {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .tui-full-calendar-time-date,
  body.dark-only .tui-full-calendar-weekday-grid-line,
  body.dark-only .tui-full-calendar-left,
  body.dark-only .tui-full-calendar-timegrid-timezone {
    border-right-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .tui-full-calendar-popup {
    color: #051A1A; }
  body.dark-only #menu .btn-default {
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only #menu .btn-default:hover {
      color: #051A1A; }
  body.dark-only #menu .dropdown-menu {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .tui-full-calendar-dayname-container,
  body.dark-only .tui-full-calendar-splitter {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only span.tui-full-calendar-dayname-date-area {
    color: #fff !important; }
  body.dark-only .tui-full-calendar-layout {
    background-color: #22242B !important; }
  body.dark-only .blockquote {
    border-left: 4px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .figure.text-end blockquote {
    border-right-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .contacts-tabs .nav-pills {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .contacts-tabs .nav-pills .nav-link + .nav-link {
      border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .list-persons .profile-mail .media .media-body ul li + li {
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-right: unset !important; }
  body.dark-only .product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
    background-color: #22242B; }
  body.dark-only .apexcharts-gridline {
    stroke: #1A1C23; }
  body.dark-only .apexcharts-tooltip-title,
  body.dark-only .apexcharts-tooltip-series-group,
  body.dark-only .apexcharts-tooltip.light,
  body.dark-only .apexcharts-menu-item {
    color: #000; }
  body.dark-only .small-donut ~ svg path:nth-child(even),
  body.dark-only .small-donut svg path:nth-child(even),
  body.dark-only .donut-peity2 ~ svg path:nth-child(even),
  body.dark-only .donut-peity2 svg path:nth-child(even),
  body.dark-only .pie-peity ~ svg path:nth-child(even),
  body.dark-only .pie-peity svg path:nth-child(even) {
    fill: #1A1C23; }
  body.dark-only .appointment-table table tr td.img-content-box .font-roboto {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .notification .card .d-flex .w-100 p span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .notification .card .d-flex .w-100 span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .notification .vertical-more svg {
    filter: invert(1); }
  body.dark-only .datepicker {
    background-color: #323846;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .datepicker .datepicker--cell.-current- {
      color: #006666; }
    body.dark-only .datepicker .datepicker--cell.-current-.-focus- {
      color: #fff; }
    body.dark-only .datepicker .datepicker--cell-day.-other-month-,
    body.dark-only .datepicker .datepicker--cell-year.-other-decade- {
      color: rgba(255, 255, 255, 0.4); }
    body.dark-only .datepicker .datepicker--nav {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .datepicker .datepicker--pointer {
      background: #323846;
      border-top-color: #323846;
      border-right-color: #323846; }
  body.dark-only .default-datepicker .datepicker-inline .datepicker {
    background: #22242B; }
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name,
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day,
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name,
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name.-selected-,
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day.-selected-,
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name.-selected-,
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-selected- {
        color: #fff; }
  body.dark-only [class*='activity-dot-'] {
    background-color: #22242B; }
  body.dark-only .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .progress {
    background-color: #1A1C23 !important; }
  body.dark-only .alert-primary {
    background-color: rgba(0, 102, 102, 0.8) !important;
    border-color: rgba(0, 102, 102, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-primary .progress {
      height: 5px;
      background-color: #006161;
      border-radius: 0; }
    body.dark-only .alert-primary .progress-bar {
      background-color: #66ffff; }
  body.dark-only .alert-primary.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-primary.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-primary.outline .btn-close,
  body.dark-only .alert-primary.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-secondary {
    background-color: rgba(254, 106, 73, 0.8) !important;
    border-color: rgba(254, 106, 73, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-secondary .progress {
      height: 5px;
      background-color: #fe6644;
      border-radius: 0; }
    body.dark-only .alert-secondary .progress-bar {
      background-color: white; }
  body.dark-only .alert-secondary.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-secondary.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-secondary.outline .btn-close,
  body.dark-only .alert-secondary.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-success {
    background-color: rgba(0, 172, 70, 0.8) !important;
    border-color: rgba(0, 172, 70, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-success .progress {
      height: 5px;
      background-color: #00a744;
      border-radius: 0; }
    body.dark-only .alert-success .progress-bar {
      background-color: #acffce; }
  body.dark-only .alert-success.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-success.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-success.outline .btn-close,
  body.dark-only .alert-success.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-danger {
    background-color: rgba(254, 106, 73, 0.8) !important;
    border-color: rgba(254, 106, 73, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-danger .progress {
      height: 5px;
      background-color: #fe6644;
      border-radius: 0; }
    body.dark-only .alert-danger .progress-bar {
      background-color: white; }
  body.dark-only .alert-danger.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-danger.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-danger.outline .btn-close,
  body.dark-only .alert-danger.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-warning {
    background-color: rgba(255, 174, 26, 0.8) !important;
    border-color: rgba(255, 174, 26, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-warning .progress {
      height: 5px;
      background-color: #ffac15;
      border-radius: 0; }
    body.dark-only .alert-warning .progress-bar {
      background-color: white; }
  body.dark-only .alert-warning.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-warning.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-warning.outline .btn-close,
  body.dark-only .alert-warning.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-info {
    background-color: rgba(23, 56, 120, 0.8) !important;
    border-color: rgba(23, 56, 120, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-info .progress {
      height: 5px;
      background-color: #163674;
      border-radius: 0; }
    body.dark-only .alert-info .progress-bar {
      background-color: #a1bbed; }
  body.dark-only .alert-info.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-info.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-info.outline .btn-close,
  body.dark-only .alert-info.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-light {
    background-color: rgba(230, 233, 235, 0.8) !important;
    border-color: rgba(230, 233, 235, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-light .progress {
      height: 5px;
      background-color: #e3e7e9;
      border-radius: 0; }
    body.dark-only .alert-light .progress-bar {
      background-color: white; }
  body.dark-only .alert-light.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-light.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-light.outline .btn-close,
  body.dark-only .alert-light.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-dark {
    background-color: rgba(44, 50, 63, 0.8) !important;
    border-color: rgba(44, 50, 63, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-dark .progress {
      height: 5px;
      background-color: #2a303c;
      border-radius: 0; }
    body.dark-only .alert-dark .progress-bar {
      background-color: #a8b0c2; }
  body.dark-only .alert-dark.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-dark.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-dark.outline .btn-close,
  body.dark-only .alert-dark.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .options > div {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
    background-color: #1A1C23; }
  body.dark-only .pricing-simple {
    box-shadow: 1px 1px 2px 1px #1A1C23 !important; }
  body.dark-only .pricing-block {
    box-shadow: 0 0 10px 5px rgba(0, 102, 102, 0.05) !important; }
  body.dark-only .search-page ul.search-info li + li {
    border-left: 1px solid #1A1C23; }
  body.dark-only .search-page .info-block {
    border: 1px solid rgba(255, 255, 255, 0.2); }
  body.dark-only .browse .browse-articles h6 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .job-search .job-description .theme-form .row div[class^="col-"] .input-group .datepicker-here {
    border: 1px solid #1A1C23; }
  body.dark-only .calendar-wrap .fc-unthemed td,
  body.dark-only .calendar-wrap .fc-unthemed th {
    border-color: #1A1C23; }
  body.dark-only .mega-inline,
  body.dark-only .mega-horizontal,
  body.dark-only .mega-vertical {
    --bs-body-color: rgba(255, 255, 255, 0.6); }
    body.dark-only .mega-inline .card,
    body.dark-only .mega-horizontal .card,
    body.dark-only .mega-vertical .card {
      box-shadow: 1px 1px 7px 0 rgba(255, 255, 255, 0.5) !important; }
    body.dark-only .mega-inline.plain-style .card, body.dark-only .mega-inline.border-style .card, body.dark-only .mega-inline.offer-style .card,
    body.dark-only .mega-horizontal.plain-style .card,
    body.dark-only .mega-horizontal.border-style .card,
    body.dark-only .mega-horizontal.offer-style .card,
    body.dark-only .mega-vertical.plain-style .card,
    body.dark-only .mega-vertical.border-style .card,
    body.dark-only .mega-vertical.offer-style .card {
      box-shadow: none !important; }
    body.dark-only .mega-inline.border-style .card,
    body.dark-only .mega-horizontal.border-style .card,
    body.dark-only .mega-vertical.border-style .card {
      border: 1px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .mega-inline.offer-style .card,
    body.dark-only .mega-horizontal.offer-style .card,
    body.dark-only .mega-vertical.offer-style .card {
      border: 1px dashed rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .setting-dot .setting-bg {
    background-color: var(--theme-secondary); }
  body.dark-only .bookmark.pull-right {
    border: none; }
  body.dark-only .popover {
    background-color: #1A1C23; }
    body.dark-only .popover.bs-popover-bottom .popover-arrow:after {
      border-bottom-color: #1A1C23;
      border-right-color: transparent; }
    body.dark-only .popover.bs-popover-top .popover-arrow:after {
      border-right-color: transparent;
      border-top-color: #1A1C23; }
    body.dark-only .popover.bs-popover-start .popover-arrow:after {
      border-left-color: #1A1C23; }
    body.dark-only .popover .popover-header {
      background-color: #22242B; }
    body.dark-only .popover .popover-arrow:after {
      border-right-color: #1A1C23; }
    body.dark-only .popover .popover-body {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .popover code {
      background-color: unset; }
  body.dark-only .apex-chart-container .apexcharts-legend .apexcharts-legend-series span {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .quick-file li .quick-box {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-canvas svg .apexcharts-title-text {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-subtitle-text {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-xaxis-label {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-legend-series span {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-label {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-value {
    fill: #fff; }
  body.dark-only .Typeahead-menu {
    background-color: #1A1C23; }
  body.dark-only .ecommerce-widget {
    border: 1px solid #1A1C23; }
  body.dark-only .bookmark ul li .search-form .form-control-search input {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .bookmark ul li .search-form .form-control-search:before {
    background: #1A1C23; }
  body.dark-only .cart .qty-box .input-group .btn {
    background-color: #2e3648 !important;
    border-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .checkout .checkout-details {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    padding: 40px; }
    body.dark-only .checkout .checkout-details .animate-chk .radio_animated:after {
      border: 2px solid #22242B; }
  body.dark-only .order-box .title-box {
    color: #bfc2c6;
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .order-box .qty {
    border-bottom: 1px solid #1A1C23; }
    body.dark-only .order-box .qty li {
      color: #bfc2c6; }
      body.dark-only .order-box .qty li span {
        color: #bfc2c6; }
  body.dark-only .order-box .sub-total li {
    color: #bfc2c6; }
  body.dark-only .order-box .total li {
    color: #bfc2c6; }
  body.dark-only .shopping-checkout-option .checkbox_animated:after {
    border: 2px solid #22242B; }
  body.dark-only .animate-chk .radio_animated:after {
    border: 2px solid #1A1C23; }
  body.dark-only .custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(41, 50, 64, 0.52); }
  body.dark-only .product-box .product-img .product-hover ul li .btn {
    color: #98a6ad; }
  body.dark-only .product-box .product-img .product-hover ul li:hover .btn {
    color: #fff; }
  body.dark-only .radio_animated:after,
  body.dark-only .checkbox_animated:after {
    background: #1A1C23;
    border: 2px solid #1A1C23; }
  body.dark-only .slider-product {
    border-top: 1px solid #1A1C23;
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .icon-menu-header svg {
    filter: invert(1); }
  body.dark-only .square-product-setting .icon-grid {
    background-color: #22242B; }
    body.dark-only .square-product-setting .icon-grid svg {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .active-order-table table thead tr th,
  body.dark-only .market-table table thead tr th {
    border-top: none !important; }
  body.dark-only .active-order-table table tbody tr td,
  body.dark-only .market-table table tbody tr td {
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .active-order-table table tbody tr:last-child td,
  body.dark-only .market-table table tbody tr:last-child td {
    border-bottom: none; }
  body.dark-only .pricing-card-design-2 .pricing-block .pricing-inner ul li {
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .flot-chart-container .legend .table tbody {
    background-color: #22242B;
    color: #fff; }
    body.dark-only .flot-chart-container .legend .table tbody .legendLabel {
      padding-left: 5px; }
  body.dark-only .google-visualization-tooltip text {
    fill: rgba(0, 0, 0, 0.7) !important; }
  body.dark-only .nav-dark .nav-link,
  body.dark-only .nav-pills.nav-dark .nav-link {
    color: #fff; }
  body.dark-only .loader-wrapper {
    background-color: #1A1C23; }
    body.dark-only .loader-wrapper .loader {
      background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .input-icon::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .card-header .sales-chart-dropdown-select .card-header-right-icon .dropdown .dropdown-toggle {
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .card-header .sales-chart-dropdown-select .card-header-right-icon .dropdown .dropdown-menu .dropdown-item {
    background-color: #1a1c23;
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7);
    opacity: 1; }
  body.dark-only .page-wrapper {
    /* Main Header start */
    /* Main Header ends */ }
    body.dark-only .page-wrapper .sidebar-main-title h6 {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-header .translate_wrapper.active .more_lang {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .page-header .translate_wrapper.active .lang {
      background-color: #22242B; }
    body.dark-only .page-wrapper .page-header form {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .page-header .header-wrapper {
      background-color: #1A1C23; }
      body.dark-only .page-wrapper .page-header .header-wrapper li i {
        color: #E6E9EB; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li svg {
        fill: rgba(255, 255, 255, 0.3);
        stroke: rgba(255, 255, 255, 0.3); }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right.right-header > ul > li .profile-media .media-body p {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .user-message a {
        color: #fff !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .notification-card a {
        color: #fff !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .media .media-body .txt-dark {
        color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li.notification-box a {
        color: #fff !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div {
        background-color: #1A1C23;
        box-shadow: 0 0 14px #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div li {
          border-color: rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div p {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:before {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:after {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div .card .card-header {
          background-color: #22242B;
          border-color: rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div .card .card-footer {
          border-color: rgba(255, 255, 255, 0.1);
          background-color: #22242B; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li {
        background-color: #22242B; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li span {
          color: #98a6ad; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div .bg-light {
        background-color: #282e38 !important;
        color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
        color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg path,
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg line,
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg circle {
          color: rgba(255, 255, 255, 0.6) !important; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover {
          color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg line,
          body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg path,
          body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg circle {
            color: var(--theme-deafult) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .media .media-body .txt-dark {
        color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div {
        background-color: #1A1C23;
        box-shadow: 0 0 2px 2px #22242B; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div:before {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div:after {
          border-bottom: 7px solid #1A1C23; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
        background-color: #22242B; }
    body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-dark {
      display: none; }
    body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-light {
      display: block; }
    body.dark-only .page-wrapper .page-body-wrapper {
      /* body start*/ }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .header-small {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .statistics p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .media-body p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .professor-block p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .media-body p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .professor-block p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .logs-element span + span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-block .progress-title span + span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .ecommerce-icons div span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .new-users .media .media-body p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .recent-notification .media .media-body p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .media .media-body span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .progress-change span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td {
        border-top: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr:last-child td {
        border-bottom: none; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .notifiaction-media .media .media-body .circle-left {
        border: 5px solid #334154; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner {
        border-bottom: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner:last-child {
          border-bottom: none; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table table tbody tr td {
        border-top: none !important; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .number-widgets .media .media-body h6 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.gradient-line-1:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.small-line:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.medium-line:after {
        background-color: #1A1C23; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .media-body h6 span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .card.custom-card .card-header {
        border-bottom: none !important; }
      body.dark-only .page-wrapper .page-body-wrapper .custom-card .card-header img {
        background-color: #000;
        opacity: 0.8; }
      body.dark-only .page-wrapper .page-body-wrapper .page-title .row h3 small {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        stroke: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .fc-theme-standard td {
        border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
      body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main {
        border-top-color: rgba(255, 255, 255, 0.1);
        border-right-color: rgba(255, 255, 255, 0.1);
        border-bottom-color: rgba(255, 255, 255, 0.1); }
      body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-sticky .fc-task-text-box .fc-task-text {
        color: #fff; }
      body.dark-only .page-wrapper .page-body-wrapper .fc-timegrid-event-harness-inset .fc-timegrid-event {
        box-shadow: none; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body {
        background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card:not(.email-body) {
          border: none; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) {
          color: rgba(255, 255, 255, 0.7);
          background-color: #22242B;
          box-shadow: 1px 1px 2px 1px rgba(29, 28, 28, 0.08);
          border: 1px solid rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.widget-1:not(.email-body) {
            background-color: #1b1d24;
            background-blend-mode: overlay; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card.widget-1:not(.email-body) .widget-round .bg-round {
              box-shadow: 1px 2px 21px -2px rgba(14, 14, 16, 0.83); }
              body.dark-only .page-wrapper .page-body-wrapper .page-body .card.widget-1:not(.email-body) .widget-round .bg-round .half-circle {
                background: rgba(49, 53, 66, 0); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.social-profile:not(.email-body) {
            background-blend-mode: overlay;
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr td {
            color: #051A1A; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table thead .border-bottom-light th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table thead .border-bottom-light td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table tbody .border-bottom-light th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table tbody .border-bottom-light td {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.trending-card:not(.email-body) {
            background-color: #010314; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.explore-card:not(.email-body) {
            background-color: #22242B;
            background-blend-mode: overlay; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.balance-box:not(.email-body) {
            background-blend-mode: overlay;
            background-color: #16171c; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg > rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg > g text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg > g > rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg > g > text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header {
            background-color: transparent;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header > span {
              color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h1,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h2,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h3,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h4,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h5,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h6 {
              color: #fff; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right {
              background-color: #22242B; }
              body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i {
                color: rgba(255, 255, 255, 0.6); }
                body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i.fa-cog {
                  color: var(--theme-deafult); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header.note-toolbar {
              background-color: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark {
            color: #98a6ad; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark a {
              color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline-2x,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.inverse {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #animation-box .animate-widget p {
            color: #98a6ad !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .grid-item img {
            background-color: #22242B;
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .line {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) thead,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tbody,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tfoot,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tr,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) th {
            border-color: rgba(255, 255, 255, 0.03); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table td {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead th {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead .border-bottom-primary th {
            border-bottom: 1px solid var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger td {
            color: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-primary,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-secondary,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-success,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-info,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-warning,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-danger {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-light {
            color: #000; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .thead-light th {
            color: #000; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary td {
            border-bottom: 1px solid var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*='bg-'] th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*='bg-'] td {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd) {
            --bs-table-accent-bg: rgba(0, 0, 0, 0.05); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover th,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover td {
              color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-double,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dotted,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dashed {
            border-left-color: rgba(255, 255, 255, 0.1);
            border-right-color: rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered {
            border-color: rgba(255, 255, 255, 0.1) !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered td,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered th {
              border-color: rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-inverse tbody tr:nth-of-type(odd):hover td {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical tr,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical td {
            border-right: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody td {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-footer {
            background-color: #22242B;
            border-top: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch .switch-state {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch input:checked + .switch-state {
            background-color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bg-white {
            background-color: #22242B !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-l-light {
            border-left: 1px solid #1A1C23 !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-grid {
            stroke: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-label {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) hr {
            border-top: 1px solid rgba(255, 255, 255, 0.3); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .text-muted {
            color: rgba(255, 255, 255, 0.6) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-dark,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light-2x {
            color: #fff !important;
            border: 2px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x {
            border: 2px solid #fff !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:hover, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:focus {
              color: #051A1A; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light:hover {
            color: #000 !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right {
            border-right: 1px solid rgba(255, 255, 255, 0.3) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder .flot-text {
            color: rgba(255, 255, 255, 0.6) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder svg text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #gantt_chart.chart-overflow svg g rect:first-child {
            fill: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #gantt_chart.chart-overflow rect:nth-child(6) {
            fill: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #line-chart.chart-overflow rect, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #column-chart1.chart-overflow rect, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #column-chart2.chart-overflow rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > g > g > g text {
            fill: #b1b1b2; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > g > text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .radial-bar:after {
            background-color: #22242B;
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num {
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num .color-bottom {
              color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-r-light {
            border-right: 1px solid rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-labels .ct-label,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-labels .ct-label,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-labels .ct-label,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-labels .ct-label {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-grid,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-grid,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-grid,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-grid {
            stroke: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #browser-uses-chart svg text,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #website-visiter-chart svg text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 {
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 span {
              color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details span {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .clipboaard-container .form-control {
            background-color: #1A1C23;
            color: #98a6ad;
            border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .img-thumbnail {
            background-color: #1A1C23;
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper button {
            color: #000; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper.no-footer .dataTables_scrollBody {
            border-bottom: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-danger,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-success,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-primary {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length select {
            background-color: #1A1C23;
            color: rgba(255, 255, 255, 0.6);
            border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_info,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_processing,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate {
            border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter input[type="search"] {
            background-color: #1A1C23;
            border: 1px solid #1A1C23;
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr {
            background-color: #22242B; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover > .sorting_1,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr:hover > .sorting_1 {
              background-color: #1c212b; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd {
            background-color: #1f232b; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd > .sorting_1,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
              background-color: #1c212b; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
            background-color: #22262f; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable {
            border: 1px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead th,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead td {
              border-bottom: 2px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable input,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable select {
              background-color: #1A1C23;
              color: rgba(255, 255, 255, 0.6);
              border: 1px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody tr {
              background-color: #22242B; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody td.select-checkbox:before,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody th.select-checkbox:before {
              border: 1px solid #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .table-striped tbody tr:nth-of-type(odd) {
            --bs-table-accent-bg: #1d1e26; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button {
            color: rgba(255, 255, 255, 0.6) !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.current, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button:active {
              border-color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
            color: #98a6ad !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled :active {
              color: #98a6ad !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody td {
            border-top: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even:hover > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
            background-color: #191e27; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.hover tbody tr:hover,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover {
            background-color: #1c212b; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td {
            border-top: 1px solid #1A1C23;
            border-right: 1px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th:first-child,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td:first-child {
              border-left: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_2,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_3,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_2,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_3 {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #example-style-3_wrapper #example-style-3 tfoot {
            border-top: 2px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link {
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.disabled .page-link {
            background-color: #22242B;
            border-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link {
            color: rgba(255, 255, 255, 0.6);
            background-color: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item:hover .page-link {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.active .page-link {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .icon {
            color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num {
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num span {
              color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget span {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-container-small {
            background-color: #22242B;
            border-top: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td span,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td p {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table h6 {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs {
            border: none; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-item .nav-link {
              color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link.active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:focus, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:hover {
              color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a {
            background-color: #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-selected {
              background-color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a {
            border: 2px solid #1A1C23;
            background-color: #22242B;
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-selected {
              border: 2px solid var(--theme-deafult);
              color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-selected:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-active:after,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-selected:after,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-active:after {
            color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .scroll-demo {
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form input {
            border: 1px solid #1A1C23;
            color: rgba(255, 255, 255, 0.6);
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form .form-group:before {
            background: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-content {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(odd) .cd-timeline-content::before {
            border-left-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
            border-right-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .breadcrumb.bg-white {
            background-color: #22242B !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris-daily svg,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris svg,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #browser-uses-chart svg,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #website-visiter-chart svg {
            opacity: 0.5; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body #viewhtml .render {
          background-color: #22242B;
          color: rgba(255, 255, 255, 0.6);
          border-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .wizard-4 ul.anchor li a.disabled {
          color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description h4 {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description a > div {
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description p {
          color: #98a6ad; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-header {
          background-color: #22242B;
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell {
          background: #22242B;
          border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell input,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell input,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell input,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell input {
            background-color: #1A1C23;
            border-color: #1A1C23;
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell input:focus,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell input:focus,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell input:focus,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell input:focus {
              outline: none; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row select,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row select {
          background-color: #1A1C23;
          border-color: #1A1C23;
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-row > .jsgrid-cell {
          background-color: #22242B; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-alt-row > .jsgrid-cell {
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-body {
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-selected-row > .jsgrid-cell {
          background-color: #1c212b; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager [class*="jsgrid-pager"] {
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager .jsgrid-pager-page a {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-pager-current-page {
          color: rgba(255, 255, 255, 0.6);
          font-weight: 700; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .sub-title {
          border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .card .sub-title {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a {
          color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a:hover {
            color: var(--theme-deafult); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon .separator {
          border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according li .text-muted {
          color: rgba(255, 255, 255, 0.6) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon.default-according.style-1 li button:hover {
          color: var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li a {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover {
          color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover a {
            color: var(--theme-deafult); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div {
          background-color: #1A1C23;
          box-shadow: 0 0 14px 0 #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li p {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg path,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg line,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polyline,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polygon,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg rect {
            color: rgba(255, 255, 255, 0.6) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg path,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg line,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polyline,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polygon,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg rect {
            color: var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .onhover-dropdown:hover .onhover-show-div:before {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .btn-link {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body {
          color: #98a6ad; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body {
          border: 1px solid rgba(255, 255, 255, 0.1);
          border-top: none; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border {
          border: 1px solid rgba(255, 255, 255, 0.1) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-1 {
          border: 1px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-2 {
          border: 2px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .grid-showcase span.border-2 {
          border: 2px solid rgba(255, 255, 255, 0.1) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-3 {
          border: 3px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-4 {
          border: 4px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-5 {
          border: 5px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-6 {
          border: 6px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-7 {
          border: 7px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-8 {
          border: 8px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-9 {
          border: 9px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-10 {
          border: 10px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-primary {
          border: none !important;
          border-top: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-primary {
          border: none !important;
          border-bottom: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-primary {
          border: none !important;
          border-left: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-primary {
          border: none !important;
          border-right: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-primary {
          border: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-secondary {
          border: none !important;
          border-top: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-secondary {
          border: none !important;
          border-bottom: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-secondary {
          border: none !important;
          border-left: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-secondary {
          border: none !important;
          border-right: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-secondary {
          border: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-success {
          border: none !important;
          border-top: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-success {
          border: none !important;
          border-bottom: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-success {
          border: none !important;
          border-left: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-success {
          border: none !important;
          border-right: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-success {
          border: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-danger {
          border: none !important;
          border-top: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-danger {
          border: none !important;
          border-bottom: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-danger {
          border: none !important;
          border-left: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-danger {
          border: none !important;
          border-right: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-danger {
          border: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-warning {
          border: none !important;
          border-top: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-warning {
          border: none !important;
          border-bottom: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-warning {
          border: none !important;
          border-left: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-warning {
          border: none !important;
          border-right: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-warning {
          border: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-info {
          border: none !important;
          border-top: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-info {
          border: none !important;
          border-bottom: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-info {
          border: none !important;
          border-left: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-info {
          border: none !important;
          border-right: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-info {
          border: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-light {
          border: none !important;
          border-top: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-light {
          border: none !important;
          border-bottom: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-light {
          border: none !important;
          border-left: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-light {
          border: none !important;
          border-right: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-light {
          border: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-dark {
          border: none !important;
          border-top: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-dark {
          border: none !important;
          border-bottom: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-dark {
          border: none !important;
          border-left: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-dark {
          border: none !important;
          border-right: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-dark {
          border: 1px solid #2c323f !important; }
      body.dark-only .page-wrapper .page-body-wrapper .footer {
        border-top: 1px solid #1A1C23;
        background-color: #22242B; }
        body.dark-only .page-wrapper .page-body-wrapper .footer p {
          color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .custom-select,
      body.dark-only .page-wrapper .page-body-wrapper .custom-file-label {
        background: #1A1C23;
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .footer-fix {
        background-color: #22242B;
        border-top: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .note textarea {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .dt-button-info {
      background-color: #22242B;
      border: 1px solid #98a6ad; }
      body.dark-only .page-wrapper .dt-button-info h2 {
        background-color: #22242B; }
    body.dark-only .page-wrapper pre {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .scorlled {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .input-group-air {
      box-shadow: 0 3px 20px 0 #1A1C23; }
    body.dark-only .page-wrapper .input-group-text {
      background-color: #22242B;
      border: 1px solid #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .input-group-text i {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .input-group-solid .input-group-text,
    body.dark-only .page-wrapper .input-group-solid .form-control {
      background: #1A1C23;
      border: 1px solid #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .semilight-bg-color,
    body.dark-only .page-wrapper .header-bg-color {
      background-color: #fff; }
    body.dark-only .page-wrapper .list-group-item {
      background-color: #22242B;
      border: 1px solid rgba(255, 255, 255, 0.3);
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .list-group-item + .list-group-item {
        border-top-width: 0; }
      body.dark-only .page-wrapper .list-group-item.active {
        background-color: var(--theme-deafult) !important;
        border-color: var(--theme-deafult);
        color: #fff; }
      body.dark-only .page-wrapper .list-group-item:hover, body.dark-only .page-wrapper .list-group-item:focus {
        z-index: 1;
        text-decoration: none; }
    body.dark-only .page-wrapper .list-group-item-action:hover:not(.active), body.dark-only .page-wrapper .list-group-item-action:focus {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .list-group-flush .list-group-item {
      border-left: 0;
      border-right: 0;
      border-radius: 0; }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-primary {
      border-left: 4px solid var(--theme-deafult); }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-secondary {
      border-left: 4px solid var(--theme-secondary); }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-warning {
      border-left: 4px solid #FFAE1A; }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-success {
      border-left: 4px solid #00AC46; }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-info {
      border-left: 4px solid #173878; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-primary {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-secondary {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-warning {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-success {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-info {
      border-left: none; }
    body.dark-only .page-wrapper .list-group-item-primary {
      color: #004085;
      background-color: #b8daff; }
    body.dark-only .page-wrapper .list-group-item-secondary {
      color: #383d41;
      background-color: #d6d8db; }
    body.dark-only .page-wrapper .list-group-item-success {
      color: #155724;
      background-color: #c3e6cb; }
    body.dark-only .page-wrapper .list-group-item-danger {
      color: #721c24;
      background-color: #f5c6cb; }
    body.dark-only .page-wrapper .list-group-item-warning {
      color: #856404;
      background-color: #ffeeba; }
    body.dark-only .page-wrapper .list-group-item-info {
      color: #0c5460;
      background-color: #bee5eb; }
    body.dark-only .page-wrapper .list-group-item-light {
      color: #818182;
      background-color: #fdfdfe; }
    body.dark-only .page-wrapper .list-group-item-dark {
      color: #1b1e21;
      background-color: #c6c8ca; }
    body.dark-only .page-wrapper .auth-bg {
      background-blend-mode: overlay;
      background-color: rgba(54, 64, 74, 0.9); }
      body.dark-only .page-wrapper .auth-bg .authentication-box .card {
        background-color: #22242B; }
        body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group input {
          color: rgba(255, 255, 255, 0.6);
          background-color: #1A1C23;
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group label {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label {
          color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label::before {
            background-color: #1A1C23;
            border: 1px solid #1A1C23; }
      body.dark-only .page-wrapper .auth-bg .authentication-box h3,
      body.dark-only .page-wrapper .auth-bg .authentication-box h4,
      body.dark-only .page-wrapper .auth-bg .authentication-box h6 {
        color: #fff; }
    body.dark-only .page-wrapper .auth-bg-video {
      background-blend-mode: overlay;
      background-color: rgba(54, 64, 74, 0.7); }
      body.dark-only .page-wrapper .auth-bg-video .authentication-box h4,
      body.dark-only .page-wrapper .auth-bg-video .authentication-box h3 {
        color: #fff; }
      body.dark-only .page-wrapper .auth-bg-video .authentication-box h6 {
        color: #98a6ad; }
      body.dark-only .page-wrapper .auth-bg-video .authentication-box .card {
        background-color: #22242B; }
        body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type=text],
        body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type=password] {
          background-color: #1A1C23;
          border: 1px solid #1A1C23;
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .checkbox label::before {
          background-color: #1A1C23;
          border: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i {
      color: #1A1C23; }
    body.dark-only .page-wrapper .error-wrapper .maintenance-icons li:nth-child(3) i {
      color: #1A1C23; }
    body.dark-only .page-wrapper .modal-content {
      background-color: #22242B; }
      body.dark-only .page-wrapper .modal-content .modal-header {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
        body.dark-only .page-wrapper .modal-content .modal-header .modal-title {
          color: #fff; }
        body.dark-only .page-wrapper .modal-content .modal-header .close {
          color: #98a6ad; }
      body.dark-only .page-wrapper .modal-content .modal-footer {
        border-top: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .comingsoon {
      background-blend-mode: overlay;
      background-color: rgba(54, 64, 74, 0.9); }
      body.dark-only .page-wrapper .comingsoon .comingsoon-inner h5 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown {
        border-top: 1px solid #1A1C23;
        border-bottom: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown .title {
          color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .comingsoon .comingsoon-inner .coming-soon-bottom-link a {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .theme-form .login-divider {
      border-top: 1px solid #1A1C23; }
      body.dark-only .page-wrapper .theme-form .login-divider:before {
        background: #1A1C23;
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .authentication-main {
      background-color: #1A1C23; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .card {
        background-color: #22242B; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .reset-password-link {
        color: #98a6ad; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group label {
        color: #98a6ad; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group .form-control {
        background-color: #1A1C23;
        color: rgba(255, 255, 255, 0.6);
        border-color: #1A1C23; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .opt-box {
        background-color: #1A1C23; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h4 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h6 {
        color: #98a6ad; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h3 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card {
        background-color: #22242B; }
        body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type=text],
        body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type=password] {
          background-color: #1A1C23;
          border: 1px solid #1A1C23;
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .checkbox label::before {
          background-color: #1A1C23;
          border: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .vertical-menu-main {
      background-color: #22242B; }
    body.dark-only .page-wrapper .mega-menu .title {
      color: rgba(255, 255, 255, 0.6);
      border-bottom: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .mega-menu .list-unstyled div a:hover {
      color: var(--theme-deafult); }
    body.dark-only .page-wrapper .default-according .card {
      background-color: #22242B; }
      body.dark-only .page-wrapper .default-according .card .btn-link {
        background-color: #22242B;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: none;
        color: #fff; }
      body.dark-only .page-wrapper .default-according .card .text-muted {
        color: #98a6ad !important; }
    body.dark-only .page-wrapper .default-according .bg-primary .btn-link {
      background-color: var(--theme-deafult);
      border: 1px solid var(--theme-deafult); }
    body.dark-only .page-wrapper .default-according .bg-secondary .btn-link {
      background-color: var(--theme-secondary);
      border: 1px solid var(--theme-secondary); }
    body.dark-only .page-wrapper .collapse .card-body {
      background-color: #22242B; }
    body.dark-only .page-wrapper .balance-widget.card-body {
      background-color: #22242B;
      background-blend-mode: overlay; }
    @media screen and (max-width: 1660px) {
      body.dark-only .page-wrapper .caller-img img {
        opacity: 0.7; } }
    @media only screen and (max-width: 1199px) {
      body.dark-only .page-wrapper .mobile-title.d-none {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      body.dark-only .page-wrapper .chat-menu {
        border-top: 1px solid #1A1C23;
        background-color: #22242B; }
      body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i {
        color: #2c323f; } }
    @media only screen and (max-width: 575.98px) {
      body.dark-only .page-wrapper .user-profile .hovercard .info .user-designation {
        border-top: 1px solid #1A1C23;
        border-bottom: 1px solid #1A1C23; }
      body.dark-only .page-wrapper .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, body.dark-only .page-wrapper .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
        border-right: 1px solid rgba(255, 255, 255, 0.1); } }
  body.dark-only .lg-backdrop {
    background-color: #1A1C23; }
  body.dark-only .lg-outer .lg-thumb-outer {
    background-color: #22242B; }
  body.dark-only .drag {
    background-color: #22242B; }
    body.dark-only .drag form {
      background: #22242B;
      box-shadow: 0 0 30px #1A1C23;
      border: 1px dotted #1A1C23; }
      body.dark-only .drag form input {
        background-color: #1A1C23;
        border: 1px solid #1A1C23;
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .drag form .help-block {
        text-transform: capitalize;
        color: #98a6ad; }
  body.dark-only .draggable input {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid #1A1C23; }
  body.dark-only .draggable p {
    color: #98a6ad; }
  body.dark-only .draggable select {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid #1A1C23; }
  body.dark-only .draggable .radio label::before,
  body.dark-only .draggable .checkbox label::before {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only .select2-container--default .select2-selection--multiple,
  body.dark-only .select2-container--default .select2-selection--single {
    background-color: #1A1C23;
    border: 1px solid #1A1C23 !important; }
  body.dark-only .select2-container--default .select2-search--inline .select2-search__field {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #22242B !important;
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .select2-dropdown {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only .select2-drpdwn .form-control-primary {
    border-color: var(--theme-deafult) !important;
    color: var(--theme-deafult) !important; }
  body.dark-only .select2-drpdwn .form-control-secondary {
    border-color: var(--theme-secondary) !important;
    color: var(--theme-secondary) !important; }
  body.dark-only .select2-drpdwn .form-control-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important; }
  body.dark-only .select2-drpdwn .form-control-info {
    border-color: #173878 !important;
    color: #173878 !important; }
  body.dark-only .select2-drpdwn .form-control-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important; }
  body.dark-only .select2-drpdwn .form-control-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important; }
  body.dark-only .select2-drpdwn .form-control-inverse {
    border-color: #fff !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-primary-fill {
    background-color: var(--theme-deafult) !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-secondary-fill {
    background-color: var(--theme-secondary) !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-success-fill {
    background-color: #00AC46 !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-info-fill {
    background-color: #173878 !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-warning-fill {
    background-color: #FFAE1A !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-danger-fill {
    background-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-inverse-fill {
    background-color: #fff !important;
    color: #000 !important; }
  body.dark-only .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #1A1C23; }
  body.dark-only .theme-form .form-group select.form-control:not([size]):not([multiple]) {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border-color: #1A1C23; }
  body.dark-only .theme-form .form-group input[type=text],
  body.dark-only .theme-form .form-group input[type=email],
  body.dark-only .theme-form .form-group input[type=search],
  body.dark-only .theme-form .form-group input[type=password],
  body.dark-only .theme-form .form-group input[type=number],
  body.dark-only .theme-form .form-group input[type=tel],
  body.dark-only .theme-form .form-group input[type=date],
  body.dark-only .theme-form .form-group input[type=datetime-local],
  body.dark-only .theme-form .form-group input[type=time],
  body.dark-only .theme-form .form-group input[type=datetime-local],
  body.dark-only .theme-form .form-group input[type=month],
  body.dark-only .theme-form .form-group input[type=week],
  body.dark-only .theme-form .form-group input[type=url],
  body.dark-only .theme-form .form-group input[type=file],
  body.dark-only .theme-form .form-group select {
    border-color: #1A1C23;
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .theme-form .form-group input[type=text]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=email]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=search]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=password]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=number]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=tel]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=date]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=datetime-local]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=time]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=datetime-local]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=month]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=week]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=url]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=file]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group select::-webkit-input-placeholder {
      color: #98a6ad; }
  body.dark-only .theme-form .form-group .form-control {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .theme-form .form-group textarea {
    border-color: #1A1C23; }
  body.dark-only .theme-form .form-divider {
    border-top: 1px solid #1A1C23; }
    body.dark-only .theme-form .form-divider::before {
      background: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .CodeMirror {
    background: #22242B;
    border: 1px solid #98a6ad;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .CodeMirror .CodeMirror-code pre {
      background: #22242B; }
  body.dark-only .editor-toolbar {
    border-top: 1px solid #98a6ad;
    border-left: 1px solid #98a6ad;
    border-right: 1px solid #98a6ad; }
    body.dark-only .editor-toolbar a {
      color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .editor-toolbar a:hover, body.dark-only .editor-toolbar a.active {
        background: #1A1C23; }
    body.dark-only .editor-toolbar i.separator {
      border-left: 1px solid #98a6ad;
      border-right: 1px solid #98a6ad; }
    body.dark-only .editor-toolbar.fullscreen::before {
      background: linear-gradient(to right, #1A1C23 0, rgba(0, 0, 0, 0) 100%); }
    body.dark-only .editor-toolbar.fullscreen::after {
      background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, #1A1C23 100%); }
  body.dark-only .editor-toolbar.disabled-for-preview a:not(.no-disable) {
    background: #1A1C23; }
  body.dark-only .editor-preview {
    background-color: #22242B; }
  body.dark-only .editor-toolbar.fullscreen,
  body.dark-only .editor-preview-side {
    background: #22242B;
    border: 1px solid #98a6ad; }
  body.dark-only .u-step {
    background: #1A1C23; }
    body.dark-only .u-step.active, body.dark-only .u-step.current {
      background: var(--theme-deafult);
      color: #fff; }
  body.dark-only .u-step-title,
  body.dark-only .u-pearl-title {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .u-step-number {
    background-color: #22242B; }
  body.dark-only .u-pearl:before {
    background-color: #1A1C23; }
  body.dark-only .u-pearl-number,
  body.dark-only .u-pearl-icon {
    background: #1A1C23;
    border: 2px solid #1A1C23; }
  body.dark-only .u-pearl.disabled .u-pearl-icon,
  body.dark-only .u-pearl.disabled .u-pearl-number {
    background: #1A1C23;
    border: 2px solid #1A1C23; }
  body.dark-only .u-pearl.disabled:after {
    background-color: #334053; }
  body.dark-only .u-pearl.error:after {
    background-color: #1A1C23; }
  body.dark-only .note-editor.note-frame {
    border-color: #1A1C23; }
    body.dark-only .note-editor.note-frame .note-editing-area .note-editable {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .swal-modal {
    background-color: #22242B; }
    body.dark-only .swal-modal .swal-title {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .swal-modal .swal-text {
      color: #98a6ad; }
    body.dark-only .swal-modal .swal-content__input {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .nav-tabs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .nav-tabs .nav-link {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .nav-tabs .nav-link.active {
        background-color: #22242B;
        color: rgba(255, 255, 255, 0.6);
        border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) #22242B; }
      body.dark-only .nav-tabs .nav-link:hover, body.dark-only .nav-tabs .nav-link:focus {
        border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) #323846; }
    body.dark-only .nav-tabs .nav-item.show .nav-link {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6);
      border-color: #1A1C23 #1A1C23 #22242B; }
  body.dark-only .nav-primary .nav-link.active {
    background-color: var(--theme-deafult); }
  body.dark-only .nav-primary .nav-item.show .nav-link {
    background-color: var(--theme-deafult); }
  body.dark-only .custom-tab.nav-tabs {
    border-bottom: none; }
  body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.active, body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.focus, body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.hover {
    border-color: #22242B #1A1C23 #1A1C23; }
  body.dark-only .border-tab .nav-link.active {
    background-color: transparent; }
  body.dark-only .border-tab .show > .nav-link {
    background-color: transparent; }
  body.dark-only .email-wrap .media-body h6 {
    color: #fff; }
  body.dark-only .email-wrap .media-body p {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .email-wrap .email-app-sidebar ul li a > .title {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .email-wrap .main-menu > li a:hover {
    background-color: #1A1C23; }
  body.dark-only .email-wrap .main-menu > li a:active {
    background-color: #1A1C23; }
  body.dark-only .border-tab.nav-left .nav-link,
  body.dark-only .border-tab.nav-right .nav-link {
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .border-tab.nav-left .nav-link.active,
    body.dark-only .border-tab.nav-right .nav-link.active {
      color: var(--theme-deafult); }
  body.dark-only .border-tab.nav-left .show > .nav-link,
  body.dark-only .border-tab.nav-right .show > .nav-link {
    color: var(--theme-deafult); }
  body.dark-only .border-tab.nav-left.nav-secondary .nav-link.active, body.dark-only .border-tab.nav-left.nav-secondary .nav-link:focus, body.dark-only .border-tab.nav-left.nav-secondary .nav-link:hover {
    border-left-color: var(--theme-secondary);
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-left.nav-secondary .show > .nav-link {
    border-left-color: var(--theme-secondary);
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-left.nav-secondary .nav-item.show {
    color: var(--theme-secondary) !important;
    border-left-color: var(--theme-secondary); }
  body.dark-only .border-tab.nav-left.nav-success .nav-link.active, body.dark-only .border-tab.nav-left.nav-success .nav-link:focus, body.dark-only .border-tab.nav-left.nav-success .nav-link:hover {
    color: #00AC46 !important; }
  body.dark-only .border-tab.nav-left.nav-success .show > .nav-link {
    border-left-color: #00AC46;
    color: #00AC46 !important; }
  body.dark-only .border-tab.nav-left.nav-success .nav-item.show {
    color: #00AC46 !important;
    border-left-color: #00AC46; }
  body.dark-only .border-tab.nav-right.nav-info .nav-link.active, body.dark-only .border-tab.nav-right.nav-info .nav-link:focus, body.dark-only .border-tab.nav-right.nav-info .nav-link:hover {
    color: #173878 !important; }
  body.dark-only .border-tab.nav-right.nav-info .show > .nav-link {
    border-left-color: #173878;
    color: #173878 !important; }
  body.dark-only .border-tab.nav-right.nav-info .nav-item.show {
    color: #173878 !important;
    border-left-color: #173878; }
  body.dark-only .border-tab.nav-secondary .nav-link.active, body.dark-only .border-tab.nav-secondary .nav-link:focus, body.dark-only .border-tab.nav-secondary .nav-link:hover {
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-secondary .nav-item.show {
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-success .nav-link.active, body.dark-only .border-tab.nav-success .nav-link:focus, body.dark-only .border-tab.nav-success .nav-link:hover {
    color: #00AC46 !important; }
  body.dark-only .border-tab.nav-success .nav-item.show {
    color: #00AC46 !important; }
  body.dark-only .dropdown-divider {
    border-top: 1px solid #1A1C23; }
  body.dark-only .icon-hover-bottom {
    background-color: #22242B;
    box-shadow: 0px 0px 1px 1px #1A1C23; }
    body.dark-only .icon-hover-bottom .icon-title {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .icon-hover-bottom span {
      color: #98a6ad; }
    body.dark-only .icon-hover-bottom .form-group input {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6);
      border: 1px solid #1A1C23; }
    body.dark-only .icon-hover-bottom .icon-first i {
      color: #98a6ad; }
  body.dark-only code {
    background-color: #1A1C23;
    border-radius: 2px; }
  body.dark-only #cd-timeline::before {
    background: #1A1C23; }
  body.dark-only .timeliny {
    border-top: 1px solid #1A1C23;
    border-bottom: 1px solid #1A1C23; }
    body.dark-only .timeliny::before {
      background-color: #fff; }
    body.dark-only .timeliny .timeliny-dot {
      background-color: #22242B;
      border: 1px solid #fff; }
      body.dark-only .timeliny .timeliny-dot::before {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::before {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::after {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6);
      border: none; }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover {
      background-color: #fff; }
      body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover::before {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock .timeliny-dot:hover::after {
      background-color: #22242B;
      border: 1px solid #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .todo .todo-list-wrapper #todo-list li .task-container {
    background: #22242B;
    border-bottom: 1px solid #1A1C23; }
    body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-label {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .todo .todo-list-wrapper #todo-list li .task-container:hover h4 {
      color: #fff; }
    body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover:not(.active) {
      background: #22242B;
      border: 1px solid #1A1C23; }
  body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label {
    color: var(--theme-deafult); }
  body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover {
    border: 1px solid #00AC46 !important; }
  body.dark-only .todo .todo-list-wrapper .todo-list-footer .new-task-wrapper textarea {
    background-color: #22242B;
    border: 1px solid #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .ttl-info h6 {
    color: #98a6ad; }
  body.dark-only .user-profile .ttl-info span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .hovercard .info .title a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .hovercard .user-image .avatar img {
    border: 10px solid #22242B; }
  body.dark-only .user-profile .hovercard .user-image .icon-wrapper {
    background-color: #22242B; }
  body.dark-only .user-profile .hovercard .tabs-scoial {
    border-bottom: none !important; }
  body.dark-only .user-profile .follow .follow-num {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .profile-img-style .user-name {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .profile-img-style p {
    color: #98a6ad; }
  body.dark-only .introjs-helperLayer {
    background-color: rgba(54, 64, 74, 0.9);
    border: rgba(255, 255, 255, 0.5); }
  body.dark-only .jstree-default .jstree-node,
  body.dark-only .jstree-default .jstree-icon {
    color: #455869 !important; }
  body.dark-only .jstree-default .jstree-anchor {
    color: #98a6ad; }
  body.dark-only .jstree-default .jstree-clicked {
    color: #fff;
    background-color: transparent; }
  body.dark-only .jstree-default .jstree-hovered {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only span.twitter-typeahead .tt-menu {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only span.twitter-typeahead .tt-suggestion {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only span.twitter-typeahead .tt-suggestion:hover, body.dark-only span.twitter-typeahead .tt-suggestion:focus {
      background-color: #22242B; }
  body.dark-only .typography small {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .code-box-copy pre {
    background-color: #1A1C23; }
    body.dark-only .code-box-copy pre code {
      background-color: #1A1C23; }
  body.dark-only .code-box-copy pre[class*="language-"] {
    border: 1px solid #1A1C23; }
  body.dark-only .code-box-copy .code-box-copy__btn {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    color: #fff; }
  body.dark-only .code-box-copy code[class*=language-],
  body.dark-only .code-box-copy pre[class*=language-] {
    text-shadow: 0px 1px #000; }
    body.dark-only .code-box-copy code[class*=language-] ::selection,
    body.dark-only .code-box-copy pre[class*=language-] ::selection {
      text-shadow: none;
      background: #22242B; }
  body.dark-only table.fixedHeader-floating {
    background-color: #1A1C23; }
  body.dark-only .note textarea {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .dt-button-info {
    background-color: #22242B;
    border: 1px solid #1A1C23; }
    body.dark-only .dt-button-info h2 {
      background-color: #22242B;
      border-bottom: 1px solid #1A1C23; }
  body.dark-only pre {
    background-color: #1A1C23; }
  body.dark-only #keytable_wrapper .dataTables_paginate,
  body.dark-only #column-selector_wrapper .dataTables_paginate,
  body.dark-only #auto-fill_wrapper .dataTables_paginate,
  body.dark-only #custom-button_wrapper .dataTables_paginate,
  body.dark-only #class-button_wrapper .dataTables_paginate,
  body.dark-only #keyboard-btn_wrapper .dataTables_paginate,
  body.dark-only #multilevel-btn_wrapper .dataTables_paginate,
  body.dark-only #pagelength-btn_wrapper .dataTables_paginate,
  body.dark-only #basic-colreorder_wrapper .dataTables_paginate,
  body.dark-only #state-saving_wrapper .dataTables_paginate,
  body.dark-only #real-time_wrapper .dataTables_paginate,
  body.dark-only #basic-fixed-header_wrapper .dataTables_paginate,
  body.dark-only #fixed-header-footer_wrapper .dataTables_paginate,
  body.dark-only #export-button_wrapper .dataTables_paginate,
  body.dark-only #excel-cust-bolder_wrapper .dataTables_paginate,
  body.dark-only #cust-json_wrapper .dataTables_paginate,
  body.dark-only #basic-key-table_wrapper .dataTables_paginate,
  body.dark-only #focus-cell_wrapper .dataTables_paginate,
  body.dark-only #responsive_wrapper .dataTables_paginate,
  body.dark-only #new-cons_wrapper .dataTables_paginate,
  body.dark-only #show-hidden-row_wrapper .dataTables_paginate,
  body.dark-only #basic-row-reorder_wrapper .dataTables_paginate,
  body.dark-only #full-row_wrapper .dataTables_paginate,
  body.dark-only #rest-column_wrapper .dataTables_paginate {
    border: none; }
  body.dark-only #example-style-8_wrapper table.dataTable.stripe tbody tr.odd,
  body.dark-only #example-style-8_wrapper table.dataTable.display tbody tr.odd {
    background-color: #1A1C23; }
  body.dark-only .error-wrapper {
    background-color: rgba(54, 64, 74, 0.8); }
    body.dark-only .error-wrapper .sub-content {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .b-light {
    border: 1px solid #1A1C23 !important; }
  body.dark-only .modal-content {
    background-color: #22242B; }
    body.dark-only .modal-content .modal-header {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      body.dark-only .modal-content .modal-header h3 {
        color: #fff; }
      body.dark-only .modal-content .modal-header .close {
        color: rgba(255, 255, 255, 0.6);
        font-weight: 400; }
    body.dark-only .modal-content .ui-front .form-control {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6);
      border: 1px solid rgba(255, 255, 255, 0.3); }
  body.dark-only .modal .theme-close {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .token.atrule,
  body.dark-only .token.attr-value,
  body.dark-only .token.keyword {
    color: #173878; }
  body.dark-only .token.boolean, body.dark-only .token.constant, body.dark-only .token.deleted, body.dark-only .token.number, body.dark-only .token.property, body.dark-only .token.symbol, body.dark-only .token.tag {
    color: #FE6A49; }
  body.dark-only .loader-box.card-loader {
    background-color: #22242B; }
  body.dark-only .my-gallery.gallery-with-description img {
    border: 1px solid #1A1C23 !important;
    border-bottom: none !important; }
  body.dark-only .alert-primary.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-secondary.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-success.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-danger.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-warning.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-info.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-light.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-dark.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-theme span + span + span {
    border-left: 5px solid var(--theme-deafult);
    background-color: #1A1C23;
    border-radius: 4px; }
  body.dark-only .alert-theme i {
    color: #fff;
    padding: 20px;
    margin-right: 20px !important; }
  body.dark-only .user-card .user-deatils h6 {
    color: #98a6ad; }
  body.dark-only .user-card .card-footer > div:first-child {
    border-right: 1px solid #1A1C23; }
  body.dark-only .user-card .card-footer .user-footer h6 {
    color: #98a6ad; }
  body.dark-only .user-card .card-footer .user-footer svg path,
  body.dark-only .user-card .card-footer .user-footer svg rect {
    color: #98a6ad; }
  body.dark-only .order-history table .qty-box button {
    background-color: #1A1C23 !important;
    border: none !important; }
  body.dark-only .order-history table .qty-box .input-group {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .order-history table thead tr th {
    background-color: #1A1C23; }
  body.dark-only .order-history table tr td,
  body.dark-only .order-history table tr th {
    border-top: none !important; }
  body.dark-only .order-history .title-orders {
    background-color: #1A1C23; }
  body.dark-only .navigation-option ul li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .navigation-option ul li:hover {
    background-color: #1A1C23; }
  body.dark-only .product-box .product-details h6 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .product-box .product-details > a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .product-box .product-details span {
    color: #98a6ad; }
  body.dark-only .product-box .product-img .product-hover ul li {
    background-color: #22242B; }
    body.dark-only .product-box .product-img .product-hover ul li:hover {
      background-color: #000;
      color: #fff; }
  body.dark-only .browse .browse-articles ul li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .browse .browse-articles ul li:hover {
    background-color: #1A1C23; }
  body.dark-only .radio-primary input[type="radio"] + label::before {
    border-color: var(--theme-deafult) !important; }
  body.dark-only .radio-primary input[type="radio"] + label::after {
    background-color: var(--theme-deafult); }
  body.dark-only .radio-primary input[type="radio"]:checked + label::before {
    border-color: var(--theme-deafult) !important; }
  body.dark-only .radio-primary input[type="radio"]:checked + label::after {
    background-color: var(--theme-deafult); }
  body.dark-only .radio-secondary input[type="radio"] + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-secondary input[type="radio"] + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-secondary input[type="radio"]:checked + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-secondary input[type="radio"]:checked + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-success input[type="radio"] + label::before {
    border-color: #00AC46 !important; }
  body.dark-only .radio-success input[type="radio"] + label::after {
    background-color: #00AC46; }
  body.dark-only .radio-success input[type="radio"]:checked + label::before {
    border-color: #00AC46 !important; }
  body.dark-only .radio-success input[type="radio"]:checked + label::after {
    background-color: #00AC46; }
  body.dark-only .radio-danger input[type="radio"] + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-danger input[type="radio"] + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-danger input[type="radio"]:checked + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-danger input[type="radio"]:checked + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-info input[type="radio"] + label::before {
    border-color: #173878 !important; }
  body.dark-only .radio-info input[type="radio"] + label::after {
    background-color: #173878; }
  body.dark-only .radio-info input[type="radio"]:checked + label::before {
    border-color: #173878 !important; }
  body.dark-only .radio-info input[type="radio"]:checked + label::after {
    background-color: #173878; }
  body.dark-only .radio-light input[type="radio"] + label::before {
    border-color: #E6E9EB !important; }
  body.dark-only .radio-light input[type="radio"] + label::after {
    background-color: #E6E9EB; }
  body.dark-only .radio-light input[type="radio"]:checked + label::before {
    border-color: #E6E9EB !important; }
  body.dark-only .radio-light input[type="radio"]:checked + label::after {
    background-color: #E6E9EB; }
  body.dark-only .radio-dark input[type="radio"] + label::before {
    border-color: #2c323f !important; }
  body.dark-only .radio-dark input[type="radio"] + label::after {
    background-color: #2c323f; }
  body.dark-only .radio-dark input[type="radio"]:checked + label::before {
    border-color: #2c323f !important; }
  body.dark-only .radio-dark input[type="radio"]:checked + label::after {
    background-color: #2c323f; }
  body.dark-only .radio-warning input[type="radio"] + label::before {
    border-color: #FFAE1A !important; }
  body.dark-only .radio-warning input[type="radio"] + label::after {
    background-color: #FFAE1A; }
  body.dark-only .radio-warning input[type="radio"]:checked + label::before {
    border-color: #FFAE1A !important; }
  body.dark-only .radio-warning input[type="radio"]:checked + label::after {
    background-color: #FFAE1A; }
  body.dark-only .checkbox-primary label::before {
    border-color: var(--theme-deafult) !important; }
  body.dark-only .checkbox-secondary label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .checkbox-success label::before {
    border-color: #00AC46 !important; }
  body.dark-only .checkbox-danger label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .checkbox-info label::before {
    border-color: #173878 !important; }
  body.dark-only .checkbox-light label::before {
    border-color: #E6E9EB !important; }
  body.dark-only .checkbox-dark label::before {
    border-color: #2c323f !important; }
  body.dark-only .checkbox-warning label::before {
    border-color: #FFAE1A !important; }
  body.dark-only .checkbox-solid-primary label:before {
    background-color: var(--theme-deafult) !important;
    border-color: var(--theme-deafult) !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-primary input[type="checkbox"]:checked + label::before {
    background-color: var(--theme-deafult) !important;
    border-color: var(--theme-deafult) !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-primary input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-secondary label:before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-secondary input[type="checkbox"]:checked + label::before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-secondary input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-success label:before {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-success input[type="checkbox"]:checked + label::before {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-success input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-danger label:before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-danger input[type="checkbox"]:checked + label::before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-danger input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-info label:before {
    background-color: #173878 !important;
    border-color: #173878 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-info input[type="checkbox"]:checked + label::before {
    background-color: #173878 !important;
    border-color: #173878 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-info input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-light label:before {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-light input[type="checkbox"]:checked + label::before {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-light input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-dark label:before {
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-dark input[type="checkbox"]:checked + label::before {
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-dark input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-warning label:before {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-warning input[type="checkbox"]:checked + label::before {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-warning input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .bootstrap-datetimepicker-widget ul li {
    color: rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .bootstrap-datetimepicker-widget tr th:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td:hover {
    background-color: #22242B; }
  body.dark-only .bootstrap-datetimepicker-widget tr th span:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td span:hover {
    background-color: #22242B; }
  body.dark-only .bootstrap-datetimepicker-widget tr th.prev:hover, body.dark-only .bootstrap-datetimepicker-widget tr th.next:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td.prev:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td.next:hover {
    background-color: #22242B; }
  body.dark-only .bootstrap-datetimepicker-widget tr:first-child th:hover {
    background-color: #22242B; }
  body.dark-only .btn-transparent {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only #cal-basic .fc-toolbar .fc-left .fc-next-button .fc-icon-right-single-arrow:after,
  body.dark-only #cal-basic .fc-toolbar .fc-right .fc-next-button .fc-icon-right-single-arrow:after {
    color: #98a6ad; }
  body.dark-only #cal-basic .fc-toolbar .fc-left .fc-prev-button .fc-icon-left-single-arrow:after,
  body.dark-only #cal-basic .fc-toolbar .fc-right .fc-prev-button .fc-icon-left-single-arrow:after {
    color: #98a6ad; }
  body.dark-only #cal-basic .fc-toolbar .fc-left .fc-button-group .fc-month-button {
    color: #fff !important; }
  body.dark-only .fc-button-group .fc-basicWeek-button,
  body.dark-only .fc-button-group .fc-basicDay-button,
  body.dark-only .fc-button-group .fc-agendaWeek-button,
  body.dark-only .fc-button-group .fc-agendaDay-button {
    color: #000 !important; }
  body.dark-only .fc-button-group .fc-month-button {
    color: #fff !important; }
  body.dark-only .btn-light.active.active:not([disabled]):not(.disabled) {
    background-color: #1A1C23 !important;
    color: rgba(255, 255, 255, 0.3) !important; }
  body.dark-only .btn-light.disabled, body.dark-only .btn-light:disabled {
    color: rgba(5, 26, 26, 0.5) !important; }
  body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-month-button,
  body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .btn-light {
    color: #000 !important; }
  body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button {
    color: #fff !important; }
    body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button:hover {
      color: #000 !important; }
  body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
  body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .btn-light,
  body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
  body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .btn-light,
  body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
  body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .btn-light {
    color: #000 !important; }
  body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button,
  body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button,
  body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button {
    color: #fff !important; }
    body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover,
    body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover,
    body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover {
      color: #000 !important; }
  body.dark-only .categories ul li a {
    color: #98a6ad; }
  body.dark-only .categories ul li:hover {
    background-color: #1A1C23; }
  body.dark-only .socialprofile .likes-profile h5 span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .socialprofile span {
    color: #98a6ad; }
  body.dark-only .social-status .media .media-body span + span {
    color: #98a6ad; }
  body.dark-only .social-status .media .media-body p,
  body.dark-only .social-status .media .media-body .light-span {
    color: #98a6ad; }
  body.dark-only .filter-cards-view p,
  body.dark-only .timeline-content p {
    color: #98a6ad; }
  body.dark-only .filter-cards-view .comment-number i,
  body.dark-only .timeline-content .comment-number i {
    color: #98a6ad; }
  body.dark-only .filter-cards-view .comments-box .input-group .form-control,
  body.dark-only .timeline-content .comments-box .input-group .form-control {
    border: none !important; }
  body.dark-only .filter-cards-view .comments-box .input-group .input-group-append,
  body.dark-only .timeline-content .comments-box .input-group .input-group-append {
    background-color: #1A1C23; }
  body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input {
    background-color: #1A1C23;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top-left-radius: 7px !important;
    border-bottom-left-radius: 7px !important; }
    body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input:focus {
      box-shadow: unset; }
    body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input::placeholder {
      color: rgba(255, 255, 255, 0.3); }
  body.dark-only .social-chat .flex-grow-1 {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .social-chat .flex-grow-1:after {
      border-right: 7px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .social-chat .flex-grow-1 .input-group input {
      background-color: #1A1C23; }
  body.dark-only .social-chat span span {
    color: #98a6ad; }
  body.dark-only .details-about .your-details p {
    color: #98a6ad; }
  body.dark-only .activity-log .my-activity p {
    color: #98a6ad; }
  body.dark-only .bookmark ul li a {
    color: rgba(255, 255, 255, 0.6); }
  @media only screen and (max-width: 991.98px) {
    body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      border-right: 1px solid rgba(255, 255, 255, 0.1); } }
  @media only screen and (max-width: 767.98px) {
    body.dark-only .page-wrapper.material-icon .page-header {
      background-color: #22242B; } }
  body.dark-only .apexcharts-tooltip.light {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #1A1C23; }
    body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
      border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-label,
    body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-value {
      color: #fff; }
  body.dark-only .dark-txt p strong {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .live-dark .btn-close {
    filter: initial; }
  body.dark-only .alert-light {
    color: #1A1C23 !important; }
  body.dark-only .dark-input-type .input-group .input-group-text {
    background: transparent;
    border: unset; }
  body.dark-only .dropdown-menu {
    background-color: #1A1C23; }
  body.dark-only .leaflet-control-zoom span {
    color: #051A1A; }
  body.dark-only .heading-dropdown .dropdown-menu > li:first-child > a {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .heading-dropdown .dropdown-menu a.dropdown-item {
    color: rgba(255, 255, 255, 0.1); }
  body.dark-only .dark-accordion .accordion-item {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .dark-accordion .accordion-item .accordion-collapse p {
      color: rgba(255, 255, 255, 0.3); }
    body.dark-only .dark-accordion .accordion-item .accordion-collapse .accordion-body {
      background-color: #22242B; }
      body.dark-only .dark-accordion .accordion-item .accordion-collapse .accordion-body h6 {
        border: 0; }
  body.dark-only .dark-accordion .collapse-wrapper {
    color: #1A1C23; }
  body.dark-only .dark-accordion.card {
    border-radius: unset; }
  body.dark-only .accordions-content li {
    color: rgba(255, 255, 255, 0.3); }
  body.dark-only .dark-list .list-group .list-group-item + .list-group-item {
    border-top-width: 1px; }
  body.dark-only .dark-list .list-group .list-group-item .form-check-input {
    border: 1px solid rgba(255, 255, 255, 0.6);
    background-color: transparent; }
  body.dark-only .dark-list .list-light-dark {
    background-color: #1A1C23; }
  body.dark-only .card-wrapper .sub-title {
    border-bottom: unset !important; }
  body.dark-only .dark-blockquote .blockquote p {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .dark-sign-up h3 {
    color: #22242B; }
  body.dark-only .dark-sign-up p {
    color: #22242B; }
  body.dark-only .dark-sign-up .modal-body form .form-label {
    color: #1f2533; }
  body.dark-only .dark-sign-up .modal-body form .form-check .form-check-label {
    color: #1f2533; }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header svg {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header h6 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body svg {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body p {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-toggle-wrapper .dark-toggle-btn {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .social-profile {
    background-attachment: fixed; }
    body.dark-only .social-profile .social-details h5 a {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .dark-helper {
    background-color: rgba(26, 28, 35, 0.4); }
    body.dark-only .dark-helper h6,
    body.dark-only .dark-helper span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .dark-helper .text-muted {
      color: #22242B !important; }
  body.dark-only .font-dark {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .treejs .treejs-node__disabled {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .treejs .treejs-switcher:before {
    border-top: 4px solid rgba(255, 255, 255, 0.6); }
  body.dark-only .irs-min,
  body.dark-only .irs-max {
    color: #98a6ad;
    background-color: #323846; }
  body.dark-only .ribbon-wrapper.alert-light-light,
  body.dark-only .ribbon-wrapper-bottom.alert-light-light,
  body.dark-only .ribbon-vertical-left-wrapper.alert-light-light,
  body.dark-only .ribbon-wrapper-right.alert-light-light,
  body.dark-only .ribbon-vertical-right-wrapper.alert-light-light {
    background-color: #323846; }
  body.dark-only .pagination .page-item .page-link.rounded-circle {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .dark-timeline .date-content {
    color: rgba(255, 255, 255, 0.6) !important;
    background-color: #1A1C23 !important; }
  body.dark-only .student-leader-wrapper .student-leader-content {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .attendance-card .left-overview-content .svg-box {
    box-shadow: unset;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .task-table .main-task-wrapper .square-white {
    box-shadow: unset;
    border: 1px solid transparent; }
  body.dark-only .income-wrapper ul li + li {
    border-left: 1px dashed rgba(255, 255, 255, 0.1); }
    @media (max-width: 1735px) {
      body.dark-only .income-wrapper ul li + li {
        border-left: unset; } }
  body.dark-only .icons-box-2 .open-options .dropdown-menu {
    background-color: #1A1C23; }
  body.dark-only .performance-wrapper .performance-right p {
    color: var(--body-font-color); }
  body.dark-only .main-product-wrapper .product-body .product-search.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    color: #98a6ad; }
  body.dark-only .main-product-wrapper .product-body .product-search.input-group .input-group-text {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .main-product-wrapper .product-body .product-search.input-group .form-control {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-left: unset;
    background-color: #22242B; }
    [dir="rtl"] body.dark-only .main-product-wrapper .product-body .product-search.input-group .form-control {
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-right: unset; }
  body.dark-only .our-product-wrapper {
    box-shadow: 0px 3px 17px rgba(113, 113, 137, 0.18); }
  body.dark-only .grid-showcase span {
    background-color: #1A1C23; }
  body.dark-only .grid-showcase .grid-wrapper {
    background-color: #1A1C23; }
  body.dark-only .custom-input #validationCustom03.form-control,
  body.dark-only .custom-input #validationCustom03 .form-select,
  body.dark-only .custom-input #validationCustom05.form-control,
  body.dark-only .custom-input #validationCustom05 .form-select,
  body.dark-only .custom-input #validationCustomUsername.form-control,
  body.dark-only .custom-input #validationCustomUsername .form-select {
    border-color: #1A1C23; }
  body.dark-only .form-control[type=file]:not(:disabled):not([readonly]) {
    color: rgba(255, 255, 255, 0.2);
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .custom-input .form-control,
  body.dark-only .custom-input .form-select {
    background-color: #1A1C23 !important;
    border-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link:active .vertical-wizard .vertical-wizard-content h6, body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link.active .vertical-wizard .vertical-wizard-content h6 {
    color: #98a6ad; }
  body.dark-only td.highlight {
    background-color: #1f232b !important; }
  body.dark-only .card-wrapper .form-control,
  body.dark-only .dark-field .form-control {
    background-color: #1A1C23;
    border-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .form-control-sm {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .dark-inputs .form-control.btn-square {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .dark-inputs .form-control.btn-pill {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .dark-inputs .form-control.input-air-primary {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard {
    color: #1A1C23; }
  body.dark-only .touchspin-wrapper input.input-touchspin[type="number"],
  body.dark-only .pre-post-touchspin input.input-touchspin[type="number"] {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .variation-box .selection-box input[type=checkbox]:checked ~ div {
    color: #fff; }
  body.dark-only .flatpickr-calendar {
    box-shadow: unset; }
    body.dark-only .flatpickr-calendar.animate {
      background-color: #1A1C23; }
  body.dark-only .flatpickr-current-month .flatpickr-monthDropdown-months {
    color: #fff !important; }
  body.dark-only .flatpickr-current-month .numInputWrapper {
    color: #fff !important; }
  body.dark-only .flatpickr-prev-month {
    fill: #fff !important; }
  body.dark-only .flatpickr-next-month {
    fill: #fff !important; }
  body.dark-only .flatpickr-time {
    border: 1px solid #323846; }
    body.dark-only .flatpickr-time input {
      background: #22262f; }
  body.dark-only .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover {
    background-color: #22242B;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .tagify__dropdown__item--active {
    background-color: #1A1C23; }
  body.dark-only .tagify__input {
    color: #98a6ad; }
    body.dark-only .tagify__input::before {
      color: #98a6ad; }
  body.dark-only .tagify {
    border-color: rgba(255, 255, 255, 0.1);
    --tags-focus-border-color: #374558; }
    body.dark-only .tagify .tagify__tag-text {
      color: #1A1C23; }
  body.dark-only .international-num input {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #22242B; }
  body.dark-only .international-num .results ul {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .iti__country-list {
    background-color: #22242B; }
  body.dark-only .select-box .selection-option:hover {
    background-color: #22262f; }
  body.dark-only .select-box .options-container.active ~ .search-box input {
    background-color: rgba(255, 255, 255, 0.6); }
  body.dark-only .table-hover > tbody > tr:hover {
    --bs-table-accent-bg: #1d1e26; }
  body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert {
    background-color: #1A1C23;
    border-color: #323846; }
    body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert i {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert div {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .main-qr-code .modal-toggle-wrapper form .form-control {
    background-color: #1A1C23;
    border-color: #323846; }
  body.dark-only .authentication-options .radio-wrapper li .form-check-label span > span {
    color: #98a6ad; }
  body.dark-only .typeahead-wrapper .theme-form .form-control {
    background-color: #1A1C23 !important;
    border-color: #1A1C23 !important; }
  body.dark-only .compose-modal form .form-control {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1);
    color: #98a6ad; }
  body.dark-only .toolbar-box .ql-snow .ql-stroke {
    stroke: #98a6ad; }
  body.dark-only .toolbar-box .ql-snow .ql-tooltip {
    background-color: #1A1C23;
    box-shadow: unset;
    border: 0; }
    body.dark-only .toolbar-box .ql-snow .ql-tooltip.ql-editing input[type=text] {
      background-color: #22242B;
      border: 0;
      color: #98a6ad; }
  body.dark-only .toolbar-box .ql-snow a {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .toolbar-box .ql-editor.ql-blank::before {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .nav-right .nav-menus li .input-show input {
    border-color: #22242B !important;
    background-color: #1A1C23;
    color: #fff; }
  body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
    background-color: #1A1C23;
    border: 0;
    color: rgba(255, 255, 255, 0.2); }
    body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control::placeholder {
      color: rgba(255, 255, 255, 0.2); }
  body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search i {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .email-body .mail-header-wrapper .mail-body .dropdown-menu .dropdown-item {
    background: #1A1C23;
    opacity: 1;
    border: 0;
    color: rgba(255, 255, 255, 0.2); }
    body.dark-only .email-body .mail-header-wrapper .mail-body .dropdown-menu .dropdown-item:hover {
      background-color: #22242B; }
  body.dark-only .inbox-options .light-square.btn-group .dropdown-menu {
    background: #2b2b2b; }
    body.dark-only .inbox-options .light-square.btn-group .dropdown-menu .dropdown-item:hover {
      background-color: rgba(255, 255, 255, 0.2);
      color: #98a6ad; }
  body.dark-only .inbox-security {
    background-color: #1A1C23; }
  body.dark-only .mail-pagination .pagination-number,
  body.dark-only .mail-pagination .pagination-button {
    background-color: #323846; }
  body.dark-only .flatpicker-calender.product-date .form-control.flatpickr-input {
    border: unset;
    background-color: #1A1C23 !important; }
  body.dark-only .price-wrapper .radio-wrapper li .form-check-input {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .price-wrapper .radio-wrapper li .form-check-input ~ .form-check-label span {
      color: #98a6ad; }
  body.dark-only .product-buttons .btn:hover, body.dark-only .product-buttons .btn:active {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .product-buttons .btn svg {
    stroke: rgba(255, 255, 255, 0.6); }
  body.dark-only .ql-formats .ql-picker-label::before {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .list-product .datatable-pagination .datatable-active .datatable-pagination-list-item-link {
    background-color: var(--theme-deafult);
    color: var(--white); }
  body.dark-only .list-product .datatable-pagination .datatable-pagination-list-item-link {
    background-color: #1A1C23;
    color: #98a6ad; }
  body.dark-only .list-product .datatable-input:focus {
    outline: unset; }
  body.dark-only .list-product .datatable-selector {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23; }
  body.dark-only .table {
    --bs-table-bg: trasparnt; }
  body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
    background-color: #1A1C23; }
  body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
    background-color: #1A1C23;
    border: unset;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control::placeholder {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .left-sidebar-wrapper .advance-options .chats-user span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .search-contacts .form-control {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.2); }
    body.dark-only .search-contacts .form-control::placeholder {
      color: #98a6ad; }
  body.dark-only .msger .right-msg .msg-bubble {
    color: #fff; }
  body.dark-only .right-sidebar-title span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .right-sidebar-Chats .msger-chat {
    background: #1A1C23; }
  body.dark-only .right-sidebar-Chats .msger-inputarea {
    background: #22242B; }
  body.dark-only .right-sidebar-Chats .msger-input:focus {
    background-color: #1A1C23; }
  body.dark-only .fg-emoji-picker-search input,
  body.dark-only .fg-emoji-picker-search .fg-emoji-picker-search-icon {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .fg-emoji-picker-category-title {
    background-color: #323846; }
  body.dark-only .add-post form label,
  body.dark-only .add-post form .col-form-label {
    color: #98a6ad; }
  body.dark-only .add-post form .form-control {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2);
    border: unset; }
    body.dark-only .add-post form .form-control::placeholder {
      color: rgba(255, 255, 255, 0.2); }
  body.dark-only .ql-container.ql-snow .ql-editor {
    color: rgba(255, 255, 255, 0.2); }

body.dark-sidebar .page-wrapper .sidebar-main-title p {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.horizontal-wrapper .logo-wrapper .for-light {
  display: block; }

body.dark-sidebar .page-wrapper.horizontal-wrapper .logo-wrapper .for-dark {
  display: none; }

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
  background-color: #22242B; }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    stroke: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400; }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
    background-color: rgba(255, 255, 255, 0.2); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-deafult); }

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
  background: #22242B; }
  body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
    background-color: #22242B; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg.stroke-icon {
        stroke: #fff !important; }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg.fill-icon {
        fill: #051A1A;
        stroke: none !important; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a {
      background-color: rgba(255, 255, 255, 0.3); }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a span {
        color: #fff !important; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
      background: #22242B; }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
        color: rgba(255, 255, 255, 0.6); }
        body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active, body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
          color: var(--theme-deafult); }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
        background: #22242B; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
      background: #22242B; }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
  background: #22242B; }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
  stroke: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  background-color: #22242B; }
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
  background-color: rgba(0, 102, 102, 0.2); }
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
    color: var(--theme-deafult); }
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
    color: var(--theme-deafult);
    stroke: var(--theme-deafult); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400; }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
  background-color: rgba(255, 255, 255, 0.2); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
  color: var(--theme-deafult); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i {
  color: rgba(255, 255, 255, 0.6); }

body .for-dark {
  display: none; }

body[class*='dark-'] .for-dark {
  display: block; }

body[class*='dark-'] .for-light {
  display: none; }

/**=====================
	4.1. Dark CSS ends
==========================**/
/**=====================
  4.2 Theme-customizer CSS Start
==========================**/
.customizer-links {
  position: fixed;
  right: 00px;
  top: 50%;
  z-index: 3;
  transform: translate(0, -50%);
  box-shadow: 0 0 37px rgba(8, 21, 66, 0.1); }
  .customizer-links > .nav {
    border-radius: 8px;
    padding: 10px;
    background-color: #fff; }
  .customizer-links.open {
    right: 330px;
    border-radius: 8px 0 0 8px;
    transition: all 0.3s ease; }
  .customizer-links .nav-link {
    padding: 0;
    position: relative;
    text-align: -webkit-center; }
    .customizer-links .nav-link:before {
      content: "";
      position: absolute;
      height: 100%;
      left: 0;
      width: 100%;
      background-color: rgba(0, 102, 102, 0.1);
      border-radius: 5px;
      transform: scale(0);
      transition: all 0.3s ease; }
    .customizer-links .nav-link:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid;
      top: 12px;
      border-width: 5px 0 5px 5px;
      border-left-color: rgba(0, 102, 102, 0.1);
      opacity: 0;
      transform: scale(0);
      color: #fff;
      left: -10px;
      z-index: 2;
      transition: all 0.3s ease; }
    .customizer-links .nav-link:hover i {
      color: var(--theme-deafult); }
    .customizer-links .nav-link:hover img {
      animation: swing 1.5s ease infinite; }
    .customizer-links .nav-link:hover:before {
      border-bottom: 2px solid var(--theme-deafult);
      opacity: 1;
      transform: scale(1);
      transition: all 0.3s ease; }
    .customizer-links .nav-link:hover:after {
      opacity: 1;
      transform: scale(1);
      transition: all 0.3s ease; }
    .customizer-links .nav-link:hover span {
      opacity: 1;
      right: 48px;
      transform: scale(1);
      transition: all 0.3s ease; }
    .customizer-links .nav-link + .nav-link {
      margin-bottom: 5px; }
    .customizer-links .nav-link div img {
      height: 22px;
      margin: 6px 6px;
      width: 22px; }
    .customizer-links .nav-link span {
      position: absolute;
      right: -60px;
      width: max-content;
      text-align: right;
      padding: 7px 10px;
      display: block;
      top: 0;
      border-radius: 5px;
      transform: scale(0);
      transition: all 0.3s ease;
      opacity: 0;
      color: var(--theme-deafult);
      background-color: var(--white);
      box-shadow: 0 0 37px rgba(8, 21, 66, 0.1); }
    .customizer-links .nav-link i {
      font-size: 17px;
      padding: 8px 10px;
      display: inline-block;
      cursor: pointer;
      margin: 0;
      color: gray;
      border-radius: 5px; }

.customizer-contain {
  direction: ltr;
  position: fixed;
  height: calc(100vh);
  top: 79px;
  width: 333px;
  right: -335px;
  background-color: #fff;
  z-index: 8;
  transition: all 0.3s ease; }
  .customizer-contain.open {
    right: 0px;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px 1px rgba(68, 102, 242, 0.05); }
  .customizer-contain li {
    position: relative; }
    .customizer-contain li.active {
      box-shadow: 0 0 11px 5px rgba(226, 226, 226, 0.5); }
  .customizer-contain h5 {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-top: 12px;
    padding-top: 12px;
    margin-bottom: 5px;
    color: #051A1A; }
  .customizer-contain h3 {
    color: #051A1A; }
  .customizer-contain .customizer-header {
    padding: 15px 25px;
    border-bottom: 1px solid #E6E9EB; }
    .customizer-contain .customizer-header .icon-close {
      position: absolute;
      font-size: 18px;
      cursor: pointer;
      font-weight: 900;
      right: 20px;
      top: 20px;
      color: var(--theme-deafult); }
    .customizer-contain .customizer-header h5 {
      text-transform: uppercase; }
  .customizer-contain .customizer-body {
    padding: 15px 25px;
    max-height: calc(100vh - 200px);
    overflow-y: scroll; }
    .customizer-contain .customizer-body .fade:not(.show) {
      display: none; }
    .customizer-contain .customizer-body .unlimited-color-layout {
      display: flex;
      align-items: center; }
      .customizer-contain .customizer-body .unlimited-color-layout .btn {
        font-size: 15px;
        padding: 4px 20px; }
      .customizer-contain .customizer-body .unlimited-color-layout input {
        border: 1px solid #E6E9EB;
        height: 35px;
        width: 35px;
        border-radius: 5px;
        background-color: #fff;
        margin-right: 5px; }
    .customizer-contain .customizer-body .layout-grid.customizer-mix .color-layout {
      height: 70px;
      width: 80px;
      border: 1px solid #f6f7fb;
      border-radius: 5px; }
    .customizer-contain .customizer-body .tab-pane > h6:first-child {
      padding-top: 0;
      margin-top: 0; }
    .customizer-contain .customizer-body li {
      cursor: pointer;
      opacity: 0.9; }
      .customizer-contain .customizer-body li.active {
        opacity: 1; }
    .customizer-contain .customizer-body .color-layout {
      height: 35px;
      width: 35px;
      border-radius: 6px;
      display: inline-block;
      margin-right: 3px;
      border: 1px solid #b8b8b8;
      padding: 3px; }
      .customizer-contain .customizer-body .color-layout > div {
        background-color: #006666;
        height: 100%;
        width: 100%;
        border-radius: 5px; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-2"] div {
        background-color: #1D5B79; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-3"] div {
        background-color: #4A55A2; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-4"] div {
        background-color: #167A93; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-5"] div {
        background-color: #423964; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-6"] div {
        background-color: #4b2a4b; }
    .customizer-contain .customizer-body .dark > li {
      background-color: #2f3c4e; }
    .customizer-contain .customizer-body .main-layout > li {
      height: 65px;
      width: 85px;
      border: 1px solid #E6E9EB;
      border-radius: 10px;
      display: inline-block; }
      .customizer-contain .customizer-body .main-layout > li:nth-child(2) .body ul li:first-child {
        margin-right: 3px; }
      .customizer-contain .customizer-body .main-layout > li + li {
        margin-left: 7px; }
    .customizer-contain .customizer-body .main-layout .box-layout .body .badge {
      left: -14px;
      padding: 4px 8px; }
    .customizer-contain .customizer-body .sidebar-type > li,
    .customizer-contain .customizer-body .sidebar-setting > li {
      height: 70px;
      width: 85px;
      border: 1px solid #E6E9EB;
      border-radius: 5px;
      display: inline-block; }
      .customizer-contain .customizer-body .sidebar-type > li + li,
      .customizer-contain .customizer-body .sidebar-setting > li + li {
        margin-left: 7px; }
    .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.bg-dark, .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.sidebar {
      width: 100%;
      height: 10px;
      display: block; }
    .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.bg-light, .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.body {
      height: calc(100% - 10px);
      width: 100%; }
    .customizer-contain .customizer-body .sidebar-type li.body-compact[data-attr="normal-sidebar"] .body ul li.body {
      width: calc(100% - 25px); }
    .customizer-contain .customizer-body .layout-types {
      margin-bottom: -30px; }
      .customizer-contain .customizer-body .layout-types > li {
        display: block;
        width: unset;
        height: unset;
        margin-bottom: 30px; }
        .customizer-contain .customizer-body .layout-types > li .layout-img h6 {
          padding-top: 0;
          text-transform: inherit;
          text-align: center; }
      .customizer-contain .customizer-body .layout-types .box-layout {
        background: unset; }

.layout-grid:not(.customizer-color) li {
  padding: 5px; }
  .layout-grid:not(.customizer-color) li > .header {
    height: 9px;
    border-radius: 3px;
    position: relative; }
    .layout-grid:not(.customizer-color) li > .header ul {
      position: absolute;
      top: -8px;
      left: 5px; }
      .layout-grid:not(.customizer-color) li > .header ul > li {
        display: inline-block;
        width: 4px;
        height: 4px;
        border-radius: 5px;
        top: calc(50% - 3px);
        background-color: var(--theme-deafult);
        margin-right: 2px;
        padding: 0; }
        .layout-grid:not(.customizer-color) li > .header ul > li:nth-child(2) {
          background-color: var(--theme-secondary); }
        .layout-grid:not(.customizer-color) li > .header ul > li:nth-child(3) {
          background-color: #00AC46; }
  .layout-grid:not(.customizer-color) li > .body {
    background-color: #2c323f;
    height: calc(100% - 16px);
    border-radius: 3px;
    position: relative;
    margin-top: 5px;
    text-align: center;
    line-height: 3.1; }
    .layout-grid:not(.customizer-color) li > .body ul {
      height: 100%;
      background-color: #fff; }
      .layout-grid:not(.customizer-color) li > .body ul .sidebar {
        width: 18px;
        height: 100%;
        border-radius: 3px;
        display: inline-block;
        margin-right: 3px;
        padding: 0; }
        .layout-grid:not(.customizer-color) li > .body ul .sidebar.compact {
          width: 12px; }
          .layout-grid:not(.customizer-color) li > .body ul .sidebar.compact ~ .body {
            width: calc(100% - 19px); }
      .layout-grid:not(.customizer-color) li > .body ul .body {
        width: calc(100% - 25px);
        padding: 0;
        margin: 0;
        height: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px; }
        .layout-grid:not(.customizer-color) li > .body ul .body .badge {
          padding: 4px 8px;
          position: absolute; }

/**=====================
    4.2 Theme-customizer CSS Ends
==========================**/
/**=====================
  4.3 Update CSS Start
==========================**/
.jsgrid-filter-row select,
.jsgrid-filter-row input {
  padding: 6px 10px;
  border: 1px solid #f2f4ff;
  background: #fff; }

.popover {
  background-color: #fff;
  border: none;
  -webkit-box-shadow: 0 0 20px rgba(0, 102, 102, 0.1);
  box-shadow: 0 0 20px rgba(0, 102, 102, 0.1); }
  .popover .popover-header {
    background-color: #F5F5F5;
    color: #006666;
    border-bottom: none; }
  .popover .popover-body {
    color: rgba(43, 43, 43, 0.7); }

#calendar .fc-header-toolbar {
  display: flex; }
  @media (max-width: 1690px) {
    #calendar .fc-header-toolbar {
      display: none; } }
.tooltip.bs-tooltip-top .tooltip-arrow:before {
  border-top-color: #F5F5F5; }

.tooltip.bs-tooltip-bottom .tooltip-arrow:before {
  border-bottom-color: #F5F5F5;
  border-top-color: transparent; }

.tooltip.bs-tooltip-start .tooltip-arrow:before {
  border-left-color: #F5F5F5;
  border-top-color: transparent; }

.tooltip.bs-tooltip-end .tooltip-arrow:before {
  border-right-color: #F5F5F5;
  border-top-color: transparent; }

.tooltip .tooltip-inner {
  background-color: #F5F5F5;
  color: #006666; }

.tooltip .tooltip-arrow:before {
  border-top-color: #F5F5F5; }

.dropdown-basic .dropdown .dropdown-content a {
  padding: 12px;
  color: #2b2b2b;
  opacity: 0.6;
  font-size: 14px;
  border-top: 1px solid #efefef;
  background: #fff; }
  .dropdown-basic .dropdown .dropdown-content a:hover {
    background-color: #fff; }

.dropdown-basic .dropdown .dropdown-content .dropdown-header {
  padding: 8px 16px;
  font-weight: 400;
  color: #2c323f;
  font-size: 13px; }

.dropdown-basic .dropup .dropup-content {
  top: auto; }

.default-according .card .card-header {
  padding: 0;
  border: none;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
  .default-according .card .card-header.bg-primary .btn, .default-according .card .card-header.bg-secondary .btn {
    border-color: transparent; }
  .default-according .card .card-header i {
    position: initial;
    font-size: 20px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px; }
    [dir="rtl"] .default-according .card .card-header i {
      margin-right: unset;
      margin-left: 5px; }
  .default-according .card .card-header h5 {
    margin-top: 0; }
  .default-according .card .card-header .btn-link {
    padding: 12px 20px;
    width: 100%;
    text-align: left;
    letter-spacing: 0.7px;
    font-family: "Montserrat", sans-serif;
    border: 1px solid #efefef;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 600; }
    [dir="rtl"] .default-according .card .card-header .btn-link {
      text-align: right; }
    @media (max-width: 575px) {
      .default-according .card .card-header .btn-link {
        padding: 12px 15px;
        font-size: 12px; } }
.default-according .card .card-body {
  padding: 15px 20px;
  line-height: 22px;
  font-size: 13px;
  border-color: #efefef;
  border-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #2c323f;
  border-bottom: none; }

.nav-tabs {
  border-bottom-color: #efefef; }
  .nav-tabs .nav-bottom .nav-item .nav-link.active {
    border-color: #efefef; }

.list-product .datatable-wrapper .no-footer .datatable-container {
  border-bottom: unset !important; }

.nav-tabs .nav-item.show .nav-link {
  font-weight: 500; }

.nav-tabs .nav-link {
  color: #2c323f; }
  .nav-tabs .nav-link.active {
    font-weight: 500; }

.nav-tabs.nav-bottom .nav-item .nav-link.active {
  border-color: #ecf3fa #ecf3fa #fff; }

.dropdown-menu {
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0;
  z-index: 1; }
  .dropdown-menu .dropdown-item {
    color: #2b2b2b;
    opacity: 0.6;
    font-size: 14px;
    padding: 6px 12px;
    border-top: 1px solid #efefef;
    background: #fff; }
    .dropdown-menu .dropdown-item:first-child {
      border-top: none; }
    .dropdown-menu .dropdown-item:hover {
      background-color: #fff; }
  .dropdown-menu .dropdown-divider {
    margin: 0;
    border-top: 1px solid #cccccc; }

.border-tab .nav-tabs .nav-item .nav-link.active {
  border-bottom: 2px solid #006666; }

.border-tab .nav-tabs .nav-item .nav-link.show {
  border-bottom: 2px solid #006666; }

.border-tab .nav-tabs .nav-item .nav-link:focus {
  border-bottom: 2px solid #006666; }

.timeliny .timeliny-dot::before {
  font-size: 18px; }

.total-revenue {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .total-revenue span {
    color: var(--body-font-color);
    font-weight: 500; }
  .total-revenue a {
    font-weight: 600; }

.component .input-group .btn {
  line-height: 32px;
  text-transform: capitalize; }

.login-card .login-main .theme-form label {
  font-size: 14px; }

.login-card .login-main .theme-form .show-hide {
  top: 50%; }

.faq-accordion .card .btn-link svg {
  margin-left: 20px; }
  @media (max-width: 575.98px) {
    .faq-accordion .card .btn-link svg {
      margin-left: 10px; } }
.job-filter .faq-form .form-control {
  font-size: 14px; }

.job-filter .faq-form .search-icon {
  width: 16px;
  height: 16px; }

.note-btn-group .dropdown-toggle.show ~ .dropdown-menu {
  display: block;
  top: 30px; }

.carousel .carousel-indicators {
  margin-bottom: 3px; }

.mouse-wheel .owl-stage-outer .owl-stage {
  width: 5600px !important; }
  .mouse-wheel .owl-stage-outer .owl-stage .owl-item {
    width: 225.333px !important; }

.carousel-item .carousel-caption {
  width: 100%;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 26px 10px;
  background-color: rgba(34, 36, 43, 0.51); }

.carousel-item .carousel-opacity {
  background-color: rgba(230, 233, 235, 0.51); }

.carousel .carousel-control-prev-icon {
  width: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320)));
  height: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320))); }

.carousel .carousel-control-next-icon {
  width: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320)));
  height: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320))); }

[dir="rtl"] .rating-header h4 {
  direction: ltr; }

.animate-img .animate-widget img {
  width: 100%;
  height: 350px;
  margin: 0 auto;
  object-fit: cover; }

.modal-popup.modal {
  top: 20%;
  left: 50%;
  transform: translate(-50%, 0); }
  .modal-popup.modal .modal-dialog .theme-close {
    width: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
    height: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320))); }

@media (max-width: 442px) {
  .animated-modal .form-select {
    width: 100% !important; } }

.task-container .badge {
  line-height: 13px; }

.add-post form .form-control:focus {
  border: 1px solid var(--recent-dashed-border);
  box-shadow: unset; }

.starter-main .alert-primary.inverse {
  padding: 13px 20px 13px 65px;
  border-color: #006666;
  color: #2c323f; }
  [dir="rtl"] .starter-main .alert-primary.inverse {
    padding: 13px 65px 13px 20px; }
  .starter-main .alert-primary.inverse:before {
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #006666;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    [dir="rtl"] .starter-main .alert-primary.inverse:before {
      border-right: 7px solid #006666;
      border-left: unset; }
  .starter-main .alert-primary.inverse i {
    padding: 17px 20px;
    display: flex;
    align-items: center;
    background-color: #006666;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    [dir="rtl"] .starter-main .alert-primary.inverse i {
      right: 0;
      left: unset; }

.balance-profile ul {
  display: flex;
  justify-content: center;
  gap: 50px;
  margin-top: 16px; }
  @media (max-width: 1660px) {
    .balance-profile ul {
      gap: 25px; } }
  .balance-profile ul li {
    position: relative; }
    .balance-profile ul li + li::before {
      position: absolute;
      content: '';
      left: -25px;
      top: 50%;
      height: 40px;
      transform: translateY(-50%);
      border: 1px dashed var(--recent-dashed-border); }
      [dir="rtl"] .balance-profile ul li + li::before {
        left: unset;
        right: -25px; }
      @media (max-width: 1660px) {
        .balance-profile ul li + li::before {
          left: -16px; }
          [dir="rtl"] .balance-profile ul li + li::before {
            right: -16px; } }
/**=====================
    4.3 Update CSS Ends
==========================**/
/**=====================
    5.1 Footer CSS Start
==========================**/
.footer {
  background-color: #fff;
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  padding: 15px;
  bottom: 0;
  left: 0;
  margin-left: 265px;
  transition: 0.5s; }
  .footer.footer-dark {
    background-color: #242934; }
    .footer.footer-dark p {
      color: #fff; }

.footer-fix {
  width: calc(100% - $sidebar-compact-width);
  position: fixed; }

/**=====================
    5.1 Footer CSS Ends
==========================**/
/**=====================
  5.2 Grid CSS Start
==========================**/
.grid-showcase {
  margin-bottom: -10px; }
  .grid-showcase span,
  .grid-showcase .grid-wrapper {
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    background-color: #E6E9EB;
    color: #242934; }

.grid-align {
  margin-bottom: -16px; }
  .grid-align .row {
    padding: 15px 0;
    min-height: 7rem;
    margin-bottom: 16px; }

.grid-vertical {
  min-height: 150px;
  padding: 10px;
  color: #000; }

table.table-bordered thead tr th p {
  margin-bottom: 0; }

/**=====================
    5.2 Grid CSS Ends
==========================**/
/**=====================
  5.3 Header CSS Start
==========================**/
/**=====================
  5.7 Sidebar CSS Start
==========================**/
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 12%;
  width: 13px;
  height: 15px;
  border-bottom-left-radius: 8px;
  border-left: 2px solid rgba(255, 255, 255, 0.4);
  border-bottom: 2px solid rgba(255, 255, 255, 0.4); }

.media.media-wrapper {
  width: 100%;
  display: -webkit-flex; }

.media .media-body {
  flex: unset; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  left: 32px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5); }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title [dir="rtl"] h5::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li [dir="rtl"] a::before {
    left: unset;
    right: 25px; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before {
  position: absolute;
  content: '';
  width: 2px;
  height: 0;
  background: rgba(255, 255, 255, 0.4);
  top: -10px;
  left: 20px;
  transition: height 0.5s; }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .mega-menu-container::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .sidebar-submenu::before {
    left: unset;
    right: 20px; }

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 49%;
  width: 5px;
  height: 1px;
  border-radius: 100%;
  background-color: #59667a; }

.onhover-show-div {
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  left: 0; }

.onhover-dropdown:hover .onhover-show-div {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
  border-radius: 5px;
  overflow: hidden; }
  .onhover-dropdown:hover .onhover-show-div:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 2; }
  .onhover-dropdown:hover .onhover-show-div:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d7e2e9;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 1; }

.page-wrapper {
  position: relative; }
  .page-wrapper .page-header {
    max-width: 100vw;
    position: fixed;
    top: 0;
    z-index: 8;
    transition: 0.5s; }
    .page-wrapper .page-header .header-wrapper {
      width: 100%;
      align-items: center;
      padding: 13px 30px;
      position: relative;
      background-color: #F5F5F5; }
      @media (max-width: 1399px) {
        .page-wrapper .page-header .header-wrapper {
          padding: 14px 20px; } }
      .page-wrapper .page-header .header-wrapper .search-full {
        background-color: #fff;
        position: absolute;
        right: 0;
        z-index: 1;
        height: 0;
        width: 0;
        transform: scale(0);
        transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full.open {
          height: 100%;
          width: 100%;
          animation: zoomIn 0.5s ease-in-out;
          transform: scale(1);
          transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full input {
          line-height: 65px;
          padding-left: 60px;
          width: 100% !important; }
          .page-wrapper .page-header .header-wrapper .search-full input:focus {
            outline: none !important; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
          position: absolute;
          font-size: 15px;
          right: 30px;
          top: 30px;
          color: #898989;
          cursor: pointer; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
            left: 30px;
            right: unset; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
          position: absolute;
          left: 30px;
          top: 27px;
          content: "\f002";
          font-size: 16px;
          color: #898989;
          font-family: FontAwesome; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
            left: unset;
            right: 30px; }
      .page-wrapper .page-header .header-wrapper .nav-right {
        justify-content: flex-end; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li svg {
          vertical-align: middle;
          stroke: var(--body-font-color);
          height: 24px;
          width: 24px; }
          .page-wrapper .page-header .header-wrapper .nav-right ul li svg path {
            color: #242934; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
          height: 24px;
          width: 24px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li .search-form svg {
          width: 20px;
          height: 20px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode {
          cursor: pointer;
          text-align: center; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i {
            font-size: 18px;
            font-weight: 600;
            transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i.fa-lightbulb-o {
              font-weight: 500;
              font-size: 22px;
              transition: all 0.3s ease;
              animation: zoomIn 300ms ease-in-out; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .header-search {
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
          margin-left: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body span {
            font-weight: 500;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box !important;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            white-space: normal; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
            font-size: 12px;
            line-height: 1;
            color: rgba(5, 26, 26, 0.7); }
        .page-wrapper .page-header .header-wrapper .nav-right > ul {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          gap: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
            padding: 6px 10px;
            display: inline-block;
            position: relative; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li:nth-child(n+3):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right > ul > li.profile-nav:nth-child(n+3)) {
              background-color: #fff;
              padding: 12px;
              border-radius: 40px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .badge {
              position: absolute;
              right: 0px;
              top: -3px;
              padding: 2px 4px;
              font-size: 11px;
              font-weight: 700;
              font-family: work-Sans, sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .mode svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .input-show svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul {
              left: inherit;
              right: -10px;
              width: 130px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:before, .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:after {
                left: inherit;
                right: 10px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li {
                display: block; }
                .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a {
                  font-size: 14px;
                  color: #2c323f; }
                  .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a i {
                    margin-left: 10px;
                    font-size: 13px;
                    color: #2c323f; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul .flag-icon {
            font-size: 16px; }
        .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip {
          width: unset !important;
          box-shadow: unset !important;
          background-color: transparent !important;
          overflow: initial; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::after, .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::before {
            display: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content {
            text-align: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
              width: 52px;
              height: 52px;
              background-color: #f9f9f9;
              border-radius: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              margin: 0 auto; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content span {
              font-family: "Montserrat", sans-serif;
              font-size: 12px;
              font-weight: 500;
              letter-spacing: 0.5px; }
        .page-wrapper .page-header .header-wrapper .nav-right .flip-card {
          width: 300px;
          height: 260px;
          background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner {
            position: relative;
            height: 100%;
            text-align: center;
            transition: transform 0.6s;
            transform-style: preserve-3d; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front,
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              position: absolute;
              backface-visibility: hidden;
              border-radius: 10px;
              overflow: hidden;
              box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
              width: 300px;
              height: 260px; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button,
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                background-color: transparent;
                color: #006666;
                border: none; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button:focus,
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button:focus {
                  outline: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
              background-color: #fff;
              transition: .3s; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
                stroke: var(--body-font-color);
                transition: all 0.3s ease; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg:hover {
                  stroke: var(--body-font-color);
                  transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              background-color: #fff;
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:first-child {
                margin-top: 20px;
                height: 140px !important; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                width: 100%; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
                border-radius: 25px;
                padding: 6px 12px;
                width: 100%;
                border: 1px solid #ddd; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input:focus {
                  outline: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped {
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped .front {
                opacity: 0; }
        .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
          width: 330px;
          top: 50px;
          right: 0;
          left: unset; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .dropdown-title {
            padding: 20px;
            text-align: center;
            border-bottom: 1px solid rgba(145, 142, 153, 0.3); }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div ul {
            padding: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li {
            padding: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li p {
              font-size: 14px;
              letter-spacing: 0.3px;
              margin-bottom: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li a {
              letter-spacing: 0.3px;
              font-family: "Montserrat", sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li + li {
              margin-top: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li:last-child {
              padding-bottom: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media {
              position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media img {
                width: 40px;
                position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .status-circle {
                left: 0; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body > span {
                letter-spacing: 0.8px;
                padding-right: 10px;
                display: inline-block; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body p {
                margin-bottom: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:before, .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:after {
            right: 10px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown.notification-all ul li {
          border-radius: 0px;
          border-bottom: 1px solid rgba(145, 142, 153, 0.1); }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown ul {
          padding: 0 0 15px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li {
          padding: 10px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media {
            align-items: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
              margin-right: 20px; }
              [dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
                margin-right: unset;
                margin-left: 20px; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li + li {
            margin-top: 0;
            border-top: 1px solid rgba(145, 142, 153, 0.1); }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li:last-child {
            padding: 20px 15px;
            border-top: none; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown p {
          line-height: 1.3;
          margin-top: 3px;
          opacity: 0.6; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
          position: absolute;
          right: 0;
          top: 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle a {
            width: 18px;
            height: 18px;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle svg {
            width: 14px;
            stroke: #fff; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box {
          margin: 5px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group {
            width: 80px;
            background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input {
              background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input,
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              font-size: 10px;
              font-family: "Montserrat", sans-serif;
              font-weight: 700; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              padding: 0px 7px;
              background-color: #F7F6FF !important;
              border-color: #F7F6FF !important;
              border-radius: 100%;
              font-size: 14px;
              color: #051A1A; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
          margin: 0;
          padding: 15px;
          background-color: #f9f9f9;
          border: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 {
            font-family: "Montserrat", sans-serif;
            font-weight: 500;
            font-size: 12px;
            line-height: 14px;
            letter-spacing: 0.5px; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 span {
              font-size: 14px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .view-checkout {
          text-decoration: unset; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box svg {
          animation: swing 1.5s ease infinite; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
          left: unset; }
          @media (max-width: 575.98px) {
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
              width: calc(100vw - 30px); } }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li:last-child {
            text-align: center;
            background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p span {
              font-size: 11px;
              vertical-align: middle; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:after {
            right: 28px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
          width: 160px;
          top: 57px;
          left: -12px;
          padding: 0 10px; }
          .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li {
            padding: 10px !important;
            border-bottom: 1px solid #E6E9EB; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              border: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
              text-decoration: unset; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a span {
              color: var(--theme-deafult);
              transition: color 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg {
              stroke: var(--theme-deafult);
              transition: stroke 0.3s ease; }
              .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg path {
                stroke: var(--theme-deafult);
                transition: stroke 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li + li {
              margin-top: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              padding-top: 10px !important; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
              color: #2c323f; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li svg {
              width: 16px;
              vertical-align: bottom;
              margin-right: 10px;
              stroke: #2c323f; }
  .page-wrapper .page-body-wrapper {
    background-color: #F5F5F5; }
    .page-wrapper .page-body-wrapper .page-body {
      min-height: calc(100vh - 136px);
      margin-top: 136px;
      padding: 25px 15px;
      position: relative;
      transition: 0.5s; }
      .page-wrapper .page-body-wrapper .page-body:before {
        animation: fadeIn 0.5s ease-in-out; }
    .page-wrapper .page-body-wrapper .page-title {
      padding: 20px 30px;
      margin: 0px -27px 0px; }
      .page-wrapper .page-body-wrapper .page-title > .row {
        margin: 0; }
        .page-wrapper .page-body-wrapper .page-title > .row .col-6 {
          padding: 0; }
      .page-wrapper .page-body-wrapper .page-title .row {
        align-items: center; }
        .page-wrapper .page-body-wrapper .page-title .row h3 {
          font-size: 24px;
          margin-bottom: 0;
          text-transform: capitalize; }
          .page-wrapper .page-body-wrapper .page-title .row h3 small {
            display: block;
            font-size: 12px;
            margin-bottom: 5px;
            text-transform: capitalize;
            color: #FFFFFF; }
      .page-wrapper .page-body-wrapper .page-title .breadcrumb {
        background-color: transparent;
        padding: 0;
        margin-bottom: 0;
        align-items: center;
        justify-content: flex-end; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
          font-size: 13px;
          letter-spacing: 1px;
          font-family: "Montserrat", sans-serif; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
          content: "/"; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
          width: 16px;
          height: 16px;
          stroke: #2c323f;
          vertical-align: text-top; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
          color: var(--theme-deafult);
          font-weight: 500; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
      stroke: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
      fill: #051A1A;
      stroke: none !important; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg {
      transition: all 0.3s ease; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
        stroke: #fff; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
        fill: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content li a {
      text-transform: capitalize; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .stroke-icon {
    display: inline-block; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .fill-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .stroke-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .fill-icon {
    display: inline-block; }
  .page-wrapper.horizontal-wrapper [data-simplebar] {
    position: relative; }
  .page-wrapper.horizontal-wrapper .footer {
    margin-left: 0; }
  .page-wrapper.horizontal-wrapper .header-logo-wrapper {
    width: 150px; }
    .page-wrapper.horizontal-wrapper .header-logo-wrapper .toggle-sidebar {
      display: none; }
  .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 19px;
    right: 0px;
    color: #fff; }
    [dir="rtl"] .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
      left: 0;
      right: unset; }
  .page-wrapper.horizontal-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: hidden;
    cursor: pointer; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    height: 54px;
    line-height: inherit;
    top: 79px;
    background: #fff;
    box-shadow: 0px 9px 24px rgba(89, 102, 122, 0.05);
    overflow-x: hidden;
    z-index: 1;
    overflow-y: visible;
    position: fixed;
    width: 100vw;
    border-top: 1px solid #efefef;
    z-index: 3; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .simplebar-content {
      display: flex; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper li {
      display: inline-block; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .badge {
      position: absolute;
      top: 2px;
      right: 0px;
      z-index: 1; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper,
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
      text-align: left;
      position: relative; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        position: absolute;
        top: 0px;
        padding: 15px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        cursor: pointer; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow.disabled,
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow.disabled {
          display: none; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow {
        left: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        right: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: normal;
        direction: ltr;
        text-align: left;
        display: -webkit-box !important;
        padding: 0 5px;
        transition: all .5s ease;
        white-space: nowrap; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a.active .according-menu i:before {
          content: '-'; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a .according-menu {
          display: none; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active {
          color: #fff; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active:after {
            background-color: rgba(255, 255, 255, 0.6); }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          position: relative;
          padding-top: 10px;
          padding-bottom: 10px; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a > span {
            color: var(--theme-deafult);
            transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a {
            background-color: #fff;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.stroke-icon {
              stroke: #fff;
              transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.fill-icon {
              fill: #fff;
              transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
            display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            display: block;
            color: #051A1A;
            line-height: 23px;
            text-decoration: none;
            text-transform: capitalize;
            padding: 5px 15px;
            margin: 0 3px;
            letter-spacing: 0.04em;
            position: relative;
            border-radius: 5px;
            font-weight: 500;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active {
              transition: all 0.3s ease; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active svg,
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active span {
                color: #fff;
                transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a .badge {
              position: absolute;
              top: -5px;
              margin-left: 1px;
              right: 10px;
              padding: 0.20em 0.7em; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg {
              width: 18px;
              height: 18px;
              vertical-align: middle;
              margin-right: 10px;
              stroke: #051A1A !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
            position: fixed;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 15px 0px 15px 0px;
            background: white; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li {
              border: 0;
              float: none;
              position: relative;
              display: block; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
                background: transparent;
                padding: 4px 30px;
                display: block;
                transition: all 0.5s ease;
                line-height: 1.9;
                color: rgba(43, 43, 43, 0.6);
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                transition: all 0.3s ease; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
                  left: 20px; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
                  color: #006666;
                  letter-spacing: 1.5px;
                  transition: all 0.3s ease; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover:after {
                    background-color: var(--theme-deafult); }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
            position: fixed;
            right: 0;
            left: 0;
            margin: 0 auto;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 30px;
            background: white;
            width: 95%;
            border-radius: 4px;
            display: block !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
              width: 20%; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                text-transform: uppercase;
                font-size: 14px;
                margin-left: -13px; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content {
                box-shadow: none;
                background-color: transparent;
                position: relative;
                display: block;
                padding: 0; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li {
                  border: 0;
                  float: none;
                  position: relative;
                  display: block; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
                    border: 0 !important;
                    background: transparent;
                    color: #051A1A;
                    border-radius: 0 !important;
                    text-transform: capitalize;
                    padding: 3px 0;
                    font-size: 13px;
                    display: block;
                    letter-spacing: 0.07em;
                    line-height: 1.9;
                    position: relative;
                    transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover {
                      color: var(--theme-deafult);
                      letter-spacing: 1.5px;
                      transition: all 0.3s ease; }
                      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover:after {
                        color: var(--theme-deafult);
                        transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:after {
                      position: absolute;
                      content: "";
                      left: -12px;
                      top: 50%;
                      width: 5px;
                      height: 1px;
                      background-color: #59667a; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a:after {
            left: 0;
            right: 0;
            opacity: 1; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu {
            position: unset; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper.overlay-white {
      background-color: rgba(255, 255, 255, 0.08); }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav i {
      font-size: 24px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
    margin-top: 110px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main-title {
    display: none !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.scorlled .sidebar-wrapper {
    display: none;
    transition: all 0.3s ease; }
  .page-wrapper.horizontal-wrapper .page-header {
    width: 100%;
    box-shadow: none; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .form-control-plaintext {
      width: auto !important; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1324px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
      @media (max-width: 1323px) and (min-width: 1200px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 1199px) and (min-width: 992px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
    @media (max-width: 1428px) and (min-width: 1324px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 55%; } }
    @media (max-width: 1323px) and (min-width: 1200px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 40%; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.horizontal-wrapper.enterprice-type footer {
    margin-left: 0; }
  .page-wrapper.material-icon .card {
    border-radius: 30px;
    box-shadow: 0 0 20px rgba(0, 102, 102, 0.1); }
  .page-wrapper .sidebar-main-title h6 {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 0.40px; }
  .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 11px;
    right: -9px;
    color: #fff;
    z-index: 9999; }
    [dir="rtl"] .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
      left: -9px;
      right: unset; }
  .page-wrapper.compact-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer; }
  .page-wrapper.compact-wrapper .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-wrapper .pin-title {
    order: -1; }
  .page-wrapper.compact-wrapper .page-header {
    margin-left: 265px;
    width: calc(100% - $sidebar-compact-width); }
    .page-wrapper.compact-wrapper .page-header.close_icon {
      margin-left: 90px;
      width: calc(100% - 90px); }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
      position: absolute;
      content: "";
      bottom: 0%;
      height: 1px;
      z-index: 8;
      width: calc(100% - 40px);
      background: #E6E9EB; }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9;
    height: 100%;
    line-height: inherit;
    background: var(--theme-deafult);
    width: 265px;
    text-align: left;
    transition: 0.3s;
    box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      fill: #fff; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      padding: 22px 30px;
      box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
      border-top-right-radius: 15px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
      width: auto;
      transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .badge {
        opacity: 0;
        width: 0;
        padding: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        max-width: 86px;
        margin: 0;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          text-align: center;
          padding: 12px 14px;
          transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main-title {
        display: none !important;
        opacity: 0;
        transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper {
        display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
        text-align: right;
        display: block; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
        width: 265px;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .badge {
          opacity: 1;
          width: auto;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          max-width: unset;
          margin: initial;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
            text-align: left; }
            [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
              text-align: right; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            padding: 12px 15px;
            transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a span {
              display: inline-block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main-title {
          opacity: 1;
          display: block !important;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
          display: block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-icon-wrapper {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .mobile-sidebar {
        transform: translate(183px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
        margin-left: 90px;
        transition: 0.5s; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer-fix {
        width: calc(100% - 90px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 118px); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          padding: 15px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::before {
            right: 20px;
            left: unset; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a span {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .according-menu {
        display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
      visibility: hidden;
      position: absolute;
      top: -8px;
      right: 17px;
      border-radius: 15px;
      padding: 4px 6px;
      color: #fff;
      font-size: 11px;
      background-color: #006666;
      border: 1px solid rgba(255, 255, 255, 0.6); }
      [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
        left: 17px;
        right: unset; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list:hover i.fa-thumb-tack {
      visibility: visible;
      cursor: pointer; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pined, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 115px);
      left: -300px;
      z-index: 99;
      transition: color 1s ease;
      overflow: auto;
      color: rgba(0, 0, 0, 0);
      margin-top: 20px;
      margin-bottom: 30px; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        font-weight: 500; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
          width: 18px;
          height: 18px;
          margin-right: 10px;
          vertical-align: -2px;
          float: none;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          letter-spacing: 0.7px;
          text-transform: capitalize;
          color: rgba(255, 255, 255, 0.8); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.link-nav .according-menu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li:last-child {
        border-bottom: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links.opennav {
        left: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn {
        display: block;
        width: 100%;
        padding: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn .mobile-back {
          padding: 20px;
          color: #242934;
          font-weight: 700;
          text-transform: uppercase;
          border-bottom: 1px solid #efefef;
          cursor: pointer;
          display: flex;
          justify-content: flex-end;
          align-items: center; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        display: block;
        width: 100%;
        position: relative; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
          padding: 25px 0 6px 20px;
          margin-top: 0px;
          margin-bottom: 12px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: block; }
          [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
            padding: 25px 20px 6px 0; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
            position: absolute;
            content: '';
            top: 0;
            left: 50%;
            background: rgba(255, 255, 255, 0.2);
            width: calc(100% - 40px);
            height: 1px;
            transform: translateX(-50%); }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2) {
            margin-top: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2)::before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list {
          padding: 0px 18px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list .badge {
            position: absolute;
            right: 50px;
            top: 14.5px;
            padding: 0.45em 0.8em 0.33em;
            z-index: 1;
            font-size: 10px;
            letter-spacing: 0.7px;
            font-weight: 600;
            font-family: "Montserrat", sans-serif;
            border-radius: 10px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list:hover > a:hover {
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg {
          fill: #fff;
          stroke: #fff;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg.fill-icon {
            fill: #fff;
            stroke: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover span {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover .according-menu i {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          padding: 11px 13px;
          position: relative;
          color: #222222; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow {
            right: 20px;
            position: absolute;
            top: 10px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow i {
              display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow:before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
          display: none !important; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
          width: 100%;
          padding: 0;
          position: relative !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
            padding-left: 50px !important;
            font-weight: 400; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu .submenu-title .according-menu {
            top: 7px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover > a {
            color: #fff;
            transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
            display: none;
            position: relative !important;
            right: 0;
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu.opensubchild {
              display: block; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a {
              padding: 6px 45px;
              padding-left: 63px !important; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a:after {
                display: none; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
            padding: 7px 25px;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.7);
            display: block;
            position: relative;
            letter-spacing: 0.06em;
            font-weight: 500;
            transition: all 0.3s ease;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a .content-menu {
              padding: 0px 15px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
              color: #fff; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active::before {
                opacity: 1;
                background: #fff;
                visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
              left: 20px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
              margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
          padding: 0;
          position: relative; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section:hover h5 {
              color: #fff !important;
              transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title {
              position: relative; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                margin-bottom: 0;
                line-height: 1.9;
                padding: 6px 25px 6px 65px;
                font-size: 14px;
                position: relative;
                color: rgba(255, 255, 255, 0.8);
                display: block;
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                cursor: pointer; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
                  left: 20px; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5 {
                color: #fff; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5::before {
                  opacity: 1;
                  visibility: visible; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
                top: 8px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
              margin-bottom: 0;
              line-height: 1.9;
              padding: 6px 15px 6px 65px;
              font-size: 14px;
              position: relative;
              color: rgba(255, 255, 255, 0.8);
              display: block;
              letter-spacing: 0.06em;
              font-weight: 500;
              font-family: "Montserrat", sans-serif; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a:after {
                display: none; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a.active {
                color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
              line-height: 1.9; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
                margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container {
          display: block !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container::before {
            height: calc(100% - 9px);
            transition: height 0.5s; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
            position: relative;
            margin-bottom: 10px;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active::after {
              opacity: 1;
              visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active ~ .sidebar-submenu::before {
              height: calc(100% - 8px);
              transition: height 0.5s; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active .according-menu i {
              color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
              color: #fff;
              transition: all 0.3s ease; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-content {
      display: flex;
      flex-direction: column; }
  .page-wrapper.compact-wrapper .page-body-wrapper .mega-box.col {
    flex-basis: unset; }
  .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
    position: absolute;
    right: 20px;
    top: 11px;
    display: block; }
    .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
      vertical-align: middle;
      color: rgba(255, 255, 255, 0.8);
      font-weight: 500; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu.border-section {
    border: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav {
    position: absolute;
    z-index: 2;
    right: 145px;
    top: 6px; }
    .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
      font-size: 18px;
      padding-left: 5px;
      text-transform: uppercase; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 80px);
    margin-top: 56px;
    margin-left: 265px; }
  .page-wrapper.compact-wrapper.dark-sidebar .sidebar-main-title h6, .page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title h6 {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .toggle-sidebar svg, .page-wrapper.compact-wrapper.color-sidebar .toggle-sidebar svg {
    stroke: var(--theme-deafult); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
    stroke: #fff !important; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
    fill: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
    stroke: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
    fill: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
    background: rgba(255, 255, 255, 0.1); }
  .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #22242B; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon {
      stroke: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon {
      fill: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
      color: #fff;
      stroke: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-light, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-light {
      display: none; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-dark, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-dark {
      display: block; }
  .page-wrapper.compact-wrapper.dark-sidebar .according-menu i, .page-wrapper.compact-wrapper.color-sidebar .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #2f3c4e; }
  .page-wrapper.compact-sidebar .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content {
    display: flex;
    flex-direction: column; }
  .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 54px;
    color: #fff;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
      left: 54px;
      right: unset; }
  .page-wrapper.compact-sidebar .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer;
    z-index: 1; }
  .page-wrapper.compact-sidebar .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-sidebar .pin-title {
    order: -1; }
  .page-wrapper.compact-sidebar ~ .bg-overlay1 {
    transition: 0.8s; }
    .page-wrapper.compact-sidebar ~ .bg-overlay1.active {
      z-index: 8;
      height: 100vh;
      width: 100vw;
      background-color: rgba(0, 0, 0, 0.2);
      position: fixed;
      top: 0; }
  .page-wrapper.compact-sidebar .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-sidebar .sidebar-main-title {
    display: none; }
  .page-wrapper.compact-sidebar .logo-wrapper {
    display: none; }
  .page-wrapper.compact-sidebar .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 24px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-sidebar .page-header {
    margin-left: 150px;
    width: calc(100% - 150px); }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1578px) and (min-width: 1274px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 38%; } }
      @media (max-width: 1273px) and (min-width: 1200px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 45%; } }
      @media (max-width: 991px) and (min-width: 768px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 36%; } }
      @media (max-width: 767px) and (min-width: 756px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 28%; } }
      @media (max-width: 1199px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 132px; } }
      @media (max-width: 767px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 83px; } }
    .page-wrapper.compact-sidebar .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
    margin-top: 80px;
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper .footer {
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
      height: auto;
      line-height: inherit;
      background: #F5F5F5;
      width: 150px;
      text-align: left;
      transition: 0.3s;
      box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1); }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      margin: 30px 0;
      height: calc(100vh - 113px);
      overflow: auto; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        color: #2c323f; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          text-transform: capitalize;
          color: #2c323f;
          font-weight: 500;
          letter-spacing: 1px;
          font-size: 14px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active {
          background: rgba(0, 102, 102, 0.1);
          color: #006666;
          border-radius: 20px;
          margin: 0 10px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active span {
            color: #006666; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
            animation: fadeInLeft 300ms ease-in-out; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
        display: block;
        padding: 20px 0;
        border-bottom: 1px solid #f3f3f3; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
        position: fixed;
        top: 0px;
        height: calc(100vh - 0px);
        overflow: auto;
        left: 150px;
        width: 230px;
        background-color: #fff;
        box-shadow: 0 16px 15px 15px rgba(126, 55, 216, 0.03);
        transition: all 0.5s ease-in-out;
        display: none;
        padding-top: 20px;
        z-index: -1; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
          padding: 15px 15px 15px 40px;
          display: block;
          position: relative;
          border-bottom: 1px solid #f1f1f1; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
            display: none; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
            position: absolute;
            right: 20px;
            top: 16px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a.active,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a.active {
            background-color: rgba(0, 102, 102, 0.1);
            color: #006666;
            transition: all 0.3s ease; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li .submenu-content li a.active,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li .submenu-content li a.active {
          background-color: transparent; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
          position: absolute;
          content: "";
          left: 20px;
          top: 48%;
          width: 12px;
          border-top: 2px solid rgba(255, 255, 255, 0.4); }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 0; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
            text-align: left; }
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
              position: relative;
              font-size: 14px;
              font-weight: 400;
              padding: 15px 15px 15px 40px;
              letter-spacing: 1px;
              margin-bottom: 0; }
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
                position: absolute;
                content: "";
                left: 20px;
                top: 48%;
                width: 6px;
                border-top: 2px solid #595c60; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list {
        position: relative; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
          position: absolute;
          left: 53%;
          top: 7px;
          font-weight: 500;
          font-size: 9px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
          text-align: center; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
            margin: 0 auto 6px;
            width: 24px;
            height: 24px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
            display: block;
            font-weight: 500;
            letter-spacing: 1px;
            font-size: 14px;
            word-break: break-word; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link .according-menu {
            display: none; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
        text-align: center;
        padding: 0; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
          width: 24px;
          height: 24px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
          position: absolute;
          right: 20px;
          top: 13px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
      transform: translateX(-150px); }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
        margin-left: 0px; }
  .page-wrapper.compact-small .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 22px;
    color: #006666;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
      left: 22px;
      right: unset; }
  .page-wrapper.compact-small .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible; }
  .page-wrapper.compact-small .sidebar-list.pined, .page-wrapper.compact-small .sidebar-list.pin-title {
    order: -1; }
  .page-wrapper.compact-small .sidebar-main-title,
  .page-wrapper.compact-small .logo-wrapper {
    display: none; }
  .page-wrapper.compact-small .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 27px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-small .page-header {
    margin-left: 90px;
    width: calc(100% - 90px); }
    .page-wrapper.compact-small .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-small .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-small .page-body-wrapper .page-body {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper .footer {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div {
    width: 90px; }
  @media (max-width: 420px) {
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 105px); } }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    display: block;
    padding: 15px 0; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 90px; }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
      padding: 10px 15px 10px 40px; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
        display: none; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
        top: 11px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
    margin: 0 auto;
    width: 20px;
    height: 20px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
    margin: 0 auto; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu a > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translateX(-150px); }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
      margin-left: 0px; }
  .page-wrapper.only-body {
    background-color: #f2f0fa; }
    .page-wrapper.only-body .page-body-wrapper {
      background-color: #f2f0fa; }
    .page-wrapper.only-body .page-header {
      position: relative; }
      .page-wrapper.only-body .page-header .header-logo-wrapper {
        display: none; }
      .page-wrapper.only-body .page-header .header-wrapper {
        padding: 0 !important; }
        .page-wrapper.only-body .page-header .header-wrapper .left-header {
          display: none; }
        .page-wrapper.only-body .page-header .header-wrapper .nav-right {
          position: absolute;
          right: 60px;
          top: 58px; }
        .page-wrapper.only-body .page-header .header-wrapper .search-full {
          top: 37px;
          width: calc(100% - 50px);
          left: 25px; }
          [dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .search-full {
            left: unset;
            right: 25px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
            background-color: #fff;
            border-radius: 15px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu {
            top: 78px;
            width: calc(100% - 30px);
            margin: 0 auto;
            right: 0; }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-top: 20px;
      padding-bottom: 20px; }
    .page-wrapper.only-body .sidebar-wrapper,
    .page-wrapper.only-body footer {
      display: none; }
    .page-wrapper.only-body .page-body-wrapper .page-body {
      margin-top: 0px;
      min-height: calc(100vh - 0px); }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-left: 30px;
      padding-right: 30px;
      margin: 30px 0;
      border-radius: 15px; }
      @media (max-width: 991.98px) {
        .page-wrapper.only-body .page-body-wrapper .page-title {
          padding-left: 20px;
          padding-right: 20px;
          margin: 20px 0; } }
      .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6 {
        flex: 0 0 100%;
        max-width: 100%; }
      .page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb {
        margin-top: 5px;
        justify-content: flex-start; }
  .page-wrapper.modern-type .progress-chart-wrap {
    margin-left: -22px; }
    [dir="rtl"] .page-wrapper.modern-type .progress-chart-wrap {
      margin-left: unset;
      margin-right: -22px; }
  .page-wrapper.modern-type .ecommerce-widget {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .file-sidebar .pricing-plan {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .alert-primary {
    color: #006666; }
  .page-wrapper.modern-type .project-box {
    background-color: #00d6d6; }
  .page-wrapper.modern-type .nav-tabs .nav-link.active {
    background-color: transparent; }
  .page-wrapper.modern-type .simplebar-mask {
    top: 10px; }
  .page-wrapper.modern-type .page-header {
    margin-left: 0px;
    width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header.close_icon {
      margin-left: 0px;
      width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1200px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 818px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 36%; } }
    @media (max-width: 1669px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 50%; } }
    @media (max-width: 1428px) and (min-width: 1200px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 40%; } }
    .page-wrapper.modern-type .page-header .header-wrapper .header-logo-wrapper {
      display: flex;
      align-items: center; }
    .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
      display: block;
      margin-right: 30px; }
    .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
      display: block;
      position: relative;
      top: unset;
      right: unset;
      margin-right: 15px; }
  .page-wrapper.modern-type .page-body-wrapper .page-title {
    background-color: transparent;
    padding-bottom: 0; }
  .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
    margin: 30px !important;
    top: 80px;
    bottom: 0;
    border-radius: 15px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 160px); }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      margin-left: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
      margin-left: 0px;
      margin-right: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
      display: none; }
  .page-wrapper.modern-type .page-body-wrapper .page-body {
    margin-left: 296px; }
    .page-wrapper.modern-type .page-body-wrapper .page-body .container-fluid {
      max-width: 1500px; }
  .page-wrapper.modern-type .page-body-wrapper .footer {
    margin-left: 360px;
    margin-right: 70px;
    border-radius: 10px; }
    @media (max-width: 991px) {
      .page-wrapper.modern-type .page-body-wrapper .footer {
        margin-right: 0;
        margin-left: 0; } }
  .page-wrapper.material-type {
    position: relative; }
    .page-wrapper.material-type::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 300px;
      background-image: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-type .card {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
    .page-wrapper.material-type .page-header {
      position: relative;
      max-width: 1560px;
      margin: 50px auto 0;
      border-radius: 15px 15px 0 0; }
      .page-wrapper.material-type .page-header .header-wrapper .left-header {
        width: 31%; }
        @media (max-width: 1600px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 33%; } }
        @media (max-width: 1366px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 38%; } }
        @media (max-width: 1199px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 30%; } }
      @media (max-width: 1600px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 40%; } }
      @media (max-width: 1199px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 45%; } }
    .page-wrapper.material-type .page-body-wrapper {
      background-blend-mode: overlay;
      background-color: rgba(255, 255, 255, 0.5); }
      .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        position: relative;
        max-width: 1560px;
        margin: 0 auto;
        top: unset;
        height: 56px; }
      .page-wrapper.material-type .page-body-wrapper .page-body {
        margin: 0 auto;
        max-width: 1560px;
        background-color: #F5F5F5;
        box-shadow: 0 0 20px 7px rgba(8, 21, 66, 0.05);
        border-radius: 0 0 15px 15px; }
    .page-wrapper.material-type .footer {
      margin-top: 40px; }
    .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .left-header {
      width: 38%; }
    @media (max-width: 991px) {
      .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.advance-layout {
    background-blend-mode: overlay;
    background-color: #F5F5F5; }
    .page-wrapper.advance-layout .card {
      border-radius: 5px;
      box-shadow: none;
      border: 1px solid #ecf3fa; }
    .page-wrapper.advance-layout .page-header {
      position: relative;
      background-color: #fff;
      margin: 0 auto; }
    .page-wrapper.advance-layout .page-body-wrapper {
      background: transparent; }
      .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
        position: relative !important;
        top: unset !important;
        height: unset;
        box-shadow: none;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef; }
        .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper > div {
          overflow-x: hidden; }
      .page-wrapper.advance-layout .page-body-wrapper .page-body {
        margin-top: 0 !important; }

@keyframes pagebody {
  from {
    opacity: 0;
    transform: scale3d(0.98, 0.98, 0.98) translate(-20px, -50px); }
  50% {
    opacity: 1; } }

.md-sidebar {
  position: relative; }
  .md-sidebar .md-sidebar-toggle {
    display: none;
    width: fit-content;
    text-transform: capitalize;
    margin-bottom: 20px; }

#sidebar-menu .sidebar-links .simplebar-mask {
  border-bottom-right-radius: 18px; }

@media screen and (max-width: 1480px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -18%;
    width: 91%; } }

@media screen and (max-width: 1460px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -54%;
    width: 75%; }
  .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-right: 8px; } }

@media screen and (max-width: 1366px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -49%;
    width: 70%; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) {
    padding: 8px; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) svg {
      height: 22px;
      width: 22px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.onhover-dropdown.notification-down:nth-child(5)::before {
    left: 47px;
    height: 42px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li .profile-media img {
    width: 32px;
    height: 32px; }
  .profile-dropdown.onhover-show-div {
    right: 0;
    left: unset !important; }
    .profile-dropdown.onhover-show-div:before, .profile-dropdown.onhover-show-div:after {
      right: 10px !important;
      left: unset !important; } }

@media screen and (max-width: 1199px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 6px; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown .notification-down::before {
      content: "";
      position: absolute;
      left: 33px;
      height: 30px; }
  .mobile-title.d-none {
    display: flex !important;
    justify-content: space-between;
    padding: 20px 30px 17px;
    border-bottom: 1px solid #ddd;
    margin: 0 -15px; }
    .mobile-title.d-none h5 {
      color: var(--theme-deafult); }
    .mobile-title.d-none svg {
      stroke: var(--theme-deafult) !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -35%;
    width: 56%; } }

@media screen and (min-width: 992px) {
  .page-header .header-wrapper .nav-right .notification-dropdown {
    top: 46px; }
  .responsive-btn {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-mask {
    top: 0; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
    width: 200px;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    transition: all 0.5s ease; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a .sub-arrow {
      position: absolute;
      right: 20px;
      top: 5px;
      color: #59667a;
      font-weight: 100;
      transition: all 0.5s ease;
      font-size: 15px;
      top: 5px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
      display: none;
      border-radius: 4px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover .nav-sub-childmenu {
      display: block;
      position: absolute;
      left: 200px;
      background-color: #fff;
      top: -10px;
      padding: 15px 0px 15px 0px;
      box-shadow: 0 0 1px 0 #898989; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover .sub-arrow {
      right: 16px;
      transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.hoverd .sidebar-submenu {
    opacity: 1;
    visibility: visible;
    margin-top: 8px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .mega-menu-container {
    opacity: 1;
    visibility: visible;
    margin-top: 20px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .mobile-back {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .page-wrapper.material-icon {
    position: relative; }
    .page-wrapper.material-icon::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 200px;
      background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-icon .toggle-sidebar {
      color: rgba(255, 255, 255, 0.8); }
      .page-wrapper.material-icon .toggle-sidebar:hover > svg {
        color: #fff !important;
        stroke: #fff !important; }
    .page-wrapper.material-icon .page-header {
      position: relative;
      background: transparent;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto;
      width: calc(100% - 0px);
      box-shadow: none; }
      .page-wrapper.material-icon .page-header .f-light {
        color: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
        stroke: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li {
        color: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .notification-box svg,
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .cart-box svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > a > svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > svg {
          stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
        color: rgba(255, 255, 255, 0.7); }
      .page-wrapper.material-icon .page-header.close_icon {
        padding-left: 0;
        margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-body {
      margin-top: 0 !important;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto; }
    .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      padding-left: 15px;
      margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-title {
      color: #fff;
      background-color: transparent;
      border-bottom: none;
      box-shadow: none; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
        color: rgba(255, 255, 255, 0.6); }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        color: rgba(255, 255, 255, 0.8); } }

@media only screen and (min-width: 992px) {
  .page-wrapper.material-icon::before {
    height: 240px; } }

@media screen and (max-width: 767px) {
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(2) {
    background-color: #fff;
    padding: 8px;
    border-radius: 40px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav {
    background-color: unset; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav ul li {
      border-radius: 0px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:last-child {
    padding: 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
    height: 27px;
    width: 27px;
    cursor: pointer; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-dropdown .cart-dropdown ul li:nth-child(2) {
    border-radius: 0px !important;
    padding: 16px 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .tab-content .notification-card ul li {
    padding: 15px 0px !important;
    border-radius: 0px !important; }
  .sidebar-wrapper .menu .brand-logo img {
    width: 120px; } }

@media screen and (max-width: 576px) {
  .toggle-nav i {
    font-size: 20px; } }

/**=====================
  5.7 Sidebar CSS Ends
==========================**/
.left-header .d-flex {
  align-items: center; }

.left-header .welcome-content span {
  color: var(--chart-text-color); }

.left-header h6 {
  line-height: 1.6; }
  @media (max-width: 1199px) {
    .left-header h6 {
      width: 160px;
      overflow: hidden;
      -webkit-line-clamp: 1;
      text-overflow: ellipsis;
      white-space: nowrap; } }
  @media (max-width: 991px) {
    .left-header h6 {
      width: 120px; } }
  @media (max-width: 767px) {
    .left-header h6 {
      width: 66px; } }
@media (max-width: 892px) {
  .left-header {
    display: none; } }

.left-header img {
  margin-top: -12px;
  height: 26px; }

.left-header i {
  font-weight: 600;
  font-size: 12px;
  margin-bottom: -4px; }

.nav-right .nav-menus li .input-icon svg {
  position: absolute;
  top: 11px;
  left: 15px; }
  [dir="rtl"] .nav-right .nav-menus li .input-icon svg {
    right: 15px;
    left: unset; }

.nav-right .nav-menus li .input-icon::before {
  content: "";
  top: 8px;
  left: 44px;
  height: 25px;
  width: 1px;
  background-color: #E6E9EB;
  position: absolute; }
  [dir="rtl"] .nav-right .nav-menus li .input-icon::before {
    right: 44px;
    left: unset; }

.nav-right .nav-menus li .input-icon input {
  background-color: #fff; }

.nav-right .nav-menus li .input-show {
  position: relative; }
  .nav-right .nav-menus li .input-show input {
    position: absolute;
    z-index: 11;
    top: 25px;
    left: 0px;
    background-color: #fff;
    padding: 12px; }
  .nav-right .nav-menus li .input-show #searchInput.show input {
    display: block; }
  .nav-right .nav-menus li .input-show #searchInput input {
    display: none; }

/*======= Page Header css ends  ======= */
/**======Main Header css Start ======**/
.offcanvas .page-wrapper .page-body-wrapper .page-body,
.offcanvas-bookmark .page-wrapper .page-body-wrapper .page-body {
  position: relative;
  filter: blur(5px) grayscale(100%); }

.offcanvas {
  position: unset;
  visibility: visible;
  background: unset;
  z-index: 2; }

.toggle-sidebar {
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer; }
  .toggle-sidebar svg {
    width: 20px;
    height: 20px;
    stroke: var(--white); }
  .toggle-sidebar:before {
    content: "";
    position: absolute;
    height: 40px;
    width: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 100%;
    left: -10px;
    z-index: -2;
    top: -9px;
    transform: scale(0);
    transition: all 0.3s ease; }
  .toggle-sidebar:hover:before {
    height: 40px;
    width: 40px;
    transform: scale(1);
    transition: all 0.3s ease; }
  .toggle-sidebar:hover > svg {
    color: var(--white) !important;
    stroke: var(--white) !important; }

.onhover-dropdown {
  cursor: pointer;
  position: relative; }
  .onhover-dropdown.notification-down::before {
    content: "";
    top: 0px;
    left: 55px;
    height: 46px;
    width: 1px;
    background-color: #E6E9EB;
    position: absolute; }

.page-wrapper .page-body-wrapper {
  background-color: #F5F5F5; }

.page-wrapper .page-header.close_icon .header-wrapper .header-logo-wrapper .toggle-sidebar svg {
  stroke: #898989 !important; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message a {
  color: #051A1A; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .notification-card a {
  color: #051A1A; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .notification-card a:hover {
    color: #006666; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul {
  gap: 8px;
  justify-content: center;
  padding: 0px !important;
  align-items: center; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification-box a {
      color: #051A1A; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.total h6 {
      text-align: -webkit-auto; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification {
      border-bottom: 1px solid #E6E9EB;
      padding-bottom: 15px;
      padding-top: 15px; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data .product-icon {
        height: 40px;
        width: 40px;
        border-radius: 6px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data .product-icon svg {
          width: 25px;
          height: 25px;
          stroke: none !important; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data span {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;
        text-align: -webkit-auto; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification:last-child {
        border: none; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li {
  padding: 19px 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts {
    display: flex;
    align-items: center; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-image {
      height: 34px;
      width: 34px; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-name {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-name h6 {
        text-align: start; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li:hover a {
    color: #006666; }

.onhover-show-div {
  top: 80px;
  position: absolute;
  z-index: 8;
  background-color: #fff;
  transition: all linear 0.3s; }
  .onhover-show-div li a svg {
    margin-top: 0 !important; }
    .onhover-show-div li a svg path,
    .onhover-show-div li a svg line {
      color: #051A1A !important; }

/**======Main Header css Ends ======**/
/*=======Mega menu css start=======*/
.mega-menu .default-according .card .btn-link {
  font-weight: 500;
  color: gray; }

.mega-menu .default-according .card .card-body {
  font-size: 12px; }

.mega-menu .onhover-show-div {
  width: 1500px; }

.mega-menu .card-body {
  padding: 20px; }

.mega-menu div > div a {
  margin-bottom: 0px;
  display: inline-block;
  color: #FFFFFF; }

.mega-menu .list-unstyled div a {
  padding: 8px 35px 8px 0;
  transition: 0.5s; }
  .mega-menu .list-unstyled div a:hover {
    padding: 8px 35px 8px 10px;
    transition: 0.5s; }

/*=======Mega menu css end=======*/
/**=====================
    5.3 Header CSS Ends
==========================**/
/**=====================
    5.4 Navs CSS Start
==========================**/
#accordionoc #collapseicon,
#accordionoc #collapseicon1 {
  padding-top: 0px; }

#accordionoc li button {
  display: flex;
  align-items: center; }

.navs-icon.default-according.style-1 li button {
  position: relative; }
  .navs-icon.default-according.style-1 li button:hover {
    color: var(--theme-deafult) !important; }

.navs-icon.default-according.style-1 li button[aria-expanded="true"]:before {
  right: 2px;
  top: 6px; }

.navs-icon.default-according.style-1 li button[aria-expanded="false"]:before {
  right: 2px;
  top: 6px; }

.navs-icon {
  padding: 30px; }
  .navs-icon li {
    padding: 9px 0; }
    .navs-icon li a {
      color: #051A1A; }
      .navs-icon li a:hover {
        color: var(--theme-deafult); }
    .navs-icon li ul {
      padding-top: 9px; }

.onhover-dropdown.navs-dropdown:hover .onhover-show-div:before, .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after {
  right: 77px;
  left: unset; }

.icon-lists {
  font-family: inherit; }

/**=====================
    5.4 Navs CSS Ends
==========================**/
/**=====================
   5.5 Search CSS Start
==========================**/
.search-page .theme-form input {
  border: 1px solid var(--theme-deafult);
  padding-left: 20px;
  border-radius: 10px 0 0 10px;
  flex: 1 1 auto; }
  .search-page .theme-form input::placeholder {
    color: #006666; }
  .search-page .theme-form input:focus {
    outline: none; }

.search-page .theme-form .input-group .btn {
  line-height: 32px;
  font-size: 16px; }

.search-page .theme-form .input-group .form-control-plaintext {
  background: transparent; }

.search-page h6 {
  line-height: 1.4; }

.search-page .nav-link {
  font-weight: 500;
  text-transform: uppercase; }

.search-page .border-tab.nav-tabs .material-border {
  border-bottom-width: 1px; }

.search-page .border-tab.nav-tabs .nav-item .nav-link {
  font-size: 15px;
  padding: 10px 18px; }

.search-page .media .media-body {
  overflow: hidden; }

.search-page .info-block {
  padding: 30px;
  border-radius: 15px;
  border: 1px solid #E6E9EB; }
  .search-page .info-block a {
    color: #656565;
    margin-bottom: 3px;
    display: block; }
  .search-page .info-block h6 {
    color: #006666; }
  .search-page .info-block + .info-block {
    margin-top: 20px; }

.search-page .border-tab.nav-tabs {
  align-items: left;
  justify-content: end; }
  .search-page .border-tab.nav-tabs .nav-item {
    width: auto; }

.search-page .search-links h6 {
  margin-bottom: 10px; }

.search-page p {
  text-transform: lowercase;
  margin-bottom: 0;
  color: #a5a2a2; }

.search-page ul.search-info li {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  color: #586082; }
  .search-page ul.search-info li + li {
    border-left: 1px solid #a8b0c2;
    padding-left: 8px;
    margin-left: 8px; }
  .search-page ul.search-info li i {
    color: #FFAE1A; }
    .search-page ul.search-info li i:not(:last-child) {
      margin-right: 4px; }

.search-page #video-links .embed-responsive + .embed-responsive {
  margin-top: 30px; }

.search-list {
  margin-bottom: 30px;
  width: auto;
  display: inline-flex;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #006666;
  border: none; }
  .search-list .nav-item {
    background-color: rgba(0, 102, 102, 0.1); }
    .search-list .nav-item .nav-link {
      border: none;
      padding: 0.7rem 1.5rem;
      opacity: 0.5; }
      .search-list .nav-item .nav-link.active {
        background-color: rgba(0, 102, 102, 0.1);
        color: var(--theme-deafult);
        opacity: 1; }
    .search-list .nav-item.show, .search-list .nav-item.active {
      background-color: rgba(0, 102, 102, 0.1); }

/**=====================
  5.5 Search CSS Ends
==========================**/
/**=====================
    5.6 Select2 CSS Start
==========================**/
/**=====================
    2.35 Typeahead-search CSS Start
==========================**/
.Typeahead {
  width: 100%; }
  .Typeahead * {
    box-sizing: border-box; }
    .Typeahead *:before {
      box-sizing: border-box; }
    .Typeahead *:after {
      box-sizing: border-box; }
  .Typeahead .tt-hint {
    display: none !important; }

.u-cf:before {
  content: " ";
  display: table; }

.u-cf:after {
  content: " ";
  display: table;
  clear: both; }

.u-hidden {
  display: none !important; }

.u-posRelative {
  position: relative; }

.Typeahead-spinner {
  position: absolute;
  top: 14px;
  right: 18px;
  display: none;
  color: #c5c5c5; }

.ProfileCard-avatar svg {
  height: 18px;
  vertical-align: bottom; }
  .ProfileCard-avatar svg path {
    color: #7e7c7c !important; }
  .ProfileCard-avatar svg polygon {
    color: #7e7c7c !important; }

.Typeahead-hint {
  width: 100%;
  padding: 5px 8px;
  font-size: 24px;
  line-height: 30px;
  border: 1px solid #024e6a;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  color: #ccd6dd;
  opacity: 1; }

.Typeahead-menu {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 15px;
  z-index: 100;
  display: none;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.Typeahead-menu.is-open {
  display: block; }

.Typeahead-selectable {
  cursor: pointer; }
  .Typeahead-selectable + .Typeahead-selectable {
    border-top: 1px solid #ccd6dd; }

.ProfileCard {
  position: relative;
  padding: 10px;
  border: 1px solid #E6E9EB !important;
  margin-bottom: 10px;
  border-radius: 10px; }
  .ProfileCard:hover {
    color: #414345;
    background: #f8f8f8; }
    .ProfileCard:hover .ProfileCard-avatar {
      border-color: #f5f8fa; }
    .ProfileCard:hover .ProfileCard-screenName {
      color: #fff; }
    .ProfileCard:hover .ProfileCard-stat-label {
      color: #fff; }

.ProfileCard-avatar {
  position: absolute;
  border-radius: 5px; }

.ProfileCard-details {
  padding-left: 35px;
  float: left; }

.ProfileCard-realName {
  display: inline-block;
  color: #898989; }

.ProfileCard-screenName {
  display: inline-block;
  color: #898989; }

.ProfileCard-description {
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px; }

.ProfileCard-stats {
  float: right;
  text-align: right; }

.ProfileCard-stat {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase; }
  .ProfileCard-stat + .ProfileCard-stat {
    margin-left: 5px; }

.ProfileCard-stat-label {
  color: #898989;
  font-weight: 500; }

.ProfileCard.is-active {
  color: #fff;
  background: var(--theme-deafult); }
  .ProfileCard.is-active .ProfileCard-screenName {
    color: #fff; }
  .ProfileCard.is-active .ProfileCard-stat-label {
    color: #fff; }

.EmptyMessage {
  position: relative;
  padding: 10px;
  font-size: 14px;
  line-height: 30px;
  text-align: center; }

.Typeahead-spinner {
  width: 1rem;
  height: 1rem; }

.sey-container {
  display: none;
  position: absolute;
  box-shadow: 1px 2px 6px;
  background-color: #fff;
  color: #333;
  transition: left 0.1s ease-in-out;
  z-index: 1; }

.sey-list {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.sey-show {
  display: block; }

.sey-hide {
  display: none; }

.sey-empty {
  cursor: default;
  padding: 7px; }

.sey-item {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 7px; }
  .sey-item:hover {
    background-color: #444;
    color: #fff; }

.sey-selected {
  background-color: #333;
  color: #fff; }

.sey-char-highlight {
  font-weight: bold; }

.sey-category-id {
  background-color: #eee;
  color: #aaa;
  text-align: right;
  text-transform: capitalize;
  font-style: italic;
  font-size: 12px;
  box-shadow: 1px 0px 1px;
  padding: 7px; }

/**=====================
  2.35 Typeahead-search CSS Ends
==========================**/
.dropzone {
  background: unset; }
  .dropzone.dropzone-secondary {
    border: 2px dashed #FE6A49; }
    .dropzone.dropzone-secondary i {
      color: #FE6A49; }
  @media (max-width: 360px) {
    .dropzone .note {
      min-width: unset !important; } }
  .dropzone .dz-preview {
    margin: 28px 18px !important;
    box-shadow: unset; }
    .dropzone .dz-preview .dz-details {
      top: unset;
      bottom: -6px;
      position: relative;
      padding-bottom: 6px;
      background-color: unset; }
      [dir="rtl"] .dropzone .dz-preview .dz-details {
        left: unset;
        right: 32px; }
    .dropzone .dz-preview:hover .dz-error-message {
      display: none !important; }
  .dropzone .dz-error-mark .dz-remove {
    position: relative; }

.dz-preview .dz-remove {
  cursor: pointer; }

.dropzone-secondary .dz-preview .dz-remove {
  color: #FE6A49; }

.select2 {
  max-width: 100%; }

.add-post #cke_text-box {
  border: 1px solid #efefef; }

.add-post form .m-checkbox-inline label {
  margin-bottom: 0; }

.add-post form .form-control {
  border: 1px solid #efefef; }

.add-post form .col-form-label {
  padding-bottom: 0;
  padding-top: 0;
  font-weight: 500; }
  .add-post form .col-form-label .select2-container--default {
    margin-top: 10px;
    max-width: 100%; }
    .add-post form .col-form-label .select2-container--default .selection .select2-selection .select2-search__field {
      padding: 2px; }
    .add-post form .col-form-label .select2-container--default .select2-selection--multiple {
      border: 1px solid #efefef;
      max-width: 100%; }
      .add-post form .col-form-label .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
        margin-top: 6px !important; }

.add-post .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--theme-deafult);
  border: 1px solid var(--theme-deafult);
  color: var(--white); }
  .add-post .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    color: var(--white);
    float: right;
    margin-left: 0.5rem; }
    [dir="rtl"] .add-post .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
      float: left;
      margin-left: unset;
      margin-right: 0.5rem; }

.add-post .dropzone {
  margin-bottom: 30px; }

.select2-container--open .select2-dropdown {
  z-index: 7; }

.select2-container {
  width: 100% !important; }
  .select2-container.select2 .selection {
    display: block !important; }

.select2-drpdwn .select2-selection {
  border-radius: 0 !important;
  border-color: #E6E9EB !important;
  height: 40px !important;
  padding: 5px; }

.select2-drpdwn .form-control {
  border-radius: 5px; }

.select2-drpdwn .form-control-primary {
  border-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.select2-drpdwn .form-control-secondary {
  border-color: var(--theme-secondary);
  color: var(--theme-secondary); }

.select2-drpdwn .form-control-success {
  border-color: #00AC46;
  color: #00AC46; }

.select2-drpdwn .form-control-info {
  border-color: #173878;
  color: #173878; }

.select2-drpdwn .form-control-warning {
  border-color: #FFAE1A;
  color: #FFAE1A; }

.select2-drpdwn .form-control-danger {
  border-color: #FE6A49;
  color: #FE6A49; }

.select2-drpdwn .form-control-inverse {
  border-color: #2c323f;
  color: #2c323f; }

.select2-drpdwn .form-control-primary-fill {
  background-color: var(--theme-deafult);
  color: #fff; }

.select2-drpdwn .form-control-secondary-fill {
  background-color: var(--theme-secondary);
  color: #fff; }

.select2-drpdwn .form-control-success-fill {
  background-color: #00AC46;
  color: #fff; }

.select2-drpdwn .form-control-info-fill {
  background-color: #173878;
  color: #fff; }

.select2-drpdwn .form-control-warning-fill {
  background-color: #FFAE1A;
  color: #fff; }

.select2-drpdwn .form-control-danger-fill {
  background-color: #FE6A49;
  color: #fff; }

.select2-drpdwn .form-control-inverse-fill {
  background-color: #2c323f;
  color: #fff; }

.filepond--drop-label .filepond--label-action {
  color: #FE6A49;
  text-decoration: none; }

.filepond--list .filepond--file {
  background-color: #006666; }

/* Do not show the "remove tag" (x) button when only a single tag remains */
.customLook {
  display: inline-block;
  min-width: 0;
  border: none; }
  .customLook .tagify__tag {
    margin-top: 0; }
    .customLook .tagify__tag:only-of-type .tagify__tag__removeBtn {
      display: none; }
    .customLook .tagify__tag:hover .tagify__tag__removeBtn {
      transform: none;
      opacity: 1;
      margin-left: -1ch; }
  .customLook .tagify__tag__removeBtn {
    opacity: 0;
    transform: translateX(-6px) scale(0.5);
    margin-left: -3ch;
    transition: .12s; }
  .customLook + button {
    color: var(--theme-deafult);
    font: bold 1.4em/1.65 Arial;
    border: 0;
    background: none;
    box-shadow: 0 0 0 2px inset var(--theme-deafult);
    border-radius: 50%;
    width: 1.65em;
    height: 1.65em;
    cursor: pointer;
    outline: none;
    transition: .1s ease-out;
    margin: 0 0 0 5px;
    vertical-align: top; }
    .customLook + button:hover {
      box-shadow: 0 0 0 5px inset var(--theme-deafult); }
  .customLook .tagify__input {
    display: none; }

.tagify--empty .tagify__input::before {
  color: var(--chart-text-color); }

.customSuggestionsList > div {
  max-height: 300px;
  min-height: 50px;
  border: 2px solid var(--chart-dashed-border);
  overflow: auto; }

.customSuggestionsList .empty {
  color: var(--theme-deafult);
  font-size: 20px;
  text-align: center;
  padding: 1em; }

.tagify__dropdown.extra-properties .tagify__dropdown__item > img {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  transform: scale(0.75);
  margin-right: 5px;
  border-radius: 2px;
  transition: .12s ease-out; }

.tagify__dropdown.extra-properties .tagify__dropdown__item:hover > img {
  transform: none;
  margin-right: 12px; }

.tagify__dropdown.extra-properties .tagify__dropdown__item--active > img {
  transform: none;
  margin-right: 12px; }

.tagify.countries .tagify__input {
  min-width: 175px; }

.tagify.countries tag {
  white-space: nowrap; }
  .tagify.countries tag img {
    display: inline-block;
    height: 16px;
    margin-right: 3px;
    border-radius: 2px;
    pointer-events: none; }

.tagify--select {
  width: 100%; }

.tagify__dropdown__wrapper {
  background: var(--white);
  border-color: var(--recent-dashed-border); }

.tagify__dropdown__item--active {
  background-color: #E6E9EB;
  color: var(--body-font-color); }

.tagify {
  --tags-focus-border-color: #cccccc; }

.tagify__input {
  color: #2c323f; }

.tagify--select::after {
  color: var(--chart-text-color); }
  [dir="rtl"] .tagify--select::after {
    right: unset;
    left: 0;
    transform: translate(150%, -50%) scaleX(1.2) rotate(90deg); }

[dir="rtl"] .tagify--select .tagify__tag {
  right: unset;
  left: 1.8em; }

[dir="rtl"] .tagify--select[aria-expanded=true]::after {
  transform: translate(150%, -50%) rotate(270deg) scale(1.2); }

.international-num input {
  width: calc(240px + (250 - 240) * ((100vw - 320px) / (1920 - 320)));
  padding: 10px;
  border-radius: 2px;
  border: 1px solid #E6E9EB; }
  .international-num input:focus {
    outline-color: #E6E9EB; }

.international-num input::placeholder {
  color: #E6E9EB; }

.international-num .results ul {
  border: 1px solid #E6E9EB;
  margin-top: 12px;
  padding: 8px;
  line-height: 1.9; }

.iti--allow-dropdown .iti__flag {
  background-image: url(/../images/forms/flags.png); }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 10px;
  right: 10px; }

.select-box {
  position: relative;
  display: flex;
  width: 400px;
  flex-direction: column; }
  .select-box .options-container {
    background: var(--recent-box-bg);
    color: var(--body-font-color);
    max-height: 0;
    width: 100%;
    opacity: 0;
    transition: all 0.4s;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    order: 1; }
    .select-box .options-container::-webkit-scrollbar {
      width: 8px;
      background: var(--view-grid-bg);
      border-radius: 0 8px 8px 0; }
    .select-box .options-container::-webkit-scrollbar-thumb {
      background: var(--view-grid-bg);
      border-radius: 0 8px 8px 0; }
  .select-box .options-container.active {
    max-height: 240px;
    opacity: 1;
    overflow-y: scroll;
    margin-top: 53px; }
    @media (min-width: 1007px) and (max-width: 1920px) {
      .select-box .options-container.active {
        max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } }
    @media (min-width: 768px) and (max-width: 1006px) {
      .select-box .options-container.active {
        max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } }
    @media (max-width: 767px) {
      .select-box .options-container.active {
        max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
        margin-top: 46px; } }
    .select-box .options-container.active + .selected-box::after {
      transform: rotateX(180deg);
      top: -6px; }
    .select-box .options-container.active ~ .search-box input {
      opacity: 1;
      pointer-events: auto; }
  .select-box .selection-option {
    padding: 12px 24px;
    cursor: pointer; }
    .select-box .selection-option:hover {
      background: #E6E9EB; }
    .select-box .selection-option .radio {
      display: none; }
  .select-box label {
    cursor: pointer; }

.selected-box {
  background: var(--light2);
  color: #333;
  position: relative;
  order: 0;
  padding: 12px 24px;
  cursor: pointer; }
  @media (min-width: 1007px) and (max-width: 1920px) {
    .selected-box {
      max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } }
  @media (min-width: 768px) and (max-width: 1006px) {
    .selected-box {
      max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } }
  @media (max-width: 767px) {
    .selected-box {
      max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320))); } }
  .selected-box::after {
    content: "\f078";
    font-family: "FontAwesome";
    position: absolute;
    height: 100%;
    width: 32px;
    right: 10px;
    top: 12px;
    transition: all 0.4s; }
    [dir="rtl"] .selected-box::after {
      left: 10px;
      right: unset; }

.search-box input {
  width: 100%;
  padding: 12px 16px;
  font-size: 16px;
  position: absolute;
  z-index: 1;
  border: 2px solid var(--chart-dashed-border);
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s;
  border-radius: 6px; }
  @media (min-width: 1007px) and (max-width: 1920px) {
    .search-box input {
      max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } }
  @media (min-width: 768px) and (max-width: 1006px) {
    .search-box input {
      max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } }
  @media (max-width: 767px) {
    .search-box input {
      max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
      padding: 9px 16px; } }
  .search-box input:focus {
    outline: none; }

/**=====================
    5.6 Select2 CSS Ends
==========================**/
/**=====================
  5.7 Sidebar CSS Start
==========================**/
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
  position: absolute;
  content: "";
  top: 12%;
  width: 13px;
  height: 15px;
  border-bottom-left-radius: 8px;
  border-left: 2px solid rgba(255, 255, 255, 0.4);
  border-bottom: 2px solid rgba(255, 255, 255, 0.4); }

.media.media-wrapper {
  width: 100%;
  display: -webkit-flex; }

.media .media-body {
  flex: unset; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  left: 32px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5); }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li [dir="rtl"] a::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title [dir="rtl"] h5::before {
    left: unset;
    right: 25px; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before {
  position: absolute;
  content: '';
  width: 2px;
  height: 0;
  background: rgba(255, 255, 255, 0.4);
  top: -10px;
  left: 20px;
  transition: height 0.5s; }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .mega-menu-container::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .sidebar-submenu::before {
    left: unset;
    right: 20px; }

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 49%;
  width: 5px;
  height: 1px;
  border-radius: 100%;
  background-color: #59667a; }

.onhover-show-div {
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  left: 0; }

.onhover-dropdown:hover .onhover-show-div {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
  border-radius: 5px;
  overflow: hidden; }
  .onhover-dropdown:hover .onhover-show-div:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 2; }
  .onhover-dropdown:hover .onhover-show-div:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d7e2e9;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 1; }

.page-wrapper {
  position: relative; }
  .page-wrapper .page-header {
    max-width: 100vw;
    position: fixed;
    top: 0;
    z-index: 8;
    transition: 0.5s; }
    .page-wrapper .page-header .header-wrapper {
      width: 100%;
      align-items: center;
      padding: 13px 30px;
      position: relative;
      background-color: #F5F5F5; }
      @media (max-width: 1399px) {
        .page-wrapper .page-header .header-wrapper {
          padding: 14px 20px; } }
      .page-wrapper .page-header .header-wrapper .search-full {
        background-color: #fff;
        position: absolute;
        right: 0;
        z-index: 1;
        height: 0;
        width: 0;
        transform: scale(0);
        transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full.open {
          height: 100%;
          width: 100%;
          animation: zoomIn 0.5s ease-in-out;
          transform: scale(1);
          transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full input {
          line-height: 65px;
          padding-left: 60px;
          width: 100% !important; }
          .page-wrapper .page-header .header-wrapper .search-full input:focus {
            outline: none !important; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
          position: absolute;
          font-size: 15px;
          right: 30px;
          top: 30px;
          color: #898989;
          cursor: pointer; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
            left: 30px;
            right: unset; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
          position: absolute;
          left: 30px;
          top: 27px;
          content: "\f002";
          font-size: 16px;
          color: #898989;
          font-family: FontAwesome; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
            left: unset;
            right: 30px; }
      .page-wrapper .page-header .header-wrapper .nav-right {
        justify-content: flex-end; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li svg {
          vertical-align: middle;
          stroke: var(--body-font-color);
          height: 24px;
          width: 24px; }
          .page-wrapper .page-header .header-wrapper .nav-right ul li svg path {
            color: #242934; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
          height: 24px;
          width: 24px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li .search-form svg {
          width: 20px;
          height: 20px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode {
          cursor: pointer;
          text-align: center; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i {
            font-size: 18px;
            font-weight: 600;
            transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i.fa-lightbulb-o {
              font-weight: 500;
              font-size: 22px;
              transition: all 0.3s ease;
              animation: zoomIn 300ms ease-in-out; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .header-search {
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
          margin-left: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body span {
            font-weight: 500;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box !important;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            white-space: normal; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
            font-size: 12px;
            line-height: 1;
            color: rgba(5, 26, 26, 0.7); }
        .page-wrapper .page-header .header-wrapper .nav-right > ul {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          gap: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
            padding: 6px 10px;
            display: inline-block;
            position: relative; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li:nth-child(n+3):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right > ul > li.profile-nav:nth-child(n+3)) {
              background-color: #fff;
              padding: 12px;
              border-radius: 40px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .badge {
              position: absolute;
              right: 0px;
              top: -3px;
              padding: 2px 4px;
              font-size: 11px;
              font-weight: 700;
              font-family: work-Sans, sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .mode svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .input-show svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul {
              left: inherit;
              right: -10px;
              width: 130px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:before, .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:after {
                left: inherit;
                right: 10px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li {
                display: block; }
                .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a {
                  font-size: 14px;
                  color: #2c323f; }
                  .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a i {
                    margin-left: 10px;
                    font-size: 13px;
                    color: #2c323f; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul .flag-icon {
            font-size: 16px; }
        .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip {
          width: unset !important;
          box-shadow: unset !important;
          background-color: transparent !important;
          overflow: initial; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::after, .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::before {
            display: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content {
            text-align: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
              width: 52px;
              height: 52px;
              background-color: #f9f9f9;
              border-radius: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              margin: 0 auto; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content span {
              font-family: "Montserrat", sans-serif;
              font-size: 12px;
              font-weight: 500;
              letter-spacing: 0.5px; }
        .page-wrapper .page-header .header-wrapper .nav-right .flip-card {
          width: 300px;
          height: 260px;
          background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner {
            position: relative;
            height: 100%;
            text-align: center;
            transition: transform 0.6s;
            transform-style: preserve-3d; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front,
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              position: absolute;
              backface-visibility: hidden;
              border-radius: 10px;
              overflow: hidden;
              box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
              width: 300px;
              height: 260px; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button,
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                background-color: transparent;
                color: #006666;
                border: none; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button:focus,
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button:focus {
                  outline: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
              background-color: #fff;
              transition: .3s; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
                stroke: var(--body-font-color);
                transition: all 0.3s ease; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg:hover {
                  stroke: var(--body-font-color);
                  transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              background-color: #fff;
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:first-child {
                margin-top: 20px;
                height: 140px !important; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                width: 100%; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
                border-radius: 25px;
                padding: 6px 12px;
                width: 100%;
                border: 1px solid #ddd; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input:focus {
                  outline: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped {
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped .front {
                opacity: 0; }
        .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
          width: 330px;
          top: 50px;
          right: 0;
          left: unset; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .dropdown-title {
            padding: 20px;
            text-align: center;
            border-bottom: 1px solid rgba(145, 142, 153, 0.3); }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div ul {
            padding: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li {
            padding: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li p {
              font-size: 14px;
              letter-spacing: 0.3px;
              margin-bottom: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li a {
              letter-spacing: 0.3px;
              font-family: "Montserrat", sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li + li {
              margin-top: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li:last-child {
              padding-bottom: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media {
              position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media img {
                width: 40px;
                position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .status-circle {
                left: 0; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body > span {
                letter-spacing: 0.8px;
                padding-right: 10px;
                display: inline-block; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body p {
                margin-bottom: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:before, .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:after {
            right: 10px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown.notification-all ul li {
          border-radius: 0px;
          border-bottom: 1px solid rgba(145, 142, 153, 0.1); }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown ul {
          padding: 0 0 15px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li {
          padding: 10px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media {
            align-items: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
              margin-right: 20px; }
              [dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
                margin-right: unset;
                margin-left: 20px; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li + li {
            margin-top: 0;
            border-top: 1px solid rgba(145, 142, 153, 0.1); }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li:last-child {
            padding: 20px 15px;
            border-top: none; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown p {
          line-height: 1.3;
          margin-top: 3px;
          opacity: 0.6; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
          position: absolute;
          right: 0;
          top: 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle a {
            width: 18px;
            height: 18px;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle svg {
            width: 14px;
            stroke: #fff; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box {
          margin: 5px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group {
            width: 80px;
            background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input {
              background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input,
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              font-size: 10px;
              font-family: "Montserrat", sans-serif;
              font-weight: 700; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              padding: 0px 7px;
              background-color: #F7F6FF !important;
              border-color: #F7F6FF !important;
              border-radius: 100%;
              font-size: 14px;
              color: #051A1A; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
          margin: 0;
          padding: 15px;
          background-color: #f9f9f9;
          border: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 {
            font-family: "Montserrat", sans-serif;
            font-weight: 500;
            font-size: 12px;
            line-height: 14px;
            letter-spacing: 0.5px; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 span {
              font-size: 14px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .view-checkout {
          text-decoration: unset; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box svg {
          animation: swing 1.5s ease infinite; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
          left: unset; }
          @media (max-width: 575.98px) {
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
              width: calc(100vw - 30px); } }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li:last-child {
            text-align: center;
            background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p span {
              font-size: 11px;
              vertical-align: middle; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:after {
            right: 28px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
          width: 160px;
          top: 57px;
          left: -12px;
          padding: 0 10px; }
          .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li {
            padding: 10px !important;
            border-bottom: 1px solid #E6E9EB; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              border: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
              text-decoration: unset; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a span {
              color: var(--theme-deafult);
              transition: color 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg {
              stroke: var(--theme-deafult);
              transition: stroke 0.3s ease; }
              .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg path {
                stroke: var(--theme-deafult);
                transition: stroke 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li + li {
              margin-top: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              padding-top: 10px !important; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
              color: #2c323f; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li svg {
              width: 16px;
              vertical-align: bottom;
              margin-right: 10px;
              stroke: #2c323f; }
  .page-wrapper .page-body-wrapper {
    background-color: #F5F5F5; }
    .page-wrapper .page-body-wrapper .page-body {
      min-height: calc(100vh - 136px);
      margin-top: 136px;
      padding: 25px 15px;
      position: relative;
      transition: 0.5s; }
      .page-wrapper .page-body-wrapper .page-body:before {
        animation: fadeIn 0.5s ease-in-out; }
    .page-wrapper .page-body-wrapper .page-title {
      padding: 20px 30px;
      margin: 0px -27px 0px; }
      .page-wrapper .page-body-wrapper .page-title > .row {
        margin: 0; }
        .page-wrapper .page-body-wrapper .page-title > .row .col-6 {
          padding: 0; }
      .page-wrapper .page-body-wrapper .page-title .row {
        align-items: center; }
        .page-wrapper .page-body-wrapper .page-title .row h3 {
          font-size: 24px;
          margin-bottom: 0;
          text-transform: capitalize; }
          .page-wrapper .page-body-wrapper .page-title .row h3 small {
            display: block;
            font-size: 12px;
            margin-bottom: 5px;
            text-transform: capitalize;
            color: #FFFFFF; }
      .page-wrapper .page-body-wrapper .page-title .breadcrumb {
        background-color: transparent;
        padding: 0;
        margin-bottom: 0;
        align-items: center;
        justify-content: flex-end; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
          font-size: 13px;
          letter-spacing: 1px;
          font-family: "Montserrat", sans-serif; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
          content: "/"; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
          width: 16px;
          height: 16px;
          stroke: #2c323f;
          vertical-align: text-top; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
          color: var(--theme-deafult);
          font-weight: 500; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
      stroke: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
      fill: #051A1A;
      stroke: none !important; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg {
      transition: all 0.3s ease; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
        stroke: #fff; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
        fill: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content li a {
      text-transform: capitalize; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .stroke-icon {
    display: inline-block; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .fill-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .stroke-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .fill-icon {
    display: inline-block; }
  .page-wrapper.horizontal-wrapper [data-simplebar] {
    position: relative; }
  .page-wrapper.horizontal-wrapper .footer {
    margin-left: 0; }
  .page-wrapper.horizontal-wrapper .header-logo-wrapper {
    width: 150px; }
    .page-wrapper.horizontal-wrapper .header-logo-wrapper .toggle-sidebar {
      display: none; }
  .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 19px;
    right: 0px;
    color: #fff; }
    [dir="rtl"] .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
      left: 0;
      right: unset; }
  .page-wrapper.horizontal-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: hidden;
    cursor: pointer; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    height: 54px;
    line-height: inherit;
    top: 79px;
    background: #fff;
    box-shadow: 0px 9px 24px rgba(89, 102, 122, 0.05);
    overflow-x: hidden;
    z-index: 1;
    overflow-y: visible;
    position: fixed;
    width: 100vw;
    border-top: 1px solid #efefef;
    z-index: 3; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .simplebar-content {
      display: flex; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper li {
      display: inline-block; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .badge {
      position: absolute;
      top: 2px;
      right: 0px;
      z-index: 1; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper,
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
      text-align: left;
      position: relative; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        position: absolute;
        top: 0px;
        padding: 15px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        cursor: pointer; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow.disabled,
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow.disabled {
          display: none; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow {
        left: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        right: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: normal;
        direction: ltr;
        text-align: left;
        display: -webkit-box !important;
        padding: 0 5px;
        transition: all .5s ease;
        white-space: nowrap; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a.active .according-menu i:before {
          content: '-'; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a .according-menu {
          display: none; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active {
          color: #fff; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active:after {
            background-color: rgba(255, 255, 255, 0.6); }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          position: relative;
          padding-top: 10px;
          padding-bottom: 10px; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a > span {
            color: var(--theme-deafult);
            transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a {
            background-color: #fff;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.stroke-icon {
              stroke: #fff;
              transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.fill-icon {
              fill: #fff;
              transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
            display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            display: block;
            color: #051A1A;
            line-height: 23px;
            text-decoration: none;
            text-transform: capitalize;
            padding: 5px 15px;
            margin: 0 3px;
            letter-spacing: 0.04em;
            position: relative;
            border-radius: 5px;
            font-weight: 500;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active {
              transition: all 0.3s ease; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active svg,
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active span {
                color: #fff;
                transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a .badge {
              position: absolute;
              top: -5px;
              margin-left: 1px;
              right: 10px;
              padding: 0.20em 0.7em; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg {
              width: 18px;
              height: 18px;
              vertical-align: middle;
              margin-right: 10px;
              stroke: #051A1A !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
            position: fixed;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 15px 0px 15px 0px;
            background: white; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li {
              border: 0;
              float: none;
              position: relative;
              display: block; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
                background: transparent;
                padding: 4px 30px;
                display: block;
                transition: all 0.5s ease;
                line-height: 1.9;
                color: rgba(43, 43, 43, 0.6);
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                transition: all 0.3s ease; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
                  left: 20px; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
                  color: #006666;
                  letter-spacing: 1.5px;
                  transition: all 0.3s ease; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover:after {
                    background-color: var(--theme-deafult); }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
            position: fixed;
            right: 0;
            left: 0;
            margin: 0 auto;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 30px;
            background: white;
            width: 95%;
            border-radius: 4px;
            display: block !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
              width: 20%; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                text-transform: uppercase;
                font-size: 14px;
                margin-left: -13px; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content {
                box-shadow: none;
                background-color: transparent;
                position: relative;
                display: block;
                padding: 0; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li {
                  border: 0;
                  float: none;
                  position: relative;
                  display: block; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
                    border: 0 !important;
                    background: transparent;
                    color: #051A1A;
                    border-radius: 0 !important;
                    text-transform: capitalize;
                    padding: 3px 0;
                    font-size: 13px;
                    display: block;
                    letter-spacing: 0.07em;
                    line-height: 1.9;
                    position: relative;
                    transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover {
                      color: var(--theme-deafult);
                      letter-spacing: 1.5px;
                      transition: all 0.3s ease; }
                      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover:after {
                        color: var(--theme-deafult);
                        transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:after {
                      position: absolute;
                      content: "";
                      left: -12px;
                      top: 50%;
                      width: 5px;
                      height: 1px;
                      background-color: #59667a; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a:after {
            left: 0;
            right: 0;
            opacity: 1; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu {
            position: unset; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper.overlay-white {
      background-color: rgba(255, 255, 255, 0.08); }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav i {
      font-size: 24px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
    margin-top: 110px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main-title {
    display: none !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.scorlled .sidebar-wrapper {
    display: none;
    transition: all 0.3s ease; }
  .page-wrapper.horizontal-wrapper .page-header {
    width: 100%;
    box-shadow: none; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .form-control-plaintext {
      width: auto !important; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1324px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
      @media (max-width: 1323px) and (min-width: 1200px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 1199px) and (min-width: 992px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
    @media (max-width: 1428px) and (min-width: 1324px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 55%; } }
    @media (max-width: 1323px) and (min-width: 1200px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 40%; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.horizontal-wrapper.enterprice-type footer {
    margin-left: 0; }
  .page-wrapper.material-icon .card {
    border-radius: 30px;
    box-shadow: 0 0 20px rgba(0, 102, 102, 0.1); }
  .page-wrapper .sidebar-main-title h6 {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 0.40px; }
  .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 11px;
    right: -9px;
    color: #fff;
    z-index: 9999; }
    [dir="rtl"] .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
      left: -9px;
      right: unset; }
  .page-wrapper.compact-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer; }
  .page-wrapper.compact-wrapper .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-wrapper .pin-title {
    order: -1; }
  .page-wrapper.compact-wrapper .page-header {
    margin-left: 265px;
    width: calc(100% - $sidebar-compact-width); }
    .page-wrapper.compact-wrapper .page-header.close_icon {
      margin-left: 90px;
      width: calc(100% - 90px); }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
      position: absolute;
      content: "";
      bottom: 0%;
      height: 1px;
      z-index: 8;
      width: calc(100% - 40px);
      background: #E6E9EB; }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9;
    height: 100%;
    line-height: inherit;
    background: var(--theme-deafult);
    width: 265px;
    text-align: left;
    transition: 0.3s;
    box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      fill: #fff; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      padding: 22px 30px;
      box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
      border-top-right-radius: 15px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
      width: auto;
      transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .badge {
        opacity: 0;
        width: 0;
        padding: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        max-width: 86px;
        margin: 0;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          text-align: center;
          padding: 12px 14px;
          transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main-title {
        display: none !important;
        opacity: 0;
        transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper {
        display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
        text-align: right;
        display: block; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
        width: 265px;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .badge {
          opacity: 1;
          width: auto;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          max-width: unset;
          margin: initial;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
            text-align: left; }
            [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
              text-align: right; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            padding: 12px 15px;
            transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a span {
              display: inline-block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main-title {
          opacity: 1;
          display: block !important;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
          display: block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-icon-wrapper {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .mobile-sidebar {
        transform: translate(183px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
        margin-left: 90px;
        transition: 0.5s; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer-fix {
        width: calc(100% - 90px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 118px); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          padding: 15px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::before {
            right: 20px;
            left: unset; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a span {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .according-menu {
        display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
      visibility: hidden;
      position: absolute;
      top: -8px;
      right: 17px;
      border-radius: 15px;
      padding: 4px 6px;
      color: #fff;
      font-size: 11px;
      background-color: #006666;
      border: 1px solid rgba(255, 255, 255, 0.6); }
      [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
        left: 17px;
        right: unset; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list:hover i.fa-thumb-tack {
      visibility: visible;
      cursor: pointer; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pined, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 115px);
      left: -300px;
      z-index: 99;
      transition: color 1s ease;
      overflow: auto;
      color: rgba(0, 0, 0, 0);
      margin-top: 20px;
      margin-bottom: 30px; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        font-weight: 500; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
          width: 18px;
          height: 18px;
          margin-right: 10px;
          vertical-align: -2px;
          float: none;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          letter-spacing: 0.7px;
          text-transform: capitalize;
          color: rgba(255, 255, 255, 0.8); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.link-nav .according-menu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li:last-child {
        border-bottom: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links.opennav {
        left: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn {
        display: block;
        width: 100%;
        padding: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn .mobile-back {
          padding: 20px;
          color: #242934;
          font-weight: 700;
          text-transform: uppercase;
          border-bottom: 1px solid #efefef;
          cursor: pointer;
          display: flex;
          justify-content: flex-end;
          align-items: center; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        display: block;
        width: 100%;
        position: relative; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
          padding: 25px 0 6px 20px;
          margin-top: 0px;
          margin-bottom: 12px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: block; }
          [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
            padding: 25px 20px 6px 0; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
            position: absolute;
            content: '';
            top: 0;
            left: 50%;
            background: rgba(255, 255, 255, 0.2);
            width: calc(100% - 40px);
            height: 1px;
            transform: translateX(-50%); }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2) {
            margin-top: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2)::before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list {
          padding: 0px 18px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list .badge {
            position: absolute;
            right: 50px;
            top: 14.5px;
            padding: 0.45em 0.8em 0.33em;
            z-index: 1;
            font-size: 10px;
            letter-spacing: 0.7px;
            font-weight: 600;
            font-family: "Montserrat", sans-serif;
            border-radius: 10px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list:hover > a:hover {
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg {
          fill: #fff;
          stroke: #fff;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg.fill-icon {
            fill: #fff;
            stroke: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover span {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover .according-menu i {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          padding: 11px 13px;
          position: relative;
          color: #222222; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow {
            right: 20px;
            position: absolute;
            top: 10px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow i {
              display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow:before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
          display: none !important; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
          width: 100%;
          padding: 0;
          position: relative !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
            padding-left: 50px !important;
            font-weight: 400; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu .submenu-title .according-menu {
            top: 7px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover > a {
            color: #fff;
            transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
            display: none;
            position: relative !important;
            right: 0;
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu.opensubchild {
              display: block; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a {
              padding: 6px 45px;
              padding-left: 63px !important; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a:after {
                display: none; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
            padding: 7px 25px;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.7);
            display: block;
            position: relative;
            letter-spacing: 0.06em;
            font-weight: 500;
            transition: all 0.3s ease;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a .content-menu {
              padding: 0px 15px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
              color: #fff; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active::before {
                opacity: 1;
                background: #fff;
                visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
              left: 20px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
              margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
          padding: 0;
          position: relative; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section:hover h5 {
              color: #fff !important;
              transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title {
              position: relative; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                margin-bottom: 0;
                line-height: 1.9;
                padding: 6px 25px 6px 65px;
                font-size: 14px;
                position: relative;
                color: rgba(255, 255, 255, 0.8);
                display: block;
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                cursor: pointer; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
                  left: 20px; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5 {
                color: #fff; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5::before {
                  opacity: 1;
                  visibility: visible; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
                top: 8px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
              margin-bottom: 0;
              line-height: 1.9;
              padding: 6px 15px 6px 65px;
              font-size: 14px;
              position: relative;
              color: rgba(255, 255, 255, 0.8);
              display: block;
              letter-spacing: 0.06em;
              font-weight: 500;
              font-family: "Montserrat", sans-serif; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a:after {
                display: none; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a.active {
                color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
              line-height: 1.9; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
                margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container {
          display: block !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container::before {
            height: calc(100% - 9px);
            transition: height 0.5s; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
            position: relative;
            margin-bottom: 10px;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active::after {
              opacity: 1;
              visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active ~ .sidebar-submenu::before {
              height: calc(100% - 8px);
              transition: height 0.5s; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active .according-menu i {
              color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
              color: #fff;
              transition: all 0.3s ease; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-content {
      display: flex;
      flex-direction: column; }
  .page-wrapper.compact-wrapper .page-body-wrapper .mega-box.col {
    flex-basis: unset; }
  .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
    position: absolute;
    right: 20px;
    top: 11px;
    display: block; }
    .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
      vertical-align: middle;
      color: rgba(255, 255, 255, 0.8);
      font-weight: 500; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu.border-section {
    border: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav {
    position: absolute;
    z-index: 2;
    right: 145px;
    top: 6px; }
    .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
      font-size: 18px;
      padding-left: 5px;
      text-transform: uppercase; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 80px);
    margin-top: 56px;
    margin-left: 265px; }
  .page-wrapper.compact-wrapper.dark-sidebar .sidebar-main-title h6, .page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title h6 {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .toggle-sidebar svg, .page-wrapper.compact-wrapper.color-sidebar .toggle-sidebar svg {
    stroke: var(--theme-deafult); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
    stroke: #fff !important; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
    fill: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
    stroke: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
    fill: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
    background: rgba(255, 255, 255, 0.1); }
  .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #22242B; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon {
      stroke: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon {
      fill: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
      color: #fff;
      stroke: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-light, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-light {
      display: none; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-dark, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-dark {
      display: block; }
  .page-wrapper.compact-wrapper.dark-sidebar .according-menu i, .page-wrapper.compact-wrapper.color-sidebar .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #2f3c4e; }
  .page-wrapper.compact-sidebar .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content {
    display: flex;
    flex-direction: column; }
  .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 54px;
    color: #fff;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
      left: 54px;
      right: unset; }
  .page-wrapper.compact-sidebar .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer;
    z-index: 1; }
  .page-wrapper.compact-sidebar .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-sidebar .pin-title {
    order: -1; }
  .page-wrapper.compact-sidebar ~ .bg-overlay1 {
    transition: 0.8s; }
    .page-wrapper.compact-sidebar ~ .bg-overlay1.active {
      z-index: 8;
      height: 100vh;
      width: 100vw;
      background-color: rgba(0, 0, 0, 0.2);
      position: fixed;
      top: 0; }
  .page-wrapper.compact-sidebar .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-sidebar .sidebar-main-title {
    display: none; }
  .page-wrapper.compact-sidebar .logo-wrapper {
    display: none; }
  .page-wrapper.compact-sidebar .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 24px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-sidebar .page-header {
    margin-left: 150px;
    width: calc(100% - 150px); }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1578px) and (min-width: 1274px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 38%; } }
      @media (max-width: 1273px) and (min-width: 1200px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 45%; } }
      @media (max-width: 991px) and (min-width: 768px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 36%; } }
      @media (max-width: 767px) and (min-width: 756px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 28%; } }
      @media (max-width: 1199px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 132px; } }
      @media (max-width: 767px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 83px; } }
    .page-wrapper.compact-sidebar .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
    margin-top: 80px;
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper .footer {
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
      height: auto;
      line-height: inherit;
      background: #F5F5F5;
      width: 150px;
      text-align: left;
      transition: 0.3s;
      box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1); }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      margin: 30px 0;
      height: calc(100vh - 113px);
      overflow: auto; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        color: #2c323f; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          text-transform: capitalize;
          color: #2c323f;
          font-weight: 500;
          letter-spacing: 1px;
          font-size: 14px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active {
          background: rgba(0, 102, 102, 0.1);
          color: #006666;
          border-radius: 20px;
          margin: 0 10px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active span {
            color: #006666; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
            animation: fadeInLeft 300ms ease-in-out; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
        display: block;
        padding: 20px 0;
        border-bottom: 1px solid #f3f3f3; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
        position: fixed;
        top: 0px;
        height: calc(100vh - 0px);
        overflow: auto;
        left: 150px;
        width: 230px;
        background-color: #fff;
        box-shadow: 0 16px 15px 15px rgba(126, 55, 216, 0.03);
        transition: all 0.5s ease-in-out;
        display: none;
        padding-top: 20px;
        z-index: -1; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
          padding: 15px 15px 15px 40px;
          display: block;
          position: relative;
          border-bottom: 1px solid #f1f1f1; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
            display: none; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
            position: absolute;
            right: 20px;
            top: 16px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a.active,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a.active {
            background-color: rgba(0, 102, 102, 0.1);
            color: #006666;
            transition: all 0.3s ease; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li .submenu-content li a.active,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li .submenu-content li a.active {
          background-color: transparent; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
          position: absolute;
          content: "";
          left: 20px;
          top: 48%;
          width: 12px;
          border-top: 2px solid rgba(255, 255, 255, 0.4); }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 0; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
            text-align: left; }
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
              position: relative;
              font-size: 14px;
              font-weight: 400;
              padding: 15px 15px 15px 40px;
              letter-spacing: 1px;
              margin-bottom: 0; }
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
                position: absolute;
                content: "";
                left: 20px;
                top: 48%;
                width: 6px;
                border-top: 2px solid #595c60; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list {
        position: relative; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
          position: absolute;
          left: 53%;
          top: 7px;
          font-weight: 500;
          font-size: 9px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
          text-align: center; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
            margin: 0 auto 6px;
            width: 24px;
            height: 24px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
            display: block;
            font-weight: 500;
            letter-spacing: 1px;
            font-size: 14px;
            word-break: break-word; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link .according-menu {
            display: none; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
        text-align: center;
        padding: 0; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
          width: 24px;
          height: 24px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
          position: absolute;
          right: 20px;
          top: 13px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
      transform: translateX(-150px); }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
        margin-left: 0px; }
  .page-wrapper.compact-small .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 22px;
    color: #006666;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
      left: 22px;
      right: unset; }
  .page-wrapper.compact-small .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible; }
  .page-wrapper.compact-small .sidebar-list.pined, .page-wrapper.compact-small .sidebar-list.pin-title {
    order: -1; }
  .page-wrapper.compact-small .sidebar-main-title,
  .page-wrapper.compact-small .logo-wrapper {
    display: none; }
  .page-wrapper.compact-small .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 27px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-small .page-header {
    margin-left: 90px;
    width: calc(100% - 90px); }
    .page-wrapper.compact-small .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-small .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-small .page-body-wrapper .page-body {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper .footer {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div {
    width: 90px; }
  @media (max-width: 420px) {
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 105px); } }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    display: block;
    padding: 15px 0; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 90px; }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
      padding: 10px 15px 10px 40px; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
        display: none; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
        top: 11px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
    margin: 0 auto;
    width: 20px;
    height: 20px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
    margin: 0 auto; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu a > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translateX(-150px); }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
      margin-left: 0px; }
  .page-wrapper.only-body {
    background-color: #f2f0fa; }
    .page-wrapper.only-body .page-body-wrapper {
      background-color: #f2f0fa; }
    .page-wrapper.only-body .page-header {
      position: relative; }
      .page-wrapper.only-body .page-header .header-logo-wrapper {
        display: none; }
      .page-wrapper.only-body .page-header .header-wrapper {
        padding: 0 !important; }
        .page-wrapper.only-body .page-header .header-wrapper .left-header {
          display: none; }
        .page-wrapper.only-body .page-header .header-wrapper .nav-right {
          position: absolute;
          right: 60px;
          top: 58px; }
        .page-wrapper.only-body .page-header .header-wrapper .search-full {
          top: 37px;
          width: calc(100% - 50px);
          left: 25px; }
          [dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .search-full {
            left: unset;
            right: 25px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
            background-color: #fff;
            border-radius: 15px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu {
            top: 78px;
            width: calc(100% - 30px);
            margin: 0 auto;
            right: 0; }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-top: 20px;
      padding-bottom: 20px; }
    .page-wrapper.only-body .sidebar-wrapper,
    .page-wrapper.only-body footer {
      display: none; }
    .page-wrapper.only-body .page-body-wrapper .page-body {
      margin-top: 0px;
      min-height: calc(100vh - 0px); }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-left: 30px;
      padding-right: 30px;
      margin: 30px 0;
      border-radius: 15px; }
      @media (max-width: 991.98px) {
        .page-wrapper.only-body .page-body-wrapper .page-title {
          padding-left: 20px;
          padding-right: 20px;
          margin: 20px 0; } }
      .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6 {
        flex: 0 0 100%;
        max-width: 100%; }
      .page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb {
        margin-top: 5px;
        justify-content: flex-start; }
  .page-wrapper.modern-type .progress-chart-wrap {
    margin-left: -22px; }
    [dir="rtl"] .page-wrapper.modern-type .progress-chart-wrap {
      margin-left: unset;
      margin-right: -22px; }
  .page-wrapper.modern-type .ecommerce-widget {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .file-sidebar .pricing-plan {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .alert-primary {
    color: #006666; }
  .page-wrapper.modern-type .project-box {
    background-color: #00d6d6; }
  .page-wrapper.modern-type .nav-tabs .nav-link.active {
    background-color: transparent; }
  .page-wrapper.modern-type .simplebar-mask {
    top: 10px; }
  .page-wrapper.modern-type .page-header {
    margin-left: 0px;
    width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header.close_icon {
      margin-left: 0px;
      width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1200px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 818px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 36%; } }
    @media (max-width: 1669px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 50%; } }
    @media (max-width: 1428px) and (min-width: 1200px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 40%; } }
    .page-wrapper.modern-type .page-header .header-wrapper .header-logo-wrapper {
      display: flex;
      align-items: center; }
    .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
      display: block;
      margin-right: 30px; }
    .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
      display: block;
      position: relative;
      top: unset;
      right: unset;
      margin-right: 15px; }
  .page-wrapper.modern-type .page-body-wrapper .page-title {
    background-color: transparent;
    padding-bottom: 0; }
  .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
    margin: 30px !important;
    top: 80px;
    bottom: 0;
    border-radius: 15px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 160px); }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      margin-left: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
      margin-left: 0px;
      margin-right: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
      display: none; }
  .page-wrapper.modern-type .page-body-wrapper .page-body {
    margin-left: 296px; }
    .page-wrapper.modern-type .page-body-wrapper .page-body .container-fluid {
      max-width: 1500px; }
  .page-wrapper.modern-type .page-body-wrapper .footer {
    margin-left: 360px;
    margin-right: 70px;
    border-radius: 10px; }
    @media (max-width: 991px) {
      .page-wrapper.modern-type .page-body-wrapper .footer {
        margin-right: 0;
        margin-left: 0; } }
  .page-wrapper.material-type {
    position: relative; }
    .page-wrapper.material-type::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 300px;
      background-image: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-type .card {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
    .page-wrapper.material-type .page-header {
      position: relative;
      max-width: 1560px;
      margin: 50px auto 0;
      border-radius: 15px 15px 0 0; }
      .page-wrapper.material-type .page-header .header-wrapper .left-header {
        width: 31%; }
        @media (max-width: 1600px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 33%; } }
        @media (max-width: 1366px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 38%; } }
        @media (max-width: 1199px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 30%; } }
      @media (max-width: 1600px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 40%; } }
      @media (max-width: 1199px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 45%; } }
    .page-wrapper.material-type .page-body-wrapper {
      background-blend-mode: overlay;
      background-color: rgba(255, 255, 255, 0.5); }
      .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        position: relative;
        max-width: 1560px;
        margin: 0 auto;
        top: unset;
        height: 56px; }
      .page-wrapper.material-type .page-body-wrapper .page-body {
        margin: 0 auto;
        max-width: 1560px;
        background-color: #F5F5F5;
        box-shadow: 0 0 20px 7px rgba(8, 21, 66, 0.05);
        border-radius: 0 0 15px 15px; }
    .page-wrapper.material-type .footer {
      margin-top: 40px; }
    .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .left-header {
      width: 38%; }
    @media (max-width: 991px) {
      .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.advance-layout {
    background-blend-mode: overlay;
    background-color: #F5F5F5; }
    .page-wrapper.advance-layout .card {
      border-radius: 5px;
      box-shadow: none;
      border: 1px solid #ecf3fa; }
    .page-wrapper.advance-layout .page-header {
      position: relative;
      background-color: #fff;
      margin: 0 auto; }
    .page-wrapper.advance-layout .page-body-wrapper {
      background: transparent; }
      .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
        position: relative !important;
        top: unset !important;
        height: unset;
        box-shadow: none;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef; }
        .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper > div {
          overflow-x: hidden; }
      .page-wrapper.advance-layout .page-body-wrapper .page-body {
        margin-top: 0 !important; }

@keyframes pagebody {
  from {
    opacity: 0;
    transform: scale3d(0.98, 0.98, 0.98) translate(-20px, -50px); }
  50% {
    opacity: 1; } }

.md-sidebar {
  position: relative; }
  .md-sidebar .md-sidebar-toggle {
    display: none;
    width: fit-content;
    text-transform: capitalize;
    margin-bottom: 20px; }

#sidebar-menu .sidebar-links .simplebar-mask {
  border-bottom-right-radius: 18px; }

@media screen and (max-width: 1480px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -18%;
    width: 91%; } }

@media screen and (max-width: 1460px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -54%;
    width: 75%; }
  .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-right: 8px; } }

@media screen and (max-width: 1366px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -49%;
    width: 70%; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) {
    padding: 8px; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) svg {
      height: 22px;
      width: 22px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.onhover-dropdown.notification-down:nth-child(5)::before {
    left: 47px;
    height: 42px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li .profile-media img {
    width: 32px;
    height: 32px; }
  .profile-dropdown.onhover-show-div {
    right: 0;
    left: unset !important; }
    .profile-dropdown.onhover-show-div:before, .profile-dropdown.onhover-show-div:after {
      right: 10px !important;
      left: unset !important; } }

@media screen and (max-width: 1199px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 6px; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown .notification-down::before {
      content: "";
      position: absolute;
      left: 33px;
      height: 30px; }
  .mobile-title.d-none {
    display: flex !important;
    justify-content: space-between;
    padding: 20px 30px 17px;
    border-bottom: 1px solid #ddd;
    margin: 0 -15px; }
    .mobile-title.d-none h5 {
      color: var(--theme-deafult); }
    .mobile-title.d-none svg {
      stroke: var(--theme-deafult) !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -35%;
    width: 56%; } }

@media screen and (min-width: 992px) {
  .page-header .header-wrapper .nav-right .notification-dropdown {
    top: 46px; }
  .responsive-btn {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-mask {
    top: 0; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
    width: 200px;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    transition: all 0.5s ease; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a .sub-arrow {
      position: absolute;
      right: 20px;
      top: 5px;
      color: #59667a;
      font-weight: 100;
      transition: all 0.5s ease;
      font-size: 15px;
      top: 5px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
      display: none;
      border-radius: 4px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover .nav-sub-childmenu {
      display: block;
      position: absolute;
      left: 200px;
      background-color: #fff;
      top: -10px;
      padding: 15px 0px 15px 0px;
      box-shadow: 0 0 1px 0 #898989; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover .sub-arrow {
      right: 16px;
      transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.hoverd .sidebar-submenu {
    opacity: 1;
    visibility: visible;
    margin-top: 8px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .mega-menu-container {
    opacity: 1;
    visibility: visible;
    margin-top: 20px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .mobile-back {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .page-wrapper.material-icon {
    position: relative; }
    .page-wrapper.material-icon::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 200px;
      background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-icon .toggle-sidebar {
      color: rgba(255, 255, 255, 0.8); }
      .page-wrapper.material-icon .toggle-sidebar:hover > svg {
        color: #fff !important;
        stroke: #fff !important; }
    .page-wrapper.material-icon .page-header {
      position: relative;
      background: transparent;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto;
      width: calc(100% - 0px);
      box-shadow: none; }
      .page-wrapper.material-icon .page-header .f-light {
        color: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
        stroke: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li {
        color: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .notification-box svg,
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .cart-box svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > a > svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > svg {
          stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
        color: rgba(255, 255, 255, 0.7); }
      .page-wrapper.material-icon .page-header.close_icon {
        padding-left: 0;
        margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-body {
      margin-top: 0 !important;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto; }
    .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      padding-left: 15px;
      margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-title {
      color: #fff;
      background-color: transparent;
      border-bottom: none;
      box-shadow: none; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
        color: rgba(255, 255, 255, 0.6); }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        color: rgba(255, 255, 255, 0.8); } }

@media only screen and (min-width: 992px) {
  .page-wrapper.material-icon::before {
    height: 240px; } }

@media screen and (max-width: 767px) {
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(2) {
    background-color: #fff;
    padding: 8px;
    border-radius: 40px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav {
    background-color: unset; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav ul li {
      border-radius: 0px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:last-child {
    padding: 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
    height: 27px;
    width: 27px;
    cursor: pointer; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-dropdown .cart-dropdown ul li:nth-child(2) {
    border-radius: 0px !important;
    padding: 16px 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .tab-content .notification-card ul li {
    padding: 15px 0px !important;
    border-radius: 0px !important; }
  .sidebar-wrapper .menu .brand-logo img {
    width: 120px; } }

@media screen and (max-width: 576px) {
  .toggle-nav i {
    font-size: 20px; } }

/**=====================
  5.7 Sidebar CSS Ends
==========================**/
/**=====================
    5.8 Rtl CSS Start
==========================**/
html[dir="rtl"] ul {
  padding-right: 0; }

html[dir="rtl"] .ms-auto {
  margin-left: unset !important;
  margin-right: auto !important; }

html[dir="rtl"] .revenuegrowth .revenuegrowth-chart::before {
  right: unset;
  left: 0px; }

html[dir="rtl"] .img-boostup .img-boostup-img-1 {
  left: unset;
  right: -63px;
  transform: scaleX(-1); }

html[dir="rtl"] .img-boostup .img-boostup-img-2 {
  transform: scaleX(-1);
  left: unset;
  right: -61px; }

html[dir="rtl"] .table-order .order-table thead tr th:first-child, html[dir="rtl"] .project-table .order-table thead tr th:first-child {
  border-top-left-radius: unset !important;
  border-bottom-left-radius: unset !important;
  border-top-right-radius: 5px  !important;
  border-bottom-right-radius: 5px !important; }

html[dir="rtl"] .table-order .order-table thead tr th:last-child, html[dir="rtl"] .project-table .order-table thead tr th:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important; }

html[dir="rtl"] .tap-top {
  left: 30px;
  right: unset; }

html[dir="rtl"] .tranaction-table thead tr th:first-child {
  border-top-left-radius: unset !important;
  border-bottom-left-radius: unset !important;
  border-top-right-radius: 5px  !important;
  border-bottom-right-radius: 5px !important; }

html[dir="rtl"] .tranaction-table thead tr th:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important; }

html[dir="rtl"] .user-message ul li .activity-log .status {
  right: 25px !important; }

html[dir="rtl"] .activity-table table tbody tr td .team-activity::before {
  right: 24px;
  left: unset; }

html[dir="rtl"] .activity-table table tbody tr td .activity-data span::before {
  right: -9px;
  left: unset; }

html[dir="rtl"] .activity-table table tbody tr td .activity-data .common-space::before {
  bottom: 0px;
  top: unset;
  right: unset;
  left: 0px; }

html[dir="rtl"] .activity-table table tbody tr td .activity-data .user-activity::before {
  bottom: 0px;
  top: unset;
  right: unset;
  left: 0px; }

html[dir="rtl"] .prooduct-details-box .media .media-body {
  margin-right: 1rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .important-project .projectlist-card .range_4 .slider-container {
  direction: ltr; }
  html[dir="rtl"] .important-project .projectlist-card .range_4 .slider-container .slider_input {
    left: 0; }

html[dir="rtl"] .add-project .categories {
  transform: scaleX(-1);
  left: 0;
  right: unset; }

html[dir="rtl"] .activity-group::before {
  content: "";
  right: 0px;
  left: unset; }

html[dir="rtl"] .projectlist-card .project-comment .project-comment-icon .project-link::before {
  left: 35px;
  right: unset; }

html[dir="rtl"] .figure.text-start blockquote {
  border-left: none !important;
  border-right: 4px solid #006666 !important; }

html[dir="rtl"] .figure.text-end blockquote {
  border-right: none !important;
  border-left: 4px solid #006666 !important; }

html[dir="rtl"] .client-list-table table tbody tr td .user-id::before {
  right: unset;
  left: 11%; }

html[dir="rtl"] .project-table .project-comment .project-comment-icon .project-link::before {
  right: 47px;
  left: unset; }

html[dir="rtl"] .activity-log-card ul::before {
  right: 36px;
  left: unset; }

html[dir="rtl"] .slider-wrapper {
  direction: ltr; }

html[dir="rtl"] .f-right {
  float: left; }

html[dir="rtl"] .papernote-wrap .note-labels ul {
  gap: 9px; }

html[dir="rtl"] .form-check-inline {
  margin-right: unset;
  margin-left: 1rem; }

html[dir="rtl"] .knowledgebase-search .form-inline svg {
  left: unset;
  right: 20px; }

html[dir="rtl"] .switch-showcase .form-check .form-check-input {
  float: left; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:first-child {
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:last-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-left-width: 1px; }

html[dir="rtl"] .pill-input-group span:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 1.3rem !important;
  border-bottom-left-radius: 1.3rem !important; }

html[dir="rtl"] .pill-input-group span:first-child {
  border-top-left-radius: unset !important;
  border-top-right-radius: unset !important;
  border-top-right-radius: 1.3rem !important;
  border-bottom-right-radius: 1.3rem !important; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
  text-align: right;
  border-top-left-radius: 15px;
  border-top-right-radius: unset;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: unset; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .toggle-sidebar {
    right: unset;
    left: 30px; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
    padding: 0; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .badge {
      left: 50px !important;
      right: unset !important; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon {
    margin-right: 0;
    margin-left: unset; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .logo-icon-wrapper {
      text-align: left; }
      html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .logo-icon-wrapper img {
        margin-left: 8px; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .page-body,
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
      margin-left: 0;
      margin-right: 100px;
      transition: 0.5s; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      margin-left: 0; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
      display: none !important; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .according-menu {
      display: none; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      margin-left: 13px; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover {
    transform: translate(0px); }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
      display: block !important; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      float: none; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .according-menu {
      display: block; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu:after {
    right: 30px;
    left: unset;
    border-top-right-radius: 8px;
    border-right: 2px solid; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
    padding-right: 65px !important;
    padding-left: unset !important; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a:before {
      right: 32px; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a:after {
      right: 20px;
      left: unset;
      top: 9%;
      border-bottom-left-radius: unset;
      border-bottom-right-radius: 8px;
      border-left: unset;
      border-right: 2px solid rgba(255, 255, 255, 0.5);
      border-bottom: 2px solid rgba(255, 255, 255, 0.5); }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 265px; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
  right: unset;
  left: 20px; }

html[dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .nav-right {
  right: unset;
  left: 30px; }

html[dir="rtl"] .date-details > div + div {
  margin-left: unset;
  margin-right: 10px; }

html[dir="rtl"] .contact-editform.ps-0 {
  padding-left: 20px !important; }

html[dir="rtl"] .contact-options li .btn-category {
  padding-left: unset !important;
  padding-right: 40px; }

html[dir="rtl"] .list-persons .profile-mail .email-general ul {
  padding-right: unset;
  padding-left: 20px; }
  html[dir="rtl"] .list-persons .profile-mail .email-general ul li > span {
    float: left; }

html[dir="rtl"] .list-persons .profile-mail .media .media-body ul li + li {
  padding-right: unset;
  padding-left: 10px;
  margin-right: unset;
  margin-left: 5px;
  border-right: unset;
  border-left: 1px solid #E6E9EB; }

html[dir="rtl"] .file-content .form-inline i {
  padding-right: unset;
  padding-left: 10px; }

html[dir="rtl"] .file-sidebar .btn svg {
  margin-right: unset;
  margin-left: 8px; }

html[dir="rtl"] .file-sidebar .pricing-plan .bg-img {
  left: -40px;
  right: unset; }

html[dir="rtl"] .form-select {
  border-radius: 0px;
  background-position: left 0.75rem center; }

html[dir="rtl"] .customers ul li + li {
  margin-left: unset;
  margin-right: -10%; }

html[dir="rtl"] .project-list .border-tab.nav-tabs .nav-item .nav-link {
  padding: 5px 0 5px 30px; }

html[dir="rtl"] .project-box .badge {
  right: unset;
  left: 30px; }

html[dir="rtl"] .kanban-board {
  float: right; }

html[dir="rtl"] .kanban-item .kanban-box .customers ul li + li {
  margin-left: unset;
  margin-right: -10px; }

html[dir="rtl"] .kanban-item .list li i {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .page-wrapper.horizontal-wrapper .header-logo-wrapper {
  text-align: right; }

html[dir="rtl"] .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
  margin-right: 0; }

html[dir="rtl"] .page-wrapper.horizontal-wrapper .page-body-wrapper footer {
  margin-right: 0; }

html[dir="rtl"] .page-wrapper.material-type .page-body-wrapper .page-body {
  margin-right: auto; }

html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:first-child {
  margin-right: 0; }

html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
  margin-right: 15px;
  margin-left: unset; }

html[dir="rtl"] .page-header .header-wrapper .toggle-sidebar {
  margin-left: 2px;
  margin-right: unset; }

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
  left: -20px !important;
  right: unset !important; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
      left: 12px !important; } }
html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full input {
  padding-left: unset;
  padding-right: 60px;
  text-align: right; }

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
  left: unset;
  right: 30px; }

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
  right: unset;
  left: 0; }

html[dir="rtl"] .page-wrapper.compact-sidebar .toggle-sidebar {
  margin-left: 15px;
  margin-right: unset; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-header {
  margin-left: unset;
  margin-right: 150px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-header.close_icon {
    margin-right: 0; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 150px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper .footer {
  margin-left: unset;
  margin-right: 150px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
  text-align: right; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
  animation: fadeInRight 1000ms ease-in-out; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  right: 150px;
  left: unset; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
    padding: 15px 40px 15px 15px; }
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
      right: 20px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
    left: unset;
    right: 20px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
    text-align: right; }
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      padding: 15px 40px 15px 15px; }
      html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
      html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
        left: unset;
        right: 20px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
  left: unset;
  right: 53%; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
  text-align: center; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
  text-align: center; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
    right: unset;
    left: 20px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
  transform: translateX(150px); }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
    margin-right: 0px; }

html[dir="rtl"] .page-wrapper.compact-small .page-header {
  margin-right: 90px; }

html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  right: 90px; }

html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper .footer,
html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper .page-body {
  margin-right: 90px; }

html[dir="rtl"] .page-wrapper.material-icon .page-header {
  padding-left: unset;
  padding-right: 90px;
  margin: 0 auto; }
  html[dir="rtl"] .page-wrapper.material-icon .page-header.close_icon {
    padding-right: 0; }

html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper .page-body {
  padding-left: 15px;
  padding-right: 90px;
  margin: 0 auto; }

html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
  padding-right: 15px;
  margin: 0 auto !important; }

html[dir="rtl"] .apexcharts-canvas {
  direction: ltr; }

html[dir="rtl"] .email-wrap .btn-mail {
  text-align: right; }

html[dir="rtl"] .email-wrap .email-app-sidebar ul li a {
  padding-left: unset;
  padding-right: 20px; }

html[dir="rtl"] .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
  text-align: center; }

html[dir="rtl"] .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark {
  text-align: right; }

html[dir="rtl"] .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
  left: 30px;
  right: unset;
  text-align: left; }

html[dir="rtl"] .bookmark-wrap .details-bookmark .row > div + div {
  padding-left: 15px !important; }

html[dir="rtl"] .appointment-table table tr td .status-circle {
  left: unset;
  right: 35px; }

html[dir="rtl"] .notification .card .d-flex .w-100 p .badge {
  margin-left: unset;
  margin-right: 10px; }

html[dir="rtl"] .progress-gradient-primary {
  background-image: linear-gradient(to right, var(--theme-deafult), transparent); }
  html[dir="rtl"] .progress-gradient-primary::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-primary .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-secondary {
  background-image: linear-gradient(to right, #FE6A49, transparent); }
  html[dir="rtl"] .progress-gradient-secondary::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-secondary .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-success {
  background-image: linear-gradient(to right, #00AC46, transparent); }
  html[dir="rtl"] .progress-gradient-success::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-success .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-danger {
  background-image: linear-gradient(to right, #FE6A49, transparent); }
  html[dir="rtl"] .progress-gradient-danger::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-danger .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-info {
  background-image: linear-gradient(to right, #173878, transparent); }
  html[dir="rtl"] .progress-gradient-info::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-info .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-light {
  background-image: linear-gradient(to right, #E6E9EB, transparent); }
  html[dir="rtl"] .progress-gradient-light::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-light .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-dark {
  background-image: linear-gradient(to right, #2c323f, transparent); }
  html[dir="rtl"] .progress-gradient-dark::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-dark .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-warning {
  background-image: linear-gradient(to right, #FFAE1A, transparent); }
  html[dir="rtl"] .progress-gradient-warning::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-warning .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-animate span {
  left: -10px;
  right: unset; }

html[dir="rtl"] .me-4 {
  margin-left: 1.5rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .pe-4 {
  padding-left: 1.5rem !important;
  padding-right: unset !important; }

html[dir="rtl"] .me-1 {
  margin-left: 0.25rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .navs-dropdown .onhover-show-div {
  right: 0; }

html[dir="rtl"] .default-according.style-1 button {
  text-align: right; }
  html[dir="rtl"] .default-according.style-1 button:before {
    left: 20px;
    right: unset; }
    @media (max-width: 575px) {
      html[dir="rtl"] .default-according.style-1 button:before {
        left: 15px; } }
  html[dir="rtl"] .default-according.style-1 button i {
    right: 18px;
    left: unset; }

html[dir="rtl"] .default-according .card .card-header i {
  right: 18px;
  left: unset; }

html[dir="rtl"] .faq-wrap .faq-accordion .card .card-header .btn-link {
  padding-right: 20px !important; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .faq-wrap .faq-accordion .card .card-header .btn-link {
      padding-right: 10px !important; } }
html[dir="rtl"] .ProfileCard-details {
  padding-right: 30px;
  padding-left: unset;
  float: right; }

html[dir="rtl"] .starter-main .card-body ul {
  padding-right: 30px;
  padding-left: unset; }

html[dir="rtl"] .theme-tab .tab-title li a svg {
  margin-left: 5px;
  margin-right: unset; }

html[dir="rtl"] .spent .spent-graph .project-budget {
  margin-left: 30px;
  margin-right: unset; }

html[dir="rtl"] .support-table table tbody tr td:first-child {
  padding-right: 0;
  padding-left: unset; }

html[dir="rtl"] .order-box .sub-total .shipping-class .shopping-checkout-option,
html[dir="rtl"] .order-box .sub-total .shipping-class span,
html[dir="rtl"] .order-box .sub-total li .shopping-checkout-option,
html[dir="rtl"] .order-box .sub-total li span,
html[dir="rtl"] .order-box .total .shipping-class .shopping-checkout-option,
html[dir="rtl"] .order-box .total .shipping-class span,
html[dir="rtl"] .order-box .total li .shopping-checkout-option,
html[dir="rtl"] .order-box .total li span,
html[dir="rtl"] .order-box .qty .shipping-class .shopping-checkout-option,
html[dir="rtl"] .order-box .qty .shipping-class span,
html[dir="rtl"] .order-box .qty li .shopping-checkout-option,
html[dir="rtl"] .order-box .qty li span {
  float: left; }

html[dir="rtl"] .order-box .sub-total li .count,
html[dir="rtl"] .order-box .total li .count,
html[dir="rtl"] .order-box .qty li .count {
  float: left; }

html[dir="rtl"] .img-paypal {
  margin-right: 15px;
  margin-left: unset; }

html[dir="rtl"] .cart .qty-box .input-group .btn {
  border-radius: 0 !important; }

html[dir="rtl"] .product-qnty fieldset .input-group .input-group-prepend .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .grid-options {
  margin-right: 10px;
  margin-left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-1 {
    right: 12px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-2 {
    right: 18px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-3 {
    right: 36px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-4 {
    right: 42px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-5 {
    right: 48px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-6 {
    right: 66px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-7 {
    right: 72px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-8 {
    right: 78px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-9 {
    right: 84px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-10 {
    right: 103px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-11 {
    right: 109px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-12 {
    right: 115px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-13 {
    right: 121px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-14 {
    right: 127px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-15 {
    right: 133px;
    left: unset; }

html[dir="rtl"] .product-filter.new-products .owl-theme .owl-nav {
  left: 0;
  right: unset; }

html[dir="rtl"] .product-filter.new-products .owl-theme .owl-item .item .product-box .product-details.text-start {
  text-align: left !important; }

html[dir="rtl"] .product-sidebar .filter-section .card .card-header h6 .pull-right i {
  left: auto;
  right: unset; }

html[dir="rtl"] .prooduct-details-box .btn {
  right: unset;
  left: 15px; }

html[dir="rtl"] .prooduct-details-box .close {
  right: unset;
  left: 10px; }

html[dir="rtl"] .collection-filter-block svg {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .feature-products form .form-group i {
  left: 30px;
  right: unset; }

html[dir="rtl"] .product-wrapper-grid.list-view .product-box .product-details {
  text-align: right; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .breadcrumb {
  margin-left: unset; }

html[dir="rtl"] .bookmark ul li + li {
  margin-left: unset;
  margin-right: 10px; }

html[dir="rtl"] .bookmark ul li .search-form .form-control-search {
  left: -50px;
  right: unset; }
  html[dir="rtl"] .bookmark ul li .search-form .form-control-search:before {
    right: 50px;
    left: unset; }
  html[dir="rtl"] .bookmark ul li .search-form .form-control-search:after {
    right: 20px;
    left: unset; }

html[dir="rtl"] .me-0 {
  margin-left: 0 !important;
  margin-right: unset !important; }

html[dir="rtl"] .footer .pull-right {
  float: none; }

html[dir="rtl"] .checkbox_animated,
html[dir="rtl"] .radio_animated {
  margin: 0 8px 0 16px; }

html[dir="rtl"] .button.remove {
  left: -10px;
  right: unset; }

html[dir="rtl"] .code-box-copy__btn {
  left: 11px;
  right: unset; }

html[dir="rtl"] ul.nav-menus {
  border-bottom: none; }
  html[dir="rtl"] ul.nav-menus li .input-show input {
    right: 0px;
    left: unset; }

html[dir="rtl"] ul.notification-dropdown.onhover-show-div li {
  text-align: right; }

html[dir="rtl"] .badge + .badge {
  margin-right: 5px;
  margin-left: unset; }

html[dir="rtl"] .offset-xl-3 {
  margin-right: 25%;
  margin-left: unset; }

html[dir="rtl"] .m-l-10 {
  margin-right: 10px !important;
  margin-left: unset !important; }

html[dir="rtl"] .m-r-20 {
  margin-left: 20px;
  margin-right: unset; }

html[dir="rtl"] .m-r-30 {
  margin-left: 30px;
  margin-right: unset; }

html[dir="rtl"] .m-r-5 {
  margin-left: 5px;
  margin-right: unset; }

html[dir="rtl"] .text-start {
  text-align: right !important; }

html[dir="rtl"] .m-r-10 {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .pe-3 {
  padding-left: 1rem !important;
  padding-right: unset !important; }

html[dir="rtl"] .p-r-0 {
  padding-left: 0;
  padding-right: 15px; }

html[dir="rtl"] .m-l-20 {
  margin-right: 20px !important;
  margin-left: unset !important; }

html[dir="rtl"] .ps-3 {
  padding-right: 1rem !important; }

html[dir="rtl"] .b-r-light {
  border-left: 1px solid #E6E9EB !important;
  border-right: unset !important; }

html[dir="rtl"] .float-end {
  float: left !important; }

html[dir="rtl"] .float-start {
  float: right !important; }

html[dir="rtl"] .text-end {
  text-align: left !important; }

html[dir="rtl"] .border-right {
  border-left: 1px solid #dee2e6 !important;
  border-right: unset !important; }

html[dir="rtl"] .pe-0 {
  padding-left: 0 !important;
  padding-right: 12px !important; }

html[dir="rtl"] .ps-0 {
  padding-right: 0 !important;
  padding-left: unset !important; }

html[dir="rtl"] .ms-1 {
  margin-left: unset !important;
  margin-right: 0.25rem !important; }

html[dir="rtl"] .owl-carousel {
  direction: ltr; }

html[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
html[dir="rtl"] .btn-group > :not(:last-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .btn-group > .btn:not(:first-child) {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .btn-group > .btn:nth-child(2) {
  border-radius: 0 !important; }

html[dir="rtl"] .btn-group .btn-group > :not(:first-child) > .btn {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .btn-group .btn + .btn,
html[dir="rtl"] .btn-group .btn + .btn-group {
  margin-right: -1px;
  border-right: none; }

html[dir="rtl"] .btn-group .btn-group + .btn,
html[dir="rtl"] .btn-group .btn-group + .btn-group {
  margin-right: -1px; }

html[dir="rtl"] .btn-group .btn-group-vertical .btn + .btn,
html[dir="rtl"] .btn-group .btn-group-vertical .btn + .btn-group {
  margin-right: -1px; }

html[dir="rtl"] .btn-group .btn-group-vertical .btn-group + .btn,
html[dir="rtl"] .btn-group .btn-group-vertical .btn-group + .btn-group {
  margin-right: -1px; }

html[dir="rtl"] .me-3 {
  margin-right: unset !important;
  margin-left: 1rem !important; }

html[dir="rtl"] .me-5 {
  margin-left: 3rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .ms-3 {
  margin-right: 1rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .m-r-15 {
  margin-left: 15px;
  margin-right: unset; }

html[dir="rtl"] .b-l-light {
  border-right: 1px solid #E6E9EB !important;
  border-left: unset !important; }

html[dir="rtl"] .p-l-0 {
  padding-left: unset;
  padding-right: 0px; }

html[dir="rtl"] .ps-4 {
  padding-right: 1.5rem !important;
  padding-left: unset !important; }

html[dir="rtl"] .me-2 {
  margin-left: 0.5rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .ms-2 {
  margin-right: 0.5rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .pe-2 {
  padding-right: unset !important;
  padding-left: 0.5rem !important; }

html[dir="rtl"] .prooduct-details-box .media-body {
  margin-right: 0 !important; }

html[dir="rtl"] .alert {
  text-align: right; }

html[dir="rtl"] .pull-right {
  float: left; }

html[dir="rtl"] .form-inline .form-group {
  margin-left: 0px;
  margin-right: 0; }

html[dir="rtl"] .card {
  text-align: right; }
  html[dir="rtl"] .card.social-profile {
    text-align: center; }
  html[dir="rtl"] .card .card-header h5:not(.mb-0) {
    float: right; }
  html[dir="rtl"] .card .card-header span {
    clear: both; }
  html[dir="rtl"] .card .card-header .card-header-right {
    left: 35px;
    right: unset; }
    html[dir="rtl"] .card .card-header .card-header-right .card-option {
      text-align: left; }
      html[dir="rtl"] .card .card-header .card-header-right .card-option.list-unstyled {
        padding-right: 0;
        padding-left: unset; }
  html[dir="rtl"] .card .card-header .pull-left {
    float: right; }
  html[dir="rtl"] .card.full-card {
    left: 0;
    right: unset; }
  html[dir="rtl"] .card .card-body .alert svg {
    margin-left: 4px;
    margin-right: unset; }
  html[dir="rtl"] .card .card-body .value-left {
    margin-left: 30px;
    margin-right: unset; }
  html[dir="rtl"] .card .card-body .square {
    margin-left: 5px;
    margin-right: unset; }

html[dir="rtl"] .explore-card {
  text-align: left; }
  html[dir="rtl"] .explore-card .group-btn {
    justify-content: flex-end; }

html[dir="rtl"] .balance-box {
  text-align: center; }

html[dir="rtl"] .purchase-card {
  text-align: center; }

html[dir="rtl"] .modal-header .btn-close {
  margin: -0.5rem auto -0.5rem -0.5rem; }

html[dir="rtl"] .modal-footer > :not(:first-child) {
  margin-right: .50rem;
  margin-left: 0; }

html[dir="rtl"] .form-inline .form-group .col-form-label {
  margin-left: 5px;
  margin-right: 0; }

html[dir="rtl"] .contacts-tabs .nav-pills {
  border-left: 1px solid #E6E9EB; }

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
  padding-right: 0.5rem;
  padding-left: unset; }
  html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    padding-left: 0.5rem;
    padding-right: unset;
    float: right; }

html[dir="rtl"] code[class*=language-],
html[dir="rtl"] pre[class*=language-] {
  text-align: right; }

html[dir="rtl"] .input-group-prepend {
  margin-left: -1px;
  margin-right: unset; }

html[dir="rtl"] .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
html[dir="rtl"] .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

html[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: unset;
  margin-right: -1px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), html[dir="rtl"] .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), html[dir="rtl"] .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, html[dir="rtl"] .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

html[dir="rtl"] .form-floating input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-primary {
  border-right: 4px solid #006666;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-secondary {
  border-right: 4px solid #FE6A49;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-success {
  border-right: 4px solid #00AC46;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-danger {
  border-right: 4px solid #FE6A49;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-warning {
  border-right: 4px solid #FFAE1A;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-info {
  border-right: 4px solid #173878;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-light {
  border-right: 4px solid #E6E9EB;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-dark {
  border-right: 4px solid #2c323f;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:first-child {
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:last-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-left-width: 1px; }

html[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: unset;
  margin-right: -1px; }

html[dir="rtl"] .was-validated .form-control:invalid,
html[dir="rtl"] .form-control.is-invalid,
html[dir="rtl"] .was-validated .form-control:valid,
html[dir="rtl"] .form-control.is-valid {
  background-position: left calc(0.375em + 0.1875rem) center;
  padding-left: calc(1.5em + 0.75rem);
  padding-right: 12px; }

html[dir="rtl"] .input-group > .form-control:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .input-group > .input-group-prepend > .btn,
html[dir="rtl"] .input-group > .input-group-prepend > .input-group-text,
html[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .btn,
html[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .input-group-text,
html[dir="rtl"] .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
html[dir="rtl"] .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .input-group > .input-group-append > .btn,
html[dir="rtl"] .input-group > .input-group-append > .input-group-text,
html[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .btn,
html[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
html[dir="rtl"] .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
html[dir="rtl"] .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .border-tab.nav-left .nav-link {
  text-align: left; }

html[dir="rtl"] .socialprofile .social-group ul li:nth-child(4) {
  margin-right: -22px; }

html[dir="rtl"] .social-status form .form-group .form-control-social {
  padding-right: 15px;
  padding-left: unset; }

html[dir="rtl"] .social-status .media .social-status {
  right: 35px;
  left: unset; }

html[dir="rtl"] .social-chat .other-msg {
  margin-right: 40px;
  margin-left: unset; }

html[dir="rtl"] .social-chat .media-body:before {
  left: 100%;
  right: unset;
  border-left: 7px solid var(-semi-dark);
  border-right: unset; }

html[dir="rtl"] .social-chat .media-body:after {
  left: 100%;
  right: unset;
  border-left: 7px solid #fff;
  border-right: unset; }

html[dir="rtl"] .quick-file li:first-child {
  margin-right: 0px;
  margin-left: unset; }

html[dir="rtl"] .files-content li:first-child {
  margin-right: 0px;
  margin-left: unset; }

html[dir="rtl"] .file-content .folder .folder-box .ellips {
  left: 22px;
  right: unset; }

html[dir="rtl"] .timeline-content .comment-number i {
  margin-left: 20px;
  margin-right: unset; }

html[dir="rtl"] .photos ul li {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .avatar-showcase .friend-pic {
  margin-left: 8px;
  margin-right: unset; }

html[dir="rtl"] .avatar-showcase .pepole-knows ul li {
  margin-left: 21px;
  margin-right: unset; }
  html[dir="rtl"] .avatar-showcase .pepole-knows ul li:last-child {
    margin-left: 0; }

html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
  left: 100px;
  right: unset; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li {
    margin-left: 10px;
    margin-right: unset; }
    html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li:last-child {
      margin-left: 0; }

html[dir="rtl"] .faq-form .search-icon {
  left: 12px;
  right: unset; }

html[dir="rtl"] .faq-widgets .media-body p {
  padding-left: 20px;
  padding-right: unset; }

html[dir="rtl"] .header-faq,
html[dir="rtl"] .faq-title {
  text-align: right; }

html[dir="rtl"] .browse .browse-articles h6 span svg {
  right: 22px; }

html[dir="rtl"] .faq-accordion.default-according .card .faq-header svg {
  left: 30px;
  right: unset; }

html[dir="rtl"] .faq-accordion.default-according .card .btn-link svg {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .navigation-option ul li {
  padding: 8px 0 8px 8px; }
  html[dir="rtl"] .navigation-option ul li a {
    padding-right: 40px;
    padding-left: unset; }
    html[dir="rtl"] .navigation-option ul li a svg {
      right: 15px;
      left: unset; }

html[dir="rtl"] .updates-faq {
  margin-right: unset;
  margin-left: 20px; }

html[dir="rtl"] .categories {
  right: unset;
  left: 0;
  transform: scaleX(-1); }
  html[dir="rtl"] .categories .learning-header {
    padding-right: 15px;
    padding-left: unset; }

html[dir="rtl"] .main .langChoice {
  left: 30px;
  right: unset; }

html[dir="rtl"] .pricing-block svg {
  direction: ltr; }

html[dir="rtl"] p.data-attributes svg {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .avatars .avatar {
  margin-left: 10px;
  margin-right: unset; }
  html[dir="rtl"] .avatars .avatar:last-child {
    margin-left: 0; }
  html[dir="rtl"] .avatars .avatar .status {
    left: 4px;
    right: unset; }

html[dir="rtl"] .customers.avatar-group {
  margin-left: 30px;
  margin-right: unset; }

html[dir="rtl"] .card .card-header h5 {
  float: none !important; }

html[dir="rtl"] .knob-chart .chart-clock-main .clock-small {
  right: 10px;
  left: unset; }

html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
  left: 30px;
  right: unset; }
  html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks .btn-label {
    margin-left: 5px;
    margin-right: unset; }

html[dir="rtl"] .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn {
  text-align: left; }

html[dir="rtl"] .todo .notification-popup {
  left: 10px;
  right: unset; }

html[dir="rtl"] .todo-options .badges-todo h6 {
  margin-left: 10px;
  margin-right: unset; }
  html[dir="rtl"] .todo-options .badges-todo h6:last-child {
    margin-left: 0; }

html[dir="rtl"] .todo-list-btns .dropdown-basic .btn-group .form-group .checkbox {
  padding-right: 14px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  padding-left: unset;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset; }

html[dir="rtl"] .todo-list-btns .dropdown-basic .separated-btn {
  margin-right: -6px;
  margin-left: unset; }
  html[dir="rtl"] .todo-list-btns .dropdown-basic .separated-btn .btn {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px; }

html[dir="rtl"] .search-todo .dropdown-basic .btn-group {
  margin-left: 18px;
  margin-right: unset; }

html[dir="rtl"] .sticky-note .note {
  float: right; }

html[dir="rtl"] .mega-menu .list-unstyled div a {
  padding: 8px 0 8px 35px; }
  html[dir="rtl"] .mega-menu .list-unstyled div a:hover {
    padding: 8px 10px 8px 35px; }

html[dir="rtl"] #testimonial .owl-stage-outer .owl-stage .owl-item .slide--item .media .me-3 {
  margin-right: 1rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  left: 0px !important;
  right: unset !important; }

html[dir="rtl"] .needs-validation .input-group > .form-control:not(:last-child),
html[dir="rtl"] .needs-validation .input-group > .custom-select:not(:last-child),
html[dir="rtl"] .form-row .input-group > .form-control:not(:last-child),
html[dir="rtl"] .form-row .input-group > .custom-select:not(:last-child) {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .form-check {
  padding-right: 1.25rem;
  padding-left: unset; }
  html[dir="rtl"] .form-check .form-check-input {
    float: right;
    margin-left: unset;
    margin-right: -1.5em; }

html[dir="rtl"] .form-check-reverse .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: 10px; }

html[dir="rtl"] .mega-menu .default-according .card .btn-link {
  text-align: right; }

html[dir="rtl"] .mega-menu .default-according.style-1 button[aria-expanded="true"]:before,
html[dir="rtl"] .mega-menu .default-according.style-1 button[aria-expanded="false"]:before {
  right: unset;
  left: 20px; }

html[dir="rtl"] .email-wrap .row .col-xl-6 {
  padding-right: 0;
  padding-left: 15px; }

html[dir="rtl"] .email-wrap .row .col-xl-3 + .col-xl-3 {
  padding-left: 0;
  padding-right: 15px; }

html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li {
  text-align: right; }
  html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li a i {
    margin-right: unset;
    margin-left: 10px; }

html[dir="rtl"] .email-wrap .email-app-sidebar ul {
  padding-right: 0; }

html[dir="rtl"] .email-wrap .email-right-aside .email-body .pe-0 {
  padding-right: unset !important; }

html[dir="rtl"] .email-wrap .email-right-aside .radius-left {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-radius: 4px; }

html[dir="rtl"] #renderRange {
  float: left;
  padding-left: unset;
  padding-right: 12px; }

html[dir="rtl"] .event-calendar {
  direction: ltr; }

html[dir="rtl"] .calendar-wrap .fc {
  direction: rtl;
  text-align: right; }
  html[dir="rtl"] .calendar-wrap .fc .fc-toolbar .fc-left {
    float: right; }
  html[dir="rtl"] .calendar-wrap .fc .fc-toolbar .fc-right {
    float: left; }
  html[dir="rtl"] .calendar-wrap .fc .fc-toolbar > * > * {
    margin-left: 0; }

html[dir="rtl"] .calendar-wrap .fc-events-container {
  text-align: right; }

html[dir="rtl"] .calendar-wrap .fc-scroller {
  margin-right: unset;
  margin-left: -17px; }

html[dir="rtl"] .fc-agenda-view .fc-day-grid .fc-row {
  margin-right: 0 !important; }

html[dir="rtl"] .fc-unthemed .fc-row {
  margin-right: 0 !important; }

html[dir="rtl"] .btn-group-showcase .btn-group {
  margin-left: 20px;
  margin-right: unset; }

html[dir="rtl"] .btn-showcase .btn {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .btn-square.dropdown-toggle {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

html.button-builder[dir="rtl"] ul.the-icons li {
  float: right; }

html.button-builder[dir="rtl"] .color-slelector {
  float: right; }

html.button-builder[dir="rtl"] .custom-button-color .form-control {
  border-radius: 0 5px 5px 0; }
  html.button-builder[dir="rtl"] .custom-button-color .form-control.pull-left {
    float: right; }

html.button-builder[dir="rtl"] .hint-label {
  float: right;
  padding: 4px 020px 0 0; }

html[dir="rtl"] #customer-review .owl-item img {
  order: 2; }

html[dir="rtl"] .options > div {
  margin: 0 0 8px 8px; }

html[dir="rtl"] .modal-dialog .modal-content .modal-body p a {
  margin-left: 0; }

html[dir="rtl"] .drag-box fieldset .component .form-group .text-lg-left {
  text-align: right !important; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn,
html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn-right,
html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .checkbox-radius {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #prependedcheckbox {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #appendedcheckbox {
  border-right-color: #efefef; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #buttondropdown {
  margin-right: unset;
  margin-left: -1px; }

html[dir="rtl"] .drag form {
  text-align: right; }
  html[dir="rtl"] .drag form input {
    text-align: right; }
  html[dir="rtl"] .drag form label {
    text-align: right !important; }
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .btn,
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .btn-right,
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .checkbox-radius {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  html[dir="rtl"] .drag form .form-group .input-group #buttondropdown {
    margin-right: unset;
    margin-left: -1px; }

html[dir="rtl"] .draggable label {
  text-align: right; }

html[dir="rtl"] .form-builder-column .tab-content .tab-pane .theme-form .ui-draggable .input-group > .input-group-prepend > .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .form-group .input-group #buttondropdown,
html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group #buttondropdown {
  margin-right: unset;
  margin-left: 15px; }

html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .form-group .input-group .input-group-btn button,
html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group .input-group-btn button {
  border-radius: 4px !important; }

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .text-lg-left {
  text-align: right !important; }

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn,
html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn-right,
html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .checkbox-radius {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .form-builder .component .form-group .input-group #buttondropdown {
  margin-right: unset;
  margin-left: -1px; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .logo-wrapper {
  box-shadow: 9px 0 20px rgba(89, 102, 122, 0.1) !important; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .logo-wrapper a {
    transform: translate(-64px); }

html[dir="rtl"] .search-page .nav i {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .product-stts {
  display: inline-block; }
  html[dir="rtl"] .product-stts .ms-1 {
    margin-right: 0.25rem !important;
    margin-left: unset !important; }

html[dir="rtl"] .search-form input {
  padding: 10px 70px 10px 10px;
  text-align: right; }

html[dir="rtl"] .icon-hover-bottom .icon-title {
  text-align: right; }

html[dir="rtl"] .icon-lists div i {
  margin: 0 10px 0 15px; }

html[dir="rtl"] .icon-lists ul {
  padding-right: 0; }

html[dir="rtl"] ul.icon-lists {
  padding-right: 30px; }

html[dir="rtl"] .floated-customizer-btn.third-floated-btn {
  left: 35px;
  right: unset; }

html[dir="rtl"] .floated-customizer-btn > span {
  margin-right: 10px; }

html[dir="rtl"] .floated-customizer-panel {
  text-align: right;
  left: -85px;
  right: unset; }
  html[dir="rtl"] .floated-customizer-panel.active {
    left: 35px;
    right: unset; }
  html[dir="rtl"] .floated-customizer-panel .close-customizer-btn {
    left: 30px;
    right: unset; }
  html[dir="rtl"] .floated-customizer-panel ul {
    padding-right: 0; }

html[dir="rtl"] .form-builder-2-header > div nav {
  float: left; }

html[dir="rtl"] .radio label {
  padding-left: 0;
  padding-right: 8px; }
  html[dir="rtl"] .radio label::before {
    right: 0;
    margin-right: -20px;
    left: unset; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .row h3 {
  text-align: right;
  padding-left: 20px;
  padding-right: unset !important; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .row h6 {
  text-align: right; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-header {
  margin-right: 265px;
  margin-left: unset;
  width: calc(100% - 265px); }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header.close_icon {
    margin-right: 100px;
    margin-left: unset;
    width: calc(100% - 100px); }

html[dir="rtl"] .page-wrapper.modern-type .page-header {
  margin-right: 0;
  width: calc(100% - 0px); }
  html[dir="rtl"] .page-wrapper.modern-type .page-header.close_icon {
    margin-right: 0;
    width: calc(100% - 0px); }
  html[dir="rtl"] .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
    margin-right: unset;
    margin-left: 30px; }
  html[dir="rtl"] .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
    margin-right: unset;
    margin-left: 15px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper .page-body {
  margin-right: 310px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper .footer {
  margin-left: 55px;
  margin-right: 360px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
  margin-right: 0px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
  margin-right: 0; }

html[dir="rtl"] .page-header .header-wrapper .nav-right {
  text-align: right; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right .onhover-show-div {
    right: unset;
    left: 0; }
    @media (max-width: 575.98px) {
      html[dir="rtl"] .page-header .header-wrapper .nav-right .onhover-show-div {
        left: 12px; } }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .page-header .header-wrapper .nav-right .cart-dropdown li {
      padding: 10px; } }
  html[dir="rtl"] .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
    right: unset;
    left: 0; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li .lang-txt {
    margin-left: 0;
    margin-right: 8px; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.notification-down:nth-child(5)::before {
    left: -8px;
    right: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:before {
    left: 0;
    right: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li .dot {
    left: 17px;
    right: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown:hover .onhover-show-div:before {
    right: 10px;
    left: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown:hover .onhover-show-div:after {
    right: 10px;
    left: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li i.ms-2 {
    margin-right: 0.5rem !important;
    margin-left: unset !important; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right .profile-dropdown li svg {
    margin-right: unset;
    margin-left: 10px; }

html[dir="rtl"] .page-header .header-wrapper .mobile-sidebar {
  padding-left: 20px;
  padding-right: unset; }

html[dir="rtl"] .page-header.open {
  margin-right: 0; }

html[dir="rtl"] ul.notification-dropdown.onhover-show-div {
  right: initial;
  left: -30px;
  padding: 0; }
  html[dir="rtl"] ul.notification-dropdown.onhover-show-div:before {
    right: inherit !important;
    left: 35px !important; }
  html[dir="rtl"] ul.notification-dropdown.onhover-show-div:after {
    right: inherit !important;
    left: 35px !important; }
  html[dir="rtl"] ul.notification-dropdown.onhover-show-div li {
    margin-right: 0 !important; }
    html[dir="rtl"] ul.notification-dropdown.onhover-show-div li span.badge {
      margin-left: unset !important; }
    html[dir="rtl"] ul.notification-dropdown.onhover-show-div li span svg {
      margin-right: unset;
      margin-left: 10px; }
    html[dir="rtl"] ul.notification-dropdown.onhover-show-div li .notification-icon {
      margin-left: 20px;
      margin-right: unset; }

html[dir="rtl"] .card-body .alert svg ~ p {
  padding-left: unset;
  padding-right: 20px; }

html[dir="rtl"] .alert i {
  margin-left: 5px;
  margin-right: 0; }

html[dir="rtl"] .inverse {
  padding: 13px 65px 13px 20px; }
  html[dir="rtl"] .inverse i {
    left: unset;
    right: 0; }

html[dir="rtl"] .alert-primary.inverse:before {
  border-right: 7px solid #006666;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-secondary.inverse:before {
  border-right: 7px solid #FE6A49;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-success.inverse:before {
  border-right: 7px solid #00AC46;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-danger.inverse:before {
  border-right: 7px solid #FE6A49;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-warning.inverse:before {
  border-right: 7px solid #FFAE1A;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-info.inverse:before {
  border-right: 7px solid #173878;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-light.inverse:before {
  border-right: 7px solid #E6E9EB;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-dark.inverse:before {
  border-right: 7px solid #2c323f;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-dismissible .btn-close {
  left: 4px;
  right: unset; }
  html[dir="rtl"] .alert-dismissible .btn-close span {
    padding-left: 0;
    padding-right: unset; }

html[dir="rtl"] .icofont.icofont-truck {
  display: inline-block; }

html[dir="rtl"] .blog-box .blog-details {
  padding-left: 20px;
  text-align: right; }
  html[dir="rtl"] .blog-box .blog-details .blog-social {
    padding-right: 0; }
    html[dir="rtl"] .blog-box .blog-details .blog-social li {
      padding-left: 40px;
      padding-right: unset; }
      html[dir="rtl"] .blog-box .blog-details .blog-social li:first-child {
        border-left: 1px solid #777777;
        border-right: unset;
        padding-left: 40px;
        padding-right: unset; }
      html[dir="rtl"] .blog-box .blog-details .blog-social li + li {
        margin-right: 30px;
        margin-left: unset;
        padding-left: 0; }

html[dir="rtl"] .blog-box .blog-details-main .blog-social li {
  border-left: 1px dotted;
  border-right: unset; }
  html[dir="rtl"] .blog-box .blog-details-main .blog-social li:last-child {
    border-left: none; }

html[dir="rtl"] .blog-box .blog-date span {
  font-size: 36px;
  font-weight: 500;
  padding-left: 5px; }

html[dir="rtl"] .comment-box .media img {
  margin-left: 45px;
  margin-right: unset; }

html[dir="rtl"] .comment-box .media h6 {
  text-align: right; }

html[dir="rtl"] .comment-box ul ul {
  margin-right: 135px;
  margin-left: unset;
  padding-right: 0; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .comment-box ul ul {
      margin-right: 30px; } }
html[dir="rtl"] .comment-box .comment-social {
  text-align: left; }
  html[dir="rtl"] .comment-box .comment-social li {
    padding-left: 0;
    padding-right: 20px; }
    html[dir="rtl"] .comment-box .comment-social li:first-child {
      border-left: 1px solid #efefef;
      border-right: unset;
      padding-right: 0;
      padding-left: 20px; }

html[dir="rtl"] .button-builder-wrap .form-group .btn {
  margin-left: 15px;
  margin-right: 0;
  padding: 9px; }

html[dir="rtl"] .button-builder ul.the-icons {
  padding-right: 0 !important; }

html[dir="rtl"] .chat-msg-box ul {
  padding-right: 0; }

html[dir="rtl"] .cke_toolbar,
html[dir="rtl"] .cke_toolgroup,
html[dir="rtl"] a.cke_button,
html[dir="rtl"] .cke_combo_text {
  float: right; }

html[dir="rtl"] .cke_reset_all,
html[dir="rtl"] .cke_reset_all *,
html[dir="rtl"] .cke_reset_all a,
html[dir="rtl"] .cke_reset_all textarea {
  text-align: right; }

html[dir="rtl"] .cke_combo_text {
  padding-left: unset;
  padding-right: 10px; }

html[dir="rtl"] #editor1 #cke_editor1 #cke_1_contents iframe html {
  direction: rtl !important; }

html[dir="rtl"] #clockdiv ul {
  padding-right: 0; }

html[dir="rtl"] .custom-card .card-footer > div + div {
  border-right: 1px solid #efefef;
  border-left: unset !important; }

html[dir="rtl"] .card-social {
  padding-right: 0; }

html[dir="rtl"] .card-absolute .card-header {
  right: 15px;
  left: unset; }

html[dir="rtl"] .dataTables_wrapper .dataTables_filter input[type="search"] {
  margin-right: 10px;
  margin-left: 0; }

html[dir="rtl"] .dataTables_wrapper .dataTables_length {
  float: right; }

html[dir="rtl"] .dataTables_wrapper .dataTables_filter {
  margin-left: unset;
  margin-right: 15px;
  float: left; }

html[dir="rtl"] .dataTables_wrapper .dataTables_info {
  float: right; }

html[dir="rtl"] .dataTables_wrapper .advance-5_filter {
  margin-left: 0; }

html[dir="rtl"] .dataTables_wrapper .btn-group button {
  margin-left: 5px;
  margin-right: unset; }
  html[dir="rtl"] .dataTables_wrapper .btn-group button:last-child {
    margin-left: 0; }

html[dir="rtl"] .dataTables_wrapper table.dataTable tbody td.select-checkbox:after,
html[dir="rtl"] .dataTables_wrapper table.dataTable tbody th.select-checkbox:after {
  margin-left: 31px; }

html[dir="rtl"] div.dataTables_wrapper div.dataTables_paginate {
  margin-right: 15px !important;
  margin-left: 0 !important;
  float: left; }

html[dir="rtl"] table.dataTable thead > tr > th {
  padding-left: 30px;
  padding-right: 12px; }
  html[dir="rtl"] table.dataTable thead > tr > th:before {
    left: 1em !important;
    right: unset; }
  html[dir="rtl"] table.dataTable thead > tr > th:after {
    left: 0.5em !important;
    right: unset; }

html[dir="rtl"] table.dataTable thead .sorting:before,
html[dir="rtl"] table.dataTable thead .sorting_asc:before,
html[dir="rtl"] table.dataTable thead .sorting_desc:before,
html[dir="rtl"] table.dataTable thead .sorting_asc_disabled:before,
html[dir="rtl"] table.dataTable thead .sorting_desc_disabled:before {
  left: 1em !important;
  right: unset; }

html[dir="rtl"] .dataTables_scrollHeadInner {
  padding-right: unset !important;
  padding-left: 0 !important; }

html[dir="rtl"] div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
  padding-right: 0;
  padding-left: 0; }

html[dir="rtl"] div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
  padding-right: 0;
  padding-left: 0; }

html[dir="rtl"] .dt-plugin-buttons button.m-r-10 {
  margin-left: 10px;
  margin-right: 0; }

html[dir="rtl"] .datetime-picker .theme-form .form-group label {
  text-align: left !important; }

html[dir="rtl"] .datetime-picker .theme-form .form-group .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .datetime-picker .theme-form .form-group .input-group .form-control {
  border-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

html[dir="rtl"] .dropdown-basic .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important; }

html[dir="rtl"] .dropdown-basic .separated-btn .btn {
  border-radius: 0.25rem;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

html[dir="rtl"] .dropdown-basic .btn-group {
  margin-right: unset;
  margin-left: 18px; }

html[dir="rtl"] .error-wrapper .col-md-8.offset-md-2 {
  margin: 0 auto !important; }

html[dir="rtl"] .timeline-calendar .custom-calendar .time-line .fc-header-toolbar {
  left: 15px !important; }

html[dir="rtl"] .product-price del {
  padding-left: 20px;
  padding-right: 0; }

html[dir="rtl"] .product-box .modal .modal-header .btn-close {
  right: unset;
  left: 15px; }

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-left.ribbon-info:before,
html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
  border-left-color: #007bff; }

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-left:before,
html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-right:before {
  right: 0;
  left: unset;
  border-left: 15px solid #2a3142; }

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-info:before {
  border-left-color: transparent; }

html[dir="rtl"] .product-box .ribbon-warning.ribbon-clip:before {
  border-left-color: #ff850d;
  border-right-color: unset; }

html[dir="rtl"] .product-box .ribbon-clip {
  right: -14px;
  left: unset; }
  html[dir="rtl"] .product-box .ribbon-clip:before {
    right: 0;
    left: unset; }

html[dir="rtl"] .product-hover ul {
  padding-right: 0; }

html[dir="rtl"] .customer-review .media img {
  margin-left: 25px;
  margin-right: 0; }

html[dir="rtl"] .nav {
  padding-right: 0; }

html[dir="rtl"] .custom-tab {
  padding: 4px; }

html[dir="rtl"] .custom-file-label::after {
  left: 0;
  right: unset; }

html[dir="rtl"] .wizard-4 ul.anchor {
  float: right; }

html[dir="rtl"] .wizard-4 .step-container {
  clear: unset; }

html[dir="rtl"] .wizard-4 .form-group {
  text-align: right; }

html[dir="rtl"] .wizard-4 .action-bar .btn {
  float: left; }

html[dir="rtl"] .f1 .f1-buttons {
  text-align: left; }

html[dir="rtl"] .f1 .f1-steps .f1-step {
  float: right; }

html[dir="rtl"] .jstree-default .jstree-node {
  margin-left: unset;
  margin-right: 24px;
  background-position: -292px -4px;
  background-repeat: repeat-y; }

html[dir="rtl"] .img-cropper .btn-group {
  margin-right: 0;
  margin-left: 10px; }
  html[dir="rtl"] .img-cropper .btn-group button:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  html[dir="rtl"] .img-cropper .btn-group button:first-child {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

html[dir="rtl"] .docs-toggles .btn-group .btn {
  border-radius: 0; }
  html[dir="rtl"] .docs-toggles .btn-group .btn:last-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  html[dir="rtl"] .docs-toggles .btn-group .btn:first-child {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle) > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .jsgrid-button + .jsgrid-button {
  margin-right: 5px;
  margin-left: unset; }

html[dir="rtl"] .list-group {
  padding-right: 0; }
  html[dir="rtl"] .list-group i,
  html[dir="rtl"] .list-group img {
    margin-left: 10px;
    margin-right: 0; }

html[dir="rtl"] .authentication-box {
  text-align: right; }

html[dir="rtl"] .mega-horizontal .offset-sm-3 {
  margin-right: 25%;
  margin-left: unset; }

html[dir="rtl"] .navs-icon svg {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .navs-icon .fa {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .nav-list .nav-list-disc {
  text-align: right;
  padding-right: 0; }

html[dir="rtl"] .ps-4 {
  padding-right: 30px !important;
  padding-left: 0 !important; }

html[dir="rtl"] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:before {
  left: 77px;
  right: unset; }

html[dir="rtl"] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after {
  left: 77px;
  right: unset; }

html[dir="rtl"] .navs-dropdown .onhover-show-div .navs-icon li {
  text-align: right; }

html[dir="rtl"] .navs-icon.default-according.style-1 li button[aria-expanded="true"]:before {
  left: 2px;
  right: unset; }

html[dir="rtl"] .navs-icon.default-according.style-1 li button[aria-expanded="false"]:before {
  left: 2px;
  right: unset; }

html[dir="rtl"] .search-form .form-group:after {
  right: 53px;
  left: unset; }

html[dir="rtl"] .search-form .form-group:before {
  right: 82px;
  left: unset; }

html[dir="rtl"] .order-history table tbody tr td .product-name .order-process .order-process-circle:before {
  right: -15px;
  left: unset; }

html[dir="rtl"] .product-page-details span {
  padding-right: 15px;
  padding-left: 0; }

html[dir="rtl"] .fg-emoji-picker-search .fg-emoji-picker-search-icon {
  left: 0px; }

html[dir="rtl"] .m-checkbox-inline label {
  margin-left: 20px;
  margin-right: 0; }

html[dir="rtl"] .form-label-align-right label {
  text-align: left; }

html[dir="rtl"] .br-theme-bars-reversed .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-movie .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-1to10 .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-square .br-widget .br-current-rating {
  float: right; }

html[dir="rtl"] .br-theme-bars-reversed .br-widget a,
html[dir="rtl"] .br-theme-bars-movie .br-widget a,
html[dir="rtl"] .br-theme-bars-1to10 .br-widget a,
html[dir="rtl"] .br-theme-bars-square .br-widget a {
  float: right; }

html[dir="rtl"] .ribbon-left {
  right: auto;
  left: -2px; }

html[dir="rtl"] .ribbon-vertical-left {
  right: auto;
  left: 12px; }

html[dir="rtl"] .ribbon-vertical-right {
  right: auto;
  left: 12px; }

html[dir="rtl"] .star-ratings ul.search-info {
  padding-right: 0; }
  html[dir="rtl"] .star-ratings ul.search-info li + li {
    border-right: 1px solid #a5afc6;
    border-left: unset;
    padding-right: 8px;
    padding-left: 0;
    margin-right: 8px;
    margin-left: 0; }

html[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow {
  left: 10px !important;
  right: unset !important; }

html[dir="rtl"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
  float: right; }

html[dir="rtl"] .selection .select2-selection .select2-search__field {
  text-align: right; }

html[dir="rtl"] .select2-results__option {
  text-align: right; }

html[dir="rtl"] .editor-statusbar {
  text-align: left; }
  html[dir="rtl"] .editor-statusbar span {
    margin-right: 1em;
    margin-left: unset; }

html[dir="rtl"] .CodeMirror-scroll {
  margin-left: -30px;
  margin-right: unset; }

html[dir="rtl"] .primary-color ul,
html[dir="rtl"] .yellow-color ul {
  padding-right: 0; }

html[dir="rtl"] .u-step-desc {
  text-align: right; }

html[dir="rtl"] .u-step-number {
  right: 20px;
  left: unset; }
  html[dir="rtl"] .u-step-number ~ .u-step-desc {
    margin-right: 50px; }

html[dir="rtl"] .u-pearl:after {
  left: 0;
  right: unset; }

html[dir="rtl"] .u-pearl:before {
  right: 0;
  left: unset; }

html[dir="rtl"] .u-step-icon {
  float: right;
  margin-left: .5em;
  margin-right: unset; }

html[dir="rtl"] .list-icons {
  padding-right: 0; }

html[dir="rtl"] .card-header.note-toolbar .note-color .dropdown-toggle {
  padding-right: 5px; }

html[dir="rtl"] .card-header.note-toolbar .form-group.draggable {
  text-align: right; }

html[dir="rtl"] .card-header.note-toolbar .form-check {
  padding-right: 24px;
  padding-left: unset; }

html[dir="rtl"] .card-header.note-toolbar form .custom-control {
  padding-right: 24px;
  padding-left: unset; }
  html[dir="rtl"] .card-header.note-toolbar form .custom-control .custom-control-label::after {
    right: 0;
    left: unset; }
  html[dir="rtl"] .card-header.note-toolbar form .custom-control .custom-control-label::before {
    right: 0;
    left: unset; }

html[dir="rtl"] .dropdown-toggle::after {
  margin-right: 0.255em;
  margin-left: unset; }

html[dir="rtl"] .checkbox label {
  padding-right: 8px;
  padding-left: unset; }
  html[dir="rtl"] .checkbox label::before {
    right: 0;
    left: unset;
    margin-right: -16px;
    margin-left: unset; }

html[dir="rtl"] .checkbox-wrapper li label,
html[dir="rtl"] .radio-wrapper li label {
  padding-right: 0; }

html[dir="rtl"] .radio label::after {
  right: 5px;
  left: unset;
  margin-right: -20px;
  margin-left: unset; }

html[dir="rtl"] .cd-timeline-img i {
  right: 40%;
  left: unset;
  margin-right: -12px;
  margin-left: unset; }

html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content {
  float: left;
  border-left: 7px solid #eeeeee;
  border-right: unset; }
  html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    right: auto;
    left: 122%;
    text-align: left; }
  html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    right: auto;
    left: 100%;
    border: 15px solid transparent;
    border-left: 15px solid #f4f4f4; }

html[dir="rtl"] .cd-timeline-content .cd-date {
  right: 122%;
  left: unset; }

html[dir="rtl"] .introjs-tooltip {
  right: 0;
  left: unset; }

html[dir="rtl"] .introjs-helperNumberLayer {
  right: -16px;
  left: unset; }

html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltiptext {
  text-align: right; }

html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons {
  text-align: left; }
  html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-skipbutton {
    margin-left: 5px;
    margin-right: unset; }
  html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-nextbutton {
    -webkit-border-radius: 0.2em 0 0 0.2em;
    -moz-border-radius: 0.2em 0 0 0.2em;
    border-radius: 0.2em 0 0 0.2em; }

html[dir="rtl"] .list-inline-item:not(:last-child) {
  margin-left: 0.5rem;
  margin-right: unset; }

html[dir="rtl"] .like-comment ul.list-inline {
  padding-right: 0; }

html[dir="rtl"] .typeahead {
  text-align: right; }

html[dir="rtl"] .listing ul {
  padding-right: 0; }
  html[dir="rtl"] .listing ul .icofont {
    float: right; }

html[dir="rtl"] .gallery .hover-5 img {
  margin-right: 30px; }

html[dir="rtl"] .gallery .hover-5:hover img {
  margin-right: 0; }

html[dir="rtl"] .lg-outer {
  text-align: right; }

html[dir="rtl"] .lg-toolbar .lg-icon {
  float: left; }

html[dir="rtl"] #lg-counter {
  padding-right: 20px;
  padding-left: unset;
  float: right; }

html[dir="rtl"] .chart-widget-top .text-end {
  text-align: left !important; }

html[dir="rtl"] .chart-widget-top .num .ms-1 {
  margin-right: 0.25rem !important; }

html[dir="rtl"] .bar-chart-widget .earning-details i {
  left: -240px; }

html[dir="rtl"] .bar-chart-widget .bottom-content .b-r-light {
  border-left: 1px solid #eeeeee !important;
  border-right: unset !important; }

html[dir="rtl"] .bar-chart-widget .bottom-content .num .ms-1 {
  margin-right: 0.25rem !important; }

html[dir="rtl"] .chart-vertical-center #myDoughnutGraph,
html[dir="rtl"] .chart-vertical-center #myPolarGraph {
  width: auto !important; }

html[dir="rtl"] .crm-activity ul.dates li + li {
  border-right: 1px solid #ddd;
  padding-right: 10px;
  margin-right: 5px;
  border-left: unset;
  padding-left: unset;
  margin-left: unset; }

html[dir="rtl"] div.dt-buttons {
  float: right; }

html[dir="rtl"] .dt-button-collection {
  left: -39px !important; }

html[dir="rtl"] .dropzone .dz-preview .dz-error-mark,
html[dir="rtl"] .dropzone .dz-preview .dz-success-mark {
  right: 50%;
  margin-right: -27px;
  margin-left: unset;
  left: unset; }

html[dir="rtl"] .page-wrapper .page-body-wrapper footer {
  margin-right: 265px;
  margin-left: unset; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper footer p i {
    margin-right: 5px;
    margin-left: unset; }

html[dir="rtl"] .footer-copyright {
  text-align: right; }

html[dir="rtl"] .footer-links {
  text-align: left; }

html[dir="rtl"] .page-item:first-child .page-link {
  margin-right: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none; }

html[dir="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; }

html[dir="rtl"] .popover.top > .arrow:after,
html[dir="rtl"] .popover.bottom > .arrow:after {
  margin-right: -10px;
  margin-left: unset; }

html[dir="rtl"] .bootstrap-touchspin > .input-group-append > .btn,
html[dir="rtl"] .bootstrap-touchspin > .input-group-append > .input-group-text {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

html[dir="rtl"] .bootstrap-touchspin > .form-control:not(:last-child),
html[dir="rtl"] .bootstrap-touchspin > .custom-select:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .typeahead span.twitter-typeahead .tt-suggestion {
  text-align: right; }

html[dir="rtl"] .typeahead .league-name {
  text-align: right;
  margin-right: 5px; }

html[dir="rtl"] .follow .text-md-right {
  text-align: left !important; }

html[dir="rtl"] .jvectormap-zoomin,
html[dir="rtl"] .jvectormap-zoomout,
html[dir="rtl"] .jvectormap-goback {
  right: 10px;
  left: unset; }

html[dir="rtl"] .customizer-links {
  right: unset;
  left: 0; }
  html[dir="rtl"] .customizer-links > .nav {
    padding-right: 10px; }
  html[dir="rtl"] .customizer-links .nav-link:after {
    right: -10px;
    left: unset;
    border-width: 5px 5px 5px 0;
    border-left-color: unset;
    border-right-color: rgba(0, 102, 102, 0.1); }
  html[dir="rtl"] .customizer-links .nav-link span {
    right: unset;
    left: -60px; }
  html[dir="rtl"] .customizer-links .nav-link:hover span {
    left: 48px; }
  html[dir="rtl"] .customizer-links.open {
    right: unset;
    left: 330px;
    border-radius: 0 8px 8px 0; }

html[dir="rtl"] .customizer-contain {
  width: 330px;
  right: unset;
  left: -330px; }
  html[dir="rtl"] .customizer-contain.open {
    right: unset;
    left: 0px; }
  html[dir="rtl"] .customizer-contain .customizer-header .icon-close {
    left: unset;
    right: 30px; }

html[dir="rtl"] .box-layout.page-wrapper.horizontal-wrapper .page-header {
  padding-right: 250px;
  padding-left: unset; }
  html[dir="rtl"] .box-layout.page-wrapper.horizontal-wrapper .page-header.open {
    padding-right: 0; }

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 230px; }

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
  width: 1280px;
  padding-left: 0;
  left: 50%; }

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-header {
  margin-left: auto;
  margin-right: auto;
  padding-left: unset;
  padding-right: 230px; }
  html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-header.close_icon {
    padding-right: 100px; }

html[dir="rtl"] body.dark-only .custom-card .card-footer > div + div {
  border-right: 1px solid rgba(255, 255, 255, 0.1); }

html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(odd) .cd-timeline-content::before {
  border-left: none;
  border-right-color: #1A1C23; }

html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
  border-left-color: #1A1C23;
  border-right: unset; }

html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-r-light,
html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right {
  border-right: none !important;
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important; }

@media screen and (max-width: 1660px) {
  html[dir="rtl"] .caller-img {
    left: unset;
    right: 15px; } }

@media only screen and (max-width: 1366px) {
  html[dir="rtl"] .profile-dropdown.onhover-show-div {
    right: unset !important;
    left: 0 !important; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right ul li.onhover-dropdown.notification-down:nth-child(5)::before {
    right: 47px;
    left: unset; }
  html[dir="rtl"] .product-wrapper .product-grid .feature-products {
    margin-right: 0; }
  html[dir="rtl"] .product-grid {
    margin-right: 0; }
  html[dir="rtl"] .d-none-productlist {
    margin-left: 10px;
    margin-right: unset; }
  html[dir="rtl"] .photos ul li:nth-child(3n) {
    margin-left: 15px;
    margin-right: unset; } }

@media (min-width: 1200px) {
  html[dir="rtl"] .float-xl-end {
    float: left !important; }
  html[dir="rtl"] .pixelstrap ul a:hover .sub-arrow, html[dir="rtl"] .pixelstrap ul a:focus .sub-arrow, html[dir="rtl"] .pixelstrap ul a:active .sub-arrow, html[dir="rtl"] .pixelstrap ul a.highlighted .sub-arrow {
    left: 3px;
    right: unset; } }

@media (min-width: 992px) {
  html[dir="rtl"] .text-lg-start {
    text-align: right !important; } }

@media only screen and (max-width: 1199.98px) {
  html[dir="rtl"] .jkanban-container .btn {
    margin-left: unset;
    margin-right: 20px; }
  html[dir="rtl"] .link-section > div > h6:before {
    right: unset;
    left: 10px; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right > ul li .submenu li:first-child {
    padding-right: 15px !important;
    padding-left: 15px !important; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 45px; }
  html[dir="rtl"] .email-wrap .row .col-xl-6 {
    padding-right: 15px; }
  html[dir="rtl"] .email-wrap .row .col-xl-3 + .col-xl-3 {
    padding-left: 15px; }
  html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li {
    text-align: right; }
    html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li a i {
      margin-right: unset;
      margin-left: 10px; }
  html[dir="rtl"] .email-wrap .email-app-sidebar ul {
    padding-right: 0; }
  html[dir="rtl"] .email-wrap .email-right-aside .email-body .pe-0 {
    padding-right: unset !important; }
  html[dir="rtl"] .email-wrap .email-right-aside .radius-left {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-radius: 4px; }
  html[dir="rtl"] .chat-menu-icons {
    text-align: left; }
  html[dir="rtl"] .chat-menu {
    left: 0;
    right: unset; } }

@media only screen and (max-width: 991.98px) {
  html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
    left: 20px; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translate(285px); }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
      transform: translate(285px); }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn {
    float: left;
    transform: rotate(180deg); }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
    margin-right: 0;
    border-right: none;
    padding-right: 0;
    border-left: 1px solid #ddd;
    margin-left: 15px;
    padding-left: 15px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-header {
    margin-right: 0; }
  html[dir="rtl"] .page-wrapper.material-icon .page-header {
    padding-right: 0; }
  html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper .page-body {
    padding-right: 15px; }
  html[dir="rtl"] .faq-accordion .faq-header svg {
    left: 20px; }
  html[dir="rtl"] .page-wrapper .page-header .header-logo-wrapper .logo-wrapper img {
    margin-left: 15px;
    margin-right: unset; }
  html[dir="rtl"] .page-body-wrapper .page-body,
  html[dir="rtl"] .page-body-wrapper footer {
    margin-right: 0 !important; }
  html[dir="rtl"] .main .langChoice {
    left: 20px; }
  html[dir="rtl"] .cd-timeline-img i {
    right: 50% !important; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .breadcrumb {
    margin-right: 0; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 60px); }
  html[dir="rtl"] .page-wrapper .page-header {
    margin-right: 0; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header {
    margin-right: 0 !important;
    margin-left: unset !important; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-wrapper.close_icon {
    transform: translate(285px); }
  html[dir="rtl"] .card-body .value-left {
    margin-left: 20px; }
  html[dir="rtl"] .bookmark ul li .search-form .form-control-search {
    left: -127px; }
  html[dir="rtl"] .card .card-header .card-header-right {
    left: 15px; } }

@media only screen and (max-width: 991px) and (min-width: 768px) {
  html[dir="rtl"] .page-wrapper.compact-wrapper.material-type .page-body-wrapper div.sidebar-wrapper {
    left: unset;
    right: 0; } }

@media (min-width: 768px) {
  html[dir="rtl"] .float-md-end {
    float: left !important; }
  html[dir="rtl"] .income-wrap .ps-md-0 {
    padding-left: 30px !important;
    padding-right: 0 !important; }
  html[dir="rtl"] .text-md-end {
    text-align: left !important; }
  html[dir="rtl"] .offset-md-3 {
    margin-right: 25%;
    margin-left: unset; }
  html[dir="rtl"] .text-md-start {
    text-align: right !important; }
  html[dir="rtl"] .ecommerce-widget .text-md-end {
    text-align: left !important; }
    html[dir="rtl"] .ecommerce-widget .text-md-end ul {
      text-align: left; } }

@media only screen and (max-width: 767.98px) {
  html[dir="rtl"] .list-persons .profile-mail .email-general ul {
    padding-left: 0; }
  html[dir="rtl"] .file-content .form-inline {
    padding: 0px 20px 0px 0px; }
  html[dir="rtl"] .product-wrapper.sidebaron .product-grid .product-wrapper-grid {
    margin-right: 0; }
  html[dir="rtl"] .product-sidebar {
    transform: translateX(300px) scaleX(1); }
    html[dir="rtl"] .product-sidebar.open {
      transform: translateX(0px) scaleX(1); }
  html[dir="rtl"] .feature-products .filter-toggle {
    margin-right: 10px;
    margin-left: unset; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 25px !important; }
  html[dir="rtl"] .ecommerce-widget .text-md-right {
    text-align: left !important; }
  html[dir="rtl"] .bar-chart-widget .earning-details i {
    left: -147px !important; } }

@media (min-width: 576px) {
  html[dir="rtl"] .offset-sm-3 {
    margin-right: 25%;
    margin-left: unset; }
  html[dir="rtl"] .text-sm-end {
    text-align: left !important; }
  html[dir="rtl"] .float-sm-end {
    float: left !important; }
  html[dir="rtl"] .me-sm-2 {
    margin-left: 0.5rem !important;
    margin-right: unset !important; } }

@media only screen and (max-width: 575.98px) {
  html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
    left: 15px; }
  html[dir="rtl"] .list-persons .nav-pills .nav-link .media .media-body {
    text-align: right; }
  html[dir="rtl"] .mega-menu {
    padding-left: unset;
    padding-right: 15px; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right > ul li {
    margin-right: unset;
    margin-left: 1px; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
    left: 0; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, html[dir="rtl"] .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
    margin-left: 8px;
    padding-left: 8px;
    margin-right: unset;
    padding-right: unset;
    border-right: unset;
    border-left: 1px solid #ddd; }
  html[dir="rtl"] .translate_wrapper.active .more_lang.active {
    left: unset;
    right: 12px; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:last-child {
    padding-right: 10px; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul.notification-dropdown {
    left: unset !important;
    right: 15px !important; }
  html[dir="rtl"] .faq-accordion .faq-header svg {
    left: 15px; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 15px !important; }
    html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li {
      margin-left: 0px; }
  html[dir="rtl"] .main .langChoice {
    left: 15px; }
  html[dir="rtl"] .page-wrapper .search-form .form-group {
    margin-left: 0; }
  html[dir="rtl"] .card-body .value-left {
    margin-left: 15px; } }

@media only screen and (max-width: 480px) {
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
    right: unset;
    left: 20px; }
  html[dir="rtl"] .knob-chart .chart-clock-main {
    width: unset; }
    html[dir="rtl"] .knob-chart .chart-clock-main .clock-small {
      right: 32px; }
    html[dir="rtl"] .knob-chart .chart-clock-main .clock-large {
      right: 0;
      left: unset; }
    html[dir="rtl"] .knob-chart .chart-clock-main .clock-medium {
      right: 32px;
      left: unset; } }

@media only screen and (max-width: 420px) {
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    right: 112px; }
  html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    right: 80px; } }

@media only screen and (max-width: 360px) {
  html[dir="rtl"] .prooduct-details-box .close {
    left: 0; }
  html[dir="rtl"] .social-app-profile .hovercard .user-image .avatar {
    margin-top: -47px; }
    html[dir="rtl"] .social-app-profile .hovercard .user-image .avatar img {
      width: 85px;
      height: 85px; }
  html[dir="rtl"] .social-chat .other-msg {
    margin-right: 15px; } }

@media screen and (max-width: 1460px) {
  html[dir="rtl"] .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-left: 8px;
    margin-right: unset; } }

/**=====================
    5.8 Rtl CSS Ends
==========================**/
/**=====================
  5.9 Box-layout CSS start
==========================**/
.box-layout {
  background-blend-mode: overlay;
  background-color: rgba(255, 255, 255, 0.5);
  overflow: hidden; }
  .box-layout.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu {
    background-color: #1A1C23; }
  .box-layout.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links > li:hover .sidebar-submenu {
    opacity: 1;
    visibility: visible;
    display: block !important;
    top: 58px; }
  .box-layout .today-work-table .today-working-table tbody tr td {
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom: 1px dashed #E6E9EB; }
  .box-layout .today-work-table .today-working-table tbody tr td:nth-child(1) {
    min-width: 165px; }
  .box-layout .today-work-table .today-working-table tbody tr td:nth-child(2) {
    min-width: 170px; }
  .box-layout .today-work-table .today-working-table tbody tr td:nth-child(3) {
    display: none; }
  .box-layout .today-work-table .today-working-table tbody tr:first-child td {
    padding-top: 0px; }
  .box-layout .today-work-table .today-working-table tbody tr td a {
    color: #051A1A;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .box-layout .today-work-table .today-working-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }
  .box-layout .today-work-table .today-working-table tbody tr:last-child td {
    padding-bottom: 0px;
    border: none; }
  .box-layout .tranaction-table thead {
    background-color: rgba(230, 233, 235, 0.3); }
    .box-layout .tranaction-table thead tr th {
      padding: 20px; }
      .box-layout .tranaction-table thead tr th:nth-child(1) {
        min-width: 160px; }
      .box-layout .tranaction-table thead tr th:nth-child(2) {
        min-width: 150px;
        padding: 20px 0px; }
      .box-layout .tranaction-table thead tr th:nth-child(3) {
        display: none; }
      .box-layout .tranaction-table thead tr th:nth-child(4) {
        min-width: 100px;
        padding: 20px 0px; }
      .box-layout .tranaction-table thead tr th:nth-child(5) {
        min-width: 50px; }
      .box-layout .tranaction-table thead tr th:first-child {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .box-layout .tranaction-table thead tr th:last-child {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; }
  .box-layout .tranaction-table tbody tr {
    border-bottom: 1px solid #E6E9EB; }
    .box-layout .tranaction-table tbody tr td {
      padding-top: 17px;
      padding-bottom: 17px; }
      .box-layout .tranaction-table tbody tr td .status-process {
        border-radius: 15px;
        padding: 12px; }
      .box-layout .tranaction-table tbody tr td:nth-child(3) {
        display: none; }
      .box-layout .tranaction-table tbody tr td:last-child .product-sub {
        text-align: center; }
    .box-layout .tranaction-table tbody tr:last-child {
      border: none; }
      .box-layout .tranaction-table tbody tr:last-child td {
        padding-bottom: 0px; }
  .box-layout .tranaction-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }
  @media only screen and (min-width: 1280px) {
    .box-layout .page-wrapper .page-header .header-wrapper .nav-right > ul > li .form-group .Typeahead .u-posRelative input {
      width: 96px !important; }
    .box-layout .learning-filter {
      order: -1; }
    .box-layout .artist-table .appointment-table.customer-table table tr td:last-child {
      min-width: 100px; }
    .box-layout .md-sidebar .md-sidebar-toggle {
      display: block; }
    .box-layout .md-sidebar .md-sidebar-aside {
      position: absolute;
      top: 40px;
      left: 0;
      opacity: 0;
      visibility: hidden;
      z-index: 3;
      width: 280px; }
      .box-layout .md-sidebar .md-sidebar-aside.open {
        opacity: 1;
        visibility: visible; }
    .box-layout .job-sidebar {
      background-color: var(--white);
      padding: 20px; }
    .box-layout .widget-1.mb-xl-0 {
      margin-bottom: 25px !important; }
    .box-layout .radial-progress-card .radial-chart-wrap {
      margin-right: -10px; }
    .box-layout .currency-widget div[class*=bg-light-] {
      display: none; }
    .box-layout .box-order .order-1 {
      order: 1 !important; }
    .box-layout .activity-card .appointment-table.customer-table {
      height: 187px; }
    .box-layout .transaction-table tr td:first-child {
      min-width: 150px; }
    .box-layout .purchase-card img {
      margin: -210px auto 0;
      width: 80%; }
    .box-layout .purchase-card.discover {
      margin-top: 90px; }
      .box-layout .purchase-card.discover img {
        margin-top: -90px;
        width: 64%; }
    .box-layout .apache-cotainer-large > div,
    .box-layout .apache-cotainer-large canvas,
    .box-layout #line-visual > div,
    .box-layout #line-visual canvas,
    .box-layout #line-visulH > div,
    .box-layout #line-visulH canvas {
      width: 100% !important; }
    .box-layout .page-wrapper.box-layout, .box-layout.page-wrapper.box-layout {
      padding-top: 40px;
      margin-top: 0 !important; }
    .box-layout .page-wrapper.compact-wrapper, .box-layout.page-wrapper.compact-wrapper {
      margin-top: 40px; }
      .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
        width: 230px;
        height: auto;
        top: 40px;
        border-radius: 10px 0 0 10px;
        overflow: hidden; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
          width: 1200px;
          left: 48%; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix {
          padding-left: 0; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
          height: calc(100vh - 180px); }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper {
          box-shadow: 0 8px 6px -6px rgba(89, 102, 122, 0.1); }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
          margin-top: 10px;
          margin-bottom: 20px;
          height: calc(100vh - 190px); }
      .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
        min-height: calc(100vh - 130px);
        margin-top: 0;
        top: 56px;
        overflow: scroll;
        max-height: calc(100vh - 220px);
        padding-bottom: 80px;
        margin-left: 230px; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #ecf3fa; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar {
          width: 6px; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
          background-color: rgba(68, 102, 242, 0.15); }
    .box-layout .page-wrapper.compact-sidebar .page-header, .box-layout.page-wrapper.compact-sidebar .page-header {
      padding-left: 148px; }
    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper {
      margin-top: 40px; }
      .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
        top: 40px; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
          display: none;
          transition: 0.5s; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
          height: calc(100vh - 166px);
          margin: 0; }
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
          .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
            left: 470px;
            top: 40px;
            height: calc(100vh - 84px); }
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
            animation: unset; }
      .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .footer, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .footer {
        margin-left: 0; }
      .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body {
        min-height: calc(100vh - 90px);
        margin-top: 0;
        top: 80px;
        overflow: scroll;
        max-height: calc(100vh - 170px);
        padding-bottom: 80px; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #ecf3fa; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar {
          width: 6px; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
          background-color: rgba(68, 102, 242, 0.15); }
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-header, .box-layout.page-wrapper.compact-sidebar.compact-small .page-header {
      padding-left: 90px; }
      .box-layout .page-wrapper.compact-sidebar.compact-small .page-header.close_icon, .box-layout.page-wrapper.compact-sidebar.compact-small .page-header.close_icon {
        padding-left: 0; }
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container, .box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
    .box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
      left: 410px; }
    .box-layout .page-wrapper.horizontal-wrapper:before, .box-layout.page-wrapper.horizontal-wrapper:before {
      display: none; }
    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper {
      margin-top: 40px; }
      .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
        margin-top: 80px;
        min-height: calc(100vh - 310px);
        max-height: calc(100vh - 230px);
        overflow: scroll; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #ecf3fa; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar {
          width: 6px; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
          background-color: rgba(68, 102, 242, 0.15); }
      .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .footer, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .footer {
        padding-left: 15px; }
      .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
        width: 1280px;
        top: 80px;
        margin: 0;
        overflow-x: unset;
        position: relative; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu {
          left: 0%;
          transform: translate(0, 0);
          top: 125px;
          background-color: #fff; }
    .box-layout .page-wrapper.horizontal-wrapper .page-header, .box-layout.page-wrapper.horizontal-wrapper .page-header {
      padding-left: 0; }
    .box-layout .page-wrapper.modern-type .page-header, .box-layout.page-wrapper.modern-type .page-header {
      padding-left: 0px; }
      .box-layout .page-wrapper.modern-type .page-header .header-wrapper .left-header, .box-layout.page-wrapper.modern-type .page-header .header-wrapper .left-header {
        width: 36%; }
      .box-layout .page-wrapper.modern-type .page-header .header-wrapper .nav-right, .box-layout.page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 46%; }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .page-body, .box-layout.page-wrapper.modern-type .page-body-wrapper .page-body {
      margin-left: 260px; }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper {
      top: 120px; }
      .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        height: calc(100vh - 311px); }
      .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 316px); }
      .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
        width: 1280px;
        left: 50%;
        margin-left: 0; }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .footer, .box-layout.page-wrapper.modern-type .page-body-wrapper .footer {
      margin-left: 0; }
    .box-layout .page-wrapper .page-header, .box-layout.page-wrapper .page-header {
      max-width: 1280px;
      margin: 0 auto;
      left: 0;
      right: 0;
      transition: 0.5s;
      padding-left: 230px;
      margin-top: 40px;
      border-radius: 10px;
      width: unset; }
      .box-layout .page-wrapper .page-header.close_icon, .box-layout.page-wrapper .page-header.close_icon {
        padding-left: 100px;
        margin-left: auto;
        width: calc(100% - 0px);
        transition: 0.5s; }
      .box-layout .page-wrapper .page-header .header-wrapper, .box-layout.page-wrapper .page-header .header-wrapper {
        border-radius: 10px 10px 0 0; }
    .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right,
    .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header, .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right,
    .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
      width: 36%; }
    .box-layout .page-wrapper.material-type .page-body-wrapper, .box-layout.page-wrapper.material-type .page-body-wrapper {
      margin-top: 0; }
      .box-layout .page-wrapper.material-type .page-body-wrapper .page-body, .box-layout.page-wrapper.material-type .page-body-wrapper .page-body {
        margin-top: 0; }
      .box-layout .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        top: 0; }
    .box-layout .page-wrapper.material-icon .page-header.close_icon, .box-layout.page-wrapper.material-icon .page-header.close_icon {
      margin-top: 40px !important; }
    .box-layout .page-wrapper.material-icon .page-body-wrapper, .box-layout.page-wrapper.material-icon .page-body-wrapper {
      margin-top: 0; }
      .box-layout .page-wrapper.material-icon .page-body-wrapper .page-body, .box-layout.page-wrapper.material-icon .page-body-wrapper .page-body {
        top: 0;
        min-height: calc(100vh - 170px);
        padding-bottom: 40px; }
    .box-layout .page-wrapper.advance-layout .page-header, .box-layout.page-wrapper.advance-layout .page-header {
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07); }
    .box-layout .page-wrapper.advance-layout .page-body-wrapper, .box-layout.page-wrapper.advance-layout .page-body-wrapper {
      margin-top: 0; }
    .box-layout .page-wrapper .page-body-wrapper, .box-layout.page-wrapper .page-body-wrapper {
      width: 1280px;
      box-shadow: 4px 11px 25px rgba(0, 0, 0, 0.07);
      margin: 0 auto;
      overflow: hidden; }
      .box-layout .page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive, .box-layout.page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive {
        min-width: 1087px;
        overflow: auto; }
      .box-layout .page-wrapper .page-body-wrapper .active-order-table, .box-layout.page-wrapper .page-body-wrapper .active-order-table {
        max-width: 443px;
        overflow: auto; }
        .box-layout .page-wrapper .page-body-wrapper .active-order-table table tbody tr td p, .box-layout.page-wrapper .page-body-wrapper .active-order-table table tbody tr td p {
          width: 100px; }
      .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.gradient-line-1:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.gradient-line-1:after {
        height: 57px;
        bottom: -64px; }
      .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.small-line:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.small-line:after {
        height: 36px;
        bottom: -43px; }
      .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.medium-line:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.medium-line:after {
        height: 40px;
        bottom: -48px; }
      .box-layout .page-wrapper .page-body-wrapper footer, .box-layout.page-wrapper .page-body-wrapper footer {
        width: 1280px;
        margin: 0 auto;
        padding-left: 230px;
        margin-bottom: 40px !important;
        position: fixed;
        left: 50%;
        z-index: 7;
        transform: translate(-50%, 0);
        border-radius: 0 0 10px; }
      .box-layout .page-wrapper .page-body-wrapper .blockquote-footer, .box-layout.page-wrapper .page-body-wrapper .blockquote-footer {
        margin-left: 0;
        width: 100%; }
      .box-layout .page-wrapper .page-body-wrapper .footer-fix, .box-layout.page-wrapper .page-body-wrapper .footer-fix {
        padding-left: 230px; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 300px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content > div, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content > div {
          z-index: 8;
          background-color: rgba(255, 255, 255, 0.75);
          background-blend-mode: overlay;
          width: 100%;
          padding: 30px;
          left: 15px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content button, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content button {
          width: 40%;
          font-size: 14px;
          margin: 0 auto; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons {
        margin-top: 20px;
        margin-bottom: 20px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons ul li, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons ul li {
          border: 1px dashed #717171;
          width: 50px;
          height: 50px;
          padding: 8px; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img {
        margin-top: 30px;
        margin-bottom: 30px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img img, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img img {
          width: 38%; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .total-time h2, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .total-time h2 {
        font-size: 28px;
        color: #717171; }
      .box-layout .page-wrapper .page-body-wrapper canvas#myLineCharts, .box-layout.page-wrapper .page-body-wrapper canvas#myLineCharts {
        width: 100%; }
      .box-layout .page-wrapper .page-body-wrapper .chat-right-aside, .box-layout.page-wrapper .page-body-wrapper .chat-right-aside {
        flex: 0 0 60%;
        max-width: 60%;
        overflow: hidden; }
      .box-layout .page-wrapper .page-body-wrapper .caller-img, .box-layout.page-wrapper .page-body-wrapper .caller-img {
        position: absolute;
        width: 100%;
        max-width: 100%;
        left: 15px; }
        .box-layout .page-wrapper .page-body-wrapper .caller-img img, .box-layout.page-wrapper .page-body-wrapper .caller-img img {
          opacity: 0.7; }
      .box-layout .page-wrapper .page-body-wrapper .browser-widget img, .box-layout.page-wrapper .page-body-wrapper .browser-widget img {
        height: 65px; }
      .box-layout .page-wrapper .page-body-wrapper .custom-card .card-header img, .box-layout.page-wrapper .page-body-wrapper .custom-card .card-header img {
        margin-top: -73px; }
      .box-layout .page-wrapper .page-body-wrapper .custom-card .card-profile img, .box-layout.page-wrapper .page-body-wrapper .custom-card .card-profile img {
        height: 130px;
        top: -17px; }
      .box-layout .page-wrapper .page-body-wrapper .select2, .box-layout.page-wrapper .page-body-wrapper .select2 {
        width: 901.781px; }
    .box-layout .page-wrapper ul.close_icon > li label, .box-layout.page-wrapper ul.close_icon > li label {
      padding: 0; }
      .box-layout .page-wrapper ul.close_icon > li label:after, .box-layout.page-wrapper ul.close_icon > li label:after {
        display: none; }
    .box-layout .page-wrapper .bookmark ul, .box-layout.page-wrapper .bookmark ul {
      margin-right: -1px; }
    .box-layout .page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn, .box-layout.page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn {
      padding-left: 20px;
      padding-right: 20px; }
    .box-layout .page-wrapper .btn-group-showcase .btn-radio .btn-group .radio input[type="radio"], .box-layout.page-wrapper .btn-group-showcase .btn-radio .btn-group .radio input[type="radio"] {
      display: none; }
    .box-layout .page-wrapper .d-flex.bitcoin-graph, .box-layout.page-wrapper .d-flex.bitcoin-graph {
      display: block; }
      .box-layout .page-wrapper .d-flex.bitcoin-graph .top-bitcoin, .box-layout.page-wrapper .d-flex.bitcoin-graph .top-bitcoin {
        display: inline-block;
        vertical-align: middle; }
      .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 {
        margin-top: 30px; }
        .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content .bitcoin-numbers h6, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content .bitcoin-numbers h6 {
          font-size: 14PX; }
        .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content.text-right, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content.text-right {
          text-align: center !important; }
    .box-layout .page-wrapper .alert.inverse p, .box-layout.page-wrapper .alert.inverse p {
      max-width: 238px;
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .box-layout .page-wrapper .auth-bg-effect .second-effect, .box-layout.page-wrapper .auth-bg-effect .second-effect {
      left: 55%; }
    .box-layout .page-wrapper .auth-bg-video video, .box-layout.page-wrapper .auth-bg-video video {
      min-width: 67%;
      width: 67%; }
    .box-layout .page-wrapper .page-builder .ge-canvas.ge-layout-desktop, .box-layout.page-wrapper .page-builder .ge-canvas.ge-layout-desktop {
      margin-top: 40px; }
    .box-layout .page-wrapper .page-builder .ge-addRowGroup, .box-layout.page-wrapper .page-builder .ge-addRowGroup {
      margin-bottom: 10px; }
    .box-layout .page-wrapper .pricing-wrapper-card, .box-layout.page-wrapper .pricing-wrapper-card {
      padding: 50px 20px; }
    .box-layout .page-wrapper .card .blog-box.blog-grid.set-min-height, .box-layout.page-wrapper .card .blog-box.blog-grid.set-min-height {
      min-height: 400px; }
    .box-layout .page-wrapper #donut-color-chart-morris-daily.flot-chart-placeholder, .box-layout.page-wrapper #donut-color-chart-morris-daily.flot-chart-placeholder {
      min-height: 430px; }
    .box-layout .page-wrapper #donut-color-chart-morris.flot-chart-placeholder, .box-layout.page-wrapper #donut-color-chart-morris.flot-chart-placeholder {
      min-height: 430px; }
    .box-layout .page-wrapper .box-col-12, .box-layout.page-wrapper .box-col-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    .box-layout .page-wrapper .box-col-6, .box-layout.page-wrapper .box-col-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    .box-layout .page-wrapper .box-col-3, .box-layout.page-wrapper .box-col-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    .box-layout .page-wrapper .box-col-7, .box-layout.page-wrapper .box-col-7 {
      flex: 0 0 60%;
      max-width: 60%; }
    .box-layout .page-wrapper .box-col-5, .box-layout.page-wrapper .box-col-5 {
      flex: 0 0 40%;
      max-width: 40%; }
    .box-layout .page-wrapper .box-col-8, .box-layout.page-wrapper .box-col-8 {
      flex: 0 0 70%;
      max-width: 70%; }
    .box-layout .page-wrapper .box-col-4e, .box-layout.page-wrapper .box-col-4e {
      flex: 0 0 30%;
      max-width: 30%; }
    .box-layout .page-wrapper .box-col-4, .box-layout.page-wrapper .box-col-4 {
      flex: 0 0 33.33%;
      max-width: 33%; }
    .box-layout .page-wrapper .box-col-8e, .box-layout.page-wrapper .box-col-8e {
      flex: 0 0 66.67%;
      max-width: 66.67%; }
    .box-layout .page-wrapper .box-col-none, .box-layout.page-wrapper .box-col-none {
      display: none !important; }
    .box-layout .page-wrapper .chat-box .chat-right-aside, .box-layout.page-wrapper .chat-box .chat-right-aside {
      flex: 0 0 100%;
      max-width: calc(100% - 15px);
      overflow: hidden; }
      .box-layout .page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i, .box-layout.page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i {
        font-size: 19px; }
    .box-layout .page-wrapper .chat-box .toogle-bar, .box-layout.page-wrapper .chat-box .toogle-bar {
      display: inline-block;
      margin-right: 0 !important; }
    .box-layout .page-wrapper .chat-menu, .box-layout.page-wrapper .chat-menu {
      right: 0;
      border-top: 1px dashed #ddd;
      opacity: 0;
      transform: translateY(-30px);
      visibility: hidden;
      top: 81px;
      position: absolute;
      z-index: 9;
      background-color: #fff;
      transition: all linear 0.3s; }
      .box-layout .page-wrapper .chat-menu.show, .box-layout.page-wrapper .chat-menu.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        transition: all linear 0.3s;
        padding-bottom: 25px; }
    .box-layout .page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar, .box-layout.page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar {
      stroke-width: 23px !important; }
    .box-layout .page-wrapper .social-app-profile #friends .box-col-4, .box-layout.page-wrapper .social-app-profile #friends .box-col-4 {
      flex: 0 0 30%;
      max-width: 30%; }
    .box-layout .page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset, .box-layout.page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset {
      max-height: 165px; }
    .box-layout .page-wrapper .email-wrap .row .col-xl-6, .box-layout.page-wrapper .email-wrap .row .col-xl-6 {
      padding-left: 12px; }
    .box-layout .page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3, .box-layout.page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3 {
      padding-right: 12px; }
    .box-layout .page-wrapper .email-wrap .email-right-aside .email-body .inbox, .box-layout.page-wrapper .email-wrap .email-right-aside .email-body .inbox {
      height: 644px; }
    .box-layout .page-wrapper .email-wrap .email-content .email-top .user-emailid:after, .box-layout.page-wrapper .email-wrap .email-content .email-top .user-emailid:after {
      right: -10px; }
    .box-layout .page-wrapper .todo .notification-popup, .box-layout.page-wrapper .todo .notification-popup {
      right: 320px; }
    .box-layout .page-wrapper .touchspin, .box-layout.page-wrapper .touchspin {
      padding: 0 10px; }
    .box-layout .page-wrapper .vertical-menu-main, .box-layout.page-wrapper .vertical-menu-main {
      width: 1280px;
      margin: 0 auto;
      left: 0;
      right: 0; }
      .box-layout .page-wrapper .vertical-menu-main .mega-menu, .box-layout.page-wrapper .vertical-menu-main .mega-menu {
        width: 1050px !important;
        max-width: 1050px !important;
        left: -320px !important; }
    .box-layout .page-wrapper .comingsoon video, .box-layout.page-wrapper .comingsoon video {
      min-width: 67%;
      width: 67%; } }
/**=====================
  5.9 Box-layout CSS Ends
==========================**/
@charset "UTF-8";
/*! -----------------------------------------------------------------------------------

    Template Name: Riho Admin
    Template URI: https://admin.pixelstrap.net/riho/template/
    Description: This is Admin theme
    Author: Pixelstrap
    Author URI: https://themeforest.net/user/pixelstrap

-----------------------------------------------------------------------------------

    1.Base css
        1.1 Reset CSS
        1.2 Typography CSS
    
    2.Components css
        2.1 According CSS
        2.2 Alert CSS
        2.3 Avatars CSS
        2.4 Badge CSS
        2.5 Bookmark CSS
        2.6 Breadcrumb CSS
        2.7 Basic-card CSS
        2.8 Builders CSS
        2.9 Buttons CSS
        2.10 Card CSS
        2.11 Color CSS
        2.12 Datatable CSS
        2.13 Datapicker CSS
        2.14 Dropdown CSS
        2.15 Form-builder CSS
        2.16 Form-input CSS
        2.17 Form-wizard CSS
        2.18 Forms CSS
        2.19 Icons CSS
        2.20 List CSS
        2.21 Loader CSS 
        2.22 Modal CSS
        2.23 Popover CSS
        2.24 Print CSS
        2.25 Radio CSS
        2.26 Ribbon CSS
        2.27 Range-slider CSS
        2.28 Switch CSS
        2.29 Tab CSS
        2.30 Table CSS
        2.31 Toasts CSS
        2.32 Touchspin CSS
        2.33 Tour CSS
        2.34 Tree CSS
        2.35 Typeahead-search CSS
        2.36 Scrollbar CSS

    3. Pages
        3.1 Blog CSS
        3.2 Bookmark-app CSS
        3.3 Cart CSS
        3.4 Chart CSS
        3.5 Chat CSS
        3.6 Checkout CSS
        3.7 Comingsoon CSS
        3.8 Contacts CSS
        3.9 Dashboard_2 CSS
        3.10 Dashboard_3 CSS 
        3.11 Dashboard_4 CSS
        3.12 Dashboard_5 CSS
        3.13 Dashboard_default CSS
        3.14 Ecommerce CSS
        3.15 Email-application CSS
        3.16 Errorpage CSS
        3.17 Faq CSS
        3.18 File CSS
        3.19 Gallery CSS
        3.20 Helper CSS
        3.21 Internationalization CSS
        3.22 Job-search CSS
        3.23 Jsgrid CSS
        3.24 Kanban CSS
        3.25 Knowledgebase CSS
        3.26 Landing CSS
        3.27 Language CSS
        3.28 Learning CSS
        3.29 Login CSS
        3.30 Megaoption CSS
        3.31 Order-history CSS
        3.32 Page CSS
        3.33 Pricing CSS
        3.34 Progress CSS
        3.35 Projectlist CSS
        3.36 Rating CSS
        3.37 Social-app CSS
        3.38 Sweet-alert CSS
        3.39 Task CSS
        3.40 Timeline-v CSS
        3.41 User-profile CSS
        3.42 Wishlist CSS
        3.43 Dashboard_6.CSS
        3.44 Dashboard_7 CSS
        3.45 Dashboard_8.CSS

    4. Themes
        4.1. Dark CSS
        4.2 Theme-customizer CSS
        4.3 Update CSS

    5. Layout
        5.1 Footer CSS
        5.2 Grid CSS
        5.3 Header CSS
        5.4 Navs CSS
        5.5 Search CSS
        5.6 Select2 CSS
        5.7 Sidebar CSS
        5.8 Rtl CSS
        5.9 Box-layout CSS

 */
:root {
  --theme-deafult: #4b2a4b;
  --theme-secondary: #FE7088;
  --light-background: rgba(242, 243, 247, 0.7);
  --body-font-color: #86909C;
  --chart-border: #ECF3FA;
  --recent-chart-bg: #FCFCFD;
  --light-bg: #EEF1F6;
  --white: #fff;
  --light2: #F5F6F9;
  --sidebar-border: rgba(0, 0, 0, 0.1);
  --chart-text-color: rgba(82, 82, 108, 0.8);
  --recent-dashed-border: rgba(82, 82, 108, 0.3);
  --chart-dashed-border: rgba(82, 82, 108, 0.2);
  --chart-progress-light: rgba(82, 82, 108, 0.1);
  --recent-box-bg: #F2F4F7;
  --recent-border: rgba(97, 101, 122, 0.25);
  --course-light-btn: #F2F3F7;
  --course-bg: #F7F7F7;
  --balance-profie-bg: #E0DFEF;
  --view-grid-bg: #ECF3FA80;
  --view-border-marker: #cfcdfc;
  --light-slate: #F5F6F9;
  --text-gray: rgba(82, 82, 108, 0.8);
  --product-shadow: 0px 1px 0px rgba(82, 82, 108, 0.15);
  --fc-button-bg-color: var(--theme-deafult);
  --fc-button-active-bg-color: var(--theme-deafult);
  --fc-button-active-border-color: var(--theme-deafult);
  --fc-button-border-color: var(--theme-deafult);
  --fc-button-hover-bg-color: var(--theme-deafult);
  --fc-button-hover-border-color: var(--theme-deafult);
  --normal: #ECEAF3;
  --normal-shadow: #D9D8E3;
  --normal-mouth: #9795A4;
  --normal-eye: #595861;
  --active: #F8DA69;
  --active-shadow: #F4B555;
  --active-mouth: #F05136;
  --active-eye: #313036;
  --active-tear: #76b5e7;
  --active-shadow-angry: #e94f1d;
  /* Do not show the "remove tag" (x) button when only a single tag remains */ }
  :root .customLook {
    --tag-bg: var(--theme-deafult);
    --tag-hover: var(--theme-secondary);
    --tag-text-color: var(--white);
    --tags-border-color: silver;
    --tag-border-radius: 25px;
    --tag-text-color--edit: #111;
    --tag-remove-bg: var(--tag-hover);
    --tag-pad: .6em 1em;
    --tag-inset-shadow-size: 1.35em;
    --tag-remove-btn-bg--hover: #000;
    --tagify-dd-color-primary: var(var(--theme-deafult));
    --tagify-dd-bg-color: var(--course-light-btn); }

body[class='dark-only'] {
  --light-background: rgba(31, 32, 40, 0.65);
  --recent-chart-bg: #262932;
  --light-bg: #1d1e26;
  --white: #262932;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --light2: #1d1e26;
  --chart-border: #374558;
  --recent-box-bg: #1d1e26;
  --recent-border: #374558;
  --body-font-color: rgba(255, 255, 255, 0.6);
  --course-light-btn: var(--light-bg);
  --view-grid-bg: var(--light-bg);
  --view-border-marker: #2c2c45d4;
  --light-slate: #1c1d26;
  --text-gray: rgba(153, 153, 169, 0.8);
  --product-shadow: 0px 1px 0px rgb(55 70 87); }

body[class="rtl dark-only"] {
  --light-background: rgba(31, 32, 40, 0.65);
  --recent-chart-bg: #262932;
  --light-bg: #1d1e26;
  --white: #262932;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --light2: #1d1e26;
  --chart-border: #374558;
  --recent-box-bg: #1d1e26;
  --recent-border: #374558;
  --body-font-color: rgba(255, 255, 255, 0.6);
  --course-light-btn: var(--light-bg);
  --view-grid-bg: var(--light-bg);
  --view-border-marker: #2c2c45d4;
  --light-slate: #1c1d26;
  --text-gray: rgba(153, 153, 169, 0.8);
  --product-shadow: 0px 1px 0px rgb(55 70 87); }

body.dark-only.box-layout {
  --light-background: rgba(31, 32, 40, 0.65);
  --recent-chart-bg: #262932;
  --light-bg: #1d1e26;
  --white: #262932;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --light2: #1d1e26;
  --chart-border: #374558;
  --recent-box-bg: #1d1e26;
  --recent-border: #374558;
  --body-font-color: rgba(255, 255, 255, 0.6);
  --course-light-btn: var(--light-bg);
  --view-grid-bg: var(--light-bg);
  --view-border-marker: #2c2c45d4; }

/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C; }

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8; }

.light-card {
  background-color: var(--light-background); }

.light-background {
  background-color: var(--light-bg); }

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  transform: rotate(-45deg);
  display: inline-block; }

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-l-50 {
  margin-left: 50px !important; }

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important; }

.b-r-1 {
  border-radius: 1px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-r-11 {
  border-radius: 11px !important; }

.b-r-12 {
  border-radius: 12px !important; }

.b-r-13 {
  border-radius: 13px !important; }

.b-r-14 {
  border-radius: 14px !important; }

.b-r-15 {
  border-radius: 15px !important; }

.b-r-16 {
  border-radius: 16px !important; }

.b-r-17 {
  border-radius: 17px !important; }

.b-r-18 {
  border-radius: 18px !important; }

.b-r-19 {
  border-radius: 19px !important; }

.b-r-20 {
  border-radius: 20px !important; }

.b-r-21 {
  border-radius: 21px !important; }

.b-r-22 {
  border-radius: 22px !important; }

.b-r-23 {
  border-radius: 23px !important; }

.b-r-24 {
  border-radius: 24px !important; }

.b-r-25 {
  border-radius: 25px !important; }

.b-r-26 {
  border-radius: 26px !important; }

.b-r-27 {
  border-radius: 27px !important; }

.b-r-28 {
  border-radius: 28px !important; }

.b-r-29 {
  border-radius: 29px !important; }

.b-r-30 {
  border-radius: 30px !important; }

.b-r-31 {
  border-radius: 31px !important; }

.b-r-32 {
  border-radius: 32px !important; }

.b-r-33 {
  border-radius: 33px !important; }

.b-r-34 {
  border-radius: 34px !important; }

.b-r-35 {
  border-radius: 35px !important; }

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.f-34 {
  font-size: 34px !important; }

.f-36 {
  font-size: 36px !important; }

.f-38 {
  font-size: 38px !important; }

.f-40 {
  font-size: 40px !important; }

.f-42 {
  font-size: 42px !important; }

.f-44 {
  font-size: 44px !important; }

.f-46 {
  font-size: 46px !important; }

.f-48 {
  font-size: 48px !important; }

.f-50 {
  font-size: 50px !important; }

.f-52 {
  font-size: 52px !important; }

.f-54 {
  font-size: 54px !important; }

.f-56 {
  font-size: 56px !important; }

.f-58 {
  font-size: 58px !important; }

.f-60 {
  font-size: 60px !important; }

.f-62 {
  font-size: 62px !important; }

.f-64 {
  font-size: 64px !important; }

.f-66 {
  font-size: 66px !important; }

.f-68 {
  font-size: 68px !important; }

.f-70 {
  font-size: 70px !important; }

.f-72 {
  font-size: 72px !important; }

.f-74 {
  font-size: 74px !important; }

.f-76 {
  font-size: 76px !important; }

.f-78 {
  font-size: 78px !important; }

.f-80 {
  font-size: 80px !important; }

.f-82 {
  font-size: 82px !important; }

.f-84 {
  font-size: 84px !important; }

.f-86 {
  font-size: 86px !important; }

.f-88 {
  font-size: 88px !important; }

.f-90 {
  font-size: 90px !important; }

.f-92 {
  font-size: 92px !important; }

.f-94 {
  font-size: 94px !important; }

.f-96 {
  font-size: 96px !important; }

.f-98 {
  font-size: 98px !important; }

.f-100 {
  font-size: 100px !important; }

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100; }

.f-w-300 {
  font-weight: 300; }

.f-w-500 {
  font-weight: 500; }

.f-w-400 {
  font-weight: 400; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-900 {
  font-weight: 900; }

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal; }

.f-s-italic {
  font-style: italic; }

.f-s-oblique {
  font-style: oblique; }

.f-s-initial {
  font-style: initial; }

.f-s-inherit {
  font-style: inherit; }

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-dashed {
  text-decoration: dashed; }

.text-blink {
  text-decoration: blink; }

.text-dotted {
  text-decoration: dotted; }

.text-initial {
  text-decoration: initial; }

.text-none {
  text-decoration: none; }

.text-solid {
  text-decoration: solid; }

.text-wavy {
  text-decoration: wavy; }

.text-inherit {
  text-decoration: inherit; }

.text-double {
  text-decoration: double; }

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline; }

.sub {
  vertical-align: sub; }

.super {
  vertical-align: super; }

.top {
  vertical-align: top; }

.text-top {
  vertical-align: text-top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.text-bottom {
  vertical-align: text-bottom; }

.initial {
  vertical-align: initial; }

.inherit {
  vertical-align: inherit; }

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-relative {
  position: relative; }

.p-initial {
  position: initial; }

.p-inherit {
  position: inherit; }

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden; }

.o-visible {
  overflow: visible; }

.o-auto {
  overflow: auto; }

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important; }

.img-h-10 {
  height: 10px !important; }

.img-20 {
  width: 20px !important; }

.img-h-20 {
  height: 20px !important; }

.img-30 {
  width: 30px !important; }

.img-h-30 {
  height: 30px !important; }

.img-40 {
  width: 40px !important; }

.img-h-40 {
  height: 40px !important; }

.img-50 {
  width: 50px !important; }

.img-h-50 {
  height: 50px !important; }

.img-60 {
  width: 60px !important; }

.img-h-60 {
  height: 60px !important; }

.img-70 {
  width: 70px !important; }

.img-h-70 {
  height: 70px !important; }

.img-80 {
  width: 80px !important; }

.img-h-80 {
  height: 80px !important; }

.img-90 {
  width: 90px !important; }

.img-h-90 {
  height: 90px !important; }

.img-100 {
  width: 100px !important; }

.img-h-100 {
  height: 100px !important; }

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important; }

.font-secondary {
  color: #FE6A49 !important; }

.font-success {
  color: #00AC46 !important; }

.font-danger {
  color: #FE6A49 !important; }

.font-info {
  color: #173878 !important; }

.font-light {
  color: #E6E9EB !important; }

.font-dark {
  color: #2c323f !important; }

.font-warning {
  color: #FFAE1A !important; }

.font-primary {
  color: var(--theme-deafult) !important; }

.font-secondary {
  color: var(--theme-secondary) !important; }

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize; }

.label-theme {
  background-color: #006666; }

.label-primary {
  background-color: #006666; }

.label-secondary {
  background-color: #FE6A49; }

.label-success {
  background-color: #00AC46; }

.label-danger {
  background-color: #FE6A49; }

.label-info {
  background-color: #173878; }

.label-light {
  background-color: #E6E9EB; }

.label-dark {
  background-color: #2c323f; }

.label-warning {
  background-color: #FFAE1A; }

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666; }

.badge-secondary {
  background-color: #FE6A49; }

.badge-success {
  background-color: #00AC46; }

.badge-danger {
  background-color: #FE6A49; }

.badge-info {
  background-color: #173878; }

.badge-light {
  background-color: #E6E9EB; }

.badge-dark {
  background-color: #2c323f; }

.badge-warning {
  background-color: #FFAE1A; }

.badge-primary {
  background-color: var(--theme-deafult) !important; }

.badge-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff; }

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff; }

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important; }

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-success {
  background-color: #00AC46 !important;
  color: #fff; }

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff; }

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important; }

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-info {
  background-color: #173878 !important;
  color: #fff; }

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff; }

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important; }

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff; }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff; }

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important; }

.bg-dark {
  background-color: #2c323f !important;
  color: #fff; }

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff; }

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important; }

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff; }

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff; }

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important; }

.bg-primary {
  background-color: var(--theme-deafult) !important; }

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6); }

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important; }

.txt-secondary {
  color: #FE6A49 !important; }

.txt-success {
  color: #00AC46 !important; }

.txt-danger {
  color: #FE6A49 !important; }

.txt-info {
  color: #173878 !important; }

.txt-light {
  color: #E6E9EB !important; }

.txt-dark {
  color: #2c323f !important; }

.txt-warning {
  color: #FFAE1A !important; }

.txt-google-plus {
  color: #c64e40 !important; }

.txt-twitter {
  color: #6fa2d8 !important; }

.txt-linkedin {
  color: #0077B5 !important; }

.txt-fb {
  color: #50598e !important; }

.txt-primary {
  color: var(--theme-deafult) !important; }

.txt-secondary {
  color: var(--theme-secondary) !important; }

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@keyframes push {
  50% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #006666 !important;
    border-color: #006666 !important; }
  .btn-primary:focus {
    box-shadow: unset !important; }

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-secondary:focus {
    box-shadow: unset !important; }

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }
  .btn-success:focus {
    box-shadow: unset !important; }

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-danger:focus {
    box-shadow: unset !important; }

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #173878 !important;
    border-color: #173878 !important; }
  .btn-info:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }
  .btn-light:focus {
    box-shadow: unset !important; }

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #2c323f !important;
    border-color: #2c323f !important; }
  .btn-dark:focus {
    box-shadow: unset !important; }

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }
  .btn-warning:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important; }
  .btn-light:hover {
    background-color: rgba(0, 102, 102, 0.1) !important;
    border-color: rgba(0, 102, 102, 0.1) !important; }

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important; }

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important; }

.btn-hover-effect:hover {
  animation: push 0.5s linear 1; }

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent; }
  .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-check {
  color: #006666 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #006666 !important; }
    .btn-check:checked + .btn-outline-primary {
      color: white !important;
      background-color: #006666 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-primary {
    border-color: #006666 !important;
    color: #006666 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-primary.disabled {
      color: #006666; }
    .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
      color: white !important;
      background-color: #006666 !important;
      border-color: #006666 !important;
      box-shadow: none !important; }

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary.disabled {
    color: #006666;
    border-color: #006666; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-secondary {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-secondary {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-secondary.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #00AC46 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #00AC46 !important; }
    .btn-check:checked + .btn-outline-success {
      color: white !important;
      background-color: #00AC46 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-success.disabled {
      color: #00AC46; }
    .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
      color: white !important;
      background-color: #00AC46 !important;
      border-color: #00AC46 !important;
      box-shadow: none !important; }

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success.disabled {
    color: #00AC46;
    border-color: #00AC46; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-danger {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-danger.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #173878 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #173878 !important; }
    .btn-check:checked + .btn-outline-info {
      color: white !important;
      background-color: #173878 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-info {
    border-color: #173878 !important;
    color: #173878 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-info.disabled {
      color: #173878; }
    .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
      color: white !important;
      background-color: #173878 !important;
      border-color: #173878 !important;
      box-shadow: none !important; }

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info.disabled {
    color: #173878;
    border-color: #173878; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: #fff !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #E6E9EB !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #E6E9EB !important; }
    .btn-check:checked + .btn-outline-light {
      color: white !important;
      background-color: #E6E9EB !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-light {
    border-color: #E6E9EB !important;
    color: #E6E9EB !important;
    background-color: transparent;
    color: #051A1A; }
    .btn-check + .btn-outline-light.disabled {
      color: #E6E9EB; }
    .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
      color: white !important;
      background-color: #E6E9EB !important;
      border-color: #E6E9EB !important;
      box-shadow: none !important; }

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A; }
  .btn-outline-light.disabled {
    color: #E6E9EB;
    border-color: #E6E9EB; }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: #fff !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: unset !important; }

.btn-check {
  color: #2c323f !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #2c323f !important; }
    .btn-check:checked + .btn-outline-dark {
      color: white !important;
      background-color: #2c323f !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-dark {
    border-color: #2c323f !important;
    color: #2c323f !important;
    background-color: transparent; }
    .btn-check + .btn-outline-dark.disabled {
      color: #2c323f; }
    .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
      color: white !important;
      background-color: #2c323f !important;
      border-color: #2c323f !important;
      box-shadow: none !important; }

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark.disabled {
    color: #2c323f;
    border-color: #2c323f; }
  .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FFAE1A !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FFAE1A !important; }
    .btn-check:checked + .btn-outline-warning {
      color: white !important;
      background-color: #FFAE1A !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important;
    background-color: transparent; }
    .btn-check + .btn-outline-warning.disabled {
      color: #FFAE1A; }
    .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
      color: white !important;
      background-color: #FFAE1A !important;
      border-color: #FFAE1A !important;
      box-shadow: none !important; }

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning.disabled {
    color: #FFAE1A;
    border-color: #FFAE1A; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: unset !important; }

.btn-primary.active:not([disabled]):not(.disabled) {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  box-shadow: none !important; }
  .btn-primary.active:not([disabled]):not(.disabled):hover, .btn-primary.active:not([disabled]):not(.disabled):focus, .btn-primary.active:not([disabled]):not(.disabled):active, .btn-primary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #003333;
    border-color: #003333; }

.btn-secondary.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-secondary.active:not([disabled]):not(.disabled):hover, .btn-secondary.active:not([disabled]):not(.disabled):focus, .btn-secondary.active:not([disabled]):not(.disabled):active, .btn-secondary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-success.active:not([disabled]):not(.disabled) {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  box-shadow: none !important; }
  .btn-success.active:not([disabled]):not(.disabled):hover, .btn-success.active:not([disabled]):not(.disabled):focus, .btn-success.active:not([disabled]):not(.disabled):active, .btn-success.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #007931;
    border-color: #007931; }

.btn-danger.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-danger.active:not([disabled]):not(.disabled):hover, .btn-danger.active:not([disabled]):not(.disabled):focus, .btn-danger.active:not([disabled]):not(.disabled):active, .btn-danger.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-info.active:not([disabled]):not(.disabled) {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  box-shadow: none !important; }
  .btn-info.active:not([disabled]):not(.disabled):hover, .btn-info.active:not([disabled]):not(.disabled):focus, .btn-info.active:not([disabled]):not(.disabled):active, .btn-info.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #0f244d;
    border-color: #0f244d; }

.btn-light.active:not([disabled]):not(.disabled) {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  box-shadow: none !important; }
  .btn-light.active:not([disabled]):not(.disabled):hover, .btn-light.active:not([disabled]):not(.disabled):focus, .btn-light.active:not([disabled]):not(.disabled):active, .btn-light.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #cad0d4;
    border-color: #cad0d4; }

.btn-dark.active:not([disabled]):not(.disabled) {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  box-shadow: none !important; }
  .btn-dark.active:not([disabled]):not(.disabled):hover, .btn-dark.active:not([disabled]):not(.disabled):focus, .btn-dark.active:not([disabled]):not(.disabled):active, .btn-dark.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #171a21;
    border-color: #171a21; }

.btn-warning.active:not([disabled]):not(.disabled) {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  box-shadow: none !important; }
  .btn-warning.active:not([disabled]):not(.disabled):hover, .btn-warning.active:not([disabled]):not(.disabled):focus, .btn-warning.active:not([disabled]):not(.disabled):active, .btn-warning.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #e69500;
    border-color: #e69500; }

.btn-outline-primary-2x.active:not([disabled]):not(.disabled) {
  background-color: #006666;
  border-color: #006666;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-primary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-primary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #006666 !important;
    border-color: #006666 !important; }

.btn-outline-secondary-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-secondary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-success-2x.active:not([disabled]):not(.disabled) {
  background-color: #00AC46;
  border-color: #00AC46;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-success-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-success-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-success-2x.active:not([disabled]):not(.disabled):active, .btn-outline-success-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }

.btn-outline-danger-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-danger-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):active, .btn-outline-danger-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-info-2x.active:not([disabled]):not(.disabled) {
  background-color: #173878;
  border-color: #173878;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-info-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-info-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-info-2x.active:not([disabled]):not(.disabled):active, .btn-outline-info-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #173878 !important;
    border-color: #173878 !important; }

.btn-outline-light-2x.active:not([disabled]):not(.disabled) {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-light-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-light-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-light-2x.active:not([disabled]):not(.disabled):active, .btn-outline-light-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }

.btn-outline-dark-2x.active:not([disabled]):not(.disabled) {
  background-color: #2c323f;
  border-color: #2c323f;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-dark-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):active, .btn-outline-dark-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important; }

.btn-outline-warning-2x.active:not([disabled]):not(.disabled) {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-warning-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):active, .btn-outline-warning-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important; }

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important; }

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important; }

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important; }

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important; }

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important; }

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666; }
  .table-styling .table-primary thead,
  .table-styling.table-primary thead {
    background-color: #003333;
    border: 3px solid #003333; }
  .table-styling .table-primary th,
  .table-styling .table-primary td,
  .table-styling.table-primary th,
  .table-styling.table-primary td {
    background-color: transparent; }

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-secondary thead,
  .table-styling.table-secondary thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-secondary th,
  .table-styling .table-secondary td,
  .table-styling.table-secondary th,
  .table-styling.table-secondary td {
    background-color: transparent; }

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46; }
  .table-styling .table-success thead,
  .table-styling.table-success thead {
    background-color: #007931;
    border: 3px solid #007931; }
  .table-styling .table-success th,
  .table-styling .table-success td,
  .table-styling.table-success th,
  .table-styling.table-success td {
    background-color: transparent; }

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-danger thead,
  .table-styling.table-danger thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-danger th,
  .table-styling .table-danger td,
  .table-styling.table-danger th,
  .table-styling.table-danger td {
    background-color: transparent; }

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878; }
  .table-styling .table-info thead,
  .table-styling.table-info thead {
    background-color: #0f244d;
    border: 3px solid #0f244d; }
  .table-styling .table-info th,
  .table-styling .table-info td,
  .table-styling.table-info th,
  .table-styling.table-info td {
    background-color: transparent; }

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB; }
  .table-styling .table-light thead,
  .table-styling.table-light thead {
    background-color: #cad0d4;
    border: 3px solid #cad0d4; }
  .table-styling .table-light th,
  .table-styling .table-light td,
  .table-styling.table-light th,
  .table-styling.table-light td {
    background-color: transparent; }

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f; }
  .table-styling .table-dark thead,
  .table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21; }
  .table-styling .table-dark th,
  .table-styling .table-dark td,
  .table-styling.table-dark th,
  .table-styling.table-dark td {
    background-color: transparent; }

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A; }
  .table-styling .table-warning thead,
  .table-styling.table-warning thead {
    background-color: #e69500;
    border: 3px solid #e69500; }
  .table-styling .table-warning th,
  .table-styling .table-warning td,
  .table-styling.table-warning th,
  .table-styling.table-warning td {
    background-color: transparent; }

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important; }

.stroke-secondary {
  stroke: #FE6A49 !important; }

.stroke-success {
  stroke: #00AC46 !important; }

.stroke-danger {
  stroke: #FE6A49 !important; }

.stroke-info {
  stroke: #173878 !important; }

.stroke-light {
  stroke: #E6E9EB !important; }

.stroke-dark {
  stroke: #2c323f !important; }

.stroke-warning {
  stroke: #FFAE1A !important; }

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878; }

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important; }

.b-t-primary {
  border-top: 1px solid #006666 !important; }

.border-t-primary {
  border-top: 1px solid #006666 !important; }

.b-b-primary {
  border-bottom: 1px solid #006666 !important; }

.border-b-primary {
  border-bottom: 1px solid #006666 !important; }

.b-l-primary {
  border-left: 1px solid #006666 !important; }

.border-l-primary {
  border-left: 1px solid #006666 !important; }

.b-r-primary {
  border-right: 1px solid #006666 !important; }

.border-r-primary {
  border-right: 1px solid #006666 !important; }

.b-secondary {
  border: 1px solid #FE6A49 !important; }

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.b-success {
  border: 1px solid #00AC46 !important; }

.b-t-success {
  border-top: 1px solid #00AC46 !important; }

.border-t-success {
  border-top: 1px solid #00AC46 !important; }

.b-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.border-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.b-l-success {
  border-left: 1px solid #00AC46 !important; }

.border-l-success {
  border-left: 1px solid #00AC46 !important; }

.b-r-success {
  border-right: 1px solid #00AC46 !important; }

.border-r-success {
  border-right: 1px solid #00AC46 !important; }

.b-danger {
  border: 1px solid #FE6A49 !important; }

.b-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.border-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.border-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.b-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.border-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.b-info {
  border: 1px solid #173878 !important; }

.b-t-info {
  border-top: 1px solid #173878 !important; }

.border-t-info {
  border-top: 1px solid #173878 !important; }

.b-b-info {
  border-bottom: 1px solid #173878 !important; }

.border-b-info {
  border-bottom: 1px solid #173878 !important; }

.b-l-info {
  border-left: 1px solid #173878 !important; }

.border-l-info {
  border-left: 1px solid #173878 !important; }

.b-r-info {
  border-right: 1px solid #173878 !important; }

.border-r-info {
  border-right: 1px solid #173878 !important; }

.b-light {
  border: 1px solid #E6E9EB !important; }

.b-t-light {
  border-top: 1px solid #E6E9EB !important; }

.border-t-light {
  border-top: 1px solid #E6E9EB !important; }

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.b-l-light {
  border-left: 1px solid #E6E9EB !important; }

.border-l-light {
  border-left: 1px solid #E6E9EB !important; }

.b-r-light {
  border-right: 1px solid #E6E9EB !important; }

.border-r-light {
  border-right: 1px solid #E6E9EB !important; }

.b-dark {
  border: 1px solid #2c323f !important; }

.b-t-dark {
  border-top: 1px solid #2c323f !important; }

.border-t-dark {
  border-top: 1px solid #2c323f !important; }

.b-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.border-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.b-l-dark {
  border-left: 1px solid #2c323f !important; }

.border-l-dark {
  border-left: 1px solid #2c323f !important; }

.b-r-dark {
  border-right: 1px solid #2c323f !important; }

.border-r-dark {
  border-right: 1px solid #2c323f !important; }

.b-warning {
  border: 1px solid #FFAE1A !important; }

.b-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.border-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.b-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.border-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.b-r-warning {
  border-right: 1px solid #FFAE1A !important; }

.border-r-warning {
  border-right: 1px solid #FFAE1A !important; }

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-6 {
  border-width: 6px !important; }

.border-7 {
  border-width: 7px !important; }

.border-8 {
  border-width: 8px !important; }

.border-9 {
  border-width: 9px !important; }

.border-10 {
  border-width: 10px !important; }

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px; }

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa; }

.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px; }

.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3); }

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f; }
  .line pre {
    font-size: 100%; }

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important; }

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .options > div {
    color: #86909C;
    padding: 2px 10px;
    border: 1px solid; }
    .options > div:hover {
      background-color: #006666;
      color: #fff;
      transition: background-color 0.3s ease; }

/**====== Animation css Ends ======**/
.modal-footer {
  flex-wrap: wrap; }

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0; }

.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0; }

.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px; }

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666; }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #006666 !important; }

.typeahead .theme-form .form-group {
  margin-bottom: 0; }

.primary .svg-fill {
  fill: var(--theme-deafult); }
  .primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-deafult); }

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important; }

.secondary .svg-fill {
  fill: var(--theme-secondary); }
  .secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary); }

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important; }

.success .svg-fill {
  fill: #00AC46; }

.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important; }

.warning .svg-fill {
  fill: #FFAE1A; }

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important; }

.dotted {
  border-style: dotted; }

.dashed {
  border-style: dashed; }

.double {
  border-style: double; }

.groove {
  border-style: groove; }

.ridge {
  border-style: ridge; }

.inset {
  border-style: inset; }

.outset {
  border-style: outset; }

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px; }
  75% {
    opacity: .6;
    top: 0; }
  100% {
    opacity: 1; } }

.code-box-copy {
  width: 100%;
  overflow: auto; }

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%; }
  .custom-rs-12 {
    width: 100%; } }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px; }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none; }

.bg-gray {
  background-color: var(--text-gray); }

.text-gray {
  color: var(--text-gray) !important; }

.common-flex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

.common-space {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2); }

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3); }

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important; }

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important; }

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666; }

.badge-light-secondary {
  background-color: white;
  color: #FE6A49; }

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46; }

.badge-light-danger {
  background-color: white;
  color: #FE6A49; }

.badge-light-info {
  background-color: #6e96e3;
  color: #173878; }

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c; }

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f; }

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A; }

.fc .fc-button-primary.fc-button-active:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult), 0.2) !important; }

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%;
      margin-left: 0px; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .invoice-table-data {
    background-color: #f9f9fa; }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

/**=====================
    1.1 Reset CSS Ends
==========================**/
/**=====================
    1.2 Typography CSS start
==========================**/
body {
  font-size: 14px;
  overflow-x: hidden;
  font-family: "Montserrat", sans-serif;
  color: #051A1A; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0; }

h1 {
  font-size: 28px;
  font-weight: 600; }

h2 {
  font-size: 26px;
  font-weight: 600; }

h3 {
  font-size: 24px;
  font-weight: 600; }

h4 {
  font-size: 20px;
  font-weight: 600; }

h5 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4; }

h6 {
  font-size: 15px;
  font-weight: 600;
  line-height: 1; }

ul {
  padding-left: 0px;
  list-style-type: none;
  margin-bottom: 0; }

* a {
  color: var(--theme-deafult);
  text-decoration: none;
  letter-spacing: 1px; }

.f-m-light {
  margin: 0; }

a {
  font-size: 0.875rem;
  text-decoration: none;
  color: var(--theme-deafult); }
  a:hover {
    color: var(--theme-deafult); }
  a:focus-visible {
    outline: none; }

.btn {
  font-size: 14px; }

*.btn:focus {
  box-shadow: none !important; }

button:focus {
  outline: none !important; }

p {
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0.7px; }

code {
  color: var(--theme-deafult) !important;
  border-radius: 2px; }

.media {
  display: flex;
  align-items: flex-start; }
  .media .media-body {
    flex: 1; }

blockquote {
  border-left: 4px solid #006666;
  padding: 18px; }

.figure.text-center blockquote {
  border: none !important; }

.figure.text-end blockquote {
  border-left: none !important;
  border-right: 4px solid #006666; }

.row > div {
  position: relative; }

:focus {
  outline-color: var(--theme-deafult); }

.disabled {
  cursor: not-allowed;
  opacity: 0.5; }

svg {
  vertical-align: baseline; }

input:focus {
  outline-color: transparent; }

label {
  margin-bottom: .5rem;
  font-weight: 500; }

.media-widgets .media-body {
  margin-bottom: 30px; }

.typography h1,
.typography .h1,
.typography h2,
.typography .h2,
.typography h3,
.typography .h3,
.typography h4,
.typography .h4,
.typography h5,
.typography .h5,
.typography h6,
.typography .h6 {
  margin: 18px 0;
  margin-top: 0; }
  .typography h1:last-child,
  .typography .h1:last-child,
  .typography h2:last-child,
  .typography .h2:last-child,
  .typography h3:last-child,
  .typography .h3:last-child,
  .typography h4:last-child,
  .typography .h4:last-child,
  .typography h5:last-child,
  .typography .h5:last-child,
  .typography h6:last-child,
  .typography .h6:last-child {
    margin-bottom: 0; }

.typography small {
  padding-left: 10px;
  color: #2c323f; }

pre {
  background-color: rgba(0, 102, 102, 0.03);
  padding: 20px 0; }

.owl-theme .owl-dots .owl-dot span {
  background: rgba(0, 102, 102, 0.2); }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: var(--theme-deafult); }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-bottom: -10px;
  margin-top: 25px; }

.click2edit ~ .note-editor.note-frame {
  margin-bottom: 30px; }

.note-editor.note-frame {
  border-color: #E6E9EB; }

.note-editor.fullscreen .note-toolbar-wrapper {
  height: 0 !important; }

.note-editor.note-frame {
  border-color: #E6E9EB; }

.modal .modal-body .card {
  box-shadow: none !important; }

.modal-dialog .modal-content .modal-body p a {
  margin-right: 0; }

.notify-alert .close {
  color: #fff; }
  [dir="rtl"] .notify-alert .close {
    right: unset !important;
    left: 10px !important; }

.notify-alert.alert-light .close {
  color: #051A1A; }

.alert-theme button {
  top: 24px !important;
  right: 20px !important;
  color: var(--theme-deafult); }
  [dir="rtl"] .alert-theme button {
    right: unset !important;
    left: 20px !important; }

.alert-theme span + span + span {
  background-color: #fff;
  color: var(--theme-deafult);
  border-radius: 4px;
  box-shadow: 0 2px 14px -3px rgba(0, 0, 0, 0.2); }

.alert-theme .close {
  color: var(--theme-deafult); }

.alert-theme i {
  padding: 20px;
  padding-right: 0 !important;
  margin-right: 20px !important; }

.alert-theme .progress {
  margin-top: -2px !important;
  height: 2px;
  width: 100%; }
  .alert-theme .progress .progress-bar {
    background-color: var(--theme-deafult); }

.d-flex {
  display: flex;
  align-items: flex-start; }
  .d-flex .flex-grow-1 {
    flex: 1; }

.alert-copy {
  border: 1px solid var(--theme-deafult);
  line-height: 1;
  display: inline-block;
  width: 300px;
  color: #fff;
  background-color: var(--theme-deafult); }
  .alert-copy .close {
    box-shadow: none;
    color: #fff;
    line-height: 1.4;
    font-weight: 100;
    top: -15px; }
    [dir="rtl"] .alert-copy .close {
      right: unset !important;
      left: 10px !important; }
    .alert-copy .close:focus {
      outline: none; }

.ace-editor {
  height: 400px;
  width: 100%; }

.editor-toolbar {
  width: 100% !important; }
  .editor-toolbar.fullscreen {
    z-index: 100; }

.CodeMirror {
  top: 0 !important; }

.CodeMirror-fullscreen {
  top: 50px !important; }

.irs-from,
.irs-to,
.irs-single {
  background: var(--theme-deafult); }
  .irs-from:after,
  .irs-to:after,
  .irs-single:after {
    border-top-color: var(--theme-deafult); }

.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge {
  background-color: var(--theme-deafult); }

.swal-button {
  background-color: var(--theme-deafult); }
  .swal-button:active {
    background-color: #004d4d; }

.swal-button--cancel {
  background-color: #EFEFEE !important; }

.clipboaard-container h6 {
  line-height: 1.6;
  font-size: 14px; }

fieldset .bootstrap-touchspin-postfix,
fieldset .bootstrap-touchspin-prefix {
  border-radius: 0;
  padding: .4rem .75rem; }

fieldset .input-group-lg .touchspin {
  height: 50px; }

.f1 .f1-steps .f1-step .f1-step-icon {
  padding: 12px; }

.form-inline .form-group {
  display: flex; }

.input-group-text i {
  line-height: 1.5; }

.animated-modal .form-select {
  display: inline-block;
  width: auto;
  vertical-align: middle; }

.card-wrapper {
  padding: 14px; }
  .card-wrapper dl dt {
    font-weight: 500; }

/* ===== Scrollbar CSS ===== */
/* Firefox */
table tbody tr {
  vertical-align: middle; }

.typography-table thead tr th {
  font-size: 16px; }

.typography-table tbody tr td:last-child {
  min-width: 280px; }

.typography-table tbody tr td:first-child {
  min-width: 100px; }

/**=====================
    1.2 Typography CSS Ends
==========================**/
/**=====================
    2.1 According CSS start
==========================**/
.default-according .avatar-showcase {
  margin-bottom: 0; }

.default-according .card {
  margin-bottom: 0;
  box-shadow: none; }
  .default-according .card + .card {
    margin-top: 10px; }
  .default-according .card .btn-link {
    font-weight: 500;
    color: #051A1A;
    text-decoration: none; }
  .default-according .card .btn-link:focus, .default-according .card .btn-link:hover {
    text-decoration: none; }
  .default-according .card .card-header {
    padding: 0.75rem 1.25rem;
    border: 1px solid #ecf3fa; }
    .default-according .card .card-header i {
      position: absolute;
      left: 18px;
      font-size: 20px;
      top: 20px; }
    .default-according .card .card-header h5 {
      margin-top: 2px; }
  .default-according .card .card-body {
    border: 1px solid #ecf3fa;
    border-top: none; }

.default-according.style-1 button {
  width: 100%;
  text-align: left; }
  .default-according.style-1 button:before {
    right: 20px;
    position: absolute;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    font-size: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (max-width: 575px) {
      .default-according.style-1 button:before {
        right: 15px; } }
  .default-according.style-1 button[aria-expanded="true"]:before {
    content: "";
    font-family: IcoFont; }
  .default-according.style-1 button[aria-expanded="false"]:before {
    content: "";
    font-family: IcoFont; }

.accordion-button .svg-color {
  position: absolute;
  right: 20px; }
  [dir="rtl"] .accordion-button .svg-color {
    left: 20px;
    right: unset; }
  .accordion-button .svg-color::after {
    content: '';
    background-image: unset; }

.accordion-button:not(.collapsed) {
  background-color: unset;
  box-shadow: none; }
  .accordion-button:not(.collapsed)::after {
    background-image: unset; }

.accordion-button::after {
  background-image: unset; }

.accordion-button:focus {
  box-shadow: none; }

.accordion-button.accordion-light-primary:not(.collapsed) {
  background-color: rgba(0, 102, 102, 0.2); }

.accordion-button.accordion-light-primary:active, .accordion-button.accordion-light-primary.active {
  background-color: rgba(0, 102, 102, 0.2);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-primary {
  background-color: rgba(0, 102, 102, 0.2) !important; }

.accordion-button.accordion-light-secondary:not(.collapsed) {
  background-color: rgba(254, 106, 73, 0.3); }

.accordion-button.accordion-light-secondary:active, .accordion-button.accordion-light-secondary.active {
  background-color: rgba(254, 106, 73, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-secondary {
  background-color: rgba(254, 106, 73, 0.3) !important; }

.accordion-button.accordion-light-success:not(.collapsed) {
  background-color: rgba(0, 172, 70, 0.3); }

.accordion-button.accordion-light-success:active, .accordion-button.accordion-light-success.active {
  background-color: rgba(0, 172, 70, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-success {
  background-color: rgba(0, 172, 70, 0.3) !important; }

.accordion-button.accordion-light-warning:not(.collapsed) {
  background-color: rgba(255, 174, 26, 0.3); }

.accordion-button.accordion-light-warning:active, .accordion-button.accordion-light-warning.active {
  background-color: rgba(255, 174, 26, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-warning {
  background-color: rgba(255, 174, 26, 0.3) !important; }

.accordion-button.accordion-light-info:not(.collapsed) {
  background-color: rgba(23, 56, 120, 0.3); }

.accordion-button.accordion-light-info:active, .accordion-button.accordion-light-info.active {
  background-color: rgba(23, 56, 120, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-info {
  background-color: rgba(23, 56, 120, 0.3) !important; }

.accordion-button.accordion-light-light:not(.collapsed) {
  background-color: #F9F9FB; }

.accordion-button.accordion-light-light:active, .accordion-button.accordion-light-light.active {
  background-color: #F9F9FB;
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-light {
  background-color: #F9F9FB !important; }

.accordion-button.accordion-light-danger:not(.collapsed) {
  background-color: rgba(254, 106, 73, 0.3); }

.accordion-button.accordion-light-danger:active, .accordion-button.accordion-light-danger.active {
  background-color: rgba(254, 106, 73, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-danger {
  background-color: rgba(254, 106, 73, 0.3) !important; }

.accordion-button.accordion-light-dark:not(.collapsed) {
  background-color: #EAEBF2; }

.accordion-button.accordion-light-dark:active, .accordion-button.accordion-light-dark.active {
  background-color: #EAEBF2;
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-dark {
  background-color: #EAEBF2 !important; }

.accordion-item .accordion-button .svg-wrapper {
  width: 18px;
  height: 18px; }

.accordion-wrapper:active {
  border: 1px solid #006666;
  border-top: 1px solid #006666 !important; }

.accordion-border .accordion-item {
  border: 0; }

.icons-accordion .accordion-item:last-child .accordion-body {
  padding-bottom: 0 !important; }

.accordions-content li {
  color: #2c323f; }

.collapse-accordion .btn-dark.show {
  border-radius: 15px; }

/**=====================
    2.1 According CSS Ends
==========================**/
/**=====================
     2.2 Alert CSS start
==========================**/
.notify-alert .close {
  color: #006666;
  background: unset;
  border: none;
  font-size: 25px;
  top: 0px; }
  [dir="rtl"] .notify-alert .close {
    right: unset !important;
    left: 10px !important; }

.notify-alert.alert-light .close {
  color: #051A1A; }

.alert {
  border-radius: 0.15rem;
  padding: 15px; }
  .alert svg {
    vertical-align: middle; }
  .alert .progress {
    margin-top: 15px; }
  .alert [data-notify='icon'] {
    margin-right: 10px;
    line-height: 20px;
    position: absolute; }
  .alert [data-notify='message'] {
    display: inline-block;
    width: 100%; }
  .alert i {
    margin-right: 5px;
    font-size: 16px; }
  .alert p {
    margin-bottom: 0; }
  .alert .close {
    opacity: 1; }
    .alert .close span {
      font-size: 24px;
      font-weight: 400;
      display: inline-block;
      border-radius: 3px;
      text-shadow: none;
      padding: 0 5px;
      padding-right: 0; }

.alert-dismissible {
  padding-right: 2.5rem; }
  [dir="rtl"] .alert-dismissible {
    padding-right: 15px;
    padding-left: 2.5rem; }
  .alert-dismissible .close {
    padding: 10px 1.25rem;
    top: 4px;
    padding-right: 13px;
    opacity: 0.5;
    transition: all 0.3s ease; }
    .alert-dismissible .close:hover {
      transition: all 0.3s ease;
      opacity: 1;
      color: inherit; }

.card-body button:focus {
  outline: none; }

.card-body .alert:last-child {
  margin-bottom: 0; }

.card-body .alert svg {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  position: absolute;
  top: 18px; }
  .card-body .alert svg ~ p {
    padding-left: 20px; }

strong {
  display: inline-block; }
  strong ~ p {
    display: inline-block; }

.alert-primary {
  background-color: rgba(0, 102, 102, 0.9);
  border-color: rgba(0, 102, 102, 0.9);
  color: #fff; }
  .alert-primary .progress {
    height: 5px;
    background-color: #006161;
    border-radius: 0; }
  .alert-primary .progress-bar {
    background-color: #66ffff; }
  .alert-primary .btn-close {
    filter: brightness(1) invert(1); }
  .alert-primary .alert-link {
    color: #006666; }
  .alert-primary hr {
    border-top-color: #006666; }

.border-primary {
  border-color: #006666 !important; }

.income-wrapper ul li .income-dot.dot-primary {
  background-color: #006666; }

.touchspin-wrapper .btn-touchspin.touchspin-primary {
  background-color: #006666;
  border: 1px solid #006666;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-primary {
  background-color: unset;
  border: 1px solid #006666;
  color: #006666; }

.touchspin-wrapper input.spin-outline-primary[type='number'] {
  outline: 1px solid #006666;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-primary {
  background-color: #006666;
  border: 1px solid #006666;
  color: #fff; }

.form-switch .form-check-input.switch-primary:checked {
  background-color: #006666;
  border-color: #006666; }

.payment-second .mega-icons.stroke-primary {
  stroke: #006666; }

.toast-primary {
  color: #006666 !important; }

.list-group-horizontal-sm .list-group-item.border-left-primary, .list-group-horizontal-md .list-group-item.border-left-primary, .list-group-horizontal-lg .list-group-item.border-left-primary, .list-group-horizontal-xl .list-group-item.border-left-primary, .list-group-horizontal-xxl .list-group-item.border-left-primary {
  border-left: 4px solid #006666; }

.main-radio-toggle .btn-check.radio-light-primary:focus + .btn {
  box-shadow: 0 0 0 4px rgba(0, 102, 102, 0.55); }

.fill-radios .radio.radio-primary input[type='radio']:checked + label::before {
  border: 10px solid #006666; }

.fill-radios .radio.radio-primary input[type='radio']:checked + label::after {
  background-color: #006666; }

.list-group .form-check-input.checkbox-primary[type=checkbox]:checked,
.list-group .checkbox-primary[type=radio] {
  background-color: unset;
  border-color: #006666;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-primary[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-primary[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-primary.active[type=checkbox]:checked,
  .list-group .checkbox-primary[type=radio]:focus,
  .list-group .checkbox-primary[type=radio]:active,
  .list-group .checkbox-primary.active[type=radio] {
    border-color: #006666;
    outline: 0;
    background-color: #006666; }

.list-group .alert-primary.light {
  background-color: rgba(0, 102, 102, 0.4);
  border-color: rgba(0, 102, 102, 0.7); }

.list-group .alert-primary.dark {
  background-color: #006666;
  border-color: #006666;
  color: #fafafa; }
  .list-group .alert-primary.dark .alert-link {
    color: #fff; }

.list-group .alert-primary.outline,
.list-group .alert-primary.outline-2x {
  background-color: transparent;
  border-color: #006666;
  color: #006666; }
  .list-group .alert-primary.outline .btn-close,
  .list-group .alert-primary.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-primary.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #006666;
  color: #051A1A; }
  .list-group .alert-primary.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #006666;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-primary.inverse:before {
        left: 45px; } }
  .list-group .alert-primary.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #006666;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-primary.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-secondary {
  background-color: rgba(254, 106, 73, 0.9);
  border-color: rgba(254, 106, 73, 0.9);
  color: #fff; }
  .alert-secondary .progress {
    height: 5px;
    background-color: #fe6644;
    border-radius: 0; }
  .alert-secondary .progress-bar {
    background-color: white; }
  .alert-secondary .btn-close {
    filter: brightness(1) invert(1); }
  .alert-secondary .alert-link {
    color: #FE6A49; }
  .alert-secondary hr {
    border-top-color: #FE6A49; }

.border-secondary {
  border-color: #FE6A49 !important; }

.income-wrapper ul li .income-dot.dot-secondary {
  background-color: #FE6A49; }

.touchspin-wrapper .btn-touchspin.touchspin-secondary {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-secondary {
  background-color: unset;
  border: 1px solid #FE6A49;
  color: #FE6A49; }

.touchspin-wrapper input.spin-outline-secondary[type='number'] {
  outline: 1px solid #FE6A49;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-secondary {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.form-switch .form-check-input.switch-secondary:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.payment-second .mega-icons.stroke-secondary {
  stroke: #FE6A49; }

.toast-secondary {
  color: #FE6A49 !important; }

.list-group-horizontal-sm .list-group-item.border-left-secondary, .list-group-horizontal-md .list-group-item.border-left-secondary, .list-group-horizontal-lg .list-group-item.border-left-secondary, .list-group-horizontal-xl .list-group-item.border-left-secondary, .list-group-horizontal-xxl .list-group-item.border-left-secondary {
  border-left: 4px solid #FE6A49; }

.main-radio-toggle .btn-check.radio-light-secondary:focus + .btn {
  box-shadow: 0 0 0 4px rgba(254, 106, 73, 0.55); }

.fill-radios .radio.radio-secondary input[type='radio']:checked + label::before {
  border: 10px solid #FE6A49; }

.fill-radios .radio.radio-secondary input[type='radio']:checked + label::after {
  background-color: #FE6A49; }

.list-group .form-check-input.checkbox-secondary[type=checkbox]:checked,
.list-group .checkbox-secondary[type=radio] {
  background-color: unset;
  border-color: #FE6A49;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-secondary[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-secondary[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-secondary.active[type=checkbox]:checked,
  .list-group .checkbox-secondary[type=radio]:focus,
  .list-group .checkbox-secondary[type=radio]:active,
  .list-group .checkbox-secondary.active[type=radio] {
    border-color: #FE6A49;
    outline: 0;
    background-color: #FE6A49; }

.list-group .alert-secondary.light {
  background-color: rgba(254, 106, 73, 0.4);
  border-color: rgba(254, 106, 73, 0.7); }

.list-group .alert-secondary.dark {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fafafa; }
  .list-group .alert-secondary.dark .alert-link {
    color: #fff; }

.list-group .alert-secondary.outline,
.list-group .alert-secondary.outline-2x {
  background-color: transparent;
  border-color: #FE6A49;
  color: #FE6A49; }
  .list-group .alert-secondary.outline .btn-close,
  .list-group .alert-secondary.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-secondary.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FE6A49;
  color: #051A1A; }
  .list-group .alert-secondary.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #FE6A49;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-secondary.inverse:before {
        left: 45px; } }
  .list-group .alert-secondary.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #FE6A49;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-secondary.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-success {
  background-color: rgba(0, 172, 70, 0.9);
  border-color: rgba(0, 172, 70, 0.9);
  color: #fff; }
  .alert-success .progress {
    height: 5px;
    background-color: #00a744;
    border-radius: 0; }
  .alert-success .progress-bar {
    background-color: #acffce; }
  .alert-success .btn-close {
    filter: brightness(1) invert(1); }
  .alert-success .alert-link {
    color: #00AC46; }
  .alert-success hr {
    border-top-color: #00AC46; }

.border-success {
  border-color: #00AC46 !important; }

.income-wrapper ul li .income-dot.dot-success {
  background-color: #00AC46; }

.touchspin-wrapper .btn-touchspin.touchspin-success {
  background-color: #00AC46;
  border: 1px solid #00AC46;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-success {
  background-color: unset;
  border: 1px solid #00AC46;
  color: #00AC46; }

.touchspin-wrapper input.spin-outline-success[type='number'] {
  outline: 1px solid #00AC46;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-success {
  background-color: #00AC46;
  border: 1px solid #00AC46;
  color: #fff; }

.form-switch .form-check-input.switch-success:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.payment-second .mega-icons.stroke-success {
  stroke: #00AC46; }

.toast-success {
  color: #00AC46 !important; }

.list-group-horizontal-sm .list-group-item.border-left-success, .list-group-horizontal-md .list-group-item.border-left-success, .list-group-horizontal-lg .list-group-item.border-left-success, .list-group-horizontal-xl .list-group-item.border-left-success, .list-group-horizontal-xxl .list-group-item.border-left-success {
  border-left: 4px solid #00AC46; }

.main-radio-toggle .btn-check.radio-light-success:focus + .btn {
  box-shadow: 0 0 0 4px rgba(0, 172, 70, 0.55); }

.fill-radios .radio.radio-success input[type='radio']:checked + label::before {
  border: 10px solid #00AC46; }

.fill-radios .radio.radio-success input[type='radio']:checked + label::after {
  background-color: #00AC46; }

.list-group .form-check-input.checkbox-success[type=checkbox]:checked,
.list-group .checkbox-success[type=radio] {
  background-color: unset;
  border-color: #00AC46;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-success[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-success[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-success.active[type=checkbox]:checked,
  .list-group .checkbox-success[type=radio]:focus,
  .list-group .checkbox-success[type=radio]:active,
  .list-group .checkbox-success.active[type=radio] {
    border-color: #00AC46;
    outline: 0;
    background-color: #00AC46; }

.list-group .alert-success.light {
  background-color: rgba(0, 172, 70, 0.4);
  border-color: rgba(0, 172, 70, 0.7); }

.list-group .alert-success.dark {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fafafa; }
  .list-group .alert-success.dark .alert-link {
    color: #fff; }

.list-group .alert-success.outline,
.list-group .alert-success.outline-2x {
  background-color: transparent;
  border-color: #00AC46;
  color: #00AC46; }
  .list-group .alert-success.outline .btn-close,
  .list-group .alert-success.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-success.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #00AC46;
  color: #051A1A; }
  .list-group .alert-success.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #00AC46;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-success.inverse:before {
        left: 45px; } }
  .list-group .alert-success.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #00AC46;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-success.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-danger {
  background-color: rgba(254, 106, 73, 0.9);
  border-color: rgba(254, 106, 73, 0.9);
  color: #fff; }
  .alert-danger .progress {
    height: 5px;
    background-color: #fe6644;
    border-radius: 0; }
  .alert-danger .progress-bar {
    background-color: white; }
  .alert-danger .btn-close {
    filter: brightness(1) invert(1); }
  .alert-danger .alert-link {
    color: #FE6A49; }
  .alert-danger hr {
    border-top-color: #FE6A49; }

.border-danger {
  border-color: #FE6A49 !important; }

.income-wrapper ul li .income-dot.dot-danger {
  background-color: #FE6A49; }

.touchspin-wrapper .btn-touchspin.touchspin-danger {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-danger {
  background-color: unset;
  border: 1px solid #FE6A49;
  color: #FE6A49; }

.touchspin-wrapper input.spin-outline-danger[type='number'] {
  outline: 1px solid #FE6A49;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-danger {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.form-switch .form-check-input.switch-danger:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.payment-second .mega-icons.stroke-danger {
  stroke: #FE6A49; }

.toast-danger {
  color: #FE6A49 !important; }

.list-group-horizontal-sm .list-group-item.border-left-danger, .list-group-horizontal-md .list-group-item.border-left-danger, .list-group-horizontal-lg .list-group-item.border-left-danger, .list-group-horizontal-xl .list-group-item.border-left-danger, .list-group-horizontal-xxl .list-group-item.border-left-danger {
  border-left: 4px solid #FE6A49; }

.main-radio-toggle .btn-check.radio-light-danger:focus + .btn {
  box-shadow: 0 0 0 4px rgba(254, 106, 73, 0.55); }

.fill-radios .radio.radio-danger input[type='radio']:checked + label::before {
  border: 10px solid #FE6A49; }

.fill-radios .radio.radio-danger input[type='radio']:checked + label::after {
  background-color: #FE6A49; }

.list-group .form-check-input.checkbox-danger[type=checkbox]:checked,
.list-group .checkbox-danger[type=radio] {
  background-color: unset;
  border-color: #FE6A49;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-danger[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-danger[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-danger.active[type=checkbox]:checked,
  .list-group .checkbox-danger[type=radio]:focus,
  .list-group .checkbox-danger[type=radio]:active,
  .list-group .checkbox-danger.active[type=radio] {
    border-color: #FE6A49;
    outline: 0;
    background-color: #FE6A49; }

.list-group .alert-danger.light {
  background-color: rgba(254, 106, 73, 0.4);
  border-color: rgba(254, 106, 73, 0.7); }

.list-group .alert-danger.dark {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fafafa; }
  .list-group .alert-danger.dark .alert-link {
    color: #fff; }

.list-group .alert-danger.outline,
.list-group .alert-danger.outline-2x {
  background-color: transparent;
  border-color: #FE6A49;
  color: #FE6A49; }
  .list-group .alert-danger.outline .btn-close,
  .list-group .alert-danger.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-danger.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FE6A49;
  color: #051A1A; }
  .list-group .alert-danger.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #FE6A49;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-danger.inverse:before {
        left: 45px; } }
  .list-group .alert-danger.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #FE6A49;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-danger.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-warning {
  background-color: rgba(255, 174, 26, 0.9);
  border-color: rgba(255, 174, 26, 0.9);
  color: #fff; }
  .alert-warning .progress {
    height: 5px;
    background-color: #ffac15;
    border-radius: 0; }
  .alert-warning .progress-bar {
    background-color: white; }
  .alert-warning .btn-close {
    filter: brightness(1) invert(1); }
  .alert-warning .alert-link {
    color: #FFAE1A; }
  .alert-warning hr {
    border-top-color: #FFAE1A; }

.border-warning {
  border-color: #FFAE1A !important; }

.income-wrapper ul li .income-dot.dot-warning {
  background-color: #FFAE1A; }

.touchspin-wrapper .btn-touchspin.touchspin-warning {
  background-color: #FFAE1A;
  border: 1px solid #FFAE1A;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-warning {
  background-color: unset;
  border: 1px solid #FFAE1A;
  color: #FFAE1A; }

.touchspin-wrapper input.spin-outline-warning[type='number'] {
  outline: 1px solid #FFAE1A;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-warning {
  background-color: #FFAE1A;
  border: 1px solid #FFAE1A;
  color: #fff; }

.form-switch .form-check-input.switch-warning:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

.payment-second .mega-icons.stroke-warning {
  stroke: #FFAE1A; }

.toast-warning {
  color: #FFAE1A !important; }

.list-group-horizontal-sm .list-group-item.border-left-warning, .list-group-horizontal-md .list-group-item.border-left-warning, .list-group-horizontal-lg .list-group-item.border-left-warning, .list-group-horizontal-xl .list-group-item.border-left-warning, .list-group-horizontal-xxl .list-group-item.border-left-warning {
  border-left: 4px solid #FFAE1A; }

.main-radio-toggle .btn-check.radio-light-warning:focus + .btn {
  box-shadow: 0 0 0 4px rgba(255, 174, 26, 0.55); }

.fill-radios .radio.radio-warning input[type='radio']:checked + label::before {
  border: 10px solid #FFAE1A; }

.fill-radios .radio.radio-warning input[type='radio']:checked + label::after {
  background-color: #FFAE1A; }

.list-group .form-check-input.checkbox-warning[type=checkbox]:checked,
.list-group .checkbox-warning[type=radio] {
  background-color: unset;
  border-color: #FFAE1A;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-warning[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-warning[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-warning.active[type=checkbox]:checked,
  .list-group .checkbox-warning[type=radio]:focus,
  .list-group .checkbox-warning[type=radio]:active,
  .list-group .checkbox-warning.active[type=radio] {
    border-color: #FFAE1A;
    outline: 0;
    background-color: #FFAE1A; }

.list-group .alert-warning.light {
  background-color: rgba(255, 174, 26, 0.4);
  border-color: rgba(255, 174, 26, 0.7); }

.list-group .alert-warning.dark {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fafafa; }
  .list-group .alert-warning.dark .alert-link {
    color: #fff; }

.list-group .alert-warning.outline,
.list-group .alert-warning.outline-2x {
  background-color: transparent;
  border-color: #FFAE1A;
  color: #FFAE1A; }
  .list-group .alert-warning.outline .btn-close,
  .list-group .alert-warning.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-warning.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FFAE1A;
  color: #051A1A; }
  .list-group .alert-warning.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #FFAE1A;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-warning.inverse:before {
        left: 45px; } }
  .list-group .alert-warning.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #FFAE1A;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-warning.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-info {
  background-color: rgba(23, 56, 120, 0.9);
  border-color: rgba(23, 56, 120, 0.9);
  color: #fff; }
  .alert-info .progress {
    height: 5px;
    background-color: #163674;
    border-radius: 0; }
  .alert-info .progress-bar {
    background-color: #a1bbed; }
  .alert-info .btn-close {
    filter: brightness(1) invert(1); }
  .alert-info .alert-link {
    color: #173878; }
  .alert-info hr {
    border-top-color: #173878; }

.border-info {
  border-color: #173878 !important; }

.income-wrapper ul li .income-dot.dot-info {
  background-color: #173878; }

.touchspin-wrapper .btn-touchspin.touchspin-info {
  background-color: #173878;
  border: 1px solid #173878;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-info {
  background-color: unset;
  border: 1px solid #173878;
  color: #173878; }

.touchspin-wrapper input.spin-outline-info[type='number'] {
  outline: 1px solid #173878;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-info {
  background-color: #173878;
  border: 1px solid #173878;
  color: #fff; }

.form-switch .form-check-input.switch-info:checked {
  background-color: #173878;
  border-color: #173878; }

.payment-second .mega-icons.stroke-info {
  stroke: #173878; }

.toast-info {
  color: #173878 !important; }

.list-group-horizontal-sm .list-group-item.border-left-info, .list-group-horizontal-md .list-group-item.border-left-info, .list-group-horizontal-lg .list-group-item.border-left-info, .list-group-horizontal-xl .list-group-item.border-left-info, .list-group-horizontal-xxl .list-group-item.border-left-info {
  border-left: 4px solid #173878; }

.main-radio-toggle .btn-check.radio-light-info:focus + .btn {
  box-shadow: 0 0 0 4px rgba(23, 56, 120, 0.55); }

.fill-radios .radio.radio-info input[type='radio']:checked + label::before {
  border: 10px solid #173878; }

.fill-radios .radio.radio-info input[type='radio']:checked + label::after {
  background-color: #173878; }

.list-group .form-check-input.checkbox-info[type=checkbox]:checked,
.list-group .checkbox-info[type=radio] {
  background-color: unset;
  border-color: #173878;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-info[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-info[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-info.active[type=checkbox]:checked,
  .list-group .checkbox-info[type=radio]:focus,
  .list-group .checkbox-info[type=radio]:active,
  .list-group .checkbox-info.active[type=radio] {
    border-color: #173878;
    outline: 0;
    background-color: #173878; }

.list-group .alert-info.light {
  background-color: rgba(23, 56, 120, 0.4);
  border-color: rgba(23, 56, 120, 0.7); }

.list-group .alert-info.dark {
  background-color: #173878;
  border-color: #173878;
  color: #fafafa; }
  .list-group .alert-info.dark .alert-link {
    color: #fff; }

.list-group .alert-info.outline,
.list-group .alert-info.outline-2x {
  background-color: transparent;
  border-color: #173878;
  color: #173878; }
  .list-group .alert-info.outline .btn-close,
  .list-group .alert-info.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-info.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #173878;
  color: #051A1A; }
  .list-group .alert-info.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #173878;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-info.inverse:before {
        left: 45px; } }
  .list-group .alert-info.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #173878;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-info.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-light {
  background-color: rgba(230, 233, 235, 0.9);
  border-color: rgba(230, 233, 235, 0.9);
  color: #fff;
  color: #2c323f;
  background-color: #E6E9EB; }
  .alert-light .progress {
    height: 5px;
    background-color: #e3e7e9;
    border-radius: 0; }
  .alert-light .progress-bar {
    background-color: white; }
  .alert-light .btn-close {
    filter: brightness(1) invert(1); }
  .alert-light .alert-link {
    color: #E6E9EB;
    color: #2c323f; }
  .alert-light .btn-close {
    filter: unset; }
  .alert-light hr {
    border-top-color: #E6E9EB; }

.border-light {
  border-color: #E6E9EB !important; }

.income-wrapper ul li .income-dot.dot-light {
  background-color: #E6E9EB; }

.touchspin-wrapper .btn-touchspin.touchspin-light {
  background-color: #E6E9EB;
  border: 1px solid #E6E9EB;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-light {
  background-color: unset;
  border: 1px solid #E6E9EB;
  color: #E6E9EB; }

.touchspin-wrapper input.spin-outline-light[type='number'] {
  outline: 1px solid #E6E9EB;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-light {
  background-color: #E6E9EB;
  border: 1px solid #E6E9EB;
  color: #fff; }

.form-switch .form-check-input.switch-light:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.payment-second .mega-icons.stroke-light {
  stroke: #E6E9EB; }

.toast-light {
  color: #E6E9EB !important; }

.list-group-horizontal-sm .list-group-item.border-left-light, .list-group-horizontal-md .list-group-item.border-left-light, .list-group-horizontal-lg .list-group-item.border-left-light, .list-group-horizontal-xl .list-group-item.border-left-light, .list-group-horizontal-xxl .list-group-item.border-left-light {
  border-left: 4px solid #E6E9EB; }

.main-radio-toggle .btn-check.radio-light-light:focus + .btn {
  box-shadow: 0 0 0 4px rgba(230, 233, 235, 0.55); }

.fill-radios .radio.radio-light input[type='radio']:checked + label::before {
  border: 10px solid #E6E9EB; }

.fill-radios .radio.radio-light input[type='radio']:checked + label::after {
  background-color: #E6E9EB; }

.list-group .form-check-input.checkbox-light[type=checkbox]:checked,
.list-group .checkbox-light[type=radio] {
  background-color: unset;
  border-color: #E6E9EB;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-light[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-light[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-light.active[type=checkbox]:checked,
  .list-group .checkbox-light[type=radio]:focus,
  .list-group .checkbox-light[type=radio]:active,
  .list-group .checkbox-light.active[type=radio] {
    border-color: #E6E9EB;
    outline: 0;
    background-color: #E6E9EB; }

.list-group .alert-light.light {
  background-color: rgba(230, 233, 235, 0.4);
  border-color: rgba(230, 233, 235, 0.7); }

.list-group .alert-light.dark {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fafafa;
  color: #2c323f; }
  .list-group .alert-light.dark .alert-link {
    color: #fff;
    color: #2c323f; }

.list-group .alert-light.outline,
.list-group .alert-light.outline-2x {
  background-color: transparent;
  border-color: #E6E9EB;
  color: #E6E9EB;
  color: #2c323f; }
  .list-group .alert-light.outline .btn-close,
  .list-group .alert-light.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-light.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #E6E9EB;
  color: #051A1A; }
  .list-group .alert-light.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #E6E9EB;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-light.inverse:before {
        left: 45px; } }
  .list-group .alert-light.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #E6E9EB;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-light.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-dark {
  background-color: rgba(44, 50, 63, 0.9);
  border-color: rgba(44, 50, 63, 0.9);
  color: #fff; }
  .alert-dark .progress {
    height: 5px;
    background-color: #2a303c;
    border-radius: 0; }
  .alert-dark .progress-bar {
    background-color: #a8b0c2; }
  .alert-dark .btn-close {
    filter: brightness(1) invert(1); }
  .alert-dark .alert-link {
    color: #2c323f; }
  .alert-dark hr {
    border-top-color: #2c323f; }

.border-dark {
  border-color: #2c323f !important; }

.income-wrapper ul li .income-dot.dot-dark {
  background-color: #2c323f; }

.touchspin-wrapper .btn-touchspin.touchspin-dark {
  background-color: #2c323f;
  border: 1px solid #2c323f;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-dark {
  background-color: unset;
  border: 1px solid #2c323f;
  color: #2c323f; }

.touchspin-wrapper input.spin-outline-dark[type='number'] {
  outline: 1px solid #2c323f;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-dark {
  background-color: #2c323f;
  border: 1px solid #2c323f;
  color: #fff; }

.form-switch .form-check-input.switch-dark:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.payment-second .mega-icons.stroke-dark {
  stroke: #2c323f; }

.toast-dark {
  color: #2c323f !important; }

.list-group-horizontal-sm .list-group-item.border-left-dark, .list-group-horizontal-md .list-group-item.border-left-dark, .list-group-horizontal-lg .list-group-item.border-left-dark, .list-group-horizontal-xl .list-group-item.border-left-dark, .list-group-horizontal-xxl .list-group-item.border-left-dark {
  border-left: 4px solid #2c323f; }

.main-radio-toggle .btn-check.radio-light-dark:focus + .btn {
  box-shadow: 0 0 0 4px rgba(44, 50, 63, 0.55); }

.fill-radios .radio.radio-dark input[type='radio']:checked + label::before {
  border: 10px solid #2c323f; }

.fill-radios .radio.radio-dark input[type='radio']:checked + label::after {
  background-color: #2c323f; }

.list-group .form-check-input.checkbox-dark[type=checkbox]:checked,
.list-group .checkbox-dark[type=radio] {
  background-color: unset;
  border-color: #2c323f;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-dark[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-dark[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-dark.active[type=checkbox]:checked,
  .list-group .checkbox-dark[type=radio]:focus,
  .list-group .checkbox-dark[type=radio]:active,
  .list-group .checkbox-dark.active[type=radio] {
    border-color: #2c323f;
    outline: 0;
    background-color: #2c323f; }

.list-group .alert-dark.light {
  background-color: rgba(44, 50, 63, 0.4);
  border-color: rgba(44, 50, 63, 0.7); }

.list-group .alert-dark.dark {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fafafa; }
  .list-group .alert-dark.dark .alert-link {
    color: #fff; }

.list-group .alert-dark.outline,
.list-group .alert-dark.outline-2x {
  background-color: transparent;
  border-color: #2c323f;
  color: #2c323f; }
  .list-group .alert-dark.outline .btn-close,
  .list-group .alert-dark.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-dark.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #2c323f;
  color: #051A1A; }
  .list-group .alert-dark.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #2c323f;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-dark.inverse:before {
        left: 45px; } }
  .list-group .alert-dark.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #2c323f;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-dark.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.outline-2x {
  border-width: 2px;
  padding: 11px 1.25rem; }

.alert-icons.outline-2x {
  padding: 15px; }

.alert-icons svg {
  position: absolute !important;
  top: 18px !important; }

.alert-dark .btn-close,
.alert-info .btn-close {
  filter: none; }

.border-left-wrapper {
  border-left: 4px solid #2c323f; }

.alert-light-primary {
  background-color: rgba(0, 102, 102, 0.2); }

.alert-light-secondary {
  background-color: rgba(254, 106, 73, 0.3); }

.alert-light-success {
  background-color: rgba(0, 172, 70, 0.3); }

.alert-light-warning {
  background-color: rgba(255, 174, 26, 0.3); }

.alert-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.alert-light-light {
  background-color: #F9F9FB; }

.alert-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.alert-light-dark {
  background-color: #EAEBF2; }

.alert-arrow {
  min-width: 55px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }
  .alert-arrow i {
    margin-right: 0; }

@media (max-width: 576px) {
  .ellipsis.content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 294px; } }

@media (max-width: 575px) {
  .ellipsis.content {
    max-width: 180px; } }

.alert-dismissible {
  display: flex;
  align-items: center;
  gap: 8px; }

.alert.notify-alert.alert-copy {
  display: flex !important; }

/**=====================
   2.2 Alert CSS end
==========================**/
/**=====================
  2.3 Avatars CSS start
==========================**/
.avatars .avatar {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  width: auto; }
  .avatars .avatar:last-child {
    margin-right: 0; }
  .avatars .avatar.ratio img {
    width: auto; }
  .avatars .avatar .status {
    position: absolute;
    height: 18%;
    width: 18%;
    border-radius: 100%;
    bottom: 12%;
    right: 4%;
    border: 1px solid; }

.customers ul {
  display: inline-block; }
  .customers ul li img {
    border: 2px solid var(--white);
    transition: 0.5s; }
    .customers ul li img:hover {
      transform: translateY(-4px) scale(1.02);
      transition: 0.5s; }
  .customers ul li + li {
    margin-left: -7%; }
  .customers ul li:last-child p {
    color: #051A1A !important;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: 500;
    border: 2px solid #E6E9EB !important; }

.customers.avatar-group {
  margin-right: 30px; }
  .customers.avatar-group:last-child {
    margin-right: 0; }

.avatar-showcase {
  margin-bottom: -10px; }
  .avatar-showcase .avatars .avatar {
    margin-bottom: 10px; }
  .avatar-showcase .avatar-group {
    margin-bottom: 10px; }
  .avatar-showcase .ratio > * {
    position: relative;
    top: unset;
    left: unset; }

/**=====================
    2.3 Avatars CSS Ends
==========================**/
/**=====================
    2.4 Badge CSS start
==========================**/
.badge-spacing {
  display: flex;
  flex-wrap: wrap;
  gap: 12px; }
  .badge-spacing .badge {
    padding: 6px 12px;
    font-size: 12px; }
    .badge-spacing .badge.badge svg {
      padding-top: 0px; }
    .badge-spacing .badge.rounded-circle {
      padding: 10px 14px;
      display: flex;
      justify-content: center;
      align-items: center; }
    .badge-spacing .badge.badge-p-space {
      padding: 10px 13px; }
    .badge-spacing .badge + .badge {
      margin-left: 0px; }
    .badge-spacing .badge.btn-p-space {
      padding: 8px 10px; }

a.badge:hover {
  color: inherit; }
  a.badge.badge-dark:hover:hover {
    color: #fff; }

.badge {
  padding: 8px 16px;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-weight: 500; }
  .badge + .badge {
    margin-left: 5px; }
  .badge svg {
    width: 16px;
    height: 16px;
    padding-top: 3px; }

.b-ln-height {
  line-height: 5px; }

.pill-badge-primary {
  background-color: var(--theme-deafult);
  box-shadow: -0.5px 4.33px 16px 0px rgba(var(--theme-deafult), 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-secondary {
  background-color: #FE6A49;
  box-shadow: -0.5px 4.33px 16px 0px rgba(254, 106, 73, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-success {
  background-color: #00AC46;
  box-shadow: -0.5px 4.33px 16px 0px rgba(0, 172, 70, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-danger {
  background-color: #FE6A49;
  box-shadow: -0.5px 4.33px 16px 0px rgba(254, 106, 73, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-info {
  background-color: #173878;
  box-shadow: -0.5px 4.33px 16px 0px rgba(23, 56, 120, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-light {
  background-color: #E6E9EB;
  box-shadow: -0.5px 4.33px 16px 0px rgba(230, 233, 235, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-dark {
  background-color: #2c323f;
  box-shadow: -0.5px 4.33px 16px 0px rgba(44, 50, 63, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-warning {
  background-color: #FFAE1A;
  box-shadow: -0.5px 4.33px 16px 0px rgba(255, 174, 26, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-primary {
  background-color: var(--theme-deafult); }

.pill-badge-secondary {
  background-color: var(--theme-secondary); }

.round-badge-primary {
  border-radius: 6px;
  background-color: var(--theme-deafult);
  box-shadow: -0.5px -6.67px 14px 0px rgba(var(--theme-deafult), 0.18);
  color: #fff !important; }

.round-badge-secondary {
  border-radius: 6px;
  background-color: #FE6A49;
  box-shadow: -0.5px -6.67px 14px 0px rgba(254, 106, 73, 0.18);
  color: #fff !important; }

.round-badge-success {
  border-radius: 6px;
  background-color: #00AC46;
  box-shadow: -0.5px -6.67px 14px 0px rgba(0, 172, 70, 0.18);
  color: #fff !important; }

.round-badge-danger {
  border-radius: 6px;
  background-color: #FE6A49;
  box-shadow: -0.5px -6.67px 14px 0px rgba(254, 106, 73, 0.18);
  color: #fff !important; }

.round-badge-info {
  border-radius: 6px;
  background-color: #173878;
  box-shadow: -0.5px -6.67px 14px 0px rgba(23, 56, 120, 0.18);
  color: #fff !important; }

.round-badge-light {
  border-radius: 6px;
  background-color: #E6E9EB;
  box-shadow: -0.5px -6.67px 14px 0px rgba(230, 233, 235, 0.18);
  color: #fff !important; }

.round-badge-dark {
  border-radius: 6px;
  background-color: #2c323f;
  box-shadow: -0.5px -6.67px 14px 0px rgba(44, 50, 63, 0.18);
  color: #fff !important; }

.round-badge-warning {
  border-radius: 6px;
  background-color: #FFAE1A;
  box-shadow: -0.5px -6.67px 14px 0px rgba(255, 174, 26, 0.18);
  color: #fff !important; }

.round-badge-primary {
  background-color: var(--theme-deafult); }

.round-badge-secondary {
  background-color: var(--theme-secondary); }

.badge-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 8px; }

/**=====================
  2.4 Badge CSS Ends
==========================**/
/**=====================
    2.5 Bookmark CSS start
==========================**/
.bookmark ul li {
  display: inline-block; }
  .bookmark ul li .search-form {
    position: absolute;
    bottom: 53px;
    z-index: 1; }
    .bookmark ul li .search-form .form-control-search {
      top: 65px;
      position: absolute;
      transition: all linear 0.3s;
      right: -20px;
      transform: translateY(-35px) scaleY(0);
      opacity: 0;
      visibility: hidden; }
      .bookmark ul li .search-form .form-control-search input {
        width: 240px;
        background-color: #fff;
        box-shadow: 0 5px 21px rgba(0, 0, 0, 0.1); }
      .bookmark ul li .search-form .form-control-search.open {
        transform: translateY(0px) scaleY(1);
        opacity: 1;
        visibility: visible;
        transition: all linear 0.3s;
        z-index: 100; }
      .bookmark ul li .search-form .form-control-search:after {
        top: 12px;
        left: 20px;
        z-index: 1; }
      .bookmark ul li .search-form .form-control-search:before {
        left: 50px;
        top: 9px;
        z-index: 2; }
  .bookmark ul li a {
    position: relative;
    color: #051A1A; }
    .bookmark ul li a svg {
      vertical-align: middle;
      height: 20px;
      width: 20px; }
  .bookmark ul li + li {
    margin-left: 10px; }
  .bookmark ul li:last-child {
    padding-right: 0; }
    .bookmark ul li:last-child a {
      border-radius: 5px; }
      .bookmark ul li:last-child a svg {
        color: #ff9f40; }

.offcanvas-bookmark.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body .bookmark ul li a {
  z-index: 99999;
  color: rgba(255, 255, 255, 0.5); }

.offcanvas-bookmark:before {
  position: fixed;
  content: '';
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  z-index: 1;
  right: 0;
  left: 0; }

body.modal-open .select2-container--open {
  width: unset !important;
  display: block; }
  body.modal-open .select2-container--open .select2-dropdown {
    z-index: 1076; }

/**=====================
    2.5 Bookmark CSS Ends
==========================**/
/**=====================
2.6 Breadcrumb CSS Start
==========================**/
.breadcrumb-colored {
  padding: 12px 16px;
  border-radius: 4px; }
  .breadcrumb-colored li a {
    color: #fff; }
  .breadcrumb-colored li.active {
    color: #fff;
    opacity: 0.7; }
  .breadcrumb-colored .breadcrumb-item:before {
    color: #fff; }
  .breadcrumb-colored .breadcrumb-item.txt-dark:before {
    color: #000; }

.breadcrumb-icon {
  --bs-breadcrumb-divider: '>'; }
  .breadcrumb-icon li {
    display: inline-block; }

.breadcrumb-no-divider {
  --bs-breadcrumb-divider: ''; }

.breadcrumb-item.active {
  text-transform: capitalize; }

.breadcrumb-space .breadcrumb-item::before {
  padding-right: 0; }

/**=====================
	2.6 Breadcrumb CSS ends
==========================**/
/**=====================
    2.7 Basic-card CSS Start
==========================**/
.dark-color-header {
  background-color: unset !important;
  color: #006666; }
  .dark-color-header ul li:first-child i, .dark-color-header ul li:last-child i {
    color: #006666 !important; }
  .dark-color-header ul li i {
    color: #E6E9EB !important; }

/**=====================
  2.7 Basic-card CSS Ends
==========================**/
/**=====================
  2.9 Buttons CSS start
==========================**/
.btn-link {
  color: var(--theme-deafult); }

.purchase-btn {
  background: linear-gradient(90deg, var(--theme-deafult) -18.33%, #006666 62.78%);
  padding: 12px 20px;
  min-width: 200px;
  border: none;
  transition: 0.5s; }
  .purchase-btn:hover {
    background: linear-gradient(90deg, #006666 -18.33%, var(--theme-deafult) 62.78%);
    transition: 0.5s; }
  @media (max-width: 991px) {
    .purchase-btn {
      min-width: 160px; } }
  @media (max-width: 767px) {
    .purchase-btn {
      min-width: 140px;
      padding: 10px 17px;
      font-size: 16px; } }
  @media (max-width: 575px) {
    .purchase-btn {
      font-size: 14px; } }
.btn-light.active.active:not([disabled]):not(.disabled) {
  color: #051A1A !important;
  background-color: #e0e4e6 !important; }

.btn-primary-gradien {
  background-image: linear-gradient(to right, #008f8f 0%, #003d3d 51%, #008f8f 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease;
  color: #fff; }
  .btn-primary-gradien:focus, .btn-primary-gradien:active, .btn-primary-gradien.active {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #008f8f, 0%, #003d3d, 100%, #fff) !important; }

.btn-secondary-gradien {
  background-image: linear-gradient(to right, #fe8b72 0%, #fe4920 51%, #fe8b72 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-secondary-gradien:hover, .btn-secondary-gradien:focus, .btn-secondary-gradien:active, .btn-secondary-gradien.active, .btn-secondary-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #fe8b72, 0%, #fe4920, 100%, #fff) !important; }

.btn-success-gradien {
  background-image: linear-gradient(to right, #00d557 0%, #008335 51%, #00d557 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-success-gradien:hover, .btn-success-gradien:focus, .btn-success-gradien:active, .btn-success-gradien.active, .btn-success-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #00d557, 0%, #008335, 100%, #fff) !important; }

.btn-danger-gradien {
  background-image: linear-gradient(to right, #fe8b72 0%, #fe4920 51%, #fe8b72 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-danger-gradien:hover, .btn-danger-gradien:focus, .btn-danger-gradien:active, .btn-danger-gradien.active, .btn-danger-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #fe8b72, 0%, #fe4920, 100%, #fff) !important; }

.btn-warning-gradien {
  background-image: linear-gradient(to right, #ffbc43 0%, #f09b00 51%, #ffbc43 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-warning-gradien:hover, .btn-warning-gradien:focus, .btn-warning-gradien:active, .btn-warning-gradien.active, .btn-warning-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #ffbc43, 0%, #f09b00, 100%, #fff) !important; }

.btn-info-gradien {
  background-image: linear-gradient(to right, #1e489a 0%, #102856 51%, #1e489a 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-info-gradien:hover, .btn-info-gradien:focus, .btn-info-gradien:active, .btn-info-gradien.active, .btn-info-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #1e489a, 0%, #102856, 100%, #fff) !important; }

.btn-light-gradien {
  background-image: linear-gradient(to right, #fdfdfd 0%, #cfd5d9 51%, #fdfdfd 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-light-gradien:hover, .btn-light-gradien:focus, .btn-light-gradien:active, .btn-light-gradien.active, .btn-light-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #fdfdfd, 0%, #cfd5d9, 100%, #fff) !important; }

.btn-dark-gradien {
  background-image: linear-gradient(to right, #3d4557 0%, #1b1f27 51%, #3d4557 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-dark-gradien:hover, .btn-dark-gradien:focus, .btn-dark-gradien:active, .btn-dark-gradien.active, .btn-dark-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #3d4557, 0%, #1b1f27, 100%, #fff) !important; }

.btn {
  padding: 0.375rem 1.75rem; }
  .btn.bg-light-primary:hover {
    background: #006666 !important;
    color: #fff !important; }

.btn-lg {
  font-size: 18px; }

.btn-sm {
  font-size: 12px; }

.btn-xs {
  padding: 0.05rem 0.4rem;
  font-size: 11px; }

.large-btn {
  margin-bottom: -20px; }
  .large-btn .btn {
    margin-right: 5px;
    margin-bottom: 15px; }

.btn-outline-white {
  border: 1px solid #fff;
  color: #fff; }
  .btn-outline-white:hover, .btn-outline-white:focus {
    background: #fff;
    color: var(--theme-deafult); }

.btn-air-primary {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-primary:hover, .btn-air-primary:active, .btn-air-primary:not([disabled]):not(.disabled):active {
    background-color: #006666;
    border-color: #006666; }

.input-air-primary {
  box-shadow: 0 3px 5px 1px rgba(0, 102, 102, 0.1) !important; }
  .input-air-primary:focus {
    border-color: #006666; }

.btn-air-secondary {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-secondary:hover, .btn-air-secondary:active, .btn-air-secondary:not([disabled]):not(.disabled):active {
    background-color: #FE6A49;
    border-color: #FE6A49; }

.input-air-secondary {
  box-shadow: 0 3px 5px 1px rgba(254, 106, 73, 0.1) !important; }
  .input-air-secondary:focus {
    border-color: #FE6A49; }

.btn-air-success {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-success:hover, .btn-air-success:active, .btn-air-success:not([disabled]):not(.disabled):active {
    background-color: #00AC46;
    border-color: #00AC46; }

.input-air-success {
  box-shadow: 0 3px 5px 1px rgba(0, 172, 70, 0.1) !important; }
  .input-air-success:focus {
    border-color: #00AC46; }

.btn-air-danger {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-danger:hover, .btn-air-danger:active, .btn-air-danger:not([disabled]):not(.disabled):active {
    background-color: #FE6A49;
    border-color: #FE6A49; }

.input-air-danger {
  box-shadow: 0 3px 5px 1px rgba(254, 106, 73, 0.1) !important; }
  .input-air-danger:focus {
    border-color: #FE6A49; }

.btn-air-info {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-info:hover, .btn-air-info:active, .btn-air-info:not([disabled]):not(.disabled):active {
    background-color: #173878;
    border-color: #173878; }

.input-air-info {
  box-shadow: 0 3px 5px 1px rgba(23, 56, 120, 0.1) !important; }
  .input-air-info:focus {
    border-color: #173878; }

.btn-air-light {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-light:hover, .btn-air-light:active, .btn-air-light:not([disabled]):not(.disabled):active {
    background-color: #E6E9EB;
    border-color: #E6E9EB; }

.input-air-light {
  box-shadow: 0 3px 5px 1px rgba(230, 233, 235, 0.1) !important; }
  .input-air-light:focus {
    border-color: #E6E9EB; }

.btn-air-dark {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-dark:hover, .btn-air-dark:active, .btn-air-dark:not([disabled]):not(.disabled):active {
    background-color: #2c323f;
    border-color: #2c323f; }

.input-air-dark {
  box-shadow: 0 3px 5px 1px rgba(44, 50, 63, 0.1) !important; }
  .input-air-dark:focus {
    border-color: #2c323f; }

.btn-air-warning {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-warning:hover, .btn-air-warning:active, .btn-air-warning:not([disabled]):not(.disabled):active {
    background-color: #FFAE1A;
    border-color: #FFAE1A; }

.input-air-warning {
  box-shadow: 0 3px 5px 1px rgba(255, 174, 26, 0.1) !important; }
  .input-air-warning:focus {
    border-color: #FFAE1A; }

.btn-gradient {
  color: #fff !important;
  font-weight: 500;
  padding: 10px 30px;
  border-radius: 5px;
  background: linear-gradient(26deg, var(--theme-deafult) 0%, #006666 100%);
  letter-spacing: 0.06rem; }
  .btn-gradient:hover {
    background-size: 100% !important; }

.btn-warning {
  color: #fff; }
  .btn-warning:hover, .btn-warning.disabled {
    color: #fff; }

[class*='-gradien']:hover {
  background-size: 50% 100%;
  transition: all 0.3s ease;
  color: #fff; }

.btn-square {
  border-radius: 0px; }

.btn-pill {
  border-radius: 60px; }

.btn-group-pill .btn:first-child {
  border-radius: 60px 0 0 60px; }

.btn-group-pill .btn:last-child {
  border-radius: 0 60px 60px 0; }

.btn-group-square .btn:first-child {
  border-radius: 0px 0 0 0px; }

.btn-group-square .btn:last-child {
  border-radius: 0 0px 0px 0; }

.btn-showcase {
  margin-bottom: -10px; }
  .btn-showcase .btn {
    margin-bottom: 10px;
    margin-right: 10px; }

.btn-dropdown-showcase {
  margin-bottom: -10px; }
  .btn-dropdown-showcase .dropdown {
    margin-bottom: 10px;
    margin-right: 18px; }
  .btn-dropdown-showcase .btn-group {
    margin-bottom: 10px;
    margin-right: 18px; }

.btn-group .radio label::before {
  top: 2px; }

.btn-group .radio label::after {
  top: 7px; }

.btn-group .checkbox label {
  margin-top: 3px; }

.btn-group-showcase > div {
  margin-bottom: -20px; }
  .btn-group-showcase > div label {
    margin-bottom: 0; }

.btn-group-showcase .btn-group {
  margin-right: 20px;
  margin-bottom: 20px; }

.btn-group-showcase .checkbox input[type="checkbox"] {
  display: none; }

.tooltiptext {
  visibility: visible;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 1;
  transition: opacity 0.3s; }
  .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent; }

.card-header-right-icon .btn.btn-light-primary {
  background-color: var(--light-shade-primary);
  color: var(--theme-deafult); }
  .card-header-right-icon .btn.btn-light-primary:hover {
    color: var(--white);
    background-color: var(--theme-deafult); }

.btn.button-primary,
button.button-primary {
  background-color: var(--light-shade-primary);
  color: var(--theme-deafult); }
  .btn.button-primary:hover,
  button.button-primary:hover {
    background-color: var(--theme-deafult);
    color: var(--white); }

/**=====================
    2.9 Buttons CSS end
==========================**/
/**=====================
    2.10 Card CSS Start
==========================**/
.card {
  margin-bottom: 25px;
  border: 1px solid #E6E9EB !important;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  border-radius: 8px;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .card:hover {
    box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
    transition: all 0.3s ease; }
  .card .card-header {
    background-color: #fff;
    padding: 20px;
    border-bottom: 1px solid #ecf3fa;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: relative; }
    .card .card-header.card-no-border {
      border-bottom: none !important; }
    .card .card-header h5:not(.mb-0), .card .card-header h5:not(.m-0) {
      margin-bottom: 0;
      text-transform: capitalize; }
    .card .card-header > span {
      font-size: 12px;
      color: var(--body-font-color);
      margin-top: 5px;
      display: block;
      letter-spacing: 1px; }
    .card .card-header .card-header-right {
      border-radius: 0 0 0 7px;
      right: 20px;
      top: 12px;
      display: inline-block;
      float: right;
      padding: 8px 0;
      position: absolute;
      background-color: #fff;
      z-index: 1; }
      .card .card-header .card-header-right .card-option {
        text-align: right;
        width: 35px;
        height: 20px;
        overflow: hidden;
        transition: 0.3s ease-in-out; }
        .card .card-header .card-header-right .card-option li {
          display: inline-block; }
          .card .card-header .card-header-right .card-option li:first-child i {
            transition: 1s;
            font-size: 16px;
            color: var(--theme-deafult); }
            .card .card-header .card-header-right .card-option li:first-child i.icofont {
              color: unset; }
      .card .card-header .card-header-right i {
        margin: 0 5px;
        cursor: pointer;
        color: #2c323f;
        line-height: 20px; }
        .card .card-header .card-header-right i.icofont-refresh {
          font-size: 13px; }
  .card .card-body {
    padding: 20px;
    background-color: transparent; }
    .card .card-body p:last-child {
      margin-bottom: 0; }
  .card .sub-title {
    padding-bottom: 12px;
    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320))); }
  .card .card-footer {
    background-color: #fff;
    border-top: 1px solid #ecf3fa;
    padding: 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; }
  .card.card-load .card-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 8;
    align-items: center;
    justify-content: center; }
    .card.card-load .card-loader i {
      margin: 0 auto;
      color: var(--theme-deafult);
      font-size: 20px; }
  .card.full-card {
    position: fixed;
    top: 0;
    z-index: 99999;
    box-shadow: none;
    right: 0;
    border-radius: 0;
    border: 1px solid #efefef;
    width: calc(100vw - 12px);
    height: calc(100vh); }
    .card.full-card .card-body {
      overflow: auto; }

.page-body-wrapper .card .sub-title {
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  color: #051A1A; }

.card-absolute {
  margin-top: 20px; }
  .card-absolute .card-header {
    position: absolute;
    top: -20px;
    left: 15px;
    border-radius: 0.25rem;
    padding: 10px 15px; }
    .card-absolute .card-header h5 {
      font-size: 17px; }
  .card-absolute .card-body {
    margin-top: 10px; }

.card-header .border-tab {
  margin-bottom: -13px; }

.custom-card {
  overflow: hidden;
  padding: 30px; }
  .custom-card .card-header {
    padding: 0; }
    .custom-card .card-header img {
      border-radius: 50%;
      margin-top: -100px;
      transform: scale(1.5); }
  .custom-card .card-profile {
    text-align: center; }
    .custom-card .card-profile img {
      height: 110px;
      padding: 7px;
      background-color: #fff;
      z-index: 1;
      position: relative; }
  .custom-card .card-social {
    text-align: center; }
    .custom-card .card-social li {
      display: inline-block;
      padding: 15px 0; }
      .custom-card .card-social li:last-child a {
        margin-right: 0; }
      .custom-card .card-social li a {
        padding: 0;
        margin-right: 15px;
        color: #bcc6de;
        font-size: 16px;
        transition: all 0.3s ease; }
        .custom-card .card-social li a:hover {
          color: var(--theme-deafult);
          transition: all 0.3s ease; }
  .custom-card .profile-details h6 {
    margin-bottom: 30px;
    margin-top: 10px;
    color: #FFFFFF;
    font-size: 14px; }
  .custom-card .card-footer {
    padding: 0; }
    .custom-card .card-footer > div {
      padding: 15px;
      text-align: center; }
      .custom-card .card-footer > div + div {
        border-left: 1px solid #efefef; }
      .custom-card .card-footer > div h3 {
        margin-bottom: 0;
        font-size: 24px; }
      .custom-card .card-footer > div h6 {
        font-size: 14px;
        color: #FFFFFF; }
      .custom-card .card-footer > div h5 {
        font-size: 16px;
        margin-bottom: 0; }
      .custom-card .card-footer > div i {
        font-size: 24px;
        display: inline-block;
        margin-bottom: 15px; }
      .custom-card .card-footer > div .m-b-card {
        margin-bottom: 10px; }

.social-profile {
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .social-profile .card-body {
    padding-left: 20px;
    padding-right: 20px; }
    @media (max-width: 1399px) {
      .social-profile .card-body {
        padding: 23px 15px; } }
.social-details {
  margin-top: 15px; }
  .social-details h5 a {
    color: var(--body-font-color);
    font-weight: 700; }
  .social-details .social-follow {
    column-count: 3;
    column-gap: 30px;
    margin-top: 25px; }
    @media (max-width: 1399px) {
      .social-details .social-follow {
        column-gap: 23px; } }
    .social-details .social-follow li {
      position: relative; }
      .social-details .social-follow li + li::before {
        position: absolute;
        content: "";
        width: 1px;
        height: 14px;
        background-color: var(--recent-dashed-border);
        left: -15px;
        top: 50%;
        transform: translateY(-50%); }
        [dir="rtl"] .social-details .social-follow li + li::before {
          left: unset;
          right: -15px; }
  .social-details .card-social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 15px; }

.social-img-wrap {
  background: linear-gradient(253deg, var(--theme-deafult) 11.51%, rgba(115, 102, 255, 0) 82.07%);
  display: inline-block;
  border-radius: 100%;
  padding: 2px;
  position: relative; }
  .social-img-wrap .edit-icon {
    position: absolute;
    right: 0;
    bottom: 0; }
    .social-img-wrap .edit-icon svg {
      width: 20px;
      height: 20px;
      border-radius: 100%;
      border: 2px solid var(--white);
      background: var(--white); }

.social-img {
  padding: 5px;
  background: var(--white);
  border-radius: 100%; }
  .social-img img {
    height: 68px;
    border-radius: 100%; }

/**=====================
    2.10 Card CSS End
==========================**/
/**=====================
    2.12 Datatable CSS Start
==========================**/
div.dt-button-background {
  display: none !important; }

div.DTS div.dataTables_scrollBody table {
  z-index: 1; }

div .table-avtar {
  height: 32px;
  margin-right: 10px; }
  [dir="rtl"] div .table-avtar {
    margin-right: unset;
    margin-left: 10px; }

div .action {
  display: flex; }
  div .action i {
    font-size: 16px; }
  div .action .pdf i {
    font-size: 20px;
    color: #FE6A49; }
  div .action .edit {
    margin-right: 5px; }
    div .action .edit i {
      color: #00AC46; }
    [dir="rtl"] div .action .edit {
      margin-left: 5px; }
  div .action .delete i {
    color: #FE6A49; }

#auto-generate-content_wrapper.dataTables_wrapper button {
  background-color: var(--white);
  border: 1px solid var(--theme-deafult);
  color: var(--theme-deafult); }

.dataTables_wrapper {
  width: calc(100% - 1px);
  padding: 0; }
  .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #ecf3fa; }
  .dataTables_wrapper .dt-buttons .btn {
    border-radius: 0.25rem !important; }
  .dataTables_wrapper .btn-group button {
    margin-right: 5px; }
  .dataTables_wrapper button {
    font-weight: 400;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    border-radius: 0.25rem;
    color: #fff; }
  .dataTables_wrapper + .dataTables_wrapper {
    margin-top: 20px; }
  .dataTables_wrapper .dataTables_paginate {
    margin-left: 15px !important;
    border: 1px solid #E6E9EB;
    border-radius: 0.25rem;
    padding-top: 0; }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
      margin: 0; }
      .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:active {
        background: var(--theme-deafult);
        color: #fff !important;
        box-shadow: none; }
      .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        border: 1px solid var(--theme-deafult);
        color: #2c323f !important;
        background: transparent !important; }
  .dataTables_wrapper .dataTables_length {
    margin-bottom: 30px; }
    .dataTables_wrapper .dataTables_length select {
      border-color: #E6E9EB;
      color: #2c323f;
      padding: 0 10px;
      margin: 0 10px;
      height: 2.7142em;
      background-color: #fff; }
  .dataTables_wrapper table.dataTable {
    border: 1px solid #efefef; }
    .dataTables_wrapper table.dataTable tbody td.select-checkbox,
    .dataTables_wrapper table.dataTable tbody th.select-checkbox {
      padding-right: 40px !important; }
      .dataTables_wrapper table.dataTable tbody td.select-checkbox:before,
      .dataTables_wrapper table.dataTable tbody th.select-checkbox:before {
        right: 20px;
        top: 22px;
        left: unset; }
      .dataTables_wrapper table.dataTable tbody td.select-checkbox:after,
      .dataTables_wrapper table.dataTable tbody th.select-checkbox:after {
        margin-top: -5px;
        margin-left: 21px; }
    .dataTables_wrapper table.dataTable thead th,
    .dataTables_wrapper table.dataTable thead td {
      border-bottom: 2px solid #efefef; }
    .dataTables_wrapper table.dataTable th,
    .dataTables_wrapper table.dataTable td {
      padding: 0.75rem; }
  .dataTables_wrapper .dataTables_filter {
    margin-bottom: 25px;
    margin-left: 15px; }
    .dataTables_wrapper .dataTables_filter input[type="search"] {
      border: 1px solid #efefef;
      padding: 0 10px;
      margin-left: 10px;
      height: 37px;
      border-radius: 0; }

.dataTables_scrollHeadInner {
  width: 100% !important; }

table .fixedHeader-floating {
  position: fixed !important;
  background-color: #fff; }

table .box > div {
  padding: 5px 15px;
  background-color: var(--theme-deafult);
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
  margin-right: 15px; }

table.dataTable.fixedHeader-locked, table.dataTable.fixedHeader-floating {
  width: calc(100vw - 250px) !important;
  max-width: calc(100vw - 250px) !important;
  overflow: hidden !important;
  right: 0 !important;
  z-index: 99;
  left: 260px !important; }

table.dataTable:not(.fixedHeader-locked):not(.fixedHeader-floating) {
  width: 100% !important; }

table.dataTable {
  border-collapse: collapse !important;
  margin-top: 0 !important; }
  table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
  table.dataTable thead .sorting_asc:before,
  table.dataTable thead .sorting_asc:after,
  table.dataTable thead .sorting_desc:before,
  table.dataTable thead .sorting_desc:after,
  table.dataTable thead .sorting_asc_disabled:before,
  table.dataTable thead .sorting_asc_disabled:after,
  table.dataTable thead .sorting_desc_disabled:before,
  table.dataTable thead .sorting_desc_disabled:after {
    bottom: 12px !important; }
  table.dataTable input,
  table.dataTable select {
    border: 1px solid #efefef;
    height: 37px; }

.user-datatable tr td:first-child,
.user-datatable tr th:first-child {
  min-width: 150px; }

.jsgrid .jsgrid-button {
  width: 20px;
  height: 20px; }

.jsgrid .jsgrid-delete-button {
  background-position: 0 -78px;
  width: 22px;
  height: 22px; }

.jsgrid .jsgrid-edit-button {
  background-position: -2px -122px;
  width: 22px;
  height: 22px; }

.jsgrid .jsgrid-insert-mode-button {
  background-position: -2px -160px;
  width: 25px;
  height: 25px; }

.jsgrid .jsgrid-insert-button {
  background-position: -3px -202px;
  width: 16px;
  height: 16px; }

.toolbar {
  padding: 5px 15px;
  background-color: var(--theme-deafult);
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
  margin-right: 15px; }

code.option {
  color: #FE6A49 !important; }

code.api {
  color: #00AC46 !important; }

.dt-ext .dataTables_wrapper .page-item.active .page-link {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important;
  color: #fff; }

.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 9px 12px;
  border: 1px solid #E6E9EB !important;
  border-radius: 0px; }
  .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.hover, .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.active {
    border: none !important; }

.dt-ext .dataTables_wrapper .dataTables_paginate .page-link {
  margin-left: 0px;
  color: var(--theme-deafult); }

.dt-ext .dataTables_wrapper button.dt-button,
.dt-ext .dataTables_wrapper div.dt-button,
.dt-ext .dataTables_wrapper a.dt-button,
.dt-ext .dataTables_wrapper button.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button.active:not(.disabled) {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  border-radius: 2px;
  color: #fff;
  background-image: none;
  font-size: 14px; }

.dt-ext .dataTables_wrapper button.dt-button.btn-success,
.dt-ext .dataTables_wrapper div.dt-button.btn-success,
.dt-ext .dataTables_wrapper a.dt-button.btn-success {
  background-color: #00AC46;
  border-color: #00AC46; }

.dt-ext .dataTables_wrapper button.dt-button.btn-primary,
.dt-ext .dataTables_wrapper div.dt-button.btn-primary,
.dt-ext .dataTables_wrapper a.dt-button.btn-primary {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }

.dt-ext .dataTables_wrapper button.dt-button.btn-danger,
.dt-ext .dataTables_wrapper div.dt-button.btn-danger,
.dt-ext .dataTables_wrapper a.dt-button.btn-danger {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.dt-ext .dataTables_wrapper table.dataTable th.focus,
.dt-ext .dataTables_wrapper table.dataTable td.focus {
  outline: 3px solid var(--theme-deafult); }

.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected > .sorting_1,
.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
  background-color: #29ffff; }

.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd.selected,
.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd > .selected,
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected,
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd > .selected {
  background-color: #29ffff; }

.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.even.selected > .sorting_1,
.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
  background-color: #29ffff; }

.dt-ext .dataTables_wrapper table.dataTable tbody > tr.selected,
.dt-ext .dataTables_wrapper table.dataTable tbody > tr > .selected {
  background-color: #29ffff; }

td.highlight {
  background-color: #E6E9EB !important; }

td.details-control {
  background: url(/../images/details_open.png) no-repeat center center;
  cursor: pointer; }

tr.shown td.details-control {
  background: url(/../images/details_close.png) no-repeat center center; }

.dataTables_scroll ~ .dataTables_paginate {
  margin-top: 20px !important; }

.product-table th:last-child {
  min-width: 120px; }

.product-table h6 {
  font-weight: 600;
  color: #2c323f; }

table.dataTable.display tbody tr.odd > .sorting_1 {
  background-color: #fdfeff; }

table.dataTable.display tbody tr.odd .badge {
  line-height: 15px; }

table.dataTable.display tbody tr.even .badge {
  line-height: 15px; }

.jsgrid-row .jsgrid-cell .badge,
.jsgrid-alt-row .jsgrid-cell .badge {
  line-height: 15px !important; }

/**=====================
     2.12 Datatable CSS Ends
==========================**/
/**=====================
    2.13 Datapicker CSS Start
==========================**/
.clockpicker-canvas line {
  stroke: var(--theme-deafult); }

.clockpicker-canvas-fg,
.clockpicker-canvas-bearing {
  fill: var(--theme-deafult); }

.datepicker {
  z-index: 99; }

.datepicker--day-name {
  color: #006666;
  font-weight: bold; }

.datepicker--cell.-current- {
  color: #000;
  border-radius: 5px;
  font-weight: bold;
  border: 2px solid var(--theme-deafult); }

.datepicker--cell.-focus- {
  background: var(--theme-deafult);
  color: #fff; }

.datepicker--cell.-selected- {
  background: var(--theme-deafult) !important; }

.datepicker--cell-day {
  width: 14.2857142857%; }

.datepickers-container,
.bootstrap-datetimepicker-widget {
  z-index: 7; }

.datetime-picker .bootstrap-datetimepicker-widget.dropdown-menu {
  width: auto; }

.datetime-picker .input-group-text i {
  line-height: 1.3; }

.clockpicker-popover {
  border: none;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  z-index: 7; }
  .clockpicker-popover .popover-content {
    background-color: rgba(0, 102, 102, 0.05); }

.clockpicker-canvas-bg {
  fill: #29ffff; }

.clockpicker-tick:hover {
  color: inherit;
  background-color: #29ffff; }

.calendar-basic .md-sidebar-aside {
  background-color: #fff; }

.calendar-basic #external-events {
  padding: 20px;
  border: 1px solid #d7e2e9; }
  .calendar-basic #external-events h4 {
    margin-bottom: 14px; }
  .calendar-basic #external-events p {
    margin-top: 12px; }
  .calendar-basic #external-events .fc-h-event {
    padding: 12px;
    background-color: var(--theme-deafult);
    border: 1px solid var(--theme-deafult); }
    .calendar-basic #external-events .fc-h-event + .fc-h-event {
      margin-top: 10px; }
    .calendar-basic #external-events .fc-h-event .fc-event-main {
      font-size: 13px; }

.calendar-basic .calendar-default .fc-daygrid-dot-event .fc-event-title {
  text-overflow: ellipsis; }

.calendar-basic .calendar-default .fc td[role="presentation"] {
  border: 0; }

.calendar-basic .calendar-default .fc .fc-daygrid-day-number,
.calendar-basic .calendar-default .fc .fc-col-header-cell-cushion {
  color: #051A1A; }

.calendar-basic .calendar-default .fc .fc-button .fc-icon {
  height: 23px; }

.calendar-basic .calendar-default .fc-h-event {
  padding: 2px;
  background-color: #006666;
  border: 1px solid #006666; }

.calendar-basic .calendar-default .fc-toolbar-chunk .fc-button-group ~ .fc-today-button {
  margin: 0 8px; }

.fc-event-dragging {
  padding: 10px;
  background-color: var(--theme-deafult); }

.fc .fc-toolbar {
  flex-wrap: wrap;
  gap: 10px; }

.fc .fc-button-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 102, 102, 0.5); }

.main-inline-calender.input-group {
  flex-direction: column; }
  .main-inline-calender.input-group .form-control {
    width: 100%; }
  .main-inline-calender.input-group .flatpickr-calendar.inline {
    width: 100%; }
  .main-inline-calender.input-group .flatpickr-innerContainer {
    display: block; }
  .main-inline-calender.input-group .flatpickr-rContainer {
    display: block; }
    .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-weekdays {
      width: 100%; }
    .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days {
      width: 100%; }
      .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer {
        width: 100%;
        max-width: none;
        min-width: unset; }
        .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day {
          border-radius: 5px;
          width: 100%;
          max-width: unset; }
          .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover {
            color: var(--body-font-color); }

.flatpickr-day.selected,
.flatpickr-day .endRange {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }
  .flatpickr-day.selected:hover,
  .flatpickr-day .endRange:hover {
    background-color: var(--theme-deafult);
    border-color: var(--theme-deafult); }

.main-flatpickr .form-control:read-only {
  background-color: unset; }

.flatpickr-months {
  font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: 30px; }
  .flatpickr-months .flatpickr-month {
    margin-top: 16px; }
  .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    top: 10px; }

.flatpickr-current-month {
  font-size: calc(14px + (19 - 14) * ((100vw - 320px) / (1920 - 320))); }

@media (max-width: 400px) {
  .flatpickr-calendar.animate {
    width: 77%;
    left: 50% !important;
    transform: translateX(-50%); } }

.flatpickr-calendar .flatpickr-days {
  width: unset; }
  .flatpickr-calendar .flatpickr-days .dayContainer {
    width: unset;
    min-width: unset;
    max-width: unset; }

@media (max-width: 768px) {
  .flatpicker-calender .form-control {
    font-size: 14px; } }

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.timepicker-wrapper .row {
  margin-bottom: 16px; }
  .timepicker-wrapper .row:last-child {
    margin-bottom: 0; }

/**=====================
   2.13 Datapicker CSS End
==========================**/
/**=====================
	2.14 Dropdown CSS Start
==========================**/
.img-cropper .dropup .dropdown-toggle::after {
  content: '';
  display: none; }

.dropdown-auto {
  overflow: auto; }

.dropdown-divider {
  margin: 0; }

.dropdown .dropdown-toggle {
  color: #242934;
  border-radius: 8px;
  padding: 11px 12px;
  border: 1px solid #E6E9EB;
  width: 106px;
  text-align: left; }
  .dropdown .dropdown-toggle:focus {
    border: 1px solid #E6E9EB;
    box-shadow: none; }
  .dropdown .dropdown-toggle:after {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f107";
    border: none;
    font-family: "FontAwesome";
    font-size: 18px;
    margin: 0; }
  .dropdown .dropdown-toggle.btn-primary {
    color: #fff; }

.dropdown .dropdown-toggle-store {
  width: 130px; }

.dropdown .dropdown-toggle-calendar {
  width: 218px; }

.dropdown .dropdown-menu {
  font-family: "Montserrat", sans-serif;
  z-index: 4; }

.docs-toggles .dropdown .dropdown-toggle {
  width: auto; }

.docs-toggles .btn-group lable.active .docs-tooltip {
  color: #fff !important; }

.nav-tabs .dropdown .dropdown-toggle {
  width: 120px; }
  @media only screen and (max-width: 575.98px) {
    .nav-tabs .dropdown .dropdown-toggle {
      width: 100%;
      text-align: center; } }
.icon-dropdown .dropdown-toggle {
  background: transparent;
  color: #FFFFFF;
  padding: 0;
  width: auto; }
  .icon-dropdown .dropdown-toggle i {
    font-size: 16px; }
  .icon-dropdown .dropdown-toggle::after {
    display: none; }

.icon-dropdown .dropdown-item {
  line-height: 1.5; }

.dropdown-basic {
  margin-bottom: -10px; }
  .dropdown-basic .btn-group .btn-round {
    border-radius: 50px; }
  .dropdown-basic .separated-btn {
    margin-left: -6px; }
    [dir="rtl"] .dropdown-basic .separated-btn {
      margin-left: unset;
      margin-right: -6px; }
    .dropdown-basic .separated-btn .btn {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      padding: 10px; }
    .dropdown-basic .separated-btn.dropdown {
      margin-bottom: 0; }
  .dropdown-basic button {
    max-height: 43px; }
  .dropdown-basic .dropdown {
    position: relative;
    display: inline-block;
    margin-bottom: 10px; }
    .dropdown-basic .dropdown .dropbtn {
      color: white;
      padding: 12px 35px;
      border: none;
      cursor: pointer; }
    .dropdown-basic .dropdown .dropdown-content {
      display: none;
      position: absolute;
      right: 0;
      background-color: #f9f9f9;
      min-width: 175px;
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
      z-index: 1;
      left: 0;
      top: 45px; }
      .dropdown-basic .dropdown .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block; }
      .dropdown-basic .dropdown .dropdown-content .dropdown-header {
        padding: 12px 16px; }
  .dropdown-basic .dropdown-content a:hover {
    background-color: #f1f1f1; }
  .dropdown-basic .dropdown:hover .dropdown-content {
    display: block; }

.dropup-basic .dropup {
  position: relative;
  display: inline-block; }
  .dropup-basic .dropup .dropbtn {
    color: white;
    padding: 12px;
    border: none; }
  .dropup-basic .dropup .dropup-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 170px;
    bottom: 45px;
    z-index: 999;
    left: 0; }
    .dropup-basic .dropup .dropup-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block; }

.dropup-basic .dropup .dropup-content a:hover {
  background-color: #ecf3fa; }

.dropup-basic .dropup:hover .dropup-content {
  display: block; }
  .dropup-basic .dropup:hover .dropup-content a.active {
    background-color: #ecf3fa; }

.dropdown-block li .dropdown-item:hover {
  background-color: #E6E9EB; }

.dropdown-block li .helper-truncate:hover {
  background-color: unset !important; }

.dropdown-basic .dropdown .dropdown-content a:hover {
  background-color: #E6E9EB !important; }

.dropdown-menu .input-group {
  background-color: unset;
  padding: 6px 12px;
  border-top: 1px solid #efefef;
  background-color: #fff;
  opacity: 0.6; }
  .dropdown-menu .input-group:hover, .dropdown-menu .input-group:active {
    background-color: #E6E9EB; }
  .dropdown-menu .input-group .input-group-text {
    background-color: unset;
    border: none; }

.dark-form .form-label {
  color: var(--text-gray); }

.dark-form .form-control {
  border: 1px solid var(--text-gray) !important; }

.dark-form .form-check .form-check-input {
  border: 1px solid var(--text-gray); }

.dark-form .form-check .form-check-label {
  color: var(--text-gray); }

.dark-form h6 {
  color: var(--text-gray); }

.dark-form p.dropdown-item {
  padding: 7px 0 0 0;
  border-top: 1px solid var(--chart-dashed-border); }

.dark-form .helper-truncate {
  color: var(--text-gray);
  background-color: transparent; }

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 8px;
  vertical-align: 4px;
  content: '';
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-bottom: 0;
  border-left: 4px solid transparent; }
  [dir="rtl"] .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px; }

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 8px;
  content: '';
  border-top: 4px solid transparent;
  border-right: 4px solid;
  border-bottom: 4px solid transparent; }
  [dir="rtl"] .dropstart .dropdown-toggle::before {
    margin-left: 8px;
    margin-right: unset; }

.dropup .dropdown-toggle::after {
  content: '';
  display: inline-block;
  margin-left: 8px;
  vertical-align: 4px;
  border-top: 0;
  border-right: 4px solid transparent;
  border-bottom: 4px solid;
  border-left: 4px solid transparent; }
  [dir="rtl"] .dropup .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px; }

.dropend .dropdown-toggle::after {
  content: '';
  display: inline-block;
  content: '';
  border-top: 4px solid transparent;
  border-right: 0;
  border-bottom: 4px solid transparent;
  border-left: 4px solid;
  margin-left: 8px; }
  [dir="rtl"] .dropend .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px; }

.form-wrapper {
  width: 260px; }

@media (max-width: 400px) {
  .dropdown-menu .helper-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; } }

.dark-dropdown .dropdown-block li .dropdown-item:hover, .dark-dropdown .dropdown-block li .dropdown-item.active {
  background-color: #2c323f;
  color: #fff; }

btn-group .dropdown-wrapper {
  z-index: 2; }
  btn-group .dropdown-wrapper .input-group .input-group-text {
    padding: 0px 8px 0px 0px; }
    [dir="rtl"] btn-group .dropdown-wrapper .input-group .input-group-text {
      padding: 0px 0px 0px 8px; }

[dir="rtl"] .rtl-dropdown .dropdown-menu li .dropdown-item {
  text-align: right; }

[dir="rtl"] .rtl-dropdown .btn-group .dropdown-menu {
  text-align: right; }

.heading-dropdown .dropdown-menu > li:first-child > a {
  border-bottom: 4px solid var(--recent-border);
  border-top: 0;
  background-color: #d7e2e9; }

/**=====================
	2.14 Dropdown CSS Ends
==========================**/
/**=====================
  2.15 Form-builder CSS Start
==========================**/
.component {
  cursor: pointer; }
  .component label {
    padding-top: 8px; }
  .component .form-group input,
  .component .form-group textarea,
  .component .form-group select {
    border-radius: 4px; }

input {
  cursor: pointer; }

textarea {
  resize: vertical; }

.popover .controls {
  margin-left: 0; }

.popover .control-label {
  text-align: left; }

.popover form {
  width: 100%; }

.popover .fade.left.in {
  left: -215px; }

.drag form {
  padding: 10px 5px;
  border: 1px dotted #ecf3fa;
  position: absolute;
  background: #fff;
  box-shadow: 0 0 30px #ecf3fa;
  overflow: hidden; }
  .drag form input {
    border-radius: 5px; }

/**=====================
  2.15 Form-builder CSS Ends
==========================**/
/**=====================
    2.16 Form-input CSS Start
==========================**/
.icon-addon .addon-md .fa, .icon-addon .addon-md .glyphicon {
  position: absolute;
  z-index: 2;
  left: 10px;
  font-size: 14px;
  width: 20px;
  margin-left: -2.5px;
  text-align: center;
  padding: 10px 0;
  top: 1px; }

.icon-addon .glyphicon,
.icon-addon .fa {
  position: absolute;
  z-index: 2;
  left: 10px;
  font-size: 14px;
  width: 20px;
  margin-left: -2.5px;
  text-align: center;
  padding: 10px 0;
  top: 1px; }

.input-group-square .input-group-text,
.input-group-square .form-control {
  border-radius: 0px; }

.input-group-air {
  box-shadow: 0 3px 20px 0 #efefef; }

.icon-addon {
  position: relative;
  color: #4c5667;
  display: block; }
  .icon-addon:after {
    display: table;
    content: "";
    clear: both; }
  .icon-addon:before {
    display: table;
    content: ""; }
  .icon-addon .addon-md .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal; }
  .icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal; }

.input-group-wrapper .input-group {
  margin-bottom: 16px; }
  .input-group-wrapper .input-group .form-control {
    font-size: 16px; }
    .input-group-wrapper .input-group .form-control:focus {
      border-color: var(--recent-border);
      box-shadow: unset; }
  .input-group-wrapper .input-group:last-child {
    margin-bottom: 0; }

.input-group-wrapper .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.main-custom-form label {
  margin-bottom: 0; }

.main-custom-form .form-select:focus {
  box-shadow: unset;
  border-color: var(--recent-border); }

.main-custom-form .dropdown-menu {
  z-index: 3; }

.main-custom-form .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.main-custom-form .form-select,
.main-custom-form .form-control {
  font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); }

.main-custom-form .input-group-text {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); }

@media (max-width: 338px) {
  .main-custom-form .dropdown-toggle.btn {
    padding: 6px 11px; } }

.main-segment-btn .dropdown-toggle::after {
  content: '';
  margin-left: 0;
  border-top: 6px solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  vertical-align: 2px; }

.main-segment-btn .dropdown-menu {
  z-index: 3; }

#exampleDataList::-webkit-calendar-picker-indicator:hover, #exampleDataList::-webkit-calendar-picker-indicator:focus {
  display: none; }

.form-control-color {
  max-width: 70rem; }

.theme-form select.form-select option {
  padding: 8px 10px;
  border-radius: 100px; }

.input-radius .form-control:focus {
  box-shadow: unset;
  border-color: var(--recent-border); }

.input-radius .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.floating-wrapper .form-floating .form-control {
  height: 54px; }

/**=====================
    2.16 Form-input CSS Ends
	==========================**/
/**=====================
    2.17 Form-wizard CSS Start
==========================**/
/*Form Wizard One Start*/
.form-wizard .tab {
  display: none; }

.form-wizard .step {
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: var(--theme-deafult);
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5; }
  .form-wizard .step.active {
    opacity: 1; }
  .form-wizard .step.finish {
    background-color: var(--theme-secondary); }

/*Form Wizard One ends*/
/*Form Wizard Four Start*/
.wizard-4 .action-bar {
  position: absolute;
  bottom: 50px;
  right: 50px; }
  [dir="rtl"] .wizard-4 .action-bar {
    right: unset;
    left: 50px; }

.wizard-4 .action-bar .btn {
  float: right;
  margin: 0 5px;
  background-color: rgba(0, 102, 102, 0.3) !important;
  border-color: rgba(0, 102, 102, 0.3) !important;
  color: var(--theme-deafult); }

.wizard-4 .action-bar .buttonDisabled {
  color: #59667a;
  background-color: rgba(89, 102, 122, 0.05) !important;
  border: 1px solid rgba(89, 102, 122, 0.05) !important;
  cursor: text; }

.wizard-4 .step-container {
  background: #f8f9fe;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0 solid #e8ebf2;
  overflow: hidden;
  clear: right;
  width: 70%; }
  .wizard-4 .step-container div.content {
    display: block;
    position: absolute;
    float: left;
    text-align: left;
    overflow: auto;
    z-index: 1;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both; }
    [dir="rtl"] .wizard-4 .step-container div.content {
      text-align: unset;
      text-align: right; }
    .wizard-4 .step-container div.content .wizard-title {
      width: 450px;
      margin: 0 auto; }

.wizard-4 .loader {
  display: none; }

.wizard-4 .msg-box {
  position: fixed;
  display: none;
  padding: 5px 10px;
  background-color: #009999;
  top: 30px;
  border-radius: 5px;
  right: 60px;
  padding: 10px 20px; }
  .wizard-4 .msg-box .content {
    padding: 0;
    float: left;
    padding-top: 3px;
    color: #fff; }
  .wizard-4 .msg-box .close {
    color: #fff;
    margin-left: 10px;
    opacity: 1;
    font-size: 18px;
    line-height: 1.4; }
    [dir="rtl"] .wizard-4 .msg-box .close {
      margin-right: 10px;
      margin-left: unset; }

.wizard-4 ul.anchor {
  float: left;
  width: 30%;
  height: calc(100vh - 300px);
  padding: 40px 30px;
  overflow: auto; }
  .wizard-4 ul.anchor .disabled {
    opacity: 0.7;
    color: #59667a; }
    .wizard-4 ul.anchor .disabled h4 {
      background-color: rgba(89, 102, 122, 0.15); }
  .wizard-4 ul.anchor .logo {
    padding-bottom: 20px; }
  .wizard-4 ul.anchor li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    padding-bottom: 19px;
    float: left;
    clear: both;
    width: 100%;
    box-sizing: border-box;
    z-index: 0; }
    .wizard-4 ul.anchor li + li a {
      padding-left: 80px; }
      [dir="rtl"] .wizard-4 ul.anchor li + li a {
        padding-left: unset;
        padding-right: 80px; }
    .wizard-4 ul.anchor li:last-child {
      position: absolute;
      bottom: 0;
      width: auto;
      padding-bottom: 0;
      left: 9%; }
      [dir="rtl"] .wizard-4 ul.anchor li:last-child {
        left: unset;
        right: 9%; }
      .wizard-4 ul.anchor li:last-child img {
        height: 300px; }
        @media (max-width: 1199px) {
          .wizard-4 ul.anchor li:last-child img {
            height: 220px; } }
    .wizard-4 ul.anchor li h4 {
      display: inline-block;
      background-color: rgba(0, 102, 102, 0.2);
      padding: 16px 23px;
      border-radius: 100%;
      position: absolute;
      left: 0;
      top: 6px;
      width: 60px;
      display: flex;
      align-items: center;
      justify-content: center; }
      [dir="rtl"] .wizard-4 ul.anchor li h4 {
        left: unset;
        right: 0; }
    .wizard-4 ul.anchor li a {
      display: block;
      position: relative;
      float: left;
      margin: 0;
      padding: 10px 20px;
      width: 100%;
      box-sizing: border-box;
      text-decoration: none;
      outline-style: none;
      z-index: 1;
      font-size: 18px; }
      .wizard-4 ul.anchor li a small {
        display: block;
        font-size: 14px; }
      .wizard-4 ul.anchor li a .stepNumber {
        position: relative;
        float: left;
        width: 30px;
        text-align: center;
        padding: 5px;
        padding-top: 0; }
      .wizard-4 ul.anchor li a.done h4 {
        color: #fff;
        background: var(--theme-deafult); }
        .wizard-4 ul.anchor li a.done h4:before {
          font-size: 12px;
          position: absolute;
          left: 5px;
          top: -3px;
          content: "\e64c";
          font-family: 'themify';
          background-color: #fff;
          color: var(--theme-deafult);
          border-radius: 15px;
          padding: 2px;
          border: 1px solid; }
      .wizard-4 ul.anchor li a.error {
        color: #898989;
        background: #fe8a7d;
        border: 1px solid #FE6A49; }
        .wizard-4 ul.anchor li a.error:hover {
          color: #000; }

.wizard {
  max-width: 670px;
  margin: 0 auto; }
  .wizard .wizard-content {
    box-shadow: unset;
    background-color: #fff;
    border-radius: 5px; }

.vertical-main-wizard .header-vertical-wizard {
  background-color: var(--light-background);
  height: 100%;
  text-align: unset; }
  .vertical-main-wizard .header-vertical-wizard .nav-link {
    border-bottom: 1px solid var(--recent-border);
    border-radius: 0;
    padding: 20px; }
    .vertical-main-wizard .header-vertical-wizard .nav-link:last-child {
      border-bottom: 0; }

.vertical-main-wizard .nav-pills .nav-link.active {
  background-color: transparent; }

.vertical-main-wizard .nav-pills.show > .nav-link {
  background-color: transparent; }

.vertical-main-wizard .nav-link .vertical-wizard {
  display: flex;
  align-items: center;
  gap: 14px; }
  .vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard {
    width: 33px;
    height: 33px;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: relative;
    border: 1px solid #52526c; }
    .vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard i {
      margin-right: 0;
      color: #52526c; }
  .vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content h6 {
    font-weight: 400;
    line-height: 1;
    color: var(--body-font-color); }
  .vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content p {
    color: var(--text-gray); }

.vertical-main-wizard .nav-link:active, .vertical-main-wizard .nav-link.active {
  background-color: unset; }
  .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard {
    background-color: var(--theme-deafult);
    border: 1px solid var(--theme-deafult); }
    .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard i, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard i {
      color: #fff;
      font-size: 18px; }
    .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard::before, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard::before {
      content: '';
      width: 45px;
      height: 45px;
      border-radius: 50%;
      position: absolute;
      border: 1px solid #006666; }
  .vertical-main-wizard .nav-link:active .vertical-wizard .vertical-wizard-content h6, .vertical-main-wizard .nav-link.active .vertical-wizard .vertical-wizard-content h6 {
    color: var(--theme-deafult); }

.vertical-main-wizard .form-check .form-check-label {
  margin-bottom: 0; }

.vertical-main-wizard .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.basic-wizard .stepper-horizontal {
  display: flex;
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  margin-bottom: 24px; }
  .basic-wizard .stepper-horizontal .step {
    position: relative;
    padding-inline: 24px;
    z-index: 2;
    width: 100%; }
    .basic-wizard .stepper-horizontal .step:first-child {
      padding-left: 0; }
    .basic-wizard .stepper-horizontal .step:last-child {
      padding-right: 0; }
    .basic-wizard .stepper-horizontal .step:last-child .step-bar-left, .basic-wizard .stepper-horizontal .step:last-child .step-bar-right {
      display: none; }
    .basic-wizard .stepper-horizontal .step .step-circle {
      width: 32px;
      height: 32px;
      margin: 0 auto;
      border-radius: 50%;
      text-align: center;
      line-height: 28px;
      font-size: 16px;
      font-weight: 600;
      z-index: 2;
      border: 2px solid #E6E9EB;
      background: var(--white); }
    .basic-wizard .stepper-horizontal .step.done .step-circle {
      background-color: var(--white);
      border: 2px solid #52526c;
      color: #006666;
      z-index: 4;
      position: relative; }
      .basic-wizard .stepper-horizontal .step.done .step-circle:before {
        font-family: 'FontAwesome';
        font-weight: 100;
        content: "\f00c"; }
      .basic-wizard .stepper-horizontal .step.done .step-circle * {
        display: none; }
    .basic-wizard .stepper-horizontal .step.done .step-title {
      color: #52526c; }
    .basic-wizard .stepper-horizontal .step.editing .step-circle {
      background: var(--white);
      border-color: #52526c;
      color: var(--theme-deafult); }
    .basic-wizard .stepper-horizontal .step .step-title {
      margin-top: 8px;
      font-size: 16px;
      font-weight: 600;
      white-space: nowrap;
      color: var(--chart-text-color); }
    .basic-wizard .stepper-horizontal .step .step-title,
    .basic-wizard .stepper-horizontal .step .step-optional {
      text-align: center; }
    .basic-wizard .stepper-horizontal .step .step-bar-left,
    .basic-wizard .stepper-horizontal .step .step-bar-right {
      position: absolute;
      top: calc(32px - 18px);
      height: 4px;
      background-color: rgba(0, 102, 102, 0.2);
      border: solid rgba(0, 102, 102, 0.2);
      border-width: 2px 0; }
    .basic-wizard .stepper-horizontal .step .step-bar-left {
      width: 100%;
      left: 50%;
      z-index: -1; }
      [dir="rtl"] .basic-wizard .stepper-horizontal .step .step-bar-left {
        left: unset;
        right: 50%;
        margin-left: unset;
        margin-right: 1rem; }
    .basic-wizard .stepper-horizontal .step .step-bar-right {
      width: 0;
      left: 50%;
      z-index: -1;
      transition: width 500ms ease-in-out; }
      [dir="rtl"] .basic-wizard .stepper-horizontal .step .step-bar-right {
        right: 50%;
        left: unset; }
    .basic-wizard .stepper-horizontal .step.done .step-bar-right {
      background-color: var(--theme-deafult);
      border-color: var(--theme-deafult);
      z-index: 3;
      width: 100%; }

.basic-wizard form.none {
  display: none; }

.basic-wizard form.block {
  display: block; }

.basic-wizard form .form-check-label {
  margin-bottom: 0; }

.important-validation .form-label span {
  color: #FE6A49; }

.select-size.form-select {
  font-size: 14px; }

.wizard-footer button.disabled {
  background-color: #EAEBF2; }

.wizard-footer button.back {
  background-color: #FFAE1A; }

.successful-form {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding-bottom: 24px; }
  .successful-form img {
    width: 100px;
    height: 100px; }

.inquiries-form h6 {
  margin-bottom: 14px; }

.inquiries-form .choose-option {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .inquiries-form .choose-option .form-check:last-child {
    margin-bottom: 0; }

.form-completed img {
  height: 100px;
  margin: 0 auto;
  display: block; }

.form-completed h6 {
  text-align: center;
  margin-top: 24px; }

.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options {
  padding: 20px;
  background-color: var(--chart-border);
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 14px; }
  @media (max-width: 1182px) {
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options {
      justify-content: flex-start; } }
  .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a {
    display: flex;
    justify-content: center;
    align-items: center; }
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard {
      display: flex;
      justify-content: center;
      align-items: center;
      color: var(--body-font-color);
      transition: all 0.3s ease; }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard .stroke-icon-wizard i {
        font-size: 18px;
        color: var(--body-font-color); }
        [dir="rtl"] .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard .stroke-icon-wizard i {
          margin-right: unset;
          margin-left: 10px; }
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard {
      color: var(--white);
      transition: all 0.3s ease; }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .stroke-icon-wizard i, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .stroke-icon-wizard i {
        color: var(--white); }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .stroke-icon-wizard span, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .stroke-icon-wizard span {
        color: var(--white); }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .horizontal-wizard-content h6, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .horizontal-wizard-content h6 {
        color: #fff; }

.horizontal-wizard-wrapper .main-horizontal-header .form-check {
  margin-bottom: 0; }

.horizontal-wizard-wrapper .bank-search {
  margin-bottom: 22px; }
  @media (max-width: 767px) {
    .horizontal-wizard-wrapper .bank-search {
      margin-bottom: 0; } }
.horizontal-wizard-wrapper .bank-selection {
  padding: 10px 0 0 0; }
  @media (max-width: 401px) {
    .horizontal-wizard-wrapper .bank-selection .radio-wrapper {
      justify-content: center; } }
  .horizontal-wizard-wrapper .bank-selection .radio-wrapper li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; }
    .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label {
      margin-bottom: 0;
      padding: 6px; }
      .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label img {
        height: calc(45px + (52 - 45) * ((100vw - 320px) / (1920 - 320))); }
      .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label span {
        font-size: 14px; }

.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options {
  gap: 12px; }
  @media (max-width: 1400px) {
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options {
      justify-content: flex-start; } }
  .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link {
    color: var(--body-font-color); }
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard {
      gap: 10px; }
      .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard {
        width: 30px;
        height: 30px;
        background-color: rgba(0, 102, 102, 0.2);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 6px; }
        .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard i {
          margin-right: 0; }
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active {
      background-color: unset; }
      .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard {
        color: var(--body-font-color); }
        .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .horizontal-wizard-content h6, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .horizontal-wizard-content h6 {
          color: var(--theme-deafult); }
        .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .stroke-icon-wizard, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .stroke-icon-wizard {
          background-color: var(--theme-deafult); }
          .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .stroke-icon-wizard i, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .stroke-icon-wizard i {
            margin-right: 0;
            color: var(--white); }

.horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li {
  padding: 20px;
  display: grid;
  width: 100%;
  height: 100%;
  place-content: baseline;
  text-align: unset;
  align-items: unset;
  max-width: unset; }
  .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label {
    justify-content: unset;
    display: flex;
    align-items: center; }
    .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label span > span + span {
      font-size: 13px; }
      @media (max-width: 400px) {
        .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label span > span + span {
          display: none; } }
.horizontal-wizard-wrapper.vertical-options .main-horizontal-header {
  padding-bottom: 0; }
  .horizontal-wizard-wrapper.vertical-options .main-horizontal-header .horizontal-options {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px; }

.authentication-options .radio-wrapper {
  display: flex;
  gap: calc(8px + 8 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
  justify-content: center; }
  .authentication-options .radio-wrapper li {
    padding: 20px;
    display: grid;
    width: 100%;
    height: 100%;
    place-content: baseline;
    text-align: unset;
    align-items: unset;
    max-width: unset; }
    .authentication-options .radio-wrapper li .form-check-label {
      display: flex;
      align-items: center;
      text-align: left;
      gap: 14px; }
      @media (max-width: 400px) {
        .authentication-options .radio-wrapper li .form-check-label {
          align-items: baseline; } }
      .authentication-options .radio-wrapper li .form-check-label i {
        padding: 0; }
        [dir="rtl"] .authentication-options .radio-wrapper li .form-check-label i {
          padding: 0; }
      .authentication-options .radio-wrapper li .form-check-label span > span {
        font-size: 16px;
        color: #1f2533;
        font-weight: 500; }
        .authentication-options .radio-wrapper li .form-check-label span > span + span {
          color: var(--text-gray);
          font-size: 14px; }

.main-qr-code .modal-toggle-wrapper .modal-img {
  flex-direction: column;
  align-items: center;
  margin-bottom: 22px; }
  @media (max-width: 480px) {
    .main-qr-code .modal-toggle-wrapper .modal-img {
      align-items: unset; } }
  @media (max-width: 480px) {
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-img {
      text-align: center; } }
  .main-qr-code .modal-toggle-wrapper .modal-img .qr-img img {
    height: 100px;
    width: 100px; }
  .main-qr-code .modal-toggle-wrapper .modal-img .qr-content {
    margin-top: 16px; }
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert {
      align-items: unset; }
      .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert div {
        word-break: break-word; }
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-content i {
      font-size: 20px;
      margin-right: 0; }

.main-qr-code .modal-toggle-wrapper .btn {
  display: block;
  margin: auto;
  margin-top: 12px; }

.authentication-body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: auto;
  text-align: center; }
  .authentication-body img {
    height: calc(200px + (420 - 200) * ((100vw - 320px) / (1920 - 320))); }

.shopping-wizard .shipping-form .shipping-border {
  border-right: 1px solid var(--recent-dashed-border); }
  @media (max-width: 1200px) {
    .shopping-wizard .shipping-form .shipping-border {
      border-right: unset; } }
.shopping-wizard .shipping-form .shipping-options {
  display: flex;
  align-items: center;
  background-color: rgba(0, 102, 102, 0.2);
  flex-wrap: nowrap;
  margin-bottom: 18px; }
  @media (max-width: 768px) {
    .shopping-wizard .shipping-form .shipping-options {
      flex-direction: column; } }
  .shopping-wizard .shipping-form .shipping-options .nav-link {
    width: 100%; }
    @media (min-width: 1200px) and (max-width: 1920px) {
      .shopping-wizard .shipping-form .shipping-options .nav-link {
        padding: calc(8px + (8 - 8) * ((100vw - 300px) / (1920 - 300))) calc(6px + (16 - 6) * ((100vw - 300px) / (1920 - 300))); } }
    .shopping-wizard .shipping-form .shipping-options .nav-link:active i, .shopping-wizard .shipping-form .shipping-options .nav-link.active i {
      background-color: rgba(255, 255, 255, 0.3);
      color: var(--white);
      transition: all 0.3s ease-in-out; }
    .shopping-wizard .shipping-form .shipping-options .nav-link:active h6, .shopping-wizard .shipping-form .shipping-options .nav-link.active h6 {
      color: var(--white); }
  .shopping-wizard .shipping-form .shipping-options .cart-options {
    display: flex;
    align-items: center;
    gap: 11px; }
    .shopping-wizard .shipping-form .shipping-options .cart-options i {
      font-size: 18px;
      color: var(--white);
      width: 40px;
      height: 40px;
      background-color: var(--theme-deafult);
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      margin: 0;
      transition: all 0.3s ease-in-out; }
      @media (min-width: 1200px) and (max-width: 1920px) {
        .shopping-wizard .shipping-form .shipping-options .cart-options i {
          font-size: calc(14px + (18 - 14) * ((100vw - 1200px) / (1920 - 1200)));
          width: calc(30px + (40 - 30) * ((100vw - 1200px) / (1920 - 1200)));
          height: calc(30px + (40 - 30) * ((100vw - 1200px) / (1920 - 1200))); } }
    .shopping-wizard .shipping-form .shipping-options .cart-options h6 {
      color: var(--theme-deafult); }

.shopping-wizard .shipping-form .shipping-info .table thead th {
  white-space: nowrap; }
  .shopping-wizard .shipping-form .shipping-info .table thead th:last-child {
    text-align: end; }

.shopping-wizard .shipping-form .shipping-info .table tbody tr td img {
  height: 50px; }

.shopping-wizard .shipping-form .shipping-info .table tbody tr td:last-child {
  text-align: end; }

.shopping-wizard .shipping-form .shipping-info .table tbody tr td span {
  color: var(--text-gray); }

.shopping-wizard .shipping-form .shipping-info .table tbody tr:last-child td {
  border: 0; }

.shopping-wizard .shipping-form .shipping-info .table tfoot {
  font-weight: 400; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr td {
    white-space: nowrap; }
    .shopping-wizard .shipping-form .shipping-info .table tfoot tr td:first-child {
      max-width: 370px; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr td:last-child {
    min-width: 0;
    text-align: end; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr:first-child {
    font-weight: 500; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr:last-child {
    font-weight: 600; }
    .shopping-wizard .shipping-form .shipping-info .table tfoot tr:last-child td {
      border-bottom: 0; }

.shopping-wizard .shipping-form .shipping-content {
  height: 100%;
  padding: 0; }
  .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title > .btn {
      background: none !important;
      border: 0;
      padding: 0 28px; }
      .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title > .btn i {
        color: var(--theme-deafult); }
  .shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px; }
    .shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address .card-icon {
      display: flex;
      align-items: center;
      gap: 12px; }
      .shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address .card-icon i {
        font-size: 16px;
        color: var(--theme-deafult); }
  .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-address {
    display: flex;
    flex-direction: column;
    gap: 8px; }
    .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-address h6 {
      font-size: 15px;
      font-weight: 500; }
  .shopping-wizard .shipping-form .shipping-content > .active.finish-wizard1 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 55px - 18px); }
    @media (max-width: 768px) {
      .shopping-wizard .shipping-form .shipping-content > .active.finish-wizard1 {
        height: unset; } }
.shopping-wizard .shipping-form .shipping-method p {
  padding-left: 25px;
  color: var(--text-gray); }
  [dir="rtl"] .shopping-wizard .shipping-form .shipping-method p {
    padding-right: 25px;
    padding-left: unset; }

.shopping-wizard .shipping-form .proceed-next {
  transform: scaleX(-1); }

.shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 768px) {
    .shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper {
      justify-content: unset;
      align-items: flex-start;
      flex-direction: column; } }
  .shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper img {
    height: 50px; }

.shopping-wizard .shipping-form .payment-info-wrapper .pay-info {
  display: block; }
  .shopping-wizard .shipping-form .payment-info-wrapper .pay-info > div {
    margin-bottom: 12px;
    display: flex;
    align-items: center; }
    @media (max-width: 768px) {
      .shopping-wizard .shipping-form .payment-info-wrapper .pay-info > div {
        flex-direction: column;
        align-items: flex-start; } }
.shopping-wizard .shipping-form .order-confirm {
  text-align: center; }
  @media (max-width: 1200px) {
    .shopping-wizard .shipping-form .order-confirm {
      margin-bottom: 18px; } }
  .shopping-wizard .shipping-form .order-confirm img {
    height: calc(95px + (140 - 95) * ((100vw - 320px) / (1920 - 320))); }

.avatar-upload {
  flex-direction: column; }
  .avatar-upload div:first-child {
    position: relative;
    max-width: 205px;
    margin: auto; }
    .avatar-upload div:first-child .avatar-edit {
      position: absolute;
      right: 25px;
      z-index: 1;
      top: 4px; }
      .avatar-upload div:first-child .avatar-edit input {
        display: none; }
      .avatar-upload div:first-child .avatar-edit label {
        display: inline-block;
        width: 35px;
        height: 35px;
        margin-bottom: 0;
        border-radius: 100%;
        background: var(--light-bg);
        border: 1px solid transparent;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
        cursor: pointer;
        font-weight: normal;
        transition: all 0.2s ease-in-out; }
        .avatar-upload div:first-child .avatar-edit label::after {
          content: "\f040";
          font-family: 'FontAwesome';
          color: var(--body-font-color);
          position: absolute;
          top: 8px;
          left: 3px;
          right: 0;
          text-align: center;
          margin: auto; }
          [dir="rtl"] .avatar-upload div:first-child .avatar-edit label::after {
            right: 3px;
            left: 0; }
    .avatar-upload div:first-child .avatar-preview {
      width: 150px;
      height: 150px;
      position: relative;
      border-radius: 100%;
      border: 6px solid #F8F8F8;
      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
      margin: auto; }
      .avatar-upload div:first-child .avatar-preview > div {
        background-image: url(/../images/forms/user.png);
        width: 100%;
        height: 100%;
        border-radius: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }
  .avatar-upload h6 {
    text-align: center;
    padding-top: 14px; }

.email-verify .card-wrapper {
  display: grid;
  place-content: center; }
  .email-verify .card-wrapper > div {
    align-items: center; }
  .email-verify .card-wrapper .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.authenticate {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .authenticate span:nth-of-type(1) {
    margin-top: 12px; }
  .authenticate h4 {
    margin-bottom: 12px; }
  .authenticate img {
    height: calc(145px + (200 - 145) * ((100vw - 320px) / (1920 - 320))); }
  .authenticate form {
    flex-direction: column;
    text-align: center; }
    .authenticate form .otp-generate {
      display: flex;
      gap: 12px;
      margin: 14px 0;
      justify-content: center; }
    .authenticate form .form-control {
      width: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
      height: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
      border-radius: 5px;
      text-align: center;
      padding: 0;
      display: block;
      min-width: 0; }
    .authenticate form div {
      display: inline-grid;
      gap: 2px;
      margin-top: 12px; }

.accordion .accordion-item .accordion-body .choose-bank .form-check .form-check-label {
  color: var(--body-font-color); }

/*Form Wizard Four Ends*/
/**=====================
   2.17 Form-wizard CSS Ends
==========================**/
/**=====================
  2.18 Forms CSS Start
==========================**/
.form-label {
  margin-bottom: 4px; }

.col-form-label {
  padding-bottom: 4px; }

.form-space {
  margin-bottom: -10px; }
  .form-space > div {
    margin-bottom: 10px; }

.theme-form .form-control :focus {
  box-shadow: 0 0 0 0.2rem rgba(171, 140, 228, 0.05); }

.theme-form textarea {
  border-color: #efefef; }
  .theme-form textarea::-webkit-input-placeholder {
    color: #898989;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 100; }

.theme-form input[type=text],
.theme-form input[type=email],
.theme-form input[type=search],
.theme-form input[type=password],
.theme-form input[type=number],
.theme-form input[type=tel],
.theme-form input[type=date],
.theme-form input[type=datetime-local],
.theme-form input[type=time],
.theme-form input[type=datetime-local],
.theme-form input[type=month],
.theme-form input[type=week],
.theme-form input[type=url],
.theme-form input[type=file],
.theme-form textarea,
.theme-form select {
  border-color: #E6E9EB;
  background-color: #fff;
  font-size: 14px;
  color: #898989;
  padding: 10px;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .theme-form input[type=text]::placeholder,
  .theme-form input[type=email]::placeholder,
  .theme-form input[type=search]::placeholder,
  .theme-form input[type=password]::placeholder,
  .theme-form input[type=number]::placeholder,
  .theme-form input[type=tel]::placeholder,
  .theme-form input[type=date]::placeholder,
  .theme-form input[type=datetime-local]::placeholder,
  .theme-form input[type=time]::placeholder,
  .theme-form input[type=datetime-local]::placeholder,
  .theme-form input[type=month]::placeholder,
  .theme-form input[type=week]::placeholder,
  .theme-form input[type=url]::placeholder,
  .theme-form input[type=file]::placeholder,
  .theme-form textarea::placeholder,
  .theme-form select::placeholder {
    color: #898989;
    font-weight: 500; }
  .theme-form input[type=text]::-webkit-input-placeholder,
  .theme-form input[type=email]::-webkit-input-placeholder,
  .theme-form input[type=search]::-webkit-input-placeholder,
  .theme-form input[type=password]::-webkit-input-placeholder,
  .theme-form input[type=number]::-webkit-input-placeholder,
  .theme-form input[type=tel]::-webkit-input-placeholder,
  .theme-form input[type=date]::-webkit-input-placeholder,
  .theme-form input[type=datetime-local]::-webkit-input-placeholder,
  .theme-form input[type=time]::-webkit-input-placeholder,
  .theme-form input[type=datetime-local]::-webkit-input-placeholder,
  .theme-form input[type=month]::-webkit-input-placeholder,
  .theme-form input[type=week]::-webkit-input-placeholder,
  .theme-form input[type=url]::-webkit-input-placeholder,
  .theme-form input[type=file]::-webkit-input-placeholder,
  .theme-form textarea::-webkit-input-placeholder,
  .theme-form select::-webkit-input-placeholder {
    color: #86909C;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 100; }

.theme-form input[type=text]::placeholder {
  color: #86909C;
  font-size: 14px; }

.theme-form input[type=file] {
  height: auto; }

.theme-form select.form-control:not([size]):not([multiple]) {
  border-color: #efefef;
  font-size: 14px; }

.theme-form .checkbox label {
  padding-left: 10px; }
  [dir="rtl"] .theme-form .checkbox label {
    padding-right: 10px;
    padding-left: unset; }

.theme-form .form-divider {
  position: relative;
  clear: both;
  height: 0;
  margin: 30px 0;
  border-top: 1px solid #efefef; }
  .theme-form .form-divider:before {
    position: absolute;
    top: -11px;
    left: 40%;
    margin-left: -10px;
    padding: 0 5px;
    content: "Or Signup With";
    color: #242934;
    background: #fff; }
    [dir="rtl"] .theme-form .form-divider:before {
      left: unset;
      right: 40%;
      margin-left: unset;
      margin-right: -10px; }

.theme-form .login-divider {
  position: relative;
  clear: both;
  height: 0;
  margin: 30px 0;
  border-top: 1px solid #efefef; }
  .theme-form .login-divider:before {
    position: absolute;
    top: -11px;
    left: 40%;
    margin-left: -10px;
    padding: 0 5px;
    color: #242934;
    background: #fff;
    content: "Or Login With"; }
    [dir="rtl"] .theme-form .login-divider:before {
      left: unset;
      right: 40%;
      margin-left: unset;
      margin-right: -10px; }

.theme-form .btn-fb,
.theme-form .btn-twitter,
.theme-form .btn-google,
.theme-form .btn-linkedin {
  color: #fff;
  width: 100%; }

.theme-form .btn-fb {
  background-color: #50598e; }

.theme-form .btn-twitter {
  background-color: #6fa2d8; }

.theme-form .btn-google {
  background-color: #c64e40; }

.theme-form .btn-linkedin {
  background-color: #0077B5; }

.form-inline {
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0; }
  .form-inline .col-form-label {
    margin-right: 5px; }
    [dir="rtl"] .form-inline .col-form-label {
      margin-left: 5px;
      margin-right: unset; }

.search-form .form-group:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 25px;
  background: #e8ebf2;
  left: 82px;
  top: 50px; }
  [dir="rtl"] .search-form .form-group:before {
    left: unset;
    right: 82px; }

.search-form .form-group:after {
  position: absolute;
  content: "\f002";
  font-family: "FontAwesome";
  top: 53px;
  left: 53px;
  color: #8e8e8e; }
  [dir="rtl"] .search-form .form-group:after {
    left: unset;
    right: 53px; }

.search-form input {
  border: 1px solid #efefef;
  padding: 10px 10px 10px 70px;
  border-radius: 10px;
  background-color: rgba(230, 233, 235, 0.3); }
  [dir="rtl"] .search-form input {
    padding: 10px 70px 10px 10px; }
  .search-form input:focus {
    outline: none !important; }

.form-label-align-right label {
  text-align: right;
  padding-top: 17px;
  font-weight: 500; }

.custom-input.was-validated .form-control:valid,
.custom-input.was-validated .form-select:valid {
  border-color: #00AC46; }

.custom-input.was-validated .form-control:invalid,
.custom-input.was-validated .form-select:invalid {
  border-color: #FE6A49; }

.custom-input .valid-tooltip {
  background-color: #00AC46; }

.custom-input .invalid-tooltip {
  background-color: rgba(254, 106, 73, 0.8); }

.custom-input .invalid-feedback {
  color: #FE6A49 !important; }

.custom-input .form-check .form-check-input:valid {
  border-color: #00AC46; }

.custom-input .form-check .form-check-input:invalid {
  border-color: #FE6A49; }

.custom-input .form-check .form-check-input:invalid ~ .form-check-label {
  color: #FE6A49; }

.custom-input .form-check .form-check-input:valid ~ .form-check-label {
  color: #00AC46; }

.custom-input .form-check .form-check-input:checked {
  background-color: #00AC46; }

.custom-input .form-check .invalid-feedback {
  color: #FE6A49; }

.custom-input #validationCustom03.form-control,
.custom-input #validationCustom03 .form-select,
.custom-input #validationCustom05.form-control,
.custom-input #validationCustom05 .form-select,
.custom-input #validationCustomUsername.form-control,
.custom-input #validationCustomUsername .form-select {
  border-color: #E6E9EB; }

.custom-input #validationCustom03.was-validated .form-control:valid,
.custom-input #validationCustom03.was-validated .form-select:valid,
.custom-input #validationCustom05.was-validated .form-control:valid,
.custom-input #validationCustom05.was-validated .form-select:valid,
.custom-input #validationCustomUsername.was-validated .form-control:valid,
.custom-input #validationCustomUsername.was-validated .form-select:valid {
  border-color: #00AC46 !important; }

.custom-input #validationCustom03.was-validated .form-control:invalid,
.custom-input #validationCustom03.was-validated .form-select:invalid,
.custom-input #validationCustom05.was-validated .form-control:invalid,
.custom-input #validationCustom05.was-validated .form-select:invalid,
.custom-input #validationCustomUsername.was-validated .form-control:invalid,
.custom-input #validationCustomUsername.was-validated .form-select:invalid {
  border-color: #FE6A49 !important; }

[dir="rtl"] .custom-input .form-check.form-switch .form-check-input {
  margin-left: 7px; }

.form-check-reverse {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding: 0; }
  .form-check-reverse .form-check-input {
    float: left;
    margin-right: 0;
    margin-left: 10px; }

.checkbox-checked.card-wrapper h6.sub-title {
  font-weight: 600;
  font-size: 17px; }

.checkbox-checked .form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-checked .form-check-input:focus {
  border-color: #006666;
  box-shadow: 0 0 0 4px rgba(0, 102, 102, 0.25); }

.checkbox-checked .card-wrapper .form-check:last-child {
  min-height: 0;
  margin-bottom: 0; }
  .checkbox-checked .card-wrapper .form-check:last-child label {
    margin-bottom: 0; }

.form-check-size {
  display: flex;
  gap: 22px;
  align-items: center;
  flex-wrap: wrap; }
  .form-check-size .form-check-inline {
    margin: 0;
    min-height: 0; }
    [dir="rtl"] .form-check-size .form-check-inline {
      margin: 0; }
    .form-check-size .form-check-inline .form-check-input {
      width: 18px;
      height: 18px;
      margin-top: 0; }
    .form-check-size .form-check-inline .check-size {
      width: 36px;
      height: 18px;
      margin-top: 0; }
    .form-check-size .form-check-inline label {
      margin: 0; }

.main-img-checkbox .img-checkbox {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }
  .main-img-checkbox .img-checkbox .main-img-cover {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 24px;
    height: 24px; }
    [dir="rtl"] .main-img-checkbox .img-checkbox .main-img-cover {
      left: unset;
      right: 15px; }
  .main-img-checkbox .img-checkbox .form-check-label {
    width: 100%; }
  .main-img-checkbox .img-checkbox img {
    width: 100%;
    height: 220px;
    object-fit: cover; }

.main-icon-checkbox.checkbox label {
  margin-top: 0; }
  .main-icon-checkbox.checkbox label::before {
    content: '';
    width: 100%;
    height: 100%;
    margin-left: 1px;
    background-color: transparent;
    top: 0;
    display: block; }
    [dir="rtl"] .main-icon-checkbox.checkbox label::before {
      margin-left: unset;
      margin-right: 1px; }

.main-icon-checkbox.checkbox-primary input[type=checkbox]:checked + label::before {
  color: transparent;
  border: 2px solid #006666; }

.main-icon-checkbox.checkbox-primary input[type=checkbox] {
  opacity: 1; }

.main-icon-checkbox.checkbox-primary .form-check-input {
  border: 1px solid #E6E9EB; }
  .main-icon-checkbox.checkbox-primary .form-check-input.checkbox-shadow:focus {
    box-shadow: none; }
  .main-icon-checkbox.checkbox-primary .form-check-input[type=checkbox]:checked {
    background-image: none; }

.main-radio-toggle .btn,
.main-checkbox-toggle .btn {
  margin-bottom: 0; }

.radio-wrapper,
.checkbox-wrapper {
  display: flex;
  gap: calc(8px + (16 - 8) * ((100vw - 320px) / (1920 - 320)));
  flex-wrap: wrap;
  justify-content: center; }
  @media (max-width: 1200px) {
    .radio-wrapper,
    .checkbox-wrapper {
      justify-content: unset; } }
  .radio-wrapper li,
  .checkbox-wrapper li {
    position: relative;
    width: 100%;
    padding: 12px;
    border: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 130px; }
    @media (max-width: 1335px) {
      .radio-wrapper li,
      .checkbox-wrapper li {
        max-width: 113px; } }
    @media (max-width: 1232px) {
      .radio-wrapper li,
      .checkbox-wrapper li {
        padding: 10px;
        max-width: 105px; } }
    .radio-wrapper li .form-check-input,
    .checkbox-wrapper li .form-check-input {
      position: absolute;
      width: 100%;
      height: 100%;
      float: none;
      margin: 0;
      top: 0;
      left: 0;
      opacity: 1;
      border-radius: 0;
      background-color: transparent;
      border: 1px solid #E6E9EB; }
      .radio-wrapper li .form-check-input:focus,
      .checkbox-wrapper li .form-check-input:focus {
        box-shadow: none; }
      .radio-wrapper li .form-check-input[type=radio],
      .checkbox-wrapper li .form-check-input[type=radio] {
        opacity: 1; }
      .radio-wrapper li .form-check-input:checked,
      .checkbox-wrapper li .form-check-input:checked {
        border: 2px solid #006666;
        background-color: transparent; }
        .radio-wrapper li .form-check-input[type=radio]:checked,
        .checkbox-wrapper li .form-check-input[type=radio]:checked {
          background-image: none;
          box-shadow: unset; }
    .radio-wrapper li .form-check-label,
    .checkbox-wrapper li .form-check-label {
      position: unset;
      padding: 0;
      margin-bottom: 0; }
      .radio-wrapper li .form-check-label:after,
      .checkbox-wrapper li .form-check-label:after {
        content: none; }
      .radio-wrapper li .form-check-label::before,
      .checkbox-wrapper li .form-check-label::before {
        content: none; }
      .radio-wrapper li .form-check-label i,
      .checkbox-wrapper li .form-check-label i {
        font-size: 18px;
        padding-right: 8px; }
        [dir="rtl"] .radio-wrapper li .form-check-label i, [dir="rtl"] .checkbox-wrapper li .form-check-label i {
          padding-right: 0;
          padding-left: 8px; }
      .radio-wrapper li .form-check-label span,
      .checkbox-wrapper li .form-check-label span {
        font-size: 16px; }

[dir="rtl"] .rtl-input .form-check.form-check-inline {
  padding: 0; }

[dir="rtl"] .rtl-input .form-check.form-switch {
  padding-right: 40px; }

[dir="rtl"] .rtl-input .form-check.form-switch .form-check-input {
  margin-left: unset;
  margin-right: -40px;
  float: right; }

.radio-form {
  display: flex;
  gap: 18px;
  flex-wrap: wrap; }
  .radio-form .form-check {
    min-height: 0;
    margin-bottom: 0; }
    .radio-form .form-check .form-check-label {
      margin-bottom: 0; }

.basic-form {
  position: relative; }
  .basic-form svg {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%); }
    [dir="rtl"] .basic-form svg {
      right: 0;
      left: 12px; }
    .basic-form svg.stroke-icon {
      width: 25px;
      height: 25px;
      stroke: #2c323f;
      position: absolute;
      top: 50%;
      right: 12px;
      transform: translateY(-50%); }
      [dir="rtl"] .basic-form svg.stroke-icon {
        right: unset;
        left: 12px; }

.form-check {
  margin-bottom: 0; }

.theme-form .custom-input .row .col .row:last-child label {
  margin: 0; }

.theme-form.dark-inputs input::file-selector-button {
  border-radius: 30px; }

[dir="rtl"] .theme-form .form-floating > label {
  left: unset;
  right: 0; }

/**=====================
  2.18 Forms CSS Ends
==========================**/
/**=====================
	2.19 Icons CSS Start
==========================**/
.icon-lists div {
  cursor: pointer;
  line-height: 60px;
  white-space: nowrap;
  border-radius: 4px;
  display: flex;
  align-items: center; }
  .icon-lists div:hover {
    background-color: var(--light-background); }
  .icon-lists div i {
    margin: 0 15px 0 10px;
    font-size: 24px; }

.icon-lists.whether-icon svg {
  height: 50px;
  width: 50px; }

.icon-lists.feather-icons .media svg {
  margin: 0 15px 0 10px; }

.icon-lists .feather-icon .icon-first h6 {
  display: none; }

.flag-icons,
.feather-icons {
  margin-bottom: -15px;
  margin-top: -15px; }
  .flag-icons div,
  .feather-icons div {
    line-height: 1;
    word-wrap: break-word;
    overflow: auto; }
    .flag-icons div .flag-icon,
    .feather-icons div .flag-icon {
      height: 50px;
      width: 50px; }
    .flag-icons div .media,
    .feather-icons div .media {
      padding-top: 15px;
      padding-bottom: 15px;
      width: 100%; }
    .flag-icons div .media-body h6,
    .feather-icons div .media-body h6 {
      margin-bottom: 0;
      font-size: 14px;
      font-weight: 400;
      max-width: 100%;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .flag-icons div .media-body h5,
    .feather-icons div .media-body h5 {
      background-color: var(--theme-deafult);
      display: inline-block;
      padding: 3px 5px;
      font-size: 11px;
      border-radius: 3px;
      margin-bottom: 5px;
      margin-right: 5px;
      color: #fff; }
      [dir="rtl"] .flag-icons div .media-body h5, [dir="rtl"] .feather-icons div .media-body h5 {
        margin-left: 5px;
        margin-right: unset; }

.icon-hover-bottom {
  background-color: #fdfeff;
  width: 100%;
  bottom: 0;
  left: 0;
  box-shadow: 0px 0px 1px 1px #E6E9EB;
  z-index: 999; }
  .icon-hover-bottom .icon-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 20px; }
    .icon-hover-bottom .icon-popup .close-icon {
      position: absolute;
      right: 10px;
      top: 10px;
      font-size: 20px;
      color: #E6E9EB;
      cursor: pointer; }
      [dir="rtl"] .icon-hover-bottom .icon-popup .close-icon {
        right: unset;
        left: 10px; }
    .icon-hover-bottom .icon-popup > div {
      display: inline-block; }
      .icon-hover-bottom .icon-popup > div .flag-icon {
        width: 60px;
        height: 60px; }
    .icon-hover-bottom .icon-popup .icon-class {
      margin: 0 20px;
      cursor: pointer; }
    .icon-hover-bottom .icon-popup .icon-last .form-inline .form-group {
      display: initial; }
  .icon-hover-bottom .icon-title {
    display: block;
    color: #2c323f;
    text-transform: uppercase;
    font-weight: 500; }
  .icon-hover-bottom span,
  .icon-hover-bottom label,
  .icon-hover-bottom .btn {
    font-family: "Montserrat", sans-serif; }
  .icon-hover-bottom .form-group input {
    display: inline-block;
    width: 300px;
    background-color: #fff;
    font-family: "Montserrat", sans-serif; }

.fa-fa-icon-show-div,
.icons-show-div {
  display: none; }

.icon-first i {
  color: #898989; }

.icon-first h6 {
  display: none; }

/**=====================
    2.19 Icons CSS Ends
==========================**/
/**=====================
   2.20 List CSS Start
==========================**/
.list-group-item.active {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }

.list-group i {
  margin-right: 10px; }

.list-group img {
  height: 40px;
  width: 40px;
  margin-right: 10px; }

.list-light-primary {
  background-color: rgba(0, 102, 102, 0.2); }
  .list-light-primary:hover, .list-light-primary:active, .list-light-primary.active, .list-light-primary:focus {
    border: none;
    outline: unset;
    background-color: rgba(0, 102, 102, 0.2) !important; }

.list-hover-primary {
  background-color: unset; }
  .list-hover-primary:hover, .list-hover-primary:active, .list-hover-primary.active, .list-hover-primary:focus {
    background-color: rgba(0, 102, 102, 0.2);
    color: #2c323f;
    z-index: 0; }

.list-light-secondary {
  background-color: rgba(254, 106, 73, 0.3); }
  .list-light-secondary:hover, .list-light-secondary:active, .list-light-secondary.active, .list-light-secondary:focus {
    border: none;
    outline: unset;
    background-color: rgba(254, 106, 73, 0.3) !important; }

.list-hover-secondary {
  background-color: unset; }
  .list-hover-secondary:hover, .list-hover-secondary:active, .list-hover-secondary.active, .list-hover-secondary:focus {
    background-color: rgba(254, 106, 73, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-success {
  background-color: rgba(0, 172, 70, 0.3); }
  .list-light-success:hover, .list-light-success:active, .list-light-success.active, .list-light-success:focus {
    border: none;
    outline: unset;
    background-color: rgba(0, 172, 70, 0.3) !important; }

.list-hover-success {
  background-color: unset; }
  .list-hover-success:hover, .list-hover-success:active, .list-hover-success.active, .list-hover-success:focus {
    background-color: rgba(0, 172, 70, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-warning {
  background-color: rgba(255, 174, 26, 0.3); }
  .list-light-warning:hover, .list-light-warning:active, .list-light-warning.active, .list-light-warning:focus {
    border: none;
    outline: unset;
    background-color: rgba(255, 174, 26, 0.3) !important; }

.list-hover-warning {
  background-color: unset; }
  .list-hover-warning:hover, .list-hover-warning:active, .list-hover-warning.active, .list-hover-warning:focus {
    background-color: rgba(255, 174, 26, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-info {
  background-color: rgba(23, 56, 120, 0.3); }
  .list-light-info:hover, .list-light-info:active, .list-light-info.active, .list-light-info:focus {
    border: none;
    outline: unset;
    background-color: rgba(23, 56, 120, 0.3) !important; }

.list-hover-info {
  background-color: unset; }
  .list-hover-info:hover, .list-hover-info:active, .list-hover-info.active, .list-hover-info:focus {
    background-color: rgba(23, 56, 120, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-light {
  background-color: #F9F9FB; }
  .list-light-light:hover, .list-light-light:active, .list-light-light.active, .list-light-light:focus {
    border: none;
    outline: unset;
    background-color: #F9F9FB !important; }

.list-hover-light {
  background-color: unset; }
  .list-hover-light:hover, .list-hover-light:active, .list-hover-light.active, .list-hover-light:focus {
    background-color: #F9F9FB;
    color: #2c323f;
    z-index: 0; }

.list-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }
  .list-light-danger:hover, .list-light-danger:active, .list-light-danger.active, .list-light-danger:focus {
    border: none;
    outline: unset;
    background-color: rgba(254, 106, 73, 0.3) !important; }

.list-hover-danger {
  background-color: unset; }
  .list-hover-danger:hover, .list-hover-danger:active, .list-hover-danger.active, .list-hover-danger:focus {
    background-color: rgba(254, 106, 73, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-dark {
  background-color: #EAEBF2; }
  .list-light-dark:hover, .list-light-dark:active, .list-light-dark.active, .list-light-dark:focus {
    border: none;
    outline: unset;
    background-color: #EAEBF2 !important; }

.list-hover-dark {
  background-color: unset; }
  .list-hover-dark:hover, .list-hover-dark:active, .list-hover-dark.active, .list-hover-dark:focus {
    background-color: #EAEBF2;
    color: #2c323f;
    z-index: 0; }

.horizontal-list-wrapper .list-group .list-group-item {
  padding: 8px; }

.list-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap; }
  @media (max-width: 414px) {
    .list-wrapper {
      flex-wrap: unset;
      word-break: break-word; } }
  @media (max-width: 366px) {
    .list-wrapper {
      padding-bottom: 8px; } }
  .list-wrapper .list-img {
    width: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));
    height: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 10px;
    border-radius: 50%; }
  .list-wrapper .list-content p {
    margin-bottom: 0; }

.scrollbar-wrapper {
  max-height: 270px;
  overflow: auto; }

@media (max-width: 480px) {
  .main-lists-content small {
    display: none; } }

@media (max-width: 1199px) {
  .list-behavior-1 {
    gap: 12px; } }

@media (max-width: 575px) {
  .list-behavior-1:first-child {
    margin-bottom: 14px; } }

@media (max-width: 1999px) {
  .list-behavior-1 img {
    height: 86px; } }

@media (max-width: 992px) {
  .list-behavior-1 img {
    height: 70px; } }

.list-behavior-1 .flex-grow-1 {
  margin-left: 16px; }
  @media (max-width: 1199px) {
    .list-behavior-1 .flex-grow-1 {
      margin-left: 0; }
      .list-behavior-1 .flex-grow-1 p {
        display: block;
        display: -webkit-box;
        max-width: 100%;
        margin: 0 auto;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; } }
  [dir="rtl"] .list-behavior-1 .flex-grow-1 {
    margin-right: 16px;
    margin-left: unset; }

.list-behaviors > div:nth-child(even) .flex-grow-1 {
  order: -1;
  margin-left: unset;
  margin-right: 16px; }
  @media (max-width: 1199px) {
    .list-behaviors > div:nth-child(even) .flex-grow-1 {
      margin-left: 0;
      margin-right: 0;
      order: unset; } }
.list-group .list-group-item {
  padding: 11px 16px; }
  .list-group .list-group-item .form-check-input:focus {
    box-shadow: unset !important; }
  [dir="rtl"] .list-group .list-group-item i {
    margin-left: 10px;
    margin-right: unset; }

@media (max-width: 1216px) {
  .contact-profile {
    background-color: unset; }
    .contact-profile.list-light-dark:hover {
      background-color: unset; } }

.badge-list .list-group-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap; }
  .badge-list .list-group-item div {
    margin-right: auto;
    margin-left: 8px; }
    [dir="rtl"] .badge-list .list-group-item div {
      margin-left: auto;
      margin-right: 8px; }

/**=====================
   2.20 List CSS Ends
==========================**/
/**=====================
    2.21 Loader CSS Start
==========================**/
.loader-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  background-color: #fff;
  z-index: 11;
  top: 0; }
  .loader-wrapper .loader4 {
    position: relative;
    color: var(--theme-deafult);
    font-size: 50px;
    text-indent: -9999em;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    transform: translateZ(0);
    animation: loader4 1.7s infinite ease,  loader4Round 1.7s infinite ease;
    overflow: hidden; }

@keyframes loader4 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } }

@keyframes loader4Round {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/**=====================
    2.21 Loader CSS Ends
==========================**/
/**=====================
    2.22 Modal CSS start
==========================**/
.modal-toggle-wrapper .form-control::placeholder {
  font-size: 13px; }

.modal-toggle-wrapper .modal-img {
  display: flex;
  justify-content: center; }
  .modal-toggle-wrapper .modal-img img {
    width: 200px;
    height: 200px; }
    @media (max-width: 992px) {
      .modal-toggle-wrapper .modal-img img {
        width: calc(136px + (200 - 136) * ((100vw - 320px) / (992 - 320)));
        height: calc(136px + (200 - 136) * ((100vw - 320px) / (992 - 320))); } }
  .modal-toggle-wrapper .modal-img li img {
    width: 100px;
    height: 100px; }
    @media (max-width: 992px) {
      .modal-toggle-wrapper .modal-img li img {
        width: calc(75px + (100 - 75) * ((100vw - 320px) / (992 - 320)));
        height: calc(75px + (100 - 75) * ((100vw - 320px) / (992 - 320))); } }
  .modal-toggle-wrapper .modal-img li + li {
    margin-left: -39px; }

.modal-toggle-wrapper button svg {
  width: 16px;
  height: 16px; }

.large-modal-header,
.large-modal-body {
  display: flex;
  align-items: center;
  color: #2c323f; }
  .large-modal-header svg,
  .large-modal-body svg {
    width: 20px;
    height: 20px; }

.modal-padding-space {
  padding-left: 20px; }

.svg-modal {
  width: 15px;
  height: 15px;
  stroke: #FE6A49;
  vertical-align: middle; }

.card-wrapper .modal-heading h5 {
  font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1400 - 320))); }

@media (min-width: 750px) and (max-width: 1200px) {
  .card-wrapper .balance-modal {
    display: flex;
    flex-direction: column; } }

.modal-footer .btn {
  margin: 0 4px; }

.modal-content .modal-header .btn-close:focus {
  box-shadow: unset; }

.modal-details h6 {
  padding-bottom: 12px; }

.modal-details .web-content {
  margin-bottom: 16px; }
  .modal-details .web-content .d-flex p {
    padding-bottom: 8px; }
  .modal-details .web-content .d-flex:last-child p {
    padding-bottom: 0; }
  .modal-details .web-content:last-child {
    margin-bottom: 0; }

/**=====================
    2.22 Modal CSS end
==========================**/
/**=====================
  2.23 Popover CSS Start
==========================**/
.popover-header {
  background-color: #2c323f;
  color: #fff; }

.popover-main .btn-showcase a {
  color: #fff; }

.popover-main .btn-showcase button:last-child {
  margin-right: 0; }

/**=====================
  2.23 Popover CSS Ends
==========================**/
/**=====================
  2.24 Print CSS Start
==========================**/
@media print {
  .sidebar-wrapper,
  .page-header {
    display: none; }
  .page-body {
    margin: 0 !important; }
  .page-wrapper .page-title {
    visibility: hidden; }
  .page-wrapper .page-body-wrapper .page-title {
    display: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin: 0; }
  .customizer-links {
    display: none; }
  table.fixedHeader-floating {
    display: none; }
  .email-left-aside {
    display: none; }
  .footer {
    display: none; } }

.invoice-table {
  margin-top: 16px;
  margin-bottom: 16px; }

.invoice .text-right input {
  margin-top: 6px; }

.invoice .media {
  align-items: center; }

/**=====================
  2.24 Print CSS Ends
==========================**/
/**=====================
    2.25 Radio CSS Start
==========================**/
.animate-chk label {
  line-height: 1.6;
  cursor: pointer; }
  .animate-chk label:last-child {
    margin-bottom: 0; }

.checkbox_animated {
  cursor: pointer;
  position: relative;
  margin: 0 1rem 0 0; }
  .checkbox_animated:before {
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: rotate(-45deg) scale(0, 0);
    content: "";
    position: absolute;
    left: 0.25rem;
    top: 0.225rem;
    z-index: 1;
    width: 0.75rem;
    height: 0.375rem;
    border: 2px solid var(--theme-deafult);
    border-top-style: none;
    border-right-style: none; }
  .checkbox_animated:after {
    content: "";
    position: absolute;
    top: -0.125rem;
    left: 0;
    width: 1.3rem;
    height: 1.3rem;
    background: #fff;
    border: 2px solid #ecf3fa;
    cursor: pointer; }
  .checkbox_animated:checked:before {
    transform: rotate(-45deg) scale(1, 1); }

.radio_animated {
  position: relative;
  margin: 0 1rem 0 0;
  cursor: pointer; }
  .radio_animated:before {
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: scale(0, 0);
    content: "";
    position: absolute;
    top: 0;
    left: 0.125rem;
    z-index: 1;
    width: 0.75rem;
    height: 0.75rem;
    background: var(--theme-deafult);
    border-radius: 50%; }
  .radio_animated:after {
    content: "";
    position: absolute;
    top: -0.25rem;
    left: -0.125rem;
    width: 1.25rem;
    height: 1.25rem;
    background: #fff;
    border: 2px solid #ecf3fa;
    border-radius: 50%; }
  .radio_animated:checked:before {
    transform: scale(1, 1); }

.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 16px;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 10px; }
  .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    margin-left: -16px;
    border: 1px solid #efefef;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
  .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #242934; }

.checkbox input[type="checkbox"] {
  opacity: 0; }
  .checkbox input[type="checkbox"]:focus {
    outline-offset: -2px; }
    .checkbox input[type="checkbox"]:focus + label::before {
      outline-offset: -2px; }

.checkbox input[type="checkbox"]:checked + label::before {
  font-family: themify;
  content: "\e64c";
  text-align: center;
  line-height: 1.2; }

.checkbox input[type="checkbox"]:disabled + label {
  opacity: 0.65; }
  .checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #E6E9EB;
    cursor: not-allowed; }

.checkbox .checkbox-circle label::before {
  border-radius: 50%; }

.checkbox .checkbox-inline {
  margin-top: 0; }

.m-squar label::before {
  border-radius: 0; }

.m-squar .checkbox-circle label::before {
  border-radius: 50%; }

.m-squar .checkbox-inline {
  margin-top: 0; }

.checkbox-primary label::before {
  border-color: var(--theme-deafult); }

.checkbox-primary input[type="checkbox"]:checked + label::before {
  border-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-primary label:before {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  color: #fff; }

.checkbox-solid-primary input[type="checkbox"]:checked + label::before {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  color: #fff; }

.checkbox-solid-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-primary input[type="radio"] + label::before {
  border-color: var(--theme-deafult); }

.radio-primary input[type="radio"] + label::after {
  background-color: var(--theme-deafult); }

.radio-primary input[type="radio"]:checked + label::before {
  border-color: var(--theme-deafult); }

.radio-primary input[type="radio"]:checked + label::after {
  background-color: var(--theme-deafult); }

.checkbox-secondary label::before {
  border-color: #FE6A49; }

.checkbox-secondary input[type="checkbox"]:checked + label::before {
  border-color: #FE6A49;
  color: #FE6A49; }

.checkbox-secondary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-secondary label:before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-secondary input[type="checkbox"]:checked + label::before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-secondary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-secondary input[type="radio"] + label::before {
  border-color: #FE6A49; }

.radio-secondary input[type="radio"] + label::after {
  background-color: #FE6A49; }

.radio-secondary input[type="radio"]:checked + label::before {
  border-color: #FE6A49; }

.radio-secondary input[type="radio"]:checked + label::after {
  background-color: #FE6A49; }

.checkbox-success label::before {
  border-color: #00AC46; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  border-color: #00AC46;
  color: #00AC46; }

.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-success label:before {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fff; }

.checkbox-solid-success input[type="checkbox"]:checked + label::before {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fff; }

.checkbox-solid-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-success input[type="radio"] + label::before {
  border-color: #00AC46; }

.radio-success input[type="radio"] + label::after {
  background-color: #00AC46; }

.radio-success input[type="radio"]:checked + label::before {
  border-color: #00AC46; }

.radio-success input[type="radio"]:checked + label::after {
  background-color: #00AC46; }

.checkbox-danger label::before {
  border-color: #FE6A49; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  border-color: #FE6A49;
  color: #FE6A49; }

.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-danger label:before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-danger input[type="checkbox"]:checked + label::before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-danger input[type="radio"] + label::before {
  border-color: #FE6A49; }

.radio-danger input[type="radio"] + label::after {
  background-color: #FE6A49; }

.radio-danger input[type="radio"]:checked + label::before {
  border-color: #FE6A49; }

.radio-danger input[type="radio"]:checked + label::after {
  background-color: #FE6A49; }

.checkbox-info label::before {
  border-color: #173878; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  border-color: #173878;
  color: #173878; }

.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-info label:before {
  background-color: #173878;
  border-color: #173878;
  color: #fff; }

.checkbox-solid-info input[type="checkbox"]:checked + label::before {
  background-color: #173878;
  border-color: #173878;
  color: #fff; }

.checkbox-solid-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-info input[type="radio"] + label::before {
  border-color: #173878; }

.radio-info input[type="radio"] + label::after {
  background-color: #173878; }

.radio-info input[type="radio"]:checked + label::before {
  border-color: #173878; }

.radio-info input[type="radio"]:checked + label::after {
  background-color: #173878; }

.checkbox-light label::before {
  border-color: #E6E9EB; }

.checkbox-light input[type="checkbox"]:checked + label::before {
  border-color: #E6E9EB;
  color: #E6E9EB; }

.checkbox-light input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-light label:before {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fff; }

.checkbox-solid-light input[type="checkbox"]:checked + label::before {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fff; }

.checkbox-solid-light input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-light input[type="radio"] + label::before {
  border-color: #E6E9EB; }

.radio-light input[type="radio"] + label::after {
  background-color: #E6E9EB; }

.radio-light input[type="radio"]:checked + label::before {
  border-color: #E6E9EB; }

.radio-light input[type="radio"]:checked + label::after {
  background-color: #E6E9EB; }

.checkbox-dark label::before {
  border-color: #2c323f; }

.checkbox-dark input[type="checkbox"]:checked + label::before {
  border-color: #2c323f;
  color: #2c323f; }

.checkbox-dark input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-dark label:before {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fff; }

.checkbox-solid-dark input[type="checkbox"]:checked + label::before {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fff; }

.checkbox-solid-dark input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-dark input[type="radio"] + label::before {
  border-color: #2c323f; }

.radio-dark input[type="radio"] + label::after {
  background-color: #2c323f; }

.radio-dark input[type="radio"]:checked + label::before {
  border-color: #2c323f; }

.radio-dark input[type="radio"]:checked + label::after {
  background-color: #2c323f; }

.checkbox-warning label::before {
  border-color: #FFAE1A; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  border-color: #FFAE1A;
  color: #FFAE1A; }

.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-warning label:before {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fff; }

.checkbox-solid-warning input[type="checkbox"]:checked + label::before {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fff; }

.checkbox-solid-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-warning input[type="radio"] + label::before {
  border-color: #FFAE1A; }

.radio-warning input[type="radio"] + label::after {
  background-color: #FFAE1A; }

.radio-warning input[type="radio"]:checked + label::before {
  border-color: #FFAE1A; }

.radio-warning input[type="radio"]:checked + label::after {
  background-color: #FFAE1A; }

.m-checkbox-inline .checkbox {
  display: inline-block; }

.m-checkbox-inline .radio {
  display: inline-block; }

.m-checkbox-inline label {
  margin-right: 20px; }

.radio label {
  display: inline-block;
  position: relative;
  padding-left: 18px;
  cursor: pointer; }
  .radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #efefef;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; }
    [class="dark-only"] .radio label::before {
      background-color: #1A1C23; }
  .radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 9px;
    height: 9px;
    left: 5px;
    top: 5px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #898989;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }

.radio input[type="radio"] {
  opacity: 0; }
  .radio input[type="radio"]:focus + label::before {
    outline-offset: -2px; }
  .radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  .radio input[type="radio"]:disabled + label {
    opacity: 0.65; }
    .radio input[type="radio"]:disabled + label::before {
      cursor: not-allowed; }

.radio .radio-inline {
  margin-top: 0; }

/**=====================
    2.25 Radio CSS Ends
==========================**/
/**=====================
  2.26 Ribbon CSS Start
==========================**/
[class*="ribbon-wrapper"] {
  position: relative;
  padding: 58px 18px 28px 18px; }

.ribbon {
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  clear: left;
  position: absolute;
  top: 12px;
  left: 0px;
  color: #fff;
  z-index: 2; }

.ribbon-clip {
  left: -14px; }
  .ribbon-clip:before {
    position: absolute;
    top: 30px;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-vertical-left-wrapper {
  padding-left: 40px;
  position: relative; }

.ribbon-vertical-right-wrapper {
  padding-right: 40px; }

.ribbon-wrapper-bottom {
  padding-bottom: 40px;
  padding-top: 0; }

.ribbon-wrapper-right-bottom {
  padding-right: 40px; }

.ribbon-space-bottom {
  top: 0px; }

.ribbon-bookmark:before {
  position: absolute;
  top: 0;
  left: 100%;
  display: block;
  width: 0;
  height: 0;
  content: '';
  border: 15px solid #2c323f;
  border-right: 10px solid transparent; }

.ribbon-right {
  left: auto;
  right: -2px; }

.ribbon-clip-right {
  right: -14px; }
  .ribbon-clip-right:before {
    position: absolute;
    top: 30px;
    right: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-clip-bottom {
  left: -14px;
  bottom: 12px;
  top: auto; }
  .ribbon-clip-bottom:before {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-clip-bottom-right {
  right: -14px;
  left: auto;
  bottom: 12px;
  top: auto; }
  .ribbon-clip-bottom-right:before {
    position: absolute;
    bottom: 30px;
    right: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-bookmark.ribbon-right:before {
  right: 100%;
  left: auto;
  border-right: 15px solid #2c323f;
  border-left: 10px solid transparent; }

.ribbon-vertical-left {
  clear: none;
  padding: 0 5px;
  height: 70px;
  width: 30px;
  line-height: 70px;
  text-align: center;
  left: 12px;
  top: -2px; }

.ribbon-vertical-right {
  clear: none;
  padding: 0 5px;
  height: 70px;
  width: 30px;
  line-height: 70px;
  text-align: center;
  top: -2px;
  left: auto;
  right: 20px; }
  [dir="rtl"] .ribbon-vertical-right {
    left: auto !important;
    right: 20px !important; }

.ribbon-bookmark.ribbon-vertical-left:before, .ribbon-bookmark.ribbon-vertical-right:before {
  top: 100%;
  left: 0;
  margin-top: -14px;
  border-right: 15px solid #2c323f;
  border-bottom: 10px solid transparent; }

.ribbon-primary {
  background: #006666; }

.ribbon-primary {
  background: #006666; }

.ribbon-bookmark.ribbon-primary:before {
  border-color: #006666;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-primary:before {
  border-right-color: #006666;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-primary:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-primary:before {
  border-right-color: #006666;
  border-bottom-color: transparent; }

.ribbon-primary.ribbon-corner:before {
  border-top-color: #006666;
  border-left-color: #006666; }

.ribbon-primary.ribbon-corner.ribbon-right:before {
  border-right-color: #006666;
  border-left-color: transparent; }

.ribbon-primary.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #006666; }

.ribbon-primary.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #003333;
  border-right-color: #003333; }

.ribbon-primary.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #003333;
  border-left-color: #003333; }

.ribbon-primary.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #003333;
  border-right-color: #003333; }

.ribbon-primary.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #003333;
  border-right-color: transparent;
  border-left-color: #003333; }

.ribbon-secondary {
  background: #FE6A49; }

.ribbon-secondary {
  background: #FE6A49; }

.ribbon-bookmark.ribbon-secondary:before {
  border-color: #FE6A49;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-secondary:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-secondary:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-secondary:before {
  border-right-color: #FE6A49;
  border-bottom-color: transparent; }

.ribbon-secondary.ribbon-corner:before {
  border-top-color: #FE6A49;
  border-left-color: #FE6A49; }

.ribbon-secondary.ribbon-corner.ribbon-right:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-secondary.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FE6A49; }

.ribbon-secondary.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-secondary.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #fe4016;
  border-left-color: #fe4016; }

.ribbon-secondary.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-secondary.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: transparent;
  border-left-color: #fe4016; }

.ribbon-success {
  background: #00AC46; }

.ribbon-success {
  background: #00AC46; }

.ribbon-bookmark.ribbon-success:before {
  border-color: #00AC46;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-success:before {
  border-right-color: #00AC46;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-success:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-success:before {
  border-right-color: #00AC46;
  border-bottom-color: transparent; }

.ribbon-success.ribbon-corner:before {
  border-top-color: #00AC46;
  border-left-color: #00AC46; }

.ribbon-success.ribbon-corner.ribbon-right:before {
  border-right-color: #00AC46;
  border-left-color: transparent; }

.ribbon-success.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #00AC46; }

.ribbon-success.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #007931;
  border-right-color: #007931; }

.ribbon-success.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #007931;
  border-left-color: #007931; }

.ribbon-success.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #007931;
  border-right-color: #007931; }

.ribbon-success.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #007931;
  border-right-color: transparent;
  border-left-color: #007931; }

.ribbon-danger {
  background: #FE6A49; }

.ribbon-danger {
  background: #FE6A49; }

.ribbon-bookmark.ribbon-danger:before {
  border-color: #FE6A49;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-danger:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-danger:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-danger:before {
  border-right-color: #FE6A49;
  border-bottom-color: transparent; }

.ribbon-danger.ribbon-corner:before {
  border-top-color: #FE6A49;
  border-left-color: #FE6A49; }

.ribbon-danger.ribbon-corner.ribbon-right:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-danger.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FE6A49; }

.ribbon-danger.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-danger.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #fe4016;
  border-left-color: #fe4016; }

.ribbon-danger.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-danger.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: transparent;
  border-left-color: #fe4016; }

.ribbon-info {
  background: #173878; }

.ribbon-info {
  background: #173878; }

.ribbon-bookmark.ribbon-info:before {
  border-color: #173878;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-info:before {
  border-right-color: #173878;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-info:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
  border-right-color: #173878;
  border-bottom-color: transparent; }

.ribbon-info.ribbon-corner:before {
  border-top-color: #173878;
  border-left-color: #173878; }

.ribbon-info.ribbon-corner.ribbon-right:before {
  border-right-color: #173878;
  border-left-color: transparent; }

.ribbon-info.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #173878; }

.ribbon-info.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #0f244d;
  border-right-color: #0f244d; }

.ribbon-info.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #0f244d;
  border-left-color: #0f244d; }

.ribbon-info.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #0f244d;
  border-right-color: #0f244d; }

.ribbon-info.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #0f244d;
  border-right-color: transparent;
  border-left-color: #0f244d; }

.ribbon-light {
  background: #E6E9EB; }

.ribbon-light {
  background: #E6E9EB; }

.ribbon-bookmark.ribbon-light:before {
  border-color: #E6E9EB;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-light:before {
  border-right-color: #E6E9EB;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-light:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-light:before {
  border-right-color: #E6E9EB;
  border-bottom-color: transparent; }

.ribbon-light.ribbon-corner:before {
  border-top-color: #E6E9EB;
  border-left-color: #E6E9EB; }

.ribbon-light.ribbon-corner.ribbon-right:before {
  border-right-color: #E6E9EB;
  border-left-color: transparent; }

.ribbon-light.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #E6E9EB; }

.ribbon-light.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #cad0d4;
  border-right-color: #cad0d4; }

.ribbon-light.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #cad0d4;
  border-left-color: #cad0d4; }

.ribbon-light.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #cad0d4;
  border-right-color: #cad0d4; }

.ribbon-light.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #cad0d4;
  border-right-color: transparent;
  border-left-color: #cad0d4; }

.ribbon-dark {
  background: #2c323f; }

.ribbon-dark {
  background: #2c323f; }

.ribbon-bookmark.ribbon-dark:before {
  border-color: #2c323f;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-dark:before {
  border-right-color: #2c323f;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-dark:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-dark:before {
  border-right-color: #2c323f;
  border-bottom-color: transparent; }

.ribbon-dark.ribbon-corner:before {
  border-top-color: #2c323f;
  border-left-color: #2c323f; }

.ribbon-dark.ribbon-corner.ribbon-right:before {
  border-right-color: #2c323f;
  border-left-color: transparent; }

.ribbon-dark.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #2c323f; }

.ribbon-dark.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #171a21;
  border-right-color: #171a21; }

.ribbon-dark.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #171a21;
  border-left-color: #171a21; }

.ribbon-dark.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #171a21;
  border-right-color: #171a21; }

.ribbon-dark.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #171a21;
  border-right-color: transparent;
  border-left-color: #171a21; }

.ribbon-warning {
  background: #FFAE1A; }

.ribbon-warning {
  background: #FFAE1A; }

.ribbon-bookmark.ribbon-warning:before {
  border-color: #FFAE1A;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-warning:before {
  border-right-color: #FFAE1A;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-warning:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-warning:before {
  border-right-color: #FFAE1A;
  border-bottom-color: transparent; }

.ribbon-warning.ribbon-corner:before {
  border-top-color: #FFAE1A;
  border-left-color: #FFAE1A; }

.ribbon-warning.ribbon-corner.ribbon-right:before {
  border-right-color: #FFAE1A;
  border-left-color: transparent; }

.ribbon-warning.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FFAE1A; }

.ribbon-warning.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #e69500;
  border-right-color: #e69500; }

.ribbon-warning.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #e69500;
  border-left-color: #e69500; }

.ribbon-warning.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #e69500;
  border-right-color: #e69500; }

.ribbon-warning.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #e69500;
  border-right-color: transparent;
  border-left-color: #e69500; }

.vertical-lp-space {
  padding: 58px 28px 28px 50px; }

.vertical-rp-space {
  padding: 58px 50px 28px 28px; }

.clip-bp-space {
  padding: 28px 18px 58px 18px; }

/**=====================
  2.26 Ribbon CSS Ends
==========================**/
/**=====================
   2.27 Range-slider CSS Start
==========================**/
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single,
.irs--flat .irs-bar {
  background-color: #006666; }
  .irs--flat .irs-from::before,
  .irs--flat .irs-to::before,
  .irs--flat .irs-single::before,
  .irs--flat .irs-bar::before {
    border-top-color: #006666; }

.irs--flat .irs-handle i:first-child {
  background-color: #006666; }

.irs--round .irs-single {
  background-color: #FE6A49; }
  .irs--round .irs-single::before {
    border-top-color: #FE6A49; }

.irs--round .irs-handle {
  border: 4px solid #FE6A49; }

.irs--round .irs-bar {
  background-color: #FE6A49; }

.irs--square .irs-handle {
  border: 3px solid #00AC46; }

.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-bar {
  background-color: #00AC46; }

.irs--sharp .irs-from::before,
.irs--sharp .irs-to::before {
  border-top-color: #173878; }

.irs--sharp .irs-min,
.irs--sharp .irs-max,
.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-bar {
  background-color: #173878; }

.irs--sharp .irs-line {
  background-color: #E6E9EB; }

.irs--sharp .irs-handle {
  background-color: #173878; }
  .irs--sharp .irs-handle i:first-child {
    border-top-color: #173878; }

.irs--big .irs-bar {
  border: 1px solid #FFAE1A;
  background: #FFAE1A;
  box-shadow: unset; }

.irs--big .irs-from,
.irs--big .irs-to {
  background-color: #FFAE1A;
  background: unset; }

.irs--big .irs-handle {
  background: #FFAE1A; }

.irs--big .irs-grid-pol {
  background-color: #FFAE1A; }

.irs--big .irs-grid-text {
  color: #FFAE1A; }

.irs--modern .irs-single {
  background-color: #FE6A49; }
  .irs--modern .irs-single::before {
    border-top-color: #FE6A49; }

.irs--modern .irs-bar {
  background: #FE6A49; }

.irs--modern .irs-grid-text {
  color: #FE6A49; }

/**=====================
    2.27 Range-slider CSS Ends
==========================**/
/**=====================
    2.28 Switch CSS Start
==========================**/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }
  .switch input {
    display: none; }
    .switch input:checked + .switch-state {
      background-color: var(--theme-deafult); }
      .switch input:checked + .switch-state:before {
        transform: translateX(26px); }
    .switch input:focus + .switch-state {
      box-shadow: 0 0 1px var(--theme-deafult); }

.switch-state {
  border-radius: 20px;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #E6E9EB;
  transition: .4s; }
  .switch-state:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    transition: .4s;
    border-radius: 20px; }

.icon-state .switch-state:after {
  content: "\efb8";
  font-family: IcoFont;
  left: 10px;
  position: absolute;
  top: 10px;
  color: #2c323f;
  transition: .4s;
  opacity: 0.3; }

.icon-state input:checked + .switch-state:after {
  content: "\efad";
  left: 36px;
  opacity: 1;
  transition: .4s; }

.switch-lg .switch {
  width: 75px;
  height: 40px;
  padding: 0;
  margin: 0; }
  .switch-lg .switch .switch-state:before {
    height: 30px;
    width: 30px;
    left: 7px;
    bottom: 5px;
    top: 4px; }

.switch-lg.large-switch-button .switch .switch-state::before {
  left: 13px; }

.switch-lg.icon-state .switch .switch-state:after {
  left: 12px;
  font-size: 18px; }

.switch-lg.icon-state .switch input:checked + .switch-state:after {
  left: 47px; }

.switch-lg.icon-state .switch input:checked + .switch-state:before {
  transform: translateX(32px); }

.switch-sm.icon-state .switch .switch-state:after {
  top: 4px;
  left: 4px;
  font-size: 8px; }

.switch-sm.icon-state .switch input:checked + .switch-state:after {
  left: 13px;
  top: 4px; }

.switch-sm .switch {
  width: 25px;
  height: 16px;
  margin-top: 10px;
  margin-bottom: 0px; }
  .switch-sm .switch .switch-state:before {
    height: 8px;
    width: 8px;
    left: 4px;
    bottom: 4px; }

.switch-sm input:checked + .switch-state:before {
  left: -13px; }

.switch-outline .switch-state {
  background-color: #fff;
  border: 1px solid var(--theme-deafult);
  transition: .4s; }
  .switch-outline .switch-state:before {
    background-color: #E6E9EB;
    bottom: 3px;
    color: #fff; }

.switch-outline .switch input {
  display: none; }
  .switch-outline .switch input:checked + .switch-state {
    background-color: transparent;
    border: 1px solid var(--theme-deafult); }
    .switch-outline .switch input:checked + .switch-state:before {
      background-color: var(--theme-deafult);
      bottom: 3px;
      transform: translateX(26px); }
    .switch-outline .switch input:checked + .switch-state:after {
      color: #fff; }

.switch-outline .switch-state.bg-primary {
  border: 1px solid var(--theme-deafult);
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-primary {
  background-color: transparent !important;
  border: 1px solid var(--theme-deafult); }
  .switch-outline .switch input:checked + .switch-state.bg-primary:before {
    background-color: var(--theme-deafult); }

.switch-outline .switch-state.bg-dark {
  border: 1px solid #2c323f;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-dark {
  background-color: transparent !important;
  border: 1px solid #2c323f; }
  .switch-outline .switch input:checked + .switch-state.bg-dark:before {
    background-color: #2c323f; }

.switch-outline .switch-state.bg-warning {
  border: 1px solid #FFAE1A;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-warning {
  background-color: transparent !important;
  border: 1px solid #FFAE1A; }
  .switch-outline .switch input:checked + .switch-state.bg-warning:before {
    background-color: #FFAE1A; }

.switch-outline .switch-state.bg-success {
  border: 1px solid #00AC46;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-success {
  background-color: transparent !important;
  border: 1px solid #00AC46; }
  .switch-outline .switch input:checked + .switch-state.bg-success:before {
    background-color: #00AC46; }

.switch-outline .switch-state.bg-info {
  border: 1px solid #173878;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-info {
  background-color: transparent !important;
  border: 1px solid #173878; }
  .switch-outline .switch input:checked + .switch-state.bg-info:before {
    background-color: #173878; }

.switch-outline .switch-state.bg-danger {
  border: 1px solid #FE6A49;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-danger {
  background-color: transparent !important;
  border: 1px solid #FE6A49; }
  .switch-outline .switch input:checked + .switch-state.bg-danger:before {
    background-color: #FE6A49; }

.switch-outline .switch-state.bg-primary {
  border: 1px solid var(--theme-deafult);
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-primary {
  background-color: transparent !important;
  border: 1px solid var(--theme-deafult); }
  .switch-outline .switch input:checked + .switch-state.bg-primary:before {
    background-color: var(--theme-deafult); }

.switch-outline .switch-state.bg-secondary {
  border: 1px solid var(--theme-secondary);
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-secondary {
  background-color: transparent !important;
  border: 1px solid var(--theme-secondary); }
  .switch-outline .switch input:checked + .switch-state.bg-secondary:before {
    background-color: var(--theme-secondary); }

.switch-showcase {
  margin-bottom: -8px; }
  .switch-showcase .media {
    line-height: 1; }
  .switch-showcase .form-check .form-check-input {
    float: right; }

.form-switch .form-check-input:checked {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }

.tg-list {
  text-align: center;
  display: flex;
  align-items: center; }

.tgl {
  display: none; }
  .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
    box-sizing: border-box; }
    .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
      background: none; }
  .tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    user-select: none; }
    .tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
      position: relative;
      display: block;
      content: "";
      width: 50%;
      height: 100%; }
    .tgl + .tgl-btn:after {
      left: 0; }
    .tgl + .tgl-btn:before {
      display: none; }
  .tgl:checked + .tgl-btn:after {
    left: 50%; }

.tgl-skewed + .tgl-btn {
  overflow: hidden;
  transform: skew(-10deg);
  backface-visibility: hidden;
  transition: all .2s ease;
  background: #FE6A49; }
  .tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before {
    transform: skew(10deg);
    display: inline-block;
    transition: all .2s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: var(--white);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
  .tgl-skewed + .tgl-btn:after {
    left: 100%;
    content: attr(data-tg-on); }
  .tgl-skewed + .tgl-btn:before {
    left: 0;
    content: attr(data-tg-off); }
  .tgl-skewed + .tgl-btn:active {
    background: #FE6A49; }
    .tgl-skewed + .tgl-btn:active:before {
      left: -10%; }

.tgl-skewed:checked + .tgl-btn {
  background: #006666; }
  .tgl-skewed:checked + .tgl-btn:before {
    left: -100%; }
  .tgl-skewed:checked + .tgl-btn:after {
    left: 0; }
  .tgl-skewed:checked + .tgl-btn:active:after {
    left: 10%; }

.tgl-flip + .tgl-btn {
  padding: 2px;
  transition: all .2s ease;
  perspective: 100px; }
  .tgl-flip + .tgl-btn:after, .tgl-flip + .tgl-btn:before {
    display: inline-block;
    transition: all .4s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: var(--white);
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    border-radius: 4px; }
  .tgl-flip + .tgl-btn:after {
    content: attr(data-tg-on);
    background: #FFAE1A;
    transform: rotateY(-180deg); }
  .tgl-flip + .tgl-btn:before {
    background: #FE6A49;
    content: attr(data-tg-off); }
  .tgl-flip + .tgl-btn:active:before {
    transform: rotateY(-20deg); }

.tgl-flip:checked + .tgl-btn:before {
  transform: rotateY(180deg); }

.tgl-flip:checked + .tgl-btn:after {
  transform: rotateY(0);
  left: 0;
  background: #00AC46; }

.tgl-flip:checked + .tgl-btn:active:after {
  transform: rotateY(20deg); }

.radius-none .form-check-input {
  border-radius: 3px; }

.tg-list .tg-list-item .square-checked .switch-state::before {
  content: '';
  border-radius: 0; }

.switch-wrapper .media {
  margin-right: 20px; }
  .switch-wrapper .media .col-form-label {
    padding-bottom: 0; }

.switch-wrapper .tg-list p {
  margin: 0 8px 0 0; }

.default-square .form-switch .form-check-input {
  background-image: url(/../images/switch/square-gray.png); }
  .default-square .form-switch .form-check-input:checked {
    background-image: url(/../images/switch/square.svg); }

/**=====================
    2.28 Switch CSS Ends
==========================**/
/**=====================
  2.29 Tab CSS Start
==========================**/
/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C; }

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8; }

.light-card {
  background-color: var(--light-background); }

.light-background {
  background-color: var(--light-bg); }

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  transform: rotate(-45deg);
  display: inline-block; }

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-l-50 {
  margin-left: 50px !important; }

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important; }

.b-r-1 {
  border-radius: 1px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-r-11 {
  border-radius: 11px !important; }

.b-r-12 {
  border-radius: 12px !important; }

.b-r-13 {
  border-radius: 13px !important; }

.b-r-14 {
  border-radius: 14px !important; }

.b-r-15 {
  border-radius: 15px !important; }

.b-r-16 {
  border-radius: 16px !important; }

.b-r-17 {
  border-radius: 17px !important; }

.b-r-18 {
  border-radius: 18px !important; }

.b-r-19 {
  border-radius: 19px !important; }

.b-r-20 {
  border-radius: 20px !important; }

.b-r-21 {
  border-radius: 21px !important; }

.b-r-22 {
  border-radius: 22px !important; }

.b-r-23 {
  border-radius: 23px !important; }

.b-r-24 {
  border-radius: 24px !important; }

.b-r-25 {
  border-radius: 25px !important; }

.b-r-26 {
  border-radius: 26px !important; }

.b-r-27 {
  border-radius: 27px !important; }

.b-r-28 {
  border-radius: 28px !important; }

.b-r-29 {
  border-radius: 29px !important; }

.b-r-30 {
  border-radius: 30px !important; }

.b-r-31 {
  border-radius: 31px !important; }

.b-r-32 {
  border-radius: 32px !important; }

.b-r-33 {
  border-radius: 33px !important; }

.b-r-34 {
  border-radius: 34px !important; }

.b-r-35 {
  border-radius: 35px !important; }

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.f-34 {
  font-size: 34px !important; }

.f-36 {
  font-size: 36px !important; }

.f-38 {
  font-size: 38px !important; }

.f-40 {
  font-size: 40px !important; }

.f-42 {
  font-size: 42px !important; }

.f-44 {
  font-size: 44px !important; }

.f-46 {
  font-size: 46px !important; }

.f-48 {
  font-size: 48px !important; }

.f-50 {
  font-size: 50px !important; }

.f-52 {
  font-size: 52px !important; }

.f-54 {
  font-size: 54px !important; }

.f-56 {
  font-size: 56px !important; }

.f-58 {
  font-size: 58px !important; }

.f-60 {
  font-size: 60px !important; }

.f-62 {
  font-size: 62px !important; }

.f-64 {
  font-size: 64px !important; }

.f-66 {
  font-size: 66px !important; }

.f-68 {
  font-size: 68px !important; }

.f-70 {
  font-size: 70px !important; }

.f-72 {
  font-size: 72px !important; }

.f-74 {
  font-size: 74px !important; }

.f-76 {
  font-size: 76px !important; }

.f-78 {
  font-size: 78px !important; }

.f-80 {
  font-size: 80px !important; }

.f-82 {
  font-size: 82px !important; }

.f-84 {
  font-size: 84px !important; }

.f-86 {
  font-size: 86px !important; }

.f-88 {
  font-size: 88px !important; }

.f-90 {
  font-size: 90px !important; }

.f-92 {
  font-size: 92px !important; }

.f-94 {
  font-size: 94px !important; }

.f-96 {
  font-size: 96px !important; }

.f-98 {
  font-size: 98px !important; }

.f-100 {
  font-size: 100px !important; }

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100; }

.f-w-300 {
  font-weight: 300; }

.f-w-500 {
  font-weight: 500; }

.f-w-400 {
  font-weight: 400; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-900 {
  font-weight: 900; }

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal; }

.f-s-italic {
  font-style: italic; }

.f-s-oblique {
  font-style: oblique; }

.f-s-initial {
  font-style: initial; }

.f-s-inherit {
  font-style: inherit; }

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-dashed {
  text-decoration: dashed; }

.text-blink {
  text-decoration: blink; }

.text-dotted {
  text-decoration: dotted; }

.text-initial {
  text-decoration: initial; }

.text-none {
  text-decoration: none; }

.text-solid {
  text-decoration: solid; }

.text-wavy {
  text-decoration: wavy; }

.text-inherit {
  text-decoration: inherit; }

.text-double {
  text-decoration: double; }

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline; }

.sub {
  vertical-align: sub; }

.super {
  vertical-align: super; }

.top {
  vertical-align: top; }

.text-top {
  vertical-align: text-top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.text-bottom {
  vertical-align: text-bottom; }

.initial {
  vertical-align: initial; }

.inherit {
  vertical-align: inherit; }

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-relative {
  position: relative; }

.p-initial {
  position: initial; }

.p-inherit {
  position: inherit; }

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden; }

.o-visible {
  overflow: visible; }

.o-auto {
  overflow: auto; }

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important; }

.img-h-10 {
  height: 10px !important; }

.img-20 {
  width: 20px !important; }

.img-h-20 {
  height: 20px !important; }

.img-30 {
  width: 30px !important; }

.img-h-30 {
  height: 30px !important; }

.img-40 {
  width: 40px !important; }

.img-h-40 {
  height: 40px !important; }

.img-50 {
  width: 50px !important; }

.img-h-50 {
  height: 50px !important; }

.img-60 {
  width: 60px !important; }

.img-h-60 {
  height: 60px !important; }

.img-70 {
  width: 70px !important; }

.img-h-70 {
  height: 70px !important; }

.img-80 {
  width: 80px !important; }

.img-h-80 {
  height: 80px !important; }

.img-90 {
  width: 90px !important; }

.img-h-90 {
  height: 90px !important; }

.img-100 {
  width: 100px !important; }

.img-h-100 {
  height: 100px !important; }

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important; }

.font-secondary {
  color: #FE6A49 !important; }

.font-success {
  color: #00AC46 !important; }

.font-danger {
  color: #FE6A49 !important; }

.font-info {
  color: #173878 !important; }

.font-light {
  color: #E6E9EB !important; }

.font-dark {
  color: #2c323f !important; }

.font-warning {
  color: #FFAE1A !important; }

.font-primary {
  color: var(--theme-deafult) !important; }

.font-secondary {
  color: var(--theme-secondary) !important; }

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize; }

.label-theme {
  background-color: #006666; }

.label-primary {
  background-color: #006666; }

.label-secondary {
  background-color: #FE6A49; }

.label-success {
  background-color: #00AC46; }

.label-danger {
  background-color: #FE6A49; }

.label-info {
  background-color: #173878; }

.label-light {
  background-color: #E6E9EB; }

.label-dark {
  background-color: #2c323f; }

.label-warning {
  background-color: #FFAE1A; }

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666; }

.badge-secondary {
  background-color: #FE6A49; }

.badge-success {
  background-color: #00AC46; }

.badge-danger {
  background-color: #FE6A49; }

.badge-info {
  background-color: #173878; }

.badge-light {
  background-color: #E6E9EB; }

.badge-dark {
  background-color: #2c323f; }

.badge-warning {
  background-color: #FFAE1A; }

.badge-primary {
  background-color: var(--theme-deafult) !important; }

.badge-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff; }

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff; }

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important; }

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-success {
  background-color: #00AC46 !important;
  color: #fff; }

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff; }

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important; }

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-info {
  background-color: #173878 !important;
  color: #fff; }

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff; }

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important; }

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff; }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff; }

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important; }

.bg-dark {
  background-color: #2c323f !important;
  color: #fff; }

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff; }

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important; }

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff; }

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff; }

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important; }

.bg-primary {
  background-color: var(--theme-deafult) !important; }

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6); }

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important; }

.txt-secondary {
  color: #FE6A49 !important; }

.txt-success {
  color: #00AC46 !important; }

.txt-danger {
  color: #FE6A49 !important; }

.txt-info {
  color: #173878 !important; }

.txt-light {
  color: #E6E9EB !important; }

.txt-dark {
  color: #2c323f !important; }

.txt-warning {
  color: #FFAE1A !important; }

.txt-google-plus {
  color: #c64e40 !important; }

.txt-twitter {
  color: #6fa2d8 !important; }

.txt-linkedin {
  color: #0077B5 !important; }

.txt-fb {
  color: #50598e !important; }

.txt-primary {
  color: var(--theme-deafult) !important; }

.txt-secondary {
  color: var(--theme-secondary) !important; }

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@keyframes push {
  50% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #006666 !important;
    border-color: #006666 !important; }
  .btn-primary:focus {
    box-shadow: unset !important; }

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-secondary:focus {
    box-shadow: unset !important; }

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }
  .btn-success:focus {
    box-shadow: unset !important; }

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-danger:focus {
    box-shadow: unset !important; }

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #173878 !important;
    border-color: #173878 !important; }
  .btn-info:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }
  .btn-light:focus {
    box-shadow: unset !important; }

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #2c323f !important;
    border-color: #2c323f !important; }
  .btn-dark:focus {
    box-shadow: unset !important; }

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }
  .btn-warning:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important; }
  .btn-light:hover {
    background-color: rgba(0, 102, 102, 0.1) !important;
    border-color: rgba(0, 102, 102, 0.1) !important; }

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important; }

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important; }

.btn-hover-effect:hover {
  animation: push 0.5s linear 1; }

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent; }
  .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-check {
  color: #006666 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #006666 !important; }
    .btn-check:checked + .btn-outline-primary {
      color: white !important;
      background-color: #006666 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-primary {
    border-color: #006666 !important;
    color: #006666 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-primary.disabled {
      color: #006666; }
    .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
      color: white !important;
      background-color: #006666 !important;
      border-color: #006666 !important;
      box-shadow: none !important; }

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary.disabled {
    color: #006666;
    border-color: #006666; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-secondary {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-secondary {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-secondary.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #00AC46 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #00AC46 !important; }
    .btn-check:checked + .btn-outline-success {
      color: white !important;
      background-color: #00AC46 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-success.disabled {
      color: #00AC46; }
    .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
      color: white !important;
      background-color: #00AC46 !important;
      border-color: #00AC46 !important;
      box-shadow: none !important; }

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success.disabled {
    color: #00AC46;
    border-color: #00AC46; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-danger {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-danger.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #173878 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #173878 !important; }
    .btn-check:checked + .btn-outline-info {
      color: white !important;
      background-color: #173878 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-info {
    border-color: #173878 !important;
    color: #173878 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-info.disabled {
      color: #173878; }
    .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
      color: white !important;
      background-color: #173878 !important;
      border-color: #173878 !important;
      box-shadow: none !important; }

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info.disabled {
    color: #173878;
    border-color: #173878; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: #fff !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #E6E9EB !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #E6E9EB !important; }
    .btn-check:checked + .btn-outline-light {
      color: white !important;
      background-color: #E6E9EB !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-light {
    border-color: #E6E9EB !important;
    color: #E6E9EB !important;
    background-color: transparent;
    color: #051A1A; }
    .btn-check + .btn-outline-light.disabled {
      color: #E6E9EB; }
    .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
      color: white !important;
      background-color: #E6E9EB !important;
      border-color: #E6E9EB !important;
      box-shadow: none !important; }

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A; }
  .btn-outline-light.disabled {
    color: #E6E9EB;
    border-color: #E6E9EB; }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: #fff !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: unset !important; }

.btn-check {
  color: #2c323f !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #2c323f !important; }
    .btn-check:checked + .btn-outline-dark {
      color: white !important;
      background-color: #2c323f !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-dark {
    border-color: #2c323f !important;
    color: #2c323f !important;
    background-color: transparent; }
    .btn-check + .btn-outline-dark.disabled {
      color: #2c323f; }
    .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
      color: white !important;
      background-color: #2c323f !important;
      border-color: #2c323f !important;
      box-shadow: none !important; }

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark.disabled {
    color: #2c323f;
    border-color: #2c323f; }
  .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FFAE1A !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FFAE1A !important; }
    .btn-check:checked + .btn-outline-warning {
      color: white !important;
      background-color: #FFAE1A !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important;
    background-color: transparent; }
    .btn-check + .btn-outline-warning.disabled {
      color: #FFAE1A; }
    .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
      color: white !important;
      background-color: #FFAE1A !important;
      border-color: #FFAE1A !important;
      box-shadow: none !important; }

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning.disabled {
    color: #FFAE1A;
    border-color: #FFAE1A; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: unset !important; }

.btn-primary.active:not([disabled]):not(.disabled) {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  box-shadow: none !important; }
  .btn-primary.active:not([disabled]):not(.disabled):hover, .btn-primary.active:not([disabled]):not(.disabled):focus, .btn-primary.active:not([disabled]):not(.disabled):active, .btn-primary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #003333;
    border-color: #003333; }

.btn-secondary.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-secondary.active:not([disabled]):not(.disabled):hover, .btn-secondary.active:not([disabled]):not(.disabled):focus, .btn-secondary.active:not([disabled]):not(.disabled):active, .btn-secondary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-success.active:not([disabled]):not(.disabled) {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  box-shadow: none !important; }
  .btn-success.active:not([disabled]):not(.disabled):hover, .btn-success.active:not([disabled]):not(.disabled):focus, .btn-success.active:not([disabled]):not(.disabled):active, .btn-success.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #007931;
    border-color: #007931; }

.btn-danger.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-danger.active:not([disabled]):not(.disabled):hover, .btn-danger.active:not([disabled]):not(.disabled):focus, .btn-danger.active:not([disabled]):not(.disabled):active, .btn-danger.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-info.active:not([disabled]):not(.disabled) {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  box-shadow: none !important; }
  .btn-info.active:not([disabled]):not(.disabled):hover, .btn-info.active:not([disabled]):not(.disabled):focus, .btn-info.active:not([disabled]):not(.disabled):active, .btn-info.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #0f244d;
    border-color: #0f244d; }

.btn-light.active:not([disabled]):not(.disabled) {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  box-shadow: none !important; }
  .btn-light.active:not([disabled]):not(.disabled):hover, .btn-light.active:not([disabled]):not(.disabled):focus, .btn-light.active:not([disabled]):not(.disabled):active, .btn-light.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #cad0d4;
    border-color: #cad0d4; }

.btn-dark.active:not([disabled]):not(.disabled) {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  box-shadow: none !important; }
  .btn-dark.active:not([disabled]):not(.disabled):hover, .btn-dark.active:not([disabled]):not(.disabled):focus, .btn-dark.active:not([disabled]):not(.disabled):active, .btn-dark.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #171a21;
    border-color: #171a21; }

.btn-warning.active:not([disabled]):not(.disabled) {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  box-shadow: none !important; }
  .btn-warning.active:not([disabled]):not(.disabled):hover, .btn-warning.active:not([disabled]):not(.disabled):focus, .btn-warning.active:not([disabled]):not(.disabled):active, .btn-warning.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #e69500;
    border-color: #e69500; }

.btn-outline-primary-2x.active:not([disabled]):not(.disabled) {
  background-color: #006666;
  border-color: #006666;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-primary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-primary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #006666 !important;
    border-color: #006666 !important; }

.btn-outline-secondary-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-secondary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-success-2x.active:not([disabled]):not(.disabled) {
  background-color: #00AC46;
  border-color: #00AC46;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-success-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-success-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-success-2x.active:not([disabled]):not(.disabled):active, .btn-outline-success-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }

.btn-outline-danger-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-danger-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):active, .btn-outline-danger-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-info-2x.active:not([disabled]):not(.disabled) {
  background-color: #173878;
  border-color: #173878;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-info-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-info-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-info-2x.active:not([disabled]):not(.disabled):active, .btn-outline-info-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #173878 !important;
    border-color: #173878 !important; }

.btn-outline-light-2x.active:not([disabled]):not(.disabled) {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-light-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-light-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-light-2x.active:not([disabled]):not(.disabled):active, .btn-outline-light-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }

.btn-outline-dark-2x.active:not([disabled]):not(.disabled) {
  background-color: #2c323f;
  border-color: #2c323f;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-dark-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):active, .btn-outline-dark-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important; }

.btn-outline-warning-2x.active:not([disabled]):not(.disabled) {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-warning-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):active, .btn-outline-warning-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important; }

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important; }

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important; }

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important; }

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important; }

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important; }

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666; }
  .table-styling .table-primary thead,
  .table-styling.table-primary thead {
    background-color: #003333;
    border: 3px solid #003333; }
  .table-styling .table-primary th,
  .table-styling .table-primary td,
  .table-styling.table-primary th,
  .table-styling.table-primary td {
    background-color: transparent; }

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-secondary thead,
  .table-styling.table-secondary thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-secondary th,
  .table-styling .table-secondary td,
  .table-styling.table-secondary th,
  .table-styling.table-secondary td {
    background-color: transparent; }

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46; }
  .table-styling .table-success thead,
  .table-styling.table-success thead {
    background-color: #007931;
    border: 3px solid #007931; }
  .table-styling .table-success th,
  .table-styling .table-success td,
  .table-styling.table-success th,
  .table-styling.table-success td {
    background-color: transparent; }

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-danger thead,
  .table-styling.table-danger thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-danger th,
  .table-styling .table-danger td,
  .table-styling.table-danger th,
  .table-styling.table-danger td {
    background-color: transparent; }

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878; }
  .table-styling .table-info thead,
  .table-styling.table-info thead {
    background-color: #0f244d;
    border: 3px solid #0f244d; }
  .table-styling .table-info th,
  .table-styling .table-info td,
  .table-styling.table-info th,
  .table-styling.table-info td {
    background-color: transparent; }

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB; }
  .table-styling .table-light thead,
  .table-styling.table-light thead {
    background-color: #cad0d4;
    border: 3px solid #cad0d4; }
  .table-styling .table-light th,
  .table-styling .table-light td,
  .table-styling.table-light th,
  .table-styling.table-light td {
    background-color: transparent; }

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f; }
  .table-styling .table-dark thead,
  .table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21; }
  .table-styling .table-dark th,
  .table-styling .table-dark td,
  .table-styling.table-dark th,
  .table-styling.table-dark td {
    background-color: transparent; }

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A; }
  .table-styling .table-warning thead,
  .table-styling.table-warning thead {
    background-color: #e69500;
    border: 3px solid #e69500; }
  .table-styling .table-warning th,
  .table-styling .table-warning td,
  .table-styling.table-warning th,
  .table-styling.table-warning td {
    background-color: transparent; }

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important; }

.stroke-secondary {
  stroke: #FE6A49 !important; }

.stroke-success {
  stroke: #00AC46 !important; }

.stroke-danger {
  stroke: #FE6A49 !important; }

.stroke-info {
  stroke: #173878 !important; }

.stroke-light {
  stroke: #E6E9EB !important; }

.stroke-dark {
  stroke: #2c323f !important; }

.stroke-warning {
  stroke: #FFAE1A !important; }

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878; }

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important; }

.b-t-primary {
  border-top: 1px solid #006666 !important; }

.border-t-primary {
  border-top: 1px solid #006666 !important; }

.b-b-primary {
  border-bottom: 1px solid #006666 !important; }

.border-b-primary {
  border-bottom: 1px solid #006666 !important; }

.b-l-primary {
  border-left: 1px solid #006666 !important; }

.border-l-primary {
  border-left: 1px solid #006666 !important; }

.b-r-primary {
  border-right: 1px solid #006666 !important; }

.border-r-primary {
  border-right: 1px solid #006666 !important; }

.b-secondary {
  border: 1px solid #FE6A49 !important; }

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.b-success {
  border: 1px solid #00AC46 !important; }

.b-t-success {
  border-top: 1px solid #00AC46 !important; }

.border-t-success {
  border-top: 1px solid #00AC46 !important; }

.b-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.border-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.b-l-success {
  border-left: 1px solid #00AC46 !important; }

.border-l-success {
  border-left: 1px solid #00AC46 !important; }

.b-r-success {
  border-right: 1px solid #00AC46 !important; }

.border-r-success {
  border-right: 1px solid #00AC46 !important; }

.b-danger {
  border: 1px solid #FE6A49 !important; }

.b-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.border-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.border-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.b-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.border-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.b-info {
  border: 1px solid #173878 !important; }

.b-t-info {
  border-top: 1px solid #173878 !important; }

.border-t-info {
  border-top: 1px solid #173878 !important; }

.b-b-info {
  border-bottom: 1px solid #173878 !important; }

.border-b-info {
  border-bottom: 1px solid #173878 !important; }

.b-l-info {
  border-left: 1px solid #173878 !important; }

.border-l-info {
  border-left: 1px solid #173878 !important; }

.b-r-info {
  border-right: 1px solid #173878 !important; }

.border-r-info {
  border-right: 1px solid #173878 !important; }

.b-light {
  border: 1px solid #E6E9EB !important; }

.b-t-light {
  border-top: 1px solid #E6E9EB !important; }

.border-t-light {
  border-top: 1px solid #E6E9EB !important; }

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.b-l-light {
  border-left: 1px solid #E6E9EB !important; }

.border-l-light {
  border-left: 1px solid #E6E9EB !important; }

.b-r-light {
  border-right: 1px solid #E6E9EB !important; }

.border-r-light {
  border-right: 1px solid #E6E9EB !important; }

.b-dark {
  border: 1px solid #2c323f !important; }

.b-t-dark {
  border-top: 1px solid #2c323f !important; }

.border-t-dark {
  border-top: 1px solid #2c323f !important; }

.b-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.border-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.b-l-dark {
  border-left: 1px solid #2c323f !important; }

.border-l-dark {
  border-left: 1px solid #2c323f !important; }

.b-r-dark {
  border-right: 1px solid #2c323f !important; }

.border-r-dark {
  border-right: 1px solid #2c323f !important; }

.b-warning {
  border: 1px solid #FFAE1A !important; }

.b-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.border-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.b-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.border-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.b-r-warning {
  border-right: 1px solid #FFAE1A !important; }

.border-r-warning {
  border-right: 1px solid #FFAE1A !important; }

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-6 {
  border-width: 6px !important; }

.border-7 {
  border-width: 7px !important; }

.border-8 {
  border-width: 8px !important; }

.border-9 {
  border-width: 9px !important; }

.border-10 {
  border-width: 10px !important; }

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px; }

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa; }

.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px; }

.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3); }

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f; }
  .line pre {
    font-size: 100%; }

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important; }

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .options > div {
    color: #86909C;
    padding: 2px 10px;
    border: 1px solid; }
    .options > div:hover {
      background-color: #006666;
      color: #fff;
      transition: background-color 0.3s ease; }

/**====== Animation css Ends ======**/
.modal-footer {
  flex-wrap: wrap; }

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0; }

.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0; }

.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px; }

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666; }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #006666 !important; }

.typeahead .theme-form .form-group {
  margin-bottom: 0; }

.primary .svg-fill {
  fill: var(--theme-deafult); }
  .primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-deafult); }

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important; }

.secondary .svg-fill {
  fill: var(--theme-secondary); }
  .secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary); }

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important; }

.success .svg-fill {
  fill: #00AC46; }

.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important; }

.warning .svg-fill {
  fill: #FFAE1A; }

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important; }

.dotted {
  border-style: dotted; }

.dashed {
  border-style: dashed; }

.double {
  border-style: double; }

.groove {
  border-style: groove; }

.ridge {
  border-style: ridge; }

.inset {
  border-style: inset; }

.outset {
  border-style: outset; }

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px; }
  75% {
    opacity: .6;
    top: 0; }
  100% {
    opacity: 1; } }

.code-box-copy {
  width: 100%;
  overflow: auto; }

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%; }
  .custom-rs-12 {
    width: 100%; } }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px; }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none; }

.bg-gray {
  background-color: var(--text-gray); }

.text-gray {
  color: var(--text-gray) !important; }

.common-flex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

.common-space {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2); }

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3); }

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important; }

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important; }

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666; }

.badge-light-secondary {
  background-color: white;
  color: #FE6A49; }

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46; }

.badge-light-danger {
  background-color: white;
  color: #FE6A49; }

.badge-light-info {
  background-color: #6e96e3;
  color: #173878; }

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c; }

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f; }

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A; }

.fc .fc-button-primary.fc-button-active:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult), 0.2) !important; }

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%;
      margin-left: 0px; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .invoice-table-data {
    background-color: #f9f9fa; }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

/**=====================
    1.1 Reset CSS Ends
==========================**/
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--theme-deafult); }

.nav i {
  margin-right: 10px; }

.nav-right {
  justify-content: flex-end; }

.nav-theme .nav-link,
.nav-pills.nav-theme .nav-link {
  color: var(--theme-deafult); }

.nav-theme .nav-link.active,
.nav-theme .show > .nav-link,
.nav-pills.nav-theme .nav-link.active,
.nav-pills.nav-theme .show > .nav-link {
  background-color: var(--theme-deafult);
  color: #fff; }

.nav-primary .nav-link,
.nav-pills.nav-primary .nav-link {
  color: var(--theme-deafult); }

.nav-primary .nav-link.active,
.nav-primary .show > .nav-link,
.nav-pills.nav-primary .nav-link.active,
.nav-pills.nav-primary .show > .nav-link {
  background-color: var(--theme-deafult);
  color: #fff; }

.nav-secondary .nav-link,
.nav-pills.nav-secondary .nav-link {
  color: #FE6A49; }

.nav-secondary .nav-link.active,
.nav-secondary .show > .nav-link,
.nav-pills.nav-secondary .nav-link.active,
.nav-pills.nav-secondary .show > .nav-link {
  background-color: #FE6A49;
  color: #fff; }

.nav-success .nav-link,
.nav-pills.nav-success .nav-link {
  color: #00AC46; }

.nav-success .nav-link.active,
.nav-success .show > .nav-link,
.nav-pills.nav-success .nav-link.active,
.nav-pills.nav-success .show > .nav-link {
  background-color: #00AC46;
  color: #fff; }

.nav-danger .nav-link,
.nav-pills.nav-danger .nav-link {
  color: #FE6A49; }

.nav-danger .nav-link.active,
.nav-danger .show > .nav-link,
.nav-pills.nav-danger .nav-link.active,
.nav-pills.nav-danger .show > .nav-link {
  background-color: #FE6A49;
  color: #fff; }

.nav-info .nav-link,
.nav-pills.nav-info .nav-link {
  color: #173878; }

.nav-info .nav-link.active,
.nav-info .show > .nav-link,
.nav-pills.nav-info .nav-link.active,
.nav-pills.nav-info .show > .nav-link {
  background-color: #173878;
  color: #fff; }

.nav-light .nav-link,
.nav-pills.nav-light .nav-link {
  color: #E6E9EB; }

.nav-light .nav-link.active,
.nav-light .show > .nav-link,
.nav-pills.nav-light .nav-link.active,
.nav-pills.nav-light .show > .nav-link {
  background-color: #E6E9EB;
  color: #fff; }

.nav-dark .nav-link,
.nav-pills.nav-dark .nav-link {
  color: #2c323f; }

.nav-dark .nav-link.active,
.nav-dark .show > .nav-link,
.nav-pills.nav-dark .nav-link.active,
.nav-pills.nav-dark .show > .nav-link {
  background-color: #2c323f;
  color: #fff; }

.nav-warning .nav-link,
.nav-pills.nav-warning .nav-link {
  color: #FFAE1A; }

.nav-warning .nav-link.active,
.nav-warning .show > .nav-link,
.nav-pills.nav-warning .nav-link.active,
.nav-pills.nav-warning .show > .nav-link {
  background-color: #FFAE1A;
  color: #fff; }

.nav-tabs.nav-bottom .nav-item .nav-link.active,
.nav-tabs.nav-bottom .nav-item .nav-link.focus,
.nav-tabs.nav-bottom .nav-item .nav-link.hover {
  border-color: #fff #dee2e6 #dee2e6; }

.tab-content ~ .nav-tabs.border-tab {
  margin-bottom: 0;
  margin-top: 30px; }

.border-tab.nav-tabs {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 30px; }
  .border-tab.nav-tabs .nav-item .nav-link {
    font-size: 16px;
    color: #2c323f;
    text-align: center;
    padding: 10px 25px;
    border: none;
    border-bottom: none;
    transition: 0.3s; }
    @media (min-width: 576px) and (max-width: 1920px) {
      .border-tab.nav-tabs .nav-item .nav-link {
        padding-top: 0; } }
    .border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus, .border-tab.nav-tabs .nav-item .nav-link:hover {
      color: var(--theme-deafult); }
    .border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus {
      border-bottom: none; }

.border-tab.nav-left .nav-link {
  transition: all 0.3s ease;
  color: #2c323f; }

.border-tab.nav-left .nav-link.active,
.border-tab.nav-left .show > .nav-link {
  background-color: transparent;
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult);
  border-radius: 0;
  transition: all 0.3s ease; }

.border-tab.nav-right .nav-link {
  border-right: 2px solid transparent;
  transition: all 0.3s ease;
  color: #2c323f;
  text-align: right; }

.border-tab.nav-right .nav-link.active,
.border-tab.nav-right .show > .nav-link {
  background-color: transparent;
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult);
  border-radius: 0;
  transition: all 0.3s ease; }

.border-tab.nav-theme .nav-link.active,
.border-tab.nav-theme .nav-item.show,
.border-tab.nav-theme .nav-link:focus,
.border-tab.nav-theme .nav-link:hover {
  color: var(--theme-deafult);
  background-color: transparent; }

.border-tab.nav-theme .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus {
    border-bottom: 2px solid var(--theme-deafult); }
  .border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus, .border-tab.nav-theme .nav-item .nav-link:hover {
    color: var(--theme-deafult); }

.border-tab.nav-left.nav-theme .nav-link.active,
.border-tab.nav-left.nav-theme .show > .nav-link {
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-right.nav-theme .nav-link.active,
.border-tab.nav-right.nav-theme .show > .nav-link {
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-primary .nav-link.active,
.border-tab.nav-primary .nav-item.show,
.border-tab.nav-primary .nav-link:focus,
.border-tab.nav-primary .nav-link:hover {
  color: var(--theme-deafult);
  background-color: transparent; }

.border-tab.nav-primary .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus {
    border-bottom: 2px solid var(--theme-deafult); }
  .border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus, .border-tab.nav-primary .nav-item .nav-link:hover {
    color: var(--theme-deafult); }

.border-tab.nav-left.nav-primary .nav-link.active,
.border-tab.nav-left.nav-primary .show > .nav-link {
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-right.nav-primary .nav-link.active,
.border-tab.nav-right.nav-primary .show > .nav-link {
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-secondary .nav-link.active,
.border-tab.nav-secondary .nav-item.show,
.border-tab.nav-secondary .nav-link:focus,
.border-tab.nav-secondary .nav-link:hover {
  color: #FE6A49;
  background-color: transparent; }

.border-tab.nav-secondary .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-secondary .nav-item .nav-link.active, .border-tab.nav-secondary .nav-item .nav-link.show, .border-tab.nav-secondary .nav-item .nav-link:focus {
    border-bottom: 2px solid #FE6A49; }
  .border-tab.nav-secondary .nav-item .nav-link.active, .border-tab.nav-secondary .nav-item .nav-link.show, .border-tab.nav-secondary .nav-item .nav-link:focus, .border-tab.nav-secondary .nav-item .nav-link:hover {
    color: #FE6A49; }

.border-tab.nav-left.nav-secondary .nav-link.active,
.border-tab.nav-left.nav-secondary .show > .nav-link {
  border-left-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-right.nav-secondary .nav-link.active,
.border-tab.nav-right.nav-secondary .show > .nav-link {
  border-right-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-success .nav-link.active,
.border-tab.nav-success .nav-item.show,
.border-tab.nav-success .nav-link:focus,
.border-tab.nav-success .nav-link:hover {
  color: #00AC46;
  background-color: transparent; }

.border-tab.nav-success .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-success .nav-item .nav-link.active, .border-tab.nav-success .nav-item .nav-link.show, .border-tab.nav-success .nav-item .nav-link:focus {
    border-bottom: 2px solid #00AC46; }
  .border-tab.nav-success .nav-item .nav-link.active, .border-tab.nav-success .nav-item .nav-link.show, .border-tab.nav-success .nav-item .nav-link:focus, .border-tab.nav-success .nav-item .nav-link:hover {
    color: #00AC46; }

.border-tab.nav-left.nav-success .nav-link.active,
.border-tab.nav-left.nav-success .show > .nav-link {
  border-left-color: #00AC46;
  color: #00AC46; }

.border-tab.nav-right.nav-success .nav-link.active,
.border-tab.nav-right.nav-success .show > .nav-link {
  border-right-color: #00AC46;
  color: #00AC46; }

.border-tab.nav-danger .nav-link.active,
.border-tab.nav-danger .nav-item.show,
.border-tab.nav-danger .nav-link:focus,
.border-tab.nav-danger .nav-link:hover {
  color: #FE6A49;
  background-color: transparent; }

.border-tab.nav-danger .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-danger .nav-item .nav-link.active, .border-tab.nav-danger .nav-item .nav-link.show, .border-tab.nav-danger .nav-item .nav-link:focus {
    border-bottom: 2px solid #FE6A49; }
  .border-tab.nav-danger .nav-item .nav-link.active, .border-tab.nav-danger .nav-item .nav-link.show, .border-tab.nav-danger .nav-item .nav-link:focus, .border-tab.nav-danger .nav-item .nav-link:hover {
    color: #FE6A49; }

.border-tab.nav-left.nav-danger .nav-link.active,
.border-tab.nav-left.nav-danger .show > .nav-link {
  border-left-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-right.nav-danger .nav-link.active,
.border-tab.nav-right.nav-danger .show > .nav-link {
  border-right-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-info .nav-link.active,
.border-tab.nav-info .nav-item.show,
.border-tab.nav-info .nav-link:focus,
.border-tab.nav-info .nav-link:hover {
  color: #173878;
  background-color: transparent; }

.border-tab.nav-info .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-info .nav-item .nav-link.active, .border-tab.nav-info .nav-item .nav-link.show, .border-tab.nav-info .nav-item .nav-link:focus {
    border-bottom: 2px solid #173878; }
  .border-tab.nav-info .nav-item .nav-link.active, .border-tab.nav-info .nav-item .nav-link.show, .border-tab.nav-info .nav-item .nav-link:focus, .border-tab.nav-info .nav-item .nav-link:hover {
    color: #173878; }

.border-tab.nav-left.nav-info .nav-link.active,
.border-tab.nav-left.nav-info .show > .nav-link {
  border-left-color: #173878;
  color: #173878; }

.border-tab.nav-right.nav-info .nav-link.active,
.border-tab.nav-right.nav-info .show > .nav-link {
  border-right-color: #173878;
  color: #173878; }

.border-tab.nav-light .nav-link.active,
.border-tab.nav-light .nav-item.show,
.border-tab.nav-light .nav-link:focus,
.border-tab.nav-light .nav-link:hover {
  color: #E6E9EB;
  background-color: transparent; }

.border-tab.nav-light .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-light .nav-item .nav-link.active, .border-tab.nav-light .nav-item .nav-link.show, .border-tab.nav-light .nav-item .nav-link:focus {
    border-bottom: 2px solid #E6E9EB; }
  .border-tab.nav-light .nav-item .nav-link.active, .border-tab.nav-light .nav-item .nav-link.show, .border-tab.nav-light .nav-item .nav-link:focus, .border-tab.nav-light .nav-item .nav-link:hover {
    color: #E6E9EB; }

.border-tab.nav-left.nav-light .nav-link.active,
.border-tab.nav-left.nav-light .show > .nav-link {
  border-left-color: #E6E9EB;
  color: #E6E9EB; }

.border-tab.nav-right.nav-light .nav-link.active,
.border-tab.nav-right.nav-light .show > .nav-link {
  border-right-color: #E6E9EB;
  color: #E6E9EB; }

.border-tab.nav-dark .nav-link.active,
.border-tab.nav-dark .nav-item.show,
.border-tab.nav-dark .nav-link:focus,
.border-tab.nav-dark .nav-link:hover {
  color: #2c323f;
  background-color: transparent; }

.border-tab.nav-dark .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-dark .nav-item .nav-link.active, .border-tab.nav-dark .nav-item .nav-link.show, .border-tab.nav-dark .nav-item .nav-link:focus {
    border-bottom: 2px solid #2c323f; }
  .border-tab.nav-dark .nav-item .nav-link.active, .border-tab.nav-dark .nav-item .nav-link.show, .border-tab.nav-dark .nav-item .nav-link:focus, .border-tab.nav-dark .nav-item .nav-link:hover {
    color: #2c323f; }

.border-tab.nav-left.nav-dark .nav-link.active,
.border-tab.nav-left.nav-dark .show > .nav-link {
  border-left-color: #2c323f;
  color: #2c323f; }

.border-tab.nav-right.nav-dark .nav-link.active,
.border-tab.nav-right.nav-dark .show > .nav-link {
  border-right-color: #2c323f;
  color: #2c323f; }

.border-tab.nav-warning .nav-link.active,
.border-tab.nav-warning .nav-item.show,
.border-tab.nav-warning .nav-link:focus,
.border-tab.nav-warning .nav-link:hover {
  color: #FFAE1A;
  background-color: transparent; }

.border-tab.nav-warning .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-warning .nav-item .nav-link.active, .border-tab.nav-warning .nav-item .nav-link.show, .border-tab.nav-warning .nav-item .nav-link:focus {
    border-bottom: 2px solid #FFAE1A; }
  .border-tab.nav-warning .nav-item .nav-link.active, .border-tab.nav-warning .nav-item .nav-link.show, .border-tab.nav-warning .nav-item .nav-link:focus, .border-tab.nav-warning .nav-item .nav-link:hover {
    color: #FFAE1A; }

.border-tab.nav-left.nav-warning .nav-link.active,
.border-tab.nav-left.nav-warning .show > .nav-link {
  border-left-color: #FFAE1A;
  color: #FFAE1A; }

.border-tab.nav-right.nav-warning .nav-link.active,
.border-tab.nav-right.nav-warning .show > .nav-link {
  border-right-color: #FFAE1A;
  color: #FFAE1A; }

.flex-space {
  display: flex;
  gap: 16px; }
  @media (max-width: 576px) {
    .flex-space {
      justify-content: center; } }
.tab-img {
  height: 100px; }

.nav-item .navlink-title {
  background-color: unset;
  padding: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.simple-wrapper .dropdown-collection .dropdown-item:hover, .simple-wrapper .dropdown-collection .dropdown-item:active {
  background-color: #E6E9EB !important; }

.blog-wrapper .blog-img {
  width: 100px;
  height: 100px; }

.designer-details {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px; }
  @media (max-width: 1400px) {
    .designer-details {
      gap: calc(14px + (35 - 14) * ((100vw - 320px) / (1400 - 320))); } }
  .designer-details .designer-profile {
    display: inline-block; }
    .designer-details .designer-profile .designer-wrap {
      display: flex;
      align-items: center;
      gap: 12px; }
      .designer-details .designer-profile .designer-wrap .designer-img {
        height: 50px;
        border-radius: 100%; }
      .designer-details .designer-profile .designer-wrap .designer-content h6 {
        font-weight: 500; }
      .designer-details .designer-profile .designer-wrap .designer-content p {
        color: #999999; }

.nav-tabs .nav-border {
  color: #000;
  border: none; }

.ico-color {
  color: #FFAE1A;
  font-size: 16px; }

.main-inbox .header-inbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #999999;
  padding-bottom: 8px; }
  .main-inbox .header-inbox .header-left-inbox {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap; }
    .main-inbox .header-inbox .header-left-inbox .inbox-img img {
      width: 50px;
      height: 50px;
      border-radius: 100%; }
  .main-inbox .header-inbox .header-right-inbox {
    display: flex;
    gap: 12px; }
    @media (max-width: 560px) {
      .main-inbox .header-inbox .header-right-inbox {
        display: none; } }
.main-inbox .body-inbox .body-h-wrapper {
  display: flex;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--light-border);
  align-items: center; }
  @media (max-width: 630px) {
    .main-inbox .body-inbox .body-h-wrapper {
      align-items: unset; } }
.tab-space {
  font-size: 14px; }

#bottom-tab .nav-border.tab-primary:hover {
  color: #006666; }

#bottom-tab .nav-border.tab-primary:focus, #bottom-tab .nav-border.tab-primary:active, #bottom-tab .nav-border.tab-primary.active {
  color: #006666;
  border-bottom: 2px solid #006666; }

#bottom-tab .nav-border.tab-secondary:hover {
  color: #FE6A49; }

#bottom-tab .nav-border.tab-secondary:focus, #bottom-tab .nav-border.tab-secondary:active, #bottom-tab .nav-border.tab-secondary.active {
  color: #FE6A49;
  border-bottom: 2px solid #FE6A49; }

#bottom-tab .nav-border.tab-success:hover {
  color: #00AC46; }

#bottom-tab .nav-border.tab-success:focus, #bottom-tab .nav-border.tab-success:active, #bottom-tab .nav-border.tab-success.active {
  color: #00AC46;
  border-bottom: 2px solid #00AC46; }

#bottom-tab .nav-border.tab-danger:hover {
  color: #FE6A49; }

#bottom-tab .nav-border.tab-danger:focus, #bottom-tab .nav-border.tab-danger:active, #bottom-tab .nav-border.tab-danger.active {
  color: #FE6A49;
  border-bottom: 2px solid #FE6A49; }

#bottom-tab .nav-border.tab-warning:hover {
  color: #FFAE1A; }

#bottom-tab .nav-border.tab-warning:focus, #bottom-tab .nav-border.tab-warning:active, #bottom-tab .nav-border.tab-warning.active {
  color: #FFAE1A;
  border-bottom: 2px solid #FFAE1A; }

#bottom-tab .nav-border.tab-info:hover {
  color: #173878; }

#bottom-tab .nav-border.tab-info:focus, #bottom-tab .nav-border.tab-info:active, #bottom-tab .nav-border.tab-info.active {
  color: #173878;
  border-bottom: 2px solid #173878; }

#bottom-tab .nav-border.tab-light:hover {
  color: #E6E9EB; }

#bottom-tab .nav-border.tab-light:focus, #bottom-tab .nav-border.tab-light:active, #bottom-tab .nav-border.tab-light.active {
  color: #E6E9EB;
  border-bottom: 2px solid #E6E9EB; }

#bottom-tab .nav-border.tab-dark:hover {
  color: #2c323f; }

#bottom-tab .nav-border.tab-dark:focus, #bottom-tab .nav-border.tab-dark:active, #bottom-tab .nav-border.tab-dark.active {
  color: #2c323f;
  border-bottom: 2px solid #2c323f; }

#sideline-tab .nav-effect {
  display: inline-block;
  position: relative; }
  #sideline-tab .nav-effect::after {
    content: '';
    position: absolute;
    left: 0;
    display: inline-block;
    height: 14px;
    width: 80%;
    border-bottom: 1px solid;
    margin-top: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transform: scale(0, 1); }
  #sideline-tab .nav-effect:hover::after {
    opacity: 1;
    transform: scale(1); }

.tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link:hover, .tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link.active {
  background-color: unset;
  border-left: none;
  border-radius: 0;
  transition: none; }

@media (max-width: 576px) {
  .pills-blogger {
    justify-content: center;
    flex-wrap: wrap; } }

::placeholder {
  font-size: 14px; }

.material-wrapper {
  display: flex;
  gap: 12px; }
  @media (max-width: 576px) {
    .material-wrapper {
      flex-direction: column;
      align-items: center; } }
/**=====================
    2.29 Tab CSS Ends
==========================**/
/**=====================
    2.30 Table CSS Start
==========================**/
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: #E6E9EB; }

tbody tr:last-child {
  border-bottom: none; }

.pills-component {
  width: 20%; }

#row_create td.highlight {
  font-weight: 600;
  color: #006666; }

#row_create td.danger {
  font-weight: 600;
  color: #FE6A49; }

.table {
  margin-bottom: 0px; }
  .table > :not(:last-child) > :last-child > * {
    border-bottom-color: #ecf3fa; }
  .table th,
  .table td {
    padding: 0.75rem; }
  .table.table-primary th {
    color: #fff; }
  .table thead.bg-primary tr th {
    color: #fff; }
  .table th {
    color: #051A1A;
    font-weight: 500; }
    .table th.f-light {
      color: var(--chart-text-color);
      opacity: 0.8; }
  .table td {
    color: #051A1A; }
  .table [class*='bg-'] {
    color: #fff; }
  .table .bg-light {
    color: #051A1A; }
  .table tfoot {
    font-weight: bold; }

.table-dark th {
  color: #fff; }

.table-inverse {
  background-color: #292b2c; }
  .table-inverse tr {
    border: 1px solid #fff; }
  .table-inverse th, .table-inverse.table-bordered {
    border: 0; }
  .table-inverse th {
    color: #fff;
    border-color: #fff; }
  .table-inverse td {
    color: #fff; }

.table-hover > tbody > tr:hover {
  --bs-table-accent-bg: #f6f6f6; }

.table-hover tbody tr {
  vertical-align: middle; }
  .table-hover tbody tr:hover {
    background-color: rgba(0, 102, 102, 0.1); }
  .table-hover tbody tr td svg {
    width: 30px;
    height: 30px;
    padding: 5px;
    border-radius: 4px;
    margin-right: 10px; }
    [dir="rtl"] .table-hover tbody tr td svg {
      margin-right: unset;
      margin-left: 10px; }

.typography-table tr:last-child {
  border-bottom: none; }
  .typography-table tr:last-child td {
    border-bottom: none; }

.table-double {
  border-left: 4px double #dee2e6;
  border-right: 4px double #dee2e6; }
  .table-double thead,
  .table-double tbody,
  .table-double tfoot,
  .table-double tr,
  .table-double td,
  .table-double th {
    border-style: double;
    border-width: 4px;
    border-right: 0;
    border-left: 0; }

.table-dotted {
  border-left: 2px dotted #dee2e6;
  border-right: 2px dotted #dee2e6; }
  .table-dotted thead,
  .table-dotted tbody,
  .table-dotted tfoot,
  .table-dotted tr,
  .table-dotted td,
  .table-dotted th {
    border-style: dotted !important;
    border-width: 2px;
    border-right: 0;
    border-left: 0; }

.table-dashed {
  border: 1px dashed #E6E9EB; }
  .table-dashed thead,
  .table-dashed tbody,
  .table-dashed tfoot,
  .table-dashed tr,
  .table-dashed td,
  .table-dashed th {
    border-style: dashed !important;
    border-width: 1px;
    border-right: 0;
    border-left: 0;
    border-bottom: 0px !important; }

.table-xl td,
.table-xl th {
  padding: 1.25rem 2rem;
  font-size: 120%; }

.table-lg td,
.table-lg th {
  padding: 0.9rem 2rem;
  font-size: 110%; }

.table-de td,
.table-de th {
  padding: 0.75rem 2rem; }

.table-sm th,
.table-sm td {
  padding: 0.5rem 2rem;
  font-size: 90%; }

.table-xs th,
.table-xs td {
  padding: 0.2rem 2rem;
  font-size: 80%; }

.table-border-horizontal tr,
.table-border-horizontal th,
.table-border-horizontal td {
  border-top: 1px solid #f2f4ff;
  padding: 0.75rem 2rem; }

.table-border-vertical tr,
.table-border-vertical th,
.table-border-vertical td {
  border-top: 0;
  border-right: 1px solid #f2f4ff; }

.table-border-vertical tr td {
  border-bottom: 0; }
  .table-border-vertical tr td:last-child {
    border-right: none; }

.table-border-vertical tbody tr th {
  border-bottom: 0; }

.table-bordernone td {
  border: none !important; }

.table-bordernone thead th {
  border: none !important; }

.table-bordernone .u-s-tb {
  padding: 11px; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--light-background);
  --bs-table-accent-bg: unset; }

.table-bordered thead,
.table-bordered tbody,
.table-bordered tfoot,
.table-bordered tr,
.table-bordered td,
.table-bordered th {
  border-color: rgba(153, 153, 153, 0.3); }

/**=====================
    2.30 Table CSS Ends
==========================**/
/**=====================
   2.31 Toasts CSS Start
==========================**/
.toast-container {
  position: unset; }

.toast {
  width: 350px;
  max-width: 100%;
  font-size: .875rem;
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }

.toast-index {
  z-index: 12; }
  .toast-index.toast:not(.showing):not(.show) {
    opacity: 0; }
  .toast-index.toast-fade {
    transition: opacity 0.15s linear; }
  .toast-index.show {
    display: block; }

.toast-img img {
  width: 30px;
  height: 30px; }

.bd-example-toasts {
  min-height: 400px; }

.toast:not(.showing):not(.show) {
  opacity: 0; }

.toast-content {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 65px;
  margin: 0 auto;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

[dir="rtl"] .toast-rtl .toast .toast-header strong {
  margin-right: unset !important;
  margin-left: auto !important; }

[dir="rtl"] .toast-rtl .toast .btn-close {
  margin-right: 6px;
  margin-left: unset; }

@media (max-width: 1920px) {
  .toast-dark .btn {
    padding: calc(6px + (6 - 6) * ((100vw - 320px) / (1920 - 320))) calc(4px + (28 - 4) * ((100vw - 320px) / (1920 - 320))); } }

.toast-icons {
  margin-right: 6px;
  width: 20px;
  height: 20px; }
  [dir="rtl"] .toast-icons {
    margin-right: unset;
    margin-left: 6px; }

/**=====================
   2.31 Toasts CSS Ends
==========================**/
/**=====================
  2.32 Touchspin CSS Start
==========================**/
.bootstrap-touchspin input.touchspin {
  padding: 0 12px; }

.bootstrap-touchspin .input-group .btn {
  padding: 0.5rem 1.75rem; }

.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical .bootstrap-touchspin-down {
    margin-top: -2px; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical i {
    position: absolute;
    top: 4px;
    left: 7px;
    font-size: 10px;
    font-weight: normal; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 9px;
    margin-left: -1px;
    position: relative; }

.bootstrap-touchspin .input-group {
  font-family: "Montserrat", sans-serif; }
  .bootstrap-touchspin .input-group .btn {
    border-radius: 0 !important; }

.bootstrap-touchspin .dropdown-basic .dropdown .dropbtn {
  padding: 9px 30px; }

.bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content {
  z-index: 9999; }

.touchspin-wrapper .btn-touchspin {
  border-radius: 5px;
  width: 32px;
  height: 32px; }

.touchspin-wrapper input[type='number'] {
  width: 85px;
  padding: 3px;
  text-align: center;
  height: 30px; }

.hover-touchspin .btn-touchspin.spin-border-dark:hover {
  background-color: #2c323f;
  color: #fff; }

.pre-post-touchspin .decrement-touchspin,
.pre-post-touchspin .increment-touchspin,
.pre-post-touchspin .input-group-text {
  padding: 7px 14px;
  border: 0; }

.pre-post-touchspin .input-group-text {
  background-color: var(--light-bg); }

.pre-post-touchspin .input-touchspin {
  border: 1px solid var(--course-light-btn);
  border-width: 2px;
  text-align: center; }

.pre-post-touchspin .input-group {
  width: auto; }
  @media (max-width: 768px) {
    .pre-post-touchspin .input-group .input-touchspin {
      width: 100px; } }
.pre-post-touchspin.bg-touchspin button[type='button'] {
  border: 1px solid var(--course-light-btn);
  border-width: 2px;
  text-align: center; }

.pre-post-touchspin .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.rounded-touchspin .btn-touchspin {
  border-radius: 50%; }

.rounded-touchspin .touchspin-wrapper input.input-touchspin[type="number"] {
  border-radius: 15px; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; }

/**=====================
    2.32 Touchspin CSS Ends
==========================**/
/**=====================
  2.33 Tour CSS Start
==========================**/
.introjs-helperLayer {
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); }

.introjs-tooltipReferenceLayer {
  background-color: transparent; }

.introjs-helperNumberLayer {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: #FE6A49;
  background: linear-gradient(to bottom, var(--theme-deafult) 0%, var(--theme-deafult) 100%);
  border: 3px solid #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); }

.introjs-arrow {
  border: 12px solid #fff; }
  .introjs-arrow.top {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-deafult);
    border-left-color: transparent; }
  .introjs-arrow.top-right {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-deafult);
    border-left-color: transparent; }
  .introjs-arrow.top-middle {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-deafult);
    border-left-color: transparent; }
  .introjs-arrow.right {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: var(--theme-deafult); }
  .introjs-arrow.right-bottom {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: var(--theme-deafult); }
  .introjs-arrow.bottom {
    border-top-color: var(--theme-deafult);
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  .introjs-arrow.left {
    border-top-color: transparent;
    border-right-color: var(--theme-deafult);
    border-bottom-color: transparent;
    border-left-color: transparent; }
  .introjs-arrow.left-bottom {
    border-top-color: transparent;
    border-right-color: var(--theme-deafult);
    border-bottom-color: transparent;
    border-left-color: transparent; }

.introjs-tooltip {
  background-color: var(--theme-deafult);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  color: #fff;
  border-color: var(--theme-deafult);
  min-width: calc(275px + (310 - 275) * ((100vw - 320px) / (1920 - 320)));
  max-width: 400px;
  min-height: 90px; }

.introjs-button {
  border: 1px solid #efefef;
  text-shadow: 1px 1px 0 #fff;
  color: #051A1A !important;
  background-color: #fff;
  background-image: linear-gradient(#fff, #fff);
  font-size: 13px; }
  .introjs-button:hover {
    border-color: #efefef; }
  .introjs-button:focus, .introjs-button:active {
    background-image: linear-gradient(#ecf3fa, #efefef); }

.introjs-skipbutton {
  color: var(--theme-deafult); }

.introjs-prevbutton.introjs-fullbutton {
  border: 1px solid #efefef; }

.introjs-disabled {
  color: var(--theme-deafult);
  border-color: #efefef; }
  .introjs-disabled:hover, .introjs-disabled:focus {
    color: var(--theme-deafult);
    border-color: #efefef; }

.introjs-bullets ul li a {
  background: #ecf3fa; }
  .introjs-bullets ul li a:hover {
    background: #fff; }
  .introjs-bullets ul li a.active {
    background: #fff; }

.introjs-progress {
  background-color: #E6E9EB; }

.introjs-progressbar {
  background-color: var(--theme-deafult); }

.introjs-hint:hover > .introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.57); }

.introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.27);
  background-color: rgba(136, 136, 136, 0.24); }

.introjs-hint-dot {
  border: 10px solid rgba(146, 146, 146, 0.36); }

.media-body .tour-wrapper {
  display: flex;
  align-items: center;
  gap: 8px; }
  .media-body .tour-wrapper .tour-dot {
    font-size: 5px; }

.tour-blog {
  height: 350px; }
  @media (max-width: 992px) {
    .tour-blog {
      height: calc(200px + (350 - 200) * ((100vw - 320px) / (992 - 320))); } }
  .tour-blog img {
    height: 100%;
    object-fit: cover; }

.info h6 {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); }

.info span {
  font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320))); }

.tour-email {
  display: flex;
  flex-direction: column; }
  @media (max-width: 576px) {
    .tour-email {
      align-items: center; } }
.block-ellipsis {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  margin: 0 auto;
  font-size: 14px;
  line-height: 26px !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.profile-img-style h5 {
  line-height: 25px; }

.list-inline .list-inline-item.b-r-gray {
  border-right: 1px solid #E6E9EB; }

.social-tour {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 26px; }
  .social-tour .list-inline {
    display: flex;
    justify-content: center;
    gap: calc(12px + (26 - 12) * ((100vw - 320px) / (1920 - 320))); }
    .social-tour .list-inline .list-inline-item {
      margin-right: 0; }
      .social-tour .list-inline .list-inline-item a {
        padding: 0px; }
        .social-tour .list-inline .list-inline-item a i {
          font-size: 18px; }
    @media (max-width: 599px) {
      .social-tour .list-inline {
        display: none; } }
  .social-tour .float-sm-end {
    min-width: 81px; }

.tour-mb-space {
  margin-bottom: calc(2px + (8 - 2) * ((100vw - 320px) / (1920 - 320))); }

.like-comment .list-inline {
  justify-content: flex-start; }
  @media (max-width: 324px) {
    .like-comment .list-inline {
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 8px; } }
  [dir="rtl"] .like-comment .list-inline .list-inline-item {
    border-right: 0;
    border-left: 1px solid #E6E9EB; }
  [dir="rtl"] .like-comment .list-inline .list-inline-item:last-child {
    border-right: 0;
    border-left: unset; }

/**=====================
  2.33 Tour CSS Ends
==========================**/
/**=====================
   2.34 Tree CSS Start
==========================**/
[dir="rtl"] .treejs .treejs-nodes {
  padding-left: unset;
  padding-right: 20px; }

[dir="rtl"] .treejs .treejs-node.treejs-placeholder {
  padding-right: 20px;
  padding-left: unset; }

.treejs .treejs-node__halfchecked > .treejs-checkbox:before {
  background-color: #006666 !important;
  border-color: #006666 !important; }

[dir="rtl"] .treejs .treejs-node__halfchecked > .treejs-checkbox:after {
  right: 3px;
  left: unset; }

.treejs .treejs-node__checked > .treejs-checkbox:before {
  background-color: #00AC46 !important;
  border-color: #2c323f !important; }

[dir="rtl"] .treejs .treejs-node__checked > .treejs-checkbox:after {
  right: 5px;
  left: unset; }

/**=====================
   2.34 Tree CSS Ends
==========================**/
/**=====================
    2.35 Typeahead-search CSS Start
==========================**/
.Typeahead {
  width: 100%; }
  .Typeahead * {
    box-sizing: border-box; }
    .Typeahead *:before {
      box-sizing: border-box; }
    .Typeahead *:after {
      box-sizing: border-box; }
  .Typeahead .tt-hint {
    display: none !important; }

.u-cf:before {
  content: " ";
  display: table; }

.u-cf:after {
  content: " ";
  display: table;
  clear: both; }

.u-hidden {
  display: none !important; }

.u-posRelative {
  position: relative; }

.Typeahead-spinner {
  position: absolute;
  top: 14px;
  right: 18px;
  display: none;
  color: #c5c5c5; }

.ProfileCard-avatar svg {
  height: 18px;
  vertical-align: bottom; }
  .ProfileCard-avatar svg path {
    color: #7e7c7c !important; }
  .ProfileCard-avatar svg polygon {
    color: #7e7c7c !important; }

.Typeahead-hint {
  width: 100%;
  padding: 5px 8px;
  font-size: 24px;
  line-height: 30px;
  border: 1px solid #024e6a;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  color: #ccd6dd;
  opacity: 1; }

.Typeahead-menu {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 15px;
  z-index: 100;
  display: none;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.Typeahead-menu.is-open {
  display: block; }

.Typeahead-selectable {
  cursor: pointer; }
  .Typeahead-selectable + .Typeahead-selectable {
    border-top: 1px solid #ccd6dd; }

.ProfileCard {
  position: relative;
  padding: 10px;
  border: 1px solid #E6E9EB !important;
  margin-bottom: 10px;
  border-radius: 10px; }
  .ProfileCard:hover {
    color: #414345;
    background: #f8f8f8; }
    .ProfileCard:hover .ProfileCard-avatar {
      border-color: #f5f8fa; }
    .ProfileCard:hover .ProfileCard-screenName {
      color: #fff; }
    .ProfileCard:hover .ProfileCard-stat-label {
      color: #fff; }

.ProfileCard-avatar {
  position: absolute;
  border-radius: 5px; }

.ProfileCard-details {
  padding-left: 35px;
  float: left; }

.ProfileCard-realName {
  display: inline-block;
  color: #898989; }

.ProfileCard-screenName {
  display: inline-block;
  color: #898989; }

.ProfileCard-description {
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px; }

.ProfileCard-stats {
  float: right;
  text-align: right; }

.ProfileCard-stat {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase; }
  .ProfileCard-stat + .ProfileCard-stat {
    margin-left: 5px; }

.ProfileCard-stat-label {
  color: #898989;
  font-weight: 500; }

.ProfileCard.is-active {
  color: #fff;
  background: var(--theme-deafult); }
  .ProfileCard.is-active .ProfileCard-screenName {
    color: #fff; }
  .ProfileCard.is-active .ProfileCard-stat-label {
    color: #fff; }

.EmptyMessage {
  position: relative;
  padding: 10px;
  font-size: 14px;
  line-height: 30px;
  text-align: center; }

.Typeahead-spinner {
  width: 1rem;
  height: 1rem; }

.sey-container {
  display: none;
  position: absolute;
  box-shadow: 1px 2px 6px;
  background-color: #fff;
  color: #333;
  transition: left 0.1s ease-in-out;
  z-index: 1; }

.sey-list {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.sey-show {
  display: block; }

.sey-hide {
  display: none; }

.sey-empty {
  cursor: default;
  padding: 7px; }

.sey-item {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 7px; }
  .sey-item:hover {
    background-color: #444;
    color: #fff; }

.sey-selected {
  background-color: #333;
  color: #fff; }

.sey-char-highlight {
  font-weight: bold; }

.sey-category-id {
  background-color: #eee;
  color: #aaa;
  text-align: right;
  text-transform: capitalize;
  font-style: italic;
  font-size: 12px;
  box-shadow: 1px 0px 1px;
  padding: 7px; }

/**=====================
  2.35 Typeahead-search CSS Ends
==========================**/
/**=====================
    2.8 Scrollbar CSS Start
==========================**/
[data-simplebar] {
  position: unset; }

.simplebar-mask {
  top: 80px; }

.simplebar-track {
  right: -2px; }
  .simplebar-track.simplebar-vertical {
    top: 100px;
    width: 10px; }
  .simplebar-track.simplebar-horizontal {
    visibility: hidden !important; }

.simplebar-scrollbar:before {
  background: rgba(0, 102, 102, 0.2); }

.scrollbar-images {
  margin-bottom: 12px; }

.visible-wrapper img {
  width: calc(230px + (330 - 230) * ((100vw - 320px) / (1920 - 320))) !important;
  height: calc(230px + (330 - 230) * ((100vw - 320px) / (1920 - 320))); }

.horizontal-scroll .horz-scroll-content .horizontal-img {
  height: 100%;
  max-width: 240px; }
  @media (max-width: 576px) {
    .horizontal-scroll .horz-scroll-content .horizontal-img {
      max-width: calc(220px + (240 - 220) * ((100vw - 320px) / (576 - 320))); } }
  .horizontal-scroll .horz-scroll-content .horizontal-img img {
    height: 100%;
    object-fit: cover; }

.scroll-demo.scroll-b-none {
  padding: 0;
  border: none; }

[dir="rtl"] .scroll-demo .scroll-rtl .list-group-item span {
  margin-right: auto; }

/**=====================
    2.8 Scrollbar CSS Ends
==========================**/
/**=====================
   3.1 Blog CSS start
==========================**/
.blog-box img {
  border-radius: 0.25rem; }

.blog-box .top-radius-blog {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.blog-box h6 {
  font-weight: 600;
  margin: 15px 0; }

.blog-box .blog-details {
  padding-right: 20px; }
  .blog-box .blog-details .blog-social {
    margin-top: 30px; }
    .blog-box .blog-details .blog-social li {
      display: inline-block;
      font-size: 12px;
      color: var(--body-font-color); }
      .blog-box .blog-details .blog-social li + li {
        padding-left: 20px;
        line-height: 1;
        padding-right: 0; }
      .blog-box .blog-details .blog-social li span {
        color: var(--body-font-color); }
      .blog-box .blog-details .blog-social li i {
        padding-right: 5px;
        font-weight: 300; }
      .blog-box .blog-details .blog-social li:first-child {
        border-right: 1px solid gray;
        padding-right: 20px; }

.blog-box .blog-details-main hr {
  background-color: #E6E9EB; }

.blog-box .blog-details-main .blog-social {
  margin: 20px 0; }
  .blog-box .blog-details-main .blog-social li {
    display: inline-block;
    font-size: 13px;
    color: var(--body-font-color);
    padding: 0 24px;
    border-right: 1px dotted; }
    @media (max-width: 1676px) {
      .blog-box .blog-details-main .blog-social li {
        padding: 0 10px; } }
    .blog-box .blog-details-main .blog-social li:last-child {
      border-right: 0; }
    .blog-box .blog-details-main .blog-social li i {
      padding-right: 5px; }

.blog-box .blog-details-main .blog-bottom-details {
  margin: 20px;
  font-size: 14px;
  line-height: 1.714;
  font-weight: 500; }

.blog-box .blog-date {
  color: var(--body-font-color); }
  .blog-box .blog-date span {
    font-size: 36px;
    font-weight: 600;
    padding-right: 5px; }

.blog-box.blog-shadow:before {
  box-shadow: inset 0px -200px 100px -13px rgba(0, 0, 0, 0.6);
  transition: all 0.3s ease;
  border-radius: 5px;
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
  bottom: 0; }

.blog-box.blog-shadow:hover:before {
  box-shadow: inset 0px -200px 100px -13px rgba(0, 0, 0, 0.65);
  transition: all 0.3s ease; }

.blog-box.blog-shadow .blog-details {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px; }
  .blog-box.blog-shadow .blog-details h4 {
    color: #fff;
    margin-bottom: 0; }
  .blog-box.blog-shadow .blog-details p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px; }
  .blog-box.blog-shadow .blog-details .blog-social li {
    color: #fff; }

.blog-list .blog-details .blog-social {
  margin-top: 0; }

.blog-list .blog-details h6 {
  margin-top: 0;
  color: gray;
  font-weight: 600; }

.blog-list .blog-details hr {
  margin-top: 10px;
  margin-bottom: 10px; }

.blog-list img {
  padding: 17px; }

.blog-grid img {
  width: 100%; }

.blog-grid .blog-details {
  padding: 20px; }
  .blog-grid .blog-details h6 {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.8; }

.blog-box {
  position: relative;
  max-height: 100%;
  align-items: center; }
  .blog-box .blog-details h6 {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
  .blog-box .blog-details p {
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.7px;
    margin-top: 30px;
    margin-bottom: 0;
    color: var(--body-font-color);
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
    @media (max-width: 1570px) {
      .blog-box .blog-details p {
        -webkit-line-clamp: 2; } }
  .blog-box .blog-details h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 20px;
    margin-bottom: 0; }
  .blog-box .blog-details .single-blog-content-top {
    margin-top: 20px;
    border-top: 1px solid #efefef; }
  .blog-box .blog-details .blog-social li,
  .blog-box .blog-details .comment-social li {
    font-size: 14px; }

.comment-box {
  padding-top: 50px; }
  .comment-box hr {
    margin-top: 20px;
    margin-bottom: 30px; }
  .comment-box li {
    margin-bottom: 30px; }
    .comment-box li:last-child {
      margin-bottom: 0; }
  .comment-box ul ul {
    margin-left: 135px; }
  .comment-box p {
    font-size: 14px;
    line-height: 2;
    color: var(--body-font-color);
    text-align: justify;
    margin-bottom: 0; }
  .comment-box h4 {
    font-weight: 600; }
  .comment-box .media img {
    margin-right: 30px;
    border-radius: 10px;
    height: 90px;
    padding: 7px;
    width: 90px;
    border: 1px solid #efefef; }
  .comment-box .media h6 {
    font-weight: 500;
    margin-bottom: 5px; }
    .comment-box .media h6 span {
      padding-left: 10px;
      font-size: 13px;
      color: var(--body-font-color);
      font-weight: 400; }
  .comment-box .comment-social li {
    display: inline-block;
    color: var(--body-font-color);
    padding-left: 20px;
    margin-bottom: 0;
    text-transform: uppercase; }
    .comment-box .comment-social li:first-child {
      border-right: 1px solid #efefef;
      padding-right: 20px; }
    .comment-box .comment-social li i {
      padding-right: 10px; }

/**=====================
   3.1 Blog CSS ends
==========================**/
/**=====================
    3.2 Bookmark-app CSS Start
==========================**/
.modal-bookmark .modal-body,
.modal-bookmark .modal-header {
  padding: 30px; }

.bookmark-wrap .details-bookmark .row > div + div {
  padding-right: 15px !important; }

.bookmark-wrap .left-bookmark {
  height: 700px; }
  .bookmark-wrap .left-bookmark .media .media-body p {
    color: #2c323f; }
  .bookmark-wrap .left-bookmark ul li button {
    color: #051A1A;
    border: none;
    cursor: pointer; }
    .bookmark-wrap .left-bookmark ul li button:focus {
      outline: none; }
  .bookmark-wrap .left-bookmark ul li svg {
    width: 18px;
    height: 18px;
    vertical-align: middle; }
  .bookmark-wrap .left-bookmark ul li > .main-title {
    color: var(--theme-deafult);
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
    font-size: 16px; }
    .bookmark-wrap .left-bookmark ul li > .main-title span a:hover {
      background-color: transparent; }
    .bookmark-wrap .left-bookmark ul li > .main-title svg {
      color: #898989;
      stroke-width: 1px; }
  .bookmark-wrap .left-bookmark ul li a > .title {
    text-transform: capitalize; }

.bookmark-wrap.todo-wrap .left-bookmark {
  height: unset; }

.form-bookmark a {
  text-transform: capitalize !important;
  color: var(--theme-deafult) !important;
  line-height: 1 !important;
  font-weight: 500; }
  .form-bookmark a:hover {
    background-color: transparent !important; }

.form-bookmark input#index_var {
  display: none; }

.form-bookmark input,
.form-bookmark select {
  font-size: 14px; }

.form-bookmark .select2-container .select2-selection--single {
  border-color: #ced4da; }

.form-bookmark .select2 {
  width: 100% !important; }

.form-bookmark .error {
  margin: 0 !important;
  font-size: 11px;
  color: red !important; }

.form-bookmark button {
  margin-top: 10px; }

@keyframes displayTransition {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.bookmark-tabcontent .details-bookmark {
  height: auto;
  min-height: 359px; }
  .bookmark-tabcontent .details-bookmark .bookmark-card {
    position: relative; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
      padding: 3px;
      border-radius: 4px;
      background-color: rgba(0, 0, 0, 0.2);
      width: 30px;
      position: absolute;
      right: 15px;
      top: 15px;
      opacity: 0; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon i {
        color: #fff;
        font-size: 16px;
        vertical-align: text-bottom; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon.favourite i {
        color: #fed112; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data {
      width: 100%; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data .content-general {
        display: none; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
      transition: 0.5s; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark {
      text-align: left;
      padding: 15px;
      border-top: 1px solid #E6E9EB;
      position: relative; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark h6 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark p {
        animation: displayTransition 1s; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block {
        opacity: 0;
        position: absolute;
        width: 100%;
        padding: 15px;
        top: 30px;
        left: 0; }
        .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li {
          display: inline-block; }
          .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li + li {
            margin-left: 5px; }
          .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li svg {
            width: 16px;
            height: 16px;
            color: #898989; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover {
      box-shadow: 1px 4px 16px 3px rgba(0, 0, 0, 0.04);
      transition: 0.5s; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark p {
        opacity: 0; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark .hover-block {
        opacity: 1;
        animation: displayTransition 2s; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .favourite-icon {
        opacity: 1; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .row > div {
    flex: 0 0 100%;
    max-width: 100%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .desciption-data .content-general {
    display: block; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website {
    display: flex;
    align-items: center; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
      opacity: 1; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
      position: absolute;
      right: 30px;
      opacity: 1;
      text-align: right; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block {
      opacity: 1;
      animation: displayTransition 0s; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark {
    border-top: none; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark p,
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 {
      margin-top: 0;
      display: inline-block; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 {
      position: relative;
      padding-right: 15px;
      margin-bottom: -5px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6::after {
        position: absolute;
        content: '-';
        right: 0;
        color: #898989; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general {
      margin-top: 5px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p {
        width: 68%;
        margin-right: 20px; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 20%; }

.bookmark-tabcontent .tab-content .card .d-flex {
  justify-content: space-between; }
  .bookmark-tabcontent .tab-content .card .d-flex svg {
    width: 18px;
    height: 18px;
    vertical-align: middle; }
  .bookmark-tabcontent .tab-content .card .d-flex ul li {
    display: inline-block; }
    .bookmark-tabcontent .tab-content .card .d-flex ul li + li {
      margin-left: 5px; }

.bookmark-tabcontent .tab-content .tab-pane > .card {
  box-shadow: none; }

@media only screen and (max-width: 1660px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p {
    display: none; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block {
    margin-top: 6px; } }

@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .bookmark-wrap .left-bookmark ul li .btn-block svg {
    display: none; } }

@media only screen and (max-width: 1366px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 40%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block {
    top: 80px; } }

@media only screen and (max-width: 1199px) {
  .bookmark-wrap .left-bookmark {
    height: auto; }
  .bookmark-tabcontent .details-bookmark {
    min-height: auto; } }

@media only screen and (max-width: 991px) {
  .modal-bookmark .modal-body,
  .modal-bookmark .modal-header {
    padding: 20px; } }

@media only screen and (max-width: 767px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 172px; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block p {
    display: none; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block ul {
    position: relative;
    right: unset;
    top: unset; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 45%; } }

@media only screen and (max-width: 575px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 100%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website {
    display: block; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark {
      padding-left: 15px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
        position: relative;
        right: unset;
        text-align: left;
        top: unset;
        padding: 0; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .content-general {
        display: none; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p,
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6 {
        display: block; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6::after {
        display: none; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
        margin-top: 15px; }
  .modal-bookmark .modal-body,
  .modal-bookmark .modal-header {
    padding: 15px; } }

/**=====================
  3.2 Bookmark-app CSS Ends
==========================**/
/**=====================
    3.3 Cart CSS start
==========================**/
.cart .total-amount {
  text-align: right !important;
  margin-top: 30px; }

.cart .amount-space {
  margin-left: 40px; }

.cart .cart-btn-transform {
  text-transform: capitalize; }

.cart .qty-box {
  width: 25%;
  margin: 0 auto; }
  .cart .qty-box .input-group .btn {
    background-color: #ddd !important;
    border-color: #ddd !important;
    padding: 8px 12px; }

.cart-buttons {
  margin-top: 30px; }
  .cart-buttons .cart-btn {
    float: right;
    padding-right: 85px; }

/**=====================
    3.3 Cart CSS Ends
==========================**/
/**=====================
   3.5 Chat CSS Start
==========================**/
.radial-bar.radial-bar-lg > img, .radial-bar.radial-bar-lg:after {
  width: 70px;
  height: 70px;
  margin-left: 15px;
  margin-top: 15px;
  line-height: 70px; }

.radial-bar.radial-bar-sm > img, .radial-bar.radial-bar-sm:after {
  width: 35px;
  height: 35px;
  margin-left: 7.5px;
  margin-top: 7.5px;
  line-height: 35px; }

.radial-bar.radial-bar-xs > img, .radial-bar.radial-bar-xs:after {
  width: 20px;
  height: 20px;
  margin-left: 5.5px;
  margin-top: 4.5px;
  line-height: 21px; }

.chart-block canvas {
  width: 100% !important; }

.chart-block .chart-overflow {
  overflow: hidden;
  text-align: center; }

.candidcahrt {
  width: 100%;
  height: 470px; }

.amcharts-export-canvas {
  position: absolute;
  display: none;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff; }
  .amcharts-export-canvas .canvas-container {
    transition: opacity .5s ease-out; }
  .amcharts-export-canvas.active {
    display: block; }
  .amcharts-export-canvas.dropbox .canvas-container {
    opacity: .5; }

.flot-chart-container {
  box-sizing: border-box;
  width: 100%;
  height: 400px; }
  .flot-chart-container #toggling-series-flot {
    width: 79% !important; }

.all-chart .flot-chart-container {
  height: 350px; }

.flot-chart-placeholder {
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 1.2em;
  text-align: center; }
  .flot-chart-placeholder .legend table {
    border-spacing: 5px; }

.morris-hover {
  position: absolute;
  z-index: 1; }
  .morris-hover.morris-default-style {
    border-radius: 10px;
    padding: 6px;
    color: #898989;
    background: #fff;
    border: solid 1px #ecf3fa;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    text-align: center; }
    .morris-hover.morris-default-style .morris-hover-row-label {
      font-weight: bold;
      margin: 0.25em 0; }
    .morris-hover.morris-default-style .morris-hover-point {
      white-space: nowrap;
      margin: 0.1em 0; }

.chart-sparkline {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  background: rgba(49, 49, 49, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  color: #fff;
  font: 10px "Montserrat", sans-serif, "Montserrat", sans-serif;
  text-align: left;
  white-space: nowrap;
  padding: 5px;
  border: 1px solid rgba(49, 49, 49, 0.75);
  box-sizing: content-box;
  z-index: 10000;
  border-radius: 5px; }
  .chart-sparkline .jqsfield {
    color: #fff;
    font: 10px "Montserrat", sans-serif, "Montserrat", sans-serif;
    text-align: left; }

.radial-bar {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  background-color: transparent;
  box-sizing: content-box;
  width: 80px;
  height: 80px;
  font-size: 18px;
  background-clip: content-box; }
  .radial-bar:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    color: #455a64;
    content: attr(data-label);
    background-color: #fff;
    z-index: 1;
    width: 56px;
    height: 56px;
    margin-left: 12px;
    margin-top: 12px;
    line-height: 56px; }
  .radial-bar > img {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    color: #455a64;
    z-index: 3;
    width: 56px;
    height: 56px;
    margin-left: 12px;
    margin-top: 12px;
    line-height: 56px; }

.radial-bar-danger.radial-bar-20 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(162deg, #FE6A49 50%, #efefef 50%, #efefef); }

.radial-bar.radial-bar-lg {
  width: 100px;
  height: 100px;
  font-size: 20px; }

.radial-bar.radial-bar-sm {
  width: 50px;
  height: 50px;
  font-size: 12px; }

.radial-bar.radial-bar-xs {
  width: 30px;
  height: 30px;
  font-size: 8px; }

.pieLabel div {
  color: #fff !important; }
  .pieLabel div input[type=checkbox] {
    margin: 7px; }

.knob-chart {
  min-height: 255px; }
  .knob-chart .chart-clock-main {
    position: relative;
    width: 200px;
    margin: 45px auto; }
    .knob-chart .chart-clock-main .clock-large {
      position: absolute;
      left: -48px;
      top: -45px; }
    .knob-chart .chart-clock-main .clock-medium {
      position: absolute;
      left: 2px;
      top: 5px; }
    .knob-chart .chart-clock-main .clock-small {
      position: absolute;
      left: 15px;
      top: 55px; }

.peity-charts svg {
  width: 100%;
  height: 250px; }

.peity-charts.peity-chart-primary svg polygon {
  fill: rgba(0, 102, 102, 0.2); }

.peity-charts.peity-chart-primary svg polyline {
  stroke: var(--theme-deafult); }

.bar-odd-even svg rect:nth-child(odd) {
  fill: var(--theme-deafult); }

.bar-odd-even svg rect:nth-child(even) {
  fill: var(--theme-secondary); }

.donut-peity svg path:nth-child(odd) {
  fill: var(--theme-deafult); }

.donut-peity svg path:nth-child(even) {
  fill: var(--theme-secondary); }

.small-donut ~ svg path:nth-child(odd),
.small-donut svg path:nth-child(odd),
.donut-peity2 ~ svg path:nth-child(odd),
.donut-peity2 svg path:nth-child(odd),
.pie-peity ~ svg path:nth-child(odd),
.pie-peity svg path:nth-child(odd) {
  fill: var(--theme-deafult); }

.small-donut ~ svg path:nth-child(even),
.small-donut svg path:nth-child(even),
.donut-peity2 ~ svg path:nth-child(even),
.donut-peity2 svg path:nth-child(even),
.pie-peity ~ svg path:nth-child(even),
.pie-peity svg path:nth-child(even) {
  fill: #efefef; }

.small-donut2 ~ svg path:nth-child(odd) {
  fill: var(--theme-secondary); }

.small-donut3 ~ svg path:nth-child(odd) {
  fill: #00AC46; }

.small-donut4 ~ svg path:nth-child(odd) {
  fill: #173878; }

.small-donut5 ~ svg path:nth-child(odd) {
  fill: #FFAE1A; }

.small-donut6 ~ svg path:nth-child(odd) {
  fill: #FE6A49; }

p.data-attributes svg {
  margin-right: 10px; }

.knob-block {
  position: relative; }
  .knob-block input {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    margin-left: 0 !important;
    margin-top: -3px !important; }

.knob-input-disable input {
  display: none !important; }

.apex-chart {
  margin: 0 auto; }

.apexcharts-toolbar {
  z-index: 1 !important; }

.apexcharts-menu-item {
  width: 110px; }

.word-tree {
  height: 400px; }

.ct-series-a .ct-slice-pie,
.ct-series-a .ct-slice-donut-solid,
.ct-series-a .ct-area {
  fill: var(--theme-deafult); }

.ct-series-a .ct-point,
.ct-series-a .ct-line,
.ct-series-a .ct-bar,
.ct-series-a .ct-slice-donut {
  stroke: var(--theme-deafult); }

.ct-series-b .ct-point,
.ct-series-b .ct-line,
.ct-series-b .ct-bar,
.ct-series-b .ct-slice-donut {
  stroke: var(--theme-secondary); }

.ct-series-b .ct-slice-pie,
.ct-series-b .ct-slice-donut-solid,
.ct-series-b .ct-area {
  fill: var(--theme-secondary); }

.ct-series-g .ct-point,
.ct-series-g .ct-line,
.ct-series-g .ct-bar,
.ct-series-g .ct-slice-donut {
  stroke: #FFAE1A; }

.ct-series-g .ct-slice-pie,
.ct-series-g .ct-slice-donut-dashed,
.ct-series-g .ct-area {
  fill: #FFAE1A; }

.apache-cotainer {
  width: 100%;
  height: 350px;
  margin: 0; }

.boxplot-cotainer {
  height: 420px; }

.apache-cotainer-large {
  width: 100%;
  height: 500px;
  margin: 0; }

.test-buttons button + button {
  margin-left: 10px; }

.clip-chart-wrapper .test-chart-block {
  margin-bottom: -30px; }

#echart-gauge .test-chart {
  width: 100%;
  height: 395px; }

.polar-line {
  height: 350px; }

#dotted {
  height: 390px; }

.apexcharts-canvas .apexcharts-tooltip,
.apexcharts-canvas .apexcharts-xaxistooltip,
.apexcharts-canvas .apexcharts-yaxistooltip {
  z-index: 1; }

@media (max-width: 1346px) {
  .flot-chart-container .flot-chart-placeholder ~ p.float-end {
    float: left !important; }
    [dir="rtl"] .flot-chart-container .flot-chart-placeholder ~ p.float-end {
      float: right !important; } }

/**=====================
    3.5 Chat CSS End
==========================**/
/**=====================
     14. Chat CSS Start
==========================**/
.status-circle {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 4px;
  left: 44px;
  border-radius: 50%;
  border: 2px solid #fff; }

.user-image {
  height: 52px;
  margin-right: 5px; }
  .user-image .about {
    float: left;
    margin-top: 5px;
    padding-left: 10px; }
    .user-image .about .name {
      color: #2c323f;
      letter-spacing: 1px;
      font-weight: 500; }

.left-sidebar-wrapper {
  padding: 20px;
  border-radius: 10px 0 0 10px;
  z-index: 1;
  border: 2px solid var(--white);
  border-right: unset;
  /* ===== Scrollbar CSS ===== */
  /* Firefox */
  /* Chrome, Edge, and Safari */ }
  [dir="rtl"] .left-sidebar-wrapper {
    border-left: unset; }
  @media (max-width: 767px) {
    .left-sidebar-wrapper {
      border-radius: 10px; } }
  .left-sidebar-wrapper * {
    scrollbar-width: auto;
    scrollbar-color: rgba(0, 102, 102, 0.2); }
  .left-sidebar-wrapper *::-webkit-scrollbar {
    width: 6px; }
  .left-sidebar-wrapper *::-webkit-scrollbar-track {
    background: transparent; }
  .left-sidebar-wrapper *::-webkit-scrollbar-thumb {
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 8px;
    border: 3px solid transparent; }
  .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
    background-color: var(--chart-progress-light);
    padding-right: 0;
    margin-right: 1px;
    border-right: none; }
    [dir="rtl"] .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
      padding-left: 0;
      padding-right: 12px;
      margin-left: 1px;
      border-left: none;
      margin-right: unset;
      border-right: unset; }
    .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text svg {
      width: 16px;
      height: 16px; }
  .left-sidebar-wrapper .left-sidebar-chat .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
    border-left: unset;
    background-color: var(--chart-progress-light); }
    [dir="rtl"] .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
      border-right: unset;
      border-left: 1px solid #ddd;
      border-radius: 0.25rem !important; }
    .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:focus, .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:focus-visible {
      border-color: var(--chart-dashed-border);
      box-shadow: unset; }
  .left-sidebar-wrapper .advance-options ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0; }
    .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
      color: var(--body-font-color);
      border-bottom: 2px solid transparent;
      background-color: transparent;
      padding: 16px 57px;
      text-decoration: unset; }
      @media (max-width: 1855px) {
        .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
          padding: 16px 45px; } }
      @media (max-width: 1663px) {
        .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
          padding: 16px 30px; } }
      @media (max-width: 1423px) {
        .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
          padding: 16px 28px; } }
      .left-sidebar-wrapper .advance-options ul .nav-item .nav-link:active, .left-sidebar-wrapper .advance-options ul .nav-item .nav-link.active {
        border-bottom: 2px solid var(--theme-deafult);
        color: var(--theme-deafult); }
  .left-sidebar-wrapper .advance-options .common-space {
    padding: 11px 0; }
    .left-sidebar-wrapper .advance-options .common-space p {
      margin: 0;
      color: var(--chart-text-color); }
    .left-sidebar-wrapper .advance-options .common-space .header-top .btn {
      padding: 6px 12px; }
      .left-sidebar-wrapper .advance-options .common-space .header-top .btn:hover i {
        color: var(--white); }
  .left-sidebar-wrapper .advance-options .chats-user {
    border-bottom: unset;
    height: 563px;
    overflow-y: auto; }
    .left-sidebar-wrapper .advance-options .chats-user li {
      gap: 10px;
      width: 100%;
      border-bottom: 1px solid var(--chart-dashed-border);
      cursor: pointer;
      padding: 11px; }
      .left-sidebar-wrapper .advance-options .chats-user li:hover {
        background-color: var(--light-slate); }
      @media (max-width: 1505px) {
        .left-sidebar-wrapper .advance-options .chats-user li {
          flex-wrap: wrap;
          gap: 1px; } }
      .left-sidebar-wrapper .advance-options .chats-user li:last-child {
        border-bottom: unset; }
      .left-sidebar-wrapper .advance-options .chats-user li .chat-time {
        display: flex;
        gap: 10px;
        align-items: center; }
        .left-sidebar-wrapper .advance-options .chats-user li .chat-time > div {
          text-align: left; }
          [dir="rtl"] .left-sidebar-wrapper .advance-options .chats-user li .chat-time > div {
            text-align: right; }
      @media (max-width: 1498px) {
        .left-sidebar-wrapper .advance-options .chats-user li > div {
          width: 100%;
          text-align: end; }
          [dir="rtl"] .left-sidebar-wrapper .advance-options .chats-user li > div {
            text-align: start; } }
.active-profile {
  position: relative; }
  .active-profile img {
    width: 42px;
    height: 42px; }
    @media (max-width: 1650px) {
      .active-profile img {
        width: 33px;
        height: 33px; } }
  .active-profile .status {
    position: absolute;
    height: 14px;
    width: 14px;
    border-radius: 100%;
    bottom: 5%;
    right: -2px;
    border: 3px solid var(--white); }
    [dir="rtl"] .active-profile .status {
      left: -2px;
      right: unset; }
    @media (max-width: 1600px) {
      .active-profile .status {
        width: 11px;
        height: 11px;
        border: 2px solid var(--white); } }
.contact-edit i {
  color: var(--chart-text-color);
  cursor: pointer; }
  .contact-edit i::after {
    content: unset; }

.contact-edit svg {
  cursor: pointer;
  width: 18px;
  height: 18px; }
  @media (max-width: 360px) {
    .contact-edit svg {
      width: 14px;
      height: 14px; } }
.contact-edit .dropdown-menu .dropdown-item:hover {
  background-color: var(--light-background);
  opacity: 1;
  text-decoration: unset; }

.contact-edit.chat-alert {
  width: 40px;
  height: 40px;
  background: var(--light-slate);
  display: fke;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px; }
  @media (max-width: 360px) {
    .contact-edit.chat-alert {
      width: 32px;
      height: 32px; } }
  @media (max-width: 340px) {
    .contact-edit.chat-alert {
      display: none; } }
.search-contacts {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .search-contacts .form-control {
    padding-inline: 35px; }
    .search-contacts .form-control:focus {
      box-shadow: unset;
      border-color: var(--chart-dashed-border); }
  .search-contacts svg {
    stroke: var(--chart-text-color);
    width: 18px;
    height: 18px;
    left: 10px;
    top: 10px;
    position: absolute; }
    [dir="rtl"] .search-contacts svg {
      left: unset;
      right: 10px; }
  .search-contacts .mic-search {
    right: 10px;
    top: 8px;
    position: absolute;
    left: unset; }
    [dir="rtl"] .search-contacts .mic-search {
      right: unset;
      left: 10px; }

.contact-wrapper {
  padding-top: 14px;
  border-bottom: unset;
  height: 526px;
  overflow-y: auto; }
  .contact-wrapper > p {
    line-height: 0;
    margin: 0;
    padding: 12px 0;
    font-size: 18px;
    font-weight: 500;
    color: var(--body-font-color); }
  .contact-wrapper ul li {
    width: 100%;
    cursor: pointer; }
    .contact-wrapper ul li .chat-time {
      display: flex;
      align-items: center;
      gap: 10px; }
      .contact-wrapper ul li .chat-time img {
        width: 42px;
        height: 42px; }
        @media (max-width: 1650px) {
          .contact-wrapper ul li .chat-time img {
            width: 33px;
            height: 33px; } }
      .contact-wrapper ul li .chat-time > div span {
        color: var(--body-font-color); }
    .contact-wrapper ul li svg {
      width: 18px;
      height: 18px; }
  .contact-wrapper ul:last-child .common-space {
    padding-bottom: unset; }

.right-sidebar-chat {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  z-index: 0;
  border: 2px solid var(--white);
  border-left: unset; }
  [dir="rtl"] .right-sidebar-chat {
    border-right: unset;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  @media (max-width: 767px) {
    .right-sidebar-chat {
      border-radius: 10px; } }
.right-sidebar-title {
  padding: 13px 25px;
  display: flex;
  justify-content: space-between; }
  .right-sidebar-title .common-space {
    width: 100%; }
    .right-sidebar-title .common-space .chat-time {
      display: flex;
      gap: 10px;
      align-items: center; }
      .right-sidebar-title .common-space .chat-time .active-profile img {
        width: 42px;
        height: 42px; }
        @media (max-width: 360px) {
          .right-sidebar-title .common-space .chat-time .active-profile img {
            width: 36px;
            height: 36px; } }
      .right-sidebar-title .common-space .chat-time div p {
        margin: 0;
        color: var(--chart-text-color); }
      .right-sidebar-title .common-space .chat-time ul li img {
        width: 42px;
        height: 42px; }
      .right-sidebar-title .common-space .chat-time.group-chat ul {
        display: flex; }
        .right-sidebar-title .common-space .chat-time.group-chat ul li img {
          border: 3px solid transparent; }
        .right-sidebar-title .common-space .chat-time.group-chat ul li + li {
          margin-left: -12px; }
          [dir="rtl"] .right-sidebar-title .common-space .chat-time.group-chat ul li + li {
            margin-left: unset;
            margin-right: -12px; }
          .right-sidebar-title .common-space .chat-time.group-chat ul li + li img {
            border: 3px solid var(--white); }
        .right-sidebar-title .common-space .chat-time.group-chat ul li img {
          width: 38px;
          height: 38px; }
        .right-sidebar-title .common-space .chat-time.group-chat ul li .profile-count {
          width: 38px;
          height: 38px; }
        @media (min-width: 768px) and (max-width: 1199px) {
          .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(2), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(3), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(5), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(6) {
            display: none; } }
        @media (min-width: 341px) and (max-width: 410px) {
          .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(2), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(3), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(5), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(6) {
            display: none; } }
      @media (max-width: 1045px) {
        .right-sidebar-title .common-space .chat-time.group-chat > div span,
        .right-sidebar-title .common-space .chat-time.group-chat > div p {
          display: none; } }
.msger-chat {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
  background: linear-gradient(0deg, #F5F6FA, #F5F6FA), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  height: 620px; }
  .msger-chat::-webkit-scrollbar {
    width: 6px; }
  .msger-chat::-webkit-scrollbar-track {
    background: #ddd; }
  .msger-chat::-webkit-scrollbar-thumb {
    background: #bdbdbd; }

.msg {
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px; }
  .msg:last-of-type {
    margin: 0; }

.msg-img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  background: #ddd;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%; }
  [dir="rtl"] .msg-img {
    margin-left: 10px;
    margin-right: unset; }

.msg-bubble {
  max-width: 450px;
  padding: 15px;
  border-radius: 15px; }

.msg-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px; }

.msg-info-name {
  margin-right: 10px;
  font-weight: bold; }
  [dir="rtl"] .msg-info-name {
    margin-left: 10px;
    margin-right: unset; }

.msg-info-time {
  font-size: 0.85em; }

.left-msg .msg-img {
  background-image: url(/../images/blog/4.jpg);
  width: 33px;
  height: 33px; }
  @media (max-width: 1200px) {
    .left-msg .msg-img {
      min-width: 16px;
      min-height: 16px; } }
.left-msg .msg-bubble {
  position: relative;
  border-radius: 15px;
  background: rgba(255, 192, 0, 0.8);
  color: var(--chart-text-color);
  width: calc(100% - 33px); }
  [dir="rtl"] .left-msg .msg-bubble {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: unset; }

.right-msg {
  flex-direction: row-reverse; }
  .right-msg .msg-bubble {
    color: var(--white);
    background: rgba(6, 174, 90, 0.8);
    width: calc(100% - 33px); }
    [dir="rtl"] .right-msg .msg-bubble {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: unset; }
  .right-msg .msg-img {
    margin: 0 0 0 10px;
    background-image: url(/../images/blog/comment.jpg);
    width: 33px;
    height: 33px; }
    @media (max-width: 1200px) {
      .right-msg .msg-img {
        min-width: 16px;
        min-height: 16px; } }
.msger-inputarea {
  display: flex;
  padding: 10px;
  border-top: 1px solid var(--chart-dashed-border);
  background: linear-gradient(0deg, #F5F6FA, #F5F6FA), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  align-items: center; }
  .msger-inputarea .dropdown-toggle::after {
    content: unset; }
  .msger-inputarea .dropdown-toggle .dropdown-menu {
    inset: unset !important; }
  .msger-inputarea .dropdown-form {
    position: relative; }
    .msger-inputarea .dropdown-form i {
      font-size: 16px;
      font-weight: 900;
      color: var(--theme-deafult);
      cursor: pointer;
      padding: 0; }
    .msger-inputarea .dropdown-form .chat-icon {
      position: absolute;
      left: 0 !important;
      bottom: 104px !important;
      background: transparent;
      box-shadow: unset; }
      [dir="rtl"] .msger-inputarea .dropdown-form .chat-icon {
        left: unset !important;
        right: 3px !important; }
      .msger-inputarea .dropdown-form .chat-icon div {
        width: 47px;
        height: 47px;
        border-radius: 50%;
        background-color: var(--white);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        opacity: 1; }
        .msger-inputarea .dropdown-form .chat-icon div svg {
          width: 42px;
          height: 42px;
          cursor: pointer; }
        .msger-inputarea .dropdown-form .chat-icon div:nth-child(1) svg {
          fill: var(--chart-text-color);
          stroke: none; }
        .msger-inputarea .dropdown-form .chat-icon div:nth-child(2) svg {
          stroke: var(--chart-text-color);
          fill: none; }
        .msger-inputarea .dropdown-form .chat-icon div:hover {
          background-color: var(--theme-deafult);
          opacity: 1; }
          .msger-inputarea .dropdown-form .chat-icon div:hover:nth-child(1) svg {
            fill: var(--white); }
          .msger-inputarea .dropdown-form .chat-icon div:hover:nth-child(2) svg {
            stroke: var(--white); }
  .msger-inputarea .msger-send-btn i {
    color: var(--white); }
  .msger-inputarea * {
    padding: 10px;
    border: none;
    border-radius: 3px;
    font-size: 1em; }

.msger-input {
  flex: 1;
  background: transparent; }
  .msger-input:focus, .msger-input:focus-visible {
    outline: unset; }

.fg-emoji-container {
  left: calc(10px + (1405 - 10) * ((100vw - 320px) / (1920 - 320))) !important; }
  [dir="rtl"] .fg-emoji-container {
    right: calc(10px + (1405 - 10) * ((100vw - 320px) / (1920 - 320))) !important;
    left: unset !important; }
  @media (min-width: 860px) and (max-width: 945px) {
    .fg-emoji-container {
      left: 417px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 417px; } }
  @media (min-width: 686px) and (max-width: 860px) {
    .fg-emoji-container {
      left: 360px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 360px; } }
  @media (min-width: 588px) and (max-width: 770px) {
    .fg-emoji-container {
      left: 200px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 200px; } }
  @media (min-width: 546px) and (max-width: 588px) {
    .fg-emoji-container {
      left: 144px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 144px; } }
  @media (min-width: 500px) and (max-width: 546px) {
    .fg-emoji-container {
      left: 88px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 88px; } }
  @media (max-width: 500px) {
    .fg-emoji-container {
      left: 22px !important;
      width: 262px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 22px; } }
  .fg-emoji-container .fg-emoji-nav {
    background-color: var(--chart-text-color); }
  .fg-emoji-container #fg-emoji-picker-move {
    display: none; }

.open-emoji {
  padding: 0; }
  .open-emoji button {
    z-index: 0;
    position: relative;
    padding: 0 14px;
    background: transparent; }
    .open-emoji button::before {
      content: "\f118";
      font-family: "FontAwesome";
      z-index: 1;
      position: relative;
      font-size: 20px;
      color: var(--text-gray); }

.second-btn {
  z-index: 0;
  position: relative;
  padding: 0 14px;
  background: transparent; }
  .second-btn::before {
    content: "\f118";
    font-family: "FontAwesome";
    z-index: 1;
    position: relative;
    font-size: 20px;
    color: var(--text-gray); }

.msger-send-btn {
  margin-left: 10px;
  background: var(--theme-deafult);
  width: 40px;
  height: 39px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.23s;
  display: flex;
  align-items: center;
  justify-content: center; }
  [dir="rtl"] .msger-send-btn {
    margin-left: unset;
    margin-right: 10px; }
  .msger-send-btn svg {
    width: 1px;
    height: 12px; }

.custom-name {
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px; }
  @media (max-width: 1650px) {
    .custom-name {
      width: 33px;
      height: 33px; } }
/**=====================
    14.  Chat CSS Ends
==========================**/
/**=====================
   3.6 Checkout CSS start
==========================**/
.checkout .checkout-details {
  background-color: #f9f9f9;
  border: 1px solid #dddddd;
  padding: 40px; }
  .checkout .checkout-details .order-place {
    margin-top: 15px; }

.order-box .title-box {
  padding-bottom: 20px;
  color: #444444;
  font-size: 22px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 20px; }
  .order-box .title-box span {
    width: 35%;
    float: right;
    font-weight: 600;
    text-align: right; }
  .order-box .title-box h4 {
    font-weight: 600; }
  .order-box .title-box .checkbox-title {
    display: flex;
    justify-content: space-between; }

.order-box .sub-total li {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 20px;
  margin-bottom: 20px;
  width: 100%; }
  .order-box .sub-total li .count {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    width: 35%;
    float: right;
    text-align: right; }

.order-box .sub-total .shipping-class {
  margin-bottom: 12px; }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    margin-top: -4px;
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: var(--theme-deafult);
    font-weight: 400;
    width: 35%;
    float: right;
    text-align: right; }

.order-box .total {
  position: relative;
  margin-bottom: 30px; }
  .order-box .total li {
    position: relative;
    display: block;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    font-size: 18px; }

.order-box .qty {
  position: relative;
  border-bottom: 1px solid #ededed;
  margin-bottom: 30px; }
  .order-box .qty li {
    position: relative;
    display: block;
    font-size: 15px;
    color: #444444;
    line-height: 20px;
    margin-bottom: 20px; }
    .order-box .qty li span {
      float: right;
      font-size: 18px;
      line-height: 20px;
      color: #232323;
      font-weight: 400;
      width: 35%;
      text-align: right; }

.radio-option {
  position: relative; }

.img-paypal {
  width: 30%;
  margin-left: 15px; }

/**=====================
    86. Checkout CSS Ends
==========================**/
/**=====================
    Responsive CSS Start
==========================**/
@media screen and (max-width: 1199px) {
  .checkout .checkout-details {
    padding: 25px; }
  .order-box .title-box span {
    width: 30%; }
  .order-box .sub-total li .count {
    width: 38%; }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 46%; }
  .order-box .qty li span {
    width: 38%; }
  .order-box .total li .count {
    width: 38%; } }

@media screen and (max-width: 991px) {
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 38%; } }

@media screen and (max-width: 575px) {
  .checkout .checkout-details {
    padding: 15px; }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 50%; }
  .order-box .sub-total li .count {
    width: 50%; } }

/**=====================
   3.6 Checkout CSS ends
==========================**/
/**=====================
    3.7 Comingsoon CSS Start
==========================**/
.comingsoon-bgimg {
  background: url(/../images/admin/other-images/coming-soon-bg.jpg);
  background-position: bottom;
  background-size: cover; }

.comingsoon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 50px 0; }
  .comingsoon .comingsoon-inner h5 {
    font-size: 18px;
    letter-spacing: 1px;
    color: #051A1A;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 30px; }
  .comingsoon .comingsoon-inner .countdown {
    padding: 30px 0;
    border-top: 1px solid #E6E9EB;
    border-bottom: 1px solid #E6E9EB; }
    .comingsoon .comingsoon-inner .countdown .time {
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      color: #fff;
      font-weight: 500;
      width: 100px;
      height: 100px;
      font-size: 36px;
      background: var(--theme-deafult); }
    .comingsoon .comingsoon-inner .countdown .title {
      padding-top: 13px;
      font-size: 14px;
      font-weight: 400;
      color: #051A1A;
      text-transform: uppercase;
      letter-spacing: 1px; }
    .comingsoon .comingsoon-inner .countdown ul li {
      display: inline-block;
      text-transform: uppercase;
      margin: 0 20px; }
      .comingsoon .comingsoon-inner .countdown ul li span {
        display: block; }
  .comingsoon video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    transition: 1s opacity; }

/**=====================
  3.7 Comingsoon CSS Ends
==========================**/
/**=====================
    3.8 Contacts CSS Start
==========================**/
.alert-contactadd {
  background-color: #fff;
  border: 1px solid var(--theme-deafult);
  width: 12%;
  padding: 10px; }

.updateimg {
  position: absolute;
  left: 15px;
  width: 100px;
  top: 32px;
  line-height: 93px;
  opacity: 0; }

#right-history {
  top: 81px;
  right: -320px;
  height: 100%;
  position: fixed;
  width: 320px;
  z-index: 9;
  background-color: #fff;
  transition: .5s;
  box-shadow: 0 0 9px rgba(191, 191, 191, 0.36); }
  [dir="rtl"] #right-history {
    right: unset;
    left: -320px; }
  #right-history .modal-header {
    border-bottom: 1px solid #E6E9EB; }
  #right-history h6 span a {
    color: #051A1A; }
  #right-history.show {
    right: 0;
    transition: .3s; }
    [dir="rtl"] #right-history.show {
      right: unset;
      left: 0; }

.history-details > div {
  padding: 30px 0; }

.history-details .media {
  padding: 30px 15px;
  border-top: 1px solid #E6E9EB; }
  .history-details .media i {
    padding: 5px;
    background: #fed112;
    color: #fff;
    border-radius: 100%; }
  .history-details .media h6 {
    margin-bottom: 5px; }

.delete-contact {
  display: none; }

.more-data {
  animation: displayTransition 1s; }

.contact-editform {
  padding: 30px;
  animation: displayTransition 1s; }
  .contact-editform a {
    display: block; }
  .contact-editform button {
    margin-top: 30px; }
  .contact-editform .select2-container .select2-selection--single {
    height: 39px !important;
    border-color: #ced4da !important; }

#deletemodal .modal-header {
  border-bottom: none; }
  #deletemodal .modal-header .delete-data span svg {
    vertical-align: middle;
    margin-right: 15px; }

.contact-options li .btn-category {
  line-height: 39px;
  border-radius: 3px;
  padding-left: 40px !important;
  padding: 0;
  color: var(--theme-deafult);
  font-weight: 500; }

.list-persons p {
  font-family: "Montserrat", sans-serif; }

.list-persons .profile-mail {
  padding: 30px 0; }
  .list-persons .profile-mail .media img {
    height: 50px;
    width: 50px !important; }
  .list-persons .profile-mail .media .media-body ul {
    margin-top: 5px; }
    .list-persons .profile-mail .media .media-body ul li {
      display: inline-block; }
      .list-persons .profile-mail .media .media-body ul li a {
        font-size: 13px; }
      .list-persons .profile-mail .media .media-body ul li + li {
        padding-left: 10px;
        margin-left: 5px;
        border-left: 2px solid #E6E9EB; }
  .list-persons .profile-mail .email-general {
    padding-top: 50px; }
    .list-persons .profile-mail .email-general ul {
      padding-right: 20px; }
      .list-persons .profile-mail .email-general ul li {
        color: #898989;
        padding-bottom: 10px;
        margin-bottom: 10px; }
        .list-persons .profile-mail .email-general ul li:last-child {
          padding-bottom: 0;
          margin-bottom: 0; }
        .list-persons .profile-mail .email-general ul li > span {
          float: right; }
    .list-persons .profile-mail .email-general p span {
      margin-left: 30px; }
    .list-persons .profile-mail .email-general .gender {
      margin-top: 30px; }

.contacts-tabs .nav-pills {
  border-right: 1px solid #E6E9EB;
  height: 100%; }
  .contacts-tabs .nav-pills .nav-link.active,
  .contacts-tabs .nav-pills .nav-link > .nav-link,
  .contacts-tabs .nav-pills .show.active,
  .contacts-tabs .nav-pills .show > .nav-link {
    background-color: rgba(0, 102, 102, 0.05);
    color: #051A1A; }
  .contacts-tabs .nav-pills .nav-link {
    color: #051A1A;
    padding: 0; }
    .contacts-tabs .nav-pills .nav-link .media .img-50 {
      height: 50px; }
    .contacts-tabs .nav-pills .nav-link + .nav-link {
      border-top: 1px solid #E6E9EB;
      border-radius: 0px; }
  .contacts-tabs .nav-pills .media {
    padding: 20px; }

.contacts-tabs .tab-content .tab-content-child {
  animation: displayTransition 1s; }

@media only screen and (max-width: 991px) {
  #right-history {
    top: 60px; }
  .updateimg {
    top: 21px; }
  .list-persons .profile-mail {
    padding: 20px; }
    .list-persons .profile-mail .email-general .gender {
      margin-top: 20px; }
  .contact-editform button {
    margin-top: 20px; } }

@media only screen and (max-width: 767px) {
  .contact-editform {
    padding: 20px; }
    .contact-editform.pl-0 {
      padding-left: 20px !important; }
  .contacts-tabs .nav-pills {
    border-right: none;
    border-bottom: 1px solid #E6E9EB; } }

@media only screen and (max-width: 575px) {
  #right-history {
    width: 270px; }
  .updateimg {
    top: 16px;
    left: 29px; }
  .contacts-tabs .media img.m-r-20 {
    margin-right: 15px; }
  .contacts-tabs .nav-pills .media {
    padding: 15px; }
  .list-persons .profile-mail {
    padding: 15px; }
    .list-persons .profile-mail .email-general .gender {
      margin-top: 15px; }
  .list-persons .nav-pills .nav-link .media .media-body {
    text-align: left; }
  .contact-editform {
    padding: 15px; }
    .contact-editform button {
      margin-top: 15px; }
    .contact-editform.pl-0 {
      padding-left: 15px !important; }
  .contact-editform form .row > div .row > div > div,
  .contact-options form .row > div .row > div > div {
    margin-bottom: 0; }
  .contact-editform form .row > div .row > div + div,
  .contact-options form .row > div .row > div + div {
    margin-top: 15px; } }

@media only screen and (max-width: 360px) {
  .updateimg {
    line-height: 73px;
    width: 80px; }
  .list-persons .profile-mail .email-general p span {
    margin-left: 10px; }
  .list-persons .profile-mail .media {
    display: block; }
    .list-persons .profile-mail .media img {
      height: 80px;
      width: 80px !important;
      margin-bottom: 15px; } }

.dark-contact .nav .nav-link .media .media-body h6 {
  color: var(--body-font-color); }

/**=====================
   3.8 Contacts CSS Ends
==========================**/
/**=====================
    3.9 Dashboard_2 CSS Start
==========================**/
.widget-decor {
  position: absolute;
  height: 60px;
  right: 0;
  top: 50%;
  transform: translateY(-50%); }

.activity-group::before {
  content: "";
  border-left: 1px dashed #E6E9EB;
  position: absolute;
  left: 0px;
  height: calc(100% - 50px); }

.balance-widget {
  background-image: url(/../images/dashboard-2/balance-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right; }
  .balance-widget .mobile-right-img {
    position: absolute;
    top: 10px;
    right: 15px; }
    .balance-widget .mobile-right-img .left-mobile-img {
      margin-right: -20px; }
    .balance-widget .mobile-right-img .mobile-img {
      height: 130px; }
    [dir="rtl"] .balance-widget .mobile-right-img {
      right: unset;
      left: 15px; }
    @media (max-width: 480px) {
      .balance-widget .mobile-right-img {
        right: 0; }
        .balance-widget .mobile-right-img .mobile-img {
          height: 100px; }
        [dir="rtl"] .balance-widget .mobile-right-img {
          right: unset;
          left: 0; } }
  [dir="rtl"] .balance-widget {
    text-align: right; }
  .balance-widget.card-body {
    padding: 20px 15px; }
  .balance-widget .purchase-btn {
    min-width: 170px; }

.range_4 .slider-container {
  position: relative;
  height: 45px;
  margin: 0 20px; }
  .range_4 .slider-container .range-slider_thumb {
    width: 46px;
    height: 26px;
    border-radius: 6px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #006666;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    z-index: 2; }
    [data-theme="dark"] .range_4 .slider-container .range-slider_thumb {
      background-color: var(--body-color); }
  .range_4 .slider-container .range-slider_line {
    height: 7px;
    width: 100%;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 10px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    position: absolute;
    z-index: 1; }
    [data-theme="dark"] .range_4 .slider-container .range-slider_line {
      background-color: var(--body-color); }
    .range_4 .slider-container .range-slider_line .range-slider_line-fill {
      position: absolute;
      height: 7px;
      width: 0;
      background-color: #006666;
      border-radius: 10px 0 0 10px; }
  .range_4 .slider-container .range-slider_input {
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 4px;
    opacity: 0;
    margin: 0; }
    .range_4 .slider-container .range-slider_input::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 100px;
      height: 100px;
      cursor: pointer;
      border-radius: 50%;
      opacity: 0; }
    .range_4 .slider-container .range-slider_input::-moz-range-thumb {
      width: 14vmin;
      height: 14vmin;
      cursor: pointer;
      border-radius: 50%;
      opacity: 0; }

.small-widget {
  overflow: hidden; }
  .small-widget .card-body {
    padding: 20px; }
    .small-widget .card-body h6 {
      font-size: 14px;
      font-weight: 500;
      color: var(--body-font-color); }
    .small-widget .card-body .product-sub {
      height: 45px;
      width: 45px;
      border-radius: 6px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .small-widget .card-body .product-sub .invoice-icon {
        height: 24px;
        cursor: pointer;
        width: 24px; }
  .small-widget:hover {
    transform: translateY(-5px);
    transition: 0.5s; }
    .small-widget:hover .project-details svg {
      animation: tada 1.5s ease infinite; }
    .small-widget:hover .bg-gradient svg {
      animation: tada 1.5s ease infinite; }

@media (max-width: 1470px) {
  .appointment .customer-table {
    height: 268px; } }

@media (max-width: 1399px) {
  .appointment .customer-table {
    height: unset; } }

.order-wrapper {
  margin: 0 -24px -17px -17px; }

.categories-list {
  display: flex;
  flex-direction: column;
  gap: 18px; }
  @media (max-width: 767px) {
    .categories-list {
      flex-direction: row;
      flex-wrap: wrap; } }
  .categories-list li {
    gap: 10px; }
    .categories-list li .bg-light {
      min-width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .categories-list li .bg-light img {
        width: 25px;
        height: 25px;
        object-fit: contain;
        transition: 0.5s; }
    .categories-list li h6 a {
      transition: 0.5s;
      color: var(--body-font-color); }
    .categories-list li:hover .bg-light img {
      transition: 0.5s;
      transform: scale(1.1); }
    .categories-list li:hover h6 a {
      transition: 0.5s;
      color: var(--theme-deafult); }

.monthly-profit {
  margin-top: -10px; }
  @media (max-width: 1584px) {
    .monthly-profit {
      margin: -10px -8px 0; } }
  @media (max-width: 1520px) {
    .monthly-profit {
      margin: -10px -16px 0; } }
  @media (max-width: 1500px) {
    .monthly-profit {
      margin: -10px -14px 0; } }
  @media (max-width: 1472px) {
    .monthly-profit {
      margin: -10px -20px 0; } }
  @media (max-width: 1424px) {
    .monthly-profit {
      margin: -10px -25px 0; } }
  .monthly-profit .apexcharts-canvas .apexcharts-legend-marker {
    margin-right: 6px; }
  .monthly-profit .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-value {
    font-size: 14px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif !important;
    fill: var(--chart-text-color); }

.overview-wrapper {
  position: relative;
  z-index: 1; }

.back-bar-container {
  position: absolute;
  width: calc(100% - 64px);
  bottom: -8px;
  margin: 0 auto !important;
  left: 28px; }
  @media (max-width: 1199px) {
    .back-bar-container {
      bottom: 22px; } }
  @media (max-width: 480px) {
    .back-bar-container {
      width: calc(100% - 34px);
      left: 18px; } }
  @media (max-width: 327px) {
    .back-bar-container {
      bottom: 42px; } }
.overview-card .balance-data {
  right: 12px; }
  [dir="rtl"] .overview-card .balance-data {
    right: unset;
    left: 12px; }
  @media (max-width: 767px) {
    .overview-card .balance-data {
      right: -40%; }
      [dir="rtl"] .overview-card .balance-data {
        left: -40%; } }
.order-container .apexcharts-canvas .apexcharts-marker {
  stroke-width: 4; }

.purchase-card.discover {
  margin-top: 102px; }
  .purchase-card.discover img {
    width: 224px;
    margin: 0 auto;
    margin-top: -90px; }
    @media (max-width: 1550px) {
      .purchase-card.discover img {
        margin-top: -110px; } }
    @media (max-width: 1399px) {
      .purchase-card.discover img {
        margin-top: -90px; } }
    @media (max-width: 991px) {
      .purchase-card.discover img {
        margin-top: -110px; } }
    @media (max-width: 618px) {
      .purchase-card.discover img {
        width: 200px; } }
.visitor-card .card-header svg {
  width: 18px;
  height: 18px;
  fill: var(--theme-deafult); }

.visitors-container {
  margin: 0 -12px -27px -17px; }
  .visitors-container svg .apexcharts-series path {
    clip-path: inset(1% 0% 0% 0% round 3rem); }
  .visitors-container svg .apexcharts-legend.apexcharts-align-left .apexcharts-legend-series {
    display: flex; }

.recent-order .nav {
  gap: 8px;
  flex-wrap: nowrap;
  overflow: auto;
  padding-bottom: 5px;
  display: flex; }

.recent-order .frame-box {
  border: 1px solid transparent;
  padding: 0;
  transition: 0.5s; }
  .recent-order .frame-box.active {
    border: 1px solid var(--theme-deafult); }
  .recent-order .frame-box:hover {
    transform: translateY(-5px);
    transition: 0.5s; }

.recent-order .tab-content {
  margin-top: 16px; }

.recent-table table thead {
  background: var(--light2); }
  .recent-table table thead th {
    padding-top: 9px;
    padding-bottom: 9px;
    border-bottom: none; }

.recent-table table tr td,
.recent-table table tr th {
  padding: 12px 8px;
  vertical-align: middle; }
  .recent-table table tr td:first-child,
  .recent-table table tr th:first-child {
    min-width: 157px; }
  @media (max-width: 1660px) {
    .recent-table table tr td:nth-child(2),
    .recent-table table tr th:nth-child(2) {
      min-width: 97px; } }
  .recent-table table tr td:last-child,
  .recent-table table tr th:last-child {
    min-width: 96px; }

.recent-table table tr td:first-child {
  padding-left: 0; }
  [dir="rtl"] .recent-table table tr td:first-child {
    padding-left: unset;
    padding-right: 0; }

.recent-table table tr td:last-child {
  padding-right: 0; }
  [dir="rtl"] .recent-table table tr td:last-child {
    padding-left: 0;
    padding-right: unset; }

.recent-table table tr:last-child td {
  padding-bottom: 0;
  border-bottom: none; }

.recent-table table tr .product-content h6 a {
  color: var(--body-font-color);
  transition: 0.5s; }

.recent-table table tr:hover .product-content h6 a {
  color: var(--theme-deafult);
  transition: 0.5s; }

.recent-table .product-content {
  display: flex;
  align-items: center;
  gap: 8px; }
  .recent-table .product-content .order-image {
    background: var(--light2);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center; }

.recent-table svg {
  width: 20px;
  height: 20px; }

.recent-table .recent-status {
  display: flex;
  align-items: center; }
  .recent-table .recent-status.font-success svg {
    fill: #00AC46; }
  .recent-table .recent-status.font-danger svg {
    fill: #FE6A49; }

.recent-activity h5 {
  padding: 30px 0 20px;
  margin-bottom: 0; }

.recent-activity h6 {
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box; }

.recent-activity ul li span {
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box; }

.notification li .recent-images ul::before {
  display: none; }

.notification li .recent-images li {
  padding-bottom: 3px; }

.recent-images {
  margin-top: 10px; }
  .recent-images ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px; }
  .recent-images li {
    border: 1px dashed var(--recent-dashed-border);
    padding: 3px;
    border-radius: 2px; }
    .recent-images li .recent-img-wrap {
      width: 40px;
      height: 40px;
      background: var(--light2);
      display: flex;
      align-items: center;
      justify-content: center; }

.frame-box {
  background: var(--recent-box-bg);
  border-radius: 10px;
  min-width: 76px;
  box-shadow: 2px 2px 2px var(--recent-border); }
  @media (max-width: 575px) {
    .frame-box {
      min-width: 65px; } }
  .frame-box .frame-image {
    min-width: 62px;
    height: 62px;
    border-color: var(--recent-border) var(--white) var(--white) var(--recent-border);
    border-width: 1px;
    border-style: solid;
    margin: 6px;
    display: flex;
    align-items: center;
    border-radius: 4px; }
    @media (max-width: 575px) {
      .frame-box .frame-image {
        min-width: 50px;
        height: 50px;
        margin: 4px; } }
  .frame-box img {
    margin: 0 auto; }
    @media (max-width: 575px) {
      .frame-box img {
        height: 30px; } }
.support-ticket-font ul {
  font-size: 12px; }

.new-update .media .media-body span,
.new-update .media .media-body p {
  font-weight: 500; }

.activity-dot-primary {
  min-width: 6px;
  height: 6px;
  background-color: #006666;
  border-radius: 100%;
  outline: 5px solid rgba(0, 102, 102, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-primary {
  min-width: 12px;
  height: 12px;
  background-color: #006666;
  outline: 5px solid rgba(0, 102, 102, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-secondary {
  min-width: 6px;
  height: 6px;
  background-color: #FE6A49;
  border-radius: 100%;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-secondary {
  min-width: 12px;
  height: 12px;
  background-color: #FE6A49;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-success {
  min-width: 6px;
  height: 6px;
  background-color: #00AC46;
  border-radius: 100%;
  outline: 5px solid rgba(0, 172, 70, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-success {
  min-width: 12px;
  height: 12px;
  background-color: #00AC46;
  outline: 5px solid rgba(0, 172, 70, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-danger {
  min-width: 6px;
  height: 6px;
  background-color: #FE6A49;
  border-radius: 100%;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-danger {
  min-width: 12px;
  height: 12px;
  background-color: #FE6A49;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-info {
  min-width: 6px;
  height: 6px;
  background-color: #173878;
  border-radius: 100%;
  outline: 5px solid rgba(23, 56, 120, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-info {
  min-width: 12px;
  height: 12px;
  background-color: #173878;
  outline: 5px solid rgba(23, 56, 120, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-light {
  min-width: 6px;
  height: 6px;
  background-color: #E6E9EB;
  border-radius: 100%;
  outline: 5px solid rgba(230, 233, 235, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-light {
  min-width: 12px;
  height: 12px;
  background-color: #E6E9EB;
  outline: 5px solid rgba(230, 233, 235, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-dark {
  min-width: 6px;
  height: 6px;
  background-color: #2c323f;
  border-radius: 100%;
  outline: 5px solid rgba(44, 50, 63, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-dark {
  min-width: 12px;
  height: 12px;
  background-color: #2c323f;
  outline: 5px solid rgba(44, 50, 63, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-warning {
  min-width: 6px;
  height: 6px;
  background-color: #FFAE1A;
  border-radius: 100%;
  outline: 5px solid rgba(255, 174, 26, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-warning {
  min-width: 12px;
  height: 12px;
  background-color: #FFAE1A;
  outline: 5px solid rgba(255, 174, 26, 0.25);
  position: relative;
  z-index: 2; }

@media only screen and (max-width: 1800px) and (min-width: 1400px) {
  .grid-ed-none {
    display: none !important; }
  .grid-ed-12 {
    width: 100%; } }

@media only screen and (max-width: 1660px) and (min-width: 1400px) {
  .col-ed-12 {
    width: 100%; }
  .col-ed-7 {
    width: 58%; }
  .col-ed-5 {
    width: 42%; }
  .col-ed-9 {
    width: 75%; }
  .col-ed-3 {
    width: 25%; }
  .col-ed-6 {
    width: 50%; }
  .col-ed-4 {
    width: 33.33333333%; }
  .col-ed-8 {
    width: 66.66%; }
  .col-ed-none {
    display: none !important; } }

@media only screen and (max-width: 1660px) and (min-width: 1200px) {
  .xl-30 {
    max-width: 30%;
    flex: 0 0 30%; }
  .xl-70 {
    max-width: 70%;
    flex: 0 0 70%; } }

@media only screen and (max-width: 420px) {
  .size-column .col-6 {
    width: 100%; } }

.total-project .bubbles {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  top: 0;
  left: 0; }

.total-project .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(0, 102, 102, 0.1);
  position: absolute;
  animation: floating 10s infinite ease-in; }
  .total-project .bubble:nth-child(1) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 10%;
    animation-duration: 13s; }
  .total-project .bubble:nth-child(2) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 20%;
    animation-duration: 14s;
    animation-delay: 1s; }
  .total-project .bubble:nth-child(3) {
    height: 24px;
    width: 24px;
    border-radius: 15px;
    left: 35%;
    animation-duration: 16s;
    animation-delay: 3s; }
  .total-project .bubble:nth-child(4) {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    left: 50%;
    animation-duration: 13s;
    animation-delay: 1s; }
  .total-project .bubble:nth-child(5) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 5%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-project .bubble:nth-child(6) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 30%;
    animation-duration: 19s;
    animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.total-Progress .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(255, 174, 26, 0.1);
  position: absolute;
  animation: floating 10s infinite ease-in; }
  .total-Progress .bubble:nth-child(1) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 10%;
    animation-duration: 18s; }
  .total-Progress .bubble:nth-child(2) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 20%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(3) {
    height: 24px;
    width: 24px;
    border-radius: 15px;
    left: 65%;
    animation-duration: 12s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(4) {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    left: 34%;
    animation-duration: 16s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(5) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 5%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(6) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 14%;
    animation-duration: 12s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(7) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 41%;
    animation-duration: 16s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(8) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 3%;
    animation-duration: 11s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(9) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 48%;
    animation-duration: 18s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(10) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 46%;
    animation-duration: 10s;
    animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.total-Complete .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(254, 106, 73, 0.1);
  position: absolute;
  animation: floating 10s infinite ease-in; }
  .total-Complete .bubble:nth-child(1) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 10%;
    animation-duration: 11s; }
  .total-Complete .bubble:nth-child(2) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 20%;
    animation-duration: 15s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(3) {
    height: 24px;
    width: 24px;
    border-radius: 15px;
    left: 35%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(4) {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    left: 60%;
    animation-duration: 19s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(5) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 51%;
    animation-duration: 14s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(6) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 96%;
    animation-duration: 14s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(7) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 69%;
    animation-duration: 18s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(8) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 36%;
    animation-duration: 20s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(9) {
    height: 25px;
    width: 25px;
    border-radius: 30px;
    left: 75%;
    animation-duration: 25s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(10) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 36%;
    animation-duration: 35s;
    animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.total-upcoming {
  border-bottom: 2px solid var(--body-font-color); }
  .total-upcoming .bubble {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    background-color: rgba(108, 117, 125, 0.1);
    position: absolute;
    animation: floating 10s infinite ease-in; }
    .total-upcoming .bubble:nth-child(1) {
      height: 25px;
      width: 25px;
      border-radius: 15px;
      left: 10%;
      animation-duration: 17s; }
    .total-upcoming .bubble:nth-child(2) {
      height: 28px;
      width: 28px;
      border-radius: 15px;
      left: 70%;
      animation-duration: 10s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(3) {
      height: 24px;
      width: 24px;
      border-radius: 15px;
      left: 35%;
      animation-duration: 10s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(4) {
      height: 15px;
      width: 15px;
      border-radius: 15px;
      left: 10%;
      animation-duration: 16s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(5) {
      height: 20px;
      width: 20px;
      border-radius: 15px;
      left: 5%;
      animation-duration: 18s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(6) {
      height: 30px;
      width: 30px;
      border-radius: 15px;
      left: 52%;
      animation-duration: 14s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(7) {
      height: 35px;
      width: 35px;
      border-radius: 15px;
      left: 95%;
      animation-duration: 16s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(8) {
      height: 30px;
      width: 30px;
      border-radius: 15px;
      left: 35%;
      animation-duration: 13s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(9) {
      height: 25px;
      width: 25px;
      border-radius: 15px;
      left: 75%;
      animation-duration: 12s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(10) {
      height: 26px;
      width: 26px;
      border-radius: 15px;
      left: 14%;
      animation-duration: 9s;
      animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.project-details {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .project-details .project-counter {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 6px; }
    .project-details .project-counter span {
      font-size: 13px;
      font-weight: 400; }

.today-work-table .today-working-table tbody tr td {
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px dashed #E6E9EB; }

.today-work-table .today-working-table tbody tr td:nth-child(1) {
  min-width: 165px; }

.today-work-table .today-working-table tbody tr td:nth-child(2) {
  min-width: 170px; }

.today-work-table .today-working-table tbody tr td:nth-child(3) {
  min-width: 94px; }

.today-work-table .today-working-table tbody tr td:nth-child(4) .badge {
  padding: 8px 20px; }

.today-work-table .today-working-table tbody tr:first-child td {
  padding-top: 0px; }

.today-work-table .today-working-table tbody tr td a {
  color: #051A1A;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.today-work-table .today-working-table tbody tr:hover td a {
  color: var(--theme-deafult) !important; }

.today-work-table .today-working-table tbody tr:last-child td {
  padding-bottom: 0px;
  border: none; }

.add-project-link {
  background-color: rgba(68, 198, 198, 0.21);
  height: 5%; }
  .add-project-link .categories {
    background-image: url(/../images/dashboard-2/dashboard-banner.gif);
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    background-position: center; }
  .add-project-link .categories-content {
    padding: 22px 15px; }
    .add-project-link .categories-content p {
      font-size: 13px;
      font-weight: 500;
      margin-bottom: 10px; }
    .add-project-link .categories-content a {
      font-size: 16px;
      font-weight: 700;
      color: #051A1A;
      text-decoration: underline; }

.projectlist-card {
  border: 1px solid #ecf3fa;
  border-radius: 8px; }
  .projectlist-card .projectlist {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    padding: 20px 20px 0px; }
    .projectlist-card .projectlist .project-data {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px; }
      .projectlist-card .projectlist .project-data div a {
        color: #051A1A; }
    .projectlist-card .projectlist .nft-img {
      border-radius: 4px; }
    .projectlist-card .projectlist .badge-primary {
      color: #006666; }
  .projectlist-card .project-comment {
    padding: 0px 20px;
    margin-top: 8px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .projectlist-card .project-comment .project-comment-icon {
      display: flex;
      align-items: center;
      gap: 15px;
      position: relative; }
      .projectlist-card .project-comment .project-comment-icon svg {
        height: 16px;
        width: 16px; }
      .projectlist-card .project-comment .project-comment-icon span {
        font-weight: 500;
        font-size: 12px;
        color: var(--body-font-color); }
      .projectlist-card .project-comment .project-comment-icon .project-link {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px; }
        .projectlist-card .project-comment .project-comment-icon .project-link::before {
          height: 17px;
          width: 1px;
          background-color: var(--body-font-color);
          position: absolute;
          content: "";
          right: 35px; }
  .projectlist-card .project-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 20px; }
    .projectlist-card .project-date span:last-child {
      color: #FE6A49; }

.project-meeting-details {
  border-top: 1px solid #E6E9EB;
  margin-top: 10px; }
  .project-meeting-details .project-meeting {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 20px;
    margin-bottom: 3px;
    margin-top: 20px; }
    .project-meeting-details .project-meeting span {
      font-weight: 500;
      font-size: 12px;
      color: var(--body-font-color); }
  .project-meeting-details .project-meeting-time {
    padding: 0px 20px;
    margin-top: 3px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .project-meeting-details .project-meeting-time a {
      color: #051A1A; }
  .project-meeting-details:hover a {
    color: #006666; }

.avatar-showcase img.img-25 {
  width: 25px;
  height: 25px; }

.client-list-table table tbody tr td {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E6E9EB;
  padding-top: 15px;
  padding-bottom: 15px; }
  .client-list-table table tbody tr td a {
    color: #051A1A; }
  .client-list-table table tbody tr td .product-sub svg {
    height: 28px;
    width: 28px;
    cursor: pointer; }
  .client-list-table table tbody tr td .user-id {
    display: flex;
    align-items: center;
    position: relative;
    min-width: 195px; }
    .client-list-table table tbody tr td .user-id::before {
      height: 50px;
      width: 1px;
      content: "";
      position: absolute;
      background-color: #E6E9EB;
      right: 11%; }
  .client-list-table table tbody tr td .user-comment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 180px; }

.client-list-table table tbody tr:hover td a {
  color: #006666; }

.client-list-table table tbody tr:first-child td {
  padding-top: 0px; }

.client-list-table table tbody tr:last-child td {
  padding-bottom: 0px;
  border: none; }

.project-table .radial-chart-wrap {
  height: 30px;
  width: 68px; }
  .project-table .radial-chart-wrap > div {
    height: 75px;
    width: 100px; }
    .project-table .radial-chart-wrap > div.widgetsChart .apexcharts-theme-light .apexcharts-graphical .apexcharts-datalabels-group .apexcharts-datalabel-label {
      display: none; }

.project-table .project-comment .project-comment-icon {
  display: flex;
  align-items: center;
  position: relative;
  gap: 15px; }
  .project-table .project-comment .project-comment-icon .project-link {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px; }
    .project-table .project-comment .project-comment-icon .project-link svg {
      height: 16px;
      width: 16px; }
    .project-table .project-comment .project-comment-icon .project-link::before {
      height: 17px;
      width: 1px;
      background-color: #E6E9EB;
      position: absolute;
      content: "";
      left: 47px; }

.activity-log-card ul::before {
  height: calc(100% - 150px);
  border-left: 1px dashed #E6E9EB;
  content: "";
  z-index: 1;
  position: absolute;
  left: 36px; }

.activity-log-card ul li div .username {
  color: #051A1A; }
  .activity-log-card ul li div .username:hover {
    color: #006666; }

.activity-log {
  margin-bottom: 24px; }
  .activity-log .activity-log-img {
    height: 34px;
    width: 34px;
    z-index: 2; }
  .activity-log .user-id {
    margin-bottom: 2px; }
  .activity-log:last-child {
    margin-bottom: 0px; }
  .activity-log h6 {
    display: block;
    margin-bottom: 2px; }
    .activity-log h6 a {
      color: #051A1A;
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box !important;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      white-space: normal; }
  .activity-log:hover h6 a {
    color: #006666 !important; }

.user-message svg {
  height: 24px;
  width: 24px; }

.user-message ul li {
  border-bottom: 1px solid #E6E9EB;
  margin-bottom: 20px; }
  .user-message ul li .activity-log {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 20px;
    position: relative; }
    .user-message ul li .activity-log .status {
      position: absolute;
      height: 9px;
      width: 9px;
      border-radius: 100%;
      bottom: 3px;
      left: 25px;
      z-index: 2; }
      .user-message ul li .activity-log .status.bg-warning {
        border: 1px solid #fff; }
  .user-message ul li:last-of-type .activity-log {
    margin-bottom: 0px; }
  .user-message ul li:last-of-type {
    border: none;
    margin-bottom: 0px; }
  .user-message ul li:last-child .activity-log {
    margin-bottom: 0px; }
  .user-message ul li:last-child {
    border: none;
    margin-bottom: 0px; }

.user-message .activity-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%; }

.project-ideas-card::before {
  background: radial-gradient(circle, #1baeae 2%, #1a9494 50%, #048f8f 100%);
  height: 123px;
  width: 109%;
  content: "";
  position: absolute;
  overflow: hidden;
  top: 0;
  border-radius: 0 0 100% 100%;
  left: 50%;
  transform: translateX(-50%); }
  @media (max-width: 1799px) {
    .project-ideas-card::before {
      height: 102px; } }
.project-ideas-card .project-card {
  background-image: url(/../images/dashboard-2/office-work.gif);
  background-size: contain;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
  padding: 257px 0px;
  border-radius: 5px; }
  @media (max-width: 1875px) {
    .project-ideas-card .project-card {
      padding: 230px 0px; } }
  @media (max-width: 1800px) {
    .project-ideas-card .project-card {
      padding: 228px 0px; } }
  @media (max-width: 1799px) {
    .project-ideas-card .project-card {
      padding: 204px 0px; } }
  .project-ideas-card .project-card span {
    position: absolute;
    top: 20px;
    left: 10px;
    color: #fff; }
  .project-ideas-card .project-card .btn-showcase {
    margin-top: -85px;
    display: flex;
    justify-content: center;
    align-items: center; }

@media (max-width: 1568px) and (min-width: 1501px) {
  .timeline-calendar {
    width: 495px; } }

@media (max-width: 1194px) and (min-width: 768px) {
  .timeline-calendar {
    width: 801px;
    overflow-x: auto; } }

.timeline-calendar .custom-calendar {
  height: 374px !important; }
  @media (max-width: 1799px) {
    .timeline-calendar .custom-calendar {
      height: 334px !important; } }
.project-table {
  overflow-y: hidden; }
  .project-table .invoice-icon {
    height: 24px;
    width: 24px;
    cursor: pointer; }
  .project-table .order-table thead {
    background-color: rgba(230, 233, 235, 0.3); }
    .project-table .order-table thead tr th {
      padding: 20px; }
      .project-table .order-table thead tr th:nth-child(1) {
        min-width: 190px; }
      .project-table .order-table thead tr th:nth-child(2) {
        min-width: 200px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(3) {
        min-width: 130px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(4) {
        min-width: 100px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(5) {
        min-width: 50px; }
      .project-table .order-table thead tr th:first-child {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .project-table .order-table thead tr th:last-child {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; }
  .project-table .order-table tbody tr {
    border-bottom: 1px solid #E6E9EB; }
    .project-table .order-table tbody tr td {
      padding-top: 17px;
      padding-bottom: 17px; }
      .project-table .order-table tbody tr td p {
        color: var(--body-font-color);
        font-weight: 500; }
      .project-table .order-table tbody tr td .status-process {
        border-radius: 15px;
        padding: 12px; }
      .project-table .order-table tbody tr td:last-child .product-sub {
        text-align: center; }
      .project-table .order-table tbody tr td:nth-child(5) span.pending {
        height: 3px;
        width: 3px;
        border-radius: 100%; }
    .project-table .order-table tbody tr:last-child {
      border: none; }
      .project-table .order-table tbody tr:last-child td {
        padding-bottom: 0px;
        margin-bottom: -20px; }
  .project-table .order-table tbody tr td a {
    color: #051A1A;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .project-table .order-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }

@media (max-width: 1599px) {
  .client-list-table .client-list .user-id {
    min-width: 100px; }
  .project-ideas-card {
    padding: 210px 0px; }
    .project-ideas-card .project-card span {
      max-width: 265px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -50px; }
  .small-widget .project-details .project-counter span {
    display: none; }
  .today-work-table table tbody tr td:nth-child(1) {
    min-width: 130px !important; }
  .today-work-table table tbody tr td:nth-child(2) {
    min-width: 126px !important; }
  .user-message .activity-log .activity-name span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .online-store {
    display: none; }
  .card-title-underline a {
    display: none; }
  .activity-log-card .activity-log span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1699px) {
  .project-ideas-card .project-card {
    padding: 192px 0px; }
  .project-ideas-card .btn-showcase {
    margin-top: -85px !important; } }

@media (max-width: 1599px) {
  .project-ideas-card .project-card {
    padding: 208px 0px; }
  .project-ideas-card .btn-showcase {
    margin-top: -85px !important; } }

@media (max-width: 1499px) {
  .project-ideas-card .project-card {
    padding: 190px 0px; }
  .project-ideas-card .btn-showcase {
    margin-top: -62px !important; } }

@media (max-width: 1799px) {
  .client-list-table {
    overflow-y: hidden; }
    .client-list-table .client-list .user-id {
      min-width: 140px; }
      .client-list-table .client-list .user-id .avatars {
        display: none; }
  .activity-log-card .activity-log .user-id span {
    display: none; }
  .activity-log-card .activity-log span {
    max-width: 709px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .today-work-table table tbody tr td:nth-child(3) {
    display: none; }
  .projectlist-card .projectlist .project-data span {
    display: block; }
  .projectlist-card .projectlist span {
    display: none; }
  .projectlist-card .project-meeting-details .project-meeting {
    margin-top: 12px; }
    .projectlist-card .project-meeting-details .project-meeting span:last-child {
      display: none; }
  .projectlist-card .project-meeting-details .project-meeting-time {
    margin-bottom: 12px; }
    .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
      display: none; }
  .client-list-table .client-list .product-sub .invoice-icon {
    display: none; } }

@media (max-width: 1499px) {
  .timeline-calendar .fc-toolbar-chunk {
    display: none; }
  .projectlist-card .project-comment .avatar-showcase ul li:nth-child(3) {
    display: inline-block !important; }
  .projectlist-card .project-comment .avatar-showcase ul li:nth-child(4) {
    display: inline-block !important; } }

@media (max-width: 1399px) {
  .project-details .project-counter span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1199px) {
  .activity-group {
    display: block !important; }
    .activity-group::before {
      display: none; }
  .add-project-link {
    height: 9%; }
    .add-project-link .categories {
      width: 25%; }
  .project-ideas-card .project-card {
    padding: 237px 0px; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -113px !important; }
    .project-ideas-card .project-card span {
      top: 18px;
      left: 11px;
      max-width: 550px; }
  .user-message ul li:nth-child(6) {
    margin-bottom: 0px;
    border-bottom: none; }
    .user-message ul li:nth-child(6) .activity-log {
      margin-bottom: 0px;
      border: none; }
  .user-message ul li:nth-child(7) {
    display: none; }
  .user-message ul li:nth-child(8) {
    display: none; }
  .user-message ul li:last-child {
    display: none; }
  .today-work-table .today-working-table tbody tr td:nth-child(2) {
    min-width: 150px !important; }
  .today-work-table .today-working-table tbody tr td:nth-child(3) {
    display: block; }
  .client-list-table .client-list .user-id {
    min-width: 350px; }
    .client-list-table .client-list .user-id .avatars {
      display: block; }
  .client-list-table .client-list .user-comment .product-sub .invoice-icon {
    display: block; }
  .small-widget .project-details .project-counter span {
    display: block; }
  .today-work-table table tbody tr td:nth-child(1) {
    min-width: 150px !important; }
  .marketing-app-card {
    display: none; }
  .project-table .invoice-icon {
    height: 24px;
    width: 24px;
    cursor: pointer; }
  .project-table .order-table thead {
    background-color: rgba(230, 233, 235, 0.3); }
    .project-table .order-table thead tr th {
      padding: 20px; }
      .project-table .order-table thead tr th:nth-child(1) {
        min-width: 290px; }
      .project-table .order-table thead tr th:nth-child(2) {
        min-width: 200px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(3) {
        min-width: 160px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(4) {
        min-width: 190px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(5) {
        min-width: 50px; }
      .project-table .order-table thead tr th:first-child {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .project-table .order-table thead tr th:last-child {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; }
  .project-table .order-table tbody tr {
    border-bottom: 1px solid #E6E9EB; }
    .project-table .order-table tbody tr td {
      padding-top: 17px;
      padding-bottom: 17px; }
      .project-table .order-table tbody tr td p {
        color: var(--body-font-color);
        font-weight: 500; }
      .project-table .order-table tbody tr td .status-process {
        border-radius: 15px;
        padding: 12px; }
      .project-table .order-table tbody tr td:last-child .product-sub {
        text-align: center; }
    .project-table .order-table tbody tr:last-child {
      border: none; }
      .project-table .order-table tbody tr:last-child td {
        padding-bottom: 0px;
        overflow: hidden; }
  .project-table .order-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; } }

@media (max-width: 992px) {
  .add-project-link {
    height: 9%; }
    .add-project-link .categories {
      width: 25%; }
  .today-work-table table tbody tr td:nth-child(3) {
    display: revert; }
  .timeline-calendar .fc-toolbar-chunk {
    display: block; }
  .project-ideas-card .project-card span {
    top: 18px;
    left: 4px; } }

@media (max-width: 767px) {
  .project-ideas-card::before {
    height: 95px; }
  .project-ideas-card .project-card {
    padding: 341px 0px; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -218px !important; }
    .project-ideas-card .project-card span {
      top: 27px;
      left: 88px; }
  .add-project-link {
    height: 6%; }
    .add-project-link .categories {
      width: 25%; }
  .activity-log-card .activity-log span {
    max-width: 100%; }
  .projectlist-card .projectlist .project-data span {
    display: block; }
  .projectlist-card .projectlist span {
    display: block; }
  .projectlist-card .project-meeting-details .project-meeting span:last-child {
    display: block; }
  .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
    display: block; }
  .client-list-table .client-list .user-id {
    min-width: 240px; }
  .marketing-app-card {
    display: block; }
  .important-project {
    gap: 15px; } }

@media (max-width: 680px) {
  .project-ideas-card .project-card span {
    top: 23px;
    left: 60px; } }

@media (max-width: 610px) {
  .project-ideas-card .project-card span {
    left: 30px; } }

@media (max-width: 575px) {
  .fc-toolbar-chunk .fc-button-group {
    display: none; }
  .project-ideas-card .project-card {
    padding: 581px 0px 0px; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -455px !important; }
    .project-ideas-card .project-card span {
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box !important;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      white-space: normal;
      top: 25px;
      left: 26px; } }

@media (max-width: 480px) {
  .project-ideas-card .project-card {
    padding: 502px 0px 0px !important; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -377px !important; }
    .project-ideas-card .project-card span {
      left: 24px; }
  .timeline-calendar .custom-calendar .time-line table thead tr th.fc-col-header-cell .fc-scrollgrid-sync-inner a {
    font-size: 10px;
    padding: 6px 4px; }
  .projectlist-card .projectlist .project-data span {
    display: block; }
  .projectlist-card .projectlist span {
    display: none; }
  .projectlist-card .project-meeting-details .project-meeting {
    margin-top: 12px; }
    .projectlist-card .project-meeting-details .project-meeting span:last-child {
      display: none; }
  .projectlist-card .project-meeting-details .project-meeting-time {
    margin-bottom: 12px; }
    .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
      display: none; }
  .total-revenue .dropdown-calendar {
    display: none; }
  .projectlist-row justify-content-center .projectlist .project-data span {
    display: block; }
  .projectlist-row justify-content-center .projectlist span {
    display: none; }
  .projectlist-row justify-content-center .project-meeting-details .project-meeting {
    margin-top: 12px; }
    .projectlist-row justify-content-center .project-meeting-details .project-meeting span:last-child {
      display: none; }
  .projectlist-row justify-content-center .project-meeting-details .project-meeting-time {
    margin-bottom: 12px; }
    .projectlist-row justify-content-center .project-meeting-details .project-meeting-time a:last-child {
      display: none; } }

@media (max-width: 399px) {
  .project-ideas-card .project-card {
    padding: 420px 0px 0px !important; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -301px !important; } }

@media (max-width: 1499px) {
  .project-table .order-table thead tr th:nth-child(3) {
    display: none; }
  .project-table .order-table tbody tr td:nth-child(3) {
    display: none; } }

@media (max-width: 1399px) {
  .project-table .order-table thead tr th:nth-child(3) {
    display: block; }
  .project-table .order-table tbody tr td:nth-child(3) {
    display: block; } }

@media (max-width: 360px) {
  .timeline-calendar .custom-calendar .time-line table thead tr th.fc-col-header-cell .fc-scrollgrid-sync-inner a {
    font-size: 10px;
    padding: 6px 0px; }
  .projectlist-card .project-date span:last-child {
    display: none; }
  .projectlist-card .project-comment .project-comment-icon {
    display: none; } }

.total-revenue {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .total-revenue span {
    color: var(--body-font-color);
    font-weight: 500; }
  .total-revenue a {
    font-weight: 600; }

/**=====================
    3.9 Dashboard_2 CSS End
==========================**/
/**=====================
    3.10 Dashboard_3 CSS Start
==========================**/
@keyframes hand-move {
  0% {
    transform: rotate(0deg); }
  20% {
    transform: rotate(15deg); }
  50% {
    transform: rotate(0deg); }
  80% {
    transform: rotate(-15deg); }
  100% {
    transform: rotate(0deg); } }

.course-box {
  overflow: hidden; }
  .course-box .card-body {
    padding: 25px 15px; }
    @media (max-width: 1722px) {
      .course-box .card-body {
        padding: 20px 15px; } }
    @media (max-width: 1660px) {
      .course-box .card-body {
        padding: 16px 15px; } }
  @media (max-width: 1660px) {
    .course-box.widget-course .card-body {
      padding: 25px 15px; } }
  .course-box:hover {
    transform: translateY(-5px);
    transition: 0.5s; }
    .course-box:hover .course-icon svg {
      animation: tada 1.5s ease infinite; }

.course-widget {
  display: flex;
  gap: 8px; }
  .course-widget .course-icon {
    position: relative;
    width: 54px;
    height: 54px;
    clip-path: polygon(40% 7.67949%, 43.1596% 6.20615%, 46.52704% 5.30384%, 50% 5%, 53.47296% 5.30384%, 56.8404% 6.20615%, 60% 7.67949%, 81.65064% 20.17949%, 84.50639% 22.17911%, 86.97152% 24.64425%, 88.97114% 27.5%, 90.44449% 30.6596%, 91.34679% 34.02704%, 91.65064% 37.5%, 91.65064% 62.5%, 91.34679% 65.97296%, 90.44449% 69.3404%, 88.97114% 72.5%, 86.97152% 75.35575%, 84.50639% 77.82089%, 81.65064% 79.82051%, 60% 92.32051%, 56.8404% 93.79385%, 53.47296% 94.69616%, 50% 95%, 46.52704% 94.69616%, 43.1596% 93.79385%, 40% 92.32051%, 18.34936% 79.82051%, 15.49361% 77.82089%, 13.02848% 75.35575%, 11.02886% 72.5%, 9.55551% 69.3404%, 8.65321% 65.97296%, 8.34936% 62.5%, 8.34936% 37.5%, 8.65321% 34.02704%, 9.55551% 30.6596%, 11.02886% 27.5%, 13.02848% 24.64425%, 15.49361% 22.17911%, 18.34936% 20.17949%);
    background: linear-gradient(310.31deg, #FF3364 14.71%, #FF7F9E 100%);
    display: flex;
    align-items: center;
    justify-content: center; }
    .course-widget .course-icon svg {
      width: 26px;
      height: 26px;
      fill: #fff; }
    .course-widget .course-icon.warning {
      background: linear-gradient(297.08deg, #FF9E2A -4.53%, #FFA941 98.25%); }
  .course-widget .btn-light {
    background: var(--course-light-btn) !important;
    border: none; }
  .course-widget a {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    margin-top: 25px; }
    .course-widget a span {
      display: block;
      margin-bottom: -5px; }
    .course-widget a svg {
      width: 13px;
      height: 13px; }

.get-card .card-header {
  padding-left: 20px;
  padding-right: 20px; }

.square-group {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: scaleX(-1); }
  [dir="rtl"] .square-group {
    right: unset;
    left: 0; }
  .square-group .square-1 {
    width: 12px;
    height: 18px; }
  .square-group .square-2 {
    width: 12px;
    height: 10px;
    margin-bottom: -10px; }
  .square-group .square-3 {
    width: 18px;
    height: 10px;
    margin-left: 10px; }
    [dir="rtl"] .square-group .square-3 {
      margin-left: unset;
      margin-right: 10px; }
  .square-group .square-4 {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: -15px; }
    [dir="rtl"] .square-group .square-4 {
      right: unset;
      left: -15px; }
  .square-group .square-5 {
    width: 6px;
    height: 6px;
    bottom: 22px;
    position: absolute;
    right: -1px; }
    [dir="rtl"] .square-group .square-5 {
      right: unset;
      left: -1px; }
  .square-group .square-6,
  .square-group .square-7 {
    position: absolute;
    width: 4px;
    height: 4px; }
  .square-group .square-6 {
    right: -23px;
    bottom: 5px; }
    [dir="rtl"] .square-group .square-6 {
      right: unset;
      left: -23px; }
  .square-group .square-7 {
    right: 8px;
    bottom: 45px; }
    [dir="rtl"] .square-group .square-7 {
      right: unset;
      left: 8px; }
  .square-group .warning1 {
    background: #FFD497; }
  .square-group .warning {
    background: #FFA73B; }
  .square-group .primary {
    background: #006666; }
  .square-group .danger {
    background: #f54132; }
  .square-group .light {
    background: #E6E8EF; }
  .square-group .success {
    background: #00AC46; }

.progress-chart-wrap {
  margin: -40px 0 -22px; }
  [dir="rtl"] .progress-chart-wrap {
    direction: ltr; }
  @media (max-width: 991px) {
    .progress-chart-wrap {
      margin-top: -18px; } }
  .progress-chart-wrap .apexcharts-canvas {
    margin: 0 auto; }
    .progress-chart-wrap .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-label {
      fill: var(--chart-text-color); }

.get-card .btn {
  margin-top: 15px;
  padding: 8px 15px; }
  .get-card .btn:hover svg {
    transform: translateX(5px);
    transition: 0.5s; }
  .get-card .btn svg {
    width: 13px;
    height: 13px;
    fill: #fff;
    vertical-align: middle;
    transition: 0.5s; }

.default-datepicker .datepicker-inline .datepicker {
  width: auto;
  background: #fff;
  box-shadow: none;
  padding: 0; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content {
    padding: 0; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {
      margin: 27px 0 0;
      padding: 15px 0; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name {
        color: #2b2b2b;
        font-size: 14px; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
      height: 35px;
      width: 14%;
      color: #2b2b2b; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-other-month- {
        color: #2b2b2b;
        opacity: 20%; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-weekend- + .-weekend- {
        color: #FE6A49; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell {
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      z-index: 0;
      letter-spacing: 2px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected- {
        background: var(--theme-deafult);
        color: #fff;
        position: relative;
        box-shadow: 0px 0px 13px 0 rgba(0, 102, 102, 0.5); }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-current- {
        background-color: #00AC46;
        border: none;
        color: #fff; }
        .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-current-::after {
          position: absolute;
          content: '';
          width: 10px;
          height: 10px;
          border: 2px solid var(--white);
          background: #FE6A49;
          right: -3px;
          top: -2px;
          border-radius: 100%; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-focus- {
        color: #fff;
        box-shadow: none; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker-cell .datepicker--cell-month.-current-.-selected- {
      background-color: var(--theme-deafult); }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav {
    border-bottom: none;
    padding: 0;
    text-transform: capitalize;
    margin-top: 0; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action {
      background-color: transparent;
      width: 22px;
      height: 22px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action[data-action="prev"] {
        position: absolute;
        right: 50px; }
        [dir="rtl"] .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action[data-action="prev"] {
          right: unset;
          left: 50px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action svg {
        width: 22px;
        height: 22px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action path {
        stroke: var(--chart-text-color); }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
    color: #2b2b2b;
    font-size: 20px;
    font-weight: 500; }
    @media (max-width: 767px) {
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
        font-size: 14px; } }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
      margin-left: 10px;
      font-weight: 500;
      font-size: 20px;
      color: #2b2b2b; }
      @media (max-width: 767px) {
        .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
          font-size: 14px; } }
.learning-wrap {
  margin: -24px -10px -24px -15px; }

.activity-wrap {
  margin: -22px 0 -22px -28px; }
  [dir="rtl"] .activity-wrap {
    margin: -22px -28px -22px 0; }

.upcoming-event-wrap {
  margin-bottom: -39px;
  margin-left: -24px; }

.course-card .dropdown .dropdown-toggle {
  width: 125px; }

.course-wrapper {
  text-align: center; }
  .course-wrapper .course-icon-box {
    position: relative;
    padding: 8px; }
    @media (max-width: 767px) {
      .course-wrapper .course-icon-box {
        padding: 0; } }
    .course-wrapper .course-icon-box .icon-wrap {
      width: 117px;
      height: 92px;
      background-color: var(--course-bg);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 8px;
      margin: 0 auto;
      box-shadow: -18px 15px 20px rgba(119, 119, 119, 0.25); }
      @media (max-width: 1880px) {
        .course-wrapper .course-icon-box .icon-wrap {
          width: 112px; } }
      @media (max-width: 767px) {
        .course-wrapper .course-icon-box .icon-wrap {
          box-shadow: none; } }
      @media (max-width: 575px) {
        .course-wrapper .course-icon-box .icon-wrap {
          width: 92px;
          height: 82px; } }
      .course-wrapper .course-icon-box .icon-wrap img {
        width: 80px; }
        @media (max-width: 575px) {
          .course-wrapper .course-icon-box .icon-wrap img {
            width: 70px; } }
    .course-wrapper .course-icon-box .arrow-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: calc(100% + 20px);
      height: 100%; }
      [dir="rtl"] .course-wrapper .course-icon-box .arrow-bg {
        left: unset;
        right: 0;
        transform: scaleX(-1); }
      @media (max-width: 767px) {
        .course-wrapper .course-icon-box .arrow-bg {
          display: none; } }
  .course-wrapper h6 {
    margin-top: 25px;
    margin-bottom: 0; }
    @media (max-width: 575px) {
      .course-wrapper h6 {
        margin-top: 15px; } }
.course-main-card {
  display: flex;
  gap: 20px;
  justify-content: center; }
  @media (max-width: 1880px) {
    .course-main-card {
      flex-wrap: wrap; } }
  @media (max-width: 767px) {
    .course-main-card {
      gap: 12px;
      flex-wrap: nowrap; } }
  @media (max-width: 575px) {
    .course-main-card {
      gap: 20px;
      flex-wrap: wrap; } }
  .course-main-card .course-wrapper:last-child .arrow-bg {
    width: 100%; }

.schedule-list {
  display: flex;
  flex-direction: column;
  gap: 20px; }
  @media (max-width: 767px) {
    .schedule-list {
      flex-direction: row; } }
  @media (max-width: 575px) {
    .schedule-list {
      flex-direction: column; } }
  .schedule-list li {
    display: flex;
    align-items: center; }
    .schedule-list li h6 {
      font-size: 14px; }
    .schedule-list li ul {
      column-count: 2;
      column-rule-style: solid;
      column-rule-color: var(--chart-text-color);
      column-gap: 20px;
      column-rule-width: 1px; }
      @media (max-width: 1712px) {
        .schedule-list li ul {
          column-gap: 14px; } }
      @media (max-width: 1199px) {
        .schedule-list li ul {
          display: flex;
          flex-wrap: wrap; } }
      .schedule-list li ul li {
        gap: 6px; }
    .schedule-list li img {
      border-radius: 100%;
      width: 37px;
      height: 37px;
      padding: 3px; }
    .schedule-list li svg {
      width: 15px;
      height: 15px; }
      .schedule-list li svg.f-success {
        fill: #00AC46; }
  .schedule-list > li {
    padding: 15px 20px;
    box-shadow: 4px 7px 17px 5px rgba(46, 35, 94, 0.05);
    gap: 10px;
    position: relative;
    border-radius: 10px; }
    @media (max-width: 1712px) {
      .schedule-list > li {
        padding: 16px 14px; } }
    .schedule-list > li::before {
      position: absolute;
      content: '';
      width: 5px;
      height: 100%;
      left: 0;
      top: 0;
      border-radius: 15px 0 0 15px; }
      [dir="rtl"] .schedule-list > li::before {
        left: unset;
        right: 0;
        border-radius: 0 15px 15px 0; }
    .schedule-list > li.primary::before {
      background-color: var(--theme-deafult); }
    .schedule-list > li.primary img {
      border: 1px solid var(--theme-deafult); }
    .schedule-list > li.warning::before {
      background-color: #FFAE1A; }
    .schedule-list > li.warning img {
      border: 1px solid #FFAE1A; }

.link-only {
  display: flex;
  align-items: center;
  color: #FFFFFF; }
  .link-only svg {
    width: 16px;
    height: 16px; }

.lessons-lists li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 0; }
  .lessons-lists li img {
    transition: 0.5s; }
  .lessons-lists li + li {
    border-top: 1px solid var(--chart-dashed-border); }
  .lessons-lists li:first-child {
    padding-top: 0; }
  .lessons-lists li:last-child {
    padding-bottom: 0; }
  .lessons-lists li:hover img {
    transform: scale(1.1);
    transition: 0.5s; }

.lesson-wrap {
  width: 50px;
  margin-bottom: -11px;
  margin-top: -6px; }
  .lesson-wrap .apexcharts-canvas .apexcharts-datalabel-label {
    display: none; }

@media only screen and (max-width: 575px) {
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
    font-size: 17px; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
      font-size: 17px;
      margin-left: 10px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell {
    font-size: 13px; } }

@media only screen and (max-width: 360px) {
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected-:before {
    height: 36px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
    height: 36px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {
    margin: 13px 0 13px; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name {
      font-size: 12px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
    margin-left: 15px;
    font-size: 25px; } }

.tranaction-table tbody tr td a {
  color: #051A1A !important; }

.revenuegrowth {
  position: relative; }
  .revenuegrowth .apexcharts-xaxistooltip {
    display: none; }
  .revenuegrowth .revenuegrowth-chart::before {
    content: "";
    height: calc(100% - 10px);
    position: absolute;
    background-color: #E6E9EB;
    width: 2px;
    right: 0;
    top: 0; }

.icon-menu-header svg {
  height: 25px;
  width: 25px; }

.revenuegrowth-details {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  gap: 20px; }
  .revenuegrowth-details .growth-details {
    border-bottom: 1px dashed #E6E9EB; }
    .revenuegrowth-details .growth-details span:first-child {
      margin-bottom: 6px; }
    .revenuegrowth-details .growth-details:last-child {
      border: none; }

.boost-up-card {
  background: radial-gradient(circle, #1baeae 2%, #1a9494 50%, #048f8f 100%); }
  .boost-up-card h6 {
    z-index: 2; }

.img-boostup {
  position: absolute;
  top: 0px;
  right: 237px; }
  .img-boostup .img-boostup-img-1 {
    left: -63px;
    top: -114px;
    position: absolute;
    height: 257px; }
  .img-boostup .img-boostup-img-2 {
    position: absolute;
    top: 70px;
    left: -61px;
    height: 187px; }

.progress-value .progress {
  margin-top: -2px !important;
  height: 3px;
  width: 100%; }
  .progress-value .progress .progress-bar {
    background-color: var(--theme-deafult); }

.deliveries-percentage .percentage-data thead tr {
  border-bottom: 1px solid #E6E9EB; }
  .deliveries-percentage .percentage-data thead tr th {
    padding-top: 18px;
    padding-bottom: 18px; }

.deliveries-percentage .percentage-data tbody tr {
  border-bottom: 1px dashed #E6E9EB; }
  .deliveries-percentage .percentage-data tbody tr td {
    padding-top: 18px;
    padding-bottom: 18px; }
    .deliveries-percentage .percentage-data tbody tr td a {
      color: #051A1A; }
  .deliveries-percentage .percentage-data tbody tr:hover td a {
    color: #006666; }
  .deliveries-percentage .percentage-data tbody tr:last-child {
    border: none; }
    .deliveries-percentage .percentage-data tbody tr:last-child td {
      padding-bottom: 0px; }

.top-product-card ul li.top-product {
  border-bottom: 1px solid #E6E9EB;
  padding-top: 16px;
  padding-bottom: 16px; }
  .top-product-card ul li.top-product .product-img {
    height: 60px;
    width: 73px;
    border-radius: 4px; }
  .top-product-card ul li.top-product:last-child {
    border: none;
    padding-bottom: 0px; }
  .top-product-card ul li.top-product:first-child {
    padding-top: 0px; }

.top-product-card ul li .product-items {
  display: flex;
  align-items: end;
  flex-direction: column;
  justify-content: center;
  gap: 3px; }

.top-product-card ul li .product-details {
  display: flex;
  flex-direction: column;
  gap: 3px; }
  .top-product-card ul li .product-details a {
    color: #051A1A !important; }

.top-product-card ul li:hover a {
  color: var(--theme-deafult) !important; }

.new-user ul li {
  border: 1px solid #E6E9EB;
  border-radius: 4px;
  margin-bottom: 18px;
  transition: all .4s; }
  .new-user ul li svg {
    height: 24px;
    width: 24px; }
  .new-user ul li:last-child {
    margin-bottom: 0px; }
  .new-user ul li .user-name {
    padding: 12px;
    align-items: end; }
  .new-user ul li a {
    color: #051A1A !important; }
  .new-user ul li:hover a {
    color: var(--theme-deafult) !important; }

.activity-table table tbody tr:last-child td {
  padding-bottom: 0px; }
  .activity-table table tbody tr:last-child td .team-activity::before {
    height: unset; }

.activity-table table tbody tr td {
  padding: 11px 0px; }
  .activity-table table tbody tr td .team-activity {
    position: relative; }
    .activity-table table tbody tr td .team-activity:before {
      height: 70px;
      border-left: 1px dashed #86909C;
      content: "";
      z-index: 0;
      position: absolute;
      left: 24px;
      top: 0px; }
    .activity-table table tbody tr td .team-activity .activity-data {
      margin-bottom: 18px; }
      .activity-table table tbody tr td .team-activity .activity-data:last-child {
        margin-bottom: 0px; }
      .activity-table table tbody tr td .team-activity .activity-data .subtitle p {
        max-width: 235px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .activity-table table tbody tr td .team-activity .activity-data .common-space {
        position: relative;
        gap: 20px; }
        .activity-table table tbody tr td .team-activity .activity-data .common-space::before {
          content: '';
          height: 100%;
          width: 2px;
          background-color: #E6E9EB;
          position: absolute;
          top: 0px;
          right: 0px; }
      .activity-table table tbody tr td .team-activity .activity-data .user-activity {
        min-width: 200px;
        position: relative; }
        .activity-table table tbody tr td .team-activity .activity-data .user-activity .rounded-circle {
          border: 1px dashed #86909C; }
        .activity-table table tbody tr td .team-activity .activity-data .user-activity::before {
          content: '';
          height: 100%;
          width: 2px;
          background-color: #E6E9EB;
          position: absolute;
          top: 0px;
          right: 0px; }
      .activity-table table tbody tr td .team-activity .activity-data .activity-time {
        min-width: 120px;
        position: relative; }
        .activity-table table tbody tr td .team-activity .activity-data .activity-time span::before {
          content: '';
          height: 4px;
          width: 4px;
          background-color: #E6E9EB;
          position: absolute;
          top: 8px;
          left: -9px;
          border-radius: 15px; }
      .activity-table table tbody tr td .team-activity .activity-data a {
        color: #051A1A !important; }
      .activity-table table tbody tr td .team-activity .activity-data:hover a {
        color: var(--theme-deafult) !important; }
  .activity-table table tbody tr td:last-child:before {
    display: none; }

.visited-dropdown {
  padding: 8px;
  border: 1px solid #E6E9EB;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .visited-dropdown svg {
    height: 25px;
    width: 25px; }

.tranaction-table thead {
  background-color: rgba(230, 233, 235, 0.3); }
  .tranaction-table thead tr th {
    padding: 20px; }
    .tranaction-table thead tr th:nth-child(1) {
      min-width: 160px; }
    .tranaction-table thead tr th:nth-child(2) {
      min-width: 150px;
      padding: 20px 0px; }
    .tranaction-table thead tr th:nth-child(3) {
      min-width: 130px;
      padding: 20px 0px; }
    .tranaction-table thead tr th:nth-child(4) {
      min-width: 100px;
      padding: 20px 0px; }
    .tranaction-table thead tr th:nth-child(5) {
      min-width: 50px; }
    .tranaction-table thead tr th:first-child {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important; }
    .tranaction-table thead tr th:last-child {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }

.tranaction-table tbody tr {
  border-bottom: 1px solid #E6E9EB; }
  .tranaction-table tbody tr td {
    padding-top: 17px;
    padding-bottom: 17px; }
    .tranaction-table tbody tr td .status-process {
      border-radius: 15px;
      padding: 12px; }
    .tranaction-table tbody tr td:last-child .product-sub {
      text-align: center; }
  .tranaction-table tbody tr:last-child {
    border: none; }
    .tranaction-table tbody tr:last-child td {
      padding-bottom: 0px; }

.tranaction-table tbody tr:hover td a {
  color: var(--theme-deafult) !important; }

@media (max-width: 1799px) {
  .table-order .tranaction-table thead tr th:nth-child(2) {
    display: none; }
  .table-order .tranaction-table tbody tr td:nth-child(2) {
    display: none; }
  .total-revenue .sales-chart-dropdown {
    display: none; }
  .revenuegrowth-details .growth-details p:last-child {
    display: none; }
  .selling-product .balance-data {
    flex-wrap: wrap;
    justify-content: center; }
    .selling-product .balance-data li {
      display: none; }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px; }
  .team-activity ul li.activity-data .activity-time {
    min-width: 90px; }
  .team-activity ul li.activity-data .subtitle {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .top-product-card .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1699px) {
  .activity-table table tbody tr td .team-activity .activity-data .user-activity {
    min-width: 77px; }
    .activity-table table tbody tr td .team-activity .activity-data .user-activity .username {
      display: none !important; }
  .deliveries-percentage .percentage-data .progress-value {
    display: none; }
  .deliveries-percentage .percentage-data .progress {
    display: none; }
  .deliveries-percentage .percentage-data .progress-value {
    justify-content: center; }
  .top-product-card ul li .top-product img {
    height: 40px;
    width: 60px; }
  .top-product-card ul li .product-details a {
    color: #051A1A !important; }
  .boost-up-card .img-boostup {
    right: 200px; }
    .boost-up-card .img-boostup .img-boostup-img-2 {
      position: absolute;
      top: 100px;
      left: -61px;
      height: 187px; } }

@media (max-width: 1599px) {
  row justify-content-center
.activity-table table tbody tr td .team-activity .activity-data .user-activity {
    min-width: 195px; }
    row justify-content-center
.activity-table table tbody tr td .team-activity .activity-data .user-activity .username {
      display: none !important; }
  .new-user ul li a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .deliveries-percentage .percentage-data .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .top-product-card ul li.top-product .product-details {
    max-width: 120px; }
  .top-product-card ul li.top-product .product-items {
    max-width: 195px; }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px; }
  .team-activity ul li.activity-data .activity-time {
    min-width: 90px; } }

@media (max-width: 1399px) {
  .selling-product .balance-data li {
    display: block; }
  .deliveries-percentage table.percentage-data thead tr th:nth-child(2) {
    display: none; }
  .deliveries-percentage table.percentage-data tbody td:nth-child(2) {
    display: none; }
  .revenuegrowth .revenuegrowth-chart::before {
    display: none; }
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .boostup-name h6 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 85px; } }

@media (max-width: 1199px) {
  .table-order .tranaction-table thead tr th:nth-child(2) {
    display: block !important; }
  .table-order .tranaction-table tbody tr td:nth-child(2) {
    display: block !important; }
  .activity-table table {
    overflow: auto !important; }
  .deliveries-percentage table.percentage-data tbody tr td {
    min-width: 178px; }
  .top-product-card .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .top-product-card ul li.top-product:last-child {
    display: none !important; }
  .top-product-card ul li.top-product:nth-child(3) {
    border: none; }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px; }
  .team-activity ul li.activity-data .activity-time {
    min-width: 95px; }
  .team-activity ul li.activity-data .subtitle {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 767px) {
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 110px; } }

@media (max-width: 575.98px) {
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media only screen and (max-width: 480px) {
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 95px; }
  .revenuegrowth {
    margin-bottom: -18px; } }

@media only screen and (max-width: 375px) {
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 116px; } }

/**=====================
  3.10 Dashboard_3 CSS Ends
==========================**/
/**=====================
  3.13 Dashboard_default CSS Start
==========================**/
.form-control-plaintext {
  width: auto !important; }

@keyframes bounce-effect {
  0% {
    transform: translateY(0);
    transition: 0.5s; }
  50% {
    transform: translateY(-5px);
    transition: 0.5s; }
  100% {
    transform: translateY(0);
    transition: 0.5s; } }

@keyframes round {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.badge-light-primary {
  background-color: #29ffff; }
  .badge-light-primary span {
    color: #006666 !important; }

.badge-light-secondary {
  background-color: white; }
  .badge-light-secondary span {
    color: #FE6A49 !important; }

.badge-light-success {
  background-color: #6fffa9; }
  .badge-light-success span {
    color: #00AC46 !important; }

.badge-light-danger {
  background-color: white; }
  .badge-light-danger span {
    color: #FE6A49 !important; }

.badge-light-info {
  background-color: #6e96e3; }
  .badge-light-info span {
    color: #173878 !important; }

.badge-light-light {
  background-color: #b7b7c9; }
  .badge-light-light span {
    color: #52526c !important; }

.badge-light-dark {
  background-color: #8490a9; }
  .badge-light-dark span {
    color: #2c323f !important; }

.badge-light-warning {
  background-color: #fff3dc; }
  .badge-light-warning span {
    color: #FFAE1A !important; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.table thead th {
  border-bottom: 2px solid #ecf3fa; }

@media (max-width: 1712px) {
  .overall-card .balance-card {
    padding: 12px; } }

@media (max-width: 1662px) and (min-width: 1600px) {
  .overall-card .col-xl-9 {
    width: 73%; }
  .overall-card .col-xl-3 {
    width: 27%; } }

@media (max-width: 1650px) and (min-width: 1600px) {
  .overall-card .col-xl-9 {
    width: 72%; }
  .overall-card .col-xl-3 {
    width: 28%; } }

@media (max-width: 1600px) and (min-width: 1500px) {
  .overall-card .col-xl-9 {
    width: 70%; }
  .overall-card .col-xl-3 {
    width: 30%; } }

@media (max-width: 1500px) and (min-width: 1200px) {
  .overall-card .col-xl-9 {
    width: 65%; }
  .overall-card .col-xl-3 {
    width: 35%; } }

/* Clock styles */
.clockbox {
  margin-bottom: -5px; }
  .clockbox svg {
    width: 45px;
    height: 45px; }
    @media (max-width: 767px) {
      .clockbox svg {
        height: 36px; } }
.circle {
  fill: #fff;
  stroke: rgba(255, 255, 255, 0.4);
  stroke-width: 80px;
  stroke-miterlimit: 10; }

.mid-circle {
  fill: #000; }

.hour-marks {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 9;
  stroke-miterlimit: 10; }

.hour-hand {
  fill: none;
  stroke: #ff7e00;
  stroke-width: 17;
  stroke-miterlimit: 10; }

.minute-hand {
  fill: none;
  stroke: #ff7e00;
  stroke-width: 11;
  stroke-miterlimit: 10; }

.second-hand {
  fill: none;
  stroke: #FFAE1A;
  stroke-width: 15px;
  stroke-miterlimit: 10; }

.sizing-box {
  fill: none; }

#hour,
#minute,
#second {
  transform-origin: 300px 300px;
  transition: transform .5s ease-in-out; }

@media (min-width: 1400px) {
  .widget-grid .height-equal {
    min-height: unset !important; } }

@media (min-width: 1400px) {
  .widget-grid > .col-xxl-auto {
    width: 22.22%; } }

.order-chart > div {
  margin-top: -25px;
  margin-bottom: -43px; }

.order-chart svg path {
  clip-path: inset(7% 0% 0% 0% round 0.6rem); }

.growth-wrap .card-header {
  position: relative;
  z-index: 1; }

.growth-wrapper > div {
  margin-top: -54px;
  margin-bottom: -25px; }
  @media (max-width: 1481px) {
    .growth-wrapper > div {
      margin-top: -50px; } }
.profit-chart > div {
  margin-top: -45px;
  margin-bottom: -48px; }

.profit-chart .apexcharts-canvas .apexcharts-tooltip-text-label {
  display: none; }

.card .card-footer .common-space a {
  color: #051A1A; }

.card .card-footer .common-space:hover a {
  color: #006666; }

.sales-wrapper .apexcharts-xaxistooltip {
  display: none; }

.total-order .apexcharts-xaxistooltip {
  display: none; }

.sales-chart {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.sales-chart-dropdown {
  display: flex;
  gap: 15px;
  align-items: center; }
  .sales-chart-dropdown .sales-chart-dropdown-select {
    display: flex;
    justify-content: end;
    gap: 15px; }

.total-revenue {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .total-revenue span {
    font-weight: 500; }
  .total-revenue .update-data {
    position: relative; }
    .total-revenue .update-data::before {
      content: "";
      position: absolute;
      height: 4px;
      width: 4px;
      bottom: 3px;
      left: -15px;
      bottom: 9px;
      border-radius: 15px;
      background-color: #86909C; }
  .total-revenue a {
    font-weight: 600; }

.total-chart {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: -45px;
  margin-top: -20px; }
  .total-chart .data-grow svg {
    width: 24px;
    height: 24px;
    cursor: pointer; }
  .total-chart .data-grow span {
    color: #051A1A; }

.special-Offer {
  background-image: url(/../images/dashboard/Banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 363px;
  border-radius: 8px;
  width: 100%;
  background-position: center; }
  .special-Offer h4 {
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    text-align: center; }
  .special-Offer p {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center; }
  .special-Offer .offer-contain {
    padding-top: 45px;
    text-align: center; }
    .special-Offer .offer-contain p {
      margin: 0px 20px; }

.ecommerce-banner {
  background-image: url(/../images/dashboard/Dashboard-Ecommerce-banner.gif);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 190px; }

.product-widget:hover {
  transform: translateY(-5px);
  transition: 0.5s; }

.new-product {
  padding: 16px !important; }
  .new-product svg {
    cursor: pointer; }
  .new-product:hover .product-cost .add-product svg {
    animation: tada 1.5s ease infinite; }
  .new-product .product-icon {
    height: 50px;
    width: 50px;
    border-radius: 6px; }
  .new-product .product-cost {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .new-product .product-cost .add-product {
      display: flex;
      align-items: center;
      gap: 16px; }
      .new-product .product-cost .add-product h6 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .new-product .product-cost .add-product span {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
    .new-product .product-cost .product-icon svg {
      height: 25px;
      margin: 12px;
      width: 25px; }

.product-costing {
  margin-bottom: 14px;
  border-bottom: 1px dashed #E6E9EB; }
  .product-costing p {
    font-size: 14px;
    font-weight: 500; }
  .product-costing span {
    margin-bottom: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .product-costing:last-child {
    border: none;
    margin-bottom: 0px; }
    .product-costing:last-child span {
      margin-bottom: 0px; }
  .product-costing .product-icon {
    height: 50px;
    width: 50px;
    border-radius: 6px; }
  .product-costing:last-child .costing-span {
    margin-bottom: 0px; }
  .product-costing .product-cost {
    display: flex;
    gap: 15px;
    margin-bottom: 8px; }
    .product-costing .product-cost .product-icon svg {
      height: 25px;
      margin: 12px;
      width: 25px;
      cursor: pointer; }
  .product-costing:hover .product-cost svg {
    animation: tada 1.5s ease infinite; }

.sale-history-card {
  margin-bottom: 16px;
  border-bottom: 1px solid #E6E9EB; }
  .sale-history-card:last-child {
    margin-bottom: 0px;
    border: none; }
  .sale-history-card:hover .history-price a {
    color: #006666 !important; }
  .sale-history-card .history-price {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .sale-history-card .history-price a {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: #051A1A; }
  .sale-history-card:last-child .state-time {
    margin-bottom: 0px; }
  .sale-history-card .state-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px; }

.table-order .order-table-images {
  height: 35px; }

.table-order .product-name {
  display: flex;
  align-items: center;
  gap: 15px; }
  .table-order .product-name img {
    border-radius: 4px; }

.table-order .invoice-icon {
  height: 24px;
  width: 24px; }

.table-order .latest-orders thead {
  background-color: rgba(230, 233, 235, 0.3); }
  .table-order .latest-orders thead tr th {
    padding: 20px; }
    .table-order .latest-orders thead tr th:nth-child(1) {
      min-width: 190px; }
    .table-order .latest-orders thead tr th:nth-child(2) {
      min-width: 200px;
      padding: 20px 0px; }
    .table-order .latest-orders thead tr th:nth-child(3) {
      min-width: 130px;
      padding: 20px 0px; }
    .table-order .latest-orders thead tr th:nth-child(4) {
      min-width: 90px;
      padding: 20px 0px; }
    .table-order .latest-orders thead tr th:nth-child(5) {
      min-width: 50px; }
    .table-order .latest-orders thead tr th:first-child {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important; }
    .table-order .latest-orders thead tr th:last-child {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }

.table-order .latest-orders tbody tr {
  border-bottom: 1px solid #E6E9EB; }
  .table-order .latest-orders tbody tr td {
    padding-top: 17px;
    padding-bottom: 17px; }
    .table-order .latest-orders tbody tr td:nth-child(4) .badge {
      padding: 7px 18px; }
    .table-order .latest-orders tbody tr td:last-child {
      text-align: center; }
    .table-order .latest-orders tbody tr td p {
      color: var(--body-font-color);
      font-weight: 500; }
    .table-order .latest-orders tbody tr td .status-process {
      border-radius: 15px;
      padding: 12px; }
    .table-order .latest-orders tbody tr td:last-child .product-sub {
      text-align: center; }
  .table-order .latest-orders tbody tr:last-child {
    border: none; }
    .table-order .latest-orders tbody tr:last-child td {
      padding-bottom: 0px;
      overflow: hidden; }

.table-order .latest-orders tbody tr td a {
  color: #051A1A; }

.table-order .latest-orders tbody tr:hover td a {
  color: var(--theme-deafult) !important; }

.table-order .order-table thead {
  background-color: rgba(230, 233, 235, 0.3); }
  .table-order .order-table thead tr th {
    padding: 20px; }
    .table-order .order-table thead tr th:nth-child(1) {
      min-width: 190px; }
    .table-order .order-table thead tr th:nth-child(2) {
      min-width: 200px;
      padding: 20px 0px; }
    .table-order .order-table thead tr th:nth-child(3) {
      min-width: 130px;
      padding: 20px 0px; }
    .table-order .order-table thead tr th:nth-child(4) {
      min-width: 90px;
      padding: 20px 0px; }
    .table-order .order-table thead tr th:nth-child(5) {
      min-width: 50px; }
    .table-order .order-table thead tr th:first-child {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important; }
    .table-order .order-table thead tr th:last-child {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }

.table-order .order-table tbody tr {
  border-bottom: 1px solid #E6E9EB; }
  .table-order .order-table tbody tr td {
    padding-top: 17px;
    padding-bottom: 17px; }
    .table-order .order-table tbody tr td:nth-child(4) .badge {
      padding: 9px 18px; }
    .table-order .order-table tbody tr td:last-child {
      text-align: center; }
    .table-order .order-table tbody tr td p {
      color: var(--body-font-color);
      font-weight: 500; }
    .table-order .order-table tbody tr td .status-process {
      border-radius: 15px;
      padding: 12px; }
    .table-order .order-table tbody tr td:last-child .product-sub {
      text-align: center; }
  .table-order .order-table tbody tr:last-child {
    border: none; }
    .table-order .order-table tbody tr:last-child td {
      padding-bottom: 0px; }

.table-order .order-table tbody tr td a {
  color: #051A1A; }

.table-order .order-table tbody tr:hover td .product-name .product-sub a {
  color: var(--theme-deafult) !important; }

.revenueproductwidget {
  margin: 230px 0px 0px 0px; }

.revenueproduct .apexcharts-canvas .apexcharts-legend {
  display: flex;
  flex-direction: column;
  gap: 5px; }

.revenueproduct .apexcharts-canvas .apexcharts-legend-marker {
  border-radius: 4px !important; }

.revenueproduct .apexcharts-canvas .apexcharts-legend-text {
  font-size: 14px !important; }

.widget-1 {
  background-image: url(/../images/dashboard/widget-bg.png);
  background-size: cover;
  margin-bottom: 25px; }
  .widget-1 i {
    font-weight: 700;
    font-size: 12px; }
  .widget-1 .f-w-500 {
    display: flex;
    align-items: center; }
    @media (max-width: 1580px) and (min-width: 1200px) {
      .widget-1 .f-w-500 {
        display: none; } }
  .widget-1 .card-body {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 18px 25px; }
    @media (max-width: 1720px) {
      .widget-1 .card-body {
        padding: 18px; } }
  .widget-1 .widget-round {
    position: relative;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-radius: 100%; }
    .widget-1 .widget-round .bg-round {
      width: 56px;
      height: 56px;
      box-shadow: 1px 2px 21px -2px rgba(214, 214, 227, 0.83);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      margin: 6px;
      position: relative;
      z-index: 1; }
      .widget-1 .widget-round .bg-round svg {
        width: 24px;
        height: 24px; }
      .widget-1 .widget-round .bg-round .half-circle {
        height: 52px;
        position: absolute;
        left: -9px;
        width: 35px;
        bottom: -8px;
        background: #fff;
        z-index: -1; }
      @media (max-width: 1600px) {
        .widget-1 .widget-round .bg-round {
          width: 40px;
          height: 40px; }
          .widget-1 .widget-round .bg-round svg {
            width: 22px;
            height: 22px; }
          .widget-1 .widget-round .bg-round .half-circle {
            height: 40px;
            left: -10px;
            width: 30px;
            bottom: -8px; } }
    .widget-1 .widget-round.primary {
      border-color: var(--theme-deafult); }
    .widget-1 .widget-round.secondary {
      border-color: var(--theme-secondary); }
    .widget-1 .widget-round.success {
      border-color: #00AC46; }
    .widget-1 .widget-round.warning {
      border-color: #FFAE1A; }
  .widget-1 .widget-content {
    display: flex;
    align-items: center;
    gap: 15px; }
    @media (max-width: 1600px) {
      .widget-1 .widget-content {
        gap: 10px; } }
    .widget-1 .widget-content h4 {
      margin-bottom: 4px; }
  .widget-1:hover {
    transform: translateY(-5px);
    transition: 0.5s; }
    .widget-1:hover .widget-round .svg-fill:not(.half-circle) {
      animation: tada 1.5s ease infinite; }

.widget-with-chart .card-body {
  align-items: center; }

.profile-box {
  background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%);
  color: #fff; }
  .profile-box .cartoon {
    position: absolute;
    bottom: -15px;
    right: 20px;
    animation: bounce-effect 5s infinite ease-in; }
    [dir="rtl"] .profile-box .cartoon {
      right: unset !important;
      left: 5px; }
    @media (max-width: 1660px) {
      .profile-box .cartoon {
        right: 30px;
        text-align: right; }
        [dir="rtl"] .profile-box .cartoon {
          left: -6px;
          text-align: left; }
        .profile-box .cartoon img {
          width: 80%; } }
    @media (max-width: 1500px) {
      .profile-box .cartoon img {
        width: 60%; } }
    @media (max-width: 767px) {
      .profile-box .cartoon {
        right: 10px; }
        [dir="rtl"] .profile-box .cartoon {
          left: -10px; }
        .profile-box .cartoon img {
          width: 52%; } }
    @media (max-width: 575px) {
      .profile-box .cartoon {
        right: 30px; }
        [dir="rtl"] .profile-box .cartoon {
          left: 10px; }
        .profile-box .cartoon img {
          width: 48%; } }
  .profile-box .greeting-user p {
    width: 60%; }
    @media (max-width: 1500px) {
      .profile-box .greeting-user p {
        width: 70%; } }
    @media (max-width: 1199px) {
      .profile-box .greeting-user p {
        width: 80%; } }
    @media (max-width: 767px) {
      .profile-box .greeting-user p {
        width: 98%; } }
    @media (max-width: 600px) {
      .profile-box .greeting-user p {
        width: 100%; } }
    @media (max-width: 575px) {
      .profile-box .greeting-user p {
        width: 98%; } }
  .profile-box .whatsnew-btn {
    margin-top: 3.5rem; }
    @media (max-width: 1500px) {
      .profile-box .whatsnew-btn {
        margin-top: 1.7rem; } }
    @media (max-width: 991px) {
      .profile-box .whatsnew-btn {
        margin-top: 3.5rem; } }
    @media (max-width: 638px) {
      .profile-box .whatsnew-btn {
        margin-top: 2rem; } }
    @media (max-width: 767px) {
      .profile-box .whatsnew-btn .btn {
        padding: 6px 10px; } }
.header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px; }
  .header-top a i {
    font-size: 11px;
    margin-bottom: -2px; }
  .header-top a.btn {
    padding: 8px 12px; }
    @media (max-width: 575px) {
      .header-top a.btn {
        padding: 5px; } }
    .header-top a.btn.badge-light-primary:hover {
      background-color: var(--theme-deafult); }

.user-details {
  display: flex;
  align-items: center;
  gap: 15px; }
  @media (max-width: 1399px) {
    .user-details {
      gap: 6px; } }
  .user-details .customers {
    width: 200px; }
  @media (max-width: 575px) {
    .user-details {
      flex-wrap: wrap; } }
.papernote-wrap .banner-img {
  border-radius: 15px;
  width: 100%; }

.papernote-wrap .note-labels {
  display: flex;
  align-items: center; }
  .papernote-wrap .note-labels > * {
    padding: 3px 0; }
  .papernote-wrap .note-labels ul {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap; }
    @media (max-width: 575px) {
      .papernote-wrap .note-labels ul {
        gap: 4px; } }
  .papernote-wrap .note-labels .badge {
    font-size: 14px;
    padding: 6px 12px; }
    @media (max-width: 575px) {
      .papernote-wrap .note-labels .badge {
        font-size: 12px;
        padding: 5px 6px; } }
  .papernote-wrap .note-labels .last-label {
    padding-left: 16px;
    margin-left: 16px;
    border-left: 1px dashed rgba(255, 255, 255, 0.7); }
    [dir="rtl"] .papernote-wrap .note-labels .last-label {
      padding-left: unset;
      margin-left: unset;
      margin-right: 16px;
      padding-right: 16px;
      border-left: none;
      border-right: 1px dashed rgba(255, 255, 255, 0.7); }
    @media (max-width: 575px) {
      .papernote-wrap .note-labels .last-label {
        padding-left: 8px;
        margin-left: 8px; }
        [dir="rtl"] .papernote-wrap .note-labels .last-label {
          margin-right: 8px;
          padding-right: 8px; } }
.papernote-wrap .light-card {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--light2);
  border: 1px solid rgba(255, 255, 255, 0.2); }

.appointment-sec .card-header-right-icon select {
  background-color: rgba(0, 102, 102, 0.08) !important;
  border: none;
  color: var(--theme-deafult) !important;
  width: auto !important;
  height: 32px !important;
  border-radius: 10px;
  padding: 5px 10px;
  line-height: 50px !important;
  font-weight: 500;
  border: none;
  outline: none !important; }
  .appointment-sec .card-header-right-icon select:hover {
    background-color: rgba(0, 102, 102, 0.08) !important;
    color: var(--theme-deafult) !important; }

.appointment-sec .bottom-btn {
  text-align: center; }
  .appointment-sec .bottom-btn a {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.3px;
    text-decoration-line: underline;
    text-transform: uppercase; }

.notification ul {
  position: relative; }
  .notification ul::before {
    position: absolute;
    content: "";
    border: 1px dashed #E6E9EB;
    opacity: 0.3;
    top: 12px;
    left: 2px;
    height: calc(100% - 12px); }
    [dir="rtl"] .notification ul::before {
      left: unset;
      right: 2px; }

.notification li {
  padding-bottom: 22px; }

.notification div[class*="activity-dot-"] {
  margin-top: 12px;
  animation: round 1.3s ease-in-out infinite; }

.notification .card .d-flex .w-100 p .badge {
  color: #fff;
  margin-left: 10px;
  font-weight: 500; }

.notification .card .d-flex .w-100 h6 {
  margin-bottom: 5px;
  position: relative; }
  .notification .card .d-flex .w-100 h6 ~ p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-emphasis: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 260px; }
    @media (max-width: 767px) {
      .notification .card .d-flex .w-100 h6 ~ p {
        -webkit-line-clamp: unset;
        text-emphasis: unset;
        white-space: unset;
        text-overflow: unset;
        display: block;
        width: unset;
        overflow: visible; } }
@keyframes round {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.notification .card .d-flex .w-100 span {
  color: #FFFFFF; }

.notification .card .d-flex:nth-child(2) .media-body h6 .dot-notification {
  background-color: #FFAE1A;
  border: 5px solid #ffe4b3; }

.notification .card .d-flex:last-child {
  margin-bottom: 0 !important; }

.notification .date-content {
  padding: 4px 8px;
  border-radius: 5px; }

.schedule-container > div {
  margin-bottom: -40px; }

.schedule-container svg path {
  clip-path: inset(1% 0% 0% 0% round 1.5rem); }

.purchase-card {
  text-align: center;
  margin-top: 200px; }
  @media (max-width: 1560px) {
    .purchase-card {
      margin-top: 170px; } }
  @media (max-width: 1399px) {
    .purchase-card {
      margin-top: 160px; } }
  @media (max-width: 500px) {
    .purchase-card {
      margin-top: 110px; } }
  @media (max-width: 420px) {
    .purchase-card {
      margin-top: 90px; } }
  .purchase-card img {
    margin-top: -208px; }
    @media (max-width: 1560px) {
      .purchase-card img {
        margin-top: -170px; } }
    @media (max-width: 1399px) {
      .purchase-card img {
        width: 70%;
        margin: -160px auto 0 auto; } }
    @media (max-width: 1366px) {
      .purchase-card img {
        width: 76%; } }
    @media (max-width: 1199px) {
      .purchase-card img {
        width: 86%; } }
    @media (max-width: 991px) {
      .purchase-card img {
        width: 72%; } }
    @media (max-width: 767px) {
      .purchase-card img {
        width: 50%; } }
    @media (max-width: 500px) {
      .purchase-card img {
        margin-top: -110px; } }
    @media (max-width: 420px) {
      .purchase-card img {
        margin-top: -90px;
        width: 60%; } }
  .purchase-card .purchase-btn {
    min-width: auto; }

.user-list {
  column-count: 2;
  column-rule-style: dashed;
  column-rule-color: rgba(255, 255, 255, 0.7);
  column-gap: 120px;
  column-rule-width: 1px; }
  @media (max-width: 1780px) {
    .user-list {
      column-gap: 80px; } }
  @media (max-width: 1660px) {
    .user-list {
      column-gap: 40px; } }
  @media (max-width: 360px) {
    .user-list {
      column-gap: 25px; } }
  .user-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%; }
    @media (max-width: 1540px) {
      .user-list li {
        gap: 5px; } }
    .user-list li i {
      font-size: 12px;
      font-weight: 700; }
    @media (max-width: 360px) {
      .user-list li h5 {
        font-size: 16px; } }
    @media (max-width: 360px) {
      .user-list li span {
        font-size: 13px; } }
    .user-list li:hover .user-box svg {
      animation: tada 1.5s ease infinite; }
  .user-list .user-icon {
    border-radius: 100%;
    display: inline-block; }
    .user-list .user-icon .user-box {
      margin: 3px;
      width: 47px;
      height: 47px;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 1540px) {
        .user-list .user-icon .user-box {
          width: 30px;
          height: 30px; }
          .user-list .user-icon .user-box svg {
            width: 18px;
            height: 18px; } }
    .user-list .user-icon.primary {
      border: 1px solid #006666; }
      .user-list .user-icon.primary .user-box {
        background: #00e6e6; }
    .user-list .user-icon.success {
      border: 1px solid #00AC46; }
      .user-list .user-icon.success .user-box {
        background: #79ffb0; }

.appointment-table table tr td {
  position: relative;
  border-top: none;
  padding: 15px 0;
  vertical-align: middle; }
  .appointment-table table tr td:first-child {
    width: 50px; }
  .appointment-table table tr td .status-circle {
    top: 1px;
    left: 35px;
    border-width: 3px; }
  .appointment-table table tr td p,
  .appointment-table table tr td .btn {
    font-weight: 500;
    font-size: 12px; }
  .appointment-table table tr td .btn {
    padding: 4px 12px; }

.appointment-table table tr .img-content-box a {
  color: var(--body-font-color);
  transition: 0.5s;
  display: inline-block !important; }

.appointment-table table tr .img-content-box span {
  display: block; }

.appointment-table table tr:hover .img-content-box a {
  color: var(--theme-deafult);
  transition: 0.5s; }

.appointment-table table tr:first-child td {
  padding-top: 0 !important; }

.appointment-table table tr:last-child td {
  padding-bottom: 0 !important; }

.appointment-table.customer-table table tr td {
  padding: 10px 0; }
  .appointment-table.customer-table table tr td img {
    min-width: 40px; }

.icon-box {
  width: 50px;
  height: 32px;
  background-color: rgba(0, 102, 102, 0.08);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .icon-box i {
    color: var(--theme-deafult);
    font-size: 22px; }
  .icon-box svg {
    stroke: var(--theme-deafult); }

.balance-card {
  display: flex;
  padding: 15px;
  border-radius: 5px;
  gap: 15px;
  transition: 0.5s; }
  @media (max-width: 1199px) {
    .balance-card {
      gap: 8px; } }
  .balance-card .svg-box {
    width: 43px;
    height: 43px;
    background: #fff;
    box-shadow: 0px 71.2527px 51.5055px rgba(229, 229, 245, 0.189815), 0px 42.3445px 28.0125px rgba(229, 229, 245, 0.151852), 0px 21.9866px 14.2913px rgba(229, 229, 245, 0.125), 0px 8.95749px 7.16599px rgba(229, 229, 245, 0.0981481), 0px 2.03579px 3.46085px rgba(229, 229, 245, 0.0601852);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 1199px) {
      .balance-card .svg-box {
        width: 35px;
        height: 35px; } }
    .balance-card .svg-box svg {
      height: 20px;
      fill: rgba(255, 255, 255, 0.85); }
      @media (max-width: 1199px) {
        .balance-card .svg-box svg {
          height: 17px; } }
.btn-light-secondary {
  background-color: rgba(var(--theme-secondary), 0.1);
  font-size: 12px;
  padding: 6px 12px;
  font-weight: 600; }

.crm-activity > li + li {
  border-top: 1px solid #efefef;
  margin-top: 10px;
  padding-top: 10px; }
  .crm-activity > li + li h6 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px; }

.crm-activity > li h6 {
  font-size: 14px; }

.crm-activity span {
  font-size: 40px; }

.crm-activity ul.dates h6 {
  color: #051A1A; }

.crm-activity ul.dates li {
  color: #FFFFFF;
  font-size: 12px;
  display: inline-block;
  line-height: 1; }
  .crm-activity ul.dates li + li {
    border-left: 1px solid #efefef;
    padding-left: 10px;
    margin-left: 5px; }

.fill-primary {
  fill: #006666; }

.fill-secondary {
  fill: #FE6A49; }

.fill-success {
  fill: #00AC46; }

.fill-warning {
  fill: #FFAE1A; }

.fill-info {
  fill: #173878; }

.fill-danger {
  fill: #FE6A49; }

.ecommerce-widget {
  box-shadow: none;
  border: 1px solid #f1f3ff !important;
  border-radius: 5px; }
  .ecommerce-widget .total-num {
    color: #051A1A;
    margin: 0;
    letter-spacing: 1px; }
    .ecommerce-widget .total-num span {
      color: #000; }
  .ecommerce-widget .row {
    align-items: center; }
  .ecommerce-widget .progress-showcase {
    margin-top: 30px; }
  .ecommerce-widget span {
    color: #FFFFFF;
    margin: 0;
    cursor: pointer; }
  .ecommerce-widget .icon {
    color: #efefef;
    font-size: 40px; }
  .ecommerce-widget .flot-chart-container {
    height: 100px;
    padding: 0;
    margin: 0;
    border: transparent; }
  .ecommerce-widget .morris-default-style {
    display: none !important; }
  .ecommerce-widget svg {
    -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3)); }

.redial-social-widget {
  border-radius: 100%;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  margin: 0 auto;
  background-image: linear-gradient(90deg, #E6E9EB 50%, transparent 50%, transparent), linear-gradient(90deg, #ecf3fa 50%, #E6E9EB 50%, #E6E9EB); }
  .redial-social-widget i {
    background-color: #fff;
    height: 80px;
    width: 80px;
    border-radius: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; }
  .redial-social-widget.radial-bar-70 {
    background-image: linear-gradient(342deg, var(--theme-deafult) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--theme-deafult) 50%, #E6E9EB 50%, #E6E9EB); }

.browser-widget:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  transition: all 0.3s ease;
  transform: scale(1.1) rotate(5deg); }

.browser-widget img {
  height: 80px;
  filter: grayscale(100%);
  transform: scale(1) rotate(0deg);
  transition: all 0.3s ease; }

.browser-widget .media-body {
  text-align: center;
  column-count: 3;
  column-rule: 1px solid #E6E9EB; }
  .browser-widget .media-body p {
    margin-bottom: 5px; }
  .browser-widget .media-body span {
    margin-bottom: 0;
    color: #FFFFFF; }
  .browser-widget .media-body h4 {
    color: #051A1A;
    margin-bottom: 0;
    font-size: 18px; }
    .browser-widget .media-body h4 span {
      color: #333333; }

.testimonial i {
  font-size: 60px;
  color: rgba(43, 43, 43, 0.7);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.1;
  z-index: -1; }

.testimonial p {
  color: #FFFFFF;
  font-style: italic;
  margin-bottom: 30px;
  margin-top: 30px; }

.testimonial h5 {
  color: #051A1A;
  padding-top: 10px; }

.testimonial span {
  color: #FFFFFF; }

.testimonial img {
  margin: 0 auto; }

.widget-charts .widget-1 .card-body {
  padding: 30px 25px; }

.chart-widget-top #chart-widget1,
.chart-widget-top #chart-widget2,
.chart-widget-top #chart-widget3 {
  margin-bottom: -14px; }
  .chart-widget-top #chart-widget1 .apexcharts-xaxistooltip,
  .chart-widget-top #chart-widget2 .apexcharts-xaxistooltip,
  .chart-widget-top #chart-widget3 .apexcharts-xaxistooltip {
    display: none; }

.chart-widget-top span {
  color: #6C757D; }

.bar-chart-widget .apexcharts-legend {
  bottom: 0 !important; }
  .bar-chart-widget .apexcharts-legend .apexcharts-legend-series {
    margin: 0 10px !important; }
  .bar-chart-widget .apexcharts-legend .apexcharts-legend-marker {
    margin-right: 5px; }

.bar-chart-widget .top-content {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.bar-chart-widget .earning-details {
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  display: flex;
  letter-spacing: 1px; }
  .bar-chart-widget .earning-details i {
    font-size: 230px;
    position: absolute;
    opacity: 0.1;
    right: -30px;
    top: 0; }
    .bar-chart-widget .earning-details i:hover {
      transform: rotate(-5deg) scale(1.1);
      transition: all 0.3s ease; }

.bar-chart-widget .num {
  font-weight: 600; }
  .bar-chart-widget .num .color-bottom {
    color: #000; }

.skill-chart {
  margin-bottom: -48px; }
  .skill-chart .apexcharts-legend .apexcharts-legend-series span {
    display: block; }
  .skill-chart .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text {
    margin: 10px 0 20px; }

.progress-chart {
  margin: -11px 0 -20px; }
  .progress-chart .apexcharts-canvas svg path,
  .progress-chart .apexcharts-canvas svg rect {
    clip-path: inset(1% 0% 0% 0% round 1rem); }

.bottom-content span {
  color: #FFFFFF; }

.bottom-content .block-bottom {
  display: block; }

@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -30px; } }

@-webkit-keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0; }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px; } }

@keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0; }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px; } }

@-webkit-keyframes am-draw {
  0% {
    stroke-dashoffset: 500%; }
  100% {
    stroke-dashoffset: 0; } }

@keyframes am-draw {
  0% {
    stroke-dashoffset: 500%; }
  100% {
    stroke-dashoffset: 0; } }

.serial-chart .chart-container {
  width: 100%;
  height: 500px; }
  .serial-chart .chart-container .lastBullet {
    animation: am-pulsating 1s ease-out infinite; }
  .serial-chart .chart-container .amcharts-graph-column-front {
    transition: all .3s .3s ease-out; }
    .serial-chart .chart-container .amcharts-graph-column-front:hover {
      fill: var(--theme-secondary);
      stroke: var(--theme-secondary);
      transition: all .3s ease-out; }
  .serial-chart .chart-container .amcharts-graph-g3 {
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    animation: am-draw 40s; }
  .serial-chart .chart-container .amcharts-graph-g2 .amcharts-graph-stroke {
    stroke-dasharray: 3px 3px;
    stroke-linejoin: round;
    stroke-linecap: round;
    animation: am-moving-dashes 1s linear infinite; }

.chart-container .apexcharts-xaxis-label,
.chart-container .apexcharts-yaxis-label {
  font-size: 14px !important;
  color: #6C757D !important; }

.chart-container .apexcharts-xaxis-annotations rect {
  clip-path: inset(1% 0% 0% 0% round 0.2rem); }

.crypto-chart {
  margin-left: -20px; }
  .crypto-chart .apexcharts-tooltip-title {
    display: none; }
  .crypto-chart .apexcharts-tooltip-series-group:last-child, .crypto-chart .apexcharts-tooltip-series-group.active {
    padding-bottom: 0; }

.speed-chart .chart-container {
  width: 100%;
  height: 530px; }

.speed-chart .content {
  margin-top: -200px;
  margin-bottom: 20px; }
  .speed-chart .content h4 {
    font-weight: 600;
    padding-top: 2px; }

.status-widget svg {
  width: 20px;
  height: 20px;
  vertical-align: text-top; }

.status-widget .card .card-header h5 {
  line-height: 1.38; }

.status-widget .status-chart {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden; }

.small-chart-widget .chart-container {
  height: 311px;
  padding: 0;
  margin: 0;
  border: none; }

.small-chart-widget .card .card-body {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }

.donut-chart-widget .chart-container {
  height: 300px;
  border: 0;
  margin: 0;
  padding: 0; }

.status-details h4 {
  font-weight: 600; }
  .status-details h4 span {
    color: inherit; }

.status-details span {
  color: #FFFFFF; }

.status-chart .chart-container {
  height: 200px;
  border: 0;
  padding: 0;
  margin: 0; }

.map-chart .chart-container {
  width: 100%;
  height: 500px; }

.serial-chart {
  width: 100%; }

.live-products,
.turnover,
.uses,
.monthly {
  height: 300px; }

.live-products .ct-series-a .ct-area,
.live-products .ct-series-a .ct-point,
.live-products .ct-series-a .ct-line,
.live-products .ct-series-a .ct-bar,
.live-products .ct-series-a .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.77); }

.live-products .ct-label {
  fill: #fff;
  color: #fff; }

.live-products .ct-grid {
  stroke: rgba(255, 255, 255, 0.7); }

.turnover .ct-series-a .ct-area,
.turnover .ct-series-a .ct-point,
.turnover .ct-series-a .ct-line,
.turnover .ct-series-a .ct-bar,
.turnover .ct-series-a .ct-slice-donut,
.uses .ct-series-a .ct-area,
.uses .ct-series-a .ct-point,
.uses .ct-series-a .ct-line,
.uses .ct-series-a .ct-bar,
.uses .ct-series-a .ct-slice-donut,
.monthly .ct-series-a .ct-area,
.monthly .ct-series-a .ct-point,
.monthly .ct-series-a .ct-line,
.monthly .ct-series-a .ct-bar,
.monthly .ct-series-a .ct-slice-donut {
  stroke: white;
  fill: transparent; }

.turnover .ct-series-b .ct-area,
.turnover .ct-series-b .ct-point,
.turnover .ct-series-b .ct-line,
.turnover .ct-series-b .ct-bar,
.turnover .ct-series-b .ct-slice-donut,
.uses .ct-series-b .ct-area,
.uses .ct-series-b .ct-point,
.uses .ct-series-b .ct-line,
.uses .ct-series-b .ct-bar,
.uses .ct-series-b .ct-slice-donut,
.monthly .ct-series-b .ct-area,
.monthly .ct-series-b .ct-point,
.monthly .ct-series-b .ct-line,
.monthly .ct-series-b .ct-bar,
.monthly .ct-series-b .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.7);
  fill: transparent; }

.turnover .ct-series-c .ct-area,
.turnover .ct-series-c .ct-point,
.turnover .ct-series-c .ct-line,
.turnover .ct-series-c .ct-bar,
.turnover .ct-series-c .ct-slice-donut,
.uses .ct-series-c .ct-area,
.uses .ct-series-c .ct-point,
.uses .ct-series-c .ct-line,
.uses .ct-series-c .ct-bar,
.uses .ct-series-c .ct-slice-donut,
.monthly .ct-series-c .ct-area,
.monthly .ct-series-c .ct-point,
.monthly .ct-series-c .ct-line,
.monthly .ct-series-c .ct-bar,
.monthly .ct-series-c .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.4);
  fill: transparent; }

.turnover .ct-label,
.uses .ct-label,
.monthly .ct-label {
  fill: #fff;
  color: #fff; }

.turnover .ct-grid,
.uses .ct-grid,
.monthly .ct-grid {
  stroke: rgba(255, 255, 255, 0.7); }

#draggableMultiple .ui-sortable-handle .card {
  cursor: move; }

.tilt-showcase ul li .line {
  padding-top: 10px; }

.tilt-showcase .pre-mt {
  margin-top: 5px; }

.wow-title h5 {
  display: flex;
  align-items: center;
  font-size: 18px; }
  .wow-title h5 .badge {
    -webkit-text-fill-color: #fff; }

.alert-center {
  display: flex !important;
  align-items: center; }

.box-shadow-title .sub-title {
  margin: 30px 0; }

.hovercard .info .social-media ul li {
  padding-top: 3px; }

.hovercard .cardheader {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.sticky-header-main .card .card-header h5 {
  line-height: 35px; }
  .sticky-header-main .card .card-header h5 a {
    color: #fff;
    -webkit-text-fill-color: #fff; }

.custom-radio-ml {
  margin-left: 3px; }

.twitter-typeahead {
  display: block !important; }

span.twitter-typeahead .league-name {
  font-size: 16px;
  padding: 6px 10px 0; }

span.twitter-typeahead .tt-menu {
  float: left;
  width: 100%;
  min-width: 10rem;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0; }

span.twitter-typeahead .tt-suggestion {
  color: #2b2b2b;
  opacity: 0.6;
  font-size: 13px;
  padding: 6px 12px;
  border-top: 1px solid #efefef;
  background: #fff;
  cursor: pointer; }
  span.twitter-typeahead .tt-suggestion:hover, span.twitter-typeahead .tt-suggestion:focus {
    background-color: #fff; }
  span.twitter-typeahead .tt-suggestion.active, span.twitter-typeahead .tt-suggestion:active {
    color: #fff;
    background-color: var(--theme-deafult); }

#scrollable-dropdown-menu .twitter-typeahead .tt-menu .tt-dataset {
  max-height: 100px;
  overflow-y: auto; }

.chart-right {
  position: relative; }

.balance-data {
  display: flex;
  gap: 7px; }
  [dir="rtl"] .balance-data {
    right: unset;
    left: 2%; }
  @media (max-width: 991px) {
    .balance-data {
      top: -42px;
      right: -65%; }
      [dir="rtl"] .balance-data {
        left: -65%; } }
  @media (max-width: 575px) {
    .balance-data {
      display: none; } }
  .balance-data li {
    display: flex;
    align-items: center;
    font-weight: 500; }
  .balance-data .circle {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%; }

.current-sale-container {
  padding-right: 12px; }
  [dir="rtl"] .current-sale-container {
    padding-right: unset;
    padding-left: 12px; }
  .current-sale-container > div {
    margin: -22px 0 -30px -16px; }
    @media (max-width: 1199px) {
      .current-sale-container > div {
        margin-bottom: 0; } }
    @media (max-width: 404px) {
      .current-sale-container > div {
        margin-bottom: -30px; } }
  .current-sale-container .apexcharts-xaxistooltip {
    color: var(--theme-deafult);
    background: rgba(0, 102, 102, 0.1);
    border: 1px solid var(--theme-deafult); }
  .current-sale-container .apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: var(--theme-deafult); }
  .current-sale-container .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: rgba(0, 102, 102, 0.1);
    color: var(--theme-deafult); }
  @media (max-width: 575px) {
    .current-sale-container.order-container {
      padding-right: 0; }
      [dir="rtl"] .current-sale-container.order-container {
        padding-left: 0; } }
  @media (max-width: 404px) {
    .current-sale-container.order-container > div {
      margin-bottom: 0; } }
.recent-circle {
  min-width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  margin-top: 5px; }

.recent-wrapper {
  align-items: center; }
  .recent-wrapper .order-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px; }
    @media (max-width: 1199px) {
      .recent-wrapper .order-content {
        gap: 20px; } }
    @media (max-width: 575px) {
      .recent-wrapper .order-content {
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row; } }
    .recent-wrapper .order-content li {
      display: flex;
      align-items: flex-start;
      gap: 8px; }
  @media (max-width: 1660px) {
    .recent-wrapper .recent-chart .apexcharts-canvas .apexcharts-datalabel-label {
      font-size: 15px; } }
  @media (max-width: 1560px) and (min-width: 1400px) {
    .recent-wrapper > div {
      width: 100%; } }
  @media (max-width: 1560px) and (min-width: 1400px) {
    .recent-wrapper > div:last-child {
      display: none; } }
.apexcharts-series.apexcharts-radial-series {
  position: relative; }
  .apexcharts-series.apexcharts-radial-series::after {
    position: absolute;
    content: '';
    background: linear-gradient(0deg, #FFFFFF 0.05%, #F4F4F4 19.91%, #F5F6F9 55.02%, #EAECF4 100%);
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    top: 0;
    left: 0; }

.card-block .table-responsive .table caption {
  padding-left: 10px; }

.card-block .table-responsive .table-bordered td {
  vertical-align: middle; }

.card-block .table-border-radius {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.card-block .default-checkbox-align #checkbox1 {
  margin-right: 10px; }

.card-block .default-checkbox-align #radio {
  margin-right: 5px; }

#example-style-3_wrapper #example-style-3 tfoot {
  border-top: 2px solid #efefef; }

.chart-vertical-center {
  display: flex;
  justify-content: center; }
  .chart-vertical-center #myDoughnutGraph,
  .chart-vertical-center #myPolarGraph {
    width: auto !important; }

.cke_focus {
  padding: 15px;
  margin-top: 13px; }

#editor .ace_scroller .ace_content .ace_layer .ace_print-margin {
  visibility: hidden !important; }

.helper-classes {
  padding: 30px;
  margin-bottom: 0;
  white-space: pre-line; }

.starter-kit-fix .page-body {
  margin-bottom: 52px; }

.starter-main .card-body p {
  font-size: 14px; }

.starter-main .card-body ul {
  padding-left: 30px;
  list-style-type: disc;
  margin-bottom: 15px; }

.starter-main .card-body h5 {
  font-size: 18px; }

.starter-main .card-body pre {
  white-space: pre-line;
  padding: 30px; }

.starter-main .card-body .alert-primary.inverse:before {
  top: 32px; }

.starter-main .alert {
  background-color: rgba(0, 102, 102, 0.2) !important; }
  .starter-main .alert i {
    display: flex;
    align-items: center; }

footer.blockquote-footer {
  bottom: unset; }

@media only screen and (max-width: 767px) {
  .ecommerce-banner {
    height: 210px; }
  .footer-fix .pull-right {
    float: none !important;
    text-align: center !important; } }

@media only screen and (max-width: 991px) {
  .notification li {
    padding-bottom: 20px; }
  .notification .card .card-body .d-flex .w-100 p {
    margin: 0; }
  .notification .card .card-body .d-flex .w-100 h6 {
    margin-top: 10px; } }

@media only screen and (max-width: 575px) {
  .notification li {
    padding-bottom: 15px; }
  .media-dropdown {
    display: block; }
    .media-dropdown .media-body {
      margin-bottom: 15px; }
  .total-chart span {
    font-size: 12px !important; } }

@media only screen and (max-width: 360px) {
  .footer {
    padding-left: 0 !important;
    padding-right: 0 !important; }
    .footer p {
      font-size: 12px; }
  .appointment-table table tr td {
    min-width: 103px; }
    .appointment-table table tr td:first-child {
      min-width: 50px; }
    .appointment-table table tr td:nth-child(2) {
      min-width: 120px; } }

@media (max-width: 425px) {
  .sales-chart .sales-chart-dropdown-select .card-header-right-icon.online-store .dropdown {
    display: none; }
  .search-form input {
    padding-left: 50px; } }

@media (max-width: 1399px) {
  .special-Offer h4 {
    font-size: 18px; }
  .special-Offer .offer-contain p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal; }
  .total-chart .data-grow span {
    display: none !important; }
  .total-chart .data-grow svg {
    display: none !important; }
  .total-revenue span {
    font-size: 12px; }
  .total-revenue a {
    display: none !important; }
  .total-revenue span {
    font-size: 12px; }
  .total-revenue a {
    display: none !important; }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: block !important; }
  .table-order .latest-orders thead tr th:last-child {
    display: block !important; }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: block !important; }
  .table-order .latest-orders tbody tr td:last-child {
    display: block !important; }
  .table-order .order-table thead tr th:nth-child(4) {
    display: block; }
  .total-chart span {
    font-size: 15px;
    font-weight: 500 !important; } }

@media (max-width: 1299px) {
  .special-Offer h4 {
    font-size: 16px; } }

@media (max-width: 1199px) {
  .special-Offer h4 {
    font-size: 18px; }
  .total-chart .data-grow span {
    display: block !important; }
  .total-chart .data-grow svg {
    display: block !important; }
  .total-revenue a {
    display: block !important; }
  .total-revenue a {
    display: block !important; } }

@media (max-width: 1599px) {
  .table-order .latest-orders thead tr th:nth-child(2) {
    min-width: 186px; }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: none; }
  .table-order .latest-orders thead tr th:last-child {
    display: none; }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: none; }
  .table-order .latest-orders tbody tr td:last-child {
    display: none; }
  .revenueproduct {
    margin-bottom: -0px; }
    .revenueproduct .apexcharts-canvas .apexcharts-legend {
      display: none; }
  .card .card-body .product-costing .costing-span {
    font-size: 10px;
    font-weight: 400; }
  .card .card-body .product-costing .product-icon {
    height: 40px;
    width: 40px; }
    .card .card-body .product-costing .product-icon svg {
      height: 20px;
      margin: 10px;
      width: 21px; } }

@media (max-width: 1799px) {
  .balance-data li:last-child {
    display: none !important; }
  .total-chart .data-grow span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1865px) {
  .table-order .order-table thead tr th:nth-child(2) {
    min-width: 115px !important; }
  .table-order .order-table thead tr th:nth-child(3) {
    min-width: 80px !important; }
  .table-order .order-table thead tr th:nth-child(4) {
    display: none !important; }
  .table-order .order-table tbody tr td:nth-child(4) {
    display: none !important; }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: none; }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: none; } }

/**=====================
  3.13 Dashboard_default CSS Ends
==========================**/
/**=====================
  3.14 Ecommerce CSS Start
==========================**/
/**====== Product Start ======**/
.toggle-data {
  cursor: pointer; }

.filter-block ul li {
  padding-top: 15px; }
  .filter-block ul li a {
    color: var(--body-font-color); }
  @media (max-width: 1500px) {
    .filter-block ul li {
      padding-top: 10px; } }
.collection-filter-block svg {
  width: 50px;
  height: 25px;
  stroke: var(--theme-deafult);
  margin-right: 10px; }

.collection-filter-block h5 {
  margin-bottom: 0;
  font-size: 16px; }

.collection-filter-block p {
  font-size: 13px; }

.collection-filter-block .media-body {
  opacity: 0.5; }

.collection-filter-block li + li {
  margin-top: 16px; }

.collection-filter-block ul.pro-services li svg {
  width: auto; }

.qty-box .btn {
  background-color: transparent !important;
  border-color: #ecf3fa !important;
  padding: 8px 12px; }
  .qty-box .btn i {
    color: #898989; }
  .qty-box .btn svg {
    width: 14px !important;
    stroke: #2c323f; }

.qty-box span {
  padding: 0 4px; }

.qty-box .input-group {
  background-color: rgba(44, 50, 63, 0.1); }

.qty-box input {
  background-color: rgba(44, 50, 63, 0.1);
  color: #2c323f;
  max-width: 44px;
  padding: 0;
  text-align: center;
  border: none;
  max-height: 37px; }

.product-social li a {
  color: #898989;
  font-size: 15px;
  border: 1px solid #E6E9EB;
  border-radius: 100%;
  height: 35px;
  width: 35px;
  display: inline-block;
  text-align: center;
  line-height: 2.3;
  transition: all 0.3s ease; }
  .product-social li a:hover {
    border-color: #006666;
    color: #006666;
    background-color: rgba(0, 102, 102, 0.1);
    transition: all 0.3s ease; }

.product-social li:nth-child(n+2) {
  margin-left: 10px; }
  [dir="rtl"] .product-social li:nth-child(n+2) {
    margin-left: unset;
    margin-right: 10px; }

.product-sidebar .filter-section .card .card-header {
  padding: 16px 30px;
  border-radius: 5px; }
  .product-sidebar .filter-section .card .card-header h6 {
    position: relative; }
    .product-sidebar .filter-section .card .card-header h6 .pull-right i {
      position: absolute;
      top: 4px;
      left: 0;
      font-size: 10px;
      width: 100%;
      height: 10px;
      text-align: right;
      cursor: pointer; }

.product-wrapper .product-sidebar .filter-section .card .left-filter {
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: 0.3s;
  min-width: 320px; }
  .product-wrapper .product-sidebar .filter-section .card .left-filter .product-filter .irs-with-grid {
    margin-bottom: 15px; }

.product-wrapper .product-grid .product-wrapper-grid {
  margin-left: 0;
  transition: 0.3s; }

.product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
  z-index: 3;
  opacity: 1;
  visibility: visible;
  position: absolute;
  width: 100%;
  background-color: white;
  top: 53px;
  height: auto; }

.d-none-productlist {
  display: none; }
  .d-none-productlist svg {
    vertical-align: middle;
    cursor: pointer; }

.product-wrapper-grid.list-view .product-box {
  display: flex;
  align-items: center; }
  .product-wrapper-grid.list-view .product-box .product-img {
    width: 20%; }
  .product-wrapper-grid.list-view .product-box .product-details {
    text-align: left; }

.slider-product {
  padding: 15px 0;
  border-top: 1px solid #E6E9EB;
  border-bottom: 1px solid #E6E9EB;
  margin-bottom: 15px; }

.products-total {
  display: flex;
  align-items: center; }

.grid-options {
  height: 33px;
  margin-left: 10px; }
  .grid-options ul li a {
    position: relative; }
    .grid-options ul li a .line-grid {
      position: absolute;
      width: 4px;
      height: 15px;
      top: 9px; }
    .grid-options ul li a .line-grid-1 {
      left: 12px; }
    .grid-options ul li a .line-grid-2 {
      left: 18px; }
    .grid-options ul li a .line-grid-3 {
      left: 36px; }
    .grid-options ul li a .line-grid-4 {
      left: 42px; }
    .grid-options ul li a .line-grid-5 {
      left: 48px; }
    .grid-options ul li a .line-grid-6 {
      left: 66px; }
    .grid-options ul li a .line-grid-7 {
      left: 72px; }
    .grid-options ul li a .line-grid-8 {
      left: 78px; }
    .grid-options ul li a .line-grid-9 {
      left: 84px; }
    .grid-options ul li a .line-grid-10 {
      left: 103px; }
    .grid-options ul li a .line-grid-11 {
      left: 109px; }
    .grid-options ul li a .line-grid-12 {
      left: 115px; }
    .grid-options ul li a .line-grid-13 {
      left: 121px; }
    .grid-options ul li a .line-grid-14 {
      left: 127px; }
    .grid-options ul li a .line-grid-15 {
      left: 133px; }

.square-product-setting {
  height: 36px;
  vertical-align: middle; }
  .square-product-setting a {
    color: #051A1A; }
  .square-product-setting .icon-grid {
    padding: 7px;
    background-color: #fff;
    display: flex;
    align-items: center;
    margin: 0 10px; }
    .square-product-setting .icon-grid svg {
      width: 20px;
      height: 20px; }

.product-filter .banner-product {
  margin-top: 15px; }

.product-filter h6 {
  margin-bottom: 15px; }

.product-filter .color-selector {
  line-height: 0.9; }
  .product-filter .color-selector ul li {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #444;
    border-radius: 100%;
    cursor: pointer; }
    .product-filter .color-selector ul li.white {
      background-color: #fff; }
    .product-filter .color-selector ul li.gray {
      background-color: #FFFFFF; }
    .product-filter .color-selector ul li.black {
      background-color: #000; }
    .product-filter .color-selector ul li.orange {
      background-color: #ffb17a; }
    .product-filter .color-selector ul li.green {
      background-color: #6fb866; }
    .product-filter .color-selector ul li.pink {
      background-color: pink; }
    .product-filter .color-selector ul li.yellow {
      background-color: #f2f896; }
    .product-filter .color-selector ul li.blue {
      background-color: #63b4f2; }
    .product-filter .color-selector ul li.red {
      background-color: #ff647f; }

.product-filter.new-products {
  margin-top: 20px; }
  .product-filter.new-products button {
    width: auto; }
  .product-filter.new-products .owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    top: -46px;
    right: 0; }
    .product-filter.new-products .owl-theme .owl-nav button:focus {
      outline: transparent; }
    .product-filter.new-products .owl-theme .owl-nav button span {
      font-size: 20px; }
      .product-filter.new-products .owl-theme .owl-nav button span:focus {
        outline-color: transparent; }
  .product-filter.new-products .owl-theme .owl-nav [class*='owl-']:hover {
    background-color: transparent;
    color: inherit; }
  .product-filter.new-products .owl-theme .owl-item .item .product-box .product-details {
    padding: 25px 0; }
  .product-filter.new-products .owl-theme .owl-item .item .product-box + .product-box {
    margin-top: 15px; }

.select2-drpdwn-product .form-control {
  border: none;
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  margin-bottom: 10px;
  height: 36px; }

.feature-products form .form-group {
  position: relative; }
  .feature-products form .form-group input {
    margin-bottom: 15px;
    border: none;
    box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
    height: 50px;
    padding-left: 30px; }
  .feature-products form .form-group i {
    position: absolute;
    top: 18px;
    right: 30px;
    color: #898989; }

.product-box {
  border-radius: 10px;
  overflow: hidden; }
  .product-box .product-details {
    padding: 15px 25px; }
    .product-box .product-details > a {
      color: #051A1A; }
    .product-box .product-details p {
      margin-bottom: 0;
      opacity: 0.8; }
    .product-box .product-details h4 {
      margin-bottom: 0;
      margin-top: 5px;
      font-size: 20px;
      font-family: "Montserrat", sans-serif; }
    .product-box .product-details h6 {
      color: #051A1A;
      text-transform: uppercase;
      margin-bottom: 10px; }
    .product-box .product-details span {
      color: #898989; }
    .product-box .product-details .rating i {
      font-size: 16px;
      letter-spacing: 3px;
      color: #ffa800; }
  .product-box .modal .modal-header .product-box .product-details {
    padding: 25px 15px; }
    .product-box .modal .modal-header .product-box .product-details h6 {
      text-transform: capitalize; }
    .product-box .modal .modal-header .product-box .product-details .product-price {
      font-size: 22px;
      margin-bottom: 10px; }
    .product-box .modal .modal-header .product-box .product-details .product-view {
      padding: 20px 0;
      border-top: 1px dotted #59667a;
      border-bottom: 1px dotted #59667a; }
    .product-box .modal .modal-header .product-box .product-details .product-size {
      margin: 20px 0; }
      .product-box .modal .modal-header .product-box .product-details .product-size ul li {
        display: inline-block; }
    .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset {
      margin-bottom: 20px; }
      .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group {
        width: 35%; }
        .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn {
          padding: 5px 12px; }
        .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn-primary {
          background-color: #59667a !important;
          border: 1px solid #59667a !important; }
  .product-box .modal .modal-header .btn-close {
    position: absolute;
    right: 26px;
    top: 22px; }
  .product-box .product-img {
    position: relative; }
    .product-box .product-img .product-hover {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.3);
      opacity: 0;
      border-radius: 100%;
      transform: scale(0);
      transition: all 0.3s ease; }
      .product-box .product-img .product-hover ul li {
        display: inline-block;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08);
        padding: 10px 13px;
        background-color: #fff;
        font-size: 18px;
        border-radius: 10px;
        height: 45px;
        width: 45px;
        margin: 0 3px;
        cursor: pointer; }
        .product-box .product-img .product-hover ul li i {
          color: #59667a;
          font-size: 18px; }
        .product-box .product-img .product-hover ul li .btn {
          padding: 0; }
        .product-box .product-img .product-hover ul li:hover {
          background-color: var(--theme-deafult);
          transition: all 0.3s ease; }
          .product-box .product-img .product-hover ul li:hover button:active, .product-box .product-img .product-hover ul li:hover button:focus-visible {
            border: none !important; }
          .product-box .product-img .product-hover ul li:hover .btn,
          .product-box .product-img .product-hover ul li:hover i {
            color: #fff; }
  .product-box:hover .product-hover {
    opacity: 1;
    border-radius: 0%;
    transform: scale(1);
    transition: all 0.3s ease; }

.product-page-main {
  padding: 30px; }
  .product-page-main .owl-item .item {
    border: 1px solid #E6E9EB;
    border-radius: 5px;
    background-color: #f8f8f8; }
  .product-page-main .owl-item.current .item {
    border: 1px solid var(--theme-deafult); }
  .product-page-main .product-slider {
    margin-bottom: 20px; }
    @media (min-width: 1400px) {
      .product-page-main .product-slider img {
        height: 520px;
        object-fit: cover; } }
    @media (min-width: 1500px) {
      .product-page-main .product-slider img {
        height: 400px;
        object-fit: cover; } }
  .product-page-main .product-color {
    margin-top: 10px; }

.product-page-details h4 {
  color: #051A1A;
  text-transform: uppercase;
  font-size: 18px; }

.product-page-details span {
  padding-left: 15px; }

.br-theme-fontawesome-stars .br-widget a,
.br-theme-fontawesome-stars .br-widget a.br-selected:after,
.br-theme-fontawesome-stars .br-widget a.br-active:after {
  color: #ffa800 !important;
  font: normal normal normal 14px/1 FontAwesome; }

.product-price {
  font-size: 18px;
  font-weight: 700;
  margin-top: 5px;
  color: var(--theme-deafult); }
  .product-price del {
    color: rgba(44, 50, 63, 0.4);
    padding-left: 10px;
    font-size: 80%; }

.product-color li {
  display: inline-block;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  margin: 0 2px; }

.product-page-main p {
  font-size: 15px; }

.product-page-main .nav-link {
  text-transform: uppercase;
  font-weight: 500; }

/**====== Product  Ends ======**/
.payment-opt li {
  display: inline-block; }
  .payment-opt li img {
    height: 20px;
    margin: 15px 15px 0 0; }

/**=====================
  3.14 Ecommerce CSS End
==========================**/
@media screen and (max-width: 1660px) and (min-width: 1200px) {
  .owl-carousel .owl-item img {
    max-width: 420px;
    margin: 0 auto; } }

/**=====================
  3.15 Email-application CSS Start
==========================**/
.email-wrap .row .col-xl-3 + .col-xl-3 {
  padding-right: 0; }

.email-wrap .row .col-xl-6 {
  padding-left: 0; }

.email-wrap .dropdown .dropdown-toggle {
  background-color: rgba(115, 102, 255, 0.08);
  color: #006666;
  border-radius: 10px;
  padding: 5px 10px;
  width: 100px;
  text-align: left; }
  [dir="rtl"] .email-wrap .dropdown .dropdown-toggle {
    text-align: right; }
  .email-wrap .dropdown .dropdown-toggle:after {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f107";
    border: none;
    font-family: "FontAwesome";
    font-size: 18px;
    margin: 0; }
    [dir="rtl"] .email-wrap .dropdown .dropdown-toggle:after {
      right: unset;
      left: 10px; }

.email-wrap .dropdown .dropdown-menu {
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0; }
  .email-wrap .dropdown .dropdown-menu .dropdown-item {
    color: #2b2b2b;
    opacity: 0.6;
    font-size: 13px;
    padding: 6px 12px;
    border-top: 1px solid #f5f5f5;
    background: #fff;
    line-height: 19px; }
    .email-wrap .dropdown .dropdown-menu .dropdown-item:hover {
      background-color: #fff; }

.email-wrap .email-app-sidebar .media img {
  border: 2px solid #ecf3fa; }

.email-wrap .email-app-sidebar .main-menu > li {
  width: 100%;
  text-align: left; }
  .email-wrap .email-app-sidebar .main-menu > li a {
    line-height: 39px;
    text-transform: uppercase;
    border-radius: 3px; }
    .email-wrap .email-app-sidebar .main-menu > li a i {
      margin-right: 10px; }
    .email-wrap .email-app-sidebar .main-menu > li a.active > a {
      color: #000; }
    .email-wrap .email-app-sidebar .main-menu > li a:hover {
      background-color: #f5f6f9;
      text-decoration: none; }

.email-wrap .email-app-sidebar ul li button {
  color: #fff; }

.email-wrap .email-app-sidebar ul li a {
  display: flex;
  padding-left: 20px;
  align-items: center; }
  .email-wrap .email-app-sidebar ul li a > .title {
    width: 100%;
    color: #2c323f; }
  .email-wrap .email-app-sidebar ul li a > .badge {
    align-self: center;
    color: #898989; }

.email-wrap .email-left-aside {
  float: left;
  width: 100%; }
  .email-wrap .email-left-aside .card-body {
    padding: 20px; }

@media (min-width: 1200px) {
  .email-wrap .email-right-aside .email-body .pr-0 {
    padding-right: 0; }
    [dir="rtl"] .email-wrap .email-right-aside .email-body .pr-0 {
      padding-right: 12px;
      padding-left: 0; } }

@media (min-width: 1200px) {
  .email-wrap .email-right-aside .email-body .pl-0 {
    padding-left: 0; }
    [dir="rtl"] .email-wrap .email-right-aside .email-body .pl-0 {
      padding-left: 12px;
      padding-right: 0; } }

.email-wrap .email-right-aside .email-body .inbox {
  overflow: auto; }
  @media (max-width: 1199.98px) {
    .email-wrap .email-right-aside .email-body .inbox {
      display: flex;
      flex-wrap: wrap; } }
  .email-wrap .email-right-aside .email-body .inbox .media {
    padding: 20px; }
    .email-wrap .email-right-aside .email-body .inbox .media.active {
      background-color: #f1f3f4; }

.email-wrap .email-right-aside .radius-left {
  border-radius: 8px;
  height: 100%; }

.email-wrap .btn-mail {
  border-radius: 2px;
  text-align: left;
  padding: 13px 15px;
  margin: 20px 0 20px;
  letter-spacing: 1px;
  line-height: 12px !important; }

.email-wrap p {
  margin-bottom: 0;
  color: var(--chart-text-color) !important;
  font-weight: 600; }

.email-wrap .media-body {
  margin-top: 5px; }
  .email-wrap .media-body h6 {
    margin-bottom: 2px;
    color: #242934;
    margin-top: 3px; }
    .email-wrap .media-body h6 small {
      font-size: 12px; }
      .email-wrap .media-body h6 small span {
        color: #777777; }
  .email-wrap .media-body p {
    color: #898989;
    font-size: 12px; }

.email-wrap .email-top {
  padding: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 49px; }
  .email-wrap .email-top i {
    cursor: pointer; }
  .email-wrap .email-top h5 {
    margin-bottom: 0;
    padding: 12px 0; }
  .email-wrap .email-top .d-flex {
    padding: 13px 0; }

.email-wrap .email-wrapper {
  padding: 20px; }
  .email-wrap .email-wrapper hr {
    margin-top: 0;
    margin-bottom: 20px; }
  .email-wrap .email-wrapper .d-inline-block {
    width: 100%; }
  .email-wrap .email-wrapper h6 {
    margin-bottom: 11px;
    float: left; }
  .email-wrap .email-wrapper .right-download {
    float: right; }
  .email-wrap .email-wrapper p + p {
    margin-bottom: 20px; }
  .email-wrap .email-wrapper h5 {
    margin-bottom: 20px; }

.email-wrap .email-body .attachment ul li img {
  margin-bottom: 20px;
  width: 80px;
  height: 80px;
  object-fit: cover; }

.email-wrap .email-body .attachment .list-inline .list-inline-item {
  padding-right: 13px; }

.email-wrap .email-body .email-compose .cke_contents.cke_reset {
  max-height: 178px;
  width: 100%;
  border: 1px solid #ecf3fa; }

.email-wrap .email-body .email-compose .email-top h4 {
  padding: 11px 0; }

/**=====================
  3.15 Email-application CSS Ends
==========================**/
/**=====================
    3.47 Letter_box CSS Start
==========================**/
.email-right-aside .email-list {
  display: block; }
  .email-right-aside .email-list.hide {
    display: none; }

.email-right-aside .email-read {
  display: none; }
  .email-right-aside .email-read.show {
    display: block; }

.email-right-aside .modal-footer {
  text-align: end; }

.email-main-wrapper .email-app-sidebar .nav-pills .nav-item:active, .email-main-wrapper .email-app-sidebar .nav-pills .nav-item.active {
  border-radius: 5px; }

.email-main-wrapper .email-app-sidebar .nav-pills .nav-item:last-child .nav-link {
  padding-bottom: 0; }

.email-main-wrapper .email-app-sidebar .nav-pills .nav-link {
  color: var(--chart-text-color);
  gap: 13px;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  padding: 8px 20px; }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:hover {
    background-color: rgba(0, 102, 102, 0.1);
    color: var(--theme-deafult); }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active {
    background-color: rgba(0, 102, 102, 0.1);
    color: var(--theme-deafult);
    border-radius: 5px; }
    .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active svg, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active svg {
      stroke: rgba(153, 153, 153, 0.8); }
    .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
      content: '';
      border-right: 3px solid var(--theme-deafult);
      position: absolute;
      top: 9px;
      width: 4px;
      right: 0;
      height: 35px;
      border: 2px solid var(--theme-deafult);
      border-radius: 100px 0 0 100px; }
      [dir="rtl"] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, [dir="rtl"] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
        right: unset;
        left: 0; }
      @media (max-width: 1400px) {
        .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
          top: 8px;
          height: 28px; } }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link svg {
    width: 18px;
    height: 18px;
    stroke: rgba(153, 153, 153, 0.8); }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link div {
    width: calc(100% - 13px - 18px);
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 1400px) {
      .email-main-wrapper .email-app-sidebar .nav-pills .nav-link div {
        font-size: 15px; } }
.email-main-wrapper .email-app-sidebar span {
  background-color: rgba(0, 102, 102, 0.2);
  color: var(--theme-deafult);
  border-radius: 20px;
  padding: 5px 13px; }
  @media (max-width: 1400px) {
    .email-main-wrapper .email-app-sidebar span {
      padding: 3px 10px; } }
.email-main-wrapper .email-app-sidebar .compose-mail {
  display: block;
  text-align: center; }
  .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active {
    padding: 15px;
    background-color: var(--theme-deafult);
    color: var(--white); }
    @media (max-width: 1400px) {
      .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active {
        padding: 10px; } }
    .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active::before {
      content: unset; }
  .email-main-wrapper .email-app-sidebar .compose-mail .nav-link i {
    font-size: 13px; }

@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .email-category.nav-pills .nav-item .nav-link {
    padding: 3px 20px; } }

@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item .nav-link {
    padding: 3px 20px; } }

.email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item:first-child a {
  margin-top: 16px; }

.email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item svg {
  width: 24px;
  height: 24px; }

.email-main-wrapper .email-app-sidebar .emailbox.btn {
  width: 100%;
  margin-bottom: 15px;
  padding: 12px;
  font-size: 16px;
  font-weight: 500; }
  @media (max-width: 576px) {
    .email-main-wrapper .email-app-sidebar .emailbox.btn {
      padding: 7px; } }
  .email-main-wrapper .email-app-sidebar .emailbox.btn i {
    padding-right: 12px; }
    [dir="rtl"] .email-main-wrapper .email-app-sidebar .emailbox.btn i {
      padding-right: unset;
      padding-left: 12px; }

.email-body .mail-header-wrapper {
  padding: 16px;
  box-shadow: 0px 5px 10px 0px rgba(82, 82, 108, 0.08);
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 1468px) {
    .email-body .mail-header-wrapper {
      padding: 12px; } }
  @media (max-width: 600px) {
    .email-body .mail-header-wrapper {
      flex-direction: column;
      align-items: flex-start; } }
  .email-body .mail-header-wrapper .mail-header .form-check {
    display: flex;
    align-items: center; }
    @media (max-width: 420px) {
      .email-body .mail-header-wrapper .mail-header .form-check {
        align-items: flex-start; } }
    .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
      width: 18px;
      height: 18px;
      margin-top: 9px; }
      @media (max-width: 1468px) {
        .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
          margin-right: 8px;
          margin-top: 2px; }
          [dir="rtl"] .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
            margin-left: 8px;
            margin-right: unset; } }
      .email-body .mail-header-wrapper .mail-header .form-check .form-check-input:focus {
        box-shadow: unset;
        border: 1px solid var(--theme-deafult); }
  @media (max-width: 424px) {
    .email-body .mail-header-wrapper .mail-header ul {
      gap: 12px; } }
  @media (max-width: 351px) {
    .email-body .mail-header-wrapper .mail-header ul {
      flex-direction: column; } }
  .email-body .mail-header-wrapper .mail-header ul li a {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--chart-text-color);
    position: relative;
    padding-bottom: 0; }
    @media (max-width: 1468px) {
      .email-body .mail-header-wrapper .mail-header ul li a {
        padding: 7px; } }
    .email-body .mail-header-wrapper .mail-header ul li a::before {
      content: '';
      position: absolute;
      bottom: -23px;
      left: 0;
      width: 0;
      background-color: var(--theme-deafult);
      height: 2px;
      transition: all 0.1s ease-in; }
      [dir="rtl"] .email-body .mail-header-wrapper .mail-header ul li a::before {
        left: unset;
        right: 0; }
      @media (max-width: 1468px) {
        .email-body .mail-header-wrapper .mail-header ul li a::before {
          bottom: -15px; } }
      @media (max-width: 991px) {
        .email-body .mail-header-wrapper .mail-header ul li a::before {
          bottom: -13px; } }
      @media (max-width: 351px) {
        .email-body .mail-header-wrapper .mail-header ul li a::before {
          bottom: -2px; } }
    .email-body .mail-header-wrapper .mail-header ul li a.active {
      color: var(--theme-deafult); }
      .email-body .mail-header-wrapper .mail-header ul li a.active::before {
        width: 100%;
        transition: all 0.1s ease-in; }
    .email-body .mail-header-wrapper .mail-header ul li a svg {
      width: 22px;
      height: 22px; }
      @media (max-width: 424px) {
        .email-body .mail-header-wrapper .mail-header ul li a svg {
          display: none; } }
  .email-body .mail-header-wrapper .mail-body {
    display: flex;
    gap: 12px; }
    @media (max-width: 1500px) {
      .email-body .mail-header-wrapper .mail-body {
        justify-content: end; } }
    @media (max-width: 600px) {
      .email-body .mail-header-wrapper .mail-body {
        display: none; } }
    .email-body .mail-header-wrapper .mail-body .mail-search {
      position: relative; }
      @media (max-width: 1500px) {
        .email-body .mail-header-wrapper .mail-body .mail-search {
          width: 55%; } }
      @media (max-width: 1468px) {
        .email-body .mail-header-wrapper .mail-body .mail-search {
          width: 48%; } }
      @media (max-width: 1400px) {
        .email-body .mail-header-wrapper .mail-body .mail-search {
          display: none; } }
      .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
        display: inline-block;
        padding: 8px 30px; }
        .email-body .mail-header-wrapper .mail-body .mail-search .form-control:focus {
          box-shadow: unset;
          border: 1px solid var(--chart-dashed-border); }
        @media (max-width: 1504px) {
          .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
            max-width: 165px; } }
      .email-body .mail-header-wrapper .mail-body .mail-search i {
        position: absolute;
        top: 12px;
        left: 11px; }
        [dir="rtl"] .email-body .mail-header-wrapper .mail-body .mail-search i {
          left: 0;
          right: 11px; }
    .email-body .mail-header-wrapper .mail-body .light-square i {
      color: var(--body-font-color); }

.email-body .light-square {
  width: 40px;
  height: 39px;
  border-radius: 8px;
  background-color: var(--light-slate);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }
  @media (max-width: 992px) {
    .email-body .light-square {
      width: 34px;
      height: 35px; } }
  .email-body .light-square.dropdown-toggle::after {
    content: '';
    display: none; }
  .email-body .light-square .dropdown-menu .dropdown-item {
    border-top: 0; }
    .email-body .light-square .dropdown-menu .dropdown-item:hover {
      background-color: #E6E9EB; }
    .email-body .light-square .dropdown-menu .dropdown-item i {
      padding-right: 12px; }
      [dir="rtl"] .email-body .light-square .dropdown-menu .dropdown-item i {
        padding-right: 0;
        padding-left: 12px; }

.email-body .mail-body-wrapper ul li {
  padding: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid var(--chart-dashed-border); }
  .email-body .mail-body-wrapper ul li:hover {
    background-color: var(--light-background); }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .email-timing {
      display: none;
      transition: all 0.3s ease-in-out; }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options {
      display: flex;
      align-items: center;
      gap: 14px;
      justify-content: flex-end;
      min-width: 100px;
      transition: all 0.3s ease-in-out; }
      .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i {
        font-size: 18px; }
        @media (max-width: 375px) {
          .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i {
            font-size: 16px; } }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .show {
      display: block; }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .hide {
      display: none; }
  @media (max-width: 460px) {
    .email-body .mail-body-wrapper ul li.inbox-data {
      display: block; } }
  .email-body .mail-body-wrapper ul li:last-child {
    border-bottom: unset; }
  .email-body .mail-body-wrapper ul li .inbox-user {
    min-width: 290px;
    display: flex;
    align-items: center;
    gap: 12px; }
    @media (max-width: 1400px) {
      .email-body .mail-body-wrapper ul li .inbox-user {
        min-width: 280px; } }
    @media (max-width: 576px) {
      .email-body .mail-body-wrapper ul li .inbox-user {
        min-width: 260px; } }
    .email-body .mail-body-wrapper ul li .inbox-user .form-check-input {
      width: 18px;
      height: 18px; }
      .email-body .mail-body-wrapper ul li .inbox-user .form-check-input:focus {
        box-shadow: unset; }
    .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
      width: 50px;
      height: 50px;
      border: 2px solid var(--chart-dashed-border);
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 100%; }
      @media (max-width: 1400px) {
        .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
          width: 42px;
          height: 42px; } }
      @media (max-width: 355px) {
        .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
          display: none; } }
      .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 102, 102, 0.2);
        border-radius: 100%; }
        @media (max-width: 1400px) {
          .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div {
            width: 32px;
            height: 32px; } }
        .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div p {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 100%;
          font-weight: 900;
          padding-top: 3px; }
          @media (max-width: 1200px) {
            .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div p {
              font-size: 13px; } }
      .email-body .mail-body-wrapper ul li .inbox-user .rounded-border .circle-success {
        background-color: rgba(0, 172, 70, 0.3); }
      .email-body .mail-body-wrapper ul li .inbox-user .rounded-border img {
        border-radius: 100%;
        height: 38px; }
        @media (max-width: 1400px) {
          .email-body .mail-body-wrapper ul li .inbox-user .rounded-border img {
            height: 32px; } }
  .email-body .mail-body-wrapper ul li .inbox-message {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 16px; }
    @media (max-width: 700px) {
      .email-body .mail-body-wrapper ul li .inbox-message {
        display: block; } }
    .email-body .mail-body-wrapper ul li .inbox-message .email-data span {
      font-weight: 500;
      color: var(--chart-text-color);
      letter-spacing: 0.3;
      display: -webkit-box;
      max-width: 100%;
      margin: 0 auto;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
      .email-body .mail-body-wrapper ul li .inbox-message .email-data span span {
        font-weight: 400;
        line-height: 1.9; }
    .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge {
      border-radius: 20px; }
      @media (max-width: 1236px) {
        .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge {
          margin-bottom: 5px; } }
      .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge:last-child {
        margin-bottom: 0; }
    .email-body .mail-body-wrapper ul li .inbox-message .email-timing {
      display: flex;
      align-items: center;
      min-width: 80px;
      transition: all 0.3s ease-in-out; }
      @media (max-width: 768px) {
        .email-body .mail-body-wrapper ul li .inbox-message .email-timing {
          justify-content: flex-end;
          height: 18px; } }
      .email-body .mail-body-wrapper ul li .inbox-message .email-timing span {
        color: var(--body-font-color); }
    .email-body .mail-body-wrapper ul li .inbox-message .email-options {
      display: none;
      transition: all 0.3s ease-in-out; }
      @media (max-width: 768px) {
        .email-body .mail-body-wrapper ul li .inbox-message .email-options {
          height: 18px; } }
      .email-body .mail-body-wrapper ul li .inbox-message .email-options .show {
        display: block; }
      .email-body .mail-body-wrapper ul li .inbox-message .email-options .hide {
        display: none; }
      .email-body .mail-body-wrapper ul li .inbox-message .email-options i {
        color: var(--body-font-color); }
  .email-body .mail-body-wrapper ul li.page-item {
    padding: 0; }

.email-body .mail-body-wrapper .hidden {
  display: none !important; }

.email-body .mail-pagination {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px; }
  .email-body .mail-pagination .pagination-button,
  .email-body .mail-pagination .pagination-number {
    padding: 0px 12px;
    width: 35px;
    height: 35px;
    border-radius: 10px;
    border: unset; }
  .email-body .mail-pagination .pagination-button.disabled {
    background-color: var(--light-background);
    color: var(--chart-text-color);
    opacity: 1; }
  .email-body .mail-pagination .pagination-number {
    padding: 6px 12px; }
    .email-body .mail-pagination .pagination-number.active {
      background-color: var(--theme-deafult);
      color: var(--white); }
  .email-body .mail-pagination .pagination-index {
    display: flex;
    gap: 12px; }

.compose-modal form .form-control {
  position: relative; }

.compose-modal form .add-bcc {
  position: absolute;
  top: 2px;
  right: 16px; }
  [dir="rtl"] .compose-modal form .add-bcc {
    right: unset;
    left: 16px; }
  .compose-modal form .add-bcc .btn {
    padding: 5px 8px;
    background-color: var(--light-shade-primary);
    color: var(--theme-deafult); }

.mail-header-wrapper.header-wrapper1 {
  flex-direction: unset; }
  @media (max-width: 440px) {
    .mail-header-wrapper.header-wrapper1 {
      flex-direction: column;
      gap: 10px; } }
.mail-header-wrapper .mail-header1 {
  display: flex;
  align-items: center;
  gap: 18px; }
  .mail-header-wrapper .mail-header1 span {
    font-weight: 500;
    color: var(--body-font-color); }
  .mail-header-wrapper .mail-header1 .btn-email {
    width: 20px;
    height: 20px;
    stroke: var(--body-font-color); }

.mail-header-wrapper .mail-body1 {
  display: flex;
  gap: 10px; }
  .mail-header-wrapper .mail-body1 svg {
    width: 20px;
    height: 20px; }
    @media (max-width: 480px) {
      .mail-header-wrapper .mail-body1 svg {
        width: 18px;
        height: 18px; } }
.mail-body-wrapper .user-mail-wrapper {
  padding: 16px; }
  .mail-body-wrapper .user-mail-wrapper .user-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--chart-dashed-border); }
    @media (max-width: 390px) {
      .mail-body-wrapper .user-mail-wrapper .user-title {
        flex-direction: column;
        padding-bottom: 12px;
        justify-content: unset;
        align-items: unset; } }
    .mail-body-wrapper .user-mail-wrapper .user-title > div {
      display: flex;
      align-items: center;
      gap: 12px;
      padding-bottom: 12px; }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .rounded-border {
        width: 50px;
        height: 50px;
        border: 2px solid var(--chart-dashed-border);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%; }
        .mail-body-wrapper .user-mail-wrapper .user-title > div .rounded-border img {
          height: 38px;
          border-radius: 100%; }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .dropdown-button {
        display: flex;
        align-items: center;
        gap: 8px;
        color: var(--text-gray); }
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .dropdown-button svg {
          width: 16px;
          height: 16px; }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security {
        padding: 16px;
        box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
        min-width: 350px; }
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p {
          margin-bottom: 8px; }
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p:last-child {
            margin-bottom: 0; }
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p span {
            color: var(--body-font-color); }
      @media (max-width: 475px) {
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
          left: -27px; }
          [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
            left: unset;
            right: -27px; } }
      @media (max-width: 445px) {
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
          left: -70px; }
          [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
            left: unset;
            right: -70px; } }
      @media (max-width: 395px) {
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
          min-width: 270px; } }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
        top: 30px;
        z-index: 1; }
        [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
          left: unset;
          right: 0; }
        @media (max-width: 575px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            opacity: 1;
            visibility: visible; } }
        @media (max-width: 475px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            left: -27px; }
            [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
              left: unset;
              right: -27px; } }
        @media (max-width: 445px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            left: -70px; }
            [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
              left: unset;
              right: -70px; } }
        @media (max-width: 395px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            min-width: 270px; } }
    @media (max-width: 390px) {
      .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options {
        padding-bottom: 0; } }
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span {
      color: var(--chart-text-color); }
      @media (max-width: 623px) {
        .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span {
          display: none; } }
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options svg {
      width: 18px;
      height: 18px; }
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options .light-square .dropdown-toggle::after {
      content: unset; }
  .mail-body-wrapper .user-mail-wrapper .user-body {
    padding: 14px 0;
    border-bottom: 1px solid var(--chart-dashed-border); }
    .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(1) {
      padding-bottom: 14px; }
    .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(2), .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(4) {
      line-height: 1.8;
      margin-bottom: 10px; }
    .mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent {
      padding-top: 14px; }
      .mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent p {
        padding-bottom: 0; }
  .mail-body-wrapper .user-mail-wrapper .user-footer {
    padding: 14px 0;
    border-bottom: 1px solid var(--chart-dashed-border); }
    .mail-body-wrapper .user-mail-wrapper .user-footer > div:not(.toolbar-box) {
      display: flex;
      align-items: center;
      gap: 8px;
      padding-bottom: 12px;
      cursor: pointer; }
    .mail-body-wrapper .user-mail-wrapper .user-footer svg {
      width: 20px;
      height: 20px;
      fill: none;
      stroke: var(--text-gray); }
      @media (max-width: 480px) {
        .mail-body-wrapper .user-mail-wrapper .user-footer svg {
          width: 18px;
          height: 18px; } }
    .mail-body-wrapper .user-mail-wrapper .user-footer .attchment-file {
      align-items: center;
      gap: 30px;
      padding: 12px;
      background-color: var(--light-background); }
      .mail-body-wrapper .user-mail-wrapper .user-footer .attchment-file .common-flex img {
        height: 36px; }
  .mail-body-wrapper .user-mail-wrapper .send-btn {
    text-align: end;
    padding-top: 14px; }
    .mail-body-wrapper .user-mail-wrapper .send-btn i {
      margin-left: 8px;
      font-size: 12px; }
      [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .send-btn i {
        margin-left: 0;
        margin-right: 8px; }

.toolbar-box {
  display: block;
  padding: 0;
  border: 1px solid var(--chart-dashed-border);
  border-radius: 5px; }
  .toolbar-box .ql-toolbar.ql-snow {
    border: 0; }
  .toolbar-box .ql-container.ql-snow {
    border: 0;
    min-height: 100px; }
  [dir="rtl"] .toolbar-box .ql-editor {
    text-align: right; }
  .toolbar-box .ql-editor p:nth-child(3) {
    margin: 12px 0; }
  .toolbar-box .ql-editor p:nth-child(8), .toolbar-box .ql-editor p:nth-child(9) {
    margin: 12px 0; }
  .toolbar-box .ql-bold:hover,
  .toolbar-box .ql-italic:hover,
  .toolbar-box .ql-underline:hover,
  .toolbar-box .ql-strike:hover,
  .toolbar-box .ql-list:hover,
  .toolbar-box .ql-stroke:hover,
  .toolbar-box .ql-indent:hover,
  .toolbar-box .ql-link:hover,
  .toolbar-box .ql-image:hover {
    color: var(--theme-deafult); }
    .toolbar-box .ql-bold:hover svg .ql-stroke,
    .toolbar-box .ql-bold:hover svg .ql-fill,
    .toolbar-box .ql-italic:hover svg .ql-stroke,
    .toolbar-box .ql-italic:hover svg .ql-fill,
    .toolbar-box .ql-underline:hover svg .ql-stroke,
    .toolbar-box .ql-underline:hover svg .ql-fill,
    .toolbar-box .ql-strike:hover svg .ql-stroke,
    .toolbar-box .ql-strike:hover svg .ql-fill,
    .toolbar-box .ql-list:hover svg .ql-stroke,
    .toolbar-box .ql-list:hover svg .ql-fill,
    .toolbar-box .ql-stroke:hover svg .ql-stroke,
    .toolbar-box .ql-stroke:hover svg .ql-fill,
    .toolbar-box .ql-indent:hover svg .ql-stroke,
    .toolbar-box .ql-indent:hover svg .ql-fill,
    .toolbar-box .ql-link:hover svg .ql-stroke,
    .toolbar-box .ql-link:hover svg .ql-fill,
    .toolbar-box .ql-image:hover svg .ql-stroke,
    .toolbar-box .ql-image:hover svg .ql-fill {
      stroke: var(--theme-deafult); }
  .toolbar-box .ql-bold button.ql-active .ql-stroke,
  .toolbar-box .ql-italic button.ql-active .ql-stroke,
  .toolbar-box .ql-underline button.ql-active .ql-stroke,
  .toolbar-box .ql-strike button.ql-active .ql-stroke,
  .toolbar-box .ql-list button.ql-active .ql-stroke,
  .toolbar-box .ql-stroke button.ql-active .ql-stroke,
  .toolbar-box .ql-indent button.ql-active .ql-stroke,
  .toolbar-box .ql-link button.ql-active .ql-stroke,
  .toolbar-box .ql-image button.ql-active .ql-stroke {
    stroke: var(--theme-deafult); }

#editor .ql-editing,
#editor1 .ql-editing {
  left: 60.375px !important; }
  [dir="rtl"] #editor .ql-editing, [dir="rtl"] #editor1 .ql-editing {
    left: 0;
    right: 60.375px !important; }
  #editor .ql-editing.ql-out-bottom,
  #editor1 .ql-editing.ql-out-bottom {
    visibility: visible !important; }

#editor .ql-tooltip,
#editor1 .ql-tooltip {
  left: 35.9688px !important; }
  [dir="rtl"] #editor .ql-tooltip, [dir="rtl"] #editor1 .ql-tooltip {
    left: 0;
    right: 35.9688px !important; }
  @media (max-width: 430px) {
    #editor .ql-tooltip,
    #editor1 .ql-tooltip {
      left: 2.9688px !important; }
      [dir="rtl"] #editor .ql-tooltip, [dir="rtl"] #editor1 .ql-tooltip {
        left: 0;
        right: 2.9688px !important; } }
  #editor .ql-tooltip.ql-out-bottom,
  #editor1 .ql-tooltip.ql-out-bottom {
    visibility: visible !important; }
    @media (max-width: 430px) {
      #editor .ql-tooltip.ql-out-bottom input[type=text],
      #editor1 .ql-tooltip.ql-out-bottom input[type=text] {
        width: 94px; } }
.important-mail {
  width: 18px;
  height: 18px;
  fill: transparent;
  stroke: var(--chart-text-color);
  cursor: pointer; }
  .important-mail:active, .important-mail.active {
    fill: #FFAE1A;
    stroke: #FFAE1A; }

.bookmark-box {
  stroke: var(--chart-text-color); }
  .bookmark-box:active, .bookmark-box.active {
    stroke: var(--theme-deafult); }

.dropdown-subtitle > p {
  color: #52526c;
  font-weight: 500; }

/**=====================
    3.47 Letter_box CSS End
==========================**/
/**=====================
    3.16 Errorpage CSS Start
==========================**/
.error-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  text-align: center; }
  .error-wrapper.maintenance-bg {
    background-image: url(/../images/admin/other-images/maintenance-bg.jpg);
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: overlay; }
  .error-wrapper .maintenance-icons li i {
    color: #59667a;
    font-size: 50px;
    animation: rotate-effect 40s infinite linear reverse; }
  .error-wrapper .maintenance-icons li:nth-child(2) i {
    font-size: 100px;
    margin-left: 110px;
    margin-top: -25px;
    animation: reverse-rotate-effect 40s linear infinite; }
  .error-wrapper .maintenance-icons li:nth-child(3) i {
    animation: rotate-effect 30s infinite linear;
    font-size: 150px;
    margin-top: -85px;
    margin-right: 120px; }

@keyframes rotate-effect {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes reverse-rotate-effect {
  0% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(0deg); } }
  .error-wrapper .maintenance-heading {
    margin-top: 70px; }
    .error-wrapper .maintenance-heading .headline {
      font-size: 99px;
      font-weight: 900;
      letter-spacing: 10px;
      color: var(--theme-deafult);
      z-index: 2;
      position: relative;
      margin-top: -70px; }
  .error-wrapper .error-heading {
    margin-top: 115px; }
    .error-wrapper .error-heading .headline {
      font-size: 285px;
      font-weight: 700;
      letter-spacing: 1px;
      margin-top: -130px; }
  .error-wrapper .sub-content {
    font-size: 18px;
    color: #051A1A;
    letter-spacing: 1px;
    font-weight: normal;
    line-height: 35px;
    z-index: 3;
    position: relative;
    margin-top: 30px;
    margin-bottom: 0; }
  .error-wrapper .btn {
    margin-top: 40px; }

.error {
  margin: 70px 0 100px;
  color: #000; }
  .error .error-title {
    font-size: 9.5rem;
    color: #fff;
    text-shadow: 6px 6px 7px rgba(0, 0, 0, 0.32); }
  .error .line-bottom {
    width: 10%;
    height: 5px;
    background-color: #FFAE1A;
    border: none; }
  .error .c-white {
    color: #fff; }
  .error .error-btn {
    text-align: center; }
  .error .padd {
    padding: 10px 30px 10px 30px; }
  .error .btn-back-home {
    background-color: #E6E9EB;
    color: #000; }
    .error .btn-back-home:hover {
      background-color: #FFAE1A;
      color: #fff;
      box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21); }
  .error .btn-adnc-serc {
    background-color: #2c323f;
    color: #fff; }
    .error .btn-adnc-serc:hover {
      background-color: #FFAE1A;
      color: #fff;
      box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21); }

/**=====================
    3.16 Errorpage CSS Start
==========================**/
/**=====================
    3.17 Faq CSS start
==========================**/
.knowledgebase-bg {
  height: 500px;
  border-radius: 15px;
  margin-bottom: 30px; }

.knowledgebase-search {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  left: 5%; }
  .knowledgebase-search .form-inline {
    background-color: #fff;
    width: 500px;
    padding: 12px 50px;
    border-radius: 10px;
    border: 1px solid #E6E9EB;
    margin-top: 10px;
    position: relative; }
    .knowledgebase-search .form-inline ::placeholder {
      color: rgba(5, 26, 26, 0.6); }
    .knowledgebase-search .form-inline svg {
      position: absolute;
      left: 20px;
      width: 20px;
      top: 17px;
      stroke: rgba(5, 26, 26, 0.6); }

.faq-widgets {
  align-items: center; }
  .faq-widgets .media-body h5 {
    font-weight: 600;
    color: #fff;
    margin-bottom: 8px; }
  .faq-widgets .media-body p {
    padding-right: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis; }
  .faq-widgets svg {
    width: 150px;
    height: 150px;
    opacity: 0.5; }

.header-faq {
  margin-bottom: 30px; }
  .header-faq h5 {
    font-weight: 600; }

.features-faq.card .card-body,
.features-faq.card .card-footer {
  padding: 20px 25px; }

.features-faq .faq-image img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%; }

.features-faq .card-body h6 {
  margin-bottom: 15px;
  font-weight: 600; }

.add-project.table td {
  vertical-align: middle; }

.add-project .text-inherit {
  color: black; }

.faq-accordion.default-according {
  margin-bottom: 30px; }
  .faq-accordion.default-according .card .btn-link {
    display: flex; }
    .faq-accordion.default-according .card .btn-link svg {
      width: 20px;
      height: 20px;
      margin-right: 10px; }
  .faq-accordion.default-according .card .faq-header {
    position: relative;
    padding: 30px; }
    .faq-accordion.default-according .card .faq-header svg {
      position: absolute;
      right: 30px;
      top: 30px;
      width: 20px;
      height: 20px; }
    .faq-accordion.default-according .card .faq-header span {
      margin-top: 3px; }
  .faq-accordion.default-according .faq-body {
    padding: 20px !important; }
  .faq-accordion.default-according .card-mb-faq {
    margin-bottom: 30px; }

.faq-title {
  margin: 30px 0; }
  .faq-title h6 {
    color: #999999;
    font-weight: 600; }

.faq-form {
  position: relative; }
  .faq-form .search-icon {
    position: absolute;
    right: 12px;
    top: 9px;
    width: 20px;
    height: 20px; }

.navigation-btn {
  margin-bottom: 20px; }
  .navigation-btn a {
    display: flex;
    align-items: center;
    justify-content: center; }
    .navigation-btn a svg {
      width: 15px;
      height: 15px; }

.navigation-option ul li {
  position: relative;
  padding: 8px 8px 8px 0; }
  .navigation-option ul li:hover {
    background-color: #fdfeff; }
  .navigation-option ul li a {
    padding-left: 40px;
    color: #051A1A; }
    .navigation-option ul li a svg {
      position: absolute;
      width: 15px;
      height: 15px;
      top: 11px;
      left: 15px; }

.updates-faq {
  width: 40px;
  height: 40px;
  border: 2px solid var(--theme-deafult);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px; }
  .updates-faq svg {
    width: 18px;
    height: 18px; }

.updates-bottom-time p {
  margin-bottom: 2px; }
  .updates-bottom-time p + p {
    color: #999999; }

.updates-faq-main {
  margin-bottom: 20px; }
  .updates-faq-main a {
    font-weight: 500; }
  .updates-faq-main:last-child {
    margin-bottom: 0; }

@media only screen and (max-width: 1399.98px) {
  .faq-widgets svg {
    width: 80px;
    height: 80px; } }

@media only screen and (max-width: 1199px) {
  .faq-accordion {
    margin-bottom: 30px; } }

@media only screen and (max-width: 991px) {
  .faq-accordion.default-according .card .faq-header {
    padding: 20px !important; }
    .faq-accordion.default-according .card .faq-header svg {
      right: 20px;
      top: 20px; }
  .navigation-option ul li {
    padding: 10px 10px 10px 0; }
    .navigation-option ul li a svg {
      top: 12px; } }

@media only screen and (max-width: 767px) {
  .xs-mt-search {
    margin-top: 30px; } }

@media only screen and (max-width: 575px) {
  .xs-mt-search {
    margin-top: 0px; }
  .faq-widgets svg {
    width: 60px;
    height: 60px; }
  .faq-title {
    margin: 15px 0; }
  .header-faq {
    margin-bottom: 15px;
    margin-top: 10px; }
  .faq-accordion {
    margin-bottom: 0px; }
    .faq-accordion .faq-header {
      padding: 15px !important; }
      .faq-accordion .faq-header .pull-right {
        float: right; }
      .faq-accordion .faq-header svg {
        right: 15px;
        top: 15px; }
  .navigation-btn,
  .updates-faq-main {
    margin-bottom: 15px; } }

/**=====================
    3.17 Faq CSS end
==========================**/
/**=====================
   3.18 File CSS
==========================**/
.files-content {
  display: flex;
  margin-bottom: -10px; }
  .files-content li {
    margin-right: 20px;
    margin-bottom: 10px; }
    .files-content li .files-list .file-left {
      background-color: rgba(0, 102, 102, 0.05);
      border: 1px solid #ecf3fa;
      padding: 18px 22px;
      border-radius: 5px; }

.file-sidebar .card .card-body,
.file-sidebar .card .card-header,
.file-content .card .card-body,
.file-content .card .card-header {
  padding: 20px !important; }
  .file-sidebar .card .card-body .file-manager,
  .file-sidebar .card .card-header .file-manager,
  .file-content .card .card-body .file-manager,
  .file-content .card .card-header .file-manager {
    padding-top: unset !important; }
  .file-sidebar .card .card-body .form-group input,
  .file-sidebar .card .card-header .form-group input,
  .file-content .card .card-body .form-group input,
  .file-content .card .card-header .form-group input {
    line-height: 0; }

.file-manager .folder {
  margin-bottom: -12px; }
  .file-manager .folder li:nth-child(n+2) {
    margin-left: 12px;
    margin-bottom: 12px; }
  .file-manager .folder li:nth-child(5), .file-manager .folder li:nth-child(9), .file-manager .folder li:nth-child(13) {
    margin-left: 0; }

.file-sidebar ul li + li {
  margin-top: 8px; }

.file-sidebar .btn {
  display: flex;
  align-items: center;
  padding: 8px 20px;
  font-weight: 400; }
  .file-sidebar .btn.btn-light:hover {
    color: #006666 !important; }
    .file-sidebar .btn.btn-light:hover svg {
      stroke: #006666; }
  .file-sidebar .btn svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px; }

.file-sidebar .pricing-plan {
  border: 1px solid #ecf3fa;
  border-radius: 5px;
  margin-top: 10px;
  padding: 15px;
  position: relative;
  overflow: hidden; }
  .file-sidebar .pricing-plan h6 {
    font-size: 14px;
    margin-bottom: 2px;
    color: #898989; }
  .file-sidebar .pricing-plan h5 {
    font-weight: 500;
    font-size: 20px; }
  .file-sidebar .pricing-plan p {
    margin-bottom: 5px;
    color: #898989; }
  .file-sidebar .pricing-plan .btn {
    display: inline-block;
    font-size: 12px; }
  .file-sidebar .pricing-plan .bg-img {
    position: absolute;
    top: 40px;
    opacity: 0.1;
    transform: rotate(-45deg);
    right: -40px; }

.file-manager h5 {
  font-size: 18px;
  font-weight: 600; }

.file-manager > h6 {
  opacity: 0.6;
  font-weight: 400 !important;
  font-size: 15px;
  margin-bottom: 12px; }

.file-manager .files-gap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px; }
  .file-manager .files-gap.list-group {
    flex-direction: unset; }

.file-manager p {
  font-size: 12px;
  color: #999999;
  margin-bottom: 0; }

.folder h6 {
  opacity: 0.9;
  font-weight: 500 !important;
  font-size: 14px; }

.files-content,
.quick-file {
  flex-wrap: wrap; }

.quick-file {
  margin-bottom: -10px; }
  .quick-file li {
    margin-right: 20px;
    margin-bottom: 10px; }
    .quick-file li h6 {
      font-size: 14px;
      text-align: center;
      font-weight: 400;
      margin-top: 8px; }
    .quick-file li .quick-box {
      background-color: rgba(0, 102, 102, 0.05);
      border: 1px solid #ecf3fa;
      padding: 20px 24px;
      border-radius: 5px; }
      .quick-file li .quick-box i {
        font-size: 30px;
        margin-right: 0; }

.file-content .folder-box .files-list h6 {
  font-size: 16px;
  font-weight: 400; }

.file-content .folder-box .files-list i {
  margin-right: 0; }

.file-content .ellips {
  position: absolute;
  top: 30px;
  right: 30px;
  opacity: 0.7; }

.file-content .form-inline {
  border: 1px solid #ecf3fa;
  padding: 0px 20px;
  border-radius: 5px; }
  .file-content .form-inline i {
    padding-right: 10px;
    color: #898989;
    line-height: 3; }
  .file-content .form-inline input::-webkit-input-placeholder {
    color: #898989; }
  .file-content .form-inline input:focus {
    outline: none !important; }

.file-content .search-form input {
  padding: 5px 10px 5px 70px;
  border-radius: 5px; }

.file-content .search-form .form-group:before {
  left: 82px;
  top: 37px; }

.file-content .search-form .form-group:after {
  top: 39px;
  left: 53px; }

.file-content .btn svg {
  height: 16px;
  margin-right: 2px;
  vertical-align: -3px; }

.file-content h4 {
  font-weight: 500;
  margin-bottom: 5px;
  font-size: 24px;
  line-height: 1; }

.file-content .folder .folder-box {
  border: 1px solid #ecf3fa;
  border-radius: 5px;
  padding: 15px;
  background-color: #fff;
  width: calc(25% - 15px);
  display: inline-block;
  margin: 2px 0;
  position: relative; }
  .file-content .folder .folder-box h6 {
    font-size: 16px; }
  .file-content .folder .folder-box .ellips {
    top: 22px;
    right: 22px; }
  .file-content .folder .folder-box:nth-child(1) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 10ms; }
  .file-content .folder .folder-box:nth-child(2) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 20ms; }
  .file-content .folder .folder-box:nth-child(3) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 30ms; }
  .file-content .folder .folder-box:nth-child(4) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 40ms; }
  .file-content .folder .folder-box:nth-child(5) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 50ms; }
  .file-content .folder .folder-box:nth-child(6) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 60ms; }
  .file-content .folder .folder-box:nth-child(7) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 70ms; }
  .file-content .folder .folder-box:nth-child(8) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 80ms; }
  .file-content .folder .folder-box:nth-child(9) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 90ms; }
  .file-content .folder .folder-box:nth-child(10) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 100ms; }
  .file-content .folder .folder-box:nth-child(11) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 110ms; }
  .file-content .folder .folder-box:nth-child(12) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 120ms; }
  .file-content .folder .folder-box:nth-child(13) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 130ms; }
  .file-content .folder .folder-box:nth-child(14) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 140ms; }
  .file-content .folder .folder-box:nth-child(15) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 150ms; }

.md-sidebar .md-sidebar-toggle {
  display: none;
  width: fit-content;
  margin-bottom: 20px;
  font-weight: 600;
  text-transform: capitalize; }

@media screen and (max-width: 1440px) {
  .file-content .folder .folder-box .d-flex {
    display: block !important;
    text-align: center; }
    .file-content .folder .folder-box .d-flex .flex-grow-1 {
      margin-left: 0 !important;
      margin-top: 5px; } }

@media screen and (max-width: 1366px) {
  .file-content .folder {
    margin-bottom: -10px; }
    .file-content .folder .folder-box {
      margin-bottom: 10px;
      margin-right: 0;
      padding: 13px; }
      .file-content .folder .folder-box .media i {
        font-size: 30px; }
  .file-content .card-header .btn {
    padding: 8px 15px;
    z-index: 0; }
  .file-sidebar .btn {
    padding: 8px 15px; } }

@media screen and (max-width: 1199px) {
  .job-sidebar .job-left-aside {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0;
    opacity: 1;
    visibility: hidden;
    overflow-y: scroll;
    z-index: 3;
    max-width: 270px;
    height: 600 px;
    background-color: #fff;
    border: 1 px solid #e6edef;
    padding: 12px; }
  .job-sidebar .job-toggle {
    display: block !important;
    margin-bottom: 20px; }
  .job-sidebar .job-left-aside.open {
    opacity: 1;
    visibility: visible; }
  .md-sidebar .md-sidebar-toggle {
    display: block;
    width: fit-content; }
  .md-sidebar .md-sidebar-aside {
    position: absolute;
    top: 70%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    width: 280px; }
    .md-sidebar .md-sidebar-aside.open {
      opacity: 1;
      visibility: visible; } }

@media screen and (max-width: 768px) {
  .file-content .form-inline {
    display: inline-block;
    padding: 0px 0px 0px 20px; }
  .file-content .folder {
    margin-bottom: -10px; }
    .file-content .folder .folder-box {
      width: calc(50% - 20px);
      margin-bottom: 10px;
      margin-right: 8px; }
      [dir="rtl"] .file-content .folder .folder-box {
        margin-right: 0px; }
      .file-content .folder .folder-box:nth-child(odd) {
        margin-left: 0; } }

@media screen and (max-width: 420px) {
  .file-content .folder .folder-box {
    width: calc(100%);
    margin-right: unset; }
  .file-content h4 {
    font-size: 20px; }
  .file-content .card-header .btn {
    padding: 7px 10px;
    font-size: 12px; }
  .file-manager .folder li:nth-child(n+2) {
    margin-left: 0; }
  .file-manager > h6 {
    font-size: 14px; } }

/**=====================
    3.18 File CSS
==========================**/
/**=====================
    3.19 Gallery CSS Start
==========================**/
.profile-img-style img,
.scroll-bar-wrap img {
  width: 100%; }

.gallery {
  margin-bottom: -30px; }
  .gallery > a {
    margin-bottom: 30px; }
    .gallery > a:before {
      content: "\edee";
      font-family: IcoFont;
      position: absolute;
      height: calc(100% - 10px);
      left: 20px;
      width: calc(100% - 40px);
      background-color: rgba(255, 255, 255, 0.27);
      top: 5px;
      transform: scale(0);
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px;
      color: #000; }
    .gallery > a:hover:before {
      transform: scale(1);
      transition: all 0.3s ease; }
    .gallery > a .img-thumbnail {
      border-radius: 0; }

.gallery-with-description {
  margin-bottom: -30px; }
  .gallery-with-description a > div {
    padding: 10px;
    border: 1px solid #e4e6ec;
    margin-bottom: 30px;
    border-radius: 0 0 5px 5px; }
  .gallery-with-description a:hover {
    text-decoration: none !important; }
  .gallery-with-description h4 {
    color: #2c323f;
    margin-top: 15px;
    font-size: 18px;
    margin-bottom: 5px; }
  .gallery-with-description p {
    color: #a3a3a3; }

.lg-backdrop {
  background-color: #fff; }

.lg-outer .lg-actions .lg-next,
.lg-outer .lg-actions .lg-prev {
  background-color: white;
  border: 1px solid #efefef; }
  .lg-outer .lg-actions .lg-next:hover,
  .lg-outer .lg-actions .lg-prev:hover {
    color: #2c323f; }

.lg-outer .lg-toolbar {
  background-color: rgba(255, 255, 255, 0.45);
  border-bottom: 1px solid #2c323f; }
  .lg-outer .lg-toolbar .lg-icon:hover {
    color: #2c323f; }

.lg-outer #lg-counter {
  color: #2c323f; }

.lg-outer .lg-sub-html {
  background-color: rgba(255, 255, 255, 0.45); }
  .lg-outer .lg-sub-html h4 {
    font-size: inherit;
    color: #2c323f; }
  .lg-outer .lg-sub-html p {
    color: #2c323f; }

.lg-outer .lg-thumb-outer {
  background-color: #ecf3fa; }

.lg-outer .lg-thumb-item {
  padding: 4px;
  border: 1px solid #efefef;
  border-radius: 0; }
  .lg-outer .lg-thumb-item .active, .lg-outer .lg-thumb-item:hover {
    border-color: #000; }

.gallery a:before, .gallery a:after {
  content: none; }

.gallery .img-hover > div {
  overflow: hidden; }

.gallery .hover-1 img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  .gallery .hover-1 img:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }

.gallery .hover-2 img {
  width: 100%;
  height: auto;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  transform: translateX(0px); }

.gallery .hover-2:hover img {
  transform: translateX(40px) scale(1.2); }

.gallery .hover-3 img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-3:hover img {
  -webkit-transform: scale(1);
  transform: scale(1); }

.gallery .hover-4 img {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-4:hover img {
  -webkit-transform: scale(1);
  transform: scale(1); }

.gallery .hover-5 img {
  margin-left: 30px;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-5:hover img {
  margin-left: 0; }

.gallery .hover-6 img {
  -webkit-transform: rotate(15deg) scale(1.4);
  transform: rotate(15deg) scale(1.4);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-6:hover img {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1); }

.gallery .hover-7 img {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-7:hover img {
  -webkit-filter: blur(0);
  filter: blur(0); }

.gallery .hover-8 img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-8:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0); }

.gallery .hover-9 img {
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-9:hover img {
  -webkit-filter: sepia(0);
  filter: sepia(0); }

.gallery .hover-10 img {
  -webkit-filter: grayscale(0) blur(0);
  filter: grayscale(0) blur(0);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-10:hover img {
  -webkit-filter: grayscale(100%) blur(3px);
  filter: grayscale(100%) blur(3px); }

.gallery .hover-11 img {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-11:hover img {
  opacity: .5; }

@-webkit-keyframes flash {
  0% {
    opacity: .4; }
  100% {
    opacity: 1; } }

@keyframes flash {
  0% {
    opacity: .4; }
  100% {
    opacity: 1; } }

.gallery .hover-13:hover img {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s; }

@-webkit-keyframes shine {
  100% {
    left: 125%; } }

@keyframes shine {
  100% {
    left: 125%; } }

.gallery .hover-14 div {
  position: relative; }
  .gallery .hover-14 div:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg); }
  .gallery .hover-14 div:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s; }

.gallery .hover-15 div {
  position: relative; }
  .gallery .hover-15 div:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0; }
  .gallery .hover-15 div:hover:before {
    -webkit-animation: circle .75s;
    animation: circle .75s; }

@-webkit-keyframes circle {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

@keyframes circle {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

* {
  box-sizing: border-box; }
  *:after, *:before {
    box-sizing: border-box; }

.grid {
  position: relative; }

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both; }

/* ---- .grid-item ---- */
.grid-item img {
  max-width: 100%;
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6; }

.gallery-with-description .grid-item img {
  border: 0;
  padding: 0; }

/**=====================
    3.19 Gallery CSS Ends
==========================**/
/**=====================
    3.20 Helper CSS start
==========================**/
.helper-common-box {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  gap: 8px; }
  .helper-common-box:last-child {
    margin-bottom: 0; }
  .helper-common-box.helper-p-wrapper {
    gap: 12px;
    margin-bottom: 0;
    flex-wrap: wrap; }

.border-wrapper {
  padding: 20px; }

.helper-box {
  width: 40px;
  height: 40px;
  border-radius: 25%; }
  .helper-box.helper-text {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900; }

.helper-radius {
  width: 60px;
  height: 30px; }

.fill-wrapper {
  background-color: #E6E9EB; }

.gradient-border {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  align-items: center; }
  @media (max-width: 1200px) {
    .gradient-border {
      gap: calc(13px + (22 - 13) * ((100vw - 320px) / (1200 - 320))); } }
.radius-wrapper {
  background-color: #efefef; }

.font-wrapper {
  display: flex;
  align-items: center;
  padding: 12px 20px; }

.helper-padding {
  display: flex;
  flex-direction: column;
  gap: 12px; }

.helper-p-box {
  display: flex;
  justify-content: center;
  align-items: center; }
  .helper-p-box span {
    color: var(--body-font-color); }

.common-p-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start; }

/**=====================
    3.20 Helper CSS end
==========================**/
/**=====================
    3.21 Internationalization CSS start
==========================**/
.hdg_main {
  position: relative; }

.main .langChoice {
  position: absolute;
  right: 40px;
  top: 31px;
  padding: 10px 18px;
  background-color: transparent; }

@media (max-width: 991px) {
  .main .langChoice {
    right: 20px;
    top: 11px;
    padding: 8px; } }

@media only screen and (max-width: 575px) {
  .main .langChoice {
    top: 14px;
    padding: 4px 7px; }
  .language-xs {
    margin-top: 15px; } }

@media only screen and (max-width: 360px) {
  .language-header {
    padding-bottom: 60px !important; }
  .main .langChoice {
    left: 0;
    margin: 0 auto;
    top: 50px;
    width: 30%;
    right: 0; } }

/**=====================
    3.21 Internationalization CSS End
==========================**/
/**=====================
    3.22 Job-search CSS Start
==========================**/
.filter-cards-view .job-filter:first-child {
  margin-bottom: 30px; }

.filter-cards-view .checkbox-animated {
  margin-top: 30px;
  margin-bottom: 30px; }

.location-checkbox span {
  color: #999999;
  padding-left: 33px; }
  [dir="rtl"] .location-checkbox span {
    padding-left: unset;
    padding-right: 33px; }

.job-accordion .card {
  margin-bottom: 30px; }

.job-accordion .btn-block {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.job-search p {
  margin-top: 14px; }

.job-search .d-flex .flex-grow-1 h6 {
  margin-bottom: 3px; }
  .job-search .d-flex .flex-grow-1 h6 span {
    font-size: 13px;
    color: #999999;
    font-weight: normal; }
    .job-search .d-flex .flex-grow-1 h6 span.badge {
      color: #fff; }

.job-search .d-flex .flex-grow-1 > p {
  margin-top: 0;
  color: #999999; }

.job-search .job-description {
  margin-top: 30px; }
  .job-search .job-description button span {
    color: #fff; }
  .job-search .job-description h6 {
    font-weight: 600;
    margin-bottom: 30px; }
  .job-search .job-description p {
    margin-top: 0;
    margin-bottom: 6px; }
  .job-search .job-description ul {
    list-style-type: disc;
    list-style-position: inside; }
    .job-search .job-description ul li {
      margin-bottom: 10px; }
      .job-search .job-description ul li:last-child {
        margin-bottom: 0; }
  .job-search .job-description .theme-form {
    margin-top: 30px;
    margin-bottom: 30px; }
    .job-search .job-description .theme-form .row div[class^="col-"] + div[class^="col-"] .select2-container {
      margin-top: 18px; }
    .job-search .job-description .theme-form .row div[class^="col-"] .job-select2 ~ .select2-container {
      margin-top: 0 !important; }
    .job-search .job-description .theme-form .row div[class^="col-"] .input-group .datepicker-here {
      font-size: 14px;
      border: 1px solid #efefef;
      padding-top: 12px;
      padding-bottom: 12px; }

.select2-container .select2-selection--single {
  border-radius: 0.25rem !important;
  border-color: #efefef;
  height: 47px !important;
  padding: 10px; }

.job-pagination {
  margin-bottom: 30px; }
  .job-pagination nav ul {
    justify-content: center; }

@media only screen and (max-width: 1366px) {
  .xl-mt-job {
    margin-bottom: 20px; } }

@media only screen and (max-width: 991px) {
  .filter-cards-view {
    padding: 20px !important; }
    .filter-cards-view .job-filter:first-child {
      margin-bottom: 20px; }
    .filter-cards-view .checkbox-animated {
      margin-top: 20px;
      margin-bottom: 20px; }
  .job-accordion .animate-chk {
    padding: 20px !important; }
  .job-search > p {
    margin-top: 20px; } }

@media only screen and (max-width: 575px) {
  .filter-cards-view {
    padding: 15px !important; }
    .filter-cards-view .job-filter:first-child {
      margin-bottom: 15px; }
    .filter-cards-view .checkbox-animated {
      margin-top: 15px;
      margin-bottom: 15px; }
  .job-accordion .animate-chk {
    padding: 15px !important; }
  .job-search p {
    margin-top: 15px; }
  .job-search .d-flex {
    display: block;
    text-align: center; }
    .job-search .d-flex .flex-grow-1 h6 .pull-right {
      float: none;
      margin-top: 3px;
      display: block; }
    .job-search .d-flex .flex-grow-1 h6 a {
      display: block; }
    .job-search .d-flex .flex-grow-1 p span + span {
      display: block;
      color: #E6E9EB; }
    .job-search .d-flex img {
      margin-bottom: 15px; }
    .job-search .d-flex .m-r-20 {
      margin-right: 0; }
  .job-search .job-description {
    margin-top: 15px; }
    .job-search .job-description .theme-form {
      margin-top: 15px;
      margin-bottom: 15px; }
      .job-search .job-description .theme-form .row div[class^="col-"] + div[class^="col-"] .select2-container {
        margin-top: 2px; }
      .job-search .job-description .theme-form .xs-mt-period {
        margin-top: 15px; }
  .job-pagination {
    margin-bottom: 15px; }
  .xl-mt-job {
    margin-bottom: 15px; } }

@media only screen and (max-width: 360px) {
  .job-search .job-description .btn {
    padding: 6px 12px; } }

.select-date .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 9px;
  right: 12px; }

/**=====================
    3.22 Job-search CSS End
==========================**/
/**=====================
  3.23 Jsgrid CSS Start
==========================**/
.jsgrid .jsgrid-grid-body .jsgrid-cell {
  padding: 0.75rem; }

.jsgrid .jsgrid-pager-container {
  text-align: right; }

.jsgrid .jsgrid-pager {
  padding: 0;
  margin-top: 20px; }
  .jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button {
    margin-right: -5px; }
    .jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button:first-child {
      border-radius: 5px 0 0 5px; }
  .jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button {
    margin-left: -5px; }
    .jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button:last-child {
      border-radius: 0 5px 5px 0; }
  .jsgrid .jsgrid-pager [class*="jsgrid-pager"] {
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    border: 1px solid #E6E9EB; }
  .jsgrid .jsgrid-pager .jsgrid-pager-page a {
    color: #2c323f; }
  .jsgrid .jsgrid-pager .jsgrid-pager-current-page {
    color: #2c323f; }

.jsgrid .jsgrid-selected-row > .jsgrid-cell {
  background: #E6E9EB;
  border-color: #fafafa; }

.jsgrid .jsgrid-header-row > .jsgrid-header-cell {
  padding: 0.75rem;
  font-weight: 500; }

/**=====================
  3.23 Jsgrid CSS Ends
==========================**/
/**=====================
  3.24 Kanban CSS start
==========================**/
.jkanban-container .btn {
  margin-bottom: 10px; }

.jkanban-container .note a {
  display: contents; }

.kanban-board-header {
  height: auto;
  width: auto;
  line-height: unset;
  background: #F5F5F5;
  border-bottom: 1px solid #ddd; }
  .kanban-board-header.bg-info ~ .kanban-drag {
    background-color: rgba(23, 56, 120, 0.3) !important; }
  .kanban-board-header.bg-warning ~ .kanban-drag {
    background-color: rgba(255, 174, 26, 0.3) !important; }
  .kanban-board-header.bg-success ~ .kanban-drag {
    background-color: rgba(0, 172, 70, 0.3) !important; }

.kanban-container {
  display: contents; }

.kanban-board {
  margin-bottom: 30px;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  border-radius: 8px;
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  overflow: hidden;
  width: calc(100% / 3 - 30px) !important; }
  .kanban-board .kanban-drag {
    background: #F5F5F5; }

.kanban-item {
  background: transparent;
  padding: 0;
  margin-bottom: 20px; }
  .kanban-item .kanban-box .badge {
    line-height: 13px; }
  .kanban-item p {
    opacity: 0.7; }
  .kanban-item:last-child {
    margin-bottom: 0; }
  .kanban-item .list {
    display: inline-block;
    opacity: 0.4; }
    .kanban-item .list li {
      display: inline-block;
      font-size: 12px;
      padding: 0px 4px; }
      .kanban-item .list li i {
        margin-right: 8px; }
  .kanban-item .kanban-box {
    border: 1px solid #efefef;
    border-radius: 5px;
    padding: 20px;
    position: relative;
    display: block;
    color: inherit;
    background-color: #fff; }
    .kanban-item .kanban-box:hover {
      color: inherit; }
    .kanban-item .kanban-box + .kanban-box {
      margin-top: 20px; }
    .kanban-item .kanban-box .badge {
      font-weight: 400; }
    .kanban-item .kanban-box h6 {
      font-size: 15px;
      margin-top: 5px;
      font-weight: 600;
      margin-bottom: 8px; }
    .kanban-item .kanban-box .dropdown {
      display: inline-block;
      right: 10px;
      position: absolute;
      top: 20px; }
      .kanban-item .kanban-box .dropdown .dropdown-item {
        font-size: 13px;
        font-weight: 500;
        padding: 5px 10px;
        text-align: left; }
      .kanban-item .kanban-box .dropdown svg {
        height: 14px; }
    .kanban-item .kanban-box .d-flex {
      justify-content: space-between; }
    .kanban-item .kanban-box .dropdown-toggle:after {
      content: none; }
    .kanban-item .kanban-box .customers ul li + li {
      margin-left: -10px; }
    .kanban-item .kanban-box .date {
      font-size: 11px;
      opacity: 0.5; }

footer {
  margin: 0;
  padding: 0; }

@media only screen and (max-width: 1199px) {
  .jkanban-container .btn {
    margin-bottom: 10px;
    margin-left: 20px; }
  .kanban-container .kanban-board {
    width: 320px !important; } }

@media only screen and (max-width: 600px) {
  .kanban-board .kanban-drag,
  .kanban-container .kanban-item .kanban-box {
    padding: 10px 15px; }
  .kanban-container .kanban-board {
    margin-left: 10px !important;
    margin-right: 10px !important; } }

@media only screen and (max-width: 480px) {
  .jkanban-container .card-body {
    padding: 20px 0 !important; }
  .kanban-board .kanban-drag,
  .kanban-container .kanban-item .kanban-box {
    padding: 10px 15px; }
  .kanban-container .kanban-board {
    width: 270px !important; } }

@media screen and (max-width: 375px) {
  .kanban-container .kanban-board {
    width: 258px !important; } }

/**=====================
   3.24 Kanban CSS ends
==========================**/
/**=====================
    3.25 Knowledgebase CSS start
==========================**/
.browse .browse-articles span {
  vertical-align: middle; }
  .browse .browse-articles span:nth-child(2) {
    padding-left: 20px;
    font-weight: 400; }
    [dir="rtl"] .browse .browse-articles span:nth-child(2) {
      padding-left: unset;
      padding-right: 20px; }
  .browse .browse-articles span svg {
    width: 14px;
    height: 14px;
    vertical-align: text-top;
    position: absolute;
    left: 0;
    top: 4px; }
    [dir="rtl"] .browse .browse-articles span svg {
      left: unset;
      right: 0; }

.browse .browse-articles h6 {
  padding-bottom: 10px;
  margin-bottom: 0px;
  border-bottom: 1px solid #fdfeff;
  padding-left: 40px; }
  [dir="rtl"] .browse .browse-articles h6 {
    padding-left: unset;
    padding-right: 40px; }
  .browse .browse-articles h6 span svg {
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    top: 0;
    left: 22px; }

.browse .browse-articles ul li {
  padding: 8px;
  border-radius: 8px; }
  .browse .browse-articles ul li a {
    color: #051A1A;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px; }
  .browse .browse-articles ul li:hover {
    background-color: #fdfeff; }

@media only screen and (max-width: 1366px) {
  .browse div[class^="col-"]:nth-child(3) {
    margin-top: 30px; } }

@media only screen and (max-width: 360px) {
  .browse .browse-articles ul li a span:nth-child(2) {
    width: 158px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block; } }

.badge.pull-right {
  padding-top: 8px; }

.articles-icons svg {
  min-width: 18px; }

.articles-icons .media-body h6 {
  margin-bottom: 8px; }

.media.faq-widgets svg {
  min-width: 18px; }

/**=====================
    3.25 Knowledgebase CSS End
==========================**/
/**=====================
    3.26 Landing CSS Start
==========================**/
html:hover .cursor {
  opacity: 1; }

.cursor {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: none; }
  .cursor--hover .cursor-inner {
    transform: scale(0.5);
    opacity: 0; }
  .cursor--hover .cursor-outer {
    transform: scale(1.4);
    border-color: #006666;
    opacity: 1; }

.cursor-move-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: -3px;
  margin-left: -3px; }

.cursor-move-outer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.cursor-inner {
  display: block;
  width: 80%;
  height: 80%;
  background: #006666;
  border-radius: 50%;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.cursor-outer {
  display: block;
  width: 70%;
  height: 70%;
  border: 1px solid #006666;
  border-radius: 50%;
  box-sizing: border-box;
  box-shadow: 0px 0px 4px 4px rgba(0, 102, 102, 0.22);
  transition: border 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.landing-page div canvas:first-child {
  display: none !important; }

/* MESH LOADER */
@keyframes mesh {
  0% {
    transform-origin: 50% -100%;
    transform: rotate(0); }
  50% {
    transform-origin: 50% -100%;
    transform: rotate(360deg); }
  50.1% {
    transform-origin: 50% 200%;
    transform: rotate(0deg); }
  100% {
    transform-origin: 50% 200%;
    transform: rotate(360deg); } }

@keyframes rotate-animation {
  0% {
    transform: rotate3d(1, 1, 1, 0deg); }
  25% {
    transform: rotate3d(1, 1, 1, 2deg); }
  50% {
    transform: rotate3d(1, 1, 1, 0deg); }
  75% {
    transform: rotate3d(1, 1, 1, -2deg); }
  100% {
    transform: rotate3d(1, 1, 1, 0deg); } }

.mesh-loader {
  overflow: hidden;
  height: inherit;
  width: inherit; }
  .mesh-loader .circle {
    position: absolute;
    background: #006666;
    border-radius: 50%;
    margin: -3px;
    animation: mesh 3s ease-in-out infinite -1.5s;
    width: 6px;
    height: 6px; }
  .mesh-loader > div .circle:last-child {
    animation-delay: 0s; }
  .mesh-loader > div {
    position: absolute;
    top: 50%;
    left: 50%; }
  .mesh-loader > div:last-child {
    transform: rotate(90deg); }

@-webkit-keyframes animloader14 {
  0% {
    transform: scale(0);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }

@keyframes animloader14 {
  0% {
    transform: scale(0);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }

.feature-box {
  padding: 16px 22px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start; }
  @media (max-width: 575px) {
    .feature-box {
      padding: 20px; } }
  .feature-box img {
    transition: all 0.3s ease; }
  .feature-box:hover {
    background-color: #006666; }
    .feature-box:hover h5 {
      color: #fff; }
    .feature-box:hover p {
      color: #fff; }
    .feature-box:hover img {
      transform: scale(0.7);
      animation: swing 2s ease infinite; }
    .feature-box:hover .feature-icon {
      background-color: rgba(0, 102, 102, 0.08); }
  .feature-box h5 {
    padding-bottom: 11px; }
  .feature-box .feature-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    border-radius: 17px;
    top: -20px;
    right: 22px;
    box-shadow: 5px 7px 4px 0px rgba(0, 0, 0, 0.2); }
    .feature-box .feature-icon div {
      height: 45px;
      width: 45px;
      border-radius: 17px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 102, 102, 0.08); }

.feature-section {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: 610px;
  padding-top: 70px;
  background-color: rgba(0, 102, 102, 0.06); }
  .feature-section .vector-image {
    top: 50px;
    right: -170px; }
    @media (max-width: 1674px) {
      .feature-section .vector-image {
        top: 60px;
        right: -160px; } }
    @media (max-width: 1600px) {
      .feature-section .vector-image {
        top: 0px;
        right: -20px; } }
    @media (max-width: 1655px) {
      .feature-section .vector-image {
        right: -130px; } }
    @media (max-width: 1595px) {
      .feature-section .vector-image {
        right: -6px;
        top: -10px; } }
    @media (max-width: 1399px) {
      .feature-section .vector-image {
        top: -6px;
        right: -10px; } }
    @media (max-width: 1199px) {
      .feature-section .vector-image {
        right: -12px; } }
    .feature-section .vector-image img {
      height: 370px; }
      @media (max-width: 1674px) {
        .feature-section .vector-image img {
          height: 340px; } }
      @media (max-width: 1655px) {
        .feature-section .vector-image img {
          height: 310px; } }
      @media (max-width: 1600px) {
        .feature-section .vector-image img {
          height: 300px; } }
      @media (max-width: 1399px) {
        .feature-section .vector-image img {
          height: 280px; } }
  .feature-section .round-gif {
    top: unset;
    bottom: 12%; }
    @media (max-width: 1660px) {
      .feature-section .round-gif {
        left: 0; } }
    @media (max-width: 1460px) {
      .feature-section .round-gif {
        bottom: unset;
        top: 6%; } }
    @media (max-width: 991px) {
      .feature-section .round-gif {
        top: -3%; } }
    @media (max-width: 575px) {
      .feature-section .round-gif {
        top: -2%; } }
    .feature-section .round-gif img {
      width: 105px;
      height: 105px; }
      @media (max-width: 1460px) {
        .feature-section .round-gif img {
          width: 90px;
          height: 90px; } }
      @media (max-width: 575px) {
        .feature-section .round-gif img {
          width: 70px;
          height: 70px; } }
.landing-page {
  color: #000248; }
  .landing-page .section-py-space {
    padding-top: 70px;
    padding-bottom: 70px; }
    .landing-page .section-py-space .title {
      margin-top: -5px;
      margin-bottom: 70px; }
      .landing-page .section-py-space .title h5 {
        color: #006666;
        text-align: center;
        font-family: Caveat;
        font-weight: 700;
        font-size: 20px; }
      .landing-page .section-py-space .title h2 {
        font-size: 40px;
        color: #051A1A;
        position: relative; }
        .landing-page .section-py-space .title h2::after {
          content: "";
          position: absolute;
          height: 5px;
          left: 50%;
          transform: translate(-50%);
          width: 51px;
          top: 60px;
          border-radius: 10px;
          background-color: #FE6A49; }
      .landing-page .section-py-space .title span {
        letter-spacing: 1.5px;
        color: rgba(5, 26, 26, 0.8); }
    .landing-page .section-py-space .support-title {
      z-index: 8;
      position: absolute;
      right: 50%;
      transform: translate(36%); }
      .landing-page .section-py-space .support-title h2 {
        font-weight: 700;
        font-size: 26px;
        text-align: end; }
      .landing-page .section-py-space .support-title .premium-button {
        text-align: end; }
      .landing-page .section-py-space .support-title p {
        letter-spacing: 1.5px;
        text-align: end;
        color: #86909C;
        margin-bottom: 0px;
        padding-bottom: 8px; }
    .landing-page .section-py-space .license-title h3 {
      position: absolute;
      top: 38%;
      left: 3%;
      transform: translate(10%);
      color: #006666;
      text-align: center;
      font-family: Caveat;
      font-weight: 700;
      font-size: 43px; }
  .landing-page .demo-section .dashboard-images .demo-box .img-wrraper img {
    border-radius: 10px;
    padding: 10px;
    border: 1px solid rgba(0, 102, 102, 0.65); }
    .landing-page .demo-section .dashboard-images .demo-box .img-wrraper img:hover {
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .demo-section .down-loader {
    position: relative; }
    .landing-page .demo-section .down-loader img {
      position: absolute;
      top: 310px; }
  .landing-page .demo-section .demo-box {
    background-color: rgba(0, 102, 102, 0.06);
    padding: 0px 21px 20px;
    border-radius: 10px; }
    .landing-page .demo-section .demo-box .layout-name {
      padding: 18px 0px 18px 0px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .landing-page .demo-section .demo-box .layout-name a {
        font-size: 17px;
        font-weight: 600;
        color: #006666;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal; }
      .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px; }
        .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li {
          height: 10px;
          width: 10px;
          border-radius: 100%;
          opacity: 0.5; }
          .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:first-child {
            background-color: #006666; }
          .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:nth-child(2) {
            background-color: #FE6A49; }
          .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:last-child {
            background-color: #FFAE1A; }
    .landing-page .demo-section .demo-box .demo-title {
      padding-top: 20px;
      text-align: center; }
      .landing-page .demo-section .demo-box .demo-title .btn {
        text-transform: capitalize;
        border: 1px solid #006666;
        padding: 8px 15px;
        transition: all 0.5s ease;
        color: #fff; }
        .landing-page .demo-section .demo-box .demo-title .btn:hover {
          background-color: #006666;
          color: #fff; }
    .landing-page .demo-section .demo-box .img-wrraper {
      overflow: hidden;
      position: relative;
      border: 2px solid rgba(230, 233, 235, 0.65);
      border-radius: 10px; }
      .landing-page .demo-section .demo-box .img-wrraper img {
        transition: all 0.5s ease;
        width: 100%;
        padding: 6px; }
    .landing-page .demo-section .demo-box:hover .img-wrraper {
      transition: all 0.5s ease;
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .demo-section .demo-block {
    margin-bottom: -30px;
    justify-content: center; }
    .landing-page .demo-section .demo-block > div {
      margin-bottom: 30px; }
  .landing-page .application-section .app-box .img-wrraper img {
    border-radius: 10px;
    padding: 10px;
    background-color: rgba(0, 102, 102, 0.06);
    padding: 20px; }
    .landing-page .application-section .app-box .img-wrraper img:hover {
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .application-section .down-loader {
    position: relative; }
    .landing-page .application-section .down-loader img {
      position: absolute;
      top: 310px; }
  .landing-page .application-section .app-box {
    border-radius: 10px; }
    .landing-page .application-section .app-box .layout-name {
      padding: 18px 0px 18px 0px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .landing-page .application-section .app-box .layout-name a {
        font-size: 17px;
        font-weight: 600;
        color: #006666; }
      .landing-page .application-section .app-box .layout-name .riho-demo-img ul {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px; }
        .landing-page .application-section .app-box .layout-name .riho-demo-img ul li {
          height: 10px;
          width: 10px;
          border-radius: 100%;
          opacity: 0.5; }
          .landing-page .application-section .app-box .layout-name .riho-demo-img ul li:first-child {
            background-color: #006666; }
          .landing-page .application-section .app-box .layout-name .riho-demo-img ul li:nth-child(2) {
            background-color: #FE6A49; }
          .landing-page .application-section .app-box .layout-name .riho-demo-img ul li:last-child {
            background-color: #FFAE1A; }
    .landing-page .application-section .app-box .demo-title {
      padding-top: 20px;
      text-align: center; }
      .landing-page .application-section .app-box .demo-title .btn {
        text-transform: capitalize;
        border: none !important;
        background: linear-gradient(90deg, rgba(13, 126, 126, 0.08) -18.33%, rgba(0, 102, 102, 0.08) 62.78%) !important;
        padding: 8px 15px;
        font-weight: 600;
        transition: all 0.5s ease;
        color: #006666; }
        .landing-page .application-section .app-box .demo-title .btn:hover, .landing-page .application-section .app-box .demo-title .btn:active {
          background-color: #006666 !important;
          color: #fff !important; }
    .landing-page .application-section .app-box .img-wrraper {
      overflow: hidden;
      position: relative;
      border-radius: 10px; }
      .landing-page .application-section .app-box .img-wrraper img {
        transition: all 0.5s ease;
        width: 100%;
        background-color: rgba(0, 102, 102, 0.06);
        padding: 20px; }
    .landing-page .application-section .app-box:hover .img-wrraper {
      transition: all 0.5s ease;
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .application-section .demo-block {
    margin-bottom: -30px;
    justify-content: center; }
    .landing-page .application-section .demo-block > div {
      margin-bottom: 30px; }

.demo-section .demo-box.dashboard-images .img-wrraper {
  position: relative;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  border-radius: 15px;
  overflow: hidden;
  transition: all 0.5s ease;
  background-color: #fff; }
  .demo-section .demo-box.dashboard-images .img-wrraper img {
    transition: all 0.5s ease;
    border-radius: 14px; }
  .demo-section .demo-box.dashboard-images .img-wrraper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    background-color: rgba(0, 102, 102, 0.09);
    z-index: 2;
    transition: all 0.5s ease; }
  .demo-section .demo-box.dashboard-images .img-wrraper .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    opacity: 0;
    z-index: 3;
    visibility: hidden;
    transform: scale(0) rotate(-90deg);
    transition: all 0.5s ease; }
    .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link {
      width: fit-content;
      margin: auto;
      z-index: 3; }
      .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li {
        display: inline-block; }
        .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li:nth-child(n+2) {
          margin-left: 10px; }
        .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li a {
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          width: 158px;
          height: 50px;
          border-radius: 12px;
          background-color: #fff; }
          .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li a img {
            width: auto;
            height: 50%; }

.demo-section .demo-box.dashboard-images .demo-detail {
  padding-top: 25px; }
  .demo-section .demo-box.dashboard-images .demo-detail .demo-title {
    text-align: center; }
    .demo-section .demo-box.dashboard-images .demo-detail .demo-title h3 {
      font-size: 22px;
      font-family: "Montserrat", sans-serif;
      text-transform: capitalize;
      font-weight: 400;
      margin-bottom: -7px;
      color: #1A1C23; }

.animate-slider .slick-slide img {
  width: 100%; }

.text-marqee {
  height: 230px; }
  @media (max-width: 1199px) {
    .text-marqee {
      height: 166px; } }
  @media (max-width: 991px) {
    .text-marqee {
      height: 130px; } }
  @media (max-width: 767px) {
    .text-marqee {
      height: 95px; } }
  @media (max-width: 575px) {
    .text-marqee {
      height: 65px; } }
.marquee {
  padding-top: 70px;
  margin-bottom: -30px;
  animation: scrolling 40s linear infinite; }
  .marquee .marquee-name p {
    text-align: end; }
    .marquee .marquee-name p.big-title {
      margin-bottom: 0px;
      font-weight: 700;
      font-size: 60px;
      font-family: "Montserrat", sans-serif;
      text-transform: uppercase;
      color: #fff;
      -webkit-background-clip: text;
      background-image: linear-gradient(26deg, #006666, rgba(13, 126, 126, 0.19));
      -webkit-text-stroke: 2px transparent; }

@keyframes scrolling {
  0% {
    transform: translate(100vw); }
  100% {
    transform: translate(-117vw); } }

.f-light {
  color: #86909C; }

.vector-image {
  position: absolute; }
  @media (max-width: 991px) {
    .vector-image {
      display: none; } }
.loader-gif {
  right: 5%;
  top: 25%; }
  @media (max-width: 1199px) {
    .loader-gif {
      top: 32%; } }
  @media (max-width: 991px) {
    .loader-gif {
      right: 15px; } }
  @media (max-width: 575px) {
    .loader-gif {
      top: 28%; } }
.loader-line-gif {
  right: 15%;
  top: 12%; }
  @media (max-width: 1660px) {
    .loader-line-gif {
      right: 5%; } }
  @media (max-width: 1399px) {
    .loader-line-gif {
      top: 10%;
      right: 0; } }
  @media (max-width: 1199px) {
    .loader-line-gif {
      top: 9%; } }
  @media (max-width: 991px) {
    .loader-line-gif {
      top: 0; } }
  .loader-line-gif img {
    width: 130px; }
    @media (max-width: 575px) {
      .loader-line-gif img {
        width: 80px; } }
.rating-title {
  font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: normal; }

.layout h5 {
  margin-bottom: 10px;
  opacity: .8;
  letter-spacing: 1.2px; }

.layout .btn {
  padding: 0.15rem 0.5rem; }

.common-card {
  background: #FCFCFD;
  border: 2px solid #fff;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  border-radius: 10px; }

.testimonial-box {
  position: relative;
  padding: 20px 25px;
  text-align: left;
  margin-bottom: 33px; }
  .testimonial-box .rating-content {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px; }
  .testimonial-box h5 {
    font-size: 16px;
    margin-bottom: 0; }
  .testimonial-box .text-end span {
    font-size: 13px; }
  .testimonial-box .customer-img {
    width: 60px;
    height: 60px;
    background: #FFFAFA;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -25px; }
  .testimonial-box p {
    margin-bottom: 0; }

.about-section .slick-slide {
  padding: 0 14px; }

.testimonial-slider .slick-dots li {
  width: auto;
  height: auto; }
  .testimonial-slider .slick-dots li button {
    background: rgba(82, 82, 108, 0.2);
    border-radius: 20px;
    height: 5px;
    width: 11px;
    padding: 0;
    transition: all 0.5s; }
    .testimonial-slider .slick-dots li button::before {
      display: none; }
  .testimonial-slider .slick-dots li.slick-active button {
    background: #006666;
    border-radius: 20px;
    width: 20px;
    transition: all 0.5s; }

.customer-box {
  position: relative;
  background-color: #f7f7f7;
  text-align: center;
  padding: 40px 30px;
  border-radius: 25px;
  box-shadow: 30px 30px 33px rgba(119, 119, 119, 0.25); }
  @media (max-width: 1399px) {
    .customer-box {
      padding: 40px 35px; } }
  @media (max-width: 1199px) {
    .customer-box {
      padding: 30px 25px; } }
  @media (max-width: 991px) {
    .customer-box {
      padding: 17px 13px; } }
  @media (max-width: 575px) {
    .customer-box {
      box-shadow: 12px 12px 12px rgba(119, 119, 119, 0.25); } }
  .customer-box img {
    height: 70px;
    width: auto; }
    @media (max-width: 991px) {
      .customer-box img {
        height: 50px; } }
.customer-wrapper {
  position: relative;
  padding: 12px; }
  @media (max-width: 767px) {
    .customer-wrapper {
      padding: 0; } }
  .customer-wrapper .outline-box {
    position: absolute;
    bottom: -6px;
    left: -5px; }
    @media (max-width: 1399px) {
      .customer-wrapper .outline-box {
        bottom: -1px;
        left: 0px; } }
    @media (max-width: 1199px) {
      .customer-wrapper .outline-box {
        bottom: -1px;
        left: -2px;
        width: 120%; } }
    @media (max-width: 767px) {
      .customer-wrapper .outline-box {
        display: none; } }
.customer-wrap {
  margin: 0 -28px; }
  @media (max-width: 1199px) {
    .customer-wrap {
      margin: 0 -15px; } }
  @media (max-width: 991px) {
    .customer-wrap {
      margin: 0 -10px; } }
  @media (max-width: 767px) {
    .customer-wrap {
      margin: -12px; } }
  .customer-wrap > div {
    padding: 0 28px; }
    @media (max-width: 1199px) {
      .customer-wrap > div {
        padding: 0 15px; } }
    @media (max-width: 991px) {
      .customer-wrap > div {
        padding: 0 10px; } }
    @media (max-width: 767px) {
      .customer-wrap > div {
        padding: 12px; } }
  @media (max-width: 1199px) {
    .customer-wrap > div:last-child .outline-box {
      width: 100%; } }
.demo-section .title, .feature-section .title {
  margin-bottom: 30px;
  margin-top: -10px; }
  .demo-section .title h2, .feature-section .title h2 {
    color: #006666;
    font-size: 40px; }
  .demo-section .title span, .feature-section .title span {
    font-size: 15px;
    letter-spacing: 1.5px;
    color: rgba(5, 26, 26, 0.8); }

.framework {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: auto;
  background-color: rgba(0, 102, 102, 0.06); }
  .framework ul.framworks-list {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 45px;
    flex-wrap: wrap;
    margin-bottom: 1px; }
    .framework ul.framworks-list li {
      display: inline-block;
      display: flex;
      gap: 20px;
      align-items: center;
      min-width: 222px;
      gap: 10px;
      padding: 12px 20px 12px 12px;
      background-color: #fff;
      border-radius: 10px;
      width: fit-content;
      box-shadow: 0px 1.9217px 1.53736px 0px rgba(0, 102, 102, 0.03), 0px 4.6181px 3.69448px 0px rgba(0, 102, 102, 0.05), 0px 8.69547px 6.95638px 0px rgba(0, 102, 102, 0.06), 0px 10px 10px 0px rgba(0, 102, 102, 0.04);
      position: relative; }
      .framework ul.framworks-list li div {
        height: 70px;
        width: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        background-color: rgba(0, 102, 102, 0.1); }
      .framework ul.framworks-list li:nth-child(13) {
        margin-bottom: 0px; }
      .framework ul.framworks-list li:last-child {
        margin-bottom: 0px; }
      .framework ul.framworks-list li img {
        transition: all 0.3s ease;
        height: 30px; }
        .framework ul.framworks-list li img.img-68 {
          width: 68px; }
      .framework ul.framworks-list li h5 {
        margin-bottom: unset; }
      .framework ul.framworks-list li:hover {
        background-color: #fff; }
        .framework ul.framworks-list li:hover::before {
          content: "";
          position: absolute;
          height: 100%;
          width: 100%;
          top: 0px;
          left: 0px;
          border-radius: 10px; }
        .framework ul.framworks-list li:hover img {
          transform: scale(0.7);
          animation: swing 2s ease infinite; }
  .framework .wavy-gif {
    left: 100%;
    top: 23%; }
    .framework .wavy-gif svg {
      width: 80px;
      transform: rotate(90deg); }
      @media (max-width: 1199px) {
        .framework .wavy-gif svg {
          width: 60px; } }
      @media (max-width: 575px) {
        .framework .wavy-gif svg {
          width: 30px; } }
    .framework .wavy-gif path {
      stroke: #FFAE1A;
      stroke-dasharray: 500;
      stroke-dashoffset: 500;
      animation: dash 1.5s linear infinite; }

@keyframes dash {
  to {
    stroke-dashoffset: 0; } }
    @media (max-width: 1399px) {
      .framework .wavy-gif {
        right: 3%;
        top: 15%; } }
    @media (max-width: 991px) {
      .framework .wavy-gif {
        right: 1%;
        top: 10%; } }
    @media (max-width: 767px) {
      .framework .wavy-gif {
        top: 8%; } }
.frame-tab {
  background: rgba(244, 245, 248, 0.5);
  border-radius: 40px;
  border: none;
  gap: 10px;
  display: inline-flex;
  padding: 5px;
  margin-bottom: 50px; }
  .frame-tab .nav-item img {
    width: 21px;
    height: 21px; }
  .frame-tab .nav-item .nav-link {
    font-size: 18px;
    padding: 16px 40px;
    border-radius: 40px;
    background: transparent;
    border: none;
    color: rgba(0, 2, 72, 0.5);
    font-weight: 500; }
    @media (max-width: 991px) {
      .frame-tab .nav-item .nav-link {
        font-size: 16px;
        padding: 10px 25px; } }
    .frame-tab .nav-item .nav-link img {
      margin-right: 10px;
      filter: grayscale(1); }
    .frame-tab .nav-item .nav-link.active {
      color: #000248;
      background: #fff;
      box-shadow: 0px 7px 15px rgba(46, 35, 94, 0.06); }
      .frame-tab .nav-item .nav-link.active img {
        filter: unset; }
  @media (max-width: 575.98px) {
    .frame-tab.nav {
      display: inline-flex;
      background-color: transparent; } }
.framework-box {
  position: relative;
  display: flex;
  align-items: center;
  background: #FCFCFD;
  border: 2px solid #fff;
  box-shadow: 0px 5px 20px rgba(46, 35, 94, 0.12);
  border-radius: 50px 16px 16px 50px;
  padding: 18px 16px;
  gap: 16px;
  margin-left: 30px;
  transition: all 0.5s; }
  .framework-box::after {
    position: absolute;
    content: '';
    width: 40px;
    height: calc(100% + 4px);
    border-right: 1px dashed rgba(0, 2, 72, 0.2);
    right: -1px;
    border-top: 1px dashed rgba(0, 2, 72, 0.2);
    border-bottom: 1px dashed rgba(0, 2, 72, 0.2);
    border-radius: 10px;
    top: -1px;
    bottom: 0; }
  .framework-box .frame-icon {
    position: relative;
    min-width: 55px;
    height: 55px;
    background: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -48px; }
    @media (max-width: 575px) {
      .framework-box .frame-icon {
        min-width: 52px;
        height: 52px; } }
    .framework-box .frame-icon::before {
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      box-shadow: 3px 4px 5px rgba(46, 35, 94, 0.11), inset 3px 0px 1px rgba(204, 204, 215, 0.5);
      border-radius: 100%; }
    .framework-box .frame-icon img {
      width: 30px;
      height: 30px; }
      @media (max-width: 575px) {
        .framework-box .frame-icon img {
          width: 25px;
          height: 25px; } }
  .framework-box .frame-details {
    position: relative;
    text-align: left; }
    .framework-box .frame-details p {
      opacity: 0.7;
      margin-bottom: 0; }
    .framework-box .frame-details::before, .framework-box .frame-details::after {
      position: absolute;
      content: '';
      width: 8px;
      height: 8px;
      background: #FEFEFF;
      border: 1px solid rgba(0, 2, 72, 0.2);
      border-radius: 100%;
      right: 17px; }
    .framework-box .frame-details::before {
      top: -23px; }
    .framework-box .frame-details::after {
      bottom: -24px; }
  @media (min-width: 576px) {
    .framework-box:hover {
      transform: scale(1.05);
      transition: all 0.5s; } }
  .framework-box:hover .frame-icon::before {
    animation-name: rotate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }

@keyframes rotate {
  from {
    transform: rotate(-360deg); }
  to {
    transform: rotate(360deg); } }

.sub-title {
  font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 700;
  font-family: "Caveat", cursive;
  color: #FFB905; }

.rotate-title {
  color: #FF5A82; }

.landing-home {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: 1060px;
  background-image: url(/../images/landing/demo-bg.png); }
  .landing-home .sub-title {
    font-size: calc(18px + (30 - 18) * ((100vw - 300px) / (1920 - 300))); }
  .landing-home .user-content {
    width: 36%;
    padding: 35px 0px;
    text-align: center;
    font-size: 15px;
    margin: auto; }
    .landing-home .user-content span {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: rgba(5, 26, 26, 0.8); }
  .landing-home .star-animate {
    position: relative; }
    .landing-home .star-animate img {
      height: 30px;
      width: 30px;
      position: absolute;
      top: 0px;
      left: 0px; }
  .landing-home .content .arrow-animate svg {
    top: 311px;
    right: 66px;
    height: 80px;
    width: 61px;
    position: absolute;
    animation: rotate-animation 2s linear infinite;
    transition: all 1s ease; }
  .landing-home .content h1 {
    margin-top: 167px;
    color: #051A1A;
    line-height: 1.2;
    font-weight: 600;
    font-size: calc(25px + (60 - 25) * ((100vw - 300px) / (1920 - 300))); }
    .landing-home .content h1 span {
      background: #006666;
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .landing-home .content h1 .sub-content {
      position: relative;
      gap: 35px; }
      .landing-home .content h1 .sub-content::before {
        content: "";
        background-color: #051A1A;
        position: absolute;
        top: 30px;
        left: 222px;
        height: 50px;
        border-radius: 10px;
        width: 24%;
        transform: rotate(3deg); }
      .landing-home .content h1 .sub-content button {
        background-color: #fff;
        border: 2.36px solid #051A1A;
        border-radius: 9px;
        padding: 14px 38px;
        font-weight: 600;
        font-size: 28px;
        transform: rotate(6deg);
        color: radial-gradient(circle, #1baeae 2%, #1a9494 50%, #048f8f 100%) !important;
        border-color: #051A1A;
        text-transform: uppercase;
        overflow: hidden; }
        .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider {
          width: 165px;
          position: relative; }
          .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
            content: "";
            background-image: linear-gradient(180deg, #24B5B5 0%, #228585 100%);
            position: absolute;
            border-radius: 15px;
            height: 10px;
            width: 10px;
            top: 8px;
            left: -21px;
            z-index: 1; }
        .landing-home .content h1 .sub-content button::before {
          content: "";
          background-color: #051A1A;
          height: 40px;
          width: 40px;
          position: absolute;
          right: -22px;
          top: -19px;
          border-radius: 25px; }
        .landing-home .content h1 .sub-content button::after {
          content: "";
          background-color: #051A1A;
          height: 24px;
          width: 24px;
          position: absolute;
          right: -8px;
          bottom: -12px;
          border-radius: 24px; }
        .landing-home .content h1 .sub-content button span {
          background: linear-gradient(180deg, #24B5B5 0%, #228585 100%);
          background-clip: text;
          -webkit-background-clip: text;
          font-size: 25px;
          font-weight: 600;
          text-transform: uppercase;
          -webkit-text-fill-color: transparent; }
  .landing-home .content p {
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    opacity: 0.8;
    width: 64%;
    margin: 0 auto; }
    @media (max-width: 1366px) {
      .landing-home .content p {
        width: 90%; } }
    @media (max-width: 767px) {
      .landing-home .content p {
        width: 100%; } }
  .landing-home .best-selling {
    position: relative;
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease; }
    .landing-home .best-selling img {
      position: absolute;
      top: 154px;
      left: -30%;
      transform: rotate(-15.412deg);
      z-index: 1; }
    .landing-home .best-selling .img-shadow {
      position: absolute;
      height: 230px;
      width: 245px;
      border-radius: 4px;
      left: -30%;
      top: 165px;
      transform: rotate(350deg);
      background-color: #E6E9EB; }
  .landing-home .nft-marketplace {
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease;
    position: relative; }
    .landing-home .nft-marketplace img {
      position: absolute;
      top: 174px;
      right: -35%;
      z-index: 1;
      transform: rotate(7deg); }
    .landing-home .nft-marketplace .nft-marketplace-shadow {
      position: absolute;
      height: 207px;
      border-radius: 4px;
      width: 299px;
      background-color: #E6E9EB;
      right: -30%;
      top: 210px;
      transform: rotate(1.053deg); }
  .landing-home .new-user-img {
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease;
    position: relative; }
    .landing-home .new-user-img img {
      position: absolute;
      bottom: 100px;
      right: -15%;
      transform: rotate(13.746deg);
      z-index: 1; }
    .landing-home .new-user-img .new-user-shadow {
      position: absolute;
      bottom: 152px;
      right: -17%;
      border-radius: 4px;
      transform: rotate(110.697deg);
      height: 218px;
      width: 221px;
      background-color: #E6E9EB; }
  .landing-home .total-revenue-img {
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease;
    position: relative; }
    .landing-home .total-revenue-img img {
      position: absolute;
      bottom: 250px;
      left: -30%;
      transform: rotate(-14.949deg);
      z-index: 1; }
    .landing-home .total-revenue-img .total-revenue-shadow {
      background-color: #E6E9EB;
      position: absolute;
      border-radius: 4px;
      height: 110px;
      width: 204px;
      bottom: 269px;
      left: -28%;
      transform: rotate(341deg); }
  .landing-home .screen-1 {
    background-color: #fff;
    border-radius: 20px;
    border: 2px solid #000;
    padding: 20px;
    width: fit-content;
    margin: auto;
    position: relative; }
  .landing-home .screen-2 {
    position: absolute;
    bottom: 175px;
    left: 55px;
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease; }
    .landing-home .screen-2 img {
      position: relative;
      transform: rotate(359deg);
      border-radius: 14px;
      transform: rotate(-3.435deg);
      z-index: 1; }
    .landing-home .screen-2 .screen-sidebar {
      position: absolute;
      height: 459px;
      width: 95px;
      border-radius: 4px;
      top: 24px;
      transform: rotate(350deg);
      background-color: #E6E9EB; }
  .landing-home .star-img {
    position: relative; }
    .landing-home .star-img .start-animate {
      position: absolute;
      bottom: 540px;
      left: -22%; }
  .landing-home .star-img-left {
    position: relative; }
    .landing-home .star-img-left .start-animate-rotate {
      position: absolute;
      bottom: 440px;
      right: -22%; }
  .landing-home .btn-grp {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center; }
    @media (max-width: 767px) {
      .landing-home .btn-grp {
        gap: 12px; } }
    @media (max-width: 575px) {
      .landing-home .btn-grp {
        flex-wrap: wrap;
        gap: 10px; } }
    .landing-home .btn-grp img {
      height: 30px; }
      @media (max-width: 767px) {
        .landing-home .btn-grp img {
          height: 22px; } }
      @media (max-width: 575px) {
        .landing-home .btn-grp img {
          height: 20px; } }
  .landing-home .content {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1; }
    @media (max-width: 1366px) {
      .landing-home .content {
        margin-top: 170px; } }
    @media (max-width: 1199px) {
      .landing-home .content {
        margin-top: 140px; } }
    @media (max-width: 575px) {
      .landing-home .content {
        margin-top: 100px; } }
  .landing-home .content-title {
    position: relative;
    display: inline-block; }
    .landing-home .content-title .arrow-decore {
      position: absolute;
      left: -203px;
      top: -25px; }
      @media (max-width: 1660px) {
        .landing-home .content-title .arrow-decore {
          left: -166px;
          width: 150px; } }
      @media (max-width: 991px) {
        .landing-home .content-title .arrow-decore {
          left: -125px;
          width: 110px;
          top: -14px; } }
      @media (max-width: 575px) {
        .landing-home .content-title .arrow-decore {
          left: -61px;
          width: 60px;
          top: -4px; } }
  .landing-home .sticky-header header .nav-padding {
    padding: 35px 200px 25px; }

.navbar {
  justify-content: flex-start; }
  .navbar .navbar-toggler {
    margin-left: auto; }

.navbar-nav {
  align-items: center; }
  .navbar-nav .nav-item {
    position: relative; }
    .navbar-nav .nav-item .nav-link {
      font-size: 18px;
      letter-spacing: 1px;
      padding: 12px 20px;
      transition: all 0.3s ease;
      position: relative; }
      .navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item .nav-link:active, .navbar-nav .nav-item .nav-link.active {
        opacity: 1;
        transition: all 0.3s ease; }
        .navbar-nav .nav-item .nav-link:hover::before, .navbar-nav .nav-item .nav-link:active::before, .navbar-nav .nav-item .nav-link.active::before {
          content: '';
          position: absolute;
          height: 3px;
          top: 35px;
          width: 15px;
          color: #006666;
          background-color: #006666; }

.landing-page .navbar-expand-xl .navbar-collapse {
  background-color: transparent; }

.landing-page .page-body-wrapper {
  min-height: 100vh;
  background: #eaf4ff;
  overflow: hidden; }

.landing-page .buy-btn {
  font-size: 16px;
  background: linear-gradient(90deg, #006666 -18.33%, #006666 62.78%);
  border-radius: 7px;
  padding: 11px 39px;
  margin-left: 10px; }
  @media (max-width: 991px) {
    .landing-page .buy-btn {
      padding: 12px 35px; } }
  @media (max-width: 767px) {
    .landing-page .buy-btn {
      padding: 9px 20px;
      font-size: 14px; } }
  .landing-page .buy-btn a {
    color: #fff;
    padding: 0; }

.landing-page .navbar-nav .nav-item .nav-link {
  letter-spacing: 1.5px;
  color: #051A1A;
  text-transform: capitalize; }
  .landing-page .navbar-nav .nav-item .nav-link a:active {
    color: #006666; }

.landing-page .sticky-header header {
  background: transparent;
  box-shadow: none;
  z-index: 100;
  left: 0;
  height: auto; }
  .landing-page .sticky-header header.sticky {
    margin-top: 0; }
    .landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {
      font-size: 16px;
      padding: 15px 12px; }

.navbar-expand-xl .navbar-brand {
  padding-left: 18px; }

.navbar-expand-xl .navbar-collapse {
  flex-flow: row nowrap;
  justify-content: flex-end;
  background-color: #fff; }

.faq-section .accordion {
  display: flex;
  flex-direction: column;
  gap: 20px; }
  .faq-section .accordion-button, .faq-section .accordion-body {
    padding: 0; }
  .faq-section .accordion-button:not(.collapsed) {
    color: #006666;
    background: transparent; }
  .faq-section .accordion-button:focus {
    box-shadow: unset;
    border: none; }
  .faq-section .accordion-button::after {
    font-family: 'IcoFont';
    content: "\eb25";
    font-size: 24px;
    background: unset;
    width: auto;
    height: auto;
    margin-bottom: -4px; }
  .faq-section .accordion-body {
    padding-top: 14px;
    margin-top: 14px;
    border-top: 1px solid rgba(82, 82, 108, 0.5);
    text-align: left; }

.faq-section .vector-image {
  left: -160px;
  top: 30px; }
  @media (max-width: 1600px) {
    .faq-section .vector-image {
      left: 60px;
      top: -30px; } }
  @media (max-width: 1199px) {
    .faq-section .vector-image {
      left: 0px;
      top: -30px; } }
  .faq-section .vector-image img {
    height: 400px; }
    @media (max-width: 1600px) {
      .faq-section .vector-image img {
        height: 270px; } }
.pricing-section .loader-gif {
  top: -5%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-gif {
      top: -11%;
      right: 2%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-gif {
      top: -2%;
      right: 2%; } }
  .pricing-section .loader-gif .loader-1 {
    width: 56px;
    height: 56px; }
    .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
      width: 56px;
      height: 56px; }
    @media (max-width: 575px) {
      .pricing-section .loader-gif .loader-1 {
        width: 40px;
        height: 40px; }
        .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
          width: 40px;
          height: 40px; } }
.pricing-section .loader-line-gif {
  right: unset;
  top: unset;
  left: 22%;
  bottom: 15%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 12%; } }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 16%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-line-gif {
      left: 10px;
      bottom: -20px; }
      .pricing-section .loader-line-gif img {
        width: 90px; } }
.pricing-box {
  background: rgba(243, 245, 245, 0.5);
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 30px 20px; }
  .pricing-box img {
    width: 23px;
    height: 22px; }
  @media (max-width: 767px) {
    .pricing-box {
      padding: 20px 15px; } }
  .pricing-box p {
    color: #52526C; }
  .pricing-box h4 {
    margin-bottom: 20px; }
    @media (max-width: 575px) {
      .pricing-box h4 {
        margin-bottom: 15px; } }
  .pricing-box p {
    line-height: 1.5; }
  .pricing-box .purchase-details {
    background: #FCFCFD;
    border: 2px solid #fff;
    box-shadow: 0px 4px 20px rgba(46, 35, 94, 0.05);
    border-radius: 10px;
    padding: 24px 40px;
    margin-top: 20px; }
    @media (max-width: 1199px) {
      .pricing-box .purchase-details {
        padding: 24px 20px; } }
    .pricing-box .purchase-details h2 {
      margin-bottom: 14px; }
    .pricing-box .purchase-details .btn-lg {
      font-weight: 500;
      padding: 12px 20px;
      width: 100%;
      min-width: auto; }
      @media (max-width: 1199px) {
        .pricing-box .purchase-details .btn-lg {
          padding: 12px 10px;
          font-size: 15px; } }
.license-list {
  display: flex;
  flex-direction: column;
  gap: 15px; }
  @media (max-width: 767px) {
    .license-list {
      gap: 10px; } }
  .license-list li {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 10px; }
    @media (max-width: 991px) {
      .license-list li {
        gap: 5px; } }
    @media (max-width: 575px) {
      .license-list li img {
        width: 18px;
        height: 18px; } }
    .license-list li h6 {
      font-weight: normal;
      margin-bottom: 0; }

.benefit-box {
  position: relative;
  background: rgba(241, 242, 242, 0.5);
  padding: 40px 10px;
  box-shadow: 17px 17px 20px rgba(186, 186, 187, 0.3);
  border-radius: 30px; }
  @media (max-width: 991px) {
    .benefit-box {
      padding: 30px 10px; } }
  @media (max-width: 575px) {
    .benefit-box {
      padding: 20px 10px; } }
  .benefit-box svg {
    width: 40px;
    height: 40px; }
    @media (max-width: 991px) {
      .benefit-box svg {
        width: 30px;
        height: 30px; } }
  .benefit-box::after {
    position: absolute;
    content: '';
    width: 54px;
    height: 8px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px 10px 0 0; }
  @media (max-width: 991px) {
    .benefit-box h2 {
      font-size: 25px; } }
  .benefit-box h6 {
    font-weight: 400;
    color: #52526C;
    opacity: 0.7; }
  .benefit-box.pink h2 {
    color: #FF3692; }
  .benefit-box.pink::after {
    background: #FF3692; }
  .benefit-box.purple h2 {
    color: #7238FF; }
  .benefit-box.purple::after {
    background: #7238FF; }
  .benefit-box.red h2 {
    color: #FF3556; }
  .benefit-box.red::after {
    background: #FF3556; }
  .benefit-box.warning h2 {
    color: #FFAA05; }
  .benefit-box.warning::after {
    background: #FFAA05; }

.rating-title {
  display: flex;
  align-items: center;
  justify-content: center; }
  .rating-title .decore-1 {
    margin-top: -35px;
    animation: animationtop 5s infinite; }

@keyframes arrowsvg {
  0% {
    transform: scale(0);
    transform-origin: left; }
  100% {
    transform: scale(1);
    transform-origin: left; } }

.ratings li i {
  color: #FFAA05; }

.components-section {
  background: linear-gradient(179deg, rgba(247, 248, 249, 0) 8.83%, #F7F8F9 50%); }

.component_responsive {
  flex-wrap: initial; }

.component-hover-effect {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #FCFCFD;
  border: 2px solid #fff;
  box-shadow: 0px 4px 10px rgba(46, 35, 94, 0.07);
  border-radius: 5px;
  padding: 20px;
  justify-content: center;
  min-height: 78px; }
  @media (max-width: 767px) {
    .component-hover-effect {
      padding: 13px;
      min-height: 68px; } }
  .component-hover-effect svg {
    width: 26px;
    height: 26px; }

.ptb50 {
  padding: 80px 0; }
  @media (max-width: 991.98px) {
    .ptb50 {
      padding: 60px 0; } }
  @media (max-width: 575.98px) {
    .ptb50 {
      padding: 50px 0; } }
.purchase-btn {
  padding: 12px 20px;
  min-width: 200px;
  border: none; }
  @media (max-width: 991px) {
    .purchase-btn {
      min-width: 160px; } }
  @media (max-width: 767px) {
    .purchase-btn {
      min-width: 140px;
      padding: 10px 17px;
      font-size: 16px; } }
@keyframes move_wave {
  0% {
    transform: translateX(0) translateZ(0) scaleY(1); }
  50% {
    transform: translateX(-25%) translateZ(0) scaleY(0.55); }
  100% {
    transform: translateX(-50%) translateZ(0) scaleY(1); } }

footer h2 {
  font-size: calc(24px + (70 - 24) * ((100vw - 300px) / (1920 - 300))); }

footer .license-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: calc(15px + (30 - 15) * ((100vw - 300px) / (1920 - 300)));
  gap: calc(15px + (30 - 15) * ((100vw - 300px) / (1920 - 300))); }
  @media (max-width: 991px) {
    footer .license-list {
      gap: 20px; } }
  @media (max-width: 767px) {
    footer .license-list {
      gap: 15px; } }
  @media (max-width: 575px) {
    footer .license-list {
      flex-wrap: wrap; } }
  footer .license-list h6 {
    color: #fff; }

.tap-top {
  text-align: center;
  cursor: pointer;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 5;
  color: #fff;
  border: 1px solid #fff;
  background: var(--theme-deafult);
  padding: 7px;
  box-shadow: 0 0 10px var(--theme-deafult);
  opacity: 0.5;
  transition: all 0.3s ease; }
  .tap-top:hover {
    transition: all 0.3s ease;
    opacity: 1; }
  .tap-top svg {
    width: 20px; }

@keyframes animationFramesOne {
  0% {
    transform: translate(0px, 0px) rotate(0deg); }
  20% {
    transform: translate(73px, -1px) rotate(36deg); }
  40% {
    transform: translate(141px, 72px) rotate(72deg); }
  60% {
    transform: translate(83px, 122px) rotate(108deg); }
  80% {
    transform: translate(-40px, 72px) rotate(144deg); }
  100% {
    transform: translate(0px, 0px) rotate(0deg); } }

.page-wrapper,
.landing-page {
  overflow: hidden; }

.landing-page {
  overflow-x: hidden;
  overflow-y: visible; }

.app-bg-1 {
  background: #F9F7F7; }

.app-bg-2 {
  background: #F3F5F5; }

.app-bg-3 {
  background: #EFF5F8; }

.app-bg-4 {
  background: #F0F5F7; }

.app-bg-5 {
  background: #F5F4F3; }

.app-bg-6 {
  background: #F8F8FA; }

.flower-gif {
  top: -40px;
  left: 19%; }
  @media (max-width: 991px) {
    .flower-gif {
      top: 0;
      left: 15%; } }
  @media (max-width: 767px) {
    .flower-gif {
      left: 8%; } }
  @media (max-width: 575px) {
    .flower-gif {
      display: none; } }
.navabr_btn-set {
  position: relative; }
  .navabr_btn-set:focus {
    outline: 0; }
  .navabr_btn-set span {
    display: block;
    background-color: #fff;
    height: 3px;
    width: 25px;
    margin-top: 4px;
    margin-bottom: 4px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 0;
    opacity: 1; }
  .navabr_btn-set:not(.custom_nav) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9; }
  .navabr_btn-set:not(.custom_nav) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent; }
  .navabr_btn-set:not(.custom_nav) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9; }

.navbar-b {
  transition: all .5s ease-in-out;
  background-color: transparent;
  padding-top: 1.563rem;
  padding-bottom: 1.563rem; }

.fixed-top {
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  display: flex;
  left: 0;
  z-index: 1030; }

.navbar-toggler span {
  display: block;
  background-color: transparent;
  height: 3px;
  width: 25px;
  z-index: 112;
  margin-top: 4px;
  margin-bottom: 4px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 0;
  opacity: 1; }
  .navbar-toggler span:nth-child(1) {
    transition: transform .35s ease-in-out; }
  .navbar-toggler span:nth-child(3) {
    transition: transform .35s ease-in-out; }

.navbar-toggler:focus {
  box-shadow: none; }

.navbar_nav_modify li {
  text-align: center; }

.sticky-header header {
  position: fixed;
  width: 100%;
  z-index: 6;
  text-align: center;
  line-height: normal;
  height: 80px;
  background: var(--theme-deafult);
  color: #fff;
  box-shadow: 0 0 5px 1px rgba(5, 56, 111, 0.1);
  transition: all 0.4s ease; }
  .sticky-header header .nav-padding {
    padding: 20px 200px; }
  .sticky-header header.sticky {
    line-height: normal;
    background: #fff;
    text-align: left; }
    .sticky-header header.sticky .nav-padding {
      padding: 7px 14px; }

.landing-footer .footer-contain h2 {
  width: 65%;
  margin-bottom: 5px; }

.landing-footer .footer-contain p {
  margin-bottom: 8px; }

.landing-footer .footer-contain .star-rate {
  margin-bottom: 50px; }

.title-padding {
  padding: 130px 0; }

@keyframes mover {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-4px); } }

.landing-footer {
  background-image: url(/../images/landing/bg-footer.png);
  background-size: cover; }
  .landing-footer .footer-contain {
    text-align: center; }
    .landing-footer .footer-contain .rating-wrraper {
      margin-bottom: 40px; }
      .landing-footer .footer-contain .rating-wrraper svg {
        width: auto;
        height: calc(95px + (120 - 95) * ((100vw - 320px) / (1920 - 320))); }
    .landing-footer .footer-contain h2 {
      font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1920 - 320)));
      font-weight: 600;
      margin-bottom: 0px;
      line-height: 1.4;
      font-family: "Montserrat", sans-serif;
      width: 100%;
      color: #fff;
      margin-left: auto;
      margin-right: auto; }
    .landing-footer .footer-contain p {
      font-size: calc(12px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
      color: #fff; }
    .landing-footer .footer-contain .star-rate {
      margin-bottom: 40px; }
      .landing-footer .footer-contain .star-rate li {
        display: inline-block; }
        .landing-footer .footer-contain .star-rate li i {
          font-size: calc(14px + (35 - 20) * ((100vw - 320px) / (1920 - 320))); }
    .landing-footer .footer-contain .btn-footer {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      gap: 15px; }
      .landing-footer .footer-contain .btn-footer a:nth-child(n+2) {
        margin-left: 10px; }

.pricing-section .support-img {
  display: flex;
  align-items: center;
  justify-content: center; }
  .pricing-section .support-img img {
    position: relative;
    height: auto; }
  .pricing-section .support-img h4 {
    position: absolute;
    right: -48px;
    font-size: 40px;
    font-weight: 700;
    transform: rotate(270deg);
    bottom: 33%; }

@media (max-width: 1399px) {
  .pricing-section .support-img img {
    width: 730px; }
  .pricing-section .support-img h4 {
    right: 47px;
    font-size: 33px; } }

.pricing-section .landing-title h5 {
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: #006666; }

.pricing-section .landing-title h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin: 10px 0px; }

.pricing-section .landing-title .support-button:hover {
  color: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); }

.pricing-section .landing-title p {
  width: 100%; }

.pricing-section .loader-gif {
  top: -5%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-gif {
      top: -11%;
      right: 2%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-gif {
      top: -2%;
      right: 2%; } }
  .pricing-section .loader-gif .loader-1 {
    width: 56px;
    height: 56px; }
    .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
      width: 56px;
      height: 56px; }
    @media (max-width: 575px) {
      .pricing-section .loader-gif .loader-1 {
        width: 40px;
        height: 40px; }
        .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
          width: 40px;
          height: 40px; } }
.pricing-section .loader-line-gif {
  right: unset;
  top: unset;
  left: 22%;
  bottom: 15%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 12%; } }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 16%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-line-gif {
      left: 10px;
      bottom: -20px; }
      .pricing-section .loader-line-gif img {
        width: 90px; } }
.pricing-box {
  background: rgba(243, 245, 245, 0.5);
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 30px 20px; }
  .pricing-box img {
    width: 23px;
    height: 22px; }
  @media (max-width: 767px) {
    .pricing-box {
      padding: 20px 15px; } }
  .pricing-box p {
    color: #52526C; }
  .pricing-box h4 {
    margin-bottom: 20px; }
    @media (max-width: 575px) {
      .pricing-box h4 {
        margin-bottom: 15px; } }
  .pricing-box p {
    line-height: 1.5; }
  .pricing-box .purchase-details {
    background: #FCFCFD;
    border: 2px solid #fff;
    box-shadow: 0px 4px 20px rgba(46, 35, 94, 0.05);
    border-radius: 10px;
    padding: 24px 40px;
    margin-top: 20px; }
    @media (max-width: 1199px) {
      .pricing-box .purchase-details {
        padding: 24px 20px; } }
    .pricing-box .purchase-details h2 {
      margin-bottom: 14px; }
    .pricing-box .purchase-details .btn-lg {
      font-weight: 500;
      padding: 12px 20px;
      width: 100%;
      min-width: auto; }
      @media (max-width: 1199px) {
        .pricing-box .purchase-details .btn-lg {
          padding: 12px 10px;
          font-size: 15px; } }
.license-list {
  display: flex;
  flex-direction: column;
  gap: 15px; }
  @media (max-width: 767px) {
    .license-list {
      gap: 10px; } }
  .license-list li {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 10px; }
    @media (max-width: 991px) {
      .license-list li {
        gap: 5px; } }
    @media (max-width: 575px) {
      .license-list li img {
        width: 18px;
        height: 18px; } }
    .license-list li h6 {
      font-weight: normal;
      margin-bottom: 0; }

@media (max-width: 1799px) {
  .marquee .marquee-name p.big-title {
    font-size: 50px; } }

@media (max-width: 1700px) {
  .landing-home {
    height: 992px; }
    .landing-home .content h1 .sub-content:before {
      top: 28px;
      left: 210px; }
  .nft-marketplace img {
    height: 180px; }
  .nft-marketplace .nft-marketplace-shadow {
    width: 220px !important;
    height: 155px !important; }
  .best-selling img {
    width: calc(140px + (234 - 140) * ((100vw - 768px) / (1920 - 768))) !important;
    height: calc(140px + (234 - 140) * ((100vw - 768px) / (1920 - 768))) !important; }
  .best-selling .img-shadow {
    width: calc(213px + (165 - 150) * ((100vw - 768px) / (1920 - 768))) !important;
    height: calc(140px + (230 - 140) * ((100vw - 768px) / (1920 - 768))) !important; } }

@media (max-width: 1367px) {
  .landing-page .landing-home .content h1 {
    margin-top: 5px; }
  .landing-page .landing-home .content .arrow-animate svg {
    display: none; }
  .landing-page .landing-home .best-selling .img-shadow {
    left: -32%; }
  .landing-page .unique-cards.section-py-space .support-title h2 {
    font-size: 22px; }
  .landing-page .unique-cards.section-py-space .support-title p {
    font-size: 12px; } }

@media (max-width: 1599px) {
  .marquee .marquee-name p.big-title {
    font-size: 40px; } }

@media (max-width: 1440px) {
  .landing-page .demo-section .down-loader {
    display: none; }
  .framework {
    height: 654px; }
  .landing-home {
    height: 948px; }
    .landing-home .screen-2 {
      display: none; }
    .landing-home .content h1 .sub-content::before {
      width: 30%;
      top: 25px;
      left: 176px;
      height: 50px; }
  .nft-marketplace img {
    height: 150px; }
  .nft-marketplace .nft-marketplace-shadow {
    width: 176px !important;
    height: 126px !important; }
  .best-selling img {
    height: 145px; }
  .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    padding: 12px 7px; }
  .feature-section {
    height: 776px; }
    .feature-section .loader-gif {
      display: none; } }

@media (max-width: 1399px) {
  .landing-home .content h1 span {
    font-size: 40px; }
  .landing-home .sticky-header header .nav-padding {
    padding: 28px 100px 25px; }
  .framework {
    height: 792px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 7%;
    right: 52%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 22px; }
    .landing-page .unique-cards.section-py-space .support-title p {
      font-size: 12px; } }

/* ========= responsive scss for 1200 screen ========= */
@media only screen and (max-width: 1199px) {
  .marquee .marquee-name p.big-title {
    font-size: 30px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 7%;
    right: 52%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 20px; }
    .landing-page .unique-cards.section-py-space .support-title p {
      font-size: 12px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 2%;
    font-size: 35px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -46px;
    font-size: 33px; }
  .landing-page .section-py-space .title h2 {
    font-size: 30px; }
  .landing-page .section-py-space .title span {
    font-size: 12px; }
  .landing-page .feature-section .title span {
    font-size: 14px; }
  .landing-home {
    height: 670px; }
    .landing-home .content h1 {
      font-size: 30px; }
      .landing-home .content h1 .sub-content:before {
        width: 38%;
        left: 129px;
        padding: 13px 33px;
        height: 73%; }
      .landing-home .content h1 .sub-content button span {
        font-size: 20px; }
      .landing-home .content h1 .sub-content button .animate-button-slide .notification-slider::before {
        top: 6px; }
      .landing-home .content h1 span {
        font-size: 28px; }
    .landing-home .sticky-header header .nav-padding {
      padding: 20px; }
  .feature-section {
    height: auto; }
  .framework {
    height: auto; }
  .nft-marketplace img {
    display: none; }
  .nft-marketplace .nft-marketplace-shadow {
    display: none; }
  .best-selling img {
    display: none; }
  .best-selling .img-shadow {
    display: none; }
  .total-revenue-img img {
    display: none; }
  .total-revenue-img .total-revenue-shadow {
    display: none; }
  .new-user-img img {
    display: none; }
  .new-user-img .new-user-shadow {
    display: none; }
  .sticky-header header.sticky .nav-padding {
    padding: 15px 25px; }
  .navbar-toggler span {
    background-color: #006666; }
  .application-sec.demo-section .demo-box, .main-sec.demo-section .demo-box {
    padding: 0 20px; }
  .sticky-header .navbar-nav .nav-item .nav-link {
    color: #000;
    padding: 10px 12px !important;
    font-size: 15px; }
  .sticky-header .navbar-nav li {
    display: block;
    width: 100%; }
  .landing-page .navbar-expand-xl .navbar-collapse {
    background-color: white;
    margin-top: 20px;
    position: absolute;
    width: calc(100% - 30px);
    left: 15px;
    top: 70px; } }
  @media only screen and (max-width: 1199px) and (max-width: 575px) {
    .landing-page .navbar-expand-xl .navbar-collapse {
      top: 34px; } }
@media only screen and (max-width: 1199px) {
    .landing-page .navbar-expand-xl .navbar-collapse .navbar-nav {
      padding: 20px 30px 30px 30px; }
  header.sticky .navbar-expand-xl .navbar-collapse {
    top: 50px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; }
  .landing-main .sticky .navbar-expand-xl .navbar-brand {
    top: 8px; }
  .landing-main .sticky .navbar-expand-xl .navabr_btn-set {
    top: 16px; }
  .landing-main .navbar-toggler span {
    background-color: #fff; }
  .landing-main .navbar_nav_modify {
    width: 100vw;
    left: 0;
    position: fixed;
    height: 100vh;
    background-color: #293240;
    top: 0;
    padding: 120px 0px; }
  .landing-main h4 {
    font-size: 20px; }
  .landing-main .navbar-expand-xl .navabr_btn-set {
    position: fixed;
    top: 24px;
    z-index: 1;
    right: 20px; }
  .landing-main .navbar-expand-xl .navbar-brand {
    padding-left: 5px;
    z-index: 1;
    position: fixed;
    top: 14px; }
  .landing-main .navbar-expand-xl .navbar-collapse .navbar-nav .nav-item a {
    padding: 28px 60px;
    width: 16px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center; }
  .landing-main .navbar-expand-lg .navbar-brand {
    padding-left: 5px; }
  .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
    padding: 9px; } }

@media only screen and (max-width: 1099px) {
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 47%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 16px;
      padding-bottom: 15px; }
    .landing-page .unique-cards.section-py-space .support-title p {
      display: none; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 2%;
    font-size: 35px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -46px;
    font-size: 33px; } }

/* ========= responsive scss for 992 screen ========= */
@media only screen and (max-width: 991px) {
  .marquee {
    padding-top: 40px; }
    .marquee .marquee-name p.big-title {
      font-size: 25px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 8%;
    width: 100%;
    right: 76%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 14px;
      padding-bottom: 14px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 15%;
    font-size: 19px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 370px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: 84px;
    font-size: 20px; }
  .feature-section {
    height: 936px; }
  .framework {
    height: auto; }
  .landing-home .navbar-brand img {
    height: 35px; }
  .landing-home .content h1 .sub-content {
    padding-top: 16px !important; }
    .landing-home .content h1 .sub-content button .animate-button-slide .notification-slider::before {
      content: "";
      top: 6px; }
  .frameworks-section > .container {
    max-width: 100%; }
  .landing-main .navbar-expand-lg .navbar-collapse {
    position: absolute;
    top: 90px;
    background-color: white;
    width: calc(100% - 30px);
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    padding: 15px; }
  .landing-main .navbar-expand-lg .navbar-toggler {
    background-color: #fff; }
    .landing-main .navbar-expand-lg .navbar-toggler .navbar-toggler-icon i {
      margin-top: 5px;
      color: var(--theme-deafult); }
  .landing-main .navbar-expand-lg .navbar-collapse {
    background-color: #fff;
    z-index: 111; }
    .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
      color: #000; } }

/* ========= responsive scss for 768 screen ========= */
@media only screen and (max-width: 767px) {
  .marquee .marquee-name p.big-title {
    font-size: 18px; }
  .feature-section .feature-box .feature-icon {
    top: -19px;
    right: 10px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 75%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 12px;
      padding-bottom: 14px; }
    .landing-page .unique-cards.section-py-space .support-title a {
      font-size: 12px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 8%;
    font-size: 20px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 330px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -10px;
    font-size: 20px; }
  .landing-home .user-content {
    padding: 20px 0px; }
  .landing-home .content h1 {
    font-size: 20px; }
    .landing-home .content h1 .sub-content span {
      font-size: 14px; }
    .landing-home .content h1 .sub-content button {
      padding: 11px 5px 10px 36px;
      width: 40%;
      transform: unset;
      position: relative; }
      .landing-home .content h1 .sub-content button::before {
        height: 32px;
        width: 32px; }
      .landing-home .content h1 .sub-content button::after {
        height: 20px;
        width: 20px; }
      .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider {
        width: 105px; }
        .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
          content: "";
          top: 4px;
          height: 8px;
          width: 8px; }
      .landing-home .content h1 .sub-content button span {
        font-size: 14px; }
    .landing-home .content h1 .sub-content::before {
      display: none; }
  .feature-section {
    height: auto; }
  .landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {
    font-size: 14px;
    padding: 10px 12px; } }

/* ========= responsive scss for 680 screen ========= */
@media only screen and (max-width: 680px) {
  .marquee .marquee-name p.big-title {
    font-size: 14px;
    letter-spacing: 2px; }
  .landing-page .unique-cards.section-py-space .marquee {
    padding-top: 30px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 73%;
    width: 100%; }
    .landing-page .unique-cards.section-py-space .support-title a {
      padding: 8px 20px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 4%;
    font-size: 18px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 400px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -10px;
    font-size: 16px; }
  .landing-home .content h1 .sub-content span {
    font-size: 14px; }
  .landing-home .content h1 .sub-content button {
    width: 46%; } }

/* ========= responsive scss for 575 screen ========= */
@media only screen and (max-width: 575px) {
  .landing-home {
    height: 416px; }
    .landing-home .user-content {
      padding: 14px 0px;
      width: 45%; }
      .landing-home .user-content span {
        font-size: 12px; }
    .landing-home .content h1 .sub-content {
      padding-top: 10px !important;
      gap: 6px; }
      .landing-home .content h1 .sub-content button {
        padding: 10px 5px 10px 30px; }
        .landing-home .content h1 .sub-content button span {
          font-size: 14px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 60%; }
  .framework ul.framworks-list {
    gap: 30px; }
    .framework ul.framworks-list li {
      height: 85px;
      width: 85px; }
  .marquee .marquee-name p.big-title {
    display: none; }
  .landing-page .section-py-space .title h2::after {
    top: 51px; }
  .landing-page .unique-cards.section-py-space .marquee {
    display: none; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 70%;
    right: 56%; }
    .landing-page .unique-cards.section-py-space .support-title a {
      padding: 6px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    display: none; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    padding-bottom: 70px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    display: none; }
  .feature-section {
    height: auto; }
  .framework {
    height: 100%; }
    .framework ul.framworks-list li div {
      height: 50px;
      width: 50px; }
      .framework ul.framworks-list li div img {
        height: 30px; }
  .landing-home .sticky-header header .nav-padding {
    padding: 15px 30px; }
  .landing-main h4 {
    font-size: 17px; } }

/* ========= responsive scss for 480 screen ========= */
@media only screen and (max-width: 480px) {
  .landing-home .content h1 .sub-content button::after {
    display: none; }
  .landing-home .content h1 .sub-content button::before {
    display: none; }
  .landing-page .unique-cards.section-py-space .support-title h2 {
    text-align: center; }
  .landing-page .unique-cards.section-py-space .support-title .premium-button {
    text-align: center; }
  .landing-page .demo-section .demo-box .layout-name a {
    font-size: 14px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 71%;
    right: 37%; }
  .landing-page .section-py-space .title h5 {
    font-size: 16px; }
  .landing-page .section-py-space .title h2 {
    font-size: 18px; }
    .landing-page .section-py-space .title h2::after {
      top: 30px;
      width: 40px;
      height: 5px; }
  .landing-page .feature-section .title h5 {
    font-size: 16px; }
  .landing-page .feature-section .title h2 {
    font-size: 18px; }
    .landing-page .feature-section .title h2::after {
      top: 30px;
      width: 40px;
      height: 5px; }
  .framework {
    height: 1440px; }
  .feature-section {
    height: auto; }
  .framework {
    height: 100%; }
  .sticky-header header.sticky {
    height: 56px; }
  .landing-home .sticky-header header .nav-padding {
    padding: 15px; }
  .landing-home .user-content {
    width: 61%; }
  .landing-home .content h1 .sub-content::before {
    width: 40%;
    left: 88px;
    top: 35%; }
  .landing-home .content h1 .sub-content span {
    font-size: 14px; }
  .landing-home .content h1 .sub-content button {
    width: 56%; }
    .landing-home .content h1 .sub-content button span {
      font-size: 14px; }
    .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
      top: 4px;
      left: -14px; }
  .landing-home .navbar-toggler {
    border: none;
    background-color: transparent;
    padding: 0; }
  .landing-home .navbar-brand img {
    height: 25px; } }

/* ========= responsive scss for 425 screen ========= */
@media only screen and (max-width: 425px) {
  .feature-section {
    height: 100%; }
  .landing-page .section-py-space .title h2::after {
    top: 37px; }
  .framework ul.framworks-list {
    gap: 30px; } }

/* ========= responsive scss for 380 screen ========= */
@media only screen and (max-width: 380px) {
  .feature-section {
    height: 100%; }
  .framework {
    height: 100%; }
  .component-col-set {
    width: 100%; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 69%;
    right: 40%; }
  .landing-home .content h1 .sub-content::before {
    width: 40%;
    left: 77px; }
  .landing-home .content h1 .sub-content button {
    padding: 6px 14px 6px 25px; } }

@media screen and (max-width: 375px) {
  .landing-page .unique-cards.section-py-space .support-title {
    top: 60%;
    right: 37%; } }

@media (max-width: 767px) {
  .framework .nav .nav-link img {
    height: 35px; }
  .framework .nav .nav-link h5 {
    font-size: 16px; }
  .framework ul.framworks-list li {
    width: 145px;
    height: 145px; }
    .framework ul.framworks-list li img {
      height: 40px; } }

@media (max-width: 767px) and (max-width: 480px) {
  .framework .nav .nav-item {
    width: auto; }
  .framework .nav .nav-link {
    padding-bottom: 10px;
    display: block !important; }
    .framework .nav .nav-link img {
      height: 25px;
      margin-right: unset; }
    .framework .nav .nav-link .text-start {
      display: none; }
    .framework .nav .nav-link.active, .framework .nav .nav-link.show {
      border-bottom: 2px solid #006666; }
  .framework ul.framworks-list li {
    width: 120px;
    height: 110px;
    padding: 25px 0;
    margin: 5px; }
    .framework ul.framworks-list li img {
      height: 30px; } }

@media (max-width: 767px) and (max-width: 1367px) {
  .framework .nav {
    margin-bottom: 40px; }
    .framework .nav .nav-link h5 {
      font-size: 18px; }
    .framework .nav .nav-link p {
      font-size: 12px; }
  .framework ul.framworks-list li {
    height: 175px;
    width: 175px; }
    .framework ul.framworks-list li img {
      width: auto;
      height: 60px; }
      .framework ul.framworks-list li img.img-68 {
        width: auto; } }

@media (max-width: 767px) and (max-width: 991px) {
  .framework .nav {
    margin-bottom: 30px; }
  .framework ul.framworks-list li {
    padding-left: 22px;
    width: 93px;
    height: 93px; }
    .framework ul.framworks-list li img {
      height: 40px; } }

/**=====================
    3.26 Landing CSS Ends
==========================**/
/**=====================
    3.27 Language CSS start
==========================**/
.current_lang {
  cursor: pointer;
  text-transform: uppercase;
  overflow: hidden; }

.lang.selected {
  display: none; }

.lang span.lang-txt {
  display: inline-flex;
  margin-left: 8px;
  font-weight: 500; }

.lang span span {
  color: #999;
  font-weight: 400;
  margin-left: 5px; }

/*more lang*/
.more_lang {
  transform: translateY(-20px);
  opacity: 0;
  cursor: pointer;
  display: none;
  transition: all 0.3s cubic-bezier(0.25, 1.15, 0.35, 1.15); }

.translate_wrapper.active .more_lang {
  display: block;
  position: absolute;
  background-color: #fff;
  top: 47px;
  right: 0;
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1); }
  .translate_wrapper.active .more_lang:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    top: -7px;
    position: absolute;
    right: 20px;
    z-index: 2; }
  .translate_wrapper.active .more_lang:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #bdc2c5;
    content: "";
    top: -7px;
    position: absolute;
    right: 20px;
    z-index: 1; }

.more_lang.active {
  opacity: 1;
  transform: translateY(0px); }

.more_lang .lang {
  padding: 10px 15px;
  display: flex; }
  .more_lang .lang:hover {
    background: var(--theme-deafult);
    color: #fff; }
    .more_lang .lang:hover span {
      color: #fff; }

.translate_wrapper.active .more_lang .lang {
  border-bottom: 1px solid #eaeaea; }

/**=====================
    3.27 Language CSS end
==========================**/
/**=====================
     3.28 Learning CSS start
==========================**/
.learning-header {
  margin-bottom: 10px; }

.categories {
  padding: 16px 0; }
  .categories .learning-header {
    padding-left: 15px; }
  .categories ul li {
    padding: 10px 15px; }
    .categories ul li a {
      color: #051A1A; }
    .categories ul li:hover {
      background-color: #E6E9EB; }

.upcoming-course .media + .media {
  margin-top: 30px; }

.job-accordion {
  margin-bottom: 0; }

@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .learning-comment {
    margin-left: -14px !important;
    float: left !important; }
  .blog-box .blog-details .blog-social li:first-child {
    padding-right: 30px; }
  .blog-box .blog-details .blog-social li + li {
    padding-left: 30px; } }

@media only screen and (max-width: 991px) {
  .categories {
    padding: 20px 0; }
  .upcoming-course .media + .media {
    margin-top: 20px; } }

@media only screen and (max-width: 575px) {
  .categories {
    padding: 15px 0; }
  .upcoming-course .media + .media {
    margin-top: 15px; } }

/**=====================
     3.28 Learning CSS end
==========================**/
/**=====================
    3.29 Login CSS Start
==========================**/
.login-card {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  background-position: center;
  padding: 30px 12px; }
  .login-card .logo {
    display: block;
    margin-bottom: 30px;
    text-align: center; }
  .login-card .btn-showcase .btn {
    line-height: 1;
    padding: 10px 13px;
    margin: 0; }
    .login-card .btn-showcase .btn + .btn {
      margin-left: 5px; }
    .login-card .btn-showcase .btn svg {
      height: 16px;
      vertical-align: bottom; }
  .login-card .login-main {
    width: 450px;
    padding: 40px;
    border-radius: 10px;
    box-shadow: #1a1c23 0px 0px 37px 0px;
    margin: 0 auto;
    background-color: #fff; }
    .login-card .login-main .theme-form h4 {
      margin-bottom: 5px; }
    .login-card .login-main .theme-form label {
      font-size: 15px;
      letter-spacing: 0.4px; }
    .login-card .login-main .theme-form .checkbox label::before {
      background-color: #f9f9fa;
      border: 1px solid #dfdfdf; }
    .login-card .login-main .theme-form .or {
      position: relative; }
      .login-card .login-main .theme-form .or:before {
        content: "";
        position: absolute;
        width: 65%;
        height: 2px;
        background-color: #f3f3ff;
        top: 9px;
        z-index: 0;
        right: 0; }
    .login-card .login-main .theme-form input {
      background-color: rgba(0, 102, 102, 0.1);
      transition: all 0.3s ease; }
      .login-card .login-main .theme-form input::-webkit-input-placeholder {
        color: #999999; }
      .login-card .login-main .theme-form input:hover, .login-card .login-main .theme-form input:focus {
        border: 1px solid #b9c1cc;
        box-shadow: none !important;
        transition: all 0.3s ease; }
    .login-card .login-main .theme-form p {
      margin-bottom: 25px;
      font-size: 14px;
      color: #898989; }
    .login-card .login-main .theme-form .form-group {
      margin-bottom: 10px;
      position: relative; }
    .login-card .login-main .theme-form .link {
      position: absolute;
      top: 10px;
      right: 0; }

.show-hide {
  position: absolute;
  top: 52px;
  right: 20px;
  transform: translateY(-50%); }
  .show-hide span {
    cursor: pointer;
    font-size: 13px;
    color: var(--theme-deafult); }
    .show-hide span.show:before {
      content: "show"; }
    .show-hide span:before {
      content: "hide"; }

.needs-validation .invalid-feedback {
  color: #898989; }

.needs-validation .show-hide {
  right: 30px; }

.needs-validation .invalid-tooltip {
  top: 10px;
  right: 10px; }

/**=====================
    3.29 Login CSS Ends
==========================**/
/**=====================
	3.30 Megaoption CSS Start
==========================**/
.mega-inline {
  margin-bottom: -30px;
  display: flex; }
  .mega-inline .card {
    border: 1px solid #f3f3f3;
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .mega-inline .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
  .mega-inline .media .radio {
    margin-left: 3px; }
    [dir="rtl"] .mega-inline .media .radio {
      margin-right: 3px;
      margin-left: unset; }

.mega-vertical {
  display: flex;
  flex-wrap: wrap; }
  .mega-vertical .card {
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .mega-vertical .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
  .mega-vertical .media .radio {
    margin-left: 3px; }

.mega-title {
  font-weight: 600; }

.mega-horizontal {
  display: flex;
  flex-wrap: wrap; }
  .mega-horizontal .card {
    border: 1px solid #f3f3f3;
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .mega-horizontal .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
  .mega-horizontal .media .radio {
    margin-left: 3px; }

.plain-style .card {
  box-shadow: none;
  border: none !important; }

.border-style .card {
  box-shadow: none;
  border: 1px solid #ecf3fa !important; }

.offer-style .card {
  box-shadow: none;
  border: 1px dashed #ecf3fa !important; }

.rating-star-wrapper {
  color: #797979; }

.card-wrapper .payment-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--chart-dashed-border); }
  .card-wrapper .payment-wrapper:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: unset; }
  .card-wrapper .payment-wrapper .payment-second img {
    width: 50px; }
  .card-wrapper .payment-wrapper .payment-second .mega-icons {
    width: 20px;
    height: 20px; }

.main-upgrade {
  margin: 0 auto;
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  .main-upgrade > div:first-child {
    margin-bottom: 20px; }
  .main-upgrade i {
    font-size: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
    display: block;
    color: #006666; }
  .main-upgrade p {
    line-height: 1.4; }
  .main-upgrade .variation-box {
    gap: 20px;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (min-width: 768px) and (max-width: 1200px) {
      .main-upgrade .variation-box {
        display: grid;
        grid-template-columns: auto auto;
        gap: 18px; } }
    @media (max-width: 700px) {
      .main-upgrade .variation-box {
        display: grid;
        grid-template-columns: auto auto;
        gap: 18px; } }
    @media (max-width: 380px) {
      .main-upgrade .variation-box {
        grid-template-columns: unset; } }
    .main-upgrade .variation-box .selection-box {
      position: relative;
      height: 100px;
      border: 1px dashed #006666;
      min-width: 125px;
      border-radius: 15px; }
      @media (min-width: 1200px) and (max-width: 1920px) {
        .main-upgrade .variation-box .selection-box {
          min-width: calc(110px + (125 - 110) * ((100vw - 1200px) / (1920 - 1200))); } }
      .main-upgrade .variation-box .selection-box .custom--mega-checkbox {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 25px;
        transition: .5s ease; }
      .main-upgrade .variation-box .selection-box input {
        position: absolute;
        top: 0;
        left: 0;
        width: 118px;
        height: 96px;
        opacity: 0;
        cursor: pointer; }
        [dir="rtl"] .main-upgrade .variation-box .selection-box input {
          left: unset;
          right: 0; }
        .main-upgrade .variation-box .selection-box input[type=checkbox]:checked ~ div {
          background-color: rgba(0, 102, 102, 0.2);
          border-radius: 15px; }

.megaoptions-border-space-sm .media .radio label {
  padding-left: 18px; }
  [dir="rtl"] .megaoptions-border-space-sm .media .radio label {
    padding-left: unset;
    padding-right: 18px; }

@media (min-width: 618px) and (max-width: 1199px) {
  .megaoptions-border-space-sm .media .media-body .list-behavior-1 {
    flex-direction: row;
    gap: 18px; } }

@media (max-width: 618px) {
  .megaoptions-border-space-sm .media .media-body .list-behavior-1 {
    flex-direction: column;
    gap: 12px; } }

.megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
  margin-top: -6px; }
  @media (max-width: 618px) {
    .megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
      margin-left: 0px; }
      [dir="rtl"] .megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
        margin-left: unset;
        margin-right: 0; } }
.megaoptions-border-space-sm .media .media-body .list-behavior-1:first-child {
  margin-bottom: 0; }

.megaoption-space .badge.pull-right,
.megaoptions-border-space-sm .badge.pull-right {
  margin-bottom: 12px; }

/**=====================
    3.30 Megaoption CSS Ends
==========================**/
/**=====================
    3.31 Order-history CSS start
==========================**/
.prooduct-details-box .close {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 16px;
  cursor: pointer; }

.prooduct-details-box .btn {
  line-height: 13px; }

.prooduct-details-box .media {
  border: 1px solid #d7e2e9;
  border-radius: 10px;
  padding: 15px;
  width: 100%;
  position: relative; }

.prooduct-details-box .rating {
  color: #ffaf45;
  letter-spacing: 3px; }

.prooduct-details-box .product-name a {
  color: gray; }

.prooduct-details-box .product-name h6 {
  margin-bottom: 0; }

.prooduct-details-box .btn {
  position: absolute;
  right: 15px;
  bottom: 15px; }

.order-history .input-group {
  text-align: right;
  max-width: 300px; }

.order-history table th,
.order-history table td {
  text-align: center; }

.order-history table thead tr th {
  vertical-align: middle;
  border-top: none;
  background-color: #F5F5F5;
  border: 1px solid #ecf3fa;
  padding: 1.25rem;
  font-size: 16px; }

.order-history table .qty-box {
  width: 120px;
  margin: 0 auto;
  border-radius: 5px;
  overflow: hidden; }
  .order-history table .qty-box input {
    width: 44px;
    max-width: 44px;
    background-color: transparent;
    border: none !important; }
  .order-history table .qty-box .input-group {
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid #ecf3fa;
    overflow: hidden; }
  .order-history table .qty-box .btn {
    background-color: transparent;
    border: none; }
    .order-history table .qty-box .btn.bootstrap-touchspin-down {
      border-right: 1px solid; }
      [dir="rtl"] .order-history table .qty-box .btn.bootstrap-touchspin-down {
        border-right: unset;
        border-left: 1px solid; }
    .order-history table .qty-box .btn.bootstrap-touchspin-up {
      border-left: 1px solid; }
      [dir="rtl"] .order-history table .qty-box .btn.bootstrap-touchspin-up {
        border-left: unset;
        border-right: 1px solid; }

.order-history table tbody tr td {
  vertical-align: middle; }
  .order-history table tbody tr td .product-name a {
    font-size: 15px;
    color: #898989; }
  .order-history table tbody tr td .product-name .order-process {
    font-size: 13px;
    padding-left: 15px; }
    .order-history table tbody tr td .product-name .order-process .order-process-circle {
      position: relative; }
      .order-history table tbody tr td .product-name .order-process .order-process-circle:before {
        position: absolute;
        content: '';
        width: 4px;
        height: 4px;
        border-radius: 100%;
        background-color: #898989;
        left: -7px;
        top: 6px; }
      .order-history table tbody tr td .product-name .order-process .order-process-circle.shipped-order:before {
        background-color: #00AC46; }
      .order-history table tbody tr td .product-name .order-process .order-process-circle.cancel-order:before {
        background-color: #FE6A49; }

@media only screen and (max-width: 1199px) {
  .order-history table {
    width: 900px;
    overflow: auto; }
    .order-history table thead tr th {
      font-size: 12px; } }

@media only screen and (max-width: 575px) {
  .prooduct-details-box .btn {
    padding: 0.05rem 0.4rem !important; } }

/**=====================
    3.31 Order-history CSS End
==========================**/
/**=====================
  3.32 Page CSS Start
==========================**/
/*test Nav bar color */
.pagination-theme .page-item .page-link {
  color: var(--theme-deafult) !important; }

.pagination-theme .page-item.active .page-link {
  color: #fff !important;
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult); }

.pagination-primary .page-item .page-link {
  color: var(--theme-deafult) !important; }

.pagination-primary .page-item.active .page-link {
  color: #fff !important;
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult); }

.pagination-secondary .page-item .page-link {
  color: #FE6A49 !important; }

.pagination-secondary .page-item.active .page-link {
  color: #fff !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49; }

.pagination-success .page-item .page-link {
  color: #00AC46 !important; }

.pagination-success .page-item.active .page-link {
  color: #fff !important;
  background-color: #00AC46 !important;
  border-color: #00AC46; }

.pagination-danger .page-item .page-link {
  color: #FE6A49 !important; }

.pagination-danger .page-item.active .page-link {
  color: #fff !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49; }

.pagination-info .page-item .page-link {
  color: #173878 !important; }

.pagination-info .page-item.active .page-link {
  color: #fff !important;
  background-color: #173878 !important;
  border-color: #173878; }

.pagination-dark .page-item .page-link {
  color: #2c323f !important; }

.pagination-dark .page-item.active .page-link {
  color: #fff !important;
  background-color: #2c323f !important;
  border-color: #2c323f; }

.pagination-warning .page-item .page-link {
  color: #FFAE1A !important; }

.pagination-warning .page-item.active .page-link {
  color: #fff !important;
  background-color: #FFAE1A !important;
  border-color: #FFAE1A; }

.pagin-border-primary .page-item.active, .pagin-border-primary .page-item:active {
  background-color: rgba(0, 102, 102, 0.2); }

.pagin-border-primary .page-item .page-link {
  border-color: rgba(0, 102, 102, 0.2); }
  .pagin-border-primary .page-item .page-link:hover, .pagin-border-primary .page-item .page-link:focus {
    background-color: rgba(0, 102, 102, 0.2); }
  .pagin-border-primary .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-secondary .page-item.active, .pagin-border-secondary .page-item:active {
  background-color: rgba(254, 106, 73, 0.3); }

.pagin-border-secondary .page-item .page-link {
  border-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-secondary .page-item .page-link:hover, .pagin-border-secondary .page-item .page-link:focus {
    background-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-secondary .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-success .page-item.active, .pagin-border-success .page-item:active {
  background-color: rgba(0, 172, 70, 0.3); }

.pagin-border-success .page-item .page-link {
  border-color: rgba(0, 172, 70, 0.3); }
  .pagin-border-success .page-item .page-link:hover, .pagin-border-success .page-item .page-link:focus {
    background-color: rgba(0, 172, 70, 0.3); }
  .pagin-border-success .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-danger .page-item.active, .pagin-border-danger .page-item:active {
  background-color: rgba(254, 106, 73, 0.3); }

.pagin-border-danger .page-item .page-link {
  border-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-danger .page-item .page-link:hover, .pagin-border-danger .page-item .page-link:focus {
    background-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-danger .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-warning .page-item.active, .pagin-border-warning .page-item:active {
  background-color: rgba(255, 174, 26, 0.3); }

.pagin-border-warning .page-item .page-link {
  border-color: rgba(255, 174, 26, 0.3); }
  .pagin-border-warning .page-item .page-link:hover, .pagin-border-warning .page-item .page-link:focus {
    background-color: rgba(255, 174, 26, 0.3); }
  .pagin-border-warning .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-info .page-item.active, .pagin-border-info .page-item:active {
  background-color: rgba(23, 56, 120, 0.3); }

.pagin-border-info .page-item .page-link {
  border-color: rgba(23, 56, 120, 0.3); }
  .pagin-border-info .page-item .page-link:hover, .pagin-border-info .page-item .page-link:focus {
    background-color: rgba(23, 56, 120, 0.3); }
  .pagin-border-info .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-light .page-item.active, .pagin-border-light .page-item:active {
  background-color: #F9F9FB; }

.pagin-border-light .page-item .page-link {
  border-color: #F9F9FB; }
  .pagin-border-light .page-item .page-link:hover, .pagin-border-light .page-item .page-link:focus {
    background-color: #F9F9FB; }
  .pagin-border-light .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-dark .page-item.active, .pagin-border-dark .page-item:active {
  background-color: #EAEBF2; }

.pagin-border-dark .page-item .page-link {
  border-color: #EAEBF2; }
  .pagin-border-dark .page-item .page-link:hover, .pagin-border-dark .page-item .page-link:focus {
    background-color: #EAEBF2; }
  .pagin-border-dark .page-item .page-link:focus {
    box-shadow: unset; }

@media (max-width: 576px) {
  .pagination-lg .page-item .page-link {
    font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (576 - 320)));
    padding: calc(12px + (12 - 12) * ((100vw - 320px) / (576 - 320))) calc(12px + (24 - 12) * ((100vw - 320px) / (576 - 320))); } }

@media (max-width: 339px) {
  .pagination {
    justify-content: center; } }

.pagination .page-item:active {
  background-color: unset; }

.pagination .page-item .page-link.rounded-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px; }

/**=====================
    3.32 Page CSS Ends
==========================**/
/**=====================
    3.33 Pricing CSS Start
==========================**/
.pricing-simple {
  box-shadow: 0 0 10px 5px rgba(68, 102, 242, 0.05);
  margin-bottom: 0 !important; }
  .pricing-simple .card-body {
    border-bottom: none; }
    .pricing-simple .card-body h3 {
      position: relative;
      margin-bottom: 38px; }
      .pricing-simple .card-body h3:before {
        position: absolute;
        content: '';
        width: 80px;
        height: 1px;
        margin: 0 auto;
        left: 0;
        right: 0;
        bottom: -10px;
        background-color: #999999; }
    .pricing-simple .card-body h1 {
      font-size: 30px;
      line-height: 0.9;
      margin-bottom: 30px;
      font-weight: 400; }

.pricingtable {
  text-align: center;
  padding-top: 45px;
  padding-bottom: 45px;
  border-radius: 10px;
  box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
  overflow: hidden;
  position: relative;
  z-index: 1;
  height: 100%; }
  .pricingtable:before, .pricingtable:after {
    content: "";
    background-color: var(--theme-deafult);
    width: 300px;
    height: 300px;
    border-radius: 50%;
    position: absolute;
    right: -213px;
    z-index: -1;
    opacity: 0.1; }

.pricingtable:after {
  background-color: var(--theme-deafult);
  height: 300px;
  width: 300px;
  top: auto;
  bottom: -210px;
  right: auto;
  left: -160px;
  opacity: 0.1; }

.pricingtable .title {
  text-transform: uppercase;
  margin-bottom: 20px; }

.pricingtable .price-value {
  color: #fff;
  background-color: var(--theme-deafult);
  width: 130px;
  height: 130px;
  padding: 45px 0 0;
  margin: 0 auto 25px;
  border-radius: 50%; }
  .pricingtable .price-value .duration {
    margin: 0 0 0 -5px; }
  .pricingtable .price-value .amount {
    font-size: 58px;
    font-weight: 700;
    line-height: 45px;
    display: inline-block; }
  .pricingtable .price-value .currency {
    vertical-align: top; }

.pricingtable .pricing-content {
  margin: 0 0 25px;
  display: inline-block; }
  .pricingtable .pricing-content li {
    font-weight: 500;
    text-align: left;
    margin: 0 0 20px;
    position: relative;
    padding-left: 30px; }
    .pricingtable .pricing-content li:last-child {
      margin: 0; }
    .pricingtable .pricing-content li:before {
      content: "\f00c";
      color: var(--theme-deafult);
      font-family: FontAwesome;
      text-align: center;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      position: absolute;
      top: 1px;
      left: 0; }

@media (max-width: 1470px) {
  .pricing-block > div {
    flex: 50%; }
    .pricing-block > div:nth-child(n+3) {
      margin-top: 30px; } }

@media only screen and (max-width: 991px) {
  .pricing-simple .card-body h1 {
    margin-bottom: 20px; }
  .pricing-simple .card-body h3 {
    margin-bottom: 28px; }
  .pricing-block > div:nth-child(n+2) {
    margin-top: 20px; } }

@media only screen and (max-width: 575px) {
  .pricing-simple .card-body h1 {
    margin-bottom: 15px; }
  .pricing-block > div {
    flex: 100%; }
  .pricingtable {
    padding-top: 30px;
    padding-bottom: 30px; } }

/**=====================
   3.33 Pricing CSS Ends
==========================**/
/**=====================
   3.34 Progress CSS Start
==========================**/
.progress-showcase .progress {
  margin-bottom: 10px; }
  .progress-showcase .progress:last-child {
    margin-bottom: 0; }

.sm-progress-bar {
  height: 8px; }

.lg-progress-bar {
  height: 20px; }

.progress-number button {
  width: 2rem;
  height: 2rem; }

.progress-number .progress-wrapper {
  height: 1px; }
  .progress-number .progress-wrapper.progress {
    background-color: var(--recent-dashed-border); }
  .progress-number .progress-wrapper .progress-bar {
    background-color: var(--theme-deafult); }

.progress-btn {
  background-color: #f6f9fd;
  border-color: #f6f9fd; }

.small-progressbar {
  position: relative;
  overflow: visible; }
  .small-progressbar::after {
    position: absolute;
    content: '';
    top: -2px;
    right: -9px;
    background-color: #006666;
    width: 12px;
    height: 12px;
    border-radius: 100%; }
    [dir="rtl"] .small-progressbar::after {
      left: -9px;
      right: unset; }
  .small-progressbar .progress-label {
    position: absolute;
    top: -26px;
    right: -6px;
    font-weight: 700; }
    [dir="rtl"] .small-progressbar .progress-label {
      right: unset;
      left: -6px; }
  .small-progressbar .animate-circle {
    position: absolute;
    top: -11px;
    right: -18px;
    height: 30px;
    width: 30px;
    border: 14px solid #006666;
    border-radius: 70px;
    animation: heart 1s ease-in-out;
    animation-iteration-count: infinite; }
    [dir="rtl"] .small-progressbar .animate-circle {
      right: unset;
      left: -18px; }

@keyframes heart {
  0% {
    transform: scale(0);
    opacity: 0; }
  25% {
    transform: scale(0.1);
    opacity: 1; }
  50% {
    transform: scale(0.5);
    opacity: .3; }
  75% {
    transform: scale(0.8);
    opacity: .5; }
  100% {
    transform: scale(1);
    opacity: 0; } }

.progress-b-space .progress {
  margin-bottom: 35px; }

/**=====================
   3.34 Progress CSS Ends
==========================**/
/**=====================
   3.35 Projectlist CSS Start
==========================**/
.project-list .row {
  margin: 15px; }

.project-list button:focus {
  outline: none !important; }

.project-list .theme-form .form-group {
  margin-bottom: 15px; }

.project-list .border-tab.nav-tabs .nav-item .nav-link {
  border: 1px dashed transparent;
  padding: 5px 30px 5px 0;
  border-radius: 5px;
  display: flex;
  align-items: center; }

.project-list .btn {
  margin-right: 5px;
  vertical-align: -12px;
  float: right; }
  [dir="rtl"] .project-list .btn {
    float: left; }
  .project-list .btn svg {
    vertical-align: middle;
    height: 16px; }

.project-list ul {
  margin-bottom: 0 !important;
  border-bottom: 0; }
  .project-list ul li svg {
    height: 18px;
    vertical-align: middle;
    margin-right: 5px; }

.tab-content .row > div.col-xl-4:nth-child(1) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 10ms; }

.tab-content .row > div.col-xl-4:nth-child(2) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 20ms; }

.tab-content .row > div.col-xl-4:nth-child(3) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 30ms; }

.tab-content .row > div.col-xl-4:nth-child(4) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 40ms; }

.tab-content .row > div.col-xl-4:nth-child(5) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 50ms; }

.tab-content .row > div.col-xl-4:nth-child(6) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 60ms; }

.tab-content .row > div.col-xl-4:nth-child(7) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 70ms; }

.tab-content .row > div.col-xl-4:nth-child(8) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 80ms; }

.tab-content .row > div.col-xl-4:nth-child(9) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 90ms; }

.tab-content .row > div.col-xl-4:nth-child(10) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 100ms; }

.tab-content .row > div.col-xl-4:nth-child(11) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 110ms; }

.tab-content .row > div.col-xl-4:nth-child(12) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 120ms; }

.tab-content .row > div.col-xl-4:nth-child(13) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 130ms; }

.tab-content .row > div.col-xl-4:nth-child(14) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 140ms; }

.tab-content .row > div.col-xl-4:nth-child(15) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 150ms; }

.project-cards .tab-content {
  margin-bottom: -30px; }

.project-box {
  border: 1px solid #efefef;
  border-radius: 5px;
  padding: 30px;
  background-color: white;
  margin-bottom: 30px; }
  .project-box h6 {
    font-weight: 500 !important; }
  .project-box .badge {
    position: absolute;
    right: 30px;
    top: 15px;
    line-height: 13px; }
  .project-box .project-status p {
    margin-bottom: 5px;
    font-weight: 800; }
  .project-box .d-flex {
    margin-bottom: 15px;
    margin-top: 10px; }
    .project-box .d-flex .flex-grow-1 {
      opacity: 0.5; }
  .project-box .details div {
    margin-bottom: 5px;
    opacity: 0.7; }

.projectdetails .card .card-body {
  padding: 20px; }

.projectdetails .card .card-footer {
  padding: 20px; }

.projectdetails .card select {
  width: 90px;
  height: 28px;
  font-size: 11px;
  right: 20px;
  top: 20px; }

.projectmore .details .col-4 {
  margin-bottom: 5px; }
  .projectmore .details .col-4:nth-child(even) {
    opacity: 0.5; }

.projectmore h5 {
  font-size: 20px;
  font-weight: 600; }

.projectmore .task-list {
  position: relative; }
  .projectmore .task-list ul li {
    margin-bottom: 5px; }
  .projectmore .task-list ul + ul {
    position: absolute;
    left: 50%;
    top: 0; }

.new-users.activity .gradient-round {
  padding: 13px;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  top: unset !important; }
  .new-users.activity .gradient-round::after {
    display: none; }

/**=====================
   3.35 Projectlist CSS Ends
==========================**/
/**=====================
   3.36 Rating CSS Start
==========================**/
@-webkit-keyframes shake {
  30% {
    transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px); }
  60% {
    transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px); }
  100% {
    transform: perspective(240px) translateZ(4px); } }

@keyframes shake {
  30% {
    transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px); }
  60% {
    transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px); }
  100% {
    transform: perspective(240px) translateZ(4px); } }

@-webkit-keyframes tear {
  0% {
    opacity: 0;
    transform: translateY(-2px) scale(0) translateZ(0); }
  50% {
    transform: translateY(12px) scale(0.6, 1.2) translateZ(0); }
  20%,
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0); } }

@keyframes tear {
  0% {
    opacity: 0;
    transform: translateY(-2px) scale(0) translateZ(0); }
  50% {
    transform: translateY(12px) scale(0.6, 1.2) translateZ(0); }
  20%,
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0); } }

@-webkit-keyframes toggle {
  50% {
    transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg)); } }

@keyframes toggle {
  50% {
    transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg)); } }

@-webkit-keyframes angry {
  40% {
    background: var(--active); }
  45% {
    box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry); } }

@keyframes angry {
  40% {
    background: var(--active); }
  45% {
    box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry); } }

.feedback {
  display: flex;
  gap: 10px;
  flex-wrap: wrap; }

.feedback {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex; }
  .feedback li {
    position: relative;
    border-radius: 50%;
    background: var(--sb, var(--normal));
    box-shadow: inset 3px -3px 4px var(--sh, var(--normal-shadow));
    transition: background 0.4s, box-shadow 0.4s, transform 0.3s;
    -webkit-tap-highlight-color: transparent; }
    .feedback li:not(:last-child) {
      margin-right: 20px; }
    .feedback li div {
      width: 40px;
      height: 40px;
      position: relative;
      transform: perspective(240px) translateZ(4px); }
      .feedback li div svg {
        display: block;
        position: absolute;
        left: var(--l, 9px);
        top: var(--t, 13px);
        width: var(--w, 8px);
        height: var(--h, 2px);
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        fill: none;
        stroke: var(--s);
        stroke-width: 2px;
        stroke-linecap: round;
        stroke-linejoin: round;
        transition: stroke 0.4s; }
      .feedback li div:before {
        display: block;
        position: absolute;
        left: var(--l, 9px);
        top: var(--t, 13px);
        width: var(--w, 8px);
        height: var(--h, 2px);
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        content: "";
        z-index: var(--zi, 1);
        border-radius: var(--br, 1px);
        background: var(--b, var(--e, var(--normal-eye)));
        transition: background 0.4s; }
      .feedback li div:after {
        display: block;
        position: absolute;
        left: var(--l, 9px);
        top: var(--t, 13px);
        width: var(--w, 8px);
        height: var(--h, 2px);
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        content: "";
        z-index: var(--zi, 1);
        border-radius: var(--br, 1px);
        background: var(--b, var(--e, var(--normal-eye)));
        transition: background 0.4s; }
      .feedback li div svg.eye {
        --s: var(--e, var(--normal-eye));
        --t: 17px;
        --w: 7px;
        --h: 4px; }
      .feedback li div svg.eye.right {
        --l: 23px; }
      .feedback li div svg.mouth {
        --s: var(--m, var(--normal-mouth));
        --l: 11px;
        --t: 23px;
        --w: 18px;
        --h: 7px; }
    .feedback li:not(.active) {
      cursor: pointer; }
      .feedback li:not(.active):active {
        transform: scale(0.925); }
  .feedback li.angry {
    --step-1-rx: -24deg;
    --step-1-ry: 20deg;
    --step-2-rx: -24deg;
    --step-2-ry: -20deg; }
    .feedback li.angry div:before {
      --r: 20deg; }
    .feedback li.angry div:after {
      --l: 23px;
      --r: -20deg; }
    .feedback li.angry div svg.eye {
      stroke-dasharray: 4.55;
      stroke-dashoffset: 8.15; }
  .feedback li.angry.active {
    -webkit-animation: angry 1s linear;
    animation: angry 1s linear; }
    .feedback li.angry.active div:before {
      --middle-y: -2px;
      --middle-r: 22deg;
      -webkit-animation: toggle 0.8s linear forwards;
      animation: toggle 0.8s linear forwards; }
    .feedback li.angry.active div:after {
      --middle-y: 1px;
      --middle-r: -18deg;
      -webkit-animation: toggle 0.8s linear forwards;
      animation: toggle 0.8s linear forwards; }
  .feedback li.sad {
    --step-1-rx: 20deg;
    --step-1-ry: -12deg;
    --step-2-rx: -18deg;
    --step-2-ry: 14deg; }
    .feedback li.sad div:before {
      --b: var(--active-tear);
      --sc: 0;
      --w: 5px;
      --h: 5px;
      --t: 15px;
      --br: 50%; }
    .feedback li.sad div:after {
      --b: var(--active-tear);
      --sc: 0;
      --w: 5px;
      --h: 5px;
      --t: 15px;
      --br: 50%;
      --l: 25px; }
    .feedback li.sad div svg.eye {
      --t: 16px; }
    .feedback li.sad div svg.mouth {
      --t: 24px;
      stroke-dasharray: 9.5;
      stroke-dashoffset: 33.25; }
  .feedback li.sad.active div:before {
    -webkit-animation: tear 0.6s linear forwards;
    animation: tear 0.6s linear forwards; }
  .feedback li.sad.active div:after {
    -webkit-animation: tear 0.6s linear forwards;
    animation: tear 0.6s linear forwards; }
  .feedback li.ok {
    --step-1-rx: 4deg;
    --step-1-ry: -22deg;
    --step-1-rz: 6deg;
    --step-2-rx: 4deg;
    --step-2-ry: 22deg;
    --step-2-rz: -6deg; }
    .feedback li.ok div:before {
      --l: 12px;
      --t: 17px;
      --h: 4px;
      --w: 4px;
      --br: 50%;
      box-shadow: 12px 0 0 var(--e, var(--normal-eye)); }
    .feedback li.ok div:after {
      --l: 13px;
      --t: 26px;
      --w: 14px;
      --h: 2px;
      --br: 1px;
      --b: var(--m, var(--normal-mouth)); }
  .feedback li.ok.active div:before {
    --middle-s-y: .35;
    -webkit-animation: toggle 0.2s linear forwards;
    animation: toggle 0.2s linear forwards; }
  .feedback li.ok.active div:after {
    --middle-s-x: .5;
    -webkit-animation: toggle 0.7s linear forwards;
    animation: toggle 0.7s linear forwards; }
  .feedback li.good {
    --step-1-rx: -14deg;
    --step-1-rz: 10deg;
    --step-2-rx: 10deg;
    --step-2-rz: -8deg; }
    .feedback li.good div:before {
      --b: var(--m, var(--normal-mouth));
      --w: 5px;
      --h: 5px;
      --br: 50%;
      --t: 22px;
      --zi: 0;
      opacity: 0.5;
      box-shadow: 16px 0 0 var(--b);
      filter: blur(2px); }
    .feedback li.good div:after {
      --sc: 0; }
    .feedback li.good div svg.eye {
      --t: 15px;
      --sc: -1;
      stroke-dasharray: 4.55;
      stroke-dashoffset: 8.15; }
    .feedback li.good div svg.mouth {
      --t: 22px;
      --sc: -1;
      stroke-dasharray: 13.3;
      stroke-dashoffset: 23.75; }
  .feedback li.good.active div svg.mouth {
    --middle-y: 1px;
    --middle-s: -1;
    -webkit-animation: toggle 0.8s linear forwards;
    animation: toggle 0.8s linear forwards; }
  .feedback li.happy div {
    --step-1-rx: 18deg;
    --step-1-ry: 24deg;
    --step-2-rx: 18deg;
    --step-2-ry: -24deg; }
    .feedback li.happy div:before {
      --sc: 0; }
    .feedback li.happy div:after {
      --b: var(--m, var(--normal-mouth));
      --l: 11px;
      --t: 23px;
      --w: 18px;
      --h: 8px;
      --br: 0 0 8px 8px; }
    .feedback li.happy div svg.eye {
      --t: 14px;
      --sc: -1; }
  .feedback li.happy.active div:after {
    --middle-s-x: .95;
    --middle-s-y: .75;
    -webkit-animation: toggle 0.8s linear forwards;
    animation: toggle 0.8s linear forwards; }
  .feedback li.active {
    --sb: var(--active);
    --sh: var(--active-shadow);
    --m: var(--active-mouth);
    --e: var(--active-eye); }
    .feedback li.active div {
      -webkit-animation: shake 0.8s linear forwards;
      animation: shake 0.8s linear forwards; }

html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased; }

* {
  box-sizing: inherit; }
  *:before {
    box-sizing: inherit; }
  *:after {
    box-sizing: inherit; }

.br-theme-bars-1to10 .br-widget a,
.br-theme-bars-movie .br-widget a,
.br-theme-bars-pill .br-widget a,
.br-theme-bars-reversed .br-widget a,
.br-theme-bars-horizontal .br-widget a {
  background-color: rgba(0, 102, 102, 0.2); }

.br-theme-bars-square .br-widget a {
  border-color: rgba(0, 102, 102, 0.2);
  color: var(--body-light-font-color); }

/**=====================
   3.36 Rating CSS Ends
==========================**/
/**=====================
    3.37 Social-app CSS start
==========================**/
.user-profile .hovercard .socialheader {
  background: url(/../images/social-app/social-image.png); }

.user-profile .hovercard .user-image .share-icons {
  position: absolute;
  right: 100px;
  top: -27px; }
  .user-profile .hovercard .user-image .share-icons li {
    display: inline-block;
    margin-right: 10px; }
    .user-profile .hovercard .user-image .share-icons li .social-icon {
      width: 50px;
      height: 50px;
      text-align: center;
      display: flex;
      align-items: center;
      vertical-align: middle;
      justify-content: center;
      border-radius: 100%; }
      .user-profile .hovercard .user-image .share-icons li .social-icon i {
        color: #fff;
        font-size: 25px; }
    .user-profile .hovercard .user-image .share-icons li:last-child {
      margin-right: 0; }

.user-profile .card-footer > div h3 {
  font-size: 16px; }

.market-tabs .border-tab.nav-tabs .nav-item .nav-link.active {
  border-bottom: none !important; }

.market-tabs .nav {
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center; }
  .market-tabs .nav .nav-item {
    width: 100%; }
    .market-tabs .nav .nav-item .nav-link {
      height: 81px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      padding-top: 30px;
      text-align: center; }

.tabs-scoial {
  border-bottom: none;
  margin-bottom: 20px !important;
  margin-top: 20px; }
  .tabs-scoial li a {
    font-weight: 600; }
    .tabs-scoial li a svg circle {
      color: #999999; }

.social-network span {
  margin-bottom: 30px;
  display: block; }

.social-list .d-flex {
  margin-bottom: 20px;
  display: flex;
  align-items: center; }
  .social-list .d-flex:last-child {
    margin-bottom: 0; }
  .social-list .d-flex .flex-grow-1 a {
    color: #999999; }
  .social-list .d-flex .flex-grow-1 span {
    font-weight: 600; }
  .social-list .d-flex .flex-grow-1:hover a {
    color: var(--theme-deafult); }

.photos {
  margin-bottom: -15px; }
  .photos ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 70px; }
    .photos ul li:nth-child(4n) {
      margin-right: 0; }

.new-users-social {
  margin-bottom: 30px; }
  .new-users-social svg {
    cursor: pointer; }
  .new-users-social .d-flex img {
    width: 58px; }
  .new-users-social .d-flex .flex-grow-1 {
    margin-top: 10px; }
  .new-users-social svg circle {
    color: #999999; }

.like-content span i {
  font-size: 14px; }

.timeline-content p {
  margin-top: 30px;
  color: #999999; }

.timeline-content .comment-number i {
  color: #999999;
  margin-right: 20px; }

.timeline-content .comments-box {
  margin-top: 30px; }
  .timeline-content .comments-box .flex-grow-1 {
    width: 100%; }
  .timeline-content .comments-box .input-group {
    margin-top: 6px; }
    .timeline-content .comments-box .input-group .input-txt-bx {
      border: none;
      background-color: #F5F5F5; }
      .timeline-content .comments-box .input-group .input-txt-bx::placeholder {
        color: #999999; }
    .timeline-content .comments-box .input-group .input-group-append .btn i {
      font-size: 20px;
      display: flex;
      color: #999999; }

.social-chat {
  margin-top: 30px; }
  .social-chat span span {
    font-weight: normal;
    color: #999999;
    font-size: 12px; }
  .social-chat .flex-grow-1 {
    padding: 20px;
    border: 1px solid #E6E9EB;
    position: relative; }
    .social-chat .flex-grow-1 p {
      margin-top: 5px; }
    .social-chat .flex-grow-1:before {
      content: '';
      position: absolute;
      top: 19px;
      right: 100%;
      border: 7px solid transparent;
      border-right: 7px solid #59667a; }
    .social-chat .flex-grow-1:after {
      content: '';
      position: absolute;
      top: 19px;
      right: 100%;
      border: 7px solid transparent;
      border-right: 7px solid #fff; }
  .social-chat .your-msg,
  .social-chat .other-msg {
    margin-bottom: 30px; }
  .social-chat .other-msg {
    margin-left: 40px; }

.socialprofile span {
  color: #999999; }
  .socialprofile span.badge {
    padding: 6px 10px !important; }

.socialprofile .social-btngroup {
  margin: 30px 0; }

.socialprofile .likes-profile h5 span {
  color: #051A1A; }

.socialprofile .social-group {
  margin-top: 30px; }
  .socialprofile .social-group ul li:nth-child(4) {
    margin-left: -22px; }

.social-status form .form-group .form-control-social {
  border: 1px solid #E6E9EB;
  padding-left: 15px;
  margin-bottom: 30px; }

.social-status .d-flex {
  position: relative;
  margin-bottom: 30px; }
  .social-status .d-flex:last-child {
    margin-bottom: 0; }
  .social-status .d-flex .social-status {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #fff;
    bottom: 0;
    left: 35px;
    border-radius: 100%; }
  .social-status .d-flex .social-online {
    border: 3px solid #00AC46; }
  .social-status .d-flex .social-busy {
    border: 3px solid #FFAE1A; }
  .social-status .d-flex .social-offline {
    border: 3px solid #59667a; }
  .social-status .d-flex .flex-grow-1 p {
    color: #999999;
    margin-bottom: 5px; }
  .social-status .d-flex .flex-grow-1 span + span {
    color: #999999; }
  .social-status .d-flex .flex-grow-1 .light-span {
    color: #999999; }

.social-header h5 span:first-child {
  line-height: 1.48; }

.social-header h5 span svg circle {
  color: #999999; }

.details-about + .details-about {
  margin-top: 30px; }

.details-about .your-details p {
  color: #999999; }

.avatar-showcase .friend-pic {
  margin-right: 8px;
  margin-bottom: 10px; }

.avatar-showcase .pepole-knows ul li {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px; }
  .avatar-showcase .pepole-knows ul li:last-child {
    margin-right: 0; }
  .avatar-showcase .pepole-knows ul li .add-friend h6 {
    margin-top: 3px; }

.activity-log .my-activity + .my-activity {
  margin-top: 30px; }

.activity-log .my-activity p {
  margin-bottom: 5px; }
  .activity-log .my-activity p span svg {
    width: 15px;
    height: 15px; }

/**=====================
    3.37 Social-app CSS end
==========================**/
/**=====================
    3.38 Sweet-alert CSS Start
==========================**/
.swal-modal .swal-title {
  font-size: 24px; }

.swal-modal .swal-text {
  font-size: 17px; }

/**=====================
    3.38 Sweet-alert CSS ends
==========================**/
/**=====================
    3.39 Task CSS Start
==========================**/
.modal-open .datepickers-container {
  z-index: 1075; }

.date-details {
  align-items: center; }
  .date-details > div + div {
    margin-left: 10px; }

.taskadd table tr td {
  border-top: none; }
  .taskadd table tr td:first-child {
    padding-left: 30px; }
  .taskadd table tr td:last-child {
    padding-right: 30px; }
  .taskadd table tr td svg {
    width: 18px;
    height: 18px;
    color: #59667a; }

.taskadd table tr:first-child td {
  padding-top: 30px; }

.taskadd table tr:last-child td {
  padding-bottom: 30px; }

@media only screen and (max-width: 1660px) {
  .taskadd table tr td:first-child {
    min-width: 160px; }
  .taskadd table tr td:nth-child(3) {
    min-width: 70px; } }

@media only screen and (max-width: 991px) {
  .date-details {
    display: block !important;
    margin-bottom: -10px; }
    .date-details .d-inline-block {
      margin-bottom: 10px; }
  .taskadd table tr td:first-child {
    padding-left: 20px; }
  .taskadd table tr:first-child td {
    padding-top: 20px; }
  .taskadd table tr:last-child td {
    padding-bottom: 20px; } }

@media only screen and (max-width: 767px) {
  .taskadd table tr td:nth-child(2) {
    min-width: 745px; } }

@media only screen and (max-width: 575px) {
  .taskadd table tr td:first-child {
    padding-left: 15px; }
  .taskadd table tr:first-child td {
    padding-top: 15px; }
  .taskadd table tr:last-child td {
    padding-bottom: 15px; } }

/**=====================
  3.39 Task CSS Ends
==========================**/
/*====todo css start====*/
.todo .action-box {
  background: transparent;
  height: 20px;
  width: 20px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  transition: all 300ms ease; }
  .todo .action-box .icon {
    vertical-align: 0; }
  .todo .action-box.completed {
    background: #FE6A49;
    border: 1px solid #FE6A49;
    border-radius: 4px; }
    .todo .action-box.completed .icon {
      color: #fff;
      font-size: 14px; }
  .todo .action-box.large {
    height: 26px;
    width: 26px; }
    .todo .action-box.large .icon {
      font-size: 16px;
      vertical-align: -4px; }
      .todo .action-box.large .icon .icon-trash {
        color: #006666; }
      .todo .action-box.large .icon .icon-check {
        color: #006666; }

.todo .todo-list-wrapper {
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  box-sizing: border-box; }
  .todo .todo-list-wrapper #todo-list {
    list-style: none;
    margin: 0;
    padding: 0; }
    .todo .todo-list-wrapper #todo-list li {
      margin: 0;
      padding: 0;
      width: 100%; }
      .todo .todo-list-wrapper #todo-list li:last-child .task-container {
        border-bottom: 0;
        padding-bottom: 0; }
      .todo .todo-list-wrapper #todo-list li .task-container {
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
        width: 100%;
        border-bottom: 1px solid #ecf3fa;
        box-sizing: border-box;
        position: relative;
        transition: background 200ms ease; }
        .todo .todo-list-wrapper #todo-list li .task-container .d-flex {
          align-items: center; }
          .todo .todo-list-wrapper #todo-list li .task-container .d-flex div {
            text-align: right; }
        .todo .todo-list-wrapper #todo-list li .task-container .task-label {
          display: table;
          font-size: 16px;
          font-weight: 400;
          vertical-align: middle;
          color: #999999;
          word-break: break-word;
          padding-top: 5px; }
        .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn {
          display: table-cell;
          vertical-align: middle;
          text-align: right; }
          .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box {
            border: 1px solid transparent; }
            .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover {
              background: #fff;
              border-radius: 4px; }
              .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover .icon {
                color: #59667a; }
        .todo .todo-list-wrapper #todo-list li .task-container:hover h4 {
          color: #2c323f;
          transition: all 0.3s ease; }
      .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn {
        border: 1px solid #006666;
        border-radius: 4px; }
        .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn .icon {
          font-weight: bold; }
          .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn .icon i {
            color: #00AC46; }
        .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover {
          background: #fff;
          border: 1px solid #00AC46; }
          .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover .icon {
            color: #fff; }
      .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label {
        text-decoration: line-through;
        color: #006666; }
      .todo .todo-list-wrapper #todo-list li.new .task-container {
        animation: taskHighlighter 2000ms linear 1; }
  .todo .todo-list-wrapper .todo-list-header h5 {
    text-align: center;
    color: #efefef; }

.todo .notification-popup {
  position: fixed;
  top: 100px;
  right: 10px;
  width: 300px;
  display: inline-block;
  background: #00AC46;
  border: 1px solid #00AC46;
  color: #fff;
  padding: 20px;
  opacity: 0.9;
  border-radius: 2px;
  box-sizing: border-box;
  transition: all 300ms ease; }
  .todo .notification-popup.success {
    background: #00AC46;
    border: 1px solid #00AC46; }
  .todo .notification-popup p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1; }
  .todo .notification-popup .task {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block;
    color: #fff;
    padding: 0 4px; }
  .todo .notification-popup .notification-text {
    font-size: 14px;
    display: inline-block;
    overflow: hidden;
    color: #fff; }
  .todo .notification-popup.hide {
    opacity: 0;
    visibility: hidden; }

@-webkit-keyframes taskHighlighter {
  0% {
    background: rgba(68, 102, 242, 0.5); }
  100% {
    background: #fff; } }

@keyframes taskHighlighter {
  0% {
    background: rgba(68, 102, 242, 0.5); }
  100% {
    background: #fff; } }

.todo-wrap .card-header.b-bottom {
  border-bottom: 1px solid #ecf3fa; }

.todo-wrap .card-header .todo-list-header .new-task-wrapper input {
  padding: 12px 28px;
  border-radius: 7px;
  background-color: #F5F5F5;
  border: 1px solid #dee2e6; }

.todo-wrap .card-header .todo-list-header .add-new-task-btn {
  display: flex;
  align-items: center;
  z-index: 0; }

.todo-wrap .todo-list-body .assign-name {
  opacity: 0.4;
  font-size: 13px;
  font-weight: 400; }

.todo-wrap .left-bookmark ul li .iconbg {
  padding: 8px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center; }

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li button.d-block {
  text-align: left; }

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li + li {
  padding-top: 12px; }

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li a {
  padding: 0 16px;
  align-items: center; }
  .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a .badge {
    color: #fff;
    padding: 5px 6px 4px 7px; }
  .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover {
    color: #006666;
    background-color: transparent; }
    .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover .badge {
      color: #fff; }
    .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover .title {
      color: #006666; }

/*====todo css end====*/
/**=====================
    3.40 Timeline-v CSS Start
==========================**/
.timeline-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px; }

.time-content {
  display: flex;
  align-items: center;
  gap: 4px; }
  .time-content i {
    font-size: 18px; }

.activity .media {
  margin-bottom: 30px; }
  .activity .media:last-child {
    margin-bottom: 0; }
  .activity .media .gradient-round {
    position: relative;
    width: 53px;
    height: 53px;
    background-image: linear-gradient(26deg, var(--theme-deafult) 0%, #006666 100%);
    border-radius: 100%;
    top: -18px; }
    .activity .media .gradient-round svg {
      position: absolute;
      width: 18px;
      height: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      left: 0;
      top: 18px;
      right: 0;
      margin: 0 auto; }
      .activity .media .gradient-round svg path,
      .activity .media .gradient-round svg line,
      .activity .media .gradient-round svg circle {
        color: #fff; }
    .activity .media .gradient-round.gradient-line-1:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 62px;
      bottom: -77px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .activity .media .gradient-round.small-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 19px;
      bottom: -34px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .activity .media .gradient-round.medium-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 53px;
      bottom: -68px;
      left: 0;
      right: 0;
      margin: 0 auto; }
  .activity .media .media-body h6 {
    font-weight: 600;
    margin-bottom: 30px; }
    .activity .media .media-body h6 span {
      font-weight: normal;
      color: #999999; }
  .activity .media .media-body p {
    width: 80%; }

.timeline-small .media {
  margin-bottom: 30px; }
  .timeline-small .media:last-child {
    margin-bottom: 0; }
  .timeline-small .media .timeline-round {
    position: relative;
    width: 53px;
    height: 53px;
    border-radius: 100%;
    border-radius: 15px;
    top: -18px; }
    .timeline-small .media .timeline-round svg {
      position: absolute;
      width: 18px;
      height: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      left: 0;
      top: 18px;
      right: 0;
      margin: 0 auto; }
      .timeline-small .media .timeline-round svg path,
      .timeline-small .media .timeline-round svg line,
      .timeline-small .media .timeline-round svg circle {
        color: #fff; }
    .timeline-small .media .timeline-round.timeline-line-1:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 62px;
      bottom: -88px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .timeline-small .media .timeline-round.small-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 19px;
      bottom: -34px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .timeline-small .media .timeline-round.medium-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 53px;
      bottom: -68px;
      left: 0;
      right: 0;
      margin: 0 auto; }
  .timeline-small .media .media-body h6 {
    margin-bottom: 30px; }
    .timeline-small .media .media-body h6 span {
      font-weight: normal;
      color: #999999; }
  .timeline-small .media .media-body p {
    width: 80%; }

.cd-container {
  width: 90%;
  max-width: 1170px;
  margin: 0 auto; }

.cd-container::after {
  content: '';
  display: table;
  clear: both; }

@media only screen and (min-width: 1170px) {
  #cd-timeline::before {
    left: 50% !important;
    margin-left: -2px; }
  .cd-timeline-block {
    margin: 4em 0; }
    .cd-timeline-block:first-child {
      margin-top: 0; }
    .cd-timeline-block:last-child {
      margin-bottom: 0; }
    .cd-timeline-block:nth-child(even) .cd-timeline-content {
      float: right; }
      .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
        left: auto;
        right: 122%;
        text-align: right; }
    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
      top: 24px;
      left: auto;
      right: 100%;
      border-color: transparent;
      border-right-color: #E6E9EB; }
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px; }
    .cd-timeline-img > i {
      font-size: 18px;
      top: 50%;
      left: 50%;
      padding: 3px; }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden; }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    animation: cd-bounce-1 0.6s; }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden; }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    animation: cd-bounce-2 0.6s; }
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    animation: cd-bounce-2-inverse 0.6s; }
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%; }
    .cd-timeline-content .cd-date {
      position: absolute;
      width: 100%;
      left: 122%;
      top: 6px;
      font-size: 16px; }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #fff; } }

#cd-timeline {
  position: relative;
  padding: 2em 0; }

#cd-timeline::before {
  content: '';
  position: absolute;
  top: 0;
  font-size: 1.5rem;
  height: 100%;
  width: 2px;
  background: #E6E9EB;
  left: -15px; }

.cd-timeline-block {
  position: relative;
  margin: 30px 0; }
  .cd-timeline-block:after {
    content: "";
    display: table;
    clear: both; }
  .cd-timeline-block:first-child {
    margin-top: 0; }
  .cd-timeline-block:last-child {
    margin-bottom: 0; }

.cd-timeline-img {
  width: 40px;
  height: 40px;
  left: 51%;
  margin-left: -30px;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  position: absolute;
  top: 0;
  border-radius: 50px; }
  .cd-timeline-img i {
    display: block;
    position: relative;
    left: 45%;
    top: 44%;
    margin-left: -12px;
    margin-top: -12px;
    font-size: 20px;
    color: #fff; }

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    transform: scale(0.5); }
  60% {
    opacity: 1;
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.cd-timeline-content {
  position: relative;
  background: #E6E9EB;
  border-radius: 4px;
  padding: 30px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08); }
  .cd-timeline-content p {
    padding-top: 9px; }
  .cd-timeline-content h4 {
    margin-bottom: 0; }
  .cd-timeline-content:after {
    content: "";
    display: table;
    clear: both; }
  .cd-timeline-content audio {
    width: 100%; }
  .cd-timeline-content .cd-date {
    font-size: 13px;
    display: inline-block;
    float: left;
    padding: .8em 0 0;
    opacity: .7; }

.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 28px;
  right: 100%;
  height: 0;
  width: 0;
  border: 15px solid transparent;
  border-left: 15px solid #E6E9EB; }
  [dir="rtl"] .cd-timeline-content::before {
    border-right: 15px solid #E6E9EB;
    border-left: unset; }
  @media (max-width: 1169px) {
    .cd-timeline-content::before {
      display: none; } }
@media only screen and (min-width: 768px) {
  .cd-timeline-content .cd-date {
    font-size: 14px;
    padding-bottom: 0; } }

@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; }
  100% { } }

@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    transform: translateX(-100px); }
  60% {
    opacity: 1;
    transform: translateX(20px); }
  100% {
    transform: translateX(0); } }

@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; }
  100% { } }

@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    transform: translateX(100px); }
  60% {
    opacity: 1;
    transform: translateX(-20px); }
  100% {
    transform: translateX(0); } }

@media only screen and (max-width: 1169px) {
  .cd-timeline-block .cd-timeline-img {
    left: -2px;
    height: 30px;
    width: 30px;
    margin-left: -30px;
    top: 14px;
    z-index: 7; }
    .cd-timeline-block .cd-timeline-img > i {
      font-size: 15px;
      top: 16px;
      left: 17px;
      padding: 3px; }
  .landing-main #cd-timeline::before {
    left: -39px; }
  .landing-main .cd-timeline-block .cd-timeline-img {
    left: -34px;
    height: 50px;
    width: 50px;
    top: 1px;
    z-index: 8; }
    .landing-main .cd-timeline-block .cd-timeline-img > i {
      font-size: 23px;
      top: 21px;
      left: 7px;
      padding: 3px; } }

@media only screen and (max-width: 576px) {
  .cd-timeline-content {
    padding: 15px; }
    .cd-timeline-content h4 {
      font-size: 18px; } }

.main-timeline ul::before {
  left: 5px; }
  [dir="rtl"] .main-timeline ul::before {
    right: 5px;
    left: unset; }

.square-timeline {
  position: relative; }
  .square-timeline::before {
    border: 1px dashed #E6E9EB;
    content: '';
    margin-left: 0px;
    position: absolute;
    top: 0;
    left: 18px;
    width: 1px;
    height: 100%; }
    [dir="rtl"] .square-timeline::before {
      margin-left: unset;
      margin-right: 0;
      left: unset;
      right: 18px; }
  .square-timeline .timeline-event {
    position: relative; }
    .square-timeline .timeline-event:hover .timeline-event-icon {
      transform: rotate(-105deg);
      background-color: #52526c; }
    .square-timeline .timeline-event:hover .timeline-event-wrapper .timeline-thumbnail {
      box-shadow: inset 40em 0 0 0 rgba(255, 174, 26, 0.3); }
    .square-timeline .timeline-event .timeline-event-wrapper {
      padding: 0 0 0 14px;
      position: relative;
      top: -7px;
      left: 38px;
      width: 95%; }
      [dir="rtl"] .square-timeline .timeline-event .timeline-event-wrapper {
        left: unset;
        right: 38px;
        padding: 0 14px 0 0; }
      @media (max-width: 1200px) {
        .square-timeline .timeline-event .timeline-event-wrapper {
          width: calc(84% + (95 - 84) * ((100vw - 320px) / (1200 - 320))); } }
      .square-timeline .timeline-event .timeline-event-wrapper .designer-details {
        padding-top: 20px; }
      .square-timeline .timeline-event .timeline-event-wrapper .timeline-thumbnail {
        transition: box-shadow 0.5s ease-in 0.1s;
        color: #2c323f;
        background-color: rgba(0, 102, 102, 0.2);
        box-shadow: inset 0 0 0 0em rgba(23, 56, 120, 0.3);
        display: inline-block;
        margin-bottom: 12px;
        padding: 2px 25px; }
      .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:hover, .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:active, .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:focus {
        background-color: unset; }
      .square-timeline .timeline-event .timeline-event-wrapper > div {
        display: inline-block;
        width: 100%; }
    .square-timeline .timeline-event .timeline-event-icon {
      transition: 0.2s ease-in;
      transform: rotate(45deg);
      background-color: #006666;
      outline: 6px solid rgba(0, 102, 102, 0.2);
      display: block;
      margin: 0px;
      position: absolute;
      top: 0;
      left: 14px;
      width: 10px;
      height: 10px; }
      [dir="rtl"] .square-timeline .timeline-event .timeline-event-icon {
        right: 14px;
        left: unset; }

.list-inline {
  display: flex;
  justify-content: center; }
  .list-inline.events .event-list {
    display: block;
    position: relative;
    text-align: center;
    padding-top: 70px;
    margin-right: 0; }
    .list-inline.events .event-list p {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; }
    .list-inline.events .event-list .event-date {
      position: absolute;
      top: 38px;
      left: 0;
      right: 0;
      width: 75px;
      margin: 0 auto;
      border-radius: 4px;
      padding: 2px 4px; }
      .list-inline.events .event-list .event-date p {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        line-height: 1.5;
        margin-top: 7px; }

.timeline-list.timeline-border {
  border-bottom: 1px solid #E6E9EB; }

.timeline-list.list-inline {
  padding-bottom: 0; }
  .timeline-list.list-inline.events .event-list {
    padding-top: 35px; }
    .timeline-list.list-inline.events .event-list::before {
      content: '';
      height: 0;
      border-right: unset; }
    .timeline-list.list-inline.events .event-list .event-date {
      top: 2px; }
      .timeline-list.list-inline.events .event-list .event-date p {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        line-height: 1.5;
        margin-top: 7px; }
    .timeline-list.list-inline.events .event-list .read-more-btn {
      position: relative;
      margin-bottom: 3px; }
  .timeline-list.list-inline .vertical-line {
    height: 45px;
    width: 1px;
    margin: 0 auto;
    position: relative;
    border: 1px dashed #006666; }

.list-group.main-lists-content {
  padding-top: 20px; }

@media (max-width: 1218px) {
  .list-group .list-group-item .timeline-icon {
    display: none; } }

@media (max-width: 1400px) {
  .horizontal-timeline {
    display: none; } }

/**=====================
    3.40 Timeline-v CSS Ends
==========================**/
/**=====================
    3.41 User-profile CSS start
==========================**/
.user-profile .ttl-info h6 {
  font-size: 12px;
  color: #59667a; }

.user-profile .border-right {
  border-right: 1px solid #E6E9EB; }

.user-profile hr {
  margin: 30px 0; }

.user-profile .hovercard .cardheader {
  background: url(/../images/admin/other-images/bg-profile.png);
  background-size: cover;
  background-position: 10%;
  height: 470px; }

.user-profile .hovercard .user-image {
  position: relative;
  height: 0; }
  .user-profile .hovercard .user-image .avatar {
    margin-top: -80px; }
    .user-profile .hovercard .user-image .avatar img {
      width: 100px;
      height: 100px;
      max-width: 155px;
      max-height: 155px;
      border-radius: 50%;
      border: 7px solid #fff; }
  .user-profile .hovercard .user-image .icon-wrapper {
    position: absolute;
    bottom: -20px;
    left: 51%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    overflow: hidden;
    margin: 0 auto;
    font-size: 17px;
    box-shadow: 0 0 6px 3px rgba(68, 102, 242, 0.1); }

.user-profile .hovercard .info {
  padding: 30px; }
  .user-profile .hovercard .info .title {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 1;
    color: #2c323f;
    vertical-align: middle; }
    .user-profile .hovercard .info .title a {
      color: #242934;
      font-size: 20px;
      text-transform: uppercase;
      font-weight: 500; }
  .user-profile .hovercard .info .desc {
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #59667a;
    text-overflow: ellipsis;
    text-transform: uppercase; }

.user-profile .follow {
  margin-top: 20px; }
  .user-profile .follow .follow-num {
    font-size: 20px;
    color: #242934;
    font-family: "Montserrat", sans-serif;
    font-weight: 500; }
  .user-profile .follow span {
    color: #59667a; }

.user-profile .profile-img-style {
  padding: 30px; }
  .user-profile .profile-img-style .img-container {
    margin-top: 30px; }
  .user-profile .profile-img-style .user-name {
    font-size: 14px;
    color: #242934;
    margin: 0;
    font-weight: 600; }
  .user-profile .profile-img-style p {
    line-height: 30px;
    font-size: 14px;
    color: #898989;
    margin-bottom: 0; }
  .user-profile .profile-img-style .media img {
    width: 50px; }

.user-profile .like-comment li a {
  color: #898989; }

.user-profile .like-comment li:first-child a:hover, .user-profile .like-comment li:first-child a:active {
  color: #FE6A49; }

.user-profile .like-comment span {
  font-family: "Montserrat", sans-serif; }

.user-profile .social-media a {
  padding: 0 15px;
  color: #59667a;
  font-size: 24px;
  cursor: pointer; }
  .user-profile .social-media a:hover {
    color: var(--theme-deafult); }

.edit-profile .profile-title .media {
  align-items: center;
  margin-bottom: 30px; }
  .edit-profile .profile-title .media .media-body {
    margin-left: 14px; }
    [dir="rtl"] .edit-profile .profile-title .media .media-body {
      margin-left: unset;
      margin-right: 14px; }

/**=====================
    3.41 User-profile CSS Ends
==========================**/
/**=====================
    3.42 Wishlist CSS start
==========================**/
.wishlist table tr td svg {
  color: #898989;
  cursor: pointer; }

/**=====================
    3.42 Wishlist CSS Ends
==========================**/
/* ---------------------
	*** themes ***
-----------------------*/
/**=====================
	4.1. Dark CSS Start
==========================**/
/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C; }

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8; }

.light-card {
  background-color: var(--light-background); }

.light-background {
  background-color: var(--light-bg); }

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  transform: rotate(-45deg);
  display: inline-block; }

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-l-50 {
  margin-left: 50px !important; }

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important; }

.b-r-1 {
  border-radius: 1px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-r-11 {
  border-radius: 11px !important; }

.b-r-12 {
  border-radius: 12px !important; }

.b-r-13 {
  border-radius: 13px !important; }

.b-r-14 {
  border-radius: 14px !important; }

.b-r-15 {
  border-radius: 15px !important; }

.b-r-16 {
  border-radius: 16px !important; }

.b-r-17 {
  border-radius: 17px !important; }

.b-r-18 {
  border-radius: 18px !important; }

.b-r-19 {
  border-radius: 19px !important; }

.b-r-20 {
  border-radius: 20px !important; }

.b-r-21 {
  border-radius: 21px !important; }

.b-r-22 {
  border-radius: 22px !important; }

.b-r-23 {
  border-radius: 23px !important; }

.b-r-24 {
  border-radius: 24px !important; }

.b-r-25 {
  border-radius: 25px !important; }

.b-r-26 {
  border-radius: 26px !important; }

.b-r-27 {
  border-radius: 27px !important; }

.b-r-28 {
  border-radius: 28px !important; }

.b-r-29 {
  border-radius: 29px !important; }

.b-r-30 {
  border-radius: 30px !important; }

.b-r-31 {
  border-radius: 31px !important; }

.b-r-32 {
  border-radius: 32px !important; }

.b-r-33 {
  border-radius: 33px !important; }

.b-r-34 {
  border-radius: 34px !important; }

.b-r-35 {
  border-radius: 35px !important; }

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.f-34 {
  font-size: 34px !important; }

.f-36 {
  font-size: 36px !important; }

.f-38 {
  font-size: 38px !important; }

.f-40 {
  font-size: 40px !important; }

.f-42 {
  font-size: 42px !important; }

.f-44 {
  font-size: 44px !important; }

.f-46 {
  font-size: 46px !important; }

.f-48 {
  font-size: 48px !important; }

.f-50 {
  font-size: 50px !important; }

.f-52 {
  font-size: 52px !important; }

.f-54 {
  font-size: 54px !important; }

.f-56 {
  font-size: 56px !important; }

.f-58 {
  font-size: 58px !important; }

.f-60 {
  font-size: 60px !important; }

.f-62 {
  font-size: 62px !important; }

.f-64 {
  font-size: 64px !important; }

.f-66 {
  font-size: 66px !important; }

.f-68 {
  font-size: 68px !important; }

.f-70 {
  font-size: 70px !important; }

.f-72 {
  font-size: 72px !important; }

.f-74 {
  font-size: 74px !important; }

.f-76 {
  font-size: 76px !important; }

.f-78 {
  font-size: 78px !important; }

.f-80 {
  font-size: 80px !important; }

.f-82 {
  font-size: 82px !important; }

.f-84 {
  font-size: 84px !important; }

.f-86 {
  font-size: 86px !important; }

.f-88 {
  font-size: 88px !important; }

.f-90 {
  font-size: 90px !important; }

.f-92 {
  font-size: 92px !important; }

.f-94 {
  font-size: 94px !important; }

.f-96 {
  font-size: 96px !important; }

.f-98 {
  font-size: 98px !important; }

.f-100 {
  font-size: 100px !important; }

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100; }

.f-w-300 {
  font-weight: 300; }

.f-w-500 {
  font-weight: 500; }

.f-w-400 {
  font-weight: 400; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-900 {
  font-weight: 900; }

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal; }

.f-s-italic {
  font-style: italic; }

.f-s-oblique {
  font-style: oblique; }

.f-s-initial {
  font-style: initial; }

.f-s-inherit {
  font-style: inherit; }

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-dashed {
  text-decoration: dashed; }

.text-blink {
  text-decoration: blink; }

.text-dotted {
  text-decoration: dotted; }

.text-initial {
  text-decoration: initial; }

.text-none {
  text-decoration: none; }

.text-solid {
  text-decoration: solid; }

.text-wavy {
  text-decoration: wavy; }

.text-inherit {
  text-decoration: inherit; }

.text-double {
  text-decoration: double; }

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline; }

.sub {
  vertical-align: sub; }

.super {
  vertical-align: super; }

.top {
  vertical-align: top; }

.text-top {
  vertical-align: text-top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.text-bottom {
  vertical-align: text-bottom; }

.initial {
  vertical-align: initial; }

.inherit {
  vertical-align: inherit; }

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-relative {
  position: relative; }

.p-initial {
  position: initial; }

.p-inherit {
  position: inherit; }

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden; }

.o-visible {
  overflow: visible; }

.o-auto {
  overflow: auto; }

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important; }

.img-h-10 {
  height: 10px !important; }

.img-20 {
  width: 20px !important; }

.img-h-20 {
  height: 20px !important; }

.img-30 {
  width: 30px !important; }

.img-h-30 {
  height: 30px !important; }

.img-40 {
  width: 40px !important; }

.img-h-40 {
  height: 40px !important; }

.img-50 {
  width: 50px !important; }

.img-h-50 {
  height: 50px !important; }

.img-60 {
  width: 60px !important; }

.img-h-60 {
  height: 60px !important; }

.img-70 {
  width: 70px !important; }

.img-h-70 {
  height: 70px !important; }

.img-80 {
  width: 80px !important; }

.img-h-80 {
  height: 80px !important; }

.img-90 {
  width: 90px !important; }

.img-h-90 {
  height: 90px !important; }

.img-100 {
  width: 100px !important; }

.img-h-100 {
  height: 100px !important; }

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important; }

.font-secondary {
  color: #FE6A49 !important; }

.font-success {
  color: #00AC46 !important; }

.font-danger {
  color: #FE6A49 !important; }

.font-info {
  color: #173878 !important; }

.font-light {
  color: #E6E9EB !important; }

.font-dark {
  color: #2c323f !important; }

.font-warning {
  color: #FFAE1A !important; }

.font-primary {
  color: var(--theme-deafult) !important; }

.font-secondary {
  color: var(--theme-secondary) !important; }

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize; }

.label-theme {
  background-color: #006666; }

.label-primary {
  background-color: #006666; }

.label-secondary {
  background-color: #FE6A49; }

.label-success {
  background-color: #00AC46; }

.label-danger {
  background-color: #FE6A49; }

.label-info {
  background-color: #173878; }

.label-light {
  background-color: #E6E9EB; }

.label-dark {
  background-color: #2c323f; }

.label-warning {
  background-color: #FFAE1A; }

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666; }

.badge-secondary {
  background-color: #FE6A49; }

.badge-success {
  background-color: #00AC46; }

.badge-danger {
  background-color: #FE6A49; }

.badge-info {
  background-color: #173878; }

.badge-light {
  background-color: #E6E9EB; }

.badge-dark {
  background-color: #2c323f; }

.badge-warning {
  background-color: #FFAE1A; }

.badge-primary {
  background-color: var(--theme-deafult) !important; }

.badge-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff; }

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff; }

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important; }

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-success {
  background-color: #00AC46 !important;
  color: #fff; }

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff; }

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important; }

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-info {
  background-color: #173878 !important;
  color: #fff; }

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff; }

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important; }

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff; }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff; }

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important; }

.bg-dark {
  background-color: #2c323f !important;
  color: #fff; }

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff; }

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important; }

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff; }

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff; }

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important; }

.bg-primary {
  background-color: var(--theme-deafult) !important; }

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6); }

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important; }

.txt-secondary {
  color: #FE6A49 !important; }

.txt-success {
  color: #00AC46 !important; }

.txt-danger {
  color: #FE6A49 !important; }

.txt-info {
  color: #173878 !important; }

.txt-light {
  color: #E6E9EB !important; }

.txt-dark {
  color: #2c323f !important; }

.txt-warning {
  color: #FFAE1A !important; }

.txt-google-plus {
  color: #c64e40 !important; }

.txt-twitter {
  color: #6fa2d8 !important; }

.txt-linkedin {
  color: #0077B5 !important; }

.txt-fb {
  color: #50598e !important; }

.txt-primary {
  color: var(--theme-deafult) !important; }

.txt-secondary {
  color: var(--theme-secondary) !important; }

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@keyframes push {
  50% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #006666 !important;
    border-color: #006666 !important; }
  .btn-primary:focus {
    box-shadow: unset !important; }

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-secondary:focus {
    box-shadow: unset !important; }

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }
  .btn-success:focus {
    box-shadow: unset !important; }

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-danger:focus {
    box-shadow: unset !important; }

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #173878 !important;
    border-color: #173878 !important; }
  .btn-info:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }
  .btn-light:focus {
    box-shadow: unset !important; }

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #2c323f !important;
    border-color: #2c323f !important; }
  .btn-dark:focus {
    box-shadow: unset !important; }

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }
  .btn-warning:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important; }
  .btn-light:hover {
    background-color: rgba(0, 102, 102, 0.1) !important;
    border-color: rgba(0, 102, 102, 0.1) !important; }

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important; }

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important; }

.btn-hover-effect:hover {
  animation: push 0.5s linear 1; }

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent; }
  .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-check {
  color: #006666 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #006666 !important; }
    .btn-check:checked + .btn-outline-primary {
      color: white !important;
      background-color: #006666 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-primary {
    border-color: #006666 !important;
    color: #006666 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-primary.disabled {
      color: #006666; }
    .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
      color: white !important;
      background-color: #006666 !important;
      border-color: #006666 !important;
      box-shadow: none !important; }

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary.disabled {
    color: #006666;
    border-color: #006666; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-secondary {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-secondary {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-secondary.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #00AC46 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #00AC46 !important; }
    .btn-check:checked + .btn-outline-success {
      color: white !important;
      background-color: #00AC46 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-success.disabled {
      color: #00AC46; }
    .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
      color: white !important;
      background-color: #00AC46 !important;
      border-color: #00AC46 !important;
      box-shadow: none !important; }

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success.disabled {
    color: #00AC46;
    border-color: #00AC46; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-danger {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-danger.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #173878 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #173878 !important; }
    .btn-check:checked + .btn-outline-info {
      color: white !important;
      background-color: #173878 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-info {
    border-color: #173878 !important;
    color: #173878 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-info.disabled {
      color: #173878; }
    .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
      color: white !important;
      background-color: #173878 !important;
      border-color: #173878 !important;
      box-shadow: none !important; }

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info.disabled {
    color: #173878;
    border-color: #173878; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: #fff !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #E6E9EB !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #E6E9EB !important; }
    .btn-check:checked + .btn-outline-light {
      color: white !important;
      background-color: #E6E9EB !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-light {
    border-color: #E6E9EB !important;
    color: #E6E9EB !important;
    background-color: transparent;
    color: #051A1A; }
    .btn-check + .btn-outline-light.disabled {
      color: #E6E9EB; }
    .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
      color: white !important;
      background-color: #E6E9EB !important;
      border-color: #E6E9EB !important;
      box-shadow: none !important; }

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A; }
  .btn-outline-light.disabled {
    color: #E6E9EB;
    border-color: #E6E9EB; }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: #fff !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: unset !important; }

.btn-check {
  color: #2c323f !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #2c323f !important; }
    .btn-check:checked + .btn-outline-dark {
      color: white !important;
      background-color: #2c323f !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-dark {
    border-color: #2c323f !important;
    color: #2c323f !important;
    background-color: transparent; }
    .btn-check + .btn-outline-dark.disabled {
      color: #2c323f; }
    .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
      color: white !important;
      background-color: #2c323f !important;
      border-color: #2c323f !important;
      box-shadow: none !important; }

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark.disabled {
    color: #2c323f;
    border-color: #2c323f; }
  .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FFAE1A !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FFAE1A !important; }
    .btn-check:checked + .btn-outline-warning {
      color: white !important;
      background-color: #FFAE1A !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important;
    background-color: transparent; }
    .btn-check + .btn-outline-warning.disabled {
      color: #FFAE1A; }
    .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
      color: white !important;
      background-color: #FFAE1A !important;
      border-color: #FFAE1A !important;
      box-shadow: none !important; }

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning.disabled {
    color: #FFAE1A;
    border-color: #FFAE1A; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: unset !important; }

.btn-primary.active:not([disabled]):not(.disabled) {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  box-shadow: none !important; }
  .btn-primary.active:not([disabled]):not(.disabled):hover, .btn-primary.active:not([disabled]):not(.disabled):focus, .btn-primary.active:not([disabled]):not(.disabled):active, .btn-primary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #003333;
    border-color: #003333; }

.btn-secondary.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-secondary.active:not([disabled]):not(.disabled):hover, .btn-secondary.active:not([disabled]):not(.disabled):focus, .btn-secondary.active:not([disabled]):not(.disabled):active, .btn-secondary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-success.active:not([disabled]):not(.disabled) {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  box-shadow: none !important; }
  .btn-success.active:not([disabled]):not(.disabled):hover, .btn-success.active:not([disabled]):not(.disabled):focus, .btn-success.active:not([disabled]):not(.disabled):active, .btn-success.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #007931;
    border-color: #007931; }

.btn-danger.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-danger.active:not([disabled]):not(.disabled):hover, .btn-danger.active:not([disabled]):not(.disabled):focus, .btn-danger.active:not([disabled]):not(.disabled):active, .btn-danger.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-info.active:not([disabled]):not(.disabled) {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  box-shadow: none !important; }
  .btn-info.active:not([disabled]):not(.disabled):hover, .btn-info.active:not([disabled]):not(.disabled):focus, .btn-info.active:not([disabled]):not(.disabled):active, .btn-info.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #0f244d;
    border-color: #0f244d; }

.btn-light.active:not([disabled]):not(.disabled) {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  box-shadow: none !important; }
  .btn-light.active:not([disabled]):not(.disabled):hover, .btn-light.active:not([disabled]):not(.disabled):focus, .btn-light.active:not([disabled]):not(.disabled):active, .btn-light.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #cad0d4;
    border-color: #cad0d4; }

.btn-dark.active:not([disabled]):not(.disabled) {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  box-shadow: none !important; }
  .btn-dark.active:not([disabled]):not(.disabled):hover, .btn-dark.active:not([disabled]):not(.disabled):focus, .btn-dark.active:not([disabled]):not(.disabled):active, .btn-dark.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #171a21;
    border-color: #171a21; }

.btn-warning.active:not([disabled]):not(.disabled) {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  box-shadow: none !important; }
  .btn-warning.active:not([disabled]):not(.disabled):hover, .btn-warning.active:not([disabled]):not(.disabled):focus, .btn-warning.active:not([disabled]):not(.disabled):active, .btn-warning.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #e69500;
    border-color: #e69500; }

.btn-outline-primary-2x.active:not([disabled]):not(.disabled) {
  background-color: #006666;
  border-color: #006666;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-primary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-primary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #006666 !important;
    border-color: #006666 !important; }

.btn-outline-secondary-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-secondary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-success-2x.active:not([disabled]):not(.disabled) {
  background-color: #00AC46;
  border-color: #00AC46;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-success-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-success-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-success-2x.active:not([disabled]):not(.disabled):active, .btn-outline-success-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }

.btn-outline-danger-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-danger-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):active, .btn-outline-danger-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-info-2x.active:not([disabled]):not(.disabled) {
  background-color: #173878;
  border-color: #173878;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-info-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-info-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-info-2x.active:not([disabled]):not(.disabled):active, .btn-outline-info-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #173878 !important;
    border-color: #173878 !important; }

.btn-outline-light-2x.active:not([disabled]):not(.disabled) {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-light-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-light-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-light-2x.active:not([disabled]):not(.disabled):active, .btn-outline-light-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }

.btn-outline-dark-2x.active:not([disabled]):not(.disabled) {
  background-color: #2c323f;
  border-color: #2c323f;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-dark-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):active, .btn-outline-dark-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important; }

.btn-outline-warning-2x.active:not([disabled]):not(.disabled) {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-warning-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):active, .btn-outline-warning-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important; }

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important; }

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important; }

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important; }

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important; }

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important; }

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666; }
  .table-styling .table-primary thead,
  .table-styling.table-primary thead {
    background-color: #003333;
    border: 3px solid #003333; }
  .table-styling .table-primary th,
  .table-styling .table-primary td,
  .table-styling.table-primary th,
  .table-styling.table-primary td {
    background-color: transparent; }

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-secondary thead,
  .table-styling.table-secondary thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-secondary th,
  .table-styling .table-secondary td,
  .table-styling.table-secondary th,
  .table-styling.table-secondary td {
    background-color: transparent; }

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46; }
  .table-styling .table-success thead,
  .table-styling.table-success thead {
    background-color: #007931;
    border: 3px solid #007931; }
  .table-styling .table-success th,
  .table-styling .table-success td,
  .table-styling.table-success th,
  .table-styling.table-success td {
    background-color: transparent; }

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-danger thead,
  .table-styling.table-danger thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-danger th,
  .table-styling .table-danger td,
  .table-styling.table-danger th,
  .table-styling.table-danger td {
    background-color: transparent; }

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878; }
  .table-styling .table-info thead,
  .table-styling.table-info thead {
    background-color: #0f244d;
    border: 3px solid #0f244d; }
  .table-styling .table-info th,
  .table-styling .table-info td,
  .table-styling.table-info th,
  .table-styling.table-info td {
    background-color: transparent; }

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB; }
  .table-styling .table-light thead,
  .table-styling.table-light thead {
    background-color: #cad0d4;
    border: 3px solid #cad0d4; }
  .table-styling .table-light th,
  .table-styling .table-light td,
  .table-styling.table-light th,
  .table-styling.table-light td {
    background-color: transparent; }

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f; }
  .table-styling .table-dark thead,
  .table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21; }
  .table-styling .table-dark th,
  .table-styling .table-dark td,
  .table-styling.table-dark th,
  .table-styling.table-dark td {
    background-color: transparent; }

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A; }
  .table-styling .table-warning thead,
  .table-styling.table-warning thead {
    background-color: #e69500;
    border: 3px solid #e69500; }
  .table-styling .table-warning th,
  .table-styling .table-warning td,
  .table-styling.table-warning th,
  .table-styling.table-warning td {
    background-color: transparent; }

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important; }

.stroke-secondary {
  stroke: #FE6A49 !important; }

.stroke-success {
  stroke: #00AC46 !important; }

.stroke-danger {
  stroke: #FE6A49 !important; }

.stroke-info {
  stroke: #173878 !important; }

.stroke-light {
  stroke: #E6E9EB !important; }

.stroke-dark {
  stroke: #2c323f !important; }

.stroke-warning {
  stroke: #FFAE1A !important; }

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878; }

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important; }

.b-t-primary {
  border-top: 1px solid #006666 !important; }

.border-t-primary {
  border-top: 1px solid #006666 !important; }

.b-b-primary {
  border-bottom: 1px solid #006666 !important; }

.border-b-primary {
  border-bottom: 1px solid #006666 !important; }

.b-l-primary {
  border-left: 1px solid #006666 !important; }

.border-l-primary {
  border-left: 1px solid #006666 !important; }

.b-r-primary {
  border-right: 1px solid #006666 !important; }

.border-r-primary {
  border-right: 1px solid #006666 !important; }

.b-secondary {
  border: 1px solid #FE6A49 !important; }

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.b-success {
  border: 1px solid #00AC46 !important; }

.b-t-success {
  border-top: 1px solid #00AC46 !important; }

.border-t-success {
  border-top: 1px solid #00AC46 !important; }

.b-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.border-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.b-l-success {
  border-left: 1px solid #00AC46 !important; }

.border-l-success {
  border-left: 1px solid #00AC46 !important; }

.b-r-success {
  border-right: 1px solid #00AC46 !important; }

.border-r-success {
  border-right: 1px solid #00AC46 !important; }

.b-danger {
  border: 1px solid #FE6A49 !important; }

.b-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.border-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.border-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.b-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.border-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.b-info {
  border: 1px solid #173878 !important; }

.b-t-info {
  border-top: 1px solid #173878 !important; }

.border-t-info {
  border-top: 1px solid #173878 !important; }

.b-b-info {
  border-bottom: 1px solid #173878 !important; }

.border-b-info {
  border-bottom: 1px solid #173878 !important; }

.b-l-info {
  border-left: 1px solid #173878 !important; }

.border-l-info {
  border-left: 1px solid #173878 !important; }

.b-r-info {
  border-right: 1px solid #173878 !important; }

.border-r-info {
  border-right: 1px solid #173878 !important; }

.b-light {
  border: 1px solid #E6E9EB !important; }

.b-t-light {
  border-top: 1px solid #E6E9EB !important; }

.border-t-light {
  border-top: 1px solid #E6E9EB !important; }

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.b-l-light {
  border-left: 1px solid #E6E9EB !important; }

.border-l-light {
  border-left: 1px solid #E6E9EB !important; }

.b-r-light {
  border-right: 1px solid #E6E9EB !important; }

.border-r-light {
  border-right: 1px solid #E6E9EB !important; }

.b-dark {
  border: 1px solid #2c323f !important; }

.b-t-dark {
  border-top: 1px solid #2c323f !important; }

.border-t-dark {
  border-top: 1px solid #2c323f !important; }

.b-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.border-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.b-l-dark {
  border-left: 1px solid #2c323f !important; }

.border-l-dark {
  border-left: 1px solid #2c323f !important; }

.b-r-dark {
  border-right: 1px solid #2c323f !important; }

.border-r-dark {
  border-right: 1px solid #2c323f !important; }

.b-warning {
  border: 1px solid #FFAE1A !important; }

.b-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.border-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.b-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.border-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.b-r-warning {
  border-right: 1px solid #FFAE1A !important; }

.border-r-warning {
  border-right: 1px solid #FFAE1A !important; }

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-6 {
  border-width: 6px !important; }

.border-7 {
  border-width: 7px !important; }

.border-8 {
  border-width: 8px !important; }

.border-9 {
  border-width: 9px !important; }

.border-10 {
  border-width: 10px !important; }

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px; }

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa; }

.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px; }

.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3); }

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f; }
  .line pre {
    font-size: 100%; }

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important; }

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .options > div {
    color: #86909C;
    padding: 2px 10px;
    border: 1px solid; }
    .options > div:hover {
      background-color: #006666;
      color: #fff;
      transition: background-color 0.3s ease; }

/**====== Animation css Ends ======**/
.modal-footer {
  flex-wrap: wrap; }

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0; }

.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0; }

.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px; }

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666; }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #006666 !important; }

.typeahead .theme-form .form-group {
  margin-bottom: 0; }

.primary .svg-fill {
  fill: var(--theme-deafult); }
  .primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-deafult); }

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important; }

.secondary .svg-fill {
  fill: var(--theme-secondary); }
  .secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary); }

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important; }

.success .svg-fill {
  fill: #00AC46; }

.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important; }

.warning .svg-fill {
  fill: #FFAE1A; }

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important; }

.dotted {
  border-style: dotted; }

.dashed {
  border-style: dashed; }

.double {
  border-style: double; }

.groove {
  border-style: groove; }

.ridge {
  border-style: ridge; }

.inset {
  border-style: inset; }

.outset {
  border-style: outset; }

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px; }
  75% {
    opacity: .6;
    top: 0; }
  100% {
    opacity: 1; } }

.code-box-copy {
  width: 100%;
  overflow: auto; }

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%; }
  .custom-rs-12 {
    width: 100%; } }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px; }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none; }

.bg-gray {
  background-color: var(--text-gray); }

.text-gray {
  color: var(--text-gray) !important; }

.common-flex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

.common-space {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2); }

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3); }

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important; }

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important; }

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666; }

.badge-light-secondary {
  background-color: white;
  color: #FE6A49; }

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46; }

.badge-light-danger {
  background-color: white;
  color: #FE6A49; }

.badge-light-info {
  background-color: #6e96e3;
  color: #173878; }

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c; }

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f; }

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A; }

.fc .fc-button-primary.fc-button-active:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult), 0.2) !important; }

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%;
      margin-left: 0px; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .invoice-table-data {
    background-color: #f9f9fa; }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

/**=====================
    1.1 Reset CSS Ends
==========================**/
body.dark-only {
  --bs-heading-color: rgb(255, 255, 255);
  color: rgba(255, 255, 255, 0.6);
  background-color: #1A1C23; }
  body.dark-only.modal-open {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23; }
    body.dark-only.modal-open h1,
    body.dark-only.modal-open h2,
    body.dark-only.modal-open h3,
    body.dark-only.modal-open h4,
    body.dark-only.modal-open h5,
    body.dark-only.modal-open h6 {
      color: #fff; }
    body.dark-only.modal-open span {
      color: rgba(255, 255, 255, 0.7); }
    body.dark-only.modal-open p {
      color: rgba(255, 255, 255, 0.7); }
  body.dark-only span {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .txt-primary {
    color: #006666 !important; }
  body.dark-only .txt-secondary {
    color: #FE6A49 !important; }
  body.dark-only .txt-success {
    color: #00AC46 !important; }
  body.dark-only .txt-danger {
    color: #FE6A49 !important; }
  body.dark-only .txt-info {
    color: #173878 !important; }
  body.dark-only .txt-light {
    color: #E6E9EB !important; }
  body.dark-only .txt-dark {
    color: #2c323f !important; }
  body.dark-only .txt-warning {
    color: #FFAE1A !important; }
  body.dark-only .txt-google-plus {
    color: #c64e40 !important; }
  body.dark-only .txt-twitter {
    color: #6fa2d8 !important; }
  body.dark-only .txt-linkedin {
    color: #0077B5 !important; }
  body.dark-only .txt-fb {
    color: #50598e !important; }
  body.dark-only .txt-primary {
    color: var(--theme-deafult) !important; }
  body.dark-only .txt-secondary {
    color: var(--theme-secondary) !important; }
  body.dark-only .accordion-button.accordion-light-primary:not(.collapsed) {
    background-color: rgba(0, 102, 102, 0.2); }
  body.dark-only .accordion-button.accordion-light-primary:active, body.dark-only .accordion-button.accordion-light-primary.active {
    background-color: rgba(0, 102, 102, 0.2);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-secondary:not(.collapsed) {
    background-color: rgba(254, 106, 73, 0.3); }
  body.dark-only .accordion-button.accordion-light-secondary:active, body.dark-only .accordion-button.accordion-light-secondary.active {
    background-color: rgba(254, 106, 73, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-success:not(.collapsed) {
    background-color: rgba(0, 172, 70, 0.3); }
  body.dark-only .accordion-button.accordion-light-success:active, body.dark-only .accordion-button.accordion-light-success.active {
    background-color: rgba(0, 172, 70, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-warning:not(.collapsed) {
    background-color: rgba(255, 174, 26, 0.3); }
  body.dark-only .accordion-button.accordion-light-warning:active, body.dark-only .accordion-button.accordion-light-warning.active {
    background-color: rgba(255, 174, 26, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-info:not(.collapsed) {
    background-color: rgba(23, 56, 120, 0.3); }
  body.dark-only .accordion-button.accordion-light-info:active, body.dark-only .accordion-button.accordion-light-info.active {
    background-color: rgba(23, 56, 120, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-light:not(.collapsed) {
    background-color: #F9F9FB; }
  body.dark-only .accordion-button.accordion-light-light:active, body.dark-only .accordion-button.accordion-light-light.active {
    background-color: #F9F9FB;
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-danger:not(.collapsed) {
    background-color: rgba(254, 106, 73, 0.3); }
  body.dark-only .accordion-button.accordion-light-danger:active, body.dark-only .accordion-button.accordion-light-danger.active {
    background-color: rgba(254, 106, 73, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-dark:not(.collapsed) {
    background-color: #EAEBF2; }
  body.dark-only .accordion-button.accordion-light-dark:active, body.dark-only .accordion-button.accordion-light-dark.active {
    background-color: #EAEBF2;
    color: #000;
    border: none; }
  body.dark-only .list-product-header .collapse .list-product-body {
    border: unset !important; }
  body.dark-only .card {
    --bs-card-title-color: var(--body-font-color);
    --bs-card-subtitle-color: var(--body-font-color);
    --bs-card-cap-color: var(--body-font-color);
    --bs-card-color: var(--body-font-color);
    --bs-body-color: var(--body-font-color);
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .breadcrumb {
    --bs-breadcrumb-bg: transparent; }
  body.dark-only .toast {
    --bs-toast-color: var(--body-font-color); }
  body.dark-only .modal {
    --bs-modal-color: rgba(255, 255, 255, 0.2);
    --bs-modal-footer-bg: $dark-card-background; }
  body.dark-only .accordion-flush .accordion-item .accordion-header button {
    background-color: rgba(0, 172, 70, 0.3) !important; }
  body.dark-only .moon {
    stroke: var(--body-font-color); }
  body.dark-only .radio label::before {
    background-color: #1A1C23; }
  body.dark-only .support-custom-table table.dataTable {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .support-custom-table table.dataTable thead th,
    body.dark-only .support-custom-table table.dataTable thead td {
      border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .support-custom-table table.dataTable tbody td {
      border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .support-custom-table .dataTables_wrapper .dataTables_paginate {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .list-product .datatable-sorter::before {
    border-top: 4px solid rgba(255, 255, 255, 0.5) !important; }
  body.dark-only .list-product .datatable-sorter::after {
    border-bottom: 4px solid rgba(255, 255, 255, 0.5) !important; }
  body.dark-only .onhover-dropdown.notification-down::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .nav-right > ul > li:nth-child(n+3):not(:last-child body.dark-only .nav-right > ul > li.profile-nav:nth-child(n+3)) {
    background-color: #22242B !important; }
  body.dark-only .nav-right > ul > li:nth-child(2) {
    background-color: #22242B !important; }
  body.dark-only .nav-right .nav-menus li.profile-nav ul li {
    background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .bookmark-flip .flip-card .bookmark-dropdown li:nth-child(2) {
    background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .bookmark-flip .flip-card .back ul li:nth-child(2) {
    background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .input-icon input {
    background-color: #22242B;
    border: none;
    color: #fff; }
  body.dark-only .nav-right .nav-menus li .user-name svg {
    filter: invert(1); }
  body.dark-only .nav-right .nav-menus li .profile-media .media-body span {
    color: #fff; }
  body.dark-only .email-right-aside .email-read .mail-header1 svg {
    stroke: rgba(255, 255, 255, 0.7); }
  body.dark-only .customers ul li:last-child p {
    color: rgba(255, 255, 255, 0.2) !important;
    border: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .invoice-text span {
    color: #006666; }
  body.dark-only .invoice-table-data {
    background-color: #22242B !important; }
  body.dark-only .form-control {
    background-color: #22242B !important;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only input::placeholder {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .text-muted {
    color: rgba(255, 255, 255, 0.7) !important; }
  body.dark-only .total-chart .data-grow span {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .payment-second .mega-icons .stroke-dark {
    filter: invert(3); }
  body.dark-only .breadcrumb-item.active {
    color: rgba(255, 255, 255, 0.7) !important; }
  body.dark-only .breadcrumb-item + .breadcrumb-item:before {
    color: rgba(255, 255, 255, 0.7) !important; }
  body.dark-only .sale-history-card .history-price a {
    color: #fff; }
  body.dark-only .radius-wrapper {
    background-color: #1A1C23 !important; }
  body.dark-only .product-costing {
    border-color: rgba(230, 233, 235, 0.1);
    color: #fff; }
  body.dark-only .sale-history-card {
    border-color: rgba(230, 233, 235, 0.1); }
  body.dark-only .table-order table thead {
    background-color: rgba(230, 233, 235, 0.07); }
  body.dark-only .table-order table tbody tr {
    border-bottom: 1px solid rgba(230, 233, 235, 0.1) !important; }
    body.dark-only .table-order table tbody tr td a {
      color: #fff !important; }
    body.dark-only .table-order table tbody tr td .dropdown svg {
      filter: invert(1); }
    body.dark-only .table-order table tbody tr:hover td a {
      color: var(--theme-deafult) !important; }
    body.dark-only .table-order table tbody tr:last-child {
      border-bottom: none !important; }
      body.dark-only .table-order table tbody tr:last-child td {
        border-bottom: none !important; }
  body.dark-only .new-product .product-cost .product-icon:last-child svg {
    filter: invert(1); }
  body.dark-only .revenuegrowth .revenuegrowth-chart::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .revenuegrowth-details .growth-details {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .add-project-link .categories-content a {
    color: #fff; }
  body.dark-only .activity-group::before {
    border-left: 1px dashed rgba(255, 255, 255, 0.1); }
  body.dark-only .email-general h6 {
    color: #fff; }
  body.dark-only .tranaction-table thead {
    background-color: rgba(230, 233, 235, 0.07); }
  body.dark-only .card .card-footer .common-space a {
    color: #fff; }
  body.dark-only .card .card-footer .common-space:hover a {
    color: var(--theme-deafult); }
  body.dark-only .card .card-footer .common-space .visited-dropdown {
    border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .card .card-footer .common-space .visited-dropdown svg {
      filter: invert(1); }
  body.dark-only .today-work-table .today-working-table tbody tr td a {
    color: #fff !important; }
  body.dark-only .today-work-table .today-working-table tbody tr:hover td a {
    color: #006666 !important; }
  body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .add-project .categories-content a {
    color: #fff; }
  body.dark-only .activity-log h6 a {
    color: #fff; }
  body.dark-only span.dayName {
    color: #006666 !important; }
  body.dark-only .fc-scrollgrid-sync-inner a.fc-col-header-cell-cushion {
    color: #006666 !important; }
  body.dark-only .badge-light {
    background-color: #1A1C23;
    color: #fff !important; }
  body.dark-only .apexcharts-canvas .apexcharts-svg .apexcharts-inner .apexcharts-grid-borders line {
    stroke: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .apexcharts-canvas .apexcharts-svg .apexcharts-inner .apexcharts-grid .apexcharts-gridlines-horizontal line {
    stroke: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .timeline-calendar .custom-calendar .time-line .fc-scrollgrid table thead tr {
    background-color: #1A1C23; }
  body.dark-only .activity-log-card ul li div .username {
    color: #fff; }
  body.dark-only .product-box .product-details h4 {
    color: #fff; }
  body.dark-only .product-box .product-details p {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .bookmark-wrap .left-bookmark ul li button {
    color: #fff !important; }
  body.dark-only .balance-profile h5 {
    color: #fff; }
  body.dark-only .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button {
    background: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button span {
      color: #fff; }
  body.dark-only .common-space .header-top .btn:hover i {
    color: #fff !important; }
  body.dark-only .activity-table table tbody tr td .team-activity .activity-data a {
    color: #fff !important; }
  body.dark-only .activity-table table tbody tr td .team-activity .activity-data .user-activity::before {
    background-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .activity-table table tbody tr td .team-activity .activity-data .common-space:before {
    background-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .activity-table table tbody tr td .team-activity:hover a {
    color: var(--theme-deafult) !important; }
  body.dark-only .left-header .welcome-content span {
    color: var(--body-font-color); }
  body.dark-only .dropdown-menu .input-group {
    background-color: #1A1C23;
    opacity: 1; }
  body.dark-only .dropdown-menu .dropdown-item {
    background-color: #1A1C23;
    opacity: 1;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important; }
  body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: #1A1C23;
    color: #fff; }
  body.dark-only .activity-log-card ul::before {
    border-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .dropdown-basic .dropdown .dropdown-content {
    background-color: #1A1C23;
    z-index: 2; }
    body.dark-only .dropdown-basic .dropdown .dropdown-content a {
      background-color: #1A1C23;
      color: #fff;
      border-color: rgba(255, 255, 255, 0.1); }
      body.dark-only .dropdown-basic .dropdown .dropdown-content a:hover {
        background-color: #22242B !important; }
  body.dark-only .projectlist-card {
    border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .projectlist-card .project-data a {
      color: #fff; }
  body.dark-only .new-user ul li {
    border-color: rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .new-user ul li a {
      color: #fff !important; }
    body.dark-only .new-user ul li:hover a {
      color: var(--theme-deafult) !important; }
    body.dark-only .new-user ul li .product-sub .invoice-icon {
      filter: invert(1); }
  body.dark-only .top-product-card ul li a {
    color: #fff !important; }
  body.dark-only .top-product-card ul li:hover a {
    color: var(--theme-deafult) !important; }
  body.dark-only .top-product-card ul li.top-product {
    border-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .top-product-card ul li .product-items span {
    color: #fff !important; }
  body.dark-only .deliveries-percentage table tbody tr td a {
    color: #fff; }
  body.dark-only .project-meeting-details {
    border-top: rgba(255, 255, 255, 0.1); }
    body.dark-only .project-meeting-details .project-meeting-time a {
      color: #fff; }
  body.dark-only .client-list-table table tbody tr td a {
    color: #fff !important; }
  body.dark-only .client-list-table table tbody tr td .user-id::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .client-list-table table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }
  body.dark-only .project-table .order-table thead {
    background-color: rgba(230, 233, 235, 0.07); }
  body.dark-only .project-table .order-table tbody tr td a {
    color: #fff; }
  body.dark-only .project-table .order-table tbody tr td .product-sub .dropdown svg {
    filter: invert(1); }
  body.dark-only .project-table .order-table tbody tr:hover td a {
    color: #fff; }
  body.dark-only .user-message li {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .user-message svg {
    filter: invert(1); }
  body.dark-only .apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1A1C23; }
  body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button {
    border-color: rgba(255, 255, 255, 0.2) !important; }
  body.dark-only table.fixedHeader-locked {
    background: #1A1C23; }
  body.dark-only .apexcharts-tooltip-series-group {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .apexcharts-yaxistooltip,
  body.dark-only .apexcharts-xaxistooltip {
    color: rgba(255, 255, 255, 0.6);
    background: #1A1C23;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-yaxistooltip-left::before, body.dark-only .apexcharts-yaxistooltip-left::after {
    border-left-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-xaxistooltip-bottom::before, body.dark-only .apexcharts-xaxistooltip-bottom::after {
    border-bottom-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .bottom-content .apexcharts-canvas span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .apexcharts-canvas .apexcharts-tooltip {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
      margin-bottom: 0; }
    body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .apexcharts-canvas .apexcharts-yaxis text {
    fill: #98a6ad; }
  body.dark-only .apexcharts-xaxistooltip {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-xaxistooltip-bottom:after {
    border-bottom-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1A1C23; }
    body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text {
      color: #98a6ad; }
    body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
      background: #22242B;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      color: #98a6ad; }
  body.dark-only .apexcharts-yaxis text {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .theme-form input[type=text] {
    background-color: #1A1C23 !important;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .theme-form input[type=num], body.dark-only input[type=select], body.dark-only input[type=date] {
    background-color: #1A1C23 !important;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .theme-form textarea {
    background-color: #1A1C23; }
  body.dark-only .page-body .bg-light {
    background-color: #1A1C23 !important; }
  body.dark-only .wizard-4 .step-container {
    background-color: #22242B;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .wizard-4 .login-card .login-main {
    background-color: #1A1C23; }
  body.dark-only .total-balance {
    background-blend-mode: overlay; }
  body.dark-only .icon-state .switch-state:after {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .social-widget .social-icons {
    box-shadow: 0px 42.1092px 27.8569px #1A1C23, 0px 8.90772px 7.12618px #1A1C23, 0px 2.02448px 3.44162px #1A1C23; }
  body.dark-only .calendar-basic .md-sidebar-aside {
    background: #22242B; }
  body.dark-only .calendar-basic #external-events {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .calendar-basic .calendar-default .fc .fc-daygrid-day-number,
  body.dark-only .calendar-basic .calendar-default .fc .fc-col-header-cell-cushion {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .clockpicker-popover .popover-title {
    background-color: #22242B; }
  body.dark-only .clockpicker-popover.bottom > .arrow {
    border-bottom-color: #1A1C23; }
    body.dark-only .clockpicker-popover.bottom > .arrow:after {
      border-bottom-color: #22242B; }
  body.dark-only .clockpicker-popover.top > .arrow {
    border-top-color: #1A1C23; }
    body.dark-only .clockpicker-popover.top > .arrow::after {
      border-top-color: #22242B; }
  body.dark-only .clockpicker-popover.left > .arrow {
    border-left-color: #1A1C23; }
    body.dark-only .clockpicker-popover.left > .arrow::after {
      border-left-color: #22242B; }
  body.dark-only .clockpicker-popover .popover-title {
    border-bottom-color: #22242B; }
  body.dark-only .fc-theme-standard .fc-scrollgrid,
  body.dark-only .fc-theme-standard .fc-list {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .fc-theme-standard .fc-list-day-cushion {
    background-color: #1A1C23; }
  body.dark-only .fc .fc-list-event:hover td {
    background-color: #1A1C23; }
  body.dark-only .view-container .apexcharts-canvas .apexcharts-point-annotations circle {
    outline: 25px solid #3e3d7259; }
  body.dark-only .currency-widget div[class*=bg-light-] {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .btn.badge-light-primary:hover {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .portfolio-chart-container .apexcharts-canvas .apexcharts-radialbar image {
    display: none; }
  body.dark-only svg.f-light {
    fill: rgba(255, 255, 255, 0.6);
    opacity: 1; }
  body.dark-only .course-widget .btn-light {
    background-color: #1A1C23 !important; }
  body.dark-only .schedule-list > li {
    box-shadow: 4px 7px 17px 5px rgba(26, 28, 35, 0.2); }
  body.dark-only .upcoming-event-wrap .apexcharts-canvas .apexcharts-data-labels rect {
    fill: none;
    stroke: none; }
  body.dark-only .page-wrapper.advance-layout .page-header {
    background: #22242B; }
  body.dark-only .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper.only-body {
    background: #1A1C23; }
  body.dark-only .balance-card .svg-box {
    background: #22242B;
    box-shadow: none; }
    body.dark-only .balance-card .svg-box svg {
      fill: rgba(255, 255, 255, 0.6); }
  body.dark-only .f-light {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: #22242B;
    color: #fff; }
  body.dark-only .card {
    background-color: #22242B; }
  body.dark-only .ecommerce-widget {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .btn-light {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .form-select {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .add-project .text-inherit {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .knowledgebase-search {
    color: #051A1A; }
    body.dark-only .knowledgebase-search h3 {
      color: #051A1A; }
    body.dark-only .knowledgebase-search .form-control-plaintext {
      color: #051A1A; }
  body.dark-only .toast {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .toast .toast-header {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .toast .toast-dark {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .btn-close {
    filter: brightness(0.8) invert(1); }
  body.dark-only .prooduct-details-box .media {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .product-price del {
    color: #98a6ad; }
  body.dark-only .ProfileCard {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .form-control-plaintext {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .form-select {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only .box-layout {
    background-color: #1A1C23; }
    body.dark-only .box-layout .page-wrapper .page-header .header-wrapper, body.dark-only .box-layout.page-wrapper .page-header .header-wrapper {
      border: 1px solid #1A1C23; }
  body.dark-only .form-check-input {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .checkbox-wrapper li .form-check-input,
  body.dark-only .radio-wrapper li .form-check-input {
    background-color: transparent; }
  body.dark-only .switch-state:before {
    background-color: #22242B; }
  body.dark-only .tooltip.bs-tooltip-top .tooltip-arrow:before {
    border-top-color: #323846; }
  body.dark-only .tooltip.bs-tooltip-bottom .tooltip-arrow:before {
    border-bottom-color: #323846;
    border-top-color: transparent; }
  body.dark-only .tooltip.bs-tooltip-start .tooltip-arrow:before {
    border-left-color: #323846;
    border-top-color: transparent; }
  body.dark-only .tooltip.bs-tooltip-end .tooltip-arrow:before {
    border-right-color: #323846;
    border-top-color: transparent; }
  body.dark-only .tooltip .tooltip-inner {
    background-color: #323846;
    color: #fff; }
  body.dark-only .tooltip .tooltip-arrow:before {
    border-top-color: #323846; }
  body.dark-only .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6:first-child h6 {
    color: rgba(255, 255, 255, 0.5); }
  body.dark-only .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
    background-color: #22242B; }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
    color: #fff; }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
    background-color: #1A1C23 !important; }
    body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
      background-color: #1A1C23;
      border: 1px solid rgba(255, 255, 255, 0.1);
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:last-child {
      border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
    background-color: #1A1C23 !important; }
    body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
      stroke: rgba(255, 255, 255, 0.3); }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
    background-color: #22242B; }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
    color: rgba(255, 255, 255, 0.4);
    border-color: #1A1C23 !important;
    background-color: #1A1C23 !important; }
  body.dark-only .qty-box input {
    color: rgba(255, 255, 255, 0.5); }
  body.dark-only .customizer-contain {
    color: #1A1C23; }
    body.dark-only .customizer-contain .customizer-body .main-layout .box-layout {
      background-color: #fff; }
  body.dark-only .login-dark {
    background-color: #22242B;
    background-blend-mode: overlay; }
    body.dark-only .login-dark .login-main {
      background-color: #323846; }
  body.dark-only .login-card .btn-showcase .btn {
    background-color: #22242B !important;
    color: #fff;
    border-color: #22242B !important; }
  body.dark-only .login-card .login-main {
    box-shadow: 0 0 37px rgba(255, 255, 255, 0.05); }
    body.dark-only .login-card .login-main .theme-form input {
      background-color: #22242B !important; }
    body.dark-only .login-card .login-main .theme-form .or:before {
      background-color: #22242B; }
    body.dark-only .login-card .login-main .theme-form .checkbox label::before {
      background-color: #22242B !important;
      border-color: #22242B !important; }
  body.dark-only .H_ui ~ div {
    background-color: #1A1C23 !important; }
  body.dark-only .swal-icon--success:after,
  body.dark-only .swal-icon--success:before {
    background: #22242B; }
  body.dark-only .swal-icon--success__hide-corners {
    background-color: #22242B; }
  body.dark-only .note-editor.note-frame .note-status-output {
    border-top: 1px solid #22242B; }
  body.dark-only .note-editor.note-frame .note-statusbar {
    border-top: 1px solid #22242B; }
    body.dark-only .note-editor.note-frame .note-statusbar .note-resizebar {
      background-color: #22242B; }
  body.dark-only .light-font {
    color: white; }
  body.dark-only .page-link {
    background-color: #1A1C23;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .b-r-light {
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .history-details .media {
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .modal-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only #right-history {
    background-color: #22242B;
    box-shadow: 0 0 9px #1A1C23; }
    body.dark-only #right-history h6 span a {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .ProfileCard:hover {
    color: rgba(255, 255, 255, 0.6);
    background-color: #22242B; }
  body.dark-only .translate_wrapper.active .more_lang:before {
    border-bottom: 7px solid #22242B; }
  body.dark-only .translate_wrapper.active .more_lang .lang {
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .toggle-sidebar svg {
    stroke: #fff !important; }
  body.dark-only .toggle-sidebar:hover svg {
    color: #fff !important;
    stroke: #fff !important; }
  body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
    background: rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper .page-body-wrapper {
    background-color: #1A1C23; }
    body.dark-only .page-wrapper .page-body-wrapper .page-title {
      background-color: transparent;
      border-bottom: none;
      box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 40px; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
      stroke: #fff !important; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
      fill: rgba(255, 255, 255, 0.5);
      stroke: transparent; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
      stroke: #fff; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
      fill: var(--theme-deafult);
      stroke: transparent; }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg.stroke-icon {
      stroke: var(--theme-deafult); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
      background-color: rgba(0, 102, 102, 0.2); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
        color: var(--theme-deafult); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: var(--theme-deafult); }
  body.dark-only .page-wrapper.modern-type .page-body-wrapper .page-title {
    background-color: transparent;
    border: none; }
  body.dark-only .page-wrapper .sidebar-main-title p {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    background-color: #22242B; }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg {
      stroke: var(--theme-deafult); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
      background-color: rgba(255, 255, 255, 0.2); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
        color: #fff; }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: var(--theme-deafult); }
  body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    background: #22242B;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a {
      background-color: rgba(255, 255, 255, 0.3); }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a span {
        color: #fff !important; }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
      background: #22242B; }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
        color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active, body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
          color: var(--theme-deafult); }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
        background: #22242B; }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
      background: #22242B; }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
    background: #22242B; }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    stroke: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    background-color: #22242B; }
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
    background-color: rgba(0, 102, 102, 0.2); }
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
      color: var(--theme-deafult); }
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
      color: var(--theme-deafult);
      stroke: var(--theme-deafult); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400; }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
    background-color: rgba(255, 255, 255, 0.2); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-deafult); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.material-type .page-header .header-wrapper {
    border-radius: 15px 15px 0 0; }
  body.dark-only .page-wrapper.material-icon .page-header .header-wrapper {
    background-color: transparent; }
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
      color: #fff; }
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
      color: #fff; }
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
      border: 1px solid #1A1C23;
      background: #1A1C23;
      color: #fff; }
  body.dark-only .page-wrapper.material-icon .page-header .header-logo-wrapper {
    background-color: transparent; }
  body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-body {
    background-color: transparent; }
  body.dark-only .page-wrapper.advance-layout {
    background-color: #1A1C23; }
    body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper {
      background: transparent; }
      body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper .header-logo-wrapper {
        background: transparent; }
    body.dark-only .page-wrapper.advance-layout .page-body-wrapper {
      background: transparent; }
      body.dark-only .page-wrapper.advance-layout .page-body-wrapper .page-body {
        background: transparent; }
  body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-title {
    background-color: transparent;
    box-shadow: none;
    border: none; }
  body.dark-only .page-wrapper .page-header .header-wrapper .search-full {
    background-color: #22242B; }
    body.dark-only .page-wrapper .page-header .header-wrapper .search-full input {
      color: rgba(255, 255, 255, 0.6); }
  @media only screen and (min-width: 768px) {
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
      stroke: #fff; } }
  body.dark-only ::-webkit-calendar-picker-indicator {
    filter: invert(1); }
  body.dark-only .kanban-board-header {
    background-color: #1A1C23;
    border-bottom: 1px solid #22242B; }
  body.dark-only .kanban-board .kanban-drag {
    background: #1A1C23; }
  body.dark-only .kanban-container .kanban-item .kanban-box {
    border: 1px solid rgba(0, 102, 102, 0.15);
    background-color: #1A1C23; }
  body.dark-only .project-box {
    border: 1px solid rgba(0, 102, 102, 0.15);
    background-color: #1A1C23; }
  body.dark-only .file-content .form-inline {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .file-content .files .file-box {
    border: 1px solid rgba(0, 102, 102, 0.15);
    background-color: #1A1C23; }
    body.dark-only .file-content .files .file-box .file-top {
      background-color: #22242B;
      border: 1px solid rgba(0, 102, 102, 0.15); }
  body.dark-only .file-content .folder .folder-box {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #1A1C23; }
  body.dark-only .files-content li .files-list .file-left {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #1A1C23; }
  body.dark-only .file-sidebar .pricing-plan {
    border: 1px solid rgba(0, 102, 102, 0.15) !important; }
  body.dark-only .file-sidebar .btn-light {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23 !important;
    border: 1px solid rgba(0, 102, 102, 0.15) !important; }
  body.dark-only #lnb {
    border-right: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .lnb-new-schedule,
  body.dark-only .lnb-calendars > div {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only #menu .sidebar-list .btn-default {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .tui-full-calendar-timegrid-hour {
    background-color: #22242B;
    color: #fff !important; }
  body.dark-only .tui-full-calendar-timegrid-gridline {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .tui-full-calendar-time-date,
  body.dark-only .tui-full-calendar-weekday-grid-line,
  body.dark-only .tui-full-calendar-left,
  body.dark-only .tui-full-calendar-timegrid-timezone {
    border-right-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .tui-full-calendar-popup {
    color: #051A1A; }
  body.dark-only #menu .btn-default {
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only #menu .btn-default:hover {
      color: #051A1A; }
  body.dark-only #menu .dropdown-menu {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .tui-full-calendar-dayname-container,
  body.dark-only .tui-full-calendar-splitter {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only span.tui-full-calendar-dayname-date-area {
    color: #fff !important; }
  body.dark-only .tui-full-calendar-layout {
    background-color: #22242B !important; }
  body.dark-only .blockquote {
    border-left: 4px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .figure.text-end blockquote {
    border-right-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .contacts-tabs .nav-pills {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .contacts-tabs .nav-pills .nav-link + .nav-link {
      border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .list-persons .profile-mail .media .media-body ul li + li {
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-right: unset !important; }
  body.dark-only .product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
    background-color: #22242B; }
  body.dark-only .apexcharts-gridline {
    stroke: #1A1C23; }
  body.dark-only .apexcharts-tooltip-title,
  body.dark-only .apexcharts-tooltip-series-group,
  body.dark-only .apexcharts-tooltip.light,
  body.dark-only .apexcharts-menu-item {
    color: #000; }
  body.dark-only .small-donut ~ svg path:nth-child(even),
  body.dark-only .small-donut svg path:nth-child(even),
  body.dark-only .donut-peity2 ~ svg path:nth-child(even),
  body.dark-only .donut-peity2 svg path:nth-child(even),
  body.dark-only .pie-peity ~ svg path:nth-child(even),
  body.dark-only .pie-peity svg path:nth-child(even) {
    fill: #1A1C23; }
  body.dark-only .appointment-table table tr td.img-content-box .font-roboto {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .notification .card .d-flex .w-100 p span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .notification .card .d-flex .w-100 span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .notification .vertical-more svg {
    filter: invert(1); }
  body.dark-only .datepicker {
    background-color: #323846;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .datepicker .datepicker--cell.-current- {
      color: #006666; }
    body.dark-only .datepicker .datepicker--cell.-current-.-focus- {
      color: #fff; }
    body.dark-only .datepicker .datepicker--cell-day.-other-month-,
    body.dark-only .datepicker .datepicker--cell-year.-other-decade- {
      color: rgba(255, 255, 255, 0.4); }
    body.dark-only .datepicker .datepicker--nav {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .datepicker .datepicker--pointer {
      background: #323846;
      border-top-color: #323846;
      border-right-color: #323846; }
  body.dark-only .default-datepicker .datepicker-inline .datepicker {
    background: #22242B; }
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name,
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day,
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name,
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name.-selected-,
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day.-selected-,
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name.-selected-,
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-selected- {
        color: #fff; }
  body.dark-only [class*='activity-dot-'] {
    background-color: #22242B; }
  body.dark-only .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .progress {
    background-color: #1A1C23 !important; }
  body.dark-only .alert-primary {
    background-color: rgba(0, 102, 102, 0.8) !important;
    border-color: rgba(0, 102, 102, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-primary .progress {
      height: 5px;
      background-color: #006161;
      border-radius: 0; }
    body.dark-only .alert-primary .progress-bar {
      background-color: #66ffff; }
  body.dark-only .alert-primary.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-primary.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-primary.outline .btn-close,
  body.dark-only .alert-primary.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-secondary {
    background-color: rgba(254, 106, 73, 0.8) !important;
    border-color: rgba(254, 106, 73, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-secondary .progress {
      height: 5px;
      background-color: #fe6644;
      border-radius: 0; }
    body.dark-only .alert-secondary .progress-bar {
      background-color: white; }
  body.dark-only .alert-secondary.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-secondary.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-secondary.outline .btn-close,
  body.dark-only .alert-secondary.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-success {
    background-color: rgba(0, 172, 70, 0.8) !important;
    border-color: rgba(0, 172, 70, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-success .progress {
      height: 5px;
      background-color: #00a744;
      border-radius: 0; }
    body.dark-only .alert-success .progress-bar {
      background-color: #acffce; }
  body.dark-only .alert-success.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-success.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-success.outline .btn-close,
  body.dark-only .alert-success.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-danger {
    background-color: rgba(254, 106, 73, 0.8) !important;
    border-color: rgba(254, 106, 73, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-danger .progress {
      height: 5px;
      background-color: #fe6644;
      border-radius: 0; }
    body.dark-only .alert-danger .progress-bar {
      background-color: white; }
  body.dark-only .alert-danger.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-danger.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-danger.outline .btn-close,
  body.dark-only .alert-danger.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-warning {
    background-color: rgba(255, 174, 26, 0.8) !important;
    border-color: rgba(255, 174, 26, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-warning .progress {
      height: 5px;
      background-color: #ffac15;
      border-radius: 0; }
    body.dark-only .alert-warning .progress-bar {
      background-color: white; }
  body.dark-only .alert-warning.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-warning.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-warning.outline .btn-close,
  body.dark-only .alert-warning.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-info {
    background-color: rgba(23, 56, 120, 0.8) !important;
    border-color: rgba(23, 56, 120, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-info .progress {
      height: 5px;
      background-color: #163674;
      border-radius: 0; }
    body.dark-only .alert-info .progress-bar {
      background-color: #a1bbed; }
  body.dark-only .alert-info.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-info.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-info.outline .btn-close,
  body.dark-only .alert-info.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-light {
    background-color: rgba(230, 233, 235, 0.8) !important;
    border-color: rgba(230, 233, 235, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-light .progress {
      height: 5px;
      background-color: #e3e7e9;
      border-radius: 0; }
    body.dark-only .alert-light .progress-bar {
      background-color: white; }
  body.dark-only .alert-light.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-light.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-light.outline .btn-close,
  body.dark-only .alert-light.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-dark {
    background-color: rgba(44, 50, 63, 0.8) !important;
    border-color: rgba(44, 50, 63, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-dark .progress {
      height: 5px;
      background-color: #2a303c;
      border-radius: 0; }
    body.dark-only .alert-dark .progress-bar {
      background-color: #a8b0c2; }
  body.dark-only .alert-dark.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-dark.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-dark.outline .btn-close,
  body.dark-only .alert-dark.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .options > div {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
    background-color: #1A1C23; }
  body.dark-only .pricing-simple {
    box-shadow: 1px 1px 2px 1px #1A1C23 !important; }
  body.dark-only .pricing-block {
    box-shadow: 0 0 10px 5px rgba(0, 102, 102, 0.05) !important; }
  body.dark-only .search-page ul.search-info li + li {
    border-left: 1px solid #1A1C23; }
  body.dark-only .search-page .info-block {
    border: 1px solid rgba(255, 255, 255, 0.2); }
  body.dark-only .browse .browse-articles h6 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .job-search .job-description .theme-form .row div[class^="col-"] .input-group .datepicker-here {
    border: 1px solid #1A1C23; }
  body.dark-only .calendar-wrap .fc-unthemed td,
  body.dark-only .calendar-wrap .fc-unthemed th {
    border-color: #1A1C23; }
  body.dark-only .mega-inline,
  body.dark-only .mega-horizontal,
  body.dark-only .mega-vertical {
    --bs-body-color: rgba(255, 255, 255, 0.6); }
    body.dark-only .mega-inline .card,
    body.dark-only .mega-horizontal .card,
    body.dark-only .mega-vertical .card {
      box-shadow: 1px 1px 7px 0 rgba(255, 255, 255, 0.5) !important; }
    body.dark-only .mega-inline.plain-style .card, body.dark-only .mega-inline.border-style .card, body.dark-only .mega-inline.offer-style .card,
    body.dark-only .mega-horizontal.plain-style .card,
    body.dark-only .mega-horizontal.border-style .card,
    body.dark-only .mega-horizontal.offer-style .card,
    body.dark-only .mega-vertical.plain-style .card,
    body.dark-only .mega-vertical.border-style .card,
    body.dark-only .mega-vertical.offer-style .card {
      box-shadow: none !important; }
    body.dark-only .mega-inline.border-style .card,
    body.dark-only .mega-horizontal.border-style .card,
    body.dark-only .mega-vertical.border-style .card {
      border: 1px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .mega-inline.offer-style .card,
    body.dark-only .mega-horizontal.offer-style .card,
    body.dark-only .mega-vertical.offer-style .card {
      border: 1px dashed rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .setting-dot .setting-bg {
    background-color: var(--theme-secondary); }
  body.dark-only .bookmark.pull-right {
    border: none; }
  body.dark-only .popover {
    background-color: #1A1C23; }
    body.dark-only .popover.bs-popover-bottom .popover-arrow:after {
      border-bottom-color: #1A1C23;
      border-right-color: transparent; }
    body.dark-only .popover.bs-popover-top .popover-arrow:after {
      border-right-color: transparent;
      border-top-color: #1A1C23; }
    body.dark-only .popover.bs-popover-start .popover-arrow:after {
      border-left-color: #1A1C23; }
    body.dark-only .popover .popover-header {
      background-color: #22242B; }
    body.dark-only .popover .popover-arrow:after {
      border-right-color: #1A1C23; }
    body.dark-only .popover .popover-body {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .popover code {
      background-color: unset; }
  body.dark-only .apex-chart-container .apexcharts-legend .apexcharts-legend-series span {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .quick-file li .quick-box {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-canvas svg .apexcharts-title-text {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-subtitle-text {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-xaxis-label {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-legend-series span {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-label {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-value {
    fill: #fff; }
  body.dark-only .Typeahead-menu {
    background-color: #1A1C23; }
  body.dark-only .ecommerce-widget {
    border: 1px solid #1A1C23; }
  body.dark-only .bookmark ul li .search-form .form-control-search input {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .bookmark ul li .search-form .form-control-search:before {
    background: #1A1C23; }
  body.dark-only .cart .qty-box .input-group .btn {
    background-color: #2e3648 !important;
    border-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .checkout .checkout-details {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    padding: 40px; }
    body.dark-only .checkout .checkout-details .animate-chk .radio_animated:after {
      border: 2px solid #22242B; }
  body.dark-only .order-box .title-box {
    color: #bfc2c6;
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .order-box .qty {
    border-bottom: 1px solid #1A1C23; }
    body.dark-only .order-box .qty li {
      color: #bfc2c6; }
      body.dark-only .order-box .qty li span {
        color: #bfc2c6; }
  body.dark-only .order-box .sub-total li {
    color: #bfc2c6; }
  body.dark-only .order-box .total li {
    color: #bfc2c6; }
  body.dark-only .shopping-checkout-option .checkbox_animated:after {
    border: 2px solid #22242B; }
  body.dark-only .animate-chk .radio_animated:after {
    border: 2px solid #1A1C23; }
  body.dark-only .custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(41, 50, 64, 0.52); }
  body.dark-only .product-box .product-img .product-hover ul li .btn {
    color: #98a6ad; }
  body.dark-only .product-box .product-img .product-hover ul li:hover .btn {
    color: #fff; }
  body.dark-only .radio_animated:after,
  body.dark-only .checkbox_animated:after {
    background: #1A1C23;
    border: 2px solid #1A1C23; }
  body.dark-only .slider-product {
    border-top: 1px solid #1A1C23;
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .icon-menu-header svg {
    filter: invert(1); }
  body.dark-only .square-product-setting .icon-grid {
    background-color: #22242B; }
    body.dark-only .square-product-setting .icon-grid svg {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .active-order-table table thead tr th,
  body.dark-only .market-table table thead tr th {
    border-top: none !important; }
  body.dark-only .active-order-table table tbody tr td,
  body.dark-only .market-table table tbody tr td {
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .active-order-table table tbody tr:last-child td,
  body.dark-only .market-table table tbody tr:last-child td {
    border-bottom: none; }
  body.dark-only .pricing-card-design-2 .pricing-block .pricing-inner ul li {
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .flot-chart-container .legend .table tbody {
    background-color: #22242B;
    color: #fff; }
    body.dark-only .flot-chart-container .legend .table tbody .legendLabel {
      padding-left: 5px; }
  body.dark-only .google-visualization-tooltip text {
    fill: rgba(0, 0, 0, 0.7) !important; }
  body.dark-only .nav-dark .nav-link,
  body.dark-only .nav-pills.nav-dark .nav-link {
    color: #fff; }
  body.dark-only .loader-wrapper {
    background-color: #1A1C23; }
    body.dark-only .loader-wrapper .loader {
      background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .input-icon::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .card-header .sales-chart-dropdown-select .card-header-right-icon .dropdown .dropdown-toggle {
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .card-header .sales-chart-dropdown-select .card-header-right-icon .dropdown .dropdown-menu .dropdown-item {
    background-color: #1a1c23;
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7);
    opacity: 1; }
  body.dark-only .page-wrapper {
    /* Main Header start */
    /* Main Header ends */ }
    body.dark-only .page-wrapper .sidebar-main-title h6 {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-header .translate_wrapper.active .more_lang {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .page-header .translate_wrapper.active .lang {
      background-color: #22242B; }
    body.dark-only .page-wrapper .page-header form {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .page-header .header-wrapper {
      background-color: #1A1C23; }
      body.dark-only .page-wrapper .page-header .header-wrapper li i {
        color: #E6E9EB; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li svg {
        fill: rgba(255, 255, 255, 0.3);
        stroke: rgba(255, 255, 255, 0.3); }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right.right-header > ul > li .profile-media .media-body p {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .user-message a {
        color: #fff !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .notification-card a {
        color: #fff !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .media .media-body .txt-dark {
        color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li.notification-box a {
        color: #fff !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div {
        background-color: #1A1C23;
        box-shadow: 0 0 14px #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div li {
          border-color: rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div p {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:before {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:after {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div .card .card-header {
          background-color: #22242B;
          border-color: rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div .card .card-footer {
          border-color: rgba(255, 255, 255, 0.1);
          background-color: #22242B; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li {
        background-color: #22242B; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li span {
          color: #98a6ad; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div .bg-light {
        background-color: #282e38 !important;
        color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
        color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg path,
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg line,
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg circle {
          color: rgba(255, 255, 255, 0.6) !important; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover {
          color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg line,
          body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg path,
          body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg circle {
            color: var(--theme-deafult) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .media .media-body .txt-dark {
        color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div {
        background-color: #1A1C23;
        box-shadow: 0 0 2px 2px #22242B; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div:before {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div:after {
          border-bottom: 7px solid #1A1C23; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
        background-color: #22242B; }
    body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-dark {
      display: none; }
    body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-light {
      display: block; }
    body.dark-only .page-wrapper .page-body-wrapper {
      /* body start*/ }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .header-small {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .statistics p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .media-body p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .professor-block p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .media-body p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .professor-block p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .logs-element span + span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-block .progress-title span + span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .ecommerce-icons div span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .new-users .media .media-body p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .recent-notification .media .media-body p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .media .media-body span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .progress-change span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td {
        border-top: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr:last-child td {
        border-bottom: none; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .notifiaction-media .media .media-body .circle-left {
        border: 5px solid #334154; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner {
        border-bottom: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner:last-child {
          border-bottom: none; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table table tbody tr td {
        border-top: none !important; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .number-widgets .media .media-body h6 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.gradient-line-1:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.small-line:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.medium-line:after {
        background-color: #1A1C23; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .media-body h6 span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .card.custom-card .card-header {
        border-bottom: none !important; }
      body.dark-only .page-wrapper .page-body-wrapper .custom-card .card-header img {
        background-color: #000;
        opacity: 0.8; }
      body.dark-only .page-wrapper .page-body-wrapper .page-title .row h3 small {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        stroke: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .fc-theme-standard td {
        border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
      body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main {
        border-top-color: rgba(255, 255, 255, 0.1);
        border-right-color: rgba(255, 255, 255, 0.1);
        border-bottom-color: rgba(255, 255, 255, 0.1); }
      body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-sticky .fc-task-text-box .fc-task-text {
        color: #fff; }
      body.dark-only .page-wrapper .page-body-wrapper .fc-timegrid-event-harness-inset .fc-timegrid-event {
        box-shadow: none; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body {
        background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card:not(.email-body) {
          border: none; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) {
          color: rgba(255, 255, 255, 0.7);
          background-color: #22242B;
          box-shadow: 1px 1px 2px 1px rgba(29, 28, 28, 0.08);
          border: 1px solid rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.widget-1:not(.email-body) {
            background-color: #1b1d24;
            background-blend-mode: overlay; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card.widget-1:not(.email-body) .widget-round .bg-round {
              box-shadow: 1px 2px 21px -2px rgba(14, 14, 16, 0.83); }
              body.dark-only .page-wrapper .page-body-wrapper .page-body .card.widget-1:not(.email-body) .widget-round .bg-round .half-circle {
                background: rgba(49, 53, 66, 0); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.social-profile:not(.email-body) {
            background-blend-mode: overlay;
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr td {
            color: #051A1A; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table thead .border-bottom-light th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table thead .border-bottom-light td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table tbody .border-bottom-light th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table tbody .border-bottom-light td {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.trending-card:not(.email-body) {
            background-color: #010314; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.explore-card:not(.email-body) {
            background-color: #22242B;
            background-blend-mode: overlay; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.balance-box:not(.email-body) {
            background-blend-mode: overlay;
            background-color: #16171c; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg > rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg > g text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg > g > rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg > g > text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header {
            background-color: transparent;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header > span {
              color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h1,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h2,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h3,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h4,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h5,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h6 {
              color: #fff; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right {
              background-color: #22242B; }
              body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i {
                color: rgba(255, 255, 255, 0.6); }
                body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i.fa-cog {
                  color: var(--theme-deafult); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header.note-toolbar {
              background-color: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark {
            color: #98a6ad; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark a {
              color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline-2x,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.inverse {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #animation-box .animate-widget p {
            color: #98a6ad !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .grid-item img {
            background-color: #22242B;
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .line {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) thead,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tbody,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tfoot,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tr,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) th {
            border-color: rgba(255, 255, 255, 0.03); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table td {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead th {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead .border-bottom-primary th {
            border-bottom: 1px solid var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger td {
            color: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-primary,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-secondary,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-success,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-info,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-warning,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-danger {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-light {
            color: #000; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .thead-light th {
            color: #000; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary td {
            border-bottom: 1px solid var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*='bg-'] th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*='bg-'] td {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd) {
            --bs-table-accent-bg: rgba(0, 0, 0, 0.05); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover th,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover td {
              color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-double,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dotted,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dashed {
            border-left-color: rgba(255, 255, 255, 0.1);
            border-right-color: rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered {
            border-color: rgba(255, 255, 255, 0.1) !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered td,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered th {
              border-color: rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-inverse tbody tr:nth-of-type(odd):hover td {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical tr,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical td {
            border-right: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody td {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-footer {
            background-color: #22242B;
            border-top: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch .switch-state {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch input:checked + .switch-state {
            background-color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bg-white {
            background-color: #22242B !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-l-light {
            border-left: 1px solid #1A1C23 !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-grid {
            stroke: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-label {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) hr {
            border-top: 1px solid rgba(255, 255, 255, 0.3); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .text-muted {
            color: rgba(255, 255, 255, 0.6) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-dark,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light-2x {
            color: #fff !important;
            border: 2px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x {
            border: 2px solid #fff !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:hover, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:focus {
              color: #051A1A; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light:hover {
            color: #000 !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right {
            border-right: 1px solid rgba(255, 255, 255, 0.3) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder .flot-text {
            color: rgba(255, 255, 255, 0.6) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder svg text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #gantt_chart.chart-overflow svg g rect:first-child {
            fill: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #gantt_chart.chart-overflow rect:nth-child(6) {
            fill: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #line-chart.chart-overflow rect, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #column-chart1.chart-overflow rect, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #column-chart2.chart-overflow rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > g > g > g text {
            fill: #b1b1b2; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > g > text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .radial-bar:after {
            background-color: #22242B;
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num {
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num .color-bottom {
              color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-r-light {
            border-right: 1px solid rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-labels .ct-label,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-labels .ct-label,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-labels .ct-label,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-labels .ct-label {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-grid,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-grid,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-grid,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-grid {
            stroke: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #browser-uses-chart svg text,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #website-visiter-chart svg text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 {
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 span {
              color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details span {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .clipboaard-container .form-control {
            background-color: #1A1C23;
            color: #98a6ad;
            border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .img-thumbnail {
            background-color: #1A1C23;
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper button {
            color: #000; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper.no-footer .dataTables_scrollBody {
            border-bottom: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-danger,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-success,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-primary {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length select {
            background-color: #1A1C23;
            color: rgba(255, 255, 255, 0.6);
            border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_info,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_processing,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate {
            border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter input[type="search"] {
            background-color: #1A1C23;
            border: 1px solid #1A1C23;
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr {
            background-color: #22242B; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover > .sorting_1,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr:hover > .sorting_1 {
              background-color: #1c212b; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd {
            background-color: #1f232b; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd > .sorting_1,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
              background-color: #1c212b; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
            background-color: #22262f; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable {
            border: 1px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead th,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead td {
              border-bottom: 2px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable input,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable select {
              background-color: #1A1C23;
              color: rgba(255, 255, 255, 0.6);
              border: 1px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody tr {
              background-color: #22242B; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody td.select-checkbox:before,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody th.select-checkbox:before {
              border: 1px solid #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .table-striped tbody tr:nth-of-type(odd) {
            --bs-table-accent-bg: #1d1e26; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button {
            color: rgba(255, 255, 255, 0.6) !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.current, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button:active {
              border-color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
            color: #98a6ad !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled :active {
              color: #98a6ad !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody td {
            border-top: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even:hover > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
            background-color: #191e27; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.hover tbody tr:hover,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover {
            background-color: #1c212b; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td {
            border-top: 1px solid #1A1C23;
            border-right: 1px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th:first-child,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td:first-child {
              border-left: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_2,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_3,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_2,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_3 {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #example-style-3_wrapper #example-style-3 tfoot {
            border-top: 2px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link {
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.disabled .page-link {
            background-color: #22242B;
            border-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link {
            color: rgba(255, 255, 255, 0.6);
            background-color: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item:hover .page-link {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.active .page-link {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .icon {
            color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num {
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num span {
              color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget span {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-container-small {
            background-color: #22242B;
            border-top: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td span,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td p {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table h6 {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs {
            border: none; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-item .nav-link {
              color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link.active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:focus, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:hover {
              color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a {
            background-color: #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-selected {
              background-color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a {
            border: 2px solid #1A1C23;
            background-color: #22242B;
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-selected {
              border: 2px solid var(--theme-deafult);
              color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-selected:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-active:after,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-selected:after,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-active:after {
            color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .scroll-demo {
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form input {
            border: 1px solid #1A1C23;
            color: rgba(255, 255, 255, 0.6);
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form .form-group:before {
            background: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-content {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(odd) .cd-timeline-content::before {
            border-left-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
            border-right-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .breadcrumb.bg-white {
            background-color: #22242B !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris-daily svg,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris svg,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #browser-uses-chart svg,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #website-visiter-chart svg {
            opacity: 0.5; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body #viewhtml .render {
          background-color: #22242B;
          color: rgba(255, 255, 255, 0.6);
          border-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .wizard-4 ul.anchor li a.disabled {
          color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description h4 {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description a > div {
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description p {
          color: #98a6ad; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-header {
          background-color: #22242B;
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell {
          background: #22242B;
          border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell input,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell input,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell input,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell input {
            background-color: #1A1C23;
            border-color: #1A1C23;
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell input:focus,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell input:focus,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell input:focus,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell input:focus {
              outline: none; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row select,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row select {
          background-color: #1A1C23;
          border-color: #1A1C23;
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-row > .jsgrid-cell {
          background-color: #22242B; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-alt-row > .jsgrid-cell {
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-body {
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-selected-row > .jsgrid-cell {
          background-color: #1c212b; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager [class*="jsgrid-pager"] {
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager .jsgrid-pager-page a {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-pager-current-page {
          color: rgba(255, 255, 255, 0.6);
          font-weight: 700; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .sub-title {
          border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .card .sub-title {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a {
          color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a:hover {
            color: var(--theme-deafult); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon .separator {
          border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according li .text-muted {
          color: rgba(255, 255, 255, 0.6) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon.default-according.style-1 li button:hover {
          color: var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li a {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover {
          color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover a {
            color: var(--theme-deafult); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div {
          background-color: #1A1C23;
          box-shadow: 0 0 14px 0 #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li p {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg path,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg line,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polyline,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polygon,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg rect {
            color: rgba(255, 255, 255, 0.6) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg path,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg line,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polyline,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polygon,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg rect {
            color: var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .onhover-dropdown:hover .onhover-show-div:before {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .btn-link {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body {
          color: #98a6ad; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body {
          border: 1px solid rgba(255, 255, 255, 0.1);
          border-top: none; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border {
          border: 1px solid rgba(255, 255, 255, 0.1) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-1 {
          border: 1px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-2 {
          border: 2px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .grid-showcase span.border-2 {
          border: 2px solid rgba(255, 255, 255, 0.1) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-3 {
          border: 3px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-4 {
          border: 4px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-5 {
          border: 5px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-6 {
          border: 6px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-7 {
          border: 7px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-8 {
          border: 8px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-9 {
          border: 9px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-10 {
          border: 10px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-primary {
          border: none !important;
          border-top: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-primary {
          border: none !important;
          border-bottom: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-primary {
          border: none !important;
          border-left: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-primary {
          border: none !important;
          border-right: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-primary {
          border: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-secondary {
          border: none !important;
          border-top: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-secondary {
          border: none !important;
          border-bottom: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-secondary {
          border: none !important;
          border-left: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-secondary {
          border: none !important;
          border-right: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-secondary {
          border: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-success {
          border: none !important;
          border-top: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-success {
          border: none !important;
          border-bottom: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-success {
          border: none !important;
          border-left: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-success {
          border: none !important;
          border-right: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-success {
          border: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-danger {
          border: none !important;
          border-top: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-danger {
          border: none !important;
          border-bottom: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-danger {
          border: none !important;
          border-left: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-danger {
          border: none !important;
          border-right: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-danger {
          border: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-warning {
          border: none !important;
          border-top: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-warning {
          border: none !important;
          border-bottom: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-warning {
          border: none !important;
          border-left: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-warning {
          border: none !important;
          border-right: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-warning {
          border: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-info {
          border: none !important;
          border-top: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-info {
          border: none !important;
          border-bottom: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-info {
          border: none !important;
          border-left: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-info {
          border: none !important;
          border-right: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-info {
          border: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-light {
          border: none !important;
          border-top: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-light {
          border: none !important;
          border-bottom: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-light {
          border: none !important;
          border-left: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-light {
          border: none !important;
          border-right: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-light {
          border: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-dark {
          border: none !important;
          border-top: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-dark {
          border: none !important;
          border-bottom: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-dark {
          border: none !important;
          border-left: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-dark {
          border: none !important;
          border-right: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-dark {
          border: 1px solid #2c323f !important; }
      body.dark-only .page-wrapper .page-body-wrapper .footer {
        border-top: 1px solid #1A1C23;
        background-color: #22242B; }
        body.dark-only .page-wrapper .page-body-wrapper .footer p {
          color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .custom-select,
      body.dark-only .page-wrapper .page-body-wrapper .custom-file-label {
        background: #1A1C23;
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .footer-fix {
        background-color: #22242B;
        border-top: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .note textarea {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .dt-button-info {
      background-color: #22242B;
      border: 1px solid #98a6ad; }
      body.dark-only .page-wrapper .dt-button-info h2 {
        background-color: #22242B; }
    body.dark-only .page-wrapper pre {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .scorlled {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .input-group-air {
      box-shadow: 0 3px 20px 0 #1A1C23; }
    body.dark-only .page-wrapper .input-group-text {
      background-color: #22242B;
      border: 1px solid #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .input-group-text i {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .input-group-solid .input-group-text,
    body.dark-only .page-wrapper .input-group-solid .form-control {
      background: #1A1C23;
      border: 1px solid #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .semilight-bg-color,
    body.dark-only .page-wrapper .header-bg-color {
      background-color: #fff; }
    body.dark-only .page-wrapper .list-group-item {
      background-color: #22242B;
      border: 1px solid rgba(255, 255, 255, 0.3);
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .list-group-item + .list-group-item {
        border-top-width: 0; }
      body.dark-only .page-wrapper .list-group-item.active {
        background-color: var(--theme-deafult) !important;
        border-color: var(--theme-deafult);
        color: #fff; }
      body.dark-only .page-wrapper .list-group-item:hover, body.dark-only .page-wrapper .list-group-item:focus {
        z-index: 1;
        text-decoration: none; }
    body.dark-only .page-wrapper .list-group-item-action:hover:not(.active), body.dark-only .page-wrapper .list-group-item-action:focus {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .list-group-flush .list-group-item {
      border-left: 0;
      border-right: 0;
      border-radius: 0; }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-primary {
      border-left: 4px solid var(--theme-deafult); }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-secondary {
      border-left: 4px solid var(--theme-secondary); }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-warning {
      border-left: 4px solid #FFAE1A; }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-success {
      border-left: 4px solid #00AC46; }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-info {
      border-left: 4px solid #173878; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-primary {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-secondary {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-warning {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-success {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-info {
      border-left: none; }
    body.dark-only .page-wrapper .list-group-item-primary {
      color: #004085;
      background-color: #b8daff; }
    body.dark-only .page-wrapper .list-group-item-secondary {
      color: #383d41;
      background-color: #d6d8db; }
    body.dark-only .page-wrapper .list-group-item-success {
      color: #155724;
      background-color: #c3e6cb; }
    body.dark-only .page-wrapper .list-group-item-danger {
      color: #721c24;
      background-color: #f5c6cb; }
    body.dark-only .page-wrapper .list-group-item-warning {
      color: #856404;
      background-color: #ffeeba; }
    body.dark-only .page-wrapper .list-group-item-info {
      color: #0c5460;
      background-color: #bee5eb; }
    body.dark-only .page-wrapper .list-group-item-light {
      color: #818182;
      background-color: #fdfdfe; }
    body.dark-only .page-wrapper .list-group-item-dark {
      color: #1b1e21;
      background-color: #c6c8ca; }
    body.dark-only .page-wrapper .auth-bg {
      background-blend-mode: overlay;
      background-color: rgba(54, 64, 74, 0.9); }
      body.dark-only .page-wrapper .auth-bg .authentication-box .card {
        background-color: #22242B; }
        body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group input {
          color: rgba(255, 255, 255, 0.6);
          background-color: #1A1C23;
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group label {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label {
          color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label::before {
            background-color: #1A1C23;
            border: 1px solid #1A1C23; }
      body.dark-only .page-wrapper .auth-bg .authentication-box h3,
      body.dark-only .page-wrapper .auth-bg .authentication-box h4,
      body.dark-only .page-wrapper .auth-bg .authentication-box h6 {
        color: #fff; }
    body.dark-only .page-wrapper .auth-bg-video {
      background-blend-mode: overlay;
      background-color: rgba(54, 64, 74, 0.7); }
      body.dark-only .page-wrapper .auth-bg-video .authentication-box h4,
      body.dark-only .page-wrapper .auth-bg-video .authentication-box h3 {
        color: #fff; }
      body.dark-only .page-wrapper .auth-bg-video .authentication-box h6 {
        color: #98a6ad; }
      body.dark-only .page-wrapper .auth-bg-video .authentication-box .card {
        background-color: #22242B; }
        body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type=text],
        body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type=password] {
          background-color: #1A1C23;
          border: 1px solid #1A1C23;
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .checkbox label::before {
          background-color: #1A1C23;
          border: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i {
      color: #1A1C23; }
    body.dark-only .page-wrapper .error-wrapper .maintenance-icons li:nth-child(3) i {
      color: #1A1C23; }
    body.dark-only .page-wrapper .modal-content {
      background-color: #22242B; }
      body.dark-only .page-wrapper .modal-content .modal-header {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
        body.dark-only .page-wrapper .modal-content .modal-header .modal-title {
          color: #fff; }
        body.dark-only .page-wrapper .modal-content .modal-header .close {
          color: #98a6ad; }
      body.dark-only .page-wrapper .modal-content .modal-footer {
        border-top: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .comingsoon {
      background-blend-mode: overlay;
      background-color: rgba(54, 64, 74, 0.9); }
      body.dark-only .page-wrapper .comingsoon .comingsoon-inner h5 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown {
        border-top: 1px solid #1A1C23;
        border-bottom: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown .title {
          color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .comingsoon .comingsoon-inner .coming-soon-bottom-link a {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .theme-form .login-divider {
      border-top: 1px solid #1A1C23; }
      body.dark-only .page-wrapper .theme-form .login-divider:before {
        background: #1A1C23;
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .authentication-main {
      background-color: #1A1C23; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .card {
        background-color: #22242B; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .reset-password-link {
        color: #98a6ad; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group label {
        color: #98a6ad; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group .form-control {
        background-color: #1A1C23;
        color: rgba(255, 255, 255, 0.6);
        border-color: #1A1C23; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .opt-box {
        background-color: #1A1C23; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h4 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h6 {
        color: #98a6ad; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h3 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card {
        background-color: #22242B; }
        body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type=text],
        body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type=password] {
          background-color: #1A1C23;
          border: 1px solid #1A1C23;
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .checkbox label::before {
          background-color: #1A1C23;
          border: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .vertical-menu-main {
      background-color: #22242B; }
    body.dark-only .page-wrapper .mega-menu .title {
      color: rgba(255, 255, 255, 0.6);
      border-bottom: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .mega-menu .list-unstyled div a:hover {
      color: var(--theme-deafult); }
    body.dark-only .page-wrapper .default-according .card {
      background-color: #22242B; }
      body.dark-only .page-wrapper .default-according .card .btn-link {
        background-color: #22242B;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: none;
        color: #fff; }
      body.dark-only .page-wrapper .default-according .card .text-muted {
        color: #98a6ad !important; }
    body.dark-only .page-wrapper .default-according .bg-primary .btn-link {
      background-color: var(--theme-deafult);
      border: 1px solid var(--theme-deafult); }
    body.dark-only .page-wrapper .default-according .bg-secondary .btn-link {
      background-color: var(--theme-secondary);
      border: 1px solid var(--theme-secondary); }
    body.dark-only .page-wrapper .collapse .card-body {
      background-color: #22242B; }
    body.dark-only .page-wrapper .balance-widget.card-body {
      background-color: #22242B;
      background-blend-mode: overlay; }
    @media screen and (max-width: 1660px) {
      body.dark-only .page-wrapper .caller-img img {
        opacity: 0.7; } }
    @media only screen and (max-width: 1199px) {
      body.dark-only .page-wrapper .mobile-title.d-none {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      body.dark-only .page-wrapper .chat-menu {
        border-top: 1px solid #1A1C23;
        background-color: #22242B; }
      body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i {
        color: #2c323f; } }
    @media only screen and (max-width: 575.98px) {
      body.dark-only .page-wrapper .user-profile .hovercard .info .user-designation {
        border-top: 1px solid #1A1C23;
        border-bottom: 1px solid #1A1C23; }
      body.dark-only .page-wrapper .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, body.dark-only .page-wrapper .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
        border-right: 1px solid rgba(255, 255, 255, 0.1); } }
  body.dark-only .lg-backdrop {
    background-color: #1A1C23; }
  body.dark-only .lg-outer .lg-thumb-outer {
    background-color: #22242B; }
  body.dark-only .drag {
    background-color: #22242B; }
    body.dark-only .drag form {
      background: #22242B;
      box-shadow: 0 0 30px #1A1C23;
      border: 1px dotted #1A1C23; }
      body.dark-only .drag form input {
        background-color: #1A1C23;
        border: 1px solid #1A1C23;
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .drag form .help-block {
        text-transform: capitalize;
        color: #98a6ad; }
  body.dark-only .draggable input {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid #1A1C23; }
  body.dark-only .draggable p {
    color: #98a6ad; }
  body.dark-only .draggable select {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid #1A1C23; }
  body.dark-only .draggable .radio label::before,
  body.dark-only .draggable .checkbox label::before {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only .select2-container--default .select2-selection--multiple,
  body.dark-only .select2-container--default .select2-selection--single {
    background-color: #1A1C23;
    border: 1px solid #1A1C23 !important; }
  body.dark-only .select2-container--default .select2-search--inline .select2-search__field {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #22242B !important;
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .select2-dropdown {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only .select2-drpdwn .form-control-primary {
    border-color: var(--theme-deafult) !important;
    color: var(--theme-deafult) !important; }
  body.dark-only .select2-drpdwn .form-control-secondary {
    border-color: var(--theme-secondary) !important;
    color: var(--theme-secondary) !important; }
  body.dark-only .select2-drpdwn .form-control-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important; }
  body.dark-only .select2-drpdwn .form-control-info {
    border-color: #173878 !important;
    color: #173878 !important; }
  body.dark-only .select2-drpdwn .form-control-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important; }
  body.dark-only .select2-drpdwn .form-control-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important; }
  body.dark-only .select2-drpdwn .form-control-inverse {
    border-color: #fff !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-primary-fill {
    background-color: var(--theme-deafult) !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-secondary-fill {
    background-color: var(--theme-secondary) !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-success-fill {
    background-color: #00AC46 !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-info-fill {
    background-color: #173878 !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-warning-fill {
    background-color: #FFAE1A !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-danger-fill {
    background-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-inverse-fill {
    background-color: #fff !important;
    color: #000 !important; }
  body.dark-only .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #1A1C23; }
  body.dark-only .theme-form .form-group select.form-control:not([size]):not([multiple]) {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border-color: #1A1C23; }
  body.dark-only .theme-form .form-group input[type=text],
  body.dark-only .theme-form .form-group input[type=email],
  body.dark-only .theme-form .form-group input[type=search],
  body.dark-only .theme-form .form-group input[type=password],
  body.dark-only .theme-form .form-group input[type=number],
  body.dark-only .theme-form .form-group input[type=tel],
  body.dark-only .theme-form .form-group input[type=date],
  body.dark-only .theme-form .form-group input[type=datetime-local],
  body.dark-only .theme-form .form-group input[type=time],
  body.dark-only .theme-form .form-group input[type=datetime-local],
  body.dark-only .theme-form .form-group input[type=month],
  body.dark-only .theme-form .form-group input[type=week],
  body.dark-only .theme-form .form-group input[type=url],
  body.dark-only .theme-form .form-group input[type=file],
  body.dark-only .theme-form .form-group select {
    border-color: #1A1C23;
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .theme-form .form-group input[type=text]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=email]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=search]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=password]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=number]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=tel]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=date]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=datetime-local]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=time]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=datetime-local]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=month]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=week]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=url]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=file]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group select::-webkit-input-placeholder {
      color: #98a6ad; }
  body.dark-only .theme-form .form-group .form-control {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .theme-form .form-group textarea {
    border-color: #1A1C23; }
  body.dark-only .theme-form .form-divider {
    border-top: 1px solid #1A1C23; }
    body.dark-only .theme-form .form-divider::before {
      background: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .CodeMirror {
    background: #22242B;
    border: 1px solid #98a6ad;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .CodeMirror .CodeMirror-code pre {
      background: #22242B; }
  body.dark-only .editor-toolbar {
    border-top: 1px solid #98a6ad;
    border-left: 1px solid #98a6ad;
    border-right: 1px solid #98a6ad; }
    body.dark-only .editor-toolbar a {
      color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .editor-toolbar a:hover, body.dark-only .editor-toolbar a.active {
        background: #1A1C23; }
    body.dark-only .editor-toolbar i.separator {
      border-left: 1px solid #98a6ad;
      border-right: 1px solid #98a6ad; }
    body.dark-only .editor-toolbar.fullscreen::before {
      background: linear-gradient(to right, #1A1C23 0, rgba(0, 0, 0, 0) 100%); }
    body.dark-only .editor-toolbar.fullscreen::after {
      background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, #1A1C23 100%); }
  body.dark-only .editor-toolbar.disabled-for-preview a:not(.no-disable) {
    background: #1A1C23; }
  body.dark-only .editor-preview {
    background-color: #22242B; }
  body.dark-only .editor-toolbar.fullscreen,
  body.dark-only .editor-preview-side {
    background: #22242B;
    border: 1px solid #98a6ad; }
  body.dark-only .u-step {
    background: #1A1C23; }
    body.dark-only .u-step.active, body.dark-only .u-step.current {
      background: var(--theme-deafult);
      color: #fff; }
  body.dark-only .u-step-title,
  body.dark-only .u-pearl-title {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .u-step-number {
    background-color: #22242B; }
  body.dark-only .u-pearl:before {
    background-color: #1A1C23; }
  body.dark-only .u-pearl-number,
  body.dark-only .u-pearl-icon {
    background: #1A1C23;
    border: 2px solid #1A1C23; }
  body.dark-only .u-pearl.disabled .u-pearl-icon,
  body.dark-only .u-pearl.disabled .u-pearl-number {
    background: #1A1C23;
    border: 2px solid #1A1C23; }
  body.dark-only .u-pearl.disabled:after {
    background-color: #334053; }
  body.dark-only .u-pearl.error:after {
    background-color: #1A1C23; }
  body.dark-only .note-editor.note-frame {
    border-color: #1A1C23; }
    body.dark-only .note-editor.note-frame .note-editing-area .note-editable {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .swal-modal {
    background-color: #22242B; }
    body.dark-only .swal-modal .swal-title {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .swal-modal .swal-text {
      color: #98a6ad; }
    body.dark-only .swal-modal .swal-content__input {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .nav-tabs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .nav-tabs .nav-link {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .nav-tabs .nav-link.active {
        background-color: #22242B;
        color: rgba(255, 255, 255, 0.6);
        border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) #22242B; }
      body.dark-only .nav-tabs .nav-link:hover, body.dark-only .nav-tabs .nav-link:focus {
        border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) #323846; }
    body.dark-only .nav-tabs .nav-item.show .nav-link {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6);
      border-color: #1A1C23 #1A1C23 #22242B; }
  body.dark-only .nav-primary .nav-link.active {
    background-color: var(--theme-deafult); }
  body.dark-only .nav-primary .nav-item.show .nav-link {
    background-color: var(--theme-deafult); }
  body.dark-only .custom-tab.nav-tabs {
    border-bottom: none; }
  body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.active, body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.focus, body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.hover {
    border-color: #22242B #1A1C23 #1A1C23; }
  body.dark-only .border-tab .nav-link.active {
    background-color: transparent; }
  body.dark-only .border-tab .show > .nav-link {
    background-color: transparent; }
  body.dark-only .email-wrap .media-body h6 {
    color: #fff; }
  body.dark-only .email-wrap .media-body p {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .email-wrap .email-app-sidebar ul li a > .title {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .email-wrap .main-menu > li a:hover {
    background-color: #1A1C23; }
  body.dark-only .email-wrap .main-menu > li a:active {
    background-color: #1A1C23; }
  body.dark-only .border-tab.nav-left .nav-link,
  body.dark-only .border-tab.nav-right .nav-link {
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .border-tab.nav-left .nav-link.active,
    body.dark-only .border-tab.nav-right .nav-link.active {
      color: var(--theme-deafult); }
  body.dark-only .border-tab.nav-left .show > .nav-link,
  body.dark-only .border-tab.nav-right .show > .nav-link {
    color: var(--theme-deafult); }
  body.dark-only .border-tab.nav-left.nav-secondary .nav-link.active, body.dark-only .border-tab.nav-left.nav-secondary .nav-link:focus, body.dark-only .border-tab.nav-left.nav-secondary .nav-link:hover {
    border-left-color: var(--theme-secondary);
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-left.nav-secondary .show > .nav-link {
    border-left-color: var(--theme-secondary);
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-left.nav-secondary .nav-item.show {
    color: var(--theme-secondary) !important;
    border-left-color: var(--theme-secondary); }
  body.dark-only .border-tab.nav-left.nav-success .nav-link.active, body.dark-only .border-tab.nav-left.nav-success .nav-link:focus, body.dark-only .border-tab.nav-left.nav-success .nav-link:hover {
    color: #00AC46 !important; }
  body.dark-only .border-tab.nav-left.nav-success .show > .nav-link {
    border-left-color: #00AC46;
    color: #00AC46 !important; }
  body.dark-only .border-tab.nav-left.nav-success .nav-item.show {
    color: #00AC46 !important;
    border-left-color: #00AC46; }
  body.dark-only .border-tab.nav-right.nav-info .nav-link.active, body.dark-only .border-tab.nav-right.nav-info .nav-link:focus, body.dark-only .border-tab.nav-right.nav-info .nav-link:hover {
    color: #173878 !important; }
  body.dark-only .border-tab.nav-right.nav-info .show > .nav-link {
    border-left-color: #173878;
    color: #173878 !important; }
  body.dark-only .border-tab.nav-right.nav-info .nav-item.show {
    color: #173878 !important;
    border-left-color: #173878; }
  body.dark-only .border-tab.nav-secondary .nav-link.active, body.dark-only .border-tab.nav-secondary .nav-link:focus, body.dark-only .border-tab.nav-secondary .nav-link:hover {
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-secondary .nav-item.show {
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-success .nav-link.active, body.dark-only .border-tab.nav-success .nav-link:focus, body.dark-only .border-tab.nav-success .nav-link:hover {
    color: #00AC46 !important; }
  body.dark-only .border-tab.nav-success .nav-item.show {
    color: #00AC46 !important; }
  body.dark-only .dropdown-divider {
    border-top: 1px solid #1A1C23; }
  body.dark-only .icon-hover-bottom {
    background-color: #22242B;
    box-shadow: 0px 0px 1px 1px #1A1C23; }
    body.dark-only .icon-hover-bottom .icon-title {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .icon-hover-bottom span {
      color: #98a6ad; }
    body.dark-only .icon-hover-bottom .form-group input {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6);
      border: 1px solid #1A1C23; }
    body.dark-only .icon-hover-bottom .icon-first i {
      color: #98a6ad; }
  body.dark-only code {
    background-color: #1A1C23;
    border-radius: 2px; }
  body.dark-only #cd-timeline::before {
    background: #1A1C23; }
  body.dark-only .timeliny {
    border-top: 1px solid #1A1C23;
    border-bottom: 1px solid #1A1C23; }
    body.dark-only .timeliny::before {
      background-color: #fff; }
    body.dark-only .timeliny .timeliny-dot {
      background-color: #22242B;
      border: 1px solid #fff; }
      body.dark-only .timeliny .timeliny-dot::before {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::before {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::after {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6);
      border: none; }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover {
      background-color: #fff; }
      body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover::before {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock .timeliny-dot:hover::after {
      background-color: #22242B;
      border: 1px solid #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .todo .todo-list-wrapper #todo-list li .task-container {
    background: #22242B;
    border-bottom: 1px solid #1A1C23; }
    body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-label {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .todo .todo-list-wrapper #todo-list li .task-container:hover h4 {
      color: #fff; }
    body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover:not(.active) {
      background: #22242B;
      border: 1px solid #1A1C23; }
  body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label {
    color: var(--theme-deafult); }
  body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover {
    border: 1px solid #00AC46 !important; }
  body.dark-only .todo .todo-list-wrapper .todo-list-footer .new-task-wrapper textarea {
    background-color: #22242B;
    border: 1px solid #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .ttl-info h6 {
    color: #98a6ad; }
  body.dark-only .user-profile .ttl-info span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .hovercard .info .title a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .hovercard .user-image .avatar img {
    border: 10px solid #22242B; }
  body.dark-only .user-profile .hovercard .user-image .icon-wrapper {
    background-color: #22242B; }
  body.dark-only .user-profile .hovercard .tabs-scoial {
    border-bottom: none !important; }
  body.dark-only .user-profile .follow .follow-num {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .profile-img-style .user-name {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .profile-img-style p {
    color: #98a6ad; }
  body.dark-only .introjs-helperLayer {
    background-color: rgba(54, 64, 74, 0.9);
    border: rgba(255, 255, 255, 0.5); }
  body.dark-only .jstree-default .jstree-node,
  body.dark-only .jstree-default .jstree-icon {
    color: #455869 !important; }
  body.dark-only .jstree-default .jstree-anchor {
    color: #98a6ad; }
  body.dark-only .jstree-default .jstree-clicked {
    color: #fff;
    background-color: transparent; }
  body.dark-only .jstree-default .jstree-hovered {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only span.twitter-typeahead .tt-menu {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only span.twitter-typeahead .tt-suggestion {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only span.twitter-typeahead .tt-suggestion:hover, body.dark-only span.twitter-typeahead .tt-suggestion:focus {
      background-color: #22242B; }
  body.dark-only .typography small {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .code-box-copy pre {
    background-color: #1A1C23; }
    body.dark-only .code-box-copy pre code {
      background-color: #1A1C23; }
  body.dark-only .code-box-copy pre[class*="language-"] {
    border: 1px solid #1A1C23; }
  body.dark-only .code-box-copy .code-box-copy__btn {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    color: #fff; }
  body.dark-only .code-box-copy code[class*=language-],
  body.dark-only .code-box-copy pre[class*=language-] {
    text-shadow: 0px 1px #000; }
    body.dark-only .code-box-copy code[class*=language-] ::selection,
    body.dark-only .code-box-copy pre[class*=language-] ::selection {
      text-shadow: none;
      background: #22242B; }
  body.dark-only table.fixedHeader-floating {
    background-color: #1A1C23; }
  body.dark-only .note textarea {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .dt-button-info {
    background-color: #22242B;
    border: 1px solid #1A1C23; }
    body.dark-only .dt-button-info h2 {
      background-color: #22242B;
      border-bottom: 1px solid #1A1C23; }
  body.dark-only pre {
    background-color: #1A1C23; }
  body.dark-only #keytable_wrapper .dataTables_paginate,
  body.dark-only #column-selector_wrapper .dataTables_paginate,
  body.dark-only #auto-fill_wrapper .dataTables_paginate,
  body.dark-only #custom-button_wrapper .dataTables_paginate,
  body.dark-only #class-button_wrapper .dataTables_paginate,
  body.dark-only #keyboard-btn_wrapper .dataTables_paginate,
  body.dark-only #multilevel-btn_wrapper .dataTables_paginate,
  body.dark-only #pagelength-btn_wrapper .dataTables_paginate,
  body.dark-only #basic-colreorder_wrapper .dataTables_paginate,
  body.dark-only #state-saving_wrapper .dataTables_paginate,
  body.dark-only #real-time_wrapper .dataTables_paginate,
  body.dark-only #basic-fixed-header_wrapper .dataTables_paginate,
  body.dark-only #fixed-header-footer_wrapper .dataTables_paginate,
  body.dark-only #export-button_wrapper .dataTables_paginate,
  body.dark-only #excel-cust-bolder_wrapper .dataTables_paginate,
  body.dark-only #cust-json_wrapper .dataTables_paginate,
  body.dark-only #basic-key-table_wrapper .dataTables_paginate,
  body.dark-only #focus-cell_wrapper .dataTables_paginate,
  body.dark-only #responsive_wrapper .dataTables_paginate,
  body.dark-only #new-cons_wrapper .dataTables_paginate,
  body.dark-only #show-hidden-row_wrapper .dataTables_paginate,
  body.dark-only #basic-row-reorder_wrapper .dataTables_paginate,
  body.dark-only #full-row_wrapper .dataTables_paginate,
  body.dark-only #rest-column_wrapper .dataTables_paginate {
    border: none; }
  body.dark-only #example-style-8_wrapper table.dataTable.stripe tbody tr.odd,
  body.dark-only #example-style-8_wrapper table.dataTable.display tbody tr.odd {
    background-color: #1A1C23; }
  body.dark-only .error-wrapper {
    background-color: rgba(54, 64, 74, 0.8); }
    body.dark-only .error-wrapper .sub-content {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .b-light {
    border: 1px solid #1A1C23 !important; }
  body.dark-only .modal-content {
    background-color: #22242B; }
    body.dark-only .modal-content .modal-header {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      body.dark-only .modal-content .modal-header h3 {
        color: #fff; }
      body.dark-only .modal-content .modal-header .close {
        color: rgba(255, 255, 255, 0.6);
        font-weight: 400; }
    body.dark-only .modal-content .ui-front .form-control {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6);
      border: 1px solid rgba(255, 255, 255, 0.3); }
  body.dark-only .modal .theme-close {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .token.atrule,
  body.dark-only .token.attr-value,
  body.dark-only .token.keyword {
    color: #173878; }
  body.dark-only .token.boolean, body.dark-only .token.constant, body.dark-only .token.deleted, body.dark-only .token.number, body.dark-only .token.property, body.dark-only .token.symbol, body.dark-only .token.tag {
    color: #FE6A49; }
  body.dark-only .loader-box.card-loader {
    background-color: #22242B; }
  body.dark-only .my-gallery.gallery-with-description img {
    border: 1px solid #1A1C23 !important;
    border-bottom: none !important; }
  body.dark-only .alert-primary.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-secondary.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-success.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-danger.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-warning.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-info.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-light.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-dark.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-theme span + span + span {
    border-left: 5px solid var(--theme-deafult);
    background-color: #1A1C23;
    border-radius: 4px; }
  body.dark-only .alert-theme i {
    color: #fff;
    padding: 20px;
    margin-right: 20px !important; }
  body.dark-only .user-card .user-deatils h6 {
    color: #98a6ad; }
  body.dark-only .user-card .card-footer > div:first-child {
    border-right: 1px solid #1A1C23; }
  body.dark-only .user-card .card-footer .user-footer h6 {
    color: #98a6ad; }
  body.dark-only .user-card .card-footer .user-footer svg path,
  body.dark-only .user-card .card-footer .user-footer svg rect {
    color: #98a6ad; }
  body.dark-only .order-history table .qty-box button {
    background-color: #1A1C23 !important;
    border: none !important; }
  body.dark-only .order-history table .qty-box .input-group {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .order-history table thead tr th {
    background-color: #1A1C23; }
  body.dark-only .order-history table tr td,
  body.dark-only .order-history table tr th {
    border-top: none !important; }
  body.dark-only .order-history .title-orders {
    background-color: #1A1C23; }
  body.dark-only .navigation-option ul li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .navigation-option ul li:hover {
    background-color: #1A1C23; }
  body.dark-only .product-box .product-details h6 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .product-box .product-details > a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .product-box .product-details span {
    color: #98a6ad; }
  body.dark-only .product-box .product-img .product-hover ul li {
    background-color: #22242B; }
    body.dark-only .product-box .product-img .product-hover ul li:hover {
      background-color: #000;
      color: #fff; }
  body.dark-only .browse .browse-articles ul li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .browse .browse-articles ul li:hover {
    background-color: #1A1C23; }
  body.dark-only .radio-primary input[type="radio"] + label::before {
    border-color: var(--theme-deafult) !important; }
  body.dark-only .radio-primary input[type="radio"] + label::after {
    background-color: var(--theme-deafult); }
  body.dark-only .radio-primary input[type="radio"]:checked + label::before {
    border-color: var(--theme-deafult) !important; }
  body.dark-only .radio-primary input[type="radio"]:checked + label::after {
    background-color: var(--theme-deafult); }
  body.dark-only .radio-secondary input[type="radio"] + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-secondary input[type="radio"] + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-secondary input[type="radio"]:checked + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-secondary input[type="radio"]:checked + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-success input[type="radio"] + label::before {
    border-color: #00AC46 !important; }
  body.dark-only .radio-success input[type="radio"] + label::after {
    background-color: #00AC46; }
  body.dark-only .radio-success input[type="radio"]:checked + label::before {
    border-color: #00AC46 !important; }
  body.dark-only .radio-success input[type="radio"]:checked + label::after {
    background-color: #00AC46; }
  body.dark-only .radio-danger input[type="radio"] + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-danger input[type="radio"] + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-danger input[type="radio"]:checked + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-danger input[type="radio"]:checked + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-info input[type="radio"] + label::before {
    border-color: #173878 !important; }
  body.dark-only .radio-info input[type="radio"] + label::after {
    background-color: #173878; }
  body.dark-only .radio-info input[type="radio"]:checked + label::before {
    border-color: #173878 !important; }
  body.dark-only .radio-info input[type="radio"]:checked + label::after {
    background-color: #173878; }
  body.dark-only .radio-light input[type="radio"] + label::before {
    border-color: #E6E9EB !important; }
  body.dark-only .radio-light input[type="radio"] + label::after {
    background-color: #E6E9EB; }
  body.dark-only .radio-light input[type="radio"]:checked + label::before {
    border-color: #E6E9EB !important; }
  body.dark-only .radio-light input[type="radio"]:checked + label::after {
    background-color: #E6E9EB; }
  body.dark-only .radio-dark input[type="radio"] + label::before {
    border-color: #2c323f !important; }
  body.dark-only .radio-dark input[type="radio"] + label::after {
    background-color: #2c323f; }
  body.dark-only .radio-dark input[type="radio"]:checked + label::before {
    border-color: #2c323f !important; }
  body.dark-only .radio-dark input[type="radio"]:checked + label::after {
    background-color: #2c323f; }
  body.dark-only .radio-warning input[type="radio"] + label::before {
    border-color: #FFAE1A !important; }
  body.dark-only .radio-warning input[type="radio"] + label::after {
    background-color: #FFAE1A; }
  body.dark-only .radio-warning input[type="radio"]:checked + label::before {
    border-color: #FFAE1A !important; }
  body.dark-only .radio-warning input[type="radio"]:checked + label::after {
    background-color: #FFAE1A; }
  body.dark-only .checkbox-primary label::before {
    border-color: var(--theme-deafult) !important; }
  body.dark-only .checkbox-secondary label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .checkbox-success label::before {
    border-color: #00AC46 !important; }
  body.dark-only .checkbox-danger label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .checkbox-info label::before {
    border-color: #173878 !important; }
  body.dark-only .checkbox-light label::before {
    border-color: #E6E9EB !important; }
  body.dark-only .checkbox-dark label::before {
    border-color: #2c323f !important; }
  body.dark-only .checkbox-warning label::before {
    border-color: #FFAE1A !important; }
  body.dark-only .checkbox-solid-primary label:before {
    background-color: var(--theme-deafult) !important;
    border-color: var(--theme-deafult) !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-primary input[type="checkbox"]:checked + label::before {
    background-color: var(--theme-deafult) !important;
    border-color: var(--theme-deafult) !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-primary input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-secondary label:before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-secondary input[type="checkbox"]:checked + label::before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-secondary input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-success label:before {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-success input[type="checkbox"]:checked + label::before {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-success input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-danger label:before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-danger input[type="checkbox"]:checked + label::before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-danger input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-info label:before {
    background-color: #173878 !important;
    border-color: #173878 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-info input[type="checkbox"]:checked + label::before {
    background-color: #173878 !important;
    border-color: #173878 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-info input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-light label:before {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-light input[type="checkbox"]:checked + label::before {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-light input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-dark label:before {
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-dark input[type="checkbox"]:checked + label::before {
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-dark input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-warning label:before {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-warning input[type="checkbox"]:checked + label::before {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-warning input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .bootstrap-datetimepicker-widget ul li {
    color: rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .bootstrap-datetimepicker-widget tr th:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td:hover {
    background-color: #22242B; }
  body.dark-only .bootstrap-datetimepicker-widget tr th span:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td span:hover {
    background-color: #22242B; }
  body.dark-only .bootstrap-datetimepicker-widget tr th.prev:hover, body.dark-only .bootstrap-datetimepicker-widget tr th.next:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td.prev:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td.next:hover {
    background-color: #22242B; }
  body.dark-only .bootstrap-datetimepicker-widget tr:first-child th:hover {
    background-color: #22242B; }
  body.dark-only .btn-transparent {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only #cal-basic .fc-toolbar .fc-left .fc-next-button .fc-icon-right-single-arrow:after,
  body.dark-only #cal-basic .fc-toolbar .fc-right .fc-next-button .fc-icon-right-single-arrow:after {
    color: #98a6ad; }
  body.dark-only #cal-basic .fc-toolbar .fc-left .fc-prev-button .fc-icon-left-single-arrow:after,
  body.dark-only #cal-basic .fc-toolbar .fc-right .fc-prev-button .fc-icon-left-single-arrow:after {
    color: #98a6ad; }
  body.dark-only #cal-basic .fc-toolbar .fc-left .fc-button-group .fc-month-button {
    color: #fff !important; }
  body.dark-only .fc-button-group .fc-basicWeek-button,
  body.dark-only .fc-button-group .fc-basicDay-button,
  body.dark-only .fc-button-group .fc-agendaWeek-button,
  body.dark-only .fc-button-group .fc-agendaDay-button {
    color: #000 !important; }
  body.dark-only .fc-button-group .fc-month-button {
    color: #fff !important; }
  body.dark-only .btn-light.active.active:not([disabled]):not(.disabled) {
    background-color: #1A1C23 !important;
    color: rgba(255, 255, 255, 0.3) !important; }
  body.dark-only .btn-light.disabled, body.dark-only .btn-light:disabled {
    color: rgba(5, 26, 26, 0.5) !important; }
  body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-month-button,
  body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .btn-light {
    color: #000 !important; }
  body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button {
    color: #fff !important; }
    body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button:hover {
      color: #000 !important; }
  body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
  body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .btn-light,
  body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
  body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .btn-light,
  body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
  body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .btn-light {
    color: #000 !important; }
  body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button,
  body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button,
  body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button {
    color: #fff !important; }
    body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover,
    body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover,
    body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover {
      color: #000 !important; }
  body.dark-only .categories ul li a {
    color: #98a6ad; }
  body.dark-only .categories ul li:hover {
    background-color: #1A1C23; }
  body.dark-only .socialprofile .likes-profile h5 span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .socialprofile span {
    color: #98a6ad; }
  body.dark-only .social-status .media .media-body span + span {
    color: #98a6ad; }
  body.dark-only .social-status .media .media-body p,
  body.dark-only .social-status .media .media-body .light-span {
    color: #98a6ad; }
  body.dark-only .filter-cards-view p,
  body.dark-only .timeline-content p {
    color: #98a6ad; }
  body.dark-only .filter-cards-view .comment-number i,
  body.dark-only .timeline-content .comment-number i {
    color: #98a6ad; }
  body.dark-only .filter-cards-view .comments-box .input-group .form-control,
  body.dark-only .timeline-content .comments-box .input-group .form-control {
    border: none !important; }
  body.dark-only .filter-cards-view .comments-box .input-group .input-group-append,
  body.dark-only .timeline-content .comments-box .input-group .input-group-append {
    background-color: #1A1C23; }
  body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input {
    background-color: #1A1C23;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top-left-radius: 7px !important;
    border-bottom-left-radius: 7px !important; }
    body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input:focus {
      box-shadow: unset; }
    body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input::placeholder {
      color: rgba(255, 255, 255, 0.3); }
  body.dark-only .social-chat .flex-grow-1 {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .social-chat .flex-grow-1:after {
      border-right: 7px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .social-chat .flex-grow-1 .input-group input {
      background-color: #1A1C23; }
  body.dark-only .social-chat span span {
    color: #98a6ad; }
  body.dark-only .details-about .your-details p {
    color: #98a6ad; }
  body.dark-only .activity-log .my-activity p {
    color: #98a6ad; }
  body.dark-only .bookmark ul li a {
    color: rgba(255, 255, 255, 0.6); }
  @media only screen and (max-width: 991.98px) {
    body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      border-right: 1px solid rgba(255, 255, 255, 0.1); } }
  @media only screen and (max-width: 767.98px) {
    body.dark-only .page-wrapper.material-icon .page-header {
      background-color: #22242B; } }
  body.dark-only .apexcharts-tooltip.light {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #1A1C23; }
    body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
      border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-label,
    body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-value {
      color: #fff; }
  body.dark-only .dark-txt p strong {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .live-dark .btn-close {
    filter: initial; }
  body.dark-only .alert-light {
    color: #1A1C23 !important; }
  body.dark-only .dark-input-type .input-group .input-group-text {
    background: transparent;
    border: unset; }
  body.dark-only .dropdown-menu {
    background-color: #1A1C23; }
  body.dark-only .leaflet-control-zoom span {
    color: #051A1A; }
  body.dark-only .heading-dropdown .dropdown-menu > li:first-child > a {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .heading-dropdown .dropdown-menu a.dropdown-item {
    color: rgba(255, 255, 255, 0.1); }
  body.dark-only .dark-accordion .accordion-item {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .dark-accordion .accordion-item .accordion-collapse p {
      color: rgba(255, 255, 255, 0.3); }
    body.dark-only .dark-accordion .accordion-item .accordion-collapse .accordion-body {
      background-color: #22242B; }
      body.dark-only .dark-accordion .accordion-item .accordion-collapse .accordion-body h6 {
        border: 0; }
  body.dark-only .dark-accordion .collapse-wrapper {
    color: #1A1C23; }
  body.dark-only .dark-accordion.card {
    border-radius: unset; }
  body.dark-only .accordions-content li {
    color: rgba(255, 255, 255, 0.3); }
  body.dark-only .dark-list .list-group .list-group-item + .list-group-item {
    border-top-width: 1px; }
  body.dark-only .dark-list .list-group .list-group-item .form-check-input {
    border: 1px solid rgba(255, 255, 255, 0.6);
    background-color: transparent; }
  body.dark-only .dark-list .list-light-dark {
    background-color: #1A1C23; }
  body.dark-only .card-wrapper .sub-title {
    border-bottom: unset !important; }
  body.dark-only .dark-blockquote .blockquote p {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .dark-sign-up h3 {
    color: #22242B; }
  body.dark-only .dark-sign-up p {
    color: #22242B; }
  body.dark-only .dark-sign-up .modal-body form .form-label {
    color: #1f2533; }
  body.dark-only .dark-sign-up .modal-body form .form-check .form-check-label {
    color: #1f2533; }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header svg {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header h6 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body svg {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body p {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-toggle-wrapper .dark-toggle-btn {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .social-profile {
    background-attachment: fixed; }
    body.dark-only .social-profile .social-details h5 a {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .dark-helper {
    background-color: rgba(26, 28, 35, 0.4); }
    body.dark-only .dark-helper h6,
    body.dark-only .dark-helper span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .dark-helper .text-muted {
      color: #22242B !important; }
  body.dark-only .font-dark {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .treejs .treejs-node__disabled {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .treejs .treejs-switcher:before {
    border-top: 4px solid rgba(255, 255, 255, 0.6); }
  body.dark-only .irs-min,
  body.dark-only .irs-max {
    color: #98a6ad;
    background-color: #323846; }
  body.dark-only .ribbon-wrapper.alert-light-light,
  body.dark-only .ribbon-wrapper-bottom.alert-light-light,
  body.dark-only .ribbon-vertical-left-wrapper.alert-light-light,
  body.dark-only .ribbon-wrapper-right.alert-light-light,
  body.dark-only .ribbon-vertical-right-wrapper.alert-light-light {
    background-color: #323846; }
  body.dark-only .pagination .page-item .page-link.rounded-circle {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .dark-timeline .date-content {
    color: rgba(255, 255, 255, 0.6) !important;
    background-color: #1A1C23 !important; }
  body.dark-only .student-leader-wrapper .student-leader-content {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .attendance-card .left-overview-content .svg-box {
    box-shadow: unset;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .task-table .main-task-wrapper .square-white {
    box-shadow: unset;
    border: 1px solid transparent; }
  body.dark-only .income-wrapper ul li + li {
    border-left: 1px dashed rgba(255, 255, 255, 0.1); }
    @media (max-width: 1735px) {
      body.dark-only .income-wrapper ul li + li {
        border-left: unset; } }
  body.dark-only .icons-box-2 .open-options .dropdown-menu {
    background-color: #1A1C23; }
  body.dark-only .performance-wrapper .performance-right p {
    color: var(--body-font-color); }
  body.dark-only .main-product-wrapper .product-body .product-search.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    color: #98a6ad; }
  body.dark-only .main-product-wrapper .product-body .product-search.input-group .input-group-text {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .main-product-wrapper .product-body .product-search.input-group .form-control {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-left: unset;
    background-color: #22242B; }
    [dir="rtl"] body.dark-only .main-product-wrapper .product-body .product-search.input-group .form-control {
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-right: unset; }
  body.dark-only .our-product-wrapper {
    box-shadow: 0px 3px 17px rgba(113, 113, 137, 0.18); }
  body.dark-only .grid-showcase span {
    background-color: #1A1C23; }
  body.dark-only .grid-showcase .grid-wrapper {
    background-color: #1A1C23; }
  body.dark-only .custom-input #validationCustom03.form-control,
  body.dark-only .custom-input #validationCustom03 .form-select,
  body.dark-only .custom-input #validationCustom05.form-control,
  body.dark-only .custom-input #validationCustom05 .form-select,
  body.dark-only .custom-input #validationCustomUsername.form-control,
  body.dark-only .custom-input #validationCustomUsername .form-select {
    border-color: #1A1C23; }
  body.dark-only .form-control[type=file]:not(:disabled):not([readonly]) {
    color: rgba(255, 255, 255, 0.2);
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .custom-input .form-control,
  body.dark-only .custom-input .form-select {
    background-color: #1A1C23 !important;
    border-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link:active .vertical-wizard .vertical-wizard-content h6, body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link.active .vertical-wizard .vertical-wizard-content h6 {
    color: #98a6ad; }
  body.dark-only td.highlight {
    background-color: #1f232b !important; }
  body.dark-only .card-wrapper .form-control,
  body.dark-only .dark-field .form-control {
    background-color: #1A1C23;
    border-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .form-control-sm {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .dark-inputs .form-control.btn-square {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .dark-inputs .form-control.btn-pill {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .dark-inputs .form-control.input-air-primary {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard {
    color: #1A1C23; }
  body.dark-only .touchspin-wrapper input.input-touchspin[type="number"],
  body.dark-only .pre-post-touchspin input.input-touchspin[type="number"] {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .variation-box .selection-box input[type=checkbox]:checked ~ div {
    color: #fff; }
  body.dark-only .flatpickr-calendar {
    box-shadow: unset; }
    body.dark-only .flatpickr-calendar.animate {
      background-color: #1A1C23; }
  body.dark-only .flatpickr-current-month .flatpickr-monthDropdown-months {
    color: #fff !important; }
  body.dark-only .flatpickr-current-month .numInputWrapper {
    color: #fff !important; }
  body.dark-only .flatpickr-prev-month {
    fill: #fff !important; }
  body.dark-only .flatpickr-next-month {
    fill: #fff !important; }
  body.dark-only .flatpickr-time {
    border: 1px solid #323846; }
    body.dark-only .flatpickr-time input {
      background: #22262f; }
  body.dark-only .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover {
    background-color: #22242B;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .tagify__dropdown__item--active {
    background-color: #1A1C23; }
  body.dark-only .tagify__input {
    color: #98a6ad; }
    body.dark-only .tagify__input::before {
      color: #98a6ad; }
  body.dark-only .tagify {
    border-color: rgba(255, 255, 255, 0.1);
    --tags-focus-border-color: #374558; }
    body.dark-only .tagify .tagify__tag-text {
      color: #1A1C23; }
  body.dark-only .international-num input {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #22242B; }
  body.dark-only .international-num .results ul {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .iti__country-list {
    background-color: #22242B; }
  body.dark-only .select-box .selection-option:hover {
    background-color: #22262f; }
  body.dark-only .select-box .options-container.active ~ .search-box input {
    background-color: rgba(255, 255, 255, 0.6); }
  body.dark-only .table-hover > tbody > tr:hover {
    --bs-table-accent-bg: #1d1e26; }
  body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert {
    background-color: #1A1C23;
    border-color: #323846; }
    body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert i {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert div {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .main-qr-code .modal-toggle-wrapper form .form-control {
    background-color: #1A1C23;
    border-color: #323846; }
  body.dark-only .authentication-options .radio-wrapper li .form-check-label span > span {
    color: #98a6ad; }
  body.dark-only .typeahead-wrapper .theme-form .form-control {
    background-color: #1A1C23 !important;
    border-color: #1A1C23 !important; }
  body.dark-only .compose-modal form .form-control {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1);
    color: #98a6ad; }
  body.dark-only .toolbar-box .ql-snow .ql-stroke {
    stroke: #98a6ad; }
  body.dark-only .toolbar-box .ql-snow .ql-tooltip {
    background-color: #1A1C23;
    box-shadow: unset;
    border: 0; }
    body.dark-only .toolbar-box .ql-snow .ql-tooltip.ql-editing input[type=text] {
      background-color: #22242B;
      border: 0;
      color: #98a6ad; }
  body.dark-only .toolbar-box .ql-snow a {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .toolbar-box .ql-editor.ql-blank::before {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .nav-right .nav-menus li .input-show input {
    border-color: #22242B !important;
    background-color: #1A1C23;
    color: #fff; }
  body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
    background-color: #1A1C23;
    border: 0;
    color: rgba(255, 255, 255, 0.2); }
    body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control::placeholder {
      color: rgba(255, 255, 255, 0.2); }
  body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search i {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .email-body .mail-header-wrapper .mail-body .dropdown-menu .dropdown-item {
    background: #1A1C23;
    opacity: 1;
    border: 0;
    color: rgba(255, 255, 255, 0.2); }
    body.dark-only .email-body .mail-header-wrapper .mail-body .dropdown-menu .dropdown-item:hover {
      background-color: #22242B; }
  body.dark-only .inbox-options .light-square.btn-group .dropdown-menu {
    background: #2b2b2b; }
    body.dark-only .inbox-options .light-square.btn-group .dropdown-menu .dropdown-item:hover {
      background-color: rgba(255, 255, 255, 0.2);
      color: #98a6ad; }
  body.dark-only .inbox-security {
    background-color: #1A1C23; }
  body.dark-only .mail-pagination .pagination-number,
  body.dark-only .mail-pagination .pagination-button {
    background-color: #323846; }
  body.dark-only .flatpicker-calender.product-date .form-control.flatpickr-input {
    border: unset;
    background-color: #1A1C23 !important; }
  body.dark-only .price-wrapper .radio-wrapper li .form-check-input {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .price-wrapper .radio-wrapper li .form-check-input ~ .form-check-label span {
      color: #98a6ad; }
  body.dark-only .product-buttons .btn:hover, body.dark-only .product-buttons .btn:active {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .product-buttons .btn svg {
    stroke: rgba(255, 255, 255, 0.6); }
  body.dark-only .ql-formats .ql-picker-label::before {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .list-product .datatable-pagination .datatable-active .datatable-pagination-list-item-link {
    background-color: var(--theme-deafult);
    color: var(--white); }
  body.dark-only .list-product .datatable-pagination .datatable-pagination-list-item-link {
    background-color: #1A1C23;
    color: #98a6ad; }
  body.dark-only .list-product .datatable-input:focus {
    outline: unset; }
  body.dark-only .list-product .datatable-selector {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23; }
  body.dark-only .table {
    --bs-table-bg: trasparnt; }
  body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
    background-color: #1A1C23; }
  body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
    background-color: #1A1C23;
    border: unset;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control::placeholder {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .left-sidebar-wrapper .advance-options .chats-user span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .search-contacts .form-control {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.2); }
    body.dark-only .search-contacts .form-control::placeholder {
      color: #98a6ad; }
  body.dark-only .msger .right-msg .msg-bubble {
    color: #fff; }
  body.dark-only .right-sidebar-title span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .right-sidebar-Chats .msger-chat {
    background: #1A1C23; }
  body.dark-only .right-sidebar-Chats .msger-inputarea {
    background: #22242B; }
  body.dark-only .right-sidebar-Chats .msger-input:focus {
    background-color: #1A1C23; }
  body.dark-only .fg-emoji-picker-search input,
  body.dark-only .fg-emoji-picker-search .fg-emoji-picker-search-icon {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .fg-emoji-picker-category-title {
    background-color: #323846; }
  body.dark-only .add-post form label,
  body.dark-only .add-post form .col-form-label {
    color: #98a6ad; }
  body.dark-only .add-post form .form-control {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2);
    border: unset; }
    body.dark-only .add-post form .form-control::placeholder {
      color: rgba(255, 255, 255, 0.2); }
  body.dark-only .ql-container.ql-snow .ql-editor {
    color: rgba(255, 255, 255, 0.2); }

body.dark-sidebar .page-wrapper .sidebar-main-title p {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.horizontal-wrapper .logo-wrapper .for-light {
  display: block; }

body.dark-sidebar .page-wrapper.horizontal-wrapper .logo-wrapper .for-dark {
  display: none; }

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
  background-color: #22242B; }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    stroke: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400; }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
    background-color: rgba(255, 255, 255, 0.2); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-deafult); }

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
  background: #22242B; }
  body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
    background-color: #22242B; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg.stroke-icon {
        stroke: #fff !important; }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg.fill-icon {
        fill: #051A1A;
        stroke: none !important; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a {
      background-color: rgba(255, 255, 255, 0.3); }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a span {
        color: #fff !important; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
      background: #22242B; }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
        color: rgba(255, 255, 255, 0.6); }
        body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active, body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
          color: var(--theme-deafult); }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
        background: #22242B; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
      background: #22242B; }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
  background: #22242B; }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
  stroke: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  background-color: #22242B; }
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
  background-color: rgba(0, 102, 102, 0.2); }
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
    color: var(--theme-deafult); }
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
    color: var(--theme-deafult);
    stroke: var(--theme-deafult); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400; }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
  background-color: rgba(255, 255, 255, 0.2); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
  color: var(--theme-deafult); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i {
  color: rgba(255, 255, 255, 0.6); }

body .for-dark {
  display: none; }

body[class*='dark-'] .for-dark {
  display: block; }

body[class*='dark-'] .for-light {
  display: none; }

/**=====================
	4.1. Dark CSS ends
==========================**/
/**=====================
  4.2 Theme-customizer CSS Start
==========================**/
.customizer-links {
  position: fixed;
  right: 00px;
  top: 50%;
  z-index: 3;
  transform: translate(0, -50%);
  box-shadow: 0 0 37px rgba(8, 21, 66, 0.1); }
  .customizer-links > .nav {
    border-radius: 8px;
    padding: 10px;
    background-color: #fff; }
  .customizer-links.open {
    right: 330px;
    border-radius: 8px 0 0 8px;
    transition: all 0.3s ease; }
  .customizer-links .nav-link {
    padding: 0;
    position: relative;
    text-align: -webkit-center; }
    .customizer-links .nav-link:before {
      content: "";
      position: absolute;
      height: 100%;
      left: 0;
      width: 100%;
      background-color: rgba(0, 102, 102, 0.1);
      border-radius: 5px;
      transform: scale(0);
      transition: all 0.3s ease; }
    .customizer-links .nav-link:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid;
      top: 12px;
      border-width: 5px 0 5px 5px;
      border-left-color: rgba(0, 102, 102, 0.1);
      opacity: 0;
      transform: scale(0);
      color: #fff;
      left: -10px;
      z-index: 2;
      transition: all 0.3s ease; }
    .customizer-links .nav-link:hover i {
      color: var(--theme-deafult); }
    .customizer-links .nav-link:hover img {
      animation: swing 1.5s ease infinite; }
    .customizer-links .nav-link:hover:before {
      border-bottom: 2px solid var(--theme-deafult);
      opacity: 1;
      transform: scale(1);
      transition: all 0.3s ease; }
    .customizer-links .nav-link:hover:after {
      opacity: 1;
      transform: scale(1);
      transition: all 0.3s ease; }
    .customizer-links .nav-link:hover span {
      opacity: 1;
      right: 48px;
      transform: scale(1);
      transition: all 0.3s ease; }
    .customizer-links .nav-link + .nav-link {
      margin-bottom: 5px; }
    .customizer-links .nav-link div img {
      height: 22px;
      margin: 6px 6px;
      width: 22px; }
    .customizer-links .nav-link span {
      position: absolute;
      right: -60px;
      width: max-content;
      text-align: right;
      padding: 7px 10px;
      display: block;
      top: 0;
      border-radius: 5px;
      transform: scale(0);
      transition: all 0.3s ease;
      opacity: 0;
      color: var(--theme-deafult);
      background-color: var(--white);
      box-shadow: 0 0 37px rgba(8, 21, 66, 0.1); }
    .customizer-links .nav-link i {
      font-size: 17px;
      padding: 8px 10px;
      display: inline-block;
      cursor: pointer;
      margin: 0;
      color: gray;
      border-radius: 5px; }

.customizer-contain {
  direction: ltr;
  position: fixed;
  height: calc(100vh);
  top: 79px;
  width: 333px;
  right: -335px;
  background-color: #fff;
  z-index: 8;
  transition: all 0.3s ease; }
  .customizer-contain.open {
    right: 0px;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px 1px rgba(68, 102, 242, 0.05); }
  .customizer-contain li {
    position: relative; }
    .customizer-contain li.active {
      box-shadow: 0 0 11px 5px rgba(226, 226, 226, 0.5); }
  .customizer-contain h5 {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-top: 12px;
    padding-top: 12px;
    margin-bottom: 5px;
    color: #051A1A; }
  .customizer-contain h3 {
    color: #051A1A; }
  .customizer-contain .customizer-header {
    padding: 15px 25px;
    border-bottom: 1px solid #E6E9EB; }
    .customizer-contain .customizer-header .icon-close {
      position: absolute;
      font-size: 18px;
      cursor: pointer;
      font-weight: 900;
      right: 20px;
      top: 20px;
      color: var(--theme-deafult); }
    .customizer-contain .customizer-header h5 {
      text-transform: uppercase; }
  .customizer-contain .customizer-body {
    padding: 15px 25px;
    max-height: calc(100vh - 200px);
    overflow-y: scroll; }
    .customizer-contain .customizer-body .fade:not(.show) {
      display: none; }
    .customizer-contain .customizer-body .unlimited-color-layout {
      display: flex;
      align-items: center; }
      .customizer-contain .customizer-body .unlimited-color-layout .btn {
        font-size: 15px;
        padding: 4px 20px; }
      .customizer-contain .customizer-body .unlimited-color-layout input {
        border: 1px solid #E6E9EB;
        height: 35px;
        width: 35px;
        border-radius: 5px;
        background-color: #fff;
        margin-right: 5px; }
    .customizer-contain .customizer-body .layout-grid.customizer-mix .color-layout {
      height: 70px;
      width: 80px;
      border: 1px solid #f6f7fb;
      border-radius: 5px; }
    .customizer-contain .customizer-body .tab-pane > h6:first-child {
      padding-top: 0;
      margin-top: 0; }
    .customizer-contain .customizer-body li {
      cursor: pointer;
      opacity: 0.9; }
      .customizer-contain .customizer-body li.active {
        opacity: 1; }
    .customizer-contain .customizer-body .color-layout {
      height: 35px;
      width: 35px;
      border-radius: 6px;
      display: inline-block;
      margin-right: 3px;
      border: 1px solid #b8b8b8;
      padding: 3px; }
      .customizer-contain .customizer-body .color-layout > div {
        background-color: #006666;
        height: 100%;
        width: 100%;
        border-radius: 5px; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-2"] div {
        background-color: #1D5B79; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-3"] div {
        background-color: #4A55A2; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-4"] div {
        background-color: #167A93; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-5"] div {
        background-color: #423964; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-6"] div {
        background-color: #4b2a4b; }
    .customizer-contain .customizer-body .dark > li {
      background-color: #2f3c4e; }
    .customizer-contain .customizer-body .main-layout > li {
      height: 65px;
      width: 85px;
      border: 1px solid #E6E9EB;
      border-radius: 10px;
      display: inline-block; }
      .customizer-contain .customizer-body .main-layout > li:nth-child(2) .body ul li:first-child {
        margin-right: 3px; }
      .customizer-contain .customizer-body .main-layout > li + li {
        margin-left: 7px; }
    .customizer-contain .customizer-body .main-layout .box-layout .body .badge {
      left: -14px;
      padding: 4px 8px; }
    .customizer-contain .customizer-body .sidebar-type > li,
    .customizer-contain .customizer-body .sidebar-setting > li {
      height: 70px;
      width: 85px;
      border: 1px solid #E6E9EB;
      border-radius: 5px;
      display: inline-block; }
      .customizer-contain .customizer-body .sidebar-type > li + li,
      .customizer-contain .customizer-body .sidebar-setting > li + li {
        margin-left: 7px; }
    .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.bg-dark, .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.sidebar {
      width: 100%;
      height: 10px;
      display: block; }
    .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.bg-light, .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.body {
      height: calc(100% - 10px);
      width: 100%; }
    .customizer-contain .customizer-body .sidebar-type li.body-compact[data-attr="normal-sidebar"] .body ul li.body {
      width: calc(100% - 25px); }
    .customizer-contain .customizer-body .layout-types {
      margin-bottom: -30px; }
      .customizer-contain .customizer-body .layout-types > li {
        display: block;
        width: unset;
        height: unset;
        margin-bottom: 30px; }
        .customizer-contain .customizer-body .layout-types > li .layout-img h6 {
          padding-top: 0;
          text-transform: inherit;
          text-align: center; }
      .customizer-contain .customizer-body .layout-types .box-layout {
        background: unset; }

.layout-grid:not(.customizer-color) li {
  padding: 5px; }
  .layout-grid:not(.customizer-color) li > .header {
    height: 9px;
    border-radius: 3px;
    position: relative; }
    .layout-grid:not(.customizer-color) li > .header ul {
      position: absolute;
      top: -8px;
      left: 5px; }
      .layout-grid:not(.customizer-color) li > .header ul > li {
        display: inline-block;
        width: 4px;
        height: 4px;
        border-radius: 5px;
        top: calc(50% - 3px);
        background-color: var(--theme-deafult);
        margin-right: 2px;
        padding: 0; }
        .layout-grid:not(.customizer-color) li > .header ul > li:nth-child(2) {
          background-color: var(--theme-secondary); }
        .layout-grid:not(.customizer-color) li > .header ul > li:nth-child(3) {
          background-color: #00AC46; }
  .layout-grid:not(.customizer-color) li > .body {
    background-color: #2c323f;
    height: calc(100% - 16px);
    border-radius: 3px;
    position: relative;
    margin-top: 5px;
    text-align: center;
    line-height: 3.1; }
    .layout-grid:not(.customizer-color) li > .body ul {
      height: 100%;
      background-color: #fff; }
      .layout-grid:not(.customizer-color) li > .body ul .sidebar {
        width: 18px;
        height: 100%;
        border-radius: 3px;
        display: inline-block;
        margin-right: 3px;
        padding: 0; }
        .layout-grid:not(.customizer-color) li > .body ul .sidebar.compact {
          width: 12px; }
          .layout-grid:not(.customizer-color) li > .body ul .sidebar.compact ~ .body {
            width: calc(100% - 19px); }
      .layout-grid:not(.customizer-color) li > .body ul .body {
        width: calc(100% - 25px);
        padding: 0;
        margin: 0;
        height: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px; }
        .layout-grid:not(.customizer-color) li > .body ul .body .badge {
          padding: 4px 8px;
          position: absolute; }

/**=====================
    4.2 Theme-customizer CSS Ends
==========================**/
/**=====================
  4.3 Update CSS Start
==========================**/
.jsgrid-filter-row select,
.jsgrid-filter-row input {
  padding: 6px 10px;
  border: 1px solid #f2f4ff;
  background: #fff; }

.popover {
  background-color: #fff;
  border: none;
  -webkit-box-shadow: 0 0 20px rgba(0, 102, 102, 0.1);
  box-shadow: 0 0 20px rgba(0, 102, 102, 0.1); }
  .popover .popover-header {
    background-color: #F5F5F5;
    color: #006666;
    border-bottom: none; }
  .popover .popover-body {
    color: rgba(43, 43, 43, 0.7); }

#calendar .fc-header-toolbar {
  display: flex; }
  @media (max-width: 1690px) {
    #calendar .fc-header-toolbar {
      display: none; } }
.tooltip.bs-tooltip-top .tooltip-arrow:before {
  border-top-color: #F5F5F5; }

.tooltip.bs-tooltip-bottom .tooltip-arrow:before {
  border-bottom-color: #F5F5F5;
  border-top-color: transparent; }

.tooltip.bs-tooltip-start .tooltip-arrow:before {
  border-left-color: #F5F5F5;
  border-top-color: transparent; }

.tooltip.bs-tooltip-end .tooltip-arrow:before {
  border-right-color: #F5F5F5;
  border-top-color: transparent; }

.tooltip .tooltip-inner {
  background-color: #F5F5F5;
  color: #006666; }

.tooltip .tooltip-arrow:before {
  border-top-color: #F5F5F5; }

.dropdown-basic .dropdown .dropdown-content a {
  padding: 12px;
  color: #2b2b2b;
  opacity: 0.6;
  font-size: 14px;
  border-top: 1px solid #efefef;
  background: #fff; }
  .dropdown-basic .dropdown .dropdown-content a:hover {
    background-color: #fff; }

.dropdown-basic .dropdown .dropdown-content .dropdown-header {
  padding: 8px 16px;
  font-weight: 400;
  color: #2c323f;
  font-size: 13px; }

.dropdown-basic .dropup .dropup-content {
  top: auto; }

.default-according .card .card-header {
  padding: 0;
  border: none;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
  .default-according .card .card-header.bg-primary .btn, .default-according .card .card-header.bg-secondary .btn {
    border-color: transparent; }
  .default-according .card .card-header i {
    position: initial;
    font-size: 20px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px; }
    [dir="rtl"] .default-according .card .card-header i {
      margin-right: unset;
      margin-left: 5px; }
  .default-according .card .card-header h5 {
    margin-top: 0; }
  .default-according .card .card-header .btn-link {
    padding: 12px 20px;
    width: 100%;
    text-align: left;
    letter-spacing: 0.7px;
    font-family: "Montserrat", sans-serif;
    border: 1px solid #efefef;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 600; }
    [dir="rtl"] .default-according .card .card-header .btn-link {
      text-align: right; }
    @media (max-width: 575px) {
      .default-according .card .card-header .btn-link {
        padding: 12px 15px;
        font-size: 12px; } }
.default-according .card .card-body {
  padding: 15px 20px;
  line-height: 22px;
  font-size: 13px;
  border-color: #efefef;
  border-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #2c323f;
  border-bottom: none; }

.nav-tabs {
  border-bottom-color: #efefef; }
  .nav-tabs .nav-bottom .nav-item .nav-link.active {
    border-color: #efefef; }

.list-product .datatable-wrapper .no-footer .datatable-container {
  border-bottom: unset !important; }

.nav-tabs .nav-item.show .nav-link {
  font-weight: 500; }

.nav-tabs .nav-link {
  color: #2c323f; }
  .nav-tabs .nav-link.active {
    font-weight: 500; }

.nav-tabs.nav-bottom .nav-item .nav-link.active {
  border-color: #ecf3fa #ecf3fa #fff; }

.dropdown-menu {
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0;
  z-index: 1; }
  .dropdown-menu .dropdown-item {
    color: #2b2b2b;
    opacity: 0.6;
    font-size: 14px;
    padding: 6px 12px;
    border-top: 1px solid #efefef;
    background: #fff; }
    .dropdown-menu .dropdown-item:first-child {
      border-top: none; }
    .dropdown-menu .dropdown-item:hover {
      background-color: #fff; }
  .dropdown-menu .dropdown-divider {
    margin: 0;
    border-top: 1px solid #cccccc; }

.border-tab .nav-tabs .nav-item .nav-link.active {
  border-bottom: 2px solid #006666; }

.border-tab .nav-tabs .nav-item .nav-link.show {
  border-bottom: 2px solid #006666; }

.border-tab .nav-tabs .nav-item .nav-link:focus {
  border-bottom: 2px solid #006666; }

.timeliny .timeliny-dot::before {
  font-size: 18px; }

.total-revenue {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .total-revenue span {
    color: var(--body-font-color);
    font-weight: 500; }
  .total-revenue a {
    font-weight: 600; }

.component .input-group .btn {
  line-height: 32px;
  text-transform: capitalize; }

.login-card .login-main .theme-form label {
  font-size: 14px; }

.login-card .login-main .theme-form .show-hide {
  top: 50%; }

.faq-accordion .card .btn-link svg {
  margin-left: 20px; }
  @media (max-width: 575.98px) {
    .faq-accordion .card .btn-link svg {
      margin-left: 10px; } }
.job-filter .faq-form .form-control {
  font-size: 14px; }

.job-filter .faq-form .search-icon {
  width: 16px;
  height: 16px; }

.note-btn-group .dropdown-toggle.show ~ .dropdown-menu {
  display: block;
  top: 30px; }

.carousel .carousel-indicators {
  margin-bottom: 3px; }

.mouse-wheel .owl-stage-outer .owl-stage {
  width: 5600px !important; }
  .mouse-wheel .owl-stage-outer .owl-stage .owl-item {
    width: 225.333px !important; }

.carousel-item .carousel-caption {
  width: 100%;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 26px 10px;
  background-color: rgba(34, 36, 43, 0.51); }

.carousel-item .carousel-opacity {
  background-color: rgba(230, 233, 235, 0.51); }

.carousel .carousel-control-prev-icon {
  width: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320)));
  height: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320))); }

.carousel .carousel-control-next-icon {
  width: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320)));
  height: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320))); }

[dir="rtl"] .rating-header h4 {
  direction: ltr; }

.animate-img .animate-widget img {
  width: 100%;
  height: 350px;
  margin: 0 auto;
  object-fit: cover; }

.modal-popup.modal {
  top: 20%;
  left: 50%;
  transform: translate(-50%, 0); }
  .modal-popup.modal .modal-dialog .theme-close {
    width: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
    height: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320))); }

@media (max-width: 442px) {
  .animated-modal .form-select {
    width: 100% !important; } }

.task-container .badge {
  line-height: 13px; }

.add-post form .form-control:focus {
  border: 1px solid var(--recent-dashed-border);
  box-shadow: unset; }

.starter-main .alert-primary.inverse {
  padding: 13px 20px 13px 65px;
  border-color: #006666;
  color: #2c323f; }
  [dir="rtl"] .starter-main .alert-primary.inverse {
    padding: 13px 65px 13px 20px; }
  .starter-main .alert-primary.inverse:before {
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #006666;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    [dir="rtl"] .starter-main .alert-primary.inverse:before {
      border-right: 7px solid #006666;
      border-left: unset; }
  .starter-main .alert-primary.inverse i {
    padding: 17px 20px;
    display: flex;
    align-items: center;
    background-color: #006666;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    [dir="rtl"] .starter-main .alert-primary.inverse i {
      right: 0;
      left: unset; }

.balance-profile ul {
  display: flex;
  justify-content: center;
  gap: 50px;
  margin-top: 16px; }
  @media (max-width: 1660px) {
    .balance-profile ul {
      gap: 25px; } }
  .balance-profile ul li {
    position: relative; }
    .balance-profile ul li + li::before {
      position: absolute;
      content: '';
      left: -25px;
      top: 50%;
      height: 40px;
      transform: translateY(-50%);
      border: 1px dashed var(--recent-dashed-border); }
      [dir="rtl"] .balance-profile ul li + li::before {
        left: unset;
        right: -25px; }
      @media (max-width: 1660px) {
        .balance-profile ul li + li::before {
          left: -16px; }
          [dir="rtl"] .balance-profile ul li + li::before {
            right: -16px; } }
/**=====================
    4.3 Update CSS Ends
==========================**/
/**=====================
    5.1 Footer CSS Start
==========================**/
.footer {
  background-color: #fff;
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  padding: 15px;
  bottom: 0;
  left: 0;
  margin-left: 265px;
  transition: 0.5s; }
  .footer.footer-dark {
    background-color: #242934; }
    .footer.footer-dark p {
      color: #fff; }

.footer-fix {
  width: calc(100% - $sidebar-compact-width);
  position: fixed; }

/**=====================
    5.1 Footer CSS Ends
==========================**/
/**=====================
  5.2 Grid CSS Start
==========================**/
.grid-showcase {
  margin-bottom: -10px; }
  .grid-showcase span,
  .grid-showcase .grid-wrapper {
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    background-color: #E6E9EB;
    color: #242934; }

.grid-align {
  margin-bottom: -16px; }
  .grid-align .row {
    padding: 15px 0;
    min-height: 7rem;
    margin-bottom: 16px; }

.grid-vertical {
  min-height: 150px;
  padding: 10px;
  color: #000; }

table.table-bordered thead tr th p {
  margin-bottom: 0; }

/**=====================
    5.2 Grid CSS Ends
==========================**/
/**=====================
  5.3 Header CSS Start
==========================**/
/**=====================
  5.7 Sidebar CSS Start
==========================**/
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 12%;
  width: 13px;
  height: 15px;
  border-bottom-left-radius: 8px;
  border-left: 2px solid rgba(255, 255, 255, 0.4);
  border-bottom: 2px solid rgba(255, 255, 255, 0.4); }

.media.media-wrapper {
  width: 100%;
  display: -webkit-flex; }

.media .media-body {
  flex: unset; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  left: 32px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5); }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title [dir="rtl"] h5::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li [dir="rtl"] a::before {
    left: unset;
    right: 25px; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before {
  position: absolute;
  content: '';
  width: 2px;
  height: 0;
  background: rgba(255, 255, 255, 0.4);
  top: -10px;
  left: 20px;
  transition: height 0.5s; }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .mega-menu-container::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .sidebar-submenu::before {
    left: unset;
    right: 20px; }

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 49%;
  width: 5px;
  height: 1px;
  border-radius: 100%;
  background-color: #59667a; }

.onhover-show-div {
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  left: 0; }

.onhover-dropdown:hover .onhover-show-div {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
  border-radius: 5px;
  overflow: hidden; }
  .onhover-dropdown:hover .onhover-show-div:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 2; }
  .onhover-dropdown:hover .onhover-show-div:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d7e2e9;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 1; }

.page-wrapper {
  position: relative; }
  .page-wrapper .page-header {
    max-width: 100vw;
    position: fixed;
    top: 0;
    z-index: 8;
    transition: 0.5s; }
    .page-wrapper .page-header .header-wrapper {
      width: 100%;
      align-items: center;
      padding: 13px 30px;
      position: relative;
      background-color: #F5F5F5; }
      @media (max-width: 1399px) {
        .page-wrapper .page-header .header-wrapper {
          padding: 14px 20px; } }
      .page-wrapper .page-header .header-wrapper .search-full {
        background-color: #fff;
        position: absolute;
        right: 0;
        z-index: 1;
        height: 0;
        width: 0;
        transform: scale(0);
        transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full.open {
          height: 100%;
          width: 100%;
          animation: zoomIn 0.5s ease-in-out;
          transform: scale(1);
          transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full input {
          line-height: 65px;
          padding-left: 60px;
          width: 100% !important; }
          .page-wrapper .page-header .header-wrapper .search-full input:focus {
            outline: none !important; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
          position: absolute;
          font-size: 15px;
          right: 30px;
          top: 30px;
          color: #898989;
          cursor: pointer; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
            left: 30px;
            right: unset; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
          position: absolute;
          left: 30px;
          top: 27px;
          content: "\f002";
          font-size: 16px;
          color: #898989;
          font-family: FontAwesome; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
            left: unset;
            right: 30px; }
      .page-wrapper .page-header .header-wrapper .nav-right {
        justify-content: flex-end; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li svg {
          vertical-align: middle;
          stroke: var(--body-font-color);
          height: 24px;
          width: 24px; }
          .page-wrapper .page-header .header-wrapper .nav-right ul li svg path {
            color: #242934; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
          height: 24px;
          width: 24px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li .search-form svg {
          width: 20px;
          height: 20px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode {
          cursor: pointer;
          text-align: center; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i {
            font-size: 18px;
            font-weight: 600;
            transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i.fa-lightbulb-o {
              font-weight: 500;
              font-size: 22px;
              transition: all 0.3s ease;
              animation: zoomIn 300ms ease-in-out; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .header-search {
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
          margin-left: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body span {
            font-weight: 500;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box !important;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            white-space: normal; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
            font-size: 12px;
            line-height: 1;
            color: rgba(5, 26, 26, 0.7); }
        .page-wrapper .page-header .header-wrapper .nav-right > ul {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          gap: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
            padding: 6px 10px;
            display: inline-block;
            position: relative; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li:nth-child(n+3):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right > ul > li.profile-nav:nth-child(n+3)) {
              background-color: #fff;
              padding: 12px;
              border-radius: 40px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .badge {
              position: absolute;
              right: 0px;
              top: -3px;
              padding: 2px 4px;
              font-size: 11px;
              font-weight: 700;
              font-family: work-Sans, sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .mode svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .input-show svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul {
              left: inherit;
              right: -10px;
              width: 130px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:before, .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:after {
                left: inherit;
                right: 10px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li {
                display: block; }
                .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a {
                  font-size: 14px;
                  color: #2c323f; }
                  .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a i {
                    margin-left: 10px;
                    font-size: 13px;
                    color: #2c323f; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul .flag-icon {
            font-size: 16px; }
        .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip {
          width: unset !important;
          box-shadow: unset !important;
          background-color: transparent !important;
          overflow: initial; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::after, .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::before {
            display: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content {
            text-align: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
              width: 52px;
              height: 52px;
              background-color: #f9f9f9;
              border-radius: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              margin: 0 auto; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content span {
              font-family: "Montserrat", sans-serif;
              font-size: 12px;
              font-weight: 500;
              letter-spacing: 0.5px; }
        .page-wrapper .page-header .header-wrapper .nav-right .flip-card {
          width: 300px;
          height: 260px;
          background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner {
            position: relative;
            height: 100%;
            text-align: center;
            transition: transform 0.6s;
            transform-style: preserve-3d; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front,
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              position: absolute;
              backface-visibility: hidden;
              border-radius: 10px;
              overflow: hidden;
              box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
              width: 300px;
              height: 260px; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button,
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                background-color: transparent;
                color: #006666;
                border: none; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button:focus,
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button:focus {
                  outline: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
              background-color: #fff;
              transition: .3s; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
                stroke: var(--body-font-color);
                transition: all 0.3s ease; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg:hover {
                  stroke: var(--body-font-color);
                  transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              background-color: #fff;
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:first-child {
                margin-top: 20px;
                height: 140px !important; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                width: 100%; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
                border-radius: 25px;
                padding: 6px 12px;
                width: 100%;
                border: 1px solid #ddd; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input:focus {
                  outline: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped {
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped .front {
                opacity: 0; }
        .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
          width: 330px;
          top: 50px;
          right: 0;
          left: unset; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .dropdown-title {
            padding: 20px;
            text-align: center;
            border-bottom: 1px solid rgba(145, 142, 153, 0.3); }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div ul {
            padding: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li {
            padding: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li p {
              font-size: 14px;
              letter-spacing: 0.3px;
              margin-bottom: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li a {
              letter-spacing: 0.3px;
              font-family: "Montserrat", sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li + li {
              margin-top: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li:last-child {
              padding-bottom: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media {
              position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media img {
                width: 40px;
                position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .status-circle {
                left: 0; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body > span {
                letter-spacing: 0.8px;
                padding-right: 10px;
                display: inline-block; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body p {
                margin-bottom: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:before, .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:after {
            right: 10px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown.notification-all ul li {
          border-radius: 0px;
          border-bottom: 1px solid rgba(145, 142, 153, 0.1); }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown ul {
          padding: 0 0 15px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li {
          padding: 10px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media {
            align-items: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
              margin-right: 20px; }
              [dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
                margin-right: unset;
                margin-left: 20px; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li + li {
            margin-top: 0;
            border-top: 1px solid rgba(145, 142, 153, 0.1); }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li:last-child {
            padding: 20px 15px;
            border-top: none; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown p {
          line-height: 1.3;
          margin-top: 3px;
          opacity: 0.6; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
          position: absolute;
          right: 0;
          top: 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle a {
            width: 18px;
            height: 18px;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle svg {
            width: 14px;
            stroke: #fff; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box {
          margin: 5px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group {
            width: 80px;
            background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input {
              background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input,
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              font-size: 10px;
              font-family: "Montserrat", sans-serif;
              font-weight: 700; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              padding: 0px 7px;
              background-color: #F7F6FF !important;
              border-color: #F7F6FF !important;
              border-radius: 100%;
              font-size: 14px;
              color: #051A1A; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
          margin: 0;
          padding: 15px;
          background-color: #f9f9f9;
          border: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 {
            font-family: "Montserrat", sans-serif;
            font-weight: 500;
            font-size: 12px;
            line-height: 14px;
            letter-spacing: 0.5px; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 span {
              font-size: 14px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .view-checkout {
          text-decoration: unset; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box svg {
          animation: swing 1.5s ease infinite; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
          left: unset; }
          @media (max-width: 575.98px) {
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
              width: calc(100vw - 30px); } }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li:last-child {
            text-align: center;
            background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p span {
              font-size: 11px;
              vertical-align: middle; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:after {
            right: 28px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
          width: 160px;
          top: 57px;
          left: -12px;
          padding: 0 10px; }
          .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li {
            padding: 10px !important;
            border-bottom: 1px solid #E6E9EB; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              border: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
              text-decoration: unset; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a span {
              color: var(--theme-deafult);
              transition: color 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg {
              stroke: var(--theme-deafult);
              transition: stroke 0.3s ease; }
              .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg path {
                stroke: var(--theme-deafult);
                transition: stroke 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li + li {
              margin-top: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              padding-top: 10px !important; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
              color: #2c323f; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li svg {
              width: 16px;
              vertical-align: bottom;
              margin-right: 10px;
              stroke: #2c323f; }
  .page-wrapper .page-body-wrapper {
    background-color: #F5F5F5; }
    .page-wrapper .page-body-wrapper .page-body {
      min-height: calc(100vh - 136px);
      margin-top: 136px;
      padding: 25px 15px;
      position: relative;
      transition: 0.5s; }
      .page-wrapper .page-body-wrapper .page-body:before {
        animation: fadeIn 0.5s ease-in-out; }
    .page-wrapper .page-body-wrapper .page-title {
      padding: 20px 30px;
      margin: 0px -27px 0px; }
      .page-wrapper .page-body-wrapper .page-title > .row {
        margin: 0; }
        .page-wrapper .page-body-wrapper .page-title > .row .col-6 {
          padding: 0; }
      .page-wrapper .page-body-wrapper .page-title .row {
        align-items: center; }
        .page-wrapper .page-body-wrapper .page-title .row h3 {
          font-size: 24px;
          margin-bottom: 0;
          text-transform: capitalize; }
          .page-wrapper .page-body-wrapper .page-title .row h3 small {
            display: block;
            font-size: 12px;
            margin-bottom: 5px;
            text-transform: capitalize;
            color: #FFFFFF; }
      .page-wrapper .page-body-wrapper .page-title .breadcrumb {
        background-color: transparent;
        padding: 0;
        margin-bottom: 0;
        align-items: center;
        justify-content: flex-end; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
          font-size: 13px;
          letter-spacing: 1px;
          font-family: "Montserrat", sans-serif; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
          content: "/"; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
          width: 16px;
          height: 16px;
          stroke: #2c323f;
          vertical-align: text-top; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
          color: var(--theme-deafult);
          font-weight: 500; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
      stroke: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
      fill: #051A1A;
      stroke: none !important; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg {
      transition: all 0.3s ease; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
        stroke: #fff; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
        fill: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content li a {
      text-transform: capitalize; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .stroke-icon {
    display: inline-block; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .fill-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .stroke-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .fill-icon {
    display: inline-block; }
  .page-wrapper.horizontal-wrapper [data-simplebar] {
    position: relative; }
  .page-wrapper.horizontal-wrapper .footer {
    margin-left: 0; }
  .page-wrapper.horizontal-wrapper .header-logo-wrapper {
    width: 150px; }
    .page-wrapper.horizontal-wrapper .header-logo-wrapper .toggle-sidebar {
      display: none; }
  .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 19px;
    right: 0px;
    color: #fff; }
    [dir="rtl"] .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
      left: 0;
      right: unset; }
  .page-wrapper.horizontal-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: hidden;
    cursor: pointer; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    height: 54px;
    line-height: inherit;
    top: 79px;
    background: #fff;
    box-shadow: 0px 9px 24px rgba(89, 102, 122, 0.05);
    overflow-x: hidden;
    z-index: 1;
    overflow-y: visible;
    position: fixed;
    width: 100vw;
    border-top: 1px solid #efefef;
    z-index: 3; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .simplebar-content {
      display: flex; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper li {
      display: inline-block; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .badge {
      position: absolute;
      top: 2px;
      right: 0px;
      z-index: 1; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper,
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
      text-align: left;
      position: relative; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        position: absolute;
        top: 0px;
        padding: 15px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        cursor: pointer; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow.disabled,
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow.disabled {
          display: none; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow {
        left: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        right: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: normal;
        direction: ltr;
        text-align: left;
        display: -webkit-box !important;
        padding: 0 5px;
        transition: all .5s ease;
        white-space: nowrap; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a.active .according-menu i:before {
          content: '-'; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a .according-menu {
          display: none; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active {
          color: #fff; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active:after {
            background-color: rgba(255, 255, 255, 0.6); }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          position: relative;
          padding-top: 10px;
          padding-bottom: 10px; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a > span {
            color: var(--theme-deafult);
            transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a {
            background-color: #fff;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.stroke-icon {
              stroke: #fff;
              transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.fill-icon {
              fill: #fff;
              transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
            display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            display: block;
            color: #051A1A;
            line-height: 23px;
            text-decoration: none;
            text-transform: capitalize;
            padding: 5px 15px;
            margin: 0 3px;
            letter-spacing: 0.04em;
            position: relative;
            border-radius: 5px;
            font-weight: 500;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active {
              transition: all 0.3s ease; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active svg,
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active span {
                color: #fff;
                transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a .badge {
              position: absolute;
              top: -5px;
              margin-left: 1px;
              right: 10px;
              padding: 0.20em 0.7em; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg {
              width: 18px;
              height: 18px;
              vertical-align: middle;
              margin-right: 10px;
              stroke: #051A1A !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
            position: fixed;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 15px 0px 15px 0px;
            background: white; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li {
              border: 0;
              float: none;
              position: relative;
              display: block; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
                background: transparent;
                padding: 4px 30px;
                display: block;
                transition: all 0.5s ease;
                line-height: 1.9;
                color: rgba(43, 43, 43, 0.6);
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                transition: all 0.3s ease; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
                  left: 20px; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
                  color: #006666;
                  letter-spacing: 1.5px;
                  transition: all 0.3s ease; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover:after {
                    background-color: var(--theme-deafult); }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
            position: fixed;
            right: 0;
            left: 0;
            margin: 0 auto;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 30px;
            background: white;
            width: 95%;
            border-radius: 4px;
            display: block !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
              width: 20%; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                text-transform: uppercase;
                font-size: 14px;
                margin-left: -13px; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content {
                box-shadow: none;
                background-color: transparent;
                position: relative;
                display: block;
                padding: 0; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li {
                  border: 0;
                  float: none;
                  position: relative;
                  display: block; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
                    border: 0 !important;
                    background: transparent;
                    color: #051A1A;
                    border-radius: 0 !important;
                    text-transform: capitalize;
                    padding: 3px 0;
                    font-size: 13px;
                    display: block;
                    letter-spacing: 0.07em;
                    line-height: 1.9;
                    position: relative;
                    transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover {
                      color: var(--theme-deafult);
                      letter-spacing: 1.5px;
                      transition: all 0.3s ease; }
                      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover:after {
                        color: var(--theme-deafult);
                        transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:after {
                      position: absolute;
                      content: "";
                      left: -12px;
                      top: 50%;
                      width: 5px;
                      height: 1px;
                      background-color: #59667a; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a:after {
            left: 0;
            right: 0;
            opacity: 1; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu {
            position: unset; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper.overlay-white {
      background-color: rgba(255, 255, 255, 0.08); }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav i {
      font-size: 24px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
    margin-top: 110px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main-title {
    display: none !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.scorlled .sidebar-wrapper {
    display: none;
    transition: all 0.3s ease; }
  .page-wrapper.horizontal-wrapper .page-header {
    width: 100%;
    box-shadow: none; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .form-control-plaintext {
      width: auto !important; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1324px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
      @media (max-width: 1323px) and (min-width: 1200px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 1199px) and (min-width: 992px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
    @media (max-width: 1428px) and (min-width: 1324px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 55%; } }
    @media (max-width: 1323px) and (min-width: 1200px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 40%; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.horizontal-wrapper.enterprice-type footer {
    margin-left: 0; }
  .page-wrapper.material-icon .card {
    border-radius: 30px;
    box-shadow: 0 0 20px rgba(0, 102, 102, 0.1); }
  .page-wrapper .sidebar-main-title h6 {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 0.40px; }
  .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 11px;
    right: -9px;
    color: #fff;
    z-index: 9999; }
    [dir="rtl"] .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
      left: -9px;
      right: unset; }
  .page-wrapper.compact-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer; }
  .page-wrapper.compact-wrapper .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-wrapper .pin-title {
    order: -1; }
  .page-wrapper.compact-wrapper .page-header {
    margin-left: 265px;
    width: calc(100% - $sidebar-compact-width); }
    .page-wrapper.compact-wrapper .page-header.close_icon {
      margin-left: 90px;
      width: calc(100% - 90px); }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
      position: absolute;
      content: "";
      bottom: 0%;
      height: 1px;
      z-index: 8;
      width: calc(100% - 40px);
      background: #E6E9EB; }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9;
    height: 100%;
    line-height: inherit;
    background: var(--theme-deafult);
    width: 265px;
    text-align: left;
    transition: 0.3s;
    box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      fill: #fff; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      padding: 22px 30px;
      box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
      border-top-right-radius: 15px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
      width: auto;
      transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .badge {
        opacity: 0;
        width: 0;
        padding: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        max-width: 86px;
        margin: 0;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          text-align: center;
          padding: 12px 14px;
          transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main-title {
        display: none !important;
        opacity: 0;
        transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper {
        display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
        text-align: right;
        display: block; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
        width: 265px;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .badge {
          opacity: 1;
          width: auto;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          max-width: unset;
          margin: initial;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
            text-align: left; }
            [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
              text-align: right; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            padding: 12px 15px;
            transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a span {
              display: inline-block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main-title {
          opacity: 1;
          display: block !important;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
          display: block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-icon-wrapper {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .mobile-sidebar {
        transform: translate(183px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
        margin-left: 90px;
        transition: 0.5s; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer-fix {
        width: calc(100% - 90px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 118px); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          padding: 15px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::before {
            right: 20px;
            left: unset; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a span {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .according-menu {
        display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
      visibility: hidden;
      position: absolute;
      top: -8px;
      right: 17px;
      border-radius: 15px;
      padding: 4px 6px;
      color: #fff;
      font-size: 11px;
      background-color: #006666;
      border: 1px solid rgba(255, 255, 255, 0.6); }
      [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
        left: 17px;
        right: unset; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list:hover i.fa-thumb-tack {
      visibility: visible;
      cursor: pointer; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pined, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 115px);
      left: -300px;
      z-index: 99;
      transition: color 1s ease;
      overflow: auto;
      color: rgba(0, 0, 0, 0);
      margin-top: 20px;
      margin-bottom: 30px; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        font-weight: 500; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
          width: 18px;
          height: 18px;
          margin-right: 10px;
          vertical-align: -2px;
          float: none;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          letter-spacing: 0.7px;
          text-transform: capitalize;
          color: rgba(255, 255, 255, 0.8); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.link-nav .according-menu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li:last-child {
        border-bottom: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links.opennav {
        left: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn {
        display: block;
        width: 100%;
        padding: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn .mobile-back {
          padding: 20px;
          color: #242934;
          font-weight: 700;
          text-transform: uppercase;
          border-bottom: 1px solid #efefef;
          cursor: pointer;
          display: flex;
          justify-content: flex-end;
          align-items: center; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        display: block;
        width: 100%;
        position: relative; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
          padding: 25px 0 6px 20px;
          margin-top: 0px;
          margin-bottom: 12px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: block; }
          [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
            padding: 25px 20px 6px 0; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
            position: absolute;
            content: '';
            top: 0;
            left: 50%;
            background: rgba(255, 255, 255, 0.2);
            width: calc(100% - 40px);
            height: 1px;
            transform: translateX(-50%); }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2) {
            margin-top: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2)::before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list {
          padding: 0px 18px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list .badge {
            position: absolute;
            right: 50px;
            top: 14.5px;
            padding: 0.45em 0.8em 0.33em;
            z-index: 1;
            font-size: 10px;
            letter-spacing: 0.7px;
            font-weight: 600;
            font-family: "Montserrat", sans-serif;
            border-radius: 10px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list:hover > a:hover {
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg {
          fill: #fff;
          stroke: #fff;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg.fill-icon {
            fill: #fff;
            stroke: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover span {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover .according-menu i {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          padding: 11px 13px;
          position: relative;
          color: #222222; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow {
            right: 20px;
            position: absolute;
            top: 10px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow i {
              display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow:before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
          display: none !important; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
          width: 100%;
          padding: 0;
          position: relative !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
            padding-left: 50px !important;
            font-weight: 400; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu .submenu-title .according-menu {
            top: 7px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover > a {
            color: #fff;
            transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
            display: none;
            position: relative !important;
            right: 0;
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu.opensubchild {
              display: block; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a {
              padding: 6px 45px;
              padding-left: 63px !important; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a:after {
                display: none; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
            padding: 7px 25px;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.7);
            display: block;
            position: relative;
            letter-spacing: 0.06em;
            font-weight: 500;
            transition: all 0.3s ease;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a .content-menu {
              padding: 0px 15px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
              color: #fff; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active::before {
                opacity: 1;
                background: #fff;
                visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
              left: 20px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
              margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
          padding: 0;
          position: relative; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section:hover h5 {
              color: #fff !important;
              transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title {
              position: relative; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                margin-bottom: 0;
                line-height: 1.9;
                padding: 6px 25px 6px 65px;
                font-size: 14px;
                position: relative;
                color: rgba(255, 255, 255, 0.8);
                display: block;
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                cursor: pointer; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
                  left: 20px; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5 {
                color: #fff; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5::before {
                  opacity: 1;
                  visibility: visible; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
                top: 8px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
              margin-bottom: 0;
              line-height: 1.9;
              padding: 6px 15px 6px 65px;
              font-size: 14px;
              position: relative;
              color: rgba(255, 255, 255, 0.8);
              display: block;
              letter-spacing: 0.06em;
              font-weight: 500;
              font-family: "Montserrat", sans-serif; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a:after {
                display: none; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a.active {
                color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
              line-height: 1.9; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
                margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container {
          display: block !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container::before {
            height: calc(100% - 9px);
            transition: height 0.5s; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
            position: relative;
            margin-bottom: 10px;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active::after {
              opacity: 1;
              visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active ~ .sidebar-submenu::before {
              height: calc(100% - 8px);
              transition: height 0.5s; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active .according-menu i {
              color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
              color: #fff;
              transition: all 0.3s ease; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-content {
      display: flex;
      flex-direction: column; }
  .page-wrapper.compact-wrapper .page-body-wrapper .mega-box.col {
    flex-basis: unset; }
  .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
    position: absolute;
    right: 20px;
    top: 11px;
    display: block; }
    .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
      vertical-align: middle;
      color: rgba(255, 255, 255, 0.8);
      font-weight: 500; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu.border-section {
    border: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav {
    position: absolute;
    z-index: 2;
    right: 145px;
    top: 6px; }
    .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
      font-size: 18px;
      padding-left: 5px;
      text-transform: uppercase; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 80px);
    margin-top: 56px;
    margin-left: 265px; }
  .page-wrapper.compact-wrapper.dark-sidebar .sidebar-main-title h6, .page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title h6 {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .toggle-sidebar svg, .page-wrapper.compact-wrapper.color-sidebar .toggle-sidebar svg {
    stroke: var(--theme-deafult); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
    stroke: #fff !important; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
    fill: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
    stroke: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
    fill: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
    background: rgba(255, 255, 255, 0.1); }
  .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #22242B; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon {
      stroke: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon {
      fill: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
      color: #fff;
      stroke: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-light, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-light {
      display: none; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-dark, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-dark {
      display: block; }
  .page-wrapper.compact-wrapper.dark-sidebar .according-menu i, .page-wrapper.compact-wrapper.color-sidebar .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #2f3c4e; }
  .page-wrapper.compact-sidebar .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content {
    display: flex;
    flex-direction: column; }
  .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 54px;
    color: #fff;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
      left: 54px;
      right: unset; }
  .page-wrapper.compact-sidebar .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer;
    z-index: 1; }
  .page-wrapper.compact-sidebar .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-sidebar .pin-title {
    order: -1; }
  .page-wrapper.compact-sidebar ~ .bg-overlay1 {
    transition: 0.8s; }
    .page-wrapper.compact-sidebar ~ .bg-overlay1.active {
      z-index: 8;
      height: 100vh;
      width: 100vw;
      background-color: rgba(0, 0, 0, 0.2);
      position: fixed;
      top: 0; }
  .page-wrapper.compact-sidebar .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-sidebar .sidebar-main-title {
    display: none; }
  .page-wrapper.compact-sidebar .logo-wrapper {
    display: none; }
  .page-wrapper.compact-sidebar .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 24px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-sidebar .page-header {
    margin-left: 150px;
    width: calc(100% - 150px); }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1578px) and (min-width: 1274px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 38%; } }
      @media (max-width: 1273px) and (min-width: 1200px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 45%; } }
      @media (max-width: 991px) and (min-width: 768px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 36%; } }
      @media (max-width: 767px) and (min-width: 756px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 28%; } }
      @media (max-width: 1199px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 132px; } }
      @media (max-width: 767px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 83px; } }
    .page-wrapper.compact-sidebar .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
    margin-top: 80px;
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper .footer {
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
      height: auto;
      line-height: inherit;
      background: #F5F5F5;
      width: 150px;
      text-align: left;
      transition: 0.3s;
      box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1); }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      margin: 30px 0;
      height: calc(100vh - 113px);
      overflow: auto; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        color: #2c323f; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          text-transform: capitalize;
          color: #2c323f;
          font-weight: 500;
          letter-spacing: 1px;
          font-size: 14px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active {
          background: rgba(0, 102, 102, 0.1);
          color: #006666;
          border-radius: 20px;
          margin: 0 10px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active span {
            color: #006666; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
            animation: fadeInLeft 300ms ease-in-out; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
        display: block;
        padding: 20px 0;
        border-bottom: 1px solid #f3f3f3; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
        position: fixed;
        top: 0px;
        height: calc(100vh - 0px);
        overflow: auto;
        left: 150px;
        width: 230px;
        background-color: #fff;
        box-shadow: 0 16px 15px 15px rgba(126, 55, 216, 0.03);
        transition: all 0.5s ease-in-out;
        display: none;
        padding-top: 20px;
        z-index: -1; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
          padding: 15px 15px 15px 40px;
          display: block;
          position: relative;
          border-bottom: 1px solid #f1f1f1; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
            display: none; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
            position: absolute;
            right: 20px;
            top: 16px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a.active,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a.active {
            background-color: rgba(0, 102, 102, 0.1);
            color: #006666;
            transition: all 0.3s ease; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li .submenu-content li a.active,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li .submenu-content li a.active {
          background-color: transparent; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
          position: absolute;
          content: "";
          left: 20px;
          top: 48%;
          width: 12px;
          border-top: 2px solid rgba(255, 255, 255, 0.4); }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 0; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
            text-align: left; }
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
              position: relative;
              font-size: 14px;
              font-weight: 400;
              padding: 15px 15px 15px 40px;
              letter-spacing: 1px;
              margin-bottom: 0; }
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
                position: absolute;
                content: "";
                left: 20px;
                top: 48%;
                width: 6px;
                border-top: 2px solid #595c60; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list {
        position: relative; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
          position: absolute;
          left: 53%;
          top: 7px;
          font-weight: 500;
          font-size: 9px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
          text-align: center; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
            margin: 0 auto 6px;
            width: 24px;
            height: 24px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
            display: block;
            font-weight: 500;
            letter-spacing: 1px;
            font-size: 14px;
            word-break: break-word; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link .according-menu {
            display: none; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
        text-align: center;
        padding: 0; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
          width: 24px;
          height: 24px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
          position: absolute;
          right: 20px;
          top: 13px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
      transform: translateX(-150px); }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
        margin-left: 0px; }
  .page-wrapper.compact-small .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 22px;
    color: #006666;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
      left: 22px;
      right: unset; }
  .page-wrapper.compact-small .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible; }
  .page-wrapper.compact-small .sidebar-list.pined, .page-wrapper.compact-small .sidebar-list.pin-title {
    order: -1; }
  .page-wrapper.compact-small .sidebar-main-title,
  .page-wrapper.compact-small .logo-wrapper {
    display: none; }
  .page-wrapper.compact-small .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 27px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-small .page-header {
    margin-left: 90px;
    width: calc(100% - 90px); }
    .page-wrapper.compact-small .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-small .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-small .page-body-wrapper .page-body {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper .footer {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div {
    width: 90px; }
  @media (max-width: 420px) {
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 105px); } }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    display: block;
    padding: 15px 0; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 90px; }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
      padding: 10px 15px 10px 40px; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
        display: none; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
        top: 11px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
    margin: 0 auto;
    width: 20px;
    height: 20px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
    margin: 0 auto; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu a > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translateX(-150px); }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
      margin-left: 0px; }
  .page-wrapper.only-body {
    background-color: #f2f0fa; }
    .page-wrapper.only-body .page-body-wrapper {
      background-color: #f2f0fa; }
    .page-wrapper.only-body .page-header {
      position: relative; }
      .page-wrapper.only-body .page-header .header-logo-wrapper {
        display: none; }
      .page-wrapper.only-body .page-header .header-wrapper {
        padding: 0 !important; }
        .page-wrapper.only-body .page-header .header-wrapper .left-header {
          display: none; }
        .page-wrapper.only-body .page-header .header-wrapper .nav-right {
          position: absolute;
          right: 60px;
          top: 58px; }
        .page-wrapper.only-body .page-header .header-wrapper .search-full {
          top: 37px;
          width: calc(100% - 50px);
          left: 25px; }
          [dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .search-full {
            left: unset;
            right: 25px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
            background-color: #fff;
            border-radius: 15px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu {
            top: 78px;
            width: calc(100% - 30px);
            margin: 0 auto;
            right: 0; }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-top: 20px;
      padding-bottom: 20px; }
    .page-wrapper.only-body .sidebar-wrapper,
    .page-wrapper.only-body footer {
      display: none; }
    .page-wrapper.only-body .page-body-wrapper .page-body {
      margin-top: 0px;
      min-height: calc(100vh - 0px); }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-left: 30px;
      padding-right: 30px;
      margin: 30px 0;
      border-radius: 15px; }
      @media (max-width: 991.98px) {
        .page-wrapper.only-body .page-body-wrapper .page-title {
          padding-left: 20px;
          padding-right: 20px;
          margin: 20px 0; } }
      .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6 {
        flex: 0 0 100%;
        max-width: 100%; }
      .page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb {
        margin-top: 5px;
        justify-content: flex-start; }
  .page-wrapper.modern-type .progress-chart-wrap {
    margin-left: -22px; }
    [dir="rtl"] .page-wrapper.modern-type .progress-chart-wrap {
      margin-left: unset;
      margin-right: -22px; }
  .page-wrapper.modern-type .ecommerce-widget {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .file-sidebar .pricing-plan {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .alert-primary {
    color: #006666; }
  .page-wrapper.modern-type .project-box {
    background-color: #00d6d6; }
  .page-wrapper.modern-type .nav-tabs .nav-link.active {
    background-color: transparent; }
  .page-wrapper.modern-type .simplebar-mask {
    top: 10px; }
  .page-wrapper.modern-type .page-header {
    margin-left: 0px;
    width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header.close_icon {
      margin-left: 0px;
      width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1200px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 818px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 36%; } }
    @media (max-width: 1669px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 50%; } }
    @media (max-width: 1428px) and (min-width: 1200px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 40%; } }
    .page-wrapper.modern-type .page-header .header-wrapper .header-logo-wrapper {
      display: flex;
      align-items: center; }
    .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
      display: block;
      margin-right: 30px; }
    .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
      display: block;
      position: relative;
      top: unset;
      right: unset;
      margin-right: 15px; }
  .page-wrapper.modern-type .page-body-wrapper .page-title {
    background-color: transparent;
    padding-bottom: 0; }
  .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
    margin: 30px !important;
    top: 80px;
    bottom: 0;
    border-radius: 15px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 160px); }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      margin-left: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
      margin-left: 0px;
      margin-right: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
      display: none; }
  .page-wrapper.modern-type .page-body-wrapper .page-body {
    margin-left: 296px; }
    .page-wrapper.modern-type .page-body-wrapper .page-body .container-fluid {
      max-width: 1500px; }
  .page-wrapper.modern-type .page-body-wrapper .footer {
    margin-left: 360px;
    margin-right: 70px;
    border-radius: 10px; }
    @media (max-width: 991px) {
      .page-wrapper.modern-type .page-body-wrapper .footer {
        margin-right: 0;
        margin-left: 0; } }
  .page-wrapper.material-type {
    position: relative; }
    .page-wrapper.material-type::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 300px;
      background-image: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-type .card {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
    .page-wrapper.material-type .page-header {
      position: relative;
      max-width: 1560px;
      margin: 50px auto 0;
      border-radius: 15px 15px 0 0; }
      .page-wrapper.material-type .page-header .header-wrapper .left-header {
        width: 31%; }
        @media (max-width: 1600px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 33%; } }
        @media (max-width: 1366px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 38%; } }
        @media (max-width: 1199px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 30%; } }
      @media (max-width: 1600px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 40%; } }
      @media (max-width: 1199px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 45%; } }
    .page-wrapper.material-type .page-body-wrapper {
      background-blend-mode: overlay;
      background-color: rgba(255, 255, 255, 0.5); }
      .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        position: relative;
        max-width: 1560px;
        margin: 0 auto;
        top: unset;
        height: 56px; }
      .page-wrapper.material-type .page-body-wrapper .page-body {
        margin: 0 auto;
        max-width: 1560px;
        background-color: #F5F5F5;
        box-shadow: 0 0 20px 7px rgba(8, 21, 66, 0.05);
        border-radius: 0 0 15px 15px; }
    .page-wrapper.material-type .footer {
      margin-top: 40px; }
    .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .left-header {
      width: 38%; }
    @media (max-width: 991px) {
      .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.advance-layout {
    background-blend-mode: overlay;
    background-color: #F5F5F5; }
    .page-wrapper.advance-layout .card {
      border-radius: 5px;
      box-shadow: none;
      border: 1px solid #ecf3fa; }
    .page-wrapper.advance-layout .page-header {
      position: relative;
      background-color: #fff;
      margin: 0 auto; }
    .page-wrapper.advance-layout .page-body-wrapper {
      background: transparent; }
      .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
        position: relative !important;
        top: unset !important;
        height: unset;
        box-shadow: none;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef; }
        .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper > div {
          overflow-x: hidden; }
      .page-wrapper.advance-layout .page-body-wrapper .page-body {
        margin-top: 0 !important; }

@keyframes pagebody {
  from {
    opacity: 0;
    transform: scale3d(0.98, 0.98, 0.98) translate(-20px, -50px); }
  50% {
    opacity: 1; } }

.md-sidebar {
  position: relative; }
  .md-sidebar .md-sidebar-toggle {
    display: none;
    width: fit-content;
    text-transform: capitalize;
    margin-bottom: 20px; }

#sidebar-menu .sidebar-links .simplebar-mask {
  border-bottom-right-radius: 18px; }

@media screen and (max-width: 1480px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -18%;
    width: 91%; } }

@media screen and (max-width: 1460px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -54%;
    width: 75%; }
  .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-right: 8px; } }

@media screen and (max-width: 1366px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -49%;
    width: 70%; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) {
    padding: 8px; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) svg {
      height: 22px;
      width: 22px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.onhover-dropdown.notification-down:nth-child(5)::before {
    left: 47px;
    height: 42px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li .profile-media img {
    width: 32px;
    height: 32px; }
  .profile-dropdown.onhover-show-div {
    right: 0;
    left: unset !important; }
    .profile-dropdown.onhover-show-div:before, .profile-dropdown.onhover-show-div:after {
      right: 10px !important;
      left: unset !important; } }

@media screen and (max-width: 1199px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 6px; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown .notification-down::before {
      content: "";
      position: absolute;
      left: 33px;
      height: 30px; }
  .mobile-title.d-none {
    display: flex !important;
    justify-content: space-between;
    padding: 20px 30px 17px;
    border-bottom: 1px solid #ddd;
    margin: 0 -15px; }
    .mobile-title.d-none h5 {
      color: var(--theme-deafult); }
    .mobile-title.d-none svg {
      stroke: var(--theme-deafult) !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -35%;
    width: 56%; } }

@media screen and (min-width: 992px) {
  .page-header .header-wrapper .nav-right .notification-dropdown {
    top: 46px; }
  .responsive-btn {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-mask {
    top: 0; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
    width: 200px;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    transition: all 0.5s ease; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a .sub-arrow {
      position: absolute;
      right: 20px;
      top: 5px;
      color: #59667a;
      font-weight: 100;
      transition: all 0.5s ease;
      font-size: 15px;
      top: 5px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
      display: none;
      border-radius: 4px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover .nav-sub-childmenu {
      display: block;
      position: absolute;
      left: 200px;
      background-color: #fff;
      top: -10px;
      padding: 15px 0px 15px 0px;
      box-shadow: 0 0 1px 0 #898989; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover .sub-arrow {
      right: 16px;
      transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.hoverd .sidebar-submenu {
    opacity: 1;
    visibility: visible;
    margin-top: 8px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .mega-menu-container {
    opacity: 1;
    visibility: visible;
    margin-top: 20px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .mobile-back {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .page-wrapper.material-icon {
    position: relative; }
    .page-wrapper.material-icon::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 200px;
      background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-icon .toggle-sidebar {
      color: rgba(255, 255, 255, 0.8); }
      .page-wrapper.material-icon .toggle-sidebar:hover > svg {
        color: #fff !important;
        stroke: #fff !important; }
    .page-wrapper.material-icon .page-header {
      position: relative;
      background: transparent;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto;
      width: calc(100% - 0px);
      box-shadow: none; }
      .page-wrapper.material-icon .page-header .f-light {
        color: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
        stroke: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li {
        color: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .notification-box svg,
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .cart-box svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > a > svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > svg {
          stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
        color: rgba(255, 255, 255, 0.7); }
      .page-wrapper.material-icon .page-header.close_icon {
        padding-left: 0;
        margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-body {
      margin-top: 0 !important;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto; }
    .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      padding-left: 15px;
      margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-title {
      color: #fff;
      background-color: transparent;
      border-bottom: none;
      box-shadow: none; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
        color: rgba(255, 255, 255, 0.6); }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        color: rgba(255, 255, 255, 0.8); } }

@media only screen and (min-width: 992px) {
  .page-wrapper.material-icon::before {
    height: 240px; } }

@media screen and (max-width: 767px) {
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(2) {
    background-color: #fff;
    padding: 8px;
    border-radius: 40px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav {
    background-color: unset; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav ul li {
      border-radius: 0px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:last-child {
    padding: 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
    height: 27px;
    width: 27px;
    cursor: pointer; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-dropdown .cart-dropdown ul li:nth-child(2) {
    border-radius: 0px !important;
    padding: 16px 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .tab-content .notification-card ul li {
    padding: 15px 0px !important;
    border-radius: 0px !important; }
  .sidebar-wrapper .menu .brand-logo img {
    width: 120px; } }

@media screen and (max-width: 576px) {
  .toggle-nav i {
    font-size: 20px; } }

/**=====================
  5.7 Sidebar CSS Ends
==========================**/
.left-header .d-flex {
  align-items: center; }

.left-header .welcome-content span {
  color: var(--chart-text-color); }

.left-header h6 {
  line-height: 1.6; }
  @media (max-width: 1199px) {
    .left-header h6 {
      width: 160px;
      overflow: hidden;
      -webkit-line-clamp: 1;
      text-overflow: ellipsis;
      white-space: nowrap; } }
  @media (max-width: 991px) {
    .left-header h6 {
      width: 120px; } }
  @media (max-width: 767px) {
    .left-header h6 {
      width: 66px; } }
@media (max-width: 892px) {
  .left-header {
    display: none; } }

.left-header img {
  margin-top: -12px;
  height: 26px; }

.left-header i {
  font-weight: 600;
  font-size: 12px;
  margin-bottom: -4px; }

.nav-right .nav-menus li .input-icon svg {
  position: absolute;
  top: 11px;
  left: 15px; }
  [dir="rtl"] .nav-right .nav-menus li .input-icon svg {
    right: 15px;
    left: unset; }

.nav-right .nav-menus li .input-icon::before {
  content: "";
  top: 8px;
  left: 44px;
  height: 25px;
  width: 1px;
  background-color: #E6E9EB;
  position: absolute; }
  [dir="rtl"] .nav-right .nav-menus li .input-icon::before {
    right: 44px;
    left: unset; }

.nav-right .nav-menus li .input-icon input {
  background-color: #fff; }

.nav-right .nav-menus li .input-show {
  position: relative; }
  .nav-right .nav-menus li .input-show input {
    position: absolute;
    z-index: 11;
    top: 25px;
    left: 0px;
    background-color: #fff;
    padding: 12px; }
  .nav-right .nav-menus li .input-show #searchInput.show input {
    display: block; }
  .nav-right .nav-menus li .input-show #searchInput input {
    display: none; }

/*======= Page Header css ends  ======= */
/**======Main Header css Start ======**/
.offcanvas .page-wrapper .page-body-wrapper .page-body,
.offcanvas-bookmark .page-wrapper .page-body-wrapper .page-body {
  position: relative;
  filter: blur(5px) grayscale(100%); }

.offcanvas {
  position: unset;
  visibility: visible;
  background: unset;
  z-index: 2; }

.toggle-sidebar {
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer; }
  .toggle-sidebar svg {
    width: 20px;
    height: 20px;
    stroke: var(--white); }
  .toggle-sidebar:before {
    content: "";
    position: absolute;
    height: 40px;
    width: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 100%;
    left: -10px;
    z-index: -2;
    top: -9px;
    transform: scale(0);
    transition: all 0.3s ease; }
  .toggle-sidebar:hover:before {
    height: 40px;
    width: 40px;
    transform: scale(1);
    transition: all 0.3s ease; }
  .toggle-sidebar:hover > svg {
    color: var(--white) !important;
    stroke: var(--white) !important; }

.onhover-dropdown {
  cursor: pointer;
  position: relative; }
  .onhover-dropdown.notification-down::before {
    content: "";
    top: 0px;
    left: 55px;
    height: 46px;
    width: 1px;
    background-color: #E6E9EB;
    position: absolute; }

.page-wrapper .page-body-wrapper {
  background-color: #F5F5F5; }

.page-wrapper .page-header.close_icon .header-wrapper .header-logo-wrapper .toggle-sidebar svg {
  stroke: #898989 !important; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message a {
  color: #051A1A; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .notification-card a {
  color: #051A1A; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .notification-card a:hover {
    color: #006666; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul {
  gap: 8px;
  justify-content: center;
  padding: 0px !important;
  align-items: center; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification-box a {
      color: #051A1A; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.total h6 {
      text-align: -webkit-auto; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification {
      border-bottom: 1px solid #E6E9EB;
      padding-bottom: 15px;
      padding-top: 15px; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data .product-icon {
        height: 40px;
        width: 40px;
        border-radius: 6px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data .product-icon svg {
          width: 25px;
          height: 25px;
          stroke: none !important; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data span {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;
        text-align: -webkit-auto; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification:last-child {
        border: none; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li {
  padding: 19px 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts {
    display: flex;
    align-items: center; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-image {
      height: 34px;
      width: 34px; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-name {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-name h6 {
        text-align: start; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li:hover a {
    color: #006666; }

.onhover-show-div {
  top: 80px;
  position: absolute;
  z-index: 8;
  background-color: #fff;
  transition: all linear 0.3s; }
  .onhover-show-div li a svg {
    margin-top: 0 !important; }
    .onhover-show-div li a svg path,
    .onhover-show-div li a svg line {
      color: #051A1A !important; }

/**======Main Header css Ends ======**/
/*=======Mega menu css start=======*/
.mega-menu .default-according .card .btn-link {
  font-weight: 500;
  color: gray; }

.mega-menu .default-according .card .card-body {
  font-size: 12px; }

.mega-menu .onhover-show-div {
  width: 1500px; }

.mega-menu .card-body {
  padding: 20px; }

.mega-menu div > div a {
  margin-bottom: 0px;
  display: inline-block;
  color: #FFFFFF; }

.mega-menu .list-unstyled div a {
  padding: 8px 35px 8px 0;
  transition: 0.5s; }
  .mega-menu .list-unstyled div a:hover {
    padding: 8px 35px 8px 10px;
    transition: 0.5s; }

/*=======Mega menu css end=======*/
/**=====================
    5.3 Header CSS Ends
==========================**/
/**=====================
    5.4 Navs CSS Start
==========================**/
#accordionoc #collapseicon,
#accordionoc #collapseicon1 {
  padding-top: 0px; }

#accordionoc li button {
  display: flex;
  align-items: center; }

.navs-icon.default-according.style-1 li button {
  position: relative; }
  .navs-icon.default-according.style-1 li button:hover {
    color: var(--theme-deafult) !important; }

.navs-icon.default-according.style-1 li button[aria-expanded="true"]:before {
  right: 2px;
  top: 6px; }

.navs-icon.default-according.style-1 li button[aria-expanded="false"]:before {
  right: 2px;
  top: 6px; }

.navs-icon {
  padding: 30px; }
  .navs-icon li {
    padding: 9px 0; }
    .navs-icon li a {
      color: #051A1A; }
      .navs-icon li a:hover {
        color: var(--theme-deafult); }
    .navs-icon li ul {
      padding-top: 9px; }

.onhover-dropdown.navs-dropdown:hover .onhover-show-div:before, .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after {
  right: 77px;
  left: unset; }

.icon-lists {
  font-family: inherit; }

/**=====================
    5.4 Navs CSS Ends
==========================**/
/**=====================
   5.5 Search CSS Start
==========================**/
.search-page .theme-form input {
  border: 1px solid var(--theme-deafult);
  padding-left: 20px;
  border-radius: 10px 0 0 10px;
  flex: 1 1 auto; }
  .search-page .theme-form input::placeholder {
    color: #006666; }
  .search-page .theme-form input:focus {
    outline: none; }

.search-page .theme-form .input-group .btn {
  line-height: 32px;
  font-size: 16px; }

.search-page .theme-form .input-group .form-control-plaintext {
  background: transparent; }

.search-page h6 {
  line-height: 1.4; }

.search-page .nav-link {
  font-weight: 500;
  text-transform: uppercase; }

.search-page .border-tab.nav-tabs .material-border {
  border-bottom-width: 1px; }

.search-page .border-tab.nav-tabs .nav-item .nav-link {
  font-size: 15px;
  padding: 10px 18px; }

.search-page .media .media-body {
  overflow: hidden; }

.search-page .info-block {
  padding: 30px;
  border-radius: 15px;
  border: 1px solid #E6E9EB; }
  .search-page .info-block a {
    color: #656565;
    margin-bottom: 3px;
    display: block; }
  .search-page .info-block h6 {
    color: #006666; }
  .search-page .info-block + .info-block {
    margin-top: 20px; }

.search-page .border-tab.nav-tabs {
  align-items: left;
  justify-content: end; }
  .search-page .border-tab.nav-tabs .nav-item {
    width: auto; }

.search-page .search-links h6 {
  margin-bottom: 10px; }

.search-page p {
  text-transform: lowercase;
  margin-bottom: 0;
  color: #a5a2a2; }

.search-page ul.search-info li {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  color: #586082; }
  .search-page ul.search-info li + li {
    border-left: 1px solid #a8b0c2;
    padding-left: 8px;
    margin-left: 8px; }
  .search-page ul.search-info li i {
    color: #FFAE1A; }
    .search-page ul.search-info li i:not(:last-child) {
      margin-right: 4px; }

.search-page #video-links .embed-responsive + .embed-responsive {
  margin-top: 30px; }

.search-list {
  margin-bottom: 30px;
  width: auto;
  display: inline-flex;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #006666;
  border: none; }
  .search-list .nav-item {
    background-color: rgba(0, 102, 102, 0.1); }
    .search-list .nav-item .nav-link {
      border: none;
      padding: 0.7rem 1.5rem;
      opacity: 0.5; }
      .search-list .nav-item .nav-link.active {
        background-color: rgba(0, 102, 102, 0.1);
        color: var(--theme-deafult);
        opacity: 1; }
    .search-list .nav-item.show, .search-list .nav-item.active {
      background-color: rgba(0, 102, 102, 0.1); }

/**=====================
  5.5 Search CSS Ends
==========================**/
/**=====================
    5.6 Select2 CSS Start
==========================**/
/**=====================
    2.35 Typeahead-search CSS Start
==========================**/
.Typeahead {
  width: 100%; }
  .Typeahead * {
    box-sizing: border-box; }
    .Typeahead *:before {
      box-sizing: border-box; }
    .Typeahead *:after {
      box-sizing: border-box; }
  .Typeahead .tt-hint {
    display: none !important; }

.u-cf:before {
  content: " ";
  display: table; }

.u-cf:after {
  content: " ";
  display: table;
  clear: both; }

.u-hidden {
  display: none !important; }

.u-posRelative {
  position: relative; }

.Typeahead-spinner {
  position: absolute;
  top: 14px;
  right: 18px;
  display: none;
  color: #c5c5c5; }

.ProfileCard-avatar svg {
  height: 18px;
  vertical-align: bottom; }
  .ProfileCard-avatar svg path {
    color: #7e7c7c !important; }
  .ProfileCard-avatar svg polygon {
    color: #7e7c7c !important; }

.Typeahead-hint {
  width: 100%;
  padding: 5px 8px;
  font-size: 24px;
  line-height: 30px;
  border: 1px solid #024e6a;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  color: #ccd6dd;
  opacity: 1; }

.Typeahead-menu {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 15px;
  z-index: 100;
  display: none;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.Typeahead-menu.is-open {
  display: block; }

.Typeahead-selectable {
  cursor: pointer; }
  .Typeahead-selectable + .Typeahead-selectable {
    border-top: 1px solid #ccd6dd; }

.ProfileCard {
  position: relative;
  padding: 10px;
  border: 1px solid #E6E9EB !important;
  margin-bottom: 10px;
  border-radius: 10px; }
  .ProfileCard:hover {
    color: #414345;
    background: #f8f8f8; }
    .ProfileCard:hover .ProfileCard-avatar {
      border-color: #f5f8fa; }
    .ProfileCard:hover .ProfileCard-screenName {
      color: #fff; }
    .ProfileCard:hover .ProfileCard-stat-label {
      color: #fff; }

.ProfileCard-avatar {
  position: absolute;
  border-radius: 5px; }

.ProfileCard-details {
  padding-left: 35px;
  float: left; }

.ProfileCard-realName {
  display: inline-block;
  color: #898989; }

.ProfileCard-screenName {
  display: inline-block;
  color: #898989; }

.ProfileCard-description {
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px; }

.ProfileCard-stats {
  float: right;
  text-align: right; }

.ProfileCard-stat {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase; }
  .ProfileCard-stat + .ProfileCard-stat {
    margin-left: 5px; }

.ProfileCard-stat-label {
  color: #898989;
  font-weight: 500; }

.ProfileCard.is-active {
  color: #fff;
  background: var(--theme-deafult); }
  .ProfileCard.is-active .ProfileCard-screenName {
    color: #fff; }
  .ProfileCard.is-active .ProfileCard-stat-label {
    color: #fff; }

.EmptyMessage {
  position: relative;
  padding: 10px;
  font-size: 14px;
  line-height: 30px;
  text-align: center; }

.Typeahead-spinner {
  width: 1rem;
  height: 1rem; }

.sey-container {
  display: none;
  position: absolute;
  box-shadow: 1px 2px 6px;
  background-color: #fff;
  color: #333;
  transition: left 0.1s ease-in-out;
  z-index: 1; }

.sey-list {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.sey-show {
  display: block; }

.sey-hide {
  display: none; }

.sey-empty {
  cursor: default;
  padding: 7px; }

.sey-item {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 7px; }
  .sey-item:hover {
    background-color: #444;
    color: #fff; }

.sey-selected {
  background-color: #333;
  color: #fff; }

.sey-char-highlight {
  font-weight: bold; }

.sey-category-id {
  background-color: #eee;
  color: #aaa;
  text-align: right;
  text-transform: capitalize;
  font-style: italic;
  font-size: 12px;
  box-shadow: 1px 0px 1px;
  padding: 7px; }

/**=====================
  2.35 Typeahead-search CSS Ends
==========================**/
.dropzone {
  background: unset; }
  .dropzone.dropzone-secondary {
    border: 2px dashed #FE6A49; }
    .dropzone.dropzone-secondary i {
      color: #FE6A49; }
  @media (max-width: 360px) {
    .dropzone .note {
      min-width: unset !important; } }
  .dropzone .dz-preview {
    margin: 28px 18px !important;
    box-shadow: unset; }
    .dropzone .dz-preview .dz-details {
      top: unset;
      bottom: -6px;
      position: relative;
      padding-bottom: 6px;
      background-color: unset; }
      [dir="rtl"] .dropzone .dz-preview .dz-details {
        left: unset;
        right: 32px; }
    .dropzone .dz-preview:hover .dz-error-message {
      display: none !important; }
  .dropzone .dz-error-mark .dz-remove {
    position: relative; }

.dz-preview .dz-remove {
  cursor: pointer; }

.dropzone-secondary .dz-preview .dz-remove {
  color: #FE6A49; }

.select2 {
  max-width: 100%; }

.add-post #cke_text-box {
  border: 1px solid #efefef; }

.add-post form .m-checkbox-inline label {
  margin-bottom: 0; }

.add-post form .form-control {
  border: 1px solid #efefef; }

.add-post form .col-form-label {
  padding-bottom: 0;
  padding-top: 0;
  font-weight: 500; }
  .add-post form .col-form-label .select2-container--default {
    margin-top: 10px;
    max-width: 100%; }
    .add-post form .col-form-label .select2-container--default .selection .select2-selection .select2-search__field {
      padding: 2px; }
    .add-post form .col-form-label .select2-container--default .select2-selection--multiple {
      border: 1px solid #efefef;
      max-width: 100%; }
      .add-post form .col-form-label .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
        margin-top: 6px !important; }

.add-post .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--theme-deafult);
  border: 1px solid var(--theme-deafult);
  color: var(--white); }
  .add-post .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    color: var(--white);
    float: right;
    margin-left: 0.5rem; }
    [dir="rtl"] .add-post .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
      float: left;
      margin-left: unset;
      margin-right: 0.5rem; }

.add-post .dropzone {
  margin-bottom: 30px; }

.select2-container--open .select2-dropdown {
  z-index: 7; }

.select2-container {
  width: 100% !important; }
  .select2-container.select2 .selection {
    display: block !important; }

.select2-drpdwn .select2-selection {
  border-radius: 0 !important;
  border-color: #E6E9EB !important;
  height: 40px !important;
  padding: 5px; }

.select2-drpdwn .form-control {
  border-radius: 5px; }

.select2-drpdwn .form-control-primary {
  border-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.select2-drpdwn .form-control-secondary {
  border-color: var(--theme-secondary);
  color: var(--theme-secondary); }

.select2-drpdwn .form-control-success {
  border-color: #00AC46;
  color: #00AC46; }

.select2-drpdwn .form-control-info {
  border-color: #173878;
  color: #173878; }

.select2-drpdwn .form-control-warning {
  border-color: #FFAE1A;
  color: #FFAE1A; }

.select2-drpdwn .form-control-danger {
  border-color: #FE6A49;
  color: #FE6A49; }

.select2-drpdwn .form-control-inverse {
  border-color: #2c323f;
  color: #2c323f; }

.select2-drpdwn .form-control-primary-fill {
  background-color: var(--theme-deafult);
  color: #fff; }

.select2-drpdwn .form-control-secondary-fill {
  background-color: var(--theme-secondary);
  color: #fff; }

.select2-drpdwn .form-control-success-fill {
  background-color: #00AC46;
  color: #fff; }

.select2-drpdwn .form-control-info-fill {
  background-color: #173878;
  color: #fff; }

.select2-drpdwn .form-control-warning-fill {
  background-color: #FFAE1A;
  color: #fff; }

.select2-drpdwn .form-control-danger-fill {
  background-color: #FE6A49;
  color: #fff; }

.select2-drpdwn .form-control-inverse-fill {
  background-color: #2c323f;
  color: #fff; }

.filepond--drop-label .filepond--label-action {
  color: #FE6A49;
  text-decoration: none; }

.filepond--list .filepond--file {
  background-color: #006666; }

/* Do not show the "remove tag" (x) button when only a single tag remains */
.customLook {
  display: inline-block;
  min-width: 0;
  border: none; }
  .customLook .tagify__tag {
    margin-top: 0; }
    .customLook .tagify__tag:only-of-type .tagify__tag__removeBtn {
      display: none; }
    .customLook .tagify__tag:hover .tagify__tag__removeBtn {
      transform: none;
      opacity: 1;
      margin-left: -1ch; }
  .customLook .tagify__tag__removeBtn {
    opacity: 0;
    transform: translateX(-6px) scale(0.5);
    margin-left: -3ch;
    transition: .12s; }
  .customLook + button {
    color: var(--theme-deafult);
    font: bold 1.4em/1.65 Arial;
    border: 0;
    background: none;
    box-shadow: 0 0 0 2px inset var(--theme-deafult);
    border-radius: 50%;
    width: 1.65em;
    height: 1.65em;
    cursor: pointer;
    outline: none;
    transition: .1s ease-out;
    margin: 0 0 0 5px;
    vertical-align: top; }
    .customLook + button:hover {
      box-shadow: 0 0 0 5px inset var(--theme-deafult); }
  .customLook .tagify__input {
    display: none; }

.tagify--empty .tagify__input::before {
  color: var(--chart-text-color); }

.customSuggestionsList > div {
  max-height: 300px;
  min-height: 50px;
  border: 2px solid var(--chart-dashed-border);
  overflow: auto; }

.customSuggestionsList .empty {
  color: var(--theme-deafult);
  font-size: 20px;
  text-align: center;
  padding: 1em; }

.tagify__dropdown.extra-properties .tagify__dropdown__item > img {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  transform: scale(0.75);
  margin-right: 5px;
  border-radius: 2px;
  transition: .12s ease-out; }

.tagify__dropdown.extra-properties .tagify__dropdown__item:hover > img {
  transform: none;
  margin-right: 12px; }

.tagify__dropdown.extra-properties .tagify__dropdown__item--active > img {
  transform: none;
  margin-right: 12px; }

.tagify.countries .tagify__input {
  min-width: 175px; }

.tagify.countries tag {
  white-space: nowrap; }
  .tagify.countries tag img {
    display: inline-block;
    height: 16px;
    margin-right: 3px;
    border-radius: 2px;
    pointer-events: none; }

.tagify--select {
  width: 100%; }

.tagify__dropdown__wrapper {
  background: var(--white);
  border-color: var(--recent-dashed-border); }

.tagify__dropdown__item--active {
  background-color: #E6E9EB;
  color: var(--body-font-color); }

.tagify {
  --tags-focus-border-color: #cccccc; }

.tagify__input {
  color: #2c323f; }

.tagify--select::after {
  color: var(--chart-text-color); }
  [dir="rtl"] .tagify--select::after {
    right: unset;
    left: 0;
    transform: translate(150%, -50%) scaleX(1.2) rotate(90deg); }

[dir="rtl"] .tagify--select .tagify__tag {
  right: unset;
  left: 1.8em; }

[dir="rtl"] .tagify--select[aria-expanded=true]::after {
  transform: translate(150%, -50%) rotate(270deg) scale(1.2); }

.international-num input {
  width: calc(240px + (250 - 240) * ((100vw - 320px) / (1920 - 320)));
  padding: 10px;
  border-radius: 2px;
  border: 1px solid #E6E9EB; }
  .international-num input:focus {
    outline-color: #E6E9EB; }

.international-num input::placeholder {
  color: #E6E9EB; }

.international-num .results ul {
  border: 1px solid #E6E9EB;
  margin-top: 12px;
  padding: 8px;
  line-height: 1.9; }

.iti--allow-dropdown .iti__flag {
  background-image: url(/../images/forms/flags.png); }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 10px;
  right: 10px; }

.select-box {
  position: relative;
  display: flex;
  width: 400px;
  flex-direction: column; }
  .select-box .options-container {
    background: var(--recent-box-bg);
    color: var(--body-font-color);
    max-height: 0;
    width: 100%;
    opacity: 0;
    transition: all 0.4s;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    order: 1; }
    .select-box .options-container::-webkit-scrollbar {
      width: 8px;
      background: var(--view-grid-bg);
      border-radius: 0 8px 8px 0; }
    .select-box .options-container::-webkit-scrollbar-thumb {
      background: var(--view-grid-bg);
      border-radius: 0 8px 8px 0; }
  .select-box .options-container.active {
    max-height: 240px;
    opacity: 1;
    overflow-y: scroll;
    margin-top: 53px; }
    @media (min-width: 1007px) and (max-width: 1920px) {
      .select-box .options-container.active {
        max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } }
    @media (min-width: 768px) and (max-width: 1006px) {
      .select-box .options-container.active {
        max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } }
    @media (max-width: 767px) {
      .select-box .options-container.active {
        max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
        margin-top: 46px; } }
    .select-box .options-container.active + .selected-box::after {
      transform: rotateX(180deg);
      top: -6px; }
    .select-box .options-container.active ~ .search-box input {
      opacity: 1;
      pointer-events: auto; }
  .select-box .selection-option {
    padding: 12px 24px;
    cursor: pointer; }
    .select-box .selection-option:hover {
      background: #E6E9EB; }
    .select-box .selection-option .radio {
      display: none; }
  .select-box label {
    cursor: pointer; }

.selected-box {
  background: var(--light2);
  color: #333;
  position: relative;
  order: 0;
  padding: 12px 24px;
  cursor: pointer; }
  @media (min-width: 1007px) and (max-width: 1920px) {
    .selected-box {
      max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } }
  @media (min-width: 768px) and (max-width: 1006px) {
    .selected-box {
      max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } }
  @media (max-width: 767px) {
    .selected-box {
      max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320))); } }
  .selected-box::after {
    content: "\f078";
    font-family: "FontAwesome";
    position: absolute;
    height: 100%;
    width: 32px;
    right: 10px;
    top: 12px;
    transition: all 0.4s; }
    [dir="rtl"] .selected-box::after {
      left: 10px;
      right: unset; }

.search-box input {
  width: 100%;
  padding: 12px 16px;
  font-size: 16px;
  position: absolute;
  z-index: 1;
  border: 2px solid var(--chart-dashed-border);
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s;
  border-radius: 6px; }
  @media (min-width: 1007px) and (max-width: 1920px) {
    .search-box input {
      max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } }
  @media (min-width: 768px) and (max-width: 1006px) {
    .search-box input {
      max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } }
  @media (max-width: 767px) {
    .search-box input {
      max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
      padding: 9px 16px; } }
  .search-box input:focus {
    outline: none; }

/**=====================
    5.6 Select2 CSS Ends
==========================**/
/**=====================
  5.7 Sidebar CSS Start
==========================**/
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
  position: absolute;
  content: "";
  top: 12%;
  width: 13px;
  height: 15px;
  border-bottom-left-radius: 8px;
  border-left: 2px solid rgba(255, 255, 255, 0.4);
  border-bottom: 2px solid rgba(255, 255, 255, 0.4); }

.media.media-wrapper {
  width: 100%;
  display: -webkit-flex; }

.media .media-body {
  flex: unset; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  left: 32px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5); }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li [dir="rtl"] a::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title [dir="rtl"] h5::before {
    left: unset;
    right: 25px; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before {
  position: absolute;
  content: '';
  width: 2px;
  height: 0;
  background: rgba(255, 255, 255, 0.4);
  top: -10px;
  left: 20px;
  transition: height 0.5s; }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .mega-menu-container::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .sidebar-submenu::before {
    left: unset;
    right: 20px; }

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 49%;
  width: 5px;
  height: 1px;
  border-radius: 100%;
  background-color: #59667a; }

.onhover-show-div {
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  left: 0; }

.onhover-dropdown:hover .onhover-show-div {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
  border-radius: 5px;
  overflow: hidden; }
  .onhover-dropdown:hover .onhover-show-div:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 2; }
  .onhover-dropdown:hover .onhover-show-div:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d7e2e9;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 1; }

.page-wrapper {
  position: relative; }
  .page-wrapper .page-header {
    max-width: 100vw;
    position: fixed;
    top: 0;
    z-index: 8;
    transition: 0.5s; }
    .page-wrapper .page-header .header-wrapper {
      width: 100%;
      align-items: center;
      padding: 13px 30px;
      position: relative;
      background-color: #F5F5F5; }
      @media (max-width: 1399px) {
        .page-wrapper .page-header .header-wrapper {
          padding: 14px 20px; } }
      .page-wrapper .page-header .header-wrapper .search-full {
        background-color: #fff;
        position: absolute;
        right: 0;
        z-index: 1;
        height: 0;
        width: 0;
        transform: scale(0);
        transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full.open {
          height: 100%;
          width: 100%;
          animation: zoomIn 0.5s ease-in-out;
          transform: scale(1);
          transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full input {
          line-height: 65px;
          padding-left: 60px;
          width: 100% !important; }
          .page-wrapper .page-header .header-wrapper .search-full input:focus {
            outline: none !important; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
          position: absolute;
          font-size: 15px;
          right: 30px;
          top: 30px;
          color: #898989;
          cursor: pointer; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
            left: 30px;
            right: unset; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
          position: absolute;
          left: 30px;
          top: 27px;
          content: "\f002";
          font-size: 16px;
          color: #898989;
          font-family: FontAwesome; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
            left: unset;
            right: 30px; }
      .page-wrapper .page-header .header-wrapper .nav-right {
        justify-content: flex-end; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li svg {
          vertical-align: middle;
          stroke: var(--body-font-color);
          height: 24px;
          width: 24px; }
          .page-wrapper .page-header .header-wrapper .nav-right ul li svg path {
            color: #242934; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
          height: 24px;
          width: 24px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li .search-form svg {
          width: 20px;
          height: 20px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode {
          cursor: pointer;
          text-align: center; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i {
            font-size: 18px;
            font-weight: 600;
            transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i.fa-lightbulb-o {
              font-weight: 500;
              font-size: 22px;
              transition: all 0.3s ease;
              animation: zoomIn 300ms ease-in-out; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .header-search {
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
          margin-left: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body span {
            font-weight: 500;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box !important;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            white-space: normal; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
            font-size: 12px;
            line-height: 1;
            color: rgba(5, 26, 26, 0.7); }
        .page-wrapper .page-header .header-wrapper .nav-right > ul {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          gap: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
            padding: 6px 10px;
            display: inline-block;
            position: relative; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li:nth-child(n+3):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right > ul > li.profile-nav:nth-child(n+3)) {
              background-color: #fff;
              padding: 12px;
              border-radius: 40px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .badge {
              position: absolute;
              right: 0px;
              top: -3px;
              padding: 2px 4px;
              font-size: 11px;
              font-weight: 700;
              font-family: work-Sans, sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .mode svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .input-show svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul {
              left: inherit;
              right: -10px;
              width: 130px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:before, .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:after {
                left: inherit;
                right: 10px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li {
                display: block; }
                .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a {
                  font-size: 14px;
                  color: #2c323f; }
                  .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a i {
                    margin-left: 10px;
                    font-size: 13px;
                    color: #2c323f; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul .flag-icon {
            font-size: 16px; }
        .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip {
          width: unset !important;
          box-shadow: unset !important;
          background-color: transparent !important;
          overflow: initial; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::after, .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::before {
            display: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content {
            text-align: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
              width: 52px;
              height: 52px;
              background-color: #f9f9f9;
              border-radius: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              margin: 0 auto; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content span {
              font-family: "Montserrat", sans-serif;
              font-size: 12px;
              font-weight: 500;
              letter-spacing: 0.5px; }
        .page-wrapper .page-header .header-wrapper .nav-right .flip-card {
          width: 300px;
          height: 260px;
          background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner {
            position: relative;
            height: 100%;
            text-align: center;
            transition: transform 0.6s;
            transform-style: preserve-3d; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front,
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              position: absolute;
              backface-visibility: hidden;
              border-radius: 10px;
              overflow: hidden;
              box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
              width: 300px;
              height: 260px; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button,
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                background-color: transparent;
                color: #006666;
                border: none; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button:focus,
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button:focus {
                  outline: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
              background-color: #fff;
              transition: .3s; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
                stroke: var(--body-font-color);
                transition: all 0.3s ease; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg:hover {
                  stroke: var(--body-font-color);
                  transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              background-color: #fff;
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:first-child {
                margin-top: 20px;
                height: 140px !important; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                width: 100%; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
                border-radius: 25px;
                padding: 6px 12px;
                width: 100%;
                border: 1px solid #ddd; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input:focus {
                  outline: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped {
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped .front {
                opacity: 0; }
        .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
          width: 330px;
          top: 50px;
          right: 0;
          left: unset; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .dropdown-title {
            padding: 20px;
            text-align: center;
            border-bottom: 1px solid rgba(145, 142, 153, 0.3); }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div ul {
            padding: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li {
            padding: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li p {
              font-size: 14px;
              letter-spacing: 0.3px;
              margin-bottom: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li a {
              letter-spacing: 0.3px;
              font-family: "Montserrat", sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li + li {
              margin-top: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li:last-child {
              padding-bottom: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media {
              position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media img {
                width: 40px;
                position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .status-circle {
                left: 0; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body > span {
                letter-spacing: 0.8px;
                padding-right: 10px;
                display: inline-block; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body p {
                margin-bottom: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:before, .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:after {
            right: 10px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown.notification-all ul li {
          border-radius: 0px;
          border-bottom: 1px solid rgba(145, 142, 153, 0.1); }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown ul {
          padding: 0 0 15px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li {
          padding: 10px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media {
            align-items: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
              margin-right: 20px; }
              [dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
                margin-right: unset;
                margin-left: 20px; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li + li {
            margin-top: 0;
            border-top: 1px solid rgba(145, 142, 153, 0.1); }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li:last-child {
            padding: 20px 15px;
            border-top: none; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown p {
          line-height: 1.3;
          margin-top: 3px;
          opacity: 0.6; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
          position: absolute;
          right: 0;
          top: 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle a {
            width: 18px;
            height: 18px;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle svg {
            width: 14px;
            stroke: #fff; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box {
          margin: 5px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group {
            width: 80px;
            background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input {
              background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input,
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              font-size: 10px;
              font-family: "Montserrat", sans-serif;
              font-weight: 700; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              padding: 0px 7px;
              background-color: #F7F6FF !important;
              border-color: #F7F6FF !important;
              border-radius: 100%;
              font-size: 14px;
              color: #051A1A; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
          margin: 0;
          padding: 15px;
          background-color: #f9f9f9;
          border: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 {
            font-family: "Montserrat", sans-serif;
            font-weight: 500;
            font-size: 12px;
            line-height: 14px;
            letter-spacing: 0.5px; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 span {
              font-size: 14px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .view-checkout {
          text-decoration: unset; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box svg {
          animation: swing 1.5s ease infinite; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
          left: unset; }
          @media (max-width: 575.98px) {
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
              width: calc(100vw - 30px); } }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li:last-child {
            text-align: center;
            background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p span {
              font-size: 11px;
              vertical-align: middle; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:after {
            right: 28px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
          width: 160px;
          top: 57px;
          left: -12px;
          padding: 0 10px; }
          .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li {
            padding: 10px !important;
            border-bottom: 1px solid #E6E9EB; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              border: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
              text-decoration: unset; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a span {
              color: var(--theme-deafult);
              transition: color 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg {
              stroke: var(--theme-deafult);
              transition: stroke 0.3s ease; }
              .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg path {
                stroke: var(--theme-deafult);
                transition: stroke 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li + li {
              margin-top: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              padding-top: 10px !important; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
              color: #2c323f; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li svg {
              width: 16px;
              vertical-align: bottom;
              margin-right: 10px;
              stroke: #2c323f; }
  .page-wrapper .page-body-wrapper {
    background-color: #F5F5F5; }
    .page-wrapper .page-body-wrapper .page-body {
      min-height: calc(100vh - 136px);
      margin-top: 136px;
      padding: 25px 15px;
      position: relative;
      transition: 0.5s; }
      .page-wrapper .page-body-wrapper .page-body:before {
        animation: fadeIn 0.5s ease-in-out; }
    .page-wrapper .page-body-wrapper .page-title {
      padding: 20px 30px;
      margin: 0px -27px 0px; }
      .page-wrapper .page-body-wrapper .page-title > .row {
        margin: 0; }
        .page-wrapper .page-body-wrapper .page-title > .row .col-6 {
          padding: 0; }
      .page-wrapper .page-body-wrapper .page-title .row {
        align-items: center; }
        .page-wrapper .page-body-wrapper .page-title .row h3 {
          font-size: 24px;
          margin-bottom: 0;
          text-transform: capitalize; }
          .page-wrapper .page-body-wrapper .page-title .row h3 small {
            display: block;
            font-size: 12px;
            margin-bottom: 5px;
            text-transform: capitalize;
            color: #FFFFFF; }
      .page-wrapper .page-body-wrapper .page-title .breadcrumb {
        background-color: transparent;
        padding: 0;
        margin-bottom: 0;
        align-items: center;
        justify-content: flex-end; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
          font-size: 13px;
          letter-spacing: 1px;
          font-family: "Montserrat", sans-serif; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
          content: "/"; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
          width: 16px;
          height: 16px;
          stroke: #2c323f;
          vertical-align: text-top; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
          color: var(--theme-deafult);
          font-weight: 500; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
      stroke: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
      fill: #051A1A;
      stroke: none !important; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg {
      transition: all 0.3s ease; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
        stroke: #fff; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
        fill: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content li a {
      text-transform: capitalize; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .stroke-icon {
    display: inline-block; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .fill-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .stroke-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .fill-icon {
    display: inline-block; }
  .page-wrapper.horizontal-wrapper [data-simplebar] {
    position: relative; }
  .page-wrapper.horizontal-wrapper .footer {
    margin-left: 0; }
  .page-wrapper.horizontal-wrapper .header-logo-wrapper {
    width: 150px; }
    .page-wrapper.horizontal-wrapper .header-logo-wrapper .toggle-sidebar {
      display: none; }
  .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 19px;
    right: 0px;
    color: #fff; }
    [dir="rtl"] .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
      left: 0;
      right: unset; }
  .page-wrapper.horizontal-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: hidden;
    cursor: pointer; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    height: 54px;
    line-height: inherit;
    top: 79px;
    background: #fff;
    box-shadow: 0px 9px 24px rgba(89, 102, 122, 0.05);
    overflow-x: hidden;
    z-index: 1;
    overflow-y: visible;
    position: fixed;
    width: 100vw;
    border-top: 1px solid #efefef;
    z-index: 3; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .simplebar-content {
      display: flex; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper li {
      display: inline-block; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .badge {
      position: absolute;
      top: 2px;
      right: 0px;
      z-index: 1; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper,
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
      text-align: left;
      position: relative; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        position: absolute;
        top: 0px;
        padding: 15px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        cursor: pointer; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow.disabled,
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow.disabled {
          display: none; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow {
        left: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        right: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: normal;
        direction: ltr;
        text-align: left;
        display: -webkit-box !important;
        padding: 0 5px;
        transition: all .5s ease;
        white-space: nowrap; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a.active .according-menu i:before {
          content: '-'; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a .according-menu {
          display: none; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active {
          color: #fff; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active:after {
            background-color: rgba(255, 255, 255, 0.6); }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          position: relative;
          padding-top: 10px;
          padding-bottom: 10px; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a > span {
            color: var(--theme-deafult);
            transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a {
            background-color: #fff;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.stroke-icon {
              stroke: #fff;
              transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.fill-icon {
              fill: #fff;
              transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
            display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            display: block;
            color: #051A1A;
            line-height: 23px;
            text-decoration: none;
            text-transform: capitalize;
            padding: 5px 15px;
            margin: 0 3px;
            letter-spacing: 0.04em;
            position: relative;
            border-radius: 5px;
            font-weight: 500;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active {
              transition: all 0.3s ease; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active svg,
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active span {
                color: #fff;
                transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a .badge {
              position: absolute;
              top: -5px;
              margin-left: 1px;
              right: 10px;
              padding: 0.20em 0.7em; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg {
              width: 18px;
              height: 18px;
              vertical-align: middle;
              margin-right: 10px;
              stroke: #051A1A !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
            position: fixed;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 15px 0px 15px 0px;
            background: white; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li {
              border: 0;
              float: none;
              position: relative;
              display: block; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
                background: transparent;
                padding: 4px 30px;
                display: block;
                transition: all 0.5s ease;
                line-height: 1.9;
                color: rgba(43, 43, 43, 0.6);
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                transition: all 0.3s ease; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
                  left: 20px; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
                  color: #006666;
                  letter-spacing: 1.5px;
                  transition: all 0.3s ease; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover:after {
                    background-color: var(--theme-deafult); }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
            position: fixed;
            right: 0;
            left: 0;
            margin: 0 auto;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 30px;
            background: white;
            width: 95%;
            border-radius: 4px;
            display: block !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
              width: 20%; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                text-transform: uppercase;
                font-size: 14px;
                margin-left: -13px; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content {
                box-shadow: none;
                background-color: transparent;
                position: relative;
                display: block;
                padding: 0; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li {
                  border: 0;
                  float: none;
                  position: relative;
                  display: block; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
                    border: 0 !important;
                    background: transparent;
                    color: #051A1A;
                    border-radius: 0 !important;
                    text-transform: capitalize;
                    padding: 3px 0;
                    font-size: 13px;
                    display: block;
                    letter-spacing: 0.07em;
                    line-height: 1.9;
                    position: relative;
                    transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover {
                      color: var(--theme-deafult);
                      letter-spacing: 1.5px;
                      transition: all 0.3s ease; }
                      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover:after {
                        color: var(--theme-deafult);
                        transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:after {
                      position: absolute;
                      content: "";
                      left: -12px;
                      top: 50%;
                      width: 5px;
                      height: 1px;
                      background-color: #59667a; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a:after {
            left: 0;
            right: 0;
            opacity: 1; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu {
            position: unset; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper.overlay-white {
      background-color: rgba(255, 255, 255, 0.08); }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav i {
      font-size: 24px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
    margin-top: 110px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main-title {
    display: none !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.scorlled .sidebar-wrapper {
    display: none;
    transition: all 0.3s ease; }
  .page-wrapper.horizontal-wrapper .page-header {
    width: 100%;
    box-shadow: none; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .form-control-plaintext {
      width: auto !important; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1324px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
      @media (max-width: 1323px) and (min-width: 1200px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 1199px) and (min-width: 992px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
    @media (max-width: 1428px) and (min-width: 1324px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 55%; } }
    @media (max-width: 1323px) and (min-width: 1200px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 40%; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.horizontal-wrapper.enterprice-type footer {
    margin-left: 0; }
  .page-wrapper.material-icon .card {
    border-radius: 30px;
    box-shadow: 0 0 20px rgba(0, 102, 102, 0.1); }
  .page-wrapper .sidebar-main-title h6 {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 0.40px; }
  .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 11px;
    right: -9px;
    color: #fff;
    z-index: 9999; }
    [dir="rtl"] .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
      left: -9px;
      right: unset; }
  .page-wrapper.compact-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer; }
  .page-wrapper.compact-wrapper .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-wrapper .pin-title {
    order: -1; }
  .page-wrapper.compact-wrapper .page-header {
    margin-left: 265px;
    width: calc(100% - $sidebar-compact-width); }
    .page-wrapper.compact-wrapper .page-header.close_icon {
      margin-left: 90px;
      width: calc(100% - 90px); }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
      position: absolute;
      content: "";
      bottom: 0%;
      height: 1px;
      z-index: 8;
      width: calc(100% - 40px);
      background: #E6E9EB; }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9;
    height: 100%;
    line-height: inherit;
    background: var(--theme-deafult);
    width: 265px;
    text-align: left;
    transition: 0.3s;
    box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      fill: #fff; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      padding: 22px 30px;
      box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
      border-top-right-radius: 15px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
      width: auto;
      transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .badge {
        opacity: 0;
        width: 0;
        padding: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        max-width: 86px;
        margin: 0;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          text-align: center;
          padding: 12px 14px;
          transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main-title {
        display: none !important;
        opacity: 0;
        transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper {
        display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
        text-align: right;
        display: block; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
        width: 265px;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .badge {
          opacity: 1;
          width: auto;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          max-width: unset;
          margin: initial;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
            text-align: left; }
            [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
              text-align: right; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            padding: 12px 15px;
            transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a span {
              display: inline-block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main-title {
          opacity: 1;
          display: block !important;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
          display: block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-icon-wrapper {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .mobile-sidebar {
        transform: translate(183px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
        margin-left: 90px;
        transition: 0.5s; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer-fix {
        width: calc(100% - 90px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 118px); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          padding: 15px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::before {
            right: 20px;
            left: unset; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a span {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .according-menu {
        display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
      visibility: hidden;
      position: absolute;
      top: -8px;
      right: 17px;
      border-radius: 15px;
      padding: 4px 6px;
      color: #fff;
      font-size: 11px;
      background-color: #006666;
      border: 1px solid rgba(255, 255, 255, 0.6); }
      [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
        left: 17px;
        right: unset; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list:hover i.fa-thumb-tack {
      visibility: visible;
      cursor: pointer; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pined, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 115px);
      left: -300px;
      z-index: 99;
      transition: color 1s ease;
      overflow: auto;
      color: rgba(0, 0, 0, 0);
      margin-top: 20px;
      margin-bottom: 30px; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        font-weight: 500; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
          width: 18px;
          height: 18px;
          margin-right: 10px;
          vertical-align: -2px;
          float: none;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          letter-spacing: 0.7px;
          text-transform: capitalize;
          color: rgba(255, 255, 255, 0.8); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.link-nav .according-menu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li:last-child {
        border-bottom: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links.opennav {
        left: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn {
        display: block;
        width: 100%;
        padding: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn .mobile-back {
          padding: 20px;
          color: #242934;
          font-weight: 700;
          text-transform: uppercase;
          border-bottom: 1px solid #efefef;
          cursor: pointer;
          display: flex;
          justify-content: flex-end;
          align-items: center; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        display: block;
        width: 100%;
        position: relative; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
          padding: 25px 0 6px 20px;
          margin-top: 0px;
          margin-bottom: 12px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: block; }
          [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
            padding: 25px 20px 6px 0; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
            position: absolute;
            content: '';
            top: 0;
            left: 50%;
            background: rgba(255, 255, 255, 0.2);
            width: calc(100% - 40px);
            height: 1px;
            transform: translateX(-50%); }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2) {
            margin-top: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2)::before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list {
          padding: 0px 18px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list .badge {
            position: absolute;
            right: 50px;
            top: 14.5px;
            padding: 0.45em 0.8em 0.33em;
            z-index: 1;
            font-size: 10px;
            letter-spacing: 0.7px;
            font-weight: 600;
            font-family: "Montserrat", sans-serif;
            border-radius: 10px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list:hover > a:hover {
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg {
          fill: #fff;
          stroke: #fff;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg.fill-icon {
            fill: #fff;
            stroke: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover span {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover .according-menu i {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          padding: 11px 13px;
          position: relative;
          color: #222222; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow {
            right: 20px;
            position: absolute;
            top: 10px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow i {
              display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow:before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
          display: none !important; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
          width: 100%;
          padding: 0;
          position: relative !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
            padding-left: 50px !important;
            font-weight: 400; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu .submenu-title .according-menu {
            top: 7px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover > a {
            color: #fff;
            transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
            display: none;
            position: relative !important;
            right: 0;
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu.opensubchild {
              display: block; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a {
              padding: 6px 45px;
              padding-left: 63px !important; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a:after {
                display: none; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
            padding: 7px 25px;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.7);
            display: block;
            position: relative;
            letter-spacing: 0.06em;
            font-weight: 500;
            transition: all 0.3s ease;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a .content-menu {
              padding: 0px 15px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
              color: #fff; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active::before {
                opacity: 1;
                background: #fff;
                visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
              left: 20px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
              margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
          padding: 0;
          position: relative; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section:hover h5 {
              color: #fff !important;
              transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title {
              position: relative; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                margin-bottom: 0;
                line-height: 1.9;
                padding: 6px 25px 6px 65px;
                font-size: 14px;
                position: relative;
                color: rgba(255, 255, 255, 0.8);
                display: block;
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                cursor: pointer; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
                  left: 20px; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5 {
                color: #fff; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5::before {
                  opacity: 1;
                  visibility: visible; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
                top: 8px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
              margin-bottom: 0;
              line-height: 1.9;
              padding: 6px 15px 6px 65px;
              font-size: 14px;
              position: relative;
              color: rgba(255, 255, 255, 0.8);
              display: block;
              letter-spacing: 0.06em;
              font-weight: 500;
              font-family: "Montserrat", sans-serif; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a:after {
                display: none; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a.active {
                color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
              line-height: 1.9; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
                margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container {
          display: block !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container::before {
            height: calc(100% - 9px);
            transition: height 0.5s; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
            position: relative;
            margin-bottom: 10px;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active::after {
              opacity: 1;
              visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active ~ .sidebar-submenu::before {
              height: calc(100% - 8px);
              transition: height 0.5s; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active .according-menu i {
              color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
              color: #fff;
              transition: all 0.3s ease; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-content {
      display: flex;
      flex-direction: column; }
  .page-wrapper.compact-wrapper .page-body-wrapper .mega-box.col {
    flex-basis: unset; }
  .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
    position: absolute;
    right: 20px;
    top: 11px;
    display: block; }
    .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
      vertical-align: middle;
      color: rgba(255, 255, 255, 0.8);
      font-weight: 500; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu.border-section {
    border: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav {
    position: absolute;
    z-index: 2;
    right: 145px;
    top: 6px; }
    .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
      font-size: 18px;
      padding-left: 5px;
      text-transform: uppercase; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 80px);
    margin-top: 56px;
    margin-left: 265px; }
  .page-wrapper.compact-wrapper.dark-sidebar .sidebar-main-title h6, .page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title h6 {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .toggle-sidebar svg, .page-wrapper.compact-wrapper.color-sidebar .toggle-sidebar svg {
    stroke: var(--theme-deafult); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
    stroke: #fff !important; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
    fill: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
    stroke: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
    fill: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
    background: rgba(255, 255, 255, 0.1); }
  .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #22242B; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon {
      stroke: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon {
      fill: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
      color: #fff;
      stroke: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-light, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-light {
      display: none; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-dark, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-dark {
      display: block; }
  .page-wrapper.compact-wrapper.dark-sidebar .according-menu i, .page-wrapper.compact-wrapper.color-sidebar .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #2f3c4e; }
  .page-wrapper.compact-sidebar .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content {
    display: flex;
    flex-direction: column; }
  .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 54px;
    color: #fff;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
      left: 54px;
      right: unset; }
  .page-wrapper.compact-sidebar .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer;
    z-index: 1; }
  .page-wrapper.compact-sidebar .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-sidebar .pin-title {
    order: -1; }
  .page-wrapper.compact-sidebar ~ .bg-overlay1 {
    transition: 0.8s; }
    .page-wrapper.compact-sidebar ~ .bg-overlay1.active {
      z-index: 8;
      height: 100vh;
      width: 100vw;
      background-color: rgba(0, 0, 0, 0.2);
      position: fixed;
      top: 0; }
  .page-wrapper.compact-sidebar .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-sidebar .sidebar-main-title {
    display: none; }
  .page-wrapper.compact-sidebar .logo-wrapper {
    display: none; }
  .page-wrapper.compact-sidebar .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 24px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-sidebar .page-header {
    margin-left: 150px;
    width: calc(100% - 150px); }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1578px) and (min-width: 1274px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 38%; } }
      @media (max-width: 1273px) and (min-width: 1200px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 45%; } }
      @media (max-width: 991px) and (min-width: 768px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 36%; } }
      @media (max-width: 767px) and (min-width: 756px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 28%; } }
      @media (max-width: 1199px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 132px; } }
      @media (max-width: 767px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 83px; } }
    .page-wrapper.compact-sidebar .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
    margin-top: 80px;
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper .footer {
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
      height: auto;
      line-height: inherit;
      background: #F5F5F5;
      width: 150px;
      text-align: left;
      transition: 0.3s;
      box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1); }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      margin: 30px 0;
      height: calc(100vh - 113px);
      overflow: auto; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        color: #2c323f; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          text-transform: capitalize;
          color: #2c323f;
          font-weight: 500;
          letter-spacing: 1px;
          font-size: 14px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active {
          background: rgba(0, 102, 102, 0.1);
          color: #006666;
          border-radius: 20px;
          margin: 0 10px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active span {
            color: #006666; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
            animation: fadeInLeft 300ms ease-in-out; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
        display: block;
        padding: 20px 0;
        border-bottom: 1px solid #f3f3f3; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
        position: fixed;
        top: 0px;
        height: calc(100vh - 0px);
        overflow: auto;
        left: 150px;
        width: 230px;
        background-color: #fff;
        box-shadow: 0 16px 15px 15px rgba(126, 55, 216, 0.03);
        transition: all 0.5s ease-in-out;
        display: none;
        padding-top: 20px;
        z-index: -1; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
          padding: 15px 15px 15px 40px;
          display: block;
          position: relative;
          border-bottom: 1px solid #f1f1f1; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
            display: none; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
            position: absolute;
            right: 20px;
            top: 16px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a.active,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a.active {
            background-color: rgba(0, 102, 102, 0.1);
            color: #006666;
            transition: all 0.3s ease; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li .submenu-content li a.active,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li .submenu-content li a.active {
          background-color: transparent; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
          position: absolute;
          content: "";
          left: 20px;
          top: 48%;
          width: 12px;
          border-top: 2px solid rgba(255, 255, 255, 0.4); }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 0; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
            text-align: left; }
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
              position: relative;
              font-size: 14px;
              font-weight: 400;
              padding: 15px 15px 15px 40px;
              letter-spacing: 1px;
              margin-bottom: 0; }
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
                position: absolute;
                content: "";
                left: 20px;
                top: 48%;
                width: 6px;
                border-top: 2px solid #595c60; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list {
        position: relative; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
          position: absolute;
          left: 53%;
          top: 7px;
          font-weight: 500;
          font-size: 9px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
          text-align: center; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
            margin: 0 auto 6px;
            width: 24px;
            height: 24px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
            display: block;
            font-weight: 500;
            letter-spacing: 1px;
            font-size: 14px;
            word-break: break-word; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link .according-menu {
            display: none; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
        text-align: center;
        padding: 0; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
          width: 24px;
          height: 24px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
          position: absolute;
          right: 20px;
          top: 13px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
      transform: translateX(-150px); }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
        margin-left: 0px; }
  .page-wrapper.compact-small .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 22px;
    color: #006666;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
      left: 22px;
      right: unset; }
  .page-wrapper.compact-small .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible; }
  .page-wrapper.compact-small .sidebar-list.pined, .page-wrapper.compact-small .sidebar-list.pin-title {
    order: -1; }
  .page-wrapper.compact-small .sidebar-main-title,
  .page-wrapper.compact-small .logo-wrapper {
    display: none; }
  .page-wrapper.compact-small .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 27px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-small .page-header {
    margin-left: 90px;
    width: calc(100% - 90px); }
    .page-wrapper.compact-small .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-small .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-small .page-body-wrapper .page-body {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper .footer {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div {
    width: 90px; }
  @media (max-width: 420px) {
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 105px); } }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    display: block;
    padding: 15px 0; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 90px; }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
      padding: 10px 15px 10px 40px; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
        display: none; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
        top: 11px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
    margin: 0 auto;
    width: 20px;
    height: 20px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
    margin: 0 auto; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu a > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translateX(-150px); }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
      margin-left: 0px; }
  .page-wrapper.only-body {
    background-color: #f2f0fa; }
    .page-wrapper.only-body .page-body-wrapper {
      background-color: #f2f0fa; }
    .page-wrapper.only-body .page-header {
      position: relative; }
      .page-wrapper.only-body .page-header .header-logo-wrapper {
        display: none; }
      .page-wrapper.only-body .page-header .header-wrapper {
        padding: 0 !important; }
        .page-wrapper.only-body .page-header .header-wrapper .left-header {
          display: none; }
        .page-wrapper.only-body .page-header .header-wrapper .nav-right {
          position: absolute;
          right: 60px;
          top: 58px; }
        .page-wrapper.only-body .page-header .header-wrapper .search-full {
          top: 37px;
          width: calc(100% - 50px);
          left: 25px; }
          [dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .search-full {
            left: unset;
            right: 25px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
            background-color: #fff;
            border-radius: 15px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu {
            top: 78px;
            width: calc(100% - 30px);
            margin: 0 auto;
            right: 0; }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-top: 20px;
      padding-bottom: 20px; }
    .page-wrapper.only-body .sidebar-wrapper,
    .page-wrapper.only-body footer {
      display: none; }
    .page-wrapper.only-body .page-body-wrapper .page-body {
      margin-top: 0px;
      min-height: calc(100vh - 0px); }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-left: 30px;
      padding-right: 30px;
      margin: 30px 0;
      border-radius: 15px; }
      @media (max-width: 991.98px) {
        .page-wrapper.only-body .page-body-wrapper .page-title {
          padding-left: 20px;
          padding-right: 20px;
          margin: 20px 0; } }
      .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6 {
        flex: 0 0 100%;
        max-width: 100%; }
      .page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb {
        margin-top: 5px;
        justify-content: flex-start; }
  .page-wrapper.modern-type .progress-chart-wrap {
    margin-left: -22px; }
    [dir="rtl"] .page-wrapper.modern-type .progress-chart-wrap {
      margin-left: unset;
      margin-right: -22px; }
  .page-wrapper.modern-type .ecommerce-widget {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .file-sidebar .pricing-plan {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .alert-primary {
    color: #006666; }
  .page-wrapper.modern-type .project-box {
    background-color: #00d6d6; }
  .page-wrapper.modern-type .nav-tabs .nav-link.active {
    background-color: transparent; }
  .page-wrapper.modern-type .simplebar-mask {
    top: 10px; }
  .page-wrapper.modern-type .page-header {
    margin-left: 0px;
    width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header.close_icon {
      margin-left: 0px;
      width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1200px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 818px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 36%; } }
    @media (max-width: 1669px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 50%; } }
    @media (max-width: 1428px) and (min-width: 1200px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 40%; } }
    .page-wrapper.modern-type .page-header .header-wrapper .header-logo-wrapper {
      display: flex;
      align-items: center; }
    .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
      display: block;
      margin-right: 30px; }
    .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
      display: block;
      position: relative;
      top: unset;
      right: unset;
      margin-right: 15px; }
  .page-wrapper.modern-type .page-body-wrapper .page-title {
    background-color: transparent;
    padding-bottom: 0; }
  .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
    margin: 30px !important;
    top: 80px;
    bottom: 0;
    border-radius: 15px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 160px); }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      margin-left: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
      margin-left: 0px;
      margin-right: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
      display: none; }
  .page-wrapper.modern-type .page-body-wrapper .page-body {
    margin-left: 296px; }
    .page-wrapper.modern-type .page-body-wrapper .page-body .container-fluid {
      max-width: 1500px; }
  .page-wrapper.modern-type .page-body-wrapper .footer {
    margin-left: 360px;
    margin-right: 70px;
    border-radius: 10px; }
    @media (max-width: 991px) {
      .page-wrapper.modern-type .page-body-wrapper .footer {
        margin-right: 0;
        margin-left: 0; } }
  .page-wrapper.material-type {
    position: relative; }
    .page-wrapper.material-type::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 300px;
      background-image: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-type .card {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
    .page-wrapper.material-type .page-header {
      position: relative;
      max-width: 1560px;
      margin: 50px auto 0;
      border-radius: 15px 15px 0 0; }
      .page-wrapper.material-type .page-header .header-wrapper .left-header {
        width: 31%; }
        @media (max-width: 1600px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 33%; } }
        @media (max-width: 1366px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 38%; } }
        @media (max-width: 1199px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 30%; } }
      @media (max-width: 1600px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 40%; } }
      @media (max-width: 1199px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 45%; } }
    .page-wrapper.material-type .page-body-wrapper {
      background-blend-mode: overlay;
      background-color: rgba(255, 255, 255, 0.5); }
      .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        position: relative;
        max-width: 1560px;
        margin: 0 auto;
        top: unset;
        height: 56px; }
      .page-wrapper.material-type .page-body-wrapper .page-body {
        margin: 0 auto;
        max-width: 1560px;
        background-color: #F5F5F5;
        box-shadow: 0 0 20px 7px rgba(8, 21, 66, 0.05);
        border-radius: 0 0 15px 15px; }
    .page-wrapper.material-type .footer {
      margin-top: 40px; }
    .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .left-header {
      width: 38%; }
    @media (max-width: 991px) {
      .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.advance-layout {
    background-blend-mode: overlay;
    background-color: #F5F5F5; }
    .page-wrapper.advance-layout .card {
      border-radius: 5px;
      box-shadow: none;
      border: 1px solid #ecf3fa; }
    .page-wrapper.advance-layout .page-header {
      position: relative;
      background-color: #fff;
      margin: 0 auto; }
    .page-wrapper.advance-layout .page-body-wrapper {
      background: transparent; }
      .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
        position: relative !important;
        top: unset !important;
        height: unset;
        box-shadow: none;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef; }
        .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper > div {
          overflow-x: hidden; }
      .page-wrapper.advance-layout .page-body-wrapper .page-body {
        margin-top: 0 !important; }

@keyframes pagebody {
  from {
    opacity: 0;
    transform: scale3d(0.98, 0.98, 0.98) translate(-20px, -50px); }
  50% {
    opacity: 1; } }

.md-sidebar {
  position: relative; }
  .md-sidebar .md-sidebar-toggle {
    display: none;
    width: fit-content;
    text-transform: capitalize;
    margin-bottom: 20px; }

#sidebar-menu .sidebar-links .simplebar-mask {
  border-bottom-right-radius: 18px; }

@media screen and (max-width: 1480px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -18%;
    width: 91%; } }

@media screen and (max-width: 1460px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -54%;
    width: 75%; }
  .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-right: 8px; } }

@media screen and (max-width: 1366px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -49%;
    width: 70%; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) {
    padding: 8px; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) svg {
      height: 22px;
      width: 22px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.onhover-dropdown.notification-down:nth-child(5)::before {
    left: 47px;
    height: 42px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li .profile-media img {
    width: 32px;
    height: 32px; }
  .profile-dropdown.onhover-show-div {
    right: 0;
    left: unset !important; }
    .profile-dropdown.onhover-show-div:before, .profile-dropdown.onhover-show-div:after {
      right: 10px !important;
      left: unset !important; } }

@media screen and (max-width: 1199px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 6px; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown .notification-down::before {
      content: "";
      position: absolute;
      left: 33px;
      height: 30px; }
  .mobile-title.d-none {
    display: flex !important;
    justify-content: space-between;
    padding: 20px 30px 17px;
    border-bottom: 1px solid #ddd;
    margin: 0 -15px; }
    .mobile-title.d-none h5 {
      color: var(--theme-deafult); }
    .mobile-title.d-none svg {
      stroke: var(--theme-deafult) !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -35%;
    width: 56%; } }

@media screen and (min-width: 992px) {
  .page-header .header-wrapper .nav-right .notification-dropdown {
    top: 46px; }
  .responsive-btn {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-mask {
    top: 0; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
    width: 200px;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    transition: all 0.5s ease; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a .sub-arrow {
      position: absolute;
      right: 20px;
      top: 5px;
      color: #59667a;
      font-weight: 100;
      transition: all 0.5s ease;
      font-size: 15px;
      top: 5px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
      display: none;
      border-radius: 4px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover .nav-sub-childmenu {
      display: block;
      position: absolute;
      left: 200px;
      background-color: #fff;
      top: -10px;
      padding: 15px 0px 15px 0px;
      box-shadow: 0 0 1px 0 #898989; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover .sub-arrow {
      right: 16px;
      transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.hoverd .sidebar-submenu {
    opacity: 1;
    visibility: visible;
    margin-top: 8px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .mega-menu-container {
    opacity: 1;
    visibility: visible;
    margin-top: 20px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .mobile-back {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .page-wrapper.material-icon {
    position: relative; }
    .page-wrapper.material-icon::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 200px;
      background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-icon .toggle-sidebar {
      color: rgba(255, 255, 255, 0.8); }
      .page-wrapper.material-icon .toggle-sidebar:hover > svg {
        color: #fff !important;
        stroke: #fff !important; }
    .page-wrapper.material-icon .page-header {
      position: relative;
      background: transparent;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto;
      width: calc(100% - 0px);
      box-shadow: none; }
      .page-wrapper.material-icon .page-header .f-light {
        color: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
        stroke: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li {
        color: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .notification-box svg,
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .cart-box svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > a > svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > svg {
          stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
        color: rgba(255, 255, 255, 0.7); }
      .page-wrapper.material-icon .page-header.close_icon {
        padding-left: 0;
        margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-body {
      margin-top: 0 !important;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto; }
    .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      padding-left: 15px;
      margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-title {
      color: #fff;
      background-color: transparent;
      border-bottom: none;
      box-shadow: none; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
        color: rgba(255, 255, 255, 0.6); }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        color: rgba(255, 255, 255, 0.8); } }

@media only screen and (min-width: 992px) {
  .page-wrapper.material-icon::before {
    height: 240px; } }

@media screen and (max-width: 767px) {
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(2) {
    background-color: #fff;
    padding: 8px;
    border-radius: 40px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav {
    background-color: unset; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav ul li {
      border-radius: 0px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:last-child {
    padding: 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
    height: 27px;
    width: 27px;
    cursor: pointer; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-dropdown .cart-dropdown ul li:nth-child(2) {
    border-radius: 0px !important;
    padding: 16px 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .tab-content .notification-card ul li {
    padding: 15px 0px !important;
    border-radius: 0px !important; }
  .sidebar-wrapper .menu .brand-logo img {
    width: 120px; } }

@media screen and (max-width: 576px) {
  .toggle-nav i {
    font-size: 20px; } }

/**=====================
  5.7 Sidebar CSS Ends
==========================**/
/**=====================
    5.8 Rtl CSS Start
==========================**/
html[dir="rtl"] ul {
  padding-right: 0; }

html[dir="rtl"] .ms-auto {
  margin-left: unset !important;
  margin-right: auto !important; }

html[dir="rtl"] .revenuegrowth .revenuegrowth-chart::before {
  right: unset;
  left: 0px; }

html[dir="rtl"] .img-boostup .img-boostup-img-1 {
  left: unset;
  right: -63px;
  transform: scaleX(-1); }

html[dir="rtl"] .img-boostup .img-boostup-img-2 {
  transform: scaleX(-1);
  left: unset;
  right: -61px; }

html[dir="rtl"] .table-order .order-table thead tr th:first-child, html[dir="rtl"] .project-table .order-table thead tr th:first-child {
  border-top-left-radius: unset !important;
  border-bottom-left-radius: unset !important;
  border-top-right-radius: 5px  !important;
  border-bottom-right-radius: 5px !important; }

html[dir="rtl"] .table-order .order-table thead tr th:last-child, html[dir="rtl"] .project-table .order-table thead tr th:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important; }

html[dir="rtl"] .tap-top {
  left: 30px;
  right: unset; }

html[dir="rtl"] .tranaction-table thead tr th:first-child {
  border-top-left-radius: unset !important;
  border-bottom-left-radius: unset !important;
  border-top-right-radius: 5px  !important;
  border-bottom-right-radius: 5px !important; }

html[dir="rtl"] .tranaction-table thead tr th:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important; }

html[dir="rtl"] .user-message ul li .activity-log .status {
  right: 25px !important; }

html[dir="rtl"] .activity-table table tbody tr td .team-activity::before {
  right: 24px;
  left: unset; }

html[dir="rtl"] .activity-table table tbody tr td .activity-data span::before {
  right: -9px;
  left: unset; }

html[dir="rtl"] .activity-table table tbody tr td .activity-data .common-space::before {
  bottom: 0px;
  top: unset;
  right: unset;
  left: 0px; }

html[dir="rtl"] .activity-table table tbody tr td .activity-data .user-activity::before {
  bottom: 0px;
  top: unset;
  right: unset;
  left: 0px; }

html[dir="rtl"] .prooduct-details-box .media .media-body {
  margin-right: 1rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .important-project .projectlist-card .range_4 .slider-container {
  direction: ltr; }
  html[dir="rtl"] .important-project .projectlist-card .range_4 .slider-container .slider_input {
    left: 0; }

html[dir="rtl"] .add-project .categories {
  transform: scaleX(-1);
  left: 0;
  right: unset; }

html[dir="rtl"] .activity-group::before {
  content: "";
  right: 0px;
  left: unset; }

html[dir="rtl"] .projectlist-card .project-comment .project-comment-icon .project-link::before {
  left: 35px;
  right: unset; }

html[dir="rtl"] .figure.text-start blockquote {
  border-left: none !important;
  border-right: 4px solid #006666 !important; }

html[dir="rtl"] .figure.text-end blockquote {
  border-right: none !important;
  border-left: 4px solid #006666 !important; }

html[dir="rtl"] .client-list-table table tbody tr td .user-id::before {
  right: unset;
  left: 11%; }

html[dir="rtl"] .project-table .project-comment .project-comment-icon .project-link::before {
  right: 47px;
  left: unset; }

html[dir="rtl"] .activity-log-card ul::before {
  right: 36px;
  left: unset; }

html[dir="rtl"] .slider-wrapper {
  direction: ltr; }

html[dir="rtl"] .f-right {
  float: left; }

html[dir="rtl"] .papernote-wrap .note-labels ul {
  gap: 9px; }

html[dir="rtl"] .form-check-inline {
  margin-right: unset;
  margin-left: 1rem; }

html[dir="rtl"] .knowledgebase-search .form-inline svg {
  left: unset;
  right: 20px; }

html[dir="rtl"] .switch-showcase .form-check .form-check-input {
  float: left; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:first-child {
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:last-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-left-width: 1px; }

html[dir="rtl"] .pill-input-group span:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 1.3rem !important;
  border-bottom-left-radius: 1.3rem !important; }

html[dir="rtl"] .pill-input-group span:first-child {
  border-top-left-radius: unset !important;
  border-top-right-radius: unset !important;
  border-top-right-radius: 1.3rem !important;
  border-bottom-right-radius: 1.3rem !important; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
  text-align: right;
  border-top-left-radius: 15px;
  border-top-right-radius: unset;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: unset; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .toggle-sidebar {
    right: unset;
    left: 30px; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
    padding: 0; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .badge {
      left: 50px !important;
      right: unset !important; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon {
    margin-right: 0;
    margin-left: unset; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .logo-icon-wrapper {
      text-align: left; }
      html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .logo-icon-wrapper img {
        margin-left: 8px; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .page-body,
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
      margin-left: 0;
      margin-right: 100px;
      transition: 0.5s; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      margin-left: 0; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
      display: none !important; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .according-menu {
      display: none; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      margin-left: 13px; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover {
    transform: translate(0px); }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
      display: block !important; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      float: none; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .according-menu {
      display: block; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu:after {
    right: 30px;
    left: unset;
    border-top-right-radius: 8px;
    border-right: 2px solid; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
    padding-right: 65px !important;
    padding-left: unset !important; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a:before {
      right: 32px; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a:after {
      right: 20px;
      left: unset;
      top: 9%;
      border-bottom-left-radius: unset;
      border-bottom-right-radius: 8px;
      border-left: unset;
      border-right: 2px solid rgba(255, 255, 255, 0.5);
      border-bottom: 2px solid rgba(255, 255, 255, 0.5); }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 265px; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
  right: unset;
  left: 20px; }

html[dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .nav-right {
  right: unset;
  left: 30px; }

html[dir="rtl"] .date-details > div + div {
  margin-left: unset;
  margin-right: 10px; }

html[dir="rtl"] .contact-editform.ps-0 {
  padding-left: 20px !important; }

html[dir="rtl"] .contact-options li .btn-category {
  padding-left: unset !important;
  padding-right: 40px; }

html[dir="rtl"] .list-persons .profile-mail .email-general ul {
  padding-right: unset;
  padding-left: 20px; }
  html[dir="rtl"] .list-persons .profile-mail .email-general ul li > span {
    float: left; }

html[dir="rtl"] .list-persons .profile-mail .media .media-body ul li + li {
  padding-right: unset;
  padding-left: 10px;
  margin-right: unset;
  margin-left: 5px;
  border-right: unset;
  border-left: 1px solid #E6E9EB; }

html[dir="rtl"] .file-content .form-inline i {
  padding-right: unset;
  padding-left: 10px; }

html[dir="rtl"] .file-sidebar .btn svg {
  margin-right: unset;
  margin-left: 8px; }

html[dir="rtl"] .file-sidebar .pricing-plan .bg-img {
  left: -40px;
  right: unset; }

html[dir="rtl"] .form-select {
  border-radius: 0px;
  background-position: left 0.75rem center; }

html[dir="rtl"] .customers ul li + li {
  margin-left: unset;
  margin-right: -10%; }

html[dir="rtl"] .project-list .border-tab.nav-tabs .nav-item .nav-link {
  padding: 5px 0 5px 30px; }

html[dir="rtl"] .project-box .badge {
  right: unset;
  left: 30px; }

html[dir="rtl"] .kanban-board {
  float: right; }

html[dir="rtl"] .kanban-item .kanban-box .customers ul li + li {
  margin-left: unset;
  margin-right: -10px; }

html[dir="rtl"] .kanban-item .list li i {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .page-wrapper.horizontal-wrapper .header-logo-wrapper {
  text-align: right; }

html[dir="rtl"] .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
  margin-right: 0; }

html[dir="rtl"] .page-wrapper.horizontal-wrapper .page-body-wrapper footer {
  margin-right: 0; }

html[dir="rtl"] .page-wrapper.material-type .page-body-wrapper .page-body {
  margin-right: auto; }

html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:first-child {
  margin-right: 0; }

html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
  margin-right: 15px;
  margin-left: unset; }

html[dir="rtl"] .page-header .header-wrapper .toggle-sidebar {
  margin-left: 2px;
  margin-right: unset; }

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
  left: -20px !important;
  right: unset !important; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
      left: 12px !important; } }
html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full input {
  padding-left: unset;
  padding-right: 60px;
  text-align: right; }

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
  left: unset;
  right: 30px; }

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
  right: unset;
  left: 0; }

html[dir="rtl"] .page-wrapper.compact-sidebar .toggle-sidebar {
  margin-left: 15px;
  margin-right: unset; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-header {
  margin-left: unset;
  margin-right: 150px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-header.close_icon {
    margin-right: 0; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 150px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper .footer {
  margin-left: unset;
  margin-right: 150px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
  text-align: right; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
  animation: fadeInRight 1000ms ease-in-out; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  right: 150px;
  left: unset; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
    padding: 15px 40px 15px 15px; }
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
      right: 20px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
    left: unset;
    right: 20px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
    text-align: right; }
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      padding: 15px 40px 15px 15px; }
      html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
      html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
        left: unset;
        right: 20px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
  left: unset;
  right: 53%; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
  text-align: center; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
  text-align: center; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
    right: unset;
    left: 20px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
  transform: translateX(150px); }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
    margin-right: 0px; }

html[dir="rtl"] .page-wrapper.compact-small .page-header {
  margin-right: 90px; }

html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  right: 90px; }

html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper .footer,
html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper .page-body {
  margin-right: 90px; }

html[dir="rtl"] .page-wrapper.material-icon .page-header {
  padding-left: unset;
  padding-right: 90px;
  margin: 0 auto; }
  html[dir="rtl"] .page-wrapper.material-icon .page-header.close_icon {
    padding-right: 0; }

html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper .page-body {
  padding-left: 15px;
  padding-right: 90px;
  margin: 0 auto; }

html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
  padding-right: 15px;
  margin: 0 auto !important; }

html[dir="rtl"] .apexcharts-canvas {
  direction: ltr; }

html[dir="rtl"] .email-wrap .btn-mail {
  text-align: right; }

html[dir="rtl"] .email-wrap .email-app-sidebar ul li a {
  padding-left: unset;
  padding-right: 20px; }

html[dir="rtl"] .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
  text-align: center; }

html[dir="rtl"] .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark {
  text-align: right; }

html[dir="rtl"] .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
  left: 30px;
  right: unset;
  text-align: left; }

html[dir="rtl"] .bookmark-wrap .details-bookmark .row > div + div {
  padding-left: 15px !important; }

html[dir="rtl"] .appointment-table table tr td .status-circle {
  left: unset;
  right: 35px; }

html[dir="rtl"] .notification .card .d-flex .w-100 p .badge {
  margin-left: unset;
  margin-right: 10px; }

html[dir="rtl"] .progress-gradient-primary {
  background-image: linear-gradient(to right, var(--theme-deafult), transparent); }
  html[dir="rtl"] .progress-gradient-primary::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-primary .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-secondary {
  background-image: linear-gradient(to right, #FE6A49, transparent); }
  html[dir="rtl"] .progress-gradient-secondary::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-secondary .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-success {
  background-image: linear-gradient(to right, #00AC46, transparent); }
  html[dir="rtl"] .progress-gradient-success::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-success .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-danger {
  background-image: linear-gradient(to right, #FE6A49, transparent); }
  html[dir="rtl"] .progress-gradient-danger::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-danger .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-info {
  background-image: linear-gradient(to right, #173878, transparent); }
  html[dir="rtl"] .progress-gradient-info::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-info .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-light {
  background-image: linear-gradient(to right, #E6E9EB, transparent); }
  html[dir="rtl"] .progress-gradient-light::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-light .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-dark {
  background-image: linear-gradient(to right, #2c323f, transparent); }
  html[dir="rtl"] .progress-gradient-dark::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-dark .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-warning {
  background-image: linear-gradient(to right, #FFAE1A, transparent); }
  html[dir="rtl"] .progress-gradient-warning::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-warning .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-animate span {
  left: -10px;
  right: unset; }

html[dir="rtl"] .me-4 {
  margin-left: 1.5rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .pe-4 {
  padding-left: 1.5rem !important;
  padding-right: unset !important; }

html[dir="rtl"] .me-1 {
  margin-left: 0.25rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .navs-dropdown .onhover-show-div {
  right: 0; }

html[dir="rtl"] .default-according.style-1 button {
  text-align: right; }
  html[dir="rtl"] .default-according.style-1 button:before {
    left: 20px;
    right: unset; }
    @media (max-width: 575px) {
      html[dir="rtl"] .default-according.style-1 button:before {
        left: 15px; } }
  html[dir="rtl"] .default-according.style-1 button i {
    right: 18px;
    left: unset; }

html[dir="rtl"] .default-according .card .card-header i {
  right: 18px;
  left: unset; }

html[dir="rtl"] .faq-wrap .faq-accordion .card .card-header .btn-link {
  padding-right: 20px !important; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .faq-wrap .faq-accordion .card .card-header .btn-link {
      padding-right: 10px !important; } }
html[dir="rtl"] .ProfileCard-details {
  padding-right: 30px;
  padding-left: unset;
  float: right; }

html[dir="rtl"] .starter-main .card-body ul {
  padding-right: 30px;
  padding-left: unset; }

html[dir="rtl"] .theme-tab .tab-title li a svg {
  margin-left: 5px;
  margin-right: unset; }

html[dir="rtl"] .spent .spent-graph .project-budget {
  margin-left: 30px;
  margin-right: unset; }

html[dir="rtl"] .support-table table tbody tr td:first-child {
  padding-right: 0;
  padding-left: unset; }

html[dir="rtl"] .order-box .sub-total .shipping-class .shopping-checkout-option,
html[dir="rtl"] .order-box .sub-total .shipping-class span,
html[dir="rtl"] .order-box .sub-total li .shopping-checkout-option,
html[dir="rtl"] .order-box .sub-total li span,
html[dir="rtl"] .order-box .total .shipping-class .shopping-checkout-option,
html[dir="rtl"] .order-box .total .shipping-class span,
html[dir="rtl"] .order-box .total li .shopping-checkout-option,
html[dir="rtl"] .order-box .total li span,
html[dir="rtl"] .order-box .qty .shipping-class .shopping-checkout-option,
html[dir="rtl"] .order-box .qty .shipping-class span,
html[dir="rtl"] .order-box .qty li .shopping-checkout-option,
html[dir="rtl"] .order-box .qty li span {
  float: left; }

html[dir="rtl"] .order-box .sub-total li .count,
html[dir="rtl"] .order-box .total li .count,
html[dir="rtl"] .order-box .qty li .count {
  float: left; }

html[dir="rtl"] .img-paypal {
  margin-right: 15px;
  margin-left: unset; }

html[dir="rtl"] .cart .qty-box .input-group .btn {
  border-radius: 0 !important; }

html[dir="rtl"] .product-qnty fieldset .input-group .input-group-prepend .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .grid-options {
  margin-right: 10px;
  margin-left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-1 {
    right: 12px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-2 {
    right: 18px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-3 {
    right: 36px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-4 {
    right: 42px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-5 {
    right: 48px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-6 {
    right: 66px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-7 {
    right: 72px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-8 {
    right: 78px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-9 {
    right: 84px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-10 {
    right: 103px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-11 {
    right: 109px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-12 {
    right: 115px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-13 {
    right: 121px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-14 {
    right: 127px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-15 {
    right: 133px;
    left: unset; }

html[dir="rtl"] .product-filter.new-products .owl-theme .owl-nav {
  left: 0;
  right: unset; }

html[dir="rtl"] .product-filter.new-products .owl-theme .owl-item .item .product-box .product-details.text-start {
  text-align: left !important; }

html[dir="rtl"] .product-sidebar .filter-section .card .card-header h6 .pull-right i {
  left: auto;
  right: unset; }

html[dir="rtl"] .prooduct-details-box .btn {
  right: unset;
  left: 15px; }

html[dir="rtl"] .prooduct-details-box .close {
  right: unset;
  left: 10px; }

html[dir="rtl"] .collection-filter-block svg {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .feature-products form .form-group i {
  left: 30px;
  right: unset; }

html[dir="rtl"] .product-wrapper-grid.list-view .product-box .product-details {
  text-align: right; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .breadcrumb {
  margin-left: unset; }

html[dir="rtl"] .bookmark ul li + li {
  margin-left: unset;
  margin-right: 10px; }

html[dir="rtl"] .bookmark ul li .search-form .form-control-search {
  left: -50px;
  right: unset; }
  html[dir="rtl"] .bookmark ul li .search-form .form-control-search:before {
    right: 50px;
    left: unset; }
  html[dir="rtl"] .bookmark ul li .search-form .form-control-search:after {
    right: 20px;
    left: unset; }

html[dir="rtl"] .me-0 {
  margin-left: 0 !important;
  margin-right: unset !important; }

html[dir="rtl"] .footer .pull-right {
  float: none; }

html[dir="rtl"] .checkbox_animated,
html[dir="rtl"] .radio_animated {
  margin: 0 8px 0 16px; }

html[dir="rtl"] .button.remove {
  left: -10px;
  right: unset; }

html[dir="rtl"] .code-box-copy__btn {
  left: 11px;
  right: unset; }

html[dir="rtl"] ul.nav-menus {
  border-bottom: none; }
  html[dir="rtl"] ul.nav-menus li .input-show input {
    right: 0px;
    left: unset; }

html[dir="rtl"] ul.notification-dropdown.onhover-show-div li {
  text-align: right; }

html[dir="rtl"] .badge + .badge {
  margin-right: 5px;
  margin-left: unset; }

html[dir="rtl"] .offset-xl-3 {
  margin-right: 25%;
  margin-left: unset; }

html[dir="rtl"] .m-l-10 {
  margin-right: 10px !important;
  margin-left: unset !important; }

html[dir="rtl"] .m-r-20 {
  margin-left: 20px;
  margin-right: unset; }

html[dir="rtl"] .m-r-30 {
  margin-left: 30px;
  margin-right: unset; }

html[dir="rtl"] .m-r-5 {
  margin-left: 5px;
  margin-right: unset; }

html[dir="rtl"] .text-start {
  text-align: right !important; }

html[dir="rtl"] .m-r-10 {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .pe-3 {
  padding-left: 1rem !important;
  padding-right: unset !important; }

html[dir="rtl"] .p-r-0 {
  padding-left: 0;
  padding-right: 15px; }

html[dir="rtl"] .m-l-20 {
  margin-right: 20px !important;
  margin-left: unset !important; }

html[dir="rtl"] .ps-3 {
  padding-right: 1rem !important; }

html[dir="rtl"] .b-r-light {
  border-left: 1px solid #E6E9EB !important;
  border-right: unset !important; }

html[dir="rtl"] .float-end {
  float: left !important; }

html[dir="rtl"] .float-start {
  float: right !important; }

html[dir="rtl"] .text-end {
  text-align: left !important; }

html[dir="rtl"] .border-right {
  border-left: 1px solid #dee2e6 !important;
  border-right: unset !important; }

html[dir="rtl"] .pe-0 {
  padding-left: 0 !important;
  padding-right: 12px !important; }

html[dir="rtl"] .ps-0 {
  padding-right: 0 !important;
  padding-left: unset !important; }

html[dir="rtl"] .ms-1 {
  margin-left: unset !important;
  margin-right: 0.25rem !important; }

html[dir="rtl"] .owl-carousel {
  direction: ltr; }

html[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
html[dir="rtl"] .btn-group > :not(:last-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .btn-group > .btn:not(:first-child) {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .btn-group > .btn:nth-child(2) {
  border-radius: 0 !important; }

html[dir="rtl"] .btn-group .btn-group > :not(:first-child) > .btn {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .btn-group .btn + .btn,
html[dir="rtl"] .btn-group .btn + .btn-group {
  margin-right: -1px;
  border-right: none; }

html[dir="rtl"] .btn-group .btn-group + .btn,
html[dir="rtl"] .btn-group .btn-group + .btn-group {
  margin-right: -1px; }

html[dir="rtl"] .btn-group .btn-group-vertical .btn + .btn,
html[dir="rtl"] .btn-group .btn-group-vertical .btn + .btn-group {
  margin-right: -1px; }

html[dir="rtl"] .btn-group .btn-group-vertical .btn-group + .btn,
html[dir="rtl"] .btn-group .btn-group-vertical .btn-group + .btn-group {
  margin-right: -1px; }

html[dir="rtl"] .me-3 {
  margin-right: unset !important;
  margin-left: 1rem !important; }

html[dir="rtl"] .me-5 {
  margin-left: 3rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .ms-3 {
  margin-right: 1rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .m-r-15 {
  margin-left: 15px;
  margin-right: unset; }

html[dir="rtl"] .b-l-light {
  border-right: 1px solid #E6E9EB !important;
  border-left: unset !important; }

html[dir="rtl"] .p-l-0 {
  padding-left: unset;
  padding-right: 0px; }

html[dir="rtl"] .ps-4 {
  padding-right: 1.5rem !important;
  padding-left: unset !important; }

html[dir="rtl"] .me-2 {
  margin-left: 0.5rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .ms-2 {
  margin-right: 0.5rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .pe-2 {
  padding-right: unset !important;
  padding-left: 0.5rem !important; }

html[dir="rtl"] .prooduct-details-box .media-body {
  margin-right: 0 !important; }

html[dir="rtl"] .alert {
  text-align: right; }

html[dir="rtl"] .pull-right {
  float: left; }

html[dir="rtl"] .form-inline .form-group {
  margin-left: 0px;
  margin-right: 0; }

html[dir="rtl"] .card {
  text-align: right; }
  html[dir="rtl"] .card.social-profile {
    text-align: center; }
  html[dir="rtl"] .card .card-header h5:not(.mb-0) {
    float: right; }
  html[dir="rtl"] .card .card-header span {
    clear: both; }
  html[dir="rtl"] .card .card-header .card-header-right {
    left: 35px;
    right: unset; }
    html[dir="rtl"] .card .card-header .card-header-right .card-option {
      text-align: left; }
      html[dir="rtl"] .card .card-header .card-header-right .card-option.list-unstyled {
        padding-right: 0;
        padding-left: unset; }
  html[dir="rtl"] .card .card-header .pull-left {
    float: right; }
  html[dir="rtl"] .card.full-card {
    left: 0;
    right: unset; }
  html[dir="rtl"] .card .card-body .alert svg {
    margin-left: 4px;
    margin-right: unset; }
  html[dir="rtl"] .card .card-body .value-left {
    margin-left: 30px;
    margin-right: unset; }
  html[dir="rtl"] .card .card-body .square {
    margin-left: 5px;
    margin-right: unset; }

html[dir="rtl"] .explore-card {
  text-align: left; }
  html[dir="rtl"] .explore-card .group-btn {
    justify-content: flex-end; }

html[dir="rtl"] .balance-box {
  text-align: center; }

html[dir="rtl"] .purchase-card {
  text-align: center; }

html[dir="rtl"] .modal-header .btn-close {
  margin: -0.5rem auto -0.5rem -0.5rem; }

html[dir="rtl"] .modal-footer > :not(:first-child) {
  margin-right: .50rem;
  margin-left: 0; }

html[dir="rtl"] .form-inline .form-group .col-form-label {
  margin-left: 5px;
  margin-right: 0; }

html[dir="rtl"] .contacts-tabs .nav-pills {
  border-left: 1px solid #E6E9EB; }

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
  padding-right: 0.5rem;
  padding-left: unset; }
  html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    padding-left: 0.5rem;
    padding-right: unset;
    float: right; }

html[dir="rtl"] code[class*=language-],
html[dir="rtl"] pre[class*=language-] {
  text-align: right; }

html[dir="rtl"] .input-group-prepend {
  margin-left: -1px;
  margin-right: unset; }

html[dir="rtl"] .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
html[dir="rtl"] .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

html[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: unset;
  margin-right: -1px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), html[dir="rtl"] .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), html[dir="rtl"] .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, html[dir="rtl"] .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

html[dir="rtl"] .form-floating input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-primary {
  border-right: 4px solid #006666;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-secondary {
  border-right: 4px solid #FE6A49;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-success {
  border-right: 4px solid #00AC46;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-danger {
  border-right: 4px solid #FE6A49;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-warning {
  border-right: 4px solid #FFAE1A;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-info {
  border-right: 4px solid #173878;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-light {
  border-right: 4px solid #E6E9EB;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-dark {
  border-right: 4px solid #2c323f;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:first-child {
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:last-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-left-width: 1px; }

html[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: unset;
  margin-right: -1px; }

html[dir="rtl"] .was-validated .form-control:invalid,
html[dir="rtl"] .form-control.is-invalid,
html[dir="rtl"] .was-validated .form-control:valid,
html[dir="rtl"] .form-control.is-valid {
  background-position: left calc(0.375em + 0.1875rem) center;
  padding-left: calc(1.5em + 0.75rem);
  padding-right: 12px; }

html[dir="rtl"] .input-group > .form-control:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .input-group > .input-group-prepend > .btn,
html[dir="rtl"] .input-group > .input-group-prepend > .input-group-text,
html[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .btn,
html[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .input-group-text,
html[dir="rtl"] .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
html[dir="rtl"] .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .input-group > .input-group-append > .btn,
html[dir="rtl"] .input-group > .input-group-append > .input-group-text,
html[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .btn,
html[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
html[dir="rtl"] .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
html[dir="rtl"] .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .border-tab.nav-left .nav-link {
  text-align: left; }

html[dir="rtl"] .socialprofile .social-group ul li:nth-child(4) {
  margin-right: -22px; }

html[dir="rtl"] .social-status form .form-group .form-control-social {
  padding-right: 15px;
  padding-left: unset; }

html[dir="rtl"] .social-status .media .social-status {
  right: 35px;
  left: unset; }

html[dir="rtl"] .social-chat .other-msg {
  margin-right: 40px;
  margin-left: unset; }

html[dir="rtl"] .social-chat .media-body:before {
  left: 100%;
  right: unset;
  border-left: 7px solid var(-semi-dark);
  border-right: unset; }

html[dir="rtl"] .social-chat .media-body:after {
  left: 100%;
  right: unset;
  border-left: 7px solid #fff;
  border-right: unset; }

html[dir="rtl"] .quick-file li:first-child {
  margin-right: 0px;
  margin-left: unset; }

html[dir="rtl"] .files-content li:first-child {
  margin-right: 0px;
  margin-left: unset; }

html[dir="rtl"] .file-content .folder .folder-box .ellips {
  left: 22px;
  right: unset; }

html[dir="rtl"] .timeline-content .comment-number i {
  margin-left: 20px;
  margin-right: unset; }

html[dir="rtl"] .photos ul li {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .avatar-showcase .friend-pic {
  margin-left: 8px;
  margin-right: unset; }

html[dir="rtl"] .avatar-showcase .pepole-knows ul li {
  margin-left: 21px;
  margin-right: unset; }
  html[dir="rtl"] .avatar-showcase .pepole-knows ul li:last-child {
    margin-left: 0; }

html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
  left: 100px;
  right: unset; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li {
    margin-left: 10px;
    margin-right: unset; }
    html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li:last-child {
      margin-left: 0; }

html[dir="rtl"] .faq-form .search-icon {
  left: 12px;
  right: unset; }

html[dir="rtl"] .faq-widgets .media-body p {
  padding-left: 20px;
  padding-right: unset; }

html[dir="rtl"] .header-faq,
html[dir="rtl"] .faq-title {
  text-align: right; }

html[dir="rtl"] .browse .browse-articles h6 span svg {
  right: 22px; }

html[dir="rtl"] .faq-accordion.default-according .card .faq-header svg {
  left: 30px;
  right: unset; }

html[dir="rtl"] .faq-accordion.default-according .card .btn-link svg {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .navigation-option ul li {
  padding: 8px 0 8px 8px; }
  html[dir="rtl"] .navigation-option ul li a {
    padding-right: 40px;
    padding-left: unset; }
    html[dir="rtl"] .navigation-option ul li a svg {
      right: 15px;
      left: unset; }

html[dir="rtl"] .updates-faq {
  margin-right: unset;
  margin-left: 20px; }

html[dir="rtl"] .categories {
  right: unset;
  left: 0;
  transform: scaleX(-1); }
  html[dir="rtl"] .categories .learning-header {
    padding-right: 15px;
    padding-left: unset; }

html[dir="rtl"] .main .langChoice {
  left: 30px;
  right: unset; }

html[dir="rtl"] .pricing-block svg {
  direction: ltr; }

html[dir="rtl"] p.data-attributes svg {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .avatars .avatar {
  margin-left: 10px;
  margin-right: unset; }
  html[dir="rtl"] .avatars .avatar:last-child {
    margin-left: 0; }
  html[dir="rtl"] .avatars .avatar .status {
    left: 4px;
    right: unset; }

html[dir="rtl"] .customers.avatar-group {
  margin-left: 30px;
  margin-right: unset; }

html[dir="rtl"] .card .card-header h5 {
  float: none !important; }

html[dir="rtl"] .knob-chart .chart-clock-main .clock-small {
  right: 10px;
  left: unset; }

html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
  left: 30px;
  right: unset; }
  html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks .btn-label {
    margin-left: 5px;
    margin-right: unset; }

html[dir="rtl"] .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn {
  text-align: left; }

html[dir="rtl"] .todo .notification-popup {
  left: 10px;
  right: unset; }

html[dir="rtl"] .todo-options .badges-todo h6 {
  margin-left: 10px;
  margin-right: unset; }
  html[dir="rtl"] .todo-options .badges-todo h6:last-child {
    margin-left: 0; }

html[dir="rtl"] .todo-list-btns .dropdown-basic .btn-group .form-group .checkbox {
  padding-right: 14px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  padding-left: unset;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset; }

html[dir="rtl"] .todo-list-btns .dropdown-basic .separated-btn {
  margin-right: -6px;
  margin-left: unset; }
  html[dir="rtl"] .todo-list-btns .dropdown-basic .separated-btn .btn {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px; }

html[dir="rtl"] .search-todo .dropdown-basic .btn-group {
  margin-left: 18px;
  margin-right: unset; }

html[dir="rtl"] .sticky-note .note {
  float: right; }

html[dir="rtl"] .mega-menu .list-unstyled div a {
  padding: 8px 0 8px 35px; }
  html[dir="rtl"] .mega-menu .list-unstyled div a:hover {
    padding: 8px 10px 8px 35px; }

html[dir="rtl"] #testimonial .owl-stage-outer .owl-stage .owl-item .slide--item .media .me-3 {
  margin-right: 1rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  left: 0px !important;
  right: unset !important; }

html[dir="rtl"] .needs-validation .input-group > .form-control:not(:last-child),
html[dir="rtl"] .needs-validation .input-group > .custom-select:not(:last-child),
html[dir="rtl"] .form-row .input-group > .form-control:not(:last-child),
html[dir="rtl"] .form-row .input-group > .custom-select:not(:last-child) {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .form-check {
  padding-right: 1.25rem;
  padding-left: unset; }
  html[dir="rtl"] .form-check .form-check-input {
    float: right;
    margin-left: unset;
    margin-right: -1.5em; }

html[dir="rtl"] .form-check-reverse .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: 10px; }

html[dir="rtl"] .mega-menu .default-according .card .btn-link {
  text-align: right; }

html[dir="rtl"] .mega-menu .default-according.style-1 button[aria-expanded="true"]:before,
html[dir="rtl"] .mega-menu .default-according.style-1 button[aria-expanded="false"]:before {
  right: unset;
  left: 20px; }

html[dir="rtl"] .email-wrap .row .col-xl-6 {
  padding-right: 0;
  padding-left: 15px; }

html[dir="rtl"] .email-wrap .row .col-xl-3 + .col-xl-3 {
  padding-left: 0;
  padding-right: 15px; }

html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li {
  text-align: right; }
  html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li a i {
    margin-right: unset;
    margin-left: 10px; }

html[dir="rtl"] .email-wrap .email-app-sidebar ul {
  padding-right: 0; }

html[dir="rtl"] .email-wrap .email-right-aside .email-body .pe-0 {
  padding-right: unset !important; }

html[dir="rtl"] .email-wrap .email-right-aside .radius-left {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-radius: 4px; }

html[dir="rtl"] #renderRange {
  float: left;
  padding-left: unset;
  padding-right: 12px; }

html[dir="rtl"] .event-calendar {
  direction: ltr; }

html[dir="rtl"] .calendar-wrap .fc {
  direction: rtl;
  text-align: right; }
  html[dir="rtl"] .calendar-wrap .fc .fc-toolbar .fc-left {
    float: right; }
  html[dir="rtl"] .calendar-wrap .fc .fc-toolbar .fc-right {
    float: left; }
  html[dir="rtl"] .calendar-wrap .fc .fc-toolbar > * > * {
    margin-left: 0; }

html[dir="rtl"] .calendar-wrap .fc-events-container {
  text-align: right; }

html[dir="rtl"] .calendar-wrap .fc-scroller {
  margin-right: unset;
  margin-left: -17px; }

html[dir="rtl"] .fc-agenda-view .fc-day-grid .fc-row {
  margin-right: 0 !important; }

html[dir="rtl"] .fc-unthemed .fc-row {
  margin-right: 0 !important; }

html[dir="rtl"] .btn-group-showcase .btn-group {
  margin-left: 20px;
  margin-right: unset; }

html[dir="rtl"] .btn-showcase .btn {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .btn-square.dropdown-toggle {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

html.button-builder[dir="rtl"] ul.the-icons li {
  float: right; }

html.button-builder[dir="rtl"] .color-slelector {
  float: right; }

html.button-builder[dir="rtl"] .custom-button-color .form-control {
  border-radius: 0 5px 5px 0; }
  html.button-builder[dir="rtl"] .custom-button-color .form-control.pull-left {
    float: right; }

html.button-builder[dir="rtl"] .hint-label {
  float: right;
  padding: 4px 020px 0 0; }

html[dir="rtl"] #customer-review .owl-item img {
  order: 2; }

html[dir="rtl"] .options > div {
  margin: 0 0 8px 8px; }

html[dir="rtl"] .modal-dialog .modal-content .modal-body p a {
  margin-left: 0; }

html[dir="rtl"] .drag-box fieldset .component .form-group .text-lg-left {
  text-align: right !important; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn,
html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn-right,
html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .checkbox-radius {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #prependedcheckbox {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #appendedcheckbox {
  border-right-color: #efefef; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #buttondropdown {
  margin-right: unset;
  margin-left: -1px; }

html[dir="rtl"] .drag form {
  text-align: right; }
  html[dir="rtl"] .drag form input {
    text-align: right; }
  html[dir="rtl"] .drag form label {
    text-align: right !important; }
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .btn,
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .btn-right,
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .checkbox-radius {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  html[dir="rtl"] .drag form .form-group .input-group #buttondropdown {
    margin-right: unset;
    margin-left: -1px; }

html[dir="rtl"] .draggable label {
  text-align: right; }

html[dir="rtl"] .form-builder-column .tab-content .tab-pane .theme-form .ui-draggable .input-group > .input-group-prepend > .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .form-group .input-group #buttondropdown,
html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group #buttondropdown {
  margin-right: unset;
  margin-left: 15px; }

html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .form-group .input-group .input-group-btn button,
html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group .input-group-btn button {
  border-radius: 4px !important; }

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .text-lg-left {
  text-align: right !important; }

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn,
html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn-right,
html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .checkbox-radius {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .form-builder .component .form-group .input-group #buttondropdown {
  margin-right: unset;
  margin-left: -1px; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .logo-wrapper {
  box-shadow: 9px 0 20px rgba(89, 102, 122, 0.1) !important; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .logo-wrapper a {
    transform: translate(-64px); }

html[dir="rtl"] .search-page .nav i {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .product-stts {
  display: inline-block; }
  html[dir="rtl"] .product-stts .ms-1 {
    margin-right: 0.25rem !important;
    margin-left: unset !important; }

html[dir="rtl"] .search-form input {
  padding: 10px 70px 10px 10px;
  text-align: right; }

html[dir="rtl"] .icon-hover-bottom .icon-title {
  text-align: right; }

html[dir="rtl"] .icon-lists div i {
  margin: 0 10px 0 15px; }

html[dir="rtl"] .icon-lists ul {
  padding-right: 0; }

html[dir="rtl"] ul.icon-lists {
  padding-right: 30px; }

html[dir="rtl"] .floated-customizer-btn.third-floated-btn {
  left: 35px;
  right: unset; }

html[dir="rtl"] .floated-customizer-btn > span {
  margin-right: 10px; }

html[dir="rtl"] .floated-customizer-panel {
  text-align: right;
  left: -85px;
  right: unset; }
  html[dir="rtl"] .floated-customizer-panel.active {
    left: 35px;
    right: unset; }
  html[dir="rtl"] .floated-customizer-panel .close-customizer-btn {
    left: 30px;
    right: unset; }
  html[dir="rtl"] .floated-customizer-panel ul {
    padding-right: 0; }

html[dir="rtl"] .form-builder-2-header > div nav {
  float: left; }

html[dir="rtl"] .radio label {
  padding-left: 0;
  padding-right: 8px; }
  html[dir="rtl"] .radio label::before {
    right: 0;
    margin-right: -20px;
    left: unset; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .row h3 {
  text-align: right;
  padding-left: 20px;
  padding-right: unset !important; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .row h6 {
  text-align: right; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-header {
  margin-right: 265px;
  margin-left: unset;
  width: calc(100% - 265px); }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header.close_icon {
    margin-right: 100px;
    margin-left: unset;
    width: calc(100% - 100px); }

html[dir="rtl"] .page-wrapper.modern-type .page-header {
  margin-right: 0;
  width: calc(100% - 0px); }
  html[dir="rtl"] .page-wrapper.modern-type .page-header.close_icon {
    margin-right: 0;
    width: calc(100% - 0px); }
  html[dir="rtl"] .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
    margin-right: unset;
    margin-left: 30px; }
  html[dir="rtl"] .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
    margin-right: unset;
    margin-left: 15px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper .page-body {
  margin-right: 310px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper .footer {
  margin-left: 55px;
  margin-right: 360px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
  margin-right: 0px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
  margin-right: 0; }

html[dir="rtl"] .page-header .header-wrapper .nav-right {
  text-align: right; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right .onhover-show-div {
    right: unset;
    left: 0; }
    @media (max-width: 575.98px) {
      html[dir="rtl"] .page-header .header-wrapper .nav-right .onhover-show-div {
        left: 12px; } }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .page-header .header-wrapper .nav-right .cart-dropdown li {
      padding: 10px; } }
  html[dir="rtl"] .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
    right: unset;
    left: 0; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li .lang-txt {
    margin-left: 0;
    margin-right: 8px; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.notification-down:nth-child(5)::before {
    left: -8px;
    right: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:before {
    left: 0;
    right: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li .dot {
    left: 17px;
    right: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown:hover .onhover-show-div:before {
    right: 10px;
    left: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown:hover .onhover-show-div:after {
    right: 10px;
    left: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li i.ms-2 {
    margin-right: 0.5rem !important;
    margin-left: unset !important; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right .profile-dropdown li svg {
    margin-right: unset;
    margin-left: 10px; }

html[dir="rtl"] .page-header .header-wrapper .mobile-sidebar {
  padding-left: 20px;
  padding-right: unset; }

html[dir="rtl"] .page-header.open {
  margin-right: 0; }

html[dir="rtl"] ul.notification-dropdown.onhover-show-div {
  right: initial;
  left: -30px;
  padding: 0; }
  html[dir="rtl"] ul.notification-dropdown.onhover-show-div:before {
    right: inherit !important;
    left: 35px !important; }
  html[dir="rtl"] ul.notification-dropdown.onhover-show-div:after {
    right: inherit !important;
    left: 35px !important; }
  html[dir="rtl"] ul.notification-dropdown.onhover-show-div li {
    margin-right: 0 !important; }
    html[dir="rtl"] ul.notification-dropdown.onhover-show-div li span.badge {
      margin-left: unset !important; }
    html[dir="rtl"] ul.notification-dropdown.onhover-show-div li span svg {
      margin-right: unset;
      margin-left: 10px; }
    html[dir="rtl"] ul.notification-dropdown.onhover-show-div li .notification-icon {
      margin-left: 20px;
      margin-right: unset; }

html[dir="rtl"] .card-body .alert svg ~ p {
  padding-left: unset;
  padding-right: 20px; }

html[dir="rtl"] .alert i {
  margin-left: 5px;
  margin-right: 0; }

html[dir="rtl"] .inverse {
  padding: 13px 65px 13px 20px; }
  html[dir="rtl"] .inverse i {
    left: unset;
    right: 0; }

html[dir="rtl"] .alert-primary.inverse:before {
  border-right: 7px solid #006666;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-secondary.inverse:before {
  border-right: 7px solid #FE6A49;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-success.inverse:before {
  border-right: 7px solid #00AC46;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-danger.inverse:before {
  border-right: 7px solid #FE6A49;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-warning.inverse:before {
  border-right: 7px solid #FFAE1A;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-info.inverse:before {
  border-right: 7px solid #173878;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-light.inverse:before {
  border-right: 7px solid #E6E9EB;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-dark.inverse:before {
  border-right: 7px solid #2c323f;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-dismissible .btn-close {
  left: 4px;
  right: unset; }
  html[dir="rtl"] .alert-dismissible .btn-close span {
    padding-left: 0;
    padding-right: unset; }

html[dir="rtl"] .icofont.icofont-truck {
  display: inline-block; }

html[dir="rtl"] .blog-box .blog-details {
  padding-left: 20px;
  text-align: right; }
  html[dir="rtl"] .blog-box .blog-details .blog-social {
    padding-right: 0; }
    html[dir="rtl"] .blog-box .blog-details .blog-social li {
      padding-left: 40px;
      padding-right: unset; }
      html[dir="rtl"] .blog-box .blog-details .blog-social li:first-child {
        border-left: 1px solid #777777;
        border-right: unset;
        padding-left: 40px;
        padding-right: unset; }
      html[dir="rtl"] .blog-box .blog-details .blog-social li + li {
        margin-right: 30px;
        margin-left: unset;
        padding-left: 0; }

html[dir="rtl"] .blog-box .blog-details-main .blog-social li {
  border-left: 1px dotted;
  border-right: unset; }
  html[dir="rtl"] .blog-box .blog-details-main .blog-social li:last-child {
    border-left: none; }

html[dir="rtl"] .blog-box .blog-date span {
  font-size: 36px;
  font-weight: 500;
  padding-left: 5px; }

html[dir="rtl"] .comment-box .media img {
  margin-left: 45px;
  margin-right: unset; }

html[dir="rtl"] .comment-box .media h6 {
  text-align: right; }

html[dir="rtl"] .comment-box ul ul {
  margin-right: 135px;
  margin-left: unset;
  padding-right: 0; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .comment-box ul ul {
      margin-right: 30px; } }
html[dir="rtl"] .comment-box .comment-social {
  text-align: left; }
  html[dir="rtl"] .comment-box .comment-social li {
    padding-left: 0;
    padding-right: 20px; }
    html[dir="rtl"] .comment-box .comment-social li:first-child {
      border-left: 1px solid #efefef;
      border-right: unset;
      padding-right: 0;
      padding-left: 20px; }

html[dir="rtl"] .button-builder-wrap .form-group .btn {
  margin-left: 15px;
  margin-right: 0;
  padding: 9px; }

html[dir="rtl"] .button-builder ul.the-icons {
  padding-right: 0 !important; }

html[dir="rtl"] .chat-msg-box ul {
  padding-right: 0; }

html[dir="rtl"] .cke_toolbar,
html[dir="rtl"] .cke_toolgroup,
html[dir="rtl"] a.cke_button,
html[dir="rtl"] .cke_combo_text {
  float: right; }

html[dir="rtl"] .cke_reset_all,
html[dir="rtl"] .cke_reset_all *,
html[dir="rtl"] .cke_reset_all a,
html[dir="rtl"] .cke_reset_all textarea {
  text-align: right; }

html[dir="rtl"] .cke_combo_text {
  padding-left: unset;
  padding-right: 10px; }

html[dir="rtl"] #editor1 #cke_editor1 #cke_1_contents iframe html {
  direction: rtl !important; }

html[dir="rtl"] #clockdiv ul {
  padding-right: 0; }

html[dir="rtl"] .custom-card .card-footer > div + div {
  border-right: 1px solid #efefef;
  border-left: unset !important; }

html[dir="rtl"] .card-social {
  padding-right: 0; }

html[dir="rtl"] .card-absolute .card-header {
  right: 15px;
  left: unset; }

html[dir="rtl"] .dataTables_wrapper .dataTables_filter input[type="search"] {
  margin-right: 10px;
  margin-left: 0; }

html[dir="rtl"] .dataTables_wrapper .dataTables_length {
  float: right; }

html[dir="rtl"] .dataTables_wrapper .dataTables_filter {
  margin-left: unset;
  margin-right: 15px;
  float: left; }

html[dir="rtl"] .dataTables_wrapper .dataTables_info {
  float: right; }

html[dir="rtl"] .dataTables_wrapper .advance-5_filter {
  margin-left: 0; }

html[dir="rtl"] .dataTables_wrapper .btn-group button {
  margin-left: 5px;
  margin-right: unset; }
  html[dir="rtl"] .dataTables_wrapper .btn-group button:last-child {
    margin-left: 0; }

html[dir="rtl"] .dataTables_wrapper table.dataTable tbody td.select-checkbox:after,
html[dir="rtl"] .dataTables_wrapper table.dataTable tbody th.select-checkbox:after {
  margin-left: 31px; }

html[dir="rtl"] div.dataTables_wrapper div.dataTables_paginate {
  margin-right: 15px !important;
  margin-left: 0 !important;
  float: left; }

html[dir="rtl"] table.dataTable thead > tr > th {
  padding-left: 30px;
  padding-right: 12px; }
  html[dir="rtl"] table.dataTable thead > tr > th:before {
    left: 1em !important;
    right: unset; }
  html[dir="rtl"] table.dataTable thead > tr > th:after {
    left: 0.5em !important;
    right: unset; }

html[dir="rtl"] table.dataTable thead .sorting:before,
html[dir="rtl"] table.dataTable thead .sorting_asc:before,
html[dir="rtl"] table.dataTable thead .sorting_desc:before,
html[dir="rtl"] table.dataTable thead .sorting_asc_disabled:before,
html[dir="rtl"] table.dataTable thead .sorting_desc_disabled:before {
  left: 1em !important;
  right: unset; }

html[dir="rtl"] .dataTables_scrollHeadInner {
  padding-right: unset !important;
  padding-left: 0 !important; }

html[dir="rtl"] div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
  padding-right: 0;
  padding-left: 0; }

html[dir="rtl"] div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
  padding-right: 0;
  padding-left: 0; }

html[dir="rtl"] .dt-plugin-buttons button.m-r-10 {
  margin-left: 10px;
  margin-right: 0; }

html[dir="rtl"] .datetime-picker .theme-form .form-group label {
  text-align: left !important; }

html[dir="rtl"] .datetime-picker .theme-form .form-group .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .datetime-picker .theme-form .form-group .input-group .form-control {
  border-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

html[dir="rtl"] .dropdown-basic .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important; }

html[dir="rtl"] .dropdown-basic .separated-btn .btn {
  border-radius: 0.25rem;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

html[dir="rtl"] .dropdown-basic .btn-group {
  margin-right: unset;
  margin-left: 18px; }

html[dir="rtl"] .error-wrapper .col-md-8.offset-md-2 {
  margin: 0 auto !important; }

html[dir="rtl"] .timeline-calendar .custom-calendar .time-line .fc-header-toolbar {
  left: 15px !important; }

html[dir="rtl"] .product-price del {
  padding-left: 20px;
  padding-right: 0; }

html[dir="rtl"] .product-box .modal .modal-header .btn-close {
  right: unset;
  left: 15px; }

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-left.ribbon-info:before,
html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
  border-left-color: #007bff; }

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-left:before,
html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-right:before {
  right: 0;
  left: unset;
  border-left: 15px solid #2a3142; }

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-info:before {
  border-left-color: transparent; }

html[dir="rtl"] .product-box .ribbon-warning.ribbon-clip:before {
  border-left-color: #ff850d;
  border-right-color: unset; }

html[dir="rtl"] .product-box .ribbon-clip {
  right: -14px;
  left: unset; }
  html[dir="rtl"] .product-box .ribbon-clip:before {
    right: 0;
    left: unset; }

html[dir="rtl"] .product-hover ul {
  padding-right: 0; }

html[dir="rtl"] .customer-review .media img {
  margin-left: 25px;
  margin-right: 0; }

html[dir="rtl"] .nav {
  padding-right: 0; }

html[dir="rtl"] .custom-tab {
  padding: 4px; }

html[dir="rtl"] .custom-file-label::after {
  left: 0;
  right: unset; }

html[dir="rtl"] .wizard-4 ul.anchor {
  float: right; }

html[dir="rtl"] .wizard-4 .step-container {
  clear: unset; }

html[dir="rtl"] .wizard-4 .form-group {
  text-align: right; }

html[dir="rtl"] .wizard-4 .action-bar .btn {
  float: left; }

html[dir="rtl"] .f1 .f1-buttons {
  text-align: left; }

html[dir="rtl"] .f1 .f1-steps .f1-step {
  float: right; }

html[dir="rtl"] .jstree-default .jstree-node {
  margin-left: unset;
  margin-right: 24px;
  background-position: -292px -4px;
  background-repeat: repeat-y; }

html[dir="rtl"] .img-cropper .btn-group {
  margin-right: 0;
  margin-left: 10px; }
  html[dir="rtl"] .img-cropper .btn-group button:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  html[dir="rtl"] .img-cropper .btn-group button:first-child {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

html[dir="rtl"] .docs-toggles .btn-group .btn {
  border-radius: 0; }
  html[dir="rtl"] .docs-toggles .btn-group .btn:last-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  html[dir="rtl"] .docs-toggles .btn-group .btn:first-child {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle) > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .jsgrid-button + .jsgrid-button {
  margin-right: 5px;
  margin-left: unset; }

html[dir="rtl"] .list-group {
  padding-right: 0; }
  html[dir="rtl"] .list-group i,
  html[dir="rtl"] .list-group img {
    margin-left: 10px;
    margin-right: 0; }

html[dir="rtl"] .authentication-box {
  text-align: right; }

html[dir="rtl"] .mega-horizontal .offset-sm-3 {
  margin-right: 25%;
  margin-left: unset; }

html[dir="rtl"] .navs-icon svg {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .navs-icon .fa {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .nav-list .nav-list-disc {
  text-align: right;
  padding-right: 0; }

html[dir="rtl"] .ps-4 {
  padding-right: 30px !important;
  padding-left: 0 !important; }

html[dir="rtl"] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:before {
  left: 77px;
  right: unset; }

html[dir="rtl"] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after {
  left: 77px;
  right: unset; }

html[dir="rtl"] .navs-dropdown .onhover-show-div .navs-icon li {
  text-align: right; }

html[dir="rtl"] .navs-icon.default-according.style-1 li button[aria-expanded="true"]:before {
  left: 2px;
  right: unset; }

html[dir="rtl"] .navs-icon.default-according.style-1 li button[aria-expanded="false"]:before {
  left: 2px;
  right: unset; }

html[dir="rtl"] .search-form .form-group:after {
  right: 53px;
  left: unset; }

html[dir="rtl"] .search-form .form-group:before {
  right: 82px;
  left: unset; }

html[dir="rtl"] .order-history table tbody tr td .product-name .order-process .order-process-circle:before {
  right: -15px;
  left: unset; }

html[dir="rtl"] .product-page-details span {
  padding-right: 15px;
  padding-left: 0; }

html[dir="rtl"] .fg-emoji-picker-search .fg-emoji-picker-search-icon {
  left: 0px; }

html[dir="rtl"] .m-checkbox-inline label {
  margin-left: 20px;
  margin-right: 0; }

html[dir="rtl"] .form-label-align-right label {
  text-align: left; }

html[dir="rtl"] .br-theme-bars-reversed .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-movie .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-1to10 .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-square .br-widget .br-current-rating {
  float: right; }

html[dir="rtl"] .br-theme-bars-reversed .br-widget a,
html[dir="rtl"] .br-theme-bars-movie .br-widget a,
html[dir="rtl"] .br-theme-bars-1to10 .br-widget a,
html[dir="rtl"] .br-theme-bars-square .br-widget a {
  float: right; }

html[dir="rtl"] .ribbon-left {
  right: auto;
  left: -2px; }

html[dir="rtl"] .ribbon-vertical-left {
  right: auto;
  left: 12px; }

html[dir="rtl"] .ribbon-vertical-right {
  right: auto;
  left: 12px; }

html[dir="rtl"] .star-ratings ul.search-info {
  padding-right: 0; }
  html[dir="rtl"] .star-ratings ul.search-info li + li {
    border-right: 1px solid #a5afc6;
    border-left: unset;
    padding-right: 8px;
    padding-left: 0;
    margin-right: 8px;
    margin-left: 0; }

html[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow {
  left: 10px !important;
  right: unset !important; }

html[dir="rtl"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
  float: right; }

html[dir="rtl"] .selection .select2-selection .select2-search__field {
  text-align: right; }

html[dir="rtl"] .select2-results__option {
  text-align: right; }

html[dir="rtl"] .editor-statusbar {
  text-align: left; }
  html[dir="rtl"] .editor-statusbar span {
    margin-right: 1em;
    margin-left: unset; }

html[dir="rtl"] .CodeMirror-scroll {
  margin-left: -30px;
  margin-right: unset; }

html[dir="rtl"] .primary-color ul,
html[dir="rtl"] .yellow-color ul {
  padding-right: 0; }

html[dir="rtl"] .u-step-desc {
  text-align: right; }

html[dir="rtl"] .u-step-number {
  right: 20px;
  left: unset; }
  html[dir="rtl"] .u-step-number ~ .u-step-desc {
    margin-right: 50px; }

html[dir="rtl"] .u-pearl:after {
  left: 0;
  right: unset; }

html[dir="rtl"] .u-pearl:before {
  right: 0;
  left: unset; }

html[dir="rtl"] .u-step-icon {
  float: right;
  margin-left: .5em;
  margin-right: unset; }

html[dir="rtl"] .list-icons {
  padding-right: 0; }

html[dir="rtl"] .card-header.note-toolbar .note-color .dropdown-toggle {
  padding-right: 5px; }

html[dir="rtl"] .card-header.note-toolbar .form-group.draggable {
  text-align: right; }

html[dir="rtl"] .card-header.note-toolbar .form-check {
  padding-right: 24px;
  padding-left: unset; }

html[dir="rtl"] .card-header.note-toolbar form .custom-control {
  padding-right: 24px;
  padding-left: unset; }
  html[dir="rtl"] .card-header.note-toolbar form .custom-control .custom-control-label::after {
    right: 0;
    left: unset; }
  html[dir="rtl"] .card-header.note-toolbar form .custom-control .custom-control-label::before {
    right: 0;
    left: unset; }

html[dir="rtl"] .dropdown-toggle::after {
  margin-right: 0.255em;
  margin-left: unset; }

html[dir="rtl"] .checkbox label {
  padding-right: 8px;
  padding-left: unset; }
  html[dir="rtl"] .checkbox label::before {
    right: 0;
    left: unset;
    margin-right: -16px;
    margin-left: unset; }

html[dir="rtl"] .checkbox-wrapper li label,
html[dir="rtl"] .radio-wrapper li label {
  padding-right: 0; }

html[dir="rtl"] .radio label::after {
  right: 5px;
  left: unset;
  margin-right: -20px;
  margin-left: unset; }

html[dir="rtl"] .cd-timeline-img i {
  right: 40%;
  left: unset;
  margin-right: -12px;
  margin-left: unset; }

html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content {
  float: left;
  border-left: 7px solid #eeeeee;
  border-right: unset; }
  html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    right: auto;
    left: 122%;
    text-align: left; }
  html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    right: auto;
    left: 100%;
    border: 15px solid transparent;
    border-left: 15px solid #f4f4f4; }

html[dir="rtl"] .cd-timeline-content .cd-date {
  right: 122%;
  left: unset; }

html[dir="rtl"] .introjs-tooltip {
  right: 0;
  left: unset; }

html[dir="rtl"] .introjs-helperNumberLayer {
  right: -16px;
  left: unset; }

html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltiptext {
  text-align: right; }

html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons {
  text-align: left; }
  html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-skipbutton {
    margin-left: 5px;
    margin-right: unset; }
  html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-nextbutton {
    -webkit-border-radius: 0.2em 0 0 0.2em;
    -moz-border-radius: 0.2em 0 0 0.2em;
    border-radius: 0.2em 0 0 0.2em; }

html[dir="rtl"] .list-inline-item:not(:last-child) {
  margin-left: 0.5rem;
  margin-right: unset; }

html[dir="rtl"] .like-comment ul.list-inline {
  padding-right: 0; }

html[dir="rtl"] .typeahead {
  text-align: right; }

html[dir="rtl"] .listing ul {
  padding-right: 0; }
  html[dir="rtl"] .listing ul .icofont {
    float: right; }

html[dir="rtl"] .gallery .hover-5 img {
  margin-right: 30px; }

html[dir="rtl"] .gallery .hover-5:hover img {
  margin-right: 0; }

html[dir="rtl"] .lg-outer {
  text-align: right; }

html[dir="rtl"] .lg-toolbar .lg-icon {
  float: left; }

html[dir="rtl"] #lg-counter {
  padding-right: 20px;
  padding-left: unset;
  float: right; }

html[dir="rtl"] .chart-widget-top .text-end {
  text-align: left !important; }

html[dir="rtl"] .chart-widget-top .num .ms-1 {
  margin-right: 0.25rem !important; }

html[dir="rtl"] .bar-chart-widget .earning-details i {
  left: -240px; }

html[dir="rtl"] .bar-chart-widget .bottom-content .b-r-light {
  border-left: 1px solid #eeeeee !important;
  border-right: unset !important; }

html[dir="rtl"] .bar-chart-widget .bottom-content .num .ms-1 {
  margin-right: 0.25rem !important; }

html[dir="rtl"] .chart-vertical-center #myDoughnutGraph,
html[dir="rtl"] .chart-vertical-center #myPolarGraph {
  width: auto !important; }

html[dir="rtl"] .crm-activity ul.dates li + li {
  border-right: 1px solid #ddd;
  padding-right: 10px;
  margin-right: 5px;
  border-left: unset;
  padding-left: unset;
  margin-left: unset; }

html[dir="rtl"] div.dt-buttons {
  float: right; }

html[dir="rtl"] .dt-button-collection {
  left: -39px !important; }

html[dir="rtl"] .dropzone .dz-preview .dz-error-mark,
html[dir="rtl"] .dropzone .dz-preview .dz-success-mark {
  right: 50%;
  margin-right: -27px;
  margin-left: unset;
  left: unset; }

html[dir="rtl"] .page-wrapper .page-body-wrapper footer {
  margin-right: 265px;
  margin-left: unset; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper footer p i {
    margin-right: 5px;
    margin-left: unset; }

html[dir="rtl"] .footer-copyright {
  text-align: right; }

html[dir="rtl"] .footer-links {
  text-align: left; }

html[dir="rtl"] .page-item:first-child .page-link {
  margin-right: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none; }

html[dir="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; }

html[dir="rtl"] .popover.top > .arrow:after,
html[dir="rtl"] .popover.bottom > .arrow:after {
  margin-right: -10px;
  margin-left: unset; }

html[dir="rtl"] .bootstrap-touchspin > .input-group-append > .btn,
html[dir="rtl"] .bootstrap-touchspin > .input-group-append > .input-group-text {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

html[dir="rtl"] .bootstrap-touchspin > .form-control:not(:last-child),
html[dir="rtl"] .bootstrap-touchspin > .custom-select:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .typeahead span.twitter-typeahead .tt-suggestion {
  text-align: right; }

html[dir="rtl"] .typeahead .league-name {
  text-align: right;
  margin-right: 5px; }

html[dir="rtl"] .follow .text-md-right {
  text-align: left !important; }

html[dir="rtl"] .jvectormap-zoomin,
html[dir="rtl"] .jvectormap-zoomout,
html[dir="rtl"] .jvectormap-goback {
  right: 10px;
  left: unset; }

html[dir="rtl"] .customizer-links {
  right: unset;
  left: 0; }
  html[dir="rtl"] .customizer-links > .nav {
    padding-right: 10px; }
  html[dir="rtl"] .customizer-links .nav-link:after {
    right: -10px;
    left: unset;
    border-width: 5px 5px 5px 0;
    border-left-color: unset;
    border-right-color: rgba(0, 102, 102, 0.1); }
  html[dir="rtl"] .customizer-links .nav-link span {
    right: unset;
    left: -60px; }
  html[dir="rtl"] .customizer-links .nav-link:hover span {
    left: 48px; }
  html[dir="rtl"] .customizer-links.open {
    right: unset;
    left: 330px;
    border-radius: 0 8px 8px 0; }

html[dir="rtl"] .customizer-contain {
  width: 330px;
  right: unset;
  left: -330px; }
  html[dir="rtl"] .customizer-contain.open {
    right: unset;
    left: 0px; }
  html[dir="rtl"] .customizer-contain .customizer-header .icon-close {
    left: unset;
    right: 30px; }

html[dir="rtl"] .box-layout.page-wrapper.horizontal-wrapper .page-header {
  padding-right: 250px;
  padding-left: unset; }
  html[dir="rtl"] .box-layout.page-wrapper.horizontal-wrapper .page-header.open {
    padding-right: 0; }

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 230px; }

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
  width: 1280px;
  padding-left: 0;
  left: 50%; }

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-header {
  margin-left: auto;
  margin-right: auto;
  padding-left: unset;
  padding-right: 230px; }
  html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-header.close_icon {
    padding-right: 100px; }

html[dir="rtl"] body.dark-only .custom-card .card-footer > div + div {
  border-right: 1px solid rgba(255, 255, 255, 0.1); }

html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(odd) .cd-timeline-content::before {
  border-left: none;
  border-right-color: #1A1C23; }

html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
  border-left-color: #1A1C23;
  border-right: unset; }

html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-r-light,
html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right {
  border-right: none !important;
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important; }

@media screen and (max-width: 1660px) {
  html[dir="rtl"] .caller-img {
    left: unset;
    right: 15px; } }

@media only screen and (max-width: 1366px) {
  html[dir="rtl"] .profile-dropdown.onhover-show-div {
    right: unset !important;
    left: 0 !important; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right ul li.onhover-dropdown.notification-down:nth-child(5)::before {
    right: 47px;
    left: unset; }
  html[dir="rtl"] .product-wrapper .product-grid .feature-products {
    margin-right: 0; }
  html[dir="rtl"] .product-grid {
    margin-right: 0; }
  html[dir="rtl"] .d-none-productlist {
    margin-left: 10px;
    margin-right: unset; }
  html[dir="rtl"] .photos ul li:nth-child(3n) {
    margin-left: 15px;
    margin-right: unset; } }

@media (min-width: 1200px) {
  html[dir="rtl"] .float-xl-end {
    float: left !important; }
  html[dir="rtl"] .pixelstrap ul a:hover .sub-arrow, html[dir="rtl"] .pixelstrap ul a:focus .sub-arrow, html[dir="rtl"] .pixelstrap ul a:active .sub-arrow, html[dir="rtl"] .pixelstrap ul a.highlighted .sub-arrow {
    left: 3px;
    right: unset; } }

@media (min-width: 992px) {
  html[dir="rtl"] .text-lg-start {
    text-align: right !important; } }

@media only screen and (max-width: 1199.98px) {
  html[dir="rtl"] .jkanban-container .btn {
    margin-left: unset;
    margin-right: 20px; }
  html[dir="rtl"] .link-section > div > h6:before {
    right: unset;
    left: 10px; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right > ul li .submenu li:first-child {
    padding-right: 15px !important;
    padding-left: 15px !important; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 45px; }
  html[dir="rtl"] .email-wrap .row .col-xl-6 {
    padding-right: 15px; }
  html[dir="rtl"] .email-wrap .row .col-xl-3 + .col-xl-3 {
    padding-left: 15px; }
  html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li {
    text-align: right; }
    html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li a i {
      margin-right: unset;
      margin-left: 10px; }
  html[dir="rtl"] .email-wrap .email-app-sidebar ul {
    padding-right: 0; }
  html[dir="rtl"] .email-wrap .email-right-aside .email-body .pe-0 {
    padding-right: unset !important; }
  html[dir="rtl"] .email-wrap .email-right-aside .radius-left {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-radius: 4px; }
  html[dir="rtl"] .chat-menu-icons {
    text-align: left; }
  html[dir="rtl"] .chat-menu {
    left: 0;
    right: unset; } }

@media only screen and (max-width: 991.98px) {
  html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
    left: 20px; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translate(285px); }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
      transform: translate(285px); }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn {
    float: left;
    transform: rotate(180deg); }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
    margin-right: 0;
    border-right: none;
    padding-right: 0;
    border-left: 1px solid #ddd;
    margin-left: 15px;
    padding-left: 15px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-header {
    margin-right: 0; }
  html[dir="rtl"] .page-wrapper.material-icon .page-header {
    padding-right: 0; }
  html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper .page-body {
    padding-right: 15px; }
  html[dir="rtl"] .faq-accordion .faq-header svg {
    left: 20px; }
  html[dir="rtl"] .page-wrapper .page-header .header-logo-wrapper .logo-wrapper img {
    margin-left: 15px;
    margin-right: unset; }
  html[dir="rtl"] .page-body-wrapper .page-body,
  html[dir="rtl"] .page-body-wrapper footer {
    margin-right: 0 !important; }
  html[dir="rtl"] .main .langChoice {
    left: 20px; }
  html[dir="rtl"] .cd-timeline-img i {
    right: 50% !important; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .breadcrumb {
    margin-right: 0; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 60px); }
  html[dir="rtl"] .page-wrapper .page-header {
    margin-right: 0; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header {
    margin-right: 0 !important;
    margin-left: unset !important; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-wrapper.close_icon {
    transform: translate(285px); }
  html[dir="rtl"] .card-body .value-left {
    margin-left: 20px; }
  html[dir="rtl"] .bookmark ul li .search-form .form-control-search {
    left: -127px; }
  html[dir="rtl"] .card .card-header .card-header-right {
    left: 15px; } }

@media only screen and (max-width: 991px) and (min-width: 768px) {
  html[dir="rtl"] .page-wrapper.compact-wrapper.material-type .page-body-wrapper div.sidebar-wrapper {
    left: unset;
    right: 0; } }

@media (min-width: 768px) {
  html[dir="rtl"] .float-md-end {
    float: left !important; }
  html[dir="rtl"] .income-wrap .ps-md-0 {
    padding-left: 30px !important;
    padding-right: 0 !important; }
  html[dir="rtl"] .text-md-end {
    text-align: left !important; }
  html[dir="rtl"] .offset-md-3 {
    margin-right: 25%;
    margin-left: unset; }
  html[dir="rtl"] .text-md-start {
    text-align: right !important; }
  html[dir="rtl"] .ecommerce-widget .text-md-end {
    text-align: left !important; }
    html[dir="rtl"] .ecommerce-widget .text-md-end ul {
      text-align: left; } }

@media only screen and (max-width: 767.98px) {
  html[dir="rtl"] .list-persons .profile-mail .email-general ul {
    padding-left: 0; }
  html[dir="rtl"] .file-content .form-inline {
    padding: 0px 20px 0px 0px; }
  html[dir="rtl"] .product-wrapper.sidebaron .product-grid .product-wrapper-grid {
    margin-right: 0; }
  html[dir="rtl"] .product-sidebar {
    transform: translateX(300px) scaleX(1); }
    html[dir="rtl"] .product-sidebar.open {
      transform: translateX(0px) scaleX(1); }
  html[dir="rtl"] .feature-products .filter-toggle {
    margin-right: 10px;
    margin-left: unset; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 25px !important; }
  html[dir="rtl"] .ecommerce-widget .text-md-right {
    text-align: left !important; }
  html[dir="rtl"] .bar-chart-widget .earning-details i {
    left: -147px !important; } }

@media (min-width: 576px) {
  html[dir="rtl"] .offset-sm-3 {
    margin-right: 25%;
    margin-left: unset; }
  html[dir="rtl"] .text-sm-end {
    text-align: left !important; }
  html[dir="rtl"] .float-sm-end {
    float: left !important; }
  html[dir="rtl"] .me-sm-2 {
    margin-left: 0.5rem !important;
    margin-right: unset !important; } }

@media only screen and (max-width: 575.98px) {
  html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
    left: 15px; }
  html[dir="rtl"] .list-persons .nav-pills .nav-link .media .media-body {
    text-align: right; }
  html[dir="rtl"] .mega-menu {
    padding-left: unset;
    padding-right: 15px; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right > ul li {
    margin-right: unset;
    margin-left: 1px; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
    left: 0; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, html[dir="rtl"] .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
    margin-left: 8px;
    padding-left: 8px;
    margin-right: unset;
    padding-right: unset;
    border-right: unset;
    border-left: 1px solid #ddd; }
  html[dir="rtl"] .translate_wrapper.active .more_lang.active {
    left: unset;
    right: 12px; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:last-child {
    padding-right: 10px; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul.notification-dropdown {
    left: unset !important;
    right: 15px !important; }
  html[dir="rtl"] .faq-accordion .faq-header svg {
    left: 15px; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 15px !important; }
    html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li {
      margin-left: 0px; }
  html[dir="rtl"] .main .langChoice {
    left: 15px; }
  html[dir="rtl"] .page-wrapper .search-form .form-group {
    margin-left: 0; }
  html[dir="rtl"] .card-body .value-left {
    margin-left: 15px; } }

@media only screen and (max-width: 480px) {
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
    right: unset;
    left: 20px; }
  html[dir="rtl"] .knob-chart .chart-clock-main {
    width: unset; }
    html[dir="rtl"] .knob-chart .chart-clock-main .clock-small {
      right: 32px; }
    html[dir="rtl"] .knob-chart .chart-clock-main .clock-large {
      right: 0;
      left: unset; }
    html[dir="rtl"] .knob-chart .chart-clock-main .clock-medium {
      right: 32px;
      left: unset; } }

@media only screen and (max-width: 420px) {
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    right: 112px; }
  html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    right: 80px; } }

@media only screen and (max-width: 360px) {
  html[dir="rtl"] .prooduct-details-box .close {
    left: 0; }
  html[dir="rtl"] .social-app-profile .hovercard .user-image .avatar {
    margin-top: -47px; }
    html[dir="rtl"] .social-app-profile .hovercard .user-image .avatar img {
      width: 85px;
      height: 85px; }
  html[dir="rtl"] .social-chat .other-msg {
    margin-right: 15px; } }

@media screen and (max-width: 1460px) {
  html[dir="rtl"] .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-left: 8px;
    margin-right: unset; } }

/**=====================
    5.8 Rtl CSS Ends
==========================**/
/**=====================
  5.9 Box-layout CSS start
==========================**/
.box-layout {
  background-blend-mode: overlay;
  background-color: rgba(255, 255, 255, 0.5);
  overflow: hidden; }
  .box-layout.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu {
    background-color: #1A1C23; }
  .box-layout.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links > li:hover .sidebar-submenu {
    opacity: 1;
    visibility: visible;
    display: block !important;
    top: 58px; }
  .box-layout .today-work-table .today-working-table tbody tr td {
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom: 1px dashed #E6E9EB; }
  .box-layout .today-work-table .today-working-table tbody tr td:nth-child(1) {
    min-width: 165px; }
  .box-layout .today-work-table .today-working-table tbody tr td:nth-child(2) {
    min-width: 170px; }
  .box-layout .today-work-table .today-working-table tbody tr td:nth-child(3) {
    display: none; }
  .box-layout .today-work-table .today-working-table tbody tr:first-child td {
    padding-top: 0px; }
  .box-layout .today-work-table .today-working-table tbody tr td a {
    color: #051A1A;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .box-layout .today-work-table .today-working-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }
  .box-layout .today-work-table .today-working-table tbody tr:last-child td {
    padding-bottom: 0px;
    border: none; }
  .box-layout .tranaction-table thead {
    background-color: rgba(230, 233, 235, 0.3); }
    .box-layout .tranaction-table thead tr th {
      padding: 20px; }
      .box-layout .tranaction-table thead tr th:nth-child(1) {
        min-width: 160px; }
      .box-layout .tranaction-table thead tr th:nth-child(2) {
        min-width: 150px;
        padding: 20px 0px; }
      .box-layout .tranaction-table thead tr th:nth-child(3) {
        display: none; }
      .box-layout .tranaction-table thead tr th:nth-child(4) {
        min-width: 100px;
        padding: 20px 0px; }
      .box-layout .tranaction-table thead tr th:nth-child(5) {
        min-width: 50px; }
      .box-layout .tranaction-table thead tr th:first-child {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .box-layout .tranaction-table thead tr th:last-child {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; }
  .box-layout .tranaction-table tbody tr {
    border-bottom: 1px solid #E6E9EB; }
    .box-layout .tranaction-table tbody tr td {
      padding-top: 17px;
      padding-bottom: 17px; }
      .box-layout .tranaction-table tbody tr td .status-process {
        border-radius: 15px;
        padding: 12px; }
      .box-layout .tranaction-table tbody tr td:nth-child(3) {
        display: none; }
      .box-layout .tranaction-table tbody tr td:last-child .product-sub {
        text-align: center; }
    .box-layout .tranaction-table tbody tr:last-child {
      border: none; }
      .box-layout .tranaction-table tbody tr:last-child td {
        padding-bottom: 0px; }
  .box-layout .tranaction-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }
  @media only screen and (min-width: 1280px) {
    .box-layout .page-wrapper .page-header .header-wrapper .nav-right > ul > li .form-group .Typeahead .u-posRelative input {
      width: 96px !important; }
    .box-layout .learning-filter {
      order: -1; }
    .box-layout .artist-table .appointment-table.customer-table table tr td:last-child {
      min-width: 100px; }
    .box-layout .md-sidebar .md-sidebar-toggle {
      display: block; }
    .box-layout .md-sidebar .md-sidebar-aside {
      position: absolute;
      top: 40px;
      left: 0;
      opacity: 0;
      visibility: hidden;
      z-index: 3;
      width: 280px; }
      .box-layout .md-sidebar .md-sidebar-aside.open {
        opacity: 1;
        visibility: visible; }
    .box-layout .job-sidebar {
      background-color: var(--white);
      padding: 20px; }
    .box-layout .widget-1.mb-xl-0 {
      margin-bottom: 25px !important; }
    .box-layout .radial-progress-card .radial-chart-wrap {
      margin-right: -10px; }
    .box-layout .currency-widget div[class*=bg-light-] {
      display: none; }
    .box-layout .box-order .order-1 {
      order: 1 !important; }
    .box-layout .activity-card .appointment-table.customer-table {
      height: 187px; }
    .box-layout .transaction-table tr td:first-child {
      min-width: 150px; }
    .box-layout .purchase-card img {
      margin: -210px auto 0;
      width: 80%; }
    .box-layout .purchase-card.discover {
      margin-top: 90px; }
      .box-layout .purchase-card.discover img {
        margin-top: -90px;
        width: 64%; }
    .box-layout .apache-cotainer-large > div,
    .box-layout .apache-cotainer-large canvas,
    .box-layout #line-visual > div,
    .box-layout #line-visual canvas,
    .box-layout #line-visulH > div,
    .box-layout #line-visulH canvas {
      width: 100% !important; }
    .box-layout .page-wrapper.box-layout, .box-layout.page-wrapper.box-layout {
      padding-top: 40px;
      margin-top: 0 !important; }
    .box-layout .page-wrapper.compact-wrapper, .box-layout.page-wrapper.compact-wrapper {
      margin-top: 40px; }
      .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
        width: 230px;
        height: auto;
        top: 40px;
        border-radius: 10px 0 0 10px;
        overflow: hidden; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
          width: 1200px;
          left: 48%; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix {
          padding-left: 0; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
          height: calc(100vh - 180px); }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper {
          box-shadow: 0 8px 6px -6px rgba(89, 102, 122, 0.1); }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
          margin-top: 10px;
          margin-bottom: 20px;
          height: calc(100vh - 190px); }
      .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
        min-height: calc(100vh - 130px);
        margin-top: 0;
        top: 56px;
        overflow: scroll;
        max-height: calc(100vh - 220px);
        padding-bottom: 80px;
        margin-left: 230px; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #ecf3fa; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar {
          width: 6px; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
          background-color: rgba(68, 102, 242, 0.15); }
    .box-layout .page-wrapper.compact-sidebar .page-header, .box-layout.page-wrapper.compact-sidebar .page-header {
      padding-left: 148px; }
    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper {
      margin-top: 40px; }
      .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
        top: 40px; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
          display: none;
          transition: 0.5s; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
          height: calc(100vh - 166px);
          margin: 0; }
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
          .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
            left: 470px;
            top: 40px;
            height: calc(100vh - 84px); }
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
            animation: unset; }
      .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .footer, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .footer {
        margin-left: 0; }
      .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body {
        min-height: calc(100vh - 90px);
        margin-top: 0;
        top: 80px;
        overflow: scroll;
        max-height: calc(100vh - 170px);
        padding-bottom: 80px; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #ecf3fa; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar {
          width: 6px; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
          background-color: rgba(68, 102, 242, 0.15); }
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-header, .box-layout.page-wrapper.compact-sidebar.compact-small .page-header {
      padding-left: 90px; }
      .box-layout .page-wrapper.compact-sidebar.compact-small .page-header.close_icon, .box-layout.page-wrapper.compact-sidebar.compact-small .page-header.close_icon {
        padding-left: 0; }
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container, .box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
    .box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
      left: 410px; }
    .box-layout .page-wrapper.horizontal-wrapper:before, .box-layout.page-wrapper.horizontal-wrapper:before {
      display: none; }
    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper {
      margin-top: 40px; }
      .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
        margin-top: 80px;
        min-height: calc(100vh - 310px);
        max-height: calc(100vh - 230px);
        overflow: scroll; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #ecf3fa; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar {
          width: 6px; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
          background-color: rgba(68, 102, 242, 0.15); }
      .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .footer, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .footer {
        padding-left: 15px; }
      .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
        width: 1280px;
        top: 80px;
        margin: 0;
        overflow-x: unset;
        position: relative; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu {
          left: 0%;
          transform: translate(0, 0);
          top: 125px;
          background-color: #fff; }
    .box-layout .page-wrapper.horizontal-wrapper .page-header, .box-layout.page-wrapper.horizontal-wrapper .page-header {
      padding-left: 0; }
    .box-layout .page-wrapper.modern-type .page-header, .box-layout.page-wrapper.modern-type .page-header {
      padding-left: 0px; }
      .box-layout .page-wrapper.modern-type .page-header .header-wrapper .left-header, .box-layout.page-wrapper.modern-type .page-header .header-wrapper .left-header {
        width: 36%; }
      .box-layout .page-wrapper.modern-type .page-header .header-wrapper .nav-right, .box-layout.page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 46%; }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .page-body, .box-layout.page-wrapper.modern-type .page-body-wrapper .page-body {
      margin-left: 260px; }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper {
      top: 120px; }
      .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        height: calc(100vh - 311px); }
      .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 316px); }
      .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
        width: 1280px;
        left: 50%;
        margin-left: 0; }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .footer, .box-layout.page-wrapper.modern-type .page-body-wrapper .footer {
      margin-left: 0; }
    .box-layout .page-wrapper .page-header, .box-layout.page-wrapper .page-header {
      max-width: 1280px;
      margin: 0 auto;
      left: 0;
      right: 0;
      transition: 0.5s;
      padding-left: 230px;
      margin-top: 40px;
      border-radius: 10px;
      width: unset; }
      .box-layout .page-wrapper .page-header.close_icon, .box-layout.page-wrapper .page-header.close_icon {
        padding-left: 100px;
        margin-left: auto;
        width: calc(100% - 0px);
        transition: 0.5s; }
      .box-layout .page-wrapper .page-header .header-wrapper, .box-layout.page-wrapper .page-header .header-wrapper {
        border-radius: 10px 10px 0 0; }
    .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right,
    .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header, .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right,
    .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
      width: 36%; }
    .box-layout .page-wrapper.material-type .page-body-wrapper, .box-layout.page-wrapper.material-type .page-body-wrapper {
      margin-top: 0; }
      .box-layout .page-wrapper.material-type .page-body-wrapper .page-body, .box-layout.page-wrapper.material-type .page-body-wrapper .page-body {
        margin-top: 0; }
      .box-layout .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        top: 0; }
    .box-layout .page-wrapper.material-icon .page-header.close_icon, .box-layout.page-wrapper.material-icon .page-header.close_icon {
      margin-top: 40px !important; }
    .box-layout .page-wrapper.material-icon .page-body-wrapper, .box-layout.page-wrapper.material-icon .page-body-wrapper {
      margin-top: 0; }
      .box-layout .page-wrapper.material-icon .page-body-wrapper .page-body, .box-layout.page-wrapper.material-icon .page-body-wrapper .page-body {
        top: 0;
        min-height: calc(100vh - 170px);
        padding-bottom: 40px; }
    .box-layout .page-wrapper.advance-layout .page-header, .box-layout.page-wrapper.advance-layout .page-header {
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07); }
    .box-layout .page-wrapper.advance-layout .page-body-wrapper, .box-layout.page-wrapper.advance-layout .page-body-wrapper {
      margin-top: 0; }
    .box-layout .page-wrapper .page-body-wrapper, .box-layout.page-wrapper .page-body-wrapper {
      width: 1280px;
      box-shadow: 4px 11px 25px rgba(0, 0, 0, 0.07);
      margin: 0 auto;
      overflow: hidden; }
      .box-layout .page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive, .box-layout.page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive {
        min-width: 1087px;
        overflow: auto; }
      .box-layout .page-wrapper .page-body-wrapper .active-order-table, .box-layout.page-wrapper .page-body-wrapper .active-order-table {
        max-width: 443px;
        overflow: auto; }
        .box-layout .page-wrapper .page-body-wrapper .active-order-table table tbody tr td p, .box-layout.page-wrapper .page-body-wrapper .active-order-table table tbody tr td p {
          width: 100px; }
      .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.gradient-line-1:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.gradient-line-1:after {
        height: 57px;
        bottom: -64px; }
      .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.small-line:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.small-line:after {
        height: 36px;
        bottom: -43px; }
      .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.medium-line:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.medium-line:after {
        height: 40px;
        bottom: -48px; }
      .box-layout .page-wrapper .page-body-wrapper footer, .box-layout.page-wrapper .page-body-wrapper footer {
        width: 1280px;
        margin: 0 auto;
        padding-left: 230px;
        margin-bottom: 40px !important;
        position: fixed;
        left: 50%;
        z-index: 7;
        transform: translate(-50%, 0);
        border-radius: 0 0 10px; }
      .box-layout .page-wrapper .page-body-wrapper .blockquote-footer, .box-layout.page-wrapper .page-body-wrapper .blockquote-footer {
        margin-left: 0;
        width: 100%; }
      .box-layout .page-wrapper .page-body-wrapper .footer-fix, .box-layout.page-wrapper .page-body-wrapper .footer-fix {
        padding-left: 230px; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 300px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content > div, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content > div {
          z-index: 8;
          background-color: rgba(255, 255, 255, 0.75);
          background-blend-mode: overlay;
          width: 100%;
          padding: 30px;
          left: 15px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content button, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content button {
          width: 40%;
          font-size: 14px;
          margin: 0 auto; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons {
        margin-top: 20px;
        margin-bottom: 20px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons ul li, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons ul li {
          border: 1px dashed #717171;
          width: 50px;
          height: 50px;
          padding: 8px; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img {
        margin-top: 30px;
        margin-bottom: 30px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img img, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img img {
          width: 38%; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .total-time h2, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .total-time h2 {
        font-size: 28px;
        color: #717171; }
      .box-layout .page-wrapper .page-body-wrapper canvas#myLineCharts, .box-layout.page-wrapper .page-body-wrapper canvas#myLineCharts {
        width: 100%; }
      .box-layout .page-wrapper .page-body-wrapper .chat-right-aside, .box-layout.page-wrapper .page-body-wrapper .chat-right-aside {
        flex: 0 0 60%;
        max-width: 60%;
        overflow: hidden; }
      .box-layout .page-wrapper .page-body-wrapper .caller-img, .box-layout.page-wrapper .page-body-wrapper .caller-img {
        position: absolute;
        width: 100%;
        max-width: 100%;
        left: 15px; }
        .box-layout .page-wrapper .page-body-wrapper .caller-img img, .box-layout.page-wrapper .page-body-wrapper .caller-img img {
          opacity: 0.7; }
      .box-layout .page-wrapper .page-body-wrapper .browser-widget img, .box-layout.page-wrapper .page-body-wrapper .browser-widget img {
        height: 65px; }
      .box-layout .page-wrapper .page-body-wrapper .custom-card .card-header img, .box-layout.page-wrapper .page-body-wrapper .custom-card .card-header img {
        margin-top: -73px; }
      .box-layout .page-wrapper .page-body-wrapper .custom-card .card-profile img, .box-layout.page-wrapper .page-body-wrapper .custom-card .card-profile img {
        height: 130px;
        top: -17px; }
      .box-layout .page-wrapper .page-body-wrapper .select2, .box-layout.page-wrapper .page-body-wrapper .select2 {
        width: 901.781px; }
    .box-layout .page-wrapper ul.close_icon > li label, .box-layout.page-wrapper ul.close_icon > li label {
      padding: 0; }
      .box-layout .page-wrapper ul.close_icon > li label:after, .box-layout.page-wrapper ul.close_icon > li label:after {
        display: none; }
    .box-layout .page-wrapper .bookmark ul, .box-layout.page-wrapper .bookmark ul {
      margin-right: -1px; }
    .box-layout .page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn, .box-layout.page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn {
      padding-left: 20px;
      padding-right: 20px; }
    .box-layout .page-wrapper .btn-group-showcase .btn-radio .btn-group .radio input[type="radio"], .box-layout.page-wrapper .btn-group-showcase .btn-radio .btn-group .radio input[type="radio"] {
      display: none; }
    .box-layout .page-wrapper .d-flex.bitcoin-graph, .box-layout.page-wrapper .d-flex.bitcoin-graph {
      display: block; }
      .box-layout .page-wrapper .d-flex.bitcoin-graph .top-bitcoin, .box-layout.page-wrapper .d-flex.bitcoin-graph .top-bitcoin {
        display: inline-block;
        vertical-align: middle; }
      .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 {
        margin-top: 30px; }
        .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content .bitcoin-numbers h6, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content .bitcoin-numbers h6 {
          font-size: 14PX; }
        .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content.text-right, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content.text-right {
          text-align: center !important; }
    .box-layout .page-wrapper .alert.inverse p, .box-layout.page-wrapper .alert.inverse p {
      max-width: 238px;
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .box-layout .page-wrapper .auth-bg-effect .second-effect, .box-layout.page-wrapper .auth-bg-effect .second-effect {
      left: 55%; }
    .box-layout .page-wrapper .auth-bg-video video, .box-layout.page-wrapper .auth-bg-video video {
      min-width: 67%;
      width: 67%; }
    .box-layout .page-wrapper .page-builder .ge-canvas.ge-layout-desktop, .box-layout.page-wrapper .page-builder .ge-canvas.ge-layout-desktop {
      margin-top: 40px; }
    .box-layout .page-wrapper .page-builder .ge-addRowGroup, .box-layout.page-wrapper .page-builder .ge-addRowGroup {
      margin-bottom: 10px; }
    .box-layout .page-wrapper .pricing-wrapper-card, .box-layout.page-wrapper .pricing-wrapper-card {
      padding: 50px 20px; }
    .box-layout .page-wrapper .card .blog-box.blog-grid.set-min-height, .box-layout.page-wrapper .card .blog-box.blog-grid.set-min-height {
      min-height: 400px; }
    .box-layout .page-wrapper #donut-color-chart-morris-daily.flot-chart-placeholder, .box-layout.page-wrapper #donut-color-chart-morris-daily.flot-chart-placeholder {
      min-height: 430px; }
    .box-layout .page-wrapper #donut-color-chart-morris.flot-chart-placeholder, .box-layout.page-wrapper #donut-color-chart-morris.flot-chart-placeholder {
      min-height: 430px; }
    .box-layout .page-wrapper .box-col-12, .box-layout.page-wrapper .box-col-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    .box-layout .page-wrapper .box-col-6, .box-layout.page-wrapper .box-col-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    .box-layout .page-wrapper .box-col-3, .box-layout.page-wrapper .box-col-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    .box-layout .page-wrapper .box-col-7, .box-layout.page-wrapper .box-col-7 {
      flex: 0 0 60%;
      max-width: 60%; }
    .box-layout .page-wrapper .box-col-5, .box-layout.page-wrapper .box-col-5 {
      flex: 0 0 40%;
      max-width: 40%; }
    .box-layout .page-wrapper .box-col-8, .box-layout.page-wrapper .box-col-8 {
      flex: 0 0 70%;
      max-width: 70%; }
    .box-layout .page-wrapper .box-col-4e, .box-layout.page-wrapper .box-col-4e {
      flex: 0 0 30%;
      max-width: 30%; }
    .box-layout .page-wrapper .box-col-4, .box-layout.page-wrapper .box-col-4 {
      flex: 0 0 33.33%;
      max-width: 33%; }
    .box-layout .page-wrapper .box-col-8e, .box-layout.page-wrapper .box-col-8e {
      flex: 0 0 66.67%;
      max-width: 66.67%; }
    .box-layout .page-wrapper .box-col-none, .box-layout.page-wrapper .box-col-none {
      display: none !important; }
    .box-layout .page-wrapper .chat-box .chat-right-aside, .box-layout.page-wrapper .chat-box .chat-right-aside {
      flex: 0 0 100%;
      max-width: calc(100% - 15px);
      overflow: hidden; }
      .box-layout .page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i, .box-layout.page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i {
        font-size: 19px; }
    .box-layout .page-wrapper .chat-box .toogle-bar, .box-layout.page-wrapper .chat-box .toogle-bar {
      display: inline-block;
      margin-right: 0 !important; }
    .box-layout .page-wrapper .chat-menu, .box-layout.page-wrapper .chat-menu {
      right: 0;
      border-top: 1px dashed #ddd;
      opacity: 0;
      transform: translateY(-30px);
      visibility: hidden;
      top: 81px;
      position: absolute;
      z-index: 9;
      background-color: #fff;
      transition: all linear 0.3s; }
      .box-layout .page-wrapper .chat-menu.show, .box-layout.page-wrapper .chat-menu.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        transition: all linear 0.3s;
        padding-bottom: 25px; }
    .box-layout .page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar, .box-layout.page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar {
      stroke-width: 23px !important; }
    .box-layout .page-wrapper .social-app-profile #friends .box-col-4, .box-layout.page-wrapper .social-app-profile #friends .box-col-4 {
      flex: 0 0 30%;
      max-width: 30%; }
    .box-layout .page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset, .box-layout.page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset {
      max-height: 165px; }
    .box-layout .page-wrapper .email-wrap .row .col-xl-6, .box-layout.page-wrapper .email-wrap .row .col-xl-6 {
      padding-left: 12px; }
    .box-layout .page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3, .box-layout.page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3 {
      padding-right: 12px; }
    .box-layout .page-wrapper .email-wrap .email-right-aside .email-body .inbox, .box-layout.page-wrapper .email-wrap .email-right-aside .email-body .inbox {
      height: 644px; }
    .box-layout .page-wrapper .email-wrap .email-content .email-top .user-emailid:after, .box-layout.page-wrapper .email-wrap .email-content .email-top .user-emailid:after {
      right: -10px; }
    .box-layout .page-wrapper .todo .notification-popup, .box-layout.page-wrapper .todo .notification-popup {
      right: 320px; }
    .box-layout .page-wrapper .touchspin, .box-layout.page-wrapper .touchspin {
      padding: 0 10px; }
    .box-layout .page-wrapper .vertical-menu-main, .box-layout.page-wrapper .vertical-menu-main {
      width: 1280px;
      margin: 0 auto;
      left: 0;
      right: 0; }
      .box-layout .page-wrapper .vertical-menu-main .mega-menu, .box-layout.page-wrapper .vertical-menu-main .mega-menu {
        width: 1050px !important;
        max-width: 1050px !important;
        left: -320px !important; }
    .box-layout .page-wrapper .comingsoon video, .box-layout.page-wrapper .comingsoon video {
      min-width: 67%;
      width: 67%; } }
/**=====================
  5.9 Box-layout CSS Ends
==========================**/
@charset "UTF-8";
/**=====================
    2.1 According CSS start
==========================**/
.default-according .avatar-showcase {
  margin-bottom: 0; }

.default-according .card {
  margin-bottom: 0;
  box-shadow: none; }
  .default-according .card + .card {
    margin-top: 10px; }
  .default-according .card .btn-link {
    font-weight: 500;
    color: #051A1A;
    text-decoration: none; }
  .default-according .card .btn-link:focus, .default-according .card .btn-link:hover {
    text-decoration: none; }
  .default-according .card .card-header {
    padding: 0.75rem 1.25rem;
    border: 1px solid #ecf3fa; }
    .default-according .card .card-header i {
      position: absolute;
      left: 18px;
      font-size: 20px;
      top: 20px; }
    .default-according .card .card-header h5 {
      margin-top: 2px; }
  .default-according .card .card-body {
    border: 1px solid #ecf3fa;
    border-top: none; }

.default-according.style-1 button {
  width: 100%;
  text-align: left; }
  .default-according.style-1 button:before {
    right: 20px;
    position: absolute;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    font-size: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (max-width: 575px) {
      .default-according.style-1 button:before {
        right: 15px; } }
  .default-according.style-1 button[aria-expanded="true"]:before {
    content: "";
    font-family: IcoFont; }
  .default-according.style-1 button[aria-expanded="false"]:before {
    content: "";
    font-family: IcoFont; }

.accordion-button .svg-color {
  position: absolute;
  right: 20px; }
  [dir="rtl"] .accordion-button .svg-color {
    left: 20px;
    right: unset; }
  .accordion-button .svg-color::after {
    content: '';
    background-image: unset; }

.accordion-button:not(.collapsed) {
  background-color: unset;
  box-shadow: none; }
  .accordion-button:not(.collapsed)::after {
    background-image: unset; }

.accordion-button::after {
  background-image: unset; }

.accordion-button:focus {
  box-shadow: none; }

.accordion-button.accordion-light-primary:not(.collapsed) {
  background-color: rgba(0, 102, 102, 0.2); }

.accordion-button.accordion-light-primary:active, .accordion-button.accordion-light-primary.active {
  background-color: rgba(0, 102, 102, 0.2);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-primary {
  background-color: rgba(0, 102, 102, 0.2) !important; }

.accordion-button.accordion-light-secondary:not(.collapsed) {
  background-color: rgba(254, 106, 73, 0.3); }

.accordion-button.accordion-light-secondary:active, .accordion-button.accordion-light-secondary.active {
  background-color: rgba(254, 106, 73, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-secondary {
  background-color: rgba(254, 106, 73, 0.3) !important; }

.accordion-button.accordion-light-success:not(.collapsed) {
  background-color: rgba(0, 172, 70, 0.3); }

.accordion-button.accordion-light-success:active, .accordion-button.accordion-light-success.active {
  background-color: rgba(0, 172, 70, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-success {
  background-color: rgba(0, 172, 70, 0.3) !important; }

.accordion-button.accordion-light-warning:not(.collapsed) {
  background-color: rgba(255, 174, 26, 0.3); }

.accordion-button.accordion-light-warning:active, .accordion-button.accordion-light-warning.active {
  background-color: rgba(255, 174, 26, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-warning {
  background-color: rgba(255, 174, 26, 0.3) !important; }

.accordion-button.accordion-light-info:not(.collapsed) {
  background-color: rgba(23, 56, 120, 0.3); }

.accordion-button.accordion-light-info:active, .accordion-button.accordion-light-info.active {
  background-color: rgba(23, 56, 120, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-info {
  background-color: rgba(23, 56, 120, 0.3) !important; }

.accordion-button.accordion-light-light:not(.collapsed) {
  background-color: #F9F9FB; }

.accordion-button.accordion-light-light:active, .accordion-button.accordion-light-light.active {
  background-color: #F9F9FB;
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-light {
  background-color: #F9F9FB !important; }

.accordion-button.accordion-light-danger:not(.collapsed) {
  background-color: rgba(254, 106, 73, 0.3); }

.accordion-button.accordion-light-danger:active, .accordion-button.accordion-light-danger.active {
  background-color: rgba(254, 106, 73, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-danger {
  background-color: rgba(254, 106, 73, 0.3) !important; }

.accordion-button.accordion-light-dark:not(.collapsed) {
  background-color: #EAEBF2; }

.accordion-button.accordion-light-dark:active, .accordion-button.accordion-light-dark.active {
  background-color: #EAEBF2;
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-dark {
  background-color: #EAEBF2 !important; }

.accordion-item .accordion-button .svg-wrapper {
  width: 18px;
  height: 18px; }

.accordion-wrapper:active {
  border: 1px solid #006666;
  border-top: 1px solid #006666 !important; }

.accordion-border .accordion-item {
  border: 0; }

.icons-accordion .accordion-item:last-child .accordion-body {
  padding-bottom: 0 !important; }

.accordions-content li {
  color: #2c323f; }

.collapse-accordion .btn-dark.show {
  border-radius: 15px; }

/**=====================
    2.1 According CSS Ends
==========================**/
/**=====================
     2.2 Alert CSS start
==========================**/
.notify-alert .close {
  color: #006666;
  background: unset;
  border: none;
  font-size: 25px;
  top: 0px; }
  [dir="rtl"] .notify-alert .close {
    right: unset !important;
    left: 10px !important; }

.notify-alert.alert-light .close {
  color: #051A1A; }

.alert {
  border-radius: 0.15rem;
  padding: 15px; }
  .alert svg {
    vertical-align: middle; }
  .alert .progress {
    margin-top: 15px; }
  .alert [data-notify='icon'] {
    margin-right: 10px;
    line-height: 20px;
    position: absolute; }
  .alert [data-notify='message'] {
    display: inline-block;
    width: 100%; }
  .alert i {
    margin-right: 5px;
    font-size: 16px; }
  .alert p {
    margin-bottom: 0; }
  .alert .close {
    opacity: 1; }
    .alert .close span {
      font-size: 24px;
      font-weight: 400;
      display: inline-block;
      border-radius: 3px;
      text-shadow: none;
      padding: 0 5px;
      padding-right: 0; }

.alert-dismissible {
  padding-right: 2.5rem; }
  [dir="rtl"] .alert-dismissible {
    padding-right: 15px;
    padding-left: 2.5rem; }
  .alert-dismissible .close {
    padding: 10px 1.25rem;
    top: 4px;
    padding-right: 13px;
    opacity: 0.5;
    transition: all 0.3s ease; }
    .alert-dismissible .close:hover {
      transition: all 0.3s ease;
      opacity: 1;
      color: inherit; }

.card-body button:focus {
  outline: none; }

.card-body .alert:last-child {
  margin-bottom: 0; }

.card-body .alert svg {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  position: absolute;
  top: 18px; }
  .card-body .alert svg ~ p {
    padding-left: 20px; }

strong {
  display: inline-block; }
  strong ~ p {
    display: inline-block; }

.alert-primary {
  background-color: rgba(0, 102, 102, 0.9);
  border-color: rgba(0, 102, 102, 0.9);
  color: #fff; }
  .alert-primary .progress {
    height: 5px;
    background-color: #006161;
    border-radius: 0; }
  .alert-primary .progress-bar {
    background-color: #66ffff; }
  .alert-primary .btn-close {
    filter: brightness(1) invert(1); }
  .alert-primary .alert-link {
    color: #006666; }
  .alert-primary hr {
    border-top-color: #006666; }

.border-primary {
  border-color: #006666 !important; }

.income-wrapper ul li .income-dot.dot-primary {
  background-color: #006666; }

.touchspin-wrapper .btn-touchspin.touchspin-primary {
  background-color: #006666;
  border: 1px solid #006666;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-primary {
  background-color: unset;
  border: 1px solid #006666;
  color: #006666; }

.touchspin-wrapper input.spin-outline-primary[type='number'] {
  outline: 1px solid #006666;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-primary {
  background-color: #006666;
  border: 1px solid #006666;
  color: #fff; }

.form-switch .form-check-input.switch-primary:checked {
  background-color: #006666;
  border-color: #006666; }

.payment-second .mega-icons.stroke-primary {
  stroke: #006666; }

.toast-primary {
  color: #006666 !important; }

.list-group-horizontal-sm .list-group-item.border-left-primary, .list-group-horizontal-md .list-group-item.border-left-primary, .list-group-horizontal-lg .list-group-item.border-left-primary, .list-group-horizontal-xl .list-group-item.border-left-primary, .list-group-horizontal-xxl .list-group-item.border-left-primary {
  border-left: 4px solid #006666; }

.main-radio-toggle .btn-check.radio-light-primary:focus + .btn {
  box-shadow: 0 0 0 4px rgba(0, 102, 102, 0.55); }

.fill-radios .radio.radio-primary input[type='radio']:checked + label::before {
  border: 10px solid #006666; }

.fill-radios .radio.radio-primary input[type='radio']:checked + label::after {
  background-color: #006666; }

.list-group .form-check-input.checkbox-primary[type=checkbox]:checked,
.list-group .checkbox-primary[type=radio] {
  background-color: unset;
  border-color: #006666;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-primary[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-primary[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-primary.active[type=checkbox]:checked,
  .list-group .checkbox-primary[type=radio]:focus,
  .list-group .checkbox-primary[type=radio]:active,
  .list-group .checkbox-primary.active[type=radio] {
    border-color: #006666;
    outline: 0;
    background-color: #006666; }

.list-group .alert-primary.light {
  background-color: rgba(0, 102, 102, 0.4);
  border-color: rgba(0, 102, 102, 0.7); }

.list-group .alert-primary.dark {
  background-color: #006666;
  border-color: #006666;
  color: #fafafa; }
  .list-group .alert-primary.dark .alert-link {
    color: #fff; }

.list-group .alert-primary.outline,
.list-group .alert-primary.outline-2x {
  background-color: transparent;
  border-color: #006666;
  color: #006666; }
  .list-group .alert-primary.outline .btn-close,
  .list-group .alert-primary.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-primary.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #006666;
  color: #051A1A; }
  .list-group .alert-primary.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #006666;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-primary.inverse:before {
        left: 45px; } }
  .list-group .alert-primary.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #006666;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-primary.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-secondary {
  background-color: rgba(254, 106, 73, 0.9);
  border-color: rgba(254, 106, 73, 0.9);
  color: #fff; }
  .alert-secondary .progress {
    height: 5px;
    background-color: #fe6644;
    border-radius: 0; }
  .alert-secondary .progress-bar {
    background-color: white; }
  .alert-secondary .btn-close {
    filter: brightness(1) invert(1); }
  .alert-secondary .alert-link {
    color: #FE6A49; }
  .alert-secondary hr {
    border-top-color: #FE6A49; }

.border-secondary {
  border-color: #FE6A49 !important; }

.income-wrapper ul li .income-dot.dot-secondary {
  background-color: #FE6A49; }

.touchspin-wrapper .btn-touchspin.touchspin-secondary {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-secondary {
  background-color: unset;
  border: 1px solid #FE6A49;
  color: #FE6A49; }

.touchspin-wrapper input.spin-outline-secondary[type='number'] {
  outline: 1px solid #FE6A49;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-secondary {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.form-switch .form-check-input.switch-secondary:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.payment-second .mega-icons.stroke-secondary {
  stroke: #FE6A49; }

.toast-secondary {
  color: #FE6A49 !important; }

.list-group-horizontal-sm .list-group-item.border-left-secondary, .list-group-horizontal-md .list-group-item.border-left-secondary, .list-group-horizontal-lg .list-group-item.border-left-secondary, .list-group-horizontal-xl .list-group-item.border-left-secondary, .list-group-horizontal-xxl .list-group-item.border-left-secondary {
  border-left: 4px solid #FE6A49; }

.main-radio-toggle .btn-check.radio-light-secondary:focus + .btn {
  box-shadow: 0 0 0 4px rgba(254, 106, 73, 0.55); }

.fill-radios .radio.radio-secondary input[type='radio']:checked + label::before {
  border: 10px solid #FE6A49; }

.fill-radios .radio.radio-secondary input[type='radio']:checked + label::after {
  background-color: #FE6A49; }

.list-group .form-check-input.checkbox-secondary[type=checkbox]:checked,
.list-group .checkbox-secondary[type=radio] {
  background-color: unset;
  border-color: #FE6A49;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-secondary[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-secondary[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-secondary.active[type=checkbox]:checked,
  .list-group .checkbox-secondary[type=radio]:focus,
  .list-group .checkbox-secondary[type=radio]:active,
  .list-group .checkbox-secondary.active[type=radio] {
    border-color: #FE6A49;
    outline: 0;
    background-color: #FE6A49; }

.list-group .alert-secondary.light {
  background-color: rgba(254, 106, 73, 0.4);
  border-color: rgba(254, 106, 73, 0.7); }

.list-group .alert-secondary.dark {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fafafa; }
  .list-group .alert-secondary.dark .alert-link {
    color: #fff; }

.list-group .alert-secondary.outline,
.list-group .alert-secondary.outline-2x {
  background-color: transparent;
  border-color: #FE6A49;
  color: #FE6A49; }
  .list-group .alert-secondary.outline .btn-close,
  .list-group .alert-secondary.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-secondary.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FE6A49;
  color: #051A1A; }
  .list-group .alert-secondary.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #FE6A49;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-secondary.inverse:before {
        left: 45px; } }
  .list-group .alert-secondary.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #FE6A49;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-secondary.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-success {
  background-color: rgba(0, 172, 70, 0.9);
  border-color: rgba(0, 172, 70, 0.9);
  color: #fff; }
  .alert-success .progress {
    height: 5px;
    background-color: #00a744;
    border-radius: 0; }
  .alert-success .progress-bar {
    background-color: #acffce; }
  .alert-success .btn-close {
    filter: brightness(1) invert(1); }
  .alert-success .alert-link {
    color: #00AC46; }
  .alert-success hr {
    border-top-color: #00AC46; }

.border-success {
  border-color: #00AC46 !important; }

.income-wrapper ul li .income-dot.dot-success {
  background-color: #00AC46; }

.touchspin-wrapper .btn-touchspin.touchspin-success {
  background-color: #00AC46;
  border: 1px solid #00AC46;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-success {
  background-color: unset;
  border: 1px solid #00AC46;
  color: #00AC46; }

.touchspin-wrapper input.spin-outline-success[type='number'] {
  outline: 1px solid #00AC46;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-success {
  background-color: #00AC46;
  border: 1px solid #00AC46;
  color: #fff; }

.form-switch .form-check-input.switch-success:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.payment-second .mega-icons.stroke-success {
  stroke: #00AC46; }

.toast-success {
  color: #00AC46 !important; }

.list-group-horizontal-sm .list-group-item.border-left-success, .list-group-horizontal-md .list-group-item.border-left-success, .list-group-horizontal-lg .list-group-item.border-left-success, .list-group-horizontal-xl .list-group-item.border-left-success, .list-group-horizontal-xxl .list-group-item.border-left-success {
  border-left: 4px solid #00AC46; }

.main-radio-toggle .btn-check.radio-light-success:focus + .btn {
  box-shadow: 0 0 0 4px rgba(0, 172, 70, 0.55); }

.fill-radios .radio.radio-success input[type='radio']:checked + label::before {
  border: 10px solid #00AC46; }

.fill-radios .radio.radio-success input[type='radio']:checked + label::after {
  background-color: #00AC46; }

.list-group .form-check-input.checkbox-success[type=checkbox]:checked,
.list-group .checkbox-success[type=radio] {
  background-color: unset;
  border-color: #00AC46;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-success[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-success[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-success.active[type=checkbox]:checked,
  .list-group .checkbox-success[type=radio]:focus,
  .list-group .checkbox-success[type=radio]:active,
  .list-group .checkbox-success.active[type=radio] {
    border-color: #00AC46;
    outline: 0;
    background-color: #00AC46; }

.list-group .alert-success.light {
  background-color: rgba(0, 172, 70, 0.4);
  border-color: rgba(0, 172, 70, 0.7); }

.list-group .alert-success.dark {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fafafa; }
  .list-group .alert-success.dark .alert-link {
    color: #fff; }

.list-group .alert-success.outline,
.list-group .alert-success.outline-2x {
  background-color: transparent;
  border-color: #00AC46;
  color: #00AC46; }
  .list-group .alert-success.outline .btn-close,
  .list-group .alert-success.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-success.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #00AC46;
  color: #051A1A; }
  .list-group .alert-success.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #00AC46;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-success.inverse:before {
        left: 45px; } }
  .list-group .alert-success.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #00AC46;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-success.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-danger {
  background-color: rgba(254, 106, 73, 0.9);
  border-color: rgba(254, 106, 73, 0.9);
  color: #fff; }
  .alert-danger .progress {
    height: 5px;
    background-color: #fe6644;
    border-radius: 0; }
  .alert-danger .progress-bar {
    background-color: white; }
  .alert-danger .btn-close {
    filter: brightness(1) invert(1); }
  .alert-danger .alert-link {
    color: #FE6A49; }
  .alert-danger hr {
    border-top-color: #FE6A49; }

.border-danger {
  border-color: #FE6A49 !important; }

.income-wrapper ul li .income-dot.dot-danger {
  background-color: #FE6A49; }

.touchspin-wrapper .btn-touchspin.touchspin-danger {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-danger {
  background-color: unset;
  border: 1px solid #FE6A49;
  color: #FE6A49; }

.touchspin-wrapper input.spin-outline-danger[type='number'] {
  outline: 1px solid #FE6A49;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-danger {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.form-switch .form-check-input.switch-danger:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.payment-second .mega-icons.stroke-danger {
  stroke: #FE6A49; }

.toast-danger {
  color: #FE6A49 !important; }

.list-group-horizontal-sm .list-group-item.border-left-danger, .list-group-horizontal-md .list-group-item.border-left-danger, .list-group-horizontal-lg .list-group-item.border-left-danger, .list-group-horizontal-xl .list-group-item.border-left-danger, .list-group-horizontal-xxl .list-group-item.border-left-danger {
  border-left: 4px solid #FE6A49; }

.main-radio-toggle .btn-check.radio-light-danger:focus + .btn {
  box-shadow: 0 0 0 4px rgba(254, 106, 73, 0.55); }

.fill-radios .radio.radio-danger input[type='radio']:checked + label::before {
  border: 10px solid #FE6A49; }

.fill-radios .radio.radio-danger input[type='radio']:checked + label::after {
  background-color: #FE6A49; }

.list-group .form-check-input.checkbox-danger[type=checkbox]:checked,
.list-group .checkbox-danger[type=radio] {
  background-color: unset;
  border-color: #FE6A49;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-danger[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-danger[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-danger.active[type=checkbox]:checked,
  .list-group .checkbox-danger[type=radio]:focus,
  .list-group .checkbox-danger[type=radio]:active,
  .list-group .checkbox-danger.active[type=radio] {
    border-color: #FE6A49;
    outline: 0;
    background-color: #FE6A49; }

.list-group .alert-danger.light {
  background-color: rgba(254, 106, 73, 0.4);
  border-color: rgba(254, 106, 73, 0.7); }

.list-group .alert-danger.dark {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fafafa; }
  .list-group .alert-danger.dark .alert-link {
    color: #fff; }

.list-group .alert-danger.outline,
.list-group .alert-danger.outline-2x {
  background-color: transparent;
  border-color: #FE6A49;
  color: #FE6A49; }
  .list-group .alert-danger.outline .btn-close,
  .list-group .alert-danger.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-danger.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FE6A49;
  color: #051A1A; }
  .list-group .alert-danger.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #FE6A49;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-danger.inverse:before {
        left: 45px; } }
  .list-group .alert-danger.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #FE6A49;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-danger.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-warning {
  background-color: rgba(255, 174, 26, 0.9);
  border-color: rgba(255, 174, 26, 0.9);
  color: #fff; }
  .alert-warning .progress {
    height: 5px;
    background-color: #ffac15;
    border-radius: 0; }
  .alert-warning .progress-bar {
    background-color: white; }
  .alert-warning .btn-close {
    filter: brightness(1) invert(1); }
  .alert-warning .alert-link {
    color: #FFAE1A; }
  .alert-warning hr {
    border-top-color: #FFAE1A; }

.border-warning {
  border-color: #FFAE1A !important; }

.income-wrapper ul li .income-dot.dot-warning {
  background-color: #FFAE1A; }

.touchspin-wrapper .btn-touchspin.touchspin-warning {
  background-color: #FFAE1A;
  border: 1px solid #FFAE1A;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-warning {
  background-color: unset;
  border: 1px solid #FFAE1A;
  color: #FFAE1A; }

.touchspin-wrapper input.spin-outline-warning[type='number'] {
  outline: 1px solid #FFAE1A;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-warning {
  background-color: #FFAE1A;
  border: 1px solid #FFAE1A;
  color: #fff; }

.form-switch .form-check-input.switch-warning:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

.payment-second .mega-icons.stroke-warning {
  stroke: #FFAE1A; }

.toast-warning {
  color: #FFAE1A !important; }

.list-group-horizontal-sm .list-group-item.border-left-warning, .list-group-horizontal-md .list-group-item.border-left-warning, .list-group-horizontal-lg .list-group-item.border-left-warning, .list-group-horizontal-xl .list-group-item.border-left-warning, .list-group-horizontal-xxl .list-group-item.border-left-warning {
  border-left: 4px solid #FFAE1A; }

.main-radio-toggle .btn-check.radio-light-warning:focus + .btn {
  box-shadow: 0 0 0 4px rgba(255, 174, 26, 0.55); }

.fill-radios .radio.radio-warning input[type='radio']:checked + label::before {
  border: 10px solid #FFAE1A; }

.fill-radios .radio.radio-warning input[type='radio']:checked + label::after {
  background-color: #FFAE1A; }

.list-group .form-check-input.checkbox-warning[type=checkbox]:checked,
.list-group .checkbox-warning[type=radio] {
  background-color: unset;
  border-color: #FFAE1A;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-warning[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-warning[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-warning.active[type=checkbox]:checked,
  .list-group .checkbox-warning[type=radio]:focus,
  .list-group .checkbox-warning[type=radio]:active,
  .list-group .checkbox-warning.active[type=radio] {
    border-color: #FFAE1A;
    outline: 0;
    background-color: #FFAE1A; }

.list-group .alert-warning.light {
  background-color: rgba(255, 174, 26, 0.4);
  border-color: rgba(255, 174, 26, 0.7); }

.list-group .alert-warning.dark {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fafafa; }
  .list-group .alert-warning.dark .alert-link {
    color: #fff; }

.list-group .alert-warning.outline,
.list-group .alert-warning.outline-2x {
  background-color: transparent;
  border-color: #FFAE1A;
  color: #FFAE1A; }
  .list-group .alert-warning.outline .btn-close,
  .list-group .alert-warning.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-warning.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FFAE1A;
  color: #051A1A; }
  .list-group .alert-warning.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #FFAE1A;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-warning.inverse:before {
        left: 45px; } }
  .list-group .alert-warning.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #FFAE1A;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-warning.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-info {
  background-color: rgba(23, 56, 120, 0.9);
  border-color: rgba(23, 56, 120, 0.9);
  color: #fff; }
  .alert-info .progress {
    height: 5px;
    background-color: #163674;
    border-radius: 0; }
  .alert-info .progress-bar {
    background-color: #a1bbed; }
  .alert-info .btn-close {
    filter: brightness(1) invert(1); }
  .alert-info .alert-link {
    color: #173878; }
  .alert-info hr {
    border-top-color: #173878; }

.border-info {
  border-color: #173878 !important; }

.income-wrapper ul li .income-dot.dot-info {
  background-color: #173878; }

.touchspin-wrapper .btn-touchspin.touchspin-info {
  background-color: #173878;
  border: 1px solid #173878;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-info {
  background-color: unset;
  border: 1px solid #173878;
  color: #173878; }

.touchspin-wrapper input.spin-outline-info[type='number'] {
  outline: 1px solid #173878;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-info {
  background-color: #173878;
  border: 1px solid #173878;
  color: #fff; }

.form-switch .form-check-input.switch-info:checked {
  background-color: #173878;
  border-color: #173878; }

.payment-second .mega-icons.stroke-info {
  stroke: #173878; }

.toast-info {
  color: #173878 !important; }

.list-group-horizontal-sm .list-group-item.border-left-info, .list-group-horizontal-md .list-group-item.border-left-info, .list-group-horizontal-lg .list-group-item.border-left-info, .list-group-horizontal-xl .list-group-item.border-left-info, .list-group-horizontal-xxl .list-group-item.border-left-info {
  border-left: 4px solid #173878; }

.main-radio-toggle .btn-check.radio-light-info:focus + .btn {
  box-shadow: 0 0 0 4px rgba(23, 56, 120, 0.55); }

.fill-radios .radio.radio-info input[type='radio']:checked + label::before {
  border: 10px solid #173878; }

.fill-radios .radio.radio-info input[type='radio']:checked + label::after {
  background-color: #173878; }

.list-group .form-check-input.checkbox-info[type=checkbox]:checked,
.list-group .checkbox-info[type=radio] {
  background-color: unset;
  border-color: #173878;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-info[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-info[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-info.active[type=checkbox]:checked,
  .list-group .checkbox-info[type=radio]:focus,
  .list-group .checkbox-info[type=radio]:active,
  .list-group .checkbox-info.active[type=radio] {
    border-color: #173878;
    outline: 0;
    background-color: #173878; }

.list-group .alert-info.light {
  background-color: rgba(23, 56, 120, 0.4);
  border-color: rgba(23, 56, 120, 0.7); }

.list-group .alert-info.dark {
  background-color: #173878;
  border-color: #173878;
  color: #fafafa; }
  .list-group .alert-info.dark .alert-link {
    color: #fff; }

.list-group .alert-info.outline,
.list-group .alert-info.outline-2x {
  background-color: transparent;
  border-color: #173878;
  color: #173878; }
  .list-group .alert-info.outline .btn-close,
  .list-group .alert-info.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-info.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #173878;
  color: #051A1A; }
  .list-group .alert-info.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #173878;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-info.inverse:before {
        left: 45px; } }
  .list-group .alert-info.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #173878;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-info.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-light {
  background-color: rgba(230, 233, 235, 0.9);
  border-color: rgba(230, 233, 235, 0.9);
  color: #fff;
  color: #2c323f;
  background-color: #E6E9EB; }
  .alert-light .progress {
    height: 5px;
    background-color: #e3e7e9;
    border-radius: 0; }
  .alert-light .progress-bar {
    background-color: white; }
  .alert-light .btn-close {
    filter: brightness(1) invert(1); }
  .alert-light .alert-link {
    color: #E6E9EB;
    color: #2c323f; }
  .alert-light .btn-close {
    filter: unset; }
  .alert-light hr {
    border-top-color: #E6E9EB; }

.border-light {
  border-color: #E6E9EB !important; }

.income-wrapper ul li .income-dot.dot-light {
  background-color: #E6E9EB; }

.touchspin-wrapper .btn-touchspin.touchspin-light {
  background-color: #E6E9EB;
  border: 1px solid #E6E9EB;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-light {
  background-color: unset;
  border: 1px solid #E6E9EB;
  color: #E6E9EB; }

.touchspin-wrapper input.spin-outline-light[type='number'] {
  outline: 1px solid #E6E9EB;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-light {
  background-color: #E6E9EB;
  border: 1px solid #E6E9EB;
  color: #fff; }

.form-switch .form-check-input.switch-light:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.payment-second .mega-icons.stroke-light {
  stroke: #E6E9EB; }

.toast-light {
  color: #E6E9EB !important; }

.list-group-horizontal-sm .list-group-item.border-left-light, .list-group-horizontal-md .list-group-item.border-left-light, .list-group-horizontal-lg .list-group-item.border-left-light, .list-group-horizontal-xl .list-group-item.border-left-light, .list-group-horizontal-xxl .list-group-item.border-left-light {
  border-left: 4px solid #E6E9EB; }

.main-radio-toggle .btn-check.radio-light-light:focus + .btn {
  box-shadow: 0 0 0 4px rgba(230, 233, 235, 0.55); }

.fill-radios .radio.radio-light input[type='radio']:checked + label::before {
  border: 10px solid #E6E9EB; }

.fill-radios .radio.radio-light input[type='radio']:checked + label::after {
  background-color: #E6E9EB; }

.list-group .form-check-input.checkbox-light[type=checkbox]:checked,
.list-group .checkbox-light[type=radio] {
  background-color: unset;
  border-color: #E6E9EB;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-light[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-light[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-light.active[type=checkbox]:checked,
  .list-group .checkbox-light[type=radio]:focus,
  .list-group .checkbox-light[type=radio]:active,
  .list-group .checkbox-light.active[type=radio] {
    border-color: #E6E9EB;
    outline: 0;
    background-color: #E6E9EB; }

.list-group .alert-light.light {
  background-color: rgba(230, 233, 235, 0.4);
  border-color: rgba(230, 233, 235, 0.7); }

.list-group .alert-light.dark {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fafafa;
  color: #2c323f; }
  .list-group .alert-light.dark .alert-link {
    color: #fff;
    color: #2c323f; }

.list-group .alert-light.outline,
.list-group .alert-light.outline-2x {
  background-color: transparent;
  border-color: #E6E9EB;
  color: #E6E9EB;
  color: #2c323f; }
  .list-group .alert-light.outline .btn-close,
  .list-group .alert-light.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-light.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #E6E9EB;
  color: #051A1A; }
  .list-group .alert-light.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #E6E9EB;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-light.inverse:before {
        left: 45px; } }
  .list-group .alert-light.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #E6E9EB;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-light.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-dark {
  background-color: rgba(44, 50, 63, 0.9);
  border-color: rgba(44, 50, 63, 0.9);
  color: #fff; }
  .alert-dark .progress {
    height: 5px;
    background-color: #2a303c;
    border-radius: 0; }
  .alert-dark .progress-bar {
    background-color: #a8b0c2; }
  .alert-dark .btn-close {
    filter: brightness(1) invert(1); }
  .alert-dark .alert-link {
    color: #2c323f; }
  .alert-dark hr {
    border-top-color: #2c323f; }

.border-dark {
  border-color: #2c323f !important; }

.income-wrapper ul li .income-dot.dot-dark {
  background-color: #2c323f; }

.touchspin-wrapper .btn-touchspin.touchspin-dark {
  background-color: #2c323f;
  border: 1px solid #2c323f;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-dark {
  background-color: unset;
  border: 1px solid #2c323f;
  color: #2c323f; }

.touchspin-wrapper input.spin-outline-dark[type='number'] {
  outline: 1px solid #2c323f;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-dark {
  background-color: #2c323f;
  border: 1px solid #2c323f;
  color: #fff; }

.form-switch .form-check-input.switch-dark:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.payment-second .mega-icons.stroke-dark {
  stroke: #2c323f; }

.toast-dark {
  color: #2c323f !important; }

.list-group-horizontal-sm .list-group-item.border-left-dark, .list-group-horizontal-md .list-group-item.border-left-dark, .list-group-horizontal-lg .list-group-item.border-left-dark, .list-group-horizontal-xl .list-group-item.border-left-dark, .list-group-horizontal-xxl .list-group-item.border-left-dark {
  border-left: 4px solid #2c323f; }

.main-radio-toggle .btn-check.radio-light-dark:focus + .btn {
  box-shadow: 0 0 0 4px rgba(44, 50, 63, 0.55); }

.fill-radios .radio.radio-dark input[type='radio']:checked + label::before {
  border: 10px solid #2c323f; }

.fill-radios .radio.radio-dark input[type='radio']:checked + label::after {
  background-color: #2c323f; }

.list-group .form-check-input.checkbox-dark[type=checkbox]:checked,
.list-group .checkbox-dark[type=radio] {
  background-color: unset;
  border-color: #2c323f;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-dark[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-dark[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-dark.active[type=checkbox]:checked,
  .list-group .checkbox-dark[type=radio]:focus,
  .list-group .checkbox-dark[type=radio]:active,
  .list-group .checkbox-dark.active[type=radio] {
    border-color: #2c323f;
    outline: 0;
    background-color: #2c323f; }

.list-group .alert-dark.light {
  background-color: rgba(44, 50, 63, 0.4);
  border-color: rgba(44, 50, 63, 0.7); }

.list-group .alert-dark.dark {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fafafa; }
  .list-group .alert-dark.dark .alert-link {
    color: #fff; }

.list-group .alert-dark.outline,
.list-group .alert-dark.outline-2x {
  background-color: transparent;
  border-color: #2c323f;
  color: #2c323f; }
  .list-group .alert-dark.outline .btn-close,
  .list-group .alert-dark.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-dark.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #2c323f;
  color: #051A1A; }
  .list-group .alert-dark.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #2c323f;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-dark.inverse:before {
        left: 45px; } }
  .list-group .alert-dark.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #2c323f;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-dark.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.outline-2x {
  border-width: 2px;
  padding: 11px 1.25rem; }

.alert-icons.outline-2x {
  padding: 15px; }

.alert-icons svg {
  position: absolute !important;
  top: 18px !important; }

.alert-dark .btn-close,
.alert-info .btn-close {
  filter: none; }

.border-left-wrapper {
  border-left: 4px solid #2c323f; }

.alert-light-primary {
  background-color: rgba(0, 102, 102, 0.2); }

.alert-light-secondary {
  background-color: rgba(254, 106, 73, 0.3); }

.alert-light-success {
  background-color: rgba(0, 172, 70, 0.3); }

.alert-light-warning {
  background-color: rgba(255, 174, 26, 0.3); }

.alert-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.alert-light-light {
  background-color: #F9F9FB; }

.alert-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.alert-light-dark {
  background-color: #EAEBF2; }

.alert-arrow {
  min-width: 55px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }
  .alert-arrow i {
    margin-right: 0; }

@media (max-width: 576px) {
  .ellipsis.content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 294px; } }

@media (max-width: 575px) {
  .ellipsis.content {
    max-width: 180px; } }

.alert-dismissible {
  display: flex;
  align-items: center;
  gap: 8px; }

.alert.notify-alert.alert-copy {
  display: flex !important; }

/**=====================
   2.2 Alert CSS end
==========================**/
/**=====================
  2.3 Avatars CSS start
==========================**/
.avatars .avatar {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  width: auto; }
  .avatars .avatar:last-child {
    margin-right: 0; }
  .avatars .avatar.ratio img {
    width: auto; }
  .avatars .avatar .status {
    position: absolute;
    height: 18%;
    width: 18%;
    border-radius: 100%;
    bottom: 12%;
    right: 4%;
    border: 1px solid; }

.customers ul {
  display: inline-block; }
  .customers ul li img {
    border: 2px solid var(--white);
    transition: 0.5s; }
    .customers ul li img:hover {
      transform: translateY(-4px) scale(1.02);
      transition: 0.5s; }
  .customers ul li + li {
    margin-left: -7%; }
  .customers ul li:last-child p {
    color: #051A1A !important;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: 500;
    border: 2px solid #E6E9EB !important; }

.customers.avatar-group {
  margin-right: 30px; }
  .customers.avatar-group:last-child {
    margin-right: 0; }

.avatar-showcase {
  margin-bottom: -10px; }
  .avatar-showcase .avatars .avatar {
    margin-bottom: 10px; }
  .avatar-showcase .avatar-group {
    margin-bottom: 10px; }
  .avatar-showcase .ratio > * {
    position: relative;
    top: unset;
    left: unset; }

/**=====================
    2.3 Avatars CSS Ends
==========================**/
/**=====================
    2.4 Badge CSS start
==========================**/
.badge-spacing {
  display: flex;
  flex-wrap: wrap;
  gap: 12px; }
  .badge-spacing .badge {
    padding: 6px 12px;
    font-size: 12px; }
    .badge-spacing .badge.badge svg {
      padding-top: 0px; }
    .badge-spacing .badge.rounded-circle {
      padding: 10px 14px;
      display: flex;
      justify-content: center;
      align-items: center; }
    .badge-spacing .badge.badge-p-space {
      padding: 10px 13px; }
    .badge-spacing .badge + .badge {
      margin-left: 0px; }
    .badge-spacing .badge.btn-p-space {
      padding: 8px 10px; }

a.badge:hover {
  color: inherit; }
  a.badge.badge-dark:hover:hover {
    color: #fff; }

.badge {
  padding: 8px 16px;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-weight: 500; }
  .badge + .badge {
    margin-left: 5px; }
  .badge svg {
    width: 16px;
    height: 16px;
    padding-top: 3px; }

.b-ln-height {
  line-height: 5px; }

.pill-badge-primary {
  background-color: var(--theme-deafult);
  box-shadow: -0.5px 4.33px 16px 0px rgba(var(--theme-deafult), 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-secondary {
  background-color: #FE6A49;
  box-shadow: -0.5px 4.33px 16px 0px rgba(254, 106, 73, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-success {
  background-color: #00AC46;
  box-shadow: -0.5px 4.33px 16px 0px rgba(0, 172, 70, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-danger {
  background-color: #FE6A49;
  box-shadow: -0.5px 4.33px 16px 0px rgba(254, 106, 73, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-info {
  background-color: #173878;
  box-shadow: -0.5px 4.33px 16px 0px rgba(23, 56, 120, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-light {
  background-color: #E6E9EB;
  box-shadow: -0.5px 4.33px 16px 0px rgba(230, 233, 235, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-dark {
  background-color: #2c323f;
  box-shadow: -0.5px 4.33px 16px 0px rgba(44, 50, 63, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-warning {
  background-color: #FFAE1A;
  box-shadow: -0.5px 4.33px 16px 0px rgba(255, 174, 26, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-primary {
  background-color: var(--theme-deafult); }

.pill-badge-secondary {
  background-color: var(--theme-secondary); }

.round-badge-primary {
  border-radius: 6px;
  background-color: var(--theme-deafult);
  box-shadow: -0.5px -6.67px 14px 0px rgba(var(--theme-deafult), 0.18);
  color: #fff !important; }

.round-badge-secondary {
  border-radius: 6px;
  background-color: #FE6A49;
  box-shadow: -0.5px -6.67px 14px 0px rgba(254, 106, 73, 0.18);
  color: #fff !important; }

.round-badge-success {
  border-radius: 6px;
  background-color: #00AC46;
  box-shadow: -0.5px -6.67px 14px 0px rgba(0, 172, 70, 0.18);
  color: #fff !important; }

.round-badge-danger {
  border-radius: 6px;
  background-color: #FE6A49;
  box-shadow: -0.5px -6.67px 14px 0px rgba(254, 106, 73, 0.18);
  color: #fff !important; }

.round-badge-info {
  border-radius: 6px;
  background-color: #173878;
  box-shadow: -0.5px -6.67px 14px 0px rgba(23, 56, 120, 0.18);
  color: #fff !important; }

.round-badge-light {
  border-radius: 6px;
  background-color: #E6E9EB;
  box-shadow: -0.5px -6.67px 14px 0px rgba(230, 233, 235, 0.18);
  color: #fff !important; }

.round-badge-dark {
  border-radius: 6px;
  background-color: #2c323f;
  box-shadow: -0.5px -6.67px 14px 0px rgba(44, 50, 63, 0.18);
  color: #fff !important; }

.round-badge-warning {
  border-radius: 6px;
  background-color: #FFAE1A;
  box-shadow: -0.5px -6.67px 14px 0px rgba(255, 174, 26, 0.18);
  color: #fff !important; }

.round-badge-primary {
  background-color: var(--theme-deafult); }

.round-badge-secondary {
  background-color: var(--theme-secondary); }

.badge-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 8px; }

/**=====================
  2.4 Badge CSS Ends
==========================**/
/**=====================
    2.7 Basic-card CSS Start
==========================**/
.dark-color-header {
  background-color: unset !important;
  color: #006666; }
  .dark-color-header ul li:first-child i, .dark-color-header ul li:last-child i {
    color: #006666 !important; }
  .dark-color-header ul li i {
    color: #E6E9EB !important; }

/**=====================
  2.7 Basic-card CSS Ends
==========================**/
/**=====================
    2.5 Bookmark CSS start
==========================**/
.bookmark ul li {
  display: inline-block; }
  .bookmark ul li .search-form {
    position: absolute;
    bottom: 53px;
    z-index: 1; }
    .bookmark ul li .search-form .form-control-search {
      top: 65px;
      position: absolute;
      transition: all linear 0.3s;
      right: -20px;
      transform: translateY(-35px) scaleY(0);
      opacity: 0;
      visibility: hidden; }
      .bookmark ul li .search-form .form-control-search input {
        width: 240px;
        background-color: #fff;
        box-shadow: 0 5px 21px rgba(0, 0, 0, 0.1); }
      .bookmark ul li .search-form .form-control-search.open {
        transform: translateY(0px) scaleY(1);
        opacity: 1;
        visibility: visible;
        transition: all linear 0.3s;
        z-index: 100; }
      .bookmark ul li .search-form .form-control-search:after {
        top: 12px;
        left: 20px;
        z-index: 1; }
      .bookmark ul li .search-form .form-control-search:before {
        left: 50px;
        top: 9px;
        z-index: 2; }
  .bookmark ul li a {
    position: relative;
    color: #051A1A; }
    .bookmark ul li a svg {
      vertical-align: middle;
      height: 20px;
      width: 20px; }
  .bookmark ul li + li {
    margin-left: 10px; }
  .bookmark ul li:last-child {
    padding-right: 0; }
    .bookmark ul li:last-child a {
      border-radius: 5px; }
      .bookmark ul li:last-child a svg {
        color: #ff9f40; }

.offcanvas-bookmark.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body .bookmark ul li a {
  z-index: 99999;
  color: rgba(255, 255, 255, 0.5); }

.offcanvas-bookmark:before {
  position: fixed;
  content: '';
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  z-index: 1;
  right: 0;
  left: 0; }

body.modal-open .select2-container--open {
  width: unset !important;
  display: block; }
  body.modal-open .select2-container--open .select2-dropdown {
    z-index: 1076; }

/**=====================
    2.5 Bookmark CSS Ends
==========================**/
/**=====================
2.6 Breadcrumb CSS Start
==========================**/
.breadcrumb-colored {
  padding: 12px 16px;
  border-radius: 4px; }
  .breadcrumb-colored li a {
    color: #fff; }
  .breadcrumb-colored li.active {
    color: #fff;
    opacity: 0.7; }
  .breadcrumb-colored .breadcrumb-item:before {
    color: #fff; }
  .breadcrumb-colored .breadcrumb-item.txt-dark:before {
    color: #000; }

.breadcrumb-icon {
  --bs-breadcrumb-divider: '>'; }
  .breadcrumb-icon li {
    display: inline-block; }

.breadcrumb-no-divider {
  --bs-breadcrumb-divider: ''; }

.breadcrumb-item.active {
  text-transform: capitalize; }

.breadcrumb-space .breadcrumb-item::before {
  padding-right: 0; }

/**=====================
	2.6 Breadcrumb CSS ends
==========================**/
/**=====================
  2.9 Buttons CSS start
==========================**/
.btn-link {
  color: var(--theme-deafult); }

.purchase-btn {
  background: linear-gradient(90deg, var(--theme-deafult) -18.33%, #006666 62.78%);
  padding: 12px 20px;
  min-width: 200px;
  border: none;
  transition: 0.5s; }
  .purchase-btn:hover {
    background: linear-gradient(90deg, #006666 -18.33%, var(--theme-deafult) 62.78%);
    transition: 0.5s; }
  @media (max-width: 991px) {
    .purchase-btn {
      min-width: 160px; } }
  @media (max-width: 767px) {
    .purchase-btn {
      min-width: 140px;
      padding: 10px 17px;
      font-size: 16px; } }
  @media (max-width: 575px) {
    .purchase-btn {
      font-size: 14px; } }
.btn-light.active.active:not([disabled]):not(.disabled) {
  color: #051A1A !important;
  background-color: #e0e4e6 !important; }

.btn-primary-gradien {
  background-image: linear-gradient(to right, #008f8f 0%, #003d3d 51%, #008f8f 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease;
  color: #fff; }
  .btn-primary-gradien:focus, .btn-primary-gradien:active, .btn-primary-gradien.active {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #008f8f, 0%, #003d3d, 100%, #fff) !important; }

.btn-secondary-gradien {
  background-image: linear-gradient(to right, #fe8b72 0%, #fe4920 51%, #fe8b72 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-secondary-gradien:hover, .btn-secondary-gradien:focus, .btn-secondary-gradien:active, .btn-secondary-gradien.active, .btn-secondary-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #fe8b72, 0%, #fe4920, 100%, #fff) !important; }

.btn-success-gradien {
  background-image: linear-gradient(to right, #00d557 0%, #008335 51%, #00d557 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-success-gradien:hover, .btn-success-gradien:focus, .btn-success-gradien:active, .btn-success-gradien.active, .btn-success-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #00d557, 0%, #008335, 100%, #fff) !important; }

.btn-danger-gradien {
  background-image: linear-gradient(to right, #fe8b72 0%, #fe4920 51%, #fe8b72 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-danger-gradien:hover, .btn-danger-gradien:focus, .btn-danger-gradien:active, .btn-danger-gradien.active, .btn-danger-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #fe8b72, 0%, #fe4920, 100%, #fff) !important; }

.btn-warning-gradien {
  background-image: linear-gradient(to right, #ffbc43 0%, #f09b00 51%, #ffbc43 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-warning-gradien:hover, .btn-warning-gradien:focus, .btn-warning-gradien:active, .btn-warning-gradien.active, .btn-warning-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #ffbc43, 0%, #f09b00, 100%, #fff) !important; }

.btn-info-gradien {
  background-image: linear-gradient(to right, #1e489a 0%, #102856 51%, #1e489a 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-info-gradien:hover, .btn-info-gradien:focus, .btn-info-gradien:active, .btn-info-gradien.active, .btn-info-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #1e489a, 0%, #102856, 100%, #fff) !important; }

.btn-light-gradien {
  background-image: linear-gradient(to right, #fdfdfd 0%, #cfd5d9 51%, #fdfdfd 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-light-gradien:hover, .btn-light-gradien:focus, .btn-light-gradien:active, .btn-light-gradien.active, .btn-light-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #fdfdfd, 0%, #cfd5d9, 100%, #fff) !important; }

.btn-dark-gradien {
  background-image: linear-gradient(to right, #3d4557 0%, #1b1f27 51%, #3d4557 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-dark-gradien:hover, .btn-dark-gradien:focus, .btn-dark-gradien:active, .btn-dark-gradien.active, .btn-dark-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #3d4557, 0%, #1b1f27, 100%, #fff) !important; }

.btn {
  padding: 0.375rem 1.75rem; }
  .btn.bg-light-primary:hover {
    background: #006666 !important;
    color: #fff !important; }

.btn-lg {
  font-size: 18px; }

.btn-sm {
  font-size: 12px; }

.btn-xs {
  padding: 0.05rem 0.4rem;
  font-size: 11px; }

.large-btn {
  margin-bottom: -20px; }
  .large-btn .btn {
    margin-right: 5px;
    margin-bottom: 15px; }

.btn-outline-white {
  border: 1px solid #fff;
  color: #fff; }
  .btn-outline-white:hover, .btn-outline-white:focus {
    background: #fff;
    color: var(--theme-deafult); }

.btn-air-primary {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-primary:hover, .btn-air-primary:active, .btn-air-primary:not([disabled]):not(.disabled):active {
    background-color: #006666;
    border-color: #006666; }

.input-air-primary {
  box-shadow: 0 3px 5px 1px rgba(0, 102, 102, 0.1) !important; }
  .input-air-primary:focus {
    border-color: #006666; }

.btn-air-secondary {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-secondary:hover, .btn-air-secondary:active, .btn-air-secondary:not([disabled]):not(.disabled):active {
    background-color: #FE6A49;
    border-color: #FE6A49; }

.input-air-secondary {
  box-shadow: 0 3px 5px 1px rgba(254, 106, 73, 0.1) !important; }
  .input-air-secondary:focus {
    border-color: #FE6A49; }

.btn-air-success {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-success:hover, .btn-air-success:active, .btn-air-success:not([disabled]):not(.disabled):active {
    background-color: #00AC46;
    border-color: #00AC46; }

.input-air-success {
  box-shadow: 0 3px 5px 1px rgba(0, 172, 70, 0.1) !important; }
  .input-air-success:focus {
    border-color: #00AC46; }

.btn-air-danger {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-danger:hover, .btn-air-danger:active, .btn-air-danger:not([disabled]):not(.disabled):active {
    background-color: #FE6A49;
    border-color: #FE6A49; }

.input-air-danger {
  box-shadow: 0 3px 5px 1px rgba(254, 106, 73, 0.1) !important; }
  .input-air-danger:focus {
    border-color: #FE6A49; }

.btn-air-info {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-info:hover, .btn-air-info:active, .btn-air-info:not([disabled]):not(.disabled):active {
    background-color: #173878;
    border-color: #173878; }

.input-air-info {
  box-shadow: 0 3px 5px 1px rgba(23, 56, 120, 0.1) !important; }
  .input-air-info:focus {
    border-color: #173878; }

.btn-air-light {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-light:hover, .btn-air-light:active, .btn-air-light:not([disabled]):not(.disabled):active {
    background-color: #E6E9EB;
    border-color: #E6E9EB; }

.input-air-light {
  box-shadow: 0 3px 5px 1px rgba(230, 233, 235, 0.1) !important; }
  .input-air-light:focus {
    border-color: #E6E9EB; }

.btn-air-dark {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-dark:hover, .btn-air-dark:active, .btn-air-dark:not([disabled]):not(.disabled):active {
    background-color: #2c323f;
    border-color: #2c323f; }

.input-air-dark {
  box-shadow: 0 3px 5px 1px rgba(44, 50, 63, 0.1) !important; }
  .input-air-dark:focus {
    border-color: #2c323f; }

.btn-air-warning {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-warning:hover, .btn-air-warning:active, .btn-air-warning:not([disabled]):not(.disabled):active {
    background-color: #FFAE1A;
    border-color: #FFAE1A; }

.input-air-warning {
  box-shadow: 0 3px 5px 1px rgba(255, 174, 26, 0.1) !important; }
  .input-air-warning:focus {
    border-color: #FFAE1A; }

.btn-gradient {
  color: #fff !important;
  font-weight: 500;
  padding: 10px 30px;
  border-radius: 5px;
  background: linear-gradient(26deg, var(--theme-deafult) 0%, #006666 100%);
  letter-spacing: 0.06rem; }
  .btn-gradient:hover {
    background-size: 100% !important; }

.btn-warning {
  color: #fff; }
  .btn-warning:hover, .btn-warning.disabled {
    color: #fff; }

[class*='-gradien']:hover {
  background-size: 50% 100%;
  transition: all 0.3s ease;
  color: #fff; }

.btn-square {
  border-radius: 0px; }

.btn-pill {
  border-radius: 60px; }

.btn-group-pill .btn:first-child {
  border-radius: 60px 0 0 60px; }

.btn-group-pill .btn:last-child {
  border-radius: 0 60px 60px 0; }

.btn-group-square .btn:first-child {
  border-radius: 0px 0 0 0px; }

.btn-group-square .btn:last-child {
  border-radius: 0 0px 0px 0; }

.btn-showcase {
  margin-bottom: -10px; }
  .btn-showcase .btn {
    margin-bottom: 10px;
    margin-right: 10px; }

.btn-dropdown-showcase {
  margin-bottom: -10px; }
  .btn-dropdown-showcase .dropdown {
    margin-bottom: 10px;
    margin-right: 18px; }
  .btn-dropdown-showcase .btn-group {
    margin-bottom: 10px;
    margin-right: 18px; }

.btn-group .radio label::before {
  top: 2px; }

.btn-group .radio label::after {
  top: 7px; }

.btn-group .checkbox label {
  margin-top: 3px; }

.btn-group-showcase > div {
  margin-bottom: -20px; }
  .btn-group-showcase > div label {
    margin-bottom: 0; }

.btn-group-showcase .btn-group {
  margin-right: 20px;
  margin-bottom: 20px; }

.btn-group-showcase .checkbox input[type="checkbox"] {
  display: none; }

.tooltiptext {
  visibility: visible;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 1;
  transition: opacity 0.3s; }
  .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent; }

.card-header-right-icon .btn.btn-light-primary {
  background-color: var(--light-shade-primary);
  color: var(--theme-deafult); }
  .card-header-right-icon .btn.btn-light-primary:hover {
    color: var(--white);
    background-color: var(--theme-deafult); }

.btn.button-primary,
button.button-primary {
  background-color: var(--light-shade-primary);
  color: var(--theme-deafult); }
  .btn.button-primary:hover,
  button.button-primary:hover {
    background-color: var(--theme-deafult);
    color: var(--white); }

/**=====================
    2.9 Buttons CSS end
==========================**/
.timeline-calendar {
  overflow: auto; }
  .timeline-calendar .custom-calendar {
    height: 345px; }
    .timeline-calendar .custom-calendar .time-line {
      overflow: auto; }
      .timeline-calendar .custom-calendar .time-line.fc-theme-standard th {
        border: none; }
      .timeline-calendar .custom-calendar .time-line .fc-col-header-cell-cushion {
        padding: 15px;
        font-size: 12px;
        color: #051A1A; }
      .timeline-calendar .custom-calendar .time-line .fc-scrollgrid-sync-table {
        display: none; }
      .timeline-calendar .custom-calendar .time-line .fc-timegrid-divider {
        display: none; }
      .timeline-calendar .custom-calendar .time-line .fc-scrollgrid table thead tr {
        background-color: rgba(0, 102, 102, 0.1); }
      .timeline-calendar .custom-calendar .time-line .fc-header-toolbar {
        position: absolute;
        right: 0px;
        top: 8px;
        margin-top: 10px; }
        .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group {
          gap: 10px; }
          .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button {
            border-color: #E6E9EB;
            background-color: #fff; }
            .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button span {
              color: #051A1A; }
        .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-today-button {
          display: none; }
        .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-toolbar-title {
          display: none; }
        .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk:last-child {
          display: none; }
      .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness {
        border: none; }
        .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event {
          border: 1px solid rgba(255, 255, 255, 0.1);
          border-radius: 4px;
          min-width: 230px;
          min-height: 54px;
          max-height: 54px; }
          .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main {
            color: var(--body-font-color);
            border-left: 3px solid #006666;
            border-top: 1px solid #E6E9EB;
            border-bottom: 1px solid #E6E9EB;
            border-right: 1px solid #E6E9EB; }
            .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main .fc-sticky {
              color: #242934; }
              .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main .fc-sticky .fc-task-text-box .fc-task-text {
                color: #051A1A;
                font-weight: 500; }
              .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main .fc-sticky .fc-task-text-box:last-child span {
                color: var(--body-font-color); }
            .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main .fc-event-main-frame {
              padding: 8px 12px; }
      .timeline-calendar .custom-calendar .time-line .fc-timegrid-col:nth-child(3) .fc-event-main {
        border-left: 3px solid #FFAE1A !important; }
      .timeline-calendar .custom-calendar .time-line .fc-scrollgrid-section .fc-timegrid-slots table tbody tr {
        border: none; }
        .timeline-calendar .custom-calendar .time-line .fc-scrollgrid-section .fc-timegrid-slots table tbody tr td.fc-scrollgrid-shrink {
          padding: 10px; }
        .timeline-calendar .custom-calendar .time-line .fc-scrollgrid-section .fc-timegrid-slots table tbody tr td.fc-timegrid-slot-minor {
          padding: 10px; }
  .timeline-calendar .fc-theme-standard td {
    border: none;
    border-bottom: 1px dashed #E6E9EB !important; }
    .timeline-calendar .fc-theme-standard td:first-child {
      border: none !important; }

.calendar-default .fc-media-screen .fc-list-event-dot {
  border-color: #006666; }

.calendar-default .fc-media-screen .fc-v-event {
  border-color: #006666;
  background-color: #006666; }

@media (max-width: 1499px) {
  .timeline-calendar .custom-calendar .time-line .fc-col-header-cell-cushion {
    padding: 15px;
    font-size: 10px; } }

@media (max-width: 575px) {
  .timeline-calendar .custom-calendar .time-line.fc-theme-standard th {
    border: none; } }

@media (max-width: 480px) {
  .timeline-calendar .custom-calendar .time-line.fc-theme-standard th {
    border: none; }
    .timeline-calendar .custom-calendar .time-line.fc-theme-standard th:nth-child(4) {
      display: none; }
    .timeline-calendar .custom-calendar .time-line.fc-theme-standard th:nth-child(5) {
      display: none; } }
/**=====================
    2.10 Card CSS Start
==========================**/
.card {
  margin-bottom: 25px;
  border: 1px solid #E6E9EB !important;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  border-radius: 8px;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .card:hover {
    box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
    transition: all 0.3s ease; }
  .card .card-header {
    background-color: #fff;
    padding: 20px;
    border-bottom: 1px solid #ecf3fa;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: relative; }
    .card .card-header.card-no-border {
      border-bottom: none !important; }
    .card .card-header h5:not(.mb-0), .card .card-header h5:not(.m-0) {
      margin-bottom: 0;
      text-transform: capitalize; }
    .card .card-header > span {
      font-size: 12px;
      color: var(--body-font-color);
      margin-top: 5px;
      display: block;
      letter-spacing: 1px; }
    .card .card-header .card-header-right {
      border-radius: 0 0 0 7px;
      right: 20px;
      top: 12px;
      display: inline-block;
      float: right;
      padding: 8px 0;
      position: absolute;
      background-color: #fff;
      z-index: 1; }
      .card .card-header .card-header-right .card-option {
        text-align: right;
        width: 35px;
        height: 20px;
        overflow: hidden;
        transition: 0.3s ease-in-out; }
        .card .card-header .card-header-right .card-option li {
          display: inline-block; }
          .card .card-header .card-header-right .card-option li:first-child i {
            transition: 1s;
            font-size: 16px;
            color: var(--theme-deafult); }
            .card .card-header .card-header-right .card-option li:first-child i.icofont {
              color: unset; }
      .card .card-header .card-header-right i {
        margin: 0 5px;
        cursor: pointer;
        color: #2c323f;
        line-height: 20px; }
        .card .card-header .card-header-right i.icofont-refresh {
          font-size: 13px; }
  .card .card-body {
    padding: 20px;
    background-color: transparent; }
    .card .card-body p:last-child {
      margin-bottom: 0; }
  .card .sub-title {
    padding-bottom: 12px;
    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320))); }
  .card .card-footer {
    background-color: #fff;
    border-top: 1px solid #ecf3fa;
    padding: 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; }
  .card.card-load .card-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 8;
    align-items: center;
    justify-content: center; }
    .card.card-load .card-loader i {
      margin: 0 auto;
      color: var(--theme-deafult);
      font-size: 20px; }
  .card.full-card {
    position: fixed;
    top: 0;
    z-index: 99999;
    box-shadow: none;
    right: 0;
    border-radius: 0;
    border: 1px solid #efefef;
    width: calc(100vw - 12px);
    height: calc(100vh); }
    .card.full-card .card-body {
      overflow: auto; }

.page-body-wrapper .card .sub-title {
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  color: #051A1A; }

.card-absolute {
  margin-top: 20px; }
  .card-absolute .card-header {
    position: absolute;
    top: -20px;
    left: 15px;
    border-radius: 0.25rem;
    padding: 10px 15px; }
    .card-absolute .card-header h5 {
      font-size: 17px; }
  .card-absolute .card-body {
    margin-top: 10px; }

.card-header .border-tab {
  margin-bottom: -13px; }

.custom-card {
  overflow: hidden;
  padding: 30px; }
  .custom-card .card-header {
    padding: 0; }
    .custom-card .card-header img {
      border-radius: 50%;
      margin-top: -100px;
      transform: scale(1.5); }
  .custom-card .card-profile {
    text-align: center; }
    .custom-card .card-profile img {
      height: 110px;
      padding: 7px;
      background-color: #fff;
      z-index: 1;
      position: relative; }
  .custom-card .card-social {
    text-align: center; }
    .custom-card .card-social li {
      display: inline-block;
      padding: 15px 0; }
      .custom-card .card-social li:last-child a {
        margin-right: 0; }
      .custom-card .card-social li a {
        padding: 0;
        margin-right: 15px;
        color: #bcc6de;
        font-size: 16px;
        transition: all 0.3s ease; }
        .custom-card .card-social li a:hover {
          color: var(--theme-deafult);
          transition: all 0.3s ease; }
  .custom-card .profile-details h6 {
    margin-bottom: 30px;
    margin-top: 10px;
    color: #FFFFFF;
    font-size: 14px; }
  .custom-card .card-footer {
    padding: 0; }
    .custom-card .card-footer > div {
      padding: 15px;
      text-align: center; }
      .custom-card .card-footer > div + div {
        border-left: 1px solid #efefef; }
      .custom-card .card-footer > div h3 {
        margin-bottom: 0;
        font-size: 24px; }
      .custom-card .card-footer > div h6 {
        font-size: 14px;
        color: #FFFFFF; }
      .custom-card .card-footer > div h5 {
        font-size: 16px;
        margin-bottom: 0; }
      .custom-card .card-footer > div i {
        font-size: 24px;
        display: inline-block;
        margin-bottom: 15px; }
      .custom-card .card-footer > div .m-b-card {
        margin-bottom: 10px; }

.social-profile {
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .social-profile .card-body {
    padding-left: 20px;
    padding-right: 20px; }
    @media (max-width: 1399px) {
      .social-profile .card-body {
        padding: 23px 15px; } }
.social-details {
  margin-top: 15px; }
  .social-details h5 a {
    color: var(--body-font-color);
    font-weight: 700; }
  .social-details .social-follow {
    column-count: 3;
    column-gap: 30px;
    margin-top: 25px; }
    @media (max-width: 1399px) {
      .social-details .social-follow {
        column-gap: 23px; } }
    .social-details .social-follow li {
      position: relative; }
      .social-details .social-follow li + li::before {
        position: absolute;
        content: "";
        width: 1px;
        height: 14px;
        background-color: var(--recent-dashed-border);
        left: -15px;
        top: 50%;
        transform: translateY(-50%); }
        [dir="rtl"] .social-details .social-follow li + li::before {
          left: unset;
          right: -15px; }
  .social-details .card-social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 15px; }

.social-img-wrap {
  background: linear-gradient(253deg, var(--theme-deafult) 11.51%, rgba(115, 102, 255, 0) 82.07%);
  display: inline-block;
  border-radius: 100%;
  padding: 2px;
  position: relative; }
  .social-img-wrap .edit-icon {
    position: absolute;
    right: 0;
    bottom: 0; }
    .social-img-wrap .edit-icon svg {
      width: 20px;
      height: 20px;
      border-radius: 100%;
      border: 2px solid var(--white);
      background: var(--white); }

.social-img {
  padding: 5px;
  background: var(--white);
  border-radius: 100%; }
  .social-img img {
    height: 68px;
    border-radius: 100%; }

/**=====================
    2.10 Card CSS End
==========================**/
/**=====================
     2.11 Color CSS Start
==========================**/
.color-box {
  margin-bottom: -10px; }
  .color-box button {
    margin-bottom: 10px; }
    .color-box button + button {
      margin-left: 5px; }

.light-font {
  color: #FFFFFF; }

/**=====================
     2.11 Color CSS Ends
==========================**/
/**=====================
    2.12 Datatable CSS Start
==========================**/
div.dt-button-background {
  display: none !important; }

div.DTS div.dataTables_scrollBody table {
  z-index: 1; }

div .table-avtar {
  height: 32px;
  margin-right: 10px; }
  [dir="rtl"] div .table-avtar {
    margin-right: unset;
    margin-left: 10px; }

div .action {
  display: flex; }
  div .action i {
    font-size: 16px; }
  div .action .pdf i {
    font-size: 20px;
    color: #FE6A49; }
  div .action .edit {
    margin-right: 5px; }
    div .action .edit i {
      color: #00AC46; }
    [dir="rtl"] div .action .edit {
      margin-left: 5px; }
  div .action .delete i {
    color: #FE6A49; }

#auto-generate-content_wrapper.dataTables_wrapper button {
  background-color: var(--white);
  border: 1px solid var(--theme-deafult);
  color: var(--theme-deafult); }

.dataTables_wrapper {
  width: calc(100% - 1px);
  padding: 0; }
  .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #ecf3fa; }
  .dataTables_wrapper .dt-buttons .btn {
    border-radius: 0.25rem !important; }
  .dataTables_wrapper .btn-group button {
    margin-right: 5px; }
  .dataTables_wrapper button {
    font-weight: 400;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    border-radius: 0.25rem;
    color: #fff; }
  .dataTables_wrapper + .dataTables_wrapper {
    margin-top: 20px; }
  .dataTables_wrapper .dataTables_paginate {
    margin-left: 15px !important;
    border: 1px solid #E6E9EB;
    border-radius: 0.25rem;
    padding-top: 0; }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
      margin: 0; }
      .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:active {
        background: var(--theme-deafult);
        color: #fff !important;
        box-shadow: none; }
      .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        border: 1px solid var(--theme-deafult);
        color: #2c323f !important;
        background: transparent !important; }
  .dataTables_wrapper .dataTables_length {
    margin-bottom: 30px; }
    .dataTables_wrapper .dataTables_length select {
      border-color: #E6E9EB;
      color: #2c323f;
      padding: 0 10px;
      margin: 0 10px;
      height: 2.7142em;
      background-color: #fff; }
  .dataTables_wrapper table.dataTable {
    border: 1px solid #efefef; }
    .dataTables_wrapper table.dataTable tbody td.select-checkbox,
    .dataTables_wrapper table.dataTable tbody th.select-checkbox {
      padding-right: 40px !important; }
      .dataTables_wrapper table.dataTable tbody td.select-checkbox:before,
      .dataTables_wrapper table.dataTable tbody th.select-checkbox:before {
        right: 20px;
        top: 22px;
        left: unset; }
      .dataTables_wrapper table.dataTable tbody td.select-checkbox:after,
      .dataTables_wrapper table.dataTable tbody th.select-checkbox:after {
        margin-top: -5px;
        margin-left: 21px; }
    .dataTables_wrapper table.dataTable thead th,
    .dataTables_wrapper table.dataTable thead td {
      border-bottom: 2px solid #efefef; }
    .dataTables_wrapper table.dataTable th,
    .dataTables_wrapper table.dataTable td {
      padding: 0.75rem; }
  .dataTables_wrapper .dataTables_filter {
    margin-bottom: 25px;
    margin-left: 15px; }
    .dataTables_wrapper .dataTables_filter input[type="search"] {
      border: 1px solid #efefef;
      padding: 0 10px;
      margin-left: 10px;
      height: 37px;
      border-radius: 0; }

.dataTables_scrollHeadInner {
  width: 100% !important; }

table .fixedHeader-floating {
  position: fixed !important;
  background-color: #fff; }

table .box > div {
  padding: 5px 15px;
  background-color: var(--theme-deafult);
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
  margin-right: 15px; }

table.dataTable.fixedHeader-locked, table.dataTable.fixedHeader-floating {
  width: calc(100vw - 250px) !important;
  max-width: calc(100vw - 250px) !important;
  overflow: hidden !important;
  right: 0 !important;
  z-index: 99;
  left: 260px !important; }

table.dataTable:not(.fixedHeader-locked):not(.fixedHeader-floating) {
  width: 100% !important; }

table.dataTable {
  border-collapse: collapse !important;
  margin-top: 0 !important; }
  table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
  table.dataTable thead .sorting_asc:before,
  table.dataTable thead .sorting_asc:after,
  table.dataTable thead .sorting_desc:before,
  table.dataTable thead .sorting_desc:after,
  table.dataTable thead .sorting_asc_disabled:before,
  table.dataTable thead .sorting_asc_disabled:after,
  table.dataTable thead .sorting_desc_disabled:before,
  table.dataTable thead .sorting_desc_disabled:after {
    bottom: 12px !important; }
  table.dataTable input,
  table.dataTable select {
    border: 1px solid #efefef;
    height: 37px; }

.user-datatable tr td:first-child,
.user-datatable tr th:first-child {
  min-width: 150px; }

.jsgrid .jsgrid-button {
  width: 20px;
  height: 20px; }

.jsgrid .jsgrid-delete-button {
  background-position: 0 -78px;
  width: 22px;
  height: 22px; }

.jsgrid .jsgrid-edit-button {
  background-position: -2px -122px;
  width: 22px;
  height: 22px; }

.jsgrid .jsgrid-insert-mode-button {
  background-position: -2px -160px;
  width: 25px;
  height: 25px; }

.jsgrid .jsgrid-insert-button {
  background-position: -3px -202px;
  width: 16px;
  height: 16px; }

.toolbar {
  padding: 5px 15px;
  background-color: var(--theme-deafult);
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
  margin-right: 15px; }

code.option {
  color: #FE6A49 !important; }

code.api {
  color: #00AC46 !important; }

.dt-ext .dataTables_wrapper .page-item.active .page-link {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important;
  color: #fff; }

.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 9px 12px;
  border: 1px solid #E6E9EB !important;
  border-radius: 0px; }
  .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.hover, .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.active {
    border: none !important; }

.dt-ext .dataTables_wrapper .dataTables_paginate .page-link {
  margin-left: 0px;
  color: var(--theme-deafult); }

.dt-ext .dataTables_wrapper button.dt-button,
.dt-ext .dataTables_wrapper div.dt-button,
.dt-ext .dataTables_wrapper a.dt-button,
.dt-ext .dataTables_wrapper button.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button.active:not(.disabled) {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  border-radius: 2px;
  color: #fff;
  background-image: none;
  font-size: 14px; }

.dt-ext .dataTables_wrapper button.dt-button.btn-success,
.dt-ext .dataTables_wrapper div.dt-button.btn-success,
.dt-ext .dataTables_wrapper a.dt-button.btn-success {
  background-color: #00AC46;
  border-color: #00AC46; }

.dt-ext .dataTables_wrapper button.dt-button.btn-primary,
.dt-ext .dataTables_wrapper div.dt-button.btn-primary,
.dt-ext .dataTables_wrapper a.dt-button.btn-primary {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }

.dt-ext .dataTables_wrapper button.dt-button.btn-danger,
.dt-ext .dataTables_wrapper div.dt-button.btn-danger,
.dt-ext .dataTables_wrapper a.dt-button.btn-danger {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.dt-ext .dataTables_wrapper table.dataTable th.focus,
.dt-ext .dataTables_wrapper table.dataTable td.focus {
  outline: 3px solid var(--theme-deafult); }

.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected > .sorting_1,
.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
  background-color: #29ffff; }

.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd.selected,
.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd > .selected,
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected,
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd > .selected {
  background-color: #29ffff; }

.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.even.selected > .sorting_1,
.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
  background-color: #29ffff; }

.dt-ext .dataTables_wrapper table.dataTable tbody > tr.selected,
.dt-ext .dataTables_wrapper table.dataTable tbody > tr > .selected {
  background-color: #29ffff; }

td.highlight {
  background-color: #E6E9EB !important; }

td.details-control {
  background: url(/../images/details_open.png) no-repeat center center;
  cursor: pointer; }

tr.shown td.details-control {
  background: url(/../images/details_close.png) no-repeat center center; }

.dataTables_scroll ~ .dataTables_paginate {
  margin-top: 20px !important; }

.product-table th:last-child {
  min-width: 120px; }

.product-table h6 {
  font-weight: 600;
  color: #2c323f; }

table.dataTable.display tbody tr.odd > .sorting_1 {
  background-color: #fdfeff; }

table.dataTable.display tbody tr.odd .badge {
  line-height: 15px; }

table.dataTable.display tbody tr.even .badge {
  line-height: 15px; }

.jsgrid-row .jsgrid-cell .badge,
.jsgrid-alt-row .jsgrid-cell .badge {
  line-height: 15px !important; }

/**=====================
     2.12 Datatable CSS Ends
==========================**/
/**=====================
    2.13 Datapicker CSS Start
==========================**/
.clockpicker-canvas line {
  stroke: var(--theme-deafult); }

.clockpicker-canvas-fg,
.clockpicker-canvas-bearing {
  fill: var(--theme-deafult); }

.datepicker {
  z-index: 99; }

.datepicker--day-name {
  color: #006666;
  font-weight: bold; }

.datepicker--cell.-current- {
  color: #000;
  border-radius: 5px;
  font-weight: bold;
  border: 2px solid var(--theme-deafult); }

.datepicker--cell.-focus- {
  background: var(--theme-deafult);
  color: #fff; }

.datepicker--cell.-selected- {
  background: var(--theme-deafult) !important; }

.datepicker--cell-day {
  width: 14.2857142857%; }

.datepickers-container,
.bootstrap-datetimepicker-widget {
  z-index: 7; }

.datetime-picker .bootstrap-datetimepicker-widget.dropdown-menu {
  width: auto; }

.datetime-picker .input-group-text i {
  line-height: 1.3; }

.clockpicker-popover {
  border: none;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  z-index: 7; }
  .clockpicker-popover .popover-content {
    background-color: rgba(0, 102, 102, 0.05); }

.clockpicker-canvas-bg {
  fill: #29ffff; }

.clockpicker-tick:hover {
  color: inherit;
  background-color: #29ffff; }

.calendar-basic .md-sidebar-aside {
  background-color: #fff; }

.calendar-basic #external-events {
  padding: 20px;
  border: 1px solid #d7e2e9; }
  .calendar-basic #external-events h4 {
    margin-bottom: 14px; }
  .calendar-basic #external-events p {
    margin-top: 12px; }
  .calendar-basic #external-events .fc-h-event {
    padding: 12px;
    background-color: var(--theme-deafult);
    border: 1px solid var(--theme-deafult); }
    .calendar-basic #external-events .fc-h-event + .fc-h-event {
      margin-top: 10px; }
    .calendar-basic #external-events .fc-h-event .fc-event-main {
      font-size: 13px; }

.calendar-basic .calendar-default .fc-daygrid-dot-event .fc-event-title {
  text-overflow: ellipsis; }

.calendar-basic .calendar-default .fc td[role="presentation"] {
  border: 0; }

.calendar-basic .calendar-default .fc .fc-daygrid-day-number,
.calendar-basic .calendar-default .fc .fc-col-header-cell-cushion {
  color: #051A1A; }

.calendar-basic .calendar-default .fc .fc-button .fc-icon {
  height: 23px; }

.calendar-basic .calendar-default .fc-h-event {
  padding: 2px;
  background-color: #006666;
  border: 1px solid #006666; }

.calendar-basic .calendar-default .fc-toolbar-chunk .fc-button-group ~ .fc-today-button {
  margin: 0 8px; }

.fc-event-dragging {
  padding: 10px;
  background-color: var(--theme-deafult); }

.fc .fc-toolbar {
  flex-wrap: wrap;
  gap: 10px; }

.fc .fc-button-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 102, 102, 0.5); }

.main-inline-calender.input-group {
  flex-direction: column; }
  .main-inline-calender.input-group .form-control {
    width: 100%; }
  .main-inline-calender.input-group .flatpickr-calendar.inline {
    width: 100%; }
  .main-inline-calender.input-group .flatpickr-innerContainer {
    display: block; }
  .main-inline-calender.input-group .flatpickr-rContainer {
    display: block; }
    .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-weekdays {
      width: 100%; }
    .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days {
      width: 100%; }
      .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer {
        width: 100%;
        max-width: none;
        min-width: unset; }
        .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day {
          border-radius: 5px;
          width: 100%;
          max-width: unset; }
          .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover {
            color: var(--body-font-color); }

.flatpickr-day.selected,
.flatpickr-day .endRange {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }
  .flatpickr-day.selected:hover,
  .flatpickr-day .endRange:hover {
    background-color: var(--theme-deafult);
    border-color: var(--theme-deafult); }

.main-flatpickr .form-control:read-only {
  background-color: unset; }

.flatpickr-months {
  font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: 30px; }
  .flatpickr-months .flatpickr-month {
    margin-top: 16px; }
  .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    top: 10px; }

.flatpickr-current-month {
  font-size: calc(14px + (19 - 14) * ((100vw - 320px) / (1920 - 320))); }

@media (max-width: 400px) {
  .flatpickr-calendar.animate {
    width: 77%;
    left: 50% !important;
    transform: translateX(-50%); } }

.flatpickr-calendar .flatpickr-days {
  width: unset; }
  .flatpickr-calendar .flatpickr-days .dayContainer {
    width: unset;
    min-width: unset;
    max-width: unset; }

@media (max-width: 768px) {
  .flatpicker-calender .form-control {
    font-size: 14px; } }

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.timepicker-wrapper .row {
  margin-bottom: 16px; }
  .timepicker-wrapper .row:last-child {
    margin-bottom: 0; }

/**=====================
   2.13 Datapicker CSS End
==========================**/
/**=====================
	2.14 Dropdown CSS Start
==========================**/
.img-cropper .dropup .dropdown-toggle::after {
  content: '';
  display: none; }

.dropdown-auto {
  overflow: auto; }

.dropdown-divider {
  margin: 0; }

.dropdown .dropdown-toggle {
  color: #242934;
  border-radius: 8px;
  padding: 11px 12px;
  border: 1px solid #E6E9EB;
  width: 106px;
  text-align: left; }
  .dropdown .dropdown-toggle:focus {
    border: 1px solid #E6E9EB;
    box-shadow: none; }
  .dropdown .dropdown-toggle:after {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f107";
    border: none;
    font-family: "FontAwesome";
    font-size: 18px;
    margin: 0; }
  .dropdown .dropdown-toggle.btn-primary {
    color: #fff; }

.dropdown .dropdown-toggle-store {
  width: 130px; }

.dropdown .dropdown-toggle-calendar {
  width: 218px; }

.dropdown .dropdown-menu {
  font-family: "Montserrat", sans-serif;
  z-index: 4; }

.docs-toggles .dropdown .dropdown-toggle {
  width: auto; }

.docs-toggles .btn-group lable.active .docs-tooltip {
  color: #fff !important; }

.nav-tabs .dropdown .dropdown-toggle {
  width: 120px; }
  @media only screen and (max-width: 575.98px) {
    .nav-tabs .dropdown .dropdown-toggle {
      width: 100%;
      text-align: center; } }
.icon-dropdown .dropdown-toggle {
  background: transparent;
  color: #FFFFFF;
  padding: 0;
  width: auto; }
  .icon-dropdown .dropdown-toggle i {
    font-size: 16px; }
  .icon-dropdown .dropdown-toggle::after {
    display: none; }

.icon-dropdown .dropdown-item {
  line-height: 1.5; }

.dropdown-basic {
  margin-bottom: -10px; }
  .dropdown-basic .btn-group .btn-round {
    border-radius: 50px; }
  .dropdown-basic .separated-btn {
    margin-left: -6px; }
    [dir="rtl"] .dropdown-basic .separated-btn {
      margin-left: unset;
      margin-right: -6px; }
    .dropdown-basic .separated-btn .btn {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      padding: 10px; }
    .dropdown-basic .separated-btn.dropdown {
      margin-bottom: 0; }
  .dropdown-basic button {
    max-height: 43px; }
  .dropdown-basic .dropdown {
    position: relative;
    display: inline-block;
    margin-bottom: 10px; }
    .dropdown-basic .dropdown .dropbtn {
      color: white;
      padding: 12px 35px;
      border: none;
      cursor: pointer; }
    .dropdown-basic .dropdown .dropdown-content {
      display: none;
      position: absolute;
      right: 0;
      background-color: #f9f9f9;
      min-width: 175px;
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
      z-index: 1;
      left: 0;
      top: 45px; }
      .dropdown-basic .dropdown .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block; }
      .dropdown-basic .dropdown .dropdown-content .dropdown-header {
        padding: 12px 16px; }
  .dropdown-basic .dropdown-content a:hover {
    background-color: #f1f1f1; }
  .dropdown-basic .dropdown:hover .dropdown-content {
    display: block; }

.dropup-basic .dropup {
  position: relative;
  display: inline-block; }
  .dropup-basic .dropup .dropbtn {
    color: white;
    padding: 12px;
    border: none; }
  .dropup-basic .dropup .dropup-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 170px;
    bottom: 45px;
    z-index: 999;
    left: 0; }
    .dropup-basic .dropup .dropup-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block; }

.dropup-basic .dropup .dropup-content a:hover {
  background-color: #ecf3fa; }

.dropup-basic .dropup:hover .dropup-content {
  display: block; }
  .dropup-basic .dropup:hover .dropup-content a.active {
    background-color: #ecf3fa; }

.dropdown-block li .dropdown-item:hover {
  background-color: #E6E9EB; }

.dropdown-block li .helper-truncate:hover {
  background-color: unset !important; }

.dropdown-basic .dropdown .dropdown-content a:hover {
  background-color: #E6E9EB !important; }

.dropdown-menu .input-group {
  background-color: unset;
  padding: 6px 12px;
  border-top: 1px solid #efefef;
  background-color: #fff;
  opacity: 0.6; }
  .dropdown-menu .input-group:hover, .dropdown-menu .input-group:active {
    background-color: #E6E9EB; }
  .dropdown-menu .input-group .input-group-text {
    background-color: unset;
    border: none; }

.dark-form .form-label {
  color: var(--text-gray); }

.dark-form .form-control {
  border: 1px solid var(--text-gray) !important; }

.dark-form .form-check .form-check-input {
  border: 1px solid var(--text-gray); }

.dark-form .form-check .form-check-label {
  color: var(--text-gray); }

.dark-form h6 {
  color: var(--text-gray); }

.dark-form p.dropdown-item {
  padding: 7px 0 0 0;
  border-top: 1px solid var(--chart-dashed-border); }

.dark-form .helper-truncate {
  color: var(--text-gray);
  background-color: transparent; }

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 8px;
  vertical-align: 4px;
  content: '';
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-bottom: 0;
  border-left: 4px solid transparent; }
  [dir="rtl"] .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px; }

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 8px;
  content: '';
  border-top: 4px solid transparent;
  border-right: 4px solid;
  border-bottom: 4px solid transparent; }
  [dir="rtl"] .dropstart .dropdown-toggle::before {
    margin-left: 8px;
    margin-right: unset; }

.dropup .dropdown-toggle::after {
  content: '';
  display: inline-block;
  margin-left: 8px;
  vertical-align: 4px;
  border-top: 0;
  border-right: 4px solid transparent;
  border-bottom: 4px solid;
  border-left: 4px solid transparent; }
  [dir="rtl"] .dropup .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px; }

.dropend .dropdown-toggle::after {
  content: '';
  display: inline-block;
  content: '';
  border-top: 4px solid transparent;
  border-right: 0;
  border-bottom: 4px solid transparent;
  border-left: 4px solid;
  margin-left: 8px; }
  [dir="rtl"] .dropend .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px; }

.form-wrapper {
  width: 260px; }

@media (max-width: 400px) {
  .dropdown-menu .helper-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; } }

.dark-dropdown .dropdown-block li .dropdown-item:hover, .dark-dropdown .dropdown-block li .dropdown-item.active {
  background-color: #2c323f;
  color: #fff; }

btn-group .dropdown-wrapper {
  z-index: 2; }
  btn-group .dropdown-wrapper .input-group .input-group-text {
    padding: 0px 8px 0px 0px; }
    [dir="rtl"] btn-group .dropdown-wrapper .input-group .input-group-text {
      padding: 0px 0px 0px 8px; }

[dir="rtl"] .rtl-dropdown .dropdown-menu li .dropdown-item {
  text-align: right; }

[dir="rtl"] .rtl-dropdown .btn-group .dropdown-menu {
  text-align: right; }

.heading-dropdown .dropdown-menu > li:first-child > a {
  border-bottom: 4px solid var(--recent-border);
  border-top: 0;
  background-color: #d7e2e9; }

/**=====================
	2.14 Dropdown CSS Ends
==========================**/
/**=====================
  2.15 Form-builder CSS Start
==========================**/
.component {
  cursor: pointer; }
  .component label {
    padding-top: 8px; }
  .component .form-group input,
  .component .form-group textarea,
  .component .form-group select {
    border-radius: 4px; }

input {
  cursor: pointer; }

textarea {
  resize: vertical; }

.popover .controls {
  margin-left: 0; }

.popover .control-label {
  text-align: left; }

.popover form {
  width: 100%; }

.popover .fade.left.in {
  left: -215px; }

.drag form {
  padding: 10px 5px;
  border: 1px dotted #ecf3fa;
  position: absolute;
  background: #fff;
  box-shadow: 0 0 30px #ecf3fa;
  overflow: hidden; }
  .drag form input {
    border-radius: 5px; }

/**=====================
  2.15 Form-builder CSS Ends
==========================**/
/**=====================
    2.16 Form-input CSS Start
==========================**/
.icon-addon .addon-md .fa, .icon-addon .addon-md .glyphicon {
  position: absolute;
  z-index: 2;
  left: 10px;
  font-size: 14px;
  width: 20px;
  margin-left: -2.5px;
  text-align: center;
  padding: 10px 0;
  top: 1px; }

.icon-addon .glyphicon,
.icon-addon .fa {
  position: absolute;
  z-index: 2;
  left: 10px;
  font-size: 14px;
  width: 20px;
  margin-left: -2.5px;
  text-align: center;
  padding: 10px 0;
  top: 1px; }

.input-group-square .input-group-text,
.input-group-square .form-control {
  border-radius: 0px; }

.input-group-air {
  box-shadow: 0 3px 20px 0 #efefef; }

.icon-addon {
  position: relative;
  color: #4c5667;
  display: block; }
  .icon-addon:after {
    display: table;
    content: "";
    clear: both; }
  .icon-addon:before {
    display: table;
    content: ""; }
  .icon-addon .addon-md .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal; }
  .icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal; }

.input-group-wrapper .input-group {
  margin-bottom: 16px; }
  .input-group-wrapper .input-group .form-control {
    font-size: 16px; }
    .input-group-wrapper .input-group .form-control:focus {
      border-color: var(--recent-border);
      box-shadow: unset; }
  .input-group-wrapper .input-group:last-child {
    margin-bottom: 0; }

.input-group-wrapper .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.main-custom-form label {
  margin-bottom: 0; }

.main-custom-form .form-select:focus {
  box-shadow: unset;
  border-color: var(--recent-border); }

.main-custom-form .dropdown-menu {
  z-index: 3; }

.main-custom-form .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.main-custom-form .form-select,
.main-custom-form .form-control {
  font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); }

.main-custom-form .input-group-text {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); }

@media (max-width: 338px) {
  .main-custom-form .dropdown-toggle.btn {
    padding: 6px 11px; } }

.main-segment-btn .dropdown-toggle::after {
  content: '';
  margin-left: 0;
  border-top: 6px solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  vertical-align: 2px; }

.main-segment-btn .dropdown-menu {
  z-index: 3; }

#exampleDataList::-webkit-calendar-picker-indicator:hover, #exampleDataList::-webkit-calendar-picker-indicator:focus {
  display: none; }

.form-control-color {
  max-width: 70rem; }

.theme-form select.form-select option {
  padding: 8px 10px;
  border-radius: 100px; }

.input-radius .form-control:focus {
  box-shadow: unset;
  border-color: var(--recent-border); }

.input-radius .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.floating-wrapper .form-floating .form-control {
  height: 54px; }

/**=====================
    2.16 Form-input CSS Ends
	==========================**/
/**=====================
    2.17 Form-wizard CSS Start
==========================**/
/*Form Wizard One Start*/
.form-wizard .tab {
  display: none; }

.form-wizard .step {
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: var(--theme-deafult);
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5; }
  .form-wizard .step.active {
    opacity: 1; }
  .form-wizard .step.finish {
    background-color: var(--theme-secondary); }

/*Form Wizard One ends*/
/*Form Wizard Four Start*/
.wizard-4 .action-bar {
  position: absolute;
  bottom: 50px;
  right: 50px; }
  [dir="rtl"] .wizard-4 .action-bar {
    right: unset;
    left: 50px; }

.wizard-4 .action-bar .btn {
  float: right;
  margin: 0 5px;
  background-color: rgba(0, 102, 102, 0.3) !important;
  border-color: rgba(0, 102, 102, 0.3) !important;
  color: var(--theme-deafult); }

.wizard-4 .action-bar .buttonDisabled {
  color: #59667a;
  background-color: rgba(89, 102, 122, 0.05) !important;
  border: 1px solid rgba(89, 102, 122, 0.05) !important;
  cursor: text; }

.wizard-4 .step-container {
  background: #f8f9fe;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0 solid #e8ebf2;
  overflow: hidden;
  clear: right;
  width: 70%; }
  .wizard-4 .step-container div.content {
    display: block;
    position: absolute;
    float: left;
    text-align: left;
    overflow: auto;
    z-index: 1;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both; }
    [dir="rtl"] .wizard-4 .step-container div.content {
      text-align: unset;
      text-align: right; }
    .wizard-4 .step-container div.content .wizard-title {
      width: 450px;
      margin: 0 auto; }

.wizard-4 .loader {
  display: none; }

.wizard-4 .msg-box {
  position: fixed;
  display: none;
  padding: 5px 10px;
  background-color: #009999;
  top: 30px;
  border-radius: 5px;
  right: 60px;
  padding: 10px 20px; }
  .wizard-4 .msg-box .content {
    padding: 0;
    float: left;
    padding-top: 3px;
    color: #fff; }
  .wizard-4 .msg-box .close {
    color: #fff;
    margin-left: 10px;
    opacity: 1;
    font-size: 18px;
    line-height: 1.4; }
    [dir="rtl"] .wizard-4 .msg-box .close {
      margin-right: 10px;
      margin-left: unset; }

.wizard-4 ul.anchor {
  float: left;
  width: 30%;
  height: calc(100vh - 300px);
  padding: 40px 30px;
  overflow: auto; }
  .wizard-4 ul.anchor .disabled {
    opacity: 0.7;
    color: #59667a; }
    .wizard-4 ul.anchor .disabled h4 {
      background-color: rgba(89, 102, 122, 0.15); }
  .wizard-4 ul.anchor .logo {
    padding-bottom: 20px; }
  .wizard-4 ul.anchor li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    padding-bottom: 19px;
    float: left;
    clear: both;
    width: 100%;
    box-sizing: border-box;
    z-index: 0; }
    .wizard-4 ul.anchor li + li a {
      padding-left: 80px; }
      [dir="rtl"] .wizard-4 ul.anchor li + li a {
        padding-left: unset;
        padding-right: 80px; }
    .wizard-4 ul.anchor li:last-child {
      position: absolute;
      bottom: 0;
      width: auto;
      padding-bottom: 0;
      left: 9%; }
      [dir="rtl"] .wizard-4 ul.anchor li:last-child {
        left: unset;
        right: 9%; }
      .wizard-4 ul.anchor li:last-child img {
        height: 300px; }
        @media (max-width: 1199px) {
          .wizard-4 ul.anchor li:last-child img {
            height: 220px; } }
    .wizard-4 ul.anchor li h4 {
      display: inline-block;
      background-color: rgba(0, 102, 102, 0.2);
      padding: 16px 23px;
      border-radius: 100%;
      position: absolute;
      left: 0;
      top: 6px;
      width: 60px;
      display: flex;
      align-items: center;
      justify-content: center; }
      [dir="rtl"] .wizard-4 ul.anchor li h4 {
        left: unset;
        right: 0; }
    .wizard-4 ul.anchor li a {
      display: block;
      position: relative;
      float: left;
      margin: 0;
      padding: 10px 20px;
      width: 100%;
      box-sizing: border-box;
      text-decoration: none;
      outline-style: none;
      z-index: 1;
      font-size: 18px; }
      .wizard-4 ul.anchor li a small {
        display: block;
        font-size: 14px; }
      .wizard-4 ul.anchor li a .stepNumber {
        position: relative;
        float: left;
        width: 30px;
        text-align: center;
        padding: 5px;
        padding-top: 0; }
      .wizard-4 ul.anchor li a.done h4 {
        color: #fff;
        background: var(--theme-deafult); }
        .wizard-4 ul.anchor li a.done h4:before {
          font-size: 12px;
          position: absolute;
          left: 5px;
          top: -3px;
          content: "\e64c";
          font-family: 'themify';
          background-color: #fff;
          color: var(--theme-deafult);
          border-radius: 15px;
          padding: 2px;
          border: 1px solid; }
      .wizard-4 ul.anchor li a.error {
        color: #898989;
        background: #fe8a7d;
        border: 1px solid #FE6A49; }
        .wizard-4 ul.anchor li a.error:hover {
          color: #000; }

.wizard {
  max-width: 670px;
  margin: 0 auto; }
  .wizard .wizard-content {
    box-shadow: unset;
    background-color: #fff;
    border-radius: 5px; }

.vertical-main-wizard .header-vertical-wizard {
  background-color: var(--light-background);
  height: 100%;
  text-align: unset; }
  .vertical-main-wizard .header-vertical-wizard .nav-link {
    border-bottom: 1px solid var(--recent-border);
    border-radius: 0;
    padding: 20px; }
    .vertical-main-wizard .header-vertical-wizard .nav-link:last-child {
      border-bottom: 0; }

.vertical-main-wizard .nav-pills .nav-link.active {
  background-color: transparent; }

.vertical-main-wizard .nav-pills.show > .nav-link {
  background-color: transparent; }

.vertical-main-wizard .nav-link .vertical-wizard {
  display: flex;
  align-items: center;
  gap: 14px; }
  .vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard {
    width: 33px;
    height: 33px;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: relative;
    border: 1px solid #52526c; }
    .vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard i {
      margin-right: 0;
      color: #52526c; }
  .vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content h6 {
    font-weight: 400;
    line-height: 1;
    color: var(--body-font-color); }
  .vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content p {
    color: var(--text-gray); }

.vertical-main-wizard .nav-link:active, .vertical-main-wizard .nav-link.active {
  background-color: unset; }
  .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard {
    background-color: var(--theme-deafult);
    border: 1px solid var(--theme-deafult); }
    .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard i, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard i {
      color: #fff;
      font-size: 18px; }
    .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard::before, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard::before {
      content: '';
      width: 45px;
      height: 45px;
      border-radius: 50%;
      position: absolute;
      border: 1px solid #006666; }
  .vertical-main-wizard .nav-link:active .vertical-wizard .vertical-wizard-content h6, .vertical-main-wizard .nav-link.active .vertical-wizard .vertical-wizard-content h6 {
    color: var(--theme-deafult); }

.vertical-main-wizard .form-check .form-check-label {
  margin-bottom: 0; }

.vertical-main-wizard .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.basic-wizard .stepper-horizontal {
  display: flex;
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  margin-bottom: 24px; }
  .basic-wizard .stepper-horizontal .step {
    position: relative;
    padding-inline: 24px;
    z-index: 2;
    width: 100%; }
    .basic-wizard .stepper-horizontal .step:first-child {
      padding-left: 0; }
    .basic-wizard .stepper-horizontal .step:last-child {
      padding-right: 0; }
    .basic-wizard .stepper-horizontal .step:last-child .step-bar-left, .basic-wizard .stepper-horizontal .step:last-child .step-bar-right {
      display: none; }
    .basic-wizard .stepper-horizontal .step .step-circle {
      width: 32px;
      height: 32px;
      margin: 0 auto;
      border-radius: 50%;
      text-align: center;
      line-height: 28px;
      font-size: 16px;
      font-weight: 600;
      z-index: 2;
      border: 2px solid #E6E9EB;
      background: var(--white); }
    .basic-wizard .stepper-horizontal .step.done .step-circle {
      background-color: var(--white);
      border: 2px solid #52526c;
      color: #006666;
      z-index: 4;
      position: relative; }
      .basic-wizard .stepper-horizontal .step.done .step-circle:before {
        font-family: 'FontAwesome';
        font-weight: 100;
        content: "\f00c"; }
      .basic-wizard .stepper-horizontal .step.done .step-circle * {
        display: none; }
    .basic-wizard .stepper-horizontal .step.done .step-title {
      color: #52526c; }
    .basic-wizard .stepper-horizontal .step.editing .step-circle {
      background: var(--white);
      border-color: #52526c;
      color: var(--theme-deafult); }
    .basic-wizard .stepper-horizontal .step .step-title {
      margin-top: 8px;
      font-size: 16px;
      font-weight: 600;
      white-space: nowrap;
      color: var(--chart-text-color); }
    .basic-wizard .stepper-horizontal .step .step-title,
    .basic-wizard .stepper-horizontal .step .step-optional {
      text-align: center; }
    .basic-wizard .stepper-horizontal .step .step-bar-left,
    .basic-wizard .stepper-horizontal .step .step-bar-right {
      position: absolute;
      top: calc(32px - 18px);
      height: 4px;
      background-color: rgba(0, 102, 102, 0.2);
      border: solid rgba(0, 102, 102, 0.2);
      border-width: 2px 0; }
    .basic-wizard .stepper-horizontal .step .step-bar-left {
      width: 100%;
      left: 50%;
      z-index: -1; }
      [dir="rtl"] .basic-wizard .stepper-horizontal .step .step-bar-left {
        left: unset;
        right: 50%;
        margin-left: unset;
        margin-right: 1rem; }
    .basic-wizard .stepper-horizontal .step .step-bar-right {
      width: 0;
      left: 50%;
      z-index: -1;
      transition: width 500ms ease-in-out; }
      [dir="rtl"] .basic-wizard .stepper-horizontal .step .step-bar-right {
        right: 50%;
        left: unset; }
    .basic-wizard .stepper-horizontal .step.done .step-bar-right {
      background-color: var(--theme-deafult);
      border-color: var(--theme-deafult);
      z-index: 3;
      width: 100%; }

.basic-wizard form.none {
  display: none; }

.basic-wizard form.block {
  display: block; }

.basic-wizard form .form-check-label {
  margin-bottom: 0; }

.important-validation .form-label span {
  color: #FE6A49; }

.select-size.form-select {
  font-size: 14px; }

.wizard-footer button.disabled {
  background-color: #EAEBF2; }

.wizard-footer button.back {
  background-color: #FFAE1A; }

.successful-form {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding-bottom: 24px; }
  .successful-form img {
    width: 100px;
    height: 100px; }

.inquiries-form h6 {
  margin-bottom: 14px; }

.inquiries-form .choose-option {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .inquiries-form .choose-option .form-check:last-child {
    margin-bottom: 0; }

.form-completed img {
  height: 100px;
  margin: 0 auto;
  display: block; }

.form-completed h6 {
  text-align: center;
  margin-top: 24px; }

.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options {
  padding: 20px;
  background-color: var(--chart-border);
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 14px; }
  @media (max-width: 1182px) {
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options {
      justify-content: flex-start; } }
  .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a {
    display: flex;
    justify-content: center;
    align-items: center; }
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard {
      display: flex;
      justify-content: center;
      align-items: center;
      color: var(--body-font-color);
      transition: all 0.3s ease; }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard .stroke-icon-wizard i {
        font-size: 18px;
        color: var(--body-font-color); }
        [dir="rtl"] .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard .stroke-icon-wizard i {
          margin-right: unset;
          margin-left: 10px; }
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard {
      color: var(--white);
      transition: all 0.3s ease; }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .stroke-icon-wizard i, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .stroke-icon-wizard i {
        color: var(--white); }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .stroke-icon-wizard span, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .stroke-icon-wizard span {
        color: var(--white); }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .horizontal-wizard-content h6, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .horizontal-wizard-content h6 {
        color: #fff; }

.horizontal-wizard-wrapper .main-horizontal-header .form-check {
  margin-bottom: 0; }

.horizontal-wizard-wrapper .bank-search {
  margin-bottom: 22px; }
  @media (max-width: 767px) {
    .horizontal-wizard-wrapper .bank-search {
      margin-bottom: 0; } }
.horizontal-wizard-wrapper .bank-selection {
  padding: 10px 0 0 0; }
  @media (max-width: 401px) {
    .horizontal-wizard-wrapper .bank-selection .radio-wrapper {
      justify-content: center; } }
  .horizontal-wizard-wrapper .bank-selection .radio-wrapper li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; }
    .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label {
      margin-bottom: 0;
      padding: 6px; }
      .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label img {
        height: calc(45px + (52 - 45) * ((100vw - 320px) / (1920 - 320))); }
      .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label span {
        font-size: 14px; }

.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options {
  gap: 12px; }
  @media (max-width: 1400px) {
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options {
      justify-content: flex-start; } }
  .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link {
    color: var(--body-font-color); }
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard {
      gap: 10px; }
      .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard {
        width: 30px;
        height: 30px;
        background-color: rgba(0, 102, 102, 0.2);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 6px; }
        .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard i {
          margin-right: 0; }
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active {
      background-color: unset; }
      .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard {
        color: var(--body-font-color); }
        .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .horizontal-wizard-content h6, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .horizontal-wizard-content h6 {
          color: var(--theme-deafult); }
        .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .stroke-icon-wizard, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .stroke-icon-wizard {
          background-color: var(--theme-deafult); }
          .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .stroke-icon-wizard i, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .stroke-icon-wizard i {
            margin-right: 0;
            color: var(--white); }

.horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li {
  padding: 20px;
  display: grid;
  width: 100%;
  height: 100%;
  place-content: baseline;
  text-align: unset;
  align-items: unset;
  max-width: unset; }
  .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label {
    justify-content: unset;
    display: flex;
    align-items: center; }
    .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label span > span + span {
      font-size: 13px; }
      @media (max-width: 400px) {
        .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label span > span + span {
          display: none; } }
.horizontal-wizard-wrapper.vertical-options .main-horizontal-header {
  padding-bottom: 0; }
  .horizontal-wizard-wrapper.vertical-options .main-horizontal-header .horizontal-options {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px; }

.authentication-options .radio-wrapper {
  display: flex;
  gap: calc(8px + 8 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
  justify-content: center; }
  .authentication-options .radio-wrapper li {
    padding: 20px;
    display: grid;
    width: 100%;
    height: 100%;
    place-content: baseline;
    text-align: unset;
    align-items: unset;
    max-width: unset; }
    .authentication-options .radio-wrapper li .form-check-label {
      display: flex;
      align-items: center;
      text-align: left;
      gap: 14px; }
      @media (max-width: 400px) {
        .authentication-options .radio-wrapper li .form-check-label {
          align-items: baseline; } }
      .authentication-options .radio-wrapper li .form-check-label i {
        padding: 0; }
        [dir="rtl"] .authentication-options .radio-wrapper li .form-check-label i {
          padding: 0; }
      .authentication-options .radio-wrapper li .form-check-label span > span {
        font-size: 16px;
        color: #1f2533;
        font-weight: 500; }
        .authentication-options .radio-wrapper li .form-check-label span > span + span {
          color: var(--text-gray);
          font-size: 14px; }

.main-qr-code .modal-toggle-wrapper .modal-img {
  flex-direction: column;
  align-items: center;
  margin-bottom: 22px; }
  @media (max-width: 480px) {
    .main-qr-code .modal-toggle-wrapper .modal-img {
      align-items: unset; } }
  @media (max-width: 480px) {
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-img {
      text-align: center; } }
  .main-qr-code .modal-toggle-wrapper .modal-img .qr-img img {
    height: 100px;
    width: 100px; }
  .main-qr-code .modal-toggle-wrapper .modal-img .qr-content {
    margin-top: 16px; }
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert {
      align-items: unset; }
      .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert div {
        word-break: break-word; }
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-content i {
      font-size: 20px;
      margin-right: 0; }

.main-qr-code .modal-toggle-wrapper .btn {
  display: block;
  margin: auto;
  margin-top: 12px; }

.authentication-body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: auto;
  text-align: center; }
  .authentication-body img {
    height: calc(200px + (420 - 200) * ((100vw - 320px) / (1920 - 320))); }

.shopping-wizard .shipping-form .shipping-border {
  border-right: 1px solid var(--recent-dashed-border); }
  @media (max-width: 1200px) {
    .shopping-wizard .shipping-form .shipping-border {
      border-right: unset; } }
.shopping-wizard .shipping-form .shipping-options {
  display: flex;
  align-items: center;
  background-color: rgba(0, 102, 102, 0.2);
  flex-wrap: nowrap;
  margin-bottom: 18px; }
  @media (max-width: 768px) {
    .shopping-wizard .shipping-form .shipping-options {
      flex-direction: column; } }
  .shopping-wizard .shipping-form .shipping-options .nav-link {
    width: 100%; }
    @media (min-width: 1200px) and (max-width: 1920px) {
      .shopping-wizard .shipping-form .shipping-options .nav-link {
        padding: calc(8px + (8 - 8) * ((100vw - 300px) / (1920 - 300))) calc(6px + (16 - 6) * ((100vw - 300px) / (1920 - 300))); } }
    .shopping-wizard .shipping-form .shipping-options .nav-link:active i, .shopping-wizard .shipping-form .shipping-options .nav-link.active i {
      background-color: rgba(255, 255, 255, 0.3);
      color: var(--white);
      transition: all 0.3s ease-in-out; }
    .shopping-wizard .shipping-form .shipping-options .nav-link:active h6, .shopping-wizard .shipping-form .shipping-options .nav-link.active h6 {
      color: var(--white); }
  .shopping-wizard .shipping-form .shipping-options .cart-options {
    display: flex;
    align-items: center;
    gap: 11px; }
    .shopping-wizard .shipping-form .shipping-options .cart-options i {
      font-size: 18px;
      color: var(--white);
      width: 40px;
      height: 40px;
      background-color: var(--theme-deafult);
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      margin: 0;
      transition: all 0.3s ease-in-out; }
      @media (min-width: 1200px) and (max-width: 1920px) {
        .shopping-wizard .shipping-form .shipping-options .cart-options i {
          font-size: calc(14px + (18 - 14) * ((100vw - 1200px) / (1920 - 1200)));
          width: calc(30px + (40 - 30) * ((100vw - 1200px) / (1920 - 1200)));
          height: calc(30px + (40 - 30) * ((100vw - 1200px) / (1920 - 1200))); } }
    .shopping-wizard .shipping-form .shipping-options .cart-options h6 {
      color: var(--theme-deafult); }

.shopping-wizard .shipping-form .shipping-info .table thead th {
  white-space: nowrap; }
  .shopping-wizard .shipping-form .shipping-info .table thead th:last-child {
    text-align: end; }

.shopping-wizard .shipping-form .shipping-info .table tbody tr td img {
  height: 50px; }

.shopping-wizard .shipping-form .shipping-info .table tbody tr td:last-child {
  text-align: end; }

.shopping-wizard .shipping-form .shipping-info .table tbody tr td span {
  color: var(--text-gray); }

.shopping-wizard .shipping-form .shipping-info .table tbody tr:last-child td {
  border: 0; }

.shopping-wizard .shipping-form .shipping-info .table tfoot {
  font-weight: 400; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr td {
    white-space: nowrap; }
    .shopping-wizard .shipping-form .shipping-info .table tfoot tr td:first-child {
      max-width: 370px; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr td:last-child {
    min-width: 0;
    text-align: end; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr:first-child {
    font-weight: 500; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr:last-child {
    font-weight: 600; }
    .shopping-wizard .shipping-form .shipping-info .table tfoot tr:last-child td {
      border-bottom: 0; }

.shopping-wizard .shipping-form .shipping-content {
  height: 100%;
  padding: 0; }
  .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title > .btn {
      background: none !important;
      border: 0;
      padding: 0 28px; }
      .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title > .btn i {
        color: var(--theme-deafult); }
  .shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px; }
    .shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address .card-icon {
      display: flex;
      align-items: center;
      gap: 12px; }
      .shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address .card-icon i {
        font-size: 16px;
        color: var(--theme-deafult); }
  .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-address {
    display: flex;
    flex-direction: column;
    gap: 8px; }
    .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-address h6 {
      font-size: 15px;
      font-weight: 500; }
  .shopping-wizard .shipping-form .shipping-content > .active.finish-wizard1 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 55px - 18px); }
    @media (max-width: 768px) {
      .shopping-wizard .shipping-form .shipping-content > .active.finish-wizard1 {
        height: unset; } }
.shopping-wizard .shipping-form .shipping-method p {
  padding-left: 25px;
  color: var(--text-gray); }
  [dir="rtl"] .shopping-wizard .shipping-form .shipping-method p {
    padding-right: 25px;
    padding-left: unset; }

.shopping-wizard .shipping-form .proceed-next {
  transform: scaleX(-1); }

.shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 768px) {
    .shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper {
      justify-content: unset;
      align-items: flex-start;
      flex-direction: column; } }
  .shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper img {
    height: 50px; }

.shopping-wizard .shipping-form .payment-info-wrapper .pay-info {
  display: block; }
  .shopping-wizard .shipping-form .payment-info-wrapper .pay-info > div {
    margin-bottom: 12px;
    display: flex;
    align-items: center; }
    @media (max-width: 768px) {
      .shopping-wizard .shipping-form .payment-info-wrapper .pay-info > div {
        flex-direction: column;
        align-items: flex-start; } }
.shopping-wizard .shipping-form .order-confirm {
  text-align: center; }
  @media (max-width: 1200px) {
    .shopping-wizard .shipping-form .order-confirm {
      margin-bottom: 18px; } }
  .shopping-wizard .shipping-form .order-confirm img {
    height: calc(95px + (140 - 95) * ((100vw - 320px) / (1920 - 320))); }

.avatar-upload {
  flex-direction: column; }
  .avatar-upload div:first-child {
    position: relative;
    max-width: 205px;
    margin: auto; }
    .avatar-upload div:first-child .avatar-edit {
      position: absolute;
      right: 25px;
      z-index: 1;
      top: 4px; }
      .avatar-upload div:first-child .avatar-edit input {
        display: none; }
      .avatar-upload div:first-child .avatar-edit label {
        display: inline-block;
        width: 35px;
        height: 35px;
        margin-bottom: 0;
        border-radius: 100%;
        background: var(--light-bg);
        border: 1px solid transparent;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
        cursor: pointer;
        font-weight: normal;
        transition: all 0.2s ease-in-out; }
        .avatar-upload div:first-child .avatar-edit label::after {
          content: "\f040";
          font-family: 'FontAwesome';
          color: var(--body-font-color);
          position: absolute;
          top: 8px;
          left: 3px;
          right: 0;
          text-align: center;
          margin: auto; }
          [dir="rtl"] .avatar-upload div:first-child .avatar-edit label::after {
            right: 3px;
            left: 0; }
    .avatar-upload div:first-child .avatar-preview {
      width: 150px;
      height: 150px;
      position: relative;
      border-radius: 100%;
      border: 6px solid #F8F8F8;
      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
      margin: auto; }
      .avatar-upload div:first-child .avatar-preview > div {
        background-image: url(/../images/forms/user.png);
        width: 100%;
        height: 100%;
        border-radius: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }
  .avatar-upload h6 {
    text-align: center;
    padding-top: 14px; }

.email-verify .card-wrapper {
  display: grid;
  place-content: center; }
  .email-verify .card-wrapper > div {
    align-items: center; }
  .email-verify .card-wrapper .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.authenticate {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .authenticate span:nth-of-type(1) {
    margin-top: 12px; }
  .authenticate h4 {
    margin-bottom: 12px; }
  .authenticate img {
    height: calc(145px + (200 - 145) * ((100vw - 320px) / (1920 - 320))); }
  .authenticate form {
    flex-direction: column;
    text-align: center; }
    .authenticate form .otp-generate {
      display: flex;
      gap: 12px;
      margin: 14px 0;
      justify-content: center; }
    .authenticate form .form-control {
      width: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
      height: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
      border-radius: 5px;
      text-align: center;
      padding: 0;
      display: block;
      min-width: 0; }
    .authenticate form div {
      display: inline-grid;
      gap: 2px;
      margin-top: 12px; }

.accordion .accordion-item .accordion-body .choose-bank .form-check .form-check-label {
  color: var(--body-font-color); }

/*Form Wizard Four Ends*/
/**=====================
   2.17 Form-wizard CSS Ends
==========================**/
/**=====================
  2.18 Forms CSS Start
==========================**/
.form-label {
  margin-bottom: 4px; }

.col-form-label {
  padding-bottom: 4px; }

.form-space {
  margin-bottom: -10px; }
  .form-space > div {
    margin-bottom: 10px; }

.theme-form .form-control :focus {
  box-shadow: 0 0 0 0.2rem rgba(171, 140, 228, 0.05); }

.theme-form textarea {
  border-color: #efefef; }
  .theme-form textarea::-webkit-input-placeholder {
    color: #898989;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 100; }

.theme-form input[type=text],
.theme-form input[type=email],
.theme-form input[type=search],
.theme-form input[type=password],
.theme-form input[type=number],
.theme-form input[type=tel],
.theme-form input[type=date],
.theme-form input[type=datetime-local],
.theme-form input[type=time],
.theme-form input[type=datetime-local],
.theme-form input[type=month],
.theme-form input[type=week],
.theme-form input[type=url],
.theme-form input[type=file],
.theme-form textarea,
.theme-form select {
  border-color: #E6E9EB;
  background-color: #fff;
  font-size: 14px;
  color: #898989;
  padding: 10px;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .theme-form input[type=text]::placeholder,
  .theme-form input[type=email]::placeholder,
  .theme-form input[type=search]::placeholder,
  .theme-form input[type=password]::placeholder,
  .theme-form input[type=number]::placeholder,
  .theme-form input[type=tel]::placeholder,
  .theme-form input[type=date]::placeholder,
  .theme-form input[type=datetime-local]::placeholder,
  .theme-form input[type=time]::placeholder,
  .theme-form input[type=datetime-local]::placeholder,
  .theme-form input[type=month]::placeholder,
  .theme-form input[type=week]::placeholder,
  .theme-form input[type=url]::placeholder,
  .theme-form input[type=file]::placeholder,
  .theme-form textarea::placeholder,
  .theme-form select::placeholder {
    color: #898989;
    font-weight: 500; }
  .theme-form input[type=text]::-webkit-input-placeholder,
  .theme-form input[type=email]::-webkit-input-placeholder,
  .theme-form input[type=search]::-webkit-input-placeholder,
  .theme-form input[type=password]::-webkit-input-placeholder,
  .theme-form input[type=number]::-webkit-input-placeholder,
  .theme-form input[type=tel]::-webkit-input-placeholder,
  .theme-form input[type=date]::-webkit-input-placeholder,
  .theme-form input[type=datetime-local]::-webkit-input-placeholder,
  .theme-form input[type=time]::-webkit-input-placeholder,
  .theme-form input[type=datetime-local]::-webkit-input-placeholder,
  .theme-form input[type=month]::-webkit-input-placeholder,
  .theme-form input[type=week]::-webkit-input-placeholder,
  .theme-form input[type=url]::-webkit-input-placeholder,
  .theme-form input[type=file]::-webkit-input-placeholder,
  .theme-form textarea::-webkit-input-placeholder,
  .theme-form select::-webkit-input-placeholder {
    color: #86909C;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 100; }

.theme-form input[type=text]::placeholder {
  color: #86909C;
  font-size: 14px; }

.theme-form input[type=file] {
  height: auto; }

.theme-form select.form-control:not([size]):not([multiple]) {
  border-color: #efefef;
  font-size: 14px; }

.theme-form .checkbox label {
  padding-left: 10px; }
  [dir="rtl"] .theme-form .checkbox label {
    padding-right: 10px;
    padding-left: unset; }

.theme-form .form-divider {
  position: relative;
  clear: both;
  height: 0;
  margin: 30px 0;
  border-top: 1px solid #efefef; }
  .theme-form .form-divider:before {
    position: absolute;
    top: -11px;
    left: 40%;
    margin-left: -10px;
    padding: 0 5px;
    content: "Or Signup With";
    color: #242934;
    background: #fff; }
    [dir="rtl"] .theme-form .form-divider:before {
      left: unset;
      right: 40%;
      margin-left: unset;
      margin-right: -10px; }

.theme-form .login-divider {
  position: relative;
  clear: both;
  height: 0;
  margin: 30px 0;
  border-top: 1px solid #efefef; }
  .theme-form .login-divider:before {
    position: absolute;
    top: -11px;
    left: 40%;
    margin-left: -10px;
    padding: 0 5px;
    color: #242934;
    background: #fff;
    content: "Or Login With"; }
    [dir="rtl"] .theme-form .login-divider:before {
      left: unset;
      right: 40%;
      margin-left: unset;
      margin-right: -10px; }

.theme-form .btn-fb,
.theme-form .btn-twitter,
.theme-form .btn-google,
.theme-form .btn-linkedin {
  color: #fff;
  width: 100%; }

.theme-form .btn-fb {
  background-color: #50598e; }

.theme-form .btn-twitter {
  background-color: #6fa2d8; }

.theme-form .btn-google {
  background-color: #c64e40; }

.theme-form .btn-linkedin {
  background-color: #0077B5; }

.form-inline {
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0; }
  .form-inline .col-form-label {
    margin-right: 5px; }
    [dir="rtl"] .form-inline .col-form-label {
      margin-left: 5px;
      margin-right: unset; }

.search-form .form-group:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 25px;
  background: #e8ebf2;
  left: 82px;
  top: 50px; }
  [dir="rtl"] .search-form .form-group:before {
    left: unset;
    right: 82px; }

.search-form .form-group:after {
  position: absolute;
  content: "\f002";
  font-family: "FontAwesome";
  top: 53px;
  left: 53px;
  color: #8e8e8e; }
  [dir="rtl"] .search-form .form-group:after {
    left: unset;
    right: 53px; }

.search-form input {
  border: 1px solid #efefef;
  padding: 10px 10px 10px 70px;
  border-radius: 10px;
  background-color: rgba(230, 233, 235, 0.3); }
  [dir="rtl"] .search-form input {
    padding: 10px 70px 10px 10px; }
  .search-form input:focus {
    outline: none !important; }

.form-label-align-right label {
  text-align: right;
  padding-top: 17px;
  font-weight: 500; }

.custom-input.was-validated .form-control:valid,
.custom-input.was-validated .form-select:valid {
  border-color: #00AC46; }

.custom-input.was-validated .form-control:invalid,
.custom-input.was-validated .form-select:invalid {
  border-color: #FE6A49; }

.custom-input .valid-tooltip {
  background-color: #00AC46; }

.custom-input .invalid-tooltip {
  background-color: rgba(254, 106, 73, 0.8); }

.custom-input .invalid-feedback {
  color: #FE6A49 !important; }

.custom-input .form-check .form-check-input:valid {
  border-color: #00AC46; }

.custom-input .form-check .form-check-input:invalid {
  border-color: #FE6A49; }

.custom-input .form-check .form-check-input:invalid ~ .form-check-label {
  color: #FE6A49; }

.custom-input .form-check .form-check-input:valid ~ .form-check-label {
  color: #00AC46; }

.custom-input .form-check .form-check-input:checked {
  background-color: #00AC46; }

.custom-input .form-check .invalid-feedback {
  color: #FE6A49; }

.custom-input #validationCustom03.form-control,
.custom-input #validationCustom03 .form-select,
.custom-input #validationCustom05.form-control,
.custom-input #validationCustom05 .form-select,
.custom-input #validationCustomUsername.form-control,
.custom-input #validationCustomUsername .form-select {
  border-color: #E6E9EB; }

.custom-input #validationCustom03.was-validated .form-control:valid,
.custom-input #validationCustom03.was-validated .form-select:valid,
.custom-input #validationCustom05.was-validated .form-control:valid,
.custom-input #validationCustom05.was-validated .form-select:valid,
.custom-input #validationCustomUsername.was-validated .form-control:valid,
.custom-input #validationCustomUsername.was-validated .form-select:valid {
  border-color: #00AC46 !important; }

.custom-input #validationCustom03.was-validated .form-control:invalid,
.custom-input #validationCustom03.was-validated .form-select:invalid,
.custom-input #validationCustom05.was-validated .form-control:invalid,
.custom-input #validationCustom05.was-validated .form-select:invalid,
.custom-input #validationCustomUsername.was-validated .form-control:invalid,
.custom-input #validationCustomUsername.was-validated .form-select:invalid {
  border-color: #FE6A49 !important; }

[dir="rtl"] .custom-input .form-check.form-switch .form-check-input {
  margin-left: 7px; }

.form-check-reverse {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding: 0; }
  .form-check-reverse .form-check-input {
    float: left;
    margin-right: 0;
    margin-left: 10px; }

.checkbox-checked.card-wrapper h6.sub-title {
  font-weight: 600;
  font-size: 17px; }

.checkbox-checked .form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-checked .form-check-input:focus {
  border-color: #006666;
  box-shadow: 0 0 0 4px rgba(0, 102, 102, 0.25); }

.checkbox-checked .card-wrapper .form-check:last-child {
  min-height: 0;
  margin-bottom: 0; }
  .checkbox-checked .card-wrapper .form-check:last-child label {
    margin-bottom: 0; }

.form-check-size {
  display: flex;
  gap: 22px;
  align-items: center;
  flex-wrap: wrap; }
  .form-check-size .form-check-inline {
    margin: 0;
    min-height: 0; }
    [dir="rtl"] .form-check-size .form-check-inline {
      margin: 0; }
    .form-check-size .form-check-inline .form-check-input {
      width: 18px;
      height: 18px;
      margin-top: 0; }
    .form-check-size .form-check-inline .check-size {
      width: 36px;
      height: 18px;
      margin-top: 0; }
    .form-check-size .form-check-inline label {
      margin: 0; }

.main-img-checkbox .img-checkbox {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }
  .main-img-checkbox .img-checkbox .main-img-cover {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 24px;
    height: 24px; }
    [dir="rtl"] .main-img-checkbox .img-checkbox .main-img-cover {
      left: unset;
      right: 15px; }
  .main-img-checkbox .img-checkbox .form-check-label {
    width: 100%; }
  .main-img-checkbox .img-checkbox img {
    width: 100%;
    height: 220px;
    object-fit: cover; }

.main-icon-checkbox.checkbox label {
  margin-top: 0; }
  .main-icon-checkbox.checkbox label::before {
    content: '';
    width: 100%;
    height: 100%;
    margin-left: 1px;
    background-color: transparent;
    top: 0;
    display: block; }
    [dir="rtl"] .main-icon-checkbox.checkbox label::before {
      margin-left: unset;
      margin-right: 1px; }

.main-icon-checkbox.checkbox-primary input[type=checkbox]:checked + label::before {
  color: transparent;
  border: 2px solid #006666; }

.main-icon-checkbox.checkbox-primary input[type=checkbox] {
  opacity: 1; }

.main-icon-checkbox.checkbox-primary .form-check-input {
  border: 1px solid #E6E9EB; }
  .main-icon-checkbox.checkbox-primary .form-check-input.checkbox-shadow:focus {
    box-shadow: none; }
  .main-icon-checkbox.checkbox-primary .form-check-input[type=checkbox]:checked {
    background-image: none; }

.main-radio-toggle .btn,
.main-checkbox-toggle .btn {
  margin-bottom: 0; }

.radio-wrapper,
.checkbox-wrapper {
  display: flex;
  gap: calc(8px + (16 - 8) * ((100vw - 320px) / (1920 - 320)));
  flex-wrap: wrap;
  justify-content: center; }
  @media (max-width: 1200px) {
    .radio-wrapper,
    .checkbox-wrapper {
      justify-content: unset; } }
  .radio-wrapper li,
  .checkbox-wrapper li {
    position: relative;
    width: 100%;
    padding: 12px;
    border: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 130px; }
    @media (max-width: 1335px) {
      .radio-wrapper li,
      .checkbox-wrapper li {
        max-width: 113px; } }
    @media (max-width: 1232px) {
      .radio-wrapper li,
      .checkbox-wrapper li {
        padding: 10px;
        max-width: 105px; } }
    .radio-wrapper li .form-check-input,
    .checkbox-wrapper li .form-check-input {
      position: absolute;
      width: 100%;
      height: 100%;
      float: none;
      margin: 0;
      top: 0;
      left: 0;
      opacity: 1;
      border-radius: 0;
      background-color: transparent;
      border: 1px solid #E6E9EB; }
      .radio-wrapper li .form-check-input:focus,
      .checkbox-wrapper li .form-check-input:focus {
        box-shadow: none; }
      .radio-wrapper li .form-check-input[type=radio],
      .checkbox-wrapper li .form-check-input[type=radio] {
        opacity: 1; }
      .radio-wrapper li .form-check-input:checked,
      .checkbox-wrapper li .form-check-input:checked {
        border: 2px solid #006666;
        background-color: transparent; }
        .radio-wrapper li .form-check-input[type=radio]:checked,
        .checkbox-wrapper li .form-check-input[type=radio]:checked {
          background-image: none;
          box-shadow: unset; }
    .radio-wrapper li .form-check-label,
    .checkbox-wrapper li .form-check-label {
      position: unset;
      padding: 0;
      margin-bottom: 0; }
      .radio-wrapper li .form-check-label:after,
      .checkbox-wrapper li .form-check-label:after {
        content: none; }
      .radio-wrapper li .form-check-label::before,
      .checkbox-wrapper li .form-check-label::before {
        content: none; }
      .radio-wrapper li .form-check-label i,
      .checkbox-wrapper li .form-check-label i {
        font-size: 18px;
        padding-right: 8px; }
        [dir="rtl"] .radio-wrapper li .form-check-label i, [dir="rtl"] .checkbox-wrapper li .form-check-label i {
          padding-right: 0;
          padding-left: 8px; }
      .radio-wrapper li .form-check-label span,
      .checkbox-wrapper li .form-check-label span {
        font-size: 16px; }

[dir="rtl"] .rtl-input .form-check.form-check-inline {
  padding: 0; }

[dir="rtl"] .rtl-input .form-check.form-switch {
  padding-right: 40px; }

[dir="rtl"] .rtl-input .form-check.form-switch .form-check-input {
  margin-left: unset;
  margin-right: -40px;
  float: right; }

.radio-form {
  display: flex;
  gap: 18px;
  flex-wrap: wrap; }
  .radio-form .form-check {
    min-height: 0;
    margin-bottom: 0; }
    .radio-form .form-check .form-check-label {
      margin-bottom: 0; }

.basic-form {
  position: relative; }
  .basic-form svg {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%); }
    [dir="rtl"] .basic-form svg {
      right: 0;
      left: 12px; }
    .basic-form svg.stroke-icon {
      width: 25px;
      height: 25px;
      stroke: #2c323f;
      position: absolute;
      top: 50%;
      right: 12px;
      transform: translateY(-50%); }
      [dir="rtl"] .basic-form svg.stroke-icon {
        right: unset;
        left: 12px; }

.form-check {
  margin-bottom: 0; }

.theme-form .custom-input .row .col .row:last-child label {
  margin: 0; }

.theme-form.dark-inputs input::file-selector-button {
  border-radius: 30px; }

[dir="rtl"] .theme-form .form-floating > label {
  left: unset;
  right: 0; }

/**=====================
  2.18 Forms CSS Ends
==========================**/
/**=====================
	2.19 Icons CSS Start
==========================**/
.icon-lists div {
  cursor: pointer;
  line-height: 60px;
  white-space: nowrap;
  border-radius: 4px;
  display: flex;
  align-items: center; }
  .icon-lists div:hover {
    background-color: var(--light-background); }
  .icon-lists div i {
    margin: 0 15px 0 10px;
    font-size: 24px; }

.icon-lists.whether-icon svg {
  height: 50px;
  width: 50px; }

.icon-lists.feather-icons .media svg {
  margin: 0 15px 0 10px; }

.icon-lists .feather-icon .icon-first h6 {
  display: none; }

.flag-icons,
.feather-icons {
  margin-bottom: -15px;
  margin-top: -15px; }
  .flag-icons div,
  .feather-icons div {
    line-height: 1;
    word-wrap: break-word;
    overflow: auto; }
    .flag-icons div .flag-icon,
    .feather-icons div .flag-icon {
      height: 50px;
      width: 50px; }
    .flag-icons div .media,
    .feather-icons div .media {
      padding-top: 15px;
      padding-bottom: 15px;
      width: 100%; }
    .flag-icons div .media-body h6,
    .feather-icons div .media-body h6 {
      margin-bottom: 0;
      font-size: 14px;
      font-weight: 400;
      max-width: 100%;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .flag-icons div .media-body h5,
    .feather-icons div .media-body h5 {
      background-color: var(--theme-deafult);
      display: inline-block;
      padding: 3px 5px;
      font-size: 11px;
      border-radius: 3px;
      margin-bottom: 5px;
      margin-right: 5px;
      color: #fff; }
      [dir="rtl"] .flag-icons div .media-body h5, [dir="rtl"] .feather-icons div .media-body h5 {
        margin-left: 5px;
        margin-right: unset; }

.icon-hover-bottom {
  background-color: #fdfeff;
  width: 100%;
  bottom: 0;
  left: 0;
  box-shadow: 0px 0px 1px 1px #E6E9EB;
  z-index: 999; }
  .icon-hover-bottom .icon-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 20px; }
    .icon-hover-bottom .icon-popup .close-icon {
      position: absolute;
      right: 10px;
      top: 10px;
      font-size: 20px;
      color: #E6E9EB;
      cursor: pointer; }
      [dir="rtl"] .icon-hover-bottom .icon-popup .close-icon {
        right: unset;
        left: 10px; }
    .icon-hover-bottom .icon-popup > div {
      display: inline-block; }
      .icon-hover-bottom .icon-popup > div .flag-icon {
        width: 60px;
        height: 60px; }
    .icon-hover-bottom .icon-popup .icon-class {
      margin: 0 20px;
      cursor: pointer; }
    .icon-hover-bottom .icon-popup .icon-last .form-inline .form-group {
      display: initial; }
  .icon-hover-bottom .icon-title {
    display: block;
    color: #2c323f;
    text-transform: uppercase;
    font-weight: 500; }
  .icon-hover-bottom span,
  .icon-hover-bottom label,
  .icon-hover-bottom .btn {
    font-family: "Montserrat", sans-serif; }
  .icon-hover-bottom .form-group input {
    display: inline-block;
    width: 300px;
    background-color: #fff;
    font-family: "Montserrat", sans-serif; }

.fa-fa-icon-show-div,
.icons-show-div {
  display: none; }

.icon-first i {
  color: #898989; }

.icon-first h6 {
  display: none; }

/**=====================
    2.19 Icons CSS Ends
==========================**/
/**=====================
   2.20 List CSS Start
==========================**/
.list-group-item.active {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }

.list-group i {
  margin-right: 10px; }

.list-group img {
  height: 40px;
  width: 40px;
  margin-right: 10px; }

.list-light-primary {
  background-color: rgba(0, 102, 102, 0.2); }
  .list-light-primary:hover, .list-light-primary:active, .list-light-primary.active, .list-light-primary:focus {
    border: none;
    outline: unset;
    background-color: rgba(0, 102, 102, 0.2) !important; }

.list-hover-primary {
  background-color: unset; }
  .list-hover-primary:hover, .list-hover-primary:active, .list-hover-primary.active, .list-hover-primary:focus {
    background-color: rgba(0, 102, 102, 0.2);
    color: #2c323f;
    z-index: 0; }

.list-light-secondary {
  background-color: rgba(254, 106, 73, 0.3); }
  .list-light-secondary:hover, .list-light-secondary:active, .list-light-secondary.active, .list-light-secondary:focus {
    border: none;
    outline: unset;
    background-color: rgba(254, 106, 73, 0.3) !important; }

.list-hover-secondary {
  background-color: unset; }
  .list-hover-secondary:hover, .list-hover-secondary:active, .list-hover-secondary.active, .list-hover-secondary:focus {
    background-color: rgba(254, 106, 73, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-success {
  background-color: rgba(0, 172, 70, 0.3); }
  .list-light-success:hover, .list-light-success:active, .list-light-success.active, .list-light-success:focus {
    border: none;
    outline: unset;
    background-color: rgba(0, 172, 70, 0.3) !important; }

.list-hover-success {
  background-color: unset; }
  .list-hover-success:hover, .list-hover-success:active, .list-hover-success.active, .list-hover-success:focus {
    background-color: rgba(0, 172, 70, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-warning {
  background-color: rgba(255, 174, 26, 0.3); }
  .list-light-warning:hover, .list-light-warning:active, .list-light-warning.active, .list-light-warning:focus {
    border: none;
    outline: unset;
    background-color: rgba(255, 174, 26, 0.3) !important; }

.list-hover-warning {
  background-color: unset; }
  .list-hover-warning:hover, .list-hover-warning:active, .list-hover-warning.active, .list-hover-warning:focus {
    background-color: rgba(255, 174, 26, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-info {
  background-color: rgba(23, 56, 120, 0.3); }
  .list-light-info:hover, .list-light-info:active, .list-light-info.active, .list-light-info:focus {
    border: none;
    outline: unset;
    background-color: rgba(23, 56, 120, 0.3) !important; }

.list-hover-info {
  background-color: unset; }
  .list-hover-info:hover, .list-hover-info:active, .list-hover-info.active, .list-hover-info:focus {
    background-color: rgba(23, 56, 120, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-light {
  background-color: #F9F9FB; }
  .list-light-light:hover, .list-light-light:active, .list-light-light.active, .list-light-light:focus {
    border: none;
    outline: unset;
    background-color: #F9F9FB !important; }

.list-hover-light {
  background-color: unset; }
  .list-hover-light:hover, .list-hover-light:active, .list-hover-light.active, .list-hover-light:focus {
    background-color: #F9F9FB;
    color: #2c323f;
    z-index: 0; }

.list-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }
  .list-light-danger:hover, .list-light-danger:active, .list-light-danger.active, .list-light-danger:focus {
    border: none;
    outline: unset;
    background-color: rgba(254, 106, 73, 0.3) !important; }

.list-hover-danger {
  background-color: unset; }
  .list-hover-danger:hover, .list-hover-danger:active, .list-hover-danger.active, .list-hover-danger:focus {
    background-color: rgba(254, 106, 73, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-dark {
  background-color: #EAEBF2; }
  .list-light-dark:hover, .list-light-dark:active, .list-light-dark.active, .list-light-dark:focus {
    border: none;
    outline: unset;
    background-color: #EAEBF2 !important; }

.list-hover-dark {
  background-color: unset; }
  .list-hover-dark:hover, .list-hover-dark:active, .list-hover-dark.active, .list-hover-dark:focus {
    background-color: #EAEBF2;
    color: #2c323f;
    z-index: 0; }

.horizontal-list-wrapper .list-group .list-group-item {
  padding: 8px; }

.list-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap; }
  @media (max-width: 414px) {
    .list-wrapper {
      flex-wrap: unset;
      word-break: break-word; } }
  @media (max-width: 366px) {
    .list-wrapper {
      padding-bottom: 8px; } }
  .list-wrapper .list-img {
    width: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));
    height: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 10px;
    border-radius: 50%; }
  .list-wrapper .list-content p {
    margin-bottom: 0; }

.scrollbar-wrapper {
  max-height: 270px;
  overflow: auto; }

@media (max-width: 480px) {
  .main-lists-content small {
    display: none; } }

@media (max-width: 1199px) {
  .list-behavior-1 {
    gap: 12px; } }

@media (max-width: 575px) {
  .list-behavior-1:first-child {
    margin-bottom: 14px; } }

@media (max-width: 1999px) {
  .list-behavior-1 img {
    height: 86px; } }

@media (max-width: 992px) {
  .list-behavior-1 img {
    height: 70px; } }

.list-behavior-1 .flex-grow-1 {
  margin-left: 16px; }
  @media (max-width: 1199px) {
    .list-behavior-1 .flex-grow-1 {
      margin-left: 0; }
      .list-behavior-1 .flex-grow-1 p {
        display: block;
        display: -webkit-box;
        max-width: 100%;
        margin: 0 auto;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; } }
  [dir="rtl"] .list-behavior-1 .flex-grow-1 {
    margin-right: 16px;
    margin-left: unset; }

.list-behaviors > div:nth-child(even) .flex-grow-1 {
  order: -1;
  margin-left: unset;
  margin-right: 16px; }
  @media (max-width: 1199px) {
    .list-behaviors > div:nth-child(even) .flex-grow-1 {
      margin-left: 0;
      margin-right: 0;
      order: unset; } }
.list-group .list-group-item {
  padding: 11px 16px; }
  .list-group .list-group-item .form-check-input:focus {
    box-shadow: unset !important; }
  [dir="rtl"] .list-group .list-group-item i {
    margin-left: 10px;
    margin-right: unset; }

@media (max-width: 1216px) {
  .contact-profile {
    background-color: unset; }
    .contact-profile.list-light-dark:hover {
      background-color: unset; } }

.badge-list .list-group-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap; }
  .badge-list .list-group-item div {
    margin-right: auto;
    margin-left: 8px; }
    [dir="rtl"] .badge-list .list-group-item div {
      margin-left: auto;
      margin-right: 8px; }

/**=====================
   2.20 List CSS Ends
==========================**/
/**=====================
    2.21 Loader CSS Start
==========================**/
.loader-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  background-color: #fff;
  z-index: 11;
  top: 0; }
  .loader-wrapper .loader4 {
    position: relative;
    color: var(--theme-deafult);
    font-size: 50px;
    text-indent: -9999em;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    transform: translateZ(0);
    animation: loader4 1.7s infinite ease,  loader4Round 1.7s infinite ease;
    overflow: hidden; }

@keyframes loader4 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } }

@keyframes loader4Round {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/**=====================
    2.21 Loader CSS Ends
==========================**/
/**=====================
    2.22 Modal CSS start
==========================**/
.modal-toggle-wrapper .form-control::placeholder {
  font-size: 13px; }

.modal-toggle-wrapper .modal-img {
  display: flex;
  justify-content: center; }
  .modal-toggle-wrapper .modal-img img {
    width: 200px;
    height: 200px; }
    @media (max-width: 992px) {
      .modal-toggle-wrapper .modal-img img {
        width: calc(136px + (200 - 136) * ((100vw - 320px) / (992 - 320)));
        height: calc(136px + (200 - 136) * ((100vw - 320px) / (992 - 320))); } }
  .modal-toggle-wrapper .modal-img li img {
    width: 100px;
    height: 100px; }
    @media (max-width: 992px) {
      .modal-toggle-wrapper .modal-img li img {
        width: calc(75px + (100 - 75) * ((100vw - 320px) / (992 - 320)));
        height: calc(75px + (100 - 75) * ((100vw - 320px) / (992 - 320))); } }
  .modal-toggle-wrapper .modal-img li + li {
    margin-left: -39px; }

.modal-toggle-wrapper button svg {
  width: 16px;
  height: 16px; }

.large-modal-header,
.large-modal-body {
  display: flex;
  align-items: center;
  color: #2c323f; }
  .large-modal-header svg,
  .large-modal-body svg {
    width: 20px;
    height: 20px; }

.modal-padding-space {
  padding-left: 20px; }

.svg-modal {
  width: 15px;
  height: 15px;
  stroke: #FE6A49;
  vertical-align: middle; }

.card-wrapper .modal-heading h5 {
  font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1400 - 320))); }

@media (min-width: 750px) and (max-width: 1200px) {
  .card-wrapper .balance-modal {
    display: flex;
    flex-direction: column; } }

.modal-footer .btn {
  margin: 0 4px; }

.modal-content .modal-header .btn-close:focus {
  box-shadow: unset; }

.modal-details h6 {
  padding-bottom: 12px; }

.modal-details .web-content {
  margin-bottom: 16px; }
  .modal-details .web-content .d-flex p {
    padding-bottom: 8px; }
  .modal-details .web-content .d-flex:last-child p {
    padding-bottom: 0; }
  .modal-details .web-content:last-child {
    margin-bottom: 0; }

/**=====================
    2.22 Modal CSS end
==========================**/
/**=====================
  2.23 Popover CSS Start
==========================**/
.popover-header {
  background-color: #2c323f;
  color: #fff; }

.popover-main .btn-showcase a {
  color: #fff; }

.popover-main .btn-showcase button:last-child {
  margin-right: 0; }

/**=====================
  2.23 Popover CSS Ends
==========================**/
/**=====================
  2.24 Print CSS Start
==========================**/
@media print {
  .sidebar-wrapper,
  .page-header {
    display: none; }
  .page-body {
    margin: 0 !important; }
  .page-wrapper .page-title {
    visibility: hidden; }
  .page-wrapper .page-body-wrapper .page-title {
    display: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin: 0; }
  .customizer-links {
    display: none; }
  table.fixedHeader-floating {
    display: none; }
  .email-left-aside {
    display: none; }
  .footer {
    display: none; } }

.invoice-table {
  margin-top: 16px;
  margin-bottom: 16px; }

.invoice .text-right input {
  margin-top: 6px; }

.invoice .media {
  align-items: center; }

/**=====================
  2.24 Print CSS Ends
==========================**/
/**=====================
    2.25 Radio CSS Start
==========================**/
.animate-chk label {
  line-height: 1.6;
  cursor: pointer; }
  .animate-chk label:last-child {
    margin-bottom: 0; }

.checkbox_animated {
  cursor: pointer;
  position: relative;
  margin: 0 1rem 0 0; }
  .checkbox_animated:before {
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: rotate(-45deg) scale(0, 0);
    content: "";
    position: absolute;
    left: 0.25rem;
    top: 0.225rem;
    z-index: 1;
    width: 0.75rem;
    height: 0.375rem;
    border: 2px solid var(--theme-deafult);
    border-top-style: none;
    border-right-style: none; }
  .checkbox_animated:after {
    content: "";
    position: absolute;
    top: -0.125rem;
    left: 0;
    width: 1.3rem;
    height: 1.3rem;
    background: #fff;
    border: 2px solid #ecf3fa;
    cursor: pointer; }
  .checkbox_animated:checked:before {
    transform: rotate(-45deg) scale(1, 1); }

.radio_animated {
  position: relative;
  margin: 0 1rem 0 0;
  cursor: pointer; }
  .radio_animated:before {
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: scale(0, 0);
    content: "";
    position: absolute;
    top: 0;
    left: 0.125rem;
    z-index: 1;
    width: 0.75rem;
    height: 0.75rem;
    background: var(--theme-deafult);
    border-radius: 50%; }
  .radio_animated:after {
    content: "";
    position: absolute;
    top: -0.25rem;
    left: -0.125rem;
    width: 1.25rem;
    height: 1.25rem;
    background: #fff;
    border: 2px solid #ecf3fa;
    border-radius: 50%; }
  .radio_animated:checked:before {
    transform: scale(1, 1); }

.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 16px;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 10px; }
  .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    margin-left: -16px;
    border: 1px solid #efefef;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
  .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #242934; }

.checkbox input[type="checkbox"] {
  opacity: 0; }
  .checkbox input[type="checkbox"]:focus {
    outline-offset: -2px; }
    .checkbox input[type="checkbox"]:focus + label::before {
      outline-offset: -2px; }

.checkbox input[type="checkbox"]:checked + label::before {
  font-family: themify;
  content: "\e64c";
  text-align: center;
  line-height: 1.2; }

.checkbox input[type="checkbox"]:disabled + label {
  opacity: 0.65; }
  .checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #E6E9EB;
    cursor: not-allowed; }

.checkbox .checkbox-circle label::before {
  border-radius: 50%; }

.checkbox .checkbox-inline {
  margin-top: 0; }

.m-squar label::before {
  border-radius: 0; }

.m-squar .checkbox-circle label::before {
  border-radius: 50%; }

.m-squar .checkbox-inline {
  margin-top: 0; }

.checkbox-primary label::before {
  border-color: var(--theme-deafult); }

.checkbox-primary input[type="checkbox"]:checked + label::before {
  border-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-primary label:before {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  color: #fff; }

.checkbox-solid-primary input[type="checkbox"]:checked + label::before {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  color: #fff; }

.checkbox-solid-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-primary input[type="radio"] + label::before {
  border-color: var(--theme-deafult); }

.radio-primary input[type="radio"] + label::after {
  background-color: var(--theme-deafult); }

.radio-primary input[type="radio"]:checked + label::before {
  border-color: var(--theme-deafult); }

.radio-primary input[type="radio"]:checked + label::after {
  background-color: var(--theme-deafult); }

.checkbox-secondary label::before {
  border-color: #FE6A49; }

.checkbox-secondary input[type="checkbox"]:checked + label::before {
  border-color: #FE6A49;
  color: #FE6A49; }

.checkbox-secondary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-secondary label:before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-secondary input[type="checkbox"]:checked + label::before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-secondary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-secondary input[type="radio"] + label::before {
  border-color: #FE6A49; }

.radio-secondary input[type="radio"] + label::after {
  background-color: #FE6A49; }

.radio-secondary input[type="radio"]:checked + label::before {
  border-color: #FE6A49; }

.radio-secondary input[type="radio"]:checked + label::after {
  background-color: #FE6A49; }

.checkbox-success label::before {
  border-color: #00AC46; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  border-color: #00AC46;
  color: #00AC46; }

.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-success label:before {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fff; }

.checkbox-solid-success input[type="checkbox"]:checked + label::before {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fff; }

.checkbox-solid-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-success input[type="radio"] + label::before {
  border-color: #00AC46; }

.radio-success input[type="radio"] + label::after {
  background-color: #00AC46; }

.radio-success input[type="radio"]:checked + label::before {
  border-color: #00AC46; }

.radio-success input[type="radio"]:checked + label::after {
  background-color: #00AC46; }

.checkbox-danger label::before {
  border-color: #FE6A49; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  border-color: #FE6A49;
  color: #FE6A49; }

.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-danger label:before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-danger input[type="checkbox"]:checked + label::before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-danger input[type="radio"] + label::before {
  border-color: #FE6A49; }

.radio-danger input[type="radio"] + label::after {
  background-color: #FE6A49; }

.radio-danger input[type="radio"]:checked + label::before {
  border-color: #FE6A49; }

.radio-danger input[type="radio"]:checked + label::after {
  background-color: #FE6A49; }

.checkbox-info label::before {
  border-color: #173878; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  border-color: #173878;
  color: #173878; }

.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-info label:before {
  background-color: #173878;
  border-color: #173878;
  color: #fff; }

.checkbox-solid-info input[type="checkbox"]:checked + label::before {
  background-color: #173878;
  border-color: #173878;
  color: #fff; }

.checkbox-solid-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-info input[type="radio"] + label::before {
  border-color: #173878; }

.radio-info input[type="radio"] + label::after {
  background-color: #173878; }

.radio-info input[type="radio"]:checked + label::before {
  border-color: #173878; }

.radio-info input[type="radio"]:checked + label::after {
  background-color: #173878; }

.checkbox-light label::before {
  border-color: #E6E9EB; }

.checkbox-light input[type="checkbox"]:checked + label::before {
  border-color: #E6E9EB;
  color: #E6E9EB; }

.checkbox-light input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-light label:before {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fff; }

.checkbox-solid-light input[type="checkbox"]:checked + label::before {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fff; }

.checkbox-solid-light input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-light input[type="radio"] + label::before {
  border-color: #E6E9EB; }

.radio-light input[type="radio"] + label::after {
  background-color: #E6E9EB; }

.radio-light input[type="radio"]:checked + label::before {
  border-color: #E6E9EB; }

.radio-light input[type="radio"]:checked + label::after {
  background-color: #E6E9EB; }

.checkbox-dark label::before {
  border-color: #2c323f; }

.checkbox-dark input[type="checkbox"]:checked + label::before {
  border-color: #2c323f;
  color: #2c323f; }

.checkbox-dark input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-dark label:before {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fff; }

.checkbox-solid-dark input[type="checkbox"]:checked + label::before {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fff; }

.checkbox-solid-dark input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-dark input[type="radio"] + label::before {
  border-color: #2c323f; }

.radio-dark input[type="radio"] + label::after {
  background-color: #2c323f; }

.radio-dark input[type="radio"]:checked + label::before {
  border-color: #2c323f; }

.radio-dark input[type="radio"]:checked + label::after {
  background-color: #2c323f; }

.checkbox-warning label::before {
  border-color: #FFAE1A; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  border-color: #FFAE1A;
  color: #FFAE1A; }

.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-warning label:before {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fff; }

.checkbox-solid-warning input[type="checkbox"]:checked + label::before {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fff; }

.checkbox-solid-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-warning input[type="radio"] + label::before {
  border-color: #FFAE1A; }

.radio-warning input[type="radio"] + label::after {
  background-color: #FFAE1A; }

.radio-warning input[type="radio"]:checked + label::before {
  border-color: #FFAE1A; }

.radio-warning input[type="radio"]:checked + label::after {
  background-color: #FFAE1A; }

.m-checkbox-inline .checkbox {
  display: inline-block; }

.m-checkbox-inline .radio {
  display: inline-block; }

.m-checkbox-inline label {
  margin-right: 20px; }

.radio label {
  display: inline-block;
  position: relative;
  padding-left: 18px;
  cursor: pointer; }
  .radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #efefef;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; }
    [class="dark-only"] .radio label::before {
      background-color: #1A1C23; }
  .radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 9px;
    height: 9px;
    left: 5px;
    top: 5px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #898989;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }

.radio input[type="radio"] {
  opacity: 0; }
  .radio input[type="radio"]:focus + label::before {
    outline-offset: -2px; }
  .radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  .radio input[type="radio"]:disabled + label {
    opacity: 0.65; }
    .radio input[type="radio"]:disabled + label::before {
      cursor: not-allowed; }

.radio .radio-inline {
  margin-top: 0; }

/**=====================
    2.25 Radio CSS Ends
==========================**/
/**=====================
   2.27 Range-slider CSS Start
==========================**/
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single,
.irs--flat .irs-bar {
  background-color: #006666; }
  .irs--flat .irs-from::before,
  .irs--flat .irs-to::before,
  .irs--flat .irs-single::before,
  .irs--flat .irs-bar::before {
    border-top-color: #006666; }

.irs--flat .irs-handle i:first-child {
  background-color: #006666; }

.irs--round .irs-single {
  background-color: #FE6A49; }
  .irs--round .irs-single::before {
    border-top-color: #FE6A49; }

.irs--round .irs-handle {
  border: 4px solid #FE6A49; }

.irs--round .irs-bar {
  background-color: #FE6A49; }

.irs--square .irs-handle {
  border: 3px solid #00AC46; }

.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-bar {
  background-color: #00AC46; }

.irs--sharp .irs-from::before,
.irs--sharp .irs-to::before {
  border-top-color: #173878; }

.irs--sharp .irs-min,
.irs--sharp .irs-max,
.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-bar {
  background-color: #173878; }

.irs--sharp .irs-line {
  background-color: #E6E9EB; }

.irs--sharp .irs-handle {
  background-color: #173878; }
  .irs--sharp .irs-handle i:first-child {
    border-top-color: #173878; }

.irs--big .irs-bar {
  border: 1px solid #FFAE1A;
  background: #FFAE1A;
  box-shadow: unset; }

.irs--big .irs-from,
.irs--big .irs-to {
  background-color: #FFAE1A;
  background: unset; }

.irs--big .irs-handle {
  background: #FFAE1A; }

.irs--big .irs-grid-pol {
  background-color: #FFAE1A; }

.irs--big .irs-grid-text {
  color: #FFAE1A; }

.irs--modern .irs-single {
  background-color: #FE6A49; }
  .irs--modern .irs-single::before {
    border-top-color: #FE6A49; }

.irs--modern .irs-bar {
  background: #FE6A49; }

.irs--modern .irs-grid-text {
  color: #FE6A49; }

/**=====================
    2.27 Range-slider CSS Ends
==========================**/
/**=====================
  2.26 Ribbon CSS Start
==========================**/
[class*="ribbon-wrapper"] {
  position: relative;
  padding: 58px 18px 28px 18px; }

.ribbon {
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  clear: left;
  position: absolute;
  top: 12px;
  left: 0px;
  color: #fff;
  z-index: 2; }

.ribbon-clip {
  left: -14px; }
  .ribbon-clip:before {
    position: absolute;
    top: 30px;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-vertical-left-wrapper {
  padding-left: 40px;
  position: relative; }

.ribbon-vertical-right-wrapper {
  padding-right: 40px; }

.ribbon-wrapper-bottom {
  padding-bottom: 40px;
  padding-top: 0; }

.ribbon-wrapper-right-bottom {
  padding-right: 40px; }

.ribbon-space-bottom {
  top: 0px; }

.ribbon-bookmark:before {
  position: absolute;
  top: 0;
  left: 100%;
  display: block;
  width: 0;
  height: 0;
  content: '';
  border: 15px solid #2c323f;
  border-right: 10px solid transparent; }

.ribbon-right {
  left: auto;
  right: -2px; }

.ribbon-clip-right {
  right: -14px; }
  .ribbon-clip-right:before {
    position: absolute;
    top: 30px;
    right: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-clip-bottom {
  left: -14px;
  bottom: 12px;
  top: auto; }
  .ribbon-clip-bottom:before {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-clip-bottom-right {
  right: -14px;
  left: auto;
  bottom: 12px;
  top: auto; }
  .ribbon-clip-bottom-right:before {
    position: absolute;
    bottom: 30px;
    right: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-bookmark.ribbon-right:before {
  right: 100%;
  left: auto;
  border-right: 15px solid #2c323f;
  border-left: 10px solid transparent; }

.ribbon-vertical-left {
  clear: none;
  padding: 0 5px;
  height: 70px;
  width: 30px;
  line-height: 70px;
  text-align: center;
  left: 12px;
  top: -2px; }

.ribbon-vertical-right {
  clear: none;
  padding: 0 5px;
  height: 70px;
  width: 30px;
  line-height: 70px;
  text-align: center;
  top: -2px;
  left: auto;
  right: 20px; }
  [dir="rtl"] .ribbon-vertical-right {
    left: auto !important;
    right: 20px !important; }

.ribbon-bookmark.ribbon-vertical-left:before, .ribbon-bookmark.ribbon-vertical-right:before {
  top: 100%;
  left: 0;
  margin-top: -14px;
  border-right: 15px solid #2c323f;
  border-bottom: 10px solid transparent; }

.ribbon-primary {
  background: #006666; }

.ribbon-primary {
  background: #006666; }

.ribbon-bookmark.ribbon-primary:before {
  border-color: #006666;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-primary:before {
  border-right-color: #006666;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-primary:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-primary:before {
  border-right-color: #006666;
  border-bottom-color: transparent; }

.ribbon-primary.ribbon-corner:before {
  border-top-color: #006666;
  border-left-color: #006666; }

.ribbon-primary.ribbon-corner.ribbon-right:before {
  border-right-color: #006666;
  border-left-color: transparent; }

.ribbon-primary.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #006666; }

.ribbon-primary.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #003333;
  border-right-color: #003333; }

.ribbon-primary.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #003333;
  border-left-color: #003333; }

.ribbon-primary.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #003333;
  border-right-color: #003333; }

.ribbon-primary.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #003333;
  border-right-color: transparent;
  border-left-color: #003333; }

.ribbon-secondary {
  background: #FE6A49; }

.ribbon-secondary {
  background: #FE6A49; }

.ribbon-bookmark.ribbon-secondary:before {
  border-color: #FE6A49;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-secondary:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-secondary:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-secondary:before {
  border-right-color: #FE6A49;
  border-bottom-color: transparent; }

.ribbon-secondary.ribbon-corner:before {
  border-top-color: #FE6A49;
  border-left-color: #FE6A49; }

.ribbon-secondary.ribbon-corner.ribbon-right:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-secondary.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FE6A49; }

.ribbon-secondary.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-secondary.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #fe4016;
  border-left-color: #fe4016; }

.ribbon-secondary.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-secondary.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: transparent;
  border-left-color: #fe4016; }

.ribbon-success {
  background: #00AC46; }

.ribbon-success {
  background: #00AC46; }

.ribbon-bookmark.ribbon-success:before {
  border-color: #00AC46;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-success:before {
  border-right-color: #00AC46;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-success:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-success:before {
  border-right-color: #00AC46;
  border-bottom-color: transparent; }

.ribbon-success.ribbon-corner:before {
  border-top-color: #00AC46;
  border-left-color: #00AC46; }

.ribbon-success.ribbon-corner.ribbon-right:before {
  border-right-color: #00AC46;
  border-left-color: transparent; }

.ribbon-success.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #00AC46; }

.ribbon-success.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #007931;
  border-right-color: #007931; }

.ribbon-success.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #007931;
  border-left-color: #007931; }

.ribbon-success.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #007931;
  border-right-color: #007931; }

.ribbon-success.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #007931;
  border-right-color: transparent;
  border-left-color: #007931; }

.ribbon-danger {
  background: #FE6A49; }

.ribbon-danger {
  background: #FE6A49; }

.ribbon-bookmark.ribbon-danger:before {
  border-color: #FE6A49;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-danger:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-danger:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-danger:before {
  border-right-color: #FE6A49;
  border-bottom-color: transparent; }

.ribbon-danger.ribbon-corner:before {
  border-top-color: #FE6A49;
  border-left-color: #FE6A49; }

.ribbon-danger.ribbon-corner.ribbon-right:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-danger.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FE6A49; }

.ribbon-danger.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-danger.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #fe4016;
  border-left-color: #fe4016; }

.ribbon-danger.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-danger.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: transparent;
  border-left-color: #fe4016; }

.ribbon-info {
  background: #173878; }

.ribbon-info {
  background: #173878; }

.ribbon-bookmark.ribbon-info:before {
  border-color: #173878;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-info:before {
  border-right-color: #173878;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-info:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
  border-right-color: #173878;
  border-bottom-color: transparent; }

.ribbon-info.ribbon-corner:before {
  border-top-color: #173878;
  border-left-color: #173878; }

.ribbon-info.ribbon-corner.ribbon-right:before {
  border-right-color: #173878;
  border-left-color: transparent; }

.ribbon-info.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #173878; }

.ribbon-info.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #0f244d;
  border-right-color: #0f244d; }

.ribbon-info.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #0f244d;
  border-left-color: #0f244d; }

.ribbon-info.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #0f244d;
  border-right-color: #0f244d; }

.ribbon-info.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #0f244d;
  border-right-color: transparent;
  border-left-color: #0f244d; }

.ribbon-light {
  background: #E6E9EB; }

.ribbon-light {
  background: #E6E9EB; }

.ribbon-bookmark.ribbon-light:before {
  border-color: #E6E9EB;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-light:before {
  border-right-color: #E6E9EB;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-light:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-light:before {
  border-right-color: #E6E9EB;
  border-bottom-color: transparent; }

.ribbon-light.ribbon-corner:before {
  border-top-color: #E6E9EB;
  border-left-color: #E6E9EB; }

.ribbon-light.ribbon-corner.ribbon-right:before {
  border-right-color: #E6E9EB;
  border-left-color: transparent; }

.ribbon-light.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #E6E9EB; }

.ribbon-light.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #cad0d4;
  border-right-color: #cad0d4; }

.ribbon-light.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #cad0d4;
  border-left-color: #cad0d4; }

.ribbon-light.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #cad0d4;
  border-right-color: #cad0d4; }

.ribbon-light.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #cad0d4;
  border-right-color: transparent;
  border-left-color: #cad0d4; }

.ribbon-dark {
  background: #2c323f; }

.ribbon-dark {
  background: #2c323f; }

.ribbon-bookmark.ribbon-dark:before {
  border-color: #2c323f;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-dark:before {
  border-right-color: #2c323f;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-dark:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-dark:before {
  border-right-color: #2c323f;
  border-bottom-color: transparent; }

.ribbon-dark.ribbon-corner:before {
  border-top-color: #2c323f;
  border-left-color: #2c323f; }

.ribbon-dark.ribbon-corner.ribbon-right:before {
  border-right-color: #2c323f;
  border-left-color: transparent; }

.ribbon-dark.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #2c323f; }

.ribbon-dark.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #171a21;
  border-right-color: #171a21; }

.ribbon-dark.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #171a21;
  border-left-color: #171a21; }

.ribbon-dark.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #171a21;
  border-right-color: #171a21; }

.ribbon-dark.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #171a21;
  border-right-color: transparent;
  border-left-color: #171a21; }

.ribbon-warning {
  background: #FFAE1A; }

.ribbon-warning {
  background: #FFAE1A; }

.ribbon-bookmark.ribbon-warning:before {
  border-color: #FFAE1A;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-warning:before {
  border-right-color: #FFAE1A;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-warning:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-warning:before {
  border-right-color: #FFAE1A;
  border-bottom-color: transparent; }

.ribbon-warning.ribbon-corner:before {
  border-top-color: #FFAE1A;
  border-left-color: #FFAE1A; }

.ribbon-warning.ribbon-corner.ribbon-right:before {
  border-right-color: #FFAE1A;
  border-left-color: transparent; }

.ribbon-warning.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FFAE1A; }

.ribbon-warning.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #e69500;
  border-right-color: #e69500; }

.ribbon-warning.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #e69500;
  border-left-color: #e69500; }

.ribbon-warning.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #e69500;
  border-right-color: #e69500; }

.ribbon-warning.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #e69500;
  border-right-color: transparent;
  border-left-color: #e69500; }

.vertical-lp-space {
  padding: 58px 28px 28px 50px; }

.vertical-rp-space {
  padding: 58px 50px 28px 28px; }

.clip-bp-space {
  padding: 28px 18px 58px 18px; }

/**=====================
  2.26 Ribbon CSS Ends
==========================**/
/**=====================
    2.8 Scrollbar CSS Start
==========================**/
[data-simplebar] {
  position: unset; }

.simplebar-mask {
  top: 80px; }

.simplebar-track {
  right: -2px; }
  .simplebar-track.simplebar-vertical {
    top: 100px;
    width: 10px; }
  .simplebar-track.simplebar-horizontal {
    visibility: hidden !important; }

.simplebar-scrollbar:before {
  background: rgba(0, 102, 102, 0.2); }

.scrollbar-images {
  margin-bottom: 12px; }

.visible-wrapper img {
  width: calc(230px + (330 - 230) * ((100vw - 320px) / (1920 - 320))) !important;
  height: calc(230px + (330 - 230) * ((100vw - 320px) / (1920 - 320))); }

.horizontal-scroll .horz-scroll-content .horizontal-img {
  height: 100%;
  max-width: 240px; }
  @media (max-width: 576px) {
    .horizontal-scroll .horz-scroll-content .horizontal-img {
      max-width: calc(220px + (240 - 220) * ((100vw - 320px) / (576 - 320))); } }
  .horizontal-scroll .horz-scroll-content .horizontal-img img {
    height: 100%;
    object-fit: cover; }

.scroll-demo.scroll-b-none {
  padding: 0;
  border: none; }

[dir="rtl"] .scroll-demo .scroll-rtl .list-group-item span {
  margin-right: auto; }

/**=====================
    2.8 Scrollbar CSS Ends
==========================**/
/**=====================
    2.28 Switch CSS Start
==========================**/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }
  .switch input {
    display: none; }
    .switch input:checked + .switch-state {
      background-color: var(--theme-deafult); }
      .switch input:checked + .switch-state:before {
        transform: translateX(26px); }
    .switch input:focus + .switch-state {
      box-shadow: 0 0 1px var(--theme-deafult); }

.switch-state {
  border-radius: 20px;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #E6E9EB;
  transition: .4s; }
  .switch-state:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    transition: .4s;
    border-radius: 20px; }

.icon-state .switch-state:after {
  content: "\efb8";
  font-family: IcoFont;
  left: 10px;
  position: absolute;
  top: 10px;
  color: #2c323f;
  transition: .4s;
  opacity: 0.3; }

.icon-state input:checked + .switch-state:after {
  content: "\efad";
  left: 36px;
  opacity: 1;
  transition: .4s; }

.switch-lg .switch {
  width: 75px;
  height: 40px;
  padding: 0;
  margin: 0; }
  .switch-lg .switch .switch-state:before {
    height: 30px;
    width: 30px;
    left: 7px;
    bottom: 5px;
    top: 4px; }

.switch-lg.large-switch-button .switch .switch-state::before {
  left: 13px; }

.switch-lg.icon-state .switch .switch-state:after {
  left: 12px;
  font-size: 18px; }

.switch-lg.icon-state .switch input:checked + .switch-state:after {
  left: 47px; }

.switch-lg.icon-state .switch input:checked + .switch-state:before {
  transform: translateX(32px); }

.switch-sm.icon-state .switch .switch-state:after {
  top: 4px;
  left: 4px;
  font-size: 8px; }

.switch-sm.icon-state .switch input:checked + .switch-state:after {
  left: 13px;
  top: 4px; }

.switch-sm .switch {
  width: 25px;
  height: 16px;
  margin-top: 10px;
  margin-bottom: 0px; }
  .switch-sm .switch .switch-state:before {
    height: 8px;
    width: 8px;
    left: 4px;
    bottom: 4px; }

.switch-sm input:checked + .switch-state:before {
  left: -13px; }

.switch-outline .switch-state {
  background-color: #fff;
  border: 1px solid var(--theme-deafult);
  transition: .4s; }
  .switch-outline .switch-state:before {
    background-color: #E6E9EB;
    bottom: 3px;
    color: #fff; }

.switch-outline .switch input {
  display: none; }
  .switch-outline .switch input:checked + .switch-state {
    background-color: transparent;
    border: 1px solid var(--theme-deafult); }
    .switch-outline .switch input:checked + .switch-state:before {
      background-color: var(--theme-deafult);
      bottom: 3px;
      transform: translateX(26px); }
    .switch-outline .switch input:checked + .switch-state:after {
      color: #fff; }

.switch-outline .switch-state.bg-primary {
  border: 1px solid var(--theme-deafult);
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-primary {
  background-color: transparent !important;
  border: 1px solid var(--theme-deafult); }
  .switch-outline .switch input:checked + .switch-state.bg-primary:before {
    background-color: var(--theme-deafult); }

.switch-outline .switch-state.bg-dark {
  border: 1px solid #2c323f;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-dark {
  background-color: transparent !important;
  border: 1px solid #2c323f; }
  .switch-outline .switch input:checked + .switch-state.bg-dark:before {
    background-color: #2c323f; }

.switch-outline .switch-state.bg-warning {
  border: 1px solid #FFAE1A;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-warning {
  background-color: transparent !important;
  border: 1px solid #FFAE1A; }
  .switch-outline .switch input:checked + .switch-state.bg-warning:before {
    background-color: #FFAE1A; }

.switch-outline .switch-state.bg-success {
  border: 1px solid #00AC46;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-success {
  background-color: transparent !important;
  border: 1px solid #00AC46; }
  .switch-outline .switch input:checked + .switch-state.bg-success:before {
    background-color: #00AC46; }

.switch-outline .switch-state.bg-info {
  border: 1px solid #173878;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-info {
  background-color: transparent !important;
  border: 1px solid #173878; }
  .switch-outline .switch input:checked + .switch-state.bg-info:before {
    background-color: #173878; }

.switch-outline .switch-state.bg-danger {
  border: 1px solid #FE6A49;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-danger {
  background-color: transparent !important;
  border: 1px solid #FE6A49; }
  .switch-outline .switch input:checked + .switch-state.bg-danger:before {
    background-color: #FE6A49; }

.switch-outline .switch-state.bg-primary {
  border: 1px solid var(--theme-deafult);
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-primary {
  background-color: transparent !important;
  border: 1px solid var(--theme-deafult); }
  .switch-outline .switch input:checked + .switch-state.bg-primary:before {
    background-color: var(--theme-deafult); }

.switch-outline .switch-state.bg-secondary {
  border: 1px solid var(--theme-secondary);
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-secondary {
  background-color: transparent !important;
  border: 1px solid var(--theme-secondary); }
  .switch-outline .switch input:checked + .switch-state.bg-secondary:before {
    background-color: var(--theme-secondary); }

.switch-showcase {
  margin-bottom: -8px; }
  .switch-showcase .media {
    line-height: 1; }
  .switch-showcase .form-check .form-check-input {
    float: right; }

.form-switch .form-check-input:checked {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }

.tg-list {
  text-align: center;
  display: flex;
  align-items: center; }

.tgl {
  display: none; }
  .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
    box-sizing: border-box; }
    .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
      background: none; }
  .tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    user-select: none; }
    .tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
      position: relative;
      display: block;
      content: "";
      width: 50%;
      height: 100%; }
    .tgl + .tgl-btn:after {
      left: 0; }
    .tgl + .tgl-btn:before {
      display: none; }
  .tgl:checked + .tgl-btn:after {
    left: 50%; }

.tgl-skewed + .tgl-btn {
  overflow: hidden;
  transform: skew(-10deg);
  backface-visibility: hidden;
  transition: all .2s ease;
  background: #FE6A49; }
  .tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before {
    transform: skew(10deg);
    display: inline-block;
    transition: all .2s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: var(--white);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
  .tgl-skewed + .tgl-btn:after {
    left: 100%;
    content: attr(data-tg-on); }
  .tgl-skewed + .tgl-btn:before {
    left: 0;
    content: attr(data-tg-off); }
  .tgl-skewed + .tgl-btn:active {
    background: #FE6A49; }
    .tgl-skewed + .tgl-btn:active:before {
      left: -10%; }

.tgl-skewed:checked + .tgl-btn {
  background: #006666; }
  .tgl-skewed:checked + .tgl-btn:before {
    left: -100%; }
  .tgl-skewed:checked + .tgl-btn:after {
    left: 0; }
  .tgl-skewed:checked + .tgl-btn:active:after {
    left: 10%; }

.tgl-flip + .tgl-btn {
  padding: 2px;
  transition: all .2s ease;
  perspective: 100px; }
  .tgl-flip + .tgl-btn:after, .tgl-flip + .tgl-btn:before {
    display: inline-block;
    transition: all .4s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: var(--white);
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    border-radius: 4px; }
  .tgl-flip + .tgl-btn:after {
    content: attr(data-tg-on);
    background: #FFAE1A;
    transform: rotateY(-180deg); }
  .tgl-flip + .tgl-btn:before {
    background: #FE6A49;
    content: attr(data-tg-off); }
  .tgl-flip + .tgl-btn:active:before {
    transform: rotateY(-20deg); }

.tgl-flip:checked + .tgl-btn:before {
  transform: rotateY(180deg); }

.tgl-flip:checked + .tgl-btn:after {
  transform: rotateY(0);
  left: 0;
  background: #00AC46; }

.tgl-flip:checked + .tgl-btn:active:after {
  transform: rotateY(20deg); }

.radius-none .form-check-input {
  border-radius: 3px; }

.tg-list .tg-list-item .square-checked .switch-state::before {
  content: '';
  border-radius: 0; }

.switch-wrapper .media {
  margin-right: 20px; }
  .switch-wrapper .media .col-form-label {
    padding-bottom: 0; }

.switch-wrapper .tg-list p {
  margin: 0 8px 0 0; }

.default-square .form-switch .form-check-input {
  background-image: url(/../images/switch/square-gray.png); }
  .default-square .form-switch .form-check-input:checked {
    background-image: url(/../images/switch/square.svg); }

/**=====================
    2.28 Switch CSS Ends
==========================**/
/**=====================
  2.29 Tab CSS Start
==========================**/
/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C; }

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8; }

.light-card {
  background-color: var(--light-background); }

.light-background {
  background-color: var(--light-bg); }

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  transform: rotate(-45deg);
  display: inline-block; }

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-l-50 {
  margin-left: 50px !important; }

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important; }

.b-r-1 {
  border-radius: 1px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-r-11 {
  border-radius: 11px !important; }

.b-r-12 {
  border-radius: 12px !important; }

.b-r-13 {
  border-radius: 13px !important; }

.b-r-14 {
  border-radius: 14px !important; }

.b-r-15 {
  border-radius: 15px !important; }

.b-r-16 {
  border-radius: 16px !important; }

.b-r-17 {
  border-radius: 17px !important; }

.b-r-18 {
  border-radius: 18px !important; }

.b-r-19 {
  border-radius: 19px !important; }

.b-r-20 {
  border-radius: 20px !important; }

.b-r-21 {
  border-radius: 21px !important; }

.b-r-22 {
  border-radius: 22px !important; }

.b-r-23 {
  border-radius: 23px !important; }

.b-r-24 {
  border-radius: 24px !important; }

.b-r-25 {
  border-radius: 25px !important; }

.b-r-26 {
  border-radius: 26px !important; }

.b-r-27 {
  border-radius: 27px !important; }

.b-r-28 {
  border-radius: 28px !important; }

.b-r-29 {
  border-radius: 29px !important; }

.b-r-30 {
  border-radius: 30px !important; }

.b-r-31 {
  border-radius: 31px !important; }

.b-r-32 {
  border-radius: 32px !important; }

.b-r-33 {
  border-radius: 33px !important; }

.b-r-34 {
  border-radius: 34px !important; }

.b-r-35 {
  border-radius: 35px !important; }

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.f-34 {
  font-size: 34px !important; }

.f-36 {
  font-size: 36px !important; }

.f-38 {
  font-size: 38px !important; }

.f-40 {
  font-size: 40px !important; }

.f-42 {
  font-size: 42px !important; }

.f-44 {
  font-size: 44px !important; }

.f-46 {
  font-size: 46px !important; }

.f-48 {
  font-size: 48px !important; }

.f-50 {
  font-size: 50px !important; }

.f-52 {
  font-size: 52px !important; }

.f-54 {
  font-size: 54px !important; }

.f-56 {
  font-size: 56px !important; }

.f-58 {
  font-size: 58px !important; }

.f-60 {
  font-size: 60px !important; }

.f-62 {
  font-size: 62px !important; }

.f-64 {
  font-size: 64px !important; }

.f-66 {
  font-size: 66px !important; }

.f-68 {
  font-size: 68px !important; }

.f-70 {
  font-size: 70px !important; }

.f-72 {
  font-size: 72px !important; }

.f-74 {
  font-size: 74px !important; }

.f-76 {
  font-size: 76px !important; }

.f-78 {
  font-size: 78px !important; }

.f-80 {
  font-size: 80px !important; }

.f-82 {
  font-size: 82px !important; }

.f-84 {
  font-size: 84px !important; }

.f-86 {
  font-size: 86px !important; }

.f-88 {
  font-size: 88px !important; }

.f-90 {
  font-size: 90px !important; }

.f-92 {
  font-size: 92px !important; }

.f-94 {
  font-size: 94px !important; }

.f-96 {
  font-size: 96px !important; }

.f-98 {
  font-size: 98px !important; }

.f-100 {
  font-size: 100px !important; }

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100; }

.f-w-300 {
  font-weight: 300; }

.f-w-500 {
  font-weight: 500; }

.f-w-400 {
  font-weight: 400; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-900 {
  font-weight: 900; }

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal; }

.f-s-italic {
  font-style: italic; }

.f-s-oblique {
  font-style: oblique; }

.f-s-initial {
  font-style: initial; }

.f-s-inherit {
  font-style: inherit; }

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-dashed {
  text-decoration: dashed; }

.text-blink {
  text-decoration: blink; }

.text-dotted {
  text-decoration: dotted; }

.text-initial {
  text-decoration: initial; }

.text-none {
  text-decoration: none; }

.text-solid {
  text-decoration: solid; }

.text-wavy {
  text-decoration: wavy; }

.text-inherit {
  text-decoration: inherit; }

.text-double {
  text-decoration: double; }

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline; }

.sub {
  vertical-align: sub; }

.super {
  vertical-align: super; }

.top {
  vertical-align: top; }

.text-top {
  vertical-align: text-top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.text-bottom {
  vertical-align: text-bottom; }

.initial {
  vertical-align: initial; }

.inherit {
  vertical-align: inherit; }

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-relative {
  position: relative; }

.p-initial {
  position: initial; }

.p-inherit {
  position: inherit; }

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden; }

.o-visible {
  overflow: visible; }

.o-auto {
  overflow: auto; }

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important; }

.img-h-10 {
  height: 10px !important; }

.img-20 {
  width: 20px !important; }

.img-h-20 {
  height: 20px !important; }

.img-30 {
  width: 30px !important; }

.img-h-30 {
  height: 30px !important; }

.img-40 {
  width: 40px !important; }

.img-h-40 {
  height: 40px !important; }

.img-50 {
  width: 50px !important; }

.img-h-50 {
  height: 50px !important; }

.img-60 {
  width: 60px !important; }

.img-h-60 {
  height: 60px !important; }

.img-70 {
  width: 70px !important; }

.img-h-70 {
  height: 70px !important; }

.img-80 {
  width: 80px !important; }

.img-h-80 {
  height: 80px !important; }

.img-90 {
  width: 90px !important; }

.img-h-90 {
  height: 90px !important; }

.img-100 {
  width: 100px !important; }

.img-h-100 {
  height: 100px !important; }

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important; }

.font-secondary {
  color: #FE6A49 !important; }

.font-success {
  color: #00AC46 !important; }

.font-danger {
  color: #FE6A49 !important; }

.font-info {
  color: #173878 !important; }

.font-light {
  color: #E6E9EB !important; }

.font-dark {
  color: #2c323f !important; }

.font-warning {
  color: #FFAE1A !important; }

.font-primary {
  color: var(--theme-deafult) !important; }

.font-secondary {
  color: var(--theme-secondary) !important; }

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize; }

.label-theme {
  background-color: #006666; }

.label-primary {
  background-color: #006666; }

.label-secondary {
  background-color: #FE6A49; }

.label-success {
  background-color: #00AC46; }

.label-danger {
  background-color: #FE6A49; }

.label-info {
  background-color: #173878; }

.label-light {
  background-color: #E6E9EB; }

.label-dark {
  background-color: #2c323f; }

.label-warning {
  background-color: #FFAE1A; }

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666; }

.badge-secondary {
  background-color: #FE6A49; }

.badge-success {
  background-color: #00AC46; }

.badge-danger {
  background-color: #FE6A49; }

.badge-info {
  background-color: #173878; }

.badge-light {
  background-color: #E6E9EB; }

.badge-dark {
  background-color: #2c323f; }

.badge-warning {
  background-color: #FFAE1A; }

.badge-primary {
  background-color: var(--theme-deafult) !important; }

.badge-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff; }

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff; }

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important; }

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-success {
  background-color: #00AC46 !important;
  color: #fff; }

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff; }

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important; }

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-info {
  background-color: #173878 !important;
  color: #fff; }

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff; }

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important; }

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff; }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff; }

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important; }

.bg-dark {
  background-color: #2c323f !important;
  color: #fff; }

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff; }

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important; }

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff; }

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff; }

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important; }

.bg-primary {
  background-color: var(--theme-deafult) !important; }

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6); }

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important; }

.txt-secondary {
  color: #FE6A49 !important; }

.txt-success {
  color: #00AC46 !important; }

.txt-danger {
  color: #FE6A49 !important; }

.txt-info {
  color: #173878 !important; }

.txt-light {
  color: #E6E9EB !important; }

.txt-dark {
  color: #2c323f !important; }

.txt-warning {
  color: #FFAE1A !important; }

.txt-google-plus {
  color: #c64e40 !important; }

.txt-twitter {
  color: #6fa2d8 !important; }

.txt-linkedin {
  color: #0077B5 !important; }

.txt-fb {
  color: #50598e !important; }

.txt-primary {
  color: var(--theme-deafult) !important; }

.txt-secondary {
  color: var(--theme-secondary) !important; }

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@keyframes push {
  50% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #006666 !important;
    border-color: #006666 !important; }
  .btn-primary:focus {
    box-shadow: unset !important; }

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-secondary:focus {
    box-shadow: unset !important; }

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }
  .btn-success:focus {
    box-shadow: unset !important; }

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-danger:focus {
    box-shadow: unset !important; }

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #173878 !important;
    border-color: #173878 !important; }
  .btn-info:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }
  .btn-light:focus {
    box-shadow: unset !important; }

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #2c323f !important;
    border-color: #2c323f !important; }
  .btn-dark:focus {
    box-shadow: unset !important; }

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }
  .btn-warning:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important; }
  .btn-light:hover {
    background-color: rgba(0, 102, 102, 0.1) !important;
    border-color: rgba(0, 102, 102, 0.1) !important; }

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important; }

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important; }

.btn-hover-effect:hover {
  animation: push 0.5s linear 1; }

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent; }
  .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-check {
  color: #006666 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #006666 !important; }
    .btn-check:checked + .btn-outline-primary {
      color: white !important;
      background-color: #006666 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-primary {
    border-color: #006666 !important;
    color: #006666 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-primary.disabled {
      color: #006666; }
    .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
      color: white !important;
      background-color: #006666 !important;
      border-color: #006666 !important;
      box-shadow: none !important; }

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary.disabled {
    color: #006666;
    border-color: #006666; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-secondary {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-secondary {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-secondary.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #00AC46 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #00AC46 !important; }
    .btn-check:checked + .btn-outline-success {
      color: white !important;
      background-color: #00AC46 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-success.disabled {
      color: #00AC46; }
    .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
      color: white !important;
      background-color: #00AC46 !important;
      border-color: #00AC46 !important;
      box-shadow: none !important; }

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success.disabled {
    color: #00AC46;
    border-color: #00AC46; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-danger {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-danger.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #173878 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #173878 !important; }
    .btn-check:checked + .btn-outline-info {
      color: white !important;
      background-color: #173878 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-info {
    border-color: #173878 !important;
    color: #173878 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-info.disabled {
      color: #173878; }
    .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
      color: white !important;
      background-color: #173878 !important;
      border-color: #173878 !important;
      box-shadow: none !important; }

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info.disabled {
    color: #173878;
    border-color: #173878; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: #fff !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #E6E9EB !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #E6E9EB !important; }
    .btn-check:checked + .btn-outline-light {
      color: white !important;
      background-color: #E6E9EB !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-light {
    border-color: #E6E9EB !important;
    color: #E6E9EB !important;
    background-color: transparent;
    color: #051A1A; }
    .btn-check + .btn-outline-light.disabled {
      color: #E6E9EB; }
    .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
      color: white !important;
      background-color: #E6E9EB !important;
      border-color: #E6E9EB !important;
      box-shadow: none !important; }

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A; }
  .btn-outline-light.disabled {
    color: #E6E9EB;
    border-color: #E6E9EB; }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: #fff !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: unset !important; }

.btn-check {
  color: #2c323f !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #2c323f !important; }
    .btn-check:checked + .btn-outline-dark {
      color: white !important;
      background-color: #2c323f !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-dark {
    border-color: #2c323f !important;
    color: #2c323f !important;
    background-color: transparent; }
    .btn-check + .btn-outline-dark.disabled {
      color: #2c323f; }
    .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
      color: white !important;
      background-color: #2c323f !important;
      border-color: #2c323f !important;
      box-shadow: none !important; }

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark.disabled {
    color: #2c323f;
    border-color: #2c323f; }
  .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FFAE1A !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FFAE1A !important; }
    .btn-check:checked + .btn-outline-warning {
      color: white !important;
      background-color: #FFAE1A !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important;
    background-color: transparent; }
    .btn-check + .btn-outline-warning.disabled {
      color: #FFAE1A; }
    .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
      color: white !important;
      background-color: #FFAE1A !important;
      border-color: #FFAE1A !important;
      box-shadow: none !important; }

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning.disabled {
    color: #FFAE1A;
    border-color: #FFAE1A; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: unset !important; }

.btn-primary.active:not([disabled]):not(.disabled) {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  box-shadow: none !important; }
  .btn-primary.active:not([disabled]):not(.disabled):hover, .btn-primary.active:not([disabled]):not(.disabled):focus, .btn-primary.active:not([disabled]):not(.disabled):active, .btn-primary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #003333;
    border-color: #003333; }

.btn-secondary.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-secondary.active:not([disabled]):not(.disabled):hover, .btn-secondary.active:not([disabled]):not(.disabled):focus, .btn-secondary.active:not([disabled]):not(.disabled):active, .btn-secondary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-success.active:not([disabled]):not(.disabled) {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  box-shadow: none !important; }
  .btn-success.active:not([disabled]):not(.disabled):hover, .btn-success.active:not([disabled]):not(.disabled):focus, .btn-success.active:not([disabled]):not(.disabled):active, .btn-success.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #007931;
    border-color: #007931; }

.btn-danger.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-danger.active:not([disabled]):not(.disabled):hover, .btn-danger.active:not([disabled]):not(.disabled):focus, .btn-danger.active:not([disabled]):not(.disabled):active, .btn-danger.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-info.active:not([disabled]):not(.disabled) {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  box-shadow: none !important; }
  .btn-info.active:not([disabled]):not(.disabled):hover, .btn-info.active:not([disabled]):not(.disabled):focus, .btn-info.active:not([disabled]):not(.disabled):active, .btn-info.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #0f244d;
    border-color: #0f244d; }

.btn-light.active:not([disabled]):not(.disabled) {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  box-shadow: none !important; }
  .btn-light.active:not([disabled]):not(.disabled):hover, .btn-light.active:not([disabled]):not(.disabled):focus, .btn-light.active:not([disabled]):not(.disabled):active, .btn-light.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #cad0d4;
    border-color: #cad0d4; }

.btn-dark.active:not([disabled]):not(.disabled) {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  box-shadow: none !important; }
  .btn-dark.active:not([disabled]):not(.disabled):hover, .btn-dark.active:not([disabled]):not(.disabled):focus, .btn-dark.active:not([disabled]):not(.disabled):active, .btn-dark.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #171a21;
    border-color: #171a21; }

.btn-warning.active:not([disabled]):not(.disabled) {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  box-shadow: none !important; }
  .btn-warning.active:not([disabled]):not(.disabled):hover, .btn-warning.active:not([disabled]):not(.disabled):focus, .btn-warning.active:not([disabled]):not(.disabled):active, .btn-warning.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #e69500;
    border-color: #e69500; }

.btn-outline-primary-2x.active:not([disabled]):not(.disabled) {
  background-color: #006666;
  border-color: #006666;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-primary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-primary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #006666 !important;
    border-color: #006666 !important; }

.btn-outline-secondary-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-secondary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-success-2x.active:not([disabled]):not(.disabled) {
  background-color: #00AC46;
  border-color: #00AC46;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-success-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-success-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-success-2x.active:not([disabled]):not(.disabled):active, .btn-outline-success-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }

.btn-outline-danger-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-danger-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):active, .btn-outline-danger-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-info-2x.active:not([disabled]):not(.disabled) {
  background-color: #173878;
  border-color: #173878;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-info-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-info-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-info-2x.active:not([disabled]):not(.disabled):active, .btn-outline-info-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #173878 !important;
    border-color: #173878 !important; }

.btn-outline-light-2x.active:not([disabled]):not(.disabled) {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-light-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-light-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-light-2x.active:not([disabled]):not(.disabled):active, .btn-outline-light-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }

.btn-outline-dark-2x.active:not([disabled]):not(.disabled) {
  background-color: #2c323f;
  border-color: #2c323f;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-dark-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):active, .btn-outline-dark-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important; }

.btn-outline-warning-2x.active:not([disabled]):not(.disabled) {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-warning-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):active, .btn-outline-warning-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important; }

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important; }

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important; }

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important; }

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important; }

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important; }

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666; }
  .table-styling .table-primary thead,
  .table-styling.table-primary thead {
    background-color: #003333;
    border: 3px solid #003333; }
  .table-styling .table-primary th,
  .table-styling .table-primary td,
  .table-styling.table-primary th,
  .table-styling.table-primary td {
    background-color: transparent; }

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-secondary thead,
  .table-styling.table-secondary thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-secondary th,
  .table-styling .table-secondary td,
  .table-styling.table-secondary th,
  .table-styling.table-secondary td {
    background-color: transparent; }

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46; }
  .table-styling .table-success thead,
  .table-styling.table-success thead {
    background-color: #007931;
    border: 3px solid #007931; }
  .table-styling .table-success th,
  .table-styling .table-success td,
  .table-styling.table-success th,
  .table-styling.table-success td {
    background-color: transparent; }

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-danger thead,
  .table-styling.table-danger thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-danger th,
  .table-styling .table-danger td,
  .table-styling.table-danger th,
  .table-styling.table-danger td {
    background-color: transparent; }

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878; }
  .table-styling .table-info thead,
  .table-styling.table-info thead {
    background-color: #0f244d;
    border: 3px solid #0f244d; }
  .table-styling .table-info th,
  .table-styling .table-info td,
  .table-styling.table-info th,
  .table-styling.table-info td {
    background-color: transparent; }

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB; }
  .table-styling .table-light thead,
  .table-styling.table-light thead {
    background-color: #cad0d4;
    border: 3px solid #cad0d4; }
  .table-styling .table-light th,
  .table-styling .table-light td,
  .table-styling.table-light th,
  .table-styling.table-light td {
    background-color: transparent; }

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f; }
  .table-styling .table-dark thead,
  .table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21; }
  .table-styling .table-dark th,
  .table-styling .table-dark td,
  .table-styling.table-dark th,
  .table-styling.table-dark td {
    background-color: transparent; }

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A; }
  .table-styling .table-warning thead,
  .table-styling.table-warning thead {
    background-color: #e69500;
    border: 3px solid #e69500; }
  .table-styling .table-warning th,
  .table-styling .table-warning td,
  .table-styling.table-warning th,
  .table-styling.table-warning td {
    background-color: transparent; }

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important; }

.stroke-secondary {
  stroke: #FE6A49 !important; }

.stroke-success {
  stroke: #00AC46 !important; }

.stroke-danger {
  stroke: #FE6A49 !important; }

.stroke-info {
  stroke: #173878 !important; }

.stroke-light {
  stroke: #E6E9EB !important; }

.stroke-dark {
  stroke: #2c323f !important; }

.stroke-warning {
  stroke: #FFAE1A !important; }

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878; }

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important; }

.b-t-primary {
  border-top: 1px solid #006666 !important; }

.border-t-primary {
  border-top: 1px solid #006666 !important; }

.b-b-primary {
  border-bottom: 1px solid #006666 !important; }

.border-b-primary {
  border-bottom: 1px solid #006666 !important; }

.b-l-primary {
  border-left: 1px solid #006666 !important; }

.border-l-primary {
  border-left: 1px solid #006666 !important; }

.b-r-primary {
  border-right: 1px solid #006666 !important; }

.border-r-primary {
  border-right: 1px solid #006666 !important; }

.b-secondary {
  border: 1px solid #FE6A49 !important; }

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.b-success {
  border: 1px solid #00AC46 !important; }

.b-t-success {
  border-top: 1px solid #00AC46 !important; }

.border-t-success {
  border-top: 1px solid #00AC46 !important; }

.b-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.border-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.b-l-success {
  border-left: 1px solid #00AC46 !important; }

.border-l-success {
  border-left: 1px solid #00AC46 !important; }

.b-r-success {
  border-right: 1px solid #00AC46 !important; }

.border-r-success {
  border-right: 1px solid #00AC46 !important; }

.b-danger {
  border: 1px solid #FE6A49 !important; }

.b-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.border-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.border-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.b-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.border-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.b-info {
  border: 1px solid #173878 !important; }

.b-t-info {
  border-top: 1px solid #173878 !important; }

.border-t-info {
  border-top: 1px solid #173878 !important; }

.b-b-info {
  border-bottom: 1px solid #173878 !important; }

.border-b-info {
  border-bottom: 1px solid #173878 !important; }

.b-l-info {
  border-left: 1px solid #173878 !important; }

.border-l-info {
  border-left: 1px solid #173878 !important; }

.b-r-info {
  border-right: 1px solid #173878 !important; }

.border-r-info {
  border-right: 1px solid #173878 !important; }

.b-light {
  border: 1px solid #E6E9EB !important; }

.b-t-light {
  border-top: 1px solid #E6E9EB !important; }

.border-t-light {
  border-top: 1px solid #E6E9EB !important; }

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.b-l-light {
  border-left: 1px solid #E6E9EB !important; }

.border-l-light {
  border-left: 1px solid #E6E9EB !important; }

.b-r-light {
  border-right: 1px solid #E6E9EB !important; }

.border-r-light {
  border-right: 1px solid #E6E9EB !important; }

.b-dark {
  border: 1px solid #2c323f !important; }

.b-t-dark {
  border-top: 1px solid #2c323f !important; }

.border-t-dark {
  border-top: 1px solid #2c323f !important; }

.b-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.border-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.b-l-dark {
  border-left: 1px solid #2c323f !important; }

.border-l-dark {
  border-left: 1px solid #2c323f !important; }

.b-r-dark {
  border-right: 1px solid #2c323f !important; }

.border-r-dark {
  border-right: 1px solid #2c323f !important; }

.b-warning {
  border: 1px solid #FFAE1A !important; }

.b-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.border-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.b-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.border-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.b-r-warning {
  border-right: 1px solid #FFAE1A !important; }

.border-r-warning {
  border-right: 1px solid #FFAE1A !important; }

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-6 {
  border-width: 6px !important; }

.border-7 {
  border-width: 7px !important; }

.border-8 {
  border-width: 8px !important; }

.border-9 {
  border-width: 9px !important; }

.border-10 {
  border-width: 10px !important; }

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px; }

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa; }

.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px; }

.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3); }

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f; }
  .line pre {
    font-size: 100%; }

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important; }

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .options > div {
    color: #86909C;
    padding: 2px 10px;
    border: 1px solid; }
    .options > div:hover {
      background-color: #006666;
      color: #fff;
      transition: background-color 0.3s ease; }

/**====== Animation css Ends ======**/
.modal-footer {
  flex-wrap: wrap; }

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0; }

.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0; }

.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px; }

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666; }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #006666 !important; }

.typeahead .theme-form .form-group {
  margin-bottom: 0; }

.primary .svg-fill {
  fill: var(--theme-deafult); }
  .primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-deafult); }

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important; }

.secondary .svg-fill {
  fill: var(--theme-secondary); }
  .secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary); }

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important; }

.success .svg-fill {
  fill: #00AC46; }

.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important; }

.warning .svg-fill {
  fill: #FFAE1A; }

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important; }

.dotted {
  border-style: dotted; }

.dashed {
  border-style: dashed; }

.double {
  border-style: double; }

.groove {
  border-style: groove; }

.ridge {
  border-style: ridge; }

.inset {
  border-style: inset; }

.outset {
  border-style: outset; }

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px; }
  75% {
    opacity: .6;
    top: 0; }
  100% {
    opacity: 1; } }

.code-box-copy {
  width: 100%;
  overflow: auto; }

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%; }
  .custom-rs-12 {
    width: 100%; } }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px; }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none; }

.bg-gray {
  background-color: var(--text-gray); }

.text-gray {
  color: var(--text-gray) !important; }

.common-flex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

.common-space {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2); }

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3); }

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important; }

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important; }

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666; }

.badge-light-secondary {
  background-color: white;
  color: #FE6A49; }

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46; }

.badge-light-danger {
  background-color: white;
  color: #FE6A49; }

.badge-light-info {
  background-color: #6e96e3;
  color: #173878; }

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c; }

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f; }

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A; }

.fc .fc-button-primary.fc-button-active:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult), 0.2) !important; }

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%;
      margin-left: 0px; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .invoice-table-data {
    background-color: #f9f9fa; }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

/**=====================
    1.1 Reset CSS Ends
==========================**/
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--theme-deafult); }

.nav i {
  margin-right: 10px; }

.nav-right {
  justify-content: flex-end; }

.nav-theme .nav-link,
.nav-pills.nav-theme .nav-link {
  color: var(--theme-deafult); }

.nav-theme .nav-link.active,
.nav-theme .show > .nav-link,
.nav-pills.nav-theme .nav-link.active,
.nav-pills.nav-theme .show > .nav-link {
  background-color: var(--theme-deafult);
  color: #fff; }

.nav-primary .nav-link,
.nav-pills.nav-primary .nav-link {
  color: var(--theme-deafult); }

.nav-primary .nav-link.active,
.nav-primary .show > .nav-link,
.nav-pills.nav-primary .nav-link.active,
.nav-pills.nav-primary .show > .nav-link {
  background-color: var(--theme-deafult);
  color: #fff; }

.nav-secondary .nav-link,
.nav-pills.nav-secondary .nav-link {
  color: #FE6A49; }

.nav-secondary .nav-link.active,
.nav-secondary .show > .nav-link,
.nav-pills.nav-secondary .nav-link.active,
.nav-pills.nav-secondary .show > .nav-link {
  background-color: #FE6A49;
  color: #fff; }

.nav-success .nav-link,
.nav-pills.nav-success .nav-link {
  color: #00AC46; }

.nav-success .nav-link.active,
.nav-success .show > .nav-link,
.nav-pills.nav-success .nav-link.active,
.nav-pills.nav-success .show > .nav-link {
  background-color: #00AC46;
  color: #fff; }

.nav-danger .nav-link,
.nav-pills.nav-danger .nav-link {
  color: #FE6A49; }

.nav-danger .nav-link.active,
.nav-danger .show > .nav-link,
.nav-pills.nav-danger .nav-link.active,
.nav-pills.nav-danger .show > .nav-link {
  background-color: #FE6A49;
  color: #fff; }

.nav-info .nav-link,
.nav-pills.nav-info .nav-link {
  color: #173878; }

.nav-info .nav-link.active,
.nav-info .show > .nav-link,
.nav-pills.nav-info .nav-link.active,
.nav-pills.nav-info .show > .nav-link {
  background-color: #173878;
  color: #fff; }

.nav-light .nav-link,
.nav-pills.nav-light .nav-link {
  color: #E6E9EB; }

.nav-light .nav-link.active,
.nav-light .show > .nav-link,
.nav-pills.nav-light .nav-link.active,
.nav-pills.nav-light .show > .nav-link {
  background-color: #E6E9EB;
  color: #fff; }

.nav-dark .nav-link,
.nav-pills.nav-dark .nav-link {
  color: #2c323f; }

.nav-dark .nav-link.active,
.nav-dark .show > .nav-link,
.nav-pills.nav-dark .nav-link.active,
.nav-pills.nav-dark .show > .nav-link {
  background-color: #2c323f;
  color: #fff; }

.nav-warning .nav-link,
.nav-pills.nav-warning .nav-link {
  color: #FFAE1A; }

.nav-warning .nav-link.active,
.nav-warning .show > .nav-link,
.nav-pills.nav-warning .nav-link.active,
.nav-pills.nav-warning .show > .nav-link {
  background-color: #FFAE1A;
  color: #fff; }

.nav-tabs.nav-bottom .nav-item .nav-link.active,
.nav-tabs.nav-bottom .nav-item .nav-link.focus,
.nav-tabs.nav-bottom .nav-item .nav-link.hover {
  border-color: #fff #dee2e6 #dee2e6; }

.tab-content ~ .nav-tabs.border-tab {
  margin-bottom: 0;
  margin-top: 30px; }

.border-tab.nav-tabs {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 30px; }
  .border-tab.nav-tabs .nav-item .nav-link {
    font-size: 16px;
    color: #2c323f;
    text-align: center;
    padding: 10px 25px;
    border: none;
    border-bottom: none;
    transition: 0.3s; }
    @media (min-width: 576px) and (max-width: 1920px) {
      .border-tab.nav-tabs .nav-item .nav-link {
        padding-top: 0; } }
    .border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus, .border-tab.nav-tabs .nav-item .nav-link:hover {
      color: var(--theme-deafult); }
    .border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus {
      border-bottom: none; }

.border-tab.nav-left .nav-link {
  transition: all 0.3s ease;
  color: #2c323f; }

.border-tab.nav-left .nav-link.active,
.border-tab.nav-left .show > .nav-link {
  background-color: transparent;
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult);
  border-radius: 0;
  transition: all 0.3s ease; }

.border-tab.nav-right .nav-link {
  border-right: 2px solid transparent;
  transition: all 0.3s ease;
  color: #2c323f;
  text-align: right; }

.border-tab.nav-right .nav-link.active,
.border-tab.nav-right .show > .nav-link {
  background-color: transparent;
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult);
  border-radius: 0;
  transition: all 0.3s ease; }

.border-tab.nav-theme .nav-link.active,
.border-tab.nav-theme .nav-item.show,
.border-tab.nav-theme .nav-link:focus,
.border-tab.nav-theme .nav-link:hover {
  color: var(--theme-deafult);
  background-color: transparent; }

.border-tab.nav-theme .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus {
    border-bottom: 2px solid var(--theme-deafult); }
  .border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus, .border-tab.nav-theme .nav-item .nav-link:hover {
    color: var(--theme-deafult); }

.border-tab.nav-left.nav-theme .nav-link.active,
.border-tab.nav-left.nav-theme .show > .nav-link {
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-right.nav-theme .nav-link.active,
.border-tab.nav-right.nav-theme .show > .nav-link {
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-primary .nav-link.active,
.border-tab.nav-primary .nav-item.show,
.border-tab.nav-primary .nav-link:focus,
.border-tab.nav-primary .nav-link:hover {
  color: var(--theme-deafult);
  background-color: transparent; }

.border-tab.nav-primary .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus {
    border-bottom: 2px solid var(--theme-deafult); }
  .border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus, .border-tab.nav-primary .nav-item .nav-link:hover {
    color: var(--theme-deafult); }

.border-tab.nav-left.nav-primary .nav-link.active,
.border-tab.nav-left.nav-primary .show > .nav-link {
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-right.nav-primary .nav-link.active,
.border-tab.nav-right.nav-primary .show > .nav-link {
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-secondary .nav-link.active,
.border-tab.nav-secondary .nav-item.show,
.border-tab.nav-secondary .nav-link:focus,
.border-tab.nav-secondary .nav-link:hover {
  color: #FE6A49;
  background-color: transparent; }

.border-tab.nav-secondary .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-secondary .nav-item .nav-link.active, .border-tab.nav-secondary .nav-item .nav-link.show, .border-tab.nav-secondary .nav-item .nav-link:focus {
    border-bottom: 2px solid #FE6A49; }
  .border-tab.nav-secondary .nav-item .nav-link.active, .border-tab.nav-secondary .nav-item .nav-link.show, .border-tab.nav-secondary .nav-item .nav-link:focus, .border-tab.nav-secondary .nav-item .nav-link:hover {
    color: #FE6A49; }

.border-tab.nav-left.nav-secondary .nav-link.active,
.border-tab.nav-left.nav-secondary .show > .nav-link {
  border-left-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-right.nav-secondary .nav-link.active,
.border-tab.nav-right.nav-secondary .show > .nav-link {
  border-right-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-success .nav-link.active,
.border-tab.nav-success .nav-item.show,
.border-tab.nav-success .nav-link:focus,
.border-tab.nav-success .nav-link:hover {
  color: #00AC46;
  background-color: transparent; }

.border-tab.nav-success .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-success .nav-item .nav-link.active, .border-tab.nav-success .nav-item .nav-link.show, .border-tab.nav-success .nav-item .nav-link:focus {
    border-bottom: 2px solid #00AC46; }
  .border-tab.nav-success .nav-item .nav-link.active, .border-tab.nav-success .nav-item .nav-link.show, .border-tab.nav-success .nav-item .nav-link:focus, .border-tab.nav-success .nav-item .nav-link:hover {
    color: #00AC46; }

.border-tab.nav-left.nav-success .nav-link.active,
.border-tab.nav-left.nav-success .show > .nav-link {
  border-left-color: #00AC46;
  color: #00AC46; }

.border-tab.nav-right.nav-success .nav-link.active,
.border-tab.nav-right.nav-success .show > .nav-link {
  border-right-color: #00AC46;
  color: #00AC46; }

.border-tab.nav-danger .nav-link.active,
.border-tab.nav-danger .nav-item.show,
.border-tab.nav-danger .nav-link:focus,
.border-tab.nav-danger .nav-link:hover {
  color: #FE6A49;
  background-color: transparent; }

.border-tab.nav-danger .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-danger .nav-item .nav-link.active, .border-tab.nav-danger .nav-item .nav-link.show, .border-tab.nav-danger .nav-item .nav-link:focus {
    border-bottom: 2px solid #FE6A49; }
  .border-tab.nav-danger .nav-item .nav-link.active, .border-tab.nav-danger .nav-item .nav-link.show, .border-tab.nav-danger .nav-item .nav-link:focus, .border-tab.nav-danger .nav-item .nav-link:hover {
    color: #FE6A49; }

.border-tab.nav-left.nav-danger .nav-link.active,
.border-tab.nav-left.nav-danger .show > .nav-link {
  border-left-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-right.nav-danger .nav-link.active,
.border-tab.nav-right.nav-danger .show > .nav-link {
  border-right-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-info .nav-link.active,
.border-tab.nav-info .nav-item.show,
.border-tab.nav-info .nav-link:focus,
.border-tab.nav-info .nav-link:hover {
  color: #173878;
  background-color: transparent; }

.border-tab.nav-info .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-info .nav-item .nav-link.active, .border-tab.nav-info .nav-item .nav-link.show, .border-tab.nav-info .nav-item .nav-link:focus {
    border-bottom: 2px solid #173878; }
  .border-tab.nav-info .nav-item .nav-link.active, .border-tab.nav-info .nav-item .nav-link.show, .border-tab.nav-info .nav-item .nav-link:focus, .border-tab.nav-info .nav-item .nav-link:hover {
    color: #173878; }

.border-tab.nav-left.nav-info .nav-link.active,
.border-tab.nav-left.nav-info .show > .nav-link {
  border-left-color: #173878;
  color: #173878; }

.border-tab.nav-right.nav-info .nav-link.active,
.border-tab.nav-right.nav-info .show > .nav-link {
  border-right-color: #173878;
  color: #173878; }

.border-tab.nav-light .nav-link.active,
.border-tab.nav-light .nav-item.show,
.border-tab.nav-light .nav-link:focus,
.border-tab.nav-light .nav-link:hover {
  color: #E6E9EB;
  background-color: transparent; }

.border-tab.nav-light .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-light .nav-item .nav-link.active, .border-tab.nav-light .nav-item .nav-link.show, .border-tab.nav-light .nav-item .nav-link:focus {
    border-bottom: 2px solid #E6E9EB; }
  .border-tab.nav-light .nav-item .nav-link.active, .border-tab.nav-light .nav-item .nav-link.show, .border-tab.nav-light .nav-item .nav-link:focus, .border-tab.nav-light .nav-item .nav-link:hover {
    color: #E6E9EB; }

.border-tab.nav-left.nav-light .nav-link.active,
.border-tab.nav-left.nav-light .show > .nav-link {
  border-left-color: #E6E9EB;
  color: #E6E9EB; }

.border-tab.nav-right.nav-light .nav-link.active,
.border-tab.nav-right.nav-light .show > .nav-link {
  border-right-color: #E6E9EB;
  color: #E6E9EB; }

.border-tab.nav-dark .nav-link.active,
.border-tab.nav-dark .nav-item.show,
.border-tab.nav-dark .nav-link:focus,
.border-tab.nav-dark .nav-link:hover {
  color: #2c323f;
  background-color: transparent; }

.border-tab.nav-dark .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-dark .nav-item .nav-link.active, .border-tab.nav-dark .nav-item .nav-link.show, .border-tab.nav-dark .nav-item .nav-link:focus {
    border-bottom: 2px solid #2c323f; }
  .border-tab.nav-dark .nav-item .nav-link.active, .border-tab.nav-dark .nav-item .nav-link.show, .border-tab.nav-dark .nav-item .nav-link:focus, .border-tab.nav-dark .nav-item .nav-link:hover {
    color: #2c323f; }

.border-tab.nav-left.nav-dark .nav-link.active,
.border-tab.nav-left.nav-dark .show > .nav-link {
  border-left-color: #2c323f;
  color: #2c323f; }

.border-tab.nav-right.nav-dark .nav-link.active,
.border-tab.nav-right.nav-dark .show > .nav-link {
  border-right-color: #2c323f;
  color: #2c323f; }

.border-tab.nav-warning .nav-link.active,
.border-tab.nav-warning .nav-item.show,
.border-tab.nav-warning .nav-link:focus,
.border-tab.nav-warning .nav-link:hover {
  color: #FFAE1A;
  background-color: transparent; }

.border-tab.nav-warning .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-warning .nav-item .nav-link.active, .border-tab.nav-warning .nav-item .nav-link.show, .border-tab.nav-warning .nav-item .nav-link:focus {
    border-bottom: 2px solid #FFAE1A; }
  .border-tab.nav-warning .nav-item .nav-link.active, .border-tab.nav-warning .nav-item .nav-link.show, .border-tab.nav-warning .nav-item .nav-link:focus, .border-tab.nav-warning .nav-item .nav-link:hover {
    color: #FFAE1A; }

.border-tab.nav-left.nav-warning .nav-link.active,
.border-tab.nav-left.nav-warning .show > .nav-link {
  border-left-color: #FFAE1A;
  color: #FFAE1A; }

.border-tab.nav-right.nav-warning .nav-link.active,
.border-tab.nav-right.nav-warning .show > .nav-link {
  border-right-color: #FFAE1A;
  color: #FFAE1A; }

.flex-space {
  display: flex;
  gap: 16px; }
  @media (max-width: 576px) {
    .flex-space {
      justify-content: center; } }
.tab-img {
  height: 100px; }

.nav-item .navlink-title {
  background-color: unset;
  padding: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.simple-wrapper .dropdown-collection .dropdown-item:hover, .simple-wrapper .dropdown-collection .dropdown-item:active {
  background-color: #E6E9EB !important; }

.blog-wrapper .blog-img {
  width: 100px;
  height: 100px; }

.designer-details {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px; }
  @media (max-width: 1400px) {
    .designer-details {
      gap: calc(14px + (35 - 14) * ((100vw - 320px) / (1400 - 320))); } }
  .designer-details .designer-profile {
    display: inline-block; }
    .designer-details .designer-profile .designer-wrap {
      display: flex;
      align-items: center;
      gap: 12px; }
      .designer-details .designer-profile .designer-wrap .designer-img {
        height: 50px;
        border-radius: 100%; }
      .designer-details .designer-profile .designer-wrap .designer-content h6 {
        font-weight: 500; }
      .designer-details .designer-profile .designer-wrap .designer-content p {
        color: #999999; }

.nav-tabs .nav-border {
  color: #000;
  border: none; }

.ico-color {
  color: #FFAE1A;
  font-size: 16px; }

.main-inbox .header-inbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #999999;
  padding-bottom: 8px; }
  .main-inbox .header-inbox .header-left-inbox {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap; }
    .main-inbox .header-inbox .header-left-inbox .inbox-img img {
      width: 50px;
      height: 50px;
      border-radius: 100%; }
  .main-inbox .header-inbox .header-right-inbox {
    display: flex;
    gap: 12px; }
    @media (max-width: 560px) {
      .main-inbox .header-inbox .header-right-inbox {
        display: none; } }
.main-inbox .body-inbox .body-h-wrapper {
  display: flex;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--light-border);
  align-items: center; }
  @media (max-width: 630px) {
    .main-inbox .body-inbox .body-h-wrapper {
      align-items: unset; } }
.tab-space {
  font-size: 14px; }

#bottom-tab .nav-border.tab-primary:hover {
  color: #006666; }

#bottom-tab .nav-border.tab-primary:focus, #bottom-tab .nav-border.tab-primary:active, #bottom-tab .nav-border.tab-primary.active {
  color: #006666;
  border-bottom: 2px solid #006666; }

#bottom-tab .nav-border.tab-secondary:hover {
  color: #FE6A49; }

#bottom-tab .nav-border.tab-secondary:focus, #bottom-tab .nav-border.tab-secondary:active, #bottom-tab .nav-border.tab-secondary.active {
  color: #FE6A49;
  border-bottom: 2px solid #FE6A49; }

#bottom-tab .nav-border.tab-success:hover {
  color: #00AC46; }

#bottom-tab .nav-border.tab-success:focus, #bottom-tab .nav-border.tab-success:active, #bottom-tab .nav-border.tab-success.active {
  color: #00AC46;
  border-bottom: 2px solid #00AC46; }

#bottom-tab .nav-border.tab-danger:hover {
  color: #FE6A49; }

#bottom-tab .nav-border.tab-danger:focus, #bottom-tab .nav-border.tab-danger:active, #bottom-tab .nav-border.tab-danger.active {
  color: #FE6A49;
  border-bottom: 2px solid #FE6A49; }

#bottom-tab .nav-border.tab-warning:hover {
  color: #FFAE1A; }

#bottom-tab .nav-border.tab-warning:focus, #bottom-tab .nav-border.tab-warning:active, #bottom-tab .nav-border.tab-warning.active {
  color: #FFAE1A;
  border-bottom: 2px solid #FFAE1A; }

#bottom-tab .nav-border.tab-info:hover {
  color: #173878; }

#bottom-tab .nav-border.tab-info:focus, #bottom-tab .nav-border.tab-info:active, #bottom-tab .nav-border.tab-info.active {
  color: #173878;
  border-bottom: 2px solid #173878; }

#bottom-tab .nav-border.tab-light:hover {
  color: #E6E9EB; }

#bottom-tab .nav-border.tab-light:focus, #bottom-tab .nav-border.tab-light:active, #bottom-tab .nav-border.tab-light.active {
  color: #E6E9EB;
  border-bottom: 2px solid #E6E9EB; }

#bottom-tab .nav-border.tab-dark:hover {
  color: #2c323f; }

#bottom-tab .nav-border.tab-dark:focus, #bottom-tab .nav-border.tab-dark:active, #bottom-tab .nav-border.tab-dark.active {
  color: #2c323f;
  border-bottom: 2px solid #2c323f; }

#sideline-tab .nav-effect {
  display: inline-block;
  position: relative; }
  #sideline-tab .nav-effect::after {
    content: '';
    position: absolute;
    left: 0;
    display: inline-block;
    height: 14px;
    width: 80%;
    border-bottom: 1px solid;
    margin-top: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transform: scale(0, 1); }
  #sideline-tab .nav-effect:hover::after {
    opacity: 1;
    transform: scale(1); }

.tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link:hover, .tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link.active {
  background-color: unset;
  border-left: none;
  border-radius: 0;
  transition: none; }

@media (max-width: 576px) {
  .pills-blogger {
    justify-content: center;
    flex-wrap: wrap; } }

::placeholder {
  font-size: 14px; }

.material-wrapper {
  display: flex;
  gap: 12px; }
  @media (max-width: 576px) {
    .material-wrapper {
      flex-direction: column;
      align-items: center; } }
/**=====================
    2.29 Tab CSS Ends
==========================**/
/**=====================
    2.30 Table CSS Start
==========================**/
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: #E6E9EB; }

tbody tr:last-child {
  border-bottom: none; }

.pills-component {
  width: 20%; }

#row_create td.highlight {
  font-weight: 600;
  color: #006666; }

#row_create td.danger {
  font-weight: 600;
  color: #FE6A49; }

.table {
  margin-bottom: 0px; }
  .table > :not(:last-child) > :last-child > * {
    border-bottom-color: #ecf3fa; }
  .table th,
  .table td {
    padding: 0.75rem; }
  .table.table-primary th {
    color: #fff; }
  .table thead.bg-primary tr th {
    color: #fff; }
  .table th {
    color: #051A1A;
    font-weight: 500; }
    .table th.f-light {
      color: var(--chart-text-color);
      opacity: 0.8; }
  .table td {
    color: #051A1A; }
  .table [class*='bg-'] {
    color: #fff; }
  .table .bg-light {
    color: #051A1A; }
  .table tfoot {
    font-weight: bold; }

.table-dark th {
  color: #fff; }

.table-inverse {
  background-color: #292b2c; }
  .table-inverse tr {
    border: 1px solid #fff; }
  .table-inverse th, .table-inverse.table-bordered {
    border: 0; }
  .table-inverse th {
    color: #fff;
    border-color: #fff; }
  .table-inverse td {
    color: #fff; }

.table-hover > tbody > tr:hover {
  --bs-table-accent-bg: #f6f6f6; }

.table-hover tbody tr {
  vertical-align: middle; }
  .table-hover tbody tr:hover {
    background-color: rgba(0, 102, 102, 0.1); }
  .table-hover tbody tr td svg {
    width: 30px;
    height: 30px;
    padding: 5px;
    border-radius: 4px;
    margin-right: 10px; }
    [dir="rtl"] .table-hover tbody tr td svg {
      margin-right: unset;
      margin-left: 10px; }

.typography-table tr:last-child {
  border-bottom: none; }
  .typography-table tr:last-child td {
    border-bottom: none; }

.table-double {
  border-left: 4px double #dee2e6;
  border-right: 4px double #dee2e6; }
  .table-double thead,
  .table-double tbody,
  .table-double tfoot,
  .table-double tr,
  .table-double td,
  .table-double th {
    border-style: double;
    border-width: 4px;
    border-right: 0;
    border-left: 0; }

.table-dotted {
  border-left: 2px dotted #dee2e6;
  border-right: 2px dotted #dee2e6; }
  .table-dotted thead,
  .table-dotted tbody,
  .table-dotted tfoot,
  .table-dotted tr,
  .table-dotted td,
  .table-dotted th {
    border-style: dotted !important;
    border-width: 2px;
    border-right: 0;
    border-left: 0; }

.table-dashed {
  border: 1px dashed #E6E9EB; }
  .table-dashed thead,
  .table-dashed tbody,
  .table-dashed tfoot,
  .table-dashed tr,
  .table-dashed td,
  .table-dashed th {
    border-style: dashed !important;
    border-width: 1px;
    border-right: 0;
    border-left: 0;
    border-bottom: 0px !important; }

.table-xl td,
.table-xl th {
  padding: 1.25rem 2rem;
  font-size: 120%; }

.table-lg td,
.table-lg th {
  padding: 0.9rem 2rem;
  font-size: 110%; }

.table-de td,
.table-de th {
  padding: 0.75rem 2rem; }

.table-sm th,
.table-sm td {
  padding: 0.5rem 2rem;
  font-size: 90%; }

.table-xs th,
.table-xs td {
  padding: 0.2rem 2rem;
  font-size: 80%; }

.table-border-horizontal tr,
.table-border-horizontal th,
.table-border-horizontal td {
  border-top: 1px solid #f2f4ff;
  padding: 0.75rem 2rem; }

.table-border-vertical tr,
.table-border-vertical th,
.table-border-vertical td {
  border-top: 0;
  border-right: 1px solid #f2f4ff; }

.table-border-vertical tr td {
  border-bottom: 0; }
  .table-border-vertical tr td:last-child {
    border-right: none; }

.table-border-vertical tbody tr th {
  border-bottom: 0; }

.table-bordernone td {
  border: none !important; }

.table-bordernone thead th {
  border: none !important; }

.table-bordernone .u-s-tb {
  padding: 11px; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--light-background);
  --bs-table-accent-bg: unset; }

.table-bordered thead,
.table-bordered tbody,
.table-bordered tfoot,
.table-bordered tr,
.table-bordered td,
.table-bordered th {
  border-color: rgba(153, 153, 153, 0.3); }

/**=====================
    2.30 Table CSS Ends
==========================**/
/**=====================
   2.31 Toasts CSS Start
==========================**/
.toast-container {
  position: unset; }

.toast {
  width: 350px;
  max-width: 100%;
  font-size: .875rem;
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }

.toast-index {
  z-index: 12; }
  .toast-index.toast:not(.showing):not(.show) {
    opacity: 0; }
  .toast-index.toast-fade {
    transition: opacity 0.15s linear; }
  .toast-index.show {
    display: block; }

.toast-img img {
  width: 30px;
  height: 30px; }

.bd-example-toasts {
  min-height: 400px; }

.toast:not(.showing):not(.show) {
  opacity: 0; }

.toast-content {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 65px;
  margin: 0 auto;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

[dir="rtl"] .toast-rtl .toast .toast-header strong {
  margin-right: unset !important;
  margin-left: auto !important; }

[dir="rtl"] .toast-rtl .toast .btn-close {
  margin-right: 6px;
  margin-left: unset; }

@media (max-width: 1920px) {
  .toast-dark .btn {
    padding: calc(6px + (6 - 6) * ((100vw - 320px) / (1920 - 320))) calc(4px + (28 - 4) * ((100vw - 320px) / (1920 - 320))); } }

.toast-icons {
  margin-right: 6px;
  width: 20px;
  height: 20px; }
  [dir="rtl"] .toast-icons {
    margin-right: unset;
    margin-left: 6px; }

/**=====================
   2.31 Toasts CSS Ends
==========================**/
/**=====================
  2.32 Touchspin CSS Start
==========================**/
.bootstrap-touchspin input.touchspin {
  padding: 0 12px; }

.bootstrap-touchspin .input-group .btn {
  padding: 0.5rem 1.75rem; }

.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical .bootstrap-touchspin-down {
    margin-top: -2px; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical i {
    position: absolute;
    top: 4px;
    left: 7px;
    font-size: 10px;
    font-weight: normal; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 9px;
    margin-left: -1px;
    position: relative; }

.bootstrap-touchspin .input-group {
  font-family: "Montserrat", sans-serif; }
  .bootstrap-touchspin .input-group .btn {
    border-radius: 0 !important; }

.bootstrap-touchspin .dropdown-basic .dropdown .dropbtn {
  padding: 9px 30px; }

.bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content {
  z-index: 9999; }

.touchspin-wrapper .btn-touchspin {
  border-radius: 5px;
  width: 32px;
  height: 32px; }

.touchspin-wrapper input[type='number'] {
  width: 85px;
  padding: 3px;
  text-align: center;
  height: 30px; }

.hover-touchspin .btn-touchspin.spin-border-dark:hover {
  background-color: #2c323f;
  color: #fff; }

.pre-post-touchspin .decrement-touchspin,
.pre-post-touchspin .increment-touchspin,
.pre-post-touchspin .input-group-text {
  padding: 7px 14px;
  border: 0; }

.pre-post-touchspin .input-group-text {
  background-color: var(--light-bg); }

.pre-post-touchspin .input-touchspin {
  border: 1px solid var(--course-light-btn);
  border-width: 2px;
  text-align: center; }

.pre-post-touchspin .input-group {
  width: auto; }
  @media (max-width: 768px) {
    .pre-post-touchspin .input-group .input-touchspin {
      width: 100px; } }
.pre-post-touchspin.bg-touchspin button[type='button'] {
  border: 1px solid var(--course-light-btn);
  border-width: 2px;
  text-align: center; }

.pre-post-touchspin .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.rounded-touchspin .btn-touchspin {
  border-radius: 50%; }

.rounded-touchspin .touchspin-wrapper input.input-touchspin[type="number"] {
  border-radius: 15px; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; }

/**=====================
    2.32 Touchspin CSS Ends
==========================**/
/**=====================
  2.33 Tour CSS Start
==========================**/
.introjs-helperLayer {
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); }

.introjs-tooltipReferenceLayer {
  background-color: transparent; }

.introjs-helperNumberLayer {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: #FE6A49;
  background: linear-gradient(to bottom, var(--theme-deafult) 0%, var(--theme-deafult) 100%);
  border: 3px solid #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); }

.introjs-arrow {
  border: 12px solid #fff; }
  .introjs-arrow.top {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-deafult);
    border-left-color: transparent; }
  .introjs-arrow.top-right {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-deafult);
    border-left-color: transparent; }
  .introjs-arrow.top-middle {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-deafult);
    border-left-color: transparent; }
  .introjs-arrow.right {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: var(--theme-deafult); }
  .introjs-arrow.right-bottom {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: var(--theme-deafult); }
  .introjs-arrow.bottom {
    border-top-color: var(--theme-deafult);
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  .introjs-arrow.left {
    border-top-color: transparent;
    border-right-color: var(--theme-deafult);
    border-bottom-color: transparent;
    border-left-color: transparent; }
  .introjs-arrow.left-bottom {
    border-top-color: transparent;
    border-right-color: var(--theme-deafult);
    border-bottom-color: transparent;
    border-left-color: transparent; }

.introjs-tooltip {
  background-color: var(--theme-deafult);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  color: #fff;
  border-color: var(--theme-deafult);
  min-width: calc(275px + (310 - 275) * ((100vw - 320px) / (1920 - 320)));
  max-width: 400px;
  min-height: 90px; }

.introjs-button {
  border: 1px solid #efefef;
  text-shadow: 1px 1px 0 #fff;
  color: #051A1A !important;
  background-color: #fff;
  background-image: linear-gradient(#fff, #fff);
  font-size: 13px; }
  .introjs-button:hover {
    border-color: #efefef; }
  .introjs-button:focus, .introjs-button:active {
    background-image: linear-gradient(#ecf3fa, #efefef); }

.introjs-skipbutton {
  color: var(--theme-deafult); }

.introjs-prevbutton.introjs-fullbutton {
  border: 1px solid #efefef; }

.introjs-disabled {
  color: var(--theme-deafult);
  border-color: #efefef; }
  .introjs-disabled:hover, .introjs-disabled:focus {
    color: var(--theme-deafult);
    border-color: #efefef; }

.introjs-bullets ul li a {
  background: #ecf3fa; }
  .introjs-bullets ul li a:hover {
    background: #fff; }
  .introjs-bullets ul li a.active {
    background: #fff; }

.introjs-progress {
  background-color: #E6E9EB; }

.introjs-progressbar {
  background-color: var(--theme-deafult); }

.introjs-hint:hover > .introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.57); }

.introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.27);
  background-color: rgba(136, 136, 136, 0.24); }

.introjs-hint-dot {
  border: 10px solid rgba(146, 146, 146, 0.36); }

.media-body .tour-wrapper {
  display: flex;
  align-items: center;
  gap: 8px; }
  .media-body .tour-wrapper .tour-dot {
    font-size: 5px; }

.tour-blog {
  height: 350px; }
  @media (max-width: 992px) {
    .tour-blog {
      height: calc(200px + (350 - 200) * ((100vw - 320px) / (992 - 320))); } }
  .tour-blog img {
    height: 100%;
    object-fit: cover; }

.info h6 {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); }

.info span {
  font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320))); }

.tour-email {
  display: flex;
  flex-direction: column; }
  @media (max-width: 576px) {
    .tour-email {
      align-items: center; } }
.block-ellipsis {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  margin: 0 auto;
  font-size: 14px;
  line-height: 26px !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.profile-img-style h5 {
  line-height: 25px; }

.list-inline .list-inline-item.b-r-gray {
  border-right: 1px solid #E6E9EB; }

.social-tour {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 26px; }
  .social-tour .list-inline {
    display: flex;
    justify-content: center;
    gap: calc(12px + (26 - 12) * ((100vw - 320px) / (1920 - 320))); }
    .social-tour .list-inline .list-inline-item {
      margin-right: 0; }
      .social-tour .list-inline .list-inline-item a {
        padding: 0px; }
        .social-tour .list-inline .list-inline-item a i {
          font-size: 18px; }
    @media (max-width: 599px) {
      .social-tour .list-inline {
        display: none; } }
  .social-tour .float-sm-end {
    min-width: 81px; }

.tour-mb-space {
  margin-bottom: calc(2px + (8 - 2) * ((100vw - 320px) / (1920 - 320))); }

.like-comment .list-inline {
  justify-content: flex-start; }
  @media (max-width: 324px) {
    .like-comment .list-inline {
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 8px; } }
  [dir="rtl"] .like-comment .list-inline .list-inline-item {
    border-right: 0;
    border-left: 1px solid #E6E9EB; }
  [dir="rtl"] .like-comment .list-inline .list-inline-item:last-child {
    border-right: 0;
    border-left: unset; }

/**=====================
  2.33 Tour CSS Ends
==========================**/
/**=====================
   2.34 Tree CSS Start
==========================**/
[dir="rtl"] .treejs .treejs-nodes {
  padding-left: unset;
  padding-right: 20px; }

[dir="rtl"] .treejs .treejs-node.treejs-placeholder {
  padding-right: 20px;
  padding-left: unset; }

.treejs .treejs-node__halfchecked > .treejs-checkbox:before {
  background-color: #006666 !important;
  border-color: #006666 !important; }

[dir="rtl"] .treejs .treejs-node__halfchecked > .treejs-checkbox:after {
  right: 3px;
  left: unset; }

.treejs .treejs-node__checked > .treejs-checkbox:before {
  background-color: #00AC46 !important;
  border-color: #2c323f !important; }

[dir="rtl"] .treejs .treejs-node__checked > .treejs-checkbox:after {
  right: 5px;
  left: unset; }

/**=====================
   2.34 Tree CSS Ends
==========================**/
/**=====================
    2.35 Typeahead-search CSS Start
==========================**/
.Typeahead {
  width: 100%; }
  .Typeahead * {
    box-sizing: border-box; }
    .Typeahead *:before {
      box-sizing: border-box; }
    .Typeahead *:after {
      box-sizing: border-box; }
  .Typeahead .tt-hint {
    display: none !important; }

.u-cf:before {
  content: " ";
  display: table; }

.u-cf:after {
  content: " ";
  display: table;
  clear: both; }

.u-hidden {
  display: none !important; }

.u-posRelative {
  position: relative; }

.Typeahead-spinner {
  position: absolute;
  top: 14px;
  right: 18px;
  display: none;
  color: #c5c5c5; }

.ProfileCard-avatar svg {
  height: 18px;
  vertical-align: bottom; }
  .ProfileCard-avatar svg path {
    color: #7e7c7c !important; }
  .ProfileCard-avatar svg polygon {
    color: #7e7c7c !important; }

.Typeahead-hint {
  width: 100%;
  padding: 5px 8px;
  font-size: 24px;
  line-height: 30px;
  border: 1px solid #024e6a;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  color: #ccd6dd;
  opacity: 1; }

.Typeahead-menu {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 15px;
  z-index: 100;
  display: none;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.Typeahead-menu.is-open {
  display: block; }

.Typeahead-selectable {
  cursor: pointer; }
  .Typeahead-selectable + .Typeahead-selectable {
    border-top: 1px solid #ccd6dd; }

.ProfileCard {
  position: relative;
  padding: 10px;
  border: 1px solid #E6E9EB !important;
  margin-bottom: 10px;
  border-radius: 10px; }
  .ProfileCard:hover {
    color: #414345;
    background: #f8f8f8; }
    .ProfileCard:hover .ProfileCard-avatar {
      border-color: #f5f8fa; }
    .ProfileCard:hover .ProfileCard-screenName {
      color: #fff; }
    .ProfileCard:hover .ProfileCard-stat-label {
      color: #fff; }

.ProfileCard-avatar {
  position: absolute;
  border-radius: 5px; }

.ProfileCard-details {
  padding-left: 35px;
  float: left; }

.ProfileCard-realName {
  display: inline-block;
  color: #898989; }

.ProfileCard-screenName {
  display: inline-block;
  color: #898989; }

.ProfileCard-description {
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px; }

.ProfileCard-stats {
  float: right;
  text-align: right; }

.ProfileCard-stat {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase; }
  .ProfileCard-stat + .ProfileCard-stat {
    margin-left: 5px; }

.ProfileCard-stat-label {
  color: #898989;
  font-weight: 500; }

.ProfileCard.is-active {
  color: #fff;
  background: var(--theme-deafult); }
  .ProfileCard.is-active .ProfileCard-screenName {
    color: #fff; }
  .ProfileCard.is-active .ProfileCard-stat-label {
    color: #fff; }

.EmptyMessage {
  position: relative;
  padding: 10px;
  font-size: 14px;
  line-height: 30px;
  text-align: center; }

.Typeahead-spinner {
  width: 1rem;
  height: 1rem; }

.sey-container {
  display: none;
  position: absolute;
  box-shadow: 1px 2px 6px;
  background-color: #fff;
  color: #333;
  transition: left 0.1s ease-in-out;
  z-index: 1; }

.sey-list {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.sey-show {
  display: block; }

.sey-hide {
  display: none; }

.sey-empty {
  cursor: default;
  padding: 7px; }

.sey-item {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 7px; }
  .sey-item:hover {
    background-color: #444;
    color: #fff; }

.sey-selected {
  background-color: #333;
  color: #fff; }

.sey-char-highlight {
  font-weight: bold; }

.sey-category-id {
  background-color: #eee;
  color: #aaa;
  text-align: right;
  text-transform: capitalize;
  font-style: italic;
  font-size: 12px;
  box-shadow: 1px 0px 1px;
  padding: 7px; }

/**=====================
  2.35 Typeahead-search CSS Ends
==========================**/
.bg-login {
  background: url(/assets/bg_image-514fa38a1ca385642eef573a9fdb7aedd960dfc7beb8785aea7a8e24c2945d5b.jpg) no-repeat cover; }

.bg-registration {
  background: url(/assets/logo-0729395814e119aa9a8d73db45c16c1b56215e4e3e46cfcce84553b265c0b696.jpg);
  background-size: cover;
  height: 100%; }

.dropdown .dropdown-menu {
  transition: all 0.3s;
  overflow: hidden;
  transform-origin: top center;
  transform: scale(1, 0);
  display: block; }

.dropdown-menu.show {
  margin-top: 8px;
  transform: scale(1); }

.register-page .card {
  border-radius: 20px; }

#overlay-section .overlay-content {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  padding: 2%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1040;
  cursor: pointer; }

.table-responsive .table-no {
  width: 1em; }

.table-responsive .table-column {
  width: 3em; }

.login-page {
  background-color: #06ae5a; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #6650a7 !important; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff !important; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #d9bebe !important; }

.select2-dropdown {
  display: none !important; }
.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url(/assets/fonts/font-awesome/fontawesome-webfont-82ff0fe46a6f60e0ab3c4a9891a0ae0a1f7b7e84c625f55358379177a2dcb202.eot?v=4.7.0);
  src: url(/assets/fonts/font-awesome/fontawesome-webfont-82ff0fe46a6f60e0ab3c4a9891a0ae0a1f7b7e84c625f55358379177a2dcb202.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(/assets/fonts/font-awesome/fontawesome-webfont-fa79d127baca4558a0b973f5f514b90fc5ef43314c41095f5cb285ffaa0a4029.woff2?v=4.7.0) format('woff2'), url(/assets/fonts/font-awesome/fontawesome-webfont-c9a0a23a23a3f6f7165cba218b40483a0b1750d92b49c40842f1d8f566f5f421.woff?v=4.7.0) format('woff'), url(/assets/fonts/font-awesome/fontawesome-webfont-2794b002e3568f5abce8991e2431ca79e0ce84a08ea1268884b4e097b62762a6.ttf?v=4.7.0) format('truetype'), url(/assets/fonts/font-awesome/fontawesome-webfont-67c6c8e9ffb0fcd7c7c64eaff12a298abf5b54a54b54f0e6c4c49161dba62d6d.svg?v=4.7.0#fontawesomeregular) format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }

/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");
  unicode-range: U+0370-03FF; }

/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/*! jQuery UI - v1.13.0 - 2021-10-07
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(/%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(/%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(/%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(/%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(/%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(/%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(/%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	-ms-filter: "alpha(opacity=25)"; /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	-ms-filter: "alpha(opacity=70)"; /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(/images/ui-icons_444444_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(/images/ui-icons_444444_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url(/images/ui-icons_555555_256x240.png);
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url(/images/ui-icons_ffffff_256x240.png);
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url(/images/ui-icons_777620_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(/images/ui-icons_cc0000_256x240.png);
}
.ui-button .ui-icon {
	background-image: url(/images/ui-icons_777777_256x240.png);
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .003;
	-ms-filter: Alpha(Opacity=.3); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}
/**=====================
  5.9 Box-layout CSS start
==========================**/
.box-layout {
  background-blend-mode: overlay;
  background-color: rgba(255, 255, 255, 0.5);
  overflow: hidden; }
  .box-layout.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu {
    background-color: #1A1C23; }
  .box-layout.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links > li:hover .sidebar-submenu {
    opacity: 1;
    visibility: visible;
    display: block !important;
    top: 58px; }
  .box-layout .today-work-table .today-working-table tbody tr td {
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom: 1px dashed #E6E9EB; }
  .box-layout .today-work-table .today-working-table tbody tr td:nth-child(1) {
    min-width: 165px; }
  .box-layout .today-work-table .today-working-table tbody tr td:nth-child(2) {
    min-width: 170px; }
  .box-layout .today-work-table .today-working-table tbody tr td:nth-child(3) {
    display: none; }
  .box-layout .today-work-table .today-working-table tbody tr:first-child td {
    padding-top: 0px; }
  .box-layout .today-work-table .today-working-table tbody tr td a {
    color: #051A1A;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .box-layout .today-work-table .today-working-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }
  .box-layout .today-work-table .today-working-table tbody tr:last-child td {
    padding-bottom: 0px;
    border: none; }
  .box-layout .tranaction-table thead {
    background-color: rgba(230, 233, 235, 0.3); }
    .box-layout .tranaction-table thead tr th {
      padding: 20px; }
      .box-layout .tranaction-table thead tr th:nth-child(1) {
        min-width: 160px; }
      .box-layout .tranaction-table thead tr th:nth-child(2) {
        min-width: 150px;
        padding: 20px 0px; }
      .box-layout .tranaction-table thead tr th:nth-child(3) {
        display: none; }
      .box-layout .tranaction-table thead tr th:nth-child(4) {
        min-width: 100px;
        padding: 20px 0px; }
      .box-layout .tranaction-table thead tr th:nth-child(5) {
        min-width: 50px; }
      .box-layout .tranaction-table thead tr th:first-child {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .box-layout .tranaction-table thead tr th:last-child {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; }
  .box-layout .tranaction-table tbody tr {
    border-bottom: 1px solid #E6E9EB; }
    .box-layout .tranaction-table tbody tr td {
      padding-top: 17px;
      padding-bottom: 17px; }
      .box-layout .tranaction-table tbody tr td .status-process {
        border-radius: 15px;
        padding: 12px; }
      .box-layout .tranaction-table tbody tr td:nth-child(3) {
        display: none; }
      .box-layout .tranaction-table tbody tr td:last-child .product-sub {
        text-align: center; }
    .box-layout .tranaction-table tbody tr:last-child {
      border: none; }
      .box-layout .tranaction-table tbody tr:last-child td {
        padding-bottom: 0px; }
  .box-layout .tranaction-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }
  @media only screen and (min-width: 1280px) {
    .box-layout .page-wrapper .page-header .header-wrapper .nav-right > ul > li .form-group .Typeahead .u-posRelative input {
      width: 96px !important; }
    .box-layout .learning-filter {
      order: -1; }
    .box-layout .artist-table .appointment-table.customer-table table tr td:last-child {
      min-width: 100px; }
    .box-layout .md-sidebar .md-sidebar-toggle {
      display: block; }
    .box-layout .md-sidebar .md-sidebar-aside {
      position: absolute;
      top: 40px;
      left: 0;
      opacity: 0;
      visibility: hidden;
      z-index: 3;
      width: 280px; }
      .box-layout .md-sidebar .md-sidebar-aside.open {
        opacity: 1;
        visibility: visible; }
    .box-layout .job-sidebar {
      background-color: var(--white);
      padding: 20px; }
    .box-layout .widget-1.mb-xl-0 {
      margin-bottom: 25px !important; }
    .box-layout .radial-progress-card .radial-chart-wrap {
      margin-right: -10px; }
    .box-layout .currency-widget div[class*=bg-light-] {
      display: none; }
    .box-layout .box-order .order-1 {
      order: 1 !important; }
    .box-layout .activity-card .appointment-table.customer-table {
      height: 187px; }
    .box-layout .transaction-table tr td:first-child {
      min-width: 150px; }
    .box-layout .purchase-card img {
      margin: -210px auto 0;
      width: 80%; }
    .box-layout .purchase-card.discover {
      margin-top: 90px; }
      .box-layout .purchase-card.discover img {
        margin-top: -90px;
        width: 64%; }
    .box-layout .apache-cotainer-large > div,
    .box-layout .apache-cotainer-large canvas,
    .box-layout #line-visual > div,
    .box-layout #line-visual canvas,
    .box-layout #line-visulH > div,
    .box-layout #line-visulH canvas {
      width: 100% !important; }
    .box-layout .page-wrapper.box-layout, .box-layout.page-wrapper.box-layout {
      padding-top: 40px;
      margin-top: 0 !important; }
    .box-layout .page-wrapper.compact-wrapper, .box-layout.page-wrapper.compact-wrapper {
      margin-top: 40px; }
      .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
        width: 230px;
        height: auto;
        top: 40px;
        border-radius: 10px 0 0 10px;
        overflow: hidden; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
          width: 1200px;
          left: 48%; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix {
          padding-left: 0; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
          height: calc(100vh - 180px); }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper {
          box-shadow: 0 8px 6px -6px rgba(89, 102, 122, 0.1); }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
          margin-top: 10px;
          margin-bottom: 20px;
          height: calc(100vh - 190px); }
      .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
        min-height: calc(100vh - 130px);
        margin-top: 0;
        top: 56px;
        overflow: scroll;
        max-height: calc(100vh - 220px);
        padding-bottom: 80px;
        margin-left: 230px; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #ecf3fa; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar {
          width: 6px; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
          background-color: rgba(68, 102, 242, 0.15); }
    .box-layout .page-wrapper.compact-sidebar .page-header, .box-layout.page-wrapper.compact-sidebar .page-header {
      padding-left: 148px; }
    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper {
      margin-top: 40px; }
      .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
        top: 40px; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
          display: none;
          transition: 0.5s; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
          height: calc(100vh - 166px);
          margin: 0; }
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
          .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
            left: 470px;
            top: 40px;
            height: calc(100vh - 84px); }
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
            animation: unset; }
      .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .footer, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .footer {
        margin-left: 0; }
      .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body {
        min-height: calc(100vh - 90px);
        margin-top: 0;
        top: 80px;
        overflow: scroll;
        max-height: calc(100vh - 170px);
        padding-bottom: 80px; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #ecf3fa; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar {
          width: 6px; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
          background-color: rgba(68, 102, 242, 0.15); }
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-header, .box-layout.page-wrapper.compact-sidebar.compact-small .page-header {
      padding-left: 90px; }
      .box-layout .page-wrapper.compact-sidebar.compact-small .page-header.close_icon, .box-layout.page-wrapper.compact-sidebar.compact-small .page-header.close_icon {
        padding-left: 0; }
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container, .box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
    .box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
      left: 410px; }
    .box-layout .page-wrapper.horizontal-wrapper:before, .box-layout.page-wrapper.horizontal-wrapper:before {
      display: none; }
    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper {
      margin-top: 40px; }
      .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
        margin-top: 80px;
        min-height: calc(100vh - 310px);
        max-height: calc(100vh - 230px);
        overflow: scroll; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #ecf3fa; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar {
          width: 6px; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
          background-color: rgba(68, 102, 242, 0.15); }
      .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .footer, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .footer {
        padding-left: 15px; }
      .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
        width: 1280px;
        top: 80px;
        margin: 0;
        overflow-x: unset;
        position: relative; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu {
          left: 0%;
          transform: translate(0, 0);
          top: 125px;
          background-color: #fff; }
    .box-layout .page-wrapper.horizontal-wrapper .page-header, .box-layout.page-wrapper.horizontal-wrapper .page-header {
      padding-left: 0; }
    .box-layout .page-wrapper.modern-type .page-header, .box-layout.page-wrapper.modern-type .page-header {
      padding-left: 0px; }
      .box-layout .page-wrapper.modern-type .page-header .header-wrapper .left-header, .box-layout.page-wrapper.modern-type .page-header .header-wrapper .left-header {
        width: 36%; }
      .box-layout .page-wrapper.modern-type .page-header .header-wrapper .nav-right, .box-layout.page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 46%; }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .page-body, .box-layout.page-wrapper.modern-type .page-body-wrapper .page-body {
      margin-left: 260px; }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper {
      top: 120px; }
      .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        height: calc(100vh - 311px); }
      .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 316px); }
      .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
        width: 1280px;
        left: 50%;
        margin-left: 0; }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .footer, .box-layout.page-wrapper.modern-type .page-body-wrapper .footer {
      margin-left: 0; }
    .box-layout .page-wrapper .page-header, .box-layout.page-wrapper .page-header {
      max-width: 1280px;
      margin: 0 auto;
      left: 0;
      right: 0;
      transition: 0.5s;
      padding-left: 230px;
      margin-top: 40px;
      border-radius: 10px;
      width: unset; }
      .box-layout .page-wrapper .page-header.close_icon, .box-layout.page-wrapper .page-header.close_icon {
        padding-left: 100px;
        margin-left: auto;
        width: calc(100% - 0px);
        transition: 0.5s; }
      .box-layout .page-wrapper .page-header .header-wrapper, .box-layout.page-wrapper .page-header .header-wrapper {
        border-radius: 10px 10px 0 0; }
    .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right,
    .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header, .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right,
    .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
      width: 36%; }
    .box-layout .page-wrapper.material-type .page-body-wrapper, .box-layout.page-wrapper.material-type .page-body-wrapper {
      margin-top: 0; }
      .box-layout .page-wrapper.material-type .page-body-wrapper .page-body, .box-layout.page-wrapper.material-type .page-body-wrapper .page-body {
        margin-top: 0; }
      .box-layout .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        top: 0; }
    .box-layout .page-wrapper.material-icon .page-header.close_icon, .box-layout.page-wrapper.material-icon .page-header.close_icon {
      margin-top: 40px !important; }
    .box-layout .page-wrapper.material-icon .page-body-wrapper, .box-layout.page-wrapper.material-icon .page-body-wrapper {
      margin-top: 0; }
      .box-layout .page-wrapper.material-icon .page-body-wrapper .page-body, .box-layout.page-wrapper.material-icon .page-body-wrapper .page-body {
        top: 0;
        min-height: calc(100vh - 170px);
        padding-bottom: 40px; }
    .box-layout .page-wrapper.advance-layout .page-header, .box-layout.page-wrapper.advance-layout .page-header {
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07); }
    .box-layout .page-wrapper.advance-layout .page-body-wrapper, .box-layout.page-wrapper.advance-layout .page-body-wrapper {
      margin-top: 0; }
    .box-layout .page-wrapper .page-body-wrapper, .box-layout.page-wrapper .page-body-wrapper {
      width: 1280px;
      box-shadow: 4px 11px 25px rgba(0, 0, 0, 0.07);
      margin: 0 auto;
      overflow: hidden; }
      .box-layout .page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive, .box-layout.page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive {
        min-width: 1087px;
        overflow: auto; }
      .box-layout .page-wrapper .page-body-wrapper .active-order-table, .box-layout.page-wrapper .page-body-wrapper .active-order-table {
        max-width: 443px;
        overflow: auto; }
        .box-layout .page-wrapper .page-body-wrapper .active-order-table table tbody tr td p, .box-layout.page-wrapper .page-body-wrapper .active-order-table table tbody tr td p {
          width: 100px; }
      .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.gradient-line-1:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.gradient-line-1:after {
        height: 57px;
        bottom: -64px; }
      .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.small-line:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.small-line:after {
        height: 36px;
        bottom: -43px; }
      .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.medium-line:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.medium-line:after {
        height: 40px;
        bottom: -48px; }
      .box-layout .page-wrapper .page-body-wrapper footer, .box-layout.page-wrapper .page-body-wrapper footer {
        width: 1280px;
        margin: 0 auto;
        padding-left: 230px;
        margin-bottom: 40px !important;
        position: fixed;
        left: 50%;
        z-index: 7;
        transform: translate(-50%, 0);
        border-radius: 0 0 10px; }
      .box-layout .page-wrapper .page-body-wrapper .blockquote-footer, .box-layout.page-wrapper .page-body-wrapper .blockquote-footer {
        margin-left: 0;
        width: 100%; }
      .box-layout .page-wrapper .page-body-wrapper .footer-fix, .box-layout.page-wrapper .page-body-wrapper .footer-fix {
        padding-left: 230px; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 300px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content > div, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content > div {
          z-index: 8;
          background-color: rgba(255, 255, 255, 0.75);
          background-blend-mode: overlay;
          width: 100%;
          padding: 30px;
          left: 15px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content button, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content button {
          width: 40%;
          font-size: 14px;
          margin: 0 auto; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons {
        margin-top: 20px;
        margin-bottom: 20px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons ul li, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons ul li {
          border: 1px dashed #717171;
          width: 50px;
          height: 50px;
          padding: 8px; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img {
        margin-top: 30px;
        margin-bottom: 30px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img img, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img img {
          width: 38%; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .total-time h2, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .total-time h2 {
        font-size: 28px;
        color: #717171; }
      .box-layout .page-wrapper .page-body-wrapper canvas#myLineCharts, .box-layout.page-wrapper .page-body-wrapper canvas#myLineCharts {
        width: 100%; }
      .box-layout .page-wrapper .page-body-wrapper .chat-right-aside, .box-layout.page-wrapper .page-body-wrapper .chat-right-aside {
        flex: 0 0 60%;
        max-width: 60%;
        overflow: hidden; }
      .box-layout .page-wrapper .page-body-wrapper .caller-img, .box-layout.page-wrapper .page-body-wrapper .caller-img {
        position: absolute;
        width: 100%;
        max-width: 100%;
        left: 15px; }
        .box-layout .page-wrapper .page-body-wrapper .caller-img img, .box-layout.page-wrapper .page-body-wrapper .caller-img img {
          opacity: 0.7; }
      .box-layout .page-wrapper .page-body-wrapper .browser-widget img, .box-layout.page-wrapper .page-body-wrapper .browser-widget img {
        height: 65px; }
      .box-layout .page-wrapper .page-body-wrapper .custom-card .card-header img, .box-layout.page-wrapper .page-body-wrapper .custom-card .card-header img {
        margin-top: -73px; }
      .box-layout .page-wrapper .page-body-wrapper .custom-card .card-profile img, .box-layout.page-wrapper .page-body-wrapper .custom-card .card-profile img {
        height: 130px;
        top: -17px; }
      .box-layout .page-wrapper .page-body-wrapper .select2, .box-layout.page-wrapper .page-body-wrapper .select2 {
        width: 901.781px; }
    .box-layout .page-wrapper ul.close_icon > li label, .box-layout.page-wrapper ul.close_icon > li label {
      padding: 0; }
      .box-layout .page-wrapper ul.close_icon > li label:after, .box-layout.page-wrapper ul.close_icon > li label:after {
        display: none; }
    .box-layout .page-wrapper .bookmark ul, .box-layout.page-wrapper .bookmark ul {
      margin-right: -1px; }
    .box-layout .page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn, .box-layout.page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn {
      padding-left: 20px;
      padding-right: 20px; }
    .box-layout .page-wrapper .btn-group-showcase .btn-radio .btn-group .radio input[type="radio"], .box-layout.page-wrapper .btn-group-showcase .btn-radio .btn-group .radio input[type="radio"] {
      display: none; }
    .box-layout .page-wrapper .d-flex.bitcoin-graph, .box-layout.page-wrapper .d-flex.bitcoin-graph {
      display: block; }
      .box-layout .page-wrapper .d-flex.bitcoin-graph .top-bitcoin, .box-layout.page-wrapper .d-flex.bitcoin-graph .top-bitcoin {
        display: inline-block;
        vertical-align: middle; }
      .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 {
        margin-top: 30px; }
        .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content .bitcoin-numbers h6, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content .bitcoin-numbers h6 {
          font-size: 14PX; }
        .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content.text-right, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content.text-right {
          text-align: center !important; }
    .box-layout .page-wrapper .alert.inverse p, .box-layout.page-wrapper .alert.inverse p {
      max-width: 238px;
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .box-layout .page-wrapper .auth-bg-effect .second-effect, .box-layout.page-wrapper .auth-bg-effect .second-effect {
      left: 55%; }
    .box-layout .page-wrapper .auth-bg-video video, .box-layout.page-wrapper .auth-bg-video video {
      min-width: 67%;
      width: 67%; }
    .box-layout .page-wrapper .page-builder .ge-canvas.ge-layout-desktop, .box-layout.page-wrapper .page-builder .ge-canvas.ge-layout-desktop {
      margin-top: 40px; }
    .box-layout .page-wrapper .page-builder .ge-addRowGroup, .box-layout.page-wrapper .page-builder .ge-addRowGroup {
      margin-bottom: 10px; }
    .box-layout .page-wrapper .pricing-wrapper-card, .box-layout.page-wrapper .pricing-wrapper-card {
      padding: 50px 20px; }
    .box-layout .page-wrapper .card .blog-box.blog-grid.set-min-height, .box-layout.page-wrapper .card .blog-box.blog-grid.set-min-height {
      min-height: 400px; }
    .box-layout .page-wrapper #donut-color-chart-morris-daily.flot-chart-placeholder, .box-layout.page-wrapper #donut-color-chart-morris-daily.flot-chart-placeholder {
      min-height: 430px; }
    .box-layout .page-wrapper #donut-color-chart-morris.flot-chart-placeholder, .box-layout.page-wrapper #donut-color-chart-morris.flot-chart-placeholder {
      min-height: 430px; }
    .box-layout .page-wrapper .box-col-12, .box-layout.page-wrapper .box-col-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    .box-layout .page-wrapper .box-col-6, .box-layout.page-wrapper .box-col-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    .box-layout .page-wrapper .box-col-3, .box-layout.page-wrapper .box-col-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    .box-layout .page-wrapper .box-col-7, .box-layout.page-wrapper .box-col-7 {
      flex: 0 0 60%;
      max-width: 60%; }
    .box-layout .page-wrapper .box-col-5, .box-layout.page-wrapper .box-col-5 {
      flex: 0 0 40%;
      max-width: 40%; }
    .box-layout .page-wrapper .box-col-8, .box-layout.page-wrapper .box-col-8 {
      flex: 0 0 70%;
      max-width: 70%; }
    .box-layout .page-wrapper .box-col-4e, .box-layout.page-wrapper .box-col-4e {
      flex: 0 0 30%;
      max-width: 30%; }
    .box-layout .page-wrapper .box-col-4, .box-layout.page-wrapper .box-col-4 {
      flex: 0 0 33.33%;
      max-width: 33%; }
    .box-layout .page-wrapper .box-col-8e, .box-layout.page-wrapper .box-col-8e {
      flex: 0 0 66.67%;
      max-width: 66.67%; }
    .box-layout .page-wrapper .box-col-none, .box-layout.page-wrapper .box-col-none {
      display: none !important; }
    .box-layout .page-wrapper .chat-box .chat-right-aside, .box-layout.page-wrapper .chat-box .chat-right-aside {
      flex: 0 0 100%;
      max-width: calc(100% - 15px);
      overflow: hidden; }
      .box-layout .page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i, .box-layout.page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i {
        font-size: 19px; }
    .box-layout .page-wrapper .chat-box .toogle-bar, .box-layout.page-wrapper .chat-box .toogle-bar {
      display: inline-block;
      margin-right: 0 !important; }
    .box-layout .page-wrapper .chat-menu, .box-layout.page-wrapper .chat-menu {
      right: 0;
      border-top: 1px dashed #ddd;
      opacity: 0;
      transform: translateY(-30px);
      visibility: hidden;
      top: 81px;
      position: absolute;
      z-index: 9;
      background-color: #fff;
      transition: all linear 0.3s; }
      .box-layout .page-wrapper .chat-menu.show, .box-layout.page-wrapper .chat-menu.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        transition: all linear 0.3s;
        padding-bottom: 25px; }
    .box-layout .page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar, .box-layout.page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar {
      stroke-width: 23px !important; }
    .box-layout .page-wrapper .social-app-profile #friends .box-col-4, .box-layout.page-wrapper .social-app-profile #friends .box-col-4 {
      flex: 0 0 30%;
      max-width: 30%; }
    .box-layout .page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset, .box-layout.page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset {
      max-height: 165px; }
    .box-layout .page-wrapper .email-wrap .row .col-xl-6, .box-layout.page-wrapper .email-wrap .row .col-xl-6 {
      padding-left: 12px; }
    .box-layout .page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3, .box-layout.page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3 {
      padding-right: 12px; }
    .box-layout .page-wrapper .email-wrap .email-right-aside .email-body .inbox, .box-layout.page-wrapper .email-wrap .email-right-aside .email-body .inbox {
      height: 644px; }
    .box-layout .page-wrapper .email-wrap .email-content .email-top .user-emailid:after, .box-layout.page-wrapper .email-wrap .email-content .email-top .user-emailid:after {
      right: -10px; }
    .box-layout .page-wrapper .todo .notification-popup, .box-layout.page-wrapper .todo .notification-popup {
      right: 320px; }
    .box-layout .page-wrapper .touchspin, .box-layout.page-wrapper .touchspin {
      padding: 0 10px; }
    .box-layout .page-wrapper .vertical-menu-main, .box-layout.page-wrapper .vertical-menu-main {
      width: 1280px;
      margin: 0 auto;
      left: 0;
      right: 0; }
      .box-layout .page-wrapper .vertical-menu-main .mega-menu, .box-layout.page-wrapper .vertical-menu-main .mega-menu {
        width: 1050px !important;
        max-width: 1050px !important;
        left: -320px !important; }
    .box-layout .page-wrapper .comingsoon video, .box-layout.page-wrapper .comingsoon video {
      min-width: 67%;
      width: 67%; } }
/**=====================
  5.9 Box-layout CSS Ends
==========================**/
/**=====================
    5.1 Footer CSS Start
==========================**/
.footer {
  background-color: #fff;
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  padding: 15px;
  bottom: 0;
  left: 0;
  margin-left: 265px;
  transition: 0.5s; }
  .footer.footer-dark {
    background-color: #242934; }
    .footer.footer-dark p {
      color: #fff; }

.footer-fix {
  width: calc(100% - $sidebar-compact-width);
  position: fixed; }

/**=====================
    5.1 Footer CSS Ends
==========================**/
/**=====================
  5.2 Grid CSS Start
==========================**/
.grid-showcase {
  margin-bottom: -10px; }
  .grid-showcase span,
  .grid-showcase .grid-wrapper {
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    background-color: #E6E9EB;
    color: #242934; }

.grid-align {
  margin-bottom: -16px; }
  .grid-align .row {
    padding: 15px 0;
    min-height: 7rem;
    margin-bottom: 16px; }

.grid-vertical {
  min-height: 150px;
  padding: 10px;
  color: #000; }

table.table-bordered thead tr th p {
  margin-bottom: 0; }

/**=====================
    5.2 Grid CSS Ends
==========================**/
/**=====================
  5.3 Header CSS Start
==========================**/
/**=====================
  5.7 Sidebar CSS Start
==========================**/
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 12%;
  width: 13px;
  height: 15px;
  border-bottom-left-radius: 8px;
  border-left: 2px solid rgba(255, 255, 255, 0.4);
  border-bottom: 2px solid rgba(255, 255, 255, 0.4); }

.media.media-wrapper {
  width: 100%;
  display: -webkit-flex; }

.media .media-body {
  flex: unset; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  left: 32px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5); }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title [dir="rtl"] h5::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li [dir="rtl"] a::before {
    left: unset;
    right: 25px; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before {
  position: absolute;
  content: '';
  width: 2px;
  height: 0;
  background: rgba(255, 255, 255, 0.4);
  top: -10px;
  left: 20px;
  transition: height 0.5s; }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .mega-menu-container::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .sidebar-submenu::before {
    left: unset;
    right: 20px; }

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 49%;
  width: 5px;
  height: 1px;
  border-radius: 100%;
  background-color: #59667a; }

.onhover-show-div {
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  left: 0; }

.onhover-dropdown:hover .onhover-show-div {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
  border-radius: 5px;
  overflow: hidden; }
  .onhover-dropdown:hover .onhover-show-div:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 2; }
  .onhover-dropdown:hover .onhover-show-div:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d7e2e9;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 1; }

.page-wrapper {
  position: relative; }
  .page-wrapper .page-header {
    max-width: 100vw;
    position: fixed;
    top: 0;
    z-index: 8;
    transition: 0.5s; }
    .page-wrapper .page-header .header-wrapper {
      width: 100%;
      align-items: center;
      padding: 13px 30px;
      position: relative;
      background-color: #F5F5F5; }
      @media (max-width: 1399px) {
        .page-wrapper .page-header .header-wrapper {
          padding: 14px 20px; } }
      .page-wrapper .page-header .header-wrapper .search-full {
        background-color: #fff;
        position: absolute;
        right: 0;
        z-index: 1;
        height: 0;
        width: 0;
        transform: scale(0);
        transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full.open {
          height: 100%;
          width: 100%;
          animation: zoomIn 0.5s ease-in-out;
          transform: scale(1);
          transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full input {
          line-height: 65px;
          padding-left: 60px;
          width: 100% !important; }
          .page-wrapper .page-header .header-wrapper .search-full input:focus {
            outline: none !important; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
          position: absolute;
          font-size: 15px;
          right: 30px;
          top: 30px;
          color: #898989;
          cursor: pointer; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
            left: 30px;
            right: unset; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
          position: absolute;
          left: 30px;
          top: 27px;
          content: "\f002";
          font-size: 16px;
          color: #898989;
          font-family: FontAwesome; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
            left: unset;
            right: 30px; }
      .page-wrapper .page-header .header-wrapper .nav-right {
        justify-content: flex-end; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li svg {
          vertical-align: middle;
          stroke: var(--body-font-color);
          height: 24px;
          width: 24px; }
          .page-wrapper .page-header .header-wrapper .nav-right ul li svg path {
            color: #242934; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
          height: 24px;
          width: 24px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li .search-form svg {
          width: 20px;
          height: 20px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode {
          cursor: pointer;
          text-align: center; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i {
            font-size: 18px;
            font-weight: 600;
            transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i.fa-lightbulb-o {
              font-weight: 500;
              font-size: 22px;
              transition: all 0.3s ease;
              animation: zoomIn 300ms ease-in-out; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .header-search {
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
          margin-left: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body span {
            font-weight: 500;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box !important;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            white-space: normal; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
            font-size: 12px;
            line-height: 1;
            color: rgba(5, 26, 26, 0.7); }
        .page-wrapper .page-header .header-wrapper .nav-right > ul {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          gap: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
            padding: 6px 10px;
            display: inline-block;
            position: relative; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li:nth-child(n+3):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right > ul > li.profile-nav:nth-child(n+3)) {
              background-color: #fff;
              padding: 12px;
              border-radius: 40px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .badge {
              position: absolute;
              right: 0px;
              top: -3px;
              padding: 2px 4px;
              font-size: 11px;
              font-weight: 700;
              font-family: work-Sans, sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .mode svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .input-show svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul {
              left: inherit;
              right: -10px;
              width: 130px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:before, .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:after {
                left: inherit;
                right: 10px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li {
                display: block; }
                .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a {
                  font-size: 14px;
                  color: #2c323f; }
                  .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a i {
                    margin-left: 10px;
                    font-size: 13px;
                    color: #2c323f; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul .flag-icon {
            font-size: 16px; }
        .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip {
          width: unset !important;
          box-shadow: unset !important;
          background-color: transparent !important;
          overflow: initial; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::after, .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::before {
            display: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content {
            text-align: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
              width: 52px;
              height: 52px;
              background-color: #f9f9f9;
              border-radius: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              margin: 0 auto; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content span {
              font-family: "Montserrat", sans-serif;
              font-size: 12px;
              font-weight: 500;
              letter-spacing: 0.5px; }
        .page-wrapper .page-header .header-wrapper .nav-right .flip-card {
          width: 300px;
          height: 260px;
          background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner {
            position: relative;
            height: 100%;
            text-align: center;
            transition: transform 0.6s;
            transform-style: preserve-3d; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front,
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              position: absolute;
              backface-visibility: hidden;
              border-radius: 10px;
              overflow: hidden;
              box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
              width: 300px;
              height: 260px; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button,
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                background-color: transparent;
                color: #006666;
                border: none; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button:focus,
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button:focus {
                  outline: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
              background-color: #fff;
              transition: .3s; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
                stroke: var(--body-font-color);
                transition: all 0.3s ease; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg:hover {
                  stroke: var(--body-font-color);
                  transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              background-color: #fff;
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:first-child {
                margin-top: 20px;
                height: 140px !important; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                width: 100%; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
                border-radius: 25px;
                padding: 6px 12px;
                width: 100%;
                border: 1px solid #ddd; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input:focus {
                  outline: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped {
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped .front {
                opacity: 0; }
        .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
          width: 330px;
          top: 50px;
          right: 0;
          left: unset; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .dropdown-title {
            padding: 20px;
            text-align: center;
            border-bottom: 1px solid rgba(145, 142, 153, 0.3); }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div ul {
            padding: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li {
            padding: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li p {
              font-size: 14px;
              letter-spacing: 0.3px;
              margin-bottom: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li a {
              letter-spacing: 0.3px;
              font-family: "Montserrat", sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li + li {
              margin-top: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li:last-child {
              padding-bottom: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media {
              position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media img {
                width: 40px;
                position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .status-circle {
                left: 0; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body > span {
                letter-spacing: 0.8px;
                padding-right: 10px;
                display: inline-block; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body p {
                margin-bottom: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:before, .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:after {
            right: 10px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown.notification-all ul li {
          border-radius: 0px;
          border-bottom: 1px solid rgba(145, 142, 153, 0.1); }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown ul {
          padding: 0 0 15px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li {
          padding: 10px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media {
            align-items: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
              margin-right: 20px; }
              [dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
                margin-right: unset;
                margin-left: 20px; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li + li {
            margin-top: 0;
            border-top: 1px solid rgba(145, 142, 153, 0.1); }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li:last-child {
            padding: 20px 15px;
            border-top: none; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown p {
          line-height: 1.3;
          margin-top: 3px;
          opacity: 0.6; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
          position: absolute;
          right: 0;
          top: 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle a {
            width: 18px;
            height: 18px;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle svg {
            width: 14px;
            stroke: #fff; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box {
          margin: 5px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group {
            width: 80px;
            background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input {
              background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input,
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              font-size: 10px;
              font-family: "Montserrat", sans-serif;
              font-weight: 700; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              padding: 0px 7px;
              background-color: #F7F6FF !important;
              border-color: #F7F6FF !important;
              border-radius: 100%;
              font-size: 14px;
              color: #051A1A; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
          margin: 0;
          padding: 15px;
          background-color: #f9f9f9;
          border: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 {
            font-family: "Montserrat", sans-serif;
            font-weight: 500;
            font-size: 12px;
            line-height: 14px;
            letter-spacing: 0.5px; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 span {
              font-size: 14px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .view-checkout {
          text-decoration: unset; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box svg {
          animation: swing 1.5s ease infinite; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
          left: unset; }
          @media (max-width: 575.98px) {
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
              width: calc(100vw - 30px); } }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li:last-child {
            text-align: center;
            background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p span {
              font-size: 11px;
              vertical-align: middle; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:after {
            right: 28px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
          width: 160px;
          top: 57px;
          left: -12px;
          padding: 0 10px; }
          .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li {
            padding: 10px !important;
            border-bottom: 1px solid #E6E9EB; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              border: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
              text-decoration: unset; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a span {
              color: var(--theme-deafult);
              transition: color 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg {
              stroke: var(--theme-deafult);
              transition: stroke 0.3s ease; }
              .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg path {
                stroke: var(--theme-deafult);
                transition: stroke 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li + li {
              margin-top: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              padding-top: 10px !important; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
              color: #2c323f; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li svg {
              width: 16px;
              vertical-align: bottom;
              margin-right: 10px;
              stroke: #2c323f; }
  .page-wrapper .page-body-wrapper {
    background-color: #F5F5F5; }
    .page-wrapper .page-body-wrapper .page-body {
      min-height: calc(100vh - 136px);
      margin-top: 136px;
      padding: 25px 15px;
      position: relative;
      transition: 0.5s; }
      .page-wrapper .page-body-wrapper .page-body:before {
        animation: fadeIn 0.5s ease-in-out; }
    .page-wrapper .page-body-wrapper .page-title {
      padding: 20px 30px;
      margin: 0px -27px 0px; }
      .page-wrapper .page-body-wrapper .page-title > .row {
        margin: 0; }
        .page-wrapper .page-body-wrapper .page-title > .row .col-6 {
          padding: 0; }
      .page-wrapper .page-body-wrapper .page-title .row {
        align-items: center; }
        .page-wrapper .page-body-wrapper .page-title .row h3 {
          font-size: 24px;
          margin-bottom: 0;
          text-transform: capitalize; }
          .page-wrapper .page-body-wrapper .page-title .row h3 small {
            display: block;
            font-size: 12px;
            margin-bottom: 5px;
            text-transform: capitalize;
            color: #FFFFFF; }
      .page-wrapper .page-body-wrapper .page-title .breadcrumb {
        background-color: transparent;
        padding: 0;
        margin-bottom: 0;
        align-items: center;
        justify-content: flex-end; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
          font-size: 13px;
          letter-spacing: 1px;
          font-family: "Montserrat", sans-serif; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
          content: "/"; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
          width: 16px;
          height: 16px;
          stroke: #2c323f;
          vertical-align: text-top; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
          color: var(--theme-deafult);
          font-weight: 500; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
      stroke: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
      fill: #051A1A;
      stroke: none !important; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg {
      transition: all 0.3s ease; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
        stroke: #fff; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
        fill: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content li a {
      text-transform: capitalize; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .stroke-icon {
    display: inline-block; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .fill-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .stroke-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .fill-icon {
    display: inline-block; }
  .page-wrapper.horizontal-wrapper [data-simplebar] {
    position: relative; }
  .page-wrapper.horizontal-wrapper .footer {
    margin-left: 0; }
  .page-wrapper.horizontal-wrapper .header-logo-wrapper {
    width: 150px; }
    .page-wrapper.horizontal-wrapper .header-logo-wrapper .toggle-sidebar {
      display: none; }
  .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 19px;
    right: 0px;
    color: #fff; }
    [dir="rtl"] .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
      left: 0;
      right: unset; }
  .page-wrapper.horizontal-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: hidden;
    cursor: pointer; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    height: 54px;
    line-height: inherit;
    top: 79px;
    background: #fff;
    box-shadow: 0px 9px 24px rgba(89, 102, 122, 0.05);
    overflow-x: hidden;
    z-index: 1;
    overflow-y: visible;
    position: fixed;
    width: 100vw;
    border-top: 1px solid #efefef;
    z-index: 3; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .simplebar-content {
      display: flex; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper li {
      display: inline-block; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .badge {
      position: absolute;
      top: 2px;
      right: 0px;
      z-index: 1; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper,
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
      text-align: left;
      position: relative; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        position: absolute;
        top: 0px;
        padding: 15px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        cursor: pointer; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow.disabled,
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow.disabled {
          display: none; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow {
        left: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        right: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: normal;
        direction: ltr;
        text-align: left;
        display: -webkit-box !important;
        padding: 0 5px;
        transition: all .5s ease;
        white-space: nowrap; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a.active .according-menu i:before {
          content: '-'; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a .according-menu {
          display: none; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active {
          color: #fff; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active:after {
            background-color: rgba(255, 255, 255, 0.6); }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          position: relative;
          padding-top: 10px;
          padding-bottom: 10px; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a > span {
            color: var(--theme-deafult);
            transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a {
            background-color: #fff;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.stroke-icon {
              stroke: #fff;
              transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.fill-icon {
              fill: #fff;
              transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
            display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            display: block;
            color: #051A1A;
            line-height: 23px;
            text-decoration: none;
            text-transform: capitalize;
            padding: 5px 15px;
            margin: 0 3px;
            letter-spacing: 0.04em;
            position: relative;
            border-radius: 5px;
            font-weight: 500;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active {
              transition: all 0.3s ease; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active svg,
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active span {
                color: #fff;
                transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a .badge {
              position: absolute;
              top: -5px;
              margin-left: 1px;
              right: 10px;
              padding: 0.20em 0.7em; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg {
              width: 18px;
              height: 18px;
              vertical-align: middle;
              margin-right: 10px;
              stroke: #051A1A !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
            position: fixed;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 15px 0px 15px 0px;
            background: white; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li {
              border: 0;
              float: none;
              position: relative;
              display: block; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
                background: transparent;
                padding: 4px 30px;
                display: block;
                transition: all 0.5s ease;
                line-height: 1.9;
                color: rgba(43, 43, 43, 0.6);
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                transition: all 0.3s ease; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
                  left: 20px; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
                  color: #006666;
                  letter-spacing: 1.5px;
                  transition: all 0.3s ease; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover:after {
                    background-color: var(--theme-deafult); }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
            position: fixed;
            right: 0;
            left: 0;
            margin: 0 auto;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 30px;
            background: white;
            width: 95%;
            border-radius: 4px;
            display: block !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
              width: 20%; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                text-transform: uppercase;
                font-size: 14px;
                margin-left: -13px; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content {
                box-shadow: none;
                background-color: transparent;
                position: relative;
                display: block;
                padding: 0; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li {
                  border: 0;
                  float: none;
                  position: relative;
                  display: block; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
                    border: 0 !important;
                    background: transparent;
                    color: #051A1A;
                    border-radius: 0 !important;
                    text-transform: capitalize;
                    padding: 3px 0;
                    font-size: 13px;
                    display: block;
                    letter-spacing: 0.07em;
                    line-height: 1.9;
                    position: relative;
                    transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover {
                      color: var(--theme-deafult);
                      letter-spacing: 1.5px;
                      transition: all 0.3s ease; }
                      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover:after {
                        color: var(--theme-deafult);
                        transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:after {
                      position: absolute;
                      content: "";
                      left: -12px;
                      top: 50%;
                      width: 5px;
                      height: 1px;
                      background-color: #59667a; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a:after {
            left: 0;
            right: 0;
            opacity: 1; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu {
            position: unset; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper.overlay-white {
      background-color: rgba(255, 255, 255, 0.08); }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav i {
      font-size: 24px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
    margin-top: 110px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main-title {
    display: none !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.scorlled .sidebar-wrapper {
    display: none;
    transition: all 0.3s ease; }
  .page-wrapper.horizontal-wrapper .page-header {
    width: 100%;
    box-shadow: none; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .form-control-plaintext {
      width: auto !important; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1324px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
      @media (max-width: 1323px) and (min-width: 1200px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 1199px) and (min-width: 992px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
    @media (max-width: 1428px) and (min-width: 1324px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 55%; } }
    @media (max-width: 1323px) and (min-width: 1200px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 40%; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.horizontal-wrapper.enterprice-type footer {
    margin-left: 0; }
  .page-wrapper.material-icon .card {
    border-radius: 30px;
    box-shadow: 0 0 20px rgba(0, 102, 102, 0.1); }
  .page-wrapper .sidebar-main-title h6 {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 0.40px; }
  .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 11px;
    right: -9px;
    color: #fff;
    z-index: 9999; }
    [dir="rtl"] .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
      left: -9px;
      right: unset; }
  .page-wrapper.compact-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer; }
  .page-wrapper.compact-wrapper .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-wrapper .pin-title {
    order: -1; }
  .page-wrapper.compact-wrapper .page-header {
    margin-left: 265px;
    width: calc(100% - $sidebar-compact-width); }
    .page-wrapper.compact-wrapper .page-header.close_icon {
      margin-left: 90px;
      width: calc(100% - 90px); }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
      position: absolute;
      content: "";
      bottom: 0%;
      height: 1px;
      z-index: 8;
      width: calc(100% - 40px);
      background: #E6E9EB; }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9;
    height: 100%;
    line-height: inherit;
    background: var(--theme-deafult);
    width: 265px;
    text-align: left;
    transition: 0.3s;
    box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      fill: #fff; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      padding: 22px 30px;
      box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
      border-top-right-radius: 15px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
      width: auto;
      transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .badge {
        opacity: 0;
        width: 0;
        padding: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        max-width: 86px;
        margin: 0;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          text-align: center;
          padding: 12px 14px;
          transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main-title {
        display: none !important;
        opacity: 0;
        transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper {
        display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
        text-align: right;
        display: block; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
        width: 265px;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .badge {
          opacity: 1;
          width: auto;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          max-width: unset;
          margin: initial;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
            text-align: left; }
            [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
              text-align: right; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            padding: 12px 15px;
            transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a span {
              display: inline-block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main-title {
          opacity: 1;
          display: block !important;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
          display: block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-icon-wrapper {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .mobile-sidebar {
        transform: translate(183px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
        margin-left: 90px;
        transition: 0.5s; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer-fix {
        width: calc(100% - 90px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 118px); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          padding: 15px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::before {
            right: 20px;
            left: unset; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a span {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .according-menu {
        display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
      visibility: hidden;
      position: absolute;
      top: -8px;
      right: 17px;
      border-radius: 15px;
      padding: 4px 6px;
      color: #fff;
      font-size: 11px;
      background-color: #006666;
      border: 1px solid rgba(255, 255, 255, 0.6); }
      [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
        left: 17px;
        right: unset; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list:hover i.fa-thumb-tack {
      visibility: visible;
      cursor: pointer; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pined, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 115px);
      left: -300px;
      z-index: 99;
      transition: color 1s ease;
      overflow: auto;
      color: rgba(0, 0, 0, 0);
      margin-top: 20px;
      margin-bottom: 30px; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        font-weight: 500; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
          width: 18px;
          height: 18px;
          margin-right: 10px;
          vertical-align: -2px;
          float: none;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          letter-spacing: 0.7px;
          text-transform: capitalize;
          color: rgba(255, 255, 255, 0.8); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.link-nav .according-menu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li:last-child {
        border-bottom: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links.opennav {
        left: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn {
        display: block;
        width: 100%;
        padding: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn .mobile-back {
          padding: 20px;
          color: #242934;
          font-weight: 700;
          text-transform: uppercase;
          border-bottom: 1px solid #efefef;
          cursor: pointer;
          display: flex;
          justify-content: flex-end;
          align-items: center; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        display: block;
        width: 100%;
        position: relative; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
          padding: 25px 0 6px 20px;
          margin-top: 0px;
          margin-bottom: 12px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: block; }
          [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
            padding: 25px 20px 6px 0; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
            position: absolute;
            content: '';
            top: 0;
            left: 50%;
            background: rgba(255, 255, 255, 0.2);
            width: calc(100% - 40px);
            height: 1px;
            transform: translateX(-50%); }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2) {
            margin-top: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2)::before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list {
          padding: 0px 18px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list .badge {
            position: absolute;
            right: 50px;
            top: 14.5px;
            padding: 0.45em 0.8em 0.33em;
            z-index: 1;
            font-size: 10px;
            letter-spacing: 0.7px;
            font-weight: 600;
            font-family: "Montserrat", sans-serif;
            border-radius: 10px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list:hover > a:hover {
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg {
          fill: #fff;
          stroke: #fff;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg.fill-icon {
            fill: #fff;
            stroke: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover span {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover .according-menu i {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          padding: 11px 13px;
          position: relative;
          color: #222222; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow {
            right: 20px;
            position: absolute;
            top: 10px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow i {
              display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow:before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
          display: none !important; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
          width: 100%;
          padding: 0;
          position: relative !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
            padding-left: 50px !important;
            font-weight: 400; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu .submenu-title .according-menu {
            top: 7px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover > a {
            color: #fff;
            transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
            display: none;
            position: relative !important;
            right: 0;
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu.opensubchild {
              display: block; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a {
              padding: 6px 45px;
              padding-left: 63px !important; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a:after {
                display: none; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
            padding: 7px 25px;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.7);
            display: block;
            position: relative;
            letter-spacing: 0.06em;
            font-weight: 500;
            transition: all 0.3s ease;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a .content-menu {
              padding: 0px 15px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
              color: #fff; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active::before {
                opacity: 1;
                background: #fff;
                visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
              left: 20px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
              margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
          padding: 0;
          position: relative; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section:hover h5 {
              color: #fff !important;
              transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title {
              position: relative; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                margin-bottom: 0;
                line-height: 1.9;
                padding: 6px 25px 6px 65px;
                font-size: 14px;
                position: relative;
                color: rgba(255, 255, 255, 0.8);
                display: block;
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                cursor: pointer; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
                  left: 20px; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5 {
                color: #fff; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5::before {
                  opacity: 1;
                  visibility: visible; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
                top: 8px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
              margin-bottom: 0;
              line-height: 1.9;
              padding: 6px 15px 6px 65px;
              font-size: 14px;
              position: relative;
              color: rgba(255, 255, 255, 0.8);
              display: block;
              letter-spacing: 0.06em;
              font-weight: 500;
              font-family: "Montserrat", sans-serif; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a:after {
                display: none; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a.active {
                color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
              line-height: 1.9; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
                margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container {
          display: block !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container::before {
            height: calc(100% - 9px);
            transition: height 0.5s; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
            position: relative;
            margin-bottom: 10px;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active::after {
              opacity: 1;
              visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active ~ .sidebar-submenu::before {
              height: calc(100% - 8px);
              transition: height 0.5s; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active .according-menu i {
              color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
              color: #fff;
              transition: all 0.3s ease; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-content {
      display: flex;
      flex-direction: column; }
  .page-wrapper.compact-wrapper .page-body-wrapper .mega-box.col {
    flex-basis: unset; }
  .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
    position: absolute;
    right: 20px;
    top: 11px;
    display: block; }
    .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
      vertical-align: middle;
      color: rgba(255, 255, 255, 0.8);
      font-weight: 500; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu.border-section {
    border: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav {
    position: absolute;
    z-index: 2;
    right: 145px;
    top: 6px; }
    .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
      font-size: 18px;
      padding-left: 5px;
      text-transform: uppercase; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 80px);
    margin-top: 56px;
    margin-left: 265px; }
  .page-wrapper.compact-wrapper.dark-sidebar .sidebar-main-title h6, .page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title h6 {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .toggle-sidebar svg, .page-wrapper.compact-wrapper.color-sidebar .toggle-sidebar svg {
    stroke: var(--theme-deafult); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
    stroke: #fff !important; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
    fill: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
    stroke: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
    fill: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
    background: rgba(255, 255, 255, 0.1); }
  .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #22242B; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon {
      stroke: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon {
      fill: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
      color: #fff;
      stroke: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-light, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-light {
      display: none; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-dark, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-dark {
      display: block; }
  .page-wrapper.compact-wrapper.dark-sidebar .according-menu i, .page-wrapper.compact-wrapper.color-sidebar .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #2f3c4e; }
  .page-wrapper.compact-sidebar .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content {
    display: flex;
    flex-direction: column; }
  .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 54px;
    color: #fff;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
      left: 54px;
      right: unset; }
  .page-wrapper.compact-sidebar .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer;
    z-index: 1; }
  .page-wrapper.compact-sidebar .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-sidebar .pin-title {
    order: -1; }
  .page-wrapper.compact-sidebar ~ .bg-overlay1 {
    transition: 0.8s; }
    .page-wrapper.compact-sidebar ~ .bg-overlay1.active {
      z-index: 8;
      height: 100vh;
      width: 100vw;
      background-color: rgba(0, 0, 0, 0.2);
      position: fixed;
      top: 0; }
  .page-wrapper.compact-sidebar .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-sidebar .sidebar-main-title {
    display: none; }
  .page-wrapper.compact-sidebar .logo-wrapper {
    display: none; }
  .page-wrapper.compact-sidebar .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 24px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-sidebar .page-header {
    margin-left: 150px;
    width: calc(100% - 150px); }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1578px) and (min-width: 1274px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 38%; } }
      @media (max-width: 1273px) and (min-width: 1200px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 45%; } }
      @media (max-width: 991px) and (min-width: 768px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 36%; } }
      @media (max-width: 767px) and (min-width: 756px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 28%; } }
      @media (max-width: 1199px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 132px; } }
      @media (max-width: 767px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 83px; } }
    .page-wrapper.compact-sidebar .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
    margin-top: 80px;
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper .footer {
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
      height: auto;
      line-height: inherit;
      background: #F5F5F5;
      width: 150px;
      text-align: left;
      transition: 0.3s;
      box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1); }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      margin: 30px 0;
      height: calc(100vh - 113px);
      overflow: auto; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        color: #2c323f; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          text-transform: capitalize;
          color: #2c323f;
          font-weight: 500;
          letter-spacing: 1px;
          font-size: 14px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active {
          background: rgba(0, 102, 102, 0.1);
          color: #006666;
          border-radius: 20px;
          margin: 0 10px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active span {
            color: #006666; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
            animation: fadeInLeft 300ms ease-in-out; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
        display: block;
        padding: 20px 0;
        border-bottom: 1px solid #f3f3f3; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
        position: fixed;
        top: 0px;
        height: calc(100vh - 0px);
        overflow: auto;
        left: 150px;
        width: 230px;
        background-color: #fff;
        box-shadow: 0 16px 15px 15px rgba(126, 55, 216, 0.03);
        transition: all 0.5s ease-in-out;
        display: none;
        padding-top: 20px;
        z-index: -1; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
          padding: 15px 15px 15px 40px;
          display: block;
          position: relative;
          border-bottom: 1px solid #f1f1f1; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
            display: none; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
            position: absolute;
            right: 20px;
            top: 16px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a.active,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a.active {
            background-color: rgba(0, 102, 102, 0.1);
            color: #006666;
            transition: all 0.3s ease; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li .submenu-content li a.active,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li .submenu-content li a.active {
          background-color: transparent; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
          position: absolute;
          content: "";
          left: 20px;
          top: 48%;
          width: 12px;
          border-top: 2px solid rgba(255, 255, 255, 0.4); }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 0; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
            text-align: left; }
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
              position: relative;
              font-size: 14px;
              font-weight: 400;
              padding: 15px 15px 15px 40px;
              letter-spacing: 1px;
              margin-bottom: 0; }
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
                position: absolute;
                content: "";
                left: 20px;
                top: 48%;
                width: 6px;
                border-top: 2px solid #595c60; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list {
        position: relative; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
          position: absolute;
          left: 53%;
          top: 7px;
          font-weight: 500;
          font-size: 9px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
          text-align: center; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
            margin: 0 auto 6px;
            width: 24px;
            height: 24px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
            display: block;
            font-weight: 500;
            letter-spacing: 1px;
            font-size: 14px;
            word-break: break-word; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link .according-menu {
            display: none; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
        text-align: center;
        padding: 0; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
          width: 24px;
          height: 24px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
          position: absolute;
          right: 20px;
          top: 13px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
      transform: translateX(-150px); }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
        margin-left: 0px; }
  .page-wrapper.compact-small .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 22px;
    color: #006666;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
      left: 22px;
      right: unset; }
  .page-wrapper.compact-small .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible; }
  .page-wrapper.compact-small .sidebar-list.pined, .page-wrapper.compact-small .sidebar-list.pin-title {
    order: -1; }
  .page-wrapper.compact-small .sidebar-main-title,
  .page-wrapper.compact-small .logo-wrapper {
    display: none; }
  .page-wrapper.compact-small .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 27px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-small .page-header {
    margin-left: 90px;
    width: calc(100% - 90px); }
    .page-wrapper.compact-small .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-small .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-small .page-body-wrapper .page-body {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper .footer {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div {
    width: 90px; }
  @media (max-width: 420px) {
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 105px); } }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    display: block;
    padding: 15px 0; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 90px; }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
      padding: 10px 15px 10px 40px; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
        display: none; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
        top: 11px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
    margin: 0 auto;
    width: 20px;
    height: 20px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
    margin: 0 auto; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu a > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translateX(-150px); }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
      margin-left: 0px; }
  .page-wrapper.only-body {
    background-color: #f2f0fa; }
    .page-wrapper.only-body .page-body-wrapper {
      background-color: #f2f0fa; }
    .page-wrapper.only-body .page-header {
      position: relative; }
      .page-wrapper.only-body .page-header .header-logo-wrapper {
        display: none; }
      .page-wrapper.only-body .page-header .header-wrapper {
        padding: 0 !important; }
        .page-wrapper.only-body .page-header .header-wrapper .left-header {
          display: none; }
        .page-wrapper.only-body .page-header .header-wrapper .nav-right {
          position: absolute;
          right: 60px;
          top: 58px; }
        .page-wrapper.only-body .page-header .header-wrapper .search-full {
          top: 37px;
          width: calc(100% - 50px);
          left: 25px; }
          [dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .search-full {
            left: unset;
            right: 25px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
            background-color: #fff;
            border-radius: 15px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu {
            top: 78px;
            width: calc(100% - 30px);
            margin: 0 auto;
            right: 0; }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-top: 20px;
      padding-bottom: 20px; }
    .page-wrapper.only-body .sidebar-wrapper,
    .page-wrapper.only-body footer {
      display: none; }
    .page-wrapper.only-body .page-body-wrapper .page-body {
      margin-top: 0px;
      min-height: calc(100vh - 0px); }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-left: 30px;
      padding-right: 30px;
      margin: 30px 0;
      border-radius: 15px; }
      @media (max-width: 991.98px) {
        .page-wrapper.only-body .page-body-wrapper .page-title {
          padding-left: 20px;
          padding-right: 20px;
          margin: 20px 0; } }
      .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6 {
        flex: 0 0 100%;
        max-width: 100%; }
      .page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb {
        margin-top: 5px;
        justify-content: flex-start; }
  .page-wrapper.modern-type .progress-chart-wrap {
    margin-left: -22px; }
    [dir="rtl"] .page-wrapper.modern-type .progress-chart-wrap {
      margin-left: unset;
      margin-right: -22px; }
  .page-wrapper.modern-type .ecommerce-widget {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .file-sidebar .pricing-plan {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .alert-primary {
    color: #006666; }
  .page-wrapper.modern-type .project-box {
    background-color: #00d6d6; }
  .page-wrapper.modern-type .nav-tabs .nav-link.active {
    background-color: transparent; }
  .page-wrapper.modern-type .simplebar-mask {
    top: 10px; }
  .page-wrapper.modern-type .page-header {
    margin-left: 0px;
    width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header.close_icon {
      margin-left: 0px;
      width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1200px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 818px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 36%; } }
    @media (max-width: 1669px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 50%; } }
    @media (max-width: 1428px) and (min-width: 1200px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 40%; } }
    .page-wrapper.modern-type .page-header .header-wrapper .header-logo-wrapper {
      display: flex;
      align-items: center; }
    .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
      display: block;
      margin-right: 30px; }
    .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
      display: block;
      position: relative;
      top: unset;
      right: unset;
      margin-right: 15px; }
  .page-wrapper.modern-type .page-body-wrapper .page-title {
    background-color: transparent;
    padding-bottom: 0; }
  .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
    margin: 30px !important;
    top: 80px;
    bottom: 0;
    border-radius: 15px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 160px); }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      margin-left: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
      margin-left: 0px;
      margin-right: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
      display: none; }
  .page-wrapper.modern-type .page-body-wrapper .page-body {
    margin-left: 296px; }
    .page-wrapper.modern-type .page-body-wrapper .page-body .container-fluid {
      max-width: 1500px; }
  .page-wrapper.modern-type .page-body-wrapper .footer {
    margin-left: 360px;
    margin-right: 70px;
    border-radius: 10px; }
    @media (max-width: 991px) {
      .page-wrapper.modern-type .page-body-wrapper .footer {
        margin-right: 0;
        margin-left: 0; } }
  .page-wrapper.material-type {
    position: relative; }
    .page-wrapper.material-type::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 300px;
      background-image: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-type .card {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
    .page-wrapper.material-type .page-header {
      position: relative;
      max-width: 1560px;
      margin: 50px auto 0;
      border-radius: 15px 15px 0 0; }
      .page-wrapper.material-type .page-header .header-wrapper .left-header {
        width: 31%; }
        @media (max-width: 1600px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 33%; } }
        @media (max-width: 1366px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 38%; } }
        @media (max-width: 1199px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 30%; } }
      @media (max-width: 1600px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 40%; } }
      @media (max-width: 1199px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 45%; } }
    .page-wrapper.material-type .page-body-wrapper {
      background-blend-mode: overlay;
      background-color: rgba(255, 255, 255, 0.5); }
      .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        position: relative;
        max-width: 1560px;
        margin: 0 auto;
        top: unset;
        height: 56px; }
      .page-wrapper.material-type .page-body-wrapper .page-body {
        margin: 0 auto;
        max-width: 1560px;
        background-color: #F5F5F5;
        box-shadow: 0 0 20px 7px rgba(8, 21, 66, 0.05);
        border-radius: 0 0 15px 15px; }
    .page-wrapper.material-type .footer {
      margin-top: 40px; }
    .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .left-header {
      width: 38%; }
    @media (max-width: 991px) {
      .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.advance-layout {
    background-blend-mode: overlay;
    background-color: #F5F5F5; }
    .page-wrapper.advance-layout .card {
      border-radius: 5px;
      box-shadow: none;
      border: 1px solid #ecf3fa; }
    .page-wrapper.advance-layout .page-header {
      position: relative;
      background-color: #fff;
      margin: 0 auto; }
    .page-wrapper.advance-layout .page-body-wrapper {
      background: transparent; }
      .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
        position: relative !important;
        top: unset !important;
        height: unset;
        box-shadow: none;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef; }
        .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper > div {
          overflow-x: hidden; }
      .page-wrapper.advance-layout .page-body-wrapper .page-body {
        margin-top: 0 !important; }

@keyframes pagebody {
  from {
    opacity: 0;
    transform: scale3d(0.98, 0.98, 0.98) translate(-20px, -50px); }
  50% {
    opacity: 1; } }

.md-sidebar {
  position: relative; }
  .md-sidebar .md-sidebar-toggle {
    display: none;
    width: fit-content;
    text-transform: capitalize;
    margin-bottom: 20px; }

#sidebar-menu .sidebar-links .simplebar-mask {
  border-bottom-right-radius: 18px; }

@media screen and (max-width: 1480px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -18%;
    width: 91%; } }

@media screen and (max-width: 1460px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -54%;
    width: 75%; }
  .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-right: 8px; } }

@media screen and (max-width: 1366px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -49%;
    width: 70%; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) {
    padding: 8px; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) svg {
      height: 22px;
      width: 22px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.onhover-dropdown.notification-down:nth-child(5)::before {
    left: 47px;
    height: 42px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li .profile-media img {
    width: 32px;
    height: 32px; }
  .profile-dropdown.onhover-show-div {
    right: 0;
    left: unset !important; }
    .profile-dropdown.onhover-show-div:before, .profile-dropdown.onhover-show-div:after {
      right: 10px !important;
      left: unset !important; } }

@media screen and (max-width: 1199px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 6px; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown .notification-down::before {
      content: "";
      position: absolute;
      left: 33px;
      height: 30px; }
  .mobile-title.d-none {
    display: flex !important;
    justify-content: space-between;
    padding: 20px 30px 17px;
    border-bottom: 1px solid #ddd;
    margin: 0 -15px; }
    .mobile-title.d-none h5 {
      color: var(--theme-deafult); }
    .mobile-title.d-none svg {
      stroke: var(--theme-deafult) !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -35%;
    width: 56%; } }

@media screen and (min-width: 992px) {
  .page-header .header-wrapper .nav-right .notification-dropdown {
    top: 46px; }
  .responsive-btn {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-mask {
    top: 0; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
    width: 200px;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    transition: all 0.5s ease; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a .sub-arrow {
      position: absolute;
      right: 20px;
      top: 5px;
      color: #59667a;
      font-weight: 100;
      transition: all 0.5s ease;
      font-size: 15px;
      top: 5px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
      display: none;
      border-radius: 4px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover .nav-sub-childmenu {
      display: block;
      position: absolute;
      left: 200px;
      background-color: #fff;
      top: -10px;
      padding: 15px 0px 15px 0px;
      box-shadow: 0 0 1px 0 #898989; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover .sub-arrow {
      right: 16px;
      transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.hoverd .sidebar-submenu {
    opacity: 1;
    visibility: visible;
    margin-top: 8px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .mega-menu-container {
    opacity: 1;
    visibility: visible;
    margin-top: 20px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .mobile-back {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .page-wrapper.material-icon {
    position: relative; }
    .page-wrapper.material-icon::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 200px;
      background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-icon .toggle-sidebar {
      color: rgba(255, 255, 255, 0.8); }
      .page-wrapper.material-icon .toggle-sidebar:hover > svg {
        color: #fff !important;
        stroke: #fff !important; }
    .page-wrapper.material-icon .page-header {
      position: relative;
      background: transparent;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto;
      width: calc(100% - 0px);
      box-shadow: none; }
      .page-wrapper.material-icon .page-header .f-light {
        color: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
        stroke: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li {
        color: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .notification-box svg,
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .cart-box svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > a > svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > svg {
          stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
        color: rgba(255, 255, 255, 0.7); }
      .page-wrapper.material-icon .page-header.close_icon {
        padding-left: 0;
        margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-body {
      margin-top: 0 !important;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto; }
    .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      padding-left: 15px;
      margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-title {
      color: #fff;
      background-color: transparent;
      border-bottom: none;
      box-shadow: none; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
        color: rgba(255, 255, 255, 0.6); }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        color: rgba(255, 255, 255, 0.8); } }

@media only screen and (min-width: 992px) {
  .page-wrapper.material-icon::before {
    height: 240px; } }

@media screen and (max-width: 767px) {
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(2) {
    background-color: #fff;
    padding: 8px;
    border-radius: 40px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav {
    background-color: unset; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav ul li {
      border-radius: 0px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:last-child {
    padding: 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
    height: 27px;
    width: 27px;
    cursor: pointer; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-dropdown .cart-dropdown ul li:nth-child(2) {
    border-radius: 0px !important;
    padding: 16px 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .tab-content .notification-card ul li {
    padding: 15px 0px !important;
    border-radius: 0px !important; }
  .sidebar-wrapper .menu .brand-logo img {
    width: 120px; } }

@media screen and (max-width: 576px) {
  .toggle-nav i {
    font-size: 20px; } }

/**=====================
  5.7 Sidebar CSS Ends
==========================**/
.left-header .d-flex {
  align-items: center; }

.left-header .welcome-content span {
  color: var(--chart-text-color); }

.left-header h6 {
  line-height: 1.6; }
  @media (max-width: 1199px) {
    .left-header h6 {
      width: 160px;
      overflow: hidden;
      -webkit-line-clamp: 1;
      text-overflow: ellipsis;
      white-space: nowrap; } }
  @media (max-width: 991px) {
    .left-header h6 {
      width: 120px; } }
  @media (max-width: 767px) {
    .left-header h6 {
      width: 66px; } }
@media (max-width: 892px) {
  .left-header {
    display: none; } }

.left-header img {
  margin-top: -12px;
  height: 26px; }

.left-header i {
  font-weight: 600;
  font-size: 12px;
  margin-bottom: -4px; }

.nav-right .nav-menus li .input-icon svg {
  position: absolute;
  top: 11px;
  left: 15px; }
  [dir="rtl"] .nav-right .nav-menus li .input-icon svg {
    right: 15px;
    left: unset; }

.nav-right .nav-menus li .input-icon::before {
  content: "";
  top: 8px;
  left: 44px;
  height: 25px;
  width: 1px;
  background-color: #E6E9EB;
  position: absolute; }
  [dir="rtl"] .nav-right .nav-menus li .input-icon::before {
    right: 44px;
    left: unset; }

.nav-right .nav-menus li .input-icon input {
  background-color: #fff; }

.nav-right .nav-menus li .input-show {
  position: relative; }
  .nav-right .nav-menus li .input-show input {
    position: absolute;
    z-index: 11;
    top: 25px;
    left: 0px;
    background-color: #fff;
    padding: 12px; }
  .nav-right .nav-menus li .input-show #searchInput.show input {
    display: block; }
  .nav-right .nav-menus li .input-show #searchInput input {
    display: none; }

/*======= Page Header css ends  ======= */
/**======Main Header css Start ======**/
.offcanvas .page-wrapper .page-body-wrapper .page-body,
.offcanvas-bookmark .page-wrapper .page-body-wrapper .page-body {
  position: relative;
  filter: blur(5px) grayscale(100%); }

.offcanvas {
  position: unset;
  visibility: visible;
  background: unset;
  z-index: 2; }

.toggle-sidebar {
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer; }
  .toggle-sidebar svg {
    width: 20px;
    height: 20px;
    stroke: var(--white); }
  .toggle-sidebar:before {
    content: "";
    position: absolute;
    height: 40px;
    width: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 100%;
    left: -10px;
    z-index: -2;
    top: -9px;
    transform: scale(0);
    transition: all 0.3s ease; }
  .toggle-sidebar:hover:before {
    height: 40px;
    width: 40px;
    transform: scale(1);
    transition: all 0.3s ease; }
  .toggle-sidebar:hover > svg {
    color: var(--white) !important;
    stroke: var(--white) !important; }

.onhover-dropdown {
  cursor: pointer;
  position: relative; }
  .onhover-dropdown.notification-down::before {
    content: "";
    top: 0px;
    left: 55px;
    height: 46px;
    width: 1px;
    background-color: #E6E9EB;
    position: absolute; }

.page-wrapper .page-body-wrapper {
  background-color: #F5F5F5; }

.page-wrapper .page-header.close_icon .header-wrapper .header-logo-wrapper .toggle-sidebar svg {
  stroke: #898989 !important; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message a {
  color: #051A1A; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .notification-card a {
  color: #051A1A; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .notification-card a:hover {
    color: #006666; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul {
  gap: 8px;
  justify-content: center;
  padding: 0px !important;
  align-items: center; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification-box a {
      color: #051A1A; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.total h6 {
      text-align: -webkit-auto; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification {
      border-bottom: 1px solid #E6E9EB;
      padding-bottom: 15px;
      padding-top: 15px; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data .product-icon {
        height: 40px;
        width: 40px;
        border-radius: 6px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data .product-icon svg {
          width: 25px;
          height: 25px;
          stroke: none !important; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data span {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;
        text-align: -webkit-auto; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification:last-child {
        border: none; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li {
  padding: 19px 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts {
    display: flex;
    align-items: center; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-image {
      height: 34px;
      width: 34px; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-name {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-name h6 {
        text-align: start; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li:hover a {
    color: #006666; }

.onhover-show-div {
  top: 80px;
  position: absolute;
  z-index: 8;
  background-color: #fff;
  transition: all linear 0.3s; }
  .onhover-show-div li a svg {
    margin-top: 0 !important; }
    .onhover-show-div li a svg path,
    .onhover-show-div li a svg line {
      color: #051A1A !important; }

/**======Main Header css Ends ======**/
/*=======Mega menu css start=======*/
.mega-menu .default-according .card .btn-link {
  font-weight: 500;
  color: gray; }

.mega-menu .default-according .card .card-body {
  font-size: 12px; }

.mega-menu .onhover-show-div {
  width: 1500px; }

.mega-menu .card-body {
  padding: 20px; }

.mega-menu div > div a {
  margin-bottom: 0px;
  display: inline-block;
  color: #FFFFFF; }

.mega-menu .list-unstyled div a {
  padding: 8px 35px 8px 0;
  transition: 0.5s; }
  .mega-menu .list-unstyled div a:hover {
    padding: 8px 35px 8px 10px;
    transition: 0.5s; }

/*=======Mega menu css end=======*/
/**=====================
    5.3 Header CSS Ends
==========================**/
/**=====================
    5.4 Navs CSS Start
==========================**/
#accordionoc #collapseicon,
#accordionoc #collapseicon1 {
  padding-top: 0px; }

#accordionoc li button {
  display: flex;
  align-items: center; }

.navs-icon.default-according.style-1 li button {
  position: relative; }
  .navs-icon.default-according.style-1 li button:hover {
    color: var(--theme-deafult) !important; }

.navs-icon.default-according.style-1 li button[aria-expanded="true"]:before {
  right: 2px;
  top: 6px; }

.navs-icon.default-according.style-1 li button[aria-expanded="false"]:before {
  right: 2px;
  top: 6px; }

.navs-icon {
  padding: 30px; }
  .navs-icon li {
    padding: 9px 0; }
    .navs-icon li a {
      color: #051A1A; }
      .navs-icon li a:hover {
        color: var(--theme-deafult); }
    .navs-icon li ul {
      padding-top: 9px; }

.onhover-dropdown.navs-dropdown:hover .onhover-show-div:before, .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after {
  right: 77px;
  left: unset; }

.icon-lists {
  font-family: inherit; }

/**=====================
    5.4 Navs CSS Ends
==========================**/
/**=====================
    5.8 Rtl CSS Start
==========================**/
html[dir="rtl"] ul {
  padding-right: 0; }

html[dir="rtl"] .ms-auto {
  margin-left: unset !important;
  margin-right: auto !important; }

html[dir="rtl"] .revenuegrowth .revenuegrowth-chart::before {
  right: unset;
  left: 0px; }

html[dir="rtl"] .img-boostup .img-boostup-img-1 {
  left: unset;
  right: -63px;
  transform: scaleX(-1); }

html[dir="rtl"] .img-boostup .img-boostup-img-2 {
  transform: scaleX(-1);
  left: unset;
  right: -61px; }

html[dir="rtl"] .table-order .order-table thead tr th:first-child, html[dir="rtl"] .project-table .order-table thead tr th:first-child {
  border-top-left-radius: unset !important;
  border-bottom-left-radius: unset !important;
  border-top-right-radius: 5px  !important;
  border-bottom-right-radius: 5px !important; }

html[dir="rtl"] .table-order .order-table thead tr th:last-child, html[dir="rtl"] .project-table .order-table thead tr th:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important; }

html[dir="rtl"] .tap-top {
  left: 30px;
  right: unset; }

html[dir="rtl"] .tranaction-table thead tr th:first-child {
  border-top-left-radius: unset !important;
  border-bottom-left-radius: unset !important;
  border-top-right-radius: 5px  !important;
  border-bottom-right-radius: 5px !important; }

html[dir="rtl"] .tranaction-table thead tr th:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important; }

html[dir="rtl"] .user-message ul li .activity-log .status {
  right: 25px !important; }

html[dir="rtl"] .activity-table table tbody tr td .team-activity::before {
  right: 24px;
  left: unset; }

html[dir="rtl"] .activity-table table tbody tr td .activity-data span::before {
  right: -9px;
  left: unset; }

html[dir="rtl"] .activity-table table tbody tr td .activity-data .common-space::before {
  bottom: 0px;
  top: unset;
  right: unset;
  left: 0px; }

html[dir="rtl"] .activity-table table tbody tr td .activity-data .user-activity::before {
  bottom: 0px;
  top: unset;
  right: unset;
  left: 0px; }

html[dir="rtl"] .prooduct-details-box .media .media-body {
  margin-right: 1rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .important-project .projectlist-card .range_4 .slider-container {
  direction: ltr; }
  html[dir="rtl"] .important-project .projectlist-card .range_4 .slider-container .slider_input {
    left: 0; }

html[dir="rtl"] .add-project .categories {
  transform: scaleX(-1);
  left: 0;
  right: unset; }

html[dir="rtl"] .activity-group::before {
  content: "";
  right: 0px;
  left: unset; }

html[dir="rtl"] .projectlist-card .project-comment .project-comment-icon .project-link::before {
  left: 35px;
  right: unset; }

html[dir="rtl"] .figure.text-start blockquote {
  border-left: none !important;
  border-right: 4px solid #006666 !important; }

html[dir="rtl"] .figure.text-end blockquote {
  border-right: none !important;
  border-left: 4px solid #006666 !important; }

html[dir="rtl"] .client-list-table table tbody tr td .user-id::before {
  right: unset;
  left: 11%; }

html[dir="rtl"] .project-table .project-comment .project-comment-icon .project-link::before {
  right: 47px;
  left: unset; }

html[dir="rtl"] .activity-log-card ul::before {
  right: 36px;
  left: unset; }

html[dir="rtl"] .slider-wrapper {
  direction: ltr; }

html[dir="rtl"] .f-right {
  float: left; }

html[dir="rtl"] .papernote-wrap .note-labels ul {
  gap: 9px; }

html[dir="rtl"] .form-check-inline {
  margin-right: unset;
  margin-left: 1rem; }

html[dir="rtl"] .knowledgebase-search .form-inline svg {
  left: unset;
  right: 20px; }

html[dir="rtl"] .switch-showcase .form-check .form-check-input {
  float: left; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:first-child {
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:last-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-left-width: 1px; }

html[dir="rtl"] .pill-input-group span:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 1.3rem !important;
  border-bottom-left-radius: 1.3rem !important; }

html[dir="rtl"] .pill-input-group span:first-child {
  border-top-left-radius: unset !important;
  border-top-right-radius: unset !important;
  border-top-right-radius: 1.3rem !important;
  border-bottom-right-radius: 1.3rem !important; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
  text-align: right;
  border-top-left-radius: 15px;
  border-top-right-radius: unset;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: unset; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .toggle-sidebar {
    right: unset;
    left: 30px; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
    padding: 0; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .badge {
      left: 50px !important;
      right: unset !important; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon {
    margin-right: 0;
    margin-left: unset; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .logo-icon-wrapper {
      text-align: left; }
      html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .logo-icon-wrapper img {
        margin-left: 8px; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .page-body,
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
      margin-left: 0;
      margin-right: 100px;
      transition: 0.5s; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      margin-left: 0; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
      display: none !important; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .according-menu {
      display: none; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      margin-left: 13px; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover {
    transform: translate(0px); }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
      display: block !important; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      float: none; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .according-menu {
      display: block; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu:after {
    right: 30px;
    left: unset;
    border-top-right-radius: 8px;
    border-right: 2px solid; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
    padding-right: 65px !important;
    padding-left: unset !important; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a:before {
      right: 32px; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a:after {
      right: 20px;
      left: unset;
      top: 9%;
      border-bottom-left-radius: unset;
      border-bottom-right-radius: 8px;
      border-left: unset;
      border-right: 2px solid rgba(255, 255, 255, 0.5);
      border-bottom: 2px solid rgba(255, 255, 255, 0.5); }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 265px; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
  right: unset;
  left: 20px; }

html[dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .nav-right {
  right: unset;
  left: 30px; }

html[dir="rtl"] .date-details > div + div {
  margin-left: unset;
  margin-right: 10px; }

html[dir="rtl"] .contact-editform.ps-0 {
  padding-left: 20px !important; }

html[dir="rtl"] .contact-options li .btn-category {
  padding-left: unset !important;
  padding-right: 40px; }

html[dir="rtl"] .list-persons .profile-mail .email-general ul {
  padding-right: unset;
  padding-left: 20px; }
  html[dir="rtl"] .list-persons .profile-mail .email-general ul li > span {
    float: left; }

html[dir="rtl"] .list-persons .profile-mail .media .media-body ul li + li {
  padding-right: unset;
  padding-left: 10px;
  margin-right: unset;
  margin-left: 5px;
  border-right: unset;
  border-left: 1px solid #E6E9EB; }

html[dir="rtl"] .file-content .form-inline i {
  padding-right: unset;
  padding-left: 10px; }

html[dir="rtl"] .file-sidebar .btn svg {
  margin-right: unset;
  margin-left: 8px; }

html[dir="rtl"] .file-sidebar .pricing-plan .bg-img {
  left: -40px;
  right: unset; }

html[dir="rtl"] .form-select {
  border-radius: 0px;
  background-position: left 0.75rem center; }

html[dir="rtl"] .customers ul li + li {
  margin-left: unset;
  margin-right: -10%; }

html[dir="rtl"] .project-list .border-tab.nav-tabs .nav-item .nav-link {
  padding: 5px 0 5px 30px; }

html[dir="rtl"] .project-box .badge {
  right: unset;
  left: 30px; }

html[dir="rtl"] .kanban-board {
  float: right; }

html[dir="rtl"] .kanban-item .kanban-box .customers ul li + li {
  margin-left: unset;
  margin-right: -10px; }

html[dir="rtl"] .kanban-item .list li i {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .page-wrapper.horizontal-wrapper .header-logo-wrapper {
  text-align: right; }

html[dir="rtl"] .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
  margin-right: 0; }

html[dir="rtl"] .page-wrapper.horizontal-wrapper .page-body-wrapper footer {
  margin-right: 0; }

html[dir="rtl"] .page-wrapper.material-type .page-body-wrapper .page-body {
  margin-right: auto; }

html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:first-child {
  margin-right: 0; }

html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
  margin-right: 15px;
  margin-left: unset; }

html[dir="rtl"] .page-header .header-wrapper .toggle-sidebar {
  margin-left: 2px;
  margin-right: unset; }

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
  left: -20px !important;
  right: unset !important; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
      left: 12px !important; } }
html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full input {
  padding-left: unset;
  padding-right: 60px;
  text-align: right; }

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
  left: unset;
  right: 30px; }

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
  right: unset;
  left: 0; }

html[dir="rtl"] .page-wrapper.compact-sidebar .toggle-sidebar {
  margin-left: 15px;
  margin-right: unset; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-header {
  margin-left: unset;
  margin-right: 150px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-header.close_icon {
    margin-right: 0; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 150px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper .footer {
  margin-left: unset;
  margin-right: 150px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
  text-align: right; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
  animation: fadeInRight 1000ms ease-in-out; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  right: 150px;
  left: unset; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
    padding: 15px 40px 15px 15px; }
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
      right: 20px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
    left: unset;
    right: 20px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
    text-align: right; }
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      padding: 15px 40px 15px 15px; }
      html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
      html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
        left: unset;
        right: 20px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
  left: unset;
  right: 53%; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
  text-align: center; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
  text-align: center; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
    right: unset;
    left: 20px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
  transform: translateX(150px); }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
    margin-right: 0px; }

html[dir="rtl"] .page-wrapper.compact-small .page-header {
  margin-right: 90px; }

html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  right: 90px; }

html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper .footer,
html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper .page-body {
  margin-right: 90px; }

html[dir="rtl"] .page-wrapper.material-icon .page-header {
  padding-left: unset;
  padding-right: 90px;
  margin: 0 auto; }
  html[dir="rtl"] .page-wrapper.material-icon .page-header.close_icon {
    padding-right: 0; }

html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper .page-body {
  padding-left: 15px;
  padding-right: 90px;
  margin: 0 auto; }

html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
  padding-right: 15px;
  margin: 0 auto !important; }

html[dir="rtl"] .apexcharts-canvas {
  direction: ltr; }

html[dir="rtl"] .email-wrap .btn-mail {
  text-align: right; }

html[dir="rtl"] .email-wrap .email-app-sidebar ul li a {
  padding-left: unset;
  padding-right: 20px; }

html[dir="rtl"] .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
  text-align: center; }

html[dir="rtl"] .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark {
  text-align: right; }

html[dir="rtl"] .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
  left: 30px;
  right: unset;
  text-align: left; }

html[dir="rtl"] .bookmark-wrap .details-bookmark .row > div + div {
  padding-left: 15px !important; }

html[dir="rtl"] .appointment-table table tr td .status-circle {
  left: unset;
  right: 35px; }

html[dir="rtl"] .notification .card .d-flex .w-100 p .badge {
  margin-left: unset;
  margin-right: 10px; }

html[dir="rtl"] .progress-gradient-primary {
  background-image: linear-gradient(to right, var(--theme-deafult), transparent); }
  html[dir="rtl"] .progress-gradient-primary::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-primary .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-secondary {
  background-image: linear-gradient(to right, #FE6A49, transparent); }
  html[dir="rtl"] .progress-gradient-secondary::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-secondary .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-success {
  background-image: linear-gradient(to right, #00AC46, transparent); }
  html[dir="rtl"] .progress-gradient-success::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-success .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-danger {
  background-image: linear-gradient(to right, #FE6A49, transparent); }
  html[dir="rtl"] .progress-gradient-danger::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-danger .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-info {
  background-image: linear-gradient(to right, #173878, transparent); }
  html[dir="rtl"] .progress-gradient-info::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-info .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-light {
  background-image: linear-gradient(to right, #E6E9EB, transparent); }
  html[dir="rtl"] .progress-gradient-light::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-light .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-dark {
  background-image: linear-gradient(to right, #2c323f, transparent); }
  html[dir="rtl"] .progress-gradient-dark::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-dark .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-warning {
  background-image: linear-gradient(to right, #FFAE1A, transparent); }
  html[dir="rtl"] .progress-gradient-warning::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-warning .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-animate span {
  left: -10px;
  right: unset; }

html[dir="rtl"] .me-4 {
  margin-left: 1.5rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .pe-4 {
  padding-left: 1.5rem !important;
  padding-right: unset !important; }

html[dir="rtl"] .me-1 {
  margin-left: 0.25rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .navs-dropdown .onhover-show-div {
  right: 0; }

html[dir="rtl"] .default-according.style-1 button {
  text-align: right; }
  html[dir="rtl"] .default-according.style-1 button:before {
    left: 20px;
    right: unset; }
    @media (max-width: 575px) {
      html[dir="rtl"] .default-according.style-1 button:before {
        left: 15px; } }
  html[dir="rtl"] .default-according.style-1 button i {
    right: 18px;
    left: unset; }

html[dir="rtl"] .default-according .card .card-header i {
  right: 18px;
  left: unset; }

html[dir="rtl"] .faq-wrap .faq-accordion .card .card-header .btn-link {
  padding-right: 20px !important; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .faq-wrap .faq-accordion .card .card-header .btn-link {
      padding-right: 10px !important; } }
html[dir="rtl"] .ProfileCard-details {
  padding-right: 30px;
  padding-left: unset;
  float: right; }

html[dir="rtl"] .starter-main .card-body ul {
  padding-right: 30px;
  padding-left: unset; }

html[dir="rtl"] .theme-tab .tab-title li a svg {
  margin-left: 5px;
  margin-right: unset; }

html[dir="rtl"] .spent .spent-graph .project-budget {
  margin-left: 30px;
  margin-right: unset; }

html[dir="rtl"] .support-table table tbody tr td:first-child {
  padding-right: 0;
  padding-left: unset; }

html[dir="rtl"] .order-box .sub-total .shipping-class .shopping-checkout-option,
html[dir="rtl"] .order-box .sub-total .shipping-class span,
html[dir="rtl"] .order-box .sub-total li .shopping-checkout-option,
html[dir="rtl"] .order-box .sub-total li span,
html[dir="rtl"] .order-box .total .shipping-class .shopping-checkout-option,
html[dir="rtl"] .order-box .total .shipping-class span,
html[dir="rtl"] .order-box .total li .shopping-checkout-option,
html[dir="rtl"] .order-box .total li span,
html[dir="rtl"] .order-box .qty .shipping-class .shopping-checkout-option,
html[dir="rtl"] .order-box .qty .shipping-class span,
html[dir="rtl"] .order-box .qty li .shopping-checkout-option,
html[dir="rtl"] .order-box .qty li span {
  float: left; }

html[dir="rtl"] .order-box .sub-total li .count,
html[dir="rtl"] .order-box .total li .count,
html[dir="rtl"] .order-box .qty li .count {
  float: left; }

html[dir="rtl"] .img-paypal {
  margin-right: 15px;
  margin-left: unset; }

html[dir="rtl"] .cart .qty-box .input-group .btn {
  border-radius: 0 !important; }

html[dir="rtl"] .product-qnty fieldset .input-group .input-group-prepend .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .grid-options {
  margin-right: 10px;
  margin-left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-1 {
    right: 12px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-2 {
    right: 18px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-3 {
    right: 36px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-4 {
    right: 42px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-5 {
    right: 48px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-6 {
    right: 66px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-7 {
    right: 72px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-8 {
    right: 78px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-9 {
    right: 84px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-10 {
    right: 103px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-11 {
    right: 109px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-12 {
    right: 115px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-13 {
    right: 121px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-14 {
    right: 127px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-15 {
    right: 133px;
    left: unset; }

html[dir="rtl"] .product-filter.new-products .owl-theme .owl-nav {
  left: 0;
  right: unset; }

html[dir="rtl"] .product-filter.new-products .owl-theme .owl-item .item .product-box .product-details.text-start {
  text-align: left !important; }

html[dir="rtl"] .product-sidebar .filter-section .card .card-header h6 .pull-right i {
  left: auto;
  right: unset; }

html[dir="rtl"] .prooduct-details-box .btn {
  right: unset;
  left: 15px; }

html[dir="rtl"] .prooduct-details-box .close {
  right: unset;
  left: 10px; }

html[dir="rtl"] .collection-filter-block svg {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .feature-products form .form-group i {
  left: 30px;
  right: unset; }

html[dir="rtl"] .product-wrapper-grid.list-view .product-box .product-details {
  text-align: right; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .breadcrumb {
  margin-left: unset; }

html[dir="rtl"] .bookmark ul li + li {
  margin-left: unset;
  margin-right: 10px; }

html[dir="rtl"] .bookmark ul li .search-form .form-control-search {
  left: -50px;
  right: unset; }
  html[dir="rtl"] .bookmark ul li .search-form .form-control-search:before {
    right: 50px;
    left: unset; }
  html[dir="rtl"] .bookmark ul li .search-form .form-control-search:after {
    right: 20px;
    left: unset; }

html[dir="rtl"] .me-0 {
  margin-left: 0 !important;
  margin-right: unset !important; }

html[dir="rtl"] .footer .pull-right {
  float: none; }

html[dir="rtl"] .checkbox_animated,
html[dir="rtl"] .radio_animated {
  margin: 0 8px 0 16px; }

html[dir="rtl"] .button.remove {
  left: -10px;
  right: unset; }

html[dir="rtl"] .code-box-copy__btn {
  left: 11px;
  right: unset; }

html[dir="rtl"] ul.nav-menus {
  border-bottom: none; }
  html[dir="rtl"] ul.nav-menus li .input-show input {
    right: 0px;
    left: unset; }

html[dir="rtl"] ul.notification-dropdown.onhover-show-div li {
  text-align: right; }

html[dir="rtl"] .badge + .badge {
  margin-right: 5px;
  margin-left: unset; }

html[dir="rtl"] .offset-xl-3 {
  margin-right: 25%;
  margin-left: unset; }

html[dir="rtl"] .m-l-10 {
  margin-right: 10px !important;
  margin-left: unset !important; }

html[dir="rtl"] .m-r-20 {
  margin-left: 20px;
  margin-right: unset; }

html[dir="rtl"] .m-r-30 {
  margin-left: 30px;
  margin-right: unset; }

html[dir="rtl"] .m-r-5 {
  margin-left: 5px;
  margin-right: unset; }

html[dir="rtl"] .text-start {
  text-align: right !important; }

html[dir="rtl"] .m-r-10 {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .pe-3 {
  padding-left: 1rem !important;
  padding-right: unset !important; }

html[dir="rtl"] .p-r-0 {
  padding-left: 0;
  padding-right: 15px; }

html[dir="rtl"] .m-l-20 {
  margin-right: 20px !important;
  margin-left: unset !important; }

html[dir="rtl"] .ps-3 {
  padding-right: 1rem !important; }

html[dir="rtl"] .b-r-light {
  border-left: 1px solid #E6E9EB !important;
  border-right: unset !important; }

html[dir="rtl"] .float-end {
  float: left !important; }

html[dir="rtl"] .float-start {
  float: right !important; }

html[dir="rtl"] .text-end {
  text-align: left !important; }

html[dir="rtl"] .border-right {
  border-left: 1px solid #dee2e6 !important;
  border-right: unset !important; }

html[dir="rtl"] .pe-0 {
  padding-left: 0 !important;
  padding-right: 12px !important; }

html[dir="rtl"] .ps-0 {
  padding-right: 0 !important;
  padding-left: unset !important; }

html[dir="rtl"] .ms-1 {
  margin-left: unset !important;
  margin-right: 0.25rem !important; }

html[dir="rtl"] .owl-carousel {
  direction: ltr; }

html[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
html[dir="rtl"] .btn-group > :not(:last-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .btn-group > .btn:not(:first-child) {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .btn-group > .btn:nth-child(2) {
  border-radius: 0 !important; }

html[dir="rtl"] .btn-group .btn-group > :not(:first-child) > .btn {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .btn-group .btn + .btn,
html[dir="rtl"] .btn-group .btn + .btn-group {
  margin-right: -1px;
  border-right: none; }

html[dir="rtl"] .btn-group .btn-group + .btn,
html[dir="rtl"] .btn-group .btn-group + .btn-group {
  margin-right: -1px; }

html[dir="rtl"] .btn-group .btn-group-vertical .btn + .btn,
html[dir="rtl"] .btn-group .btn-group-vertical .btn + .btn-group {
  margin-right: -1px; }

html[dir="rtl"] .btn-group .btn-group-vertical .btn-group + .btn,
html[dir="rtl"] .btn-group .btn-group-vertical .btn-group + .btn-group {
  margin-right: -1px; }

html[dir="rtl"] .me-3 {
  margin-right: unset !important;
  margin-left: 1rem !important; }

html[dir="rtl"] .me-5 {
  margin-left: 3rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .ms-3 {
  margin-right: 1rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .m-r-15 {
  margin-left: 15px;
  margin-right: unset; }

html[dir="rtl"] .b-l-light {
  border-right: 1px solid #E6E9EB !important;
  border-left: unset !important; }

html[dir="rtl"] .p-l-0 {
  padding-left: unset;
  padding-right: 0px; }

html[dir="rtl"] .ps-4 {
  padding-right: 1.5rem !important;
  padding-left: unset !important; }

html[dir="rtl"] .me-2 {
  margin-left: 0.5rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .ms-2 {
  margin-right: 0.5rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .pe-2 {
  padding-right: unset !important;
  padding-left: 0.5rem !important; }

html[dir="rtl"] .prooduct-details-box .media-body {
  margin-right: 0 !important; }

html[dir="rtl"] .alert {
  text-align: right; }

html[dir="rtl"] .pull-right {
  float: left; }

html[dir="rtl"] .form-inline .form-group {
  margin-left: 0px;
  margin-right: 0; }

html[dir="rtl"] .card {
  text-align: right; }
  html[dir="rtl"] .card.social-profile {
    text-align: center; }
  html[dir="rtl"] .card .card-header h5:not(.mb-0) {
    float: right; }
  html[dir="rtl"] .card .card-header span {
    clear: both; }
  html[dir="rtl"] .card .card-header .card-header-right {
    left: 35px;
    right: unset; }
    html[dir="rtl"] .card .card-header .card-header-right .card-option {
      text-align: left; }
      html[dir="rtl"] .card .card-header .card-header-right .card-option.list-unstyled {
        padding-right: 0;
        padding-left: unset; }
  html[dir="rtl"] .card .card-header .pull-left {
    float: right; }
  html[dir="rtl"] .card.full-card {
    left: 0;
    right: unset; }
  html[dir="rtl"] .card .card-body .alert svg {
    margin-left: 4px;
    margin-right: unset; }
  html[dir="rtl"] .card .card-body .value-left {
    margin-left: 30px;
    margin-right: unset; }
  html[dir="rtl"] .card .card-body .square {
    margin-left: 5px;
    margin-right: unset; }

html[dir="rtl"] .explore-card {
  text-align: left; }
  html[dir="rtl"] .explore-card .group-btn {
    justify-content: flex-end; }

html[dir="rtl"] .balance-box {
  text-align: center; }

html[dir="rtl"] .purchase-card {
  text-align: center; }

html[dir="rtl"] .modal-header .btn-close {
  margin: -0.5rem auto -0.5rem -0.5rem; }

html[dir="rtl"] .modal-footer > :not(:first-child) {
  margin-right: .50rem;
  margin-left: 0; }

html[dir="rtl"] .form-inline .form-group .col-form-label {
  margin-left: 5px;
  margin-right: 0; }

html[dir="rtl"] .contacts-tabs .nav-pills {
  border-left: 1px solid #E6E9EB; }

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
  padding-right: 0.5rem;
  padding-left: unset; }
  html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    padding-left: 0.5rem;
    padding-right: unset;
    float: right; }

html[dir="rtl"] code[class*=language-],
html[dir="rtl"] pre[class*=language-] {
  text-align: right; }

html[dir="rtl"] .input-group-prepend {
  margin-left: -1px;
  margin-right: unset; }

html[dir="rtl"] .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
html[dir="rtl"] .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

html[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: unset;
  margin-right: -1px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), html[dir="rtl"] .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), html[dir="rtl"] .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, html[dir="rtl"] .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

html[dir="rtl"] .form-floating input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-primary {
  border-right: 4px solid #006666;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-secondary {
  border-right: 4px solid #FE6A49;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-success {
  border-right: 4px solid #00AC46;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-danger {
  border-right: 4px solid #FE6A49;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-warning {
  border-right: 4px solid #FFAE1A;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-info {
  border-right: 4px solid #173878;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-light {
  border-right: 4px solid #E6E9EB;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-dark {
  border-right: 4px solid #2c323f;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:first-child {
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:last-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-left-width: 1px; }

html[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: unset;
  margin-right: -1px; }

html[dir="rtl"] .was-validated .form-control:invalid,
html[dir="rtl"] .form-control.is-invalid,
html[dir="rtl"] .was-validated .form-control:valid,
html[dir="rtl"] .form-control.is-valid {
  background-position: left calc(0.375em + 0.1875rem) center;
  padding-left: calc(1.5em + 0.75rem);
  padding-right: 12px; }

html[dir="rtl"] .input-group > .form-control:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .input-group > .input-group-prepend > .btn,
html[dir="rtl"] .input-group > .input-group-prepend > .input-group-text,
html[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .btn,
html[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .input-group-text,
html[dir="rtl"] .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
html[dir="rtl"] .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .input-group > .input-group-append > .btn,
html[dir="rtl"] .input-group > .input-group-append > .input-group-text,
html[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .btn,
html[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
html[dir="rtl"] .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
html[dir="rtl"] .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .border-tab.nav-left .nav-link {
  text-align: left; }

html[dir="rtl"] .socialprofile .social-group ul li:nth-child(4) {
  margin-right: -22px; }

html[dir="rtl"] .social-status form .form-group .form-control-social {
  padding-right: 15px;
  padding-left: unset; }

html[dir="rtl"] .social-status .media .social-status {
  right: 35px;
  left: unset; }

html[dir="rtl"] .social-chat .other-msg {
  margin-right: 40px;
  margin-left: unset; }

html[dir="rtl"] .social-chat .media-body:before {
  left: 100%;
  right: unset;
  border-left: 7px solid var(-semi-dark);
  border-right: unset; }

html[dir="rtl"] .social-chat .media-body:after {
  left: 100%;
  right: unset;
  border-left: 7px solid #fff;
  border-right: unset; }

html[dir="rtl"] .quick-file li:first-child {
  margin-right: 0px;
  margin-left: unset; }

html[dir="rtl"] .files-content li:first-child {
  margin-right: 0px;
  margin-left: unset; }

html[dir="rtl"] .file-content .folder .folder-box .ellips {
  left: 22px;
  right: unset; }

html[dir="rtl"] .timeline-content .comment-number i {
  margin-left: 20px;
  margin-right: unset; }

html[dir="rtl"] .photos ul li {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .avatar-showcase .friend-pic {
  margin-left: 8px;
  margin-right: unset; }

html[dir="rtl"] .avatar-showcase .pepole-knows ul li {
  margin-left: 21px;
  margin-right: unset; }
  html[dir="rtl"] .avatar-showcase .pepole-knows ul li:last-child {
    margin-left: 0; }

html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
  left: 100px;
  right: unset; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li {
    margin-left: 10px;
    margin-right: unset; }
    html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li:last-child {
      margin-left: 0; }

html[dir="rtl"] .faq-form .search-icon {
  left: 12px;
  right: unset; }

html[dir="rtl"] .faq-widgets .media-body p {
  padding-left: 20px;
  padding-right: unset; }

html[dir="rtl"] .header-faq,
html[dir="rtl"] .faq-title {
  text-align: right; }

html[dir="rtl"] .browse .browse-articles h6 span svg {
  right: 22px; }

html[dir="rtl"] .faq-accordion.default-according .card .faq-header svg {
  left: 30px;
  right: unset; }

html[dir="rtl"] .faq-accordion.default-according .card .btn-link svg {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .navigation-option ul li {
  padding: 8px 0 8px 8px; }
  html[dir="rtl"] .navigation-option ul li a {
    padding-right: 40px;
    padding-left: unset; }
    html[dir="rtl"] .navigation-option ul li a svg {
      right: 15px;
      left: unset; }

html[dir="rtl"] .updates-faq {
  margin-right: unset;
  margin-left: 20px; }

html[dir="rtl"] .categories {
  right: unset;
  left: 0;
  transform: scaleX(-1); }
  html[dir="rtl"] .categories .learning-header {
    padding-right: 15px;
    padding-left: unset; }

html[dir="rtl"] .main .langChoice {
  left: 30px;
  right: unset; }

html[dir="rtl"] .pricing-block svg {
  direction: ltr; }

html[dir="rtl"] p.data-attributes svg {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .avatars .avatar {
  margin-left: 10px;
  margin-right: unset; }
  html[dir="rtl"] .avatars .avatar:last-child {
    margin-left: 0; }
  html[dir="rtl"] .avatars .avatar .status {
    left: 4px;
    right: unset; }

html[dir="rtl"] .customers.avatar-group {
  margin-left: 30px;
  margin-right: unset; }

html[dir="rtl"] .card .card-header h5 {
  float: none !important; }

html[dir="rtl"] .knob-chart .chart-clock-main .clock-small {
  right: 10px;
  left: unset; }

html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
  left: 30px;
  right: unset; }
  html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks .btn-label {
    margin-left: 5px;
    margin-right: unset; }

html[dir="rtl"] .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn {
  text-align: left; }

html[dir="rtl"] .todo .notification-popup {
  left: 10px;
  right: unset; }

html[dir="rtl"] .todo-options .badges-todo h6 {
  margin-left: 10px;
  margin-right: unset; }
  html[dir="rtl"] .todo-options .badges-todo h6:last-child {
    margin-left: 0; }

html[dir="rtl"] .todo-list-btns .dropdown-basic .btn-group .form-group .checkbox {
  padding-right: 14px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  padding-left: unset;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset; }

html[dir="rtl"] .todo-list-btns .dropdown-basic .separated-btn {
  margin-right: -6px;
  margin-left: unset; }
  html[dir="rtl"] .todo-list-btns .dropdown-basic .separated-btn .btn {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px; }

html[dir="rtl"] .search-todo .dropdown-basic .btn-group {
  margin-left: 18px;
  margin-right: unset; }

html[dir="rtl"] .sticky-note .note {
  float: right; }

html[dir="rtl"] .mega-menu .list-unstyled div a {
  padding: 8px 0 8px 35px; }
  html[dir="rtl"] .mega-menu .list-unstyled div a:hover {
    padding: 8px 10px 8px 35px; }

html[dir="rtl"] #testimonial .owl-stage-outer .owl-stage .owl-item .slide--item .media .me-3 {
  margin-right: 1rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  left: 0px !important;
  right: unset !important; }

html[dir="rtl"] .needs-validation .input-group > .form-control:not(:last-child),
html[dir="rtl"] .needs-validation .input-group > .custom-select:not(:last-child),
html[dir="rtl"] .form-row .input-group > .form-control:not(:last-child),
html[dir="rtl"] .form-row .input-group > .custom-select:not(:last-child) {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .form-check {
  padding-right: 1.25rem;
  padding-left: unset; }
  html[dir="rtl"] .form-check .form-check-input {
    float: right;
    margin-left: unset;
    margin-right: -1.5em; }

html[dir="rtl"] .form-check-reverse .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: 10px; }

html[dir="rtl"] .mega-menu .default-according .card .btn-link {
  text-align: right; }

html[dir="rtl"] .mega-menu .default-according.style-1 button[aria-expanded="true"]:before,
html[dir="rtl"] .mega-menu .default-according.style-1 button[aria-expanded="false"]:before {
  right: unset;
  left: 20px; }

html[dir="rtl"] .email-wrap .row .col-xl-6 {
  padding-right: 0;
  padding-left: 15px; }

html[dir="rtl"] .email-wrap .row .col-xl-3 + .col-xl-3 {
  padding-left: 0;
  padding-right: 15px; }

html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li {
  text-align: right; }
  html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li a i {
    margin-right: unset;
    margin-left: 10px; }

html[dir="rtl"] .email-wrap .email-app-sidebar ul {
  padding-right: 0; }

html[dir="rtl"] .email-wrap .email-right-aside .email-body .pe-0 {
  padding-right: unset !important; }

html[dir="rtl"] .email-wrap .email-right-aside .radius-left {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-radius: 4px; }

html[dir="rtl"] #renderRange {
  float: left;
  padding-left: unset;
  padding-right: 12px; }

html[dir="rtl"] .event-calendar {
  direction: ltr; }

html[dir="rtl"] .calendar-wrap .fc {
  direction: rtl;
  text-align: right; }
  html[dir="rtl"] .calendar-wrap .fc .fc-toolbar .fc-left {
    float: right; }
  html[dir="rtl"] .calendar-wrap .fc .fc-toolbar .fc-right {
    float: left; }
  html[dir="rtl"] .calendar-wrap .fc .fc-toolbar > * > * {
    margin-left: 0; }

html[dir="rtl"] .calendar-wrap .fc-events-container {
  text-align: right; }

html[dir="rtl"] .calendar-wrap .fc-scroller {
  margin-right: unset;
  margin-left: -17px; }

html[dir="rtl"] .fc-agenda-view .fc-day-grid .fc-row {
  margin-right: 0 !important; }

html[dir="rtl"] .fc-unthemed .fc-row {
  margin-right: 0 !important; }

html[dir="rtl"] .btn-group-showcase .btn-group {
  margin-left: 20px;
  margin-right: unset; }

html[dir="rtl"] .btn-showcase .btn {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .btn-square.dropdown-toggle {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

html.button-builder[dir="rtl"] ul.the-icons li {
  float: right; }

html.button-builder[dir="rtl"] .color-slelector {
  float: right; }

html.button-builder[dir="rtl"] .custom-button-color .form-control {
  border-radius: 0 5px 5px 0; }
  html.button-builder[dir="rtl"] .custom-button-color .form-control.pull-left {
    float: right; }

html.button-builder[dir="rtl"] .hint-label {
  float: right;
  padding: 4px 020px 0 0; }

html[dir="rtl"] #customer-review .owl-item img {
  order: 2; }

html[dir="rtl"] .options > div {
  margin: 0 0 8px 8px; }

html[dir="rtl"] .modal-dialog .modal-content .modal-body p a {
  margin-left: 0; }

html[dir="rtl"] .drag-box fieldset .component .form-group .text-lg-left {
  text-align: right !important; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn,
html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn-right,
html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .checkbox-radius {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #prependedcheckbox {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #appendedcheckbox {
  border-right-color: #efefef; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #buttondropdown {
  margin-right: unset;
  margin-left: -1px; }

html[dir="rtl"] .drag form {
  text-align: right; }
  html[dir="rtl"] .drag form input {
    text-align: right; }
  html[dir="rtl"] .drag form label {
    text-align: right !important; }
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .btn,
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .btn-right,
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .checkbox-radius {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  html[dir="rtl"] .drag form .form-group .input-group #buttondropdown {
    margin-right: unset;
    margin-left: -1px; }

html[dir="rtl"] .draggable label {
  text-align: right; }

html[dir="rtl"] .form-builder-column .tab-content .tab-pane .theme-form .ui-draggable .input-group > .input-group-prepend > .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .form-group .input-group #buttondropdown,
html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group #buttondropdown {
  margin-right: unset;
  margin-left: 15px; }

html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .form-group .input-group .input-group-btn button,
html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group .input-group-btn button {
  border-radius: 4px !important; }

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .text-lg-left {
  text-align: right !important; }

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn,
html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn-right,
html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .checkbox-radius {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .form-builder .component .form-group .input-group #buttondropdown {
  margin-right: unset;
  margin-left: -1px; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .logo-wrapper {
  box-shadow: 9px 0 20px rgba(89, 102, 122, 0.1) !important; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .logo-wrapper a {
    transform: translate(-64px); }

html[dir="rtl"] .search-page .nav i {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .product-stts {
  display: inline-block; }
  html[dir="rtl"] .product-stts .ms-1 {
    margin-right: 0.25rem !important;
    margin-left: unset !important; }

html[dir="rtl"] .search-form input {
  padding: 10px 70px 10px 10px;
  text-align: right; }

html[dir="rtl"] .icon-hover-bottom .icon-title {
  text-align: right; }

html[dir="rtl"] .icon-lists div i {
  margin: 0 10px 0 15px; }

html[dir="rtl"] .icon-lists ul {
  padding-right: 0; }

html[dir="rtl"] ul.icon-lists {
  padding-right: 30px; }

html[dir="rtl"] .floated-customizer-btn.third-floated-btn {
  left: 35px;
  right: unset; }

html[dir="rtl"] .floated-customizer-btn > span {
  margin-right: 10px; }

html[dir="rtl"] .floated-customizer-panel {
  text-align: right;
  left: -85px;
  right: unset; }
  html[dir="rtl"] .floated-customizer-panel.active {
    left: 35px;
    right: unset; }
  html[dir="rtl"] .floated-customizer-panel .close-customizer-btn {
    left: 30px;
    right: unset; }
  html[dir="rtl"] .floated-customizer-panel ul {
    padding-right: 0; }

html[dir="rtl"] .form-builder-2-header > div nav {
  float: left; }

html[dir="rtl"] .radio label {
  padding-left: 0;
  padding-right: 8px; }
  html[dir="rtl"] .radio label::before {
    right: 0;
    margin-right: -20px;
    left: unset; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .row h3 {
  text-align: right;
  padding-left: 20px;
  padding-right: unset !important; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .row h6 {
  text-align: right; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-header {
  margin-right: 265px;
  margin-left: unset;
  width: calc(100% - 265px); }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header.close_icon {
    margin-right: 100px;
    margin-left: unset;
    width: calc(100% - 100px); }

html[dir="rtl"] .page-wrapper.modern-type .page-header {
  margin-right: 0;
  width: calc(100% - 0px); }
  html[dir="rtl"] .page-wrapper.modern-type .page-header.close_icon {
    margin-right: 0;
    width: calc(100% - 0px); }
  html[dir="rtl"] .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
    margin-right: unset;
    margin-left: 30px; }
  html[dir="rtl"] .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
    margin-right: unset;
    margin-left: 15px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper .page-body {
  margin-right: 310px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper .footer {
  margin-left: 55px;
  margin-right: 360px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
  margin-right: 0px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
  margin-right: 0; }

html[dir="rtl"] .page-header .header-wrapper .nav-right {
  text-align: right; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right .onhover-show-div {
    right: unset;
    left: 0; }
    @media (max-width: 575.98px) {
      html[dir="rtl"] .page-header .header-wrapper .nav-right .onhover-show-div {
        left: 12px; } }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .page-header .header-wrapper .nav-right .cart-dropdown li {
      padding: 10px; } }
  html[dir="rtl"] .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
    right: unset;
    left: 0; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li .lang-txt {
    margin-left: 0;
    margin-right: 8px; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.notification-down:nth-child(5)::before {
    left: -8px;
    right: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:before {
    left: 0;
    right: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li .dot {
    left: 17px;
    right: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown:hover .onhover-show-div:before {
    right: 10px;
    left: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown:hover .onhover-show-div:after {
    right: 10px;
    left: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li i.ms-2 {
    margin-right: 0.5rem !important;
    margin-left: unset !important; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right .profile-dropdown li svg {
    margin-right: unset;
    margin-left: 10px; }

html[dir="rtl"] .page-header .header-wrapper .mobile-sidebar {
  padding-left: 20px;
  padding-right: unset; }

html[dir="rtl"] .page-header.open {
  margin-right: 0; }

html[dir="rtl"] ul.notification-dropdown.onhover-show-div {
  right: initial;
  left: -30px;
  padding: 0; }
  html[dir="rtl"] ul.notification-dropdown.onhover-show-div:before {
    right: inherit !important;
    left: 35px !important; }
  html[dir="rtl"] ul.notification-dropdown.onhover-show-div:after {
    right: inherit !important;
    left: 35px !important; }
  html[dir="rtl"] ul.notification-dropdown.onhover-show-div li {
    margin-right: 0 !important; }
    html[dir="rtl"] ul.notification-dropdown.onhover-show-div li span.badge {
      margin-left: unset !important; }
    html[dir="rtl"] ul.notification-dropdown.onhover-show-div li span svg {
      margin-right: unset;
      margin-left: 10px; }
    html[dir="rtl"] ul.notification-dropdown.onhover-show-div li .notification-icon {
      margin-left: 20px;
      margin-right: unset; }

html[dir="rtl"] .card-body .alert svg ~ p {
  padding-left: unset;
  padding-right: 20px; }

html[dir="rtl"] .alert i {
  margin-left: 5px;
  margin-right: 0; }

html[dir="rtl"] .inverse {
  padding: 13px 65px 13px 20px; }
  html[dir="rtl"] .inverse i {
    left: unset;
    right: 0; }

html[dir="rtl"] .alert-primary.inverse:before {
  border-right: 7px solid #006666;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-secondary.inverse:before {
  border-right: 7px solid #FE6A49;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-success.inverse:before {
  border-right: 7px solid #00AC46;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-danger.inverse:before {
  border-right: 7px solid #FE6A49;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-warning.inverse:before {
  border-right: 7px solid #FFAE1A;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-info.inverse:before {
  border-right: 7px solid #173878;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-light.inverse:before {
  border-right: 7px solid #E6E9EB;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-dark.inverse:before {
  border-right: 7px solid #2c323f;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-dismissible .btn-close {
  left: 4px;
  right: unset; }
  html[dir="rtl"] .alert-dismissible .btn-close span {
    padding-left: 0;
    padding-right: unset; }

html[dir="rtl"] .icofont.icofont-truck {
  display: inline-block; }

html[dir="rtl"] .blog-box .blog-details {
  padding-left: 20px;
  text-align: right; }
  html[dir="rtl"] .blog-box .blog-details .blog-social {
    padding-right: 0; }
    html[dir="rtl"] .blog-box .blog-details .blog-social li {
      padding-left: 40px;
      padding-right: unset; }
      html[dir="rtl"] .blog-box .blog-details .blog-social li:first-child {
        border-left: 1px solid #777777;
        border-right: unset;
        padding-left: 40px;
        padding-right: unset; }
      html[dir="rtl"] .blog-box .blog-details .blog-social li + li {
        margin-right: 30px;
        margin-left: unset;
        padding-left: 0; }

html[dir="rtl"] .blog-box .blog-details-main .blog-social li {
  border-left: 1px dotted;
  border-right: unset; }
  html[dir="rtl"] .blog-box .blog-details-main .blog-social li:last-child {
    border-left: none; }

html[dir="rtl"] .blog-box .blog-date span {
  font-size: 36px;
  font-weight: 500;
  padding-left: 5px; }

html[dir="rtl"] .comment-box .media img {
  margin-left: 45px;
  margin-right: unset; }

html[dir="rtl"] .comment-box .media h6 {
  text-align: right; }

html[dir="rtl"] .comment-box ul ul {
  margin-right: 135px;
  margin-left: unset;
  padding-right: 0; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .comment-box ul ul {
      margin-right: 30px; } }
html[dir="rtl"] .comment-box .comment-social {
  text-align: left; }
  html[dir="rtl"] .comment-box .comment-social li {
    padding-left: 0;
    padding-right: 20px; }
    html[dir="rtl"] .comment-box .comment-social li:first-child {
      border-left: 1px solid #efefef;
      border-right: unset;
      padding-right: 0;
      padding-left: 20px; }

html[dir="rtl"] .button-builder-wrap .form-group .btn {
  margin-left: 15px;
  margin-right: 0;
  padding: 9px; }

html[dir="rtl"] .button-builder ul.the-icons {
  padding-right: 0 !important; }

html[dir="rtl"] .chat-msg-box ul {
  padding-right: 0; }

html[dir="rtl"] .cke_toolbar,
html[dir="rtl"] .cke_toolgroup,
html[dir="rtl"] a.cke_button,
html[dir="rtl"] .cke_combo_text {
  float: right; }

html[dir="rtl"] .cke_reset_all,
html[dir="rtl"] .cke_reset_all *,
html[dir="rtl"] .cke_reset_all a,
html[dir="rtl"] .cke_reset_all textarea {
  text-align: right; }

html[dir="rtl"] .cke_combo_text {
  padding-left: unset;
  padding-right: 10px; }

html[dir="rtl"] #editor1 #cke_editor1 #cke_1_contents iframe html {
  direction: rtl !important; }

html[dir="rtl"] #clockdiv ul {
  padding-right: 0; }

html[dir="rtl"] .custom-card .card-footer > div + div {
  border-right: 1px solid #efefef;
  border-left: unset !important; }

html[dir="rtl"] .card-social {
  padding-right: 0; }

html[dir="rtl"] .card-absolute .card-header {
  right: 15px;
  left: unset; }

html[dir="rtl"] .dataTables_wrapper .dataTables_filter input[type="search"] {
  margin-right: 10px;
  margin-left: 0; }

html[dir="rtl"] .dataTables_wrapper .dataTables_length {
  float: right; }

html[dir="rtl"] .dataTables_wrapper .dataTables_filter {
  margin-left: unset;
  margin-right: 15px;
  float: left; }

html[dir="rtl"] .dataTables_wrapper .dataTables_info {
  float: right; }

html[dir="rtl"] .dataTables_wrapper .advance-5_filter {
  margin-left: 0; }

html[dir="rtl"] .dataTables_wrapper .btn-group button {
  margin-left: 5px;
  margin-right: unset; }
  html[dir="rtl"] .dataTables_wrapper .btn-group button:last-child {
    margin-left: 0; }

html[dir="rtl"] .dataTables_wrapper table.dataTable tbody td.select-checkbox:after,
html[dir="rtl"] .dataTables_wrapper table.dataTable tbody th.select-checkbox:after {
  margin-left: 31px; }

html[dir="rtl"] div.dataTables_wrapper div.dataTables_paginate {
  margin-right: 15px !important;
  margin-left: 0 !important;
  float: left; }

html[dir="rtl"] table.dataTable thead > tr > th {
  padding-left: 30px;
  padding-right: 12px; }
  html[dir="rtl"] table.dataTable thead > tr > th:before {
    left: 1em !important;
    right: unset; }
  html[dir="rtl"] table.dataTable thead > tr > th:after {
    left: 0.5em !important;
    right: unset; }

html[dir="rtl"] table.dataTable thead .sorting:before,
html[dir="rtl"] table.dataTable thead .sorting_asc:before,
html[dir="rtl"] table.dataTable thead .sorting_desc:before,
html[dir="rtl"] table.dataTable thead .sorting_asc_disabled:before,
html[dir="rtl"] table.dataTable thead .sorting_desc_disabled:before {
  left: 1em !important;
  right: unset; }

html[dir="rtl"] .dataTables_scrollHeadInner {
  padding-right: unset !important;
  padding-left: 0 !important; }

html[dir="rtl"] div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
  padding-right: 0;
  padding-left: 0; }

html[dir="rtl"] div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
  padding-right: 0;
  padding-left: 0; }

html[dir="rtl"] .dt-plugin-buttons button.m-r-10 {
  margin-left: 10px;
  margin-right: 0; }

html[dir="rtl"] .datetime-picker .theme-form .form-group label {
  text-align: left !important; }

html[dir="rtl"] .datetime-picker .theme-form .form-group .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .datetime-picker .theme-form .form-group .input-group .form-control {
  border-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

html[dir="rtl"] .dropdown-basic .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important; }

html[dir="rtl"] .dropdown-basic .separated-btn .btn {
  border-radius: 0.25rem;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

html[dir="rtl"] .dropdown-basic .btn-group {
  margin-right: unset;
  margin-left: 18px; }

html[dir="rtl"] .error-wrapper .col-md-8.offset-md-2 {
  margin: 0 auto !important; }

html[dir="rtl"] .timeline-calendar .custom-calendar .time-line .fc-header-toolbar {
  left: 15px !important; }

html[dir="rtl"] .product-price del {
  padding-left: 20px;
  padding-right: 0; }

html[dir="rtl"] .product-box .modal .modal-header .btn-close {
  right: unset;
  left: 15px; }

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-left.ribbon-info:before,
html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
  border-left-color: #007bff; }

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-left:before,
html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-right:before {
  right: 0;
  left: unset;
  border-left: 15px solid #2a3142; }

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-info:before {
  border-left-color: transparent; }

html[dir="rtl"] .product-box .ribbon-warning.ribbon-clip:before {
  border-left-color: #ff850d;
  border-right-color: unset; }

html[dir="rtl"] .product-box .ribbon-clip {
  right: -14px;
  left: unset; }
  html[dir="rtl"] .product-box .ribbon-clip:before {
    right: 0;
    left: unset; }

html[dir="rtl"] .product-hover ul {
  padding-right: 0; }

html[dir="rtl"] .customer-review .media img {
  margin-left: 25px;
  margin-right: 0; }

html[dir="rtl"] .nav {
  padding-right: 0; }

html[dir="rtl"] .custom-tab {
  padding: 4px; }

html[dir="rtl"] .custom-file-label::after {
  left: 0;
  right: unset; }

html[dir="rtl"] .wizard-4 ul.anchor {
  float: right; }

html[dir="rtl"] .wizard-4 .step-container {
  clear: unset; }

html[dir="rtl"] .wizard-4 .form-group {
  text-align: right; }

html[dir="rtl"] .wizard-4 .action-bar .btn {
  float: left; }

html[dir="rtl"] .f1 .f1-buttons {
  text-align: left; }

html[dir="rtl"] .f1 .f1-steps .f1-step {
  float: right; }

html[dir="rtl"] .jstree-default .jstree-node {
  margin-left: unset;
  margin-right: 24px;
  background-position: -292px -4px;
  background-repeat: repeat-y; }

html[dir="rtl"] .img-cropper .btn-group {
  margin-right: 0;
  margin-left: 10px; }
  html[dir="rtl"] .img-cropper .btn-group button:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  html[dir="rtl"] .img-cropper .btn-group button:first-child {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

html[dir="rtl"] .docs-toggles .btn-group .btn {
  border-radius: 0; }
  html[dir="rtl"] .docs-toggles .btn-group .btn:last-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  html[dir="rtl"] .docs-toggles .btn-group .btn:first-child {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle) > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .jsgrid-button + .jsgrid-button {
  margin-right: 5px;
  margin-left: unset; }

html[dir="rtl"] .list-group {
  padding-right: 0; }
  html[dir="rtl"] .list-group i,
  html[dir="rtl"] .list-group img {
    margin-left: 10px;
    margin-right: 0; }

html[dir="rtl"] .authentication-box {
  text-align: right; }

html[dir="rtl"] .mega-horizontal .offset-sm-3 {
  margin-right: 25%;
  margin-left: unset; }

html[dir="rtl"] .navs-icon svg {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .navs-icon .fa {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .nav-list .nav-list-disc {
  text-align: right;
  padding-right: 0; }

html[dir="rtl"] .ps-4 {
  padding-right: 30px !important;
  padding-left: 0 !important; }

html[dir="rtl"] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:before {
  left: 77px;
  right: unset; }

html[dir="rtl"] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after {
  left: 77px;
  right: unset; }

html[dir="rtl"] .navs-dropdown .onhover-show-div .navs-icon li {
  text-align: right; }

html[dir="rtl"] .navs-icon.default-according.style-1 li button[aria-expanded="true"]:before {
  left: 2px;
  right: unset; }

html[dir="rtl"] .navs-icon.default-according.style-1 li button[aria-expanded="false"]:before {
  left: 2px;
  right: unset; }

html[dir="rtl"] .search-form .form-group:after {
  right: 53px;
  left: unset; }

html[dir="rtl"] .search-form .form-group:before {
  right: 82px;
  left: unset; }

html[dir="rtl"] .order-history table tbody tr td .product-name .order-process .order-process-circle:before {
  right: -15px;
  left: unset; }

html[dir="rtl"] .product-page-details span {
  padding-right: 15px;
  padding-left: 0; }

html[dir="rtl"] .fg-emoji-picker-search .fg-emoji-picker-search-icon {
  left: 0px; }

html[dir="rtl"] .m-checkbox-inline label {
  margin-left: 20px;
  margin-right: 0; }

html[dir="rtl"] .form-label-align-right label {
  text-align: left; }

html[dir="rtl"] .br-theme-bars-reversed .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-movie .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-1to10 .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-square .br-widget .br-current-rating {
  float: right; }

html[dir="rtl"] .br-theme-bars-reversed .br-widget a,
html[dir="rtl"] .br-theme-bars-movie .br-widget a,
html[dir="rtl"] .br-theme-bars-1to10 .br-widget a,
html[dir="rtl"] .br-theme-bars-square .br-widget a {
  float: right; }

html[dir="rtl"] .ribbon-left {
  right: auto;
  left: -2px; }

html[dir="rtl"] .ribbon-vertical-left {
  right: auto;
  left: 12px; }

html[dir="rtl"] .ribbon-vertical-right {
  right: auto;
  left: 12px; }

html[dir="rtl"] .star-ratings ul.search-info {
  padding-right: 0; }
  html[dir="rtl"] .star-ratings ul.search-info li + li {
    border-right: 1px solid #a5afc6;
    border-left: unset;
    padding-right: 8px;
    padding-left: 0;
    margin-right: 8px;
    margin-left: 0; }

html[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow {
  left: 10px !important;
  right: unset !important; }

html[dir="rtl"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
  float: right; }

html[dir="rtl"] .selection .select2-selection .select2-search__field {
  text-align: right; }

html[dir="rtl"] .select2-results__option {
  text-align: right; }

html[dir="rtl"] .editor-statusbar {
  text-align: left; }
  html[dir="rtl"] .editor-statusbar span {
    margin-right: 1em;
    margin-left: unset; }

html[dir="rtl"] .CodeMirror-scroll {
  margin-left: -30px;
  margin-right: unset; }

html[dir="rtl"] .primary-color ul,
html[dir="rtl"] .yellow-color ul {
  padding-right: 0; }

html[dir="rtl"] .u-step-desc {
  text-align: right; }

html[dir="rtl"] .u-step-number {
  right: 20px;
  left: unset; }
  html[dir="rtl"] .u-step-number ~ .u-step-desc {
    margin-right: 50px; }

html[dir="rtl"] .u-pearl:after {
  left: 0;
  right: unset; }

html[dir="rtl"] .u-pearl:before {
  right: 0;
  left: unset; }

html[dir="rtl"] .u-step-icon {
  float: right;
  margin-left: .5em;
  margin-right: unset; }

html[dir="rtl"] .list-icons {
  padding-right: 0; }

html[dir="rtl"] .card-header.note-toolbar .note-color .dropdown-toggle {
  padding-right: 5px; }

html[dir="rtl"] .card-header.note-toolbar .form-group.draggable {
  text-align: right; }

html[dir="rtl"] .card-header.note-toolbar .form-check {
  padding-right: 24px;
  padding-left: unset; }

html[dir="rtl"] .card-header.note-toolbar form .custom-control {
  padding-right: 24px;
  padding-left: unset; }
  html[dir="rtl"] .card-header.note-toolbar form .custom-control .custom-control-label::after {
    right: 0;
    left: unset; }
  html[dir="rtl"] .card-header.note-toolbar form .custom-control .custom-control-label::before {
    right: 0;
    left: unset; }

html[dir="rtl"] .dropdown-toggle::after {
  margin-right: 0.255em;
  margin-left: unset; }

html[dir="rtl"] .checkbox label {
  padding-right: 8px;
  padding-left: unset; }
  html[dir="rtl"] .checkbox label::before {
    right: 0;
    left: unset;
    margin-right: -16px;
    margin-left: unset; }

html[dir="rtl"] .checkbox-wrapper li label,
html[dir="rtl"] .radio-wrapper li label {
  padding-right: 0; }

html[dir="rtl"] .radio label::after {
  right: 5px;
  left: unset;
  margin-right: -20px;
  margin-left: unset; }

html[dir="rtl"] .cd-timeline-img i {
  right: 40%;
  left: unset;
  margin-right: -12px;
  margin-left: unset; }

html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content {
  float: left;
  border-left: 7px solid #eeeeee;
  border-right: unset; }
  html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    right: auto;
    left: 122%;
    text-align: left; }
  html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    right: auto;
    left: 100%;
    border: 15px solid transparent;
    border-left: 15px solid #f4f4f4; }

html[dir="rtl"] .cd-timeline-content .cd-date {
  right: 122%;
  left: unset; }

html[dir="rtl"] .introjs-tooltip {
  right: 0;
  left: unset; }

html[dir="rtl"] .introjs-helperNumberLayer {
  right: -16px;
  left: unset; }

html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltiptext {
  text-align: right; }

html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons {
  text-align: left; }
  html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-skipbutton {
    margin-left: 5px;
    margin-right: unset; }
  html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-nextbutton {
    -webkit-border-radius: 0.2em 0 0 0.2em;
    -moz-border-radius: 0.2em 0 0 0.2em;
    border-radius: 0.2em 0 0 0.2em; }

html[dir="rtl"] .list-inline-item:not(:last-child) {
  margin-left: 0.5rem;
  margin-right: unset; }

html[dir="rtl"] .like-comment ul.list-inline {
  padding-right: 0; }

html[dir="rtl"] .typeahead {
  text-align: right; }

html[dir="rtl"] .listing ul {
  padding-right: 0; }
  html[dir="rtl"] .listing ul .icofont {
    float: right; }

html[dir="rtl"] .gallery .hover-5 img {
  margin-right: 30px; }

html[dir="rtl"] .gallery .hover-5:hover img {
  margin-right: 0; }

html[dir="rtl"] .lg-outer {
  text-align: right; }

html[dir="rtl"] .lg-toolbar .lg-icon {
  float: left; }

html[dir="rtl"] #lg-counter {
  padding-right: 20px;
  padding-left: unset;
  float: right; }

html[dir="rtl"] .chart-widget-top .text-end {
  text-align: left !important; }

html[dir="rtl"] .chart-widget-top .num .ms-1 {
  margin-right: 0.25rem !important; }

html[dir="rtl"] .bar-chart-widget .earning-details i {
  left: -240px; }

html[dir="rtl"] .bar-chart-widget .bottom-content .b-r-light {
  border-left: 1px solid #eeeeee !important;
  border-right: unset !important; }

html[dir="rtl"] .bar-chart-widget .bottom-content .num .ms-1 {
  margin-right: 0.25rem !important; }

html[dir="rtl"] .chart-vertical-center #myDoughnutGraph,
html[dir="rtl"] .chart-vertical-center #myPolarGraph {
  width: auto !important; }

html[dir="rtl"] .crm-activity ul.dates li + li {
  border-right: 1px solid #ddd;
  padding-right: 10px;
  margin-right: 5px;
  border-left: unset;
  padding-left: unset;
  margin-left: unset; }

html[dir="rtl"] div.dt-buttons {
  float: right; }

html[dir="rtl"] .dt-button-collection {
  left: -39px !important; }

html[dir="rtl"] .dropzone .dz-preview .dz-error-mark,
html[dir="rtl"] .dropzone .dz-preview .dz-success-mark {
  right: 50%;
  margin-right: -27px;
  margin-left: unset;
  left: unset; }

html[dir="rtl"] .page-wrapper .page-body-wrapper footer {
  margin-right: 265px;
  margin-left: unset; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper footer p i {
    margin-right: 5px;
    margin-left: unset; }

html[dir="rtl"] .footer-copyright {
  text-align: right; }

html[dir="rtl"] .footer-links {
  text-align: left; }

html[dir="rtl"] .page-item:first-child .page-link {
  margin-right: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none; }

html[dir="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; }

html[dir="rtl"] .popover.top > .arrow:after,
html[dir="rtl"] .popover.bottom > .arrow:after {
  margin-right: -10px;
  margin-left: unset; }

html[dir="rtl"] .bootstrap-touchspin > .input-group-append > .btn,
html[dir="rtl"] .bootstrap-touchspin > .input-group-append > .input-group-text {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

html[dir="rtl"] .bootstrap-touchspin > .form-control:not(:last-child),
html[dir="rtl"] .bootstrap-touchspin > .custom-select:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .typeahead span.twitter-typeahead .tt-suggestion {
  text-align: right; }

html[dir="rtl"] .typeahead .league-name {
  text-align: right;
  margin-right: 5px; }

html[dir="rtl"] .follow .text-md-right {
  text-align: left !important; }

html[dir="rtl"] .jvectormap-zoomin,
html[dir="rtl"] .jvectormap-zoomout,
html[dir="rtl"] .jvectormap-goback {
  right: 10px;
  left: unset; }

html[dir="rtl"] .customizer-links {
  right: unset;
  left: 0; }
  html[dir="rtl"] .customizer-links > .nav {
    padding-right: 10px; }
  html[dir="rtl"] .customizer-links .nav-link:after {
    right: -10px;
    left: unset;
    border-width: 5px 5px 5px 0;
    border-left-color: unset;
    border-right-color: rgba(0, 102, 102, 0.1); }
  html[dir="rtl"] .customizer-links .nav-link span {
    right: unset;
    left: -60px; }
  html[dir="rtl"] .customizer-links .nav-link:hover span {
    left: 48px; }
  html[dir="rtl"] .customizer-links.open {
    right: unset;
    left: 330px;
    border-radius: 0 8px 8px 0; }

html[dir="rtl"] .customizer-contain {
  width: 330px;
  right: unset;
  left: -330px; }
  html[dir="rtl"] .customizer-contain.open {
    right: unset;
    left: 0px; }
  html[dir="rtl"] .customizer-contain .customizer-header .icon-close {
    left: unset;
    right: 30px; }

html[dir="rtl"] .box-layout.page-wrapper.horizontal-wrapper .page-header {
  padding-right: 250px;
  padding-left: unset; }
  html[dir="rtl"] .box-layout.page-wrapper.horizontal-wrapper .page-header.open {
    padding-right: 0; }

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 230px; }

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
  width: 1280px;
  padding-left: 0;
  left: 50%; }

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-header {
  margin-left: auto;
  margin-right: auto;
  padding-left: unset;
  padding-right: 230px; }
  html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-header.close_icon {
    padding-right: 100px; }

html[dir="rtl"] body.dark-only .custom-card .card-footer > div + div {
  border-right: 1px solid rgba(255, 255, 255, 0.1); }

html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(odd) .cd-timeline-content::before {
  border-left: none;
  border-right-color: #1A1C23; }

html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
  border-left-color: #1A1C23;
  border-right: unset; }

html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-r-light,
html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right {
  border-right: none !important;
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important; }

@media screen and (max-width: 1660px) {
  html[dir="rtl"] .caller-img {
    left: unset;
    right: 15px; } }

@media only screen and (max-width: 1366px) {
  html[dir="rtl"] .profile-dropdown.onhover-show-div {
    right: unset !important;
    left: 0 !important; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right ul li.onhover-dropdown.notification-down:nth-child(5)::before {
    right: 47px;
    left: unset; }
  html[dir="rtl"] .product-wrapper .product-grid .feature-products {
    margin-right: 0; }
  html[dir="rtl"] .product-grid {
    margin-right: 0; }
  html[dir="rtl"] .d-none-productlist {
    margin-left: 10px;
    margin-right: unset; }
  html[dir="rtl"] .photos ul li:nth-child(3n) {
    margin-left: 15px;
    margin-right: unset; } }

@media (min-width: 1200px) {
  html[dir="rtl"] .float-xl-end {
    float: left !important; }
  html[dir="rtl"] .pixelstrap ul a:hover .sub-arrow, html[dir="rtl"] .pixelstrap ul a:focus .sub-arrow, html[dir="rtl"] .pixelstrap ul a:active .sub-arrow, html[dir="rtl"] .pixelstrap ul a.highlighted .sub-arrow {
    left: 3px;
    right: unset; } }

@media (min-width: 992px) {
  html[dir="rtl"] .text-lg-start {
    text-align: right !important; } }

@media only screen and (max-width: 1199.98px) {
  html[dir="rtl"] .jkanban-container .btn {
    margin-left: unset;
    margin-right: 20px; }
  html[dir="rtl"] .link-section > div > h6:before {
    right: unset;
    left: 10px; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right > ul li .submenu li:first-child {
    padding-right: 15px !important;
    padding-left: 15px !important; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 45px; }
  html[dir="rtl"] .email-wrap .row .col-xl-6 {
    padding-right: 15px; }
  html[dir="rtl"] .email-wrap .row .col-xl-3 + .col-xl-3 {
    padding-left: 15px; }
  html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li {
    text-align: right; }
    html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li a i {
      margin-right: unset;
      margin-left: 10px; }
  html[dir="rtl"] .email-wrap .email-app-sidebar ul {
    padding-right: 0; }
  html[dir="rtl"] .email-wrap .email-right-aside .email-body .pe-0 {
    padding-right: unset !important; }
  html[dir="rtl"] .email-wrap .email-right-aside .radius-left {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-radius: 4px; }
  html[dir="rtl"] .chat-menu-icons {
    text-align: left; }
  html[dir="rtl"] .chat-menu {
    left: 0;
    right: unset; } }

@media only screen and (max-width: 991.98px) {
  html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
    left: 20px; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translate(285px); }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
      transform: translate(285px); }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn {
    float: left;
    transform: rotate(180deg); }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
    margin-right: 0;
    border-right: none;
    padding-right: 0;
    border-left: 1px solid #ddd;
    margin-left: 15px;
    padding-left: 15px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-header {
    margin-right: 0; }
  html[dir="rtl"] .page-wrapper.material-icon .page-header {
    padding-right: 0; }
  html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper .page-body {
    padding-right: 15px; }
  html[dir="rtl"] .faq-accordion .faq-header svg {
    left: 20px; }
  html[dir="rtl"] .page-wrapper .page-header .header-logo-wrapper .logo-wrapper img {
    margin-left: 15px;
    margin-right: unset; }
  html[dir="rtl"] .page-body-wrapper .page-body,
  html[dir="rtl"] .page-body-wrapper footer {
    margin-right: 0 !important; }
  html[dir="rtl"] .main .langChoice {
    left: 20px; }
  html[dir="rtl"] .cd-timeline-img i {
    right: 50% !important; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .breadcrumb {
    margin-right: 0; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 60px); }
  html[dir="rtl"] .page-wrapper .page-header {
    margin-right: 0; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header {
    margin-right: 0 !important;
    margin-left: unset !important; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-wrapper.close_icon {
    transform: translate(285px); }
  html[dir="rtl"] .card-body .value-left {
    margin-left: 20px; }
  html[dir="rtl"] .bookmark ul li .search-form .form-control-search {
    left: -127px; }
  html[dir="rtl"] .card .card-header .card-header-right {
    left: 15px; } }

@media only screen and (max-width: 991px) and (min-width: 768px) {
  html[dir="rtl"] .page-wrapper.compact-wrapper.material-type .page-body-wrapper div.sidebar-wrapper {
    left: unset;
    right: 0; } }

@media (min-width: 768px) {
  html[dir="rtl"] .float-md-end {
    float: left !important; }
  html[dir="rtl"] .income-wrap .ps-md-0 {
    padding-left: 30px !important;
    padding-right: 0 !important; }
  html[dir="rtl"] .text-md-end {
    text-align: left !important; }
  html[dir="rtl"] .offset-md-3 {
    margin-right: 25%;
    margin-left: unset; }
  html[dir="rtl"] .text-md-start {
    text-align: right !important; }
  html[dir="rtl"] .ecommerce-widget .text-md-end {
    text-align: left !important; }
    html[dir="rtl"] .ecommerce-widget .text-md-end ul {
      text-align: left; } }

@media only screen and (max-width: 767.98px) {
  html[dir="rtl"] .list-persons .profile-mail .email-general ul {
    padding-left: 0; }
  html[dir="rtl"] .file-content .form-inline {
    padding: 0px 20px 0px 0px; }
  html[dir="rtl"] .product-wrapper.sidebaron .product-grid .product-wrapper-grid {
    margin-right: 0; }
  html[dir="rtl"] .product-sidebar {
    transform: translateX(300px) scaleX(1); }
    html[dir="rtl"] .product-sidebar.open {
      transform: translateX(0px) scaleX(1); }
  html[dir="rtl"] .feature-products .filter-toggle {
    margin-right: 10px;
    margin-left: unset; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 25px !important; }
  html[dir="rtl"] .ecommerce-widget .text-md-right {
    text-align: left !important; }
  html[dir="rtl"] .bar-chart-widget .earning-details i {
    left: -147px !important; } }

@media (min-width: 576px) {
  html[dir="rtl"] .offset-sm-3 {
    margin-right: 25%;
    margin-left: unset; }
  html[dir="rtl"] .text-sm-end {
    text-align: left !important; }
  html[dir="rtl"] .float-sm-end {
    float: left !important; }
  html[dir="rtl"] .me-sm-2 {
    margin-left: 0.5rem !important;
    margin-right: unset !important; } }

@media only screen and (max-width: 575.98px) {
  html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
    left: 15px; }
  html[dir="rtl"] .list-persons .nav-pills .nav-link .media .media-body {
    text-align: right; }
  html[dir="rtl"] .mega-menu {
    padding-left: unset;
    padding-right: 15px; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right > ul li {
    margin-right: unset;
    margin-left: 1px; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
    left: 0; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, html[dir="rtl"] .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
    margin-left: 8px;
    padding-left: 8px;
    margin-right: unset;
    padding-right: unset;
    border-right: unset;
    border-left: 1px solid #ddd; }
  html[dir="rtl"] .translate_wrapper.active .more_lang.active {
    left: unset;
    right: 12px; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:last-child {
    padding-right: 10px; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul.notification-dropdown {
    left: unset !important;
    right: 15px !important; }
  html[dir="rtl"] .faq-accordion .faq-header svg {
    left: 15px; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 15px !important; }
    html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li {
      margin-left: 0px; }
  html[dir="rtl"] .main .langChoice {
    left: 15px; }
  html[dir="rtl"] .page-wrapper .search-form .form-group {
    margin-left: 0; }
  html[dir="rtl"] .card-body .value-left {
    margin-left: 15px; } }

@media only screen and (max-width: 480px) {
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
    right: unset;
    left: 20px; }
  html[dir="rtl"] .knob-chart .chart-clock-main {
    width: unset; }
    html[dir="rtl"] .knob-chart .chart-clock-main .clock-small {
      right: 32px; }
    html[dir="rtl"] .knob-chart .chart-clock-main .clock-large {
      right: 0;
      left: unset; }
    html[dir="rtl"] .knob-chart .chart-clock-main .clock-medium {
      right: 32px;
      left: unset; } }

@media only screen and (max-width: 420px) {
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    right: 112px; }
  html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    right: 80px; } }

@media only screen and (max-width: 360px) {
  html[dir="rtl"] .prooduct-details-box .close {
    left: 0; }
  html[dir="rtl"] .social-app-profile .hovercard .user-image .avatar {
    margin-top: -47px; }
    html[dir="rtl"] .social-app-profile .hovercard .user-image .avatar img {
      width: 85px;
      height: 85px; }
  html[dir="rtl"] .social-chat .other-msg {
    margin-right: 15px; } }

@media screen and (max-width: 1460px) {
  html[dir="rtl"] .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-left: 8px;
    margin-right: unset; } }

/**=====================
    5.8 Rtl CSS Ends
==========================**/
/**=====================
   5.5 Search CSS Start
==========================**/
.search-page .theme-form input {
  border: 1px solid var(--theme-deafult);
  padding-left: 20px;
  border-radius: 10px 0 0 10px;
  flex: 1 1 auto; }
  .search-page .theme-form input::placeholder {
    color: #006666; }
  .search-page .theme-form input:focus {
    outline: none; }

.search-page .theme-form .input-group .btn {
  line-height: 32px;
  font-size: 16px; }

.search-page .theme-form .input-group .form-control-plaintext {
  background: transparent; }

.search-page h6 {
  line-height: 1.4; }

.search-page .nav-link {
  font-weight: 500;
  text-transform: uppercase; }

.search-page .border-tab.nav-tabs .material-border {
  border-bottom-width: 1px; }

.search-page .border-tab.nav-tabs .nav-item .nav-link {
  font-size: 15px;
  padding: 10px 18px; }

.search-page .media .media-body {
  overflow: hidden; }

.search-page .info-block {
  padding: 30px;
  border-radius: 15px;
  border: 1px solid #E6E9EB; }
  .search-page .info-block a {
    color: #656565;
    margin-bottom: 3px;
    display: block; }
  .search-page .info-block h6 {
    color: #006666; }
  .search-page .info-block + .info-block {
    margin-top: 20px; }

.search-page .border-tab.nav-tabs {
  align-items: left;
  justify-content: end; }
  .search-page .border-tab.nav-tabs .nav-item {
    width: auto; }

.search-page .search-links h6 {
  margin-bottom: 10px; }

.search-page p {
  text-transform: lowercase;
  margin-bottom: 0;
  color: #a5a2a2; }

.search-page ul.search-info li {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  color: #586082; }
  .search-page ul.search-info li + li {
    border-left: 1px solid #a8b0c2;
    padding-left: 8px;
    margin-left: 8px; }
  .search-page ul.search-info li i {
    color: #FFAE1A; }
    .search-page ul.search-info li i:not(:last-child) {
      margin-right: 4px; }

.search-page #video-links .embed-responsive + .embed-responsive {
  margin-top: 30px; }

.search-list {
  margin-bottom: 30px;
  width: auto;
  display: inline-flex;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #006666;
  border: none; }
  .search-list .nav-item {
    background-color: rgba(0, 102, 102, 0.1); }
    .search-list .nav-item .nav-link {
      border: none;
      padding: 0.7rem 1.5rem;
      opacity: 0.5; }
      .search-list .nav-item .nav-link.active {
        background-color: rgba(0, 102, 102, 0.1);
        color: var(--theme-deafult);
        opacity: 1; }
    .search-list .nav-item.show, .search-list .nav-item.active {
      background-color: rgba(0, 102, 102, 0.1); }

/**=====================
  5.5 Search CSS Ends
==========================**/
/**=====================
    5.6 Select2 CSS Start
==========================**/
/**=====================
    2.35 Typeahead-search CSS Start
==========================**/
.Typeahead {
  width: 100%; }
  .Typeahead * {
    box-sizing: border-box; }
    .Typeahead *:before {
      box-sizing: border-box; }
    .Typeahead *:after {
      box-sizing: border-box; }
  .Typeahead .tt-hint {
    display: none !important; }

.u-cf:before {
  content: " ";
  display: table; }

.u-cf:after {
  content: " ";
  display: table;
  clear: both; }

.u-hidden {
  display: none !important; }

.u-posRelative {
  position: relative; }

.Typeahead-spinner {
  position: absolute;
  top: 14px;
  right: 18px;
  display: none;
  color: #c5c5c5; }

.ProfileCard-avatar svg {
  height: 18px;
  vertical-align: bottom; }
  .ProfileCard-avatar svg path {
    color: #7e7c7c !important; }
  .ProfileCard-avatar svg polygon {
    color: #7e7c7c !important; }

.Typeahead-hint {
  width: 100%;
  padding: 5px 8px;
  font-size: 24px;
  line-height: 30px;
  border: 1px solid #024e6a;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  color: #ccd6dd;
  opacity: 1; }

.Typeahead-menu {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 15px;
  z-index: 100;
  display: none;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.Typeahead-menu.is-open {
  display: block; }

.Typeahead-selectable {
  cursor: pointer; }
  .Typeahead-selectable + .Typeahead-selectable {
    border-top: 1px solid #ccd6dd; }

.ProfileCard {
  position: relative;
  padding: 10px;
  border: 1px solid #E6E9EB !important;
  margin-bottom: 10px;
  border-radius: 10px; }
  .ProfileCard:hover {
    color: #414345;
    background: #f8f8f8; }
    .ProfileCard:hover .ProfileCard-avatar {
      border-color: #f5f8fa; }
    .ProfileCard:hover .ProfileCard-screenName {
      color: #fff; }
    .ProfileCard:hover .ProfileCard-stat-label {
      color: #fff; }

.ProfileCard-avatar {
  position: absolute;
  border-radius: 5px; }

.ProfileCard-details {
  padding-left: 35px;
  float: left; }

.ProfileCard-realName {
  display: inline-block;
  color: #898989; }

.ProfileCard-screenName {
  display: inline-block;
  color: #898989; }

.ProfileCard-description {
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px; }

.ProfileCard-stats {
  float: right;
  text-align: right; }

.ProfileCard-stat {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase; }
  .ProfileCard-stat + .ProfileCard-stat {
    margin-left: 5px; }

.ProfileCard-stat-label {
  color: #898989;
  font-weight: 500; }

.ProfileCard.is-active {
  color: #fff;
  background: var(--theme-deafult); }
  .ProfileCard.is-active .ProfileCard-screenName {
    color: #fff; }
  .ProfileCard.is-active .ProfileCard-stat-label {
    color: #fff; }

.EmptyMessage {
  position: relative;
  padding: 10px;
  font-size: 14px;
  line-height: 30px;
  text-align: center; }

.Typeahead-spinner {
  width: 1rem;
  height: 1rem; }

.sey-container {
  display: none;
  position: absolute;
  box-shadow: 1px 2px 6px;
  background-color: #fff;
  color: #333;
  transition: left 0.1s ease-in-out;
  z-index: 1; }

.sey-list {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.sey-show {
  display: block; }

.sey-hide {
  display: none; }

.sey-empty {
  cursor: default;
  padding: 7px; }

.sey-item {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 7px; }
  .sey-item:hover {
    background-color: #444;
    color: #fff; }

.sey-selected {
  background-color: #333;
  color: #fff; }

.sey-char-highlight {
  font-weight: bold; }

.sey-category-id {
  background-color: #eee;
  color: #aaa;
  text-align: right;
  text-transform: capitalize;
  font-style: italic;
  font-size: 12px;
  box-shadow: 1px 0px 1px;
  padding: 7px; }

/**=====================
  2.35 Typeahead-search CSS Ends
==========================**/
.dropzone {
  background: unset; }
  .dropzone.dropzone-secondary {
    border: 2px dashed #FE6A49; }
    .dropzone.dropzone-secondary i {
      color: #FE6A49; }
  @media (max-width: 360px) {
    .dropzone .note {
      min-width: unset !important; } }
  .dropzone .dz-preview {
    margin: 28px 18px !important;
    box-shadow: unset; }
    .dropzone .dz-preview .dz-details {
      top: unset;
      bottom: -6px;
      position: relative;
      padding-bottom: 6px;
      background-color: unset; }
      [dir="rtl"] .dropzone .dz-preview .dz-details {
        left: unset;
        right: 32px; }
    .dropzone .dz-preview:hover .dz-error-message {
      display: none !important; }
  .dropzone .dz-error-mark .dz-remove {
    position: relative; }

.dz-preview .dz-remove {
  cursor: pointer; }

.dropzone-secondary .dz-preview .dz-remove {
  color: #FE6A49; }

.select2 {
  max-width: 100%; }

.add-post #cke_text-box {
  border: 1px solid #efefef; }

.add-post form .m-checkbox-inline label {
  margin-bottom: 0; }

.add-post form .form-control {
  border: 1px solid #efefef; }

.add-post form .col-form-label {
  padding-bottom: 0;
  padding-top: 0;
  font-weight: 500; }
  .add-post form .col-form-label .select2-container--default {
    margin-top: 10px;
    max-width: 100%; }
    .add-post form .col-form-label .select2-container--default .selection .select2-selection .select2-search__field {
      padding: 2px; }
    .add-post form .col-form-label .select2-container--default .select2-selection--multiple {
      border: 1px solid #efefef;
      max-width: 100%; }
      .add-post form .col-form-label .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
        margin-top: 6px !important; }

.add-post .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--theme-deafult);
  border: 1px solid var(--theme-deafult);
  color: var(--white); }
  .add-post .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    color: var(--white);
    float: right;
    margin-left: 0.5rem; }
    [dir="rtl"] .add-post .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
      float: left;
      margin-left: unset;
      margin-right: 0.5rem; }

.add-post .dropzone {
  margin-bottom: 30px; }

.select2-container--open .select2-dropdown {
  z-index: 7; }

.select2-container {
  width: 100% !important; }
  .select2-container.select2 .selection {
    display: block !important; }

.select2-drpdwn .select2-selection {
  border-radius: 0 !important;
  border-color: #E6E9EB !important;
  height: 40px !important;
  padding: 5px; }

.select2-drpdwn .form-control {
  border-radius: 5px; }

.select2-drpdwn .form-control-primary {
  border-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.select2-drpdwn .form-control-secondary {
  border-color: var(--theme-secondary);
  color: var(--theme-secondary); }

.select2-drpdwn .form-control-success {
  border-color: #00AC46;
  color: #00AC46; }

.select2-drpdwn .form-control-info {
  border-color: #173878;
  color: #173878; }

.select2-drpdwn .form-control-warning {
  border-color: #FFAE1A;
  color: #FFAE1A; }

.select2-drpdwn .form-control-danger {
  border-color: #FE6A49;
  color: #FE6A49; }

.select2-drpdwn .form-control-inverse {
  border-color: #2c323f;
  color: #2c323f; }

.select2-drpdwn .form-control-primary-fill {
  background-color: var(--theme-deafult);
  color: #fff; }

.select2-drpdwn .form-control-secondary-fill {
  background-color: var(--theme-secondary);
  color: #fff; }

.select2-drpdwn .form-control-success-fill {
  background-color: #00AC46;
  color: #fff; }

.select2-drpdwn .form-control-info-fill {
  background-color: #173878;
  color: #fff; }

.select2-drpdwn .form-control-warning-fill {
  background-color: #FFAE1A;
  color: #fff; }

.select2-drpdwn .form-control-danger-fill {
  background-color: #FE6A49;
  color: #fff; }

.select2-drpdwn .form-control-inverse-fill {
  background-color: #2c323f;
  color: #fff; }

.filepond--drop-label .filepond--label-action {
  color: #FE6A49;
  text-decoration: none; }

.filepond--list .filepond--file {
  background-color: #006666; }

/* Do not show the "remove tag" (x) button when only a single tag remains */
.customLook {
  display: inline-block;
  min-width: 0;
  border: none; }
  .customLook .tagify__tag {
    margin-top: 0; }
    .customLook .tagify__tag:only-of-type .tagify__tag__removeBtn {
      display: none; }
    .customLook .tagify__tag:hover .tagify__tag__removeBtn {
      transform: none;
      opacity: 1;
      margin-left: -1ch; }
  .customLook .tagify__tag__removeBtn {
    opacity: 0;
    transform: translateX(-6px) scale(0.5);
    margin-left: -3ch;
    transition: .12s; }
  .customLook + button {
    color: var(--theme-deafult);
    font: bold 1.4em/1.65 Arial;
    border: 0;
    background: none;
    box-shadow: 0 0 0 2px inset var(--theme-deafult);
    border-radius: 50%;
    width: 1.65em;
    height: 1.65em;
    cursor: pointer;
    outline: none;
    transition: .1s ease-out;
    margin: 0 0 0 5px;
    vertical-align: top; }
    .customLook + button:hover {
      box-shadow: 0 0 0 5px inset var(--theme-deafult); }
  .customLook .tagify__input {
    display: none; }

.tagify--empty .tagify__input::before {
  color: var(--chart-text-color); }

.customSuggestionsList > div {
  max-height: 300px;
  min-height: 50px;
  border: 2px solid var(--chart-dashed-border);
  overflow: auto; }

.customSuggestionsList .empty {
  color: var(--theme-deafult);
  font-size: 20px;
  text-align: center;
  padding: 1em; }

.tagify__dropdown.extra-properties .tagify__dropdown__item > img {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  transform: scale(0.75);
  margin-right: 5px;
  border-radius: 2px;
  transition: .12s ease-out; }

.tagify__dropdown.extra-properties .tagify__dropdown__item:hover > img {
  transform: none;
  margin-right: 12px; }

.tagify__dropdown.extra-properties .tagify__dropdown__item--active > img {
  transform: none;
  margin-right: 12px; }

.tagify.countries .tagify__input {
  min-width: 175px; }

.tagify.countries tag {
  white-space: nowrap; }
  .tagify.countries tag img {
    display: inline-block;
    height: 16px;
    margin-right: 3px;
    border-radius: 2px;
    pointer-events: none; }

.tagify--select {
  width: 100%; }

.tagify__dropdown__wrapper {
  background: var(--white);
  border-color: var(--recent-dashed-border); }

.tagify__dropdown__item--active {
  background-color: #E6E9EB;
  color: var(--body-font-color); }

.tagify {
  --tags-focus-border-color: #cccccc; }

.tagify__input {
  color: #2c323f; }

.tagify--select::after {
  color: var(--chart-text-color); }
  [dir="rtl"] .tagify--select::after {
    right: unset;
    left: 0;
    transform: translate(150%, -50%) scaleX(1.2) rotate(90deg); }

[dir="rtl"] .tagify--select .tagify__tag {
  right: unset;
  left: 1.8em; }

[dir="rtl"] .tagify--select[aria-expanded=true]::after {
  transform: translate(150%, -50%) rotate(270deg) scale(1.2); }

.international-num input {
  width: calc(240px + (250 - 240) * ((100vw - 320px) / (1920 - 320)));
  padding: 10px;
  border-radius: 2px;
  border: 1px solid #E6E9EB; }
  .international-num input:focus {
    outline-color: #E6E9EB; }

.international-num input::placeholder {
  color: #E6E9EB; }

.international-num .results ul {
  border: 1px solid #E6E9EB;
  margin-top: 12px;
  padding: 8px;
  line-height: 1.9; }

.iti--allow-dropdown .iti__flag {
  background-image: url(/../images/forms/flags.png); }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 10px;
  right: 10px; }

.select-box {
  position: relative;
  display: flex;
  width: 400px;
  flex-direction: column; }
  .select-box .options-container {
    background: var(--recent-box-bg);
    color: var(--body-font-color);
    max-height: 0;
    width: 100%;
    opacity: 0;
    transition: all 0.4s;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    order: 1; }
    .select-box .options-container::-webkit-scrollbar {
      width: 8px;
      background: var(--view-grid-bg);
      border-radius: 0 8px 8px 0; }
    .select-box .options-container::-webkit-scrollbar-thumb {
      background: var(--view-grid-bg);
      border-radius: 0 8px 8px 0; }
  .select-box .options-container.active {
    max-height: 240px;
    opacity: 1;
    overflow-y: scroll;
    margin-top: 53px; }
    @media (min-width: 1007px) and (max-width: 1920px) {
      .select-box .options-container.active {
        max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } }
    @media (min-width: 768px) and (max-width: 1006px) {
      .select-box .options-container.active {
        max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } }
    @media (max-width: 767px) {
      .select-box .options-container.active {
        max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
        margin-top: 46px; } }
    .select-box .options-container.active + .selected-box::after {
      transform: rotateX(180deg);
      top: -6px; }
    .select-box .options-container.active ~ .search-box input {
      opacity: 1;
      pointer-events: auto; }
  .select-box .selection-option {
    padding: 12px 24px;
    cursor: pointer; }
    .select-box .selection-option:hover {
      background: #E6E9EB; }
    .select-box .selection-option .radio {
      display: none; }
  .select-box label {
    cursor: pointer; }

.selected-box {
  background: var(--light2);
  color: #333;
  position: relative;
  order: 0;
  padding: 12px 24px;
  cursor: pointer; }
  @media (min-width: 1007px) and (max-width: 1920px) {
    .selected-box {
      max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } }
  @media (min-width: 768px) and (max-width: 1006px) {
    .selected-box {
      max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } }
  @media (max-width: 767px) {
    .selected-box {
      max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320))); } }
  .selected-box::after {
    content: "\f078";
    font-family: "FontAwesome";
    position: absolute;
    height: 100%;
    width: 32px;
    right: 10px;
    top: 12px;
    transition: all 0.4s; }
    [dir="rtl"] .selected-box::after {
      left: 10px;
      right: unset; }

.search-box input {
  width: 100%;
  padding: 12px 16px;
  font-size: 16px;
  position: absolute;
  z-index: 1;
  border: 2px solid var(--chart-dashed-border);
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s;
  border-radius: 6px; }
  @media (min-width: 1007px) and (max-width: 1920px) {
    .search-box input {
      max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } }
  @media (min-width: 768px) and (max-width: 1006px) {
    .search-box input {
      max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } }
  @media (max-width: 767px) {
    .search-box input {
      max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
      padding: 9px 16px; } }
  .search-box input:focus {
    outline: none; }

/**=====================
    5.6 Select2 CSS Ends
==========================**/
/**=====================
  5.7 Sidebar CSS Start
==========================**/
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 12%;
  width: 13px;
  height: 15px;
  border-bottom-left-radius: 8px;
  border-left: 2px solid rgba(255, 255, 255, 0.4);
  border-bottom: 2px solid rgba(255, 255, 255, 0.4); }

.media.media-wrapper {
  width: 100%;
  display: -webkit-flex; }

.media .media-body {
  flex: unset; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  left: 32px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5); }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title [dir="rtl"] h5::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li [dir="rtl"] a::before {
    left: unset;
    right: 25px; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before {
  position: absolute;
  content: '';
  width: 2px;
  height: 0;
  background: rgba(255, 255, 255, 0.4);
  top: -10px;
  left: 20px;
  transition: height 0.5s; }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .mega-menu-container::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .sidebar-submenu::before {
    left: unset;
    right: 20px; }

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 49%;
  width: 5px;
  height: 1px;
  border-radius: 100%;
  background-color: #59667a; }

.page-wrapper {
  position: relative; }
  .page-wrapper .page-header {
    max-width: 100vw;
    position: fixed;
    top: 0;
    z-index: 8;
    transition: 0.5s; }
    .page-wrapper .page-header .header-wrapper {
      width: 100%;
      align-items: center;
      padding: 13px 30px;
      position: relative;
      background-color: #F5F5F5; }
      @media (max-width: 1399px) {
        .page-wrapper .page-header .header-wrapper {
          padding: 14px 20px; } }
      .page-wrapper .page-header .header-wrapper .search-full {
        background-color: #fff;
        position: absolute;
        right: 0;
        z-index: 1;
        height: 0;
        width: 0;
        transform: scale(0);
        transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full.open {
          height: 100%;
          width: 100%;
          animation: zoomIn 0.5s ease-in-out;
          transform: scale(1);
          transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full input {
          line-height: 65px;
          padding-left: 60px;
          width: 100% !important; }
          .page-wrapper .page-header .header-wrapper .search-full input:focus {
            outline: none !important; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
          position: absolute;
          font-size: 15px;
          right: 30px;
          top: 30px;
          color: #898989;
          cursor: pointer; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
            left: 30px;
            right: unset; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
          position: absolute;
          left: 30px;
          top: 27px;
          content: "\f002";
          font-size: 16px;
          color: #898989;
          font-family: FontAwesome; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
            left: unset;
            right: 30px; }
      .page-wrapper .page-header .header-wrapper .nav-right {
        justify-content: flex-end; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li svg {
          vertical-align: middle;
          stroke: var(--body-font-color);
          height: 24px;
          width: 24px; }
          .page-wrapper .page-header .header-wrapper .nav-right ul li svg path {
            color: #242934; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
          height: 24px;
          width: 24px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li .search-form svg {
          width: 20px;
          height: 20px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode {
          cursor: pointer;
          text-align: center; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i {
            font-size: 18px;
            font-weight: 600;
            transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i.fa-lightbulb-o {
              font-weight: 500;
              font-size: 22px;
              transition: all 0.3s ease;
              animation: zoomIn 300ms ease-in-out; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .header-search {
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
          margin-left: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body span {
            font-weight: 500;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box !important;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            white-space: normal; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
            font-size: 12px;
            line-height: 1;
            color: rgba(5, 26, 26, 0.7); }
        .page-wrapper .page-header .header-wrapper .nav-right > ul {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          gap: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
            padding: 6px 10px;
            display: inline-block;
            position: relative; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li:nth-child(n+3):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right > ul > li.profile-nav:nth-child(n+3)) {
              background-color: #fff;
              padding: 12px;
              border-radius: 40px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .badge {
              position: absolute;
              right: 0px;
              top: -3px;
              padding: 2px 4px;
              font-size: 11px;
              font-weight: 700;
              font-family: work-Sans, sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .mode svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .input-show svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul {
              left: inherit;
              right: -10px;
              width: 130px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:before, .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:after {
                left: inherit;
                right: 10px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li {
                display: block; }
                .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a {
                  font-size: 14px;
                  color: #2c323f; }
                  .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a i {
                    margin-left: 10px;
                    font-size: 13px;
                    color: #2c323f; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul .flag-icon {
            font-size: 16px; }
        .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip {
          width: unset !important;
          box-shadow: unset !important;
          background-color: transparent !important;
          overflow: initial; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::after, .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::before {
            display: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content {
            text-align: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
              width: 52px;
              height: 52px;
              background-color: #f9f9f9;
              border-radius: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              margin: 0 auto; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content span {
              font-family: "Montserrat", sans-serif;
              font-size: 12px;
              font-weight: 500;
              letter-spacing: 0.5px; }
        .page-wrapper .page-header .header-wrapper .nav-right .flip-card {
          width: 300px;
          height: 260px;
          background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner {
            position: relative;
            height: 100%;
            text-align: center;
            transition: transform 0.6s;
            transform-style: preserve-3d; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front,
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              position: absolute;
              backface-visibility: hidden;
              border-radius: 10px;
              overflow: hidden;
              box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
              width: 300px;
              height: 260px; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button,
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                background-color: transparent;
                color: #006666;
                border: none; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button:focus,
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button:focus {
                  outline: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
              background-color: #fff;
              transition: .3s; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
                stroke: var(--body-font-color);
                transition: all 0.3s ease; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg:hover {
                  stroke: var(--body-font-color);
                  transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              background-color: #fff;
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:first-child {
                margin-top: 20px;
                height: 140px !important; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                width: 100%; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
                border-radius: 25px;
                padding: 6px 12px;
                width: 100%;
                border: 1px solid #ddd; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input:focus {
                  outline: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped {
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped .front {
                opacity: 0; }
        .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
          width: 330px;
          top: 50px;
          right: 0;
          left: unset; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .dropdown-title {
            padding: 20px;
            text-align: center;
            border-bottom: 1px solid rgba(145, 142, 153, 0.3); }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div ul {
            padding: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li {
            padding: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li p {
              font-size: 14px;
              letter-spacing: 0.3px;
              margin-bottom: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li a {
              letter-spacing: 0.3px;
              font-family: "Montserrat", sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li + li {
              margin-top: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li:last-child {
              padding-bottom: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media {
              position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media img {
                width: 40px;
                position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .status-circle {
                left: 0; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body > span {
                letter-spacing: 0.8px;
                padding-right: 10px;
                display: inline-block; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body p {
                margin-bottom: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:before, .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:after {
            right: 10px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown.notification-all ul li {
          border-radius: 0px;
          border-bottom: 1px solid rgba(145, 142, 153, 0.1); }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown ul {
          padding: 0 0 15px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li {
          padding: 10px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media {
            align-items: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
              margin-right: 20px; }
              [dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
                margin-right: unset;
                margin-left: 20px; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li + li {
            margin-top: 0;
            border-top: 1px solid rgba(145, 142, 153, 0.1); }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li:last-child {
            padding: 20px 15px;
            border-top: none; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown p {
          line-height: 1.3;
          margin-top: 3px;
          opacity: 0.6; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
          position: absolute;
          right: 0;
          top: 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle a {
            width: 18px;
            height: 18px;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle svg {
            width: 14px;
            stroke: #fff; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box {
          margin: 5px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group {
            width: 80px;
            background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input {
              background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input,
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              font-size: 10px;
              font-family: "Montserrat", sans-serif;
              font-weight: 700; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              padding: 0px 7px;
              background-color: #F7F6FF !important;
              border-color: #F7F6FF !important;
              border-radius: 100%;
              font-size: 14px;
              color: #051A1A; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
          margin: 0;
          padding: 15px;
          background-color: #f9f9f9;
          border: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 {
            font-family: "Montserrat", sans-serif;
            font-weight: 500;
            font-size: 12px;
            line-height: 14px;
            letter-spacing: 0.5px; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 span {
              font-size: 14px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .view-checkout {
          text-decoration: unset; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box svg {
          animation: swing 1.5s ease infinite; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
          left: unset; }
          @media (max-width: 575.98px) {
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
              width: calc(100vw - 30px); } }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li:last-child {
            text-align: center;
            background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p span {
              font-size: 11px;
              vertical-align: middle; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:after {
            right: 28px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
          width: 160px;
          top: 57px;
          left: -12px;
          padding: 0 10px; }
          .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li {
            padding: 10px !important;
            border-bottom: 1px solid #E6E9EB; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              border: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
              text-decoration: unset; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a span {
              color: var(--theme-deafult);
              transition: color 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg {
              stroke: var(--theme-deafult);
              transition: stroke 0.3s ease; }
              .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg path {
                stroke: var(--theme-deafult);
                transition: stroke 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li + li {
              margin-top: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              padding-top: 10px !important; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
              color: #2c323f; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li svg {
              width: 16px;
              vertical-align: bottom;
              margin-right: 10px;
              stroke: #2c323f; }
  .page-wrapper .page-body-wrapper {
    background-color: #F5F5F5; }
    .page-wrapper .page-body-wrapper .page-body {
      min-height: calc(100vh - 136px);
      margin-top: 136px;
      padding: 25px 15px;
      position: relative;
      transition: 0.5s; }
      .page-wrapper .page-body-wrapper .page-body:before {
        animation: fadeIn 0.5s ease-in-out; }
    .page-wrapper .page-body-wrapper .page-title {
      padding: 20px 30px;
      margin: 0px -27px 0px; }
      .page-wrapper .page-body-wrapper .page-title > .row {
        margin: 0; }
        .page-wrapper .page-body-wrapper .page-title > .row .col-6 {
          padding: 0; }
      .page-wrapper .page-body-wrapper .page-title .row {
        align-items: center; }
        .page-wrapper .page-body-wrapper .page-title .row h3 {
          font-size: 24px;
          margin-bottom: 0;
          text-transform: capitalize; }
          .page-wrapper .page-body-wrapper .page-title .row h3 small {
            display: block;
            font-size: 12px;
            margin-bottom: 5px;
            text-transform: capitalize;
            color: #FFFFFF; }
      .page-wrapper .page-body-wrapper .page-title .breadcrumb {
        background-color: transparent;
        padding: 0;
        margin-bottom: 0;
        align-items: center;
        justify-content: flex-end; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
          font-size: 13px;
          letter-spacing: 1px;
          font-family: "Montserrat", sans-serif; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
          content: "/"; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
          width: 16px;
          height: 16px;
          stroke: #2c323f;
          vertical-align: text-top; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
          color: var(--theme-deafult);
          font-weight: 500; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
      stroke: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
      fill: #051A1A;
      stroke: none !important; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg {
      transition: all 0.3s ease; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
        stroke: #fff; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
        fill: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content li a {
      text-transform: capitalize; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .stroke-icon {
    display: inline-block; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .fill-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .stroke-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .fill-icon {
    display: inline-block; }
  .page-wrapper.horizontal-wrapper [data-simplebar] {
    position: relative; }
  .page-wrapper.horizontal-wrapper .footer {
    margin-left: 0; }
  .page-wrapper.horizontal-wrapper .header-logo-wrapper {
    width: 150px; }
    .page-wrapper.horizontal-wrapper .header-logo-wrapper .toggle-sidebar {
      display: none; }
  .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 19px;
    right: 0px;
    color: #fff; }
    [dir="rtl"] .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
      left: 0;
      right: unset; }
  .page-wrapper.horizontal-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: hidden;
    cursor: pointer; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    height: 54px;
    line-height: inherit;
    top: 79px;
    background: #fff;
    box-shadow: 0px 9px 24px rgba(89, 102, 122, 0.05);
    overflow-x: hidden;
    z-index: 1;
    overflow-y: visible;
    position: fixed;
    width: 100vw;
    border-top: 1px solid #efefef;
    z-index: 3; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .simplebar-content {
      display: flex; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper li {
      display: inline-block; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .badge {
      position: absolute;
      top: 2px;
      right: 0px;
      z-index: 1; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper,
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
      text-align: left;
      position: relative; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        position: absolute;
        top: 0px;
        padding: 15px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        cursor: pointer; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow.disabled,
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow.disabled {
          display: none; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow {
        left: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        right: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: normal;
        direction: ltr;
        text-align: left;
        display: -webkit-box !important;
        padding: 0 5px;
        transition: all .5s ease;
        white-space: nowrap; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a.active .according-menu i:before {
          content: '-'; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a .according-menu {
          display: none; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active {
          color: #fff; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active:after {
            background-color: rgba(255, 255, 255, 0.6); }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          position: relative;
          padding-top: 10px;
          padding-bottom: 10px; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a > span {
            color: var(--theme-deafult);
            transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a {
            background-color: #fff;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.stroke-icon {
              stroke: #fff;
              transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.fill-icon {
              fill: #fff;
              transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
            display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            display: block;
            color: #051A1A;
            line-height: 23px;
            text-decoration: none;
            text-transform: capitalize;
            padding: 5px 15px;
            margin: 0 3px;
            letter-spacing: 0.04em;
            position: relative;
            border-radius: 5px;
            font-weight: 500;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active {
              transition: all 0.3s ease; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active svg,
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active span {
                color: #fff;
                transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a .badge {
              position: absolute;
              top: -5px;
              margin-left: 1px;
              right: 10px;
              padding: 0.20em 0.7em; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg {
              width: 18px;
              height: 18px;
              vertical-align: middle;
              margin-right: 10px;
              stroke: #051A1A !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
            position: fixed;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 15px 0px 15px 0px;
            background: white; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li {
              border: 0;
              float: none;
              position: relative;
              display: block; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
                background: transparent;
                padding: 4px 30px;
                display: block;
                transition: all 0.5s ease;
                line-height: 1.9;
                color: rgba(43, 43, 43, 0.6);
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                transition: all 0.3s ease; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
                  left: 20px; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
                  color: #006666;
                  letter-spacing: 1.5px;
                  transition: all 0.3s ease; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover:after {
                    background-color: var(--theme-deafult); }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
            position: fixed;
            right: 0;
            left: 0;
            margin: 0 auto;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 30px;
            background: white;
            width: 95%;
            border-radius: 4px;
            display: block !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
              width: 20%; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                text-transform: uppercase;
                font-size: 14px;
                margin-left: -13px; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content {
                box-shadow: none;
                background-color: transparent;
                position: relative;
                display: block;
                padding: 0; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li {
                  border: 0;
                  float: none;
                  position: relative;
                  display: block; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
                    border: 0 !important;
                    background: transparent;
                    color: #051A1A;
                    border-radius: 0 !important;
                    text-transform: capitalize;
                    padding: 3px 0;
                    font-size: 13px;
                    display: block;
                    letter-spacing: 0.07em;
                    line-height: 1.9;
                    position: relative;
                    transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover {
                      color: var(--theme-deafult);
                      letter-spacing: 1.5px;
                      transition: all 0.3s ease; }
                      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover:after {
                        color: var(--theme-deafult);
                        transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:after {
                      position: absolute;
                      content: "";
                      left: -12px;
                      top: 50%;
                      width: 5px;
                      height: 1px;
                      background-color: #59667a; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a:after {
            left: 0;
            right: 0;
            opacity: 1; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu {
            position: unset; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper.overlay-white {
      background-color: rgba(255, 255, 255, 0.08); }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav i {
      font-size: 24px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
    margin-top: 110px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main-title {
    display: none !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.scorlled .sidebar-wrapper {
    display: none;
    transition: all 0.3s ease; }
  .page-wrapper.horizontal-wrapper .page-header {
    width: 100%;
    box-shadow: none; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .form-control-plaintext {
      width: auto !important; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1324px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
      @media (max-width: 1323px) and (min-width: 1200px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 1199px) and (min-width: 992px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
    @media (max-width: 1428px) and (min-width: 1324px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 55%; } }
    @media (max-width: 1323px) and (min-width: 1200px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 40%; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.horizontal-wrapper.enterprice-type footer {
    margin-left: 0; }
  .page-wrapper.material-icon .card {
    border-radius: 30px;
    box-shadow: 0 0 20px rgba(0, 102, 102, 0.1); }
  .page-wrapper .sidebar-main-title h6 {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 0.40px; }
  .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 11px;
    right: -9px;
    color: #fff;
    z-index: 9999; }
    [dir="rtl"] .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
      left: -9px;
      right: unset; }
  .page-wrapper.compact-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer; }
  .page-wrapper.compact-wrapper .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-wrapper .pin-title {
    order: -1; }
  .page-wrapper.compact-wrapper .page-header {
    margin-left: 265px;
    width: calc(100% - $sidebar-compact-width); }
    .page-wrapper.compact-wrapper .page-header.close_icon {
      margin-left: 90px;
      width: calc(100% - 90px); }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
      position: absolute;
      content: "";
      bottom: 0%;
      height: 1px;
      z-index: 8;
      width: calc(100% - 40px);
      background: #E6E9EB; }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9;
    height: 100%;
    line-height: inherit;
    background: var(--theme-deafult);
    width: 265px;
    text-align: left;
    transition: 0.3s;
    box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      fill: #fff; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      padding: 22px 30px;
      box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
      border-top-right-radius: 15px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
      width: auto;
      transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .badge {
        opacity: 0;
        width: 0;
        padding: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        max-width: 86px;
        margin: 0;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          text-align: center;
          padding: 12px 14px;
          transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main-title {
        display: none !important;
        opacity: 0;
        transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper {
        display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
        text-align: right;
        display: block; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
        width: 265px;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .badge {
          opacity: 1;
          width: auto;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          max-width: unset;
          margin: initial;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
            text-align: left; }
            [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
              text-align: right; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            padding: 12px 15px;
            transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a span {
              display: inline-block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main-title {
          opacity: 1;
          display: block !important;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
          display: block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-icon-wrapper {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .mobile-sidebar {
        transform: translate(183px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
        margin-left: 90px;
        transition: 0.5s; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer-fix {
        width: calc(100% - 90px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 118px); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          padding: 15px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::before {
            right: 20px;
            left: unset; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a span {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .according-menu {
        display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
      visibility: hidden;
      position: absolute;
      top: -8px;
      right: 17px;
      border-radius: 15px;
      padding: 4px 6px;
      color: #fff;
      font-size: 11px;
      background-color: #006666;
      border: 1px solid rgba(255, 255, 255, 0.6); }
      [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
        left: 17px;
        right: unset; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list:hover i.fa-thumb-tack {
      visibility: visible;
      cursor: pointer; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pined, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 115px);
      left: -300px;
      z-index: 99;
      transition: color 1s ease;
      overflow: auto;
      color: rgba(0, 0, 0, 0);
      margin-top: 20px;
      margin-bottom: 30px; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        font-weight: 500; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
          width: 18px;
          height: 18px;
          margin-right: 10px;
          vertical-align: -2px;
          float: none;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          letter-spacing: 0.7px;
          text-transform: capitalize;
          color: rgba(255, 255, 255, 0.8); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.link-nav .according-menu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li:last-child {
        border-bottom: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links.opennav {
        left: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn {
        display: block;
        width: 100%;
        padding: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn .mobile-back {
          padding: 20px;
          color: #242934;
          font-weight: 700;
          text-transform: uppercase;
          border-bottom: 1px solid #efefef;
          cursor: pointer;
          display: flex;
          justify-content: flex-end;
          align-items: center; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        display: block;
        width: 100%;
        position: relative; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
          padding: 25px 0 6px 20px;
          margin-top: 0px;
          margin-bottom: 12px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: block; }
          [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
            padding: 25px 20px 6px 0; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
            position: absolute;
            content: '';
            top: 0;
            left: 50%;
            background: rgba(255, 255, 255, 0.2);
            width: calc(100% - 40px);
            height: 1px;
            transform: translateX(-50%); }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2) {
            margin-top: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2)::before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list {
          padding: 0px 18px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list .badge {
            position: absolute;
            right: 50px;
            top: 14.5px;
            padding: 0.45em 0.8em 0.33em;
            z-index: 1;
            font-size: 10px;
            letter-spacing: 0.7px;
            font-weight: 600;
            font-family: "Montserrat", sans-serif;
            border-radius: 10px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list:hover > a:hover {
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg {
          fill: #fff;
          stroke: #fff;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg.fill-icon {
            fill: #fff;
            stroke: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover span {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover .according-menu i {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          padding: 11px 13px;
          position: relative;
          color: #222222; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow {
            right: 20px;
            position: absolute;
            top: 10px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow i {
              display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow:before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
          display: none !important; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
          width: 100%;
          padding: 0;
          position: relative !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
            padding-left: 50px !important;
            font-weight: 400; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu .submenu-title .according-menu {
            top: 7px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover > a {
            color: #fff;
            transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
            display: none;
            position: relative !important;
            right: 0;
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu.opensubchild {
              display: block; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a {
              padding: 6px 45px;
              padding-left: 63px !important; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a:after {
                display: none; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
            padding: 7px 25px;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.7);
            display: block;
            position: relative;
            letter-spacing: 0.06em;
            font-weight: 500;
            transition: all 0.3s ease;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a .content-menu {
              padding: 0px 15px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
              color: #fff; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active::before {
                opacity: 1;
                background: #fff;
                visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
              left: 20px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
              margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
          padding: 0;
          position: relative; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section:hover h5 {
              color: #fff !important;
              transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title {
              position: relative; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                margin-bottom: 0;
                line-height: 1.9;
                padding: 6px 25px 6px 65px;
                font-size: 14px;
                position: relative;
                color: rgba(255, 255, 255, 0.8);
                display: block;
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                cursor: pointer; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
                  left: 20px; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5 {
                color: #fff; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5::before {
                  opacity: 1;
                  visibility: visible; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
                top: 8px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
              margin-bottom: 0;
              line-height: 1.9;
              padding: 6px 15px 6px 65px;
              font-size: 14px;
              position: relative;
              color: rgba(255, 255, 255, 0.8);
              display: block;
              letter-spacing: 0.06em;
              font-weight: 500;
              font-family: "Montserrat", sans-serif; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a:after {
                display: none; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a.active {
                color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
              line-height: 1.9; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
                margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container {
          display: block !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container::before {
            height: calc(100% - 9px);
            transition: height 0.5s; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
            position: relative;
            margin-bottom: 10px;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active::after {
              opacity: 1;
              visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active ~ .sidebar-submenu::before {
              height: calc(100% - 8px);
              transition: height 0.5s; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active .according-menu i {
              color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
              color: #fff;
              transition: all 0.3s ease; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-content {
      display: flex;
      flex-direction: column; }
  .page-wrapper.compact-wrapper .page-body-wrapper .mega-box.col {
    flex-basis: unset; }
  .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
    position: absolute;
    right: 20px;
    top: 11px;
    display: block; }
    .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
      vertical-align: middle;
      color: rgba(255, 255, 255, 0.8);
      font-weight: 500; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu.border-section {
    border: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav {
    position: absolute;
    z-index: 2;
    right: 145px;
    top: 6px; }
    .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
      font-size: 18px;
      padding-left: 5px;
      text-transform: uppercase; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 80px);
    margin-top: 56px;
    margin-left: 265px; }
  .page-wrapper.compact-wrapper.dark-sidebar .sidebar-main-title h6, .page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title h6 {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .toggle-sidebar svg, .page-wrapper.compact-wrapper.color-sidebar .toggle-sidebar svg {
    stroke: var(--theme-deafult); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
    stroke: #fff !important; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
    fill: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
    stroke: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
    fill: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
    background: rgba(255, 255, 255, 0.1); }
  .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #22242B; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon {
      stroke: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon {
      fill: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
      color: #fff;
      stroke: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-light, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-light {
      display: none; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-dark, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-dark {
      display: block; }
  .page-wrapper.compact-wrapper.dark-sidebar .according-menu i, .page-wrapper.compact-wrapper.color-sidebar .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #2f3c4e; }
  .page-wrapper.compact-sidebar .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content {
    display: flex;
    flex-direction: column; }
  .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 54px;
    color: #fff;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
      left: 54px;
      right: unset; }
  .page-wrapper.compact-sidebar .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer;
    z-index: 1; }
  .page-wrapper.compact-sidebar .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-sidebar .pin-title {
    order: -1; }
  .page-wrapper.compact-sidebar ~ .bg-overlay1 {
    transition: 0.8s; }
    .page-wrapper.compact-sidebar ~ .bg-overlay1.active {
      z-index: 8;
      height: 100vh;
      width: 100vw;
      background-color: rgba(0, 0, 0, 0.2);
      position: fixed;
      top: 0; }
  .page-wrapper.compact-sidebar .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-sidebar .sidebar-main-title {
    display: none; }
  .page-wrapper.compact-sidebar .logo-wrapper {
    display: none; }
  .page-wrapper.compact-sidebar .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 24px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-sidebar .page-header {
    margin-left: 150px;
    width: calc(100% - 150px); }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1578px) and (min-width: 1274px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 38%; } }
      @media (max-width: 1273px) and (min-width: 1200px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 45%; } }
      @media (max-width: 991px) and (min-width: 768px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 36%; } }
      @media (max-width: 767px) and (min-width: 756px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 28%; } }
      @media (max-width: 1199px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 132px; } }
      @media (max-width: 767px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 83px; } }
    .page-wrapper.compact-sidebar .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
    margin-top: 80px;
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper .footer {
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
      height: auto;
      line-height: inherit;
      background: #F5F5F5;
      width: 150px;
      text-align: left;
      transition: 0.3s;
      box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1); }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      margin: 30px 0;
      height: calc(100vh - 113px);
      overflow: auto; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        color: #2c323f; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          text-transform: capitalize;
          color: #2c323f;
          font-weight: 500;
          letter-spacing: 1px;
          font-size: 14px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active {
          background: rgba(0, 102, 102, 0.1);
          color: #006666;
          border-radius: 20px;
          margin: 0 10px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active span {
            color: #006666; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
            animation: fadeInLeft 300ms ease-in-out; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
        display: block;
        padding: 20px 0;
        border-bottom: 1px solid #f3f3f3; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
        position: fixed;
        top: 0px;
        height: calc(100vh - 0px);
        overflow: auto;
        left: 150px;
        width: 230px;
        background-color: #fff;
        box-shadow: 0 16px 15px 15px rgba(126, 55, 216, 0.03);
        transition: all 0.5s ease-in-out;
        display: none;
        padding-top: 20px;
        z-index: -1; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
          padding: 15px 15px 15px 40px;
          display: block;
          position: relative;
          border-bottom: 1px solid #f1f1f1; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
            display: none; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
            position: absolute;
            right: 20px;
            top: 16px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a.active,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a.active {
            background-color: rgba(0, 102, 102, 0.1);
            color: #006666;
            transition: all 0.3s ease; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li .submenu-content li a.active,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li .submenu-content li a.active {
          background-color: transparent; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
          position: absolute;
          content: "";
          left: 20px;
          top: 48%;
          width: 12px;
          border-top: 2px solid rgba(255, 255, 255, 0.4); }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 0; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
            text-align: left; }
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
              position: relative;
              font-size: 14px;
              font-weight: 400;
              padding: 15px 15px 15px 40px;
              letter-spacing: 1px;
              margin-bottom: 0; }
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
                position: absolute;
                content: "";
                left: 20px;
                top: 48%;
                width: 6px;
                border-top: 2px solid #595c60; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list {
        position: relative; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
          position: absolute;
          left: 53%;
          top: 7px;
          font-weight: 500;
          font-size: 9px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
          text-align: center; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
            margin: 0 auto 6px;
            width: 24px;
            height: 24px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
            display: block;
            font-weight: 500;
            letter-spacing: 1px;
            font-size: 14px;
            word-break: break-word; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link .according-menu {
            display: none; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
        text-align: center;
        padding: 0; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
          width: 24px;
          height: 24px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
          position: absolute;
          right: 20px;
          top: 13px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
      transform: translateX(-150px); }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
        margin-left: 0px; }
  .page-wrapper.compact-small .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 22px;
    color: #006666;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
      left: 22px;
      right: unset; }
  .page-wrapper.compact-small .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible; }
  .page-wrapper.compact-small .sidebar-list.pined, .page-wrapper.compact-small .sidebar-list.pin-title {
    order: -1; }
  .page-wrapper.compact-small .sidebar-main-title,
  .page-wrapper.compact-small .logo-wrapper {
    display: none; }
  .page-wrapper.compact-small .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 27px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-small .page-header {
    margin-left: 90px;
    width: calc(100% - 90px); }
    .page-wrapper.compact-small .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-small .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-small .page-body-wrapper .page-body {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper .footer {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div {
    width: 90px; }
  @media (max-width: 420px) {
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 105px); } }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    display: block;
    padding: 15px 0; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 90px; }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
      padding: 10px 15px 10px 40px; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
        display: none; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
        top: 11px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
    margin: 0 auto;
    width: 20px;
    height: 20px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
    margin: 0 auto; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu a > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translateX(-150px); }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
      margin-left: 0px; }
  .page-wrapper.only-body {
    background-color: #f2f0fa; }
    .page-wrapper.only-body .page-body-wrapper {
      background-color: #f2f0fa; }
    .page-wrapper.only-body .page-header {
      position: relative; }
      .page-wrapper.only-body .page-header .header-logo-wrapper {
        display: none; }
      .page-wrapper.only-body .page-header .header-wrapper {
        padding: 0 !important; }
        .page-wrapper.only-body .page-header .header-wrapper .left-header {
          display: none; }
        .page-wrapper.only-body .page-header .header-wrapper .nav-right {
          position: absolute;
          right: 60px;
          top: 58px; }
        .page-wrapper.only-body .page-header .header-wrapper .search-full {
          top: 37px;
          width: calc(100% - 50px);
          left: 25px; }
          [dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .search-full {
            left: unset;
            right: 25px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
            background-color: #fff;
            border-radius: 15px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu {
            top: 78px;
            width: calc(100% - 30px);
            margin: 0 auto;
            right: 0; }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-top: 20px;
      padding-bottom: 20px; }
    .page-wrapper.only-body .sidebar-wrapper,
    .page-wrapper.only-body footer {
      display: none; }
    .page-wrapper.only-body .page-body-wrapper .page-body {
      margin-top: 0px;
      min-height: calc(100vh - 0px); }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-left: 30px;
      padding-right: 30px;
      margin: 30px 0;
      border-radius: 15px; }
      @media (max-width: 991.98px) {
        .page-wrapper.only-body .page-body-wrapper .page-title {
          padding-left: 20px;
          padding-right: 20px;
          margin: 20px 0; } }
      .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6 {
        flex: 0 0 100%;
        max-width: 100%; }
      .page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb {
        margin-top: 5px;
        justify-content: flex-start; }
  .page-wrapper.modern-type .progress-chart-wrap {
    margin-left: -22px; }
    [dir="rtl"] .page-wrapper.modern-type .progress-chart-wrap {
      margin-left: unset;
      margin-right: -22px; }
  .page-wrapper.modern-type .ecommerce-widget {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .file-sidebar .pricing-plan {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .alert-primary {
    color: #006666; }
  .page-wrapper.modern-type .project-box {
    background-color: #00d6d6; }
  .page-wrapper.modern-type .nav-tabs .nav-link.active {
    background-color: transparent; }
  .page-wrapper.modern-type .simplebar-mask {
    top: 10px; }
  .page-wrapper.modern-type .page-header {
    margin-left: 0px;
    width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header.close_icon {
      margin-left: 0px;
      width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1200px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 818px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 36%; } }
    @media (max-width: 1669px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 50%; } }
    @media (max-width: 1428px) and (min-width: 1200px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 40%; } }
    .page-wrapper.modern-type .page-header .header-wrapper .header-logo-wrapper {
      display: flex;
      align-items: center; }
    .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
      display: block;
      margin-right: 30px; }
    .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
      display: block;
      position: relative;
      top: unset;
      right: unset;
      margin-right: 15px; }
  .page-wrapper.modern-type .page-body-wrapper .page-title {
    background-color: transparent;
    padding-bottom: 0; }
  .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
    margin: 30px !important;
    top: 80px;
    bottom: 0;
    border-radius: 15px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 160px); }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      margin-left: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
      margin-left: 0px;
      margin-right: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
      display: none; }
  .page-wrapper.modern-type .page-body-wrapper .page-body {
    margin-left: 296px; }
    .page-wrapper.modern-type .page-body-wrapper .page-body .container-fluid {
      max-width: 1500px; }
  .page-wrapper.modern-type .page-body-wrapper .footer {
    margin-left: 360px;
    margin-right: 70px;
    border-radius: 10px; }
    @media (max-width: 991px) {
      .page-wrapper.modern-type .page-body-wrapper .footer {
        margin-right: 0;
        margin-left: 0; } }
  .page-wrapper.material-type {
    position: relative; }
    .page-wrapper.material-type::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 300px;
      background-image: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-type .card {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
    .page-wrapper.material-type .page-header {
      position: relative;
      max-width: 1560px;
      margin: 50px auto 0;
      border-radius: 15px 15px 0 0; }
      .page-wrapper.material-type .page-header .header-wrapper .left-header {
        width: 31%; }
        @media (max-width: 1600px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 33%; } }
        @media (max-width: 1366px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 38%; } }
        @media (max-width: 1199px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 30%; } }
      @media (max-width: 1600px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 40%; } }
      @media (max-width: 1199px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 45%; } }
    .page-wrapper.material-type .page-body-wrapper {
      background-blend-mode: overlay;
      background-color: rgba(255, 255, 255, 0.5); }
      .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        position: relative;
        max-width: 1560px;
        margin: 0 auto;
        top: unset;
        height: 56px; }
      .page-wrapper.material-type .page-body-wrapper .page-body {
        margin: 0 auto;
        max-width: 1560px;
        background-color: #F5F5F5;
        box-shadow: 0 0 20px 7px rgba(8, 21, 66, 0.05);
        border-radius: 0 0 15px 15px; }
    .page-wrapper.material-type .footer {
      margin-top: 40px; }
    .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .left-header {
      width: 38%; }
    @media (max-width: 991px) {
      .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.advance-layout {
    background-blend-mode: overlay;
    background-color: #F5F5F5; }
    .page-wrapper.advance-layout .card {
      border-radius: 5px;
      box-shadow: none;
      border: 1px solid #ecf3fa; }
    .page-wrapper.advance-layout .page-header {
      position: relative;
      background-color: #fff;
      margin: 0 auto; }
    .page-wrapper.advance-layout .page-body-wrapper {
      background: transparent; }
      .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
        position: relative !important;
        top: unset !important;
        height: unset;
        box-shadow: none;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef; }
        .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper > div {
          overflow-x: hidden; }
      .page-wrapper.advance-layout .page-body-wrapper .page-body {
        margin-top: 0 !important; }

@keyframes pagebody {
  from {
    opacity: 0;
    transform: scale3d(0.98, 0.98, 0.98) translate(-20px, -50px); }
  50% {
    opacity: 1; } }

.md-sidebar {
  position: relative; }
  .md-sidebar .md-sidebar-toggle {
    display: none;
    width: fit-content;
    text-transform: capitalize;
    margin-bottom: 20px; }

#sidebar-menu .sidebar-links .simplebar-mask {
  border-bottom-right-radius: 18px; }

@media screen and (max-width: 1480px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -18%;
    width: 91%; } }

@media screen and (max-width: 1460px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -54%;
    width: 75%; }
  .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-right: 8px; } }

@media screen and (max-width: 1366px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -49%;
    width: 70%; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) {
    padding: 8px; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) svg {
      height: 22px;
      width: 22px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.onhover-dropdown.notification-down:nth-child(5)::before {
    left: 47px;
    height: 42px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li .profile-media img {
    width: 32px;
    height: 32px; }
  .profile-dropdown.onhover-show-div {
    right: 0;
    left: unset !important; }
    .profile-dropdown.onhover-show-div:before, .profile-dropdown.onhover-show-div:after {
      right: 10px !important;
      left: unset !important; } }

@media screen and (max-width: 1199px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 6px; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown .notification-down::before {
      content: "";
      position: absolute;
      left: 33px;
      height: 30px; }
  .mobile-title.d-none {
    display: flex !important;
    justify-content: space-between;
    padding: 20px 30px 17px;
    border-bottom: 1px solid #ddd;
    margin: 0 -15px; }
    .mobile-title.d-none h5 {
      color: var(--theme-deafult); }
    .mobile-title.d-none svg {
      stroke: var(--theme-deafult) !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -35%;
    width: 56%; } }

@media screen and (min-width: 992px) {
  .page-header .header-wrapper .nav-right .notification-dropdown {
    top: 46px; }
  .responsive-btn {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-mask {
    top: 0; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
    width: 200px;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    transition: all 0.5s ease; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a .sub-arrow {
      position: absolute;
      right: 20px;
      top: 5px;
      color: #59667a;
      font-weight: 100;
      transition: all 0.5s ease;
      font-size: 15px;
      top: 5px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
      display: none;
      border-radius: 4px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover .nav-sub-childmenu {
      display: block;
      position: absolute;
      left: 200px;
      background-color: #fff;
      top: -10px;
      padding: 15px 0px 15px 0px;
      box-shadow: 0 0 1px 0 #898989; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover .sub-arrow {
      right: 16px;
      transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.hoverd .sidebar-submenu {
    opacity: 1;
    visibility: visible;
    margin-top: 8px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .mega-menu-container {
    opacity: 1;
    visibility: visible;
    margin-top: 20px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .mobile-back {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .page-wrapper.material-icon {
    position: relative; }
    .page-wrapper.material-icon::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 200px;
      background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-icon .toggle-sidebar {
      color: rgba(255, 255, 255, 0.8); }
      .page-wrapper.material-icon .toggle-sidebar:hover > svg {
        color: #fff !important;
        stroke: #fff !important; }
    .page-wrapper.material-icon .page-header {
      position: relative;
      background: transparent;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto;
      width: calc(100% - 0px);
      box-shadow: none; }
      .page-wrapper.material-icon .page-header .f-light {
        color: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
        stroke: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li {
        color: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .notification-box svg,
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .cart-box svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > a > svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > svg {
          stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
        color: rgba(255, 255, 255, 0.7); }
      .page-wrapper.material-icon .page-header.close_icon {
        padding-left: 0;
        margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-body {
      margin-top: 0 !important;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto; }
    .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      padding-left: 15px;
      margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-title {
      color: #fff;
      background-color: transparent;
      border-bottom: none;
      box-shadow: none; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
        color: rgba(255, 255, 255, 0.6); }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        color: rgba(255, 255, 255, 0.8); } }

@media only screen and (min-width: 992px) {
  .page-wrapper.material-icon::before {
    height: 240px; } }

@media screen and (max-width: 767px) {
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(2) {
    background-color: #fff;
    padding: 8px;
    border-radius: 40px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav {
    background-color: unset; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav ul li {
      border-radius: 0px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:last-child {
    padding: 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
    height: 27px;
    width: 27px;
    cursor: pointer; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-dropdown .cart-dropdown ul li:nth-child(2) {
    border-radius: 0px !important;
    padding: 16px 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .tab-content .notification-card ul li {
    padding: 15px 0px !important;
    border-radius: 0px !important; }
  .sidebar-wrapper .menu .brand-logo img {
    width: 120px; } }

@media screen and (max-width: 576px) {
  .toggle-nav i {
    font-size: 20px; } }

/**=====================
  5.7 Sidebar CSS Ends
==========================**/
/**=====================
  3.46 Add-product CSS Start
==========================**/
.sidebar-left-wrapper {
  border-right: 1px solid var(--recent-dashed-border); }
  @media (max-width: 1199px) {
    .sidebar-left-wrapper {
      border-right: unset;
      margin-bottom: 25px; } }
  [dir="rtl"] .sidebar-left-wrapper {
    border-right: unset;
    border-left: 1px solid var(--recent-dashed-border); }
  .sidebar-left-wrapper .sidebar-left-icons {
    display: block; }
    .sidebar-left-wrapper .sidebar-left-icons .nav-item {
      position: relative;
      padding-bottom: 50px; }
      @media (max-width: 1199px) {
        .sidebar-left-wrapper .sidebar-left-icons .nav-item {
          padding-bottom: 25px; } }
      .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link {
        padding-top: 0; }
      .sidebar-left-wrapper .sidebar-left-icons .nav-item:last-child {
        padding-bottom: 0; }
        .sidebar-left-wrapper .sidebar-left-icons .nav-item:last-child .nav-link {
          padding-bottom: 0; }
      .sidebar-left-wrapper .sidebar-left-icons .nav-item::before {
        content: "";
        position: absolute;
        border: 1px dashed var(--recent-dashed-border);
        top: 58px;
        height: 50px;
        left: 20px; }
        [dir="rtl"] .sidebar-left-wrapper .sidebar-left-icons .nav-item::before {
          left: unset;
          right: 20px; }
        @media (max-width: 1199px) {
          .sidebar-left-wrapper .sidebar-left-icons .nav-item::before {
            height: 25px; } }
      .sidebar-left-wrapper .sidebar-left-icons .nav-item:last-child::before {
        content: none; }
      .sidebar-left-wrapper .sidebar-left-icons .nav-item:last-child .nav-link {
        padding-bottom: 0; }
      .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 8px 0; }
        .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active, .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active {
          background-color: unset;
          color: unset; }
          .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active .nav-rounded, .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active .nav-rounded {
            border: 1px solid var(--theme-deafult); }
            .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active .nav-rounded .product-icons, .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active .nav-rounded .product-icons {
              background-color: var(--theme-deafult); }
              .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active .nav-rounded .product-icons svg, .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active .nav-rounded .product-icons svg {
                stroke: #fff; }
          .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active .product-tab-content h6, .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active .product-tab-content h6 {
            color: var(--theme-deafult);
            font-weight: 500; }
        .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded {
          min-width: 42px;
          height: 42px;
          border: 1px solid var(--recent-dashed-border);
          position: relative;
          z-index: 2;
          border-radius: 100%;
          padding: 2px;
          box-shadow: inset 0px 9px 20px 0px rgba(46, 35, 94, 0.7); }
          .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded .product-icons {
            min-width: 100%;
            height: 100%;
            background-color: var(--white);
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 100%; }
            .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded .product-icons svg {
              width: 18px;
              height: 18px;
              stroke: var(--chart-text-color); }
        .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .product-tab-content h6 {
          color: var(--body-font-color);
          font-weight: 400;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          width: 100%; }
          @media (max-width: 575px) {
            .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .product-tab-content h6 {
              text-align: left; } }
        .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .product-tab-content p {
          color: var(--chart-text-color);
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          width: 100%; }
          @media (max-width: 575px) {
            .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .product-tab-content p {
              text-align: left; } }
      .sidebar-left-wrapper .sidebar-left-icons .nav-item:hover .nav-rounded {
        border: 1px solid var(--theme-deafult); }
        .sidebar-left-wrapper .sidebar-left-icons .nav-item:hover .nav-rounded .product-icons {
          background-color: var(--light-shade-primary, 1); }
          .sidebar-left-wrapper .sidebar-left-icons .nav-item:hover .nav-rounded .product-icons svg {
            stroke: var(--theme-deafult);
            animation: tada 1.5s ease infinite; }
      .sidebar-left-wrapper .sidebar-left-icons .nav-item:hover .product-tab-content h6 {
        color: var(--theme-deafult); }

.sidebar-body form .form-control:focus,
.sidebar-body form .form-select:focus {
  box-shadow: unset;
  border-color: unset; }

[dir="rtl"] .sidebar-body .ql-snow .ql-picker-label {
  padding-right: 8px;
  padding-left: 2px; }

@media (max-width: 575px) {
  .sidebar-body .ql-toolbar.ql-snow .ql-formats {
    margin-right: 0 !important; } }

[dir="rtl"] .sidebar-body .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  right: unset;
  left: 0; }

[dir="rtl"] .sidebar-body .form-select {
  padding: 6px 12px 6px 36px !important; }

.sidebar-body .ql-formats {
  border-right: 1px solid var(--recent-dashed-border); }
  [dir="rtl"] .sidebar-body .ql-formats {
    border-left: 1px solid var(--recent-dashed-border);
    border-right: unset; }
  @media (max-width: 575px) {
    .sidebar-body .ql-formats {
      border-right: unset; }
      [dir="rtl"] .sidebar-body .ql-formats {
        border-left: unset; } }
  .sidebar-body .ql-formats:last-of-type {
    border-right: unset; }
    [dir="rtl"] .sidebar-body .ql-formats:last-of-type {
      border-left: unset; }

.sidebar-body #editor2 {
  min-height: 250px; }

.sidebar-body input[type=number]::-webkit-inner-spin-button,
.sidebar-body input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: inner-spin-button; }

.sidebar-body .form-select,
.sidebar-body .form-control {
  font-size: 15px;
  color: #4c5667; }

.sidebar-body .product-upload p {
  margin-bottom: 18px;
  line-height: 0; }

.sidebar-body .product-upload:nth-child(1) {
  margin-bottom: 30px; }
  @media (max-width: 400px) {
    .sidebar-body .product-upload:nth-child(1) {
      margin-bottom: 26px; } }
.sidebar-body .product-upload:nth-child(2) {
  margin-bottom: 65px; }
  @media (max-width: 1199px) {
    .sidebar-body .product-upload:nth-child(2) {
      margin-bottom: 0; } }
.sidebar-body .product-upload form svg {
  width: 48px;
  height: 48px; }

.sidebar-body .product-upload form h6 {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.8; }

.sidebar-body .product-upload form span {
  color: var(--chart-text-color);
  font-size: 14px; }

.product-buttons {
  margin: 15px 0 0 0;
  text-align: end;
  border-top: 1px solid var(--recent-dashed-border);
  padding: 12px 0 0 0;
  position: absolute;
  bottom: 0;
  width: calc(100% - 48px);
  left: 50%;
  transform: translateX(-50%); }
  [dir="rtl"] .product-buttons {
    left: unset;
    right: 50%;
    transform: translateX(50%); }
  @media (max-width: 1199px) {
    .product-buttons {
      position: unset;
      width: unset;
      transform: unset; }
      [dir="rtl"] .product-buttons {
        transform: unset; } }
  .product-buttons svg {
    width: 18px;
    height: 18px;
    stroke: var(--chart-text-color); }
    @media (max-width: 400px) {
      .product-buttons svg {
        width: 15px;
        height: 15px; } }
  .product-buttons .btn {
    border: 1px solid var(--recent-dashed-border);
    color: var(--chart-text-color);
    font-weight: 500; }
    @media (max-width: 1400px) {
      .product-buttons .btn {
        padding: 6px 16px; } }
    @media (max-width: 400px) {
      .product-buttons .btn {
        padding: 6px 8px; } }
    .product-buttons .btn:hover, .product-buttons .btn:active {
      background-color: var(--theme-deafult);
      color: #fdfeff; }
      .product-buttons .btn:hover svg, .product-buttons .btn:active svg {
        filter: invert(1); }

.category-button {
  padding-bottom: 30px;
  border-bottom: 1px dashed var(--recent-dashed-border); }
  @media (max-width: 575px) {
    .category-button {
      padding-bottom: 25px; } }
  .category-button a {
    padding: 12px; }

.create-category .toolbar-box {
  margin-top: 12px; }

.product-date .form-control[readonly] {
  background-color: var(--white); }

.price-wrapper .radio-wrapper {
  justify-content: flex-start;
  margin-top: 4px; }
  .price-wrapper .radio-wrapper li {
    max-width: 200px; }
    .price-wrapper .radio-wrapper li .form-check-input {
      border-radius: 5px;
      background-color: var(--light-background); }
      .price-wrapper .radio-wrapper li .form-check-input ~ .form-check-label span {
        color: #4c5667;
        font-size: 15px;
        position: relative; }
      .price-wrapper .radio-wrapper li .form-check-input:checked {
        background-color: var(--light-background);
        border: 1px solid var(--theme-deafult);
        border-radius: 5px; }
        .price-wrapper .radio-wrapper li .form-check-input:checked ~ .form-check-label span {
          color: var(--theme-deafult);
          position: relative; }

.advance-options ul {
  border-bottom: 1px solid var(--recent-dashed-border); }
  .advance-options ul.border-tab.nav-tabs .nav-item .nav-link {
    color: var(--body-font-color);
    border-bottom: 2px solid transparent;
    transition: all 0.3S ease-in-out; }
    .advance-options ul.border-tab.nav-tabs .nav-item .nav-link:active, .advance-options ul.border-tab.nav-tabs .nav-item .nav-link.active {
      border-bottom: 2px solid var(--theme-deafult);
      color: var(--body-font-color);
      transition: all 0.3S ease-in-out; }

.meta-body {
  padding-top: 16px; }
  .meta-body .custom-input .form-check .form-check-input:checked {
    background-color: var(--theme-deafult); }
  .meta-body .custom-input .form-check .form-check-input:valid {
    border-color: var(--theme-deafult); }
    .meta-body .custom-input .form-check .form-check-input:valid ~ .form-check-label {
      color: #86909C; }

.product-tag .tagify {
  border-radius: 4px;
  padding: 0;
  height: auto;
  width: 100%;
  display: flex;
  align-items: center; }

.tagify__tag {
  margin: 5px 0 5px 5px; }
  [dir="rtl"] .tagify__tag {
    margin-right: 5px;
    margin-left: 0px; }

.tagify__input {
  margin: 0; }

[dir="rtl"] .tagify__tag__removeBtn {
  margin-right: auto;
  margin-left: 4.6666666667px; }

.list-product-header > div {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px; }

.list-product-header .show {
  display: block; }

.list-product-header .hide {
  display: none; }

.list-product-header .collapse {
  line-height: 0.2; }

.list-product-header .light-box {
  width: 39px;
  height: 39px;
  border-radius: 5px;
  background-color: var(--light-shade-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  float: right; }
  .list-product-header .light-box svg {
    width: 17px;
    height: 17px;
    color: var(--chart-text-color); }

.list-product-header a.btn {
  float: right; }
  [dir="rtl"] .list-product-header a.btn {
    float: left; }
  .list-product-header a.btn i {
    padding-right: 8px; }
    [dir="rtl"] .list-product-header a.btn i {
      padding-right: unset;
      padding-left: 8px; }
  @media (max-width: 575px) {
    .list-product-header a.btn {
      float: unset; } }
.list-product-header .list-product-body {
  margin-top: 20px;
  padding: 0px;
  box-shadow: unset;
  border: none !important; }
  .list-product-header .list-product-body .form-select {
    font-size: 14px;
    border-color: var(--recent-dashed-border);
    color: var(--text-gray); }
    .list-product-header .list-product-body .form-select:focus {
      box-shadow: unset !important; }

.list-product .datatable-loading .datatable-top {
  position: absolute;
  top: 24px; }

.list-product.list-category tr th:nth-child(2),
.list-product.list-category tr td:nth-child(2) {
  min-width: 60px; }

.list-product.list-category tr th:nth-child(3),
.list-product.list-category tr td:nth-child(3) {
  min-width: 300px; }

.list-product.list-category tr th:nth-child(4),
.list-product.list-category tr td:nth-child(4) {
  min-width: 150px; }

.list-product.list-category tr th:nth-child(5),
.list-product.list-category tr td:nth-child(5) {
  min-width: 100px; }

.list-product.list-category .datatable-bottom {
  padding-bottom: 0; }

.list-product thead tr th:first-child .form-check {
  display: none; }

.list-product .datatable-container {
  overflow-x: auto; }
  @media (max-width: 1445px) {
    .list-product .datatable-container thead tr th:nth-child(8) {
      display: none; } }
  .list-product .datatable-container tbody tr {
    cursor: pointer; }
    @media (max-width: 1445px) {
      .list-product .datatable-container tbody tr td:nth-child(8) {
        display: none; } }
.list-product .datatable-dropdown {
  position: relative; }
  .list-product .datatable-dropdown label {
    color: var(--body-font-color); }
    .list-product .datatable-dropdown label:before {
      content: "\f107";
      position: absolute;
      top: 6px;
      left: 38px;
      font-family: "FontAwesome";
      font-size: 16px;
      margin: 0;
      color: var(--text-gray); }
      [dir="rtl"] .list-product .datatable-dropdown label:before {
        right: 38px;
        left: unset; }

.list-product .datatable-selector {
  appearance: none;
  min-width: 55px; }
  .list-product .datatable-selector:focus, .list-product .datatable-selector:focus-visible {
    outline: none; }

[dir="rtl"] .list-product .datatable-sorter::before, [dir="rtl"] .list-product .datatable-sorter::after {
  right: unset;
  left: 4px; }

.list-product tr th,
.list-product tr td {
  text-align: left; }
  [dir="rtl"] .list-product tr th, [dir="rtl"] .list-product tr td {
    text-align: right; }

.list-product tr th:nth-child(1) .datatable-sorter::before, .list-product tr th:nth-child(1) .datatable-sorter::after {
  border: none; }

.list-product tr th:nth-child(1),
.list-product tr td:nth-child(1) {
  min-width: 20px; }

.list-product tr th:nth-child(2),
.list-product tr td:nth-child(2) {
  min-width: 110px; }
  @media (max-width: 1460px) {
    .list-product tr th:nth-child(2),
    .list-product tr td:nth-child(2) {
      min-width: 230px; } }
.list-product tr th:nth-child(3),
.list-product tr td:nth-child(3) {
  min-width: 90px; }

.list-product tr th:nth-child(4),
.list-product tr td:nth-child(4) {
  min-width: 120px; }

.list-product tr th:nth-child(5),
.list-product tr td:nth-child(5) {
  min-width: 120px; }

.list-product tr th:nth-child(6),
.list-product tr td:nth-child(6) {
  min-width: 80px; }

.list-product tr th:nth-child(7),
.list-product tr td:nth-child(7) {
  min-width: 100px; }

.list-product tr th:nth-child(8),
.list-product tr td:nth-child(8) {
  min-width: 140px; }

.list-product tr th:nth-child(9),
.list-product tr td:nth-child(9) {
  min-width: 105px; }

.list-product:focus-visible {
  outline: 0; }

.list-product .datatable-top {
  display: flex;
  gap: 22px;
  flex-wrap: wrap; }

.list-product .datatable-search {
  float: left; }
  [dir="rtl"] .list-product .datatable-search {
    float: right; }

.list-product .datatable-container:focus-visible {
  outline: 0; }

.list-product .datatable-bottom .datatable-info {
  color: var(--body-font-color); }

.list-product .datatable-top {
  padding: 0; }

.list-product .datatable-pagination li.datatable-hidden {
  visibility: visible; }
  .list-product .datatable-pagination li.datatable-hidden a {
    color: var(--theme-deafult);
    font-weight: 500;
    opacity: 1; }

.list-product .datatable-pagination .datatable-active .datatable-pagination-list-item-link {
  background-color: var(--theme-deafult);
  color: var(--white); }

.list-product .datatable-pagination .datatable-pagination-list-item-link {
  background-color: rgba(var(--light-shade-primary), 0.02);
  border-radius: 5px; }

#project-status.table tbody tr td {
  vertical-align: inherit; }

.product-names {
  display: flex;
  align-items: center;
  gap: 15px; }
  .product-names .light-product-box {
    min-width: 49px;
    height: 49px;
    border-radius: 3px;
    background-color: var(--chart-progress-light);
    display: flex;
    justify-content: center;
    align-items: center; }
    .product-names .light-product-box img {
      height: 26px; }

.product-action {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px; }
  .product-action svg {
    width: 18px;
    height: 18px;
    cursor: pointer;
    fill: var(--text-gray); }

.datatable-input,
.datatable-selector {
  border: 1px solid var(--recent-dashed-border);
  border-radius: 5px;
  background: unset; }

/**=====================
  3.46 Add-product CSS Start
==========================**/
/**=====================
   3.1 Blog CSS start
==========================**/
.blog-box img {
  border-radius: 0.25rem; }

.blog-box .top-radius-blog {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.blog-box h6 {
  font-weight: 600;
  margin: 15px 0; }

.blog-box .blog-details {
  padding-right: 20px; }
  .blog-box .blog-details .blog-social {
    margin-top: 30px; }
    .blog-box .blog-details .blog-social li {
      display: inline-block;
      font-size: 12px;
      color: var(--body-font-color); }
      .blog-box .blog-details .blog-social li + li {
        padding-left: 20px;
        line-height: 1;
        padding-right: 0; }
      .blog-box .blog-details .blog-social li span {
        color: var(--body-font-color); }
      .blog-box .blog-details .blog-social li i {
        padding-right: 5px;
        font-weight: 300; }
      .blog-box .blog-details .blog-social li:first-child {
        border-right: 1px solid gray;
        padding-right: 20px; }

.blog-box .blog-details-main hr {
  background-color: #E6E9EB; }

.blog-box .blog-details-main .blog-social {
  margin: 20px 0; }
  .blog-box .blog-details-main .blog-social li {
    display: inline-block;
    font-size: 13px;
    color: var(--body-font-color);
    padding: 0 24px;
    border-right: 1px dotted; }
    @media (max-width: 1676px) {
      .blog-box .blog-details-main .blog-social li {
        padding: 0 10px; } }
    .blog-box .blog-details-main .blog-social li:last-child {
      border-right: 0; }
    .blog-box .blog-details-main .blog-social li i {
      padding-right: 5px; }

.blog-box .blog-details-main .blog-bottom-details {
  margin: 20px;
  font-size: 14px;
  line-height: 1.714;
  font-weight: 500; }

.blog-box .blog-date {
  color: var(--body-font-color); }
  .blog-box .blog-date span {
    font-size: 36px;
    font-weight: 600;
    padding-right: 5px; }

.blog-box.blog-shadow:before {
  box-shadow: inset 0px -200px 100px -13px rgba(0, 0, 0, 0.6);
  transition: all 0.3s ease;
  border-radius: 5px;
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
  bottom: 0; }

.blog-box.blog-shadow:hover:before {
  box-shadow: inset 0px -200px 100px -13px rgba(0, 0, 0, 0.65);
  transition: all 0.3s ease; }

.blog-box.blog-shadow .blog-details {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px; }
  .blog-box.blog-shadow .blog-details h4 {
    color: #fff;
    margin-bottom: 0; }
  .blog-box.blog-shadow .blog-details p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px; }
  .blog-box.blog-shadow .blog-details .blog-social li {
    color: #fff; }

.blog-list .blog-details .blog-social {
  margin-top: 0; }

.blog-list .blog-details h6 {
  margin-top: 0;
  color: gray;
  font-weight: 600; }

.blog-list .blog-details hr {
  margin-top: 10px;
  margin-bottom: 10px; }

.blog-list img {
  padding: 17px; }

.blog-grid img {
  width: 100%; }

.blog-grid .blog-details {
  padding: 20px; }
  .blog-grid .blog-details h6 {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.8; }

.blog-box {
  position: relative;
  max-height: 100%;
  align-items: center; }
  .blog-box .blog-details h6 {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
  .blog-box .blog-details p {
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.7px;
    margin-top: 30px;
    margin-bottom: 0;
    color: var(--body-font-color);
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
    @media (max-width: 1570px) {
      .blog-box .blog-details p {
        -webkit-line-clamp: 2; } }
  .blog-box .blog-details h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 20px;
    margin-bottom: 0; }
  .blog-box .blog-details .single-blog-content-top {
    margin-top: 20px;
    border-top: 1px solid #efefef; }
  .blog-box .blog-details .blog-social li,
  .blog-box .blog-details .comment-social li {
    font-size: 14px; }

.comment-box {
  padding-top: 50px; }
  .comment-box hr {
    margin-top: 20px;
    margin-bottom: 30px; }
  .comment-box li {
    margin-bottom: 30px; }
    .comment-box li:last-child {
      margin-bottom: 0; }
  .comment-box ul ul {
    margin-left: 135px; }
  .comment-box p {
    font-size: 14px;
    line-height: 2;
    color: var(--body-font-color);
    text-align: justify;
    margin-bottom: 0; }
  .comment-box h4 {
    font-weight: 600; }
  .comment-box .media img {
    margin-right: 30px;
    border-radius: 10px;
    height: 90px;
    padding: 7px;
    width: 90px;
    border: 1px solid #efefef; }
  .comment-box .media h6 {
    font-weight: 500;
    margin-bottom: 5px; }
    .comment-box .media h6 span {
      padding-left: 10px;
      font-size: 13px;
      color: var(--body-font-color);
      font-weight: 400; }
  .comment-box .comment-social li {
    display: inline-block;
    color: var(--body-font-color);
    padding-left: 20px;
    margin-bottom: 0;
    text-transform: uppercase; }
    .comment-box .comment-social li:first-child {
      border-right: 1px solid #efefef;
      padding-right: 20px; }
    .comment-box .comment-social li i {
      padding-right: 10px; }

/**=====================
   3.1 Blog CSS ends
==========================**/
/**=====================
    3.2 Bookmark-app CSS Start
==========================**/
.modal-bookmark .modal-body,
.modal-bookmark .modal-header {
  padding: 30px; }

.bookmark-wrap .details-bookmark .row > div + div {
  padding-right: 15px !important; }

.bookmark-wrap .left-bookmark {
  height: 700px; }
  .bookmark-wrap .left-bookmark .media .media-body p {
    color: #2c323f; }
  .bookmark-wrap .left-bookmark ul li button {
    color: #051A1A;
    border: none;
    cursor: pointer; }
    .bookmark-wrap .left-bookmark ul li button:focus {
      outline: none; }
  .bookmark-wrap .left-bookmark ul li svg {
    width: 18px;
    height: 18px;
    vertical-align: middle; }
  .bookmark-wrap .left-bookmark ul li > .main-title {
    color: var(--theme-deafult);
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
    font-size: 16px; }
    .bookmark-wrap .left-bookmark ul li > .main-title span a:hover {
      background-color: transparent; }
    .bookmark-wrap .left-bookmark ul li > .main-title svg {
      color: #898989;
      stroke-width: 1px; }
  .bookmark-wrap .left-bookmark ul li a > .title {
    text-transform: capitalize; }

.bookmark-wrap.todo-wrap .left-bookmark {
  height: unset; }

.form-bookmark a {
  text-transform: capitalize !important;
  color: var(--theme-deafult) !important;
  line-height: 1 !important;
  font-weight: 500; }
  .form-bookmark a:hover {
    background-color: transparent !important; }

.form-bookmark input#index_var {
  display: none; }

.form-bookmark input,
.form-bookmark select {
  font-size: 14px; }

.form-bookmark .select2-container .select2-selection--single {
  border-color: #ced4da; }

.form-bookmark .select2 {
  width: 100% !important; }

.form-bookmark .error {
  margin: 0 !important;
  font-size: 11px;
  color: red !important; }

.form-bookmark button {
  margin-top: 10px; }

@keyframes displayTransition {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.bookmark-tabcontent .details-bookmark {
  height: auto;
  min-height: 359px; }
  .bookmark-tabcontent .details-bookmark .bookmark-card {
    position: relative; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
      padding: 3px;
      border-radius: 4px;
      background-color: rgba(0, 0, 0, 0.2);
      width: 30px;
      position: absolute;
      right: 15px;
      top: 15px;
      opacity: 0; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon i {
        color: #fff;
        font-size: 16px;
        vertical-align: text-bottom; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon.favourite i {
        color: #fed112; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data {
      width: 100%; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data .content-general {
        display: none; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
      transition: 0.5s; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark {
      text-align: left;
      padding: 15px;
      border-top: 1px solid #E6E9EB;
      position: relative; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark h6 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark p {
        animation: displayTransition 1s; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block {
        opacity: 0;
        position: absolute;
        width: 100%;
        padding: 15px;
        top: 30px;
        left: 0; }
        .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li {
          display: inline-block; }
          .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li + li {
            margin-left: 5px; }
          .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li svg {
            width: 16px;
            height: 16px;
            color: #898989; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover {
      box-shadow: 1px 4px 16px 3px rgba(0, 0, 0, 0.04);
      transition: 0.5s; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark p {
        opacity: 0; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark .hover-block {
        opacity: 1;
        animation: displayTransition 2s; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .favourite-icon {
        opacity: 1; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .row > div {
    flex: 0 0 100%;
    max-width: 100%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .desciption-data .content-general {
    display: block; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website {
    display: flex;
    align-items: center; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
      opacity: 1; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
      position: absolute;
      right: 30px;
      opacity: 1;
      text-align: right; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block {
      opacity: 1;
      animation: displayTransition 0s; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark {
    border-top: none; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark p,
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 {
      margin-top: 0;
      display: inline-block; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 {
      position: relative;
      padding-right: 15px;
      margin-bottom: -5px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6::after {
        position: absolute;
        content: '-';
        right: 0;
        color: #898989; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general {
      margin-top: 5px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p {
        width: 68%;
        margin-right: 20px; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 20%; }

.bookmark-tabcontent .tab-content .card .d-flex {
  justify-content: space-between; }
  .bookmark-tabcontent .tab-content .card .d-flex svg {
    width: 18px;
    height: 18px;
    vertical-align: middle; }
  .bookmark-tabcontent .tab-content .card .d-flex ul li {
    display: inline-block; }
    .bookmark-tabcontent .tab-content .card .d-flex ul li + li {
      margin-left: 5px; }

.bookmark-tabcontent .tab-content .tab-pane > .card {
  box-shadow: none; }

@media only screen and (max-width: 1660px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p {
    display: none; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block {
    margin-top: 6px; } }

@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .bookmark-wrap .left-bookmark ul li .btn-block svg {
    display: none; } }

@media only screen and (max-width: 1366px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 40%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block {
    top: 80px; } }

@media only screen and (max-width: 1199px) {
  .bookmark-wrap .left-bookmark {
    height: auto; }
  .bookmark-tabcontent .details-bookmark {
    min-height: auto; } }

@media only screen and (max-width: 991px) {
  .modal-bookmark .modal-body,
  .modal-bookmark .modal-header {
    padding: 20px; } }

@media only screen and (max-width: 767px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 172px; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block p {
    display: none; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block ul {
    position: relative;
    right: unset;
    top: unset; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 45%; } }

@media only screen and (max-width: 575px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 100%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website {
    display: block; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark {
      padding-left: 15px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
        position: relative;
        right: unset;
        text-align: left;
        top: unset;
        padding: 0; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .content-general {
        display: none; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p,
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6 {
        display: block; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6::after {
        display: none; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
        margin-top: 15px; }
  .modal-bookmark .modal-body,
  .modal-bookmark .modal-header {
    padding: 15px; } }

/**=====================
  3.2 Bookmark-app CSS Ends
==========================**/
/**=====================
    3.3 Cart CSS start
==========================**/
.cart .total-amount {
  text-align: right !important;
  margin-top: 30px; }

.cart .amount-space {
  margin-left: 40px; }

.cart .cart-btn-transform {
  text-transform: capitalize; }

.cart .qty-box {
  width: 25%;
  margin: 0 auto; }
  .cart .qty-box .input-group .btn {
    background-color: #ddd !important;
    border-color: #ddd !important;
    padding: 8px 12px; }

.cart-buttons {
  margin-top: 30px; }
  .cart-buttons .cart-btn {
    float: right;
    padding-right: 85px; }

/**=====================
    3.3 Cart CSS Ends
==========================**/
/**=====================
   3.5 Chat CSS Start
==========================**/
.radial-bar.radial-bar-lg > img, .radial-bar.radial-bar-lg:after {
  width: 70px;
  height: 70px;
  margin-left: 15px;
  margin-top: 15px;
  line-height: 70px; }

.radial-bar.radial-bar-sm > img, .radial-bar.radial-bar-sm:after {
  width: 35px;
  height: 35px;
  margin-left: 7.5px;
  margin-top: 7.5px;
  line-height: 35px; }

.radial-bar.radial-bar-xs > img, .radial-bar.radial-bar-xs:after {
  width: 20px;
  height: 20px;
  margin-left: 5.5px;
  margin-top: 4.5px;
  line-height: 21px; }

.chart-block canvas {
  width: 100% !important; }

.chart-block .chart-overflow {
  overflow: hidden;
  text-align: center; }

.candidcahrt {
  width: 100%;
  height: 470px; }

.amcharts-export-canvas {
  position: absolute;
  display: none;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff; }
  .amcharts-export-canvas .canvas-container {
    transition: opacity .5s ease-out; }
  .amcharts-export-canvas.active {
    display: block; }
  .amcharts-export-canvas.dropbox .canvas-container {
    opacity: .5; }

.flot-chart-container {
  box-sizing: border-box;
  width: 100%;
  height: 400px; }
  .flot-chart-container #toggling-series-flot {
    width: 79% !important; }

.all-chart .flot-chart-container {
  height: 350px; }

.flot-chart-placeholder {
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 1.2em;
  text-align: center; }
  .flot-chart-placeholder .legend table {
    border-spacing: 5px; }

.morris-hover {
  position: absolute;
  z-index: 1; }
  .morris-hover.morris-default-style {
    border-radius: 10px;
    padding: 6px;
    color: #898989;
    background: #fff;
    border: solid 1px #ecf3fa;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    text-align: center; }
    .morris-hover.morris-default-style .morris-hover-row-label {
      font-weight: bold;
      margin: 0.25em 0; }
    .morris-hover.morris-default-style .morris-hover-point {
      white-space: nowrap;
      margin: 0.1em 0; }

.chart-sparkline {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  background: rgba(49, 49, 49, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  color: #fff;
  font: 10px "Montserrat", sans-serif, "Montserrat", sans-serif;
  text-align: left;
  white-space: nowrap;
  padding: 5px;
  border: 1px solid rgba(49, 49, 49, 0.75);
  box-sizing: content-box;
  z-index: 10000;
  border-radius: 5px; }
  .chart-sparkline .jqsfield {
    color: #fff;
    font: 10px "Montserrat", sans-serif, "Montserrat", sans-serif;
    text-align: left; }

.radial-bar {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  background-color: transparent;
  box-sizing: content-box;
  width: 80px;
  height: 80px;
  font-size: 18px;
  background-clip: content-box; }
  .radial-bar:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    color: #455a64;
    content: attr(data-label);
    background-color: #fff;
    z-index: 1;
    width: 56px;
    height: 56px;
    margin-left: 12px;
    margin-top: 12px;
    line-height: 56px; }
  .radial-bar > img {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    color: #455a64;
    z-index: 3;
    width: 56px;
    height: 56px;
    margin-left: 12px;
    margin-top: 12px;
    line-height: 56px; }

.radial-bar-danger.radial-bar-20 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(162deg, #FE6A49 50%, #efefef 50%, #efefef); }

.radial-bar.radial-bar-lg {
  width: 100px;
  height: 100px;
  font-size: 20px; }

.radial-bar.radial-bar-sm {
  width: 50px;
  height: 50px;
  font-size: 12px; }

.radial-bar.radial-bar-xs {
  width: 30px;
  height: 30px;
  font-size: 8px; }

.pieLabel div {
  color: #fff !important; }
  .pieLabel div input[type=checkbox] {
    margin: 7px; }

.knob-chart {
  min-height: 255px; }
  .knob-chart .chart-clock-main {
    position: relative;
    width: 200px;
    margin: 45px auto; }
    .knob-chart .chart-clock-main .clock-large {
      position: absolute;
      left: -48px;
      top: -45px; }
    .knob-chart .chart-clock-main .clock-medium {
      position: absolute;
      left: 2px;
      top: 5px; }
    .knob-chart .chart-clock-main .clock-small {
      position: absolute;
      left: 15px;
      top: 55px; }

.peity-charts svg {
  width: 100%;
  height: 250px; }

.peity-charts.peity-chart-primary svg polygon {
  fill: rgba(0, 102, 102, 0.2); }

.peity-charts.peity-chart-primary svg polyline {
  stroke: var(--theme-deafult); }

.bar-odd-even svg rect:nth-child(odd) {
  fill: var(--theme-deafult); }

.bar-odd-even svg rect:nth-child(even) {
  fill: var(--theme-secondary); }

.donut-peity svg path:nth-child(odd) {
  fill: var(--theme-deafult); }

.donut-peity svg path:nth-child(even) {
  fill: var(--theme-secondary); }

.small-donut ~ svg path:nth-child(odd),
.small-donut svg path:nth-child(odd),
.donut-peity2 ~ svg path:nth-child(odd),
.donut-peity2 svg path:nth-child(odd),
.pie-peity ~ svg path:nth-child(odd),
.pie-peity svg path:nth-child(odd) {
  fill: var(--theme-deafult); }

.small-donut ~ svg path:nth-child(even),
.small-donut svg path:nth-child(even),
.donut-peity2 ~ svg path:nth-child(even),
.donut-peity2 svg path:nth-child(even),
.pie-peity ~ svg path:nth-child(even),
.pie-peity svg path:nth-child(even) {
  fill: #efefef; }

.small-donut2 ~ svg path:nth-child(odd) {
  fill: var(--theme-secondary); }

.small-donut3 ~ svg path:nth-child(odd) {
  fill: #00AC46; }

.small-donut4 ~ svg path:nth-child(odd) {
  fill: #173878; }

.small-donut5 ~ svg path:nth-child(odd) {
  fill: #FFAE1A; }

.small-donut6 ~ svg path:nth-child(odd) {
  fill: #FE6A49; }

p.data-attributes svg {
  margin-right: 10px; }

.knob-block {
  position: relative; }
  .knob-block input {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    margin-left: 0 !important;
    margin-top: -3px !important; }

.knob-input-disable input {
  display: none !important; }

.apex-chart {
  margin: 0 auto; }

.apexcharts-toolbar {
  z-index: 1 !important; }

.apexcharts-menu-item {
  width: 110px; }

.word-tree {
  height: 400px; }

.ct-series-a .ct-slice-pie,
.ct-series-a .ct-slice-donut-solid,
.ct-series-a .ct-area {
  fill: var(--theme-deafult); }

.ct-series-a .ct-point,
.ct-series-a .ct-line,
.ct-series-a .ct-bar,
.ct-series-a .ct-slice-donut {
  stroke: var(--theme-deafult); }

.ct-series-b .ct-point,
.ct-series-b .ct-line,
.ct-series-b .ct-bar,
.ct-series-b .ct-slice-donut {
  stroke: var(--theme-secondary); }

.ct-series-b .ct-slice-pie,
.ct-series-b .ct-slice-donut-solid,
.ct-series-b .ct-area {
  fill: var(--theme-secondary); }

.ct-series-g .ct-point,
.ct-series-g .ct-line,
.ct-series-g .ct-bar,
.ct-series-g .ct-slice-donut {
  stroke: #FFAE1A; }

.ct-series-g .ct-slice-pie,
.ct-series-g .ct-slice-donut-dashed,
.ct-series-g .ct-area {
  fill: #FFAE1A; }

.apache-cotainer {
  width: 100%;
  height: 350px;
  margin: 0; }

.boxplot-cotainer {
  height: 420px; }

.apache-cotainer-large {
  width: 100%;
  height: 500px;
  margin: 0; }

.test-buttons button + button {
  margin-left: 10px; }

.clip-chart-wrapper .test-chart-block {
  margin-bottom: -30px; }

#echart-gauge .test-chart {
  width: 100%;
  height: 395px; }

.polar-line {
  height: 350px; }

#dotted {
  height: 390px; }

.apexcharts-canvas .apexcharts-tooltip,
.apexcharts-canvas .apexcharts-xaxistooltip,
.apexcharts-canvas .apexcharts-yaxistooltip {
  z-index: 1; }

@media (max-width: 1346px) {
  .flot-chart-container .flot-chart-placeholder ~ p.float-end {
    float: left !important; }
    [dir="rtl"] .flot-chart-container .flot-chart-placeholder ~ p.float-end {
      float: right !important; } }

/**=====================
    3.5 Chat CSS End
==========================**/
/**=====================
     14. Chat CSS Start
==========================**/
.status-circle {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 4px;
  left: 44px;
  border-radius: 50%;
  border: 2px solid #fff; }

.user-image {
  height: 52px;
  margin-right: 5px; }
  .user-image .about {
    float: left;
    margin-top: 5px;
    padding-left: 10px; }
    .user-image .about .name {
      color: #2c323f;
      letter-spacing: 1px;
      font-weight: 500; }

.left-sidebar-wrapper {
  padding: 20px;
  border-radius: 10px 0 0 10px;
  z-index: 1;
  border: 2px solid var(--white);
  border-right: unset;
  /* ===== Scrollbar CSS ===== */
  /* Firefox */
  /* Chrome, Edge, and Safari */ }
  [dir="rtl"] .left-sidebar-wrapper {
    border-left: unset; }
  @media (max-width: 767px) {
    .left-sidebar-wrapper {
      border-radius: 10px; } }
  .left-sidebar-wrapper * {
    scrollbar-width: auto;
    scrollbar-color: rgba(0, 102, 102, 0.2); }
  .left-sidebar-wrapper *::-webkit-scrollbar {
    width: 6px; }
  .left-sidebar-wrapper *::-webkit-scrollbar-track {
    background: transparent; }
  .left-sidebar-wrapper *::-webkit-scrollbar-thumb {
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 8px;
    border: 3px solid transparent; }
  .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
    background-color: var(--chart-progress-light);
    padding-right: 0;
    margin-right: 1px;
    border-right: none; }
    [dir="rtl"] .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
      padding-left: 0;
      padding-right: 12px;
      margin-left: 1px;
      border-left: none;
      margin-right: unset;
      border-right: unset; }
    .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text svg {
      width: 16px;
      height: 16px; }
  .left-sidebar-wrapper .left-sidebar-chat .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
    border-left: unset;
    background-color: var(--chart-progress-light); }
    [dir="rtl"] .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
      border-right: unset;
      border-left: 1px solid #ddd;
      border-radius: 0.25rem !important; }
    .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:focus, .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:focus-visible {
      border-color: var(--chart-dashed-border);
      box-shadow: unset; }
  .left-sidebar-wrapper .advance-options ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0; }
    .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
      color: var(--body-font-color);
      border-bottom: 2px solid transparent;
      background-color: transparent;
      padding: 16px 57px;
      text-decoration: unset; }
      @media (max-width: 1855px) {
        .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
          padding: 16px 45px; } }
      @media (max-width: 1663px) {
        .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
          padding: 16px 30px; } }
      @media (max-width: 1423px) {
        .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
          padding: 16px 28px; } }
      .left-sidebar-wrapper .advance-options ul .nav-item .nav-link:active, .left-sidebar-wrapper .advance-options ul .nav-item .nav-link.active {
        border-bottom: 2px solid var(--theme-deafult);
        color: var(--theme-deafult); }
  .left-sidebar-wrapper .advance-options .common-space {
    padding: 11px 0; }
    .left-sidebar-wrapper .advance-options .common-space p {
      margin: 0;
      color: var(--chart-text-color); }
    .left-sidebar-wrapper .advance-options .common-space .header-top .btn {
      padding: 6px 12px; }
      .left-sidebar-wrapper .advance-options .common-space .header-top .btn:hover i {
        color: var(--white); }
  .left-sidebar-wrapper .advance-options .chats-user {
    border-bottom: unset;
    height: 563px;
    overflow-y: auto; }
    .left-sidebar-wrapper .advance-options .chats-user li {
      gap: 10px;
      width: 100%;
      border-bottom: 1px solid var(--chart-dashed-border);
      cursor: pointer;
      padding: 11px; }
      .left-sidebar-wrapper .advance-options .chats-user li:hover {
        background-color: var(--light-slate); }
      @media (max-width: 1505px) {
        .left-sidebar-wrapper .advance-options .chats-user li {
          flex-wrap: wrap;
          gap: 1px; } }
      .left-sidebar-wrapper .advance-options .chats-user li:last-child {
        border-bottom: unset; }
      .left-sidebar-wrapper .advance-options .chats-user li .chat-time {
        display: flex;
        gap: 10px;
        align-items: center; }
        .left-sidebar-wrapper .advance-options .chats-user li .chat-time > div {
          text-align: left; }
          [dir="rtl"] .left-sidebar-wrapper .advance-options .chats-user li .chat-time > div {
            text-align: right; }
      @media (max-width: 1498px) {
        .left-sidebar-wrapper .advance-options .chats-user li > div {
          width: 100%;
          text-align: end; }
          [dir="rtl"] .left-sidebar-wrapper .advance-options .chats-user li > div {
            text-align: start; } }
.active-profile {
  position: relative; }
  .active-profile img {
    width: 42px;
    height: 42px; }
    @media (max-width: 1650px) {
      .active-profile img {
        width: 33px;
        height: 33px; } }
  .active-profile .status {
    position: absolute;
    height: 14px;
    width: 14px;
    border-radius: 100%;
    bottom: 5%;
    right: -2px;
    border: 3px solid var(--white); }
    [dir="rtl"] .active-profile .status {
      left: -2px;
      right: unset; }
    @media (max-width: 1600px) {
      .active-profile .status {
        width: 11px;
        height: 11px;
        border: 2px solid var(--white); } }
.contact-edit i {
  color: var(--chart-text-color);
  cursor: pointer; }
  .contact-edit i::after {
    content: unset; }

.contact-edit svg {
  cursor: pointer;
  width: 18px;
  height: 18px; }
  @media (max-width: 360px) {
    .contact-edit svg {
      width: 14px;
      height: 14px; } }
.contact-edit .dropdown-menu .dropdown-item:hover {
  background-color: var(--light-background);
  opacity: 1;
  text-decoration: unset; }

.contact-edit.chat-alert {
  width: 40px;
  height: 40px;
  background: var(--light-slate);
  display: fke;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px; }
  @media (max-width: 360px) {
    .contact-edit.chat-alert {
      width: 32px;
      height: 32px; } }
  @media (max-width: 340px) {
    .contact-edit.chat-alert {
      display: none; } }
.search-contacts {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .search-contacts .form-control {
    padding-inline: 35px; }
    .search-contacts .form-control:focus {
      box-shadow: unset;
      border-color: var(--chart-dashed-border); }
  .search-contacts svg {
    stroke: var(--chart-text-color);
    width: 18px;
    height: 18px;
    left: 10px;
    top: 10px;
    position: absolute; }
    [dir="rtl"] .search-contacts svg {
      left: unset;
      right: 10px; }
  .search-contacts .mic-search {
    right: 10px;
    top: 8px;
    position: absolute;
    left: unset; }
    [dir="rtl"] .search-contacts .mic-search {
      right: unset;
      left: 10px; }

.contact-wrapper {
  padding-top: 14px;
  border-bottom: unset;
  height: 526px;
  overflow-y: auto; }
  .contact-wrapper > p {
    line-height: 0;
    margin: 0;
    padding: 12px 0;
    font-size: 18px;
    font-weight: 500;
    color: var(--body-font-color); }
  .contact-wrapper ul li {
    width: 100%;
    cursor: pointer; }
    .contact-wrapper ul li .chat-time {
      display: flex;
      align-items: center;
      gap: 10px; }
      .contact-wrapper ul li .chat-time img {
        width: 42px;
        height: 42px; }
        @media (max-width: 1650px) {
          .contact-wrapper ul li .chat-time img {
            width: 33px;
            height: 33px; } }
      .contact-wrapper ul li .chat-time > div span {
        color: var(--body-font-color); }
    .contact-wrapper ul li svg {
      width: 18px;
      height: 18px; }
  .contact-wrapper ul:last-child .common-space {
    padding-bottom: unset; }

.right-sidebar-chat {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  z-index: 0;
  border: 2px solid var(--white);
  border-left: unset; }
  [dir="rtl"] .right-sidebar-chat {
    border-right: unset;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  @media (max-width: 767px) {
    .right-sidebar-chat {
      border-radius: 10px; } }
.right-sidebar-title {
  padding: 13px 25px;
  display: flex;
  justify-content: space-between; }
  .right-sidebar-title .common-space {
    width: 100%; }
    .right-sidebar-title .common-space .chat-time {
      display: flex;
      gap: 10px;
      align-items: center; }
      .right-sidebar-title .common-space .chat-time .active-profile img {
        width: 42px;
        height: 42px; }
        @media (max-width: 360px) {
          .right-sidebar-title .common-space .chat-time .active-profile img {
            width: 36px;
            height: 36px; } }
      .right-sidebar-title .common-space .chat-time div p {
        margin: 0;
        color: var(--chart-text-color); }
      .right-sidebar-title .common-space .chat-time ul li img {
        width: 42px;
        height: 42px; }
      .right-sidebar-title .common-space .chat-time.group-chat ul {
        display: flex; }
        .right-sidebar-title .common-space .chat-time.group-chat ul li img {
          border: 3px solid transparent; }
        .right-sidebar-title .common-space .chat-time.group-chat ul li + li {
          margin-left: -12px; }
          [dir="rtl"] .right-sidebar-title .common-space .chat-time.group-chat ul li + li {
            margin-left: unset;
            margin-right: -12px; }
          .right-sidebar-title .common-space .chat-time.group-chat ul li + li img {
            border: 3px solid var(--white); }
        .right-sidebar-title .common-space .chat-time.group-chat ul li img {
          width: 38px;
          height: 38px; }
        .right-sidebar-title .common-space .chat-time.group-chat ul li .profile-count {
          width: 38px;
          height: 38px; }
        @media (min-width: 768px) and (max-width: 1199px) {
          .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(2), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(3), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(5), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(6) {
            display: none; } }
        @media (min-width: 341px) and (max-width: 410px) {
          .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(2), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(3), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(5), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(6) {
            display: none; } }
      @media (max-width: 1045px) {
        .right-sidebar-title .common-space .chat-time.group-chat > div span,
        .right-sidebar-title .common-space .chat-time.group-chat > div p {
          display: none; } }
.msger-chat {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
  background: linear-gradient(0deg, #F5F6FA, #F5F6FA), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  height: 620px; }
  .msger-chat::-webkit-scrollbar {
    width: 6px; }
  .msger-chat::-webkit-scrollbar-track {
    background: #ddd; }
  .msger-chat::-webkit-scrollbar-thumb {
    background: #bdbdbd; }

.msg {
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px; }
  .msg:last-of-type {
    margin: 0; }

.msg-img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  background: #ddd;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%; }
  [dir="rtl"] .msg-img {
    margin-left: 10px;
    margin-right: unset; }

.msg-bubble {
  max-width: 450px;
  padding: 15px;
  border-radius: 15px; }

.msg-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px; }

.msg-info-name {
  margin-right: 10px;
  font-weight: bold; }
  [dir="rtl"] .msg-info-name {
    margin-left: 10px;
    margin-right: unset; }

.msg-info-time {
  font-size: 0.85em; }

.left-msg .msg-img {
  background-image: url(/../images/blog/4.jpg);
  width: 33px;
  height: 33px; }
  @media (max-width: 1200px) {
    .left-msg .msg-img {
      min-width: 16px;
      min-height: 16px; } }
.left-msg .msg-bubble {
  position: relative;
  border-radius: 15px;
  background: rgba(255, 192, 0, 0.8);
  color: var(--chart-text-color);
  width: calc(100% - 33px); }
  [dir="rtl"] .left-msg .msg-bubble {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: unset; }

.right-msg {
  flex-direction: row-reverse; }
  .right-msg .msg-bubble {
    color: var(--white);
    background: rgba(6, 174, 90, 0.8);
    width: calc(100% - 33px); }
    [dir="rtl"] .right-msg .msg-bubble {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: unset; }
  .right-msg .msg-img {
    margin: 0 0 0 10px;
    background-image: url(/../images/blog/comment.jpg);
    width: 33px;
    height: 33px; }
    @media (max-width: 1200px) {
      .right-msg .msg-img {
        min-width: 16px;
        min-height: 16px; } }
.msger-inputarea {
  display: flex;
  padding: 10px;
  border-top: 1px solid var(--chart-dashed-border);
  background: linear-gradient(0deg, #F5F6FA, #F5F6FA), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  align-items: center; }
  .msger-inputarea .dropdown-toggle::after {
    content: unset; }
  .msger-inputarea .dropdown-toggle .dropdown-menu {
    inset: unset !important; }
  .msger-inputarea .dropdown-form {
    position: relative; }
    .msger-inputarea .dropdown-form i {
      font-size: 16px;
      font-weight: 900;
      color: var(--theme-deafult);
      cursor: pointer;
      padding: 0; }
    .msger-inputarea .dropdown-form .chat-icon {
      position: absolute;
      left: 0 !important;
      bottom: 104px !important;
      background: transparent;
      box-shadow: unset; }
      [dir="rtl"] .msger-inputarea .dropdown-form .chat-icon {
        left: unset !important;
        right: 3px !important; }
      .msger-inputarea .dropdown-form .chat-icon div {
        width: 47px;
        height: 47px;
        border-radius: 50%;
        background-color: var(--white);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        opacity: 1; }
        .msger-inputarea .dropdown-form .chat-icon div svg {
          width: 42px;
          height: 42px;
          cursor: pointer; }
        .msger-inputarea .dropdown-form .chat-icon div:nth-child(1) svg {
          fill: var(--chart-text-color);
          stroke: none; }
        .msger-inputarea .dropdown-form .chat-icon div:nth-child(2) svg {
          stroke: var(--chart-text-color);
          fill: none; }
        .msger-inputarea .dropdown-form .chat-icon div:hover {
          background-color: var(--theme-deafult);
          opacity: 1; }
          .msger-inputarea .dropdown-form .chat-icon div:hover:nth-child(1) svg {
            fill: var(--white); }
          .msger-inputarea .dropdown-form .chat-icon div:hover:nth-child(2) svg {
            stroke: var(--white); }
  .msger-inputarea .msger-send-btn i {
    color: var(--white); }
  .msger-inputarea * {
    padding: 10px;
    border: none;
    border-radius: 3px;
    font-size: 1em; }

.msger-input {
  flex: 1;
  background: transparent; }
  .msger-input:focus, .msger-input:focus-visible {
    outline: unset; }

.fg-emoji-container {
  left: calc(10px + (1405 - 10) * ((100vw - 320px) / (1920 - 320))) !important; }
  [dir="rtl"] .fg-emoji-container {
    right: calc(10px + (1405 - 10) * ((100vw - 320px) / (1920 - 320))) !important;
    left: unset !important; }
  @media (min-width: 860px) and (max-width: 945px) {
    .fg-emoji-container {
      left: 417px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 417px; } }
  @media (min-width: 686px) and (max-width: 860px) {
    .fg-emoji-container {
      left: 360px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 360px; } }
  @media (min-width: 588px) and (max-width: 770px) {
    .fg-emoji-container {
      left: 200px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 200px; } }
  @media (min-width: 546px) and (max-width: 588px) {
    .fg-emoji-container {
      left: 144px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 144px; } }
  @media (min-width: 500px) and (max-width: 546px) {
    .fg-emoji-container {
      left: 88px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 88px; } }
  @media (max-width: 500px) {
    .fg-emoji-container {
      left: 22px !important;
      width: 262px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 22px; } }
  .fg-emoji-container .fg-emoji-nav {
    background-color: var(--chart-text-color); }
  .fg-emoji-container #fg-emoji-picker-move {
    display: none; }

.open-emoji {
  padding: 0; }
  .open-emoji button {
    z-index: 0;
    position: relative;
    padding: 0 14px;
    background: transparent; }
    .open-emoji button::before {
      content: "\f118";
      font-family: "FontAwesome";
      z-index: 1;
      position: relative;
      font-size: 20px;
      color: var(--text-gray); }

.second-btn {
  z-index: 0;
  position: relative;
  padding: 0 14px;
  background: transparent; }
  .second-btn::before {
    content: "\f118";
    font-family: "FontAwesome";
    z-index: 1;
    position: relative;
    font-size: 20px;
    color: var(--text-gray); }

.msger-send-btn {
  margin-left: 10px;
  background: var(--theme-deafult);
  width: 40px;
  height: 39px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.23s;
  display: flex;
  align-items: center;
  justify-content: center; }
  [dir="rtl"] .msger-send-btn {
    margin-left: unset;
    margin-right: 10px; }
  .msger-send-btn svg {
    width: 1px;
    height: 12px; }

.custom-name {
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px; }
  @media (max-width: 1650px) {
    .custom-name {
      width: 33px;
      height: 33px; } }
/**=====================
    14.  Chat CSS Ends
==========================**/
/**=====================
   3.6 Checkout CSS start
==========================**/
.checkout .checkout-details {
  background-color: #f9f9f9;
  border: 1px solid #dddddd;
  padding: 40px; }
  .checkout .checkout-details .order-place {
    margin-top: 15px; }

.order-box .title-box {
  padding-bottom: 20px;
  color: #444444;
  font-size: 22px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 20px; }
  .order-box .title-box span {
    width: 35%;
    float: right;
    font-weight: 600;
    text-align: right; }
  .order-box .title-box h4 {
    font-weight: 600; }
  .order-box .title-box .checkbox-title {
    display: flex;
    justify-content: space-between; }

.order-box .sub-total li {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 20px;
  margin-bottom: 20px;
  width: 100%; }
  .order-box .sub-total li .count {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    width: 35%;
    float: right;
    text-align: right; }

.order-box .sub-total .shipping-class {
  margin-bottom: 12px; }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    margin-top: -4px;
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: var(--theme-deafult);
    font-weight: 400;
    width: 35%;
    float: right;
    text-align: right; }

.order-box .total {
  position: relative;
  margin-bottom: 30px; }
  .order-box .total li {
    position: relative;
    display: block;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    font-size: 18px; }

.order-box .qty {
  position: relative;
  border-bottom: 1px solid #ededed;
  margin-bottom: 30px; }
  .order-box .qty li {
    position: relative;
    display: block;
    font-size: 15px;
    color: #444444;
    line-height: 20px;
    margin-bottom: 20px; }
    .order-box .qty li span {
      float: right;
      font-size: 18px;
      line-height: 20px;
      color: #232323;
      font-weight: 400;
      width: 35%;
      text-align: right; }

.radio-option {
  position: relative; }

.img-paypal {
  width: 30%;
  margin-left: 15px; }

/**=====================
    86. Checkout CSS Ends
==========================**/
/**=====================
    Responsive CSS Start
==========================**/
@media screen and (max-width: 1199px) {
  .checkout .checkout-details {
    padding: 25px; }
  .order-box .title-box span {
    width: 30%; }
  .order-box .sub-total li .count {
    width: 38%; }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 46%; }
  .order-box .qty li span {
    width: 38%; }
  .order-box .total li .count {
    width: 38%; } }

@media screen and (max-width: 991px) {
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 38%; } }

@media screen and (max-width: 575px) {
  .checkout .checkout-details {
    padding: 15px; }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 50%; }
  .order-box .sub-total li .count {
    width: 50%; } }

/**=====================
   3.6 Checkout CSS ends
==========================**/
/**=====================
    3.7 Comingsoon CSS Start
==========================**/
.comingsoon-bgimg {
  background: url(/../images/admin/other-images/coming-soon-bg.jpg);
  background-position: bottom;
  background-size: cover; }

.comingsoon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 50px 0; }
  .comingsoon .comingsoon-inner h5 {
    font-size: 18px;
    letter-spacing: 1px;
    color: #051A1A;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 30px; }
  .comingsoon .comingsoon-inner .countdown {
    padding: 30px 0;
    border-top: 1px solid #E6E9EB;
    border-bottom: 1px solid #E6E9EB; }
    .comingsoon .comingsoon-inner .countdown .time {
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      color: #fff;
      font-weight: 500;
      width: 100px;
      height: 100px;
      font-size: 36px;
      background: var(--theme-deafult); }
    .comingsoon .comingsoon-inner .countdown .title {
      padding-top: 13px;
      font-size: 14px;
      font-weight: 400;
      color: #051A1A;
      text-transform: uppercase;
      letter-spacing: 1px; }
    .comingsoon .comingsoon-inner .countdown ul li {
      display: inline-block;
      text-transform: uppercase;
      margin: 0 20px; }
      .comingsoon .comingsoon-inner .countdown ul li span {
        display: block; }
  .comingsoon video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    transition: 1s opacity; }

/**=====================
  3.7 Comingsoon CSS Ends
==========================**/
/**=====================
    3.8 Contacts CSS Start
==========================**/
.alert-contactadd {
  background-color: #fff;
  border: 1px solid var(--theme-deafult);
  width: 12%;
  padding: 10px; }

.updateimg {
  position: absolute;
  left: 15px;
  width: 100px;
  top: 32px;
  line-height: 93px;
  opacity: 0; }

#right-history {
  top: 81px;
  right: -320px;
  height: 100%;
  position: fixed;
  width: 320px;
  z-index: 9;
  background-color: #fff;
  transition: .5s;
  box-shadow: 0 0 9px rgba(191, 191, 191, 0.36); }
  [dir="rtl"] #right-history {
    right: unset;
    left: -320px; }
  #right-history .modal-header {
    border-bottom: 1px solid #E6E9EB; }
  #right-history h6 span a {
    color: #051A1A; }
  #right-history.show {
    right: 0;
    transition: .3s; }
    [dir="rtl"] #right-history.show {
      right: unset;
      left: 0; }

.history-details > div {
  padding: 30px 0; }

.history-details .media {
  padding: 30px 15px;
  border-top: 1px solid #E6E9EB; }
  .history-details .media i {
    padding: 5px;
    background: #fed112;
    color: #fff;
    border-radius: 100%; }
  .history-details .media h6 {
    margin-bottom: 5px; }

.delete-contact {
  display: none; }

.more-data {
  animation: displayTransition 1s; }

.contact-editform {
  padding: 30px;
  animation: displayTransition 1s; }
  .contact-editform a {
    display: block; }
  .contact-editform button {
    margin-top: 30px; }
  .contact-editform .select2-container .select2-selection--single {
    height: 39px !important;
    border-color: #ced4da !important; }

#deletemodal .modal-header {
  border-bottom: none; }
  #deletemodal .modal-header .delete-data span svg {
    vertical-align: middle;
    margin-right: 15px; }

.contact-options li .btn-category {
  line-height: 39px;
  border-radius: 3px;
  padding-left: 40px !important;
  padding: 0;
  color: var(--theme-deafult);
  font-weight: 500; }

.list-persons p {
  font-family: "Montserrat", sans-serif; }

.list-persons .profile-mail {
  padding: 30px 0; }
  .list-persons .profile-mail .media img {
    height: 50px;
    width: 50px !important; }
  .list-persons .profile-mail .media .media-body ul {
    margin-top: 5px; }
    .list-persons .profile-mail .media .media-body ul li {
      display: inline-block; }
      .list-persons .profile-mail .media .media-body ul li a {
        font-size: 13px; }
      .list-persons .profile-mail .media .media-body ul li + li {
        padding-left: 10px;
        margin-left: 5px;
        border-left: 2px solid #E6E9EB; }
  .list-persons .profile-mail .email-general {
    padding-top: 50px; }
    .list-persons .profile-mail .email-general ul {
      padding-right: 20px; }
      .list-persons .profile-mail .email-general ul li {
        color: #898989;
        padding-bottom: 10px;
        margin-bottom: 10px; }
        .list-persons .profile-mail .email-general ul li:last-child {
          padding-bottom: 0;
          margin-bottom: 0; }
        .list-persons .profile-mail .email-general ul li > span {
          float: right; }
    .list-persons .profile-mail .email-general p span {
      margin-left: 30px; }
    .list-persons .profile-mail .email-general .gender {
      margin-top: 30px; }

.contacts-tabs .nav-pills {
  border-right: 1px solid #E6E9EB;
  height: 100%; }
  .contacts-tabs .nav-pills .nav-link.active,
  .contacts-tabs .nav-pills .nav-link > .nav-link,
  .contacts-tabs .nav-pills .show.active,
  .contacts-tabs .nav-pills .show > .nav-link {
    background-color: rgba(0, 102, 102, 0.05);
    color: #051A1A; }
  .contacts-tabs .nav-pills .nav-link {
    color: #051A1A;
    padding: 0; }
    .contacts-tabs .nav-pills .nav-link .media .img-50 {
      height: 50px; }
    .contacts-tabs .nav-pills .nav-link + .nav-link {
      border-top: 1px solid #E6E9EB;
      border-radius: 0px; }
  .contacts-tabs .nav-pills .media {
    padding: 20px; }

.contacts-tabs .tab-content .tab-content-child {
  animation: displayTransition 1s; }

@media only screen and (max-width: 991px) {
  #right-history {
    top: 60px; }
  .updateimg {
    top: 21px; }
  .list-persons .profile-mail {
    padding: 20px; }
    .list-persons .profile-mail .email-general .gender {
      margin-top: 20px; }
  .contact-editform button {
    margin-top: 20px; } }

@media only screen and (max-width: 767px) {
  .contact-editform {
    padding: 20px; }
    .contact-editform.pl-0 {
      padding-left: 20px !important; }
  .contacts-tabs .nav-pills {
    border-right: none;
    border-bottom: 1px solid #E6E9EB; } }

@media only screen and (max-width: 575px) {
  #right-history {
    width: 270px; }
  .updateimg {
    top: 16px;
    left: 29px; }
  .contacts-tabs .media img.m-r-20 {
    margin-right: 15px; }
  .contacts-tabs .nav-pills .media {
    padding: 15px; }
  .list-persons .profile-mail {
    padding: 15px; }
    .list-persons .profile-mail .email-general .gender {
      margin-top: 15px; }
  .list-persons .nav-pills .nav-link .media .media-body {
    text-align: left; }
  .contact-editform {
    padding: 15px; }
    .contact-editform button {
      margin-top: 15px; }
    .contact-editform.pl-0 {
      padding-left: 15px !important; }
  .contact-editform form .row > div .row > div > div,
  .contact-options form .row > div .row > div > div {
    margin-bottom: 0; }
  .contact-editform form .row > div .row > div + div,
  .contact-options form .row > div .row > div + div {
    margin-top: 15px; } }

@media only screen and (max-width: 360px) {
  .updateimg {
    line-height: 73px;
    width: 80px; }
  .list-persons .profile-mail .email-general p span {
    margin-left: 10px; }
  .list-persons .profile-mail .media {
    display: block; }
    .list-persons .profile-mail .media img {
      height: 80px;
      width: 80px !important;
      margin-bottom: 15px; } }

.dark-contact .nav .nav-link .media .media-body h6 {
  color: var(--body-font-color); }

/**=====================
   3.8 Contacts CSS Ends
==========================**/
/**=====================
    3.9 Dashboard_2 CSS Start
==========================**/
.widget-decor {
  position: absolute;
  height: 60px;
  right: 0;
  top: 50%;
  transform: translateY(-50%); }

.activity-group::before {
  content: "";
  border-left: 1px dashed #E6E9EB;
  position: absolute;
  left: 0px;
  height: calc(100% - 50px); }

.balance-widget {
  background-image: url(/../images/dashboard-2/balance-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right; }
  .balance-widget .mobile-right-img {
    position: absolute;
    top: 10px;
    right: 15px; }
    .balance-widget .mobile-right-img .left-mobile-img {
      margin-right: -20px; }
    .balance-widget .mobile-right-img .mobile-img {
      height: 130px; }
    [dir="rtl"] .balance-widget .mobile-right-img {
      right: unset;
      left: 15px; }
    @media (max-width: 480px) {
      .balance-widget .mobile-right-img {
        right: 0; }
        .balance-widget .mobile-right-img .mobile-img {
          height: 100px; }
        [dir="rtl"] .balance-widget .mobile-right-img {
          right: unset;
          left: 0; } }
  [dir="rtl"] .balance-widget {
    text-align: right; }
  .balance-widget.card-body {
    padding: 20px 15px; }
  .balance-widget .purchase-btn {
    min-width: 170px; }

.range_4 .slider-container {
  position: relative;
  height: 45px;
  margin: 0 20px; }
  .range_4 .slider-container .range-slider_thumb {
    width: 46px;
    height: 26px;
    border-radius: 6px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #006666;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    z-index: 2; }
    [data-theme="dark"] .range_4 .slider-container .range-slider_thumb {
      background-color: var(--body-color); }
  .range_4 .slider-container .range-slider_line {
    height: 7px;
    width: 100%;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 10px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    position: absolute;
    z-index: 1; }
    [data-theme="dark"] .range_4 .slider-container .range-slider_line {
      background-color: var(--body-color); }
    .range_4 .slider-container .range-slider_line .range-slider_line-fill {
      position: absolute;
      height: 7px;
      width: 0;
      background-color: #006666;
      border-radius: 10px 0 0 10px; }
  .range_4 .slider-container .range-slider_input {
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 4px;
    opacity: 0;
    margin: 0; }
    .range_4 .slider-container .range-slider_input::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 100px;
      height: 100px;
      cursor: pointer;
      border-radius: 50%;
      opacity: 0; }
    .range_4 .slider-container .range-slider_input::-moz-range-thumb {
      width: 14vmin;
      height: 14vmin;
      cursor: pointer;
      border-radius: 50%;
      opacity: 0; }

.small-widget {
  overflow: hidden; }
  .small-widget .card-body {
    padding: 20px; }
    .small-widget .card-body h6 {
      font-size: 14px;
      font-weight: 500;
      color: var(--body-font-color); }
    .small-widget .card-body .product-sub {
      height: 45px;
      width: 45px;
      border-radius: 6px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .small-widget .card-body .product-sub .invoice-icon {
        height: 24px;
        cursor: pointer;
        width: 24px; }
  .small-widget:hover {
    transform: translateY(-5px);
    transition: 0.5s; }
    .small-widget:hover .project-details svg {
      animation: tada 1.5s ease infinite; }
    .small-widget:hover .bg-gradient svg {
      animation: tada 1.5s ease infinite; }

@media (max-width: 1470px) {
  .appointment .customer-table {
    height: 268px; } }

@media (max-width: 1399px) {
  .appointment .customer-table {
    height: unset; } }

.order-wrapper {
  margin: 0 -24px -17px -17px; }

.categories-list {
  display: flex;
  flex-direction: column;
  gap: 18px; }
  @media (max-width: 767px) {
    .categories-list {
      flex-direction: row;
      flex-wrap: wrap; } }
  .categories-list li {
    gap: 10px; }
    .categories-list li .bg-light {
      min-width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .categories-list li .bg-light img {
        width: 25px;
        height: 25px;
        object-fit: contain;
        transition: 0.5s; }
    .categories-list li h6 a {
      transition: 0.5s;
      color: var(--body-font-color); }
    .categories-list li:hover .bg-light img {
      transition: 0.5s;
      transform: scale(1.1); }
    .categories-list li:hover h6 a {
      transition: 0.5s;
      color: var(--theme-deafult); }

.monthly-profit {
  margin-top: -10px; }
  @media (max-width: 1584px) {
    .monthly-profit {
      margin: -10px -8px 0; } }
  @media (max-width: 1520px) {
    .monthly-profit {
      margin: -10px -16px 0; } }
  @media (max-width: 1500px) {
    .monthly-profit {
      margin: -10px -14px 0; } }
  @media (max-width: 1472px) {
    .monthly-profit {
      margin: -10px -20px 0; } }
  @media (max-width: 1424px) {
    .monthly-profit {
      margin: -10px -25px 0; } }
  .monthly-profit .apexcharts-canvas .apexcharts-legend-marker {
    margin-right: 6px; }
  .monthly-profit .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-value {
    font-size: 14px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif !important;
    fill: var(--chart-text-color); }

.overview-wrapper {
  position: relative;
  z-index: 1; }

.back-bar-container {
  position: absolute;
  width: calc(100% - 64px);
  bottom: -8px;
  margin: 0 auto !important;
  left: 28px; }
  @media (max-width: 1199px) {
    .back-bar-container {
      bottom: 22px; } }
  @media (max-width: 480px) {
    .back-bar-container {
      width: calc(100% - 34px);
      left: 18px; } }
  @media (max-width: 327px) {
    .back-bar-container {
      bottom: 42px; } }
.overview-card .balance-data {
  right: 12px; }
  [dir="rtl"] .overview-card .balance-data {
    right: unset;
    left: 12px; }
  @media (max-width: 767px) {
    .overview-card .balance-data {
      right: -40%; }
      [dir="rtl"] .overview-card .balance-data {
        left: -40%; } }
.order-container .apexcharts-canvas .apexcharts-marker {
  stroke-width: 4; }

.purchase-card.discover {
  margin-top: 102px; }
  .purchase-card.discover img {
    width: 224px;
    margin: 0 auto;
    margin-top: -90px; }
    @media (max-width: 1550px) {
      .purchase-card.discover img {
        margin-top: -110px; } }
    @media (max-width: 1399px) {
      .purchase-card.discover img {
        margin-top: -90px; } }
    @media (max-width: 991px) {
      .purchase-card.discover img {
        margin-top: -110px; } }
    @media (max-width: 618px) {
      .purchase-card.discover img {
        width: 200px; } }
.visitor-card .card-header svg {
  width: 18px;
  height: 18px;
  fill: var(--theme-deafult); }

.visitors-container {
  margin: 0 -12px -27px -17px; }
  .visitors-container svg .apexcharts-series path {
    clip-path: inset(1% 0% 0% 0% round 3rem); }
  .visitors-container svg .apexcharts-legend.apexcharts-align-left .apexcharts-legend-series {
    display: flex; }

.recent-order .nav {
  gap: 8px;
  flex-wrap: nowrap;
  overflow: auto;
  padding-bottom: 5px;
  display: flex; }

.recent-order .frame-box {
  border: 1px solid transparent;
  padding: 0;
  transition: 0.5s; }
  .recent-order .frame-box.active {
    border: 1px solid var(--theme-deafult); }
  .recent-order .frame-box:hover {
    transform: translateY(-5px);
    transition: 0.5s; }

.recent-order .tab-content {
  margin-top: 16px; }

.recent-table table thead {
  background: var(--light2); }
  .recent-table table thead th {
    padding-top: 9px;
    padding-bottom: 9px;
    border-bottom: none; }

.recent-table table tr td,
.recent-table table tr th {
  padding: 12px 8px;
  vertical-align: middle; }
  .recent-table table tr td:first-child,
  .recent-table table tr th:first-child {
    min-width: 157px; }
  @media (max-width: 1660px) {
    .recent-table table tr td:nth-child(2),
    .recent-table table tr th:nth-child(2) {
      min-width: 97px; } }
  .recent-table table tr td:last-child,
  .recent-table table tr th:last-child {
    min-width: 96px; }

.recent-table table tr td:first-child {
  padding-left: 0; }
  [dir="rtl"] .recent-table table tr td:first-child {
    padding-left: unset;
    padding-right: 0; }

.recent-table table tr td:last-child {
  padding-right: 0; }
  [dir="rtl"] .recent-table table tr td:last-child {
    padding-left: 0;
    padding-right: unset; }

.recent-table table tr:last-child td {
  padding-bottom: 0;
  border-bottom: none; }

.recent-table table tr .product-content h6 a {
  color: var(--body-font-color);
  transition: 0.5s; }

.recent-table table tr:hover .product-content h6 a {
  color: var(--theme-deafult);
  transition: 0.5s; }

.recent-table .product-content {
  display: flex;
  align-items: center;
  gap: 8px; }
  .recent-table .product-content .order-image {
    background: var(--light2);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center; }

.recent-table svg {
  width: 20px;
  height: 20px; }

.recent-table .recent-status {
  display: flex;
  align-items: center; }
  .recent-table .recent-status.font-success svg {
    fill: #00AC46; }
  .recent-table .recent-status.font-danger svg {
    fill: #FE6A49; }

.recent-activity h5 {
  padding: 30px 0 20px;
  margin-bottom: 0; }

.recent-activity h6 {
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box; }

.recent-activity ul li span {
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box; }

.notification li .recent-images ul::before {
  display: none; }

.notification li .recent-images li {
  padding-bottom: 3px; }

.recent-images {
  margin-top: 10px; }
  .recent-images ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px; }
  .recent-images li {
    border: 1px dashed var(--recent-dashed-border);
    padding: 3px;
    border-radius: 2px; }
    .recent-images li .recent-img-wrap {
      width: 40px;
      height: 40px;
      background: var(--light2);
      display: flex;
      align-items: center;
      justify-content: center; }

.frame-box {
  background: var(--recent-box-bg);
  border-radius: 10px;
  min-width: 76px;
  box-shadow: 2px 2px 2px var(--recent-border); }
  @media (max-width: 575px) {
    .frame-box {
      min-width: 65px; } }
  .frame-box .frame-image {
    min-width: 62px;
    height: 62px;
    border-color: var(--recent-border) var(--white) var(--white) var(--recent-border);
    border-width: 1px;
    border-style: solid;
    margin: 6px;
    display: flex;
    align-items: center;
    border-radius: 4px; }
    @media (max-width: 575px) {
      .frame-box .frame-image {
        min-width: 50px;
        height: 50px;
        margin: 4px; } }
  .frame-box img {
    margin: 0 auto; }
    @media (max-width: 575px) {
      .frame-box img {
        height: 30px; } }
.support-ticket-font ul {
  font-size: 12px; }

.new-update .media .media-body span,
.new-update .media .media-body p {
  font-weight: 500; }

.activity-dot-primary {
  min-width: 6px;
  height: 6px;
  background-color: #006666;
  border-radius: 100%;
  outline: 5px solid rgba(0, 102, 102, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-primary {
  min-width: 12px;
  height: 12px;
  background-color: #006666;
  outline: 5px solid rgba(0, 102, 102, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-secondary {
  min-width: 6px;
  height: 6px;
  background-color: #FE6A49;
  border-radius: 100%;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-secondary {
  min-width: 12px;
  height: 12px;
  background-color: #FE6A49;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-success {
  min-width: 6px;
  height: 6px;
  background-color: #00AC46;
  border-radius: 100%;
  outline: 5px solid rgba(0, 172, 70, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-success {
  min-width: 12px;
  height: 12px;
  background-color: #00AC46;
  outline: 5px solid rgba(0, 172, 70, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-danger {
  min-width: 6px;
  height: 6px;
  background-color: #FE6A49;
  border-radius: 100%;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-danger {
  min-width: 12px;
  height: 12px;
  background-color: #FE6A49;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-info {
  min-width: 6px;
  height: 6px;
  background-color: #173878;
  border-radius: 100%;
  outline: 5px solid rgba(23, 56, 120, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-info {
  min-width: 12px;
  height: 12px;
  background-color: #173878;
  outline: 5px solid rgba(23, 56, 120, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-light {
  min-width: 6px;
  height: 6px;
  background-color: #E6E9EB;
  border-radius: 100%;
  outline: 5px solid rgba(230, 233, 235, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-light {
  min-width: 12px;
  height: 12px;
  background-color: #E6E9EB;
  outline: 5px solid rgba(230, 233, 235, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-dark {
  min-width: 6px;
  height: 6px;
  background-color: #2c323f;
  border-radius: 100%;
  outline: 5px solid rgba(44, 50, 63, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-dark {
  min-width: 12px;
  height: 12px;
  background-color: #2c323f;
  outline: 5px solid rgba(44, 50, 63, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-warning {
  min-width: 6px;
  height: 6px;
  background-color: #FFAE1A;
  border-radius: 100%;
  outline: 5px solid rgba(255, 174, 26, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-warning {
  min-width: 12px;
  height: 12px;
  background-color: #FFAE1A;
  outline: 5px solid rgba(255, 174, 26, 0.25);
  position: relative;
  z-index: 2; }

@media only screen and (max-width: 1800px) and (min-width: 1400px) {
  .grid-ed-none {
    display: none !important; }
  .grid-ed-12 {
    width: 100%; } }

@media only screen and (max-width: 1660px) and (min-width: 1400px) {
  .col-ed-12 {
    width: 100%; }
  .col-ed-7 {
    width: 58%; }
  .col-ed-5 {
    width: 42%; }
  .col-ed-9 {
    width: 75%; }
  .col-ed-3 {
    width: 25%; }
  .col-ed-6 {
    width: 50%; }
  .col-ed-4 {
    width: 33.33333333%; }
  .col-ed-8 {
    width: 66.66%; }
  .col-ed-none {
    display: none !important; } }

@media only screen and (max-width: 1660px) and (min-width: 1200px) {
  .xl-30 {
    max-width: 30%;
    flex: 0 0 30%; }
  .xl-70 {
    max-width: 70%;
    flex: 0 0 70%; } }

@media only screen and (max-width: 420px) {
  .size-column .col-6 {
    width: 100%; } }

.total-project .bubbles {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  top: 0;
  left: 0; }

.total-project .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(0, 102, 102, 0.1);
  position: absolute;
  animation: floating 10s infinite ease-in; }
  .total-project .bubble:nth-child(1) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 10%;
    animation-duration: 13s; }
  .total-project .bubble:nth-child(2) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 20%;
    animation-duration: 14s;
    animation-delay: 1s; }
  .total-project .bubble:nth-child(3) {
    height: 24px;
    width: 24px;
    border-radius: 15px;
    left: 35%;
    animation-duration: 16s;
    animation-delay: 3s; }
  .total-project .bubble:nth-child(4) {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    left: 50%;
    animation-duration: 13s;
    animation-delay: 1s; }
  .total-project .bubble:nth-child(5) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 5%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-project .bubble:nth-child(6) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 30%;
    animation-duration: 19s;
    animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.total-Progress .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(255, 174, 26, 0.1);
  position: absolute;
  animation: floating 10s infinite ease-in; }
  .total-Progress .bubble:nth-child(1) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 10%;
    animation-duration: 18s; }
  .total-Progress .bubble:nth-child(2) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 20%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(3) {
    height: 24px;
    width: 24px;
    border-radius: 15px;
    left: 65%;
    animation-duration: 12s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(4) {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    left: 34%;
    animation-duration: 16s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(5) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 5%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(6) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 14%;
    animation-duration: 12s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(7) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 41%;
    animation-duration: 16s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(8) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 3%;
    animation-duration: 11s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(9) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 48%;
    animation-duration: 18s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(10) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 46%;
    animation-duration: 10s;
    animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.total-Complete .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(254, 106, 73, 0.1);
  position: absolute;
  animation: floating 10s infinite ease-in; }
  .total-Complete .bubble:nth-child(1) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 10%;
    animation-duration: 11s; }
  .total-Complete .bubble:nth-child(2) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 20%;
    animation-duration: 15s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(3) {
    height: 24px;
    width: 24px;
    border-radius: 15px;
    left: 35%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(4) {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    left: 60%;
    animation-duration: 19s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(5) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 51%;
    animation-duration: 14s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(6) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 96%;
    animation-duration: 14s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(7) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 69%;
    animation-duration: 18s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(8) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 36%;
    animation-duration: 20s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(9) {
    height: 25px;
    width: 25px;
    border-radius: 30px;
    left: 75%;
    animation-duration: 25s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(10) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 36%;
    animation-duration: 35s;
    animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.total-upcoming {
  border-bottom: 2px solid var(--body-font-color); }
  .total-upcoming .bubble {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    background-color: rgba(108, 117, 125, 0.1);
    position: absolute;
    animation: floating 10s infinite ease-in; }
    .total-upcoming .bubble:nth-child(1) {
      height: 25px;
      width: 25px;
      border-radius: 15px;
      left: 10%;
      animation-duration: 17s; }
    .total-upcoming .bubble:nth-child(2) {
      height: 28px;
      width: 28px;
      border-radius: 15px;
      left: 70%;
      animation-duration: 10s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(3) {
      height: 24px;
      width: 24px;
      border-radius: 15px;
      left: 35%;
      animation-duration: 10s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(4) {
      height: 15px;
      width: 15px;
      border-radius: 15px;
      left: 10%;
      animation-duration: 16s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(5) {
      height: 20px;
      width: 20px;
      border-radius: 15px;
      left: 5%;
      animation-duration: 18s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(6) {
      height: 30px;
      width: 30px;
      border-radius: 15px;
      left: 52%;
      animation-duration: 14s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(7) {
      height: 35px;
      width: 35px;
      border-radius: 15px;
      left: 95%;
      animation-duration: 16s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(8) {
      height: 30px;
      width: 30px;
      border-radius: 15px;
      left: 35%;
      animation-duration: 13s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(9) {
      height: 25px;
      width: 25px;
      border-radius: 15px;
      left: 75%;
      animation-duration: 12s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(10) {
      height: 26px;
      width: 26px;
      border-radius: 15px;
      left: 14%;
      animation-duration: 9s;
      animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.project-details {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .project-details .project-counter {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 6px; }
    .project-details .project-counter span {
      font-size: 13px;
      font-weight: 400; }

.today-work-table .today-working-table tbody tr td {
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px dashed #E6E9EB; }

.today-work-table .today-working-table tbody tr td:nth-child(1) {
  min-width: 165px; }

.today-work-table .today-working-table tbody tr td:nth-child(2) {
  min-width: 170px; }

.today-work-table .today-working-table tbody tr td:nth-child(3) {
  min-width: 94px; }

.today-work-table .today-working-table tbody tr td:nth-child(4) .badge {
  padding: 8px 20px; }

.today-work-table .today-working-table tbody tr:first-child td {
  padding-top: 0px; }

.today-work-table .today-working-table tbody tr td a {
  color: #051A1A;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.today-work-table .today-working-table tbody tr:hover td a {
  color: var(--theme-deafult) !important; }

.today-work-table .today-working-table tbody tr:last-child td {
  padding-bottom: 0px;
  border: none; }

.add-project-link {
  background-color: rgba(68, 198, 198, 0.21);
  height: 5%; }
  .add-project-link .categories {
    background-image: url(/../images/dashboard-2/dashboard-banner.gif);
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    background-position: center; }
  .add-project-link .categories-content {
    padding: 22px 15px; }
    .add-project-link .categories-content p {
      font-size: 13px;
      font-weight: 500;
      margin-bottom: 10px; }
    .add-project-link .categories-content a {
      font-size: 16px;
      font-weight: 700;
      color: #051A1A;
      text-decoration: underline; }

.projectlist-card {
  border: 1px solid #ecf3fa;
  border-radius: 8px; }
  .projectlist-card .projectlist {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    padding: 20px 20px 0px; }
    .projectlist-card .projectlist .project-data {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px; }
      .projectlist-card .projectlist .project-data div a {
        color: #051A1A; }
    .projectlist-card .projectlist .nft-img {
      border-radius: 4px; }
    .projectlist-card .projectlist .badge-primary {
      color: #006666; }
  .projectlist-card .project-comment {
    padding: 0px 20px;
    margin-top: 8px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .projectlist-card .project-comment .project-comment-icon {
      display: flex;
      align-items: center;
      gap: 15px;
      position: relative; }
      .projectlist-card .project-comment .project-comment-icon svg {
        height: 16px;
        width: 16px; }
      .projectlist-card .project-comment .project-comment-icon span {
        font-weight: 500;
        font-size: 12px;
        color: var(--body-font-color); }
      .projectlist-card .project-comment .project-comment-icon .project-link {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px; }
        .projectlist-card .project-comment .project-comment-icon .project-link::before {
          height: 17px;
          width: 1px;
          background-color: var(--body-font-color);
          position: absolute;
          content: "";
          right: 35px; }
  .projectlist-card .project-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 20px; }
    .projectlist-card .project-date span:last-child {
      color: #FE6A49; }

.project-meeting-details {
  border-top: 1px solid #E6E9EB;
  margin-top: 10px; }
  .project-meeting-details .project-meeting {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 20px;
    margin-bottom: 3px;
    margin-top: 20px; }
    .project-meeting-details .project-meeting span {
      font-weight: 500;
      font-size: 12px;
      color: var(--body-font-color); }
  .project-meeting-details .project-meeting-time {
    padding: 0px 20px;
    margin-top: 3px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .project-meeting-details .project-meeting-time a {
      color: #051A1A; }
  .project-meeting-details:hover a {
    color: #006666; }

.avatar-showcase img.img-25 {
  width: 25px;
  height: 25px; }

.client-list-table table tbody tr td {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E6E9EB;
  padding-top: 15px;
  padding-bottom: 15px; }
  .client-list-table table tbody tr td a {
    color: #051A1A; }
  .client-list-table table tbody tr td .product-sub svg {
    height: 28px;
    width: 28px;
    cursor: pointer; }
  .client-list-table table tbody tr td .user-id {
    display: flex;
    align-items: center;
    position: relative;
    min-width: 195px; }
    .client-list-table table tbody tr td .user-id::before {
      height: 50px;
      width: 1px;
      content: "";
      position: absolute;
      background-color: #E6E9EB;
      right: 11%; }
  .client-list-table table tbody tr td .user-comment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 180px; }

.client-list-table table tbody tr:hover td a {
  color: #006666; }

.client-list-table table tbody tr:first-child td {
  padding-top: 0px; }

.client-list-table table tbody tr:last-child td {
  padding-bottom: 0px;
  border: none; }

.project-table .radial-chart-wrap {
  height: 30px;
  width: 68px; }
  .project-table .radial-chart-wrap > div {
    height: 75px;
    width: 100px; }
    .project-table .radial-chart-wrap > div.widgetsChart .apexcharts-theme-light .apexcharts-graphical .apexcharts-datalabels-group .apexcharts-datalabel-label {
      display: none; }

.project-table .project-comment .project-comment-icon {
  display: flex;
  align-items: center;
  position: relative;
  gap: 15px; }
  .project-table .project-comment .project-comment-icon .project-link {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px; }
    .project-table .project-comment .project-comment-icon .project-link svg {
      height: 16px;
      width: 16px; }
    .project-table .project-comment .project-comment-icon .project-link::before {
      height: 17px;
      width: 1px;
      background-color: #E6E9EB;
      position: absolute;
      content: "";
      left: 47px; }

.activity-log-card ul::before {
  height: calc(100% - 150px);
  border-left: 1px dashed #E6E9EB;
  content: "";
  z-index: 1;
  position: absolute;
  left: 36px; }

.activity-log-card ul li div .username {
  color: #051A1A; }
  .activity-log-card ul li div .username:hover {
    color: #006666; }

.activity-log {
  margin-bottom: 24px; }
  .activity-log .activity-log-img {
    height: 34px;
    width: 34px;
    z-index: 2; }
  .activity-log .user-id {
    margin-bottom: 2px; }
  .activity-log:last-child {
    margin-bottom: 0px; }
  .activity-log h6 {
    display: block;
    margin-bottom: 2px; }
    .activity-log h6 a {
      color: #051A1A;
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box !important;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      white-space: normal; }
  .activity-log:hover h6 a {
    color: #006666 !important; }

.user-message svg {
  height: 24px;
  width: 24px; }

.user-message ul li {
  border-bottom: 1px solid #E6E9EB;
  margin-bottom: 20px; }
  .user-message ul li .activity-log {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 20px;
    position: relative; }
    .user-message ul li .activity-log .status {
      position: absolute;
      height: 9px;
      width: 9px;
      border-radius: 100%;
      bottom: 3px;
      left: 25px;
      z-index: 2; }
      .user-message ul li .activity-log .status.bg-warning {
        border: 1px solid #fff; }
  .user-message ul li:last-of-type .activity-log {
    margin-bottom: 0px; }
  .user-message ul li:last-of-type {
    border: none;
    margin-bottom: 0px; }
  .user-message ul li:last-child .activity-log {
    margin-bottom: 0px; }
  .user-message ul li:last-child {
    border: none;
    margin-bottom: 0px; }

.user-message .activity-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%; }

.project-ideas-card::before {
  background: radial-gradient(circle, #1baeae 2%, #1a9494 50%, #048f8f 100%);
  height: 123px;
  width: 109%;
  content: "";
  position: absolute;
  overflow: hidden;
  top: 0;
  border-radius: 0 0 100% 100%;
  left: 50%;
  transform: translateX(-50%); }
  @media (max-width: 1799px) {
    .project-ideas-card::before {
      height: 102px; } }
.project-ideas-card .project-card {
  background-image: url(/../images/dashboard-2/office-work.gif);
  background-size: contain;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
  padding: 257px 0px;
  border-radius: 5px; }
  @media (max-width: 1875px) {
    .project-ideas-card .project-card {
      padding: 230px 0px; } }
  @media (max-width: 1800px) {
    .project-ideas-card .project-card {
      padding: 228px 0px; } }
  @media (max-width: 1799px) {
    .project-ideas-card .project-card {
      padding: 204px 0px; } }
  .project-ideas-card .project-card span {
    position: absolute;
    top: 20px;
    left: 10px;
    color: #fff; }
  .project-ideas-card .project-card .btn-showcase {
    margin-top: -85px;
    display: flex;
    justify-content: center;
    align-items: center; }

@media (max-width: 1568px) and (min-width: 1501px) {
  .timeline-calendar {
    width: 495px; } }

@media (max-width: 1194px) and (min-width: 768px) {
  .timeline-calendar {
    width: 801px;
    overflow-x: auto; } }

.timeline-calendar .custom-calendar {
  height: 374px !important; }
  @media (max-width: 1799px) {
    .timeline-calendar .custom-calendar {
      height: 334px !important; } }
.project-table {
  overflow-y: hidden; }
  .project-table .invoice-icon {
    height: 24px;
    width: 24px;
    cursor: pointer; }
  .project-table .order-table thead {
    background-color: rgba(230, 233, 235, 0.3); }
    .project-table .order-table thead tr th {
      padding: 20px; }
      .project-table .order-table thead tr th:nth-child(1) {
        min-width: 190px; }
      .project-table .order-table thead tr th:nth-child(2) {
        min-width: 200px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(3) {
        min-width: 130px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(4) {
        min-width: 100px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(5) {
        min-width: 50px; }
      .project-table .order-table thead tr th:first-child {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .project-table .order-table thead tr th:last-child {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; }
  .project-table .order-table tbody tr {
    border-bottom: 1px solid #E6E9EB; }
    .project-table .order-table tbody tr td {
      padding-top: 17px;
      padding-bottom: 17px; }
      .project-table .order-table tbody tr td p {
        color: var(--body-font-color);
        font-weight: 500; }
      .project-table .order-table tbody tr td .status-process {
        border-radius: 15px;
        padding: 12px; }
      .project-table .order-table tbody tr td:last-child .product-sub {
        text-align: center; }
      .project-table .order-table tbody tr td:nth-child(5) span.pending {
        height: 3px;
        width: 3px;
        border-radius: 100%; }
    .project-table .order-table tbody tr:last-child {
      border: none; }
      .project-table .order-table tbody tr:last-child td {
        padding-bottom: 0px;
        margin-bottom: -20px; }
  .project-table .order-table tbody tr td a {
    color: #051A1A;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .project-table .order-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }

@media (max-width: 1599px) {
  .client-list-table .client-list .user-id {
    min-width: 100px; }
  .project-ideas-card {
    padding: 210px 0px; }
    .project-ideas-card .project-card span {
      max-width: 265px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -50px; }
  .small-widget .project-details .project-counter span {
    display: none; }
  .today-work-table table tbody tr td:nth-child(1) {
    min-width: 130px !important; }
  .today-work-table table tbody tr td:nth-child(2) {
    min-width: 126px !important; }
  .user-message .activity-log .activity-name span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .online-store {
    display: none; }
  .card-title-underline a {
    display: none; }
  .activity-log-card .activity-log span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1699px) {
  .project-ideas-card .project-card {
    padding: 192px 0px; }
  .project-ideas-card .btn-showcase {
    margin-top: -85px !important; } }

@media (max-width: 1599px) {
  .project-ideas-card .project-card {
    padding: 208px 0px; }
  .project-ideas-card .btn-showcase {
    margin-top: -85px !important; } }

@media (max-width: 1499px) {
  .project-ideas-card .project-card {
    padding: 190px 0px; }
  .project-ideas-card .btn-showcase {
    margin-top: -62px !important; } }

@media (max-width: 1799px) {
  .client-list-table {
    overflow-y: hidden; }
    .client-list-table .client-list .user-id {
      min-width: 140px; }
      .client-list-table .client-list .user-id .avatars {
        display: none; }
  .activity-log-card .activity-log .user-id span {
    display: none; }
  .activity-log-card .activity-log span {
    max-width: 709px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .today-work-table table tbody tr td:nth-child(3) {
    display: none; }
  .projectlist-card .projectlist .project-data span {
    display: block; }
  .projectlist-card .projectlist span {
    display: none; }
  .projectlist-card .project-meeting-details .project-meeting {
    margin-top: 12px; }
    .projectlist-card .project-meeting-details .project-meeting span:last-child {
      display: none; }
  .projectlist-card .project-meeting-details .project-meeting-time {
    margin-bottom: 12px; }
    .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
      display: none; }
  .client-list-table .client-list .product-sub .invoice-icon {
    display: none; } }

@media (max-width: 1499px) {
  .timeline-calendar .fc-toolbar-chunk {
    display: none; }
  .projectlist-card .project-comment .avatar-showcase ul li:nth-child(3) {
    display: inline-block !important; }
  .projectlist-card .project-comment .avatar-showcase ul li:nth-child(4) {
    display: inline-block !important; } }

@media (max-width: 1399px) {
  .project-details .project-counter span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1199px) {
  .activity-group {
    display: block !important; }
    .activity-group::before {
      display: none; }
  .add-project-link {
    height: 9%; }
    .add-project-link .categories {
      width: 25%; }
  .project-ideas-card .project-card {
    padding: 237px 0px; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -113px !important; }
    .project-ideas-card .project-card span {
      top: 18px;
      left: 11px;
      max-width: 550px; }
  .user-message ul li:nth-child(6) {
    margin-bottom: 0px;
    border-bottom: none; }
    .user-message ul li:nth-child(6) .activity-log {
      margin-bottom: 0px;
      border: none; }
  .user-message ul li:nth-child(7) {
    display: none; }
  .user-message ul li:nth-child(8) {
    display: none; }
  .user-message ul li:last-child {
    display: none; }
  .today-work-table .today-working-table tbody tr td:nth-child(2) {
    min-width: 150px !important; }
  .today-work-table .today-working-table tbody tr td:nth-child(3) {
    display: block; }
  .client-list-table .client-list .user-id {
    min-width: 350px; }
    .client-list-table .client-list .user-id .avatars {
      display: block; }
  .client-list-table .client-list .user-comment .product-sub .invoice-icon {
    display: block; }
  .small-widget .project-details .project-counter span {
    display: block; }
  .today-work-table table tbody tr td:nth-child(1) {
    min-width: 150px !important; }
  .marketing-app-card {
    display: none; }
  .project-table .invoice-icon {
    height: 24px;
    width: 24px;
    cursor: pointer; }
  .project-table .order-table thead {
    background-color: rgba(230, 233, 235, 0.3); }
    .project-table .order-table thead tr th {
      padding: 20px; }
      .project-table .order-table thead tr th:nth-child(1) {
        min-width: 290px; }
      .project-table .order-table thead tr th:nth-child(2) {
        min-width: 200px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(3) {
        min-width: 160px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(4) {
        min-width: 190px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(5) {
        min-width: 50px; }
      .project-table .order-table thead tr th:first-child {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .project-table .order-table thead tr th:last-child {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; }
  .project-table .order-table tbody tr {
    border-bottom: 1px solid #E6E9EB; }
    .project-table .order-table tbody tr td {
      padding-top: 17px;
      padding-bottom: 17px; }
      .project-table .order-table tbody tr td p {
        color: var(--body-font-color);
        font-weight: 500; }
      .project-table .order-table tbody tr td .status-process {
        border-radius: 15px;
        padding: 12px; }
      .project-table .order-table tbody tr td:last-child .product-sub {
        text-align: center; }
    .project-table .order-table tbody tr:last-child {
      border: none; }
      .project-table .order-table tbody tr:last-child td {
        padding-bottom: 0px;
        overflow: hidden; }
  .project-table .order-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; } }

@media (max-width: 992px) {
  .add-project-link {
    height: 9%; }
    .add-project-link .categories {
      width: 25%; }
  .today-work-table table tbody tr td:nth-child(3) {
    display: revert; }
  .timeline-calendar .fc-toolbar-chunk {
    display: block; }
  .project-ideas-card .project-card span {
    top: 18px;
    left: 4px; } }

@media (max-width: 767px) {
  .project-ideas-card::before {
    height: 95px; }
  .project-ideas-card .project-card {
    padding: 341px 0px; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -218px !important; }
    .project-ideas-card .project-card span {
      top: 27px;
      left: 88px; }
  .add-project-link {
    height: 6%; }
    .add-project-link .categories {
      width: 25%; }
  .activity-log-card .activity-log span {
    max-width: 100%; }
  .projectlist-card .projectlist .project-data span {
    display: block; }
  .projectlist-card .projectlist span {
    display: block; }
  .projectlist-card .project-meeting-details .project-meeting span:last-child {
    display: block; }
  .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
    display: block; }
  .client-list-table .client-list .user-id {
    min-width: 240px; }
  .marketing-app-card {
    display: block; }
  .important-project {
    gap: 15px; } }

@media (max-width: 680px) {
  .project-ideas-card .project-card span {
    top: 23px;
    left: 60px; } }

@media (max-width: 610px) {
  .project-ideas-card .project-card span {
    left: 30px; } }

@media (max-width: 575px) {
  .fc-toolbar-chunk .fc-button-group {
    display: none; }
  .project-ideas-card .project-card {
    padding: 581px 0px 0px; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -455px !important; }
    .project-ideas-card .project-card span {
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box !important;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      white-space: normal;
      top: 25px;
      left: 26px; } }

@media (max-width: 480px) {
  .project-ideas-card .project-card {
    padding: 502px 0px 0px !important; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -377px !important; }
    .project-ideas-card .project-card span {
      left: 24px; }
  .timeline-calendar .custom-calendar .time-line table thead tr th.fc-col-header-cell .fc-scrollgrid-sync-inner a {
    font-size: 10px;
    padding: 6px 4px; }
  .projectlist-card .projectlist .project-data span {
    display: block; }
  .projectlist-card .projectlist span {
    display: none; }
  .projectlist-card .project-meeting-details .project-meeting {
    margin-top: 12px; }
    .projectlist-card .project-meeting-details .project-meeting span:last-child {
      display: none; }
  .projectlist-card .project-meeting-details .project-meeting-time {
    margin-bottom: 12px; }
    .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
      display: none; }
  .total-revenue .dropdown-calendar {
    display: none; }
  .projectlist-row justify-content-center .projectlist .project-data span {
    display: block; }
  .projectlist-row justify-content-center .projectlist span {
    display: none; }
  .projectlist-row justify-content-center .project-meeting-details .project-meeting {
    margin-top: 12px; }
    .projectlist-row justify-content-center .project-meeting-details .project-meeting span:last-child {
      display: none; }
  .projectlist-row justify-content-center .project-meeting-details .project-meeting-time {
    margin-bottom: 12px; }
    .projectlist-row justify-content-center .project-meeting-details .project-meeting-time a:last-child {
      display: none; } }

@media (max-width: 399px) {
  .project-ideas-card .project-card {
    padding: 420px 0px 0px !important; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -301px !important; } }

@media (max-width: 1499px) {
  .project-table .order-table thead tr th:nth-child(3) {
    display: none; }
  .project-table .order-table tbody tr td:nth-child(3) {
    display: none; } }

@media (max-width: 1399px) {
  .project-table .order-table thead tr th:nth-child(3) {
    display: block; }
  .project-table .order-table tbody tr td:nth-child(3) {
    display: block; } }

@media (max-width: 360px) {
  .timeline-calendar .custom-calendar .time-line table thead tr th.fc-col-header-cell .fc-scrollgrid-sync-inner a {
    font-size: 10px;
    padding: 6px 0px; }
  .projectlist-card .project-date span:last-child {
    display: none; }
  .projectlist-card .project-comment .project-comment-icon {
    display: none; } }

.total-revenue {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .total-revenue span {
    color: var(--body-font-color);
    font-weight: 500; }
  .total-revenue a {
    font-weight: 600; }

/**=====================
    3.9 Dashboard_2 CSS End
==========================**/
/**=====================
    3.10 Dashboard_3 CSS Start
==========================**/
@keyframes hand-move {
  0% {
    transform: rotate(0deg); }
  20% {
    transform: rotate(15deg); }
  50% {
    transform: rotate(0deg); }
  80% {
    transform: rotate(-15deg); }
  100% {
    transform: rotate(0deg); } }

.course-box {
  overflow: hidden; }
  .course-box .card-body {
    padding: 25px 15px; }
    @media (max-width: 1722px) {
      .course-box .card-body {
        padding: 20px 15px; } }
    @media (max-width: 1660px) {
      .course-box .card-body {
        padding: 16px 15px; } }
  @media (max-width: 1660px) {
    .course-box.widget-course .card-body {
      padding: 25px 15px; } }
  .course-box:hover {
    transform: translateY(-5px);
    transition: 0.5s; }
    .course-box:hover .course-icon svg {
      animation: tada 1.5s ease infinite; }

.course-widget {
  display: flex;
  gap: 8px; }
  .course-widget .course-icon {
    position: relative;
    width: 54px;
    height: 54px;
    clip-path: polygon(40% 7.67949%, 43.1596% 6.20615%, 46.52704% 5.30384%, 50% 5%, 53.47296% 5.30384%, 56.8404% 6.20615%, 60% 7.67949%, 81.65064% 20.17949%, 84.50639% 22.17911%, 86.97152% 24.64425%, 88.97114% 27.5%, 90.44449% 30.6596%, 91.34679% 34.02704%, 91.65064% 37.5%, 91.65064% 62.5%, 91.34679% 65.97296%, 90.44449% 69.3404%, 88.97114% 72.5%, 86.97152% 75.35575%, 84.50639% 77.82089%, 81.65064% 79.82051%, 60% 92.32051%, 56.8404% 93.79385%, 53.47296% 94.69616%, 50% 95%, 46.52704% 94.69616%, 43.1596% 93.79385%, 40% 92.32051%, 18.34936% 79.82051%, 15.49361% 77.82089%, 13.02848% 75.35575%, 11.02886% 72.5%, 9.55551% 69.3404%, 8.65321% 65.97296%, 8.34936% 62.5%, 8.34936% 37.5%, 8.65321% 34.02704%, 9.55551% 30.6596%, 11.02886% 27.5%, 13.02848% 24.64425%, 15.49361% 22.17911%, 18.34936% 20.17949%);
    background: linear-gradient(310.31deg, #FF3364 14.71%, #FF7F9E 100%);
    display: flex;
    align-items: center;
    justify-content: center; }
    .course-widget .course-icon svg {
      width: 26px;
      height: 26px;
      fill: #fff; }
    .course-widget .course-icon.warning {
      background: linear-gradient(297.08deg, #FF9E2A -4.53%, #FFA941 98.25%); }
  .course-widget .btn-light {
    background: var(--course-light-btn) !important;
    border: none; }
  .course-widget a {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    margin-top: 25px; }
    .course-widget a span {
      display: block;
      margin-bottom: -5px; }
    .course-widget a svg {
      width: 13px;
      height: 13px; }

.get-card .card-header {
  padding-left: 20px;
  padding-right: 20px; }

.square-group {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: scaleX(-1); }
  [dir="rtl"] .square-group {
    right: unset;
    left: 0; }
  .square-group .square-1 {
    width: 12px;
    height: 18px; }
  .square-group .square-2 {
    width: 12px;
    height: 10px;
    margin-bottom: -10px; }
  .square-group .square-3 {
    width: 18px;
    height: 10px;
    margin-left: 10px; }
    [dir="rtl"] .square-group .square-3 {
      margin-left: unset;
      margin-right: 10px; }
  .square-group .square-4 {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: -15px; }
    [dir="rtl"] .square-group .square-4 {
      right: unset;
      left: -15px; }
  .square-group .square-5 {
    width: 6px;
    height: 6px;
    bottom: 22px;
    position: absolute;
    right: -1px; }
    [dir="rtl"] .square-group .square-5 {
      right: unset;
      left: -1px; }
  .square-group .square-6,
  .square-group .square-7 {
    position: absolute;
    width: 4px;
    height: 4px; }
  .square-group .square-6 {
    right: -23px;
    bottom: 5px; }
    [dir="rtl"] .square-group .square-6 {
      right: unset;
      left: -23px; }
  .square-group .square-7 {
    right: 8px;
    bottom: 45px; }
    [dir="rtl"] .square-group .square-7 {
      right: unset;
      left: 8px; }
  .square-group .warning1 {
    background: #FFD497; }
  .square-group .warning {
    background: #FFA73B; }
  .square-group .primary {
    background: #006666; }
  .square-group .danger {
    background: #f54132; }
  .square-group .light {
    background: #E6E8EF; }
  .square-group .success {
    background: #00AC46; }

.progress-chart-wrap {
  margin: -40px 0 -22px; }
  [dir="rtl"] .progress-chart-wrap {
    direction: ltr; }
  @media (max-width: 991px) {
    .progress-chart-wrap {
      margin-top: -18px; } }
  .progress-chart-wrap .apexcharts-canvas {
    margin: 0 auto; }
    .progress-chart-wrap .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-label {
      fill: var(--chart-text-color); }

.get-card .btn {
  margin-top: 15px;
  padding: 8px 15px; }
  .get-card .btn:hover svg {
    transform: translateX(5px);
    transition: 0.5s; }
  .get-card .btn svg {
    width: 13px;
    height: 13px;
    fill: #fff;
    vertical-align: middle;
    transition: 0.5s; }

.default-datepicker .datepicker-inline .datepicker {
  width: auto;
  background: #fff;
  box-shadow: none;
  padding: 0; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content {
    padding: 0; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {
      margin: 27px 0 0;
      padding: 15px 0; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name {
        color: #2b2b2b;
        font-size: 14px; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
      height: 35px;
      width: 14%;
      color: #2b2b2b; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-other-month- {
        color: #2b2b2b;
        opacity: 20%; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-weekend- + .-weekend- {
        color: #FE6A49; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell {
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      z-index: 0;
      letter-spacing: 2px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected- {
        background: var(--theme-deafult);
        color: #fff;
        position: relative;
        box-shadow: 0px 0px 13px 0 rgba(0, 102, 102, 0.5); }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-current- {
        background-color: #00AC46;
        border: none;
        color: #fff; }
        .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-current-::after {
          position: absolute;
          content: '';
          width: 10px;
          height: 10px;
          border: 2px solid var(--white);
          background: #FE6A49;
          right: -3px;
          top: -2px;
          border-radius: 100%; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-focus- {
        color: #fff;
        box-shadow: none; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker-cell .datepicker--cell-month.-current-.-selected- {
      background-color: var(--theme-deafult); }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav {
    border-bottom: none;
    padding: 0;
    text-transform: capitalize;
    margin-top: 0; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action {
      background-color: transparent;
      width: 22px;
      height: 22px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action[data-action="prev"] {
        position: absolute;
        right: 50px; }
        [dir="rtl"] .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action[data-action="prev"] {
          right: unset;
          left: 50px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action svg {
        width: 22px;
        height: 22px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action path {
        stroke: var(--chart-text-color); }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
    color: #2b2b2b;
    font-size: 20px;
    font-weight: 500; }
    @media (max-width: 767px) {
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
        font-size: 14px; } }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
      margin-left: 10px;
      font-weight: 500;
      font-size: 20px;
      color: #2b2b2b; }
      @media (max-width: 767px) {
        .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
          font-size: 14px; } }
.learning-wrap {
  margin: -24px -10px -24px -15px; }

.activity-wrap {
  margin: -22px 0 -22px -28px; }
  [dir="rtl"] .activity-wrap {
    margin: -22px -28px -22px 0; }

.upcoming-event-wrap {
  margin-bottom: -39px;
  margin-left: -24px; }

.course-card .dropdown .dropdown-toggle {
  width: 125px; }

.course-wrapper {
  text-align: center; }
  .course-wrapper .course-icon-box {
    position: relative;
    padding: 8px; }
    @media (max-width: 767px) {
      .course-wrapper .course-icon-box {
        padding: 0; } }
    .course-wrapper .course-icon-box .icon-wrap {
      width: 117px;
      height: 92px;
      background-color: var(--course-bg);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 8px;
      margin: 0 auto;
      box-shadow: -18px 15px 20px rgba(119, 119, 119, 0.25); }
      @media (max-width: 1880px) {
        .course-wrapper .course-icon-box .icon-wrap {
          width: 112px; } }
      @media (max-width: 767px) {
        .course-wrapper .course-icon-box .icon-wrap {
          box-shadow: none; } }
      @media (max-width: 575px) {
        .course-wrapper .course-icon-box .icon-wrap {
          width: 92px;
          height: 82px; } }
      .course-wrapper .course-icon-box .icon-wrap img {
        width: 80px; }
        @media (max-width: 575px) {
          .course-wrapper .course-icon-box .icon-wrap img {
            width: 70px; } }
    .course-wrapper .course-icon-box .arrow-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: calc(100% + 20px);
      height: 100%; }
      [dir="rtl"] .course-wrapper .course-icon-box .arrow-bg {
        left: unset;
        right: 0;
        transform: scaleX(-1); }
      @media (max-width: 767px) {
        .course-wrapper .course-icon-box .arrow-bg {
          display: none; } }
  .course-wrapper h6 {
    margin-top: 25px;
    margin-bottom: 0; }
    @media (max-width: 575px) {
      .course-wrapper h6 {
        margin-top: 15px; } }
.course-main-card {
  display: flex;
  gap: 20px;
  justify-content: center; }
  @media (max-width: 1880px) {
    .course-main-card {
      flex-wrap: wrap; } }
  @media (max-width: 767px) {
    .course-main-card {
      gap: 12px;
      flex-wrap: nowrap; } }
  @media (max-width: 575px) {
    .course-main-card {
      gap: 20px;
      flex-wrap: wrap; } }
  .course-main-card .course-wrapper:last-child .arrow-bg {
    width: 100%; }

.schedule-list {
  display: flex;
  flex-direction: column;
  gap: 20px; }
  @media (max-width: 767px) {
    .schedule-list {
      flex-direction: row; } }
  @media (max-width: 575px) {
    .schedule-list {
      flex-direction: column; } }
  .schedule-list li {
    display: flex;
    align-items: center; }
    .schedule-list li h6 {
      font-size: 14px; }
    .schedule-list li ul {
      column-count: 2;
      column-rule-style: solid;
      column-rule-color: var(--chart-text-color);
      column-gap: 20px;
      column-rule-width: 1px; }
      @media (max-width: 1712px) {
        .schedule-list li ul {
          column-gap: 14px; } }
      @media (max-width: 1199px) {
        .schedule-list li ul {
          display: flex;
          flex-wrap: wrap; } }
      .schedule-list li ul li {
        gap: 6px; }
    .schedule-list li img {
      border-radius: 100%;
      width: 37px;
      height: 37px;
      padding: 3px; }
    .schedule-list li svg {
      width: 15px;
      height: 15px; }
      .schedule-list li svg.f-success {
        fill: #00AC46; }
  .schedule-list > li {
    padding: 15px 20px;
    box-shadow: 4px 7px 17px 5px rgba(46, 35, 94, 0.05);
    gap: 10px;
    position: relative;
    border-radius: 10px; }
    @media (max-width: 1712px) {
      .schedule-list > li {
        padding: 16px 14px; } }
    .schedule-list > li::before {
      position: absolute;
      content: '';
      width: 5px;
      height: 100%;
      left: 0;
      top: 0;
      border-radius: 15px 0 0 15px; }
      [dir="rtl"] .schedule-list > li::before {
        left: unset;
        right: 0;
        border-radius: 0 15px 15px 0; }
    .schedule-list > li.primary::before {
      background-color: var(--theme-deafult); }
    .schedule-list > li.primary img {
      border: 1px solid var(--theme-deafult); }
    .schedule-list > li.warning::before {
      background-color: #FFAE1A; }
    .schedule-list > li.warning img {
      border: 1px solid #FFAE1A; }

.link-only {
  display: flex;
  align-items: center;
  color: #FFFFFF; }
  .link-only svg {
    width: 16px;
    height: 16px; }

.lessons-lists li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 0; }
  .lessons-lists li img {
    transition: 0.5s; }
  .lessons-lists li + li {
    border-top: 1px solid var(--chart-dashed-border); }
  .lessons-lists li:first-child {
    padding-top: 0; }
  .lessons-lists li:last-child {
    padding-bottom: 0; }
  .lessons-lists li:hover img {
    transform: scale(1.1);
    transition: 0.5s; }

.lesson-wrap {
  width: 50px;
  margin-bottom: -11px;
  margin-top: -6px; }
  .lesson-wrap .apexcharts-canvas .apexcharts-datalabel-label {
    display: none; }

@media only screen and (max-width: 575px) {
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
    font-size: 17px; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
      font-size: 17px;
      margin-left: 10px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell {
    font-size: 13px; } }

@media only screen and (max-width: 360px) {
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected-:before {
    height: 36px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
    height: 36px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {
    margin: 13px 0 13px; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name {
      font-size: 12px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
    margin-left: 15px;
    font-size: 25px; } }

.tranaction-table tbody tr td a {
  color: #051A1A !important; }

.revenuegrowth {
  position: relative; }
  .revenuegrowth .apexcharts-xaxistooltip {
    display: none; }
  .revenuegrowth .revenuegrowth-chart::before {
    content: "";
    height: calc(100% - 10px);
    position: absolute;
    background-color: #E6E9EB;
    width: 2px;
    right: 0;
    top: 0; }

.icon-menu-header svg {
  height: 25px;
  width: 25px; }

.revenuegrowth-details {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  gap: 20px; }
  .revenuegrowth-details .growth-details {
    border-bottom: 1px dashed #E6E9EB; }
    .revenuegrowth-details .growth-details span:first-child {
      margin-bottom: 6px; }
    .revenuegrowth-details .growth-details:last-child {
      border: none; }

.boost-up-card {
  background: radial-gradient(circle, #1baeae 2%, #1a9494 50%, #048f8f 100%); }
  .boost-up-card h6 {
    z-index: 2; }

.img-boostup {
  position: absolute;
  top: 0px;
  right: 237px; }
  .img-boostup .img-boostup-img-1 {
    left: -63px;
    top: -114px;
    position: absolute;
    height: 257px; }
  .img-boostup .img-boostup-img-2 {
    position: absolute;
    top: 70px;
    left: -61px;
    height: 187px; }

.progress-value .progress {
  margin-top: -2px !important;
  height: 3px;
  width: 100%; }
  .progress-value .progress .progress-bar {
    background-color: var(--theme-deafult); }

.deliveries-percentage .percentage-data thead tr {
  border-bottom: 1px solid #E6E9EB; }
  .deliveries-percentage .percentage-data thead tr th {
    padding-top: 18px;
    padding-bottom: 18px; }

.deliveries-percentage .percentage-data tbody tr {
  border-bottom: 1px dashed #E6E9EB; }
  .deliveries-percentage .percentage-data tbody tr td {
    padding-top: 18px;
    padding-bottom: 18px; }
    .deliveries-percentage .percentage-data tbody tr td a {
      color: #051A1A; }
  .deliveries-percentage .percentage-data tbody tr:hover td a {
    color: #006666; }
  .deliveries-percentage .percentage-data tbody tr:last-child {
    border: none; }
    .deliveries-percentage .percentage-data tbody tr:last-child td {
      padding-bottom: 0px; }

.top-product-card ul li.top-product {
  border-bottom: 1px solid #E6E9EB;
  padding-top: 16px;
  padding-bottom: 16px; }
  .top-product-card ul li.top-product .product-img {
    height: 60px;
    width: 73px;
    border-radius: 4px; }
  .top-product-card ul li.top-product:last-child {
    border: none;
    padding-bottom: 0px; }
  .top-product-card ul li.top-product:first-child {
    padding-top: 0px; }

.top-product-card ul li .product-items {
  display: flex;
  align-items: end;
  flex-direction: column;
  justify-content: center;
  gap: 3px; }

.top-product-card ul li .product-details {
  display: flex;
  flex-direction: column;
  gap: 3px; }
  .top-product-card ul li .product-details a {
    color: #051A1A !important; }

.top-product-card ul li:hover a {
  color: var(--theme-deafult) !important; }

.new-user ul li {
  border: 1px solid #E6E9EB;
  border-radius: 4px;
  margin-bottom: 18px;
  transition: all .4s; }
  .new-user ul li svg {
    height: 24px;
    width: 24px; }
  .new-user ul li:last-child {
    margin-bottom: 0px; }
  .new-user ul li .user-name {
    padding: 12px;
    align-items: end; }
  .new-user ul li a {
    color: #051A1A !important; }
  .new-user ul li:hover a {
    color: var(--theme-deafult) !important; }

.activity-table table tbody tr:last-child td {
  padding-bottom: 0px; }
  .activity-table table tbody tr:last-child td .team-activity::before {
    height: unset; }

.activity-table table tbody tr td {
  padding: 11px 0px; }
  .activity-table table tbody tr td .team-activity {
    position: relative; }
    .activity-table table tbody tr td .team-activity:before {
      height: 70px;
      border-left: 1px dashed #86909C;
      content: "";
      z-index: 0;
      position: absolute;
      left: 24px;
      top: 0px; }
    .activity-table table tbody tr td .team-activity .activity-data {
      margin-bottom: 18px; }
      .activity-table table tbody tr td .team-activity .activity-data:last-child {
        margin-bottom: 0px; }
      .activity-table table tbody tr td .team-activity .activity-data .subtitle p {
        max-width: 235px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .activity-table table tbody tr td .team-activity .activity-data .common-space {
        position: relative;
        gap: 20px; }
        .activity-table table tbody tr td .team-activity .activity-data .common-space::before {
          content: '';
          height: 100%;
          width: 2px;
          background-color: #E6E9EB;
          position: absolute;
          top: 0px;
          right: 0px; }
      .activity-table table tbody tr td .team-activity .activity-data .user-activity {
        min-width: 200px;
        position: relative; }
        .activity-table table tbody tr td .team-activity .activity-data .user-activity .rounded-circle {
          border: 1px dashed #86909C; }
        .activity-table table tbody tr td .team-activity .activity-data .user-activity::before {
          content: '';
          height: 100%;
          width: 2px;
          background-color: #E6E9EB;
          position: absolute;
          top: 0px;
          right: 0px; }
      .activity-table table tbody tr td .team-activity .activity-data .activity-time {
        min-width: 120px;
        position: relative; }
        .activity-table table tbody tr td .team-activity .activity-data .activity-time span::before {
          content: '';
          height: 4px;
          width: 4px;
          background-color: #E6E9EB;
          position: absolute;
          top: 8px;
          left: -9px;
          border-radius: 15px; }
      .activity-table table tbody tr td .team-activity .activity-data a {
        color: #051A1A !important; }
      .activity-table table tbody tr td .team-activity .activity-data:hover a {
        color: var(--theme-deafult) !important; }
  .activity-table table tbody tr td:last-child:before {
    display: none; }

.visited-dropdown {
  padding: 8px;
  border: 1px solid #E6E9EB;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .visited-dropdown svg {
    height: 25px;
    width: 25px; }

.tranaction-table thead {
  background-color: rgba(230, 233, 235, 0.3); }
  .tranaction-table thead tr th {
    padding: 20px; }
    .tranaction-table thead tr th:nth-child(1) {
      min-width: 160px; }
    .tranaction-table thead tr th:nth-child(2) {
      min-width: 150px;
      padding: 20px 0px; }
    .tranaction-table thead tr th:nth-child(3) {
      min-width: 130px;
      padding: 20px 0px; }
    .tranaction-table thead tr th:nth-child(4) {
      min-width: 100px;
      padding: 20px 0px; }
    .tranaction-table thead tr th:nth-child(5) {
      min-width: 50px; }
    .tranaction-table thead tr th:first-child {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important; }
    .tranaction-table thead tr th:last-child {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }

.tranaction-table tbody tr {
  border-bottom: 1px solid #E6E9EB; }
  .tranaction-table tbody tr td {
    padding-top: 17px;
    padding-bottom: 17px; }
    .tranaction-table tbody tr td .status-process {
      border-radius: 15px;
      padding: 12px; }
    .tranaction-table tbody tr td:last-child .product-sub {
      text-align: center; }
  .tranaction-table tbody tr:last-child {
    border: none; }
    .tranaction-table tbody tr:last-child td {
      padding-bottom: 0px; }

.tranaction-table tbody tr:hover td a {
  color: var(--theme-deafult) !important; }

@media (max-width: 1799px) {
  .table-order .tranaction-table thead tr th:nth-child(2) {
    display: none; }
  .table-order .tranaction-table tbody tr td:nth-child(2) {
    display: none; }
  .total-revenue .sales-chart-dropdown {
    display: none; }
  .revenuegrowth-details .growth-details p:last-child {
    display: none; }
  .selling-product .balance-data {
    flex-wrap: wrap;
    justify-content: center; }
    .selling-product .balance-data li {
      display: none; }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px; }
  .team-activity ul li.activity-data .activity-time {
    min-width: 90px; }
  .team-activity ul li.activity-data .subtitle {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .top-product-card .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1699px) {
  .activity-table table tbody tr td .team-activity .activity-data .user-activity {
    min-width: 77px; }
    .activity-table table tbody tr td .team-activity .activity-data .user-activity .username {
      display: none !important; }
  .deliveries-percentage .percentage-data .progress-value {
    display: none; }
  .deliveries-percentage .percentage-data .progress {
    display: none; }
  .deliveries-percentage .percentage-data .progress-value {
    justify-content: center; }
  .top-product-card ul li .top-product img {
    height: 40px;
    width: 60px; }
  .top-product-card ul li .product-details a {
    color: #051A1A !important; }
  .boost-up-card .img-boostup {
    right: 200px; }
    .boost-up-card .img-boostup .img-boostup-img-2 {
      position: absolute;
      top: 100px;
      left: -61px;
      height: 187px; } }

@media (max-width: 1599px) {
  row justify-content-center
.activity-table table tbody tr td .team-activity .activity-data .user-activity {
    min-width: 195px; }
    row justify-content-center
.activity-table table tbody tr td .team-activity .activity-data .user-activity .username {
      display: none !important; }
  .new-user ul li a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .deliveries-percentage .percentage-data .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .top-product-card ul li.top-product .product-details {
    max-width: 120px; }
  .top-product-card ul li.top-product .product-items {
    max-width: 195px; }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px; }
  .team-activity ul li.activity-data .activity-time {
    min-width: 90px; } }

@media (max-width: 1399px) {
  .selling-product .balance-data li {
    display: block; }
  .deliveries-percentage table.percentage-data thead tr th:nth-child(2) {
    display: none; }
  .deliveries-percentage table.percentage-data tbody td:nth-child(2) {
    display: none; }
  .revenuegrowth .revenuegrowth-chart::before {
    display: none; }
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .boostup-name h6 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 85px; } }

@media (max-width: 1199px) {
  .table-order .tranaction-table thead tr th:nth-child(2) {
    display: block !important; }
  .table-order .tranaction-table tbody tr td:nth-child(2) {
    display: block !important; }
  .activity-table table {
    overflow: auto !important; }
  .deliveries-percentage table.percentage-data tbody tr td {
    min-width: 178px; }
  .top-product-card .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .top-product-card ul li.top-product:last-child {
    display: none !important; }
  .top-product-card ul li.top-product:nth-child(3) {
    border: none; }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px; }
  .team-activity ul li.activity-data .activity-time {
    min-width: 95px; }
  .team-activity ul li.activity-data .subtitle {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 767px) {
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 110px; } }

@media (max-width: 575.98px) {
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media only screen and (max-width: 480px) {
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 95px; }
  .revenuegrowth {
    margin-bottom: -18px; } }

@media only screen and (max-width: 375px) {
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 116px; } }

/**=====================
  3.10 Dashboard_3 CSS Ends
==========================**/
/**=====================
    3.11 Dashboard_4 CSS Start
==========================**/
.widget-hover:hover {
  transform: translateY(-5px);
  transition: 0.5s; }

.currency-widget .currency-icon-widget {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  box-shadow: inset 2.66667px -2.66667px 2.66667px rgba(194, 128, 49, 0.1), inset -2.66667px 2.66667px 2.66667px rgba(255, 255, 255, 0.1); }
  .currency-widget .currency-icon-widget svg {
    width: 16px;
    height: 16px;
    fill: #fff; }

.currency-widget .card {
  margin-top: 14px; }
  .currency-widget .card .card-body {
    padding: 15px;
    gap: 10px;
    justify-content: space-between; }
    @media (max-width: 1660px) {
      .currency-widget .card .card-body {
        flex-wrap: wrap; } }
    @media (max-width: 575px) {
      .currency-widget .card .card-body {
        flex-wrap: unset; } }
  .currency-widget .card:hover {
    transform: translateY(-5px);
    transition: 0.5s; }

.currency-widget h6 {
  margin-bottom: 0; }

.currency-widget .d-flex {
  gap: 10px;
  align-items: center; }

.currency-widget span svg {
  width: 16px;
  height: 16px;
  vertical-align: middle; }

.currency-widget div[class*="bg-light-"] {
  color: #051A1A;
  padding: 15px;
  border-radius: 10px;
  width: 115px; }
  @media (max-width: 1660px) and (min-width: 1200px) {
    .currency-widget div[class*="bg-light-"] {
      display: none; } }
  @media (max-width: 1199px) {
    .currency-widget div[class*="bg-light-"] {
      width: 100%; } }
  @media (max-width: 575px) {
    .currency-widget div[class*="bg-light-"] {
      width: 50%; } }
@media (max-width: 1199px) and (min-width: 768px) {
  .currency-widget.widget-currency .card .card-body {
    flex-wrap: unset; } }

.currency-widget.warning .currency-icon-widget {
  background-image: linear-gradient(to right, #FFAE1A 80%, rgba(255, 174, 26, 0.2)); }

.currency-widget.primary .currency-icon-widget {
  background-image: linear-gradient(to right, #006666 80%, rgba(0, 102, 102, 0.2)); }

.currency-widget.success .currency-icon-widget {
  background-image: linear-gradient(to right, #00AC46 80%, rgba(0, 172, 70, 0.2)); }

@media (max-width: 1399px) {
  .currency-widget.height-equal {
    min-height: unset !important; } }

.currency-chart-wrap {
  margin: -28px -10px -20px -20px; }
  @media (max-width: 575px) {
    .currency-chart-wrap {
      width: 50%; } }
  .currency-chart-wrap .apexcharts-canvas .apexcharts-tooltip-text-y-label {
    display: none; }

.tranaction-card .header-top {
  flex-wrap: wrap;
  gap: 10px; }

.crypto-main-card {
  background-image: linear-gradient(to bottom right, #5f3deb, #ad79ff);
  color: #fff; }
  @media (max-width: 1199px) {
    .crypto-main-card .card-body {
      padding: 20px; } }
  .crypto-main-card .btn {
    padding: 8px 20px; }
    @media (max-width: 1660px) {
      .crypto-main-card .btn {
        padding: 8px 15px; } }
  .crypto-main-card .deposit-wrap > div {
    width: 65%; }
    @media (max-width: 1660px) {
      .crypto-main-card .deposit-wrap > div {
        width: 90%; } }
    @media (max-width: 1536px) {
      .crypto-main-card .deposit-wrap > div {
        width: 100%; } }
    @media (max-width: 1399px) {
      .crypto-main-card .deposit-wrap > div {
        width: 75%; } }
    @media (max-width: 1199px) {
      .crypto-main-card .deposit-wrap > div {
        width: 95%; } }
    @media (max-width: 1660px) {
      .crypto-main-card .deposit-wrap > div h5 {
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box; } }
    @media (max-width: 767px) {
      .crypto-main-card .deposit-wrap > div h5 {
        -webkit-line-clamp: 1; } }
  .crypto-main-card .deposit-wrap img {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 55%; }
    [dir="rtl"] .crypto-main-card .deposit-wrap img {
      right: unset;
      left: 10px;
      transform: scaleX(-1); }
    @media (max-width: 1660px) {
      .crypto-main-card .deposit-wrap img {
        width: 44%; } }
    @media (max-width: 1399px) {
      .crypto-main-card .deposit-wrap img {
        width: 52%; } }
    @media (max-width: 1199px) {
      .crypto-main-card .deposit-wrap img {
        width: 30%; } }
.portfolio-card .dropdown-toggle {
  width: 80px; }

.btn-white {
  color: #006666;
  background-color: #fff; }

.radial-progress-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px; }
  .radial-progress-card.card-body {
    padding: 23px 20px; }
    @media (max-width: 1199px) {
      .radial-progress-card.card-body {
        padding: 30px 20px; } }
  .radial-progress-card p {
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box; }
  .radial-progress-card h6 {
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box; }
  .radial-progress-card .sale-details {
    margin: 10px 0; }
    .radial-progress-card .sale-details svg {
      width: 15px;
      height: 15px;
      vertical-align: middle; }
  .radial-progress-card .radial-chart-wrap {
    width: 110px;
    margin-right: -25px; }
    [dir="rtl"] .radial-progress-card .radial-chart-wrap {
      margin-right: unset;
      margin-left: -25px; }
    @media (max-width: 1820px) {
      .radial-progress-card .radial-chart-wrap {
        margin-right: -12px; }
        [dir="rtl"] .radial-progress-card .radial-chart-wrap {
          margin-left: -12px; } }
    .radial-progress-card .radial-chart-wrap .apexcharts-canvas .apexcharts-datalabel-label {
      display: none; }

.transaction-table table tr:first-child td {
  padding-top: 0; }

.transaction-table table tr td:first-child {
  min-width: unset; }
  @media (max-width: 1775px) {
    .transaction-table table tr td:first-child {
      min-width: 130px; } }
.transaction-table table tr td:last-child {
  text-align: right;
  min-width: 60px; }

.transaction-table table tr,
.transaction-table table td {
  border-style: dashed; }

.custom-tab {
  background: var(--light2);
  padding: 4px;
  border-radius: 5px; }
  .custom-tab.nav-tabs {
    border: none; }
    .custom-tab.nav-tabs .nav-link {
      border: none;
      padding: 6px 12px;
      color: var(--chart-text-color); }
      .custom-tab.nav-tabs .nav-link.active {
        color: var(--theme-deafult); }

.market-chart-container {
  margin: -24px 0 -24px -15px; }
  [dir="rtl"] .market-chart-container {
    margin: -24px -15px -24px 0; }
  @media (max-width: 575px) {
    .market-chart-container {
      margin-bottom: 0; } }
.market-card .balance-card {
  padding: 10px; }

@media (max-width: 575px) {
  .market-card .custom-tab {
    display: none; } }

.currency-icon {
  width: 34px;
  height: 34px;
  background-color: var(--light2);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .currency-icon.warning svg {
    fill: #FFAE1A; }
  .currency-icon.success svg {
    fill: #00AC46; }
  .currency-icon.primary svg {
    fill: #006666; }
  .currency-icon.secondary svg {
    fill: #FE6A49; }
  .currency-icon.dark-green svg {
    fill: #1BA27A; }
  .currency-icon.light-blue svg {
    fill: #038DE7; }

.recent-table tr:hover td:first-child h6 {
  color: var(--theme-deafult); }

.recent-table tr:hover .border-icon .social-circle {
  transform: scale(1.02);
  transition: 0.5s; }

.recent-table tr:hover .currency-icon svg {
  animation: tada 1.5s ease infinite; }

.recent-table tr:hover .badge-light-primary {
  background-color: var(--theme-deafult);
  color: #fff; }

.currency-table .change-currency svg {
  width: 16px;
  height: 16px;
  vertical-align: sub; }

.currency-table th:nth-child(3),
.currency-table td:nth-child(3) {
  min-width: 110px; }

.currency-table th:nth-child(4),
.currency-table td:nth-child(4) {
  min-width: 115px; }

select.crypto-select {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  right: 7px;
  width: 62px;
  background-position: right 0.25rem center;
  padding: 8px;
  border: none;
  font-weight: 500;
  background-size: 8px; }
  [dir="rtl"] select.crypto-select {
    right: unset;
    left: 7px; }
  select.crypto-select.warning {
    background-color: rgba(255, 174, 26, 0.1) !important;
    color: #FFAE1A !important; }
  select.crypto-select.primary {
    background-color: rgba(0, 102, 102, 0.1) !important;
    color: #006666 !important; }

.crypto-form input::-webkit-outer-spin-button, .crypto-form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.crypto-form input[type=number] {
  -moz-appearance: textfield; }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard-3/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-profile ul {
  display: flex;
  justify-content: center;
  gap: 50px;
  margin-top: 16px; }
  @media (max-width: 1660px) {
    .balance-profile ul {
      gap: 25px; } }
  .balance-profile ul li {
    position: relative; }
    .balance-profile ul li + li::before {
      position: absolute;
      content: '';
      left: -25px;
      top: 50%;
      height: 40px;
      transform: translateY(-50%);
      border: 1px dashed var(--recent-dashed-border); }
      [dir="rtl"] .balance-profile ul li + li::before {
        left: unset;
        right: -25px; }
      @media (max-width: 1660px) {
        .balance-profile ul li + li::before {
          left: -16px; }
          [dir="rtl"] .balance-profile ul li + li::before {
            right: -16px; } }
@media (max-width: 1399px) {
  .activity-card .appointment-table {
    height: 180px; } }

@media (max-width: 575px) {
  .activity-card .appointment-table {
    height: unset; } }

.activity-card .appointment-table tr td:nth-child(2) {
  min-width: 130px; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

.portfolio-chart-container {
  margin-top: -56px; }
  @media (max-width: 1399px) {
    .portfolio-chart-container {
      margin-top: -20px; } }
.portfolio-table .status {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  display: inline-block; }

.portfolio-table table tr,
.portfolio-table table td {
  border-style: dashed; }

@media (max-width: 1755px) {
  .portfolio-table table tr td:first-child,
  .portfolio-table table tr th:first-child {
    min-width: 100px; } }

@media (max-width: 1755px) {
  .portfolio-table table tr td:last-child,
  .portfolio-table table tr th:last-child {
    min-width: 128px; } }

/**=====================
    3.11 Dashboard_4 CSS Ends
==========================**/
/**=====================
    3.12 Dashboard_5 CSS Start
==========================**/
.social-img {
  padding: 5px;
  background: var(--white);
  border-radius: 100%; }

.social-widget .card-body {
  padding: 15px; }

.social-widget .social-icons {
  min-width: 55px;
  height: 55px;
  background: var(--white);
  box-shadow: 0px 42.1092px 27.8569px rgba(41, 72, 152, 0.0303704), 0px 8.90772px 7.12618px rgba(41, 72, 152, 0.0196296), 0px 2.02448px 3.44162px rgba(41, 72, 152, 0.012037);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 1399px) {
    .social-widget .social-icons {
      min-width: 40px;
      height: 40px; }
      .social-widget .social-icons img {
        height: 20px; } }
.social-widget .social-content {
  margin-top: 20px;
  display: flex;
  justify-content: space-between; }
  .social-widget .social-content .social-chart {
    margin: -34px -42px -13px;
    width: 150px; }
    .social-widget .social-content .social-chart .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-label {
      display: none; }

.follower-chart {
  margin: -20px 0 -20px -34px; }
  @media (max-width: 717px) {
    .follower-chart {
      margin-left: 0; } }
@keyframes wave-speaker {
  0% {
    transform: translateX(5px); }
  50% {
    transform: translateX(0); }
  100% {
    transform: translateX(5px); } }

.mobile-app-card .card-header {
  background: transparent;
  padding: 20px;
  width: 68%; }
  @media (max-width: 1693px) {
    .mobile-app-card .card-header {
      width: 75%; } }
  @media (max-width: 1316px) {
    .mobile-app-card .card-header {
      width: 86%; } }
  @media (max-width: 991px) {
    .mobile-app-card .card-header {
      width: 64%; } }
  @media (max-width: 350px) {
    .mobile-app-card .card-header {
      width: 75%; } }
.mobile-app-card .card-body {
  margin-top: -10px; }
  @media (max-width: 1199px) {
    .mobile-app-card .card-body {
      margin-top: 26px; } }
  @media (max-width: 991px) {
    .mobile-app-card .card-body {
      margin-top: 20px; } }
  .mobile-app-card .card-body .wavy {
    width: 26px;
    margin-right: -37px;
    margin-top: -10px;
    animation: wave-speaker 2s ease infinite; }

.mobile-app-card .purchase-btn {
  padding: 10px 25px;
  min-width: unset; }
  @media (max-width: 575px) {
    .mobile-app-card .purchase-btn {
      padding: 8px 16px; } }
.subscriber-chart-container {
  margin: -22px -10px -24px; }

.click-widgets .card-body {
  padding: 28px 15px; }

.click-widgets .click-chart {
  margin: -50px 0 -70px -20px; }

@media (max-width: 1693px) {
  .follower-wrap .card-body,
  .follower-wrap .card-header {
    padding: 22px; } }

.follower-wrap .card-header {
  padding-bottom: 20px; }

.campaign-list {
  column-count: 2;
  column-gap: 20px;
  margin-bottom: 15px; }
  .campaign-list li {
    position: relative; }
    .campaign-list li + li::before {
      position: absolute;
      content: "";
      width: 1px;
      height: 20px;
      background-color: var(--chart-text-color);
      top: 50%;
      transform: translateY(-50%);
      left: -10px;
      opacity: 0.6; }
      [dir="rtl"] .campaign-list li + li::before {
        left: unset;
        right: -10px; }
  .campaign-list .campaign-box {
    background: linear-gradient(180deg, var(--course-light-btn) 0%, rgba(242, 243, 247, 0) 100%);
    border-radius: 5px;
    padding: 6px 10px; }

.social-circle {
  width: 34px;
  height: 34px;
  border-width: 1px;
  border-style: solid;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s; }

.campaign-table table tr:hover td:nth-child(2) {
  color: var(--theme-deafult); }

.campaign-table .border-icon > div {
  border-left: 2px solid #2F84F4;
  padding-left: 15px; }
  [dir="rtl"] .campaign-table .border-icon > div {
    padding-left: unset;
    padding-right: 15px; }

.campaign-table .facebook > div {
  border-left: 2px solid #2F84F4; }
  [dir="rtl"] .campaign-table .facebook > div {
    border-left: unset;
    border-right: 2px solid #2F84F4; }

.campaign-table .facebook .social-circle {
  background-color: rgba(47, 132, 244, 0.1);
  border-color: #2F84F4;
  color: #2F84F4; }

.campaign-table .instagram > div {
  border-left: 2px solid #FC971E; }
  [dir="rtl"] .campaign-table .instagram > div {
    border-left: unset;
    border-right: 2px solid #FC971E; }

.campaign-table .instagram .social-circle {
  background-color: rgba(252, 151, 30, 0.1);
  border-color: #FC971E;
  color: #FC971E; }

.campaign-table .pinterest > div {
  border-left: 2px solid #FE6A49; }
  [dir="rtl"] .campaign-table .pinterest > div {
    border-left: unset;
    border-right: 2px solid #FE6A49; }

.campaign-table .pinterest .social-circle {
  background-color: rgba(254, 106, 73, 0.1);
  border-color: #FE6A49;
  color: #FE6A49; }

.campaign-table .plus-btn {
  width: 24px;
  border-radius: 5px;
  background-color: transparent;
  border: 1px solid var(--body-font-color);
  color: var(--body-font-color); }
  .campaign-table .plus-btn:hover {
    background-color: var(--body-font-color);
    color: var(--white); }

.campaign-table .twitter > div {
  border-left: 2px solid #57B9F6; }
  [dir="rtl"] .campaign-table .twitter > div {
    border-left: unset;
    border-right: 2px solid #57B9F6; }

.campaign-table .twitter .social-circle {
  background-color: rgba(87, 185, 246, 0.1);
  border-color: #57B9F6;
  color: #57B9F6; }

.campaign-table .you-tube > div {
  border-left: 2px solid #F42F2F; }
  [dir="rtl"] .campaign-table .you-tube > div {
    border-left: unset;
    border-right: 2px solid #F42F2F; }

.campaign-table .you-tube .social-circle {
  background-color: rgba(244, 47, 47, 0.1);
  border-color: #F42F2F;
  color: #F42F2F; }

.campaign-table .badge-light-primary,
.campaign-table .badge-light-light {
  padding: 4px 12px; }

.campaign-table tr td,
.campaign-table tr th {
  border-style: dashed; }
  .campaign-table tr td:nth-child(5),
  .campaign-table tr th:nth-child(5) {
    min-width: 190px; }

.campaign-table .recent-table tr td:nth-child(2),
.campaign-table .recent-table tr th:nth-child(2) {
  min-width: 120px; }

.campaign-table .recent-table tr td:first-child,
.campaign-table .recent-table tr th:first-child {
  min-width: 110px; }

.campaign-table .recent-table tr td:nth-child(3), .campaign-table .recent-table tr td:last-child,
.campaign-table .recent-table tr th:nth-child(3),
.campaign-table .recent-table tr th:last-child {
  min-width: 50px; }

.view-container .apexcharts-canvas .apexcharts-grid-row {
  stroke-width: 15px;
  stroke: var(--white); }

.view-container .apexcharts-canvas .apexcharts-gridlines-vertical line,
.view-container .apexcharts-canvas .apexcharts-gridlines-vertical react,
.view-container .apexcharts-canvas .apexcharts-gridlines-horizontal line,
.view-container .apexcharts-canvas .apexcharts-gridlines-horizontal react {
  stroke-width: 15px;
  stroke: var(--white); }

.view-container .apexcharts-canvas .apexcharts-point-annotations circle {
  outline: 25px solid #f0effd;
  border-radius: 100%; }
  @media (max-width: 480px) {
    .view-container .apexcharts-canvas .apexcharts-point-annotations circle {
      outline-width: 10px; } }
/**=====================
    3.12 Dashboard_5 CSS Ends
==========================**/
/**=====================
   3.43 Dashboard_6 CSS Start
==========================**/
.trending-card {
  background: url(/../images/dashboard-3/bg-1.png);
  background-size: cover;
  background-repeat: no-repeat; }
  .trending-card .card-header {
    background: transparent; }
  .trending-card .activity-card .appointment-table table tr td:nth-child(2) {
    min-width: 90px; }
  .trending-card .activity-card .appointment-table table tr td:last-child {
    min-width: 120px; }

@keyframes dot-animation {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(0.5) translateX(-10px); }
  100% {
    transform: scale(1); } }

@keyframes dot-animation1 {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.4) translateX(-10px); }
  100% {
    transform: scale(1); } }

.explore-card {
  background: url(/../images/dashboard-3/bg-2.png);
  background-size: cover;
  background-repeat: no-repeat; }
  @media (max-width: 575px) {
    .explore-card {
      background-color: rgba(255, 255, 255, 0.5);
      background-blend-mode: overlay; } }
  @media (max-width: 1199.98px) {
    .explore-card .row {
      width: 53%; }
      [dir="rtl"] .explore-card .row {
        margin-right: auto; } }
  @media (max-width: 991.98px) {
    .explore-card .row {
      width: 50%; } }
  @media (max-width: 767.98px) {
    .explore-card .row {
      width: 60%; } }
  @media (max-width: 575.98px) {
    .explore-card .row {
      width: 100%; } }
  [dir="rtl"] .explore-card .row .custom-rs-12 {
    margin-right: auto; }
  .explore-card .group-btn {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; }
    .explore-card .group-btn .btn {
      padding-top: 0.6rem;
      padding-bottom: 0.6rem; }
      @media (max-width: 575.98px) {
        .explore-card .group-btn .btn {
          padding-top: 6px;
          padding-bottom: 6px; } }
  @media (max-width: 1199.98px) {
    .explore-card .decore {
      display: none; } }
  .explore-card .decore li {
    position: absolute; }
  .explore-card .decore .dot-gradient {
    width: 22px;
    height: 22px;
    background: linear-gradient(#e3e3ef, rgba(0, 102, 102, 0.3));
    border-radius: 100%; }
    .explore-card .decore .dot-gradient.dot-1 {
      right: 0;
      top: 0;
      animation: dot-animation 5s ease infinite; }
    .explore-card .decore .dot-gradient.dot-2 {
      width: 12px;
      height: 12px;
      animation: dot-animation1 5s ease infinite;
      right: -40%;
      top: 19%; }
      @media (max-width: 1660px) {
        .explore-card .decore .dot-gradient.dot-2 {
          right: 20%;
          top: 68%; } }
.total-balance {
  background: url(/../images/dashboard-3/bg-3.png);
  background-size: cover;
  background-repeat: no-repeat; }
  .total-balance .btn {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  .total-balance .card-header {
    background: transparent; }
    .total-balance .card-header p {
      width: 226px;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 1;
      display: -webkit-box; }

.income-chart-wrapper {
  margin-bottom: -10px; }
  .income-chart-wrapper .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
  .income-chart-wrapper .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-goals-groupm,
  .income-chart-wrapper .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-z-group {
    display: none; }
  .income-chart-wrapper .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-series-group.apexcharts-active,
  .income-chart-wrapper .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-series-group:last-child {
    padding-bottom: 0; }

.sale-status-table .table > :not(:last-child) > :last-child > * {
  border-bottom: none; }

.sale-status-table table {
  border-collapse: separate;
  border-spacing: 0 10px; }
  .sale-status-table table tr,
  .sale-status-table table td,
  .sale-status-table table th {
    border: none; }
  .sale-status-table table thead th {
    padding-bottom: 0; }
  .sale-status-table table tbody tr {
    box-shadow: 0px 6px 10px rgba(70, 60, 175, 0.05);
    border-radius: 5px; }
  @media (max-width: 1660px) and (min-width: 1400px) {
    .sale-status-table table th:last-child,
    .sale-status-table table td:last-child {
      display: none; } }
  @media (max-width: 575px) {
    .sale-status-table table th:last-child,
    .sale-status-table table td:last-child {
      display: none; } }
  @media (max-width: 1660px) and (min-width: 1400px) {
    .sale-status-table table th:nth-child(2),
    .sale-status-table table td:nth-child(2) {
      max-width: 50px;
      padding: 0 8px; } }
.arrow-round .swiper-button-next,
.arrow-round .swiper-button-prev {
  top: 55px;
  z-index: 1;
  width: 29px;
  height: 21px;
  background: var(--white);
  box-shadow: 0px 4px 3px rgba(115, 102, 255, 0.1);
  border-radius: 30px; }
  .arrow-round .swiper-button-next::after,
  .arrow-round .swiper-button-prev::after {
    font-size: 14px;
    color: var(--theme-deafult); }
  @media (max-width: 991px) {
    .arrow-round .swiper-button-next,
    .arrow-round .swiper-button-prev {
      top: 42px; } }
.arrow-round .swiper-button-next {
  right: 30px; }
  [dir="rtl"] .arrow-round .swiper-button-next {
    right: unset;
    left: 30px; }

.arrow-round .swiper-button-prev {
  left: unset;
  right: 70px; }
  [dir="rtl"] .arrow-round .swiper-button-prev {
    right: unset;
    left: 70px; }

.product-card .product-image > img {
  width: 100%;
  border-radius: 4px;
  height: 6.875rem;
  object-fit: cover; }

.product-card .product-image .author-img {
  text-align: right;
  display: block;
  margin-top: -20px;
  margin-right: 6px; }

.product-card .product-nft-content {
  margin-top: 5px; }
  .product-card .product-nft-content ul {
    display: flex;
    justify-content: space-between; }
    .product-card .product-nft-content ul li {
      width: 100%; }
      [dir="rtl"] .product-card .product-nft-content ul li:first-child {
        text-align: left; }
      .product-card .product-nft-content ul li + li {
        text-align: right;
        border-left: 1px dashed var(--recent-dashed-border); }
  .product-card .product-nft-content .btn {
    padding: 0.5rem 0; }

.artist-chart-wrap > div {
  margin-left: -15px;
  margin-right: -10px; }

.artist-chart-wrap .apexcharts-tooltip .apexcharts-tooltip-z-group,
.artist-chart-wrap .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.artist-chart-wrap .apexcharts-tooltip .apexcharts-tooltip-text-y-label {
  display: none; }

.artist-chart-wrap .apexcharts-tooltip .apexcharts-tooltip-series-group.apexcharts-active,
.artist-chart-wrap .apexcharts-tooltip .apexcharts-tooltip-series-group:last-child {
  padding-bottom: 0; }

.statistic-chart-wrap {
  margin-left: -40px;
  margin-bottom: -25px; }
  .statistic-chart-wrap .apexcharts-tooltip .apexcharts-tooltip-z-group,
  .statistic-chart-wrap .apexcharts-tooltip .apexcharts-tooltip-goals-group,
  .statistic-chart-wrap .apexcharts-tooltip .apexcharts-tooltip-text-y-label {
    display: none; }

.statistics-card .d-flex li + li {
  padding-left: 15px;
  margin-left: 15px;
  border-left: 1px dashed var(--recent-dashed-border); }
  [dir="rtl"] .statistics-card .d-flex li + li {
    padding-left: unset;
    margin-left: unset;
    padding-right: 15px;
    margin-right: 15px;
    border-left: unset;
    border-right: 1px dashed var(--recent-dashed-border); }

.upgrade-plan .card-body img {
  margin-top: -130px;
  margin-bottom: 20px;
  width: 150px; }
  @media (max-width: 1660px) {
    .upgrade-plan .card-body img {
      margin-top: -80px;
      width: 100px; } }
  @media (max-width: 1199.98px) {
    .upgrade-plan .card-body img {
      margin-top: -90px; } }
@media (max-width: 1199px) {
  .upgrade-plan.mobile-app-card .card-body {
    margin-top: 0; } }

.category-box img {
  border-radius: 8px;
  width: 100%; }

.category-box h6 {
  display: block;
  padding: 10px;
  width: calc(100% - 50px);
  margin: 0 auto;
  color: var(--body-font-color);
  text-align: center;
  background: var(--white);
  margin-top: -20px;
  position: relative;
  border-radius: 5px; }

.artist-table button svg {
  width: 15px;
  height: 15px;
  vertical-align: text-bottom; }

.artist-table .appointment-table.customer-table table tr td .medal-img {
  min-width: 30px; }

@media (max-width: 1795px) {
  .artist-table .appointment-table.customer-table table tr td:last-child {
    min-width: 100px; } }

.nft-table svg {
  width: 18px;
  height: 18px; }

.nft-table .product-content .order-image {
  background: transparent;
  position: relative; }
  .nft-table .product-content .order-image .mark-img {
    position: absolute;
    right: 0;
    bottom: 2px; }

.activity-table .status-success {
  min-width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #00AC46; }

.activity-table .img-content-box {
  min-width: 180px; }

@media (max-width: 1660px) {
  .activity-table .appointment-table table tr td:last-child {
    min-width: 72px; } }

@media (max-width: 1199.98px) {
  .explore-wrap {
    order: -1; } }

/**=====================
  3.43 Dashboard_6 CSS end
==========================**/
/**=====================
    3.44 Dashboard_7 Start
==========================**/
[dir="rtl"] .increase-content.pe-0 {
  padding-right: 30px !important;
  padding-left: 0px !important; }

.knowledge-wrapper div {
  width: 80%; }
  .knowledge-wrapper div button {
    position: absolute;
    padding: 5px 16px;
    bottom: 63px; }
    @media (max-width: 1700px) {
      .knowledge-wrapper div button {
        padding: 5px 8px; } }
    @media (max-width: 1600px) {
      .knowledge-wrapper div button {
        padding: 4px; } }
.knowledge-wrapper .knowledgebase-wrapper {
  width: 75%;
  margin-top: -17%;
  margin-left: auto; }
  [dir="rtl"] .knowledge-wrapper .knowledgebase-wrapper {
    margin-left: unset;
    margin-right: auto;
    transform: scaleX(-1); }

@media (max-width: 1399px) {
  .school-performance-wrap {
    margin-bottom: -23px; } }

@media (max-width: 1200px) {
  .school-performance-wrap {
    margin-bottom: -53px; } }

@media (max-width: 1199px) {
  .school-performance-wrap {
    margin-bottom: -54px; } }

.count-student .school-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .count-student .school-wrapper .school-header i {
    font-size: 12px;
    font-weight: 600; }
  .count-student .school-wrapper .school-header p {
    line-height: 1.4; }
  .count-student .school-wrapper .school-body img {
    width: calc(62px + (70 - 62) * ((100vw - 320px) / (1920 - 320)));
    position: relative; }
  .count-student .school-wrapper .school-body .right-line {
    position: absolute;
    bottom: 0;
    right: 0; }
    [dir="rtl"] .count-student .school-wrapper .school-body .right-line {
      right: unset;
      left: 0; }
    .count-student .school-wrapper .school-body .right-line img {
      width: 100%;
      height: 100%; }
      [dir="rtl"] .count-student .school-wrapper .school-body .right-line img {
        transform: scaleX(-1); }

@media (max-width: 1400px) {
  .income-wrapper {
    margin-bottom: -26px; } }

.income-wrapper ul {
  display: flex;
  justify-content: space-between; }
  @media (min-width: 1200px) and (max-width: 1735px) {
    .income-wrapper ul {
      justify-content: flex-start;
      gap: 10px;
      flex-wrap: wrap; } }
  @media (max-width: 650px) {
    .income-wrapper ul {
      justify-content: flex-start;
      gap: 11px;
      flex-wrap: wrap; } }
  @media (max-width: 395px) {
    .income-wrapper ul {
      flex-wrap: nowrap; } }
  .income-wrapper ul li {
    text-align: center; }
    .income-wrapper ul li + li {
      border-left: 1px dashed #52526c; }
      [dir="rtl"] .income-wrapper ul li + li {
        border-left: unset;
        border-right: 1px dashed #52526c; }
      @media (min-width: 1200px) and (max-width: 1735px) {
        .income-wrapper ul li + li {
          border-left: unset; }
          [dir="rtl"] .income-wrapper ul li + li {
            border-right: unset; } }
      @media (max-width: 650px) {
        .income-wrapper ul li + li {
          border-left: unset; }
          [dir="rtl"] .income-wrapper ul li + li {
            border-right: unset; } }
    .income-wrapper ul li h6 {
      display: inline-block; }
    .income-wrapper ul li .income-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      display: inline-block;
      margin-right: 6px; }
      [dir="rtl"] .income-wrapper ul li .income-dot {
        margin-left: 6px;
        margin-right: unset; }

@media (max-width: 1678px) {
  .performance-wrap {
    margin-bottom: -23px; } }

.performance-wrapper {
  display: flex;
  justify-content: space-between; }
  .performance-wrapper .performance-left {
    display: flex;
    gap: 16px; }
    .performance-wrapper .performance-left .nav.nav-tabs .nav-link {
      font-size: calc(17px + (20 - 17) * ((100vw - 320px) / (1920 - 320)));
      font-weight: 500;
      color: #2c323f;
      border-bottom: 2px solid transparent; }
      @media (max-width: 540px) {
        .performance-wrapper .performance-left .nav.nav-tabs .nav-link {
          margin-bottom: -6px; } }
      .performance-wrapper .performance-left .nav.nav-tabs .nav-link:hover {
        color: white; }
      .performance-wrapper .performance-left .nav.nav-tabs .nav-link.active, .performance-wrapper .performance-left .nav.nav-tabs .nav-link:active {
        color: #2c323f;
        border-bottom: 2px solid #006666;
        box-shadow: inset 0px -12px 8px -6px rgba(115, 102, 255, 0.5); }
    @media (max-width: 576px) {
      .performance-wrapper .performance-left .nav.nav-tabs {
        display: flex; } }
    @media (max-width: 385px) {
      .performance-wrapper .performance-left .nav.nav-tabs {
        flex-wrap: wrap; } }
  .performance-wrapper .performance-right {
    display: flex;
    align-items: center;
    gap: 10px; }
    @media (max-width: 540px) {
      .performance-wrapper .performance-right {
        display: none; } }
    .performance-wrapper .performance-right p {
      color: #051a1a;
      font-weight: 500; }
    .performance-wrapper .performance-right i {
      font-size: 14px; }

.attendance-card {
  display: flex;
  padding: 15px;
  border-radius: 5px;
  gap: 15px;
  align-items: center; }
  @media (max-width: 1700px) {
    .attendance-card {
      gap: 10px; } }
  @media (max-width: 480px) {
    .attendance-card {
      align-items: flex-start; } }
  .attendance-card .left-overview-content {
    display: flex;
    gap: 15px;
    align-items: center; }
    .attendance-card .left-overview-content .svg-box {
      width: 43px;
      height: 43px;
      background-color: var(--white);
      box-shadow: 0px 71.2527px 51.5055px rgba(229, 229, 245, 0.19), 0px 42.3445px 28.0125px rgba(229, 229, 245, 0.15), 0px 21.9866px 14.2913px rgba(229, 229, 245, 0.13), 0px 8.95749px 7.16599px rgba(229, 229, 245, 0.1), 0px 2.03579px 3.46085px rgba(229, 229, 245, 0.6);
      border-radius: 10px;
      display: flex;
      justify-content: center;
      align-items: center; }
  .attendance-card .right-overview-content {
    display: flex;
    gap: 25px;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 43px - 15px); }
    .attendance-card .right-overview-content h6 {
      padding-bottom: 7px; }
    .attendance-card .right-overview-content span {
      line-height: 18.69px; }
    @media (max-width: 1700px) {
      .attendance-card .right-overview-content {
        gap: 18px; } }
    @media (max-width: 480px) {
      .attendance-card .right-overview-content {
        flex-wrap: wrap;
        gap: 7px; } }
    .attendance-card .right-overview-content .marks-count {
      display: flex;
      gap: 23px;
      align-items: center; }
      .attendance-card .right-overview-content .marks-count sub {
        bottom: -0.8px; }
      @media (max-width: 1700px) {
        .attendance-card .right-overview-content .marks-count {
          gap: 12px;
          flex-wrap: wrap; } }
      @media (max-width: 480px) {
        .attendance-card .right-overview-content .marks-count {
          gap: 14px; } }
.student-leader-wrapper .student-leader-content {
  display: flex;
  gap: 10px;
  padding: 10px;
  border-bottom: 1px solid #ecf3fa;
  flex-wrap: wrap; }
  .student-leader-wrapper .student-leader-content img {
    width: 24px;
    height: 27px; }
  .student-leader-wrapper .student-leader-content .leader-img {
    width: 35px;
    height: 35px;
    border-radius: 5px; }
    @media (max-width: 1672px) {
      .student-leader-wrapper .student-leader-content .leader-img {
        display: none; } }
  .student-leader-wrapper .student-leader-content h5 {
    color: #52526c; }
    .student-leader-wrapper .student-leader-content h5 sup {
      font-size: 12px; }
  .student-leader-wrapper .student-leader-content .leader-content-height span {
    line-height: 18.69px; }

.task-table .main-task {
  display: flex;
  align-items: center;
  gap: 10px; }
  .task-table .main-task .task-progress {
    width: 100px;
    height: 6px; }

.task-table .recent-table.task-table tr td:first-child {
  min-width: 312px; }

.task-table .recent-table.task-table tr td:nth-child(2) {
  min-width: 110px; }

.task-table .recent-table.task-table tr td:last-child {
  padding-right: 8px;
  min-width: 34px; }
  [dir="rtl"] .task-table .recent-table.task-table tr td:last-child {
    padding-right: unset;
    padding-left: 8px; }

.task-table .recent-table table tr:last-child td {
  padding-bottom: 12px; }

.task-table .main-task-wrapper tr td .form-check.checkbox-width {
  min-width: 60px; }

.task-table .main-task-wrapper .task-icons {
  display: flex;
  align-items: center;
  gap: 12px; }
  .task-table .main-task-wrapper .task-icons li:last-child {
    border-left: 1px solid #E6E9EB;
    padding-left: 10px;
    display: flex;
    gap: 8px; }
    [dir="rtl"] .task-table .main-task-wrapper .task-icons li:last-child {
      border-left: unset;
      border-right: 1px solid #E6E9EB;
      padding-left: unset;
      padding-right: 10px; }

.task-table .main-task-wrapper .square-white {
  width: 34px;
  height: 34px;
  border-radius: 2px;
  background-color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 71.2527px 51.5055px rgba(229, 229, 245, 0.189815), 0px 42.3445px 28.0125px rgba(229, 229, 245, 0.151852), 0px 21.9866px 14.2913px rgba(229, 229, 245, 0.125), 0px 8.95749px 7.16599px rgba(229, 229, 245, 0.0981481), 0px 2.03579px 3.46085px rgba(229, 229, 245, 0.0601852); }
  .task-table .main-task-wrapper .square-white i {
    color: white;
    font-size: 17px; }

.task-table .main-task-wrapper .fill-clock {
  fill: white; }

.task-table .main-task-wrapper button {
  padding: 4px 6px 4px 6px; }

.task-table .open-options .dropdown-toggle::after {
  content: '';
  display: none; }

.task-table .open-options .dropdown-menu {
  padding: 9px 14px; }
  .task-table .open-options .dropdown-menu.show {
    display: flex;
    gap: 8px;
    min-width: 0; }
  .task-table .open-options .dropdown-menu li .dropdown-item:hover i {
    color: #FFFFFF; }

@media (max-width: 1770px) {
  .task-table .icons-box {
    display: none; } }

@media (max-width: 1920px) {
  .task-table .icons-box-2 {
    display: none; } }

@media (max-width: 1770px) {
  .task-table .icons-box-2 {
    display: table-cell; } }

.notice-board ul li h6 {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18.69px; }

.notice-board ul li p {
  font-size: 12px;
  font-weight: 400; }

.attendance-chart {
  display: flex;
  justify-content: center; }

.text-ellipsis {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  margin: 0 auto;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

@media (max-width: 1515px) {
  .apexcharts-legend-series {
    margin: 5px 6px !important; } }

@media (max-width: 1870px) {
  [dir="rtl"] .apexcharts-legend {
    margin-right: -20px; } }

@media (max-width: 1870px) {
  [dir="rtl"] .apexcharts-legend {
    margin-right: -47px; } }

@media (max-width: 1515px) {
  [dir="rtl"] .apexcharts-legend {
    margin-right: -27px; } }

/**=====================
   3.44 Dashboard_7 Ends
==========================**/
/**=====================
    3.45 Dashboard_8 Start
==========================**/
.card-header-right-btn {
  padding: 9px 16px;
  border-radius: 5px;
  font-weight: 500;
  background-color: var(--light-slate); }
  @media (max-width: 350px) {
    .card-header-right-btn {
      padding: 6px; } }
.shop-box {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background-color: var(--light-slate);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: var(--product-shadow);
  text-align: center;
  margin: 0 auto; }

.category-title {
  text-align: center;
  display: block; }

@media (min-width: 1200px) and (max-width: 1400px) {
  .main-our-product .scroll-product {
    height: 725px;
    overflow-y: auto;
    scroll-behavior: smooth;
    /* ===== Scrollbar CSS ===== */
    /* Firefox */
    scrollbar-width: auto;
    scrollbar-color: #c2c8da #eef0f6;
    /* Chrome, Edge, and Safari */ }
    .main-our-product .scroll-product::-webkit-scrollbar {
      width: 8px; }
    .main-our-product .scroll-product::-webkit-scrollbar-track {
      background: #eef0f6; }
    .main-our-product .scroll-product::-webkit-scrollbar-thumb {
      background-color: #c2c8da;
      border-radius: 18px;
      border: 3px solid #c2c8da; } }

.main-our-product.card-body {
  padding-top: 0; }
  @media (max-width: 1445px) {
    .main-our-product.card-body {
      padding-top: 30px; } }
.main-product-wrapper {
  display: flex;
  justify-content: space-between;
  position: relative; }
  @media (max-width: 991px) {
    .main-product-wrapper {
      margin-bottom: 18px; } }
  @media (max-width: 499px) {
    .main-product-wrapper {
      margin-bottom: 42px; } }
  @media (max-width: 1445px) {
    .main-product-wrapper .product-header p {
      display: none; } }
  .main-product-wrapper .product-body {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px; }
    @media (max-width: 1445px) {
      .main-product-wrapper .product-body .product-search {
        position: absolute;
        top: 40px;
        left: 0;
        width: 40%; }
        [dir="rtl"] .main-product-wrapper .product-body .product-search {
          left: unset;
          right: 0; } }
    @media (max-width: 500px) {
      .main-product-wrapper .product-body .product-search {
        width: 64%; } }
    .main-product-wrapper .product-body .product-search .input-group-text {
      background-color: unset;
      border: 1px solid rgba(229, 229, 243, 0.8);
      border-radius: 5px; }
      .main-product-wrapper .product-body .product-search .input-group-text .search-icon {
        width: 20px;
        height: 20px; }
        @media (min-width: 1400px) and (max-width: 1920px) {
          .main-product-wrapper .product-body .product-search .input-group-text .search-icon {
            width: calc(18px + (20 - 18) * ((100vw - 1400px) / (1920 - 1400)));
            width: calc(18px + (20 - 18) * ((100vw - 1400px) / (1920 - 1400))); } }
    .main-product-wrapper .product-body .product-search .form-control {
      padding: 8px 8px 8px 0;
      border: 1px solid rgba(229, 229, 243, 0.8);
      border-left: unset;
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }
      [dir="rtl"] .main-product-wrapper .product-body .product-search .form-control {
        border-left: 1px solid rgba(229, 229, 243, 0.8);
        border-right: unset;
        border-top-left-radius: 5px !important;
        border-top-right-radius: unset !important;
        border-bottom-left-radius: 5px !important;
        border-bottom-right-radius: unset !important; }
      .main-product-wrapper .product-body .product-search .form-control:focus {
        box-shadow: unset; }
    .main-product-wrapper .product-body .product-search-bar .dropdown-toggle {
      width: 150px;
      border-radius: 5px;
      padding: 11px 15px;
      background-color: unset; }
      @media (max-width: 575px) {
        .main-product-wrapper .product-body .product-search-bar .dropdown-toggle {
          width: 142px;
          padding: 11px 9px; } }
      @media (max-width: 499px) {
        .main-product-wrapper .product-body .product-search-bar .dropdown-toggle {
          display: none; } }
.our-product-wrapper {
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.7);
  padding: 10px;
  border-radius: 5px; }
  .our-product-wrapper .our-product-img {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    box-shadow: var(--product-shadow);
    background-color: var(--light-slate);
    height: 158px;
    padding: 24px; }
    .our-product-wrapper .our-product-img img {
      width: 100%;
      height: 100%;
      object-fit: contain; }
  .our-product-wrapper .our-product-content .add-quantity {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 5px 13px; }
    @media (max-width: 1525px) {
      .our-product-wrapper .our-product-content .add-quantity {
        padding: 4px 8px;
        gap: 8px; } }
    @media (max-width: 1290px) {
      .our-product-wrapper .our-product-content .add-quantity {
        padding: 4px 8px;
        gap: 5px; } }
    .our-product-wrapper .our-product-content .add-quantity .remove-minus {
      display: none; }
    .our-product-wrapper .our-product-content .add-quantity .countdown-remove {
      text-align: center;
      width: 25px;
      border: unset;
      display: none;
      background-color: transparent;
      color: var(--text-gray); }
      @media (max-width: 1235px) {
        .our-product-wrapper .our-product-content .add-quantity .countdown-remove {
          width: 16px; } }
@media (max-width: 1199px) {
  .customer-sidebar-left {
    order: -1; } }

.customer-sidebar-left .responsive-order-details.md-sidebar-aside {
  height: 100%; }
  @media (max-width: 1199px) {
    .customer-sidebar-left .responsive-order-details.md-sidebar-aside {
      width: 330px; } }
  @media (max-width: 400px) {
    .customer-sidebar-left .responsive-order-details.md-sidebar-aside {
      width: 280px; } }
@media (min-width: 1200px) and (max-width: 1920px) {
  .customer-sticky {
    height: calc(100% - 30px); } }

.order-details .form-select:focus {
  box-shadow: unset !important; }

.order-details h5 {
  padding: 34px 0 18px 0; }

.order-details .order-quantity {
  display: flex;
  flex-direction: column;
  gap: 36px; }
  .order-details .order-quantity .order-details-wrapper {
    display: flex;
    gap: 10px; }
    @media (max-width: 1700px) {
      .order-details .order-quantity .order-details-wrapper {
        gap: 8px; } }
    .order-details .order-quantity .order-details-wrapper .left-details {
      display: flex;
      gap: 10px; }
      .order-details .order-quantity .order-details-wrapper .left-details .order-img {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
        box-shadow: var(--product-shadow);
        background-color: var(--light-slate);
        height: 94px;
        padding: 15px 20px;
        width: 100px; }
        @media (min-width: 1400px) and (max-width: 1920px) {
          .order-details .order-quantity .order-details-wrapper .left-details .order-img {
            width: calc(50px + (100 - 50) * ((100vw - 320px) / (1920 - 320)));
            height: calc(45px + (100 - 45) * ((100vw - 320px) / (1920 - 320))); } }
        .order-details .order-quantity .order-details-wrapper .left-details .order-img img {
          width: 100px;
          height: 100%;
          object-fit: contain; }
          @media (min-width: 1400px) and (max-width: 1920px) {
            .order-details .order-quantity .order-details-wrapper .left-details .order-img img {
              height: calc(40% + (100 - 90) * ((100vw - 320px) / (1920 - 1500))); } }
    .order-details .order-quantity .order-details-wrapper .category-details {
      display: flex;
      align-items: center;
      gap: 3px;
      justify-content: space-between;
      -webkit-box-flex: 1;
      flex: 1; }
      @media (max-width: 1700px) {
        .order-details .order-quantity .order-details-wrapper .category-details {
          flex-direction: column;
          gap: 12px;
          align-items: flex-start; } }
      .order-details .order-quantity .order-details-wrapper .category-details .right-details {
        padding: 4px;
        background-color: var(--light-slate);
        border-radius: 50px;
        text-align: center;
        margin: 0; }
        @media (min-width: 1400px) and (max-width: 1700px) {
          .order-details .order-quantity .order-details-wrapper .category-details .right-details {
            width: 70%; } }
        @media (max-width: 1400px) {
          .order-details .order-quantity .order-details-wrapper .category-details .right-details {
            width: 100px; } }
        @media (max-width: 1700px) {
          .order-details .order-quantity .order-details-wrapper .category-details .right-details .touchspin-wrapper {
            display: flex;
            justify-content: space-between;
            align-items: center; } }
        .order-details .order-quantity .order-details-wrapper .category-details .right-details .touchspin-wrapper .btn-touchspin {
          border-radius: 50px;
          width: 27px;
          height: 27px;
          display: flex;
          justify-content: center;
          align-items: center;
          border: unset;
          background-color: var(--white); }
          @media (min-width: 1400px) and (max-width: 1920px) {
            .order-details .order-quantity .order-details-wrapper .category-details .right-details .touchspin-wrapper .btn-touchspin {
              width: calc(18px + (27 - 18) * ((100vw - 1400px) / (1920 - 1400)));
              height: calc(18px + (27 - 18) * ((100vw - 1400px) / (1920 - 1400))); } }
        .order-details .order-quantity .order-details-wrapper .category-details .right-details .touchspin-wrapper input[type='number'] {
          width: 27px;
          padding: 10px 0;
          text-align: center;
          border: unset;
          background-color: unset;
          color: var(--body-font-color); }
          @media (max-width: 1700px) {
            .order-details .order-quantity .order-details-wrapper .category-details .right-details .touchspin-wrapper input[type='number'] {
              padding: 0; } }
          @media (min-width: 1400px) and (max-width: 1920px) {
            .order-details .order-quantity .order-details-wrapper .category-details .right-details .touchspin-wrapper input[type='number'] {
              width: calc(18px + (27 - 18) * ((100vw - 1400px) / (1920 - 1400))); } }
      .order-details .order-quantity .order-details-wrapper .category-details .order-details-right .last-order-detail {
        display: flex;
        align-items: center;
        gap: 15px; }
        .order-details .order-quantity .order-details-wrapper .category-details .order-details-right .last-order-detail a i {
          color: var(--text-gray);
          font-size: 15px; }
    .order-details .order-quantity .order-details-wrapper.product-remove {
      display: none; }

.order-details .total-item {
  margin-top: 20px;
  padding: 12px 15px;
  background-color: var(--light-slate);
  border-radius: 5px; }
  .order-details .total-item .item-number {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px; }

.payment-methods {
  display: flex;
  text-align: center;
  justify-content: space-between; }
  .payment-methods .bg-payment {
    background-color: var(--light-slate);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 23px 21px;
    border-radius: 5px;
    width: 90px;
    height: 80px;
    border: 1px solid transparent; }
    @media (max-width: 1785px) {
      .payment-methods .bg-payment {
        width: 85px; } }
    @media (max-width: 1720px) {
      .payment-methods .bg-payment {
        width: 75px;
        height: 71px; } }
    @media (max-width: 1585px) {
      .payment-methods .bg-payment {
        width: 68px;
        height: 68px; } }
    @media (max-width: 1485px) {
      .payment-methods .bg-payment {
        width: 64px;
        height: 64px; } }
    @media (max-width: 1445px) {
      .payment-methods .bg-payment {
        width: 64px;
        height: 64px; } }
    @media (max-width: 1455px) {
      .payment-methods .bg-payment {
        width: 60px;
        height: 60px; } }
    .payment-methods .bg-payment img {
      filter: grayscale(1);
      height: calc(22px + (40 - 22) * ((100vw - 320px) / (1920 - 320))); }
    .payment-methods .bg-payment:hover, .payment-methods .bg-payment.active,
    .payment-methods .bg-payment :focus {
      border: 1px solid var(--theme-deafult);
      background-color: rgba(0, 102, 102, 0.2); }
      .payment-methods .bg-payment:hover img, .payment-methods .bg-payment.active img,
      .payment-methods .bg-payment :focus img {
        filter: unset; }
  .payment-methods span {
    padding-top: 12px; }

.place-order {
  margin-top: 17px; }
  .place-order button {
    padding: 11px 0; }

.empty-card {
  display: none; }
  .empty-card.show {
    display: block; }

.empty-cart-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center; }
  .empty-cart-wrapper .empty-cart-content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: var(--light-slate); }
    @media screen and (max-width: 1920px) and (min-width: 1400px) {
      .empty-cart-wrapper .empty-cart-content {
        width: calc(85px + (100 - 45) * ((100vw - 1400px) / (1920 - 1400)));
        height: calc(85px + (100 - 45) * ((100vw - 1400px) / (1920 - 1400))); } }
    .empty-cart-wrapper .empty-cart-content img {
      width: 100%;
      height: 100%; }
  .empty-cart-wrapper h6 {
    line-height: 22px;
    padding-top: 14px; }

/**=====================
   3.45 Dashboard_8 Ends
==========================**/
/**=====================
  3.13 Dashboard_default CSS Start
==========================**/
.form-control-plaintext {
  width: auto !important; }

@keyframes bounce-effect {
  0% {
    transform: translateY(0);
    transition: 0.5s; }
  50% {
    transform: translateY(-5px);
    transition: 0.5s; }
  100% {
    transform: translateY(0);
    transition: 0.5s; } }

@keyframes round {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.badge-light-primary {
  background-color: #29ffff; }
  .badge-light-primary span {
    color: #006666 !important; }

.badge-light-secondary {
  background-color: white; }
  .badge-light-secondary span {
    color: #FE6A49 !important; }

.badge-light-success {
  background-color: #6fffa9; }
  .badge-light-success span {
    color: #00AC46 !important; }

.badge-light-danger {
  background-color: white; }
  .badge-light-danger span {
    color: #FE6A49 !important; }

.badge-light-info {
  background-color: #6e96e3; }
  .badge-light-info span {
    color: #173878 !important; }

.badge-light-light {
  background-color: #b7b7c9; }
  .badge-light-light span {
    color: #52526c !important; }

.badge-light-dark {
  background-color: #8490a9; }
  .badge-light-dark span {
    color: #2c323f !important; }

.badge-light-warning {
  background-color: #fff3dc; }
  .badge-light-warning span {
    color: #FFAE1A !important; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.table thead th {
  border-bottom: 2px solid #ecf3fa; }

@media (max-width: 1712px) {
  .overall-card .balance-card {
    padding: 12px; } }

@media (max-width: 1662px) and (min-width: 1600px) {
  .overall-card .col-xl-9 {
    width: 73%; }
  .overall-card .col-xl-3 {
    width: 27%; } }

@media (max-width: 1650px) and (min-width: 1600px) {
  .overall-card .col-xl-9 {
    width: 72%; }
  .overall-card .col-xl-3 {
    width: 28%; } }

@media (max-width: 1600px) and (min-width: 1500px) {
  .overall-card .col-xl-9 {
    width: 70%; }
  .overall-card .col-xl-3 {
    width: 30%; } }

@media (max-width: 1500px) and (min-width: 1200px) {
  .overall-card .col-xl-9 {
    width: 65%; }
  .overall-card .col-xl-3 {
    width: 35%; } }

/* Clock styles */
.clockbox {
  margin-bottom: -5px; }
  .clockbox svg {
    width: 45px;
    height: 45px; }
    @media (max-width: 767px) {
      .clockbox svg {
        height: 36px; } }
.circle {
  fill: #fff;
  stroke: rgba(255, 255, 255, 0.4);
  stroke-width: 80px;
  stroke-miterlimit: 10; }

.mid-circle {
  fill: #000; }

.hour-marks {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 9;
  stroke-miterlimit: 10; }

.hour-hand {
  fill: none;
  stroke: #ff7e00;
  stroke-width: 17;
  stroke-miterlimit: 10; }

.minute-hand {
  fill: none;
  stroke: #ff7e00;
  stroke-width: 11;
  stroke-miterlimit: 10; }

.second-hand {
  fill: none;
  stroke: #FFAE1A;
  stroke-width: 15px;
  stroke-miterlimit: 10; }

.sizing-box {
  fill: none; }

#hour,
#minute,
#second {
  transform-origin: 300px 300px;
  transition: transform .5s ease-in-out; }

@media (min-width: 1400px) {
  .widget-grid .height-equal {
    min-height: unset !important; } }

@media (min-width: 1400px) {
  .widget-grid > .col-xxl-auto {
    width: 22.22%; } }

.order-chart > div {
  margin-top: -25px;
  margin-bottom: -43px; }

.order-chart svg path {
  clip-path: inset(7% 0% 0% 0% round 0.6rem); }

.growth-wrap .card-header {
  position: relative;
  z-index: 1; }

.growth-wrapper > div {
  margin-top: -54px;
  margin-bottom: -25px; }
  @media (max-width: 1481px) {
    .growth-wrapper > div {
      margin-top: -50px; } }
.profit-chart > div {
  margin-top: -45px;
  margin-bottom: -48px; }

.profit-chart .apexcharts-canvas .apexcharts-tooltip-text-label {
  display: none; }

.card .card-footer .common-space a {
  color: #051A1A; }

.card .card-footer .common-space:hover a {
  color: #006666; }

.sales-wrapper .apexcharts-xaxistooltip {
  display: none; }

.total-order .apexcharts-xaxistooltip {
  display: none; }

.sales-chart {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.sales-chart-dropdown {
  display: flex;
  gap: 15px;
  align-items: center; }
  .sales-chart-dropdown .sales-chart-dropdown-select {
    display: flex;
    justify-content: end;
    gap: 15px; }

.total-revenue {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .total-revenue span {
    font-weight: 500; }
  .total-revenue .update-data {
    position: relative; }
    .total-revenue .update-data::before {
      content: "";
      position: absolute;
      height: 4px;
      width: 4px;
      bottom: 3px;
      left: -15px;
      bottom: 9px;
      border-radius: 15px;
      background-color: #86909C; }
  .total-revenue a {
    font-weight: 600; }

.total-chart {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: -45px;
  margin-top: -20px; }
  .total-chart .data-grow svg {
    width: 24px;
    height: 24px;
    cursor: pointer; }
  .total-chart .data-grow span {
    color: #051A1A; }

.special-Offer {
  background-image: url(/../images/dashboard/Banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 363px;
  border-radius: 8px;
  width: 100%;
  background-position: center; }
  .special-Offer h4 {
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    text-align: center; }
  .special-Offer p {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center; }
  .special-Offer .offer-contain {
    padding-top: 45px;
    text-align: center; }
    .special-Offer .offer-contain p {
      margin: 0px 20px; }

.ecommerce-banner {
  background-image: url(/../images/dashboard/Dashboard-Ecommerce-banner.gif);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 190px; }

.product-widget:hover {
  transform: translateY(-5px);
  transition: 0.5s; }

.new-product {
  padding: 16px !important; }
  .new-product svg {
    cursor: pointer; }
  .new-product:hover .product-cost .add-product svg {
    animation: tada 1.5s ease infinite; }
  .new-product .product-icon {
    height: 50px;
    width: 50px;
    border-radius: 6px; }
  .new-product .product-cost {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .new-product .product-cost .add-product {
      display: flex;
      align-items: center;
      gap: 16px; }
      .new-product .product-cost .add-product h6 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .new-product .product-cost .add-product span {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
    .new-product .product-cost .product-icon svg {
      height: 25px;
      margin: 12px;
      width: 25px; }

.product-costing {
  margin-bottom: 14px;
  border-bottom: 1px dashed #E6E9EB; }
  .product-costing p {
    font-size: 14px;
    font-weight: 500; }
  .product-costing span {
    margin-bottom: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .product-costing:last-child {
    border: none;
    margin-bottom: 0px; }
    .product-costing:last-child span {
      margin-bottom: 0px; }
  .product-costing .product-icon {
    height: 50px;
    width: 50px;
    border-radius: 6px; }
  .product-costing:last-child .costing-span {
    margin-bottom: 0px; }
  .product-costing .product-cost {
    display: flex;
    gap: 15px;
    margin-bottom: 8px; }
    .product-costing .product-cost .product-icon svg {
      height: 25px;
      margin: 12px;
      width: 25px;
      cursor: pointer; }
  .product-costing:hover .product-cost svg {
    animation: tada 1.5s ease infinite; }

.sale-history-card {
  margin-bottom: 16px;
  border-bottom: 1px solid #E6E9EB; }
  .sale-history-card:last-child {
    margin-bottom: 0px;
    border: none; }
  .sale-history-card:hover .history-price a {
    color: #006666 !important; }
  .sale-history-card .history-price {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .sale-history-card .history-price a {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: #051A1A; }
  .sale-history-card:last-child .state-time {
    margin-bottom: 0px; }
  .sale-history-card .state-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px; }

.table-order .order-table-images {
  height: 35px; }

.table-order .product-name {
  display: flex;
  align-items: center;
  gap: 15px; }
  .table-order .product-name img {
    border-radius: 4px; }

.table-order .invoice-icon {
  height: 24px;
  width: 24px; }

.table-order .latest-orders thead {
  background-color: rgba(230, 233, 235, 0.3); }
  .table-order .latest-orders thead tr th {
    padding: 20px; }
    .table-order .latest-orders thead tr th:nth-child(1) {
      min-width: 190px; }
    .table-order .latest-orders thead tr th:nth-child(2) {
      min-width: 200px;
      padding: 20px 0px; }
    .table-order .latest-orders thead tr th:nth-child(3) {
      min-width: 130px;
      padding: 20px 0px; }
    .table-order .latest-orders thead tr th:nth-child(4) {
      min-width: 90px;
      padding: 20px 0px; }
    .table-order .latest-orders thead tr th:nth-child(5) {
      min-width: 50px; }
    .table-order .latest-orders thead tr th:first-child {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important; }
    .table-order .latest-orders thead tr th:last-child {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }

.table-order .latest-orders tbody tr {
  border-bottom: 1px solid #E6E9EB; }
  .table-order .latest-orders tbody tr td {
    padding-top: 17px;
    padding-bottom: 17px; }
    .table-order .latest-orders tbody tr td:nth-child(4) .badge {
      padding: 7px 18px; }
    .table-order .latest-orders tbody tr td:last-child {
      text-align: center; }
    .table-order .latest-orders tbody tr td p {
      color: var(--body-font-color);
      font-weight: 500; }
    .table-order .latest-orders tbody tr td .status-process {
      border-radius: 15px;
      padding: 12px; }
    .table-order .latest-orders tbody tr td:last-child .product-sub {
      text-align: center; }
  .table-order .latest-orders tbody tr:last-child {
    border: none; }
    .table-order .latest-orders tbody tr:last-child td {
      padding-bottom: 0px;
      overflow: hidden; }

.table-order .latest-orders tbody tr td a {
  color: #051A1A; }

.table-order .latest-orders tbody tr:hover td a {
  color: var(--theme-deafult) !important; }

.table-order .order-table thead {
  background-color: rgba(230, 233, 235, 0.3); }
  .table-order .order-table thead tr th {
    padding: 20px; }
    .table-order .order-table thead tr th:nth-child(1) {
      min-width: 190px; }
    .table-order .order-table thead tr th:nth-child(2) {
      min-width: 200px;
      padding: 20px 0px; }
    .table-order .order-table thead tr th:nth-child(3) {
      min-width: 130px;
      padding: 20px 0px; }
    .table-order .order-table thead tr th:nth-child(4) {
      min-width: 90px;
      padding: 20px 0px; }
    .table-order .order-table thead tr th:nth-child(5) {
      min-width: 50px; }
    .table-order .order-table thead tr th:first-child {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important; }
    .table-order .order-table thead tr th:last-child {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }

.table-order .order-table tbody tr {
  border-bottom: 1px solid #E6E9EB; }
  .table-order .order-table tbody tr td {
    padding-top: 17px;
    padding-bottom: 17px; }
    .table-order .order-table tbody tr td:nth-child(4) .badge {
      padding: 9px 18px; }
    .table-order .order-table tbody tr td:last-child {
      text-align: center; }
    .table-order .order-table tbody tr td p {
      color: var(--body-font-color);
      font-weight: 500; }
    .table-order .order-table tbody tr td .status-process {
      border-radius: 15px;
      padding: 12px; }
    .table-order .order-table tbody tr td:last-child .product-sub {
      text-align: center; }
  .table-order .order-table tbody tr:last-child {
    border: none; }
    .table-order .order-table tbody tr:last-child td {
      padding-bottom: 0px; }

.table-order .order-table tbody tr td a {
  color: #051A1A; }

.table-order .order-table tbody tr:hover td .product-name .product-sub a {
  color: var(--theme-deafult) !important; }

.revenueproductwidget {
  margin: 230px 0px 0px 0px; }

.revenueproduct .apexcharts-canvas .apexcharts-legend {
  display: flex;
  flex-direction: column;
  gap: 5px; }

.revenueproduct .apexcharts-canvas .apexcharts-legend-marker {
  border-radius: 4px !important; }

.revenueproduct .apexcharts-canvas .apexcharts-legend-text {
  font-size: 14px !important; }

.widget-1 {
  background-image: url(/../images/dashboard/widget-bg.png);
  background-size: cover;
  margin-bottom: 25px; }
  .widget-1 i {
    font-weight: 700;
    font-size: 12px; }
  .widget-1 .f-w-500 {
    display: flex;
    align-items: center; }
    @media (max-width: 1580px) and (min-width: 1200px) {
      .widget-1 .f-w-500 {
        display: none; } }
  .widget-1 .card-body {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 18px 25px; }
    @media (max-width: 1720px) {
      .widget-1 .card-body {
        padding: 18px; } }
  .widget-1 .widget-round {
    position: relative;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-radius: 100%; }
    .widget-1 .widget-round .bg-round {
      width: 56px;
      height: 56px;
      box-shadow: 1px 2px 21px -2px rgba(214, 214, 227, 0.83);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      margin: 6px;
      position: relative;
      z-index: 1; }
      .widget-1 .widget-round .bg-round svg {
        width: 24px;
        height: 24px; }
      .widget-1 .widget-round .bg-round .half-circle {
        height: 52px;
        position: absolute;
        left: -9px;
        width: 35px;
        bottom: -8px;
        background: #fff;
        z-index: -1; }
      @media (max-width: 1600px) {
        .widget-1 .widget-round .bg-round {
          width: 40px;
          height: 40px; }
          .widget-1 .widget-round .bg-round svg {
            width: 22px;
            height: 22px; }
          .widget-1 .widget-round .bg-round .half-circle {
            height: 40px;
            left: -10px;
            width: 30px;
            bottom: -8px; } }
    .widget-1 .widget-round.primary {
      border-color: var(--theme-deafult); }
    .widget-1 .widget-round.secondary {
      border-color: var(--theme-secondary); }
    .widget-1 .widget-round.success {
      border-color: #00AC46; }
    .widget-1 .widget-round.warning {
      border-color: #FFAE1A; }
  .widget-1 .widget-content {
    display: flex;
    align-items: center;
    gap: 15px; }
    @media (max-width: 1600px) {
      .widget-1 .widget-content {
        gap: 10px; } }
    .widget-1 .widget-content h4 {
      margin-bottom: 4px; }
  .widget-1:hover {
    transform: translateY(-5px);
    transition: 0.5s; }
    .widget-1:hover .widget-round .svg-fill:not(.half-circle) {
      animation: tada 1.5s ease infinite; }

.widget-with-chart .card-body {
  align-items: center; }

.profile-box {
  background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%);
  color: #fff; }
  .profile-box .cartoon {
    position: absolute;
    bottom: -15px;
    right: 20px;
    animation: bounce-effect 5s infinite ease-in; }
    [dir="rtl"] .profile-box .cartoon {
      right: unset !important;
      left: 5px; }
    @media (max-width: 1660px) {
      .profile-box .cartoon {
        right: 30px;
        text-align: right; }
        [dir="rtl"] .profile-box .cartoon {
          left: -6px;
          text-align: left; }
        .profile-box .cartoon img {
          width: 80%; } }
    @media (max-width: 1500px) {
      .profile-box .cartoon img {
        width: 60%; } }
    @media (max-width: 767px) {
      .profile-box .cartoon {
        right: 10px; }
        [dir="rtl"] .profile-box .cartoon {
          left: -10px; }
        .profile-box .cartoon img {
          width: 52%; } }
    @media (max-width: 575px) {
      .profile-box .cartoon {
        right: 30px; }
        [dir="rtl"] .profile-box .cartoon {
          left: 10px; }
        .profile-box .cartoon img {
          width: 48%; } }
  .profile-box .greeting-user p {
    width: 60%; }
    @media (max-width: 1500px) {
      .profile-box .greeting-user p {
        width: 70%; } }
    @media (max-width: 1199px) {
      .profile-box .greeting-user p {
        width: 80%; } }
    @media (max-width: 767px) {
      .profile-box .greeting-user p {
        width: 98%; } }
    @media (max-width: 600px) {
      .profile-box .greeting-user p {
        width: 100%; } }
    @media (max-width: 575px) {
      .profile-box .greeting-user p {
        width: 98%; } }
  .profile-box .whatsnew-btn {
    margin-top: 3.5rem; }
    @media (max-width: 1500px) {
      .profile-box .whatsnew-btn {
        margin-top: 1.7rem; } }
    @media (max-width: 991px) {
      .profile-box .whatsnew-btn {
        margin-top: 3.5rem; } }
    @media (max-width: 638px) {
      .profile-box .whatsnew-btn {
        margin-top: 2rem; } }
    @media (max-width: 767px) {
      .profile-box .whatsnew-btn .btn {
        padding: 6px 10px; } }
.header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px; }
  .header-top a i {
    font-size: 11px;
    margin-bottom: -2px; }
  .header-top a.btn {
    padding: 8px 12px; }
    @media (max-width: 575px) {
      .header-top a.btn {
        padding: 5px; } }
    .header-top a.btn.badge-light-primary:hover {
      background-color: var(--theme-deafult); }

.user-details {
  display: flex;
  align-items: center;
  gap: 15px; }
  @media (max-width: 1399px) {
    .user-details {
      gap: 6px; } }
  .user-details .customers {
    width: 200px; }
  @media (max-width: 575px) {
    .user-details {
      flex-wrap: wrap; } }
.papernote-wrap .banner-img {
  border-radius: 15px;
  width: 100%; }

.papernote-wrap .note-labels {
  display: flex;
  align-items: center; }
  .papernote-wrap .note-labels > * {
    padding: 3px 0; }
  .papernote-wrap .note-labels ul {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap; }
    @media (max-width: 575px) {
      .papernote-wrap .note-labels ul {
        gap: 4px; } }
  .papernote-wrap .note-labels .badge {
    font-size: 14px;
    padding: 6px 12px; }
    @media (max-width: 575px) {
      .papernote-wrap .note-labels .badge {
        font-size: 12px;
        padding: 5px 6px; } }
  .papernote-wrap .note-labels .last-label {
    padding-left: 16px;
    margin-left: 16px;
    border-left: 1px dashed rgba(255, 255, 255, 0.7); }
    [dir="rtl"] .papernote-wrap .note-labels .last-label {
      padding-left: unset;
      margin-left: unset;
      margin-right: 16px;
      padding-right: 16px;
      border-left: none;
      border-right: 1px dashed rgba(255, 255, 255, 0.7); }
    @media (max-width: 575px) {
      .papernote-wrap .note-labels .last-label {
        padding-left: 8px;
        margin-left: 8px; }
        [dir="rtl"] .papernote-wrap .note-labels .last-label {
          margin-right: 8px;
          padding-right: 8px; } }
.papernote-wrap .light-card {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--light2);
  border: 1px solid rgba(255, 255, 255, 0.2); }

.appointment-sec .card-header-right-icon select {
  background-color: rgba(0, 102, 102, 0.08) !important;
  border: none;
  color: var(--theme-deafult) !important;
  width: auto !important;
  height: 32px !important;
  border-radius: 10px;
  padding: 5px 10px;
  line-height: 50px !important;
  font-weight: 500;
  border: none;
  outline: none !important; }
  .appointment-sec .card-header-right-icon select:hover {
    background-color: rgba(0, 102, 102, 0.08) !important;
    color: var(--theme-deafult) !important; }

.appointment-sec .bottom-btn {
  text-align: center; }
  .appointment-sec .bottom-btn a {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.3px;
    text-decoration-line: underline;
    text-transform: uppercase; }

.notification ul {
  position: relative; }
  .notification ul::before {
    position: absolute;
    content: "";
    border: 1px dashed #E6E9EB;
    opacity: 0.3;
    top: 12px;
    left: 2px;
    height: calc(100% - 12px); }
    [dir="rtl"] .notification ul::before {
      left: unset;
      right: 2px; }

.notification li {
  padding-bottom: 22px; }

.notification div[class*="activity-dot-"] {
  margin-top: 12px;
  animation: round 1.3s ease-in-out infinite; }

.notification .card .d-flex .w-100 p .badge {
  color: #fff;
  margin-left: 10px;
  font-weight: 500; }

.notification .card .d-flex .w-100 h6 {
  margin-bottom: 5px;
  position: relative; }
  .notification .card .d-flex .w-100 h6 ~ p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-emphasis: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 260px; }
    @media (max-width: 767px) {
      .notification .card .d-flex .w-100 h6 ~ p {
        -webkit-line-clamp: unset;
        text-emphasis: unset;
        white-space: unset;
        text-overflow: unset;
        display: block;
        width: unset;
        overflow: visible; } }
@keyframes round {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.notification .card .d-flex .w-100 span {
  color: #FFFFFF; }

.notification .card .d-flex:nth-child(2) .media-body h6 .dot-notification {
  background-color: #FFAE1A;
  border: 5px solid #ffe4b3; }

.notification .card .d-flex:last-child {
  margin-bottom: 0 !important; }

.notification .date-content {
  padding: 4px 8px;
  border-radius: 5px; }

.schedule-container > div {
  margin-bottom: -40px; }

.schedule-container svg path {
  clip-path: inset(1% 0% 0% 0% round 1.5rem); }

.purchase-card {
  text-align: center;
  margin-top: 200px; }
  @media (max-width: 1560px) {
    .purchase-card {
      margin-top: 170px; } }
  @media (max-width: 1399px) {
    .purchase-card {
      margin-top: 160px; } }
  @media (max-width: 500px) {
    .purchase-card {
      margin-top: 110px; } }
  @media (max-width: 420px) {
    .purchase-card {
      margin-top: 90px; } }
  .purchase-card img {
    margin-top: -208px; }
    @media (max-width: 1560px) {
      .purchase-card img {
        margin-top: -170px; } }
    @media (max-width: 1399px) {
      .purchase-card img {
        width: 70%;
        margin: -160px auto 0 auto; } }
    @media (max-width: 1366px) {
      .purchase-card img {
        width: 76%; } }
    @media (max-width: 1199px) {
      .purchase-card img {
        width: 86%; } }
    @media (max-width: 991px) {
      .purchase-card img {
        width: 72%; } }
    @media (max-width: 767px) {
      .purchase-card img {
        width: 50%; } }
    @media (max-width: 500px) {
      .purchase-card img {
        margin-top: -110px; } }
    @media (max-width: 420px) {
      .purchase-card img {
        margin-top: -90px;
        width: 60%; } }
  .purchase-card .purchase-btn {
    min-width: auto; }

.user-list {
  column-count: 2;
  column-rule-style: dashed;
  column-rule-color: rgba(255, 255, 255, 0.7);
  column-gap: 120px;
  column-rule-width: 1px; }
  @media (max-width: 1780px) {
    .user-list {
      column-gap: 80px; } }
  @media (max-width: 1660px) {
    .user-list {
      column-gap: 40px; } }
  @media (max-width: 360px) {
    .user-list {
      column-gap: 25px; } }
  .user-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%; }
    @media (max-width: 1540px) {
      .user-list li {
        gap: 5px; } }
    .user-list li i {
      font-size: 12px;
      font-weight: 700; }
    @media (max-width: 360px) {
      .user-list li h5 {
        font-size: 16px; } }
    @media (max-width: 360px) {
      .user-list li span {
        font-size: 13px; } }
    .user-list li:hover .user-box svg {
      animation: tada 1.5s ease infinite; }
  .user-list .user-icon {
    border-radius: 100%;
    display: inline-block; }
    .user-list .user-icon .user-box {
      margin: 3px;
      width: 47px;
      height: 47px;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 1540px) {
        .user-list .user-icon .user-box {
          width: 30px;
          height: 30px; }
          .user-list .user-icon .user-box svg {
            width: 18px;
            height: 18px; } }
    .user-list .user-icon.primary {
      border: 1px solid #006666; }
      .user-list .user-icon.primary .user-box {
        background: #00e6e6; }
    .user-list .user-icon.success {
      border: 1px solid #00AC46; }
      .user-list .user-icon.success .user-box {
        background: #79ffb0; }

.appointment-table table tr td {
  position: relative;
  border-top: none;
  padding: 15px 0;
  vertical-align: middle; }
  .appointment-table table tr td:first-child {
    width: 50px; }
  .appointment-table table tr td .status-circle {
    top: 1px;
    left: 35px;
    border-width: 3px; }
  .appointment-table table tr td p,
  .appointment-table table tr td .btn {
    font-weight: 500;
    font-size: 12px; }
  .appointment-table table tr td .btn {
    padding: 4px 12px; }

.appointment-table table tr .img-content-box a {
  color: var(--body-font-color);
  transition: 0.5s;
  display: inline-block !important; }

.appointment-table table tr .img-content-box span {
  display: block; }

.appointment-table table tr:hover .img-content-box a {
  color: var(--theme-deafult);
  transition: 0.5s; }

.appointment-table table tr:first-child td {
  padding-top: 0 !important; }

.appointment-table table tr:last-child td {
  padding-bottom: 0 !important; }

.appointment-table.customer-table table tr td {
  padding: 10px 0; }
  .appointment-table.customer-table table tr td img {
    min-width: 40px; }

.icon-box {
  width: 50px;
  height: 32px;
  background-color: rgba(0, 102, 102, 0.08);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .icon-box i {
    color: var(--theme-deafult);
    font-size: 22px; }
  .icon-box svg {
    stroke: var(--theme-deafult); }

.balance-card {
  display: flex;
  padding: 15px;
  border-radius: 5px;
  gap: 15px;
  transition: 0.5s; }
  @media (max-width: 1199px) {
    .balance-card {
      gap: 8px; } }
  .balance-card .svg-box {
    width: 43px;
    height: 43px;
    background: #fff;
    box-shadow: 0px 71.2527px 51.5055px rgba(229, 229, 245, 0.189815), 0px 42.3445px 28.0125px rgba(229, 229, 245, 0.151852), 0px 21.9866px 14.2913px rgba(229, 229, 245, 0.125), 0px 8.95749px 7.16599px rgba(229, 229, 245, 0.0981481), 0px 2.03579px 3.46085px rgba(229, 229, 245, 0.0601852);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 1199px) {
      .balance-card .svg-box {
        width: 35px;
        height: 35px; } }
    .balance-card .svg-box svg {
      height: 20px;
      fill: rgba(255, 255, 255, 0.85); }
      @media (max-width: 1199px) {
        .balance-card .svg-box svg {
          height: 17px; } }
.btn-light-secondary {
  background-color: rgba(var(--theme-secondary), 0.1);
  font-size: 12px;
  padding: 6px 12px;
  font-weight: 600; }

.crm-activity > li + li {
  border-top: 1px solid #efefef;
  margin-top: 10px;
  padding-top: 10px; }
  .crm-activity > li + li h6 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px; }

.crm-activity > li h6 {
  font-size: 14px; }

.crm-activity span {
  font-size: 40px; }

.crm-activity ul.dates h6 {
  color: #051A1A; }

.crm-activity ul.dates li {
  color: #FFFFFF;
  font-size: 12px;
  display: inline-block;
  line-height: 1; }
  .crm-activity ul.dates li + li {
    border-left: 1px solid #efefef;
    padding-left: 10px;
    margin-left: 5px; }

.fill-primary {
  fill: #006666; }

.fill-secondary {
  fill: #FE6A49; }

.fill-success {
  fill: #00AC46; }

.fill-warning {
  fill: #FFAE1A; }

.fill-info {
  fill: #173878; }

.fill-danger {
  fill: #FE6A49; }

.ecommerce-widget {
  box-shadow: none;
  border: 1px solid #f1f3ff !important;
  border-radius: 5px; }
  .ecommerce-widget .total-num {
    color: #051A1A;
    margin: 0;
    letter-spacing: 1px; }
    .ecommerce-widget .total-num span {
      color: #000; }
  .ecommerce-widget .row {
    align-items: center; }
  .ecommerce-widget .progress-showcase {
    margin-top: 30px; }
  .ecommerce-widget span {
    color: #FFFFFF;
    margin: 0;
    cursor: pointer; }
  .ecommerce-widget .icon {
    color: #efefef;
    font-size: 40px; }
  .ecommerce-widget .flot-chart-container {
    height: 100px;
    padding: 0;
    margin: 0;
    border: transparent; }
  .ecommerce-widget .morris-default-style {
    display: none !important; }
  .ecommerce-widget svg {
    -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3)); }

.redial-social-widget {
  border-radius: 100%;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  margin: 0 auto;
  background-image: linear-gradient(90deg, #E6E9EB 50%, transparent 50%, transparent), linear-gradient(90deg, #ecf3fa 50%, #E6E9EB 50%, #E6E9EB); }
  .redial-social-widget i {
    background-color: #fff;
    height: 80px;
    width: 80px;
    border-radius: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; }
  .redial-social-widget.radial-bar-70 {
    background-image: linear-gradient(342deg, var(--theme-deafult) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--theme-deafult) 50%, #E6E9EB 50%, #E6E9EB); }

.browser-widget:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  transition: all 0.3s ease;
  transform: scale(1.1) rotate(5deg); }

.browser-widget img {
  height: 80px;
  filter: grayscale(100%);
  transform: scale(1) rotate(0deg);
  transition: all 0.3s ease; }

.browser-widget .media-body {
  text-align: center;
  column-count: 3;
  column-rule: 1px solid #E6E9EB; }
  .browser-widget .media-body p {
    margin-bottom: 5px; }
  .browser-widget .media-body span {
    margin-bottom: 0;
    color: #FFFFFF; }
  .browser-widget .media-body h4 {
    color: #051A1A;
    margin-bottom: 0;
    font-size: 18px; }
    .browser-widget .media-body h4 span {
      color: #333333; }

.testimonial i {
  font-size: 60px;
  color: rgba(43, 43, 43, 0.7);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.1;
  z-index: -1; }

.testimonial p {
  color: #FFFFFF;
  font-style: italic;
  margin-bottom: 30px;
  margin-top: 30px; }

.testimonial h5 {
  color: #051A1A;
  padding-top: 10px; }

.testimonial span {
  color: #FFFFFF; }

.testimonial img {
  margin: 0 auto; }

.widget-charts .widget-1 .card-body {
  padding: 30px 25px; }

.chart-widget-top #chart-widget1,
.chart-widget-top #chart-widget2,
.chart-widget-top #chart-widget3 {
  margin-bottom: -14px; }
  .chart-widget-top #chart-widget1 .apexcharts-xaxistooltip,
  .chart-widget-top #chart-widget2 .apexcharts-xaxistooltip,
  .chart-widget-top #chart-widget3 .apexcharts-xaxistooltip {
    display: none; }

.chart-widget-top span {
  color: #6C757D; }

.bar-chart-widget .apexcharts-legend {
  bottom: 0 !important; }
  .bar-chart-widget .apexcharts-legend .apexcharts-legend-series {
    margin: 0 10px !important; }
  .bar-chart-widget .apexcharts-legend .apexcharts-legend-marker {
    margin-right: 5px; }

.bar-chart-widget .top-content {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.bar-chart-widget .earning-details {
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  display: flex;
  letter-spacing: 1px; }
  .bar-chart-widget .earning-details i {
    font-size: 230px;
    position: absolute;
    opacity: 0.1;
    right: -30px;
    top: 0; }
    .bar-chart-widget .earning-details i:hover {
      transform: rotate(-5deg) scale(1.1);
      transition: all 0.3s ease; }

.bar-chart-widget .num {
  font-weight: 600; }
  .bar-chart-widget .num .color-bottom {
    color: #000; }

.skill-chart {
  margin-bottom: -48px; }
  .skill-chart .apexcharts-legend .apexcharts-legend-series span {
    display: block; }
  .skill-chart .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text {
    margin: 10px 0 20px; }

.progress-chart {
  margin: -11px 0 -20px; }
  .progress-chart .apexcharts-canvas svg path,
  .progress-chart .apexcharts-canvas svg rect {
    clip-path: inset(1% 0% 0% 0% round 1rem); }

.bottom-content span {
  color: #FFFFFF; }

.bottom-content .block-bottom {
  display: block; }

@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -30px; } }

@-webkit-keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0; }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px; } }

@keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0; }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px; } }

@-webkit-keyframes am-draw {
  0% {
    stroke-dashoffset: 500%; }
  100% {
    stroke-dashoffset: 0; } }

@keyframes am-draw {
  0% {
    stroke-dashoffset: 500%; }
  100% {
    stroke-dashoffset: 0; } }

.serial-chart .chart-container {
  width: 100%;
  height: 500px; }
  .serial-chart .chart-container .lastBullet {
    animation: am-pulsating 1s ease-out infinite; }
  .serial-chart .chart-container .amcharts-graph-column-front {
    transition: all .3s .3s ease-out; }
    .serial-chart .chart-container .amcharts-graph-column-front:hover {
      fill: var(--theme-secondary);
      stroke: var(--theme-secondary);
      transition: all .3s ease-out; }
  .serial-chart .chart-container .amcharts-graph-g3 {
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    animation: am-draw 40s; }
  .serial-chart .chart-container .amcharts-graph-g2 .amcharts-graph-stroke {
    stroke-dasharray: 3px 3px;
    stroke-linejoin: round;
    stroke-linecap: round;
    animation: am-moving-dashes 1s linear infinite; }

.chart-container .apexcharts-xaxis-label,
.chart-container .apexcharts-yaxis-label {
  font-size: 14px !important;
  color: #6C757D !important; }

.chart-container .apexcharts-xaxis-annotations rect {
  clip-path: inset(1% 0% 0% 0% round 0.2rem); }

.crypto-chart {
  margin-left: -20px; }
  .crypto-chart .apexcharts-tooltip-title {
    display: none; }
  .crypto-chart .apexcharts-tooltip-series-group:last-child, .crypto-chart .apexcharts-tooltip-series-group.active {
    padding-bottom: 0; }

.speed-chart .chart-container {
  width: 100%;
  height: 530px; }

.speed-chart .content {
  margin-top: -200px;
  margin-bottom: 20px; }
  .speed-chart .content h4 {
    font-weight: 600;
    padding-top: 2px; }

.status-widget svg {
  width: 20px;
  height: 20px;
  vertical-align: text-top; }

.status-widget .card .card-header h5 {
  line-height: 1.38; }

.status-widget .status-chart {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden; }

.small-chart-widget .chart-container {
  height: 311px;
  padding: 0;
  margin: 0;
  border: none; }

.small-chart-widget .card .card-body {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }

.donut-chart-widget .chart-container {
  height: 300px;
  border: 0;
  margin: 0;
  padding: 0; }

.status-details h4 {
  font-weight: 600; }
  .status-details h4 span {
    color: inherit; }

.status-details span {
  color: #FFFFFF; }

.status-chart .chart-container {
  height: 200px;
  border: 0;
  padding: 0;
  margin: 0; }

.map-chart .chart-container {
  width: 100%;
  height: 500px; }

.serial-chart {
  width: 100%; }

.live-products,
.turnover,
.uses,
.monthly {
  height: 300px; }

.live-products .ct-series-a .ct-area,
.live-products .ct-series-a .ct-point,
.live-products .ct-series-a .ct-line,
.live-products .ct-series-a .ct-bar,
.live-products .ct-series-a .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.77); }

.live-products .ct-label {
  fill: #fff;
  color: #fff; }

.live-products .ct-grid {
  stroke: rgba(255, 255, 255, 0.7); }

.turnover .ct-series-a .ct-area,
.turnover .ct-series-a .ct-point,
.turnover .ct-series-a .ct-line,
.turnover .ct-series-a .ct-bar,
.turnover .ct-series-a .ct-slice-donut,
.uses .ct-series-a .ct-area,
.uses .ct-series-a .ct-point,
.uses .ct-series-a .ct-line,
.uses .ct-series-a .ct-bar,
.uses .ct-series-a .ct-slice-donut,
.monthly .ct-series-a .ct-area,
.monthly .ct-series-a .ct-point,
.monthly .ct-series-a .ct-line,
.monthly .ct-series-a .ct-bar,
.monthly .ct-series-a .ct-slice-donut {
  stroke: white;
  fill: transparent; }

.turnover .ct-series-b .ct-area,
.turnover .ct-series-b .ct-point,
.turnover .ct-series-b .ct-line,
.turnover .ct-series-b .ct-bar,
.turnover .ct-series-b .ct-slice-donut,
.uses .ct-series-b .ct-area,
.uses .ct-series-b .ct-point,
.uses .ct-series-b .ct-line,
.uses .ct-series-b .ct-bar,
.uses .ct-series-b .ct-slice-donut,
.monthly .ct-series-b .ct-area,
.monthly .ct-series-b .ct-point,
.monthly .ct-series-b .ct-line,
.monthly .ct-series-b .ct-bar,
.monthly .ct-series-b .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.7);
  fill: transparent; }

.turnover .ct-series-c .ct-area,
.turnover .ct-series-c .ct-point,
.turnover .ct-series-c .ct-line,
.turnover .ct-series-c .ct-bar,
.turnover .ct-series-c .ct-slice-donut,
.uses .ct-series-c .ct-area,
.uses .ct-series-c .ct-point,
.uses .ct-series-c .ct-line,
.uses .ct-series-c .ct-bar,
.uses .ct-series-c .ct-slice-donut,
.monthly .ct-series-c .ct-area,
.monthly .ct-series-c .ct-point,
.monthly .ct-series-c .ct-line,
.monthly .ct-series-c .ct-bar,
.monthly .ct-series-c .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.4);
  fill: transparent; }

.turnover .ct-label,
.uses .ct-label,
.monthly .ct-label {
  fill: #fff;
  color: #fff; }

.turnover .ct-grid,
.uses .ct-grid,
.monthly .ct-grid {
  stroke: rgba(255, 255, 255, 0.7); }

#draggableMultiple .ui-sortable-handle .card {
  cursor: move; }

.tilt-showcase ul li .line {
  padding-top: 10px; }

.tilt-showcase .pre-mt {
  margin-top: 5px; }

.wow-title h5 {
  display: flex;
  align-items: center;
  font-size: 18px; }
  .wow-title h5 .badge {
    -webkit-text-fill-color: #fff; }

.alert-center {
  display: flex !important;
  align-items: center; }

.box-shadow-title .sub-title {
  margin: 30px 0; }

.hovercard .info .social-media ul li {
  padding-top: 3px; }

.hovercard .cardheader {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.sticky-header-main .card .card-header h5 {
  line-height: 35px; }
  .sticky-header-main .card .card-header h5 a {
    color: #fff;
    -webkit-text-fill-color: #fff; }

.custom-radio-ml {
  margin-left: 3px; }

.twitter-typeahead {
  display: block !important; }

span.twitter-typeahead .league-name {
  font-size: 16px;
  padding: 6px 10px 0; }

span.twitter-typeahead .tt-menu {
  float: left;
  width: 100%;
  min-width: 10rem;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0; }

span.twitter-typeahead .tt-suggestion {
  color: #2b2b2b;
  opacity: 0.6;
  font-size: 13px;
  padding: 6px 12px;
  border-top: 1px solid #efefef;
  background: #fff;
  cursor: pointer; }
  span.twitter-typeahead .tt-suggestion:hover, span.twitter-typeahead .tt-suggestion:focus {
    background-color: #fff; }
  span.twitter-typeahead .tt-suggestion.active, span.twitter-typeahead .tt-suggestion:active {
    color: #fff;
    background-color: var(--theme-deafult); }

#scrollable-dropdown-menu .twitter-typeahead .tt-menu .tt-dataset {
  max-height: 100px;
  overflow-y: auto; }

.chart-right {
  position: relative; }

.balance-data {
  display: flex;
  gap: 7px; }
  [dir="rtl"] .balance-data {
    right: unset;
    left: 2%; }
  @media (max-width: 991px) {
    .balance-data {
      top: -42px;
      right: -65%; }
      [dir="rtl"] .balance-data {
        left: -65%; } }
  @media (max-width: 575px) {
    .balance-data {
      display: none; } }
  .balance-data li {
    display: flex;
    align-items: center;
    font-weight: 500; }
  .balance-data .circle {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%; }

.current-sale-container {
  padding-right: 12px; }
  [dir="rtl"] .current-sale-container {
    padding-right: unset;
    padding-left: 12px; }
  .current-sale-container > div {
    margin: -22px 0 -30px -16px; }
    @media (max-width: 1199px) {
      .current-sale-container > div {
        margin-bottom: 0; } }
    @media (max-width: 404px) {
      .current-sale-container > div {
        margin-bottom: -30px; } }
  .current-sale-container .apexcharts-xaxistooltip {
    color: var(--theme-deafult);
    background: rgba(0, 102, 102, 0.1);
    border: 1px solid var(--theme-deafult); }
  .current-sale-container .apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: var(--theme-deafult); }
  .current-sale-container .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: rgba(0, 102, 102, 0.1);
    color: var(--theme-deafult); }
  @media (max-width: 575px) {
    .current-sale-container.order-container {
      padding-right: 0; }
      [dir="rtl"] .current-sale-container.order-container {
        padding-left: 0; } }
  @media (max-width: 404px) {
    .current-sale-container.order-container > div {
      margin-bottom: 0; } }
.recent-circle {
  min-width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  margin-top: 5px; }

.recent-wrapper {
  align-items: center; }
  .recent-wrapper .order-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px; }
    @media (max-width: 1199px) {
      .recent-wrapper .order-content {
        gap: 20px; } }
    @media (max-width: 575px) {
      .recent-wrapper .order-content {
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row; } }
    .recent-wrapper .order-content li {
      display: flex;
      align-items: flex-start;
      gap: 8px; }
  @media (max-width: 1660px) {
    .recent-wrapper .recent-chart .apexcharts-canvas .apexcharts-datalabel-label {
      font-size: 15px; } }
  @media (max-width: 1560px) and (min-width: 1400px) {
    .recent-wrapper > div {
      width: 100%; } }
  @media (max-width: 1560px) and (min-width: 1400px) {
    .recent-wrapper > div:last-child {
      display: none; } }
.apexcharts-series.apexcharts-radial-series {
  position: relative; }
  .apexcharts-series.apexcharts-radial-series::after {
    position: absolute;
    content: '';
    background: linear-gradient(0deg, #FFFFFF 0.05%, #F4F4F4 19.91%, #F5F6F9 55.02%, #EAECF4 100%);
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    top: 0;
    left: 0; }

.card-block .table-responsive .table caption {
  padding-left: 10px; }

.card-block .table-responsive .table-bordered td {
  vertical-align: middle; }

.card-block .table-border-radius {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.card-block .default-checkbox-align #checkbox1 {
  margin-right: 10px; }

.card-block .default-checkbox-align #radio {
  margin-right: 5px; }

#example-style-3_wrapper #example-style-3 tfoot {
  border-top: 2px solid #efefef; }

.chart-vertical-center {
  display: flex;
  justify-content: center; }
  .chart-vertical-center #myDoughnutGraph,
  .chart-vertical-center #myPolarGraph {
    width: auto !important; }

.cke_focus {
  padding: 15px;
  margin-top: 13px; }

#editor .ace_scroller .ace_content .ace_layer .ace_print-margin {
  visibility: hidden !important; }

.helper-classes {
  padding: 30px;
  margin-bottom: 0;
  white-space: pre-line; }

.starter-kit-fix .page-body {
  margin-bottom: 52px; }

.starter-main .card-body p {
  font-size: 14px; }

.starter-main .card-body ul {
  padding-left: 30px;
  list-style-type: disc;
  margin-bottom: 15px; }

.starter-main .card-body h5 {
  font-size: 18px; }

.starter-main .card-body pre {
  white-space: pre-line;
  padding: 30px; }

.starter-main .card-body .alert-primary.inverse:before {
  top: 32px; }

.starter-main .alert {
  background-color: rgba(0, 102, 102, 0.2) !important; }
  .starter-main .alert i {
    display: flex;
    align-items: center; }

footer.blockquote-footer {
  bottom: unset; }

@media only screen and (max-width: 767px) {
  .ecommerce-banner {
    height: 210px; }
  .footer-fix .pull-right {
    float: none !important;
    text-align: center !important; } }

@media only screen and (max-width: 991px) {
  .notification li {
    padding-bottom: 20px; }
  .notification .card .card-body .d-flex .w-100 p {
    margin: 0; }
  .notification .card .card-body .d-flex .w-100 h6 {
    margin-top: 10px; } }

@media only screen and (max-width: 575px) {
  .notification li {
    padding-bottom: 15px; }
  .media-dropdown {
    display: block; }
    .media-dropdown .media-body {
      margin-bottom: 15px; }
  .total-chart span {
    font-size: 12px !important; } }

@media only screen and (max-width: 360px) {
  .footer {
    padding-left: 0 !important;
    padding-right: 0 !important; }
    .footer p {
      font-size: 12px; }
  .appointment-table table tr td {
    min-width: 103px; }
    .appointment-table table tr td:first-child {
      min-width: 50px; }
    .appointment-table table tr td:nth-child(2) {
      min-width: 120px; } }

@media (max-width: 425px) {
  .sales-chart .sales-chart-dropdown-select .card-header-right-icon.online-store .dropdown {
    display: none; }
  .search-form input {
    padding-left: 50px; } }

@media (max-width: 1399px) {
  .special-Offer h4 {
    font-size: 18px; }
  .special-Offer .offer-contain p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal; }
  .total-chart .data-grow span {
    display: none !important; }
  .total-chart .data-grow svg {
    display: none !important; }
  .total-revenue span {
    font-size: 12px; }
  .total-revenue a {
    display: none !important; }
  .total-revenue span {
    font-size: 12px; }
  .total-revenue a {
    display: none !important; }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: block !important; }
  .table-order .latest-orders thead tr th:last-child {
    display: block !important; }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: block !important; }
  .table-order .latest-orders tbody tr td:last-child {
    display: block !important; }
  .table-order .order-table thead tr th:nth-child(4) {
    display: block; }
  .total-chart span {
    font-size: 15px;
    font-weight: 500 !important; } }

@media (max-width: 1299px) {
  .special-Offer h4 {
    font-size: 16px; } }

@media (max-width: 1199px) {
  .special-Offer h4 {
    font-size: 18px; }
  .total-chart .data-grow span {
    display: block !important; }
  .total-chart .data-grow svg {
    display: block !important; }
  .total-revenue a {
    display: block !important; }
  .total-revenue a {
    display: block !important; } }

@media (max-width: 1599px) {
  .table-order .latest-orders thead tr th:nth-child(2) {
    min-width: 186px; }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: none; }
  .table-order .latest-orders thead tr th:last-child {
    display: none; }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: none; }
  .table-order .latest-orders tbody tr td:last-child {
    display: none; }
  .revenueproduct {
    margin-bottom: -0px; }
    .revenueproduct .apexcharts-canvas .apexcharts-legend {
      display: none; }
  .card .card-body .product-costing .costing-span {
    font-size: 10px;
    font-weight: 400; }
  .card .card-body .product-costing .product-icon {
    height: 40px;
    width: 40px; }
    .card .card-body .product-costing .product-icon svg {
      height: 20px;
      margin: 10px;
      width: 21px; } }

@media (max-width: 1799px) {
  .balance-data li:last-child {
    display: none !important; }
  .total-chart .data-grow span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1865px) {
  .table-order .order-table thead tr th:nth-child(2) {
    min-width: 115px !important; }
  .table-order .order-table thead tr th:nth-child(3) {
    min-width: 80px !important; }
  .table-order .order-table thead tr th:nth-child(4) {
    display: none !important; }
  .table-order .order-table tbody tr td:nth-child(4) {
    display: none !important; }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: none; }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: none; } }

/**=====================
  3.13 Dashboard_default CSS Ends
==========================**/
/**=====================
  3.14 Ecommerce CSS Start
==========================**/
/**====== Product Start ======**/
.toggle-data {
  cursor: pointer; }

.filter-block ul li {
  padding-top: 15px; }
  .filter-block ul li a {
    color: var(--body-font-color); }
  @media (max-width: 1500px) {
    .filter-block ul li {
      padding-top: 10px; } }
.collection-filter-block svg {
  width: 50px;
  height: 25px;
  stroke: var(--theme-deafult);
  margin-right: 10px; }

.collection-filter-block h5 {
  margin-bottom: 0;
  font-size: 16px; }

.collection-filter-block p {
  font-size: 13px; }

.collection-filter-block .media-body {
  opacity: 0.5; }

.collection-filter-block li + li {
  margin-top: 16px; }

.collection-filter-block ul.pro-services li svg {
  width: auto; }

.qty-box .btn {
  background-color: transparent !important;
  border-color: #ecf3fa !important;
  padding: 8px 12px; }
  .qty-box .btn i {
    color: #898989; }
  .qty-box .btn svg {
    width: 14px !important;
    stroke: #2c323f; }

.qty-box span {
  padding: 0 4px; }

.qty-box .input-group {
  background-color: rgba(44, 50, 63, 0.1); }

.qty-box input {
  background-color: rgba(44, 50, 63, 0.1);
  color: #2c323f;
  max-width: 44px;
  padding: 0;
  text-align: center;
  border: none;
  max-height: 37px; }

.product-social li a {
  color: #898989;
  font-size: 15px;
  border: 1px solid #E6E9EB;
  border-radius: 100%;
  height: 35px;
  width: 35px;
  display: inline-block;
  text-align: center;
  line-height: 2.3;
  transition: all 0.3s ease; }
  .product-social li a:hover {
    border-color: #006666;
    color: #006666;
    background-color: rgba(0, 102, 102, 0.1);
    transition: all 0.3s ease; }

.product-social li:nth-child(n+2) {
  margin-left: 10px; }
  [dir="rtl"] .product-social li:nth-child(n+2) {
    margin-left: unset;
    margin-right: 10px; }

.product-sidebar .filter-section .card .card-header {
  padding: 16px 30px;
  border-radius: 5px; }
  .product-sidebar .filter-section .card .card-header h6 {
    position: relative; }
    .product-sidebar .filter-section .card .card-header h6 .pull-right i {
      position: absolute;
      top: 4px;
      left: 0;
      font-size: 10px;
      width: 100%;
      height: 10px;
      text-align: right;
      cursor: pointer; }

.product-wrapper .product-sidebar .filter-section .card .left-filter {
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: 0.3s;
  min-width: 320px; }
  .product-wrapper .product-sidebar .filter-section .card .left-filter .product-filter .irs-with-grid {
    margin-bottom: 15px; }

.product-wrapper .product-grid .product-wrapper-grid {
  margin-left: 0;
  transition: 0.3s; }

.product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
  z-index: 3;
  opacity: 1;
  visibility: visible;
  position: absolute;
  width: 100%;
  background-color: white;
  top: 53px;
  height: auto; }

.d-none-productlist {
  display: none; }
  .d-none-productlist svg {
    vertical-align: middle;
    cursor: pointer; }

.product-wrapper-grid.list-view .product-box {
  display: flex;
  align-items: center; }
  .product-wrapper-grid.list-view .product-box .product-img {
    width: 20%; }
  .product-wrapper-grid.list-view .product-box .product-details {
    text-align: left; }

.slider-product {
  padding: 15px 0;
  border-top: 1px solid #E6E9EB;
  border-bottom: 1px solid #E6E9EB;
  margin-bottom: 15px; }

.products-total {
  display: flex;
  align-items: center; }

.grid-options {
  height: 33px;
  margin-left: 10px; }
  .grid-options ul li a {
    position: relative; }
    .grid-options ul li a .line-grid {
      position: absolute;
      width: 4px;
      height: 15px;
      top: 9px; }
    .grid-options ul li a .line-grid-1 {
      left: 12px; }
    .grid-options ul li a .line-grid-2 {
      left: 18px; }
    .grid-options ul li a .line-grid-3 {
      left: 36px; }
    .grid-options ul li a .line-grid-4 {
      left: 42px; }
    .grid-options ul li a .line-grid-5 {
      left: 48px; }
    .grid-options ul li a .line-grid-6 {
      left: 66px; }
    .grid-options ul li a .line-grid-7 {
      left: 72px; }
    .grid-options ul li a .line-grid-8 {
      left: 78px; }
    .grid-options ul li a .line-grid-9 {
      left: 84px; }
    .grid-options ul li a .line-grid-10 {
      left: 103px; }
    .grid-options ul li a .line-grid-11 {
      left: 109px; }
    .grid-options ul li a .line-grid-12 {
      left: 115px; }
    .grid-options ul li a .line-grid-13 {
      left: 121px; }
    .grid-options ul li a .line-grid-14 {
      left: 127px; }
    .grid-options ul li a .line-grid-15 {
      left: 133px; }

.square-product-setting {
  height: 36px;
  vertical-align: middle; }
  .square-product-setting a {
    color: #051A1A; }
  .square-product-setting .icon-grid {
    padding: 7px;
    background-color: #fff;
    display: flex;
    align-items: center;
    margin: 0 10px; }
    .square-product-setting .icon-grid svg {
      width: 20px;
      height: 20px; }

.product-filter .banner-product {
  margin-top: 15px; }

.product-filter h6 {
  margin-bottom: 15px; }

.product-filter .color-selector {
  line-height: 0.9; }
  .product-filter .color-selector ul li {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #444;
    border-radius: 100%;
    cursor: pointer; }
    .product-filter .color-selector ul li.white {
      background-color: #fff; }
    .product-filter .color-selector ul li.gray {
      background-color: #FFFFFF; }
    .product-filter .color-selector ul li.black {
      background-color: #000; }
    .product-filter .color-selector ul li.orange {
      background-color: #ffb17a; }
    .product-filter .color-selector ul li.green {
      background-color: #6fb866; }
    .product-filter .color-selector ul li.pink {
      background-color: pink; }
    .product-filter .color-selector ul li.yellow {
      background-color: #f2f896; }
    .product-filter .color-selector ul li.blue {
      background-color: #63b4f2; }
    .product-filter .color-selector ul li.red {
      background-color: #ff647f; }

.product-filter.new-products {
  margin-top: 20px; }
  .product-filter.new-products button {
    width: auto; }
  .product-filter.new-products .owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    top: -46px;
    right: 0; }
    .product-filter.new-products .owl-theme .owl-nav button:focus {
      outline: transparent; }
    .product-filter.new-products .owl-theme .owl-nav button span {
      font-size: 20px; }
      .product-filter.new-products .owl-theme .owl-nav button span:focus {
        outline-color: transparent; }
  .product-filter.new-products .owl-theme .owl-nav [class*='owl-']:hover {
    background-color: transparent;
    color: inherit; }
  .product-filter.new-products .owl-theme .owl-item .item .product-box .product-details {
    padding: 25px 0; }
  .product-filter.new-products .owl-theme .owl-item .item .product-box + .product-box {
    margin-top: 15px; }

.select2-drpdwn-product .form-control {
  border: none;
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  margin-bottom: 10px;
  height: 36px; }

.feature-products form .form-group {
  position: relative; }
  .feature-products form .form-group input {
    margin-bottom: 15px;
    border: none;
    box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
    height: 50px;
    padding-left: 30px; }
  .feature-products form .form-group i {
    position: absolute;
    top: 18px;
    right: 30px;
    color: #898989; }

.product-box {
  border-radius: 10px;
  overflow: hidden; }
  .product-box .product-details {
    padding: 15px 25px; }
    .product-box .product-details > a {
      color: #051A1A; }
    .product-box .product-details p {
      margin-bottom: 0;
      opacity: 0.8; }
    .product-box .product-details h4 {
      margin-bottom: 0;
      margin-top: 5px;
      font-size: 20px;
      font-family: "Montserrat", sans-serif; }
    .product-box .product-details h6 {
      color: #051A1A;
      text-transform: uppercase;
      margin-bottom: 10px; }
    .product-box .product-details span {
      color: #898989; }
    .product-box .product-details .rating i {
      font-size: 16px;
      letter-spacing: 3px;
      color: #ffa800; }
  .product-box .modal .modal-header .product-box .product-details {
    padding: 25px 15px; }
    .product-box .modal .modal-header .product-box .product-details h6 {
      text-transform: capitalize; }
    .product-box .modal .modal-header .product-box .product-details .product-price {
      font-size: 22px;
      margin-bottom: 10px; }
    .product-box .modal .modal-header .product-box .product-details .product-view {
      padding: 20px 0;
      border-top: 1px dotted #59667a;
      border-bottom: 1px dotted #59667a; }
    .product-box .modal .modal-header .product-box .product-details .product-size {
      margin: 20px 0; }
      .product-box .modal .modal-header .product-box .product-details .product-size ul li {
        display: inline-block; }
    .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset {
      margin-bottom: 20px; }
      .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group {
        width: 35%; }
        .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn {
          padding: 5px 12px; }
        .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn-primary {
          background-color: #59667a !important;
          border: 1px solid #59667a !important; }
  .product-box .modal .modal-header .btn-close {
    position: absolute;
    right: 26px;
    top: 22px; }
  .product-box .product-img {
    position: relative; }
    .product-box .product-img .product-hover {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.3);
      opacity: 0;
      border-radius: 100%;
      transform: scale(0);
      transition: all 0.3s ease; }
      .product-box .product-img .product-hover ul li {
        display: inline-block;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08);
        padding: 10px 13px;
        background-color: #fff;
        font-size: 18px;
        border-radius: 10px;
        height: 45px;
        width: 45px;
        margin: 0 3px;
        cursor: pointer; }
        .product-box .product-img .product-hover ul li i {
          color: #59667a;
          font-size: 18px; }
        .product-box .product-img .product-hover ul li .btn {
          padding: 0; }
        .product-box .product-img .product-hover ul li:hover {
          background-color: var(--theme-deafult);
          transition: all 0.3s ease; }
          .product-box .product-img .product-hover ul li:hover button:active, .product-box .product-img .product-hover ul li:hover button:focus-visible {
            border: none !important; }
          .product-box .product-img .product-hover ul li:hover .btn,
          .product-box .product-img .product-hover ul li:hover i {
            color: #fff; }
  .product-box:hover .product-hover {
    opacity: 1;
    border-radius: 0%;
    transform: scale(1);
    transition: all 0.3s ease; }

.product-page-main {
  padding: 30px; }
  .product-page-main .owl-item .item {
    border: 1px solid #E6E9EB;
    border-radius: 5px;
    background-color: #f8f8f8; }
  .product-page-main .owl-item.current .item {
    border: 1px solid var(--theme-deafult); }
  .product-page-main .product-slider {
    margin-bottom: 20px; }
    @media (min-width: 1400px) {
      .product-page-main .product-slider img {
        height: 520px;
        object-fit: cover; } }
    @media (min-width: 1500px) {
      .product-page-main .product-slider img {
        height: 400px;
        object-fit: cover; } }
  .product-page-main .product-color {
    margin-top: 10px; }

.product-page-details h4 {
  color: #051A1A;
  text-transform: uppercase;
  font-size: 18px; }

.product-page-details span {
  padding-left: 15px; }

.br-theme-fontawesome-stars .br-widget a,
.br-theme-fontawesome-stars .br-widget a.br-selected:after,
.br-theme-fontawesome-stars .br-widget a.br-active:after {
  color: #ffa800 !important;
  font: normal normal normal 14px/1 FontAwesome; }

.product-price {
  font-size: 18px;
  font-weight: 700;
  margin-top: 5px;
  color: var(--theme-deafult); }
  .product-price del {
    color: rgba(44, 50, 63, 0.4);
    padding-left: 10px;
    font-size: 80%; }

.product-color li {
  display: inline-block;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  margin: 0 2px; }

.product-page-main p {
  font-size: 15px; }

.product-page-main .nav-link {
  text-transform: uppercase;
  font-weight: 500; }

/**====== Product  Ends ======**/
.payment-opt li {
  display: inline-block; }
  .payment-opt li img {
    height: 20px;
    margin: 15px 15px 0 0; }

/**=====================
  3.14 Ecommerce CSS End
==========================**/
@media screen and (max-width: 1660px) and (min-width: 1200px) {
  .owl-carousel .owl-item img {
    max-width: 420px;
    margin: 0 auto; } }
/**=====================
    3.48 Editors CSS Start
==========================**/
#editor6.ql-bubble .ql-tooltip {
  background-color: var(--body-font-color);
  padding: 12px; }
  #editor6.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
    border-bottom: 6px solid var(--body-font-color); }

#editor6.ql-bubble .ql-tooltip-editor input[type=text] {
  color: var(--white); }

#editor6 #toolbar6 .ql-formats {
  margin: 8px 8px 8px -3px; }
  #editor6 #toolbar6 .ql-formats .ql-stroke,
  #editor6 #toolbar6 .ql-formats .ql-fill {
    stroke: var(--white); }

.ql-formats .ql-picker-label::before {
  color: #1A1C23; }

.ql-formats .ql-picker-label svg .ql-stroke {
  stroke: var(--body-font-color); }

[dir="rtl"] .ql-formats .ql-picker-label svg {
  right: unset !important;
  left: 0; }

.ql-formats .ql-script,
.ql-formats .ql-stroke {
  stroke: var(--body-font-color); }

[dir="rtl"] .ql-editor ol {
  padding-left: unset !important;
  padding-right: 24px; }

[dir="rtl"] .ql-editor ol li:not(.ql-direction-rtl)::before {
  margin-left: unset;
  margin-right: unset; }

[dir="rtl"] .ql-editor ul {
  padding-left: unset !important;
  padding-right: 24px; }

[dir="rtl"] .ql-editor ul li:not(.ql-direction-rtl)::before {
  margin-left: unset;
  margin-right: unset; }

.quill-paragraph p {
  color: var(--body-font-color); }

.quill-paragraph ol li,
.quill-paragraph ul li {
  color: var(--body-font-color); }

/**=====================
    3.48 Editors CSS End
==========================**/
/**=====================
  3.15 Email-application CSS Start
==========================**/
.email-wrap .row .col-xl-3 + .col-xl-3 {
  padding-right: 0; }

.email-wrap .row .col-xl-6 {
  padding-left: 0; }

.email-wrap .dropdown .dropdown-toggle {
  background-color: rgba(115, 102, 255, 0.08);
  color: #006666;
  border-radius: 10px;
  padding: 5px 10px;
  width: 100px;
  text-align: left; }
  [dir="rtl"] .email-wrap .dropdown .dropdown-toggle {
    text-align: right; }
  .email-wrap .dropdown .dropdown-toggle:after {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f107";
    border: none;
    font-family: "FontAwesome";
    font-size: 18px;
    margin: 0; }
    [dir="rtl"] .email-wrap .dropdown .dropdown-toggle:after {
      right: unset;
      left: 10px; }

.email-wrap .dropdown .dropdown-menu {
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0; }
  .email-wrap .dropdown .dropdown-menu .dropdown-item {
    color: #2b2b2b;
    opacity: 0.6;
    font-size: 13px;
    padding: 6px 12px;
    border-top: 1px solid #f5f5f5;
    background: #fff;
    line-height: 19px; }
    .email-wrap .dropdown .dropdown-menu .dropdown-item:hover {
      background-color: #fff; }

.email-wrap .email-app-sidebar .media img {
  border: 2px solid #ecf3fa; }

.email-wrap .email-app-sidebar .main-menu > li {
  width: 100%;
  text-align: left; }
  .email-wrap .email-app-sidebar .main-menu > li a {
    line-height: 39px;
    text-transform: uppercase;
    border-radius: 3px; }
    .email-wrap .email-app-sidebar .main-menu > li a i {
      margin-right: 10px; }
    .email-wrap .email-app-sidebar .main-menu > li a.active > a {
      color: #000; }
    .email-wrap .email-app-sidebar .main-menu > li a:hover {
      background-color: #f5f6f9;
      text-decoration: none; }

.email-wrap .email-app-sidebar ul li button {
  color: #fff; }

.email-wrap .email-app-sidebar ul li a {
  display: flex;
  padding-left: 20px;
  align-items: center; }
  .email-wrap .email-app-sidebar ul li a > .title {
    width: 100%;
    color: #2c323f; }
  .email-wrap .email-app-sidebar ul li a > .badge {
    align-self: center;
    color: #898989; }

.email-wrap .email-left-aside {
  float: left;
  width: 100%; }
  .email-wrap .email-left-aside .card-body {
    padding: 20px; }

@media (min-width: 1200px) {
  .email-wrap .email-right-aside .email-body .pr-0 {
    padding-right: 0; }
    [dir="rtl"] .email-wrap .email-right-aside .email-body .pr-0 {
      padding-right: 12px;
      padding-left: 0; } }

@media (min-width: 1200px) {
  .email-wrap .email-right-aside .email-body .pl-0 {
    padding-left: 0; }
    [dir="rtl"] .email-wrap .email-right-aside .email-body .pl-0 {
      padding-left: 12px;
      padding-right: 0; } }

.email-wrap .email-right-aside .email-body .inbox {
  overflow: auto; }
  @media (max-width: 1199.98px) {
    .email-wrap .email-right-aside .email-body .inbox {
      display: flex;
      flex-wrap: wrap; } }
  .email-wrap .email-right-aside .email-body .inbox .media {
    padding: 20px; }
    .email-wrap .email-right-aside .email-body .inbox .media.active {
      background-color: #f1f3f4; }

.email-wrap .email-right-aside .radius-left {
  border-radius: 8px;
  height: 100%; }

.email-wrap .btn-mail {
  border-radius: 2px;
  text-align: left;
  padding: 13px 15px;
  margin: 20px 0 20px;
  letter-spacing: 1px;
  line-height: 12px !important; }

.email-wrap p {
  margin-bottom: 0;
  color: var(--chart-text-color) !important;
  font-weight: 600; }

.email-wrap .media-body {
  margin-top: 5px; }
  .email-wrap .media-body h6 {
    margin-bottom: 2px;
    color: #242934;
    margin-top: 3px; }
    .email-wrap .media-body h6 small {
      font-size: 12px; }
      .email-wrap .media-body h6 small span {
        color: #777777; }
  .email-wrap .media-body p {
    color: #898989;
    font-size: 12px; }

.email-wrap .email-top {
  padding: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 49px; }
  .email-wrap .email-top i {
    cursor: pointer; }
  .email-wrap .email-top h5 {
    margin-bottom: 0;
    padding: 12px 0; }
  .email-wrap .email-top .d-flex {
    padding: 13px 0; }

.email-wrap .email-wrapper {
  padding: 20px; }
  .email-wrap .email-wrapper hr {
    margin-top: 0;
    margin-bottom: 20px; }
  .email-wrap .email-wrapper .d-inline-block {
    width: 100%; }
  .email-wrap .email-wrapper h6 {
    margin-bottom: 11px;
    float: left; }
  .email-wrap .email-wrapper .right-download {
    float: right; }
  .email-wrap .email-wrapper p + p {
    margin-bottom: 20px; }
  .email-wrap .email-wrapper h5 {
    margin-bottom: 20px; }

.email-wrap .email-body .attachment ul li img {
  margin-bottom: 20px;
  width: 80px;
  height: 80px;
  object-fit: cover; }

.email-wrap .email-body .attachment .list-inline .list-inline-item {
  padding-right: 13px; }

.email-wrap .email-body .email-compose .cke_contents.cke_reset {
  max-height: 178px;
  width: 100%;
  border: 1px solid #ecf3fa; }

.email-wrap .email-body .email-compose .email-top h4 {
  padding: 11px 0; }

/**=====================
  3.15 Email-application CSS Ends
==========================**/
/**=====================
    3.16 Errorpage CSS Start
==========================**/
.error-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  text-align: center; }
  .error-wrapper.maintenance-bg {
    background-image: url(/../images/admin/other-images/maintenance-bg.jpg);
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: overlay; }
  .error-wrapper .maintenance-icons li i {
    color: #59667a;
    font-size: 50px;
    animation: rotate-effect 40s infinite linear reverse; }
  .error-wrapper .maintenance-icons li:nth-child(2) i {
    font-size: 100px;
    margin-left: 110px;
    margin-top: -25px;
    animation: reverse-rotate-effect 40s linear infinite; }
  .error-wrapper .maintenance-icons li:nth-child(3) i {
    animation: rotate-effect 30s infinite linear;
    font-size: 150px;
    margin-top: -85px;
    margin-right: 120px; }

@keyframes rotate-effect {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes reverse-rotate-effect {
  0% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(0deg); } }
  .error-wrapper .maintenance-heading {
    margin-top: 70px; }
    .error-wrapper .maintenance-heading .headline {
      font-size: 99px;
      font-weight: 900;
      letter-spacing: 10px;
      color: var(--theme-deafult);
      z-index: 2;
      position: relative;
      margin-top: -70px; }
  .error-wrapper .error-heading {
    margin-top: 115px; }
    .error-wrapper .error-heading .headline {
      font-size: 285px;
      font-weight: 700;
      letter-spacing: 1px;
      margin-top: -130px; }
  .error-wrapper .sub-content {
    font-size: 18px;
    color: #051A1A;
    letter-spacing: 1px;
    font-weight: normal;
    line-height: 35px;
    z-index: 3;
    position: relative;
    margin-top: 30px;
    margin-bottom: 0; }
  .error-wrapper .btn {
    margin-top: 40px; }

.error {
  margin: 70px 0 100px;
  color: #000; }
  .error .error-title {
    font-size: 9.5rem;
    color: #fff;
    text-shadow: 6px 6px 7px rgba(0, 0, 0, 0.32); }
  .error .line-bottom {
    width: 10%;
    height: 5px;
    background-color: #FFAE1A;
    border: none; }
  .error .c-white {
    color: #fff; }
  .error .error-btn {
    text-align: center; }
  .error .padd {
    padding: 10px 30px 10px 30px; }
  .error .btn-back-home {
    background-color: #E6E9EB;
    color: #000; }
    .error .btn-back-home:hover {
      background-color: #FFAE1A;
      color: #fff;
      box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21); }
  .error .btn-adnc-serc {
    background-color: #2c323f;
    color: #fff; }
    .error .btn-adnc-serc:hover {
      background-color: #FFAE1A;
      color: #fff;
      box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21); }

/**=====================
    3.16 Errorpage CSS Start
==========================**/
/**=====================
    3.17 Faq CSS start
==========================**/
.knowledgebase-bg {
  height: 500px;
  border-radius: 15px;
  margin-bottom: 30px; }

.knowledgebase-search {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  left: 5%; }
  .knowledgebase-search .form-inline {
    background-color: #fff;
    width: 500px;
    padding: 12px 50px;
    border-radius: 10px;
    border: 1px solid #E6E9EB;
    margin-top: 10px;
    position: relative; }
    .knowledgebase-search .form-inline ::placeholder {
      color: rgba(5, 26, 26, 0.6); }
    .knowledgebase-search .form-inline svg {
      position: absolute;
      left: 20px;
      width: 20px;
      top: 17px;
      stroke: rgba(5, 26, 26, 0.6); }

.faq-widgets {
  align-items: center; }
  .faq-widgets .media-body h5 {
    font-weight: 600;
    color: #fff;
    margin-bottom: 8px; }
  .faq-widgets .media-body p {
    padding-right: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis; }
  .faq-widgets svg {
    width: 150px;
    height: 150px;
    opacity: 0.5; }

.header-faq {
  margin-bottom: 30px; }
  .header-faq h5 {
    font-weight: 600; }

.features-faq.card .card-body,
.features-faq.card .card-footer {
  padding: 20px 25px; }

.features-faq .faq-image img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%; }

.features-faq .card-body h6 {
  margin-bottom: 15px;
  font-weight: 600; }

.add-project.table td {
  vertical-align: middle; }

.add-project .text-inherit {
  color: black; }

.faq-accordion.default-according {
  margin-bottom: 30px; }
  .faq-accordion.default-according .card .btn-link {
    display: flex; }
    .faq-accordion.default-according .card .btn-link svg {
      width: 20px;
      height: 20px;
      margin-right: 10px; }
  .faq-accordion.default-according .card .faq-header {
    position: relative;
    padding: 30px; }
    .faq-accordion.default-according .card .faq-header svg {
      position: absolute;
      right: 30px;
      top: 30px;
      width: 20px;
      height: 20px; }
    .faq-accordion.default-according .card .faq-header span {
      margin-top: 3px; }
  .faq-accordion.default-according .faq-body {
    padding: 20px !important; }
  .faq-accordion.default-according .card-mb-faq {
    margin-bottom: 30px; }

.faq-title {
  margin: 30px 0; }
  .faq-title h6 {
    color: #999999;
    font-weight: 600; }

.faq-form {
  position: relative; }
  .faq-form .search-icon {
    position: absolute;
    right: 12px;
    top: 9px;
    width: 20px;
    height: 20px; }

.navigation-btn {
  margin-bottom: 20px; }
  .navigation-btn a {
    display: flex;
    align-items: center;
    justify-content: center; }
    .navigation-btn a svg {
      width: 15px;
      height: 15px; }

.navigation-option ul li {
  position: relative;
  padding: 8px 8px 8px 0; }
  .navigation-option ul li:hover {
    background-color: #fdfeff; }
  .navigation-option ul li a {
    padding-left: 40px;
    color: #051A1A; }
    .navigation-option ul li a svg {
      position: absolute;
      width: 15px;
      height: 15px;
      top: 11px;
      left: 15px; }

.updates-faq {
  width: 40px;
  height: 40px;
  border: 2px solid var(--theme-deafult);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px; }
  .updates-faq svg {
    width: 18px;
    height: 18px; }

.updates-bottom-time p {
  margin-bottom: 2px; }
  .updates-bottom-time p + p {
    color: #999999; }

.updates-faq-main {
  margin-bottom: 20px; }
  .updates-faq-main a {
    font-weight: 500; }
  .updates-faq-main:last-child {
    margin-bottom: 0; }

@media only screen and (max-width: 1399.98px) {
  .faq-widgets svg {
    width: 80px;
    height: 80px; } }

@media only screen and (max-width: 1199px) {
  .faq-accordion {
    margin-bottom: 30px; } }

@media only screen and (max-width: 991px) {
  .faq-accordion.default-according .card .faq-header {
    padding: 20px !important; }
    .faq-accordion.default-according .card .faq-header svg {
      right: 20px;
      top: 20px; }
  .navigation-option ul li {
    padding: 10px 10px 10px 0; }
    .navigation-option ul li a svg {
      top: 12px; } }

@media only screen and (max-width: 767px) {
  .xs-mt-search {
    margin-top: 30px; } }

@media only screen and (max-width: 575px) {
  .xs-mt-search {
    margin-top: 0px; }
  .faq-widgets svg {
    width: 60px;
    height: 60px; }
  .faq-title {
    margin: 15px 0; }
  .header-faq {
    margin-bottom: 15px;
    margin-top: 10px; }
  .faq-accordion {
    margin-bottom: 0px; }
    .faq-accordion .faq-header {
      padding: 15px !important; }
      .faq-accordion .faq-header .pull-right {
        float: right; }
      .faq-accordion .faq-header svg {
        right: 15px;
        top: 15px; }
  .navigation-btn,
  .updates-faq-main {
    margin-bottom: 15px; } }

/**=====================
    3.17 Faq CSS end
==========================**/
/**=====================
   3.18 File CSS
==========================**/
.files-content {
  display: flex;
  margin-bottom: -10px; }
  .files-content li {
    margin-right: 20px;
    margin-bottom: 10px; }
    .files-content li .files-list .file-left {
      background-color: rgba(0, 102, 102, 0.05);
      border: 1px solid #ecf3fa;
      padding: 18px 22px;
      border-radius: 5px; }

.file-sidebar .card .card-body,
.file-sidebar .card .card-header,
.file-content .card .card-body,
.file-content .card .card-header {
  padding: 20px !important; }
  .file-sidebar .card .card-body .file-manager,
  .file-sidebar .card .card-header .file-manager,
  .file-content .card .card-body .file-manager,
  .file-content .card .card-header .file-manager {
    padding-top: unset !important; }
  .file-sidebar .card .card-body .form-group input,
  .file-sidebar .card .card-header .form-group input,
  .file-content .card .card-body .form-group input,
  .file-content .card .card-header .form-group input {
    line-height: 0; }

.file-manager .folder {
  margin-bottom: -12px; }
  .file-manager .folder li:nth-child(n+2) {
    margin-left: 12px;
    margin-bottom: 12px; }
  .file-manager .folder li:nth-child(5), .file-manager .folder li:nth-child(9), .file-manager .folder li:nth-child(13) {
    margin-left: 0; }

.file-sidebar ul li + li {
  margin-top: 8px; }

.file-sidebar .btn {
  display: flex;
  align-items: center;
  padding: 8px 20px;
  font-weight: 400; }
  .file-sidebar .btn.btn-light:hover {
    color: #006666 !important; }
    .file-sidebar .btn.btn-light:hover svg {
      stroke: #006666; }
  .file-sidebar .btn svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px; }

.file-sidebar .pricing-plan {
  border: 1px solid #ecf3fa;
  border-radius: 5px;
  margin-top: 10px;
  padding: 15px;
  position: relative;
  overflow: hidden; }
  .file-sidebar .pricing-plan h6 {
    font-size: 14px;
    margin-bottom: 2px;
    color: #898989; }
  .file-sidebar .pricing-plan h5 {
    font-weight: 500;
    font-size: 20px; }
  .file-sidebar .pricing-plan p {
    margin-bottom: 5px;
    color: #898989; }
  .file-sidebar .pricing-plan .btn {
    display: inline-block;
    font-size: 12px; }
  .file-sidebar .pricing-plan .bg-img {
    position: absolute;
    top: 40px;
    opacity: 0.1;
    transform: rotate(-45deg);
    right: -40px; }

.file-manager h5 {
  font-size: 18px;
  font-weight: 600; }

.file-manager > h6 {
  opacity: 0.6;
  font-weight: 400 !important;
  font-size: 15px;
  margin-bottom: 12px; }

.file-manager .files-gap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px; }
  .file-manager .files-gap.list-group {
    flex-direction: unset; }

.file-manager p {
  font-size: 12px;
  color: #999999;
  margin-bottom: 0; }

.folder h6 {
  opacity: 0.9;
  font-weight: 500 !important;
  font-size: 14px; }

.files-content,
.quick-file {
  flex-wrap: wrap; }

.quick-file {
  margin-bottom: -10px; }
  .quick-file li {
    margin-right: 20px;
    margin-bottom: 10px; }
    .quick-file li h6 {
      font-size: 14px;
      text-align: center;
      font-weight: 400;
      margin-top: 8px; }
    .quick-file li .quick-box {
      background-color: rgba(0, 102, 102, 0.05);
      border: 1px solid #ecf3fa;
      padding: 20px 24px;
      border-radius: 5px; }
      .quick-file li .quick-box i {
        font-size: 30px;
        margin-right: 0; }

.file-content .folder-box .files-list h6 {
  font-size: 16px;
  font-weight: 400; }

.file-content .folder-box .files-list i {
  margin-right: 0; }

.file-content .ellips {
  position: absolute;
  top: 30px;
  right: 30px;
  opacity: 0.7; }

.file-content .form-inline {
  border: 1px solid #ecf3fa;
  padding: 0px 20px;
  border-radius: 5px; }
  .file-content .form-inline i {
    padding-right: 10px;
    color: #898989;
    line-height: 3; }
  .file-content .form-inline input::-webkit-input-placeholder {
    color: #898989; }
  .file-content .form-inline input:focus {
    outline: none !important; }

.file-content .search-form input {
  padding: 5px 10px 5px 70px;
  border-radius: 5px; }

.file-content .search-form .form-group:before {
  left: 82px;
  top: 37px; }

.file-content .search-form .form-group:after {
  top: 39px;
  left: 53px; }

.file-content .btn svg {
  height: 16px;
  margin-right: 2px;
  vertical-align: -3px; }

.file-content h4 {
  font-weight: 500;
  margin-bottom: 5px;
  font-size: 24px;
  line-height: 1; }

.file-content .folder .folder-box {
  border: 1px solid #ecf3fa;
  border-radius: 5px;
  padding: 15px;
  background-color: #fff;
  width: calc(25% - 15px);
  display: inline-block;
  margin: 2px 0;
  position: relative; }
  .file-content .folder .folder-box h6 {
    font-size: 16px; }
  .file-content .folder .folder-box .ellips {
    top: 22px;
    right: 22px; }
  .file-content .folder .folder-box:nth-child(1) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 10ms; }
  .file-content .folder .folder-box:nth-child(2) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 20ms; }
  .file-content .folder .folder-box:nth-child(3) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 30ms; }
  .file-content .folder .folder-box:nth-child(4) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 40ms; }
  .file-content .folder .folder-box:nth-child(5) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 50ms; }
  .file-content .folder .folder-box:nth-child(6) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 60ms; }
  .file-content .folder .folder-box:nth-child(7) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 70ms; }
  .file-content .folder .folder-box:nth-child(8) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 80ms; }
  .file-content .folder .folder-box:nth-child(9) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 90ms; }
  .file-content .folder .folder-box:nth-child(10) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 100ms; }
  .file-content .folder .folder-box:nth-child(11) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 110ms; }
  .file-content .folder .folder-box:nth-child(12) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 120ms; }
  .file-content .folder .folder-box:nth-child(13) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 130ms; }
  .file-content .folder .folder-box:nth-child(14) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 140ms; }
  .file-content .folder .folder-box:nth-child(15) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 150ms; }

.md-sidebar .md-sidebar-toggle {
  display: none;
  width: fit-content;
  margin-bottom: 20px;
  font-weight: 600;
  text-transform: capitalize; }

@media screen and (max-width: 1440px) {
  .file-content .folder .folder-box .d-flex {
    display: block !important;
    text-align: center; }
    .file-content .folder .folder-box .d-flex .flex-grow-1 {
      margin-left: 0 !important;
      margin-top: 5px; } }

@media screen and (max-width: 1366px) {
  .file-content .folder {
    margin-bottom: -10px; }
    .file-content .folder .folder-box {
      margin-bottom: 10px;
      margin-right: 0;
      padding: 13px; }
      .file-content .folder .folder-box .media i {
        font-size: 30px; }
  .file-content .card-header .btn {
    padding: 8px 15px;
    z-index: 0; }
  .file-sidebar .btn {
    padding: 8px 15px; } }

@media screen and (max-width: 1199px) {
  .job-sidebar .job-left-aside {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0;
    opacity: 1;
    visibility: hidden;
    overflow-y: scroll;
    z-index: 3;
    max-width: 270px;
    height: 600 px;
    background-color: #fff;
    border: 1 px solid #e6edef;
    padding: 12px; }
  .job-sidebar .job-toggle {
    display: block !important;
    margin-bottom: 20px; }
  .job-sidebar .job-left-aside.open {
    opacity: 1;
    visibility: visible; }
  .md-sidebar .md-sidebar-toggle {
    display: block;
    width: fit-content; }
  .md-sidebar .md-sidebar-aside {
    position: absolute;
    top: 70%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    width: 280px; }
    .md-sidebar .md-sidebar-aside.open {
      opacity: 1;
      visibility: visible; } }

@media screen and (max-width: 768px) {
  .file-content .form-inline {
    display: inline-block;
    padding: 0px 0px 0px 20px; }
  .file-content .folder {
    margin-bottom: -10px; }
    .file-content .folder .folder-box {
      width: calc(50% - 20px);
      margin-bottom: 10px;
      margin-right: 8px; }
      [dir="rtl"] .file-content .folder .folder-box {
        margin-right: 0px; }
      .file-content .folder .folder-box:nth-child(odd) {
        margin-left: 0; } }

@media screen and (max-width: 420px) {
  .file-content .folder .folder-box {
    width: calc(100%);
    margin-right: unset; }
  .file-content h4 {
    font-size: 20px; }
  .file-content .card-header .btn {
    padding: 7px 10px;
    font-size: 12px; }
  .file-manager .folder li:nth-child(n+2) {
    margin-left: 0; }
  .file-manager > h6 {
    font-size: 14px; } }

/**=====================
    3.18 File CSS
==========================**/
/**=====================
    3.19 Gallery CSS Start
==========================**/
.profile-img-style img,
.scroll-bar-wrap img {
  width: 100%; }

.gallery {
  margin-bottom: -30px; }
  .gallery > a {
    margin-bottom: 30px; }
    .gallery > a:before {
      content: "\edee";
      font-family: IcoFont;
      position: absolute;
      height: calc(100% - 10px);
      left: 20px;
      width: calc(100% - 40px);
      background-color: rgba(255, 255, 255, 0.27);
      top: 5px;
      transform: scale(0);
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px;
      color: #000; }
    .gallery > a:hover:before {
      transform: scale(1);
      transition: all 0.3s ease; }
    .gallery > a .img-thumbnail {
      border-radius: 0; }

.gallery-with-description {
  margin-bottom: -30px; }
  .gallery-with-description a > div {
    padding: 10px;
    border: 1px solid #e4e6ec;
    margin-bottom: 30px;
    border-radius: 0 0 5px 5px; }
  .gallery-with-description a:hover {
    text-decoration: none !important; }
  .gallery-with-description h4 {
    color: #2c323f;
    margin-top: 15px;
    font-size: 18px;
    margin-bottom: 5px; }
  .gallery-with-description p {
    color: #a3a3a3; }

.lg-backdrop {
  background-color: #fff; }

.lg-outer .lg-actions .lg-next,
.lg-outer .lg-actions .lg-prev {
  background-color: white;
  border: 1px solid #efefef; }
  .lg-outer .lg-actions .lg-next:hover,
  .lg-outer .lg-actions .lg-prev:hover {
    color: #2c323f; }

.lg-outer .lg-toolbar {
  background-color: rgba(255, 255, 255, 0.45);
  border-bottom: 1px solid #2c323f; }
  .lg-outer .lg-toolbar .lg-icon:hover {
    color: #2c323f; }

.lg-outer #lg-counter {
  color: #2c323f; }

.lg-outer .lg-sub-html {
  background-color: rgba(255, 255, 255, 0.45); }
  .lg-outer .lg-sub-html h4 {
    font-size: inherit;
    color: #2c323f; }
  .lg-outer .lg-sub-html p {
    color: #2c323f; }

.lg-outer .lg-thumb-outer {
  background-color: #ecf3fa; }

.lg-outer .lg-thumb-item {
  padding: 4px;
  border: 1px solid #efefef;
  border-radius: 0; }
  .lg-outer .lg-thumb-item .active, .lg-outer .lg-thumb-item:hover {
    border-color: #000; }

.gallery a:before, .gallery a:after {
  content: none; }

.gallery .img-hover > div {
  overflow: hidden; }

.gallery .hover-1 img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  .gallery .hover-1 img:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }

.gallery .hover-2 img {
  width: 100%;
  height: auto;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  transform: translateX(0px); }

.gallery .hover-2:hover img {
  transform: translateX(40px) scale(1.2); }

.gallery .hover-3 img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-3:hover img {
  -webkit-transform: scale(1);
  transform: scale(1); }

.gallery .hover-4 img {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-4:hover img {
  -webkit-transform: scale(1);
  transform: scale(1); }

.gallery .hover-5 img {
  margin-left: 30px;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-5:hover img {
  margin-left: 0; }

.gallery .hover-6 img {
  -webkit-transform: rotate(15deg) scale(1.4);
  transform: rotate(15deg) scale(1.4);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-6:hover img {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1); }

.gallery .hover-7 img {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-7:hover img {
  -webkit-filter: blur(0);
  filter: blur(0); }

.gallery .hover-8 img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-8:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0); }

.gallery .hover-9 img {
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-9:hover img {
  -webkit-filter: sepia(0);
  filter: sepia(0); }

.gallery .hover-10 img {
  -webkit-filter: grayscale(0) blur(0);
  filter: grayscale(0) blur(0);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-10:hover img {
  -webkit-filter: grayscale(100%) blur(3px);
  filter: grayscale(100%) blur(3px); }

.gallery .hover-11 img {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-11:hover img {
  opacity: .5; }

@-webkit-keyframes flash {
  0% {
    opacity: .4; }
  100% {
    opacity: 1; } }

@keyframes flash {
  0% {
    opacity: .4; }
  100% {
    opacity: 1; } }

.gallery .hover-13:hover img {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s; }

@-webkit-keyframes shine {
  100% {
    left: 125%; } }

@keyframes shine {
  100% {
    left: 125%; } }

.gallery .hover-14 div {
  position: relative; }
  .gallery .hover-14 div:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg); }
  .gallery .hover-14 div:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s; }

.gallery .hover-15 div {
  position: relative; }
  .gallery .hover-15 div:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0; }
  .gallery .hover-15 div:hover:before {
    -webkit-animation: circle .75s;
    animation: circle .75s; }

@-webkit-keyframes circle {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

@keyframes circle {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

* {
  box-sizing: border-box; }
  *:after, *:before {
    box-sizing: border-box; }

.grid {
  position: relative; }

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both; }

/* ---- .grid-item ---- */
.grid-item img {
  max-width: 100%;
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6; }

.gallery-with-description .grid-item img {
  border: 0;
  padding: 0; }

/**=====================
    3.19 Gallery CSS Ends
==========================**/
/**=====================
    3.20 Helper CSS start
==========================**/
.helper-common-box {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  gap: 8px; }
  .helper-common-box:last-child {
    margin-bottom: 0; }
  .helper-common-box.helper-p-wrapper {
    gap: 12px;
    margin-bottom: 0;
    flex-wrap: wrap; }

.border-wrapper {
  padding: 20px; }

.helper-box {
  width: 40px;
  height: 40px;
  border-radius: 25%; }
  .helper-box.helper-text {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900; }

.helper-radius {
  width: 60px;
  height: 30px; }

.fill-wrapper {
  background-color: #E6E9EB; }

.gradient-border {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  align-items: center; }
  @media (max-width: 1200px) {
    .gradient-border {
      gap: calc(13px + (22 - 13) * ((100vw - 320px) / (1200 - 320))); } }
.radius-wrapper {
  background-color: #efefef; }

.font-wrapper {
  display: flex;
  align-items: center;
  padding: 12px 20px; }

.helper-padding {
  display: flex;
  flex-direction: column;
  gap: 12px; }

.helper-p-box {
  display: flex;
  justify-content: center;
  align-items: center; }
  .helper-p-box span {
    color: var(--body-font-color); }

.common-p-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start; }

/**=====================
    3.20 Helper CSS end
==========================**/
/**=====================
    3.21 Internationalization CSS start
==========================**/
.hdg_main {
  position: relative; }

.main .langChoice {
  position: absolute;
  right: 40px;
  top: 31px;
  padding: 10px 18px;
  background-color: transparent; }

@media (max-width: 991px) {
  .main .langChoice {
    right: 20px;
    top: 11px;
    padding: 8px; } }

@media only screen and (max-width: 575px) {
  .main .langChoice {
    top: 14px;
    padding: 4px 7px; }
  .language-xs {
    margin-top: 15px; } }

@media only screen and (max-width: 360px) {
  .language-header {
    padding-bottom: 60px !important; }
  .main .langChoice {
    left: 0;
    margin: 0 auto;
    top: 50px;
    width: 30%;
    right: 0; } }

/**=====================
    3.21 Internationalization CSS End
==========================**/
/**=====================
    3.22 Job-search CSS Start
==========================**/
.filter-cards-view .job-filter:first-child {
  margin-bottom: 30px; }

.filter-cards-view .checkbox-animated {
  margin-top: 30px;
  margin-bottom: 30px; }

.location-checkbox span {
  color: #999999;
  padding-left: 33px; }
  [dir="rtl"] .location-checkbox span {
    padding-left: unset;
    padding-right: 33px; }

.job-accordion .card {
  margin-bottom: 30px; }

.job-accordion .btn-block {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.job-search p {
  margin-top: 14px; }

.job-search .d-flex .flex-grow-1 h6 {
  margin-bottom: 3px; }
  .job-search .d-flex .flex-grow-1 h6 span {
    font-size: 13px;
    color: #999999;
    font-weight: normal; }
    .job-search .d-flex .flex-grow-1 h6 span.badge {
      color: #fff; }

.job-search .d-flex .flex-grow-1 > p {
  margin-top: 0;
  color: #999999; }

.job-search .job-description {
  margin-top: 30px; }
  .job-search .job-description button span {
    color: #fff; }
  .job-search .job-description h6 {
    font-weight: 600;
    margin-bottom: 30px; }
  .job-search .job-description p {
    margin-top: 0;
    margin-bottom: 6px; }
  .job-search .job-description ul {
    list-style-type: disc;
    list-style-position: inside; }
    .job-search .job-description ul li {
      margin-bottom: 10px; }
      .job-search .job-description ul li:last-child {
        margin-bottom: 0; }
  .job-search .job-description .theme-form {
    margin-top: 30px;
    margin-bottom: 30px; }
    .job-search .job-description .theme-form .row div[class^="col-"] + div[class^="col-"] .select2-container {
      margin-top: 18px; }
    .job-search .job-description .theme-form .row div[class^="col-"] .job-select2 ~ .select2-container {
      margin-top: 0 !important; }
    .job-search .job-description .theme-form .row div[class^="col-"] .input-group .datepicker-here {
      font-size: 14px;
      border: 1px solid #efefef;
      padding-top: 12px;
      padding-bottom: 12px; }

.select2-container .select2-selection--single {
  border-radius: 0.25rem !important;
  border-color: #efefef;
  height: 47px !important;
  padding: 10px; }

.job-pagination {
  margin-bottom: 30px; }
  .job-pagination nav ul {
    justify-content: center; }

@media only screen and (max-width: 1366px) {
  .xl-mt-job {
    margin-bottom: 20px; } }

@media only screen and (max-width: 991px) {
  .filter-cards-view {
    padding: 20px !important; }
    .filter-cards-view .job-filter:first-child {
      margin-bottom: 20px; }
    .filter-cards-view .checkbox-animated {
      margin-top: 20px;
      margin-bottom: 20px; }
  .job-accordion .animate-chk {
    padding: 20px !important; }
  .job-search > p {
    margin-top: 20px; } }

@media only screen and (max-width: 575px) {
  .filter-cards-view {
    padding: 15px !important; }
    .filter-cards-view .job-filter:first-child {
      margin-bottom: 15px; }
    .filter-cards-view .checkbox-animated {
      margin-top: 15px;
      margin-bottom: 15px; }
  .job-accordion .animate-chk {
    padding: 15px !important; }
  .job-search p {
    margin-top: 15px; }
  .job-search .d-flex {
    display: block;
    text-align: center; }
    .job-search .d-flex .flex-grow-1 h6 .pull-right {
      float: none;
      margin-top: 3px;
      display: block; }
    .job-search .d-flex .flex-grow-1 h6 a {
      display: block; }
    .job-search .d-flex .flex-grow-1 p span + span {
      display: block;
      color: #E6E9EB; }
    .job-search .d-flex img {
      margin-bottom: 15px; }
    .job-search .d-flex .m-r-20 {
      margin-right: 0; }
  .job-search .job-description {
    margin-top: 15px; }
    .job-search .job-description .theme-form {
      margin-top: 15px;
      margin-bottom: 15px; }
      .job-search .job-description .theme-form .row div[class^="col-"] + div[class^="col-"] .select2-container {
        margin-top: 2px; }
      .job-search .job-description .theme-form .xs-mt-period {
        margin-top: 15px; }
  .job-pagination {
    margin-bottom: 15px; }
  .xl-mt-job {
    margin-bottom: 15px; } }

@media only screen and (max-width: 360px) {
  .job-search .job-description .btn {
    padding: 6px 12px; } }

.select-date .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 9px;
  right: 12px; }

/**=====================
    3.22 Job-search CSS End
==========================**/
/**=====================
  3.23 Jsgrid CSS Start
==========================**/
.jsgrid .jsgrid-grid-body .jsgrid-cell {
  padding: 0.75rem; }

.jsgrid .jsgrid-pager-container {
  text-align: right; }

.jsgrid .jsgrid-pager {
  padding: 0;
  margin-top: 20px; }
  .jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button {
    margin-right: -5px; }
    .jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button:first-child {
      border-radius: 5px 0 0 5px; }
  .jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button {
    margin-left: -5px; }
    .jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button:last-child {
      border-radius: 0 5px 5px 0; }
  .jsgrid .jsgrid-pager [class*="jsgrid-pager"] {
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    border: 1px solid #E6E9EB; }
  .jsgrid .jsgrid-pager .jsgrid-pager-page a {
    color: #2c323f; }
  .jsgrid .jsgrid-pager .jsgrid-pager-current-page {
    color: #2c323f; }

.jsgrid .jsgrid-selected-row > .jsgrid-cell {
  background: #E6E9EB;
  border-color: #fafafa; }

.jsgrid .jsgrid-header-row > .jsgrid-header-cell {
  padding: 0.75rem;
  font-weight: 500; }

/**=====================
  3.23 Jsgrid CSS Ends
==========================**/
/**=====================
  3.24 Kanban CSS start
==========================**/
.jkanban-container .btn {
  margin-bottom: 10px; }

.jkanban-container .note a {
  display: contents; }

.kanban-board-header {
  height: auto;
  width: auto;
  line-height: unset;
  background: #F5F5F5;
  border-bottom: 1px solid #ddd; }
  .kanban-board-header.bg-info ~ .kanban-drag {
    background-color: rgba(23, 56, 120, 0.3) !important; }
  .kanban-board-header.bg-warning ~ .kanban-drag {
    background-color: rgba(255, 174, 26, 0.3) !important; }
  .kanban-board-header.bg-success ~ .kanban-drag {
    background-color: rgba(0, 172, 70, 0.3) !important; }

.kanban-container {
  display: contents; }

.kanban-board {
  margin-bottom: 30px;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  border-radius: 8px;
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  overflow: hidden;
  width: calc(100% / 3 - 30px) !important; }
  .kanban-board .kanban-drag {
    background: #F5F5F5; }

.kanban-item {
  background: transparent;
  padding: 0;
  margin-bottom: 20px; }
  .kanban-item .kanban-box .badge {
    line-height: 13px; }
  .kanban-item p {
    opacity: 0.7; }
  .kanban-item:last-child {
    margin-bottom: 0; }
  .kanban-item .list {
    display: inline-block;
    opacity: 0.4; }
    .kanban-item .list li {
      display: inline-block;
      font-size: 12px;
      padding: 0px 4px; }
      .kanban-item .list li i {
        margin-right: 8px; }
  .kanban-item .kanban-box {
    border: 1px solid #efefef;
    border-radius: 5px;
    padding: 20px;
    position: relative;
    display: block;
    color: inherit;
    background-color: #fff; }
    .kanban-item .kanban-box:hover {
      color: inherit; }
    .kanban-item .kanban-box + .kanban-box {
      margin-top: 20px; }
    .kanban-item .kanban-box .badge {
      font-weight: 400; }
    .kanban-item .kanban-box h6 {
      font-size: 15px;
      margin-top: 5px;
      font-weight: 600;
      margin-bottom: 8px; }
    .kanban-item .kanban-box .dropdown {
      display: inline-block;
      right: 10px;
      position: absolute;
      top: 20px; }
      .kanban-item .kanban-box .dropdown .dropdown-item {
        font-size: 13px;
        font-weight: 500;
        padding: 5px 10px;
        text-align: left; }
      .kanban-item .kanban-box .dropdown svg {
        height: 14px; }
    .kanban-item .kanban-box .d-flex {
      justify-content: space-between; }
    .kanban-item .kanban-box .dropdown-toggle:after {
      content: none; }
    .kanban-item .kanban-box .customers ul li + li {
      margin-left: -10px; }
    .kanban-item .kanban-box .date {
      font-size: 11px;
      opacity: 0.5; }

footer {
  margin: 0;
  padding: 0; }

@media only screen and (max-width: 1199px) {
  .jkanban-container .btn {
    margin-bottom: 10px;
    margin-left: 20px; }
  .kanban-container .kanban-board {
    width: 320px !important; } }

@media only screen and (max-width: 600px) {
  .kanban-board .kanban-drag,
  .kanban-container .kanban-item .kanban-box {
    padding: 10px 15px; }
  .kanban-container .kanban-board {
    margin-left: 10px !important;
    margin-right: 10px !important; } }

@media only screen and (max-width: 480px) {
  .jkanban-container .card-body {
    padding: 20px 0 !important; }
  .kanban-board .kanban-drag,
  .kanban-container .kanban-item .kanban-box {
    padding: 10px 15px; }
  .kanban-container .kanban-board {
    width: 270px !important; } }

@media screen and (max-width: 375px) {
  .kanban-container .kanban-board {
    width: 258px !important; } }

/**=====================
   3.24 Kanban CSS ends
==========================**/
/**=====================
    3.25 Knowledgebase CSS start
==========================**/
.browse .browse-articles span {
  vertical-align: middle; }
  .browse .browse-articles span:nth-child(2) {
    padding-left: 20px;
    font-weight: 400; }
    [dir="rtl"] .browse .browse-articles span:nth-child(2) {
      padding-left: unset;
      padding-right: 20px; }
  .browse .browse-articles span svg {
    width: 14px;
    height: 14px;
    vertical-align: text-top;
    position: absolute;
    left: 0;
    top: 4px; }
    [dir="rtl"] .browse .browse-articles span svg {
      left: unset;
      right: 0; }

.browse .browse-articles h6 {
  padding-bottom: 10px;
  margin-bottom: 0px;
  border-bottom: 1px solid #fdfeff;
  padding-left: 40px; }
  [dir="rtl"] .browse .browse-articles h6 {
    padding-left: unset;
    padding-right: 40px; }
  .browse .browse-articles h6 span svg {
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    top: 0;
    left: 22px; }

.browse .browse-articles ul li {
  padding: 8px;
  border-radius: 8px; }
  .browse .browse-articles ul li a {
    color: #051A1A;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px; }
  .browse .browse-articles ul li:hover {
    background-color: #fdfeff; }

@media only screen and (max-width: 1366px) {
  .browse div[class^="col-"]:nth-child(3) {
    margin-top: 30px; } }

@media only screen and (max-width: 360px) {
  .browse .browse-articles ul li a span:nth-child(2) {
    width: 158px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block; } }

.badge.pull-right {
  padding-top: 8px; }

.articles-icons svg {
  min-width: 18px; }

.articles-icons .media-body h6 {
  margin-bottom: 8px; }

.media.faq-widgets svg {
  min-width: 18px; }

/**=====================
    3.25 Knowledgebase CSS End
==========================**/
/**=====================
    3.26 Landing CSS Start
==========================**/
html:hover .cursor {
  opacity: 1; }

.cursor {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: none; }
  .cursor--hover .cursor-inner {
    transform: scale(0.5);
    opacity: 0; }
  .cursor--hover .cursor-outer {
    transform: scale(1.4);
    border-color: #006666;
    opacity: 1; }

.cursor-move-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: -3px;
  margin-left: -3px; }

.cursor-move-outer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.cursor-inner {
  display: block;
  width: 80%;
  height: 80%;
  background: #006666;
  border-radius: 50%;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.cursor-outer {
  display: block;
  width: 70%;
  height: 70%;
  border: 1px solid #006666;
  border-radius: 50%;
  box-sizing: border-box;
  box-shadow: 0px 0px 4px 4px rgba(0, 102, 102, 0.22);
  transition: border 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.landing-page div canvas:first-child {
  display: none !important; }

/* MESH LOADER */
@keyframes mesh {
  0% {
    transform-origin: 50% -100%;
    transform: rotate(0); }
  50% {
    transform-origin: 50% -100%;
    transform: rotate(360deg); }
  50.1% {
    transform-origin: 50% 200%;
    transform: rotate(0deg); }
  100% {
    transform-origin: 50% 200%;
    transform: rotate(360deg); } }

@keyframes rotate-animation {
  0% {
    transform: rotate3d(1, 1, 1, 0deg); }
  25% {
    transform: rotate3d(1, 1, 1, 2deg); }
  50% {
    transform: rotate3d(1, 1, 1, 0deg); }
  75% {
    transform: rotate3d(1, 1, 1, -2deg); }
  100% {
    transform: rotate3d(1, 1, 1, 0deg); } }

.mesh-loader {
  overflow: hidden;
  height: inherit;
  width: inherit; }
  .mesh-loader .circle {
    position: absolute;
    background: #006666;
    border-radius: 50%;
    margin: -3px;
    animation: mesh 3s ease-in-out infinite -1.5s;
    width: 6px;
    height: 6px; }
  .mesh-loader > div .circle:last-child {
    animation-delay: 0s; }
  .mesh-loader > div {
    position: absolute;
    top: 50%;
    left: 50%; }
  .mesh-loader > div:last-child {
    transform: rotate(90deg); }

@-webkit-keyframes animloader14 {
  0% {
    transform: scale(0);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }

@keyframes animloader14 {
  0% {
    transform: scale(0);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }

.feature-box {
  padding: 16px 22px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start; }
  @media (max-width: 575px) {
    .feature-box {
      padding: 20px; } }
  .feature-box img {
    transition: all 0.3s ease; }
  .feature-box:hover {
    background-color: #006666; }
    .feature-box:hover h5 {
      color: #fff; }
    .feature-box:hover p {
      color: #fff; }
    .feature-box:hover img {
      transform: scale(0.7);
      animation: swing 2s ease infinite; }
    .feature-box:hover .feature-icon {
      background-color: rgba(0, 102, 102, 0.08); }
  .feature-box h5 {
    padding-bottom: 11px; }
  .feature-box .feature-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    border-radius: 17px;
    top: -20px;
    right: 22px;
    box-shadow: 5px 7px 4px 0px rgba(0, 0, 0, 0.2); }
    .feature-box .feature-icon div {
      height: 45px;
      width: 45px;
      border-radius: 17px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 102, 102, 0.08); }

.feature-section {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: 610px;
  padding-top: 70px;
  background-color: rgba(0, 102, 102, 0.06); }
  .feature-section .vector-image {
    top: 50px;
    right: -170px; }
    @media (max-width: 1674px) {
      .feature-section .vector-image {
        top: 60px;
        right: -160px; } }
    @media (max-width: 1600px) {
      .feature-section .vector-image {
        top: 0px;
        right: -20px; } }
    @media (max-width: 1655px) {
      .feature-section .vector-image {
        right: -130px; } }
    @media (max-width: 1595px) {
      .feature-section .vector-image {
        right: -6px;
        top: -10px; } }
    @media (max-width: 1399px) {
      .feature-section .vector-image {
        top: -6px;
        right: -10px; } }
    @media (max-width: 1199px) {
      .feature-section .vector-image {
        right: -12px; } }
    .feature-section .vector-image img {
      height: 370px; }
      @media (max-width: 1674px) {
        .feature-section .vector-image img {
          height: 340px; } }
      @media (max-width: 1655px) {
        .feature-section .vector-image img {
          height: 310px; } }
      @media (max-width: 1600px) {
        .feature-section .vector-image img {
          height: 300px; } }
      @media (max-width: 1399px) {
        .feature-section .vector-image img {
          height: 280px; } }
  .feature-section .round-gif {
    top: unset;
    bottom: 12%; }
    @media (max-width: 1660px) {
      .feature-section .round-gif {
        left: 0; } }
    @media (max-width: 1460px) {
      .feature-section .round-gif {
        bottom: unset;
        top: 6%; } }
    @media (max-width: 991px) {
      .feature-section .round-gif {
        top: -3%; } }
    @media (max-width: 575px) {
      .feature-section .round-gif {
        top: -2%; } }
    .feature-section .round-gif img {
      width: 105px;
      height: 105px; }
      @media (max-width: 1460px) {
        .feature-section .round-gif img {
          width: 90px;
          height: 90px; } }
      @media (max-width: 575px) {
        .feature-section .round-gif img {
          width: 70px;
          height: 70px; } }
.landing-page {
  color: #000248; }
  .landing-page .section-py-space {
    padding-top: 70px;
    padding-bottom: 70px; }
    .landing-page .section-py-space .title {
      margin-top: -5px;
      margin-bottom: 70px; }
      .landing-page .section-py-space .title h5 {
        color: #006666;
        text-align: center;
        font-family: Caveat;
        font-weight: 700;
        font-size: 20px; }
      .landing-page .section-py-space .title h2 {
        font-size: 40px;
        color: #051A1A;
        position: relative; }
        .landing-page .section-py-space .title h2::after {
          content: "";
          position: absolute;
          height: 5px;
          left: 50%;
          transform: translate(-50%);
          width: 51px;
          top: 60px;
          border-radius: 10px;
          background-color: #FE6A49; }
      .landing-page .section-py-space .title span {
        letter-spacing: 1.5px;
        color: rgba(5, 26, 26, 0.8); }
    .landing-page .section-py-space .support-title {
      z-index: 8;
      position: absolute;
      right: 50%;
      transform: translate(36%); }
      .landing-page .section-py-space .support-title h2 {
        font-weight: 700;
        font-size: 26px;
        text-align: end; }
      .landing-page .section-py-space .support-title .premium-button {
        text-align: end; }
      .landing-page .section-py-space .support-title p {
        letter-spacing: 1.5px;
        text-align: end;
        color: #86909C;
        margin-bottom: 0px;
        padding-bottom: 8px; }
    .landing-page .section-py-space .license-title h3 {
      position: absolute;
      top: 38%;
      left: 3%;
      transform: translate(10%);
      color: #006666;
      text-align: center;
      font-family: Caveat;
      font-weight: 700;
      font-size: 43px; }
  .landing-page .demo-section .dashboard-images .demo-box .img-wrraper img {
    border-radius: 10px;
    padding: 10px;
    border: 1px solid rgba(0, 102, 102, 0.65); }
    .landing-page .demo-section .dashboard-images .demo-box .img-wrraper img:hover {
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .demo-section .down-loader {
    position: relative; }
    .landing-page .demo-section .down-loader img {
      position: absolute;
      top: 310px; }
  .landing-page .demo-section .demo-box {
    background-color: rgba(0, 102, 102, 0.06);
    padding: 0px 21px 20px;
    border-radius: 10px; }
    .landing-page .demo-section .demo-box .layout-name {
      padding: 18px 0px 18px 0px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .landing-page .demo-section .demo-box .layout-name a {
        font-size: 17px;
        font-weight: 600;
        color: #006666;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal; }
      .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px; }
        .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li {
          height: 10px;
          width: 10px;
          border-radius: 100%;
          opacity: 0.5; }
          .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:first-child {
            background-color: #006666; }
          .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:nth-child(2) {
            background-color: #FE6A49; }
          .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:last-child {
            background-color: #FFAE1A; }
    .landing-page .demo-section .demo-box .demo-title {
      padding-top: 20px;
      text-align: center; }
      .landing-page .demo-section .demo-box .demo-title .btn {
        text-transform: capitalize;
        border: 1px solid #006666;
        padding: 8px 15px;
        transition: all 0.5s ease;
        color: #fff; }
        .landing-page .demo-section .demo-box .demo-title .btn:hover {
          background-color: #006666;
          color: #fff; }
    .landing-page .demo-section .demo-box .img-wrraper {
      overflow: hidden;
      position: relative;
      border: 2px solid rgba(230, 233, 235, 0.65);
      border-radius: 10px; }
      .landing-page .demo-section .demo-box .img-wrraper img {
        transition: all 0.5s ease;
        width: 100%;
        padding: 6px; }
    .landing-page .demo-section .demo-box:hover .img-wrraper {
      transition: all 0.5s ease;
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .demo-section .demo-block {
    margin-bottom: -30px;
    justify-content: center; }
    .landing-page .demo-section .demo-block > div {
      margin-bottom: 30px; }
  .landing-page .application-section .app-box .img-wrraper img {
    border-radius: 10px;
    padding: 10px;
    background-color: rgba(0, 102, 102, 0.06);
    padding: 20px; }
    .landing-page .application-section .app-box .img-wrraper img:hover {
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .application-section .down-loader {
    position: relative; }
    .landing-page .application-section .down-loader img {
      position: absolute;
      top: 310px; }
  .landing-page .application-section .app-box {
    border-radius: 10px; }
    .landing-page .application-section .app-box .layout-name {
      padding: 18px 0px 18px 0px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .landing-page .application-section .app-box .layout-name a {
        font-size: 17px;
        font-weight: 600;
        color: #006666; }
      .landing-page .application-section .app-box .layout-name .riho-demo-img ul {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px; }
        .landing-page .application-section .app-box .layout-name .riho-demo-img ul li {
          height: 10px;
          width: 10px;
          border-radius: 100%;
          opacity: 0.5; }
          .landing-page .application-section .app-box .layout-name .riho-demo-img ul li:first-child {
            background-color: #006666; }
          .landing-page .application-section .app-box .layout-name .riho-demo-img ul li:nth-child(2) {
            background-color: #FE6A49; }
          .landing-page .application-section .app-box .layout-name .riho-demo-img ul li:last-child {
            background-color: #FFAE1A; }
    .landing-page .application-section .app-box .demo-title {
      padding-top: 20px;
      text-align: center; }
      .landing-page .application-section .app-box .demo-title .btn {
        text-transform: capitalize;
        border: none !important;
        background: linear-gradient(90deg, rgba(13, 126, 126, 0.08) -18.33%, rgba(0, 102, 102, 0.08) 62.78%) !important;
        padding: 8px 15px;
        font-weight: 600;
        transition: all 0.5s ease;
        color: #006666; }
        .landing-page .application-section .app-box .demo-title .btn:hover, .landing-page .application-section .app-box .demo-title .btn:active {
          background-color: #006666 !important;
          color: #fff !important; }
    .landing-page .application-section .app-box .img-wrraper {
      overflow: hidden;
      position: relative;
      border-radius: 10px; }
      .landing-page .application-section .app-box .img-wrraper img {
        transition: all 0.5s ease;
        width: 100%;
        background-color: rgba(0, 102, 102, 0.06);
        padding: 20px; }
    .landing-page .application-section .app-box:hover .img-wrraper {
      transition: all 0.5s ease;
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .application-section .demo-block {
    margin-bottom: -30px;
    justify-content: center; }
    .landing-page .application-section .demo-block > div {
      margin-bottom: 30px; }

.demo-section .demo-box.dashboard-images .img-wrraper {
  position: relative;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  border-radius: 15px;
  overflow: hidden;
  transition: all 0.5s ease;
  background-color: #fff; }
  .demo-section .demo-box.dashboard-images .img-wrraper img {
    transition: all 0.5s ease;
    border-radius: 14px; }
  .demo-section .demo-box.dashboard-images .img-wrraper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    background-color: rgba(0, 102, 102, 0.09);
    z-index: 2;
    transition: all 0.5s ease; }
  .demo-section .demo-box.dashboard-images .img-wrraper .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    opacity: 0;
    z-index: 3;
    visibility: hidden;
    transform: scale(0) rotate(-90deg);
    transition: all 0.5s ease; }
    .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link {
      width: fit-content;
      margin: auto;
      z-index: 3; }
      .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li {
        display: inline-block; }
        .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li:nth-child(n+2) {
          margin-left: 10px; }
        .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li a {
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          width: 158px;
          height: 50px;
          border-radius: 12px;
          background-color: #fff; }
          .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li a img {
            width: auto;
            height: 50%; }

.demo-section .demo-box.dashboard-images .demo-detail {
  padding-top: 25px; }
  .demo-section .demo-box.dashboard-images .demo-detail .demo-title {
    text-align: center; }
    .demo-section .demo-box.dashboard-images .demo-detail .demo-title h3 {
      font-size: 22px;
      font-family: "Montserrat", sans-serif;
      text-transform: capitalize;
      font-weight: 400;
      margin-bottom: -7px;
      color: #1A1C23; }

.animate-slider .slick-slide img {
  width: 100%; }

.text-marqee {
  height: 230px; }
  @media (max-width: 1199px) {
    .text-marqee {
      height: 166px; } }
  @media (max-width: 991px) {
    .text-marqee {
      height: 130px; } }
  @media (max-width: 767px) {
    .text-marqee {
      height: 95px; } }
  @media (max-width: 575px) {
    .text-marqee {
      height: 65px; } }
.marquee {
  padding-top: 70px;
  margin-bottom: -30px;
  animation: scrolling 40s linear infinite; }
  .marquee .marquee-name p {
    text-align: end; }
    .marquee .marquee-name p.big-title {
      margin-bottom: 0px;
      font-weight: 700;
      font-size: 60px;
      font-family: "Montserrat", sans-serif;
      text-transform: uppercase;
      color: #fff;
      -webkit-background-clip: text;
      background-image: linear-gradient(26deg, #006666, rgba(13, 126, 126, 0.19));
      -webkit-text-stroke: 2px transparent; }

@keyframes scrolling {
  0% {
    transform: translate(100vw); }
  100% {
    transform: translate(-117vw); } }

.f-light {
  color: #86909C; }

.vector-image {
  position: absolute; }
  @media (max-width: 991px) {
    .vector-image {
      display: none; } }
.loader-gif {
  right: 5%;
  top: 25%; }
  @media (max-width: 1199px) {
    .loader-gif {
      top: 32%; } }
  @media (max-width: 991px) {
    .loader-gif {
      right: 15px; } }
  @media (max-width: 575px) {
    .loader-gif {
      top: 28%; } }
.loader-line-gif {
  right: 15%;
  top: 12%; }
  @media (max-width: 1660px) {
    .loader-line-gif {
      right: 5%; } }
  @media (max-width: 1399px) {
    .loader-line-gif {
      top: 10%;
      right: 0; } }
  @media (max-width: 1199px) {
    .loader-line-gif {
      top: 9%; } }
  @media (max-width: 991px) {
    .loader-line-gif {
      top: 0; } }
  .loader-line-gif img {
    width: 130px; }
    @media (max-width: 575px) {
      .loader-line-gif img {
        width: 80px; } }
.rating-title {
  font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: normal; }

.layout h5 {
  margin-bottom: 10px;
  opacity: .8;
  letter-spacing: 1.2px; }

.layout .btn {
  padding: 0.15rem 0.5rem; }

.common-card {
  background: #FCFCFD;
  border: 2px solid #fff;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  border-radius: 10px; }

.testimonial-box {
  position: relative;
  padding: 20px 25px;
  text-align: left;
  margin-bottom: 33px; }
  .testimonial-box .rating-content {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px; }
  .testimonial-box h5 {
    font-size: 16px;
    margin-bottom: 0; }
  .testimonial-box .text-end span {
    font-size: 13px; }
  .testimonial-box .customer-img {
    width: 60px;
    height: 60px;
    background: #FFFAFA;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -25px; }
  .testimonial-box p {
    margin-bottom: 0; }

.about-section .slick-slide {
  padding: 0 14px; }

.testimonial-slider .slick-dots li {
  width: auto;
  height: auto; }
  .testimonial-slider .slick-dots li button {
    background: rgba(82, 82, 108, 0.2);
    border-radius: 20px;
    height: 5px;
    width: 11px;
    padding: 0;
    transition: all 0.5s; }
    .testimonial-slider .slick-dots li button::before {
      display: none; }
  .testimonial-slider .slick-dots li.slick-active button {
    background: #006666;
    border-radius: 20px;
    width: 20px;
    transition: all 0.5s; }

.customer-box {
  position: relative;
  background-color: #f7f7f7;
  text-align: center;
  padding: 40px 30px;
  border-radius: 25px;
  box-shadow: 30px 30px 33px rgba(119, 119, 119, 0.25); }
  @media (max-width: 1399px) {
    .customer-box {
      padding: 40px 35px; } }
  @media (max-width: 1199px) {
    .customer-box {
      padding: 30px 25px; } }
  @media (max-width: 991px) {
    .customer-box {
      padding: 17px 13px; } }
  @media (max-width: 575px) {
    .customer-box {
      box-shadow: 12px 12px 12px rgba(119, 119, 119, 0.25); } }
  .customer-box img {
    height: 70px;
    width: auto; }
    @media (max-width: 991px) {
      .customer-box img {
        height: 50px; } }
.customer-wrapper {
  position: relative;
  padding: 12px; }
  @media (max-width: 767px) {
    .customer-wrapper {
      padding: 0; } }
  .customer-wrapper .outline-box {
    position: absolute;
    bottom: -6px;
    left: -5px; }
    @media (max-width: 1399px) {
      .customer-wrapper .outline-box {
        bottom: -1px;
        left: 0px; } }
    @media (max-width: 1199px) {
      .customer-wrapper .outline-box {
        bottom: -1px;
        left: -2px;
        width: 120%; } }
    @media (max-width: 767px) {
      .customer-wrapper .outline-box {
        display: none; } }
.customer-wrap {
  margin: 0 -28px; }
  @media (max-width: 1199px) {
    .customer-wrap {
      margin: 0 -15px; } }
  @media (max-width: 991px) {
    .customer-wrap {
      margin: 0 -10px; } }
  @media (max-width: 767px) {
    .customer-wrap {
      margin: -12px; } }
  .customer-wrap > div {
    padding: 0 28px; }
    @media (max-width: 1199px) {
      .customer-wrap > div {
        padding: 0 15px; } }
    @media (max-width: 991px) {
      .customer-wrap > div {
        padding: 0 10px; } }
    @media (max-width: 767px) {
      .customer-wrap > div {
        padding: 12px; } }
  @media (max-width: 1199px) {
    .customer-wrap > div:last-child .outline-box {
      width: 100%; } }
.demo-section .title, .feature-section .title {
  margin-bottom: 30px;
  margin-top: -10px; }
  .demo-section .title h2, .feature-section .title h2 {
    color: #006666;
    font-size: 40px; }
  .demo-section .title span, .feature-section .title span {
    font-size: 15px;
    letter-spacing: 1.5px;
    color: rgba(5, 26, 26, 0.8); }

.framework {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: auto;
  background-color: rgba(0, 102, 102, 0.06); }
  .framework ul.framworks-list {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 45px;
    flex-wrap: wrap;
    margin-bottom: 1px; }
    .framework ul.framworks-list li {
      display: inline-block;
      display: flex;
      gap: 20px;
      align-items: center;
      min-width: 222px;
      gap: 10px;
      padding: 12px 20px 12px 12px;
      background-color: #fff;
      border-radius: 10px;
      width: fit-content;
      box-shadow: 0px 1.9217px 1.53736px 0px rgba(0, 102, 102, 0.03), 0px 4.6181px 3.69448px 0px rgba(0, 102, 102, 0.05), 0px 8.69547px 6.95638px 0px rgba(0, 102, 102, 0.06), 0px 10px 10px 0px rgba(0, 102, 102, 0.04);
      position: relative; }
      .framework ul.framworks-list li div {
        height: 70px;
        width: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        background-color: rgba(0, 102, 102, 0.1); }
      .framework ul.framworks-list li:nth-child(13) {
        margin-bottom: 0px; }
      .framework ul.framworks-list li:last-child {
        margin-bottom: 0px; }
      .framework ul.framworks-list li img {
        transition: all 0.3s ease;
        height: 30px; }
        .framework ul.framworks-list li img.img-68 {
          width: 68px; }
      .framework ul.framworks-list li h5 {
        margin-bottom: unset; }
      .framework ul.framworks-list li:hover {
        background-color: #fff; }
        .framework ul.framworks-list li:hover::before {
          content: "";
          position: absolute;
          height: 100%;
          width: 100%;
          top: 0px;
          left: 0px;
          border-radius: 10px; }
        .framework ul.framworks-list li:hover img {
          transform: scale(0.7);
          animation: swing 2s ease infinite; }
  .framework .wavy-gif {
    left: 100%;
    top: 23%; }
    .framework .wavy-gif svg {
      width: 80px;
      transform: rotate(90deg); }
      @media (max-width: 1199px) {
        .framework .wavy-gif svg {
          width: 60px; } }
      @media (max-width: 575px) {
        .framework .wavy-gif svg {
          width: 30px; } }
    .framework .wavy-gif path {
      stroke: #FFAE1A;
      stroke-dasharray: 500;
      stroke-dashoffset: 500;
      animation: dash 1.5s linear infinite; }

@keyframes dash {
  to {
    stroke-dashoffset: 0; } }
    @media (max-width: 1399px) {
      .framework .wavy-gif {
        right: 3%;
        top: 15%; } }
    @media (max-width: 991px) {
      .framework .wavy-gif {
        right: 1%;
        top: 10%; } }
    @media (max-width: 767px) {
      .framework .wavy-gif {
        top: 8%; } }
.frame-tab {
  background: rgba(244, 245, 248, 0.5);
  border-radius: 40px;
  border: none;
  gap: 10px;
  display: inline-flex;
  padding: 5px;
  margin-bottom: 50px; }
  .frame-tab .nav-item img {
    width: 21px;
    height: 21px; }
  .frame-tab .nav-item .nav-link {
    font-size: 18px;
    padding: 16px 40px;
    border-radius: 40px;
    background: transparent;
    border: none;
    color: rgba(0, 2, 72, 0.5);
    font-weight: 500; }
    @media (max-width: 991px) {
      .frame-tab .nav-item .nav-link {
        font-size: 16px;
        padding: 10px 25px; } }
    .frame-tab .nav-item .nav-link img {
      margin-right: 10px;
      filter: grayscale(1); }
    .frame-tab .nav-item .nav-link.active {
      color: #000248;
      background: #fff;
      box-shadow: 0px 7px 15px rgba(46, 35, 94, 0.06); }
      .frame-tab .nav-item .nav-link.active img {
        filter: unset; }
  @media (max-width: 575.98px) {
    .frame-tab.nav {
      display: inline-flex;
      background-color: transparent; } }
.framework-box {
  position: relative;
  display: flex;
  align-items: center;
  background: #FCFCFD;
  border: 2px solid #fff;
  box-shadow: 0px 5px 20px rgba(46, 35, 94, 0.12);
  border-radius: 50px 16px 16px 50px;
  padding: 18px 16px;
  gap: 16px;
  margin-left: 30px;
  transition: all 0.5s; }
  .framework-box::after {
    position: absolute;
    content: '';
    width: 40px;
    height: calc(100% + 4px);
    border-right: 1px dashed rgba(0, 2, 72, 0.2);
    right: -1px;
    border-top: 1px dashed rgba(0, 2, 72, 0.2);
    border-bottom: 1px dashed rgba(0, 2, 72, 0.2);
    border-radius: 10px;
    top: -1px;
    bottom: 0; }
  .framework-box .frame-icon {
    position: relative;
    min-width: 55px;
    height: 55px;
    background: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -48px; }
    @media (max-width: 575px) {
      .framework-box .frame-icon {
        min-width: 52px;
        height: 52px; } }
    .framework-box .frame-icon::before {
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      box-shadow: 3px 4px 5px rgba(46, 35, 94, 0.11), inset 3px 0px 1px rgba(204, 204, 215, 0.5);
      border-radius: 100%; }
    .framework-box .frame-icon img {
      width: 30px;
      height: 30px; }
      @media (max-width: 575px) {
        .framework-box .frame-icon img {
          width: 25px;
          height: 25px; } }
  .framework-box .frame-details {
    position: relative;
    text-align: left; }
    .framework-box .frame-details p {
      opacity: 0.7;
      margin-bottom: 0; }
    .framework-box .frame-details::before, .framework-box .frame-details::after {
      position: absolute;
      content: '';
      width: 8px;
      height: 8px;
      background: #FEFEFF;
      border: 1px solid rgba(0, 2, 72, 0.2);
      border-radius: 100%;
      right: 17px; }
    .framework-box .frame-details::before {
      top: -23px; }
    .framework-box .frame-details::after {
      bottom: -24px; }
  @media (min-width: 576px) {
    .framework-box:hover {
      transform: scale(1.05);
      transition: all 0.5s; } }
  .framework-box:hover .frame-icon::before {
    animation-name: rotate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }

@keyframes rotate {
  from {
    transform: rotate(-360deg); }
  to {
    transform: rotate(360deg); } }

.sub-title {
  font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 700;
  font-family: "Caveat", cursive;
  color: #FFB905; }

.rotate-title {
  color: #FF5A82; }

.landing-home {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: 1060px;
  background-image: url(/../images/landing/demo-bg.png); }
  .landing-home .sub-title {
    font-size: calc(18px + (30 - 18) * ((100vw - 300px) / (1920 - 300))); }
  .landing-home .user-content {
    width: 36%;
    padding: 35px 0px;
    text-align: center;
    font-size: 15px;
    margin: auto; }
    .landing-home .user-content span {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: rgba(5, 26, 26, 0.8); }
  .landing-home .star-animate {
    position: relative; }
    .landing-home .star-animate img {
      height: 30px;
      width: 30px;
      position: absolute;
      top: 0px;
      left: 0px; }
  .landing-home .content .arrow-animate svg {
    top: 311px;
    right: 66px;
    height: 80px;
    width: 61px;
    position: absolute;
    animation: rotate-animation 2s linear infinite;
    transition: all 1s ease; }
  .landing-home .content h1 {
    margin-top: 167px;
    color: #051A1A;
    line-height: 1.2;
    font-weight: 600;
    font-size: calc(25px + (60 - 25) * ((100vw - 300px) / (1920 - 300))); }
    .landing-home .content h1 span {
      background: #006666;
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .landing-home .content h1 .sub-content {
      position: relative;
      gap: 35px; }
      .landing-home .content h1 .sub-content::before {
        content: "";
        background-color: #051A1A;
        position: absolute;
        top: 30px;
        left: 222px;
        height: 50px;
        border-radius: 10px;
        width: 24%;
        transform: rotate(3deg); }
      .landing-home .content h1 .sub-content button {
        background-color: #fff;
        border: 2.36px solid #051A1A;
        border-radius: 9px;
        padding: 14px 38px;
        font-weight: 600;
        font-size: 28px;
        transform: rotate(6deg);
        color: radial-gradient(circle, #1baeae 2%, #1a9494 50%, #048f8f 100%) !important;
        border-color: #051A1A;
        text-transform: uppercase;
        overflow: hidden; }
        .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider {
          width: 165px;
          position: relative; }
          .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
            content: "";
            background-image: linear-gradient(180deg, #24B5B5 0%, #228585 100%);
            position: absolute;
            border-radius: 15px;
            height: 10px;
            width: 10px;
            top: 8px;
            left: -21px;
            z-index: 1; }
        .landing-home .content h1 .sub-content button::before {
          content: "";
          background-color: #051A1A;
          height: 40px;
          width: 40px;
          position: absolute;
          right: -22px;
          top: -19px;
          border-radius: 25px; }
        .landing-home .content h1 .sub-content button::after {
          content: "";
          background-color: #051A1A;
          height: 24px;
          width: 24px;
          position: absolute;
          right: -8px;
          bottom: -12px;
          border-radius: 24px; }
        .landing-home .content h1 .sub-content button span {
          background: linear-gradient(180deg, #24B5B5 0%, #228585 100%);
          background-clip: text;
          -webkit-background-clip: text;
          font-size: 25px;
          font-weight: 600;
          text-transform: uppercase;
          -webkit-text-fill-color: transparent; }
  .landing-home .content p {
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    opacity: 0.8;
    width: 64%;
    margin: 0 auto; }
    @media (max-width: 1366px) {
      .landing-home .content p {
        width: 90%; } }
    @media (max-width: 767px) {
      .landing-home .content p {
        width: 100%; } }
  .landing-home .best-selling {
    position: relative;
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease; }
    .landing-home .best-selling img {
      position: absolute;
      top: 154px;
      left: -30%;
      transform: rotate(-15.412deg);
      z-index: 1; }
    .landing-home .best-selling .img-shadow {
      position: absolute;
      height: 230px;
      width: 245px;
      border-radius: 4px;
      left: -30%;
      top: 165px;
      transform: rotate(350deg);
      background-color: #E6E9EB; }
  .landing-home .nft-marketplace {
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease;
    position: relative; }
    .landing-home .nft-marketplace img {
      position: absolute;
      top: 174px;
      right: -35%;
      z-index: 1;
      transform: rotate(7deg); }
    .landing-home .nft-marketplace .nft-marketplace-shadow {
      position: absolute;
      height: 207px;
      border-radius: 4px;
      width: 299px;
      background-color: #E6E9EB;
      right: -30%;
      top: 210px;
      transform: rotate(1.053deg); }
  .landing-home .new-user-img {
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease;
    position: relative; }
    .landing-home .new-user-img img {
      position: absolute;
      bottom: 100px;
      right: -15%;
      transform: rotate(13.746deg);
      z-index: 1; }
    .landing-home .new-user-img .new-user-shadow {
      position: absolute;
      bottom: 152px;
      right: -17%;
      border-radius: 4px;
      transform: rotate(110.697deg);
      height: 218px;
      width: 221px;
      background-color: #E6E9EB; }
  .landing-home .total-revenue-img {
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease;
    position: relative; }
    .landing-home .total-revenue-img img {
      position: absolute;
      bottom: 250px;
      left: -30%;
      transform: rotate(-14.949deg);
      z-index: 1; }
    .landing-home .total-revenue-img .total-revenue-shadow {
      background-color: #E6E9EB;
      position: absolute;
      border-radius: 4px;
      height: 110px;
      width: 204px;
      bottom: 269px;
      left: -28%;
      transform: rotate(341deg); }
  .landing-home .screen-1 {
    background-color: #fff;
    border-radius: 20px;
    border: 2px solid #000;
    padding: 20px;
    width: fit-content;
    margin: auto;
    position: relative; }
  .landing-home .screen-2 {
    position: absolute;
    bottom: 175px;
    left: 55px;
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease; }
    .landing-home .screen-2 img {
      position: relative;
      transform: rotate(359deg);
      border-radius: 14px;
      transform: rotate(-3.435deg);
      z-index: 1; }
    .landing-home .screen-2 .screen-sidebar {
      position: absolute;
      height: 459px;
      width: 95px;
      border-radius: 4px;
      top: 24px;
      transform: rotate(350deg);
      background-color: #E6E9EB; }
  .landing-home .star-img {
    position: relative; }
    .landing-home .star-img .start-animate {
      position: absolute;
      bottom: 540px;
      left: -22%; }
  .landing-home .star-img-left {
    position: relative; }
    .landing-home .star-img-left .start-animate-rotate {
      position: absolute;
      bottom: 440px;
      right: -22%; }
  .landing-home .btn-grp {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center; }
    @media (max-width: 767px) {
      .landing-home .btn-grp {
        gap: 12px; } }
    @media (max-width: 575px) {
      .landing-home .btn-grp {
        flex-wrap: wrap;
        gap: 10px; } }
    .landing-home .btn-grp img {
      height: 30px; }
      @media (max-width: 767px) {
        .landing-home .btn-grp img {
          height: 22px; } }
      @media (max-width: 575px) {
        .landing-home .btn-grp img {
          height: 20px; } }
  .landing-home .content {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1; }
    @media (max-width: 1366px) {
      .landing-home .content {
        margin-top: 170px; } }
    @media (max-width: 1199px) {
      .landing-home .content {
        margin-top: 140px; } }
    @media (max-width: 575px) {
      .landing-home .content {
        margin-top: 100px; } }
  .landing-home .content-title {
    position: relative;
    display: inline-block; }
    .landing-home .content-title .arrow-decore {
      position: absolute;
      left: -203px;
      top: -25px; }
      @media (max-width: 1660px) {
        .landing-home .content-title .arrow-decore {
          left: -166px;
          width: 150px; } }
      @media (max-width: 991px) {
        .landing-home .content-title .arrow-decore {
          left: -125px;
          width: 110px;
          top: -14px; } }
      @media (max-width: 575px) {
        .landing-home .content-title .arrow-decore {
          left: -61px;
          width: 60px;
          top: -4px; } }
  .landing-home .sticky-header header .nav-padding {
    padding: 35px 200px 25px; }

.navbar {
  justify-content: flex-start; }
  .navbar .navbar-toggler {
    margin-left: auto; }

.navbar-nav {
  align-items: center; }
  .navbar-nav .nav-item {
    position: relative; }
    .navbar-nav .nav-item .nav-link {
      font-size: 18px;
      letter-spacing: 1px;
      padding: 12px 20px;
      transition: all 0.3s ease;
      position: relative; }
      .navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item .nav-link:active, .navbar-nav .nav-item .nav-link.active {
        opacity: 1;
        transition: all 0.3s ease; }
        .navbar-nav .nav-item .nav-link:hover::before, .navbar-nav .nav-item .nav-link:active::before, .navbar-nav .nav-item .nav-link.active::before {
          content: '';
          position: absolute;
          height: 3px;
          top: 35px;
          width: 15px;
          color: #006666;
          background-color: #006666; }

.landing-page .navbar-expand-xl .navbar-collapse {
  background-color: transparent; }

.landing-page .page-body-wrapper {
  min-height: 100vh;
  background: #eaf4ff;
  overflow: hidden; }

.landing-page .buy-btn {
  font-size: 16px;
  background: linear-gradient(90deg, #006666 -18.33%, #006666 62.78%);
  border-radius: 7px;
  padding: 11px 39px;
  margin-left: 10px; }
  @media (max-width: 991px) {
    .landing-page .buy-btn {
      padding: 12px 35px; } }
  @media (max-width: 767px) {
    .landing-page .buy-btn {
      padding: 9px 20px;
      font-size: 14px; } }
  .landing-page .buy-btn a {
    color: #fff;
    padding: 0; }

.landing-page .navbar-nav .nav-item .nav-link {
  letter-spacing: 1.5px;
  color: #051A1A;
  text-transform: capitalize; }
  .landing-page .navbar-nav .nav-item .nav-link a:active {
    color: #006666; }

.landing-page .sticky-header header {
  background: transparent;
  box-shadow: none;
  z-index: 100;
  left: 0;
  height: auto; }
  .landing-page .sticky-header header.sticky {
    margin-top: 0; }
    .landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {
      font-size: 16px;
      padding: 15px 12px; }

.navbar-expand-xl .navbar-brand {
  padding-left: 18px; }

.navbar-expand-xl .navbar-collapse {
  flex-flow: row nowrap;
  justify-content: flex-end;
  background-color: #fff; }

.faq-section .accordion {
  display: flex;
  flex-direction: column;
  gap: 20px; }
  .faq-section .accordion-button, .faq-section .accordion-body {
    padding: 0; }
  .faq-section .accordion-button:not(.collapsed) {
    color: #006666;
    background: transparent; }
  .faq-section .accordion-button:focus {
    box-shadow: unset;
    border: none; }
  .faq-section .accordion-button::after {
    font-family: 'IcoFont';
    content: "\eb25";
    font-size: 24px;
    background: unset;
    width: auto;
    height: auto;
    margin-bottom: -4px; }
  .faq-section .accordion-body {
    padding-top: 14px;
    margin-top: 14px;
    border-top: 1px solid rgba(82, 82, 108, 0.5);
    text-align: left; }

.faq-section .vector-image {
  left: -160px;
  top: 30px; }
  @media (max-width: 1600px) {
    .faq-section .vector-image {
      left: 60px;
      top: -30px; } }
  @media (max-width: 1199px) {
    .faq-section .vector-image {
      left: 0px;
      top: -30px; } }
  .faq-section .vector-image img {
    height: 400px; }
    @media (max-width: 1600px) {
      .faq-section .vector-image img {
        height: 270px; } }
.pricing-section .loader-gif {
  top: -5%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-gif {
      top: -11%;
      right: 2%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-gif {
      top: -2%;
      right: 2%; } }
  .pricing-section .loader-gif .loader-1 {
    width: 56px;
    height: 56px; }
    .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
      width: 56px;
      height: 56px; }
    @media (max-width: 575px) {
      .pricing-section .loader-gif .loader-1 {
        width: 40px;
        height: 40px; }
        .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
          width: 40px;
          height: 40px; } }
.pricing-section .loader-line-gif {
  right: unset;
  top: unset;
  left: 22%;
  bottom: 15%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 12%; } }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 16%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-line-gif {
      left: 10px;
      bottom: -20px; }
      .pricing-section .loader-line-gif img {
        width: 90px; } }
.pricing-box {
  background: rgba(243, 245, 245, 0.5);
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 30px 20px; }
  .pricing-box img {
    width: 23px;
    height: 22px; }
  @media (max-width: 767px) {
    .pricing-box {
      padding: 20px 15px; } }
  .pricing-box p {
    color: #52526C; }
  .pricing-box h4 {
    margin-bottom: 20px; }
    @media (max-width: 575px) {
      .pricing-box h4 {
        margin-bottom: 15px; } }
  .pricing-box p {
    line-height: 1.5; }
  .pricing-box .purchase-details {
    background: #FCFCFD;
    border: 2px solid #fff;
    box-shadow: 0px 4px 20px rgba(46, 35, 94, 0.05);
    border-radius: 10px;
    padding: 24px 40px;
    margin-top: 20px; }
    @media (max-width: 1199px) {
      .pricing-box .purchase-details {
        padding: 24px 20px; } }
    .pricing-box .purchase-details h2 {
      margin-bottom: 14px; }
    .pricing-box .purchase-details .btn-lg {
      font-weight: 500;
      padding: 12px 20px;
      width: 100%;
      min-width: auto; }
      @media (max-width: 1199px) {
        .pricing-box .purchase-details .btn-lg {
          padding: 12px 10px;
          font-size: 15px; } }
.license-list {
  display: flex;
  flex-direction: column;
  gap: 15px; }
  @media (max-width: 767px) {
    .license-list {
      gap: 10px; } }
  .license-list li {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 10px; }
    @media (max-width: 991px) {
      .license-list li {
        gap: 5px; } }
    @media (max-width: 575px) {
      .license-list li img {
        width: 18px;
        height: 18px; } }
    .license-list li h6 {
      font-weight: normal;
      margin-bottom: 0; }

.benefit-box {
  position: relative;
  background: rgba(241, 242, 242, 0.5);
  padding: 40px 10px;
  box-shadow: 17px 17px 20px rgba(186, 186, 187, 0.3);
  border-radius: 30px; }
  @media (max-width: 991px) {
    .benefit-box {
      padding: 30px 10px; } }
  @media (max-width: 575px) {
    .benefit-box {
      padding: 20px 10px; } }
  .benefit-box svg {
    width: 40px;
    height: 40px; }
    @media (max-width: 991px) {
      .benefit-box svg {
        width: 30px;
        height: 30px; } }
  .benefit-box::after {
    position: absolute;
    content: '';
    width: 54px;
    height: 8px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px 10px 0 0; }
  @media (max-width: 991px) {
    .benefit-box h2 {
      font-size: 25px; } }
  .benefit-box h6 {
    font-weight: 400;
    color: #52526C;
    opacity: 0.7; }
  .benefit-box.pink h2 {
    color: #FF3692; }
  .benefit-box.pink::after {
    background: #FF3692; }
  .benefit-box.purple h2 {
    color: #7238FF; }
  .benefit-box.purple::after {
    background: #7238FF; }
  .benefit-box.red h2 {
    color: #FF3556; }
  .benefit-box.red::after {
    background: #FF3556; }
  .benefit-box.warning h2 {
    color: #FFAA05; }
  .benefit-box.warning::after {
    background: #FFAA05; }

.rating-title {
  display: flex;
  align-items: center;
  justify-content: center; }
  .rating-title .decore-1 {
    margin-top: -35px;
    animation: animationtop 5s infinite; }

@keyframes arrowsvg {
  0% {
    transform: scale(0);
    transform-origin: left; }
  100% {
    transform: scale(1);
    transform-origin: left; } }

.ratings li i {
  color: #FFAA05; }

.components-section {
  background: linear-gradient(179deg, rgba(247, 248, 249, 0) 8.83%, #F7F8F9 50%); }

.component_responsive {
  flex-wrap: initial; }

.component-hover-effect {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #FCFCFD;
  border: 2px solid #fff;
  box-shadow: 0px 4px 10px rgba(46, 35, 94, 0.07);
  border-radius: 5px;
  padding: 20px;
  justify-content: center;
  min-height: 78px; }
  @media (max-width: 767px) {
    .component-hover-effect {
      padding: 13px;
      min-height: 68px; } }
  .component-hover-effect svg {
    width: 26px;
    height: 26px; }

.ptb50 {
  padding: 80px 0; }
  @media (max-width: 991.98px) {
    .ptb50 {
      padding: 60px 0; } }
  @media (max-width: 575.98px) {
    .ptb50 {
      padding: 50px 0; } }
.purchase-btn {
  padding: 12px 20px;
  min-width: 200px;
  border: none; }
  @media (max-width: 991px) {
    .purchase-btn {
      min-width: 160px; } }
  @media (max-width: 767px) {
    .purchase-btn {
      min-width: 140px;
      padding: 10px 17px;
      font-size: 16px; } }
@keyframes move_wave {
  0% {
    transform: translateX(0) translateZ(0) scaleY(1); }
  50% {
    transform: translateX(-25%) translateZ(0) scaleY(0.55); }
  100% {
    transform: translateX(-50%) translateZ(0) scaleY(1); } }

footer h2 {
  font-size: calc(24px + (70 - 24) * ((100vw - 300px) / (1920 - 300))); }

footer .license-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: calc(15px + (30 - 15) * ((100vw - 300px) / (1920 - 300)));
  gap: calc(15px + (30 - 15) * ((100vw - 300px) / (1920 - 300))); }
  @media (max-width: 991px) {
    footer .license-list {
      gap: 20px; } }
  @media (max-width: 767px) {
    footer .license-list {
      gap: 15px; } }
  @media (max-width: 575px) {
    footer .license-list {
      flex-wrap: wrap; } }
  footer .license-list h6 {
    color: #fff; }

.tap-top {
  text-align: center;
  cursor: pointer;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 5;
  color: #fff;
  border: 1px solid #fff;
  background: var(--theme-deafult);
  padding: 7px;
  box-shadow: 0 0 10px var(--theme-deafult);
  opacity: 0.5;
  transition: all 0.3s ease; }
  .tap-top:hover {
    transition: all 0.3s ease;
    opacity: 1; }
  .tap-top svg {
    width: 20px; }

@keyframes animationFramesOne {
  0% {
    transform: translate(0px, 0px) rotate(0deg); }
  20% {
    transform: translate(73px, -1px) rotate(36deg); }
  40% {
    transform: translate(141px, 72px) rotate(72deg); }
  60% {
    transform: translate(83px, 122px) rotate(108deg); }
  80% {
    transform: translate(-40px, 72px) rotate(144deg); }
  100% {
    transform: translate(0px, 0px) rotate(0deg); } }

.page-wrapper,
.landing-page {
  overflow: hidden; }

.landing-page {
  overflow-x: hidden;
  overflow-y: visible; }

.app-bg-1 {
  background: #F9F7F7; }

.app-bg-2 {
  background: #F3F5F5; }

.app-bg-3 {
  background: #EFF5F8; }

.app-bg-4 {
  background: #F0F5F7; }

.app-bg-5 {
  background: #F5F4F3; }

.app-bg-6 {
  background: #F8F8FA; }

.flower-gif {
  top: -40px;
  left: 19%; }
  @media (max-width: 991px) {
    .flower-gif {
      top: 0;
      left: 15%; } }
  @media (max-width: 767px) {
    .flower-gif {
      left: 8%; } }
  @media (max-width: 575px) {
    .flower-gif {
      display: none; } }
.navabr_btn-set {
  position: relative; }
  .navabr_btn-set:focus {
    outline: 0; }
  .navabr_btn-set span {
    display: block;
    background-color: #fff;
    height: 3px;
    width: 25px;
    margin-top: 4px;
    margin-bottom: 4px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 0;
    opacity: 1; }
  .navabr_btn-set:not(.custom_nav) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9; }
  .navabr_btn-set:not(.custom_nav) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent; }
  .navabr_btn-set:not(.custom_nav) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9; }

.navbar-b {
  transition: all .5s ease-in-out;
  background-color: transparent;
  padding-top: 1.563rem;
  padding-bottom: 1.563rem; }

.fixed-top {
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  display: flex;
  left: 0;
  z-index: 1030; }

.navbar-toggler span {
  display: block;
  background-color: transparent;
  height: 3px;
  width: 25px;
  z-index: 112;
  margin-top: 4px;
  margin-bottom: 4px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 0;
  opacity: 1; }
  .navbar-toggler span:nth-child(1) {
    transition: transform .35s ease-in-out; }
  .navbar-toggler span:nth-child(3) {
    transition: transform .35s ease-in-out; }

.navbar-toggler:focus {
  box-shadow: none; }

.navbar_nav_modify li {
  text-align: center; }

.sticky-header header {
  position: fixed;
  width: 100%;
  z-index: 6;
  text-align: center;
  line-height: normal;
  height: 80px;
  background: var(--theme-deafult);
  color: #fff;
  box-shadow: 0 0 5px 1px rgba(5, 56, 111, 0.1);
  transition: all 0.4s ease; }
  .sticky-header header .nav-padding {
    padding: 20px 200px; }
  .sticky-header header.sticky {
    line-height: normal;
    background: #fff;
    text-align: left; }
    .sticky-header header.sticky .nav-padding {
      padding: 7px 14px; }

.landing-footer .footer-contain h2 {
  width: 65%;
  margin-bottom: 5px; }

.landing-footer .footer-contain p {
  margin-bottom: 8px; }

.landing-footer .footer-contain .star-rate {
  margin-bottom: 50px; }

.title-padding {
  padding: 130px 0; }

@keyframes mover {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-4px); } }

.landing-footer {
  background-image: url(/../images/landing/bg-footer.png);
  background-size: cover; }
  .landing-footer .footer-contain {
    text-align: center; }
    .landing-footer .footer-contain .rating-wrraper {
      margin-bottom: 40px; }
      .landing-footer .footer-contain .rating-wrraper svg {
        width: auto;
        height: calc(95px + (120 - 95) * ((100vw - 320px) / (1920 - 320))); }
    .landing-footer .footer-contain h2 {
      font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1920 - 320)));
      font-weight: 600;
      margin-bottom: 0px;
      line-height: 1.4;
      font-family: "Montserrat", sans-serif;
      width: 100%;
      color: #fff;
      margin-left: auto;
      margin-right: auto; }
    .landing-footer .footer-contain p {
      font-size: calc(12px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
      color: #fff; }
    .landing-footer .footer-contain .star-rate {
      margin-bottom: 40px; }
      .landing-footer .footer-contain .star-rate li {
        display: inline-block; }
        .landing-footer .footer-contain .star-rate li i {
          font-size: calc(14px + (35 - 20) * ((100vw - 320px) / (1920 - 320))); }
    .landing-footer .footer-contain .btn-footer {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      gap: 15px; }
      .landing-footer .footer-contain .btn-footer a:nth-child(n+2) {
        margin-left: 10px; }

.pricing-section .support-img {
  display: flex;
  align-items: center;
  justify-content: center; }
  .pricing-section .support-img img {
    position: relative;
    height: auto; }
  .pricing-section .support-img h4 {
    position: absolute;
    right: -48px;
    font-size: 40px;
    font-weight: 700;
    transform: rotate(270deg);
    bottom: 33%; }

@media (max-width: 1399px) {
  .pricing-section .support-img img {
    width: 730px; }
  .pricing-section .support-img h4 {
    right: 47px;
    font-size: 33px; } }

.pricing-section .landing-title h5 {
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: #006666; }

.pricing-section .landing-title h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin: 10px 0px; }

.pricing-section .landing-title .support-button:hover {
  color: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); }

.pricing-section .landing-title p {
  width: 100%; }

.pricing-section .loader-gif {
  top: -5%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-gif {
      top: -11%;
      right: 2%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-gif {
      top: -2%;
      right: 2%; } }
  .pricing-section .loader-gif .loader-1 {
    width: 56px;
    height: 56px; }
    .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
      width: 56px;
      height: 56px; }
    @media (max-width: 575px) {
      .pricing-section .loader-gif .loader-1 {
        width: 40px;
        height: 40px; }
        .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
          width: 40px;
          height: 40px; } }
.pricing-section .loader-line-gif {
  right: unset;
  top: unset;
  left: 22%;
  bottom: 15%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 12%; } }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 16%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-line-gif {
      left: 10px;
      bottom: -20px; }
      .pricing-section .loader-line-gif img {
        width: 90px; } }
.pricing-box {
  background: rgba(243, 245, 245, 0.5);
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 30px 20px; }
  .pricing-box img {
    width: 23px;
    height: 22px; }
  @media (max-width: 767px) {
    .pricing-box {
      padding: 20px 15px; } }
  .pricing-box p {
    color: #52526C; }
  .pricing-box h4 {
    margin-bottom: 20px; }
    @media (max-width: 575px) {
      .pricing-box h4 {
        margin-bottom: 15px; } }
  .pricing-box p {
    line-height: 1.5; }
  .pricing-box .purchase-details {
    background: #FCFCFD;
    border: 2px solid #fff;
    box-shadow: 0px 4px 20px rgba(46, 35, 94, 0.05);
    border-radius: 10px;
    padding: 24px 40px;
    margin-top: 20px; }
    @media (max-width: 1199px) {
      .pricing-box .purchase-details {
        padding: 24px 20px; } }
    .pricing-box .purchase-details h2 {
      margin-bottom: 14px; }
    .pricing-box .purchase-details .btn-lg {
      font-weight: 500;
      padding: 12px 20px;
      width: 100%;
      min-width: auto; }
      @media (max-width: 1199px) {
        .pricing-box .purchase-details .btn-lg {
          padding: 12px 10px;
          font-size: 15px; } }
.license-list {
  display: flex;
  flex-direction: column;
  gap: 15px; }
  @media (max-width: 767px) {
    .license-list {
      gap: 10px; } }
  .license-list li {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 10px; }
    @media (max-width: 991px) {
      .license-list li {
        gap: 5px; } }
    @media (max-width: 575px) {
      .license-list li img {
        width: 18px;
        height: 18px; } }
    .license-list li h6 {
      font-weight: normal;
      margin-bottom: 0; }

@media (max-width: 1799px) {
  .marquee .marquee-name p.big-title {
    font-size: 50px; } }

@media (max-width: 1700px) {
  .landing-home {
    height: 992px; }
    .landing-home .content h1 .sub-content:before {
      top: 28px;
      left: 210px; }
  .nft-marketplace img {
    height: 180px; }
  .nft-marketplace .nft-marketplace-shadow {
    width: 220px !important;
    height: 155px !important; }
  .best-selling img {
    width: calc(140px + (234 - 140) * ((100vw - 768px) / (1920 - 768))) !important;
    height: calc(140px + (234 - 140) * ((100vw - 768px) / (1920 - 768))) !important; }
  .best-selling .img-shadow {
    width: calc(213px + (165 - 150) * ((100vw - 768px) / (1920 - 768))) !important;
    height: calc(140px + (230 - 140) * ((100vw - 768px) / (1920 - 768))) !important; } }

@media (max-width: 1367px) {
  .landing-page .landing-home .content h1 {
    margin-top: 5px; }
  .landing-page .landing-home .content .arrow-animate svg {
    display: none; }
  .landing-page .landing-home .best-selling .img-shadow {
    left: -32%; }
  .landing-page .unique-cards.section-py-space .support-title h2 {
    font-size: 22px; }
  .landing-page .unique-cards.section-py-space .support-title p {
    font-size: 12px; } }

@media (max-width: 1599px) {
  .marquee .marquee-name p.big-title {
    font-size: 40px; } }

@media (max-width: 1440px) {
  .landing-page .demo-section .down-loader {
    display: none; }
  .framework {
    height: 654px; }
  .landing-home {
    height: 948px; }
    .landing-home .screen-2 {
      display: none; }
    .landing-home .content h1 .sub-content::before {
      width: 30%;
      top: 25px;
      left: 176px;
      height: 50px; }
  .nft-marketplace img {
    height: 150px; }
  .nft-marketplace .nft-marketplace-shadow {
    width: 176px !important;
    height: 126px !important; }
  .best-selling img {
    height: 145px; }
  .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    padding: 12px 7px; }
  .feature-section {
    height: 776px; }
    .feature-section .loader-gif {
      display: none; } }

@media (max-width: 1399px) {
  .landing-home .content h1 span {
    font-size: 40px; }
  .landing-home .sticky-header header .nav-padding {
    padding: 28px 100px 25px; }
  .framework {
    height: 792px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 7%;
    right: 52%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 22px; }
    .landing-page .unique-cards.section-py-space .support-title p {
      font-size: 12px; } }

/* ========= responsive scss for 1200 screen ========= */
@media only screen and (max-width: 1199px) {
  .marquee .marquee-name p.big-title {
    font-size: 30px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 7%;
    right: 52%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 20px; }
    .landing-page .unique-cards.section-py-space .support-title p {
      font-size: 12px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 2%;
    font-size: 35px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -46px;
    font-size: 33px; }
  .landing-page .section-py-space .title h2 {
    font-size: 30px; }
  .landing-page .section-py-space .title span {
    font-size: 12px; }
  .landing-page .feature-section .title span {
    font-size: 14px; }
  .landing-home {
    height: 670px; }
    .landing-home .content h1 {
      font-size: 30px; }
      .landing-home .content h1 .sub-content:before {
        width: 38%;
        left: 129px;
        padding: 13px 33px;
        height: 73%; }
      .landing-home .content h1 .sub-content button span {
        font-size: 20px; }
      .landing-home .content h1 .sub-content button .animate-button-slide .notification-slider::before {
        top: 6px; }
      .landing-home .content h1 span {
        font-size: 28px; }
    .landing-home .sticky-header header .nav-padding {
      padding: 20px; }
  .feature-section {
    height: auto; }
  .framework {
    height: auto; }
  .nft-marketplace img {
    display: none; }
  .nft-marketplace .nft-marketplace-shadow {
    display: none; }
  .best-selling img {
    display: none; }
  .best-selling .img-shadow {
    display: none; }
  .total-revenue-img img {
    display: none; }
  .total-revenue-img .total-revenue-shadow {
    display: none; }
  .new-user-img img {
    display: none; }
  .new-user-img .new-user-shadow {
    display: none; }
  .sticky-header header.sticky .nav-padding {
    padding: 15px 25px; }
  .navbar-toggler span {
    background-color: #006666; }
  .application-sec.demo-section .demo-box, .main-sec.demo-section .demo-box {
    padding: 0 20px; }
  .sticky-header .navbar-nav .nav-item .nav-link {
    color: #000;
    padding: 10px 12px !important;
    font-size: 15px; }
  .sticky-header .navbar-nav li {
    display: block;
    width: 100%; }
  .landing-page .navbar-expand-xl .navbar-collapse {
    background-color: white;
    margin-top: 20px;
    position: absolute;
    width: calc(100% - 30px);
    left: 15px;
    top: 70px; } }
  @media only screen and (max-width: 1199px) and (max-width: 575px) {
    .landing-page .navbar-expand-xl .navbar-collapse {
      top: 34px; } }
@media only screen and (max-width: 1199px) {
    .landing-page .navbar-expand-xl .navbar-collapse .navbar-nav {
      padding: 20px 30px 30px 30px; }
  header.sticky .navbar-expand-xl .navbar-collapse {
    top: 50px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; }
  .landing-main .sticky .navbar-expand-xl .navbar-brand {
    top: 8px; }
  .landing-main .sticky .navbar-expand-xl .navabr_btn-set {
    top: 16px; }
  .landing-main .navbar-toggler span {
    background-color: #fff; }
  .landing-main .navbar_nav_modify {
    width: 100vw;
    left: 0;
    position: fixed;
    height: 100vh;
    background-color: #293240;
    top: 0;
    padding: 120px 0px; }
  .landing-main h4 {
    font-size: 20px; }
  .landing-main .navbar-expand-xl .navabr_btn-set {
    position: fixed;
    top: 24px;
    z-index: 1;
    right: 20px; }
  .landing-main .navbar-expand-xl .navbar-brand {
    padding-left: 5px;
    z-index: 1;
    position: fixed;
    top: 14px; }
  .landing-main .navbar-expand-xl .navbar-collapse .navbar-nav .nav-item a {
    padding: 28px 60px;
    width: 16px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center; }
  .landing-main .navbar-expand-lg .navbar-brand {
    padding-left: 5px; }
  .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
    padding: 9px; } }

@media only screen and (max-width: 1099px) {
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 47%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 16px;
      padding-bottom: 15px; }
    .landing-page .unique-cards.section-py-space .support-title p {
      display: none; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 2%;
    font-size: 35px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -46px;
    font-size: 33px; } }

/* ========= responsive scss for 992 screen ========= */
@media only screen and (max-width: 991px) {
  .marquee {
    padding-top: 40px; }
    .marquee .marquee-name p.big-title {
      font-size: 25px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 8%;
    width: 100%;
    right: 76%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 14px;
      padding-bottom: 14px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 15%;
    font-size: 19px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 370px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: 84px;
    font-size: 20px; }
  .feature-section {
    height: 936px; }
  .framework {
    height: auto; }
  .landing-home .navbar-brand img {
    height: 35px; }
  .landing-home .content h1 .sub-content {
    padding-top: 16px !important; }
    .landing-home .content h1 .sub-content button .animate-button-slide .notification-slider::before {
      content: "";
      top: 6px; }
  .frameworks-section > .container {
    max-width: 100%; }
  .landing-main .navbar-expand-lg .navbar-collapse {
    position: absolute;
    top: 90px;
    background-color: white;
    width: calc(100% - 30px);
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    padding: 15px; }
  .landing-main .navbar-expand-lg .navbar-toggler {
    background-color: #fff; }
    .landing-main .navbar-expand-lg .navbar-toggler .navbar-toggler-icon i {
      margin-top: 5px;
      color: var(--theme-deafult); }
  .landing-main .navbar-expand-lg .navbar-collapse {
    background-color: #fff;
    z-index: 111; }
    .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
      color: #000; } }

/* ========= responsive scss for 768 screen ========= */
@media only screen and (max-width: 767px) {
  .marquee .marquee-name p.big-title {
    font-size: 18px; }
  .feature-section .feature-box .feature-icon {
    top: -19px;
    right: 10px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 75%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 12px;
      padding-bottom: 14px; }
    .landing-page .unique-cards.section-py-space .support-title a {
      font-size: 12px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 8%;
    font-size: 20px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 330px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -10px;
    font-size: 20px; }
  .landing-home .user-content {
    padding: 20px 0px; }
  .landing-home .content h1 {
    font-size: 20px; }
    .landing-home .content h1 .sub-content span {
      font-size: 14px; }
    .landing-home .content h1 .sub-content button {
      padding: 11px 5px 10px 36px;
      width: 40%;
      transform: unset;
      position: relative; }
      .landing-home .content h1 .sub-content button::before {
        height: 32px;
        width: 32px; }
      .landing-home .content h1 .sub-content button::after {
        height: 20px;
        width: 20px; }
      .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider {
        width: 105px; }
        .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
          content: "";
          top: 4px;
          height: 8px;
          width: 8px; }
      .landing-home .content h1 .sub-content button span {
        font-size: 14px; }
    .landing-home .content h1 .sub-content::before {
      display: none; }
  .feature-section {
    height: auto; }
  .landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {
    font-size: 14px;
    padding: 10px 12px; } }

/* ========= responsive scss for 680 screen ========= */
@media only screen and (max-width: 680px) {
  .marquee .marquee-name p.big-title {
    font-size: 14px;
    letter-spacing: 2px; }
  .landing-page .unique-cards.section-py-space .marquee {
    padding-top: 30px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 73%;
    width: 100%; }
    .landing-page .unique-cards.section-py-space .support-title a {
      padding: 8px 20px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 4%;
    font-size: 18px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 400px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -10px;
    font-size: 16px; }
  .landing-home .content h1 .sub-content span {
    font-size: 14px; }
  .landing-home .content h1 .sub-content button {
    width: 46%; } }

/* ========= responsive scss for 575 screen ========= */
@media only screen and (max-width: 575px) {
  .landing-home {
    height: 416px; }
    .landing-home .user-content {
      padding: 14px 0px;
      width: 45%; }
      .landing-home .user-content span {
        font-size: 12px; }
    .landing-home .content h1 .sub-content {
      padding-top: 10px !important;
      gap: 6px; }
      .landing-home .content h1 .sub-content button {
        padding: 10px 5px 10px 30px; }
        .landing-home .content h1 .sub-content button span {
          font-size: 14px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 60%; }
  .framework ul.framworks-list {
    gap: 30px; }
    .framework ul.framworks-list li {
      height: 85px;
      width: 85px; }
  .marquee .marquee-name p.big-title {
    display: none; }
  .landing-page .section-py-space .title h2::after {
    top: 51px; }
  .landing-page .unique-cards.section-py-space .marquee {
    display: none; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 70%;
    right: 56%; }
    .landing-page .unique-cards.section-py-space .support-title a {
      padding: 6px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    display: none; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    padding-bottom: 70px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    display: none; }
  .feature-section {
    height: auto; }
  .framework {
    height: 100%; }
    .framework ul.framworks-list li div {
      height: 50px;
      width: 50px; }
      .framework ul.framworks-list li div img {
        height: 30px; }
  .landing-home .sticky-header header .nav-padding {
    padding: 15px 30px; }
  .landing-main h4 {
    font-size: 17px; } }

/* ========= responsive scss for 480 screen ========= */
@media only screen and (max-width: 480px) {
  .landing-home .content h1 .sub-content button::after {
    display: none; }
  .landing-home .content h1 .sub-content button::before {
    display: none; }
  .landing-page .unique-cards.section-py-space .support-title h2 {
    text-align: center; }
  .landing-page .unique-cards.section-py-space .support-title .premium-button {
    text-align: center; }
  .landing-page .demo-section .demo-box .layout-name a {
    font-size: 14px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 71%;
    right: 37%; }
  .landing-page .section-py-space .title h5 {
    font-size: 16px; }
  .landing-page .section-py-space .title h2 {
    font-size: 18px; }
    .landing-page .section-py-space .title h2::after {
      top: 30px;
      width: 40px;
      height: 5px; }
  .landing-page .feature-section .title h5 {
    font-size: 16px; }
  .landing-page .feature-section .title h2 {
    font-size: 18px; }
    .landing-page .feature-section .title h2::after {
      top: 30px;
      width: 40px;
      height: 5px; }
  .framework {
    height: 1440px; }
  .feature-section {
    height: auto; }
  .framework {
    height: 100%; }
  .sticky-header header.sticky {
    height: 56px; }
  .landing-home .sticky-header header .nav-padding {
    padding: 15px; }
  .landing-home .user-content {
    width: 61%; }
  .landing-home .content h1 .sub-content::before {
    width: 40%;
    left: 88px;
    top: 35%; }
  .landing-home .content h1 .sub-content span {
    font-size: 14px; }
  .landing-home .content h1 .sub-content button {
    width: 56%; }
    .landing-home .content h1 .sub-content button span {
      font-size: 14px; }
    .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
      top: 4px;
      left: -14px; }
  .landing-home .navbar-toggler {
    border: none;
    background-color: transparent;
    padding: 0; }
  .landing-home .navbar-brand img {
    height: 25px; } }

/* ========= responsive scss for 425 screen ========= */
@media only screen and (max-width: 425px) {
  .feature-section {
    height: 100%; }
  .landing-page .section-py-space .title h2::after {
    top: 37px; }
  .framework ul.framworks-list {
    gap: 30px; } }

/* ========= responsive scss for 380 screen ========= */
@media only screen and (max-width: 380px) {
  .feature-section {
    height: 100%; }
  .framework {
    height: 100%; }
  .component-col-set {
    width: 100%; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 69%;
    right: 40%; }
  .landing-home .content h1 .sub-content::before {
    width: 40%;
    left: 77px; }
  .landing-home .content h1 .sub-content button {
    padding: 6px 14px 6px 25px; } }

@media screen and (max-width: 375px) {
  .landing-page .unique-cards.section-py-space .support-title {
    top: 60%;
    right: 37%; } }

@media (max-width: 767px) {
  .framework .nav .nav-link img {
    height: 35px; }
  .framework .nav .nav-link h5 {
    font-size: 16px; }
  .framework ul.framworks-list li {
    width: 145px;
    height: 145px; }
    .framework ul.framworks-list li img {
      height: 40px; } }

@media (max-width: 767px) and (max-width: 480px) {
  .framework .nav .nav-item {
    width: auto; }
  .framework .nav .nav-link {
    padding-bottom: 10px;
    display: block !important; }
    .framework .nav .nav-link img {
      height: 25px;
      margin-right: unset; }
    .framework .nav .nav-link .text-start {
      display: none; }
    .framework .nav .nav-link.active, .framework .nav .nav-link.show {
      border-bottom: 2px solid #006666; }
  .framework ul.framworks-list li {
    width: 120px;
    height: 110px;
    padding: 25px 0;
    margin: 5px; }
    .framework ul.framworks-list li img {
      height: 30px; } }

@media (max-width: 767px) and (max-width: 1367px) {
  .framework .nav {
    margin-bottom: 40px; }
    .framework .nav .nav-link h5 {
      font-size: 18px; }
    .framework .nav .nav-link p {
      font-size: 12px; }
  .framework ul.framworks-list li {
    height: 175px;
    width: 175px; }
    .framework ul.framworks-list li img {
      width: auto;
      height: 60px; }
      .framework ul.framworks-list li img.img-68 {
        width: auto; } }

@media (max-width: 767px) and (max-width: 991px) {
  .framework .nav {
    margin-bottom: 30px; }
  .framework ul.framworks-list li {
    padding-left: 22px;
    width: 93px;
    height: 93px; }
    .framework ul.framworks-list li img {
      height: 40px; } }

/**=====================
    3.26 Landing CSS Ends
==========================**/
/**=====================
    3.27 Language CSS start
==========================**/
.current_lang {
  cursor: pointer;
  text-transform: uppercase;
  overflow: hidden; }

.lang.selected {
  display: none; }

.lang span.lang-txt {
  display: inline-flex;
  margin-left: 8px;
  font-weight: 500; }

.lang span span {
  color: #999;
  font-weight: 400;
  margin-left: 5px; }

/*more lang*/
.more_lang {
  transform: translateY(-20px);
  opacity: 0;
  cursor: pointer;
  display: none;
  transition: all 0.3s cubic-bezier(0.25, 1.15, 0.35, 1.15); }

.translate_wrapper.active .more_lang {
  display: block;
  position: absolute;
  background-color: #fff;
  top: 47px;
  right: 0;
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1); }
  .translate_wrapper.active .more_lang:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    top: -7px;
    position: absolute;
    right: 20px;
    z-index: 2; }
  .translate_wrapper.active .more_lang:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #bdc2c5;
    content: "";
    top: -7px;
    position: absolute;
    right: 20px;
    z-index: 1; }

.more_lang.active {
  opacity: 1;
  transform: translateY(0px); }

.more_lang .lang {
  padding: 10px 15px;
  display: flex; }
  .more_lang .lang:hover {
    background: var(--theme-deafult);
    color: #fff; }
    .more_lang .lang:hover span {
      color: #fff; }

.translate_wrapper.active .more_lang .lang {
  border-bottom: 1px solid #eaeaea; }

/**=====================
    3.27 Language CSS end
==========================**/
/**=====================
     3.28 Learning CSS start
==========================**/
.learning-header {
  margin-bottom: 10px; }

.categories {
  padding: 16px 0; }
  .categories .learning-header {
    padding-left: 15px; }
  .categories ul li {
    padding: 10px 15px; }
    .categories ul li a {
      color: #051A1A; }
    .categories ul li:hover {
      background-color: #E6E9EB; }

.upcoming-course .media + .media {
  margin-top: 30px; }

.job-accordion {
  margin-bottom: 0; }

@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .learning-comment {
    margin-left: -14px !important;
    float: left !important; }
  .blog-box .blog-details .blog-social li:first-child {
    padding-right: 30px; }
  .blog-box .blog-details .blog-social li + li {
    padding-left: 30px; } }

@media only screen and (max-width: 991px) {
  .categories {
    padding: 20px 0; }
  .upcoming-course .media + .media {
    margin-top: 20px; } }

@media only screen and (max-width: 575px) {
  .categories {
    padding: 15px 0; }
  .upcoming-course .media + .media {
    margin-top: 15px; } }

/**=====================
     3.28 Learning CSS end
==========================**/
/**=====================
    3.47 Letter_box CSS Start
==========================**/
.email-right-aside .email-list {
  display: block; }
  .email-right-aside .email-list.hide {
    display: none; }

.email-right-aside .email-read {
  display: none; }
  .email-right-aside .email-read.show {
    display: block; }

.email-right-aside .modal-footer {
  text-align: end; }

.email-main-wrapper .email-app-sidebar .nav-pills .nav-item:active, .email-main-wrapper .email-app-sidebar .nav-pills .nav-item.active {
  border-radius: 5px; }

.email-main-wrapper .email-app-sidebar .nav-pills .nav-item:last-child .nav-link {
  padding-bottom: 0; }

.email-main-wrapper .email-app-sidebar .nav-pills .nav-link {
  color: var(--chart-text-color);
  gap: 13px;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  padding: 8px 20px; }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:hover {
    background-color: rgba(0, 102, 102, 0.1);
    color: var(--theme-deafult); }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active {
    background-color: rgba(0, 102, 102, 0.1);
    color: var(--theme-deafult);
    border-radius: 5px; }
    .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active svg, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active svg {
      stroke: rgba(153, 153, 153, 0.8); }
    .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
      content: '';
      border-right: 3px solid var(--theme-deafult);
      position: absolute;
      top: 9px;
      width: 4px;
      right: 0;
      height: 35px;
      border: 2px solid var(--theme-deafult);
      border-radius: 100px 0 0 100px; }
      [dir="rtl"] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, [dir="rtl"] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
        right: unset;
        left: 0; }
      @media (max-width: 1400px) {
        .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
          top: 8px;
          height: 28px; } }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link svg {
    width: 18px;
    height: 18px;
    stroke: rgba(153, 153, 153, 0.8); }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link div {
    width: calc(100% - 13px - 18px);
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 1400px) {
      .email-main-wrapper .email-app-sidebar .nav-pills .nav-link div {
        font-size: 15px; } }
.email-main-wrapper .email-app-sidebar span {
  background-color: rgba(0, 102, 102, 0.2);
  color: var(--theme-deafult);
  border-radius: 20px;
  padding: 5px 13px; }
  @media (max-width: 1400px) {
    .email-main-wrapper .email-app-sidebar span {
      padding: 3px 10px; } }
.email-main-wrapper .email-app-sidebar .compose-mail {
  display: block;
  text-align: center; }
  .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active {
    padding: 15px;
    background-color: var(--theme-deafult);
    color: var(--white); }
    @media (max-width: 1400px) {
      .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active {
        padding: 10px; } }
    .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active::before {
      content: unset; }
  .email-main-wrapper .email-app-sidebar .compose-mail .nav-link i {
    font-size: 13px; }

@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .email-category.nav-pills .nav-item .nav-link {
    padding: 3px 20px; } }

@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item .nav-link {
    padding: 3px 20px; } }

.email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item:first-child a {
  margin-top: 16px; }

.email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item svg {
  width: 24px;
  height: 24px; }

.email-main-wrapper .email-app-sidebar .emailbox.btn {
  width: 100%;
  margin-bottom: 15px;
  padding: 12px;
  font-size: 16px;
  font-weight: 500; }
  @media (max-width: 576px) {
    .email-main-wrapper .email-app-sidebar .emailbox.btn {
      padding: 7px; } }
  .email-main-wrapper .email-app-sidebar .emailbox.btn i {
    padding-right: 12px; }
    [dir="rtl"] .email-main-wrapper .email-app-sidebar .emailbox.btn i {
      padding-right: unset;
      padding-left: 12px; }

.email-body .mail-header-wrapper {
  padding: 16px;
  box-shadow: 0px 5px 10px 0px rgba(82, 82, 108, 0.08);
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 1468px) {
    .email-body .mail-header-wrapper {
      padding: 12px; } }
  @media (max-width: 600px) {
    .email-body .mail-header-wrapper {
      flex-direction: column;
      align-items: flex-start; } }
  .email-body .mail-header-wrapper .mail-header .form-check {
    display: flex;
    align-items: center; }
    @media (max-width: 420px) {
      .email-body .mail-header-wrapper .mail-header .form-check {
        align-items: flex-start; } }
    .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
      width: 18px;
      height: 18px;
      margin-top: 9px; }
      @media (max-width: 1468px) {
        .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
          margin-right: 8px;
          margin-top: 2px; }
          [dir="rtl"] .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
            margin-left: 8px;
            margin-right: unset; } }
      .email-body .mail-header-wrapper .mail-header .form-check .form-check-input:focus {
        box-shadow: unset;
        border: 1px solid var(--theme-deafult); }
  @media (max-width: 424px) {
    .email-body .mail-header-wrapper .mail-header ul {
      gap: 12px; } }
  @media (max-width: 351px) {
    .email-body .mail-header-wrapper .mail-header ul {
      flex-direction: column; } }
  .email-body .mail-header-wrapper .mail-header ul li a {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--chart-text-color);
    position: relative;
    padding-bottom: 0; }
    @media (max-width: 1468px) {
      .email-body .mail-header-wrapper .mail-header ul li a {
        padding: 7px; } }
    .email-body .mail-header-wrapper .mail-header ul li a::before {
      content: '';
      position: absolute;
      bottom: -23px;
      left: 0;
      width: 0;
      background-color: var(--theme-deafult);
      height: 2px;
      transition: all 0.1s ease-in; }
      [dir="rtl"] .email-body .mail-header-wrapper .mail-header ul li a::before {
        left: unset;
        right: 0; }
      @media (max-width: 1468px) {
        .email-body .mail-header-wrapper .mail-header ul li a::before {
          bottom: -15px; } }
      @media (max-width: 991px) {
        .email-body .mail-header-wrapper .mail-header ul li a::before {
          bottom: -13px; } }
      @media (max-width: 351px) {
        .email-body .mail-header-wrapper .mail-header ul li a::before {
          bottom: -2px; } }
    .email-body .mail-header-wrapper .mail-header ul li a.active {
      color: var(--theme-deafult); }
      .email-body .mail-header-wrapper .mail-header ul li a.active::before {
        width: 100%;
        transition: all 0.1s ease-in; }
    .email-body .mail-header-wrapper .mail-header ul li a svg {
      width: 22px;
      height: 22px; }
      @media (max-width: 424px) {
        .email-body .mail-header-wrapper .mail-header ul li a svg {
          display: none; } }
  .email-body .mail-header-wrapper .mail-body {
    display: flex;
    gap: 12px; }
    @media (max-width: 1500px) {
      .email-body .mail-header-wrapper .mail-body {
        justify-content: end; } }
    @media (max-width: 600px) {
      .email-body .mail-header-wrapper .mail-body {
        display: none; } }
    .email-body .mail-header-wrapper .mail-body .mail-search {
      position: relative; }
      @media (max-width: 1500px) {
        .email-body .mail-header-wrapper .mail-body .mail-search {
          width: 55%; } }
      @media (max-width: 1468px) {
        .email-body .mail-header-wrapper .mail-body .mail-search {
          width: 48%; } }
      @media (max-width: 1400px) {
        .email-body .mail-header-wrapper .mail-body .mail-search {
          display: none; } }
      .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
        display: inline-block;
        padding: 8px 30px; }
        .email-body .mail-header-wrapper .mail-body .mail-search .form-control:focus {
          box-shadow: unset;
          border: 1px solid var(--chart-dashed-border); }
        @media (max-width: 1504px) {
          .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
            max-width: 165px; } }
      .email-body .mail-header-wrapper .mail-body .mail-search i {
        position: absolute;
        top: 12px;
        left: 11px; }
        [dir="rtl"] .email-body .mail-header-wrapper .mail-body .mail-search i {
          left: 0;
          right: 11px; }
    .email-body .mail-header-wrapper .mail-body .light-square i {
      color: var(--body-font-color); }

.email-body .light-square {
  width: 40px;
  height: 39px;
  border-radius: 8px;
  background-color: var(--light-slate);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }
  @media (max-width: 992px) {
    .email-body .light-square {
      width: 34px;
      height: 35px; } }
  .email-body .light-square.dropdown-toggle::after {
    content: '';
    display: none; }
  .email-body .light-square .dropdown-menu .dropdown-item {
    border-top: 0; }
    .email-body .light-square .dropdown-menu .dropdown-item:hover {
      background-color: #E6E9EB; }
    .email-body .light-square .dropdown-menu .dropdown-item i {
      padding-right: 12px; }
      [dir="rtl"] .email-body .light-square .dropdown-menu .dropdown-item i {
        padding-right: 0;
        padding-left: 12px; }

.email-body .mail-body-wrapper ul li {
  padding: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid var(--chart-dashed-border); }
  .email-body .mail-body-wrapper ul li:hover {
    background-color: var(--light-background); }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .email-timing {
      display: none;
      transition: all 0.3s ease-in-out; }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options {
      display: flex;
      align-items: center;
      gap: 14px;
      justify-content: flex-end;
      min-width: 100px;
      transition: all 0.3s ease-in-out; }
      .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i {
        font-size: 18px; }
        @media (max-width: 375px) {
          .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i {
            font-size: 16px; } }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .show {
      display: block; }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .hide {
      display: none; }
  @media (max-width: 460px) {
    .email-body .mail-body-wrapper ul li.inbox-data {
      display: block; } }
  .email-body .mail-body-wrapper ul li:last-child {
    border-bottom: unset; }
  .email-body .mail-body-wrapper ul li .inbox-user {
    min-width: 290px;
    display: flex;
    align-items: center;
    gap: 12px; }
    @media (max-width: 1400px) {
      .email-body .mail-body-wrapper ul li .inbox-user {
        min-width: 280px; } }
    @media (max-width: 576px) {
      .email-body .mail-body-wrapper ul li .inbox-user {
        min-width: 260px; } }
    .email-body .mail-body-wrapper ul li .inbox-user .form-check-input {
      width: 18px;
      height: 18px; }
      .email-body .mail-body-wrapper ul li .inbox-user .form-check-input:focus {
        box-shadow: unset; }
    .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
      width: 50px;
      height: 50px;
      border: 2px solid var(--chart-dashed-border);
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 100%; }
      @media (max-width: 1400px) {
        .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
          width: 42px;
          height: 42px; } }
      @media (max-width: 355px) {
        .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
          display: none; } }
      .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 102, 102, 0.2);
        border-radius: 100%; }
        @media (max-width: 1400px) {
          .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div {
            width: 32px;
            height: 32px; } }
        .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div p {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 100%;
          font-weight: 900;
          padding-top: 3px; }
          @media (max-width: 1200px) {
            .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div p {
              font-size: 13px; } }
      .email-body .mail-body-wrapper ul li .inbox-user .rounded-border .circle-success {
        background-color: rgba(0, 172, 70, 0.3); }
      .email-body .mail-body-wrapper ul li .inbox-user .rounded-border img {
        border-radius: 100%;
        height: 38px; }
        @media (max-width: 1400px) {
          .email-body .mail-body-wrapper ul li .inbox-user .rounded-border img {
            height: 32px; } }
  .email-body .mail-body-wrapper ul li .inbox-message {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 16px; }
    @media (max-width: 700px) {
      .email-body .mail-body-wrapper ul li .inbox-message {
        display: block; } }
    .email-body .mail-body-wrapper ul li .inbox-message .email-data span {
      font-weight: 500;
      color: var(--chart-text-color);
      letter-spacing: 0.3;
      display: -webkit-box;
      max-width: 100%;
      margin: 0 auto;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
      .email-body .mail-body-wrapper ul li .inbox-message .email-data span span {
        font-weight: 400;
        line-height: 1.9; }
    .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge {
      border-radius: 20px; }
      @media (max-width: 1236px) {
        .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge {
          margin-bottom: 5px; } }
      .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge:last-child {
        margin-bottom: 0; }
    .email-body .mail-body-wrapper ul li .inbox-message .email-timing {
      display: flex;
      align-items: center;
      min-width: 80px;
      transition: all 0.3s ease-in-out; }
      @media (max-width: 768px) {
        .email-body .mail-body-wrapper ul li .inbox-message .email-timing {
          justify-content: flex-end;
          height: 18px; } }
      .email-body .mail-body-wrapper ul li .inbox-message .email-timing span {
        color: var(--body-font-color); }
    .email-body .mail-body-wrapper ul li .inbox-message .email-options {
      display: none;
      transition: all 0.3s ease-in-out; }
      @media (max-width: 768px) {
        .email-body .mail-body-wrapper ul li .inbox-message .email-options {
          height: 18px; } }
      .email-body .mail-body-wrapper ul li .inbox-message .email-options .show {
        display: block; }
      .email-body .mail-body-wrapper ul li .inbox-message .email-options .hide {
        display: none; }
      .email-body .mail-body-wrapper ul li .inbox-message .email-options i {
        color: var(--body-font-color); }
  .email-body .mail-body-wrapper ul li.page-item {
    padding: 0; }

.email-body .mail-body-wrapper .hidden {
  display: none !important; }

.email-body .mail-pagination {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px; }
  .email-body .mail-pagination .pagination-button,
  .email-body .mail-pagination .pagination-number {
    padding: 0px 12px;
    width: 35px;
    height: 35px;
    border-radius: 10px;
    border: unset; }
  .email-body .mail-pagination .pagination-button.disabled {
    background-color: var(--light-background);
    color: var(--chart-text-color);
    opacity: 1; }
  .email-body .mail-pagination .pagination-number {
    padding: 6px 12px; }
    .email-body .mail-pagination .pagination-number.active {
      background-color: var(--theme-deafult);
      color: var(--white); }
  .email-body .mail-pagination .pagination-index {
    display: flex;
    gap: 12px; }

.compose-modal form .form-control {
  position: relative; }

.compose-modal form .add-bcc {
  position: absolute;
  top: 2px;
  right: 16px; }
  [dir="rtl"] .compose-modal form .add-bcc {
    right: unset;
    left: 16px; }
  .compose-modal form .add-bcc .btn {
    padding: 5px 8px;
    background-color: var(--light-shade-primary);
    color: var(--theme-deafult); }

.mail-header-wrapper.header-wrapper1 {
  flex-direction: unset; }
  @media (max-width: 440px) {
    .mail-header-wrapper.header-wrapper1 {
      flex-direction: column;
      gap: 10px; } }
.mail-header-wrapper .mail-header1 {
  display: flex;
  align-items: center;
  gap: 18px; }
  .mail-header-wrapper .mail-header1 span {
    font-weight: 500;
    color: var(--body-font-color); }
  .mail-header-wrapper .mail-header1 .btn-email {
    width: 20px;
    height: 20px;
    stroke: var(--body-font-color); }

.mail-header-wrapper .mail-body1 {
  display: flex;
  gap: 10px; }
  .mail-header-wrapper .mail-body1 svg {
    width: 20px;
    height: 20px; }
    @media (max-width: 480px) {
      .mail-header-wrapper .mail-body1 svg {
        width: 18px;
        height: 18px; } }
.mail-body-wrapper .user-mail-wrapper {
  padding: 16px; }
  .mail-body-wrapper .user-mail-wrapper .user-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--chart-dashed-border); }
    @media (max-width: 390px) {
      .mail-body-wrapper .user-mail-wrapper .user-title {
        flex-direction: column;
        padding-bottom: 12px;
        justify-content: unset;
        align-items: unset; } }
    .mail-body-wrapper .user-mail-wrapper .user-title > div {
      display: flex;
      align-items: center;
      gap: 12px;
      padding-bottom: 12px; }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .rounded-border {
        width: 50px;
        height: 50px;
        border: 2px solid var(--chart-dashed-border);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%; }
        .mail-body-wrapper .user-mail-wrapper .user-title > div .rounded-border img {
          height: 38px;
          border-radius: 100%; }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .dropdown-button {
        display: flex;
        align-items: center;
        gap: 8px;
        color: var(--text-gray); }
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .dropdown-button svg {
          width: 16px;
          height: 16px; }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security {
        padding: 16px;
        box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
        min-width: 350px; }
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p {
          margin-bottom: 8px; }
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p:last-child {
            margin-bottom: 0; }
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p span {
            color: var(--body-font-color); }
      @media (max-width: 475px) {
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
          left: -27px; }
          [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
            left: unset;
            right: -27px; } }
      @media (max-width: 445px) {
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
          left: -70px; }
          [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
            left: unset;
            right: -70px; } }
      @media (max-width: 395px) {
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
          min-width: 270px; } }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
        top: 30px;
        z-index: 1; }
        [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
          left: unset;
          right: 0; }
        @media (max-width: 575px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            opacity: 1;
            visibility: visible; } }
        @media (max-width: 475px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            left: -27px; }
            [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
              left: unset;
              right: -27px; } }
        @media (max-width: 445px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            left: -70px; }
            [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
              left: unset;
              right: -70px; } }
        @media (max-width: 395px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            min-width: 270px; } }
    @media (max-width: 390px) {
      .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options {
        padding-bottom: 0; } }
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span {
      color: var(--chart-text-color); }
      @media (max-width: 623px) {
        .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span {
          display: none; } }
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options svg {
      width: 18px;
      height: 18px; }
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options .light-square .dropdown-toggle::after {
      content: unset; }
  .mail-body-wrapper .user-mail-wrapper .user-body {
    padding: 14px 0;
    border-bottom: 1px solid var(--chart-dashed-border); }
    .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(1) {
      padding-bottom: 14px; }
    .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(2), .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(4) {
      line-height: 1.8;
      margin-bottom: 10px; }
    .mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent {
      padding-top: 14px; }
      .mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent p {
        padding-bottom: 0; }
  .mail-body-wrapper .user-mail-wrapper .user-footer {
    padding: 14px 0;
    border-bottom: 1px solid var(--chart-dashed-border); }
    .mail-body-wrapper .user-mail-wrapper .user-footer > div:not(.toolbar-box) {
      display: flex;
      align-items: center;
      gap: 8px;
      padding-bottom: 12px;
      cursor: pointer; }
    .mail-body-wrapper .user-mail-wrapper .user-footer svg {
      width: 20px;
      height: 20px;
      fill: none;
      stroke: var(--text-gray); }
      @media (max-width: 480px) {
        .mail-body-wrapper .user-mail-wrapper .user-footer svg {
          width: 18px;
          height: 18px; } }
    .mail-body-wrapper .user-mail-wrapper .user-footer .attchment-file {
      align-items: center;
      gap: 30px;
      padding: 12px;
      background-color: var(--light-background); }
      .mail-body-wrapper .user-mail-wrapper .user-footer .attchment-file .common-flex img {
        height: 36px; }
  .mail-body-wrapper .user-mail-wrapper .send-btn {
    text-align: end;
    padding-top: 14px; }
    .mail-body-wrapper .user-mail-wrapper .send-btn i {
      margin-left: 8px;
      font-size: 12px; }
      [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .send-btn i {
        margin-left: 0;
        margin-right: 8px; }

.toolbar-box {
  display: block;
  padding: 0;
  border: 1px solid var(--chart-dashed-border);
  border-radius: 5px; }
  .toolbar-box .ql-toolbar.ql-snow {
    border: 0; }
  .toolbar-box .ql-container.ql-snow {
    border: 0;
    min-height: 100px; }
  [dir="rtl"] .toolbar-box .ql-editor {
    text-align: right; }
  .toolbar-box .ql-editor p:nth-child(3) {
    margin: 12px 0; }
  .toolbar-box .ql-editor p:nth-child(8), .toolbar-box .ql-editor p:nth-child(9) {
    margin: 12px 0; }
  .toolbar-box .ql-bold:hover,
  .toolbar-box .ql-italic:hover,
  .toolbar-box .ql-underline:hover,
  .toolbar-box .ql-strike:hover,
  .toolbar-box .ql-list:hover,
  .toolbar-box .ql-stroke:hover,
  .toolbar-box .ql-indent:hover,
  .toolbar-box .ql-link:hover,
  .toolbar-box .ql-image:hover {
    color: var(--theme-deafult); }
    .toolbar-box .ql-bold:hover svg .ql-stroke,
    .toolbar-box .ql-bold:hover svg .ql-fill,
    .toolbar-box .ql-italic:hover svg .ql-stroke,
    .toolbar-box .ql-italic:hover svg .ql-fill,
    .toolbar-box .ql-underline:hover svg .ql-stroke,
    .toolbar-box .ql-underline:hover svg .ql-fill,
    .toolbar-box .ql-strike:hover svg .ql-stroke,
    .toolbar-box .ql-strike:hover svg .ql-fill,
    .toolbar-box .ql-list:hover svg .ql-stroke,
    .toolbar-box .ql-list:hover svg .ql-fill,
    .toolbar-box .ql-stroke:hover svg .ql-stroke,
    .toolbar-box .ql-stroke:hover svg .ql-fill,
    .toolbar-box .ql-indent:hover svg .ql-stroke,
    .toolbar-box .ql-indent:hover svg .ql-fill,
    .toolbar-box .ql-link:hover svg .ql-stroke,
    .toolbar-box .ql-link:hover svg .ql-fill,
    .toolbar-box .ql-image:hover svg .ql-stroke,
    .toolbar-box .ql-image:hover svg .ql-fill {
      stroke: var(--theme-deafult); }
  .toolbar-box .ql-bold button.ql-active .ql-stroke,
  .toolbar-box .ql-italic button.ql-active .ql-stroke,
  .toolbar-box .ql-underline button.ql-active .ql-stroke,
  .toolbar-box .ql-strike button.ql-active .ql-stroke,
  .toolbar-box .ql-list button.ql-active .ql-stroke,
  .toolbar-box .ql-stroke button.ql-active .ql-stroke,
  .toolbar-box .ql-indent button.ql-active .ql-stroke,
  .toolbar-box .ql-link button.ql-active .ql-stroke,
  .toolbar-box .ql-image button.ql-active .ql-stroke {
    stroke: var(--theme-deafult); }

#editor .ql-editing,
#editor1 .ql-editing {
  left: 60.375px !important; }
  [dir="rtl"] #editor .ql-editing, [dir="rtl"] #editor1 .ql-editing {
    left: 0;
    right: 60.375px !important; }
  #editor .ql-editing.ql-out-bottom,
  #editor1 .ql-editing.ql-out-bottom {
    visibility: visible !important; }

#editor .ql-tooltip,
#editor1 .ql-tooltip {
  left: 35.9688px !important; }
  [dir="rtl"] #editor .ql-tooltip, [dir="rtl"] #editor1 .ql-tooltip {
    left: 0;
    right: 35.9688px !important; }
  @media (max-width: 430px) {
    #editor .ql-tooltip,
    #editor1 .ql-tooltip {
      left: 2.9688px !important; }
      [dir="rtl"] #editor .ql-tooltip, [dir="rtl"] #editor1 .ql-tooltip {
        left: 0;
        right: 2.9688px !important; } }
  #editor .ql-tooltip.ql-out-bottom,
  #editor1 .ql-tooltip.ql-out-bottom {
    visibility: visible !important; }
    @media (max-width: 430px) {
      #editor .ql-tooltip.ql-out-bottom input[type=text],
      #editor1 .ql-tooltip.ql-out-bottom input[type=text] {
        width: 94px; } }
.important-mail {
  width: 18px;
  height: 18px;
  fill: transparent;
  stroke: var(--chart-text-color);
  cursor: pointer; }
  .important-mail:active, .important-mail.active {
    fill: #FFAE1A;
    stroke: #FFAE1A; }

.bookmark-box {
  stroke: var(--chart-text-color); }
  .bookmark-box:active, .bookmark-box.active {
    stroke: var(--theme-deafult); }

.dropdown-subtitle > p {
  color: #52526c;
  font-weight: 500; }

/**=====================
    3.47 Letter_box CSS End
==========================**/
/**=====================
    3.29 Login CSS Start
==========================**/
.login-card {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  background-position: center;
  padding: 30px 12px; }
  .login-card .logo {
    display: block;
    margin-bottom: 30px;
    text-align: center; }
  .login-card .btn-showcase .btn {
    line-height: 1;
    padding: 10px 13px;
    margin: 0; }
    .login-card .btn-showcase .btn + .btn {
      margin-left: 5px; }
    .login-card .btn-showcase .btn svg {
      height: 16px;
      vertical-align: bottom; }
  .login-card .login-main {
    width: 450px;
    padding: 40px;
    border-radius: 10px;
    box-shadow: #1a1c23 0px 0px 37px 0px;
    margin: 0 auto;
    background-color: #fff; }
    .login-card .login-main .theme-form h4 {
      margin-bottom: 5px; }
    .login-card .login-main .theme-form label {
      font-size: 15px;
      letter-spacing: 0.4px; }
    .login-card .login-main .theme-form .checkbox label::before {
      background-color: #f9f9fa;
      border: 1px solid #dfdfdf; }
    .login-card .login-main .theme-form .or {
      position: relative; }
      .login-card .login-main .theme-form .or:before {
        content: "";
        position: absolute;
        width: 65%;
        height: 2px;
        background-color: #f3f3ff;
        top: 9px;
        z-index: 0;
        right: 0; }
    .login-card .login-main .theme-form input {
      background-color: rgba(0, 102, 102, 0.1);
      transition: all 0.3s ease; }
      .login-card .login-main .theme-form input::-webkit-input-placeholder {
        color: #999999; }
      .login-card .login-main .theme-form input:hover, .login-card .login-main .theme-form input:focus {
        border: 1px solid #b9c1cc;
        box-shadow: none !important;
        transition: all 0.3s ease; }
    .login-card .login-main .theme-form p {
      margin-bottom: 25px;
      font-size: 14px;
      color: #898989; }
    .login-card .login-main .theme-form .form-group {
      margin-bottom: 10px;
      position: relative; }
    .login-card .login-main .theme-form .link {
      position: absolute;
      top: 10px;
      right: 0; }

.show-hide {
  position: absolute;
  top: 52px;
  right: 20px;
  transform: translateY(-50%); }
  .show-hide span {
    cursor: pointer;
    font-size: 13px;
    color: var(--theme-deafult); }
    .show-hide span.show:before {
      content: "show"; }
    .show-hide span:before {
      content: "hide"; }

.needs-validation .invalid-feedback {
  color: #898989; }

.needs-validation .show-hide {
  right: 30px; }

.needs-validation .invalid-tooltip {
  top: 10px;
  right: 10px; }

/**=====================
    3.29 Login CSS Ends
==========================**/
/**=====================
	3.30 Megaoption CSS Start
==========================**/
.mega-inline {
  margin-bottom: -30px;
  display: flex; }
  .mega-inline .card {
    border: 1px solid #f3f3f3;
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .mega-inline .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
  .mega-inline .media .radio {
    margin-left: 3px; }
    [dir="rtl"] .mega-inline .media .radio {
      margin-right: 3px;
      margin-left: unset; }

.mega-vertical {
  display: flex;
  flex-wrap: wrap; }
  .mega-vertical .card {
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .mega-vertical .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
  .mega-vertical .media .radio {
    margin-left: 3px; }

.mega-title {
  font-weight: 600; }

.mega-horizontal {
  display: flex;
  flex-wrap: wrap; }
  .mega-horizontal .card {
    border: 1px solid #f3f3f3;
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .mega-horizontal .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
  .mega-horizontal .media .radio {
    margin-left: 3px; }

.plain-style .card {
  box-shadow: none;
  border: none !important; }

.border-style .card {
  box-shadow: none;
  border: 1px solid #ecf3fa !important; }

.offer-style .card {
  box-shadow: none;
  border: 1px dashed #ecf3fa !important; }

.rating-star-wrapper {
  color: #797979; }

.card-wrapper .payment-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--chart-dashed-border); }
  .card-wrapper .payment-wrapper:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: unset; }
  .card-wrapper .payment-wrapper .payment-second img {
    width: 50px; }
  .card-wrapper .payment-wrapper .payment-second .mega-icons {
    width: 20px;
    height: 20px; }

.main-upgrade {
  margin: 0 auto;
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  .main-upgrade > div:first-child {
    margin-bottom: 20px; }
  .main-upgrade i {
    font-size: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
    display: block;
    color: #006666; }
  .main-upgrade p {
    line-height: 1.4; }
  .main-upgrade .variation-box {
    gap: 20px;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (min-width: 768px) and (max-width: 1200px) {
      .main-upgrade .variation-box {
        display: grid;
        grid-template-columns: auto auto;
        gap: 18px; } }
    @media (max-width: 700px) {
      .main-upgrade .variation-box {
        display: grid;
        grid-template-columns: auto auto;
        gap: 18px; } }
    @media (max-width: 380px) {
      .main-upgrade .variation-box {
        grid-template-columns: unset; } }
    .main-upgrade .variation-box .selection-box {
      position: relative;
      height: 100px;
      border: 1px dashed #006666;
      min-width: 125px;
      border-radius: 15px; }
      @media (min-width: 1200px) and (max-width: 1920px) {
        .main-upgrade .variation-box .selection-box {
          min-width: calc(110px + (125 - 110) * ((100vw - 1200px) / (1920 - 1200))); } }
      .main-upgrade .variation-box .selection-box .custom--mega-checkbox {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 25px;
        transition: .5s ease; }
      .main-upgrade .variation-box .selection-box input {
        position: absolute;
        top: 0;
        left: 0;
        width: 118px;
        height: 96px;
        opacity: 0;
        cursor: pointer; }
        [dir="rtl"] .main-upgrade .variation-box .selection-box input {
          left: unset;
          right: 0; }
        .main-upgrade .variation-box .selection-box input[type=checkbox]:checked ~ div {
          background-color: rgba(0, 102, 102, 0.2);
          border-radius: 15px; }

.megaoptions-border-space-sm .media .radio label {
  padding-left: 18px; }
  [dir="rtl"] .megaoptions-border-space-sm .media .radio label {
    padding-left: unset;
    padding-right: 18px; }

@media (min-width: 618px) and (max-width: 1199px) {
  .megaoptions-border-space-sm .media .media-body .list-behavior-1 {
    flex-direction: row;
    gap: 18px; } }

@media (max-width: 618px) {
  .megaoptions-border-space-sm .media .media-body .list-behavior-1 {
    flex-direction: column;
    gap: 12px; } }

.megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
  margin-top: -6px; }
  @media (max-width: 618px) {
    .megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
      margin-left: 0px; }
      [dir="rtl"] .megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
        margin-left: unset;
        margin-right: 0; } }
.megaoptions-border-space-sm .media .media-body .list-behavior-1:first-child {
  margin-bottom: 0; }

.megaoption-space .badge.pull-right,
.megaoptions-border-space-sm .badge.pull-right {
  margin-bottom: 12px; }

/**=====================
    3.30 Megaoption CSS Ends
==========================**/
/**=====================
    3.31 Order-history CSS start
==========================**/
.prooduct-details-box .close {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 16px;
  cursor: pointer; }

.prooduct-details-box .btn {
  line-height: 13px; }

.prooduct-details-box .media {
  border: 1px solid #d7e2e9;
  border-radius: 10px;
  padding: 15px;
  width: 100%;
  position: relative; }

.prooduct-details-box .rating {
  color: #ffaf45;
  letter-spacing: 3px; }

.prooduct-details-box .product-name a {
  color: gray; }

.prooduct-details-box .product-name h6 {
  margin-bottom: 0; }

.prooduct-details-box .btn {
  position: absolute;
  right: 15px;
  bottom: 15px; }

.order-history .input-group {
  text-align: right;
  max-width: 300px; }

.order-history table th,
.order-history table td {
  text-align: center; }

.order-history table thead tr th {
  vertical-align: middle;
  border-top: none;
  background-color: #F5F5F5;
  border: 1px solid #ecf3fa;
  padding: 1.25rem;
  font-size: 16px; }

.order-history table .qty-box {
  width: 120px;
  margin: 0 auto;
  border-radius: 5px;
  overflow: hidden; }
  .order-history table .qty-box input {
    width: 44px;
    max-width: 44px;
    background-color: transparent;
    border: none !important; }
  .order-history table .qty-box .input-group {
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid #ecf3fa;
    overflow: hidden; }
  .order-history table .qty-box .btn {
    background-color: transparent;
    border: none; }
    .order-history table .qty-box .btn.bootstrap-touchspin-down {
      border-right: 1px solid; }
      [dir="rtl"] .order-history table .qty-box .btn.bootstrap-touchspin-down {
        border-right: unset;
        border-left: 1px solid; }
    .order-history table .qty-box .btn.bootstrap-touchspin-up {
      border-left: 1px solid; }
      [dir="rtl"] .order-history table .qty-box .btn.bootstrap-touchspin-up {
        border-left: unset;
        border-right: 1px solid; }

.order-history table tbody tr td {
  vertical-align: middle; }
  .order-history table tbody tr td .product-name a {
    font-size: 15px;
    color: #898989; }
  .order-history table tbody tr td .product-name .order-process {
    font-size: 13px;
    padding-left: 15px; }
    .order-history table tbody tr td .product-name .order-process .order-process-circle {
      position: relative; }
      .order-history table tbody tr td .product-name .order-process .order-process-circle:before {
        position: absolute;
        content: '';
        width: 4px;
        height: 4px;
        border-radius: 100%;
        background-color: #898989;
        left: -7px;
        top: 6px; }
      .order-history table tbody tr td .product-name .order-process .order-process-circle.shipped-order:before {
        background-color: #00AC46; }
      .order-history table tbody tr td .product-name .order-process .order-process-circle.cancel-order:before {
        background-color: #FE6A49; }

@media only screen and (max-width: 1199px) {
  .order-history table {
    width: 900px;
    overflow: auto; }
    .order-history table thead tr th {
      font-size: 12px; } }

@media only screen and (max-width: 575px) {
  .prooduct-details-box .btn {
    padding: 0.05rem 0.4rem !important; } }

/**=====================
    3.31 Order-history CSS End
==========================**/
/**=====================
  3.32 Page CSS Start
==========================**/
/*test Nav bar color */
.pagination-theme .page-item .page-link {
  color: var(--theme-deafult) !important; }

.pagination-theme .page-item.active .page-link {
  color: #fff !important;
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult); }

.pagination-primary .page-item .page-link {
  color: var(--theme-deafult) !important; }

.pagination-primary .page-item.active .page-link {
  color: #fff !important;
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult); }

.pagination-secondary .page-item .page-link {
  color: #FE6A49 !important; }

.pagination-secondary .page-item.active .page-link {
  color: #fff !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49; }

.pagination-success .page-item .page-link {
  color: #00AC46 !important; }

.pagination-success .page-item.active .page-link {
  color: #fff !important;
  background-color: #00AC46 !important;
  border-color: #00AC46; }

.pagination-danger .page-item .page-link {
  color: #FE6A49 !important; }

.pagination-danger .page-item.active .page-link {
  color: #fff !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49; }

.pagination-info .page-item .page-link {
  color: #173878 !important; }

.pagination-info .page-item.active .page-link {
  color: #fff !important;
  background-color: #173878 !important;
  border-color: #173878; }

.pagination-dark .page-item .page-link {
  color: #2c323f !important; }

.pagination-dark .page-item.active .page-link {
  color: #fff !important;
  background-color: #2c323f !important;
  border-color: #2c323f; }

.pagination-warning .page-item .page-link {
  color: #FFAE1A !important; }

.pagination-warning .page-item.active .page-link {
  color: #fff !important;
  background-color: #FFAE1A !important;
  border-color: #FFAE1A; }

.pagin-border-primary .page-item.active, .pagin-border-primary .page-item:active {
  background-color: rgba(0, 102, 102, 0.2); }

.pagin-border-primary .page-item .page-link {
  border-color: rgba(0, 102, 102, 0.2); }
  .pagin-border-primary .page-item .page-link:hover, .pagin-border-primary .page-item .page-link:focus {
    background-color: rgba(0, 102, 102, 0.2); }
  .pagin-border-primary .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-secondary .page-item.active, .pagin-border-secondary .page-item:active {
  background-color: rgba(254, 106, 73, 0.3); }

.pagin-border-secondary .page-item .page-link {
  border-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-secondary .page-item .page-link:hover, .pagin-border-secondary .page-item .page-link:focus {
    background-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-secondary .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-success .page-item.active, .pagin-border-success .page-item:active {
  background-color: rgba(0, 172, 70, 0.3); }

.pagin-border-success .page-item .page-link {
  border-color: rgba(0, 172, 70, 0.3); }
  .pagin-border-success .page-item .page-link:hover, .pagin-border-success .page-item .page-link:focus {
    background-color: rgba(0, 172, 70, 0.3); }
  .pagin-border-success .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-danger .page-item.active, .pagin-border-danger .page-item:active {
  background-color: rgba(254, 106, 73, 0.3); }

.pagin-border-danger .page-item .page-link {
  border-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-danger .page-item .page-link:hover, .pagin-border-danger .page-item .page-link:focus {
    background-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-danger .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-warning .page-item.active, .pagin-border-warning .page-item:active {
  background-color: rgba(255, 174, 26, 0.3); }

.pagin-border-warning .page-item .page-link {
  border-color: rgba(255, 174, 26, 0.3); }
  .pagin-border-warning .page-item .page-link:hover, .pagin-border-warning .page-item .page-link:focus {
    background-color: rgba(255, 174, 26, 0.3); }
  .pagin-border-warning .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-info .page-item.active, .pagin-border-info .page-item:active {
  background-color: rgba(23, 56, 120, 0.3); }

.pagin-border-info .page-item .page-link {
  border-color: rgba(23, 56, 120, 0.3); }
  .pagin-border-info .page-item .page-link:hover, .pagin-border-info .page-item .page-link:focus {
    background-color: rgba(23, 56, 120, 0.3); }
  .pagin-border-info .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-light .page-item.active, .pagin-border-light .page-item:active {
  background-color: #F9F9FB; }

.pagin-border-light .page-item .page-link {
  border-color: #F9F9FB; }
  .pagin-border-light .page-item .page-link:hover, .pagin-border-light .page-item .page-link:focus {
    background-color: #F9F9FB; }
  .pagin-border-light .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-dark .page-item.active, .pagin-border-dark .page-item:active {
  background-color: #EAEBF2; }

.pagin-border-dark .page-item .page-link {
  border-color: #EAEBF2; }
  .pagin-border-dark .page-item .page-link:hover, .pagin-border-dark .page-item .page-link:focus {
    background-color: #EAEBF2; }
  .pagin-border-dark .page-item .page-link:focus {
    box-shadow: unset; }

@media (max-width: 576px) {
  .pagination-lg .page-item .page-link {
    font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (576 - 320)));
    padding: calc(12px + (12 - 12) * ((100vw - 320px) / (576 - 320))) calc(12px + (24 - 12) * ((100vw - 320px) / (576 - 320))); } }

@media (max-width: 339px) {
  .pagination {
    justify-content: center; } }

.pagination .page-item:active {
  background-color: unset; }

.pagination .page-item .page-link.rounded-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px; }

/**=====================
    3.32 Page CSS Ends
==========================**/
/**=====================
    3.33 Pricing CSS Start
==========================**/
.pricing-simple {
  box-shadow: 0 0 10px 5px rgba(68, 102, 242, 0.05);
  margin-bottom: 0 !important; }
  .pricing-simple .card-body {
    border-bottom: none; }
    .pricing-simple .card-body h3 {
      position: relative;
      margin-bottom: 38px; }
      .pricing-simple .card-body h3:before {
        position: absolute;
        content: '';
        width: 80px;
        height: 1px;
        margin: 0 auto;
        left: 0;
        right: 0;
        bottom: -10px;
        background-color: #999999; }
    .pricing-simple .card-body h1 {
      font-size: 30px;
      line-height: 0.9;
      margin-bottom: 30px;
      font-weight: 400; }

.pricingtable {
  text-align: center;
  padding-top: 45px;
  padding-bottom: 45px;
  border-radius: 10px;
  box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
  overflow: hidden;
  position: relative;
  z-index: 1;
  height: 100%; }
  .pricingtable:before, .pricingtable:after {
    content: "";
    background-color: var(--theme-deafult);
    width: 300px;
    height: 300px;
    border-radius: 50%;
    position: absolute;
    right: -213px;
    z-index: -1;
    opacity: 0.1; }

.pricingtable:after {
  background-color: var(--theme-deafult);
  height: 300px;
  width: 300px;
  top: auto;
  bottom: -210px;
  right: auto;
  left: -160px;
  opacity: 0.1; }

.pricingtable .title {
  text-transform: uppercase;
  margin-bottom: 20px; }

.pricingtable .price-value {
  color: #fff;
  background-color: var(--theme-deafult);
  width: 130px;
  height: 130px;
  padding: 45px 0 0;
  margin: 0 auto 25px;
  border-radius: 50%; }
  .pricingtable .price-value .duration {
    margin: 0 0 0 -5px; }
  .pricingtable .price-value .amount {
    font-size: 58px;
    font-weight: 700;
    line-height: 45px;
    display: inline-block; }
  .pricingtable .price-value .currency {
    vertical-align: top; }

.pricingtable .pricing-content {
  margin: 0 0 25px;
  display: inline-block; }
  .pricingtable .pricing-content li {
    font-weight: 500;
    text-align: left;
    margin: 0 0 20px;
    position: relative;
    padding-left: 30px; }
    .pricingtable .pricing-content li:last-child {
      margin: 0; }
    .pricingtable .pricing-content li:before {
      content: "\f00c";
      color: var(--theme-deafult);
      font-family: FontAwesome;
      text-align: center;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      position: absolute;
      top: 1px;
      left: 0; }

@media (max-width: 1470px) {
  .pricing-block > div {
    flex: 50%; }
    .pricing-block > div:nth-child(n+3) {
      margin-top: 30px; } }

@media only screen and (max-width: 991px) {
  .pricing-simple .card-body h1 {
    margin-bottom: 20px; }
  .pricing-simple .card-body h3 {
    margin-bottom: 28px; }
  .pricing-block > div:nth-child(n+2) {
    margin-top: 20px; } }

@media only screen and (max-width: 575px) {
  .pricing-simple .card-body h1 {
    margin-bottom: 15px; }
  .pricing-block > div {
    flex: 100%; }
  .pricingtable {
    padding-top: 30px;
    padding-bottom: 30px; } }

/**=====================
   3.33 Pricing CSS Ends
==========================**/
/**=====================
   3.34 Progress CSS Start
==========================**/
.progress-showcase .progress {
  margin-bottom: 10px; }
  .progress-showcase .progress:last-child {
    margin-bottom: 0; }

.sm-progress-bar {
  height: 8px; }

.lg-progress-bar {
  height: 20px; }

.progress-number button {
  width: 2rem;
  height: 2rem; }

.progress-number .progress-wrapper {
  height: 1px; }
  .progress-number .progress-wrapper.progress {
    background-color: var(--recent-dashed-border); }
  .progress-number .progress-wrapper .progress-bar {
    background-color: var(--theme-deafult); }

.progress-btn {
  background-color: #f6f9fd;
  border-color: #f6f9fd; }

.small-progressbar {
  position: relative;
  overflow: visible; }
  .small-progressbar::after {
    position: absolute;
    content: '';
    top: -2px;
    right: -9px;
    background-color: #006666;
    width: 12px;
    height: 12px;
    border-radius: 100%; }
    [dir="rtl"] .small-progressbar::after {
      left: -9px;
      right: unset; }
  .small-progressbar .progress-label {
    position: absolute;
    top: -26px;
    right: -6px;
    font-weight: 700; }
    [dir="rtl"] .small-progressbar .progress-label {
      right: unset;
      left: -6px; }
  .small-progressbar .animate-circle {
    position: absolute;
    top: -11px;
    right: -18px;
    height: 30px;
    width: 30px;
    border: 14px solid #006666;
    border-radius: 70px;
    animation: heart 1s ease-in-out;
    animation-iteration-count: infinite; }
    [dir="rtl"] .small-progressbar .animate-circle {
      right: unset;
      left: -18px; }

@keyframes heart {
  0% {
    transform: scale(0);
    opacity: 0; }
  25% {
    transform: scale(0.1);
    opacity: 1; }
  50% {
    transform: scale(0.5);
    opacity: .3; }
  75% {
    transform: scale(0.8);
    opacity: .5; }
  100% {
    transform: scale(1);
    opacity: 0; } }

.progress-b-space .progress {
  margin-bottom: 35px; }

/**=====================
   3.34 Progress CSS Ends
==========================**/
/**=====================
   3.35 Projectlist CSS Start
==========================**/
.project-list .row {
  margin: 15px; }

.project-list button:focus {
  outline: none !important; }

.project-list .theme-form .form-group {
  margin-bottom: 15px; }

.project-list .border-tab.nav-tabs .nav-item .nav-link {
  border: 1px dashed transparent;
  padding: 5px 30px 5px 0;
  border-radius: 5px;
  display: flex;
  align-items: center; }

.project-list .btn {
  margin-right: 5px;
  vertical-align: -12px;
  float: right; }
  [dir="rtl"] .project-list .btn {
    float: left; }
  .project-list .btn svg {
    vertical-align: middle;
    height: 16px; }

.project-list ul {
  margin-bottom: 0 !important;
  border-bottom: 0; }
  .project-list ul li svg {
    height: 18px;
    vertical-align: middle;
    margin-right: 5px; }

.tab-content .row > div.col-xl-4:nth-child(1) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 10ms; }

.tab-content .row > div.col-xl-4:nth-child(2) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 20ms; }

.tab-content .row > div.col-xl-4:nth-child(3) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 30ms; }

.tab-content .row > div.col-xl-4:nth-child(4) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 40ms; }

.tab-content .row > div.col-xl-4:nth-child(5) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 50ms; }

.tab-content .row > div.col-xl-4:nth-child(6) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 60ms; }

.tab-content .row > div.col-xl-4:nth-child(7) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 70ms; }

.tab-content .row > div.col-xl-4:nth-child(8) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 80ms; }

.tab-content .row > div.col-xl-4:nth-child(9) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 90ms; }

.tab-content .row > div.col-xl-4:nth-child(10) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 100ms; }

.tab-content .row > div.col-xl-4:nth-child(11) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 110ms; }

.tab-content .row > div.col-xl-4:nth-child(12) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 120ms; }

.tab-content .row > div.col-xl-4:nth-child(13) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 130ms; }

.tab-content .row > div.col-xl-4:nth-child(14) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 140ms; }

.tab-content .row > div.col-xl-4:nth-child(15) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 150ms; }

.project-cards .tab-content {
  margin-bottom: -30px; }

.project-box {
  border: 1px solid #efefef;
  border-radius: 5px;
  padding: 30px;
  background-color: white;
  margin-bottom: 30px; }
  .project-box h6 {
    font-weight: 500 !important; }
  .project-box .badge {
    position: absolute;
    right: 30px;
    top: 15px;
    line-height: 13px; }
  .project-box .project-status p {
    margin-bottom: 5px;
    font-weight: 800; }
  .project-box .d-flex {
    margin-bottom: 15px;
    margin-top: 10px; }
    .project-box .d-flex .flex-grow-1 {
      opacity: 0.5; }
  .project-box .details div {
    margin-bottom: 5px;
    opacity: 0.7; }

.projectdetails .card .card-body {
  padding: 20px; }

.projectdetails .card .card-footer {
  padding: 20px; }

.projectdetails .card select {
  width: 90px;
  height: 28px;
  font-size: 11px;
  right: 20px;
  top: 20px; }

.projectmore .details .col-4 {
  margin-bottom: 5px; }
  .projectmore .details .col-4:nth-child(even) {
    opacity: 0.5; }

.projectmore h5 {
  font-size: 20px;
  font-weight: 600; }

.projectmore .task-list {
  position: relative; }
  .projectmore .task-list ul li {
    margin-bottom: 5px; }
  .projectmore .task-list ul + ul {
    position: absolute;
    left: 50%;
    top: 0; }

.new-users.activity .gradient-round {
  padding: 13px;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  top: unset !important; }
  .new-users.activity .gradient-round::after {
    display: none; }

/**=====================
   3.35 Projectlist CSS Ends
==========================**/
/**=====================
   3.36 Rating CSS Start
==========================**/
@-webkit-keyframes shake {
  30% {
    transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px); }
  60% {
    transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px); }
  100% {
    transform: perspective(240px) translateZ(4px); } }

@keyframes shake {
  30% {
    transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px); }
  60% {
    transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px); }
  100% {
    transform: perspective(240px) translateZ(4px); } }

@-webkit-keyframes tear {
  0% {
    opacity: 0;
    transform: translateY(-2px) scale(0) translateZ(0); }
  50% {
    transform: translateY(12px) scale(0.6, 1.2) translateZ(0); }
  20%,
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0); } }

@keyframes tear {
  0% {
    opacity: 0;
    transform: translateY(-2px) scale(0) translateZ(0); }
  50% {
    transform: translateY(12px) scale(0.6, 1.2) translateZ(0); }
  20%,
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0); } }

@-webkit-keyframes toggle {
  50% {
    transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg)); } }

@keyframes toggle {
  50% {
    transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg)); } }

@-webkit-keyframes angry {
  40% {
    background: var(--active); }
  45% {
    box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry); } }

@keyframes angry {
  40% {
    background: var(--active); }
  45% {
    box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry); } }

.feedback {
  display: flex;
  gap: 10px;
  flex-wrap: wrap; }

.feedback {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex; }
  .feedback li {
    position: relative;
    border-radius: 50%;
    background: var(--sb, var(--normal));
    box-shadow: inset 3px -3px 4px var(--sh, var(--normal-shadow));
    transition: background 0.4s, box-shadow 0.4s, transform 0.3s;
    -webkit-tap-highlight-color: transparent; }
    .feedback li:not(:last-child) {
      margin-right: 20px; }
    .feedback li div {
      width: 40px;
      height: 40px;
      position: relative;
      transform: perspective(240px) translateZ(4px); }
      .feedback li div svg {
        display: block;
        position: absolute;
        left: var(--l, 9px);
        top: var(--t, 13px);
        width: var(--w, 8px);
        height: var(--h, 2px);
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        fill: none;
        stroke: var(--s);
        stroke-width: 2px;
        stroke-linecap: round;
        stroke-linejoin: round;
        transition: stroke 0.4s; }
      .feedback li div:before {
        display: block;
        position: absolute;
        left: var(--l, 9px);
        top: var(--t, 13px);
        width: var(--w, 8px);
        height: var(--h, 2px);
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        content: "";
        z-index: var(--zi, 1);
        border-radius: var(--br, 1px);
        background: var(--b, var(--e, var(--normal-eye)));
        transition: background 0.4s; }
      .feedback li div:after {
        display: block;
        position: absolute;
        left: var(--l, 9px);
        top: var(--t, 13px);
        width: var(--w, 8px);
        height: var(--h, 2px);
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        content: "";
        z-index: var(--zi, 1);
        border-radius: var(--br, 1px);
        background: var(--b, var(--e, var(--normal-eye)));
        transition: background 0.4s; }
      .feedback li div svg.eye {
        --s: var(--e, var(--normal-eye));
        --t: 17px;
        --w: 7px;
        --h: 4px; }
      .feedback li div svg.eye.right {
        --l: 23px; }
      .feedback li div svg.mouth {
        --s: var(--m, var(--normal-mouth));
        --l: 11px;
        --t: 23px;
        --w: 18px;
        --h: 7px; }
    .feedback li:not(.active) {
      cursor: pointer; }
      .feedback li:not(.active):active {
        transform: scale(0.925); }
  .feedback li.angry {
    --step-1-rx: -24deg;
    --step-1-ry: 20deg;
    --step-2-rx: -24deg;
    --step-2-ry: -20deg; }
    .feedback li.angry div:before {
      --r: 20deg; }
    .feedback li.angry div:after {
      --l: 23px;
      --r: -20deg; }
    .feedback li.angry div svg.eye {
      stroke-dasharray: 4.55;
      stroke-dashoffset: 8.15; }
  .feedback li.angry.active {
    -webkit-animation: angry 1s linear;
    animation: angry 1s linear; }
    .feedback li.angry.active div:before {
      --middle-y: -2px;
      --middle-r: 22deg;
      -webkit-animation: toggle 0.8s linear forwards;
      animation: toggle 0.8s linear forwards; }
    .feedback li.angry.active div:after {
      --middle-y: 1px;
      --middle-r: -18deg;
      -webkit-animation: toggle 0.8s linear forwards;
      animation: toggle 0.8s linear forwards; }
  .feedback li.sad {
    --step-1-rx: 20deg;
    --step-1-ry: -12deg;
    --step-2-rx: -18deg;
    --step-2-ry: 14deg; }
    .feedback li.sad div:before {
      --b: var(--active-tear);
      --sc: 0;
      --w: 5px;
      --h: 5px;
      --t: 15px;
      --br: 50%; }
    .feedback li.sad div:after {
      --b: var(--active-tear);
      --sc: 0;
      --w: 5px;
      --h: 5px;
      --t: 15px;
      --br: 50%;
      --l: 25px; }
    .feedback li.sad div svg.eye {
      --t: 16px; }
    .feedback li.sad div svg.mouth {
      --t: 24px;
      stroke-dasharray: 9.5;
      stroke-dashoffset: 33.25; }
  .feedback li.sad.active div:before {
    -webkit-animation: tear 0.6s linear forwards;
    animation: tear 0.6s linear forwards; }
  .feedback li.sad.active div:after {
    -webkit-animation: tear 0.6s linear forwards;
    animation: tear 0.6s linear forwards; }
  .feedback li.ok {
    --step-1-rx: 4deg;
    --step-1-ry: -22deg;
    --step-1-rz: 6deg;
    --step-2-rx: 4deg;
    --step-2-ry: 22deg;
    --step-2-rz: -6deg; }
    .feedback li.ok div:before {
      --l: 12px;
      --t: 17px;
      --h: 4px;
      --w: 4px;
      --br: 50%;
      box-shadow: 12px 0 0 var(--e, var(--normal-eye)); }
    .feedback li.ok div:after {
      --l: 13px;
      --t: 26px;
      --w: 14px;
      --h: 2px;
      --br: 1px;
      --b: var(--m, var(--normal-mouth)); }
  .feedback li.ok.active div:before {
    --middle-s-y: .35;
    -webkit-animation: toggle 0.2s linear forwards;
    animation: toggle 0.2s linear forwards; }
  .feedback li.ok.active div:after {
    --middle-s-x: .5;
    -webkit-animation: toggle 0.7s linear forwards;
    animation: toggle 0.7s linear forwards; }
  .feedback li.good {
    --step-1-rx: -14deg;
    --step-1-rz: 10deg;
    --step-2-rx: 10deg;
    --step-2-rz: -8deg; }
    .feedback li.good div:before {
      --b: var(--m, var(--normal-mouth));
      --w: 5px;
      --h: 5px;
      --br: 50%;
      --t: 22px;
      --zi: 0;
      opacity: 0.5;
      box-shadow: 16px 0 0 var(--b);
      filter: blur(2px); }
    .feedback li.good div:after {
      --sc: 0; }
    .feedback li.good div svg.eye {
      --t: 15px;
      --sc: -1;
      stroke-dasharray: 4.55;
      stroke-dashoffset: 8.15; }
    .feedback li.good div svg.mouth {
      --t: 22px;
      --sc: -1;
      stroke-dasharray: 13.3;
      stroke-dashoffset: 23.75; }
  .feedback li.good.active div svg.mouth {
    --middle-y: 1px;
    --middle-s: -1;
    -webkit-animation: toggle 0.8s linear forwards;
    animation: toggle 0.8s linear forwards; }
  .feedback li.happy div {
    --step-1-rx: 18deg;
    --step-1-ry: 24deg;
    --step-2-rx: 18deg;
    --step-2-ry: -24deg; }
    .feedback li.happy div:before {
      --sc: 0; }
    .feedback li.happy div:after {
      --b: var(--m, var(--normal-mouth));
      --l: 11px;
      --t: 23px;
      --w: 18px;
      --h: 8px;
      --br: 0 0 8px 8px; }
    .feedback li.happy div svg.eye {
      --t: 14px;
      --sc: -1; }
  .feedback li.happy.active div:after {
    --middle-s-x: .95;
    --middle-s-y: .75;
    -webkit-animation: toggle 0.8s linear forwards;
    animation: toggle 0.8s linear forwards; }
  .feedback li.active {
    --sb: var(--active);
    --sh: var(--active-shadow);
    --m: var(--active-mouth);
    --e: var(--active-eye); }
    .feedback li.active div {
      -webkit-animation: shake 0.8s linear forwards;
      animation: shake 0.8s linear forwards; }

html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased; }

* {
  box-sizing: inherit; }
  *:before {
    box-sizing: inherit; }
  *:after {
    box-sizing: inherit; }

.br-theme-bars-1to10 .br-widget a,
.br-theme-bars-movie .br-widget a,
.br-theme-bars-pill .br-widget a,
.br-theme-bars-reversed .br-widget a,
.br-theme-bars-horizontal .br-widget a {
  background-color: rgba(0, 102, 102, 0.2); }

.br-theme-bars-square .br-widget a {
  border-color: rgba(0, 102, 102, 0.2);
  color: var(--body-light-font-color); }

/**=====================
   3.36 Rating CSS Ends
==========================**/
/**=====================
    3.37 Social-app CSS start
==========================**/
.user-profile .hovercard .socialheader {
  background: url(/../images/social-app/social-image.png); }

.user-profile .hovercard .user-image .share-icons {
  position: absolute;
  right: 100px;
  top: -27px; }
  .user-profile .hovercard .user-image .share-icons li {
    display: inline-block;
    margin-right: 10px; }
    .user-profile .hovercard .user-image .share-icons li .social-icon {
      width: 50px;
      height: 50px;
      text-align: center;
      display: flex;
      align-items: center;
      vertical-align: middle;
      justify-content: center;
      border-radius: 100%; }
      .user-profile .hovercard .user-image .share-icons li .social-icon i {
        color: #fff;
        font-size: 25px; }
    .user-profile .hovercard .user-image .share-icons li:last-child {
      margin-right: 0; }

.user-profile .card-footer > div h3 {
  font-size: 16px; }

.market-tabs .border-tab.nav-tabs .nav-item .nav-link.active {
  border-bottom: none !important; }

.market-tabs .nav {
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center; }
  .market-tabs .nav .nav-item {
    width: 100%; }
    .market-tabs .nav .nav-item .nav-link {
      height: 81px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      padding-top: 30px;
      text-align: center; }

.tabs-scoial {
  border-bottom: none;
  margin-bottom: 20px !important;
  margin-top: 20px; }
  .tabs-scoial li a {
    font-weight: 600; }
    .tabs-scoial li a svg circle {
      color: #999999; }

.social-network span {
  margin-bottom: 30px;
  display: block; }

.social-list .d-flex {
  margin-bottom: 20px;
  display: flex;
  align-items: center; }
  .social-list .d-flex:last-child {
    margin-bottom: 0; }
  .social-list .d-flex .flex-grow-1 a {
    color: #999999; }
  .social-list .d-flex .flex-grow-1 span {
    font-weight: 600; }
  .social-list .d-flex .flex-grow-1:hover a {
    color: var(--theme-deafult); }

.photos {
  margin-bottom: -15px; }
  .photos ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 70px; }
    .photos ul li:nth-child(4n) {
      margin-right: 0; }

.new-users-social {
  margin-bottom: 30px; }
  .new-users-social svg {
    cursor: pointer; }
  .new-users-social .d-flex img {
    width: 58px; }
  .new-users-social .d-flex .flex-grow-1 {
    margin-top: 10px; }
  .new-users-social svg circle {
    color: #999999; }

.like-content span i {
  font-size: 14px; }

.timeline-content p {
  margin-top: 30px;
  color: #999999; }

.timeline-content .comment-number i {
  color: #999999;
  margin-right: 20px; }

.timeline-content .comments-box {
  margin-top: 30px; }
  .timeline-content .comments-box .flex-grow-1 {
    width: 100%; }
  .timeline-content .comments-box .input-group {
    margin-top: 6px; }
    .timeline-content .comments-box .input-group .input-txt-bx {
      border: none;
      background-color: #F5F5F5; }
      .timeline-content .comments-box .input-group .input-txt-bx::placeholder {
        color: #999999; }
    .timeline-content .comments-box .input-group .input-group-append .btn i {
      font-size: 20px;
      display: flex;
      color: #999999; }

.social-chat {
  margin-top: 30px; }
  .social-chat span span {
    font-weight: normal;
    color: #999999;
    font-size: 12px; }
  .social-chat .flex-grow-1 {
    padding: 20px;
    border: 1px solid #E6E9EB;
    position: relative; }
    .social-chat .flex-grow-1 p {
      margin-top: 5px; }
    .social-chat .flex-grow-1:before {
      content: '';
      position: absolute;
      top: 19px;
      right: 100%;
      border: 7px solid transparent;
      border-right: 7px solid #59667a; }
    .social-chat .flex-grow-1:after {
      content: '';
      position: absolute;
      top: 19px;
      right: 100%;
      border: 7px solid transparent;
      border-right: 7px solid #fff; }
  .social-chat .your-msg,
  .social-chat .other-msg {
    margin-bottom: 30px; }
  .social-chat .other-msg {
    margin-left: 40px; }

.socialprofile span {
  color: #999999; }
  .socialprofile span.badge {
    padding: 6px 10px !important; }

.socialprofile .social-btngroup {
  margin: 30px 0; }

.socialprofile .likes-profile h5 span {
  color: #051A1A; }

.socialprofile .social-group {
  margin-top: 30px; }
  .socialprofile .social-group ul li:nth-child(4) {
    margin-left: -22px; }

.social-status form .form-group .form-control-social {
  border: 1px solid #E6E9EB;
  padding-left: 15px;
  margin-bottom: 30px; }

.social-status .d-flex {
  position: relative;
  margin-bottom: 30px; }
  .social-status .d-flex:last-child {
    margin-bottom: 0; }
  .social-status .d-flex .social-status {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #fff;
    bottom: 0;
    left: 35px;
    border-radius: 100%; }
  .social-status .d-flex .social-online {
    border: 3px solid #00AC46; }
  .social-status .d-flex .social-busy {
    border: 3px solid #FFAE1A; }
  .social-status .d-flex .social-offline {
    border: 3px solid #59667a; }
  .social-status .d-flex .flex-grow-1 p {
    color: #999999;
    margin-bottom: 5px; }
  .social-status .d-flex .flex-grow-1 span + span {
    color: #999999; }
  .social-status .d-flex .flex-grow-1 .light-span {
    color: #999999; }

.social-header h5 span:first-child {
  line-height: 1.48; }

.social-header h5 span svg circle {
  color: #999999; }

.details-about + .details-about {
  margin-top: 30px; }

.details-about .your-details p {
  color: #999999; }

.avatar-showcase .friend-pic {
  margin-right: 8px;
  margin-bottom: 10px; }

.avatar-showcase .pepole-knows ul li {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px; }
  .avatar-showcase .pepole-knows ul li:last-child {
    margin-right: 0; }
  .avatar-showcase .pepole-knows ul li .add-friend h6 {
    margin-top: 3px; }

.activity-log .my-activity + .my-activity {
  margin-top: 30px; }

.activity-log .my-activity p {
  margin-bottom: 5px; }
  .activity-log .my-activity p span svg {
    width: 15px;
    height: 15px; }

/**=====================
    3.37 Social-app CSS end
==========================**/
/**=====================
    3.38 Sweet-alert CSS Start
==========================**/
.swal-modal .swal-title {
  font-size: 24px; }

.swal-modal .swal-text {
  font-size: 17px; }

/**=====================
    3.38 Sweet-alert CSS ends
==========================**/
/**=====================
    3.39 Task CSS Start
==========================**/
.modal-open .datepickers-container {
  z-index: 1075; }

.date-details {
  align-items: center; }
  .date-details > div + div {
    margin-left: 10px; }

.taskadd table tr td {
  border-top: none; }
  .taskadd table tr td:first-child {
    padding-left: 30px; }
  .taskadd table tr td:last-child {
    padding-right: 30px; }
  .taskadd table tr td svg {
    width: 18px;
    height: 18px;
    color: #59667a; }

.taskadd table tr:first-child td {
  padding-top: 30px; }

.taskadd table tr:last-child td {
  padding-bottom: 30px; }

@media only screen and (max-width: 1660px) {
  .taskadd table tr td:first-child {
    min-width: 160px; }
  .taskadd table tr td:nth-child(3) {
    min-width: 70px; } }

@media only screen and (max-width: 991px) {
  .date-details {
    display: block !important;
    margin-bottom: -10px; }
    .date-details .d-inline-block {
      margin-bottom: 10px; }
  .taskadd table tr td:first-child {
    padding-left: 20px; }
  .taskadd table tr:first-child td {
    padding-top: 20px; }
  .taskadd table tr:last-child td {
    padding-bottom: 20px; } }

@media only screen and (max-width: 767px) {
  .taskadd table tr td:nth-child(2) {
    min-width: 745px; } }

@media only screen and (max-width: 575px) {
  .taskadd table tr td:first-child {
    padding-left: 15px; }
  .taskadd table tr:first-child td {
    padding-top: 15px; }
  .taskadd table tr:last-child td {
    padding-bottom: 15px; } }

/**=====================
  3.39 Task CSS Ends
==========================**/
/**=====================
    3.40 Timeline-v CSS Start
==========================**/
.timeline-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px; }

.time-content {
  display: flex;
  align-items: center;
  gap: 4px; }
  .time-content i {
    font-size: 18px; }

.activity .media {
  margin-bottom: 30px; }
  .activity .media:last-child {
    margin-bottom: 0; }
  .activity .media .gradient-round {
    position: relative;
    width: 53px;
    height: 53px;
    background-image: linear-gradient(26deg, var(--theme-deafult) 0%, #006666 100%);
    border-radius: 100%;
    top: -18px; }
    .activity .media .gradient-round svg {
      position: absolute;
      width: 18px;
      height: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      left: 0;
      top: 18px;
      right: 0;
      margin: 0 auto; }
      .activity .media .gradient-round svg path,
      .activity .media .gradient-round svg line,
      .activity .media .gradient-round svg circle {
        color: #fff; }
    .activity .media .gradient-round.gradient-line-1:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 62px;
      bottom: -77px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .activity .media .gradient-round.small-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 19px;
      bottom: -34px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .activity .media .gradient-round.medium-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 53px;
      bottom: -68px;
      left: 0;
      right: 0;
      margin: 0 auto; }
  .activity .media .media-body h6 {
    font-weight: 600;
    margin-bottom: 30px; }
    .activity .media .media-body h6 span {
      font-weight: normal;
      color: #999999; }
  .activity .media .media-body p {
    width: 80%; }

.timeline-small .media {
  margin-bottom: 30px; }
  .timeline-small .media:last-child {
    margin-bottom: 0; }
  .timeline-small .media .timeline-round {
    position: relative;
    width: 53px;
    height: 53px;
    border-radius: 100%;
    border-radius: 15px;
    top: -18px; }
    .timeline-small .media .timeline-round svg {
      position: absolute;
      width: 18px;
      height: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      left: 0;
      top: 18px;
      right: 0;
      margin: 0 auto; }
      .timeline-small .media .timeline-round svg path,
      .timeline-small .media .timeline-round svg line,
      .timeline-small .media .timeline-round svg circle {
        color: #fff; }
    .timeline-small .media .timeline-round.timeline-line-1:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 62px;
      bottom: -88px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .timeline-small .media .timeline-round.small-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 19px;
      bottom: -34px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .timeline-small .media .timeline-round.medium-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 53px;
      bottom: -68px;
      left: 0;
      right: 0;
      margin: 0 auto; }
  .timeline-small .media .media-body h6 {
    margin-bottom: 30px; }
    .timeline-small .media .media-body h6 span {
      font-weight: normal;
      color: #999999; }
  .timeline-small .media .media-body p {
    width: 80%; }

.cd-container {
  width: 90%;
  max-width: 1170px;
  margin: 0 auto; }

.cd-container::after {
  content: '';
  display: table;
  clear: both; }

@media only screen and (min-width: 1170px) {
  #cd-timeline::before {
    left: 50% !important;
    margin-left: -2px; }
  .cd-timeline-block {
    margin: 4em 0; }
    .cd-timeline-block:first-child {
      margin-top: 0; }
    .cd-timeline-block:last-child {
      margin-bottom: 0; }
    .cd-timeline-block:nth-child(even) .cd-timeline-content {
      float: right; }
      .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
        left: auto;
        right: 122%;
        text-align: right; }
    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
      top: 24px;
      left: auto;
      right: 100%;
      border-color: transparent;
      border-right-color: #E6E9EB; }
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px; }
    .cd-timeline-img > i {
      font-size: 18px;
      top: 50%;
      left: 50%;
      padding: 3px; }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden; }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    animation: cd-bounce-1 0.6s; }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden; }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    animation: cd-bounce-2 0.6s; }
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    animation: cd-bounce-2-inverse 0.6s; }
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%; }
    .cd-timeline-content .cd-date {
      position: absolute;
      width: 100%;
      left: 122%;
      top: 6px;
      font-size: 16px; }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #fff; } }

#cd-timeline {
  position: relative;
  padding: 2em 0; }

#cd-timeline::before {
  content: '';
  position: absolute;
  top: 0;
  font-size: 1.5rem;
  height: 100%;
  width: 2px;
  background: #E6E9EB;
  left: -15px; }

.cd-timeline-block {
  position: relative;
  margin: 30px 0; }
  .cd-timeline-block:after {
    content: "";
    display: table;
    clear: both; }
  .cd-timeline-block:first-child {
    margin-top: 0; }
  .cd-timeline-block:last-child {
    margin-bottom: 0; }

.cd-timeline-img {
  width: 40px;
  height: 40px;
  left: 51%;
  margin-left: -30px;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  position: absolute;
  top: 0;
  border-radius: 50px; }
  .cd-timeline-img i {
    display: block;
    position: relative;
    left: 45%;
    top: 44%;
    margin-left: -12px;
    margin-top: -12px;
    font-size: 20px;
    color: #fff; }

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    transform: scale(0.5); }
  60% {
    opacity: 1;
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.cd-timeline-content {
  position: relative;
  background: #E6E9EB;
  border-radius: 4px;
  padding: 30px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08); }
  .cd-timeline-content p {
    padding-top: 9px; }
  .cd-timeline-content h4 {
    margin-bottom: 0; }
  .cd-timeline-content:after {
    content: "";
    display: table;
    clear: both; }
  .cd-timeline-content audio {
    width: 100%; }
  .cd-timeline-content .cd-date {
    font-size: 13px;
    display: inline-block;
    float: left;
    padding: .8em 0 0;
    opacity: .7; }

.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 28px;
  right: 100%;
  height: 0;
  width: 0;
  border: 15px solid transparent;
  border-left: 15px solid #E6E9EB; }
  [dir="rtl"] .cd-timeline-content::before {
    border-right: 15px solid #E6E9EB;
    border-left: unset; }
  @media (max-width: 1169px) {
    .cd-timeline-content::before {
      display: none; } }
@media only screen and (min-width: 768px) {
  .cd-timeline-content .cd-date {
    font-size: 14px;
    padding-bottom: 0; } }

@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; }
  100% { } }

@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    transform: translateX(-100px); }
  60% {
    opacity: 1;
    transform: translateX(20px); }
  100% {
    transform: translateX(0); } }

@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; }
  100% { } }

@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    transform: translateX(100px); }
  60% {
    opacity: 1;
    transform: translateX(-20px); }
  100% {
    transform: translateX(0); } }

@media only screen and (max-width: 1169px) {
  .cd-timeline-block .cd-timeline-img {
    left: -2px;
    height: 30px;
    width: 30px;
    margin-left: -30px;
    top: 14px;
    z-index: 7; }
    .cd-timeline-block .cd-timeline-img > i {
      font-size: 15px;
      top: 16px;
      left: 17px;
      padding: 3px; }
  .landing-main #cd-timeline::before {
    left: -39px; }
  .landing-main .cd-timeline-block .cd-timeline-img {
    left: -34px;
    height: 50px;
    width: 50px;
    top: 1px;
    z-index: 8; }
    .landing-main .cd-timeline-block .cd-timeline-img > i {
      font-size: 23px;
      top: 21px;
      left: 7px;
      padding: 3px; } }

@media only screen and (max-width: 576px) {
  .cd-timeline-content {
    padding: 15px; }
    .cd-timeline-content h4 {
      font-size: 18px; } }

.main-timeline ul::before {
  left: 5px; }
  [dir="rtl"] .main-timeline ul::before {
    right: 5px;
    left: unset; }

.square-timeline {
  position: relative; }
  .square-timeline::before {
    border: 1px dashed #E6E9EB;
    content: '';
    margin-left: 0px;
    position: absolute;
    top: 0;
    left: 18px;
    width: 1px;
    height: 100%; }
    [dir="rtl"] .square-timeline::before {
      margin-left: unset;
      margin-right: 0;
      left: unset;
      right: 18px; }
  .square-timeline .timeline-event {
    position: relative; }
    .square-timeline .timeline-event:hover .timeline-event-icon {
      transform: rotate(-105deg);
      background-color: #52526c; }
    .square-timeline .timeline-event:hover .timeline-event-wrapper .timeline-thumbnail {
      box-shadow: inset 40em 0 0 0 rgba(255, 174, 26, 0.3); }
    .square-timeline .timeline-event .timeline-event-wrapper {
      padding: 0 0 0 14px;
      position: relative;
      top: -7px;
      left: 38px;
      width: 95%; }
      [dir="rtl"] .square-timeline .timeline-event .timeline-event-wrapper {
        left: unset;
        right: 38px;
        padding: 0 14px 0 0; }
      @media (max-width: 1200px) {
        .square-timeline .timeline-event .timeline-event-wrapper {
          width: calc(84% + (95 - 84) * ((100vw - 320px) / (1200 - 320))); } }
      .square-timeline .timeline-event .timeline-event-wrapper .designer-details {
        padding-top: 20px; }
      .square-timeline .timeline-event .timeline-event-wrapper .timeline-thumbnail {
        transition: box-shadow 0.5s ease-in 0.1s;
        color: #2c323f;
        background-color: rgba(0, 102, 102, 0.2);
        box-shadow: inset 0 0 0 0em rgba(23, 56, 120, 0.3);
        display: inline-block;
        margin-bottom: 12px;
        padding: 2px 25px; }
      .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:hover, .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:active, .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:focus {
        background-color: unset; }
      .square-timeline .timeline-event .timeline-event-wrapper > div {
        display: inline-block;
        width: 100%; }
    .square-timeline .timeline-event .timeline-event-icon {
      transition: 0.2s ease-in;
      transform: rotate(45deg);
      background-color: #006666;
      outline: 6px solid rgba(0, 102, 102, 0.2);
      display: block;
      margin: 0px;
      position: absolute;
      top: 0;
      left: 14px;
      width: 10px;
      height: 10px; }
      [dir="rtl"] .square-timeline .timeline-event .timeline-event-icon {
        right: 14px;
        left: unset; }

.list-inline {
  display: flex;
  justify-content: center; }
  .list-inline.events .event-list {
    display: block;
    position: relative;
    text-align: center;
    padding-top: 70px;
    margin-right: 0; }
    .list-inline.events .event-list p {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; }
    .list-inline.events .event-list .event-date {
      position: absolute;
      top: 38px;
      left: 0;
      right: 0;
      width: 75px;
      margin: 0 auto;
      border-radius: 4px;
      padding: 2px 4px; }
      .list-inline.events .event-list .event-date p {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        line-height: 1.5;
        margin-top: 7px; }

.timeline-list.timeline-border {
  border-bottom: 1px solid #E6E9EB; }

.timeline-list.list-inline {
  padding-bottom: 0; }
  .timeline-list.list-inline.events .event-list {
    padding-top: 35px; }
    .timeline-list.list-inline.events .event-list::before {
      content: '';
      height: 0;
      border-right: unset; }
    .timeline-list.list-inline.events .event-list .event-date {
      top: 2px; }
      .timeline-list.list-inline.events .event-list .event-date p {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        line-height: 1.5;
        margin-top: 7px; }
    .timeline-list.list-inline.events .event-list .read-more-btn {
      position: relative;
      margin-bottom: 3px; }
  .timeline-list.list-inline .vertical-line {
    height: 45px;
    width: 1px;
    margin: 0 auto;
    position: relative;
    border: 1px dashed #006666; }

.list-group.main-lists-content {
  padding-top: 20px; }

@media (max-width: 1218px) {
  .list-group .list-group-item .timeline-icon {
    display: none; } }

@media (max-width: 1400px) {
  .horizontal-timeline {
    display: none; } }

/**=====================
    3.40 Timeline-v CSS Ends
==========================**/
/*====todo css start====*/
.todo .action-box {
  background: transparent;
  height: 20px;
  width: 20px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  transition: all 300ms ease; }
  .todo .action-box .icon {
    vertical-align: 0; }
  .todo .action-box.completed {
    background: #FE6A49;
    border: 1px solid #FE6A49;
    border-radius: 4px; }
    .todo .action-box.completed .icon {
      color: #fff;
      font-size: 14px; }
  .todo .action-box.large {
    height: 26px;
    width: 26px; }
    .todo .action-box.large .icon {
      font-size: 16px;
      vertical-align: -4px; }
      .todo .action-box.large .icon .icon-trash {
        color: #006666; }
      .todo .action-box.large .icon .icon-check {
        color: #006666; }

.todo .todo-list-wrapper {
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  box-sizing: border-box; }
  .todo .todo-list-wrapper #todo-list {
    list-style: none;
    margin: 0;
    padding: 0; }
    .todo .todo-list-wrapper #todo-list li {
      margin: 0;
      padding: 0;
      width: 100%; }
      .todo .todo-list-wrapper #todo-list li:last-child .task-container {
        border-bottom: 0;
        padding-bottom: 0; }
      .todo .todo-list-wrapper #todo-list li .task-container {
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
        width: 100%;
        border-bottom: 1px solid #ecf3fa;
        box-sizing: border-box;
        position: relative;
        transition: background 200ms ease; }
        .todo .todo-list-wrapper #todo-list li .task-container .d-flex {
          align-items: center; }
          .todo .todo-list-wrapper #todo-list li .task-container .d-flex div {
            text-align: right; }
        .todo .todo-list-wrapper #todo-list li .task-container .task-label {
          display: table;
          font-size: 16px;
          font-weight: 400;
          vertical-align: middle;
          color: #999999;
          word-break: break-word;
          padding-top: 5px; }
        .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn {
          display: table-cell;
          vertical-align: middle;
          text-align: right; }
          .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box {
            border: 1px solid transparent; }
            .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover {
              background: #fff;
              border-radius: 4px; }
              .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover .icon {
                color: #59667a; }
        .todo .todo-list-wrapper #todo-list li .task-container:hover h4 {
          color: #2c323f;
          transition: all 0.3s ease; }
      .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn {
        border: 1px solid #006666;
        border-radius: 4px; }
        .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn .icon {
          font-weight: bold; }
          .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn .icon i {
            color: #00AC46; }
        .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover {
          background: #fff;
          border: 1px solid #00AC46; }
          .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover .icon {
            color: #fff; }
      .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label {
        text-decoration: line-through;
        color: #006666; }
      .todo .todo-list-wrapper #todo-list li.new .task-container {
        animation: taskHighlighter 2000ms linear 1; }
  .todo .todo-list-wrapper .todo-list-header h5 {
    text-align: center;
    color: #efefef; }

.todo .notification-popup {
  position: fixed;
  top: 100px;
  right: 10px;
  width: 300px;
  display: inline-block;
  background: #00AC46;
  border: 1px solid #00AC46;
  color: #fff;
  padding: 20px;
  opacity: 0.9;
  border-radius: 2px;
  box-sizing: border-box;
  transition: all 300ms ease; }
  .todo .notification-popup.success {
    background: #00AC46;
    border: 1px solid #00AC46; }
  .todo .notification-popup p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1; }
  .todo .notification-popup .task {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block;
    color: #fff;
    padding: 0 4px; }
  .todo .notification-popup .notification-text {
    font-size: 14px;
    display: inline-block;
    overflow: hidden;
    color: #fff; }
  .todo .notification-popup.hide {
    opacity: 0;
    visibility: hidden; }

@-webkit-keyframes taskHighlighter {
  0% {
    background: rgba(68, 102, 242, 0.5); }
  100% {
    background: #fff; } }

@keyframes taskHighlighter {
  0% {
    background: rgba(68, 102, 242, 0.5); }
  100% {
    background: #fff; } }

.todo-wrap .card-header.b-bottom {
  border-bottom: 1px solid #ecf3fa; }

.todo-wrap .card-header .todo-list-header .new-task-wrapper input {
  padding: 12px 28px;
  border-radius: 7px;
  background-color: #F5F5F5;
  border: 1px solid #dee2e6; }

.todo-wrap .card-header .todo-list-header .add-new-task-btn {
  display: flex;
  align-items: center;
  z-index: 0; }

.todo-wrap .todo-list-body .assign-name {
  opacity: 0.4;
  font-size: 13px;
  font-weight: 400; }

.todo-wrap .left-bookmark ul li .iconbg {
  padding: 8px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center; }

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li button.d-block {
  text-align: left; }

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li + li {
  padding-top: 12px; }

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li a {
  padding: 0 16px;
  align-items: center; }
  .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a .badge {
    color: #fff;
    padding: 5px 6px 4px 7px; }
  .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover {
    color: #006666;
    background-color: transparent; }
    .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover .badge {
      color: #fff; }
    .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover .title {
      color: #006666; }

/*====todo css end====*/
/**=====================
    3.41 User-profile CSS start
==========================**/
.user-profile .ttl-info h6 {
  font-size: 12px;
  color: #59667a; }

.user-profile .border-right {
  border-right: 1px solid #E6E9EB; }

.user-profile hr {
  margin: 30px 0; }

.user-profile .hovercard .cardheader {
  background: url(/../images/admin/other-images/bg-profile.png);
  background-size: cover;
  background-position: 10%;
  height: 470px; }

.user-profile .hovercard .user-image {
  position: relative;
  height: 0; }
  .user-profile .hovercard .user-image .avatar {
    margin-top: -80px; }
    .user-profile .hovercard .user-image .avatar img {
      width: 100px;
      height: 100px;
      max-width: 155px;
      max-height: 155px;
      border-radius: 50%;
      border: 7px solid #fff; }
  .user-profile .hovercard .user-image .icon-wrapper {
    position: absolute;
    bottom: -20px;
    left: 51%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    overflow: hidden;
    margin: 0 auto;
    font-size: 17px;
    box-shadow: 0 0 6px 3px rgba(68, 102, 242, 0.1); }

.user-profile .hovercard .info {
  padding: 30px; }
  .user-profile .hovercard .info .title {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 1;
    color: #2c323f;
    vertical-align: middle; }
    .user-profile .hovercard .info .title a {
      color: #242934;
      font-size: 20px;
      text-transform: uppercase;
      font-weight: 500; }
  .user-profile .hovercard .info .desc {
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #59667a;
    text-overflow: ellipsis;
    text-transform: uppercase; }

.user-profile .follow {
  margin-top: 20px; }
  .user-profile .follow .follow-num {
    font-size: 20px;
    color: #242934;
    font-family: "Montserrat", sans-serif;
    font-weight: 500; }
  .user-profile .follow span {
    color: #59667a; }

.user-profile .profile-img-style {
  padding: 30px; }
  .user-profile .profile-img-style .img-container {
    margin-top: 30px; }
  .user-profile .profile-img-style .user-name {
    font-size: 14px;
    color: #242934;
    margin: 0;
    font-weight: 600; }
  .user-profile .profile-img-style p {
    line-height: 30px;
    font-size: 14px;
    color: #898989;
    margin-bottom: 0; }
  .user-profile .profile-img-style .media img {
    width: 50px; }

.user-profile .like-comment li a {
  color: #898989; }

.user-profile .like-comment li:first-child a:hover, .user-profile .like-comment li:first-child a:active {
  color: #FE6A49; }

.user-profile .like-comment span {
  font-family: "Montserrat", sans-serif; }

.user-profile .social-media a {
  padding: 0 15px;
  color: #59667a;
  font-size: 24px;
  cursor: pointer; }
  .user-profile .social-media a:hover {
    color: var(--theme-deafult); }

.edit-profile .profile-title .media {
  align-items: center;
  margin-bottom: 30px; }
  .edit-profile .profile-title .media .media-body {
    margin-left: 14px; }
    [dir="rtl"] .edit-profile .profile-title .media .media-body {
      margin-left: unset;
      margin-right: 14px; }

/**=====================
    3.41 User-profile CSS Ends
==========================**/
/**=====================
    3.42 Wishlist CSS start
==========================**/
.wishlist table tr td svg {
  color: #898989;
  cursor: pointer; }

/**=====================
    3.42 Wishlist CSS Ends
==========================**/
/**=====================
     62. Responsive CSS Start
==========================**/
/* ========= min and max scss for 1200 to 1366 screen ========= */
@media (max-width: 1800px) {
  .todo-wrap .todo-list-body .task-container div.d-flex {
    min-width: 240px;
    justify-content: flex-end; }
  .caller-img {
    display: none; } }

@media screen and (max-width: 1660px) {
  .photos ul li {
    width: 26%; }
  .bar-chart canvas {
    width: 100% !important; }
  .chat-left-aside .people-list {
    height: 520px; }
  .caller-img {
    position: absolute;
    width: 100%;
    max-width: 100%;
    left: 15px; }
    .caller-img img {
      opacity: 0.7; }
  .timeline-small .media .timeline-round.timeline-line-1:after {
    bottom: -78px; } }

@media screen and (max-width: 1600px) {
  .page-wrapper.horizontal-wrapper.material-type .page-header {
    max-width: 1320px; }
  .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .sidebar-wrapper,
  .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .page-body {
    max-width: 1320px; } }

@media (max-width: 1470px) {
  .basic_table .table-responsive .table tbody tr td:nth-child(n+2) {
    min-width: 180px; }
  .signal-table.table-responsive .table tbody tr td:nth-child(n+2) {
    min-width: 240px; } }

@media screen and (max-width: 1660px) and (min-width: 1200px) {
  .xl-none {
    display: none; }
  .xl-60 {
    max-width: 60%;
    flex: 0 0 60%; }
  .xl-50 {
    max-width: 50%;
    flex: 0 0 50%; }
  .xl-100 {
    max-width: 100%;
    flex: 0 0 100%; }
  .xl-23 {
    max-width: 23%;
    flex: 0 0 23%; }
  .xl-25 {
    max-width: 25%;
    flex: 0 0 25%; }
  .xl-40 {
    max-width: 40%;
    flex: 0 0 40%; }
  .xl-4 {
    max-width: 33.33%;
    flex: 0 0 33.33%; } }

@media (max-width: 1280px) {
  .img-gallery-set1,
  .img-gallery-set5 {
    display: none; }
  .box-layout.page-wrapper.horizontal-wrapper .page-header {
    padding-left: unset;
    max-width: unset;
    left: unset; }
  .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper {
    width: unset; } }

@media screen and (max-width: 1580px) and (min-width: 1200px) {
  .docs-buttons,
  .docs-toggles {
    flex: 0 0 100%;
    max-width: 100%; } }

@media screen and (max-width: 1366px) and (min-width: 1200px) {
  .flot-chart-container-small {
    height: 227px; }
  .call-chat-sidebar {
    max-width: 262px; }
  .product-box .product-details {
    padding: 15px; }
    .product-box .product-details p {
      margin-bottom: 10px; }
  .flot-chart-container {
    height: 130px; }
  .custom-card .card-profile img {
    height: 115px; }
  .custom-card .profile-details h4 {
    font-size: 18px; }
  .custom-card .profile-details h6 {
    margin-bottom: 24px; }
  .custom-card .card-footer > div h3 {
    font-size: 18px; }
  .crm-activity {
    height: 291px;
    overflow-y: auto; }
    .crm-activity .media .media-body .dates {
      display: flex; }
  .chat-body {
    padding: 10px; }
  .chat-left-aside .people-list {
    height: 420px; }
    .chat-left-aside .people-list ul {
      max-height: 376px;
      overflow-y: auto; }
  .chat-left-aside .status-circle {
    top: 4px;
    left: 36px; }
  .blog-box .blog-details-main .blog-bottom-details {
    margin: 20px 10px; }
  .blog-box .blog-details-main .blog-social li {
    padding: 0px 10px; }
  .blog-bottom-content {
    display: none; }
  .blog-box.blog-shadow .blog-details {
    padding: 10px; }
  .browser-widget .media-img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px; }
  .browser-widget img {
    height: 50px; }
  .alert-dismissible p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 181px; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group {
    width: 96% !important; } }

@media only screen and (max-width: 1366px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li .profile-media .media-body {
    display: none; }
  .bookmark-wrap .task-sidebar {
    height: auto; }
  .grid-options ul li:last-child {
    display: none; }
  .product-wrapper-grid.list-view .product-box .product-img {
    width: 25%; }
  .cart .qty-box {
    width: 40%; }
  .alert-dismissible strong ~ p {
    display: inline; }
  .timeline-small .media .media-body p {
    width: 95%; }
  .map-js-height {
    height: 350px; }
  .chat-right-aside {
    flex: 0 0 60%;
    max-width: 60%;
    overflow: hidden; }
    .chat-right-aside .chat .chat-message .smiley-box {
      width: 45px; }
  .equal-height-xl {
    height: 517px; }
  .authentication-main .auth-innerright {
    background-size: cover; }
  .grp-btns {
    display: inline-block; }
  .button-builder .button-generator-bx {
    position: relative;
    width: 100%; }
  .page-builder .btn-group {
    display: inline-block;
    margin-bottom: 10px; }
  .page-builder .btn-grid {
    margin-bottom: 15px;
    margin-right: 0px;
    border-right: none;
    display: inline-block; }
  .page-builder .ge-canvas.ge-layout-desktop {
    margin-top: 50px; }
  .ecommerce-widget .total-num {
    font-size: 23px;
    letter-spacing: 0px; }
  .support-ticket-font .total-num {
    font-size: 22px; }
  .order-history table.dataTable.table thead th {
    padding-right: 50px; }
  .custom-card {
    padding: 15px; }
    .custom-card .card-social li a {
      padding: 12px; }
  .map-chart .chart-container {
    height: 300px; }
  .speed-chart .chart-container {
    height: 250px;
    margin-top: -40px;
    margin-bottom: 100px; }
  .candidcahrt {
    height: 360px; }
  .status-details h3 {
    font-size: 18px; }
  .chart-widget-top .total-value {
    font-size: 20px; }
  .status-widget .card-body {
    padding: 10px; }
  .browser-widget .media {
    flex-wrap: wrap; }
    .browser-widget .media .media-body h3 {
      font-size: 20px; }
    .browser-widget .media .media-body p {
      margin-bottom: 2px; }
    .browser-widget .media .media-body h4 {
      font-size: 20px; }
  .testimonial i {
    font-size: 46px; }
  .testimonial p {
    margin-top: 20px; }
  .redial-social-widget {
    width: 125px;
    height: 125px; }
    .redial-social-widget i {
      width: 100px;
      height: 100px;
      font-size: 35px; }
  .chat-body {
    padding: 10px; }
  .chat-left-aside .people-list {
    height: 490px; }
    .chat-left-aside .people-list ul {
      max-height: 434px;
      overflow-y: auto; }
  .status-circle {
    top: 4px;
    left: 37px; }
  .mega-menu .onhover-show-div {
    left: 164px; }
  .img-cropper .docs-toggles {
    margin-top: 8px; }
  .bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content {
    left: -21px; }
  #advance-5_wrapper .dataTables_paginate {
    margin-bottom: 8px; }
  #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child {
    width: 67px !important; }
  #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child {
    width: 67px !important; }
  .reset-password-box .theme-form .form-group .btn {
    padding: 6px 22px; } }

@media only screen and (max-width: 1366px) and (min-width: 1200px) {
  .page-wrapper.horizontal-wrapper.material-type .page-header {
    max-width: 1140px; }
  .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .sidebar-wrapper,
  .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .page-body {
    max-width: 1140px; } }

@media only screen and (max-width: 1199.98px) {
  .onhover-dropdown.notification-down::before {
    display: none; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li:last-child {
    display: block; }
  .md-sidebar .md-sidebar-toggle {
    display: block; }
  .md-sidebar .md-sidebar-aside {
    position: absolute;
    top: 40px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    width: 280px; }
    [dir="rtl"] .md-sidebar .md-sidebar-aside {
      left: unset;
      right: 0; }
    .md-sidebar .md-sidebar-aside.open {
      opacity: 1;
      visibility: visible; }
  .md-sidebar .job-sidebar {
    background-color: var(--white);
    padding: 20px; }
    .md-sidebar .job-sidebar .faq-accordion.default-according {
      margin-bottom: 0; }
      .md-sidebar .job-sidebar .faq-accordion.default-according .row > div:last-child .card {
        margin-bottom: 0; }
  .file-sidebar {
    padding-right: 12px; }
    [dir="rtl"] .file-sidebar {
      padding-right: 0; }
  .col-xl-7.b-center.bg-size {
    top: 0;
    height: 100vh;
    opacity: 0.5;
    position: fixed; }
  .login-card {
    background: transparent; }
  .knowledgebase-bg {
    height: 400px; }
  .knowledgebase-search .form-inline {
    width: 400px;
    padding: 7px 45px; }
    .knowledgebase-search .form-inline svg {
      top: 14px; }
  .btn-group .btn {
    padding: 0.375rem 1.25rem; }
  .link-section > div.active > h6:before {
    content: "\f107";
    transition: content 0.3s ease; }
  .link-section > div > h6 {
    position: relative; }
    .link-section > div > h6:before {
      content: "\f105";
      font-family: fontAwesome;
      position: absolute;
      right: 10px;
      font-size: 18px;
      transition: content 0.3s ease; }
  .alert-theme {
    min-width: 420px; }
  .mega-menu-header .header-wrapper .vertical-mobile-sidebar {
    display: block;
    margin-right: 15px; }
  .page-wrapper .page-header .header-wrapper .nav-right {
    position: unset;
    padding: 0; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul li .submenu li:first-child {
      padding-left: 15px !important; }
  .page-wrapper .page-header .header-wrapper .mobile-sidebar .switch-sm .switch {
    margin-top: 6px; }
  .photos ul li {
    width: auto; }
    .photos ul li:nth-child(3n) {
      margin-right: 15px; }
  .user-profile .hovercard .user-image .share-icons {
    position: absolute;
    right: 45px;
    top: -22px; }
    .user-profile .hovercard .user-image .share-icons li {
      color: #fff;
      font-size: 25px; }
      .user-profile .hovercard .user-image .share-icons li .social-icon {
        width: 40px;
        height: 40px; }
        .user-profile .hovercard .user-image .share-icons li .social-icon i {
          font-size: 18px; }
  .timeline-small .media .timeline-round.timeline-line-1:after {
    height: 33px;
    bottom: -52px; }
  .timeline-small .media .timeline-round.small-line:after {
    height: 18px;
    bottom: -34px; }
  .timeline-small .media .timeline-round.medium-line:after {
    height: 30px;
    bottom: -52px; }
  .timeline-small .media .media-body p {
    width: 100%; }
  .lg-mt-col {
    margin-top: 30px; }
  .xl-none {
    display: none; }
  .lg-mt {
    margin-top: 30px; }
  .product-wrapper-grid.list-view .product-box .product-img {
    width: 32%; }
  .debit-card {
    order: 1; }
  .typography .row div + div {
    margin-top: 30px; }
  .listing .card-body .row > div + div {
    margin-top: 30px; }
  .flot-chart-container {
    height: 200px; }
  .img-cropper #putData {
    margin-bottom: 10px; }
  .img-cropper .docs-toggles > .dropdown {
    margin-bottom: 0; }
  .error-wrapper .maintenance-icons li i {
    color: #E6E9EB;
    font-size: 40px; }
  .error-wrapper .maintenance-icons li:nth-child(2) i {
    font-size: 80px;
    margin-left: 90px; }
  .error-wrapper .maintenance-icons li:nth-child(3) i {
    font-size: 120px;
    margin-top: -75px;
    margin-right: 110px; }
  div.dataTables_wrapper div.dataTables_paginate ~ .dataTables_filter {
    display: block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0; }
  .jvector-map-height {
    height: 280px; }
  .blog-list .blog-details p {
    margin-bottom: 5px; }
  .custom-card .card-profile .card-footer > div h3 {
    font-size: 18px; }
  .equal-height-lg {
    min-height: unset !important; }
  .mega-menu .onhover-show-div {
    height: 435px;
    overflow-x: scroll;
    left: 215px; }
  .mega-menu .mega-bg {
    display: none; }
  .mega-menu .lg-mt {
    margin-top: 25px; }
  .button-builder .button-generator-bx {
    position: relative;
    width: 100%; }
  .blog-single .comment-box ul .comment-social {
    margin-left: 0; }
    [dir="rtl"] .blog-single .comment-box ul .comment-social {
      margin-left: unset;
      margin-right: 0; }
  .error-wrapper .maintenance-heading {
    margin-top: 30px; }
    .error-wrapper .maintenance-heading .headline {
      font-size: 50px;
      margin-top: -15%;
      margin-bottom: 0px; }
    .error-wrapper .maintenance-heading .cloud-second {
      margin-top: -25px; }
  .testimonial p {
    margin-top: 17px; }
  .browser-widget {
    padding: 0px; }
    .browser-widget img {
      height: 50px; }
    .browser-widget .media .media-body h4 {
      font-size: 17px; }
    .browser-widget .media .media-img {
      width: 100%;
      text-align: center;
      margin-bottom: 10px; }
  .crm-overall .overall-chart {
    height: 200px; }
  .product-table table.dataTable thead > tr > th {
    padding-right: 50px; }
  .chat-menu-icons {
    display: block;
    clear: both; }
  .chat-menu {
    right: 0;
    border-top: 1px solid #efefef;
    opacity: 0;
    transform: translateY(-30px);
    visibility: hidden;
    top: 60px;
    position: absolute !important;
    z-index: 3;
    background-color: #fff;
    transition: all linear 0.3s; }
    .chat-menu.show {
      opacity: 1;
      visibility: visible;
      transform: translateY(0px);
      transition: all linear 0.3s;
      padding-bottom: 25px; }
  .chat-right-aside {
    flex: 0 0 100%;
    max-width: calc(100% - 15px);
    overflow: hidden; }
  .icon-lists div {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 209px; }
  .like-comment-lg-mb {
    margin-bottom: 12px; }
  .ribbon-space-bottom {
    top: 9px; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group {
    width: 98.5% !important; }
  #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child {
    width: 95px !important; }
  #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child {
    width: 95px !important; }
  .profile-img-style #aniimated-thumbnials-3 {
    text-align: center; }
  .vertical-menu-mt {
    margin-top: 80px !important; }
    .vertical-menu-mt .xl-none {
      display: block; }
  .calendar-wrap .fc-day-grid-event {
    width: 87%; }
  .product-page-main .product-page-details h3 {
    font-size: 26px; } }

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .page-wrapper.horizontal-wrapper.material-type .page-header {
    max-width: 930px; }
  .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .sidebar-wrapper,
  .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .page-body {
    max-width: 930px; } }

@media only screen and (max-width: 991.98px) {
  .todo-list-wrapper #todo-list li .task-container .task-label {
    min-width: 460px; }
  table.dataTable.fixedHeader-locked, table.dataTable.fixedHeader-floating {
    left: 0 !important;
    width: 100% !important;
    max-width: unset !important; }
    table.dataTable.fixedHeader-locked tr, table.dataTable.fixedHeader-floating tr {
      display: flex;
      flex-wrap: wrap; }
  .simplebar-mask {
    top: 70px; }
  .project-cards .tab-content {
    margin-bottom: -20px; }
  .project-box {
    margin-bottom: 20px; }
  .page-wrapper.modern-type .simplebar-mask {
    top: 70px; }
  .page-wrapper.compact-sidebar .simplebar-mask {
    top: 87px; }
  .page-wrapper.compact-sidebar .page-header {
    margin-left: 0;
    width: calc(100% - 0px); }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links li .sidebar-link.active ~ .sidebar-submenu {
    display: none !important; }
  .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
    margin-top: 60px; }
  .page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu {
    top: 65px; }
  .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
    position: fixed !important;
    top: 0 !important; }
  .product-box .modal .modal-header .product-box .product-details {
    padding-left: 15px;
    padding-right: 15px; }
  .search-form .form-group:before {
    top: 33px; }
  .search-form .form-group:after {
    top: 35px; }
  .mobile-title.d-none {
    padding: 11px 30px 10px; }
  .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
    top: 50px; }
  .page-wrapper .page-header .header-wrapper .search-full input {
    line-height: 50px; }
  .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
    top: 20px; }
  .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
    top: 18px; }
  .page-wrapper .current_lang .lang span.lang-txt {
    display: none; }
  .customizer-contain {
    top: 62px; }
  .m-r-30 {
    margin-right: 20px; }
  .card.full-card {
    top: 60px;
    width: calc(100vw - 0px); }
  .vertical-mobile-sidebar {
    right: 75px;
    top: 18px; }
  .gallery {
    margin-bottom: -20px; }
  .my-gallery figure {
    margin-bottom: 20px; }
  #aniimated-thumbnials figure:nth-child(12), #aniimated-thumbnials figure:nth-child(11), #aniimated-thumbnials figure:nth-child(10), #aniimated-thumbnials figure:nth-child(9) {
    margin-bottom: 20px; }
  .photoswipe-pb-responsive {
    padding-bottom: 25px !important; }
  table.dataTable.fixedHeader-locked, table.dataTable.fixedHeader-floating {
    left: 0 !important;
    width: 100% !important; }
  .page-wrapper .section-space {
    padding: 60px 0; }
  .page-wrapper .card {
    margin-bottom: 30px; }
    .page-wrapper .card .card-header,
    .page-wrapper .card .card-body,
    .page-wrapper .card .card-footer {
      padding: 20px; }
      .page-wrapper .card .card-header .tab-content .m-t-30,
      .page-wrapper .card .card-body .tab-content .m-t-30,
      .page-wrapper .card .card-footer .tab-content .m-t-30 {
        margin-top: 20px !important; }
      .page-wrapper .card .card-header .tab-content .m-b-30,
      .page-wrapper .card .card-body .tab-content .m-b-30,
      .page-wrapper .card .card-footer .tab-content .m-b-30 {
        margin-bottom: 20px !important; }
  .page-wrapper .page-body-wrapper .footer-fix {
    margin-left: 0px;
    padding-right: 15px;
    width: calc(100% - 0px) !important; }
  .page-wrapper.compact-wrapper .page-header {
    margin-left: 0 !important;
    width: calc(100% - 0px) !important; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .maximize {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .header-logo-wrapper {
      display: flex; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      position: unset;
      margin-right: 15px;
      border-right: 1px solid #ddd;
      padding-right: 15px;
      display: block; }
      .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar:before {
        display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-nav {
      display: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    top: 0; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
      transform: translate(-285px); }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper {
      padding: 17px 30px; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn {
        display: inline-block;
        float: right;
        font-size: 20px;
        color: #fff;
        cursor: pointer; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .toggle-sidebar {
        display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 95px); }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
      transform: translate(-285px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: unset; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin-top: 78px;
    padding: 0 15px; }
  .page-wrapper.compact-sidebar .page-header .header-wrapper .maximize {
    display: none; }
  .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
    display: none;
    margin-right: 0; }
  .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
    margin: 0 !important; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper {
      display: block; }
  .page-wrapper.material-icon .page-header {
    padding-left: 0; }
  .page-wrapper.material-icon .page-body-wrapper .page-body {
    padding-left: 15px; }
  .page-wrapper .page-header .header-wrapper {
    margin: 0;
    padding: 12px 30px; }
    .page-wrapper .page-header .header-wrapper .nav-right .notification {
      top: 10px; }
    .page-wrapper .page-header .header-wrapper > .mobile-toggle {
      cursor: pointer;
      display: flex;
      align-items: center; }
    .page-wrapper .page-header .header-wrapper .header-logo-wrapper {
      margin-right: 0; }
  .page-wrapper .page-header .header-logo-wrapper .logo-wrapper img {
    margin-top: 0; }
  .page-body-wrapper .page-body,
  .page-body-wrapper footer {
    margin-left: 0 !important; }
    .page-body-wrapper .page-body #customer-review .owl-stage-outer,
    .page-body-wrapper footer #customer-review .owl-stage-outer {
      width: 100% !important; }
  .default-according .card {
    margin-bottom: 10px !important; }
    .default-according .card .card-header {
      padding: 0 !important; }
  .faq-wrap .faq-accordion.default-according .card .faq-header {
    padding: 20px 20px 0 !important; }
  .crm-activity > li + li {
    margin-top: 10px;
    padding-top: 10px; }
  .add-post .dropzone {
    margin-bottom: 20px; }
  .customers.avatar-group {
    margin-right: 20px; }
  .socialprofile .social-btngroup {
    margin: 20px 0; }
  .socialprofile .social-group {
    margin-top: 20px; }
  .social-status form .form-group .form-control-social {
    margin-bottom: 20px; }
  .social-status .media {
    margin-bottom: 20px; }
  .timeline-content p,
  .timeline-content .comments-box {
    margin-top: 20px; }
  .social-chat {
    margin-top: 20px; }
    .social-chat .media-body {
      padding: 20px; }
    .social-chat .your-msg,
    .social-chat .other-msg {
      margin-bottom: 20px; }
  .social-network span {
    margin-bottom: 20px; }
  .details-about + .details-about {
    margin-top: 20px; }
  .activity-log .my-activity + .my-activity {
    margin-top: 20px; }
  .new-users-social {
    margin-bottom: 20px; }
  .timeline-small .media {
    margin-bottom: 20px; }
    .timeline-small .media .media-body h6 {
      margin-bottom: 20px; }
    .timeline-small .media .media-body p {
      width: 75%; }
    .timeline-small .media .timeline-round {
      width: 45px;
      height: 45px;
      top: -14px; }
      .timeline-small .media .timeline-round.timeline-line-1:after {
        bottom: -41px;
        height: 25px; }
      .timeline-small .media .timeline-round.small-line:after {
        bottom: -26px;
        height: 14px; }
      .timeline-small .media .timeline-round.medium-line:after {
        bottom: -33px;
        height: 17px; }
      .timeline-small .media .timeline-round svg {
        top: 14px; }
  .helper-classes {
    padding: 20px; }
  .floated-customizer-btn,
  .floated-customizer-panel {
    display: none; }
  .page-builder .ge-canvas.ge-editing .row {
    padding: 20px; }
  .ecommerce-widget .progress-showcase {
    margin-top: 20px; }
  .crm-overall {
    margin: 0 -20px -20px; }
  .product-page-main {
    padding: 20px; }
  .grid-options ul li:nth-child(3) {
    display: none; }
  .feature-products form .form-group i {
    right: 20px; }
  .tilt-showcase .tilt-image {
    text-align: center; }
  .tilt-showcase .mt-4 {
    margin-top: 20px !important; }
  .todo .todo-list-wrapper .mark-all-tasks {
    top: 20px;
    right: 20px; }
  .custom-card {
    padding-bottom: 0; }
    .custom-card .card-footer {
      padding: 0 15px 15px 15px !important; }
    .custom-card .card-header {
      border: none; }
    .custom-card .dashboard-card {
      padding: 0; }
    .custom-card .card-profile img {
      height: 155px; }
  .display-1 {
    font-size: calc(30px + (64 - 30) * ((100vw - 320px) / (1200 - 320))); }
  .display-2 {
    font-size: calc(25px + (56 - 25) * ((100vw - 320px) / (1200 - 320))); }
  .display-3 {
    font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (1200 - 320))); }
  .display-4 {
    font-size: calc(15px + (24 - 15) * ((100vw - 320px) / (1200 - 320))); } }

@media only screen and (max-width: 991.98px) and (max-width: 1200px) {
  .typography .h1 {
    font-size: calc(16px + (34 - 16) * ((100vw - 320px) / (1200 - 320))); } }

@media only screen and (max-width: 991.98px) {
  .typography .h2 {
    font-size: 30px; } }
  @media only screen and (max-width: 991.98px) and (max-width: 1200px) {
    .typography .h2 {
      font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (1200 - 320))); } }
@media only screen and (max-width: 991.98px) {
  .typography .h3 {
    font-size: 22px; } }
  @media only screen and (max-width: 991.98px) and (max-width: 1200px) {
    .typography .h3 {
      font-size: calc(17px + (22 - 17) * ((100vw - 320px) / (1200 - 320))); } }
@media only screen and (max-width: 991.98px) {
  .typography .h4 {
    font-size: 20px; } }
  @media only screen and (max-width: 991.98px) and (max-width: 1200px) {
    .typography .h4 {
      font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (1200 - 320))); } }
@media only screen and (max-width: 991.98px) {
  .typography .h5 {
    font-size: 18px; } }
  @media only screen and (max-width: 991.98px) and (max-width: 1200px) {
    .typography .h5 {
      font-size: calc(13px + (18 - 13) * ((100vw - 320px) / (1200 - 320))); } }
@media only screen and (max-width: 991.98px) {
  .typography .h6 {
    font-size: 15px; } }
  @media only screen and (max-width: 991.98px) and (max-width: 1200px) {
    .typography .h6 {
      font-size: calc(12px + (15 - 12) * ((100vw - 320px) / (1200 - 320))); } }
@media only screen and (max-width: 991.98px) {
  h1 {
    font-size: calc(20px + (34 - 20) * ((100vw - 320px) / (1200 - 320))); }
  h2 {
    font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1200 - 320))); }
  h3 {
    font-size: calc(17px + (26 - 17) * ((100vw - 320px) / (1200 - 320))); }
  h4 {
    font-size: calc(17px + (22 - 17) * ((100vw - 320px) / (1200 - 320))); }
  h5 {
    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1200 - 320))); }
  h6 {
    font-size: calc(12px + (15 - 12) * ((100vw - 320px) / (1200 - 320))); }
  .card-absolute .card-header {
    padding: 10px 15px !important; }
  .comingsoon .comingsoon-inner .countdown .time {
    width: 80px;
    height: 80px;
    font-size: 26px; }
  .calendar-wrap .basic-calendar .external-events .fc-event + .fc-event {
    margin-top: 10px; }
  .owl-theme .owl-nav.disabled + .owl-dots {
    margin-bottom: -10px;
    margin-top: 15px; }
  .card .card-header h5 {
    font-size: 18px; }
  .card .card-header .card-header-right {
    top: 12px;
    right: 15px; }
  .page-builder .ge-addRowGroup {
    width: 100%; }
  .user-profile .hovercard .info .user-designation {
    margin-bottom: 20px; }
  .search-list {
    justify-content: center; }
  .blog-single .comment-box .comment-social li {
    padding-left: 15px; }
  .error-wrapper {
    padding: 35px 0; }
    .error-wrapper .sub-content {
      font-size: 14px;
      line-height: 25px;
      margin-top: 0px; }
    .error-wrapper .error-heading {
      margin-top: 30px; }
      .error-wrapper .error-heading .headline {
        font-size: 180px;
        margin-top: 0; }
    .error-wrapper .maintenance-heading {
      margin-top: 30px; }
  .editor_container .CodeMirror {
    min-height: 250px;
    height: 250px; }
  .search-page .info-block {
    flex-wrap: wrap; }
  .search-page .tab-content .pb-4 {
    padding-bottom: 20px !important; }
  .xl-none {
    display: block; }
  .top-radius-blog {
    width: 100%; }
  .sm-100-w {
    width: 100%;
    height: 100%; }
  /*Form Wizard One start*/
  .form-wizard .btn-mb {
    margin-bottom: 20px; }
  /*Form Wizard One ends*/
  /*Form Wizard Three Start*/
  .f1 .f1-steps {
    margin-top: 20px;
    margin-bottom: 20px; }
  /*Form Wizard Three ends*/
  /*Form Wizard Four Start*/
  .wizard-4 ul.anchor {
    padding-right: 20px;
    width: 40%; }
    .wizard-4 ul.anchor li a.done h4:before {
      top: -8px; }
    .wizard-4 ul.anchor li h4 {
      padding: 11px 18px;
      width: 50px; }
    .wizard-4 ul.anchor li + li a {
      padding-left: 65px; }
      [dir="rtl"] .wizard-4 ul.anchor li + li a {
        padding-right: 65px; }
  .wizard-4 .step-container {
    width: 60%; }
    .wizard-4 .step-container div.content .wizard-title {
      width: 380px; }
  .wizard-4 .login-card .login-main {
    width: 380px; }
  .wizard-4 .msg-box {
    top: 25px !important; }
  /*Form Wizard Four ends*/
  .border-tab.nav-tabs {
    margin-bottom: 20px; }
  .tab-content ~ .nav-tabs.border-tab {
    margin-top: 20px; }
  .dataTables_wrapper .dataTables_length {
    margin-bottom: 20px; }
  .dataTables_wrapper table.dataTable {
    margin-bottom: 20px !important; }
  .search-page .info-block + .info-block {
    padding-top: 20px;
    margin-top: 20px; }
  .search-page #video-links .embed-responsive + .embed-responsive {
    margin-top: 20px; }
  .lg-mt {
    margin-top: 20px; }
  .gallery-with-description {
    margin-bottom: -20px; }
    .gallery-with-description a > div {
      margin-bottom: 20px; }
  .clipboaard-container p {
    margin-bottom: 8px; }
  .m-b-30 {
    margin-bottom: 20px !important; }
  .nav-md-mt {
    margin-top: 20px; }
  .navs-icon {
    padding: 20px; }
    .navs-icon .main-section {
      padding-top: 20px; }
    .navs-icon .separator {
      margin: 20px 0; }
  .nav-list {
    padding: 20px; }
  .navs-dropdown button {
    margin-top: 20px; }
  .navs-dropdown .onhover-show-div {
    top: 68px; }
  .animated-modal .form-group {
    width: 100%;
    display: block; }
  .animated-modal .mr-4 {
    margin-right: 0 !important; }
  .steps-md-mt {
    margin-top: 20px; }
  .btn-group-wrapper .m-b-30:last-child {
    margin-bottom: 0 !important; }
  #advance-5_wrapper .dataTables_paginate {
    margin-bottom: 20px; }
  .card .card-body form.animated-modal {
    display: flex; }
    .card .card-body form.animated-modal .animated-modal-md-mb {
      margin-bottom: 20px !important; }
  .wizard-4 .msg-box {
    top: 40px;
    right: 0%;
    bottom: unset;
    left: unset; }
  .theme-form.form-inline {
    display: flex; } }

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .page-wrapper.compact-wrapper.material-type::before {
    height: 230px; }
  .page-wrapper.compact-wrapper.material-type .page-header {
    width: calc(100% - 60px) !important;
    margin: 50px auto 0 !important; }
  .page-wrapper.compact-wrapper.material-type .page-body-wrapper {
    margin: 0 30px; }
    .page-wrapper.compact-wrapper.material-type .page-body-wrapper div.sidebar-wrapper {
      left: 0; }
    .page-wrapper.compact-wrapper.material-type .page-body-wrapper .page-body {
      margin-top: 0; } }

@media only screen and (max-width: 810px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li .profile-media .media-body {
    display: none; } }

@media only screen and (max-width: 767.98px) {
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin-top: 62px; }
  .list-product .datatable-loading .datatable-top {
    display: none; }
  .left-sidebar-wrapper {
    padding: 10px; }
    .left-sidebar-wrapper .advance-options .chats-user {
      height: 200px; }
  .wizard-4 ul.anchor {
    width: 100%;
    height: auto;
    padding: 30px; }
  .wizard-4 .step-container {
    width: 100%; }
  .contact-editform {
    padding-left: 20px !important; }
  .event-calendar {
    display: block !important; }
    .event-calendar #right {
      width: 100%; }
    .event-calendar #calendar {
      clear: both; }
  .page-wrapper.material-type::before {
    display: none; }
  .page-wrapper.material-type .page-header {
    margin-top: 0;
    border-radius: 0; }
  .page-wrapper.material-type .page-body-wrapper .page-body {
    margin-top: 0 !important; }
  .page-wrapper.only-body .page-header .header-wrapper .nav-right > ul > li {
    margin-right: -2px; }
  .page-wrapper.only-body .page-header .header-wrapper .nav-right .nav-menus {
    margin-right: -10px; }
  .new-products .owl-carousel .product-box.row > div {
    width: auto; }
  .profile-media .media-body {
    display: none; }
  .form-inline .form-group:not(.form-control-search) {
    width: 100%; }
    .form-inline .form-group:not(.form-control-search) + .form-group {
      margin-top: 10px; }
    .form-inline .form-group:not(.form-control-search) input {
      width: 100%; }
  .credit-card .text-center img {
    margin-bottom: 20px; }
  .starter-kit-fix .page-body {
    margin-bottom: 78px; }
  .blog-box .blog-details-main .blog-social li {
    padding: 0 12px; }
  .blog-box .blog-details .blog-social li:first-child {
    padding-right: 25px; }
  .blog-box .blog-details .blog-social li + li {
    padding-left: 25px; }
  .footer-copyright ~ div {
    text-align: center; }
    .footer-copyright ~ div p {
      float: none;
      margin-top: 5px; }
  .user-profile .hovercard .user-image .share-icons {
    right: 25px;
    top: -19px; }
    .user-profile .hovercard .user-image .share-icons li .social-icon {
      width: 35px;
      height: 35px; }
  .tabs-scoial.border-tab.nav-tabs {
    display: flex; }
  .timeline-small .media .media-body p {
    width: 100%; }
  .my-gallery figure:nth-child(9), .my-gallery figure:nth-child(10) {
    margin-bottom: 20px; }
  .project-list .btn {
    float: left;
    margin-top: 5px; }
  .chat-left-aside .people-list ul {
    max-height: 100px; }
  .clockpicker-align-top {
    left: 55px !important;
    top: 470px !important; }
    .clockpicker-align-top .arrow {
      display: none; }
  .form-builder-column .form-body {
    min-height: 250px; }
  .form-builder-2-header {
    flex-wrap: wrap; }
    .form-builder-2-header > div {
      width: 100%;
      margin-top: 10px; }
      .form-builder-2-header > div nav {
        float: none; }
  .lg-mt-col {
    margin-top: 20px; }
  .form-builder .drag-box fieldset {
    padding: 20px;
    margin-top: 20px; }
  .form-builder #components {
    margin-top: 20px; }
  .form-builder .component label {
    padding-top: 0px; }
  .mega-menu .onhover-show-div {
    height: 415px;
    left: 0;
    top: 61px;
    padding: 20px; }
  .mega-menu .lg-mt {
    margin-top: 15px; }
  .page-builder .ge-canvas.ge-editing .ge-tools-drawer {
    margin: 10px 0 0 10px; }
    .page-builder .ge-canvas.ge-editing .ge-tools-drawer > a {
      padding: 0 5px; }
  .range-slider.theme-form .form-group {
    margin-bottom: 0; }
  .note-editor .btn-group .btn {
    font-size: 11px; }
  .text-md-right {
    text-align: right; }
  .star-ratings .stars {
    padding: 0; }
  .form-inline.d-inline-block {
    display: block !important;
    width: 100%; }
    .form-inline.d-inline-block .form-control {
      margin-bottom: 10px; }
  .reset-password-box {
    width: 500px;
    margin: 0 auto; }
    .reset-password-box .card {
      padding: 20px; }
  .custom-card .card-profile img {
    height: 136px;
    bottom: 0; }
  .error-wrapper .maintenance-icons li i {
    color: #E6E9EB;
    font-size: 30px; }
  .error-wrapper .maintenance-icons li:nth-child(2) i {
    font-size: 60px;
    margin-top: -10px;
    margin-left: 70px; }
  .error-wrapper .maintenance-icons li:nth-child(3) i {
    font-size: 90px;
    margin-right: 80px; }
  .authentication-main .auth-innerright {
    min-height: unset;
    padding: 0; }
    .authentication-main .auth-innerright .social-media li {
      font-size: 14px; }
  .loader-box {
    justify-content: center; }
  .dataTables_wrapper .dataTables_length {
    margin-bottom: 20px; }
  .dataTables_wrapper .dataTables_filter {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 20px; }
  div.dataTables_wrapper div.dataTables_info {
    padding-top: 0; }
  div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label {
    float: none; }
  div.dataTables_wrapper div.dataTables_paginate {
    float: none;
    margin-top: 20px !important;
    margin-left: 0 !important; }
  .calendar-wrap .fc-basic-view .fc-day-number {
    padding: 0 0px !important; }
  .calendar-wrap .fc-events-container {
    margin-top: 0px; }
  .calendar-wrap .fc-events-container h6,
  .calendar-wrap .fc-events-container .checkbox {
    text-align: right; }
  .calendar-wrap .checkbox label {
    margin-top: 0; }
  .calendar-wrap .fc-toolbar .fc-left .fc-next-button .fc-icon-right-single-arrow:after {
    font-size: 12px !important; }
  .calendar-wrap .fc-toolbar .fc-left .fc-prev-button .fc-icon-left-single-arrow:after {
    font-size: 12px !important; }
  .calendar-wrap .fc-toolbar .fc-left .fc-today-button,
  .calendar-wrap .fc-toolbar .fc-right .fc-today-button {
    padding-top: 0px !important; }
  .calendar-wrap .fc {
    margin-top: 0px; }
    .calendar-wrap .fc button {
      font-size: 14px !important;
      padding: 0 5px !important; }
    .calendar-wrap .fc .fc-left {
      margin-bottom: 10px; }
    .calendar-wrap .fc .fc-toolbar > div {
      display: block !important;
      float: none !important; }
    .calendar-wrap .fc .fc-toolbar > * :first-child {
      font-size: 18px; }
    .calendar-wrap .fc .fc-toolbar > * > * {
      float: none !important; }
  .btn-group-wrapper {
    text-align: center; }
    .btn-group-wrapper .m-b-30 {
      margin-bottom: 15px !important; }
  .btn-group-showcase {
    text-align: center; }
    .btn-group-showcase .btn-group {
      margin-right: 0;
      margin-bottom: 15px; }
  .btn-group .btn {
    font-size: 14px;
    padding: 0.375rem 1.3rem; }
  .animate-widget .text-center {
    display: none; }
  .mega-menu .onhover-show-div {
    height: 350px; }
  .page-builder .ge-canvas .column {
    padding: 0 !important; }
  .page-builder .ge-content-type-ckeditor h3 {
    font-size: 20px; }
  .page-builder .ge-content-type-ckeditor p {
    font-size: 12px; }
  .page-builder .ge-row-icon {
    display: none !important; }
  /* font-awesom icon page */
  .icon-hover-bottom .form-group input {
    min-width: 270px; }
  .file-content .d-md-flex .flex-grow-1 {
    margin-top: 15px;
    text-align: center !important; }
  .user-profile .hovercard .cardheader {
    height: 350px; }
  .user-profile .hovercard .info {
    padding: 35px; }
    .user-profile .hovercard .info .ttl-info {
      margin-bottom: 20px; }
    .user-profile .hovercard .info .ttl-sm-mb-0 {
      margin-bottom: 0; }
  .calendar-wrap .fc button {
    padding: 5px; }
  .calendar-wrap .fc-day-grid-event {
    margin: 0;
    padding: 5px;
    width: inherit; }
  .calendar-wrap .fc-toolbar h2 {
    font-size: 20px;
    line-height: 35px;
    font-weight: bold; }
  .calendar-wrap .basic-calendar .external-events {
    margin-top: 0px; }
  .blog-single .comment-box .media h6 {
    margin-bottom: 10px; }
  .blog-single .comment-box .media img {
    margin-right: 30px; }
  .blog-single .comment-box .comment-social {
    margin-bottom: 5px; }
    .blog-single .comment-box .comment-social li:first-child {
      padding-left: 0;
      padding-right: 15px; }
  .search-page #image-links .info-block.m-t-30 {
    margin-top: 0 !important; }
  .authentication-main .authentication-box {
    width: 100%; }
  .authentication-main .auth-innerright {
    display: inherit; }
  .map-chart .chart-container {
    height: 300px; }
  .candidcahrt {
    height: 250px; }
  .bar-chart-widget .earning-details i {
    right: 0; }
  .serial-chart .chart-container {
    height: 300px; }
  .bottom-content {
    padding: 10px; }
    .bottom-content p {
      font-size: 12px; }
  .icon-hover-bottom .icon-popup {
    display: block; }
    .icon-hover-bottom .icon-popup > .icon-last {
      display: block;
      margin-top: 15px; }
      .icon-hover-bottom .icon-popup > .icon-last .form-inline .form-group {
        display: flex; }
    .icon-hover-bottom .icon-popup div .flag-icon {
      width: 30px;
      height: auto; }
  .icon-hover-bottom .form-group input {
    display: block;
    width: auto !important; }
  .footer-links {
    text-align: center; }
  .footer-copyright {
    text-align: center !important; }
  .jvector-map-height {
    height: 150px; }
  .sm-left-text {
    text-align: left !important; }
    [dir="rtl"] .sm-left-text {
      text-align: right !important; }
  .alert-dismissible p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 294px; }
  .button-group-mb-sm {
    margin-bottom: 5px; }
  .card-block .table-responsive .table tbody tr td span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100px; }
  .card-block .table-responsive .progress-content tbody tr td span {
    text-overflow: ellipsis;
    white-space: normal;
    max-width: 50px; }
  .card-block .table-responsive .checkbox-td-width tbody tr td,
  .card-block .table-responsive .radio-first-col-width tbody tr td {
    min-width: 200px !important; }
  #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child {
    width: 119px !important; }
  #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child {
    width: 119px !important; }
  .jsgrid .jsgrid-pager-container {
    text-align: center; }
  .hovercard .info .follow .text-md-right {
    text-align: center; }
  .profile-img-style .like-comment-sm-mb {
    margin-bottom: 20px; }
  .reset-password-box .theme-form .form-group .btn {
    margin-top: 15px !important; }
  .lg-outer .lg-actions .lg-next,
  .lg-outer .lg-actions .lg-prev {
    top: 48%; }
  .feature-products .filter-toggle {
    padding: 8px 15px;
    background-color: #fff;
    margin-left: 10px;
    border-radius: 5px; }
  .feature-products .select2-drpdwn-product {
    float: left;
    margin-right: 10px;
    margin-top: 8px; }
    [dir="rtl"] .feature-products .select2-drpdwn-product {
      float: right;
      margin-right: unset;
      margin-left: 10px; }
  .feature-products span.f-w-600 {
    padding-top: 15px;
    display: inline-block; }
  .feature-products .text-right {
    text-align: left !important; }
  .d-none-productlist {
    display: block;
    margin-right: 10px; }
  .grid-options ul li {
    display: none; }
  .product-sidebar {
    transform: translateX(-300px) scaleX(0);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    height: 0;
    position: absolute;
    z-index: 3;
    width: 300px; }
    .product-sidebar.open {
      transform: translateX(0px) scaleX(1);
      box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
      visibility: visible;
      opacity: 1;
      height: auto;
      top: -45px; }
      .product-sidebar.open:before, .product-sidebar.open:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #fff;
        right: 120px;
        top: -7px; }
    .product-sidebar .filter-section .card-header {
      display: none; }
  .product-wrapper.sidebaron .product-grid .product-wrapper-grid {
    margin-left: 0; }
  .product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
    top: unset;
    min-width: unset; }
  .product-wrapper-grid.list-view .product-box .product-img {
    width: 42%; }
  .product-filter .product-box {
    flex-wrap: nowrap; }
    .product-filter .product-box .product-img {
      width: 100px; }
    .product-filter .product-box .product-details {
      padding: 0 !important; } }

@media only screen and (max-width: 575.98px) {
  .todo .todo-list-wrapper .mark-all-tasks .mark-all-tasks-container {
    display: none; }
  .border-tab.nav-tabs {
    display: block; }
  .page-wrapper .page-header .header-wrapper .search-full input {
    padding-left: 30px;
    line-height: 40px; }
  .page-wrapper .page-header .header-wrapper .search-full .form-group::before {
    top: 14px;
    left: 12px; }
  .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
    top: 18px;
    right: 0;
    width: 18px;
    height: 18px; }
  .page-wrapper.only-body .page-header .header-wrapper .nav-right {
    right: 30px; }
  .date-picker .theme-form > .row > div:last-child {
    margin-top: 0; }
  .search-page .info-block {
    display: block; }
  .form-bookmark .row > div .row > .col-sm-6 + .col-sm-6 {
    margin-top: 10px; }
  .btn {
    padding: 6px 16px; }
  .alert-theme {
    min-width: 380px; }
  .knowledgebase-bg {
    height: 250px; }
  .login-card .login-main .theme-form .or:before {
    width: 55%; }
  .knowledgebase-search {
    width: calc(100% - 30px);
    left: 18px;
    height: calc(100% - 30px);
    background-color: rgba(255, 255, 255, 0.7); }
    .knowledgebase-search .form-inline {
      width: 90%;
      padding: 3px 45px; }
      .knowledgebase-search .form-inline svg {
        top: 10px; }
    .knowledgebase-search > div {
      width: 100%;
      text-align: center;
      padding: 15px;
      border-right: 10px; }
      .knowledgebase-search > div h3 {
        font-size: 20px;
        margin-bottom: 0; }
      .knowledgebase-search > div .form-group {
        margin-bottom: 0; }
  .invoice .text-md-end {
    margin-top: 10px; }
  .invoice .text-right {
    text-align: right; }
  .invoice .text-xs-center {
    text-align: center; }
  .login-card {
    padding-top: 40px;
    padding-bottom: 40px; }
    .login-card .logo {
      margin-bottom: 10px; }
    .login-card .login-main {
      width: auto;
      padding: 20px; }
      .login-card .login-main .theme-form .form-group {
        margin-bottom: 5px; }
      .login-card .login-main .theme-form p {
        margin-bottom: 5px; }
    .login-card .btn-showcase .btn {
      width: 100%; }
      .login-card .btn-showcase .btn + .btn {
        margin-left: 0;
        margin-top: 5px; }
  .bookmark ul li a svg {
    height: 16px;
    width: 16px; }
  .bookmark ul li + li {
    margin-left: 5px; }
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 4px 6px; }
  .page-header .header-wrapper .nav-right .cart-box .badge,
  .page-header .header-wrapper .nav-right .notification-box .badge {
    font-size: 10px; }
  .page-wrapper .page-body-wrapper .page-title > .row .col-6:first-child {
    display: block; }
    .page-wrapper .page-body-wrapper .page-title > .row .col-6:first-child h3 {
      padding-right: 0; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li i {
    font-size: 14px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li svg {
    width: 24px;
    height: 24px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li .notification-box svg {
    width: 24px !important;
    height: 24px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li .mode svg {
    height: 24px;
    width: 24px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li span.badge {
    padding: 2px 4px;
    font-size: 10px; }
  .page-wrapper .page-body-wrapper .page-title .breadcrumb {
    margin-top: 0;
    justify-content: flex-end; }
  .page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper, .page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper {
    display: none; }
  .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
    border-right: 1px solid #ddd;
    padding-right: 8px;
    margin-right: 8px; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar svg, .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar svg {
      width: 18px; }
  .page-wrapper.compact-sidebar .sidebar-wrapper .back-btn {
    display: none; }
  .page-wrapper.compact-sidebar .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-right: 0; }
  .page-wrapper .page-header .header-wrapper {
    padding: 12px 15px !important; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul {
      top: 58px; }
      .page-wrapper .page-header .header-wrapper .nav-right > ul .search-form i {
        display: none; }
    .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li.px-0 {
      padding: 6px !important; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul li .flag-icon {
      font-size: 14px !important; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul li .profile-media img {
      width: 30px;
      height: 30px; }
    .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown.onhover-show-div:before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown.onhover-show-div:after {
      left: 24px !important;
      right: unset !important; }
  .page-wrapper .page-body-wrapper .page-title .btn-group .btn {
    padding: 8px 30px; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin-top: 57px; }
  .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links {
    height: calc(100vh - 79px); }
  .alert-dismissible {
    padding-right: 30px; }
    .alert-dismissible p {
      max-width: 102px; }
  .customizer-links {
    display: none; }
  .m-r-30 {
    margin-right: 15px; }
  .wishlist .text-end {
    text-align: left !important; }
  .add-post form .m-checkbox-inline label {
    margin-right: 15px; }
  .add-post .dropzone {
    margin-bottom: 15px; }
  .wizard-4 .msg-box {
    top: 10px !important; }
  .wizard-4 .login-card .login-main {
    width: 280px; }
  .wizard-4 .step-container div.content .wizard-title {
    width: 280px; }
  .wizard-4 .action-bar {
    right: 10px; }
    .wizard-4 .action-bar [dir="rtl"] {
      left: 10px; }
  .customers.avatar-group {
    margin-right: 15px; }
  .vertical-mobile-sidebar {
    top: 19px; }
  .alert-theme i {
    margin-right: 10px !important; }
  .alert-theme button {
    top: 0px !important; }
  .bar-chart-widget .earning-details i {
    right: -30px; }
  .clockpicker-align-top {
    left: 45px !important;
    top: 406px !important; }
  .gallery {
    margin-bottom: -15px; }
  .my-gallery figure {
    margin-bottom: 15px; }
    .my-gallery figure:nth-child(9), .my-gallery figure:nth-child(10) {
      margin-bottom: 15px; }
  .my-gallery.gallery-with-description figure:last-child {
    margin-bottom: 20px; }
  #aniimated-thumbnials figure:nth-child(12), #aniimated-thumbnials figure:nth-child(11), #aniimated-thumbnials figure:nth-child(10), #aniimated-thumbnials figure:nth-child(9) {
    margin-bottom: 15px; }
  .photoswipe-pb-responsive {
    padding-bottom: 30px !important; }
  .avatar-showcase .pepole-knows {
    text-align: center; }
    .avatar-showcase .pepole-knows ul li {
      margin-right: 14px; }
  .social-app-profile .hovercard .user-image .avatar {
    margin-top: -56px; }
    .social-app-profile .hovercard .user-image .avatar img {
      width: 100px;
      height: 100px; }
  .social-app-profile .hovercard .user-image .icon-wrapper {
    left: 52%;
    top: 10px;
    height: 30px;
    width: 30px;
    font-size: 15px; }
    .social-app-profile .hovercard .user-image .icon-wrapper:hover {
      font-size: 12px; }
  .social-app-profile .hovercard .user-image .share-icons {
    right: 15px; }
    .social-app-profile .hovercard .user-image .share-icons li {
      margin-right: 0px; }
  .social-app-profile .hovercard .info .tabs-scoial .user-designation {
    border-top: none;
    border-bottom: none;
    margin-bottom: 0;
    padding: 0px 0px; }
  .social-app-profile .tabs-scoial {
    margin-bottom: 0 !important; }
  .socialprofile .social-btngroup {
    margin: 15px 0; }
  .socialprofile .social-group {
    margin-top: 15px; }
  .social-status form .form-group .form-control-social {
    margin-bottom: 15px; }
  .social-status .media {
    margin-bottom: 15px; }
  .new-users-social {
    margin-bottom: 15px; }
  .tabs-scoial {
    position: relative;
    padding-top: 80px; }
    .tabs-scoial li:nth-child(3) {
      position: absolute;
      top: 25px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link {
      padding: 10px;
      height: 60px; }
  .timeline-content p,
  .timeline-content .comments-box {
    margin-top: 15px; }
  .timeline-content .comments-box .media .m-r-20 {
    margin-right: 10px; }
  .timeline-content .comments-box .media .media-body .input-group .input-group-append .btn {
    padding: 6px; }
  .timeline-content .comment-number i {
    margin-right: 15px; }
  #cd-timeline {
    margin-right: 0; }
  .social-chat {
    margin-top: 15px; }
    .social-chat .media-body {
      padding: 15px; }
    .social-chat .your-msg,
    .social-chat .other-msg {
      margin-bottom: 15px; }
  .social-network span {
    margin-bottom: 15px; }
  .social-list .media {
    margin-bottom: 15px; }
  .details-about + .details-about {
    margin-top: 15px; }
  .your-details-xs {
    margin-top: 15px; }
  .social-header h5 span.pull-right {
    float: right !important;
    margin-top: 0 !important; }
    .social-header h5 span.pull-right svg {
      width: 18px;
      height: 18px; }
  .activity-log .my-activity + .my-activity {
    margin-top: 15px; }
  .photos ul li {
    width: 26%; }
    .photos ul li:nth-child(3n) {
      margin-right: 0; }
  .timeline-small .media {
    margin-bottom: 15px; }
    .timeline-small .media .media-body h6 {
      margin-bottom: 15px; }
    .timeline-small .media .timeline-round.timeline-line-1:after {
      bottom: -39px;
      height: 30px; }
    .timeline-small .media .timeline-round.small-line:after {
      bottom: -17px;
      height: 8px; }
    .timeline-small .media .timeline-round.medium-line:after {
      bottom: -30px;
      height: 22px; }
  .helper-classes {
    padding: 15px; }
  .form-builder-2-header ul li {
    text-align: left; }
  .form-builder-2-header .form-inline {
    display: block;
    width: 100%; }
    .form-builder-2-header .form-inline .form-group {
      width: 100%;
      margin-right: 0; }
    .form-builder-2-header .form-inline button {
      width: 100%;
      text-align: left; }
  .page-builder .btn-grid {
    margin-bottom: 7px;
    padding-right: 5px; }
  .page-builder .ge-canvas.ge-editing .row {
    padding: 15px; }
  .page-builder .ge-canvas.ge-editing .ge-tools-drawer {
    margin: 10px; }
  .page-builder .ge-canvas.ge-layout-desktop [class*="col-"] {
    width: inherit !important; }
  .wizard-4 .step-container div.content {
    margin-top: 10px; }
  .nav-tabs .nav-item.show .nav-link {
    border-top: 0;
    border-bottom: 0; }
  .nav-tabs .nav-link {
    border-top: 0;
    border-bottom: 0; }
    .nav-tabs .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus {
      border-top: 0;
      border-bottom: 0; }
  .border-tab.nav-tabs .nav-item {
    width: 100% !important; }
  .border-tab .ecommerce-widget .progress-showcase {
    margin-top: 15px; }
  .nav {
    display: inherit;
    text-align: center;
    border-bottom: none; }
  .editor_container .CodeMirror {
    min-height: 190px;
    height: 190px; }
  .order-history table.dataTable.table thead th {
    padding-right: 60px; }
  .border-tab.nav-left .nav-link {
    text-align: center;
    border-left: none; }
  .border-tab.nav-right .nav-link {
    text-align: center;
    border-right: none; }
  .border-tab.nav-tabs {
    margin-bottom: 10px; }
  .tab-content ~ .nav-tabs.border-tab {
    margin-top: 10px; }
  .nav-pills {
    text-align: center; }
  .crm-overall {
    margin: 0 -15px -15px; }
  .product-color li {
    width: 15px;
    height: 15px; }
  .product-social li a {
    width: 30px;
    height: 30px;
    font-size: 13px; }
  .product-social li:nth-child(n+2) {
    margin-left: 5px; }
    [dir="rtl"] .product-social li:nth-child(n+2) {
      margin-left: unset;
      margin-right: 5px; }
  .product-page-main {
    padding: 15px; }
    .product-page-main .product-page-details h3 {
      font-size: 24px; }
  .todo .action-box.large {
    height: 25px;
    width: 25px; }
    .todo .action-box.large .icon {
      font-size: 14px;
      vertical-align: -3px; }
  .todo .todo-list-wrapper #todo-list li .task-container .task-label {
    font-size: 14px; }
  .todo .todo-list-wrapper .mark-all-tasks {
    right: 15px; }
  .datetime-picker label {
    text-align: left !important; }
  .redial-chart-block {
    text-align: center; }
  #nav-tabContent {
    margin-top: 15px; }
  .reset-password-box {
    width: 430px; }
  .auth-bg {
    padding: 25px 15px; }
  .auth-bg-effect {
    display: none; }
  .date-picker .text-right {
    text-align: left !important; }
  .dataTables_wrapper table.dataTable {
    margin-bottom: 15px !important; }
  ul.pagination li:before {
    line-height: 3; }
  div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
    padding-left: 0 !important; }
  div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
    padding-right: 0 !important; }
  div.dataTables_wrapper div.dataTables_length {
    margin-bottom: 15px; }
    div.dataTables_wrapper div.dataTables_length select {
      min-height: 30px; }
  div.dataTables_wrapper table.dataTable th,
  div.dataTables_wrapper table.dataTable td {
    padding: 0.5rem; }
  div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 15px !important; }
    div.dataTables_wrapper div.dataTables_paginate .paginate_button {
      padding: 1px 7px; }
      div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous {
        font-size: 0;
        padding: 0; }
        div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous a {
          border: none !important; }
        div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous:before {
          content: "\e64a";
          font-family: themify;
          font-size: 11px;
          padding: 0 5px; }
      div.dataTables_wrapper div.dataTables_paginate .paginate_button.next {
        font-size: 0;
        padding: 0; }
        div.dataTables_wrapper div.dataTables_paginate .paginate_button.next a {
          border: none !important; }
        div.dataTables_wrapper div.dataTables_paginate .paginate_button.next:before {
          content: "\e649";
          font-family: themify;
          font-size: 11px;
          padding: 0 5px; }
  div.dataTables_wrapper .dataTables_filter {
    margin-bottom: 15px; }
    div.dataTables_wrapper .dataTables_filter input[type="search"] {
      height: 30px; }
  .page-wrapper .page-body-wrapper .user-profile .profile-img-style {
    padding: 15px; }
    .page-wrapper .page-body-wrapper .user-profile .profile-img-style .img-container {
      margin-top: 15px; }
  .page-wrapper .page-body-wrapper .user-profile hr {
    margin: 15px 0; }
  .page-wrapper .page-body-wrapper .user-profile .like-comment {
    margin-top: 15px; }
  .jvector-map-height {
    height: 250px; }
  .user-profile .order-sm-0 {
    order: -1; }
  .user-profile .hovercard .info .ttl-info {
    text-align: center !important; }
  .user-profile .hovercard .info .ttl-xs-mt {
    margin-top: 20px; }
  .icon-hover-bottom .form-group {
    display: block !important;
    margin-bottom: 0; }
    .icon-hover-bottom .form-group input {
      width: 100% !important; }
    .icon-hover-bottom .form-group .btn {
      margin-top: 15px; }
  .icon-hover-bottom .icon-popup {
    padding: 15px; }
  .icon-hover-bottom svg.climacon {
    height: 50px;
    width: 50px; }
  .blog-box.blog-shadow:before {
    box-shadow: inset 0px -100px 100px -13px rgba(0, 0, 0, 0.6); }
  .blog-box .blog-details p,
  .blog-box .blog-details .single-blog-content-top {
    margin-top: 15px; }
  .blog-box .blog-details h4 {
    margin-top: 15px; }
  .blog-box .blog-details .blog-social {
    margin-top: 15px; }
    .blog-box .blog-details .blog-social li + li {
      padding-left: 20px; }
      .blog-box .blog-details .blog-social li + li > span {
        display: none; }
    .blog-box .blog-details .blog-social li:first-child {
      margin-right: 10px;
      padding-right: 20px; }
  .comment-box {
    padding-top: 40px;
    padding-bottom: 40px; }
    .comment-box ul ul {
      margin-left: 30px; }
    .comment-box li .media {
      display: block; }
      .comment-box li .media img {
        height: 50px;
        width: 50px;
        padding: 3px;
        margin-bottom: 10px; }
  .ace-editor {
    height: 320px; }
  .gallery > a {
    margin-bottom: 15px;
    text-align: center; }
  .card .card-header h5 {
    font-size: 17px; }
  .theme-form .form-group {
    margin-bottom: 15px; }
  .page-wrapper .page-body-wrapper .default-according .card .card-header,
  .page-wrapper .page-body-wrapper .default-according .card .card-body,
  .page-wrapper .page-body-wrapper .default-according .card .card-footer {
    padding: 0.75rem 1.25rem; }
  .page-wrapper .page-body-wrapper .card {
    margin-bottom: 20px; }
    .page-wrapper .page-body-wrapper .card .card-header .tab-content .m-t-30,
    .page-wrapper .page-body-wrapper .card .card-body .tab-content .m-t-30,
    .page-wrapper .page-body-wrapper .card .card-footer .tab-content .m-t-30 {
      margin-top: 20px !important; }
    .page-wrapper .page-body-wrapper .card .card-header .tab-content .m-b-30,
    .page-wrapper .page-body-wrapper .card .card-body .tab-content .m-b-30,
    .page-wrapper .page-body-wrapper .card .card-footer .tab-content .m-b-30 {
      margin-bottom: 20px !important; }
  .page-wrapper .page-body-wrapper .page-body {
    padding: 0 !important; }
  .page-wrapper .page-body-wrapper .page-title {
    padding-top: 15px;
    padding-bottom: 15px; }
    .page-wrapper .page-body-wrapper .page-title .row h3 {
      font-size: 20px; }
  /* alert responsive css start here */
  .alert-primary.inverse {
    background-color: transparent; }
  .alert-secondary.inverse {
    background-color: transparent; }
  .alert-success.inverse {
    background-color: transparent; }
  .alert-danger.inverse {
    background-color: transparent; }
  .alert-warning.inverse {
    background-color: transparent; }
  .alert-info.inverse {
    background-color: transparent; }
  .alert-light.inverse {
    background-color: transparent; }
  .alert-dark.inverse {
    background-color: transparent; }
  .alert .close {
    height: 100%; }
  .user-profile hr {
    margin: 15px 0; }
  .user-profile .hovercard .cardheader {
    height: 300px; }
  .user-profile .hovercard .info {
    padding: 20px; }
    .user-profile .hovercard .info .user-designation {
      border-top: 1px solid #E6E9EB;
      border-bottom: 1px solid #E6E9EB;
      margin-bottom: 15px;
      padding: 15px 0px; }
  .user-profile .hovercard .social-media a {
    margin-right: 0px;
    font-size: 16px; }
  .user-profile .hovercard .follow .follow-num {
    font-size: 20px; }
  .user-profile .profile-img-style .pictures img {
    margin-bottom: 10px; }
  .custom-card .card-footer > div h6 {
    font-size: 14px;
    font-weight: 600; }
  .custom-card .card-footer > div h3 {
    font-size: 24px; }
  .calendar-wrap .fc-toolbar .fc-center {
    margin-top: 10px; }
  .calendar-wrap a.fc-more {
    font-size: .70em; }
  .mega-inline {
    display: block; }
  .megaoptions-border-space-sm {
    padding-bottom: 30px !important; }
  .blog-box.blog-shadow .blog-details {
    padding: 15px; }
    .blog-box.blog-shadow .blog-details p {
      margin-bottom: 0; }
    .blog-box.blog-shadow .blog-details h4 {
      margin-bottom: 10px; }
  .blog-box.blog-list .blog-details {
    padding-top: 0; }
  .blog-box .blog-details {
    padding: 20px; }
  .blog-box .blog-date span {
    font-size: 25px; }
  .blog-single .blog-box .blog-details {
    padding: 0; }
  .error-wrapper {
    padding: 20px 0; }
    .error-wrapper .btn {
      margin-top: 15px; }
    .error-wrapper .img-100 {
      width: 50px !important; }
    .error-wrapper .error-heading {
      margin-top: 20px; }
      .error-wrapper .error-heading .cloud-second {
        margin-top: -60px; }
      .error-wrapper .error-heading .headline {
        font-size: 150px; }
    .error-wrapper .maintenance-heading .cloud-second {
      display: none; }
    .error-wrapper .maintenance-heading .headline {
      font-size: 25px;
      margin-top: -10%;
      letter-spacing: 2px; }
  .comingsoon .comingsoon-inner .coming-soon-bottom-link {
    margin-top: 20px;
    line-height: 1; }
  .comingsoon .comingsoon-inner h5 {
    margin-bottom: 20px;
    margin-top: 20px; }
  .comingsoon .comingsoon-inner .countdown {
    padding: 20px 0px; }
    .comingsoon .comingsoon-inner .countdown ul li {
      margin: 0 7px; }
    .comingsoon .comingsoon-inner .countdown .title {
      font-size: 12px; }
    .comingsoon .comingsoon-inner .countdown .time {
      width: 45px;
      height: 45px;
      line-height: 45px;
      font-size: 16px;
      margin: 0 auto; }
  .stepwizard {
    margin-bottom: 15px; }
  .f1 .f1-steps {
    margin-top: 15px;
    margin-bottom: 15px; }
  .wizard-4 ul.anchor {
    width: 100%;
    padding-bottom: 15px; }
  .wizard-4 .step-container {
    width: 100%; }
  .status-widget .text-sm-right {
    text-align: right; }
  .mega-menu {
    padding-left: 15px; }
    .mega-menu .onhover-show-div {
      height: 405px;
      left: 0;
      top: 61px;
      padding: 15px; }
    .mega-menu .lg-mt {
      margin-top: 10px; }
    .mega-menu .xs-mt {
      margin-top: 15px; }
  .nav-md-mt {
    margin-top: 15px; }
  .navs-icon {
    padding: 15px; }
    .navs-icon .main-section {
      padding-top: 15px; }
    .navs-icon .separator {
      margin: 15px 0; }
  .nav-list {
    padding: 15px; }
  .navs-dropdown button {
    margin-top: 15px; }
  .navs-dropdown .onhover-show-div {
    top: 64px; }
  .lg-mt {
    margin-top: 15px; }
  #aniimated-thumbnials a:last-child img {
    margin-bottom: 15px; }
  .tilt-showcase .mt-4 {
    margin-top: 15px !important; }
  .tilt-showcase ol .m-b-20 {
    margin-bottom: 15px !important; }
  .xs-mt {
    margin-top: 15px; }
  span.tag-pills-sm-mb:last-child {
    margin-top: 3px; }
  .animated-modal .form-group .form-control {
    width: 50%;
    margin: 0 auto; }
  .animated-modal .animated-modal-md-mb {
    margin-bottom: 15px !important; }
  .steps-md-mt {
    margin-top: 15px; }
  .steps-sizing-sm-mb {
    margin-bottom: 15px; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group {
    width: 96% !important; }
  #API-chield-row_wrapper #API-chield-row tbody tr td:first-child {
    min-width: 20px; }
  .chart-block .flot-chart-container p#choices {
    width: 100%; }
  .chart-block .flot-chart-container #toggling-series-flot {
    width: 100% !important; }
  .click2edit ~ .note-editor.note-frame {
    margin-bottom: 15px; }
  .ecommerce-widget .progress-showcase {
    margin-top: 15px; }
  .reset-password-box .theme-form .form-group .btn {
    margin-top: 13px !important; }
  .gallery-with-description a > div {
    margin-bottom: 15px; }
  .gallery-img-mb-sm {
    margin-bottom: 15px; }
  .xm-mb-peity {
    margin-bottom: 8px; }
  .authentication-main {
    padding: 30px 15px; }
  .translate_wrapper.active .more_lang:before, .translate_wrapper.active .more_lang:after {
    display: none; }
  .translate_wrapper.active .more_lang.active {
    position: fixed;
    width: calc(100vw - 30px);
    left: 15px;
    top: 60px; }
  .onhover-dropdown:hover .onhover-show-div {
    opacity: 0;
    transform: none;
    visibility: hidden; }
    .onhover-dropdown:hover .onhover-show-div.active {
      opacity: 1;
      transform: translateY(0px);
      visibility: visible;
      border-radius: 5px;
      overflow: hidden; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
    width: calc(100vw - 30px);
    position: fixed;
    top: 60px;
    right: 1px; }
  .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
    width: calc(100vw - 30px);
    position: fixed;
    top: 60px;
    left: 15px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown {
    left: 15px; }
  .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
    top: 70px; }
  .wizard-4 .action-bar .btn {
    margin: 0 2px; }
  .dropdown-basic .btn-group {
    margin-right: unset; } }

@media only screen and (max-width: 480px) {
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
    width: 300px; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div.notification-dropdown {
      width: auto; }
  .page-wrapper.only-body .page-header .header-wrapper .nav-right {
    display: none; }
  .chat-menu {
    top: 120px; }
  .product-wrapper-grid.list-view .product-box {
    display: block; }
    .product-wrapper-grid.list-view .product-box .product-img {
      width: 100%; }
  .pagination-lg .page-link {
    font-size: 1.0rem; }
  h6 {
    font-size: 14px; }
  .prooduct-details-box .media-body {
    margin-left: 0rem !important; }
  .knob-block .chart-clock-main {
    margin: auto;
    width: auto; }
    .knob-block .chart-clock-main .clock-medium {
      position: absolute;
      left: 33px;
      top: 33px; }
      .knob-block .chart-clock-main .clock-medium canvas {
        width: 180px !important;
        height: 180px !important; }
    .knob-block .chart-clock-main .clock-small {
      left: 34px;
      top: 74px; }
    .knob-block .chart-clock-main .clock-large {
      left: 0;
      top: 0;
      margin: 0 auto; }
      .knob-block .chart-clock-main .clock-large canvas {
        width: 245px !important;
        height: 245px !important; }
  .knob-block > div:not(.chart-clock-main) canvas {
    width: 245px !important;
    height: 245px !important; }
  .wizard-4 .action-bar .btn {
    width: 100%; }
    .wizard-4 .action-bar .btn + .btn {
      margin-top: 10px; }
  ul.notification-dropdown.onhover-show-div {
    width: 260px;
    right: -80px; }
    ul.notification-dropdown.onhover-show-div:before, ul.notification-dropdown.onhover-show-div:after {
      right: 89px !important; }
  .inline-block-sm {
    display: inline-block; }
  .pagination-lg .page-link {
    padding: 0.3rem 0.65rem; }
  .nav-pills li {
    width: 100%; }
  .reset-password-box {
    width: 290px; }
  .icon-hover-bottom .icon-first {
    margin-right: 10px; }
  .icon-hover-bottom .icon-popup .icon-class {
    display: none; }
  .error-wrapper .maintenance-heading {
    margin-top: 0; }
  .custom-card {
    padding: 0; }
    .custom-card .card-footer > div h3 {
      font-size: 20px; }
    .custom-card .card-social li {
      padding: 5px 0; }
    .custom-card .profile-details h6 {
      margin-bottom: 15px; }
    .custom-card .profile-details h4 {
      font-size: 20px; }
    .custom-card .card-profile img {
      height: 93px; }
  .card .card-header .card-header-right i {
    margin: 0 3px;
    font-size: 14px; }
  .card .card-header > span + span {
    display: none; }
  .timeline-small .media .timeline-round.timeline-line-1:after {
    bottom: -50px; }
  .timeline-small .media .timeline-round.medium-line:after {
    bottom: -40px; }
  .dropdown-basic {
    text-align: center; }
  .dropup-basic {
    text-align: center; }
  .blog-box.blog-shadow .blog-details {
    padding: 10px; }
    .blog-box.blog-shadow .blog-details h4 {
      font-size: 14px; }
  .mega-menu {
    padding-left: 20px;
    padding-top: 3px; }
    .mega-menu .onhover-show-div {
      height: 405px;
      left: 0;
      top: 61px;
      padding: 15px; }
  .badge {
    padding: 0.42em 0.7em; }
  .alert-dismissible .close {
    top: -1px; }
    .alert-dismissible .close span {
      font-size: 19px; }
  .notify-alert {
    width: 90%; } }

@media only screen and (max-width: 420px) {
  .product-sidebar.open {
    top: -75px; }
  .alert-theme {
    font-size: 12px;
    min-width: 300px; }
    .alert-theme button {
      right: 30px !important; }
    .alert-theme i {
      display: none; }
    .alert-theme span + span + span {
      padding: 15px; }
  footer .footer-copyright {
    padding: 0px !important; }
  .and-many-more {
    font-size: 37px; }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
    width: 112px; }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 112px;
    width: 190px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div {
    width: 80px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 80px;
    width: 210px; }
  .login-card .login-main .theme-form .link {
    position: unset; } }

@media only screen and (max-width: 360px) {
  .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group {
    width: 45%; }
  .prooduct-details-box .close {
    right: 0;
    top: 5px; }
  .prooduct-details-box .btn {
    padding: 4px 8px; }
  .prooduct-details-box .media {
    padding: 15px;
    display: block; }
    .prooduct-details-box .media .media-body {
      margin-top: 15px; }
  .datepicker--nav-action {
    width: 20px;
    margin-left: -10px;
    background-color: transparent; }
    .datepicker--nav-action path {
      stroke: var(--theme-deafult); }
  .clockpicker-align-top {
    top: 426px !important; }
  .note {
    min-width: 250px; }
  .datepicker {
    width: 239px; }
  .add-post form .m-checkbox-inline label {
    margin-bottom: 8px; }
    .add-post form .m-checkbox-inline label:last-child {
      margin-bottom: 0; }
  .map-js-height {
    height: 250px; }
  .bar-chart-widget .earning-details i {
    right: -73px; }
  .status-widget svg {
    width: 18px;
    height: 18px; }
  .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link {
    padding: 10px 5px;
    font-size: 14px; }
  .user-profile .hovercard .user-image .share-icons {
    right: 6px;
    top: -15px; }
    .user-profile .hovercard .user-image .share-icons li .social-icon {
      width: 25px;
      height: 25px; }
      .user-profile .hovercard .user-image .share-icons li .social-icon i {
        font-size: 14px; }
  .social-chat .other-msg {
    margin-left: 15px; }
  .social-header h5 span.pull-right {
    display: none; }
  .timeline-small .media .timeline-round.timeline-line-1:after {
    bottom: -74px;
    height: 56px; }
  .timeline-small .media .timeline-round.small-line:after {
    bottom: -32px;
    height: 14px; }
  .timeline-small .media .timeline-round.medium-line:after {
    bottom: -59px;
    height: 40px; }
  .timeline-small .media .media-body p {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4; }
  .custom-card .dashboard-card {
    padding-top: 0; }
  .custom-card .card-profile img {
    bottom: 25px; }
  .custom-card .card-footer > div h6 {
    font-size: 12px; }
  .flot-chart-container {
    height: 230px; }
  .map-block {
    height: 250px; }
  .img-cropper .docs-tooltip {
    font-size: 11px; }
  .img-cropper .docs-toggles .btn-group .btn {
    padding: 0.375rem 0.2rem; }
  .blog-box .blog-details p {
    line-height: 1.5; }
  .blog-box .blog-details .blog-social li:last-child {
    padding-left: 0; }
  .blog-box .blog-details-main .blog-social li {
    padding: 0 10px; }
  .button-builder-wrap .btn-lg {
    font-size: 18px; }
  .tabs-responsive-side {
    max-width: 100%; }
  .browser-widget .media i {
    font-size: 52px; }
  .browser-widget .media .media-body h4 {
    font-size: 20px; }
  .bar-chart-widget .bottom-content .num {
    font-size: 17px; }
  .search-page .theme-form .input-group .form-control-plaintext {
    padding-left: 10px; }
  .search-page .theme-form .input-group .btn {
    padding: 6px 4px; }
  .search-page .info-block {
    padding: 20px; }
  .wizard-4 ul.anchor {
    padding-top: 15px; }
  .wizard-4 .msg-box {
    top: 40px !important; }
  .xs-width-100 {
    min-width: 100%; }
  .form-builder #components .component .form-group #button1id {
    margin-bottom: 15px; }
  .default-according .card .card-header i {
    font-size: 14px;
    top: 24px; }
  .default-according .card .btn-link {
    display: block;
    width: 100%;
    padding-left: 17px; }
  .star-ratings .stars .title {
    line-height: 1; }
  .user-profile .hovercard .social-media a {
    padding: 0 6px; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group {
    width: 93% !important; }
  .step-container {
    height: 280px !important; }
  .sort-panel .d-inline .btn {
    margin-left: 87px; }
  .jsgrid .jsgrid-pager-container .jsgrid-pager .jsgrid-pager-page {
    padding: 0.5em 0.62em; }
  .error-wrapper .error-heading .headline {
    font-size: 100px; }
  .lg-toolbar .lg-icon {
    width: 40px; }
  .calendar-wrap a.fc-more {
    font-size: .59em; }
  .calendar-wrap .fc th {
    font-size: 10px; }
  .modal-footer {
    display: block;
    text-align: center; }
  .order-box .qty li {
    font-size: 14px; }
    .order-box .qty li span {
      font-size: 14px; }
  .order-box ul li span {
    text-align: right; }
  .order-box ul li label {
    text-align: right;
    font-size: 14px; }
  .order-box .sub-total li .count {
    font-size: 14px; }
  .checkout .text-end {
    text-align: left !important;
    margin-top: 15px; } }

@media only screen and (min-width: 576px) {
  .product-wrapper-grid.list-view .col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%; }
  .sidebar-wrapper .back-btn {
    display: none; } }

@media (width: 768px) and (height: 1024px) {
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
    height: calc(100vh - 210px); } }

/**=====================
     62. Responsive CSS Ends
==========================**/
@charset "UTF-8";
/*! -----------------------------------------------------------------------------------

    Template Name: Riho Admin
    Template URI: https://admin.pixelstrap.net/riho/template/
    Description: This is Admin theme
    Author: Pixelstrap
    Author URI: https://themeforest.net/user/pixelstrap

-----------------------------------------------------------------------------------

    1.Base css
        1.1 Reset CSS
        1.2 Typography CSS
    
    2.Components css
        2.1 According CSS
        2.2 Alert CSS
        2.3 Avatars CSS
        2.4 Badge CSS
        2.5 Bookmark CSS
        2.6 Breadcrumb CSS
        2.7 Basic-card CSS
        2.8 Builders CSS
        2.9 Buttons CSS
        2.10 Card CSS
        2.11 Color CSS
        2.12 Datatable CSS
        2.13 Datapicker CSS
        2.14 Dropdown CSS
        2.15 Form-builder CSS
        2.16 Form-input CSS
        2.17 Form-wizard CSS
        2.18 Forms CSS
        2.19 Icons CSS
        2.20 List CSS
        2.21 Loader CSS 
        2.22 Modal CSS
        2.23 Popover CSS
        2.24 Print CSS
        2.25 Radio CSS
        2.26 Ribbon CSS
        2.27 Range-slider CSS
        2.28 Switch CSS
        2.29 Tab CSS
        2.30 Table CSS
        2.31 Toasts CSS
        2.32 Touchspin CSS
        2.33 Tour CSS
        2.34 Tree CSS
        2.35 Typeahead-search CSS
        2.36 Scrollbar CSS

    3. Pages
        3.1 Blog CSS
        3.2 Bookmark-app CSS
        3.3 Cart CSS
        3.4 Chart CSS
        3.5 Chat CSS
        3.6 Checkout CSS
        3.7 Comingsoon CSS
        3.8 Contacts CSS
        3.9 Dashboard_2 CSS
        3.10 Dashboard_3 CSS 
        3.11 Dashboard_4 CSS
        3.12 Dashboard_5 CSS
        3.13 Dashboard_default CSS
        3.14 Ecommerce CSS
        3.15 Email-application CSS
        3.16 Errorpage CSS
        3.17 Faq CSS
        3.18 File CSS
        3.19 Gallery CSS
        3.20 Helper CSS
        3.21 Internationalization CSS
        3.22 Job-search CSS
        3.23 Jsgrid CSS
        3.24 Kanban CSS
        3.25 Knowledgebase CSS
        3.26 Landing CSS
        3.27 Language CSS
        3.28 Learning CSS
        3.29 Login CSS
        3.30 Megaoption CSS
        3.31 Order-history CSS
        3.32 Page CSS
        3.33 Pricing CSS
        3.34 Progress CSS
        3.35 Projectlist CSS
        3.36 Rating CSS
        3.37 Social-app CSS
        3.38 Sweet-alert CSS
        3.39 Task CSS
        3.40 Timeline-v CSS
        3.41 User-profile CSS
        3.42 Wishlist CSS
        3.43 Dashboard_6.CSS
        3.44 Dashboard_7 CSS
        3.45 Dashboard_8.CSS

    4. Themes
        4.1. Dark CSS
        4.2 Theme-customizer CSS
        4.3 Update CSS

    5. Layout
        5.1 Footer CSS
        5.2 Grid CSS
        5.3 Header CSS
        5.4 Navs CSS
        5.5 Search CSS
        5.6 Select2 CSS
        5.7 Sidebar CSS
        5.8 Rtl CSS
        5.9 Box-layout CSS 

 */
:root {
  --theme-deafult: #06AE5A;
  --theme-secondary: #FFC000;
  --light-background: rgba(242, 243, 247, 0.7);
  --body-font-color: #86909C;
  --chart-border: #E6E9EB;
  --recent-chart-bg: #FCFCFD;
  --light-bg: #EEF1F6;
  --white: #fff;
  --light2: #F5F6F9;
  --sidebar-border: rgba(0, 0, 0, 0.1);
  --chart-text-color: rgba(82, 82, 108, 0.8);
  --recent-dashed-border: rgba(82, 82, 108, 0.3);
  --chart-dashed-border: rgba(82, 82, 108, 0.2);
  --chart-progress-light: rgba(82, 82, 108, 0.1);
  --recent-box-bg: #F2F4F7;
  --recent-border: rgba(97, 101, 122, 0.25);
  --course-light-btn: #F2F3F7;
  --course-bg: #F7F7F7;
  --balance-profie-bg: #E0DFEF;
  --view-grid-bg: #ECF3FA80;
  --view-border-marker: #cfcdfc;
  --light-slate: #F5F6F9;
  --text-gray: rgba(82, 82, 108, 0.8);
  --product-shadow: 0px 1px 0px rgba(82, 82, 108, 0.15);
  --bs-heading-color: #051A1A;
  --bs-card-color: #051A1A;
  --fc-button-bg-color: var(--theme-deafult);
  --fc-button-active-bg-color: var(--theme-deafult);
  --fc-button-active-border-color: var(--theme-deafult);
  --fc-button-border-color: var(--theme-deafult);
  --fc-button-hover-bg-color: var(--theme-deafult);
  --fc-button-hover-border-color: var(--theme-deafult);
  --normal: #ECEAF3;
  --normal-shadow: #D9D8E3;
  --normal-mouth: #9795A4;
  --normal-eye: #595861;
  --active: #F8DA69;
  --active-shadow: #F4B555;
  --active-mouth: #F05136;
  --active-eye: #313036;
  --active-tear: #76b5e7;
  --active-shadow-angry: #e94f1d;
  /* Do not show the "remove tag" (x) button when only a single tag remains */ }
  :root .customLook {
    --tag-bg: var(--theme-deafult);
    --tag-hover: var(--theme-secondary);
    --tag-text-color: var(--white);
    --tags-border-color: silver;
    --tag-border-radius: 25px;
    --tag-text-color--edit: #111;
    --tag-remove-bg: var(--tag-hover);
    --tag-pad: .6em 1em;
    --tag-inset-shadow-size: 1.35em;
    --tag-remove-btn-bg--hover: #000;
    --tagify-dd-color-primary: var(var(--theme-deafult));
    --tagify-dd-bg-color: var(--course-light-btn); }

.table {
  --bs-body-bg: auto; }

body[class='dark-only'] {
  --light-background: #1A1C23;
  --recent-chart-bg: #262932;
  --light-bg: #1d1e26;
  --chart-text-color: #86909C;
  --white: #262932;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --light2: #1d1e26;
  --chart-border: #1A1C23;
  --recent-box-bg: #1d1e26;
  --recent-border: #374558;
  --body-font-color: rgba(255, 255, 255);
  --course-light-btn: var(--light-bg);
  --view-grid-bg: var(--light-bg);
  --view-border-marker: #2c2c45d4;
  --light-slate: #1c1d26;
  --text-gray: rgba(153, 153, 169, 0.8);
  --product-shadow: 0px 1px 0px rgb(55 70 87);
  --bs-heading-color: rgb(255, 255, 255);
  --bs-card-color: rgba(255, 255, 255, 0.7); }

body[class="rtl dark-only"] {
  --light-background: #1A1C23;
  --recent-chart-bg: #262932;
  --light-bg: #1d1e26;
  --chart-text-color: #86909C;
  --white: #262932;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --light2: #1d1e26;
  --chart-border: #1A1C23;
  --recent-box-bg: #1d1e26;
  --recent-border: #374558;
  --body-font-color: rgba(255, 255, 255);
  --course-light-btn: var(--light-bg);
  --view-grid-bg: var(--light-bg);
  --view-border-marker: #2c2c45d4;
  --light-slate: #1c1d26;
  --text-gray: rgba(153, 153, 169, 0.8);
  --product-shadow: 0px 1px 0px rgb(55 70 87);
  --bs-heading-color: rgb(255, 255, 255);
  --bs-card-color: rgba(255, 255, 255, 0.7); }

body[class="dark-only modal-open"] {
  --light-shade-primary: rgba(48, 126, 243, 0.2);
  --light-slate: #1c1d26; }

body[class="rtl dark-only modal-open"] {
  --light-shade-primary: rgba(48, 126, 243, 0.2);
  --light-slate: #1c1d26; }

body.dark-only.box-layout {
  --light-background: #1A1C23;
  --recent-chart-bg: #262932;
  --light-bg: #1d1e26;
  --white: #262932;
  --chart-text-color: #86909C;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --light2: #1d1e26;
  --chart-border: #1A1C23;
  --recent-box-bg: #1d1e26;
  --recent-border: #374558;
  --body-font-color: rgba(255, 255, 255);
  --course-light-btn: var(--light-bg);
  --view-grid-bg: var(--light-bg);
  --view-border-marker: #2c2c45d4;
  --bs-heading-color: rgb(255, 255, 255);
  --bs-card-color: rgba(255, 255, 255 , 0.7); }

/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C; }

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8; }

.light-card {
  background-color: var(--light-background); }

.light-background {
  background-color: var(--light-bg); }

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  transform: rotate(-45deg);
  display: inline-block; }

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-l-50 {
  margin-left: 50px !important; }

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important; }

.b-r-1 {
  border-radius: 1px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-r-11 {
  border-radius: 11px !important; }

.b-r-12 {
  border-radius: 12px !important; }

.b-r-13 {
  border-radius: 13px !important; }

.b-r-14 {
  border-radius: 14px !important; }

.b-r-15 {
  border-radius: 15px !important; }

.b-r-16 {
  border-radius: 16px !important; }

.b-r-17 {
  border-radius: 17px !important; }

.b-r-18 {
  border-radius: 18px !important; }

.b-r-19 {
  border-radius: 19px !important; }

.b-r-20 {
  border-radius: 20px !important; }

.b-r-21 {
  border-radius: 21px !important; }

.b-r-22 {
  border-radius: 22px !important; }

.b-r-23 {
  border-radius: 23px !important; }

.b-r-24 {
  border-radius: 24px !important; }

.b-r-25 {
  border-radius: 25px !important; }

.b-r-26 {
  border-radius: 26px !important; }

.b-r-27 {
  border-radius: 27px !important; }

.b-r-28 {
  border-radius: 28px !important; }

.b-r-29 {
  border-radius: 29px !important; }

.b-r-30 {
  border-radius: 30px !important; }

.b-r-31 {
  border-radius: 31px !important; }

.b-r-32 {
  border-radius: 32px !important; }

.b-r-33 {
  border-radius: 33px !important; }

.b-r-34 {
  border-radius: 34px !important; }

.b-r-35 {
  border-radius: 35px !important; }

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.f-34 {
  font-size: 34px !important; }

.f-36 {
  font-size: 36px !important; }

.f-38 {
  font-size: 38px !important; }

.f-40 {
  font-size: 40px !important; }

.f-42 {
  font-size: 42px !important; }

.f-44 {
  font-size: 44px !important; }

.f-46 {
  font-size: 46px !important; }

.f-48 {
  font-size: 48px !important; }

.f-50 {
  font-size: 50px !important; }

.f-52 {
  font-size: 52px !important; }

.f-54 {
  font-size: 54px !important; }

.f-56 {
  font-size: 56px !important; }

.f-58 {
  font-size: 58px !important; }

.f-60 {
  font-size: 60px !important; }

.f-62 {
  font-size: 62px !important; }

.f-64 {
  font-size: 64px !important; }

.f-66 {
  font-size: 66px !important; }

.f-68 {
  font-size: 68px !important; }

.f-70 {
  font-size: 70px !important; }

.f-72 {
  font-size: 72px !important; }

.f-74 {
  font-size: 74px !important; }

.f-76 {
  font-size: 76px !important; }

.f-78 {
  font-size: 78px !important; }

.f-80 {
  font-size: 80px !important; }

.f-82 {
  font-size: 82px !important; }

.f-84 {
  font-size: 84px !important; }

.f-86 {
  font-size: 86px !important; }

.f-88 {
  font-size: 88px !important; }

.f-90 {
  font-size: 90px !important; }

.f-92 {
  font-size: 92px !important; }

.f-94 {
  font-size: 94px !important; }

.f-96 {
  font-size: 96px !important; }

.f-98 {
  font-size: 98px !important; }

.f-100 {
  font-size: 100px !important; }

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100; }

.f-w-300 {
  font-weight: 300; }

.f-w-500 {
  font-weight: 500; }

.f-w-400 {
  font-weight: 400; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-900 {
  font-weight: 900; }

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal; }

.f-s-italic {
  font-style: italic; }

.f-s-oblique {
  font-style: oblique; }

.f-s-initial {
  font-style: initial; }

.f-s-inherit {
  font-style: inherit; }

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-dashed {
  text-decoration: dashed; }

.text-blink {
  text-decoration: blink; }

.text-dotted {
  text-decoration: dotted; }

.text-initial {
  text-decoration: initial; }

.text-none {
  text-decoration: none; }

.text-solid {
  text-decoration: solid; }

.text-wavy {
  text-decoration: wavy; }

.text-inherit {
  text-decoration: inherit; }

.text-double {
  text-decoration: double; }

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline; }

.sub {
  vertical-align: sub; }

.super {
  vertical-align: super; }

.top {
  vertical-align: top; }

.text-top {
  vertical-align: text-top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.text-bottom {
  vertical-align: text-bottom; }

.initial {
  vertical-align: initial; }

.inherit {
  vertical-align: inherit; }

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-relative {
  position: relative; }

.p-initial {
  position: initial; }

.p-inherit {
  position: inherit; }

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden; }

.o-visible {
  overflow: visible; }

.o-auto {
  overflow: auto; }

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important; }

.img-h-10 {
  height: 10px !important; }

.img-20 {
  width: 20px !important; }

.img-h-20 {
  height: 20px !important; }

.img-30 {
  width: 30px !important; }

.img-h-30 {
  height: 30px !important; }

.img-40 {
  width: 40px !important; }

.img-h-40 {
  height: 40px !important; }

.img-50 {
  width: 50px !important; }

.img-h-50 {
  height: 50px !important; }

.img-60 {
  width: 60px !important; }

.img-h-60 {
  height: 60px !important; }

.img-70 {
  width: 70px !important; }

.img-h-70 {
  height: 70px !important; }

.img-80 {
  width: 80px !important; }

.img-h-80 {
  height: 80px !important; }

.img-90 {
  width: 90px !important; }

.img-h-90 {
  height: 90px !important; }

.img-100 {
  width: 100px !important; }

.img-h-100 {
  height: 100px !important; }

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important; }

.font-secondary {
  color: #FE6A49 !important; }

.font-success {
  color: #00AC46 !important; }

.font-danger {
  color: #FE6A49 !important; }

.font-info {
  color: #173878 !important; }

.font-light {
  color: #E6E9EB !important; }

.font-dark {
  color: #2c323f !important; }

.font-warning {
  color: #FFAE1A !important; }

.font-primary {
  color: var(--theme-deafult) !important; }

.font-secondary {
  color: var(--theme-secondary) !important; }

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize; }

.label-theme {
  background-color: #006666; }

.label-primary {
  background-color: #006666; }

.label-secondary {
  background-color: #FE6A49; }

.label-success {
  background-color: #00AC46; }

.label-danger {
  background-color: #FE6A49; }

.label-info {
  background-color: #173878; }

.label-light {
  background-color: #E6E9EB; }

.label-dark {
  background-color: #2c323f; }

.label-warning {
  background-color: #FFAE1A; }

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666; }

.badge-secondary {
  background-color: #FE6A49; }

.badge-success {
  background-color: #00AC46; }

.badge-danger {
  background-color: #FE6A49; }

.badge-info {
  background-color: #173878; }

.badge-light {
  background-color: #E6E9EB; }

.badge-dark {
  background-color: #2c323f; }

.badge-warning {
  background-color: #FFAE1A; }

.badge-primary {
  background-color: var(--theme-deafult) !important; }

.badge-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff; }

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff; }

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important; }

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-success {
  background-color: #00AC46 !important;
  color: #fff; }

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff; }

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important; }

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-info {
  background-color: #173878 !important;
  color: #fff; }

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff; }

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important; }

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff; }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff; }

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important; }

.bg-dark {
  background-color: #2c323f !important;
  color: #fff; }

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff; }

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important; }

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff; }

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff; }

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important; }

.bg-primary {
  background-color: var(--theme-deafult) !important; }

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6); }

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important; }

.txt-secondary {
  color: #FE6A49 !important; }

.txt-success {
  color: #00AC46 !important; }

.txt-danger {
  color: #FE6A49 !important; }

.txt-info {
  color: #173878 !important; }

.txt-light {
  color: #E6E9EB !important; }

.txt-dark {
  color: #2c323f !important; }

.txt-warning {
  color: #FFAE1A !important; }

.txt-google-plus {
  color: #c64e40 !important; }

.txt-twitter {
  color: #6fa2d8 !important; }

.txt-linkedin {
  color: #0077B5 !important; }

.txt-fb {
  color: #50598e !important; }

.txt-primary {
  color: var(--theme-deafult) !important; }

.txt-secondary {
  color: var(--theme-secondary) !important; }

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@keyframes push {
  50% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #006666 !important;
    border-color: #006666 !important; }
  .btn-primary:focus {
    box-shadow: unset !important; }

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-secondary:focus {
    box-shadow: unset !important; }

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }
  .btn-success:focus {
    box-shadow: unset !important; }

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-danger:focus {
    box-shadow: unset !important; }

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #173878 !important;
    border-color: #173878 !important; }
  .btn-info:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }
  .btn-light:focus {
    box-shadow: unset !important; }

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #2c323f !important;
    border-color: #2c323f !important; }
  .btn-dark:focus {
    box-shadow: unset !important; }

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }
  .btn-warning:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important; }
  .btn-light:hover {
    background-color: rgba(0, 102, 102, 0.1) !important;
    border-color: rgba(0, 102, 102, 0.1) !important; }

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important; }

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important; }

.btn-hover-effect:hover {
  animation: push 0.5s linear 1; }

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent; }
  .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-check {
  color: #006666 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #006666 !important; }
    .btn-check:checked + .btn-outline-primary {
      color: white !important;
      background-color: #006666 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-primary {
    border-color: #006666 !important;
    color: #006666 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-primary.disabled {
      color: #006666; }
    .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
      color: white !important;
      background-color: #006666 !important;
      border-color: #006666 !important;
      box-shadow: none !important; }

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary.disabled {
    color: #006666;
    border-color: #006666; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-secondary {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-secondary {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-secondary.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #00AC46 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #00AC46 !important; }
    .btn-check:checked + .btn-outline-success {
      color: white !important;
      background-color: #00AC46 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-success.disabled {
      color: #00AC46; }
    .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
      color: white !important;
      background-color: #00AC46 !important;
      border-color: #00AC46 !important;
      box-shadow: none !important; }

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success.disabled {
    color: #00AC46;
    border-color: #00AC46; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-danger {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-danger.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #173878 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #173878 !important; }
    .btn-check:checked + .btn-outline-info {
      color: white !important;
      background-color: #173878 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-info {
    border-color: #173878 !important;
    color: #173878 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-info.disabled {
      color: #173878; }
    .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
      color: white !important;
      background-color: #173878 !important;
      border-color: #173878 !important;
      box-shadow: none !important; }

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info.disabled {
    color: #173878;
    border-color: #173878; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: #fff !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #E6E9EB !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #E6E9EB !important; }
    .btn-check:checked + .btn-outline-light {
      color: white !important;
      background-color: #E6E9EB !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-light {
    border-color: #E6E9EB !important;
    color: #E6E9EB !important;
    background-color: transparent;
    color: #051A1A; }
    .btn-check + .btn-outline-light.disabled {
      color: #E6E9EB; }
    .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
      color: white !important;
      background-color: #E6E9EB !important;
      border-color: #E6E9EB !important;
      box-shadow: none !important; }

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A; }
  .btn-outline-light.disabled {
    color: #E6E9EB;
    border-color: #E6E9EB; }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: #fff !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: unset !important; }

.btn-check {
  color: #2c323f !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #2c323f !important; }
    .btn-check:checked + .btn-outline-dark {
      color: white !important;
      background-color: #2c323f !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-dark {
    border-color: #2c323f !important;
    color: #2c323f !important;
    background-color: transparent; }
    .btn-check + .btn-outline-dark.disabled {
      color: #2c323f; }
    .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
      color: white !important;
      background-color: #2c323f !important;
      border-color: #2c323f !important;
      box-shadow: none !important; }

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark.disabled {
    color: #2c323f;
    border-color: #2c323f; }
  .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FFAE1A !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FFAE1A !important; }
    .btn-check:checked + .btn-outline-warning {
      color: white !important;
      background-color: #FFAE1A !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important;
    background-color: transparent; }
    .btn-check + .btn-outline-warning.disabled {
      color: #FFAE1A; }
    .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
      color: white !important;
      background-color: #FFAE1A !important;
      border-color: #FFAE1A !important;
      box-shadow: none !important; }

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning.disabled {
    color: #FFAE1A;
    border-color: #FFAE1A; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: unset !important; }

.btn-primary.active:not([disabled]):not(.disabled) {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  box-shadow: none !important; }
  .btn-primary.active:not([disabled]):not(.disabled):hover, .btn-primary.active:not([disabled]):not(.disabled):focus, .btn-primary.active:not([disabled]):not(.disabled):active, .btn-primary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #003333;
    border-color: #003333; }

.btn-secondary.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-secondary.active:not([disabled]):not(.disabled):hover, .btn-secondary.active:not([disabled]):not(.disabled):focus, .btn-secondary.active:not([disabled]):not(.disabled):active, .btn-secondary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-success.active:not([disabled]):not(.disabled) {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  box-shadow: none !important; }
  .btn-success.active:not([disabled]):not(.disabled):hover, .btn-success.active:not([disabled]):not(.disabled):focus, .btn-success.active:not([disabled]):not(.disabled):active, .btn-success.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #007931;
    border-color: #007931; }

.btn-danger.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-danger.active:not([disabled]):not(.disabled):hover, .btn-danger.active:not([disabled]):not(.disabled):focus, .btn-danger.active:not([disabled]):not(.disabled):active, .btn-danger.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-info.active:not([disabled]):not(.disabled) {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  box-shadow: none !important; }
  .btn-info.active:not([disabled]):not(.disabled):hover, .btn-info.active:not([disabled]):not(.disabled):focus, .btn-info.active:not([disabled]):not(.disabled):active, .btn-info.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #0f244d;
    border-color: #0f244d; }

.btn-light.active:not([disabled]):not(.disabled) {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  box-shadow: none !important; }
  .btn-light.active:not([disabled]):not(.disabled):hover, .btn-light.active:not([disabled]):not(.disabled):focus, .btn-light.active:not([disabled]):not(.disabled):active, .btn-light.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #cad0d4;
    border-color: #cad0d4; }

.btn-dark.active:not([disabled]):not(.disabled) {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  box-shadow: none !important; }
  .btn-dark.active:not([disabled]):not(.disabled):hover, .btn-dark.active:not([disabled]):not(.disabled):focus, .btn-dark.active:not([disabled]):not(.disabled):active, .btn-dark.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #171a21;
    border-color: #171a21; }

.btn-warning.active:not([disabled]):not(.disabled) {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  box-shadow: none !important; }
  .btn-warning.active:not([disabled]):not(.disabled):hover, .btn-warning.active:not([disabled]):not(.disabled):focus, .btn-warning.active:not([disabled]):not(.disabled):active, .btn-warning.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #e69500;
    border-color: #e69500; }

.btn-outline-primary-2x.active:not([disabled]):not(.disabled) {
  background-color: #006666;
  border-color: #006666;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-primary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-primary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #006666 !important;
    border-color: #006666 !important; }

.btn-outline-secondary-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-secondary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-success-2x.active:not([disabled]):not(.disabled) {
  background-color: #00AC46;
  border-color: #00AC46;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-success-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-success-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-success-2x.active:not([disabled]):not(.disabled):active, .btn-outline-success-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }

.btn-outline-danger-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-danger-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):active, .btn-outline-danger-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-info-2x.active:not([disabled]):not(.disabled) {
  background-color: #173878;
  border-color: #173878;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-info-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-info-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-info-2x.active:not([disabled]):not(.disabled):active, .btn-outline-info-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #173878 !important;
    border-color: #173878 !important; }

.btn-outline-light-2x.active:not([disabled]):not(.disabled) {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-light-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-light-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-light-2x.active:not([disabled]):not(.disabled):active, .btn-outline-light-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }

.btn-outline-dark-2x.active:not([disabled]):not(.disabled) {
  background-color: #2c323f;
  border-color: #2c323f;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-dark-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):active, .btn-outline-dark-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important; }

.btn-outline-warning-2x.active:not([disabled]):not(.disabled) {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-warning-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):active, .btn-outline-warning-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important; }

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important; }

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important; }

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important; }

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important; }

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important; }

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666; }
  .table-styling .table-primary thead,
  .table-styling.table-primary thead {
    background-color: #003333;
    border: 3px solid #003333; }
  .table-styling .table-primary th,
  .table-styling .table-primary td,
  .table-styling.table-primary th,
  .table-styling.table-primary td {
    background-color: transparent; }

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-secondary thead,
  .table-styling.table-secondary thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-secondary th,
  .table-styling .table-secondary td,
  .table-styling.table-secondary th,
  .table-styling.table-secondary td {
    background-color: transparent; }

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46; }
  .table-styling .table-success thead,
  .table-styling.table-success thead {
    background-color: #007931;
    border: 3px solid #007931; }
  .table-styling .table-success th,
  .table-styling .table-success td,
  .table-styling.table-success th,
  .table-styling.table-success td {
    background-color: transparent; }

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-danger thead,
  .table-styling.table-danger thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-danger th,
  .table-styling .table-danger td,
  .table-styling.table-danger th,
  .table-styling.table-danger td {
    background-color: transparent; }

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878; }
  .table-styling .table-info thead,
  .table-styling.table-info thead {
    background-color: #0f244d;
    border: 3px solid #0f244d; }
  .table-styling .table-info th,
  .table-styling .table-info td,
  .table-styling.table-info th,
  .table-styling.table-info td {
    background-color: transparent; }

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB; }
  .table-styling .table-light thead,
  .table-styling.table-light thead {
    background-color: #cad0d4;
    border: 3px solid #cad0d4; }
  .table-styling .table-light th,
  .table-styling .table-light td,
  .table-styling.table-light th,
  .table-styling.table-light td {
    background-color: transparent; }

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f; }
  .table-styling .table-dark thead,
  .table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21; }
  .table-styling .table-dark th,
  .table-styling .table-dark td,
  .table-styling.table-dark th,
  .table-styling.table-dark td {
    background-color: transparent; }

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A; }
  .table-styling .table-warning thead,
  .table-styling.table-warning thead {
    background-color: #e69500;
    border: 3px solid #e69500; }
  .table-styling .table-warning th,
  .table-styling .table-warning td,
  .table-styling.table-warning th,
  .table-styling.table-warning td {
    background-color: transparent; }

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important; }

.stroke-secondary {
  stroke: #FE6A49 !important; }

.stroke-success {
  stroke: #00AC46 !important; }

.stroke-danger {
  stroke: #FE6A49 !important; }

.stroke-info {
  stroke: #173878 !important; }

.stroke-light {
  stroke: #E6E9EB !important; }

.stroke-dark {
  stroke: #2c323f !important; }

.stroke-warning {
  stroke: #FFAE1A !important; }

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878; }

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important; }

.b-t-primary {
  border-top: 1px solid #006666 !important; }

.border-t-primary {
  border-top: 1px solid #006666 !important; }

.b-b-primary {
  border-bottom: 1px solid #006666 !important; }

.border-b-primary {
  border-bottom: 1px solid #006666 !important; }

.b-l-primary {
  border-left: 1px solid #006666 !important; }

.border-l-primary {
  border-left: 1px solid #006666 !important; }

.b-r-primary {
  border-right: 1px solid #006666 !important; }

.border-r-primary {
  border-right: 1px solid #006666 !important; }

.b-secondary {
  border: 1px solid #FE6A49 !important; }

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.b-success {
  border: 1px solid #00AC46 !important; }

.b-t-success {
  border-top: 1px solid #00AC46 !important; }

.border-t-success {
  border-top: 1px solid #00AC46 !important; }

.b-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.border-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.b-l-success {
  border-left: 1px solid #00AC46 !important; }

.border-l-success {
  border-left: 1px solid #00AC46 !important; }

.b-r-success {
  border-right: 1px solid #00AC46 !important; }

.border-r-success {
  border-right: 1px solid #00AC46 !important; }

.b-danger {
  border: 1px solid #FE6A49 !important; }

.b-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.border-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.border-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.b-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.border-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.b-info {
  border: 1px solid #173878 !important; }

.b-t-info {
  border-top: 1px solid #173878 !important; }

.border-t-info {
  border-top: 1px solid #173878 !important; }

.b-b-info {
  border-bottom: 1px solid #173878 !important; }

.border-b-info {
  border-bottom: 1px solid #173878 !important; }

.b-l-info {
  border-left: 1px solid #173878 !important; }

.border-l-info {
  border-left: 1px solid #173878 !important; }

.b-r-info {
  border-right: 1px solid #173878 !important; }

.border-r-info {
  border-right: 1px solid #173878 !important; }

.b-light {
  border: 1px solid #E6E9EB !important; }

.b-t-light {
  border-top: 1px solid #E6E9EB !important; }

.border-t-light {
  border-top: 1px solid #E6E9EB !important; }

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.b-l-light {
  border-left: 1px solid #E6E9EB !important; }

.border-l-light {
  border-left: 1px solid #E6E9EB !important; }

.b-r-light {
  border-right: 1px solid #E6E9EB !important; }

.border-r-light {
  border-right: 1px solid #E6E9EB !important; }

.b-dark {
  border: 1px solid #2c323f !important; }

.b-t-dark {
  border-top: 1px solid #2c323f !important; }

.border-t-dark {
  border-top: 1px solid #2c323f !important; }

.b-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.border-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.b-l-dark {
  border-left: 1px solid #2c323f !important; }

.border-l-dark {
  border-left: 1px solid #2c323f !important; }

.b-r-dark {
  border-right: 1px solid #2c323f !important; }

.border-r-dark {
  border-right: 1px solid #2c323f !important; }

.b-warning {
  border: 1px solid #FFAE1A !important; }

.b-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.border-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.b-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.border-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.b-r-warning {
  border-right: 1px solid #FFAE1A !important; }

.border-r-warning {
  border-right: 1px solid #FFAE1A !important; }

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-6 {
  border-width: 6px !important; }

.border-7 {
  border-width: 7px !important; }

.border-8 {
  border-width: 8px !important; }

.border-9 {
  border-width: 9px !important; }

.border-10 {
  border-width: 10px !important; }

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px; }

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa; }

.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px; }

.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3); }

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f; }
  .line pre {
    font-size: 100%; }

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important; }

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .options > div {
    color: #86909C;
    padding: 2px 10px;
    border: 1px solid; }
    .options > div:hover {
      background-color: #006666;
      color: #fff;
      transition: background-color 0.3s ease; }

/**====== Animation css Ends ======**/
.modal-footer {
  flex-wrap: wrap; }

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0; }

.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0; }

.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px; }

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666; }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #006666 !important; }

.typeahead .theme-form .form-group {
  margin-bottom: 0; }

.primary .svg-fill {
  fill: var(--theme-deafult); }
  .primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-deafult); }

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important; }

.secondary .svg-fill {
  fill: var(--theme-secondary); }
  .secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary); }

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important; }

.success .svg-fill {
  fill: #00AC46; }

.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important; }

.warning .svg-fill {
  fill: #FFAE1A; }

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important; }

.dotted {
  border-style: dotted; }

.dashed {
  border-style: dashed; }

.double {
  border-style: double; }

.groove {
  border-style: groove; }

.ridge {
  border-style: ridge; }

.inset {
  border-style: inset; }

.outset {
  border-style: outset; }

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px; }
  75% {
    opacity: .6;
    top: 0; }
  100% {
    opacity: 1; } }

.code-box-copy {
  width: 100%;
  overflow: auto; }

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%; }
  .custom-rs-12 {
    width: 100%; } }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px; }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none; }

.bg-gray {
  background-color: var(--text-gray); }

.text-gray {
  color: var(--text-gray) !important; }

.common-flex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

.common-space {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2); }

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3); }

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important; }

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important; }

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666; }

.badge-light-secondary {
  background-color: white;
  color: #FE6A49; }

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46; }

.badge-light-danger {
  background-color: white;
  color: #FE6A49; }

.badge-light-info {
  background-color: #6e96e3;
  color: #173878; }

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c; }

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f; }

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A; }

.fc .fc-button-primary.fc-button-active:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult), 0.2) !important; }

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%;
      margin-left: 0px; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .invoice-table-data {
    background-color: #f9f9fa; }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

/**=====================
    1.1 Reset CSS Ends
==========================**/
/**=====================
    1.2 Typography CSS start
==========================**/
body {
  font-size: 14px;
  overflow-x: hidden;
  font-family: "Montserrat", sans-serif;
  color: #051A1A; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0; }

h1 {
  font-size: 28px;
  font-weight: 600; }

h2 {
  font-size: 26px;
  font-weight: 600; }

h3 {
  font-size: 24px;
  font-weight: 600; }

h4 {
  font-size: 20px;
  font-weight: 600; }

h5 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4; }

h6 {
  font-size: 15px;
  font-weight: 600;
  line-height: 1; }

ul {
  padding-left: 0px;
  list-style-type: none;
  margin-bottom: 0; }

* a {
  color: var(--theme-deafult);
  text-decoration: none;
  letter-spacing: 1px; }

.f-m-light {
  margin: 0; }

a {
  font-size: 0.875rem;
  text-decoration: none;
  color: var(--theme-deafult); }
  a:hover {
    color: var(--theme-deafult); }
  a:focus-visible {
    outline: none; }

.btn {
  font-size: 14px; }

*.btn:focus {
  box-shadow: none !important; }

button:focus {
  outline: none !important; }

p {
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0.7px; }

code {
  color: var(--theme-deafult) !important;
  border-radius: 2px; }

.media {
  display: flex;
  align-items: flex-start; }
  .media .media-body {
    flex: 1; }

blockquote {
  border-left: 4px solid #006666;
  padding: 18px; }

.figure.text-center blockquote {
  border: none !important; }

.figure.text-end blockquote {
  border-left: none !important;
  border-right: 4px solid #006666; }

.row > div {
  position: relative; }

:focus {
  outline-color: var(--theme-deafult); }

.disabled {
  cursor: not-allowed;
  opacity: 0.5; }

svg {
  vertical-align: baseline; }

input:focus {
  outline-color: transparent; }

label {
  margin-bottom: .5rem;
  font-weight: 500; }

.media-widgets .media-body {
  margin-bottom: 30px; }

.typography h1,
.typography .h1,
.typography h2,
.typography .h2,
.typography h3,
.typography .h3,
.typography h4,
.typography .h4,
.typography h5,
.typography .h5,
.typography h6,
.typography .h6 {
  margin: 18px 0;
  margin-top: 0; }
  .typography h1:last-child,
  .typography .h1:last-child,
  .typography h2:last-child,
  .typography .h2:last-child,
  .typography h3:last-child,
  .typography .h3:last-child,
  .typography h4:last-child,
  .typography .h4:last-child,
  .typography h5:last-child,
  .typography .h5:last-child,
  .typography h6:last-child,
  .typography .h6:last-child {
    margin-bottom: 0; }

.typography small {
  padding-left: 10px;
  color: #2c323f; }

pre {
  background-color: rgba(0, 102, 102, 0.03);
  padding: 20px 0; }

.owl-theme .owl-dots .owl-dot span {
  background: rgba(0, 102, 102, 0.2); }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: var(--theme-deafult); }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-bottom: -10px;
  margin-top: 25px; }

.click2edit ~ .note-editor.note-frame {
  margin-bottom: 30px; }

.note-editor.note-frame {
  border-color: #E6E9EB; }

.note-editor.fullscreen .note-toolbar-wrapper {
  height: 0 !important; }

.note-editor.note-frame {
  border-color: #E6E9EB; }

.modal .modal-body .card {
  box-shadow: none !important; }

.modal-dialog .modal-content .modal-body p a {
  margin-right: 0; }

.notify-alert .close {
  color: #fff; }
  [dir="rtl"] .notify-alert .close {
    right: unset !important;
    left: 10px !important; }

.notify-alert.alert-light .close {
  color: #051A1A; }

.alert-theme button {
  top: 24px !important;
  right: 20px !important;
  color: var(--theme-deafult); }
  [dir="rtl"] .alert-theme button {
    right: unset !important;
    left: 20px !important; }

.alert-theme span + span + span {
  background-color: #fff;
  color: var(--theme-deafult);
  border-radius: 4px;
  box-shadow: 0 2px 14px -3px rgba(0, 0, 0, 0.2); }

.alert-theme .close {
  color: var(--theme-deafult); }

.alert-theme i {
  padding: 20px;
  padding-right: 0 !important;
  margin-right: 20px !important; }

.alert-theme .progress {
  margin-top: -2px !important;
  height: 2px;
  width: 100%; }
  .alert-theme .progress .progress-bar {
    background-color: var(--theme-deafult); }

.d-flex {
  display: flex;
  align-items: flex-start; }
  .d-flex .flex-grow-1 {
    flex: 1; }

.alert-copy {
  border: 1px solid var(--theme-deafult);
  line-height: 1;
  display: inline-block;
  width: 300px;
  color: #fff;
  background-color: var(--theme-deafult); }
  .alert-copy .close {
    box-shadow: none;
    color: #fff;
    line-height: 1.4;
    font-weight: 100;
    top: -15px; }
    [dir="rtl"] .alert-copy .close {
      right: unset !important;
      left: 10px !important; }
    .alert-copy .close:focus {
      outline: none; }

.ace-editor {
  height: 400px;
  width: 100%; }

.editor-toolbar {
  width: 100% !important; }
  .editor-toolbar.fullscreen {
    z-index: 100; }

.CodeMirror {
  top: 0 !important; }

.CodeMirror-fullscreen {
  top: 50px !important; }

.irs-from,
.irs-to,
.irs-single {
  background: var(--theme-deafult); }
  .irs-from:after,
  .irs-to:after,
  .irs-single:after {
    border-top-color: var(--theme-deafult); }

.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge {
  background-color: var(--theme-deafult); }

.swal-button {
  background-color: var(--theme-deafult); }
  .swal-button:active {
    background-color: #004d4d; }

.swal-button--cancel {
  background-color: #EFEFEE !important; }

.clipboaard-container h6 {
  line-height: 1.6;
  font-size: 14px; }

fieldset .bootstrap-touchspin-postfix,
fieldset .bootstrap-touchspin-prefix {
  border-radius: 0;
  padding: .4rem .75rem; }

fieldset .input-group-lg .touchspin {
  height: 50px; }

.f1 .f1-steps .f1-step .f1-step-icon {
  padding: 12px; }

.form-inline .form-group {
  display: flex; }

.input-group-text i {
  line-height: 1.5; }

.animated-modal .form-select {
  display: inline-block;
  width: auto;
  vertical-align: middle; }

.card-wrapper {
  padding: 14px; }
  .card-wrapper dl dt {
    font-weight: 500; }

/* ===== Scrollbar CSS ===== */
/* Firefox */
table tbody tr {
  vertical-align: middle; }

.typography-table thead tr th {
  font-size: 16px; }

.typography-table tbody tr td:last-child {
  min-width: 280px; }

.typography-table tbody tr td:first-child {
  min-width: 100px; }

/**=====================
    1.2 Typography CSS Ends
==========================**/
/**=====================
    2.1 According CSS start
==========================**/
.default-according .avatar-showcase {
  margin-bottom: 0; }

.default-according .card {
  margin-bottom: 0;
  box-shadow: none; }
  .default-according .card + .card {
    margin-top: 10px; }
  .default-according .card .btn-link {
    font-weight: 500;
    color: #051A1A;
    text-decoration: none; }
  .default-according .card .btn-link:focus, .default-according .card .btn-link:hover {
    text-decoration: none; }
  .default-according .card .card-header {
    padding: 0.75rem 1.25rem;
    border: 1px solid #ecf3fa; }
    .default-according .card .card-header i {
      position: absolute;
      left: 18px;
      font-size: 20px;
      top: 20px; }
    .default-according .card .card-header h5 {
      margin-top: 2px; }
  .default-according .card .card-body {
    border: 1px solid #ecf3fa;
    border-top: none; }

.default-according.style-1 button {
  width: 100%;
  text-align: left; }
  .default-according.style-1 button:before {
    right: 20px;
    position: absolute;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    font-size: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (max-width: 575px) {
      .default-according.style-1 button:before {
        right: 15px; } }
  .default-according.style-1 button[aria-expanded="true"]:before {
    content: "";
    font-family: IcoFont; }
  .default-according.style-1 button[aria-expanded="false"]:before {
    content: "";
    font-family: IcoFont; }

.accordion-button .svg-color {
  position: absolute;
  right: 20px; }
  [dir="rtl"] .accordion-button .svg-color {
    left: 20px;
    right: unset; }
  .accordion-button .svg-color::after {
    content: '';
    background-image: unset; }

.accordion-button:not(.collapsed) {
  background-color: unset;
  box-shadow: none; }
  .accordion-button:not(.collapsed)::after {
    background-image: unset; }

.accordion-button::after {
  background-image: unset; }

.accordion-button:focus {
  box-shadow: none; }

.accordion-button.accordion-light-primary:not(.collapsed) {
  background-color: rgba(0, 102, 102, 0.2); }

.accordion-button.accordion-light-primary:active, .accordion-button.accordion-light-primary.active {
  background-color: rgba(0, 102, 102, 0.2);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-primary {
  background-color: rgba(0, 102, 102, 0.2) !important; }

.accordion-button.accordion-light-secondary:not(.collapsed) {
  background-color: rgba(254, 106, 73, 0.3); }

.accordion-button.accordion-light-secondary:active, .accordion-button.accordion-light-secondary.active {
  background-color: rgba(254, 106, 73, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-secondary {
  background-color: rgba(254, 106, 73, 0.3) !important; }

.accordion-button.accordion-light-success:not(.collapsed) {
  background-color: rgba(0, 172, 70, 0.3); }

.accordion-button.accordion-light-success:active, .accordion-button.accordion-light-success.active {
  background-color: rgba(0, 172, 70, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-success {
  background-color: rgba(0, 172, 70, 0.3) !important; }

.accordion-button.accordion-light-warning:not(.collapsed) {
  background-color: rgba(255, 174, 26, 0.3); }

.accordion-button.accordion-light-warning:active, .accordion-button.accordion-light-warning.active {
  background-color: rgba(255, 174, 26, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-warning {
  background-color: rgba(255, 174, 26, 0.3) !important; }

.accordion-button.accordion-light-info:not(.collapsed) {
  background-color: rgba(23, 56, 120, 0.3); }

.accordion-button.accordion-light-info:active, .accordion-button.accordion-light-info.active {
  background-color: rgba(23, 56, 120, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-info {
  background-color: rgba(23, 56, 120, 0.3) !important; }

.accordion-button.accordion-light-light:not(.collapsed) {
  background-color: #F9F9FB; }

.accordion-button.accordion-light-light:active, .accordion-button.accordion-light-light.active {
  background-color: #F9F9FB;
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-light {
  background-color: #F9F9FB !important; }

.accordion-button.accordion-light-danger:not(.collapsed) {
  background-color: rgba(254, 106, 73, 0.3); }

.accordion-button.accordion-light-danger:active, .accordion-button.accordion-light-danger.active {
  background-color: rgba(254, 106, 73, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-danger {
  background-color: rgba(254, 106, 73, 0.3) !important; }

.accordion-button.accordion-light-dark:not(.collapsed) {
  background-color: #EAEBF2; }

.accordion-button.accordion-light-dark:active, .accordion-button.accordion-light-dark.active {
  background-color: #EAEBF2;
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-dark {
  background-color: #EAEBF2 !important; }

.accordion-item .accordion-button .svg-wrapper {
  width: 18px;
  height: 18px; }

.accordion-wrapper:active {
  border: 1px solid #006666;
  border-top: 1px solid #006666 !important; }

.accordion-border .accordion-item {
  border: 0; }

.icons-accordion .accordion-item:last-child .accordion-body {
  padding-bottom: 0 !important; }

.accordions-content li {
  color: #2c323f; }

.collapse-accordion .btn-dark.show {
  border-radius: 15px; }

/**=====================
    2.1 According CSS Ends
==========================**/
/**=====================
     2.2 Alert CSS start
==========================**/
.notify-alert .close {
  color: #006666;
  background: unset;
  border: none;
  font-size: 25px;
  top: 0px; }
  [dir="rtl"] .notify-alert .close {
    right: unset !important;
    left: 10px !important; }

.notify-alert.alert-light .close {
  color: #051A1A; }

.alert {
  border-radius: 0.15rem;
  padding: 15px; }
  .alert svg {
    vertical-align: middle; }
  .alert .progress {
    margin-top: 15px; }
  .alert [data-notify='icon'] {
    margin-right: 10px;
    line-height: 20px;
    position: absolute; }
  .alert [data-notify='message'] {
    display: inline-block;
    width: 100%; }
  .alert i {
    margin-right: 5px;
    font-size: 16px; }
  .alert p {
    margin-bottom: 0; }
  .alert .close {
    opacity: 1; }
    .alert .close span {
      font-size: 24px;
      font-weight: 400;
      display: inline-block;
      border-radius: 3px;
      text-shadow: none;
      padding: 0 5px;
      padding-right: 0; }

.alert-dismissible {
  padding-right: 2.5rem; }
  [dir="rtl"] .alert-dismissible {
    padding-right: 15px;
    padding-left: 2.5rem; }
  .alert-dismissible .close {
    padding: 10px 1.25rem;
    top: 4px;
    padding-right: 13px;
    opacity: 0.5;
    transition: all 0.3s ease; }
    .alert-dismissible .close:hover {
      transition: all 0.3s ease;
      opacity: 1;
      color: inherit; }

.card-body button:focus {
  outline: none; }

.card-body .alert:last-child {
  margin-bottom: 0; }

.card-body .alert svg {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  position: absolute;
  top: 18px; }
  .card-body .alert svg ~ p {
    padding-left: 20px; }

strong {
  display: inline-block; }
  strong ~ p {
    display: inline-block; }

.alert-primary {
  background-color: rgba(0, 102, 102, 0.9);
  border-color: rgba(0, 102, 102, 0.9);
  color: #fff; }
  .alert-primary .progress {
    height: 5px;
    background-color: #006161;
    border-radius: 0; }
  .alert-primary .progress-bar {
    background-color: #66ffff; }
  .alert-primary .btn-close {
    filter: brightness(1) invert(1); }
  .alert-primary .alert-link {
    color: #006666; }
  .alert-primary hr {
    border-top-color: #006666; }

.border-primary {
  border-color: #006666 !important; }

.income-wrapper ul li .income-dot.dot-primary {
  background-color: #006666; }

.touchspin-wrapper .btn-touchspin.touchspin-primary {
  background-color: #006666;
  border: 1px solid #006666;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-primary {
  background-color: unset;
  border: 1px solid #006666;
  color: #006666; }

.touchspin-wrapper input.spin-outline-primary[type='number'] {
  outline: 1px solid #006666;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-primary {
  background-color: #006666;
  border: 1px solid #006666;
  color: #fff; }

.form-switch .form-check-input.switch-primary:checked {
  background-color: #006666;
  border-color: #006666; }

.payment-second .mega-icons.stroke-primary {
  stroke: #006666; }

.toast-primary {
  color: #006666 !important; }

.list-group-horizontal-sm .list-group-item.border-left-primary, .list-group-horizontal-md .list-group-item.border-left-primary, .list-group-horizontal-lg .list-group-item.border-left-primary, .list-group-horizontal-xl .list-group-item.border-left-primary, .list-group-horizontal-xxl .list-group-item.border-left-primary {
  border-left: 4px solid #006666; }

.main-radio-toggle .btn-check.radio-light-primary:focus + .btn {
  box-shadow: 0 0 0 4px rgba(0, 102, 102, 0.55); }

.fill-radios .radio.radio-primary input[type='radio']:checked + label::before {
  border: 10px solid #006666; }

.fill-radios .radio.radio-primary input[type='radio']:checked + label::after {
  background-color: #006666; }

.list-group .form-check-input.checkbox-primary[type=checkbox]:checked,
.list-group .checkbox-primary[type=radio] {
  background-color: unset;
  border-color: #006666;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-primary[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-primary[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-primary.active[type=checkbox]:checked,
  .list-group .checkbox-primary[type=radio]:focus,
  .list-group .checkbox-primary[type=radio]:active,
  .list-group .checkbox-primary.active[type=radio] {
    border-color: #006666;
    outline: 0;
    background-color: #006666; }

.list-group .alert-primary.light {
  background-color: rgba(0, 102, 102, 0.4);
  border-color: rgba(0, 102, 102, 0.7); }

.list-group .alert-primary.dark {
  background-color: #006666;
  border-color: #006666;
  color: #fafafa; }
  .list-group .alert-primary.dark .alert-link {
    color: #fff; }

.list-group .alert-primary.outline,
.list-group .alert-primary.outline-2x {
  background-color: transparent;
  border-color: #006666;
  color: #006666; }
  .list-group .alert-primary.outline .btn-close,
  .list-group .alert-primary.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-primary.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #006666;
  color: #051A1A; }
  .list-group .alert-primary.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #006666;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-primary.inverse:before {
        left: 45px; } }
  .list-group .alert-primary.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #006666;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-primary.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-secondary {
  background-color: rgba(254, 106, 73, 0.9);
  border-color: rgba(254, 106, 73, 0.9);
  color: #fff; }
  .alert-secondary .progress {
    height: 5px;
    background-color: #fe6644;
    border-radius: 0; }
  .alert-secondary .progress-bar {
    background-color: white; }
  .alert-secondary .btn-close {
    filter: brightness(1) invert(1); }
  .alert-secondary .alert-link {
    color: #FE6A49; }
  .alert-secondary hr {
    border-top-color: #FE6A49; }

.border-secondary {
  border-color: #FE6A49 !important; }

.income-wrapper ul li .income-dot.dot-secondary {
  background-color: #FE6A49; }

.touchspin-wrapper .btn-touchspin.touchspin-secondary {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-secondary {
  background-color: unset;
  border: 1px solid #FE6A49;
  color: #FE6A49; }

.touchspin-wrapper input.spin-outline-secondary[type='number'] {
  outline: 1px solid #FE6A49;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-secondary {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.form-switch .form-check-input.switch-secondary:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.payment-second .mega-icons.stroke-secondary {
  stroke: #FE6A49; }

.toast-secondary {
  color: #FE6A49 !important; }

.list-group-horizontal-sm .list-group-item.border-left-secondary, .list-group-horizontal-md .list-group-item.border-left-secondary, .list-group-horizontal-lg .list-group-item.border-left-secondary, .list-group-horizontal-xl .list-group-item.border-left-secondary, .list-group-horizontal-xxl .list-group-item.border-left-secondary {
  border-left: 4px solid #FE6A49; }

.main-radio-toggle .btn-check.radio-light-secondary:focus + .btn {
  box-shadow: 0 0 0 4px rgba(254, 106, 73, 0.55); }

.fill-radios .radio.radio-secondary input[type='radio']:checked + label::before {
  border: 10px solid #FE6A49; }

.fill-radios .radio.radio-secondary input[type='radio']:checked + label::after {
  background-color: #FE6A49; }

.list-group .form-check-input.checkbox-secondary[type=checkbox]:checked,
.list-group .checkbox-secondary[type=radio] {
  background-color: unset;
  border-color: #FE6A49;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-secondary[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-secondary[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-secondary.active[type=checkbox]:checked,
  .list-group .checkbox-secondary[type=radio]:focus,
  .list-group .checkbox-secondary[type=radio]:active,
  .list-group .checkbox-secondary.active[type=radio] {
    border-color: #FE6A49;
    outline: 0;
    background-color: #FE6A49; }

.list-group .alert-secondary.light {
  background-color: rgba(254, 106, 73, 0.4);
  border-color: rgba(254, 106, 73, 0.7); }

.list-group .alert-secondary.dark {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fafafa; }
  .list-group .alert-secondary.dark .alert-link {
    color: #fff; }

.list-group .alert-secondary.outline,
.list-group .alert-secondary.outline-2x {
  background-color: transparent;
  border-color: #FE6A49;
  color: #FE6A49; }
  .list-group .alert-secondary.outline .btn-close,
  .list-group .alert-secondary.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-secondary.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FE6A49;
  color: #051A1A; }
  .list-group .alert-secondary.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #FE6A49;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-secondary.inverse:before {
        left: 45px; } }
  .list-group .alert-secondary.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #FE6A49;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-secondary.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-success {
  background-color: rgba(0, 172, 70, 0.9);
  border-color: rgba(0, 172, 70, 0.9);
  color: #fff; }
  .alert-success .progress {
    height: 5px;
    background-color: #00a744;
    border-radius: 0; }
  .alert-success .progress-bar {
    background-color: #acffce; }
  .alert-success .btn-close {
    filter: brightness(1) invert(1); }
  .alert-success .alert-link {
    color: #00AC46; }
  .alert-success hr {
    border-top-color: #00AC46; }

.border-success {
  border-color: #00AC46 !important; }

.income-wrapper ul li .income-dot.dot-success {
  background-color: #00AC46; }

.touchspin-wrapper .btn-touchspin.touchspin-success {
  background-color: #00AC46;
  border: 1px solid #00AC46;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-success {
  background-color: unset;
  border: 1px solid #00AC46;
  color: #00AC46; }

.touchspin-wrapper input.spin-outline-success[type='number'] {
  outline: 1px solid #00AC46;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-success {
  background-color: #00AC46;
  border: 1px solid #00AC46;
  color: #fff; }

.form-switch .form-check-input.switch-success:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.payment-second .mega-icons.stroke-success {
  stroke: #00AC46; }

.toast-success {
  color: #00AC46 !important; }

.list-group-horizontal-sm .list-group-item.border-left-success, .list-group-horizontal-md .list-group-item.border-left-success, .list-group-horizontal-lg .list-group-item.border-left-success, .list-group-horizontal-xl .list-group-item.border-left-success, .list-group-horizontal-xxl .list-group-item.border-left-success {
  border-left: 4px solid #00AC46; }

.main-radio-toggle .btn-check.radio-light-success:focus + .btn {
  box-shadow: 0 0 0 4px rgba(0, 172, 70, 0.55); }

.fill-radios .radio.radio-success input[type='radio']:checked + label::before {
  border: 10px solid #00AC46; }

.fill-radios .radio.radio-success input[type='radio']:checked + label::after {
  background-color: #00AC46; }

.list-group .form-check-input.checkbox-success[type=checkbox]:checked,
.list-group .checkbox-success[type=radio] {
  background-color: unset;
  border-color: #00AC46;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-success[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-success[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-success.active[type=checkbox]:checked,
  .list-group .checkbox-success[type=radio]:focus,
  .list-group .checkbox-success[type=radio]:active,
  .list-group .checkbox-success.active[type=radio] {
    border-color: #00AC46;
    outline: 0;
    background-color: #00AC46; }

.list-group .alert-success.light {
  background-color: rgba(0, 172, 70, 0.4);
  border-color: rgba(0, 172, 70, 0.7); }

.list-group .alert-success.dark {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fafafa; }
  .list-group .alert-success.dark .alert-link {
    color: #fff; }

.list-group .alert-success.outline,
.list-group .alert-success.outline-2x {
  background-color: transparent;
  border-color: #00AC46;
  color: #00AC46; }
  .list-group .alert-success.outline .btn-close,
  .list-group .alert-success.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-success.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #00AC46;
  color: #051A1A; }
  .list-group .alert-success.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #00AC46;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-success.inverse:before {
        left: 45px; } }
  .list-group .alert-success.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #00AC46;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-success.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-danger {
  background-color: rgba(254, 106, 73, 0.9);
  border-color: rgba(254, 106, 73, 0.9);
  color: #fff; }
  .alert-danger .progress {
    height: 5px;
    background-color: #fe6644;
    border-radius: 0; }
  .alert-danger .progress-bar {
    background-color: white; }
  .alert-danger .btn-close {
    filter: brightness(1) invert(1); }
  .alert-danger .alert-link {
    color: #FE6A49; }
  .alert-danger hr {
    border-top-color: #FE6A49; }

.border-danger {
  border-color: #FE6A49 !important; }

.income-wrapper ul li .income-dot.dot-danger {
  background-color: #FE6A49; }

.touchspin-wrapper .btn-touchspin.touchspin-danger {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-danger {
  background-color: unset;
  border: 1px solid #FE6A49;
  color: #FE6A49; }

.touchspin-wrapper input.spin-outline-danger[type='number'] {
  outline: 1px solid #FE6A49;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-danger {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.form-switch .form-check-input.switch-danger:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.payment-second .mega-icons.stroke-danger {
  stroke: #FE6A49; }

.toast-danger {
  color: #FE6A49 !important; }

.list-group-horizontal-sm .list-group-item.border-left-danger, .list-group-horizontal-md .list-group-item.border-left-danger, .list-group-horizontal-lg .list-group-item.border-left-danger, .list-group-horizontal-xl .list-group-item.border-left-danger, .list-group-horizontal-xxl .list-group-item.border-left-danger {
  border-left: 4px solid #FE6A49; }

.main-radio-toggle .btn-check.radio-light-danger:focus + .btn {
  box-shadow: 0 0 0 4px rgba(254, 106, 73, 0.55); }

.fill-radios .radio.radio-danger input[type='radio']:checked + label::before {
  border: 10px solid #FE6A49; }

.fill-radios .radio.radio-danger input[type='radio']:checked + label::after {
  background-color: #FE6A49; }

.list-group .form-check-input.checkbox-danger[type=checkbox]:checked,
.list-group .checkbox-danger[type=radio] {
  background-color: unset;
  border-color: #FE6A49;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-danger[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-danger[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-danger.active[type=checkbox]:checked,
  .list-group .checkbox-danger[type=radio]:focus,
  .list-group .checkbox-danger[type=radio]:active,
  .list-group .checkbox-danger.active[type=radio] {
    border-color: #FE6A49;
    outline: 0;
    background-color: #FE6A49; }

.list-group .alert-danger.light {
  background-color: rgba(254, 106, 73, 0.4);
  border-color: rgba(254, 106, 73, 0.7); }

.list-group .alert-danger.dark {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fafafa; }
  .list-group .alert-danger.dark .alert-link {
    color: #fff; }

.list-group .alert-danger.outline,
.list-group .alert-danger.outline-2x {
  background-color: transparent;
  border-color: #FE6A49;
  color: #FE6A49; }
  .list-group .alert-danger.outline .btn-close,
  .list-group .alert-danger.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-danger.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FE6A49;
  color: #051A1A; }
  .list-group .alert-danger.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #FE6A49;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-danger.inverse:before {
        left: 45px; } }
  .list-group .alert-danger.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #FE6A49;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-danger.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-warning {
  background-color: rgba(255, 174, 26, 0.9);
  border-color: rgba(255, 174, 26, 0.9);
  color: #fff; }
  .alert-warning .progress {
    height: 5px;
    background-color: #ffac15;
    border-radius: 0; }
  .alert-warning .progress-bar {
    background-color: white; }
  .alert-warning .btn-close {
    filter: brightness(1) invert(1); }
  .alert-warning .alert-link {
    color: #FFAE1A; }
  .alert-warning hr {
    border-top-color: #FFAE1A; }

.border-warning {
  border-color: #FFAE1A !important; }

.income-wrapper ul li .income-dot.dot-warning {
  background-color: #FFAE1A; }

.touchspin-wrapper .btn-touchspin.touchspin-warning {
  background-color: #FFAE1A;
  border: 1px solid #FFAE1A;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-warning {
  background-color: unset;
  border: 1px solid #FFAE1A;
  color: #FFAE1A; }

.touchspin-wrapper input.spin-outline-warning[type='number'] {
  outline: 1px solid #FFAE1A;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-warning {
  background-color: #FFAE1A;
  border: 1px solid #FFAE1A;
  color: #fff; }

.form-switch .form-check-input.switch-warning:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

.payment-second .mega-icons.stroke-warning {
  stroke: #FFAE1A; }

.toast-warning {
  color: #FFAE1A !important; }

.list-group-horizontal-sm .list-group-item.border-left-warning, .list-group-horizontal-md .list-group-item.border-left-warning, .list-group-horizontal-lg .list-group-item.border-left-warning, .list-group-horizontal-xl .list-group-item.border-left-warning, .list-group-horizontal-xxl .list-group-item.border-left-warning {
  border-left: 4px solid #FFAE1A; }

.main-radio-toggle .btn-check.radio-light-warning:focus + .btn {
  box-shadow: 0 0 0 4px rgba(255, 174, 26, 0.55); }

.fill-radios .radio.radio-warning input[type='radio']:checked + label::before {
  border: 10px solid #FFAE1A; }

.fill-radios .radio.radio-warning input[type='radio']:checked + label::after {
  background-color: #FFAE1A; }

.list-group .form-check-input.checkbox-warning[type=checkbox]:checked,
.list-group .checkbox-warning[type=radio] {
  background-color: unset;
  border-color: #FFAE1A;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-warning[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-warning[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-warning.active[type=checkbox]:checked,
  .list-group .checkbox-warning[type=radio]:focus,
  .list-group .checkbox-warning[type=radio]:active,
  .list-group .checkbox-warning.active[type=radio] {
    border-color: #FFAE1A;
    outline: 0;
    background-color: #FFAE1A; }

.list-group .alert-warning.light {
  background-color: rgba(255, 174, 26, 0.4);
  border-color: rgba(255, 174, 26, 0.7); }

.list-group .alert-warning.dark {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fafafa; }
  .list-group .alert-warning.dark .alert-link {
    color: #fff; }

.list-group .alert-warning.outline,
.list-group .alert-warning.outline-2x {
  background-color: transparent;
  border-color: #FFAE1A;
  color: #FFAE1A; }
  .list-group .alert-warning.outline .btn-close,
  .list-group .alert-warning.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-warning.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FFAE1A;
  color: #051A1A; }
  .list-group .alert-warning.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #FFAE1A;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-warning.inverse:before {
        left: 45px; } }
  .list-group .alert-warning.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #FFAE1A;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-warning.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-info {
  background-color: rgba(23, 56, 120, 0.9);
  border-color: rgba(23, 56, 120, 0.9);
  color: #fff; }
  .alert-info .progress {
    height: 5px;
    background-color: #163674;
    border-radius: 0; }
  .alert-info .progress-bar {
    background-color: #a1bbed; }
  .alert-info .btn-close {
    filter: brightness(1) invert(1); }
  .alert-info .alert-link {
    color: #173878; }
  .alert-info hr {
    border-top-color: #173878; }

.border-info {
  border-color: #173878 !important; }

.income-wrapper ul li .income-dot.dot-info {
  background-color: #173878; }

.touchspin-wrapper .btn-touchspin.touchspin-info {
  background-color: #173878;
  border: 1px solid #173878;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-info {
  background-color: unset;
  border: 1px solid #173878;
  color: #173878; }

.touchspin-wrapper input.spin-outline-info[type='number'] {
  outline: 1px solid #173878;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-info {
  background-color: #173878;
  border: 1px solid #173878;
  color: #fff; }

.form-switch .form-check-input.switch-info:checked {
  background-color: #173878;
  border-color: #173878; }

.payment-second .mega-icons.stroke-info {
  stroke: #173878; }

.toast-info {
  color: #173878 !important; }

.list-group-horizontal-sm .list-group-item.border-left-info, .list-group-horizontal-md .list-group-item.border-left-info, .list-group-horizontal-lg .list-group-item.border-left-info, .list-group-horizontal-xl .list-group-item.border-left-info, .list-group-horizontal-xxl .list-group-item.border-left-info {
  border-left: 4px solid #173878; }

.main-radio-toggle .btn-check.radio-light-info:focus + .btn {
  box-shadow: 0 0 0 4px rgba(23, 56, 120, 0.55); }

.fill-radios .radio.radio-info input[type='radio']:checked + label::before {
  border: 10px solid #173878; }

.fill-radios .radio.radio-info input[type='radio']:checked + label::after {
  background-color: #173878; }

.list-group .form-check-input.checkbox-info[type=checkbox]:checked,
.list-group .checkbox-info[type=radio] {
  background-color: unset;
  border-color: #173878;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-info[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-info[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-info.active[type=checkbox]:checked,
  .list-group .checkbox-info[type=radio]:focus,
  .list-group .checkbox-info[type=radio]:active,
  .list-group .checkbox-info.active[type=radio] {
    border-color: #173878;
    outline: 0;
    background-color: #173878; }

.list-group .alert-info.light {
  background-color: rgba(23, 56, 120, 0.4);
  border-color: rgba(23, 56, 120, 0.7); }

.list-group .alert-info.dark {
  background-color: #173878;
  border-color: #173878;
  color: #fafafa; }
  .list-group .alert-info.dark .alert-link {
    color: #fff; }

.list-group .alert-info.outline,
.list-group .alert-info.outline-2x {
  background-color: transparent;
  border-color: #173878;
  color: #173878; }
  .list-group .alert-info.outline .btn-close,
  .list-group .alert-info.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-info.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #173878;
  color: #051A1A; }
  .list-group .alert-info.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #173878;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-info.inverse:before {
        left: 45px; } }
  .list-group .alert-info.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #173878;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-info.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-light {
  background-color: rgba(230, 233, 235, 0.9);
  border-color: rgba(230, 233, 235, 0.9);
  color: #fff;
  color: #2c323f;
  background-color: #E6E9EB; }
  .alert-light .progress {
    height: 5px;
    background-color: #e3e7e9;
    border-radius: 0; }
  .alert-light .progress-bar {
    background-color: white; }
  .alert-light .btn-close {
    filter: brightness(1) invert(1); }
  .alert-light .alert-link {
    color: #E6E9EB;
    color: #2c323f; }
  .alert-light .btn-close {
    filter: unset; }
  .alert-light hr {
    border-top-color: #E6E9EB; }

.border-light {
  border-color: #E6E9EB !important; }

.income-wrapper ul li .income-dot.dot-light {
  background-color: #E6E9EB; }

.touchspin-wrapper .btn-touchspin.touchspin-light {
  background-color: #E6E9EB;
  border: 1px solid #E6E9EB;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-light {
  background-color: unset;
  border: 1px solid #E6E9EB;
  color: #E6E9EB; }

.touchspin-wrapper input.spin-outline-light[type='number'] {
  outline: 1px solid #E6E9EB;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-light {
  background-color: #E6E9EB;
  border: 1px solid #E6E9EB;
  color: #fff; }

.form-switch .form-check-input.switch-light:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.payment-second .mega-icons.stroke-light {
  stroke: #E6E9EB; }

.toast-light {
  color: #E6E9EB !important; }

.list-group-horizontal-sm .list-group-item.border-left-light, .list-group-horizontal-md .list-group-item.border-left-light, .list-group-horizontal-lg .list-group-item.border-left-light, .list-group-horizontal-xl .list-group-item.border-left-light, .list-group-horizontal-xxl .list-group-item.border-left-light {
  border-left: 4px solid #E6E9EB; }

.main-radio-toggle .btn-check.radio-light-light:focus + .btn {
  box-shadow: 0 0 0 4px rgba(230, 233, 235, 0.55); }

.fill-radios .radio.radio-light input[type='radio']:checked + label::before {
  border: 10px solid #E6E9EB; }

.fill-radios .radio.radio-light input[type='radio']:checked + label::after {
  background-color: #E6E9EB; }

.list-group .form-check-input.checkbox-light[type=checkbox]:checked,
.list-group .checkbox-light[type=radio] {
  background-color: unset;
  border-color: #E6E9EB;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-light[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-light[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-light.active[type=checkbox]:checked,
  .list-group .checkbox-light[type=radio]:focus,
  .list-group .checkbox-light[type=radio]:active,
  .list-group .checkbox-light.active[type=radio] {
    border-color: #E6E9EB;
    outline: 0;
    background-color: #E6E9EB; }

.list-group .alert-light.light {
  background-color: rgba(230, 233, 235, 0.4);
  border-color: rgba(230, 233, 235, 0.7); }

.list-group .alert-light.dark {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fafafa;
  color: #2c323f; }
  .list-group .alert-light.dark .alert-link {
    color: #fff;
    color: #2c323f; }

.list-group .alert-light.outline,
.list-group .alert-light.outline-2x {
  background-color: transparent;
  border-color: #E6E9EB;
  color: #E6E9EB;
  color: #2c323f; }
  .list-group .alert-light.outline .btn-close,
  .list-group .alert-light.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-light.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #E6E9EB;
  color: #051A1A; }
  .list-group .alert-light.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #E6E9EB;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-light.inverse:before {
        left: 45px; } }
  .list-group .alert-light.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #E6E9EB;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-light.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-dark {
  background-color: rgba(44, 50, 63, 0.9);
  border-color: rgba(44, 50, 63, 0.9);
  color: #fff; }
  .alert-dark .progress {
    height: 5px;
    background-color: #2a303c;
    border-radius: 0; }
  .alert-dark .progress-bar {
    background-color: #a8b0c2; }
  .alert-dark .btn-close {
    filter: brightness(1) invert(1); }
  .alert-dark .alert-link {
    color: #2c323f; }
  .alert-dark hr {
    border-top-color: #2c323f; }

.border-dark {
  border-color: #2c323f !important; }

.income-wrapper ul li .income-dot.dot-dark {
  background-color: #2c323f; }

.touchspin-wrapper .btn-touchspin.touchspin-dark {
  background-color: #2c323f;
  border: 1px solid #2c323f;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-dark {
  background-color: unset;
  border: 1px solid #2c323f;
  color: #2c323f; }

.touchspin-wrapper input.spin-outline-dark[type='number'] {
  outline: 1px solid #2c323f;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-dark {
  background-color: #2c323f;
  border: 1px solid #2c323f;
  color: #fff; }

.form-switch .form-check-input.switch-dark:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.payment-second .mega-icons.stroke-dark {
  stroke: #2c323f; }

.toast-dark {
  color: #2c323f !important; }

.list-group-horizontal-sm .list-group-item.border-left-dark, .list-group-horizontal-md .list-group-item.border-left-dark, .list-group-horizontal-lg .list-group-item.border-left-dark, .list-group-horizontal-xl .list-group-item.border-left-dark, .list-group-horizontal-xxl .list-group-item.border-left-dark {
  border-left: 4px solid #2c323f; }

.main-radio-toggle .btn-check.radio-light-dark:focus + .btn {
  box-shadow: 0 0 0 4px rgba(44, 50, 63, 0.55); }

.fill-radios .radio.radio-dark input[type='radio']:checked + label::before {
  border: 10px solid #2c323f; }

.fill-radios .radio.radio-dark input[type='radio']:checked + label::after {
  background-color: #2c323f; }

.list-group .form-check-input.checkbox-dark[type=checkbox]:checked,
.list-group .checkbox-dark[type=radio] {
  background-color: unset;
  border-color: #2c323f;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-dark[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-dark[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-dark.active[type=checkbox]:checked,
  .list-group .checkbox-dark[type=radio]:focus,
  .list-group .checkbox-dark[type=radio]:active,
  .list-group .checkbox-dark.active[type=radio] {
    border-color: #2c323f;
    outline: 0;
    background-color: #2c323f; }

.list-group .alert-dark.light {
  background-color: rgba(44, 50, 63, 0.4);
  border-color: rgba(44, 50, 63, 0.7); }

.list-group .alert-dark.dark {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fafafa; }
  .list-group .alert-dark.dark .alert-link {
    color: #fff; }

.list-group .alert-dark.outline,
.list-group .alert-dark.outline-2x {
  background-color: transparent;
  border-color: #2c323f;
  color: #2c323f; }
  .list-group .alert-dark.outline .btn-close,
  .list-group .alert-dark.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-dark.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #2c323f;
  color: #051A1A; }
  .list-group .alert-dark.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #2c323f;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-dark.inverse:before {
        left: 45px; } }
  .list-group .alert-dark.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #2c323f;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-dark.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.outline-2x {
  border-width: 2px;
  padding: 11px 1.25rem; }

.alert-icons.outline-2x {
  padding: 15px; }

.alert-icons svg {
  position: absolute !important;
  top: 18px !important; }

.alert-dark .btn-close,
.alert-info .btn-close {
  filter: none; }

.border-left-wrapper {
  border-left: 4px solid #2c323f; }

.alert-light-primary {
  background-color: rgba(0, 102, 102, 0.2); }

.alert-light-secondary {
  background-color: rgba(254, 106, 73, 0.3); }

.alert-light-success {
  background-color: rgba(0, 172, 70, 0.3); }

.alert-light-warning {
  background-color: rgba(255, 174, 26, 0.3); }

.alert-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.alert-light-light {
  background-color: #F9F9FB; }

.alert-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.alert-light-dark {
  background-color: #EAEBF2; }

.alert-arrow {
  min-width: 55px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }
  .alert-arrow i {
    margin-right: 0; }

@media (max-width: 576px) {
  .ellipsis.content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 294px; } }

@media (max-width: 575px) {
  .ellipsis.content {
    max-width: 180px; } }

.alert-dismissible {
  display: flex;
  align-items: center;
  gap: 8px; }

.alert.notify-alert.alert-copy {
  display: flex !important; }

/**=====================
   2.2 Alert CSS end
==========================**/
/**=====================
  2.3 Avatars CSS start
==========================**/
.avatars .avatar {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  width: auto; }
  .avatars .avatar:last-child {
    margin-right: 0; }
  .avatars .avatar.ratio img {
    width: auto; }
  .avatars .avatar .status {
    position: absolute;
    height: 18%;
    width: 18%;
    border-radius: 100%;
    bottom: 12%;
    right: 4%;
    border: 1px solid; }

.customers ul {
  display: inline-block; }
  .customers ul li img {
    border: 2px solid var(--white);
    transition: 0.5s; }
    .customers ul li img:hover {
      transform: translateY(-4px) scale(1.02);
      transition: 0.5s; }
  .customers ul li + li {
    margin-left: -7%; }
  .customers ul li:last-child p {
    color: #051A1A !important;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: 500;
    border: 2px solid #E6E9EB !important; }

.customers.avatar-group {
  margin-right: 30px; }
  .customers.avatar-group:last-child {
    margin-right: 0; }

.avatar-showcase {
  margin-bottom: -10px; }
  .avatar-showcase .avatars .avatar {
    margin-bottom: 10px; }
  .avatar-showcase .avatar-group {
    margin-bottom: 10px; }
  .avatar-showcase .ratio > * {
    position: relative;
    top: unset;
    left: unset; }

/**=====================
    2.3 Avatars CSS Ends
==========================**/
/**=====================
    2.4 Badge CSS start
==========================**/
.badge-spacing {
  display: flex;
  flex-wrap: wrap;
  gap: 12px; }
  .badge-spacing .badge {
    padding: 6px 12px;
    font-size: 12px; }
    .badge-spacing .badge.badge svg {
      padding-top: 0px; }
    .badge-spacing .badge.rounded-circle {
      padding: 10px 14px;
      display: flex;
      justify-content: center;
      align-items: center; }
    .badge-spacing .badge.badge-p-space {
      padding: 10px 13px; }
    .badge-spacing .badge + .badge {
      margin-left: 0px; }
    .badge-spacing .badge.btn-p-space {
      padding: 8px 10px; }

a.badge:hover {
  color: inherit; }
  a.badge.badge-dark:hover:hover {
    color: #fff; }

.badge {
  padding: 8px 16px;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-weight: 500; }
  .badge + .badge {
    margin-left: 5px; }
  .badge svg {
    width: 16px;
    height: 16px;
    padding-top: 3px; }

.b-ln-height {
  line-height: 5px; }

.pill-badge-primary {
  background-color: var(--theme-deafult);
  box-shadow: -0.5px 4.33px 16px 0px rgba(var(--theme-deafult), 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-secondary {
  background-color: #FE6A49;
  box-shadow: -0.5px 4.33px 16px 0px rgba(254, 106, 73, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-success {
  background-color: #00AC46;
  box-shadow: -0.5px 4.33px 16px 0px rgba(0, 172, 70, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-danger {
  background-color: #FE6A49;
  box-shadow: -0.5px 4.33px 16px 0px rgba(254, 106, 73, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-info {
  background-color: #173878;
  box-shadow: -0.5px 4.33px 16px 0px rgba(23, 56, 120, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-light {
  background-color: #E6E9EB;
  box-shadow: -0.5px 4.33px 16px 0px rgba(230, 233, 235, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-dark {
  background-color: #2c323f;
  box-shadow: -0.5px 4.33px 16px 0px rgba(44, 50, 63, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-warning {
  background-color: #FFAE1A;
  box-shadow: -0.5px 4.33px 16px 0px rgba(255, 174, 26, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-primary {
  background-color: var(--theme-deafult); }

.pill-badge-secondary {
  background-color: var(--theme-secondary); }

.round-badge-primary {
  border-radius: 6px;
  background-color: var(--theme-deafult);
  box-shadow: -0.5px -6.67px 14px 0px rgba(var(--theme-deafult), 0.18);
  color: #fff !important; }

.round-badge-secondary {
  border-radius: 6px;
  background-color: #FE6A49;
  box-shadow: -0.5px -6.67px 14px 0px rgba(254, 106, 73, 0.18);
  color: #fff !important; }

.round-badge-success {
  border-radius: 6px;
  background-color: #00AC46;
  box-shadow: -0.5px -6.67px 14px 0px rgba(0, 172, 70, 0.18);
  color: #fff !important; }

.round-badge-danger {
  border-radius: 6px;
  background-color: #FE6A49;
  box-shadow: -0.5px -6.67px 14px 0px rgba(254, 106, 73, 0.18);
  color: #fff !important; }

.round-badge-info {
  border-radius: 6px;
  background-color: #173878;
  box-shadow: -0.5px -6.67px 14px 0px rgba(23, 56, 120, 0.18);
  color: #fff !important; }

.round-badge-light {
  border-radius: 6px;
  background-color: #E6E9EB;
  box-shadow: -0.5px -6.67px 14px 0px rgba(230, 233, 235, 0.18);
  color: #fff !important; }

.round-badge-dark {
  border-radius: 6px;
  background-color: #2c323f;
  box-shadow: -0.5px -6.67px 14px 0px rgba(44, 50, 63, 0.18);
  color: #fff !important; }

.round-badge-warning {
  border-radius: 6px;
  background-color: #FFAE1A;
  box-shadow: -0.5px -6.67px 14px 0px rgba(255, 174, 26, 0.18);
  color: #fff !important; }

.round-badge-primary {
  background-color: var(--theme-deafult); }

.round-badge-secondary {
  background-color: var(--theme-secondary); }

.badge-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 8px; }

/**=====================
  2.4 Badge CSS Ends
==========================**/
/**=====================
    2.5 Bookmark CSS start
==========================**/
.bookmark ul li {
  display: inline-block; }
  .bookmark ul li .search-form {
    position: absolute;
    bottom: 53px;
    z-index: 1; }
    .bookmark ul li .search-form .form-control-search {
      top: 65px;
      position: absolute;
      transition: all linear 0.3s;
      right: -20px;
      transform: translateY(-35px) scaleY(0);
      opacity: 0;
      visibility: hidden; }
      .bookmark ul li .search-form .form-control-search input {
        width: 240px;
        background-color: #fff;
        box-shadow: 0 5px 21px rgba(0, 0, 0, 0.1); }
      .bookmark ul li .search-form .form-control-search.open {
        transform: translateY(0px) scaleY(1);
        opacity: 1;
        visibility: visible;
        transition: all linear 0.3s;
        z-index: 100; }
      .bookmark ul li .search-form .form-control-search:after {
        top: 12px;
        left: 20px;
        z-index: 1; }
      .bookmark ul li .search-form .form-control-search:before {
        left: 50px;
        top: 9px;
        z-index: 2; }
  .bookmark ul li a {
    position: relative;
    color: #051A1A; }
    .bookmark ul li a svg {
      vertical-align: middle;
      height: 20px;
      width: 20px; }
  .bookmark ul li + li {
    margin-left: 10px; }
  .bookmark ul li:last-child {
    padding-right: 0; }
    .bookmark ul li:last-child a {
      border-radius: 5px; }
      .bookmark ul li:last-child a svg {
        color: #ff9f40; }

.offcanvas-bookmark.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body .bookmark ul li a {
  z-index: 99999;
  color: rgba(255, 255, 255, 0.5); }

.offcanvas-bookmark:before {
  position: fixed;
  content: '';
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  z-index: 1;
  right: 0;
  left: 0; }

body.modal-open .select2-container--open {
  width: unset !important;
  display: block; }
  body.modal-open .select2-container--open .select2-dropdown {
    z-index: 1076; }

/**=====================
    2.5 Bookmark CSS Ends
==========================**/
/**=====================
2.6 Breadcrumb CSS Start
==========================**/
.breadcrumb-colored {
  padding: 12px 16px;
  border-radius: 4px; }
  .breadcrumb-colored li a {
    color: #fff; }
  .breadcrumb-colored li.active {
    color: #fff;
    opacity: 0.7; }
  .breadcrumb-colored .breadcrumb-item:before {
    color: #fff; }
  .breadcrumb-colored .breadcrumb-item.txt-dark:before {
    color: #000; }

.breadcrumb-icon {
  --bs-breadcrumb-divider: '>'; }
  .breadcrumb-icon li {
    display: inline-block; }

.breadcrumb-no-divider {
  --bs-breadcrumb-divider: ''; }

.breadcrumb-item.active {
  text-transform: capitalize; }

.breadcrumb-space .breadcrumb-item::before {
  padding-right: 0; }

/**=====================
	2.6 Breadcrumb CSS ends
==========================**/
/**=====================
    2.7 Basic-card CSS Start
==========================**/
.dark-color-header {
  background-color: unset !important;
  color: #006666; }
  .dark-color-header ul li:first-child i, .dark-color-header ul li:last-child i {
    color: #006666 !important; }
  .dark-color-header ul li i {
    color: #E6E9EB !important; }

/**=====================
  2.7 Basic-card CSS Ends
==========================**/
/**=====================
  2.9 Buttons CSS start
==========================**/
.btn-link {
  color: var(--theme-deafult); }

.purchase-btn {
  background: linear-gradient(90deg, var(--theme-deafult) -18.33%, #006666 62.78%);
  padding: 12px 20px;
  min-width: 200px;
  border: none;
  transition: 0.5s; }
  .purchase-btn:hover {
    background: linear-gradient(90deg, #006666 -18.33%, var(--theme-deafult) 62.78%);
    transition: 0.5s; }
  @media (max-width: 991px) {
    .purchase-btn {
      min-width: 160px; } }
  @media (max-width: 767px) {
    .purchase-btn {
      min-width: 140px;
      padding: 10px 17px;
      font-size: 16px; } }
  @media (max-width: 575px) {
    .purchase-btn {
      font-size: 14px; } }
.btn-light.active.active:not([disabled]):not(.disabled) {
  color: #051A1A !important;
  background-color: #e0e4e6 !important; }

.btn-primary-gradien {
  background-image: linear-gradient(to right, #008f8f 0%, #003d3d 51%, #008f8f 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease;
  color: #fff; }
  .btn-primary-gradien:focus, .btn-primary-gradien:active, .btn-primary-gradien.active {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #008f8f, 0%, #003d3d, 100%, #fff) !important; }

.btn-secondary-gradien {
  background-image: linear-gradient(to right, #fe8b72 0%, #fe4920 51%, #fe8b72 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-secondary-gradien:hover, .btn-secondary-gradien:focus, .btn-secondary-gradien:active, .btn-secondary-gradien.active, .btn-secondary-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #fe8b72, 0%, #fe4920, 100%, #fff) !important; }

.btn-success-gradien {
  background-image: linear-gradient(to right, #00d557 0%, #008335 51%, #00d557 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-success-gradien:hover, .btn-success-gradien:focus, .btn-success-gradien:active, .btn-success-gradien.active, .btn-success-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #00d557, 0%, #008335, 100%, #fff) !important; }

.btn-danger-gradien {
  background-image: linear-gradient(to right, #fe8b72 0%, #fe4920 51%, #fe8b72 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-danger-gradien:hover, .btn-danger-gradien:focus, .btn-danger-gradien:active, .btn-danger-gradien.active, .btn-danger-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #fe8b72, 0%, #fe4920, 100%, #fff) !important; }

.btn-warning-gradien {
  background-image: linear-gradient(to right, #ffbc43 0%, #f09b00 51%, #ffbc43 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-warning-gradien:hover, .btn-warning-gradien:focus, .btn-warning-gradien:active, .btn-warning-gradien.active, .btn-warning-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #ffbc43, 0%, #f09b00, 100%, #fff) !important; }

.btn-info-gradien {
  background-image: linear-gradient(to right, #1e489a 0%, #102856 51%, #1e489a 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-info-gradien:hover, .btn-info-gradien:focus, .btn-info-gradien:active, .btn-info-gradien.active, .btn-info-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #1e489a, 0%, #102856, 100%, #fff) !important; }

.btn-light-gradien {
  background-image: linear-gradient(to right, #fdfdfd 0%, #cfd5d9 51%, #fdfdfd 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-light-gradien:hover, .btn-light-gradien:focus, .btn-light-gradien:active, .btn-light-gradien.active, .btn-light-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #fdfdfd, 0%, #cfd5d9, 100%, #fff) !important; }

.btn-dark-gradien {
  background-image: linear-gradient(to right, #3d4557 0%, #1b1f27 51%, #3d4557 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-dark-gradien:hover, .btn-dark-gradien:focus, .btn-dark-gradien:active, .btn-dark-gradien.active, .btn-dark-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #3d4557, 0%, #1b1f27, 100%, #fff) !important; }

.btn {
  padding: 0.375rem 1.75rem; }
  .btn.bg-light-primary:hover {
    background: #006666 !important;
    color: #fff !important; }

.btn-lg {
  font-size: 18px; }

.btn-sm {
  font-size: 12px; }

.btn-xs {
  padding: 0.05rem 0.4rem;
  font-size: 11px; }

.large-btn {
  margin-bottom: -20px; }
  .large-btn .btn {
    margin-right: 5px;
    margin-bottom: 15px; }

.btn-outline-white {
  border: 1px solid #fff;
  color: #fff; }
  .btn-outline-white:hover, .btn-outline-white:focus {
    background: #fff;
    color: var(--theme-deafult); }

.btn-air-primary {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-primary:hover, .btn-air-primary:active, .btn-air-primary:not([disabled]):not(.disabled):active {
    background-color: #006666;
    border-color: #006666; }

.input-air-primary {
  box-shadow: 0 3px 5px 1px rgba(0, 102, 102, 0.1) !important; }
  .input-air-primary:focus {
    border-color: #006666; }

.btn-air-secondary {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-secondary:hover, .btn-air-secondary:active, .btn-air-secondary:not([disabled]):not(.disabled):active {
    background-color: #FE6A49;
    border-color: #FE6A49; }

.input-air-secondary {
  box-shadow: 0 3px 5px 1px rgba(254, 106, 73, 0.1) !important; }
  .input-air-secondary:focus {
    border-color: #FE6A49; }

.btn-air-success {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-success:hover, .btn-air-success:active, .btn-air-success:not([disabled]):not(.disabled):active {
    background-color: #00AC46;
    border-color: #00AC46; }

.input-air-success {
  box-shadow: 0 3px 5px 1px rgba(0, 172, 70, 0.1) !important; }
  .input-air-success:focus {
    border-color: #00AC46; }

.btn-air-danger {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-danger:hover, .btn-air-danger:active, .btn-air-danger:not([disabled]):not(.disabled):active {
    background-color: #FE6A49;
    border-color: #FE6A49; }

.input-air-danger {
  box-shadow: 0 3px 5px 1px rgba(254, 106, 73, 0.1) !important; }
  .input-air-danger:focus {
    border-color: #FE6A49; }

.btn-air-info {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-info:hover, .btn-air-info:active, .btn-air-info:not([disabled]):not(.disabled):active {
    background-color: #173878;
    border-color: #173878; }

.input-air-info {
  box-shadow: 0 3px 5px 1px rgba(23, 56, 120, 0.1) !important; }
  .input-air-info:focus {
    border-color: #173878; }

.btn-air-light {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-light:hover, .btn-air-light:active, .btn-air-light:not([disabled]):not(.disabled):active {
    background-color: #E6E9EB;
    border-color: #E6E9EB; }

.input-air-light {
  box-shadow: 0 3px 5px 1px rgba(230, 233, 235, 0.1) !important; }
  .input-air-light:focus {
    border-color: #E6E9EB; }

.btn-air-dark {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-dark:hover, .btn-air-dark:active, .btn-air-dark:not([disabled]):not(.disabled):active {
    background-color: #2c323f;
    border-color: #2c323f; }

.input-air-dark {
  box-shadow: 0 3px 5px 1px rgba(44, 50, 63, 0.1) !important; }
  .input-air-dark:focus {
    border-color: #2c323f; }

.btn-air-warning {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-warning:hover, .btn-air-warning:active, .btn-air-warning:not([disabled]):not(.disabled):active {
    background-color: #FFAE1A;
    border-color: #FFAE1A; }

.input-air-warning {
  box-shadow: 0 3px 5px 1px rgba(255, 174, 26, 0.1) !important; }
  .input-air-warning:focus {
    border-color: #FFAE1A; }

.btn-gradient {
  color: #fff !important;
  font-weight: 500;
  padding: 10px 30px;
  border-radius: 5px;
  background: linear-gradient(26deg, var(--theme-deafult) 0%, #006666 100%);
  letter-spacing: 0.06rem; }
  .btn-gradient:hover {
    background-size: 100% !important; }

.btn-warning {
  color: #fff; }
  .btn-warning:hover, .btn-warning.disabled {
    color: #fff; }

[class*='-gradien']:hover {
  background-size: 50% 100%;
  transition: all 0.3s ease;
  color: #fff; }

.btn-square {
  border-radius: 0px; }

.btn-pill {
  border-radius: 60px; }

.btn-group-pill .btn:first-child {
  border-radius: 60px 0 0 60px; }

.btn-group-pill .btn:last-child {
  border-radius: 0 60px 60px 0; }

.btn-group-square .btn:first-child {
  border-radius: 0px 0 0 0px; }

.btn-group-square .btn:last-child {
  border-radius: 0 0px 0px 0; }

.btn-showcase {
  margin-bottom: -10px; }
  .btn-showcase .btn {
    margin-bottom: 10px;
    margin-right: 10px; }

.btn-dropdown-showcase {
  margin-bottom: -10px; }
  .btn-dropdown-showcase .dropdown {
    margin-bottom: 10px;
    margin-right: 18px; }
  .btn-dropdown-showcase .btn-group {
    margin-bottom: 10px;
    margin-right: 18px; }

.btn-group .radio label::before {
  top: 2px; }

.btn-group .radio label::after {
  top: 7px; }

.btn-group .checkbox label {
  margin-top: 3px; }

.btn-group-showcase > div {
  margin-bottom: -20px; }
  .btn-group-showcase > div label {
    margin-bottom: 0; }

.btn-group-showcase .btn-group {
  margin-right: 20px;
  margin-bottom: 20px; }

.btn-group-showcase .checkbox input[type="checkbox"] {
  display: none; }

.tooltiptext {
  visibility: visible;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 1;
  transition: opacity 0.3s; }
  .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent; }

.card-header-right-icon .btn.btn-light-primary {
  background-color: var(--light-shade-primary);
  color: var(--theme-deafult); }
  .card-header-right-icon .btn.btn-light-primary:hover {
    color: var(--white);
    background-color: var(--theme-deafult); }

.btn.button-primary,
button.button-primary {
  background-color: var(--light-shade-primary);
  color: var(--theme-deafult); }
  .btn.button-primary:hover,
  button.button-primary:hover {
    background-color: var(--theme-deafult);
    color: var(--white); }

/**=====================
    2.9 Buttons CSS end
==========================**/
/**=====================
    2.10 Card CSS Start
==========================**/
.card {
  margin-bottom: 25px;
  border: 1px solid #E6E9EB !important;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  border-radius: 8px;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .card:hover {
    box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
    transition: all 0.3s ease; }
  .card .card-header {
    background-color: #fff;
    padding: 20px;
    border-bottom: 1px solid #ecf3fa;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: relative; }
    .card .card-header.card-no-border {
      border-bottom: none !important; }
    .card .card-header h5:not(.mb-0), .card .card-header h5:not(.m-0) {
      margin-bottom: 0;
      text-transform: capitalize; }
    .card .card-header > span {
      font-size: 12px;
      color: var(--body-font-color);
      margin-top: 5px;
      display: block;
      letter-spacing: 1px; }
    .card .card-header .card-header-right {
      border-radius: 0 0 0 7px;
      right: 20px;
      top: 12px;
      display: inline-block;
      float: right;
      padding: 8px 0;
      position: absolute;
      background-color: #fff;
      z-index: 1; }
      .card .card-header .card-header-right .card-option {
        text-align: right;
        width: 35px;
        height: 20px;
        overflow: hidden;
        transition: 0.3s ease-in-out; }
        .card .card-header .card-header-right .card-option li {
          display: inline-block; }
          .card .card-header .card-header-right .card-option li:first-child i {
            transition: 1s;
            font-size: 16px;
            color: var(--theme-deafult); }
            .card .card-header .card-header-right .card-option li:first-child i.icofont {
              color: unset; }
      .card .card-header .card-header-right i {
        margin: 0 5px;
        cursor: pointer;
        color: #2c323f;
        line-height: 20px; }
        .card .card-header .card-header-right i.icofont-refresh {
          font-size: 13px; }
  .card .card-body {
    padding: 20px;
    background-color: transparent; }
    .card .card-body p:last-child {
      margin-bottom: 0; }
  .card .sub-title {
    padding-bottom: 12px;
    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320))); }
  .card .card-footer {
    background-color: #fff;
    border-top: 1px solid #ecf3fa;
    padding: 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; }
  .card.card-load .card-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 8;
    align-items: center;
    justify-content: center; }
    .card.card-load .card-loader i {
      margin: 0 auto;
      color: var(--theme-deafult);
      font-size: 20px; }
  .card.full-card {
    position: fixed;
    top: 0;
    z-index: 99999;
    box-shadow: none;
    right: 0;
    border-radius: 0;
    border: 1px solid #efefef;
    width: calc(100vw - 12px);
    height: calc(100vh); }
    .card.full-card .card-body {
      overflow: auto; }

.page-body-wrapper .card .sub-title {
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  color: #051A1A; }

.card-absolute {
  margin-top: 20px; }
  .card-absolute .card-header {
    position: absolute;
    top: -20px;
    left: 15px;
    border-radius: 0.25rem;
    padding: 10px 15px; }
    .card-absolute .card-header h5 {
      font-size: 17px; }
  .card-absolute .card-body {
    margin-top: 10px; }

.card-header .border-tab {
  margin-bottom: -13px; }

.custom-card {
  overflow: hidden;
  padding: 30px; }
  .custom-card .card-header {
    padding: 0; }
    .custom-card .card-header img {
      border-radius: 50%;
      margin-top: -100px;
      transform: scale(1.5); }
  .custom-card .card-profile {
    text-align: center; }
    .custom-card .card-profile img {
      height: 110px;
      padding: 7px;
      background-color: #fff;
      z-index: 1;
      position: relative; }
  .custom-card .card-social {
    text-align: center; }
    .custom-card .card-social li {
      display: inline-block;
      padding: 15px 0; }
      .custom-card .card-social li:last-child a {
        margin-right: 0; }
      .custom-card .card-social li a {
        padding: 0;
        margin-right: 15px;
        color: #bcc6de;
        font-size: 16px;
        transition: all 0.3s ease; }
        .custom-card .card-social li a:hover {
          color: var(--theme-deafult);
          transition: all 0.3s ease; }
  .custom-card .profile-details h6 {
    margin-bottom: 30px;
    margin-top: 10px;
    color: #FFFFFF;
    font-size: 14px; }
  .custom-card .card-footer {
    padding: 0; }
    .custom-card .card-footer > div {
      padding: 15px;
      text-align: center; }
      .custom-card .card-footer > div + div {
        border-left: 1px solid #efefef; }
      .custom-card .card-footer > div h3 {
        margin-bottom: 0;
        font-size: 24px; }
      .custom-card .card-footer > div h6 {
        font-size: 14px;
        color: #FFFFFF; }
      .custom-card .card-footer > div h5 {
        font-size: 16px;
        margin-bottom: 0; }
      .custom-card .card-footer > div i {
        font-size: 24px;
        display: inline-block;
        margin-bottom: 15px; }
      .custom-card .card-footer > div .m-b-card {
        margin-bottom: 10px; }

.social-profile {
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .social-profile .card-body {
    padding-left: 20px;
    padding-right: 20px; }
    @media (max-width: 1399px) {
      .social-profile .card-body {
        padding: 23px 15px; } }
.social-details {
  margin-top: 15px; }
  .social-details h5 a {
    color: var(--body-font-color);
    font-weight: 700; }
  .social-details .social-follow {
    column-count: 3;
    column-gap: 30px;
    margin-top: 25px; }
    @media (max-width: 1399px) {
      .social-details .social-follow {
        column-gap: 23px; } }
    .social-details .social-follow li {
      position: relative; }
      .social-details .social-follow li + li::before {
        position: absolute;
        content: "";
        width: 1px;
        height: 14px;
        background-color: var(--recent-dashed-border);
        left: -15px;
        top: 50%;
        transform: translateY(-50%); }
        [dir="rtl"] .social-details .social-follow li + li::before {
          left: unset;
          right: -15px; }
  .social-details .card-social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 15px; }

.social-img-wrap {
  background: linear-gradient(253deg, var(--theme-deafult) 11.51%, rgba(115, 102, 255, 0) 82.07%);
  display: inline-block;
  border-radius: 100%;
  padding: 2px;
  position: relative; }
  .social-img-wrap .edit-icon {
    position: absolute;
    right: 0;
    bottom: 0; }
    .social-img-wrap .edit-icon svg {
      width: 20px;
      height: 20px;
      border-radius: 100%;
      border: 2px solid var(--white);
      background: var(--white); }

.social-img {
  padding: 5px;
  background: var(--white);
  border-radius: 100%; }
  .social-img img {
    height: 68px;
    border-radius: 100%; }

/**=====================
    2.10 Card CSS End
==========================**/
/**=====================
     2.11 Color CSS Start
==========================**/
.color-box {
  margin-bottom: -10px; }
  .color-box button {
    margin-bottom: 10px; }
    .color-box button + button {
      margin-left: 5px; }

.light-font {
  color: #FFFFFF; }

/**=====================
     2.11 Color CSS Ends
==========================**/
/**=====================
    2.12 Datatable CSS Start
==========================**/
div.dt-button-background {
  display: none !important; }

div.DTS div.dataTables_scrollBody table {
  z-index: 1; }

div .table-avtar {
  height: 32px;
  margin-right: 10px; }
  [dir="rtl"] div .table-avtar {
    margin-right: unset;
    margin-left: 10px; }

div .action {
  display: flex; }
  div .action i {
    font-size: 16px; }
  div .action .pdf i {
    font-size: 20px;
    color: #FE6A49; }
  div .action .edit {
    margin-right: 5px; }
    div .action .edit i {
      color: #00AC46; }
    [dir="rtl"] div .action .edit {
      margin-left: 5px; }
  div .action .delete i {
    color: #FE6A49; }

#auto-generate-content_wrapper.dataTables_wrapper button {
  background-color: var(--white);
  border: 1px solid var(--theme-deafult);
  color: var(--theme-deafult); }

.dataTables_wrapper {
  width: calc(100% - 1px);
  padding: 0; }
  .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #ecf3fa; }
  .dataTables_wrapper .dt-buttons .btn {
    border-radius: 0.25rem !important; }
  .dataTables_wrapper .btn-group button {
    margin-right: 5px; }
  .dataTables_wrapper button {
    font-weight: 400;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    border-radius: 0.25rem;
    color: #fff; }
  .dataTables_wrapper + .dataTables_wrapper {
    margin-top: 20px; }
  .dataTables_wrapper .dataTables_paginate {
    margin-left: 15px !important;
    border: 1px solid #E6E9EB;
    border-radius: 0.25rem;
    padding-top: 0; }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
      margin: 0; }
      .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:active {
        background: var(--theme-deafult);
        color: #fff !important;
        box-shadow: none; }
      .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        border: 1px solid var(--theme-deafult);
        color: #2c323f !important;
        background: transparent !important; }
  .dataTables_wrapper .dataTables_length {
    margin-bottom: 30px; }
    .dataTables_wrapper .dataTables_length select {
      border-color: #E6E9EB;
      color: #2c323f;
      padding: 0 10px;
      margin: 0 10px;
      height: 2.7142em;
      background-color: #fff; }
  .dataTables_wrapper table.dataTable {
    border: 1px solid #efefef; }
    .dataTables_wrapper table.dataTable tbody td.select-checkbox,
    .dataTables_wrapper table.dataTable tbody th.select-checkbox {
      padding-right: 40px !important; }
      .dataTables_wrapper table.dataTable tbody td.select-checkbox:before,
      .dataTables_wrapper table.dataTable tbody th.select-checkbox:before {
        right: 20px;
        top: 22px;
        left: unset; }
      .dataTables_wrapper table.dataTable tbody td.select-checkbox:after,
      .dataTables_wrapper table.dataTable tbody th.select-checkbox:after {
        margin-top: -5px;
        margin-left: 21px; }
    .dataTables_wrapper table.dataTable thead th,
    .dataTables_wrapper table.dataTable thead td {
      border-bottom: 2px solid #efefef; }
    .dataTables_wrapper table.dataTable th,
    .dataTables_wrapper table.dataTable td {
      padding: 0.75rem; }
  .dataTables_wrapper .dataTables_filter {
    margin-bottom: 25px;
    margin-left: 15px; }
    .dataTables_wrapper .dataTables_filter input[type="search"] {
      border: 1px solid #efefef;
      padding: 0 10px;
      margin-left: 10px;
      height: 37px;
      border-radius: 0; }

.dataTables_scrollHeadInner {
  width: 100% !important; }

table .fixedHeader-floating {
  position: fixed !important;
  background-color: #fff; }

table .box > div {
  padding: 5px 15px;
  background-color: var(--theme-deafult);
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
  margin-right: 15px; }

table.dataTable.fixedHeader-locked, table.dataTable.fixedHeader-floating {
  width: calc(100vw - 250px) !important;
  max-width: calc(100vw - 250px) !important;
  overflow: hidden !important;
  right: 0 !important;
  z-index: 99;
  left: 260px !important; }

table.dataTable:not(.fixedHeader-locked):not(.fixedHeader-floating) {
  width: 100% !important; }

table.dataTable {
  border-collapse: collapse !important;
  margin-top: 0 !important; }
  table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
  table.dataTable thead .sorting_asc:before,
  table.dataTable thead .sorting_asc:after,
  table.dataTable thead .sorting_desc:before,
  table.dataTable thead .sorting_desc:after,
  table.dataTable thead .sorting_asc_disabled:before,
  table.dataTable thead .sorting_asc_disabled:after,
  table.dataTable thead .sorting_desc_disabled:before,
  table.dataTable thead .sorting_desc_disabled:after {
    bottom: 12px !important; }
  table.dataTable input,
  table.dataTable select {
    border: 1px solid #efefef;
    height: 37px; }

.user-datatable tr td:first-child,
.user-datatable tr th:first-child {
  min-width: 150px; }

.jsgrid .jsgrid-button {
  width: 20px;
  height: 20px; }

.jsgrid .jsgrid-delete-button {
  background-position: 0 -78px;
  width: 22px;
  height: 22px; }

.jsgrid .jsgrid-edit-button {
  background-position: -2px -122px;
  width: 22px;
  height: 22px; }

.jsgrid .jsgrid-insert-mode-button {
  background-position: -2px -160px;
  width: 25px;
  height: 25px; }

.jsgrid .jsgrid-insert-button {
  background-position: -3px -202px;
  width: 16px;
  height: 16px; }

.toolbar {
  padding: 5px 15px;
  background-color: var(--theme-deafult);
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
  margin-right: 15px; }

code.option {
  color: #FE6A49 !important; }

code.api {
  color: #00AC46 !important; }

.dt-ext .dataTables_wrapper .page-item.active .page-link {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important;
  color: #fff; }

.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 9px 12px;
  border: 1px solid #E6E9EB !important;
  border-radius: 0px; }
  .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.hover, .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.active {
    border: none !important; }

.dt-ext .dataTables_wrapper .dataTables_paginate .page-link {
  margin-left: 0px;
  color: var(--theme-deafult); }

.dt-ext .dataTables_wrapper button.dt-button,
.dt-ext .dataTables_wrapper div.dt-button,
.dt-ext .dataTables_wrapper a.dt-button,
.dt-ext .dataTables_wrapper button.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button.active:not(.disabled) {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  border-radius: 2px;
  color: #fff;
  background-image: none;
  font-size: 14px; }

.dt-ext .dataTables_wrapper button.dt-button.btn-success,
.dt-ext .dataTables_wrapper div.dt-button.btn-success,
.dt-ext .dataTables_wrapper a.dt-button.btn-success {
  background-color: #00AC46;
  border-color: #00AC46; }

.dt-ext .dataTables_wrapper button.dt-button.btn-primary,
.dt-ext .dataTables_wrapper div.dt-button.btn-primary,
.dt-ext .dataTables_wrapper a.dt-button.btn-primary {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }

.dt-ext .dataTables_wrapper button.dt-button.btn-danger,
.dt-ext .dataTables_wrapper div.dt-button.btn-danger,
.dt-ext .dataTables_wrapper a.dt-button.btn-danger {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.dt-ext .dataTables_wrapper table.dataTable th.focus,
.dt-ext .dataTables_wrapper table.dataTable td.focus {
  outline: 3px solid var(--theme-deafult); }

.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected > .sorting_1,
.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
  background-color: #29ffff; }

.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd.selected,
.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd > .selected,
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected,
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd > .selected {
  background-color: #29ffff; }

.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.even.selected > .sorting_1,
.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
  background-color: #29ffff; }

.dt-ext .dataTables_wrapper table.dataTable tbody > tr.selected,
.dt-ext .dataTables_wrapper table.dataTable tbody > tr > .selected {
  background-color: #29ffff; }

td.highlight {
  background-color: #E6E9EB !important; }

td.details-control {
  background: url(/../images/details_open.png) no-repeat center center;
  cursor: pointer; }

tr.shown td.details-control {
  background: url(/../images/details_close.png) no-repeat center center; }

.dataTables_scroll ~ .dataTables_paginate {
  margin-top: 20px !important; }

.product-table th:last-child {
  min-width: 120px; }

.product-table h6 {
  font-weight: 600;
  color: #2c323f; }

table.dataTable.display tbody tr.odd > .sorting_1 {
  background-color: #fdfeff; }

table.dataTable.display tbody tr.odd .badge {
  line-height: 15px; }

table.dataTable.display tbody tr.even .badge {
  line-height: 15px; }

.jsgrid-row .jsgrid-cell .badge,
.jsgrid-alt-row .jsgrid-cell .badge {
  line-height: 15px !important; }

/**=====================
     2.12 Datatable CSS Ends
==========================**/
/**=====================
    2.13 Datapicker CSS Start
==========================**/
.clockpicker-canvas line {
  stroke: var(--theme-deafult); }

.clockpicker-canvas-fg,
.clockpicker-canvas-bearing {
  fill: var(--theme-deafult); }

.datepicker {
  z-index: 99; }

.datepicker--day-name {
  color: #006666;
  font-weight: bold; }

.datepicker--cell.-current- {
  color: #000;
  border-radius: 5px;
  font-weight: bold;
  border: 2px solid var(--theme-deafult); }

.datepicker--cell.-focus- {
  background: var(--theme-deafult);
  color: #fff; }

.datepicker--cell.-selected- {
  background: var(--theme-deafult) !important; }

.datepicker--cell-day {
  width: 14.2857142857%; }

.datepickers-container,
.bootstrap-datetimepicker-widget {
  z-index: 7; }

.datetime-picker .bootstrap-datetimepicker-widget.dropdown-menu {
  width: auto; }

.datetime-picker .input-group-text i {
  line-height: 1.3; }

.clockpicker-popover {
  border: none;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  z-index: 7; }
  .clockpicker-popover .popover-content {
    background-color: rgba(0, 102, 102, 0.05); }

.clockpicker-canvas-bg {
  fill: #29ffff; }

.clockpicker-tick:hover {
  color: inherit;
  background-color: #29ffff; }

.calendar-basic .md-sidebar-aside {
  background-color: #fff; }

.calendar-basic #external-events {
  padding: 20px;
  border: 1px solid #d7e2e9; }
  .calendar-basic #external-events h4 {
    margin-bottom: 14px; }
  .calendar-basic #external-events p {
    margin-top: 12px; }
  .calendar-basic #external-events .fc-h-event {
    padding: 12px;
    background-color: var(--theme-deafult);
    border: 1px solid var(--theme-deafult); }
    .calendar-basic #external-events .fc-h-event + .fc-h-event {
      margin-top: 10px; }
    .calendar-basic #external-events .fc-h-event .fc-event-main {
      font-size: 13px; }

.calendar-basic .calendar-default .fc-daygrid-dot-event .fc-event-title {
  text-overflow: ellipsis; }

.calendar-basic .calendar-default .fc td[role="presentation"] {
  border: 0; }

.calendar-basic .calendar-default .fc .fc-daygrid-day-number,
.calendar-basic .calendar-default .fc .fc-col-header-cell-cushion {
  color: #051A1A; }

.calendar-basic .calendar-default .fc .fc-button .fc-icon {
  height: 23px; }

.calendar-basic .calendar-default .fc-h-event {
  padding: 2px;
  background-color: #006666;
  border: 1px solid #006666; }

.calendar-basic .calendar-default .fc-toolbar-chunk .fc-button-group ~ .fc-today-button {
  margin: 0 8px; }

.fc-event-dragging {
  padding: 10px;
  background-color: var(--theme-deafult); }

.fc .fc-toolbar {
  flex-wrap: wrap;
  gap: 10px; }

.fc .fc-button-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 102, 102, 0.5); }

.main-inline-calender.input-group {
  flex-direction: column; }
  .main-inline-calender.input-group .form-control {
    width: 100%; }
  .main-inline-calender.input-group .flatpickr-calendar.inline {
    width: 100%; }
  .main-inline-calender.input-group .flatpickr-innerContainer {
    display: block; }
  .main-inline-calender.input-group .flatpickr-rContainer {
    display: block; }
    .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-weekdays {
      width: 100%; }
    .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days {
      width: 100%; }
      .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer {
        width: 100%;
        max-width: none;
        min-width: unset; }
        .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day {
          border-radius: 5px;
          width: 100%;
          max-width: unset; }
          .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover {
            color: var(--body-font-color); }

.flatpickr-day.selected,
.flatpickr-day .endRange {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }
  .flatpickr-day.selected:hover,
  .flatpickr-day .endRange:hover {
    background-color: var(--theme-deafult);
    border-color: var(--theme-deafult); }

.main-flatpickr .form-control:read-only {
  background-color: unset; }

.flatpickr-months {
  font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: 30px; }
  .flatpickr-months .flatpickr-month {
    margin-top: 16px; }
  .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    top: 10px; }

.flatpickr-current-month {
  font-size: calc(14px + (19 - 14) * ((100vw - 320px) / (1920 - 320))); }

@media (max-width: 400px) {
  .flatpickr-calendar.animate {
    width: 77%;
    left: 50% !important;
    transform: translateX(-50%); } }

.flatpickr-calendar .flatpickr-days {
  width: unset; }
  .flatpickr-calendar .flatpickr-days .dayContainer {
    width: unset;
    min-width: unset;
    max-width: unset; }

@media (max-width: 768px) {
  .flatpicker-calender .form-control {
    font-size: 14px; } }

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.timepicker-wrapper .row {
  margin-bottom: 16px; }
  .timepicker-wrapper .row:last-child {
    margin-bottom: 0; }

/**=====================
   2.13 Datapicker CSS End
==========================**/
/**=====================
	2.14 Dropdown CSS Start
==========================**/
.img-cropper .dropup .dropdown-toggle::after {
  content: '';
  display: none; }

.dropdown-auto {
  overflow: auto; }

.dropdown-divider {
  margin: 0; }

.dropdown .dropdown-toggle {
  color: #242934;
  border-radius: 8px;
  padding: 11px 12px;
  border: 1px solid #E6E9EB;
  width: 106px;
  text-align: left; }
  .dropdown .dropdown-toggle:focus {
    border: 1px solid #E6E9EB;
    box-shadow: none; }
  .dropdown .dropdown-toggle:after {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f107";
    border: none;
    font-family: "FontAwesome";
    font-size: 18px;
    margin: 0; }
  .dropdown .dropdown-toggle.btn-primary {
    color: #fff; }

.dropdown .dropdown-toggle-store {
  width: 130px; }

.dropdown .dropdown-toggle-calendar {
  width: 218px; }

.dropdown .dropdown-menu {
  font-family: "Montserrat", sans-serif;
  z-index: 4; }

.docs-toggles .dropdown .dropdown-toggle {
  width: auto; }

.docs-toggles .btn-group lable.active .docs-tooltip {
  color: #fff !important; }

.nav-tabs .dropdown .dropdown-toggle {
  width: 120px; }
  @media only screen and (max-width: 575.98px) {
    .nav-tabs .dropdown .dropdown-toggle {
      width: 100%;
      text-align: center; } }
.icon-dropdown .dropdown-toggle {
  background: transparent;
  color: #FFFFFF;
  padding: 0;
  width: auto; }
  .icon-dropdown .dropdown-toggle i {
    font-size: 16px; }
  .icon-dropdown .dropdown-toggle::after {
    display: none; }

.icon-dropdown .dropdown-item {
  line-height: 1.5; }

.dropdown-basic {
  margin-bottom: -10px; }
  .dropdown-basic .btn-group .btn-round {
    border-radius: 50px; }
  .dropdown-basic .separated-btn {
    margin-left: -6px; }
    [dir="rtl"] .dropdown-basic .separated-btn {
      margin-left: unset;
      margin-right: -6px; }
    .dropdown-basic .separated-btn .btn {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      padding: 10px; }
    .dropdown-basic .separated-btn.dropdown {
      margin-bottom: 0; }
  .dropdown-basic button {
    max-height: 43px; }
  .dropdown-basic .dropdown {
    position: relative;
    display: inline-block;
    margin-bottom: 10px; }
    .dropdown-basic .dropdown .dropbtn {
      color: white;
      padding: 12px 35px;
      border: none;
      cursor: pointer; }
    .dropdown-basic .dropdown .dropdown-content {
      display: none;
      position: absolute;
      right: 0;
      background-color: #f9f9f9;
      min-width: 175px;
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
      z-index: 1;
      left: 0;
      top: 45px; }
      .dropdown-basic .dropdown .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block; }
      .dropdown-basic .dropdown .dropdown-content .dropdown-header {
        padding: 12px 16px; }
  .dropdown-basic .dropdown-content a:hover {
    background-color: #f1f1f1; }
  .dropdown-basic .dropdown:hover .dropdown-content {
    display: block; }

.dropup-basic .dropup {
  position: relative;
  display: inline-block; }
  .dropup-basic .dropup .dropbtn {
    color: white;
    padding: 12px;
    border: none; }
  .dropup-basic .dropup .dropup-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 170px;
    bottom: 45px;
    z-index: 999;
    left: 0; }
    .dropup-basic .dropup .dropup-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block; }

.dropup-basic .dropup .dropup-content a:hover {
  background-color: #ecf3fa; }

.dropup-basic .dropup:hover .dropup-content {
  display: block; }
  .dropup-basic .dropup:hover .dropup-content a.active {
    background-color: #ecf3fa; }

.dropdown-block li .dropdown-item:hover {
  background-color: #E6E9EB; }

.dropdown-block li .helper-truncate:hover {
  background-color: unset !important; }

.dropdown-basic .dropdown .dropdown-content a:hover {
  background-color: #E6E9EB !important; }

.dropdown-menu .input-group {
  background-color: unset;
  padding: 6px 12px;
  border-top: 1px solid #efefef;
  background-color: #fff;
  opacity: 0.6; }
  .dropdown-menu .input-group:hover, .dropdown-menu .input-group:active {
    background-color: #E6E9EB; }
  .dropdown-menu .input-group .input-group-text {
    background-color: unset;
    border: none; }

.dark-form .form-label {
  color: var(--text-gray); }

.dark-form .form-control {
  border: 1px solid var(--text-gray) !important; }

.dark-form .form-check .form-check-input {
  border: 1px solid var(--text-gray); }

.dark-form .form-check .form-check-label {
  color: var(--text-gray); }

.dark-form h6 {
  color: var(--text-gray); }

.dark-form p.dropdown-item {
  padding: 7px 0 0 0;
  border-top: 1px solid var(--chart-dashed-border); }

.dark-form .helper-truncate {
  color: var(--text-gray);
  background-color: transparent; }

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 8px;
  vertical-align: 4px;
  content: '';
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-bottom: 0;
  border-left: 4px solid transparent; }
  [dir="rtl"] .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px; }

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 8px;
  content: '';
  border-top: 4px solid transparent;
  border-right: 4px solid;
  border-bottom: 4px solid transparent; }
  [dir="rtl"] .dropstart .dropdown-toggle::before {
    margin-left: 8px;
    margin-right: unset; }

.dropup .dropdown-toggle::after {
  content: '';
  display: inline-block;
  margin-left: 8px;
  vertical-align: 4px;
  border-top: 0;
  border-right: 4px solid transparent;
  border-bottom: 4px solid;
  border-left: 4px solid transparent; }
  [dir="rtl"] .dropup .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px; }

.dropend .dropdown-toggle::after {
  content: '';
  display: inline-block;
  content: '';
  border-top: 4px solid transparent;
  border-right: 0;
  border-bottom: 4px solid transparent;
  border-left: 4px solid;
  margin-left: 8px; }
  [dir="rtl"] .dropend .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px; }

.form-wrapper {
  width: 260px; }

@media (max-width: 400px) {
  .dropdown-menu .helper-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; } }

.dark-dropdown .dropdown-block li .dropdown-item:hover, .dark-dropdown .dropdown-block li .dropdown-item.active {
  background-color: #2c323f;
  color: #fff; }

btn-group .dropdown-wrapper {
  z-index: 2; }
  btn-group .dropdown-wrapper .input-group .input-group-text {
    padding: 0px 8px 0px 0px; }
    [dir="rtl"] btn-group .dropdown-wrapper .input-group .input-group-text {
      padding: 0px 0px 0px 8px; }

[dir="rtl"] .rtl-dropdown .dropdown-menu li .dropdown-item {
  text-align: right; }

[dir="rtl"] .rtl-dropdown .btn-group .dropdown-menu {
  text-align: right; }

.heading-dropdown .dropdown-menu > li:first-child > a {
  border-bottom: 4px solid var(--recent-border);
  border-top: 0;
  background-color: #d7e2e9; }

/**=====================
	2.14 Dropdown CSS Ends
==========================**/
/**=====================
  2.15 Form-builder CSS Start
==========================**/
.component {
  cursor: pointer; }
  .component label {
    padding-top: 8px; }
  .component .form-group input,
  .component .form-group textarea,
  .component .form-group select {
    border-radius: 4px; }

input {
  cursor: pointer; }

textarea {
  resize: vertical; }

.popover .controls {
  margin-left: 0; }

.popover .control-label {
  text-align: left; }

.popover form {
  width: 100%; }

.popover .fade.left.in {
  left: -215px; }

.drag form {
  padding: 10px 5px;
  border: 1px dotted #ecf3fa;
  position: absolute;
  background: #fff;
  box-shadow: 0 0 30px #ecf3fa;
  overflow: hidden; }
  .drag form input {
    border-radius: 5px; }

/**=====================
  2.15 Form-builder CSS Ends
==========================**/
/**=====================
    2.16 Form-input CSS Start
==========================**/
.icon-addon .addon-md .fa, .icon-addon .addon-md .glyphicon {
  position: absolute;
  z-index: 2;
  left: 10px;
  font-size: 14px;
  width: 20px;
  margin-left: -2.5px;
  text-align: center;
  padding: 10px 0;
  top: 1px; }

.icon-addon .glyphicon,
.icon-addon .fa {
  position: absolute;
  z-index: 2;
  left: 10px;
  font-size: 14px;
  width: 20px;
  margin-left: -2.5px;
  text-align: center;
  padding: 10px 0;
  top: 1px; }

.input-group-square .input-group-text,
.input-group-square .form-control {
  border-radius: 0px; }

.input-group-air {
  box-shadow: 0 3px 20px 0 #efefef; }

.icon-addon {
  position: relative;
  color: #4c5667;
  display: block; }
  .icon-addon:after {
    display: table;
    content: "";
    clear: both; }
  .icon-addon:before {
    display: table;
    content: ""; }
  .icon-addon .addon-md .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal; }
  .icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal; }

.input-group-wrapper .input-group {
  margin-bottom: 16px; }
  .input-group-wrapper .input-group .form-control {
    font-size: 16px; }
    .input-group-wrapper .input-group .form-control:focus {
      border-color: var(--recent-border);
      box-shadow: unset; }
  .input-group-wrapper .input-group:last-child {
    margin-bottom: 0; }

.input-group-wrapper .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.main-custom-form label {
  margin-bottom: 0; }

.main-custom-form .form-select:focus {
  box-shadow: unset;
  border-color: var(--recent-border); }

.main-custom-form .dropdown-menu {
  z-index: 3; }

.main-custom-form .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.main-custom-form .form-select,
.main-custom-form .form-control {
  font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); }

.main-custom-form .input-group-text {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); }

@media (max-width: 338px) {
  .main-custom-form .dropdown-toggle.btn {
    padding: 6px 11px; } }

.main-segment-btn .dropdown-toggle::after {
  content: '';
  margin-left: 0;
  border-top: 6px solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  vertical-align: 2px; }

.main-segment-btn .dropdown-menu {
  z-index: 3; }

#exampleDataList::-webkit-calendar-picker-indicator:hover, #exampleDataList::-webkit-calendar-picker-indicator:focus {
  display: none; }

.form-control-color {
  max-width: 70rem; }

.theme-form select.form-select option {
  padding: 8px 10px;
  border-radius: 100px; }

.input-radius .form-control:focus {
  box-shadow: unset;
  border-color: var(--recent-border); }

.input-radius .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.floating-wrapper .form-floating .form-control {
  height: 54px; }

/**=====================
    2.16 Form-input CSS Ends
	==========================**/
/**=====================
    2.17 Form-wizard CSS Start
==========================**/
/*Form Wizard One Start*/
.form-wizard .tab {
  display: none; }

.form-wizard .step {
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: var(--theme-deafult);
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5; }
  .form-wizard .step.active {
    opacity: 1; }
  .form-wizard .step.finish {
    background-color: var(--theme-secondary); }

/*Form Wizard One ends*/
/*Form Wizard Four Start*/
.wizard-4 .action-bar {
  position: absolute;
  bottom: 50px;
  right: 50px; }
  [dir="rtl"] .wizard-4 .action-bar {
    right: unset;
    left: 50px; }

.wizard-4 .action-bar .btn {
  float: right;
  margin: 0 5px;
  background-color: rgba(0, 102, 102, 0.3) !important;
  border-color: rgba(0, 102, 102, 0.3) !important;
  color: var(--theme-deafult); }

.wizard-4 .action-bar .buttonDisabled {
  color: #59667a;
  background-color: rgba(89, 102, 122, 0.05) !important;
  border: 1px solid rgba(89, 102, 122, 0.05) !important;
  cursor: text; }

.wizard-4 .step-container {
  background: #f8f9fe;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0 solid #e8ebf2;
  overflow: hidden;
  clear: right;
  width: 70%; }
  .wizard-4 .step-container div.content {
    display: block;
    position: absolute;
    float: left;
    text-align: left;
    overflow: auto;
    z-index: 1;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both; }
    [dir="rtl"] .wizard-4 .step-container div.content {
      text-align: unset;
      text-align: right; }
    .wizard-4 .step-container div.content .wizard-title {
      width: 450px;
      margin: 0 auto; }

.wizard-4 .loader {
  display: none; }

.wizard-4 .msg-box {
  position: fixed;
  display: none;
  padding: 5px 10px;
  background-color: #009999;
  top: 30px;
  border-radius: 5px;
  right: 60px;
  padding: 10px 20px; }
  .wizard-4 .msg-box .content {
    padding: 0;
    float: left;
    padding-top: 3px;
    color: #fff; }
  .wizard-4 .msg-box .close {
    color: #fff;
    margin-left: 10px;
    opacity: 1;
    font-size: 18px;
    line-height: 1.4; }
    [dir="rtl"] .wizard-4 .msg-box .close {
      margin-right: 10px;
      margin-left: unset; }

.wizard-4 ul.anchor {
  float: left;
  width: 30%;
  height: calc(100vh - 300px);
  padding: 40px 30px;
  overflow: auto; }
  .wizard-4 ul.anchor .disabled {
    opacity: 0.7;
    color: #59667a; }
    .wizard-4 ul.anchor .disabled h4 {
      background-color: rgba(89, 102, 122, 0.15); }
  .wizard-4 ul.anchor .logo {
    padding-bottom: 20px; }
  .wizard-4 ul.anchor li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    padding-bottom: 19px;
    float: left;
    clear: both;
    width: 100%;
    box-sizing: border-box;
    z-index: 0; }
    .wizard-4 ul.anchor li + li a {
      padding-left: 80px; }
      [dir="rtl"] .wizard-4 ul.anchor li + li a {
        padding-left: unset;
        padding-right: 80px; }
    .wizard-4 ul.anchor li:last-child {
      position: absolute;
      bottom: 0;
      width: auto;
      padding-bottom: 0;
      left: 9%; }
      [dir="rtl"] .wizard-4 ul.anchor li:last-child {
        left: unset;
        right: 9%; }
      .wizard-4 ul.anchor li:last-child img {
        height: 300px; }
        @media (max-width: 1199px) {
          .wizard-4 ul.anchor li:last-child img {
            height: 220px; } }
    .wizard-4 ul.anchor li h4 {
      display: inline-block;
      background-color: rgba(0, 102, 102, 0.2);
      padding: 16px 23px;
      border-radius: 100%;
      position: absolute;
      left: 0;
      top: 6px;
      width: 60px;
      display: flex;
      align-items: center;
      justify-content: center; }
      [dir="rtl"] .wizard-4 ul.anchor li h4 {
        left: unset;
        right: 0; }
    .wizard-4 ul.anchor li a {
      display: block;
      position: relative;
      float: left;
      margin: 0;
      padding: 10px 20px;
      width: 100%;
      box-sizing: border-box;
      text-decoration: none;
      outline-style: none;
      z-index: 1;
      font-size: 18px; }
      .wizard-4 ul.anchor li a small {
        display: block;
        font-size: 14px; }
      .wizard-4 ul.anchor li a .stepNumber {
        position: relative;
        float: left;
        width: 30px;
        text-align: center;
        padding: 5px;
        padding-top: 0; }
      .wizard-4 ul.anchor li a.done h4 {
        color: #fff;
        background: var(--theme-deafult); }
        .wizard-4 ul.anchor li a.done h4:before {
          font-size: 12px;
          position: absolute;
          left: 5px;
          top: -3px;
          content: "\e64c";
          font-family: 'themify';
          background-color: #fff;
          color: var(--theme-deafult);
          border-radius: 15px;
          padding: 2px;
          border: 1px solid; }
      .wizard-4 ul.anchor li a.error {
        color: #898989;
        background: #fe8a7d;
        border: 1px solid #FE6A49; }
        .wizard-4 ul.anchor li a.error:hover {
          color: #000; }

.wizard {
  max-width: 670px;
  margin: 0 auto; }
  .wizard .wizard-content {
    box-shadow: unset;
    background-color: #fff;
    border-radius: 5px; }

.vertical-main-wizard .header-vertical-wizard {
  background-color: var(--light-background);
  height: 100%;
  text-align: unset; }
  .vertical-main-wizard .header-vertical-wizard .nav-link {
    border-bottom: 1px solid var(--recent-border);
    border-radius: 0;
    padding: 20px; }
    .vertical-main-wizard .header-vertical-wizard .nav-link:last-child {
      border-bottom: 0; }

.vertical-main-wizard .nav-pills .nav-link.active {
  background-color: transparent; }

.vertical-main-wizard .nav-pills.show > .nav-link {
  background-color: transparent; }

.vertical-main-wizard .nav-link .vertical-wizard {
  display: flex;
  align-items: center;
  gap: 14px; }
  .vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard {
    width: 33px;
    height: 33px;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: relative;
    border: 1px solid #52526c; }
    .vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard i {
      margin-right: 0;
      color: #52526c; }
  .vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content h6 {
    font-weight: 400;
    line-height: 1;
    color: var(--body-font-color); }
  .vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content p {
    color: var(--text-gray); }

.vertical-main-wizard .nav-link:active, .vertical-main-wizard .nav-link.active {
  background-color: unset; }
  .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard {
    background-color: var(--theme-deafult);
    border: 1px solid var(--theme-deafult); }
    .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard i, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard i {
      color: #fff;
      font-size: 18px; }
    .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard::before, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard::before {
      content: '';
      width: 45px;
      height: 45px;
      border-radius: 50%;
      position: absolute;
      border: 1px solid #006666; }
  .vertical-main-wizard .nav-link:active .vertical-wizard .vertical-wizard-content h6, .vertical-main-wizard .nav-link.active .vertical-wizard .vertical-wizard-content h6 {
    color: var(--theme-deafult); }

.vertical-main-wizard .form-check .form-check-label {
  margin-bottom: 0; }

.vertical-main-wizard .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.basic-wizard .stepper-horizontal {
  display: flex;
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  margin-bottom: 24px; }
  .basic-wizard .stepper-horizontal .step {
    position: relative;
    padding-inline: 24px;
    z-index: 2;
    width: 100%; }
    .basic-wizard .stepper-horizontal .step:first-child {
      padding-left: 0; }
    .basic-wizard .stepper-horizontal .step:last-child {
      padding-right: 0; }
    .basic-wizard .stepper-horizontal .step:last-child .step-bar-left, .basic-wizard .stepper-horizontal .step:last-child .step-bar-right {
      display: none; }
    .basic-wizard .stepper-horizontal .step .step-circle {
      width: 32px;
      height: 32px;
      margin: 0 auto;
      border-radius: 50%;
      text-align: center;
      line-height: 28px;
      font-size: 16px;
      font-weight: 600;
      z-index: 2;
      border: 2px solid #E6E9EB;
      background: var(--white); }
    .basic-wizard .stepper-horizontal .step.done .step-circle {
      background-color: var(--white);
      border: 2px solid #52526c;
      color: #006666;
      z-index: 4;
      position: relative; }
      .basic-wizard .stepper-horizontal .step.done .step-circle:before {
        font-family: 'FontAwesome';
        font-weight: 100;
        content: "\f00c"; }
      .basic-wizard .stepper-horizontal .step.done .step-circle * {
        display: none; }
    .basic-wizard .stepper-horizontal .step.done .step-title {
      color: #52526c; }
    .basic-wizard .stepper-horizontal .step.editing .step-circle {
      background: var(--white);
      border-color: #52526c;
      color: var(--theme-deafult); }
    .basic-wizard .stepper-horizontal .step .step-title {
      margin-top: 8px;
      font-size: 16px;
      font-weight: 600;
      white-space: nowrap;
      color: var(--chart-text-color); }
    .basic-wizard .stepper-horizontal .step .step-title,
    .basic-wizard .stepper-horizontal .step .step-optional {
      text-align: center; }
    .basic-wizard .stepper-horizontal .step .step-bar-left,
    .basic-wizard .stepper-horizontal .step .step-bar-right {
      position: absolute;
      top: calc(32px - 18px);
      height: 4px;
      background-color: rgba(0, 102, 102, 0.2);
      border: solid rgba(0, 102, 102, 0.2);
      border-width: 2px 0; }
    .basic-wizard .stepper-horizontal .step .step-bar-left {
      width: 100%;
      left: 50%;
      z-index: -1; }
      [dir="rtl"] .basic-wizard .stepper-horizontal .step .step-bar-left {
        left: unset;
        right: 50%;
        margin-left: unset;
        margin-right: 1rem; }
    .basic-wizard .stepper-horizontal .step .step-bar-right {
      width: 0;
      left: 50%;
      z-index: -1;
      transition: width 500ms ease-in-out; }
      [dir="rtl"] .basic-wizard .stepper-horizontal .step .step-bar-right {
        right: 50%;
        left: unset; }
    .basic-wizard .stepper-horizontal .step.done .step-bar-right {
      background-color: var(--theme-deafult);
      border-color: var(--theme-deafult);
      z-index: 3;
      width: 100%; }

.basic-wizard form.none {
  display: none; }

.basic-wizard form.block {
  display: block; }

.basic-wizard form .form-check-label {
  margin-bottom: 0; }

.important-validation .form-label span {
  color: #FE6A49; }

.select-size.form-select {
  font-size: 14px; }

.wizard-footer button.disabled {
  background-color: #EAEBF2; }

.wizard-footer button.back {
  background-color: #FFAE1A; }

.successful-form {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding-bottom: 24px; }
  .successful-form img {
    width: 100px;
    height: 100px; }

.inquiries-form h6 {
  margin-bottom: 14px; }

.inquiries-form .choose-option {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .inquiries-form .choose-option .form-check:last-child {
    margin-bottom: 0; }

.form-completed img {
  height: 100px;
  margin: 0 auto;
  display: block; }

.form-completed h6 {
  text-align: center;
  margin-top: 24px; }

.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options {
  padding: 20px;
  background-color: var(--chart-border);
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 14px; }
  @media (max-width: 1182px) {
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options {
      justify-content: flex-start; } }
  .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a {
    display: flex;
    justify-content: center;
    align-items: center; }
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard {
      display: flex;
      justify-content: center;
      align-items: center;
      color: var(--body-font-color);
      transition: all 0.3s ease; }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard .stroke-icon-wizard i {
        font-size: 18px;
        color: var(--body-font-color); }
        [dir="rtl"] .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard .stroke-icon-wizard i {
          margin-right: unset;
          margin-left: 10px; }
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard {
      color: var(--white);
      transition: all 0.3s ease; }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .stroke-icon-wizard i, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .stroke-icon-wizard i {
        color: var(--white); }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .stroke-icon-wizard span, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .stroke-icon-wizard span {
        color: var(--white); }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .horizontal-wizard-content h6, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .horizontal-wizard-content h6 {
        color: #fff; }

.horizontal-wizard-wrapper .main-horizontal-header .form-check {
  margin-bottom: 0; }

.horizontal-wizard-wrapper .bank-search {
  margin-bottom: 22px; }
  @media (max-width: 767px) {
    .horizontal-wizard-wrapper .bank-search {
      margin-bottom: 0; } }
.horizontal-wizard-wrapper .bank-selection {
  padding: 10px 0 0 0; }
  @media (max-width: 401px) {
    .horizontal-wizard-wrapper .bank-selection .radio-wrapper {
      justify-content: center; } }
  .horizontal-wizard-wrapper .bank-selection .radio-wrapper li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; }
    .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label {
      margin-bottom: 0;
      padding: 6px; }
      .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label img {
        height: calc(45px + (52 - 45) * ((100vw - 320px) / (1920 - 320))); }
      .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label span {
        font-size: 14px; }

.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options {
  gap: 12px; }
  @media (max-width: 1400px) {
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options {
      justify-content: flex-start; } }
  .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link {
    color: var(--body-font-color); }
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard {
      gap: 10px; }
      .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard {
        width: 30px;
        height: 30px;
        background-color: rgba(0, 102, 102, 0.2);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 6px; }
        .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard i {
          margin-right: 0; }
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active {
      background-color: unset; }
      .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard {
        color: var(--body-font-color); }
        .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .horizontal-wizard-content h6, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .horizontal-wizard-content h6 {
          color: var(--theme-deafult); }
        .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .stroke-icon-wizard, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .stroke-icon-wizard {
          background-color: var(--theme-deafult); }
          .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .stroke-icon-wizard i, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .stroke-icon-wizard i {
            margin-right: 0;
            color: var(--white); }

.horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li {
  padding: 20px;
  display: grid;
  width: 100%;
  height: 100%;
  place-content: baseline;
  text-align: unset;
  align-items: unset;
  max-width: unset; }
  .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label {
    justify-content: unset;
    display: flex;
    align-items: center; }
    .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label span > span + span {
      font-size: 13px; }
      @media (max-width: 400px) {
        .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label span > span + span {
          display: none; } }
.horizontal-wizard-wrapper.vertical-options .main-horizontal-header {
  padding-bottom: 0; }
  .horizontal-wizard-wrapper.vertical-options .main-horizontal-header .horizontal-options {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px; }

.authentication-options .radio-wrapper {
  display: flex;
  gap: calc(8px + 8 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
  justify-content: center; }
  .authentication-options .radio-wrapper li {
    padding: 20px;
    display: grid;
    width: 100%;
    height: 100%;
    place-content: baseline;
    text-align: unset;
    align-items: unset;
    max-width: unset; }
    .authentication-options .radio-wrapper li .form-check-label {
      display: flex;
      align-items: center;
      text-align: left;
      gap: 14px; }
      @media (max-width: 400px) {
        .authentication-options .radio-wrapper li .form-check-label {
          align-items: baseline; } }
      .authentication-options .radio-wrapper li .form-check-label i {
        padding: 0; }
        [dir="rtl"] .authentication-options .radio-wrapper li .form-check-label i {
          padding: 0; }
      .authentication-options .radio-wrapper li .form-check-label span > span {
        font-size: 16px;
        color: #1f2533;
        font-weight: 500; }
        .authentication-options .radio-wrapper li .form-check-label span > span + span {
          color: var(--text-gray);
          font-size: 14px; }

.main-qr-code .modal-toggle-wrapper .modal-img {
  flex-direction: column;
  align-items: center;
  margin-bottom: 22px; }
  @media (max-width: 480px) {
    .main-qr-code .modal-toggle-wrapper .modal-img {
      align-items: unset; } }
  @media (max-width: 480px) {
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-img {
      text-align: center; } }
  .main-qr-code .modal-toggle-wrapper .modal-img .qr-img img {
    height: 100px;
    width: 100px; }
  .main-qr-code .modal-toggle-wrapper .modal-img .qr-content {
    margin-top: 16px; }
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert {
      align-items: unset; }
      .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert div {
        word-break: break-word; }
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-content i {
      font-size: 20px;
      margin-right: 0; }

.main-qr-code .modal-toggle-wrapper .btn {
  display: block;
  margin: auto;
  margin-top: 12px; }

.authentication-body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: auto;
  text-align: center; }
  .authentication-body img {
    height: calc(200px + (420 - 200) * ((100vw - 320px) / (1920 - 320))); }

.shopping-wizard .shipping-form .shipping-border {
  border-right: 1px solid var(--recent-dashed-border); }
  @media (max-width: 1200px) {
    .shopping-wizard .shipping-form .shipping-border {
      border-right: unset; } }
.shopping-wizard .shipping-form .shipping-options {
  display: flex;
  align-items: center;
  background-color: rgba(0, 102, 102, 0.2);
  flex-wrap: nowrap;
  margin-bottom: 18px; }
  @media (max-width: 768px) {
    .shopping-wizard .shipping-form .shipping-options {
      flex-direction: column; } }
  .shopping-wizard .shipping-form .shipping-options .nav-link {
    width: 100%; }
    @media (min-width: 1200px) and (max-width: 1920px) {
      .shopping-wizard .shipping-form .shipping-options .nav-link {
        padding: calc(8px + (8 - 8) * ((100vw - 300px) / (1920 - 300))) calc(6px + (16 - 6) * ((100vw - 300px) / (1920 - 300))); } }
    .shopping-wizard .shipping-form .shipping-options .nav-link:active i, .shopping-wizard .shipping-form .shipping-options .nav-link.active i {
      background-color: rgba(255, 255, 255, 0.3);
      color: var(--white);
      transition: all 0.3s ease-in-out; }
    .shopping-wizard .shipping-form .shipping-options .nav-link:active h6, .shopping-wizard .shipping-form .shipping-options .nav-link.active h6 {
      color: var(--white); }
  .shopping-wizard .shipping-form .shipping-options .cart-options {
    display: flex;
    align-items: center;
    gap: 11px; }
    .shopping-wizard .shipping-form .shipping-options .cart-options i {
      font-size: 18px;
      color: var(--white);
      width: 40px;
      height: 40px;
      background-color: var(--theme-deafult);
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      margin: 0;
      transition: all 0.3s ease-in-out; }
      @media (min-width: 1200px) and (max-width: 1920px) {
        .shopping-wizard .shipping-form .shipping-options .cart-options i {
          font-size: calc(14px + (18 - 14) * ((100vw - 1200px) / (1920 - 1200)));
          width: calc(30px + (40 - 30) * ((100vw - 1200px) / (1920 - 1200)));
          height: calc(30px + (40 - 30) * ((100vw - 1200px) / (1920 - 1200))); } }
    .shopping-wizard .shipping-form .shipping-options .cart-options h6 {
      color: var(--theme-deafult); }

.shopping-wizard .shipping-form .shipping-info .table thead th {
  white-space: nowrap; }
  .shopping-wizard .shipping-form .shipping-info .table thead th:last-child {
    text-align: end; }

.shopping-wizard .shipping-form .shipping-info .table tbody tr td img {
  height: 50px; }

.shopping-wizard .shipping-form .shipping-info .table tbody tr td:last-child {
  text-align: end; }

.shopping-wizard .shipping-form .shipping-info .table tbody tr td span {
  color: var(--text-gray); }

.shopping-wizard .shipping-form .shipping-info .table tbody tr:last-child td {
  border: 0; }

.shopping-wizard .shipping-form .shipping-info .table tfoot {
  font-weight: 400; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr td {
    white-space: nowrap; }
    .shopping-wizard .shipping-form .shipping-info .table tfoot tr td:first-child {
      max-width: 370px; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr td:last-child {
    min-width: 0;
    text-align: end; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr:first-child {
    font-weight: 500; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr:last-child {
    font-weight: 600; }
    .shopping-wizard .shipping-form .shipping-info .table tfoot tr:last-child td {
      border-bottom: 0; }

.shopping-wizard .shipping-form .shipping-content {
  height: 100%;
  padding: 0; }
  .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title > .btn {
      background: none !important;
      border: 0;
      padding: 0 28px; }
      .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title > .btn i {
        color: var(--theme-deafult); }
  .shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px; }
    .shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address .card-icon {
      display: flex;
      align-items: center;
      gap: 12px; }
      .shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address .card-icon i {
        font-size: 16px;
        color: var(--theme-deafult); }
  .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-address {
    display: flex;
    flex-direction: column;
    gap: 8px; }
    .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-address h6 {
      font-size: 15px;
      font-weight: 500; }
  .shopping-wizard .shipping-form .shipping-content > .active.finish-wizard1 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 55px - 18px); }
    @media (max-width: 768px) {
      .shopping-wizard .shipping-form .shipping-content > .active.finish-wizard1 {
        height: unset; } }
.shopping-wizard .shipping-form .shipping-method p {
  padding-left: 25px;
  color: var(--text-gray); }
  [dir="rtl"] .shopping-wizard .shipping-form .shipping-method p {
    padding-right: 25px;
    padding-left: unset; }

.shopping-wizard .shipping-form .proceed-next {
  transform: scaleX(-1); }

.shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 768px) {
    .shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper {
      justify-content: unset;
      align-items: flex-start;
      flex-direction: column; } }
  .shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper img {
    height: 50px; }

.shopping-wizard .shipping-form .payment-info-wrapper .pay-info {
  display: block; }
  .shopping-wizard .shipping-form .payment-info-wrapper .pay-info > div {
    margin-bottom: 12px;
    display: flex;
    align-items: center; }
    @media (max-width: 768px) {
      .shopping-wizard .shipping-form .payment-info-wrapper .pay-info > div {
        flex-direction: column;
        align-items: flex-start; } }
.shopping-wizard .shipping-form .order-confirm {
  text-align: center; }
  @media (max-width: 1200px) {
    .shopping-wizard .shipping-form .order-confirm {
      margin-bottom: 18px; } }
  .shopping-wizard .shipping-form .order-confirm img {
    height: calc(95px + (140 - 95) * ((100vw - 320px) / (1920 - 320))); }

.avatar-upload {
  flex-direction: column; }
  .avatar-upload div:first-child {
    position: relative;
    max-width: 205px;
    margin: auto; }
    .avatar-upload div:first-child .avatar-edit {
      position: absolute;
      right: 25px;
      z-index: 1;
      top: 4px; }
      .avatar-upload div:first-child .avatar-edit input {
        display: none; }
      .avatar-upload div:first-child .avatar-edit label {
        display: inline-block;
        width: 35px;
        height: 35px;
        margin-bottom: 0;
        border-radius: 100%;
        background: var(--light-bg);
        border: 1px solid transparent;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
        cursor: pointer;
        font-weight: normal;
        transition: all 0.2s ease-in-out; }
        .avatar-upload div:first-child .avatar-edit label::after {
          content: "\f040";
          font-family: 'FontAwesome';
          color: var(--body-font-color);
          position: absolute;
          top: 8px;
          left: 3px;
          right: 0;
          text-align: center;
          margin: auto; }
          [dir="rtl"] .avatar-upload div:first-child .avatar-edit label::after {
            right: 3px;
            left: 0; }
    .avatar-upload div:first-child .avatar-preview {
      width: 150px;
      height: 150px;
      position: relative;
      border-radius: 100%;
      border: 6px solid #F8F8F8;
      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
      margin: auto; }
      .avatar-upload div:first-child .avatar-preview > div {
        background-image: url(/../images/forms/user.png);
        width: 100%;
        height: 100%;
        border-radius: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }
  .avatar-upload h6 {
    text-align: center;
    padding-top: 14px; }

.email-verify .card-wrapper {
  display: grid;
  place-content: center; }
  .email-verify .card-wrapper > div {
    align-items: center; }
  .email-verify .card-wrapper .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.authenticate {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .authenticate span:nth-of-type(1) {
    margin-top: 12px; }
  .authenticate h4 {
    margin-bottom: 12px; }
  .authenticate img {
    height: calc(145px + (200 - 145) * ((100vw - 320px) / (1920 - 320))); }
  .authenticate form {
    flex-direction: column;
    text-align: center; }
    .authenticate form .otp-generate {
      display: flex;
      gap: 12px;
      margin: 14px 0;
      justify-content: center; }
    .authenticate form .form-control {
      width: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
      height: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
      border-radius: 5px;
      text-align: center;
      padding: 0;
      display: block;
      min-width: 0; }
    .authenticate form div {
      display: inline-grid;
      gap: 2px;
      margin-top: 12px; }

.accordion .accordion-item .accordion-body .choose-bank .form-check .form-check-label {
  color: var(--body-font-color); }

/*Form Wizard Four Ends*/
/**=====================
   2.17 Form-wizard CSS Ends
==========================**/
/**=====================
  2.18 Forms CSS Start
==========================**/
.form-label {
  margin-bottom: 4px; }

.col-form-label {
  padding-bottom: 4px; }

.form-space {
  margin-bottom: -10px; }
  .form-space > div {
    margin-bottom: 10px; }

.theme-form .form-control :focus {
  box-shadow: 0 0 0 0.2rem rgba(171, 140, 228, 0.05); }

.theme-form textarea {
  border-color: #efefef; }
  .theme-form textarea::-webkit-input-placeholder {
    color: #898989;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 100; }

.theme-form input[type=text],
.theme-form input[type=email],
.theme-form input[type=search],
.theme-form input[type=password],
.theme-form input[type=number],
.theme-form input[type=tel],
.theme-form input[type=date],
.theme-form input[type=datetime-local],
.theme-form input[type=time],
.theme-form input[type=datetime-local],
.theme-form input[type=month],
.theme-form input[type=week],
.theme-form input[type=url],
.theme-form input[type=file],
.theme-form textarea,
.theme-form select {
  border-color: #E6E9EB;
  background-color: #fff;
  font-size: 14px;
  color: #898989;
  padding: 10px;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .theme-form input[type=text]::placeholder,
  .theme-form input[type=email]::placeholder,
  .theme-form input[type=search]::placeholder,
  .theme-form input[type=password]::placeholder,
  .theme-form input[type=number]::placeholder,
  .theme-form input[type=tel]::placeholder,
  .theme-form input[type=date]::placeholder,
  .theme-form input[type=datetime-local]::placeholder,
  .theme-form input[type=time]::placeholder,
  .theme-form input[type=datetime-local]::placeholder,
  .theme-form input[type=month]::placeholder,
  .theme-form input[type=week]::placeholder,
  .theme-form input[type=url]::placeholder,
  .theme-form input[type=file]::placeholder,
  .theme-form textarea::placeholder,
  .theme-form select::placeholder {
    color: #898989;
    font-weight: 500; }
  .theme-form input[type=text]::-webkit-input-placeholder,
  .theme-form input[type=email]::-webkit-input-placeholder,
  .theme-form input[type=search]::-webkit-input-placeholder,
  .theme-form input[type=password]::-webkit-input-placeholder,
  .theme-form input[type=number]::-webkit-input-placeholder,
  .theme-form input[type=tel]::-webkit-input-placeholder,
  .theme-form input[type=date]::-webkit-input-placeholder,
  .theme-form input[type=datetime-local]::-webkit-input-placeholder,
  .theme-form input[type=time]::-webkit-input-placeholder,
  .theme-form input[type=datetime-local]::-webkit-input-placeholder,
  .theme-form input[type=month]::-webkit-input-placeholder,
  .theme-form input[type=week]::-webkit-input-placeholder,
  .theme-form input[type=url]::-webkit-input-placeholder,
  .theme-form input[type=file]::-webkit-input-placeholder,
  .theme-form textarea::-webkit-input-placeholder,
  .theme-form select::-webkit-input-placeholder {
    color: #86909C;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 100; }

.theme-form input[type=text]::placeholder {
  color: #86909C;
  font-size: 14px; }

.theme-form input[type=file] {
  height: auto; }

.theme-form select.form-control:not([size]):not([multiple]) {
  border-color: #efefef;
  font-size: 14px; }

.theme-form .checkbox label {
  padding-left: 10px; }
  [dir="rtl"] .theme-form .checkbox label {
    padding-right: 10px;
    padding-left: unset; }

.theme-form .form-divider {
  position: relative;
  clear: both;
  height: 0;
  margin: 30px 0;
  border-top: 1px solid #efefef; }
  .theme-form .form-divider:before {
    position: absolute;
    top: -11px;
    left: 40%;
    margin-left: -10px;
    padding: 0 5px;
    content: "Or Signup With";
    color: #242934;
    background: #fff; }
    [dir="rtl"] .theme-form .form-divider:before {
      left: unset;
      right: 40%;
      margin-left: unset;
      margin-right: -10px; }

.theme-form .login-divider {
  position: relative;
  clear: both;
  height: 0;
  margin: 30px 0;
  border-top: 1px solid #efefef; }
  .theme-form .login-divider:before {
    position: absolute;
    top: -11px;
    left: 40%;
    margin-left: -10px;
    padding: 0 5px;
    color: #242934;
    background: #fff;
    content: "Or Login With"; }
    [dir="rtl"] .theme-form .login-divider:before {
      left: unset;
      right: 40%;
      margin-left: unset;
      margin-right: -10px; }

.theme-form .btn-fb,
.theme-form .btn-twitter,
.theme-form .btn-google,
.theme-form .btn-linkedin {
  color: #fff;
  width: 100%; }

.theme-form .btn-fb {
  background-color: #50598e; }

.theme-form .btn-twitter {
  background-color: #6fa2d8; }

.theme-form .btn-google {
  background-color: #c64e40; }

.theme-form .btn-linkedin {
  background-color: #0077B5; }

.form-inline {
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0; }
  .form-inline .col-form-label {
    margin-right: 5px; }
    [dir="rtl"] .form-inline .col-form-label {
      margin-left: 5px;
      margin-right: unset; }

.search-form .form-group:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 25px;
  background: #e8ebf2;
  left: 82px;
  top: 50px; }
  [dir="rtl"] .search-form .form-group:before {
    left: unset;
    right: 82px; }

.search-form .form-group:after {
  position: absolute;
  content: "\f002";
  font-family: "FontAwesome";
  top: 53px;
  left: 53px;
  color: #8e8e8e; }
  [dir="rtl"] .search-form .form-group:after {
    left: unset;
    right: 53px; }

.search-form input {
  border: 1px solid #efefef;
  padding: 10px 10px 10px 70px;
  border-radius: 10px;
  background-color: rgba(230, 233, 235, 0.3); }
  [dir="rtl"] .search-form input {
    padding: 10px 70px 10px 10px; }
  .search-form input:focus {
    outline: none !important; }

.form-label-align-right label {
  text-align: right;
  padding-top: 17px;
  font-weight: 500; }

.custom-input.was-validated .form-control:valid,
.custom-input.was-validated .form-select:valid {
  border-color: #00AC46; }

.custom-input.was-validated .form-control:invalid,
.custom-input.was-validated .form-select:invalid {
  border-color: #FE6A49; }

.custom-input .valid-tooltip {
  background-color: #00AC46; }

.custom-input .invalid-tooltip {
  background-color: rgba(254, 106, 73, 0.8); }

.custom-input .invalid-feedback {
  color: #FE6A49 !important; }

.custom-input .form-check .form-check-input:valid {
  border-color: #00AC46; }

.custom-input .form-check .form-check-input:invalid {
  border-color: #FE6A49; }

.custom-input .form-check .form-check-input:invalid ~ .form-check-label {
  color: #FE6A49; }

.custom-input .form-check .form-check-input:valid ~ .form-check-label {
  color: #00AC46; }

.custom-input .form-check .form-check-input:checked {
  background-color: #00AC46; }

.custom-input .form-check .invalid-feedback {
  color: #FE6A49; }

.custom-input #validationCustom03.form-control,
.custom-input #validationCustom03 .form-select,
.custom-input #validationCustom05.form-control,
.custom-input #validationCustom05 .form-select,
.custom-input #validationCustomUsername.form-control,
.custom-input #validationCustomUsername .form-select {
  border-color: #E6E9EB; }

.custom-input #validationCustom03.was-validated .form-control:valid,
.custom-input #validationCustom03.was-validated .form-select:valid,
.custom-input #validationCustom05.was-validated .form-control:valid,
.custom-input #validationCustom05.was-validated .form-select:valid,
.custom-input #validationCustomUsername.was-validated .form-control:valid,
.custom-input #validationCustomUsername.was-validated .form-select:valid {
  border-color: #00AC46 !important; }

.custom-input #validationCustom03.was-validated .form-control:invalid,
.custom-input #validationCustom03.was-validated .form-select:invalid,
.custom-input #validationCustom05.was-validated .form-control:invalid,
.custom-input #validationCustom05.was-validated .form-select:invalid,
.custom-input #validationCustomUsername.was-validated .form-control:invalid,
.custom-input #validationCustomUsername.was-validated .form-select:invalid {
  border-color: #FE6A49 !important; }

[dir="rtl"] .custom-input .form-check.form-switch .form-check-input {
  margin-left: 7px; }

.form-check-reverse {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding: 0; }
  .form-check-reverse .form-check-input {
    float: left;
    margin-right: 0;
    margin-left: 10px; }

.checkbox-checked.card-wrapper h6.sub-title {
  font-weight: 600;
  font-size: 17px; }

.checkbox-checked .form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-checked .form-check-input:focus {
  border-color: #006666;
  box-shadow: 0 0 0 4px rgba(0, 102, 102, 0.25); }

.checkbox-checked .card-wrapper .form-check:last-child {
  min-height: 0;
  margin-bottom: 0; }
  .checkbox-checked .card-wrapper .form-check:last-child label {
    margin-bottom: 0; }

.form-check-size {
  display: flex;
  gap: 22px;
  align-items: center;
  flex-wrap: wrap; }
  .form-check-size .form-check-inline {
    margin: 0;
    min-height: 0; }
    [dir="rtl"] .form-check-size .form-check-inline {
      margin: 0; }
    .form-check-size .form-check-inline .form-check-input {
      width: 18px;
      height: 18px;
      margin-top: 0; }
    .form-check-size .form-check-inline .check-size {
      width: 36px;
      height: 18px;
      margin-top: 0; }
    .form-check-size .form-check-inline label {
      margin: 0; }

.main-img-checkbox .img-checkbox {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }
  .main-img-checkbox .img-checkbox .main-img-cover {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 24px;
    height: 24px; }
    [dir="rtl"] .main-img-checkbox .img-checkbox .main-img-cover {
      left: unset;
      right: 15px; }
  .main-img-checkbox .img-checkbox .form-check-label {
    width: 100%; }
  .main-img-checkbox .img-checkbox img {
    width: 100%;
    height: 220px;
    object-fit: cover; }

.main-icon-checkbox.checkbox label {
  margin-top: 0; }
  .main-icon-checkbox.checkbox label::before {
    content: '';
    width: 100%;
    height: 100%;
    margin-left: 1px;
    background-color: transparent;
    top: 0;
    display: block; }
    [dir="rtl"] .main-icon-checkbox.checkbox label::before {
      margin-left: unset;
      margin-right: 1px; }

.main-icon-checkbox.checkbox-primary input[type=checkbox]:checked + label::before {
  color: transparent;
  border: 2px solid #006666; }

.main-icon-checkbox.checkbox-primary input[type=checkbox] {
  opacity: 1; }

.main-icon-checkbox.checkbox-primary .form-check-input {
  border: 1px solid #E6E9EB; }
  .main-icon-checkbox.checkbox-primary .form-check-input.checkbox-shadow:focus {
    box-shadow: none; }
  .main-icon-checkbox.checkbox-primary .form-check-input[type=checkbox]:checked {
    background-image: none; }

.main-radio-toggle .btn,
.main-checkbox-toggle .btn {
  margin-bottom: 0; }

.radio-wrapper,
.checkbox-wrapper {
  display: flex;
  gap: calc(8px + (16 - 8) * ((100vw - 320px) / (1920 - 320)));
  flex-wrap: wrap;
  justify-content: center; }
  @media (max-width: 1200px) {
    .radio-wrapper,
    .checkbox-wrapper {
      justify-content: unset; } }
  .radio-wrapper li,
  .checkbox-wrapper li {
    position: relative;
    width: 100%;
    padding: 12px;
    border: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 130px; }
    @media (max-width: 1335px) {
      .radio-wrapper li,
      .checkbox-wrapper li {
        max-width: 113px; } }
    @media (max-width: 1232px) {
      .radio-wrapper li,
      .checkbox-wrapper li {
        padding: 10px;
        max-width: 105px; } }
    .radio-wrapper li .form-check-input,
    .checkbox-wrapper li .form-check-input {
      position: absolute;
      width: 100%;
      height: 100%;
      float: none;
      margin: 0;
      top: 0;
      left: 0;
      opacity: 1;
      border-radius: 0;
      background-color: transparent;
      border: 1px solid #E6E9EB; }
      .radio-wrapper li .form-check-input:focus,
      .checkbox-wrapper li .form-check-input:focus {
        box-shadow: none; }
      .radio-wrapper li .form-check-input[type=radio],
      .checkbox-wrapper li .form-check-input[type=radio] {
        opacity: 1; }
      .radio-wrapper li .form-check-input:checked,
      .checkbox-wrapper li .form-check-input:checked {
        border: 2px solid #006666;
        background-color: transparent; }
        .radio-wrapper li .form-check-input[type=radio]:checked,
        .checkbox-wrapper li .form-check-input[type=radio]:checked {
          background-image: none;
          box-shadow: unset; }
    .radio-wrapper li .form-check-label,
    .checkbox-wrapper li .form-check-label {
      position: unset;
      padding: 0;
      margin-bottom: 0; }
      .radio-wrapper li .form-check-label:after,
      .checkbox-wrapper li .form-check-label:after {
        content: none; }
      .radio-wrapper li .form-check-label::before,
      .checkbox-wrapper li .form-check-label::before {
        content: none; }
      .radio-wrapper li .form-check-label i,
      .checkbox-wrapper li .form-check-label i {
        font-size: 18px;
        padding-right: 8px; }
        [dir="rtl"] .radio-wrapper li .form-check-label i, [dir="rtl"] .checkbox-wrapper li .form-check-label i {
          padding-right: 0;
          padding-left: 8px; }
      .radio-wrapper li .form-check-label span,
      .checkbox-wrapper li .form-check-label span {
        font-size: 16px; }

[dir="rtl"] .rtl-input .form-check.form-check-inline {
  padding: 0; }

[dir="rtl"] .rtl-input .form-check.form-switch {
  padding-right: 40px; }

[dir="rtl"] .rtl-input .form-check.form-switch .form-check-input {
  margin-left: unset;
  margin-right: -40px;
  float: right; }

.radio-form {
  display: flex;
  gap: 18px;
  flex-wrap: wrap; }
  .radio-form .form-check {
    min-height: 0;
    margin-bottom: 0; }
    .radio-form .form-check .form-check-label {
      margin-bottom: 0; }

.basic-form {
  position: relative; }
  .basic-form svg {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%); }
    [dir="rtl"] .basic-form svg {
      right: 0;
      left: 12px; }
    .basic-form svg.stroke-icon {
      width: 25px;
      height: 25px;
      stroke: #2c323f;
      position: absolute;
      top: 50%;
      right: 12px;
      transform: translateY(-50%); }
      [dir="rtl"] .basic-form svg.stroke-icon {
        right: unset;
        left: 12px; }

.form-check {
  margin-bottom: 0; }

.theme-form .custom-input .row .col .row:last-child label {
  margin: 0; }

.theme-form.dark-inputs input::file-selector-button {
  border-radius: 30px; }

[dir="rtl"] .theme-form .form-floating > label {
  left: unset;
  right: 0; }

/**=====================
  2.18 Forms CSS Ends
==========================**/
/**=====================
	2.19 Icons CSS Start
==========================**/
.icon-lists div {
  cursor: pointer;
  line-height: 60px;
  white-space: nowrap;
  border-radius: 4px;
  display: flex;
  align-items: center; }
  .icon-lists div:hover {
    background-color: var(--light-background); }
  .icon-lists div i {
    margin: 0 15px 0 10px;
    font-size: 24px; }

.icon-lists.whether-icon svg {
  height: 50px;
  width: 50px; }

.icon-lists.feather-icons .media svg {
  margin: 0 15px 0 10px; }

.icon-lists .feather-icon .icon-first h6 {
  display: none; }

.flag-icons,
.feather-icons {
  margin-bottom: -15px;
  margin-top: -15px; }
  .flag-icons div,
  .feather-icons div {
    line-height: 1;
    word-wrap: break-word;
    overflow: auto; }
    .flag-icons div .flag-icon,
    .feather-icons div .flag-icon {
      height: 50px;
      width: 50px; }
    .flag-icons div .media,
    .feather-icons div .media {
      padding-top: 15px;
      padding-bottom: 15px;
      width: 100%; }
    .flag-icons div .media-body h6,
    .feather-icons div .media-body h6 {
      margin-bottom: 0;
      font-size: 14px;
      font-weight: 400;
      max-width: 100%;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .flag-icons div .media-body h5,
    .feather-icons div .media-body h5 {
      background-color: var(--theme-deafult);
      display: inline-block;
      padding: 3px 5px;
      font-size: 11px;
      border-radius: 3px;
      margin-bottom: 5px;
      margin-right: 5px;
      color: #fff; }
      [dir="rtl"] .flag-icons div .media-body h5, [dir="rtl"] .feather-icons div .media-body h5 {
        margin-left: 5px;
        margin-right: unset; }

.icon-hover-bottom {
  background-color: #fdfeff;
  width: 100%;
  bottom: 0;
  left: 0;
  box-shadow: 0px 0px 1px 1px #E6E9EB;
  z-index: 999; }
  .icon-hover-bottom .icon-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 20px; }
    .icon-hover-bottom .icon-popup .close-icon {
      position: absolute;
      right: 10px;
      top: 10px;
      font-size: 20px;
      color: #E6E9EB;
      cursor: pointer; }
      [dir="rtl"] .icon-hover-bottom .icon-popup .close-icon {
        right: unset;
        left: 10px; }
    .icon-hover-bottom .icon-popup > div {
      display: inline-block; }
      .icon-hover-bottom .icon-popup > div .flag-icon {
        width: 60px;
        height: 60px; }
    .icon-hover-bottom .icon-popup .icon-class {
      margin: 0 20px;
      cursor: pointer; }
    .icon-hover-bottom .icon-popup .icon-last .form-inline .form-group {
      display: initial; }
  .icon-hover-bottom .icon-title {
    display: block;
    color: #2c323f;
    text-transform: uppercase;
    font-weight: 500; }
  .icon-hover-bottom span,
  .icon-hover-bottom label,
  .icon-hover-bottom .btn {
    font-family: "Montserrat", sans-serif; }
  .icon-hover-bottom .form-group input {
    display: inline-block;
    width: 300px;
    background-color: #fff;
    font-family: "Montserrat", sans-serif; }

.fa-fa-icon-show-div,
.icons-show-div {
  display: none; }

.icon-first i {
  color: #898989; }

.icon-first h6 {
  display: none; }

/**=====================
    2.19 Icons CSS Ends
==========================**/
/**=====================
   2.20 List CSS Start
==========================**/
.list-group-item.active {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }

.list-group i {
  margin-right: 10px; }

.list-group img {
  height: 40px;
  width: 40px;
  margin-right: 10px; }

.list-light-primary {
  background-color: rgba(0, 102, 102, 0.2); }
  .list-light-primary:hover, .list-light-primary:active, .list-light-primary.active, .list-light-primary:focus {
    border: none;
    outline: unset;
    background-color: rgba(0, 102, 102, 0.2) !important; }

.list-hover-primary {
  background-color: unset; }
  .list-hover-primary:hover, .list-hover-primary:active, .list-hover-primary.active, .list-hover-primary:focus {
    background-color: rgba(0, 102, 102, 0.2);
    color: #2c323f;
    z-index: 0; }

.list-light-secondary {
  background-color: rgba(254, 106, 73, 0.3); }
  .list-light-secondary:hover, .list-light-secondary:active, .list-light-secondary.active, .list-light-secondary:focus {
    border: none;
    outline: unset;
    background-color: rgba(254, 106, 73, 0.3) !important; }

.list-hover-secondary {
  background-color: unset; }
  .list-hover-secondary:hover, .list-hover-secondary:active, .list-hover-secondary.active, .list-hover-secondary:focus {
    background-color: rgba(254, 106, 73, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-success {
  background-color: rgba(0, 172, 70, 0.3); }
  .list-light-success:hover, .list-light-success:active, .list-light-success.active, .list-light-success:focus {
    border: none;
    outline: unset;
    background-color: rgba(0, 172, 70, 0.3) !important; }

.list-hover-success {
  background-color: unset; }
  .list-hover-success:hover, .list-hover-success:active, .list-hover-success.active, .list-hover-success:focus {
    background-color: rgba(0, 172, 70, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-warning {
  background-color: rgba(255, 174, 26, 0.3); }
  .list-light-warning:hover, .list-light-warning:active, .list-light-warning.active, .list-light-warning:focus {
    border: none;
    outline: unset;
    background-color: rgba(255, 174, 26, 0.3) !important; }

.list-hover-warning {
  background-color: unset; }
  .list-hover-warning:hover, .list-hover-warning:active, .list-hover-warning.active, .list-hover-warning:focus {
    background-color: rgba(255, 174, 26, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-info {
  background-color: rgba(23, 56, 120, 0.3); }
  .list-light-info:hover, .list-light-info:active, .list-light-info.active, .list-light-info:focus {
    border: none;
    outline: unset;
    background-color: rgba(23, 56, 120, 0.3) !important; }

.list-hover-info {
  background-color: unset; }
  .list-hover-info:hover, .list-hover-info:active, .list-hover-info.active, .list-hover-info:focus {
    background-color: rgba(23, 56, 120, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-light {
  background-color: #F9F9FB; }
  .list-light-light:hover, .list-light-light:active, .list-light-light.active, .list-light-light:focus {
    border: none;
    outline: unset;
    background-color: #F9F9FB !important; }

.list-hover-light {
  background-color: unset; }
  .list-hover-light:hover, .list-hover-light:active, .list-hover-light.active, .list-hover-light:focus {
    background-color: #F9F9FB;
    color: #2c323f;
    z-index: 0; }

.list-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }
  .list-light-danger:hover, .list-light-danger:active, .list-light-danger.active, .list-light-danger:focus {
    border: none;
    outline: unset;
    background-color: rgba(254, 106, 73, 0.3) !important; }

.list-hover-danger {
  background-color: unset; }
  .list-hover-danger:hover, .list-hover-danger:active, .list-hover-danger.active, .list-hover-danger:focus {
    background-color: rgba(254, 106, 73, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-dark {
  background-color: #EAEBF2; }
  .list-light-dark:hover, .list-light-dark:active, .list-light-dark.active, .list-light-dark:focus {
    border: none;
    outline: unset;
    background-color: #EAEBF2 !important; }

.list-hover-dark {
  background-color: unset; }
  .list-hover-dark:hover, .list-hover-dark:active, .list-hover-dark.active, .list-hover-dark:focus {
    background-color: #EAEBF2;
    color: #2c323f;
    z-index: 0; }

.horizontal-list-wrapper .list-group .list-group-item {
  padding: 8px; }

.list-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap; }
  @media (max-width: 414px) {
    .list-wrapper {
      flex-wrap: unset;
      word-break: break-word; } }
  @media (max-width: 366px) {
    .list-wrapper {
      padding-bottom: 8px; } }
  .list-wrapper .list-img {
    width: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));
    height: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 10px;
    border-radius: 50%; }
  .list-wrapper .list-content p {
    margin-bottom: 0; }

.scrollbar-wrapper {
  max-height: 270px;
  overflow: auto; }

@media (max-width: 480px) {
  .main-lists-content small {
    display: none; } }

@media (max-width: 1199px) {
  .list-behavior-1 {
    gap: 12px; } }

@media (max-width: 575px) {
  .list-behavior-1:first-child {
    margin-bottom: 14px; } }

@media (max-width: 1999px) {
  .list-behavior-1 img {
    height: 86px; } }

@media (max-width: 992px) {
  .list-behavior-1 img {
    height: 70px; } }

.list-behavior-1 .flex-grow-1 {
  margin-left: 16px; }
  @media (max-width: 1199px) {
    .list-behavior-1 .flex-grow-1 {
      margin-left: 0; }
      .list-behavior-1 .flex-grow-1 p {
        display: block;
        display: -webkit-box;
        max-width: 100%;
        margin: 0 auto;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; } }
  [dir="rtl"] .list-behavior-1 .flex-grow-1 {
    margin-right: 16px;
    margin-left: unset; }

.list-behaviors > div:nth-child(even) .flex-grow-1 {
  order: -1;
  margin-left: unset;
  margin-right: 16px; }
  @media (max-width: 1199px) {
    .list-behaviors > div:nth-child(even) .flex-grow-1 {
      margin-left: 0;
      margin-right: 0;
      order: unset; } }
.list-group .list-group-item {
  padding: 11px 16px; }
  .list-group .list-group-item .form-check-input:focus {
    box-shadow: unset !important; }
  [dir="rtl"] .list-group .list-group-item i {
    margin-left: 10px;
    margin-right: unset; }

@media (max-width: 1216px) {
  .contact-profile {
    background-color: unset; }
    .contact-profile.list-light-dark:hover {
      background-color: unset; } }

.badge-list .list-group-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap; }
  .badge-list .list-group-item div {
    margin-right: auto;
    margin-left: 8px; }
    [dir="rtl"] .badge-list .list-group-item div {
      margin-left: auto;
      margin-right: 8px; }

/**=====================
   2.20 List CSS Ends
==========================**/
/**=====================
    2.21 Loader CSS Start
==========================**/
.loader-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  background-color: #fff;
  z-index: 11;
  top: 0; }
  .loader-wrapper .loader4 {
    position: relative;
    color: var(--theme-deafult);
    font-size: 50px;
    text-indent: -9999em;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    transform: translateZ(0);
    animation: loader4 1.7s infinite ease,  loader4Round 1.7s infinite ease;
    overflow: hidden; }

@keyframes loader4 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } }

@keyframes loader4Round {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/**=====================
    2.21 Loader CSS Ends
==========================**/
/**=====================
    2.22 Modal CSS start
==========================**/
.modal-toggle-wrapper .form-control::placeholder {
  font-size: 13px; }

.modal-toggle-wrapper .modal-img {
  display: flex;
  justify-content: center; }
  .modal-toggle-wrapper .modal-img img {
    width: 200px;
    height: 200px; }
    @media (max-width: 992px) {
      .modal-toggle-wrapper .modal-img img {
        width: calc(136px + (200 - 136) * ((100vw - 320px) / (992 - 320)));
        height: calc(136px + (200 - 136) * ((100vw - 320px) / (992 - 320))); } }
  .modal-toggle-wrapper .modal-img li img {
    width: 100px;
    height: 100px; }
    @media (max-width: 992px) {
      .modal-toggle-wrapper .modal-img li img {
        width: calc(75px + (100 - 75) * ((100vw - 320px) / (992 - 320)));
        height: calc(75px + (100 - 75) * ((100vw - 320px) / (992 - 320))); } }
  .modal-toggle-wrapper .modal-img li + li {
    margin-left: -39px; }

.modal-toggle-wrapper button svg {
  width: 16px;
  height: 16px; }

.large-modal-header,
.large-modal-body {
  display: flex;
  align-items: center;
  color: #2c323f; }
  .large-modal-header svg,
  .large-modal-body svg {
    width: 20px;
    height: 20px; }

.modal-padding-space {
  padding-left: 20px; }

.svg-modal {
  width: 15px;
  height: 15px;
  stroke: #FE6A49;
  vertical-align: middle; }

.card-wrapper .modal-heading h5 {
  font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1400 - 320))); }

@media (min-width: 750px) and (max-width: 1200px) {
  .card-wrapper .balance-modal {
    display: flex;
    flex-direction: column; } }

.modal-footer .btn {
  margin: 0 4px; }

.modal-content .modal-header .btn-close:focus {
  box-shadow: unset; }

.modal-details h6 {
  padding-bottom: 12px; }

.modal-details .web-content {
  margin-bottom: 16px; }
  .modal-details .web-content .d-flex p {
    padding-bottom: 8px; }
  .modal-details .web-content .d-flex:last-child p {
    padding-bottom: 0; }
  .modal-details .web-content:last-child {
    margin-bottom: 0; }

/**=====================
    2.22 Modal CSS end
==========================**/
/**=====================
  2.23 Popover CSS Start
==========================**/
.popover-header {
  background-color: #2c323f;
  color: #fff; }

.popover-main .btn-showcase a {
  color: #fff; }

.popover-main .btn-showcase button:last-child {
  margin-right: 0; }

/**=====================
  2.23 Popover CSS Ends
==========================**/
/**=====================
  2.24 Print CSS Start
==========================**/
@media print {
  .sidebar-wrapper,
  .page-header {
    display: none; }
  .page-body {
    margin: 0 !important; }
  .page-wrapper .page-title {
    visibility: hidden; }
  .page-wrapper .page-body-wrapper .page-title {
    display: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin: 0; }
  .customizer-links {
    display: none; }
  table.fixedHeader-floating {
    display: none; }
  .email-left-aside {
    display: none; }
  .footer {
    display: none; } }

.invoice-table {
  margin-top: 16px;
  margin-bottom: 16px; }

.invoice .text-right input {
  margin-top: 6px; }

.invoice .media {
  align-items: center; }

/**=====================
  2.24 Print CSS Ends
==========================**/
/**=====================
    2.25 Radio CSS Start
==========================**/
.animate-chk label {
  line-height: 1.6;
  cursor: pointer; }
  .animate-chk label:last-child {
    margin-bottom: 0; }

.checkbox_animated {
  cursor: pointer;
  position: relative;
  margin: 0 1rem 0 0; }
  .checkbox_animated:before {
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: rotate(-45deg) scale(0, 0);
    content: "";
    position: absolute;
    left: 0.25rem;
    top: 0.225rem;
    z-index: 1;
    width: 0.75rem;
    height: 0.375rem;
    border: 2px solid var(--theme-deafult);
    border-top-style: none;
    border-right-style: none; }
  .checkbox_animated:after {
    content: "";
    position: absolute;
    top: -0.125rem;
    left: 0;
    width: 1.3rem;
    height: 1.3rem;
    background: #fff;
    border: 2px solid #ecf3fa;
    cursor: pointer; }
  .checkbox_animated:checked:before {
    transform: rotate(-45deg) scale(1, 1); }

.radio_animated {
  position: relative;
  margin: 0 1rem 0 0;
  cursor: pointer; }
  .radio_animated:before {
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: scale(0, 0);
    content: "";
    position: absolute;
    top: 0;
    left: 0.125rem;
    z-index: 1;
    width: 0.75rem;
    height: 0.75rem;
    background: var(--theme-deafult);
    border-radius: 50%; }
  .radio_animated:after {
    content: "";
    position: absolute;
    top: -0.25rem;
    left: -0.125rem;
    width: 1.25rem;
    height: 1.25rem;
    background: #fff;
    border: 2px solid #ecf3fa;
    border-radius: 50%; }
  .radio_animated:checked:before {
    transform: scale(1, 1); }

.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 16px;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 10px; }
  .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    margin-left: -16px;
    border: 1px solid #efefef;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
  .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #242934; }

.checkbox input[type="checkbox"] {
  opacity: 0; }
  .checkbox input[type="checkbox"]:focus {
    outline-offset: -2px; }
    .checkbox input[type="checkbox"]:focus + label::before {
      outline-offset: -2px; }

.checkbox input[type="checkbox"]:checked + label::before {
  font-family: themify;
  content: "\e64c";
  text-align: center;
  line-height: 1.2; }

.checkbox input[type="checkbox"]:disabled + label {
  opacity: 0.65; }
  .checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #E6E9EB;
    cursor: not-allowed; }

.checkbox .checkbox-circle label::before {
  border-radius: 50%; }

.checkbox .checkbox-inline {
  margin-top: 0; }

.m-squar label::before {
  border-radius: 0; }

.m-squar .checkbox-circle label::before {
  border-radius: 50%; }

.m-squar .checkbox-inline {
  margin-top: 0; }

.checkbox-primary label::before {
  border-color: var(--theme-deafult); }

.checkbox-primary input[type="checkbox"]:checked + label::before {
  border-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-primary label:before {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  color: #fff; }

.checkbox-solid-primary input[type="checkbox"]:checked + label::before {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  color: #fff; }

.checkbox-solid-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-primary input[type="radio"] + label::before {
  border-color: var(--theme-deafult); }

.radio-primary input[type="radio"] + label::after {
  background-color: var(--theme-deafult); }

.radio-primary input[type="radio"]:checked + label::before {
  border-color: var(--theme-deafult); }

.radio-primary input[type="radio"]:checked + label::after {
  background-color: var(--theme-deafult); }

.checkbox-secondary label::before {
  border-color: #FE6A49; }

.checkbox-secondary input[type="checkbox"]:checked + label::before {
  border-color: #FE6A49;
  color: #FE6A49; }

.checkbox-secondary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-secondary label:before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-secondary input[type="checkbox"]:checked + label::before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-secondary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-secondary input[type="radio"] + label::before {
  border-color: #FE6A49; }

.radio-secondary input[type="radio"] + label::after {
  background-color: #FE6A49; }

.radio-secondary input[type="radio"]:checked + label::before {
  border-color: #FE6A49; }

.radio-secondary input[type="radio"]:checked + label::after {
  background-color: #FE6A49; }

.checkbox-success label::before {
  border-color: #00AC46; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  border-color: #00AC46;
  color: #00AC46; }

.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-success label:before {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fff; }

.checkbox-solid-success input[type="checkbox"]:checked + label::before {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fff; }

.checkbox-solid-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-success input[type="radio"] + label::before {
  border-color: #00AC46; }

.radio-success input[type="radio"] + label::after {
  background-color: #00AC46; }

.radio-success input[type="radio"]:checked + label::before {
  border-color: #00AC46; }

.radio-success input[type="radio"]:checked + label::after {
  background-color: #00AC46; }

.checkbox-danger label::before {
  border-color: #FE6A49; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  border-color: #FE6A49;
  color: #FE6A49; }

.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-danger label:before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-danger input[type="checkbox"]:checked + label::before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-danger input[type="radio"] + label::before {
  border-color: #FE6A49; }

.radio-danger input[type="radio"] + label::after {
  background-color: #FE6A49; }

.radio-danger input[type="radio"]:checked + label::before {
  border-color: #FE6A49; }

.radio-danger input[type="radio"]:checked + label::after {
  background-color: #FE6A49; }

.checkbox-info label::before {
  border-color: #173878; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  border-color: #173878;
  color: #173878; }

.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-info label:before {
  background-color: #173878;
  border-color: #173878;
  color: #fff; }

.checkbox-solid-info input[type="checkbox"]:checked + label::before {
  background-color: #173878;
  border-color: #173878;
  color: #fff; }

.checkbox-solid-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-info input[type="radio"] + label::before {
  border-color: #173878; }

.radio-info input[type="radio"] + label::after {
  background-color: #173878; }

.radio-info input[type="radio"]:checked + label::before {
  border-color: #173878; }

.radio-info input[type="radio"]:checked + label::after {
  background-color: #173878; }

.checkbox-light label::before {
  border-color: #E6E9EB; }

.checkbox-light input[type="checkbox"]:checked + label::before {
  border-color: #E6E9EB;
  color: #E6E9EB; }

.checkbox-light input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-light label:before {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fff; }

.checkbox-solid-light input[type="checkbox"]:checked + label::before {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fff; }

.checkbox-solid-light input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-light input[type="radio"] + label::before {
  border-color: #E6E9EB; }

.radio-light input[type="radio"] + label::after {
  background-color: #E6E9EB; }

.radio-light input[type="radio"]:checked + label::before {
  border-color: #E6E9EB; }

.radio-light input[type="radio"]:checked + label::after {
  background-color: #E6E9EB; }

.checkbox-dark label::before {
  border-color: #2c323f; }

.checkbox-dark input[type="checkbox"]:checked + label::before {
  border-color: #2c323f;
  color: #2c323f; }

.checkbox-dark input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-dark label:before {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fff; }

.checkbox-solid-dark input[type="checkbox"]:checked + label::before {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fff; }

.checkbox-solid-dark input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-dark input[type="radio"] + label::before {
  border-color: #2c323f; }

.radio-dark input[type="radio"] + label::after {
  background-color: #2c323f; }

.radio-dark input[type="radio"]:checked + label::before {
  border-color: #2c323f; }

.radio-dark input[type="radio"]:checked + label::after {
  background-color: #2c323f; }

.checkbox-warning label::before {
  border-color: #FFAE1A; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  border-color: #FFAE1A;
  color: #FFAE1A; }

.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-warning label:before {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fff; }

.checkbox-solid-warning input[type="checkbox"]:checked + label::before {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fff; }

.checkbox-solid-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-warning input[type="radio"] + label::before {
  border-color: #FFAE1A; }

.radio-warning input[type="radio"] + label::after {
  background-color: #FFAE1A; }

.radio-warning input[type="radio"]:checked + label::before {
  border-color: #FFAE1A; }

.radio-warning input[type="radio"]:checked + label::after {
  background-color: #FFAE1A; }

.m-checkbox-inline .checkbox {
  display: inline-block; }

.m-checkbox-inline .radio {
  display: inline-block; }

.m-checkbox-inline label {
  margin-right: 20px; }

.radio label {
  display: inline-block;
  position: relative;
  padding-left: 18px;
  cursor: pointer; }
  .radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #efefef;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; }
    [class="dark-only"] .radio label::before {
      background-color: #1A1C23; }
  .radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 9px;
    height: 9px;
    left: 5px;
    top: 5px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #898989;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }

.radio input[type="radio"] {
  opacity: 0; }
  .radio input[type="radio"]:focus + label::before {
    outline-offset: -2px; }
  .radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  .radio input[type="radio"]:disabled + label {
    opacity: 0.65; }
    .radio input[type="radio"]:disabled + label::before {
      cursor: not-allowed; }

.radio .radio-inline {
  margin-top: 0; }

/**=====================
    2.25 Radio CSS Ends
==========================**/
/**=====================
  2.26 Ribbon CSS Start
==========================**/
[class*="ribbon-wrapper"] {
  position: relative;
  padding: 58px 18px 28px 18px; }

.ribbon {
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  clear: left;
  position: absolute;
  top: 12px;
  left: 0px;
  color: #fff;
  z-index: 2; }

.ribbon-clip {
  left: -14px; }
  .ribbon-clip:before {
    position: absolute;
    top: 30px;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-vertical-left-wrapper {
  padding-left: 40px;
  position: relative; }

.ribbon-vertical-right-wrapper {
  padding-right: 40px; }

.ribbon-wrapper-bottom {
  padding-bottom: 40px;
  padding-top: 0; }

.ribbon-wrapper-right-bottom {
  padding-right: 40px; }

.ribbon-space-bottom {
  top: 0px; }

.ribbon-bookmark:before {
  position: absolute;
  top: 0;
  left: 100%;
  display: block;
  width: 0;
  height: 0;
  content: '';
  border: 15px solid #2c323f;
  border-right: 10px solid transparent; }

.ribbon-right {
  left: auto;
  right: -2px; }

.ribbon-clip-right {
  right: -14px; }
  .ribbon-clip-right:before {
    position: absolute;
    top: 30px;
    right: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-clip-bottom {
  left: -14px;
  bottom: 12px;
  top: auto; }
  .ribbon-clip-bottom:before {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-clip-bottom-right {
  right: -14px;
  left: auto;
  bottom: 12px;
  top: auto; }
  .ribbon-clip-bottom-right:before {
    position: absolute;
    bottom: 30px;
    right: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-bookmark.ribbon-right:before {
  right: 100%;
  left: auto;
  border-right: 15px solid #2c323f;
  border-left: 10px solid transparent; }

.ribbon-vertical-left {
  clear: none;
  padding: 0 5px;
  height: 70px;
  width: 30px;
  line-height: 70px;
  text-align: center;
  left: 12px;
  top: -2px; }

.ribbon-vertical-right {
  clear: none;
  padding: 0 5px;
  height: 70px;
  width: 30px;
  line-height: 70px;
  text-align: center;
  top: -2px;
  left: auto;
  right: 20px; }
  [dir="rtl"] .ribbon-vertical-right {
    left: auto !important;
    right: 20px !important; }

.ribbon-bookmark.ribbon-vertical-left:before, .ribbon-bookmark.ribbon-vertical-right:before {
  top: 100%;
  left: 0;
  margin-top: -14px;
  border-right: 15px solid #2c323f;
  border-bottom: 10px solid transparent; }

.ribbon-primary {
  background: #006666; }

.ribbon-primary {
  background: #006666; }

.ribbon-bookmark.ribbon-primary:before {
  border-color: #006666;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-primary:before {
  border-right-color: #006666;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-primary:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-primary:before {
  border-right-color: #006666;
  border-bottom-color: transparent; }

.ribbon-primary.ribbon-corner:before {
  border-top-color: #006666;
  border-left-color: #006666; }

.ribbon-primary.ribbon-corner.ribbon-right:before {
  border-right-color: #006666;
  border-left-color: transparent; }

.ribbon-primary.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #006666; }

.ribbon-primary.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #003333;
  border-right-color: #003333; }

.ribbon-primary.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #003333;
  border-left-color: #003333; }

.ribbon-primary.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #003333;
  border-right-color: #003333; }

.ribbon-primary.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #003333;
  border-right-color: transparent;
  border-left-color: #003333; }

.ribbon-secondary {
  background: #FE6A49; }

.ribbon-secondary {
  background: #FE6A49; }

.ribbon-bookmark.ribbon-secondary:before {
  border-color: #FE6A49;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-secondary:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-secondary:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-secondary:before {
  border-right-color: #FE6A49;
  border-bottom-color: transparent; }

.ribbon-secondary.ribbon-corner:before {
  border-top-color: #FE6A49;
  border-left-color: #FE6A49; }

.ribbon-secondary.ribbon-corner.ribbon-right:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-secondary.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FE6A49; }

.ribbon-secondary.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-secondary.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #fe4016;
  border-left-color: #fe4016; }

.ribbon-secondary.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-secondary.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: transparent;
  border-left-color: #fe4016; }

.ribbon-success {
  background: #00AC46; }

.ribbon-success {
  background: #00AC46; }

.ribbon-bookmark.ribbon-success:before {
  border-color: #00AC46;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-success:before {
  border-right-color: #00AC46;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-success:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-success:before {
  border-right-color: #00AC46;
  border-bottom-color: transparent; }

.ribbon-success.ribbon-corner:before {
  border-top-color: #00AC46;
  border-left-color: #00AC46; }

.ribbon-success.ribbon-corner.ribbon-right:before {
  border-right-color: #00AC46;
  border-left-color: transparent; }

.ribbon-success.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #00AC46; }

.ribbon-success.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #007931;
  border-right-color: #007931; }

.ribbon-success.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #007931;
  border-left-color: #007931; }

.ribbon-success.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #007931;
  border-right-color: #007931; }

.ribbon-success.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #007931;
  border-right-color: transparent;
  border-left-color: #007931; }

.ribbon-danger {
  background: #FE6A49; }

.ribbon-danger {
  background: #FE6A49; }

.ribbon-bookmark.ribbon-danger:before {
  border-color: #FE6A49;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-danger:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-danger:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-danger:before {
  border-right-color: #FE6A49;
  border-bottom-color: transparent; }

.ribbon-danger.ribbon-corner:before {
  border-top-color: #FE6A49;
  border-left-color: #FE6A49; }

.ribbon-danger.ribbon-corner.ribbon-right:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-danger.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FE6A49; }

.ribbon-danger.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-danger.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #fe4016;
  border-left-color: #fe4016; }

.ribbon-danger.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-danger.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: transparent;
  border-left-color: #fe4016; }

.ribbon-info {
  background: #173878; }

.ribbon-info {
  background: #173878; }

.ribbon-bookmark.ribbon-info:before {
  border-color: #173878;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-info:before {
  border-right-color: #173878;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-info:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
  border-right-color: #173878;
  border-bottom-color: transparent; }

.ribbon-info.ribbon-corner:before {
  border-top-color: #173878;
  border-left-color: #173878; }

.ribbon-info.ribbon-corner.ribbon-right:before {
  border-right-color: #173878;
  border-left-color: transparent; }

.ribbon-info.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #173878; }

.ribbon-info.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #0f244d;
  border-right-color: #0f244d; }

.ribbon-info.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #0f244d;
  border-left-color: #0f244d; }

.ribbon-info.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #0f244d;
  border-right-color: #0f244d; }

.ribbon-info.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #0f244d;
  border-right-color: transparent;
  border-left-color: #0f244d; }

.ribbon-light {
  background: #E6E9EB; }

.ribbon-light {
  background: #E6E9EB; }

.ribbon-bookmark.ribbon-light:before {
  border-color: #E6E9EB;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-light:before {
  border-right-color: #E6E9EB;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-light:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-light:before {
  border-right-color: #E6E9EB;
  border-bottom-color: transparent; }

.ribbon-light.ribbon-corner:before {
  border-top-color: #E6E9EB;
  border-left-color: #E6E9EB; }

.ribbon-light.ribbon-corner.ribbon-right:before {
  border-right-color: #E6E9EB;
  border-left-color: transparent; }

.ribbon-light.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #E6E9EB; }

.ribbon-light.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #cad0d4;
  border-right-color: #cad0d4; }

.ribbon-light.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #cad0d4;
  border-left-color: #cad0d4; }

.ribbon-light.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #cad0d4;
  border-right-color: #cad0d4; }

.ribbon-light.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #cad0d4;
  border-right-color: transparent;
  border-left-color: #cad0d4; }

.ribbon-dark {
  background: #2c323f; }

.ribbon-dark {
  background: #2c323f; }

.ribbon-bookmark.ribbon-dark:before {
  border-color: #2c323f;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-dark:before {
  border-right-color: #2c323f;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-dark:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-dark:before {
  border-right-color: #2c323f;
  border-bottom-color: transparent; }

.ribbon-dark.ribbon-corner:before {
  border-top-color: #2c323f;
  border-left-color: #2c323f; }

.ribbon-dark.ribbon-corner.ribbon-right:before {
  border-right-color: #2c323f;
  border-left-color: transparent; }

.ribbon-dark.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #2c323f; }

.ribbon-dark.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #171a21;
  border-right-color: #171a21; }

.ribbon-dark.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #171a21;
  border-left-color: #171a21; }

.ribbon-dark.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #171a21;
  border-right-color: #171a21; }

.ribbon-dark.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #171a21;
  border-right-color: transparent;
  border-left-color: #171a21; }

.ribbon-warning {
  background: #FFAE1A; }

.ribbon-warning {
  background: #FFAE1A; }

.ribbon-bookmark.ribbon-warning:before {
  border-color: #FFAE1A;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-warning:before {
  border-right-color: #FFAE1A;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-warning:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-warning:before {
  border-right-color: #FFAE1A;
  border-bottom-color: transparent; }

.ribbon-warning.ribbon-corner:before {
  border-top-color: #FFAE1A;
  border-left-color: #FFAE1A; }

.ribbon-warning.ribbon-corner.ribbon-right:before {
  border-right-color: #FFAE1A;
  border-left-color: transparent; }

.ribbon-warning.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FFAE1A; }

.ribbon-warning.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #e69500;
  border-right-color: #e69500; }

.ribbon-warning.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #e69500;
  border-left-color: #e69500; }

.ribbon-warning.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #e69500;
  border-right-color: #e69500; }

.ribbon-warning.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #e69500;
  border-right-color: transparent;
  border-left-color: #e69500; }

.vertical-lp-space {
  padding: 58px 28px 28px 50px; }

.vertical-rp-space {
  padding: 58px 50px 28px 28px; }

.clip-bp-space {
  padding: 28px 18px 58px 18px; }

/**=====================
  2.26 Ribbon CSS Ends
==========================**/
/**=====================
   2.27 Range-slider CSS Start
==========================**/
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single,
.irs--flat .irs-bar {
  background-color: #006666; }
  .irs--flat .irs-from::before,
  .irs--flat .irs-to::before,
  .irs--flat .irs-single::before,
  .irs--flat .irs-bar::before {
    border-top-color: #006666; }

.irs--flat .irs-handle i:first-child {
  background-color: #006666; }

.irs--round .irs-single {
  background-color: #FE6A49; }
  .irs--round .irs-single::before {
    border-top-color: #FE6A49; }

.irs--round .irs-handle {
  border: 4px solid #FE6A49; }

.irs--round .irs-bar {
  background-color: #FE6A49; }

.irs--square .irs-handle {
  border: 3px solid #00AC46; }

.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-bar {
  background-color: #00AC46; }

.irs--sharp .irs-from::before,
.irs--sharp .irs-to::before {
  border-top-color: #173878; }

.irs--sharp .irs-min,
.irs--sharp .irs-max,
.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-bar {
  background-color: #173878; }

.irs--sharp .irs-line {
  background-color: #E6E9EB; }

.irs--sharp .irs-handle {
  background-color: #173878; }
  .irs--sharp .irs-handle i:first-child {
    border-top-color: #173878; }

.irs--big .irs-bar {
  border: 1px solid #FFAE1A;
  background: #FFAE1A;
  box-shadow: unset; }

.irs--big .irs-from,
.irs--big .irs-to {
  background-color: #FFAE1A;
  background: unset; }

.irs--big .irs-handle {
  background: #FFAE1A; }

.irs--big .irs-grid-pol {
  background-color: #FFAE1A; }

.irs--big .irs-grid-text {
  color: #FFAE1A; }

.irs--modern .irs-single {
  background-color: #FE6A49; }
  .irs--modern .irs-single::before {
    border-top-color: #FE6A49; }

.irs--modern .irs-bar {
  background: #FE6A49; }

.irs--modern .irs-grid-text {
  color: #FE6A49; }

/**=====================
    2.27 Range-slider CSS Ends
==========================**/
/**=====================
    2.28 Switch CSS Start
==========================**/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }
  .switch input {
    display: none; }
    .switch input:checked + .switch-state {
      background-color: var(--theme-deafult); }
      .switch input:checked + .switch-state:before {
        transform: translateX(26px); }
    .switch input:focus + .switch-state {
      box-shadow: 0 0 1px var(--theme-deafult); }

.switch-state {
  border-radius: 20px;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #E6E9EB;
  transition: .4s; }
  .switch-state:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    transition: .4s;
    border-radius: 20px; }

.icon-state .switch-state:after {
  content: "\efb8";
  font-family: IcoFont;
  left: 10px;
  position: absolute;
  top: 10px;
  color: #2c323f;
  transition: .4s;
  opacity: 0.3; }

.icon-state input:checked + .switch-state:after {
  content: "\efad";
  left: 36px;
  opacity: 1;
  transition: .4s; }

.switch-lg .switch {
  width: 75px;
  height: 40px;
  padding: 0;
  margin: 0; }
  .switch-lg .switch .switch-state:before {
    height: 30px;
    width: 30px;
    left: 7px;
    bottom: 5px;
    top: 4px; }

.switch-lg.large-switch-button .switch .switch-state::before {
  left: 13px; }

.switch-lg.icon-state .switch .switch-state:after {
  left: 12px;
  font-size: 18px; }

.switch-lg.icon-state .switch input:checked + .switch-state:after {
  left: 47px; }

.switch-lg.icon-state .switch input:checked + .switch-state:before {
  transform: translateX(32px); }

.switch-sm.icon-state .switch .switch-state:after {
  top: 4px;
  left: 4px;
  font-size: 8px; }

.switch-sm.icon-state .switch input:checked + .switch-state:after {
  left: 13px;
  top: 4px; }

.switch-sm .switch {
  width: 25px;
  height: 16px;
  margin-top: 10px;
  margin-bottom: 0px; }
  .switch-sm .switch .switch-state:before {
    height: 8px;
    width: 8px;
    left: 4px;
    bottom: 4px; }

.switch-sm input:checked + .switch-state:before {
  left: -13px; }

.switch-outline .switch-state {
  background-color: #fff;
  border: 1px solid var(--theme-deafult);
  transition: .4s; }
  .switch-outline .switch-state:before {
    background-color: #E6E9EB;
    bottom: 3px;
    color: #fff; }

.switch-outline .switch input {
  display: none; }
  .switch-outline .switch input:checked + .switch-state {
    background-color: transparent;
    border: 1px solid var(--theme-deafult); }
    .switch-outline .switch input:checked + .switch-state:before {
      background-color: var(--theme-deafult);
      bottom: 3px;
      transform: translateX(26px); }
    .switch-outline .switch input:checked + .switch-state:after {
      color: #fff; }

.switch-outline .switch-state.bg-primary {
  border: 1px solid var(--theme-deafult);
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-primary {
  background-color: transparent !important;
  border: 1px solid var(--theme-deafult); }
  .switch-outline .switch input:checked + .switch-state.bg-primary:before {
    background-color: var(--theme-deafult); }

.switch-outline .switch-state.bg-dark {
  border: 1px solid #2c323f;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-dark {
  background-color: transparent !important;
  border: 1px solid #2c323f; }
  .switch-outline .switch input:checked + .switch-state.bg-dark:before {
    background-color: #2c323f; }

.switch-outline .switch-state.bg-warning {
  border: 1px solid #FFAE1A;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-warning {
  background-color: transparent !important;
  border: 1px solid #FFAE1A; }
  .switch-outline .switch input:checked + .switch-state.bg-warning:before {
    background-color: #FFAE1A; }

.switch-outline .switch-state.bg-success {
  border: 1px solid #00AC46;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-success {
  background-color: transparent !important;
  border: 1px solid #00AC46; }
  .switch-outline .switch input:checked + .switch-state.bg-success:before {
    background-color: #00AC46; }

.switch-outline .switch-state.bg-info {
  border: 1px solid #173878;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-info {
  background-color: transparent !important;
  border: 1px solid #173878; }
  .switch-outline .switch input:checked + .switch-state.bg-info:before {
    background-color: #173878; }

.switch-outline .switch-state.bg-danger {
  border: 1px solid #FE6A49;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-danger {
  background-color: transparent !important;
  border: 1px solid #FE6A49; }
  .switch-outline .switch input:checked + .switch-state.bg-danger:before {
    background-color: #FE6A49; }

.switch-outline .switch-state.bg-primary {
  border: 1px solid var(--theme-deafult);
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-primary {
  background-color: transparent !important;
  border: 1px solid var(--theme-deafult); }
  .switch-outline .switch input:checked + .switch-state.bg-primary:before {
    background-color: var(--theme-deafult); }

.switch-outline .switch-state.bg-secondary {
  border: 1px solid var(--theme-secondary);
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-secondary {
  background-color: transparent !important;
  border: 1px solid var(--theme-secondary); }
  .switch-outline .switch input:checked + .switch-state.bg-secondary:before {
    background-color: var(--theme-secondary); }

.switch-showcase {
  margin-bottom: -8px; }
  .switch-showcase .media {
    line-height: 1; }
  .switch-showcase .form-check .form-check-input {
    float: right; }

.form-switch .form-check-input:checked {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }

.tg-list {
  text-align: center;
  display: flex;
  align-items: center; }

.tgl {
  display: none; }
  .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
    box-sizing: border-box; }
    .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
      background: none; }
  .tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    user-select: none; }
    .tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
      position: relative;
      display: block;
      content: "";
      width: 50%;
      height: 100%; }
    .tgl + .tgl-btn:after {
      left: 0; }
    .tgl + .tgl-btn:before {
      display: none; }
  .tgl:checked + .tgl-btn:after {
    left: 50%; }

.tgl-skewed + .tgl-btn {
  overflow: hidden;
  transform: skew(-10deg);
  backface-visibility: hidden;
  transition: all .2s ease;
  background: #FE6A49; }
  .tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before {
    transform: skew(10deg);
    display: inline-block;
    transition: all .2s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: var(--white);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
  .tgl-skewed + .tgl-btn:after {
    left: 100%;
    content: attr(data-tg-on); }
  .tgl-skewed + .tgl-btn:before {
    left: 0;
    content: attr(data-tg-off); }
  .tgl-skewed + .tgl-btn:active {
    background: #FE6A49; }
    .tgl-skewed + .tgl-btn:active:before {
      left: -10%; }

.tgl-skewed:checked + .tgl-btn {
  background: #006666; }
  .tgl-skewed:checked + .tgl-btn:before {
    left: -100%; }
  .tgl-skewed:checked + .tgl-btn:after {
    left: 0; }
  .tgl-skewed:checked + .tgl-btn:active:after {
    left: 10%; }

.tgl-flip + .tgl-btn {
  padding: 2px;
  transition: all .2s ease;
  perspective: 100px; }
  .tgl-flip + .tgl-btn:after, .tgl-flip + .tgl-btn:before {
    display: inline-block;
    transition: all .4s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: var(--white);
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    border-radius: 4px; }
  .tgl-flip + .tgl-btn:after {
    content: attr(data-tg-on);
    background: #FFAE1A;
    transform: rotateY(-180deg); }
  .tgl-flip + .tgl-btn:before {
    background: #FE6A49;
    content: attr(data-tg-off); }
  .tgl-flip + .tgl-btn:active:before {
    transform: rotateY(-20deg); }

.tgl-flip:checked + .tgl-btn:before {
  transform: rotateY(180deg); }

.tgl-flip:checked + .tgl-btn:after {
  transform: rotateY(0);
  left: 0;
  background: #00AC46; }

.tgl-flip:checked + .tgl-btn:active:after {
  transform: rotateY(20deg); }

.radius-none .form-check-input {
  border-radius: 3px; }

.tg-list .tg-list-item .square-checked .switch-state::before {
  content: '';
  border-radius: 0; }

.switch-wrapper .media {
  margin-right: 20px; }
  .switch-wrapper .media .col-form-label {
    padding-bottom: 0; }

.switch-wrapper .tg-list p {
  margin: 0 8px 0 0; }

.default-square .form-switch .form-check-input {
  background-image: url(/../images/switch/square-gray.png); }
  .default-square .form-switch .form-check-input:checked {
    background-image: url(/../images/switch/square.svg); }

/**=====================
    2.28 Switch CSS Ends
==========================**/
/**=====================
  2.29 Tab CSS Start
==========================**/
/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C; }

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8; }

.light-card {
  background-color: var(--light-background); }

.light-background {
  background-color: var(--light-bg); }

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  transform: rotate(-45deg);
  display: inline-block; }

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-l-50 {
  margin-left: 50px !important; }

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important; }

.b-r-1 {
  border-radius: 1px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-r-11 {
  border-radius: 11px !important; }

.b-r-12 {
  border-radius: 12px !important; }

.b-r-13 {
  border-radius: 13px !important; }

.b-r-14 {
  border-radius: 14px !important; }

.b-r-15 {
  border-radius: 15px !important; }

.b-r-16 {
  border-radius: 16px !important; }

.b-r-17 {
  border-radius: 17px !important; }

.b-r-18 {
  border-radius: 18px !important; }

.b-r-19 {
  border-radius: 19px !important; }

.b-r-20 {
  border-radius: 20px !important; }

.b-r-21 {
  border-radius: 21px !important; }

.b-r-22 {
  border-radius: 22px !important; }

.b-r-23 {
  border-radius: 23px !important; }

.b-r-24 {
  border-radius: 24px !important; }

.b-r-25 {
  border-radius: 25px !important; }

.b-r-26 {
  border-radius: 26px !important; }

.b-r-27 {
  border-radius: 27px !important; }

.b-r-28 {
  border-radius: 28px !important; }

.b-r-29 {
  border-radius: 29px !important; }

.b-r-30 {
  border-radius: 30px !important; }

.b-r-31 {
  border-radius: 31px !important; }

.b-r-32 {
  border-radius: 32px !important; }

.b-r-33 {
  border-radius: 33px !important; }

.b-r-34 {
  border-radius: 34px !important; }

.b-r-35 {
  border-radius: 35px !important; }

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.f-34 {
  font-size: 34px !important; }

.f-36 {
  font-size: 36px !important; }

.f-38 {
  font-size: 38px !important; }

.f-40 {
  font-size: 40px !important; }

.f-42 {
  font-size: 42px !important; }

.f-44 {
  font-size: 44px !important; }

.f-46 {
  font-size: 46px !important; }

.f-48 {
  font-size: 48px !important; }

.f-50 {
  font-size: 50px !important; }

.f-52 {
  font-size: 52px !important; }

.f-54 {
  font-size: 54px !important; }

.f-56 {
  font-size: 56px !important; }

.f-58 {
  font-size: 58px !important; }

.f-60 {
  font-size: 60px !important; }

.f-62 {
  font-size: 62px !important; }

.f-64 {
  font-size: 64px !important; }

.f-66 {
  font-size: 66px !important; }

.f-68 {
  font-size: 68px !important; }

.f-70 {
  font-size: 70px !important; }

.f-72 {
  font-size: 72px !important; }

.f-74 {
  font-size: 74px !important; }

.f-76 {
  font-size: 76px !important; }

.f-78 {
  font-size: 78px !important; }

.f-80 {
  font-size: 80px !important; }

.f-82 {
  font-size: 82px !important; }

.f-84 {
  font-size: 84px !important; }

.f-86 {
  font-size: 86px !important; }

.f-88 {
  font-size: 88px !important; }

.f-90 {
  font-size: 90px !important; }

.f-92 {
  font-size: 92px !important; }

.f-94 {
  font-size: 94px !important; }

.f-96 {
  font-size: 96px !important; }

.f-98 {
  font-size: 98px !important; }

.f-100 {
  font-size: 100px !important; }

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100; }

.f-w-300 {
  font-weight: 300; }

.f-w-500 {
  font-weight: 500; }

.f-w-400 {
  font-weight: 400; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-900 {
  font-weight: 900; }

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal; }

.f-s-italic {
  font-style: italic; }

.f-s-oblique {
  font-style: oblique; }

.f-s-initial {
  font-style: initial; }

.f-s-inherit {
  font-style: inherit; }

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-dashed {
  text-decoration: dashed; }

.text-blink {
  text-decoration: blink; }

.text-dotted {
  text-decoration: dotted; }

.text-initial {
  text-decoration: initial; }

.text-none {
  text-decoration: none; }

.text-solid {
  text-decoration: solid; }

.text-wavy {
  text-decoration: wavy; }

.text-inherit {
  text-decoration: inherit; }

.text-double {
  text-decoration: double; }

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline; }

.sub {
  vertical-align: sub; }

.super {
  vertical-align: super; }

.top {
  vertical-align: top; }

.text-top {
  vertical-align: text-top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.text-bottom {
  vertical-align: text-bottom; }

.initial {
  vertical-align: initial; }

.inherit {
  vertical-align: inherit; }

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-relative {
  position: relative; }

.p-initial {
  position: initial; }

.p-inherit {
  position: inherit; }

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden; }

.o-visible {
  overflow: visible; }

.o-auto {
  overflow: auto; }

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important; }

.img-h-10 {
  height: 10px !important; }

.img-20 {
  width: 20px !important; }

.img-h-20 {
  height: 20px !important; }

.img-30 {
  width: 30px !important; }

.img-h-30 {
  height: 30px !important; }

.img-40 {
  width: 40px !important; }

.img-h-40 {
  height: 40px !important; }

.img-50 {
  width: 50px !important; }

.img-h-50 {
  height: 50px !important; }

.img-60 {
  width: 60px !important; }

.img-h-60 {
  height: 60px !important; }

.img-70 {
  width: 70px !important; }

.img-h-70 {
  height: 70px !important; }

.img-80 {
  width: 80px !important; }

.img-h-80 {
  height: 80px !important; }

.img-90 {
  width: 90px !important; }

.img-h-90 {
  height: 90px !important; }

.img-100 {
  width: 100px !important; }

.img-h-100 {
  height: 100px !important; }

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important; }

.font-secondary {
  color: #FE6A49 !important; }

.font-success {
  color: #00AC46 !important; }

.font-danger {
  color: #FE6A49 !important; }

.font-info {
  color: #173878 !important; }

.font-light {
  color: #E6E9EB !important; }

.font-dark {
  color: #2c323f !important; }

.font-warning {
  color: #FFAE1A !important; }

.font-primary {
  color: var(--theme-deafult) !important; }

.font-secondary {
  color: var(--theme-secondary) !important; }

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize; }

.label-theme {
  background-color: #006666; }

.label-primary {
  background-color: #006666; }

.label-secondary {
  background-color: #FE6A49; }

.label-success {
  background-color: #00AC46; }

.label-danger {
  background-color: #FE6A49; }

.label-info {
  background-color: #173878; }

.label-light {
  background-color: #E6E9EB; }

.label-dark {
  background-color: #2c323f; }

.label-warning {
  background-color: #FFAE1A; }

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666; }

.badge-secondary {
  background-color: #FE6A49; }

.badge-success {
  background-color: #00AC46; }

.badge-danger {
  background-color: #FE6A49; }

.badge-info {
  background-color: #173878; }

.badge-light {
  background-color: #E6E9EB; }

.badge-dark {
  background-color: #2c323f; }

.badge-warning {
  background-color: #FFAE1A; }

.badge-primary {
  background-color: var(--theme-deafult) !important; }

.badge-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff; }

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff; }

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important; }

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-success {
  background-color: #00AC46 !important;
  color: #fff; }

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff; }

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important; }

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-info {
  background-color: #173878 !important;
  color: #fff; }

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff; }

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important; }

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff; }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff; }

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important; }

.bg-dark {
  background-color: #2c323f !important;
  color: #fff; }

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff; }

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important; }

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff; }

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff; }

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important; }

.bg-primary {
  background-color: var(--theme-deafult) !important; }

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6); }

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important; }

.txt-secondary {
  color: #FE6A49 !important; }

.txt-success {
  color: #00AC46 !important; }

.txt-danger {
  color: #FE6A49 !important; }

.txt-info {
  color: #173878 !important; }

.txt-light {
  color: #E6E9EB !important; }

.txt-dark {
  color: #2c323f !important; }

.txt-warning {
  color: #FFAE1A !important; }

.txt-google-plus {
  color: #c64e40 !important; }

.txt-twitter {
  color: #6fa2d8 !important; }

.txt-linkedin {
  color: #0077B5 !important; }

.txt-fb {
  color: #50598e !important; }

.txt-primary {
  color: var(--theme-deafult) !important; }

.txt-secondary {
  color: var(--theme-secondary) !important; }

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@keyframes push {
  50% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #006666 !important;
    border-color: #006666 !important; }
  .btn-primary:focus {
    box-shadow: unset !important; }

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-secondary:focus {
    box-shadow: unset !important; }

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }
  .btn-success:focus {
    box-shadow: unset !important; }

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-danger:focus {
    box-shadow: unset !important; }

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #173878 !important;
    border-color: #173878 !important; }
  .btn-info:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }
  .btn-light:focus {
    box-shadow: unset !important; }

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #2c323f !important;
    border-color: #2c323f !important; }
  .btn-dark:focus {
    box-shadow: unset !important; }

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }
  .btn-warning:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important; }
  .btn-light:hover {
    background-color: rgba(0, 102, 102, 0.1) !important;
    border-color: rgba(0, 102, 102, 0.1) !important; }

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important; }

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important; }

.btn-hover-effect:hover {
  animation: push 0.5s linear 1; }

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent; }
  .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-check {
  color: #006666 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #006666 !important; }
    .btn-check:checked + .btn-outline-primary {
      color: white !important;
      background-color: #006666 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-primary {
    border-color: #006666 !important;
    color: #006666 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-primary.disabled {
      color: #006666; }
    .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
      color: white !important;
      background-color: #006666 !important;
      border-color: #006666 !important;
      box-shadow: none !important; }

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary.disabled {
    color: #006666;
    border-color: #006666; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-secondary {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-secondary {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-secondary.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #00AC46 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #00AC46 !important; }
    .btn-check:checked + .btn-outline-success {
      color: white !important;
      background-color: #00AC46 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-success.disabled {
      color: #00AC46; }
    .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
      color: white !important;
      background-color: #00AC46 !important;
      border-color: #00AC46 !important;
      box-shadow: none !important; }

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success.disabled {
    color: #00AC46;
    border-color: #00AC46; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-danger {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-danger.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #173878 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #173878 !important; }
    .btn-check:checked + .btn-outline-info {
      color: white !important;
      background-color: #173878 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-info {
    border-color: #173878 !important;
    color: #173878 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-info.disabled {
      color: #173878; }
    .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
      color: white !important;
      background-color: #173878 !important;
      border-color: #173878 !important;
      box-shadow: none !important; }

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info.disabled {
    color: #173878;
    border-color: #173878; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: #fff !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #E6E9EB !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #E6E9EB !important; }
    .btn-check:checked + .btn-outline-light {
      color: white !important;
      background-color: #E6E9EB !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-light {
    border-color: #E6E9EB !important;
    color: #E6E9EB !important;
    background-color: transparent;
    color: #051A1A; }
    .btn-check + .btn-outline-light.disabled {
      color: #E6E9EB; }
    .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
      color: white !important;
      background-color: #E6E9EB !important;
      border-color: #E6E9EB !important;
      box-shadow: none !important; }

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A; }
  .btn-outline-light.disabled {
    color: #E6E9EB;
    border-color: #E6E9EB; }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: #fff !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: unset !important; }

.btn-check {
  color: #2c323f !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #2c323f !important; }
    .btn-check:checked + .btn-outline-dark {
      color: white !important;
      background-color: #2c323f !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-dark {
    border-color: #2c323f !important;
    color: #2c323f !important;
    background-color: transparent; }
    .btn-check + .btn-outline-dark.disabled {
      color: #2c323f; }
    .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
      color: white !important;
      background-color: #2c323f !important;
      border-color: #2c323f !important;
      box-shadow: none !important; }

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark.disabled {
    color: #2c323f;
    border-color: #2c323f; }
  .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FFAE1A !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FFAE1A !important; }
    .btn-check:checked + .btn-outline-warning {
      color: white !important;
      background-color: #FFAE1A !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important;
    background-color: transparent; }
    .btn-check + .btn-outline-warning.disabled {
      color: #FFAE1A; }
    .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
      color: white !important;
      background-color: #FFAE1A !important;
      border-color: #FFAE1A !important;
      box-shadow: none !important; }

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning.disabled {
    color: #FFAE1A;
    border-color: #FFAE1A; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: unset !important; }

.btn-primary.active:not([disabled]):not(.disabled) {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  box-shadow: none !important; }
  .btn-primary.active:not([disabled]):not(.disabled):hover, .btn-primary.active:not([disabled]):not(.disabled):focus, .btn-primary.active:not([disabled]):not(.disabled):active, .btn-primary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #003333;
    border-color: #003333; }

.btn-secondary.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-secondary.active:not([disabled]):not(.disabled):hover, .btn-secondary.active:not([disabled]):not(.disabled):focus, .btn-secondary.active:not([disabled]):not(.disabled):active, .btn-secondary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-success.active:not([disabled]):not(.disabled) {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  box-shadow: none !important; }
  .btn-success.active:not([disabled]):not(.disabled):hover, .btn-success.active:not([disabled]):not(.disabled):focus, .btn-success.active:not([disabled]):not(.disabled):active, .btn-success.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #007931;
    border-color: #007931; }

.btn-danger.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-danger.active:not([disabled]):not(.disabled):hover, .btn-danger.active:not([disabled]):not(.disabled):focus, .btn-danger.active:not([disabled]):not(.disabled):active, .btn-danger.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-info.active:not([disabled]):not(.disabled) {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  box-shadow: none !important; }
  .btn-info.active:not([disabled]):not(.disabled):hover, .btn-info.active:not([disabled]):not(.disabled):focus, .btn-info.active:not([disabled]):not(.disabled):active, .btn-info.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #0f244d;
    border-color: #0f244d; }

.btn-light.active:not([disabled]):not(.disabled) {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  box-shadow: none !important; }
  .btn-light.active:not([disabled]):not(.disabled):hover, .btn-light.active:not([disabled]):not(.disabled):focus, .btn-light.active:not([disabled]):not(.disabled):active, .btn-light.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #cad0d4;
    border-color: #cad0d4; }

.btn-dark.active:not([disabled]):not(.disabled) {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  box-shadow: none !important; }
  .btn-dark.active:not([disabled]):not(.disabled):hover, .btn-dark.active:not([disabled]):not(.disabled):focus, .btn-dark.active:not([disabled]):not(.disabled):active, .btn-dark.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #171a21;
    border-color: #171a21; }

.btn-warning.active:not([disabled]):not(.disabled) {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  box-shadow: none !important; }
  .btn-warning.active:not([disabled]):not(.disabled):hover, .btn-warning.active:not([disabled]):not(.disabled):focus, .btn-warning.active:not([disabled]):not(.disabled):active, .btn-warning.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #e69500;
    border-color: #e69500; }

.btn-outline-primary-2x.active:not([disabled]):not(.disabled) {
  background-color: #006666;
  border-color: #006666;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-primary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-primary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #006666 !important;
    border-color: #006666 !important; }

.btn-outline-secondary-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-secondary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-success-2x.active:not([disabled]):not(.disabled) {
  background-color: #00AC46;
  border-color: #00AC46;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-success-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-success-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-success-2x.active:not([disabled]):not(.disabled):active, .btn-outline-success-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }

.btn-outline-danger-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-danger-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):active, .btn-outline-danger-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-info-2x.active:not([disabled]):not(.disabled) {
  background-color: #173878;
  border-color: #173878;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-info-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-info-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-info-2x.active:not([disabled]):not(.disabled):active, .btn-outline-info-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #173878 !important;
    border-color: #173878 !important; }

.btn-outline-light-2x.active:not([disabled]):not(.disabled) {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-light-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-light-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-light-2x.active:not([disabled]):not(.disabled):active, .btn-outline-light-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }

.btn-outline-dark-2x.active:not([disabled]):not(.disabled) {
  background-color: #2c323f;
  border-color: #2c323f;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-dark-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):active, .btn-outline-dark-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important; }

.btn-outline-warning-2x.active:not([disabled]):not(.disabled) {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-warning-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):active, .btn-outline-warning-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important; }

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important; }

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important; }

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important; }

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important; }

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important; }

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666; }
  .table-styling .table-primary thead,
  .table-styling.table-primary thead {
    background-color: #003333;
    border: 3px solid #003333; }
  .table-styling .table-primary th,
  .table-styling .table-primary td,
  .table-styling.table-primary th,
  .table-styling.table-primary td {
    background-color: transparent; }

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-secondary thead,
  .table-styling.table-secondary thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-secondary th,
  .table-styling .table-secondary td,
  .table-styling.table-secondary th,
  .table-styling.table-secondary td {
    background-color: transparent; }

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46; }
  .table-styling .table-success thead,
  .table-styling.table-success thead {
    background-color: #007931;
    border: 3px solid #007931; }
  .table-styling .table-success th,
  .table-styling .table-success td,
  .table-styling.table-success th,
  .table-styling.table-success td {
    background-color: transparent; }

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-danger thead,
  .table-styling.table-danger thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-danger th,
  .table-styling .table-danger td,
  .table-styling.table-danger th,
  .table-styling.table-danger td {
    background-color: transparent; }

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878; }
  .table-styling .table-info thead,
  .table-styling.table-info thead {
    background-color: #0f244d;
    border: 3px solid #0f244d; }
  .table-styling .table-info th,
  .table-styling .table-info td,
  .table-styling.table-info th,
  .table-styling.table-info td {
    background-color: transparent; }

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB; }
  .table-styling .table-light thead,
  .table-styling.table-light thead {
    background-color: #cad0d4;
    border: 3px solid #cad0d4; }
  .table-styling .table-light th,
  .table-styling .table-light td,
  .table-styling.table-light th,
  .table-styling.table-light td {
    background-color: transparent; }

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f; }
  .table-styling .table-dark thead,
  .table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21; }
  .table-styling .table-dark th,
  .table-styling .table-dark td,
  .table-styling.table-dark th,
  .table-styling.table-dark td {
    background-color: transparent; }

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A; }
  .table-styling .table-warning thead,
  .table-styling.table-warning thead {
    background-color: #e69500;
    border: 3px solid #e69500; }
  .table-styling .table-warning th,
  .table-styling .table-warning td,
  .table-styling.table-warning th,
  .table-styling.table-warning td {
    background-color: transparent; }

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important; }

.stroke-secondary {
  stroke: #FE6A49 !important; }

.stroke-success {
  stroke: #00AC46 !important; }

.stroke-danger {
  stroke: #FE6A49 !important; }

.stroke-info {
  stroke: #173878 !important; }

.stroke-light {
  stroke: #E6E9EB !important; }

.stroke-dark {
  stroke: #2c323f !important; }

.stroke-warning {
  stroke: #FFAE1A !important; }

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878; }

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important; }

.b-t-primary {
  border-top: 1px solid #006666 !important; }

.border-t-primary {
  border-top: 1px solid #006666 !important; }

.b-b-primary {
  border-bottom: 1px solid #006666 !important; }

.border-b-primary {
  border-bottom: 1px solid #006666 !important; }

.b-l-primary {
  border-left: 1px solid #006666 !important; }

.border-l-primary {
  border-left: 1px solid #006666 !important; }

.b-r-primary {
  border-right: 1px solid #006666 !important; }

.border-r-primary {
  border-right: 1px solid #006666 !important; }

.b-secondary {
  border: 1px solid #FE6A49 !important; }

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.b-success {
  border: 1px solid #00AC46 !important; }

.b-t-success {
  border-top: 1px solid #00AC46 !important; }

.border-t-success {
  border-top: 1px solid #00AC46 !important; }

.b-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.border-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.b-l-success {
  border-left: 1px solid #00AC46 !important; }

.border-l-success {
  border-left: 1px solid #00AC46 !important; }

.b-r-success {
  border-right: 1px solid #00AC46 !important; }

.border-r-success {
  border-right: 1px solid #00AC46 !important; }

.b-danger {
  border: 1px solid #FE6A49 !important; }

.b-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.border-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.border-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.b-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.border-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.b-info {
  border: 1px solid #173878 !important; }

.b-t-info {
  border-top: 1px solid #173878 !important; }

.border-t-info {
  border-top: 1px solid #173878 !important; }

.b-b-info {
  border-bottom: 1px solid #173878 !important; }

.border-b-info {
  border-bottom: 1px solid #173878 !important; }

.b-l-info {
  border-left: 1px solid #173878 !important; }

.border-l-info {
  border-left: 1px solid #173878 !important; }

.b-r-info {
  border-right: 1px solid #173878 !important; }

.border-r-info {
  border-right: 1px solid #173878 !important; }

.b-light {
  border: 1px solid #E6E9EB !important; }

.b-t-light {
  border-top: 1px solid #E6E9EB !important; }

.border-t-light {
  border-top: 1px solid #E6E9EB !important; }

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.b-l-light {
  border-left: 1px solid #E6E9EB !important; }

.border-l-light {
  border-left: 1px solid #E6E9EB !important; }

.b-r-light {
  border-right: 1px solid #E6E9EB !important; }

.border-r-light {
  border-right: 1px solid #E6E9EB !important; }

.b-dark {
  border: 1px solid #2c323f !important; }

.b-t-dark {
  border-top: 1px solid #2c323f !important; }

.border-t-dark {
  border-top: 1px solid #2c323f !important; }

.b-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.border-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.b-l-dark {
  border-left: 1px solid #2c323f !important; }

.border-l-dark {
  border-left: 1px solid #2c323f !important; }

.b-r-dark {
  border-right: 1px solid #2c323f !important; }

.border-r-dark {
  border-right: 1px solid #2c323f !important; }

.b-warning {
  border: 1px solid #FFAE1A !important; }

.b-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.border-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.b-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.border-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.b-r-warning {
  border-right: 1px solid #FFAE1A !important; }

.border-r-warning {
  border-right: 1px solid #FFAE1A !important; }

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-6 {
  border-width: 6px !important; }

.border-7 {
  border-width: 7px !important; }

.border-8 {
  border-width: 8px !important; }

.border-9 {
  border-width: 9px !important; }

.border-10 {
  border-width: 10px !important; }

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px; }

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa; }

.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px; }

.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3); }

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f; }
  .line pre {
    font-size: 100%; }

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important; }

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .options > div {
    color: #86909C;
    padding: 2px 10px;
    border: 1px solid; }
    .options > div:hover {
      background-color: #006666;
      color: #fff;
      transition: background-color 0.3s ease; }

/**====== Animation css Ends ======**/
.modal-footer {
  flex-wrap: wrap; }

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0; }

.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0; }

.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px; }

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666; }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #006666 !important; }

.typeahead .theme-form .form-group {
  margin-bottom: 0; }

.primary .svg-fill {
  fill: var(--theme-deafult); }
  .primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-deafult); }

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important; }

.secondary .svg-fill {
  fill: var(--theme-secondary); }
  .secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary); }

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important; }

.success .svg-fill {
  fill: #00AC46; }

.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important; }

.warning .svg-fill {
  fill: #FFAE1A; }

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important; }

.dotted {
  border-style: dotted; }

.dashed {
  border-style: dashed; }

.double {
  border-style: double; }

.groove {
  border-style: groove; }

.ridge {
  border-style: ridge; }

.inset {
  border-style: inset; }

.outset {
  border-style: outset; }

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px; }
  75% {
    opacity: .6;
    top: 0; }
  100% {
    opacity: 1; } }

.code-box-copy {
  width: 100%;
  overflow: auto; }

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%; }
  .custom-rs-12 {
    width: 100%; } }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px; }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none; }

.bg-gray {
  background-color: var(--text-gray); }

.text-gray {
  color: var(--text-gray) !important; }

.common-flex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

.common-space {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2); }

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3); }

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important; }

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important; }

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666; }

.badge-light-secondary {
  background-color: white;
  color: #FE6A49; }

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46; }

.badge-light-danger {
  background-color: white;
  color: #FE6A49; }

.badge-light-info {
  background-color: #6e96e3;
  color: #173878; }

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c; }

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f; }

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A; }

.fc .fc-button-primary.fc-button-active:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult), 0.2) !important; }

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%;
      margin-left: 0px; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .invoice-table-data {
    background-color: #f9f9fa; }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

/**=====================
    1.1 Reset CSS Ends
==========================**/
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--theme-deafult); }

.nav i {
  margin-right: 10px; }

.nav-right {
  justify-content: flex-end; }

.nav-theme .nav-link,
.nav-pills.nav-theme .nav-link {
  color: var(--theme-deafult); }

.nav-theme .nav-link.active,
.nav-theme .show > .nav-link,
.nav-pills.nav-theme .nav-link.active,
.nav-pills.nav-theme .show > .nav-link {
  background-color: var(--theme-deafult);
  color: #fff; }

.nav-primary .nav-link,
.nav-pills.nav-primary .nav-link {
  color: var(--theme-deafult); }

.nav-primary .nav-link.active,
.nav-primary .show > .nav-link,
.nav-pills.nav-primary .nav-link.active,
.nav-pills.nav-primary .show > .nav-link {
  background-color: var(--theme-deafult);
  color: #fff; }

.nav-secondary .nav-link,
.nav-pills.nav-secondary .nav-link {
  color: #FE6A49; }

.nav-secondary .nav-link.active,
.nav-secondary .show > .nav-link,
.nav-pills.nav-secondary .nav-link.active,
.nav-pills.nav-secondary .show > .nav-link {
  background-color: #FE6A49;
  color: #fff; }

.nav-success .nav-link,
.nav-pills.nav-success .nav-link {
  color: #00AC46; }

.nav-success .nav-link.active,
.nav-success .show > .nav-link,
.nav-pills.nav-success .nav-link.active,
.nav-pills.nav-success .show > .nav-link {
  background-color: #00AC46;
  color: #fff; }

.nav-danger .nav-link,
.nav-pills.nav-danger .nav-link {
  color: #FE6A49; }

.nav-danger .nav-link.active,
.nav-danger .show > .nav-link,
.nav-pills.nav-danger .nav-link.active,
.nav-pills.nav-danger .show > .nav-link {
  background-color: #FE6A49;
  color: #fff; }

.nav-info .nav-link,
.nav-pills.nav-info .nav-link {
  color: #173878; }

.nav-info .nav-link.active,
.nav-info .show > .nav-link,
.nav-pills.nav-info .nav-link.active,
.nav-pills.nav-info .show > .nav-link {
  background-color: #173878;
  color: #fff; }

.nav-light .nav-link,
.nav-pills.nav-light .nav-link {
  color: #E6E9EB; }

.nav-light .nav-link.active,
.nav-light .show > .nav-link,
.nav-pills.nav-light .nav-link.active,
.nav-pills.nav-light .show > .nav-link {
  background-color: #E6E9EB;
  color: #fff; }

.nav-dark .nav-link,
.nav-pills.nav-dark .nav-link {
  color: #2c323f; }

.nav-dark .nav-link.active,
.nav-dark .show > .nav-link,
.nav-pills.nav-dark .nav-link.active,
.nav-pills.nav-dark .show > .nav-link {
  background-color: #2c323f;
  color: #fff; }

.nav-warning .nav-link,
.nav-pills.nav-warning .nav-link {
  color: #FFAE1A; }

.nav-warning .nav-link.active,
.nav-warning .show > .nav-link,
.nav-pills.nav-warning .nav-link.active,
.nav-pills.nav-warning .show > .nav-link {
  background-color: #FFAE1A;
  color: #fff; }

.nav-tabs.nav-bottom .nav-item .nav-link.active,
.nav-tabs.nav-bottom .nav-item .nav-link.focus,
.nav-tabs.nav-bottom .nav-item .nav-link.hover {
  border-color: #fff #dee2e6 #dee2e6; }

.tab-content ~ .nav-tabs.border-tab {
  margin-bottom: 0;
  margin-top: 30px; }

.border-tab.nav-tabs {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 30px; }
  .border-tab.nav-tabs .nav-item .nav-link {
    font-size: 16px;
    color: #2c323f;
    text-align: center;
    padding: 10px 25px;
    border: none;
    border-bottom: none;
    transition: 0.3s; }
    @media (min-width: 576px) and (max-width: 1920px) {
      .border-tab.nav-tabs .nav-item .nav-link {
        padding-top: 0; } }
    .border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus, .border-tab.nav-tabs .nav-item .nav-link:hover {
      color: var(--theme-deafult); }
    .border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus {
      border-bottom: none; }

.border-tab.nav-left .nav-link {
  transition: all 0.3s ease;
  color: #2c323f; }

.border-tab.nav-left .nav-link.active,
.border-tab.nav-left .show > .nav-link {
  background-color: transparent;
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult);
  border-radius: 0;
  transition: all 0.3s ease; }

.border-tab.nav-right .nav-link {
  border-right: 2px solid transparent;
  transition: all 0.3s ease;
  color: #2c323f;
  text-align: right; }

.border-tab.nav-right .nav-link.active,
.border-tab.nav-right .show > .nav-link {
  background-color: transparent;
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult);
  border-radius: 0;
  transition: all 0.3s ease; }

.border-tab.nav-theme .nav-link.active,
.border-tab.nav-theme .nav-item.show,
.border-tab.nav-theme .nav-link:focus,
.border-tab.nav-theme .nav-link:hover {
  color: var(--theme-deafult);
  background-color: transparent; }

.border-tab.nav-theme .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus {
    border-bottom: 2px solid var(--theme-deafult); }
  .border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus, .border-tab.nav-theme .nav-item .nav-link:hover {
    color: var(--theme-deafult); }

.border-tab.nav-left.nav-theme .nav-link.active,
.border-tab.nav-left.nav-theme .show > .nav-link {
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-right.nav-theme .nav-link.active,
.border-tab.nav-right.nav-theme .show > .nav-link {
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-primary .nav-link.active,
.border-tab.nav-primary .nav-item.show,
.border-tab.nav-primary .nav-link:focus,
.border-tab.nav-primary .nav-link:hover {
  color: var(--theme-deafult);
  background-color: transparent; }

.border-tab.nav-primary .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus {
    border-bottom: 2px solid var(--theme-deafult); }
  .border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus, .border-tab.nav-primary .nav-item .nav-link:hover {
    color: var(--theme-deafult); }

.border-tab.nav-left.nav-primary .nav-link.active,
.border-tab.nav-left.nav-primary .show > .nav-link {
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-right.nav-primary .nav-link.active,
.border-tab.nav-right.nav-primary .show > .nav-link {
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-secondary .nav-link.active,
.border-tab.nav-secondary .nav-item.show,
.border-tab.nav-secondary .nav-link:focus,
.border-tab.nav-secondary .nav-link:hover {
  color: #FE6A49;
  background-color: transparent; }

.border-tab.nav-secondary .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-secondary .nav-item .nav-link.active, .border-tab.nav-secondary .nav-item .nav-link.show, .border-tab.nav-secondary .nav-item .nav-link:focus {
    border-bottom: 2px solid #FE6A49; }
  .border-tab.nav-secondary .nav-item .nav-link.active, .border-tab.nav-secondary .nav-item .nav-link.show, .border-tab.nav-secondary .nav-item .nav-link:focus, .border-tab.nav-secondary .nav-item .nav-link:hover {
    color: #FE6A49; }

.border-tab.nav-left.nav-secondary .nav-link.active,
.border-tab.nav-left.nav-secondary .show > .nav-link {
  border-left-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-right.nav-secondary .nav-link.active,
.border-tab.nav-right.nav-secondary .show > .nav-link {
  border-right-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-success .nav-link.active,
.border-tab.nav-success .nav-item.show,
.border-tab.nav-success .nav-link:focus,
.border-tab.nav-success .nav-link:hover {
  color: #00AC46;
  background-color: transparent; }

.border-tab.nav-success .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-success .nav-item .nav-link.active, .border-tab.nav-success .nav-item .nav-link.show, .border-tab.nav-success .nav-item .nav-link:focus {
    border-bottom: 2px solid #00AC46; }
  .border-tab.nav-success .nav-item .nav-link.active, .border-tab.nav-success .nav-item .nav-link.show, .border-tab.nav-success .nav-item .nav-link:focus, .border-tab.nav-success .nav-item .nav-link:hover {
    color: #00AC46; }

.border-tab.nav-left.nav-success .nav-link.active,
.border-tab.nav-left.nav-success .show > .nav-link {
  border-left-color: #00AC46;
  color: #00AC46; }

.border-tab.nav-right.nav-success .nav-link.active,
.border-tab.nav-right.nav-success .show > .nav-link {
  border-right-color: #00AC46;
  color: #00AC46; }

.border-tab.nav-danger .nav-link.active,
.border-tab.nav-danger .nav-item.show,
.border-tab.nav-danger .nav-link:focus,
.border-tab.nav-danger .nav-link:hover {
  color: #FE6A49;
  background-color: transparent; }

.border-tab.nav-danger .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-danger .nav-item .nav-link.active, .border-tab.nav-danger .nav-item .nav-link.show, .border-tab.nav-danger .nav-item .nav-link:focus {
    border-bottom: 2px solid #FE6A49; }
  .border-tab.nav-danger .nav-item .nav-link.active, .border-tab.nav-danger .nav-item .nav-link.show, .border-tab.nav-danger .nav-item .nav-link:focus, .border-tab.nav-danger .nav-item .nav-link:hover {
    color: #FE6A49; }

.border-tab.nav-left.nav-danger .nav-link.active,
.border-tab.nav-left.nav-danger .show > .nav-link {
  border-left-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-right.nav-danger .nav-link.active,
.border-tab.nav-right.nav-danger .show > .nav-link {
  border-right-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-info .nav-link.active,
.border-tab.nav-info .nav-item.show,
.border-tab.nav-info .nav-link:focus,
.border-tab.nav-info .nav-link:hover {
  color: #173878;
  background-color: transparent; }

.border-tab.nav-info .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-info .nav-item .nav-link.active, .border-tab.nav-info .nav-item .nav-link.show, .border-tab.nav-info .nav-item .nav-link:focus {
    border-bottom: 2px solid #173878; }
  .border-tab.nav-info .nav-item .nav-link.active, .border-tab.nav-info .nav-item .nav-link.show, .border-tab.nav-info .nav-item .nav-link:focus, .border-tab.nav-info .nav-item .nav-link:hover {
    color: #173878; }

.border-tab.nav-left.nav-info .nav-link.active,
.border-tab.nav-left.nav-info .show > .nav-link {
  border-left-color: #173878;
  color: #173878; }

.border-tab.nav-right.nav-info .nav-link.active,
.border-tab.nav-right.nav-info .show > .nav-link {
  border-right-color: #173878;
  color: #173878; }

.border-tab.nav-light .nav-link.active,
.border-tab.nav-light .nav-item.show,
.border-tab.nav-light .nav-link:focus,
.border-tab.nav-light .nav-link:hover {
  color: #E6E9EB;
  background-color: transparent; }

.border-tab.nav-light .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-light .nav-item .nav-link.active, .border-tab.nav-light .nav-item .nav-link.show, .border-tab.nav-light .nav-item .nav-link:focus {
    border-bottom: 2px solid #E6E9EB; }
  .border-tab.nav-light .nav-item .nav-link.active, .border-tab.nav-light .nav-item .nav-link.show, .border-tab.nav-light .nav-item .nav-link:focus, .border-tab.nav-light .nav-item .nav-link:hover {
    color: #E6E9EB; }

.border-tab.nav-left.nav-light .nav-link.active,
.border-tab.nav-left.nav-light .show > .nav-link {
  border-left-color: #E6E9EB;
  color: #E6E9EB; }

.border-tab.nav-right.nav-light .nav-link.active,
.border-tab.nav-right.nav-light .show > .nav-link {
  border-right-color: #E6E9EB;
  color: #E6E9EB; }

.border-tab.nav-dark .nav-link.active,
.border-tab.nav-dark .nav-item.show,
.border-tab.nav-dark .nav-link:focus,
.border-tab.nav-dark .nav-link:hover {
  color: #2c323f;
  background-color: transparent; }

.border-tab.nav-dark .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-dark .nav-item .nav-link.active, .border-tab.nav-dark .nav-item .nav-link.show, .border-tab.nav-dark .nav-item .nav-link:focus {
    border-bottom: 2px solid #2c323f; }
  .border-tab.nav-dark .nav-item .nav-link.active, .border-tab.nav-dark .nav-item .nav-link.show, .border-tab.nav-dark .nav-item .nav-link:focus, .border-tab.nav-dark .nav-item .nav-link:hover {
    color: #2c323f; }

.border-tab.nav-left.nav-dark .nav-link.active,
.border-tab.nav-left.nav-dark .show > .nav-link {
  border-left-color: #2c323f;
  color: #2c323f; }

.border-tab.nav-right.nav-dark .nav-link.active,
.border-tab.nav-right.nav-dark .show > .nav-link {
  border-right-color: #2c323f;
  color: #2c323f; }

.border-tab.nav-warning .nav-link.active,
.border-tab.nav-warning .nav-item.show,
.border-tab.nav-warning .nav-link:focus,
.border-tab.nav-warning .nav-link:hover {
  color: #FFAE1A;
  background-color: transparent; }

.border-tab.nav-warning .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-warning .nav-item .nav-link.active, .border-tab.nav-warning .nav-item .nav-link.show, .border-tab.nav-warning .nav-item .nav-link:focus {
    border-bottom: 2px solid #FFAE1A; }
  .border-tab.nav-warning .nav-item .nav-link.active, .border-tab.nav-warning .nav-item .nav-link.show, .border-tab.nav-warning .nav-item .nav-link:focus, .border-tab.nav-warning .nav-item .nav-link:hover {
    color: #FFAE1A; }

.border-tab.nav-left.nav-warning .nav-link.active,
.border-tab.nav-left.nav-warning .show > .nav-link {
  border-left-color: #FFAE1A;
  color: #FFAE1A; }

.border-tab.nav-right.nav-warning .nav-link.active,
.border-tab.nav-right.nav-warning .show > .nav-link {
  border-right-color: #FFAE1A;
  color: #FFAE1A; }

.flex-space {
  display: flex;
  gap: 16px; }
  @media (max-width: 576px) {
    .flex-space {
      justify-content: center; } }
.tab-img {
  height: 100px; }

.nav-item .navlink-title {
  background-color: unset;
  padding: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.simple-wrapper .dropdown-collection .dropdown-item:hover, .simple-wrapper .dropdown-collection .dropdown-item:active {
  background-color: #E6E9EB !important; }

.blog-wrapper .blog-img {
  width: 100px;
  height: 100px; }

.designer-details {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px; }
  @media (max-width: 1400px) {
    .designer-details {
      gap: calc(14px + (35 - 14) * ((100vw - 320px) / (1400 - 320))); } }
  .designer-details .designer-profile {
    display: inline-block; }
    .designer-details .designer-profile .designer-wrap {
      display: flex;
      align-items: center;
      gap: 12px; }
      .designer-details .designer-profile .designer-wrap .designer-img {
        height: 50px;
        border-radius: 100%; }
      .designer-details .designer-profile .designer-wrap .designer-content h6 {
        font-weight: 500; }
      .designer-details .designer-profile .designer-wrap .designer-content p {
        color: #999999; }

.nav-tabs .nav-border {
  color: #000;
  border: none; }

.ico-color {
  color: #FFAE1A;
  font-size: 16px; }

.main-inbox .header-inbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #999999;
  padding-bottom: 8px; }
  .main-inbox .header-inbox .header-left-inbox {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap; }
    .main-inbox .header-inbox .header-left-inbox .inbox-img img {
      width: 50px;
      height: 50px;
      border-radius: 100%; }
  .main-inbox .header-inbox .header-right-inbox {
    display: flex;
    gap: 12px; }
    @media (max-width: 560px) {
      .main-inbox .header-inbox .header-right-inbox {
        display: none; } }
.main-inbox .body-inbox .body-h-wrapper {
  display: flex;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--light-border);
  align-items: center; }
  @media (max-width: 630px) {
    .main-inbox .body-inbox .body-h-wrapper {
      align-items: unset; } }
.tab-space {
  font-size: 14px; }

#bottom-tab .nav-border.tab-primary:hover {
  color: #006666; }

#bottom-tab .nav-border.tab-primary:focus, #bottom-tab .nav-border.tab-primary:active, #bottom-tab .nav-border.tab-primary.active {
  color: #006666;
  border-bottom: 2px solid #006666; }

#bottom-tab .nav-border.tab-secondary:hover {
  color: #FE6A49; }

#bottom-tab .nav-border.tab-secondary:focus, #bottom-tab .nav-border.tab-secondary:active, #bottom-tab .nav-border.tab-secondary.active {
  color: #FE6A49;
  border-bottom: 2px solid #FE6A49; }

#bottom-tab .nav-border.tab-success:hover {
  color: #00AC46; }

#bottom-tab .nav-border.tab-success:focus, #bottom-tab .nav-border.tab-success:active, #bottom-tab .nav-border.tab-success.active {
  color: #00AC46;
  border-bottom: 2px solid #00AC46; }

#bottom-tab .nav-border.tab-danger:hover {
  color: #FE6A49; }

#bottom-tab .nav-border.tab-danger:focus, #bottom-tab .nav-border.tab-danger:active, #bottom-tab .nav-border.tab-danger.active {
  color: #FE6A49;
  border-bottom: 2px solid #FE6A49; }

#bottom-tab .nav-border.tab-warning:hover {
  color: #FFAE1A; }

#bottom-tab .nav-border.tab-warning:focus, #bottom-tab .nav-border.tab-warning:active, #bottom-tab .nav-border.tab-warning.active {
  color: #FFAE1A;
  border-bottom: 2px solid #FFAE1A; }

#bottom-tab .nav-border.tab-info:hover {
  color: #173878; }

#bottom-tab .nav-border.tab-info:focus, #bottom-tab .nav-border.tab-info:active, #bottom-tab .nav-border.tab-info.active {
  color: #173878;
  border-bottom: 2px solid #173878; }

#bottom-tab .nav-border.tab-light:hover {
  color: #E6E9EB; }

#bottom-tab .nav-border.tab-light:focus, #bottom-tab .nav-border.tab-light:active, #bottom-tab .nav-border.tab-light.active {
  color: #E6E9EB;
  border-bottom: 2px solid #E6E9EB; }

#bottom-tab .nav-border.tab-dark:hover {
  color: #2c323f; }

#bottom-tab .nav-border.tab-dark:focus, #bottom-tab .nav-border.tab-dark:active, #bottom-tab .nav-border.tab-dark.active {
  color: #2c323f;
  border-bottom: 2px solid #2c323f; }

#sideline-tab .nav-effect {
  display: inline-block;
  position: relative; }
  #sideline-tab .nav-effect::after {
    content: '';
    position: absolute;
    left: 0;
    display: inline-block;
    height: 14px;
    width: 80%;
    border-bottom: 1px solid;
    margin-top: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transform: scale(0, 1); }
  #sideline-tab .nav-effect:hover::after {
    opacity: 1;
    transform: scale(1); }

.tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link:hover, .tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link.active {
  background-color: unset;
  border-left: none;
  border-radius: 0;
  transition: none; }

@media (max-width: 576px) {
  .pills-blogger {
    justify-content: center;
    flex-wrap: wrap; } }

::placeholder {
  font-size: 14px; }

.material-wrapper {
  display: flex;
  gap: 12px; }
  @media (max-width: 576px) {
    .material-wrapper {
      flex-direction: column;
      align-items: center; } }
/**=====================
    2.29 Tab CSS Ends
==========================**/
/**=====================
    2.30 Table CSS Start
==========================**/
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: #E6E9EB; }

tbody tr:last-child {
  border-bottom: none; }

.pills-component {
  width: 20%; }

#row_create td.highlight {
  font-weight: 600;
  color: #006666; }

#row_create td.danger {
  font-weight: 600;
  color: #FE6A49; }

.table {
  margin-bottom: 0px; }
  .table > :not(:last-child) > :last-child > * {
    border-bottom-color: #ecf3fa; }
  .table th,
  .table td {
    padding: 0.75rem; }
  .table.table-primary th {
    color: #fff; }
  .table thead.bg-primary tr th {
    color: #fff; }
  .table th {
    color: #051A1A;
    font-weight: 500; }
    .table th.f-light {
      color: var(--chart-text-color);
      opacity: 0.8; }
  .table td {
    color: #051A1A; }
  .table [class*='bg-'] {
    color: #fff; }
  .table .bg-light {
    color: #051A1A; }
  .table tfoot {
    font-weight: bold; }

.table-dark th {
  color: #fff; }

.table-inverse {
  background-color: #292b2c; }
  .table-inverse tr {
    border: 1px solid #fff; }
  .table-inverse th, .table-inverse.table-bordered {
    border: 0; }
  .table-inverse th {
    color: #fff;
    border-color: #fff; }
  .table-inverse td {
    color: #fff; }

.table-hover > tbody > tr:hover {
  --bs-table-accent-bg: #f6f6f6; }

.table-hover tbody tr {
  vertical-align: middle; }
  .table-hover tbody tr:hover {
    background-color: rgba(0, 102, 102, 0.1); }
  .table-hover tbody tr td svg {
    width: 30px;
    height: 30px;
    padding: 5px;
    border-radius: 4px;
    margin-right: 10px; }
    [dir="rtl"] .table-hover tbody tr td svg {
      margin-right: unset;
      margin-left: 10px; }

.typography-table tr:last-child {
  border-bottom: none; }
  .typography-table tr:last-child td {
    border-bottom: none; }

.table-double {
  border-left: 4px double #dee2e6;
  border-right: 4px double #dee2e6; }
  .table-double thead,
  .table-double tbody,
  .table-double tfoot,
  .table-double tr,
  .table-double td,
  .table-double th {
    border-style: double;
    border-width: 4px;
    border-right: 0;
    border-left: 0; }

.table-dotted {
  border-left: 2px dotted #dee2e6;
  border-right: 2px dotted #dee2e6; }
  .table-dotted thead,
  .table-dotted tbody,
  .table-dotted tfoot,
  .table-dotted tr,
  .table-dotted td,
  .table-dotted th {
    border-style: dotted !important;
    border-width: 2px;
    border-right: 0;
    border-left: 0; }

.table-dashed {
  border: 1px dashed #E6E9EB; }
  .table-dashed thead,
  .table-dashed tbody,
  .table-dashed tfoot,
  .table-dashed tr,
  .table-dashed td,
  .table-dashed th {
    border-style: dashed !important;
    border-width: 1px;
    border-right: 0;
    border-left: 0;
    border-bottom: 0px !important; }

.table-xl td,
.table-xl th {
  padding: 1.25rem 2rem;
  font-size: 120%; }

.table-lg td,
.table-lg th {
  padding: 0.9rem 2rem;
  font-size: 110%; }

.table-de td,
.table-de th {
  padding: 0.75rem 2rem; }

.table-sm th,
.table-sm td {
  padding: 0.5rem 2rem;
  font-size: 90%; }

.table-xs th,
.table-xs td {
  padding: 0.2rem 2rem;
  font-size: 80%; }

.table-border-horizontal tr,
.table-border-horizontal th,
.table-border-horizontal td {
  border-top: 1px solid #f2f4ff;
  padding: 0.75rem 2rem; }

.table-border-vertical tr,
.table-border-vertical th,
.table-border-vertical td {
  border-top: 0;
  border-right: 1px solid #f2f4ff; }

.table-border-vertical tr td {
  border-bottom: 0; }
  .table-border-vertical tr td:last-child {
    border-right: none; }

.table-border-vertical tbody tr th {
  border-bottom: 0; }

.table-bordernone td {
  border: none !important; }

.table-bordernone thead th {
  border: none !important; }

.table-bordernone .u-s-tb {
  padding: 11px; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--light-background);
  --bs-table-accent-bg: unset; }

.table-bordered thead,
.table-bordered tbody,
.table-bordered tfoot,
.table-bordered tr,
.table-bordered td,
.table-bordered th {
  border-color: rgba(153, 153, 153, 0.3); }

/**=====================
    2.30 Table CSS Ends
==========================**/
/**=====================
   2.31 Toasts CSS Start
==========================**/
.toast-container {
  position: unset; }

.toast {
  width: 350px;
  max-width: 100%;
  font-size: .875rem;
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }

.toast-index {
  z-index: 12; }
  .toast-index.toast:not(.showing):not(.show) {
    opacity: 0; }
  .toast-index.toast-fade {
    transition: opacity 0.15s linear; }
  .toast-index.show {
    display: block; }

.toast-img img {
  width: 30px;
  height: 30px; }

.bd-example-toasts {
  min-height: 400px; }

.toast:not(.showing):not(.show) {
  opacity: 0; }

.toast-content {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 65px;
  margin: 0 auto;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

[dir="rtl"] .toast-rtl .toast .toast-header strong {
  margin-right: unset !important;
  margin-left: auto !important; }

[dir="rtl"] .toast-rtl .toast .btn-close {
  margin-right: 6px;
  margin-left: unset; }

@media (max-width: 1920px) {
  .toast-dark .btn {
    padding: calc(6px + (6 - 6) * ((100vw - 320px) / (1920 - 320))) calc(4px + (28 - 4) * ((100vw - 320px) / (1920 - 320))); } }

.toast-icons {
  margin-right: 6px;
  width: 20px;
  height: 20px; }
  [dir="rtl"] .toast-icons {
    margin-right: unset;
    margin-left: 6px; }

/**=====================
   2.31 Toasts CSS Ends
==========================**/
/**=====================
  2.32 Touchspin CSS Start
==========================**/
.bootstrap-touchspin input.touchspin {
  padding: 0 12px; }

.bootstrap-touchspin .input-group .btn {
  padding: 0.5rem 1.75rem; }

.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical .bootstrap-touchspin-down {
    margin-top: -2px; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical i {
    position: absolute;
    top: 4px;
    left: 7px;
    font-size: 10px;
    font-weight: normal; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 9px;
    margin-left: -1px;
    position: relative; }

.bootstrap-touchspin .input-group {
  font-family: "Montserrat", sans-serif; }
  .bootstrap-touchspin .input-group .btn {
    border-radius: 0 !important; }

.bootstrap-touchspin .dropdown-basic .dropdown .dropbtn {
  padding: 9px 30px; }

.bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content {
  z-index: 9999; }

.touchspin-wrapper .btn-touchspin {
  border-radius: 5px;
  width: 32px;
  height: 32px; }

.touchspin-wrapper input[type='number'] {
  width: 85px;
  padding: 3px;
  text-align: center;
  height: 30px; }

.hover-touchspin .btn-touchspin.spin-border-dark:hover {
  background-color: #2c323f;
  color: #fff; }

.pre-post-touchspin .decrement-touchspin,
.pre-post-touchspin .increment-touchspin,
.pre-post-touchspin .input-group-text {
  padding: 7px 14px;
  border: 0; }

.pre-post-touchspin .input-group-text {
  background-color: var(--light-bg); }

.pre-post-touchspin .input-touchspin {
  border: 1px solid var(--course-light-btn);
  border-width: 2px;
  text-align: center; }

.pre-post-touchspin .input-group {
  width: auto; }
  @media (max-width: 768px) {
    .pre-post-touchspin .input-group .input-touchspin {
      width: 100px; } }
.pre-post-touchspin.bg-touchspin button[type='button'] {
  border: 1px solid var(--course-light-btn);
  border-width: 2px;
  text-align: center; }

.pre-post-touchspin .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.rounded-touchspin .btn-touchspin {
  border-radius: 50%; }

.rounded-touchspin .touchspin-wrapper input.input-touchspin[type="number"] {
  border-radius: 15px; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; }

/**=====================
    2.32 Touchspin CSS Ends
==========================**/
/**=====================
  2.33 Tour CSS Start
==========================**/
.introjs-helperLayer {
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); }

.introjs-tooltipReferenceLayer {
  background-color: transparent; }

.introjs-helperNumberLayer {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: #FE6A49;
  background: linear-gradient(to bottom, var(--theme-deafult) 0%, var(--theme-deafult) 100%);
  border: 3px solid #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); }

.introjs-arrow {
  border: 12px solid #fff; }
  .introjs-arrow.top {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-deafult);
    border-left-color: transparent; }
  .introjs-arrow.top-right {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-deafult);
    border-left-color: transparent; }
  .introjs-arrow.top-middle {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-deafult);
    border-left-color: transparent; }
  .introjs-arrow.right {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: var(--theme-deafult); }
  .introjs-arrow.right-bottom {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: var(--theme-deafult); }
  .introjs-arrow.bottom {
    border-top-color: var(--theme-deafult);
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  .introjs-arrow.left {
    border-top-color: transparent;
    border-right-color: var(--theme-deafult);
    border-bottom-color: transparent;
    border-left-color: transparent; }
  .introjs-arrow.left-bottom {
    border-top-color: transparent;
    border-right-color: var(--theme-deafult);
    border-bottom-color: transparent;
    border-left-color: transparent; }

.introjs-tooltip {
  background-color: var(--theme-deafult);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  color: #fff;
  border-color: var(--theme-deafult);
  min-width: calc(275px + (310 - 275) * ((100vw - 320px) / (1920 - 320)));
  max-width: 400px;
  min-height: 90px; }

.introjs-button {
  border: 1px solid #efefef;
  text-shadow: 1px 1px 0 #fff;
  color: #051A1A !important;
  background-color: #fff;
  background-image: linear-gradient(#fff, #fff);
  font-size: 13px; }
  .introjs-button:hover {
    border-color: #efefef; }
  .introjs-button:focus, .introjs-button:active {
    background-image: linear-gradient(#ecf3fa, #efefef); }

.introjs-skipbutton {
  color: var(--theme-deafult); }

.introjs-prevbutton.introjs-fullbutton {
  border: 1px solid #efefef; }

.introjs-disabled {
  color: var(--theme-deafult);
  border-color: #efefef; }
  .introjs-disabled:hover, .introjs-disabled:focus {
    color: var(--theme-deafult);
    border-color: #efefef; }

.introjs-bullets ul li a {
  background: #ecf3fa; }
  .introjs-bullets ul li a:hover {
    background: #fff; }
  .introjs-bullets ul li a.active {
    background: #fff; }

.introjs-progress {
  background-color: #E6E9EB; }

.introjs-progressbar {
  background-color: var(--theme-deafult); }

.introjs-hint:hover > .introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.57); }

.introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.27);
  background-color: rgba(136, 136, 136, 0.24); }

.introjs-hint-dot {
  border: 10px solid rgba(146, 146, 146, 0.36); }

.media-body .tour-wrapper {
  display: flex;
  align-items: center;
  gap: 8px; }
  .media-body .tour-wrapper .tour-dot {
    font-size: 5px; }

.tour-blog {
  height: 350px; }
  @media (max-width: 992px) {
    .tour-blog {
      height: calc(200px + (350 - 200) * ((100vw - 320px) / (992 - 320))); } }
  .tour-blog img {
    height: 100%;
    object-fit: cover; }

.info h6 {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); }

.info span {
  font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320))); }

.tour-email {
  display: flex;
  flex-direction: column; }
  @media (max-width: 576px) {
    .tour-email {
      align-items: center; } }
.block-ellipsis {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  margin: 0 auto;
  font-size: 14px;
  line-height: 26px !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.profile-img-style h5 {
  line-height: 25px; }

.list-inline .list-inline-item.b-r-gray {
  border-right: 1px solid #E6E9EB; }

.social-tour {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 26px; }
  .social-tour .list-inline {
    display: flex;
    justify-content: center;
    gap: calc(12px + (26 - 12) * ((100vw - 320px) / (1920 - 320))); }
    .social-tour .list-inline .list-inline-item {
      margin-right: 0; }
      .social-tour .list-inline .list-inline-item a {
        padding: 0px; }
        .social-tour .list-inline .list-inline-item a i {
          font-size: 18px; }
    @media (max-width: 599px) {
      .social-tour .list-inline {
        display: none; } }
  .social-tour .float-sm-end {
    min-width: 81px; }

.tour-mb-space {
  margin-bottom: calc(2px + (8 - 2) * ((100vw - 320px) / (1920 - 320))); }

.like-comment .list-inline {
  justify-content: flex-start; }
  @media (max-width: 324px) {
    .like-comment .list-inline {
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 8px; } }
  [dir="rtl"] .like-comment .list-inline .list-inline-item {
    border-right: 0;
    border-left: 1px solid #E6E9EB; }
  [dir="rtl"] .like-comment .list-inline .list-inline-item:last-child {
    border-right: 0;
    border-left: unset; }

/**=====================
  2.33 Tour CSS Ends
==========================**/
/**=====================
   2.34 Tree CSS Start
==========================**/
[dir="rtl"] .treejs .treejs-nodes {
  padding-left: unset;
  padding-right: 20px; }

[dir="rtl"] .treejs .treejs-node.treejs-placeholder {
  padding-right: 20px;
  padding-left: unset; }

.treejs .treejs-node__halfchecked > .treejs-checkbox:before {
  background-color: #006666 !important;
  border-color: #006666 !important; }

[dir="rtl"] .treejs .treejs-node__halfchecked > .treejs-checkbox:after {
  right: 3px;
  left: unset; }

.treejs .treejs-node__checked > .treejs-checkbox:before {
  background-color: #00AC46 !important;
  border-color: #2c323f !important; }

[dir="rtl"] .treejs .treejs-node__checked > .treejs-checkbox:after {
  right: 5px;
  left: unset; }

/**=====================
   2.34 Tree CSS Ends
==========================**/
/**=====================
    2.35 Typeahead-search CSS Start
==========================**/
.Typeahead {
  width: 100%; }
  .Typeahead * {
    box-sizing: border-box; }
    .Typeahead *:before {
      box-sizing: border-box; }
    .Typeahead *:after {
      box-sizing: border-box; }
  .Typeahead .tt-hint {
    display: none !important; }

.u-cf:before {
  content: " ";
  display: table; }

.u-cf:after {
  content: " ";
  display: table;
  clear: both; }

.u-hidden {
  display: none !important; }

.u-posRelative {
  position: relative; }

.Typeahead-spinner {
  position: absolute;
  top: 14px;
  right: 18px;
  display: none;
  color: #c5c5c5; }

.ProfileCard-avatar svg {
  height: 18px;
  vertical-align: bottom; }
  .ProfileCard-avatar svg path {
    color: #7e7c7c !important; }
  .ProfileCard-avatar svg polygon {
    color: #7e7c7c !important; }

.Typeahead-hint {
  width: 100%;
  padding: 5px 8px;
  font-size: 24px;
  line-height: 30px;
  border: 1px solid #024e6a;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  color: #ccd6dd;
  opacity: 1; }

.Typeahead-menu {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 15px;
  z-index: 100;
  display: none;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.Typeahead-menu.is-open {
  display: block; }

.Typeahead-selectable {
  cursor: pointer; }
  .Typeahead-selectable + .Typeahead-selectable {
    border-top: 1px solid #ccd6dd; }

.ProfileCard {
  position: relative;
  padding: 10px;
  border: 1px solid #E6E9EB !important;
  margin-bottom: 10px;
  border-radius: 10px; }
  .ProfileCard:hover {
    color: #414345;
    background: #f8f8f8; }
    .ProfileCard:hover .ProfileCard-avatar {
      border-color: #f5f8fa; }
    .ProfileCard:hover .ProfileCard-screenName {
      color: #fff; }
    .ProfileCard:hover .ProfileCard-stat-label {
      color: #fff; }

.ProfileCard-avatar {
  position: absolute;
  border-radius: 5px; }

.ProfileCard-details {
  padding-left: 35px;
  float: left; }

.ProfileCard-realName {
  display: inline-block;
  color: #898989; }

.ProfileCard-screenName {
  display: inline-block;
  color: #898989; }

.ProfileCard-description {
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px; }

.ProfileCard-stats {
  float: right;
  text-align: right; }

.ProfileCard-stat {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase; }
  .ProfileCard-stat + .ProfileCard-stat {
    margin-left: 5px; }

.ProfileCard-stat-label {
  color: #898989;
  font-weight: 500; }

.ProfileCard.is-active {
  color: #fff;
  background: var(--theme-deafult); }
  .ProfileCard.is-active .ProfileCard-screenName {
    color: #fff; }
  .ProfileCard.is-active .ProfileCard-stat-label {
    color: #fff; }

.EmptyMessage {
  position: relative;
  padding: 10px;
  font-size: 14px;
  line-height: 30px;
  text-align: center; }

.Typeahead-spinner {
  width: 1rem;
  height: 1rem; }

.sey-container {
  display: none;
  position: absolute;
  box-shadow: 1px 2px 6px;
  background-color: #fff;
  color: #333;
  transition: left 0.1s ease-in-out;
  z-index: 1; }

.sey-list {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.sey-show {
  display: block; }

.sey-hide {
  display: none; }

.sey-empty {
  cursor: default;
  padding: 7px; }

.sey-item {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 7px; }
  .sey-item:hover {
    background-color: #444;
    color: #fff; }

.sey-selected {
  background-color: #333;
  color: #fff; }

.sey-char-highlight {
  font-weight: bold; }

.sey-category-id {
  background-color: #eee;
  color: #aaa;
  text-align: right;
  text-transform: capitalize;
  font-style: italic;
  font-size: 12px;
  box-shadow: 1px 0px 1px;
  padding: 7px; }

/**=====================
  2.35 Typeahead-search CSS Ends
==========================**/
/**=====================
    2.8 Scrollbar CSS Start
==========================**/
[data-simplebar] {
  position: unset; }

.simplebar-mask {
  top: 80px; }

.simplebar-track {
  right: -2px; }
  .simplebar-track.simplebar-vertical {
    top: 100px;
    width: 10px; }
  .simplebar-track.simplebar-horizontal {
    visibility: hidden !important; }

.simplebar-scrollbar:before {
  background: rgba(0, 102, 102, 0.2); }

.scrollbar-images {
  margin-bottom: 12px; }

.visible-wrapper img {
  width: calc(230px + (330 - 230) * ((100vw - 320px) / (1920 - 320))) !important;
  height: calc(230px + (330 - 230) * ((100vw - 320px) / (1920 - 320))); }

.horizontal-scroll .horz-scroll-content .horizontal-img {
  height: 100%;
  max-width: 240px; }
  @media (max-width: 576px) {
    .horizontal-scroll .horz-scroll-content .horizontal-img {
      max-width: calc(220px + (240 - 220) * ((100vw - 320px) / (576 - 320))); } }
  .horizontal-scroll .horz-scroll-content .horizontal-img img {
    height: 100%;
    object-fit: cover; }

.scroll-demo.scroll-b-none {
  padding: 0;
  border: none; }

[dir="rtl"] .scroll-demo .scroll-rtl .list-group-item span {
  margin-right: auto; }

/**=====================
    2.8 Scrollbar CSS Ends
==========================**/
.timeline-calendar {
  overflow: auto; }
  .timeline-calendar .custom-calendar {
    height: 345px; }
    .timeline-calendar .custom-calendar .time-line {
      overflow: auto; }
      .timeline-calendar .custom-calendar .time-line.fc-theme-standard th {
        border: none; }
      .timeline-calendar .custom-calendar .time-line .fc-col-header-cell-cushion {
        padding: 15px;
        font-size: 12px;
        color: #051A1A; }
      .timeline-calendar .custom-calendar .time-line .fc-scrollgrid-sync-table {
        display: none; }
      .timeline-calendar .custom-calendar .time-line .fc-timegrid-divider {
        display: none; }
      .timeline-calendar .custom-calendar .time-line .fc-scrollgrid table thead tr {
        background-color: rgba(0, 102, 102, 0.1); }
      .timeline-calendar .custom-calendar .time-line .fc-header-toolbar {
        position: absolute;
        right: 0px;
        top: 8px;
        margin-top: 10px; }
        .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group {
          gap: 10px; }
          .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button {
            border-color: #E6E9EB;
            background-color: #fff; }
            .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button span {
              color: #051A1A; }
        .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-today-button {
          display: none; }
        .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-toolbar-title {
          display: none; }
        .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk:last-child {
          display: none; }
      .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness {
        border: none; }
        .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event {
          border: 1px solid rgba(255, 255, 255, 0.1);
          border-radius: 4px;
          min-width: 230px;
          min-height: 54px;
          max-height: 54px; }
          .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main {
            color: var(--body-font-color);
            border-left: 3px solid #006666;
            border-top: 1px solid #E6E9EB;
            border-bottom: 1px solid #E6E9EB;
            border-right: 1px solid #E6E9EB; }
            .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main .fc-sticky {
              color: #242934; }
              .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main .fc-sticky .fc-task-text-box .fc-task-text {
                color: #051A1A;
                font-weight: 500; }
              .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main .fc-sticky .fc-task-text-box:last-child span {
                color: var(--body-font-color); }
            .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main .fc-event-main-frame {
              padding: 8px 12px; }
      .timeline-calendar .custom-calendar .time-line .fc-timegrid-col:nth-child(3) .fc-event-main {
        border-left: 3px solid #FFAE1A !important; }
      .timeline-calendar .custom-calendar .time-line .fc-scrollgrid-section .fc-timegrid-slots table tbody tr {
        border: none; }
        .timeline-calendar .custom-calendar .time-line .fc-scrollgrid-section .fc-timegrid-slots table tbody tr td.fc-scrollgrid-shrink {
          padding: 10px; }
        .timeline-calendar .custom-calendar .time-line .fc-scrollgrid-section .fc-timegrid-slots table tbody tr td.fc-timegrid-slot-minor {
          padding: 10px; }
  .timeline-calendar .fc-theme-standard td {
    border: none;
    border-bottom: 1px dashed #E6E9EB !important; }
    .timeline-calendar .fc-theme-standard td:first-child {
      border: none !important; }

.calendar-default .fc-media-screen .fc-list-event-dot {
  border-color: #006666; }

.calendar-default .fc-media-screen .fc-v-event {
  border-color: #006666;
  background-color: #006666; }

@media (max-width: 1499px) {
  .timeline-calendar .custom-calendar .time-line .fc-col-header-cell-cushion {
    padding: 15px;
    font-size: 10px; } }

@media (max-width: 575px) {
  .timeline-calendar .custom-calendar .time-line.fc-theme-standard th {
    border: none; } }

@media (max-width: 480px) {
  .timeline-calendar .custom-calendar .time-line.fc-theme-standard th {
    border: none; }
    .timeline-calendar .custom-calendar .time-line.fc-theme-standard th:nth-child(4) {
      display: none; }
    .timeline-calendar .custom-calendar .time-line.fc-theme-standard th:nth-child(5) {
      display: none; } }

/**=====================
   3.1 Blog CSS start
==========================**/
.blog-box img {
  border-radius: 0.25rem; }

.blog-box .top-radius-blog {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.blog-box h6 {
  font-weight: 600;
  margin: 15px 0; }

.blog-box .blog-details {
  padding-right: 20px; }
  .blog-box .blog-details .blog-social {
    margin-top: 30px; }
    .blog-box .blog-details .blog-social li {
      display: inline-block;
      font-size: 12px;
      color: var(--body-font-color); }
      .blog-box .blog-details .blog-social li + li {
        padding-left: 20px;
        line-height: 1;
        padding-right: 0; }
      .blog-box .blog-details .blog-social li span {
        color: var(--body-font-color); }
      .blog-box .blog-details .blog-social li i {
        padding-right: 5px;
        font-weight: 300; }
      .blog-box .blog-details .blog-social li:first-child {
        border-right: 1px solid gray;
        padding-right: 20px; }

.blog-box .blog-details-main hr {
  background-color: #E6E9EB; }

.blog-box .blog-details-main .blog-social {
  margin: 20px 0; }
  .blog-box .blog-details-main .blog-social li {
    display: inline-block;
    font-size: 13px;
    color: var(--body-font-color);
    padding: 0 24px;
    border-right: 1px dotted; }
    @media (max-width: 1676px) {
      .blog-box .blog-details-main .blog-social li {
        padding: 0 10px; } }
    .blog-box .blog-details-main .blog-social li:last-child {
      border-right: 0; }
    .blog-box .blog-details-main .blog-social li i {
      padding-right: 5px; }

.blog-box .blog-details-main .blog-bottom-details {
  margin: 20px;
  font-size: 14px;
  line-height: 1.714;
  font-weight: 500; }

.blog-box .blog-date {
  color: var(--body-font-color); }
  .blog-box .blog-date span {
    font-size: 36px;
    font-weight: 600;
    padding-right: 5px; }

.blog-box.blog-shadow:before {
  box-shadow: inset 0px -200px 100px -13px rgba(0, 0, 0, 0.6);
  transition: all 0.3s ease;
  border-radius: 5px;
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
  bottom: 0; }

.blog-box.blog-shadow:hover:before {
  box-shadow: inset 0px -200px 100px -13px rgba(0, 0, 0, 0.65);
  transition: all 0.3s ease; }

.blog-box.blog-shadow .blog-details {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px; }
  .blog-box.blog-shadow .blog-details h4 {
    color: #fff;
    margin-bottom: 0; }
  .blog-box.blog-shadow .blog-details p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px; }
  .blog-box.blog-shadow .blog-details .blog-social li {
    color: #fff; }

.blog-list .blog-details .blog-social {
  margin-top: 0; }

.blog-list .blog-details h6 {
  margin-top: 0;
  color: gray;
  font-weight: 600; }

.blog-list .blog-details hr {
  margin-top: 10px;
  margin-bottom: 10px; }

.blog-list img {
  padding: 17px; }

.blog-grid img {
  width: 100%; }

.blog-grid .blog-details {
  padding: 20px; }
  .blog-grid .blog-details h6 {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.8; }

.blog-box {
  position: relative;
  max-height: 100%;
  align-items: center; }
  .blog-box .blog-details h6 {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
  .blog-box .blog-details p {
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.7px;
    margin-top: 30px;
    margin-bottom: 0;
    color: var(--body-font-color);
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
    @media (max-width: 1570px) {
      .blog-box .blog-details p {
        -webkit-line-clamp: 2; } }
  .blog-box .blog-details h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 20px;
    margin-bottom: 0; }
  .blog-box .blog-details .single-blog-content-top {
    margin-top: 20px;
    border-top: 1px solid #efefef; }
  .blog-box .blog-details .blog-social li,
  .blog-box .blog-details .comment-social li {
    font-size: 14px; }

.comment-box {
  padding-top: 50px; }
  .comment-box hr {
    margin-top: 20px;
    margin-bottom: 30px; }
  .comment-box li {
    margin-bottom: 30px; }
    .comment-box li:last-child {
      margin-bottom: 0; }
  .comment-box ul ul {
    margin-left: 135px; }
  .comment-box p {
    font-size: 14px;
    line-height: 2;
    color: var(--body-font-color);
    text-align: justify;
    margin-bottom: 0; }
  .comment-box h4 {
    font-weight: 600; }
  .comment-box .media img {
    margin-right: 30px;
    border-radius: 10px;
    height: 90px;
    padding: 7px;
    width: 90px;
    border: 1px solid #efefef; }
  .comment-box .media h6 {
    font-weight: 500;
    margin-bottom: 5px; }
    .comment-box .media h6 span {
      padding-left: 10px;
      font-size: 13px;
      color: var(--body-font-color);
      font-weight: 400; }
  .comment-box .comment-social li {
    display: inline-block;
    color: var(--body-font-color);
    padding-left: 20px;
    margin-bottom: 0;
    text-transform: uppercase; }
    .comment-box .comment-social li:first-child {
      border-right: 1px solid #efefef;
      padding-right: 20px; }
    .comment-box .comment-social li i {
      padding-right: 10px; }

/**=====================
   3.1 Blog CSS ends
==========================**/
/**=====================
  3.46 Add-product CSS Start
==========================**/
.sidebar-left-wrapper {
  border-right: 1px solid var(--recent-dashed-border); }
  @media (max-width: 1199px) {
    .sidebar-left-wrapper {
      border-right: unset;
      margin-bottom: 25px; } }
  [dir="rtl"] .sidebar-left-wrapper {
    border-right: unset;
    border-left: 1px solid var(--recent-dashed-border); }
  .sidebar-left-wrapper .sidebar-left-icons {
    display: block; }
    .sidebar-left-wrapper .sidebar-left-icons .nav-item {
      position: relative;
      padding-bottom: 50px; }
      @media (max-width: 1199px) {
        .sidebar-left-wrapper .sidebar-left-icons .nav-item {
          padding-bottom: 25px; } }
      .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link {
        padding-top: 0; }
      .sidebar-left-wrapper .sidebar-left-icons .nav-item:last-child {
        padding-bottom: 0; }
        .sidebar-left-wrapper .sidebar-left-icons .nav-item:last-child .nav-link {
          padding-bottom: 0; }
      .sidebar-left-wrapper .sidebar-left-icons .nav-item::before {
        content: "";
        position: absolute;
        border: 1px dashed var(--recent-dashed-border);
        top: 58px;
        height: 50px;
        left: 20px; }
        [dir="rtl"] .sidebar-left-wrapper .sidebar-left-icons .nav-item::before {
          left: unset;
          right: 20px; }
        @media (max-width: 1199px) {
          .sidebar-left-wrapper .sidebar-left-icons .nav-item::before {
            height: 25px; } }
      .sidebar-left-wrapper .sidebar-left-icons .nav-item:last-child::before {
        content: none; }
      .sidebar-left-wrapper .sidebar-left-icons .nav-item:last-child .nav-link {
        padding-bottom: 0; }
      .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 8px 0; }
        .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active, .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active {
          background-color: unset;
          color: unset; }
          .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active .nav-rounded, .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active .nav-rounded {
            border: 1px solid var(--theme-deafult); }
            .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active .nav-rounded .product-icons, .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active .nav-rounded .product-icons {
              background-color: var(--theme-deafult); }
              .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active .nav-rounded .product-icons svg, .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active .nav-rounded .product-icons svg {
                stroke: #fff; }
          .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active .product-tab-content h6, .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active .product-tab-content h6 {
            color: var(--theme-deafult);
            font-weight: 500; }
        .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded {
          min-width: 42px;
          height: 42px;
          border: 1px solid var(--recent-dashed-border);
          position: relative;
          z-index: 2;
          border-radius: 100%;
          padding: 2px;
          box-shadow: inset 0px 9px 20px 0px rgba(46, 35, 94, 0.7); }
          .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded .product-icons {
            min-width: 100%;
            height: 100%;
            background-color: var(--white);
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 100%; }
            .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded .product-icons svg {
              width: 18px;
              height: 18px;
              stroke: var(--chart-text-color); }
        .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .product-tab-content h6 {
          color: var(--body-font-color);
          font-weight: 400;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          width: 100%; }
          @media (max-width: 575px) {
            .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .product-tab-content h6 {
              text-align: left; } }
        .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .product-tab-content p {
          color: var(--chart-text-color);
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          width: 100%; }
          @media (max-width: 575px) {
            .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .product-tab-content p {
              text-align: left; } }
      .sidebar-left-wrapper .sidebar-left-icons .nav-item:hover .nav-rounded {
        border: 1px solid var(--theme-deafult); }
        .sidebar-left-wrapper .sidebar-left-icons .nav-item:hover .nav-rounded .product-icons {
          background-color: var(--light-shade-primary, 1); }
          .sidebar-left-wrapper .sidebar-left-icons .nav-item:hover .nav-rounded .product-icons svg {
            stroke: var(--theme-deafult);
            animation: tada 1.5s ease infinite; }
      .sidebar-left-wrapper .sidebar-left-icons .nav-item:hover .product-tab-content h6 {
        color: var(--theme-deafult); }

.sidebar-body form .form-control:focus,
.sidebar-body form .form-select:focus {
  box-shadow: unset;
  border-color: unset; }

[dir="rtl"] .sidebar-body .ql-snow .ql-picker-label {
  padding-right: 8px;
  padding-left: 2px; }

@media (max-width: 575px) {
  .sidebar-body .ql-toolbar.ql-snow .ql-formats {
    margin-right: 0 !important; } }

[dir="rtl"] .sidebar-body .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  right: unset;
  left: 0; }

[dir="rtl"] .sidebar-body .form-select {
  padding: 6px 12px 6px 36px !important; }

.sidebar-body .ql-formats {
  border-right: 1px solid var(--recent-dashed-border); }
  [dir="rtl"] .sidebar-body .ql-formats {
    border-left: 1px solid var(--recent-dashed-border);
    border-right: unset; }
  @media (max-width: 575px) {
    .sidebar-body .ql-formats {
      border-right: unset; }
      [dir="rtl"] .sidebar-body .ql-formats {
        border-left: unset; } }
  .sidebar-body .ql-formats:last-of-type {
    border-right: unset; }
    [dir="rtl"] .sidebar-body .ql-formats:last-of-type {
      border-left: unset; }

.sidebar-body #editor2 {
  min-height: 250px; }

.sidebar-body input[type=number]::-webkit-inner-spin-button,
.sidebar-body input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: inner-spin-button; }

.sidebar-body .form-select,
.sidebar-body .form-control {
  font-size: 15px;
  color: #4c5667; }

.sidebar-body .product-upload p {
  margin-bottom: 18px;
  line-height: 0; }

.sidebar-body .product-upload:nth-child(1) {
  margin-bottom: 30px; }
  @media (max-width: 400px) {
    .sidebar-body .product-upload:nth-child(1) {
      margin-bottom: 26px; } }
.sidebar-body .product-upload:nth-child(2) {
  margin-bottom: 65px; }
  @media (max-width: 1199px) {
    .sidebar-body .product-upload:nth-child(2) {
      margin-bottom: 0; } }
.sidebar-body .product-upload form svg {
  width: 48px;
  height: 48px; }

.sidebar-body .product-upload form h6 {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.8; }

.sidebar-body .product-upload form span {
  color: var(--chart-text-color);
  font-size: 14px; }

.product-buttons {
  margin: 15px 0 0 0;
  text-align: end;
  border-top: 1px solid var(--recent-dashed-border);
  padding: 12px 0 0 0;
  position: absolute;
  bottom: 0;
  width: calc(100% - 48px);
  left: 50%;
  transform: translateX(-50%); }
  [dir="rtl"] .product-buttons {
    left: unset;
    right: 50%;
    transform: translateX(50%); }
  @media (max-width: 1199px) {
    .product-buttons {
      position: unset;
      width: unset;
      transform: unset; }
      [dir="rtl"] .product-buttons {
        transform: unset; } }
  .product-buttons svg {
    width: 18px;
    height: 18px;
    stroke: var(--chart-text-color); }
    @media (max-width: 400px) {
      .product-buttons svg {
        width: 15px;
        height: 15px; } }
  .product-buttons .btn {
    border: 1px solid var(--recent-dashed-border);
    color: var(--chart-text-color);
    font-weight: 500; }
    @media (max-width: 1400px) {
      .product-buttons .btn {
        padding: 6px 16px; } }
    @media (max-width: 400px) {
      .product-buttons .btn {
        padding: 6px 8px; } }
    .product-buttons .btn:hover, .product-buttons .btn:active {
      background-color: var(--theme-deafult);
      color: #fdfeff; }
      .product-buttons .btn:hover svg, .product-buttons .btn:active svg {
        filter: invert(1); }

.category-button {
  padding-bottom: 30px;
  border-bottom: 1px dashed var(--recent-dashed-border); }
  @media (max-width: 575px) {
    .category-button {
      padding-bottom: 25px; } }
  .category-button a {
    padding: 12px; }

.create-category .toolbar-box {
  margin-top: 12px; }

.product-date .form-control[readonly] {
  background-color: var(--white); }

.price-wrapper .radio-wrapper {
  justify-content: flex-start;
  margin-top: 4px; }
  .price-wrapper .radio-wrapper li {
    max-width: 200px; }
    .price-wrapper .radio-wrapper li .form-check-input {
      border-radius: 5px;
      background-color: var(--light-background); }
      .price-wrapper .radio-wrapper li .form-check-input ~ .form-check-label span {
        color: #4c5667;
        font-size: 15px;
        position: relative; }
      .price-wrapper .radio-wrapper li .form-check-input:checked {
        background-color: var(--light-background);
        border: 1px solid var(--theme-deafult);
        border-radius: 5px; }
        .price-wrapper .radio-wrapper li .form-check-input:checked ~ .form-check-label span {
          color: var(--theme-deafult);
          position: relative; }

.advance-options ul {
  border-bottom: 1px solid var(--recent-dashed-border); }
  .advance-options ul.border-tab.nav-tabs .nav-item .nav-link {
    color: var(--body-font-color);
    border-bottom: 2px solid transparent;
    transition: all 0.3S ease-in-out; }
    .advance-options ul.border-tab.nav-tabs .nav-item .nav-link:active, .advance-options ul.border-tab.nav-tabs .nav-item .nav-link.active {
      border-bottom: 2px solid var(--theme-deafult);
      color: var(--body-font-color);
      transition: all 0.3S ease-in-out; }

.meta-body {
  padding-top: 16px; }
  .meta-body .custom-input .form-check .form-check-input:checked {
    background-color: var(--theme-deafult); }
  .meta-body .custom-input .form-check .form-check-input:valid {
    border-color: var(--theme-deafult); }
    .meta-body .custom-input .form-check .form-check-input:valid ~ .form-check-label {
      color: #86909C; }

.product-tag .tagify {
  border-radius: 4px;
  padding: 0;
  height: auto;
  width: 100%;
  display: flex;
  align-items: center; }

.tagify__tag {
  margin: 5px 0 5px 5px; }
  [dir="rtl"] .tagify__tag {
    margin-right: 5px;
    margin-left: 0px; }

.tagify__input {
  margin: 0; }

[dir="rtl"] .tagify__tag__removeBtn {
  margin-right: auto;
  margin-left: 4.6666666667px; }

.list-product-header > div {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px; }

.list-product-header .show {
  display: block; }

.list-product-header .hide {
  display: none; }

.list-product-header .collapse {
  line-height: 0.2; }

.list-product-header .light-box {
  width: 39px;
  height: 39px;
  border-radius: 5px;
  background-color: var(--light-shade-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  float: right; }
  .list-product-header .light-box svg {
    width: 17px;
    height: 17px;
    color: var(--chart-text-color); }

.list-product-header a.btn {
  float: right; }
  [dir="rtl"] .list-product-header a.btn {
    float: left; }
  .list-product-header a.btn i {
    padding-right: 8px; }
    [dir="rtl"] .list-product-header a.btn i {
      padding-right: unset;
      padding-left: 8px; }
  @media (max-width: 575px) {
    .list-product-header a.btn {
      float: unset; } }
.list-product-header .list-product-body {
  margin-top: 20px;
  padding: 0px;
  box-shadow: unset;
  border: none !important; }
  .list-product-header .list-product-body .form-select {
    font-size: 14px;
    border-color: var(--recent-dashed-border);
    color: var(--text-gray); }
    .list-product-header .list-product-body .form-select:focus {
      box-shadow: unset !important; }

.list-product .datatable-loading .datatable-top {
  position: absolute;
  top: 24px; }

.list-product.list-category tr th:nth-child(2),
.list-product.list-category tr td:nth-child(2) {
  min-width: 60px; }

.list-product.list-category tr th:nth-child(3),
.list-product.list-category tr td:nth-child(3) {
  min-width: 300px; }

.list-product.list-category tr th:nth-child(4),
.list-product.list-category tr td:nth-child(4) {
  min-width: 150px; }

.list-product.list-category tr th:nth-child(5),
.list-product.list-category tr td:nth-child(5) {
  min-width: 100px; }

.list-product.list-category .datatable-bottom {
  padding-bottom: 0; }

.list-product thead tr th:first-child .form-check {
  display: none; }

.list-product .datatable-container {
  overflow-x: auto; }
  @media (max-width: 1445px) {
    .list-product .datatable-container thead tr th:nth-child(8) {
      display: none; } }
  .list-product .datatable-container tbody tr {
    cursor: pointer; }
    @media (max-width: 1445px) {
      .list-product .datatable-container tbody tr td:nth-child(8) {
        display: none; } }
.list-product .datatable-dropdown {
  position: relative; }
  .list-product .datatable-dropdown label {
    color: var(--body-font-color); }
    .list-product .datatable-dropdown label:before {
      content: "\f107";
      position: absolute;
      top: 6px;
      left: 38px;
      font-family: "FontAwesome";
      font-size: 16px;
      margin: 0;
      color: var(--text-gray); }
      [dir="rtl"] .list-product .datatable-dropdown label:before {
        right: 38px;
        left: unset; }

.list-product .datatable-selector {
  appearance: none;
  min-width: 55px; }
  .list-product .datatable-selector:focus, .list-product .datatable-selector:focus-visible {
    outline: none; }

[dir="rtl"] .list-product .datatable-sorter::before, [dir="rtl"] .list-product .datatable-sorter::after {
  right: unset;
  left: 4px; }

.list-product tr th,
.list-product tr td {
  text-align: left; }
  [dir="rtl"] .list-product tr th, [dir="rtl"] .list-product tr td {
    text-align: right; }

.list-product tr th:nth-child(1) .datatable-sorter::before, .list-product tr th:nth-child(1) .datatable-sorter::after {
  border: none; }

.list-product tr th:nth-child(1),
.list-product tr td:nth-child(1) {
  min-width: 20px; }

.list-product tr th:nth-child(2),
.list-product tr td:nth-child(2) {
  min-width: 110px; }
  @media (max-width: 1460px) {
    .list-product tr th:nth-child(2),
    .list-product tr td:nth-child(2) {
      min-width: 230px; } }
.list-product tr th:nth-child(3),
.list-product tr td:nth-child(3) {
  min-width: 90px; }

.list-product tr th:nth-child(4),
.list-product tr td:nth-child(4) {
  min-width: 120px; }

.list-product tr th:nth-child(5),
.list-product tr td:nth-child(5) {
  min-width: 120px; }

.list-product tr th:nth-child(6),
.list-product tr td:nth-child(6) {
  min-width: 80px; }

.list-product tr th:nth-child(7),
.list-product tr td:nth-child(7) {
  min-width: 100px; }

.list-product tr th:nth-child(8),
.list-product tr td:nth-child(8) {
  min-width: 140px; }

.list-product tr th:nth-child(9),
.list-product tr td:nth-child(9) {
  min-width: 105px; }

.list-product:focus-visible {
  outline: 0; }

.list-product .datatable-top {
  display: flex;
  gap: 22px;
  flex-wrap: wrap; }

.list-product .datatable-search {
  float: left; }
  [dir="rtl"] .list-product .datatable-search {
    float: right; }

.list-product .datatable-container:focus-visible {
  outline: 0; }

.list-product .datatable-bottom .datatable-info {
  color: var(--body-font-color); }

.list-product .datatable-top {
  padding: 0; }

.list-product .datatable-pagination li.datatable-hidden {
  visibility: visible; }
  .list-product .datatable-pagination li.datatable-hidden a {
    color: var(--theme-deafult);
    font-weight: 500;
    opacity: 1; }

.list-product .datatable-pagination .datatable-active .datatable-pagination-list-item-link {
  background-color: var(--theme-deafult);
  color: var(--white); }

.list-product .datatable-pagination .datatable-pagination-list-item-link {
  background-color: rgba(var(--light-shade-primary), 0.02);
  border-radius: 5px; }

#project-status.table tbody tr td {
  vertical-align: inherit; }

.product-names {
  display: flex;
  align-items: center;
  gap: 15px; }
  .product-names .light-product-box {
    min-width: 49px;
    height: 49px;
    border-radius: 3px;
    background-color: var(--chart-progress-light);
    display: flex;
    justify-content: center;
    align-items: center; }
    .product-names .light-product-box img {
      height: 26px; }

.product-action {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px; }
  .product-action svg {
    width: 18px;
    height: 18px;
    cursor: pointer;
    fill: var(--text-gray); }

.datatable-input,
.datatable-selector {
  border: 1px solid var(--recent-dashed-border);
  border-radius: 5px;
  background: unset; }

/**=====================
  3.46 Add-product CSS Start
==========================**/
/**=====================
    3.2 Bookmark-app CSS Start
==========================**/
.modal-bookmark .modal-body,
.modal-bookmark .modal-header {
  padding: 30px; }

.bookmark-wrap .details-bookmark .row > div + div {
  padding-right: 15px !important; }

.bookmark-wrap .left-bookmark {
  height: 700px; }
  .bookmark-wrap .left-bookmark .media .media-body p {
    color: #2c323f; }
  .bookmark-wrap .left-bookmark ul li button {
    color: #051A1A;
    border: none;
    cursor: pointer; }
    .bookmark-wrap .left-bookmark ul li button:focus {
      outline: none; }
  .bookmark-wrap .left-bookmark ul li svg {
    width: 18px;
    height: 18px;
    vertical-align: middle; }
  .bookmark-wrap .left-bookmark ul li > .main-title {
    color: var(--theme-deafult);
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
    font-size: 16px; }
    .bookmark-wrap .left-bookmark ul li > .main-title span a:hover {
      background-color: transparent; }
    .bookmark-wrap .left-bookmark ul li > .main-title svg {
      color: #898989;
      stroke-width: 1px; }
  .bookmark-wrap .left-bookmark ul li a > .title {
    text-transform: capitalize; }

.bookmark-wrap.todo-wrap .left-bookmark {
  height: unset; }

.form-bookmark a {
  text-transform: capitalize !important;
  color: var(--theme-deafult) !important;
  line-height: 1 !important;
  font-weight: 500; }
  .form-bookmark a:hover {
    background-color: transparent !important; }

.form-bookmark input#index_var {
  display: none; }

.form-bookmark input,
.form-bookmark select {
  font-size: 14px; }

.form-bookmark .select2-container .select2-selection--single {
  border-color: #ced4da; }

.form-bookmark .select2 {
  width: 100% !important; }

.form-bookmark .error {
  margin: 0 !important;
  font-size: 11px;
  color: red !important; }

.form-bookmark button {
  margin-top: 10px; }

@keyframes displayTransition {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.bookmark-tabcontent .details-bookmark {
  height: auto;
  min-height: 359px; }
  .bookmark-tabcontent .details-bookmark .bookmark-card {
    position: relative; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
      padding: 3px;
      border-radius: 4px;
      background-color: rgba(0, 0, 0, 0.2);
      width: 30px;
      position: absolute;
      right: 15px;
      top: 15px;
      opacity: 0; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon i {
        color: #fff;
        font-size: 16px;
        vertical-align: text-bottom; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon.favourite i {
        color: #fed112; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data {
      width: 100%; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data .content-general {
        display: none; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
      transition: 0.5s; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark {
      text-align: left;
      padding: 15px;
      border-top: 1px solid #E6E9EB;
      position: relative; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark h6 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark p {
        animation: displayTransition 1s; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block {
        opacity: 0;
        position: absolute;
        width: 100%;
        padding: 15px;
        top: 30px;
        left: 0; }
        .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li {
          display: inline-block; }
          .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li + li {
            margin-left: 5px; }
          .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li svg {
            width: 16px;
            height: 16px;
            color: #898989; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover {
      box-shadow: 1px 4px 16px 3px rgba(0, 0, 0, 0.04);
      transition: 0.5s; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark p {
        opacity: 0; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark .hover-block {
        opacity: 1;
        animation: displayTransition 2s; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .favourite-icon {
        opacity: 1; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .row > div {
    flex: 0 0 100%;
    max-width: 100%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .desciption-data .content-general {
    display: block; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website {
    display: flex;
    align-items: center; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
      opacity: 1; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
      position: absolute;
      right: 30px;
      opacity: 1;
      text-align: right; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block {
      opacity: 1;
      animation: displayTransition 0s; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark {
    border-top: none; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark p,
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 {
      margin-top: 0;
      display: inline-block; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 {
      position: relative;
      padding-right: 15px;
      margin-bottom: -5px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6::after {
        position: absolute;
        content: '-';
        right: 0;
        color: #898989; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general {
      margin-top: 5px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p {
        width: 68%;
        margin-right: 20px; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 20%; }

.bookmark-tabcontent .tab-content .card .d-flex {
  justify-content: space-between; }
  .bookmark-tabcontent .tab-content .card .d-flex svg {
    width: 18px;
    height: 18px;
    vertical-align: middle; }
  .bookmark-tabcontent .tab-content .card .d-flex ul li {
    display: inline-block; }
    .bookmark-tabcontent .tab-content .card .d-flex ul li + li {
      margin-left: 5px; }

.bookmark-tabcontent .tab-content .tab-pane > .card {
  box-shadow: none; }

@media only screen and (max-width: 1660px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p {
    display: none; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block {
    margin-top: 6px; } }

@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .bookmark-wrap .left-bookmark ul li .btn-block svg {
    display: none; } }

@media only screen and (max-width: 1366px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 40%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block {
    top: 80px; } }

@media only screen and (max-width: 1199px) {
  .bookmark-wrap .left-bookmark {
    height: auto; }
  .bookmark-tabcontent .details-bookmark {
    min-height: auto; } }

@media only screen and (max-width: 991px) {
  .modal-bookmark .modal-body,
  .modal-bookmark .modal-header {
    padding: 20px; } }

@media only screen and (max-width: 767px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 172px; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block p {
    display: none; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block ul {
    position: relative;
    right: unset;
    top: unset; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 45%; } }

@media only screen and (max-width: 575px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 100%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website {
    display: block; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark {
      padding-left: 15px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
        position: relative;
        right: unset;
        text-align: left;
        top: unset;
        padding: 0; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .content-general {
        display: none; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p,
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6 {
        display: block; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6::after {
        display: none; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
        margin-top: 15px; }
  .modal-bookmark .modal-body,
  .modal-bookmark .modal-header {
    padding: 15px; } }

/**=====================
  3.2 Bookmark-app CSS Ends
==========================**/
/**=====================
    3.3 Cart CSS start
==========================**/
.cart .total-amount {
  text-align: right !important;
  margin-top: 30px; }

.cart .amount-space {
  margin-left: 40px; }

.cart .cart-btn-transform {
  text-transform: capitalize; }

.cart .qty-box {
  width: 25%;
  margin: 0 auto; }
  .cart .qty-box .input-group .btn {
    background-color: #ddd !important;
    border-color: #ddd !important;
    padding: 8px 12px; }

.cart-buttons {
  margin-top: 30px; }
  .cart-buttons .cart-btn {
    float: right;
    padding-right: 85px; }

/**=====================
    3.3 Cart CSS Ends
==========================**/
/**=====================
   3.5 Chat CSS Start
==========================**/
.radial-bar.radial-bar-lg > img, .radial-bar.radial-bar-lg:after {
  width: 70px;
  height: 70px;
  margin-left: 15px;
  margin-top: 15px;
  line-height: 70px; }

.radial-bar.radial-bar-sm > img, .radial-bar.radial-bar-sm:after {
  width: 35px;
  height: 35px;
  margin-left: 7.5px;
  margin-top: 7.5px;
  line-height: 35px; }

.radial-bar.radial-bar-xs > img, .radial-bar.radial-bar-xs:after {
  width: 20px;
  height: 20px;
  margin-left: 5.5px;
  margin-top: 4.5px;
  line-height: 21px; }

.chart-block canvas {
  width: 100% !important; }

.chart-block .chart-overflow {
  overflow: hidden;
  text-align: center; }

.candidcahrt {
  width: 100%;
  height: 470px; }

.amcharts-export-canvas {
  position: absolute;
  display: none;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff; }
  .amcharts-export-canvas .canvas-container {
    transition: opacity .5s ease-out; }
  .amcharts-export-canvas.active {
    display: block; }
  .amcharts-export-canvas.dropbox .canvas-container {
    opacity: .5; }

.flot-chart-container {
  box-sizing: border-box;
  width: 100%;
  height: 400px; }
  .flot-chart-container #toggling-series-flot {
    width: 79% !important; }

.all-chart .flot-chart-container {
  height: 350px; }

.flot-chart-placeholder {
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 1.2em;
  text-align: center; }
  .flot-chart-placeholder .legend table {
    border-spacing: 5px; }

.morris-hover {
  position: absolute;
  z-index: 1; }
  .morris-hover.morris-default-style {
    border-radius: 10px;
    padding: 6px;
    color: #898989;
    background: #fff;
    border: solid 1px #ecf3fa;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    text-align: center; }
    .morris-hover.morris-default-style .morris-hover-row-label {
      font-weight: bold;
      margin: 0.25em 0; }
    .morris-hover.morris-default-style .morris-hover-point {
      white-space: nowrap;
      margin: 0.1em 0; }

.chart-sparkline {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  background: rgba(49, 49, 49, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  color: #fff;
  font: 10px "Montserrat", sans-serif, "Montserrat", sans-serif;
  text-align: left;
  white-space: nowrap;
  padding: 5px;
  border: 1px solid rgba(49, 49, 49, 0.75);
  box-sizing: content-box;
  z-index: 10000;
  border-radius: 5px; }
  .chart-sparkline .jqsfield {
    color: #fff;
    font: 10px "Montserrat", sans-serif, "Montserrat", sans-serif;
    text-align: left; }

.radial-bar {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  background-color: transparent;
  box-sizing: content-box;
  width: 80px;
  height: 80px;
  font-size: 18px;
  background-clip: content-box; }
  .radial-bar:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    color: #455a64;
    content: attr(data-label);
    background-color: #fff;
    z-index: 1;
    width: 56px;
    height: 56px;
    margin-left: 12px;
    margin-top: 12px;
    line-height: 56px; }
  .radial-bar > img {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    color: #455a64;
    z-index: 3;
    width: 56px;
    height: 56px;
    margin-left: 12px;
    margin-top: 12px;
    line-height: 56px; }

.radial-bar-danger.radial-bar-20 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(162deg, #FE6A49 50%, #efefef 50%, #efefef); }

.radial-bar.radial-bar-lg {
  width: 100px;
  height: 100px;
  font-size: 20px; }

.radial-bar.radial-bar-sm {
  width: 50px;
  height: 50px;
  font-size: 12px; }

.radial-bar.radial-bar-xs {
  width: 30px;
  height: 30px;
  font-size: 8px; }

.pieLabel div {
  color: #fff !important; }
  .pieLabel div input[type=checkbox] {
    margin: 7px; }

.knob-chart {
  min-height: 255px; }
  .knob-chart .chart-clock-main {
    position: relative;
    width: 200px;
    margin: 45px auto; }
    .knob-chart .chart-clock-main .clock-large {
      position: absolute;
      left: -48px;
      top: -45px; }
    .knob-chart .chart-clock-main .clock-medium {
      position: absolute;
      left: 2px;
      top: 5px; }
    .knob-chart .chart-clock-main .clock-small {
      position: absolute;
      left: 15px;
      top: 55px; }

.peity-charts svg {
  width: 100%;
  height: 250px; }

.peity-charts.peity-chart-primary svg polygon {
  fill: rgba(0, 102, 102, 0.2); }

.peity-charts.peity-chart-primary svg polyline {
  stroke: var(--theme-deafult); }

.bar-odd-even svg rect:nth-child(odd) {
  fill: var(--theme-deafult); }

.bar-odd-even svg rect:nth-child(even) {
  fill: var(--theme-secondary); }

.donut-peity svg path:nth-child(odd) {
  fill: var(--theme-deafult); }

.donut-peity svg path:nth-child(even) {
  fill: var(--theme-secondary); }

.small-donut ~ svg path:nth-child(odd),
.small-donut svg path:nth-child(odd),
.donut-peity2 ~ svg path:nth-child(odd),
.donut-peity2 svg path:nth-child(odd),
.pie-peity ~ svg path:nth-child(odd),
.pie-peity svg path:nth-child(odd) {
  fill: var(--theme-deafult); }

.small-donut ~ svg path:nth-child(even),
.small-donut svg path:nth-child(even),
.donut-peity2 ~ svg path:nth-child(even),
.donut-peity2 svg path:nth-child(even),
.pie-peity ~ svg path:nth-child(even),
.pie-peity svg path:nth-child(even) {
  fill: #efefef; }

.small-donut2 ~ svg path:nth-child(odd) {
  fill: var(--theme-secondary); }

.small-donut3 ~ svg path:nth-child(odd) {
  fill: #00AC46; }

.small-donut4 ~ svg path:nth-child(odd) {
  fill: #173878; }

.small-donut5 ~ svg path:nth-child(odd) {
  fill: #FFAE1A; }

.small-donut6 ~ svg path:nth-child(odd) {
  fill: #FE6A49; }

p.data-attributes svg {
  margin-right: 10px; }

.knob-block {
  position: relative; }
  .knob-block input {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    margin-left: 0 !important;
    margin-top: -3px !important; }

.knob-input-disable input {
  display: none !important; }

.apex-chart {
  margin: 0 auto; }

.apexcharts-toolbar {
  z-index: 1 !important; }

.apexcharts-menu-item {
  width: 110px; }

.word-tree {
  height: 400px; }

.ct-series-a .ct-slice-pie,
.ct-series-a .ct-slice-donut-solid,
.ct-series-a .ct-area {
  fill: var(--theme-deafult); }

.ct-series-a .ct-point,
.ct-series-a .ct-line,
.ct-series-a .ct-bar,
.ct-series-a .ct-slice-donut {
  stroke: var(--theme-deafult); }

.ct-series-b .ct-point,
.ct-series-b .ct-line,
.ct-series-b .ct-bar,
.ct-series-b .ct-slice-donut {
  stroke: var(--theme-secondary); }

.ct-series-b .ct-slice-pie,
.ct-series-b .ct-slice-donut-solid,
.ct-series-b .ct-area {
  fill: var(--theme-secondary); }

.ct-series-g .ct-point,
.ct-series-g .ct-line,
.ct-series-g .ct-bar,
.ct-series-g .ct-slice-donut {
  stroke: #FFAE1A; }

.ct-series-g .ct-slice-pie,
.ct-series-g .ct-slice-donut-dashed,
.ct-series-g .ct-area {
  fill: #FFAE1A; }

.apache-cotainer {
  width: 100%;
  height: 350px;
  margin: 0; }

.boxplot-cotainer {
  height: 420px; }

.apache-cotainer-large {
  width: 100%;
  height: 500px;
  margin: 0; }

.test-buttons button + button {
  margin-left: 10px; }

.clip-chart-wrapper .test-chart-block {
  margin-bottom: -30px; }

#echart-gauge .test-chart {
  width: 100%;
  height: 395px; }

.polar-line {
  height: 350px; }

#dotted {
  height: 390px; }

.apexcharts-canvas .apexcharts-tooltip,
.apexcharts-canvas .apexcharts-xaxistooltip,
.apexcharts-canvas .apexcharts-yaxistooltip {
  z-index: 1; }

@media (max-width: 1346px) {
  .flot-chart-container .flot-chart-placeholder ~ p.float-end {
    float: left !important; }
    [dir="rtl"] .flot-chart-container .flot-chart-placeholder ~ p.float-end {
      float: right !important; } }

/**=====================
    3.5 Chat CSS End
==========================**/
/**=====================
     14. Chat CSS Start
==========================**/
.status-circle {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 4px;
  left: 44px;
  border-radius: 50%;
  border: 2px solid #fff; }

.user-image {
  height: 52px;
  margin-right: 5px; }
  .user-image .about {
    float: left;
    margin-top: 5px;
    padding-left: 10px; }
    .user-image .about .name {
      color: #2c323f;
      letter-spacing: 1px;
      font-weight: 500; }

.left-sidebar-wrapper {
  padding: 20px;
  border-radius: 10px 0 0 10px;
  z-index: 1;
  border: 2px solid var(--white);
  border-right: unset;
  /* ===== Scrollbar CSS ===== */
  /* Firefox */
  /* Chrome, Edge, and Safari */ }
  [dir="rtl"] .left-sidebar-wrapper {
    border-left: unset; }
  @media (max-width: 767px) {
    .left-sidebar-wrapper {
      border-radius: 10px; } }
  .left-sidebar-wrapper * {
    scrollbar-width: auto;
    scrollbar-color: rgba(0, 102, 102, 0.2); }
  .left-sidebar-wrapper *::-webkit-scrollbar {
    width: 6px; }
  .left-sidebar-wrapper *::-webkit-scrollbar-track {
    background: transparent; }
  .left-sidebar-wrapper *::-webkit-scrollbar-thumb {
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 8px;
    border: 3px solid transparent; }
  .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
    background-color: var(--chart-progress-light);
    padding-right: 0;
    margin-right: 1px;
    border-right: none; }
    [dir="rtl"] .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
      padding-left: 0;
      padding-right: 12px;
      margin-left: 1px;
      border-left: none;
      margin-right: unset;
      border-right: unset; }
    .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text svg {
      width: 16px;
      height: 16px; }
  .left-sidebar-wrapper .left-sidebar-chat .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
    border-left: unset;
    background-color: var(--chart-progress-light); }
    [dir="rtl"] .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
      border-right: unset;
      border-left: 1px solid #ddd;
      border-radius: 0.25rem !important; }
    .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:focus, .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:focus-visible {
      border-color: var(--chart-dashed-border);
      box-shadow: unset; }
  .left-sidebar-wrapper .advance-options ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0; }
    .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
      color: var(--body-font-color);
      border-bottom: 2px solid transparent;
      background-color: transparent;
      padding: 16px 57px;
      text-decoration: unset; }
      @media (max-width: 1855px) {
        .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
          padding: 16px 45px; } }
      @media (max-width: 1663px) {
        .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
          padding: 16px 30px; } }
      @media (max-width: 1423px) {
        .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
          padding: 16px 28px; } }
      .left-sidebar-wrapper .advance-options ul .nav-item .nav-link:active, .left-sidebar-wrapper .advance-options ul .nav-item .nav-link.active {
        border-bottom: 2px solid var(--theme-deafult);
        color: var(--theme-deafult); }
  .left-sidebar-wrapper .advance-options .common-space {
    padding: 11px 0; }
    .left-sidebar-wrapper .advance-options .common-space p {
      margin: 0;
      color: var(--chart-text-color); }
    .left-sidebar-wrapper .advance-options .common-space .header-top .btn {
      padding: 6px 12px; }
      .left-sidebar-wrapper .advance-options .common-space .header-top .btn:hover i {
        color: var(--white); }
  .left-sidebar-wrapper .advance-options .chats-user {
    border-bottom: unset;
    height: 563px;
    overflow-y: auto; }
    .left-sidebar-wrapper .advance-options .chats-user li {
      gap: 10px;
      width: 100%;
      border-bottom: 1px solid var(--chart-dashed-border);
      cursor: pointer;
      padding: 11px; }
      .left-sidebar-wrapper .advance-options .chats-user li:hover {
        background-color: var(--light-slate); }
      @media (max-width: 1505px) {
        .left-sidebar-wrapper .advance-options .chats-user li {
          flex-wrap: wrap;
          gap: 1px; } }
      .left-sidebar-wrapper .advance-options .chats-user li:last-child {
        border-bottom: unset; }
      .left-sidebar-wrapper .advance-options .chats-user li .chat-time {
        display: flex;
        gap: 10px;
        align-items: center; }
        .left-sidebar-wrapper .advance-options .chats-user li .chat-time > div {
          text-align: left; }
          [dir="rtl"] .left-sidebar-wrapper .advance-options .chats-user li .chat-time > div {
            text-align: right; }
      @media (max-width: 1498px) {
        .left-sidebar-wrapper .advance-options .chats-user li > div {
          width: 100%;
          text-align: end; }
          [dir="rtl"] .left-sidebar-wrapper .advance-options .chats-user li > div {
            text-align: start; } }
.active-profile {
  position: relative; }
  .active-profile img {
    width: 42px;
    height: 42px; }
    @media (max-width: 1650px) {
      .active-profile img {
        width: 33px;
        height: 33px; } }
  .active-profile .status {
    position: absolute;
    height: 14px;
    width: 14px;
    border-radius: 100%;
    bottom: 5%;
    right: -2px;
    border: 3px solid var(--white); }
    [dir="rtl"] .active-profile .status {
      left: -2px;
      right: unset; }
    @media (max-width: 1600px) {
      .active-profile .status {
        width: 11px;
        height: 11px;
        border: 2px solid var(--white); } }
.contact-edit i {
  color: var(--chart-text-color);
  cursor: pointer; }
  .contact-edit i::after {
    content: unset; }

.contact-edit svg {
  cursor: pointer;
  width: 18px;
  height: 18px; }
  @media (max-width: 360px) {
    .contact-edit svg {
      width: 14px;
      height: 14px; } }
.contact-edit .dropdown-menu .dropdown-item:hover {
  background-color: var(--light-background);
  opacity: 1;
  text-decoration: unset; }

.contact-edit.chat-alert {
  width: 40px;
  height: 40px;
  background: var(--light-slate);
  display: fke;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px; }
  @media (max-width: 360px) {
    .contact-edit.chat-alert {
      width: 32px;
      height: 32px; } }
  @media (max-width: 340px) {
    .contact-edit.chat-alert {
      display: none; } }
.search-contacts {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .search-contacts .form-control {
    padding-inline: 35px; }
    .search-contacts .form-control:focus {
      box-shadow: unset;
      border-color: var(--chart-dashed-border); }
  .search-contacts svg {
    stroke: var(--chart-text-color);
    width: 18px;
    height: 18px;
    left: 10px;
    top: 10px;
    position: absolute; }
    [dir="rtl"] .search-contacts svg {
      left: unset;
      right: 10px; }
  .search-contacts .mic-search {
    right: 10px;
    top: 8px;
    position: absolute;
    left: unset; }
    [dir="rtl"] .search-contacts .mic-search {
      right: unset;
      left: 10px; }

.contact-wrapper {
  padding-top: 14px;
  border-bottom: unset;
  height: 526px;
  overflow-y: auto; }
  .contact-wrapper > p {
    line-height: 0;
    margin: 0;
    padding: 12px 0;
    font-size: 18px;
    font-weight: 500;
    color: var(--body-font-color); }
  .contact-wrapper ul li {
    width: 100%;
    cursor: pointer; }
    .contact-wrapper ul li .chat-time {
      display: flex;
      align-items: center;
      gap: 10px; }
      .contact-wrapper ul li .chat-time img {
        width: 42px;
        height: 42px; }
        @media (max-width: 1650px) {
          .contact-wrapper ul li .chat-time img {
            width: 33px;
            height: 33px; } }
      .contact-wrapper ul li .chat-time > div span {
        color: var(--body-font-color); }
    .contact-wrapper ul li svg {
      width: 18px;
      height: 18px; }
  .contact-wrapper ul:last-child .common-space {
    padding-bottom: unset; }

.right-sidebar-chat {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  z-index: 0;
  border: 2px solid var(--white);
  border-left: unset; }
  [dir="rtl"] .right-sidebar-chat {
    border-right: unset;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  @media (max-width: 767px) {
    .right-sidebar-chat {
      border-radius: 10px; } }
.right-sidebar-title {
  padding: 13px 25px;
  display: flex;
  justify-content: space-between; }
  .right-sidebar-title .common-space {
    width: 100%; }
    .right-sidebar-title .common-space .chat-time {
      display: flex;
      gap: 10px;
      align-items: center; }
      .right-sidebar-title .common-space .chat-time .active-profile img {
        width: 42px;
        height: 42px; }
        @media (max-width: 360px) {
          .right-sidebar-title .common-space .chat-time .active-profile img {
            width: 36px;
            height: 36px; } }
      .right-sidebar-title .common-space .chat-time div p {
        margin: 0;
        color: var(--chart-text-color); }
      .right-sidebar-title .common-space .chat-time ul li img {
        width: 42px;
        height: 42px; }
      .right-sidebar-title .common-space .chat-time.group-chat ul {
        display: flex; }
        .right-sidebar-title .common-space .chat-time.group-chat ul li img {
          border: 3px solid transparent; }
        .right-sidebar-title .common-space .chat-time.group-chat ul li + li {
          margin-left: -12px; }
          [dir="rtl"] .right-sidebar-title .common-space .chat-time.group-chat ul li + li {
            margin-left: unset;
            margin-right: -12px; }
          .right-sidebar-title .common-space .chat-time.group-chat ul li + li img {
            border: 3px solid var(--white); }
        .right-sidebar-title .common-space .chat-time.group-chat ul li img {
          width: 38px;
          height: 38px; }
        .right-sidebar-title .common-space .chat-time.group-chat ul li .profile-count {
          width: 38px;
          height: 38px; }
        @media (min-width: 768px) and (max-width: 1199px) {
          .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(2), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(3), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(5), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(6) {
            display: none; } }
        @media (min-width: 341px) and (max-width: 410px) {
          .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(2), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(3), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(5), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(6) {
            display: none; } }
      @media (max-width: 1045px) {
        .right-sidebar-title .common-space .chat-time.group-chat > div span,
        .right-sidebar-title .common-space .chat-time.group-chat > div p {
          display: none; } }
.msger-chat {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
  background: linear-gradient(0deg, #F5F6FA, #F5F6FA), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  height: 620px; }
  .msger-chat::-webkit-scrollbar {
    width: 6px; }
  .msger-chat::-webkit-scrollbar-track {
    background: #ddd; }
  .msger-chat::-webkit-scrollbar-thumb {
    background: #bdbdbd; }

.msg {
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px; }
  .msg:last-of-type {
    margin: 0; }

.msg-img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  background: #ddd;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%; }
  [dir="rtl"] .msg-img {
    margin-left: 10px;
    margin-right: unset; }

.msg-bubble {
  max-width: 450px;
  padding: 15px;
  border-radius: 15px; }

.msg-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px; }

.msg-info-name {
  margin-right: 10px;
  font-weight: bold; }
  [dir="rtl"] .msg-info-name {
    margin-left: 10px;
    margin-right: unset; }

.msg-info-time {
  font-size: 0.85em; }

.left-msg .msg-img {
  background-image: url(/../images/blog/4.jpg);
  width: 33px;
  height: 33px; }
  @media (max-width: 1200px) {
    .left-msg .msg-img {
      min-width: 16px;
      min-height: 16px; } }
.left-msg .msg-bubble {
  position: relative;
  border-radius: 15px;
  background: rgba(255, 192, 0, 0.8);
  color: var(--chart-text-color);
  width: calc(100% - 33px); }
  [dir="rtl"] .left-msg .msg-bubble {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: unset; }

.right-msg {
  flex-direction: row-reverse; }
  .right-msg .msg-bubble {
    color: var(--white);
    background: rgba(6, 174, 90, 0.8);
    width: calc(100% - 33px); }
    [dir="rtl"] .right-msg .msg-bubble {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: unset; }
  .right-msg .msg-img {
    margin: 0 0 0 10px;
    background-image: url(/../images/blog/comment.jpg);
    width: 33px;
    height: 33px; }
    @media (max-width: 1200px) {
      .right-msg .msg-img {
        min-width: 16px;
        min-height: 16px; } }
.msger-inputarea {
  display: flex;
  padding: 10px;
  border-top: 1px solid var(--chart-dashed-border);
  background: linear-gradient(0deg, #F5F6FA, #F5F6FA), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  align-items: center; }
  .msger-inputarea .dropdown-toggle::after {
    content: unset; }
  .msger-inputarea .dropdown-toggle .dropdown-menu {
    inset: unset !important; }
  .msger-inputarea .dropdown-form {
    position: relative; }
    .msger-inputarea .dropdown-form i {
      font-size: 16px;
      font-weight: 900;
      color: var(--theme-deafult);
      cursor: pointer;
      padding: 0; }
    .msger-inputarea .dropdown-form .chat-icon {
      position: absolute;
      left: 0 !important;
      bottom: 104px !important;
      background: transparent;
      box-shadow: unset; }
      [dir="rtl"] .msger-inputarea .dropdown-form .chat-icon {
        left: unset !important;
        right: 3px !important; }
      .msger-inputarea .dropdown-form .chat-icon div {
        width: 47px;
        height: 47px;
        border-radius: 50%;
        background-color: var(--white);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        opacity: 1; }
        .msger-inputarea .dropdown-form .chat-icon div svg {
          width: 42px;
          height: 42px;
          cursor: pointer; }
        .msger-inputarea .dropdown-form .chat-icon div:nth-child(1) svg {
          fill: var(--chart-text-color);
          stroke: none; }
        .msger-inputarea .dropdown-form .chat-icon div:nth-child(2) svg {
          stroke: var(--chart-text-color);
          fill: none; }
        .msger-inputarea .dropdown-form .chat-icon div:hover {
          background-color: var(--theme-deafult);
          opacity: 1; }
          .msger-inputarea .dropdown-form .chat-icon div:hover:nth-child(1) svg {
            fill: var(--white); }
          .msger-inputarea .dropdown-form .chat-icon div:hover:nth-child(2) svg {
            stroke: var(--white); }
  .msger-inputarea .msger-send-btn i {
    color: var(--white); }
  .msger-inputarea * {
    padding: 10px;
    border: none;
    border-radius: 3px;
    font-size: 1em; }

.msger-input {
  flex: 1;
  background: transparent; }
  .msger-input:focus, .msger-input:focus-visible {
    outline: unset; }

.fg-emoji-container {
  left: calc(10px + (1405 - 10) * ((100vw - 320px) / (1920 - 320))) !important; }
  [dir="rtl"] .fg-emoji-container {
    right: calc(10px + (1405 - 10) * ((100vw - 320px) / (1920 - 320))) !important;
    left: unset !important; }
  @media (min-width: 860px) and (max-width: 945px) {
    .fg-emoji-container {
      left: 417px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 417px; } }
  @media (min-width: 686px) and (max-width: 860px) {
    .fg-emoji-container {
      left: 360px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 360px; } }
  @media (min-width: 588px) and (max-width: 770px) {
    .fg-emoji-container {
      left: 200px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 200px; } }
  @media (min-width: 546px) and (max-width: 588px) {
    .fg-emoji-container {
      left: 144px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 144px; } }
  @media (min-width: 500px) and (max-width: 546px) {
    .fg-emoji-container {
      left: 88px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 88px; } }
  @media (max-width: 500px) {
    .fg-emoji-container {
      left: 22px !important;
      width: 262px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 22px; } }
  .fg-emoji-container .fg-emoji-nav {
    background-color: var(--chart-text-color); }
  .fg-emoji-container #fg-emoji-picker-move {
    display: none; }

.open-emoji {
  padding: 0; }
  .open-emoji button {
    z-index: 0;
    position: relative;
    padding: 0 14px;
    background: transparent; }
    .open-emoji button::before {
      content: "\f118";
      font-family: "FontAwesome";
      z-index: 1;
      position: relative;
      font-size: 20px;
      color: var(--text-gray); }

.second-btn {
  z-index: 0;
  position: relative;
  padding: 0 14px;
  background: transparent; }
  .second-btn::before {
    content: "\f118";
    font-family: "FontAwesome";
    z-index: 1;
    position: relative;
    font-size: 20px;
    color: var(--text-gray); }

.msger-send-btn {
  margin-left: 10px;
  background: var(--theme-deafult);
  width: 40px;
  height: 39px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.23s;
  display: flex;
  align-items: center;
  justify-content: center; }
  [dir="rtl"] .msger-send-btn {
    margin-left: unset;
    margin-right: 10px; }
  .msger-send-btn svg {
    width: 1px;
    height: 12px; }

.custom-name {
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px; }
  @media (max-width: 1650px) {
    .custom-name {
      width: 33px;
      height: 33px; } }
/**=====================
    14.  Chat CSS Ends
==========================**/
/**=====================
   3.6 Checkout CSS start
==========================**/
.checkout .checkout-details {
  background-color: #f9f9f9;
  border: 1px solid #dddddd;
  padding: 40px; }
  .checkout .checkout-details .order-place {
    margin-top: 15px; }

.order-box .title-box {
  padding-bottom: 20px;
  color: #444444;
  font-size: 22px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 20px; }
  .order-box .title-box span {
    width: 35%;
    float: right;
    font-weight: 600;
    text-align: right; }
  .order-box .title-box h4 {
    font-weight: 600; }
  .order-box .title-box .checkbox-title {
    display: flex;
    justify-content: space-between; }

.order-box .sub-total li {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 20px;
  margin-bottom: 20px;
  width: 100%; }
  .order-box .sub-total li .count {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    width: 35%;
    float: right;
    text-align: right; }

.order-box .sub-total .shipping-class {
  margin-bottom: 12px; }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    margin-top: -4px;
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: var(--theme-deafult);
    font-weight: 400;
    width: 35%;
    float: right;
    text-align: right; }

.order-box .total {
  position: relative;
  margin-bottom: 30px; }
  .order-box .total li {
    position: relative;
    display: block;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    font-size: 18px; }

.order-box .qty {
  position: relative;
  border-bottom: 1px solid #ededed;
  margin-bottom: 30px; }
  .order-box .qty li {
    position: relative;
    display: block;
    font-size: 15px;
    color: #444444;
    line-height: 20px;
    margin-bottom: 20px; }
    .order-box .qty li span {
      float: right;
      font-size: 18px;
      line-height: 20px;
      color: #232323;
      font-weight: 400;
      width: 35%;
      text-align: right; }

.radio-option {
  position: relative; }

.img-paypal {
  width: 30%;
  margin-left: 15px; }

/**=====================
    86. Checkout CSS Ends
==========================**/
/**=====================
    Responsive CSS Start
==========================**/
@media screen and (max-width: 1199px) {
  .checkout .checkout-details {
    padding: 25px; }
  .order-box .title-box span {
    width: 30%; }
  .order-box .sub-total li .count {
    width: 38%; }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 46%; }
  .order-box .qty li span {
    width: 38%; }
  .order-box .total li .count {
    width: 38%; } }

@media screen and (max-width: 991px) {
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 38%; } }

@media screen and (max-width: 575px) {
  .checkout .checkout-details {
    padding: 15px; }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 50%; }
  .order-box .sub-total li .count {
    width: 50%; } }

/**=====================
   3.6 Checkout CSS ends
==========================**/
/**=====================
    3.7 Comingsoon CSS Start
==========================**/
.comingsoon-bgimg {
  background: url(/../images/admin/other-images/coming-soon-bg.jpg);
  background-position: bottom;
  background-size: cover; }

.comingsoon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 50px 0; }
  .comingsoon .comingsoon-inner h5 {
    font-size: 18px;
    letter-spacing: 1px;
    color: #051A1A;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 30px; }
  .comingsoon .comingsoon-inner .countdown {
    padding: 30px 0;
    border-top: 1px solid #E6E9EB;
    border-bottom: 1px solid #E6E9EB; }
    .comingsoon .comingsoon-inner .countdown .time {
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      color: #fff;
      font-weight: 500;
      width: 100px;
      height: 100px;
      font-size: 36px;
      background: var(--theme-deafult); }
    .comingsoon .comingsoon-inner .countdown .title {
      padding-top: 13px;
      font-size: 14px;
      font-weight: 400;
      color: #051A1A;
      text-transform: uppercase;
      letter-spacing: 1px; }
    .comingsoon .comingsoon-inner .countdown ul li {
      display: inline-block;
      text-transform: uppercase;
      margin: 0 20px; }
      .comingsoon .comingsoon-inner .countdown ul li span {
        display: block; }
  .comingsoon video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    transition: 1s opacity; }

/**=====================
  3.7 Comingsoon CSS Ends
==========================**/
/**=====================
    3.8 Contacts CSS Start
==========================**/
.alert-contactadd {
  background-color: #fff;
  border: 1px solid var(--theme-deafult);
  width: 12%;
  padding: 10px; }

.updateimg {
  position: absolute;
  left: 15px;
  width: 100px;
  top: 32px;
  line-height: 93px;
  opacity: 0; }

#right-history {
  top: 81px;
  right: -320px;
  height: 100%;
  position: fixed;
  width: 320px;
  z-index: 9;
  background-color: #fff;
  transition: .5s;
  box-shadow: 0 0 9px rgba(191, 191, 191, 0.36); }
  [dir="rtl"] #right-history {
    right: unset;
    left: -320px; }
  #right-history .modal-header {
    border-bottom: 1px solid #E6E9EB; }
  #right-history h6 span a {
    color: #051A1A; }
  #right-history.show {
    right: 0;
    transition: .3s; }
    [dir="rtl"] #right-history.show {
      right: unset;
      left: 0; }

.history-details > div {
  padding: 30px 0; }

.history-details .media {
  padding: 30px 15px;
  border-top: 1px solid #E6E9EB; }
  .history-details .media i {
    padding: 5px;
    background: #fed112;
    color: #fff;
    border-radius: 100%; }
  .history-details .media h6 {
    margin-bottom: 5px; }

.delete-contact {
  display: none; }

.more-data {
  animation: displayTransition 1s; }

.contact-editform {
  padding: 30px;
  animation: displayTransition 1s; }
  .contact-editform a {
    display: block; }
  .contact-editform button {
    margin-top: 30px; }
  .contact-editform .select2-container .select2-selection--single {
    height: 39px !important;
    border-color: #ced4da !important; }

#deletemodal .modal-header {
  border-bottom: none; }
  #deletemodal .modal-header .delete-data span svg {
    vertical-align: middle;
    margin-right: 15px; }

.contact-options li .btn-category {
  line-height: 39px;
  border-radius: 3px;
  padding-left: 40px !important;
  padding: 0;
  color: var(--theme-deafult);
  font-weight: 500; }

.list-persons p {
  font-family: "Montserrat", sans-serif; }

.list-persons .profile-mail {
  padding: 30px 0; }
  .list-persons .profile-mail .media img {
    height: 50px;
    width: 50px !important; }
  .list-persons .profile-mail .media .media-body ul {
    margin-top: 5px; }
    .list-persons .profile-mail .media .media-body ul li {
      display: inline-block; }
      .list-persons .profile-mail .media .media-body ul li a {
        font-size: 13px; }
      .list-persons .profile-mail .media .media-body ul li + li {
        padding-left: 10px;
        margin-left: 5px;
        border-left: 2px solid #E6E9EB; }
  .list-persons .profile-mail .email-general {
    padding-top: 50px; }
    .list-persons .profile-mail .email-general ul {
      padding-right: 20px; }
      .list-persons .profile-mail .email-general ul li {
        color: #898989;
        padding-bottom: 10px;
        margin-bottom: 10px; }
        .list-persons .profile-mail .email-general ul li:last-child {
          padding-bottom: 0;
          margin-bottom: 0; }
        .list-persons .profile-mail .email-general ul li > span {
          float: right; }
    .list-persons .profile-mail .email-general p span {
      margin-left: 30px; }
    .list-persons .profile-mail .email-general .gender {
      margin-top: 30px; }

.contacts-tabs .nav-pills {
  border-right: 1px solid #E6E9EB;
  height: 100%; }
  .contacts-tabs .nav-pills .nav-link.active,
  .contacts-tabs .nav-pills .nav-link > .nav-link,
  .contacts-tabs .nav-pills .show.active,
  .contacts-tabs .nav-pills .show > .nav-link {
    background-color: rgba(0, 102, 102, 0.05);
    color: #051A1A; }
  .contacts-tabs .nav-pills .nav-link {
    color: #051A1A;
    padding: 0; }
    .contacts-tabs .nav-pills .nav-link .media .img-50 {
      height: 50px; }
    .contacts-tabs .nav-pills .nav-link + .nav-link {
      border-top: 1px solid #E6E9EB;
      border-radius: 0px; }
  .contacts-tabs .nav-pills .media {
    padding: 20px; }

.contacts-tabs .tab-content .tab-content-child {
  animation: displayTransition 1s; }

@media only screen and (max-width: 991px) {
  #right-history {
    top: 60px; }
  .updateimg {
    top: 21px; }
  .list-persons .profile-mail {
    padding: 20px; }
    .list-persons .profile-mail .email-general .gender {
      margin-top: 20px; }
  .contact-editform button {
    margin-top: 20px; } }

@media only screen and (max-width: 767px) {
  .contact-editform {
    padding: 20px; }
    .contact-editform.pl-0 {
      padding-left: 20px !important; }
  .contacts-tabs .nav-pills {
    border-right: none;
    border-bottom: 1px solid #E6E9EB; } }

@media only screen and (max-width: 575px) {
  #right-history {
    width: 270px; }
  .updateimg {
    top: 16px;
    left: 29px; }
  .contacts-tabs .media img.m-r-20 {
    margin-right: 15px; }
  .contacts-tabs .nav-pills .media {
    padding: 15px; }
  .list-persons .profile-mail {
    padding: 15px; }
    .list-persons .profile-mail .email-general .gender {
      margin-top: 15px; }
  .list-persons .nav-pills .nav-link .media .media-body {
    text-align: left; }
  .contact-editform {
    padding: 15px; }
    .contact-editform button {
      margin-top: 15px; }
    .contact-editform.pl-0 {
      padding-left: 15px !important; }
  .contact-editform form .row > div .row > div > div,
  .contact-options form .row > div .row > div > div {
    margin-bottom: 0; }
  .contact-editform form .row > div .row > div + div,
  .contact-options form .row > div .row > div + div {
    margin-top: 15px; } }

@media only screen and (max-width: 360px) {
  .updateimg {
    line-height: 73px;
    width: 80px; }
  .list-persons .profile-mail .email-general p span {
    margin-left: 10px; }
  .list-persons .profile-mail .media {
    display: block; }
    .list-persons .profile-mail .media img {
      height: 80px;
      width: 80px !important;
      margin-bottom: 15px; } }

.dark-contact .nav .nav-link .media .media-body h6 {
  color: var(--body-font-color); }

/**=====================
   3.8 Contacts CSS Ends
==========================**/
/**=====================
    3.9 Dashboard_2 CSS Start
==========================**/
.widget-decor {
  position: absolute;
  height: 60px;
  right: 0;
  top: 50%;
  transform: translateY(-50%); }

.activity-group::before {
  content: "";
  border-left: 1px dashed #E6E9EB;
  position: absolute;
  left: 0px;
  height: calc(100% - 50px); }

.balance-widget {
  background-image: url(/../images/dashboard-2/balance-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right; }
  .balance-widget .mobile-right-img {
    position: absolute;
    top: 10px;
    right: 15px; }
    .balance-widget .mobile-right-img .left-mobile-img {
      margin-right: -20px; }
    .balance-widget .mobile-right-img .mobile-img {
      height: 130px; }
    [dir="rtl"] .balance-widget .mobile-right-img {
      right: unset;
      left: 15px; }
    @media (max-width: 480px) {
      .balance-widget .mobile-right-img {
        right: 0; }
        .balance-widget .mobile-right-img .mobile-img {
          height: 100px; }
        [dir="rtl"] .balance-widget .mobile-right-img {
          right: unset;
          left: 0; } }
  [dir="rtl"] .balance-widget {
    text-align: right; }
  .balance-widget.card-body {
    padding: 20px 15px; }
  .balance-widget .purchase-btn {
    min-width: 170px; }

.range_4 .slider-container {
  position: relative;
  height: 45px;
  margin: 0 20px; }
  .range_4 .slider-container .range-slider_thumb {
    width: 46px;
    height: 26px;
    border-radius: 6px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #006666;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    z-index: 2; }
    [data-theme="dark"] .range_4 .slider-container .range-slider_thumb {
      background-color: var(--body-color); }
  .range_4 .slider-container .range-slider_line {
    height: 7px;
    width: 100%;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 10px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    position: absolute;
    z-index: 1; }
    [data-theme="dark"] .range_4 .slider-container .range-slider_line {
      background-color: var(--body-color); }
    .range_4 .slider-container .range-slider_line .range-slider_line-fill {
      position: absolute;
      height: 7px;
      width: 0;
      background-color: #006666;
      border-radius: 10px 0 0 10px; }
  .range_4 .slider-container .range-slider_input {
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 4px;
    opacity: 0;
    margin: 0; }
    .range_4 .slider-container .range-slider_input::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 100px;
      height: 100px;
      cursor: pointer;
      border-radius: 50%;
      opacity: 0; }
    .range_4 .slider-container .range-slider_input::-moz-range-thumb {
      width: 14vmin;
      height: 14vmin;
      cursor: pointer;
      border-radius: 50%;
      opacity: 0; }

.small-widget {
  overflow: hidden; }
  .small-widget .card-body {
    padding: 20px; }
    .small-widget .card-body h6 {
      font-size: 14px;
      font-weight: 500;
      color: var(--body-font-color); }
    .small-widget .card-body .product-sub {
      height: 45px;
      width: 45px;
      border-radius: 6px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .small-widget .card-body .product-sub .invoice-icon {
        height: 24px;
        cursor: pointer;
        width: 24px; }
  .small-widget:hover {
    transform: translateY(-5px);
    transition: 0.5s; }
    .small-widget:hover .project-details svg {
      animation: tada 1.5s ease infinite; }
    .small-widget:hover .bg-gradient svg {
      animation: tada 1.5s ease infinite; }

@media (max-width: 1470px) {
  .appointment .customer-table {
    height: 268px; } }

@media (max-width: 1399px) {
  .appointment .customer-table {
    height: unset; } }

.order-wrapper {
  margin: 0 -24px -17px -17px; }

.categories-list {
  display: flex;
  flex-direction: column;
  gap: 18px; }
  @media (max-width: 767px) {
    .categories-list {
      flex-direction: row;
      flex-wrap: wrap; } }
  .categories-list li {
    gap: 10px; }
    .categories-list li .bg-light {
      min-width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .categories-list li .bg-light img {
        width: 25px;
        height: 25px;
        object-fit: contain;
        transition: 0.5s; }
    .categories-list li h6 a {
      transition: 0.5s;
      color: var(--body-font-color); }
    .categories-list li:hover .bg-light img {
      transition: 0.5s;
      transform: scale(1.1); }
    .categories-list li:hover h6 a {
      transition: 0.5s;
      color: var(--theme-deafult); }

.monthly-profit {
  margin-top: -10px; }
  @media (max-width: 1584px) {
    .monthly-profit {
      margin: -10px -8px 0; } }
  @media (max-width: 1520px) {
    .monthly-profit {
      margin: -10px -16px 0; } }
  @media (max-width: 1500px) {
    .monthly-profit {
      margin: -10px -14px 0; } }
  @media (max-width: 1472px) {
    .monthly-profit {
      margin: -10px -20px 0; } }
  @media (max-width: 1424px) {
    .monthly-profit {
      margin: -10px -25px 0; } }
  .monthly-profit .apexcharts-canvas .apexcharts-legend-marker {
    margin-right: 6px; }
  .monthly-profit .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-value {
    font-size: 14px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif !important;
    fill: var(--chart-text-color); }

.overview-wrapper {
  position: relative;
  z-index: 1; }

.back-bar-container {
  position: absolute;
  width: calc(100% - 64px);
  bottom: -8px;
  margin: 0 auto !important;
  left: 28px; }
  @media (max-width: 1199px) {
    .back-bar-container {
      bottom: 22px; } }
  @media (max-width: 480px) {
    .back-bar-container {
      width: calc(100% - 34px);
      left: 18px; } }
  @media (max-width: 327px) {
    .back-bar-container {
      bottom: 42px; } }
.overview-card .balance-data {
  right: 12px; }
  [dir="rtl"] .overview-card .balance-data {
    right: unset;
    left: 12px; }
  @media (max-width: 767px) {
    .overview-card .balance-data {
      right: -40%; }
      [dir="rtl"] .overview-card .balance-data {
        left: -40%; } }
.order-container .apexcharts-canvas .apexcharts-marker {
  stroke-width: 4; }

.purchase-card.discover {
  margin-top: 102px; }
  .purchase-card.discover img {
    width: 224px;
    margin: 0 auto;
    margin-top: -90px; }
    @media (max-width: 1550px) {
      .purchase-card.discover img {
        margin-top: -110px; } }
    @media (max-width: 1399px) {
      .purchase-card.discover img {
        margin-top: -90px; } }
    @media (max-width: 991px) {
      .purchase-card.discover img {
        margin-top: -110px; } }
    @media (max-width: 618px) {
      .purchase-card.discover img {
        width: 200px; } }
.visitor-card .card-header svg {
  width: 18px;
  height: 18px;
  fill: var(--theme-deafult); }

.visitors-container {
  margin: 0 -12px -27px -17px; }
  .visitors-container svg .apexcharts-series path {
    clip-path: inset(1% 0% 0% 0% round 3rem); }
  .visitors-container svg .apexcharts-legend.apexcharts-align-left .apexcharts-legend-series {
    display: flex; }

.recent-order .nav {
  gap: 8px;
  flex-wrap: nowrap;
  overflow: auto;
  padding-bottom: 5px;
  display: flex; }

.recent-order .frame-box {
  border: 1px solid transparent;
  padding: 0;
  transition: 0.5s; }
  .recent-order .frame-box.active {
    border: 1px solid var(--theme-deafult); }
  .recent-order .frame-box:hover {
    transform: translateY(-5px);
    transition: 0.5s; }

.recent-order .tab-content {
  margin-top: 16px; }

.recent-table table thead {
  background: var(--light2); }
  .recent-table table thead th {
    padding-top: 9px;
    padding-bottom: 9px;
    border-bottom: none; }

.recent-table table tr td,
.recent-table table tr th {
  padding: 12px 8px;
  vertical-align: middle; }
  .recent-table table tr td:first-child,
  .recent-table table tr th:first-child {
    min-width: 157px; }
  @media (max-width: 1660px) {
    .recent-table table tr td:nth-child(2),
    .recent-table table tr th:nth-child(2) {
      min-width: 97px; } }
  .recent-table table tr td:last-child,
  .recent-table table tr th:last-child {
    min-width: 96px; }

.recent-table table tr td:first-child {
  padding-left: 0; }
  [dir="rtl"] .recent-table table tr td:first-child {
    padding-left: unset;
    padding-right: 0; }

.recent-table table tr td:last-child {
  padding-right: 0; }
  [dir="rtl"] .recent-table table tr td:last-child {
    padding-left: 0;
    padding-right: unset; }

.recent-table table tr:last-child td {
  padding-bottom: 0;
  border-bottom: none; }

.recent-table table tr .product-content h6 a {
  color: var(--body-font-color);
  transition: 0.5s; }

.recent-table table tr:hover .product-content h6 a {
  color: var(--theme-deafult);
  transition: 0.5s; }

.recent-table .product-content {
  display: flex;
  align-items: center;
  gap: 8px; }
  .recent-table .product-content .order-image {
    background: var(--light2);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center; }

.recent-table svg {
  width: 20px;
  height: 20px; }

.recent-table .recent-status {
  display: flex;
  align-items: center; }
  .recent-table .recent-status.font-success svg {
    fill: #00AC46; }
  .recent-table .recent-status.font-danger svg {
    fill: #FE6A49; }

.recent-activity h5 {
  padding: 30px 0 20px;
  margin-bottom: 0; }

.recent-activity h6 {
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box; }

.recent-activity ul li span {
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box; }

.notification li .recent-images ul::before {
  display: none; }

.notification li .recent-images li {
  padding-bottom: 3px; }

.recent-images {
  margin-top: 10px; }
  .recent-images ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px; }
  .recent-images li {
    border: 1px dashed var(--recent-dashed-border);
    padding: 3px;
    border-radius: 2px; }
    .recent-images li .recent-img-wrap {
      width: 40px;
      height: 40px;
      background: var(--light2);
      display: flex;
      align-items: center;
      justify-content: center; }

.frame-box {
  background: var(--recent-box-bg);
  border-radius: 10px;
  min-width: 76px;
  box-shadow: 2px 2px 2px var(--recent-border); }
  @media (max-width: 575px) {
    .frame-box {
      min-width: 65px; } }
  .frame-box .frame-image {
    min-width: 62px;
    height: 62px;
    border-color: var(--recent-border) var(--white) var(--white) var(--recent-border);
    border-width: 1px;
    border-style: solid;
    margin: 6px;
    display: flex;
    align-items: center;
    border-radius: 4px; }
    @media (max-width: 575px) {
      .frame-box .frame-image {
        min-width: 50px;
        height: 50px;
        margin: 4px; } }
  .frame-box img {
    margin: 0 auto; }
    @media (max-width: 575px) {
      .frame-box img {
        height: 30px; } }
.support-ticket-font ul {
  font-size: 12px; }

.new-update .media .media-body span,
.new-update .media .media-body p {
  font-weight: 500; }

.activity-dot-primary {
  min-width: 6px;
  height: 6px;
  background-color: #006666;
  border-radius: 100%;
  outline: 5px solid rgba(0, 102, 102, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-primary {
  min-width: 12px;
  height: 12px;
  background-color: #006666;
  outline: 5px solid rgba(0, 102, 102, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-secondary {
  min-width: 6px;
  height: 6px;
  background-color: #FE6A49;
  border-radius: 100%;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-secondary {
  min-width: 12px;
  height: 12px;
  background-color: #FE6A49;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-success {
  min-width: 6px;
  height: 6px;
  background-color: #00AC46;
  border-radius: 100%;
  outline: 5px solid rgba(0, 172, 70, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-success {
  min-width: 12px;
  height: 12px;
  background-color: #00AC46;
  outline: 5px solid rgba(0, 172, 70, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-danger {
  min-width: 6px;
  height: 6px;
  background-color: #FE6A49;
  border-radius: 100%;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-danger {
  min-width: 12px;
  height: 12px;
  background-color: #FE6A49;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-info {
  min-width: 6px;
  height: 6px;
  background-color: #173878;
  border-radius: 100%;
  outline: 5px solid rgba(23, 56, 120, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-info {
  min-width: 12px;
  height: 12px;
  background-color: #173878;
  outline: 5px solid rgba(23, 56, 120, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-light {
  min-width: 6px;
  height: 6px;
  background-color: #E6E9EB;
  border-radius: 100%;
  outline: 5px solid rgba(230, 233, 235, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-light {
  min-width: 12px;
  height: 12px;
  background-color: #E6E9EB;
  outline: 5px solid rgba(230, 233, 235, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-dark {
  min-width: 6px;
  height: 6px;
  background-color: #2c323f;
  border-radius: 100%;
  outline: 5px solid rgba(44, 50, 63, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-dark {
  min-width: 12px;
  height: 12px;
  background-color: #2c323f;
  outline: 5px solid rgba(44, 50, 63, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-warning {
  min-width: 6px;
  height: 6px;
  background-color: #FFAE1A;
  border-radius: 100%;
  outline: 5px solid rgba(255, 174, 26, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-warning {
  min-width: 12px;
  height: 12px;
  background-color: #FFAE1A;
  outline: 5px solid rgba(255, 174, 26, 0.25);
  position: relative;
  z-index: 2; }

@media only screen and (max-width: 1800px) and (min-width: 1400px) {
  .grid-ed-none {
    display: none !important; }
  .grid-ed-12 {
    width: 100%; } }

@media only screen and (max-width: 1660px) and (min-width: 1400px) {
  .col-ed-12 {
    width: 100%; }
  .col-ed-7 {
    width: 58%; }
  .col-ed-5 {
    width: 42%; }
  .col-ed-9 {
    width: 75%; }
  .col-ed-3 {
    width: 25%; }
  .col-ed-6 {
    width: 50%; }
  .col-ed-4 {
    width: 33.33333333%; }
  .col-ed-8 {
    width: 66.66%; }
  .col-ed-none {
    display: none !important; } }

@media only screen and (max-width: 1660px) and (min-width: 1200px) {
  .xl-30 {
    max-width: 30%;
    flex: 0 0 30%; }
  .xl-70 {
    max-width: 70%;
    flex: 0 0 70%; } }

@media only screen and (max-width: 420px) {
  .size-column .col-6 {
    width: 100%; } }

.total-project .bubbles {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  top: 0;
  left: 0; }

.total-project .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(0, 102, 102, 0.1);
  position: absolute;
  animation: floating 10s infinite ease-in; }
  .total-project .bubble:nth-child(1) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 10%;
    animation-duration: 13s; }
  .total-project .bubble:nth-child(2) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 20%;
    animation-duration: 14s;
    animation-delay: 1s; }
  .total-project .bubble:nth-child(3) {
    height: 24px;
    width: 24px;
    border-radius: 15px;
    left: 35%;
    animation-duration: 16s;
    animation-delay: 3s; }
  .total-project .bubble:nth-child(4) {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    left: 50%;
    animation-duration: 13s;
    animation-delay: 1s; }
  .total-project .bubble:nth-child(5) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 5%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-project .bubble:nth-child(6) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 30%;
    animation-duration: 19s;
    animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.total-Progress .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(255, 174, 26, 0.1);
  position: absolute;
  animation: floating 10s infinite ease-in; }
  .total-Progress .bubble:nth-child(1) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 10%;
    animation-duration: 18s; }
  .total-Progress .bubble:nth-child(2) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 20%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(3) {
    height: 24px;
    width: 24px;
    border-radius: 15px;
    left: 65%;
    animation-duration: 12s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(4) {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    left: 34%;
    animation-duration: 16s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(5) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 5%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(6) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 14%;
    animation-duration: 12s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(7) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 41%;
    animation-duration: 16s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(8) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 3%;
    animation-duration: 11s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(9) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 48%;
    animation-duration: 18s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(10) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 46%;
    animation-duration: 10s;
    animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.total-Complete .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(254, 106, 73, 0.1);
  position: absolute;
  animation: floating 10s infinite ease-in; }
  .total-Complete .bubble:nth-child(1) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 10%;
    animation-duration: 11s; }
  .total-Complete .bubble:nth-child(2) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 20%;
    animation-duration: 15s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(3) {
    height: 24px;
    width: 24px;
    border-radius: 15px;
    left: 35%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(4) {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    left: 60%;
    animation-duration: 19s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(5) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 51%;
    animation-duration: 14s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(6) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 96%;
    animation-duration: 14s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(7) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 69%;
    animation-duration: 18s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(8) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 36%;
    animation-duration: 20s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(9) {
    height: 25px;
    width: 25px;
    border-radius: 30px;
    left: 75%;
    animation-duration: 25s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(10) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 36%;
    animation-duration: 35s;
    animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.total-upcoming {
  border-bottom: 2px solid var(--body-font-color); }
  .total-upcoming .bubble {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    background-color: rgba(108, 117, 125, 0.1);
    position: absolute;
    animation: floating 10s infinite ease-in; }
    .total-upcoming .bubble:nth-child(1) {
      height: 25px;
      width: 25px;
      border-radius: 15px;
      left: 10%;
      animation-duration: 17s; }
    .total-upcoming .bubble:nth-child(2) {
      height: 28px;
      width: 28px;
      border-radius: 15px;
      left: 70%;
      animation-duration: 10s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(3) {
      height: 24px;
      width: 24px;
      border-radius: 15px;
      left: 35%;
      animation-duration: 10s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(4) {
      height: 15px;
      width: 15px;
      border-radius: 15px;
      left: 10%;
      animation-duration: 16s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(5) {
      height: 20px;
      width: 20px;
      border-radius: 15px;
      left: 5%;
      animation-duration: 18s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(6) {
      height: 30px;
      width: 30px;
      border-radius: 15px;
      left: 52%;
      animation-duration: 14s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(7) {
      height: 35px;
      width: 35px;
      border-radius: 15px;
      left: 95%;
      animation-duration: 16s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(8) {
      height: 30px;
      width: 30px;
      border-radius: 15px;
      left: 35%;
      animation-duration: 13s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(9) {
      height: 25px;
      width: 25px;
      border-radius: 15px;
      left: 75%;
      animation-duration: 12s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(10) {
      height: 26px;
      width: 26px;
      border-radius: 15px;
      left: 14%;
      animation-duration: 9s;
      animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.project-details {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .project-details .project-counter {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 6px; }
    .project-details .project-counter span {
      font-size: 13px;
      font-weight: 400; }

.today-work-table .today-working-table tbody tr td {
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px dashed #E6E9EB; }

.today-work-table .today-working-table tbody tr td:nth-child(1) {
  min-width: 165px; }

.today-work-table .today-working-table tbody tr td:nth-child(2) {
  min-width: 170px; }

.today-work-table .today-working-table tbody tr td:nth-child(3) {
  min-width: 94px; }

.today-work-table .today-working-table tbody tr td:nth-child(4) .badge {
  padding: 8px 20px; }

.today-work-table .today-working-table tbody tr:first-child td {
  padding-top: 0px; }

.today-work-table .today-working-table tbody tr td a {
  color: #051A1A;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.today-work-table .today-working-table tbody tr:hover td a {
  color: var(--theme-deafult) !important; }

.today-work-table .today-working-table tbody tr:last-child td {
  padding-bottom: 0px;
  border: none; }

.add-project-link {
  background-color: rgba(68, 198, 198, 0.21);
  height: 5%; }
  .add-project-link .categories {
    background-image: url(/../images/dashboard-2/dashboard-banner.gif);
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    background-position: center; }
  .add-project-link .categories-content {
    padding: 22px 15px; }
    .add-project-link .categories-content p {
      font-size: 13px;
      font-weight: 500;
      margin-bottom: 10px; }
    .add-project-link .categories-content a {
      font-size: 16px;
      font-weight: 700;
      color: #051A1A;
      text-decoration: underline; }

.projectlist-card {
  border: 1px solid #ecf3fa;
  border-radius: 8px; }
  .projectlist-card .projectlist {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    padding: 20px 20px 0px; }
    .projectlist-card .projectlist .project-data {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px; }
      .projectlist-card .projectlist .project-data div a {
        color: #051A1A; }
    .projectlist-card .projectlist .nft-img {
      border-radius: 4px; }
    .projectlist-card .projectlist .badge-primary {
      color: #006666; }
  .projectlist-card .project-comment {
    padding: 0px 20px;
    margin-top: 8px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .projectlist-card .project-comment .project-comment-icon {
      display: flex;
      align-items: center;
      gap: 15px;
      position: relative; }
      .projectlist-card .project-comment .project-comment-icon svg {
        height: 16px;
        width: 16px; }
      .projectlist-card .project-comment .project-comment-icon span {
        font-weight: 500;
        font-size: 12px;
        color: var(--body-font-color); }
      .projectlist-card .project-comment .project-comment-icon .project-link {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px; }
        .projectlist-card .project-comment .project-comment-icon .project-link::before {
          height: 17px;
          width: 1px;
          background-color: var(--body-font-color);
          position: absolute;
          content: "";
          right: 35px; }
  .projectlist-card .project-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 20px; }
    .projectlist-card .project-date span:last-child {
      color: #FE6A49; }

.project-meeting-details {
  border-top: 1px solid #E6E9EB;
  margin-top: 10px; }
  .project-meeting-details .project-meeting {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 20px;
    margin-bottom: 3px;
    margin-top: 20px; }
    .project-meeting-details .project-meeting span {
      font-weight: 500;
      font-size: 12px;
      color: var(--body-font-color); }
  .project-meeting-details .project-meeting-time {
    padding: 0px 20px;
    margin-top: 3px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .project-meeting-details .project-meeting-time a {
      color: #051A1A; }
  .project-meeting-details:hover a {
    color: #006666; }

.avatar-showcase img.img-25 {
  width: 25px;
  height: 25px; }

.client-list-table table tbody tr td {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E6E9EB;
  padding-top: 15px;
  padding-bottom: 15px; }
  .client-list-table table tbody tr td a {
    color: #051A1A; }
  .client-list-table table tbody tr td .product-sub svg {
    height: 28px;
    width: 28px;
    cursor: pointer; }
  .client-list-table table tbody tr td .user-id {
    display: flex;
    align-items: center;
    position: relative;
    min-width: 195px; }
    .client-list-table table tbody tr td .user-id::before {
      height: 50px;
      width: 1px;
      content: "";
      position: absolute;
      background-color: #E6E9EB;
      right: 11%; }
  .client-list-table table tbody tr td .user-comment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 180px; }

.client-list-table table tbody tr:hover td a {
  color: #006666; }

.client-list-table table tbody tr:first-child td {
  padding-top: 0px; }

.client-list-table table tbody tr:last-child td {
  padding-bottom: 0px;
  border: none; }

.project-table .radial-chart-wrap {
  height: 30px;
  width: 68px; }
  .project-table .radial-chart-wrap > div {
    height: 75px;
    width: 100px; }
    .project-table .radial-chart-wrap > div.widgetsChart .apexcharts-theme-light .apexcharts-graphical .apexcharts-datalabels-group .apexcharts-datalabel-label {
      display: none; }

.project-table .project-comment .project-comment-icon {
  display: flex;
  align-items: center;
  position: relative;
  gap: 15px; }
  .project-table .project-comment .project-comment-icon .project-link {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px; }
    .project-table .project-comment .project-comment-icon .project-link svg {
      height: 16px;
      width: 16px; }
    .project-table .project-comment .project-comment-icon .project-link::before {
      height: 17px;
      width: 1px;
      background-color: #E6E9EB;
      position: absolute;
      content: "";
      left: 47px; }

.activity-log-card ul::before {
  height: calc(100% - 150px);
  border-left: 1px dashed #E6E9EB;
  content: "";
  z-index: 1;
  position: absolute;
  left: 36px; }

.activity-log-card ul li div .username {
  color: #051A1A; }
  .activity-log-card ul li div .username:hover {
    color: #006666; }

.activity-log {
  margin-bottom: 24px; }
  .activity-log .activity-log-img {
    height: 34px;
    width: 34px;
    z-index: 2; }
  .activity-log .user-id {
    margin-bottom: 2px; }
  .activity-log:last-child {
    margin-bottom: 0px; }
  .activity-log h6 {
    display: block;
    margin-bottom: 2px; }
    .activity-log h6 a {
      color: #051A1A;
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box !important;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      white-space: normal; }
  .activity-log:hover h6 a {
    color: #006666 !important; }

.user-message svg {
  height: 24px;
  width: 24px; }

.user-message ul li {
  border-bottom: 1px solid #E6E9EB;
  margin-bottom: 20px; }
  .user-message ul li .activity-log {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 20px;
    position: relative; }
    .user-message ul li .activity-log .status {
      position: absolute;
      height: 9px;
      width: 9px;
      border-radius: 100%;
      bottom: 3px;
      left: 25px;
      z-index: 2; }
      .user-message ul li .activity-log .status.bg-warning {
        border: 1px solid #fff; }
  .user-message ul li:last-of-type .activity-log {
    margin-bottom: 0px; }
  .user-message ul li:last-of-type {
    border: none;
    margin-bottom: 0px; }
  .user-message ul li:last-child .activity-log {
    margin-bottom: 0px; }
  .user-message ul li:last-child {
    border: none;
    margin-bottom: 0px; }

.user-message .activity-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%; }

.project-ideas-card::before {
  background: radial-gradient(circle, #1baeae 2%, #1a9494 50%, #048f8f 100%);
  height: 123px;
  width: 109%;
  content: "";
  position: absolute;
  overflow: hidden;
  top: 0;
  border-radius: 0 0 100% 100%;
  left: 50%;
  transform: translateX(-50%); }
  @media (max-width: 1799px) {
    .project-ideas-card::before {
      height: 102px; } }
.project-ideas-card .project-card {
  background-image: url(/../images/dashboard-2/office-work.gif);
  background-size: contain;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
  padding: 257px 0px;
  border-radius: 5px; }
  @media (max-width: 1875px) {
    .project-ideas-card .project-card {
      padding: 230px 0px; } }
  @media (max-width: 1800px) {
    .project-ideas-card .project-card {
      padding: 228px 0px; } }
  @media (max-width: 1799px) {
    .project-ideas-card .project-card {
      padding: 204px 0px; } }
  .project-ideas-card .project-card span {
    position: absolute;
    top: 20px;
    left: 10px;
    color: #fff; }
  .project-ideas-card .project-card .btn-showcase {
    margin-top: -85px;
    display: flex;
    justify-content: center;
    align-items: center; }

@media (max-width: 1568px) and (min-width: 1501px) {
  .timeline-calendar {
    width: 495px; } }

@media (max-width: 1194px) and (min-width: 768px) {
  .timeline-calendar {
    width: 801px;
    overflow-x: auto; } }

.timeline-calendar .custom-calendar {
  height: 374px !important; }
  @media (max-width: 1799px) {
    .timeline-calendar .custom-calendar {
      height: 334px !important; } }
.project-table {
  overflow-y: hidden; }
  .project-table .invoice-icon {
    height: 24px;
    width: 24px;
    cursor: pointer; }
  .project-table .order-table thead {
    background-color: rgba(230, 233, 235, 0.3); }
    .project-table .order-table thead tr th {
      padding: 20px; }
      .project-table .order-table thead tr th:nth-child(1) {
        min-width: 190px; }
      .project-table .order-table thead tr th:nth-child(2) {
        min-width: 200px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(3) {
        min-width: 130px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(4) {
        min-width: 100px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(5) {
        min-width: 50px; }
      .project-table .order-table thead tr th:first-child {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .project-table .order-table thead tr th:last-child {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; }
  .project-table .order-table tbody tr {
    border-bottom: 1px solid #E6E9EB; }
    .project-table .order-table tbody tr td {
      padding-top: 17px;
      padding-bottom: 17px; }
      .project-table .order-table tbody tr td p {
        color: var(--body-font-color);
        font-weight: 500; }
      .project-table .order-table tbody tr td .status-process {
        border-radius: 15px;
        padding: 12px; }
      .project-table .order-table tbody tr td:last-child .product-sub {
        text-align: center; }
      .project-table .order-table tbody tr td:nth-child(5) span.pending {
        height: 3px;
        width: 3px;
        border-radius: 100%; }
    .project-table .order-table tbody tr:last-child {
      border: none; }
      .project-table .order-table tbody tr:last-child td {
        padding-bottom: 0px;
        margin-bottom: -20px; }
  .project-table .order-table tbody tr td a {
    color: #051A1A;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .project-table .order-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }

@media (max-width: 1599px) {
  .client-list-table .client-list .user-id {
    min-width: 100px; }
  .project-ideas-card {
    padding: 210px 0px; }
    .project-ideas-card .project-card span {
      max-width: 265px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -50px; }
  .small-widget .project-details .project-counter span {
    display: none; }
  .today-work-table table tbody tr td:nth-child(1) {
    min-width: 130px !important; }
  .today-work-table table tbody tr td:nth-child(2) {
    min-width: 126px !important; }
  .user-message .activity-log .activity-name span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .online-store {
    display: none; }
  .card-title-underline a {
    display: none; }
  .activity-log-card .activity-log span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1699px) {
  .project-ideas-card .project-card {
    padding: 192px 0px; }
  .project-ideas-card .btn-showcase {
    margin-top: -85px !important; } }

@media (max-width: 1599px) {
  .project-ideas-card .project-card {
    padding: 208px 0px; }
  .project-ideas-card .btn-showcase {
    margin-top: -85px !important; } }

@media (max-width: 1499px) {
  .project-ideas-card .project-card {
    padding: 190px 0px; }
  .project-ideas-card .btn-showcase {
    margin-top: -62px !important; } }

@media (max-width: 1799px) {
  .client-list-table {
    overflow-y: hidden; }
    .client-list-table .client-list .user-id {
      min-width: 140px; }
      .client-list-table .client-list .user-id .avatars {
        display: none; }
  .activity-log-card .activity-log .user-id span {
    display: none; }
  .activity-log-card .activity-log span {
    max-width: 709px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .today-work-table table tbody tr td:nth-child(3) {
    display: none; }
  .projectlist-card .projectlist .project-data span {
    display: block; }
  .projectlist-card .projectlist span {
    display: none; }
  .projectlist-card .project-meeting-details .project-meeting {
    margin-top: 12px; }
    .projectlist-card .project-meeting-details .project-meeting span:last-child {
      display: none; }
  .projectlist-card .project-meeting-details .project-meeting-time {
    margin-bottom: 12px; }
    .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
      display: none; }
  .client-list-table .client-list .product-sub .invoice-icon {
    display: none; } }

@media (max-width: 1499px) {
  .timeline-calendar .fc-toolbar-chunk {
    display: none; }
  .projectlist-card .project-comment .avatar-showcase ul li:nth-child(3) {
    display: inline-block !important; }
  .projectlist-card .project-comment .avatar-showcase ul li:nth-child(4) {
    display: inline-block !important; } }

@media (max-width: 1399px) {
  .project-details .project-counter span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1199px) {
  .activity-group {
    display: block !important; }
    .activity-group::before {
      display: none; }
  .add-project-link {
    height: 9%; }
    .add-project-link .categories {
      width: 25%; }
  .project-ideas-card .project-card {
    padding: 237px 0px; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -113px !important; }
    .project-ideas-card .project-card span {
      top: 18px;
      left: 11px;
      max-width: 550px; }
  .user-message ul li:nth-child(6) {
    margin-bottom: 0px;
    border-bottom: none; }
    .user-message ul li:nth-child(6) .activity-log {
      margin-bottom: 0px;
      border: none; }
  .user-message ul li:nth-child(7) {
    display: none; }
  .user-message ul li:nth-child(8) {
    display: none; }
  .user-message ul li:last-child {
    display: none; }
  .today-work-table .today-working-table tbody tr td:nth-child(2) {
    min-width: 150px !important; }
  .today-work-table .today-working-table tbody tr td:nth-child(3) {
    display: block; }
  .client-list-table .client-list .user-id {
    min-width: 350px; }
    .client-list-table .client-list .user-id .avatars {
      display: block; }
  .client-list-table .client-list .user-comment .product-sub .invoice-icon {
    display: block; }
  .small-widget .project-details .project-counter span {
    display: block; }
  .today-work-table table tbody tr td:nth-child(1) {
    min-width: 150px !important; }
  .marketing-app-card {
    display: none; }
  .project-table .invoice-icon {
    height: 24px;
    width: 24px;
    cursor: pointer; }
  .project-table .order-table thead {
    background-color: rgba(230, 233, 235, 0.3); }
    .project-table .order-table thead tr th {
      padding: 20px; }
      .project-table .order-table thead tr th:nth-child(1) {
        min-width: 290px; }
      .project-table .order-table thead tr th:nth-child(2) {
        min-width: 200px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(3) {
        min-width: 160px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(4) {
        min-width: 190px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(5) {
        min-width: 50px; }
      .project-table .order-table thead tr th:first-child {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .project-table .order-table thead tr th:last-child {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; }
  .project-table .order-table tbody tr {
    border-bottom: 1px solid #E6E9EB; }
    .project-table .order-table tbody tr td {
      padding-top: 17px;
      padding-bottom: 17px; }
      .project-table .order-table tbody tr td p {
        color: var(--body-font-color);
        font-weight: 500; }
      .project-table .order-table tbody tr td .status-process {
        border-radius: 15px;
        padding: 12px; }
      .project-table .order-table tbody tr td:last-child .product-sub {
        text-align: center; }
    .project-table .order-table tbody tr:last-child {
      border: none; }
      .project-table .order-table tbody tr:last-child td {
        padding-bottom: 0px;
        overflow: hidden; }
  .project-table .order-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; } }

@media (max-width: 992px) {
  .add-project-link {
    height: 9%; }
    .add-project-link .categories {
      width: 25%; }
  .today-work-table table tbody tr td:nth-child(3) {
    display: revert; }
  .timeline-calendar .fc-toolbar-chunk {
    display: block; }
  .project-ideas-card .project-card span {
    top: 18px;
    left: 4px; } }

@media (max-width: 767px) {
  .project-ideas-card::before {
    height: 95px; }
  .project-ideas-card .project-card {
    padding: 341px 0px; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -218px !important; }
    .project-ideas-card .project-card span {
      top: 27px;
      left: 88px; }
  .add-project-link {
    height: 6%; }
    .add-project-link .categories {
      width: 25%; }
  .activity-log-card .activity-log span {
    max-width: 100%; }
  .projectlist-card .projectlist .project-data span {
    display: block; }
  .projectlist-card .projectlist span {
    display: block; }
  .projectlist-card .project-meeting-details .project-meeting span:last-child {
    display: block; }
  .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
    display: block; }
  .client-list-table .client-list .user-id {
    min-width: 240px; }
  .marketing-app-card {
    display: block; }
  .important-project {
    gap: 15px; } }

@media (max-width: 680px) {
  .project-ideas-card .project-card span {
    top: 23px;
    left: 60px; } }

@media (max-width: 610px) {
  .project-ideas-card .project-card span {
    left: 30px; } }

@media (max-width: 575px) {
  .fc-toolbar-chunk .fc-button-group {
    display: none; }
  .project-ideas-card .project-card {
    padding: 581px 0px 0px; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -455px !important; }
    .project-ideas-card .project-card span {
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box !important;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      white-space: normal;
      top: 25px;
      left: 26px; } }

@media (max-width: 480px) {
  .project-ideas-card .project-card {
    padding: 502px 0px 0px !important; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -377px !important; }
    .project-ideas-card .project-card span {
      left: 24px; }
  .timeline-calendar .custom-calendar .time-line table thead tr th.fc-col-header-cell .fc-scrollgrid-sync-inner a {
    font-size: 10px;
    padding: 6px 4px; }
  .projectlist-card .projectlist .project-data span {
    display: block; }
  .projectlist-card .projectlist span {
    display: none; }
  .projectlist-card .project-meeting-details .project-meeting {
    margin-top: 12px; }
    .projectlist-card .project-meeting-details .project-meeting span:last-child {
      display: none; }
  .projectlist-card .project-meeting-details .project-meeting-time {
    margin-bottom: 12px; }
    .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
      display: none; }
  .total-revenue .dropdown-calendar {
    display: none; }
  .projectlist-row justify-content-center .projectlist .project-data span {
    display: block; }
  .projectlist-row justify-content-center .projectlist span {
    display: none; }
  .projectlist-row justify-content-center .project-meeting-details .project-meeting {
    margin-top: 12px; }
    .projectlist-row justify-content-center .project-meeting-details .project-meeting span:last-child {
      display: none; }
  .projectlist-row justify-content-center .project-meeting-details .project-meeting-time {
    margin-bottom: 12px; }
    .projectlist-row justify-content-center .project-meeting-details .project-meeting-time a:last-child {
      display: none; } }

@media (max-width: 399px) {
  .project-ideas-card .project-card {
    padding: 420px 0px 0px !important; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -301px !important; } }

@media (max-width: 1499px) {
  .project-table .order-table thead tr th:nth-child(3) {
    display: none; }
  .project-table .order-table tbody tr td:nth-child(3) {
    display: none; } }

@media (max-width: 1399px) {
  .project-table .order-table thead tr th:nth-child(3) {
    display: block; }
  .project-table .order-table tbody tr td:nth-child(3) {
    display: block; } }

@media (max-width: 360px) {
  .timeline-calendar .custom-calendar .time-line table thead tr th.fc-col-header-cell .fc-scrollgrid-sync-inner a {
    font-size: 10px;
    padding: 6px 0px; }
  .projectlist-card .project-date span:last-child {
    display: none; }
  .projectlist-card .project-comment .project-comment-icon {
    display: none; } }

.total-revenue {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .total-revenue span {
    color: var(--body-font-color);
    font-weight: 500; }
  .total-revenue a {
    font-weight: 600; }

/**=====================
    3.9 Dashboard_2 CSS End
==========================**/
/**=====================
    3.10 Dashboard_3 CSS Start
==========================**/
@keyframes hand-move {
  0% {
    transform: rotate(0deg); }
  20% {
    transform: rotate(15deg); }
  50% {
    transform: rotate(0deg); }
  80% {
    transform: rotate(-15deg); }
  100% {
    transform: rotate(0deg); } }

.course-box {
  overflow: hidden; }
  .course-box .card-body {
    padding: 25px 15px; }
    @media (max-width: 1722px) {
      .course-box .card-body {
        padding: 20px 15px; } }
    @media (max-width: 1660px) {
      .course-box .card-body {
        padding: 16px 15px; } }
  @media (max-width: 1660px) {
    .course-box.widget-course .card-body {
      padding: 25px 15px; } }
  .course-box:hover {
    transform: translateY(-5px);
    transition: 0.5s; }
    .course-box:hover .course-icon svg {
      animation: tada 1.5s ease infinite; }

.course-widget {
  display: flex;
  gap: 8px; }
  .course-widget .course-icon {
    position: relative;
    width: 54px;
    height: 54px;
    clip-path: polygon(40% 7.67949%, 43.1596% 6.20615%, 46.52704% 5.30384%, 50% 5%, 53.47296% 5.30384%, 56.8404% 6.20615%, 60% 7.67949%, 81.65064% 20.17949%, 84.50639% 22.17911%, 86.97152% 24.64425%, 88.97114% 27.5%, 90.44449% 30.6596%, 91.34679% 34.02704%, 91.65064% 37.5%, 91.65064% 62.5%, 91.34679% 65.97296%, 90.44449% 69.3404%, 88.97114% 72.5%, 86.97152% 75.35575%, 84.50639% 77.82089%, 81.65064% 79.82051%, 60% 92.32051%, 56.8404% 93.79385%, 53.47296% 94.69616%, 50% 95%, 46.52704% 94.69616%, 43.1596% 93.79385%, 40% 92.32051%, 18.34936% 79.82051%, 15.49361% 77.82089%, 13.02848% 75.35575%, 11.02886% 72.5%, 9.55551% 69.3404%, 8.65321% 65.97296%, 8.34936% 62.5%, 8.34936% 37.5%, 8.65321% 34.02704%, 9.55551% 30.6596%, 11.02886% 27.5%, 13.02848% 24.64425%, 15.49361% 22.17911%, 18.34936% 20.17949%);
    background: linear-gradient(310.31deg, #FF3364 14.71%, #FF7F9E 100%);
    display: flex;
    align-items: center;
    justify-content: center; }
    .course-widget .course-icon svg {
      width: 26px;
      height: 26px;
      fill: #fff; }
    .course-widget .course-icon.warning {
      background: linear-gradient(297.08deg, #FF9E2A -4.53%, #FFA941 98.25%); }
  .course-widget .btn-light {
    background: var(--course-light-btn) !important;
    border: none; }
  .course-widget a {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    margin-top: 25px; }
    .course-widget a span {
      display: block;
      margin-bottom: -5px; }
    .course-widget a svg {
      width: 13px;
      height: 13px; }

.get-card .card-header {
  padding-left: 20px;
  padding-right: 20px; }

.square-group {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: scaleX(-1); }
  [dir="rtl"] .square-group {
    right: unset;
    left: 0; }
  .square-group .square-1 {
    width: 12px;
    height: 18px; }
  .square-group .square-2 {
    width: 12px;
    height: 10px;
    margin-bottom: -10px; }
  .square-group .square-3 {
    width: 18px;
    height: 10px;
    margin-left: 10px; }
    [dir="rtl"] .square-group .square-3 {
      margin-left: unset;
      margin-right: 10px; }
  .square-group .square-4 {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: -15px; }
    [dir="rtl"] .square-group .square-4 {
      right: unset;
      left: -15px; }
  .square-group .square-5 {
    width: 6px;
    height: 6px;
    bottom: 22px;
    position: absolute;
    right: -1px; }
    [dir="rtl"] .square-group .square-5 {
      right: unset;
      left: -1px; }
  .square-group .square-6,
  .square-group .square-7 {
    position: absolute;
    width: 4px;
    height: 4px; }
  .square-group .square-6 {
    right: -23px;
    bottom: 5px; }
    [dir="rtl"] .square-group .square-6 {
      right: unset;
      left: -23px; }
  .square-group .square-7 {
    right: 8px;
    bottom: 45px; }
    [dir="rtl"] .square-group .square-7 {
      right: unset;
      left: 8px; }
  .square-group .warning1 {
    background: #FFD497; }
  .square-group .warning {
    background: #FFA73B; }
  .square-group .primary {
    background: #006666; }
  .square-group .danger {
    background: #f54132; }
  .square-group .light {
    background: #E6E8EF; }
  .square-group .success {
    background: #00AC46; }

.progress-chart-wrap {
  margin: -40px 0 -22px; }
  [dir="rtl"] .progress-chart-wrap {
    direction: ltr; }
  @media (max-width: 991px) {
    .progress-chart-wrap {
      margin-top: -18px; } }
  .progress-chart-wrap .apexcharts-canvas {
    margin: 0 auto; }
    .progress-chart-wrap .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-label {
      fill: var(--chart-text-color); }

.get-card .btn {
  margin-top: 15px;
  padding: 8px 15px; }
  .get-card .btn:hover svg {
    transform: translateX(5px);
    transition: 0.5s; }
  .get-card .btn svg {
    width: 13px;
    height: 13px;
    fill: #fff;
    vertical-align: middle;
    transition: 0.5s; }

.default-datepicker .datepicker-inline .datepicker {
  width: auto;
  background: #fff;
  box-shadow: none;
  padding: 0; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content {
    padding: 0; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {
      margin: 27px 0 0;
      padding: 15px 0; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name {
        color: #2b2b2b;
        font-size: 14px; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
      height: 35px;
      width: 14%;
      color: #2b2b2b; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-other-month- {
        color: #2b2b2b;
        opacity: 20%; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-weekend- + .-weekend- {
        color: #FE6A49; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell {
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      z-index: 0;
      letter-spacing: 2px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected- {
        background: var(--theme-deafult);
        color: #fff;
        position: relative;
        box-shadow: 0px 0px 13px 0 rgba(0, 102, 102, 0.5); }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-current- {
        background-color: #00AC46;
        border: none;
        color: #fff; }
        .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-current-::after {
          position: absolute;
          content: '';
          width: 10px;
          height: 10px;
          border: 2px solid var(--white);
          background: #FE6A49;
          right: -3px;
          top: -2px;
          border-radius: 100%; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-focus- {
        color: #fff;
        box-shadow: none; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker-cell .datepicker--cell-month.-current-.-selected- {
      background-color: var(--theme-deafult); }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav {
    border-bottom: none;
    padding: 0;
    text-transform: capitalize;
    margin-top: 0; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action {
      background-color: transparent;
      width: 22px;
      height: 22px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action[data-action="prev"] {
        position: absolute;
        right: 50px; }
        [dir="rtl"] .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action[data-action="prev"] {
          right: unset;
          left: 50px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action svg {
        width: 22px;
        height: 22px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action path {
        stroke: var(--chart-text-color); }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
    color: #2b2b2b;
    font-size: 20px;
    font-weight: 500; }
    @media (max-width: 767px) {
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
        font-size: 14px; } }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
      margin-left: 10px;
      font-weight: 500;
      font-size: 20px;
      color: #2b2b2b; }
      @media (max-width: 767px) {
        .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
          font-size: 14px; } }
.learning-wrap {
  margin: -24px -10px -24px -15px; }

.activity-wrap {
  margin: -22px 0 -22px -28px; }
  [dir="rtl"] .activity-wrap {
    margin: -22px -28px -22px 0; }

.upcoming-event-wrap {
  margin-bottom: -39px;
  margin-left: -24px; }

.course-card .dropdown .dropdown-toggle {
  width: 125px; }

.course-wrapper {
  text-align: center; }
  .course-wrapper .course-icon-box {
    position: relative;
    padding: 8px; }
    @media (max-width: 767px) {
      .course-wrapper .course-icon-box {
        padding: 0; } }
    .course-wrapper .course-icon-box .icon-wrap {
      width: 117px;
      height: 92px;
      background-color: var(--course-bg);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 8px;
      margin: 0 auto;
      box-shadow: -18px 15px 20px rgba(119, 119, 119, 0.25); }
      @media (max-width: 1880px) {
        .course-wrapper .course-icon-box .icon-wrap {
          width: 112px; } }
      @media (max-width: 767px) {
        .course-wrapper .course-icon-box .icon-wrap {
          box-shadow: none; } }
      @media (max-width: 575px) {
        .course-wrapper .course-icon-box .icon-wrap {
          width: 92px;
          height: 82px; } }
      .course-wrapper .course-icon-box .icon-wrap img {
        width: 80px; }
        @media (max-width: 575px) {
          .course-wrapper .course-icon-box .icon-wrap img {
            width: 70px; } }
    .course-wrapper .course-icon-box .arrow-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: calc(100% + 20px);
      height: 100%; }
      [dir="rtl"] .course-wrapper .course-icon-box .arrow-bg {
        left: unset;
        right: 0;
        transform: scaleX(-1); }
      @media (max-width: 767px) {
        .course-wrapper .course-icon-box .arrow-bg {
          display: none; } }
  .course-wrapper h6 {
    margin-top: 25px;
    margin-bottom: 0; }
    @media (max-width: 575px) {
      .course-wrapper h6 {
        margin-top: 15px; } }
.course-main-card {
  display: flex;
  gap: 20px;
  justify-content: center; }
  @media (max-width: 1880px) {
    .course-main-card {
      flex-wrap: wrap; } }
  @media (max-width: 767px) {
    .course-main-card {
      gap: 12px;
      flex-wrap: nowrap; } }
  @media (max-width: 575px) {
    .course-main-card {
      gap: 20px;
      flex-wrap: wrap; } }
  .course-main-card .course-wrapper:last-child .arrow-bg {
    width: 100%; }

.schedule-list {
  display: flex;
  flex-direction: column;
  gap: 20px; }
  @media (max-width: 767px) {
    .schedule-list {
      flex-direction: row; } }
  @media (max-width: 575px) {
    .schedule-list {
      flex-direction: column; } }
  .schedule-list li {
    display: flex;
    align-items: center; }
    .schedule-list li h6 {
      font-size: 14px; }
    .schedule-list li ul {
      column-count: 2;
      column-rule-style: solid;
      column-rule-color: var(--chart-text-color);
      column-gap: 20px;
      column-rule-width: 1px; }
      @media (max-width: 1712px) {
        .schedule-list li ul {
          column-gap: 14px; } }
      @media (max-width: 1199px) {
        .schedule-list li ul {
          display: flex;
          flex-wrap: wrap; } }
      .schedule-list li ul li {
        gap: 6px; }
    .schedule-list li img {
      border-radius: 100%;
      width: 37px;
      height: 37px;
      padding: 3px; }
    .schedule-list li svg {
      width: 15px;
      height: 15px; }
      .schedule-list li svg.f-success {
        fill: #00AC46; }
  .schedule-list > li {
    padding: 15px 20px;
    box-shadow: 4px 7px 17px 5px rgba(46, 35, 94, 0.05);
    gap: 10px;
    position: relative;
    border-radius: 10px; }
    @media (max-width: 1712px) {
      .schedule-list > li {
        padding: 16px 14px; } }
    .schedule-list > li::before {
      position: absolute;
      content: '';
      width: 5px;
      height: 100%;
      left: 0;
      top: 0;
      border-radius: 15px 0 0 15px; }
      [dir="rtl"] .schedule-list > li::before {
        left: unset;
        right: 0;
        border-radius: 0 15px 15px 0; }
    .schedule-list > li.primary::before {
      background-color: var(--theme-deafult); }
    .schedule-list > li.primary img {
      border: 1px solid var(--theme-deafult); }
    .schedule-list > li.warning::before {
      background-color: #FFAE1A; }
    .schedule-list > li.warning img {
      border: 1px solid #FFAE1A; }

.link-only {
  display: flex;
  align-items: center;
  color: #FFFFFF; }
  .link-only svg {
    width: 16px;
    height: 16px; }

.lessons-lists li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 0; }
  .lessons-lists li img {
    transition: 0.5s; }
  .lessons-lists li + li {
    border-top: 1px solid var(--chart-dashed-border); }
  .lessons-lists li:first-child {
    padding-top: 0; }
  .lessons-lists li:last-child {
    padding-bottom: 0; }
  .lessons-lists li:hover img {
    transform: scale(1.1);
    transition: 0.5s; }

.lesson-wrap {
  width: 50px;
  margin-bottom: -11px;
  margin-top: -6px; }
  .lesson-wrap .apexcharts-canvas .apexcharts-datalabel-label {
    display: none; }

@media only screen and (max-width: 575px) {
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
    font-size: 17px; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
      font-size: 17px;
      margin-left: 10px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell {
    font-size: 13px; } }

@media only screen and (max-width: 360px) {
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected-:before {
    height: 36px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
    height: 36px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {
    margin: 13px 0 13px; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name {
      font-size: 12px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
    margin-left: 15px;
    font-size: 25px; } }

.tranaction-table tbody tr td a {
  color: #051A1A !important; }

.revenuegrowth {
  position: relative; }
  .revenuegrowth .apexcharts-xaxistooltip {
    display: none; }
  .revenuegrowth .revenuegrowth-chart::before {
    content: "";
    height: calc(100% - 10px);
    position: absolute;
    background-color: #E6E9EB;
    width: 2px;
    right: 0;
    top: 0; }

.icon-menu-header svg {
  height: 25px;
  width: 25px; }

.revenuegrowth-details {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  gap: 20px; }
  .revenuegrowth-details .growth-details {
    border-bottom: 1px dashed #E6E9EB; }
    .revenuegrowth-details .growth-details span:first-child {
      margin-bottom: 6px; }
    .revenuegrowth-details .growth-details:last-child {
      border: none; }

.boost-up-card {
  background: radial-gradient(circle, #1baeae 2%, #1a9494 50%, #048f8f 100%); }
  .boost-up-card h6 {
    z-index: 2; }

.img-boostup {
  position: absolute;
  top: 0px;
  right: 237px; }
  .img-boostup .img-boostup-img-1 {
    left: -63px;
    top: -114px;
    position: absolute;
    height: 257px; }
  .img-boostup .img-boostup-img-2 {
    position: absolute;
    top: 70px;
    left: -61px;
    height: 187px; }

.progress-value .progress {
  margin-top: -2px !important;
  height: 3px;
  width: 100%; }
  .progress-value .progress .progress-bar {
    background-color: var(--theme-deafult); }

.deliveries-percentage .percentage-data thead tr {
  border-bottom: 1px solid #E6E9EB; }
  .deliveries-percentage .percentage-data thead tr th {
    padding-top: 18px;
    padding-bottom: 18px; }

.deliveries-percentage .percentage-data tbody tr {
  border-bottom: 1px dashed #E6E9EB; }
  .deliveries-percentage .percentage-data tbody tr td {
    padding-top: 18px;
    padding-bottom: 18px; }
    .deliveries-percentage .percentage-data tbody tr td a {
      color: #051A1A; }
  .deliveries-percentage .percentage-data tbody tr:hover td a {
    color: #006666; }
  .deliveries-percentage .percentage-data tbody tr:last-child {
    border: none; }
    .deliveries-percentage .percentage-data tbody tr:last-child td {
      padding-bottom: 0px; }

.top-product-card ul li.top-product {
  border-bottom: 1px solid #E6E9EB;
  padding-top: 16px;
  padding-bottom: 16px; }
  .top-product-card ul li.top-product .product-img {
    height: 60px;
    width: 73px;
    border-radius: 4px; }
  .top-product-card ul li.top-product:last-child {
    border: none;
    padding-bottom: 0px; }
  .top-product-card ul li.top-product:first-child {
    padding-top: 0px; }

.top-product-card ul li .product-items {
  display: flex;
  align-items: end;
  flex-direction: column;
  justify-content: center;
  gap: 3px; }

.top-product-card ul li .product-details {
  display: flex;
  flex-direction: column;
  gap: 3px; }
  .top-product-card ul li .product-details a {
    color: #051A1A !important; }

.top-product-card ul li:hover a {
  color: var(--theme-deafult) !important; }

.new-user ul li {
  border: 1px solid #E6E9EB;
  border-radius: 4px;
  margin-bottom: 18px;
  transition: all .4s; }
  .new-user ul li svg {
    height: 24px;
    width: 24px; }
  .new-user ul li:last-child {
    margin-bottom: 0px; }
  .new-user ul li .user-name {
    padding: 12px;
    align-items: end; }
  .new-user ul li a {
    color: #051A1A !important; }
  .new-user ul li:hover a {
    color: var(--theme-deafult) !important; }

.activity-table table tbody tr:last-child td {
  padding-bottom: 0px; }
  .activity-table table tbody tr:last-child td .team-activity::before {
    height: unset; }

.activity-table table tbody tr td {
  padding: 11px 0px; }
  .activity-table table tbody tr td .team-activity {
    position: relative; }
    .activity-table table tbody tr td .team-activity:before {
      height: 70px;
      border-left: 1px dashed #86909C;
      content: "";
      z-index: 0;
      position: absolute;
      left: 24px;
      top: 0px; }
    .activity-table table tbody tr td .team-activity .activity-data {
      margin-bottom: 18px; }
      .activity-table table tbody tr td .team-activity .activity-data:last-child {
        margin-bottom: 0px; }
      .activity-table table tbody tr td .team-activity .activity-data .subtitle p {
        max-width: 235px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .activity-table table tbody tr td .team-activity .activity-data .common-space {
        position: relative;
        gap: 20px; }
        .activity-table table tbody tr td .team-activity .activity-data .common-space::before {
          content: '';
          height: 100%;
          width: 2px;
          background-color: #E6E9EB;
          position: absolute;
          top: 0px;
          right: 0px; }
      .activity-table table tbody tr td .team-activity .activity-data .user-activity {
        min-width: 200px;
        position: relative; }
        .activity-table table tbody tr td .team-activity .activity-data .user-activity .rounded-circle {
          border: 1px dashed #86909C; }
        .activity-table table tbody tr td .team-activity .activity-data .user-activity::before {
          content: '';
          height: 100%;
          width: 2px;
          background-color: #E6E9EB;
          position: absolute;
          top: 0px;
          right: 0px; }
      .activity-table table tbody tr td .team-activity .activity-data .activity-time {
        min-width: 120px;
        position: relative; }
        .activity-table table tbody tr td .team-activity .activity-data .activity-time span::before {
          content: '';
          height: 4px;
          width: 4px;
          background-color: #E6E9EB;
          position: absolute;
          top: 8px;
          left: -9px;
          border-radius: 15px; }
      .activity-table table tbody tr td .team-activity .activity-data a {
        color: #051A1A !important; }
      .activity-table table tbody tr td .team-activity .activity-data:hover a {
        color: var(--theme-deafult) !important; }
  .activity-table table tbody tr td:last-child:before {
    display: none; }

.visited-dropdown {
  padding: 8px;
  border: 1px solid #E6E9EB;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .visited-dropdown svg {
    height: 25px;
    width: 25px; }

.tranaction-table thead {
  background-color: rgba(230, 233, 235, 0.3); }
  .tranaction-table thead tr th {
    padding: 20px; }
    .tranaction-table thead tr th:nth-child(1) {
      min-width: 160px; }
    .tranaction-table thead tr th:nth-child(2) {
      min-width: 150px;
      padding: 20px 0px; }
    .tranaction-table thead tr th:nth-child(3) {
      min-width: 130px;
      padding: 20px 0px; }
    .tranaction-table thead tr th:nth-child(4) {
      min-width: 100px;
      padding: 20px 0px; }
    .tranaction-table thead tr th:nth-child(5) {
      min-width: 50px; }
    .tranaction-table thead tr th:first-child {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important; }
    .tranaction-table thead tr th:last-child {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }

.tranaction-table tbody tr {
  border-bottom: 1px solid #E6E9EB; }
  .tranaction-table tbody tr td {
    padding-top: 17px;
    padding-bottom: 17px; }
    .tranaction-table tbody tr td .status-process {
      border-radius: 15px;
      padding: 12px; }
    .tranaction-table tbody tr td:last-child .product-sub {
      text-align: center; }
  .tranaction-table tbody tr:last-child {
    border: none; }
    .tranaction-table tbody tr:last-child td {
      padding-bottom: 0px; }

.tranaction-table tbody tr:hover td a {
  color: var(--theme-deafult) !important; }

@media (max-width: 1799px) {
  .table-order .tranaction-table thead tr th:nth-child(2) {
    display: none; }
  .table-order .tranaction-table tbody tr td:nth-child(2) {
    display: none; }
  .total-revenue .sales-chart-dropdown {
    display: none; }
  .revenuegrowth-details .growth-details p:last-child {
    display: none; }
  .selling-product .balance-data {
    flex-wrap: wrap;
    justify-content: center; }
    .selling-product .balance-data li {
      display: none; }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px; }
  .team-activity ul li.activity-data .activity-time {
    min-width: 90px; }
  .team-activity ul li.activity-data .subtitle {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .top-product-card .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1699px) {
  .activity-table table tbody tr td .team-activity .activity-data .user-activity {
    min-width: 77px; }
    .activity-table table tbody tr td .team-activity .activity-data .user-activity .username {
      display: none !important; }
  .deliveries-percentage .percentage-data .progress-value {
    display: none; }
  .deliveries-percentage .percentage-data .progress {
    display: none; }
  .deliveries-percentage .percentage-data .progress-value {
    justify-content: center; }
  .top-product-card ul li .top-product img {
    height: 40px;
    width: 60px; }
  .top-product-card ul li .product-details a {
    color: #051A1A !important; }
  .boost-up-card .img-boostup {
    right: 200px; }
    .boost-up-card .img-boostup .img-boostup-img-2 {
      position: absolute;
      top: 100px;
      left: -61px;
      height: 187px; } }

@media (max-width: 1599px) {
  row justify-content-center
.activity-table table tbody tr td .team-activity .activity-data .user-activity {
    min-width: 195px; }
    row justify-content-center
.activity-table table tbody tr td .team-activity .activity-data .user-activity .username {
      display: none !important; }
  .new-user ul li a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .deliveries-percentage .percentage-data .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .top-product-card ul li.top-product .product-details {
    max-width: 120px; }
  .top-product-card ul li.top-product .product-items {
    max-width: 195px; }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px; }
  .team-activity ul li.activity-data .activity-time {
    min-width: 90px; } }

@media (max-width: 1399px) {
  .selling-product .balance-data li {
    display: block; }
  .deliveries-percentage table.percentage-data thead tr th:nth-child(2) {
    display: none; }
  .deliveries-percentage table.percentage-data tbody td:nth-child(2) {
    display: none; }
  .revenuegrowth .revenuegrowth-chart::before {
    display: none; }
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .boostup-name h6 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 85px; } }

@media (max-width: 1199px) {
  .table-order .tranaction-table thead tr th:nth-child(2) {
    display: block !important; }
  .table-order .tranaction-table tbody tr td:nth-child(2) {
    display: block !important; }
  .activity-table table {
    overflow: auto !important; }
  .deliveries-percentage table.percentage-data tbody tr td {
    min-width: 178px; }
  .top-product-card .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .top-product-card ul li.top-product:last-child {
    display: none !important; }
  .top-product-card ul li.top-product:nth-child(3) {
    border: none; }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px; }
  .team-activity ul li.activity-data .activity-time {
    min-width: 95px; }
  .team-activity ul li.activity-data .subtitle {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 767px) {
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 110px; } }

@media (max-width: 575.98px) {
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media only screen and (max-width: 480px) {
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 95px; }
  .revenuegrowth {
    margin-bottom: -18px; } }

@media only screen and (max-width: 375px) {
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 116px; } }

/**=====================
  3.10 Dashboard_3 CSS Ends
==========================**/
/**=====================
  3.13 Dashboard_default CSS Start
==========================**/
.form-control-plaintext {
  width: auto !important; }

@keyframes bounce-effect {
  0% {
    transform: translateY(0);
    transition: 0.5s; }
  50% {
    transform: translateY(-5px);
    transition: 0.5s; }
  100% {
    transform: translateY(0);
    transition: 0.5s; } }

@keyframes round {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.badge-light-primary {
  background-color: #29ffff; }
  .badge-light-primary span {
    color: #006666 !important; }

.badge-light-secondary {
  background-color: white; }
  .badge-light-secondary span {
    color: #FE6A49 !important; }

.badge-light-success {
  background-color: #6fffa9; }
  .badge-light-success span {
    color: #00AC46 !important; }

.badge-light-danger {
  background-color: white; }
  .badge-light-danger span {
    color: #FE6A49 !important; }

.badge-light-info {
  background-color: #6e96e3; }
  .badge-light-info span {
    color: #173878 !important; }

.badge-light-light {
  background-color: #b7b7c9; }
  .badge-light-light span {
    color: #52526c !important; }

.badge-light-dark {
  background-color: #8490a9; }
  .badge-light-dark span {
    color: #2c323f !important; }

.badge-light-warning {
  background-color: #fff3dc; }
  .badge-light-warning span {
    color: #FFAE1A !important; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.table thead th {
  border-bottom: 2px solid #ecf3fa; }

@media (max-width: 1712px) {
  .overall-card .balance-card {
    padding: 12px; } }

@media (max-width: 1662px) and (min-width: 1600px) {
  .overall-card .col-xl-9 {
    width: 73%; }
  .overall-card .col-xl-3 {
    width: 27%; } }

@media (max-width: 1650px) and (min-width: 1600px) {
  .overall-card .col-xl-9 {
    width: 72%; }
  .overall-card .col-xl-3 {
    width: 28%; } }

@media (max-width: 1600px) and (min-width: 1500px) {
  .overall-card .col-xl-9 {
    width: 70%; }
  .overall-card .col-xl-3 {
    width: 30%; } }

@media (max-width: 1500px) and (min-width: 1200px) {
  .overall-card .col-xl-9 {
    width: 65%; }
  .overall-card .col-xl-3 {
    width: 35%; } }

/* Clock styles */
.clockbox {
  margin-bottom: -5px; }
  .clockbox svg {
    width: 45px;
    height: 45px; }
    @media (max-width: 767px) {
      .clockbox svg {
        height: 36px; } }
.circle {
  fill: #fff;
  stroke: rgba(255, 255, 255, 0.4);
  stroke-width: 80px;
  stroke-miterlimit: 10; }

.mid-circle {
  fill: #000; }

.hour-marks {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 9;
  stroke-miterlimit: 10; }

.hour-hand {
  fill: none;
  stroke: #ff7e00;
  stroke-width: 17;
  stroke-miterlimit: 10; }

.minute-hand {
  fill: none;
  stroke: #ff7e00;
  stroke-width: 11;
  stroke-miterlimit: 10; }

.second-hand {
  fill: none;
  stroke: #FFAE1A;
  stroke-width: 15px;
  stroke-miterlimit: 10; }

.sizing-box {
  fill: none; }

#hour,
#minute,
#second {
  transform-origin: 300px 300px;
  transition: transform .5s ease-in-out; }

@media (min-width: 1400px) {
  .widget-grid .height-equal {
    min-height: unset !important; } }

@media (min-width: 1400px) {
  .widget-grid > .col-xxl-auto {
    width: 22.22%; } }

.order-chart > div {
  margin-top: -25px;
  margin-bottom: -43px; }

.order-chart svg path {
  clip-path: inset(7% 0% 0% 0% round 0.6rem); }

.growth-wrap .card-header {
  position: relative;
  z-index: 1; }

.growth-wrapper > div {
  margin-top: -54px;
  margin-bottom: -25px; }
  @media (max-width: 1481px) {
    .growth-wrapper > div {
      margin-top: -50px; } }
.profit-chart > div {
  margin-top: -45px;
  margin-bottom: -48px; }

.profit-chart .apexcharts-canvas .apexcharts-tooltip-text-label {
  display: none; }

.card .card-footer .common-space a {
  color: #051A1A; }

.card .card-footer .common-space:hover a {
  color: #006666; }

.sales-wrapper .apexcharts-xaxistooltip {
  display: none; }

.total-order .apexcharts-xaxistooltip {
  display: none; }

.sales-chart {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.sales-chart-dropdown {
  display: flex;
  gap: 15px;
  align-items: center; }
  .sales-chart-dropdown .sales-chart-dropdown-select {
    display: flex;
    justify-content: end;
    gap: 15px; }

.total-revenue {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .total-revenue span {
    font-weight: 500; }
  .total-revenue .update-data {
    position: relative; }
    .total-revenue .update-data::before {
      content: "";
      position: absolute;
      height: 4px;
      width: 4px;
      bottom: 3px;
      left: -15px;
      bottom: 9px;
      border-radius: 15px;
      background-color: #86909C; }
  .total-revenue a {
    font-weight: 600; }

.total-chart {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: -45px;
  margin-top: -20px; }
  .total-chart .data-grow svg {
    width: 24px;
    height: 24px;
    cursor: pointer; }
  .total-chart .data-grow span {
    color: #051A1A; }

.special-Offer {
  background-image: url(/../images/dashboard/Banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 363px;
  border-radius: 8px;
  width: 100%;
  background-position: center; }
  .special-Offer h4 {
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    text-align: center; }
  .special-Offer p {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center; }
  .special-Offer .offer-contain {
    padding-top: 45px;
    text-align: center; }
    .special-Offer .offer-contain p {
      margin: 0px 20px; }

.ecommerce-banner {
  background-image: url(/../images/dashboard/Dashboard-Ecommerce-banner.gif);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 190px; }

.product-widget:hover {
  transform: translateY(-5px);
  transition: 0.5s; }

.new-product {
  padding: 16px !important; }
  .new-product svg {
    cursor: pointer; }
  .new-product:hover .product-cost .add-product svg {
    animation: tada 1.5s ease infinite; }
  .new-product .product-icon {
    height: 50px;
    width: 50px;
    border-radius: 6px; }
  .new-product .product-cost {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .new-product .product-cost .add-product {
      display: flex;
      align-items: center;
      gap: 16px; }
      .new-product .product-cost .add-product h6 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .new-product .product-cost .add-product span {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
    .new-product .product-cost .product-icon svg {
      height: 25px;
      margin: 12px;
      width: 25px; }

.product-costing {
  margin-bottom: 14px;
  border-bottom: 1px dashed #E6E9EB; }
  .product-costing p {
    font-size: 14px;
    font-weight: 500; }
  .product-costing span {
    margin-bottom: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .product-costing:last-child {
    border: none;
    margin-bottom: 0px; }
    .product-costing:last-child span {
      margin-bottom: 0px; }
  .product-costing .product-icon {
    height: 50px;
    width: 50px;
    border-radius: 6px; }
  .product-costing:last-child .costing-span {
    margin-bottom: 0px; }
  .product-costing .product-cost {
    display: flex;
    gap: 15px;
    margin-bottom: 8px; }
    .product-costing .product-cost .product-icon svg {
      height: 25px;
      margin: 12px;
      width: 25px;
      cursor: pointer; }
  .product-costing:hover .product-cost svg {
    animation: tada 1.5s ease infinite; }

.sale-history-card {
  margin-bottom: 16px;
  border-bottom: 1px solid #E6E9EB; }
  .sale-history-card:last-child {
    margin-bottom: 0px;
    border: none; }
  .sale-history-card:hover .history-price a {
    color: #006666 !important; }
  .sale-history-card .history-price {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .sale-history-card .history-price a {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: #051A1A; }
  .sale-history-card:last-child .state-time {
    margin-bottom: 0px; }
  .sale-history-card .state-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px; }

.table-order .order-table-images {
  height: 35px; }

.table-order .product-name {
  display: flex;
  align-items: center;
  gap: 15px; }
  .table-order .product-name img {
    border-radius: 4px; }

.table-order .invoice-icon {
  height: 24px;
  width: 24px; }

.table-order .latest-orders thead {
  background-color: rgba(230, 233, 235, 0.3); }
  .table-order .latest-orders thead tr th {
    padding: 20px; }
    .table-order .latest-orders thead tr th:nth-child(1) {
      min-width: 190px; }
    .table-order .latest-orders thead tr th:nth-child(2) {
      min-width: 200px;
      padding: 20px 0px; }
    .table-order .latest-orders thead tr th:nth-child(3) {
      min-width: 130px;
      padding: 20px 0px; }
    .table-order .latest-orders thead tr th:nth-child(4) {
      min-width: 90px;
      padding: 20px 0px; }
    .table-order .latest-orders thead tr th:nth-child(5) {
      min-width: 50px; }
    .table-order .latest-orders thead tr th:first-child {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important; }
    .table-order .latest-orders thead tr th:last-child {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }

.table-order .latest-orders tbody tr {
  border-bottom: 1px solid #E6E9EB; }
  .table-order .latest-orders tbody tr td {
    padding-top: 17px;
    padding-bottom: 17px; }
    .table-order .latest-orders tbody tr td:nth-child(4) .badge {
      padding: 7px 18px; }
    .table-order .latest-orders tbody tr td:last-child {
      text-align: center; }
    .table-order .latest-orders tbody tr td p {
      color: var(--body-font-color);
      font-weight: 500; }
    .table-order .latest-orders tbody tr td .status-process {
      border-radius: 15px;
      padding: 12px; }
    .table-order .latest-orders tbody tr td:last-child .product-sub {
      text-align: center; }
  .table-order .latest-orders tbody tr:last-child {
    border: none; }
    .table-order .latest-orders tbody tr:last-child td {
      padding-bottom: 0px;
      overflow: hidden; }

.table-order .latest-orders tbody tr td a {
  color: #051A1A; }

.table-order .latest-orders tbody tr:hover td a {
  color: var(--theme-deafult) !important; }

.table-order .order-table thead {
  background-color: rgba(230, 233, 235, 0.3); }
  .table-order .order-table thead tr th {
    padding: 20px; }
    .table-order .order-table thead tr th:nth-child(1) {
      min-width: 190px; }
    .table-order .order-table thead tr th:nth-child(2) {
      min-width: 200px;
      padding: 20px 0px; }
    .table-order .order-table thead tr th:nth-child(3) {
      min-width: 130px;
      padding: 20px 0px; }
    .table-order .order-table thead tr th:nth-child(4) {
      min-width: 90px;
      padding: 20px 0px; }
    .table-order .order-table thead tr th:nth-child(5) {
      min-width: 50px; }
    .table-order .order-table thead tr th:first-child {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important; }
    .table-order .order-table thead tr th:last-child {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }

.table-order .order-table tbody tr {
  border-bottom: 1px solid #E6E9EB; }
  .table-order .order-table tbody tr td {
    padding-top: 17px;
    padding-bottom: 17px; }
    .table-order .order-table tbody tr td:nth-child(4) .badge {
      padding: 9px 18px; }
    .table-order .order-table tbody tr td:last-child {
      text-align: center; }
    .table-order .order-table tbody tr td p {
      color: var(--body-font-color);
      font-weight: 500; }
    .table-order .order-table tbody tr td .status-process {
      border-radius: 15px;
      padding: 12px; }
    .table-order .order-table tbody tr td:last-child .product-sub {
      text-align: center; }
  .table-order .order-table tbody tr:last-child {
    border: none; }
    .table-order .order-table tbody tr:last-child td {
      padding-bottom: 0px; }

.table-order .order-table tbody tr td a {
  color: #051A1A; }

.table-order .order-table tbody tr:hover td .product-name .product-sub a {
  color: var(--theme-deafult) !important; }

.revenueproductwidget {
  margin: 230px 0px 0px 0px; }

.revenueproduct .apexcharts-canvas .apexcharts-legend {
  display: flex;
  flex-direction: column;
  gap: 5px; }

.revenueproduct .apexcharts-canvas .apexcharts-legend-marker {
  border-radius: 4px !important; }

.revenueproduct .apexcharts-canvas .apexcharts-legend-text {
  font-size: 14px !important; }

.widget-1 {
  background-image: url(/../images/dashboard/widget-bg.png);
  background-size: cover;
  margin-bottom: 25px; }
  .widget-1 i {
    font-weight: 700;
    font-size: 12px; }
  .widget-1 .f-w-500 {
    display: flex;
    align-items: center; }
    @media (max-width: 1580px) and (min-width: 1200px) {
      .widget-1 .f-w-500 {
        display: none; } }
  .widget-1 .card-body {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 18px 25px; }
    @media (max-width: 1720px) {
      .widget-1 .card-body {
        padding: 18px; } }
  .widget-1 .widget-round {
    position: relative;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-radius: 100%; }
    .widget-1 .widget-round .bg-round {
      width: 56px;
      height: 56px;
      box-shadow: 1px 2px 21px -2px rgba(214, 214, 227, 0.83);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      margin: 6px;
      position: relative;
      z-index: 1; }
      .widget-1 .widget-round .bg-round svg {
        width: 24px;
        height: 24px; }
      .widget-1 .widget-round .bg-round .half-circle {
        height: 52px;
        position: absolute;
        left: -9px;
        width: 35px;
        bottom: -8px;
        background: #fff;
        z-index: -1; }
      @media (max-width: 1600px) {
        .widget-1 .widget-round .bg-round {
          width: 40px;
          height: 40px; }
          .widget-1 .widget-round .bg-round svg {
            width: 22px;
            height: 22px; }
          .widget-1 .widget-round .bg-round .half-circle {
            height: 40px;
            left: -10px;
            width: 30px;
            bottom: -8px; } }
    .widget-1 .widget-round.primary {
      border-color: var(--theme-deafult); }
    .widget-1 .widget-round.secondary {
      border-color: var(--theme-secondary); }
    .widget-1 .widget-round.success {
      border-color: #00AC46; }
    .widget-1 .widget-round.warning {
      border-color: #FFAE1A; }
  .widget-1 .widget-content {
    display: flex;
    align-items: center;
    gap: 15px; }
    @media (max-width: 1600px) {
      .widget-1 .widget-content {
        gap: 10px; } }
    .widget-1 .widget-content h4 {
      margin-bottom: 4px; }
  .widget-1:hover {
    transform: translateY(-5px);
    transition: 0.5s; }
    .widget-1:hover .widget-round .svg-fill:not(.half-circle) {
      animation: tada 1.5s ease infinite; }

.widget-with-chart .card-body {
  align-items: center; }

.profile-box {
  background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%);
  color: #fff; }
  .profile-box .cartoon {
    position: absolute;
    bottom: -15px;
    right: 20px;
    animation: bounce-effect 5s infinite ease-in; }
    [dir="rtl"] .profile-box .cartoon {
      right: unset !important;
      left: 5px; }
    @media (max-width: 1660px) {
      .profile-box .cartoon {
        right: 30px;
        text-align: right; }
        [dir="rtl"] .profile-box .cartoon {
          left: -6px;
          text-align: left; }
        .profile-box .cartoon img {
          width: 80%; } }
    @media (max-width: 1500px) {
      .profile-box .cartoon img {
        width: 60%; } }
    @media (max-width: 767px) {
      .profile-box .cartoon {
        right: 10px; }
        [dir="rtl"] .profile-box .cartoon {
          left: -10px; }
        .profile-box .cartoon img {
          width: 52%; } }
    @media (max-width: 575px) {
      .profile-box .cartoon {
        right: 30px; }
        [dir="rtl"] .profile-box .cartoon {
          left: 10px; }
        .profile-box .cartoon img {
          width: 48%; } }
  .profile-box .greeting-user p {
    width: 60%; }
    @media (max-width: 1500px) {
      .profile-box .greeting-user p {
        width: 70%; } }
    @media (max-width: 1199px) {
      .profile-box .greeting-user p {
        width: 80%; } }
    @media (max-width: 767px) {
      .profile-box .greeting-user p {
        width: 98%; } }
    @media (max-width: 600px) {
      .profile-box .greeting-user p {
        width: 100%; } }
    @media (max-width: 575px) {
      .profile-box .greeting-user p {
        width: 98%; } }
  .profile-box .whatsnew-btn {
    margin-top: 3.5rem; }
    @media (max-width: 1500px) {
      .profile-box .whatsnew-btn {
        margin-top: 1.7rem; } }
    @media (max-width: 991px) {
      .profile-box .whatsnew-btn {
        margin-top: 3.5rem; } }
    @media (max-width: 638px) {
      .profile-box .whatsnew-btn {
        margin-top: 2rem; } }
    @media (max-width: 767px) {
      .profile-box .whatsnew-btn .btn {
        padding: 6px 10px; } }
.header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px; }
  .header-top a i {
    font-size: 11px;
    margin-bottom: -2px; }
  .header-top a.btn {
    padding: 8px 12px; }
    @media (max-width: 575px) {
      .header-top a.btn {
        padding: 5px; } }
    .header-top a.btn.badge-light-primary:hover {
      background-color: var(--theme-deafult); }

.user-details {
  display: flex;
  align-items: center;
  gap: 15px; }
  @media (max-width: 1399px) {
    .user-details {
      gap: 6px; } }
  .user-details .customers {
    width: 200px; }
  @media (max-width: 575px) {
    .user-details {
      flex-wrap: wrap; } }
.papernote-wrap .banner-img {
  border-radius: 15px;
  width: 100%; }

.papernote-wrap .note-labels {
  display: flex;
  align-items: center; }
  .papernote-wrap .note-labels > * {
    padding: 3px 0; }
  .papernote-wrap .note-labels ul {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap; }
    @media (max-width: 575px) {
      .papernote-wrap .note-labels ul {
        gap: 4px; } }
  .papernote-wrap .note-labels .badge {
    font-size: 14px;
    padding: 6px 12px; }
    @media (max-width: 575px) {
      .papernote-wrap .note-labels .badge {
        font-size: 12px;
        padding: 5px 6px; } }
  .papernote-wrap .note-labels .last-label {
    padding-left: 16px;
    margin-left: 16px;
    border-left: 1px dashed rgba(255, 255, 255, 0.7); }
    [dir="rtl"] .papernote-wrap .note-labels .last-label {
      padding-left: unset;
      margin-left: unset;
      margin-right: 16px;
      padding-right: 16px;
      border-left: none;
      border-right: 1px dashed rgba(255, 255, 255, 0.7); }
    @media (max-width: 575px) {
      .papernote-wrap .note-labels .last-label {
        padding-left: 8px;
        margin-left: 8px; }
        [dir="rtl"] .papernote-wrap .note-labels .last-label {
          margin-right: 8px;
          padding-right: 8px; } }
.papernote-wrap .light-card {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--light2);
  border: 1px solid rgba(255, 255, 255, 0.2); }

.appointment-sec .card-header-right-icon select {
  background-color: rgba(0, 102, 102, 0.08) !important;
  border: none;
  color: var(--theme-deafult) !important;
  width: auto !important;
  height: 32px !important;
  border-radius: 10px;
  padding: 5px 10px;
  line-height: 50px !important;
  font-weight: 500;
  border: none;
  outline: none !important; }
  .appointment-sec .card-header-right-icon select:hover {
    background-color: rgba(0, 102, 102, 0.08) !important;
    color: var(--theme-deafult) !important; }

.appointment-sec .bottom-btn {
  text-align: center; }
  .appointment-sec .bottom-btn a {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.3px;
    text-decoration-line: underline;
    text-transform: uppercase; }

.notification ul {
  position: relative; }
  .notification ul::before {
    position: absolute;
    content: "";
    border: 1px dashed #E6E9EB;
    opacity: 0.3;
    top: 12px;
    left: 2px;
    height: calc(100% - 12px); }
    [dir="rtl"] .notification ul::before {
      left: unset;
      right: 2px; }

.notification li {
  padding-bottom: 22px; }

.notification div[class*="activity-dot-"] {
  margin-top: 12px;
  animation: round 1.3s ease-in-out infinite; }

.notification .card .d-flex .w-100 p .badge {
  color: #fff;
  margin-left: 10px;
  font-weight: 500; }

.notification .card .d-flex .w-100 h6 {
  margin-bottom: 5px;
  position: relative; }
  .notification .card .d-flex .w-100 h6 ~ p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-emphasis: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 260px; }
    @media (max-width: 767px) {
      .notification .card .d-flex .w-100 h6 ~ p {
        -webkit-line-clamp: unset;
        text-emphasis: unset;
        white-space: unset;
        text-overflow: unset;
        display: block;
        width: unset;
        overflow: visible; } }
@keyframes round {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.notification .card .d-flex .w-100 span {
  color: #FFFFFF; }

.notification .card .d-flex:nth-child(2) .media-body h6 .dot-notification {
  background-color: #FFAE1A;
  border: 5px solid #ffe4b3; }

.notification .card .d-flex:last-child {
  margin-bottom: 0 !important; }

.notification .date-content {
  padding: 4px 8px;
  border-radius: 5px; }

.schedule-container > div {
  margin-bottom: -40px; }

.schedule-container svg path {
  clip-path: inset(1% 0% 0% 0% round 1.5rem); }

.purchase-card {
  text-align: center;
  margin-top: 200px; }
  @media (max-width: 1560px) {
    .purchase-card {
      margin-top: 170px; } }
  @media (max-width: 1399px) {
    .purchase-card {
      margin-top: 160px; } }
  @media (max-width: 500px) {
    .purchase-card {
      margin-top: 110px; } }
  @media (max-width: 420px) {
    .purchase-card {
      margin-top: 90px; } }
  .purchase-card img {
    margin-top: -208px; }
    @media (max-width: 1560px) {
      .purchase-card img {
        margin-top: -170px; } }
    @media (max-width: 1399px) {
      .purchase-card img {
        width: 70%;
        margin: -160px auto 0 auto; } }
    @media (max-width: 1366px) {
      .purchase-card img {
        width: 76%; } }
    @media (max-width: 1199px) {
      .purchase-card img {
        width: 86%; } }
    @media (max-width: 991px) {
      .purchase-card img {
        width: 72%; } }
    @media (max-width: 767px) {
      .purchase-card img {
        width: 50%; } }
    @media (max-width: 500px) {
      .purchase-card img {
        margin-top: -110px; } }
    @media (max-width: 420px) {
      .purchase-card img {
        margin-top: -90px;
        width: 60%; } }
  .purchase-card .purchase-btn {
    min-width: auto; }

.user-list {
  column-count: 2;
  column-rule-style: dashed;
  column-rule-color: rgba(255, 255, 255, 0.7);
  column-gap: 120px;
  column-rule-width: 1px; }
  @media (max-width: 1780px) {
    .user-list {
      column-gap: 80px; } }
  @media (max-width: 1660px) {
    .user-list {
      column-gap: 40px; } }
  @media (max-width: 360px) {
    .user-list {
      column-gap: 25px; } }
  .user-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%; }
    @media (max-width: 1540px) {
      .user-list li {
        gap: 5px; } }
    .user-list li i {
      font-size: 12px;
      font-weight: 700; }
    @media (max-width: 360px) {
      .user-list li h5 {
        font-size: 16px; } }
    @media (max-width: 360px) {
      .user-list li span {
        font-size: 13px; } }
    .user-list li:hover .user-box svg {
      animation: tada 1.5s ease infinite; }
  .user-list .user-icon {
    border-radius: 100%;
    display: inline-block; }
    .user-list .user-icon .user-box {
      margin: 3px;
      width: 47px;
      height: 47px;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 1540px) {
        .user-list .user-icon .user-box {
          width: 30px;
          height: 30px; }
          .user-list .user-icon .user-box svg {
            width: 18px;
            height: 18px; } }
    .user-list .user-icon.primary {
      border: 1px solid #006666; }
      .user-list .user-icon.primary .user-box {
        background: #00e6e6; }
    .user-list .user-icon.success {
      border: 1px solid #00AC46; }
      .user-list .user-icon.success .user-box {
        background: #79ffb0; }

.appointment-table table tr td {
  position: relative;
  border-top: none;
  padding: 15px 0;
  vertical-align: middle; }
  .appointment-table table tr td:first-child {
    width: 50px; }
  .appointment-table table tr td .status-circle {
    top: 1px;
    left: 35px;
    border-width: 3px; }
  .appointment-table table tr td p,
  .appointment-table table tr td .btn {
    font-weight: 500;
    font-size: 12px; }
  .appointment-table table tr td .btn {
    padding: 4px 12px; }

.appointment-table table tr .img-content-box a {
  color: var(--body-font-color);
  transition: 0.5s;
  display: inline-block !important; }

.appointment-table table tr .img-content-box span {
  display: block; }

.appointment-table table tr:hover .img-content-box a {
  color: var(--theme-deafult);
  transition: 0.5s; }

.appointment-table table tr:first-child td {
  padding-top: 0 !important; }

.appointment-table table tr:last-child td {
  padding-bottom: 0 !important; }

.appointment-table.customer-table table tr td {
  padding: 10px 0; }
  .appointment-table.customer-table table tr td img {
    min-width: 40px; }

.icon-box {
  width: 50px;
  height: 32px;
  background-color: rgba(0, 102, 102, 0.08);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .icon-box i {
    color: var(--theme-deafult);
    font-size: 22px; }
  .icon-box svg {
    stroke: var(--theme-deafult); }

.balance-card {
  display: flex;
  padding: 15px;
  border-radius: 5px;
  gap: 15px;
  transition: 0.5s; }
  @media (max-width: 1199px) {
    .balance-card {
      gap: 8px; } }
  .balance-card .svg-box {
    width: 43px;
    height: 43px;
    background: #fff;
    box-shadow: 0px 71.2527px 51.5055px rgba(229, 229, 245, 0.189815), 0px 42.3445px 28.0125px rgba(229, 229, 245, 0.151852), 0px 21.9866px 14.2913px rgba(229, 229, 245, 0.125), 0px 8.95749px 7.16599px rgba(229, 229, 245, 0.0981481), 0px 2.03579px 3.46085px rgba(229, 229, 245, 0.0601852);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 1199px) {
      .balance-card .svg-box {
        width: 35px;
        height: 35px; } }
    .balance-card .svg-box svg {
      height: 20px;
      fill: rgba(255, 255, 255, 0.85); }
      @media (max-width: 1199px) {
        .balance-card .svg-box svg {
          height: 17px; } }
.btn-light-secondary {
  background-color: rgba(var(--theme-secondary), 0.1);
  font-size: 12px;
  padding: 6px 12px;
  font-weight: 600; }

.crm-activity > li + li {
  border-top: 1px solid #efefef;
  margin-top: 10px;
  padding-top: 10px; }
  .crm-activity > li + li h6 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px; }

.crm-activity > li h6 {
  font-size: 14px; }

.crm-activity span {
  font-size: 40px; }

.crm-activity ul.dates h6 {
  color: #051A1A; }

.crm-activity ul.dates li {
  color: #FFFFFF;
  font-size: 12px;
  display: inline-block;
  line-height: 1; }
  .crm-activity ul.dates li + li {
    border-left: 1px solid #efefef;
    padding-left: 10px;
    margin-left: 5px; }

.fill-primary {
  fill: #006666; }

.fill-secondary {
  fill: #FE6A49; }

.fill-success {
  fill: #00AC46; }

.fill-warning {
  fill: #FFAE1A; }

.fill-info {
  fill: #173878; }

.fill-danger {
  fill: #FE6A49; }

.ecommerce-widget {
  box-shadow: none;
  border: 1px solid #f1f3ff !important;
  border-radius: 5px; }
  .ecommerce-widget .total-num {
    color: #051A1A;
    margin: 0;
    letter-spacing: 1px; }
    .ecommerce-widget .total-num span {
      color: #000; }
  .ecommerce-widget .row {
    align-items: center; }
  .ecommerce-widget .progress-showcase {
    margin-top: 30px; }
  .ecommerce-widget span {
    color: #FFFFFF;
    margin: 0;
    cursor: pointer; }
  .ecommerce-widget .icon {
    color: #efefef;
    font-size: 40px; }
  .ecommerce-widget .flot-chart-container {
    height: 100px;
    padding: 0;
    margin: 0;
    border: transparent; }
  .ecommerce-widget .morris-default-style {
    display: none !important; }
  .ecommerce-widget svg {
    -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3)); }

.redial-social-widget {
  border-radius: 100%;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  margin: 0 auto;
  background-image: linear-gradient(90deg, #E6E9EB 50%, transparent 50%, transparent), linear-gradient(90deg, #ecf3fa 50%, #E6E9EB 50%, #E6E9EB); }
  .redial-social-widget i {
    background-color: #fff;
    height: 80px;
    width: 80px;
    border-radius: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; }
  .redial-social-widget.radial-bar-70 {
    background-image: linear-gradient(342deg, var(--theme-deafult) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--theme-deafult) 50%, #E6E9EB 50%, #E6E9EB); }

.browser-widget:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  transition: all 0.3s ease;
  transform: scale(1.1) rotate(5deg); }

.browser-widget img {
  height: 80px;
  filter: grayscale(100%);
  transform: scale(1) rotate(0deg);
  transition: all 0.3s ease; }

.browser-widget .media-body {
  text-align: center;
  column-count: 3;
  column-rule: 1px solid #E6E9EB; }
  .browser-widget .media-body p {
    margin-bottom: 5px; }
  .browser-widget .media-body span {
    margin-bottom: 0;
    color: #FFFFFF; }
  .browser-widget .media-body h4 {
    color: #051A1A;
    margin-bottom: 0;
    font-size: 18px; }
    .browser-widget .media-body h4 span {
      color: #333333; }

.testimonial i {
  font-size: 60px;
  color: rgba(43, 43, 43, 0.7);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.1;
  z-index: -1; }

.testimonial p {
  color: #FFFFFF;
  font-style: italic;
  margin-bottom: 30px;
  margin-top: 30px; }

.testimonial h5 {
  color: #051A1A;
  padding-top: 10px; }

.testimonial span {
  color: #FFFFFF; }

.testimonial img {
  margin: 0 auto; }

.widget-charts .widget-1 .card-body {
  padding: 30px 25px; }

.chart-widget-top #chart-widget1,
.chart-widget-top #chart-widget2,
.chart-widget-top #chart-widget3 {
  margin-bottom: -14px; }
  .chart-widget-top #chart-widget1 .apexcharts-xaxistooltip,
  .chart-widget-top #chart-widget2 .apexcharts-xaxistooltip,
  .chart-widget-top #chart-widget3 .apexcharts-xaxistooltip {
    display: none; }

.chart-widget-top span {
  color: #6C757D; }

.bar-chart-widget .apexcharts-legend {
  bottom: 0 !important; }
  .bar-chart-widget .apexcharts-legend .apexcharts-legend-series {
    margin: 0 10px !important; }
  .bar-chart-widget .apexcharts-legend .apexcharts-legend-marker {
    margin-right: 5px; }

.bar-chart-widget .top-content {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.bar-chart-widget .earning-details {
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  display: flex;
  letter-spacing: 1px; }
  .bar-chart-widget .earning-details i {
    font-size: 230px;
    position: absolute;
    opacity: 0.1;
    right: -30px;
    top: 0; }
    .bar-chart-widget .earning-details i:hover {
      transform: rotate(-5deg) scale(1.1);
      transition: all 0.3s ease; }

.bar-chart-widget .num {
  font-weight: 600; }
  .bar-chart-widget .num .color-bottom {
    color: #000; }

.skill-chart {
  margin-bottom: -48px; }
  .skill-chart .apexcharts-legend .apexcharts-legend-series span {
    display: block; }
  .skill-chart .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text {
    margin: 10px 0 20px; }

.progress-chart {
  margin: -11px 0 -20px; }
  .progress-chart .apexcharts-canvas svg path,
  .progress-chart .apexcharts-canvas svg rect {
    clip-path: inset(1% 0% 0% 0% round 1rem); }

.bottom-content span {
  color: #FFFFFF; }

.bottom-content .block-bottom {
  display: block; }

@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -30px; } }

@-webkit-keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0; }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px; } }

@keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0; }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px; } }

@-webkit-keyframes am-draw {
  0% {
    stroke-dashoffset: 500%; }
  100% {
    stroke-dashoffset: 0; } }

@keyframes am-draw {
  0% {
    stroke-dashoffset: 500%; }
  100% {
    stroke-dashoffset: 0; } }

.serial-chart .chart-container {
  width: 100%;
  height: 500px; }
  .serial-chart .chart-container .lastBullet {
    animation: am-pulsating 1s ease-out infinite; }
  .serial-chart .chart-container .amcharts-graph-column-front {
    transition: all .3s .3s ease-out; }
    .serial-chart .chart-container .amcharts-graph-column-front:hover {
      fill: var(--theme-secondary);
      stroke: var(--theme-secondary);
      transition: all .3s ease-out; }
  .serial-chart .chart-container .amcharts-graph-g3 {
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    animation: am-draw 40s; }
  .serial-chart .chart-container .amcharts-graph-g2 .amcharts-graph-stroke {
    stroke-dasharray: 3px 3px;
    stroke-linejoin: round;
    stroke-linecap: round;
    animation: am-moving-dashes 1s linear infinite; }

.chart-container .apexcharts-xaxis-label,
.chart-container .apexcharts-yaxis-label {
  font-size: 14px !important;
  color: #6C757D !important; }

.chart-container .apexcharts-xaxis-annotations rect {
  clip-path: inset(1% 0% 0% 0% round 0.2rem); }

.crypto-chart {
  margin-left: -20px; }
  .crypto-chart .apexcharts-tooltip-title {
    display: none; }
  .crypto-chart .apexcharts-tooltip-series-group:last-child, .crypto-chart .apexcharts-tooltip-series-group.active {
    padding-bottom: 0; }

.speed-chart .chart-container {
  width: 100%;
  height: 530px; }

.speed-chart .content {
  margin-top: -200px;
  margin-bottom: 20px; }
  .speed-chart .content h4 {
    font-weight: 600;
    padding-top: 2px; }

.status-widget svg {
  width: 20px;
  height: 20px;
  vertical-align: text-top; }

.status-widget .card .card-header h5 {
  line-height: 1.38; }

.status-widget .status-chart {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden; }

.small-chart-widget .chart-container {
  height: 311px;
  padding: 0;
  margin: 0;
  border: none; }

.small-chart-widget .card .card-body {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }

.donut-chart-widget .chart-container {
  height: 300px;
  border: 0;
  margin: 0;
  padding: 0; }

.status-details h4 {
  font-weight: 600; }
  .status-details h4 span {
    color: inherit; }

.status-details span {
  color: #FFFFFF; }

.status-chart .chart-container {
  height: 200px;
  border: 0;
  padding: 0;
  margin: 0; }

.map-chart .chart-container {
  width: 100%;
  height: 500px; }

.serial-chart {
  width: 100%; }

.live-products,
.turnover,
.uses,
.monthly {
  height: 300px; }

.live-products .ct-series-a .ct-area,
.live-products .ct-series-a .ct-point,
.live-products .ct-series-a .ct-line,
.live-products .ct-series-a .ct-bar,
.live-products .ct-series-a .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.77); }

.live-products .ct-label {
  fill: #fff;
  color: #fff; }

.live-products .ct-grid {
  stroke: rgba(255, 255, 255, 0.7); }

.turnover .ct-series-a .ct-area,
.turnover .ct-series-a .ct-point,
.turnover .ct-series-a .ct-line,
.turnover .ct-series-a .ct-bar,
.turnover .ct-series-a .ct-slice-donut,
.uses .ct-series-a .ct-area,
.uses .ct-series-a .ct-point,
.uses .ct-series-a .ct-line,
.uses .ct-series-a .ct-bar,
.uses .ct-series-a .ct-slice-donut,
.monthly .ct-series-a .ct-area,
.monthly .ct-series-a .ct-point,
.monthly .ct-series-a .ct-line,
.monthly .ct-series-a .ct-bar,
.monthly .ct-series-a .ct-slice-donut {
  stroke: white;
  fill: transparent; }

.turnover .ct-series-b .ct-area,
.turnover .ct-series-b .ct-point,
.turnover .ct-series-b .ct-line,
.turnover .ct-series-b .ct-bar,
.turnover .ct-series-b .ct-slice-donut,
.uses .ct-series-b .ct-area,
.uses .ct-series-b .ct-point,
.uses .ct-series-b .ct-line,
.uses .ct-series-b .ct-bar,
.uses .ct-series-b .ct-slice-donut,
.monthly .ct-series-b .ct-area,
.monthly .ct-series-b .ct-point,
.monthly .ct-series-b .ct-line,
.monthly .ct-series-b .ct-bar,
.monthly .ct-series-b .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.7);
  fill: transparent; }

.turnover .ct-series-c .ct-area,
.turnover .ct-series-c .ct-point,
.turnover .ct-series-c .ct-line,
.turnover .ct-series-c .ct-bar,
.turnover .ct-series-c .ct-slice-donut,
.uses .ct-series-c .ct-area,
.uses .ct-series-c .ct-point,
.uses .ct-series-c .ct-line,
.uses .ct-series-c .ct-bar,
.uses .ct-series-c .ct-slice-donut,
.monthly .ct-series-c .ct-area,
.monthly .ct-series-c .ct-point,
.monthly .ct-series-c .ct-line,
.monthly .ct-series-c .ct-bar,
.monthly .ct-series-c .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.4);
  fill: transparent; }

.turnover .ct-label,
.uses .ct-label,
.monthly .ct-label {
  fill: #fff;
  color: #fff; }

.turnover .ct-grid,
.uses .ct-grid,
.monthly .ct-grid {
  stroke: rgba(255, 255, 255, 0.7); }

#draggableMultiple .ui-sortable-handle .card {
  cursor: move; }

.tilt-showcase ul li .line {
  padding-top: 10px; }

.tilt-showcase .pre-mt {
  margin-top: 5px; }

.wow-title h5 {
  display: flex;
  align-items: center;
  font-size: 18px; }
  .wow-title h5 .badge {
    -webkit-text-fill-color: #fff; }

.alert-center {
  display: flex !important;
  align-items: center; }

.box-shadow-title .sub-title {
  margin: 30px 0; }

.hovercard .info .social-media ul li {
  padding-top: 3px; }

.hovercard .cardheader {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.sticky-header-main .card .card-header h5 {
  line-height: 35px; }
  .sticky-header-main .card .card-header h5 a {
    color: #fff;
    -webkit-text-fill-color: #fff; }

.custom-radio-ml {
  margin-left: 3px; }

.twitter-typeahead {
  display: block !important; }

span.twitter-typeahead .league-name {
  font-size: 16px;
  padding: 6px 10px 0; }

span.twitter-typeahead .tt-menu {
  float: left;
  width: 100%;
  min-width: 10rem;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0; }

span.twitter-typeahead .tt-suggestion {
  color: #2b2b2b;
  opacity: 0.6;
  font-size: 13px;
  padding: 6px 12px;
  border-top: 1px solid #efefef;
  background: #fff;
  cursor: pointer; }
  span.twitter-typeahead .tt-suggestion:hover, span.twitter-typeahead .tt-suggestion:focus {
    background-color: #fff; }
  span.twitter-typeahead .tt-suggestion.active, span.twitter-typeahead .tt-suggestion:active {
    color: #fff;
    background-color: var(--theme-deafult); }

#scrollable-dropdown-menu .twitter-typeahead .tt-menu .tt-dataset {
  max-height: 100px;
  overflow-y: auto; }

.chart-right {
  position: relative; }

.balance-data {
  display: flex;
  gap: 7px; }
  [dir="rtl"] .balance-data {
    right: unset;
    left: 2%; }
  @media (max-width: 991px) {
    .balance-data {
      top: -42px;
      right: -65%; }
      [dir="rtl"] .balance-data {
        left: -65%; } }
  @media (max-width: 575px) {
    .balance-data {
      display: none; } }
  .balance-data li {
    display: flex;
    align-items: center;
    font-weight: 500; }
  .balance-data .circle {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%; }

.current-sale-container {
  padding-right: 12px; }
  [dir="rtl"] .current-sale-container {
    padding-right: unset;
    padding-left: 12px; }
  .current-sale-container > div {
    margin: -22px 0 -30px -16px; }
    @media (max-width: 1199px) {
      .current-sale-container > div {
        margin-bottom: 0; } }
    @media (max-width: 404px) {
      .current-sale-container > div {
        margin-bottom: -30px; } }
  .current-sale-container .apexcharts-xaxistooltip {
    color: var(--theme-deafult);
    background: rgba(0, 102, 102, 0.1);
    border: 1px solid var(--theme-deafult); }
  .current-sale-container .apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: var(--theme-deafult); }
  .current-sale-container .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: rgba(0, 102, 102, 0.1);
    color: var(--theme-deafult); }
  @media (max-width: 575px) {
    .current-sale-container.order-container {
      padding-right: 0; }
      [dir="rtl"] .current-sale-container.order-container {
        padding-left: 0; } }
  @media (max-width: 404px) {
    .current-sale-container.order-container > div {
      margin-bottom: 0; } }
.recent-circle {
  min-width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  margin-top: 5px; }

.recent-wrapper {
  align-items: center; }
  .recent-wrapper .order-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px; }
    @media (max-width: 1199px) {
      .recent-wrapper .order-content {
        gap: 20px; } }
    @media (max-width: 575px) {
      .recent-wrapper .order-content {
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row; } }
    .recent-wrapper .order-content li {
      display: flex;
      align-items: flex-start;
      gap: 8px; }
  @media (max-width: 1660px) {
    .recent-wrapper .recent-chart .apexcharts-canvas .apexcharts-datalabel-label {
      font-size: 15px; } }
  @media (max-width: 1560px) and (min-width: 1400px) {
    .recent-wrapper > div {
      width: 100%; } }
  @media (max-width: 1560px) and (min-width: 1400px) {
    .recent-wrapper > div:last-child {
      display: none; } }
.apexcharts-series.apexcharts-radial-series {
  position: relative; }
  .apexcharts-series.apexcharts-radial-series::after {
    position: absolute;
    content: '';
    background: linear-gradient(0deg, #FFFFFF 0.05%, #F4F4F4 19.91%, #F5F6F9 55.02%, #EAECF4 100%);
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    top: 0;
    left: 0; }

.card-block .table-responsive .table caption {
  padding-left: 10px; }

.card-block .table-responsive .table-bordered td {
  vertical-align: middle; }

.card-block .table-border-radius {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.card-block .default-checkbox-align #checkbox1 {
  margin-right: 10px; }

.card-block .default-checkbox-align #radio {
  margin-right: 5px; }

#example-style-3_wrapper #example-style-3 tfoot {
  border-top: 2px solid #efefef; }

.chart-vertical-center {
  display: flex;
  justify-content: center; }
  .chart-vertical-center #myDoughnutGraph,
  .chart-vertical-center #myPolarGraph {
    width: auto !important; }

.cke_focus {
  padding: 15px;
  margin-top: 13px; }

#editor .ace_scroller .ace_content .ace_layer .ace_print-margin {
  visibility: hidden !important; }

.helper-classes {
  padding: 30px;
  margin-bottom: 0;
  white-space: pre-line; }

.starter-kit-fix .page-body {
  margin-bottom: 52px; }

.starter-main .card-body p {
  font-size: 14px; }

.starter-main .card-body ul {
  padding-left: 30px;
  list-style-type: disc;
  margin-bottom: 15px; }

.starter-main .card-body h5 {
  font-size: 18px; }

.starter-main .card-body pre {
  white-space: pre-line;
  padding: 30px; }

.starter-main .card-body .alert-primary.inverse:before {
  top: 32px; }

.starter-main .alert {
  background-color: rgba(0, 102, 102, 0.2) !important; }
  .starter-main .alert i {
    display: flex;
    align-items: center; }

footer.blockquote-footer {
  bottom: unset; }

@media only screen and (max-width: 767px) {
  .ecommerce-banner {
    height: 210px; }
  .footer-fix .pull-right {
    float: none !important;
    text-align: center !important; } }

@media only screen and (max-width: 991px) {
  .notification li {
    padding-bottom: 20px; }
  .notification .card .card-body .d-flex .w-100 p {
    margin: 0; }
  .notification .card .card-body .d-flex .w-100 h6 {
    margin-top: 10px; } }

@media only screen and (max-width: 575px) {
  .notification li {
    padding-bottom: 15px; }
  .media-dropdown {
    display: block; }
    .media-dropdown .media-body {
      margin-bottom: 15px; }
  .total-chart span {
    font-size: 12px !important; } }

@media only screen and (max-width: 360px) {
  .footer {
    padding-left: 0 !important;
    padding-right: 0 !important; }
    .footer p {
      font-size: 12px; }
  .appointment-table table tr td {
    min-width: 103px; }
    .appointment-table table tr td:first-child {
      min-width: 50px; }
    .appointment-table table tr td:nth-child(2) {
      min-width: 120px; } }

@media (max-width: 425px) {
  .sales-chart .sales-chart-dropdown-select .card-header-right-icon.online-store .dropdown {
    display: none; }
  .search-form input {
    padding-left: 50px; } }

@media (max-width: 1399px) {
  .special-Offer h4 {
    font-size: 18px; }
  .special-Offer .offer-contain p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal; }
  .total-chart .data-grow span {
    display: none !important; }
  .total-chart .data-grow svg {
    display: none !important; }
  .total-revenue span {
    font-size: 12px; }
  .total-revenue a {
    display: none !important; }
  .total-revenue span {
    font-size: 12px; }
  .total-revenue a {
    display: none !important; }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: block !important; }
  .table-order .latest-orders thead tr th:last-child {
    display: block !important; }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: block !important; }
  .table-order .latest-orders tbody tr td:last-child {
    display: block !important; }
  .table-order .order-table thead tr th:nth-child(4) {
    display: block; }
  .total-chart span {
    font-size: 15px;
    font-weight: 500 !important; } }

@media (max-width: 1299px) {
  .special-Offer h4 {
    font-size: 16px; } }

@media (max-width: 1199px) {
  .special-Offer h4 {
    font-size: 18px; }
  .total-chart .data-grow span {
    display: block !important; }
  .total-chart .data-grow svg {
    display: block !important; }
  .total-revenue a {
    display: block !important; }
  .total-revenue a {
    display: block !important; } }

@media (max-width: 1599px) {
  .table-order .latest-orders thead tr th:nth-child(2) {
    min-width: 186px; }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: none; }
  .table-order .latest-orders thead tr th:last-child {
    display: none; }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: none; }
  .table-order .latest-orders tbody tr td:last-child {
    display: none; }
  .revenueproduct {
    margin-bottom: -0px; }
    .revenueproduct .apexcharts-canvas .apexcharts-legend {
      display: none; }
  .card .card-body .product-costing .costing-span {
    font-size: 10px;
    font-weight: 400; }
  .card .card-body .product-costing .product-icon {
    height: 40px;
    width: 40px; }
    .card .card-body .product-costing .product-icon svg {
      height: 20px;
      margin: 10px;
      width: 21px; } }

@media (max-width: 1799px) {
  .balance-data li:last-child {
    display: none !important; }
  .total-chart .data-grow span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1865px) {
  .table-order .order-table thead tr th:nth-child(2) {
    min-width: 115px !important; }
  .table-order .order-table thead tr th:nth-child(3) {
    min-width: 80px !important; }
  .table-order .order-table thead tr th:nth-child(4) {
    display: none !important; }
  .table-order .order-table tbody tr td:nth-child(4) {
    display: none !important; }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: none; }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: none; } }

/**=====================
  3.13 Dashboard_default CSS Ends
==========================**/
/**=====================
  3.14 Ecommerce CSS Start
==========================**/
/**====== Product Start ======**/
.toggle-data {
  cursor: pointer; }

.filter-block ul li {
  padding-top: 15px; }
  .filter-block ul li a {
    color: var(--body-font-color); }
  @media (max-width: 1500px) {
    .filter-block ul li {
      padding-top: 10px; } }
.collection-filter-block svg {
  width: 50px;
  height: 25px;
  stroke: var(--theme-deafult);
  margin-right: 10px; }

.collection-filter-block h5 {
  margin-bottom: 0;
  font-size: 16px; }

.collection-filter-block p {
  font-size: 13px; }

.collection-filter-block .media-body {
  opacity: 0.5; }

.collection-filter-block li + li {
  margin-top: 16px; }

.collection-filter-block ul.pro-services li svg {
  width: auto; }

.qty-box .btn {
  background-color: transparent !important;
  border-color: #ecf3fa !important;
  padding: 8px 12px; }
  .qty-box .btn i {
    color: #898989; }
  .qty-box .btn svg {
    width: 14px !important;
    stroke: #2c323f; }

.qty-box span {
  padding: 0 4px; }

.qty-box .input-group {
  background-color: rgba(44, 50, 63, 0.1); }

.qty-box input {
  background-color: rgba(44, 50, 63, 0.1);
  color: #2c323f;
  max-width: 44px;
  padding: 0;
  text-align: center;
  border: none;
  max-height: 37px; }

.product-social li a {
  color: #898989;
  font-size: 15px;
  border: 1px solid #E6E9EB;
  border-radius: 100%;
  height: 35px;
  width: 35px;
  display: inline-block;
  text-align: center;
  line-height: 2.3;
  transition: all 0.3s ease; }
  .product-social li a:hover {
    border-color: #006666;
    color: #006666;
    background-color: rgba(0, 102, 102, 0.1);
    transition: all 0.3s ease; }

.product-social li:nth-child(n+2) {
  margin-left: 10px; }
  [dir="rtl"] .product-social li:nth-child(n+2) {
    margin-left: unset;
    margin-right: 10px; }

.product-sidebar .filter-section .card .card-header {
  padding: 16px 30px;
  border-radius: 5px; }
  .product-sidebar .filter-section .card .card-header h6 {
    position: relative; }
    .product-sidebar .filter-section .card .card-header h6 .pull-right i {
      position: absolute;
      top: 4px;
      left: 0;
      font-size: 10px;
      width: 100%;
      height: 10px;
      text-align: right;
      cursor: pointer; }

.product-wrapper .product-sidebar .filter-section .card .left-filter {
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: 0.3s;
  min-width: 320px; }
  .product-wrapper .product-sidebar .filter-section .card .left-filter .product-filter .irs-with-grid {
    margin-bottom: 15px; }

.product-wrapper .product-grid .product-wrapper-grid {
  margin-left: 0;
  transition: 0.3s; }

.product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
  z-index: 3;
  opacity: 1;
  visibility: visible;
  position: absolute;
  width: 100%;
  background-color: white;
  top: 53px;
  height: auto; }

.d-none-productlist {
  display: none; }
  .d-none-productlist svg {
    vertical-align: middle;
    cursor: pointer; }

.product-wrapper-grid.list-view .product-box {
  display: flex;
  align-items: center; }
  .product-wrapper-grid.list-view .product-box .product-img {
    width: 20%; }
  .product-wrapper-grid.list-view .product-box .product-details {
    text-align: left; }

.slider-product {
  padding: 15px 0;
  border-top: 1px solid #E6E9EB;
  border-bottom: 1px solid #E6E9EB;
  margin-bottom: 15px; }

.products-total {
  display: flex;
  align-items: center; }

.grid-options {
  height: 33px;
  margin-left: 10px; }
  .grid-options ul li a {
    position: relative; }
    .grid-options ul li a .line-grid {
      position: absolute;
      width: 4px;
      height: 15px;
      top: 9px; }
    .grid-options ul li a .line-grid-1 {
      left: 12px; }
    .grid-options ul li a .line-grid-2 {
      left: 18px; }
    .grid-options ul li a .line-grid-3 {
      left: 36px; }
    .grid-options ul li a .line-grid-4 {
      left: 42px; }
    .grid-options ul li a .line-grid-5 {
      left: 48px; }
    .grid-options ul li a .line-grid-6 {
      left: 66px; }
    .grid-options ul li a .line-grid-7 {
      left: 72px; }
    .grid-options ul li a .line-grid-8 {
      left: 78px; }
    .grid-options ul li a .line-grid-9 {
      left: 84px; }
    .grid-options ul li a .line-grid-10 {
      left: 103px; }
    .grid-options ul li a .line-grid-11 {
      left: 109px; }
    .grid-options ul li a .line-grid-12 {
      left: 115px; }
    .grid-options ul li a .line-grid-13 {
      left: 121px; }
    .grid-options ul li a .line-grid-14 {
      left: 127px; }
    .grid-options ul li a .line-grid-15 {
      left: 133px; }

.square-product-setting {
  height: 36px;
  vertical-align: middle; }
  .square-product-setting a {
    color: #051A1A; }
  .square-product-setting .icon-grid {
    padding: 7px;
    background-color: #fff;
    display: flex;
    align-items: center;
    margin: 0 10px; }
    .square-product-setting .icon-grid svg {
      width: 20px;
      height: 20px; }

.product-filter .banner-product {
  margin-top: 15px; }

.product-filter h6 {
  margin-bottom: 15px; }

.product-filter .color-selector {
  line-height: 0.9; }
  .product-filter .color-selector ul li {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #444;
    border-radius: 100%;
    cursor: pointer; }
    .product-filter .color-selector ul li.white {
      background-color: #fff; }
    .product-filter .color-selector ul li.gray {
      background-color: #FFFFFF; }
    .product-filter .color-selector ul li.black {
      background-color: #000; }
    .product-filter .color-selector ul li.orange {
      background-color: #ffb17a; }
    .product-filter .color-selector ul li.green {
      background-color: #6fb866; }
    .product-filter .color-selector ul li.pink {
      background-color: pink; }
    .product-filter .color-selector ul li.yellow {
      background-color: #f2f896; }
    .product-filter .color-selector ul li.blue {
      background-color: #63b4f2; }
    .product-filter .color-selector ul li.red {
      background-color: #ff647f; }

.product-filter.new-products {
  margin-top: 20px; }
  .product-filter.new-products button {
    width: auto; }
  .product-filter.new-products .owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    top: -46px;
    right: 0; }
    .product-filter.new-products .owl-theme .owl-nav button:focus {
      outline: transparent; }
    .product-filter.new-products .owl-theme .owl-nav button span {
      font-size: 20px; }
      .product-filter.new-products .owl-theme .owl-nav button span:focus {
        outline-color: transparent; }
  .product-filter.new-products .owl-theme .owl-nav [class*='owl-']:hover {
    background-color: transparent;
    color: inherit; }
  .product-filter.new-products .owl-theme .owl-item .item .product-box .product-details {
    padding: 25px 0; }
  .product-filter.new-products .owl-theme .owl-item .item .product-box + .product-box {
    margin-top: 15px; }

.select2-drpdwn-product .form-control {
  border: none;
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  margin-bottom: 10px;
  height: 36px; }

.feature-products form .form-group {
  position: relative; }
  .feature-products form .form-group input {
    margin-bottom: 15px;
    border: none;
    box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
    height: 50px;
    padding-left: 30px; }
  .feature-products form .form-group i {
    position: absolute;
    top: 18px;
    right: 30px;
    color: #898989; }

.product-box {
  border-radius: 10px;
  overflow: hidden; }
  .product-box .product-details {
    padding: 15px 25px; }
    .product-box .product-details > a {
      color: #051A1A; }
    .product-box .product-details p {
      margin-bottom: 0;
      opacity: 0.8; }
    .product-box .product-details h4 {
      margin-bottom: 0;
      margin-top: 5px;
      font-size: 20px;
      font-family: "Montserrat", sans-serif; }
    .product-box .product-details h6 {
      color: #051A1A;
      text-transform: uppercase;
      margin-bottom: 10px; }
    .product-box .product-details span {
      color: #898989; }
    .product-box .product-details .rating i {
      font-size: 16px;
      letter-spacing: 3px;
      color: #ffa800; }
  .product-box .modal .modal-header .product-box .product-details {
    padding: 25px 15px; }
    .product-box .modal .modal-header .product-box .product-details h6 {
      text-transform: capitalize; }
    .product-box .modal .modal-header .product-box .product-details .product-price {
      font-size: 22px;
      margin-bottom: 10px; }
    .product-box .modal .modal-header .product-box .product-details .product-view {
      padding: 20px 0;
      border-top: 1px dotted #59667a;
      border-bottom: 1px dotted #59667a; }
    .product-box .modal .modal-header .product-box .product-details .product-size {
      margin: 20px 0; }
      .product-box .modal .modal-header .product-box .product-details .product-size ul li {
        display: inline-block; }
    .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset {
      margin-bottom: 20px; }
      .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group {
        width: 35%; }
        .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn {
          padding: 5px 12px; }
        .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn-primary {
          background-color: #59667a !important;
          border: 1px solid #59667a !important; }
  .product-box .modal .modal-header .btn-close {
    position: absolute;
    right: 26px;
    top: 22px; }
  .product-box .product-img {
    position: relative; }
    .product-box .product-img .product-hover {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.3);
      opacity: 0;
      border-radius: 100%;
      transform: scale(0);
      transition: all 0.3s ease; }
      .product-box .product-img .product-hover ul li {
        display: inline-block;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08);
        padding: 10px 13px;
        background-color: #fff;
        font-size: 18px;
        border-radius: 10px;
        height: 45px;
        width: 45px;
        margin: 0 3px;
        cursor: pointer; }
        .product-box .product-img .product-hover ul li i {
          color: #59667a;
          font-size: 18px; }
        .product-box .product-img .product-hover ul li .btn {
          padding: 0; }
        .product-box .product-img .product-hover ul li:hover {
          background-color: var(--theme-deafult);
          transition: all 0.3s ease; }
          .product-box .product-img .product-hover ul li:hover button:active, .product-box .product-img .product-hover ul li:hover button:focus-visible {
            border: none !important; }
          .product-box .product-img .product-hover ul li:hover .btn,
          .product-box .product-img .product-hover ul li:hover i {
            color: #fff; }
  .product-box:hover .product-hover {
    opacity: 1;
    border-radius: 0%;
    transform: scale(1);
    transition: all 0.3s ease; }

.product-page-main {
  padding: 30px; }
  .product-page-main .owl-item .item {
    border: 1px solid #E6E9EB;
    border-radius: 5px;
    background-color: #f8f8f8; }
  .product-page-main .owl-item.current .item {
    border: 1px solid var(--theme-deafult); }
  .product-page-main .product-slider {
    margin-bottom: 20px; }
    @media (min-width: 1400px) {
      .product-page-main .product-slider img {
        height: 520px;
        object-fit: cover; } }
    @media (min-width: 1500px) {
      .product-page-main .product-slider img {
        height: 400px;
        object-fit: cover; } }
  .product-page-main .product-color {
    margin-top: 10px; }

.product-page-details h4 {
  color: #051A1A;
  text-transform: uppercase;
  font-size: 18px; }

.product-page-details span {
  padding-left: 15px; }

.br-theme-fontawesome-stars .br-widget a,
.br-theme-fontawesome-stars .br-widget a.br-selected:after,
.br-theme-fontawesome-stars .br-widget a.br-active:after {
  color: #ffa800 !important;
  font: normal normal normal 14px/1 FontAwesome; }

.product-price {
  font-size: 18px;
  font-weight: 700;
  margin-top: 5px;
  color: var(--theme-deafult); }
  .product-price del {
    color: rgba(44, 50, 63, 0.4);
    padding-left: 10px;
    font-size: 80%; }

.product-color li {
  display: inline-block;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  margin: 0 2px; }

.product-page-main p {
  font-size: 15px; }

.product-page-main .nav-link {
  text-transform: uppercase;
  font-weight: 500; }

/**====== Product  Ends ======**/
.payment-opt li {
  display: inline-block; }
  .payment-opt li img {
    height: 20px;
    margin: 15px 15px 0 0; }

/**=====================
  3.14 Ecommerce CSS End
==========================**/
@media screen and (max-width: 1660px) and (min-width: 1200px) {
  .owl-carousel .owl-item img {
    max-width: 420px;
    margin: 0 auto; } }

/**=====================
  3.15 Email-application CSS Start
==========================**/
.email-wrap .row .col-xl-3 + .col-xl-3 {
  padding-right: 0; }

.email-wrap .row .col-xl-6 {
  padding-left: 0; }

.email-wrap .dropdown .dropdown-toggle {
  background-color: rgba(115, 102, 255, 0.08);
  color: #006666;
  border-radius: 10px;
  padding: 5px 10px;
  width: 100px;
  text-align: left; }
  [dir="rtl"] .email-wrap .dropdown .dropdown-toggle {
    text-align: right; }
  .email-wrap .dropdown .dropdown-toggle:after {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f107";
    border: none;
    font-family: "FontAwesome";
    font-size: 18px;
    margin: 0; }
    [dir="rtl"] .email-wrap .dropdown .dropdown-toggle:after {
      right: unset;
      left: 10px; }

.email-wrap .dropdown .dropdown-menu {
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0; }
  .email-wrap .dropdown .dropdown-menu .dropdown-item {
    color: #2b2b2b;
    opacity: 0.6;
    font-size: 13px;
    padding: 6px 12px;
    border-top: 1px solid #f5f5f5;
    background: #fff;
    line-height: 19px; }
    .email-wrap .dropdown .dropdown-menu .dropdown-item:hover {
      background-color: #fff; }

.email-wrap .email-app-sidebar .media img {
  border: 2px solid #ecf3fa; }

.email-wrap .email-app-sidebar .main-menu > li {
  width: 100%;
  text-align: left; }
  .email-wrap .email-app-sidebar .main-menu > li a {
    line-height: 39px;
    text-transform: uppercase;
    border-radius: 3px; }
    .email-wrap .email-app-sidebar .main-menu > li a i {
      margin-right: 10px; }
    .email-wrap .email-app-sidebar .main-menu > li a.active > a {
      color: #000; }
    .email-wrap .email-app-sidebar .main-menu > li a:hover {
      background-color: #f5f6f9;
      text-decoration: none; }

.email-wrap .email-app-sidebar ul li button {
  color: #fff; }

.email-wrap .email-app-sidebar ul li a {
  display: flex;
  padding-left: 20px;
  align-items: center; }
  .email-wrap .email-app-sidebar ul li a > .title {
    width: 100%;
    color: #2c323f; }
  .email-wrap .email-app-sidebar ul li a > .badge {
    align-self: center;
    color: #898989; }

.email-wrap .email-left-aside {
  float: left;
  width: 100%; }
  .email-wrap .email-left-aside .card-body {
    padding: 20px; }

@media (min-width: 1200px) {
  .email-wrap .email-right-aside .email-body .pr-0 {
    padding-right: 0; }
    [dir="rtl"] .email-wrap .email-right-aside .email-body .pr-0 {
      padding-right: 12px;
      padding-left: 0; } }

@media (min-width: 1200px) {
  .email-wrap .email-right-aside .email-body .pl-0 {
    padding-left: 0; }
    [dir="rtl"] .email-wrap .email-right-aside .email-body .pl-0 {
      padding-left: 12px;
      padding-right: 0; } }

.email-wrap .email-right-aside .email-body .inbox {
  overflow: auto; }
  @media (max-width: 1199.98px) {
    .email-wrap .email-right-aside .email-body .inbox {
      display: flex;
      flex-wrap: wrap; } }
  .email-wrap .email-right-aside .email-body .inbox .media {
    padding: 20px; }
    .email-wrap .email-right-aside .email-body .inbox .media.active {
      background-color: #f1f3f4; }

.email-wrap .email-right-aside .radius-left {
  border-radius: 8px;
  height: 100%; }

.email-wrap .btn-mail {
  border-radius: 2px;
  text-align: left;
  padding: 13px 15px;
  margin: 20px 0 20px;
  letter-spacing: 1px;
  line-height: 12px !important; }

.email-wrap p {
  margin-bottom: 0;
  color: var(--chart-text-color) !important;
  font-weight: 600; }

.email-wrap .media-body {
  margin-top: 5px; }
  .email-wrap .media-body h6 {
    margin-bottom: 2px;
    color: #242934;
    margin-top: 3px; }
    .email-wrap .media-body h6 small {
      font-size: 12px; }
      .email-wrap .media-body h6 small span {
        color: #777777; }
  .email-wrap .media-body p {
    color: #898989;
    font-size: 12px; }

.email-wrap .email-top {
  padding: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 49px; }
  .email-wrap .email-top i {
    cursor: pointer; }
  .email-wrap .email-top h5 {
    margin-bottom: 0;
    padding: 12px 0; }
  .email-wrap .email-top .d-flex {
    padding: 13px 0; }

.email-wrap .email-wrapper {
  padding: 20px; }
  .email-wrap .email-wrapper hr {
    margin-top: 0;
    margin-bottom: 20px; }
  .email-wrap .email-wrapper .d-inline-block {
    width: 100%; }
  .email-wrap .email-wrapper h6 {
    margin-bottom: 11px;
    float: left; }
  .email-wrap .email-wrapper .right-download {
    float: right; }
  .email-wrap .email-wrapper p + p {
    margin-bottom: 20px; }
  .email-wrap .email-wrapper h5 {
    margin-bottom: 20px; }

.email-wrap .email-body .attachment ul li img {
  margin-bottom: 20px;
  width: 80px;
  height: 80px;
  object-fit: cover; }

.email-wrap .email-body .attachment .list-inline .list-inline-item {
  padding-right: 13px; }

.email-wrap .email-body .email-compose .cke_contents.cke_reset {
  max-height: 178px;
  width: 100%;
  border: 1px solid #ecf3fa; }

.email-wrap .email-body .email-compose .email-top h4 {
  padding: 11px 0; }

/**=====================
  3.15 Email-application CSS Ends
==========================**/
/**=====================
    3.47 Letter_box CSS Start
==========================**/
.email-right-aside .email-list {
  display: block; }
  .email-right-aside .email-list.hide {
    display: none; }

.email-right-aside .email-read {
  display: none; }
  .email-right-aside .email-read.show {
    display: block; }

.email-right-aside .modal-footer {
  text-align: end; }

.email-main-wrapper .email-app-sidebar .nav-pills .nav-item:active, .email-main-wrapper .email-app-sidebar .nav-pills .nav-item.active {
  border-radius: 5px; }

.email-main-wrapper .email-app-sidebar .nav-pills .nav-item:last-child .nav-link {
  padding-bottom: 0; }

.email-main-wrapper .email-app-sidebar .nav-pills .nav-link {
  color: var(--chart-text-color);
  gap: 13px;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  padding: 8px 20px; }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:hover {
    background-color: rgba(0, 102, 102, 0.1);
    color: var(--theme-deafult); }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active {
    background-color: rgba(0, 102, 102, 0.1);
    color: var(--theme-deafult);
    border-radius: 5px; }
    .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active svg, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active svg {
      stroke: rgba(153, 153, 153, 0.8); }
    .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
      content: '';
      border-right: 3px solid var(--theme-deafult);
      position: absolute;
      top: 9px;
      width: 4px;
      right: 0;
      height: 35px;
      border: 2px solid var(--theme-deafult);
      border-radius: 100px 0 0 100px; }
      [dir="rtl"] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, [dir="rtl"] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
        right: unset;
        left: 0; }
      @media (max-width: 1400px) {
        .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
          top: 8px;
          height: 28px; } }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link svg {
    width: 18px;
    height: 18px;
    stroke: rgba(153, 153, 153, 0.8); }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link div {
    width: calc(100% - 13px - 18px);
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 1400px) {
      .email-main-wrapper .email-app-sidebar .nav-pills .nav-link div {
        font-size: 15px; } }
.email-main-wrapper .email-app-sidebar span {
  background-color: rgba(0, 102, 102, 0.2);
  color: var(--theme-deafult);
  border-radius: 20px;
  padding: 5px 13px; }
  @media (max-width: 1400px) {
    .email-main-wrapper .email-app-sidebar span {
      padding: 3px 10px; } }
.email-main-wrapper .email-app-sidebar .compose-mail {
  display: block;
  text-align: center; }
  .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active {
    padding: 15px;
    background-color: var(--theme-deafult);
    color: var(--white); }
    @media (max-width: 1400px) {
      .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active {
        padding: 10px; } }
    .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active::before {
      content: unset; }
  .email-main-wrapper .email-app-sidebar .compose-mail .nav-link i {
    font-size: 13px; }

@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .email-category.nav-pills .nav-item .nav-link {
    padding: 3px 20px; } }

@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item .nav-link {
    padding: 3px 20px; } }

.email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item:first-child a {
  margin-top: 16px; }

.email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item svg {
  width: 24px;
  height: 24px; }

.email-main-wrapper .email-app-sidebar .emailbox.btn {
  width: 100%;
  margin-bottom: 15px;
  padding: 12px;
  font-size: 16px;
  font-weight: 500; }
  @media (max-width: 576px) {
    .email-main-wrapper .email-app-sidebar .emailbox.btn {
      padding: 7px; } }
  .email-main-wrapper .email-app-sidebar .emailbox.btn i {
    padding-right: 12px; }
    [dir="rtl"] .email-main-wrapper .email-app-sidebar .emailbox.btn i {
      padding-right: unset;
      padding-left: 12px; }

.email-body .mail-header-wrapper {
  padding: 16px;
  box-shadow: 0px 5px 10px 0px rgba(82, 82, 108, 0.08);
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 1468px) {
    .email-body .mail-header-wrapper {
      padding: 12px; } }
  @media (max-width: 600px) {
    .email-body .mail-header-wrapper {
      flex-direction: column;
      align-items: flex-start; } }
  .email-body .mail-header-wrapper .mail-header .form-check {
    display: flex;
    align-items: center; }
    @media (max-width: 420px) {
      .email-body .mail-header-wrapper .mail-header .form-check {
        align-items: flex-start; } }
    .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
      width: 18px;
      height: 18px;
      margin-top: 9px; }
      @media (max-width: 1468px) {
        .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
          margin-right: 8px;
          margin-top: 2px; }
          [dir="rtl"] .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
            margin-left: 8px;
            margin-right: unset; } }
      .email-body .mail-header-wrapper .mail-header .form-check .form-check-input:focus {
        box-shadow: unset;
        border: 1px solid var(--theme-deafult); }
  @media (max-width: 424px) {
    .email-body .mail-header-wrapper .mail-header ul {
      gap: 12px; } }
  @media (max-width: 351px) {
    .email-body .mail-header-wrapper .mail-header ul {
      flex-direction: column; } }
  .email-body .mail-header-wrapper .mail-header ul li a {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--chart-text-color);
    position: relative;
    padding-bottom: 0; }
    @media (max-width: 1468px) {
      .email-body .mail-header-wrapper .mail-header ul li a {
        padding: 7px; } }
    .email-body .mail-header-wrapper .mail-header ul li a::before {
      content: '';
      position: absolute;
      bottom: -23px;
      left: 0;
      width: 0;
      background-color: var(--theme-deafult);
      height: 2px;
      transition: all 0.1s ease-in; }
      [dir="rtl"] .email-body .mail-header-wrapper .mail-header ul li a::before {
        left: unset;
        right: 0; }
      @media (max-width: 1468px) {
        .email-body .mail-header-wrapper .mail-header ul li a::before {
          bottom: -15px; } }
      @media (max-width: 991px) {
        .email-body .mail-header-wrapper .mail-header ul li a::before {
          bottom: -13px; } }
      @media (max-width: 351px) {
        .email-body .mail-header-wrapper .mail-header ul li a::before {
          bottom: -2px; } }
    .email-body .mail-header-wrapper .mail-header ul li a.active {
      color: var(--theme-deafult); }
      .email-body .mail-header-wrapper .mail-header ul li a.active::before {
        width: 100%;
        transition: all 0.1s ease-in; }
    .email-body .mail-header-wrapper .mail-header ul li a svg {
      width: 22px;
      height: 22px; }
      @media (max-width: 424px) {
        .email-body .mail-header-wrapper .mail-header ul li a svg {
          display: none; } }
  .email-body .mail-header-wrapper .mail-body {
    display: flex;
    gap: 12px; }
    @media (max-width: 1500px) {
      .email-body .mail-header-wrapper .mail-body {
        justify-content: end; } }
    @media (max-width: 600px) {
      .email-body .mail-header-wrapper .mail-body {
        display: none; } }
    .email-body .mail-header-wrapper .mail-body .mail-search {
      position: relative; }
      @media (max-width: 1500px) {
        .email-body .mail-header-wrapper .mail-body .mail-search {
          width: 55%; } }
      @media (max-width: 1468px) {
        .email-body .mail-header-wrapper .mail-body .mail-search {
          width: 48%; } }
      @media (max-width: 1400px) {
        .email-body .mail-header-wrapper .mail-body .mail-search {
          display: none; } }
      .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
        display: inline-block;
        padding: 8px 30px; }
        .email-body .mail-header-wrapper .mail-body .mail-search .form-control:focus {
          box-shadow: unset;
          border: 1px solid var(--chart-dashed-border); }
        @media (max-width: 1504px) {
          .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
            max-width: 165px; } }
      .email-body .mail-header-wrapper .mail-body .mail-search i {
        position: absolute;
        top: 12px;
        left: 11px; }
        [dir="rtl"] .email-body .mail-header-wrapper .mail-body .mail-search i {
          left: 0;
          right: 11px; }
    .email-body .mail-header-wrapper .mail-body .light-square i {
      color: var(--body-font-color); }

.email-body .light-square {
  width: 40px;
  height: 39px;
  border-radius: 8px;
  background-color: var(--light-slate);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }
  @media (max-width: 992px) {
    .email-body .light-square {
      width: 34px;
      height: 35px; } }
  .email-body .light-square.dropdown-toggle::after {
    content: '';
    display: none; }
  .email-body .light-square .dropdown-menu .dropdown-item {
    border-top: 0; }
    .email-body .light-square .dropdown-menu .dropdown-item:hover {
      background-color: #E6E9EB; }
    .email-body .light-square .dropdown-menu .dropdown-item i {
      padding-right: 12px; }
      [dir="rtl"] .email-body .light-square .dropdown-menu .dropdown-item i {
        padding-right: 0;
        padding-left: 12px; }

.email-body .mail-body-wrapper ul li {
  padding: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid var(--chart-dashed-border); }
  .email-body .mail-body-wrapper ul li:hover {
    background-color: var(--light-background); }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .email-timing {
      display: none;
      transition: all 0.3s ease-in-out; }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options {
      display: flex;
      align-items: center;
      gap: 14px;
      justify-content: flex-end;
      min-width: 100px;
      transition: all 0.3s ease-in-out; }
      .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i {
        font-size: 18px; }
        @media (max-width: 375px) {
          .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i {
            font-size: 16px; } }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .show {
      display: block; }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .hide {
      display: none; }
  @media (max-width: 460px) {
    .email-body .mail-body-wrapper ul li.inbox-data {
      display: block; } }
  .email-body .mail-body-wrapper ul li:last-child {
    border-bottom: unset; }
  .email-body .mail-body-wrapper ul li .inbox-user {
    min-width: 290px;
    display: flex;
    align-items: center;
    gap: 12px; }
    @media (max-width: 1400px) {
      .email-body .mail-body-wrapper ul li .inbox-user {
        min-width: 280px; } }
    @media (max-width: 576px) {
      .email-body .mail-body-wrapper ul li .inbox-user {
        min-width: 260px; } }
    .email-body .mail-body-wrapper ul li .inbox-user .form-check-input {
      width: 18px;
      height: 18px; }
      .email-body .mail-body-wrapper ul li .inbox-user .form-check-input:focus {
        box-shadow: unset; }
    .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
      width: 50px;
      height: 50px;
      border: 2px solid var(--chart-dashed-border);
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 100%; }
      @media (max-width: 1400px) {
        .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
          width: 42px;
          height: 42px; } }
      @media (max-width: 355px) {
        .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
          display: none; } }
      .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 102, 102, 0.2);
        border-radius: 100%; }
        @media (max-width: 1400px) {
          .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div {
            width: 32px;
            height: 32px; } }
        .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div p {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 100%;
          font-weight: 900;
          padding-top: 3px; }
          @media (max-width: 1200px) {
            .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div p {
              font-size: 13px; } }
      .email-body .mail-body-wrapper ul li .inbox-user .rounded-border .circle-success {
        background-color: rgba(0, 172, 70, 0.3); }
      .email-body .mail-body-wrapper ul li .inbox-user .rounded-border img {
        border-radius: 100%;
        height: 38px; }
        @media (max-width: 1400px) {
          .email-body .mail-body-wrapper ul li .inbox-user .rounded-border img {
            height: 32px; } }
  .email-body .mail-body-wrapper ul li .inbox-message {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 16px; }
    @media (max-width: 700px) {
      .email-body .mail-body-wrapper ul li .inbox-message {
        display: block; } }
    .email-body .mail-body-wrapper ul li .inbox-message .email-data span {
      font-weight: 500;
      color: var(--chart-text-color);
      letter-spacing: 0.3;
      display: -webkit-box;
      max-width: 100%;
      margin: 0 auto;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
      .email-body .mail-body-wrapper ul li .inbox-message .email-data span span {
        font-weight: 400;
        line-height: 1.9; }
    .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge {
      border-radius: 20px; }
      @media (max-width: 1236px) {
        .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge {
          margin-bottom: 5px; } }
      .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge:last-child {
        margin-bottom: 0; }
    .email-body .mail-body-wrapper ul li .inbox-message .email-timing {
      display: flex;
      align-items: center;
      min-width: 80px;
      transition: all 0.3s ease-in-out; }
      @media (max-width: 768px) {
        .email-body .mail-body-wrapper ul li .inbox-message .email-timing {
          justify-content: flex-end;
          height: 18px; } }
      .email-body .mail-body-wrapper ul li .inbox-message .email-timing span {
        color: var(--body-font-color); }
    .email-body .mail-body-wrapper ul li .inbox-message .email-options {
      display: none;
      transition: all 0.3s ease-in-out; }
      @media (max-width: 768px) {
        .email-body .mail-body-wrapper ul li .inbox-message .email-options {
          height: 18px; } }
      .email-body .mail-body-wrapper ul li .inbox-message .email-options .show {
        display: block; }
      .email-body .mail-body-wrapper ul li .inbox-message .email-options .hide {
        display: none; }
      .email-body .mail-body-wrapper ul li .inbox-message .email-options i {
        color: var(--body-font-color); }
  .email-body .mail-body-wrapper ul li.page-item {
    padding: 0; }

.email-body .mail-body-wrapper .hidden {
  display: none !important; }

.email-body .mail-pagination {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px; }
  .email-body .mail-pagination .pagination-button,
  .email-body .mail-pagination .pagination-number {
    padding: 0px 12px;
    width: 35px;
    height: 35px;
    border-radius: 10px;
    border: unset; }
  .email-body .mail-pagination .pagination-button.disabled {
    background-color: var(--light-background);
    color: var(--chart-text-color);
    opacity: 1; }
  .email-body .mail-pagination .pagination-number {
    padding: 6px 12px; }
    .email-body .mail-pagination .pagination-number.active {
      background-color: var(--theme-deafult);
      color: var(--white); }
  .email-body .mail-pagination .pagination-index {
    display: flex;
    gap: 12px; }

.compose-modal form .form-control {
  position: relative; }

.compose-modal form .add-bcc {
  position: absolute;
  top: 2px;
  right: 16px; }
  [dir="rtl"] .compose-modal form .add-bcc {
    right: unset;
    left: 16px; }
  .compose-modal form .add-bcc .btn {
    padding: 5px 8px;
    background-color: var(--light-shade-primary);
    color: var(--theme-deafult); }

.mail-header-wrapper.header-wrapper1 {
  flex-direction: unset; }
  @media (max-width: 440px) {
    .mail-header-wrapper.header-wrapper1 {
      flex-direction: column;
      gap: 10px; } }
.mail-header-wrapper .mail-header1 {
  display: flex;
  align-items: center;
  gap: 18px; }
  .mail-header-wrapper .mail-header1 span {
    font-weight: 500;
    color: var(--body-font-color); }
  .mail-header-wrapper .mail-header1 .btn-email {
    width: 20px;
    height: 20px;
    stroke: var(--body-font-color); }

.mail-header-wrapper .mail-body1 {
  display: flex;
  gap: 10px; }
  .mail-header-wrapper .mail-body1 svg {
    width: 20px;
    height: 20px; }
    @media (max-width: 480px) {
      .mail-header-wrapper .mail-body1 svg {
        width: 18px;
        height: 18px; } }
.mail-body-wrapper .user-mail-wrapper {
  padding: 16px; }
  .mail-body-wrapper .user-mail-wrapper .user-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--chart-dashed-border); }
    @media (max-width: 390px) {
      .mail-body-wrapper .user-mail-wrapper .user-title {
        flex-direction: column;
        padding-bottom: 12px;
        justify-content: unset;
        align-items: unset; } }
    .mail-body-wrapper .user-mail-wrapper .user-title > div {
      display: flex;
      align-items: center;
      gap: 12px;
      padding-bottom: 12px; }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .rounded-border {
        width: 50px;
        height: 50px;
        border: 2px solid var(--chart-dashed-border);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%; }
        .mail-body-wrapper .user-mail-wrapper .user-title > div .rounded-border img {
          height: 38px;
          border-radius: 100%; }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .dropdown-button {
        display: flex;
        align-items: center;
        gap: 8px;
        color: var(--text-gray); }
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .dropdown-button svg {
          width: 16px;
          height: 16px; }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security {
        padding: 16px;
        box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
        min-width: 350px; }
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p {
          margin-bottom: 8px; }
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p:last-child {
            margin-bottom: 0; }
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p span {
            color: var(--body-font-color); }
      @media (max-width: 475px) {
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
          left: -27px; }
          [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
            left: unset;
            right: -27px; } }
      @media (max-width: 445px) {
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
          left: -70px; }
          [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
            left: unset;
            right: -70px; } }
      @media (max-width: 395px) {
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
          min-width: 270px; } }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
        top: 30px;
        z-index: 1; }
        [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
          left: unset;
          right: 0; }
        @media (max-width: 575px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            opacity: 1;
            visibility: visible; } }
        @media (max-width: 475px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            left: -27px; }
            [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
              left: unset;
              right: -27px; } }
        @media (max-width: 445px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            left: -70px; }
            [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
              left: unset;
              right: -70px; } }
        @media (max-width: 395px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            min-width: 270px; } }
    @media (max-width: 390px) {
      .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options {
        padding-bottom: 0; } }
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span {
      color: var(--chart-text-color); }
      @media (max-width: 623px) {
        .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span {
          display: none; } }
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options svg {
      width: 18px;
      height: 18px; }
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options .light-square .dropdown-toggle::after {
      content: unset; }
  .mail-body-wrapper .user-mail-wrapper .user-body {
    padding: 14px 0;
    border-bottom: 1px solid var(--chart-dashed-border); }
    .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(1) {
      padding-bottom: 14px; }
    .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(2), .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(4) {
      line-height: 1.8;
      margin-bottom: 10px; }
    .mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent {
      padding-top: 14px; }
      .mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent p {
        padding-bottom: 0; }
  .mail-body-wrapper .user-mail-wrapper .user-footer {
    padding: 14px 0;
    border-bottom: 1px solid var(--chart-dashed-border); }
    .mail-body-wrapper .user-mail-wrapper .user-footer > div:not(.toolbar-box) {
      display: flex;
      align-items: center;
      gap: 8px;
      padding-bottom: 12px;
      cursor: pointer; }
    .mail-body-wrapper .user-mail-wrapper .user-footer svg {
      width: 20px;
      height: 20px;
      fill: none;
      stroke: var(--text-gray); }
      @media (max-width: 480px) {
        .mail-body-wrapper .user-mail-wrapper .user-footer svg {
          width: 18px;
          height: 18px; } }
    .mail-body-wrapper .user-mail-wrapper .user-footer .attchment-file {
      align-items: center;
      gap: 30px;
      padding: 12px;
      background-color: var(--light-background); }
      .mail-body-wrapper .user-mail-wrapper .user-footer .attchment-file .common-flex img {
        height: 36px; }
  .mail-body-wrapper .user-mail-wrapper .send-btn {
    text-align: end;
    padding-top: 14px; }
    .mail-body-wrapper .user-mail-wrapper .send-btn i {
      margin-left: 8px;
      font-size: 12px; }
      [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .send-btn i {
        margin-left: 0;
        margin-right: 8px; }

.toolbar-box {
  display: block;
  padding: 0;
  border: 1px solid var(--chart-dashed-border);
  border-radius: 5px; }
  .toolbar-box .ql-toolbar.ql-snow {
    border: 0; }
  .toolbar-box .ql-container.ql-snow {
    border: 0;
    min-height: 100px; }
  [dir="rtl"] .toolbar-box .ql-editor {
    text-align: right; }
  .toolbar-box .ql-editor p:nth-child(3) {
    margin: 12px 0; }
  .toolbar-box .ql-editor p:nth-child(8), .toolbar-box .ql-editor p:nth-child(9) {
    margin: 12px 0; }
  .toolbar-box .ql-bold:hover,
  .toolbar-box .ql-italic:hover,
  .toolbar-box .ql-underline:hover,
  .toolbar-box .ql-strike:hover,
  .toolbar-box .ql-list:hover,
  .toolbar-box .ql-stroke:hover,
  .toolbar-box .ql-indent:hover,
  .toolbar-box .ql-link:hover,
  .toolbar-box .ql-image:hover {
    color: var(--theme-deafult); }
    .toolbar-box .ql-bold:hover svg .ql-stroke,
    .toolbar-box .ql-bold:hover svg .ql-fill,
    .toolbar-box .ql-italic:hover svg .ql-stroke,
    .toolbar-box .ql-italic:hover svg .ql-fill,
    .toolbar-box .ql-underline:hover svg .ql-stroke,
    .toolbar-box .ql-underline:hover svg .ql-fill,
    .toolbar-box .ql-strike:hover svg .ql-stroke,
    .toolbar-box .ql-strike:hover svg .ql-fill,
    .toolbar-box .ql-list:hover svg .ql-stroke,
    .toolbar-box .ql-list:hover svg .ql-fill,
    .toolbar-box .ql-stroke:hover svg .ql-stroke,
    .toolbar-box .ql-stroke:hover svg .ql-fill,
    .toolbar-box .ql-indent:hover svg .ql-stroke,
    .toolbar-box .ql-indent:hover svg .ql-fill,
    .toolbar-box .ql-link:hover svg .ql-stroke,
    .toolbar-box .ql-link:hover svg .ql-fill,
    .toolbar-box .ql-image:hover svg .ql-stroke,
    .toolbar-box .ql-image:hover svg .ql-fill {
      stroke: var(--theme-deafult); }
  .toolbar-box .ql-bold button.ql-active .ql-stroke,
  .toolbar-box .ql-italic button.ql-active .ql-stroke,
  .toolbar-box .ql-underline button.ql-active .ql-stroke,
  .toolbar-box .ql-strike button.ql-active .ql-stroke,
  .toolbar-box .ql-list button.ql-active .ql-stroke,
  .toolbar-box .ql-stroke button.ql-active .ql-stroke,
  .toolbar-box .ql-indent button.ql-active .ql-stroke,
  .toolbar-box .ql-link button.ql-active .ql-stroke,
  .toolbar-box .ql-image button.ql-active .ql-stroke {
    stroke: var(--theme-deafult); }

#editor .ql-editing,
#editor1 .ql-editing {
  left: 60.375px !important; }
  [dir="rtl"] #editor .ql-editing, [dir="rtl"] #editor1 .ql-editing {
    left: 0;
    right: 60.375px !important; }
  #editor .ql-editing.ql-out-bottom,
  #editor1 .ql-editing.ql-out-bottom {
    visibility: visible !important; }

#editor .ql-tooltip,
#editor1 .ql-tooltip {
  left: 35.9688px !important; }
  [dir="rtl"] #editor .ql-tooltip, [dir="rtl"] #editor1 .ql-tooltip {
    left: 0;
    right: 35.9688px !important; }
  @media (max-width: 430px) {
    #editor .ql-tooltip,
    #editor1 .ql-tooltip {
      left: 2.9688px !important; }
      [dir="rtl"] #editor .ql-tooltip, [dir="rtl"] #editor1 .ql-tooltip {
        left: 0;
        right: 2.9688px !important; } }
  #editor .ql-tooltip.ql-out-bottom,
  #editor1 .ql-tooltip.ql-out-bottom {
    visibility: visible !important; }
    @media (max-width: 430px) {
      #editor .ql-tooltip.ql-out-bottom input[type=text],
      #editor1 .ql-tooltip.ql-out-bottom input[type=text] {
        width: 94px; } }
.important-mail {
  width: 18px;
  height: 18px;
  fill: transparent;
  stroke: var(--chart-text-color);
  cursor: pointer; }
  .important-mail:active, .important-mail.active {
    fill: #FFAE1A;
    stroke: #FFAE1A; }

.bookmark-box {
  stroke: var(--chart-text-color); }
  .bookmark-box:active, .bookmark-box.active {
    stroke: var(--theme-deafult); }

.dropdown-subtitle > p {
  color: #52526c;
  font-weight: 500; }

/**=====================
    3.47 Letter_box CSS End
==========================**/
/**=====================
    3.16 Errorpage CSS Start
==========================**/
.error-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  text-align: center; }
  .error-wrapper.maintenance-bg {
    background-image: url(/../images/admin/other-images/maintenance-bg.jpg);
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: overlay; }
  .error-wrapper .maintenance-icons li i {
    color: #59667a;
    font-size: 50px;
    animation: rotate-effect 40s infinite linear reverse; }
  .error-wrapper .maintenance-icons li:nth-child(2) i {
    font-size: 100px;
    margin-left: 110px;
    margin-top: -25px;
    animation: reverse-rotate-effect 40s linear infinite; }
  .error-wrapper .maintenance-icons li:nth-child(3) i {
    animation: rotate-effect 30s infinite linear;
    font-size: 150px;
    margin-top: -85px;
    margin-right: 120px; }

@keyframes rotate-effect {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes reverse-rotate-effect {
  0% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(0deg); } }
  .error-wrapper .maintenance-heading {
    margin-top: 70px; }
    .error-wrapper .maintenance-heading .headline {
      font-size: 99px;
      font-weight: 900;
      letter-spacing: 10px;
      color: var(--theme-deafult);
      z-index: 2;
      position: relative;
      margin-top: -70px; }
  .error-wrapper .error-heading {
    margin-top: 115px; }
    .error-wrapper .error-heading .headline {
      font-size: 285px;
      font-weight: 700;
      letter-spacing: 1px;
      margin-top: -130px; }
  .error-wrapper .sub-content {
    font-size: 18px;
    color: #051A1A;
    letter-spacing: 1px;
    font-weight: normal;
    line-height: 35px;
    z-index: 3;
    position: relative;
    margin-top: 30px;
    margin-bottom: 0; }
  .error-wrapper .btn {
    margin-top: 40px; }

.error {
  margin: 70px 0 100px;
  color: #000; }
  .error .error-title {
    font-size: 9.5rem;
    color: #fff;
    text-shadow: 6px 6px 7px rgba(0, 0, 0, 0.32); }
  .error .line-bottom {
    width: 10%;
    height: 5px;
    background-color: #FFAE1A;
    border: none; }
  .error .c-white {
    color: #fff; }
  .error .error-btn {
    text-align: center; }
  .error .padd {
    padding: 10px 30px 10px 30px; }
  .error .btn-back-home {
    background-color: #E6E9EB;
    color: #000; }
    .error .btn-back-home:hover {
      background-color: #FFAE1A;
      color: #fff;
      box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21); }
  .error .btn-adnc-serc {
    background-color: #2c323f;
    color: #fff; }
    .error .btn-adnc-serc:hover {
      background-color: #FFAE1A;
      color: #fff;
      box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21); }

/**=====================
    3.16 Errorpage CSS Start
==========================**/
/**=====================
    3.17 Faq CSS start
==========================**/
.knowledgebase-bg {
  height: 500px;
  border-radius: 15px;
  margin-bottom: 30px; }

.knowledgebase-search {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  left: 5%; }
  .knowledgebase-search .form-inline {
    background-color: #fff;
    width: 500px;
    padding: 12px 50px;
    border-radius: 10px;
    border: 1px solid #E6E9EB;
    margin-top: 10px;
    position: relative; }
    .knowledgebase-search .form-inline ::placeholder {
      color: rgba(5, 26, 26, 0.6); }
    .knowledgebase-search .form-inline svg {
      position: absolute;
      left: 20px;
      width: 20px;
      top: 17px;
      stroke: rgba(5, 26, 26, 0.6); }

.faq-widgets {
  align-items: center; }
  .faq-widgets .media-body h5 {
    font-weight: 600;
    color: #fff;
    margin-bottom: 8px; }
  .faq-widgets .media-body p {
    padding-right: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis; }
  .faq-widgets svg {
    width: 150px;
    height: 150px;
    opacity: 0.5; }

.header-faq {
  margin-bottom: 30px; }
  .header-faq h5 {
    font-weight: 600; }

.features-faq.card .card-body,
.features-faq.card .card-footer {
  padding: 20px 25px; }

.features-faq .faq-image img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%; }

.features-faq .card-body h6 {
  margin-bottom: 15px;
  font-weight: 600; }

.add-project.table td {
  vertical-align: middle; }

.add-project .text-inherit {
  color: black; }

.faq-accordion.default-according {
  margin-bottom: 30px; }
  .faq-accordion.default-according .card .btn-link {
    display: flex; }
    .faq-accordion.default-according .card .btn-link svg {
      width: 20px;
      height: 20px;
      margin-right: 10px; }
  .faq-accordion.default-according .card .faq-header {
    position: relative;
    padding: 30px; }
    .faq-accordion.default-according .card .faq-header svg {
      position: absolute;
      right: 30px;
      top: 30px;
      width: 20px;
      height: 20px; }
    .faq-accordion.default-according .card .faq-header span {
      margin-top: 3px; }
  .faq-accordion.default-according .faq-body {
    padding: 20px !important; }
  .faq-accordion.default-according .card-mb-faq {
    margin-bottom: 30px; }

.faq-title {
  margin: 30px 0; }
  .faq-title h6 {
    color: #999999;
    font-weight: 600; }

.faq-form {
  position: relative; }
  .faq-form .search-icon {
    position: absolute;
    right: 12px;
    top: 9px;
    width: 20px;
    height: 20px; }

.navigation-btn {
  margin-bottom: 20px; }
  .navigation-btn a {
    display: flex;
    align-items: center;
    justify-content: center; }
    .navigation-btn a svg {
      width: 15px;
      height: 15px; }

.navigation-option ul li {
  position: relative;
  padding: 8px 8px 8px 0; }
  .navigation-option ul li:hover {
    background-color: #fdfeff; }
  .navigation-option ul li a {
    padding-left: 40px;
    color: #051A1A; }
    .navigation-option ul li a svg {
      position: absolute;
      width: 15px;
      height: 15px;
      top: 11px;
      left: 15px; }

.updates-faq {
  width: 40px;
  height: 40px;
  border: 2px solid var(--theme-deafult);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px; }
  .updates-faq svg {
    width: 18px;
    height: 18px; }

.updates-bottom-time p {
  margin-bottom: 2px; }
  .updates-bottom-time p + p {
    color: #999999; }

.updates-faq-main {
  margin-bottom: 20px; }
  .updates-faq-main a {
    font-weight: 500; }
  .updates-faq-main:last-child {
    margin-bottom: 0; }

@media only screen and (max-width: 1399.98px) {
  .faq-widgets svg {
    width: 80px;
    height: 80px; } }

@media only screen and (max-width: 1199px) {
  .faq-accordion {
    margin-bottom: 30px; } }

@media only screen and (max-width: 991px) {
  .faq-accordion.default-according .card .faq-header {
    padding: 20px !important; }
    .faq-accordion.default-according .card .faq-header svg {
      right: 20px;
      top: 20px; }
  .navigation-option ul li {
    padding: 10px 10px 10px 0; }
    .navigation-option ul li a svg {
      top: 12px; } }

@media only screen and (max-width: 767px) {
  .xs-mt-search {
    margin-top: 30px; } }

@media only screen and (max-width: 575px) {
  .xs-mt-search {
    margin-top: 0px; }
  .faq-widgets svg {
    width: 60px;
    height: 60px; }
  .faq-title {
    margin: 15px 0; }
  .header-faq {
    margin-bottom: 15px;
    margin-top: 10px; }
  .faq-accordion {
    margin-bottom: 0px; }
    .faq-accordion .faq-header {
      padding: 15px !important; }
      .faq-accordion .faq-header .pull-right {
        float: right; }
      .faq-accordion .faq-header svg {
        right: 15px;
        top: 15px; }
  .navigation-btn,
  .updates-faq-main {
    margin-bottom: 15px; } }

/**=====================
    3.17 Faq CSS end
==========================**/
/**=====================
   3.18 File CSS
==========================**/
.files-content {
  display: flex;
  margin-bottom: -10px; }
  .files-content li {
    margin-right: 20px;
    margin-bottom: 10px; }
    .files-content li .files-list .file-left {
      background-color: rgba(0, 102, 102, 0.05);
      border: 1px solid #ecf3fa;
      padding: 18px 22px;
      border-radius: 5px; }

.file-sidebar .card .card-body,
.file-sidebar .card .card-header,
.file-content .card .card-body,
.file-content .card .card-header {
  padding: 20px !important; }
  .file-sidebar .card .card-body .file-manager,
  .file-sidebar .card .card-header .file-manager,
  .file-content .card .card-body .file-manager,
  .file-content .card .card-header .file-manager {
    padding-top: unset !important; }
  .file-sidebar .card .card-body .form-group input,
  .file-sidebar .card .card-header .form-group input,
  .file-content .card .card-body .form-group input,
  .file-content .card .card-header .form-group input {
    line-height: 0; }

.file-manager .folder {
  margin-bottom: -12px; }
  .file-manager .folder li:nth-child(n+2) {
    margin-left: 12px;
    margin-bottom: 12px; }
  .file-manager .folder li:nth-child(5), .file-manager .folder li:nth-child(9), .file-manager .folder li:nth-child(13) {
    margin-left: 0; }

.file-sidebar ul li + li {
  margin-top: 8px; }

.file-sidebar .btn {
  display: flex;
  align-items: center;
  padding: 8px 20px;
  font-weight: 400; }
  .file-sidebar .btn.btn-light:hover {
    color: #006666 !important; }
    .file-sidebar .btn.btn-light:hover svg {
      stroke: #006666; }
  .file-sidebar .btn svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px; }

.file-sidebar .pricing-plan {
  border: 1px solid #ecf3fa;
  border-radius: 5px;
  margin-top: 10px;
  padding: 15px;
  position: relative;
  overflow: hidden; }
  .file-sidebar .pricing-plan h6 {
    font-size: 14px;
    margin-bottom: 2px;
    color: #898989; }
  .file-sidebar .pricing-plan h5 {
    font-weight: 500;
    font-size: 20px; }
  .file-sidebar .pricing-plan p {
    margin-bottom: 5px;
    color: #898989; }
  .file-sidebar .pricing-plan .btn {
    display: inline-block;
    font-size: 12px; }
  .file-sidebar .pricing-plan .bg-img {
    position: absolute;
    top: 40px;
    opacity: 0.1;
    transform: rotate(-45deg);
    right: -40px; }

.file-manager h5 {
  font-size: 18px;
  font-weight: 600; }

.file-manager > h6 {
  opacity: 0.6;
  font-weight: 400 !important;
  font-size: 15px;
  margin-bottom: 12px; }

.file-manager .files-gap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px; }
  .file-manager .files-gap.list-group {
    flex-direction: unset; }

.file-manager p {
  font-size: 12px;
  color: #999999;
  margin-bottom: 0; }

.folder h6 {
  opacity: 0.9;
  font-weight: 500 !important;
  font-size: 14px; }

.files-content,
.quick-file {
  flex-wrap: wrap; }

.quick-file {
  margin-bottom: -10px; }
  .quick-file li {
    margin-right: 20px;
    margin-bottom: 10px; }
    .quick-file li h6 {
      font-size: 14px;
      text-align: center;
      font-weight: 400;
      margin-top: 8px; }
    .quick-file li .quick-box {
      background-color: rgba(0, 102, 102, 0.05);
      border: 1px solid #ecf3fa;
      padding: 20px 24px;
      border-radius: 5px; }
      .quick-file li .quick-box i {
        font-size: 30px;
        margin-right: 0; }

.file-content .folder-box .files-list h6 {
  font-size: 16px;
  font-weight: 400; }

.file-content .folder-box .files-list i {
  margin-right: 0; }

.file-content .ellips {
  position: absolute;
  top: 30px;
  right: 30px;
  opacity: 0.7; }

.file-content .form-inline {
  border: 1px solid #ecf3fa;
  padding: 0px 20px;
  border-radius: 5px; }
  .file-content .form-inline i {
    padding-right: 10px;
    color: #898989;
    line-height: 3; }
  .file-content .form-inline input::-webkit-input-placeholder {
    color: #898989; }
  .file-content .form-inline input:focus {
    outline: none !important; }

.file-content .search-form input {
  padding: 5px 10px 5px 70px;
  border-radius: 5px; }

.file-content .search-form .form-group:before {
  left: 82px;
  top: 37px; }

.file-content .search-form .form-group:after {
  top: 39px;
  left: 53px; }

.file-content .btn svg {
  height: 16px;
  margin-right: 2px;
  vertical-align: -3px; }

.file-content h4 {
  font-weight: 500;
  margin-bottom: 5px;
  font-size: 24px;
  line-height: 1; }

.file-content .folder .folder-box {
  border: 1px solid #ecf3fa;
  border-radius: 5px;
  padding: 15px;
  background-color: #fff;
  width: calc(25% - 15px);
  display: inline-block;
  margin: 2px 0;
  position: relative; }
  .file-content .folder .folder-box h6 {
    font-size: 16px; }
  .file-content .folder .folder-box .ellips {
    top: 22px;
    right: 22px; }
  .file-content .folder .folder-box:nth-child(1) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 10ms; }
  .file-content .folder .folder-box:nth-child(2) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 20ms; }
  .file-content .folder .folder-box:nth-child(3) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 30ms; }
  .file-content .folder .folder-box:nth-child(4) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 40ms; }
  .file-content .folder .folder-box:nth-child(5) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 50ms; }
  .file-content .folder .folder-box:nth-child(6) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 60ms; }
  .file-content .folder .folder-box:nth-child(7) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 70ms; }
  .file-content .folder .folder-box:nth-child(8) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 80ms; }
  .file-content .folder .folder-box:nth-child(9) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 90ms; }
  .file-content .folder .folder-box:nth-child(10) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 100ms; }
  .file-content .folder .folder-box:nth-child(11) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 110ms; }
  .file-content .folder .folder-box:nth-child(12) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 120ms; }
  .file-content .folder .folder-box:nth-child(13) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 130ms; }
  .file-content .folder .folder-box:nth-child(14) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 140ms; }
  .file-content .folder .folder-box:nth-child(15) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 150ms; }

.md-sidebar .md-sidebar-toggle {
  display: none;
  width: fit-content;
  margin-bottom: 20px;
  font-weight: 600;
  text-transform: capitalize; }

@media screen and (max-width: 1440px) {
  .file-content .folder .folder-box .d-flex {
    display: block !important;
    text-align: center; }
    .file-content .folder .folder-box .d-flex .flex-grow-1 {
      margin-left: 0 !important;
      margin-top: 5px; } }

@media screen and (max-width: 1366px) {
  .file-content .folder {
    margin-bottom: -10px; }
    .file-content .folder .folder-box {
      margin-bottom: 10px;
      margin-right: 0;
      padding: 13px; }
      .file-content .folder .folder-box .media i {
        font-size: 30px; }
  .file-content .card-header .btn {
    padding: 8px 15px;
    z-index: 0; }
  .file-sidebar .btn {
    padding: 8px 15px; } }

@media screen and (max-width: 1199px) {
  .job-sidebar .job-left-aside {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0;
    opacity: 1;
    visibility: hidden;
    overflow-y: scroll;
    z-index: 3;
    max-width: 270px;
    height: 600 px;
    background-color: #fff;
    border: 1 px solid #e6edef;
    padding: 12px; }
  .job-sidebar .job-toggle {
    display: block !important;
    margin-bottom: 20px; }
  .job-sidebar .job-left-aside.open {
    opacity: 1;
    visibility: visible; }
  .md-sidebar .md-sidebar-toggle {
    display: block;
    width: fit-content; }
  .md-sidebar .md-sidebar-aside {
    position: absolute;
    top: 70%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    width: 280px; }
    .md-sidebar .md-sidebar-aside.open {
      opacity: 1;
      visibility: visible; } }

@media screen and (max-width: 768px) {
  .file-content .form-inline {
    display: inline-block;
    padding: 0px 0px 0px 20px; }
  .file-content .folder {
    margin-bottom: -10px; }
    .file-content .folder .folder-box {
      width: calc(50% - 20px);
      margin-bottom: 10px;
      margin-right: 8px; }
      [dir="rtl"] .file-content .folder .folder-box {
        margin-right: 0px; }
      .file-content .folder .folder-box:nth-child(odd) {
        margin-left: 0; } }

@media screen and (max-width: 420px) {
  .file-content .folder .folder-box {
    width: calc(100%);
    margin-right: unset; }
  .file-content h4 {
    font-size: 20px; }
  .file-content .card-header .btn {
    padding: 7px 10px;
    font-size: 12px; }
  .file-manager .folder li:nth-child(n+2) {
    margin-left: 0; }
  .file-manager > h6 {
    font-size: 14px; } }

/**=====================
    3.18 File CSS
==========================**/
/**=====================
    3.19 Gallery CSS Start
==========================**/
.profile-img-style img,
.scroll-bar-wrap img {
  width: 100%; }

.gallery {
  margin-bottom: -30px; }
  .gallery > a {
    margin-bottom: 30px; }
    .gallery > a:before {
      content: "\edee";
      font-family: IcoFont;
      position: absolute;
      height: calc(100% - 10px);
      left: 20px;
      width: calc(100% - 40px);
      background-color: rgba(255, 255, 255, 0.27);
      top: 5px;
      transform: scale(0);
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px;
      color: #000; }
    .gallery > a:hover:before {
      transform: scale(1);
      transition: all 0.3s ease; }
    .gallery > a .img-thumbnail {
      border-radius: 0; }

.gallery-with-description {
  margin-bottom: -30px; }
  .gallery-with-description a > div {
    padding: 10px;
    border: 1px solid #e4e6ec;
    margin-bottom: 30px;
    border-radius: 0 0 5px 5px; }
  .gallery-with-description a:hover {
    text-decoration: none !important; }
  .gallery-with-description h4 {
    color: #2c323f;
    margin-top: 15px;
    font-size: 18px;
    margin-bottom: 5px; }
  .gallery-with-description p {
    color: #a3a3a3; }

.lg-backdrop {
  background-color: #fff; }

.lg-outer .lg-actions .lg-next,
.lg-outer .lg-actions .lg-prev {
  background-color: white;
  border: 1px solid #efefef; }
  .lg-outer .lg-actions .lg-next:hover,
  .lg-outer .lg-actions .lg-prev:hover {
    color: #2c323f; }

.lg-outer .lg-toolbar {
  background-color: rgba(255, 255, 255, 0.45);
  border-bottom: 1px solid #2c323f; }
  .lg-outer .lg-toolbar .lg-icon:hover {
    color: #2c323f; }

.lg-outer #lg-counter {
  color: #2c323f; }

.lg-outer .lg-sub-html {
  background-color: rgba(255, 255, 255, 0.45); }
  .lg-outer .lg-sub-html h4 {
    font-size: inherit;
    color: #2c323f; }
  .lg-outer .lg-sub-html p {
    color: #2c323f; }

.lg-outer .lg-thumb-outer {
  background-color: #ecf3fa; }

.lg-outer .lg-thumb-item {
  padding: 4px;
  border: 1px solid #efefef;
  border-radius: 0; }
  .lg-outer .lg-thumb-item .active, .lg-outer .lg-thumb-item:hover {
    border-color: #000; }

.gallery a:before, .gallery a:after {
  content: none; }

.gallery .img-hover > div {
  overflow: hidden; }

.gallery .hover-1 img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  .gallery .hover-1 img:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }

.gallery .hover-2 img {
  width: 100%;
  height: auto;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  transform: translateX(0px); }

.gallery .hover-2:hover img {
  transform: translateX(40px) scale(1.2); }

.gallery .hover-3 img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-3:hover img {
  -webkit-transform: scale(1);
  transform: scale(1); }

.gallery .hover-4 img {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-4:hover img {
  -webkit-transform: scale(1);
  transform: scale(1); }

.gallery .hover-5 img {
  margin-left: 30px;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-5:hover img {
  margin-left: 0; }

.gallery .hover-6 img {
  -webkit-transform: rotate(15deg) scale(1.4);
  transform: rotate(15deg) scale(1.4);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-6:hover img {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1); }

.gallery .hover-7 img {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-7:hover img {
  -webkit-filter: blur(0);
  filter: blur(0); }

.gallery .hover-8 img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-8:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0); }

.gallery .hover-9 img {
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-9:hover img {
  -webkit-filter: sepia(0);
  filter: sepia(0); }

.gallery .hover-10 img {
  -webkit-filter: grayscale(0) blur(0);
  filter: grayscale(0) blur(0);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-10:hover img {
  -webkit-filter: grayscale(100%) blur(3px);
  filter: grayscale(100%) blur(3px); }

.gallery .hover-11 img {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-11:hover img {
  opacity: .5; }

@-webkit-keyframes flash {
  0% {
    opacity: .4; }
  100% {
    opacity: 1; } }

@keyframes flash {
  0% {
    opacity: .4; }
  100% {
    opacity: 1; } }

.gallery .hover-13:hover img {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s; }

@-webkit-keyframes shine {
  100% {
    left: 125%; } }

@keyframes shine {
  100% {
    left: 125%; } }

.gallery .hover-14 div {
  position: relative; }
  .gallery .hover-14 div:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg); }
  .gallery .hover-14 div:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s; }

.gallery .hover-15 div {
  position: relative; }
  .gallery .hover-15 div:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0; }
  .gallery .hover-15 div:hover:before {
    -webkit-animation: circle .75s;
    animation: circle .75s; }

@-webkit-keyframes circle {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

@keyframes circle {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

* {
  box-sizing: border-box; }
  *:after, *:before {
    box-sizing: border-box; }

.grid {
  position: relative; }

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both; }

/* ---- .grid-item ---- */
.grid-item img {
  max-width: 100%;
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6; }

.gallery-with-description .grid-item img {
  border: 0;
  padding: 0; }

/**=====================
    3.19 Gallery CSS Ends
==========================**/
/**=====================
    3.20 Helper CSS start
==========================**/
.helper-common-box {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  gap: 8px; }
  .helper-common-box:last-child {
    margin-bottom: 0; }
  .helper-common-box.helper-p-wrapper {
    gap: 12px;
    margin-bottom: 0;
    flex-wrap: wrap; }

.border-wrapper {
  padding: 20px; }

.helper-box {
  width: 40px;
  height: 40px;
  border-radius: 25%; }
  .helper-box.helper-text {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900; }

.helper-radius {
  width: 60px;
  height: 30px; }

.fill-wrapper {
  background-color: #E6E9EB; }

.gradient-border {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  align-items: center; }
  @media (max-width: 1200px) {
    .gradient-border {
      gap: calc(13px + (22 - 13) * ((100vw - 320px) / (1200 - 320))); } }
.radius-wrapper {
  background-color: #efefef; }

.font-wrapper {
  display: flex;
  align-items: center;
  padding: 12px 20px; }

.helper-padding {
  display: flex;
  flex-direction: column;
  gap: 12px; }

.helper-p-box {
  display: flex;
  justify-content: center;
  align-items: center; }
  .helper-p-box span {
    color: var(--body-font-color); }

.common-p-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start; }

/**=====================
    3.20 Helper CSS end
==========================**/
/**=====================
    3.21 Internationalization CSS start
==========================**/
.hdg_main {
  position: relative; }

.main .langChoice {
  position: absolute;
  right: 40px;
  top: 31px;
  padding: 10px 18px;
  background-color: transparent; }

@media (max-width: 991px) {
  .main .langChoice {
    right: 20px;
    top: 11px;
    padding: 8px; } }

@media only screen and (max-width: 575px) {
  .main .langChoice {
    top: 14px;
    padding: 4px 7px; }
  .language-xs {
    margin-top: 15px; } }

@media only screen and (max-width: 360px) {
  .language-header {
    padding-bottom: 60px !important; }
  .main .langChoice {
    left: 0;
    margin: 0 auto;
    top: 50px;
    width: 30%;
    right: 0; } }

/**=====================
    3.21 Internationalization CSS End
==========================**/
/**=====================
    3.22 Job-search CSS Start
==========================**/
.filter-cards-view .job-filter:first-child {
  margin-bottom: 30px; }

.filter-cards-view .checkbox-animated {
  margin-top: 30px;
  margin-bottom: 30px; }

.location-checkbox span {
  color: #999999;
  padding-left: 33px; }
  [dir="rtl"] .location-checkbox span {
    padding-left: unset;
    padding-right: 33px; }

.job-accordion .card {
  margin-bottom: 30px; }

.job-accordion .btn-block {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.job-search p {
  margin-top: 14px; }

.job-search .d-flex .flex-grow-1 h6 {
  margin-bottom: 3px; }
  .job-search .d-flex .flex-grow-1 h6 span {
    font-size: 13px;
    color: #999999;
    font-weight: normal; }
    .job-search .d-flex .flex-grow-1 h6 span.badge {
      color: #fff; }

.job-search .d-flex .flex-grow-1 > p {
  margin-top: 0;
  color: #999999; }

.job-search .job-description {
  margin-top: 30px; }
  .job-search .job-description button span {
    color: #fff; }
  .job-search .job-description h6 {
    font-weight: 600;
    margin-bottom: 30px; }
  .job-search .job-description p {
    margin-top: 0;
    margin-bottom: 6px; }
  .job-search .job-description ul {
    list-style-type: disc;
    list-style-position: inside; }
    .job-search .job-description ul li {
      margin-bottom: 10px; }
      .job-search .job-description ul li:last-child {
        margin-bottom: 0; }
  .job-search .job-description .theme-form {
    margin-top: 30px;
    margin-bottom: 30px; }
    .job-search .job-description .theme-form .row div[class^="col-"] + div[class^="col-"] .select2-container {
      margin-top: 18px; }
    .job-search .job-description .theme-form .row div[class^="col-"] .job-select2 ~ .select2-container {
      margin-top: 0 !important; }
    .job-search .job-description .theme-form .row div[class^="col-"] .input-group .datepicker-here {
      font-size: 14px;
      border: 1px solid #efefef;
      padding-top: 12px;
      padding-bottom: 12px; }

.select2-container .select2-selection--single {
  border-radius: 0.25rem !important;
  border-color: #efefef;
  height: 47px !important;
  padding: 10px; }

.job-pagination {
  margin-bottom: 30px; }
  .job-pagination nav ul {
    justify-content: center; }

@media only screen and (max-width: 1366px) {
  .xl-mt-job {
    margin-bottom: 20px; } }

@media only screen and (max-width: 991px) {
  .filter-cards-view {
    padding: 20px !important; }
    .filter-cards-view .job-filter:first-child {
      margin-bottom: 20px; }
    .filter-cards-view .checkbox-animated {
      margin-top: 20px;
      margin-bottom: 20px; }
  .job-accordion .animate-chk {
    padding: 20px !important; }
  .job-search > p {
    margin-top: 20px; } }

@media only screen and (max-width: 575px) {
  .filter-cards-view {
    padding: 15px !important; }
    .filter-cards-view .job-filter:first-child {
      margin-bottom: 15px; }
    .filter-cards-view .checkbox-animated {
      margin-top: 15px;
      margin-bottom: 15px; }
  .job-accordion .animate-chk {
    padding: 15px !important; }
  .job-search p {
    margin-top: 15px; }
  .job-search .d-flex {
    display: block;
    text-align: center; }
    .job-search .d-flex .flex-grow-1 h6 .pull-right {
      float: none;
      margin-top: 3px;
      display: block; }
    .job-search .d-flex .flex-grow-1 h6 a {
      display: block; }
    .job-search .d-flex .flex-grow-1 p span + span {
      display: block;
      color: #E6E9EB; }
    .job-search .d-flex img {
      margin-bottom: 15px; }
    .job-search .d-flex .m-r-20 {
      margin-right: 0; }
  .job-search .job-description {
    margin-top: 15px; }
    .job-search .job-description .theme-form {
      margin-top: 15px;
      margin-bottom: 15px; }
      .job-search .job-description .theme-form .row div[class^="col-"] + div[class^="col-"] .select2-container {
        margin-top: 2px; }
      .job-search .job-description .theme-form .xs-mt-period {
        margin-top: 15px; }
  .job-pagination {
    margin-bottom: 15px; }
  .xl-mt-job {
    margin-bottom: 15px; } }

@media only screen and (max-width: 360px) {
  .job-search .job-description .btn {
    padding: 6px 12px; } }

.select-date .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 9px;
  right: 12px; }

/**=====================
    3.22 Job-search CSS End
==========================**/
/**=====================
  3.23 Jsgrid CSS Start
==========================**/
.jsgrid .jsgrid-grid-body .jsgrid-cell {
  padding: 0.75rem; }

.jsgrid .jsgrid-pager-container {
  text-align: right; }

.jsgrid .jsgrid-pager {
  padding: 0;
  margin-top: 20px; }
  .jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button {
    margin-right: -5px; }
    .jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button:first-child {
      border-radius: 5px 0 0 5px; }
  .jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button {
    margin-left: -5px; }
    .jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button:last-child {
      border-radius: 0 5px 5px 0; }
  .jsgrid .jsgrid-pager [class*="jsgrid-pager"] {
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    border: 1px solid #E6E9EB; }
  .jsgrid .jsgrid-pager .jsgrid-pager-page a {
    color: #2c323f; }
  .jsgrid .jsgrid-pager .jsgrid-pager-current-page {
    color: #2c323f; }

.jsgrid .jsgrid-selected-row > .jsgrid-cell {
  background: #E6E9EB;
  border-color: #fafafa; }

.jsgrid .jsgrid-header-row > .jsgrid-header-cell {
  padding: 0.75rem;
  font-weight: 500; }

/**=====================
  3.23 Jsgrid CSS Ends
==========================**/
/**=====================
  3.24 Kanban CSS start
==========================**/
.jkanban-container .btn {
  margin-bottom: 10px; }

.jkanban-container .note a {
  display: contents; }

.kanban-board-header {
  height: auto;
  width: auto;
  line-height: unset;
  background: #F5F5F5;
  border-bottom: 1px solid #ddd; }
  .kanban-board-header.bg-info ~ .kanban-drag {
    background-color: rgba(23, 56, 120, 0.3) !important; }
  .kanban-board-header.bg-warning ~ .kanban-drag {
    background-color: rgba(255, 174, 26, 0.3) !important; }
  .kanban-board-header.bg-success ~ .kanban-drag {
    background-color: rgba(0, 172, 70, 0.3) !important; }

.kanban-container {
  display: contents; }

.kanban-board {
  margin-bottom: 30px;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  border-radius: 8px;
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  overflow: hidden;
  width: calc(100% / 3 - 30px) !important; }
  .kanban-board .kanban-drag {
    background: #F5F5F5; }

.kanban-item {
  background: transparent;
  padding: 0;
  margin-bottom: 20px; }
  .kanban-item .kanban-box .badge {
    line-height: 13px; }
  .kanban-item p {
    opacity: 0.7; }
  .kanban-item:last-child {
    margin-bottom: 0; }
  .kanban-item .list {
    display: inline-block;
    opacity: 0.4; }
    .kanban-item .list li {
      display: inline-block;
      font-size: 12px;
      padding: 0px 4px; }
      .kanban-item .list li i {
        margin-right: 8px; }
  .kanban-item .kanban-box {
    border: 1px solid #efefef;
    border-radius: 5px;
    padding: 20px;
    position: relative;
    display: block;
    color: inherit;
    background-color: #fff; }
    .kanban-item .kanban-box:hover {
      color: inherit; }
    .kanban-item .kanban-box + .kanban-box {
      margin-top: 20px; }
    .kanban-item .kanban-box .badge {
      font-weight: 400; }
    .kanban-item .kanban-box h6 {
      font-size: 15px;
      margin-top: 5px;
      font-weight: 600;
      margin-bottom: 8px; }
    .kanban-item .kanban-box .dropdown {
      display: inline-block;
      right: 10px;
      position: absolute;
      top: 20px; }
      .kanban-item .kanban-box .dropdown .dropdown-item {
        font-size: 13px;
        font-weight: 500;
        padding: 5px 10px;
        text-align: left; }
      .kanban-item .kanban-box .dropdown svg {
        height: 14px; }
    .kanban-item .kanban-box .d-flex {
      justify-content: space-between; }
    .kanban-item .kanban-box .dropdown-toggle:after {
      content: none; }
    .kanban-item .kanban-box .customers ul li + li {
      margin-left: -10px; }
    .kanban-item .kanban-box .date {
      font-size: 11px;
      opacity: 0.5; }

footer {
  margin: 0;
  padding: 0; }

@media only screen and (max-width: 1199px) {
  .jkanban-container .btn {
    margin-bottom: 10px;
    margin-left: 20px; }
  .kanban-container .kanban-board {
    width: 320px !important; } }

@media only screen and (max-width: 600px) {
  .kanban-board .kanban-drag,
  .kanban-container .kanban-item .kanban-box {
    padding: 10px 15px; }
  .kanban-container .kanban-board {
    margin-left: 10px !important;
    margin-right: 10px !important; } }

@media only screen and (max-width: 480px) {
  .jkanban-container .card-body {
    padding: 20px 0 !important; }
  .kanban-board .kanban-drag,
  .kanban-container .kanban-item .kanban-box {
    padding: 10px 15px; }
  .kanban-container .kanban-board {
    width: 270px !important; } }

@media screen and (max-width: 375px) {
  .kanban-container .kanban-board {
    width: 258px !important; } }

/**=====================
   3.24 Kanban CSS ends
==========================**/
/**=====================
    3.25 Knowledgebase CSS start
==========================**/
.browse .browse-articles span {
  vertical-align: middle; }
  .browse .browse-articles span:nth-child(2) {
    padding-left: 20px;
    font-weight: 400; }
    [dir="rtl"] .browse .browse-articles span:nth-child(2) {
      padding-left: unset;
      padding-right: 20px; }
  .browse .browse-articles span svg {
    width: 14px;
    height: 14px;
    vertical-align: text-top;
    position: absolute;
    left: 0;
    top: 4px; }
    [dir="rtl"] .browse .browse-articles span svg {
      left: unset;
      right: 0; }

.browse .browse-articles h6 {
  padding-bottom: 10px;
  margin-bottom: 0px;
  border-bottom: 1px solid #fdfeff;
  padding-left: 40px; }
  [dir="rtl"] .browse .browse-articles h6 {
    padding-left: unset;
    padding-right: 40px; }
  .browse .browse-articles h6 span svg {
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    top: 0;
    left: 22px; }

.browse .browse-articles ul li {
  padding: 8px;
  border-radius: 8px; }
  .browse .browse-articles ul li a {
    color: #051A1A;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px; }
  .browse .browse-articles ul li:hover {
    background-color: #fdfeff; }

@media only screen and (max-width: 1366px) {
  .browse div[class^="col-"]:nth-child(3) {
    margin-top: 30px; } }

@media only screen and (max-width: 360px) {
  .browse .browse-articles ul li a span:nth-child(2) {
    width: 158px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block; } }

.badge.pull-right {
  padding-top: 8px; }

.articles-icons svg {
  min-width: 18px; }

.articles-icons .media-body h6 {
  margin-bottom: 8px; }

.media.faq-widgets svg {
  min-width: 18px; }

/**=====================
    3.25 Knowledgebase CSS End
==========================**/
/**=====================
    3.26 Landing CSS Start
==========================**/
html:hover .cursor {
  opacity: 1; }

.cursor {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: none; }
  .cursor--hover .cursor-inner {
    transform: scale(0.5);
    opacity: 0; }
  .cursor--hover .cursor-outer {
    transform: scale(1.4);
    border-color: #006666;
    opacity: 1; }

.cursor-move-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: -3px;
  margin-left: -3px; }

.cursor-move-outer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.cursor-inner {
  display: block;
  width: 80%;
  height: 80%;
  background: #006666;
  border-radius: 50%;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.cursor-outer {
  display: block;
  width: 70%;
  height: 70%;
  border: 1px solid #006666;
  border-radius: 50%;
  box-sizing: border-box;
  box-shadow: 0px 0px 4px 4px rgba(0, 102, 102, 0.22);
  transition: border 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.landing-page div canvas:first-child {
  display: none !important; }

/* MESH LOADER */
@keyframes mesh {
  0% {
    transform-origin: 50% -100%;
    transform: rotate(0); }
  50% {
    transform-origin: 50% -100%;
    transform: rotate(360deg); }
  50.1% {
    transform-origin: 50% 200%;
    transform: rotate(0deg); }
  100% {
    transform-origin: 50% 200%;
    transform: rotate(360deg); } }

@keyframes rotate-animation {
  0% {
    transform: rotate3d(1, 1, 1, 0deg); }
  25% {
    transform: rotate3d(1, 1, 1, 2deg); }
  50% {
    transform: rotate3d(1, 1, 1, 0deg); }
  75% {
    transform: rotate3d(1, 1, 1, -2deg); }
  100% {
    transform: rotate3d(1, 1, 1, 0deg); } }

.mesh-loader {
  overflow: hidden;
  height: inherit;
  width: inherit; }
  .mesh-loader .circle {
    position: absolute;
    background: #006666;
    border-radius: 50%;
    margin: -3px;
    animation: mesh 3s ease-in-out infinite -1.5s;
    width: 6px;
    height: 6px; }
  .mesh-loader > div .circle:last-child {
    animation-delay: 0s; }
  .mesh-loader > div {
    position: absolute;
    top: 50%;
    left: 50%; }
  .mesh-loader > div:last-child {
    transform: rotate(90deg); }

@-webkit-keyframes animloader14 {
  0% {
    transform: scale(0);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }

@keyframes animloader14 {
  0% {
    transform: scale(0);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }

.feature-box {
  padding: 16px 22px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start; }
  @media (max-width: 575px) {
    .feature-box {
      padding: 20px; } }
  .feature-box img {
    transition: all 0.3s ease; }
  .feature-box:hover {
    background-color: #006666; }
    .feature-box:hover h5 {
      color: #fff; }
    .feature-box:hover p {
      color: #fff; }
    .feature-box:hover img {
      transform: scale(0.7);
      animation: swing 2s ease infinite; }
    .feature-box:hover .feature-icon {
      background-color: rgba(0, 102, 102, 0.08); }
  .feature-box h5 {
    padding-bottom: 11px; }
  .feature-box .feature-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    border-radius: 17px;
    top: -20px;
    right: 22px;
    box-shadow: 5px 7px 4px 0px rgba(0, 0, 0, 0.2); }
    .feature-box .feature-icon div {
      height: 45px;
      width: 45px;
      border-radius: 17px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 102, 102, 0.08); }

.feature-section {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: 610px;
  padding-top: 70px;
  background-color: rgba(0, 102, 102, 0.06); }
  .feature-section .vector-image {
    top: 50px;
    right: -170px; }
    @media (max-width: 1674px) {
      .feature-section .vector-image {
        top: 60px;
        right: -160px; } }
    @media (max-width: 1600px) {
      .feature-section .vector-image {
        top: 0px;
        right: -20px; } }
    @media (max-width: 1655px) {
      .feature-section .vector-image {
        right: -130px; } }
    @media (max-width: 1595px) {
      .feature-section .vector-image {
        right: -6px;
        top: -10px; } }
    @media (max-width: 1399px) {
      .feature-section .vector-image {
        top: -6px;
        right: -10px; } }
    @media (max-width: 1199px) {
      .feature-section .vector-image {
        right: -12px; } }
    .feature-section .vector-image img {
      height: 370px; }
      @media (max-width: 1674px) {
        .feature-section .vector-image img {
          height: 340px; } }
      @media (max-width: 1655px) {
        .feature-section .vector-image img {
          height: 310px; } }
      @media (max-width: 1600px) {
        .feature-section .vector-image img {
          height: 300px; } }
      @media (max-width: 1399px) {
        .feature-section .vector-image img {
          height: 280px; } }
  .feature-section .round-gif {
    top: unset;
    bottom: 12%; }
    @media (max-width: 1660px) {
      .feature-section .round-gif {
        left: 0; } }
    @media (max-width: 1460px) {
      .feature-section .round-gif {
        bottom: unset;
        top: 6%; } }
    @media (max-width: 991px) {
      .feature-section .round-gif {
        top: -3%; } }
    @media (max-width: 575px) {
      .feature-section .round-gif {
        top: -2%; } }
    .feature-section .round-gif img {
      width: 105px;
      height: 105px; }
      @media (max-width: 1460px) {
        .feature-section .round-gif img {
          width: 90px;
          height: 90px; } }
      @media (max-width: 575px) {
        .feature-section .round-gif img {
          width: 70px;
          height: 70px; } }
.landing-page {
  color: #000248; }
  .landing-page .section-py-space {
    padding-top: 70px;
    padding-bottom: 70px; }
    .landing-page .section-py-space .title {
      margin-top: -5px;
      margin-bottom: 70px; }
      .landing-page .section-py-space .title h5 {
        color: #006666;
        text-align: center;
        font-family: Caveat;
        font-weight: 700;
        font-size: 20px; }
      .landing-page .section-py-space .title h2 {
        font-size: 40px;
        color: #051A1A;
        position: relative; }
        .landing-page .section-py-space .title h2::after {
          content: "";
          position: absolute;
          height: 5px;
          left: 50%;
          transform: translate(-50%);
          width: 51px;
          top: 60px;
          border-radius: 10px;
          background-color: #FE6A49; }
      .landing-page .section-py-space .title span {
        letter-spacing: 1.5px;
        color: rgba(5, 26, 26, 0.8); }
    .landing-page .section-py-space .support-title {
      z-index: 8;
      position: absolute;
      right: 50%;
      transform: translate(36%); }
      .landing-page .section-py-space .support-title h2 {
        font-weight: 700;
        font-size: 26px;
        text-align: end; }
      .landing-page .section-py-space .support-title .premium-button {
        text-align: end; }
      .landing-page .section-py-space .support-title p {
        letter-spacing: 1.5px;
        text-align: end;
        color: #86909C;
        margin-bottom: 0px;
        padding-bottom: 8px; }
    .landing-page .section-py-space .license-title h3 {
      position: absolute;
      top: 38%;
      left: 3%;
      transform: translate(10%);
      color: #006666;
      text-align: center;
      font-family: Caveat;
      font-weight: 700;
      font-size: 43px; }
  .landing-page .demo-section .dashboard-images .demo-box .img-wrraper img {
    border-radius: 10px;
    padding: 10px;
    border: 1px solid rgba(0, 102, 102, 0.65); }
    .landing-page .demo-section .dashboard-images .demo-box .img-wrraper img:hover {
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .demo-section .down-loader {
    position: relative; }
    .landing-page .demo-section .down-loader img {
      position: absolute;
      top: 310px; }
  .landing-page .demo-section .demo-box {
    background-color: rgba(0, 102, 102, 0.06);
    padding: 0px 21px 20px;
    border-radius: 10px; }
    .landing-page .demo-section .demo-box .layout-name {
      padding: 18px 0px 18px 0px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .landing-page .demo-section .demo-box .layout-name a {
        font-size: 17px;
        font-weight: 600;
        color: #006666;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal; }
      .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px; }
        .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li {
          height: 10px;
          width: 10px;
          border-radius: 100%;
          opacity: 0.5; }
          .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:first-child {
            background-color: #006666; }
          .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:nth-child(2) {
            background-color: #FE6A49; }
          .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:last-child {
            background-color: #FFAE1A; }
    .landing-page .demo-section .demo-box .demo-title {
      padding-top: 20px;
      text-align: center; }
      .landing-page .demo-section .demo-box .demo-title .btn {
        text-transform: capitalize;
        border: 1px solid #006666;
        padding: 8px 15px;
        transition: all 0.5s ease;
        color: #fff; }
        .landing-page .demo-section .demo-box .demo-title .btn:hover {
          background-color: #006666;
          color: #fff; }
    .landing-page .demo-section .demo-box .img-wrraper {
      overflow: hidden;
      position: relative;
      border: 2px solid rgba(230, 233, 235, 0.65);
      border-radius: 10px; }
      .landing-page .demo-section .demo-box .img-wrraper img {
        transition: all 0.5s ease;
        width: 100%;
        padding: 6px; }
    .landing-page .demo-section .demo-box:hover .img-wrraper {
      transition: all 0.5s ease;
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .demo-section .demo-block {
    margin-bottom: -30px;
    justify-content: center; }
    .landing-page .demo-section .demo-block > div {
      margin-bottom: 30px; }
  .landing-page .application-section .app-box .img-wrraper img {
    border-radius: 10px;
    padding: 10px;
    background-color: rgba(0, 102, 102, 0.06);
    padding: 20px; }
    .landing-page .application-section .app-box .img-wrraper img:hover {
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .application-section .down-loader {
    position: relative; }
    .landing-page .application-section .down-loader img {
      position: absolute;
      top: 310px; }
  .landing-page .application-section .app-box {
    border-radius: 10px; }
    .landing-page .application-section .app-box .layout-name {
      padding: 18px 0px 18px 0px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .landing-page .application-section .app-box .layout-name a {
        font-size: 17px;
        font-weight: 600;
        color: #006666; }
      .landing-page .application-section .app-box .layout-name .riho-demo-img ul {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px; }
        .landing-page .application-section .app-box .layout-name .riho-demo-img ul li {
          height: 10px;
          width: 10px;
          border-radius: 100%;
          opacity: 0.5; }
          .landing-page .application-section .app-box .layout-name .riho-demo-img ul li:first-child {
            background-color: #006666; }
          .landing-page .application-section .app-box .layout-name .riho-demo-img ul li:nth-child(2) {
            background-color: #FE6A49; }
          .landing-page .application-section .app-box .layout-name .riho-demo-img ul li:last-child {
            background-color: #FFAE1A; }
    .landing-page .application-section .app-box .demo-title {
      padding-top: 20px;
      text-align: center; }
      .landing-page .application-section .app-box .demo-title .btn {
        text-transform: capitalize;
        border: none !important;
        background: linear-gradient(90deg, rgba(13, 126, 126, 0.08) -18.33%, rgba(0, 102, 102, 0.08) 62.78%) !important;
        padding: 8px 15px;
        font-weight: 600;
        transition: all 0.5s ease;
        color: #006666; }
        .landing-page .application-section .app-box .demo-title .btn:hover, .landing-page .application-section .app-box .demo-title .btn:active {
          background-color: #006666 !important;
          color: #fff !important; }
    .landing-page .application-section .app-box .img-wrraper {
      overflow: hidden;
      position: relative;
      border-radius: 10px; }
      .landing-page .application-section .app-box .img-wrraper img {
        transition: all 0.5s ease;
        width: 100%;
        background-color: rgba(0, 102, 102, 0.06);
        padding: 20px; }
    .landing-page .application-section .app-box:hover .img-wrraper {
      transition: all 0.5s ease;
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .application-section .demo-block {
    margin-bottom: -30px;
    justify-content: center; }
    .landing-page .application-section .demo-block > div {
      margin-bottom: 30px; }

.demo-section .demo-box.dashboard-images .img-wrraper {
  position: relative;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  border-radius: 15px;
  overflow: hidden;
  transition: all 0.5s ease;
  background-color: #fff; }
  .demo-section .demo-box.dashboard-images .img-wrraper img {
    transition: all 0.5s ease;
    border-radius: 14px; }
  .demo-section .demo-box.dashboard-images .img-wrraper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    background-color: rgba(0, 102, 102, 0.09);
    z-index: 2;
    transition: all 0.5s ease; }
  .demo-section .demo-box.dashboard-images .img-wrraper .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    opacity: 0;
    z-index: 3;
    visibility: hidden;
    transform: scale(0) rotate(-90deg);
    transition: all 0.5s ease; }
    .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link {
      width: fit-content;
      margin: auto;
      z-index: 3; }
      .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li {
        display: inline-block; }
        .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li:nth-child(n+2) {
          margin-left: 10px; }
        .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li a {
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          width: 158px;
          height: 50px;
          border-radius: 12px;
          background-color: #fff; }
          .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li a img {
            width: auto;
            height: 50%; }

.demo-section .demo-box.dashboard-images .demo-detail {
  padding-top: 25px; }
  .demo-section .demo-box.dashboard-images .demo-detail .demo-title {
    text-align: center; }
    .demo-section .demo-box.dashboard-images .demo-detail .demo-title h3 {
      font-size: 22px;
      font-family: "Montserrat", sans-serif;
      text-transform: capitalize;
      font-weight: 400;
      margin-bottom: -7px;
      color: #1A1C23; }

.animate-slider .slick-slide img {
  width: 100%; }

.text-marqee {
  height: 230px; }
  @media (max-width: 1199px) {
    .text-marqee {
      height: 166px; } }
  @media (max-width: 991px) {
    .text-marqee {
      height: 130px; } }
  @media (max-width: 767px) {
    .text-marqee {
      height: 95px; } }
  @media (max-width: 575px) {
    .text-marqee {
      height: 65px; } }
.marquee {
  padding-top: 70px;
  margin-bottom: -30px;
  animation: scrolling 40s linear infinite; }
  .marquee .marquee-name p {
    text-align: end; }
    .marquee .marquee-name p.big-title {
      margin-bottom: 0px;
      font-weight: 700;
      font-size: 60px;
      font-family: "Montserrat", sans-serif;
      text-transform: uppercase;
      color: #fff;
      -webkit-background-clip: text;
      background-image: linear-gradient(26deg, #006666, rgba(13, 126, 126, 0.19));
      -webkit-text-stroke: 2px transparent; }

@keyframes scrolling {
  0% {
    transform: translate(100vw); }
  100% {
    transform: translate(-117vw); } }

.f-light {
  color: #86909C; }

.vector-image {
  position: absolute; }
  @media (max-width: 991px) {
    .vector-image {
      display: none; } }
.loader-gif {
  right: 5%;
  top: 25%; }
  @media (max-width: 1199px) {
    .loader-gif {
      top: 32%; } }
  @media (max-width: 991px) {
    .loader-gif {
      right: 15px; } }
  @media (max-width: 575px) {
    .loader-gif {
      top: 28%; } }
.loader-line-gif {
  right: 15%;
  top: 12%; }
  @media (max-width: 1660px) {
    .loader-line-gif {
      right: 5%; } }
  @media (max-width: 1399px) {
    .loader-line-gif {
      top: 10%;
      right: 0; } }
  @media (max-width: 1199px) {
    .loader-line-gif {
      top: 9%; } }
  @media (max-width: 991px) {
    .loader-line-gif {
      top: 0; } }
  .loader-line-gif img {
    width: 130px; }
    @media (max-width: 575px) {
      .loader-line-gif img {
        width: 80px; } }
.rating-title {
  font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: normal; }

.layout h5 {
  margin-bottom: 10px;
  opacity: .8;
  letter-spacing: 1.2px; }

.layout .btn {
  padding: 0.15rem 0.5rem; }

.common-card {
  background: #FCFCFD;
  border: 2px solid #fff;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  border-radius: 10px; }

.testimonial-box {
  position: relative;
  padding: 20px 25px;
  text-align: left;
  margin-bottom: 33px; }
  .testimonial-box .rating-content {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px; }
  .testimonial-box h5 {
    font-size: 16px;
    margin-bottom: 0; }
  .testimonial-box .text-end span {
    font-size: 13px; }
  .testimonial-box .customer-img {
    width: 60px;
    height: 60px;
    background: #FFFAFA;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -25px; }
  .testimonial-box p {
    margin-bottom: 0; }

.about-section .slick-slide {
  padding: 0 14px; }

.testimonial-slider .slick-dots li {
  width: auto;
  height: auto; }
  .testimonial-slider .slick-dots li button {
    background: rgba(82, 82, 108, 0.2);
    border-radius: 20px;
    height: 5px;
    width: 11px;
    padding: 0;
    transition: all 0.5s; }
    .testimonial-slider .slick-dots li button::before {
      display: none; }
  .testimonial-slider .slick-dots li.slick-active button {
    background: #006666;
    border-radius: 20px;
    width: 20px;
    transition: all 0.5s; }

.customer-box {
  position: relative;
  background-color: #f7f7f7;
  text-align: center;
  padding: 40px 30px;
  border-radius: 25px;
  box-shadow: 30px 30px 33px rgba(119, 119, 119, 0.25); }
  @media (max-width: 1399px) {
    .customer-box {
      padding: 40px 35px; } }
  @media (max-width: 1199px) {
    .customer-box {
      padding: 30px 25px; } }
  @media (max-width: 991px) {
    .customer-box {
      padding: 17px 13px; } }
  @media (max-width: 575px) {
    .customer-box {
      box-shadow: 12px 12px 12px rgba(119, 119, 119, 0.25); } }
  .customer-box img {
    height: 70px;
    width: auto; }
    @media (max-width: 991px) {
      .customer-box img {
        height: 50px; } }
.customer-wrapper {
  position: relative;
  padding: 12px; }
  @media (max-width: 767px) {
    .customer-wrapper {
      padding: 0; } }
  .customer-wrapper .outline-box {
    position: absolute;
    bottom: -6px;
    left: -5px; }
    @media (max-width: 1399px) {
      .customer-wrapper .outline-box {
        bottom: -1px;
        left: 0px; } }
    @media (max-width: 1199px) {
      .customer-wrapper .outline-box {
        bottom: -1px;
        left: -2px;
        width: 120%; } }
    @media (max-width: 767px) {
      .customer-wrapper .outline-box {
        display: none; } }
.customer-wrap {
  margin: 0 -28px; }
  @media (max-width: 1199px) {
    .customer-wrap {
      margin: 0 -15px; } }
  @media (max-width: 991px) {
    .customer-wrap {
      margin: 0 -10px; } }
  @media (max-width: 767px) {
    .customer-wrap {
      margin: -12px; } }
  .customer-wrap > div {
    padding: 0 28px; }
    @media (max-width: 1199px) {
      .customer-wrap > div {
        padding: 0 15px; } }
    @media (max-width: 991px) {
      .customer-wrap > div {
        padding: 0 10px; } }
    @media (max-width: 767px) {
      .customer-wrap > div {
        padding: 12px; } }
  @media (max-width: 1199px) {
    .customer-wrap > div:last-child .outline-box {
      width: 100%; } }
.demo-section .title, .feature-section .title {
  margin-bottom: 30px;
  margin-top: -10px; }
  .demo-section .title h2, .feature-section .title h2 {
    color: #006666;
    font-size: 40px; }
  .demo-section .title span, .feature-section .title span {
    font-size: 15px;
    letter-spacing: 1.5px;
    color: rgba(5, 26, 26, 0.8); }

.framework {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: auto;
  background-color: rgba(0, 102, 102, 0.06); }
  .framework ul.framworks-list {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 45px;
    flex-wrap: wrap;
    margin-bottom: 1px; }
    .framework ul.framworks-list li {
      display: inline-block;
      display: flex;
      gap: 20px;
      align-items: center;
      min-width: 222px;
      gap: 10px;
      padding: 12px 20px 12px 12px;
      background-color: #fff;
      border-radius: 10px;
      width: fit-content;
      box-shadow: 0px 1.9217px 1.53736px 0px rgba(0, 102, 102, 0.03), 0px 4.6181px 3.69448px 0px rgba(0, 102, 102, 0.05), 0px 8.69547px 6.95638px 0px rgba(0, 102, 102, 0.06), 0px 10px 10px 0px rgba(0, 102, 102, 0.04);
      position: relative; }
      .framework ul.framworks-list li div {
        height: 70px;
        width: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        background-color: rgba(0, 102, 102, 0.1); }
      .framework ul.framworks-list li:nth-child(13) {
        margin-bottom: 0px; }
      .framework ul.framworks-list li:last-child {
        margin-bottom: 0px; }
      .framework ul.framworks-list li img {
        transition: all 0.3s ease;
        height: 30px; }
        .framework ul.framworks-list li img.img-68 {
          width: 68px; }
      .framework ul.framworks-list li h5 {
        margin-bottom: unset; }
      .framework ul.framworks-list li:hover {
        background-color: #fff; }
        .framework ul.framworks-list li:hover::before {
          content: "";
          position: absolute;
          height: 100%;
          width: 100%;
          top: 0px;
          left: 0px;
          border-radius: 10px; }
        .framework ul.framworks-list li:hover img {
          transform: scale(0.7);
          animation: swing 2s ease infinite; }
  .framework .wavy-gif {
    left: 100%;
    top: 23%; }
    .framework .wavy-gif svg {
      width: 80px;
      transform: rotate(90deg); }
      @media (max-width: 1199px) {
        .framework .wavy-gif svg {
          width: 60px; } }
      @media (max-width: 575px) {
        .framework .wavy-gif svg {
          width: 30px; } }
    .framework .wavy-gif path {
      stroke: #FFAE1A;
      stroke-dasharray: 500;
      stroke-dashoffset: 500;
      animation: dash 1.5s linear infinite; }

@keyframes dash {
  to {
    stroke-dashoffset: 0; } }
    @media (max-width: 1399px) {
      .framework .wavy-gif {
        right: 3%;
        top: 15%; } }
    @media (max-width: 991px) {
      .framework .wavy-gif {
        right: 1%;
        top: 10%; } }
    @media (max-width: 767px) {
      .framework .wavy-gif {
        top: 8%; } }
.frame-tab {
  background: rgba(244, 245, 248, 0.5);
  border-radius: 40px;
  border: none;
  gap: 10px;
  display: inline-flex;
  padding: 5px;
  margin-bottom: 50px; }
  .frame-tab .nav-item img {
    width: 21px;
    height: 21px; }
  .frame-tab .nav-item .nav-link {
    font-size: 18px;
    padding: 16px 40px;
    border-radius: 40px;
    background: transparent;
    border: none;
    color: rgba(0, 2, 72, 0.5);
    font-weight: 500; }
    @media (max-width: 991px) {
      .frame-tab .nav-item .nav-link {
        font-size: 16px;
        padding: 10px 25px; } }
    .frame-tab .nav-item .nav-link img {
      margin-right: 10px;
      filter: grayscale(1); }
    .frame-tab .nav-item .nav-link.active {
      color: #000248;
      background: #fff;
      box-shadow: 0px 7px 15px rgba(46, 35, 94, 0.06); }
      .frame-tab .nav-item .nav-link.active img {
        filter: unset; }
  @media (max-width: 575.98px) {
    .frame-tab.nav {
      display: inline-flex;
      background-color: transparent; } }
.framework-box {
  position: relative;
  display: flex;
  align-items: center;
  background: #FCFCFD;
  border: 2px solid #fff;
  box-shadow: 0px 5px 20px rgba(46, 35, 94, 0.12);
  border-radius: 50px 16px 16px 50px;
  padding: 18px 16px;
  gap: 16px;
  margin-left: 30px;
  transition: all 0.5s; }
  .framework-box::after {
    position: absolute;
    content: '';
    width: 40px;
    height: calc(100% + 4px);
    border-right: 1px dashed rgba(0, 2, 72, 0.2);
    right: -1px;
    border-top: 1px dashed rgba(0, 2, 72, 0.2);
    border-bottom: 1px dashed rgba(0, 2, 72, 0.2);
    border-radius: 10px;
    top: -1px;
    bottom: 0; }
  .framework-box .frame-icon {
    position: relative;
    min-width: 55px;
    height: 55px;
    background: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -48px; }
    @media (max-width: 575px) {
      .framework-box .frame-icon {
        min-width: 52px;
        height: 52px; } }
    .framework-box .frame-icon::before {
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      box-shadow: 3px 4px 5px rgba(46, 35, 94, 0.11), inset 3px 0px 1px rgba(204, 204, 215, 0.5);
      border-radius: 100%; }
    .framework-box .frame-icon img {
      width: 30px;
      height: 30px; }
      @media (max-width: 575px) {
        .framework-box .frame-icon img {
          width: 25px;
          height: 25px; } }
  .framework-box .frame-details {
    position: relative;
    text-align: left; }
    .framework-box .frame-details p {
      opacity: 0.7;
      margin-bottom: 0; }
    .framework-box .frame-details::before, .framework-box .frame-details::after {
      position: absolute;
      content: '';
      width: 8px;
      height: 8px;
      background: #FEFEFF;
      border: 1px solid rgba(0, 2, 72, 0.2);
      border-radius: 100%;
      right: 17px; }
    .framework-box .frame-details::before {
      top: -23px; }
    .framework-box .frame-details::after {
      bottom: -24px; }
  @media (min-width: 576px) {
    .framework-box:hover {
      transform: scale(1.05);
      transition: all 0.5s; } }
  .framework-box:hover .frame-icon::before {
    animation-name: rotate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }

@keyframes rotate {
  from {
    transform: rotate(-360deg); }
  to {
    transform: rotate(360deg); } }

.sub-title {
  font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 700;
  font-family: "Caveat", cursive;
  color: #FFB905; }

.rotate-title {
  color: #FF5A82; }

.landing-home {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: 1060px;
  background-image: url(/../images/landing/demo-bg.png); }
  .landing-home .sub-title {
    font-size: calc(18px + (30 - 18) * ((100vw - 300px) / (1920 - 300))); }
  .landing-home .user-content {
    width: 36%;
    padding: 35px 0px;
    text-align: center;
    font-size: 15px;
    margin: auto; }
    .landing-home .user-content span {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: rgba(5, 26, 26, 0.8); }
  .landing-home .star-animate {
    position: relative; }
    .landing-home .star-animate img {
      height: 30px;
      width: 30px;
      position: absolute;
      top: 0px;
      left: 0px; }
  .landing-home .content .arrow-animate svg {
    top: 311px;
    right: 66px;
    height: 80px;
    width: 61px;
    position: absolute;
    animation: rotate-animation 2s linear infinite;
    transition: all 1s ease; }
  .landing-home .content h1 {
    margin-top: 167px;
    color: #051A1A;
    line-height: 1.2;
    font-weight: 600;
    font-size: calc(25px + (60 - 25) * ((100vw - 300px) / (1920 - 300))); }
    .landing-home .content h1 span {
      background: #006666;
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .landing-home .content h1 .sub-content {
      position: relative;
      gap: 35px; }
      .landing-home .content h1 .sub-content::before {
        content: "";
        background-color: #051A1A;
        position: absolute;
        top: 30px;
        left: 222px;
        height: 50px;
        border-radius: 10px;
        width: 24%;
        transform: rotate(3deg); }
      .landing-home .content h1 .sub-content button {
        background-color: #fff;
        border: 2.36px solid #051A1A;
        border-radius: 9px;
        padding: 14px 38px;
        font-weight: 600;
        font-size: 28px;
        transform: rotate(6deg);
        color: radial-gradient(circle, #1baeae 2%, #1a9494 50%, #048f8f 100%) !important;
        border-color: #051A1A;
        text-transform: uppercase;
        overflow: hidden; }
        .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider {
          width: 165px;
          position: relative; }
          .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
            content: "";
            background-image: linear-gradient(180deg, #24B5B5 0%, #228585 100%);
            position: absolute;
            border-radius: 15px;
            height: 10px;
            width: 10px;
            top: 8px;
            left: -21px;
            z-index: 1; }
        .landing-home .content h1 .sub-content button::before {
          content: "";
          background-color: #051A1A;
          height: 40px;
          width: 40px;
          position: absolute;
          right: -22px;
          top: -19px;
          border-radius: 25px; }
        .landing-home .content h1 .sub-content button::after {
          content: "";
          background-color: #051A1A;
          height: 24px;
          width: 24px;
          position: absolute;
          right: -8px;
          bottom: -12px;
          border-radius: 24px; }
        .landing-home .content h1 .sub-content button span {
          background: linear-gradient(180deg, #24B5B5 0%, #228585 100%);
          background-clip: text;
          -webkit-background-clip: text;
          font-size: 25px;
          font-weight: 600;
          text-transform: uppercase;
          -webkit-text-fill-color: transparent; }
  .landing-home .content p {
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    opacity: 0.8;
    width: 64%;
    margin: 0 auto; }
    @media (max-width: 1366px) {
      .landing-home .content p {
        width: 90%; } }
    @media (max-width: 767px) {
      .landing-home .content p {
        width: 100%; } }
  .landing-home .best-selling {
    position: relative;
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease; }
    .landing-home .best-selling img {
      position: absolute;
      top: 154px;
      left: -30%;
      transform: rotate(-15.412deg);
      z-index: 1; }
    .landing-home .best-selling .img-shadow {
      position: absolute;
      height: 230px;
      width: 245px;
      border-radius: 4px;
      left: -30%;
      top: 165px;
      transform: rotate(350deg);
      background-color: #E6E9EB; }
  .landing-home .nft-marketplace {
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease;
    position: relative; }
    .landing-home .nft-marketplace img {
      position: absolute;
      top: 174px;
      right: -35%;
      z-index: 1;
      transform: rotate(7deg); }
    .landing-home .nft-marketplace .nft-marketplace-shadow {
      position: absolute;
      height: 207px;
      border-radius: 4px;
      width: 299px;
      background-color: #E6E9EB;
      right: -30%;
      top: 210px;
      transform: rotate(1.053deg); }
  .landing-home .new-user-img {
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease;
    position: relative; }
    .landing-home .new-user-img img {
      position: absolute;
      bottom: 100px;
      right: -15%;
      transform: rotate(13.746deg);
      z-index: 1; }
    .landing-home .new-user-img .new-user-shadow {
      position: absolute;
      bottom: 152px;
      right: -17%;
      border-radius: 4px;
      transform: rotate(110.697deg);
      height: 218px;
      width: 221px;
      background-color: #E6E9EB; }
  .landing-home .total-revenue-img {
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease;
    position: relative; }
    .landing-home .total-revenue-img img {
      position: absolute;
      bottom: 250px;
      left: -30%;
      transform: rotate(-14.949deg);
      z-index: 1; }
    .landing-home .total-revenue-img .total-revenue-shadow {
      background-color: #E6E9EB;
      position: absolute;
      border-radius: 4px;
      height: 110px;
      width: 204px;
      bottom: 269px;
      left: -28%;
      transform: rotate(341deg); }
  .landing-home .screen-1 {
    background-color: #fff;
    border-radius: 20px;
    border: 2px solid #000;
    padding: 20px;
    width: fit-content;
    margin: auto;
    position: relative; }
  .landing-home .screen-2 {
    position: absolute;
    bottom: 175px;
    left: 55px;
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease; }
    .landing-home .screen-2 img {
      position: relative;
      transform: rotate(359deg);
      border-radius: 14px;
      transform: rotate(-3.435deg);
      z-index: 1; }
    .landing-home .screen-2 .screen-sidebar {
      position: absolute;
      height: 459px;
      width: 95px;
      border-radius: 4px;
      top: 24px;
      transform: rotate(350deg);
      background-color: #E6E9EB; }
  .landing-home .star-img {
    position: relative; }
    .landing-home .star-img .start-animate {
      position: absolute;
      bottom: 540px;
      left: -22%; }
  .landing-home .star-img-left {
    position: relative; }
    .landing-home .star-img-left .start-animate-rotate {
      position: absolute;
      bottom: 440px;
      right: -22%; }
  .landing-home .btn-grp {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center; }
    @media (max-width: 767px) {
      .landing-home .btn-grp {
        gap: 12px; } }
    @media (max-width: 575px) {
      .landing-home .btn-grp {
        flex-wrap: wrap;
        gap: 10px; } }
    .landing-home .btn-grp img {
      height: 30px; }
      @media (max-width: 767px) {
        .landing-home .btn-grp img {
          height: 22px; } }
      @media (max-width: 575px) {
        .landing-home .btn-grp img {
          height: 20px; } }
  .landing-home .content {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1; }
    @media (max-width: 1366px) {
      .landing-home .content {
        margin-top: 170px; } }
    @media (max-width: 1199px) {
      .landing-home .content {
        margin-top: 140px; } }
    @media (max-width: 575px) {
      .landing-home .content {
        margin-top: 100px; } }
  .landing-home .content-title {
    position: relative;
    display: inline-block; }
    .landing-home .content-title .arrow-decore {
      position: absolute;
      left: -203px;
      top: -25px; }
      @media (max-width: 1660px) {
        .landing-home .content-title .arrow-decore {
          left: -166px;
          width: 150px; } }
      @media (max-width: 991px) {
        .landing-home .content-title .arrow-decore {
          left: -125px;
          width: 110px;
          top: -14px; } }
      @media (max-width: 575px) {
        .landing-home .content-title .arrow-decore {
          left: -61px;
          width: 60px;
          top: -4px; } }
  .landing-home .sticky-header header .nav-padding {
    padding: 35px 200px 25px; }

.navbar {
  justify-content: flex-start; }
  .navbar .navbar-toggler {
    margin-left: auto; }

.navbar-nav {
  align-items: center; }
  .navbar-nav .nav-item {
    position: relative; }
    .navbar-nav .nav-item .nav-link {
      font-size: 18px;
      letter-spacing: 1px;
      padding: 12px 20px;
      transition: all 0.3s ease;
      position: relative; }
      .navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item .nav-link:active, .navbar-nav .nav-item .nav-link.active {
        opacity: 1;
        transition: all 0.3s ease; }
        .navbar-nav .nav-item .nav-link:hover::before, .navbar-nav .nav-item .nav-link:active::before, .navbar-nav .nav-item .nav-link.active::before {
          content: '';
          position: absolute;
          height: 3px;
          top: 35px;
          width: 15px;
          color: #006666;
          background-color: #006666; }

.landing-page .navbar-expand-xl .navbar-collapse {
  background-color: transparent; }

.landing-page .page-body-wrapper {
  min-height: 100vh;
  background: #eaf4ff;
  overflow: hidden; }

.landing-page .buy-btn {
  font-size: 16px;
  background: linear-gradient(90deg, #006666 -18.33%, #006666 62.78%);
  border-radius: 7px;
  padding: 11px 39px;
  margin-left: 10px; }
  @media (max-width: 991px) {
    .landing-page .buy-btn {
      padding: 12px 35px; } }
  @media (max-width: 767px) {
    .landing-page .buy-btn {
      padding: 9px 20px;
      font-size: 14px; } }
  .landing-page .buy-btn a {
    color: #fff;
    padding: 0; }

.landing-page .navbar-nav .nav-item .nav-link {
  letter-spacing: 1.5px;
  color: #051A1A;
  text-transform: capitalize; }
  .landing-page .navbar-nav .nav-item .nav-link a:active {
    color: #006666; }

.landing-page .sticky-header header {
  background: transparent;
  box-shadow: none;
  z-index: 100;
  left: 0;
  height: auto; }
  .landing-page .sticky-header header.sticky {
    margin-top: 0; }
    .landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {
      font-size: 16px;
      padding: 15px 12px; }

.navbar-expand-xl .navbar-brand {
  padding-left: 18px; }

.navbar-expand-xl .navbar-collapse {
  flex-flow: row nowrap;
  justify-content: flex-end;
  background-color: #fff; }

.faq-section .accordion {
  display: flex;
  flex-direction: column;
  gap: 20px; }
  .faq-section .accordion-button, .faq-section .accordion-body {
    padding: 0; }
  .faq-section .accordion-button:not(.collapsed) {
    color: #006666;
    background: transparent; }
  .faq-section .accordion-button:focus {
    box-shadow: unset;
    border: none; }
  .faq-section .accordion-button::after {
    font-family: 'IcoFont';
    content: "\eb25";
    font-size: 24px;
    background: unset;
    width: auto;
    height: auto;
    margin-bottom: -4px; }
  .faq-section .accordion-body {
    padding-top: 14px;
    margin-top: 14px;
    border-top: 1px solid rgba(82, 82, 108, 0.5);
    text-align: left; }

.faq-section .vector-image {
  left: -160px;
  top: 30px; }
  @media (max-width: 1600px) {
    .faq-section .vector-image {
      left: 60px;
      top: -30px; } }
  @media (max-width: 1199px) {
    .faq-section .vector-image {
      left: 0px;
      top: -30px; } }
  .faq-section .vector-image img {
    height: 400px; }
    @media (max-width: 1600px) {
      .faq-section .vector-image img {
        height: 270px; } }
.pricing-section .loader-gif {
  top: -5%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-gif {
      top: -11%;
      right: 2%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-gif {
      top: -2%;
      right: 2%; } }
  .pricing-section .loader-gif .loader-1 {
    width: 56px;
    height: 56px; }
    .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
      width: 56px;
      height: 56px; }
    @media (max-width: 575px) {
      .pricing-section .loader-gif .loader-1 {
        width: 40px;
        height: 40px; }
        .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
          width: 40px;
          height: 40px; } }
.pricing-section .loader-line-gif {
  right: unset;
  top: unset;
  left: 22%;
  bottom: 15%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 12%; } }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 16%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-line-gif {
      left: 10px;
      bottom: -20px; }
      .pricing-section .loader-line-gif img {
        width: 90px; } }
.pricing-box {
  background: rgba(243, 245, 245, 0.5);
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 30px 20px; }
  .pricing-box img {
    width: 23px;
    height: 22px; }
  @media (max-width: 767px) {
    .pricing-box {
      padding: 20px 15px; } }
  .pricing-box p {
    color: #52526C; }
  .pricing-box h4 {
    margin-bottom: 20px; }
    @media (max-width: 575px) {
      .pricing-box h4 {
        margin-bottom: 15px; } }
  .pricing-box p {
    line-height: 1.5; }
  .pricing-box .purchase-details {
    background: #FCFCFD;
    border: 2px solid #fff;
    box-shadow: 0px 4px 20px rgba(46, 35, 94, 0.05);
    border-radius: 10px;
    padding: 24px 40px;
    margin-top: 20px; }
    @media (max-width: 1199px) {
      .pricing-box .purchase-details {
        padding: 24px 20px; } }
    .pricing-box .purchase-details h2 {
      margin-bottom: 14px; }
    .pricing-box .purchase-details .btn-lg {
      font-weight: 500;
      padding: 12px 20px;
      width: 100%;
      min-width: auto; }
      @media (max-width: 1199px) {
        .pricing-box .purchase-details .btn-lg {
          padding: 12px 10px;
          font-size: 15px; } }
.license-list {
  display: flex;
  flex-direction: column;
  gap: 15px; }
  @media (max-width: 767px) {
    .license-list {
      gap: 10px; } }
  .license-list li {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 10px; }
    @media (max-width: 991px) {
      .license-list li {
        gap: 5px; } }
    @media (max-width: 575px) {
      .license-list li img {
        width: 18px;
        height: 18px; } }
    .license-list li h6 {
      font-weight: normal;
      margin-bottom: 0; }

.benefit-box {
  position: relative;
  background: rgba(241, 242, 242, 0.5);
  padding: 40px 10px;
  box-shadow: 17px 17px 20px rgba(186, 186, 187, 0.3);
  border-radius: 30px; }
  @media (max-width: 991px) {
    .benefit-box {
      padding: 30px 10px; } }
  @media (max-width: 575px) {
    .benefit-box {
      padding: 20px 10px; } }
  .benefit-box svg {
    width: 40px;
    height: 40px; }
    @media (max-width: 991px) {
      .benefit-box svg {
        width: 30px;
        height: 30px; } }
  .benefit-box::after {
    position: absolute;
    content: '';
    width: 54px;
    height: 8px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px 10px 0 0; }
  @media (max-width: 991px) {
    .benefit-box h2 {
      font-size: 25px; } }
  .benefit-box h6 {
    font-weight: 400;
    color: #52526C;
    opacity: 0.7; }
  .benefit-box.pink h2 {
    color: #FF3692; }
  .benefit-box.pink::after {
    background: #FF3692; }
  .benefit-box.purple h2 {
    color: #7238FF; }
  .benefit-box.purple::after {
    background: #7238FF; }
  .benefit-box.red h2 {
    color: #FF3556; }
  .benefit-box.red::after {
    background: #FF3556; }
  .benefit-box.warning h2 {
    color: #FFAA05; }
  .benefit-box.warning::after {
    background: #FFAA05; }

.rating-title {
  display: flex;
  align-items: center;
  justify-content: center; }
  .rating-title .decore-1 {
    margin-top: -35px;
    animation: animationtop 5s infinite; }

@keyframes arrowsvg {
  0% {
    transform: scale(0);
    transform-origin: left; }
  100% {
    transform: scale(1);
    transform-origin: left; } }

.ratings li i {
  color: #FFAA05; }

.components-section {
  background: linear-gradient(179deg, rgba(247, 248, 249, 0) 8.83%, #F7F8F9 50%); }

.component_responsive {
  flex-wrap: initial; }

.component-hover-effect {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #FCFCFD;
  border: 2px solid #fff;
  box-shadow: 0px 4px 10px rgba(46, 35, 94, 0.07);
  border-radius: 5px;
  padding: 20px;
  justify-content: center;
  min-height: 78px; }
  @media (max-width: 767px) {
    .component-hover-effect {
      padding: 13px;
      min-height: 68px; } }
  .component-hover-effect svg {
    width: 26px;
    height: 26px; }

.ptb50 {
  padding: 80px 0; }
  @media (max-width: 991.98px) {
    .ptb50 {
      padding: 60px 0; } }
  @media (max-width: 575.98px) {
    .ptb50 {
      padding: 50px 0; } }
.purchase-btn {
  padding: 12px 20px;
  min-width: 200px;
  border: none; }
  @media (max-width: 991px) {
    .purchase-btn {
      min-width: 160px; } }
  @media (max-width: 767px) {
    .purchase-btn {
      min-width: 140px;
      padding: 10px 17px;
      font-size: 16px; } }
@keyframes move_wave {
  0% {
    transform: translateX(0) translateZ(0) scaleY(1); }
  50% {
    transform: translateX(-25%) translateZ(0) scaleY(0.55); }
  100% {
    transform: translateX(-50%) translateZ(0) scaleY(1); } }

footer h2 {
  font-size: calc(24px + (70 - 24) * ((100vw - 300px) / (1920 - 300))); }

footer .license-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: calc(15px + (30 - 15) * ((100vw - 300px) / (1920 - 300)));
  gap: calc(15px + (30 - 15) * ((100vw - 300px) / (1920 - 300))); }
  @media (max-width: 991px) {
    footer .license-list {
      gap: 20px; } }
  @media (max-width: 767px) {
    footer .license-list {
      gap: 15px; } }
  @media (max-width: 575px) {
    footer .license-list {
      flex-wrap: wrap; } }
  footer .license-list h6 {
    color: #fff; }

.tap-top {
  text-align: center;
  cursor: pointer;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 5;
  color: #fff;
  border: 1px solid #fff;
  background: var(--theme-deafult);
  padding: 7px;
  box-shadow: 0 0 10px var(--theme-deafult);
  opacity: 0.5;
  transition: all 0.3s ease; }
  .tap-top:hover {
    transition: all 0.3s ease;
    opacity: 1; }
  .tap-top svg {
    width: 20px; }

@keyframes animationFramesOne {
  0% {
    transform: translate(0px, 0px) rotate(0deg); }
  20% {
    transform: translate(73px, -1px) rotate(36deg); }
  40% {
    transform: translate(141px, 72px) rotate(72deg); }
  60% {
    transform: translate(83px, 122px) rotate(108deg); }
  80% {
    transform: translate(-40px, 72px) rotate(144deg); }
  100% {
    transform: translate(0px, 0px) rotate(0deg); } }

.page-wrapper,
.landing-page {
  overflow: hidden; }

.landing-page {
  overflow-x: hidden;
  overflow-y: visible; }

.app-bg-1 {
  background: #F9F7F7; }

.app-bg-2 {
  background: #F3F5F5; }

.app-bg-3 {
  background: #EFF5F8; }

.app-bg-4 {
  background: #F0F5F7; }

.app-bg-5 {
  background: #F5F4F3; }

.app-bg-6 {
  background: #F8F8FA; }

.flower-gif {
  top: -40px;
  left: 19%; }
  @media (max-width: 991px) {
    .flower-gif {
      top: 0;
      left: 15%; } }
  @media (max-width: 767px) {
    .flower-gif {
      left: 8%; } }
  @media (max-width: 575px) {
    .flower-gif {
      display: none; } }
.navabr_btn-set {
  position: relative; }
  .navabr_btn-set:focus {
    outline: 0; }
  .navabr_btn-set span {
    display: block;
    background-color: #fff;
    height: 3px;
    width: 25px;
    margin-top: 4px;
    margin-bottom: 4px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 0;
    opacity: 1; }
  .navabr_btn-set:not(.custom_nav) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9; }
  .navabr_btn-set:not(.custom_nav) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent; }
  .navabr_btn-set:not(.custom_nav) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9; }

.navbar-b {
  transition: all .5s ease-in-out;
  background-color: transparent;
  padding-top: 1.563rem;
  padding-bottom: 1.563rem; }

.fixed-top {
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  display: flex;
  left: 0;
  z-index: 1030; }

.navbar-toggler span {
  display: block;
  background-color: transparent;
  height: 3px;
  width: 25px;
  z-index: 112;
  margin-top: 4px;
  margin-bottom: 4px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 0;
  opacity: 1; }
  .navbar-toggler span:nth-child(1) {
    transition: transform .35s ease-in-out; }
  .navbar-toggler span:nth-child(3) {
    transition: transform .35s ease-in-out; }

.navbar-toggler:focus {
  box-shadow: none; }

.navbar_nav_modify li {
  text-align: center; }

.sticky-header header {
  position: fixed;
  width: 100%;
  z-index: 6;
  text-align: center;
  line-height: normal;
  height: 80px;
  background: var(--theme-deafult);
  color: #fff;
  box-shadow: 0 0 5px 1px rgba(5, 56, 111, 0.1);
  transition: all 0.4s ease; }
  .sticky-header header .nav-padding {
    padding: 20px 200px; }
  .sticky-header header.sticky {
    line-height: normal;
    background: #fff;
    text-align: left; }
    .sticky-header header.sticky .nav-padding {
      padding: 7px 14px; }

.landing-footer .footer-contain h2 {
  width: 65%;
  margin-bottom: 5px; }

.landing-footer .footer-contain p {
  margin-bottom: 8px; }

.landing-footer .footer-contain .star-rate {
  margin-bottom: 50px; }

.title-padding {
  padding: 130px 0; }

@keyframes mover {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-4px); } }

.landing-footer {
  background-image: url(/../images/landing/bg-footer.png);
  background-size: cover; }
  .landing-footer .footer-contain {
    text-align: center; }
    .landing-footer .footer-contain .rating-wrraper {
      margin-bottom: 40px; }
      .landing-footer .footer-contain .rating-wrraper svg {
        width: auto;
        height: calc(95px + (120 - 95) * ((100vw - 320px) / (1920 - 320))); }
    .landing-footer .footer-contain h2 {
      font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1920 - 320)));
      font-weight: 600;
      margin-bottom: 0px;
      line-height: 1.4;
      font-family: "Montserrat", sans-serif;
      width: 100%;
      color: #fff;
      margin-left: auto;
      margin-right: auto; }
    .landing-footer .footer-contain p {
      font-size: calc(12px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
      color: #fff; }
    .landing-footer .footer-contain .star-rate {
      margin-bottom: 40px; }
      .landing-footer .footer-contain .star-rate li {
        display: inline-block; }
        .landing-footer .footer-contain .star-rate li i {
          font-size: calc(14px + (35 - 20) * ((100vw - 320px) / (1920 - 320))); }
    .landing-footer .footer-contain .btn-footer {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      gap: 15px; }
      .landing-footer .footer-contain .btn-footer a:nth-child(n+2) {
        margin-left: 10px; }

.pricing-section .support-img {
  display: flex;
  align-items: center;
  justify-content: center; }
  .pricing-section .support-img img {
    position: relative;
    height: auto; }
  .pricing-section .support-img h4 {
    position: absolute;
    right: -48px;
    font-size: 40px;
    font-weight: 700;
    transform: rotate(270deg);
    bottom: 33%; }

@media (max-width: 1399px) {
  .pricing-section .support-img img {
    width: 730px; }
  .pricing-section .support-img h4 {
    right: 47px;
    font-size: 33px; } }

.pricing-section .landing-title h5 {
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: #006666; }

.pricing-section .landing-title h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin: 10px 0px; }

.pricing-section .landing-title .support-button:hover {
  color: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); }

.pricing-section .landing-title p {
  width: 100%; }

.pricing-section .loader-gif {
  top: -5%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-gif {
      top: -11%;
      right: 2%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-gif {
      top: -2%;
      right: 2%; } }
  .pricing-section .loader-gif .loader-1 {
    width: 56px;
    height: 56px; }
    .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
      width: 56px;
      height: 56px; }
    @media (max-width: 575px) {
      .pricing-section .loader-gif .loader-1 {
        width: 40px;
        height: 40px; }
        .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
          width: 40px;
          height: 40px; } }
.pricing-section .loader-line-gif {
  right: unset;
  top: unset;
  left: 22%;
  bottom: 15%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 12%; } }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 16%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-line-gif {
      left: 10px;
      bottom: -20px; }
      .pricing-section .loader-line-gif img {
        width: 90px; } }
.pricing-box {
  background: rgba(243, 245, 245, 0.5);
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 30px 20px; }
  .pricing-box img {
    width: 23px;
    height: 22px; }
  @media (max-width: 767px) {
    .pricing-box {
      padding: 20px 15px; } }
  .pricing-box p {
    color: #52526C; }
  .pricing-box h4 {
    margin-bottom: 20px; }
    @media (max-width: 575px) {
      .pricing-box h4 {
        margin-bottom: 15px; } }
  .pricing-box p {
    line-height: 1.5; }
  .pricing-box .purchase-details {
    background: #FCFCFD;
    border: 2px solid #fff;
    box-shadow: 0px 4px 20px rgba(46, 35, 94, 0.05);
    border-radius: 10px;
    padding: 24px 40px;
    margin-top: 20px; }
    @media (max-width: 1199px) {
      .pricing-box .purchase-details {
        padding: 24px 20px; } }
    .pricing-box .purchase-details h2 {
      margin-bottom: 14px; }
    .pricing-box .purchase-details .btn-lg {
      font-weight: 500;
      padding: 12px 20px;
      width: 100%;
      min-width: auto; }
      @media (max-width: 1199px) {
        .pricing-box .purchase-details .btn-lg {
          padding: 12px 10px;
          font-size: 15px; } }
.license-list {
  display: flex;
  flex-direction: column;
  gap: 15px; }
  @media (max-width: 767px) {
    .license-list {
      gap: 10px; } }
  .license-list li {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 10px; }
    @media (max-width: 991px) {
      .license-list li {
        gap: 5px; } }
    @media (max-width: 575px) {
      .license-list li img {
        width: 18px;
        height: 18px; } }
    .license-list li h6 {
      font-weight: normal;
      margin-bottom: 0; }

@media (max-width: 1799px) {
  .marquee .marquee-name p.big-title {
    font-size: 50px; } }

@media (max-width: 1700px) {
  .landing-home {
    height: 992px; }
    .landing-home .content h1 .sub-content:before {
      top: 28px;
      left: 210px; }
  .nft-marketplace img {
    height: 180px; }
  .nft-marketplace .nft-marketplace-shadow {
    width: 220px !important;
    height: 155px !important; }
  .best-selling img {
    width: calc(140px + (234 - 140) * ((100vw - 768px) / (1920 - 768))) !important;
    height: calc(140px + (234 - 140) * ((100vw - 768px) / (1920 - 768))) !important; }
  .best-selling .img-shadow {
    width: calc(213px + (165 - 150) * ((100vw - 768px) / (1920 - 768))) !important;
    height: calc(140px + (230 - 140) * ((100vw - 768px) / (1920 - 768))) !important; } }

@media (max-width: 1367px) {
  .landing-page .landing-home .content h1 {
    margin-top: 5px; }
  .landing-page .landing-home .content .arrow-animate svg {
    display: none; }
  .landing-page .landing-home .best-selling .img-shadow {
    left: -32%; }
  .landing-page .unique-cards.section-py-space .support-title h2 {
    font-size: 22px; }
  .landing-page .unique-cards.section-py-space .support-title p {
    font-size: 12px; } }

@media (max-width: 1599px) {
  .marquee .marquee-name p.big-title {
    font-size: 40px; } }

@media (max-width: 1440px) {
  .landing-page .demo-section .down-loader {
    display: none; }
  .framework {
    height: 654px; }
  .landing-home {
    height: 948px; }
    .landing-home .screen-2 {
      display: none; }
    .landing-home .content h1 .sub-content::before {
      width: 30%;
      top: 25px;
      left: 176px;
      height: 50px; }
  .nft-marketplace img {
    height: 150px; }
  .nft-marketplace .nft-marketplace-shadow {
    width: 176px !important;
    height: 126px !important; }
  .best-selling img {
    height: 145px; }
  .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    padding: 12px 7px; }
  .feature-section {
    height: 776px; }
    .feature-section .loader-gif {
      display: none; } }

@media (max-width: 1399px) {
  .landing-home .content h1 span {
    font-size: 40px; }
  .landing-home .sticky-header header .nav-padding {
    padding: 28px 100px 25px; }
  .framework {
    height: 792px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 7%;
    right: 52%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 22px; }
    .landing-page .unique-cards.section-py-space .support-title p {
      font-size: 12px; } }

/* ========= responsive scss for 1200 screen ========= */
@media only screen and (max-width: 1199px) {
  .marquee .marquee-name p.big-title {
    font-size: 30px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 7%;
    right: 52%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 20px; }
    .landing-page .unique-cards.section-py-space .support-title p {
      font-size: 12px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 2%;
    font-size: 35px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -46px;
    font-size: 33px; }
  .landing-page .section-py-space .title h2 {
    font-size: 30px; }
  .landing-page .section-py-space .title span {
    font-size: 12px; }
  .landing-page .feature-section .title span {
    font-size: 14px; }
  .landing-home {
    height: 670px; }
    .landing-home .content h1 {
      font-size: 30px; }
      .landing-home .content h1 .sub-content:before {
        width: 38%;
        left: 129px;
        padding: 13px 33px;
        height: 73%; }
      .landing-home .content h1 .sub-content button span {
        font-size: 20px; }
      .landing-home .content h1 .sub-content button .animate-button-slide .notification-slider::before {
        top: 6px; }
      .landing-home .content h1 span {
        font-size: 28px; }
    .landing-home .sticky-header header .nav-padding {
      padding: 20px; }
  .feature-section {
    height: auto; }
  .framework {
    height: auto; }
  .nft-marketplace img {
    display: none; }
  .nft-marketplace .nft-marketplace-shadow {
    display: none; }
  .best-selling img {
    display: none; }
  .best-selling .img-shadow {
    display: none; }
  .total-revenue-img img {
    display: none; }
  .total-revenue-img .total-revenue-shadow {
    display: none; }
  .new-user-img img {
    display: none; }
  .new-user-img .new-user-shadow {
    display: none; }
  .sticky-header header.sticky .nav-padding {
    padding: 15px 25px; }
  .navbar-toggler span {
    background-color: #006666; }
  .application-sec.demo-section .demo-box, .main-sec.demo-section .demo-box {
    padding: 0 20px; }
  .sticky-header .navbar-nav .nav-item .nav-link {
    color: #000;
    padding: 10px 12px !important;
    font-size: 15px; }
  .sticky-header .navbar-nav li {
    display: block;
    width: 100%; }
  .landing-page .navbar-expand-xl .navbar-collapse {
    background-color: white;
    margin-top: 20px;
    position: absolute;
    width: calc(100% - 30px);
    left: 15px;
    top: 70px; } }
  @media only screen and (max-width: 1199px) and (max-width: 575px) {
    .landing-page .navbar-expand-xl .navbar-collapse {
      top: 34px; } }
@media only screen and (max-width: 1199px) {
    .landing-page .navbar-expand-xl .navbar-collapse .navbar-nav {
      padding: 20px 30px 30px 30px; }
  header.sticky .navbar-expand-xl .navbar-collapse {
    top: 50px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; }
  .landing-main .sticky .navbar-expand-xl .navbar-brand {
    top: 8px; }
  .landing-main .sticky .navbar-expand-xl .navabr_btn-set {
    top: 16px; }
  .landing-main .navbar-toggler span {
    background-color: #fff; }
  .landing-main .navbar_nav_modify {
    width: 100vw;
    left: 0;
    position: fixed;
    height: 100vh;
    background-color: #293240;
    top: 0;
    padding: 120px 0px; }
  .landing-main h4 {
    font-size: 20px; }
  .landing-main .navbar-expand-xl .navabr_btn-set {
    position: fixed;
    top: 24px;
    z-index: 1;
    right: 20px; }
  .landing-main .navbar-expand-xl .navbar-brand {
    padding-left: 5px;
    z-index: 1;
    position: fixed;
    top: 14px; }
  .landing-main .navbar-expand-xl .navbar-collapse .navbar-nav .nav-item a {
    padding: 28px 60px;
    width: 16px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center; }
  .landing-main .navbar-expand-lg .navbar-brand {
    padding-left: 5px; }
  .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
    padding: 9px; } }

@media only screen and (max-width: 1099px) {
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 47%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 16px;
      padding-bottom: 15px; }
    .landing-page .unique-cards.section-py-space .support-title p {
      display: none; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 2%;
    font-size: 35px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -46px;
    font-size: 33px; } }

/* ========= responsive scss for 992 screen ========= */
@media only screen and (max-width: 991px) {
  .marquee {
    padding-top: 40px; }
    .marquee .marquee-name p.big-title {
      font-size: 25px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 8%;
    width: 100%;
    right: 76%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 14px;
      padding-bottom: 14px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 15%;
    font-size: 19px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 370px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: 84px;
    font-size: 20px; }
  .feature-section {
    height: 936px; }
  .framework {
    height: auto; }
  .landing-home .navbar-brand img {
    height: 35px; }
  .landing-home .content h1 .sub-content {
    padding-top: 16px !important; }
    .landing-home .content h1 .sub-content button .animate-button-slide .notification-slider::before {
      content: "";
      top: 6px; }
  .frameworks-section > .container {
    max-width: 100%; }
  .landing-main .navbar-expand-lg .navbar-collapse {
    position: absolute;
    top: 90px;
    background-color: white;
    width: calc(100% - 30px);
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    padding: 15px; }
  .landing-main .navbar-expand-lg .navbar-toggler {
    background-color: #fff; }
    .landing-main .navbar-expand-lg .navbar-toggler .navbar-toggler-icon i {
      margin-top: 5px;
      color: var(--theme-deafult); }
  .landing-main .navbar-expand-lg .navbar-collapse {
    background-color: #fff;
    z-index: 111; }
    .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
      color: #000; } }

/* ========= responsive scss for 768 screen ========= */
@media only screen and (max-width: 767px) {
  .marquee .marquee-name p.big-title {
    font-size: 18px; }
  .feature-section .feature-box .feature-icon {
    top: -19px;
    right: 10px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 75%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 12px;
      padding-bottom: 14px; }
    .landing-page .unique-cards.section-py-space .support-title a {
      font-size: 12px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 8%;
    font-size: 20px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 330px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -10px;
    font-size: 20px; }
  .landing-home .user-content {
    padding: 20px 0px; }
  .landing-home .content h1 {
    font-size: 20px; }
    .landing-home .content h1 .sub-content span {
      font-size: 14px; }
    .landing-home .content h1 .sub-content button {
      padding: 11px 5px 10px 36px;
      width: 40%;
      transform: unset;
      position: relative; }
      .landing-home .content h1 .sub-content button::before {
        height: 32px;
        width: 32px; }
      .landing-home .content h1 .sub-content button::after {
        height: 20px;
        width: 20px; }
      .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider {
        width: 105px; }
        .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
          content: "";
          top: 4px;
          height: 8px;
          width: 8px; }
      .landing-home .content h1 .sub-content button span {
        font-size: 14px; }
    .landing-home .content h1 .sub-content::before {
      display: none; }
  .feature-section {
    height: auto; }
  .landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {
    font-size: 14px;
    padding: 10px 12px; } }

/* ========= responsive scss for 680 screen ========= */
@media only screen and (max-width: 680px) {
  .marquee .marquee-name p.big-title {
    font-size: 14px;
    letter-spacing: 2px; }
  .landing-page .unique-cards.section-py-space .marquee {
    padding-top: 30px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 73%;
    width: 100%; }
    .landing-page .unique-cards.section-py-space .support-title a {
      padding: 8px 20px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 4%;
    font-size: 18px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 400px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -10px;
    font-size: 16px; }
  .landing-home .content h1 .sub-content span {
    font-size: 14px; }
  .landing-home .content h1 .sub-content button {
    width: 46%; } }

/* ========= responsive scss for 575 screen ========= */
@media only screen and (max-width: 575px) {
  .landing-home {
    height: 416px; }
    .landing-home .user-content {
      padding: 14px 0px;
      width: 45%; }
      .landing-home .user-content span {
        font-size: 12px; }
    .landing-home .content h1 .sub-content {
      padding-top: 10px !important;
      gap: 6px; }
      .landing-home .content h1 .sub-content button {
        padding: 10px 5px 10px 30px; }
        .landing-home .content h1 .sub-content button span {
          font-size: 14px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 60%; }
  .framework ul.framworks-list {
    gap: 30px; }
    .framework ul.framworks-list li {
      height: 85px;
      width: 85px; }
  .marquee .marquee-name p.big-title {
    display: none; }
  .landing-page .section-py-space .title h2::after {
    top: 51px; }
  .landing-page .unique-cards.section-py-space .marquee {
    display: none; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 70%;
    right: 56%; }
    .landing-page .unique-cards.section-py-space .support-title a {
      padding: 6px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    display: none; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    padding-bottom: 70px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    display: none; }
  .feature-section {
    height: auto; }
  .framework {
    height: 100%; }
    .framework ul.framworks-list li div {
      height: 50px;
      width: 50px; }
      .framework ul.framworks-list li div img {
        height: 30px; }
  .landing-home .sticky-header header .nav-padding {
    padding: 15px 30px; }
  .landing-main h4 {
    font-size: 17px; } }

/* ========= responsive scss for 480 screen ========= */
@media only screen and (max-width: 480px) {
  .landing-home .content h1 .sub-content button::after {
    display: none; }
  .landing-home .content h1 .sub-content button::before {
    display: none; }
  .landing-page .unique-cards.section-py-space .support-title h2 {
    text-align: center; }
  .landing-page .unique-cards.section-py-space .support-title .premium-button {
    text-align: center; }
  .landing-page .demo-section .demo-box .layout-name a {
    font-size: 14px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 71%;
    right: 37%; }
  .landing-page .section-py-space .title h5 {
    font-size: 16px; }
  .landing-page .section-py-space .title h2 {
    font-size: 18px; }
    .landing-page .section-py-space .title h2::after {
      top: 30px;
      width: 40px;
      height: 5px; }
  .landing-page .feature-section .title h5 {
    font-size: 16px; }
  .landing-page .feature-section .title h2 {
    font-size: 18px; }
    .landing-page .feature-section .title h2::after {
      top: 30px;
      width: 40px;
      height: 5px; }
  .framework {
    height: 1440px; }
  .feature-section {
    height: auto; }
  .framework {
    height: 100%; }
  .sticky-header header.sticky {
    height: 56px; }
  .landing-home .sticky-header header .nav-padding {
    padding: 15px; }
  .landing-home .user-content {
    width: 61%; }
  .landing-home .content h1 .sub-content::before {
    width: 40%;
    left: 88px;
    top: 35%; }
  .landing-home .content h1 .sub-content span {
    font-size: 14px; }
  .landing-home .content h1 .sub-content button {
    width: 56%; }
    .landing-home .content h1 .sub-content button span {
      font-size: 14px; }
    .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
      top: 4px;
      left: -14px; }
  .landing-home .navbar-toggler {
    border: none;
    background-color: transparent;
    padding: 0; }
  .landing-home .navbar-brand img {
    height: 25px; } }

/* ========= responsive scss for 425 screen ========= */
@media only screen and (max-width: 425px) {
  .feature-section {
    height: 100%; }
  .landing-page .section-py-space .title h2::after {
    top: 37px; }
  .framework ul.framworks-list {
    gap: 30px; } }

/* ========= responsive scss for 380 screen ========= */
@media only screen and (max-width: 380px) {
  .feature-section {
    height: 100%; }
  .framework {
    height: 100%; }
  .component-col-set {
    width: 100%; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 69%;
    right: 40%; }
  .landing-home .content h1 .sub-content::before {
    width: 40%;
    left: 77px; }
  .landing-home .content h1 .sub-content button {
    padding: 6px 14px 6px 25px; } }

@media screen and (max-width: 375px) {
  .landing-page .unique-cards.section-py-space .support-title {
    top: 60%;
    right: 37%; } }

@media (max-width: 767px) {
  .framework .nav .nav-link img {
    height: 35px; }
  .framework .nav .nav-link h5 {
    font-size: 16px; }
  .framework ul.framworks-list li {
    width: 145px;
    height: 145px; }
    .framework ul.framworks-list li img {
      height: 40px; } }

@media (max-width: 767px) and (max-width: 480px) {
  .framework .nav .nav-item {
    width: auto; }
  .framework .nav .nav-link {
    padding-bottom: 10px;
    display: block !important; }
    .framework .nav .nav-link img {
      height: 25px;
      margin-right: unset; }
    .framework .nav .nav-link .text-start {
      display: none; }
    .framework .nav .nav-link.active, .framework .nav .nav-link.show {
      border-bottom: 2px solid #006666; }
  .framework ul.framworks-list li {
    width: 120px;
    height: 110px;
    padding: 25px 0;
    margin: 5px; }
    .framework ul.framworks-list li img {
      height: 30px; } }

@media (max-width: 767px) and (max-width: 1367px) {
  .framework .nav {
    margin-bottom: 40px; }
    .framework .nav .nav-link h5 {
      font-size: 18px; }
    .framework .nav .nav-link p {
      font-size: 12px; }
  .framework ul.framworks-list li {
    height: 175px;
    width: 175px; }
    .framework ul.framworks-list li img {
      width: auto;
      height: 60px; }
      .framework ul.framworks-list li img.img-68 {
        width: auto; } }

@media (max-width: 767px) and (max-width: 991px) {
  .framework .nav {
    margin-bottom: 30px; }
  .framework ul.framworks-list li {
    padding-left: 22px;
    width: 93px;
    height: 93px; }
    .framework ul.framworks-list li img {
      height: 40px; } }

/**=====================
    3.26 Landing CSS Ends
==========================**/
/**=====================
    3.27 Language CSS start
==========================**/
.current_lang {
  cursor: pointer;
  text-transform: uppercase;
  overflow: hidden; }

.lang.selected {
  display: none; }

.lang span.lang-txt {
  display: inline-flex;
  margin-left: 8px;
  font-weight: 500; }

.lang span span {
  color: #999;
  font-weight: 400;
  margin-left: 5px; }

/*more lang*/
.more_lang {
  transform: translateY(-20px);
  opacity: 0;
  cursor: pointer;
  display: none;
  transition: all 0.3s cubic-bezier(0.25, 1.15, 0.35, 1.15); }

.translate_wrapper.active .more_lang {
  display: block;
  position: absolute;
  background-color: #fff;
  top: 47px;
  right: 0;
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1); }
  .translate_wrapper.active .more_lang:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    top: -7px;
    position: absolute;
    right: 20px;
    z-index: 2; }
  .translate_wrapper.active .more_lang:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #bdc2c5;
    content: "";
    top: -7px;
    position: absolute;
    right: 20px;
    z-index: 1; }

.more_lang.active {
  opacity: 1;
  transform: translateY(0px); }

.more_lang .lang {
  padding: 10px 15px;
  display: flex; }
  .more_lang .lang:hover {
    background: var(--theme-deafult);
    color: #fff; }
    .more_lang .lang:hover span {
      color: #fff; }

.translate_wrapper.active .more_lang .lang {
  border-bottom: 1px solid #eaeaea; }

/**=====================
    3.27 Language CSS end
==========================**/
/**=====================
     3.28 Learning CSS start
==========================**/
.learning-header {
  margin-bottom: 10px; }

.categories {
  padding: 16px 0; }
  .categories .learning-header {
    padding-left: 15px; }
  .categories ul li {
    padding: 10px 15px; }
    .categories ul li a {
      color: #051A1A; }
    .categories ul li:hover {
      background-color: #E6E9EB; }

.upcoming-course .media + .media {
  margin-top: 30px; }

.job-accordion {
  margin-bottom: 0; }

@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .learning-comment {
    margin-left: -14px !important;
    float: left !important; }
  .blog-box .blog-details .blog-social li:first-child {
    padding-right: 30px; }
  .blog-box .blog-details .blog-social li + li {
    padding-left: 30px; } }

@media only screen and (max-width: 991px) {
  .categories {
    padding: 20px 0; }
  .upcoming-course .media + .media {
    margin-top: 20px; } }

@media only screen and (max-width: 575px) {
  .categories {
    padding: 15px 0; }
  .upcoming-course .media + .media {
    margin-top: 15px; } }

/**=====================
     3.28 Learning CSS end
==========================**/
/**=====================
    3.29 Login CSS Start
==========================**/
.login-card {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  background-position: center;
  padding: 30px 12px; }
  .login-card .logo {
    display: block;
    margin-bottom: 30px;
    text-align: center; }
  .login-card .btn-showcase .btn {
    line-height: 1;
    padding: 10px 13px;
    margin: 0; }
    .login-card .btn-showcase .btn + .btn {
      margin-left: 5px; }
    .login-card .btn-showcase .btn svg {
      height: 16px;
      vertical-align: bottom; }
  .login-card .login-main {
    width: 450px;
    padding: 40px;
    border-radius: 10px;
    box-shadow: #1a1c23 0px 0px 37px 0px;
    margin: 0 auto;
    background-color: #fff; }
    .login-card .login-main .theme-form h4 {
      margin-bottom: 5px; }
    .login-card .login-main .theme-form label {
      font-size: 15px;
      letter-spacing: 0.4px; }
    .login-card .login-main .theme-form .checkbox label::before {
      background-color: #f9f9fa;
      border: 1px solid #dfdfdf; }
    .login-card .login-main .theme-form .or {
      position: relative; }
      .login-card .login-main .theme-form .or:before {
        content: "";
        position: absolute;
        width: 65%;
        height: 2px;
        background-color: #f3f3ff;
        top: 9px;
        z-index: 0;
        right: 0; }
    .login-card .login-main .theme-form input {
      background-color: rgba(0, 102, 102, 0.1);
      transition: all 0.3s ease; }
      .login-card .login-main .theme-form input::-webkit-input-placeholder {
        color: #999999; }
      .login-card .login-main .theme-form input:hover, .login-card .login-main .theme-form input:focus {
        border: 1px solid #b9c1cc;
        box-shadow: none !important;
        transition: all 0.3s ease; }
    .login-card .login-main .theme-form p {
      margin-bottom: 25px;
      font-size: 14px;
      color: #898989; }
    .login-card .login-main .theme-form .form-group {
      margin-bottom: 10px;
      position: relative; }
    .login-card .login-main .theme-form .link {
      position: absolute;
      top: 10px;
      right: 0; }

.show-hide {
  position: absolute;
  top: 52px;
  right: 20px;
  transform: translateY(-50%); }
  .show-hide span {
    cursor: pointer;
    font-size: 13px;
    color: var(--theme-deafult); }
    .show-hide span.show:before {
      content: "show"; }
    .show-hide span:before {
      content: "hide"; }

.needs-validation .invalid-feedback {
  color: #898989; }

.needs-validation .show-hide {
  right: 30px; }

.needs-validation .invalid-tooltip {
  top: 10px;
  right: 10px; }

/**=====================
    3.29 Login CSS Ends
==========================**/
/**=====================
	3.30 Megaoption CSS Start
==========================**/
.mega-inline {
  margin-bottom: -30px;
  display: flex; }
  .mega-inline .card {
    border: 1px solid #f3f3f3;
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .mega-inline .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
  .mega-inline .media .radio {
    margin-left: 3px; }
    [dir="rtl"] .mega-inline .media .radio {
      margin-right: 3px;
      margin-left: unset; }

.mega-vertical {
  display: flex;
  flex-wrap: wrap; }
  .mega-vertical .card {
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .mega-vertical .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
  .mega-vertical .media .radio {
    margin-left: 3px; }

.mega-title {
  font-weight: 600; }

.mega-horizontal {
  display: flex;
  flex-wrap: wrap; }
  .mega-horizontal .card {
    border: 1px solid #f3f3f3;
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .mega-horizontal .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
  .mega-horizontal .media .radio {
    margin-left: 3px; }

.plain-style .card {
  box-shadow: none;
  border: none !important; }

.border-style .card {
  box-shadow: none;
  border: 1px solid #ecf3fa !important; }

.offer-style .card {
  box-shadow: none;
  border: 1px dashed #ecf3fa !important; }

.rating-star-wrapper {
  color: #797979; }

.card-wrapper .payment-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--chart-dashed-border); }
  .card-wrapper .payment-wrapper:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: unset; }
  .card-wrapper .payment-wrapper .payment-second img {
    width: 50px; }
  .card-wrapper .payment-wrapper .payment-second .mega-icons {
    width: 20px;
    height: 20px; }

.main-upgrade {
  margin: 0 auto;
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  .main-upgrade > div:first-child {
    margin-bottom: 20px; }
  .main-upgrade i {
    font-size: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
    display: block;
    color: #006666; }
  .main-upgrade p {
    line-height: 1.4; }
  .main-upgrade .variation-box {
    gap: 20px;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (min-width: 768px) and (max-width: 1200px) {
      .main-upgrade .variation-box {
        display: grid;
        grid-template-columns: auto auto;
        gap: 18px; } }
    @media (max-width: 700px) {
      .main-upgrade .variation-box {
        display: grid;
        grid-template-columns: auto auto;
        gap: 18px; } }
    @media (max-width: 380px) {
      .main-upgrade .variation-box {
        grid-template-columns: unset; } }
    .main-upgrade .variation-box .selection-box {
      position: relative;
      height: 100px;
      border: 1px dashed #006666;
      min-width: 125px;
      border-radius: 15px; }
      @media (min-width: 1200px) and (max-width: 1920px) {
        .main-upgrade .variation-box .selection-box {
          min-width: calc(110px + (125 - 110) * ((100vw - 1200px) / (1920 - 1200))); } }
      .main-upgrade .variation-box .selection-box .custom--mega-checkbox {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 25px;
        transition: .5s ease; }
      .main-upgrade .variation-box .selection-box input {
        position: absolute;
        top: 0;
        left: 0;
        width: 118px;
        height: 96px;
        opacity: 0;
        cursor: pointer; }
        [dir="rtl"] .main-upgrade .variation-box .selection-box input {
          left: unset;
          right: 0; }
        .main-upgrade .variation-box .selection-box input[type=checkbox]:checked ~ div {
          background-color: rgba(0, 102, 102, 0.2);
          border-radius: 15px; }

.megaoptions-border-space-sm .media .radio label {
  padding-left: 18px; }
  [dir="rtl"] .megaoptions-border-space-sm .media .radio label {
    padding-left: unset;
    padding-right: 18px; }

@media (min-width: 618px) and (max-width: 1199px) {
  .megaoptions-border-space-sm .media .media-body .list-behavior-1 {
    flex-direction: row;
    gap: 18px; } }

@media (max-width: 618px) {
  .megaoptions-border-space-sm .media .media-body .list-behavior-1 {
    flex-direction: column;
    gap: 12px; } }

.megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
  margin-top: -6px; }
  @media (max-width: 618px) {
    .megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
      margin-left: 0px; }
      [dir="rtl"] .megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
        margin-left: unset;
        margin-right: 0; } }
.megaoptions-border-space-sm .media .media-body .list-behavior-1:first-child {
  margin-bottom: 0; }

.megaoption-space .badge.pull-right,
.megaoptions-border-space-sm .badge.pull-right {
  margin-bottom: 12px; }

/**=====================
    3.30 Megaoption CSS Ends
==========================**/
/**=====================
    3.31 Order-history CSS start
==========================**/
.prooduct-details-box .close {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 16px;
  cursor: pointer; }

.prooduct-details-box .btn {
  line-height: 13px; }

.prooduct-details-box .media {
  border: 1px solid #d7e2e9;
  border-radius: 10px;
  padding: 15px;
  width: 100%;
  position: relative; }

.prooduct-details-box .rating {
  color: #ffaf45;
  letter-spacing: 3px; }

.prooduct-details-box .product-name a {
  color: gray; }

.prooduct-details-box .product-name h6 {
  margin-bottom: 0; }

.prooduct-details-box .btn {
  position: absolute;
  right: 15px;
  bottom: 15px; }

.order-history .input-group {
  text-align: right;
  max-width: 300px; }

.order-history table th,
.order-history table td {
  text-align: center; }

.order-history table thead tr th {
  vertical-align: middle;
  border-top: none;
  background-color: #F5F5F5;
  border: 1px solid #ecf3fa;
  padding: 1.25rem;
  font-size: 16px; }

.order-history table .qty-box {
  width: 120px;
  margin: 0 auto;
  border-radius: 5px;
  overflow: hidden; }
  .order-history table .qty-box input {
    width: 44px;
    max-width: 44px;
    background-color: transparent;
    border: none !important; }
  .order-history table .qty-box .input-group {
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid #ecf3fa;
    overflow: hidden; }
  .order-history table .qty-box .btn {
    background-color: transparent;
    border: none; }
    .order-history table .qty-box .btn.bootstrap-touchspin-down {
      border-right: 1px solid; }
      [dir="rtl"] .order-history table .qty-box .btn.bootstrap-touchspin-down {
        border-right: unset;
        border-left: 1px solid; }
    .order-history table .qty-box .btn.bootstrap-touchspin-up {
      border-left: 1px solid; }
      [dir="rtl"] .order-history table .qty-box .btn.bootstrap-touchspin-up {
        border-left: unset;
        border-right: 1px solid; }

.order-history table tbody tr td {
  vertical-align: middle; }
  .order-history table tbody tr td .product-name a {
    font-size: 15px;
    color: #898989; }
  .order-history table tbody tr td .product-name .order-process {
    font-size: 13px;
    padding-left: 15px; }
    .order-history table tbody tr td .product-name .order-process .order-process-circle {
      position: relative; }
      .order-history table tbody tr td .product-name .order-process .order-process-circle:before {
        position: absolute;
        content: '';
        width: 4px;
        height: 4px;
        border-radius: 100%;
        background-color: #898989;
        left: -7px;
        top: 6px; }
      .order-history table tbody tr td .product-name .order-process .order-process-circle.shipped-order:before {
        background-color: #00AC46; }
      .order-history table tbody tr td .product-name .order-process .order-process-circle.cancel-order:before {
        background-color: #FE6A49; }

@media only screen and (max-width: 1199px) {
  .order-history table {
    width: 900px;
    overflow: auto; }
    .order-history table thead tr th {
      font-size: 12px; } }

@media only screen and (max-width: 575px) {
  .prooduct-details-box .btn {
    padding: 0.05rem 0.4rem !important; } }

/**=====================
    3.31 Order-history CSS End
==========================**/
/**=====================
  3.32 Page CSS Start
==========================**/
/*test Nav bar color */
.pagination-theme .page-item .page-link {
  color: var(--theme-deafult) !important; }

.pagination-theme .page-item.active .page-link {
  color: #fff !important;
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult); }

.pagination-primary .page-item .page-link {
  color: var(--theme-deafult) !important; }

.pagination-primary .page-item.active .page-link {
  color: #fff !important;
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult); }

.pagination-secondary .page-item .page-link {
  color: #FE6A49 !important; }

.pagination-secondary .page-item.active .page-link {
  color: #fff !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49; }

.pagination-success .page-item .page-link {
  color: #00AC46 !important; }

.pagination-success .page-item.active .page-link {
  color: #fff !important;
  background-color: #00AC46 !important;
  border-color: #00AC46; }

.pagination-danger .page-item .page-link {
  color: #FE6A49 !important; }

.pagination-danger .page-item.active .page-link {
  color: #fff !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49; }

.pagination-info .page-item .page-link {
  color: #173878 !important; }

.pagination-info .page-item.active .page-link {
  color: #fff !important;
  background-color: #173878 !important;
  border-color: #173878; }

.pagination-dark .page-item .page-link {
  color: #2c323f !important; }

.pagination-dark .page-item.active .page-link {
  color: #fff !important;
  background-color: #2c323f !important;
  border-color: #2c323f; }

.pagination-warning .page-item .page-link {
  color: #FFAE1A !important; }

.pagination-warning .page-item.active .page-link {
  color: #fff !important;
  background-color: #FFAE1A !important;
  border-color: #FFAE1A; }

.pagin-border-primary .page-item.active, .pagin-border-primary .page-item:active {
  background-color: rgba(0, 102, 102, 0.2); }

.pagin-border-primary .page-item .page-link {
  border-color: rgba(0, 102, 102, 0.2); }
  .pagin-border-primary .page-item .page-link:hover, .pagin-border-primary .page-item .page-link:focus {
    background-color: rgba(0, 102, 102, 0.2); }
  .pagin-border-primary .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-secondary .page-item.active, .pagin-border-secondary .page-item:active {
  background-color: rgba(254, 106, 73, 0.3); }

.pagin-border-secondary .page-item .page-link {
  border-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-secondary .page-item .page-link:hover, .pagin-border-secondary .page-item .page-link:focus {
    background-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-secondary .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-success .page-item.active, .pagin-border-success .page-item:active {
  background-color: rgba(0, 172, 70, 0.3); }

.pagin-border-success .page-item .page-link {
  border-color: rgba(0, 172, 70, 0.3); }
  .pagin-border-success .page-item .page-link:hover, .pagin-border-success .page-item .page-link:focus {
    background-color: rgba(0, 172, 70, 0.3); }
  .pagin-border-success .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-danger .page-item.active, .pagin-border-danger .page-item:active {
  background-color: rgba(254, 106, 73, 0.3); }

.pagin-border-danger .page-item .page-link {
  border-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-danger .page-item .page-link:hover, .pagin-border-danger .page-item .page-link:focus {
    background-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-danger .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-warning .page-item.active, .pagin-border-warning .page-item:active {
  background-color: rgba(255, 174, 26, 0.3); }

.pagin-border-warning .page-item .page-link {
  border-color: rgba(255, 174, 26, 0.3); }
  .pagin-border-warning .page-item .page-link:hover, .pagin-border-warning .page-item .page-link:focus {
    background-color: rgba(255, 174, 26, 0.3); }
  .pagin-border-warning .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-info .page-item.active, .pagin-border-info .page-item:active {
  background-color: rgba(23, 56, 120, 0.3); }

.pagin-border-info .page-item .page-link {
  border-color: rgba(23, 56, 120, 0.3); }
  .pagin-border-info .page-item .page-link:hover, .pagin-border-info .page-item .page-link:focus {
    background-color: rgba(23, 56, 120, 0.3); }
  .pagin-border-info .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-light .page-item.active, .pagin-border-light .page-item:active {
  background-color: #F9F9FB; }

.pagin-border-light .page-item .page-link {
  border-color: #F9F9FB; }
  .pagin-border-light .page-item .page-link:hover, .pagin-border-light .page-item .page-link:focus {
    background-color: #F9F9FB; }
  .pagin-border-light .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-dark .page-item.active, .pagin-border-dark .page-item:active {
  background-color: #EAEBF2; }

.pagin-border-dark .page-item .page-link {
  border-color: #EAEBF2; }
  .pagin-border-dark .page-item .page-link:hover, .pagin-border-dark .page-item .page-link:focus {
    background-color: #EAEBF2; }
  .pagin-border-dark .page-item .page-link:focus {
    box-shadow: unset; }

@media (max-width: 576px) {
  .pagination-lg .page-item .page-link {
    font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (576 - 320)));
    padding: calc(12px + (12 - 12) * ((100vw - 320px) / (576 - 320))) calc(12px + (24 - 12) * ((100vw - 320px) / (576 - 320))); } }

@media (max-width: 339px) {
  .pagination {
    justify-content: center; } }

.pagination .page-item:active {
  background-color: unset; }

.pagination .page-item .page-link.rounded-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px; }

/**=====================
    3.32 Page CSS Ends
==========================**/
/**=====================
    3.33 Pricing CSS Start
==========================**/
.pricing-simple {
  box-shadow: 0 0 10px 5px rgba(68, 102, 242, 0.05);
  margin-bottom: 0 !important; }
  .pricing-simple .card-body {
    border-bottom: none; }
    .pricing-simple .card-body h3 {
      position: relative;
      margin-bottom: 38px; }
      .pricing-simple .card-body h3:before {
        position: absolute;
        content: '';
        width: 80px;
        height: 1px;
        margin: 0 auto;
        left: 0;
        right: 0;
        bottom: -10px;
        background-color: #999999; }
    .pricing-simple .card-body h1 {
      font-size: 30px;
      line-height: 0.9;
      margin-bottom: 30px;
      font-weight: 400; }

.pricingtable {
  text-align: center;
  padding-top: 45px;
  padding-bottom: 45px;
  border-radius: 10px;
  box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
  overflow: hidden;
  position: relative;
  z-index: 1;
  height: 100%; }
  .pricingtable:before, .pricingtable:after {
    content: "";
    background-color: var(--theme-deafult);
    width: 300px;
    height: 300px;
    border-radius: 50%;
    position: absolute;
    right: -213px;
    z-index: -1;
    opacity: 0.1; }

.pricingtable:after {
  background-color: var(--theme-deafult);
  height: 300px;
  width: 300px;
  top: auto;
  bottom: -210px;
  right: auto;
  left: -160px;
  opacity: 0.1; }

.pricingtable .title {
  text-transform: uppercase;
  margin-bottom: 20px; }

.pricingtable .price-value {
  color: #fff;
  background-color: var(--theme-deafult);
  width: 130px;
  height: 130px;
  padding: 45px 0 0;
  margin: 0 auto 25px;
  border-radius: 50%; }
  .pricingtable .price-value .duration {
    margin: 0 0 0 -5px; }
  .pricingtable .price-value .amount {
    font-size: 58px;
    font-weight: 700;
    line-height: 45px;
    display: inline-block; }
  .pricingtable .price-value .currency {
    vertical-align: top; }

.pricingtable .pricing-content {
  margin: 0 0 25px;
  display: inline-block; }
  .pricingtable .pricing-content li {
    font-weight: 500;
    text-align: left;
    margin: 0 0 20px;
    position: relative;
    padding-left: 30px; }
    .pricingtable .pricing-content li:last-child {
      margin: 0; }
    .pricingtable .pricing-content li:before {
      content: "\f00c";
      color: var(--theme-deafult);
      font-family: FontAwesome;
      text-align: center;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      position: absolute;
      top: 1px;
      left: 0; }

@media (max-width: 1470px) {
  .pricing-block > div {
    flex: 50%; }
    .pricing-block > div:nth-child(n+3) {
      margin-top: 30px; } }

@media only screen and (max-width: 991px) {
  .pricing-simple .card-body h1 {
    margin-bottom: 20px; }
  .pricing-simple .card-body h3 {
    margin-bottom: 28px; }
  .pricing-block > div:nth-child(n+2) {
    margin-top: 20px; } }

@media only screen and (max-width: 575px) {
  .pricing-simple .card-body h1 {
    margin-bottom: 15px; }
  .pricing-block > div {
    flex: 100%; }
  .pricingtable {
    padding-top: 30px;
    padding-bottom: 30px; } }

/**=====================
   3.33 Pricing CSS Ends
==========================**/
/**=====================
   3.34 Progress CSS Start
==========================**/
.progress-showcase .progress {
  margin-bottom: 10px; }
  .progress-showcase .progress:last-child {
    margin-bottom: 0; }

.sm-progress-bar {
  height: 8px; }

.lg-progress-bar {
  height: 20px; }

.progress-number button {
  width: 2rem;
  height: 2rem; }

.progress-number .progress-wrapper {
  height: 1px; }
  .progress-number .progress-wrapper.progress {
    background-color: var(--recent-dashed-border); }
  .progress-number .progress-wrapper .progress-bar {
    background-color: var(--theme-deafult); }

.progress-btn {
  background-color: #f6f9fd;
  border-color: #f6f9fd; }

.small-progressbar {
  position: relative;
  overflow: visible; }
  .small-progressbar::after {
    position: absolute;
    content: '';
    top: -2px;
    right: -9px;
    background-color: #006666;
    width: 12px;
    height: 12px;
    border-radius: 100%; }
    [dir="rtl"] .small-progressbar::after {
      left: -9px;
      right: unset; }
  .small-progressbar .progress-label {
    position: absolute;
    top: -26px;
    right: -6px;
    font-weight: 700; }
    [dir="rtl"] .small-progressbar .progress-label {
      right: unset;
      left: -6px; }
  .small-progressbar .animate-circle {
    position: absolute;
    top: -11px;
    right: -18px;
    height: 30px;
    width: 30px;
    border: 14px solid #006666;
    border-radius: 70px;
    animation: heart 1s ease-in-out;
    animation-iteration-count: infinite; }
    [dir="rtl"] .small-progressbar .animate-circle {
      right: unset;
      left: -18px; }

@keyframes heart {
  0% {
    transform: scale(0);
    opacity: 0; }
  25% {
    transform: scale(0.1);
    opacity: 1; }
  50% {
    transform: scale(0.5);
    opacity: .3; }
  75% {
    transform: scale(0.8);
    opacity: .5; }
  100% {
    transform: scale(1);
    opacity: 0; } }

.progress-b-space .progress {
  margin-bottom: 35px; }

/**=====================
   3.34 Progress CSS Ends
==========================**/
/**=====================
   3.35 Projectlist CSS Start
==========================**/
.project-list .row {
  margin: 15px; }

.project-list button:focus {
  outline: none !important; }

.project-list .theme-form .form-group {
  margin-bottom: 15px; }

.project-list .border-tab.nav-tabs .nav-item .nav-link {
  border: 1px dashed transparent;
  padding: 5px 30px 5px 0;
  border-radius: 5px;
  display: flex;
  align-items: center; }

.project-list .btn {
  margin-right: 5px;
  vertical-align: -12px;
  float: right; }
  [dir="rtl"] .project-list .btn {
    float: left; }
  .project-list .btn svg {
    vertical-align: middle;
    height: 16px; }

.project-list ul {
  margin-bottom: 0 !important;
  border-bottom: 0; }
  .project-list ul li svg {
    height: 18px;
    vertical-align: middle;
    margin-right: 5px; }

.tab-content .row > div.col-xl-4:nth-child(1) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 10ms; }

.tab-content .row > div.col-xl-4:nth-child(2) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 20ms; }

.tab-content .row > div.col-xl-4:nth-child(3) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 30ms; }

.tab-content .row > div.col-xl-4:nth-child(4) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 40ms; }

.tab-content .row > div.col-xl-4:nth-child(5) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 50ms; }

.tab-content .row > div.col-xl-4:nth-child(6) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 60ms; }

.tab-content .row > div.col-xl-4:nth-child(7) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 70ms; }

.tab-content .row > div.col-xl-4:nth-child(8) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 80ms; }

.tab-content .row > div.col-xl-4:nth-child(9) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 90ms; }

.tab-content .row > div.col-xl-4:nth-child(10) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 100ms; }

.tab-content .row > div.col-xl-4:nth-child(11) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 110ms; }

.tab-content .row > div.col-xl-4:nth-child(12) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 120ms; }

.tab-content .row > div.col-xl-4:nth-child(13) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 130ms; }

.tab-content .row > div.col-xl-4:nth-child(14) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 140ms; }

.tab-content .row > div.col-xl-4:nth-child(15) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 150ms; }

.project-cards .tab-content {
  margin-bottom: -30px; }

.project-box {
  border: 1px solid #efefef;
  border-radius: 5px;
  padding: 30px;
  background-color: white;
  margin-bottom: 30px; }
  .project-box h6 {
    font-weight: 500 !important; }
  .project-box .badge {
    position: absolute;
    right: 30px;
    top: 15px;
    line-height: 13px; }
  .project-box .project-status p {
    margin-bottom: 5px;
    font-weight: 800; }
  .project-box .d-flex {
    margin-bottom: 15px;
    margin-top: 10px; }
    .project-box .d-flex .flex-grow-1 {
      opacity: 0.5; }
  .project-box .details div {
    margin-bottom: 5px;
    opacity: 0.7; }

.projectdetails .card .card-body {
  padding: 20px; }

.projectdetails .card .card-footer {
  padding: 20px; }

.projectdetails .card select {
  width: 90px;
  height: 28px;
  font-size: 11px;
  right: 20px;
  top: 20px; }

.projectmore .details .col-4 {
  margin-bottom: 5px; }
  .projectmore .details .col-4:nth-child(even) {
    opacity: 0.5; }

.projectmore h5 {
  font-size: 20px;
  font-weight: 600; }

.projectmore .task-list {
  position: relative; }
  .projectmore .task-list ul li {
    margin-bottom: 5px; }
  .projectmore .task-list ul + ul {
    position: absolute;
    left: 50%;
    top: 0; }

.new-users.activity .gradient-round {
  padding: 13px;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  top: unset !important; }
  .new-users.activity .gradient-round::after {
    display: none; }

/**=====================
   3.35 Projectlist CSS Ends
==========================**/
/**=====================
   3.36 Rating CSS Start
==========================**/
@-webkit-keyframes shake {
  30% {
    transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px); }
  60% {
    transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px); }
  100% {
    transform: perspective(240px) translateZ(4px); } }

@keyframes shake {
  30% {
    transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px); }
  60% {
    transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px); }
  100% {
    transform: perspective(240px) translateZ(4px); } }

@-webkit-keyframes tear {
  0% {
    opacity: 0;
    transform: translateY(-2px) scale(0) translateZ(0); }
  50% {
    transform: translateY(12px) scale(0.6, 1.2) translateZ(0); }
  20%,
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0); } }

@keyframes tear {
  0% {
    opacity: 0;
    transform: translateY(-2px) scale(0) translateZ(0); }
  50% {
    transform: translateY(12px) scale(0.6, 1.2) translateZ(0); }
  20%,
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0); } }

@-webkit-keyframes toggle {
  50% {
    transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg)); } }

@keyframes toggle {
  50% {
    transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg)); } }

@-webkit-keyframes angry {
  40% {
    background: var(--active); }
  45% {
    box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry); } }

@keyframes angry {
  40% {
    background: var(--active); }
  45% {
    box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry); } }

.feedback {
  display: flex;
  gap: 10px;
  flex-wrap: wrap; }

.feedback {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex; }
  .feedback li {
    position: relative;
    border-radius: 50%;
    background: var(--sb, var(--normal));
    box-shadow: inset 3px -3px 4px var(--sh, var(--normal-shadow));
    transition: background 0.4s, box-shadow 0.4s, transform 0.3s;
    -webkit-tap-highlight-color: transparent; }
    .feedback li:not(:last-child) {
      margin-right: 20px; }
    .feedback li div {
      width: 40px;
      height: 40px;
      position: relative;
      transform: perspective(240px) translateZ(4px); }
      .feedback li div svg {
        display: block;
        position: absolute;
        left: var(--l, 9px);
        top: var(--t, 13px);
        width: var(--w, 8px);
        height: var(--h, 2px);
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        fill: none;
        stroke: var(--s);
        stroke-width: 2px;
        stroke-linecap: round;
        stroke-linejoin: round;
        transition: stroke 0.4s; }
      .feedback li div:before {
        display: block;
        position: absolute;
        left: var(--l, 9px);
        top: var(--t, 13px);
        width: var(--w, 8px);
        height: var(--h, 2px);
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        content: "";
        z-index: var(--zi, 1);
        border-radius: var(--br, 1px);
        background: var(--b, var(--e, var(--normal-eye)));
        transition: background 0.4s; }
      .feedback li div:after {
        display: block;
        position: absolute;
        left: var(--l, 9px);
        top: var(--t, 13px);
        width: var(--w, 8px);
        height: var(--h, 2px);
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        content: "";
        z-index: var(--zi, 1);
        border-radius: var(--br, 1px);
        background: var(--b, var(--e, var(--normal-eye)));
        transition: background 0.4s; }
      .feedback li div svg.eye {
        --s: var(--e, var(--normal-eye));
        --t: 17px;
        --w: 7px;
        --h: 4px; }
      .feedback li div svg.eye.right {
        --l: 23px; }
      .feedback li div svg.mouth {
        --s: var(--m, var(--normal-mouth));
        --l: 11px;
        --t: 23px;
        --w: 18px;
        --h: 7px; }
    .feedback li:not(.active) {
      cursor: pointer; }
      .feedback li:not(.active):active {
        transform: scale(0.925); }
  .feedback li.angry {
    --step-1-rx: -24deg;
    --step-1-ry: 20deg;
    --step-2-rx: -24deg;
    --step-2-ry: -20deg; }
    .feedback li.angry div:before {
      --r: 20deg; }
    .feedback li.angry div:after {
      --l: 23px;
      --r: -20deg; }
    .feedback li.angry div svg.eye {
      stroke-dasharray: 4.55;
      stroke-dashoffset: 8.15; }
  .feedback li.angry.active {
    -webkit-animation: angry 1s linear;
    animation: angry 1s linear; }
    .feedback li.angry.active div:before {
      --middle-y: -2px;
      --middle-r: 22deg;
      -webkit-animation: toggle 0.8s linear forwards;
      animation: toggle 0.8s linear forwards; }
    .feedback li.angry.active div:after {
      --middle-y: 1px;
      --middle-r: -18deg;
      -webkit-animation: toggle 0.8s linear forwards;
      animation: toggle 0.8s linear forwards; }
  .feedback li.sad {
    --step-1-rx: 20deg;
    --step-1-ry: -12deg;
    --step-2-rx: -18deg;
    --step-2-ry: 14deg; }
    .feedback li.sad div:before {
      --b: var(--active-tear);
      --sc: 0;
      --w: 5px;
      --h: 5px;
      --t: 15px;
      --br: 50%; }
    .feedback li.sad div:after {
      --b: var(--active-tear);
      --sc: 0;
      --w: 5px;
      --h: 5px;
      --t: 15px;
      --br: 50%;
      --l: 25px; }
    .feedback li.sad div svg.eye {
      --t: 16px; }
    .feedback li.sad div svg.mouth {
      --t: 24px;
      stroke-dasharray: 9.5;
      stroke-dashoffset: 33.25; }
  .feedback li.sad.active div:before {
    -webkit-animation: tear 0.6s linear forwards;
    animation: tear 0.6s linear forwards; }
  .feedback li.sad.active div:after {
    -webkit-animation: tear 0.6s linear forwards;
    animation: tear 0.6s linear forwards; }
  .feedback li.ok {
    --step-1-rx: 4deg;
    --step-1-ry: -22deg;
    --step-1-rz: 6deg;
    --step-2-rx: 4deg;
    --step-2-ry: 22deg;
    --step-2-rz: -6deg; }
    .feedback li.ok div:before {
      --l: 12px;
      --t: 17px;
      --h: 4px;
      --w: 4px;
      --br: 50%;
      box-shadow: 12px 0 0 var(--e, var(--normal-eye)); }
    .feedback li.ok div:after {
      --l: 13px;
      --t: 26px;
      --w: 14px;
      --h: 2px;
      --br: 1px;
      --b: var(--m, var(--normal-mouth)); }
  .feedback li.ok.active div:before {
    --middle-s-y: .35;
    -webkit-animation: toggle 0.2s linear forwards;
    animation: toggle 0.2s linear forwards; }
  .feedback li.ok.active div:after {
    --middle-s-x: .5;
    -webkit-animation: toggle 0.7s linear forwards;
    animation: toggle 0.7s linear forwards; }
  .feedback li.good {
    --step-1-rx: -14deg;
    --step-1-rz: 10deg;
    --step-2-rx: 10deg;
    --step-2-rz: -8deg; }
    .feedback li.good div:before {
      --b: var(--m, var(--normal-mouth));
      --w: 5px;
      --h: 5px;
      --br: 50%;
      --t: 22px;
      --zi: 0;
      opacity: 0.5;
      box-shadow: 16px 0 0 var(--b);
      filter: blur(2px); }
    .feedback li.good div:after {
      --sc: 0; }
    .feedback li.good div svg.eye {
      --t: 15px;
      --sc: -1;
      stroke-dasharray: 4.55;
      stroke-dashoffset: 8.15; }
    .feedback li.good div svg.mouth {
      --t: 22px;
      --sc: -1;
      stroke-dasharray: 13.3;
      stroke-dashoffset: 23.75; }
  .feedback li.good.active div svg.mouth {
    --middle-y: 1px;
    --middle-s: -1;
    -webkit-animation: toggle 0.8s linear forwards;
    animation: toggle 0.8s linear forwards; }
  .feedback li.happy div {
    --step-1-rx: 18deg;
    --step-1-ry: 24deg;
    --step-2-rx: 18deg;
    --step-2-ry: -24deg; }
    .feedback li.happy div:before {
      --sc: 0; }
    .feedback li.happy div:after {
      --b: var(--m, var(--normal-mouth));
      --l: 11px;
      --t: 23px;
      --w: 18px;
      --h: 8px;
      --br: 0 0 8px 8px; }
    .feedback li.happy div svg.eye {
      --t: 14px;
      --sc: -1; }
  .feedback li.happy.active div:after {
    --middle-s-x: .95;
    --middle-s-y: .75;
    -webkit-animation: toggle 0.8s linear forwards;
    animation: toggle 0.8s linear forwards; }
  .feedback li.active {
    --sb: var(--active);
    --sh: var(--active-shadow);
    --m: var(--active-mouth);
    --e: var(--active-eye); }
    .feedback li.active div {
      -webkit-animation: shake 0.8s linear forwards;
      animation: shake 0.8s linear forwards; }

html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased; }

* {
  box-sizing: inherit; }
  *:before {
    box-sizing: inherit; }
  *:after {
    box-sizing: inherit; }

.br-theme-bars-1to10 .br-widget a,
.br-theme-bars-movie .br-widget a,
.br-theme-bars-pill .br-widget a,
.br-theme-bars-reversed .br-widget a,
.br-theme-bars-horizontal .br-widget a {
  background-color: rgba(0, 102, 102, 0.2); }

.br-theme-bars-square .br-widget a {
  border-color: rgba(0, 102, 102, 0.2);
  color: var(--body-light-font-color); }

/**=====================
   3.36 Rating CSS Ends
==========================**/
/**=====================
    3.37 Social-app CSS start
==========================**/
.user-profile .hovercard .socialheader {
  background: url(/../images/social-app/social-image.png); }

.user-profile .hovercard .user-image .share-icons {
  position: absolute;
  right: 100px;
  top: -27px; }
  .user-profile .hovercard .user-image .share-icons li {
    display: inline-block;
    margin-right: 10px; }
    .user-profile .hovercard .user-image .share-icons li .social-icon {
      width: 50px;
      height: 50px;
      text-align: center;
      display: flex;
      align-items: center;
      vertical-align: middle;
      justify-content: center;
      border-radius: 100%; }
      .user-profile .hovercard .user-image .share-icons li .social-icon i {
        color: #fff;
        font-size: 25px; }
    .user-profile .hovercard .user-image .share-icons li:last-child {
      margin-right: 0; }

.user-profile .card-footer > div h3 {
  font-size: 16px; }

.market-tabs .border-tab.nav-tabs .nav-item .nav-link.active {
  border-bottom: none !important; }

.market-tabs .nav {
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center; }
  .market-tabs .nav .nav-item {
    width: 100%; }
    .market-tabs .nav .nav-item .nav-link {
      height: 81px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      padding-top: 30px;
      text-align: center; }

.tabs-scoial {
  border-bottom: none;
  margin-bottom: 20px !important;
  margin-top: 20px; }
  .tabs-scoial li a {
    font-weight: 600; }
    .tabs-scoial li a svg circle {
      color: #999999; }

.social-network span {
  margin-bottom: 30px;
  display: block; }

.social-list .d-flex {
  margin-bottom: 20px;
  display: flex;
  align-items: center; }
  .social-list .d-flex:last-child {
    margin-bottom: 0; }
  .social-list .d-flex .flex-grow-1 a {
    color: #999999; }
  .social-list .d-flex .flex-grow-1 span {
    font-weight: 600; }
  .social-list .d-flex .flex-grow-1:hover a {
    color: var(--theme-deafult); }

.photos {
  margin-bottom: -15px; }
  .photos ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 70px; }
    .photos ul li:nth-child(4n) {
      margin-right: 0; }

.new-users-social {
  margin-bottom: 30px; }
  .new-users-social svg {
    cursor: pointer; }
  .new-users-social .d-flex img {
    width: 58px; }
  .new-users-social .d-flex .flex-grow-1 {
    margin-top: 10px; }
  .new-users-social svg circle {
    color: #999999; }

.like-content span i {
  font-size: 14px; }

.timeline-content p {
  margin-top: 30px;
  color: #999999; }

.timeline-content .comment-number i {
  color: #999999;
  margin-right: 20px; }

.timeline-content .comments-box {
  margin-top: 30px; }
  .timeline-content .comments-box .flex-grow-1 {
    width: 100%; }
  .timeline-content .comments-box .input-group {
    margin-top: 6px; }
    .timeline-content .comments-box .input-group .input-txt-bx {
      border: none;
      background-color: #F5F5F5; }
      .timeline-content .comments-box .input-group .input-txt-bx::placeholder {
        color: #999999; }
    .timeline-content .comments-box .input-group .input-group-append .btn i {
      font-size: 20px;
      display: flex;
      color: #999999; }

.social-chat {
  margin-top: 30px; }
  .social-chat span span {
    font-weight: normal;
    color: #999999;
    font-size: 12px; }
  .social-chat .flex-grow-1 {
    padding: 20px;
    border: 1px solid #E6E9EB;
    position: relative; }
    .social-chat .flex-grow-1 p {
      margin-top: 5px; }
    .social-chat .flex-grow-1:before {
      content: '';
      position: absolute;
      top: 19px;
      right: 100%;
      border: 7px solid transparent;
      border-right: 7px solid #59667a; }
    .social-chat .flex-grow-1:after {
      content: '';
      position: absolute;
      top: 19px;
      right: 100%;
      border: 7px solid transparent;
      border-right: 7px solid #fff; }
  .social-chat .your-msg,
  .social-chat .other-msg {
    margin-bottom: 30px; }
  .social-chat .other-msg {
    margin-left: 40px; }

.socialprofile span {
  color: #999999; }
  .socialprofile span.badge {
    padding: 6px 10px !important; }

.socialprofile .social-btngroup {
  margin: 30px 0; }

.socialprofile .likes-profile h5 span {
  color: #051A1A; }

.socialprofile .social-group {
  margin-top: 30px; }
  .socialprofile .social-group ul li:nth-child(4) {
    margin-left: -22px; }

.social-status form .form-group .form-control-social {
  border: 1px solid #E6E9EB;
  padding-left: 15px;
  margin-bottom: 30px; }

.social-status .d-flex {
  position: relative;
  margin-bottom: 30px; }
  .social-status .d-flex:last-child {
    margin-bottom: 0; }
  .social-status .d-flex .social-status {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #fff;
    bottom: 0;
    left: 35px;
    border-radius: 100%; }
  .social-status .d-flex .social-online {
    border: 3px solid #00AC46; }
  .social-status .d-flex .social-busy {
    border: 3px solid #FFAE1A; }
  .social-status .d-flex .social-offline {
    border: 3px solid #59667a; }
  .social-status .d-flex .flex-grow-1 p {
    color: #999999;
    margin-bottom: 5px; }
  .social-status .d-flex .flex-grow-1 span + span {
    color: #999999; }
  .social-status .d-flex .flex-grow-1 .light-span {
    color: #999999; }

.social-header h5 span:first-child {
  line-height: 1.48; }

.social-header h5 span svg circle {
  color: #999999; }

.details-about + .details-about {
  margin-top: 30px; }

.details-about .your-details p {
  color: #999999; }

.avatar-showcase .friend-pic {
  margin-right: 8px;
  margin-bottom: 10px; }

.avatar-showcase .pepole-knows ul li {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px; }
  .avatar-showcase .pepole-knows ul li:last-child {
    margin-right: 0; }
  .avatar-showcase .pepole-knows ul li .add-friend h6 {
    margin-top: 3px; }

.activity-log .my-activity + .my-activity {
  margin-top: 30px; }

.activity-log .my-activity p {
  margin-bottom: 5px; }
  .activity-log .my-activity p span svg {
    width: 15px;
    height: 15px; }

/**=====================
    3.37 Social-app CSS end
==========================**/
/**=====================
    3.38 Sweet-alert CSS Start
==========================**/
.swal-modal .swal-title {
  font-size: 24px; }

.swal-modal .swal-text {
  font-size: 17px; }

/**=====================
    3.38 Sweet-alert CSS ends
==========================**/
/**=====================
    3.39 Task CSS Start
==========================**/
.modal-open .datepickers-container {
  z-index: 1075; }

.date-details {
  align-items: center; }
  .date-details > div + div {
    margin-left: 10px; }

.taskadd table tr td {
  border-top: none; }
  .taskadd table tr td:first-child {
    padding-left: 30px; }
  .taskadd table tr td:last-child {
    padding-right: 30px; }
  .taskadd table tr td svg {
    width: 18px;
    height: 18px;
    color: #59667a; }

.taskadd table tr:first-child td {
  padding-top: 30px; }

.taskadd table tr:last-child td {
  padding-bottom: 30px; }

@media only screen and (max-width: 1660px) {
  .taskadd table tr td:first-child {
    min-width: 160px; }
  .taskadd table tr td:nth-child(3) {
    min-width: 70px; } }

@media only screen and (max-width: 991px) {
  .date-details {
    display: block !important;
    margin-bottom: -10px; }
    .date-details .d-inline-block {
      margin-bottom: 10px; }
  .taskadd table tr td:first-child {
    padding-left: 20px; }
  .taskadd table tr:first-child td {
    padding-top: 20px; }
  .taskadd table tr:last-child td {
    padding-bottom: 20px; } }

@media only screen and (max-width: 767px) {
  .taskadd table tr td:nth-child(2) {
    min-width: 745px; } }

@media only screen and (max-width: 575px) {
  .taskadd table tr td:first-child {
    padding-left: 15px; }
  .taskadd table tr:first-child td {
    padding-top: 15px; }
  .taskadd table tr:last-child td {
    padding-bottom: 15px; } }

/**=====================
  3.39 Task CSS Ends
==========================**/
/*====todo css start====*/
.todo .action-box {
  background: transparent;
  height: 20px;
  width: 20px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  transition: all 300ms ease; }
  .todo .action-box .icon {
    vertical-align: 0; }
  .todo .action-box.completed {
    background: #FE6A49;
    border: 1px solid #FE6A49;
    border-radius: 4px; }
    .todo .action-box.completed .icon {
      color: #fff;
      font-size: 14px; }
  .todo .action-box.large {
    height: 26px;
    width: 26px; }
    .todo .action-box.large .icon {
      font-size: 16px;
      vertical-align: -4px; }
      .todo .action-box.large .icon .icon-trash {
        color: #006666; }
      .todo .action-box.large .icon .icon-check {
        color: #006666; }

.todo .todo-list-wrapper {
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  box-sizing: border-box; }
  .todo .todo-list-wrapper #todo-list {
    list-style: none;
    margin: 0;
    padding: 0; }
    .todo .todo-list-wrapper #todo-list li {
      margin: 0;
      padding: 0;
      width: 100%; }
      .todo .todo-list-wrapper #todo-list li:last-child .task-container {
        border-bottom: 0;
        padding-bottom: 0; }
      .todo .todo-list-wrapper #todo-list li .task-container {
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
        width: 100%;
        border-bottom: 1px solid #ecf3fa;
        box-sizing: border-box;
        position: relative;
        transition: background 200ms ease; }
        .todo .todo-list-wrapper #todo-list li .task-container .d-flex {
          align-items: center; }
          .todo .todo-list-wrapper #todo-list li .task-container .d-flex div {
            text-align: right; }
        .todo .todo-list-wrapper #todo-list li .task-container .task-label {
          display: table;
          font-size: 16px;
          font-weight: 400;
          vertical-align: middle;
          color: #999999;
          word-break: break-word;
          padding-top: 5px; }
        .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn {
          display: table-cell;
          vertical-align: middle;
          text-align: right; }
          .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box {
            border: 1px solid transparent; }
            .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover {
              background: #fff;
              border-radius: 4px; }
              .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover .icon {
                color: #59667a; }
        .todo .todo-list-wrapper #todo-list li .task-container:hover h4 {
          color: #2c323f;
          transition: all 0.3s ease; }
      .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn {
        border: 1px solid #006666;
        border-radius: 4px; }
        .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn .icon {
          font-weight: bold; }
          .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn .icon i {
            color: #00AC46; }
        .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover {
          background: #fff;
          border: 1px solid #00AC46; }
          .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover .icon {
            color: #fff; }
      .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label {
        text-decoration: line-through;
        color: #006666; }
      .todo .todo-list-wrapper #todo-list li.new .task-container {
        animation: taskHighlighter 2000ms linear 1; }
  .todo .todo-list-wrapper .todo-list-header h5 {
    text-align: center;
    color: #efefef; }

.todo .notification-popup {
  position: fixed;
  top: 100px;
  right: 10px;
  width: 300px;
  display: inline-block;
  background: #00AC46;
  border: 1px solid #00AC46;
  color: #fff;
  padding: 20px;
  opacity: 0.9;
  border-radius: 2px;
  box-sizing: border-box;
  transition: all 300ms ease; }
  .todo .notification-popup.success {
    background: #00AC46;
    border: 1px solid #00AC46; }
  .todo .notification-popup p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1; }
  .todo .notification-popup .task {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block;
    color: #fff;
    padding: 0 4px; }
  .todo .notification-popup .notification-text {
    font-size: 14px;
    display: inline-block;
    overflow: hidden;
    color: #fff; }
  .todo .notification-popup.hide {
    opacity: 0;
    visibility: hidden; }

@-webkit-keyframes taskHighlighter {
  0% {
    background: rgba(68, 102, 242, 0.5); }
  100% {
    background: #fff; } }

@keyframes taskHighlighter {
  0% {
    background: rgba(68, 102, 242, 0.5); }
  100% {
    background: #fff; } }

.todo-wrap .card-header.b-bottom {
  border-bottom: 1px solid #ecf3fa; }

.todo-wrap .card-header .todo-list-header .new-task-wrapper input {
  padding: 12px 28px;
  border-radius: 7px;
  background-color: #F5F5F5;
  border: 1px solid #dee2e6; }

.todo-wrap .card-header .todo-list-header .add-new-task-btn {
  display: flex;
  align-items: center;
  z-index: 0; }

.todo-wrap .todo-list-body .assign-name {
  opacity: 0.4;
  font-size: 13px;
  font-weight: 400; }

.todo-wrap .left-bookmark ul li .iconbg {
  padding: 8px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center; }

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li button.d-block {
  text-align: left; }

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li + li {
  padding-top: 12px; }

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li a {
  padding: 0 16px;
  align-items: center; }
  .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a .badge {
    color: #fff;
    padding: 5px 6px 4px 7px; }
  .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover {
    color: #006666;
    background-color: transparent; }
    .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover .badge {
      color: #fff; }
    .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover .title {
      color: #006666; }

/*====todo css end====*/
/**=====================
    3.40 Timeline-v CSS Start
==========================**/
.timeline-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px; }

.time-content {
  display: flex;
  align-items: center;
  gap: 4px; }
  .time-content i {
    font-size: 18px; }

.activity .media {
  margin-bottom: 30px; }
  .activity .media:last-child {
    margin-bottom: 0; }
  .activity .media .gradient-round {
    position: relative;
    width: 53px;
    height: 53px;
    background-image: linear-gradient(26deg, var(--theme-deafult) 0%, #006666 100%);
    border-radius: 100%;
    top: -18px; }
    .activity .media .gradient-round svg {
      position: absolute;
      width: 18px;
      height: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      left: 0;
      top: 18px;
      right: 0;
      margin: 0 auto; }
      .activity .media .gradient-round svg path,
      .activity .media .gradient-round svg line,
      .activity .media .gradient-round svg circle {
        color: #fff; }
    .activity .media .gradient-round.gradient-line-1:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 62px;
      bottom: -77px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .activity .media .gradient-round.small-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 19px;
      bottom: -34px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .activity .media .gradient-round.medium-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 53px;
      bottom: -68px;
      left: 0;
      right: 0;
      margin: 0 auto; }
  .activity .media .media-body h6 {
    font-weight: 600;
    margin-bottom: 30px; }
    .activity .media .media-body h6 span {
      font-weight: normal;
      color: #999999; }
  .activity .media .media-body p {
    width: 80%; }

.timeline-small .media {
  margin-bottom: 30px; }
  .timeline-small .media:last-child {
    margin-bottom: 0; }
  .timeline-small .media .timeline-round {
    position: relative;
    width: 53px;
    height: 53px;
    border-radius: 100%;
    border-radius: 15px;
    top: -18px; }
    .timeline-small .media .timeline-round svg {
      position: absolute;
      width: 18px;
      height: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      left: 0;
      top: 18px;
      right: 0;
      margin: 0 auto; }
      .timeline-small .media .timeline-round svg path,
      .timeline-small .media .timeline-round svg line,
      .timeline-small .media .timeline-round svg circle {
        color: #fff; }
    .timeline-small .media .timeline-round.timeline-line-1:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 62px;
      bottom: -88px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .timeline-small .media .timeline-round.small-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 19px;
      bottom: -34px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .timeline-small .media .timeline-round.medium-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 53px;
      bottom: -68px;
      left: 0;
      right: 0;
      margin: 0 auto; }
  .timeline-small .media .media-body h6 {
    margin-bottom: 30px; }
    .timeline-small .media .media-body h6 span {
      font-weight: normal;
      color: #999999; }
  .timeline-small .media .media-body p {
    width: 80%; }

.cd-container {
  width: 90%;
  max-width: 1170px;
  margin: 0 auto; }

.cd-container::after {
  content: '';
  display: table;
  clear: both; }

@media only screen and (min-width: 1170px) {
  #cd-timeline::before {
    left: 50% !important;
    margin-left: -2px; }
  .cd-timeline-block {
    margin: 4em 0; }
    .cd-timeline-block:first-child {
      margin-top: 0; }
    .cd-timeline-block:last-child {
      margin-bottom: 0; }
    .cd-timeline-block:nth-child(even) .cd-timeline-content {
      float: right; }
      .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
        left: auto;
        right: 122%;
        text-align: right; }
    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
      top: 24px;
      left: auto;
      right: 100%;
      border-color: transparent;
      border-right-color: #E6E9EB; }
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px; }
    .cd-timeline-img > i {
      font-size: 18px;
      top: 50%;
      left: 50%;
      padding: 3px; }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden; }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    animation: cd-bounce-1 0.6s; }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden; }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    animation: cd-bounce-2 0.6s; }
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    animation: cd-bounce-2-inverse 0.6s; }
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%; }
    .cd-timeline-content .cd-date {
      position: absolute;
      width: 100%;
      left: 122%;
      top: 6px;
      font-size: 16px; }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #fff; } }

#cd-timeline {
  position: relative;
  padding: 2em 0; }

#cd-timeline::before {
  content: '';
  position: absolute;
  top: 0;
  font-size: 1.5rem;
  height: 100%;
  width: 2px;
  background: #E6E9EB;
  left: -15px; }

.cd-timeline-block {
  position: relative;
  margin: 30px 0; }
  .cd-timeline-block:after {
    content: "";
    display: table;
    clear: both; }
  .cd-timeline-block:first-child {
    margin-top: 0; }
  .cd-timeline-block:last-child {
    margin-bottom: 0; }

.cd-timeline-img {
  width: 40px;
  height: 40px;
  left: 51%;
  margin-left: -30px;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  position: absolute;
  top: 0;
  border-radius: 50px; }
  .cd-timeline-img i {
    display: block;
    position: relative;
    left: 45%;
    top: 44%;
    margin-left: -12px;
    margin-top: -12px;
    font-size: 20px;
    color: #fff; }

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    transform: scale(0.5); }
  60% {
    opacity: 1;
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.cd-timeline-content {
  position: relative;
  background: #E6E9EB;
  border-radius: 4px;
  padding: 30px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08); }
  .cd-timeline-content p {
    padding-top: 9px; }
  .cd-timeline-content h4 {
    margin-bottom: 0; }
  .cd-timeline-content:after {
    content: "";
    display: table;
    clear: both; }
  .cd-timeline-content audio {
    width: 100%; }
  .cd-timeline-content .cd-date {
    font-size: 13px;
    display: inline-block;
    float: left;
    padding: .8em 0 0;
    opacity: .7; }

.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 28px;
  right: 100%;
  height: 0;
  width: 0;
  border: 15px solid transparent;
  border-left: 15px solid #E6E9EB; }
  [dir="rtl"] .cd-timeline-content::before {
    border-right: 15px solid #E6E9EB;
    border-left: unset; }
  @media (max-width: 1169px) {
    .cd-timeline-content::before {
      display: none; } }
@media only screen and (min-width: 768px) {
  .cd-timeline-content .cd-date {
    font-size: 14px;
    padding-bottom: 0; } }

@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; }
  100% { } }

@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    transform: translateX(-100px); }
  60% {
    opacity: 1;
    transform: translateX(20px); }
  100% {
    transform: translateX(0); } }

@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; }
  100% { } }

@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    transform: translateX(100px); }
  60% {
    opacity: 1;
    transform: translateX(-20px); }
  100% {
    transform: translateX(0); } }

@media only screen and (max-width: 1169px) {
  .cd-timeline-block .cd-timeline-img {
    left: -2px;
    height: 30px;
    width: 30px;
    margin-left: -30px;
    top: 14px;
    z-index: 7; }
    .cd-timeline-block .cd-timeline-img > i {
      font-size: 15px;
      top: 16px;
      left: 17px;
      padding: 3px; }
  .landing-main #cd-timeline::before {
    left: -39px; }
  .landing-main .cd-timeline-block .cd-timeline-img {
    left: -34px;
    height: 50px;
    width: 50px;
    top: 1px;
    z-index: 8; }
    .landing-main .cd-timeline-block .cd-timeline-img > i {
      font-size: 23px;
      top: 21px;
      left: 7px;
      padding: 3px; } }

@media only screen and (max-width: 576px) {
  .cd-timeline-content {
    padding: 15px; }
    .cd-timeline-content h4 {
      font-size: 18px; } }

.main-timeline ul::before {
  left: 5px; }
  [dir="rtl"] .main-timeline ul::before {
    right: 5px;
    left: unset; }

.square-timeline {
  position: relative; }
  .square-timeline::before {
    border: 1px dashed #E6E9EB;
    content: '';
    margin-left: 0px;
    position: absolute;
    top: 0;
    left: 18px;
    width: 1px;
    height: 100%; }
    [dir="rtl"] .square-timeline::before {
      margin-left: unset;
      margin-right: 0;
      left: unset;
      right: 18px; }
  .square-timeline .timeline-event {
    position: relative; }
    .square-timeline .timeline-event:hover .timeline-event-icon {
      transform: rotate(-105deg);
      background-color: #52526c; }
    .square-timeline .timeline-event:hover .timeline-event-wrapper .timeline-thumbnail {
      box-shadow: inset 40em 0 0 0 rgba(255, 174, 26, 0.3); }
    .square-timeline .timeline-event .timeline-event-wrapper {
      padding: 0 0 0 14px;
      position: relative;
      top: -7px;
      left: 38px;
      width: 95%; }
      [dir="rtl"] .square-timeline .timeline-event .timeline-event-wrapper {
        left: unset;
        right: 38px;
        padding: 0 14px 0 0; }
      @media (max-width: 1200px) {
        .square-timeline .timeline-event .timeline-event-wrapper {
          width: calc(84% + (95 - 84) * ((100vw - 320px) / (1200 - 320))); } }
      .square-timeline .timeline-event .timeline-event-wrapper .designer-details {
        padding-top: 20px; }
      .square-timeline .timeline-event .timeline-event-wrapper .timeline-thumbnail {
        transition: box-shadow 0.5s ease-in 0.1s;
        color: #2c323f;
        background-color: rgba(0, 102, 102, 0.2);
        box-shadow: inset 0 0 0 0em rgba(23, 56, 120, 0.3);
        display: inline-block;
        margin-bottom: 12px;
        padding: 2px 25px; }
      .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:hover, .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:active, .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:focus {
        background-color: unset; }
      .square-timeline .timeline-event .timeline-event-wrapper > div {
        display: inline-block;
        width: 100%; }
    .square-timeline .timeline-event .timeline-event-icon {
      transition: 0.2s ease-in;
      transform: rotate(45deg);
      background-color: #006666;
      outline: 6px solid rgba(0, 102, 102, 0.2);
      display: block;
      margin: 0px;
      position: absolute;
      top: 0;
      left: 14px;
      width: 10px;
      height: 10px; }
      [dir="rtl"] .square-timeline .timeline-event .timeline-event-icon {
        right: 14px;
        left: unset; }

.list-inline {
  display: flex;
  justify-content: center; }
  .list-inline.events .event-list {
    display: block;
    position: relative;
    text-align: center;
    padding-top: 70px;
    margin-right: 0; }
    .list-inline.events .event-list p {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; }
    .list-inline.events .event-list .event-date {
      position: absolute;
      top: 38px;
      left: 0;
      right: 0;
      width: 75px;
      margin: 0 auto;
      border-radius: 4px;
      padding: 2px 4px; }
      .list-inline.events .event-list .event-date p {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        line-height: 1.5;
        margin-top: 7px; }

.timeline-list.timeline-border {
  border-bottom: 1px solid #E6E9EB; }

.timeline-list.list-inline {
  padding-bottom: 0; }
  .timeline-list.list-inline.events .event-list {
    padding-top: 35px; }
    .timeline-list.list-inline.events .event-list::before {
      content: '';
      height: 0;
      border-right: unset; }
    .timeline-list.list-inline.events .event-list .event-date {
      top: 2px; }
      .timeline-list.list-inline.events .event-list .event-date p {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        line-height: 1.5;
        margin-top: 7px; }
    .timeline-list.list-inline.events .event-list .read-more-btn {
      position: relative;
      margin-bottom: 3px; }
  .timeline-list.list-inline .vertical-line {
    height: 45px;
    width: 1px;
    margin: 0 auto;
    position: relative;
    border: 1px dashed #006666; }

.list-group.main-lists-content {
  padding-top: 20px; }

@media (max-width: 1218px) {
  .list-group .list-group-item .timeline-icon {
    display: none; } }

@media (max-width: 1400px) {
  .horizontal-timeline {
    display: none; } }

/**=====================
    3.40 Timeline-v CSS Ends
==========================**/
/**=====================
    3.41 User-profile CSS start
==========================**/
.user-profile .ttl-info h6 {
  font-size: 12px;
  color: #59667a; }

.user-profile .border-right {
  border-right: 1px solid #E6E9EB; }

.user-profile hr {
  margin: 30px 0; }

.user-profile .hovercard .cardheader {
  background: url(/../images/admin/other-images/bg-profile.png);
  background-size: cover;
  background-position: 10%;
  height: 470px; }

.user-profile .hovercard .user-image {
  position: relative;
  height: 0; }
  .user-profile .hovercard .user-image .avatar {
    margin-top: -80px; }
    .user-profile .hovercard .user-image .avatar img {
      width: 100px;
      height: 100px;
      max-width: 155px;
      max-height: 155px;
      border-radius: 50%;
      border: 7px solid #fff; }
  .user-profile .hovercard .user-image .icon-wrapper {
    position: absolute;
    bottom: -20px;
    left: 51%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    overflow: hidden;
    margin: 0 auto;
    font-size: 17px;
    box-shadow: 0 0 6px 3px rgba(68, 102, 242, 0.1); }

.user-profile .hovercard .info {
  padding: 30px; }
  .user-profile .hovercard .info .title {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 1;
    color: #2c323f;
    vertical-align: middle; }
    .user-profile .hovercard .info .title a {
      color: #242934;
      font-size: 20px;
      text-transform: uppercase;
      font-weight: 500; }
  .user-profile .hovercard .info .desc {
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #59667a;
    text-overflow: ellipsis;
    text-transform: uppercase; }

.user-profile .follow {
  margin-top: 20px; }
  .user-profile .follow .follow-num {
    font-size: 20px;
    color: #242934;
    font-family: "Montserrat", sans-serif;
    font-weight: 500; }
  .user-profile .follow span {
    color: #59667a; }

.user-profile .profile-img-style {
  padding: 30px; }
  .user-profile .profile-img-style .img-container {
    margin-top: 30px; }
  .user-profile .profile-img-style .user-name {
    font-size: 14px;
    color: #242934;
    margin: 0;
    font-weight: 600; }
  .user-profile .profile-img-style p {
    line-height: 30px;
    font-size: 14px;
    color: #898989;
    margin-bottom: 0; }
  .user-profile .profile-img-style .media img {
    width: 50px; }

.user-profile .like-comment li a {
  color: #898989; }

.user-profile .like-comment li:first-child a:hover, .user-profile .like-comment li:first-child a:active {
  color: #FE6A49; }

.user-profile .like-comment span {
  font-family: "Montserrat", sans-serif; }

.user-profile .social-media a {
  padding: 0 15px;
  color: #59667a;
  font-size: 24px;
  cursor: pointer; }
  .user-profile .social-media a:hover {
    color: var(--theme-deafult); }

.edit-profile .profile-title .media {
  align-items: center;
  margin-bottom: 30px; }
  .edit-profile .profile-title .media .media-body {
    margin-left: 14px; }
    [dir="rtl"] .edit-profile .profile-title .media .media-body {
      margin-left: unset;
      margin-right: 14px; }

/**=====================
    3.41 User-profile CSS Ends
==========================**/
/**=====================
    3.42 Wishlist CSS start
==========================**/
.wishlist table tr td svg {
  color: #898989;
  cursor: pointer; }

/**=====================
    3.42 Wishlist CSS Ends
==========================**/
/* ---------------------
	*** themes ***
-----------------------*/
/**=====================
	4.1. Dark CSS Start
==========================**/
/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C; }

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8; }

.light-card {
  background-color: var(--light-background); }

.light-background {
  background-color: var(--light-bg); }

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  transform: rotate(-45deg);
  display: inline-block; }

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-l-50 {
  margin-left: 50px !important; }

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important; }

.b-r-1 {
  border-radius: 1px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-r-11 {
  border-radius: 11px !important; }

.b-r-12 {
  border-radius: 12px !important; }

.b-r-13 {
  border-radius: 13px !important; }

.b-r-14 {
  border-radius: 14px !important; }

.b-r-15 {
  border-radius: 15px !important; }

.b-r-16 {
  border-radius: 16px !important; }

.b-r-17 {
  border-radius: 17px !important; }

.b-r-18 {
  border-radius: 18px !important; }

.b-r-19 {
  border-radius: 19px !important; }

.b-r-20 {
  border-radius: 20px !important; }

.b-r-21 {
  border-radius: 21px !important; }

.b-r-22 {
  border-radius: 22px !important; }

.b-r-23 {
  border-radius: 23px !important; }

.b-r-24 {
  border-radius: 24px !important; }

.b-r-25 {
  border-radius: 25px !important; }

.b-r-26 {
  border-radius: 26px !important; }

.b-r-27 {
  border-radius: 27px !important; }

.b-r-28 {
  border-radius: 28px !important; }

.b-r-29 {
  border-radius: 29px !important; }

.b-r-30 {
  border-radius: 30px !important; }

.b-r-31 {
  border-radius: 31px !important; }

.b-r-32 {
  border-radius: 32px !important; }

.b-r-33 {
  border-radius: 33px !important; }

.b-r-34 {
  border-radius: 34px !important; }

.b-r-35 {
  border-radius: 35px !important; }

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.f-34 {
  font-size: 34px !important; }

.f-36 {
  font-size: 36px !important; }

.f-38 {
  font-size: 38px !important; }

.f-40 {
  font-size: 40px !important; }

.f-42 {
  font-size: 42px !important; }

.f-44 {
  font-size: 44px !important; }

.f-46 {
  font-size: 46px !important; }

.f-48 {
  font-size: 48px !important; }

.f-50 {
  font-size: 50px !important; }

.f-52 {
  font-size: 52px !important; }

.f-54 {
  font-size: 54px !important; }

.f-56 {
  font-size: 56px !important; }

.f-58 {
  font-size: 58px !important; }

.f-60 {
  font-size: 60px !important; }

.f-62 {
  font-size: 62px !important; }

.f-64 {
  font-size: 64px !important; }

.f-66 {
  font-size: 66px !important; }

.f-68 {
  font-size: 68px !important; }

.f-70 {
  font-size: 70px !important; }

.f-72 {
  font-size: 72px !important; }

.f-74 {
  font-size: 74px !important; }

.f-76 {
  font-size: 76px !important; }

.f-78 {
  font-size: 78px !important; }

.f-80 {
  font-size: 80px !important; }

.f-82 {
  font-size: 82px !important; }

.f-84 {
  font-size: 84px !important; }

.f-86 {
  font-size: 86px !important; }

.f-88 {
  font-size: 88px !important; }

.f-90 {
  font-size: 90px !important; }

.f-92 {
  font-size: 92px !important; }

.f-94 {
  font-size: 94px !important; }

.f-96 {
  font-size: 96px !important; }

.f-98 {
  font-size: 98px !important; }

.f-100 {
  font-size: 100px !important; }

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100; }

.f-w-300 {
  font-weight: 300; }

.f-w-500 {
  font-weight: 500; }

.f-w-400 {
  font-weight: 400; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-900 {
  font-weight: 900; }

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal; }

.f-s-italic {
  font-style: italic; }

.f-s-oblique {
  font-style: oblique; }

.f-s-initial {
  font-style: initial; }

.f-s-inherit {
  font-style: inherit; }

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-dashed {
  text-decoration: dashed; }

.text-blink {
  text-decoration: blink; }

.text-dotted {
  text-decoration: dotted; }

.text-initial {
  text-decoration: initial; }

.text-none {
  text-decoration: none; }

.text-solid {
  text-decoration: solid; }

.text-wavy {
  text-decoration: wavy; }

.text-inherit {
  text-decoration: inherit; }

.text-double {
  text-decoration: double; }

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline; }

.sub {
  vertical-align: sub; }

.super {
  vertical-align: super; }

.top {
  vertical-align: top; }

.text-top {
  vertical-align: text-top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.text-bottom {
  vertical-align: text-bottom; }

.initial {
  vertical-align: initial; }

.inherit {
  vertical-align: inherit; }

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-relative {
  position: relative; }

.p-initial {
  position: initial; }

.p-inherit {
  position: inherit; }

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden; }

.o-visible {
  overflow: visible; }

.o-auto {
  overflow: auto; }

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important; }

.img-h-10 {
  height: 10px !important; }

.img-20 {
  width: 20px !important; }

.img-h-20 {
  height: 20px !important; }

.img-30 {
  width: 30px !important; }

.img-h-30 {
  height: 30px !important; }

.img-40 {
  width: 40px !important; }

.img-h-40 {
  height: 40px !important; }

.img-50 {
  width: 50px !important; }

.img-h-50 {
  height: 50px !important; }

.img-60 {
  width: 60px !important; }

.img-h-60 {
  height: 60px !important; }

.img-70 {
  width: 70px !important; }

.img-h-70 {
  height: 70px !important; }

.img-80 {
  width: 80px !important; }

.img-h-80 {
  height: 80px !important; }

.img-90 {
  width: 90px !important; }

.img-h-90 {
  height: 90px !important; }

.img-100 {
  width: 100px !important; }

.img-h-100 {
  height: 100px !important; }

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important; }

.font-secondary {
  color: #FE6A49 !important; }

.font-success {
  color: #00AC46 !important; }

.font-danger {
  color: #FE6A49 !important; }

.font-info {
  color: #173878 !important; }

.font-light {
  color: #E6E9EB !important; }

.font-dark {
  color: #2c323f !important; }

.font-warning {
  color: #FFAE1A !important; }

.font-primary {
  color: var(--theme-deafult) !important; }

.font-secondary {
  color: var(--theme-secondary) !important; }

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize; }

.label-theme {
  background-color: #006666; }

.label-primary {
  background-color: #006666; }

.label-secondary {
  background-color: #FE6A49; }

.label-success {
  background-color: #00AC46; }

.label-danger {
  background-color: #FE6A49; }

.label-info {
  background-color: #173878; }

.label-light {
  background-color: #E6E9EB; }

.label-dark {
  background-color: #2c323f; }

.label-warning {
  background-color: #FFAE1A; }

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666; }

.badge-secondary {
  background-color: #FE6A49; }

.badge-success {
  background-color: #00AC46; }

.badge-danger {
  background-color: #FE6A49; }

.badge-info {
  background-color: #173878; }

.badge-light {
  background-color: #E6E9EB; }

.badge-dark {
  background-color: #2c323f; }

.badge-warning {
  background-color: #FFAE1A; }

.badge-primary {
  background-color: var(--theme-deafult) !important; }

.badge-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff; }

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff; }

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important; }

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-success {
  background-color: #00AC46 !important;
  color: #fff; }

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff; }

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important; }

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-info {
  background-color: #173878 !important;
  color: #fff; }

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff; }

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important; }

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff; }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff; }

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important; }

.bg-dark {
  background-color: #2c323f !important;
  color: #fff; }

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff; }

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important; }

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff; }

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff; }

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important; }

.bg-primary {
  background-color: var(--theme-deafult) !important; }

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6); }

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important; }

.txt-secondary {
  color: #FE6A49 !important; }

.txt-success {
  color: #00AC46 !important; }

.txt-danger {
  color: #FE6A49 !important; }

.txt-info {
  color: #173878 !important; }

.txt-light {
  color: #E6E9EB !important; }

.txt-dark {
  color: #2c323f !important; }

.txt-warning {
  color: #FFAE1A !important; }

.txt-google-plus {
  color: #c64e40 !important; }

.txt-twitter {
  color: #6fa2d8 !important; }

.txt-linkedin {
  color: #0077B5 !important; }

.txt-fb {
  color: #50598e !important; }

.txt-primary {
  color: var(--theme-deafult) !important; }

.txt-secondary {
  color: var(--theme-secondary) !important; }

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@keyframes push {
  50% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #006666 !important;
    border-color: #006666 !important; }
  .btn-primary:focus {
    box-shadow: unset !important; }

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-secondary:focus {
    box-shadow: unset !important; }

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }
  .btn-success:focus {
    box-shadow: unset !important; }

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-danger:focus {
    box-shadow: unset !important; }

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #173878 !important;
    border-color: #173878 !important; }
  .btn-info:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }
  .btn-light:focus {
    box-shadow: unset !important; }

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #2c323f !important;
    border-color: #2c323f !important; }
  .btn-dark:focus {
    box-shadow: unset !important; }

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }
  .btn-warning:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important; }
  .btn-light:hover {
    background-color: rgba(0, 102, 102, 0.1) !important;
    border-color: rgba(0, 102, 102, 0.1) !important; }

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important; }

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important; }

.btn-hover-effect:hover {
  animation: push 0.5s linear 1; }

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent; }
  .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-check {
  color: #006666 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #006666 !important; }
    .btn-check:checked + .btn-outline-primary {
      color: white !important;
      background-color: #006666 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-primary {
    border-color: #006666 !important;
    color: #006666 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-primary.disabled {
      color: #006666; }
    .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
      color: white !important;
      background-color: #006666 !important;
      border-color: #006666 !important;
      box-shadow: none !important; }

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary.disabled {
    color: #006666;
    border-color: #006666; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-secondary {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-secondary {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-secondary.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #00AC46 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #00AC46 !important; }
    .btn-check:checked + .btn-outline-success {
      color: white !important;
      background-color: #00AC46 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-success.disabled {
      color: #00AC46; }
    .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
      color: white !important;
      background-color: #00AC46 !important;
      border-color: #00AC46 !important;
      box-shadow: none !important; }

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success.disabled {
    color: #00AC46;
    border-color: #00AC46; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-danger {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-danger.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #173878 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #173878 !important; }
    .btn-check:checked + .btn-outline-info {
      color: white !important;
      background-color: #173878 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-info {
    border-color: #173878 !important;
    color: #173878 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-info.disabled {
      color: #173878; }
    .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
      color: white !important;
      background-color: #173878 !important;
      border-color: #173878 !important;
      box-shadow: none !important; }

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info.disabled {
    color: #173878;
    border-color: #173878; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: #fff !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #E6E9EB !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #E6E9EB !important; }
    .btn-check:checked + .btn-outline-light {
      color: white !important;
      background-color: #E6E9EB !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-light {
    border-color: #E6E9EB !important;
    color: #E6E9EB !important;
    background-color: transparent;
    color: #051A1A; }
    .btn-check + .btn-outline-light.disabled {
      color: #E6E9EB; }
    .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
      color: white !important;
      background-color: #E6E9EB !important;
      border-color: #E6E9EB !important;
      box-shadow: none !important; }

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A; }
  .btn-outline-light.disabled {
    color: #E6E9EB;
    border-color: #E6E9EB; }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: #fff !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: unset !important; }

.btn-check {
  color: #2c323f !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #2c323f !important; }
    .btn-check:checked + .btn-outline-dark {
      color: white !important;
      background-color: #2c323f !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-dark {
    border-color: #2c323f !important;
    color: #2c323f !important;
    background-color: transparent; }
    .btn-check + .btn-outline-dark.disabled {
      color: #2c323f; }
    .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
      color: white !important;
      background-color: #2c323f !important;
      border-color: #2c323f !important;
      box-shadow: none !important; }

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark.disabled {
    color: #2c323f;
    border-color: #2c323f; }
  .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FFAE1A !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FFAE1A !important; }
    .btn-check:checked + .btn-outline-warning {
      color: white !important;
      background-color: #FFAE1A !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important;
    background-color: transparent; }
    .btn-check + .btn-outline-warning.disabled {
      color: #FFAE1A; }
    .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
      color: white !important;
      background-color: #FFAE1A !important;
      border-color: #FFAE1A !important;
      box-shadow: none !important; }

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning.disabled {
    color: #FFAE1A;
    border-color: #FFAE1A; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: unset !important; }

.btn-primary.active:not([disabled]):not(.disabled) {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  box-shadow: none !important; }
  .btn-primary.active:not([disabled]):not(.disabled):hover, .btn-primary.active:not([disabled]):not(.disabled):focus, .btn-primary.active:not([disabled]):not(.disabled):active, .btn-primary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #003333;
    border-color: #003333; }

.btn-secondary.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-secondary.active:not([disabled]):not(.disabled):hover, .btn-secondary.active:not([disabled]):not(.disabled):focus, .btn-secondary.active:not([disabled]):not(.disabled):active, .btn-secondary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-success.active:not([disabled]):not(.disabled) {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  box-shadow: none !important; }
  .btn-success.active:not([disabled]):not(.disabled):hover, .btn-success.active:not([disabled]):not(.disabled):focus, .btn-success.active:not([disabled]):not(.disabled):active, .btn-success.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #007931;
    border-color: #007931; }

.btn-danger.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-danger.active:not([disabled]):not(.disabled):hover, .btn-danger.active:not([disabled]):not(.disabled):focus, .btn-danger.active:not([disabled]):not(.disabled):active, .btn-danger.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-info.active:not([disabled]):not(.disabled) {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  box-shadow: none !important; }
  .btn-info.active:not([disabled]):not(.disabled):hover, .btn-info.active:not([disabled]):not(.disabled):focus, .btn-info.active:not([disabled]):not(.disabled):active, .btn-info.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #0f244d;
    border-color: #0f244d; }

.btn-light.active:not([disabled]):not(.disabled) {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  box-shadow: none !important; }
  .btn-light.active:not([disabled]):not(.disabled):hover, .btn-light.active:not([disabled]):not(.disabled):focus, .btn-light.active:not([disabled]):not(.disabled):active, .btn-light.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #cad0d4;
    border-color: #cad0d4; }

.btn-dark.active:not([disabled]):not(.disabled) {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  box-shadow: none !important; }
  .btn-dark.active:not([disabled]):not(.disabled):hover, .btn-dark.active:not([disabled]):not(.disabled):focus, .btn-dark.active:not([disabled]):not(.disabled):active, .btn-dark.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #171a21;
    border-color: #171a21; }

.btn-warning.active:not([disabled]):not(.disabled) {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  box-shadow: none !important; }
  .btn-warning.active:not([disabled]):not(.disabled):hover, .btn-warning.active:not([disabled]):not(.disabled):focus, .btn-warning.active:not([disabled]):not(.disabled):active, .btn-warning.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #e69500;
    border-color: #e69500; }

.btn-outline-primary-2x.active:not([disabled]):not(.disabled) {
  background-color: #006666;
  border-color: #006666;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-primary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-primary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #006666 !important;
    border-color: #006666 !important; }

.btn-outline-secondary-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-secondary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-success-2x.active:not([disabled]):not(.disabled) {
  background-color: #00AC46;
  border-color: #00AC46;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-success-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-success-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-success-2x.active:not([disabled]):not(.disabled):active, .btn-outline-success-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }

.btn-outline-danger-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-danger-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):active, .btn-outline-danger-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-info-2x.active:not([disabled]):not(.disabled) {
  background-color: #173878;
  border-color: #173878;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-info-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-info-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-info-2x.active:not([disabled]):not(.disabled):active, .btn-outline-info-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #173878 !important;
    border-color: #173878 !important; }

.btn-outline-light-2x.active:not([disabled]):not(.disabled) {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-light-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-light-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-light-2x.active:not([disabled]):not(.disabled):active, .btn-outline-light-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }

.btn-outline-dark-2x.active:not([disabled]):not(.disabled) {
  background-color: #2c323f;
  border-color: #2c323f;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-dark-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):active, .btn-outline-dark-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important; }

.btn-outline-warning-2x.active:not([disabled]):not(.disabled) {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-warning-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):active, .btn-outline-warning-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important; }

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important; }

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important; }

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important; }

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important; }

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important; }

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666; }
  .table-styling .table-primary thead,
  .table-styling.table-primary thead {
    background-color: #003333;
    border: 3px solid #003333; }
  .table-styling .table-primary th,
  .table-styling .table-primary td,
  .table-styling.table-primary th,
  .table-styling.table-primary td {
    background-color: transparent; }

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-secondary thead,
  .table-styling.table-secondary thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-secondary th,
  .table-styling .table-secondary td,
  .table-styling.table-secondary th,
  .table-styling.table-secondary td {
    background-color: transparent; }

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46; }
  .table-styling .table-success thead,
  .table-styling.table-success thead {
    background-color: #007931;
    border: 3px solid #007931; }
  .table-styling .table-success th,
  .table-styling .table-success td,
  .table-styling.table-success th,
  .table-styling.table-success td {
    background-color: transparent; }

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-danger thead,
  .table-styling.table-danger thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-danger th,
  .table-styling .table-danger td,
  .table-styling.table-danger th,
  .table-styling.table-danger td {
    background-color: transparent; }

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878; }
  .table-styling .table-info thead,
  .table-styling.table-info thead {
    background-color: #0f244d;
    border: 3px solid #0f244d; }
  .table-styling .table-info th,
  .table-styling .table-info td,
  .table-styling.table-info th,
  .table-styling.table-info td {
    background-color: transparent; }

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB; }
  .table-styling .table-light thead,
  .table-styling.table-light thead {
    background-color: #cad0d4;
    border: 3px solid #cad0d4; }
  .table-styling .table-light th,
  .table-styling .table-light td,
  .table-styling.table-light th,
  .table-styling.table-light td {
    background-color: transparent; }

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f; }
  .table-styling .table-dark thead,
  .table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21; }
  .table-styling .table-dark th,
  .table-styling .table-dark td,
  .table-styling.table-dark th,
  .table-styling.table-dark td {
    background-color: transparent; }

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A; }
  .table-styling .table-warning thead,
  .table-styling.table-warning thead {
    background-color: #e69500;
    border: 3px solid #e69500; }
  .table-styling .table-warning th,
  .table-styling .table-warning td,
  .table-styling.table-warning th,
  .table-styling.table-warning td {
    background-color: transparent; }

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important; }

.stroke-secondary {
  stroke: #FE6A49 !important; }

.stroke-success {
  stroke: #00AC46 !important; }

.stroke-danger {
  stroke: #FE6A49 !important; }

.stroke-info {
  stroke: #173878 !important; }

.stroke-light {
  stroke: #E6E9EB !important; }

.stroke-dark {
  stroke: #2c323f !important; }

.stroke-warning {
  stroke: #FFAE1A !important; }

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878; }

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important; }

.b-t-primary {
  border-top: 1px solid #006666 !important; }

.border-t-primary {
  border-top: 1px solid #006666 !important; }

.b-b-primary {
  border-bottom: 1px solid #006666 !important; }

.border-b-primary {
  border-bottom: 1px solid #006666 !important; }

.b-l-primary {
  border-left: 1px solid #006666 !important; }

.border-l-primary {
  border-left: 1px solid #006666 !important; }

.b-r-primary {
  border-right: 1px solid #006666 !important; }

.border-r-primary {
  border-right: 1px solid #006666 !important; }

.b-secondary {
  border: 1px solid #FE6A49 !important; }

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.b-success {
  border: 1px solid #00AC46 !important; }

.b-t-success {
  border-top: 1px solid #00AC46 !important; }

.border-t-success {
  border-top: 1px solid #00AC46 !important; }

.b-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.border-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.b-l-success {
  border-left: 1px solid #00AC46 !important; }

.border-l-success {
  border-left: 1px solid #00AC46 !important; }

.b-r-success {
  border-right: 1px solid #00AC46 !important; }

.border-r-success {
  border-right: 1px solid #00AC46 !important; }

.b-danger {
  border: 1px solid #FE6A49 !important; }

.b-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.border-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.border-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.b-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.border-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.b-info {
  border: 1px solid #173878 !important; }

.b-t-info {
  border-top: 1px solid #173878 !important; }

.border-t-info {
  border-top: 1px solid #173878 !important; }

.b-b-info {
  border-bottom: 1px solid #173878 !important; }

.border-b-info {
  border-bottom: 1px solid #173878 !important; }

.b-l-info {
  border-left: 1px solid #173878 !important; }

.border-l-info {
  border-left: 1px solid #173878 !important; }

.b-r-info {
  border-right: 1px solid #173878 !important; }

.border-r-info {
  border-right: 1px solid #173878 !important; }

.b-light {
  border: 1px solid #E6E9EB !important; }

.b-t-light {
  border-top: 1px solid #E6E9EB !important; }

.border-t-light {
  border-top: 1px solid #E6E9EB !important; }

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.b-l-light {
  border-left: 1px solid #E6E9EB !important; }

.border-l-light {
  border-left: 1px solid #E6E9EB !important; }

.b-r-light {
  border-right: 1px solid #E6E9EB !important; }

.border-r-light {
  border-right: 1px solid #E6E9EB !important; }

.b-dark {
  border: 1px solid #2c323f !important; }

.b-t-dark {
  border-top: 1px solid #2c323f !important; }

.border-t-dark {
  border-top: 1px solid #2c323f !important; }

.b-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.border-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.b-l-dark {
  border-left: 1px solid #2c323f !important; }

.border-l-dark {
  border-left: 1px solid #2c323f !important; }

.b-r-dark {
  border-right: 1px solid #2c323f !important; }

.border-r-dark {
  border-right: 1px solid #2c323f !important; }

.b-warning {
  border: 1px solid #FFAE1A !important; }

.b-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.border-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.b-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.border-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.b-r-warning {
  border-right: 1px solid #FFAE1A !important; }

.border-r-warning {
  border-right: 1px solid #FFAE1A !important; }

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-6 {
  border-width: 6px !important; }

.border-7 {
  border-width: 7px !important; }

.border-8 {
  border-width: 8px !important; }

.border-9 {
  border-width: 9px !important; }

.border-10 {
  border-width: 10px !important; }

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px; }

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa; }

.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px; }

.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3); }

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f; }
  .line pre {
    font-size: 100%; }

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important; }

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .options > div {
    color: #86909C;
    padding: 2px 10px;
    border: 1px solid; }
    .options > div:hover {
      background-color: #006666;
      color: #fff;
      transition: background-color 0.3s ease; }

/**====== Animation css Ends ======**/
.modal-footer {
  flex-wrap: wrap; }

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0; }

.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0; }

.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px; }

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666; }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #006666 !important; }

.typeahead .theme-form .form-group {
  margin-bottom: 0; }

.primary .svg-fill {
  fill: var(--theme-deafult); }
  .primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-deafult); }

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important; }

.secondary .svg-fill {
  fill: var(--theme-secondary); }
  .secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary); }

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important; }

.success .svg-fill {
  fill: #00AC46; }

.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important; }

.warning .svg-fill {
  fill: #FFAE1A; }

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important; }

.dotted {
  border-style: dotted; }

.dashed {
  border-style: dashed; }

.double {
  border-style: double; }

.groove {
  border-style: groove; }

.ridge {
  border-style: ridge; }

.inset {
  border-style: inset; }

.outset {
  border-style: outset; }

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px; }
  75% {
    opacity: .6;
    top: 0; }
  100% {
    opacity: 1; } }

.code-box-copy {
  width: 100%;
  overflow: auto; }

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%; }
  .custom-rs-12 {
    width: 100%; } }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px; }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none; }

.bg-gray {
  background-color: var(--text-gray); }

.text-gray {
  color: var(--text-gray) !important; }

.common-flex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

.common-space {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2); }

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3); }

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important; }

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important; }

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666; }

.badge-light-secondary {
  background-color: white;
  color: #FE6A49; }

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46; }

.badge-light-danger {
  background-color: white;
  color: #FE6A49; }

.badge-light-info {
  background-color: #6e96e3;
  color: #173878; }

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c; }

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f; }

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A; }

.fc .fc-button-primary.fc-button-active:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult), 0.2) !important; }

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%;
      margin-left: 0px; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .invoice-table-data {
    background-color: #f9f9fa; }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

/**=====================
    1.1 Reset CSS Ends
==========================**/
body.dark-only {
  --bs-heading-color: rgb(255, 255, 255);
  color: rgba(255, 255, 255, 0.6);
  background-color: #1A1C23; }
  body.dark-only.modal-open {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23; }
    body.dark-only.modal-open h1,
    body.dark-only.modal-open h2,
    body.dark-only.modal-open h3,
    body.dark-only.modal-open h4,
    body.dark-only.modal-open h5,
    body.dark-only.modal-open h6 {
      color: #fff; }
    body.dark-only.modal-open span {
      color: rgba(255, 255, 255, 0.7); }
    body.dark-only.modal-open p {
      color: rgba(255, 255, 255, 0.7); }
  body.dark-only span {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .txt-primary {
    color: #006666 !important; }
  body.dark-only .txt-secondary {
    color: #FE6A49 !important; }
  body.dark-only .txt-success {
    color: #00AC46 !important; }
  body.dark-only .txt-danger {
    color: #FE6A49 !important; }
  body.dark-only .txt-info {
    color: #173878 !important; }
  body.dark-only .txt-light {
    color: #E6E9EB !important; }
  body.dark-only .txt-dark {
    color: #2c323f !important; }
  body.dark-only .txt-warning {
    color: #FFAE1A !important; }
  body.dark-only .txt-google-plus {
    color: #c64e40 !important; }
  body.dark-only .txt-twitter {
    color: #6fa2d8 !important; }
  body.dark-only .txt-linkedin {
    color: #0077B5 !important; }
  body.dark-only .txt-fb {
    color: #50598e !important; }
  body.dark-only .txt-primary {
    color: var(--theme-deafult) !important; }
  body.dark-only .txt-secondary {
    color: var(--theme-secondary) !important; }
  body.dark-only .accordion-button.accordion-light-primary:not(.collapsed) {
    background-color: rgba(0, 102, 102, 0.2); }
  body.dark-only .accordion-button.accordion-light-primary:active, body.dark-only .accordion-button.accordion-light-primary.active {
    background-color: rgba(0, 102, 102, 0.2);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-secondary:not(.collapsed) {
    background-color: rgba(254, 106, 73, 0.3); }
  body.dark-only .accordion-button.accordion-light-secondary:active, body.dark-only .accordion-button.accordion-light-secondary.active {
    background-color: rgba(254, 106, 73, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-success:not(.collapsed) {
    background-color: rgba(0, 172, 70, 0.3); }
  body.dark-only .accordion-button.accordion-light-success:active, body.dark-only .accordion-button.accordion-light-success.active {
    background-color: rgba(0, 172, 70, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-warning:not(.collapsed) {
    background-color: rgba(255, 174, 26, 0.3); }
  body.dark-only .accordion-button.accordion-light-warning:active, body.dark-only .accordion-button.accordion-light-warning.active {
    background-color: rgba(255, 174, 26, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-info:not(.collapsed) {
    background-color: rgba(23, 56, 120, 0.3); }
  body.dark-only .accordion-button.accordion-light-info:active, body.dark-only .accordion-button.accordion-light-info.active {
    background-color: rgba(23, 56, 120, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-light:not(.collapsed) {
    background-color: #F9F9FB; }
  body.dark-only .accordion-button.accordion-light-light:active, body.dark-only .accordion-button.accordion-light-light.active {
    background-color: #F9F9FB;
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-danger:not(.collapsed) {
    background-color: rgba(254, 106, 73, 0.3); }
  body.dark-only .accordion-button.accordion-light-danger:active, body.dark-only .accordion-button.accordion-light-danger.active {
    background-color: rgba(254, 106, 73, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-dark:not(.collapsed) {
    background-color: #EAEBF2; }
  body.dark-only .accordion-button.accordion-light-dark:active, body.dark-only .accordion-button.accordion-light-dark.active {
    background-color: #EAEBF2;
    color: #000;
    border: none; }
  body.dark-only .list-product-header .collapse .list-product-body {
    border: unset !important; }
  body.dark-only .card {
    --bs-card-title-color: var(--body-font-color);
    --bs-card-subtitle-color: var(--body-font-color);
    --bs-card-cap-color: var(--body-font-color);
    --bs-card-color: var(--body-font-color);
    --bs-body-color: var(--body-font-color);
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .breadcrumb {
    --bs-breadcrumb-bg: transparent; }
  body.dark-only .toast {
    --bs-toast-color: var(--body-font-color); }
  body.dark-only .modal {
    --bs-modal-color: rgba(255, 255, 255, 0.2);
    --bs-modal-footer-bg: $dark-card-background; }
  body.dark-only .accordion-flush .accordion-item .accordion-header button {
    background-color: rgba(0, 172, 70, 0.3) !important; }
  body.dark-only .moon {
    stroke: var(--body-font-color); }
  body.dark-only .radio label::before {
    background-color: #1A1C23; }
  body.dark-only .support-custom-table table.dataTable {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .support-custom-table table.dataTable thead th,
    body.dark-only .support-custom-table table.dataTable thead td {
      border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .support-custom-table table.dataTable tbody td {
      border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .support-custom-table .dataTables_wrapper .dataTables_paginate {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .list-product .datatable-sorter::before {
    border-top: 4px solid rgba(255, 255, 255, 0.5) !important; }
  body.dark-only .list-product .datatable-sorter::after {
    border-bottom: 4px solid rgba(255, 255, 255, 0.5) !important; }
  body.dark-only .onhover-dropdown.notification-down::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .nav-right > ul > li:nth-child(n+3):not(:last-child body.dark-only .nav-right > ul > li.profile-nav:nth-child(n+3)) {
    background-color: #22242B !important; }
  body.dark-only .nav-right > ul > li:nth-child(2) {
    background-color: #22242B !important; }
  body.dark-only .nav-right .nav-menus li.profile-nav ul li {
    background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .bookmark-flip .flip-card .bookmark-dropdown li:nth-child(2) {
    background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .bookmark-flip .flip-card .back ul li:nth-child(2) {
    background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .input-icon input {
    background-color: #22242B;
    border: none;
    color: #fff; }
  body.dark-only .nav-right .nav-menus li .user-name svg {
    filter: invert(1); }
  body.dark-only .nav-right .nav-menus li .profile-media .media-body span {
    color: #fff; }
  body.dark-only .email-right-aside .email-read .mail-header1 svg {
    stroke: rgba(255, 255, 255, 0.7); }
  body.dark-only .customers ul li:last-child p {
    color: rgba(255, 255, 255, 0.2) !important;
    border: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .invoice-text span {
    color: #006666; }
  body.dark-only .invoice-table-data {
    background-color: #22242B !important; }
  body.dark-only .form-control {
    background-color: #22242B !important;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only input::placeholder {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .text-muted {
    color: rgba(255, 255, 255, 0.7) !important; }
  body.dark-only .total-chart .data-grow span {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .payment-second .mega-icons .stroke-dark {
    filter: invert(3); }
  body.dark-only .breadcrumb-item.active {
    color: rgba(255, 255, 255, 0.7) !important; }
  body.dark-only .breadcrumb-item + .breadcrumb-item:before {
    color: rgba(255, 255, 255, 0.7) !important; }
  body.dark-only .sale-history-card .history-price a {
    color: #fff; }
  body.dark-only .radius-wrapper {
    background-color: #1A1C23 !important; }
  body.dark-only .product-costing {
    border-color: rgba(230, 233, 235, 0.1);
    color: #fff; }
  body.dark-only .sale-history-card {
    border-color: rgba(230, 233, 235, 0.1); }
  body.dark-only .table-order table thead {
    background-color: rgba(230, 233, 235, 0.07); }
  body.dark-only .table-order table tbody tr {
    border-bottom: 1px solid rgba(230, 233, 235, 0.1) !important; }
    body.dark-only .table-order table tbody tr td a {
      color: #fff !important; }
    body.dark-only .table-order table tbody tr td .dropdown svg {
      filter: invert(1); }
    body.dark-only .table-order table tbody tr:hover td a {
      color: var(--theme-deafult) !important; }
    body.dark-only .table-order table tbody tr:last-child {
      border-bottom: none !important; }
      body.dark-only .table-order table tbody tr:last-child td {
        border-bottom: none !important; }
  body.dark-only .new-product .product-cost .product-icon:last-child svg {
    filter: invert(1); }
  body.dark-only .revenuegrowth .revenuegrowth-chart::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .revenuegrowth-details .growth-details {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .add-project-link .categories-content a {
    color: #fff; }
  body.dark-only .activity-group::before {
    border-left: 1px dashed rgba(255, 255, 255, 0.1); }
  body.dark-only .email-general h6 {
    color: #fff; }
  body.dark-only .tranaction-table thead {
    background-color: rgba(230, 233, 235, 0.07); }
  body.dark-only .card .card-footer .common-space a {
    color: #fff; }
  body.dark-only .card .card-footer .common-space:hover a {
    color: var(--theme-deafult); }
  body.dark-only .card .card-footer .common-space .visited-dropdown {
    border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .card .card-footer .common-space .visited-dropdown svg {
      filter: invert(1); }
  body.dark-only .today-work-table .today-working-table tbody tr td a {
    color: #fff !important; }
  body.dark-only .today-work-table .today-working-table tbody tr:hover td a {
    color: #006666 !important; }
  body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .add-project .categories-content a {
    color: #fff; }
  body.dark-only .activity-log h6 a {
    color: #fff; }
  body.dark-only span.dayName {
    color: #006666 !important; }
  body.dark-only .fc-scrollgrid-sync-inner a.fc-col-header-cell-cushion {
    color: #006666 !important; }
  body.dark-only .badge-light {
    background-color: #1A1C23;
    color: #fff !important; }
  body.dark-only .apexcharts-canvas .apexcharts-svg .apexcharts-inner .apexcharts-grid-borders line {
    stroke: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .apexcharts-canvas .apexcharts-svg .apexcharts-inner .apexcharts-grid .apexcharts-gridlines-horizontal line {
    stroke: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .timeline-calendar .custom-calendar .time-line .fc-scrollgrid table thead tr {
    background-color: #1A1C23; }
  body.dark-only .activity-log-card ul li div .username {
    color: #fff; }
  body.dark-only .product-box .product-details h4 {
    color: #fff; }
  body.dark-only .product-box .product-details p {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .bookmark-wrap .left-bookmark ul li button {
    color: #fff !important; }
  body.dark-only .balance-profile h5 {
    color: #fff; }
  body.dark-only .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button {
    background: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button span {
      color: #fff; }
  body.dark-only .common-space .header-top .btn:hover i {
    color: #fff !important; }
  body.dark-only .activity-table table tbody tr td .team-activity .activity-data a {
    color: #fff !important; }
  body.dark-only .activity-table table tbody tr td .team-activity .activity-data .user-activity::before {
    background-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .activity-table table tbody tr td .team-activity .activity-data .common-space:before {
    background-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .activity-table table tbody tr td .team-activity:hover a {
    color: var(--theme-deafult) !important; }
  body.dark-only .left-header .welcome-content span {
    color: var(--body-font-color); }
  body.dark-only .dropdown-menu .input-group {
    background-color: #1A1C23;
    opacity: 1; }
  body.dark-only .dropdown-menu .dropdown-item {
    background-color: #1A1C23;
    opacity: 1;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important; }
  body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: #1A1C23;
    color: #fff; }
  body.dark-only .activity-log-card ul::before {
    border-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .dropdown-basic .dropdown .dropdown-content {
    background-color: #1A1C23;
    z-index: 2; }
    body.dark-only .dropdown-basic .dropdown .dropdown-content a {
      background-color: #1A1C23;
      color: #fff;
      border-color: rgba(255, 255, 255, 0.1); }
      body.dark-only .dropdown-basic .dropdown .dropdown-content a:hover {
        background-color: #22242B !important; }
  body.dark-only .projectlist-card {
    border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .projectlist-card .project-data a {
      color: #fff; }
  body.dark-only .new-user ul li {
    border-color: rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .new-user ul li a {
      color: #fff !important; }
    body.dark-only .new-user ul li:hover a {
      color: var(--theme-deafult) !important; }
    body.dark-only .new-user ul li .product-sub .invoice-icon {
      filter: invert(1); }
  body.dark-only .top-product-card ul li a {
    color: #fff !important; }
  body.dark-only .top-product-card ul li:hover a {
    color: var(--theme-deafult) !important; }
  body.dark-only .top-product-card ul li.top-product {
    border-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .top-product-card ul li .product-items span {
    color: #fff !important; }
  body.dark-only .deliveries-percentage table tbody tr td a {
    color: #fff; }
  body.dark-only .project-meeting-details {
    border-top: rgba(255, 255, 255, 0.1); }
    body.dark-only .project-meeting-details .project-meeting-time a {
      color: #fff; }
  body.dark-only .client-list-table table tbody tr td a {
    color: #fff !important; }
  body.dark-only .client-list-table table tbody tr td .user-id::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .client-list-table table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }
  body.dark-only .project-table .order-table thead {
    background-color: rgba(230, 233, 235, 0.07); }
  body.dark-only .project-table .order-table tbody tr td a {
    color: #fff; }
  body.dark-only .project-table .order-table tbody tr td .product-sub .dropdown svg {
    filter: invert(1); }
  body.dark-only .project-table .order-table tbody tr:hover td a {
    color: #fff; }
  body.dark-only .user-message li {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .user-message svg {
    filter: invert(1); }
  body.dark-only .apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1A1C23; }
  body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button {
    border-color: rgba(255, 255, 255, 0.2) !important; }
  body.dark-only table.fixedHeader-locked {
    background: #1A1C23; }
  body.dark-only .apexcharts-tooltip-series-group {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .apexcharts-yaxistooltip,
  body.dark-only .apexcharts-xaxistooltip {
    color: rgba(255, 255, 255, 0.6);
    background: #1A1C23;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-yaxistooltip-left::before, body.dark-only .apexcharts-yaxistooltip-left::after {
    border-left-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-xaxistooltip-bottom::before, body.dark-only .apexcharts-xaxistooltip-bottom::after {
    border-bottom-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .bottom-content .apexcharts-canvas span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .apexcharts-canvas .apexcharts-tooltip {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
      margin-bottom: 0; }
    body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .apexcharts-canvas .apexcharts-yaxis text {
    fill: #98a6ad; }
  body.dark-only .apexcharts-xaxistooltip {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-xaxistooltip-bottom:after {
    border-bottom-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1A1C23; }
    body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text {
      color: #98a6ad; }
    body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
      background: #22242B;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      color: #98a6ad; }
  body.dark-only .apexcharts-yaxis text {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .theme-form input[type=text] {
    background-color: #1A1C23 !important;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .theme-form input[type=num], body.dark-only input[type=select], body.dark-only input[type=date] {
    background-color: #1A1C23 !important;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .theme-form textarea {
    background-color: #1A1C23; }
  body.dark-only .page-body .bg-light {
    background-color: #1A1C23 !important; }
  body.dark-only .wizard-4 .step-container {
    background-color: #22242B;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .wizard-4 .login-card .login-main {
    background-color: #1A1C23; }
  body.dark-only .total-balance {
    background-blend-mode: overlay; }
  body.dark-only .icon-state .switch-state:after {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .social-widget .social-icons {
    box-shadow: 0px 42.1092px 27.8569px #1A1C23, 0px 8.90772px 7.12618px #1A1C23, 0px 2.02448px 3.44162px #1A1C23; }
  body.dark-only .calendar-basic .md-sidebar-aside {
    background: #22242B; }
  body.dark-only .calendar-basic #external-events {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .calendar-basic .calendar-default .fc .fc-daygrid-day-number,
  body.dark-only .calendar-basic .calendar-default .fc .fc-col-header-cell-cushion {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .clockpicker-popover .popover-title {
    background-color: #22242B; }
  body.dark-only .clockpicker-popover.bottom > .arrow {
    border-bottom-color: #1A1C23; }
    body.dark-only .clockpicker-popover.bottom > .arrow:after {
      border-bottom-color: #22242B; }
  body.dark-only .clockpicker-popover.top > .arrow {
    border-top-color: #1A1C23; }
    body.dark-only .clockpicker-popover.top > .arrow::after {
      border-top-color: #22242B; }
  body.dark-only .clockpicker-popover.left > .arrow {
    border-left-color: #1A1C23; }
    body.dark-only .clockpicker-popover.left > .arrow::after {
      border-left-color: #22242B; }
  body.dark-only .clockpicker-popover .popover-title {
    border-bottom-color: #22242B; }
  body.dark-only .fc-theme-standard .fc-scrollgrid,
  body.dark-only .fc-theme-standard .fc-list {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .fc-theme-standard .fc-list-day-cushion {
    background-color: #1A1C23; }
  body.dark-only .fc .fc-list-event:hover td {
    background-color: #1A1C23; }
  body.dark-only .view-container .apexcharts-canvas .apexcharts-point-annotations circle {
    outline: 25px solid #3e3d7259; }
  body.dark-only .currency-widget div[class*=bg-light-] {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .btn.badge-light-primary:hover {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .portfolio-chart-container .apexcharts-canvas .apexcharts-radialbar image {
    display: none; }
  body.dark-only svg.f-light {
    fill: rgba(255, 255, 255, 0.6);
    opacity: 1; }
  body.dark-only .course-widget .btn-light {
    background-color: #1A1C23 !important; }
  body.dark-only .schedule-list > li {
    box-shadow: 4px 7px 17px 5px rgba(26, 28, 35, 0.2); }
  body.dark-only .upcoming-event-wrap .apexcharts-canvas .apexcharts-data-labels rect {
    fill: none;
    stroke: none; }
  body.dark-only .page-wrapper.advance-layout .page-header {
    background: #22242B; }
  body.dark-only .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper.only-body {
    background: #1A1C23; }
  body.dark-only .balance-card .svg-box {
    background: #22242B;
    box-shadow: none; }
    body.dark-only .balance-card .svg-box svg {
      fill: rgba(255, 255, 255, 0.6); }
  body.dark-only .f-light {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: #22242B;
    color: #fff; }
  body.dark-only .card {
    background-color: #22242B; }
  body.dark-only .ecommerce-widget {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .btn-light {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .form-select {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .add-project .text-inherit {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .knowledgebase-search {
    color: #051A1A; }
    body.dark-only .knowledgebase-search h3 {
      color: #051A1A; }
    body.dark-only .knowledgebase-search .form-control-plaintext {
      color: #051A1A; }
  body.dark-only .toast {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .toast .toast-header {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .toast .toast-dark {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .btn-close {
    filter: brightness(0.8) invert(1); }
  body.dark-only .prooduct-details-box .media {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .product-price del {
    color: #98a6ad; }
  body.dark-only .ProfileCard {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .form-control-plaintext {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .form-select {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only .box-layout {
    background-color: #1A1C23; }
    body.dark-only .box-layout .page-wrapper .page-header .header-wrapper, body.dark-only .box-layout.page-wrapper .page-header .header-wrapper {
      border: 1px solid #1A1C23; }
  body.dark-only .form-check-input {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .checkbox-wrapper li .form-check-input,
  body.dark-only .radio-wrapper li .form-check-input {
    background-color: transparent; }
  body.dark-only .switch-state:before {
    background-color: #22242B; }
  body.dark-only .tooltip.bs-tooltip-top .tooltip-arrow:before {
    border-top-color: #323846; }
  body.dark-only .tooltip.bs-tooltip-bottom .tooltip-arrow:before {
    border-bottom-color: #323846;
    border-top-color: transparent; }
  body.dark-only .tooltip.bs-tooltip-start .tooltip-arrow:before {
    border-left-color: #323846;
    border-top-color: transparent; }
  body.dark-only .tooltip.bs-tooltip-end .tooltip-arrow:before {
    border-right-color: #323846;
    border-top-color: transparent; }
  body.dark-only .tooltip .tooltip-inner {
    background-color: #323846;
    color: #fff; }
  body.dark-only .tooltip .tooltip-arrow:before {
    border-top-color: #323846; }
  body.dark-only .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6:first-child h6 {
    color: rgba(255, 255, 255, 0.5); }
  body.dark-only .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
    background-color: #22242B; }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
    color: #fff; }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
    background-color: #1A1C23 !important; }
    body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
      background-color: #1A1C23;
      border: 1px solid rgba(255, 255, 255, 0.1);
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:last-child {
      border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
    background-color: #1A1C23 !important; }
    body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
      stroke: rgba(255, 255, 255, 0.3); }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
    background-color: #22242B; }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
    color: rgba(255, 255, 255, 0.4);
    border-color: #1A1C23 !important;
    background-color: #1A1C23 !important; }
  body.dark-only .qty-box input {
    color: rgba(255, 255, 255, 0.5); }
  body.dark-only .customizer-contain {
    color: #1A1C23; }
    body.dark-only .customizer-contain .customizer-body .main-layout .box-layout {
      background-color: #fff; }
  body.dark-only .login-dark {
    background-color: #22242B;
    background-blend-mode: overlay; }
    body.dark-only .login-dark .login-main {
      background-color: #323846; }
  body.dark-only .login-card .btn-showcase .btn {
    background-color: #22242B !important;
    color: #fff;
    border-color: #22242B !important; }
  body.dark-only .login-card .login-main {
    box-shadow: 0 0 37px rgba(255, 255, 255, 0.05); }
    body.dark-only .login-card .login-main .theme-form input {
      background-color: #22242B !important; }
    body.dark-only .login-card .login-main .theme-form .or:before {
      background-color: #22242B; }
    body.dark-only .login-card .login-main .theme-form .checkbox label::before {
      background-color: #22242B !important;
      border-color: #22242B !important; }
  body.dark-only .H_ui ~ div {
    background-color: #1A1C23 !important; }
  body.dark-only .swal-icon--success:after,
  body.dark-only .swal-icon--success:before {
    background: #22242B; }
  body.dark-only .swal-icon--success__hide-corners {
    background-color: #22242B; }
  body.dark-only .note-editor.note-frame .note-status-output {
    border-top: 1px solid #22242B; }
  body.dark-only .note-editor.note-frame .note-statusbar {
    border-top: 1px solid #22242B; }
    body.dark-only .note-editor.note-frame .note-statusbar .note-resizebar {
      background-color: #22242B; }
  body.dark-only .light-font {
    color: white; }
  body.dark-only .page-link {
    background-color: #1A1C23;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .b-r-light {
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .history-details .media {
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .modal-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only #right-history {
    background-color: #22242B;
    box-shadow: 0 0 9px #1A1C23; }
    body.dark-only #right-history h6 span a {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .ProfileCard:hover {
    color: rgba(255, 255, 255, 0.6);
    background-color: #22242B; }
  body.dark-only .translate_wrapper.active .more_lang:before {
    border-bottom: 7px solid #22242B; }
  body.dark-only .translate_wrapper.active .more_lang .lang {
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .toggle-sidebar svg {
    stroke: #fff !important; }
  body.dark-only .toggle-sidebar:hover svg {
    color: #fff !important;
    stroke: #fff !important; }
  body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
    background: rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper .page-body-wrapper {
    background-color: #1A1C23; }
    body.dark-only .page-wrapper .page-body-wrapper .page-title {
      background-color: transparent;
      border-bottom: none;
      box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 40px; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
      stroke: #fff !important; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
      fill: rgba(255, 255, 255, 0.5);
      stroke: transparent; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
      stroke: #fff; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
      fill: var(--theme-deafult);
      stroke: transparent; }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg.stroke-icon {
      stroke: var(--theme-deafult); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
      background-color: rgba(0, 102, 102, 0.2); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
        color: var(--theme-deafult); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: var(--theme-deafult); }
  body.dark-only .page-wrapper.modern-type .page-body-wrapper .page-title {
    background-color: transparent;
    border: none; }
  body.dark-only .page-wrapper .sidebar-main-title p {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    background-color: #22242B; }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg {
      stroke: var(--theme-deafult); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
      background-color: rgba(255, 255, 255, 0.2); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
        color: #fff; }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: var(--theme-deafult); }
  body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    background: #22242B;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a {
      background-color: rgba(255, 255, 255, 0.3); }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a span {
        color: #fff !important; }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
      background: #22242B; }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
        color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active, body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
          color: var(--theme-deafult); }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
        background: #22242B; }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
      background: #22242B; }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
    background: #22242B; }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    stroke: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    background-color: #22242B; }
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
    background-color: rgba(0, 102, 102, 0.2); }
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
      color: var(--theme-deafult); }
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
      color: var(--theme-deafult);
      stroke: var(--theme-deafult); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400; }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
    background-color: rgba(255, 255, 255, 0.2); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-deafult); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.material-type .page-header .header-wrapper {
    border-radius: 15px 15px 0 0; }
  body.dark-only .page-wrapper.material-icon .page-header .header-wrapper {
    background-color: transparent; }
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
      color: #fff; }
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
      color: #fff; }
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
      border: 1px solid #1A1C23;
      background: #1A1C23;
      color: #fff; }
  body.dark-only .page-wrapper.material-icon .page-header .header-logo-wrapper {
    background-color: transparent; }
  body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-body {
    background-color: transparent; }
  body.dark-only .page-wrapper.advance-layout {
    background-color: #1A1C23; }
    body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper {
      background: transparent; }
      body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper .header-logo-wrapper {
        background: transparent; }
    body.dark-only .page-wrapper.advance-layout .page-body-wrapper {
      background: transparent; }
      body.dark-only .page-wrapper.advance-layout .page-body-wrapper .page-body {
        background: transparent; }
  body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-title {
    background-color: transparent;
    box-shadow: none;
    border: none; }
  body.dark-only .page-wrapper .page-header .header-wrapper .search-full {
    background-color: #22242B; }
    body.dark-only .page-wrapper .page-header .header-wrapper .search-full input {
      color: rgba(255, 255, 255, 0.6); }
  @media only screen and (min-width: 768px) {
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
      stroke: #fff; } }
  body.dark-only ::-webkit-calendar-picker-indicator {
    filter: invert(1); }
  body.dark-only .kanban-board-header {
    background-color: #1A1C23;
    border-bottom: 1px solid #22242B; }
  body.dark-only .kanban-board .kanban-drag {
    background: #1A1C23; }
  body.dark-only .kanban-container .kanban-item .kanban-box {
    border: 1px solid rgba(0, 102, 102, 0.15);
    background-color: #1A1C23; }
  body.dark-only .project-box {
    border: 1px solid rgba(0, 102, 102, 0.15);
    background-color: #1A1C23; }
  body.dark-only .file-content .form-inline {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .file-content .files .file-box {
    border: 1px solid rgba(0, 102, 102, 0.15);
    background-color: #1A1C23; }
    body.dark-only .file-content .files .file-box .file-top {
      background-color: #22242B;
      border: 1px solid rgba(0, 102, 102, 0.15); }
  body.dark-only .file-content .folder .folder-box {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #1A1C23; }
  body.dark-only .files-content li .files-list .file-left {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #1A1C23; }
  body.dark-only .file-sidebar .pricing-plan {
    border: 1px solid rgba(0, 102, 102, 0.15) !important; }
  body.dark-only .file-sidebar .btn-light {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23 !important;
    border: 1px solid rgba(0, 102, 102, 0.15) !important; }
  body.dark-only #lnb {
    border-right: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .lnb-new-schedule,
  body.dark-only .lnb-calendars > div {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only #menu .sidebar-list .btn-default {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .tui-full-calendar-timegrid-hour {
    background-color: #22242B;
    color: #fff !important; }
  body.dark-only .tui-full-calendar-timegrid-gridline {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .tui-full-calendar-time-date,
  body.dark-only .tui-full-calendar-weekday-grid-line,
  body.dark-only .tui-full-calendar-left,
  body.dark-only .tui-full-calendar-timegrid-timezone {
    border-right-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .tui-full-calendar-popup {
    color: #051A1A; }
  body.dark-only #menu .btn-default {
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only #menu .btn-default:hover {
      color: #051A1A; }
  body.dark-only #menu .dropdown-menu {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .tui-full-calendar-dayname-container,
  body.dark-only .tui-full-calendar-splitter {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only span.tui-full-calendar-dayname-date-area {
    color: #fff !important; }
  body.dark-only .tui-full-calendar-layout {
    background-color: #22242B !important; }
  body.dark-only .blockquote {
    border-left: 4px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .figure.text-end blockquote {
    border-right-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .contacts-tabs .nav-pills {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .contacts-tabs .nav-pills .nav-link + .nav-link {
      border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .list-persons .profile-mail .media .media-body ul li + li {
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-right: unset !important; }
  body.dark-only .product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
    background-color: #22242B; }
  body.dark-only .apexcharts-gridline {
    stroke: #1A1C23; }
  body.dark-only .apexcharts-tooltip-title,
  body.dark-only .apexcharts-tooltip-series-group,
  body.dark-only .apexcharts-tooltip.light,
  body.dark-only .apexcharts-menu-item {
    color: #000; }
  body.dark-only .small-donut ~ svg path:nth-child(even),
  body.dark-only .small-donut svg path:nth-child(even),
  body.dark-only .donut-peity2 ~ svg path:nth-child(even),
  body.dark-only .donut-peity2 svg path:nth-child(even),
  body.dark-only .pie-peity ~ svg path:nth-child(even),
  body.dark-only .pie-peity svg path:nth-child(even) {
    fill: #1A1C23; }
  body.dark-only .appointment-table table tr td.img-content-box .font-roboto {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .notification .card .d-flex .w-100 p span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .notification .card .d-flex .w-100 span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .notification .vertical-more svg {
    filter: invert(1); }
  body.dark-only .datepicker {
    background-color: #323846;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .datepicker .datepicker--cell.-current- {
      color: #006666; }
    body.dark-only .datepicker .datepicker--cell.-current-.-focus- {
      color: #fff; }
    body.dark-only .datepicker .datepicker--cell-day.-other-month-,
    body.dark-only .datepicker .datepicker--cell-year.-other-decade- {
      color: rgba(255, 255, 255, 0.4); }
    body.dark-only .datepicker .datepicker--nav {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .datepicker .datepicker--pointer {
      background: #323846;
      border-top-color: #323846;
      border-right-color: #323846; }
  body.dark-only .default-datepicker .datepicker-inline .datepicker {
    background: #22242B; }
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name,
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day,
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name,
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name.-selected-,
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day.-selected-,
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name.-selected-,
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-selected- {
        color: #fff; }
  body.dark-only [class*='activity-dot-'] {
    background-color: #22242B; }
  body.dark-only .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .progress {
    background-color: #1A1C23 !important; }
  body.dark-only .alert-primary {
    background-color: rgba(0, 102, 102, 0.8) !important;
    border-color: rgba(0, 102, 102, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-primary .progress {
      height: 5px;
      background-color: #006161;
      border-radius: 0; }
    body.dark-only .alert-primary .progress-bar {
      background-color: #66ffff; }
  body.dark-only .alert-primary.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-primary.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-primary.outline .btn-close,
  body.dark-only .alert-primary.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-secondary {
    background-color: rgba(254, 106, 73, 0.8) !important;
    border-color: rgba(254, 106, 73, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-secondary .progress {
      height: 5px;
      background-color: #fe6644;
      border-radius: 0; }
    body.dark-only .alert-secondary .progress-bar {
      background-color: white; }
  body.dark-only .alert-secondary.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-secondary.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-secondary.outline .btn-close,
  body.dark-only .alert-secondary.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-success {
    background-color: rgba(0, 172, 70, 0.8) !important;
    border-color: rgba(0, 172, 70, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-success .progress {
      height: 5px;
      background-color: #00a744;
      border-radius: 0; }
    body.dark-only .alert-success .progress-bar {
      background-color: #acffce; }
  body.dark-only .alert-success.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-success.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-success.outline .btn-close,
  body.dark-only .alert-success.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-danger {
    background-color: rgba(254, 106, 73, 0.8) !important;
    border-color: rgba(254, 106, 73, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-danger .progress {
      height: 5px;
      background-color: #fe6644;
      border-radius: 0; }
    body.dark-only .alert-danger .progress-bar {
      background-color: white; }
  body.dark-only .alert-danger.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-danger.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-danger.outline .btn-close,
  body.dark-only .alert-danger.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-warning {
    background-color: rgba(255, 174, 26, 0.8) !important;
    border-color: rgba(255, 174, 26, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-warning .progress {
      height: 5px;
      background-color: #ffac15;
      border-radius: 0; }
    body.dark-only .alert-warning .progress-bar {
      background-color: white; }
  body.dark-only .alert-warning.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-warning.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-warning.outline .btn-close,
  body.dark-only .alert-warning.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-info {
    background-color: rgba(23, 56, 120, 0.8) !important;
    border-color: rgba(23, 56, 120, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-info .progress {
      height: 5px;
      background-color: #163674;
      border-radius: 0; }
    body.dark-only .alert-info .progress-bar {
      background-color: #a1bbed; }
  body.dark-only .alert-info.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-info.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-info.outline .btn-close,
  body.dark-only .alert-info.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-light {
    background-color: rgba(230, 233, 235, 0.8) !important;
    border-color: rgba(230, 233, 235, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-light .progress {
      height: 5px;
      background-color: #e3e7e9;
      border-radius: 0; }
    body.dark-only .alert-light .progress-bar {
      background-color: white; }
  body.dark-only .alert-light.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-light.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-light.outline .btn-close,
  body.dark-only .alert-light.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-dark {
    background-color: rgba(44, 50, 63, 0.8) !important;
    border-color: rgba(44, 50, 63, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-dark .progress {
      height: 5px;
      background-color: #2a303c;
      border-radius: 0; }
    body.dark-only .alert-dark .progress-bar {
      background-color: #a8b0c2; }
  body.dark-only .alert-dark.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-dark.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-dark.outline .btn-close,
  body.dark-only .alert-dark.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .options > div {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
    background-color: #1A1C23; }
  body.dark-only .pricing-simple {
    box-shadow: 1px 1px 2px 1px #1A1C23 !important; }
  body.dark-only .pricing-block {
    box-shadow: 0 0 10px 5px rgba(0, 102, 102, 0.05) !important; }
  body.dark-only .search-page ul.search-info li + li {
    border-left: 1px solid #1A1C23; }
  body.dark-only .search-page .info-block {
    border: 1px solid rgba(255, 255, 255, 0.2); }
  body.dark-only .browse .browse-articles h6 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .job-search .job-description .theme-form .row div[class^="col-"] .input-group .datepicker-here {
    border: 1px solid #1A1C23; }
  body.dark-only .calendar-wrap .fc-unthemed td,
  body.dark-only .calendar-wrap .fc-unthemed th {
    border-color: #1A1C23; }
  body.dark-only .mega-inline,
  body.dark-only .mega-horizontal,
  body.dark-only .mega-vertical {
    --bs-body-color: rgba(255, 255, 255, 0.6); }
    body.dark-only .mega-inline .card,
    body.dark-only .mega-horizontal .card,
    body.dark-only .mega-vertical .card {
      box-shadow: 1px 1px 7px 0 rgba(255, 255, 255, 0.5) !important; }
    body.dark-only .mega-inline.plain-style .card, body.dark-only .mega-inline.border-style .card, body.dark-only .mega-inline.offer-style .card,
    body.dark-only .mega-horizontal.plain-style .card,
    body.dark-only .mega-horizontal.border-style .card,
    body.dark-only .mega-horizontal.offer-style .card,
    body.dark-only .mega-vertical.plain-style .card,
    body.dark-only .mega-vertical.border-style .card,
    body.dark-only .mega-vertical.offer-style .card {
      box-shadow: none !important; }
    body.dark-only .mega-inline.border-style .card,
    body.dark-only .mega-horizontal.border-style .card,
    body.dark-only .mega-vertical.border-style .card {
      border: 1px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .mega-inline.offer-style .card,
    body.dark-only .mega-horizontal.offer-style .card,
    body.dark-only .mega-vertical.offer-style .card {
      border: 1px dashed rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .setting-dot .setting-bg {
    background-color: var(--theme-secondary); }
  body.dark-only .bookmark.pull-right {
    border: none; }
  body.dark-only .popover {
    background-color: #1A1C23; }
    body.dark-only .popover.bs-popover-bottom .popover-arrow:after {
      border-bottom-color: #1A1C23;
      border-right-color: transparent; }
    body.dark-only .popover.bs-popover-top .popover-arrow:after {
      border-right-color: transparent;
      border-top-color: #1A1C23; }
    body.dark-only .popover.bs-popover-start .popover-arrow:after {
      border-left-color: #1A1C23; }
    body.dark-only .popover .popover-header {
      background-color: #22242B; }
    body.dark-only .popover .popover-arrow:after {
      border-right-color: #1A1C23; }
    body.dark-only .popover .popover-body {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .popover code {
      background-color: unset; }
  body.dark-only .apex-chart-container .apexcharts-legend .apexcharts-legend-series span {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .quick-file li .quick-box {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-canvas svg .apexcharts-title-text {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-subtitle-text {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-xaxis-label {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-legend-series span {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-label {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-value {
    fill: #fff; }
  body.dark-only .Typeahead-menu {
    background-color: #1A1C23; }
  body.dark-only .ecommerce-widget {
    border: 1px solid #1A1C23; }
  body.dark-only .bookmark ul li .search-form .form-control-search input {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .bookmark ul li .search-form .form-control-search:before {
    background: #1A1C23; }
  body.dark-only .cart .qty-box .input-group .btn {
    background-color: #2e3648 !important;
    border-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .checkout .checkout-details {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    padding: 40px; }
    body.dark-only .checkout .checkout-details .animate-chk .radio_animated:after {
      border: 2px solid #22242B; }
  body.dark-only .order-box .title-box {
    color: #bfc2c6;
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .order-box .qty {
    border-bottom: 1px solid #1A1C23; }
    body.dark-only .order-box .qty li {
      color: #bfc2c6; }
      body.dark-only .order-box .qty li span {
        color: #bfc2c6; }
  body.dark-only .order-box .sub-total li {
    color: #bfc2c6; }
  body.dark-only .order-box .total li {
    color: #bfc2c6; }
  body.dark-only .shopping-checkout-option .checkbox_animated:after {
    border: 2px solid #22242B; }
  body.dark-only .animate-chk .radio_animated:after {
    border: 2px solid #1A1C23; }
  body.dark-only .custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(41, 50, 64, 0.52); }
  body.dark-only .product-box .product-img .product-hover ul li .btn {
    color: #98a6ad; }
  body.dark-only .product-box .product-img .product-hover ul li:hover .btn {
    color: #fff; }
  body.dark-only .radio_animated:after,
  body.dark-only .checkbox_animated:after {
    background: #1A1C23;
    border: 2px solid #1A1C23; }
  body.dark-only .slider-product {
    border-top: 1px solid #1A1C23;
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .icon-menu-header svg {
    filter: invert(1); }
  body.dark-only .square-product-setting .icon-grid {
    background-color: #22242B; }
    body.dark-only .square-product-setting .icon-grid svg {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .active-order-table table thead tr th,
  body.dark-only .market-table table thead tr th {
    border-top: none !important; }
  body.dark-only .active-order-table table tbody tr td,
  body.dark-only .market-table table tbody tr td {
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .active-order-table table tbody tr:last-child td,
  body.dark-only .market-table table tbody tr:last-child td {
    border-bottom: none; }
  body.dark-only .pricing-card-design-2 .pricing-block .pricing-inner ul li {
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .flot-chart-container .legend .table tbody {
    background-color: #22242B;
    color: #fff; }
    body.dark-only .flot-chart-container .legend .table tbody .legendLabel {
      padding-left: 5px; }
  body.dark-only .google-visualization-tooltip text {
    fill: rgba(0, 0, 0, 0.7) !important; }
  body.dark-only .nav-dark .nav-link,
  body.dark-only .nav-pills.nav-dark .nav-link {
    color: #fff; }
  body.dark-only .loader-wrapper {
    background-color: #1A1C23; }
    body.dark-only .loader-wrapper .loader {
      background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .input-icon::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .card-header .sales-chart-dropdown-select .card-header-right-icon .dropdown .dropdown-toggle {
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .card-header .sales-chart-dropdown-select .card-header-right-icon .dropdown .dropdown-menu .dropdown-item {
    background-color: #1a1c23;
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7);
    opacity: 1; }
  body.dark-only .page-wrapper {
    /* Main Header start */
    /* Main Header ends */ }
    body.dark-only .page-wrapper .sidebar-main-title h6 {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-header .translate_wrapper.active .more_lang {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .page-header .translate_wrapper.active .lang {
      background-color: #22242B; }
    body.dark-only .page-wrapper .page-header form {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .page-header .header-wrapper {
      background-color: #1A1C23; }
      body.dark-only .page-wrapper .page-header .header-wrapper li i {
        color: #E6E9EB; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li svg {
        fill: rgba(255, 255, 255, 0.3);
        stroke: rgba(255, 255, 255, 0.3); }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right.right-header > ul > li .profile-media .media-body p {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .user-message a {
        color: #fff !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .notification-card a {
        color: #fff !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .media .media-body .txt-dark {
        color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li.notification-box a {
        color: #fff !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div {
        background-color: #1A1C23;
        box-shadow: 0 0 14px #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div li {
          border-color: rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div p {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:before {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:after {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div .card .card-header {
          background-color: #22242B;
          border-color: rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div .card .card-footer {
          border-color: rgba(255, 255, 255, 0.1);
          background-color: #22242B; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li {
        background-color: #22242B; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li span {
          color: #98a6ad; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div .bg-light {
        background-color: #282e38 !important;
        color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
        color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg path,
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg line,
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg circle {
          color: rgba(255, 255, 255, 0.6) !important; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover {
          color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg line,
          body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg path,
          body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg circle {
            color: var(--theme-deafult) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .media .media-body .txt-dark {
        color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div {
        background-color: #1A1C23;
        box-shadow: 0 0 2px 2px #22242B; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div:before {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div:after {
          border-bottom: 7px solid #1A1C23; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
        background-color: #22242B; }
    body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-dark {
      display: none; }
    body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-light {
      display: block; }
    body.dark-only .page-wrapper .page-body-wrapper {
      /* body start*/ }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .header-small {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .statistics p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .media-body p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .professor-block p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .media-body p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .professor-block p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .logs-element span + span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-block .progress-title span + span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .ecommerce-icons div span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .new-users .media .media-body p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .recent-notification .media .media-body p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .media .media-body span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .progress-change span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td {
        border-top: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr:last-child td {
        border-bottom: none; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .notifiaction-media .media .media-body .circle-left {
        border: 5px solid #334154; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner {
        border-bottom: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner:last-child {
          border-bottom: none; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table table tbody tr td {
        border-top: none !important; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .number-widgets .media .media-body h6 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.gradient-line-1:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.small-line:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.medium-line:after {
        background-color: #1A1C23; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .media-body h6 span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .card.custom-card .card-header {
        border-bottom: none !important; }
      body.dark-only .page-wrapper .page-body-wrapper .custom-card .card-header img {
        background-color: #000;
        opacity: 0.8; }
      body.dark-only .page-wrapper .page-body-wrapper .page-title .row h3 small {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        stroke: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .fc-theme-standard td {
        border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
      body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main {
        border-top-color: rgba(255, 255, 255, 0.1);
        border-right-color: rgba(255, 255, 255, 0.1);
        border-bottom-color: rgba(255, 255, 255, 0.1); }
      body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-sticky .fc-task-text-box .fc-task-text {
        color: #fff; }
      body.dark-only .page-wrapper .page-body-wrapper .fc-timegrid-event-harness-inset .fc-timegrid-event {
        box-shadow: none; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body {
        background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card:not(.email-body) {
          border: none; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) {
          color: rgba(255, 255, 255, 0.7);
          background-color: #22242B;
          box-shadow: 1px 1px 2px 1px rgba(29, 28, 28, 0.08);
          border: 1px solid rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.widget-1:not(.email-body) {
            background-color: #1b1d24;
            background-blend-mode: overlay; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card.widget-1:not(.email-body) .widget-round .bg-round {
              box-shadow: 1px 2px 21px -2px rgba(14, 14, 16, 0.83); }
              body.dark-only .page-wrapper .page-body-wrapper .page-body .card.widget-1:not(.email-body) .widget-round .bg-round .half-circle {
                background: rgba(49, 53, 66, 0); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.social-profile:not(.email-body) {
            background-blend-mode: overlay;
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr td {
            color: #051A1A; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table thead .border-bottom-light th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table thead .border-bottom-light td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table tbody .border-bottom-light th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table tbody .border-bottom-light td {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.trending-card:not(.email-body) {
            background-color: #010314; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.explore-card:not(.email-body) {
            background-color: #22242B;
            background-blend-mode: overlay; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.balance-box:not(.email-body) {
            background-blend-mode: overlay;
            background-color: #16171c; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg > rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg > g text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg > g > rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg > g > text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header {
            background-color: transparent;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header > span {
              color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h1,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h2,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h3,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h4,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h5,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h6 {
              color: #fff; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right {
              background-color: #22242B; }
              body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i {
                color: rgba(255, 255, 255, 0.6); }
                body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i.fa-cog {
                  color: var(--theme-deafult); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header.note-toolbar {
              background-color: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark {
            color: #98a6ad; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark a {
              color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline-2x,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.inverse {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #animation-box .animate-widget p {
            color: #98a6ad !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .grid-item img {
            background-color: #22242B;
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .line {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) thead,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tbody,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tfoot,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tr,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) th {
            border-color: rgba(255, 255, 255, 0.03); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table td {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead th {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead .border-bottom-primary th {
            border-bottom: 1px solid var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger td {
            color: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-primary,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-secondary,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-success,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-info,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-warning,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-danger {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-light {
            color: #000; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .thead-light th {
            color: #000; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary td {
            border-bottom: 1px solid var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*='bg-'] th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*='bg-'] td {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd) {
            --bs-table-accent-bg: rgba(0, 0, 0, 0.05); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover th,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover td {
              color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-double,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dotted,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dashed {
            border-left-color: rgba(255, 255, 255, 0.1);
            border-right-color: rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered {
            border-color: rgba(255, 255, 255, 0.1) !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered td,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered th {
              border-color: rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-inverse tbody tr:nth-of-type(odd):hover td {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical tr,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical td {
            border-right: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody td {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-footer {
            background-color: #22242B;
            border-top: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch .switch-state {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch input:checked + .switch-state {
            background-color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bg-white {
            background-color: #22242B !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-l-light {
            border-left: 1px solid #1A1C23 !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-grid {
            stroke: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-label {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) hr {
            border-top: 1px solid rgba(255, 255, 255, 0.3); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .text-muted {
            color: rgba(255, 255, 255, 0.6) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-dark,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light-2x {
            color: #fff !important;
            border: 2px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x {
            border: 2px solid #fff !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:hover, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:focus {
              color: #051A1A; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light:hover {
            color: #000 !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right {
            border-right: 1px solid rgba(255, 255, 255, 0.3) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder .flot-text {
            color: rgba(255, 255, 255, 0.6) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder svg text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #gantt_chart.chart-overflow svg g rect:first-child {
            fill: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #gantt_chart.chart-overflow rect:nth-child(6) {
            fill: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #line-chart.chart-overflow rect, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #column-chart1.chart-overflow rect, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #column-chart2.chart-overflow rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > g > g > g text {
            fill: #b1b1b2; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > g > text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .radial-bar:after {
            background-color: #22242B;
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num {
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num .color-bottom {
              color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-r-light {
            border-right: 1px solid rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-labels .ct-label,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-labels .ct-label,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-labels .ct-label,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-labels .ct-label {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-grid,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-grid,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-grid,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-grid {
            stroke: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #browser-uses-chart svg text,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #website-visiter-chart svg text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 {
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 span {
              color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details span {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .clipboaard-container .form-control {
            background-color: #1A1C23;
            color: #98a6ad;
            border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .img-thumbnail {
            background-color: #1A1C23;
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper button {
            color: #000; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper.no-footer .dataTables_scrollBody {
            border-bottom: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-danger,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-success,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-primary {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length select {
            background-color: #1A1C23;
            color: rgba(255, 255, 255, 0.6);
            border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_info,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_processing,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate {
            border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter input[type="search"] {
            background-color: #1A1C23;
            border: 1px solid #1A1C23;
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr {
            background-color: #22242B; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover > .sorting_1,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr:hover > .sorting_1 {
              background-color: #1c212b; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd {
            background-color: #1f232b; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd > .sorting_1,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
              background-color: #1c212b; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
            background-color: #22262f; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable {
            border: 1px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead th,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead td {
              border-bottom: 2px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable input,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable select {
              background-color: #1A1C23;
              color: rgba(255, 255, 255, 0.6);
              border: 1px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody tr {
              background-color: #22242B; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody td.select-checkbox:before,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody th.select-checkbox:before {
              border: 1px solid #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .table-striped tbody tr:nth-of-type(odd) {
            --bs-table-accent-bg: #1d1e26; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button {
            color: rgba(255, 255, 255, 0.6) !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.current, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button:active {
              border-color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
            color: #98a6ad !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled :active {
              color: #98a6ad !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody td {
            border-top: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even:hover > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
            background-color: #191e27; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.hover tbody tr:hover,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover {
            background-color: #1c212b; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td {
            border-top: 1px solid #1A1C23;
            border-right: 1px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th:first-child,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td:first-child {
              border-left: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_2,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_3,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_2,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_3 {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #example-style-3_wrapper #example-style-3 tfoot {
            border-top: 2px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link {
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.disabled .page-link {
            background-color: #22242B;
            border-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link {
            color: rgba(255, 255, 255, 0.6);
            background-color: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item:hover .page-link {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.active .page-link {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .icon {
            color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num {
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num span {
              color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget span {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-container-small {
            background-color: #22242B;
            border-top: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td span,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td p {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table h6 {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs {
            border: none; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-item .nav-link {
              color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link.active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:focus, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:hover {
              color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a {
            background-color: #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-selected {
              background-color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a {
            border: 2px solid #1A1C23;
            background-color: #22242B;
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-selected {
              border: 2px solid var(--theme-deafult);
              color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-selected:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-active:after,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-selected:after,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-active:after {
            color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .scroll-demo {
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form input {
            border: 1px solid #1A1C23;
            color: rgba(255, 255, 255, 0.6);
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form .form-group:before {
            background: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-content {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(odd) .cd-timeline-content::before {
            border-left-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
            border-right-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .breadcrumb.bg-white {
            background-color: #22242B !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris-daily svg,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris svg,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #browser-uses-chart svg,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #website-visiter-chart svg {
            opacity: 0.5; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body #viewhtml .render {
          background-color: #22242B;
          color: rgba(255, 255, 255, 0.6);
          border-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .wizard-4 ul.anchor li a.disabled {
          color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description h4 {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description a > div {
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description p {
          color: #98a6ad; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-header {
          background-color: #22242B;
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell {
          background: #22242B;
          border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell input,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell input,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell input,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell input {
            background-color: #1A1C23;
            border-color: #1A1C23;
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell input:focus,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell input:focus,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell input:focus,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell input:focus {
              outline: none; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row select,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row select {
          background-color: #1A1C23;
          border-color: #1A1C23;
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-row > .jsgrid-cell {
          background-color: #22242B; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-alt-row > .jsgrid-cell {
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-body {
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-selected-row > .jsgrid-cell {
          background-color: #1c212b; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager [class*="jsgrid-pager"] {
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager .jsgrid-pager-page a {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-pager-current-page {
          color: rgba(255, 255, 255, 0.6);
          font-weight: 700; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .sub-title {
          border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .card .sub-title {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a {
          color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a:hover {
            color: var(--theme-deafult); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon .separator {
          border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according li .text-muted {
          color: rgba(255, 255, 255, 0.6) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon.default-according.style-1 li button:hover {
          color: var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li a {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover {
          color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover a {
            color: var(--theme-deafult); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div {
          background-color: #1A1C23;
          box-shadow: 0 0 14px 0 #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li p {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg path,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg line,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polyline,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polygon,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg rect {
            color: rgba(255, 255, 255, 0.6) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg path,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg line,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polyline,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polygon,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg rect {
            color: var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .onhover-dropdown:hover .onhover-show-div:before {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .btn-link {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body {
          color: #98a6ad; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body {
          border: 1px solid rgba(255, 255, 255, 0.1);
          border-top: none; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border {
          border: 1px solid rgba(255, 255, 255, 0.1) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-1 {
          border: 1px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-2 {
          border: 2px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .grid-showcase span.border-2 {
          border: 2px solid rgba(255, 255, 255, 0.1) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-3 {
          border: 3px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-4 {
          border: 4px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-5 {
          border: 5px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-6 {
          border: 6px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-7 {
          border: 7px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-8 {
          border: 8px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-9 {
          border: 9px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-10 {
          border: 10px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-primary {
          border: none !important;
          border-top: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-primary {
          border: none !important;
          border-bottom: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-primary {
          border: none !important;
          border-left: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-primary {
          border: none !important;
          border-right: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-primary {
          border: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-secondary {
          border: none !important;
          border-top: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-secondary {
          border: none !important;
          border-bottom: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-secondary {
          border: none !important;
          border-left: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-secondary {
          border: none !important;
          border-right: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-secondary {
          border: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-success {
          border: none !important;
          border-top: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-success {
          border: none !important;
          border-bottom: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-success {
          border: none !important;
          border-left: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-success {
          border: none !important;
          border-right: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-success {
          border: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-danger {
          border: none !important;
          border-top: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-danger {
          border: none !important;
          border-bottom: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-danger {
          border: none !important;
          border-left: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-danger {
          border: none !important;
          border-right: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-danger {
          border: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-warning {
          border: none !important;
          border-top: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-warning {
          border: none !important;
          border-bottom: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-warning {
          border: none !important;
          border-left: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-warning {
          border: none !important;
          border-right: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-warning {
          border: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-info {
          border: none !important;
          border-top: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-info {
          border: none !important;
          border-bottom: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-info {
          border: none !important;
          border-left: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-info {
          border: none !important;
          border-right: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-info {
          border: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-light {
          border: none !important;
          border-top: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-light {
          border: none !important;
          border-bottom: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-light {
          border: none !important;
          border-left: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-light {
          border: none !important;
          border-right: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-light {
          border: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-dark {
          border: none !important;
          border-top: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-dark {
          border: none !important;
          border-bottom: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-dark {
          border: none !important;
          border-left: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-dark {
          border: none !important;
          border-right: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-dark {
          border: 1px solid #2c323f !important; }
      body.dark-only .page-wrapper .page-body-wrapper .footer {
        border-top: 1px solid #1A1C23;
        background-color: #22242B; }
        body.dark-only .page-wrapper .page-body-wrapper .footer p {
          color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .custom-select,
      body.dark-only .page-wrapper .page-body-wrapper .custom-file-label {
        background: #1A1C23;
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .footer-fix {
        background-color: #22242B;
        border-top: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .note textarea {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .dt-button-info {
      background-color: #22242B;
      border: 1px solid #98a6ad; }
      body.dark-only .page-wrapper .dt-button-info h2 {
        background-color: #22242B; }
    body.dark-only .page-wrapper pre {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .scorlled {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .input-group-air {
      box-shadow: 0 3px 20px 0 #1A1C23; }
    body.dark-only .page-wrapper .input-group-text {
      background-color: #22242B;
      border: 1px solid #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .input-group-text i {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .input-group-solid .input-group-text,
    body.dark-only .page-wrapper .input-group-solid .form-control {
      background: #1A1C23;
      border: 1px solid #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .semilight-bg-color,
    body.dark-only .page-wrapper .header-bg-color {
      background-color: #fff; }
    body.dark-only .page-wrapper .list-group-item {
      background-color: #22242B;
      border: 1px solid rgba(255, 255, 255, 0.3);
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .list-group-item + .list-group-item {
        border-top-width: 0; }
      body.dark-only .page-wrapper .list-group-item.active {
        background-color: var(--theme-deafult) !important;
        border-color: var(--theme-deafult);
        color: #fff; }
      body.dark-only .page-wrapper .list-group-item:hover, body.dark-only .page-wrapper .list-group-item:focus {
        z-index: 1;
        text-decoration: none; }
    body.dark-only .page-wrapper .list-group-item-action:hover:not(.active), body.dark-only .page-wrapper .list-group-item-action:focus {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .list-group-flush .list-group-item {
      border-left: 0;
      border-right: 0;
      border-radius: 0; }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-primary {
      border-left: 4px solid var(--theme-deafult); }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-secondary {
      border-left: 4px solid var(--theme-secondary); }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-warning {
      border-left: 4px solid #FFAE1A; }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-success {
      border-left: 4px solid #00AC46; }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-info {
      border-left: 4px solid #173878; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-primary {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-secondary {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-warning {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-success {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-info {
      border-left: none; }
    body.dark-only .page-wrapper .list-group-item-primary {
      color: #004085;
      background-color: #b8daff; }
    body.dark-only .page-wrapper .list-group-item-secondary {
      color: #383d41;
      background-color: #d6d8db; }
    body.dark-only .page-wrapper .list-group-item-success {
      color: #155724;
      background-color: #c3e6cb; }
    body.dark-only .page-wrapper .list-group-item-danger {
      color: #721c24;
      background-color: #f5c6cb; }
    body.dark-only .page-wrapper .list-group-item-warning {
      color: #856404;
      background-color: #ffeeba; }
    body.dark-only .page-wrapper .list-group-item-info {
      color: #0c5460;
      background-color: #bee5eb; }
    body.dark-only .page-wrapper .list-group-item-light {
      color: #818182;
      background-color: #fdfdfe; }
    body.dark-only .page-wrapper .list-group-item-dark {
      color: #1b1e21;
      background-color: #c6c8ca; }
    body.dark-only .page-wrapper .auth-bg {
      background-blend-mode: overlay;
      background-color: rgba(54, 64, 74, 0.9); }
      body.dark-only .page-wrapper .auth-bg .authentication-box .card {
        background-color: #22242B; }
        body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group input {
          color: rgba(255, 255, 255, 0.6);
          background-color: #1A1C23;
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group label {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label {
          color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label::before {
            background-color: #1A1C23;
            border: 1px solid #1A1C23; }
      body.dark-only .page-wrapper .auth-bg .authentication-box h3,
      body.dark-only .page-wrapper .auth-bg .authentication-box h4,
      body.dark-only .page-wrapper .auth-bg .authentication-box h6 {
        color: #fff; }
    body.dark-only .page-wrapper .auth-bg-video {
      background-blend-mode: overlay;
      background-color: rgba(54, 64, 74, 0.7); }
      body.dark-only .page-wrapper .auth-bg-video .authentication-box h4,
      body.dark-only .page-wrapper .auth-bg-video .authentication-box h3 {
        color: #fff; }
      body.dark-only .page-wrapper .auth-bg-video .authentication-box h6 {
        color: #98a6ad; }
      body.dark-only .page-wrapper .auth-bg-video .authentication-box .card {
        background-color: #22242B; }
        body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type=text],
        body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type=password] {
          background-color: #1A1C23;
          border: 1px solid #1A1C23;
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .checkbox label::before {
          background-color: #1A1C23;
          border: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i {
      color: #1A1C23; }
    body.dark-only .page-wrapper .error-wrapper .maintenance-icons li:nth-child(3) i {
      color: #1A1C23; }
    body.dark-only .page-wrapper .modal-content {
      background-color: #22242B; }
      body.dark-only .page-wrapper .modal-content .modal-header {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
        body.dark-only .page-wrapper .modal-content .modal-header .modal-title {
          color: #fff; }
        body.dark-only .page-wrapper .modal-content .modal-header .close {
          color: #98a6ad; }
      body.dark-only .page-wrapper .modal-content .modal-footer {
        border-top: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .comingsoon {
      background-blend-mode: overlay;
      background-color: rgba(54, 64, 74, 0.9); }
      body.dark-only .page-wrapper .comingsoon .comingsoon-inner h5 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown {
        border-top: 1px solid #1A1C23;
        border-bottom: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown .title {
          color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .comingsoon .comingsoon-inner .coming-soon-bottom-link a {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .theme-form .login-divider {
      border-top: 1px solid #1A1C23; }
      body.dark-only .page-wrapper .theme-form .login-divider:before {
        background: #1A1C23;
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .authentication-main {
      background-color: #1A1C23; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .card {
        background-color: #22242B; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .reset-password-link {
        color: #98a6ad; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group label {
        color: #98a6ad; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group .form-control {
        background-color: #1A1C23;
        color: rgba(255, 255, 255, 0.6);
        border-color: #1A1C23; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .opt-box {
        background-color: #1A1C23; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h4 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h6 {
        color: #98a6ad; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h3 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card {
        background-color: #22242B; }
        body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type=text],
        body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type=password] {
          background-color: #1A1C23;
          border: 1px solid #1A1C23;
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .checkbox label::before {
          background-color: #1A1C23;
          border: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .vertical-menu-main {
      background-color: #22242B; }
    body.dark-only .page-wrapper .mega-menu .title {
      color: rgba(255, 255, 255, 0.6);
      border-bottom: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .mega-menu .list-unstyled div a:hover {
      color: var(--theme-deafult); }
    body.dark-only .page-wrapper .default-according .card {
      background-color: #22242B; }
      body.dark-only .page-wrapper .default-according .card .btn-link {
        background-color: #22242B;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: none;
        color: #fff; }
      body.dark-only .page-wrapper .default-according .card .text-muted {
        color: #98a6ad !important; }
    body.dark-only .page-wrapper .default-according .bg-primary .btn-link {
      background-color: var(--theme-deafult);
      border: 1px solid var(--theme-deafult); }
    body.dark-only .page-wrapper .default-according .bg-secondary .btn-link {
      background-color: var(--theme-secondary);
      border: 1px solid var(--theme-secondary); }
    body.dark-only .page-wrapper .collapse .card-body {
      background-color: #22242B; }
    body.dark-only .page-wrapper .balance-widget.card-body {
      background-color: #22242B;
      background-blend-mode: overlay; }
    @media screen and (max-width: 1660px) {
      body.dark-only .page-wrapper .caller-img img {
        opacity: 0.7; } }
    @media only screen and (max-width: 1199px) {
      body.dark-only .page-wrapper .mobile-title.d-none {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      body.dark-only .page-wrapper .chat-menu {
        border-top: 1px solid #1A1C23;
        background-color: #22242B; }
      body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i {
        color: #2c323f; } }
    @media only screen and (max-width: 575.98px) {
      body.dark-only .page-wrapper .user-profile .hovercard .info .user-designation {
        border-top: 1px solid #1A1C23;
        border-bottom: 1px solid #1A1C23; }
      body.dark-only .page-wrapper .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, body.dark-only .page-wrapper .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
        border-right: 1px solid rgba(255, 255, 255, 0.1); } }
  body.dark-only .lg-backdrop {
    background-color: #1A1C23; }
  body.dark-only .lg-outer .lg-thumb-outer {
    background-color: #22242B; }
  body.dark-only .drag {
    background-color: #22242B; }
    body.dark-only .drag form {
      background: #22242B;
      box-shadow: 0 0 30px #1A1C23;
      border: 1px dotted #1A1C23; }
      body.dark-only .drag form input {
        background-color: #1A1C23;
        border: 1px solid #1A1C23;
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .drag form .help-block {
        text-transform: capitalize;
        color: #98a6ad; }
  body.dark-only .draggable input {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid #1A1C23; }
  body.dark-only .draggable p {
    color: #98a6ad; }
  body.dark-only .draggable select {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid #1A1C23; }
  body.dark-only .draggable .radio label::before,
  body.dark-only .draggable .checkbox label::before {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only .select2-container--default .select2-selection--multiple,
  body.dark-only .select2-container--default .select2-selection--single {
    background-color: #1A1C23;
    border: 1px solid #1A1C23 !important; }
  body.dark-only .select2-container--default .select2-search--inline .select2-search__field {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #22242B !important;
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .select2-dropdown {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only .select2-drpdwn .form-control-primary {
    border-color: var(--theme-deafult) !important;
    color: var(--theme-deafult) !important; }
  body.dark-only .select2-drpdwn .form-control-secondary {
    border-color: var(--theme-secondary) !important;
    color: var(--theme-secondary) !important; }
  body.dark-only .select2-drpdwn .form-control-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important; }
  body.dark-only .select2-drpdwn .form-control-info {
    border-color: #173878 !important;
    color: #173878 !important; }
  body.dark-only .select2-drpdwn .form-control-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important; }
  body.dark-only .select2-drpdwn .form-control-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important; }
  body.dark-only .select2-drpdwn .form-control-inverse {
    border-color: #fff !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-primary-fill {
    background-color: var(--theme-deafult) !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-secondary-fill {
    background-color: var(--theme-secondary) !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-success-fill {
    background-color: #00AC46 !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-info-fill {
    background-color: #173878 !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-warning-fill {
    background-color: #FFAE1A !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-danger-fill {
    background-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-inverse-fill {
    background-color: #fff !important;
    color: #000 !important; }
  body.dark-only .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #1A1C23; }
  body.dark-only .theme-form .form-group select.form-control:not([size]):not([multiple]) {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border-color: #1A1C23; }
  body.dark-only .theme-form .form-group input[type=text],
  body.dark-only .theme-form .form-group input[type=email],
  body.dark-only .theme-form .form-group input[type=search],
  body.dark-only .theme-form .form-group input[type=password],
  body.dark-only .theme-form .form-group input[type=number],
  body.dark-only .theme-form .form-group input[type=tel],
  body.dark-only .theme-form .form-group input[type=date],
  body.dark-only .theme-form .form-group input[type=datetime-local],
  body.dark-only .theme-form .form-group input[type=time],
  body.dark-only .theme-form .form-group input[type=datetime-local],
  body.dark-only .theme-form .form-group input[type=month],
  body.dark-only .theme-form .form-group input[type=week],
  body.dark-only .theme-form .form-group input[type=url],
  body.dark-only .theme-form .form-group input[type=file],
  body.dark-only .theme-form .form-group select {
    border-color: #1A1C23;
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .theme-form .form-group input[type=text]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=email]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=search]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=password]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=number]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=tel]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=date]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=datetime-local]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=time]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=datetime-local]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=month]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=week]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=url]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=file]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group select::-webkit-input-placeholder {
      color: #98a6ad; }
  body.dark-only .theme-form .form-group .form-control {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .theme-form .form-group textarea {
    border-color: #1A1C23; }
  body.dark-only .theme-form .form-divider {
    border-top: 1px solid #1A1C23; }
    body.dark-only .theme-form .form-divider::before {
      background: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .CodeMirror {
    background: #22242B;
    border: 1px solid #98a6ad;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .CodeMirror .CodeMirror-code pre {
      background: #22242B; }
  body.dark-only .editor-toolbar {
    border-top: 1px solid #98a6ad;
    border-left: 1px solid #98a6ad;
    border-right: 1px solid #98a6ad; }
    body.dark-only .editor-toolbar a {
      color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .editor-toolbar a:hover, body.dark-only .editor-toolbar a.active {
        background: #1A1C23; }
    body.dark-only .editor-toolbar i.separator {
      border-left: 1px solid #98a6ad;
      border-right: 1px solid #98a6ad; }
    body.dark-only .editor-toolbar.fullscreen::before {
      background: linear-gradient(to right, #1A1C23 0, rgba(0, 0, 0, 0) 100%); }
    body.dark-only .editor-toolbar.fullscreen::after {
      background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, #1A1C23 100%); }
  body.dark-only .editor-toolbar.disabled-for-preview a:not(.no-disable) {
    background: #1A1C23; }
  body.dark-only .editor-preview {
    background-color: #22242B; }
  body.dark-only .editor-toolbar.fullscreen,
  body.dark-only .editor-preview-side {
    background: #22242B;
    border: 1px solid #98a6ad; }
  body.dark-only .u-step {
    background: #1A1C23; }
    body.dark-only .u-step.active, body.dark-only .u-step.current {
      background: var(--theme-deafult);
      color: #fff; }
  body.dark-only .u-step-title,
  body.dark-only .u-pearl-title {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .u-step-number {
    background-color: #22242B; }
  body.dark-only .u-pearl:before {
    background-color: #1A1C23; }
  body.dark-only .u-pearl-number,
  body.dark-only .u-pearl-icon {
    background: #1A1C23;
    border: 2px solid #1A1C23; }
  body.dark-only .u-pearl.disabled .u-pearl-icon,
  body.dark-only .u-pearl.disabled .u-pearl-number {
    background: #1A1C23;
    border: 2px solid #1A1C23; }
  body.dark-only .u-pearl.disabled:after {
    background-color: #334053; }
  body.dark-only .u-pearl.error:after {
    background-color: #1A1C23; }
  body.dark-only .note-editor.note-frame {
    border-color: #1A1C23; }
    body.dark-only .note-editor.note-frame .note-editing-area .note-editable {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .swal-modal {
    background-color: #22242B; }
    body.dark-only .swal-modal .swal-title {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .swal-modal .swal-text {
      color: #98a6ad; }
    body.dark-only .swal-modal .swal-content__input {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .nav-tabs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .nav-tabs .nav-link {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .nav-tabs .nav-link.active {
        background-color: #22242B;
        color: rgba(255, 255, 255, 0.6);
        border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) #22242B; }
      body.dark-only .nav-tabs .nav-link:hover, body.dark-only .nav-tabs .nav-link:focus {
        border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) #323846; }
    body.dark-only .nav-tabs .nav-item.show .nav-link {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6);
      border-color: #1A1C23 #1A1C23 #22242B; }
  body.dark-only .nav-primary .nav-link.active {
    background-color: var(--theme-deafult); }
  body.dark-only .nav-primary .nav-item.show .nav-link {
    background-color: var(--theme-deafult); }
  body.dark-only .custom-tab.nav-tabs {
    border-bottom: none; }
  body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.active, body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.focus, body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.hover {
    border-color: #22242B #1A1C23 #1A1C23; }
  body.dark-only .border-tab .nav-link.active {
    background-color: transparent; }
  body.dark-only .border-tab .show > .nav-link {
    background-color: transparent; }
  body.dark-only .email-wrap .media-body h6 {
    color: #fff; }
  body.dark-only .email-wrap .media-body p {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .email-wrap .email-app-sidebar ul li a > .title {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .email-wrap .main-menu > li a:hover {
    background-color: #1A1C23; }
  body.dark-only .email-wrap .main-menu > li a:active {
    background-color: #1A1C23; }
  body.dark-only .border-tab.nav-left .nav-link,
  body.dark-only .border-tab.nav-right .nav-link {
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .border-tab.nav-left .nav-link.active,
    body.dark-only .border-tab.nav-right .nav-link.active {
      color: var(--theme-deafult); }
  body.dark-only .border-tab.nav-left .show > .nav-link,
  body.dark-only .border-tab.nav-right .show > .nav-link {
    color: var(--theme-deafult); }
  body.dark-only .border-tab.nav-left.nav-secondary .nav-link.active, body.dark-only .border-tab.nav-left.nav-secondary .nav-link:focus, body.dark-only .border-tab.nav-left.nav-secondary .nav-link:hover {
    border-left-color: var(--theme-secondary);
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-left.nav-secondary .show > .nav-link {
    border-left-color: var(--theme-secondary);
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-left.nav-secondary .nav-item.show {
    color: var(--theme-secondary) !important;
    border-left-color: var(--theme-secondary); }
  body.dark-only .border-tab.nav-left.nav-success .nav-link.active, body.dark-only .border-tab.nav-left.nav-success .nav-link:focus, body.dark-only .border-tab.nav-left.nav-success .nav-link:hover {
    color: #00AC46 !important; }
  body.dark-only .border-tab.nav-left.nav-success .show > .nav-link {
    border-left-color: #00AC46;
    color: #00AC46 !important; }
  body.dark-only .border-tab.nav-left.nav-success .nav-item.show {
    color: #00AC46 !important;
    border-left-color: #00AC46; }
  body.dark-only .border-tab.nav-right.nav-info .nav-link.active, body.dark-only .border-tab.nav-right.nav-info .nav-link:focus, body.dark-only .border-tab.nav-right.nav-info .nav-link:hover {
    color: #173878 !important; }
  body.dark-only .border-tab.nav-right.nav-info .show > .nav-link {
    border-left-color: #173878;
    color: #173878 !important; }
  body.dark-only .border-tab.nav-right.nav-info .nav-item.show {
    color: #173878 !important;
    border-left-color: #173878; }
  body.dark-only .border-tab.nav-secondary .nav-link.active, body.dark-only .border-tab.nav-secondary .nav-link:focus, body.dark-only .border-tab.nav-secondary .nav-link:hover {
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-secondary .nav-item.show {
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-success .nav-link.active, body.dark-only .border-tab.nav-success .nav-link:focus, body.dark-only .border-tab.nav-success .nav-link:hover {
    color: #00AC46 !important; }
  body.dark-only .border-tab.nav-success .nav-item.show {
    color: #00AC46 !important; }
  body.dark-only .dropdown-divider {
    border-top: 1px solid #1A1C23; }
  body.dark-only .icon-hover-bottom {
    background-color: #22242B;
    box-shadow: 0px 0px 1px 1px #1A1C23; }
    body.dark-only .icon-hover-bottom .icon-title {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .icon-hover-bottom span {
      color: #98a6ad; }
    body.dark-only .icon-hover-bottom .form-group input {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6);
      border: 1px solid #1A1C23; }
    body.dark-only .icon-hover-bottom .icon-first i {
      color: #98a6ad; }
  body.dark-only code {
    background-color: #1A1C23;
    border-radius: 2px; }
  body.dark-only #cd-timeline::before {
    background: #1A1C23; }
  body.dark-only .timeliny {
    border-top: 1px solid #1A1C23;
    border-bottom: 1px solid #1A1C23; }
    body.dark-only .timeliny::before {
      background-color: #fff; }
    body.dark-only .timeliny .timeliny-dot {
      background-color: #22242B;
      border: 1px solid #fff; }
      body.dark-only .timeliny .timeliny-dot::before {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::before {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::after {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6);
      border: none; }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover {
      background-color: #fff; }
      body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover::before {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock .timeliny-dot:hover::after {
      background-color: #22242B;
      border: 1px solid #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .todo .todo-list-wrapper #todo-list li .task-container {
    background: #22242B;
    border-bottom: 1px solid #1A1C23; }
    body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-label {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .todo .todo-list-wrapper #todo-list li .task-container:hover h4 {
      color: #fff; }
    body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover:not(.active) {
      background: #22242B;
      border: 1px solid #1A1C23; }
  body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label {
    color: var(--theme-deafult); }
  body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover {
    border: 1px solid #00AC46 !important; }
  body.dark-only .todo .todo-list-wrapper .todo-list-footer .new-task-wrapper textarea {
    background-color: #22242B;
    border: 1px solid #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .ttl-info h6 {
    color: #98a6ad; }
  body.dark-only .user-profile .ttl-info span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .hovercard .info .title a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .hovercard .user-image .avatar img {
    border: 10px solid #22242B; }
  body.dark-only .user-profile .hovercard .user-image .icon-wrapper {
    background-color: #22242B; }
  body.dark-only .user-profile .hovercard .tabs-scoial {
    border-bottom: none !important; }
  body.dark-only .user-profile .follow .follow-num {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .profile-img-style .user-name {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .profile-img-style p {
    color: #98a6ad; }
  body.dark-only .introjs-helperLayer {
    background-color: rgba(54, 64, 74, 0.9);
    border: rgba(255, 255, 255, 0.5); }
  body.dark-only .jstree-default .jstree-node,
  body.dark-only .jstree-default .jstree-icon {
    color: #455869 !important; }
  body.dark-only .jstree-default .jstree-anchor {
    color: #98a6ad; }
  body.dark-only .jstree-default .jstree-clicked {
    color: #fff;
    background-color: transparent; }
  body.dark-only .jstree-default .jstree-hovered {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only span.twitter-typeahead .tt-menu {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only span.twitter-typeahead .tt-suggestion {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only span.twitter-typeahead .tt-suggestion:hover, body.dark-only span.twitter-typeahead .tt-suggestion:focus {
      background-color: #22242B; }
  body.dark-only .typography small {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .code-box-copy pre {
    background-color: #1A1C23; }
    body.dark-only .code-box-copy pre code {
      background-color: #1A1C23; }
  body.dark-only .code-box-copy pre[class*="language-"] {
    border: 1px solid #1A1C23; }
  body.dark-only .code-box-copy .code-box-copy__btn {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    color: #fff; }
  body.dark-only .code-box-copy code[class*=language-],
  body.dark-only .code-box-copy pre[class*=language-] {
    text-shadow: 0px 1px #000; }
    body.dark-only .code-box-copy code[class*=language-] ::selection,
    body.dark-only .code-box-copy pre[class*=language-] ::selection {
      text-shadow: none;
      background: #22242B; }
  body.dark-only table.fixedHeader-floating {
    background-color: #1A1C23; }
  body.dark-only .note textarea {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .dt-button-info {
    background-color: #22242B;
    border: 1px solid #1A1C23; }
    body.dark-only .dt-button-info h2 {
      background-color: #22242B;
      border-bottom: 1px solid #1A1C23; }
  body.dark-only pre {
    background-color: #1A1C23; }
  body.dark-only #keytable_wrapper .dataTables_paginate,
  body.dark-only #column-selector_wrapper .dataTables_paginate,
  body.dark-only #auto-fill_wrapper .dataTables_paginate,
  body.dark-only #custom-button_wrapper .dataTables_paginate,
  body.dark-only #class-button_wrapper .dataTables_paginate,
  body.dark-only #keyboard-btn_wrapper .dataTables_paginate,
  body.dark-only #multilevel-btn_wrapper .dataTables_paginate,
  body.dark-only #pagelength-btn_wrapper .dataTables_paginate,
  body.dark-only #basic-colreorder_wrapper .dataTables_paginate,
  body.dark-only #state-saving_wrapper .dataTables_paginate,
  body.dark-only #real-time_wrapper .dataTables_paginate,
  body.dark-only #basic-fixed-header_wrapper .dataTables_paginate,
  body.dark-only #fixed-header-footer_wrapper .dataTables_paginate,
  body.dark-only #export-button_wrapper .dataTables_paginate,
  body.dark-only #excel-cust-bolder_wrapper .dataTables_paginate,
  body.dark-only #cust-json_wrapper .dataTables_paginate,
  body.dark-only #basic-key-table_wrapper .dataTables_paginate,
  body.dark-only #focus-cell_wrapper .dataTables_paginate,
  body.dark-only #responsive_wrapper .dataTables_paginate,
  body.dark-only #new-cons_wrapper .dataTables_paginate,
  body.dark-only #show-hidden-row_wrapper .dataTables_paginate,
  body.dark-only #basic-row-reorder_wrapper .dataTables_paginate,
  body.dark-only #full-row_wrapper .dataTables_paginate,
  body.dark-only #rest-column_wrapper .dataTables_paginate {
    border: none; }
  body.dark-only #example-style-8_wrapper table.dataTable.stripe tbody tr.odd,
  body.dark-only #example-style-8_wrapper table.dataTable.display tbody tr.odd {
    background-color: #1A1C23; }
  body.dark-only .error-wrapper {
    background-color: rgba(54, 64, 74, 0.8); }
    body.dark-only .error-wrapper .sub-content {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .b-light {
    border: 1px solid #1A1C23 !important; }
  body.dark-only .modal-content {
    background-color: #22242B; }
    body.dark-only .modal-content .modal-header {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      body.dark-only .modal-content .modal-header h3 {
        color: #fff; }
      body.dark-only .modal-content .modal-header .close {
        color: rgba(255, 255, 255, 0.6);
        font-weight: 400; }
    body.dark-only .modal-content .ui-front .form-control {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6);
      border: 1px solid rgba(255, 255, 255, 0.3); }
  body.dark-only .modal .theme-close {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .token.atrule,
  body.dark-only .token.attr-value,
  body.dark-only .token.keyword {
    color: #173878; }
  body.dark-only .token.boolean, body.dark-only .token.constant, body.dark-only .token.deleted, body.dark-only .token.number, body.dark-only .token.property, body.dark-only .token.symbol, body.dark-only .token.tag {
    color: #FE6A49; }
  body.dark-only .loader-box.card-loader {
    background-color: #22242B; }
  body.dark-only .my-gallery.gallery-with-description img {
    border: 1px solid #1A1C23 !important;
    border-bottom: none !important; }
  body.dark-only .alert-primary.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-secondary.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-success.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-danger.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-warning.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-info.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-light.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-dark.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-theme span + span + span {
    border-left: 5px solid var(--theme-deafult);
    background-color: #1A1C23;
    border-radius: 4px; }
  body.dark-only .alert-theme i {
    color: #fff;
    padding: 20px;
    margin-right: 20px !important; }
  body.dark-only .user-card .user-deatils h6 {
    color: #98a6ad; }
  body.dark-only .user-card .card-footer > div:first-child {
    border-right: 1px solid #1A1C23; }
  body.dark-only .user-card .card-footer .user-footer h6 {
    color: #98a6ad; }
  body.dark-only .user-card .card-footer .user-footer svg path,
  body.dark-only .user-card .card-footer .user-footer svg rect {
    color: #98a6ad; }
  body.dark-only .order-history table .qty-box button {
    background-color: #1A1C23 !important;
    border: none !important; }
  body.dark-only .order-history table .qty-box .input-group {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .order-history table thead tr th {
    background-color: #1A1C23; }
  body.dark-only .order-history table tr td,
  body.dark-only .order-history table tr th {
    border-top: none !important; }
  body.dark-only .order-history .title-orders {
    background-color: #1A1C23; }
  body.dark-only .navigation-option ul li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .navigation-option ul li:hover {
    background-color: #1A1C23; }
  body.dark-only .product-box .product-details h6 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .product-box .product-details > a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .product-box .product-details span {
    color: #98a6ad; }
  body.dark-only .product-box .product-img .product-hover ul li {
    background-color: #22242B; }
    body.dark-only .product-box .product-img .product-hover ul li:hover {
      background-color: #000;
      color: #fff; }
  body.dark-only .browse .browse-articles ul li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .browse .browse-articles ul li:hover {
    background-color: #1A1C23; }
  body.dark-only .radio-primary input[type="radio"] + label::before {
    border-color: var(--theme-deafult) !important; }
  body.dark-only .radio-primary input[type="radio"] + label::after {
    background-color: var(--theme-deafult); }
  body.dark-only .radio-primary input[type="radio"]:checked + label::before {
    border-color: var(--theme-deafult) !important; }
  body.dark-only .radio-primary input[type="radio"]:checked + label::after {
    background-color: var(--theme-deafult); }
  body.dark-only .radio-secondary input[type="radio"] + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-secondary input[type="radio"] + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-secondary input[type="radio"]:checked + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-secondary input[type="radio"]:checked + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-success input[type="radio"] + label::before {
    border-color: #00AC46 !important; }
  body.dark-only .radio-success input[type="radio"] + label::after {
    background-color: #00AC46; }
  body.dark-only .radio-success input[type="radio"]:checked + label::before {
    border-color: #00AC46 !important; }
  body.dark-only .radio-success input[type="radio"]:checked + label::after {
    background-color: #00AC46; }
  body.dark-only .radio-danger input[type="radio"] + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-danger input[type="radio"] + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-danger input[type="radio"]:checked + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-danger input[type="radio"]:checked + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-info input[type="radio"] + label::before {
    border-color: #173878 !important; }
  body.dark-only .radio-info input[type="radio"] + label::after {
    background-color: #173878; }
  body.dark-only .radio-info input[type="radio"]:checked + label::before {
    border-color: #173878 !important; }
  body.dark-only .radio-info input[type="radio"]:checked + label::after {
    background-color: #173878; }
  body.dark-only .radio-light input[type="radio"] + label::before {
    border-color: #E6E9EB !important; }
  body.dark-only .radio-light input[type="radio"] + label::after {
    background-color: #E6E9EB; }
  body.dark-only .radio-light input[type="radio"]:checked + label::before {
    border-color: #E6E9EB !important; }
  body.dark-only .radio-light input[type="radio"]:checked + label::after {
    background-color: #E6E9EB; }
  body.dark-only .radio-dark input[type="radio"] + label::before {
    border-color: #2c323f !important; }
  body.dark-only .radio-dark input[type="radio"] + label::after {
    background-color: #2c323f; }
  body.dark-only .radio-dark input[type="radio"]:checked + label::before {
    border-color: #2c323f !important; }
  body.dark-only .radio-dark input[type="radio"]:checked + label::after {
    background-color: #2c323f; }
  body.dark-only .radio-warning input[type="radio"] + label::before {
    border-color: #FFAE1A !important; }
  body.dark-only .radio-warning input[type="radio"] + label::after {
    background-color: #FFAE1A; }
  body.dark-only .radio-warning input[type="radio"]:checked + label::before {
    border-color: #FFAE1A !important; }
  body.dark-only .radio-warning input[type="radio"]:checked + label::after {
    background-color: #FFAE1A; }
  body.dark-only .checkbox-primary label::before {
    border-color: var(--theme-deafult) !important; }
  body.dark-only .checkbox-secondary label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .checkbox-success label::before {
    border-color: #00AC46 !important; }
  body.dark-only .checkbox-danger label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .checkbox-info label::before {
    border-color: #173878 !important; }
  body.dark-only .checkbox-light label::before {
    border-color: #E6E9EB !important; }
  body.dark-only .checkbox-dark label::before {
    border-color: #2c323f !important; }
  body.dark-only .checkbox-warning label::before {
    border-color: #FFAE1A !important; }
  body.dark-only .checkbox-solid-primary label:before {
    background-color: var(--theme-deafult) !important;
    border-color: var(--theme-deafult) !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-primary input[type="checkbox"]:checked + label::before {
    background-color: var(--theme-deafult) !important;
    border-color: var(--theme-deafult) !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-primary input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-secondary label:before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-secondary input[type="checkbox"]:checked + label::before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-secondary input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-success label:before {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-success input[type="checkbox"]:checked + label::before {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-success input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-danger label:before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-danger input[type="checkbox"]:checked + label::before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-danger input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-info label:before {
    background-color: #173878 !important;
    border-color: #173878 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-info input[type="checkbox"]:checked + label::before {
    background-color: #173878 !important;
    border-color: #173878 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-info input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-light label:before {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-light input[type="checkbox"]:checked + label::before {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-light input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-dark label:before {
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-dark input[type="checkbox"]:checked + label::before {
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-dark input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-warning label:before {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-warning input[type="checkbox"]:checked + label::before {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-warning input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .bootstrap-datetimepicker-widget ul li {
    color: rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .bootstrap-datetimepicker-widget tr th:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td:hover {
    background-color: #22242B; }
  body.dark-only .bootstrap-datetimepicker-widget tr th span:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td span:hover {
    background-color: #22242B; }
  body.dark-only .bootstrap-datetimepicker-widget tr th.prev:hover, body.dark-only .bootstrap-datetimepicker-widget tr th.next:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td.prev:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td.next:hover {
    background-color: #22242B; }
  body.dark-only .bootstrap-datetimepicker-widget tr:first-child th:hover {
    background-color: #22242B; }
  body.dark-only .btn-transparent {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only #cal-basic .fc-toolbar .fc-left .fc-next-button .fc-icon-right-single-arrow:after,
  body.dark-only #cal-basic .fc-toolbar .fc-right .fc-next-button .fc-icon-right-single-arrow:after {
    color: #98a6ad; }
  body.dark-only #cal-basic .fc-toolbar .fc-left .fc-prev-button .fc-icon-left-single-arrow:after,
  body.dark-only #cal-basic .fc-toolbar .fc-right .fc-prev-button .fc-icon-left-single-arrow:after {
    color: #98a6ad; }
  body.dark-only #cal-basic .fc-toolbar .fc-left .fc-button-group .fc-month-button {
    color: #fff !important; }
  body.dark-only .fc-button-group .fc-basicWeek-button,
  body.dark-only .fc-button-group .fc-basicDay-button,
  body.dark-only .fc-button-group .fc-agendaWeek-button,
  body.dark-only .fc-button-group .fc-agendaDay-button {
    color: #000 !important; }
  body.dark-only .fc-button-group .fc-month-button {
    color: #fff !important; }
  body.dark-only .btn-light.active.active:not([disabled]):not(.disabled) {
    background-color: #1A1C23 !important;
    color: rgba(255, 255, 255, 0.3) !important; }
  body.dark-only .btn-light.disabled, body.dark-only .btn-light:disabled {
    color: rgba(5, 26, 26, 0.5) !important; }
  body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-month-button,
  body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .btn-light {
    color: #000 !important; }
  body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button {
    color: #fff !important; }
    body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button:hover {
      color: #000 !important; }
  body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
  body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .btn-light,
  body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
  body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .btn-light,
  body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
  body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .btn-light {
    color: #000 !important; }
  body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button,
  body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button,
  body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button {
    color: #fff !important; }
    body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover,
    body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover,
    body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover {
      color: #000 !important; }
  body.dark-only .categories ul li a {
    color: #98a6ad; }
  body.dark-only .categories ul li:hover {
    background-color: #1A1C23; }
  body.dark-only .socialprofile .likes-profile h5 span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .socialprofile span {
    color: #98a6ad; }
  body.dark-only .social-status .media .media-body span + span {
    color: #98a6ad; }
  body.dark-only .social-status .media .media-body p,
  body.dark-only .social-status .media .media-body .light-span {
    color: #98a6ad; }
  body.dark-only .filter-cards-view p,
  body.dark-only .timeline-content p {
    color: #98a6ad; }
  body.dark-only .filter-cards-view .comment-number i,
  body.dark-only .timeline-content .comment-number i {
    color: #98a6ad; }
  body.dark-only .filter-cards-view .comments-box .input-group .form-control,
  body.dark-only .timeline-content .comments-box .input-group .form-control {
    border: none !important; }
  body.dark-only .filter-cards-view .comments-box .input-group .input-group-append,
  body.dark-only .timeline-content .comments-box .input-group .input-group-append {
    background-color: #1A1C23; }
  body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input {
    background-color: #1A1C23;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top-left-radius: 7px !important;
    border-bottom-left-radius: 7px !important; }
    body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input:focus {
      box-shadow: unset; }
    body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input::placeholder {
      color: rgba(255, 255, 255, 0.3); }
  body.dark-only .social-chat .flex-grow-1 {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .social-chat .flex-grow-1:after {
      border-right: 7px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .social-chat .flex-grow-1 .input-group input {
      background-color: #1A1C23; }
  body.dark-only .social-chat span span {
    color: #98a6ad; }
  body.dark-only .details-about .your-details p {
    color: #98a6ad; }
  body.dark-only .activity-log .my-activity p {
    color: #98a6ad; }
  body.dark-only .bookmark ul li a {
    color: rgba(255, 255, 255, 0.6); }
  @media only screen and (max-width: 991.98px) {
    body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      border-right: 1px solid rgba(255, 255, 255, 0.1); } }
  @media only screen and (max-width: 767.98px) {
    body.dark-only .page-wrapper.material-icon .page-header {
      background-color: #22242B; } }
  body.dark-only .apexcharts-tooltip.light {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #1A1C23; }
    body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
      border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-label,
    body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-value {
      color: #fff; }
  body.dark-only .dark-txt p strong {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .live-dark .btn-close {
    filter: initial; }
  body.dark-only .alert-light {
    color: #1A1C23 !important; }
  body.dark-only .dark-input-type .input-group .input-group-text {
    background: transparent;
    border: unset; }
  body.dark-only .dropdown-menu {
    background-color: #1A1C23; }
  body.dark-only .leaflet-control-zoom span {
    color: #051A1A; }
  body.dark-only .heading-dropdown .dropdown-menu > li:first-child > a {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .heading-dropdown .dropdown-menu a.dropdown-item {
    color: rgba(255, 255, 255, 0.1); }
  body.dark-only .dark-accordion .accordion-item {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .dark-accordion .accordion-item .accordion-collapse p {
      color: rgba(255, 255, 255, 0.3); }
    body.dark-only .dark-accordion .accordion-item .accordion-collapse .accordion-body {
      background-color: #22242B; }
      body.dark-only .dark-accordion .accordion-item .accordion-collapse .accordion-body h6 {
        border: 0; }
  body.dark-only .dark-accordion .collapse-wrapper {
    color: #1A1C23; }
  body.dark-only .dark-accordion.card {
    border-radius: unset; }
  body.dark-only .accordions-content li {
    color: rgba(255, 255, 255, 0.3); }
  body.dark-only .dark-list .list-group .list-group-item + .list-group-item {
    border-top-width: 1px; }
  body.dark-only .dark-list .list-group .list-group-item .form-check-input {
    border: 1px solid rgba(255, 255, 255, 0.6);
    background-color: transparent; }
  body.dark-only .dark-list .list-light-dark {
    background-color: #1A1C23; }
  body.dark-only .card-wrapper .sub-title {
    border-bottom: unset !important; }
  body.dark-only .dark-blockquote .blockquote p {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .dark-sign-up h3 {
    color: #22242B; }
  body.dark-only .dark-sign-up p {
    color: #22242B; }
  body.dark-only .dark-sign-up .modal-body form .form-label {
    color: #1f2533; }
  body.dark-only .dark-sign-up .modal-body form .form-check .form-check-label {
    color: #1f2533; }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header svg {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header h6 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body svg {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body p {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-toggle-wrapper .dark-toggle-btn {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .social-profile {
    background-attachment: fixed; }
    body.dark-only .social-profile .social-details h5 a {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .dark-helper {
    background-color: rgba(26, 28, 35, 0.4); }
    body.dark-only .dark-helper h6,
    body.dark-only .dark-helper span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .dark-helper .text-muted {
      color: #22242B !important; }
  body.dark-only .font-dark {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .treejs .treejs-node__disabled {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .treejs .treejs-switcher:before {
    border-top: 4px solid rgba(255, 255, 255, 0.6); }
  body.dark-only .irs-min,
  body.dark-only .irs-max {
    color: #98a6ad;
    background-color: #323846; }
  body.dark-only .ribbon-wrapper.alert-light-light,
  body.dark-only .ribbon-wrapper-bottom.alert-light-light,
  body.dark-only .ribbon-vertical-left-wrapper.alert-light-light,
  body.dark-only .ribbon-wrapper-right.alert-light-light,
  body.dark-only .ribbon-vertical-right-wrapper.alert-light-light {
    background-color: #323846; }
  body.dark-only .pagination .page-item .page-link.rounded-circle {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .dark-timeline .date-content {
    color: rgba(255, 255, 255, 0.6) !important;
    background-color: #1A1C23 !important; }
  body.dark-only .student-leader-wrapper .student-leader-content {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .attendance-card .left-overview-content .svg-box {
    box-shadow: unset;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .task-table .main-task-wrapper .square-white {
    box-shadow: unset;
    border: 1px solid transparent; }
  body.dark-only .income-wrapper ul li + li {
    border-left: 1px dashed rgba(255, 255, 255, 0.1); }
    @media (max-width: 1735px) {
      body.dark-only .income-wrapper ul li + li {
        border-left: unset; } }
  body.dark-only .icons-box-2 .open-options .dropdown-menu {
    background-color: #1A1C23; }
  body.dark-only .performance-wrapper .performance-right p {
    color: var(--body-font-color); }
  body.dark-only .main-product-wrapper .product-body .product-search.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    color: #98a6ad; }
  body.dark-only .main-product-wrapper .product-body .product-search.input-group .input-group-text {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .main-product-wrapper .product-body .product-search.input-group .form-control {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-left: unset;
    background-color: #22242B; }
    [dir="rtl"] body.dark-only .main-product-wrapper .product-body .product-search.input-group .form-control {
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-right: unset; }
  body.dark-only .our-product-wrapper {
    box-shadow: 0px 3px 17px rgba(113, 113, 137, 0.18); }
  body.dark-only .grid-showcase span {
    background-color: #1A1C23; }
  body.dark-only .grid-showcase .grid-wrapper {
    background-color: #1A1C23; }
  body.dark-only .custom-input #validationCustom03.form-control,
  body.dark-only .custom-input #validationCustom03 .form-select,
  body.dark-only .custom-input #validationCustom05.form-control,
  body.dark-only .custom-input #validationCustom05 .form-select,
  body.dark-only .custom-input #validationCustomUsername.form-control,
  body.dark-only .custom-input #validationCustomUsername .form-select {
    border-color: #1A1C23; }
  body.dark-only .form-control[type=file]:not(:disabled):not([readonly]) {
    color: rgba(255, 255, 255, 0.2);
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .custom-input .form-control,
  body.dark-only .custom-input .form-select {
    background-color: #1A1C23 !important;
    border-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link:active .vertical-wizard .vertical-wizard-content h6, body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link.active .vertical-wizard .vertical-wizard-content h6 {
    color: #98a6ad; }
  body.dark-only td.highlight {
    background-color: #1f232b !important; }
  body.dark-only .card-wrapper .form-control,
  body.dark-only .dark-field .form-control {
    background-color: #1A1C23;
    border-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .form-control-sm {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .dark-inputs .form-control.btn-square {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .dark-inputs .form-control.btn-pill {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .dark-inputs .form-control.input-air-primary {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard {
    color: #1A1C23; }
  body.dark-only .touchspin-wrapper input.input-touchspin[type="number"],
  body.dark-only .pre-post-touchspin input.input-touchspin[type="number"] {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .variation-box .selection-box input[type=checkbox]:checked ~ div {
    color: #fff; }
  body.dark-only .flatpickr-calendar {
    box-shadow: unset; }
    body.dark-only .flatpickr-calendar.animate {
      background-color: #1A1C23; }
  body.dark-only .flatpickr-current-month .flatpickr-monthDropdown-months {
    color: #fff !important; }
  body.dark-only .flatpickr-current-month .numInputWrapper {
    color: #fff !important; }
  body.dark-only .flatpickr-prev-month {
    fill: #fff !important; }
  body.dark-only .flatpickr-next-month {
    fill: #fff !important; }
  body.dark-only .flatpickr-time {
    border: 1px solid #323846; }
    body.dark-only .flatpickr-time input {
      background: #22262f; }
  body.dark-only .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover {
    background-color: #22242B;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .tagify__dropdown__item--active {
    background-color: #1A1C23; }
  body.dark-only .tagify__input {
    color: #98a6ad; }
    body.dark-only .tagify__input::before {
      color: #98a6ad; }
  body.dark-only .tagify {
    border-color: rgba(255, 255, 255, 0.1);
    --tags-focus-border-color: #374558; }
    body.dark-only .tagify .tagify__tag-text {
      color: #1A1C23; }
  body.dark-only .international-num input {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #22242B; }
  body.dark-only .international-num .results ul {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .iti__country-list {
    background-color: #22242B; }
  body.dark-only .select-box .selection-option:hover {
    background-color: #22262f; }
  body.dark-only .select-box .options-container.active ~ .search-box input {
    background-color: rgba(255, 255, 255, 0.6); }
  body.dark-only .table-hover > tbody > tr:hover {
    --bs-table-accent-bg: #1d1e26; }
  body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert {
    background-color: #1A1C23;
    border-color: #323846; }
    body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert i {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert div {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .main-qr-code .modal-toggle-wrapper form .form-control {
    background-color: #1A1C23;
    border-color: #323846; }
  body.dark-only .authentication-options .radio-wrapper li .form-check-label span > span {
    color: #98a6ad; }
  body.dark-only .typeahead-wrapper .theme-form .form-control {
    background-color: #1A1C23 !important;
    border-color: #1A1C23 !important; }
  body.dark-only .compose-modal form .form-control {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1);
    color: #98a6ad; }
  body.dark-only .toolbar-box .ql-snow .ql-stroke {
    stroke: #98a6ad; }
  body.dark-only .toolbar-box .ql-snow .ql-tooltip {
    background-color: #1A1C23;
    box-shadow: unset;
    border: 0; }
    body.dark-only .toolbar-box .ql-snow .ql-tooltip.ql-editing input[type=text] {
      background-color: #22242B;
      border: 0;
      color: #98a6ad; }
  body.dark-only .toolbar-box .ql-snow a {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .toolbar-box .ql-editor.ql-blank::before {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .nav-right .nav-menus li .input-show input {
    border-color: #22242B !important;
    background-color: #1A1C23;
    color: #fff; }
  body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
    background-color: #1A1C23;
    border: 0;
    color: rgba(255, 255, 255, 0.2); }
    body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control::placeholder {
      color: rgba(255, 255, 255, 0.2); }
  body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search i {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .email-body .mail-header-wrapper .mail-body .dropdown-menu .dropdown-item {
    background: #1A1C23;
    opacity: 1;
    border: 0;
    color: rgba(255, 255, 255, 0.2); }
    body.dark-only .email-body .mail-header-wrapper .mail-body .dropdown-menu .dropdown-item:hover {
      background-color: #22242B; }
  body.dark-only .inbox-options .light-square.btn-group .dropdown-menu {
    background: #2b2b2b; }
    body.dark-only .inbox-options .light-square.btn-group .dropdown-menu .dropdown-item:hover {
      background-color: rgba(255, 255, 255, 0.2);
      color: #98a6ad; }
  body.dark-only .inbox-security {
    background-color: #1A1C23; }
  body.dark-only .mail-pagination .pagination-number,
  body.dark-only .mail-pagination .pagination-button {
    background-color: #323846; }
  body.dark-only .flatpicker-calender.product-date .form-control.flatpickr-input {
    border: unset;
    background-color: #1A1C23 !important; }
  body.dark-only .price-wrapper .radio-wrapper li .form-check-input {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .price-wrapper .radio-wrapper li .form-check-input ~ .form-check-label span {
      color: #98a6ad; }
  body.dark-only .product-buttons .btn:hover, body.dark-only .product-buttons .btn:active {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .product-buttons .btn svg {
    stroke: rgba(255, 255, 255, 0.6); }
  body.dark-only .ql-formats .ql-picker-label::before {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .list-product .datatable-pagination .datatable-active .datatable-pagination-list-item-link {
    background-color: var(--theme-deafult);
    color: var(--white); }
  body.dark-only .list-product .datatable-pagination .datatable-pagination-list-item-link {
    background-color: #1A1C23;
    color: #98a6ad; }
  body.dark-only .list-product .datatable-input:focus {
    outline: unset; }
  body.dark-only .list-product .datatable-selector {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23; }
  body.dark-only .table {
    --bs-table-bg: trasparnt; }
  body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
    background-color: #1A1C23; }
  body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
    background-color: #1A1C23;
    border: unset;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control::placeholder {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .left-sidebar-wrapper .advance-options .chats-user span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .search-contacts .form-control {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.2); }
    body.dark-only .search-contacts .form-control::placeholder {
      color: #98a6ad; }
  body.dark-only .msger .right-msg .msg-bubble {
    color: #fff; }
  body.dark-only .right-sidebar-title span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .right-sidebar-Chats .msger-chat {
    background: #1A1C23; }
  body.dark-only .right-sidebar-Chats .msger-inputarea {
    background: #22242B; }
  body.dark-only .right-sidebar-Chats .msger-input:focus {
    background-color: #1A1C23; }
  body.dark-only .fg-emoji-picker-search input,
  body.dark-only .fg-emoji-picker-search .fg-emoji-picker-search-icon {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .fg-emoji-picker-category-title {
    background-color: #323846; }
  body.dark-only .add-post form label,
  body.dark-only .add-post form .col-form-label {
    color: #98a6ad; }
  body.dark-only .add-post form .form-control {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2);
    border: unset; }
    body.dark-only .add-post form .form-control::placeholder {
      color: rgba(255, 255, 255, 0.2); }
  body.dark-only .ql-container.ql-snow .ql-editor {
    color: rgba(255, 255, 255, 0.2); }

body.dark-sidebar .page-wrapper .sidebar-main-title p {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.horizontal-wrapper .logo-wrapper .for-light {
  display: block; }

body.dark-sidebar .page-wrapper.horizontal-wrapper .logo-wrapper .for-dark {
  display: none; }

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
  background-color: #22242B; }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    stroke: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400; }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
    background-color: rgba(255, 255, 255, 0.2); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-deafult); }

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
  background: #22242B; }
  body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
    background-color: #22242B; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg.stroke-icon {
        stroke: #fff !important; }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg.fill-icon {
        fill: #051A1A;
        stroke: none !important; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a {
      background-color: rgba(255, 255, 255, 0.3); }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a span {
        color: #fff !important; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
      background: #22242B; }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
        color: rgba(255, 255, 255, 0.6); }
        body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active, body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
          color: var(--theme-deafult); }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
        background: #22242B; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
      background: #22242B; }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
  background: #22242B; }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
  stroke: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  background-color: #22242B; }
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
  background-color: rgba(0, 102, 102, 0.2); }
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
    color: var(--theme-deafult); }
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
    color: var(--theme-deafult);
    stroke: var(--theme-deafult); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400; }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
  background-color: rgba(255, 255, 255, 0.2); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
  color: var(--theme-deafult); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i {
  color: rgba(255, 255, 255, 0.6); }

body .for-dark {
  display: none; }

body[class*='dark-'] .for-dark {
  display: block; }

body[class*='dark-'] .for-light {
  display: none; }

/**=====================
	4.1. Dark CSS ends
==========================**/
/**=====================
  4.2 Theme-customizer CSS Start
==========================**/
.customizer-links {
  position: fixed;
  right: 00px;
  top: 50%;
  z-index: 3;
  transform: translate(0, -50%);
  box-shadow: 0 0 37px rgba(8, 21, 66, 0.1); }
  .customizer-links > .nav {
    border-radius: 8px;
    padding: 10px;
    background-color: #fff; }
  .customizer-links.open {
    right: 330px;
    border-radius: 8px 0 0 8px;
    transition: all 0.3s ease; }
  .customizer-links .nav-link {
    padding: 0;
    position: relative;
    text-align: -webkit-center; }
    .customizer-links .nav-link:before {
      content: "";
      position: absolute;
      height: 100%;
      left: 0;
      width: 100%;
      background-color: rgba(0, 102, 102, 0.1);
      border-radius: 5px;
      transform: scale(0);
      transition: all 0.3s ease; }
    .customizer-links .nav-link:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid;
      top: 12px;
      border-width: 5px 0 5px 5px;
      border-left-color: rgba(0, 102, 102, 0.1);
      opacity: 0;
      transform: scale(0);
      color: #fff;
      left: -10px;
      z-index: 2;
      transition: all 0.3s ease; }
    .customizer-links .nav-link:hover i {
      color: var(--theme-deafult); }
    .customizer-links .nav-link:hover img {
      animation: swing 1.5s ease infinite; }
    .customizer-links .nav-link:hover:before {
      border-bottom: 2px solid var(--theme-deafult);
      opacity: 1;
      transform: scale(1);
      transition: all 0.3s ease; }
    .customizer-links .nav-link:hover:after {
      opacity: 1;
      transform: scale(1);
      transition: all 0.3s ease; }
    .customizer-links .nav-link:hover span {
      opacity: 1;
      right: 48px;
      transform: scale(1);
      transition: all 0.3s ease; }
    .customizer-links .nav-link + .nav-link {
      margin-bottom: 5px; }
    .customizer-links .nav-link div img {
      height: 22px;
      margin: 6px 6px;
      width: 22px; }
    .customizer-links .nav-link span {
      position: absolute;
      right: -60px;
      width: max-content;
      text-align: right;
      padding: 7px 10px;
      display: block;
      top: 0;
      border-radius: 5px;
      transform: scale(0);
      transition: all 0.3s ease;
      opacity: 0;
      color: var(--theme-deafult);
      background-color: var(--white);
      box-shadow: 0 0 37px rgba(8, 21, 66, 0.1); }
    .customizer-links .nav-link i {
      font-size: 17px;
      padding: 8px 10px;
      display: inline-block;
      cursor: pointer;
      margin: 0;
      color: gray;
      border-radius: 5px; }

.customizer-contain {
  direction: ltr;
  position: fixed;
  height: calc(100vh);
  top: 79px;
  width: 333px;
  right: -335px;
  background-color: #fff;
  z-index: 8;
  transition: all 0.3s ease; }
  .customizer-contain.open {
    right: 0px;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px 1px rgba(68, 102, 242, 0.05); }
  .customizer-contain li {
    position: relative; }
    .customizer-contain li.active {
      box-shadow: 0 0 11px 5px rgba(226, 226, 226, 0.5); }
  .customizer-contain h5 {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-top: 12px;
    padding-top: 12px;
    margin-bottom: 5px;
    color: #051A1A; }
  .customizer-contain h3 {
    color: #051A1A; }
  .customizer-contain .customizer-header {
    padding: 15px 25px;
    border-bottom: 1px solid #E6E9EB; }
    .customizer-contain .customizer-header .icon-close {
      position: absolute;
      font-size: 18px;
      cursor: pointer;
      font-weight: 900;
      right: 20px;
      top: 20px;
      color: var(--theme-deafult); }
    .customizer-contain .customizer-header h5 {
      text-transform: uppercase; }
  .customizer-contain .customizer-body {
    padding: 15px 25px;
    max-height: calc(100vh - 200px);
    overflow-y: scroll; }
    .customizer-contain .customizer-body .fade:not(.show) {
      display: none; }
    .customizer-contain .customizer-body .unlimited-color-layout {
      display: flex;
      align-items: center; }
      .customizer-contain .customizer-body .unlimited-color-layout .btn {
        font-size: 15px;
        padding: 4px 20px; }
      .customizer-contain .customizer-body .unlimited-color-layout input {
        border: 1px solid #E6E9EB;
        height: 35px;
        width: 35px;
        border-radius: 5px;
        background-color: #fff;
        margin-right: 5px; }
    .customizer-contain .customizer-body .layout-grid.customizer-mix .color-layout {
      height: 70px;
      width: 80px;
      border: 1px solid #f6f7fb;
      border-radius: 5px; }
    .customizer-contain .customizer-body .tab-pane > h6:first-child {
      padding-top: 0;
      margin-top: 0; }
    .customizer-contain .customizer-body li {
      cursor: pointer;
      opacity: 0.9; }
      .customizer-contain .customizer-body li.active {
        opacity: 1; }
    .customizer-contain .customizer-body .color-layout {
      height: 35px;
      width: 35px;
      border-radius: 6px;
      display: inline-block;
      margin-right: 3px;
      border: 1px solid #b8b8b8;
      padding: 3px; }
      .customizer-contain .customizer-body .color-layout > div {
        background-color: #006666;
        height: 100%;
        width: 100%;
        border-radius: 5px; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-2"] div {
        background-color: #1D5B79; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-3"] div {
        background-color: #4A55A2; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-4"] div {
        background-color: #167A93; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-5"] div {
        background-color: #423964; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-6"] div {
        background-color: #4b2a4b; }
    .customizer-contain .customizer-body .dark > li {
      background-color: #2f3c4e; }
    .customizer-contain .customizer-body .main-layout > li {
      height: 65px;
      width: 85px;
      border: 1px solid #E6E9EB;
      border-radius: 10px;
      display: inline-block; }
      .customizer-contain .customizer-body .main-layout > li:nth-child(2) .body ul li:first-child {
        margin-right: 3px; }
      .customizer-contain .customizer-body .main-layout > li + li {
        margin-left: 7px; }
    .customizer-contain .customizer-body .main-layout .box-layout .body .badge {
      left: -14px;
      padding: 4px 8px; }
    .customizer-contain .customizer-body .sidebar-type > li,
    .customizer-contain .customizer-body .sidebar-setting > li {
      height: 70px;
      width: 85px;
      border: 1px solid #E6E9EB;
      border-radius: 5px;
      display: inline-block; }
      .customizer-contain .customizer-body .sidebar-type > li + li,
      .customizer-contain .customizer-body .sidebar-setting > li + li {
        margin-left: 7px; }
    .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.bg-dark, .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.sidebar {
      width: 100%;
      height: 10px;
      display: block; }
    .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.bg-light, .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.body {
      height: calc(100% - 10px);
      width: 100%; }
    .customizer-contain .customizer-body .sidebar-type li.body-compact[data-attr="normal-sidebar"] .body ul li.body {
      width: calc(100% - 25px); }
    .customizer-contain .customizer-body .layout-types {
      margin-bottom: -30px; }
      .customizer-contain .customizer-body .layout-types > li {
        display: block;
        width: unset;
        height: unset;
        margin-bottom: 30px; }
        .customizer-contain .customizer-body .layout-types > li .layout-img h6 {
          padding-top: 0;
          text-transform: inherit;
          text-align: center; }
      .customizer-contain .customizer-body .layout-types .box-layout {
        background: unset; }

.layout-grid:not(.customizer-color) li {
  padding: 5px; }
  .layout-grid:not(.customizer-color) li > .header {
    height: 9px;
    border-radius: 3px;
    position: relative; }
    .layout-grid:not(.customizer-color) li > .header ul {
      position: absolute;
      top: -8px;
      left: 5px; }
      .layout-grid:not(.customizer-color) li > .header ul > li {
        display: inline-block;
        width: 4px;
        height: 4px;
        border-radius: 5px;
        top: calc(50% - 3px);
        background-color: var(--theme-deafult);
        margin-right: 2px;
        padding: 0; }
        .layout-grid:not(.customizer-color) li > .header ul > li:nth-child(2) {
          background-color: var(--theme-secondary); }
        .layout-grid:not(.customizer-color) li > .header ul > li:nth-child(3) {
          background-color: #00AC46; }
  .layout-grid:not(.customizer-color) li > .body {
    background-color: #2c323f;
    height: calc(100% - 16px);
    border-radius: 3px;
    position: relative;
    margin-top: 5px;
    text-align: center;
    line-height: 3.1; }
    .layout-grid:not(.customizer-color) li > .body ul {
      height: 100%;
      background-color: #fff; }
      .layout-grid:not(.customizer-color) li > .body ul .sidebar {
        width: 18px;
        height: 100%;
        border-radius: 3px;
        display: inline-block;
        margin-right: 3px;
        padding: 0; }
        .layout-grid:not(.customizer-color) li > .body ul .sidebar.compact {
          width: 12px; }
          .layout-grid:not(.customizer-color) li > .body ul .sidebar.compact ~ .body {
            width: calc(100% - 19px); }
      .layout-grid:not(.customizer-color) li > .body ul .body {
        width: calc(100% - 25px);
        padding: 0;
        margin: 0;
        height: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px; }
        .layout-grid:not(.customizer-color) li > .body ul .body .badge {
          padding: 4px 8px;
          position: absolute; }

/**=====================
    4.2 Theme-customizer CSS Ends
==========================**/
/**=====================
  4.3 Update CSS Start
==========================**/
.jsgrid-filter-row select,
.jsgrid-filter-row input {
  padding: 6px 10px;
  border: 1px solid #f2f4ff;
  background: #fff; }

.popover {
  background-color: #fff;
  border: none;
  -webkit-box-shadow: 0 0 20px rgba(0, 102, 102, 0.1);
  box-shadow: 0 0 20px rgba(0, 102, 102, 0.1); }
  .popover .popover-header {
    background-color: #F5F5F5;
    color: #006666;
    border-bottom: none; }
  .popover .popover-body {
    color: rgba(43, 43, 43, 0.7); }

#calendar .fc-header-toolbar {
  display: flex; }
  @media (max-width: 1690px) {
    #calendar .fc-header-toolbar {
      display: none; } }
.tooltip.bs-tooltip-top .tooltip-arrow:before {
  border-top-color: #F5F5F5; }

.tooltip.bs-tooltip-bottom .tooltip-arrow:before {
  border-bottom-color: #F5F5F5;
  border-top-color: transparent; }

.tooltip.bs-tooltip-start .tooltip-arrow:before {
  border-left-color: #F5F5F5;
  border-top-color: transparent; }

.tooltip.bs-tooltip-end .tooltip-arrow:before {
  border-right-color: #F5F5F5;
  border-top-color: transparent; }

.tooltip .tooltip-inner {
  background-color: #F5F5F5;
  color: #006666; }

.tooltip .tooltip-arrow:before {
  border-top-color: #F5F5F5; }

.dropdown-basic .dropdown .dropdown-content a {
  padding: 12px;
  color: #2b2b2b;
  opacity: 0.6;
  font-size: 14px;
  border-top: 1px solid #efefef;
  background: #fff; }
  .dropdown-basic .dropdown .dropdown-content a:hover {
    background-color: #fff; }

.dropdown-basic .dropdown .dropdown-content .dropdown-header {
  padding: 8px 16px;
  font-weight: 400;
  color: #2c323f;
  font-size: 13px; }

.dropdown-basic .dropup .dropup-content {
  top: auto; }

.default-according .card .card-header {
  padding: 0;
  border: none;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
  .default-according .card .card-header.bg-primary .btn, .default-according .card .card-header.bg-secondary .btn {
    border-color: transparent; }
  .default-according .card .card-header i {
    position: initial;
    font-size: 20px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px; }
    [dir="rtl"] .default-according .card .card-header i {
      margin-right: unset;
      margin-left: 5px; }
  .default-according .card .card-header h5 {
    margin-top: 0; }
  .default-according .card .card-header .btn-link {
    padding: 12px 20px;
    width: 100%;
    text-align: left;
    letter-spacing: 0.7px;
    font-family: "Montserrat", sans-serif;
    border: 1px solid #efefef;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 600; }
    [dir="rtl"] .default-according .card .card-header .btn-link {
      text-align: right; }
    @media (max-width: 575px) {
      .default-according .card .card-header .btn-link {
        padding: 12px 15px;
        font-size: 12px; } }
.default-according .card .card-body {
  padding: 15px 20px;
  line-height: 22px;
  font-size: 13px;
  border-color: #efefef;
  border-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #2c323f;
  border-bottom: none; }

.nav-tabs {
  border-bottom-color: #efefef; }
  .nav-tabs .nav-bottom .nav-item .nav-link.active {
    border-color: #efefef; }

.list-product .datatable-wrapper .no-footer .datatable-container {
  border-bottom: unset !important; }

.nav-tabs .nav-item.show .nav-link {
  font-weight: 500; }

.nav-tabs .nav-link {
  color: #2c323f; }
  .nav-tabs .nav-link.active {
    font-weight: 500; }

.nav-tabs.nav-bottom .nav-item .nav-link.active {
  border-color: #ecf3fa #ecf3fa #fff; }

.dropdown-menu {
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0;
  z-index: 1; }
  .dropdown-menu .dropdown-item {
    color: #2b2b2b;
    opacity: 0.6;
    font-size: 14px;
    padding: 6px 12px;
    border-top: 1px solid #efefef;
    background: #fff; }
    .dropdown-menu .dropdown-item:first-child {
      border-top: none; }
    .dropdown-menu .dropdown-item:hover {
      background-color: #fff; }
  .dropdown-menu .dropdown-divider {
    margin: 0;
    border-top: 1px solid #cccccc; }

.border-tab .nav-tabs .nav-item .nav-link.active {
  border-bottom: 2px solid #006666; }

.border-tab .nav-tabs .nav-item .nav-link.show {
  border-bottom: 2px solid #006666; }

.border-tab .nav-tabs .nav-item .nav-link:focus {
  border-bottom: 2px solid #006666; }

.timeliny .timeliny-dot::before {
  font-size: 18px; }

.total-revenue {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .total-revenue span {
    color: var(--body-font-color);
    font-weight: 500; }
  .total-revenue a {
    font-weight: 600; }

.component .input-group .btn {
  line-height: 32px;
  text-transform: capitalize; }

.login-card .login-main .theme-form label {
  font-size: 14px; }

.login-card .login-main .theme-form .show-hide {
  top: 50%; }

.faq-accordion .card .btn-link svg {
  margin-left: 20px; }
  @media (max-width: 575.98px) {
    .faq-accordion .card .btn-link svg {
      margin-left: 10px; } }
.job-filter .faq-form .form-control {
  font-size: 14px; }

.job-filter .faq-form .search-icon {
  width: 16px;
  height: 16px; }

.note-btn-group .dropdown-toggle.show ~ .dropdown-menu {
  display: block;
  top: 30px; }

.carousel .carousel-indicators {
  margin-bottom: 3px; }

.mouse-wheel .owl-stage-outer .owl-stage {
  width: 5600px !important; }
  .mouse-wheel .owl-stage-outer .owl-stage .owl-item {
    width: 225.333px !important; }

.carousel-item .carousel-caption {
  width: 100%;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 26px 10px;
  background-color: rgba(34, 36, 43, 0.51); }

.carousel-item .carousel-opacity {
  background-color: rgba(230, 233, 235, 0.51); }

.carousel .carousel-control-prev-icon {
  width: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320)));
  height: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320))); }

.carousel .carousel-control-next-icon {
  width: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320)));
  height: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320))); }

[dir="rtl"] .rating-header h4 {
  direction: ltr; }

.animate-img .animate-widget img {
  width: 100%;
  height: 350px;
  margin: 0 auto;
  object-fit: cover; }

.modal-popup.modal {
  top: 20%;
  left: 50%;
  transform: translate(-50%, 0); }
  .modal-popup.modal .modal-dialog .theme-close {
    width: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
    height: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320))); }

@media (max-width: 442px) {
  .animated-modal .form-select {
    width: 100% !important; } }

.task-container .badge {
  line-height: 13px; }

.add-post form .form-control:focus {
  border: 1px solid var(--recent-dashed-border);
  box-shadow: unset; }

.starter-main .alert-primary.inverse {
  padding: 13px 20px 13px 65px;
  border-color: #006666;
  color: #2c323f; }
  [dir="rtl"] .starter-main .alert-primary.inverse {
    padding: 13px 65px 13px 20px; }
  .starter-main .alert-primary.inverse:before {
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #006666;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    [dir="rtl"] .starter-main .alert-primary.inverse:before {
      border-right: 7px solid #006666;
      border-left: unset; }
  .starter-main .alert-primary.inverse i {
    padding: 17px 20px;
    display: flex;
    align-items: center;
    background-color: #006666;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    [dir="rtl"] .starter-main .alert-primary.inverse i {
      right: 0;
      left: unset; }

.balance-profile ul {
  display: flex;
  justify-content: center;
  gap: 50px;
  margin-top: 16px; }
  @media (max-width: 1660px) {
    .balance-profile ul {
      gap: 25px; } }
  .balance-profile ul li {
    position: relative; }
    .balance-profile ul li + li::before {
      position: absolute;
      content: '';
      left: -25px;
      top: 50%;
      height: 40px;
      transform: translateY(-50%);
      border: 1px dashed var(--recent-dashed-border); }
      [dir="rtl"] .balance-profile ul li + li::before {
        left: unset;
        right: -25px; }
      @media (max-width: 1660px) {
        .balance-profile ul li + li::before {
          left: -16px; }
          [dir="rtl"] .balance-profile ul li + li::before {
            right: -16px; } }
/**=====================
    4.3 Update CSS Ends
==========================**/
/**=====================
    5.1 Footer CSS Start
==========================**/
.footer {
  background-color: #fff;
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  padding: 15px;
  bottom: 0;
  left: 0;
  margin-left: 265px;
  transition: 0.5s; }
  .footer.footer-dark {
    background-color: #242934; }
    .footer.footer-dark p {
      color: #fff; }

.footer-fix {
  width: calc(100% - $sidebar-compact-width);
  position: fixed; }

/**=====================
    5.1 Footer CSS Ends
==========================**/
/**=====================
  5.2 Grid CSS Start
==========================**/
.grid-showcase {
  margin-bottom: -10px; }
  .grid-showcase span,
  .grid-showcase .grid-wrapper {
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    background-color: #E6E9EB;
    color: #242934; }

.grid-align {
  margin-bottom: -16px; }
  .grid-align .row {
    padding: 15px 0;
    min-height: 7rem;
    margin-bottom: 16px; }

.grid-vertical {
  min-height: 150px;
  padding: 10px;
  color: #000; }

table.table-bordered thead tr th p {
  margin-bottom: 0; }

/**=====================
    5.2 Grid CSS Ends
==========================**/
/**=====================
  5.3 Header CSS Start
==========================**/
/**=====================
  5.7 Sidebar CSS Start
==========================**/
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 12%;
  width: 13px;
  height: 15px;
  border-bottom-left-radius: 8px;
  border-left: 2px solid rgba(255, 255, 255, 0.4);
  border-bottom: 2px solid rgba(255, 255, 255, 0.4); }

.media.media-wrapper {
  width: 100%;
  display: -webkit-flex; }

.media .media-body {
  flex: unset; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  left: 32px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5); }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title [dir="rtl"] h5::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li [dir="rtl"] a::before {
    left: unset;
    right: 25px; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before {
  position: absolute;
  content: '';
  width: 2px;
  height: 0;
  background: rgba(255, 255, 255, 0.4);
  top: -10px;
  left: 20px;
  transition: height 0.5s; }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .mega-menu-container::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .sidebar-submenu::before {
    left: unset;
    right: 20px; }

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 49%;
  width: 5px;
  height: 1px;
  border-radius: 100%;
  background-color: #59667a; }

.onhover-show-div {
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  left: 0; }

.onhover-dropdown:hover .onhover-show-div {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
  border-radius: 5px;
  overflow: hidden; }
  .onhover-dropdown:hover .onhover-show-div:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 2; }
  .onhover-dropdown:hover .onhover-show-div:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d7e2e9;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 1; }

.page-wrapper {
  position: relative; }
  .page-wrapper .page-header {
    max-width: 100vw;
    position: fixed;
    top: 0;
    z-index: 8;
    transition: 0.5s; }
    .page-wrapper .page-header .header-wrapper {
      width: 100%;
      align-items: center;
      padding: 13px 30px;
      position: relative;
      background-color: #F5F5F5; }
      @media (max-width: 1399px) {
        .page-wrapper .page-header .header-wrapper {
          padding: 14px 20px; } }
      .page-wrapper .page-header .header-wrapper .search-full {
        background-color: #fff;
        position: absolute;
        right: 0;
        z-index: 1;
        height: 0;
        width: 0;
        transform: scale(0);
        transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full.open {
          height: 100%;
          width: 100%;
          animation: zoomIn 0.5s ease-in-out;
          transform: scale(1);
          transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full input {
          line-height: 65px;
          padding-left: 60px;
          width: 100% !important; }
          .page-wrapper .page-header .header-wrapper .search-full input:focus {
            outline: none !important; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
          position: absolute;
          font-size: 15px;
          right: 30px;
          top: 30px;
          color: #898989;
          cursor: pointer; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
            left: 30px;
            right: unset; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
          position: absolute;
          left: 30px;
          top: 27px;
          content: "\f002";
          font-size: 16px;
          color: #898989;
          font-family: FontAwesome; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
            left: unset;
            right: 30px; }
      .page-wrapper .page-header .header-wrapper .nav-right {
        justify-content: flex-end; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li svg {
          vertical-align: middle;
          stroke: var(--body-font-color);
          height: 24px;
          width: 24px; }
          .page-wrapper .page-header .header-wrapper .nav-right ul li svg path {
            color: #242934; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
          height: 24px;
          width: 24px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li .search-form svg {
          width: 20px;
          height: 20px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode {
          cursor: pointer;
          text-align: center; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i {
            font-size: 18px;
            font-weight: 600;
            transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i.fa-lightbulb-o {
              font-weight: 500;
              font-size: 22px;
              transition: all 0.3s ease;
              animation: zoomIn 300ms ease-in-out; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .header-search {
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
          margin-left: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body span {
            font-weight: 500;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box !important;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            white-space: normal; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
            font-size: 12px;
            line-height: 1;
            color: rgba(5, 26, 26, 0.7); }
        .page-wrapper .page-header .header-wrapper .nav-right > ul {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          gap: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
            padding: 6px 10px;
            display: inline-block;
            position: relative; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li:nth-child(n+3):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right > ul > li.profile-nav:nth-child(n+3)) {
              background-color: #fff;
              padding: 12px;
              border-radius: 40px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .badge {
              position: absolute;
              right: 0px;
              top: -3px;
              padding: 2px 4px;
              font-size: 11px;
              font-weight: 700;
              font-family: work-Sans, sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .mode svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .input-show svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul {
              left: inherit;
              right: -10px;
              width: 130px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:before, .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:after {
                left: inherit;
                right: 10px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li {
                display: block; }
                .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a {
                  font-size: 14px;
                  color: #2c323f; }
                  .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a i {
                    margin-left: 10px;
                    font-size: 13px;
                    color: #2c323f; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul .flag-icon {
            font-size: 16px; }
        .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip {
          width: unset !important;
          box-shadow: unset !important;
          background-color: transparent !important;
          overflow: initial; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::after, .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::before {
            display: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content {
            text-align: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
              width: 52px;
              height: 52px;
              background-color: #f9f9f9;
              border-radius: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              margin: 0 auto; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content span {
              font-family: "Montserrat", sans-serif;
              font-size: 12px;
              font-weight: 500;
              letter-spacing: 0.5px; }
        .page-wrapper .page-header .header-wrapper .nav-right .flip-card {
          width: 300px;
          height: 260px;
          background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner {
            position: relative;
            height: 100%;
            text-align: center;
            transition: transform 0.6s;
            transform-style: preserve-3d; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front,
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              position: absolute;
              backface-visibility: hidden;
              border-radius: 10px;
              overflow: hidden;
              box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
              width: 300px;
              height: 260px; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button,
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                background-color: transparent;
                color: #006666;
                border: none; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button:focus,
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button:focus {
                  outline: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
              background-color: #fff;
              transition: .3s; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
                stroke: var(--body-font-color);
                transition: all 0.3s ease; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg:hover {
                  stroke: var(--body-font-color);
                  transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              background-color: #fff;
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:first-child {
                margin-top: 20px;
                height: 140px !important; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                width: 100%; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
                border-radius: 25px;
                padding: 6px 12px;
                width: 100%;
                border: 1px solid #ddd; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input:focus {
                  outline: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped {
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped .front {
                opacity: 0; }
        .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
          width: 330px;
          top: 50px;
          right: 0;
          left: unset; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .dropdown-title {
            padding: 20px;
            text-align: center;
            border-bottom: 1px solid rgba(145, 142, 153, 0.3); }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div ul {
            padding: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li {
            padding: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li p {
              font-size: 14px;
              letter-spacing: 0.3px;
              margin-bottom: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li a {
              letter-spacing: 0.3px;
              font-family: "Montserrat", sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li + li {
              margin-top: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li:last-child {
              padding-bottom: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media {
              position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media img {
                width: 40px;
                position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .status-circle {
                left: 0; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body > span {
                letter-spacing: 0.8px;
                padding-right: 10px;
                display: inline-block; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body p {
                margin-bottom: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:before, .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:after {
            right: 10px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown.notification-all ul li {
          border-radius: 0px;
          border-bottom: 1px solid rgba(145, 142, 153, 0.1); }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown ul {
          padding: 0 0 15px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li {
          padding: 10px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media {
            align-items: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
              margin-right: 20px; }
              [dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
                margin-right: unset;
                margin-left: 20px; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li + li {
            margin-top: 0;
            border-top: 1px solid rgba(145, 142, 153, 0.1); }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li:last-child {
            padding: 20px 15px;
            border-top: none; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown p {
          line-height: 1.3;
          margin-top: 3px;
          opacity: 0.6; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
          position: absolute;
          right: 0;
          top: 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle a {
            width: 18px;
            height: 18px;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle svg {
            width: 14px;
            stroke: #fff; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box {
          margin: 5px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group {
            width: 80px;
            background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input {
              background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input,
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              font-size: 10px;
              font-family: "Montserrat", sans-serif;
              font-weight: 700; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              padding: 0px 7px;
              background-color: #F7F6FF !important;
              border-color: #F7F6FF !important;
              border-radius: 100%;
              font-size: 14px;
              color: #051A1A; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
          margin: 0;
          padding: 15px;
          background-color: #f9f9f9;
          border: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 {
            font-family: "Montserrat", sans-serif;
            font-weight: 500;
            font-size: 12px;
            line-height: 14px;
            letter-spacing: 0.5px; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 span {
              font-size: 14px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .view-checkout {
          text-decoration: unset; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box svg {
          animation: swing 1.5s ease infinite; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
          left: unset; }
          @media (max-width: 575.98px) {
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
              width: calc(100vw - 30px); } }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li:last-child {
            text-align: center;
            background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p span {
              font-size: 11px;
              vertical-align: middle; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:after {
            right: 28px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
          width: 160px;
          top: 57px;
          left: -12px;
          padding: 0 10px; }
          .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li {
            padding: 10px !important;
            border-bottom: 1px solid #E6E9EB; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              border: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
              text-decoration: unset; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a span {
              color: var(--theme-deafult);
              transition: color 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg {
              stroke: var(--theme-deafult);
              transition: stroke 0.3s ease; }
              .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg path {
                stroke: var(--theme-deafult);
                transition: stroke 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li + li {
              margin-top: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              padding-top: 10px !important; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
              color: #2c323f; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li svg {
              width: 16px;
              vertical-align: bottom;
              margin-right: 10px;
              stroke: #2c323f; }
  .page-wrapper .page-body-wrapper {
    background-color: #F5F5F5; }
    .page-wrapper .page-body-wrapper .page-body {
      min-height: calc(100vh - 136px);
      margin-top: 136px;
      padding: 25px 15px;
      position: relative;
      transition: 0.5s; }
      .page-wrapper .page-body-wrapper .page-body:before {
        animation: fadeIn 0.5s ease-in-out; }
    .page-wrapper .page-body-wrapper .page-title {
      padding: 20px 30px;
      margin: 0px -27px 0px; }
      .page-wrapper .page-body-wrapper .page-title > .row {
        margin: 0; }
        .page-wrapper .page-body-wrapper .page-title > .row .col-6 {
          padding: 0; }
      .page-wrapper .page-body-wrapper .page-title .row {
        align-items: center; }
        .page-wrapper .page-body-wrapper .page-title .row h3 {
          font-size: 24px;
          margin-bottom: 0;
          text-transform: capitalize; }
          .page-wrapper .page-body-wrapper .page-title .row h3 small {
            display: block;
            font-size: 12px;
            margin-bottom: 5px;
            text-transform: capitalize;
            color: #FFFFFF; }
      .page-wrapper .page-body-wrapper .page-title .breadcrumb {
        background-color: transparent;
        padding: 0;
        margin-bottom: 0;
        align-items: center;
        justify-content: flex-end; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
          font-size: 13px;
          letter-spacing: 1px;
          font-family: "Montserrat", sans-serif; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
          content: "/"; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
          width: 16px;
          height: 16px;
          stroke: #2c323f;
          vertical-align: text-top; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
          color: var(--theme-deafult);
          font-weight: 500; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
      stroke: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
      fill: #051A1A;
      stroke: none !important; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg {
      transition: all 0.3s ease; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
        stroke: #fff; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
        fill: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content li a {
      text-transform: capitalize; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .stroke-icon {
    display: inline-block; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .fill-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .stroke-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .fill-icon {
    display: inline-block; }
  .page-wrapper.horizontal-wrapper [data-simplebar] {
    position: relative; }
  .page-wrapper.horizontal-wrapper .footer {
    margin-left: 0; }
  .page-wrapper.horizontal-wrapper .header-logo-wrapper {
    width: 150px; }
    .page-wrapper.horizontal-wrapper .header-logo-wrapper .toggle-sidebar {
      display: none; }
  .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 19px;
    right: 0px;
    color: #fff; }
    [dir="rtl"] .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
      left: 0;
      right: unset; }
  .page-wrapper.horizontal-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: hidden;
    cursor: pointer; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    height: 54px;
    line-height: inherit;
    top: 79px;
    background: #fff;
    box-shadow: 0px 9px 24px rgba(89, 102, 122, 0.05);
    overflow-x: hidden;
    z-index: 1;
    overflow-y: visible;
    position: fixed;
    width: 100vw;
    border-top: 1px solid #efefef;
    z-index: 3; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .simplebar-content {
      display: flex; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper li {
      display: inline-block; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .badge {
      position: absolute;
      top: 2px;
      right: 0px;
      z-index: 1; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper,
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
      text-align: left;
      position: relative; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        position: absolute;
        top: 0px;
        padding: 15px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        cursor: pointer; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow.disabled,
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow.disabled {
          display: none; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow {
        left: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        right: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: normal;
        direction: ltr;
        text-align: left;
        display: -webkit-box !important;
        padding: 0 5px;
        transition: all .5s ease;
        white-space: nowrap; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a.active .according-menu i:before {
          content: '-'; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a .according-menu {
          display: none; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active {
          color: #fff; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active:after {
            background-color: rgba(255, 255, 255, 0.6); }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          position: relative;
          padding-top: 10px;
          padding-bottom: 10px; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a > span {
            color: var(--theme-deafult);
            transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a {
            background-color: #fff;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.stroke-icon {
              stroke: #fff;
              transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.fill-icon {
              fill: #fff;
              transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
            display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            display: block;
            color: #051A1A;
            line-height: 23px;
            text-decoration: none;
            text-transform: capitalize;
            padding: 5px 15px;
            margin: 0 3px;
            letter-spacing: 0.04em;
            position: relative;
            border-radius: 5px;
            font-weight: 500;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active {
              transition: all 0.3s ease; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active svg,
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active span {
                color: #fff;
                transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a .badge {
              position: absolute;
              top: -5px;
              margin-left: 1px;
              right: 10px;
              padding: 0.20em 0.7em; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg {
              width: 18px;
              height: 18px;
              vertical-align: middle;
              margin-right: 10px;
              stroke: #051A1A !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
            position: fixed;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 15px 0px 15px 0px;
            background: white; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li {
              border: 0;
              float: none;
              position: relative;
              display: block; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
                background: transparent;
                padding: 4px 30px;
                display: block;
                transition: all 0.5s ease;
                line-height: 1.9;
                color: rgba(43, 43, 43, 0.6);
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                transition: all 0.3s ease; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
                  left: 20px; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
                  color: #006666;
                  letter-spacing: 1.5px;
                  transition: all 0.3s ease; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover:after {
                    background-color: var(--theme-deafult); }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
            position: fixed;
            right: 0;
            left: 0;
            margin: 0 auto;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 30px;
            background: white;
            width: 95%;
            border-radius: 4px;
            display: block !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
              width: 20%; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                text-transform: uppercase;
                font-size: 14px;
                margin-left: -13px; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content {
                box-shadow: none;
                background-color: transparent;
                position: relative;
                display: block;
                padding: 0; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li {
                  border: 0;
                  float: none;
                  position: relative;
                  display: block; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
                    border: 0 !important;
                    background: transparent;
                    color: #051A1A;
                    border-radius: 0 !important;
                    text-transform: capitalize;
                    padding: 3px 0;
                    font-size: 13px;
                    display: block;
                    letter-spacing: 0.07em;
                    line-height: 1.9;
                    position: relative;
                    transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover {
                      color: var(--theme-deafult);
                      letter-spacing: 1.5px;
                      transition: all 0.3s ease; }
                      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover:after {
                        color: var(--theme-deafult);
                        transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:after {
                      position: absolute;
                      content: "";
                      left: -12px;
                      top: 50%;
                      width: 5px;
                      height: 1px;
                      background-color: #59667a; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a:after {
            left: 0;
            right: 0;
            opacity: 1; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu {
            position: unset; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper.overlay-white {
      background-color: rgba(255, 255, 255, 0.08); }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav i {
      font-size: 24px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
    margin-top: 110px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main-title {
    display: none !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.scorlled .sidebar-wrapper {
    display: none;
    transition: all 0.3s ease; }
  .page-wrapper.horizontal-wrapper .page-header {
    width: 100%;
    box-shadow: none; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .form-control-plaintext {
      width: auto !important; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1324px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
      @media (max-width: 1323px) and (min-width: 1200px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 1199px) and (min-width: 992px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
    @media (max-width: 1428px) and (min-width: 1324px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 55%; } }
    @media (max-width: 1323px) and (min-width: 1200px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 40%; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.horizontal-wrapper.enterprice-type footer {
    margin-left: 0; }
  .page-wrapper.material-icon .card {
    border-radius: 30px;
    box-shadow: 0 0 20px rgba(0, 102, 102, 0.1); }
  .page-wrapper .sidebar-main-title h6 {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 0.40px; }
  .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 11px;
    right: -9px;
    color: #fff;
    z-index: 9999; }
    [dir="rtl"] .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
      left: -9px;
      right: unset; }
  .page-wrapper.compact-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer; }
  .page-wrapper.compact-wrapper .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-wrapper .pin-title {
    order: -1; }
  .page-wrapper.compact-wrapper .page-header {
    margin-left: 265px;
    width: calc(100% - $sidebar-compact-width); }
    .page-wrapper.compact-wrapper .page-header.close_icon {
      margin-left: 90px;
      width: calc(100% - 90px); }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
      position: absolute;
      content: "";
      bottom: 0%;
      height: 1px;
      z-index: 8;
      width: calc(100% - 40px);
      background: #E6E9EB; }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9;
    height: 100%;
    line-height: inherit;
    background: var(--theme-deafult);
    width: 265px;
    text-align: left;
    transition: 0.3s;
    box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      fill: #fff; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      padding: 22px 30px;
      box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
      border-top-right-radius: 15px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
      width: auto;
      transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .badge {
        opacity: 0;
        width: 0;
        padding: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        max-width: 86px;
        margin: 0;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          text-align: center;
          padding: 12px 14px;
          transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main-title {
        display: none !important;
        opacity: 0;
        transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper {
        display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
        text-align: right;
        display: block; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
        width: 265px;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .badge {
          opacity: 1;
          width: auto;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          max-width: unset;
          margin: initial;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
            text-align: left; }
            [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
              text-align: right; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            padding: 12px 15px;
            transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a span {
              display: inline-block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main-title {
          opacity: 1;
          display: block !important;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
          display: block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-icon-wrapper {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .mobile-sidebar {
        transform: translate(183px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
        margin-left: 90px;
        transition: 0.5s; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer-fix {
        width: calc(100% - 90px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 118px); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          padding: 15px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::before {
            right: 20px;
            left: unset; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a span {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .according-menu {
        display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
      visibility: hidden;
      position: absolute;
      top: -8px;
      right: 17px;
      border-radius: 15px;
      padding: 4px 6px;
      color: #fff;
      font-size: 11px;
      background-color: #006666;
      border: 1px solid rgba(255, 255, 255, 0.6); }
      [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
        left: 17px;
        right: unset; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list:hover i.fa-thumb-tack {
      visibility: visible;
      cursor: pointer; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pined, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 115px);
      left: -300px;
      z-index: 99;
      transition: color 1s ease;
      overflow: auto;
      color: rgba(0, 0, 0, 0);
      margin-top: 20px;
      margin-bottom: 30px; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        font-weight: 500; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
          width: 18px;
          height: 18px;
          margin-right: 10px;
          vertical-align: -2px;
          float: none;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          letter-spacing: 0.7px;
          text-transform: capitalize;
          color: rgba(255, 255, 255, 0.8); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.link-nav .according-menu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li:last-child {
        border-bottom: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links.opennav {
        left: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn {
        display: block;
        width: 100%;
        padding: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn .mobile-back {
          padding: 20px;
          color: #242934;
          font-weight: 700;
          text-transform: uppercase;
          border-bottom: 1px solid #efefef;
          cursor: pointer;
          display: flex;
          justify-content: flex-end;
          align-items: center; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        display: block;
        width: 100%;
        position: relative; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
          padding: 25px 0 6px 20px;
          margin-top: 0px;
          margin-bottom: 12px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: block; }
          [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
            padding: 25px 20px 6px 0; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
            position: absolute;
            content: '';
            top: 0;
            left: 50%;
            background: rgba(255, 255, 255, 0.2);
            width: calc(100% - 40px);
            height: 1px;
            transform: translateX(-50%); }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2) {
            margin-top: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2)::before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list {
          padding: 0px 18px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list .badge {
            position: absolute;
            right: 50px;
            top: 14.5px;
            padding: 0.45em 0.8em 0.33em;
            z-index: 1;
            font-size: 10px;
            letter-spacing: 0.7px;
            font-weight: 600;
            font-family: "Montserrat", sans-serif;
            border-radius: 10px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list:hover > a:hover {
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg {
          fill: #fff;
          stroke: #fff;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg.fill-icon {
            fill: #fff;
            stroke: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover span {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover .according-menu i {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          padding: 11px 13px;
          position: relative;
          color: #222222; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow {
            right: 20px;
            position: absolute;
            top: 10px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow i {
              display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow:before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
          display: none !important; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
          width: 100%;
          padding: 0;
          position: relative !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
            padding-left: 50px !important;
            font-weight: 400; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu .submenu-title .according-menu {
            top: 7px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover > a {
            color: #fff;
            transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
            display: none;
            position: relative !important;
            right: 0;
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu.opensubchild {
              display: block; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a {
              padding: 6px 45px;
              padding-left: 63px !important; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a:after {
                display: none; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
            padding: 7px 25px;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.7);
            display: block;
            position: relative;
            letter-spacing: 0.06em;
            font-weight: 500;
            transition: all 0.3s ease;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a .content-menu {
              padding: 0px 15px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
              color: #fff; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active::before {
                opacity: 1;
                background: #fff;
                visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
              left: 20px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
              margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
          padding: 0;
          position: relative; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section:hover h5 {
              color: #fff !important;
              transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title {
              position: relative; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                margin-bottom: 0;
                line-height: 1.9;
                padding: 6px 25px 6px 65px;
                font-size: 14px;
                position: relative;
                color: rgba(255, 255, 255, 0.8);
                display: block;
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                cursor: pointer; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
                  left: 20px; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5 {
                color: #fff; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5::before {
                  opacity: 1;
                  visibility: visible; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
                top: 8px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
              margin-bottom: 0;
              line-height: 1.9;
              padding: 6px 15px 6px 65px;
              font-size: 14px;
              position: relative;
              color: rgba(255, 255, 255, 0.8);
              display: block;
              letter-spacing: 0.06em;
              font-weight: 500;
              font-family: "Montserrat", sans-serif; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a:after {
                display: none; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a.active {
                color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
              line-height: 1.9; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
                margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container {
          display: block !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container::before {
            height: calc(100% - 9px);
            transition: height 0.5s; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
            position: relative;
            margin-bottom: 10px;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active::after {
              opacity: 1;
              visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active ~ .sidebar-submenu::before {
              height: calc(100% - 8px);
              transition: height 0.5s; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active .according-menu i {
              color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
              color: #fff;
              transition: all 0.3s ease; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-content {
      display: flex;
      flex-direction: column; }
  .page-wrapper.compact-wrapper .page-body-wrapper .mega-box.col {
    flex-basis: unset; }
  .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
    position: absolute;
    right: 20px;
    top: 11px;
    display: block; }
    .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
      vertical-align: middle;
      color: rgba(255, 255, 255, 0.8);
      font-weight: 500; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu.border-section {
    border: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav {
    position: absolute;
    z-index: 2;
    right: 145px;
    top: 6px; }
    .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
      font-size: 18px;
      padding-left: 5px;
      text-transform: uppercase; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 80px);
    margin-top: 56px;
    margin-left: 265px; }
  .page-wrapper.compact-wrapper.dark-sidebar .sidebar-main-title h6, .page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title h6 {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .toggle-sidebar svg, .page-wrapper.compact-wrapper.color-sidebar .toggle-sidebar svg {
    stroke: var(--theme-deafult); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
    stroke: #fff !important; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
    fill: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
    stroke: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
    fill: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
    background: rgba(255, 255, 255, 0.1); }
  .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #22242B; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon {
      stroke: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon {
      fill: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
      color: #fff;
      stroke: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-light, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-light {
      display: none; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-dark, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-dark {
      display: block; }
  .page-wrapper.compact-wrapper.dark-sidebar .according-menu i, .page-wrapper.compact-wrapper.color-sidebar .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #2f3c4e; }
  .page-wrapper.compact-sidebar .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content {
    display: flex;
    flex-direction: column; }
  .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 54px;
    color: #fff;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
      left: 54px;
      right: unset; }
  .page-wrapper.compact-sidebar .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer;
    z-index: 1; }
  .page-wrapper.compact-sidebar .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-sidebar .pin-title {
    order: -1; }
  .page-wrapper.compact-sidebar ~ .bg-overlay1 {
    transition: 0.8s; }
    .page-wrapper.compact-sidebar ~ .bg-overlay1.active {
      z-index: 8;
      height: 100vh;
      width: 100vw;
      background-color: rgba(0, 0, 0, 0.2);
      position: fixed;
      top: 0; }
  .page-wrapper.compact-sidebar .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-sidebar .sidebar-main-title {
    display: none; }
  .page-wrapper.compact-sidebar .logo-wrapper {
    display: none; }
  .page-wrapper.compact-sidebar .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 24px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-sidebar .page-header {
    margin-left: 150px;
    width: calc(100% - 150px); }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1578px) and (min-width: 1274px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 38%; } }
      @media (max-width: 1273px) and (min-width: 1200px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 45%; } }
      @media (max-width: 991px) and (min-width: 768px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 36%; } }
      @media (max-width: 767px) and (min-width: 756px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 28%; } }
      @media (max-width: 1199px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 132px; } }
      @media (max-width: 767px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 83px; } }
    .page-wrapper.compact-sidebar .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
    margin-top: 80px;
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper .footer {
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
      height: auto;
      line-height: inherit;
      background: #F5F5F5;
      width: 150px;
      text-align: left;
      transition: 0.3s;
      box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1); }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      margin: 30px 0;
      height: calc(100vh - 113px);
      overflow: auto; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        color: #2c323f; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          text-transform: capitalize;
          color: #2c323f;
          font-weight: 500;
          letter-spacing: 1px;
          font-size: 14px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active {
          background: rgba(0, 102, 102, 0.1);
          color: #006666;
          border-radius: 20px;
          margin: 0 10px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active span {
            color: #006666; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
            animation: fadeInLeft 300ms ease-in-out; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
        display: block;
        padding: 20px 0;
        border-bottom: 1px solid #f3f3f3; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
        position: fixed;
        top: 0px;
        height: calc(100vh - 0px);
        overflow: auto;
        left: 150px;
        width: 230px;
        background-color: #fff;
        box-shadow: 0 16px 15px 15px rgba(126, 55, 216, 0.03);
        transition: all 0.5s ease-in-out;
        display: none;
        padding-top: 20px;
        z-index: -1; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
          padding: 15px 15px 15px 40px;
          display: block;
          position: relative;
          border-bottom: 1px solid #f1f1f1; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
            display: none; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
            position: absolute;
            right: 20px;
            top: 16px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a.active,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a.active {
            background-color: rgba(0, 102, 102, 0.1);
            color: #006666;
            transition: all 0.3s ease; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li .submenu-content li a.active,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li .submenu-content li a.active {
          background-color: transparent; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
          position: absolute;
          content: "";
          left: 20px;
          top: 48%;
          width: 12px;
          border-top: 2px solid rgba(255, 255, 255, 0.4); }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 0; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
            text-align: left; }
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
              position: relative;
              font-size: 14px;
              font-weight: 400;
              padding: 15px 15px 15px 40px;
              letter-spacing: 1px;
              margin-bottom: 0; }
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
                position: absolute;
                content: "";
                left: 20px;
                top: 48%;
                width: 6px;
                border-top: 2px solid #595c60; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list {
        position: relative; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
          position: absolute;
          left: 53%;
          top: 7px;
          font-weight: 500;
          font-size: 9px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
          text-align: center; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
            margin: 0 auto 6px;
            width: 24px;
            height: 24px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
            display: block;
            font-weight: 500;
            letter-spacing: 1px;
            font-size: 14px;
            word-break: break-word; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link .according-menu {
            display: none; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
        text-align: center;
        padding: 0; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
          width: 24px;
          height: 24px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
          position: absolute;
          right: 20px;
          top: 13px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
      transform: translateX(-150px); }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
        margin-left: 0px; }
  .page-wrapper.compact-small .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 22px;
    color: #006666;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
      left: 22px;
      right: unset; }
  .page-wrapper.compact-small .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible; }
  .page-wrapper.compact-small .sidebar-list.pined, .page-wrapper.compact-small .sidebar-list.pin-title {
    order: -1; }
  .page-wrapper.compact-small .sidebar-main-title,
  .page-wrapper.compact-small .logo-wrapper {
    display: none; }
  .page-wrapper.compact-small .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 27px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-small .page-header {
    margin-left: 90px;
    width: calc(100% - 90px); }
    .page-wrapper.compact-small .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-small .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-small .page-body-wrapper .page-body {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper .footer {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div {
    width: 90px; }
  @media (max-width: 420px) {
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 105px); } }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    display: block;
    padding: 15px 0; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 90px; }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
      padding: 10px 15px 10px 40px; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
        display: none; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
        top: 11px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
    margin: 0 auto;
    width: 20px;
    height: 20px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
    margin: 0 auto; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu a > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translateX(-150px); }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
      margin-left: 0px; }
  .page-wrapper.only-body {
    background-color: #f2f0fa; }
    .page-wrapper.only-body .page-body-wrapper {
      background-color: #f2f0fa; }
    .page-wrapper.only-body .page-header {
      position: relative; }
      .page-wrapper.only-body .page-header .header-logo-wrapper {
        display: none; }
      .page-wrapper.only-body .page-header .header-wrapper {
        padding: 0 !important; }
        .page-wrapper.only-body .page-header .header-wrapper .left-header {
          display: none; }
        .page-wrapper.only-body .page-header .header-wrapper .nav-right {
          position: absolute;
          right: 60px;
          top: 58px; }
        .page-wrapper.only-body .page-header .header-wrapper .search-full {
          top: 37px;
          width: calc(100% - 50px);
          left: 25px; }
          [dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .search-full {
            left: unset;
            right: 25px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
            background-color: #fff;
            border-radius: 15px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu {
            top: 78px;
            width: calc(100% - 30px);
            margin: 0 auto;
            right: 0; }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-top: 20px;
      padding-bottom: 20px; }
    .page-wrapper.only-body .sidebar-wrapper,
    .page-wrapper.only-body footer {
      display: none; }
    .page-wrapper.only-body .page-body-wrapper .page-body {
      margin-top: 0px;
      min-height: calc(100vh - 0px); }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-left: 30px;
      padding-right: 30px;
      margin: 30px 0;
      border-radius: 15px; }
      @media (max-width: 991.98px) {
        .page-wrapper.only-body .page-body-wrapper .page-title {
          padding-left: 20px;
          padding-right: 20px;
          margin: 20px 0; } }
      .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6 {
        flex: 0 0 100%;
        max-width: 100%; }
      .page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb {
        margin-top: 5px;
        justify-content: flex-start; }
  .page-wrapper.modern-type .progress-chart-wrap {
    margin-left: -22px; }
    [dir="rtl"] .page-wrapper.modern-type .progress-chart-wrap {
      margin-left: unset;
      margin-right: -22px; }
  .page-wrapper.modern-type .ecommerce-widget {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .file-sidebar .pricing-plan {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .alert-primary {
    color: #006666; }
  .page-wrapper.modern-type .project-box {
    background-color: #00d6d6; }
  .page-wrapper.modern-type .nav-tabs .nav-link.active {
    background-color: transparent; }
  .page-wrapper.modern-type .simplebar-mask {
    top: 10px; }
  .page-wrapper.modern-type .page-header {
    margin-left: 0px;
    width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header.close_icon {
      margin-left: 0px;
      width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1200px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 818px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 36%; } }
    @media (max-width: 1669px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 50%; } }
    @media (max-width: 1428px) and (min-width: 1200px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 40%; } }
    .page-wrapper.modern-type .page-header .header-wrapper .header-logo-wrapper {
      display: flex;
      align-items: center; }
    .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
      display: block;
      margin-right: 30px; }
    .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
      display: block;
      position: relative;
      top: unset;
      right: unset;
      margin-right: 15px; }
  .page-wrapper.modern-type .page-body-wrapper .page-title {
    background-color: transparent;
    padding-bottom: 0; }
  .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
    margin: 30px !important;
    top: 80px;
    bottom: 0;
    border-radius: 15px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 160px); }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      margin-left: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
      margin-left: 0px;
      margin-right: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
      display: none; }
  .page-wrapper.modern-type .page-body-wrapper .page-body {
    margin-left: 296px; }
    .page-wrapper.modern-type .page-body-wrapper .page-body .container-fluid {
      max-width: 1500px; }
  .page-wrapper.modern-type .page-body-wrapper .footer {
    margin-left: 360px;
    margin-right: 70px;
    border-radius: 10px; }
    @media (max-width: 991px) {
      .page-wrapper.modern-type .page-body-wrapper .footer {
        margin-right: 0;
        margin-left: 0; } }
  .page-wrapper.material-type {
    position: relative; }
    .page-wrapper.material-type::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 300px;
      background-image: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-type .card {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
    .page-wrapper.material-type .page-header {
      position: relative;
      max-width: 1560px;
      margin: 50px auto 0;
      border-radius: 15px 15px 0 0; }
      .page-wrapper.material-type .page-header .header-wrapper .left-header {
        width: 31%; }
        @media (max-width: 1600px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 33%; } }
        @media (max-width: 1366px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 38%; } }
        @media (max-width: 1199px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 30%; } }
      @media (max-width: 1600px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 40%; } }
      @media (max-width: 1199px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 45%; } }
    .page-wrapper.material-type .page-body-wrapper {
      background-blend-mode: overlay;
      background-color: rgba(255, 255, 255, 0.5); }
      .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        position: relative;
        max-width: 1560px;
        margin: 0 auto;
        top: unset;
        height: 56px; }
      .page-wrapper.material-type .page-body-wrapper .page-body {
        margin: 0 auto;
        max-width: 1560px;
        background-color: #F5F5F5;
        box-shadow: 0 0 20px 7px rgba(8, 21, 66, 0.05);
        border-radius: 0 0 15px 15px; }
    .page-wrapper.material-type .footer {
      margin-top: 40px; }
    .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .left-header {
      width: 38%; }
    @media (max-width: 991px) {
      .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.advance-layout {
    background-blend-mode: overlay;
    background-color: #F5F5F5; }
    .page-wrapper.advance-layout .card {
      border-radius: 5px;
      box-shadow: none;
      border: 1px solid #ecf3fa; }
    .page-wrapper.advance-layout .page-header {
      position: relative;
      background-color: #fff;
      margin: 0 auto; }
    .page-wrapper.advance-layout .page-body-wrapper {
      background: transparent; }
      .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
        position: relative !important;
        top: unset !important;
        height: unset;
        box-shadow: none;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef; }
        .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper > div {
          overflow-x: hidden; }
      .page-wrapper.advance-layout .page-body-wrapper .page-body {
        margin-top: 0 !important; }

@keyframes pagebody {
  from {
    opacity: 0;
    transform: scale3d(0.98, 0.98, 0.98) translate(-20px, -50px); }
  50% {
    opacity: 1; } }

.md-sidebar {
  position: relative; }
  .md-sidebar .md-sidebar-toggle {
    display: none;
    width: fit-content;
    text-transform: capitalize;
    margin-bottom: 20px; }

#sidebar-menu .sidebar-links .simplebar-mask {
  border-bottom-right-radius: 18px; }

@media screen and (max-width: 1480px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -18%;
    width: 91%; } }

@media screen and (max-width: 1460px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -54%;
    width: 75%; }
  .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-right: 8px; } }

@media screen and (max-width: 1366px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -49%;
    width: 70%; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) {
    padding: 8px; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) svg {
      height: 22px;
      width: 22px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.onhover-dropdown.notification-down:nth-child(5)::before {
    left: 47px;
    height: 42px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li .profile-media img {
    width: 32px;
    height: 32px; }
  .profile-dropdown.onhover-show-div {
    right: 0;
    left: unset !important; }
    .profile-dropdown.onhover-show-div:before, .profile-dropdown.onhover-show-div:after {
      right: 10px !important;
      left: unset !important; } }

@media screen and (max-width: 1199px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 6px; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown .notification-down::before {
      content: "";
      position: absolute;
      left: 33px;
      height: 30px; }
  .mobile-title.d-none {
    display: flex !important;
    justify-content: space-between;
    padding: 20px 30px 17px;
    border-bottom: 1px solid #ddd;
    margin: 0 -15px; }
    .mobile-title.d-none h5 {
      color: var(--theme-deafult); }
    .mobile-title.d-none svg {
      stroke: var(--theme-deafult) !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -35%;
    width: 56%; } }

@media screen and (min-width: 992px) {
  .page-header .header-wrapper .nav-right .notification-dropdown {
    top: 46px; }
  .responsive-btn {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-mask {
    top: 0; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
    width: 200px;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    transition: all 0.5s ease; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a .sub-arrow {
      position: absolute;
      right: 20px;
      top: 5px;
      color: #59667a;
      font-weight: 100;
      transition: all 0.5s ease;
      font-size: 15px;
      top: 5px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
      display: none;
      border-radius: 4px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover .nav-sub-childmenu {
      display: block;
      position: absolute;
      left: 200px;
      background-color: #fff;
      top: -10px;
      padding: 15px 0px 15px 0px;
      box-shadow: 0 0 1px 0 #898989; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover .sub-arrow {
      right: 16px;
      transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.hoverd .sidebar-submenu {
    opacity: 1;
    visibility: visible;
    margin-top: 8px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .mega-menu-container {
    opacity: 1;
    visibility: visible;
    margin-top: 20px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .mobile-back {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .page-wrapper.material-icon {
    position: relative; }
    .page-wrapper.material-icon::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 200px;
      background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-icon .toggle-sidebar {
      color: rgba(255, 255, 255, 0.8); }
      .page-wrapper.material-icon .toggle-sidebar:hover > svg {
        color: #fff !important;
        stroke: #fff !important; }
    .page-wrapper.material-icon .page-header {
      position: relative;
      background: transparent;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto;
      width: calc(100% - 0px);
      box-shadow: none; }
      .page-wrapper.material-icon .page-header .f-light {
        color: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
        stroke: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li {
        color: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .notification-box svg,
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .cart-box svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > a > svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > svg {
          stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
        color: rgba(255, 255, 255, 0.7); }
      .page-wrapper.material-icon .page-header.close_icon {
        padding-left: 0;
        margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-body {
      margin-top: 0 !important;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto; }
    .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      padding-left: 15px;
      margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-title {
      color: #fff;
      background-color: transparent;
      border-bottom: none;
      box-shadow: none; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
        color: rgba(255, 255, 255, 0.6); }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        color: rgba(255, 255, 255, 0.8); } }

@media only screen and (min-width: 992px) {
  .page-wrapper.material-icon::before {
    height: 240px; } }

@media screen and (max-width: 767px) {
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(2) {
    background-color: #fff;
    padding: 8px;
    border-radius: 40px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav {
    background-color: unset; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav ul li {
      border-radius: 0px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:last-child {
    padding: 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
    height: 27px;
    width: 27px;
    cursor: pointer; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-dropdown .cart-dropdown ul li:nth-child(2) {
    border-radius: 0px !important;
    padding: 16px 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .tab-content .notification-card ul li {
    padding: 15px 0px !important;
    border-radius: 0px !important; }
  .sidebar-wrapper .menu .brand-logo img {
    width: 120px; } }

@media screen and (max-width: 576px) {
  .toggle-nav i {
    font-size: 20px; } }

/**=====================
  5.7 Sidebar CSS Ends
==========================**/
.left-header .d-flex {
  align-items: center; }

.left-header .welcome-content span {
  color: var(--chart-text-color); }

.left-header h6 {
  line-height: 1.6; }
  @media (max-width: 1199px) {
    .left-header h6 {
      width: 160px;
      overflow: hidden;
      -webkit-line-clamp: 1;
      text-overflow: ellipsis;
      white-space: nowrap; } }
  @media (max-width: 991px) {
    .left-header h6 {
      width: 120px; } }
  @media (max-width: 767px) {
    .left-header h6 {
      width: 66px; } }
@media (max-width: 892px) {
  .left-header {
    display: none; } }

.left-header img {
  margin-top: -12px;
  height: 26px; }

.left-header i {
  font-weight: 600;
  font-size: 12px;
  margin-bottom: -4px; }

.nav-right .nav-menus li .input-icon svg {
  position: absolute;
  top: 11px;
  left: 15px; }
  [dir="rtl"] .nav-right .nav-menus li .input-icon svg {
    right: 15px;
    left: unset; }

.nav-right .nav-menus li .input-icon::before {
  content: "";
  top: 8px;
  left: 44px;
  height: 25px;
  width: 1px;
  background-color: #E6E9EB;
  position: absolute; }
  [dir="rtl"] .nav-right .nav-menus li .input-icon::before {
    right: 44px;
    left: unset; }

.nav-right .nav-menus li .input-icon input {
  background-color: #fff; }

.nav-right .nav-menus li .input-show {
  position: relative; }
  .nav-right .nav-menus li .input-show input {
    position: absolute;
    z-index: 11;
    top: 25px;
    left: 0px;
    background-color: #fff;
    padding: 12px; }
  .nav-right .nav-menus li .input-show #searchInput.show input {
    display: block; }
  .nav-right .nav-menus li .input-show #searchInput input {
    display: none; }

/*======= Page Header css ends  ======= */
/**======Main Header css Start ======**/
.offcanvas .page-wrapper .page-body-wrapper .page-body,
.offcanvas-bookmark .page-wrapper .page-body-wrapper .page-body {
  position: relative;
  filter: blur(5px) grayscale(100%); }

.offcanvas {
  position: unset;
  visibility: visible;
  background: unset;
  z-index: 2; }

.toggle-sidebar {
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer; }
  .toggle-sidebar svg {
    width: 20px;
    height: 20px;
    stroke: var(--white); }
  .toggle-sidebar:before {
    content: "";
    position: absolute;
    height: 40px;
    width: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 100%;
    left: -10px;
    z-index: -2;
    top: -9px;
    transform: scale(0);
    transition: all 0.3s ease; }
  .toggle-sidebar:hover:before {
    height: 40px;
    width: 40px;
    transform: scale(1);
    transition: all 0.3s ease; }
  .toggle-sidebar:hover > svg {
    color: var(--white) !important;
    stroke: var(--white) !important; }

.onhover-dropdown {
  cursor: pointer;
  position: relative; }
  .onhover-dropdown.notification-down::before {
    content: "";
    top: 0px;
    left: 55px;
    height: 46px;
    width: 1px;
    background-color: #E6E9EB;
    position: absolute; }

.page-wrapper .page-body-wrapper {
  background-color: #F5F5F5; }

.page-wrapper .page-header.close_icon .header-wrapper .header-logo-wrapper .toggle-sidebar svg {
  stroke: #898989 !important; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message a {
  color: #051A1A; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .notification-card a {
  color: #051A1A; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .notification-card a:hover {
    color: #006666; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul {
  gap: 8px;
  justify-content: center;
  padding: 0px !important;
  align-items: center; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification-box a {
      color: #051A1A; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.total h6 {
      text-align: -webkit-auto; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification {
      border-bottom: 1px solid #E6E9EB;
      padding-bottom: 15px;
      padding-top: 15px; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data .product-icon {
        height: 40px;
        width: 40px;
        border-radius: 6px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data .product-icon svg {
          width: 25px;
          height: 25px;
          stroke: none !important; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data span {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;
        text-align: -webkit-auto; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification:last-child {
        border: none; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li {
  padding: 19px 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts {
    display: flex;
    align-items: center; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-image {
      height: 34px;
      width: 34px; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-name {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-name h6 {
        text-align: start; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li:hover a {
    color: #006666; }

.onhover-show-div {
  top: 80px;
  position: absolute;
  z-index: 8;
  background-color: #fff;
  transition: all linear 0.3s; }
  .onhover-show-div li a svg {
    margin-top: 0 !important; }
    .onhover-show-div li a svg path,
    .onhover-show-div li a svg line {
      color: #051A1A !important; }

/**======Main Header css Ends ======**/
/*=======Mega menu css start=======*/
.mega-menu .default-according .card .btn-link {
  font-weight: 500;
  color: gray; }

.mega-menu .default-according .card .card-body {
  font-size: 12px; }

.mega-menu .onhover-show-div {
  width: 1500px; }

.mega-menu .card-body {
  padding: 20px; }

.mega-menu div > div a {
  margin-bottom: 0px;
  display: inline-block;
  color: #FFFFFF; }

.mega-menu .list-unstyled div a {
  padding: 8px 35px 8px 0;
  transition: 0.5s; }
  .mega-menu .list-unstyled div a:hover {
    padding: 8px 35px 8px 10px;
    transition: 0.5s; }

/*=======Mega menu css end=======*/
/**=====================
    5.3 Header CSS Ends
==========================**/
/**=====================
    5.4 Navs CSS Start
==========================**/
#accordionoc #collapseicon,
#accordionoc #collapseicon1 {
  padding-top: 0px; }

#accordionoc li button {
  display: flex;
  align-items: center; }

.navs-icon.default-according.style-1 li button {
  position: relative; }
  .navs-icon.default-according.style-1 li button:hover {
    color: var(--theme-deafult) !important; }

.navs-icon.default-according.style-1 li button[aria-expanded="true"]:before {
  right: 2px;
  top: 6px; }

.navs-icon.default-according.style-1 li button[aria-expanded="false"]:before {
  right: 2px;
  top: 6px; }

.navs-icon {
  padding: 30px; }
  .navs-icon li {
    padding: 9px 0; }
    .navs-icon li a {
      color: #051A1A; }
      .navs-icon li a:hover {
        color: var(--theme-deafult); }
    .navs-icon li ul {
      padding-top: 9px; }

.onhover-dropdown.navs-dropdown:hover .onhover-show-div:before, .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after {
  right: 77px;
  left: unset; }

.icon-lists {
  font-family: inherit; }

/**=====================
    5.4 Navs CSS Ends
==========================**/
/**=====================
   5.5 Search CSS Start
==========================**/
.search-page .theme-form input {
  border: 1px solid var(--theme-deafult);
  padding-left: 20px;
  border-radius: 10px 0 0 10px;
  flex: 1 1 auto; }
  .search-page .theme-form input::placeholder {
    color: #006666; }
  .search-page .theme-form input:focus {
    outline: none; }

.search-page .theme-form .input-group .btn {
  line-height: 32px;
  font-size: 16px; }

.search-page .theme-form .input-group .form-control-plaintext {
  background: transparent; }

.search-page h6 {
  line-height: 1.4; }

.search-page .nav-link {
  font-weight: 500;
  text-transform: uppercase; }

.search-page .border-tab.nav-tabs .material-border {
  border-bottom-width: 1px; }

.search-page .border-tab.nav-tabs .nav-item .nav-link {
  font-size: 15px;
  padding: 10px 18px; }

.search-page .media .media-body {
  overflow: hidden; }

.search-page .info-block {
  padding: 30px;
  border-radius: 15px;
  border: 1px solid #E6E9EB; }
  .search-page .info-block a {
    color: #656565;
    margin-bottom: 3px;
    display: block; }
  .search-page .info-block h6 {
    color: #006666; }
  .search-page .info-block + .info-block {
    margin-top: 20px; }

.search-page .border-tab.nav-tabs {
  align-items: left;
  justify-content: end; }
  .search-page .border-tab.nav-tabs .nav-item {
    width: auto; }

.search-page .search-links h6 {
  margin-bottom: 10px; }

.search-page p {
  text-transform: lowercase;
  margin-bottom: 0;
  color: #a5a2a2; }

.search-page ul.search-info li {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  color: #586082; }
  .search-page ul.search-info li + li {
    border-left: 1px solid #a8b0c2;
    padding-left: 8px;
    margin-left: 8px; }
  .search-page ul.search-info li i {
    color: #FFAE1A; }
    .search-page ul.search-info li i:not(:last-child) {
      margin-right: 4px; }

.search-page #video-links .embed-responsive + .embed-responsive {
  margin-top: 30px; }

.search-list {
  margin-bottom: 30px;
  width: auto;
  display: inline-flex;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #006666;
  border: none; }
  .search-list .nav-item {
    background-color: rgba(0, 102, 102, 0.1); }
    .search-list .nav-item .nav-link {
      border: none;
      padding: 0.7rem 1.5rem;
      opacity: 0.5; }
      .search-list .nav-item .nav-link.active {
        background-color: rgba(0, 102, 102, 0.1);
        color: var(--theme-deafult);
        opacity: 1; }
    .search-list .nav-item.show, .search-list .nav-item.active {
      background-color: rgba(0, 102, 102, 0.1); }

/**=====================
  5.5 Search CSS Ends
==========================**/
/**=====================
    5.6 Select2 CSS Start
==========================**/
/**=====================
    2.35 Typeahead-search CSS Start
==========================**/
.Typeahead {
  width: 100%; }
  .Typeahead * {
    box-sizing: border-box; }
    .Typeahead *:before {
      box-sizing: border-box; }
    .Typeahead *:after {
      box-sizing: border-box; }
  .Typeahead .tt-hint {
    display: none !important; }

.u-cf:before {
  content: " ";
  display: table; }

.u-cf:after {
  content: " ";
  display: table;
  clear: both; }

.u-hidden {
  display: none !important; }

.u-posRelative {
  position: relative; }

.Typeahead-spinner {
  position: absolute;
  top: 14px;
  right: 18px;
  display: none;
  color: #c5c5c5; }

.ProfileCard-avatar svg {
  height: 18px;
  vertical-align: bottom; }
  .ProfileCard-avatar svg path {
    color: #7e7c7c !important; }
  .ProfileCard-avatar svg polygon {
    color: #7e7c7c !important; }

.Typeahead-hint {
  width: 100%;
  padding: 5px 8px;
  font-size: 24px;
  line-height: 30px;
  border: 1px solid #024e6a;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  color: #ccd6dd;
  opacity: 1; }

.Typeahead-menu {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 15px;
  z-index: 100;
  display: none;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.Typeahead-menu.is-open {
  display: block; }

.Typeahead-selectable {
  cursor: pointer; }
  .Typeahead-selectable + .Typeahead-selectable {
    border-top: 1px solid #ccd6dd; }

.ProfileCard {
  position: relative;
  padding: 10px;
  border: 1px solid #E6E9EB !important;
  margin-bottom: 10px;
  border-radius: 10px; }
  .ProfileCard:hover {
    color: #414345;
    background: #f8f8f8; }
    .ProfileCard:hover .ProfileCard-avatar {
      border-color: #f5f8fa; }
    .ProfileCard:hover .ProfileCard-screenName {
      color: #fff; }
    .ProfileCard:hover .ProfileCard-stat-label {
      color: #fff; }

.ProfileCard-avatar {
  position: absolute;
  border-radius: 5px; }

.ProfileCard-details {
  padding-left: 35px;
  float: left; }

.ProfileCard-realName {
  display: inline-block;
  color: #898989; }

.ProfileCard-screenName {
  display: inline-block;
  color: #898989; }

.ProfileCard-description {
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px; }

.ProfileCard-stats {
  float: right;
  text-align: right; }

.ProfileCard-stat {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase; }
  .ProfileCard-stat + .ProfileCard-stat {
    margin-left: 5px; }

.ProfileCard-stat-label {
  color: #898989;
  font-weight: 500; }

.ProfileCard.is-active {
  color: #fff;
  background: var(--theme-deafult); }
  .ProfileCard.is-active .ProfileCard-screenName {
    color: #fff; }
  .ProfileCard.is-active .ProfileCard-stat-label {
    color: #fff; }

.EmptyMessage {
  position: relative;
  padding: 10px;
  font-size: 14px;
  line-height: 30px;
  text-align: center; }

.Typeahead-spinner {
  width: 1rem;
  height: 1rem; }

.sey-container {
  display: none;
  position: absolute;
  box-shadow: 1px 2px 6px;
  background-color: #fff;
  color: #333;
  transition: left 0.1s ease-in-out;
  z-index: 1; }

.sey-list {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.sey-show {
  display: block; }

.sey-hide {
  display: none; }

.sey-empty {
  cursor: default;
  padding: 7px; }

.sey-item {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 7px; }
  .sey-item:hover {
    background-color: #444;
    color: #fff; }

.sey-selected {
  background-color: #333;
  color: #fff; }

.sey-char-highlight {
  font-weight: bold; }

.sey-category-id {
  background-color: #eee;
  color: #aaa;
  text-align: right;
  text-transform: capitalize;
  font-style: italic;
  font-size: 12px;
  box-shadow: 1px 0px 1px;
  padding: 7px; }

/**=====================
  2.35 Typeahead-search CSS Ends
==========================**/
.dropzone {
  background: unset; }
  .dropzone.dropzone-secondary {
    border: 2px dashed #FE6A49; }
    .dropzone.dropzone-secondary i {
      color: #FE6A49; }
  @media (max-width: 360px) {
    .dropzone .note {
      min-width: unset !important; } }
  .dropzone .dz-preview {
    margin: 28px 18px !important;
    box-shadow: unset; }
    .dropzone .dz-preview .dz-details {
      top: unset;
      bottom: -6px;
      position: relative;
      padding-bottom: 6px;
      background-color: unset; }
      [dir="rtl"] .dropzone .dz-preview .dz-details {
        left: unset;
        right: 32px; }
    .dropzone .dz-preview:hover .dz-error-message {
      display: none !important; }
  .dropzone .dz-error-mark .dz-remove {
    position: relative; }

.dz-preview .dz-remove {
  cursor: pointer; }

.dropzone-secondary .dz-preview .dz-remove {
  color: #FE6A49; }

.select2 {
  max-width: 100%; }

.add-post #cke_text-box {
  border: 1px solid #efefef; }

.add-post form .m-checkbox-inline label {
  margin-bottom: 0; }

.add-post form .form-control {
  border: 1px solid #efefef; }

.add-post form .col-form-label {
  padding-bottom: 0;
  padding-top: 0;
  font-weight: 500; }
  .add-post form .col-form-label .select2-container--default {
    margin-top: 10px;
    max-width: 100%; }
    .add-post form .col-form-label .select2-container--default .selection .select2-selection .select2-search__field {
      padding: 2px; }
    .add-post form .col-form-label .select2-container--default .select2-selection--multiple {
      border: 1px solid #efefef;
      max-width: 100%; }
      .add-post form .col-form-label .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
        margin-top: 6px !important; }

.add-post .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--theme-deafult);
  border: 1px solid var(--theme-deafult);
  color: var(--white); }
  .add-post .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    color: var(--white);
    float: right;
    margin-left: 0.5rem; }
    [dir="rtl"] .add-post .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
      float: left;
      margin-left: unset;
      margin-right: 0.5rem; }

.add-post .dropzone {
  margin-bottom: 30px; }

.select2-container--open .select2-dropdown {
  z-index: 7; }

.select2-container {
  width: 100% !important; }
  .select2-container.select2 .selection {
    display: block !important; }

.select2-drpdwn .select2-selection {
  border-radius: 0 !important;
  border-color: #E6E9EB !important;
  height: 40px !important;
  padding: 5px; }

.select2-drpdwn .form-control {
  border-radius: 5px; }

.select2-drpdwn .form-control-primary {
  border-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.select2-drpdwn .form-control-secondary {
  border-color: var(--theme-secondary);
  color: var(--theme-secondary); }

.select2-drpdwn .form-control-success {
  border-color: #00AC46;
  color: #00AC46; }

.select2-drpdwn .form-control-info {
  border-color: #173878;
  color: #173878; }

.select2-drpdwn .form-control-warning {
  border-color: #FFAE1A;
  color: #FFAE1A; }

.select2-drpdwn .form-control-danger {
  border-color: #FE6A49;
  color: #FE6A49; }

.select2-drpdwn .form-control-inverse {
  border-color: #2c323f;
  color: #2c323f; }

.select2-drpdwn .form-control-primary-fill {
  background-color: var(--theme-deafult);
  color: #fff; }

.select2-drpdwn .form-control-secondary-fill {
  background-color: var(--theme-secondary);
  color: #fff; }

.select2-drpdwn .form-control-success-fill {
  background-color: #00AC46;
  color: #fff; }

.select2-drpdwn .form-control-info-fill {
  background-color: #173878;
  color: #fff; }

.select2-drpdwn .form-control-warning-fill {
  background-color: #FFAE1A;
  color: #fff; }

.select2-drpdwn .form-control-danger-fill {
  background-color: #FE6A49;
  color: #fff; }

.select2-drpdwn .form-control-inverse-fill {
  background-color: #2c323f;
  color: #fff; }

.filepond--drop-label .filepond--label-action {
  color: #FE6A49;
  text-decoration: none; }

.filepond--list .filepond--file {
  background-color: #006666; }

/* Do not show the "remove tag" (x) button when only a single tag remains */
.customLook {
  display: inline-block;
  min-width: 0;
  border: none; }
  .customLook .tagify__tag {
    margin-top: 0; }
    .customLook .tagify__tag:only-of-type .tagify__tag__removeBtn {
      display: none; }
    .customLook .tagify__tag:hover .tagify__tag__removeBtn {
      transform: none;
      opacity: 1;
      margin-left: -1ch; }
  .customLook .tagify__tag__removeBtn {
    opacity: 0;
    transform: translateX(-6px) scale(0.5);
    margin-left: -3ch;
    transition: .12s; }
  .customLook + button {
    color: var(--theme-deafult);
    font: bold 1.4em/1.65 Arial;
    border: 0;
    background: none;
    box-shadow: 0 0 0 2px inset var(--theme-deafult);
    border-radius: 50%;
    width: 1.65em;
    height: 1.65em;
    cursor: pointer;
    outline: none;
    transition: .1s ease-out;
    margin: 0 0 0 5px;
    vertical-align: top; }
    .customLook + button:hover {
      box-shadow: 0 0 0 5px inset var(--theme-deafult); }
  .customLook .tagify__input {
    display: none; }

.tagify--empty .tagify__input::before {
  color: var(--chart-text-color); }

.customSuggestionsList > div {
  max-height: 300px;
  min-height: 50px;
  border: 2px solid var(--chart-dashed-border);
  overflow: auto; }

.customSuggestionsList .empty {
  color: var(--theme-deafult);
  font-size: 20px;
  text-align: center;
  padding: 1em; }

.tagify__dropdown.extra-properties .tagify__dropdown__item > img {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  transform: scale(0.75);
  margin-right: 5px;
  border-radius: 2px;
  transition: .12s ease-out; }

.tagify__dropdown.extra-properties .tagify__dropdown__item:hover > img {
  transform: none;
  margin-right: 12px; }

.tagify__dropdown.extra-properties .tagify__dropdown__item--active > img {
  transform: none;
  margin-right: 12px; }

.tagify.countries .tagify__input {
  min-width: 175px; }

.tagify.countries tag {
  white-space: nowrap; }
  .tagify.countries tag img {
    display: inline-block;
    height: 16px;
    margin-right: 3px;
    border-radius: 2px;
    pointer-events: none; }

.tagify--select {
  width: 100%; }

.tagify__dropdown__wrapper {
  background: var(--white);
  border-color: var(--recent-dashed-border); }

.tagify__dropdown__item--active {
  background-color: #E6E9EB;
  color: var(--body-font-color); }

.tagify {
  --tags-focus-border-color: #cccccc; }

.tagify__input {
  color: #2c323f; }

.tagify--select::after {
  color: var(--chart-text-color); }
  [dir="rtl"] .tagify--select::after {
    right: unset;
    left: 0;
    transform: translate(150%, -50%) scaleX(1.2) rotate(90deg); }

[dir="rtl"] .tagify--select .tagify__tag {
  right: unset;
  left: 1.8em; }

[dir="rtl"] .tagify--select[aria-expanded=true]::after {
  transform: translate(150%, -50%) rotate(270deg) scale(1.2); }

.international-num input {
  width: calc(240px + (250 - 240) * ((100vw - 320px) / (1920 - 320)));
  padding: 10px;
  border-radius: 2px;
  border: 1px solid #E6E9EB; }
  .international-num input:focus {
    outline-color: #E6E9EB; }

.international-num input::placeholder {
  color: #E6E9EB; }

.international-num .results ul {
  border: 1px solid #E6E9EB;
  margin-top: 12px;
  padding: 8px;
  line-height: 1.9; }

.iti--allow-dropdown .iti__flag {
  background-image: url(/../images/forms/flags.png); }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 10px;
  right: 10px; }

.select-box {
  position: relative;
  display: flex;
  width: 400px;
  flex-direction: column; }
  .select-box .options-container {
    background: var(--recent-box-bg);
    color: var(--body-font-color);
    max-height: 0;
    width: 100%;
    opacity: 0;
    transition: all 0.4s;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    order: 1; }
    .select-box .options-container::-webkit-scrollbar {
      width: 8px;
      background: var(--view-grid-bg);
      border-radius: 0 8px 8px 0; }
    .select-box .options-container::-webkit-scrollbar-thumb {
      background: var(--view-grid-bg);
      border-radius: 0 8px 8px 0; }
  .select-box .options-container.active {
    max-height: 240px;
    opacity: 1;
    overflow-y: scroll;
    margin-top: 53px; }
    @media (min-width: 1007px) and (max-width: 1920px) {
      .select-box .options-container.active {
        max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } }
    @media (min-width: 768px) and (max-width: 1006px) {
      .select-box .options-container.active {
        max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } }
    @media (max-width: 767px) {
      .select-box .options-container.active {
        max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
        margin-top: 46px; } }
    .select-box .options-container.active + .selected-box::after {
      transform: rotateX(180deg);
      top: -6px; }
    .select-box .options-container.active ~ .search-box input {
      opacity: 1;
      pointer-events: auto; }
  .select-box .selection-option {
    padding: 12px 24px;
    cursor: pointer; }
    .select-box .selection-option:hover {
      background: #E6E9EB; }
    .select-box .selection-option .radio {
      display: none; }
  .select-box label {
    cursor: pointer; }

.selected-box {
  background: var(--light2);
  color: #333;
  position: relative;
  order: 0;
  padding: 12px 24px;
  cursor: pointer; }
  @media (min-width: 1007px) and (max-width: 1920px) {
    .selected-box {
      max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } }
  @media (min-width: 768px) and (max-width: 1006px) {
    .selected-box {
      max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } }
  @media (max-width: 767px) {
    .selected-box {
      max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320))); } }
  .selected-box::after {
    content: "\f078";
    font-family: "FontAwesome";
    position: absolute;
    height: 100%;
    width: 32px;
    right: 10px;
    top: 12px;
    transition: all 0.4s; }
    [dir="rtl"] .selected-box::after {
      left: 10px;
      right: unset; }

.search-box input {
  width: 100%;
  padding: 12px 16px;
  font-size: 16px;
  position: absolute;
  z-index: 1;
  border: 2px solid var(--chart-dashed-border);
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s;
  border-radius: 6px; }
  @media (min-width: 1007px) and (max-width: 1920px) {
    .search-box input {
      max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } }
  @media (min-width: 768px) and (max-width: 1006px) {
    .search-box input {
      max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } }
  @media (max-width: 767px) {
    .search-box input {
      max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
      padding: 9px 16px; } }
  .search-box input:focus {
    outline: none; }

/**=====================
    5.6 Select2 CSS Ends
==========================**/
/**=====================
  5.7 Sidebar CSS Start
==========================**/
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
  position: absolute;
  content: "";
  top: 12%;
  width: 13px;
  height: 15px;
  border-bottom-left-radius: 8px;
  border-left: 2px solid rgba(255, 255, 255, 0.4);
  border-bottom: 2px solid rgba(255, 255, 255, 0.4); }

.media.media-wrapper {
  width: 100%;
  display: -webkit-flex; }

.media .media-body {
  flex: unset; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  left: 32px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5); }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li [dir="rtl"] a::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title [dir="rtl"] h5::before {
    left: unset;
    right: 25px; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before {
  position: absolute;
  content: '';
  width: 2px;
  height: 0;
  background: rgba(255, 255, 255, 0.4);
  top: -10px;
  left: 20px;
  transition: height 0.5s; }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .mega-menu-container::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .sidebar-submenu::before {
    left: unset;
    right: 20px; }

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 49%;
  width: 5px;
  height: 1px;
  border-radius: 100%;
  background-color: #59667a; }

.onhover-show-div {
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  left: 0; }

.onhover-dropdown:hover .onhover-show-div {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
  border-radius: 5px;
  overflow: hidden; }
  .onhover-dropdown:hover .onhover-show-div:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 2; }
  .onhover-dropdown:hover .onhover-show-div:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d7e2e9;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 1; }

.page-wrapper {
  position: relative; }
  .page-wrapper .page-header {
    max-width: 100vw;
    position: fixed;
    top: 0;
    z-index: 8;
    transition: 0.5s; }
    .page-wrapper .page-header .header-wrapper {
      width: 100%;
      align-items: center;
      padding: 13px 30px;
      position: relative;
      background-color: #F5F5F5; }
      @media (max-width: 1399px) {
        .page-wrapper .page-header .header-wrapper {
          padding: 14px 20px; } }
      .page-wrapper .page-header .header-wrapper .search-full {
        background-color: #fff;
        position: absolute;
        right: 0;
        z-index: 1;
        height: 0;
        width: 0;
        transform: scale(0);
        transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full.open {
          height: 100%;
          width: 100%;
          animation: zoomIn 0.5s ease-in-out;
          transform: scale(1);
          transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full input {
          line-height: 65px;
          padding-left: 60px;
          width: 100% !important; }
          .page-wrapper .page-header .header-wrapper .search-full input:focus {
            outline: none !important; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
          position: absolute;
          font-size: 15px;
          right: 30px;
          top: 30px;
          color: #898989;
          cursor: pointer; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
            left: 30px;
            right: unset; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
          position: absolute;
          left: 30px;
          top: 27px;
          content: "\f002";
          font-size: 16px;
          color: #898989;
          font-family: FontAwesome; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
            left: unset;
            right: 30px; }
      .page-wrapper .page-header .header-wrapper .nav-right {
        justify-content: flex-end; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li svg {
          vertical-align: middle;
          stroke: var(--body-font-color);
          height: 24px;
          width: 24px; }
          .page-wrapper .page-header .header-wrapper .nav-right ul li svg path {
            color: #242934; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
          height: 24px;
          width: 24px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li .search-form svg {
          width: 20px;
          height: 20px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode {
          cursor: pointer;
          text-align: center; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i {
            font-size: 18px;
            font-weight: 600;
            transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i.fa-lightbulb-o {
              font-weight: 500;
              font-size: 22px;
              transition: all 0.3s ease;
              animation: zoomIn 300ms ease-in-out; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .header-search {
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
          margin-left: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body span {
            font-weight: 500;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box !important;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            white-space: normal; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
            font-size: 12px;
            line-height: 1;
            color: rgba(5, 26, 26, 0.7); }
        .page-wrapper .page-header .header-wrapper .nav-right > ul {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          gap: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
            padding: 6px 10px;
            display: inline-block;
            position: relative; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li:nth-child(n+3):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right > ul > li.profile-nav:nth-child(n+3)) {
              background-color: #fff;
              padding: 12px;
              border-radius: 40px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .badge {
              position: absolute;
              right: 0px;
              top: -3px;
              padding: 2px 4px;
              font-size: 11px;
              font-weight: 700;
              font-family: work-Sans, sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .mode svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .input-show svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul {
              left: inherit;
              right: -10px;
              width: 130px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:before, .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:after {
                left: inherit;
                right: 10px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li {
                display: block; }
                .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a {
                  font-size: 14px;
                  color: #2c323f; }
                  .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a i {
                    margin-left: 10px;
                    font-size: 13px;
                    color: #2c323f; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul .flag-icon {
            font-size: 16px; }
        .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip {
          width: unset !important;
          box-shadow: unset !important;
          background-color: transparent !important;
          overflow: initial; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::after, .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::before {
            display: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content {
            text-align: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
              width: 52px;
              height: 52px;
              background-color: #f9f9f9;
              border-radius: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              margin: 0 auto; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content span {
              font-family: "Montserrat", sans-serif;
              font-size: 12px;
              font-weight: 500;
              letter-spacing: 0.5px; }
        .page-wrapper .page-header .header-wrapper .nav-right .flip-card {
          width: 300px;
          height: 260px;
          background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner {
            position: relative;
            height: 100%;
            text-align: center;
            transition: transform 0.6s;
            transform-style: preserve-3d; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front,
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              position: absolute;
              backface-visibility: hidden;
              border-radius: 10px;
              overflow: hidden;
              box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
              width: 300px;
              height: 260px; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button,
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                background-color: transparent;
                color: #006666;
                border: none; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button:focus,
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button:focus {
                  outline: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
              background-color: #fff;
              transition: .3s; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
                stroke: var(--body-font-color);
                transition: all 0.3s ease; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg:hover {
                  stroke: var(--body-font-color);
                  transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              background-color: #fff;
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:first-child {
                margin-top: 20px;
                height: 140px !important; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                width: 100%; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
                border-radius: 25px;
                padding: 6px 12px;
                width: 100%;
                border: 1px solid #ddd; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input:focus {
                  outline: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped {
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped .front {
                opacity: 0; }
        .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
          width: 330px;
          top: 50px;
          right: 0;
          left: unset; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .dropdown-title {
            padding: 20px;
            text-align: center;
            border-bottom: 1px solid rgba(145, 142, 153, 0.3); }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div ul {
            padding: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li {
            padding: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li p {
              font-size: 14px;
              letter-spacing: 0.3px;
              margin-bottom: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li a {
              letter-spacing: 0.3px;
              font-family: "Montserrat", sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li + li {
              margin-top: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li:last-child {
              padding-bottom: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media {
              position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media img {
                width: 40px;
                position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .status-circle {
                left: 0; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body > span {
                letter-spacing: 0.8px;
                padding-right: 10px;
                display: inline-block; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body p {
                margin-bottom: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:before, .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:after {
            right: 10px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown.notification-all ul li {
          border-radius: 0px;
          border-bottom: 1px solid rgba(145, 142, 153, 0.1); }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown ul {
          padding: 0 0 15px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li {
          padding: 10px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media {
            align-items: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
              margin-right: 20px; }
              [dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
                margin-right: unset;
                margin-left: 20px; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li + li {
            margin-top: 0;
            border-top: 1px solid rgba(145, 142, 153, 0.1); }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li:last-child {
            padding: 20px 15px;
            border-top: none; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown p {
          line-height: 1.3;
          margin-top: 3px;
          opacity: 0.6; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
          position: absolute;
          right: 0;
          top: 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle a {
            width: 18px;
            height: 18px;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle svg {
            width: 14px;
            stroke: #fff; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box {
          margin: 5px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group {
            width: 80px;
            background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input {
              background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input,
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              font-size: 10px;
              font-family: "Montserrat", sans-serif;
              font-weight: 700; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              padding: 0px 7px;
              background-color: #F7F6FF !important;
              border-color: #F7F6FF !important;
              border-radius: 100%;
              font-size: 14px;
              color: #051A1A; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
          margin: 0;
          padding: 15px;
          background-color: #f9f9f9;
          border: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 {
            font-family: "Montserrat", sans-serif;
            font-weight: 500;
            font-size: 12px;
            line-height: 14px;
            letter-spacing: 0.5px; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 span {
              font-size: 14px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .view-checkout {
          text-decoration: unset; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box svg {
          animation: swing 1.5s ease infinite; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
          left: unset; }
          @media (max-width: 575.98px) {
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
              width: calc(100vw - 30px); } }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li:last-child {
            text-align: center;
            background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p span {
              font-size: 11px;
              vertical-align: middle; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:after {
            right: 28px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
          width: 160px;
          top: 57px;
          left: -12px;
          padding: 0 10px; }
          .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li {
            padding: 10px !important;
            border-bottom: 1px solid #E6E9EB; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              border: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
              text-decoration: unset; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a span {
              color: var(--theme-deafult);
              transition: color 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg {
              stroke: var(--theme-deafult);
              transition: stroke 0.3s ease; }
              .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg path {
                stroke: var(--theme-deafult);
                transition: stroke 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li + li {
              margin-top: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              padding-top: 10px !important; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
              color: #2c323f; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li svg {
              width: 16px;
              vertical-align: bottom;
              margin-right: 10px;
              stroke: #2c323f; }
  .page-wrapper .page-body-wrapper {
    background-color: #F5F5F5; }
    .page-wrapper .page-body-wrapper .page-body {
      min-height: calc(100vh - 136px);
      margin-top: 136px;
      padding: 25px 15px;
      position: relative;
      transition: 0.5s; }
      .page-wrapper .page-body-wrapper .page-body:before {
        animation: fadeIn 0.5s ease-in-out; }
    .page-wrapper .page-body-wrapper .page-title {
      padding: 20px 30px;
      margin: 0px -27px 0px; }
      .page-wrapper .page-body-wrapper .page-title > .row {
        margin: 0; }
        .page-wrapper .page-body-wrapper .page-title > .row .col-6 {
          padding: 0; }
      .page-wrapper .page-body-wrapper .page-title .row {
        align-items: center; }
        .page-wrapper .page-body-wrapper .page-title .row h3 {
          font-size: 24px;
          margin-bottom: 0;
          text-transform: capitalize; }
          .page-wrapper .page-body-wrapper .page-title .row h3 small {
            display: block;
            font-size: 12px;
            margin-bottom: 5px;
            text-transform: capitalize;
            color: #FFFFFF; }
      .page-wrapper .page-body-wrapper .page-title .breadcrumb {
        background-color: transparent;
        padding: 0;
        margin-bottom: 0;
        align-items: center;
        justify-content: flex-end; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
          font-size: 13px;
          letter-spacing: 1px;
          font-family: "Montserrat", sans-serif; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
          content: "/"; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
          width: 16px;
          height: 16px;
          stroke: #2c323f;
          vertical-align: text-top; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
          color: var(--theme-deafult);
          font-weight: 500; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
      stroke: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
      fill: #051A1A;
      stroke: none !important; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg {
      transition: all 0.3s ease; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
        stroke: #fff; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
        fill: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content li a {
      text-transform: capitalize; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .stroke-icon {
    display: inline-block; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .fill-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .stroke-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .fill-icon {
    display: inline-block; }
  .page-wrapper.horizontal-wrapper [data-simplebar] {
    position: relative; }
  .page-wrapper.horizontal-wrapper .footer {
    margin-left: 0; }
  .page-wrapper.horizontal-wrapper .header-logo-wrapper {
    width: 150px; }
    .page-wrapper.horizontal-wrapper .header-logo-wrapper .toggle-sidebar {
      display: none; }
  .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 19px;
    right: 0px;
    color: #fff; }
    [dir="rtl"] .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
      left: 0;
      right: unset; }
  .page-wrapper.horizontal-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: hidden;
    cursor: pointer; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    height: 54px;
    line-height: inherit;
    top: 79px;
    background: #fff;
    box-shadow: 0px 9px 24px rgba(89, 102, 122, 0.05);
    overflow-x: hidden;
    z-index: 1;
    overflow-y: visible;
    position: fixed;
    width: 100vw;
    border-top: 1px solid #efefef;
    z-index: 3; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .simplebar-content {
      display: flex; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper li {
      display: inline-block; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .badge {
      position: absolute;
      top: 2px;
      right: 0px;
      z-index: 1; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper,
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
      text-align: left;
      position: relative; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        position: absolute;
        top: 0px;
        padding: 15px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        cursor: pointer; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow.disabled,
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow.disabled {
          display: none; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow {
        left: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        right: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: normal;
        direction: ltr;
        text-align: left;
        display: -webkit-box !important;
        padding: 0 5px;
        transition: all .5s ease;
        white-space: nowrap; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a.active .according-menu i:before {
          content: '-'; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a .according-menu {
          display: none; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active {
          color: #fff; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active:after {
            background-color: rgba(255, 255, 255, 0.6); }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          position: relative;
          padding-top: 10px;
          padding-bottom: 10px; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a > span {
            color: var(--theme-deafult);
            transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a {
            background-color: #fff;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.stroke-icon {
              stroke: #fff;
              transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.fill-icon {
              fill: #fff;
              transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
            display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            display: block;
            color: #051A1A;
            line-height: 23px;
            text-decoration: none;
            text-transform: capitalize;
            padding: 5px 15px;
            margin: 0 3px;
            letter-spacing: 0.04em;
            position: relative;
            border-radius: 5px;
            font-weight: 500;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active {
              transition: all 0.3s ease; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active svg,
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active span {
                color: #fff;
                transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a .badge {
              position: absolute;
              top: -5px;
              margin-left: 1px;
              right: 10px;
              padding: 0.20em 0.7em; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg {
              width: 18px;
              height: 18px;
              vertical-align: middle;
              margin-right: 10px;
              stroke: #051A1A !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
            position: fixed;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 15px 0px 15px 0px;
            background: white; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li {
              border: 0;
              float: none;
              position: relative;
              display: block; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
                background: transparent;
                padding: 4px 30px;
                display: block;
                transition: all 0.5s ease;
                line-height: 1.9;
                color: rgba(43, 43, 43, 0.6);
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                transition: all 0.3s ease; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
                  left: 20px; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
                  color: #006666;
                  letter-spacing: 1.5px;
                  transition: all 0.3s ease; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover:after {
                    background-color: var(--theme-deafult); }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
            position: fixed;
            right: 0;
            left: 0;
            margin: 0 auto;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 30px;
            background: white;
            width: 95%;
            border-radius: 4px;
            display: block !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
              width: 20%; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                text-transform: uppercase;
                font-size: 14px;
                margin-left: -13px; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content {
                box-shadow: none;
                background-color: transparent;
                position: relative;
                display: block;
                padding: 0; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li {
                  border: 0;
                  float: none;
                  position: relative;
                  display: block; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
                    border: 0 !important;
                    background: transparent;
                    color: #051A1A;
                    border-radius: 0 !important;
                    text-transform: capitalize;
                    padding: 3px 0;
                    font-size: 13px;
                    display: block;
                    letter-spacing: 0.07em;
                    line-height: 1.9;
                    position: relative;
                    transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover {
                      color: var(--theme-deafult);
                      letter-spacing: 1.5px;
                      transition: all 0.3s ease; }
                      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover:after {
                        color: var(--theme-deafult);
                        transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:after {
                      position: absolute;
                      content: "";
                      left: -12px;
                      top: 50%;
                      width: 5px;
                      height: 1px;
                      background-color: #59667a; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a:after {
            left: 0;
            right: 0;
            opacity: 1; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu {
            position: unset; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper.overlay-white {
      background-color: rgba(255, 255, 255, 0.08); }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav i {
      font-size: 24px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
    margin-top: 110px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main-title {
    display: none !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.scorlled .sidebar-wrapper {
    display: none;
    transition: all 0.3s ease; }
  .page-wrapper.horizontal-wrapper .page-header {
    width: 100%;
    box-shadow: none; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .form-control-plaintext {
      width: auto !important; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1324px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
      @media (max-width: 1323px) and (min-width: 1200px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 1199px) and (min-width: 992px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
    @media (max-width: 1428px) and (min-width: 1324px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 55%; } }
    @media (max-width: 1323px) and (min-width: 1200px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 40%; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.horizontal-wrapper.enterprice-type footer {
    margin-left: 0; }
  .page-wrapper.material-icon .card {
    border-radius: 30px;
    box-shadow: 0 0 20px rgba(0, 102, 102, 0.1); }
  .page-wrapper .sidebar-main-title h6 {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 0.40px; }
  .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 11px;
    right: -9px;
    color: #fff;
    z-index: 9999; }
    [dir="rtl"] .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
      left: -9px;
      right: unset; }
  .page-wrapper.compact-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer; }
  .page-wrapper.compact-wrapper .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-wrapper .pin-title {
    order: -1; }
  .page-wrapper.compact-wrapper .page-header {
    margin-left: 265px;
    width: calc(100% - $sidebar-compact-width); }
    .page-wrapper.compact-wrapper .page-header.close_icon {
      margin-left: 90px;
      width: calc(100% - 90px); }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
      position: absolute;
      content: "";
      bottom: 0%;
      height: 1px;
      z-index: 8;
      width: calc(100% - 40px);
      background: #E6E9EB; }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9;
    height: 100%;
    line-height: inherit;
    background: var(--theme-deafult);
    width: 265px;
    text-align: left;
    transition: 0.3s;
    box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      fill: #fff; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      padding: 22px 30px;
      box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
      border-top-right-radius: 15px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
      width: auto;
      transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .badge {
        opacity: 0;
        width: 0;
        padding: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        max-width: 86px;
        margin: 0;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          text-align: center;
          padding: 12px 14px;
          transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main-title {
        display: none !important;
        opacity: 0;
        transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper {
        display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
        text-align: right;
        display: block; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
        width: 265px;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .badge {
          opacity: 1;
          width: auto;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          max-width: unset;
          margin: initial;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
            text-align: left; }
            [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
              text-align: right; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            padding: 12px 15px;
            transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a span {
              display: inline-block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main-title {
          opacity: 1;
          display: block !important;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
          display: block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-icon-wrapper {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .mobile-sidebar {
        transform: translate(183px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
        margin-left: 90px;
        transition: 0.5s; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer-fix {
        width: calc(100% - 90px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 118px); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          padding: 15px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::before {
            right: 20px;
            left: unset; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a span {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .according-menu {
        display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
      visibility: hidden;
      position: absolute;
      top: -8px;
      right: 17px;
      border-radius: 15px;
      padding: 4px 6px;
      color: #fff;
      font-size: 11px;
      background-color: #006666;
      border: 1px solid rgba(255, 255, 255, 0.6); }
      [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
        left: 17px;
        right: unset; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list:hover i.fa-thumb-tack {
      visibility: visible;
      cursor: pointer; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pined, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 115px);
      left: -300px;
      z-index: 99;
      transition: color 1s ease;
      overflow: auto;
      color: rgba(0, 0, 0, 0);
      margin-top: 20px;
      margin-bottom: 30px; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        font-weight: 500; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
          width: 18px;
          height: 18px;
          margin-right: 10px;
          vertical-align: -2px;
          float: none;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          letter-spacing: 0.7px;
          text-transform: capitalize;
          color: rgba(255, 255, 255, 0.8); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.link-nav .according-menu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li:last-child {
        border-bottom: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links.opennav {
        left: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn {
        display: block;
        width: 100%;
        padding: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn .mobile-back {
          padding: 20px;
          color: #242934;
          font-weight: 700;
          text-transform: uppercase;
          border-bottom: 1px solid #efefef;
          cursor: pointer;
          display: flex;
          justify-content: flex-end;
          align-items: center; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        display: block;
        width: 100%;
        position: relative; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
          padding: 25px 0 6px 20px;
          margin-top: 0px;
          margin-bottom: 12px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: block; }
          [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
            padding: 25px 20px 6px 0; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
            position: absolute;
            content: '';
            top: 0;
            left: 50%;
            background: rgba(255, 255, 255, 0.2);
            width: calc(100% - 40px);
            height: 1px;
            transform: translateX(-50%); }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2) {
            margin-top: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2)::before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list {
          padding: 0px 18px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list .badge {
            position: absolute;
            right: 50px;
            top: 14.5px;
            padding: 0.45em 0.8em 0.33em;
            z-index: 1;
            font-size: 10px;
            letter-spacing: 0.7px;
            font-weight: 600;
            font-family: "Montserrat", sans-serif;
            border-radius: 10px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list:hover > a:hover {
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg {
          fill: #fff;
          stroke: #fff;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg.fill-icon {
            fill: #fff;
            stroke: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover span {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover .according-menu i {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          padding: 11px 13px;
          position: relative;
          color: #222222; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow {
            right: 20px;
            position: absolute;
            top: 10px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow i {
              display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow:before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
          display: none !important; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
          width: 100%;
          padding: 0;
          position: relative !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
            padding-left: 50px !important;
            font-weight: 400; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu .submenu-title .according-menu {
            top: 7px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover > a {
            color: #fff;
            transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
            display: none;
            position: relative !important;
            right: 0;
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu.opensubchild {
              display: block; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a {
              padding: 6px 45px;
              padding-left: 63px !important; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a:after {
                display: none; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
            padding: 7px 25px;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.7);
            display: block;
            position: relative;
            letter-spacing: 0.06em;
            font-weight: 500;
            transition: all 0.3s ease;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a .content-menu {
              padding: 0px 15px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
              color: #fff; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active::before {
                opacity: 1;
                background: #fff;
                visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
              left: 20px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
              margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
          padding: 0;
          position: relative; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section:hover h5 {
              color: #fff !important;
              transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title {
              position: relative; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                margin-bottom: 0;
                line-height: 1.9;
                padding: 6px 25px 6px 65px;
                font-size: 14px;
                position: relative;
                color: rgba(255, 255, 255, 0.8);
                display: block;
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                cursor: pointer; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
                  left: 20px; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5 {
                color: #fff; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5::before {
                  opacity: 1;
                  visibility: visible; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
                top: 8px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
              margin-bottom: 0;
              line-height: 1.9;
              padding: 6px 15px 6px 65px;
              font-size: 14px;
              position: relative;
              color: rgba(255, 255, 255, 0.8);
              display: block;
              letter-spacing: 0.06em;
              font-weight: 500;
              font-family: "Montserrat", sans-serif; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a:after {
                display: none; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a.active {
                color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
              line-height: 1.9; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
                margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container {
          display: block !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container::before {
            height: calc(100% - 9px);
            transition: height 0.5s; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
            position: relative;
            margin-bottom: 10px;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active::after {
              opacity: 1;
              visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active ~ .sidebar-submenu::before {
              height: calc(100% - 8px);
              transition: height 0.5s; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active .according-menu i {
              color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
              color: #fff;
              transition: all 0.3s ease; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-content {
      display: flex;
      flex-direction: column; }
  .page-wrapper.compact-wrapper .page-body-wrapper .mega-box.col {
    flex-basis: unset; }
  .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
    position: absolute;
    right: 20px;
    top: 11px;
    display: block; }
    .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
      vertical-align: middle;
      color: rgba(255, 255, 255, 0.8);
      font-weight: 500; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu.border-section {
    border: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav {
    position: absolute;
    z-index: 2;
    right: 145px;
    top: 6px; }
    .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
      font-size: 18px;
      padding-left: 5px;
      text-transform: uppercase; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 80px);
    margin-top: 56px;
    margin-left: 265px; }
  .page-wrapper.compact-wrapper.dark-sidebar .sidebar-main-title h6, .page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title h6 {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .toggle-sidebar svg, .page-wrapper.compact-wrapper.color-sidebar .toggle-sidebar svg {
    stroke: var(--theme-deafult); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
    stroke: #fff !important; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
    fill: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
    stroke: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
    fill: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
    background: rgba(255, 255, 255, 0.1); }
  .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #22242B; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon {
      stroke: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon {
      fill: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
      color: #fff;
      stroke: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-light, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-light {
      display: none; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-dark, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-dark {
      display: block; }
  .page-wrapper.compact-wrapper.dark-sidebar .according-menu i, .page-wrapper.compact-wrapper.color-sidebar .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #2f3c4e; }
  .page-wrapper.compact-sidebar .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content {
    display: flex;
    flex-direction: column; }
  .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 54px;
    color: #fff;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
      left: 54px;
      right: unset; }
  .page-wrapper.compact-sidebar .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer;
    z-index: 1; }
  .page-wrapper.compact-sidebar .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-sidebar .pin-title {
    order: -1; }
  .page-wrapper.compact-sidebar ~ .bg-overlay1 {
    transition: 0.8s; }
    .page-wrapper.compact-sidebar ~ .bg-overlay1.active {
      z-index: 8;
      height: 100vh;
      width: 100vw;
      background-color: rgba(0, 0, 0, 0.2);
      position: fixed;
      top: 0; }
  .page-wrapper.compact-sidebar .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-sidebar .sidebar-main-title {
    display: none; }
  .page-wrapper.compact-sidebar .logo-wrapper {
    display: none; }
  .page-wrapper.compact-sidebar .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 24px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-sidebar .page-header {
    margin-left: 150px;
    width: calc(100% - 150px); }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1578px) and (min-width: 1274px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 38%; } }
      @media (max-width: 1273px) and (min-width: 1200px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 45%; } }
      @media (max-width: 991px) and (min-width: 768px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 36%; } }
      @media (max-width: 767px) and (min-width: 756px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 28%; } }
      @media (max-width: 1199px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 132px; } }
      @media (max-width: 767px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 83px; } }
    .page-wrapper.compact-sidebar .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
    margin-top: 80px;
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper .footer {
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
      height: auto;
      line-height: inherit;
      background: #F5F5F5;
      width: 150px;
      text-align: left;
      transition: 0.3s;
      box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1); }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      margin: 30px 0;
      height: calc(100vh - 113px);
      overflow: auto; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        color: #2c323f; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          text-transform: capitalize;
          color: #2c323f;
          font-weight: 500;
          letter-spacing: 1px;
          font-size: 14px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active {
          background: rgba(0, 102, 102, 0.1);
          color: #006666;
          border-radius: 20px;
          margin: 0 10px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active span {
            color: #006666; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
            animation: fadeInLeft 300ms ease-in-out; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
        display: block;
        padding: 20px 0;
        border-bottom: 1px solid #f3f3f3; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
        position: fixed;
        top: 0px;
        height: calc(100vh - 0px);
        overflow: auto;
        left: 150px;
        width: 230px;
        background-color: #fff;
        box-shadow: 0 16px 15px 15px rgba(126, 55, 216, 0.03);
        transition: all 0.5s ease-in-out;
        display: none;
        padding-top: 20px;
        z-index: -1; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
          padding: 15px 15px 15px 40px;
          display: block;
          position: relative;
          border-bottom: 1px solid #f1f1f1; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
            display: none; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
            position: absolute;
            right: 20px;
            top: 16px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a.active,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a.active {
            background-color: rgba(0, 102, 102, 0.1);
            color: #006666;
            transition: all 0.3s ease; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li .submenu-content li a.active,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li .submenu-content li a.active {
          background-color: transparent; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
          position: absolute;
          content: "";
          left: 20px;
          top: 48%;
          width: 12px;
          border-top: 2px solid rgba(255, 255, 255, 0.4); }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 0; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
            text-align: left; }
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
              position: relative;
              font-size: 14px;
              font-weight: 400;
              padding: 15px 15px 15px 40px;
              letter-spacing: 1px;
              margin-bottom: 0; }
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
                position: absolute;
                content: "";
                left: 20px;
                top: 48%;
                width: 6px;
                border-top: 2px solid #595c60; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list {
        position: relative; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
          position: absolute;
          left: 53%;
          top: 7px;
          font-weight: 500;
          font-size: 9px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
          text-align: center; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
            margin: 0 auto 6px;
            width: 24px;
            height: 24px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
            display: block;
            font-weight: 500;
            letter-spacing: 1px;
            font-size: 14px;
            word-break: break-word; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link .according-menu {
            display: none; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
        text-align: center;
        padding: 0; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
          width: 24px;
          height: 24px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
          position: absolute;
          right: 20px;
          top: 13px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
      transform: translateX(-150px); }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
        margin-left: 0px; }
  .page-wrapper.compact-small .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 22px;
    color: #006666;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
      left: 22px;
      right: unset; }
  .page-wrapper.compact-small .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible; }
  .page-wrapper.compact-small .sidebar-list.pined, .page-wrapper.compact-small .sidebar-list.pin-title {
    order: -1; }
  .page-wrapper.compact-small .sidebar-main-title,
  .page-wrapper.compact-small .logo-wrapper {
    display: none; }
  .page-wrapper.compact-small .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 27px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-small .page-header {
    margin-left: 90px;
    width: calc(100% - 90px); }
    .page-wrapper.compact-small .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-small .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-small .page-body-wrapper .page-body {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper .footer {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div {
    width: 90px; }
  @media (max-width: 420px) {
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 105px); } }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    display: block;
    padding: 15px 0; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 90px; }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
      padding: 10px 15px 10px 40px; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
        display: none; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
        top: 11px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
    margin: 0 auto;
    width: 20px;
    height: 20px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
    margin: 0 auto; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu a > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translateX(-150px); }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
      margin-left: 0px; }
  .page-wrapper.only-body {
    background-color: #f2f0fa; }
    .page-wrapper.only-body .page-body-wrapper {
      background-color: #f2f0fa; }
    .page-wrapper.only-body .page-header {
      position: relative; }
      .page-wrapper.only-body .page-header .header-logo-wrapper {
        display: none; }
      .page-wrapper.only-body .page-header .header-wrapper {
        padding: 0 !important; }
        .page-wrapper.only-body .page-header .header-wrapper .left-header {
          display: none; }
        .page-wrapper.only-body .page-header .header-wrapper .nav-right {
          position: absolute;
          right: 60px;
          top: 58px; }
        .page-wrapper.only-body .page-header .header-wrapper .search-full {
          top: 37px;
          width: calc(100% - 50px);
          left: 25px; }
          [dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .search-full {
            left: unset;
            right: 25px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
            background-color: #fff;
            border-radius: 15px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu {
            top: 78px;
            width: calc(100% - 30px);
            margin: 0 auto;
            right: 0; }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-top: 20px;
      padding-bottom: 20px; }
    .page-wrapper.only-body .sidebar-wrapper,
    .page-wrapper.only-body footer {
      display: none; }
    .page-wrapper.only-body .page-body-wrapper .page-body {
      margin-top: 0px;
      min-height: calc(100vh - 0px); }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-left: 30px;
      padding-right: 30px;
      margin: 30px 0;
      border-radius: 15px; }
      @media (max-width: 991.98px) {
        .page-wrapper.only-body .page-body-wrapper .page-title {
          padding-left: 20px;
          padding-right: 20px;
          margin: 20px 0; } }
      .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6 {
        flex: 0 0 100%;
        max-width: 100%; }
      .page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb {
        margin-top: 5px;
        justify-content: flex-start; }
  .page-wrapper.modern-type .progress-chart-wrap {
    margin-left: -22px; }
    [dir="rtl"] .page-wrapper.modern-type .progress-chart-wrap {
      margin-left: unset;
      margin-right: -22px; }
  .page-wrapper.modern-type .ecommerce-widget {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .file-sidebar .pricing-plan {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .alert-primary {
    color: #006666; }
  .page-wrapper.modern-type .project-box {
    background-color: #00d6d6; }
  .page-wrapper.modern-type .nav-tabs .nav-link.active {
    background-color: transparent; }
  .page-wrapper.modern-type .simplebar-mask {
    top: 10px; }
  .page-wrapper.modern-type .page-header {
    margin-left: 0px;
    width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header.close_icon {
      margin-left: 0px;
      width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1200px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 818px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 36%; } }
    @media (max-width: 1669px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 50%; } }
    @media (max-width: 1428px) and (min-width: 1200px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 40%; } }
    .page-wrapper.modern-type .page-header .header-wrapper .header-logo-wrapper {
      display: flex;
      align-items: center; }
    .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
      display: block;
      margin-right: 30px; }
    .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
      display: block;
      position: relative;
      top: unset;
      right: unset;
      margin-right: 15px; }
  .page-wrapper.modern-type .page-body-wrapper .page-title {
    background-color: transparent;
    padding-bottom: 0; }
  .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
    margin: 30px !important;
    top: 80px;
    bottom: 0;
    border-radius: 15px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 160px); }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      margin-left: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
      margin-left: 0px;
      margin-right: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
      display: none; }
  .page-wrapper.modern-type .page-body-wrapper .page-body {
    margin-left: 296px; }
    .page-wrapper.modern-type .page-body-wrapper .page-body .container-fluid {
      max-width: 1500px; }
  .page-wrapper.modern-type .page-body-wrapper .footer {
    margin-left: 360px;
    margin-right: 70px;
    border-radius: 10px; }
    @media (max-width: 991px) {
      .page-wrapper.modern-type .page-body-wrapper .footer {
        margin-right: 0;
        margin-left: 0; } }
  .page-wrapper.material-type {
    position: relative; }
    .page-wrapper.material-type::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 300px;
      background-image: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-type .card {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
    .page-wrapper.material-type .page-header {
      position: relative;
      max-width: 1560px;
      margin: 50px auto 0;
      border-radius: 15px 15px 0 0; }
      .page-wrapper.material-type .page-header .header-wrapper .left-header {
        width: 31%; }
        @media (max-width: 1600px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 33%; } }
        @media (max-width: 1366px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 38%; } }
        @media (max-width: 1199px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 30%; } }
      @media (max-width: 1600px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 40%; } }
      @media (max-width: 1199px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 45%; } }
    .page-wrapper.material-type .page-body-wrapper {
      background-blend-mode: overlay;
      background-color: rgba(255, 255, 255, 0.5); }
      .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        position: relative;
        max-width: 1560px;
        margin: 0 auto;
        top: unset;
        height: 56px; }
      .page-wrapper.material-type .page-body-wrapper .page-body {
        margin: 0 auto;
        max-width: 1560px;
        background-color: #F5F5F5;
        box-shadow: 0 0 20px 7px rgba(8, 21, 66, 0.05);
        border-radius: 0 0 15px 15px; }
    .page-wrapper.material-type .footer {
      margin-top: 40px; }
    .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .left-header {
      width: 38%; }
    @media (max-width: 991px) {
      .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.advance-layout {
    background-blend-mode: overlay;
    background-color: #F5F5F5; }
    .page-wrapper.advance-layout .card {
      border-radius: 5px;
      box-shadow: none;
      border: 1px solid #ecf3fa; }
    .page-wrapper.advance-layout .page-header {
      position: relative;
      background-color: #fff;
      margin: 0 auto; }
    .page-wrapper.advance-layout .page-body-wrapper {
      background: transparent; }
      .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
        position: relative !important;
        top: unset !important;
        height: unset;
        box-shadow: none;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef; }
        .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper > div {
          overflow-x: hidden; }
      .page-wrapper.advance-layout .page-body-wrapper .page-body {
        margin-top: 0 !important; }

@keyframes pagebody {
  from {
    opacity: 0;
    transform: scale3d(0.98, 0.98, 0.98) translate(-20px, -50px); }
  50% {
    opacity: 1; } }

.md-sidebar {
  position: relative; }
  .md-sidebar .md-sidebar-toggle {
    display: none;
    width: fit-content;
    text-transform: capitalize;
    margin-bottom: 20px; }

#sidebar-menu .sidebar-links .simplebar-mask {
  border-bottom-right-radius: 18px; }

@media screen and (max-width: 1480px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -18%;
    width: 91%; } }

@media screen and (max-width: 1460px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -54%;
    width: 75%; }
  .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-right: 8px; } }

@media screen and (max-width: 1366px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -49%;
    width: 70%; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) {
    padding: 8px; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) svg {
      height: 22px;
      width: 22px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.onhover-dropdown.notification-down:nth-child(5)::before {
    left: 47px;
    height: 42px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li .profile-media img {
    width: 32px;
    height: 32px; }
  .profile-dropdown.onhover-show-div {
    right: 0;
    left: unset !important; }
    .profile-dropdown.onhover-show-div:before, .profile-dropdown.onhover-show-div:after {
      right: 10px !important;
      left: unset !important; } }

@media screen and (max-width: 1199px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 6px; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown .notification-down::before {
      content: "";
      position: absolute;
      left: 33px;
      height: 30px; }
  .mobile-title.d-none {
    display: flex !important;
    justify-content: space-between;
    padding: 20px 30px 17px;
    border-bottom: 1px solid #ddd;
    margin: 0 -15px; }
    .mobile-title.d-none h5 {
      color: var(--theme-deafult); }
    .mobile-title.d-none svg {
      stroke: var(--theme-deafult) !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -35%;
    width: 56%; } }

@media screen and (min-width: 992px) {
  .page-header .header-wrapper .nav-right .notification-dropdown {
    top: 46px; }
  .responsive-btn {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-mask {
    top: 0; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
    width: 200px;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    transition: all 0.5s ease; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a .sub-arrow {
      position: absolute;
      right: 20px;
      top: 5px;
      color: #59667a;
      font-weight: 100;
      transition: all 0.5s ease;
      font-size: 15px;
      top: 5px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
      display: none;
      border-radius: 4px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover .nav-sub-childmenu {
      display: block;
      position: absolute;
      left: 200px;
      background-color: #fff;
      top: -10px;
      padding: 15px 0px 15px 0px;
      box-shadow: 0 0 1px 0 #898989; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover .sub-arrow {
      right: 16px;
      transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.hoverd .sidebar-submenu {
    opacity: 1;
    visibility: visible;
    margin-top: 8px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .mega-menu-container {
    opacity: 1;
    visibility: visible;
    margin-top: 20px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .mobile-back {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .page-wrapper.material-icon {
    position: relative; }
    .page-wrapper.material-icon::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 200px;
      background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-icon .toggle-sidebar {
      color: rgba(255, 255, 255, 0.8); }
      .page-wrapper.material-icon .toggle-sidebar:hover > svg {
        color: #fff !important;
        stroke: #fff !important; }
    .page-wrapper.material-icon .page-header {
      position: relative;
      background: transparent;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto;
      width: calc(100% - 0px);
      box-shadow: none; }
      .page-wrapper.material-icon .page-header .f-light {
        color: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
        stroke: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li {
        color: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .notification-box svg,
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .cart-box svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > a > svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > svg {
          stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
        color: rgba(255, 255, 255, 0.7); }
      .page-wrapper.material-icon .page-header.close_icon {
        padding-left: 0;
        margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-body {
      margin-top: 0 !important;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto; }
    .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      padding-left: 15px;
      margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-title {
      color: #fff;
      background-color: transparent;
      border-bottom: none;
      box-shadow: none; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
        color: rgba(255, 255, 255, 0.6); }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        color: rgba(255, 255, 255, 0.8); } }

@media only screen and (min-width: 992px) {
  .page-wrapper.material-icon::before {
    height: 240px; } }

@media screen and (max-width: 767px) {
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(2) {
    background-color: #fff;
    padding: 8px;
    border-radius: 40px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav {
    background-color: unset; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav ul li {
      border-radius: 0px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:last-child {
    padding: 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
    height: 27px;
    width: 27px;
    cursor: pointer; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-dropdown .cart-dropdown ul li:nth-child(2) {
    border-radius: 0px !important;
    padding: 16px 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .tab-content .notification-card ul li {
    padding: 15px 0px !important;
    border-radius: 0px !important; }
  .sidebar-wrapper .menu .brand-logo img {
    width: 120px; } }

@media screen and (max-width: 576px) {
  .toggle-nav i {
    font-size: 20px; } }

/**=====================
  5.7 Sidebar CSS Ends
==========================**/
/**=====================
    5.8 Rtl CSS Start
==========================**/
html[dir="rtl"] ul {
  padding-right: 0; }

html[dir="rtl"] .ms-auto {
  margin-left: unset !important;
  margin-right: auto !important; }

html[dir="rtl"] .revenuegrowth .revenuegrowth-chart::before {
  right: unset;
  left: 0px; }

html[dir="rtl"] .img-boostup .img-boostup-img-1 {
  left: unset;
  right: -63px;
  transform: scaleX(-1); }

html[dir="rtl"] .img-boostup .img-boostup-img-2 {
  transform: scaleX(-1);
  left: unset;
  right: -61px; }

html[dir="rtl"] .table-order .order-table thead tr th:first-child, html[dir="rtl"] .project-table .order-table thead tr th:first-child {
  border-top-left-radius: unset !important;
  border-bottom-left-radius: unset !important;
  border-top-right-radius: 5px  !important;
  border-bottom-right-radius: 5px !important; }

html[dir="rtl"] .table-order .order-table thead tr th:last-child, html[dir="rtl"] .project-table .order-table thead tr th:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important; }

html[dir="rtl"] .tap-top {
  left: 30px;
  right: unset; }

html[dir="rtl"] .tranaction-table thead tr th:first-child {
  border-top-left-radius: unset !important;
  border-bottom-left-radius: unset !important;
  border-top-right-radius: 5px  !important;
  border-bottom-right-radius: 5px !important; }

html[dir="rtl"] .tranaction-table thead tr th:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important; }

html[dir="rtl"] .user-message ul li .activity-log .status {
  right: 25px !important; }

html[dir="rtl"] .activity-table table tbody tr td .team-activity::before {
  right: 24px;
  left: unset; }

html[dir="rtl"] .activity-table table tbody tr td .activity-data span::before {
  right: -9px;
  left: unset; }

html[dir="rtl"] .activity-table table tbody tr td .activity-data .common-space::before {
  bottom: 0px;
  top: unset;
  right: unset;
  left: 0px; }

html[dir="rtl"] .activity-table table tbody tr td .activity-data .user-activity::before {
  bottom: 0px;
  top: unset;
  right: unset;
  left: 0px; }

html[dir="rtl"] .prooduct-details-box .media .media-body {
  margin-right: 1rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .important-project .projectlist-card .range_4 .slider-container {
  direction: ltr; }
  html[dir="rtl"] .important-project .projectlist-card .range_4 .slider-container .slider_input {
    left: 0; }

html[dir="rtl"] .add-project .categories {
  transform: scaleX(-1);
  left: 0;
  right: unset; }

html[dir="rtl"] .activity-group::before {
  content: "";
  right: 0px;
  left: unset; }

html[dir="rtl"] .projectlist-card .project-comment .project-comment-icon .project-link::before {
  left: 35px;
  right: unset; }

html[dir="rtl"] .figure.text-start blockquote {
  border-left: none !important;
  border-right: 4px solid #006666 !important; }

html[dir="rtl"] .figure.text-end blockquote {
  border-right: none !important;
  border-left: 4px solid #006666 !important; }

html[dir="rtl"] .client-list-table table tbody tr td .user-id::before {
  right: unset;
  left: 11%; }

html[dir="rtl"] .project-table .project-comment .project-comment-icon .project-link::before {
  right: 47px;
  left: unset; }

html[dir="rtl"] .activity-log-card ul::before {
  right: 36px;
  left: unset; }

html[dir="rtl"] .slider-wrapper {
  direction: ltr; }

html[dir="rtl"] .f-right {
  float: left; }

html[dir="rtl"] .papernote-wrap .note-labels ul {
  gap: 9px; }

html[dir="rtl"] .form-check-inline {
  margin-right: unset;
  margin-left: 1rem; }

html[dir="rtl"] .knowledgebase-search .form-inline svg {
  left: unset;
  right: 20px; }

html[dir="rtl"] .switch-showcase .form-check .form-check-input {
  float: left; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:first-child {
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:last-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-left-width: 1px; }

html[dir="rtl"] .pill-input-group span:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 1.3rem !important;
  border-bottom-left-radius: 1.3rem !important; }

html[dir="rtl"] .pill-input-group span:first-child {
  border-top-left-radius: unset !important;
  border-top-right-radius: unset !important;
  border-top-right-radius: 1.3rem !important;
  border-bottom-right-radius: 1.3rem !important; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
  text-align: right;
  border-top-left-radius: 15px;
  border-top-right-radius: unset;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: unset; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .toggle-sidebar {
    right: unset;
    left: 30px; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
    padding: 0; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .badge {
      left: 50px !important;
      right: unset !important; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon {
    margin-right: 0;
    margin-left: unset; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .logo-icon-wrapper {
      text-align: left; }
      html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .logo-icon-wrapper img {
        margin-left: 8px; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .page-body,
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
      margin-left: 0;
      margin-right: 100px;
      transition: 0.5s; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      margin-left: 0; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
      display: none !important; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .according-menu {
      display: none; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      margin-left: 13px; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover {
    transform: translate(0px); }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
      display: block !important; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      float: none; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .according-menu {
      display: block; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu:after {
    right: 30px;
    left: unset;
    border-top-right-radius: 8px;
    border-right: 2px solid; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
    padding-right: 65px !important;
    padding-left: unset !important; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a:before {
      right: 32px; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a:after {
      right: 20px;
      left: unset;
      top: 9%;
      border-bottom-left-radius: unset;
      border-bottom-right-radius: 8px;
      border-left: unset;
      border-right: 2px solid rgba(255, 255, 255, 0.5);
      border-bottom: 2px solid rgba(255, 255, 255, 0.5); }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 265px; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
  right: unset;
  left: 20px; }

html[dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .nav-right {
  right: unset;
  left: 30px; }

html[dir="rtl"] .date-details > div + div {
  margin-left: unset;
  margin-right: 10px; }

html[dir="rtl"] .contact-editform.ps-0 {
  padding-left: 20px !important; }

html[dir="rtl"] .contact-options li .btn-category {
  padding-left: unset !important;
  padding-right: 40px; }

html[dir="rtl"] .list-persons .profile-mail .email-general ul {
  padding-right: unset;
  padding-left: 20px; }
  html[dir="rtl"] .list-persons .profile-mail .email-general ul li > span {
    float: left; }

html[dir="rtl"] .list-persons .profile-mail .media .media-body ul li + li {
  padding-right: unset;
  padding-left: 10px;
  margin-right: unset;
  margin-left: 5px;
  border-right: unset;
  border-left: 1px solid #E6E9EB; }

html[dir="rtl"] .file-content .form-inline i {
  padding-right: unset;
  padding-left: 10px; }

html[dir="rtl"] .file-sidebar .btn svg {
  margin-right: unset;
  margin-left: 8px; }

html[dir="rtl"] .file-sidebar .pricing-plan .bg-img {
  left: -40px;
  right: unset; }

html[dir="rtl"] .form-select {
  border-radius: 0px;
  background-position: left 0.75rem center; }

html[dir="rtl"] .customers ul li + li {
  margin-left: unset;
  margin-right: -10%; }

html[dir="rtl"] .project-list .border-tab.nav-tabs .nav-item .nav-link {
  padding: 5px 0 5px 30px; }

html[dir="rtl"] .project-box .badge {
  right: unset;
  left: 30px; }

html[dir="rtl"] .kanban-board {
  float: right; }

html[dir="rtl"] .kanban-item .kanban-box .customers ul li + li {
  margin-left: unset;
  margin-right: -10px; }

html[dir="rtl"] .kanban-item .list li i {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .page-wrapper.horizontal-wrapper .header-logo-wrapper {
  text-align: right; }

html[dir="rtl"] .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
  margin-right: 0; }

html[dir="rtl"] .page-wrapper.horizontal-wrapper .page-body-wrapper footer {
  margin-right: 0; }

html[dir="rtl"] .page-wrapper.material-type .page-body-wrapper .page-body {
  margin-right: auto; }

html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:first-child {
  margin-right: 0; }

html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
  margin-right: 15px;
  margin-left: unset; }

html[dir="rtl"] .page-header .header-wrapper .toggle-sidebar {
  margin-left: 2px;
  margin-right: unset; }

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
  left: -20px !important;
  right: unset !important; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
      left: 12px !important; } }
html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full input {
  padding-left: unset;
  padding-right: 60px;
  text-align: right; }

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
  left: unset;
  right: 30px; }

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
  right: unset;
  left: 0; }

html[dir="rtl"] .page-wrapper.compact-sidebar .toggle-sidebar {
  margin-left: 15px;
  margin-right: unset; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-header {
  margin-left: unset;
  margin-right: 150px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-header.close_icon {
    margin-right: 0; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 150px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper .footer {
  margin-left: unset;
  margin-right: 150px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
  text-align: right; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
  animation: fadeInRight 1000ms ease-in-out; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  right: 150px;
  left: unset; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
    padding: 15px 40px 15px 15px; }
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
      right: 20px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
    left: unset;
    right: 20px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
    text-align: right; }
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      padding: 15px 40px 15px 15px; }
      html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
      html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
        left: unset;
        right: 20px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
  left: unset;
  right: 53%; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
  text-align: center; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
  text-align: center; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
    right: unset;
    left: 20px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
  transform: translateX(150px); }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
    margin-right: 0px; }

html[dir="rtl"] .page-wrapper.compact-small .page-header {
  margin-right: 90px; }

html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  right: 90px; }

html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper .footer,
html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper .page-body {
  margin-right: 90px; }

html[dir="rtl"] .page-wrapper.material-icon .page-header {
  padding-left: unset;
  padding-right: 90px;
  margin: 0 auto; }
  html[dir="rtl"] .page-wrapper.material-icon .page-header.close_icon {
    padding-right: 0; }

html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper .page-body {
  padding-left: 15px;
  padding-right: 90px;
  margin: 0 auto; }

html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
  padding-right: 15px;
  margin: 0 auto !important; }

html[dir="rtl"] .apexcharts-canvas {
  direction: ltr; }

html[dir="rtl"] .email-wrap .btn-mail {
  text-align: right; }

html[dir="rtl"] .email-wrap .email-app-sidebar ul li a {
  padding-left: unset;
  padding-right: 20px; }

html[dir="rtl"] .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
  text-align: center; }

html[dir="rtl"] .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark {
  text-align: right; }

html[dir="rtl"] .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
  left: 30px;
  right: unset;
  text-align: left; }

html[dir="rtl"] .bookmark-wrap .details-bookmark .row > div + div {
  padding-left: 15px !important; }

html[dir="rtl"] .appointment-table table tr td .status-circle {
  left: unset;
  right: 35px; }

html[dir="rtl"] .notification .card .d-flex .w-100 p .badge {
  margin-left: unset;
  margin-right: 10px; }

html[dir="rtl"] .progress-gradient-primary {
  background-image: linear-gradient(to right, var(--theme-deafult), transparent); }
  html[dir="rtl"] .progress-gradient-primary::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-primary .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-secondary {
  background-image: linear-gradient(to right, #FE6A49, transparent); }
  html[dir="rtl"] .progress-gradient-secondary::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-secondary .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-success {
  background-image: linear-gradient(to right, #00AC46, transparent); }
  html[dir="rtl"] .progress-gradient-success::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-success .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-danger {
  background-image: linear-gradient(to right, #FE6A49, transparent); }
  html[dir="rtl"] .progress-gradient-danger::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-danger .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-info {
  background-image: linear-gradient(to right, #173878, transparent); }
  html[dir="rtl"] .progress-gradient-info::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-info .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-light {
  background-image: linear-gradient(to right, #E6E9EB, transparent); }
  html[dir="rtl"] .progress-gradient-light::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-light .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-dark {
  background-image: linear-gradient(to right, #2c323f, transparent); }
  html[dir="rtl"] .progress-gradient-dark::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-dark .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-warning {
  background-image: linear-gradient(to right, #FFAE1A, transparent); }
  html[dir="rtl"] .progress-gradient-warning::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-warning .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-animate span {
  left: -10px;
  right: unset; }

html[dir="rtl"] .me-4 {
  margin-left: 1.5rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .pe-4 {
  padding-left: 1.5rem !important;
  padding-right: unset !important; }

html[dir="rtl"] .me-1 {
  margin-left: 0.25rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .navs-dropdown .onhover-show-div {
  right: 0; }

html[dir="rtl"] .default-according.style-1 button {
  text-align: right; }
  html[dir="rtl"] .default-according.style-1 button:before {
    left: 20px;
    right: unset; }
    @media (max-width: 575px) {
      html[dir="rtl"] .default-according.style-1 button:before {
        left: 15px; } }
  html[dir="rtl"] .default-according.style-1 button i {
    right: 18px;
    left: unset; }

html[dir="rtl"] .default-according .card .card-header i {
  right: 18px;
  left: unset; }

html[dir="rtl"] .faq-wrap .faq-accordion .card .card-header .btn-link {
  padding-right: 20px !important; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .faq-wrap .faq-accordion .card .card-header .btn-link {
      padding-right: 10px !important; } }
html[dir="rtl"] .ProfileCard-details {
  padding-right: 30px;
  padding-left: unset;
  float: right; }

html[dir="rtl"] .starter-main .card-body ul {
  padding-right: 30px;
  padding-left: unset; }

html[dir="rtl"] .theme-tab .tab-title li a svg {
  margin-left: 5px;
  margin-right: unset; }

html[dir="rtl"] .spent .spent-graph .project-budget {
  margin-left: 30px;
  margin-right: unset; }

html[dir="rtl"] .support-table table tbody tr td:first-child {
  padding-right: 0;
  padding-left: unset; }

html[dir="rtl"] .order-box .sub-total .shipping-class .shopping-checkout-option,
html[dir="rtl"] .order-box .sub-total .shipping-class span,
html[dir="rtl"] .order-box .sub-total li .shopping-checkout-option,
html[dir="rtl"] .order-box .sub-total li span,
html[dir="rtl"] .order-box .total .shipping-class .shopping-checkout-option,
html[dir="rtl"] .order-box .total .shipping-class span,
html[dir="rtl"] .order-box .total li .shopping-checkout-option,
html[dir="rtl"] .order-box .total li span,
html[dir="rtl"] .order-box .qty .shipping-class .shopping-checkout-option,
html[dir="rtl"] .order-box .qty .shipping-class span,
html[dir="rtl"] .order-box .qty li .shopping-checkout-option,
html[dir="rtl"] .order-box .qty li span {
  float: left; }

html[dir="rtl"] .order-box .sub-total li .count,
html[dir="rtl"] .order-box .total li .count,
html[dir="rtl"] .order-box .qty li .count {
  float: left; }

html[dir="rtl"] .img-paypal {
  margin-right: 15px;
  margin-left: unset; }

html[dir="rtl"] .cart .qty-box .input-group .btn {
  border-radius: 0 !important; }

html[dir="rtl"] .product-qnty fieldset .input-group .input-group-prepend .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .grid-options {
  margin-right: 10px;
  margin-left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-1 {
    right: 12px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-2 {
    right: 18px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-3 {
    right: 36px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-4 {
    right: 42px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-5 {
    right: 48px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-6 {
    right: 66px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-7 {
    right: 72px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-8 {
    right: 78px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-9 {
    right: 84px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-10 {
    right: 103px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-11 {
    right: 109px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-12 {
    right: 115px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-13 {
    right: 121px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-14 {
    right: 127px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-15 {
    right: 133px;
    left: unset; }

html[dir="rtl"] .product-filter.new-products .owl-theme .owl-nav {
  left: 0;
  right: unset; }

html[dir="rtl"] .product-filter.new-products .owl-theme .owl-item .item .product-box .product-details.text-start {
  text-align: left !important; }

html[dir="rtl"] .product-sidebar .filter-section .card .card-header h6 .pull-right i {
  left: auto;
  right: unset; }

html[dir="rtl"] .prooduct-details-box .btn {
  right: unset;
  left: 15px; }

html[dir="rtl"] .prooduct-details-box .close {
  right: unset;
  left: 10px; }

html[dir="rtl"] .collection-filter-block svg {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .feature-products form .form-group i {
  left: 30px;
  right: unset; }

html[dir="rtl"] .product-wrapper-grid.list-view .product-box .product-details {
  text-align: right; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .breadcrumb {
  margin-left: unset; }

html[dir="rtl"] .bookmark ul li + li {
  margin-left: unset;
  margin-right: 10px; }

html[dir="rtl"] .bookmark ul li .search-form .form-control-search {
  left: -50px;
  right: unset; }
  html[dir="rtl"] .bookmark ul li .search-form .form-control-search:before {
    right: 50px;
    left: unset; }
  html[dir="rtl"] .bookmark ul li .search-form .form-control-search:after {
    right: 20px;
    left: unset; }

html[dir="rtl"] .me-0 {
  margin-left: 0 !important;
  margin-right: unset !important; }

html[dir="rtl"] .footer .pull-right {
  float: none; }

html[dir="rtl"] .checkbox_animated,
html[dir="rtl"] .radio_animated {
  margin: 0 8px 0 16px; }

html[dir="rtl"] .button.remove {
  left: -10px;
  right: unset; }

html[dir="rtl"] .code-box-copy__btn {
  left: 11px;
  right: unset; }

html[dir="rtl"] ul.nav-menus {
  border-bottom: none; }
  html[dir="rtl"] ul.nav-menus li .input-show input {
    right: 0px;
    left: unset; }

html[dir="rtl"] ul.notification-dropdown.onhover-show-div li {
  text-align: right; }

html[dir="rtl"] .badge + .badge {
  margin-right: 5px;
  margin-left: unset; }

html[dir="rtl"] .offset-xl-3 {
  margin-right: 25%;
  margin-left: unset; }

html[dir="rtl"] .m-l-10 {
  margin-right: 10px !important;
  margin-left: unset !important; }

html[dir="rtl"] .m-r-20 {
  margin-left: 20px;
  margin-right: unset; }

html[dir="rtl"] .m-r-30 {
  margin-left: 30px;
  margin-right: unset; }

html[dir="rtl"] .m-r-5 {
  margin-left: 5px;
  margin-right: unset; }

html[dir="rtl"] .text-start {
  text-align: right !important; }

html[dir="rtl"] .m-r-10 {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .pe-3 {
  padding-left: 1rem !important;
  padding-right: unset !important; }

html[dir="rtl"] .p-r-0 {
  padding-left: 0;
  padding-right: 15px; }

html[dir="rtl"] .m-l-20 {
  margin-right: 20px !important;
  margin-left: unset !important; }

html[dir="rtl"] .ps-3 {
  padding-right: 1rem !important; }

html[dir="rtl"] .b-r-light {
  border-left: 1px solid #E6E9EB !important;
  border-right: unset !important; }

html[dir="rtl"] .float-end {
  float: left !important; }

html[dir="rtl"] .float-start {
  float: right !important; }

html[dir="rtl"] .text-end {
  text-align: left !important; }

html[dir="rtl"] .border-right {
  border-left: 1px solid #dee2e6 !important;
  border-right: unset !important; }

html[dir="rtl"] .pe-0 {
  padding-left: 0 !important;
  padding-right: 12px !important; }

html[dir="rtl"] .ps-0 {
  padding-right: 0 !important;
  padding-left: unset !important; }

html[dir="rtl"] .ms-1 {
  margin-left: unset !important;
  margin-right: 0.25rem !important; }

html[dir="rtl"] .owl-carousel {
  direction: ltr; }

html[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
html[dir="rtl"] .btn-group > :not(:last-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .btn-group > .btn:not(:first-child) {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .btn-group > .btn:nth-child(2) {
  border-radius: 0 !important; }

html[dir="rtl"] .btn-group .btn-group > :not(:first-child) > .btn {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .btn-group .btn + .btn,
html[dir="rtl"] .btn-group .btn + .btn-group {
  margin-right: -1px;
  border-right: none; }

html[dir="rtl"] .btn-group .btn-group + .btn,
html[dir="rtl"] .btn-group .btn-group + .btn-group {
  margin-right: -1px; }

html[dir="rtl"] .btn-group .btn-group-vertical .btn + .btn,
html[dir="rtl"] .btn-group .btn-group-vertical .btn + .btn-group {
  margin-right: -1px; }

html[dir="rtl"] .btn-group .btn-group-vertical .btn-group + .btn,
html[dir="rtl"] .btn-group .btn-group-vertical .btn-group + .btn-group {
  margin-right: -1px; }

html[dir="rtl"] .me-3 {
  margin-right: unset !important;
  margin-left: 1rem !important; }

html[dir="rtl"] .me-5 {
  margin-left: 3rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .ms-3 {
  margin-right: 1rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .m-r-15 {
  margin-left: 15px;
  margin-right: unset; }

html[dir="rtl"] .b-l-light {
  border-right: 1px solid #E6E9EB !important;
  border-left: unset !important; }

html[dir="rtl"] .p-l-0 {
  padding-left: unset;
  padding-right: 0px; }

html[dir="rtl"] .ps-4 {
  padding-right: 1.5rem !important;
  padding-left: unset !important; }

html[dir="rtl"] .me-2 {
  margin-left: 0.5rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .ms-2 {
  margin-right: 0.5rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .pe-2 {
  padding-right: unset !important;
  padding-left: 0.5rem !important; }

html[dir="rtl"] .prooduct-details-box .media-body {
  margin-right: 0 !important; }

html[dir="rtl"] .alert {
  text-align: right; }

html[dir="rtl"] .pull-right {
  float: left; }

html[dir="rtl"] .form-inline .form-group {
  margin-left: 0px;
  margin-right: 0; }

html[dir="rtl"] .card {
  text-align: right; }
  html[dir="rtl"] .card.social-profile {
    text-align: center; }
  html[dir="rtl"] .card .card-header h5:not(.mb-0) {
    float: right; }
  html[dir="rtl"] .card .card-header span {
    clear: both; }
  html[dir="rtl"] .card .card-header .card-header-right {
    left: 35px;
    right: unset; }
    html[dir="rtl"] .card .card-header .card-header-right .card-option {
      text-align: left; }
      html[dir="rtl"] .card .card-header .card-header-right .card-option.list-unstyled {
        padding-right: 0;
        padding-left: unset; }
  html[dir="rtl"] .card .card-header .pull-left {
    float: right; }
  html[dir="rtl"] .card.full-card {
    left: 0;
    right: unset; }
  html[dir="rtl"] .card .card-body .alert svg {
    margin-left: 4px;
    margin-right: unset; }
  html[dir="rtl"] .card .card-body .value-left {
    margin-left: 30px;
    margin-right: unset; }
  html[dir="rtl"] .card .card-body .square {
    margin-left: 5px;
    margin-right: unset; }

html[dir="rtl"] .explore-card {
  text-align: left; }
  html[dir="rtl"] .explore-card .group-btn {
    justify-content: flex-end; }

html[dir="rtl"] .balance-box {
  text-align: center; }

html[dir="rtl"] .purchase-card {
  text-align: center; }

html[dir="rtl"] .modal-header .btn-close {
  margin: -0.5rem auto -0.5rem -0.5rem; }

html[dir="rtl"] .modal-footer > :not(:first-child) {
  margin-right: .50rem;
  margin-left: 0; }

html[dir="rtl"] .form-inline .form-group .col-form-label {
  margin-left: 5px;
  margin-right: 0; }

html[dir="rtl"] .contacts-tabs .nav-pills {
  border-left: 1px solid #E6E9EB; }

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
  padding-right: 0.5rem;
  padding-left: unset; }
  html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    padding-left: 0.5rem;
    padding-right: unset;
    float: right; }

html[dir="rtl"] code[class*=language-],
html[dir="rtl"] pre[class*=language-] {
  text-align: right; }

html[dir="rtl"] .input-group-prepend {
  margin-left: -1px;
  margin-right: unset; }

html[dir="rtl"] .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
html[dir="rtl"] .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

html[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: unset;
  margin-right: -1px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), html[dir="rtl"] .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), html[dir="rtl"] .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, html[dir="rtl"] .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

html[dir="rtl"] .form-floating input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-primary {
  border-right: 4px solid #006666;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-secondary {
  border-right: 4px solid #FE6A49;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-success {
  border-right: 4px solid #00AC46;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-danger {
  border-right: 4px solid #FE6A49;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-warning {
  border-right: 4px solid #FFAE1A;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-info {
  border-right: 4px solid #173878;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-light {
  border-right: 4px solid #E6E9EB;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-dark {
  border-right: 4px solid #2c323f;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:first-child {
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:last-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-left-width: 1px; }

html[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: unset;
  margin-right: -1px; }

html[dir="rtl"] .was-validated .form-control:invalid,
html[dir="rtl"] .form-control.is-invalid,
html[dir="rtl"] .was-validated .form-control:valid,
html[dir="rtl"] .form-control.is-valid {
  background-position: left calc(0.375em + 0.1875rem) center;
  padding-left: calc(1.5em + 0.75rem);
  padding-right: 12px; }

html[dir="rtl"] .input-group > .form-control:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .input-group > .input-group-prepend > .btn,
html[dir="rtl"] .input-group > .input-group-prepend > .input-group-text,
html[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .btn,
html[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .input-group-text,
html[dir="rtl"] .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
html[dir="rtl"] .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .input-group > .input-group-append > .btn,
html[dir="rtl"] .input-group > .input-group-append > .input-group-text,
html[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .btn,
html[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
html[dir="rtl"] .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
html[dir="rtl"] .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .border-tab.nav-left .nav-link {
  text-align: left; }

html[dir="rtl"] .socialprofile .social-group ul li:nth-child(4) {
  margin-right: -22px; }

html[dir="rtl"] .social-status form .form-group .form-control-social {
  padding-right: 15px;
  padding-left: unset; }

html[dir="rtl"] .social-status .media .social-status {
  right: 35px;
  left: unset; }

html[dir="rtl"] .social-chat .other-msg {
  margin-right: 40px;
  margin-left: unset; }

html[dir="rtl"] .social-chat .media-body:before {
  left: 100%;
  right: unset;
  border-left: 7px solid var(-semi-dark);
  border-right: unset; }

html[dir="rtl"] .social-chat .media-body:after {
  left: 100%;
  right: unset;
  border-left: 7px solid #fff;
  border-right: unset; }

html[dir="rtl"] .quick-file li:first-child {
  margin-right: 0px;
  margin-left: unset; }

html[dir="rtl"] .files-content li:first-child {
  margin-right: 0px;
  margin-left: unset; }

html[dir="rtl"] .file-content .folder .folder-box .ellips {
  left: 22px;
  right: unset; }

html[dir="rtl"] .timeline-content .comment-number i {
  margin-left: 20px;
  margin-right: unset; }

html[dir="rtl"] .photos ul li {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .avatar-showcase .friend-pic {
  margin-left: 8px;
  margin-right: unset; }

html[dir="rtl"] .avatar-showcase .pepole-knows ul li {
  margin-left: 21px;
  margin-right: unset; }
  html[dir="rtl"] .avatar-showcase .pepole-knows ul li:last-child {
    margin-left: 0; }

html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
  left: 100px;
  right: unset; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li {
    margin-left: 10px;
    margin-right: unset; }
    html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li:last-child {
      margin-left: 0; }

html[dir="rtl"] .faq-form .search-icon {
  left: 12px;
  right: unset; }

html[dir="rtl"] .faq-widgets .media-body p {
  padding-left: 20px;
  padding-right: unset; }

html[dir="rtl"] .header-faq,
html[dir="rtl"] .faq-title {
  text-align: right; }

html[dir="rtl"] .browse .browse-articles h6 span svg {
  right: 22px; }

html[dir="rtl"] .faq-accordion.default-according .card .faq-header svg {
  left: 30px;
  right: unset; }

html[dir="rtl"] .faq-accordion.default-according .card .btn-link svg {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .navigation-option ul li {
  padding: 8px 0 8px 8px; }
  html[dir="rtl"] .navigation-option ul li a {
    padding-right: 40px;
    padding-left: unset; }
    html[dir="rtl"] .navigation-option ul li a svg {
      right: 15px;
      left: unset; }

html[dir="rtl"] .updates-faq {
  margin-right: unset;
  margin-left: 20px; }

html[dir="rtl"] .categories {
  right: unset;
  left: 0;
  transform: scaleX(-1); }
  html[dir="rtl"] .categories .learning-header {
    padding-right: 15px;
    padding-left: unset; }

html[dir="rtl"] .main .langChoice {
  left: 30px;
  right: unset; }

html[dir="rtl"] .pricing-block svg {
  direction: ltr; }

html[dir="rtl"] p.data-attributes svg {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .avatars .avatar {
  margin-left: 10px;
  margin-right: unset; }
  html[dir="rtl"] .avatars .avatar:last-child {
    margin-left: 0; }
  html[dir="rtl"] .avatars .avatar .status {
    left: 4px;
    right: unset; }

html[dir="rtl"] .customers.avatar-group {
  margin-left: 30px;
  margin-right: unset; }

html[dir="rtl"] .card .card-header h5 {
  float: none !important; }

html[dir="rtl"] .knob-chart .chart-clock-main .clock-small {
  right: 10px;
  left: unset; }

html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
  left: 30px;
  right: unset; }
  html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks .btn-label {
    margin-left: 5px;
    margin-right: unset; }

html[dir="rtl"] .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn {
  text-align: left; }

html[dir="rtl"] .todo .notification-popup {
  left: 10px;
  right: unset; }

html[dir="rtl"] .todo-options .badges-todo h6 {
  margin-left: 10px;
  margin-right: unset; }
  html[dir="rtl"] .todo-options .badges-todo h6:last-child {
    margin-left: 0; }

html[dir="rtl"] .todo-list-btns .dropdown-basic .btn-group .form-group .checkbox {
  padding-right: 14px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  padding-left: unset;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset; }

html[dir="rtl"] .todo-list-btns .dropdown-basic .separated-btn {
  margin-right: -6px;
  margin-left: unset; }
  html[dir="rtl"] .todo-list-btns .dropdown-basic .separated-btn .btn {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px; }

html[dir="rtl"] .search-todo .dropdown-basic .btn-group {
  margin-left: 18px;
  margin-right: unset; }

html[dir="rtl"] .sticky-note .note {
  float: right; }

html[dir="rtl"] .mega-menu .list-unstyled div a {
  padding: 8px 0 8px 35px; }
  html[dir="rtl"] .mega-menu .list-unstyled div a:hover {
    padding: 8px 10px 8px 35px; }

html[dir="rtl"] #testimonial .owl-stage-outer .owl-stage .owl-item .slide--item .media .me-3 {
  margin-right: 1rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  left: 0px !important;
  right: unset !important; }

html[dir="rtl"] .needs-validation .input-group > .form-control:not(:last-child),
html[dir="rtl"] .needs-validation .input-group > .custom-select:not(:last-child),
html[dir="rtl"] .form-row .input-group > .form-control:not(:last-child),
html[dir="rtl"] .form-row .input-group > .custom-select:not(:last-child) {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .form-check {
  padding-right: 1.25rem;
  padding-left: unset; }
  html[dir="rtl"] .form-check .form-check-input {
    float: right;
    margin-left: unset;
    margin-right: -1.5em; }

html[dir="rtl"] .form-check-reverse .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: 10px; }

html[dir="rtl"] .mega-menu .default-according .card .btn-link {
  text-align: right; }

html[dir="rtl"] .mega-menu .default-according.style-1 button[aria-expanded="true"]:before,
html[dir="rtl"] .mega-menu .default-according.style-1 button[aria-expanded="false"]:before {
  right: unset;
  left: 20px; }

html[dir="rtl"] .email-wrap .row .col-xl-6 {
  padding-right: 0;
  padding-left: 15px; }

html[dir="rtl"] .email-wrap .row .col-xl-3 + .col-xl-3 {
  padding-left: 0;
  padding-right: 15px; }

html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li {
  text-align: right; }
  html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li a i {
    margin-right: unset;
    margin-left: 10px; }

html[dir="rtl"] .email-wrap .email-app-sidebar ul {
  padding-right: 0; }

html[dir="rtl"] .email-wrap .email-right-aside .email-body .pe-0 {
  padding-right: unset !important; }

html[dir="rtl"] .email-wrap .email-right-aside .radius-left {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-radius: 4px; }

html[dir="rtl"] #renderRange {
  float: left;
  padding-left: unset;
  padding-right: 12px; }

html[dir="rtl"] .event-calendar {
  direction: ltr; }

html[dir="rtl"] .calendar-wrap .fc {
  direction: rtl;
  text-align: right; }
  html[dir="rtl"] .calendar-wrap .fc .fc-toolbar .fc-left {
    float: right; }
  html[dir="rtl"] .calendar-wrap .fc .fc-toolbar .fc-right {
    float: left; }
  html[dir="rtl"] .calendar-wrap .fc .fc-toolbar > * > * {
    margin-left: 0; }

html[dir="rtl"] .calendar-wrap .fc-events-container {
  text-align: right; }

html[dir="rtl"] .calendar-wrap .fc-scroller {
  margin-right: unset;
  margin-left: -17px; }

html[dir="rtl"] .fc-agenda-view .fc-day-grid .fc-row {
  margin-right: 0 !important; }

html[dir="rtl"] .fc-unthemed .fc-row {
  margin-right: 0 !important; }

html[dir="rtl"] .btn-group-showcase .btn-group {
  margin-left: 20px;
  margin-right: unset; }

html[dir="rtl"] .btn-showcase .btn {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .btn-square.dropdown-toggle {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

html.button-builder[dir="rtl"] ul.the-icons li {
  float: right; }

html.button-builder[dir="rtl"] .color-slelector {
  float: right; }

html.button-builder[dir="rtl"] .custom-button-color .form-control {
  border-radius: 0 5px 5px 0; }
  html.button-builder[dir="rtl"] .custom-button-color .form-control.pull-left {
    float: right; }

html.button-builder[dir="rtl"] .hint-label {
  float: right;
  padding: 4px 020px 0 0; }

html[dir="rtl"] #customer-review .owl-item img {
  order: 2; }

html[dir="rtl"] .options > div {
  margin: 0 0 8px 8px; }

html[dir="rtl"] .modal-dialog .modal-content .modal-body p a {
  margin-left: 0; }

html[dir="rtl"] .drag-box fieldset .component .form-group .text-lg-left {
  text-align: right !important; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn,
html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn-right,
html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .checkbox-radius {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #prependedcheckbox {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #appendedcheckbox {
  border-right-color: #efefef; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #buttondropdown {
  margin-right: unset;
  margin-left: -1px; }

html[dir="rtl"] .drag form {
  text-align: right; }
  html[dir="rtl"] .drag form input {
    text-align: right; }
  html[dir="rtl"] .drag form label {
    text-align: right !important; }
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .btn,
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .btn-right,
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .checkbox-radius {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  html[dir="rtl"] .drag form .form-group .input-group #buttondropdown {
    margin-right: unset;
    margin-left: -1px; }

html[dir="rtl"] .draggable label {
  text-align: right; }

html[dir="rtl"] .form-builder-column .tab-content .tab-pane .theme-form .ui-draggable .input-group > .input-group-prepend > .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .form-group .input-group #buttondropdown,
html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group #buttondropdown {
  margin-right: unset;
  margin-left: 15px; }

html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .form-group .input-group .input-group-btn button,
html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group .input-group-btn button {
  border-radius: 4px !important; }

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .text-lg-left {
  text-align: right !important; }

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn,
html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn-right,
html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .checkbox-radius {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .form-builder .component .form-group .input-group #buttondropdown {
  margin-right: unset;
  margin-left: -1px; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .logo-wrapper {
  box-shadow: 9px 0 20px rgba(89, 102, 122, 0.1) !important; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .logo-wrapper a {
    transform: translate(-64px); }

html[dir="rtl"] .search-page .nav i {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .product-stts {
  display: inline-block; }
  html[dir="rtl"] .product-stts .ms-1 {
    margin-right: 0.25rem !important;
    margin-left: unset !important; }

html[dir="rtl"] .search-form input {
  padding: 10px 70px 10px 10px;
  text-align: right; }

html[dir="rtl"] .icon-hover-bottom .icon-title {
  text-align: right; }

html[dir="rtl"] .icon-lists div i {
  margin: 0 10px 0 15px; }

html[dir="rtl"] .icon-lists ul {
  padding-right: 0; }

html[dir="rtl"] ul.icon-lists {
  padding-right: 30px; }

html[dir="rtl"] .floated-customizer-btn.third-floated-btn {
  left: 35px;
  right: unset; }

html[dir="rtl"] .floated-customizer-btn > span {
  margin-right: 10px; }

html[dir="rtl"] .floated-customizer-panel {
  text-align: right;
  left: -85px;
  right: unset; }
  html[dir="rtl"] .floated-customizer-panel.active {
    left: 35px;
    right: unset; }
  html[dir="rtl"] .floated-customizer-panel .close-customizer-btn {
    left: 30px;
    right: unset; }
  html[dir="rtl"] .floated-customizer-panel ul {
    padding-right: 0; }

html[dir="rtl"] .form-builder-2-header > div nav {
  float: left; }

html[dir="rtl"] .radio label {
  padding-left: 0;
  padding-right: 8px; }
  html[dir="rtl"] .radio label::before {
    right: 0;
    margin-right: -20px;
    left: unset; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .row h3 {
  text-align: right;
  padding-left: 20px;
  padding-right: unset !important; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .row h6 {
  text-align: right; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-header {
  margin-right: 265px;
  margin-left: unset;
  width: calc(100% - 265px); }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header.close_icon {
    margin-right: 100px;
    margin-left: unset;
    width: calc(100% - 100px); }

html[dir="rtl"] .page-wrapper.modern-type .page-header {
  margin-right: 0;
  width: calc(100% - 0px); }
  html[dir="rtl"] .page-wrapper.modern-type .page-header.close_icon {
    margin-right: 0;
    width: calc(100% - 0px); }
  html[dir="rtl"] .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
    margin-right: unset;
    margin-left: 30px; }
  html[dir="rtl"] .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
    margin-right: unset;
    margin-left: 15px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper .page-body {
  margin-right: 310px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper .footer {
  margin-left: 55px;
  margin-right: 360px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
  margin-right: 0px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
  margin-right: 0; }

html[dir="rtl"] .page-header .header-wrapper .nav-right {
  text-align: right; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right .onhover-show-div {
    right: unset;
    left: 0; }
    @media (max-width: 575.98px) {
      html[dir="rtl"] .page-header .header-wrapper .nav-right .onhover-show-div {
        left: 12px; } }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .page-header .header-wrapper .nav-right .cart-dropdown li {
      padding: 10px; } }
  html[dir="rtl"] .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
    right: unset;
    left: 0; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li .lang-txt {
    margin-left: 0;
    margin-right: 8px; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.notification-down:nth-child(5)::before {
    left: -8px;
    right: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:before {
    left: 0;
    right: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li .dot {
    left: 17px;
    right: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown:hover .onhover-show-div:before {
    right: 10px;
    left: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown:hover .onhover-show-div:after {
    right: 10px;
    left: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li i.ms-2 {
    margin-right: 0.5rem !important;
    margin-left: unset !important; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right .profile-dropdown li svg {
    margin-right: unset;
    margin-left: 10px; }

html[dir="rtl"] .page-header .header-wrapper .mobile-sidebar {
  padding-left: 20px;
  padding-right: unset; }

html[dir="rtl"] .page-header.open {
  margin-right: 0; }

html[dir="rtl"] ul.notification-dropdown.onhover-show-div {
  right: initial;
  left: -30px;
  padding: 0; }
  html[dir="rtl"] ul.notification-dropdown.onhover-show-div:before {
    right: inherit !important;
    left: 35px !important; }
  html[dir="rtl"] ul.notification-dropdown.onhover-show-div:after {
    right: inherit !important;
    left: 35px !important; }
  html[dir="rtl"] ul.notification-dropdown.onhover-show-div li {
    margin-right: 0 !important; }
    html[dir="rtl"] ul.notification-dropdown.onhover-show-div li span.badge {
      margin-left: unset !important; }
    html[dir="rtl"] ul.notification-dropdown.onhover-show-div li span svg {
      margin-right: unset;
      margin-left: 10px; }
    html[dir="rtl"] ul.notification-dropdown.onhover-show-div li .notification-icon {
      margin-left: 20px;
      margin-right: unset; }

html[dir="rtl"] .card-body .alert svg ~ p {
  padding-left: unset;
  padding-right: 20px; }

html[dir="rtl"] .alert i {
  margin-left: 5px;
  margin-right: 0; }

html[dir="rtl"] .inverse {
  padding: 13px 65px 13px 20px; }
  html[dir="rtl"] .inverse i {
    left: unset;
    right: 0; }

html[dir="rtl"] .alert-primary.inverse:before {
  border-right: 7px solid #006666;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-secondary.inverse:before {
  border-right: 7px solid #FE6A49;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-success.inverse:before {
  border-right: 7px solid #00AC46;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-danger.inverse:before {
  border-right: 7px solid #FE6A49;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-warning.inverse:before {
  border-right: 7px solid #FFAE1A;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-info.inverse:before {
  border-right: 7px solid #173878;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-light.inverse:before {
  border-right: 7px solid #E6E9EB;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-dark.inverse:before {
  border-right: 7px solid #2c323f;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-dismissible .btn-close {
  left: 4px;
  right: unset; }
  html[dir="rtl"] .alert-dismissible .btn-close span {
    padding-left: 0;
    padding-right: unset; }

html[dir="rtl"] .icofont.icofont-truck {
  display: inline-block; }

html[dir="rtl"] .blog-box .blog-details {
  padding-left: 20px;
  text-align: right; }
  html[dir="rtl"] .blog-box .blog-details .blog-social {
    padding-right: 0; }
    html[dir="rtl"] .blog-box .blog-details .blog-social li {
      padding-left: 40px;
      padding-right: unset; }
      html[dir="rtl"] .blog-box .blog-details .blog-social li:first-child {
        border-left: 1px solid #777777;
        border-right: unset;
        padding-left: 40px;
        padding-right: unset; }
      html[dir="rtl"] .blog-box .blog-details .blog-social li + li {
        margin-right: 30px;
        margin-left: unset;
        padding-left: 0; }

html[dir="rtl"] .blog-box .blog-details-main .blog-social li {
  border-left: 1px dotted;
  border-right: unset; }
  html[dir="rtl"] .blog-box .blog-details-main .blog-social li:last-child {
    border-left: none; }

html[dir="rtl"] .blog-box .blog-date span {
  font-size: 36px;
  font-weight: 500;
  padding-left: 5px; }

html[dir="rtl"] .comment-box .media img {
  margin-left: 45px;
  margin-right: unset; }

html[dir="rtl"] .comment-box .media h6 {
  text-align: right; }

html[dir="rtl"] .comment-box ul ul {
  margin-right: 135px;
  margin-left: unset;
  padding-right: 0; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .comment-box ul ul {
      margin-right: 30px; } }
html[dir="rtl"] .comment-box .comment-social {
  text-align: left; }
  html[dir="rtl"] .comment-box .comment-social li {
    padding-left: 0;
    padding-right: 20px; }
    html[dir="rtl"] .comment-box .comment-social li:first-child {
      border-left: 1px solid #efefef;
      border-right: unset;
      padding-right: 0;
      padding-left: 20px; }

html[dir="rtl"] .button-builder-wrap .form-group .btn {
  margin-left: 15px;
  margin-right: 0;
  padding: 9px; }

html[dir="rtl"] .button-builder ul.the-icons {
  padding-right: 0 !important; }

html[dir="rtl"] .chat-msg-box ul {
  padding-right: 0; }

html[dir="rtl"] .cke_toolbar,
html[dir="rtl"] .cke_toolgroup,
html[dir="rtl"] a.cke_button,
html[dir="rtl"] .cke_combo_text {
  float: right; }

html[dir="rtl"] .cke_reset_all,
html[dir="rtl"] .cke_reset_all *,
html[dir="rtl"] .cke_reset_all a,
html[dir="rtl"] .cke_reset_all textarea {
  text-align: right; }

html[dir="rtl"] .cke_combo_text {
  padding-left: unset;
  padding-right: 10px; }

html[dir="rtl"] #editor1 #cke_editor1 #cke_1_contents iframe html {
  direction: rtl !important; }

html[dir="rtl"] #clockdiv ul {
  padding-right: 0; }

html[dir="rtl"] .custom-card .card-footer > div + div {
  border-right: 1px solid #efefef;
  border-left: unset !important; }

html[dir="rtl"] .card-social {
  padding-right: 0; }

html[dir="rtl"] .card-absolute .card-header {
  right: 15px;
  left: unset; }

html[dir="rtl"] .dataTables_wrapper .dataTables_filter input[type="search"] {
  margin-right: 10px;
  margin-left: 0; }

html[dir="rtl"] .dataTables_wrapper .dataTables_length {
  float: right; }

html[dir="rtl"] .dataTables_wrapper .dataTables_filter {
  margin-left: unset;
  margin-right: 15px;
  float: left; }

html[dir="rtl"] .dataTables_wrapper .dataTables_info {
  float: right; }

html[dir="rtl"] .dataTables_wrapper .advance-5_filter {
  margin-left: 0; }

html[dir="rtl"] .dataTables_wrapper .btn-group button {
  margin-left: 5px;
  margin-right: unset; }
  html[dir="rtl"] .dataTables_wrapper .btn-group button:last-child {
    margin-left: 0; }

html[dir="rtl"] .dataTables_wrapper table.dataTable tbody td.select-checkbox:after,
html[dir="rtl"] .dataTables_wrapper table.dataTable tbody th.select-checkbox:after {
  margin-left: 31px; }

html[dir="rtl"] div.dataTables_wrapper div.dataTables_paginate {
  margin-right: 15px !important;
  margin-left: 0 !important;
  float: left; }

html[dir="rtl"] table.dataTable thead > tr > th {
  padding-left: 30px;
  padding-right: 12px; }
  html[dir="rtl"] table.dataTable thead > tr > th:before {
    left: 1em !important;
    right: unset; }
  html[dir="rtl"] table.dataTable thead > tr > th:after {
    left: 0.5em !important;
    right: unset; }

html[dir="rtl"] table.dataTable thead .sorting:before,
html[dir="rtl"] table.dataTable thead .sorting_asc:before,
html[dir="rtl"] table.dataTable thead .sorting_desc:before,
html[dir="rtl"] table.dataTable thead .sorting_asc_disabled:before,
html[dir="rtl"] table.dataTable thead .sorting_desc_disabled:before {
  left: 1em !important;
  right: unset; }

html[dir="rtl"] .dataTables_scrollHeadInner {
  padding-right: unset !important;
  padding-left: 0 !important; }

html[dir="rtl"] div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
  padding-right: 0;
  padding-left: 0; }

html[dir="rtl"] div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
  padding-right: 0;
  padding-left: 0; }

html[dir="rtl"] .dt-plugin-buttons button.m-r-10 {
  margin-left: 10px;
  margin-right: 0; }

html[dir="rtl"] .datetime-picker .theme-form .form-group label {
  text-align: left !important; }

html[dir="rtl"] .datetime-picker .theme-form .form-group .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .datetime-picker .theme-form .form-group .input-group .form-control {
  border-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

html[dir="rtl"] .dropdown-basic .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important; }

html[dir="rtl"] .dropdown-basic .separated-btn .btn {
  border-radius: 0.25rem;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

html[dir="rtl"] .dropdown-basic .btn-group {
  margin-right: unset;
  margin-left: 18px; }

html[dir="rtl"] .error-wrapper .col-md-8.offset-md-2 {
  margin: 0 auto !important; }

html[dir="rtl"] .timeline-calendar .custom-calendar .time-line .fc-header-toolbar {
  left: 15px !important; }

html[dir="rtl"] .product-price del {
  padding-left: 20px;
  padding-right: 0; }

html[dir="rtl"] .product-box .modal .modal-header .btn-close {
  right: unset;
  left: 15px; }

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-left.ribbon-info:before,
html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
  border-left-color: #007bff; }

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-left:before,
html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-right:before {
  right: 0;
  left: unset;
  border-left: 15px solid #2a3142; }

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-info:before {
  border-left-color: transparent; }

html[dir="rtl"] .product-box .ribbon-warning.ribbon-clip:before {
  border-left-color: #ff850d;
  border-right-color: unset; }

html[dir="rtl"] .product-box .ribbon-clip {
  right: -14px;
  left: unset; }
  html[dir="rtl"] .product-box .ribbon-clip:before {
    right: 0;
    left: unset; }

html[dir="rtl"] .product-hover ul {
  padding-right: 0; }

html[dir="rtl"] .customer-review .media img {
  margin-left: 25px;
  margin-right: 0; }

html[dir="rtl"] .nav {
  padding-right: 0; }

html[dir="rtl"] .custom-tab {
  padding: 4px; }

html[dir="rtl"] .custom-file-label::after {
  left: 0;
  right: unset; }

html[dir="rtl"] .wizard-4 ul.anchor {
  float: right; }

html[dir="rtl"] .wizard-4 .step-container {
  clear: unset; }

html[dir="rtl"] .wizard-4 .form-group {
  text-align: right; }

html[dir="rtl"] .wizard-4 .action-bar .btn {
  float: left; }

html[dir="rtl"] .f1 .f1-buttons {
  text-align: left; }

html[dir="rtl"] .f1 .f1-steps .f1-step {
  float: right; }

html[dir="rtl"] .jstree-default .jstree-node {
  margin-left: unset;
  margin-right: 24px;
  background-position: -292px -4px;
  background-repeat: repeat-y; }

html[dir="rtl"] .img-cropper .btn-group {
  margin-right: 0;
  margin-left: 10px; }
  html[dir="rtl"] .img-cropper .btn-group button:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  html[dir="rtl"] .img-cropper .btn-group button:first-child {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

html[dir="rtl"] .docs-toggles .btn-group .btn {
  border-radius: 0; }
  html[dir="rtl"] .docs-toggles .btn-group .btn:last-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  html[dir="rtl"] .docs-toggles .btn-group .btn:first-child {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle) > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .jsgrid-button + .jsgrid-button {
  margin-right: 5px;
  margin-left: unset; }

html[dir="rtl"] .list-group {
  padding-right: 0; }
  html[dir="rtl"] .list-group i,
  html[dir="rtl"] .list-group img {
    margin-left: 10px;
    margin-right: 0; }

html[dir="rtl"] .authentication-box {
  text-align: right; }

html[dir="rtl"] .mega-horizontal .offset-sm-3 {
  margin-right: 25%;
  margin-left: unset; }

html[dir="rtl"] .navs-icon svg {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .navs-icon .fa {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .nav-list .nav-list-disc {
  text-align: right;
  padding-right: 0; }

html[dir="rtl"] .ps-4 {
  padding-right: 30px !important;
  padding-left: 0 !important; }

html[dir="rtl"] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:before {
  left: 77px;
  right: unset; }

html[dir="rtl"] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after {
  left: 77px;
  right: unset; }

html[dir="rtl"] .navs-dropdown .onhover-show-div .navs-icon li {
  text-align: right; }

html[dir="rtl"] .navs-icon.default-according.style-1 li button[aria-expanded="true"]:before {
  left: 2px;
  right: unset; }

html[dir="rtl"] .navs-icon.default-according.style-1 li button[aria-expanded="false"]:before {
  left: 2px;
  right: unset; }

html[dir="rtl"] .search-form .form-group:after {
  right: 53px;
  left: unset; }

html[dir="rtl"] .search-form .form-group:before {
  right: 82px;
  left: unset; }

html[dir="rtl"] .order-history table tbody tr td .product-name .order-process .order-process-circle:before {
  right: -15px;
  left: unset; }

html[dir="rtl"] .product-page-details span {
  padding-right: 15px;
  padding-left: 0; }

html[dir="rtl"] .fg-emoji-picker-search .fg-emoji-picker-search-icon {
  left: 0px; }

html[dir="rtl"] .m-checkbox-inline label {
  margin-left: 20px;
  margin-right: 0; }

html[dir="rtl"] .form-label-align-right label {
  text-align: left; }

html[dir="rtl"] .br-theme-bars-reversed .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-movie .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-1to10 .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-square .br-widget .br-current-rating {
  float: right; }

html[dir="rtl"] .br-theme-bars-reversed .br-widget a,
html[dir="rtl"] .br-theme-bars-movie .br-widget a,
html[dir="rtl"] .br-theme-bars-1to10 .br-widget a,
html[dir="rtl"] .br-theme-bars-square .br-widget a {
  float: right; }

html[dir="rtl"] .ribbon-left {
  right: auto;
  left: -2px; }

html[dir="rtl"] .ribbon-vertical-left {
  right: auto;
  left: 12px; }

html[dir="rtl"] .ribbon-vertical-right {
  right: auto;
  left: 12px; }

html[dir="rtl"] .star-ratings ul.search-info {
  padding-right: 0; }
  html[dir="rtl"] .star-ratings ul.search-info li + li {
    border-right: 1px solid #a5afc6;
    border-left: unset;
    padding-right: 8px;
    padding-left: 0;
    margin-right: 8px;
    margin-left: 0; }

html[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow {
  left: 10px !important;
  right: unset !important; }

html[dir="rtl"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
  float: right; }

html[dir="rtl"] .selection .select2-selection .select2-search__field {
  text-align: right; }

html[dir="rtl"] .select2-results__option {
  text-align: right; }

html[dir="rtl"] .editor-statusbar {
  text-align: left; }
  html[dir="rtl"] .editor-statusbar span {
    margin-right: 1em;
    margin-left: unset; }

html[dir="rtl"] .CodeMirror-scroll {
  margin-left: -30px;
  margin-right: unset; }

html[dir="rtl"] .primary-color ul,
html[dir="rtl"] .yellow-color ul {
  padding-right: 0; }

html[dir="rtl"] .u-step-desc {
  text-align: right; }

html[dir="rtl"] .u-step-number {
  right: 20px;
  left: unset; }
  html[dir="rtl"] .u-step-number ~ .u-step-desc {
    margin-right: 50px; }

html[dir="rtl"] .u-pearl:after {
  left: 0;
  right: unset; }

html[dir="rtl"] .u-pearl:before {
  right: 0;
  left: unset; }

html[dir="rtl"] .u-step-icon {
  float: right;
  margin-left: .5em;
  margin-right: unset; }

html[dir="rtl"] .list-icons {
  padding-right: 0; }

html[dir="rtl"] .card-header.note-toolbar .note-color .dropdown-toggle {
  padding-right: 5px; }

html[dir="rtl"] .card-header.note-toolbar .form-group.draggable {
  text-align: right; }

html[dir="rtl"] .card-header.note-toolbar .form-check {
  padding-right: 24px;
  padding-left: unset; }

html[dir="rtl"] .card-header.note-toolbar form .custom-control {
  padding-right: 24px;
  padding-left: unset; }
  html[dir="rtl"] .card-header.note-toolbar form .custom-control .custom-control-label::after {
    right: 0;
    left: unset; }
  html[dir="rtl"] .card-header.note-toolbar form .custom-control .custom-control-label::before {
    right: 0;
    left: unset; }

html[dir="rtl"] .dropdown-toggle::after {
  margin-right: 0.255em;
  margin-left: unset; }

html[dir="rtl"] .checkbox label {
  padding-right: 8px;
  padding-left: unset; }
  html[dir="rtl"] .checkbox label::before {
    right: 0;
    left: unset;
    margin-right: -16px;
    margin-left: unset; }

html[dir="rtl"] .checkbox-wrapper li label,
html[dir="rtl"] .radio-wrapper li label {
  padding-right: 0; }

html[dir="rtl"] .radio label::after {
  right: 5px;
  left: unset;
  margin-right: -20px;
  margin-left: unset; }

html[dir="rtl"] .cd-timeline-img i {
  right: 40%;
  left: unset;
  margin-right: -12px;
  margin-left: unset; }

html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content {
  float: left;
  border-left: 7px solid #eeeeee;
  border-right: unset; }
  html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    right: auto;
    left: 122%;
    text-align: left; }
  html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    right: auto;
    left: 100%;
    border: 15px solid transparent;
    border-left: 15px solid #f4f4f4; }

html[dir="rtl"] .cd-timeline-content .cd-date {
  right: 122%;
  left: unset; }

html[dir="rtl"] .introjs-tooltip {
  right: 0;
  left: unset; }

html[dir="rtl"] .introjs-helperNumberLayer {
  right: -16px;
  left: unset; }

html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltiptext {
  text-align: right; }

html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons {
  text-align: left; }
  html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-skipbutton {
    margin-left: 5px;
    margin-right: unset; }
  html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-nextbutton {
    -webkit-border-radius: 0.2em 0 0 0.2em;
    -moz-border-radius: 0.2em 0 0 0.2em;
    border-radius: 0.2em 0 0 0.2em; }

html[dir="rtl"] .list-inline-item:not(:last-child) {
  margin-left: 0.5rem;
  margin-right: unset; }

html[dir="rtl"] .like-comment ul.list-inline {
  padding-right: 0; }

html[dir="rtl"] .typeahead {
  text-align: right; }

html[dir="rtl"] .listing ul {
  padding-right: 0; }
  html[dir="rtl"] .listing ul .icofont {
    float: right; }

html[dir="rtl"] .gallery .hover-5 img {
  margin-right: 30px; }

html[dir="rtl"] .gallery .hover-5:hover img {
  margin-right: 0; }

html[dir="rtl"] .lg-outer {
  text-align: right; }

html[dir="rtl"] .lg-toolbar .lg-icon {
  float: left; }

html[dir="rtl"] #lg-counter {
  padding-right: 20px;
  padding-left: unset;
  float: right; }

html[dir="rtl"] .chart-widget-top .text-end {
  text-align: left !important; }

html[dir="rtl"] .chart-widget-top .num .ms-1 {
  margin-right: 0.25rem !important; }

html[dir="rtl"] .bar-chart-widget .earning-details i {
  left: -240px; }

html[dir="rtl"] .bar-chart-widget .bottom-content .b-r-light {
  border-left: 1px solid #eeeeee !important;
  border-right: unset !important; }

html[dir="rtl"] .bar-chart-widget .bottom-content .num .ms-1 {
  margin-right: 0.25rem !important; }

html[dir="rtl"] .chart-vertical-center #myDoughnutGraph,
html[dir="rtl"] .chart-vertical-center #myPolarGraph {
  width: auto !important; }

html[dir="rtl"] .crm-activity ul.dates li + li {
  border-right: 1px solid #ddd;
  padding-right: 10px;
  margin-right: 5px;
  border-left: unset;
  padding-left: unset;
  margin-left: unset; }

html[dir="rtl"] div.dt-buttons {
  float: right; }

html[dir="rtl"] .dt-button-collection {
  left: -39px !important; }

html[dir="rtl"] .dropzone .dz-preview .dz-error-mark,
html[dir="rtl"] .dropzone .dz-preview .dz-success-mark {
  right: 50%;
  margin-right: -27px;
  margin-left: unset;
  left: unset; }

html[dir="rtl"] .page-wrapper .page-body-wrapper footer {
  margin-right: 265px;
  margin-left: unset; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper footer p i {
    margin-right: 5px;
    margin-left: unset; }

html[dir="rtl"] .footer-copyright {
  text-align: right; }

html[dir="rtl"] .footer-links {
  text-align: left; }

html[dir="rtl"] .page-item:first-child .page-link {
  margin-right: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none; }

html[dir="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; }

html[dir="rtl"] .popover.top > .arrow:after,
html[dir="rtl"] .popover.bottom > .arrow:after {
  margin-right: -10px;
  margin-left: unset; }

html[dir="rtl"] .bootstrap-touchspin > .input-group-append > .btn,
html[dir="rtl"] .bootstrap-touchspin > .input-group-append > .input-group-text {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

html[dir="rtl"] .bootstrap-touchspin > .form-control:not(:last-child),
html[dir="rtl"] .bootstrap-touchspin > .custom-select:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .typeahead span.twitter-typeahead .tt-suggestion {
  text-align: right; }

html[dir="rtl"] .typeahead .league-name {
  text-align: right;
  margin-right: 5px; }

html[dir="rtl"] .follow .text-md-right {
  text-align: left !important; }

html[dir="rtl"] .jvectormap-zoomin,
html[dir="rtl"] .jvectormap-zoomout,
html[dir="rtl"] .jvectormap-goback {
  right: 10px;
  left: unset; }

html[dir="rtl"] .customizer-links {
  right: unset;
  left: 0; }
  html[dir="rtl"] .customizer-links > .nav {
    padding-right: 10px; }
  html[dir="rtl"] .customizer-links .nav-link:after {
    right: -10px;
    left: unset;
    border-width: 5px 5px 5px 0;
    border-left-color: unset;
    border-right-color: rgba(0, 102, 102, 0.1); }
  html[dir="rtl"] .customizer-links .nav-link span {
    right: unset;
    left: -60px; }
  html[dir="rtl"] .customizer-links .nav-link:hover span {
    left: 48px; }
  html[dir="rtl"] .customizer-links.open {
    right: unset;
    left: 330px;
    border-radius: 0 8px 8px 0; }

html[dir="rtl"] .customizer-contain {
  width: 330px;
  right: unset;
  left: -330px; }
  html[dir="rtl"] .customizer-contain.open {
    right: unset;
    left: 0px; }
  html[dir="rtl"] .customizer-contain .customizer-header .icon-close {
    left: unset;
    right: 30px; }

html[dir="rtl"] .box-layout.page-wrapper.horizontal-wrapper .page-header {
  padding-right: 250px;
  padding-left: unset; }
  html[dir="rtl"] .box-layout.page-wrapper.horizontal-wrapper .page-header.open {
    padding-right: 0; }

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 230px; }

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
  width: 1280px;
  padding-left: 0;
  left: 50%; }

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-header {
  margin-left: auto;
  margin-right: auto;
  padding-left: unset;
  padding-right: 230px; }
  html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-header.close_icon {
    padding-right: 100px; }

html[dir="rtl"] body.dark-only .custom-card .card-footer > div + div {
  border-right: 1px solid rgba(255, 255, 255, 0.1); }

html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(odd) .cd-timeline-content::before {
  border-left: none;
  border-right-color: #1A1C23; }

html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
  border-left-color: #1A1C23;
  border-right: unset; }

html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-r-light,
html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right {
  border-right: none !important;
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important; }

@media screen and (max-width: 1660px) {
  html[dir="rtl"] .caller-img {
    left: unset;
    right: 15px; } }

@media only screen and (max-width: 1366px) {
  html[dir="rtl"] .profile-dropdown.onhover-show-div {
    right: unset !important;
    left: 0 !important; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right ul li.onhover-dropdown.notification-down:nth-child(5)::before {
    right: 47px;
    left: unset; }
  html[dir="rtl"] .product-wrapper .product-grid .feature-products {
    margin-right: 0; }
  html[dir="rtl"] .product-grid {
    margin-right: 0; }
  html[dir="rtl"] .d-none-productlist {
    margin-left: 10px;
    margin-right: unset; }
  html[dir="rtl"] .photos ul li:nth-child(3n) {
    margin-left: 15px;
    margin-right: unset; } }

@media (min-width: 1200px) {
  html[dir="rtl"] .float-xl-end {
    float: left !important; }
  html[dir="rtl"] .pixelstrap ul a:hover .sub-arrow, html[dir="rtl"] .pixelstrap ul a:focus .sub-arrow, html[dir="rtl"] .pixelstrap ul a:active .sub-arrow, html[dir="rtl"] .pixelstrap ul a.highlighted .sub-arrow {
    left: 3px;
    right: unset; } }

@media (min-width: 992px) {
  html[dir="rtl"] .text-lg-start {
    text-align: right !important; } }

@media only screen and (max-width: 1199.98px) {
  html[dir="rtl"] .jkanban-container .btn {
    margin-left: unset;
    margin-right: 20px; }
  html[dir="rtl"] .link-section > div > h6:before {
    right: unset;
    left: 10px; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right > ul li .submenu li:first-child {
    padding-right: 15px !important;
    padding-left: 15px !important; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 45px; }
  html[dir="rtl"] .email-wrap .row .col-xl-6 {
    padding-right: 15px; }
  html[dir="rtl"] .email-wrap .row .col-xl-3 + .col-xl-3 {
    padding-left: 15px; }
  html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li {
    text-align: right; }
    html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li a i {
      margin-right: unset;
      margin-left: 10px; }
  html[dir="rtl"] .email-wrap .email-app-sidebar ul {
    padding-right: 0; }
  html[dir="rtl"] .email-wrap .email-right-aside .email-body .pe-0 {
    padding-right: unset !important; }
  html[dir="rtl"] .email-wrap .email-right-aside .radius-left {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-radius: 4px; }
  html[dir="rtl"] .chat-menu-icons {
    text-align: left; }
  html[dir="rtl"] .chat-menu {
    left: 0;
    right: unset; } }

@media only screen and (max-width: 991.98px) {
  html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
    left: 20px; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translate(285px); }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
      transform: translate(285px); }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn {
    float: left;
    transform: rotate(180deg); }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
    margin-right: 0;
    border-right: none;
    padding-right: 0;
    border-left: 1px solid #ddd;
    margin-left: 15px;
    padding-left: 15px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-header {
    margin-right: 0; }
  html[dir="rtl"] .page-wrapper.material-icon .page-header {
    padding-right: 0; }
  html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper .page-body {
    padding-right: 15px; }
  html[dir="rtl"] .faq-accordion .faq-header svg {
    left: 20px; }
  html[dir="rtl"] .page-wrapper .page-header .header-logo-wrapper .logo-wrapper img {
    margin-left: 15px;
    margin-right: unset; }
  html[dir="rtl"] .page-body-wrapper .page-body,
  html[dir="rtl"] .page-body-wrapper footer {
    margin-right: 0 !important; }
  html[dir="rtl"] .main .langChoice {
    left: 20px; }
  html[dir="rtl"] .cd-timeline-img i {
    right: 50% !important; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .breadcrumb {
    margin-right: 0; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 60px); }
  html[dir="rtl"] .page-wrapper .page-header {
    margin-right: 0; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header {
    margin-right: 0 !important;
    margin-left: unset !important; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-wrapper.close_icon {
    transform: translate(285px); }
  html[dir="rtl"] .card-body .value-left {
    margin-left: 20px; }
  html[dir="rtl"] .bookmark ul li .search-form .form-control-search {
    left: -127px; }
  html[dir="rtl"] .card .card-header .card-header-right {
    left: 15px; } }

@media only screen and (max-width: 991px) and (min-width: 768px) {
  html[dir="rtl"] .page-wrapper.compact-wrapper.material-type .page-body-wrapper div.sidebar-wrapper {
    left: unset;
    right: 0; } }

@media (min-width: 768px) {
  html[dir="rtl"] .float-md-end {
    float: left !important; }
  html[dir="rtl"] .income-wrap .ps-md-0 {
    padding-left: 30px !important;
    padding-right: 0 !important; }
  html[dir="rtl"] .text-md-end {
    text-align: left !important; }
  html[dir="rtl"] .offset-md-3 {
    margin-right: 25%;
    margin-left: unset; }
  html[dir="rtl"] .text-md-start {
    text-align: right !important; }
  html[dir="rtl"] .ecommerce-widget .text-md-end {
    text-align: left !important; }
    html[dir="rtl"] .ecommerce-widget .text-md-end ul {
      text-align: left; } }

@media only screen and (max-width: 767.98px) {
  html[dir="rtl"] .list-persons .profile-mail .email-general ul {
    padding-left: 0; }
  html[dir="rtl"] .file-content .form-inline {
    padding: 0px 20px 0px 0px; }
  html[dir="rtl"] .product-wrapper.sidebaron .product-grid .product-wrapper-grid {
    margin-right: 0; }
  html[dir="rtl"] .product-sidebar {
    transform: translateX(300px) scaleX(1); }
    html[dir="rtl"] .product-sidebar.open {
      transform: translateX(0px) scaleX(1); }
  html[dir="rtl"] .feature-products .filter-toggle {
    margin-right: 10px;
    margin-left: unset; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 25px !important; }
  html[dir="rtl"] .ecommerce-widget .text-md-right {
    text-align: left !important; }
  html[dir="rtl"] .bar-chart-widget .earning-details i {
    left: -147px !important; } }

@media (min-width: 576px) {
  html[dir="rtl"] .offset-sm-3 {
    margin-right: 25%;
    margin-left: unset; }
  html[dir="rtl"] .text-sm-end {
    text-align: left !important; }
  html[dir="rtl"] .float-sm-end {
    float: left !important; }
  html[dir="rtl"] .me-sm-2 {
    margin-left: 0.5rem !important;
    margin-right: unset !important; } }

@media only screen and (max-width: 575.98px) {
  html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
    left: 15px; }
  html[dir="rtl"] .list-persons .nav-pills .nav-link .media .media-body {
    text-align: right; }
  html[dir="rtl"] .mega-menu {
    padding-left: unset;
    padding-right: 15px; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right > ul li {
    margin-right: unset;
    margin-left: 1px; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
    left: 0; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, html[dir="rtl"] .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
    margin-left: 8px;
    padding-left: 8px;
    margin-right: unset;
    padding-right: unset;
    border-right: unset;
    border-left: 1px solid #ddd; }
  html[dir="rtl"] .translate_wrapper.active .more_lang.active {
    left: unset;
    right: 12px; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:last-child {
    padding-right: 10px; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul.notification-dropdown {
    left: unset !important;
    right: 15px !important; }
  html[dir="rtl"] .faq-accordion .faq-header svg {
    left: 15px; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 15px !important; }
    html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li {
      margin-left: 0px; }
  html[dir="rtl"] .main .langChoice {
    left: 15px; }
  html[dir="rtl"] .page-wrapper .search-form .form-group {
    margin-left: 0; }
  html[dir="rtl"] .card-body .value-left {
    margin-left: 15px; } }

@media only screen and (max-width: 480px) {
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
    right: unset;
    left: 20px; }
  html[dir="rtl"] .knob-chart .chart-clock-main {
    width: unset; }
    html[dir="rtl"] .knob-chart .chart-clock-main .clock-small {
      right: 32px; }
    html[dir="rtl"] .knob-chart .chart-clock-main .clock-large {
      right: 0;
      left: unset; }
    html[dir="rtl"] .knob-chart .chart-clock-main .clock-medium {
      right: 32px;
      left: unset; } }

@media only screen and (max-width: 420px) {
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    right: 112px; }
  html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    right: 80px; } }

@media only screen and (max-width: 360px) {
  html[dir="rtl"] .prooduct-details-box .close {
    left: 0; }
  html[dir="rtl"] .social-app-profile .hovercard .user-image .avatar {
    margin-top: -47px; }
    html[dir="rtl"] .social-app-profile .hovercard .user-image .avatar img {
      width: 85px;
      height: 85px; }
  html[dir="rtl"] .social-chat .other-msg {
    margin-right: 15px; } }

@media screen and (max-width: 1460px) {
  html[dir="rtl"] .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-left: 8px;
    margin-right: unset; } }

/**=====================
    5.8 Rtl CSS Ends
==========================**/
/**=====================
  5.9 Box-layout CSS start
==========================**/
.box-layout {
  background-blend-mode: overlay;
  background-color: rgba(255, 255, 255, 0.5);
  overflow: hidden; }
  .box-layout.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu {
    background-color: #1A1C23; }
  .box-layout.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links > li:hover .sidebar-submenu {
    opacity: 1;
    visibility: visible;
    display: block !important;
    top: 58px; }
  .box-layout .today-work-table .today-working-table tbody tr td {
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom: 1px dashed #E6E9EB; }
  .box-layout .today-work-table .today-working-table tbody tr td:nth-child(1) {
    min-width: 165px; }
  .box-layout .today-work-table .today-working-table tbody tr td:nth-child(2) {
    min-width: 170px; }
  .box-layout .today-work-table .today-working-table tbody tr td:nth-child(3) {
    display: none; }
  .box-layout .today-work-table .today-working-table tbody tr:first-child td {
    padding-top: 0px; }
  .box-layout .today-work-table .today-working-table tbody tr td a {
    color: #051A1A;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .box-layout .today-work-table .today-working-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }
  .box-layout .today-work-table .today-working-table tbody tr:last-child td {
    padding-bottom: 0px;
    border: none; }
  .box-layout .tranaction-table thead {
    background-color: rgba(230, 233, 235, 0.3); }
    .box-layout .tranaction-table thead tr th {
      padding: 20px; }
      .box-layout .tranaction-table thead tr th:nth-child(1) {
        min-width: 160px; }
      .box-layout .tranaction-table thead tr th:nth-child(2) {
        min-width: 150px;
        padding: 20px 0px; }
      .box-layout .tranaction-table thead tr th:nth-child(3) {
        display: none; }
      .box-layout .tranaction-table thead tr th:nth-child(4) {
        min-width: 100px;
        padding: 20px 0px; }
      .box-layout .tranaction-table thead tr th:nth-child(5) {
        min-width: 50px; }
      .box-layout .tranaction-table thead tr th:first-child {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .box-layout .tranaction-table thead tr th:last-child {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; }
  .box-layout .tranaction-table tbody tr {
    border-bottom: 1px solid #E6E9EB; }
    .box-layout .tranaction-table tbody tr td {
      padding-top: 17px;
      padding-bottom: 17px; }
      .box-layout .tranaction-table tbody tr td .status-process {
        border-radius: 15px;
        padding: 12px; }
      .box-layout .tranaction-table tbody tr td:nth-child(3) {
        display: none; }
      .box-layout .tranaction-table tbody tr td:last-child .product-sub {
        text-align: center; }
    .box-layout .tranaction-table tbody tr:last-child {
      border: none; }
      .box-layout .tranaction-table tbody tr:last-child td {
        padding-bottom: 0px; }
  .box-layout .tranaction-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }
  @media only screen and (min-width: 1280px) {
    .box-layout .page-wrapper .page-header .header-wrapper .nav-right > ul > li .form-group .Typeahead .u-posRelative input {
      width: 96px !important; }
    .box-layout .learning-filter {
      order: -1; }
    .box-layout .artist-table .appointment-table.customer-table table tr td:last-child {
      min-width: 100px; }
    .box-layout .md-sidebar .md-sidebar-toggle {
      display: block; }
    .box-layout .md-sidebar .md-sidebar-aside {
      position: absolute;
      top: 40px;
      left: 0;
      opacity: 0;
      visibility: hidden;
      z-index: 3;
      width: 280px; }
      .box-layout .md-sidebar .md-sidebar-aside.open {
        opacity: 1;
        visibility: visible; }
    .box-layout .job-sidebar {
      background-color: var(--white);
      padding: 20px; }
    .box-layout .widget-1.mb-xl-0 {
      margin-bottom: 25px !important; }
    .box-layout .radial-progress-card .radial-chart-wrap {
      margin-right: -10px; }
    .box-layout .currency-widget div[class*=bg-light-] {
      display: none; }
    .box-layout .box-order .order-1 {
      order: 1 !important; }
    .box-layout .activity-card .appointment-table.customer-table {
      height: 187px; }
    .box-layout .transaction-table tr td:first-child {
      min-width: 150px; }
    .box-layout .purchase-card img {
      margin: -210px auto 0;
      width: 80%; }
    .box-layout .purchase-card.discover {
      margin-top: 90px; }
      .box-layout .purchase-card.discover img {
        margin-top: -90px;
        width: 64%; }
    .box-layout .apache-cotainer-large > div,
    .box-layout .apache-cotainer-large canvas,
    .box-layout #line-visual > div,
    .box-layout #line-visual canvas,
    .box-layout #line-visulH > div,
    .box-layout #line-visulH canvas {
      width: 100% !important; }
    .box-layout .page-wrapper.box-layout, .box-layout.page-wrapper.box-layout {
      padding-top: 40px;
      margin-top: 0 !important; }
    .box-layout .page-wrapper.compact-wrapper, .box-layout.page-wrapper.compact-wrapper {
      margin-top: 40px; }
      .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
        width: 230px;
        height: auto;
        top: 40px;
        border-radius: 10px 0 0 10px;
        overflow: hidden; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
          width: 1200px;
          left: 48%; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix {
          padding-left: 0; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
          height: calc(100vh - 180px); }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper {
          box-shadow: 0 8px 6px -6px rgba(89, 102, 122, 0.1); }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
          margin-top: 10px;
          margin-bottom: 20px;
          height: calc(100vh - 190px); }
      .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
        min-height: calc(100vh - 130px);
        margin-top: 0;
        top: 56px;
        overflow: scroll;
        max-height: calc(100vh - 220px);
        padding-bottom: 80px;
        margin-left: 230px; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #ecf3fa; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar {
          width: 6px; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
          background-color: rgba(68, 102, 242, 0.15); }
    .box-layout .page-wrapper.compact-sidebar .page-header, .box-layout.page-wrapper.compact-sidebar .page-header {
      padding-left: 148px; }
    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper {
      margin-top: 40px; }
      .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
        top: 40px; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
          display: none;
          transition: 0.5s; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
          height: calc(100vh - 166px);
          margin: 0; }
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
          .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
            left: 470px;
            top: 40px;
            height: calc(100vh - 84px); }
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
            animation: unset; }
      .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .footer, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .footer {
        margin-left: 0; }
      .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body {
        min-height: calc(100vh - 90px);
        margin-top: 0;
        top: 80px;
        overflow: scroll;
        max-height: calc(100vh - 170px);
        padding-bottom: 80px; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #ecf3fa; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar {
          width: 6px; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
          background-color: rgba(68, 102, 242, 0.15); }
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-header, .box-layout.page-wrapper.compact-sidebar.compact-small .page-header {
      padding-left: 90px; }
      .box-layout .page-wrapper.compact-sidebar.compact-small .page-header.close_icon, .box-layout.page-wrapper.compact-sidebar.compact-small .page-header.close_icon {
        padding-left: 0; }
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container, .box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
    .box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
      left: 410px; }
    .box-layout .page-wrapper.horizontal-wrapper:before, .box-layout.page-wrapper.horizontal-wrapper:before {
      display: none; }
    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper {
      margin-top: 40px; }
      .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
        margin-top: 80px;
        min-height: calc(100vh - 310px);
        max-height: calc(100vh - 230px);
        overflow: scroll; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #ecf3fa; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar {
          width: 6px; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
          background-color: rgba(68, 102, 242, 0.15); }
      .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .footer, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .footer {
        padding-left: 15px; }
      .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
        width: 1280px;
        top: 80px;
        margin: 0;
        overflow-x: unset;
        position: relative; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu {
          left: 0%;
          transform: translate(0, 0);
          top: 125px;
          background-color: #fff; }
    .box-layout .page-wrapper.horizontal-wrapper .page-header, .box-layout.page-wrapper.horizontal-wrapper .page-header {
      padding-left: 0; }
    .box-layout .page-wrapper.modern-type .page-header, .box-layout.page-wrapper.modern-type .page-header {
      padding-left: 0px; }
      .box-layout .page-wrapper.modern-type .page-header .header-wrapper .left-header, .box-layout.page-wrapper.modern-type .page-header .header-wrapper .left-header {
        width: 36%; }
      .box-layout .page-wrapper.modern-type .page-header .header-wrapper .nav-right, .box-layout.page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 46%; }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .page-body, .box-layout.page-wrapper.modern-type .page-body-wrapper .page-body {
      margin-left: 260px; }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper {
      top: 120px; }
      .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        height: calc(100vh - 311px); }
      .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 316px); }
      .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
        width: 1280px;
        left: 50%;
        margin-left: 0; }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .footer, .box-layout.page-wrapper.modern-type .page-body-wrapper .footer {
      margin-left: 0; }
    .box-layout .page-wrapper .page-header, .box-layout.page-wrapper .page-header {
      max-width: 1280px;
      margin: 0 auto;
      left: 0;
      right: 0;
      transition: 0.5s;
      padding-left: 230px;
      margin-top: 40px;
      border-radius: 10px;
      width: unset; }
      .box-layout .page-wrapper .page-header.close_icon, .box-layout.page-wrapper .page-header.close_icon {
        padding-left: 100px;
        margin-left: auto;
        width: calc(100% - 0px);
        transition: 0.5s; }
      .box-layout .page-wrapper .page-header .header-wrapper, .box-layout.page-wrapper .page-header .header-wrapper {
        border-radius: 10px 10px 0 0; }
    .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right,
    .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header, .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right,
    .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
      width: 36%; }
    .box-layout .page-wrapper.material-type .page-body-wrapper, .box-layout.page-wrapper.material-type .page-body-wrapper {
      margin-top: 0; }
      .box-layout .page-wrapper.material-type .page-body-wrapper .page-body, .box-layout.page-wrapper.material-type .page-body-wrapper .page-body {
        margin-top: 0; }
      .box-layout .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        top: 0; }
    .box-layout .page-wrapper.material-icon .page-header.close_icon, .box-layout.page-wrapper.material-icon .page-header.close_icon {
      margin-top: 40px !important; }
    .box-layout .page-wrapper.material-icon .page-body-wrapper, .box-layout.page-wrapper.material-icon .page-body-wrapper {
      margin-top: 0; }
      .box-layout .page-wrapper.material-icon .page-body-wrapper .page-body, .box-layout.page-wrapper.material-icon .page-body-wrapper .page-body {
        top: 0;
        min-height: calc(100vh - 170px);
        padding-bottom: 40px; }
    .box-layout .page-wrapper.advance-layout .page-header, .box-layout.page-wrapper.advance-layout .page-header {
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07); }
    .box-layout .page-wrapper.advance-layout .page-body-wrapper, .box-layout.page-wrapper.advance-layout .page-body-wrapper {
      margin-top: 0; }
    .box-layout .page-wrapper .page-body-wrapper, .box-layout.page-wrapper .page-body-wrapper {
      width: 1280px;
      box-shadow: 4px 11px 25px rgba(0, 0, 0, 0.07);
      margin: 0 auto;
      overflow: hidden; }
      .box-layout .page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive, .box-layout.page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive {
        min-width: 1087px;
        overflow: auto; }
      .box-layout .page-wrapper .page-body-wrapper .active-order-table, .box-layout.page-wrapper .page-body-wrapper .active-order-table {
        max-width: 443px;
        overflow: auto; }
        .box-layout .page-wrapper .page-body-wrapper .active-order-table table tbody tr td p, .box-layout.page-wrapper .page-body-wrapper .active-order-table table tbody tr td p {
          width: 100px; }
      .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.gradient-line-1:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.gradient-line-1:after {
        height: 57px;
        bottom: -64px; }
      .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.small-line:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.small-line:after {
        height: 36px;
        bottom: -43px; }
      .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.medium-line:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.medium-line:after {
        height: 40px;
        bottom: -48px; }
      .box-layout .page-wrapper .page-body-wrapper footer, .box-layout.page-wrapper .page-body-wrapper footer {
        width: 1280px;
        margin: 0 auto;
        padding-left: 230px;
        margin-bottom: 40px !important;
        position: fixed;
        left: 50%;
        z-index: 7;
        transform: translate(-50%, 0);
        border-radius: 0 0 10px; }
      .box-layout .page-wrapper .page-body-wrapper .blockquote-footer, .box-layout.page-wrapper .page-body-wrapper .blockquote-footer {
        margin-left: 0;
        width: 100%; }
      .box-layout .page-wrapper .page-body-wrapper .footer-fix, .box-layout.page-wrapper .page-body-wrapper .footer-fix {
        padding-left: 230px; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 300px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content > div, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content > div {
          z-index: 8;
          background-color: rgba(255, 255, 255, 0.75);
          background-blend-mode: overlay;
          width: 100%;
          padding: 30px;
          left: 15px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content button, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content button {
          width: 40%;
          font-size: 14px;
          margin: 0 auto; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons {
        margin-top: 20px;
        margin-bottom: 20px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons ul li, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons ul li {
          border: 1px dashed #717171;
          width: 50px;
          height: 50px;
          padding: 8px; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img {
        margin-top: 30px;
        margin-bottom: 30px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img img, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img img {
          width: 38%; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .total-time h2, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .total-time h2 {
        font-size: 28px;
        color: #717171; }
      .box-layout .page-wrapper .page-body-wrapper canvas#myLineCharts, .box-layout.page-wrapper .page-body-wrapper canvas#myLineCharts {
        width: 100%; }
      .box-layout .page-wrapper .page-body-wrapper .chat-right-aside, .box-layout.page-wrapper .page-body-wrapper .chat-right-aside {
        flex: 0 0 60%;
        max-width: 60%;
        overflow: hidden; }
      .box-layout .page-wrapper .page-body-wrapper .caller-img, .box-layout.page-wrapper .page-body-wrapper .caller-img {
        position: absolute;
        width: 100%;
        max-width: 100%;
        left: 15px; }
        .box-layout .page-wrapper .page-body-wrapper .caller-img img, .box-layout.page-wrapper .page-body-wrapper .caller-img img {
          opacity: 0.7; }
      .box-layout .page-wrapper .page-body-wrapper .browser-widget img, .box-layout.page-wrapper .page-body-wrapper .browser-widget img {
        height: 65px; }
      .box-layout .page-wrapper .page-body-wrapper .custom-card .card-header img, .box-layout.page-wrapper .page-body-wrapper .custom-card .card-header img {
        margin-top: -73px; }
      .box-layout .page-wrapper .page-body-wrapper .custom-card .card-profile img, .box-layout.page-wrapper .page-body-wrapper .custom-card .card-profile img {
        height: 130px;
        top: -17px; }
      .box-layout .page-wrapper .page-body-wrapper .select2, .box-layout.page-wrapper .page-body-wrapper .select2 {
        width: 901.781px; }
    .box-layout .page-wrapper ul.close_icon > li label, .box-layout.page-wrapper ul.close_icon > li label {
      padding: 0; }
      .box-layout .page-wrapper ul.close_icon > li label:after, .box-layout.page-wrapper ul.close_icon > li label:after {
        display: none; }
    .box-layout .page-wrapper .bookmark ul, .box-layout.page-wrapper .bookmark ul {
      margin-right: -1px; }
    .box-layout .page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn, .box-layout.page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn {
      padding-left: 20px;
      padding-right: 20px; }
    .box-layout .page-wrapper .btn-group-showcase .btn-radio .btn-group .radio input[type="radio"], .box-layout.page-wrapper .btn-group-showcase .btn-radio .btn-group .radio input[type="radio"] {
      display: none; }
    .box-layout .page-wrapper .d-flex.bitcoin-graph, .box-layout.page-wrapper .d-flex.bitcoin-graph {
      display: block; }
      .box-layout .page-wrapper .d-flex.bitcoin-graph .top-bitcoin, .box-layout.page-wrapper .d-flex.bitcoin-graph .top-bitcoin {
        display: inline-block;
        vertical-align: middle; }
      .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 {
        margin-top: 30px; }
        .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content .bitcoin-numbers h6, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content .bitcoin-numbers h6 {
          font-size: 14PX; }
        .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content.text-right, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content.text-right {
          text-align: center !important; }
    .box-layout .page-wrapper .alert.inverse p, .box-layout.page-wrapper .alert.inverse p {
      max-width: 238px;
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .box-layout .page-wrapper .auth-bg-effect .second-effect, .box-layout.page-wrapper .auth-bg-effect .second-effect {
      left: 55%; }
    .box-layout .page-wrapper .auth-bg-video video, .box-layout.page-wrapper .auth-bg-video video {
      min-width: 67%;
      width: 67%; }
    .box-layout .page-wrapper .page-builder .ge-canvas.ge-layout-desktop, .box-layout.page-wrapper .page-builder .ge-canvas.ge-layout-desktop {
      margin-top: 40px; }
    .box-layout .page-wrapper .page-builder .ge-addRowGroup, .box-layout.page-wrapper .page-builder .ge-addRowGroup {
      margin-bottom: 10px; }
    .box-layout .page-wrapper .pricing-wrapper-card, .box-layout.page-wrapper .pricing-wrapper-card {
      padding: 50px 20px; }
    .box-layout .page-wrapper .card .blog-box.blog-grid.set-min-height, .box-layout.page-wrapper .card .blog-box.blog-grid.set-min-height {
      min-height: 400px; }
    .box-layout .page-wrapper #donut-color-chart-morris-daily.flot-chart-placeholder, .box-layout.page-wrapper #donut-color-chart-morris-daily.flot-chart-placeholder {
      min-height: 430px; }
    .box-layout .page-wrapper #donut-color-chart-morris.flot-chart-placeholder, .box-layout.page-wrapper #donut-color-chart-morris.flot-chart-placeholder {
      min-height: 430px; }
    .box-layout .page-wrapper .box-col-12, .box-layout.page-wrapper .box-col-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    .box-layout .page-wrapper .box-col-6, .box-layout.page-wrapper .box-col-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    .box-layout .page-wrapper .box-col-3, .box-layout.page-wrapper .box-col-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    .box-layout .page-wrapper .box-col-7, .box-layout.page-wrapper .box-col-7 {
      flex: 0 0 60%;
      max-width: 60%; }
    .box-layout .page-wrapper .box-col-5, .box-layout.page-wrapper .box-col-5 {
      flex: 0 0 40%;
      max-width: 40%; }
    .box-layout .page-wrapper .box-col-8, .box-layout.page-wrapper .box-col-8 {
      flex: 0 0 70%;
      max-width: 70%; }
    .box-layout .page-wrapper .box-col-4e, .box-layout.page-wrapper .box-col-4e {
      flex: 0 0 30%;
      max-width: 30%; }
    .box-layout .page-wrapper .box-col-4, .box-layout.page-wrapper .box-col-4 {
      flex: 0 0 33.33%;
      max-width: 33%; }
    .box-layout .page-wrapper .box-col-8e, .box-layout.page-wrapper .box-col-8e {
      flex: 0 0 66.67%;
      max-width: 66.67%; }
    .box-layout .page-wrapper .box-col-none, .box-layout.page-wrapper .box-col-none {
      display: none !important; }
    .box-layout .page-wrapper .chat-box .chat-right-aside, .box-layout.page-wrapper .chat-box .chat-right-aside {
      flex: 0 0 100%;
      max-width: calc(100% - 15px);
      overflow: hidden; }
      .box-layout .page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i, .box-layout.page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i {
        font-size: 19px; }
    .box-layout .page-wrapper .chat-box .toogle-bar, .box-layout.page-wrapper .chat-box .toogle-bar {
      display: inline-block;
      margin-right: 0 !important; }
    .box-layout .page-wrapper .chat-menu, .box-layout.page-wrapper .chat-menu {
      right: 0;
      border-top: 1px dashed #ddd;
      opacity: 0;
      transform: translateY(-30px);
      visibility: hidden;
      top: 81px;
      position: absolute;
      z-index: 9;
      background-color: #fff;
      transition: all linear 0.3s; }
      .box-layout .page-wrapper .chat-menu.show, .box-layout.page-wrapper .chat-menu.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        transition: all linear 0.3s;
        padding-bottom: 25px; }
    .box-layout .page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar, .box-layout.page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar {
      stroke-width: 23px !important; }
    .box-layout .page-wrapper .social-app-profile #friends .box-col-4, .box-layout.page-wrapper .social-app-profile #friends .box-col-4 {
      flex: 0 0 30%;
      max-width: 30%; }
    .box-layout .page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset, .box-layout.page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset {
      max-height: 165px; }
    .box-layout .page-wrapper .email-wrap .row .col-xl-6, .box-layout.page-wrapper .email-wrap .row .col-xl-6 {
      padding-left: 12px; }
    .box-layout .page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3, .box-layout.page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3 {
      padding-right: 12px; }
    .box-layout .page-wrapper .email-wrap .email-right-aside .email-body .inbox, .box-layout.page-wrapper .email-wrap .email-right-aside .email-body .inbox {
      height: 644px; }
    .box-layout .page-wrapper .email-wrap .email-content .email-top .user-emailid:after, .box-layout.page-wrapper .email-wrap .email-content .email-top .user-emailid:after {
      right: -10px; }
    .box-layout .page-wrapper .todo .notification-popup, .box-layout.page-wrapper .todo .notification-popup {
      right: 320px; }
    .box-layout .page-wrapper .touchspin, .box-layout.page-wrapper .touchspin {
      padding: 0 10px; }
    .box-layout .page-wrapper .vertical-menu-main, .box-layout.page-wrapper .vertical-menu-main {
      width: 1280px;
      margin: 0 auto;
      left: 0;
      right: 0; }
      .box-layout .page-wrapper .vertical-menu-main .mega-menu, .box-layout.page-wrapper .vertical-menu-main .mega-menu {
        width: 1050px !important;
        max-width: 1050px !important;
        left: -320px !important; }
    .box-layout .page-wrapper .comingsoon video, .box-layout.page-wrapper .comingsoon video {
      min-width: 67%;
      width: 67%; } }
/**=====================
  5.9 Box-layout CSS Ends
==========================**/
/**=====================
 custom CSS Start
==========================**/
/**=====================
	4.1. Dark CSS Start
==========================**/
/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C; }

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8; }

.light-card {
  background-color: var(--light-background); }

.light-background {
  background-color: var(--light-bg); }

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  transform: rotate(-45deg);
  display: inline-block; }

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-l-50 {
  margin-left: 50px !important; }

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important; }

.b-r-1 {
  border-radius: 1px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-r-11 {
  border-radius: 11px !important; }

.b-r-12 {
  border-radius: 12px !important; }

.b-r-13 {
  border-radius: 13px !important; }

.b-r-14 {
  border-radius: 14px !important; }

.b-r-15 {
  border-radius: 15px !important; }

.b-r-16 {
  border-radius: 16px !important; }

.b-r-17 {
  border-radius: 17px !important; }

.b-r-18 {
  border-radius: 18px !important; }

.b-r-19 {
  border-radius: 19px !important; }

.b-r-20 {
  border-radius: 20px !important; }

.b-r-21 {
  border-radius: 21px !important; }

.b-r-22 {
  border-radius: 22px !important; }

.b-r-23 {
  border-radius: 23px !important; }

.b-r-24 {
  border-radius: 24px !important; }

.b-r-25 {
  border-radius: 25px !important; }

.b-r-26 {
  border-radius: 26px !important; }

.b-r-27 {
  border-radius: 27px !important; }

.b-r-28 {
  border-radius: 28px !important; }

.b-r-29 {
  border-radius: 29px !important; }

.b-r-30 {
  border-radius: 30px !important; }

.b-r-31 {
  border-radius: 31px !important; }

.b-r-32 {
  border-radius: 32px !important; }

.b-r-33 {
  border-radius: 33px !important; }

.b-r-34 {
  border-radius: 34px !important; }

.b-r-35 {
  border-radius: 35px !important; }

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.f-34 {
  font-size: 34px !important; }

.f-36 {
  font-size: 36px !important; }

.f-38 {
  font-size: 38px !important; }

.f-40 {
  font-size: 40px !important; }

.f-42 {
  font-size: 42px !important; }

.f-44 {
  font-size: 44px !important; }

.f-46 {
  font-size: 46px !important; }

.f-48 {
  font-size: 48px !important; }

.f-50 {
  font-size: 50px !important; }

.f-52 {
  font-size: 52px !important; }

.f-54 {
  font-size: 54px !important; }

.f-56 {
  font-size: 56px !important; }

.f-58 {
  font-size: 58px !important; }

.f-60 {
  font-size: 60px !important; }

.f-62 {
  font-size: 62px !important; }

.f-64 {
  font-size: 64px !important; }

.f-66 {
  font-size: 66px !important; }

.f-68 {
  font-size: 68px !important; }

.f-70 {
  font-size: 70px !important; }

.f-72 {
  font-size: 72px !important; }

.f-74 {
  font-size: 74px !important; }

.f-76 {
  font-size: 76px !important; }

.f-78 {
  font-size: 78px !important; }

.f-80 {
  font-size: 80px !important; }

.f-82 {
  font-size: 82px !important; }

.f-84 {
  font-size: 84px !important; }

.f-86 {
  font-size: 86px !important; }

.f-88 {
  font-size: 88px !important; }

.f-90 {
  font-size: 90px !important; }

.f-92 {
  font-size: 92px !important; }

.f-94 {
  font-size: 94px !important; }

.f-96 {
  font-size: 96px !important; }

.f-98 {
  font-size: 98px !important; }

.f-100 {
  font-size: 100px !important; }

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100; }

.f-w-300 {
  font-weight: 300; }

.f-w-500 {
  font-weight: 500; }

.f-w-400 {
  font-weight: 400; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-900 {
  font-weight: 900; }

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal; }

.f-s-italic {
  font-style: italic; }

.f-s-oblique {
  font-style: oblique; }

.f-s-initial {
  font-style: initial; }

.f-s-inherit {
  font-style: inherit; }

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-dashed {
  text-decoration: dashed; }

.text-blink {
  text-decoration: blink; }

.text-dotted {
  text-decoration: dotted; }

.text-initial {
  text-decoration: initial; }

.text-none {
  text-decoration: none; }

.text-solid {
  text-decoration: solid; }

.text-wavy {
  text-decoration: wavy; }

.text-inherit {
  text-decoration: inherit; }

.text-double {
  text-decoration: double; }

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline; }

.sub {
  vertical-align: sub; }

.super {
  vertical-align: super; }

.top {
  vertical-align: top; }

.text-top {
  vertical-align: text-top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.text-bottom {
  vertical-align: text-bottom; }

.initial {
  vertical-align: initial; }

.inherit {
  vertical-align: inherit; }

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-relative {
  position: relative; }

.p-initial {
  position: initial; }

.p-inherit {
  position: inherit; }

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden; }

.o-visible {
  overflow: visible; }

.o-auto {
  overflow: auto; }

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important; }

.img-h-10 {
  height: 10px !important; }

.img-20 {
  width: 20px !important; }

.img-h-20 {
  height: 20px !important; }

.img-30 {
  width: 30px !important; }

.img-h-30 {
  height: 30px !important; }

.img-40 {
  width: 40px !important; }

.img-h-40 {
  height: 40px !important; }

.img-50 {
  width: 50px !important; }

.img-h-50 {
  height: 50px !important; }

.img-60 {
  width: 60px !important; }

.img-h-60 {
  height: 60px !important; }

.img-70 {
  width: 70px !important; }

.img-h-70 {
  height: 70px !important; }

.img-80 {
  width: 80px !important; }

.img-h-80 {
  height: 80px !important; }

.img-90 {
  width: 90px !important; }

.img-h-90 {
  height: 90px !important; }

.img-100 {
  width: 100px !important; }

.img-h-100 {
  height: 100px !important; }

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important; }

.font-secondary {
  color: #FE6A49 !important; }

.font-success {
  color: #00AC46 !important; }

.font-danger {
  color: #FE6A49 !important; }

.font-info {
  color: #173878 !important; }

.font-light {
  color: #E6E9EB !important; }

.font-dark {
  color: #2c323f !important; }

.font-warning {
  color: #FFAE1A !important; }

.font-primary {
  color: var(--theme-deafult) !important; }

.font-secondary {
  color: var(--theme-secondary) !important; }

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize; }

.label-theme {
  background-color: #006666; }

.label-primary {
  background-color: #006666; }

.label-secondary {
  background-color: #FE6A49; }

.label-success {
  background-color: #00AC46; }

.label-danger {
  background-color: #FE6A49; }

.label-info {
  background-color: #173878; }

.label-light {
  background-color: #E6E9EB; }

.label-dark {
  background-color: #2c323f; }

.label-warning {
  background-color: #FFAE1A; }

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666; }

.badge-secondary {
  background-color: #FE6A49; }

.badge-success {
  background-color: #00AC46; }

.badge-danger {
  background-color: #FE6A49; }

.badge-info {
  background-color: #173878; }

.badge-light {
  background-color: #E6E9EB; }

.badge-dark {
  background-color: #2c323f; }

.badge-warning {
  background-color: #FFAE1A; }

.badge-primary {
  background-color: var(--theme-deafult) !important; }

.badge-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff; }

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff; }

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important; }

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-success {
  background-color: #00AC46 !important;
  color: #fff; }

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff; }

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important; }

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-info {
  background-color: #173878 !important;
  color: #fff; }

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff; }

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important; }

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff; }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff; }

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important; }

.bg-dark {
  background-color: #2c323f !important;
  color: #fff; }

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff; }

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important; }

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff; }

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff; }

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important; }

.bg-primary {
  background-color: var(--theme-deafult) !important; }

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6); }

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important; }

.txt-secondary {
  color: #FE6A49 !important; }

.txt-success {
  color: #00AC46 !important; }

.txt-danger {
  color: #FE6A49 !important; }

.txt-info {
  color: #173878 !important; }

.txt-light {
  color: #E6E9EB !important; }

.txt-dark {
  color: #2c323f !important; }

.txt-warning {
  color: #FFAE1A !important; }

.txt-google-plus {
  color: #c64e40 !important; }

.txt-twitter {
  color: #6fa2d8 !important; }

.txt-linkedin {
  color: #0077B5 !important; }

.txt-fb {
  color: #50598e !important; }

.txt-primary {
  color: var(--theme-deafult) !important; }

.txt-secondary {
  color: var(--theme-secondary) !important; }

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@keyframes push {
  50% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #006666 !important;
    border-color: #006666 !important; }
  .btn-primary:focus {
    box-shadow: unset !important; }

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-secondary:focus {
    box-shadow: unset !important; }

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }
  .btn-success:focus {
    box-shadow: unset !important; }

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-danger:focus {
    box-shadow: unset !important; }

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #173878 !important;
    border-color: #173878 !important; }
  .btn-info:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }
  .btn-light:focus {
    box-shadow: unset !important; }

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #2c323f !important;
    border-color: #2c323f !important; }
  .btn-dark:focus {
    box-shadow: unset !important; }

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }
  .btn-warning:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important; }
  .btn-light:hover {
    background-color: rgba(0, 102, 102, 0.1) !important;
    border-color: rgba(0, 102, 102, 0.1) !important; }

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important; }

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important; }

.btn-hover-effect:hover {
  animation: push 0.5s linear 1; }

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent; }
  .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-check {
  color: #006666 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #006666 !important; }
    .btn-check:checked + .btn-outline-primary {
      color: white !important;
      background-color: #006666 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-primary {
    border-color: #006666 !important;
    color: #006666 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-primary.disabled {
      color: #006666; }
    .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
      color: white !important;
      background-color: #006666 !important;
      border-color: #006666 !important;
      box-shadow: none !important; }

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary.disabled {
    color: #006666;
    border-color: #006666; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-secondary {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-secondary {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-secondary.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #00AC46 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #00AC46 !important; }
    .btn-check:checked + .btn-outline-success {
      color: white !important;
      background-color: #00AC46 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-success.disabled {
      color: #00AC46; }
    .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
      color: white !important;
      background-color: #00AC46 !important;
      border-color: #00AC46 !important;
      box-shadow: none !important; }

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success.disabled {
    color: #00AC46;
    border-color: #00AC46; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-danger {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-danger.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #173878 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #173878 !important; }
    .btn-check:checked + .btn-outline-info {
      color: white !important;
      background-color: #173878 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-info {
    border-color: #173878 !important;
    color: #173878 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-info.disabled {
      color: #173878; }
    .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
      color: white !important;
      background-color: #173878 !important;
      border-color: #173878 !important;
      box-shadow: none !important; }

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info.disabled {
    color: #173878;
    border-color: #173878; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: #fff !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #E6E9EB !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #E6E9EB !important; }
    .btn-check:checked + .btn-outline-light {
      color: white !important;
      background-color: #E6E9EB !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-light {
    border-color: #E6E9EB !important;
    color: #E6E9EB !important;
    background-color: transparent;
    color: #051A1A; }
    .btn-check + .btn-outline-light.disabled {
      color: #E6E9EB; }
    .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
      color: white !important;
      background-color: #E6E9EB !important;
      border-color: #E6E9EB !important;
      box-shadow: none !important; }

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A; }
  .btn-outline-light.disabled {
    color: #E6E9EB;
    border-color: #E6E9EB; }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: #fff !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: unset !important; }

.btn-check {
  color: #2c323f !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #2c323f !important; }
    .btn-check:checked + .btn-outline-dark {
      color: white !important;
      background-color: #2c323f !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-dark {
    border-color: #2c323f !important;
    color: #2c323f !important;
    background-color: transparent; }
    .btn-check + .btn-outline-dark.disabled {
      color: #2c323f; }
    .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
      color: white !important;
      background-color: #2c323f !important;
      border-color: #2c323f !important;
      box-shadow: none !important; }

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark.disabled {
    color: #2c323f;
    border-color: #2c323f; }
  .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FFAE1A !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FFAE1A !important; }
    .btn-check:checked + .btn-outline-warning {
      color: white !important;
      background-color: #FFAE1A !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important;
    background-color: transparent; }
    .btn-check + .btn-outline-warning.disabled {
      color: #FFAE1A; }
    .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
      color: white !important;
      background-color: #FFAE1A !important;
      border-color: #FFAE1A !important;
      box-shadow: none !important; }

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning.disabled {
    color: #FFAE1A;
    border-color: #FFAE1A; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: unset !important; }

.btn-primary.active:not([disabled]):not(.disabled) {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  box-shadow: none !important; }
  .btn-primary.active:not([disabled]):not(.disabled):hover, .btn-primary.active:not([disabled]):not(.disabled):focus, .btn-primary.active:not([disabled]):not(.disabled):active, .btn-primary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #003333;
    border-color: #003333; }

.btn-secondary.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-secondary.active:not([disabled]):not(.disabled):hover, .btn-secondary.active:not([disabled]):not(.disabled):focus, .btn-secondary.active:not([disabled]):not(.disabled):active, .btn-secondary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-success.active:not([disabled]):not(.disabled) {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  box-shadow: none !important; }
  .btn-success.active:not([disabled]):not(.disabled):hover, .btn-success.active:not([disabled]):not(.disabled):focus, .btn-success.active:not([disabled]):not(.disabled):active, .btn-success.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #007931;
    border-color: #007931; }

.btn-danger.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-danger.active:not([disabled]):not(.disabled):hover, .btn-danger.active:not([disabled]):not(.disabled):focus, .btn-danger.active:not([disabled]):not(.disabled):active, .btn-danger.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-info.active:not([disabled]):not(.disabled) {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  box-shadow: none !important; }
  .btn-info.active:not([disabled]):not(.disabled):hover, .btn-info.active:not([disabled]):not(.disabled):focus, .btn-info.active:not([disabled]):not(.disabled):active, .btn-info.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #0f244d;
    border-color: #0f244d; }

.btn-light.active:not([disabled]):not(.disabled) {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  box-shadow: none !important; }
  .btn-light.active:not([disabled]):not(.disabled):hover, .btn-light.active:not([disabled]):not(.disabled):focus, .btn-light.active:not([disabled]):not(.disabled):active, .btn-light.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #cad0d4;
    border-color: #cad0d4; }

.btn-dark.active:not([disabled]):not(.disabled) {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  box-shadow: none !important; }
  .btn-dark.active:not([disabled]):not(.disabled):hover, .btn-dark.active:not([disabled]):not(.disabled):focus, .btn-dark.active:not([disabled]):not(.disabled):active, .btn-dark.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #171a21;
    border-color: #171a21; }

.btn-warning.active:not([disabled]):not(.disabled) {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  box-shadow: none !important; }
  .btn-warning.active:not([disabled]):not(.disabled):hover, .btn-warning.active:not([disabled]):not(.disabled):focus, .btn-warning.active:not([disabled]):not(.disabled):active, .btn-warning.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #e69500;
    border-color: #e69500; }

.btn-outline-primary-2x.active:not([disabled]):not(.disabled) {
  background-color: #006666;
  border-color: #006666;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-primary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-primary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #006666 !important;
    border-color: #006666 !important; }

.btn-outline-secondary-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-secondary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-success-2x.active:not([disabled]):not(.disabled) {
  background-color: #00AC46;
  border-color: #00AC46;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-success-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-success-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-success-2x.active:not([disabled]):not(.disabled):active, .btn-outline-success-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }

.btn-outline-danger-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-danger-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):active, .btn-outline-danger-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-info-2x.active:not([disabled]):not(.disabled) {
  background-color: #173878;
  border-color: #173878;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-info-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-info-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-info-2x.active:not([disabled]):not(.disabled):active, .btn-outline-info-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #173878 !important;
    border-color: #173878 !important; }

.btn-outline-light-2x.active:not([disabled]):not(.disabled) {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-light-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-light-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-light-2x.active:not([disabled]):not(.disabled):active, .btn-outline-light-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }

.btn-outline-dark-2x.active:not([disabled]):not(.disabled) {
  background-color: #2c323f;
  border-color: #2c323f;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-dark-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):active, .btn-outline-dark-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important; }

.btn-outline-warning-2x.active:not([disabled]):not(.disabled) {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-warning-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):active, .btn-outline-warning-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important; }

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important; }

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important; }

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important; }

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important; }

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important; }

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666; }
  .table-styling .table-primary thead,
  .table-styling.table-primary thead {
    background-color: #003333;
    border: 3px solid #003333; }
  .table-styling .table-primary th,
  .table-styling .table-primary td,
  .table-styling.table-primary th,
  .table-styling.table-primary td {
    background-color: transparent; }

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-secondary thead,
  .table-styling.table-secondary thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-secondary th,
  .table-styling .table-secondary td,
  .table-styling.table-secondary th,
  .table-styling.table-secondary td {
    background-color: transparent; }

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46; }
  .table-styling .table-success thead,
  .table-styling.table-success thead {
    background-color: #007931;
    border: 3px solid #007931; }
  .table-styling .table-success th,
  .table-styling .table-success td,
  .table-styling.table-success th,
  .table-styling.table-success td {
    background-color: transparent; }

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-danger thead,
  .table-styling.table-danger thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-danger th,
  .table-styling .table-danger td,
  .table-styling.table-danger th,
  .table-styling.table-danger td {
    background-color: transparent; }

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878; }
  .table-styling .table-info thead,
  .table-styling.table-info thead {
    background-color: #0f244d;
    border: 3px solid #0f244d; }
  .table-styling .table-info th,
  .table-styling .table-info td,
  .table-styling.table-info th,
  .table-styling.table-info td {
    background-color: transparent; }

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB; }
  .table-styling .table-light thead,
  .table-styling.table-light thead {
    background-color: #cad0d4;
    border: 3px solid #cad0d4; }
  .table-styling .table-light th,
  .table-styling .table-light td,
  .table-styling.table-light th,
  .table-styling.table-light td {
    background-color: transparent; }

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f; }
  .table-styling .table-dark thead,
  .table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21; }
  .table-styling .table-dark th,
  .table-styling .table-dark td,
  .table-styling.table-dark th,
  .table-styling.table-dark td {
    background-color: transparent; }

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A; }
  .table-styling .table-warning thead,
  .table-styling.table-warning thead {
    background-color: #e69500;
    border: 3px solid #e69500; }
  .table-styling .table-warning th,
  .table-styling .table-warning td,
  .table-styling.table-warning th,
  .table-styling.table-warning td {
    background-color: transparent; }

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important; }

.stroke-secondary {
  stroke: #FE6A49 !important; }

.stroke-success {
  stroke: #00AC46 !important; }

.stroke-danger {
  stroke: #FE6A49 !important; }

.stroke-info {
  stroke: #173878 !important; }

.stroke-light {
  stroke: #E6E9EB !important; }

.stroke-dark {
  stroke: #2c323f !important; }

.stroke-warning {
  stroke: #FFAE1A !important; }

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878; }

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important; }

.b-t-primary {
  border-top: 1px solid #006666 !important; }

.border-t-primary {
  border-top: 1px solid #006666 !important; }

.b-b-primary {
  border-bottom: 1px solid #006666 !important; }

.border-b-primary {
  border-bottom: 1px solid #006666 !important; }

.b-l-primary {
  border-left: 1px solid #006666 !important; }

.border-l-primary {
  border-left: 1px solid #006666 !important; }

.b-r-primary {
  border-right: 1px solid #006666 !important; }

.border-r-primary {
  border-right: 1px solid #006666 !important; }

.b-secondary {
  border: 1px solid #FE6A49 !important; }

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.b-success {
  border: 1px solid #00AC46 !important; }

.b-t-success {
  border-top: 1px solid #00AC46 !important; }

.border-t-success {
  border-top: 1px solid #00AC46 !important; }

.b-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.border-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.b-l-success {
  border-left: 1px solid #00AC46 !important; }

.border-l-success {
  border-left: 1px solid #00AC46 !important; }

.b-r-success {
  border-right: 1px solid #00AC46 !important; }

.border-r-success {
  border-right: 1px solid #00AC46 !important; }

.b-danger {
  border: 1px solid #FE6A49 !important; }

.b-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.border-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.border-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.b-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.border-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.b-info {
  border: 1px solid #173878 !important; }

.b-t-info {
  border-top: 1px solid #173878 !important; }

.border-t-info {
  border-top: 1px solid #173878 !important; }

.b-b-info {
  border-bottom: 1px solid #173878 !important; }

.border-b-info {
  border-bottom: 1px solid #173878 !important; }

.b-l-info {
  border-left: 1px solid #173878 !important; }

.border-l-info {
  border-left: 1px solid #173878 !important; }

.b-r-info {
  border-right: 1px solid #173878 !important; }

.border-r-info {
  border-right: 1px solid #173878 !important; }

.b-light {
  border: 1px solid #E6E9EB !important; }

.b-t-light {
  border-top: 1px solid #E6E9EB !important; }

.border-t-light {
  border-top: 1px solid #E6E9EB !important; }

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.b-l-light {
  border-left: 1px solid #E6E9EB !important; }

.border-l-light {
  border-left: 1px solid #E6E9EB !important; }

.b-r-light {
  border-right: 1px solid #E6E9EB !important; }

.border-r-light {
  border-right: 1px solid #E6E9EB !important; }

.b-dark {
  border: 1px solid #2c323f !important; }

.b-t-dark {
  border-top: 1px solid #2c323f !important; }

.border-t-dark {
  border-top: 1px solid #2c323f !important; }

.b-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.border-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.b-l-dark {
  border-left: 1px solid #2c323f !important; }

.border-l-dark {
  border-left: 1px solid #2c323f !important; }

.b-r-dark {
  border-right: 1px solid #2c323f !important; }

.border-r-dark {
  border-right: 1px solid #2c323f !important; }

.b-warning {
  border: 1px solid #FFAE1A !important; }

.b-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.border-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.b-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.border-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.b-r-warning {
  border-right: 1px solid #FFAE1A !important; }

.border-r-warning {
  border-right: 1px solid #FFAE1A !important; }

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-6 {
  border-width: 6px !important; }

.border-7 {
  border-width: 7px !important; }

.border-8 {
  border-width: 8px !important; }

.border-9 {
  border-width: 9px !important; }

.border-10 {
  border-width: 10px !important; }

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px; }

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa; }

.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px; }

.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3); }

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f; }
  .line pre {
    font-size: 100%; }

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important; }

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .options > div {
    color: #86909C;
    padding: 2px 10px;
    border: 1px solid; }
    .options > div:hover {
      background-color: #006666;
      color: #fff;
      transition: background-color 0.3s ease; }

/**====== Animation css Ends ======**/
.modal-footer {
  flex-wrap: wrap; }

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0; }

.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0; }

.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px; }

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666; }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #006666 !important; }

.typeahead .theme-form .form-group {
  margin-bottom: 0; }

.primary .svg-fill {
  fill: var(--theme-deafult); }
  .primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-deafult); }

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important; }

.secondary .svg-fill {
  fill: var(--theme-secondary); }
  .secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary); }

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important; }

.success .svg-fill {
  fill: #00AC46; }

.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important; }

.warning .svg-fill {
  fill: #FFAE1A; }

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important; }

.dotted {
  border-style: dotted; }

.dashed {
  border-style: dashed; }

.double {
  border-style: double; }

.groove {
  border-style: groove; }

.ridge {
  border-style: ridge; }

.inset {
  border-style: inset; }

.outset {
  border-style: outset; }

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px; }
  75% {
    opacity: .6;
    top: 0; }
  100% {
    opacity: 1; } }

.code-box-copy {
  width: 100%;
  overflow: auto; }

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%; }
  .custom-rs-12 {
    width: 100%; } }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px; }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none; }

.bg-gray {
  background-color: var(--text-gray); }

.text-gray {
  color: var(--text-gray) !important; }

.common-flex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

.common-space {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2); }

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3); }

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important; }

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important; }

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666; }

.badge-light-secondary {
  background-color: white;
  color: #FE6A49; }

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46; }

.badge-light-danger {
  background-color: white;
  color: #FE6A49; }

.badge-light-info {
  background-color: #6e96e3;
  color: #173878; }

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c; }

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f; }

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A; }

.fc .fc-button-primary.fc-button-active:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult), 0.2) !important; }

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%;
      margin-left: 0px; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .invoice-table-data {
    background-color: #f9f9fa; }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

/**=====================
    1.1 Reset CSS Ends
==========================**/
body.dark-only {
  --bs-heading-color: rgb(255, 255, 255);
  color: rgba(255, 255, 255, 0.6);
  background-color: #1A1C23; }
  body.dark-only.modal-open {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23; }
    body.dark-only.modal-open h1,
    body.dark-only.modal-open h2,
    body.dark-only.modal-open h3,
    body.dark-only.modal-open h4,
    body.dark-only.modal-open h5,
    body.dark-only.modal-open h6 {
      color: #fff; }
    body.dark-only.modal-open span {
      color: rgba(255, 255, 255, 0.7); }
    body.dark-only.modal-open p {
      color: rgba(255, 255, 255, 0.7); }
  body.dark-only span {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .txt-primary {
    color: #006666 !important; }
  body.dark-only .txt-secondary {
    color: #FE6A49 !important; }
  body.dark-only .txt-success {
    color: #00AC46 !important; }
  body.dark-only .txt-danger {
    color: #FE6A49 !important; }
  body.dark-only .txt-info {
    color: #173878 !important; }
  body.dark-only .txt-light {
    color: #E6E9EB !important; }
  body.dark-only .txt-dark {
    color: #2c323f !important; }
  body.dark-only .txt-warning {
    color: #FFAE1A !important; }
  body.dark-only .txt-google-plus {
    color: #c64e40 !important; }
  body.dark-only .txt-twitter {
    color: #6fa2d8 !important; }
  body.dark-only .txt-linkedin {
    color: #0077B5 !important; }
  body.dark-only .txt-fb {
    color: #50598e !important; }
  body.dark-only .txt-primary {
    color: var(--theme-deafult) !important; }
  body.dark-only .txt-secondary {
    color: var(--theme-secondary) !important; }
  body.dark-only .accordion-button.accordion-light-primary:not(.collapsed) {
    background-color: rgba(0, 102, 102, 0.2); }
  body.dark-only .accordion-button.accordion-light-primary:active, body.dark-only .accordion-button.accordion-light-primary.active {
    background-color: rgba(0, 102, 102, 0.2);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-secondary:not(.collapsed) {
    background-color: rgba(254, 106, 73, 0.3); }
  body.dark-only .accordion-button.accordion-light-secondary:active, body.dark-only .accordion-button.accordion-light-secondary.active {
    background-color: rgba(254, 106, 73, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-success:not(.collapsed) {
    background-color: rgba(0, 172, 70, 0.3); }
  body.dark-only .accordion-button.accordion-light-success:active, body.dark-only .accordion-button.accordion-light-success.active {
    background-color: rgba(0, 172, 70, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-warning:not(.collapsed) {
    background-color: rgba(255, 174, 26, 0.3); }
  body.dark-only .accordion-button.accordion-light-warning:active, body.dark-only .accordion-button.accordion-light-warning.active {
    background-color: rgba(255, 174, 26, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-info:not(.collapsed) {
    background-color: rgba(23, 56, 120, 0.3); }
  body.dark-only .accordion-button.accordion-light-info:active, body.dark-only .accordion-button.accordion-light-info.active {
    background-color: rgba(23, 56, 120, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-light:not(.collapsed) {
    background-color: #F9F9FB; }
  body.dark-only .accordion-button.accordion-light-light:active, body.dark-only .accordion-button.accordion-light-light.active {
    background-color: #F9F9FB;
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-danger:not(.collapsed) {
    background-color: rgba(254, 106, 73, 0.3); }
  body.dark-only .accordion-button.accordion-light-danger:active, body.dark-only .accordion-button.accordion-light-danger.active {
    background-color: rgba(254, 106, 73, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-dark:not(.collapsed) {
    background-color: #EAEBF2; }
  body.dark-only .accordion-button.accordion-light-dark:active, body.dark-only .accordion-button.accordion-light-dark.active {
    background-color: #EAEBF2;
    color: #000;
    border: none; }
  body.dark-only .list-product-header .collapse .list-product-body {
    border: unset !important; }
  body.dark-only .card {
    --bs-card-title-color: var(--body-font-color);
    --bs-card-subtitle-color: var(--body-font-color);
    --bs-card-cap-color: var(--body-font-color);
    --bs-card-color: var(--body-font-color);
    --bs-body-color: var(--body-font-color);
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .breadcrumb {
    --bs-breadcrumb-bg: transparent; }
  body.dark-only .toast {
    --bs-toast-color: var(--body-font-color); }
  body.dark-only .modal {
    --bs-modal-color: rgba(255, 255, 255, 0.2);
    --bs-modal-footer-bg: $dark-card-background; }
  body.dark-only .accordion-flush .accordion-item .accordion-header button {
    background-color: rgba(0, 172, 70, 0.3) !important; }
  body.dark-only .moon {
    stroke: var(--body-font-color); }
  body.dark-only .radio label::before {
    background-color: #1A1C23; }
  body.dark-only .support-custom-table table.dataTable {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .support-custom-table table.dataTable thead th,
    body.dark-only .support-custom-table table.dataTable thead td {
      border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .support-custom-table table.dataTable tbody td {
      border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .support-custom-table .dataTables_wrapper .dataTables_paginate {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .list-product .datatable-sorter::before {
    border-top: 4px solid rgba(255, 255, 255, 0.5) !important; }
  body.dark-only .list-product .datatable-sorter::after {
    border-bottom: 4px solid rgba(255, 255, 255, 0.5) !important; }
  body.dark-only .onhover-dropdown.notification-down::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .nav-right > ul > li:nth-child(n+3):not(:last-child body.dark-only .nav-right > ul > li.profile-nav:nth-child(n+3)) {
    background-color: #22242B !important; }
  body.dark-only .nav-right > ul > li:nth-child(2) {
    background-color: #22242B !important; }
  body.dark-only .nav-right .nav-menus li.profile-nav ul li {
    background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .bookmark-flip .flip-card .bookmark-dropdown li:nth-child(2) {
    background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .bookmark-flip .flip-card .back ul li:nth-child(2) {
    background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .input-icon input {
    background-color: #22242B;
    border: none;
    color: #fff; }
  body.dark-only .nav-right .nav-menus li .user-name svg {
    filter: invert(1); }
  body.dark-only .nav-right .nav-menus li .profile-media .media-body span {
    color: #fff; }
  body.dark-only .email-right-aside .email-read .mail-header1 svg {
    stroke: rgba(255, 255, 255, 0.7); }
  body.dark-only .customers ul li:last-child p {
    color: rgba(255, 255, 255, 0.2) !important;
    border: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .invoice-text span {
    color: #006666; }
  body.dark-only .invoice-table-data {
    background-color: #22242B !important; }
  body.dark-only .form-control {
    background-color: #22242B !important;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only input::placeholder {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .text-muted {
    color: rgba(255, 255, 255, 0.7) !important; }
  body.dark-only .total-chart .data-grow span {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .payment-second .mega-icons .stroke-dark {
    filter: invert(3); }
  body.dark-only .breadcrumb-item.active {
    color: rgba(255, 255, 255, 0.7) !important; }
  body.dark-only .breadcrumb-item + .breadcrumb-item:before {
    color: rgba(255, 255, 255, 0.7) !important; }
  body.dark-only .sale-history-card .history-price a {
    color: #fff; }
  body.dark-only .radius-wrapper {
    background-color: #1A1C23 !important; }
  body.dark-only .product-costing {
    border-color: rgba(230, 233, 235, 0.1);
    color: #fff; }
  body.dark-only .sale-history-card {
    border-color: rgba(230, 233, 235, 0.1); }
  body.dark-only .table-order table thead {
    background-color: rgba(230, 233, 235, 0.07); }
  body.dark-only .table-order table tbody tr {
    border-bottom: 1px solid rgba(230, 233, 235, 0.1) !important; }
    body.dark-only .table-order table tbody tr td a {
      color: #fff !important; }
    body.dark-only .table-order table tbody tr td .dropdown svg {
      filter: invert(1); }
    body.dark-only .table-order table tbody tr:hover td a {
      color: var(--theme-deafult) !important; }
    body.dark-only .table-order table tbody tr:last-child {
      border-bottom: none !important; }
      body.dark-only .table-order table tbody tr:last-child td {
        border-bottom: none !important; }
  body.dark-only .new-product .product-cost .product-icon:last-child svg {
    filter: invert(1); }
  body.dark-only .revenuegrowth .revenuegrowth-chart::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .revenuegrowth-details .growth-details {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .add-project-link .categories-content a {
    color: #fff; }
  body.dark-only .activity-group::before {
    border-left: 1px dashed rgba(255, 255, 255, 0.1); }
  body.dark-only .email-general h6 {
    color: #fff; }
  body.dark-only .tranaction-table thead {
    background-color: rgba(230, 233, 235, 0.07); }
  body.dark-only .card .card-footer .common-space a {
    color: #fff; }
  body.dark-only .card .card-footer .common-space:hover a {
    color: var(--theme-deafult); }
  body.dark-only .card .card-footer .common-space .visited-dropdown {
    border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .card .card-footer .common-space .visited-dropdown svg {
      filter: invert(1); }
  body.dark-only .today-work-table .today-working-table tbody tr td a {
    color: #fff !important; }
  body.dark-only .today-work-table .today-working-table tbody tr:hover td a {
    color: #006666 !important; }
  body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .add-project .categories-content a {
    color: #fff; }
  body.dark-only .activity-log h6 a {
    color: #fff; }
  body.dark-only span.dayName {
    color: #006666 !important; }
  body.dark-only .fc-scrollgrid-sync-inner a.fc-col-header-cell-cushion {
    color: #006666 !important; }
  body.dark-only .badge-light {
    background-color: #1A1C23;
    color: #fff !important; }
  body.dark-only .apexcharts-canvas .apexcharts-svg .apexcharts-inner .apexcharts-grid-borders line {
    stroke: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .apexcharts-canvas .apexcharts-svg .apexcharts-inner .apexcharts-grid .apexcharts-gridlines-horizontal line {
    stroke: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .timeline-calendar .custom-calendar .time-line .fc-scrollgrid table thead tr {
    background-color: #1A1C23; }
  body.dark-only .activity-log-card ul li div .username {
    color: #fff; }
  body.dark-only .product-box .product-details h4 {
    color: #fff; }
  body.dark-only .product-box .product-details p {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .bookmark-wrap .left-bookmark ul li button {
    color: #fff !important; }
  body.dark-only .balance-profile h5 {
    color: #fff; }
  body.dark-only .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button {
    background: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button span {
      color: #fff; }
  body.dark-only .common-space .header-top .btn:hover i {
    color: #fff !important; }
  body.dark-only .activity-table table tbody tr td .team-activity .activity-data a {
    color: #fff !important; }
  body.dark-only .activity-table table tbody tr td .team-activity .activity-data .user-activity::before {
    background-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .activity-table table tbody tr td .team-activity .activity-data .common-space:before {
    background-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .activity-table table tbody tr td .team-activity:hover a {
    color: var(--theme-deafult) !important; }
  body.dark-only .left-header .welcome-content span {
    color: var(--body-font-color); }
  body.dark-only .dropdown-menu .input-group {
    background-color: #1A1C23;
    opacity: 1; }
  body.dark-only .dropdown-menu .dropdown-item {
    background-color: #1A1C23;
    opacity: 1;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important; }
  body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: #1A1C23;
    color: #fff; }
  body.dark-only .activity-log-card ul::before {
    border-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .dropdown-basic .dropdown .dropdown-content {
    background-color: #1A1C23;
    z-index: 2; }
    body.dark-only .dropdown-basic .dropdown .dropdown-content a {
      background-color: #1A1C23;
      color: #fff;
      border-color: rgba(255, 255, 255, 0.1); }
      body.dark-only .dropdown-basic .dropdown .dropdown-content a:hover {
        background-color: #22242B !important; }
  body.dark-only .projectlist-card {
    border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .projectlist-card .project-data a {
      color: #fff; }
  body.dark-only .new-user ul li {
    border-color: rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .new-user ul li a {
      color: #fff !important; }
    body.dark-only .new-user ul li:hover a {
      color: var(--theme-deafult) !important; }
    body.dark-only .new-user ul li .product-sub .invoice-icon {
      filter: invert(1); }
  body.dark-only .top-product-card ul li a {
    color: #fff !important; }
  body.dark-only .top-product-card ul li:hover a {
    color: var(--theme-deafult) !important; }
  body.dark-only .top-product-card ul li.top-product {
    border-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .top-product-card ul li .product-items span {
    color: #fff !important; }
  body.dark-only .deliveries-percentage table tbody tr td a {
    color: #fff; }
  body.dark-only .project-meeting-details {
    border-top: rgba(255, 255, 255, 0.1); }
    body.dark-only .project-meeting-details .project-meeting-time a {
      color: #fff; }
  body.dark-only .client-list-table table tbody tr td a {
    color: #fff !important; }
  body.dark-only .client-list-table table tbody tr td .user-id::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .client-list-table table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }
  body.dark-only .project-table .order-table thead {
    background-color: rgba(230, 233, 235, 0.07); }
  body.dark-only .project-table .order-table tbody tr td a {
    color: #fff; }
  body.dark-only .project-table .order-table tbody tr td .product-sub .dropdown svg {
    filter: invert(1); }
  body.dark-only .project-table .order-table tbody tr:hover td a {
    color: #fff; }
  body.dark-only .user-message li {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .user-message svg {
    filter: invert(1); }
  body.dark-only .apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1A1C23; }
  body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button {
    border-color: rgba(255, 255, 255, 0.2) !important; }
  body.dark-only table.fixedHeader-locked {
    background: #1A1C23; }
  body.dark-only .apexcharts-tooltip-series-group {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .apexcharts-yaxistooltip,
  body.dark-only .apexcharts-xaxistooltip {
    color: rgba(255, 255, 255, 0.6);
    background: #1A1C23;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-yaxistooltip-left::before, body.dark-only .apexcharts-yaxistooltip-left::after {
    border-left-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-xaxistooltip-bottom::before, body.dark-only .apexcharts-xaxistooltip-bottom::after {
    border-bottom-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .bottom-content .apexcharts-canvas span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .apexcharts-canvas .apexcharts-tooltip {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
      margin-bottom: 0; }
    body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .apexcharts-canvas .apexcharts-yaxis text {
    fill: #98a6ad; }
  body.dark-only .apexcharts-xaxistooltip {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-xaxistooltip-bottom:after {
    border-bottom-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1A1C23; }
    body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text {
      color: #98a6ad; }
    body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
      background: #22242B;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      color: #98a6ad; }
  body.dark-only .apexcharts-yaxis text {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .theme-form input[type=text] {
    background-color: #1A1C23 !important;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .theme-form input[type=num], body.dark-only input[type=select], body.dark-only input[type=date] {
    background-color: #1A1C23 !important;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .theme-form textarea {
    background-color: #1A1C23; }
  body.dark-only .page-body .bg-light {
    background-color: #1A1C23 !important; }
  body.dark-only .wizard-4 .step-container {
    background-color: #22242B;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .wizard-4 .login-card .login-main {
    background-color: #1A1C23; }
  body.dark-only .total-balance {
    background-blend-mode: overlay; }
  body.dark-only .icon-state .switch-state:after {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .social-widget .social-icons {
    box-shadow: 0px 42.1092px 27.8569px #1A1C23, 0px 8.90772px 7.12618px #1A1C23, 0px 2.02448px 3.44162px #1A1C23; }
  body.dark-only .calendar-basic .md-sidebar-aside {
    background: #22242B; }
  body.dark-only .calendar-basic #external-events {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .calendar-basic .calendar-default .fc .fc-daygrid-day-number,
  body.dark-only .calendar-basic .calendar-default .fc .fc-col-header-cell-cushion {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .clockpicker-popover .popover-title {
    background-color: #22242B; }
  body.dark-only .clockpicker-popover.bottom > .arrow {
    border-bottom-color: #1A1C23; }
    body.dark-only .clockpicker-popover.bottom > .arrow:after {
      border-bottom-color: #22242B; }
  body.dark-only .clockpicker-popover.top > .arrow {
    border-top-color: #1A1C23; }
    body.dark-only .clockpicker-popover.top > .arrow::after {
      border-top-color: #22242B; }
  body.dark-only .clockpicker-popover.left > .arrow {
    border-left-color: #1A1C23; }
    body.dark-only .clockpicker-popover.left > .arrow::after {
      border-left-color: #22242B; }
  body.dark-only .clockpicker-popover .popover-title {
    border-bottom-color: #22242B; }
  body.dark-only .fc-theme-standard .fc-scrollgrid,
  body.dark-only .fc-theme-standard .fc-list {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .fc-theme-standard .fc-list-day-cushion {
    background-color: #1A1C23; }
  body.dark-only .fc .fc-list-event:hover td {
    background-color: #1A1C23; }
  body.dark-only .view-container .apexcharts-canvas .apexcharts-point-annotations circle {
    outline: 25px solid #3e3d7259; }
  body.dark-only .currency-widget div[class*=bg-light-] {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .btn.badge-light-primary:hover {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .portfolio-chart-container .apexcharts-canvas .apexcharts-radialbar image {
    display: none; }
  body.dark-only svg.f-light {
    fill: rgba(255, 255, 255, 0.6);
    opacity: 1; }
  body.dark-only .course-widget .btn-light {
    background-color: #1A1C23 !important; }
  body.dark-only .schedule-list > li {
    box-shadow: 4px 7px 17px 5px rgba(26, 28, 35, 0.2); }
  body.dark-only .upcoming-event-wrap .apexcharts-canvas .apexcharts-data-labels rect {
    fill: none;
    stroke: none; }
  body.dark-only .page-wrapper.advance-layout .page-header {
    background: #22242B; }
  body.dark-only .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper.only-body {
    background: #1A1C23; }
  body.dark-only .balance-card .svg-box {
    background: #22242B;
    box-shadow: none; }
    body.dark-only .balance-card .svg-box svg {
      fill: rgba(255, 255, 255, 0.6); }
  body.dark-only .f-light {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: #22242B;
    color: #fff; }
  body.dark-only .card {
    background-color: #22242B; }
  body.dark-only .ecommerce-widget {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .btn-light {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .form-select {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .add-project .text-inherit {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .knowledgebase-search {
    color: #051A1A; }
    body.dark-only .knowledgebase-search h3 {
      color: #051A1A; }
    body.dark-only .knowledgebase-search .form-control-plaintext {
      color: #051A1A; }
  body.dark-only .toast {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .toast .toast-header {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .toast .toast-dark {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .btn-close {
    filter: brightness(0.8) invert(1); }
  body.dark-only .prooduct-details-box .media {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .product-price del {
    color: #98a6ad; }
  body.dark-only .ProfileCard {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .form-control-plaintext {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .form-select {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only .box-layout {
    background-color: #1A1C23; }
    body.dark-only .box-layout .page-wrapper .page-header .header-wrapper, body.dark-only .box-layout.page-wrapper .page-header .header-wrapper {
      border: 1px solid #1A1C23; }
  body.dark-only .form-check-input {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .checkbox-wrapper li .form-check-input,
  body.dark-only .radio-wrapper li .form-check-input {
    background-color: transparent; }
  body.dark-only .switch-state:before {
    background-color: #22242B; }
  body.dark-only .tooltip.bs-tooltip-top .tooltip-arrow:before {
    border-top-color: #323846; }
  body.dark-only .tooltip.bs-tooltip-bottom .tooltip-arrow:before {
    border-bottom-color: #323846;
    border-top-color: transparent; }
  body.dark-only .tooltip.bs-tooltip-start .tooltip-arrow:before {
    border-left-color: #323846;
    border-top-color: transparent; }
  body.dark-only .tooltip.bs-tooltip-end .tooltip-arrow:before {
    border-right-color: #323846;
    border-top-color: transparent; }
  body.dark-only .tooltip .tooltip-inner {
    background-color: #323846;
    color: #fff; }
  body.dark-only .tooltip .tooltip-arrow:before {
    border-top-color: #323846; }
  body.dark-only .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6:first-child h6 {
    color: rgba(255, 255, 255, 0.5); }
  body.dark-only .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
    background-color: #22242B; }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
    color: #fff; }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
    background-color: #1A1C23 !important; }
    body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
      background-color: #1A1C23;
      border: 1px solid rgba(255, 255, 255, 0.1);
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:last-child {
      border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
    background-color: #1A1C23 !important; }
    body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
      stroke: rgba(255, 255, 255, 0.3); }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
    background-color: #22242B; }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
    color: rgba(255, 255, 255, 0.4);
    border-color: #1A1C23 !important;
    background-color: #1A1C23 !important; }
  body.dark-only .qty-box input {
    color: rgba(255, 255, 255, 0.5); }
  body.dark-only .customizer-contain {
    color: #1A1C23; }
    body.dark-only .customizer-contain .customizer-body .main-layout .box-layout {
      background-color: #fff; }
  body.dark-only .login-dark {
    background-color: #22242B;
    background-blend-mode: overlay; }
    body.dark-only .login-dark .login-main {
      background-color: #323846; }
  body.dark-only .login-card .btn-showcase .btn {
    background-color: #22242B !important;
    color: #fff;
    border-color: #22242B !important; }
  body.dark-only .login-card .login-main {
    box-shadow: 0 0 37px rgba(255, 255, 255, 0.05); }
    body.dark-only .login-card .login-main .theme-form input {
      background-color: #22242B !important; }
    body.dark-only .login-card .login-main .theme-form .or:before {
      background-color: #22242B; }
    body.dark-only .login-card .login-main .theme-form .checkbox label::before {
      background-color: #22242B !important;
      border-color: #22242B !important; }
  body.dark-only .H_ui ~ div {
    background-color: #1A1C23 !important; }
  body.dark-only .swal-icon--success:after,
  body.dark-only .swal-icon--success:before {
    background: #22242B; }
  body.dark-only .swal-icon--success__hide-corners {
    background-color: #22242B; }
  body.dark-only .note-editor.note-frame .note-status-output {
    border-top: 1px solid #22242B; }
  body.dark-only .note-editor.note-frame .note-statusbar {
    border-top: 1px solid #22242B; }
    body.dark-only .note-editor.note-frame .note-statusbar .note-resizebar {
      background-color: #22242B; }
  body.dark-only .light-font {
    color: white; }
  body.dark-only .page-link {
    background-color: #1A1C23;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .b-r-light {
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .history-details .media {
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .modal-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only #right-history {
    background-color: #22242B;
    box-shadow: 0 0 9px #1A1C23; }
    body.dark-only #right-history h6 span a {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .ProfileCard:hover {
    color: rgba(255, 255, 255, 0.6);
    background-color: #22242B; }
  body.dark-only .translate_wrapper.active .more_lang:before {
    border-bottom: 7px solid #22242B; }
  body.dark-only .translate_wrapper.active .more_lang .lang {
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .toggle-sidebar svg {
    stroke: #fff !important; }
  body.dark-only .toggle-sidebar:hover svg {
    color: #fff !important;
    stroke: #fff !important; }
  body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
    background: rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper .page-body-wrapper {
    background-color: #1A1C23; }
    body.dark-only .page-wrapper .page-body-wrapper .page-title {
      background-color: transparent;
      border-bottom: none;
      box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 40px; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
      stroke: #fff !important; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
      fill: rgba(255, 255, 255, 0.5);
      stroke: transparent; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
      stroke: #fff; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
      fill: var(--theme-deafult);
      stroke: transparent; }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg.stroke-icon {
      stroke: var(--theme-deafult); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
      background-color: rgba(0, 102, 102, 0.2); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
        color: var(--theme-deafult); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: var(--theme-deafult); }
  body.dark-only .page-wrapper.modern-type .page-body-wrapper .page-title {
    background-color: transparent;
    border: none; }
  body.dark-only .page-wrapper .sidebar-main-title p {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    background-color: #22242B; }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg {
      stroke: var(--theme-deafult); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
      background-color: rgba(255, 255, 255, 0.2); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
        color: #fff; }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: var(--theme-deafult); }
  body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    background: #22242B;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a {
      background-color: rgba(255, 255, 255, 0.3); }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a span {
        color: #fff !important; }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
      background: #22242B; }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
        color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active, body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
          color: var(--theme-deafult); }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
        background: #22242B; }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
      background: #22242B; }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
    background: #22242B; }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    stroke: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    background-color: #22242B; }
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
    background-color: rgba(0, 102, 102, 0.2); }
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
      color: var(--theme-deafult); }
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
      color: var(--theme-deafult);
      stroke: var(--theme-deafult); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400; }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
    background-color: rgba(255, 255, 255, 0.2); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-deafult); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.material-type .page-header .header-wrapper {
    border-radius: 15px 15px 0 0; }
  body.dark-only .page-wrapper.material-icon .page-header .header-wrapper {
    background-color: transparent; }
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
      color: #fff; }
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
      color: #fff; }
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
      border: 1px solid #1A1C23;
      background: #1A1C23;
      color: #fff; }
  body.dark-only .page-wrapper.material-icon .page-header .header-logo-wrapper {
    background-color: transparent; }
  body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-body {
    background-color: transparent; }
  body.dark-only .page-wrapper.advance-layout {
    background-color: #1A1C23; }
    body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper {
      background: transparent; }
      body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper .header-logo-wrapper {
        background: transparent; }
    body.dark-only .page-wrapper.advance-layout .page-body-wrapper {
      background: transparent; }
      body.dark-only .page-wrapper.advance-layout .page-body-wrapper .page-body {
        background: transparent; }
  body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-title {
    background-color: transparent;
    box-shadow: none;
    border: none; }
  body.dark-only .page-wrapper .page-header .header-wrapper .search-full {
    background-color: #22242B; }
    body.dark-only .page-wrapper .page-header .header-wrapper .search-full input {
      color: rgba(255, 255, 255, 0.6); }
  @media only screen and (min-width: 768px) {
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
      stroke: #fff; } }
  body.dark-only ::-webkit-calendar-picker-indicator {
    filter: invert(1); }
  body.dark-only .kanban-board-header {
    background-color: #1A1C23;
    border-bottom: 1px solid #22242B; }
  body.dark-only .kanban-board .kanban-drag {
    background: #1A1C23; }
  body.dark-only .kanban-container .kanban-item .kanban-box {
    border: 1px solid rgba(0, 102, 102, 0.15);
    background-color: #1A1C23; }
  body.dark-only .project-box {
    border: 1px solid rgba(0, 102, 102, 0.15);
    background-color: #1A1C23; }
  body.dark-only .file-content .form-inline {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .file-content .files .file-box {
    border: 1px solid rgba(0, 102, 102, 0.15);
    background-color: #1A1C23; }
    body.dark-only .file-content .files .file-box .file-top {
      background-color: #22242B;
      border: 1px solid rgba(0, 102, 102, 0.15); }
  body.dark-only .file-content .folder .folder-box {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #1A1C23; }
  body.dark-only .files-content li .files-list .file-left {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #1A1C23; }
  body.dark-only .file-sidebar .pricing-plan {
    border: 1px solid rgba(0, 102, 102, 0.15) !important; }
  body.dark-only .file-sidebar .btn-light {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23 !important;
    border: 1px solid rgba(0, 102, 102, 0.15) !important; }
  body.dark-only #lnb {
    border-right: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .lnb-new-schedule,
  body.dark-only .lnb-calendars > div {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only #menu .sidebar-list .btn-default {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .tui-full-calendar-timegrid-hour {
    background-color: #22242B;
    color: #fff !important; }
  body.dark-only .tui-full-calendar-timegrid-gridline {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .tui-full-calendar-time-date,
  body.dark-only .tui-full-calendar-weekday-grid-line,
  body.dark-only .tui-full-calendar-left,
  body.dark-only .tui-full-calendar-timegrid-timezone {
    border-right-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .tui-full-calendar-popup {
    color: #051A1A; }
  body.dark-only #menu .btn-default {
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only #menu .btn-default:hover {
      color: #051A1A; }
  body.dark-only #menu .dropdown-menu {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .tui-full-calendar-dayname-container,
  body.dark-only .tui-full-calendar-splitter {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only span.tui-full-calendar-dayname-date-area {
    color: #fff !important; }
  body.dark-only .tui-full-calendar-layout {
    background-color: #22242B !important; }
  body.dark-only .blockquote {
    border-left: 4px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .figure.text-end blockquote {
    border-right-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .contacts-tabs .nav-pills {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .contacts-tabs .nav-pills .nav-link + .nav-link {
      border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .list-persons .profile-mail .media .media-body ul li + li {
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-right: unset !important; }
  body.dark-only .product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
    background-color: #22242B; }
  body.dark-only .apexcharts-gridline {
    stroke: #1A1C23; }
  body.dark-only .apexcharts-tooltip-title,
  body.dark-only .apexcharts-tooltip-series-group,
  body.dark-only .apexcharts-tooltip.light,
  body.dark-only .apexcharts-menu-item {
    color: #000; }
  body.dark-only .small-donut ~ svg path:nth-child(even),
  body.dark-only .small-donut svg path:nth-child(even),
  body.dark-only .donut-peity2 ~ svg path:nth-child(even),
  body.dark-only .donut-peity2 svg path:nth-child(even),
  body.dark-only .pie-peity ~ svg path:nth-child(even),
  body.dark-only .pie-peity svg path:nth-child(even) {
    fill: #1A1C23; }
  body.dark-only .appointment-table table tr td.img-content-box .font-roboto {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .notification .card .d-flex .w-100 p span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .notification .card .d-flex .w-100 span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .notification .vertical-more svg {
    filter: invert(1); }
  body.dark-only .datepicker {
    background-color: #323846;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .datepicker .datepicker--cell.-current- {
      color: #006666; }
    body.dark-only .datepicker .datepicker--cell.-current-.-focus- {
      color: #fff; }
    body.dark-only .datepicker .datepicker--cell-day.-other-month-,
    body.dark-only .datepicker .datepicker--cell-year.-other-decade- {
      color: rgba(255, 255, 255, 0.4); }
    body.dark-only .datepicker .datepicker--nav {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .datepicker .datepicker--pointer {
      background: #323846;
      border-top-color: #323846;
      border-right-color: #323846; }
  body.dark-only .default-datepicker .datepicker-inline .datepicker {
    background: #22242B; }
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name,
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day,
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name,
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name.-selected-,
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day.-selected-,
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name.-selected-,
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-selected- {
        color: #fff; }
  body.dark-only [class*='activity-dot-'] {
    background-color: #22242B; }
  body.dark-only .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .progress {
    background-color: #1A1C23 !important; }
  body.dark-only .alert-primary {
    background-color: rgba(0, 102, 102, 0.8) !important;
    border-color: rgba(0, 102, 102, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-primary .progress {
      height: 5px;
      background-color: #006161;
      border-radius: 0; }
    body.dark-only .alert-primary .progress-bar {
      background-color: #66ffff; }
  body.dark-only .alert-primary.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-primary.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-primary.outline .btn-close,
  body.dark-only .alert-primary.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-secondary {
    background-color: rgba(254, 106, 73, 0.8) !important;
    border-color: rgba(254, 106, 73, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-secondary .progress {
      height: 5px;
      background-color: #fe6644;
      border-radius: 0; }
    body.dark-only .alert-secondary .progress-bar {
      background-color: white; }
  body.dark-only .alert-secondary.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-secondary.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-secondary.outline .btn-close,
  body.dark-only .alert-secondary.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-success {
    background-color: rgba(0, 172, 70, 0.8) !important;
    border-color: rgba(0, 172, 70, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-success .progress {
      height: 5px;
      background-color: #00a744;
      border-radius: 0; }
    body.dark-only .alert-success .progress-bar {
      background-color: #acffce; }
  body.dark-only .alert-success.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-success.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-success.outline .btn-close,
  body.dark-only .alert-success.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-danger {
    background-color: rgba(254, 106, 73, 0.8) !important;
    border-color: rgba(254, 106, 73, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-danger .progress {
      height: 5px;
      background-color: #fe6644;
      border-radius: 0; }
    body.dark-only .alert-danger .progress-bar {
      background-color: white; }
  body.dark-only .alert-danger.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-danger.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-danger.outline .btn-close,
  body.dark-only .alert-danger.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-warning {
    background-color: rgba(255, 174, 26, 0.8) !important;
    border-color: rgba(255, 174, 26, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-warning .progress {
      height: 5px;
      background-color: #ffac15;
      border-radius: 0; }
    body.dark-only .alert-warning .progress-bar {
      background-color: white; }
  body.dark-only .alert-warning.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-warning.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-warning.outline .btn-close,
  body.dark-only .alert-warning.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-info {
    background-color: rgba(23, 56, 120, 0.8) !important;
    border-color: rgba(23, 56, 120, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-info .progress {
      height: 5px;
      background-color: #163674;
      border-radius: 0; }
    body.dark-only .alert-info .progress-bar {
      background-color: #a1bbed; }
  body.dark-only .alert-info.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-info.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-info.outline .btn-close,
  body.dark-only .alert-info.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-light {
    background-color: rgba(230, 233, 235, 0.8) !important;
    border-color: rgba(230, 233, 235, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-light .progress {
      height: 5px;
      background-color: #e3e7e9;
      border-radius: 0; }
    body.dark-only .alert-light .progress-bar {
      background-color: white; }
  body.dark-only .alert-light.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-light.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-light.outline .btn-close,
  body.dark-only .alert-light.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-dark {
    background-color: rgba(44, 50, 63, 0.8) !important;
    border-color: rgba(44, 50, 63, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-dark .progress {
      height: 5px;
      background-color: #2a303c;
      border-radius: 0; }
    body.dark-only .alert-dark .progress-bar {
      background-color: #a8b0c2; }
  body.dark-only .alert-dark.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-dark.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-dark.outline .btn-close,
  body.dark-only .alert-dark.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .options > div {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
    background-color: #1A1C23; }
  body.dark-only .pricing-simple {
    box-shadow: 1px 1px 2px 1px #1A1C23 !important; }
  body.dark-only .pricing-block {
    box-shadow: 0 0 10px 5px rgba(0, 102, 102, 0.05) !important; }
  body.dark-only .search-page ul.search-info li + li {
    border-left: 1px solid #1A1C23; }
  body.dark-only .search-page .info-block {
    border: 1px solid rgba(255, 255, 255, 0.2); }
  body.dark-only .browse .browse-articles h6 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .job-search .job-description .theme-form .row div[class^="col-"] .input-group .datepicker-here {
    border: 1px solid #1A1C23; }
  body.dark-only .calendar-wrap .fc-unthemed td,
  body.dark-only .calendar-wrap .fc-unthemed th {
    border-color: #1A1C23; }
  body.dark-only .mega-inline,
  body.dark-only .mega-horizontal,
  body.dark-only .mega-vertical {
    --bs-body-color: rgba(255, 255, 255, 0.6); }
    body.dark-only .mega-inline .card,
    body.dark-only .mega-horizontal .card,
    body.dark-only .mega-vertical .card {
      box-shadow: 1px 1px 7px 0 rgba(255, 255, 255, 0.5) !important; }
    body.dark-only .mega-inline.plain-style .card, body.dark-only .mega-inline.border-style .card, body.dark-only .mega-inline.offer-style .card,
    body.dark-only .mega-horizontal.plain-style .card,
    body.dark-only .mega-horizontal.border-style .card,
    body.dark-only .mega-horizontal.offer-style .card,
    body.dark-only .mega-vertical.plain-style .card,
    body.dark-only .mega-vertical.border-style .card,
    body.dark-only .mega-vertical.offer-style .card {
      box-shadow: none !important; }
    body.dark-only .mega-inline.border-style .card,
    body.dark-only .mega-horizontal.border-style .card,
    body.dark-only .mega-vertical.border-style .card {
      border: 1px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .mega-inline.offer-style .card,
    body.dark-only .mega-horizontal.offer-style .card,
    body.dark-only .mega-vertical.offer-style .card {
      border: 1px dashed rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .setting-dot .setting-bg {
    background-color: var(--theme-secondary); }
  body.dark-only .bookmark.pull-right {
    border: none; }
  body.dark-only .popover {
    background-color: #1A1C23; }
    body.dark-only .popover.bs-popover-bottom .popover-arrow:after {
      border-bottom-color: #1A1C23;
      border-right-color: transparent; }
    body.dark-only .popover.bs-popover-top .popover-arrow:after {
      border-right-color: transparent;
      border-top-color: #1A1C23; }
    body.dark-only .popover.bs-popover-start .popover-arrow:after {
      border-left-color: #1A1C23; }
    body.dark-only .popover .popover-header {
      background-color: #22242B; }
    body.dark-only .popover .popover-arrow:after {
      border-right-color: #1A1C23; }
    body.dark-only .popover .popover-body {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .popover code {
      background-color: unset; }
  body.dark-only .apex-chart-container .apexcharts-legend .apexcharts-legend-series span {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .quick-file li .quick-box {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-canvas svg .apexcharts-title-text {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-subtitle-text {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-xaxis-label {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-legend-series span {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-label {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-value {
    fill: #fff; }
  body.dark-only .Typeahead-menu {
    background-color: #1A1C23; }
  body.dark-only .ecommerce-widget {
    border: 1px solid #1A1C23; }
  body.dark-only .bookmark ul li .search-form .form-control-search input {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .bookmark ul li .search-form .form-control-search:before {
    background: #1A1C23; }
  body.dark-only .cart .qty-box .input-group .btn {
    background-color: #2e3648 !important;
    border-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .checkout .checkout-details {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    padding: 40px; }
    body.dark-only .checkout .checkout-details .animate-chk .radio_animated:after {
      border: 2px solid #22242B; }
  body.dark-only .order-box .title-box {
    color: #bfc2c6;
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .order-box .qty {
    border-bottom: 1px solid #1A1C23; }
    body.dark-only .order-box .qty li {
      color: #bfc2c6; }
      body.dark-only .order-box .qty li span {
        color: #bfc2c6; }
  body.dark-only .order-box .sub-total li {
    color: #bfc2c6; }
  body.dark-only .order-box .total li {
    color: #bfc2c6; }
  body.dark-only .shopping-checkout-option .checkbox_animated:after {
    border: 2px solid #22242B; }
  body.dark-only .animate-chk .radio_animated:after {
    border: 2px solid #1A1C23; }
  body.dark-only .custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(41, 50, 64, 0.52); }
  body.dark-only .product-box .product-img .product-hover ul li .btn {
    color: #98a6ad; }
  body.dark-only .product-box .product-img .product-hover ul li:hover .btn {
    color: #fff; }
  body.dark-only .radio_animated:after,
  body.dark-only .checkbox_animated:after {
    background: #1A1C23;
    border: 2px solid #1A1C23; }
  body.dark-only .slider-product {
    border-top: 1px solid #1A1C23;
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .icon-menu-header svg {
    filter: invert(1); }
  body.dark-only .square-product-setting .icon-grid {
    background-color: #22242B; }
    body.dark-only .square-product-setting .icon-grid svg {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .active-order-table table thead tr th,
  body.dark-only .market-table table thead tr th {
    border-top: none !important; }
  body.dark-only .active-order-table table tbody tr td,
  body.dark-only .market-table table tbody tr td {
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .active-order-table table tbody tr:last-child td,
  body.dark-only .market-table table tbody tr:last-child td {
    border-bottom: none; }
  body.dark-only .pricing-card-design-2 .pricing-block .pricing-inner ul li {
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .flot-chart-container .legend .table tbody {
    background-color: #22242B;
    color: #fff; }
    body.dark-only .flot-chart-container .legend .table tbody .legendLabel {
      padding-left: 5px; }
  body.dark-only .google-visualization-tooltip text {
    fill: rgba(0, 0, 0, 0.7) !important; }
  body.dark-only .nav-dark .nav-link,
  body.dark-only .nav-pills.nav-dark .nav-link {
    color: #fff; }
  body.dark-only .loader-wrapper {
    background-color: #1A1C23; }
    body.dark-only .loader-wrapper .loader {
      background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .input-icon::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .card-header .sales-chart-dropdown-select .card-header-right-icon .dropdown .dropdown-toggle {
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .card-header .sales-chart-dropdown-select .card-header-right-icon .dropdown .dropdown-menu .dropdown-item {
    background-color: #1a1c23;
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7);
    opacity: 1; }
  body.dark-only .page-wrapper {
    /* Main Header start */
    /* Main Header ends */ }
    body.dark-only .page-wrapper .sidebar-main-title h6 {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-header .translate_wrapper.active .more_lang {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .page-header .translate_wrapper.active .lang {
      background-color: #22242B; }
    body.dark-only .page-wrapper .page-header form {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .page-header .header-wrapper {
      background-color: #1A1C23; }
      body.dark-only .page-wrapper .page-header .header-wrapper li i {
        color: #E6E9EB; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li svg {
        fill: rgba(255, 255, 255, 0.3);
        stroke: rgba(255, 255, 255, 0.3); }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right.right-header > ul > li .profile-media .media-body p {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .user-message a {
        color: #fff !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .notification-card a {
        color: #fff !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .media .media-body .txt-dark {
        color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li.notification-box a {
        color: #fff !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div {
        background-color: #1A1C23;
        box-shadow: 0 0 14px #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div li {
          border-color: rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div p {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:before {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:after {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div .card .card-header {
          background-color: #22242B;
          border-color: rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div .card .card-footer {
          border-color: rgba(255, 255, 255, 0.1);
          background-color: #22242B; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li {
        background-color: #22242B; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li span {
          color: #98a6ad; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div .bg-light {
        background-color: #282e38 !important;
        color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
        color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg path,
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg line,
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg circle {
          color: rgba(255, 255, 255, 0.6) !important; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover {
          color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg line,
          body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg path,
          body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg circle {
            color: var(--theme-deafult) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .media .media-body .txt-dark {
        color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div {
        background-color: #1A1C23;
        box-shadow: 0 0 2px 2px #22242B; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div:before {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div:after {
          border-bottom: 7px solid #1A1C23; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
        background-color: #22242B; }
    body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-dark {
      display: none; }
    body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-light {
      display: block; }
    body.dark-only .page-wrapper .page-body-wrapper {
      /* body start*/ }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .header-small {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .statistics p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .media-body p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .professor-block p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .media-body p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .professor-block p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .logs-element span + span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-block .progress-title span + span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .ecommerce-icons div span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .new-users .media .media-body p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .recent-notification .media .media-body p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .media .media-body span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .progress-change span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td {
        border-top: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr:last-child td {
        border-bottom: none; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .notifiaction-media .media .media-body .circle-left {
        border: 5px solid #334154; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner {
        border-bottom: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner:last-child {
          border-bottom: none; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table table tbody tr td {
        border-top: none !important; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .number-widgets .media .media-body h6 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.gradient-line-1:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.small-line:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.medium-line:after {
        background-color: #1A1C23; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .media-body h6 span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .card.custom-card .card-header {
        border-bottom: none !important; }
      body.dark-only .page-wrapper .page-body-wrapper .custom-card .card-header img {
        background-color: #000;
        opacity: 0.8; }
      body.dark-only .page-wrapper .page-body-wrapper .page-title .row h3 small {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        stroke: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .fc-theme-standard td {
        border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
      body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main {
        border-top-color: rgba(255, 255, 255, 0.1);
        border-right-color: rgba(255, 255, 255, 0.1);
        border-bottom-color: rgba(255, 255, 255, 0.1); }
      body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-sticky .fc-task-text-box .fc-task-text {
        color: #fff; }
      body.dark-only .page-wrapper .page-body-wrapper .fc-timegrid-event-harness-inset .fc-timegrid-event {
        box-shadow: none; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body {
        background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card:not(.email-body) {
          border: none; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) {
          color: rgba(255, 255, 255, 0.7);
          background-color: #22242B;
          box-shadow: 1px 1px 2px 1px rgba(29, 28, 28, 0.08);
          border: 1px solid rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.widget-1:not(.email-body) {
            background-color: #1b1d24;
            background-blend-mode: overlay; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card.widget-1:not(.email-body) .widget-round .bg-round {
              box-shadow: 1px 2px 21px -2px rgba(14, 14, 16, 0.83); }
              body.dark-only .page-wrapper .page-body-wrapper .page-body .card.widget-1:not(.email-body) .widget-round .bg-round .half-circle {
                background: rgba(49, 53, 66, 0); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.social-profile:not(.email-body) {
            background-blend-mode: overlay;
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr td {
            color: #051A1A; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table thead .border-bottom-light th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table thead .border-bottom-light td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table tbody .border-bottom-light th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table tbody .border-bottom-light td {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.trending-card:not(.email-body) {
            background-color: #010314; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.explore-card:not(.email-body) {
            background-color: #22242B;
            background-blend-mode: overlay; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.balance-box:not(.email-body) {
            background-blend-mode: overlay;
            background-color: #16171c; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg > rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg > g text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg > g > rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg > g > text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header {
            background-color: transparent;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header > span {
              color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h1,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h2,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h3,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h4,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h5,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h6 {
              color: #fff; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right {
              background-color: #22242B; }
              body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i {
                color: rgba(255, 255, 255, 0.6); }
                body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i.fa-cog {
                  color: var(--theme-deafult); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header.note-toolbar {
              background-color: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark {
            color: #98a6ad; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark a {
              color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline-2x,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.inverse {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #animation-box .animate-widget p {
            color: #98a6ad !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .grid-item img {
            background-color: #22242B;
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .line {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) thead,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tbody,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tfoot,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tr,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) th {
            border-color: rgba(255, 255, 255, 0.03); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table td {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead th {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead .border-bottom-primary th {
            border-bottom: 1px solid var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger td {
            color: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-primary,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-secondary,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-success,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-info,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-warning,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-danger {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-light {
            color: #000; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .thead-light th {
            color: #000; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary td {
            border-bottom: 1px solid var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*='bg-'] th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*='bg-'] td {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd) {
            --bs-table-accent-bg: rgba(0, 0, 0, 0.05); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover th,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover td {
              color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-double,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dotted,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dashed {
            border-left-color: rgba(255, 255, 255, 0.1);
            border-right-color: rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered {
            border-color: rgba(255, 255, 255, 0.1) !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered td,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered th {
              border-color: rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-inverse tbody tr:nth-of-type(odd):hover td {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical tr,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical td {
            border-right: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody td {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-footer {
            background-color: #22242B;
            border-top: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch .switch-state {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch input:checked + .switch-state {
            background-color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bg-white {
            background-color: #22242B !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-l-light {
            border-left: 1px solid #1A1C23 !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-grid {
            stroke: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-label {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) hr {
            border-top: 1px solid rgba(255, 255, 255, 0.3); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .text-muted {
            color: rgba(255, 255, 255, 0.6) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-dark,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light-2x {
            color: #fff !important;
            border: 2px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x {
            border: 2px solid #fff !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:hover, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:focus {
              color: #051A1A; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light:hover {
            color: #000 !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right {
            border-right: 1px solid rgba(255, 255, 255, 0.3) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder .flot-text {
            color: rgba(255, 255, 255, 0.6) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder svg text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #gantt_chart.chart-overflow svg g rect:first-child {
            fill: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #gantt_chart.chart-overflow rect:nth-child(6) {
            fill: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #line-chart.chart-overflow rect, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #column-chart1.chart-overflow rect, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #column-chart2.chart-overflow rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > g > g > g text {
            fill: #b1b1b2; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > g > text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .radial-bar:after {
            background-color: #22242B;
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num {
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num .color-bottom {
              color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-r-light {
            border-right: 1px solid rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-labels .ct-label,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-labels .ct-label,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-labels .ct-label,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-labels .ct-label {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-grid,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-grid,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-grid,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-grid {
            stroke: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #browser-uses-chart svg text,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #website-visiter-chart svg text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 {
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 span {
              color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details span {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .clipboaard-container .form-control {
            background-color: #1A1C23;
            color: #98a6ad;
            border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .img-thumbnail {
            background-color: #1A1C23;
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper button {
            color: #000; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper.no-footer .dataTables_scrollBody {
            border-bottom: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-danger,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-success,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-primary {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length select {
            background-color: #1A1C23;
            color: rgba(255, 255, 255, 0.6);
            border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_info,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_processing,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate {
            border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter input[type="search"] {
            background-color: #1A1C23;
            border: 1px solid #1A1C23;
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr {
            background-color: #22242B; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover > .sorting_1,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr:hover > .sorting_1 {
              background-color: #1c212b; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd {
            background-color: #1f232b; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd > .sorting_1,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
              background-color: #1c212b; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
            background-color: #22262f; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable {
            border: 1px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead th,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead td {
              border-bottom: 2px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable input,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable select {
              background-color: #1A1C23;
              color: rgba(255, 255, 255, 0.6);
              border: 1px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody tr {
              background-color: #22242B; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody td.select-checkbox:before,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody th.select-checkbox:before {
              border: 1px solid #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .table-striped tbody tr:nth-of-type(odd) {
            --bs-table-accent-bg: #1d1e26; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button {
            color: rgba(255, 255, 255, 0.6) !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.current, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button:active {
              border-color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
            color: #98a6ad !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled :active {
              color: #98a6ad !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody td {
            border-top: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even:hover > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
            background-color: #191e27; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.hover tbody tr:hover,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover {
            background-color: #1c212b; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td {
            border-top: 1px solid #1A1C23;
            border-right: 1px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th:first-child,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td:first-child {
              border-left: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_2,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_3,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_2,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_3 {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #example-style-3_wrapper #example-style-3 tfoot {
            border-top: 2px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link {
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.disabled .page-link {
            background-color: #22242B;
            border-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link {
            color: rgba(255, 255, 255, 0.6);
            background-color: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item:hover .page-link {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.active .page-link {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .icon {
            color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num {
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num span {
              color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget span {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-container-small {
            background-color: #22242B;
            border-top: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td span,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td p {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table h6 {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs {
            border: none; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-item .nav-link {
              color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link.active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:focus, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:hover {
              color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a {
            background-color: #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-selected {
              background-color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a {
            border: 2px solid #1A1C23;
            background-color: #22242B;
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-selected {
              border: 2px solid var(--theme-deafult);
              color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-selected:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-active:after,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-selected:after,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-active:after {
            color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .scroll-demo {
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form input {
            border: 1px solid #1A1C23;
            color: rgba(255, 255, 255, 0.6);
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form .form-group:before {
            background: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-content {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(odd) .cd-timeline-content::before {
            border-left-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
            border-right-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .breadcrumb.bg-white {
            background-color: #22242B !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris-daily svg,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris svg,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #browser-uses-chart svg,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #website-visiter-chart svg {
            opacity: 0.5; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body #viewhtml .render {
          background-color: #22242B;
          color: rgba(255, 255, 255, 0.6);
          border-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .wizard-4 ul.anchor li a.disabled {
          color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description h4 {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description a > div {
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description p {
          color: #98a6ad; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-header {
          background-color: #22242B;
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell {
          background: #22242B;
          border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell input,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell input,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell input,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell input {
            background-color: #1A1C23;
            border-color: #1A1C23;
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell input:focus,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell input:focus,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell input:focus,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell input:focus {
              outline: none; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row select,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row select {
          background-color: #1A1C23;
          border-color: #1A1C23;
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-row > .jsgrid-cell {
          background-color: #22242B; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-alt-row > .jsgrid-cell {
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-body {
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-selected-row > .jsgrid-cell {
          background-color: #1c212b; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager [class*="jsgrid-pager"] {
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager .jsgrid-pager-page a {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-pager-current-page {
          color: rgba(255, 255, 255, 0.6);
          font-weight: 700; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .sub-title {
          border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .card .sub-title {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a {
          color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a:hover {
            color: var(--theme-deafult); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon .separator {
          border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according li .text-muted {
          color: rgba(255, 255, 255, 0.6) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon.default-according.style-1 li button:hover {
          color: var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li a {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover {
          color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover a {
            color: var(--theme-deafult); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div {
          background-color: #1A1C23;
          box-shadow: 0 0 14px 0 #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li p {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg path,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg line,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polyline,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polygon,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg rect {
            color: rgba(255, 255, 255, 0.6) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg path,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg line,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polyline,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polygon,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg rect {
            color: var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .onhover-dropdown:hover .onhover-show-div:before {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .btn-link {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body {
          color: #98a6ad; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body {
          border: 1px solid rgba(255, 255, 255, 0.1);
          border-top: none; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border {
          border: 1px solid rgba(255, 255, 255, 0.1) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-1 {
          border: 1px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-2 {
          border: 2px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .grid-showcase span.border-2 {
          border: 2px solid rgba(255, 255, 255, 0.1) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-3 {
          border: 3px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-4 {
          border: 4px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-5 {
          border: 5px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-6 {
          border: 6px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-7 {
          border: 7px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-8 {
          border: 8px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-9 {
          border: 9px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-10 {
          border: 10px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-primary {
          border: none !important;
          border-top: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-primary {
          border: none !important;
          border-bottom: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-primary {
          border: none !important;
          border-left: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-primary {
          border: none !important;
          border-right: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-primary {
          border: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-secondary {
          border: none !important;
          border-top: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-secondary {
          border: none !important;
          border-bottom: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-secondary {
          border: none !important;
          border-left: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-secondary {
          border: none !important;
          border-right: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-secondary {
          border: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-success {
          border: none !important;
          border-top: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-success {
          border: none !important;
          border-bottom: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-success {
          border: none !important;
          border-left: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-success {
          border: none !important;
          border-right: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-success {
          border: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-danger {
          border: none !important;
          border-top: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-danger {
          border: none !important;
          border-bottom: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-danger {
          border: none !important;
          border-left: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-danger {
          border: none !important;
          border-right: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-danger {
          border: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-warning {
          border: none !important;
          border-top: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-warning {
          border: none !important;
          border-bottom: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-warning {
          border: none !important;
          border-left: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-warning {
          border: none !important;
          border-right: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-warning {
          border: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-info {
          border: none !important;
          border-top: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-info {
          border: none !important;
          border-bottom: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-info {
          border: none !important;
          border-left: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-info {
          border: none !important;
          border-right: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-info {
          border: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-light {
          border: none !important;
          border-top: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-light {
          border: none !important;
          border-bottom: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-light {
          border: none !important;
          border-left: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-light {
          border: none !important;
          border-right: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-light {
          border: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-dark {
          border: none !important;
          border-top: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-dark {
          border: none !important;
          border-bottom: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-dark {
          border: none !important;
          border-left: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-dark {
          border: none !important;
          border-right: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-dark {
          border: 1px solid #2c323f !important; }
      body.dark-only .page-wrapper .page-body-wrapper .footer {
        border-top: 1px solid #1A1C23;
        background-color: #22242B; }
        body.dark-only .page-wrapper .page-body-wrapper .footer p {
          color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .custom-select,
      body.dark-only .page-wrapper .page-body-wrapper .custom-file-label {
        background: #1A1C23;
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .footer-fix {
        background-color: #22242B;
        border-top: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .note textarea {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .dt-button-info {
      background-color: #22242B;
      border: 1px solid #98a6ad; }
      body.dark-only .page-wrapper .dt-button-info h2 {
        background-color: #22242B; }
    body.dark-only .page-wrapper pre {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .scorlled {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .input-group-air {
      box-shadow: 0 3px 20px 0 #1A1C23; }
    body.dark-only .page-wrapper .input-group-text {
      background-color: #22242B;
      border: 1px solid #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .input-group-text i {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .input-group-solid .input-group-text,
    body.dark-only .page-wrapper .input-group-solid .form-control {
      background: #1A1C23;
      border: 1px solid #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .semilight-bg-color,
    body.dark-only .page-wrapper .header-bg-color {
      background-color: #fff; }
    body.dark-only .page-wrapper .list-group-item {
      background-color: #22242B;
      border: 1px solid rgba(255, 255, 255, 0.3);
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .list-group-item + .list-group-item {
        border-top-width: 0; }
      body.dark-only .page-wrapper .list-group-item.active {
        background-color: var(--theme-deafult) !important;
        border-color: var(--theme-deafult);
        color: #fff; }
      body.dark-only .page-wrapper .list-group-item:hover, body.dark-only .page-wrapper .list-group-item:focus {
        z-index: 1;
        text-decoration: none; }
    body.dark-only .page-wrapper .list-group-item-action:hover:not(.active), body.dark-only .page-wrapper .list-group-item-action:focus {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .list-group-flush .list-group-item {
      border-left: 0;
      border-right: 0;
      border-radius: 0; }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-primary {
      border-left: 4px solid var(--theme-deafult); }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-secondary {
      border-left: 4px solid var(--theme-secondary); }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-warning {
      border-left: 4px solid #FFAE1A; }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-success {
      border-left: 4px solid #00AC46; }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-info {
      border-left: 4px solid #173878; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-primary {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-secondary {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-warning {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-success {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-info {
      border-left: none; }
    body.dark-only .page-wrapper .list-group-item-primary {
      color: #004085;
      background-color: #b8daff; }
    body.dark-only .page-wrapper .list-group-item-secondary {
      color: #383d41;
      background-color: #d6d8db; }
    body.dark-only .page-wrapper .list-group-item-success {
      color: #155724;
      background-color: #c3e6cb; }
    body.dark-only .page-wrapper .list-group-item-danger {
      color: #721c24;
      background-color: #f5c6cb; }
    body.dark-only .page-wrapper .list-group-item-warning {
      color: #856404;
      background-color: #ffeeba; }
    body.dark-only .page-wrapper .list-group-item-info {
      color: #0c5460;
      background-color: #bee5eb; }
    body.dark-only .page-wrapper .list-group-item-light {
      color: #818182;
      background-color: #fdfdfe; }
    body.dark-only .page-wrapper .list-group-item-dark {
      color: #1b1e21;
      background-color: #c6c8ca; }
    body.dark-only .page-wrapper .auth-bg {
      background-blend-mode: overlay;
      background-color: rgba(54, 64, 74, 0.9); }
      body.dark-only .page-wrapper .auth-bg .authentication-box .card {
        background-color: #22242B; }
        body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group input {
          color: rgba(255, 255, 255, 0.6);
          background-color: #1A1C23;
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group label {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label {
          color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label::before {
            background-color: #1A1C23;
            border: 1px solid #1A1C23; }
      body.dark-only .page-wrapper .auth-bg .authentication-box h3,
      body.dark-only .page-wrapper .auth-bg .authentication-box h4,
      body.dark-only .page-wrapper .auth-bg .authentication-box h6 {
        color: #fff; }
    body.dark-only .page-wrapper .auth-bg-video {
      background-blend-mode: overlay;
      background-color: rgba(54, 64, 74, 0.7); }
      body.dark-only .page-wrapper .auth-bg-video .authentication-box h4,
      body.dark-only .page-wrapper .auth-bg-video .authentication-box h3 {
        color: #fff; }
      body.dark-only .page-wrapper .auth-bg-video .authentication-box h6 {
        color: #98a6ad; }
      body.dark-only .page-wrapper .auth-bg-video .authentication-box .card {
        background-color: #22242B; }
        body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type=text],
        body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type=password] {
          background-color: #1A1C23;
          border: 1px solid #1A1C23;
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .checkbox label::before {
          background-color: #1A1C23;
          border: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i {
      color: #1A1C23; }
    body.dark-only .page-wrapper .error-wrapper .maintenance-icons li:nth-child(3) i {
      color: #1A1C23; }
    body.dark-only .page-wrapper .modal-content {
      background-color: #22242B; }
      body.dark-only .page-wrapper .modal-content .modal-header {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
        body.dark-only .page-wrapper .modal-content .modal-header .modal-title {
          color: #fff; }
        body.dark-only .page-wrapper .modal-content .modal-header .close {
          color: #98a6ad; }
      body.dark-only .page-wrapper .modal-content .modal-footer {
        border-top: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .comingsoon {
      background-blend-mode: overlay;
      background-color: rgba(54, 64, 74, 0.9); }
      body.dark-only .page-wrapper .comingsoon .comingsoon-inner h5 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown {
        border-top: 1px solid #1A1C23;
        border-bottom: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown .title {
          color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .comingsoon .comingsoon-inner .coming-soon-bottom-link a {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .theme-form .login-divider {
      border-top: 1px solid #1A1C23; }
      body.dark-only .page-wrapper .theme-form .login-divider:before {
        background: #1A1C23;
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .authentication-main {
      background-color: #1A1C23; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .card {
        background-color: #22242B; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .reset-password-link {
        color: #98a6ad; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group label {
        color: #98a6ad; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group .form-control {
        background-color: #1A1C23;
        color: rgba(255, 255, 255, 0.6);
        border-color: #1A1C23; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .opt-box {
        background-color: #1A1C23; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h4 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h6 {
        color: #98a6ad; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h3 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card {
        background-color: #22242B; }
        body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type=text],
        body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type=password] {
          background-color: #1A1C23;
          border: 1px solid #1A1C23;
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .checkbox label::before {
          background-color: #1A1C23;
          border: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .vertical-menu-main {
      background-color: #22242B; }
    body.dark-only .page-wrapper .mega-menu .title {
      color: rgba(255, 255, 255, 0.6);
      border-bottom: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .mega-menu .list-unstyled div a:hover {
      color: var(--theme-deafult); }
    body.dark-only .page-wrapper .default-according .card {
      background-color: #22242B; }
      body.dark-only .page-wrapper .default-according .card .btn-link {
        background-color: #22242B;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: none;
        color: #fff; }
      body.dark-only .page-wrapper .default-according .card .text-muted {
        color: #98a6ad !important; }
    body.dark-only .page-wrapper .default-according .bg-primary .btn-link {
      background-color: var(--theme-deafult);
      border: 1px solid var(--theme-deafult); }
    body.dark-only .page-wrapper .default-according .bg-secondary .btn-link {
      background-color: var(--theme-secondary);
      border: 1px solid var(--theme-secondary); }
    body.dark-only .page-wrapper .collapse .card-body {
      background-color: #22242B; }
    body.dark-only .page-wrapper .balance-widget.card-body {
      background-color: #22242B;
      background-blend-mode: overlay; }
    @media screen and (max-width: 1660px) {
      body.dark-only .page-wrapper .caller-img img {
        opacity: 0.7; } }
    @media only screen and (max-width: 1199px) {
      body.dark-only .page-wrapper .mobile-title.d-none {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      body.dark-only .page-wrapper .chat-menu {
        border-top: 1px solid #1A1C23;
        background-color: #22242B; }
      body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i {
        color: #2c323f; } }
    @media only screen and (max-width: 575.98px) {
      body.dark-only .page-wrapper .user-profile .hovercard .info .user-designation {
        border-top: 1px solid #1A1C23;
        border-bottom: 1px solid #1A1C23; }
      body.dark-only .page-wrapper .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, body.dark-only .page-wrapper .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
        border-right: 1px solid rgba(255, 255, 255, 0.1); } }
  body.dark-only .lg-backdrop {
    background-color: #1A1C23; }
  body.dark-only .lg-outer .lg-thumb-outer {
    background-color: #22242B; }
  body.dark-only .drag {
    background-color: #22242B; }
    body.dark-only .drag form {
      background: #22242B;
      box-shadow: 0 0 30px #1A1C23;
      border: 1px dotted #1A1C23; }
      body.dark-only .drag form input {
        background-color: #1A1C23;
        border: 1px solid #1A1C23;
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .drag form .help-block {
        text-transform: capitalize;
        color: #98a6ad; }
  body.dark-only .draggable input {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid #1A1C23; }
  body.dark-only .draggable p {
    color: #98a6ad; }
  body.dark-only .draggable select {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid #1A1C23; }
  body.dark-only .draggable .radio label::before,
  body.dark-only .draggable .checkbox label::before {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only .select2-container--default .select2-selection--multiple,
  body.dark-only .select2-container--default .select2-selection--single {
    background-color: #1A1C23;
    border: 1px solid #1A1C23 !important; }
  body.dark-only .select2-container--default .select2-search--inline .select2-search__field {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #22242B !important;
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .select2-dropdown {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only .select2-drpdwn .form-control-primary {
    border-color: var(--theme-deafult) !important;
    color: var(--theme-deafult) !important; }
  body.dark-only .select2-drpdwn .form-control-secondary {
    border-color: var(--theme-secondary) !important;
    color: var(--theme-secondary) !important; }
  body.dark-only .select2-drpdwn .form-control-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important; }
  body.dark-only .select2-drpdwn .form-control-info {
    border-color: #173878 !important;
    color: #173878 !important; }
  body.dark-only .select2-drpdwn .form-control-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important; }
  body.dark-only .select2-drpdwn .form-control-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important; }
  body.dark-only .select2-drpdwn .form-control-inverse {
    border-color: #fff !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-primary-fill {
    background-color: var(--theme-deafult) !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-secondary-fill {
    background-color: var(--theme-secondary) !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-success-fill {
    background-color: #00AC46 !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-info-fill {
    background-color: #173878 !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-warning-fill {
    background-color: #FFAE1A !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-danger-fill {
    background-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-inverse-fill {
    background-color: #fff !important;
    color: #000 !important; }
  body.dark-only .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #1A1C23; }
  body.dark-only .theme-form .form-group select.form-control:not([size]):not([multiple]) {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border-color: #1A1C23; }
  body.dark-only .theme-form .form-group input[type=text],
  body.dark-only .theme-form .form-group input[type=email],
  body.dark-only .theme-form .form-group input[type=search],
  body.dark-only .theme-form .form-group input[type=password],
  body.dark-only .theme-form .form-group input[type=number],
  body.dark-only .theme-form .form-group input[type=tel],
  body.dark-only .theme-form .form-group input[type=date],
  body.dark-only .theme-form .form-group input[type=datetime-local],
  body.dark-only .theme-form .form-group input[type=time],
  body.dark-only .theme-form .form-group input[type=datetime-local],
  body.dark-only .theme-form .form-group input[type=month],
  body.dark-only .theme-form .form-group input[type=week],
  body.dark-only .theme-form .form-group input[type=url],
  body.dark-only .theme-form .form-group input[type=file],
  body.dark-only .theme-form .form-group select {
    border-color: #1A1C23;
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .theme-form .form-group input[type=text]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=email]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=search]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=password]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=number]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=tel]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=date]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=datetime-local]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=time]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=datetime-local]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=month]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=week]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=url]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=file]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group select::-webkit-input-placeholder {
      color: #98a6ad; }
  body.dark-only .theme-form .form-group .form-control {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .theme-form .form-group textarea {
    border-color: #1A1C23; }
  body.dark-only .theme-form .form-divider {
    border-top: 1px solid #1A1C23; }
    body.dark-only .theme-form .form-divider::before {
      background: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .CodeMirror {
    background: #22242B;
    border: 1px solid #98a6ad;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .CodeMirror .CodeMirror-code pre {
      background: #22242B; }
  body.dark-only .editor-toolbar {
    border-top: 1px solid #98a6ad;
    border-left: 1px solid #98a6ad;
    border-right: 1px solid #98a6ad; }
    body.dark-only .editor-toolbar a {
      color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .editor-toolbar a:hover, body.dark-only .editor-toolbar a.active {
        background: #1A1C23; }
    body.dark-only .editor-toolbar i.separator {
      border-left: 1px solid #98a6ad;
      border-right: 1px solid #98a6ad; }
    body.dark-only .editor-toolbar.fullscreen::before {
      background: linear-gradient(to right, #1A1C23 0, rgba(0, 0, 0, 0) 100%); }
    body.dark-only .editor-toolbar.fullscreen::after {
      background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, #1A1C23 100%); }
  body.dark-only .editor-toolbar.disabled-for-preview a:not(.no-disable) {
    background: #1A1C23; }
  body.dark-only .editor-preview {
    background-color: #22242B; }
  body.dark-only .editor-toolbar.fullscreen,
  body.dark-only .editor-preview-side {
    background: #22242B;
    border: 1px solid #98a6ad; }
  body.dark-only .u-step {
    background: #1A1C23; }
    body.dark-only .u-step.active, body.dark-only .u-step.current {
      background: var(--theme-deafult);
      color: #fff; }
  body.dark-only .u-step-title,
  body.dark-only .u-pearl-title {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .u-step-number {
    background-color: #22242B; }
  body.dark-only .u-pearl:before {
    background-color: #1A1C23; }
  body.dark-only .u-pearl-number,
  body.dark-only .u-pearl-icon {
    background: #1A1C23;
    border: 2px solid #1A1C23; }
  body.dark-only .u-pearl.disabled .u-pearl-icon,
  body.dark-only .u-pearl.disabled .u-pearl-number {
    background: #1A1C23;
    border: 2px solid #1A1C23; }
  body.dark-only .u-pearl.disabled:after {
    background-color: #334053; }
  body.dark-only .u-pearl.error:after {
    background-color: #1A1C23; }
  body.dark-only .note-editor.note-frame {
    border-color: #1A1C23; }
    body.dark-only .note-editor.note-frame .note-editing-area .note-editable {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .swal-modal {
    background-color: #22242B; }
    body.dark-only .swal-modal .swal-title {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .swal-modal .swal-text {
      color: #98a6ad; }
    body.dark-only .swal-modal .swal-content__input {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .nav-tabs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .nav-tabs .nav-link {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .nav-tabs .nav-link.active {
        background-color: #22242B;
        color: rgba(255, 255, 255, 0.6);
        border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) #22242B; }
      body.dark-only .nav-tabs .nav-link:hover, body.dark-only .nav-tabs .nav-link:focus {
        border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) #323846; }
    body.dark-only .nav-tabs .nav-item.show .nav-link {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6);
      border-color: #1A1C23 #1A1C23 #22242B; }
  body.dark-only .nav-primary .nav-link.active {
    background-color: var(--theme-deafult); }
  body.dark-only .nav-primary .nav-item.show .nav-link {
    background-color: var(--theme-deafult); }
  body.dark-only .custom-tab.nav-tabs {
    border-bottom: none; }
  body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.active, body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.focus, body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.hover {
    border-color: #22242B #1A1C23 #1A1C23; }
  body.dark-only .border-tab .nav-link.active {
    background-color: transparent; }
  body.dark-only .border-tab .show > .nav-link {
    background-color: transparent; }
  body.dark-only .email-wrap .media-body h6 {
    color: #fff; }
  body.dark-only .email-wrap .media-body p {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .email-wrap .email-app-sidebar ul li a > .title {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .email-wrap .main-menu > li a:hover {
    background-color: #1A1C23; }
  body.dark-only .email-wrap .main-menu > li a:active {
    background-color: #1A1C23; }
  body.dark-only .border-tab.nav-left .nav-link,
  body.dark-only .border-tab.nav-right .nav-link {
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .border-tab.nav-left .nav-link.active,
    body.dark-only .border-tab.nav-right .nav-link.active {
      color: var(--theme-deafult); }
  body.dark-only .border-tab.nav-left .show > .nav-link,
  body.dark-only .border-tab.nav-right .show > .nav-link {
    color: var(--theme-deafult); }
  body.dark-only .border-tab.nav-left.nav-secondary .nav-link.active, body.dark-only .border-tab.nav-left.nav-secondary .nav-link:focus, body.dark-only .border-tab.nav-left.nav-secondary .nav-link:hover {
    border-left-color: var(--theme-secondary);
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-left.nav-secondary .show > .nav-link {
    border-left-color: var(--theme-secondary);
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-left.nav-secondary .nav-item.show {
    color: var(--theme-secondary) !important;
    border-left-color: var(--theme-secondary); }
  body.dark-only .border-tab.nav-left.nav-success .nav-link.active, body.dark-only .border-tab.nav-left.nav-success .nav-link:focus, body.dark-only .border-tab.nav-left.nav-success .nav-link:hover {
    color: #00AC46 !important; }
  body.dark-only .border-tab.nav-left.nav-success .show > .nav-link {
    border-left-color: #00AC46;
    color: #00AC46 !important; }
  body.dark-only .border-tab.nav-left.nav-success .nav-item.show {
    color: #00AC46 !important;
    border-left-color: #00AC46; }
  body.dark-only .border-tab.nav-right.nav-info .nav-link.active, body.dark-only .border-tab.nav-right.nav-info .nav-link:focus, body.dark-only .border-tab.nav-right.nav-info .nav-link:hover {
    color: #173878 !important; }
  body.dark-only .border-tab.nav-right.nav-info .show > .nav-link {
    border-left-color: #173878;
    color: #173878 !important; }
  body.dark-only .border-tab.nav-right.nav-info .nav-item.show {
    color: #173878 !important;
    border-left-color: #173878; }
  body.dark-only .border-tab.nav-secondary .nav-link.active, body.dark-only .border-tab.nav-secondary .nav-link:focus, body.dark-only .border-tab.nav-secondary .nav-link:hover {
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-secondary .nav-item.show {
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-success .nav-link.active, body.dark-only .border-tab.nav-success .nav-link:focus, body.dark-only .border-tab.nav-success .nav-link:hover {
    color: #00AC46 !important; }
  body.dark-only .border-tab.nav-success .nav-item.show {
    color: #00AC46 !important; }
  body.dark-only .dropdown-divider {
    border-top: 1px solid #1A1C23; }
  body.dark-only .icon-hover-bottom {
    background-color: #22242B;
    box-shadow: 0px 0px 1px 1px #1A1C23; }
    body.dark-only .icon-hover-bottom .icon-title {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .icon-hover-bottom span {
      color: #98a6ad; }
    body.dark-only .icon-hover-bottom .form-group input {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6);
      border: 1px solid #1A1C23; }
    body.dark-only .icon-hover-bottom .icon-first i {
      color: #98a6ad; }
  body.dark-only code {
    background-color: #1A1C23;
    border-radius: 2px; }
  body.dark-only #cd-timeline::before {
    background: #1A1C23; }
  body.dark-only .timeliny {
    border-top: 1px solid #1A1C23;
    border-bottom: 1px solid #1A1C23; }
    body.dark-only .timeliny::before {
      background-color: #fff; }
    body.dark-only .timeliny .timeliny-dot {
      background-color: #22242B;
      border: 1px solid #fff; }
      body.dark-only .timeliny .timeliny-dot::before {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::before {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::after {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6);
      border: none; }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover {
      background-color: #fff; }
      body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover::before {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock .timeliny-dot:hover::after {
      background-color: #22242B;
      border: 1px solid #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .todo .todo-list-wrapper #todo-list li .task-container {
    background: #22242B;
    border-bottom: 1px solid #1A1C23; }
    body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-label {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .todo .todo-list-wrapper #todo-list li .task-container:hover h4 {
      color: #fff; }
    body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover:not(.active) {
      background: #22242B;
      border: 1px solid #1A1C23; }
  body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label {
    color: var(--theme-deafult); }
  body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover {
    border: 1px solid #00AC46 !important; }
  body.dark-only .todo .todo-list-wrapper .todo-list-footer .new-task-wrapper textarea {
    background-color: #22242B;
    border: 1px solid #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .ttl-info h6 {
    color: #98a6ad; }
  body.dark-only .user-profile .ttl-info span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .hovercard .info .title a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .hovercard .user-image .avatar img {
    border: 10px solid #22242B; }
  body.dark-only .user-profile .hovercard .user-image .icon-wrapper {
    background-color: #22242B; }
  body.dark-only .user-profile .hovercard .tabs-scoial {
    border-bottom: none !important; }
  body.dark-only .user-profile .follow .follow-num {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .profile-img-style .user-name {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .profile-img-style p {
    color: #98a6ad; }
  body.dark-only .introjs-helperLayer {
    background-color: rgba(54, 64, 74, 0.9);
    border: rgba(255, 255, 255, 0.5); }
  body.dark-only .jstree-default .jstree-node,
  body.dark-only .jstree-default .jstree-icon {
    color: #455869 !important; }
  body.dark-only .jstree-default .jstree-anchor {
    color: #98a6ad; }
  body.dark-only .jstree-default .jstree-clicked {
    color: #fff;
    background-color: transparent; }
  body.dark-only .jstree-default .jstree-hovered {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only span.twitter-typeahead .tt-menu {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only span.twitter-typeahead .tt-suggestion {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only span.twitter-typeahead .tt-suggestion:hover, body.dark-only span.twitter-typeahead .tt-suggestion:focus {
      background-color: #22242B; }
  body.dark-only .typography small {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .code-box-copy pre {
    background-color: #1A1C23; }
    body.dark-only .code-box-copy pre code {
      background-color: #1A1C23; }
  body.dark-only .code-box-copy pre[class*="language-"] {
    border: 1px solid #1A1C23; }
  body.dark-only .code-box-copy .code-box-copy__btn {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    color: #fff; }
  body.dark-only .code-box-copy code[class*=language-],
  body.dark-only .code-box-copy pre[class*=language-] {
    text-shadow: 0px 1px #000; }
    body.dark-only .code-box-copy code[class*=language-] ::selection,
    body.dark-only .code-box-copy pre[class*=language-] ::selection {
      text-shadow: none;
      background: #22242B; }
  body.dark-only table.fixedHeader-floating {
    background-color: #1A1C23; }
  body.dark-only .note textarea {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .dt-button-info {
    background-color: #22242B;
    border: 1px solid #1A1C23; }
    body.dark-only .dt-button-info h2 {
      background-color: #22242B;
      border-bottom: 1px solid #1A1C23; }
  body.dark-only pre {
    background-color: #1A1C23; }
  body.dark-only #keytable_wrapper .dataTables_paginate,
  body.dark-only #column-selector_wrapper .dataTables_paginate,
  body.dark-only #auto-fill_wrapper .dataTables_paginate,
  body.dark-only #custom-button_wrapper .dataTables_paginate,
  body.dark-only #class-button_wrapper .dataTables_paginate,
  body.dark-only #keyboard-btn_wrapper .dataTables_paginate,
  body.dark-only #multilevel-btn_wrapper .dataTables_paginate,
  body.dark-only #pagelength-btn_wrapper .dataTables_paginate,
  body.dark-only #basic-colreorder_wrapper .dataTables_paginate,
  body.dark-only #state-saving_wrapper .dataTables_paginate,
  body.dark-only #real-time_wrapper .dataTables_paginate,
  body.dark-only #basic-fixed-header_wrapper .dataTables_paginate,
  body.dark-only #fixed-header-footer_wrapper .dataTables_paginate,
  body.dark-only #export-button_wrapper .dataTables_paginate,
  body.dark-only #excel-cust-bolder_wrapper .dataTables_paginate,
  body.dark-only #cust-json_wrapper .dataTables_paginate,
  body.dark-only #basic-key-table_wrapper .dataTables_paginate,
  body.dark-only #focus-cell_wrapper .dataTables_paginate,
  body.dark-only #responsive_wrapper .dataTables_paginate,
  body.dark-only #new-cons_wrapper .dataTables_paginate,
  body.dark-only #show-hidden-row_wrapper .dataTables_paginate,
  body.dark-only #basic-row-reorder_wrapper .dataTables_paginate,
  body.dark-only #full-row_wrapper .dataTables_paginate,
  body.dark-only #rest-column_wrapper .dataTables_paginate {
    border: none; }
  body.dark-only #example-style-8_wrapper table.dataTable.stripe tbody tr.odd,
  body.dark-only #example-style-8_wrapper table.dataTable.display tbody tr.odd {
    background-color: #1A1C23; }
  body.dark-only .error-wrapper {
    background-color: rgba(54, 64, 74, 0.8); }
    body.dark-only .error-wrapper .sub-content {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .b-light {
    border: 1px solid #1A1C23 !important; }
  body.dark-only .modal-content {
    background-color: #22242B; }
    body.dark-only .modal-content .modal-header {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      body.dark-only .modal-content .modal-header h3 {
        color: #fff; }
      body.dark-only .modal-content .modal-header .close {
        color: rgba(255, 255, 255, 0.6);
        font-weight: 400; }
    body.dark-only .modal-content .ui-front .form-control {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6);
      border: 1px solid rgba(255, 255, 255, 0.3); }
  body.dark-only .modal .theme-close {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .token.atrule,
  body.dark-only .token.attr-value,
  body.dark-only .token.keyword {
    color: #173878; }
  body.dark-only .token.boolean, body.dark-only .token.constant, body.dark-only .token.deleted, body.dark-only .token.number, body.dark-only .token.property, body.dark-only .token.symbol, body.dark-only .token.tag {
    color: #FE6A49; }
  body.dark-only .loader-box.card-loader {
    background-color: #22242B; }
  body.dark-only .my-gallery.gallery-with-description img {
    border: 1px solid #1A1C23 !important;
    border-bottom: none !important; }
  body.dark-only .alert-primary.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-secondary.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-success.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-danger.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-warning.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-info.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-light.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-dark.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-theme span + span + span {
    border-left: 5px solid var(--theme-deafult);
    background-color: #1A1C23;
    border-radius: 4px; }
  body.dark-only .alert-theme i {
    color: #fff;
    padding: 20px;
    margin-right: 20px !important; }
  body.dark-only .user-card .user-deatils h6 {
    color: #98a6ad; }
  body.dark-only .user-card .card-footer > div:first-child {
    border-right: 1px solid #1A1C23; }
  body.dark-only .user-card .card-footer .user-footer h6 {
    color: #98a6ad; }
  body.dark-only .user-card .card-footer .user-footer svg path,
  body.dark-only .user-card .card-footer .user-footer svg rect {
    color: #98a6ad; }
  body.dark-only .order-history table .qty-box button {
    background-color: #1A1C23 !important;
    border: none !important; }
  body.dark-only .order-history table .qty-box .input-group {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .order-history table thead tr th {
    background-color: #1A1C23; }
  body.dark-only .order-history table tr td,
  body.dark-only .order-history table tr th {
    border-top: none !important; }
  body.dark-only .order-history .title-orders {
    background-color: #1A1C23; }
  body.dark-only .navigation-option ul li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .navigation-option ul li:hover {
    background-color: #1A1C23; }
  body.dark-only .product-box .product-details h6 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .product-box .product-details > a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .product-box .product-details span {
    color: #98a6ad; }
  body.dark-only .product-box .product-img .product-hover ul li {
    background-color: #22242B; }
    body.dark-only .product-box .product-img .product-hover ul li:hover {
      background-color: #000;
      color: #fff; }
  body.dark-only .browse .browse-articles ul li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .browse .browse-articles ul li:hover {
    background-color: #1A1C23; }
  body.dark-only .radio-primary input[type="radio"] + label::before {
    border-color: var(--theme-deafult) !important; }
  body.dark-only .radio-primary input[type="radio"] + label::after {
    background-color: var(--theme-deafult); }
  body.dark-only .radio-primary input[type="radio"]:checked + label::before {
    border-color: var(--theme-deafult) !important; }
  body.dark-only .radio-primary input[type="radio"]:checked + label::after {
    background-color: var(--theme-deafult); }
  body.dark-only .radio-secondary input[type="radio"] + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-secondary input[type="radio"] + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-secondary input[type="radio"]:checked + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-secondary input[type="radio"]:checked + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-success input[type="radio"] + label::before {
    border-color: #00AC46 !important; }
  body.dark-only .radio-success input[type="radio"] + label::after {
    background-color: #00AC46; }
  body.dark-only .radio-success input[type="radio"]:checked + label::before {
    border-color: #00AC46 !important; }
  body.dark-only .radio-success input[type="radio"]:checked + label::after {
    background-color: #00AC46; }
  body.dark-only .radio-danger input[type="radio"] + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-danger input[type="radio"] + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-danger input[type="radio"]:checked + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-danger input[type="radio"]:checked + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-info input[type="radio"] + label::before {
    border-color: #173878 !important; }
  body.dark-only .radio-info input[type="radio"] + label::after {
    background-color: #173878; }
  body.dark-only .radio-info input[type="radio"]:checked + label::before {
    border-color: #173878 !important; }
  body.dark-only .radio-info input[type="radio"]:checked + label::after {
    background-color: #173878; }
  body.dark-only .radio-light input[type="radio"] + label::before {
    border-color: #E6E9EB !important; }
  body.dark-only .radio-light input[type="radio"] + label::after {
    background-color: #E6E9EB; }
  body.dark-only .radio-light input[type="radio"]:checked + label::before {
    border-color: #E6E9EB !important; }
  body.dark-only .radio-light input[type="radio"]:checked + label::after {
    background-color: #E6E9EB; }
  body.dark-only .radio-dark input[type="radio"] + label::before {
    border-color: #2c323f !important; }
  body.dark-only .radio-dark input[type="radio"] + label::after {
    background-color: #2c323f; }
  body.dark-only .radio-dark input[type="radio"]:checked + label::before {
    border-color: #2c323f !important; }
  body.dark-only .radio-dark input[type="radio"]:checked + label::after {
    background-color: #2c323f; }
  body.dark-only .radio-warning input[type="radio"] + label::before {
    border-color: #FFAE1A !important; }
  body.dark-only .radio-warning input[type="radio"] + label::after {
    background-color: #FFAE1A; }
  body.dark-only .radio-warning input[type="radio"]:checked + label::before {
    border-color: #FFAE1A !important; }
  body.dark-only .radio-warning input[type="radio"]:checked + label::after {
    background-color: #FFAE1A; }
  body.dark-only .checkbox-primary label::before {
    border-color: var(--theme-deafult) !important; }
  body.dark-only .checkbox-secondary label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .checkbox-success label::before {
    border-color: #00AC46 !important; }
  body.dark-only .checkbox-danger label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .checkbox-info label::before {
    border-color: #173878 !important; }
  body.dark-only .checkbox-light label::before {
    border-color: #E6E9EB !important; }
  body.dark-only .checkbox-dark label::before {
    border-color: #2c323f !important; }
  body.dark-only .checkbox-warning label::before {
    border-color: #FFAE1A !important; }
  body.dark-only .checkbox-solid-primary label:before {
    background-color: var(--theme-deafult) !important;
    border-color: var(--theme-deafult) !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-primary input[type="checkbox"]:checked + label::before {
    background-color: var(--theme-deafult) !important;
    border-color: var(--theme-deafult) !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-primary input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-secondary label:before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-secondary input[type="checkbox"]:checked + label::before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-secondary input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-success label:before {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-success input[type="checkbox"]:checked + label::before {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-success input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-danger label:before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-danger input[type="checkbox"]:checked + label::before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-danger input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-info label:before {
    background-color: #173878 !important;
    border-color: #173878 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-info input[type="checkbox"]:checked + label::before {
    background-color: #173878 !important;
    border-color: #173878 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-info input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-light label:before {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-light input[type="checkbox"]:checked + label::before {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-light input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-dark label:before {
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-dark input[type="checkbox"]:checked + label::before {
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-dark input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-warning label:before {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-warning input[type="checkbox"]:checked + label::before {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-warning input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .bootstrap-datetimepicker-widget ul li {
    color: rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .bootstrap-datetimepicker-widget tr th:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td:hover {
    background-color: #22242B; }
  body.dark-only .bootstrap-datetimepicker-widget tr th span:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td span:hover {
    background-color: #22242B; }
  body.dark-only .bootstrap-datetimepicker-widget tr th.prev:hover, body.dark-only .bootstrap-datetimepicker-widget tr th.next:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td.prev:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td.next:hover {
    background-color: #22242B; }
  body.dark-only .bootstrap-datetimepicker-widget tr:first-child th:hover {
    background-color: #22242B; }
  body.dark-only .btn-transparent {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only #cal-basic .fc-toolbar .fc-left .fc-next-button .fc-icon-right-single-arrow:after,
  body.dark-only #cal-basic .fc-toolbar .fc-right .fc-next-button .fc-icon-right-single-arrow:after {
    color: #98a6ad; }
  body.dark-only #cal-basic .fc-toolbar .fc-left .fc-prev-button .fc-icon-left-single-arrow:after,
  body.dark-only #cal-basic .fc-toolbar .fc-right .fc-prev-button .fc-icon-left-single-arrow:after {
    color: #98a6ad; }
  body.dark-only #cal-basic .fc-toolbar .fc-left .fc-button-group .fc-month-button {
    color: #fff !important; }
  body.dark-only .fc-button-group .fc-basicWeek-button,
  body.dark-only .fc-button-group .fc-basicDay-button,
  body.dark-only .fc-button-group .fc-agendaWeek-button,
  body.dark-only .fc-button-group .fc-agendaDay-button {
    color: #000 !important; }
  body.dark-only .fc-button-group .fc-month-button {
    color: #fff !important; }
  body.dark-only .btn-light.active.active:not([disabled]):not(.disabled) {
    background-color: #1A1C23 !important;
    color: rgba(255, 255, 255, 0.3) !important; }
  body.dark-only .btn-light.disabled, body.dark-only .btn-light:disabled {
    color: rgba(5, 26, 26, 0.5) !important; }
  body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-month-button,
  body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .btn-light {
    color: #000 !important; }
  body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button {
    color: #fff !important; }
    body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button:hover {
      color: #000 !important; }
  body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
  body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .btn-light,
  body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
  body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .btn-light,
  body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
  body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .btn-light {
    color: #000 !important; }
  body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button,
  body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button,
  body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button {
    color: #fff !important; }
    body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover,
    body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover,
    body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover {
      color: #000 !important; }
  body.dark-only .categories ul li a {
    color: #98a6ad; }
  body.dark-only .categories ul li:hover {
    background-color: #1A1C23; }
  body.dark-only .socialprofile .likes-profile h5 span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .socialprofile span {
    color: #98a6ad; }
  body.dark-only .social-status .media .media-body span + span {
    color: #98a6ad; }
  body.dark-only .social-status .media .media-body p,
  body.dark-only .social-status .media .media-body .light-span {
    color: #98a6ad; }
  body.dark-only .filter-cards-view p,
  body.dark-only .timeline-content p {
    color: #98a6ad; }
  body.dark-only .filter-cards-view .comment-number i,
  body.dark-only .timeline-content .comment-number i {
    color: #98a6ad; }
  body.dark-only .filter-cards-view .comments-box .input-group .form-control,
  body.dark-only .timeline-content .comments-box .input-group .form-control {
    border: none !important; }
  body.dark-only .filter-cards-view .comments-box .input-group .input-group-append,
  body.dark-only .timeline-content .comments-box .input-group .input-group-append {
    background-color: #1A1C23; }
  body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input {
    background-color: #1A1C23;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top-left-radius: 7px !important;
    border-bottom-left-radius: 7px !important; }
    body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input:focus {
      box-shadow: unset; }
    body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input::placeholder {
      color: rgba(255, 255, 255, 0.3); }
  body.dark-only .social-chat .flex-grow-1 {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .social-chat .flex-grow-1:after {
      border-right: 7px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .social-chat .flex-grow-1 .input-group input {
      background-color: #1A1C23; }
  body.dark-only .social-chat span span {
    color: #98a6ad; }
  body.dark-only .details-about .your-details p {
    color: #98a6ad; }
  body.dark-only .activity-log .my-activity p {
    color: #98a6ad; }
  body.dark-only .bookmark ul li a {
    color: rgba(255, 255, 255, 0.6); }
  @media only screen and (max-width: 991.98px) {
    body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      border-right: 1px solid rgba(255, 255, 255, 0.1); } }
  @media only screen and (max-width: 767.98px) {
    body.dark-only .page-wrapper.material-icon .page-header {
      background-color: #22242B; } }
  body.dark-only .apexcharts-tooltip.light {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #1A1C23; }
    body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
      border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-label,
    body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-value {
      color: #fff; }
  body.dark-only .dark-txt p strong {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .live-dark .btn-close {
    filter: initial; }
  body.dark-only .alert-light {
    color: #1A1C23 !important; }
  body.dark-only .dark-input-type .input-group .input-group-text {
    background: transparent;
    border: unset; }
  body.dark-only .dropdown-menu {
    background-color: #1A1C23; }
  body.dark-only .leaflet-control-zoom span {
    color: #051A1A; }
  body.dark-only .heading-dropdown .dropdown-menu > li:first-child > a {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .heading-dropdown .dropdown-menu a.dropdown-item {
    color: rgba(255, 255, 255, 0.1); }
  body.dark-only .dark-accordion .accordion-item {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .dark-accordion .accordion-item .accordion-collapse p {
      color: rgba(255, 255, 255, 0.3); }
    body.dark-only .dark-accordion .accordion-item .accordion-collapse .accordion-body {
      background-color: #22242B; }
      body.dark-only .dark-accordion .accordion-item .accordion-collapse .accordion-body h6 {
        border: 0; }
  body.dark-only .dark-accordion .collapse-wrapper {
    color: #1A1C23; }
  body.dark-only .dark-accordion.card {
    border-radius: unset; }
  body.dark-only .accordions-content li {
    color: rgba(255, 255, 255, 0.3); }
  body.dark-only .dark-list .list-group .list-group-item + .list-group-item {
    border-top-width: 1px; }
  body.dark-only .dark-list .list-group .list-group-item .form-check-input {
    border: 1px solid rgba(255, 255, 255, 0.6);
    background-color: transparent; }
  body.dark-only .dark-list .list-light-dark {
    background-color: #1A1C23; }
  body.dark-only .card-wrapper .sub-title {
    border-bottom: unset !important; }
  body.dark-only .dark-blockquote .blockquote p {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .dark-sign-up h3 {
    color: #22242B; }
  body.dark-only .dark-sign-up p {
    color: #22242B; }
  body.dark-only .dark-sign-up .modal-body form .form-label {
    color: #1f2533; }
  body.dark-only .dark-sign-up .modal-body form .form-check .form-check-label {
    color: #1f2533; }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header svg {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header h6 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body svg {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body p {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-toggle-wrapper .dark-toggle-btn {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .social-profile {
    background-attachment: fixed; }
    body.dark-only .social-profile .social-details h5 a {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .dark-helper {
    background-color: rgba(26, 28, 35, 0.4); }
    body.dark-only .dark-helper h6,
    body.dark-only .dark-helper span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .dark-helper .text-muted {
      color: #22242B !important; }
  body.dark-only .font-dark {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .treejs .treejs-node__disabled {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .treejs .treejs-switcher:before {
    border-top: 4px solid rgba(255, 255, 255, 0.6); }
  body.dark-only .irs-min,
  body.dark-only .irs-max {
    color: #98a6ad;
    background-color: #323846; }
  body.dark-only .ribbon-wrapper.alert-light-light,
  body.dark-only .ribbon-wrapper-bottom.alert-light-light,
  body.dark-only .ribbon-vertical-left-wrapper.alert-light-light,
  body.dark-only .ribbon-wrapper-right.alert-light-light,
  body.dark-only .ribbon-vertical-right-wrapper.alert-light-light {
    background-color: #323846; }
  body.dark-only .pagination .page-item .page-link.rounded-circle {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .dark-timeline .date-content {
    color: rgba(255, 255, 255, 0.6) !important;
    background-color: #1A1C23 !important; }
  body.dark-only .student-leader-wrapper .student-leader-content {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .attendance-card .left-overview-content .svg-box {
    box-shadow: unset;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .task-table .main-task-wrapper .square-white {
    box-shadow: unset;
    border: 1px solid transparent; }
  body.dark-only .income-wrapper ul li + li {
    border-left: 1px dashed rgba(255, 255, 255, 0.1); }
    @media (max-width: 1735px) {
      body.dark-only .income-wrapper ul li + li {
        border-left: unset; } }
  body.dark-only .icons-box-2 .open-options .dropdown-menu {
    background-color: #1A1C23; }
  body.dark-only .performance-wrapper .performance-right p {
    color: var(--body-font-color); }
  body.dark-only .main-product-wrapper .product-body .product-search.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    color: #98a6ad; }
  body.dark-only .main-product-wrapper .product-body .product-search.input-group .input-group-text {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .main-product-wrapper .product-body .product-search.input-group .form-control {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-left: unset;
    background-color: #22242B; }
    [dir="rtl"] body.dark-only .main-product-wrapper .product-body .product-search.input-group .form-control {
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-right: unset; }
  body.dark-only .our-product-wrapper {
    box-shadow: 0px 3px 17px rgba(113, 113, 137, 0.18); }
  body.dark-only .grid-showcase span {
    background-color: #1A1C23; }
  body.dark-only .grid-showcase .grid-wrapper {
    background-color: #1A1C23; }
  body.dark-only .custom-input #validationCustom03.form-control,
  body.dark-only .custom-input #validationCustom03 .form-select,
  body.dark-only .custom-input #validationCustom05.form-control,
  body.dark-only .custom-input #validationCustom05 .form-select,
  body.dark-only .custom-input #validationCustomUsername.form-control,
  body.dark-only .custom-input #validationCustomUsername .form-select {
    border-color: #1A1C23; }
  body.dark-only .form-control[type=file]:not(:disabled):not([readonly]) {
    color: rgba(255, 255, 255, 0.2);
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .custom-input .form-control,
  body.dark-only .custom-input .form-select {
    background-color: #1A1C23 !important;
    border-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link:active .vertical-wizard .vertical-wizard-content h6, body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link.active .vertical-wizard .vertical-wizard-content h6 {
    color: #98a6ad; }
  body.dark-only td.highlight {
    background-color: #1f232b !important; }
  body.dark-only .card-wrapper .form-control,
  body.dark-only .dark-field .form-control {
    background-color: #1A1C23;
    border-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .form-control-sm {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .dark-inputs .form-control.btn-square {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .dark-inputs .form-control.btn-pill {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .dark-inputs .form-control.input-air-primary {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard {
    color: #1A1C23; }
  body.dark-only .touchspin-wrapper input.input-touchspin[type="number"],
  body.dark-only .pre-post-touchspin input.input-touchspin[type="number"] {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .variation-box .selection-box input[type=checkbox]:checked ~ div {
    color: #fff; }
  body.dark-only .flatpickr-calendar {
    box-shadow: unset; }
    body.dark-only .flatpickr-calendar.animate {
      background-color: #1A1C23; }
  body.dark-only .flatpickr-current-month .flatpickr-monthDropdown-months {
    color: #fff !important; }
  body.dark-only .flatpickr-current-month .numInputWrapper {
    color: #fff !important; }
  body.dark-only .flatpickr-prev-month {
    fill: #fff !important; }
  body.dark-only .flatpickr-next-month {
    fill: #fff !important; }
  body.dark-only .flatpickr-time {
    border: 1px solid #323846; }
    body.dark-only .flatpickr-time input {
      background: #22262f; }
  body.dark-only .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover {
    background-color: #22242B;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .tagify__dropdown__item--active {
    background-color: #1A1C23; }
  body.dark-only .tagify__input {
    color: #98a6ad; }
    body.dark-only .tagify__input::before {
      color: #98a6ad; }
  body.dark-only .tagify {
    border-color: rgba(255, 255, 255, 0.1);
    --tags-focus-border-color: #374558; }
    body.dark-only .tagify .tagify__tag-text {
      color: #1A1C23; }
  body.dark-only .international-num input {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #22242B; }
  body.dark-only .international-num .results ul {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .iti__country-list {
    background-color: #22242B; }
  body.dark-only .select-box .selection-option:hover {
    background-color: #22262f; }
  body.dark-only .select-box .options-container.active ~ .search-box input {
    background-color: rgba(255, 255, 255, 0.6); }
  body.dark-only .table-hover > tbody > tr:hover {
    --bs-table-accent-bg: #1d1e26; }
  body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert {
    background-color: #1A1C23;
    border-color: #323846; }
    body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert i {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert div {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .main-qr-code .modal-toggle-wrapper form .form-control {
    background-color: #1A1C23;
    border-color: #323846; }
  body.dark-only .authentication-options .radio-wrapper li .form-check-label span > span {
    color: #98a6ad; }
  body.dark-only .typeahead-wrapper .theme-form .form-control {
    background-color: #1A1C23 !important;
    border-color: #1A1C23 !important; }
  body.dark-only .compose-modal form .form-control {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1);
    color: #98a6ad; }
  body.dark-only .toolbar-box .ql-snow .ql-stroke {
    stroke: #98a6ad; }
  body.dark-only .toolbar-box .ql-snow .ql-tooltip {
    background-color: #1A1C23;
    box-shadow: unset;
    border: 0; }
    body.dark-only .toolbar-box .ql-snow .ql-tooltip.ql-editing input[type=text] {
      background-color: #22242B;
      border: 0;
      color: #98a6ad; }
  body.dark-only .toolbar-box .ql-snow a {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .toolbar-box .ql-editor.ql-blank::before {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .nav-right .nav-menus li .input-show input {
    border-color: #22242B !important;
    background-color: #1A1C23;
    color: #fff; }
  body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
    background-color: #1A1C23;
    border: 0;
    color: rgba(255, 255, 255, 0.2); }
    body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control::placeholder {
      color: rgba(255, 255, 255, 0.2); }
  body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search i {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .email-body .mail-header-wrapper .mail-body .dropdown-menu .dropdown-item {
    background: #1A1C23;
    opacity: 1;
    border: 0;
    color: rgba(255, 255, 255, 0.2); }
    body.dark-only .email-body .mail-header-wrapper .mail-body .dropdown-menu .dropdown-item:hover {
      background-color: #22242B; }
  body.dark-only .inbox-options .light-square.btn-group .dropdown-menu {
    background: #2b2b2b; }
    body.dark-only .inbox-options .light-square.btn-group .dropdown-menu .dropdown-item:hover {
      background-color: rgba(255, 255, 255, 0.2);
      color: #98a6ad; }
  body.dark-only .inbox-security {
    background-color: #1A1C23; }
  body.dark-only .mail-pagination .pagination-number,
  body.dark-only .mail-pagination .pagination-button {
    background-color: #323846; }
  body.dark-only .flatpicker-calender.product-date .form-control.flatpickr-input {
    border: unset;
    background-color: #1A1C23 !important; }
  body.dark-only .price-wrapper .radio-wrapper li .form-check-input {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .price-wrapper .radio-wrapper li .form-check-input ~ .form-check-label span {
      color: #98a6ad; }
  body.dark-only .product-buttons .btn:hover, body.dark-only .product-buttons .btn:active {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .product-buttons .btn svg {
    stroke: rgba(255, 255, 255, 0.6); }
  body.dark-only .ql-formats .ql-picker-label::before {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .list-product .datatable-pagination .datatable-active .datatable-pagination-list-item-link {
    background-color: var(--theme-deafult);
    color: var(--white); }
  body.dark-only .list-product .datatable-pagination .datatable-pagination-list-item-link {
    background-color: #1A1C23;
    color: #98a6ad; }
  body.dark-only .list-product .datatable-input:focus {
    outline: unset; }
  body.dark-only .list-product .datatable-selector {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23; }
  body.dark-only .table {
    --bs-table-bg: trasparnt; }
  body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
    background-color: #1A1C23; }
  body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
    background-color: #1A1C23;
    border: unset;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control::placeholder {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .left-sidebar-wrapper .advance-options .chats-user span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .search-contacts .form-control {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.2); }
    body.dark-only .search-contacts .form-control::placeholder {
      color: #98a6ad; }
  body.dark-only .msger .right-msg .msg-bubble {
    color: #fff; }
  body.dark-only .right-sidebar-title span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .right-sidebar-Chats .msger-chat {
    background: #1A1C23; }
  body.dark-only .right-sidebar-Chats .msger-inputarea {
    background: #22242B; }
  body.dark-only .right-sidebar-Chats .msger-input:focus {
    background-color: #1A1C23; }
  body.dark-only .fg-emoji-picker-search input,
  body.dark-only .fg-emoji-picker-search .fg-emoji-picker-search-icon {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .fg-emoji-picker-category-title {
    background-color: #323846; }
  body.dark-only .add-post form label,
  body.dark-only .add-post form .col-form-label {
    color: #98a6ad; }
  body.dark-only .add-post form .form-control {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2);
    border: unset; }
    body.dark-only .add-post form .form-control::placeholder {
      color: rgba(255, 255, 255, 0.2); }
  body.dark-only .ql-container.ql-snow .ql-editor {
    color: rgba(255, 255, 255, 0.2); }

body.dark-sidebar .page-wrapper .sidebar-main-title p {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.horizontal-wrapper .logo-wrapper .for-light {
  display: block; }

body.dark-sidebar .page-wrapper.horizontal-wrapper .logo-wrapper .for-dark {
  display: none; }

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
  background-color: #22242B; }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    stroke: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400; }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
    background-color: rgba(255, 255, 255, 0.2); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-deafult); }

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
  background: #22242B; }
  body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
    background-color: #22242B; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg.stroke-icon {
        stroke: #fff !important; }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg.fill-icon {
        fill: #051A1A;
        stroke: none !important; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a {
      background-color: rgba(255, 255, 255, 0.3); }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a span {
        color: #fff !important; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
      background: #22242B; }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
        color: rgba(255, 255, 255, 0.6); }
        body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active, body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
          color: var(--theme-deafult); }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
        background: #22242B; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
      background: #22242B; }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
  background: #22242B; }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
  stroke: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  background-color: #22242B; }
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
  background-color: rgba(0, 102, 102, 0.2); }
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
    color: var(--theme-deafult); }
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
    color: var(--theme-deafult);
    stroke: var(--theme-deafult); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400; }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
  background-color: rgba(255, 255, 255, 0.2); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
  color: var(--theme-deafult); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i {
  color: rgba(255, 255, 255, 0.6); }

body .for-dark {
  display: none; }

body[class*='dark-'] .for-dark {
  display: block; }

body[class*='dark-'] .for-light {
  display: none; }

/**=====================
	4.1. Dark CSS ends
==========================**/
/**=====================
     62. Responsive CSS Start
==========================**/
/* ========= min and max scss for 1200 to 1366 screen ========= */
@media (max-width: 1800px) {
  .todo-wrap .todo-list-body .task-container div.d-flex {
    min-width: 240px;
    justify-content: flex-end; }
  .caller-img {
    display: none; } }

@media screen and (max-width: 1660px) {
  .photos ul li {
    width: 26%; }
  .bar-chart canvas {
    width: 100% !important; }
  .chat-left-aside .people-list {
    height: 520px; }
  .caller-img {
    position: absolute;
    width: 100%;
    max-width: 100%;
    left: 15px; }
    .caller-img img {
      opacity: 0.7; }
  .timeline-small .media .timeline-round.timeline-line-1:after {
    bottom: -78px; } }

@media screen and (max-width: 1600px) {
  .page-wrapper.horizontal-wrapper.material-type .page-header {
    max-width: 1320px; }
  .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .sidebar-wrapper,
  .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .page-body {
    max-width: 1320px; } }

@media (max-width: 1470px) {
  .basic_table .table-responsive .table tbody tr td:nth-child(n+2) {
    min-width: 180px; }
  .signal-table.table-responsive .table tbody tr td:nth-child(n+2) {
    min-width: 240px; } }

@media screen and (max-width: 1660px) and (min-width: 1200px) {
  .xl-none {
    display: none; }
  .xl-60 {
    max-width: 60%;
    flex: 0 0 60%; }
  .xl-50 {
    max-width: 50%;
    flex: 0 0 50%; }
  .xl-100 {
    max-width: 100%;
    flex: 0 0 100%; }
  .xl-23 {
    max-width: 23%;
    flex: 0 0 23%; }
  .xl-25 {
    max-width: 25%;
    flex: 0 0 25%; }
  .xl-40 {
    max-width: 40%;
    flex: 0 0 40%; }
  .xl-4 {
    max-width: 33.33%;
    flex: 0 0 33.33%; } }

@media (max-width: 1280px) {
  .img-gallery-set1,
  .img-gallery-set5 {
    display: none; }
  .box-layout.page-wrapper.horizontal-wrapper .page-header {
    padding-left: unset;
    max-width: unset;
    left: unset; }
  .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper {
    width: unset; } }

@media screen and (max-width: 1580px) and (min-width: 1200px) {
  .docs-buttons,
  .docs-toggles {
    flex: 0 0 100%;
    max-width: 100%; } }

@media screen and (max-width: 1366px) and (min-width: 1200px) {
  .flot-chart-container-small {
    height: 227px; }
  .call-chat-sidebar {
    max-width: 262px; }
  .product-box .product-details {
    padding: 15px; }
    .product-box .product-details p {
      margin-bottom: 10px; }
  .flot-chart-container {
    height: 130px; }
  .custom-card .card-profile img {
    height: 115px; }
  .custom-card .profile-details h4 {
    font-size: 18px; }
  .custom-card .profile-details h6 {
    margin-bottom: 24px; }
  .custom-card .card-footer > div h3 {
    font-size: 18px; }
  .crm-activity {
    height: 291px;
    overflow-y: auto; }
    .crm-activity .media .media-body .dates {
      display: flex; }
  .chat-body {
    padding: 10px; }
  .chat-left-aside .people-list {
    height: 420px; }
    .chat-left-aside .people-list ul {
      max-height: 376px;
      overflow-y: auto; }
  .chat-left-aside .status-circle {
    top: 4px;
    left: 36px; }
  .blog-box .blog-details-main .blog-bottom-details {
    margin: 20px 10px; }
  .blog-box .blog-details-main .blog-social li {
    padding: 0px 10px; }
  .blog-bottom-content {
    display: none; }
  .blog-box.blog-shadow .blog-details {
    padding: 10px; }
  .browser-widget .media-img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px; }
  .browser-widget img {
    height: 50px; }
  .alert-dismissible p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 181px; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group {
    width: 96% !important; } }

@media only screen and (max-width: 1366px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li .profile-media .media-body {
    display: none; }
  .bookmark-wrap .task-sidebar {
    height: auto; }
  .grid-options ul li:last-child {
    display: none; }
  .product-wrapper-grid.list-view .product-box .product-img {
    width: 25%; }
  .cart .qty-box {
    width: 40%; }
  .alert-dismissible strong ~ p {
    display: inline; }
  .timeline-small .media .media-body p {
    width: 95%; }
  .map-js-height {
    height: 350px; }
  .chat-right-aside {
    flex: 0 0 60%;
    max-width: 60%;
    overflow: hidden; }
    .chat-right-aside .chat .chat-message .smiley-box {
      width: 45px; }
  .equal-height-xl {
    height: 517px; }
  .authentication-main .auth-innerright {
    background-size: cover; }
  .grp-btns {
    display: inline-block; }
  .button-builder .button-generator-bx {
    position: relative;
    width: 100%; }
  .page-builder .btn-group {
    display: inline-block;
    margin-bottom: 10px; }
  .page-builder .btn-grid {
    margin-bottom: 15px;
    margin-right: 0px;
    border-right: none;
    display: inline-block; }
  .page-builder .ge-canvas.ge-layout-desktop {
    margin-top: 50px; }
  .ecommerce-widget .total-num {
    font-size: 23px;
    letter-spacing: 0px; }
  .support-ticket-font .total-num {
    font-size: 22px; }
  .order-history table.dataTable.table thead th {
    padding-right: 50px; }
  .custom-card {
    padding: 15px; }
    .custom-card .card-social li a {
      padding: 12px; }
  .map-chart .chart-container {
    height: 300px; }
  .speed-chart .chart-container {
    height: 250px;
    margin-top: -40px;
    margin-bottom: 100px; }
  .candidcahrt {
    height: 360px; }
  .status-details h3 {
    font-size: 18px; }
  .chart-widget-top .total-value {
    font-size: 20px; }
  .status-widget .card-body {
    padding: 10px; }
  .browser-widget .media {
    flex-wrap: wrap; }
    .browser-widget .media .media-body h3 {
      font-size: 20px; }
    .browser-widget .media .media-body p {
      margin-bottom: 2px; }
    .browser-widget .media .media-body h4 {
      font-size: 20px; }
  .testimonial i {
    font-size: 46px; }
  .testimonial p {
    margin-top: 20px; }
  .redial-social-widget {
    width: 125px;
    height: 125px; }
    .redial-social-widget i {
      width: 100px;
      height: 100px;
      font-size: 35px; }
  .chat-body {
    padding: 10px; }
  .chat-left-aside .people-list {
    height: 490px; }
    .chat-left-aside .people-list ul {
      max-height: 434px;
      overflow-y: auto; }
  .status-circle {
    top: 4px;
    left: 37px; }
  .mega-menu .onhover-show-div {
    left: 164px; }
  .img-cropper .docs-toggles {
    margin-top: 8px; }
  .bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content {
    left: -21px; }
  #advance-5_wrapper .dataTables_paginate {
    margin-bottom: 8px; }
  #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child {
    width: 67px !important; }
  #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child {
    width: 67px !important; }
  .reset-password-box .theme-form .form-group .btn {
    padding: 6px 22px; } }

@media only screen and (max-width: 1366px) and (min-width: 1200px) {
  .page-wrapper.horizontal-wrapper.material-type .page-header {
    max-width: 1140px; }
  .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .sidebar-wrapper,
  .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .page-body {
    max-width: 1140px; } }

@media only screen and (max-width: 1199.98px) {
  .onhover-dropdown.notification-down::before {
    display: none; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li:last-child {
    display: block; }
  .md-sidebar .md-sidebar-toggle {
    display: block; }
  .md-sidebar .md-sidebar-aside {
    position: absolute;
    top: 40px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    width: 280px; }
    [dir="rtl"] .md-sidebar .md-sidebar-aside {
      left: unset;
      right: 0; }
    .md-sidebar .md-sidebar-aside.open {
      opacity: 1;
      visibility: visible; }
  .md-sidebar .job-sidebar {
    background-color: var(--white);
    padding: 20px; }
    .md-sidebar .job-sidebar .faq-accordion.default-according {
      margin-bottom: 0; }
      .md-sidebar .job-sidebar .faq-accordion.default-according .row > div:last-child .card {
        margin-bottom: 0; }
  .file-sidebar {
    padding-right: 12px; }
    [dir="rtl"] .file-sidebar {
      padding-right: 0; }
  .col-xl-7.b-center.bg-size {
    top: 0;
    height: 100vh;
    opacity: 0.5;
    position: fixed; }
  .login-card {
    background: transparent; }
  .knowledgebase-bg {
    height: 400px; }
  .knowledgebase-search .form-inline {
    width: 400px;
    padding: 7px 45px; }
    .knowledgebase-search .form-inline svg {
      top: 14px; }
  .btn-group .btn {
    padding: 0.375rem 1.25rem; }
  .link-section > div.active > h6:before {
    content: "\f107";
    transition: content 0.3s ease; }
  .link-section > div > h6 {
    position: relative; }
    .link-section > div > h6:before {
      content: "\f105";
      font-family: fontAwesome;
      position: absolute;
      right: 10px;
      font-size: 18px;
      transition: content 0.3s ease; }
  .alert-theme {
    min-width: 420px; }
  .mega-menu-header .header-wrapper .vertical-mobile-sidebar {
    display: block;
    margin-right: 15px; }
  .page-wrapper .page-header .header-wrapper .nav-right {
    position: unset;
    padding: 0; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul li .submenu li:first-child {
      padding-left: 15px !important; }
  .page-wrapper .page-header .header-wrapper .mobile-sidebar .switch-sm .switch {
    margin-top: 6px; }
  .photos ul li {
    width: auto; }
    .photos ul li:nth-child(3n) {
      margin-right: 15px; }
  .user-profile .hovercard .user-image .share-icons {
    position: absolute;
    right: 45px;
    top: -22px; }
    .user-profile .hovercard .user-image .share-icons li {
      color: #fff;
      font-size: 25px; }
      .user-profile .hovercard .user-image .share-icons li .social-icon {
        width: 40px;
        height: 40px; }
        .user-profile .hovercard .user-image .share-icons li .social-icon i {
          font-size: 18px; }
  .timeline-small .media .timeline-round.timeline-line-1:after {
    height: 33px;
    bottom: -52px; }
  .timeline-small .media .timeline-round.small-line:after {
    height: 18px;
    bottom: -34px; }
  .timeline-small .media .timeline-round.medium-line:after {
    height: 30px;
    bottom: -52px; }
  .timeline-small .media .media-body p {
    width: 100%; }
  .lg-mt-col {
    margin-top: 30px; }
  .xl-none {
    display: none; }
  .lg-mt {
    margin-top: 30px; }
  .product-wrapper-grid.list-view .product-box .product-img {
    width: 32%; }
  .debit-card {
    order: 1; }
  .typography .row div + div {
    margin-top: 30px; }
  .listing .card-body .row > div + div {
    margin-top: 30px; }
  .flot-chart-container {
    height: 200px; }
  .img-cropper #putData {
    margin-bottom: 10px; }
  .img-cropper .docs-toggles > .dropdown {
    margin-bottom: 0; }
  .error-wrapper .maintenance-icons li i {
    color: #E6E9EB;
    font-size: 40px; }
  .error-wrapper .maintenance-icons li:nth-child(2) i {
    font-size: 80px;
    margin-left: 90px; }
  .error-wrapper .maintenance-icons li:nth-child(3) i {
    font-size: 120px;
    margin-top: -75px;
    margin-right: 110px; }
  div.dataTables_wrapper div.dataTables_paginate ~ .dataTables_filter {
    display: block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0; }
  .jvector-map-height {
    height: 280px; }
  .blog-list .blog-details p {
    margin-bottom: 5px; }
  .custom-card .card-profile .card-footer > div h3 {
    font-size: 18px; }
  .equal-height-lg {
    min-height: unset !important; }
  .mega-menu .onhover-show-div {
    height: 435px;
    overflow-x: scroll;
    left: 215px; }
  .mega-menu .mega-bg {
    display: none; }
  .mega-menu .lg-mt {
    margin-top: 25px; }
  .button-builder .button-generator-bx {
    position: relative;
    width: 100%; }
  .blog-single .comment-box ul .comment-social {
    margin-left: 0; }
    [dir="rtl"] .blog-single .comment-box ul .comment-social {
      margin-left: unset;
      margin-right: 0; }
  .error-wrapper .maintenance-heading {
    margin-top: 30px; }
    .error-wrapper .maintenance-heading .headline {
      font-size: 50px;
      margin-top: -15%;
      margin-bottom: 0px; }
    .error-wrapper .maintenance-heading .cloud-second {
      margin-top: -25px; }
  .testimonial p {
    margin-top: 17px; }
  .browser-widget {
    padding: 0px; }
    .browser-widget img {
      height: 50px; }
    .browser-widget .media .media-body h4 {
      font-size: 17px; }
    .browser-widget .media .media-img {
      width: 100%;
      text-align: center;
      margin-bottom: 10px; }
  .crm-overall .overall-chart {
    height: 200px; }
  .product-table table.dataTable thead > tr > th {
    padding-right: 50px; }
  .chat-menu-icons {
    display: block;
    clear: both; }
  .chat-menu {
    right: 0;
    border-top: 1px solid #efefef;
    opacity: 0;
    transform: translateY(-30px);
    visibility: hidden;
    top: 60px;
    position: absolute !important;
    z-index: 3;
    background-color: #fff;
    transition: all linear 0.3s; }
    .chat-menu.show {
      opacity: 1;
      visibility: visible;
      transform: translateY(0px);
      transition: all linear 0.3s;
      padding-bottom: 25px; }
  .chat-right-aside {
    flex: 0 0 100%;
    max-width: calc(100% - 15px);
    overflow: hidden; }
  .icon-lists div {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 209px; }
  .like-comment-lg-mb {
    margin-bottom: 12px; }
  .ribbon-space-bottom {
    top: 9px; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group {
    width: 98.5% !important; }
  #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child {
    width: 95px !important; }
  #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child {
    width: 95px !important; }
  .profile-img-style #aniimated-thumbnials-3 {
    text-align: center; }
  .vertical-menu-mt {
    margin-top: 80px !important; }
    .vertical-menu-mt .xl-none {
      display: block; }
  .calendar-wrap .fc-day-grid-event {
    width: 87%; }
  .product-page-main .product-page-details h3 {
    font-size: 26px; } }

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .page-wrapper.horizontal-wrapper.material-type .page-header {
    max-width: 930px; }
  .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .sidebar-wrapper,
  .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .page-body {
    max-width: 930px; } }

@media only screen and (max-width: 991.98px) {
  .todo-list-wrapper #todo-list li .task-container .task-label {
    min-width: 460px; }
  table.dataTable.fixedHeader-locked, table.dataTable.fixedHeader-floating {
    left: 0 !important;
    width: 100% !important;
    max-width: unset !important; }
    table.dataTable.fixedHeader-locked tr, table.dataTable.fixedHeader-floating tr {
      display: flex;
      flex-wrap: wrap; }
  .simplebar-mask {
    top: 70px; }
  .project-cards .tab-content {
    margin-bottom: -20px; }
  .project-box {
    margin-bottom: 20px; }
  .page-wrapper.modern-type .simplebar-mask {
    top: 70px; }
  .page-wrapper.compact-sidebar .simplebar-mask {
    top: 87px; }
  .page-wrapper.compact-sidebar .page-header {
    margin-left: 0;
    width: calc(100% - 0px); }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links li .sidebar-link.active ~ .sidebar-submenu {
    display: none !important; }
  .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
    margin-top: 60px; }
  .page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu {
    top: 65px; }
  .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
    position: fixed !important;
    top: 0 !important; }
  .product-box .modal .modal-header .product-box .product-details {
    padding-left: 15px;
    padding-right: 15px; }
  .search-form .form-group:before {
    top: 33px; }
  .search-form .form-group:after {
    top: 35px; }
  .mobile-title.d-none {
    padding: 11px 30px 10px; }
  .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
    top: 50px; }
  .page-wrapper .page-header .header-wrapper .search-full input {
    line-height: 50px; }
  .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
    top: 20px; }
  .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
    top: 18px; }
  .page-wrapper .current_lang .lang span.lang-txt {
    display: none; }
  .customizer-contain {
    top: 62px; }
  .m-r-30 {
    margin-right: 20px; }
  .card.full-card {
    top: 60px;
    width: calc(100vw - 0px); }
  .vertical-mobile-sidebar {
    right: 75px;
    top: 18px; }
  .gallery {
    margin-bottom: -20px; }
  .my-gallery figure {
    margin-bottom: 20px; }
  #aniimated-thumbnials figure:nth-child(12), #aniimated-thumbnials figure:nth-child(11), #aniimated-thumbnials figure:nth-child(10), #aniimated-thumbnials figure:nth-child(9) {
    margin-bottom: 20px; }
  .photoswipe-pb-responsive {
    padding-bottom: 25px !important; }
  table.dataTable.fixedHeader-locked, table.dataTable.fixedHeader-floating {
    left: 0 !important;
    width: 100% !important; }
  .page-wrapper .section-space {
    padding: 60px 0; }
  .page-wrapper .card {
    margin-bottom: 30px; }
    .page-wrapper .card .card-header,
    .page-wrapper .card .card-body,
    .page-wrapper .card .card-footer {
      padding: 20px; }
      .page-wrapper .card .card-header .tab-content .m-t-30,
      .page-wrapper .card .card-body .tab-content .m-t-30,
      .page-wrapper .card .card-footer .tab-content .m-t-30 {
        margin-top: 20px !important; }
      .page-wrapper .card .card-header .tab-content .m-b-30,
      .page-wrapper .card .card-body .tab-content .m-b-30,
      .page-wrapper .card .card-footer .tab-content .m-b-30 {
        margin-bottom: 20px !important; }
  .page-wrapper .page-body-wrapper .footer-fix {
    margin-left: 0px;
    padding-right: 15px;
    width: calc(100% - 0px) !important; }
  .page-wrapper.compact-wrapper .page-header {
    margin-left: 0 !important;
    width: calc(100% - 0px) !important; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .maximize {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .header-logo-wrapper {
      display: flex; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      position: unset;
      margin-right: 15px;
      border-right: 1px solid #ddd;
      padding-right: 15px;
      display: block; }
      .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar:before {
        display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-nav {
      display: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    top: 0; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
      transform: translate(-285px); }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper {
      padding: 17px 30px; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn {
        display: inline-block;
        float: right;
        font-size: 20px;
        color: #fff;
        cursor: pointer; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .toggle-sidebar {
        display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 95px); }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
      transform: translate(-285px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: unset; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin-top: 78px;
    padding: 0 15px; }
  .page-wrapper.compact-sidebar .page-header .header-wrapper .maximize {
    display: none; }
  .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
    display: none;
    margin-right: 0; }
  .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
    margin: 0 !important; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper {
      display: block; }
  .page-wrapper.material-icon .page-header {
    padding-left: 0; }
  .page-wrapper.material-icon .page-body-wrapper .page-body {
    padding-left: 15px; }
  .page-wrapper .page-header .header-wrapper {
    margin: 0;
    padding: 12px 30px; }
    .page-wrapper .page-header .header-wrapper .nav-right .notification {
      top: 10px; }
    .page-wrapper .page-header .header-wrapper > .mobile-toggle {
      cursor: pointer;
      display: flex;
      align-items: center; }
    .page-wrapper .page-header .header-wrapper .header-logo-wrapper {
      margin-right: 0; }
  .page-wrapper .page-header .header-logo-wrapper .logo-wrapper img {
    margin-top: 0; }
  .page-body-wrapper .page-body,
  .page-body-wrapper footer {
    margin-left: 0 !important; }
    .page-body-wrapper .page-body #customer-review .owl-stage-outer,
    .page-body-wrapper footer #customer-review .owl-stage-outer {
      width: 100% !important; }
  .default-according .card {
    margin-bottom: 10px !important; }
    .default-according .card .card-header {
      padding: 0 !important; }
  .faq-wrap .faq-accordion.default-according .card .faq-header {
    padding: 20px 20px 0 !important; }
  .crm-activity > li + li {
    margin-top: 10px;
    padding-top: 10px; }
  .add-post .dropzone {
    margin-bottom: 20px; }
  .customers.avatar-group {
    margin-right: 20px; }
  .socialprofile .social-btngroup {
    margin: 20px 0; }
  .socialprofile .social-group {
    margin-top: 20px; }
  .social-status form .form-group .form-control-social {
    margin-bottom: 20px; }
  .social-status .media {
    margin-bottom: 20px; }
  .timeline-content p,
  .timeline-content .comments-box {
    margin-top: 20px; }
  .social-chat {
    margin-top: 20px; }
    .social-chat .media-body {
      padding: 20px; }
    .social-chat .your-msg,
    .social-chat .other-msg {
      margin-bottom: 20px; }
  .social-network span {
    margin-bottom: 20px; }
  .details-about + .details-about {
    margin-top: 20px; }
  .activity-log .my-activity + .my-activity {
    margin-top: 20px; }
  .new-users-social {
    margin-bottom: 20px; }
  .timeline-small .media {
    margin-bottom: 20px; }
    .timeline-small .media .media-body h6 {
      margin-bottom: 20px; }
    .timeline-small .media .media-body p {
      width: 75%; }
    .timeline-small .media .timeline-round {
      width: 45px;
      height: 45px;
      top: -14px; }
      .timeline-small .media .timeline-round.timeline-line-1:after {
        bottom: -41px;
        height: 25px; }
      .timeline-small .media .timeline-round.small-line:after {
        bottom: -26px;
        height: 14px; }
      .timeline-small .media .timeline-round.medium-line:after {
        bottom: -33px;
        height: 17px; }
      .timeline-small .media .timeline-round svg {
        top: 14px; }
  .helper-classes {
    padding: 20px; }
  .floated-customizer-btn,
  .floated-customizer-panel {
    display: none; }
  .page-builder .ge-canvas.ge-editing .row {
    padding: 20px; }
  .ecommerce-widget .progress-showcase {
    margin-top: 20px; }
  .crm-overall {
    margin: 0 -20px -20px; }
  .product-page-main {
    padding: 20px; }
  .grid-options ul li:nth-child(3) {
    display: none; }
  .feature-products form .form-group i {
    right: 20px; }
  .tilt-showcase .tilt-image {
    text-align: center; }
  .tilt-showcase .mt-4 {
    margin-top: 20px !important; }
  .todo .todo-list-wrapper .mark-all-tasks {
    top: 20px;
    right: 20px; }
  .custom-card {
    padding-bottom: 0; }
    .custom-card .card-footer {
      padding: 0 15px 15px 15px !important; }
    .custom-card .card-header {
      border: none; }
    .custom-card .dashboard-card {
      padding: 0; }
    .custom-card .card-profile img {
      height: 155px; }
  .display-1 {
    font-size: calc(30px + (64 - 30) * ((100vw - 320px) / (1200 - 320))); }
  .display-2 {
    font-size: calc(25px + (56 - 25) * ((100vw - 320px) / (1200 - 320))); }
  .display-3 {
    font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (1200 - 320))); }
  .display-4 {
    font-size: calc(15px + (24 - 15) * ((100vw - 320px) / (1200 - 320))); } }

@media only screen and (max-width: 991.98px) and (max-width: 1200px) {
  .typography .h1 {
    font-size: calc(16px + (34 - 16) * ((100vw - 320px) / (1200 - 320))); } }

@media only screen and (max-width: 991.98px) {
  .typography .h2 {
    font-size: 30px; } }
  @media only screen and (max-width: 991.98px) and (max-width: 1200px) {
    .typography .h2 {
      font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (1200 - 320))); } }
@media only screen and (max-width: 991.98px) {
  .typography .h3 {
    font-size: 22px; } }
  @media only screen and (max-width: 991.98px) and (max-width: 1200px) {
    .typography .h3 {
      font-size: calc(17px + (22 - 17) * ((100vw - 320px) / (1200 - 320))); } }
@media only screen and (max-width: 991.98px) {
  .typography .h4 {
    font-size: 20px; } }
  @media only screen and (max-width: 991.98px) and (max-width: 1200px) {
    .typography .h4 {
      font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (1200 - 320))); } }
@media only screen and (max-width: 991.98px) {
  .typography .h5 {
    font-size: 18px; } }
  @media only screen and (max-width: 991.98px) and (max-width: 1200px) {
    .typography .h5 {
      font-size: calc(13px + (18 - 13) * ((100vw - 320px) / (1200 - 320))); } }
@media only screen and (max-width: 991.98px) {
  .typography .h6 {
    font-size: 15px; } }
  @media only screen and (max-width: 991.98px) and (max-width: 1200px) {
    .typography .h6 {
      font-size: calc(12px + (15 - 12) * ((100vw - 320px) / (1200 - 320))); } }
@media only screen and (max-width: 991.98px) {
  h1 {
    font-size: calc(20px + (34 - 20) * ((100vw - 320px) / (1200 - 320))); }
  h2 {
    font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1200 - 320))); }
  h3 {
    font-size: calc(17px + (26 - 17) * ((100vw - 320px) / (1200 - 320))); }
  h4 {
    font-size: calc(17px + (22 - 17) * ((100vw - 320px) / (1200 - 320))); }
  h5 {
    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1200 - 320))); }
  h6 {
    font-size: calc(12px + (15 - 12) * ((100vw - 320px) / (1200 - 320))); }
  .card-absolute .card-header {
    padding: 10px 15px !important; }
  .comingsoon .comingsoon-inner .countdown .time {
    width: 80px;
    height: 80px;
    font-size: 26px; }
  .calendar-wrap .basic-calendar .external-events .fc-event + .fc-event {
    margin-top: 10px; }
  .owl-theme .owl-nav.disabled + .owl-dots {
    margin-bottom: -10px;
    margin-top: 15px; }
  .card .card-header h5 {
    font-size: 18px; }
  .card .card-header .card-header-right {
    top: 12px;
    right: 15px; }
  .page-builder .ge-addRowGroup {
    width: 100%; }
  .user-profile .hovercard .info .user-designation {
    margin-bottom: 20px; }
  .search-list {
    justify-content: center; }
  .blog-single .comment-box .comment-social li {
    padding-left: 15px; }
  .error-wrapper {
    padding: 35px 0; }
    .error-wrapper .sub-content {
      font-size: 14px;
      line-height: 25px;
      margin-top: 0px; }
    .error-wrapper .error-heading {
      margin-top: 30px; }
      .error-wrapper .error-heading .headline {
        font-size: 180px;
        margin-top: 0; }
    .error-wrapper .maintenance-heading {
      margin-top: 30px; }
  .editor_container .CodeMirror {
    min-height: 250px;
    height: 250px; }
  .search-page .info-block {
    flex-wrap: wrap; }
  .search-page .tab-content .pb-4 {
    padding-bottom: 20px !important; }
  .xl-none {
    display: block; }
  .top-radius-blog {
    width: 100%; }
  .sm-100-w {
    width: 100%;
    height: 100%; }
  /*Form Wizard One start*/
  .form-wizard .btn-mb {
    margin-bottom: 20px; }
  /*Form Wizard One ends*/
  /*Form Wizard Three Start*/
  .f1 .f1-steps {
    margin-top: 20px;
    margin-bottom: 20px; }
  /*Form Wizard Three ends*/
  /*Form Wizard Four Start*/
  .wizard-4 ul.anchor {
    padding-right: 20px;
    width: 40%; }
    .wizard-4 ul.anchor li a.done h4:before {
      top: -8px; }
    .wizard-4 ul.anchor li h4 {
      padding: 11px 18px;
      width: 50px; }
    .wizard-4 ul.anchor li + li a {
      padding-left: 65px; }
      [dir="rtl"] .wizard-4 ul.anchor li + li a {
        padding-right: 65px; }
  .wizard-4 .step-container {
    width: 60%; }
    .wizard-4 .step-container div.content .wizard-title {
      width: 380px; }
  .wizard-4 .login-card .login-main {
    width: 380px; }
  .wizard-4 .msg-box {
    top: 25px !important; }
  /*Form Wizard Four ends*/
  .border-tab.nav-tabs {
    margin-bottom: 20px; }
  .tab-content ~ .nav-tabs.border-tab {
    margin-top: 20px; }
  .dataTables_wrapper .dataTables_length {
    margin-bottom: 20px; }
  .dataTables_wrapper table.dataTable {
    margin-bottom: 20px !important; }
  .search-page .info-block + .info-block {
    padding-top: 20px;
    margin-top: 20px; }
  .search-page #video-links .embed-responsive + .embed-responsive {
    margin-top: 20px; }
  .lg-mt {
    margin-top: 20px; }
  .gallery-with-description {
    margin-bottom: -20px; }
    .gallery-with-description a > div {
      margin-bottom: 20px; }
  .clipboaard-container p {
    margin-bottom: 8px; }
  .m-b-30 {
    margin-bottom: 20px !important; }
  .nav-md-mt {
    margin-top: 20px; }
  .navs-icon {
    padding: 20px; }
    .navs-icon .main-section {
      padding-top: 20px; }
    .navs-icon .separator {
      margin: 20px 0; }
  .nav-list {
    padding: 20px; }
  .navs-dropdown button {
    margin-top: 20px; }
  .navs-dropdown .onhover-show-div {
    top: 68px; }
  .animated-modal .form-group {
    width: 100%;
    display: block; }
  .animated-modal .mr-4 {
    margin-right: 0 !important; }
  .steps-md-mt {
    margin-top: 20px; }
  .btn-group-wrapper .m-b-30:last-child {
    margin-bottom: 0 !important; }
  #advance-5_wrapper .dataTables_paginate {
    margin-bottom: 20px; }
  .card .card-body form.animated-modal {
    display: flex; }
    .card .card-body form.animated-modal .animated-modal-md-mb {
      margin-bottom: 20px !important; }
  .wizard-4 .msg-box {
    top: 40px;
    right: 0%;
    bottom: unset;
    left: unset; }
  .theme-form.form-inline {
    display: flex; } }

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .page-wrapper.compact-wrapper.material-type::before {
    height: 230px; }
  .page-wrapper.compact-wrapper.material-type .page-header {
    width: calc(100% - 60px) !important;
    margin: 50px auto 0 !important; }
  .page-wrapper.compact-wrapper.material-type .page-body-wrapper {
    margin: 0 30px; }
    .page-wrapper.compact-wrapper.material-type .page-body-wrapper div.sidebar-wrapper {
      left: 0; }
    .page-wrapper.compact-wrapper.material-type .page-body-wrapper .page-body {
      margin-top: 0; } }

@media only screen and (max-width: 810px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li .profile-media .media-body {
    display: none; } }

@media only screen and (max-width: 767.98px) {
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin-top: 62px; }
  .list-product .datatable-loading .datatable-top {
    display: none; }
  .left-sidebar-wrapper {
    padding: 10px; }
    .left-sidebar-wrapper .advance-options .chats-user {
      height: 200px; }
  .wizard-4 ul.anchor {
    width: 100%;
    height: auto;
    padding: 30px; }
  .wizard-4 .step-container {
    width: 100%; }
  .contact-editform {
    padding-left: 20px !important; }
  .event-calendar {
    display: block !important; }
    .event-calendar #right {
      width: 100%; }
    .event-calendar #calendar {
      clear: both; }
  .page-wrapper.material-type::before {
    display: none; }
  .page-wrapper.material-type .page-header {
    margin-top: 0;
    border-radius: 0; }
  .page-wrapper.material-type .page-body-wrapper .page-body {
    margin-top: 0 !important; }
  .page-wrapper.only-body .page-header .header-wrapper .nav-right > ul > li {
    margin-right: -2px; }
  .page-wrapper.only-body .page-header .header-wrapper .nav-right .nav-menus {
    margin-right: -10px; }
  .new-products .owl-carousel .product-box.row > div {
    width: auto; }
  .profile-media .media-body {
    display: none; }
  .form-inline .form-group:not(.form-control-search) {
    width: 100%; }
    .form-inline .form-group:not(.form-control-search) + .form-group {
      margin-top: 10px; }
    .form-inline .form-group:not(.form-control-search) input {
      width: 100%; }
  .credit-card .text-center img {
    margin-bottom: 20px; }
  .starter-kit-fix .page-body {
    margin-bottom: 78px; }
  .blog-box .blog-details-main .blog-social li {
    padding: 0 12px; }
  .blog-box .blog-details .blog-social li:first-child {
    padding-right: 25px; }
  .blog-box .blog-details .blog-social li + li {
    padding-left: 25px; }
  .footer-copyright ~ div {
    text-align: center; }
    .footer-copyright ~ div p {
      float: none;
      margin-top: 5px; }
  .user-profile .hovercard .user-image .share-icons {
    right: 25px;
    top: -19px; }
    .user-profile .hovercard .user-image .share-icons li .social-icon {
      width: 35px;
      height: 35px; }
  .tabs-scoial.border-tab.nav-tabs {
    display: flex; }
  .timeline-small .media .media-body p {
    width: 100%; }
  .my-gallery figure:nth-child(9), .my-gallery figure:nth-child(10) {
    margin-bottom: 20px; }
  .project-list .btn {
    float: left;
    margin-top: 5px; }
  .chat-left-aside .people-list ul {
    max-height: 100px; }
  .clockpicker-align-top {
    left: 55px !important;
    top: 470px !important; }
    .clockpicker-align-top .arrow {
      display: none; }
  .form-builder-column .form-body {
    min-height: 250px; }
  .form-builder-2-header {
    flex-wrap: wrap; }
    .form-builder-2-header > div {
      width: 100%;
      margin-top: 10px; }
      .form-builder-2-header > div nav {
        float: none; }
  .lg-mt-col {
    margin-top: 20px; }
  .form-builder .drag-box fieldset {
    padding: 20px;
    margin-top: 20px; }
  .form-builder #components {
    margin-top: 20px; }
  .form-builder .component label {
    padding-top: 0px; }
  .mega-menu .onhover-show-div {
    height: 415px;
    left: 0;
    top: 61px;
    padding: 20px; }
  .mega-menu .lg-mt {
    margin-top: 15px; }
  .page-builder .ge-canvas.ge-editing .ge-tools-drawer {
    margin: 10px 0 0 10px; }
    .page-builder .ge-canvas.ge-editing .ge-tools-drawer > a {
      padding: 0 5px; }
  .range-slider.theme-form .form-group {
    margin-bottom: 0; }
  .note-editor .btn-group .btn {
    font-size: 11px; }
  .text-md-right {
    text-align: right; }
  .star-ratings .stars {
    padding: 0; }
  .form-inline.d-inline-block {
    display: block !important;
    width: 100%; }
    .form-inline.d-inline-block .form-control {
      margin-bottom: 10px; }
  .reset-password-box {
    width: 500px;
    margin: 0 auto; }
    .reset-password-box .card {
      padding: 20px; }
  .custom-card .card-profile img {
    height: 136px;
    bottom: 0; }
  .error-wrapper .maintenance-icons li i {
    color: #E6E9EB;
    font-size: 30px; }
  .error-wrapper .maintenance-icons li:nth-child(2) i {
    font-size: 60px;
    margin-top: -10px;
    margin-left: 70px; }
  .error-wrapper .maintenance-icons li:nth-child(3) i {
    font-size: 90px;
    margin-right: 80px; }
  .authentication-main .auth-innerright {
    min-height: unset;
    padding: 0; }
    .authentication-main .auth-innerright .social-media li {
      font-size: 14px; }
  .loader-box {
    justify-content: center; }
  .dataTables_wrapper .dataTables_length {
    margin-bottom: 20px; }
  .dataTables_wrapper .dataTables_filter {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 20px; }
  div.dataTables_wrapper div.dataTables_info {
    padding-top: 0; }
  div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label {
    float: none; }
  div.dataTables_wrapper div.dataTables_paginate {
    float: none;
    margin-top: 20px !important;
    margin-left: 0 !important; }
  .calendar-wrap .fc-basic-view .fc-day-number {
    padding: 0 0px !important; }
  .calendar-wrap .fc-events-container {
    margin-top: 0px; }
  .calendar-wrap .fc-events-container h6,
  .calendar-wrap .fc-events-container .checkbox {
    text-align: right; }
  .calendar-wrap .checkbox label {
    margin-top: 0; }
  .calendar-wrap .fc-toolbar .fc-left .fc-next-button .fc-icon-right-single-arrow:after {
    font-size: 12px !important; }
  .calendar-wrap .fc-toolbar .fc-left .fc-prev-button .fc-icon-left-single-arrow:after {
    font-size: 12px !important; }
  .calendar-wrap .fc-toolbar .fc-left .fc-today-button,
  .calendar-wrap .fc-toolbar .fc-right .fc-today-button {
    padding-top: 0px !important; }
  .calendar-wrap .fc {
    margin-top: 0px; }
    .calendar-wrap .fc button {
      font-size: 14px !important;
      padding: 0 5px !important; }
    .calendar-wrap .fc .fc-left {
      margin-bottom: 10px; }
    .calendar-wrap .fc .fc-toolbar > div {
      display: block !important;
      float: none !important; }
    .calendar-wrap .fc .fc-toolbar > * :first-child {
      font-size: 18px; }
    .calendar-wrap .fc .fc-toolbar > * > * {
      float: none !important; }
  .btn-group-wrapper {
    text-align: center; }
    .btn-group-wrapper .m-b-30 {
      margin-bottom: 15px !important; }
  .btn-group-showcase {
    text-align: center; }
    .btn-group-showcase .btn-group {
      margin-right: 0;
      margin-bottom: 15px; }
  .btn-group .btn {
    font-size: 14px;
    padding: 0.375rem 1.3rem; }
  .animate-widget .text-center {
    display: none; }
  .mega-menu .onhover-show-div {
    height: 350px; }
  .page-builder .ge-canvas .column {
    padding: 0 !important; }
  .page-builder .ge-content-type-ckeditor h3 {
    font-size: 20px; }
  .page-builder .ge-content-type-ckeditor p {
    font-size: 12px; }
  .page-builder .ge-row-icon {
    display: none !important; }
  /* font-awesom icon page */
  .icon-hover-bottom .form-group input {
    min-width: 270px; }
  .file-content .d-md-flex .flex-grow-1 {
    margin-top: 15px;
    text-align: center !important; }
  .user-profile .hovercard .cardheader {
    height: 350px; }
  .user-profile .hovercard .info {
    padding: 35px; }
    .user-profile .hovercard .info .ttl-info {
      margin-bottom: 20px; }
    .user-profile .hovercard .info .ttl-sm-mb-0 {
      margin-bottom: 0; }
  .calendar-wrap .fc button {
    padding: 5px; }
  .calendar-wrap .fc-day-grid-event {
    margin: 0;
    padding: 5px;
    width: inherit; }
  .calendar-wrap .fc-toolbar h2 {
    font-size: 20px;
    line-height: 35px;
    font-weight: bold; }
  .calendar-wrap .basic-calendar .external-events {
    margin-top: 0px; }
  .blog-single .comment-box .media h6 {
    margin-bottom: 10px; }
  .blog-single .comment-box .media img {
    margin-right: 30px; }
  .blog-single .comment-box .comment-social {
    margin-bottom: 5px; }
    .blog-single .comment-box .comment-social li:first-child {
      padding-left: 0;
      padding-right: 15px; }
  .search-page #image-links .info-block.m-t-30 {
    margin-top: 0 !important; }
  .authentication-main .authentication-box {
    width: 100%; }
  .authentication-main .auth-innerright {
    display: inherit; }
  .map-chart .chart-container {
    height: 300px; }
  .candidcahrt {
    height: 250px; }
  .bar-chart-widget .earning-details i {
    right: 0; }
  .serial-chart .chart-container {
    height: 300px; }
  .bottom-content {
    padding: 10px; }
    .bottom-content p {
      font-size: 12px; }
  .icon-hover-bottom .icon-popup {
    display: block; }
    .icon-hover-bottom .icon-popup > .icon-last {
      display: block;
      margin-top: 15px; }
      .icon-hover-bottom .icon-popup > .icon-last .form-inline .form-group {
        display: flex; }
    .icon-hover-bottom .icon-popup div .flag-icon {
      width: 30px;
      height: auto; }
  .icon-hover-bottom .form-group input {
    display: block;
    width: auto !important; }
  .footer-links {
    text-align: center; }
  .footer-copyright {
    text-align: center !important; }
  .jvector-map-height {
    height: 150px; }
  .sm-left-text {
    text-align: left !important; }
    [dir="rtl"] .sm-left-text {
      text-align: right !important; }
  .alert-dismissible p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 294px; }
  .button-group-mb-sm {
    margin-bottom: 5px; }
  .card-block .table-responsive .table tbody tr td span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100px; }
  .card-block .table-responsive .progress-content tbody tr td span {
    text-overflow: ellipsis;
    white-space: normal;
    max-width: 50px; }
  .card-block .table-responsive .checkbox-td-width tbody tr td,
  .card-block .table-responsive .radio-first-col-width tbody tr td {
    min-width: 200px !important; }
  #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child {
    width: 119px !important; }
  #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child {
    width: 119px !important; }
  .jsgrid .jsgrid-pager-container {
    text-align: center; }
  .hovercard .info .follow .text-md-right {
    text-align: center; }
  .profile-img-style .like-comment-sm-mb {
    margin-bottom: 20px; }
  .reset-password-box .theme-form .form-group .btn {
    margin-top: 15px !important; }
  .lg-outer .lg-actions .lg-next,
  .lg-outer .lg-actions .lg-prev {
    top: 48%; }
  .feature-products .filter-toggle {
    padding: 8px 15px;
    background-color: #fff;
    margin-left: 10px;
    border-radius: 5px; }
  .feature-products .select2-drpdwn-product {
    float: left;
    margin-right: 10px;
    margin-top: 8px; }
    [dir="rtl"] .feature-products .select2-drpdwn-product {
      float: right;
      margin-right: unset;
      margin-left: 10px; }
  .feature-products span.f-w-600 {
    padding-top: 15px;
    display: inline-block; }
  .feature-products .text-right {
    text-align: left !important; }
  .d-none-productlist {
    display: block;
    margin-right: 10px; }
  .grid-options ul li {
    display: none; }
  .product-sidebar {
    transform: translateX(-300px) scaleX(0);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    height: 0;
    position: absolute;
    z-index: 3;
    width: 300px; }
    .product-sidebar.open {
      transform: translateX(0px) scaleX(1);
      box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
      visibility: visible;
      opacity: 1;
      height: auto;
      top: -45px; }
      .product-sidebar.open:before, .product-sidebar.open:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #fff;
        right: 120px;
        top: -7px; }
    .product-sidebar .filter-section .card-header {
      display: none; }
  .product-wrapper.sidebaron .product-grid .product-wrapper-grid {
    margin-left: 0; }
  .product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
    top: unset;
    min-width: unset; }
  .product-wrapper-grid.list-view .product-box .product-img {
    width: 42%; }
  .product-filter .product-box {
    flex-wrap: nowrap; }
    .product-filter .product-box .product-img {
      width: 100px; }
    .product-filter .product-box .product-details {
      padding: 0 !important; } }

@media only screen and (max-width: 575.98px) {
  .todo .todo-list-wrapper .mark-all-tasks .mark-all-tasks-container {
    display: none; }
  .border-tab.nav-tabs {
    display: block; }
  .page-wrapper .page-header .header-wrapper .search-full input {
    padding-left: 30px;
    line-height: 40px; }
  .page-wrapper .page-header .header-wrapper .search-full .form-group::before {
    top: 14px;
    left: 12px; }
  .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
    top: 18px;
    right: 0;
    width: 18px;
    height: 18px; }
  .page-wrapper.only-body .page-header .header-wrapper .nav-right {
    right: 30px; }
  .date-picker .theme-form > .row > div:last-child {
    margin-top: 0; }
  .search-page .info-block {
    display: block; }
  .form-bookmark .row > div .row > .col-sm-6 + .col-sm-6 {
    margin-top: 10px; }
  .btn {
    padding: 6px 16px; }
  .alert-theme {
    min-width: 380px; }
  .knowledgebase-bg {
    height: 250px; }
  .login-card .login-main .theme-form .or:before {
    width: 55%; }
  .knowledgebase-search {
    width: calc(100% - 30px);
    left: 18px;
    height: calc(100% - 30px);
    background-color: rgba(255, 255, 255, 0.7); }
    .knowledgebase-search .form-inline {
      width: 90%;
      padding: 3px 45px; }
      .knowledgebase-search .form-inline svg {
        top: 10px; }
    .knowledgebase-search > div {
      width: 100%;
      text-align: center;
      padding: 15px;
      border-right: 10px; }
      .knowledgebase-search > div h3 {
        font-size: 20px;
        margin-bottom: 0; }
      .knowledgebase-search > div .form-group {
        margin-bottom: 0; }
  .invoice .text-md-end {
    margin-top: 10px; }
  .invoice .text-right {
    text-align: right; }
  .invoice .text-xs-center {
    text-align: center; }
  .login-card {
    padding-top: 40px;
    padding-bottom: 40px; }
    .login-card .logo {
      margin-bottom: 10px; }
    .login-card .login-main {
      width: auto;
      padding: 20px; }
      .login-card .login-main .theme-form .form-group {
        margin-bottom: 5px; }
      .login-card .login-main .theme-form p {
        margin-bottom: 5px; }
    .login-card .btn-showcase .btn {
      width: 100%; }
      .login-card .btn-showcase .btn + .btn {
        margin-left: 0;
        margin-top: 5px; }
  .bookmark ul li a svg {
    height: 16px;
    width: 16px; }
  .bookmark ul li + li {
    margin-left: 5px; }
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 4px 6px; }
  .page-header .header-wrapper .nav-right .cart-box .badge,
  .page-header .header-wrapper .nav-right .notification-box .badge {
    font-size: 10px; }
  .page-wrapper .page-body-wrapper .page-title > .row .col-6:first-child {
    display: block; }
    .page-wrapper .page-body-wrapper .page-title > .row .col-6:first-child h3 {
      padding-right: 0; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li i {
    font-size: 14px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li svg {
    width: 24px;
    height: 24px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li .notification-box svg {
    width: 24px !important;
    height: 24px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li .mode svg {
    height: 24px;
    width: 24px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li span.badge {
    padding: 2px 4px;
    font-size: 10px; }
  .page-wrapper .page-body-wrapper .page-title .breadcrumb {
    margin-top: 0;
    justify-content: flex-end; }
  .page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper, .page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper {
    display: none; }
  .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
    border-right: 1px solid #ddd;
    padding-right: 8px;
    margin-right: 8px; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar svg, .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar svg {
      width: 18px; }
  .page-wrapper.compact-sidebar .sidebar-wrapper .back-btn {
    display: none; }
  .page-wrapper.compact-sidebar .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-right: 0; }
  .page-wrapper .page-header .header-wrapper {
    padding: 12px 15px !important; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul {
      top: 58px; }
      .page-wrapper .page-header .header-wrapper .nav-right > ul .search-form i {
        display: none; }
    .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li.px-0 {
      padding: 6px !important; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul li .flag-icon {
      font-size: 14px !important; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul li .profile-media img {
      width: 30px;
      height: 30px; }
    .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown.onhover-show-div:before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown.onhover-show-div:after {
      left: 24px !important;
      right: unset !important; }
  .page-wrapper .page-body-wrapper .page-title .btn-group .btn {
    padding: 8px 30px; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin-top: 57px; }
  .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links {
    height: calc(100vh - 79px); }
  .alert-dismissible {
    padding-right: 30px; }
    .alert-dismissible p {
      max-width: 102px; }
  .customizer-links {
    display: none; }
  .m-r-30 {
    margin-right: 15px; }
  .wishlist .text-end {
    text-align: left !important; }
  .add-post form .m-checkbox-inline label {
    margin-right: 15px; }
  .add-post .dropzone {
    margin-bottom: 15px; }
  .wizard-4 .msg-box {
    top: 10px !important; }
  .wizard-4 .login-card .login-main {
    width: 280px; }
  .wizard-4 .step-container div.content .wizard-title {
    width: 280px; }
  .wizard-4 .action-bar {
    right: 10px; }
    .wizard-4 .action-bar [dir="rtl"] {
      left: 10px; }
  .customers.avatar-group {
    margin-right: 15px; }
  .vertical-mobile-sidebar {
    top: 19px; }
  .alert-theme i {
    margin-right: 10px !important; }
  .alert-theme button {
    top: 0px !important; }
  .bar-chart-widget .earning-details i {
    right: -30px; }
  .clockpicker-align-top {
    left: 45px !important;
    top: 406px !important; }
  .gallery {
    margin-bottom: -15px; }
  .my-gallery figure {
    margin-bottom: 15px; }
    .my-gallery figure:nth-child(9), .my-gallery figure:nth-child(10) {
      margin-bottom: 15px; }
  .my-gallery.gallery-with-description figure:last-child {
    margin-bottom: 20px; }
  #aniimated-thumbnials figure:nth-child(12), #aniimated-thumbnials figure:nth-child(11), #aniimated-thumbnials figure:nth-child(10), #aniimated-thumbnials figure:nth-child(9) {
    margin-bottom: 15px; }
  .photoswipe-pb-responsive {
    padding-bottom: 30px !important; }
  .avatar-showcase .pepole-knows {
    text-align: center; }
    .avatar-showcase .pepole-knows ul li {
      margin-right: 14px; }
  .social-app-profile .hovercard .user-image .avatar {
    margin-top: -56px; }
    .social-app-profile .hovercard .user-image .avatar img {
      width: 100px;
      height: 100px; }
  .social-app-profile .hovercard .user-image .icon-wrapper {
    left: 52%;
    top: 10px;
    height: 30px;
    width: 30px;
    font-size: 15px; }
    .social-app-profile .hovercard .user-image .icon-wrapper:hover {
      font-size: 12px; }
  .social-app-profile .hovercard .user-image .share-icons {
    right: 15px; }
    .social-app-profile .hovercard .user-image .share-icons li {
      margin-right: 0px; }
  .social-app-profile .hovercard .info .tabs-scoial .user-designation {
    border-top: none;
    border-bottom: none;
    margin-bottom: 0;
    padding: 0px 0px; }
  .social-app-profile .tabs-scoial {
    margin-bottom: 0 !important; }
  .socialprofile .social-btngroup {
    margin: 15px 0; }
  .socialprofile .social-group {
    margin-top: 15px; }
  .social-status form .form-group .form-control-social {
    margin-bottom: 15px; }
  .social-status .media {
    margin-bottom: 15px; }
  .new-users-social {
    margin-bottom: 15px; }
  .tabs-scoial {
    position: relative;
    padding-top: 80px; }
    .tabs-scoial li:nth-child(3) {
      position: absolute;
      top: 25px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link {
      padding: 10px;
      height: 60px; }
  .timeline-content p,
  .timeline-content .comments-box {
    margin-top: 15px; }
  .timeline-content .comments-box .media .m-r-20 {
    margin-right: 10px; }
  .timeline-content .comments-box .media .media-body .input-group .input-group-append .btn {
    padding: 6px; }
  .timeline-content .comment-number i {
    margin-right: 15px; }
  #cd-timeline {
    margin-right: 0; }
  .social-chat {
    margin-top: 15px; }
    .social-chat .media-body {
      padding: 15px; }
    .social-chat .your-msg,
    .social-chat .other-msg {
      margin-bottom: 15px; }
  .social-network span {
    margin-bottom: 15px; }
  .social-list .media {
    margin-bottom: 15px; }
  .details-about + .details-about {
    margin-top: 15px; }
  .your-details-xs {
    margin-top: 15px; }
  .social-header h5 span.pull-right {
    float: right !important;
    margin-top: 0 !important; }
    .social-header h5 span.pull-right svg {
      width: 18px;
      height: 18px; }
  .activity-log .my-activity + .my-activity {
    margin-top: 15px; }
  .photos ul li {
    width: 26%; }
    .photos ul li:nth-child(3n) {
      margin-right: 0; }
  .timeline-small .media {
    margin-bottom: 15px; }
    .timeline-small .media .media-body h6 {
      margin-bottom: 15px; }
    .timeline-small .media .timeline-round.timeline-line-1:after {
      bottom: -39px;
      height: 30px; }
    .timeline-small .media .timeline-round.small-line:after {
      bottom: -17px;
      height: 8px; }
    .timeline-small .media .timeline-round.medium-line:after {
      bottom: -30px;
      height: 22px; }
  .helper-classes {
    padding: 15px; }
  .form-builder-2-header ul li {
    text-align: left; }
  .form-builder-2-header .form-inline {
    display: block;
    width: 100%; }
    .form-builder-2-header .form-inline .form-group {
      width: 100%;
      margin-right: 0; }
    .form-builder-2-header .form-inline button {
      width: 100%;
      text-align: left; }
  .page-builder .btn-grid {
    margin-bottom: 7px;
    padding-right: 5px; }
  .page-builder .ge-canvas.ge-editing .row {
    padding: 15px; }
  .page-builder .ge-canvas.ge-editing .ge-tools-drawer {
    margin: 10px; }
  .page-builder .ge-canvas.ge-layout-desktop [class*="col-"] {
    width: inherit !important; }
  .wizard-4 .step-container div.content {
    margin-top: 10px; }
  .nav-tabs .nav-item.show .nav-link {
    border-top: 0;
    border-bottom: 0; }
  .nav-tabs .nav-link {
    border-top: 0;
    border-bottom: 0; }
    .nav-tabs .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus {
      border-top: 0;
      border-bottom: 0; }
  .border-tab.nav-tabs .nav-item {
    width: 100% !important; }
  .border-tab .ecommerce-widget .progress-showcase {
    margin-top: 15px; }
  .nav {
    display: inherit;
    text-align: center;
    border-bottom: none; }
  .editor_container .CodeMirror {
    min-height: 190px;
    height: 190px; }
  .order-history table.dataTable.table thead th {
    padding-right: 60px; }
  .border-tab.nav-left .nav-link {
    text-align: center;
    border-left: none; }
  .border-tab.nav-right .nav-link {
    text-align: center;
    border-right: none; }
  .border-tab.nav-tabs {
    margin-bottom: 10px; }
  .tab-content ~ .nav-tabs.border-tab {
    margin-top: 10px; }
  .nav-pills {
    text-align: center; }
  .crm-overall {
    margin: 0 -15px -15px; }
  .product-color li {
    width: 15px;
    height: 15px; }
  .product-social li a {
    width: 30px;
    height: 30px;
    font-size: 13px; }
  .product-social li:nth-child(n+2) {
    margin-left: 5px; }
    [dir="rtl"] .product-social li:nth-child(n+2) {
      margin-left: unset;
      margin-right: 5px; }
  .product-page-main {
    padding: 15px; }
    .product-page-main .product-page-details h3 {
      font-size: 24px; }
  .todo .action-box.large {
    height: 25px;
    width: 25px; }
    .todo .action-box.large .icon {
      font-size: 14px;
      vertical-align: -3px; }
  .todo .todo-list-wrapper #todo-list li .task-container .task-label {
    font-size: 14px; }
  .todo .todo-list-wrapper .mark-all-tasks {
    right: 15px; }
  .datetime-picker label {
    text-align: left !important; }
  .redial-chart-block {
    text-align: center; }
  #nav-tabContent {
    margin-top: 15px; }
  .reset-password-box {
    width: 430px; }
  .auth-bg {
    padding: 25px 15px; }
  .auth-bg-effect {
    display: none; }
  .date-picker .text-right {
    text-align: left !important; }
  .dataTables_wrapper table.dataTable {
    margin-bottom: 15px !important; }
  ul.pagination li:before {
    line-height: 3; }
  div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
    padding-left: 0 !important; }
  div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
    padding-right: 0 !important; }
  div.dataTables_wrapper div.dataTables_length {
    margin-bottom: 15px; }
    div.dataTables_wrapper div.dataTables_length select {
      min-height: 30px; }
  div.dataTables_wrapper table.dataTable th,
  div.dataTables_wrapper table.dataTable td {
    padding: 0.5rem; }
  div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 15px !important; }
    div.dataTables_wrapper div.dataTables_paginate .paginate_button {
      padding: 1px 7px; }
      div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous {
        font-size: 0;
        padding: 0; }
        div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous a {
          border: none !important; }
        div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous:before {
          content: "\e64a";
          font-family: themify;
          font-size: 11px;
          padding: 0 5px; }
      div.dataTables_wrapper div.dataTables_paginate .paginate_button.next {
        font-size: 0;
        padding: 0; }
        div.dataTables_wrapper div.dataTables_paginate .paginate_button.next a {
          border: none !important; }
        div.dataTables_wrapper div.dataTables_paginate .paginate_button.next:before {
          content: "\e649";
          font-family: themify;
          font-size: 11px;
          padding: 0 5px; }
  div.dataTables_wrapper .dataTables_filter {
    margin-bottom: 15px; }
    div.dataTables_wrapper .dataTables_filter input[type="search"] {
      height: 30px; }
  .page-wrapper .page-body-wrapper .user-profile .profile-img-style {
    padding: 15px; }
    .page-wrapper .page-body-wrapper .user-profile .profile-img-style .img-container {
      margin-top: 15px; }
  .page-wrapper .page-body-wrapper .user-profile hr {
    margin: 15px 0; }
  .page-wrapper .page-body-wrapper .user-profile .like-comment {
    margin-top: 15px; }
  .jvector-map-height {
    height: 250px; }
  .user-profile .order-sm-0 {
    order: -1; }
  .user-profile .hovercard .info .ttl-info {
    text-align: center !important; }
  .user-profile .hovercard .info .ttl-xs-mt {
    margin-top: 20px; }
  .icon-hover-bottom .form-group {
    display: block !important;
    margin-bottom: 0; }
    .icon-hover-bottom .form-group input {
      width: 100% !important; }
    .icon-hover-bottom .form-group .btn {
      margin-top: 15px; }
  .icon-hover-bottom .icon-popup {
    padding: 15px; }
  .icon-hover-bottom svg.climacon {
    height: 50px;
    width: 50px; }
  .blog-box.blog-shadow:before {
    box-shadow: inset 0px -100px 100px -13px rgba(0, 0, 0, 0.6); }
  .blog-box .blog-details p,
  .blog-box .blog-details .single-blog-content-top {
    margin-top: 15px; }
  .blog-box .blog-details h4 {
    margin-top: 15px; }
  .blog-box .blog-details .blog-social {
    margin-top: 15px; }
    .blog-box .blog-details .blog-social li + li {
      padding-left: 20px; }
      .blog-box .blog-details .blog-social li + li > span {
        display: none; }
    .blog-box .blog-details .blog-social li:first-child {
      margin-right: 10px;
      padding-right: 20px; }
  .comment-box {
    padding-top: 40px;
    padding-bottom: 40px; }
    .comment-box ul ul {
      margin-left: 30px; }
    .comment-box li .media {
      display: block; }
      .comment-box li .media img {
        height: 50px;
        width: 50px;
        padding: 3px;
        margin-bottom: 10px; }
  .ace-editor {
    height: 320px; }
  .gallery > a {
    margin-bottom: 15px;
    text-align: center; }
  .card .card-header h5 {
    font-size: 17px; }
  .theme-form .form-group {
    margin-bottom: 15px; }
  .page-wrapper .page-body-wrapper .default-according .card .card-header,
  .page-wrapper .page-body-wrapper .default-according .card .card-body,
  .page-wrapper .page-body-wrapper .default-according .card .card-footer {
    padding: 0.75rem 1.25rem; }
  .page-wrapper .page-body-wrapper .card {
    margin-bottom: 20px; }
    .page-wrapper .page-body-wrapper .card .card-header .tab-content .m-t-30,
    .page-wrapper .page-body-wrapper .card .card-body .tab-content .m-t-30,
    .page-wrapper .page-body-wrapper .card .card-footer .tab-content .m-t-30 {
      margin-top: 20px !important; }
    .page-wrapper .page-body-wrapper .card .card-header .tab-content .m-b-30,
    .page-wrapper .page-body-wrapper .card .card-body .tab-content .m-b-30,
    .page-wrapper .page-body-wrapper .card .card-footer .tab-content .m-b-30 {
      margin-bottom: 20px !important; }
  .page-wrapper .page-body-wrapper .page-body {
    padding: 0 !important; }
  .page-wrapper .page-body-wrapper .page-title {
    padding-top: 15px;
    padding-bottom: 15px; }
    .page-wrapper .page-body-wrapper .page-title .row h3 {
      font-size: 20px; }
  /* alert responsive css start here */
  .alert-primary.inverse {
    background-color: transparent; }
  .alert-secondary.inverse {
    background-color: transparent; }
  .alert-success.inverse {
    background-color: transparent; }
  .alert-danger.inverse {
    background-color: transparent; }
  .alert-warning.inverse {
    background-color: transparent; }
  .alert-info.inverse {
    background-color: transparent; }
  .alert-light.inverse {
    background-color: transparent; }
  .alert-dark.inverse {
    background-color: transparent; }
  .alert .close {
    height: 100%; }
  .user-profile hr {
    margin: 15px 0; }
  .user-profile .hovercard .cardheader {
    height: 300px; }
  .user-profile .hovercard .info {
    padding: 20px; }
    .user-profile .hovercard .info .user-designation {
      border-top: 1px solid #E6E9EB;
      border-bottom: 1px solid #E6E9EB;
      margin-bottom: 15px;
      padding: 15px 0px; }
  .user-profile .hovercard .social-media a {
    margin-right: 0px;
    font-size: 16px; }
  .user-profile .hovercard .follow .follow-num {
    font-size: 20px; }
  .user-profile .profile-img-style .pictures img {
    margin-bottom: 10px; }
  .custom-card .card-footer > div h6 {
    font-size: 14px;
    font-weight: 600; }
  .custom-card .card-footer > div h3 {
    font-size: 24px; }
  .calendar-wrap .fc-toolbar .fc-center {
    margin-top: 10px; }
  .calendar-wrap a.fc-more {
    font-size: .70em; }
  .mega-inline {
    display: block; }
  .megaoptions-border-space-sm {
    padding-bottom: 30px !important; }
  .blog-box.blog-shadow .blog-details {
    padding: 15px; }
    .blog-box.blog-shadow .blog-details p {
      margin-bottom: 0; }
    .blog-box.blog-shadow .blog-details h4 {
      margin-bottom: 10px; }
  .blog-box.blog-list .blog-details {
    padding-top: 0; }
  .blog-box .blog-details {
    padding: 20px; }
  .blog-box .blog-date span {
    font-size: 25px; }
  .blog-single .blog-box .blog-details {
    padding: 0; }
  .error-wrapper {
    padding: 20px 0; }
    .error-wrapper .btn {
      margin-top: 15px; }
    .error-wrapper .img-100 {
      width: 50px !important; }
    .error-wrapper .error-heading {
      margin-top: 20px; }
      .error-wrapper .error-heading .cloud-second {
        margin-top: -60px; }
      .error-wrapper .error-heading .headline {
        font-size: 150px; }
    .error-wrapper .maintenance-heading .cloud-second {
      display: none; }
    .error-wrapper .maintenance-heading .headline {
      font-size: 25px;
      margin-top: -10%;
      letter-spacing: 2px; }
  .comingsoon .comingsoon-inner .coming-soon-bottom-link {
    margin-top: 20px;
    line-height: 1; }
  .comingsoon .comingsoon-inner h5 {
    margin-bottom: 20px;
    margin-top: 20px; }
  .comingsoon .comingsoon-inner .countdown {
    padding: 20px 0px; }
    .comingsoon .comingsoon-inner .countdown ul li {
      margin: 0 7px; }
    .comingsoon .comingsoon-inner .countdown .title {
      font-size: 12px; }
    .comingsoon .comingsoon-inner .countdown .time {
      width: 45px;
      height: 45px;
      line-height: 45px;
      font-size: 16px;
      margin: 0 auto; }
  .stepwizard {
    margin-bottom: 15px; }
  .f1 .f1-steps {
    margin-top: 15px;
    margin-bottom: 15px; }
  .wizard-4 ul.anchor {
    width: 100%;
    padding-bottom: 15px; }
  .wizard-4 .step-container {
    width: 100%; }
  .status-widget .text-sm-right {
    text-align: right; }
  .mega-menu {
    padding-left: 15px; }
    .mega-menu .onhover-show-div {
      height: 405px;
      left: 0;
      top: 61px;
      padding: 15px; }
    .mega-menu .lg-mt {
      margin-top: 10px; }
    .mega-menu .xs-mt {
      margin-top: 15px; }
  .nav-md-mt {
    margin-top: 15px; }
  .navs-icon {
    padding: 15px; }
    .navs-icon .main-section {
      padding-top: 15px; }
    .navs-icon .separator {
      margin: 15px 0; }
  .nav-list {
    padding: 15px; }
  .navs-dropdown button {
    margin-top: 15px; }
  .navs-dropdown .onhover-show-div {
    top: 64px; }
  .lg-mt {
    margin-top: 15px; }
  #aniimated-thumbnials a:last-child img {
    margin-bottom: 15px; }
  .tilt-showcase .mt-4 {
    margin-top: 15px !important; }
  .tilt-showcase ol .m-b-20 {
    margin-bottom: 15px !important; }
  .xs-mt {
    margin-top: 15px; }
  span.tag-pills-sm-mb:last-child {
    margin-top: 3px; }
  .animated-modal .form-group .form-control {
    width: 50%;
    margin: 0 auto; }
  .animated-modal .animated-modal-md-mb {
    margin-bottom: 15px !important; }
  .steps-md-mt {
    margin-top: 15px; }
  .steps-sizing-sm-mb {
    margin-bottom: 15px; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group {
    width: 96% !important; }
  #API-chield-row_wrapper #API-chield-row tbody tr td:first-child {
    min-width: 20px; }
  .chart-block .flot-chart-container p#choices {
    width: 100%; }
  .chart-block .flot-chart-container #toggling-series-flot {
    width: 100% !important; }
  .click2edit ~ .note-editor.note-frame {
    margin-bottom: 15px; }
  .ecommerce-widget .progress-showcase {
    margin-top: 15px; }
  .reset-password-box .theme-form .form-group .btn {
    margin-top: 13px !important; }
  .gallery-with-description a > div {
    margin-bottom: 15px; }
  .gallery-img-mb-sm {
    margin-bottom: 15px; }
  .xm-mb-peity {
    margin-bottom: 8px; }
  .authentication-main {
    padding: 30px 15px; }
  .translate_wrapper.active .more_lang:before, .translate_wrapper.active .more_lang:after {
    display: none; }
  .translate_wrapper.active .more_lang.active {
    position: fixed;
    width: calc(100vw - 30px);
    left: 15px;
    top: 60px; }
  .onhover-dropdown:hover .onhover-show-div {
    opacity: 0;
    transform: none;
    visibility: hidden; }
    .onhover-dropdown:hover .onhover-show-div.active {
      opacity: 1;
      transform: translateY(0px);
      visibility: visible;
      border-radius: 5px;
      overflow: hidden; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
    width: calc(100vw - 30px);
    position: fixed;
    top: 60px;
    right: 1px; }
  .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
    width: calc(100vw - 30px);
    position: fixed;
    top: 60px;
    left: 15px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown {
    left: 15px; }
  .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
    top: 70px; }
  .wizard-4 .action-bar .btn {
    margin: 0 2px; }
  .dropdown-basic .btn-group {
    margin-right: unset; } }

@media only screen and (max-width: 480px) {
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
    width: 300px; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div.notification-dropdown {
      width: auto; }
  .page-wrapper.only-body .page-header .header-wrapper .nav-right {
    display: none; }
  .chat-menu {
    top: 120px; }
  .product-wrapper-grid.list-view .product-box {
    display: block; }
    .product-wrapper-grid.list-view .product-box .product-img {
      width: 100%; }
  .pagination-lg .page-link {
    font-size: 1.0rem; }
  h6 {
    font-size: 14px; }
  .prooduct-details-box .media-body {
    margin-left: 0rem !important; }
  .knob-block .chart-clock-main {
    margin: auto;
    width: auto; }
    .knob-block .chart-clock-main .clock-medium {
      position: absolute;
      left: 33px;
      top: 33px; }
      .knob-block .chart-clock-main .clock-medium canvas {
        width: 180px !important;
        height: 180px !important; }
    .knob-block .chart-clock-main .clock-small {
      left: 34px;
      top: 74px; }
    .knob-block .chart-clock-main .clock-large {
      left: 0;
      top: 0;
      margin: 0 auto; }
      .knob-block .chart-clock-main .clock-large canvas {
        width: 245px !important;
        height: 245px !important; }
  .knob-block > div:not(.chart-clock-main) canvas {
    width: 245px !important;
    height: 245px !important; }
  .wizard-4 .action-bar .btn {
    width: 100%; }
    .wizard-4 .action-bar .btn + .btn {
      margin-top: 10px; }
  ul.notification-dropdown.onhover-show-div {
    width: 260px;
    right: -80px; }
    ul.notification-dropdown.onhover-show-div:before, ul.notification-dropdown.onhover-show-div:after {
      right: 89px !important; }
  .inline-block-sm {
    display: inline-block; }
  .pagination-lg .page-link {
    padding: 0.3rem 0.65rem; }
  .nav-pills li {
    width: 100%; }
  .reset-password-box {
    width: 290px; }
  .icon-hover-bottom .icon-first {
    margin-right: 10px; }
  .icon-hover-bottom .icon-popup .icon-class {
    display: none; }
  .error-wrapper .maintenance-heading {
    margin-top: 0; }
  .custom-card {
    padding: 0; }
    .custom-card .card-footer > div h3 {
      font-size: 20px; }
    .custom-card .card-social li {
      padding: 5px 0; }
    .custom-card .profile-details h6 {
      margin-bottom: 15px; }
    .custom-card .profile-details h4 {
      font-size: 20px; }
    .custom-card .card-profile img {
      height: 93px; }
  .card .card-header .card-header-right i {
    margin: 0 3px;
    font-size: 14px; }
  .card .card-header > span + span {
    display: none; }
  .timeline-small .media .timeline-round.timeline-line-1:after {
    bottom: -50px; }
  .timeline-small .media .timeline-round.medium-line:after {
    bottom: -40px; }
  .dropdown-basic {
    text-align: center; }
  .dropup-basic {
    text-align: center; }
  .blog-box.blog-shadow .blog-details {
    padding: 10px; }
    .blog-box.blog-shadow .blog-details h4 {
      font-size: 14px; }
  .mega-menu {
    padding-left: 20px;
    padding-top: 3px; }
    .mega-menu .onhover-show-div {
      height: 405px;
      left: 0;
      top: 61px;
      padding: 15px; }
  .badge {
    padding: 0.42em 0.7em; }
  .alert-dismissible .close {
    top: -1px; }
    .alert-dismissible .close span {
      font-size: 19px; }
  .notify-alert {
    width: 90%; } }

@media only screen and (max-width: 420px) {
  .product-sidebar.open {
    top: -75px; }
  .alert-theme {
    font-size: 12px;
    min-width: 300px; }
    .alert-theme button {
      right: 30px !important; }
    .alert-theme i {
      display: none; }
    .alert-theme span + span + span {
      padding: 15px; }
  footer .footer-copyright {
    padding: 0px !important; }
  .and-many-more {
    font-size: 37px; }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
    width: 112px; }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 112px;
    width: 190px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div {
    width: 80px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 80px;
    width: 210px; }
  .login-card .login-main .theme-form .link {
    position: unset; } }

@media only screen and (max-width: 360px) {
  .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group {
    width: 45%; }
  .prooduct-details-box .close {
    right: 0;
    top: 5px; }
  .prooduct-details-box .btn {
    padding: 4px 8px; }
  .prooduct-details-box .media {
    padding: 15px;
    display: block; }
    .prooduct-details-box .media .media-body {
      margin-top: 15px; }
  .datepicker--nav-action {
    width: 20px;
    margin-left: -10px;
    background-color: transparent; }
    .datepicker--nav-action path {
      stroke: var(--theme-deafult); }
  .clockpicker-align-top {
    top: 426px !important; }
  .note {
    min-width: 250px; }
  .datepicker {
    width: 239px; }
  .add-post form .m-checkbox-inline label {
    margin-bottom: 8px; }
    .add-post form .m-checkbox-inline label:last-child {
      margin-bottom: 0; }
  .map-js-height {
    height: 250px; }
  .bar-chart-widget .earning-details i {
    right: -73px; }
  .status-widget svg {
    width: 18px;
    height: 18px; }
  .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link {
    padding: 10px 5px;
    font-size: 14px; }
  .user-profile .hovercard .user-image .share-icons {
    right: 6px;
    top: -15px; }
    .user-profile .hovercard .user-image .share-icons li .social-icon {
      width: 25px;
      height: 25px; }
      .user-profile .hovercard .user-image .share-icons li .social-icon i {
        font-size: 14px; }
  .social-chat .other-msg {
    margin-left: 15px; }
  .social-header h5 span.pull-right {
    display: none; }
  .timeline-small .media .timeline-round.timeline-line-1:after {
    bottom: -74px;
    height: 56px; }
  .timeline-small .media .timeline-round.small-line:after {
    bottom: -32px;
    height: 14px; }
  .timeline-small .media .timeline-round.medium-line:after {
    bottom: -59px;
    height: 40px; }
  .timeline-small .media .media-body p {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4; }
  .custom-card .dashboard-card {
    padding-top: 0; }
  .custom-card .card-profile img {
    bottom: 25px; }
  .custom-card .card-footer > div h6 {
    font-size: 12px; }
  .flot-chart-container {
    height: 230px; }
  .map-block {
    height: 250px; }
  .img-cropper .docs-tooltip {
    font-size: 11px; }
  .img-cropper .docs-toggles .btn-group .btn {
    padding: 0.375rem 0.2rem; }
  .blog-box .blog-details p {
    line-height: 1.5; }
  .blog-box .blog-details .blog-social li:last-child {
    padding-left: 0; }
  .blog-box .blog-details-main .blog-social li {
    padding: 0 10px; }
  .button-builder-wrap .btn-lg {
    font-size: 18px; }
  .tabs-responsive-side {
    max-width: 100%; }
  .browser-widget .media i {
    font-size: 52px; }
  .browser-widget .media .media-body h4 {
    font-size: 20px; }
  .bar-chart-widget .bottom-content .num {
    font-size: 17px; }
  .search-page .theme-form .input-group .form-control-plaintext {
    padding-left: 10px; }
  .search-page .theme-form .input-group .btn {
    padding: 6px 4px; }
  .search-page .info-block {
    padding: 20px; }
  .wizard-4 ul.anchor {
    padding-top: 15px; }
  .wizard-4 .msg-box {
    top: 40px !important; }
  .xs-width-100 {
    min-width: 100%; }
  .form-builder #components .component .form-group #button1id {
    margin-bottom: 15px; }
  .default-according .card .card-header i {
    font-size: 14px;
    top: 24px; }
  .default-according .card .btn-link {
    display: block;
    width: 100%;
    padding-left: 17px; }
  .star-ratings .stars .title {
    line-height: 1; }
  .user-profile .hovercard .social-media a {
    padding: 0 6px; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group {
    width: 93% !important; }
  .step-container {
    height: 280px !important; }
  .sort-panel .d-inline .btn {
    margin-left: 87px; }
  .jsgrid .jsgrid-pager-container .jsgrid-pager .jsgrid-pager-page {
    padding: 0.5em 0.62em; }
  .error-wrapper .error-heading .headline {
    font-size: 100px; }
  .lg-toolbar .lg-icon {
    width: 40px; }
  .calendar-wrap a.fc-more {
    font-size: .59em; }
  .calendar-wrap .fc th {
    font-size: 10px; }
  .modal-footer {
    display: block;
    text-align: center; }
  .order-box .qty li {
    font-size: 14px; }
    .order-box .qty li span {
      font-size: 14px; }
  .order-box ul li span {
    text-align: right; }
  .order-box ul li label {
    text-align: right;
    font-size: 14px; }
  .order-box .sub-total li .count {
    font-size: 14px; }
  .checkout .text-end {
    text-align: left !important;
    margin-top: 15px; } }

@media only screen and (min-width: 576px) {
  .product-wrapper-grid.list-view .col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%; }
  .sidebar-wrapper .back-btn {
    display: none; } }

@media (width: 768px) and (height: 1024px) {
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
    height: calc(100vh - 210px); } }

/**=====================
     62. Responsive CSS Ends
==========================**/
/**=====================
  4.2 Theme-customizer CSS Start
==========================**/
.customizer-links {
  position: fixed;
  right: 00px;
  top: 50%;
  z-index: 3;
  transform: translate(0, -50%);
  box-shadow: 0 0 37px rgba(8, 21, 66, 0.1); }
  .customizer-links > .nav {
    border-radius: 8px;
    padding: 10px;
    background-color: #fff; }
  .customizer-links.open {
    right: 330px;
    border-radius: 8px 0 0 8px;
    transition: all 0.3s ease; }
  .customizer-links .nav-link {
    padding: 0;
    position: relative;
    text-align: -webkit-center; }
    .customizer-links .nav-link:before {
      content: "";
      position: absolute;
      height: 100%;
      left: 0;
      width: 100%;
      background-color: rgba(0, 102, 102, 0.1);
      border-radius: 5px;
      transform: scale(0);
      transition: all 0.3s ease; }
    .customizer-links .nav-link:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid;
      top: 12px;
      border-width: 5px 0 5px 5px;
      border-left-color: rgba(0, 102, 102, 0.1);
      opacity: 0;
      transform: scale(0);
      color: #fff;
      left: -10px;
      z-index: 2;
      transition: all 0.3s ease; }
    .customizer-links .nav-link:hover i {
      color: var(--theme-deafult); }
    .customizer-links .nav-link:hover img {
      animation: swing 1.5s ease infinite; }
    .customizer-links .nav-link:hover:before {
      border-bottom: 2px solid var(--theme-deafult);
      opacity: 1;
      transform: scale(1);
      transition: all 0.3s ease; }
    .customizer-links .nav-link:hover:after {
      opacity: 1;
      transform: scale(1);
      transition: all 0.3s ease; }
    .customizer-links .nav-link:hover span {
      opacity: 1;
      right: 48px;
      transform: scale(1);
      transition: all 0.3s ease; }
    .customizer-links .nav-link + .nav-link {
      margin-bottom: 5px; }
    .customizer-links .nav-link div img {
      height: 22px;
      margin: 6px 6px;
      width: 22px; }
    .customizer-links .nav-link span {
      position: absolute;
      right: -60px;
      width: max-content;
      text-align: right;
      padding: 7px 10px;
      display: block;
      top: 0;
      border-radius: 5px;
      transform: scale(0);
      transition: all 0.3s ease;
      opacity: 0;
      color: var(--theme-deafult);
      background-color: var(--white);
      box-shadow: 0 0 37px rgba(8, 21, 66, 0.1); }
    .customizer-links .nav-link i {
      font-size: 17px;
      padding: 8px 10px;
      display: inline-block;
      cursor: pointer;
      margin: 0;
      color: gray;
      border-radius: 5px; }

.customizer-contain {
  direction: ltr;
  position: fixed;
  height: calc(100vh);
  top: 79px;
  width: 333px;
  right: -335px;
  background-color: #fff;
  z-index: 8;
  transition: all 0.3s ease; }
  .customizer-contain.open {
    right: 0px;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px 1px rgba(68, 102, 242, 0.05); }
  .customizer-contain li {
    position: relative; }
    .customizer-contain li.active {
      box-shadow: 0 0 11px 5px rgba(226, 226, 226, 0.5); }
  .customizer-contain h5 {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-top: 12px;
    padding-top: 12px;
    margin-bottom: 5px;
    color: #051A1A; }
  .customizer-contain h3 {
    color: #051A1A; }
  .customizer-contain .customizer-header {
    padding: 15px 25px;
    border-bottom: 1px solid #E6E9EB; }
    .customizer-contain .customizer-header .icon-close {
      position: absolute;
      font-size: 18px;
      cursor: pointer;
      font-weight: 900;
      right: 20px;
      top: 20px;
      color: var(--theme-deafult); }
    .customizer-contain .customizer-header h5 {
      text-transform: uppercase; }
  .customizer-contain .customizer-body {
    padding: 15px 25px;
    max-height: calc(100vh - 200px);
    overflow-y: scroll; }
    .customizer-contain .customizer-body .fade:not(.show) {
      display: none; }
    .customizer-contain .customizer-body .unlimited-color-layout {
      display: flex;
      align-items: center; }
      .customizer-contain .customizer-body .unlimited-color-layout .btn {
        font-size: 15px;
        padding: 4px 20px; }
      .customizer-contain .customizer-body .unlimited-color-layout input {
        border: 1px solid #E6E9EB;
        height: 35px;
        width: 35px;
        border-radius: 5px;
        background-color: #fff;
        margin-right: 5px; }
    .customizer-contain .customizer-body .layout-grid.customizer-mix .color-layout {
      height: 70px;
      width: 80px;
      border: 1px solid #f6f7fb;
      border-radius: 5px; }
    .customizer-contain .customizer-body .tab-pane > h6:first-child {
      padding-top: 0;
      margin-top: 0; }
    .customizer-contain .customizer-body li {
      cursor: pointer;
      opacity: 0.9; }
      .customizer-contain .customizer-body li.active {
        opacity: 1; }
    .customizer-contain .customizer-body .color-layout {
      height: 35px;
      width: 35px;
      border-radius: 6px;
      display: inline-block;
      margin-right: 3px;
      border: 1px solid #b8b8b8;
      padding: 3px; }
      .customizer-contain .customizer-body .color-layout > div {
        background-color: #006666;
        height: 100%;
        width: 100%;
        border-radius: 5px; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-2"] div {
        background-color: #1D5B79; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-3"] div {
        background-color: #4A55A2; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-4"] div {
        background-color: #167A93; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-5"] div {
        background-color: #423964; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-6"] div {
        background-color: #4b2a4b; }
    .customizer-contain .customizer-body .dark > li {
      background-color: #2f3c4e; }
    .customizer-contain .customizer-body .main-layout > li {
      height: 65px;
      width: 85px;
      border: 1px solid #E6E9EB;
      border-radius: 10px;
      display: inline-block; }
      .customizer-contain .customizer-body .main-layout > li:nth-child(2) .body ul li:first-child {
        margin-right: 3px; }
      .customizer-contain .customizer-body .main-layout > li + li {
        margin-left: 7px; }
    .customizer-contain .customizer-body .main-layout .box-layout .body .badge {
      left: -14px;
      padding: 4px 8px; }
    .customizer-contain .customizer-body .sidebar-type > li,
    .customizer-contain .customizer-body .sidebar-setting > li {
      height: 70px;
      width: 85px;
      border: 1px solid #E6E9EB;
      border-radius: 5px;
      display: inline-block; }
      .customizer-contain .customizer-body .sidebar-type > li + li,
      .customizer-contain .customizer-body .sidebar-setting > li + li {
        margin-left: 7px; }
    .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.bg-dark, .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.sidebar {
      width: 100%;
      height: 10px;
      display: block; }
    .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.bg-light, .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.body {
      height: calc(100% - 10px);
      width: 100%; }
    .customizer-contain .customizer-body .sidebar-type li.body-compact[data-attr="normal-sidebar"] .body ul li.body {
      width: calc(100% - 25px); }
    .customizer-contain .customizer-body .layout-types {
      margin-bottom: -30px; }
      .customizer-contain .customizer-body .layout-types > li {
        display: block;
        width: unset;
        height: unset;
        margin-bottom: 30px; }
        .customizer-contain .customizer-body .layout-types > li .layout-img h6 {
          padding-top: 0;
          text-transform: inherit;
          text-align: center; }
      .customizer-contain .customizer-body .layout-types .box-layout {
        background: unset; }

.layout-grid:not(.customizer-color) li {
  padding: 5px; }
  .layout-grid:not(.customizer-color) li > .header {
    height: 9px;
    border-radius: 3px;
    position: relative; }
    .layout-grid:not(.customizer-color) li > .header ul {
      position: absolute;
      top: -8px;
      left: 5px; }
      .layout-grid:not(.customizer-color) li > .header ul > li {
        display: inline-block;
        width: 4px;
        height: 4px;
        border-radius: 5px;
        top: calc(50% - 3px);
        background-color: var(--theme-deafult);
        margin-right: 2px;
        padding: 0; }
        .layout-grid:not(.customizer-color) li > .header ul > li:nth-child(2) {
          background-color: var(--theme-secondary); }
        .layout-grid:not(.customizer-color) li > .header ul > li:nth-child(3) {
          background-color: #00AC46; }
  .layout-grid:not(.customizer-color) li > .body {
    background-color: #2c323f;
    height: calc(100% - 16px);
    border-radius: 3px;
    position: relative;
    margin-top: 5px;
    text-align: center;
    line-height: 3.1; }
    .layout-grid:not(.customizer-color) li > .body ul {
      height: 100%;
      background-color: #fff; }
      .layout-grid:not(.customizer-color) li > .body ul .sidebar {
        width: 18px;
        height: 100%;
        border-radius: 3px;
        display: inline-block;
        margin-right: 3px;
        padding: 0; }
        .layout-grid:not(.customizer-color) li > .body ul .sidebar.compact {
          width: 12px; }
          .layout-grid:not(.customizer-color) li > .body ul .sidebar.compact ~ .body {
            width: calc(100% - 19px); }
      .layout-grid:not(.customizer-color) li > .body ul .body {
        width: calc(100% - 25px);
        padding: 0;
        margin: 0;
        height: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px; }
        .layout-grid:not(.customizer-color) li > .body ul .body .badge {
          padding: 4px 8px;
          position: absolute; }

/**=====================
    4.2 Theme-customizer CSS Ends
==========================**/
/**=====================
  4.3 Update CSS Start
==========================**/
.jsgrid-filter-row select,
.jsgrid-filter-row input {
  padding: 6px 10px;
  border: 1px solid #f2f4ff;
  background: #fff; }

.popover {
  background-color: #fff;
  border: none;
  -webkit-box-shadow: 0 0 20px rgba(0, 102, 102, 0.1);
  box-shadow: 0 0 20px rgba(0, 102, 102, 0.1); }
  .popover .popover-header {
    background-color: #F5F5F5;
    color: #006666;
    border-bottom: none; }
  .popover .popover-body {
    color: rgba(43, 43, 43, 0.7); }

#calendar .fc-header-toolbar {
  display: flex; }
  @media (max-width: 1690px) {
    #calendar .fc-header-toolbar {
      display: none; } }
.tooltip.bs-tooltip-top .tooltip-arrow:before {
  border-top-color: #F5F5F5; }

.tooltip.bs-tooltip-bottom .tooltip-arrow:before {
  border-bottom-color: #F5F5F5;
  border-top-color: transparent; }

.tooltip.bs-tooltip-start .tooltip-arrow:before {
  border-left-color: #F5F5F5;
  border-top-color: transparent; }

.tooltip.bs-tooltip-end .tooltip-arrow:before {
  border-right-color: #F5F5F5;
  border-top-color: transparent; }

.tooltip .tooltip-inner {
  background-color: #F5F5F5;
  color: #006666; }

.tooltip .tooltip-arrow:before {
  border-top-color: #F5F5F5; }

.dropdown-basic .dropdown .dropdown-content a {
  padding: 12px;
  color: #2b2b2b;
  opacity: 0.6;
  font-size: 14px;
  border-top: 1px solid #efefef;
  background: #fff; }
  .dropdown-basic .dropdown .dropdown-content a:hover {
    background-color: #fff; }

.dropdown-basic .dropdown .dropdown-content .dropdown-header {
  padding: 8px 16px;
  font-weight: 400;
  color: #2c323f;
  font-size: 13px; }

.dropdown-basic .dropup .dropup-content {
  top: auto; }

.default-according .card .card-header {
  padding: 0;
  border: none;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
  .default-according .card .card-header.bg-primary .btn, .default-according .card .card-header.bg-secondary .btn {
    border-color: transparent; }
  .default-according .card .card-header i {
    position: initial;
    font-size: 20px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px; }
    [dir="rtl"] .default-according .card .card-header i {
      margin-right: unset;
      margin-left: 5px; }
  .default-according .card .card-header h5 {
    margin-top: 0; }
  .default-according .card .card-header .btn-link {
    padding: 12px 20px;
    width: 100%;
    text-align: left;
    letter-spacing: 0.7px;
    font-family: "Montserrat", sans-serif;
    border: 1px solid #efefef;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 600; }
    [dir="rtl"] .default-according .card .card-header .btn-link {
      text-align: right; }
    @media (max-width: 575px) {
      .default-according .card .card-header .btn-link {
        padding: 12px 15px;
        font-size: 12px; } }
.default-according .card .card-body {
  padding: 15px 20px;
  line-height: 22px;
  font-size: 13px;
  border-color: #efefef;
  border-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #2c323f;
  border-bottom: none; }

.nav-tabs {
  border-bottom-color: #efefef; }
  .nav-tabs .nav-bottom .nav-item .nav-link.active {
    border-color: #efefef; }

.list-product .datatable-wrapper .no-footer .datatable-container {
  border-bottom: unset !important; }

.nav-tabs .nav-item.show .nav-link {
  font-weight: 500; }

.nav-tabs .nav-link {
  color: #2c323f; }
  .nav-tabs .nav-link.active {
    font-weight: 500; }

.nav-tabs.nav-bottom .nav-item .nav-link.active {
  border-color: #ecf3fa #ecf3fa #fff; }

.dropdown-menu {
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0;
  z-index: 1; }
  .dropdown-menu .dropdown-item {
    color: #2b2b2b;
    opacity: 0.6;
    font-size: 14px;
    padding: 6px 12px;
    border-top: 1px solid #efefef;
    background: #fff; }
    .dropdown-menu .dropdown-item:first-child {
      border-top: none; }
    .dropdown-menu .dropdown-item:hover {
      background-color: #fff; }
  .dropdown-menu .dropdown-divider {
    margin: 0;
    border-top: 1px solid #cccccc; }

.border-tab .nav-tabs .nav-item .nav-link.active {
  border-bottom: 2px solid #006666; }

.border-tab .nav-tabs .nav-item .nav-link.show {
  border-bottom: 2px solid #006666; }

.border-tab .nav-tabs .nav-item .nav-link:focus {
  border-bottom: 2px solid #006666; }

.timeliny .timeliny-dot::before {
  font-size: 18px; }

.total-revenue {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .total-revenue span {
    color: var(--body-font-color);
    font-weight: 500; }
  .total-revenue a {
    font-weight: 600; }

.component .input-group .btn {
  line-height: 32px;
  text-transform: capitalize; }

.login-card .login-main .theme-form label {
  font-size: 14px; }

.login-card .login-main .theme-form .show-hide {
  top: 50%; }

.faq-accordion .card .btn-link svg {
  margin-left: 20px; }
  @media (max-width: 575.98px) {
    .faq-accordion .card .btn-link svg {
      margin-left: 10px; } }
.job-filter .faq-form .form-control {
  font-size: 14px; }

.job-filter .faq-form .search-icon {
  width: 16px;
  height: 16px; }

.note-btn-group .dropdown-toggle.show ~ .dropdown-menu {
  display: block;
  top: 30px; }

.carousel .carousel-indicators {
  margin-bottom: 3px; }

.mouse-wheel .owl-stage-outer .owl-stage {
  width: 5600px !important; }
  .mouse-wheel .owl-stage-outer .owl-stage .owl-item {
    width: 225.333px !important; }

.carousel-item .carousel-caption {
  width: 100%;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 26px 10px;
  background-color: rgba(34, 36, 43, 0.51); }

.carousel-item .carousel-opacity {
  background-color: rgba(230, 233, 235, 0.51); }

.carousel .carousel-control-prev-icon {
  width: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320)));
  height: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320))); }

.carousel .carousel-control-next-icon {
  width: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320)));
  height: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320))); }

[dir="rtl"] .rating-header h4 {
  direction: ltr; }

.animate-img .animate-widget img {
  width: 100%;
  height: 350px;
  margin: 0 auto;
  object-fit: cover; }

.modal-popup.modal {
  top: 20%;
  left: 50%;
  transform: translate(-50%, 0); }
  .modal-popup.modal .modal-dialog .theme-close {
    width: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
    height: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320))); }

@media (max-width: 442px) {
  .animated-modal .form-select {
    width: 100% !important; } }

.task-container .badge {
  line-height: 13px; }

.add-post form .form-control:focus {
  border: 1px solid var(--recent-dashed-border);
  box-shadow: unset; }

.starter-main .alert-primary.inverse {
  padding: 13px 20px 13px 65px;
  border-color: #006666;
  color: #2c323f; }
  [dir="rtl"] .starter-main .alert-primary.inverse {
    padding: 13px 65px 13px 20px; }
  .starter-main .alert-primary.inverse:before {
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #006666;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    [dir="rtl"] .starter-main .alert-primary.inverse:before {
      border-right: 7px solid #006666;
      border-left: unset; }
  .starter-main .alert-primary.inverse i {
    padding: 17px 20px;
    display: flex;
    align-items: center;
    background-color: #006666;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    [dir="rtl"] .starter-main .alert-primary.inverse i {
      right: 0;
      left: unset; }

.balance-profile ul {
  display: flex;
  justify-content: center;
  gap: 50px;
  margin-top: 16px; }
  @media (max-width: 1660px) {
    .balance-profile ul {
      gap: 25px; } }
  .balance-profile ul li {
    position: relative; }
    .balance-profile ul li + li::before {
      position: absolute;
      content: '';
      left: -25px;
      top: 50%;
      height: 40px;
      transform: translateY(-50%);
      border: 1px dashed var(--recent-dashed-border); }
      [dir="rtl"] .balance-profile ul li + li::before {
        left: unset;
        right: -25px; }
      @media (max-width: 1660px) {
        .balance-profile ul li + li::before {
          left: -16px; }
          [dir="rtl"] .balance-profile ul li + li::before {
            right: -16px; } }
/**=====================
    4.3 Update CSS Ends
==========================**/
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
.animated.hinge {
  animation-duration: 2s;
}
.animated.bounceIn {
  animation-duration: 0.75s;
}
.animated.bounceOut {
  animation-duration: 0.75s;
}
.animated.flipOutX {
  animation-duration: 0.75s;
}
.animated.flipOutY {
  animation-duration: 0.75s;
}
.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes bounce {
  0% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
  20% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
  53% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
  80% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
  40% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}

@keyframes pulse {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scaleX(1);
  }
}
.pulse {
  animation-name: pulse;
}

@keyframes rubberBand {
  0% {
    transform: scaleX(1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scaleX(1);
  }
}
.rubberBand {
  animation-name: rubberBand;
}

@keyframes shake {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translateZ(0);
  }
  10% {
    transform: translate3d(-10px, 0, 0);
  }
  30% {
    transform: translate3d(-10px, 0, 0);
  }
  50% {
    transform: translate3d(-10px, 0, 0);
  }
  70% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(-10px, 0, 0);
  }
  20% {
    transform: translate3d(10px, 0, 0);
  }
  40% {
    transform: translate3d(10px, 0, 0);
  }
  60% {
    transform: translate3d(10px, 0, 0);
  }
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(0);
  }
  0.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  1.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  2.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  3.5% {
    transform: translateX(2px) rotateY(3deg);
  }
}
.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}

@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}

@keyframes tada {
  0% {
    transform: scaleX(1);
  }
  10% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  50% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  70% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  60% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    transform: scaleX(1);
  }
}
.tada {
  animation-name: tada;
}

@keyframes wobble {
  0% {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    transform: none;
  }
}
.wobble {
  animation-name: wobble;
}

@keyframes jello {
  0% {
    transform: none;
  }
  to {
    transform: none;
  }
  0.1% {
    transform: none;
  }
  1.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  2.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  3.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  4.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  5.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  6.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  7.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  animation-name: jello;
  transform-origin: center;
}

@keyframes bounceIn {
  0% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
    transform: scaleX(1);
  }
}
.bounceIn {
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  0% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 5px, 0);
  }
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: none;
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(5px, 0, 0);
  }
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: none;
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  0% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: none;
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  0% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, -5px, 0);
  }
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(-1turn);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@keyframes lightSpeedIn {
  0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}

@keyframes rotateIn {
  0% {
    transform-origin: center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}

@keyframes rotateOut {
  0% {
    transform-origin: center;
    opacity: 1;
  }
  to {
    transform-origin: center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate(45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  80% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  animation-name: hinge;
}

@keyframes jackInTheBox {
  0% {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.jackInTheBox {
  animation-name: jackInTheBox;
}

@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.rollIn {
  animation-name: rollIn;
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  animation-name: zoomInUp;
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  animation-name: zoomOut;
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
.zoomOutRight {
  animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  animation-name: zoomOutUp;
}

@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}

@keyframes slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideOutLeft {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}
body[data-aos-duration="50"] [data-aos], [data-aos][data-aos][data-aos-duration="50"] {
  transition-duration: 50ms;
}
body[data-aos-delay="50"] [data-aos], [data-aos][data-aos][data-aos-delay="50"] {
  transition-delay: 0;
}
body[data-aos-delay="50"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="50"].aos-animate {
  transition-delay: 50ms;
}
body[data-aos-duration="100"] [data-aos], [data-aos][data-aos][data-aos-duration="100"] {
  transition-duration: 100ms;
}
body[data-aos-delay="100"] [data-aos], [data-aos][data-aos][data-aos-delay="100"] {
  transition-delay: 0;
}
body[data-aos-delay="100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="100"].aos-animate {
  transition-delay: 100ms;
}
body[data-aos-duration="150"] [data-aos], [data-aos][data-aos][data-aos-duration="150"] {
  transition-duration: 150ms;
}
body[data-aos-delay="150"] [data-aos], [data-aos][data-aos][data-aos-delay="150"] {
  transition-delay: 0;
}
body[data-aos-delay="150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="150"].aos-animate {
  transition-delay: 150ms;
}
body[data-aos-duration="200"] [data-aos], [data-aos][data-aos][data-aos-duration="200"] {
  transition-duration: 200ms;
}
body[data-aos-delay="200"] [data-aos], [data-aos][data-aos][data-aos-delay="200"] {
  transition-delay: 0;
}
body[data-aos-delay="200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="200"].aos-animate {
  transition-delay: 200ms;
}
body[data-aos-duration="250"] [data-aos], [data-aos][data-aos][data-aos-duration="250"] {
  transition-duration: 250ms;
}
body[data-aos-delay="250"] [data-aos], [data-aos][data-aos][data-aos-delay="250"] {
  transition-delay: 0;
}
body[data-aos-delay="250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="250"].aos-animate {
  transition-delay: 250ms;
}
body[data-aos-duration="300"] [data-aos], [data-aos][data-aos][data-aos-duration="300"] {
  transition-duration: 300ms;
}
body[data-aos-delay="300"] [data-aos], [data-aos][data-aos][data-aos-delay="300"] {
  transition-delay: 0;
}
body[data-aos-delay="300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="300"].aos-animate {
  transition-delay: 300ms;
}
body[data-aos-duration="350"] [data-aos], [data-aos][data-aos][data-aos-duration="350"] {
  transition-duration: 350ms;
}
body[data-aos-delay="350"] [data-aos], [data-aos][data-aos][data-aos-delay="350"] {
  transition-delay: 0;
}
body[data-aos-delay="350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="350"].aos-animate {
  transition-delay: 350ms;
}
body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] {
  transition-duration: 400ms;
}
body[data-aos-delay="400"] [data-aos], [data-aos][data-aos][data-aos-delay="400"] {
  transition-delay: 0;
}
body[data-aos-delay="400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="400"].aos-animate {
  transition-delay: 400ms;
}
body[data-aos-duration="450"] [data-aos], [data-aos][data-aos][data-aos-duration="450"] {
  transition-duration: 450ms;
}
body[data-aos-delay="450"] [data-aos], [data-aos][data-aos][data-aos-delay="450"] {
  transition-delay: 0;
}
body[data-aos-delay="450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="450"].aos-animate {
  transition-delay: 450ms;
}
body[data-aos-duration="500"] [data-aos], [data-aos][data-aos][data-aos-duration="500"] {
  transition-duration: 500ms;
}
body[data-aos-delay="500"] [data-aos], [data-aos][data-aos][data-aos-delay="500"] {
  transition-delay: 0;
}
body[data-aos-delay="500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="500"].aos-animate {
  transition-delay: 500ms;
}
body[data-aos-duration="550"] [data-aos], [data-aos][data-aos][data-aos-duration="550"] {
  transition-duration: 550ms;
}
body[data-aos-delay="550"] [data-aos], [data-aos][data-aos][data-aos-delay="550"] {
  transition-delay: 0;
}
body[data-aos-delay="550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="550"].aos-animate {
  transition-delay: 550ms;
}
body[data-aos-duration="600"] [data-aos], [data-aos][data-aos][data-aos-duration="600"] {
  transition-duration: 600ms;
}
body[data-aos-delay="600"] [data-aos], [data-aos][data-aos][data-aos-delay="600"] {
  transition-delay: 0;
}
body[data-aos-delay="600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="600"].aos-animate {
  transition-delay: 600ms;
}
body[data-aos-duration="650"] [data-aos], [data-aos][data-aos][data-aos-duration="650"] {
  transition-duration: 650ms;
}
body[data-aos-delay="650"] [data-aos], [data-aos][data-aos][data-aos-delay="650"] {
  transition-delay: 0;
}
body[data-aos-delay="650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="650"].aos-animate {
  transition-delay: 650ms;
}
body[data-aos-duration="700"] [data-aos], [data-aos][data-aos][data-aos-duration="700"] {
  transition-duration: 700ms;
}
body[data-aos-delay="700"] [data-aos], [data-aos][data-aos][data-aos-delay="700"] {
  transition-delay: 0;
}
body[data-aos-delay="700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="700"].aos-animate {
  transition-delay: 700ms;
}
body[data-aos-duration="750"] [data-aos], [data-aos][data-aos][data-aos-duration="750"] {
  transition-duration: 750ms;
}
body[data-aos-delay="750"] [data-aos], [data-aos][data-aos][data-aos-delay="750"] {
  transition-delay: 0;
}
body[data-aos-delay="750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="750"].aos-animate {
  transition-delay: 750ms;
}
body[data-aos-duration="800"] [data-aos], [data-aos][data-aos][data-aos-duration="800"] {
  transition-duration: 800ms;
}
body[data-aos-delay="800"] [data-aos], [data-aos][data-aos][data-aos-delay="800"] {
  transition-delay: 0;
}
body[data-aos-delay="800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="800"].aos-animate {
  transition-delay: 800ms;
}
body[data-aos-duration="850"] [data-aos], [data-aos][data-aos][data-aos-duration="850"] {
  transition-duration: 850ms;
}
body[data-aos-delay="850"] [data-aos], [data-aos][data-aos][data-aos-delay="850"] {
  transition-delay: 0;
}
body[data-aos-delay="850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="850"].aos-animate {
  transition-delay: 850ms;
}
body[data-aos-duration="900"] [data-aos], [data-aos][data-aos][data-aos-duration="900"] {
  transition-duration: 900ms;
}
body[data-aos-delay="900"] [data-aos], [data-aos][data-aos][data-aos-delay="900"] {
  transition-delay: 0;
}
body[data-aos-delay="900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="900"].aos-animate {
  transition-delay: 900ms;
}
body[data-aos-duration="950"] [data-aos], [data-aos][data-aos][data-aos-duration="950"] {
  transition-duration: 950ms;
}
body[data-aos-delay="950"] [data-aos], [data-aos][data-aos][data-aos-delay="950"] {
  transition-delay: 0;
}
body[data-aos-delay="950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="950"].aos-animate {
  transition-delay: 950ms;
}
body[data-aos-duration="1000"] [data-aos], [data-aos][data-aos][data-aos-duration="1000"] {
  transition-duration: 1000ms;
}
body[data-aos-delay="1000"] [data-aos], [data-aos][data-aos][data-aos-delay="1000"] {
  transition-delay: 0;
}
body[data-aos-delay="1000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1000"].aos-animate {
  transition-delay: 1000ms;
}
body[data-aos-duration="1050"] [data-aos], [data-aos][data-aos][data-aos-duration="1050"] {
  transition-duration: 1050ms;
}
body[data-aos-delay="1050"] [data-aos], [data-aos][data-aos][data-aos-delay="1050"] {
  transition-delay: 0;
}
body[data-aos-delay="1050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1050"].aos-animate {
  transition-delay: 1050ms;
}
body[data-aos-duration="1100"] [data-aos], [data-aos][data-aos][data-aos-duration="1100"] {
  transition-duration: 1100ms;
}
body[data-aos-delay="1100"] [data-aos], [data-aos][data-aos][data-aos-delay="1100"] {
  transition-delay: 0;
}
body[data-aos-delay="1100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1100"].aos-animate {
  transition-delay: 1100ms;
}
body[data-aos-duration="1150"] [data-aos], [data-aos][data-aos][data-aos-duration="1150"] {
  transition-duration: 1150ms;
}
body[data-aos-delay="1150"] [data-aos], [data-aos][data-aos][data-aos-delay="1150"] {
  transition-delay: 0;
}
body[data-aos-delay="1150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1150"].aos-animate {
  transition-delay: 1150ms;
}
body[data-aos-duration="1200"] [data-aos], [data-aos][data-aos][data-aos-duration="1200"] {
  transition-duration: 1200ms;
}
body[data-aos-delay="1200"] [data-aos], [data-aos][data-aos][data-aos-delay="1200"] {
  transition-delay: 0;
}
body[data-aos-delay="1200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1200"].aos-animate {
  transition-delay: 1200ms;
}
body[data-aos-duration="1250"] [data-aos], [data-aos][data-aos][data-aos-duration="1250"] {
  transition-duration: 1250ms;
}
body[data-aos-delay="1250"] [data-aos], [data-aos][data-aos][data-aos-delay="1250"] {
  transition-delay: 0;
}
body[data-aos-delay="1250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1250"].aos-animate {
  transition-delay: 1250ms;
}
body[data-aos-duration="1300"] [data-aos], [data-aos][data-aos][data-aos-duration="1300"] {
  transition-duration: 1300ms;
}
body[data-aos-delay="1300"] [data-aos], [data-aos][data-aos][data-aos-delay="1300"] {
  transition-delay: 0;
}
body[data-aos-delay="1300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1300"].aos-animate {
  transition-delay: 1300ms;
}
body[data-aos-duration="1350"] [data-aos], [data-aos][data-aos][data-aos-duration="1350"] {
  transition-duration: 1350ms;
}
body[data-aos-delay="1350"] [data-aos], [data-aos][data-aos][data-aos-delay="1350"] {
  transition-delay: 0;
}
body[data-aos-delay="1350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1350"].aos-animate {
  transition-delay: 1350ms;
}
body[data-aos-duration="1400"] [data-aos], [data-aos][data-aos][data-aos-duration="1400"] {
  transition-duration: 1400ms;
}
body[data-aos-delay="1400"] [data-aos], [data-aos][data-aos][data-aos-delay="1400"] {
  transition-delay: 0;
}
body[data-aos-delay="1400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1400"].aos-animate {
  transition-delay: 1400ms;
}
body[data-aos-duration="1450"] [data-aos], [data-aos][data-aos][data-aos-duration="1450"] {
  transition-duration: 1450ms;
}
body[data-aos-delay="1450"] [data-aos], [data-aos][data-aos][data-aos-delay="1450"] {
  transition-delay: 0;
}
body[data-aos-delay="1450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1450"].aos-animate {
  transition-delay: 1450ms;
}
body[data-aos-duration="1500"] [data-aos], [data-aos][data-aos][data-aos-duration="1500"] {
  transition-duration: 1500ms;
}
body[data-aos-delay="1500"] [data-aos], [data-aos][data-aos][data-aos-delay="1500"] {
  transition-delay: 0;
}
body[data-aos-delay="1500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1500"].aos-animate {
  transition-delay: 1500ms;
}
body[data-aos-duration="1550"] [data-aos], [data-aos][data-aos][data-aos-duration="1550"] {
  transition-duration: 1550ms;
}
body[data-aos-delay="1550"] [data-aos], [data-aos][data-aos][data-aos-delay="1550"] {
  transition-delay: 0;
}
body[data-aos-delay="1550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1550"].aos-animate {
  transition-delay: 1550ms;
}
body[data-aos-duration="1600"] [data-aos], [data-aos][data-aos][data-aos-duration="1600"] {
  transition-duration: 1600ms;
}
body[data-aos-delay="1600"] [data-aos], [data-aos][data-aos][data-aos-delay="1600"] {
  transition-delay: 0;
}
body[data-aos-delay="1600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1600"].aos-animate {
  transition-delay: 1600ms;
}
body[data-aos-duration="1650"] [data-aos], [data-aos][data-aos][data-aos-duration="1650"] {
  transition-duration: 1650ms;
}
body[data-aos-delay="1650"] [data-aos], [data-aos][data-aos][data-aos-delay="1650"] {
  transition-delay: 0;
}
body[data-aos-delay="1650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1650"].aos-animate {
  transition-delay: 1650ms;
}
body[data-aos-duration="1700"] [data-aos], [data-aos][data-aos][data-aos-duration="1700"] {
  transition-duration: 1700ms;
}
body[data-aos-delay="1700"] [data-aos], [data-aos][data-aos][data-aos-delay="1700"] {
  transition-delay: 0;
}
body[data-aos-delay="1700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1700"].aos-animate {
  transition-delay: 1700ms;
}
body[data-aos-duration="1750"] [data-aos], [data-aos][data-aos][data-aos-duration="1750"] {
  transition-duration: 1750ms;
}
body[data-aos-delay="1750"] [data-aos], [data-aos][data-aos][data-aos-delay="1750"] {
  transition-delay: 0;
}
body[data-aos-delay="1750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1750"].aos-animate {
  transition-delay: 1750ms;
}
body[data-aos-duration="1800"] [data-aos], [data-aos][data-aos][data-aos-duration="1800"] {
  transition-duration: 1800ms;
}
body[data-aos-delay="1800"] [data-aos], [data-aos][data-aos][data-aos-delay="1800"] {
  transition-delay: 0;
}
body[data-aos-delay="1800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1800"].aos-animate {
  transition-delay: 1800ms;
}
body[data-aos-duration="1850"] [data-aos], [data-aos][data-aos][data-aos-duration="1850"] {
  transition-duration: 1850ms;
}
body[data-aos-delay="1850"] [data-aos], [data-aos][data-aos][data-aos-delay="1850"] {
  transition-delay: 0;
}
body[data-aos-delay="1850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1850"].aos-animate {
  transition-delay: 1850ms;
}
body[data-aos-duration="1900"] [data-aos], [data-aos][data-aos][data-aos-duration="1900"] {
  transition-duration: 1900ms;
}
body[data-aos-delay="1900"] [data-aos], [data-aos][data-aos][data-aos-delay="1900"] {
  transition-delay: 0;
}
body[data-aos-delay="1900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1900"].aos-animate {
  transition-delay: 1900ms;
}
body[data-aos-duration="1950"] [data-aos], [data-aos][data-aos][data-aos-duration="1950"] {
  transition-duration: 1950ms;
}
body[data-aos-delay="1950"] [data-aos], [data-aos][data-aos][data-aos-delay="1950"] {
  transition-delay: 0;
}
body[data-aos-delay="1950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1950"].aos-animate {
  transition-delay: 1950ms;
}
body[data-aos-duration="2000"] [data-aos], [data-aos][data-aos][data-aos-duration="2000"] {
  transition-duration: 2000ms;
}
body[data-aos-delay="2000"] [data-aos], [data-aos][data-aos][data-aos-delay="2000"] {
  transition-delay: 0;
}
body[data-aos-delay="2000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2000"].aos-animate {
  transition-delay: 2000ms;
}
body[data-aos-duration="2050"] [data-aos], [data-aos][data-aos][data-aos-duration="2050"] {
  transition-duration: 2050ms;
}
body[data-aos-delay="2050"] [data-aos], [data-aos][data-aos][data-aos-delay="2050"] {
  transition-delay: 0;
}
body[data-aos-delay="2050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2050"].aos-animate {
  transition-delay: 2050ms;
}
body[data-aos-duration="2100"] [data-aos], [data-aos][data-aos][data-aos-duration="2100"] {
  transition-duration: 2100ms;
}
body[data-aos-delay="2100"] [data-aos], [data-aos][data-aos][data-aos-delay="2100"] {
  transition-delay: 0;
}
body[data-aos-delay="2100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2100"].aos-animate {
  transition-delay: 2100ms;
}
body[data-aos-duration="2150"] [data-aos], [data-aos][data-aos][data-aos-duration="2150"] {
  transition-duration: 2150ms;
}
body[data-aos-delay="2150"] [data-aos], [data-aos][data-aos][data-aos-delay="2150"] {
  transition-delay: 0;
}
body[data-aos-delay="2150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2150"].aos-animate {
  transition-delay: 2150ms;
}
body[data-aos-duration="2200"] [data-aos], [data-aos][data-aos][data-aos-duration="2200"] {
  transition-duration: 2200ms;
}
body[data-aos-delay="2200"] [data-aos], [data-aos][data-aos][data-aos-delay="2200"] {
  transition-delay: 0;
}
body[data-aos-delay="2200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2200"].aos-animate {
  transition-delay: 2200ms;
}
body[data-aos-duration="2250"] [data-aos], [data-aos][data-aos][data-aos-duration="2250"] {
  transition-duration: 2250ms;
}
body[data-aos-delay="2250"] [data-aos], [data-aos][data-aos][data-aos-delay="2250"] {
  transition-delay: 0;
}
body[data-aos-delay="2250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2250"].aos-animate {
  transition-delay: 2250ms;
}
body[data-aos-duration="2300"] [data-aos], [data-aos][data-aos][data-aos-duration="2300"] {
  transition-duration: 2300ms;
}
body[data-aos-delay="2300"] [data-aos], [data-aos][data-aos][data-aos-delay="2300"] {
  transition-delay: 0;
}
body[data-aos-delay="2300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2300"].aos-animate {
  transition-delay: 2300ms;
}
body[data-aos-duration="2350"] [data-aos], [data-aos][data-aos][data-aos-duration="2350"] {
  transition-duration: 2350ms;
}
body[data-aos-delay="2350"] [data-aos], [data-aos][data-aos][data-aos-delay="2350"] {
  transition-delay: 0;
}
body[data-aos-delay="2350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2350"].aos-animate {
  transition-delay: 2350ms;
}
body[data-aos-duration="2400"] [data-aos], [data-aos][data-aos][data-aos-duration="2400"] {
  transition-duration: 2400ms;
}
body[data-aos-delay="2400"] [data-aos], [data-aos][data-aos][data-aos-delay="2400"] {
  transition-delay: 0;
}
body[data-aos-delay="2400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2400"].aos-animate {
  transition-delay: 2400ms;
}
body[data-aos-duration="2450"] [data-aos], [data-aos][data-aos][data-aos-duration="2450"] {
  transition-duration: 2450ms;
}
body[data-aos-delay="2450"] [data-aos], [data-aos][data-aos][data-aos-delay="2450"] {
  transition-delay: 0;
}
body[data-aos-delay="2450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2450"].aos-animate {
  transition-delay: 2450ms;
}
body[data-aos-duration="2500"] [data-aos], [data-aos][data-aos][data-aos-duration="2500"] {
  transition-duration: 2500ms;
}
body[data-aos-delay="2500"] [data-aos], [data-aos][data-aos][data-aos-delay="2500"] {
  transition-delay: 0;
}
body[data-aos-delay="2500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2500"].aos-animate {
  transition-delay: 2500ms;
}
body[data-aos-duration="2550"] [data-aos], [data-aos][data-aos][data-aos-duration="2550"] {
  transition-duration: 2550ms;
}
body[data-aos-delay="2550"] [data-aos], [data-aos][data-aos][data-aos-delay="2550"] {
  transition-delay: 0;
}
body[data-aos-delay="2550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2550"].aos-animate {
  transition-delay: 2550ms;
}
body[data-aos-duration="2600"] [data-aos], [data-aos][data-aos][data-aos-duration="2600"] {
  transition-duration: 2600ms;
}
body[data-aos-delay="2600"] [data-aos], [data-aos][data-aos][data-aos-delay="2600"] {
  transition-delay: 0;
}
body[data-aos-delay="2600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2600"].aos-animate {
  transition-delay: 2600ms;
}
body[data-aos-duration="2650"] [data-aos], [data-aos][data-aos][data-aos-duration="2650"] {
  transition-duration: 2650ms;
}
body[data-aos-delay="2650"] [data-aos], [data-aos][data-aos][data-aos-delay="2650"] {
  transition-delay: 0;
}
body[data-aos-delay="2650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2650"].aos-animate {
  transition-delay: 2650ms;
}
body[data-aos-duration="2700"] [data-aos], [data-aos][data-aos][data-aos-duration="2700"] {
  transition-duration: 2700ms;
}
body[data-aos-delay="2700"] [data-aos], [data-aos][data-aos][data-aos-delay="2700"] {
  transition-delay: 0;
}
body[data-aos-delay="2700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2700"].aos-animate {
  transition-delay: 2700ms;
}
body[data-aos-duration="2750"] [data-aos], [data-aos][data-aos][data-aos-duration="2750"] {
  transition-duration: 2750ms;
}
body[data-aos-delay="2750"] [data-aos], [data-aos][data-aos][data-aos-delay="2750"] {
  transition-delay: 0;
}
body[data-aos-delay="2750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2750"].aos-animate {
  transition-delay: 2750ms;
}
body[data-aos-duration="2800"] [data-aos], [data-aos][data-aos][data-aos-duration="2800"] {
  transition-duration: 2800ms;
}
body[data-aos-delay="2800"] [data-aos], [data-aos][data-aos][data-aos-delay="2800"] {
  transition-delay: 0;
}
body[data-aos-delay="2800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2800"].aos-animate {
  transition-delay: 2800ms;
}
body[data-aos-duration="2850"] [data-aos], [data-aos][data-aos][data-aos-duration="2850"] {
  transition-duration: 2850ms;
}
body[data-aos-delay="2850"] [data-aos], [data-aos][data-aos][data-aos-delay="2850"] {
  transition-delay: 0;
}
body[data-aos-delay="2850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2850"].aos-animate {
  transition-delay: 2850ms;
}
body[data-aos-duration="2900"] [data-aos], [data-aos][data-aos][data-aos-duration="2900"] {
  transition-duration: 2900ms;
}
body[data-aos-delay="2900"] [data-aos], [data-aos][data-aos][data-aos-delay="2900"] {
  transition-delay: 0;
}
body[data-aos-delay="2900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2900"].aos-animate {
  transition-delay: 2900ms;
}
body[data-aos-duration="2950"] [data-aos], [data-aos][data-aos][data-aos-duration="2950"] {
  transition-duration: 2950ms;
}
body[data-aos-delay="2950"] [data-aos], [data-aos][data-aos][data-aos-delay="2950"] {
  transition-delay: 0;
}
body[data-aos-delay="2950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2950"].aos-animate {
  transition-delay: 2950ms;
}
body[data-aos-duration="3000"] [data-aos], [data-aos][data-aos][data-aos-duration="3000"] {
  transition-duration: 3000ms;
}
body[data-aos-delay="3000"] [data-aos], [data-aos][data-aos][data-aos-delay="3000"] {
  transition-delay: 0;
}
body[data-aos-delay="3000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="3000"].aos-animate {
  transition-delay: 3000ms;
}

body[data-aos-easing=linear] [data-aos], [data-aos][data-aos][data-aos-easing=linear] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
body[data-aos-easing=ease] [data-aos], [data-aos][data-aos][data-aos-easing=ease] {
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
body[data-aos-easing=ease-in] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in] {
  transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
body[data-aos-easing=ease-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out] {
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out] {
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-back] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
body[data-aos-easing=ease-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-back] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
body[data-aos-easing=ease-in-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-back] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
body[data-aos-easing=ease-in-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-sine] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
body[data-aos-easing=ease-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-sine] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
body[data-aos-easing=ease-in-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-sine] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
body[data-aos-easing=ease-in-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quad] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quad] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quad] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-cubic] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-cubic] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-cubic] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quart] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quart] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quart] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/**
 * Fade animations:
 * fade
 * fade-up, fade-down, fade-left, fade-right
 * fade-up-right, fade-up-left, fade-down-right, fade-down-left
 */
[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translate(0, 0);
}

[data-aos=fade-up] {
  transform: translate(0, 100px);
}

[data-aos=fade-down] {
  transform: translate(0, -100px);
}

[data-aos=fade-right] {
  transform: translate(-100px, 0);
}

[data-aos=fade-left] {
  transform: translate(100px, 0);
}

[data-aos=fade-up-right] {
  transform: translate(-100px, 100px);
}

[data-aos=fade-up-left] {
  transform: translate(100px, 100px);
}

[data-aos=fade-down-right] {
  transform: translate(-100px, -100px);
}

[data-aos=fade-down-left] {
  transform: translate(100px, -100px);
}

/**
 * Zoom animations:
 * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
 * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
 */
[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate(0, 100px) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate(0, -100px) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate(-100px, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate(100px, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate(0, 100px) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate(0, -100px) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate(-100px, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate(100px, 0) scale(1.2);
}

/**
 * Slide animations
 */
[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translate(0, 0);
}

[data-aos=slide-up] {
  transform: translateY(100%);
}

[data-aos=slide-down] {
  transform: translateY(-100%);
}

[data-aos=slide-right] {
  transform: translateX(-100%);
}

[data-aos=slide-left] {
  transform: translateX(100%);
}

/**
 * Flip animations:
 * flip-left, flip-right, flip-up, flip-down
 */
[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}
/**
 * Minified by jsDelivr using clean-css v5.2.4.
 * Original file: /npm/@tarekraafat/autocomplete.js@10.2.7/dist/css/autoComplete.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
.autoComplete_wrapper{display:inline-block;position:relative}.autoComplete_wrapper>input{height:3rem;width:370px;margin:0;padding:0 2rem 0 3.2rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size:1rem;text-overflow:ellipsis;color:rgba(255,122,122,.3);outline:0;border-radius:10rem;border:.05rem solid rgba(255,122,122,.5);background-image:url(/images/search.svg);background-size:1.4rem;background-position:left 1.05rem top .8rem;background-repeat:no-repeat;background-origin:border-box;background-color:#fff;transition:all .4s ease;-webkit-transition:all -webkit-transform .4s ease}.autoComplete_wrapper>input::placeholder{color:rgba(255,122,122,.5);transition:all .3s ease;-webkit-transition:all -webkit-transform .3s ease}.autoComplete_wrapper>input:hover::placeholder{color:rgba(255,122,122,.6);transition:all .3s ease;-webkit-transition:all -webkit-transform .3s ease}.autoComplete_wrapper>input:focus::placeholder{padding:.1rem .6rem;font-size:.95rem;color:rgba(255,122,122,.4)}.autoComplete_wrapper>input:focus::selection{background-color:rgba(255,122,122,.15)}.autoComplete_wrapper>input::selection{background-color:rgba(255,122,122,.15)}.autoComplete_wrapper>input:hover{color:rgba(255,122,122,.8);transition:all .3s ease;-webkit-transition:all -webkit-transform .3s ease}.autoComplete_wrapper>input:focus{color:#ff7a7a;border:.06rem solid rgba(255,122,122,.8)}.autoComplete_wrapper>ul{position:absolute;max-height:226px;overflow-y:scroll;box-sizing:border-box;left:0;right:0;margin:.5rem 0 0 0;padding:0;z-index:1;list-style:none;border-radius:.6rem;background-color:#fff;border:1px solid rgba(33,33,33,.07);box-shadow:0 3px 6px rgba(149,157,165,.15);outline:0;transition:opacity .15s ease-in-out;-moz-transition:opacity .15s ease-in-out;-webkit-transition:opacity .15s ease-in-out}.autoComplete_wrapper>ul:empty,.autoComplete_wrapper>ul[hidden]{display:block;opacity:0;transform:scale(0)}.autoComplete_wrapper>ul>li{margin:.3rem;padding:.3rem .5rem;text-align:left;font-size:1rem;color:#212121;border-radius:.35rem;background-color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease}.autoComplete_wrapper>ul>li mark{background-color:transparent;color:#ff7a7a;font-weight:700}.autoComplete_wrapper>ul>li:hover{cursor:pointer;background-color:rgba(255,122,122,.15)}.autoComplete_wrapper>ul>li[aria-selected=true]{background-color:rgba(255,122,122,.15)}@media only screen and (max-width:600px){.autoComplete_wrapper>input{width:18rem}}

/* classes attached to <body> */
/* TODO: make fc-event selector work when calender in shadow DOM */
/* TODO: not attached to body. attached to specific els. move */
/* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */
/* inner-wrappers are responsible for being absolute */
/* TODO: best place for this? */
@font-face {
  font-family: "fcicons";
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css

These styles only apply when the standard-theme is activated.
When it's NOT activated, the fc-button classes won't even be in the DOM.
*/
/* link resets */
/* ---------------------------------------------------------------------------------------------------- */
/* cursor */
/* event text content */
/* ---------------------------------------------------------------------------------------------------- */
/* dragging */
/* ---------------------------------------------------------------------------------------------------- */
/* resizing */
/* ---------------------------------------------------------------------------------------------------- */
/* (subclasses should hone positioning for touch and non-touch) */
/* MOUSE */
/* selecting (always TOUCH) */
/* OR, focused by tab-index */
/* (TODO: maybe not the best focus-styling for .fc-daygrid-dot-event) */
/* ---------------------------------------------------------------------------------------------------- */
/*
A HORIZONTAL event
*/
/* adjust border and border-radius (if there is any) for non-start/end */
/* resizers */
/* resizers for TOUCH */
/* help things clear margins of inner content */
/* --- the rectangle ("block") style of event --- */
/* --- the dot style of event --- */
/* --- spacing between time and title --- */
/*
A VERTICAL event
*/
/* make the dot closer to the event title */
.fc-not-allowed {
  cursor: not-allowed;
}
.fc-not-allowed .fc-event {
  cursor: not-allowed;
}

.fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fc {
  display: flex;
  flex-direction: column;
  font-size: 1em;
  box-sizing: border-box;
}
.fc * {
  box-sizing: border-box;
}
.fc *:before {
  box-sizing: border-box;
}
.fc *:after {
  box-sizing: border-box;
}
.fc table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
}
.fc th {
  text-align: center;
  vertical-align: top;
  padding: 0;
}
.fc td {
  vertical-align: top;
  padding: 0;
}
.fc a[data-navlink] {
  cursor: pointer;
}
.fc a[data-navlink]:hover {
  text-decoration: underline;
}
.fc .fc-button {
  border-radius: 0;
  overflow: visible;
  text-transform: none;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  -webkit-appearance: button;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.4em 0.65em;
  font-size: 1em;
  line-height: 1.5;
  border-radius: 0.25em;
}
.fc .fc-button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
}
.fc .fc-button:not(:disabled) {
  cursor: pointer;
}
.fc .fc-button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
.fc .fc-button:hover {
  text-decoration: none;
}
.fc .fc-button:disabled {
  opacity: 0.65;
}
.fc .fc-button .fc-icon {
  vertical-align: middle;
  font-size: 1.5em;
}
.fc .fc-button-primary {
  color: #fff;
  color: var(--fc-button-text-color, #fff);
  background-color: #7366FF;
  background-color: var(--fc-button-bg-color, #7366FF);
  border-color: #7366FF;
  border-color: var(--fc-button-border-color, #7366FF);
}
.fc .fc-button-primary:hover {
  color: #fff;
  color: var(--fc-button-text-color, #fff);
  background-color: #7366FF;
  background-color: var(--fc-button-hover-bg-color, #7366FF);
  border-color: #7366FF;
  border-color: var(--fc-button-hover-border-color, #7366FF);
}
.fc .fc-button-primary:disabled {
  color: #fff;
  color: var(--fc-button-text-color, #fff);
  background-color: #7366FF;
  background-color: var(--fc-button-bg-color, #7366FF);
  border-color: #7366FF;
  border-color: var(--fc-button-border-color, #7366FF);
}
.fc .fc-button-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}
.fc .fc-button-primary:not(:disabled):active {
  color: #fff;
  color: var(--fc-button-text-color, #fff);
  background-color: #7366FF;
  background-color: var(--fc-button-active-bg-color, #7366FF);
  border-color: #534686;
  border-color: var(--fc-button-active-border-color, #7366FF);
}
.fc .fc-button-primary:not(:disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}
.fc .fc-button-primary:not(:disabled).fc-button-active {
  color: #fff;
  color: var(--fc-button-text-color, #fff);
  background-color: #7366FF;
  background-color: var(--fc-button-active-bg-color, #7366FF);
  border-color: #534686;
  border-color: var(--fc-button-active-border-color, #7366FF);
}
.fc .fc-button-primary:not(:disabled).fc-button-active:focus {
  box-shadow: 0 0 0 0.2rem rgba(115, 102, 255, 0.5);
}
.fc .fc-button-group {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.fc .fc-button-group > .fc-button {
  position: relative;
  flex: 1 1 auto;
}
.fc .fc-button-group > .fc-button:hover {
  z-index: 1;
}
.fc .fc-button-group > .fc-button:focus {
  z-index: 1;
}
.fc .fc-button-group > .fc-button:active {
  z-index: 1;
}
.fc .fc-button-group > .fc-button.fc-button-active {
  z-index: 1;
}
.fc .fc-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1.5em;
}
.fc .fc-toolbar.fc-footer-toolbar {
  margin-top: 1.5em;
}
.fc .fc-toolbar-title {
  font-size: 1.75em;
  margin: 0;
}
.fc .fc-scroller {
  -webkit-overflow-scrolling: touch;
  position: relative;
}
.fc .fc-scroller-liquid {
  height: 100%;
}
.fc .fc-scroller-liquid-absolute {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.fc .fc-scroller-harness {
  position: relative;
  overflow: hidden;
  direction: ltr;
}
.fc .fc-scroller-harness-liquid {
  height: 100%;
}
.fc .fc-scrollgrid {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-right-width: 0;
  border-bottom-width: 0;
}
.fc .fc-scrollgrid table {
  width: 100%;
  table-layout: fixed;
  border-top-style: hidden;
  border-left-style: hidden;
  border-right-style: hidden;
}
.fc .fc-scrollgrid-liquid {
  height: 100%;
}
.fc .fc-scrollgrid-section {
  height: 1px;
}
.fc .fc-scrollgrid-section > td {
  height: 1px;
}
.fc .fc-scrollgrid-section table {
  height: 1px;
}
.fc .fc-scrollgrid-section > * {
  border-top-width: 0;
  border-left-width: 0;
}
.fc .fc-scrollgrid-section-liquid > td {
  height: 100%;
}
.fc .fc-scrollgrid-section-header > * {
  border-bottom-width: 0;
}
.fc .fc-scrollgrid-section-footer > * {
  border-bottom-width: 0;
}
.fc .fc-scrollgrid-section-footer table {
  border-bottom-style: hidden;
}
.fc .fc-scrollgrid-section-body table {
  border-bottom-style: hidden;
}
.fc .fc-scrollgrid-section-sticky > * {
  background: #fff;
  background: var(--fc-page-bg-color, #fff);
  position: sticky;
  z-index: 3;
}
.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
  top: 0;
}
.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
  bottom: 0;
}
.fc .fc-scrollgrid-sticky-shim {
  height: 1px;
  margin-bottom: -1px;
}
.fc .fc-view-harness {
  flex-grow: 1;
  position: relative;
}
.fc .fc-view-harness-active > .fc-view {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.fc .fc-col-header-cell-cushion {
  display: inline-block;
  padding: 2px 4px;
}
.fc .fc-bg-event {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(143, 223, 130);
  background: var(--fc-bg-event-color, rgb(143, 223, 130));
  opacity: 0.3;
  opacity: var(--fc-bg-event-opacity, 0.3);
}
.fc .fc-bg-event .fc-event-title {
  margin: 0.5em;
  font-size: 0.85em;
  font-size: var(--fc-small-font-size, 0.85em);
  font-style: italic;
}
.fc .fc-non-business {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(215, 215, 215, 0.3);
  background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3));
}
.fc .fc-highlight {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(188, 232, 241, 0.3);
  background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));
}
.fc .fc-cell-shaded {
  background: rgba(208, 208, 208, 0.3);
  background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}
.fc .fc-day-disabled {
  background: rgba(208, 208, 208, 0.3);
  background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}
.fc .fc-popover {
  position: absolute;
  z-index: 9999;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.fc .fc-popover-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 3px 4px;
}
.fc .fc-popover-title {
  margin: 0 2px;
}
.fc .fc-popover-close {
  cursor: pointer;
  opacity: 0.65;
  font-size: 1.1em;
}
.fc .fc-daygrid-body {
  position: relative;
  z-index: 1;
}
.fc .fc-daygrid-day.fc-day-today {
  background-color: rgba(255, 220, 40, 0.15);
  background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
}
.fc .fc-daygrid-day-frame {
  position: relative;
  min-height: 100%;
}
.fc .fc-daygrid-day-top {
  display: flex;
  flex-direction: row-reverse;
}
.fc .fc-day-other .fc-daygrid-day-top {
  opacity: 0.3;
}
.fc .fc-daygrid-day-number {
  position: relative;
  z-index: 4;
  padding: 4px;
}
.fc .fc-daygrid-day-events {
  margin-top: 1px;
}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
  position: absolute;
  left: 0;
  right: 0;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
  position: relative;
  min-height: 2em;
}
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
  margin-bottom: 1em;
}
.fc .fc-daygrid-event-harness {
  position: relative;
}
.fc .fc-daygrid-event-harness-abs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.fc .fc-daygrid-bg-harness {
  position: absolute;
  top: 0;
  bottom: 0;
}
.fc .fc-daygrid-day-bg .fc-non-business {
  z-index: 1;
}
.fc .fc-daygrid-day-bg .fc-bg-event {
  z-index: 2;
}
.fc .fc-daygrid-day-bg .fc-highlight {
  z-index: 3;
}
.fc .fc-daygrid-event {
  z-index: 6;
  margin-top: 1px;
}
.fc .fc-daygrid-event.fc-event-mirror {
  z-index: 7;
}
.fc .fc-daygrid-day-bottom {
  font-size: 0.85em;
  padding: 2px 3px 0;
}
.fc .fc-daygrid-day-bottom:before {
  content: "";
  clear: both;
  display: table;
}
.fc .fc-daygrid-more-link {
  position: relative;
  z-index: 4;
  cursor: pointer;
}
.fc .fc-daygrid-week-number {
  position: absolute;
  z-index: 5;
  top: 0;
  padding: 2px;
  min-width: 1.5em;
  text-align: center;
  background-color: rgba(208, 208, 208, 0.3);
  background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  color: #808080;
  color: var(--fc-neutral-text-color, #808080);
}
.fc .fc-more-popover .fc-popover-body {
  min-width: 220px;
  padding: 10px;
}
.fc .fc-timegrid .fc-daygrid-body {
  z-index: 2;
}
.fc .fc-timegrid-divider {
  padding: 0 0 2px;
}
.fc .fc-timegrid-body {
  position: relative;
  z-index: 1;
  min-height: 100%;
}
.fc .fc-timegrid-axis-chunk {
  position: relative;
}
.fc .fc-timegrid-axis-chunk > table {
  position: relative;
  z-index: 1;
}
.fc .fc-timegrid-slots {
  position: relative;
  z-index: 1;
}
.fc .fc-timegrid-slot {
  height: 1.5em;
  border-bottom: 0;
}
.fc .fc-timegrid-slot:empty:before {
  content: " ";
}
.fc .fc-timegrid-slot-minor {
  border-top-style: dotted;
}
.fc .fc-timegrid-slot-label-cushion {
  display: inline-block;
  white-space: nowrap;
  padding: 0 4px;
}
.fc .fc-timegrid-slot-label {
  vertical-align: middle;
}
.fc .fc-timegrid-axis-cushion {
  padding: 0 4px;
  max-width: 60px;
  flex-shrink: 0;
}
.fc .fc-timegrid-axis-frame-liquid {
  height: 100%;
}
.fc .fc-timegrid-axis-frame {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.fc .fc-timegrid-col.fc-day-today {
  background-color: rgba(255, 220, 40, 0.15);
  background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
}
.fc .fc-timegrid-col-frame {
  min-height: 100%;
  position: relative;
}
.fc .fc-timegrid-col-bg {
  z-index: 2;
}
.fc .fc-timegrid-col-bg .fc-non-business {
  z-index: 1;
}
.fc .fc-timegrid-col-bg .fc-bg-event {
  z-index: 2;
}
.fc .fc-timegrid-col-bg .fc-highlight {
  z-index: 3;
}
.fc .fc-timegrid-bg-harness {
  position: absolute;
  left: 0;
  right: 0;
}
.fc .fc-timegrid-col-events {
  z-index: 3;
}
.fc .fc-timegrid-now-indicator-container {
  bottom: 0;
  overflow: hidden;
}
.fc .fc-timegrid-now-indicator-line {
  position: absolute;
  z-index: 4;
  left: 0;
  right: 0;
  border-style: solid;
  border-color: red;
  border-color: var(--fc-now-indicator-color, red);
  border-width: 1px 0 0;
}
.fc .fc-timegrid-now-indicator-arrow {
  position: absolute;
  z-index: 4;
  margin-top: -5px;
  border-style: solid;
  border-color: red;
  border-color: var(--fc-now-indicator-color, red);
}
.fc .fc-list-empty {
  background-color: rgba(208, 208, 208, 0.3);
  background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fc .fc-list-empty-cushion {
  margin: 5em 0;
}
.fc .fc-list-table {
  width: 100%;
  border-style: hidden;
}
.fc .fc-list-table tr > * {
  border-left: 0;
  border-right: 0;
}
.fc .fc-list-table thead {
  position: absolute;
  left: -10000px;
}
.fc .fc-list-table tbody > tr:first-child th {
  border-top: 0;
}
.fc .fc-list-table th {
  padding: 0;
}
.fc .fc-list-table td {
  padding: 8px 14px;
}
.fc .fc-list-sticky .fc-list-day > * {
  position: sticky;
  top: 0;
  background: #fff;
  background: var(--fc-page-bg-color, #fff);
}
.fc .fc-list-day-cushion {
  padding: 8px 14px;
}
.fc .fc-list-day-cushion:after {
  content: "";
  clear: both;
  display: table;
}
.fc .fc-list-event.fc-event-forced-url {
  cursor: pointer;
}
.fc .fc-list-event.fc-event-forced-url:hover a {
  text-decoration: underline;
}
.fc .fc-list-event:hover td {
  background-color: #f5f5f5;
  background-color: var(--fc-list-event-hover-bg-color, #f5f5f5);
}
.fc .fc-list-event-graphic {
  white-space: nowrap;
  width: 1px;
}
.fc .fc-list-event-time {
  white-space: nowrap;
  width: 1px;
}
.fc .fc-list-event-dot {
  display: inline-block;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 5px solid #7366FF;
  border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #7366FF);
  border-radius: 5px;
  border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
}
.fc .fc-list-event-title a {
  color: inherit;
  text-decoration: none;
}

.fc-direction-ltr {
  direction: ltr;
  text-align: left;
}
.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fc-direction-ltr .fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
  margin-left: 0.75em;
}
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
  cursor: w-resize;
  left: -4px;
  left: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
  cursor: e-resize;
  right: -4px;
  right: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start {
  left: -4px;
  left: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end {
  right: -4px;
  right: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}
.fc-direction-ltr .fc-daygrid-event.fc-event-start {
  margin-left: 2px;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end {
  margin-right: 2px;
}
.fc-direction-ltr .fc-daygrid-week-number {
  left: 0;
  border-radius: 0 0 3px 0;
}
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
  margin-right: 3px;
}
.fc-direction-ltr .fc-timegrid-slot-label-frame {
  text-align: right;
}
.fc-direction-ltr .fc-timegrid-col-events {
  margin: 0 2.5% 0 2px;
}
.fc-direction-ltr .fc-timegrid-more-link {
  right: 0;
}
.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
  left: 0;
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.fc-direction-ltr .fc-list-day-text {
  float: left;
}
.fc-direction-ltr .fc-list-day-side-text {
  float: right;
}
.fc-direction-ltr .fc-list-table .fc-list-event-graphic {
  padding-right: 0;
}

.fc-direction-rtl {
  direction: rtl;
  text-align: right;
}
.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
  margin-right: -1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fc-direction-rtl .fc-direction-rtl .fc-toolbar > * > :not(:first-child) {
  margin-right: 0.75em;
}
.fc-direction-rtl .fc-toolbar-ltr {
  flex-direction: row-reverse;
}
.fc-direction-rtl .fc-scroller-harness > .fc-scroller {
  direction: rtl;
}
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
}
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
  cursor: w-resize;
  left: -4px;
  left: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
}
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
  cursor: e-resize;
  right: -4px;
  right: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
}
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
  left: -4px;
  left: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
  right: -4px;
  right: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
  margin-left: 2px;
}
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
  margin-right: 2px;
}
.fc-direction-rtl .fc-daygrid-week-number {
  right: 0;
  border-radius: 0 0 0 3px;
}
.fc-direction-rtl .fc-daygrid-event .fc-event-time {
  margin-left: 3px;
}
.fc-direction-rtl .fc-timegrid-slot-label-frame {
  text-align: left;
}
.fc-direction-rtl .fc-timegrid-col-events {
  margin: 0 2px 0 2.5%;
}
.fc-direction-rtl .fc-timegrid-more-link {
  left: 0;
}
.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
  right: 0;
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.fc-direction-rtl .fc-list-day-side-text {
  float: left;
}
.fc-direction-rtl .fc-list-day-text {
  float: right;
}
.fc-direction-rtl .fc-list-table .fc-list-event-graphic {
  padding-left: 0;
}

.fc-theme-standard td {
  border: 1px solid #ddd;
  border: 1px solid var(--fc-border-color, #ddd);
}
.fc-theme-standard th {
  border: 1px solid #ddd;
  border: 1px solid var(--fc-border-color, #ddd);
}
.fc-theme-standard .fc-scrollgrid {
  border: 1px solid #ddd;
  border: 1px solid var(--fc-border-color, #ddd);
}
.fc-theme-standard .fc-popover {
  border: 1px solid #ddd;
  border: 1px solid var(--fc-border-color, #ddd);
  background: #fff;
  background: var(--fc-page-bg-color, #fff);
}
.fc-theme-standard .fc-popover-header {
  background: rgba(208, 208, 208, 0.3);
  background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}
.fc-theme-standard .fc-list {
  border: 1px solid #ddd;
  border: 1px solid var(--fc-border-color, #ddd);
}
.fc-theme-standard .fc-list-day-cushion {
  background-color: rgba(208, 208, 208, 0.3);
  background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}

.fc-liquid-hack td {
  position: relative;
}
.fc-liquid-hack th {
  position: relative;
}
.fc-liquid-hack .fc-daygrid-day-frame {
  position: static;
}
.fc-liquid-hack .fc-timegrid-axis-frame-liquid {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fc-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: "fcicons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fc-icon-chevron-left:before {
  content: "\e900";
}

.fc-icon-chevron-right:before {
  content: "\e901";
}

.fc-icon-chevrons-left:before {
  content: "\e902";
}

.fc-icon-chevrons-right:before {
  content: "\e903";
}

.fc-icon-minus-square:before {
  content: "\e904";
}

.fc-icon-plus-square:before {
  content: "\e905";
}

.fc-icon-x:before {
  content: "\e906";
}

.fc-sticky {
  position: sticky;
}

a.fc-event {
  text-decoration: none;
}
a.fc-event:hover {
  text-decoration: none;
}

.fc-event[href] {
  cursor: pointer;
}

.fc-event.fc-event-draggable {
  cursor: pointer;
}

.fc-event .fc-event-main {
  position: relative;
  z-index: 2;
}
.fc-event .fc-event-resizer {
  display: none;
  position: absolute;
  z-index: 4;
}
.fc-event:hover .fc-event-resizer {
  display: block;
}
.fc-event:focus {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.fc-event:focus:before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fc-event:focus:after {
  content: "";
  background: rgba(0, 0, 0, 0.25);
  background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  z-index: 1;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
}

.fc-event-dragging:not(.fc-event-selected) {
  opacity: 0.75;
}

.fc-event-dragging.fc-event-selected {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

.fc-event-selected {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.fc-event-selected .fc-event-resizer {
  display: block;
  border-radius: 4px;
  border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);
  border-width: 1px;
  border-width: var(--fc-event-resizer-dot-border-width, 1px);
  width: 8px;
  width: var(--fc-event-resizer-dot-total-width, 8px);
  height: 8px;
  height: var(--fc-event-resizer-dot-total-width, 8px);
  border-style: solid;
  border-color: inherit;
  background: #fff;
  background: var(--fc-page-bg-color, #fff);
}
.fc-event-selected .fc-event-resizer:before {
  content: "";
  position: absolute;
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
}
.fc-event-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fc-event-selected:after {
  content: "";
  background: rgba(0, 0, 0, 0.25);
  background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  z-index: 1;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
}

.fc-h-event {
  display: block;
  border: 1px solid #7366FF;
  border: 1px solid var(--fc-event-border-color, #7366FF);
  background-color: #7366FF;
  background-color: var(--fc-event-bg-color, #7366FF);
}
.fc-h-event .fc-event-main {
  color: #fff;
  color: var(--fc-event-text-color, #fff);
}
.fc-h-event .fc-event-main-frame {
  display: flex;
}
.fc-h-event .fc-event-time {
  max-width: 100%;
  overflow: hidden;
}
.fc-h-event .fc-event-title-container {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
}
.fc-h-event .fc-event-title {
  display: inline-block;
  vertical-align: top;
  left: 0;
  right: 0;
  max-width: 100%;
  overflow: hidden;
}
.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
  top: 0;
  bottom: 0;
  width: 8px;
  width: var(--fc-event-resizer-thickness, 8px);
}

.fc-h-event.fc-event-selected:before {
  top: -10px;
  bottom: -10px;
}
.fc-h-event.fc-event-selected .fc-event-resizer {
  top: 50%;
  margin-top: -4px;
  margin-top: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}

:root {
  --fc-daygrid-event-dot-width: 8px;
  --fc-list-event-dot-width: 10px;
  --fc-list-event-hover-bg-color: #f5f5f5;
}

.fc-daygrid-day-frame:before {
  content: "";
  clear: both;
  display: table;
}
.fc-daygrid-day-frame:after {
  content: "";
  clear: both;
  display: table;
}

.fc-daygrid-day-events:before {
  content: "";
  clear: both;
  display: table;
}
.fc-daygrid-day-events:after {
  content: "";
  clear: both;
  display: table;
}

.fc-daygrid-event-harness:before {
  content: "";
  clear: both;
  display: table;
}
.fc-daygrid-event-harness:after {
  content: "";
  clear: both;
  display: table;
}

.fc-daygrid-event {
  position: relative;
  white-space: nowrap;
  border-radius: 3px;
  font-size: 0.85em;
  font-size: var(--fc-small-font-size, 0.85em);
}

.fc-daygrid-block-event .fc-event-time {
  font-weight: bold;
  padding: 1px;
}
.fc-daygrid-block-event .fc-event-title {
  padding: 1px;
}

.fc-daygrid-dot-event {
  display: flex;
  align-items: center;
  padding: 2px 0;
}
.fc-daygrid-dot-event .fc-event-title {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
  font-weight: bold;
}
.fc-daygrid-dot-event:hover {
  background: rgba(0, 0, 0, 0.1);
}

.fc-daygrid-dot-event.fc-event-mirror {
  background: rgba(0, 0, 0, 0.1);
}

.fc-daygrid-dot-event.fc-event-selected:before {
  top: -10px;
  bottom: -10px;
}

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #7366FF;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #7366FF);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
}

.fc-v-event {
  display: block;
  border: 1px solid #7366FF;
  border: 1px solid var(--fc-event-border-color, #7366FF);
  background-color: #7366FF;
  background-color: var(--fc-event-bg-color, #7366FF);
}
.fc-v-event .fc-event-main {
  color: #fff;
  color: var(--fc-event-text-color, #fff);
  height: 100%;
}
.fc-v-event .fc-event-main-frame {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.fc-v-event .fc-event-time {
  flex-grow: 0;
  flex-shrink: 0;
  max-height: 100%;
  overflow: hidden;
}
.fc-v-event .fc-event-title-container {
  flex-grow: 1;
  flex-shrink: 1;
  min-height: 0;
}
.fc-v-event .fc-event-title {
  top: 0;
  bottom: 0;
  max-height: 100%;
  overflow: hidden;
}
.fc-v-event:not(.fc-event-start) {
  border-top-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.fc-v-event:not(.fc-event-end) {
  border-bottom-width: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.fc-v-event .fc-event-resizer-start {
  cursor: n-resize;
}
.fc-v-event .fc-event-resizer-end {
  cursor: s-resize;
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer {
  height: 8px;
  height: var(--fc-event-resizer-thickness, 8px);
  left: 0;
  right: 0;
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
  top: -4px;
  top: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
  bottom: -4px;
  bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}

.fc-v-event.fc-event-selected:before {
  left: -10px;
  right: -10px;
}
.fc-v-event.fc-event-selected .fc-event-resizer {
  left: 50%;
  margin-left: -4px;
  margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-v-event.fc-event-selected .fc-event-resizer-start {
  top: -4px;
  top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-v-event.fc-event-selected .fc-event-resizer-end {
  bottom: -4px;
  bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}

.fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fc-media-screen .fc-timegrid-cols {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fc-media-screen .fc-timegrid-cols > table {
  height: 100%;
}
.fc-media-screen .fc-timegrid-col-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.fc-media-screen .fc-timegrid-col-events {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.fc-media-screen .fc-timegrid-now-indicator-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.fc-timegrid-event-harness {
  position: absolute;
}
.fc-timegrid-event-harness > .fc-timegrid-event {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.fc-timegrid-event-harness-inset .fc-timegrid-event {
  box-shadow: 0px 0px 0px 1px #fff;
  box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
}

.fc-timegrid-event.fc-event-mirror {
  box-shadow: 0px 0px 0px 1px #fff;
  box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
}

.fc-timegrid-more-link {
  box-shadow: 0px 0px 0px 1px #fff;
  box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
  font-size: 0.85em;
  font-size: var(--fc-small-font-size, 0.85em);
  border-radius: 3px;
  position: absolute;
  z-index: 9999;
  color: inherit;
  color: var(--fc-more-link-text-color, inherit);
  background: #d0d0d0;
  background: var(--fc-more-link-bg-color, #d0d0d0);
  cursor: pointer;
  margin-bottom: 1px;
}

.fc-timegrid-event {
  font-size: 0.85em;
  font-size: var(--fc-small-font-size, 0.85em);
  border-radius: 3px;
  margin-bottom: 1px;
}
.fc-timegrid-event .fc-event-main {
  padding: 1px 1px 0;
}
.fc-timegrid-event .fc-event-time {
  white-space: nowrap;
  font-size: 0.85em;
  font-size: var(--fc-small-font-size, 0.85em);
  margin-bottom: 1px;
}

.fc-timegrid-event-short .fc-event-main-frame {
  flex-direction: row;
  overflow: hidden;
}
.fc-timegrid-event-short .fc-event-time:after {
  content: " - ";
}
.fc-timegrid-event-short .fc-event-title {
  font-size: 0.85em;
  font-size: var(--fc-small-font-size, 0.85em);
}

.fc-timegrid-more-link-inner {
  padding: 3px 2px;
  top: 0;
}

.fc-theme-bootstrap a:not([href]) {
  color: inherit;
}

.fc-theme-bootstrap5 a:not([href]) {
  color: inherit;
  text-decoration: inherit;
}
.fc-theme-bootstrap5 .fc-list {
  border: 1px solid var(--bs-gray-400);
}
.fc-theme-bootstrap5 .fc-scrollgrid {
  border: 1px solid var(--bs-gray-400);
  border-right-width: 0;
  border-bottom-width: 0;
}
.fc-theme-bootstrap5 td {
  border: 1px solid var(--bs-gray-400);
}
.fc-theme-bootstrap5 th {
  border: 1px solid var(--bs-gray-400);
}

.fc-theme-bootstrap5-shaded {
  background-color: var(--bs-gray-200);
}
.ct-label {
  fill: rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  line-height: 1;
}

.ct-chart-line .ct-label,
.ct-chart-bar .ct-label {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.ct-chart-pie .ct-label,
.ct-chart-donut .ct-label {
  dominant-baseline: central;
}

.ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-label.ct-vertical.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end;
}

.ct-label.ct-vertical.ct-end {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-chart-bar .ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start;
}

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: end;
}

.ct-grid {
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 1px;
  stroke-dasharray: 2px;
}

.ct-grid-background {
  fill: none;
}

.ct-point {
  stroke-width: 10px;
  stroke-linecap: round;
}

.ct-line {
  fill: none;
  stroke-width: 4px;
}

.ct-area {
  stroke: none;
  fill-opacity: 0.1;
}

.ct-bar {
  fill: none;
  stroke-width: 10px;
}

.ct-slice-donut {
  fill: none;
  stroke-width: 60px;
}

.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
  stroke: #7366ff;
}
.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
  fill: #7366ff;
}

.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
  stroke: #f73164;
}
.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
  fill: #f73164;
}

.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
  stroke: #51bb25;
}
.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area {
  fill: #51bb25;
}

.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
  stroke: #f8d62b;
}
.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area {
  fill: #f8d62b;
}

.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
  stroke: #f8d62b;
}
.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
  fill: #f8d62b;
}

.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
  stroke: #dc3545;
}
.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
  fill: #dc3545;
}

.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
  stroke: #7366ff;
}
.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area {
  fill: #7366ff;
}

.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
  stroke: #7366ff;
}
.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
  fill: #7366ff;
}

.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
  stroke: #7366ff;
}
.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area {
  fill: #7366ff;
}

.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
  stroke: #7366ff;
}
.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area {
  fill: #7366ff;
}

.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
  stroke: #7366ff;
}
.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area {
  fill: #7366ff;
}

.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
  stroke: #7366ff;
}
.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area {
  fill: #7366ff;
}

.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
  stroke: #7366ff;
}
.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area {
  fill: #7366ff;
}

.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
  stroke: #7366ff;
}
.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area {
  fill: #7366ff;
}

.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
  stroke: #7366ff;
}
.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
  fill: #7366ff;
}

.ct-square {
  display: block;
  position: relative;
  width: 100%;
}
.ct-square:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 100%;
}
.ct-square:after {
  content: "";
  display: table;
  clear: both;
}
.ct-square > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-minor-second {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-second:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 93.75%;
}
.ct-minor-second:after {
  content: "";
  display: table;
  clear: both;
}
.ct-minor-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-second {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-second:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 88.8888888889%;
}
.ct-major-second:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-minor-third {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-third:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 83.3333333333%;
}
.ct-minor-third:after {
  content: "";
  display: table;
  clear: both;
}
.ct-minor-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-third {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-third:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 80%;
}
.ct-major-third:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-perfect-fourth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-perfect-fourth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 75%;
}
.ct-perfect-fourth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-perfect-fourth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-perfect-fifth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-perfect-fifth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 66.6666666667%;
}
.ct-perfect-fifth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-perfect-fifth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-minor-sixth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-sixth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 62.5%;
}
.ct-minor-sixth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-minor-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-golden-section {
  display: block;
  position: relative;
  width: 100%;
}
.ct-golden-section:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 61.804697157%;
}
.ct-golden-section:after {
  content: "";
  display: table;
  clear: both;
}
.ct-golden-section > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-sixth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-sixth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 60%;
}
.ct-major-sixth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-minor-seventh {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-seventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 56.25%;
}
.ct-minor-seventh:after {
  content: "";
  display: table;
  clear: both;
}
.ct-minor-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-seventh {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-seventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 53.3333333333%;
}
.ct-major-seventh:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-octave {
  display: block;
  position: relative;
  width: 100%;
}
.ct-octave:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 50%;
}
.ct-octave:after {
  content: "";
  display: table;
  clear: both;
}
.ct-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-tenth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-tenth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 40%;
}
.ct-major-tenth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-tenth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-eleventh {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-eleventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 37.5%;
}
.ct-major-eleventh:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-eleventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-twelfth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-twelfth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 33.3333333333%;
}
.ct-major-twelfth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-twelfth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-double-octave {
  display: block;
  position: relative;
  width: 100%;
}
.ct-double-octave:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 25%;
}
.ct-double-octave:after {
  content: "";
  display: table;
  clear: both;
}
.ct-double-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

/*button bootstrap4 css*/
@keyframes dtb-spinner {
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes dtb-spinner {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes dtb-spinner {
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dtb-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes dtb-spinner {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: white;
  border: 2px solid #111;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  text-align: center;
  z-index: 21;
}
div.dt-button-info h2 {
  padding: 0.5em;
  margin: 0;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  background-color: #f3f3f3;
}
div.dt-button-info > div {
  padding: 1em;
}

ul.dt-button-collection.dropdown-menu {
  display: block;
  z-index: 2002;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}
ul.dt-button-collection.dropdown-menu.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 0;
}
ul.dt-button-collection.dropdown-menu.fixed.two-column {
  margin-left: -150px;
}
ul.dt-button-collection.dropdown-menu.fixed.three-column {
  margin-left: -225px;
}
ul.dt-button-collection.dropdown-menu.fixed.four-column {
  margin-left: -300px;
}
ul.dt-button-collection.dropdown-menu > * {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}
ul.dt-button-collection.dropdown-menu.two-column {
  width: 300px;
  padding-bottom: 1px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
}
ul.dt-button-collection.dropdown-menu.three-column {
  width: 450px;
  padding-bottom: 1px;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
}
ul.dt-button-collection.dropdown-menu.four-column {
  width: 600px;
  padding-bottom: 1px;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
}
ul.dt-button-collection.dropdown-menu .dt-button {
  border-radius: 0;
}

ul.dt-button-collection {
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}
ul.dt-button-collection.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 0;
}
ul.dt-button-collection.fixed.two-column {
  margin-left: -150px;
}
ul.dt-button-collection.fixed.three-column {
  margin-left: -225px;
}
ul.dt-button-collection.fixed.four-column {
  margin-left: -300px;
}
ul.dt-button-collection > * {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}
ul.dt-button-collection.two-column {
  width: 300px;
  padding-bottom: 1px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
}
ul.dt-button-collection.three-column {
  width: 450px;
  padding-bottom: 1px;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
}
ul.dt-button-collection.four-column {
  width: 600px;
  padding-bottom: 1px;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
}
ul.dt-button-collection .dt-button {
  border-radius: 0;
}
ul.dt-button-collection.fixed {
  max-width: none;
}
ul.dt-button-collection.fixed:before, ul.dt-button-collection.fixed:after {
  display: none;
}

div.dt-button-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

@media screen and (max-width: 767px) {
  div.dt-buttons {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 0.5em;
  }
  div.dt-buttons a.btn {
    float: none;
  }
}
div.dt-buttons button.btn.processing,
div.dt-buttons div.btn.processing,
div.dt-buttons a.btn.processing {
  color: rgba(0, 0, 0, 0.2);
}
div.dt-buttons button.btn.processing:after,
div.dt-buttons div.btn.processing:after,
div.dt-buttons a.btn.processing:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  box-sizing: border-box;
  display: block;
  content: " ";
  border: 2px solid rgb(40, 40, 40);
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: dtb-spinner 1500ms infinite linear;
  -o-animation: dtb-spinner 1500ms infinite linear;
  -ms-animation: dtb-spinner 1500ms infinite linear;
  -webkit-animation: dtb-spinner 1500ms infinite linear;
  -moz-animation: dtb-spinner 1500ms infinite linear;
}

/*button bootstrap4 css*/
/*buttons datatable css*/
@keyframes dtb-spinner {
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes dtb-spinner {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes dtb-spinner {
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dtb-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes dtb-spinner {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: white;
  border: 2px solid #111;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  text-align: center;
  z-index: 21;
}
div.dt-button-info h2 {
  padding: 0.5em;
  margin: 0;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  background-color: #f3f3f3;
}
div.dt-button-info > div {
  padding: 1em;
}

button.dt-button,
div.dt-button,
a.dt-button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin-right: 0.333em;
  margin-bottom: 0.333em;
  padding: 0.5em 1em;
  border: 1px solid #999;
  border-radius: 2px;
  cursor: pointer;
  font-size: 0.88em;
  line-height: 1.6em;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  background-color: #e9e9e9; /* Fallback */
  background-image: -webkit-linear-gradient(top, white 0%, #e9e9e9 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, white 0%, #e9e9e9 100%); /* FF3.6 */
  background-image: -ms-linear-gradient(top, white 0%, #e9e9e9 100%); /* IE10 */
  background-image: -o-linear-gradient(top, white 0%, #e9e9e9 100%); /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, white 0%, #e9e9e9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="white", EndColorStr="#e9e9e9");
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  outline: none;
}
button.dt-button.disabled,
div.dt-button.disabled,
a.dt-button.disabled {
  color: #999;
  border: 1px solid #d0d0d0;
  cursor: default;
  background-color: #f9f9f9; /* Fallback */
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* IE10 */
  background-image: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#ffffff", EndColorStr="#f9f9f9");
}
button.dt-button:active:not(.disabled), button.dt-button.active:not(.disabled),
div.dt-button:active:not(.disabled),
div.dt-button.active:not(.disabled),
a.dt-button:active:not(.disabled),
a.dt-button.active:not(.disabled) {
  background-color: #e2e2e2; /* Fallback */
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%); /* IE10 */
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%); /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #f3f3f3 0%, #e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f3f3f3", EndColorStr="#e2e2e2");
  box-shadow: inset 1px 1px 3px #999999;
}
button.dt-button:active:not(.disabled):hover:not(.disabled), button.dt-button.active:not(.disabled):hover:not(.disabled),
div.dt-button:active:not(.disabled):hover:not(.disabled),
div.dt-button.active:not(.disabled):hover:not(.disabled),
a.dt-button:active:not(.disabled):hover:not(.disabled),
a.dt-button.active:not(.disabled):hover:not(.disabled) {
  box-shadow: inset 1px 1px 3px #999999;
  background-color: #cccccc; /* Fallback */
  background-image: -webkit-linear-gradient(top, #eaeaea 0%, #cccccc 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #eaeaea 0%, #cccccc 100%); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #eaeaea 0%, #cccccc 100%); /* IE10 */
  background-image: -o-linear-gradient(top, #eaeaea 0%, #cccccc 100%); /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #eaeaea 0%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#eaeaea", EndColorStr="#cccccc");
}
button.dt-button:hover,
div.dt-button:hover,
a.dt-button:hover {
  text-decoration: none;
}
button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled) {
  border: 1px solid #666;
  background-color: #e0e0e0; /* Fallback */
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%); /* IE10 */
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%); /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f9f9f9", EndColorStr="#e0e0e0");
}
button.dt-button:focus:not(.disabled),
div.dt-button:focus:not(.disabled),
a.dt-button:focus:not(.disabled) {
  border: 1px solid #426c9e;
  text-shadow: 0 1px 0 #c4def1;
  outline: none;
  background-color: #79ace9; /* Fallback */
  background-image: -webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #bddef4 0%, #79ace9 100%); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #bddef4 0%, #79ace9 100%); /* IE10 */
  background-image: -o-linear-gradient(top, #bddef4 0%, #79ace9 100%); /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #bddef4 0%, #79ace9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#bddef4", EndColorStr="#79ace9");
}

.dt-button embed {
  outline: none;
}

div.dt-buttons {
  position: relative;
  float: left;
}
div.dt-buttons.buttons-right {
  float: right;
}

div.dt-button-collection {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  margin-top: 3px;
  padding: 8px 8px 4px 8px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: white;
  overflow: hidden;
  z-index: 2002;
  border-radius: 5px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}
div.dt-button-collection button.dt-button,
div.dt-button-collection div.dt-button,
div.dt-button-collection a.dt-button {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  display: block;
  float: none;
  margin-bottom: 4px;
  margin-right: 0;
}
div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled) {
  background-color: #dadada; /* Fallback */
  background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%); /* IE10 */
  background-image: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%); /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f0f0f0", EndColorStr="#dadada");
  box-shadow: inset 1px 1px 3px #666;
}
div.dt-button-collection.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 0;
}
div.dt-button-collection.fixed.two-column {
  margin-left: -150px;
}
div.dt-button-collection.fixed.three-column {
  margin-left: -225px;
}
div.dt-button-collection.fixed.four-column {
  margin-left: -300px;
}
div.dt-button-collection > * {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}
div.dt-button-collection.two-column {
  width: 300px;
  padding-bottom: 1px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
}
div.dt-button-collection.three-column {
  width: 450px;
  padding-bottom: 1px;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
}
div.dt-button-collection.four-column {
  width: 600px;
  padding-bottom: 1px;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
}
div.dt-button-collection .dt-button {
  border-radius: 0;
}

div.dt-button-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7); /* Fallback */
  background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
  background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
  background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
  background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
  background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
  z-index: 2001;
}

@media screen and (max-width: 640px) {
  div.dt-buttons {
    float: none !important;
    text-align: center;
  }
}
button.dt-button.processing,
div.dt-button.processing,
a.dt-button.processing {
  color: rgba(0, 0, 0, 0.2);
}
button.dt-button.processing:after,
div.dt-button.processing:after,
a.dt-button.processing:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  box-sizing: border-box;
  display: block;
  content: " ";
  border: 2px solid rgb(40, 40, 40);
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: dtb-spinner 1500ms infinite linear;
  -o-animation: dtb-spinner 1500ms infinite linear;
  -ms-animation: dtb-spinner 1500ms infinite linear;
  -webkit-animation: dtb-spinner 1500ms infinite linear;
  -moz-animation: dtb-spinner 1500ms infinite linear;
}

/*buttons datatable css*/
/*buttons jqueryui css*/
@keyframes dtb-spinner {
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes dtb-spinner {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes dtb-spinner {
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dtb-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes dtb-spinner {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: white;
  border: 2px solid #111;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  text-align: center;
  z-index: 21;
}
div.dt-button-info h2 {
  padding: 0.5em;
  margin: 0;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  background-color: #f3f3f3;
}
div.dt-button-info > div {
  padding: 1em;
}

div.dt-buttons {
  position: relative;
  float: left;
}
div.dt-buttons .dt-button {
  margin-right: 0;
}
div.dt-buttons .dt-button span.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}
div.dt-buttons .dt-button:active {
  outline: none;
}
div.dt-buttons .dt-button:hover > span {
  background-color: rgba(0, 0, 0, 0.05);
}

div.dt-button-collection {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  margin-top: 3px;
  padding: 8px 8px 4px 8px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: #f3f3f3;
  background-color: rgba(255, 255, 255, 0.3);
  overflow: hidden;
  z-index: 2002;
  border-radius: 5px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  z-index: 2002;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  -ms-column-gap: 0;
  -o-column-gap: 0;
  column-gap: 0;
}
div.dt-button-collection .dt-button {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  display: block;
  float: none;
  margin-right: 0;
  margin-bottom: 4px;
}
div.dt-button-collection .dt-button:hover > span {
  background-color: rgba(0, 0, 0, 0.05);
}
div.dt-button-collection.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 0;
}
div.dt-button-collection.fixed.two-column {
  margin-left: -150px;
}
div.dt-button-collection.fixed.three-column {
  margin-left: -225px;
}
div.dt-button-collection.fixed.four-column {
  margin-left: -300px;
}
div.dt-button-collection > * {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}
div.dt-button-collection.two-column {
  width: 300px;
  padding-bottom: 1px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
}
div.dt-button-collection.three-column {
  width: 450px;
  padding-bottom: 1px;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
}
div.dt-button-collection.four-column {
  width: 600px;
  padding-bottom: 1px;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
}
div.dt-button-collection .dt-button {
  border-radius: 0;
}

div.dt-button-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7); /* Fallback */
  background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
  background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
  background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
  background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
  background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
  z-index: 2001;
}

@media screen and (max-width: 640px) {
  div.dt-buttons {
    float: none !important;
    text-align: center;
  }
}
button.dt-button.processing,
div.dt-button.processing,
a.dt-button.processing {
  color: rgba(0, 0, 0, 0.2);
}
button.dt-button.processing:after,
div.dt-button.processing:after,
a.dt-button.processing:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  box-sizing: border-box;
  display: block;
  content: " ";
  border: 2px solid rgb(40, 40, 40);
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: dtb-spinner 1500ms infinite linear;
  -o-animation: dtb-spinner 1500ms infinite linear;
  -ms-animation: dtb-spinner 1500ms infinite linear;
  -webkit-animation: dtb-spinner 1500ms infinite linear;
  -moz-animation: dtb-spinner 1500ms infinite linear;
}

/*buttons jqueryui css*/
/*buttons semanticui css*/
@keyframes dtb-spinner {
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes dtb-spinner {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes dtb-spinner {
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dtb-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes dtb-spinner {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: white;
  border: 2px solid #111;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  text-align: center;
  z-index: 21;
}
div.dt-button-info h2 {
  padding: 0.5em;
  margin: 0;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  background-color: #f3f3f3;
}
div.dt-button-info > div {
  padding: 1em;
}

div.dt-button-collection {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  margin-top: 3px !important;
  z-index: 2002;
  background: white;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}
div.dt-button-collection.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 0;
}
div.dt-button-collection.fixed.two-column {
  margin-left: -150px;
}
div.dt-button-collection.fixed.three-column {
  margin-left: -225px;
}
div.dt-button-collection.fixed.four-column {
  margin-left: -300px;
}
div.dt-button-collection > * {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}
div.dt-button-collection.two-column {
  width: 300px;
  padding-bottom: 1px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
}
div.dt-button-collection.three-column {
  width: 450px;
  padding-bottom: 1px;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
}
div.dt-button-collection.four-column {
  width: 600px;
  padding-bottom: 1px;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
}
div.dt-button-collection .dt-button {
  border-radius: 0;
}

button.buttons-collection.ui.button span:after {
  display: inline-block;
  content: "▾";
  padding-left: 0.5em;
}

div.dt-button-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2001;
}

@media screen and (max-width: 767px) {
  div.dt-buttons {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 0.5em;
  }
  div.dt-buttons a.btn {
    float: none;
  }
}
div.dt-buttons button.button.processing,
div.dt-buttons div.button.processing,
div.dt-buttons a.button.processing {
  position: relative;
  color: rgba(0, 0, 0, 0.2);
}
div.dt-buttons button.button.processing:after,
div.dt-buttons div.button.processing:after,
div.dt-buttons a.button.processing:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  box-sizing: border-box;
  display: block;
  content: " ";
  border: 2px solid rgb(40, 40, 40);
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: dtb-spinner 1500ms infinite linear;
  -o-animation: dtb-spinner 1500ms infinite linear;
  -ms-animation: dtb-spinner 1500ms infinite linear;
  -webkit-animation: dtb-spinner 1500ms infinite linear;
  -moz-animation: dtb-spinner 1500ms infinite linear;
}

/*buttons semanticui css*/
/*autofill datatable css*/
div.dt-autofill-handle {
  position: absolute;
  height: 8px;
  width: 8px;
  z-index: 102;
  box-sizing: border-box;
  border: 1px solid #316ad1;
  background: linear-gradient(to bottom, #abcffb 0%, #4989de 100%);
}

div.dt-autofill-select {
  position: absolute;
  z-index: 1001;
  background-color: #4989de;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px);
}
div.dt-autofill-select.top, div.dt-autofill-select.bottom {
  height: 3px;
  margin-top: -1px;
}
div.dt-autofill-select.left, div.dt-autofill-select.right {
  width: 3px;
  margin-left: -1px;
}

div.dt-autofill-list {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 500px;
  margin-left: -250px;
  background-color: white;
  border-radius: 6px;
  box-shadow: 0 0 5px #555;
  border: 2px solid #444;
  z-index: 11;
  box-sizing: border-box;
  padding: 1.5em 2em;
}
div.dt-autofill-list ul {
  display: table;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
div.dt-autofill-list ul li {
  display: table-row;
}
div.dt-autofill-list ul li:last-child div.dt-autofill-question, div.dt-autofill-list ul li:last-child div.dt-autofill-button {
  border-bottom: none;
}
div.dt-autofill-list ul li:hover {
  background-color: #f6f6f6;
}
div.dt-autofill-list div.dt-autofill-question {
  display: table-cell;
  padding: 0.5em 0;
  border-bottom: 1px solid #ccc;
}
div.dt-autofill-list div.dt-autofill-question input[type=number] {
  padding: 6px;
  width: 30px;
  margin: -2px 0;
}
div.dt-autofill-list div.dt-autofill-button {
  display: table-cell;
  padding: 0.5em 0;
  border-bottom: 1px solid #ccc;
}
div.dt-autofill-list div.dt-autofill-button button {
  color: white;
  margin: 0;
  padding: 6px 12px;
  text-align: center;
  border: 1px solid #2e6da4;
  background-color: #337ab7;
  border-radius: 4px;
  cursor: pointer;
  vertical-align: middle;
}

div.dt-autofill-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  z-index: 10;
}

/*autofill datatable css*/
/*keytable css*/
table.dataTable th.focus,
table.dataTable td.focus {
  outline: 3px solid #0275d8;
  outline-offset: -1px;
}

/*keytable css*/
/*select datatable css*/
table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
  background-color: #B0BED9;
}
table.dataTable.stripe tbody > tr.odd.selected,
table.dataTable.stripe tbody > tr.odd > .selected, table.dataTable.display tbody > tr.odd.selected,
table.dataTable.display tbody > tr.odd > .selected {
  background-color: #acbad4;
}
table.dataTable.hover tbody > tr.selected:hover,
table.dataTable.hover tbody > tr > .selected:hover, table.dataTable.display tbody > tr.selected:hover,
table.dataTable.display tbody > tr > .selected:hover {
  background-color: #aab7d1;
}
table.dataTable.order-column tbody > tr.selected > .sorting_1,
table.dataTable.order-column tbody > tr.selected > .sorting_2,
table.dataTable.order-column tbody > tr.selected > .sorting_3,
table.dataTable.order-column tbody > tr > .selected, table.dataTable.display tbody > tr.selected > .sorting_1,
table.dataTable.display tbody > tr.selected > .sorting_2,
table.dataTable.display tbody > tr.selected > .sorting_3,
table.dataTable.display tbody > tr > .selected {
  background-color: #acbad5;
}
table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}
table.dataTable.display tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}
table.dataTable.display tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}
table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}
table.dataTable.display tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}
table.dataTable.display tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody > tr.odd > .selected, table.dataTable.order-column.stripe tbody > tr.odd > .selected {
  background-color: #a6b4cd;
}
table.dataTable.display tbody > tr.even > .selected, table.dataTable.order-column.stripe tbody > tr.even > .selected {
  background-color: #acbad5;
}
table.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 {
  background-color: #a2aec7;
}
table.dataTable.display tbody > tr.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_2 {
  background-color: #a3b0c9;
}
table.dataTable.display tbody > tr.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_3 {
  background-color: #a5b2cb;
}
table.dataTable.display tbody > tr:hover > .selected,
table.dataTable.display tbody > tr > .selected:hover, table.dataTable.order-column.hover tbody > tr:hover > .selected,
table.dataTable.order-column.hover tbody > tr > .selected:hover {
  background-color: #a2aec7;
}
table.dataTable tbody td.select-checkbox,
table.dataTable tbody th.select-checkbox {
  position: relative;
}
table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after,
table.dataTable tbody th.select-checkbox:before,
table.dataTable tbody th.select-checkbox:after {
  display: block;
  position: absolute;
  top: 1.2em;
  left: 50%;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
}
table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody th.select-checkbox:before {
  content: " ";
  margin-top: -6px;
  margin-left: -6px;
  border: 1px solid black;
  border-radius: 3px;
}
table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
  content: "✔";
  margin-top: -11px;
  margin-left: -4px;
  text-align: center;
  text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9;
}

div.dataTables_wrapper span.select-info,
div.dataTables_wrapper span.select-item {
  margin-left: 0.5em;
}

@media screen and (max-width: 640px) {
  div.dataTables_wrapper span.select-info,
  div.dataTables_wrapper span.select-item {
    margin-left: 0;
    display: block;
  }
}
/*select datatable css*/
/*Fixed columns datatable css*/
table.DTFC_Cloned thead,
table.DTFC_Cloned tfoot {
  background-color: white;
}

div.DTFC_Blocker {
  background-color: white;
}

div.DTFC_LeftWrapper table.dataTable,
div.DTFC_RightWrapper table.dataTable {
  margin-bottom: 0;
  z-index: 2;
}
div.DTFC_LeftWrapper table.dataTable.no-footer,
div.DTFC_RightWrapper table.dataTable.no-footer {
  border-bottom: none;
}

/*Fixed columns datatable css*/
/*fixed haeder datatable css*/
table.fixedHeader-floating {
  position: fixed !important;
  background-color: white;
}

table.fixedHeader-floating.no-footer {
  border-bottom-width: 0;
}

table.fixedHeader-locked {
  position: absolute !important;
  background-color: white;
}

/*fixed haeder datatable css*/
/*Responsive datatable css*/
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
  top: 9px;
  left: 4px;
  height: 14px;
  width: 14px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "Courier New", Courier, monospace;
  line-height: 14px;
  content: "+";
  background-color: #31b131;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: "-";
  background-color: #d33333;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
  padding-left: 27px;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
  top: 5px;
  left: 4px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  line-height: 14px;
  text-indent: 3px;
}
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  position: relative;
  cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "Courier New", Courier, monospace;
  line-height: 14px;
  content: "+";
  background-color: #31b131;
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content: "-";
  background-color: #d33333;
}
table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}
table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}
table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  border-bottom: none;
}
table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}
div.dtr-modal {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em;
}
div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 50%;
  overflow: auto;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background-color: #f5f5f7;
  border: 1px solid black;
  border-radius: 0.5em;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}
div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 1em;
}
div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  border: 1px solid #eaeaea;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}
div.dtr-modal div.dtr-modal-close:hover {
  background-color: #eaeaea;
}
div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}
/*Responsive datatable css*/
/*Row reorder css*/
table.dt-rowReorder-float {
  position: absolute !important;
  opacity: 0.8;
  table-layout: fixed;
  outline: 2px solid #888;
  outline-offset: -2px;
  z-index: 2001;
}

tr.dt-rowReorder-moving {
  outline: 2px solid #555;
  outline-offset: -2px;
}

body.dt-rowReorder-noOverflow {
  overflow-x: hidden;
}

table.dataTable td.reorder {
  text-align: center;
  cursor: move;
}

/*Row reorder css*/
/*scroller css*/
div.DTS {
  display: block !important;
}
div.DTS tbody th,
div.DTS tbody td {
  white-space: nowrap;
}
div.DTS div.DTS_Loading {
  z-index: 1;
}
div.DTS div.dataTables_scrollBody {
  background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, white 10px, white 20px);
}
div.DTS div.dataTables_scrollBody table {
  z-index: 2;
}
div.DTS div.dataTables_paginate,
div.DTS div.dataTables_length {
  display: none;
}

/*scroller css*/

table.dataTable {
  clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important;
  border-collapse: separate !important;
}
table.dataTable td,
table.dataTable th {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
  text-align: center;
}
table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_length select {
  width: 75px;
  display: inline-block;
}
div.dataTables_wrapper div.dataTables_filter {
  text-align: right;
}
div.dataTables_wrapper div.dataTables_filter label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
}
div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}
div.dataTables_wrapper div.dataTables_info {
  padding-top: 8px;
  white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 1em 0;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-right: 30px;
}
table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 8px;
  right: 8px;
  display: block;
  font-family: "Glyphicons Halflings";
  opacity: 0.5;
}
table.dataTable thead .sorting:after {
  opacity: 0.2;
  content: "\e150"; /* sort */
}
table.dataTable thead .sorting_asc:after {
  content: "\e155"; /* sort-by-attributes */
}
table.dataTable thead .sorting_desc:after {
  content: "\e156"; /* sort-by-attributes-alt */
}
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  color: #eee;
}

div.dataTables_scrollHead table.dataTable {
  margin-bottom: 0 !important;
}

div.dataTables_scrollBody > table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
div.dataTables_scrollBody > table > thead .sorting:after,
div.dataTables_scrollBody > table > thead .sorting_asc:after,
div.dataTables_scrollBody > table > thead .sorting_desc:after {
  display: none;
}
div.dataTables_scrollBody > table > tbody > tr:first-child > th,
div.dataTables_scrollBody > table > tbody > tr:first-child > td {
  border-top: none;
}

div.dataTables_scrollFoot > .dataTables_scrollFootInner {
  box-sizing: content-box;
}
div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
  margin-top: 0 !important;
  border-top: none;
}

@media screen and (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_length,
  div.dataTables_wrapper div.dataTables_filter,
  div.dataTables_wrapper div.dataTables_info,
  div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
  }
}
table.dataTable.table-condensed > thead > tr > th {
  padding-right: 20px;
}
table.dataTable.table-condensed .sorting:after,
table.dataTable.table-condensed .sorting_asc:after,
table.dataTable.table-condensed .sorting_desc:after {
  top: 6px;
  right: 6px;
}

table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
  border-left-width: 0;
}
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child {
  border-right-width: 0;
}
table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
  border-bottom-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
  border-bottom-width: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row {
  margin: 0;
}
div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
  padding-left: 0;
}
div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
  padding-right: 0;
}

table.dataTable {
  clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important;
  border-collapse: separate !important;
  border-spacing: 0;
}
table.dataTable td,
table.dataTable th {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
  text-align: center;
}
table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_length select {
  width: 75px;
  display: inline-block;
}
div.dataTables_wrapper div.dataTables_filter {
  text-align: right;
}
div.dataTables_wrapper div.dataTables_filter label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
}
div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}
div.dataTables_wrapper div.dataTables_info {
  padding-top: 0.85em;
  white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
  justify-content: flex-end;
}
div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 1em 0;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-right: 30px;
}
table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 0.9em;
  display: block;
  opacity: 0.3;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  right: 1em;
  content: "↑";
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  right: 0.5em;
  content: "↓";
}
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
  opacity: 1;
}
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  opacity: 0;
}

div.dataTables_scrollHead table.dataTable {
  margin-bottom: 0 !important;
}

div.dataTables_scrollBody table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
div.dataTables_scrollBody table thead .sorting:before,
div.dataTables_scrollBody table thead .sorting_asc:before,
div.dataTables_scrollBody table thead .sorting_desc:before,
div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_desc:after {
  display: none;
}
div.dataTables_scrollBody table tbody tr:first-child th,
div.dataTables_scrollBody table tbody tr:first-child td {
  border-top: none;
}

div.dataTables_scrollFoot > .dataTables_scrollFootInner {
  box-sizing: content-box;
}
div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
  margin-top: 0 !important;
  border-top: none;
}

@media screen and (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_length,
  div.dataTables_wrapper div.dataTables_filter,
  div.dataTables_wrapper div.dataTables_info,
  div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
  }
}
table.dataTable.table-sm > thead > tr > th {
  padding-right: 20px;
}
table.dataTable.table-sm .sorting:before,
table.dataTable.table-sm .sorting_asc:before,
table.dataTable.table-sm .sorting_desc:before {
  top: 5px;
  right: 0.85em;
}
table.dataTable.table-sm .sorting:after,
table.dataTable.table-sm .sorting_asc:after,
table.dataTable.table-sm .sorting_desc:after {
  top: 5px;
}

table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
  border-left-width: 0;
}
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child {
  border-right-width: 0;
}
table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
  border-bottom-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
  border-bottom-width: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row {
  margin: 0;
}
div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
  padding-left: 0;
}
div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
  padding-right: 0;
}

table.dataTable {
  clear: both;
  margin: 0.5em 0 !important;
  max-width: none !important;
  width: 100%;
}
table.dataTable td,
table.dataTable th {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
  text-align: center;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}

div.dataTables_wrapper {
  position: relative;
  font-family: "Open Sans", sans-serif;
}
div.dataTables_wrapper div.dataTables_length label {
  float: left;
  text-align: left;
  margin-bottom: 0;
}
div.dataTables_wrapper div.dataTables_length select {
  width: 75px;
  margin-bottom: 0;
}
div.dataTables_wrapper div.dataTables_filter label {
  float: right;
  margin-bottom: 0;
}
div.dataTables_wrapper div.dataTables_filter input {
  display: inline-block !important;
  width: auto !important;
  margin-bottom: 0;
  margin-left: 0.5em;
}
div.dataTables_wrapper div.dataTables_info {
  padding-top: 2px;
}
div.dataTables_wrapper div.dataTables_paginate {
  float: right;
  margin: 0;
}
div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 1rem 0;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-right: 1.5rem;
}
table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead .sorting {
  background-image: image_path("../../images/admin/sort_both.png");
}
table.dataTable thead .sorting_asc {
  background-image: image_path("../../images/admin/sort_asc.png");
}
table.dataTable thead .sorting_desc {
  background-image: image_path("../../images/admin/sort_desc.png");
}
table.dataTable thead .sorting_asc_disabled {
  background-image: image_path("../../images/admin/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled {
  background-image: image_path("../../images/admin/sort_desc_disabled.png");
}

div.dataTables_scrollHead table {
  margin-bottom: 0 !important;
}

div.dataTables_scrollBody table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
div.dataTables_scrollBody table tbody tr:first-child th,
div.dataTables_scrollBody table tbody tr:first-child td {
  border-top: none;
}

div.dataTables_scrollFoot table {
  margin-top: 0 !important;
  border-top: none;
}

/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
}
table.dataTable tbody tr {
  background-color: #ffffff;
}
table.dataTable tbody tr.selected {
  background-color: #B0BED9;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #ddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}
table.dataTable.no-footer {
  border-bottom: 1px solid #111;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%); /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%); /* IE10+ */
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, #111 100%); /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, #111 100%); /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, #111 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111 100%); /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}
table.dataTable thead th div.DataTables_sort_wrapper {
  position: relative;
}
table.dataTable thead th div.DataTables_sort_wrapper span {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: -18px;
}
table.dataTable thead th.ui-state-default,
table.dataTable tfoot th.ui-state-default {
  border-left-width: 0;
}
table.dataTable thead th.ui-state-default:first-child,
table.dataTable tfoot th.ui-state-default:first-child {
  border-left-width: 1px;
}

/*
 * Control feature layout
 */
.dataTables_wrapper .dataTables_paginate .fg-button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  border: 1px solid transparent;
}
.dataTables_wrapper .dataTables_paginate .fg-button:active {
  outline: none;
}
.dataTables_wrapper .dataTables_paginate .fg-button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.dataTables_wrapper .dataTables_paginate .fg-button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.dataTables_wrapper .ui-widget-header {
  font-weight: normal;
}
.dataTables_wrapper .ui-toolbar {
  padding: 8px;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: none;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: inherit;
}

div.dataTables_wrapper div.dataTables_filter {
  text-align: right;
}
div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.5em;
}
div.dataTables_wrapper div.dataTables_info {
  padding-top: 10px;
  white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  text-align: center;
}
div.dataTables_wrapper div.dataTables_paginate {
  text-align: right;
}
div.dataTables_wrapper div.mdl-grid.dt-table {
  padding-top: 0;
  padding-bottom: 0;
}
div.dataTables_wrapper div.mdl-grid.dt-table > div.mdl-cell {
  margin-top: 0;
  margin-bottom: 0;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-right: 30px;
}
table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 11px;
  display: block;
  opacity: 0.3;
  font-size: 1.3em;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  right: 1em;
  content: "↑";
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  right: 0.5em;
  content: "↓";
}
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
  opacity: 1;
}
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  opacity: 0;
}

/*
 * Styling for DataTables with Semantic UI
 */
table.dataTable.table {
  margin: 0;
}
table.dataTable.table thead th,
table.dataTable.table thead td {
  position: relative;
}
table.dataTable.table thead th.sorting, table.dataTable.table thead th.sorting_asc, table.dataTable.table thead th.sorting_desc,
table.dataTable.table thead td.sorting,
table.dataTable.table thead td.sorting_asc,
table.dataTable.table thead td.sorting_desc {
  padding-right: 20px;
}
table.dataTable.table thead th.sorting:after, table.dataTable.table thead th.sorting_asc:after, table.dataTable.table thead th.sorting_desc:after,
table.dataTable.table thead td.sorting:after,
table.dataTable.table thead td.sorting_asc:after,
table.dataTable.table thead td.sorting_desc:after {
  position: absolute;
  top: 12px;
  right: 8px;
  display: block;
  font-family: Icons;
}
table.dataTable.table thead th.sorting:after,
table.dataTable.table thead td.sorting:after {
  content: "\f0dc";
  color: #ddd;
  font-size: 0.8em;
}
table.dataTable.table td,
table.dataTable.table th {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
table.dataTable.table td.dataTables_empty,
table.dataTable.table th.dataTables_empty {
  text-align: center;
}
table.dataTable.table.nowrap th,
table.dataTable.table.nowrap td {
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length select {
  vertical-align: middle;
  min-height: 2.7142em;
}
div.dataTables_wrapper div.dataTables_length .ui.selection.dropdown {
  min-width: 0;
}
div.dataTables_wrapper div.dataTables_filter span.input {
  margin-left: 0.5em;
}
div.dataTables_wrapper div.dataTables_info {
  padding-top: 13px;
  white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  text-align: center;
}
div.dataTables_wrapper div.row.dt-table {
  padding: 0;
}
div.dataTables_wrapper div.dataTables_scrollHead table.dataTable {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: none;
}
div.dataTables_wrapper div.dataTables_scrollBody thead .sorting:after,
div.dataTables_wrapper div.dataTables_scrollBody thead .sorting_asc:after,
div.dataTables_wrapper div.dataTables_scrollBody thead .sorting_desc:after {
  display: none;
}
div.dataTables_wrapper div.dataTables_scrollBody table.dataTable {
  border-radius: 0;
  border-top: none;
  border-bottom-width: 0;
}
div.dataTables_wrapper div.dataTables_scrollBody table.dataTable.no-footer {
  border-bottom-width: 1px;
}
div.dataTables_wrapper div.dataTables_scrollFoot table.dataTable {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top: none;
}

table.dataTable {
  clear: both;
}
table.dataTable td,
table.dataTable th {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
  text-align: center;
}
table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}

div.dataTables_wrapper div.row.uk-grid.dt-merge-grid {
  margin-top: 5px;
}
div.dataTables_wrapper div.dataTables_length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_length select {
  width: 75px;
  display: inline-block;
}
div.dataTables_wrapper div.dataTables_filter {
  text-align: right;
}
div.dataTables_wrapper div.dataTables_filter label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
}
div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}
div.dataTables_wrapper div.dataTables_info {
  padding-top: 8px;
  white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 1em 0;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-right: 30px;
}
table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 1.2em;
  display: block;
  opacity: 0.3;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  right: 1em;
  content: "↑";
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  right: 0.5em;
  content: "↓";
}
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
  opacity: 1;
}
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  opacity: 0;
}

div.dataTables_scrollHead table.dataTable {
  margin-bottom: 0 !important;
}

div.dataTables_scrollBody table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_desc:after {
  display: none;
}
div.dataTables_scrollBody table tbody tr:first-child th,
div.dataTables_scrollBody table tbody tr:first-child td {
  border-top: none;
}

div.dataTables_scrollFoot table {
  margin-top: 0 !important;
  border-top: none;
}

@media screen and (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_length,
  div.dataTables_wrapper div.dataTables_filter,
  div.dataTables_wrapper div.dataTables_info,
  div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
  }
}
table.dataTable.uk-table-condensed > thead > tr > th {
  padding-right: 20px;
}
table.dataTable.uk-table-condensed .sorting:after,
table.dataTable.uk-table-condensed .sorting_asc:after,
table.dataTable.uk-table-condensed .sorting_desc:after {
  top: 6px;
  right: 6px;
}

/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
}
table.dataTable tbody tr {
  background-color: #ffffff;
}
table.dataTable tbody tr.selected {
  background-color: #B0BED9;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #ddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}
table.dataTable.no-footer {
  border-bottom: 1px solid #111;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%); /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%); /* IE10+ */
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, #111 100%); /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, #111 100%); /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, #111 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111 100%); /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}
.datepicker--cell-year.-other-decade-, .datepicker--cell-day.-other-month- {
  color: #dedede;
}
.datepicker--cell-year.-other-decade-:hover, .datepicker--cell-day.-other-month-:hover {
  color: #c5c5c5;
}
.-disabled-.-focus-.datepicker--cell-year.-other-decade-, .-disabled-.-focus-.datepicker--cell-day.-other-month- {
  color: #dedede;
}
.-selected-.datepicker--cell-year.-other-decade-, .-selected-.datepicker--cell-day.-other-month- {
  color: #fff;
  background: #a2ddf6;
}
.-selected-.-focus-.datepicker--cell-year.-other-decade-, .-selected-.-focus-.datepicker--cell-day.-other-month- {
  background: #8ad5f4;
}
.-in-range-.datepicker--cell-year.-other-decade-, .-in-range-.datepicker--cell-day.-other-month- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}
.-in-range-.-focus-.datepicker--cell-year.-other-decade-, .-in-range-.-focus-.datepicker--cell-day.-other-month- {
  background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell-year.-other-decade-:empty, .datepicker--cell-day.-other-month-:empty {
  background: none;
  border: none;
}

/* -------------------------------------------------
    Datepicker cells
   ------------------------------------------------- */
.datepicker--cells {
  display: flex;
  flex-wrap: wrap;
}

.datepicker--cell {
  border-radius: 5px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 32px;
  z-index: 1;
}
.datepicker--cell.-focus- {
  background: #f0f0f0;
}
.datepicker--cell.-current- {
  color: #4EB5E6;
  border-color: #4EB5E6;
}
.datepicker--cell.-current-.-focus- {
  color: #4a4a4a;
}
.datepicker--cell.-current-.-in-range- {
  color: #4EB5E6;
}
.datepicker--cell.-in-range- {
  background: rgba(92, 196, 239, 0.1);
  color: #4a4a4a;
  border-radius: 0;
}
.datepicker--cell.-in-range-.-focus- {
  background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell.-disabled- {
  cursor: default;
  color: #aeaeae;
}
.datepicker--cell.-disabled-.-focus- {
  color: #aeaeae;
}
.datepicker--cell.-disabled-.-in-range- {
  color: #a1a1a1;
}
.datepicker--cell.-disabled-.-current-.-focus- {
  color: #aeaeae;
}
.datepicker--cell.-range-from- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 8px 0 0 8px;
}
.datepicker--cell.-range-to- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 0 8px 8px 0;
}
.datepicker--cell.-range-from-.-range-to- {
  border-radius: 8px;
}
.datepicker--cell.-selected- {
  color: #fff;
  border: none;
  background: #5cc4ef;
}
.datepicker--cell.-selected-.-current- {
  color: #fff;
  background: #5cc4ef;
}
.datepicker--cell.-selected-.-focus- {
  background: #45bced;
}
.datepicker--cell:empty {
  cursor: default;
}

.datepicker--days-names {
  display: flex;
  flex-wrap: wrap;
  margin: 8px 0 3px;
}

.datepicker--day-name {
  color: #FF9A19;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
}

.datepicker--cell-day {
  width: 14.2857142857 %;
  height: 34px;
}
.datepicker--cells-months {
  height: 170px;
}

.datepicker--cell-month {
  width: 33.33%;
  height: 25%;
}

.datepicker--years {
  height: 170px;
}

.datepicker--cells-years {
  height: 170px;
}

.datepicker--cell-year {
  width: 25%;
  height: 33.33%;
}
/* -------------------------------------------------
    Datepicker
   ------------------------------------------------- */
.datepickers-container {
  position: absolute;
  left: 0;
  top: 0;
}
@media print {
  .datepickers-container {
    display: none;
  }
}

.datepicker {
  background: #fff;
  border-radius: 8px;
  box-sizing: content-box;
  font-size: 14px;
  color: #4a4a4a;
  width: 250px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  padding: 10px;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  z-index: 100;
  box-shadow: 0 0 37px rgba(8, 21, 66, 0.05);
}
.datepicker.-from-top- {
  transform: translateY(-8px);
}
.datepicker.-from-right- {
  transform: translateX(8px);
}
.datepicker.-from-bottom- {
  transform: translateY(8px);
}
.datepicker.-from-left- {
  transform: translateX(-8px);
}
.datepicker.active {
  opacity: 1;
  transform: translate(0);
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
}

.datepicker-inline .datepicker {
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  transform: none;
}
.datepicker-inline .datepicker--pointer {
  display: none;
}

.datepicker--content {
  box-sizing: content-box;
  padding: 4px;
}
.-only-timepicker- .datepicker--content {
  display: none;
}

.datepicker--pointer {
  position: absolute;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1;
}
.-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer {
  top: calc(100% - 4px);
  transform: rotate(135deg);
}
.-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
  right: calc(100% - 4px);
  transform: rotate(225deg);
}
.-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
  bottom: calc(100% - 4px);
  transform: rotate(315deg);
}
.-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer {
  left: calc(100% - 4px);
  transform: rotate(45deg);
}
.-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer {
  left: 10px;
}
.-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
  right: 10px;
}
.-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer {
  left: calc(50% - 10px / 2);
}
.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
  top: 10px;
}
.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
  bottom: 10px;
}
.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
  top: calc(50% - 10px / 2);
}

.datepicker--body {
  display: none;
}
.datepicker--body.active {
  display: block !important;
}

/* -------------------------------------------------
    Navigation
   ------------------------------------------------- */
.datepicker--nav {
  color: var(--theme-deafult);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #efefef;
  min-height: 32px;
  padding: 4px;
}
.-only-timepicker- .datepicker--nav {
  display: none;
}

.datepicker--nav-title,
.datepicker--nav-action {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

.datepicker--nav-action {
  width: 32px;
  border-radius: 5px;
  user-select: none;
  background: var(--theme-deafult);
}
.datepicker--nav-action:hover {
  background: var(--theme-deafult);
}
.datepicker--nav-action.-disabled- {
  visibility: hidden;
}
.datepicker--nav-action svg {
  width: 32px;
  height: 32px;
}
.datepicker--nav-action path {
  fill: none;
  stroke: #fff;
  stroke-width: 2px;
}

.datepicker--nav-title {
  border-radius: 8px;
  padding: 0 8px;
}
.datepicker--nav-title i {
  font-style: normal;
  color: var(--theme-deafult);
  margin-left: 5px;
}
.datepicker--nav-title.-disabled- {
  cursor: default;
  background: none;
}

.datepicker--buttons {
  display: flex;
  padding: 4px;
  border-top: 1px solid #efefef;
}

.datepicker--button {
  color: #4EB5E6;
  cursor: pointer;
  border-radius: 8px;
  flex: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 32px;
}
.datepicker--button:hover {
  color: #4a4a4a;
  background: #f0f0f0;
}
.sr-only, .bootstrap-datetimepicker-widget table th.next::after, .bootstrap-datetimepicker-widget table th.prev::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget .btn[data-action=today]::after, .bootstrap-datetimepicker-widget .btn[data-action=clear]::after, .bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after, .bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after, .bootstrap-datetimepicker-widget .btn[data-action=showHours]::after, .bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after, .bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after, .bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after, .bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.bootstrap-datetimepicker-widget {
  list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: 2px 0;
  padding: 4px;
  width: 14rem;
}
@media (min-width: 576px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 1199px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.float-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.float-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.wider {
  width: 16rem;
}
.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after {
  content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after {
  content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after {
  content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after {
  content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after {
  content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after {
  content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after {
  content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action=clear]::after {
  content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action=today]::after {
  content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
  content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
  content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
  content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #fafafa;
}
.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
  font-size: 0.8em;
  height: 20px;
  line-height: 20px;
  color: #898989;
}
.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
  background: #fafafa;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
  color: #898989;
}
.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
  content: "";
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #7366FF;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #7366FF;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
  background: #fafafa;
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #7366FF;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
  color: #898989;
}
.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}

.input-group [data-toggle=datetimepicker] {
  cursor: pointer;
}
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 5px;
  width: 278px;
  padding: 4px;
  margin-top: 1px;
  font-family: Rubik, sans-serif;
  top: 100px;
  left: 20px;
  box-shadow: 0 4px 14px rgba(174, 197, 231, 0.5);
  border: none;
  /* Calendars */
}
.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
}
.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid var(--theme-deafult);
}
.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}
.daterangepicker.opensleft:before {
  right: 9px;
}
.daterangepicker.opensleft:after {
  right: 10px;
}
.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}
.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}
.daterangepicker.opensright:before {
  left: 9px;
}
.daterangepicker.opensright:after {
  left: 10px;
}
.daterangepicker.dropup {
  margin-top: -5px;
}
.daterangepicker.dropup:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}
.daterangepicker.dropup:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}
.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3001;
}
.daterangepicker.single .ranges, .daterangepicker.single .calendar {
  float: none;
}
.daterangepicker.show-calendar .calendar {
  display: block;
}
.daterangepicker .calendar {
  display: none;
  max-width: 270px;
  margin: 4px;
}
.daterangepicker .calendar.single .calendar-table {
  border: none;
}
.daterangepicker .calendar th, .daterangepicker .calendar td {
  white-space: nowrap;
  text-align: center;
  min-width: 32px;
}
.daterangepicker .calendar-table {
  border: 1px solid #fff;
  padding: 4px;
  border-radius: 5px;
  background-color: #fff;
}
.daterangepicker table {
  width: 100%;
  margin: 0;
}
.daterangepicker td, .daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  border-color: transparent;
  background-color: var(--theme-deafult);
  color: #fff;
}
.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}
.daterangepicker td.off.active {
  color: #fff;
}
.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}
.daterangepicker td.start-date {
  border-radius: 5px;
}
.daterangepicker td.end-date {
  border-radius: 5px;
}
.daterangepicker td.start-date.end-date {
  border-radius: 5px;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}
.daterangepicker th.month {
  width: auto;
}
.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}
.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}
.daterangepicker select.yearselect {
  width: 40%;
}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin-bottom: 0;
}
.daterangepicker .input-mini {
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  height: 30px;
  line-height: 30px;
  display: block;
  vertical-align: middle;
  margin: 0 0 5px 0;
  padding: 0 6px 0 28px;
  width: 100%;
}
.daterangepicker .input-mini.active {
  border: 1px solid var(--theme-deafult);
  border-radius: 4px;
}
.daterangepicker .daterangepicker_input {
  position: relative;
}
.daterangepicker .daterangepicker_input i {
  position: absolute;
  left: 8px;
  top: 8px;
}
.daterangepicker .calendar-time {
  text-align: center;
  margin: 5px auto;
  line-height: 30px;
  position: relative;
  padding-left: 28px;
}
.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.ranges {
  font-size: 11px;
  float: none;
  margin: 4px;
  text-align: left;
}
.ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.ranges li {
  font-size: 14px;
  background-color: rgba(246, 246, 246, 0.6);
  border: 1px solid rgba(246, 246, 246, 0.6);
  border-radius: 5px;
  color: #08c;
  padding: 3px 12px;
  margin-bottom: 8px;
  cursor: pointer;
}
.ranges li:hover {
  background-color: #08c;
  border: 1px solid #08c;
  color: #fff;
}
.ranges li.active {
  background-color: #08c;
  border: 1px solid #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }
  .daterangepicker .ranges ul {
    width: 160px;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker.single .calendar.left {
    clear: none;
  }
  .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {
    float: left;
  }
  .daterangepicker.ltr {
    direction: ltr;
    text-align: left;
  }
  .daterangepicker.ltr .calendar.left {
    clear: left;
    margin-right: 0;
  }
  .daterangepicker.ltr .calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker.ltr .calendar.right {
    margin-left: 0;
  }
  .daterangepicker.ltr .calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker.ltr .left .daterangepicker_input {
    padding-right: 12px;
  }
  .daterangepicker.ltr .calendar.left .calendar-table {
    padding-right: 12px;
  }
  .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
    float: left;
  }
}
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }
  .daterangepicker.ltr .ranges {
    float: left;
  }
  .daterangepicker .calendar.left {
    clear: none !important;
  }
}
/* The MIT License */
@-moz-keyframes loading {
  0% {
    background-position: 0 -400px;
  }
  100% {
    background-position: -7px -400px;
  }
}
@-webkit-keyframes loading {
  0% {
    background-position: 0 -400px;
  }
  100% {
    background-position: -7px -400px;
  }
}
@-o-keyframes loading {
  0% {
    background-position: 0 -400px;
  }
  100% {
    background-position: -7px -400px;
  }
}
@-ms-keyframes loading {
  0% {
    background-position: 0 -400px;
  }
  100% {
    background-position: -7px -400px;
  }
}
@keyframes loading {
  0% {
    background-position: 0 -400px;
  }
  100% {
    background-position: -7px -400px;
  }
}
.dropzone {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(0, 0, 0, 0.02);
  padding: 1em;
  min-height: 360px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.dropzone * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dropzone .dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone .dz-preview {
  background: rgba(255, 255, 255, 0.8);
  position: relative;
  display: inline-block;
  margin: 17px;
  vertical-align: top;
  border: 1px solid #acacac;
  padding: 6px 6px 6px 6px;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
  font-size: 14px;
}
.dropzone .dz-preview .dz-details {
  position: absolute;
  top: 10px;
  background-color: #eeeeee;
  width: 50%;
  left: 32px;
  text-align: center;
}
.dropzone .dz-preview .dz-details .dz-filename {
  overflow: hidden;
  height: 0;
}
.dropzone .dz-preview .dz-details img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}
.dropzone .dz-preview:hover .dz-details img {
  display: none;
}
.dropzone .dz-preview .dz-success-mark {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
  color: #8cc657;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  background-image: image-url(/dropzone-spritemap.png);
  background-repeat: no-repeat;
  background-position: -268px -163px;
}
.dropzone .dz-preview .dz-success-mark span {
  display: none;
}
.dropzone .dz-preview .dz-error-mark {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
  color: #ee162d;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  background-image: image-url(/dropzone-spritemap.png);
  background-repeat: no-repeat;
  background-position: -268px -123px;
}
.dropzone .dz-preview .dz-error-mark span {
  display: none;
}
.dropzone .dz-preview .dz-progress {
  position: absolute;
  top: 100px;
  left: 6px;
  right: 6px;
  height: 6px;
  background: #54BA4A;
  display: none;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  background-color: #8cc657;
  -webkit-animation: loading 0.4s linear infinite;
  -moz-animation: loading 0.4s linear infinite;
  -o-animation: loading 0.4s linear infinite;
  -ms-animation: loading 0.4s linear infinite;
  animation: loading 0.4s linear infinite;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-image: image-url(/dropzone-spritemap.png);
  background-repeat: repeat-x;
  background-position: 0px -400px;
}
.dropzone .dz-preview .dz-error-message {
  display: none;
  position: absolute;
  top: -5px;
  left: -20px;
  background: rgba(245, 245, 245, 0.8);
  padding: 8px 10px;
  color: #800;
  min-width: 140px;
  max-width: 500px;
  z-index: 500;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message {
  display: block;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail] {
  display: none;
}
.dropzone .dz-preview.dz-error .dz-error-mark {
  display: block;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone .dz-preview.dz-error .dz-progress .dz-upload {
  background: #54BA4A;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
  display: block;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone .dz-preview.dz-success .dz-progress {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.dropzone .dz-preview.dz-processing .dz-progress {
  display: block;
}
.dropzone .dz-default.dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  background-image: image-url(/dropzone-spritemap.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  width: 428px;
  height: 123px;
  margin-left: -214px;
  margin-top: -61.5px;
  top: 50%;
  left: 50%;
}
.dropzone .dz-default.dz-message span {
  display: none;
}
.dropzone .dz-preview.dz-image-preview:hover .dz-details img {
  display: block;
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

.dropzone-previews {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dropzone-previews * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dropzone-previews .dz-preview {
  background: rgba(255, 255, 255, 0.8);
  position: relative;
  display: inline-block;
  margin: 17px;
  vertical-align: top;
  border: 1px solid #acacac;
  padding: 6px 6px 6px 6px;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
  font-size: 14px;
}
.dropzone-previews .dz-preview .dz-details {
  width: 100px;
  height: 100px;
  position: relative;
  background: #ebebeb;
  padding: 5px;
  margin-bottom: 22px;
}
.dropzone-previews .dz-preview .dz-details .dz-filename {
  overflow: hidden;
  height: 100%;
}
.dropzone-previews .dz-preview .dz-details img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}
.dropzone-previews .dz-preview .dz-details .dz-size {
  position: absolute;
  bottom: -28px;
  left: 3px;
  height: 28px;
  line-height: 28px;
}
.dropzone-previews .dz-preview:hover .dz-details img {
  display: none;
}
.dropzone-previews .dz-preview .dz-success-mark {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
  color: #8cc657;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  background-image: image-url(/dropzone-spritemap.png);
  background-repeat: no-repeat;
  background-position: -268px -163px;
}
.dropzone-previews .dz-preview .dz-success-mark span {
  display: none;
}
.dropzone-previews .dz-preview .dz-error-mark {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
  color: #ee162d;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  background-image: image-url(/dropzone-spritemap.png);
  background-repeat: no-repeat;
  background-position: -268px -123px;
}
.dropzone-previews .dz-preview .dz-error-mark span {
  display: none;
}
.dropzone-previews .dz-preview .dz-progress {
  position: absolute;
  top: 100px;
  left: 6px;
  right: 6px;
  height: 6px;
  background: #54BA4A;
  display: none;
}
.dropzone-previews .dz-preview .dz-progress .dz-upload {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  background-color: #8cc657;
  -webkit-animation: loading 0.4s linear infinite;
  -moz-animation: loading 0.4s linear infinite;
  -o-animation: loading 0.4s linear infinite;
  -ms-animation: loading 0.4s linear infinite;
  animation: loading 0.4s linear infinite;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-image: image-url(/dropzone-spritemap.png);
  background-repeat: repeat-x;
  background-position: 0px -400px;
}
.dropzone-previews .dz-preview .dz-error-message {
  display: none;
  position: absolute;
  top: -5px;
  left: -20px;
  background: rgba(245, 245, 245, 0.8);
  padding: 8px 10px;
  color: #800;
  min-width: 140px;
  max-width: 500px;
  z-index: 500;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  display: block;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
  display: none;
}
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  display: block;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
  background: #ee1e2d;
}
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  display: block;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone-previews .dz-preview.dz-success .dz-progress {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.dropzone-previews .dz-preview.dz-processing .dz-progress {
  display: block;
}
.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
  display: block;
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

.dropzone.dz-clickable {
  cursor: pointer;
  text-align: center;
}
.dropzone.dz-clickable .dz-message {
  cursor: pointer;
}
.dropzone.dz-clickable .dz-message * {
  cursor: default;
}
.dropzone.dz-clickable .dz-message .dz-message {
  cursor: pointer;
}
.dropzone.dz-clickable * {
  cursor: default;
  border-radius: 5px;
}

.dropzone.dz-drag-hover {
  border-color: rgba(0, 0, 0, 0.15);
  background: rgba(0, 0, 0, 0.04);
}
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.15;
  filter: alpha(opacity=15);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
}

.dropzone.dz-started .dz-message {
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.dropzone.dz-square .dz-default.dz-message {
  background-position: 0 -123px;
  width: 268px;
  margin-left: -134px;
  height: 174px;
  margin-top: -87px;
}

/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
.dropzone {
  margin-right: auto;
  margin-left: auto;
  padding: 50px;
  border: 2px dashed var(--theme-deafult);
  border-radius: 15px;
  -webkit-border-image: none;
  -o-border-image: none;
  border-image: none;
  background: rgba(115, 102, 255, 0.1);
  box-sizing: border-box;
  min-height: 150px;
  position: relative;
}
.dropzone * {
  box-sizing: border-box;
}
.dropzone i {
  font-size: 50px;
  color: var(--theme-deafult);
}
.dropzone .dz-message {
  text-align: center;
  margin: 25px 0;
}
.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  margin: 0.5em;
  padding: 0;
  border: none;
  background-color: #eeeeee;
  width: 120px;
  height: 120px;
  box-shadow: 0px 0px 3px var(--theme-deafult);
}
.dropzone .dz-preview .dz-progress {
  display: block;
  height: 10px;
  border: 1px solid #54BA4A;
  left: 12px;
  right: 12px;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  display: block;
  height: 100%;
  width: 0;
  background: #54BA4A;
}
.dropzone .dz-preview .dz-error-message {
  color: red;
  display: none;
  top: 131px;
  left: -12px;
  pointer-events: none;
}
.dropzone .dz-preview .dz-error-message:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}
.dropzone .dz-preview.dz-error .dz-error-message,
.dropzone .dz-preview.dz-error .dz-error-mark {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
  display: block;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark {
  position: absolute;
  display: none;
  left: 30px;
  top: 30px;
  width: 54px;
  height: 58px;
  left: 50%;
  margin-left: -27px;
}

.product-upload .dropzone {
  border: 2px solid var(--chart-dashed-border);
}
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements.  See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership.  The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License.  You may obtain a copy of the License at
*
*   http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied.  See the License for the
* specific language governing permissions and limitations
* under the License.
*/
html,
body,
#main,
body > .main {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: arial;
}

.test-title {
  font-weight: normal;
  font-size: 16px;
}

.test-title-inner {
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: left;
}

.test-title strong {
  color: yellow;
  font-weight: 700;
  text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
  padding-left: 2px;
  padding-right: 2px;
}

.test-buttons button {
  margin: 10px 5px;
}

.test-chart-block {
  position: relative;
}

.test-chart-block-has-right {
  overflow: hidden;
}

.test-chart-block-has-right .test-chart-block-right {
  position: absolute;
  right: 10px;
  background: #fff;
  z-index: 99;
  width: 300px;
  max-height: 99%;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.test-chart-block-has-right .test-chart-block-left {
  margin-right: 320px;
}

.test-info {
  padding-left: 10px;
  overflow: auto;
}

pre.test-print-object {
  font-size: 12px;
  font-family: Menlo, Monaco, "Courier New", monospace;
}

.test-chart {
  height: 400px;
}

.test-data-table {
  position: relative;
  text-align: center;
}

.test-data-table table {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #ccc;
  border-spacing: 0;
  margin: 30px 15px;
}

.test-data-table td {
  border: 1px solid #ccc;
  color: #777;
  padding: 3px 5px;
  font-size: 13px;
}

td.test-data-table-key {
  font-size: 12px;
  color: rgb(69, 162, 238);
}

.record-canvas .content-area {
  display: none;
  position: absolute;
  background: #fff;
  left: 10px;
  top: 20px;
  border: 2px solid #000;
  padding: 10px;
  z-index: 9999;
  box-shadow: 0 0 3px #000;
}

.record-canvas textarea {
  width: 300px;
  height: 500px;
}

.control-frame-btn-panel {
  position: fixed;
  top: 10px;
  left: 10px;
  box-shadow: 0 0 3px #000;
  background: green;
  padding: 5px;
}

.control-frame-btn-panel .control-frame-info {
  display: block;
  color: #fff;
  font-size: 10px;
}
button, hr, input {
  overflow: visible;
}

audio, canvas, progress, video {
  display: inline-block;
}

progress, sub, sup {
  vertical-align: baseline;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

menu, article, aside, details, footer, header, nav, section {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

figcaption, figure, main {
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active, a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, select {
  text-transform: none;
}

[type=submit], [type=reset], button, html [type=button] {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: ButtonText dotted 1px;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

textarea {
  overflow: auto;
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

[hidden], template {
  display: none;
}
/*!
 * FilePondPluginImagePreview 4.6.11
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */

/* eslint-disable */
.filepond--image-preview-markup {
  position: absolute;
  left: 0;
  top: 0;
}
.filepond--image-preview-wrapper {
  z-index: 2;
}
.filepond--image-preview-overlay {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 5rem;
  max-height: 7rem;
  margin: 0;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.filepond--image-preview-overlay svg {
  width: 100%;
  height: auto;
  color: inherit;
  max-height: inherit;
}
.filepond--image-preview-overlay-idle {
  mix-blend-mode: multiply;
  color: rgba(40, 40, 40, 0.85);
}
.filepond--image-preview-overlay-success {
  mix-blend-mode: normal;
  color: rgba(54, 151, 99, 1);
}
.filepond--image-preview-overlay-failure {
  mix-blend-mode: normal;
  color: rgba(196, 78, 71, 1);
}
/* disable for Safari as mix-blend-mode causes the overflow:hidden of the parent container to not work */
@supports (-webkit-marquee-repetition: infinite) and
  ((-o-object-fit: fill) or (object-fit: fill)) {
  .filepond--image-preview-overlay-idle {
    mix-blend-mode: normal;
  }
}
.filepond--image-preview-wrapper {
  /* no interaction */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  /* have preview fill up all available space */
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  margin: 0;

  /* radius is .05em less to prevent the panel background color from shining through */
  border-radius: 0.45em;
  overflow: hidden;

  /* this seems to prevent Chrome from redrawing this layer constantly */
  background: rgba(0, 0, 0, 0.01);
}
.filepond--image-preview {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: flex; /* this aligns the graphic vertically if the panel is higher than the image */
  align-items: center;
  height: 100%;
  width: 100%;
  pointer-events: none;
  background: #222;

  /* will be animated */
  will-change: transform, opacity;
}
.filepond--image-clip {
  position: relative;
  overflow: hidden;
  margin: 0 auto;

  /* transparency indicator (currently only supports grid or basic color) */
}
.filepond--image-clip[data-transparency-indicator='grid'] img,
.filepond--image-clip[data-transparency-indicator='grid'] canvas {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0 H50 V50 H0'/%3E%3Cpath d='M50 50 H100 V100 H50'/%3E%3C/svg%3E");
  background-size: 1.25em 1.25em;
}
.filepond--image-bitmap,
.filepond--image-vector {
  position: absolute;
  left: 0;
  top: 0;
  will-change: transform;
}
.filepond--root[data-style-panel-layout~='integrated']
  .filepond--image-preview-wrapper {
  border-radius: 0;
}
.filepond--root[data-style-panel-layout~='integrated']
  .filepond--image-preview {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.filepond--root[data-style-panel-layout~='circle']
  .filepond--image-preview-wrapper {
  border-radius: 99999rem;
}
.filepond--root[data-style-panel-layout~='circle']
  .filepond--image-preview-overlay {
  top: auto;
  bottom: 0;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.filepond--root[data-style-panel-layout~='circle']
  .filepond--file
  .filepond--file-action-button[data-align*='bottom']:not([data-align*='center']) {
  margin-bottom: 0.325em;
}
.filepond--root[data-style-panel-layout~='circle']
  .filepond--file
  [data-align*='left'] {
  left: calc(50% - 3em);
}
.filepond--root[data-style-panel-layout~='circle']
  .filepond--file
  [data-align*='right'] {
  right: calc(50% - 3em);
}
.filepond--root[data-style-panel-layout~='circle']
  .filepond--progress-indicator[data-align*='bottom'][data-align*='left'],
.filepond--root[data-style-panel-layout~='circle']
  .filepond--progress-indicator[data-align*='bottom'][data-align*='right'] {
  margin-bottom: calc(0.325em + 0.1875em);
}
.filepond--root[data-style-panel-layout~='circle']
  .filepond--progress-indicator[data-align*='bottom'][data-align*='center'] {
  margin-top: 0;
  margin-bottom: 0.1875em;
  margin-left: 0.1875em;
}
/*!
 * FilePond 4.30.4
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */

/* eslint-disable */
.filepond--assistant {
    position: absolute;
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    white-space: nowrap;
}
/* Hard to override styles */
.filepond--browser.filepond--browser {
    /* is positioned absolute so it is focusable for form validation errors */
    position: absolute;
    margin: 0;
    padding: 0;

    /* is positioned ~behind drop label */
    left: 1em;
    top: 1.75em;
    width: calc(100% - 2em);

    /* hide visually */
    opacity: 0;
    font-size: 0; /* removes text cursor in Internet Explorer 11 */
}
.filepond--data {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    border: none;
    visibility: hidden;
    pointer-events: none;
    contain: strict;
}
.filepond--drip {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    opacity: 0.1;

    /* can't interact with this element */
    pointer-events: none;

    /* inherit border radius from parent (needed for drip-blob cut of) */
    border-radius: 0.5em;

    /* this seems to prevent Chrome from redrawing this layer constantly */
    background: rgba(0, 0, 0, 0.01);
}
.filepond--drip-blob {
    position: absolute;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    top: 0;
    left: 0;
    width: 8em;
    height: 8em;
    margin-left: -4em;
    margin-top: -4em;
    background: #292625;
    border-radius: 50%;

    /* will be animated */
    will-change: transform, opacity;
}
.filepond--drop-label {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
    color: #4f4f4f;

    /* center contents */
    display: flex;
    justify-content: center;
    align-items: center;

    /* fixes IE11 centering problems (is overruled by label min-height) */
    height: 0px;

    /* dont allow selection */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /* will be animated */
    will-change: transform, opacity;
}
/* Hard to override styles on purpose */
.filepond--drop-label.filepond--drop-label label {
    display: block;
    margin: 0;
    padding: 0.5em; /* use padding instead of margin so click area is not impacted */
}
.filepond--drop-label label {
    cursor: default;
    font-size: 0.875em;
    font-weight: normal;
    text-align: center;
    line-height: 1.5;
}
.filepond--label-action {
    text-decoration: underline;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    -webkit-text-decoration-color: #a7a4a4;
    text-decoration-color: #a7a4a4;
    cursor: pointer;
}
.filepond--root[data-disabled] .filepond--drop-label label {
    opacity: 0.5;
}
/* Hard to override styles */
.filepond--file-action-button.filepond--file-action-button {
    font-size: 1em;
    width: 1.625em;
    height: 1.625em;

    font-family: inherit;
    line-height: inherit;

    margin: 0;
    padding: 0;
    border: none;
    outline: none;

    will-change: transform, opacity;

    /* hidden label */
}
.filepond--file-action-button.filepond--file-action-button span {
    position: absolute;
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    white-space: nowrap;
}
.filepond--file-action-button.filepond--file-action-button {
    /* scale SVG to fill button */
}
.filepond--file-action-button.filepond--file-action-button svg {
    width: 100%;
    height: 100%;
}
.filepond--file-action-button.filepond--file-action-button {
    /* bigger touch area */
}
.filepond--file-action-button.filepond--file-action-button::after {
    position: absolute;
    left: -0.75em;
    right: -0.75em;
    top: -0.75em;
    bottom: -0.75em;
    content: '';
}
/* Soft styles */
.filepond--file-action-button {
    /* use default arrow cursor */
    cursor: auto;

    /* reset default button styles */
    color: #fff;

    /* set default look n feel */
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: none;

    /* we animate box shadow on focus */
    /* it's only slightly slower than animating */
    /* a pseudo-element with transforms and renders */
    /* a lot better on chrome */
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    transition: box-shadow 0.25s ease-in;
}
.filepond--file-action-button:hover,
.filepond--file-action-button:focus {
    box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.9);
}
.filepond--file-action-button[disabled] {
    color: rgba(255, 255, 255, 0.5);
    background-color: rgba(0, 0, 0, 0.25);
}
.filepond--file-action-button[hidden] {
    display: none;
}
/* edit button */
.filepond--action-edit-item.filepond--action-edit-item {
    width: 2em;
    height: 2em;
    padding: 0.1875em;
}
.filepond--action-edit-item.filepond--action-edit-item[data-align*='center'] {
    margin-left: -0.1875em;
}
.filepond--action-edit-item.filepond--action-edit-item[data-align*='bottom'] {
    margin-bottom: -0.1875em;
}
.filepond--action-edit-item-alt {
    border: none;
    line-height: inherit;
    background: transparent;
    font-family: inherit;
    color: inherit;
    outline: none;
    padding: 0;
    margin: 0 0 0 0.25em;
    pointer-events: all;
    position: absolute;
}
.filepond--action-edit-item-alt svg {
    width: 1.3125em;
    height: 1.3125em;
}
.filepond--action-edit-item-alt span {
    font-size: 0;
    opacity: 0;
}
.filepond--file-info {
    position: static;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    margin: 0 0.5em 0 0;
    min-width: 0;

    /* will be animated */
    will-change: transform, opacity;

    /* can't do anything with this info */
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /* no margins on children */
}
.filepond--file-info * {
    margin: 0;
}
.filepond--file-info {
    /* we don't want to have these overrules so these selectors are a bit more specific */
}
.filepond--file-info .filepond--file-info-main {
    font-size: 0.75em;
    line-height: 1.2;

    /* we want ellipsis if this bar gets too wide */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
.filepond--file-info .filepond--file-info-sub {
    font-size: 0.625em;
    opacity: 0.5;
    transition: opacity 0.25s ease-in-out;
    white-space: nowrap;
}
.filepond--file-info .filepond--file-info-sub:empty {
    display: none;
}
.filepond--file-status {
    position: static;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex-grow: 0;
    flex-shrink: 0;

    margin: 0;
    min-width: 2.25em;
    text-align: right;

    /* will be animated */
    will-change: transform, opacity;

    /* can't do anything with this info */
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /* no margins on children */
}
.filepond--file-status * {
    margin: 0;
    white-space: nowrap;
}
.filepond--file-status {
    /* font sizes */
}
.filepond--file-status .filepond--file-status-main {
    font-size: 0.75em;
    line-height: 1.2;
}
.filepond--file-status .filepond--file-status-sub {
    font-size: 0.625em;
    opacity: 0.5;
    transition: opacity 0.25s ease-in-out;
}
/* Hard to override styles */
.filepond--file-wrapper.filepond--file-wrapper {
    border: none;
    margin: 0;
    padding: 0;
    min-width: 0;
    height: 100%;

    /* hide legend for visual users */
}
.filepond--file-wrapper.filepond--file-wrapper > legend {
    position: absolute;
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    white-space: nowrap;
}
.filepond--file {
    position: static;
    display: flex;
    height: 100%;
    align-items: flex-start;

    padding: 0.5625em 0.5625em;

    color: #fff;
    border-radius: 0.5em;

    /* control positions */
}
.filepond--file .filepond--file-status {
    margin-left: auto;
    margin-right: 2.25em;
}
.filepond--file .filepond--processing-complete-indicator {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 3;
}
.filepond--file .filepond--processing-complete-indicator,
.filepond--file .filepond--progress-indicator,
.filepond--file .filepond--file-action-button {
    position: absolute;
}
.filepond--file {
    /* .filepond--file-action-button */
}
.filepond--file [data-align*='left'] {
    left: 0.5625em;
}
.filepond--file [data-align*='right'] {
    right: 0.5625em;
}
.filepond--file [data-align*='center'] {
    left: calc(50% - 0.8125em); /* .8125 is half of button width */
}
.filepond--file [data-align*='bottom'] {
    bottom: 1.125em;
}
.filepond--file [data-align='center'] {
    top: calc(50% - 0.8125em);
}
.filepond--file .filepond--progress-indicator {
    margin-top: 0.1875em;
}
.filepond--file .filepond--progress-indicator[data-align*='right'] {
    margin-right: 0.1875em;
}
.filepond--file .filepond--progress-indicator[data-align*='left'] {
    margin-left: 0.1875em;
}
/* make sure text does not overlap */
[data-filepond-item-state='cancelled'] .filepond--file-info,
[data-filepond-item-state*='invalid'] .filepond--file-info,
[data-filepond-item-state*='error'] .filepond--file-info {
    margin-right: 2.25em;
}
[data-filepond-item-state~='processing'] .filepond--file-status-sub {
    opacity: 0;
}
[data-filepond-item-state~='processing']
    .filepond--action-abort-item-processing
    ~ .filepond--file-status
    .filepond--file-status-sub {
    opacity: 0.5;
}
[data-filepond-item-state='processing-error'] .filepond--file-status-sub {
    opacity: 0;
}
[data-filepond-item-state='processing-error']
    .filepond--action-retry-item-processing
    ~ .filepond--file-status
    .filepond--file-status-sub {
    opacity: 0.5;
}
[data-filepond-item-state='processing-complete'] {
    /* busy state */
}
[data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing svg {
    -webkit-animation: fall 0.5s 0.125s linear both;
    animation: fall 0.5s 0.125s linear both;
}
[data-filepond-item-state='processing-complete'] {
    /* hide details by default, only show when can revert */
}
[data-filepond-item-state='processing-complete'] .filepond--file-status-sub {
    opacity: 0.5;
}
[data-filepond-item-state='processing-complete']
    .filepond--processing-complete-indicator:not([style*='hidden'])
    ~ .filepond--file-status
    .filepond--file-status-sub {
    opacity: 0;
}
[data-filepond-item-state='processing-complete'] .filepond--file-info-sub {
    opacity: 0;
}
[data-filepond-item-state='processing-complete']
    .filepond--action-revert-item-processing
    ~ .filepond--file-info
    .filepond--file-info-sub {
    opacity: 0.5;
}
/* file state can be invalid or error, both are visually similar but */
/* having them as separate states might be useful */
[data-filepond-item-state*='invalid'] .filepond--panel,
[data-filepond-item-state*='invalid'] .filepond--file-wrapper,
[data-filepond-item-state*='error'] .filepond--panel,
[data-filepond-item-state*='error'] .filepond--file-wrapper {
    -webkit-animation: shake 0.65s linear both;
    animation: shake 0.65s linear both;
}
/* spins progress indicator when file is marked as busy */
[data-filepond-item-state*='busy'] .filepond--progress-indicator svg {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
/**
 * States
 */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}
@-webkit-keyframes shake {
    10%,
    90% {
        -webkit-transform: translateX(-0.0625em);
        transform: translateX(-0.0625em);
    }

    20%,
    80% {
        -webkit-transform: translateX(0.125em);
        transform: translateX(0.125em);
    }

    30%,
    50%,
    70% {
        -webkit-transform: translateX(-0.25em);
        transform: translateX(-0.25em);
    }

    40%,
    60% {
        -webkit-transform: translateX(0.25em);
        transform: translateX(0.25em);
    }
}
@keyframes shake {
    10%,
    90% {
        -webkit-transform: translateX(-0.0625em);
        transform: translateX(-0.0625em);
    }

    20%,
    80% {
        -webkit-transform: translateX(0.125em);
        transform: translateX(0.125em);
    }

    30%,
    50%,
    70% {
        -webkit-transform: translateX(-0.25em);
        transform: translateX(-0.25em);
    }

    40%,
    60% {
        -webkit-transform: translateX(0.25em);
        transform: translateX(0.25em);
    }
}
@-webkit-keyframes fall {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
@keyframes fall {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
/* ignore all other interaction elements while dragging a file */
.filepond--hopper[data-hopper-state='drag-over'] > * {
    pointer-events: none;
}
/* capture all hit tests using a hidden layer, this speeds up the event flow */
.filepond--hopper[data-hopper-state='drag-over']::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
}
.filepond--progress-indicator {
    z-index: 103;
}
.filepond--file-action-button {
    z-index: 102;
}
.filepond--file-status {
    z-index: 101;
}
.filepond--file-info {
    z-index: 100;
}
.filepond--item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;

    padding: 0;
    margin: 0.25em;

    will-change: transform, opacity;

    /* item children order */
}
.filepond--item > .filepond--panel {
    z-index: -1;
}
/* has a slight shadow */
.filepond--item > .filepond--panel .filepond--panel-bottom {
    box-shadow: 0 0.0625em 0.125em -0.0625em rgba(0, 0, 0, 0.25);
}
.filepond--item {
    /* drag related */
}
.filepond--item > .filepond--file-wrapper,
.filepond--item > .filepond--panel {
    transition: opacity 0.15s ease-out;
}
.filepond--item[data-drag-state] {
    cursor: -webkit-grab;
    cursor: grab;
}
.filepond--item[data-drag-state] > .filepond--panel {
    transition: box-shadow 0.125s ease-in-out;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.filepond--item[data-drag-state='drag'] {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.filepond--item[data-drag-state='drag'] > .filepond--panel {
    box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.325);
}
.filepond--item[data-drag-state]:not([data-drag-state='idle']) {
    z-index: 2;
}
/* states */
.filepond--item-panel {
    background-color: #64605e;
}
[data-filepond-item-state='processing-complete'] .filepond--item-panel {
    background-color: #369763;
}
[data-filepond-item-state*='invalid'] .filepond--item-panel,
[data-filepond-item-state*='error'] .filepond--item-panel {
    background-color: #c44e47;
}
/* style of item panel */
.filepond--item-panel {
    border-radius: 0.5em;
    transition: background-color 0.25s;
}
/* normal mode */
.filepond--list-scroller {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    will-change: transform;
}
/* scroll mode */
.filepond--list-scroller[data-state='overflow'] .filepond--list {
    bottom: 0;
    right: 0;
}
.filepond--list-scroller[data-state='overflow'] {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);
    mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);
}
/* style scrollbar */
.filepond--list-scroller::-webkit-scrollbar {
    background: transparent;
}
.filepond--list-scroller::-webkit-scrollbar:vertical {
    width: 1em;
}
.filepond--list-scroller::-webkit-scrollbar:horizontal {
    height: 0;
}
.filepond--list-scroller::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 99999px;
    border: 0.3125em solid transparent;
    background-clip: content-box;
}
/* hard to overide styles on purpose */
.filepond--list.filepond--list {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;

    /* prevents endless paint calls on filepond--list-scroller */
    will-change: transform;
}
/* used for padding so allowed to be restyled */
.filepond--list {
    left: 0.75em;
    right: 0.75em;
}
.filepond--root[data-style-panel-layout~='integrated'] {
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--panel-root,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--panel-root {
    border-radius: 0;
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--panel-root > *,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--panel-root > * {
    display: none;
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--drop-label,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--drop-label {
    bottom: 0;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 7;
}
.filepond--root[data-style-panel-layout~='circle'],
.filepond--root[data-style-panel-layout~='integrated'] {
    /* we're only loading one item, this makes the intro animation a bit nicer */
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--item-panel,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--item-panel {
    display: none;
}
.filepond--root[data-style-panel-layout~='compact'] .filepond--list-scroller,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--list-scroller {
    overflow: hidden;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
}
.filepond--root[data-style-panel-layout~='compact'] .filepond--list,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--list {
    left: 0;
    right: 0;
    height: 100%;
}
.filepond--root[data-style-panel-layout~='compact'] .filepond--item,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--item {
    margin: 0;
}
.filepond--root[data-style-panel-layout~='compact'] .filepond--file-wrapper,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--file-wrapper {
    height: 100%;
}
.filepond--root[data-style-panel-layout~='compact'] .filepond--drop-label,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--drop-label {
    z-index: 7;
}
.filepond--root[data-style-panel-layout~='circle'] {
    border-radius: 99999rem;
    overflow: hidden;
}
.filepond--root[data-style-panel-layout~='circle'] > .filepond--panel {
    border-radius: inherit;
}
.filepond--root[data-style-panel-layout~='circle'] > .filepond--panel > * {
    display: none;
}
.filepond--root[data-style-panel-layout~='circle'] {
    /* circle cuts of this info, so best to hide it */
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--file-info {
    display: none;
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--file-status {
    display: none;
}
.filepond--root[data-style-panel-layout~='circle'] .filepond--action-edit-item {
    opacity: 1 !important;
    visibility: visible !important;
}
/* dirfty way to fix circular overflow issue on safari 11+ */
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .filepond--root[data-style-panel-layout~='circle'] {
            will-change: transform;
        }
    }
}
.filepond--panel-root {
    border-radius: 0.5em;
    background-color: #f1f0ef;
}
.filepond--panel {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: 0;

    /* defaults to 100% height (fixed height mode) this fixes problem with panel height in IE11 */
    height: 100% !important;

    /* no interaction possible with panel */
    pointer-events: none;
}
.filepond-panel:not([data-scalable='false']) {
    height: auto !important;
}
.filepond--panel[data-scalable='false'] > div {
    display: none;
}
.filepond--panel[data-scalable='true'] {
    /* this seems to fix Chrome performance issues */
    /* - when box-shadow is enabled */
    /* - when multiple ponds are active on the same page */
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    /* prevent borders and backgrounds */
    background-color: transparent !important;
    border: none !important;
}
.filepond--panel-top,
.filepond--panel-bottom,
.filepond--panel-center {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
}
.filepond--panel-top,
.filepond--panel-bottom {
    height: 0.5em;
}
.filepond--panel-top {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom: none !important;

    /* fixes tiny transparant line between top and center panel */
}
.filepond--panel-top::after {
    content: '';
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    bottom: -1px;
    background-color: inherit;
}
.filepond--panel-center,
.filepond--panel-bottom {
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: translate3d(0, 0.5em, 0);
    transform: translate3d(0, 0.5em, 0);
}
.filepond--panel-bottom {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-top: none !important;

    /* fixes tiny transparant line between bottom and center of panel */
}
.filepond--panel-bottom::before {
    content: '';
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    top: -1px;
    background-color: inherit;
}
.filepond--panel-center {
    /* the center panel is scaled using scale3d to fit the correct height */
    /* we use 100px instead of 1px as scaling 1px to a huge height is really laggy on chrome */
    height: 100px !important;
    border-top: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;

    /* hide if not transformed, prevents a little flash when the panel is at 100px height while attached for first time */
}
.filepond--panel-center:not([style]) {
    visibility: hidden;
}
.filepond--progress-indicator {
    position: static;
    width: 1.25em;
    height: 1.25em;

    color: #fff;

    /* can't have margins */
    margin: 0;

    /* no interaction possible with progress indicator */
    pointer-events: none;

    /* will be animated */
    will-change: transform, opacity;
}
.filepond--progress-indicator svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    transform-box: fill-box; /* should center the animation correctly when zoomed in */
}
.filepond--progress-indicator path {
    fill: none;
    stroke: currentColor;
}
.filepond--list-scroller {
    z-index: 6;
}
.filepond--drop-label {
    z-index: 5;
}
.filepond--drip {
    z-index: 3;
}
.filepond--root > .filepond--panel {
    z-index: 2;
}
.filepond--browser {
    z-index: 1;
}
.filepond--root {
    /* layout*/
    box-sizing: border-box;
    position: relative;
    margin-bottom: 1em;

    /* base font size for whole component */
    font-size: 1rem;

    /* base line height */
    line-height: normal;

    /* up uses default system font family */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
        'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';

    /* will increase font weight a bit on Safari */
    font-weight: 450;

    /* default text alignment */
    text-align: left;

    /* better text rendering on Safari */
    text-rendering: optimizeLegibility;

    /* text direction is ltr for now */
    direction: ltr;

    /* optimize rendering */
    /* https://developer.mozilla.org/en-US/docs/Web/CSS/contain */
    contain: layout style size;

    /* correct box sizing, line-height and positioning on child elements */
}
.filepond--root * {
    box-sizing: inherit;
    line-height: inherit;
}
.filepond--root *:not(text) {
    font-size: inherit;
}
.filepond--root {
    /* block everything */
}
.filepond--root[data-disabled] {
    pointer-events: none;
}
.filepond--root[data-disabled] .filepond--list-scroller {
    pointer-events: all;
}
.filepond--root[data-disabled] .filepond--list {
    pointer-events: none;
}
/**
 * Root element children layout
 */
.filepond--root .filepond--drop-label {
    min-height: 4.75em;
}
.filepond--root .filepond--list-scroller {
    margin-top: 1em;
    margin-bottom: 1em;
}
.filepond--root .filepond--credits {
    position: absolute;
    right: 0;
    opacity: 0.175;
    line-height: 0.85;
    font-size: 11px;
    color: inherit;
    text-decoration: none;
    z-index: 3;
    bottom: -14px;
}
.filepond--root .filepond--credits[style] {
    top: 0;
    bottom: auto;
    margin-top: 14px;
}

.flag-icon-background, .flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.flag-icon {
  position: relative;
  display: inline-block;
  width: 1.3333333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: " ";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}

.flag-icon-es-ct {
  background-image: url(/assets/fonts/flag-icon/es-ct-423b9416780516e74907a673e47c6a67a0bff9ba3c267d7e987a0f18f5540e90.svg);
}
.flag-icon-es-ct.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/es-ct-423b9416780516e74907a673e47c6a67a0bff9ba3c267d7e987a0f18f5540e90.svg);
}

.flag-icon-eu {
  background-image: url(/assets/fonts/flag-icon/eu-56bd8152e119733ccddaa8291040fca92ccc1356febe5c65c36d2a06600ebca1.svg);
}
.flag-icon-eu.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/eu-56bd8152e119733ccddaa8291040fca92ccc1356febe5c65c36d2a06600ebca1.svg);
}

.flag-icon-gb-eng {
  background-image: url(/assets/fonts/flag-icon/gb-eng-578d702095843cd657a2d95eda1d16bfd448eebbed96d375260886532802b1c0.svg);
}
.flag-icon-gb-eng.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/gb-eng-578d702095843cd657a2d95eda1d16bfd448eebbed96d375260886532802b1c0.svg);
}

.flag-icon-gb-nir {
  background-image: url(/assets/fonts/flag-icon/gb-nir-3527b65f9f7c68fb69e3b5f0274124c3dd9a9e219b489ecaf4036b9209915519.svg);
}
.flag-icon-gb-nir.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/gb-nir-3527b65f9f7c68fb69e3b5f0274124c3dd9a9e219b489ecaf4036b9209915519.svg);
}

.flag-icon-gb-sct {
  background-image: url(/assets/fonts/flag-icon/gb-sct-ab635cbc4cbfe69e1c6142c728a12ec7bf375037bff767f33c9911b65c5f2eca.svg);
}
.flag-icon-gb-sct.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/gb-sct-ab635cbc4cbfe69e1c6142c728a12ec7bf375037bff767f33c9911b65c5f2eca.svg);
}

.flag-icon-gb-wls {
  background-image: url(/assets/fonts/flag-icon/gb-wls-ca4ece265093fea427938810e9e712500ae7ef22d11035b2a62f2c877282e5f2.svg);
}
.flag-icon-gb-wls.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/gb-wls-ca4ece265093fea427938810e9e712500ae7ef22d11035b2a62f2c877282e5f2.svg);
}

.flag-icon-un {
  background-image: url(/assets/fonts/flag-icon/un-74c0e1703ac0c051f1dd449a814ce5fbf40d6fc276c2693f3e74ebc5907abed2.svg);
}
.flag-icon-un.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/un-74c0e1703ac0c051f1dd449a814ce5fbf40d6fc276c2693f3e74ebc5907abed2.svg);
}

.flag-icon-ad {
  background-image: url(/assets/fonts/flag-icon/ad-a7616194f6973b1237594785df52bd8ae2981c217c786f937dbcf09a15994b91.svg);
}
.flag-icon-ad.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ad-a7616194f6973b1237594785df52bd8ae2981c217c786f937dbcf09a15994b91.svg);
}

.flag-icon-ae {
  background-image: url(/assets/fonts/flag-icon/ae-4192c95f0c85c39f00fcef6f51b1d2935b3d0e5a28bfb74b2d5b507e03169cce.svg);
}
.flag-icon-ae.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ae-4192c95f0c85c39f00fcef6f51b1d2935b3d0e5a28bfb74b2d5b507e03169cce.svg);
}

.flag-icon-af {
  background-image: url(/assets/fonts/flag-icon/af-43a30d56f1f1546439b6edf1bca5a1c3b4579eac2eb9e34db0c80b28eb87385f.svg);
}
.flag-icon-af.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/af-43a30d56f1f1546439b6edf1bca5a1c3b4579eac2eb9e34db0c80b28eb87385f.svg);
}

.flag-icon-ag {
  background-image: url(/assets/fonts/flag-icon/ag-a788f0cf0611885f4303f743a0db01d0ef572ec5b42585c9c87bdac2addefa4e.svg);
}
.flag-icon-ag.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ag-a788f0cf0611885f4303f743a0db01d0ef572ec5b42585c9c87bdac2addefa4e.svg);
}

.flag-icon-ai {
  background-image: url(/assets/fonts/flag-icon/ai-bc623092d538965bf01cf751e2e157c4098ebb42f775ff40ce7476f3a847ddb3.svg);
}
.flag-icon-ai.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ai-bc623092d538965bf01cf751e2e157c4098ebb42f775ff40ce7476f3a847ddb3.svg);
}

.flag-icon-al {
  background-image: url(/assets/fonts/flag-icon/al-9c505af317979bca34e104e62c2a4691623918e1ccc84746462e54f869763689.svg);
}
.flag-icon-al.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/al-9c505af317979bca34e104e62c2a4691623918e1ccc84746462e54f869763689.svg);
}

.flag-icon-am {
  background-image: url(/assets/fonts/flag-icon/am-0cdb93ac000127b44344289653d57d82cb66622bb0bacbfc9013b33ebabec088.svg);
}
.flag-icon-am.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/am-0cdb93ac000127b44344289653d57d82cb66622bb0bacbfc9013b33ebabec088.svg);
}

.flag-icon-ao {
  background-image: url(/assets/fonts/flag-icon/ao-42379566297da5a8f4c93fa4d66fa8d24009bbcb9369d6f611d929f56fdc30cd.svg);
}
.flag-icon-ao.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ao-42379566297da5a8f4c93fa4d66fa8d24009bbcb9369d6f611d929f56fdc30cd.svg);
}

.flag-icon-aq {
  background-image: url(/assets/fonts/flag-icon/aq-f3a7677424dd91ef1d684754e8906b2fd59e59a9470eea6c3dc8155ec2145a29.svg);
}
.flag-icon-aq.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/aq-f3a7677424dd91ef1d684754e8906b2fd59e59a9470eea6c3dc8155ec2145a29.svg);
}

.flag-icon-ar {
  background-image: url(/assets/fonts/flag-icon/ar-b7b1cc6facab976b641bcaad8fa4f972260cae76fbb136086e72d1c18b057e35.svg);
}
.flag-icon-ar.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ar-b7b1cc6facab976b641bcaad8fa4f972260cae76fbb136086e72d1c18b057e35.svg);
}

.flag-icon-as {
  background-image: url(/assets/fonts/flag-icon/as-58ee8085020bd3bd74005df00b56cbebdac663ec18d3d3b27b6618dc1c938166.svg);
}
.flag-icon-as.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/as-58ee8085020bd3bd74005df00b56cbebdac663ec18d3d3b27b6618dc1c938166.svg);
}

.flag-icon-at {
  background-image: url(/assets/fonts/flag-icon/at-548b88fb46aa1ecde468d7e0481b3ce40a9189b9977b508da698ead075be2aef.svg);
}
.flag-icon-at.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/at-548b88fb46aa1ecde468d7e0481b3ce40a9189b9977b508da698ead075be2aef.svg);
}

.flag-icon-au {
  background-image: url(/assets/fonts/flag-icon/au-56c0c12b4d8f97e481038916cff39fb67c9359c602ae4fcc966b8f658403ea92.svg);
}
.flag-icon-au.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/au-56c0c12b4d8f97e481038916cff39fb67c9359c602ae4fcc966b8f658403ea92.svg);
}

.flag-icon-aw {
  background-image: url(/assets/fonts/flag-icon/aw-79321e361b767da2de7de8e903f853640629367ab0686d4ddf3d9f88f551f527.svg);
}
.flag-icon-aw.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/aw-79321e361b767da2de7de8e903f853640629367ab0686d4ddf3d9f88f551f527.svg);
}

.flag-icon-ax {
  background-image: url(/assets/fonts/flag-icon/ax-207d2e8287761fe4f4b5da424885295d238b957904ec58f2aabd0a1503183929.svg);
}
.flag-icon-ax.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ax-207d2e8287761fe4f4b5da424885295d238b957904ec58f2aabd0a1503183929.svg);
}

.flag-icon-az {
  background-image: url(/assets/fonts/flag-icon/az-a673b9667aee0437aefa7f1aa6fdc185458603814e261833843681a648d1af22.svg);
}
.flag-icon-az.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/az-a673b9667aee0437aefa7f1aa6fdc185458603814e261833843681a648d1af22.svg);
}

.flag-icon-ba {
  background-image: url(/assets/fonts/flag-icon/ba-a8557cc4e92e6c304d859464a83f8a8c81de331327b528701e99307c579eaea5.svg);
}
.flag-icon-ba.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ba-a8557cc4e92e6c304d859464a83f8a8c81de331327b528701e99307c579eaea5.svg);
}

.flag-icon-bb {
  background-image: url(/assets/fonts/flag-icon/bb-3549449d9fd34bc83628ee6b638955db8665dc7e9816cf9cf99af21c1588d917.svg);
}
.flag-icon-bb.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/bb-3549449d9fd34bc83628ee6b638955db8665dc7e9816cf9cf99af21c1588d917.svg);
}

.flag-icon-bd {
  background-image: url(/assets/fonts/flag-icon/bd-db79f89dbc0ed68e31a57d64cf03e053b07276ca95cf25cdd857cf869c123bf8.svg);
}
.flag-icon-bd.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/bd-db79f89dbc0ed68e31a57d64cf03e053b07276ca95cf25cdd857cf869c123bf8.svg);
}

.flag-icon-be {
  background-image: url(/assets/fonts/flag-icon/be-a31fc394184a5dd8c2b0f35f00bc462632ff215efddd7fa746cf532b5f6086c2.svg);
}
.flag-icon-be.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/be-a31fc394184a5dd8c2b0f35f00bc462632ff215efddd7fa746cf532b5f6086c2.svg);
}

.flag-icon-bf {
  background-image: url(/assets/fonts/flag-icon/bf-db61ca5075667d5b645bfbcb81414d6445187c30f2b9ee9433512d1641487c04.svg);
}
.flag-icon-bf.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/bf-db61ca5075667d5b645bfbcb81414d6445187c30f2b9ee9433512d1641487c04.svg);
}

.flag-icon-bg {
  background-image: url(/assets/fonts/flag-icon/bg-9cb7152270473a241460e9b51a40507a6a989fc3e1549c414b796413d4c194eb.svg);
}
.flag-icon-bg.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/bg-9cb7152270473a241460e9b51a40507a6a989fc3e1549c414b796413d4c194eb.svg);
}

.flag-icon-bh {
  background-image: url(/assets/fonts/flag-icon/bh-7c5f695acfed77bfcf4231dd27818a794766c4ef1080c37c40c7935d9cb096bb.svg);
}
.flag-icon-bh.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/bh-7c5f695acfed77bfcf4231dd27818a794766c4ef1080c37c40c7935d9cb096bb.svg);
}

.flag-icon-bi {
  background-image: url(/assets/fonts/flag-icon/bi-33197296e55ee9aac4718262ec0de490affbc52b87bec2ecdced75c9b68002b4.svg);
}
.flag-icon-bi.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/bi-33197296e55ee9aac4718262ec0de490affbc52b87bec2ecdced75c9b68002b4.svg);
}

.flag-icon-bj {
  background-image: url(/assets/fonts/flag-icon/bj-6158b001bab937b6ca2caa15dab13b34438d6234031204ce9ed6b8958773c08d.svg);
}
.flag-icon-bj.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/bj-6158b001bab937b6ca2caa15dab13b34438d6234031204ce9ed6b8958773c08d.svg);
}

.flag-icon-bl {
  background-image: url(/assets/fonts/flag-icon/bl-8d460fa55fec2e3f28a8416b149bacb40b036176117bd2c33ccd4f945162d878.svg);
}
.flag-icon-bl.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/bl-8d460fa55fec2e3f28a8416b149bacb40b036176117bd2c33ccd4f945162d878.svg);
}

.flag-icon-bm {
  background-image: url(/assets/fonts/flag-icon/bm-4ec7918fc800e657107bf94c1735d5f072f03e6533891b34ed51c3c81f770156.svg);
}
.flag-icon-bm.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/bm-4ec7918fc800e657107bf94c1735d5f072f03e6533891b34ed51c3c81f770156.svg);
}

.flag-icon-bn {
  background-image: url(/assets/fonts/flag-icon/bn-ae3770d73e3c9e21244d8f9cfce42b4f3bd00ef80e423b5e77cd24b01c6ac0f2.svg);
}
.flag-icon-bn.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/bn-ae3770d73e3c9e21244d8f9cfce42b4f3bd00ef80e423b5e77cd24b01c6ac0f2.svg);
}

.flag-icon-bo {
  background-image: url(/assets/fonts/flag-icon/bo-fb68794de61379296f9621a7a17d7901473d323c4a92a8504f11650bfe128295.svg);
}
.flag-icon-bo.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/bo-fb68794de61379296f9621a7a17d7901473d323c4a92a8504f11650bfe128295.svg);
}

.flag-icon-bq {
  background-image: url(/assets/fonts/flag-icon/bq-c7e4be04a1bdf41f687c516754ca204d7536310f8d99353ff10379903d5bec8b.svg);
}
.flag-icon-bq.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/bq-c7e4be04a1bdf41f687c516754ca204d7536310f8d99353ff10379903d5bec8b.svg);
}

.flag-icon-br {
  background-image: url(/assets/fonts/flag-icon/br-2c6c4b69dea631926daea471f1b033550a2bf5247102e4f9cc3509fff1983bcb.svg);
}
.flag-icon-br.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/br-2c6c4b69dea631926daea471f1b033550a2bf5247102e4f9cc3509fff1983bcb.svg);
}

.flag-icon-bs {
  background-image: url(/assets/fonts/flag-icon/bs-4468994ae4bc816bad5136e4f81b55def02874b9ffc0f2a2f894cd7be8484947.svg);
}
.flag-icon-bs.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/bs-4468994ae4bc816bad5136e4f81b55def02874b9ffc0f2a2f894cd7be8484947.svg);
}

.flag-icon-bt {
  background-image: url(/assets/fonts/flag-icon/bt-447fcbb32d9d7808a01cc0623335ec2001b35ae4ffca5194d2f222bf803e6480.svg);
}
.flag-icon-bt.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/bt-447fcbb32d9d7808a01cc0623335ec2001b35ae4ffca5194d2f222bf803e6480.svg);
}

.flag-icon-bv {
  background-image: url(/assets/fonts/flag-icon/bv-37c6c9ae2e967d168e4275cedb381f71319d5e5634247a23821f860ef73fb2e5.svg);
}
.flag-icon-bv.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/bv-37c6c9ae2e967d168e4275cedb381f71319d5e5634247a23821f860ef73fb2e5.svg);
}

.flag-icon-bw {
  background-image: url(/assets/fonts/flag-icon/bw-1f6e8a1ed183cec3b737d1e89764c5cbfca191153ad3b442d69246b3b8138736.svg);
}
.flag-icon-bw.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/bw-1f6e8a1ed183cec3b737d1e89764c5cbfca191153ad3b442d69246b3b8138736.svg);
}

.flag-icon-by {
  background-image: url(/assets/fonts/flag-icon/by-b1a4cd2068f824ede34d09d7a30bb8d413fc88f7ec869041b76c6b05c51dfc19.svg);
}
.flag-icon-by.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/by-b1a4cd2068f824ede34d09d7a30bb8d413fc88f7ec869041b76c6b05c51dfc19.svg);
}

.flag-icon-bz {
  background-image: url(/assets/fonts/flag-icon/bz-7bfdbe671bee8b27e949c94c5fd47ec0495ccbac06794180981a9448960fc036.svg);
}
.flag-icon-bz.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/bz-7bfdbe671bee8b27e949c94c5fd47ec0495ccbac06794180981a9448960fc036.svg);
}

.flag-icon-ca {
  background-image: url(/assets/fonts/flag-icon/ca-7821d7847f93a556aa62e7726b05af25ec84a7b99f4519e287ef71b7b0f0825e.svg);
}
.flag-icon-ca.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ca-7821d7847f93a556aa62e7726b05af25ec84a7b99f4519e287ef71b7b0f0825e.svg);
}

.flag-icon-cc {
  background-image: url(/assets/fonts/flag-icon/cc-318a3952f40f5665c4ca7a12610614c9b6a51fa8890a77e3e76072413ab888ba.svg);
}
.flag-icon-cc.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/cc-318a3952f40f5665c4ca7a12610614c9b6a51fa8890a77e3e76072413ab888ba.svg);
}

.flag-icon-cd {
  background-image: url(/assets/fonts/flag-icon/cd-48a4149b47770f571abba7c27299f9239ed11a1ceb0e69580d0eeb78b8b60ab5.svg);
}
.flag-icon-cd.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/cd-48a4149b47770f571abba7c27299f9239ed11a1ceb0e69580d0eeb78b8b60ab5.svg);
}

.flag-icon-cf {
  background-image: url(/assets/fonts/flag-icon/cf-4e57c03cda7c7e6204669ad491f95ab3b7cf7df0a42cb01c90077e1776e0af34.svg);
}
.flag-icon-cf.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/cf-4e57c03cda7c7e6204669ad491f95ab3b7cf7df0a42cb01c90077e1776e0af34.svg);
}

.flag-icon-cg {
  background-image: url(/assets/fonts/flag-icon/cg-19bf6746018d34501872f22430bb5ddc42fb303fb51a6e4f62d4849c2da37355.svg);
}
.flag-icon-cg.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/cg-19bf6746018d34501872f22430bb5ddc42fb303fb51a6e4f62d4849c2da37355.svg);
}

.flag-icon-ch {
  background-image: url(/assets/fonts/flag-icon/ch-ee2e48af32606d1a306789e766506fecdbccf235cdf2a137423bffd9fe5222e5.svg);
}
.flag-icon-ch.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ch-ee2e48af32606d1a306789e766506fecdbccf235cdf2a137423bffd9fe5222e5.svg);
}

.flag-icon-ci {
  background-image: url(/assets/fonts/flag-icon/ci-49c81f0ad6df54528b291055570f578a0522ba794e49456703a3427bae12e44e.svg);
}
.flag-icon-ci.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ci-49c81f0ad6df54528b291055570f578a0522ba794e49456703a3427bae12e44e.svg);
}

.flag-icon-ck {
  background-image: url(/assets/fonts/flag-icon/ck-4b2af14a97ca039501c09a17e38e3bf863cd828c043bceb4426a7cbea844de72.svg);
}
.flag-icon-ck.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ck-4b2af14a97ca039501c09a17e38e3bf863cd828c043bceb4426a7cbea844de72.svg);
}

.flag-icon-cl {
  background-image: url(/assets/fonts/flag-icon/cl-a9fef6f834a877377535547c04f289730a324a548f0aab498dbcb3669a9a900f.svg);
}
.flag-icon-cl.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/cl-a9fef6f834a877377535547c04f289730a324a548f0aab498dbcb3669a9a900f.svg);
}

.flag-icon-cm {
  background-image: url(/assets/fonts/flag-icon/cm-d7d640fd7d8dbb7a8521d345578579d9727c3a56324cb2d042df40569ac5ea7a.svg);
}
.flag-icon-cm.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/cm-d7d640fd7d8dbb7a8521d345578579d9727c3a56324cb2d042df40569ac5ea7a.svg);
}

.flag-icon-cn {
  background-image: url(/assets/fonts/flag-icon/cn-7ea233561445b76fae28a31aaec196fd5364dc1491ad2d4c9e639456c4b24af6.svg);
}
.flag-icon-cn.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/cn-7ea233561445b76fae28a31aaec196fd5364dc1491ad2d4c9e639456c4b24af6.svg);
}

.flag-icon-co {
  background-image: url(/assets/fonts/flag-icon/co-0bb25af934ef3928bae16ea07499b0e925674815f5634bf8c222a73824f99394.svg);
}
.flag-icon-co.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/co-0bb25af934ef3928bae16ea07499b0e925674815f5634bf8c222a73824f99394.svg);
}

.flag-icon-cr {
  background-image: url(/assets/fonts/flag-icon/cr-655a9362bb189cdae53f63ff8c2680c67f9b54d50e07eda2a5658c41617a461a.svg);
}
.flag-icon-cr.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/cr-655a9362bb189cdae53f63ff8c2680c67f9b54d50e07eda2a5658c41617a461a.svg);
}

.flag-icon-cu {
  background-image: url(/assets/fonts/flag-icon/cu-2c147602a13be57183843ed91f9ba285210242e6bd1626122f00d49e22b514ab.svg);
}
.flag-icon-cu.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/cu-2c147602a13be57183843ed91f9ba285210242e6bd1626122f00d49e22b514ab.svg);
}

.flag-icon-cv {
  background-image: url(/assets/fonts/flag-icon/cv-01ab2e8913212df5ea260cd2d38031497d5a666a466bfb410dd4d99e7cf28c89.svg);
}
.flag-icon-cv.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/cv-01ab2e8913212df5ea260cd2d38031497d5a666a466bfb410dd4d99e7cf28c89.svg);
}

.flag-icon-cw {
  background-image: url(/assets/fonts/flag-icon/cw-ac45ace3991ad97cea958139cc6616aab361192c015dd75fcfa6e180de426e50.svg);
}
.flag-icon-cw.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/cw-ac45ace3991ad97cea958139cc6616aab361192c015dd75fcfa6e180de426e50.svg);
}

.flag-icon-cx {
  background-image: url(/assets/fonts/flag-icon/cx-fb882ec4da2fe258efec52d5cb70a7e815fb6060b7b793343fca4b5b168f5fba.svg);
}
.flag-icon-cx.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/cx-fb882ec4da2fe258efec52d5cb70a7e815fb6060b7b793343fca4b5b168f5fba.svg);
}

.flag-icon-cy {
  background-image: url(/assets/fonts/flag-icon/cy-d7c212e050b94c835365102175452513ff070d15cffdb0c4bcefdd3cfe66323d.svg);
}
.flag-icon-cy.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/cy-d7c212e050b94c835365102175452513ff070d15cffdb0c4bcefdd3cfe66323d.svg);
}

.flag-icon-cz {
  background-image: url(/assets/fonts/flag-icon/cz-ec5c1711ebd837f74d53d02007d5b01a2848609c349d29641646daedcc14f0ee.svg);
}
.flag-icon-cz.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/cz-ec5c1711ebd837f74d53d02007d5b01a2848609c349d29641646daedcc14f0ee.svg);
}

.flag-icon-de {
  background-image: url(/assets/fonts/flag-icon/de-36f0558d5a108e4aa5bde68f5c3a7dfe50aa8504f61eb5439f2d96a6d3fc00c5.svg);
}
.flag-icon-de.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/de-36f0558d5a108e4aa5bde68f5c3a7dfe50aa8504f61eb5439f2d96a6d3fc00c5.svg);
}

.flag-icon-dj {
  background-image: url(/assets/fonts/flag-icon/dj-628fd7117a489a01c2b3b843b717c9569bb0238955586d280b7a1348b532f0cc.svg);
}
.flag-icon-dj.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/dj-628fd7117a489a01c2b3b843b717c9569bb0238955586d280b7a1348b532f0cc.svg);
}

.flag-icon-dk {
  background-image: url(/assets/fonts/flag-icon/dk-1899092c7b9e46d37387044df1497aa43447303bd49296d58dfe82f0e87cf5fa.svg);
}
.flag-icon-dk.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/dk-1899092c7b9e46d37387044df1497aa43447303bd49296d58dfe82f0e87cf5fa.svg);
}

.flag-icon-dm {
  background-image: url(/assets/fonts/flag-icon/dm-d8d8f6b6862a3fed5db21c4a95247ca137265008c4ace8e038c0ea51b7a9ac1c.svg);
}
.flag-icon-dm.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/dm-d8d8f6b6862a3fed5db21c4a95247ca137265008c4ace8e038c0ea51b7a9ac1c.svg);
}

.flag-icon-do {
  background-image: url(/assets/fonts/flag-icon/do-32baf931c8a73dcdd533be5ecd737014c3c652f8bafbe434c782d7ffd07f41b4.svg);
}
.flag-icon-do.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/do-32baf931c8a73dcdd533be5ecd737014c3c652f8bafbe434c782d7ffd07f41b4.svg);
}

.flag-icon-dz {
  background-image: url(/assets/fonts/flag-icon/dz-87733b700217514a33cfc23da5317df5d1ac70a6bd8184e56905d69d6e6175c5.svg);
}
.flag-icon-dz.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/dz-87733b700217514a33cfc23da5317df5d1ac70a6bd8184e56905d69d6e6175c5.svg);
}

.flag-icon-ec {
  background-image: url(/assets/fonts/flag-icon/ec-748a4f4883a2f621c03c524466af1cb377a719e386d3ad235e454f5326e8aab9.svg);
}
.flag-icon-ec.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ec-748a4f4883a2f621c03c524466af1cb377a719e386d3ad235e454f5326e8aab9.svg);
}

.flag-icon-ee {
  background-image: url(/assets/fonts/flag-icon/ee-7f9c8a5f9caf2ea09807efaa89ba4d00f53e279c6cfa94f9cf63863558df4a9c.svg);
}
.flag-icon-ee.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ee-7f9c8a5f9caf2ea09807efaa89ba4d00f53e279c6cfa94f9cf63863558df4a9c.svg);
}

.flag-icon-eg {
  background-image: url(/assets/fonts/flag-icon/eg-00e8f11450ea636f5f4cb65765dddb880ff1b4ba1f42b885b6cdd070d1ba9d50.svg);
}
.flag-icon-eg.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/eg-00e8f11450ea636f5f4cb65765dddb880ff1b4ba1f42b885b6cdd070d1ba9d50.svg);
}

.flag-icon-eh {
  background-image: url(/assets/fonts/flag-icon/eh-9a356e2e23390ee1c348b88d6d1174a23e88a39a9be155b4811c58df53c6146d.svg);
}
.flag-icon-eh.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/eh-9a356e2e23390ee1c348b88d6d1174a23e88a39a9be155b4811c58df53c6146d.svg);
}

.flag-icon-er {
  background-image: url(/assets/fonts/flag-icon/er-fc4b49e5980519bb78e848fd42731ce4a5481f8e321167122ada3bdf01b7b4dd.svg);
}
.flag-icon-er.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/er-fc4b49e5980519bb78e848fd42731ce4a5481f8e321167122ada3bdf01b7b4dd.svg);
}

.flag-icon-es {
  background-image: url(/assets/fonts/flag-icon/es-03b2f11cab0c3a87faf24d5b45fa36a4f9c371305259c2dd0db3a24570e90edc.svg);
}
.flag-icon-es.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/es-03b2f11cab0c3a87faf24d5b45fa36a4f9c371305259c2dd0db3a24570e90edc.svg);
}

.flag-icon-et {
  background-image: url(/assets/fonts/flag-icon/et-63186e18001b3a58f934981de01f2bda58635e20660301f9edbb904994b69f6f.svg);
}
.flag-icon-et.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/et-63186e18001b3a58f934981de01f2bda58635e20660301f9edbb904994b69f6f.svg);
}

.flag-icon-fi {
  background-image: url(/assets/fonts/flag-icon/fi-053955812c8e1924017505dda14ffd6bc4372be61b37a7c5cd6a336359d45082.svg);
}
.flag-icon-fi.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/fi-053955812c8e1924017505dda14ffd6bc4372be61b37a7c5cd6a336359d45082.svg);
}

.flag-icon-fj {
  background-image: url(/assets/fonts/flag-icon/fj-a5bc5c482be4959a427626368cd36685fa4d45e327bd0134dcd29149b2585533.svg);
}
.flag-icon-fj.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/fj-a5bc5c482be4959a427626368cd36685fa4d45e327bd0134dcd29149b2585533.svg);
}

.flag-icon-fk {
  background-image: url(/assets/fonts/flag-icon/fk-ddd2dc9ce5fca2b8fed7c6938dd22beb2a2b40c0802f2c4b5d8c82c747f88311.svg);
}
.flag-icon-fk.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/fk-ddd2dc9ce5fca2b8fed7c6938dd22beb2a2b40c0802f2c4b5d8c82c747f88311.svg);
}

.flag-icon-fm {
  background-image: url(/assets/fonts/flag-icon/fm-f62e3f4bb321c7ae2d0a59dceccc41bba664f4621dfc9c6d822e405fb25d0095.svg);
}
.flag-icon-fm.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/fm-f62e3f4bb321c7ae2d0a59dceccc41bba664f4621dfc9c6d822e405fb25d0095.svg);
}

.flag-icon-fo {
  background-image: url(/assets/fonts/flag-icon/fo-4dce712a22e530ce8eb38f2288d3a72dcaf0c5cca1d6bfb33e480ec57b89bb52.svg);
}
.flag-icon-fo.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/fo-4dce712a22e530ce8eb38f2288d3a72dcaf0c5cca1d6bfb33e480ec57b89bb52.svg);
}

.flag-icon-fr {
  background-image: url(/assets/fonts/flag-icon/fr-23d8e8007e0acfe85339d3a381a3c67475e71caae71439acfaf154491e4f6b5e.svg);
}
.flag-icon-fr.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/fr-23d8e8007e0acfe85339d3a381a3c67475e71caae71439acfaf154491e4f6b5e.svg);
}

.flag-icon-ga {
  background-image: url(/assets/fonts/flag-icon/ga-a6f28336e88c236600c5509c953656cf2530c2c71abb4d352fd2195a2fded12c.svg);
}
.flag-icon-ga.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ga-a6f28336e88c236600c5509c953656cf2530c2c71abb4d352fd2195a2fded12c.svg);
}

.flag-icon-gb {
  background-image: url(/assets/fonts/flag-icon/gb-eaaa595842845eb6b926fc59e1ed3e94283cc917c983a52367d28f788e691b63.svg);
}
.flag-icon-gb.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/gb-eaaa595842845eb6b926fc59e1ed3e94283cc917c983a52367d28f788e691b63.svg);
}

.flag-icon-gd {
  background-image: url(/assets/fonts/flag-icon/gd-6e782b15b3d0086b1a0abedb005e952ef2d46561643ed8e5eb252987e87866b7.svg);
}
.flag-icon-gd.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/gd-6e782b15b3d0086b1a0abedb005e952ef2d46561643ed8e5eb252987e87866b7.svg);
}

.flag-icon-ge {
  background-image: url(/assets/fonts/flag-icon/ge-9e21ed0e7d093227044d8e7d11a08758b406a4502064c9ebc9b17407d6b1c4a4.svg);
}
.flag-icon-ge.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ge-9e21ed0e7d093227044d8e7d11a08758b406a4502064c9ebc9b17407d6b1c4a4.svg);
}

.flag-icon-gf {
  background-image: url(/assets/fonts/flag-icon/gf-3fb86d2957d8dd3982516d1f14682600b53d3a4bbef86919a8f160a6e61db483.svg);
}
.flag-icon-gf.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/gf-3fb86d2957d8dd3982516d1f14682600b53d3a4bbef86919a8f160a6e61db483.svg);
}

.flag-icon-gg {
  background-image: url(/assets/fonts/flag-icon/gg-2bc880777a778faaf76143d65785ae8c9441ab23da8d3d326ebd00c5366413f5.svg);
}
.flag-icon-gg.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/gg-2bc880777a778faaf76143d65785ae8c9441ab23da8d3d326ebd00c5366413f5.svg);
}

.flag-icon-gh {
  background-image: url(/assets/fonts/flag-icon/gh-b3080fc47dc33aa72456ced1e1962ab684c04c9ff1f513f3894feab19e817a7b.svg);
}
.flag-icon-gh.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/gh-b3080fc47dc33aa72456ced1e1962ab684c04c9ff1f513f3894feab19e817a7b.svg);
}

.flag-icon-gi {
  background-image: url(/assets/fonts/flag-icon/gi-0494a4b395baf1886d242850130a8d8b928054c59e2a07ba974624b7bfee068f.svg);
}
.flag-icon-gi.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/gi-0494a4b395baf1886d242850130a8d8b928054c59e2a07ba974624b7bfee068f.svg);
}

.flag-icon-gl {
  background-image: url(/assets/fonts/flag-icon/gl-a18702798c5d913c443e55149f34785bfb520b80336ef3ced3e47971d6bd8bac.svg);
}
.flag-icon-gl.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/gl-a18702798c5d913c443e55149f34785bfb520b80336ef3ced3e47971d6bd8bac.svg);
}

.flag-icon-gm {
  background-image: url(/assets/fonts/flag-icon/gm-f94e0fa01e0bd5d0278cdcf5f05a4c0538cc5d4f9087e5b15dd1b4d0ef159c55.svg);
}
.flag-icon-gm.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/gm-f94e0fa01e0bd5d0278cdcf5f05a4c0538cc5d4f9087e5b15dd1b4d0ef159c55.svg);
}

.flag-icon-gn {
  background-image: url(/assets/fonts/flag-icon/gn-ebbc894ac31db4504d491bbb9dedaaee8c86d7712ba942c3bcc6cb63d3467c9c.svg);
}
.flag-icon-gn.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/gn-ebbc894ac31db4504d491bbb9dedaaee8c86d7712ba942c3bcc6cb63d3467c9c.svg);
}

.flag-icon-gp {
  background-image: url(/assets/fonts/flag-icon/gp-357530bb196043bfca5f18462e4fc34b9f10ee9cb32dfc7e937117d03c765594.svg);
}
.flag-icon-gp.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/gp-357530bb196043bfca5f18462e4fc34b9f10ee9cb32dfc7e937117d03c765594.svg);
}

.flag-icon-gq {
  background-image: url(/assets/fonts/flag-icon/gq-8429a4ee3407baa63926fb1ed5020091e1a1a9151e05a356ef4a819d72328d7b.svg);
}
.flag-icon-gq.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/gq-8429a4ee3407baa63926fb1ed5020091e1a1a9151e05a356ef4a819d72328d7b.svg);
}

.flag-icon-gr {
  background-image: url(/assets/fonts/flag-icon/gr-a8bd4486209f7b54c3aef4f5884b5297ff45987b35f7b0ee6544de2d0fa5ec01.svg);
}
.flag-icon-gr.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/gr-a8bd4486209f7b54c3aef4f5884b5297ff45987b35f7b0ee6544de2d0fa5ec01.svg);
}

.flag-icon-gs {
  background-image: url(/assets/fonts/flag-icon/gs-07b2945fa02ff084280a03ea1f42a9c741d861a4cdd3ae3e9ee786eec13b3487.svg);
}
.flag-icon-gs.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/gs-07b2945fa02ff084280a03ea1f42a9c741d861a4cdd3ae3e9ee786eec13b3487.svg);
}

.flag-icon-gt {
  background-image: url(/assets/fonts/flag-icon/gt-b7896d7c3dfaefde372539f8de73d1b30434b5d9acf0ae6dfe2d3e74c8205335.svg);
}
.flag-icon-gt.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/gt-b7896d7c3dfaefde372539f8de73d1b30434b5d9acf0ae6dfe2d3e74c8205335.svg);
}

.flag-icon-gu {
  background-image: url(/assets/fonts/flag-icon/gu-774787b7a9dfde1a6daecee75b88c688d044fa9f897ff7c49eb1037492249377.svg);
}
.flag-icon-gu.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/gu-774787b7a9dfde1a6daecee75b88c688d044fa9f897ff7c49eb1037492249377.svg);
}

.flag-icon-gw {
  background-image: url(/assets/fonts/flag-icon/gw-b738341e5440e78d2de63f05014f9e4296ecd26e249497d4887c045cf0b21d38.svg);
}
.flag-icon-gw.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/gw-b738341e5440e78d2de63f05014f9e4296ecd26e249497d4887c045cf0b21d38.svg);
}

.flag-icon-gy {
  background-image: url(/assets/fonts/flag-icon/gy-033398a989032255014410d49a9ad741cd920a755714040ee5946f82bbeefa55.svg);
}
.flag-icon-gy.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/gy-033398a989032255014410d49a9ad741cd920a755714040ee5946f82bbeefa55.svg);
}

.flag-icon-hk {
  background-image: url(/assets/fonts/flag-icon/hk-486d3e32eb5948d107cd33f1764712bd4b4a700671a712ecca74204e948db6b3.svg);
}
.flag-icon-hk.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/hk-486d3e32eb5948d107cd33f1764712bd4b4a700671a712ecca74204e948db6b3.svg);
}

.flag-icon-hm {
  background-image: url(/assets/fonts/flag-icon/hm-89c688b0e03385c794c0799cfd6c9d68a495d9a476246a15dca2ca37ee003654.svg);
}
.flag-icon-hm.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/hm-89c688b0e03385c794c0799cfd6c9d68a495d9a476246a15dca2ca37ee003654.svg);
}

.flag-icon-hn {
  background-image: url(/assets/fonts/flag-icon/hn-640c25e70b95b1bc66f9004d66d63c4feb718f792572adf3d79746605dff9fb1.svg);
}
.flag-icon-hn.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/hn-640c25e70b95b1bc66f9004d66d63c4feb718f792572adf3d79746605dff9fb1.svg);
}

.flag-icon-hr {
  background-image: url(/assets/fonts/flag-icon/hr-08d5a38602b22165eaa8a8aa3a2e65ed95f2832486ccfa27e99fa617d7fbc7c6.svg);
}
.flag-icon-hr.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/hr-08d5a38602b22165eaa8a8aa3a2e65ed95f2832486ccfa27e99fa617d7fbc7c6.svg);
}

.flag-icon-ht {
  background-image: url(/assets/fonts/flag-icon/ht-eb89935da6d391e56e2d069118c28bd42e09ee1f88312a16f3bf861334c14dfc.svg);
}
.flag-icon-ht.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ht-eb89935da6d391e56e2d069118c28bd42e09ee1f88312a16f3bf861334c14dfc.svg);
}

.flag-icon-hu {
  background-image: url(/assets/fonts/flag-icon/hu-6b68178676b5cd75042ce8a8251c51ce4e1b24de836c42b77928010484253cd6.svg);
}
.flag-icon-hu.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/hu-6b68178676b5cd75042ce8a8251c51ce4e1b24de836c42b77928010484253cd6.svg);
}

.flag-icon-id {
  background-image: url(/assets/fonts/flag-icon/id-33faee0eb25b35e1180c598dbd6b5f2c3b44fe8f517393a6a086adc09757a25e.svg);
}
.flag-icon-id.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/id-33faee0eb25b35e1180c598dbd6b5f2c3b44fe8f517393a6a086adc09757a25e.svg);
}

.flag-icon-ie {
  background-image: url(/assets/fonts/flag-icon/ie-b18d1284909274cd025ecf7de93dc370a08b6db693c8f94924ab696575582707.svg);
}
.flag-icon-ie.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ie-b18d1284909274cd025ecf7de93dc370a08b6db693c8f94924ab696575582707.svg);
}

.flag-icon-il {
  background-image: url(/assets/fonts/flag-icon/il-d86d6f14f43593e35c7ccceda316858cc1dccb74f2bef2eae0d5a7b669905d60.svg);
}
.flag-icon-il.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/il-d86d6f14f43593e35c7ccceda316858cc1dccb74f2bef2eae0d5a7b669905d60.svg);
}

.flag-icon-im {
  background-image: url(/assets/fonts/flag-icon/im-0d331922cb5a5eeb253eec9fca391f1c8c2696d53628755f3ac6764c2f4900da.svg);
}
.flag-icon-im.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/im-0d331922cb5a5eeb253eec9fca391f1c8c2696d53628755f3ac6764c2f4900da.svg);
}

.flag-icon-in {
  background-image: url(/assets/fonts/flag-icon/in-2dffa487f8ed5b4ce11f008a42f22b6185fd188da3f212d042058718b435a029.svg);
}
.flag-icon-in.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/in-2dffa487f8ed5b4ce11f008a42f22b6185fd188da3f212d042058718b435a029.svg);
}

.flag-icon-io {
  background-image: url(/assets/fonts/flag-icon/io-d749e986584f7999cf41f087b1373badab4b4fe6a94472843b34afbb472b4b24.svg);
}
.flag-icon-io.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/io-d749e986584f7999cf41f087b1373badab4b4fe6a94472843b34afbb472b4b24.svg);
}

.flag-icon-iq {
  background-image: url(/assets/fonts/flag-icon/iq-b9e643cb677d4fce22930b9dc0373a9e54eba4a1047ba041389e297ddc67f32a.svg);
}
.flag-icon-iq.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/iq-b9e643cb677d4fce22930b9dc0373a9e54eba4a1047ba041389e297ddc67f32a.svg);
}

.flag-icon-ir {
  background-image: url(/assets/fonts/flag-icon/ir-7546e3d1b86459fa8c59afe13ef7eb3ab0e39650f7f73455f15c720c70f4b6a5.svg);
}
.flag-icon-ir.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ir-7546e3d1b86459fa8c59afe13ef7eb3ab0e39650f7f73455f15c720c70f4b6a5.svg);
}

.flag-icon-is {
  background-image: url(/assets/fonts/flag-icon/is-bfc508ea2c270ed74bd4a4be239f1841644e53d170541417c1122bcd1935ec49.svg);
}
.flag-icon-is.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/is-bfc508ea2c270ed74bd4a4be239f1841644e53d170541417c1122bcd1935ec49.svg);
}

.flag-icon-it {
  background-image: url(/assets/fonts/flag-icon/it-318caf4dccf50adbae42e11f6a30119eccf139ef1f5bd65032f2f6c2cb340281.svg);
}
.flag-icon-it.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/it-318caf4dccf50adbae42e11f6a30119eccf139ef1f5bd65032f2f6c2cb340281.svg);
}

.flag-icon-je {
  background-image: url(/assets/fonts/flag-icon/je-f30061ff8cbd35db3bebea322495e6e7c580fff8ab55ceba9f955379ef08a398.svg);
}
.flag-icon-je.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/je-f30061ff8cbd35db3bebea322495e6e7c580fff8ab55ceba9f955379ef08a398.svg);
}

.flag-icon-jm {
  background-image: url(/assets/fonts/flag-icon/jm-966e4842a63dca17d7b48e9d7aef156a5b28e943e667910f3409f867faaa83e0.svg);
}
.flag-icon-jm.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/jm-966e4842a63dca17d7b48e9d7aef156a5b28e943e667910f3409f867faaa83e0.svg);
}

.flag-icon-jo {
  background-image: url(/assets/fonts/flag-icon/jo-a408adcc573177af5bb13781a21ab1ad5e12259009e297b5bf600d36e5e12a17.svg);
}
.flag-icon-jo.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/jo-a408adcc573177af5bb13781a21ab1ad5e12259009e297b5bf600d36e5e12a17.svg);
}

.flag-icon-jp {
  background-image: url(/assets/fonts/flag-icon/jp-b2daa3b18644c2d21b13509f611574406e1237d53e9c55349a4211c8b3bd418e.svg);
}
.flag-icon-jp.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/jp-b2daa3b18644c2d21b13509f611574406e1237d53e9c55349a4211c8b3bd418e.svg);
}

.flag-icon-ke {
  background-image: url(/assets/fonts/flag-icon/ke-f9799a6ede437203467edd7f74e0cfe82aa940bcea8130d1c217078789b8866e.svg);
}
.flag-icon-ke.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ke-f9799a6ede437203467edd7f74e0cfe82aa940bcea8130d1c217078789b8866e.svg);
}

.flag-icon-kg {
  background-image: url(/assets/fonts/flag-icon/kg-4eda3551ace31d99162f851e77c14477b7ffc162cc2dc80c8434a734d0f71a50.svg);
}
.flag-icon-kg.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/kg-4eda3551ace31d99162f851e77c14477b7ffc162cc2dc80c8434a734d0f71a50.svg);
}

.flag-icon-kh {
  background-image: url(/assets/fonts/flag-icon/kh-fbd3c3d2752af44cdee907ac0ff5d28dc2a154debed3d2dfbd1435f09e9df732.svg);
}
.flag-icon-kh.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/kh-fbd3c3d2752af44cdee907ac0ff5d28dc2a154debed3d2dfbd1435f09e9df732.svg);
}

.flag-icon-ki {
  background-image: url(/assets/fonts/flag-icon/ki-beaa111ee7f4b21306f8f79ffefd1e119f35821464e175717534e7b7bc277898.svg);
}
.flag-icon-ki.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ki-beaa111ee7f4b21306f8f79ffefd1e119f35821464e175717534e7b7bc277898.svg);
}

.flag-icon-km {
  background-image: url(/assets/fonts/flag-icon/km-f69f5fa7759e146773a1fc8d2f3ac6f7bc096958af9ce974b449c6cc50ee7308.svg);
}
.flag-icon-km.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/km-f69f5fa7759e146773a1fc8d2f3ac6f7bc096958af9ce974b449c6cc50ee7308.svg);
}

.flag-icon-kn {
  background-image: url(/assets/fonts/flag-icon/kn-b4290f3cc05ec3eff0a177aec72d010d114420ee4385c8dda91f296c30716394.svg);
}
.flag-icon-kn.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/kn-b4290f3cc05ec3eff0a177aec72d010d114420ee4385c8dda91f296c30716394.svg);
}

.flag-icon-kp {
  background-image: url(/assets/fonts/flag-icon/kp-93be60b2e8406d9847a5ad3b4c14448a214b3336a3a416ab988d5a519182b6a2.svg);
}
.flag-icon-kp.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/kp-93be60b2e8406d9847a5ad3b4c14448a214b3336a3a416ab988d5a519182b6a2.svg);
}

.flag-icon-kr {
  background-image: url(/assets/fonts/flag-icon/kr-29dc73b2d1e3959e3037e5acb6b515584444bd636e67926655063da77af3f72d.svg);
}
.flag-icon-kr.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/kr-29dc73b2d1e3959e3037e5acb6b515584444bd636e67926655063da77af3f72d.svg);
}

.flag-icon-kw {
  background-image: url(/assets/fonts/flag-icon/kw-d9be123dcc88cc4439eb9f6e6d68c4dab8ccffd47c02e059e8fb72150896a16c.svg);
}
.flag-icon-kw.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/kw-d9be123dcc88cc4439eb9f6e6d68c4dab8ccffd47c02e059e8fb72150896a16c.svg);
}

.flag-icon-ky {
  background-image: url(/assets/fonts/flag-icon/ky-432b518eb6d0f638cf342b2768a40c9fe165f347d66a987ac4547e29dc77304b.svg);
}
.flag-icon-ky.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ky-432b518eb6d0f638cf342b2768a40c9fe165f347d66a987ac4547e29dc77304b.svg);
}

.flag-icon-kz {
  background-image: url(/assets/fonts/flag-icon/kz-a3a581a84a97dea6f9dab7a00e6df375d27e299bebc5c7775f411e649ee65bf6.svg);
}
.flag-icon-kz.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/kz-a3a581a84a97dea6f9dab7a00e6df375d27e299bebc5c7775f411e649ee65bf6.svg);
}

.flag-icon-la {
  background-image: url(/assets/fonts/flag-icon/la-c7661436e95097318bdf94fafe021073991489ccb2f22c42a3fd26075a028943.svg);
}
.flag-icon-la.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/la-c7661436e95097318bdf94fafe021073991489ccb2f22c42a3fd26075a028943.svg);
}

.flag-icon-lb {
  background-image: url(/assets/fonts/flag-icon/lb-a1bf530e5f03624b93c1474f5931836c554e864ff776601e6407190f01dff6c8.svg);
}
.flag-icon-lb.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/lb-a1bf530e5f03624b93c1474f5931836c554e864ff776601e6407190f01dff6c8.svg);
}

.flag-icon-lc {
  background-image: url(/assets/fonts/flag-icon/lc-e4927ecc4cd4b643ceec9b235c0d6391f5bea9cb05073140e9a4af869e9c0735.svg);
}
.flag-icon-lc.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/lc-e4927ecc4cd4b643ceec9b235c0d6391f5bea9cb05073140e9a4af869e9c0735.svg);
}

.flag-icon-li {
  background-image: url(/assets/fonts/flag-icon/li-f7f1f3d214740e37cdc10a81e7cdb1afd4b2b5887dfb4810669f42b9e875c058.svg);
}
.flag-icon-li.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/li-f7f1f3d214740e37cdc10a81e7cdb1afd4b2b5887dfb4810669f42b9e875c058.svg);
}

.flag-icon-lk {
  background-image: url(/assets/fonts/flag-icon/lk-a39e443d3d9eb435e85c60895133e52fd882bb29744760fa715e5605951cfc86.svg);
}
.flag-icon-lk.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/lk-a39e443d3d9eb435e85c60895133e52fd882bb29744760fa715e5605951cfc86.svg);
}

.flag-icon-lr {
  background-image: url(/assets/fonts/flag-icon/lr-33e4234af696279cd4f4ddb4f465dae8e2142d34235253b8c940dec024c6ecb3.svg);
}
.flag-icon-lr.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/lr-33e4234af696279cd4f4ddb4f465dae8e2142d34235253b8c940dec024c6ecb3.svg);
}

.flag-icon-ls {
  background-image: url(/assets/fonts/flag-icon/ls-3cea7ff12dc2e0a99c290a506824a63c4b13cba2ab94be1893ccbf5c4301d077.svg);
}
.flag-icon-ls.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ls-3cea7ff12dc2e0a99c290a506824a63c4b13cba2ab94be1893ccbf5c4301d077.svg);
}

.flag-icon-lt {
  background-image: url(/assets/fonts/flag-icon/lt-831bed5f67a3fdd3456a3fb3fff0ed32e9e6b2aba9cdeade953a2416702da270.svg);
}
.flag-icon-lt.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/lt-831bed5f67a3fdd3456a3fb3fff0ed32e9e6b2aba9cdeade953a2416702da270.svg);
}

.flag-icon-lu {
  background-image: url(/assets/fonts/flag-icon/lu-4cd1c9898ca8fec1d7fcb464e3a82e5f32eb815a7aa6bd19f0fcbeef450aa7f5.svg);
}
.flag-icon-lu.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/lu-4cd1c9898ca8fec1d7fcb464e3a82e5f32eb815a7aa6bd19f0fcbeef450aa7f5.svg);
}

.flag-icon-lv {
  background-image: url(/assets/fonts/flag-icon/lv-b2ae08f168343108ffe55113ca7143fdb46173dd1793fb3b81da8046459eacce.svg);
}
.flag-icon-lv.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/lv-b2ae08f168343108ffe55113ca7143fdb46173dd1793fb3b81da8046459eacce.svg);
}

.flag-icon-ly {
  background-image: url(/assets/fonts/flag-icon/ly-1171ecfa0be9305c5f7abe94f5d07cd134873e9e92bb70bc5a933dcd4a80a83e.svg);
}
.flag-icon-ly.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ly-1171ecfa0be9305c5f7abe94f5d07cd134873e9e92bb70bc5a933dcd4a80a83e.svg);
}

.flag-icon-ma {
  background-image: url(/assets/fonts/flag-icon/ma-8a0a737bcd3f7d34568e7bcd069d75f73df60ac5ab192d706e1f6308920444cf.svg);
}
.flag-icon-ma.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ma-8a0a737bcd3f7d34568e7bcd069d75f73df60ac5ab192d706e1f6308920444cf.svg);
}

.flag-icon-mc {
  background-image: url(/assets/fonts/flag-icon/mc-6f24b1b6c812466c45fae280457df2fb84a90911ed57344b0a472aa7b8a2e39e.svg);
}
.flag-icon-mc.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/mc-6f24b1b6c812466c45fae280457df2fb84a90911ed57344b0a472aa7b8a2e39e.svg);
}

.flag-icon-md {
  background-image: url(/assets/fonts/flag-icon/md-04ef369e67f5b6aebdc983121810986d58a30c5466782297f5c959cae659e1be.svg);
}
.flag-icon-md.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/md-04ef369e67f5b6aebdc983121810986d58a30c5466782297f5c959cae659e1be.svg);
}

.flag-icon-me {
  background-image: url(/assets/fonts/flag-icon/me-abb9f5d12550fb65f71bfcff17b876b4f7977e0d04dbd9f1412b9b48292fa2ef.svg);
}
.flag-icon-me.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/me-abb9f5d12550fb65f71bfcff17b876b4f7977e0d04dbd9f1412b9b48292fa2ef.svg);
}

.flag-icon-mf {
  background-image: url(/assets/fonts/flag-icon/mf-ddbb6b4d9c2f372229ce523cfccdc3c2844f525de48660a1c31bbc24b4ce62ab.svg);
}
.flag-icon-mf.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/mf-ddbb6b4d9c2f372229ce523cfccdc3c2844f525de48660a1c31bbc24b4ce62ab.svg);
}

.flag-icon-mg {
  background-image: url(/assets/fonts/flag-icon/mg-955e63df4504c4a0352bca2d89f0dc5d2604220d21d4d855ef89a5711574be35.svg);
}
.flag-icon-mg.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/mg-955e63df4504c4a0352bca2d89f0dc5d2604220d21d4d855ef89a5711574be35.svg);
}

.flag-icon-mh {
  background-image: url(/assets/fonts/flag-icon/mh-15c8880402f2936f85051bc9c8102e2d8e2750062c484c7fb8b3ced246471a8d.svg);
}
.flag-icon-mh.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/mh-15c8880402f2936f85051bc9c8102e2d8e2750062c484c7fb8b3ced246471a8d.svg);
}

.flag-icon-mk {
  background-image: url(/assets/fonts/flag-icon/mk-31ec71f1ef8810e8b5d2603a98d12d2a387c1aa9ca143dca866e3893d7f6e83f.svg);
}
.flag-icon-mk.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/mk-31ec71f1ef8810e8b5d2603a98d12d2a387c1aa9ca143dca866e3893d7f6e83f.svg);
}

.flag-icon-ml {
  background-image: url(/assets/fonts/flag-icon/ml-ef96c215f1e91781ce0c8d23a7bb7eda56a8ce13324b2c359c2586c013072887.svg);
}
.flag-icon-ml.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ml-ef96c215f1e91781ce0c8d23a7bb7eda56a8ce13324b2c359c2586c013072887.svg);
}

.flag-icon-mm {
  background-image: url(/assets/fonts/flag-icon/mm-bb8d92508416fa01952da7861a7a1ad42d1813ecd8488920b4fb7f29bc813d78.svg);
}
.flag-icon-mm.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/mm-bb8d92508416fa01952da7861a7a1ad42d1813ecd8488920b4fb7f29bc813d78.svg);
}

.flag-icon-mn {
  background-image: url(/assets/fonts/flag-icon/mn-af93f1c97b092e7205f13ae42dd3f65bc0492f7fbcd02615b0adbabf91e903ce.svg);
}
.flag-icon-mn.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/mn-af93f1c97b092e7205f13ae42dd3f65bc0492f7fbcd02615b0adbabf91e903ce.svg);
}

.flag-icon-mo {
  background-image: url(/assets/fonts/flag-icon/mo-8c7b9912c7cc5ef0fe116b9155cc0747fd6fa2d22c72cbf68f843e58e15784d2.svg);
}
.flag-icon-mo.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/mo-8c7b9912c7cc5ef0fe116b9155cc0747fd6fa2d22c72cbf68f843e58e15784d2.svg);
}

.flag-icon-mp {
  background-image: url(/assets/fonts/flag-icon/mp-da012702e701f32e1ae547180591f1e965c5bdb2a38de91ad36163e69e154915.svg);
}
.flag-icon-mp.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/mp-da012702e701f32e1ae547180591f1e965c5bdb2a38de91ad36163e69e154915.svg);
}

.flag-icon-mq {
  background-image: url(/assets/fonts/flag-icon/mq-07e90436f0230143939ab8b488656051d72c69622f2d592dc516707667f1906f.svg);
}
.flag-icon-mq.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/mq-07e90436f0230143939ab8b488656051d72c69622f2d592dc516707667f1906f.svg);
}

.flag-icon-mr {
  background-image: url(/assets/fonts/flag-icon/mr-d808d9913736202b9ecb0f96a500dafe703815489a1cb26086181769b795823b.svg);
}
.flag-icon-mr.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/mr-d808d9913736202b9ecb0f96a500dafe703815489a1cb26086181769b795823b.svg);
}

.flag-icon-ms {
  background-image: url(/assets/fonts/flag-icon/ms-d4fe408fcfc4ce2b9e5d6f6de0ac80022abb6f120f2eb2419985b6d3b60f4687.svg);
}
.flag-icon-ms.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ms-d4fe408fcfc4ce2b9e5d6f6de0ac80022abb6f120f2eb2419985b6d3b60f4687.svg);
}

.flag-icon-mt {
  background-image: url(/assets/fonts/flag-icon/mt-0e103c228e89d7b1e709fdecc8d625e9de33ddfa871590a6325dc710640f392c.svg);
}
.flag-icon-mt.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/mt-0e103c228e89d7b1e709fdecc8d625e9de33ddfa871590a6325dc710640f392c.svg);
}

.flag-icon-mu {
  background-image: url(/assets/fonts/flag-icon/mu-cab1f2d447b10db341da10db240c80836880386a591221e08ed2e1c7e71bfe6d.svg);
}
.flag-icon-mu.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/mu-cab1f2d447b10db341da10db240c80836880386a591221e08ed2e1c7e71bfe6d.svg);
}

.flag-icon-mv {
  background-image: url(/assets/fonts/flag-icon/mv-b207b3ea14a86d7825a7a15b4d4ed0f866127968c58f818da9774f8eb49263ee.svg);
}
.flag-icon-mv.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/mv-b207b3ea14a86d7825a7a15b4d4ed0f866127968c58f818da9774f8eb49263ee.svg);
}

.flag-icon-mw {
  background-image: url(/assets/fonts/flag-icon/mw-efb6fbd8e48a88280c1cf8094d84188d8924f74b754e346a654d986f1ae77ff1.svg);
}
.flag-icon-mw.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/mw-efb6fbd8e48a88280c1cf8094d84188d8924f74b754e346a654d986f1ae77ff1.svg);
}

.flag-icon-mx {
  background-image: url(/assets/fonts/flag-icon/mx-b57e61646a6fbd653d46c8435cd1f9ef37dc73bffef376e1c97ef076e11316ee.svg);
}
.flag-icon-mx.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/mx-b57e61646a6fbd653d46c8435cd1f9ef37dc73bffef376e1c97ef076e11316ee.svg);
}

.flag-icon-my {
  background-image: url(/assets/fonts/flag-icon/my-a4622e6b5571d34975cf13081df5d96541563cf5f43f7d10c8ad6f1f727690ea.svg);
}
.flag-icon-my.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/my-a4622e6b5571d34975cf13081df5d96541563cf5f43f7d10c8ad6f1f727690ea.svg);
}

.flag-icon-mz {
  background-image: url(/assets/fonts/flag-icon/mz-f8b95175fe1d3231118f2d9f4169eca4552c83c8ce975e02a08f2395519539f1.svg);
}
.flag-icon-mz.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/mz-f8b95175fe1d3231118f2d9f4169eca4552c83c8ce975e02a08f2395519539f1.svg);
}

.flag-icon-na {
  background-image: url(/assets/fonts/flag-icon/na-1f9191b1b6adb8807492dccbd86190d576fc6f8ccc1a47cb1504399521ddcd32.svg);
}
.flag-icon-na.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/na-1f9191b1b6adb8807492dccbd86190d576fc6f8ccc1a47cb1504399521ddcd32.svg);
}

.flag-icon-nc {
  background-image: url(/assets/fonts/flag-icon/nc-bf132696045d68186a3ca98704bde293355ec787be96c55a7c123e0b7cee08cc.svg);
}
.flag-icon-nc.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/nc-bf132696045d68186a3ca98704bde293355ec787be96c55a7c123e0b7cee08cc.svg);
}

.flag-icon-ne {
  background-image: url(/assets/fonts/flag-icon/ne-ad3ece635279e5173751985fb85e16ec2156554c04ed3f2ee4fb9b9b14892e70.svg);
}
.flag-icon-ne.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ne-ad3ece635279e5173751985fb85e16ec2156554c04ed3f2ee4fb9b9b14892e70.svg);
}

.flag-icon-nf {
  background-image: url(/assets/fonts/flag-icon/nf-06e0a330567c73cb7eb154c708bb37f12110619b5d3071de2a07d9ea4e9d5891.svg);
}
.flag-icon-nf.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/nf-06e0a330567c73cb7eb154c708bb37f12110619b5d3071de2a07d9ea4e9d5891.svg);
}

.flag-icon-ng {
  background-image: url(/assets/fonts/flag-icon/ng-aa813d15bcfcd73e7a615f7d0cc9af02c68477fab11098520c21ee36cb509d88.svg);
}
.flag-icon-ng.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ng-aa813d15bcfcd73e7a615f7d0cc9af02c68477fab11098520c21ee36cb509d88.svg);
}

.flag-icon-ni {
  background-image: url(/assets/fonts/flag-icon/ni-fc0fe3b298805c532560950680060de331e29997adfc9027a5db5c09bcf2b526.svg);
}
.flag-icon-ni.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ni-fc0fe3b298805c532560950680060de331e29997adfc9027a5db5c09bcf2b526.svg);
}

.flag-icon-nl {
  background-image: url(/assets/fonts/flag-icon/nl-a6a1e307e9fb2e0804373b37f6462a4e40f4a6a852a0eb4415f23235afceae57.svg);
}
.flag-icon-nl.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/nl-a6a1e307e9fb2e0804373b37f6462a4e40f4a6a852a0eb4415f23235afceae57.svg);
}

.flag-icon-no {
  background-image: url(/assets/fonts/flag-icon/no-a0e24ca3688d5da0b323a7434b74b4327ce4f59148c1d9dacbf319801fca2733.svg);
}
.flag-icon-no.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/no-a0e24ca3688d5da0b323a7434b74b4327ce4f59148c1d9dacbf319801fca2733.svg);
}

.flag-icon-np {
  background-image: url(/assets/fonts/flag-icon/np-e23ddf688546ef55e15b92d37de1a9aeeece846a695e41e588c75c6006a40ca5.svg);
}
.flag-icon-np.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/np-e23ddf688546ef55e15b92d37de1a9aeeece846a695e41e588c75c6006a40ca5.svg);
}

.flag-icon-nr {
  background-image: url(/assets/fonts/flag-icon/nr-3e79f32f6c2357dc81a3e826651bf56331313400395b2b70230b33f7c1f0a866.svg);
}
.flag-icon-nr.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/nr-3e79f32f6c2357dc81a3e826651bf56331313400395b2b70230b33f7c1f0a866.svg);
}

.flag-icon-nu {
  background-image: url(/assets/fonts/flag-icon/nu-f972dd1a6248de69e7750c180d7a3f7e8c35300e2fe039b6b5ecd386ce4d358f.svg);
}
.flag-icon-nu.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/nu-f972dd1a6248de69e7750c180d7a3f7e8c35300e2fe039b6b5ecd386ce4d358f.svg);
}

.flag-icon-nz {
  background-image: url(/assets/fonts/flag-icon/nz-205d43132d8046411858a12b89ebad859a7343c78158e7d0c5fc59a05bb989c9.svg);
}
.flag-icon-nz.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/nz-205d43132d8046411858a12b89ebad859a7343c78158e7d0c5fc59a05bb989c9.svg);
}

.flag-icon-om {
  background-image: url(/assets/fonts/flag-icon/om-c2cd55edca16616d0427731764a5eefe7655a7ae560fc4521d6282c80198c189.svg);
}
.flag-icon-om.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/om-c2cd55edca16616d0427731764a5eefe7655a7ae560fc4521d6282c80198c189.svg);
}

.flag-icon-pa {
  background-image: url(/assets/fonts/flag-icon/pa-f596a2626c912aa3677c3056f1eb116901da6ef2bb5b4f8fc941570f58f0b374.svg);
}
.flag-icon-pa.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/pa-f596a2626c912aa3677c3056f1eb116901da6ef2bb5b4f8fc941570f58f0b374.svg);
}

.flag-icon-pe {
  background-image: url(/assets/fonts/flag-icon/pe-7f47829c1c4350163e05b2f54f764f3df73c4601a73494442b5eb54cc6f3b44d.svg);
}
.flag-icon-pe.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/pe-7f47829c1c4350163e05b2f54f764f3df73c4601a73494442b5eb54cc6f3b44d.svg);
}

.flag-icon-pf {
  background-image: url(/assets/fonts/flag-icon/pf-5e82cf595537eab16d6acb9a64c30b0df51d80598835e5564bd40bf324d65a11.svg);
}
.flag-icon-pf.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/pf-5e82cf595537eab16d6acb9a64c30b0df51d80598835e5564bd40bf324d65a11.svg);
}

.flag-icon-pg {
  background-image: url(/assets/fonts/flag-icon/pg-f1ec1b8c2281f4979b5f36f573884ead87951f91058fc15336da249631d80304.svg);
}
.flag-icon-pg.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/pg-f1ec1b8c2281f4979b5f36f573884ead87951f91058fc15336da249631d80304.svg);
}

.flag-icon-ph {
  background-image: url(/assets/fonts/flag-icon/ph-7dfb3ab0f94cf9e04c17e07d46ab51bbf202c394a022e8ce205b0f080d7a0228.svg);
}
.flag-icon-ph.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ph-7dfb3ab0f94cf9e04c17e07d46ab51bbf202c394a022e8ce205b0f080d7a0228.svg);
}

.flag-icon-pk {
  background-image: url(/assets/fonts/flag-icon/pk-fb214abec8a2d999143a2b67cdf03bdb56586a2fee4cf896559089fc045d632b.svg);
}
.flag-icon-pk.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/pk-fb214abec8a2d999143a2b67cdf03bdb56586a2fee4cf896559089fc045d632b.svg);
}

.flag-icon-pl {
  background-image: url(/assets/fonts/flag-icon/pl-390777b962468dd958dc6b0e7566da48381a86f345619c1c50e2097729136d36.svg);
}
.flag-icon-pl.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/pl-390777b962468dd958dc6b0e7566da48381a86f345619c1c50e2097729136d36.svg);
}

.flag-icon-pm {
  background-image: url(/assets/fonts/flag-icon/pm-997cfad856516c1aae01cc71ae1c6260a61cee79d620dd624c324c43160a2b2f.svg);
}
.flag-icon-pm.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/pm-997cfad856516c1aae01cc71ae1c6260a61cee79d620dd624c324c43160a2b2f.svg);
}

.flag-icon-pn {
  background-image: url(/assets/fonts/flag-icon/pn-f064f0fdb28a60dc87cb05a29bfbc1f58c9b4bca9375da63946bc31e765270a2.svg);
}
.flag-icon-pn.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/pn-f064f0fdb28a60dc87cb05a29bfbc1f58c9b4bca9375da63946bc31e765270a2.svg);
}

.flag-icon-pr {
  background-image: url(/assets/fonts/flag-icon/pr-fceef9ee77c82777718b12b7d9048ac36cee0301c58be38e4e1f78d4c1508ad9.svg);
}
.flag-icon-pr.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/pr-fceef9ee77c82777718b12b7d9048ac36cee0301c58be38e4e1f78d4c1508ad9.svg);
}

.flag-icon-ps {
  background-image: url(/assets/fonts/flag-icon/ps-7172b98073b95468bfb7ae53e3d14150283e27293bb86f1220b8ba900a665aa2.svg);
}
.flag-icon-ps.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ps-7172b98073b95468bfb7ae53e3d14150283e27293bb86f1220b8ba900a665aa2.svg);
}

.flag-icon-pt {
  background-image: url(/assets/fonts/flag-icon/pt-cc75933f61700d807322c55cae3739df463c7a5c582b45983a36a48a391dde4d.svg);
}
.flag-icon-pt.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/pt-cc75933f61700d807322c55cae3739df463c7a5c582b45983a36a48a391dde4d.svg);
}

.flag-icon-pw {
  background-image: url(/assets/fonts/flag-icon/pw-64d1a44e7207e1ebae8e0a90b1f5c3c14378ef18546d032195134db20b19dfe8.svg);
}
.flag-icon-pw.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/pw-64d1a44e7207e1ebae8e0a90b1f5c3c14378ef18546d032195134db20b19dfe8.svg);
}

.flag-icon-py {
  background-image: url(/assets/fonts/flag-icon/py-8406e5731ef73aee961305642c164ac01dbc556baedfed4efed975f19bf9d23f.svg);
}
.flag-icon-py.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/py-8406e5731ef73aee961305642c164ac01dbc556baedfed4efed975f19bf9d23f.svg);
}

.flag-icon-qa {
  background-image: url(/assets/fonts/flag-icon/qa-5fb752b0c4f59822b9f72cf703104bb4e6f5c9542acc4521e83141e7912d137c.svg);
}
.flag-icon-qa.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/qa-5fb752b0c4f59822b9f72cf703104bb4e6f5c9542acc4521e83141e7912d137c.svg);
}

.flag-icon-re {
  background-image: url(/assets/fonts/flag-icon/re-1f4b55df647e7b6a2470e926cd9e2d1868118ca06c39dca3ff5126e65abe6956.svg);
}
.flag-icon-re.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/re-1f4b55df647e7b6a2470e926cd9e2d1868118ca06c39dca3ff5126e65abe6956.svg);
}

.flag-icon-ro {
  background-image: url(/assets/fonts/flag-icon/ro-5148c74d92294252a9d494292d3a484690b861d8005f0c165a0c4d06af0101b4.svg);
}
.flag-icon-ro.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ro-5148c74d92294252a9d494292d3a484690b861d8005f0c165a0c4d06af0101b4.svg);
}

.flag-icon-rs {
  background-image: url(/assets/fonts/flag-icon/rs-3e86913eec8869d79e528ef7cec472dcb8fce3422a9ee2ceef4c18269c460942.svg);
}
.flag-icon-rs.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/rs-3e86913eec8869d79e528ef7cec472dcb8fce3422a9ee2ceef4c18269c460942.svg);
}

.flag-icon-ru {
  background-image: url(/assets/fonts/flag-icon/ru-93d79e1360eaaa0873555f483f822e4467363b1bda1f2ee865caa3b939c4f1da.svg);
}
.flag-icon-ru.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ru-93d79e1360eaaa0873555f483f822e4467363b1bda1f2ee865caa3b939c4f1da.svg);
}

.flag-icon-rw {
  background-image: url(/assets/fonts/flag-icon/rw-1df3ba32e6da49f17e11b54120ec076c6f3dc429eb3efe7b0ef46a2c96465bb9.svg);
}
.flag-icon-rw.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/rw-1df3ba32e6da49f17e11b54120ec076c6f3dc429eb3efe7b0ef46a2c96465bb9.svg);
}

.flag-icon-sa {
  background-image: url(/assets/fonts/flag-icon/sa-65502a1cc7b45767c5c983d6324508d9317aa092fce4aa2b07ba11562316d83e.svg);
}
.flag-icon-sa.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/sa-65502a1cc7b45767c5c983d6324508d9317aa092fce4aa2b07ba11562316d83e.svg);
}

.flag-icon-sb {
  background-image: url(/assets/fonts/flag-icon/sb-d73cb3b141feafba539a3b5888446e8fa616017874a28c8a86871b45d8a6aae8.svg);
}
.flag-icon-sb.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/sb-d73cb3b141feafba539a3b5888446e8fa616017874a28c8a86871b45d8a6aae8.svg);
}

.flag-icon-sc {
  background-image: url(/assets/fonts/flag-icon/sc-d467c1556dc40bb632896f0612af6f3891cb5577cfd6b3214e016e9f6a57a860.svg);
}
.flag-icon-sc.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/sc-d467c1556dc40bb632896f0612af6f3891cb5577cfd6b3214e016e9f6a57a860.svg);
}

.flag-icon-sd {
  background-image: url(/assets/fonts/flag-icon/sd-3f5f14790760fd6c9d867ae19deb895a747f82c38f2e57b523e503465c8c23cf.svg);
}
.flag-icon-sd.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/sd-3f5f14790760fd6c9d867ae19deb895a747f82c38f2e57b523e503465c8c23cf.svg);
}

.flag-icon-se {
  background-image: url(/assets/fonts/flag-icon/se-2cb597620779ce682e6706c0fc8bdc9e3d492d46bc9c1ef54025382634d5fec1.svg);
}
.flag-icon-se.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/se-2cb597620779ce682e6706c0fc8bdc9e3d492d46bc9c1ef54025382634d5fec1.svg);
}

.flag-icon-sg {
  background-image: url(/assets/fonts/flag-icon/sg-76bd87409e86e9361024c81af12cfa6d377b5e43ab4d80366b7fb9a7bf9af441.svg);
}
.flag-icon-sg.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/sg-76bd87409e86e9361024c81af12cfa6d377b5e43ab4d80366b7fb9a7bf9af441.svg);
}

.flag-icon-sh {
  background-image: url(/assets/fonts/flag-icon/sh-403659faeb0b6168b066ec32b7d89f68aeca138329e33f9ad66392bde88ceca5.svg);
}
.flag-icon-sh.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/sh-403659faeb0b6168b066ec32b7d89f68aeca138329e33f9ad66392bde88ceca5.svg);
}

.flag-icon-si {
  background-image: url(/assets/fonts/flag-icon/si-24847cf6363100c5bc7136e0fc3bad7bcd87d63cf14acaa646da8fef7d911fbf.svg);
}
.flag-icon-si.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/si-24847cf6363100c5bc7136e0fc3bad7bcd87d63cf14acaa646da8fef7d911fbf.svg);
}

.flag-icon-sj {
  background-image: url(/assets/fonts/flag-icon/sj-5f135ee86c643e86586ec4f5c0d3da43df2eeadc0ded703fd2d2685888d56661.svg);
}
.flag-icon-sj.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/sj-5f135ee86c643e86586ec4f5c0d3da43df2eeadc0ded703fd2d2685888d56661.svg);
}

.flag-icon-sk {
  background-image: url(/assets/fonts/flag-icon/sk-63897df989c75cdc3c9ab603488f9fcb4bad012af3ef74d510f629a940ce028c.svg);
}
.flag-icon-sk.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/sk-63897df989c75cdc3c9ab603488f9fcb4bad012af3ef74d510f629a940ce028c.svg);
}

.flag-icon-sl {
  background-image: url(/assets/fonts/flag-icon/sl-2736e065fef0800c1e22c070c5f532f100e89c97b21ebf7421179443c59fa07c.svg);
}
.flag-icon-sl.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/sl-2736e065fef0800c1e22c070c5f532f100e89c97b21ebf7421179443c59fa07c.svg);
}

.flag-icon-sm {
  background-image: url(/assets/fonts/flag-icon/sm-168733347207a4078b936184325e3d201e1d4dc9c9350549295353e8480a386b.svg);
}
.flag-icon-sm.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/sm-168733347207a4078b936184325e3d201e1d4dc9c9350549295353e8480a386b.svg);
}

.flag-icon-sn {
  background-image: url(/assets/fonts/flag-icon/sn-e4f9bca44266b2dbc87dd516eafaf18c47f856d5371ba3b7318826e537de20e9.svg);
}
.flag-icon-sn.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/sn-e4f9bca44266b2dbc87dd516eafaf18c47f856d5371ba3b7318826e537de20e9.svg);
}

.flag-icon-so {
  background-image: url(/assets/fonts/flag-icon/so-86003b728ed5950eba518e47be7e831aabb0637caab391511de246afb37da053.svg);
}
.flag-icon-so.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/so-86003b728ed5950eba518e47be7e831aabb0637caab391511de246afb37da053.svg);
}

.flag-icon-sr {
  background-image: url(/assets/fonts/flag-icon/sr-8c1b076a8e1e86e8c2902c6ab9336d7d91ea3fde12db4e9cd67be24af1e23977.svg);
}
.flag-icon-sr.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/sr-8c1b076a8e1e86e8c2902c6ab9336d7d91ea3fde12db4e9cd67be24af1e23977.svg);
}

.flag-icon-ss {
  background-image: url(/assets/fonts/flag-icon/ss-5154fd455157a6370fecf296ae59cb000855d58528552ffd574006c3b1925484.svg);
}
.flag-icon-ss.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ss-5154fd455157a6370fecf296ae59cb000855d58528552ffd574006c3b1925484.svg);
}

.flag-icon-st {
  background-image: url(/assets/fonts/flag-icon/st-7fcb535ec1142ec0f1e99cdbaa5a30f40412c819a5885df8a476eae674105b8e.svg);
}
.flag-icon-st.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/st-7fcb535ec1142ec0f1e99cdbaa5a30f40412c819a5885df8a476eae674105b8e.svg);
}

.flag-icon-sv {
  background-image: url(/assets/fonts/flag-icon/sv-c92ffe02533a5a4803770434ba5cc874f0c50d9aac7803c62aba42cdcf71e8dc.svg);
}
.flag-icon-sv.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/sv-c92ffe02533a5a4803770434ba5cc874f0c50d9aac7803c62aba42cdcf71e8dc.svg);
}

.flag-icon-sx {
  background-image: url(/assets/fonts/flag-icon/sx-651874fd467800fcee760706b54bdc7b752eb0fe4ee138a89cdd3422212a5be7.svg);
}
.flag-icon-sx.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/sx-651874fd467800fcee760706b54bdc7b752eb0fe4ee138a89cdd3422212a5be7.svg);
}

.flag-icon-sy {
  background-image: url(/assets/fonts/flag-icon/sy-eac6a9ff809e5de6c9b35c7609dca1c3f00a20165932e67a820dd46a96853700.svg);
}
.flag-icon-sy.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/sy-eac6a9ff809e5de6c9b35c7609dca1c3f00a20165932e67a820dd46a96853700.svg);
}

.flag-icon-sz {
  background-image: url(/assets/fonts/flag-icon/sz-8675d1869d24b3fb96685aa38391638b6a105b7a0b11b1f890ae0fe957968ca1.svg);
}
.flag-icon-sz.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/sz-8675d1869d24b3fb96685aa38391638b6a105b7a0b11b1f890ae0fe957968ca1.svg);
}

.flag-icon-tc {
  background-image: url(/assets/fonts/flag-icon/tc-913bc3c19ac0388422b0d6f1215dbba8fdb6e05f0ea4212cf92a6889e4af3b2a.svg);
}
.flag-icon-tc.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/tc-913bc3c19ac0388422b0d6f1215dbba8fdb6e05f0ea4212cf92a6889e4af3b2a.svg);
}

.flag-icon-td {
  background-image: url(/assets/fonts/flag-icon/td-4665d14558cc67d55f91a55a2942c2b083678809f696bea73579c4f25b8beb22.svg);
}
.flag-icon-td.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/td-4665d14558cc67d55f91a55a2942c2b083678809f696bea73579c4f25b8beb22.svg);
}

.flag-icon-tf {
  background-image: url(/assets/fonts/flag-icon/tf-4acb86da49a10ab487e70b1f718e1e003b9a13fca761a2ca963d9eca0bd6d666.svg);
}
.flag-icon-tf.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/tf-4acb86da49a10ab487e70b1f718e1e003b9a13fca761a2ca963d9eca0bd6d666.svg);
}

.flag-icon-tg {
  background-image: url(/assets/fonts/flag-icon/tg-0e1bd94c99c7e851e3290c70c339d6296dcd44321c889cd870ab6b8acb2fd3d0.svg);
}
.flag-icon-tg.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/tg-0e1bd94c99c7e851e3290c70c339d6296dcd44321c889cd870ab6b8acb2fd3d0.svg);
}

.flag-icon-th {
  background-image: url(/assets/fonts/flag-icon/th-22c0937030c3fc5e9ff3d41c8ce881846fdc7cff77a8588a265610ecdaf8cc80.svg);
}
.flag-icon-th.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/th-22c0937030c3fc5e9ff3d41c8ce881846fdc7cff77a8588a265610ecdaf8cc80.svg);
}

.flag-icon-tj {
  background-image: url(/assets/fonts/flag-icon/tj-aca6d47576fc00cb81333dcbeef61ece72866c6cbb272bc69df644361984cdec.svg);
}
.flag-icon-tj.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/tj-aca6d47576fc00cb81333dcbeef61ece72866c6cbb272bc69df644361984cdec.svg);
}

.flag-icon-tk {
  background-image: url(/assets/fonts/flag-icon/tk-8d1fb8abaaee094af7fcb371c9266a72b912d259c042ab5cd11202b1d88b61e7.svg);
}
.flag-icon-tk.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/tk-8d1fb8abaaee094af7fcb371c9266a72b912d259c042ab5cd11202b1d88b61e7.svg);
}

.flag-icon-tl {
  background-image: url(/assets/fonts/flag-icon/tl-dfdfeac9422aa0d81c864df0f15516e1ae6848e7cf4153293b080613b6358135.svg);
}
.flag-icon-tl.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/tl-dfdfeac9422aa0d81c864df0f15516e1ae6848e7cf4153293b080613b6358135.svg);
}

.flag-icon-tm {
  background-image: url(/assets/fonts/flag-icon/tm-1d2a8c133bcd303b860ad5c5dfa770fe078fb0a07f5cc1207c0406073250658b.svg);
}
.flag-icon-tm.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/tm-1d2a8c133bcd303b860ad5c5dfa770fe078fb0a07f5cc1207c0406073250658b.svg);
}

.flag-icon-tn {
  background-image: url(/assets/fonts/flag-icon/tn-cbd0d4cacfda1b27a208b152d6f993f5ae5022d0a1b43c9b15b4062edac14ad1.svg);
}
.flag-icon-tn.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/tn-cbd0d4cacfda1b27a208b152d6f993f5ae5022d0a1b43c9b15b4062edac14ad1.svg);
}

.flag-icon-to {
  background-image: url(/assets/fonts/flag-icon/to-d033b1a12f9b61b86d86cb054c26a989c3ca08c3f84dfa80638835812922c6d7.svg);
}
.flag-icon-to.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/to-d033b1a12f9b61b86d86cb054c26a989c3ca08c3f84dfa80638835812922c6d7.svg);
}

.flag-icon-tr {
  background-image: url(/assets/fonts/flag-icon/tr-95b1ee592012162f2a8769de9f9574d013b09a08785b3794bceaf408bc233630.svg);
}
.flag-icon-tr.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/tr-95b1ee592012162f2a8769de9f9574d013b09a08785b3794bceaf408bc233630.svg);
}

.flag-icon-tt {
  background-image: url(/assets/fonts/flag-icon/tt-55552b82313dbc3f32067d80c13320292656530cfd1d102f7ff091d322bacf68.svg);
}
.flag-icon-tt.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/tt-55552b82313dbc3f32067d80c13320292656530cfd1d102f7ff091d322bacf68.svg);
}

.flag-icon-tv {
  background-image: url(/assets/fonts/flag-icon/tv-e449e985e18ee8e532cff17519baf10c9546cd8c0b856ff1f2f7f0cb9b4b812d.svg);
}
.flag-icon-tv.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/tv-e449e985e18ee8e532cff17519baf10c9546cd8c0b856ff1f2f7f0cb9b4b812d.svg);
}

.flag-icon-tw {
  background-image: url(/assets/fonts/flag-icon/tw-b962394a2173f4f17a128814bfa271167955228c256b5ee0c2ab8380f18fe6a5.svg);
}
.flag-icon-tw.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/tw-b962394a2173f4f17a128814bfa271167955228c256b5ee0c2ab8380f18fe6a5.svg);
}

.flag-icon-tz {
  background-image: url(/assets/fonts/flag-icon/tz-c38d2e34518321baa50553c50de6e8d482552f4a03dab48e8067d11b18365d13.svg);
}
.flag-icon-tz.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/tz-c38d2e34518321baa50553c50de6e8d482552f4a03dab48e8067d11b18365d13.svg);
}

.flag-icon-ua {
  background-image: url(/assets/fonts/flag-icon/ua-439b7f272cd823a1706f1aeef43657e7031aa95bfb908f2beaacd809bc50b80b.svg);
}
.flag-icon-ua.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ua-439b7f272cd823a1706f1aeef43657e7031aa95bfb908f2beaacd809bc50b80b.svg);
}

.flag-icon-ug {
  background-image: url(/assets/fonts/flag-icon/ug-762f923913b74c5cfec33769aba615cac78ba0512842022b869db7c8c7d80ea8.svg);
}
.flag-icon-ug.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ug-762f923913b74c5cfec33769aba615cac78ba0512842022b869db7c8c7d80ea8.svg);
}

.flag-icon-um {
  background-image: url(/assets/fonts/flag-icon/um-be8f9f454ca197ac02a6cfcfcf69b0679704d4ff8ced3d710cc8230b5e7d51af.svg);
}
.flag-icon-um.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/um-be8f9f454ca197ac02a6cfcfcf69b0679704d4ff8ced3d710cc8230b5e7d51af.svg);
}

.flag-icon-us {
  background-image: url(/assets/fonts/flag-icon/us-8dd5f0fe313d2dd8b4edca209d5cb4be8cbe46e1ad80b2f7aaa01c6aece453bf.svg);
}
.flag-icon-us.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/us-8dd5f0fe313d2dd8b4edca209d5cb4be8cbe46e1ad80b2f7aaa01c6aece453bf.svg);
}

.flag-icon-uy {
  background-image: url(/assets/fonts/flag-icon/uy-ccbf75b6e466108ad5d15798dcad385a7063b8d095995ac0599fd9c2ba58e9e1.svg);
}
.flag-icon-uy.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/uy-ccbf75b6e466108ad5d15798dcad385a7063b8d095995ac0599fd9c2ba58e9e1.svg);
}

.flag-icon-uz {
  background-image: url(/assets/fonts/flag-icon/uz-bd7ded4c6ded76ad574a8017e179ed14a50c1703e681cfb8302ebec0c0281aa3.svg);
}
.flag-icon-uz.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/uz-bd7ded4c6ded76ad574a8017e179ed14a50c1703e681cfb8302ebec0c0281aa3.svg);
}

.flag-icon-va {
  background-image: url(/assets/fonts/flag-icon/va-ab939aef717e91a30303d4649232fbda077ab9fc32d40899f1372179f00349a4.svg);
}
.flag-icon-va.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/va-ab939aef717e91a30303d4649232fbda077ab9fc32d40899f1372179f00349a4.svg);
}

.flag-icon-vc {
  background-image: url(/assets/fonts/flag-icon/vc-3fc53253d22b0406a83dc29afa5c25662bd459897cff8ff1261f7cce2a399307.svg);
}
.flag-icon-vc.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/vc-3fc53253d22b0406a83dc29afa5c25662bd459897cff8ff1261f7cce2a399307.svg);
}

.flag-icon-ve {
  background-image: url(/assets/fonts/flag-icon/ve-cc45516d0802bfef8d0f79dfd2994d52f3ec7bcbf73276df628dc1c4ed83516f.svg);
}
.flag-icon-ve.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ve-cc45516d0802bfef8d0f79dfd2994d52f3ec7bcbf73276df628dc1c4ed83516f.svg);
}

.flag-icon-vg {
  background-image: url(/assets/fonts/flag-icon/vg-1adce21fe81774ac15c48d598d34eb4d9bbbcf4538f81fb8be530cf5f4c0b577.svg);
}
.flag-icon-vg.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/vg-1adce21fe81774ac15c48d598d34eb4d9bbbcf4538f81fb8be530cf5f4c0b577.svg);
}

.flag-icon-vi {
  background-image: url(/assets/fonts/flag-icon/vi-8b1d60a0557f79d4912943b621ccd5881f15892580968596db80f4e07f5380b0.svg);
}
.flag-icon-vi.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/vi-8b1d60a0557f79d4912943b621ccd5881f15892580968596db80f4e07f5380b0.svg);
}

.flag-icon-vn {
  background-image: url(/assets/fonts/flag-icon/vn-15334d8c5120c76bd40311b39c2f3870562c2edb1d8d70ea0ca0a624883a2c65.svg);
}
.flag-icon-vn.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/vn-15334d8c5120c76bd40311b39c2f3870562c2edb1d8d70ea0ca0a624883a2c65.svg);
}

.flag-icon-vu {
  background-image: url(/assets/fonts/flag-icon/vu-4720965ced76c17e150fdb6f3aee67ffa7c1bff91acbb4cd90f838effdb764af.svg);
}
.flag-icon-vu.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/vu-4720965ced76c17e150fdb6f3aee67ffa7c1bff91acbb4cd90f838effdb764af.svg);
}

.flag-icon-wf {
  background-image: url(/assets/fonts/flag-icon/wf-012bf4a6f9a0b9dfbf58e6301072cb2d0ce158814f196b5bee30775e20b58a38.svg);
}
.flag-icon-wf.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/wf-012bf4a6f9a0b9dfbf58e6301072cb2d0ce158814f196b5bee30775e20b58a38.svg);
}

.flag-icon-ws {
  background-image: url(/assets/fonts/flag-icon/ws-f087fd7160982b87cdaa7900f05262c5a6e3bdb40382f28cf4b6d655a2796b81.svg);
}
.flag-icon-ws.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ws-f087fd7160982b87cdaa7900f05262c5a6e3bdb40382f28cf4b6d655a2796b81.svg);
}

.flag-icon-ye {
  background-image: url(/assets/fonts/flag-icon/ye-c4c78841dcecbaf6fa34140d44ca01775f18feb27c8e688880e9890631e72c2e.svg);
}
.flag-icon-ye.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/ye-c4c78841dcecbaf6fa34140d44ca01775f18feb27c8e688880e9890631e72c2e.svg);
}

.flag-icon-yt {
  background-image: url(/assets/fonts/flag-icon/yt-33d97f85a63af706d304d343f7ec10b8e1c19fa9798f85d169fb805640e36b21.svg);
}
.flag-icon-yt.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/yt-33d97f85a63af706d304d343f7ec10b8e1c19fa9798f85d169fb805640e36b21.svg);
}

.flag-icon-za {
  background-image: url(/assets/fonts/flag-icon/za-c50045bddf5f66f6346d21f8e30e30505f3aea51fbfb3a3a6c83365df049bb26.svg);
}
.flag-icon-za.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/za-c50045bddf5f66f6346d21f8e30e30505f3aea51fbfb3a3a6c83365df049bb26.svg);
}

.flag-icon-zm {
  background-image: url(/assets/fonts/flag-icon/zm-89c41a08954affcc22811cb5753fa1b352f073dac41eabed5091480e75b7bdb0.svg);
}
.flag-icon-zm.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/zm-89c41a08954affcc22811cb5753fa1b352f073dac41eabed5091480e75b7bdb0.svg);
}

.flag-icon-zw {
  background-image: url(/assets/fonts/flag-icon/zw-43b7011a8dd427359f691c4d7d5583d1872fbb6d914eaf751dbd6f9aa94cebec.svg);
}
.flag-icon-zw.flag-icon-squared {
  background-image: url(/assets/fonts/flag-icon/zw-43b7011a8dd427359f691c4d7d5583d1872fbb6d914eaf751dbd6f9aa94cebec.svg);
}
.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}

/* classes attached to <body> */
/* TODO: make fc-event selector work when calender in shadow DOM */
.fc-not-allowed,
.fc-not-allowed .fc-event { /* override events' custom cursors */
  cursor: not-allowed;
}

/* TODO: not attached to body. attached to specific els. move */
.fc-unselectable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.fc {
  /* layout of immediate children */
  display: flex;
  flex-direction: column;

  font-size: 1em
}
.fc,
  .fc *,
  .fc *:before,
  .fc *:after {
    box-sizing: border-box;
  }
.fc table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em; /* normalize cross-browser */
  }
.fc th {
    text-align: center;
  }
.fc th,
  .fc td {
    vertical-align: top;
    padding: 0;
  }
.fc a[data-navlink] {
    cursor: pointer;
  }
.fc a[data-navlink]:hover {
    text-decoration: underline;
  }
.fc-direction-ltr {
  direction: ltr;
  text-align: left;
}
.fc-direction-rtl {
  direction: rtl;
  text-align: right;
}
.fc-theme-standard td,
  .fc-theme-standard th {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
  }
/* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */
/* inner-wrappers are responsible for being absolute */
/* TODO: best place for this? */
.fc-liquid-hack td,
  .fc-liquid-hack th {
    position: relative;
  }

@font-face {
  font-family: 'fcicons';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format('truetype');
  font-weight: normal;
  font-style: normal;
}

.fc-icon {
  /* added for fc */
  display: inline-block;
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fcicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fc-icon-chevron-left:before {
  content: "\e900";
}

.fc-icon-chevron-right:before {
  content: "\e901";
}

.fc-icon-chevrons-left:before {
  content: "\e902";
}

.fc-icon-chevrons-right:before {
  content: "\e903";
}

.fc-icon-minus-square:before {
  content: "\e904";
}

.fc-icon-plus-square:before {
  content: "\e905";
}

.fc-icon-x:before {
  content: "\e906";
}
/*
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css

These styles only apply when the standard-theme is activated.
When it's NOT activated, the fc-button classes won't even be in the DOM.
*/
.fc {

  /* reset */

}
.fc .fc-button {
    border-radius: 0;
    overflow: visible;
    text-transform: none;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
.fc .fc-button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
  }
.fc .fc-button {
    -webkit-appearance: button;
  }
.fc .fc-button:not(:disabled) {
    cursor: pointer;
  }
.fc .fc-button::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }
.fc {

  /* theme */

}
.fc .fc-button {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.4em 0.65em;
    font-size: 1em;
    line-height: 1.5;
    border-radius: 0.25em;
  }
.fc .fc-button:hover {
    text-decoration: none;
  }
.fc .fc-button:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
  }
.fc .fc-button:disabled {
    opacity: 0.65;
  }
.fc {

  /* "primary" coloring */

}
.fc .fc-button-primary {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50);
  }
.fc .fc-button-primary:hover {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1e2b37;
    background-color: var(--fc-button-hover-bg-color, #1e2b37);
    border-color: #1a252f;
    border-color: var(--fc-button-hover-border-color, #1a252f);
  }
.fc .fc-button-primary:disabled { /* not DRY */
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50); /* overrides :hover */
  }
.fc .fc-button-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  }
.fc .fc-button-primary:not(:disabled):active,
  .fc .fc-button-primary:not(:disabled).fc-button-active {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1a252f;
    background-color: var(--fc-button-active-bg-color, #1a252f);
    border-color: #151e27;
    border-color: var(--fc-button-active-border-color, #151e27);
  }
.fc .fc-button-primary:not(:disabled):active:focus,
  .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  }
.fc {

  /* icons within buttons */

}
.fc .fc-button .fc-icon {
    vertical-align: middle;
    font-size: 1.5em; /* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */
  }
.fc .fc-button-group {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
  }
.fc .fc-button-group > .fc-button {
    position: relative;
    flex: 1 1 auto;
  }
.fc .fc-button-group > .fc-button:hover {
    z-index: 1;
  }
.fc .fc-button-group > .fc-button:focus,
  .fc .fc-button-group > .fc-button:active,
  .fc .fc-button-group > .fc-button.fc-button-active {
    z-index: 1;
  }
.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
    margin-right: -1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
.fc .fc-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 1.5em;
  }
.fc .fc-toolbar.fc-footer-toolbar {
    margin-top: 1.5em;
  }
.fc .fc-toolbar-title {
    font-size: 1.75em;
    margin: 0;
  }
.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
    margin-left: .75em; /* space between */
  }
.fc-direction-rtl .fc-toolbar > * > :not(:first-child) {
    margin-right: .75em; /* space between */
  }
.fc-direction-rtl .fc-toolbar-ltr { /* when the toolbar-chunk positioning system is explicitly left-to-right */
    flex-direction: row-reverse;
  }
.fc .fc-scroller {
    -webkit-overflow-scrolling: touch;
    position: relative; /* for abs-positioned elements within */
  }
.fc .fc-scroller-liquid {
    height: 100%;
  }
.fc .fc-scroller-liquid-absolute {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
.fc .fc-scroller-harness {
    position: relative;
    overflow: hidden;
    direction: ltr;
      /* hack for chrome computing the scroller's right/left wrong for rtl. undone below... */
      /* TODO: demonstrate in codepen */
  }
.fc .fc-scroller-harness-liquid {
    height: 100%;
  }
.fc-direction-rtl .fc-scroller-harness > .fc-scroller { /* undo above hack */
    direction: rtl;
  }
.fc-theme-standard .fc-scrollgrid {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd); /* bootstrap does this. match */
  }
.fc .fc-scrollgrid,
    .fc .fc-scrollgrid table { /* all tables (self included) */
      width: 100%; /* because tables don't normally do this */
      table-layout: fixed;
    }
.fc .fc-scrollgrid table { /* inner tables */
      border-top-style: hidden;
      border-left-style: hidden;
      border-right-style: hidden;
    }
.fc .fc-scrollgrid {

    border-collapse: separate;
    border-right-width: 0;
    border-bottom-width: 0;

  }
.fc .fc-scrollgrid-liquid {
    height: 100%;
  }
.fc .fc-scrollgrid-section { /* a <tr> */
    height: 1px /* better than 0, for firefox */

  }
.fc .fc-scrollgrid-section > td {
      height: 1px; /* needs a height so inner div within grow. better than 0, for firefox */
    }
.fc .fc-scrollgrid-section table {
      height: 1px;
        /* for most browsers, if a height isn't set on the table, can't do liquid-height within cells */
        /* serves as a min-height. harmless */
    }
.fc .fc-scrollgrid-section-liquid > td {
      height: 100%; /* better than `auto`, for firefox */
    }
.fc .fc-scrollgrid-section > * {
    border-top-width: 0;
    border-left-width: 0;
  }
.fc .fc-scrollgrid-section-header > *,
  .fc .fc-scrollgrid-section-footer > * {
    border-bottom-width: 0;
  }
.fc .fc-scrollgrid-section-body table,
  .fc .fc-scrollgrid-section-footer table {
    border-bottom-style: hidden; /* head keeps its bottom border tho */
  }
.fc {

  /* stickiness */

}
.fc .fc-scrollgrid-section-sticky > * {
    background: #fff;
    background: var(--fc-page-bg-color, #fff);
    position: sticky;
    z-index: 3; /* TODO: var */
    /* TODO: box-shadow when sticking */
  }
.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
    top: 0; /* because border-sharing causes a gap at the top */
      /* TODO: give safari -1. has bug */
  }
.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
    bottom: 0; /* known bug: bottom-stickiness doesn't work in safari */
  }
.fc .fc-scrollgrid-sticky-shim { /* for horizontal scrollbar */
    height: 1px; /* needs height to create scrollbars */
    margin-bottom: -1px;
  }
.fc-sticky { /* no .fc wrap because used as child of body */
  position: sticky;
}
.fc .fc-view-harness {
    flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox */
    position: relative;
  }
.fc {

  /* when the harness controls the height, make the view liquid */

}
.fc .fc-view-harness-active > .fc-view {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
.fc .fc-col-header-cell-cushion {
    display: inline-block; /* x-browser for when sticky (when multi-tier header) */
    padding: 2px 4px;
  }
.fc .fc-bg-event,
  .fc .fc-non-business,
  .fc .fc-highlight {
    /* will always have a harness with position:relative/absolute, so absolutely expand */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
.fc .fc-non-business {
    background: rgba(215, 215, 215, 0.3);
    background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3));
  }
.fc .fc-bg-event {
    background: rgb(143, 223, 130);
    background: var(--fc-bg-event-color, rgb(143, 223, 130));
    opacity: 0.3;
    opacity: var(--fc-bg-event-opacity, 0.3)
  }
.fc .fc-bg-event .fc-event-title {
      margin: .5em;
      font-size: .85em;
      font-size: var(--fc-small-font-size, .85em);
      font-style: italic;
    }
.fc .fc-highlight {
    background: rgba(188, 232, 241, 0.3);
    background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));
  }
.fc .fc-cell-shaded,
  .fc .fc-day-disabled {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }
/* link resets */
/* ---------------------------------------------------------------------------------------------------- */
a.fc-event,
a.fc-event:hover {
  text-decoration: none;
}
/* cursor */
.fc-event[href],
.fc-event.fc-event-draggable {
  cursor: pointer;
}
/* event text content */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event .fc-event-main {
    position: relative;
    z-index: 2;
  }
/* dragging */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-dragging:not(.fc-event-selected) { /* MOUSE */
    opacity: 0.75;
  }
.fc-event-dragging.fc-event-selected { /* TOUCH */
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  }
/* resizing */
/* ---------------------------------------------------------------------------------------------------- */
/* (subclasses should hone positioning for touch and non-touch) */
.fc-event .fc-event-resizer {
    display: none;
    position: absolute;
    z-index: 4;
  }
.fc-event:hover, /* MOUSE */
.fc-event-selected { /* TOUCH */

}
.fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer {
    display: block;
  }
.fc-event-selected .fc-event-resizer {
    border-radius: 4px;
    border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);
    border-width: 1px;
    border-width: var(--fc-event-resizer-dot-border-width, 1px);
    width: 8px;
    width: var(--fc-event-resizer-dot-total-width, 8px);
    height: 8px;
    height: var(--fc-event-resizer-dot-total-width, 8px);
    border-style: solid;
    border-color: inherit;
    background: #fff;
    background: var(--fc-page-bg-color, #fff)

    /* expand hit area */

  }
.fc-event-selected .fc-event-resizer:before {
      content: '';
      position: absolute;
      top: -20px;
      left: -20px;
      right: -20px;
      bottom: -20px;
    }
/* selecting (always TOUCH) */
/* OR, focused by tab-index */
/* (TODO: maybe not the best focus-styling for .fc-daygrid-dot-event) */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-selected,
.fc-event:focus {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)

  /* expand hit area (subclasses should expand) */

}
.fc-event-selected:before, .fc-event:focus:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
.fc-event-selected,
.fc-event:focus {

  /* dimmer effect */

}
.fc-event-selected:after, .fc-event:focus:after {
    content: "";
    background: rgba(0, 0, 0, 0.25);
    background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25));
    position: absolute;
    z-index: 1;

    /* assume there's a border on all sides. overcome it. */
    /* sometimes there's NOT a border, in which case the dimmer will go over */
    /* an adjacent border, which looks fine. */
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
  }
/*
A HORIZONTAL event
*/
.fc-h-event { /* allowed to be top-level */
  display: block;
  border: 1px solid #3788d8;
  border: 1px solid var(--fc-event-border-color, #3788d8);
  background-color: #3788d8;
  background-color: var(--fc-event-bg-color, #3788d8)

}
.fc-h-event .fc-event-main {
    color: #fff;
    color: var(--fc-event-text-color, #fff);
  }
.fc-h-event .fc-event-main-frame {
    display: flex; /* for make fc-event-title-container expand */
  }
.fc-h-event .fc-event-time {
    max-width: 100%; /* clip overflow on this element */
    overflow: hidden;
  }
.fc-h-event .fc-event-title-container { /* serves as a container for the sticky cushion */
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0; /* important for allowing to shrink all the way */
  }
.fc-h-event .fc-event-title {
    display: inline-block; /* need this to be sticky cross-browser */
    vertical-align: top; /* for not messing up line-height */
    left: 0;  /* for sticky */
    right: 0; /* for sticky */
    max-width: 100%; /* clip overflow on this element */
    overflow: hidden;
  }
.fc-h-event.fc-event-selected:before {
    /* expand hit area */
    top: -10px;
    bottom: -10px;
  }
/* adjust border and border-radius (if there is any) for non-start/end */
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
}
/* resizers */
.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
  top: 0;
  bottom: 0;
  width: 8px;
  width: var(--fc-event-resizer-thickness, 8px);
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
  cursor: w-resize;
  left: -4px;
  left: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
  cursor: e-resize;
  right: -4px;
  right: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
}
/* resizers for TOUCH */
.fc-h-event.fc-event-selected .fc-event-resizer {
  top: 50%;
  margin-top: -4px;
  margin-top: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
  left: -4px;
  left: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
  right: -4px;
  right: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}
.fc .fc-popover {
    position: absolute;
    z-index: 9999;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
  }
.fc .fc-popover-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 3px 4px;
  }
.fc .fc-popover-title {
    margin: 0 2px;
  }
.fc .fc-popover-close {
    cursor: pointer;
    opacity: 0.65;
    font-size: 1.1em;
  }
.fc-theme-standard .fc-popover {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
    background: #fff;
    background: var(--fc-page-bg-color, #fff);
  }
.fc-theme-standard .fc-popover-header {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }


:root {
  --fc-daygrid-event-dot-width: 8px;
}
/* help things clear margins of inner content */
.fc-daygrid-day-frame,
.fc-daygrid-day-events,
.fc-daygrid-event-harness { /* for event top/bottom margins */
}
.fc-daygrid-day-frame:before, .fc-daygrid-day-events:before, .fc-daygrid-event-harness:before {
  content: "";
  clear: both;
  display: table; }
.fc-daygrid-day-frame:after, .fc-daygrid-day-events:after, .fc-daygrid-event-harness:after {
  content: "";
  clear: both;
  display: table; }
.fc .fc-daygrid-body { /* a <div> that wraps the table */
    position: relative;
    z-index: 1; /* container inner z-index's because <tr>s can't do it */
  }
.fc .fc-daygrid-day.fc-day-today {
      background-color: rgba(255, 220, 40, 0.15);
      background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
    }
.fc .fc-daygrid-day-frame {
    position: relative;
    min-height: 100%; /* seems to work better than `height` because sets height after rows/cells naturally do it */
  }
.fc {

  /* cell top */

}
.fc .fc-daygrid-day-top {
    display: flex;
    flex-direction: row-reverse;
  }
.fc .fc-day-other .fc-daygrid-day-top {
    opacity: 0.3;
  }
.fc {

  /* day number (within cell top) */

}
.fc .fc-daygrid-day-number {
    position: relative;
    z-index: 4;
    padding: 4px;
  }
.fc {

  /* event container */

}
.fc .fc-daygrid-day-events {
    margin-top: 1px; /* needs to be margin, not padding, so that available cell height can be computed */
  }
.fc {

  /* positioning for balanced vs natural */

}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
      position: absolute;
      left: 0;
      right: 0;
    }
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
      position: relative; /* for containing abs positioned event harnesses */
      min-height: 2em; /* in addition to being a min-height during natural height, equalizes the heights a little bit */
    }
.fc .fc-daygrid-body-natural { /* can coexist with -unbalanced */
  }
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
      margin-bottom: 1em;
    }
.fc {

  /* event harness */

}
.fc .fc-daygrid-event-harness {
    position: relative;
  }
.fc .fc-daygrid-event-harness-abs {
    position: absolute;
    top: 0; /* fallback coords for when cannot yet be computed */
    left: 0; /* */
    right: 0; /* */
  }
.fc .fc-daygrid-bg-harness {
    position: absolute;
    top: 0;
    bottom: 0;
  }
.fc {

  /* bg content */

}
.fc .fc-daygrid-day-bg .fc-non-business { z-index: 1 }
.fc .fc-daygrid-day-bg .fc-bg-event { z-index: 2 }
.fc .fc-daygrid-day-bg .fc-highlight { z-index: 3 }
.fc {

  /* events */

}
.fc .fc-daygrid-event {
    z-index: 6;
    margin-top: 1px;
  }
.fc .fc-daygrid-event.fc-event-mirror {
    z-index: 7;
  }
.fc {

  /* cell bottom (within day-events) */

}
.fc .fc-daygrid-day-bottom {
    font-size: .85em;
    padding: 2px 3px 0
  }
.fc .fc-daygrid-day-bottom:before {
  content: "";
  clear: both;
  display: table; }
.fc .fc-daygrid-more-link {
    position: relative;
    z-index: 4;
    cursor: pointer;
  }
.fc {

  /* week number (within frame) */

}
.fc .fc-daygrid-week-number {
    position: absolute;
    z-index: 5;
    top: 0;
    padding: 2px;
    min-width: 1.5em;
    text-align: center;
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    color: #808080;
    color: var(--fc-neutral-text-color, #808080);
  }
.fc {

  /* popover */

}
.fc .fc-more-popover .fc-popover-body {
    min-width: 220px;
    padding: 10px;
  }
.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
  margin-left: 2px;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
  margin-right: 2px;
}
.fc-direction-ltr .fc-daygrid-week-number {
    left: 0;
    border-radius: 0 0 3px 0;
  }
.fc-direction-rtl .fc-daygrid-week-number {
    right: 0;
    border-radius: 0 0 0 3px;
  }
.fc-liquid-hack .fc-daygrid-day-frame {
    position: static; /* will cause inner absolute stuff to expand to <td> */
  }
.fc-daygrid-event { /* make root-level, because will be dragged-and-dropped outside of a component root */
  position: relative; /* for z-indexes assigned later */
  white-space: nowrap;
  border-radius: 3px; /* dot event needs this to when selected */
  font-size: .85em;
  font-size: var(--fc-small-font-size, .85em);
}
/* --- the rectangle ("block") style of event --- */
.fc-daygrid-block-event .fc-event-time {
    font-weight: bold;
  }
.fc-daygrid-block-event .fc-event-time,
  .fc-daygrid-block-event .fc-event-title {
    padding: 1px;
  }
/* --- the dot style of event --- */
.fc-daygrid-dot-event {
  display: flex;
  align-items: center;
  padding: 2px 0

}
.fc-daygrid-dot-event .fc-event-title {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0; /* important for allowing to shrink all the way */
    overflow: hidden;
    font-weight: bold;
  }
.fc-daygrid-dot-event:hover,
  .fc-daygrid-dot-event.fc-event-mirror {
    background: rgba(0, 0, 0, 0.1);
  }
.fc-daygrid-dot-event.fc-event-selected:before {
    /* expand hit area */
    top: -10px;
    bottom: -10px;
  }
.fc-daygrid-event-dot { /* the actual dot */
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #3788d8;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
}
/* --- spacing between time and title --- */
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
    margin-right: 3px;
  }
.fc-direction-rtl .fc-daygrid-event .fc-event-time {
    margin-left: 3px;
  }


/*
A VERTICAL event
*/

.fc-v-event { /* allowed to be top-level */
  display: block;
  border: 1px solid #3788d8;
  border: 1px solid var(--fc-event-border-color, #3788d8);
  background-color: #3788d8;
  background-color: var(--fc-event-bg-color, #3788d8)

}

.fc-v-event .fc-event-main {
    color: #fff;
    color: var(--fc-event-text-color, #fff);
    height: 100%;
  }

.fc-v-event .fc-event-main-frame {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

.fc-v-event .fc-event-time {
    flex-grow: 0;
    flex-shrink: 0;
    max-height: 100%;
    overflow: hidden;
  }

.fc-v-event .fc-event-title-container { /* a container for the sticky cushion */
    flex-grow: 1;
    flex-shrink: 1;
    min-height: 0; /* important for allowing to shrink all the way */
  }

.fc-v-event .fc-event-title { /* will have fc-sticky on it */
    top: 0;
    bottom: 0;
    max-height: 100%; /* clip overflow */
    overflow: hidden;
  }

.fc-v-event:not(.fc-event-start) {
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

.fc-v-event:not(.fc-event-end) {
    border-bottom-width: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

.fc-v-event.fc-event-selected:before {
    /* expand hit area */
    left: -10px;
    right: -10px;
  }

.fc-v-event {

  /* resizer (mouse AND touch) */

}

.fc-v-event .fc-event-resizer-start {
    cursor: n-resize;
  }

.fc-v-event .fc-event-resizer-end {
    cursor: s-resize;
  }

.fc-v-event {

  /* resizer for MOUSE */

}

.fc-v-event:not(.fc-event-selected) .fc-event-resizer {
      height: 8px;
      height: var(--fc-event-resizer-thickness, 8px);
      left: 0;
      right: 0;
    }

.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
      top: -4px;
      top: calc(var(--fc-event-resizer-thickness, 8px) / -2);
    }

.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
      bottom: -4px;
      bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);
    }

.fc-v-event {

  /* resizer for TOUCH (when event is "selected") */

}

.fc-v-event.fc-event-selected .fc-event-resizer {
      left: 50%;
      margin-left: -4px;
      margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }

.fc-v-event.fc-event-selected .fc-event-resizer-start {
      top: -4px;
      top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }

.fc-v-event.fc-event-selected .fc-event-resizer-end {
      bottom: -4px;
      bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }
.fc .fc-timegrid .fc-daygrid-body { /* the all-day daygrid within the timegrid view */
    z-index: 2; /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */
  }
.fc .fc-timegrid-divider {
    padding: 0 0 2px; /* browsers get confused when you set height. use padding instead */
  }
.fc .fc-timegrid-body {
    position: relative;
    z-index: 1; /* scope the z-indexes of slots and cols */
    min-height: 100%; /* fill height always, even when slat table doesn't grow */
  }
.fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */
    position: relative /* offset parent for now-indicator-container */

  }
.fc .fc-timegrid-axis-chunk > table {
      position: relative;
      z-index: 1; /* above the now-indicator-container */
    }
.fc .fc-timegrid-slots {
    position: relative;
    z-index: 1;
  }
.fc .fc-timegrid-slot { /* a <td> */
    height: 1.5em;
    border-bottom: 0 /* each cell owns its top border */
  }
.fc .fc-timegrid-slot:empty:before {
      content: '\00a0'; /* make sure there's at least an empty space to create height for height syncing */
    }
.fc .fc-timegrid-slot-minor {
    border-top-style: dotted;
  }
.fc .fc-timegrid-slot-label-cushion {
    display: inline-block;
    white-space: nowrap;
  }
.fc .fc-timegrid-slot-label {
    vertical-align: middle; /* vertical align the slots */
  }
.fc {


  /* slots AND axis cells (top-left corner of view including the "all-day" text) */

}
.fc .fc-timegrid-axis-cushion,
  .fc .fc-timegrid-slot-label-cushion {
    padding: 0 4px;
  }
.fc {


  /* axis cells (top-left corner of view including the "all-day" text) */
  /* vertical align is more complicated, uses flexbox */

}
.fc .fc-timegrid-axis-frame-liquid {
    height: 100%; /* will need liquid-hack in FF */
  }
.fc .fc-timegrid-axis-frame {
    overflow: hidden;
    display: flex;
    align-items: center; /* vertical align */
    justify-content: flex-end; /* horizontal align. matches text-align below */
  }
.fc .fc-timegrid-axis-cushion {
    max-width: 60px; /* limits the width of the "all-day" text */
    flex-shrink: 0; /* allows text to expand how it normally would, regardless of constrained width */
  }
.fc-direction-ltr .fc-timegrid-slot-label-frame {
    text-align: right;
  }
.fc-direction-rtl .fc-timegrid-slot-label-frame {
    text-align: left;
  }
.fc-liquid-hack .fc-timegrid-axis-frame-liquid {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  }
.fc .fc-timegrid-col.fc-day-today {
      background-color: rgba(255, 220, 40, 0.15);
      background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
    }
.fc .fc-timegrid-col-frame {
    min-height: 100%; /* liquid-hack is below */
    position: relative;
  }
.fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    }
.fc-media-screen .fc-timegrid-cols {
    position: absolute; /* no z-index. children will decide and go above slots */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
  }
.fc-media-screen .fc-timegrid-cols > table {
      height: 100%;
    }
.fc-media-screen .fc-timegrid-col-bg,
  .fc-media-screen .fc-timegrid-col-events,
  .fc-media-screen .fc-timegrid-now-indicator-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
.fc {

  /* bg */

}
.fc .fc-timegrid-col-bg {
    z-index: 2; /* TODO: kill */
  }
.fc .fc-timegrid-col-bg .fc-non-business { z-index: 1 }
.fc .fc-timegrid-col-bg .fc-bg-event { z-index: 2 }
.fc .fc-timegrid-col-bg .fc-highlight { z-index: 3 }
.fc .fc-timegrid-bg-harness {
    position: absolute; /* top/bottom will be set by JS */
    left: 0;
    right: 0;
  }
.fc {

  /* fg events */
  /* (the mirror segs are put into a separate container with same classname, */
  /* and they must be after the normal seg container to appear at a higher z-index) */

}
.fc .fc-timegrid-col-events {
    z-index: 3;
    /* child event segs have z-indexes that are scoped within this div */
  }
.fc {

  /* now indicator */

}
.fc .fc-timegrid-now-indicator-container {
    bottom: 0;
    overflow: hidden; /* don't let overflow of lines/arrows cause unnecessary scrolling */
    /* z-index is set on the individual elements */
  }
.fc-direction-ltr .fc-timegrid-col-events {
    margin: 0 2.5% 0 2px;
  }
.fc-direction-rtl .fc-timegrid-col-events {
    margin: 0 2px 0 2.5%;
  }
.fc-timegrid-event-harness {
  position: absolute /* top/left/right/bottom will all be set by JS */
}
.fc-timegrid-event-harness > .fc-timegrid-event {
    position: absolute; /* absolute WITHIN the harness */
    top: 0; /* for when not yet positioned */
    bottom: 0; /* " */
    left: 0;
    right: 0;
  }
.fc-timegrid-event-harness-inset .fc-timegrid-event,
.fc-timegrid-event.fc-event-mirror,
.fc-timegrid-more-link {
  box-shadow: 0px 0px 0px 1px #fff;
  box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
}
.fc-timegrid-event,
.fc-timegrid-more-link { /* events need to be root */
  font-size: .85em;
  font-size: var(--fc-small-font-size, .85em);
  border-radius: 3px;
}
.fc-timegrid-event { /* events need to be root */
  margin-bottom: 1px /* give some space from bottom */
}
.fc-timegrid-event .fc-event-main {
    padding: 1px 1px 0;
  }
.fc-timegrid-event .fc-event-time {
    white-space: nowrap;
    font-size: .85em;
    font-size: var(--fc-small-font-size, .85em);
    margin-bottom: 1px;
  }
.fc-timegrid-event-short .fc-event-main-frame {
    flex-direction: row;
    overflow: hidden;
  }
.fc-timegrid-event-short .fc-event-time:after {
    content: '\00a0-\00a0'; /* dash surrounded by non-breaking spaces */
  }
.fc-timegrid-event-short .fc-event-title {
    font-size: .85em;
    font-size: var(--fc-small-font-size, .85em)
  }
.fc-timegrid-more-link { /* does NOT inherit from fc-timegrid-event */
  position: absolute;
  z-index: 9999; /* hack */
  color: inherit;
  color: var(--fc-more-link-text-color, inherit);
  background: #d0d0d0;
  background: var(--fc-more-link-bg-color, #d0d0d0);
  cursor: pointer;
  margin-bottom: 1px; /* match space below fc-timegrid-event */
}
.fc-timegrid-more-link-inner { /* has fc-sticky */
  padding: 3px 2px;
  top: 0;
}
.fc-direction-ltr .fc-timegrid-more-link {
    right: 0;
  }
.fc-direction-rtl .fc-timegrid-more-link {
    left: 0;
  }
.fc {

  /* line */

}
.fc .fc-timegrid-now-indicator-line {
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;
    border-style: solid;
    border-color: red;
    border-color: var(--fc-now-indicator-color, red);
    border-width: 1px 0 0;
  }
.fc {

  /* arrow */

}
.fc .fc-timegrid-now-indicator-arrow {
    position: absolute;
    z-index: 4;
    margin-top: -5px; /* vertically center on top coordinate */
    border-style: solid;
    border-color: red;
    border-color: var(--fc-now-indicator-color, red);
  }
.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
    left: 0;

    /* triangle pointing right. TODO: mixin */
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
  }
.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
    right: 0;

    /* triangle pointing left. TODO: mixin */
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
  }


:root {
  --fc-list-event-dot-width: 10px;
  --fc-list-event-hover-bg-color: #f5f5f5;
}
.fc-theme-standard .fc-list {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
  }
.fc {

  /* message when no events */

}
.fc .fc-list-empty {
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; /* vertically aligns fc-list-empty-inner */
  }
.fc .fc-list-empty-cushion {
    margin: 5em 0;
  }
.fc {

  /* table within the scroller */
  /* ---------------------------------------------------------------------------------------------------- */

}
.fc .fc-list-table {
    width: 100%;
    border-style: hidden; /* kill outer border on theme */
  }
.fc .fc-list-table tr > * {
    border-left: 0;
    border-right: 0;
  }
.fc .fc-list-sticky .fc-list-day > * { /* the cells */
      position: sticky;
      top: 0;
      background: #fff;
      background: var(--fc-page-bg-color, #fff); /* for when headers are styled to be transparent and sticky */
    }
.fc {

  /* only exists for aria reasons, hide for non-screen-readers */

}
.fc .fc-list-table thead {
    position: absolute;
    left: -10000px;
  }
.fc {

  /* the table's border-style:hidden gets confused by hidden thead. force-hide top border of first cell */

}
.fc .fc-list-table tbody > tr:first-child th {
    border-top: 0;
  }
.fc .fc-list-table th {
    padding: 0; /* uses an inner-wrapper instead... */
  }
.fc .fc-list-table td,
  .fc .fc-list-day-cushion {
    padding: 8px 14px;
  }
.fc {


  /* date heading rows */
  /* ---------------------------------------------------------------------------------------------------- */

}
.fc .fc-list-day-cushion:after {
  content: "";
  clear: both;
  display: table; /* clear floating */
    }
.fc-theme-standard .fc-list-day-cushion {
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }
.fc-direction-ltr .fc-list-day-text,
.fc-direction-rtl .fc-list-day-side-text {
  float: left;
}
.fc-direction-ltr .fc-list-day-side-text,
.fc-direction-rtl .fc-list-day-text {
  float: right;
}
/* make the dot closer to the event title */
.fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0 }
.fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0 }
.fc .fc-list-event.fc-event-forced-url {
    cursor: pointer; /* whole row will seem clickable */
  }
.fc .fc-list-event:hover td {
    background-color: #f5f5f5;
    background-color: var(--fc-list-event-hover-bg-color, #f5f5f5);
  }
.fc {

  /* shrink certain cols */

}
.fc .fc-list-event-graphic,
  .fc .fc-list-event-time {
    white-space: nowrap;
    width: 1px;
  }
.fc .fc-list-event-dot {
    display: inline-block;
    box-sizing: content-box;
    width: 0;
    height: 0;
    border: 5px solid #3788d8;
    border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);
    border-radius: 5px;
    border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
  }
.fc {

  /* reset <a> styling */

}
.fc .fc-list-event-title a {
    color: inherit;
    text-decoration: none;
  }
.fc {

  /* underline link when hovering over any part of row */

}
.fc .fc-list-event.fc-event-forced-url:hover a {
    text-decoration: underline;
  }



  .fc-theme-bootstrap a:not([href]) {
    color: inherit; /* natural color for navlinks */
  }



  .fc-theme-bootstrap5 a:not([href]) {
    color: inherit;
    text-decoration: inherit;
  }

.fc-theme-bootstrap5 .fc-list,
  .fc-theme-bootstrap5 .fc-scrollgrid,
  .fc-theme-bootstrap5 td,
  .fc-theme-bootstrap5 th {
    border: 1px solid var(--bs-gray-400);
  }

.fc-theme-bootstrap5 {

  /* HACK: reapply core styles after highe-precedence border statement above */
}

.fc-theme-bootstrap5 .fc-scrollgrid {
    border-right-width: 0;
    border-bottom-width: 0;
  }

.fc-theme-bootstrap5-shaded {
  background-color: var(--bs-gray-200);
}

/**
 * @package IcoFont by ThemeHunt - https://themehunt.com
 * @version 1.0.0 Beta
 * @author IcoFont http://icofont.com
 * @copyright Copyright (c) 2018 IcoFont
 * @license - http://icofont.com/license/
*/
@font-face {
  font-family: "icofont";
  src: url(/assets/fonts/ico/icofont-263b6b027795fa264be8898776b59b1871d45ead66bebc3e75391bc91fa0e99d.eot?v=1.0.0-beta);
  src: url(/assets/fonts/ico/icofont-263b6b027795fa264be8898776b59b1871d45ead66bebc3e75391bc91fa0e99d.eot?v=1.0.0-beta#iefix) format("embedded-opentype"), url(/assets/fonts/ico/icofont-003d9b8a14cc5f82a87fef9e20393aee2b490a1e411998355d4b52128f594719.ttf?v=1.0.0-beta) format("truetype"), url(/assets/fonts/ico/icofont-98bdc6496eed1632dd23b9bf00a0ab1eabb71688b8d1affc7ba6de31d13d249d.woff?v=1.0.0-beta) format("woff"), url(/assets/fonts/ico/icofont-4bfd501367f6de2e6aef44f3dacdd8e2097e458538038a334acd29c843d24080.svg?v=1.0.0-beta#icofont) format("svg");
  font-weight: normal;
  font-style: normal;
}
.icofont {
  font-family: "IcoFont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icofont-angry-monster:before {
  content: "\e901";
}

.icofont-bathtub:before {
  content: "\e902";
}

.icofont-bird-wings:before {
  content: "\e903";
}

.icofont-bow:before {
  content: "\e904";
}

.icofont-brain-alt:before {
  content: "\e905";
}

.icofont-butterfly-alt:before {
  content: "\e906";
}

.icofont-castle:before {
  content: "\e907";
}

.icofont-circuit:before {
  content: "\e908";
}

.icofont-dart:before {
  content: "\e909";
}

.icofont-dice-alt:before {
  content: "\e90a";
}

.icofont-disability-race:before {
  content: "\e90b";
}

.icofont-diving-goggle:before {
  content: "\e90c";
}

.icofont-fire-alt:before {
  content: "\e90d";
}

.icofont-flame-torch:before {
  content: "\e90e";
}

.icofont-flora-flower:before {
  content: "\e90f";
}

.icofont-flora:before {
  content: "\e910";
}

.icofont-gift-box:before {
  content: "\e911";
}

.icofont-halloween-pumpkin:before {
  content: "\e912";
}

.icofont-hand-power:before {
  content: "\e913";
}

.icofont-hand-thunder:before {
  content: "\e914";
}

.icofont-king-crown:before {
  content: "\e915";
}

.icofont-king-monster:before {
  content: "\e916";
}

.icofont-love:before {
  content: "\e917";
}

.icofont-magician-hat:before {
  content: "\e918";
}

.icofont-native-american:before {
  content: "\e919";
}

.icofont-open-eye:before {
  content: "\e91a";
}

.icofont-owl-look:before {
  content: "\e91b";
}

.icofont-phoenix:before {
  content: "\e91c";
}

.icofont-queen-crown:before {
  content: "\e91d";
}

.icofont-robot-face:before {
  content: "\e91e";
}

.icofont-sand-clock:before {
  content: "\e91f";
}

.icofont-shield-alt:before {
  content: "\e920";
}

.icofont-ship-wheel:before {
  content: "\e921";
}

.icofont-skull-danger:before {
  content: "\e922";
}

.icofont-skull-face:before {
  content: "\e923";
}

.icofont-snail:before {
  content: "\e924";
}

.icofont-snow-alt:before {
  content: "\e925";
}

.icofont-snow-flake:before {
  content: "\e926";
}

.icofont-snowmobile:before {
  content: "\e927";
}

.icofont-space-shuttle:before {
  content: "\e928";
}

.icofont-star-shape:before {
  content: "\e929";
}

.icofont-swirl:before {
  content: "\e92a";
}

.icofont-tattoo-wing:before {
  content: "\e92b";
}

.icofont-throne:before {
  content: "\e92c";
}

.icofont-touch:before {
  content: "\e92d";
}

.icofont-tree-alt:before {
  content: "\e92e";
}

.icofont-triangle:before {
  content: "\e92f";
}

.icofont-unity-hand:before {
  content: "\e930";
}

.icofont-weed:before {
  content: "\e931";
}

.icofont-woman-bird:before {
  content: "\e932";
}

.icofont-animal-bat:before {
  content: "\e933";
}

.icofont-animal-bear-tracks:before {
  content: "\e934";
}

.icofont-animal-bear:before {
  content: "\e935";
}

.icofont-animal-bird-alt:before {
  content: "\e936";
}

.icofont-animal-bird:before {
  content: "\e937";
}

.icofont-animal-bone:before {
  content: "\e938";
}

.icofont-animal-bull:before {
  content: "\e939";
}

.icofont-animal-camel-alt:before {
  content: "\e93a";
}

.icofont-animal-camel-head:before {
  content: "\e93b";
}

.icofont-animal-camel:before {
  content: "\e93c";
}

.icofont-animal-cat-alt-1:before {
  content: "\e93d";
}

.icofont-animal-cat-alt-2:before {
  content: "\e93e";
}

.icofont-animal-cat-alt-3:before {
  content: "\e93f";
}

.icofont-animal-cat-alt-4:before {
  content: "\e940";
}

.icofont-animal-cat-with-dog:before {
  content: "\e941";
}

.icofont-animal-cat:before {
  content: "\e942";
}

.icofont-animal-cow-head:before {
  content: "\e943";
}

.icofont-animal-cow:before {
  content: "\e944";
}

.icofont-animal-crab:before {
  content: "\e945";
}

.icofont-animal-crocodile:before {
  content: "\e946";
}

.icofont-animal-deer-head:before {
  content: "\e947";
}

.icofont-animal-dog-alt:before {
  content: "\e948";
}

.icofont-animal-dog-barking:before {
  content: "\e949";
}

.icofont-animal-dog:before {
  content: "\e94a";
}

.icofont-animal-dolphin:before {
  content: "\e94b";
}

.icofont-animal-duck-tracks:before {
  content: "\e94c";
}

.icofont-animal-eagle-head:before {
  content: "\e94d";
}

.icofont-animal-eaten-fish:before {
  content: "\e94e";
}

.icofont-animal-elephant-alt:before {
  content: "\e94f";
}

.icofont-animal-elephant-head-alt:before {
  content: "\e950";
}

.icofont-animal-elephant-head:before {
  content: "\e951";
}

.icofont-animal-elephant:before {
  content: "\e952";
}

.icofont-animal-elk:before {
  content: "\e953";
}

.icofont-animal-fish-alt-1:before {
  content: "\e954";
}

.icofont-animal-fish-alt-2:before {
  content: "\e955";
}

.icofont-animal-fish-alt-3:before {
  content: "\e956";
}

.icofont-animal-fish-alt-4:before {
  content: "\e957";
}

.icofont-animal-fish:before {
  content: "\e958";
}

.icofont-animal-fox-alt:before {
  content: "\e959";
}

.icofont-animal-fox:before {
  content: "\e95a";
}

.icofont-animal-frog-tracks:before {
  content: "\e95b";
}

.icofont-animal-frog:before {
  content: "\e95c";
}

.icofont-animal-froggy:before {
  content: "\e95d";
}

.icofont-animal-giraffe-alt:before {
  content: "\e95e";
}

.icofont-animal-giraffe:before {
  content: "\e95f";
}

.icofont-animal-goat-head-alt-1:before {
  content: "\e960";
}

.icofont-animal-goat-head-alt-2:before {
  content: "\e961";
}

.icofont-animal-goat-head:before {
  content: "\e962";
}

.icofont-animal-gorilla:before {
  content: "\e963";
}

.icofont-animal-hen-tracks:before {
  content: "\e964";
}

.icofont-animal-horse-head-alt-1:before {
  content: "\e965";
}

.icofont-animal-horse-head-alt-2:before {
  content: "\e966";
}

.icofont-animal-horse-head:before {
  content: "\e967";
}

.icofont-animal-horse-tracks:before {
  content: "\e968";
}

.icofont-animal-jellyfish:before {
  content: "\e969";
}

.icofont-animal-kangaroo:before {
  content: "\e96a";
}

.icofont-animal-lemur:before {
  content: "\e96b";
}

.icofont-animal-lion-alt:before {
  content: "\e96c";
}

.icofont-animal-lion-head-alt:before {
  content: "\e96d";
}

.icofont-animal-lion-head:before {
  content: "\e96e";
}

.icofont-animal-lion:before {
  content: "\e96f";
}

.icofont-animal-monkey-alt-1:before {
  content: "\e970";
}

.icofont-animal-monkey-alt-2:before {
  content: "\e971";
}

.icofont-animal-monkey-alt-3:before {
  content: "\e972";
}

.icofont-animal-monkey:before {
  content: "\e973";
}

.icofont-animal-octopus-alt:before {
  content: "\e974";
}

.icofont-animal-octopus:before {
  content: "\e975";
}

.icofont-animal-owl:before {
  content: "\e976";
}

.icofont-animal-panda-alt:before {
  content: "\e977";
}

.icofont-animal-panda:before {
  content: "\e978";
}

.icofont-animal-panther:before {
  content: "\e979";
}

.icofont-animal-parrot-lip:before {
  content: "\e97a";
}

.icofont-animal-parrot:before {
  content: "\e97b";
}

.icofont-animal-paw:before {
  content: "\e97c";
}

.icofont-animal-pelican:before {
  content: "\e97d";
}

.icofont-animal-penguin:before {
  content: "\e97e";
}

.icofont-animal-pig-alt:before {
  content: "\e97f";
}

.icofont-animal-pig:before {
  content: "\e980";
}

.icofont-animal-pigeon-alt:before {
  content: "\e981";
}

.icofont-animal-pigeon:before {
  content: "\e982";
}

.icofont-animal-pigeons:before {
  content: "\e983";
}

.icofont-animal-rabbit-running:before {
  content: "\e984";
}

.icofont-animal-rat-alt:before {
  content: "\e985";
}

.icofont-animal-rhino-head:before {
  content: "\e986";
}

.icofont-animal-rhino:before {
  content: "\e987";
}

.icofont-animal-rooster:before {
  content: "\e988";
}

.icofont-animal-seahorse:before {
  content: "\e989";
}

.icofont-animal-seal:before {
  content: "\e98a";
}

.icofont-animal-shrimp:before {
  content: "\e98b";
}

.icofont-animal-snail-alt-1:before {
  content: "\e98c";
}

.icofont-animal-snail-alt-2:before {
  content: "\e98d";
}

.icofont-animal-snail:before {
  content: "\e98e";
}

.icofont-animal-snake:before {
  content: "\e98f";
}

.icofont-animal-squid:before {
  content: "\e990";
}

.icofont-animal-squirrel:before {
  content: "\e991";
}

.icofont-animal-tiger-alt:before {
  content: "\e992";
}

.icofont-animal-tiger:before {
  content: "\e993";
}

.icofont-animal-turtle:before {
  content: "\e994";
}

.icofont-animal-whale:before {
  content: "\e995";
}

.icofont-animal-woodpecker:before {
  content: "\e996";
}

.icofont-animal-zebra:before {
  content: "\e997";
}

.icofont-brand-acer:before {
  content: "\e998";
}

.icofont-brand-adidas:before {
  content: "\e999";
}

.icofont-brand-adobe:before {
  content: "\e99a";
}

.icofont-brand-air-new-zealand:before {
  content: "\e99b";
}

.icofont-brand-airbnb:before {
  content: "\e99c";
}

.icofont-brand-aircell:before {
  content: "\e99d";
}

.icofont-brand-airtel:before {
  content: "\e99e";
}

.icofont-brand-alcatel:before {
  content: "\e99f";
}

.icofont-brand-alibaba:before {
  content: "\e9a0";
}

.icofont-brand-aliexpress:before {
  content: "\e9a1";
}

.icofont-brand-alipay:before {
  content: "\e9a2";
}

.icofont-brand-amazon:before {
  content: "\e9a3";
}

.icofont-brand-amd:before {
  content: "\e9a4";
}

.icofont-brand-american-airlines:before {
  content: "\e9a5";
}

.icofont-brand-android-robot:before {
  content: "\e9a6";
}

.icofont-brand-android:before {
  content: "\e9a7";
}

.icofont-brand-aol:before {
  content: "\e9a8";
}

.icofont-brand-apple:before {
  content: "\e9a9";
}

.icofont-brand-appstore:before {
  content: "\e9aa";
}

.icofont-brand-asus:before {
  content: "\e9ab";
}

.icofont-brand-ati:before {
  content: "\e9ac";
}

.icofont-brand-att:before {
  content: "\e9ad";
}

.icofont-brand-audi:before {
  content: "\e9ae";
}

.icofont-brand-axiata:before {
  content: "\e9af";
}

.icofont-brand-bada:before {
  content: "\e9b0";
}

.icofont-brand-bbc:before {
  content: "\e9b1";
}

.icofont-brand-bing:before {
  content: "\e9b2";
}

.icofont-brand-blackberry:before {
  content: "\e9b3";
}

.icofont-brand-bmw:before {
  content: "\e9b4";
}

.icofont-brand-box:before {
  content: "\e9b5";
}

.icofont-brand-burger-king:before {
  content: "\e9b6";
}

.icofont-brand-business-insider:before {
  content: "\e9b7";
}

.icofont-brand-buzzfeed:before {
  content: "\e9b8";
}

.icofont-brand-cannon:before {
  content: "\e9b9";
}

.icofont-brand-casio:before {
  content: "\e9ba";
}

.icofont-brand-china-mobile:before {
  content: "\e9bb";
}

.icofont-brand-china-telecom:before {
  content: "\e9bc";
}

.icofont-brand-china-unicom:before {
  content: "\e9bd";
}

.icofont-brand-cisco:before {
  content: "\e9be";
}

.icofont-brand-citibank:before {
  content: "\e9bf";
}

.icofont-brand-cnet:before {
  content: "\e9c0";
}

.icofont-brand-cnn:before {
  content: "\e9c1";
}

.icofont-brand-cocal-cola:before {
  content: "\e9c2";
}

.icofont-brand-compaq:before {
  content: "\e9c3";
}

.icofont-brand-copy:before {
  content: "\e9c4";
}

.icofont-brand-debian:before {
  content: "\e9c5";
}

.icofont-brand-delicious:before {
  content: "\e9c6";
}

.icofont-brand-dell:before {
  content: "\e9c7";
}

.icofont-brand-designbump:before {
  content: "\e9c8";
}

.icofont-brand-designfloat:before {
  content: "\e9c9";
}

.icofont-brand-disney:before {
  content: "\e9ca";
}

.icofont-brand-dodge:before {
  content: "\e9cb";
}

.icofont-brand-dove:before {
  content: "\e9cc";
}

.icofont-brand-ebay:before {
  content: "\e9cd";
}

.icofont-brand-eleven:before {
  content: "\e9ce";
}

.icofont-brand-emirates:before {
  content: "\e9cf";
}

.icofont-brand-espn:before {
  content: "\e9d0";
}

.icofont-brand-etihad-airways:before {
  content: "\e9d1";
}

.icofont-brand-etisalat:before {
  content: "\e9d2";
}

.icofont-brand-etsy:before {
  content: "\e9d3";
}

.icofont-brand-facebook:before {
  content: "\e9d4";
}

.icofont-brand-fastrack:before {
  content: "\e9d5";
}

.icofont-brand-fedex:before {
  content: "\e9d6";
}

.icofont-brand-ferrari:before {
  content: "\e9d7";
}

.icofont-brand-fitbit:before {
  content: "\e9d8";
}

.icofont-brand-flikr:before {
  content: "\e9d9";
}

.icofont-brand-forbes:before {
  content: "\e9da";
}

.icofont-brand-foursquare:before {
  content: "\e9db";
}

.icofont-brand-fox:before {
  content: "\e9dc";
}

.icofont-brand-foxconn:before {
  content: "\e9dd";
}

.icofont-brand-fujitsu:before {
  content: "\e9de";
}

.icofont-brand-general-electric:before {
  content: "\e9df";
}

.icofont-brand-gillette:before {
  content: "\e9e0";
}

.icofont-brand-gizmodo:before {
  content: "\e9e1";
}

.icofont-brand-gnome:before {
  content: "\e9e2";
}

.icofont-brand-google:before {
  content: "\e9e3";
}

.icofont-brand-gopro:before {
  content: "\e9e4";
}

.icofont-brand-gucci:before {
  content: "\e9e5";
}

.icofont-brand-hallmark:before {
  content: "\e9e6";
}

.icofont-brand-hi5:before {
  content: "\e9e7";
}

.icofont-brand-honda:before {
  content: "\e9e8";
}

.icofont-brand-hp:before {
  content: "\e9e9";
}

.icofont-brand-hsbc:before {
  content: "\e9ea";
}

.icofont-brand-htc:before {
  content: "\e9eb";
}

.icofont-brand-huawei:before {
  content: "\e9ec";
}

.icofont-brand-hulu:before {
  content: "\e9ed";
}

.icofont-brand-hyundai:before {
  content: "\e9ee";
}

.icofont-brand-ibm:before {
  content: "\e9ef";
}

.icofont-brand-icofont:before {
  content: "\e9f0";
}

.icofont-brand-icq:before {
  content: "\e9f1";
}

.icofont-brand-ikea:before {
  content: "\e9f2";
}

.icofont-brand-imdb:before {
  content: "\e9f3";
}

.icofont-brand-indiegogo:before {
  content: "\e9f4";
}

.icofont-brand-intel:before {
  content: "\e9f5";
}

.icofont-brand-ipair:before {
  content: "\e9f6";
}

.icofont-brand-jaguar:before {
  content: "\e9f7";
}

.icofont-brand-java:before {
  content: "\e9f8";
}

.icofont-brand-joomshaper:before {
  content: "\e9f9";
}

.icofont-brand-kickstarter:before {
  content: "\e9fa";
}

.icofont-brand-kik:before {
  content: "\e9fb";
}

.icofont-brand-lastfm:before {
  content: "\e9fc";
}

.icofont-brand-lego:before {
  content: "\e9fd";
}

.icofont-brand-lenovo:before {
  content: "\e9fe";
}

.icofont-brand-levis:before {
  content: "\e9ff";
}

.icofont-brand-lexus:before {
  content: "\ea00";
}

.icofont-brand-lg:before {
  content: "\ea01";
}

.icofont-brand-life-hacker:before {
  content: "\ea02";
}

.icofont-brand-line-messenger:before {
  content: "\ea03";
}

.icofont-brand-linkedin:before {
  content: "\ea04";
}

.icofont-brand-linux-mint:before {
  content: "\ea05";
}

.icofont-brand-linux:before {
  content: "\ea06";
}

.icofont-brand-lionix:before {
  content: "\ea07";
}

.icofont-brand-live-messenger:before {
  content: "\ea08";
}

.icofont-brand-loreal:before {
  content: "\ea09";
}

.icofont-brand-louis-vuitton:before {
  content: "\ea0a";
}

.icofont-brand-mac-os:before {
  content: "\ea0b";
}

.icofont-brand-marvel-app:before {
  content: "\ea0c";
}

.icofont-brand-mashable:before {
  content: "\ea0d";
}

.icofont-brand-mazda:before {
  content: "\ea0e";
}

.icofont-brand-mcdonals:before {
  content: "\ea0f";
}

.icofont-brand-mercedes:before {
  content: "\ea10";
}

.icofont-brand-micromax:before {
  content: "\ea11";
}

.icofont-brand-microsoft:before {
  content: "\ea12";
}

.icofont-brand-mobileme:before {
  content: "\ea13";
}

.icofont-brand-mobily:before {
  content: "\ea14";
}

.icofont-brand-motorola:before {
  content: "\ea15";
}

.icofont-brand-msi:before {
  content: "\ea16";
}

.icofont-brand-mts:before {
  content: "\ea17";
}

.icofont-brand-myspace:before {
  content: "\ea18";
}

.icofont-brand-mytv:before {
  content: "\ea19";
}

.icofont-brand-nasa:before {
  content: "\ea1a";
}

.icofont-brand-natgeo:before {
  content: "\ea1b";
}

.icofont-brand-nbc:before {
  content: "\ea1c";
}

.icofont-brand-nescafe:before {
  content: "\ea1d";
}

.icofont-brand-nestle:before {
  content: "\ea1e";
}

.icofont-brand-netflix:before {
  content: "\ea1f";
}

.icofont-brand-nexus:before {
  content: "\ea20";
}

.icofont-brand-nike:before {
  content: "\ea21";
}

.icofont-brand-nokia:before {
  content: "\ea22";
}

.icofont-brand-nvidia:before {
  content: "\ea23";
}

.icofont-brand-omega:before {
  content: "\ea24";
}

.icofont-brand-opensuse:before {
  content: "\ea25";
}

.icofont-brand-oracle:before {
  content: "\ea26";
}

.icofont-brand-panasonic:before {
  content: "\ea27";
}

.icofont-brand-paypal:before {
  content: "\ea28";
}

.icofont-brand-pepsi:before {
  content: "\ea29";
}

.icofont-brand-philips:before {
  content: "\ea2a";
}

.icofont-brand-pizza-hut:before {
  content: "\ea2b";
}

.icofont-brand-playstation:before {
  content: "\ea2c";
}

.icofont-brand-puma:before {
  content: "\ea2d";
}

.icofont-brand-qatar-air:before {
  content: "\ea2e";
}

.icofont-brand-qvc:before {
  content: "\ea2f";
}

.icofont-brand-readernaut:before {
  content: "\ea30";
}

.icofont-brand-redbull:before {
  content: "\ea31";
}

.icofont-brand-reebok:before {
  content: "\ea32";
}

.icofont-brand-reuters:before {
  content: "\ea33";
}

.icofont-brand-samsung:before {
  content: "\ea34";
}

.icofont-brand-sap:before {
  content: "\ea35";
}

.icofont-brand-saudia-airlines:before {
  content: "\ea36";
}

.icofont-brand-scribd:before {
  content: "\ea37";
}

.icofont-brand-shell:before {
  content: "\ea38";
}

.icofont-brand-siemens:before {
  content: "\ea39";
}

.icofont-brand-sk-telecom:before {
  content: "\ea3a";
}

.icofont-brand-slideshare:before {
  content: "\ea3b";
}

.icofont-brand-smashing-magazine:before {
  content: "\ea3c";
}

.icofont-brand-snapchat:before {
  content: "\ea3d";
}

.icofont-brand-sony-ericsson:before {
  content: "\ea3e";
}

.icofont-brand-sony:before {
  content: "\ea3f";
}

.icofont-brand-soundcloud:before {
  content: "\ea40";
}

.icofont-brand-sprint:before {
  content: "\ea41";
}

.icofont-brand-squidoo:before {
  content: "\ea42";
}

.icofont-brand-starbucks:before {
  content: "\ea43";
}

.icofont-brand-stc:before {
  content: "\ea44";
}

.icofont-brand-steam:before {
  content: "\ea45";
}

.icofont-brand-suzuki:before {
  content: "\ea46";
}

.icofont-brand-symbian:before {
  content: "\ea47";
}

.icofont-brand-t-mobile:before {
  content: "\ea48";
}

.icofont-brand-tango:before {
  content: "\ea49";
}

.icofont-brand-target:before {
  content: "\ea4a";
}

.icofont-brand-tata-indicom:before {
  content: "\ea4b";
}

.icofont-brand-techcrunch:before {
  content: "\ea4c";
}

.icofont-brand-telenor:before {
  content: "\ea4d";
}

.icofont-brand-teliasonera:before {
  content: "\ea4e";
}

.icofont-brand-tesla:before {
  content: "\ea4f";
}

.icofont-brand-the-verge:before {
  content: "\ea50";
}

.icofont-brand-thenextweb:before {
  content: "\ea51";
}

.icofont-brand-toshiba:before {
  content: "\ea52";
}

.icofont-brand-toyota:before {
  content: "\ea53";
}

.icofont-brand-tribenet:before {
  content: "\ea54";
}

.icofont-brand-ubuntu:before {
  content: "\ea55";
}

.icofont-brand-unilever:before {
  content: "\ea56";
}

.icofont-brand-vaio:before {
  content: "\ea57";
}

.icofont-brand-verizon:before {
  content: "\ea58";
}

.icofont-brand-viber:before {
  content: "\ea59";
}

.icofont-brand-vodafone:before {
  content: "\ea5a";
}

.icofont-brand-volkswagen:before {
  content: "\ea5b";
}

.icofont-brand-walmart:before {
  content: "\ea5c";
}

.icofont-brand-warnerbros:before {
  content: "\ea5d";
}

.icofont-brand-whatsapp:before {
  content: "\ea5e";
}

.icofont-brand-wikipedia:before {
  content: "\ea5f";
}

.icofont-brand-windows:before {
  content: "\ea60";
}

.icofont-brand-wire:before {
  content: "\ea61";
}

.icofont-brand-yahoobuzz:before {
  content: "\ea62";
}

.icofont-brand-yamaha:before {
  content: "\ea63";
}

.icofont-brand-youtube:before {
  content: "\ea64";
}

.icofont-brand-zain:before {
  content: "\ea65";
}

.icofont-bank-alt:before {
  content: "\ea66";
}

.icofont-barcode:before {
  content: "\ea67";
}

.icofont-basket:before {
  content: "\ea68";
}

.icofont-bill-alt:before {
  content: "\ea69";
}

.icofont-billboard:before {
  content: "\ea6a";
}

.icofont-briefcase-alt-1:before {
  content: "\ea6b";
}

.icofont-briefcase-alt-2:before {
  content: "\ea6c";
}

.icofont-building-alt:before {
  content: "\ea6d";
}

.icofont-businessman:before {
  content: "\ea6e";
}

.icofont-businesswoman:before {
  content: "\ea6f";
}

.icofont-cart-alt:before {
  content: "\ea70";
}

.icofont-chair:before {
  content: "\ea71";
}

.icofont-clip:before {
  content: "\ea72";
}

.icofont-coins:before {
  content: "\ea73";
}

.icofont-company:before {
  content: "\ea74";
}

.icofont-contact-add:before {
  content: "\ea75";
}

.icofont-deal:before {
  content: "\ea76";
}

.icofont-files:before {
  content: "\ea77";
}

.icofont-growth:before {
  content: "\ea78";
}

.icofont-id-card:before {
  content: "\ea79";
}

.icofont-idea:before {
  content: "\ea7a";
}

.icofont-list:before {
  content: "\ea7b";
}

.icofont-meeting-add:before {
  content: "\ea7c";
}

.icofont-money-bag:before {
  content: "\ea7d";
}

.icofont-people:before {
  content: "\ea7e";
}

.icofont-pie-chart:before {
  content: "\ea7f";
}

.icofont-presentation-alt:before {
  content: "\ea80";
}

.icofont-stamp:before {
  content: "\ea81";
}

.icofont-stock-mobile:before {
  content: "\ea82";
}

.icofont-support:before {
  content: "\ea83";
}

.icofont-tasks-alt:before {
  content: "\ea84";
}

.icofont-wheel:before {
  content: "\ea85";
}

.icofont-chart-arrows-axis:before {
  content: "\ea86";
}

.icofont-chart-bar-graph:before {
  content: "\ea87";
}

.icofont-chart-flow-alt-1:before {
  content: "\ea88";
}

.icofont-chart-flow-alt-2:before {
  content: "\ea89";
}

.icofont-chart-flow:before {
  content: "\ea8a";
}

.icofont-chart-histogram-alt:before {
  content: "\ea8b";
}

.icofont-chart-histogram:before {
  content: "\ea8c";
}

.icofont-chart-line-alt:before {
  content: "\ea8d";
}

.icofont-chart-line:before {
  content: "\ea8e";
}

.icofont-chart-pie-alt:before {
  content: "\ea8f";
}

.icofont-chart-pie:before {
  content: "\ea90";
}

.icofont-chart-radar-graph:before {
  content: "\ea91";
}

.icofont-cur-afghani-false:before {
  content: "\ea92";
}

.icofont-cur-afghani-minus:before {
  content: "\ea93";
}

.icofont-cur-afghani-plus:before {
  content: "\ea94";
}

.icofont-cur-afghani-true:before {
  content: "\ea95";
}

.icofont-cur-afghani:before {
  content: "\ea96";
}

.icofont-cur-baht-false:before {
  content: "\ea97";
}

.icofont-cur-baht-minus:before {
  content: "\ea98";
}

.icofont-cur-baht-plus:before {
  content: "\ea99";
}

.icofont-cur-baht-true:before {
  content: "\ea9a";
}

.icofont-cur-baht:before {
  content: "\ea9b";
}

.icofont-cur-bitcoin-false:before {
  content: "\ea9c";
}

.icofont-cur-bitcoin-minus:before {
  content: "\ea9d";
}

.icofont-cur-bitcoin-plus:before {
  content: "\ea9e";
}

.icofont-cur-bitcoin-true:before {
  content: "\ea9f";
}

.icofont-cur-bitcoin:before {
  content: "\eaa0";
}

.icofont-cur-dollar-flase:before {
  content: "\eaa1";
}

.icofont-cur-dollar-minus:before {
  content: "\eaa2";
}

.icofont-cur-dollar-plus:before {
  content: "\eaa3";
}

.icofont-cur-dollar-true:before {
  content: "\eaa4";
}

.icofont-cur-dollar:before {
  content: "\eaa5";
}

.icofont-cur-dong-false:before {
  content: "\eaa6";
}

.icofont-cur-dong-minus:before {
  content: "\eaa7";
}

.icofont-cur-dong-plus:before {
  content: "\eaa8";
}

.icofont-cur-dong-true:before {
  content: "\eaa9";
}

.icofont-cur-dong:before {
  content: "\eaaa";
}

.icofont-cur-euro-false:before {
  content: "\eaab";
}

.icofont-cur-euro-minus:before {
  content: "\eaac";
}

.icofont-cur-euro-plus:before {
  content: "\eaad";
}

.icofont-cur-euro-true:before {
  content: "\eaae";
}

.icofont-cur-euro:before {
  content: "\eaaf";
}

.icofont-cur-frank-false:before {
  content: "\eab0";
}

.icofont-cur-frank-minus:before {
  content: "\eab1";
}

.icofont-cur-frank-plus:before {
  content: "\eab2";
}

.icofont-cur-frank-true:before {
  content: "\eab3";
}

.icofont-cur-frank:before {
  content: "\eab4";
}

.icofont-cur-hryvnia-false:before {
  content: "\eab5";
}

.icofont-cur-hryvnia-minus:before {
  content: "\eab6";
}

.icofont-cur-hryvnia-plus:before {
  content: "\eab7";
}

.icofont-cur-hryvnia-true:before {
  content: "\eab8";
}

.icofont-cur-hryvnia:before {
  content: "\eab9";
}

.icofont-cur-lira-false:before {
  content: "\eaba";
}

.icofont-cur-lira-minus:before {
  content: "\eabb";
}

.icofont-cur-lira-plus:before {
  content: "\eabc";
}

.icofont-cur-lira-true:before {
  content: "\eabd";
}

.icofont-cur-lira:before {
  content: "\eabe";
}

.icofont-cur-peseta-false:before {
  content: "\eabf";
}

.icofont-cur-peseta-minus:before {
  content: "\eac0";
}

.icofont-cur-peseta-plus:before {
  content: "\eac1";
}

.icofont-cur-peseta-true:before {
  content: "\eac2";
}

.icofont-cur-peseta:before {
  content: "\eac3";
}

.icofont-cur-peso-false:before {
  content: "\eac4";
}

.icofont-cur-peso-minus:before {
  content: "\eac5";
}

.icofont-cur-peso-plus:before {
  content: "\eac6";
}

.icofont-cur-peso-true:before {
  content: "\eac7";
}

.icofont-cur-peso:before {
  content: "\eac8";
}

.icofont-cur-pound-false:before {
  content: "\eac9";
}

.icofont-cur-pound-minus:before {
  content: "\eaca";
}

.icofont-cur-pound-plus:before {
  content: "\eacb";
}

.icofont-cur-pound-true:before {
  content: "\eacc";
}

.icofont-cur-pound:before {
  content: "\eacd";
}

.icofont-cur-renminbi-false:before {
  content: "\eace";
}

.icofont-cur-renminbi-minus:before {
  content: "\eacf";
}

.icofont-cur-renminbi-plus:before {
  content: "\ead0";
}

.icofont-cur-renminbi-true:before {
  content: "\ead1";
}

.icofont-cur-renminbi:before {
  content: "\ead2";
}

.icofont-cur-riyal-false:before {
  content: "\ead3";
}

.icofont-cur-riyal-minus:before {
  content: "\ead4";
}

.icofont-cur-riyal-plus:before {
  content: "\ead5";
}

.icofont-cur-riyal-true:before {
  content: "\ead6";
}

.icofont-cur-riyal:before {
  content: "\ead7";
}

.icofont-cur-rouble-false:before {
  content: "\ead8";
}

.icofont-cur-rouble-minus:before {
  content: "\ead9";
}

.icofont-cur-rouble-plus:before {
  content: "\eada";
}

.icofont-cur-rouble-true:before {
  content: "\eadb";
}

.icofont-cur-rouble:before {
  content: "\eadc";
}

.icofont-cur-rupee-false:before {
  content: "\eadd";
}

.icofont-cur-rupee-minus:before {
  content: "\eade";
}

.icofont-cur-rupee-plus:before {
  content: "\eadf";
}

.icofont-cur-rupee-true:before {
  content: "\eae0";
}

.icofont-cur-rupee:before {
  content: "\eae1";
}

.icofont-cur-taka-false:before {
  content: "\eae2";
}

.icofont-cur-taka-minus:before {
  content: "\eae3";
}

.icofont-cur-taka-plus:before {
  content: "\eae4";
}

.icofont-cur-taka-true:before {
  content: "\eae5";
}

.icofont-cur-taka:before {
  content: "\eae6";
}

.icofont-cur-turkish-lira-false:before {
  content: "\eae7";
}

.icofont-cur-turkish-lira-minus:before {
  content: "\eae8";
}

.icofont-cur-turkish-lira-plus:before {
  content: "\eae9";
}

.icofont-cur-turkish-lira-true:before {
  content: "\eaea";
}

.icofont-cur-turkish-lira:before {
  content: "\eaeb";
}

.icofont-cur-won-false:before {
  content: "\eaec";
}

.icofont-cur-won-minus:before {
  content: "\eaed";
}

.icofont-cur-won-plus:before {
  content: "\eaee";
}

.icofont-cur-won-true:before {
  content: "\eaef";
}

.icofont-cur-won:before {
  content: "\eaf0";
}

.icofont-cur-yen-false:before {
  content: "\eaf1";
}

.icofont-cur-yen-minus:before {
  content: "\eaf2";
}

.icofont-cur-yen-plus:before {
  content: "\eaf3";
}

.icofont-cur-yen-true:before {
  content: "\eaf4";
}

.icofont-cur-yen:before {
  content: "\eaf5";
}

.icofont-android-nexus:before {
  content: "\eaf6";
}

.icofont-android-tablet:before {
  content: "\eaf7";
}

.icofont-apple-watch:before {
  content: "\eaf8";
}

.icofont-drwaing-tablet:before {
  content: "\eaf9";
}

.icofont-earphone:before {
  content: "\eafa";
}

.icofont-flash-drive:before {
  content: "\eafb";
}

.icofont-game-control:before {
  content: "\eafc";
}

.icofont-headphone-alt:before {
  content: "\eafd";
}

.icofont-htc-one:before {
  content: "\eafe";
}

.icofont-imac:before {
  content: "\eaff";
}

.icofont-ipad-touch:before {
  content: "\eb00";
}

.icofont-iphone:before {
  content: "\eb01";
}

.icofont-ipod-nano:before {
  content: "\eb02";
}

.icofont-ipod-touch:before {
  content: "\eb03";
}

.icofont-keyboard-alt:before {
  content: "\eb04";
}

.icofont-keyboard-wireless:before {
  content: "\eb05";
}

.icofont-laptop-alt:before {
  content: "\eb06";
}

.icofont-macbook:before {
  content: "\eb07";
}

.icofont-magic-mouse:before {
  content: "\eb08";
}

.icofont-microphone-alt:before {
  content: "\eb09";
}

.icofont-monitor:before {
  content: "\eb0a";
}

.icofont-mouse:before {
  content: "\eb0b";
}

.icofont-nintendo:before {
  content: "\eb0c";
}

.icofont-playstation:before {
  content: "\eb0d";
}

.icofont-psvita:before {
  content: "\eb0e";
}

.icofont-radio-mic:before {
  content: "\eb0f";
}

.icofont-refrigerator:before {
  content: "\eb10";
}

.icofont-samsung-galaxy:before {
  content: "\eb11";
}

.icofont-surface-tablet:before {
  content: "\eb12";
}

.icofont-washing-machine:before {
  content: "\eb13";
}

.icofont-wifi-router:before {
  content: "\eb14";
}

.icofont-wii-u:before {
  content: "\eb15";
}

.icofont-windows-lumia:before {
  content: "\eb16";
}

.icofont-wireless-mouse:before {
  content: "\eb17";
}

.icofont-xbox-360:before {
  content: "\eb18";
}

.icofont-arrow-down:before {
  content: "\eb19";
}

.icofont-arrow-left:before {
  content: "\eb1a";
}

.icofont-arrow-right:before {
  content: "\eb1b";
}

.icofont-arrow-up:before {
  content: "\eb1c";
}

.icofont-block-down:before {
  content: "\eb1d";
}

.icofont-block-left:before {
  content: "\eb1e";
}

.icofont-block-right:before {
  content: "\eb1f";
}

.icofont-block-up:before {
  content: "\eb20";
}

.icofont-bubble-down:before {
  content: "\eb21";
}

.icofont-bubble-left:before {
  content: "\eb22";
}

.icofont-bubble-right:before {
  content: "\eb23";
}

.icofont-bubble-up:before {
  content: "\eb24";
}

.icofont-caret-down:before {
  content: "\eb25";
}

.icofont-caret-left:before {
  content: "\eb26";
}

.icofont-caret-right:before {
  content: "\eb27";
}

.icofont-caret-up:before {
  content: "\eb28";
}

.icofont-circled-down:before {
  content: "\eb29";
}

.icofont-circled-left:before {
  content: "\eb2a";
}

.icofont-circled-right:before {
  content: "\eb2b";
}

.icofont-circled-up:before {
  content: "\eb2c";
}

.icofont-collapse:before {
  content: "\eb2d";
}

.icofont-cursor-drag:before {
  content: "\eb2e";
}

.icofont-curved-double-left:before {
  content: "\eb2f";
}

.icofont-curved-double-right:before {
  content: "\eb30";
}

.icofont-curved-down:before {
  content: "\eb31";
}

.icofont-curved-left:before {
  content: "\eb32";
}

.icofont-curved-right:before {
  content: "\eb33";
}

.icofont-curved-up:before {
  content: "\eb34";
}

.icofont-dotted-down:before {
  content: "\eb35";
}

.icofont-dotted-left:before {
  content: "\eb36";
}

.icofont-dotted-right:before {
  content: "\eb37";
}

.icofont-dotted-up:before {
  content: "\eb38";
}

.icofont-double-left:before {
  content: "\eb39";
}

.icofont-double-right:before {
  content: "\eb3a";
}

.icofont-drag:before {
  content: "\eb3b";
}

.icofont-drag1:before {
  content: "\eb3c";
}

.icofont-drag2:before {
  content: "\eb3d";
}

.icofont-drag3:before {
  content: "\eb3e";
}

.icofont-expand-alt:before {
  content: "\eb3f";
}

.icofont-hand-down:before {
  content: "\eb40";
}

.icofont-hand-drag:before {
  content: "\eb41";
}

.icofont-hand-drag1:before {
  content: "\eb42";
}

.icofont-hand-drag2:before {
  content: "\eb43";
}

.icofont-hand-drawn-alt-down:before {
  content: "\eb44";
}

.icofont-hand-drawn-alt-left:before {
  content: "\eb45";
}

.icofont-hand-drawn-alt-right:before {
  content: "\eb46";
}

.icofont-hand-drawn-alt-up:before {
  content: "\eb47";
}

.icofont-hand-drawn-down:before {
  content: "\eb48";
}

.icofont-hand-drawn-left:before {
  content: "\eb49";
}

.icofont-hand-drawn-right:before {
  content: "\eb4a";
}

.icofont-hand-drawn-up:before {
  content: "\eb4b";
}

.icofont-hand-left:before {
  content: "\eb4c";
}

.icofont-hand-right:before {
  content: "\eb4d";
}

.icofont-hand-up:before {
  content: "\eb4e";
}

.icofont-line-block-down:before {
  content: "\eb4f";
}

.icofont-line-block-left:before {
  content: "\eb50";
}

.icofont-line-block-right:before {
  content: "\eb51";
}

.icofont-line-block-up:before {
  content: "\eb52";
}

.icofont-long-arrow-down:before {
  content: "\eb53";
}

.icofont-long-arrow-left:before {
  content: "\eb54";
}

.icofont-long-arrow-right:before {
  content: "\eb55";
}

.icofont-long-arrow-up:before {
  content: "\eb56";
}

.icofont-rounded-collapse:before {
  content: "\eb57";
}

.icofont-rounded-double-left:before {
  content: "\eb58";
}

.icofont-rounded-double-right:before {
  content: "\eb59";
}

.icofont-rounded-down:before {
  content: "\eb5a";
}

.icofont-rounded-expand:before {
  content: "\eb5b";
}

.icofont-rounded-left-down:before {
  content: "\eb5c";
}

.icofont-rounded-left-up:before {
  content: "\eb5d";
}

.icofont-rounded-left:before {
  content: "\eb5e";
}

.icofont-rounded-right-down:before {
  content: "\eb5f";
}

.icofont-rounded-right-up:before {
  content: "\eb60";
}

.icofont-rounded-right:before {
  content: "\eb61";
}

.icofont-rounded-up:before {
  content: "\eb62";
}

.icofont-scroll-bubble-down:before {
  content: "\eb63";
}

.icofont-scroll-bubble-left:before {
  content: "\eb64";
}

.icofont-scroll-bubble-right:before {
  content: "\eb65";
}

.icofont-scroll-bubble-up:before {
  content: "\eb66";
}

.icofont-scroll-double-down:before {
  content: "\eb67";
}

.icofont-scroll-double-left:before {
  content: "\eb68";
}

.icofont-scroll-double-right:before {
  content: "\eb69";
}

.icofont-scroll-double-up:before {
  content: "\eb6a";
}

.icofont-scroll-down:before {
  content: "\eb6b";
}

.icofont-scroll-left:before {
  content: "\eb6c";
}

.icofont-scroll-long-down:before {
  content: "\eb6d";
}

.icofont-scroll-long-left:before {
  content: "\eb6e";
}

.icofont-scroll-long-right:before {
  content: "\eb6f";
}

.icofont-scroll-long-up:before {
  content: "\eb70";
}

.icofont-scroll-right:before {
  content: "\eb71";
}

.icofont-scroll-up:before {
  content: "\eb72";
}

.icofont-simple-down:before {
  content: "\eb73";
}

.icofont-simple-left-down:before {
  content: "\eb74";
}

.icofont-simple-left-up:before {
  content: "\eb75";
}

.icofont-simple-left:before {
  content: "\eb76";
}

.icofont-simple-right-down:before {
  content: "\eb77";
}

.icofont-simple-right-up:before {
  content: "\eb78";
}

.icofont-simple-right:before {
  content: "\eb79";
}

.icofont-simple-up:before {
  content: "\eb7a";
}

.icofont-square-down:before {
  content: "\eb7b";
}

.icofont-square-left:before {
  content: "\eb7c";
}

.icofont-square-right:before {
  content: "\eb7d";
}

.icofont-square-up:before {
  content: "\eb7e";
}

.icofont-stylish-down:before {
  content: "\eb7f";
}

.icofont-stylish-left:before {
  content: "\eb80";
}

.icofont-stylish-right:before {
  content: "\eb81";
}

.icofont-stylish-up:before {
  content: "\eb82";
}

.icofont-swoosh-down:before {
  content: "\eb83";
}

.icofont-swoosh-left:before {
  content: "\eb84";
}

.icofont-swoosh-right:before {
  content: "\eb85";
}

.icofont-swoosh-up:before {
  content: "\eb86";
}

.icofont-thin-double-left:before {
  content: "\eb87";
}

.icofont-thin-double-right:before {
  content: "\eb88";
}

.icofont-thin-down:before {
  content: "\eb89";
}

.icofont-thin-left:before {
  content: "\eb8a";
}

.icofont-thin-right:before {
  content: "\eb8b";
}

.icofont-thin-up:before {
  content: "\eb8c";
}

.icofont-atom:before {
  content: "\eb8d";
}

.icofont-award:before {
  content: "\eb8e";
}

.icofont-bell-alt:before {
  content: "\eb8f";
}

.icofont-book-alt:before {
  content: "\eb90";
}

.icofont-brainstorming:before {
  content: "\eb91";
}

.icofont-certificate-alt-1:before {
  content: "\eb92";
}

.icofont-certificate-alt-2:before {
  content: "\eb93";
}

.icofont-dna-alt-2:before {
  content: "\eb94";
}

.icofont-education:before {
  content: "\eb95";
}

.icofont-electron:before {
  content: "\eb96";
}

.icofont-fountain-pen:before {
  content: "\eb97";
}

.icofont-globe-alt:before {
  content: "\eb98";
}

.icofont-graduate-alt:before {
  content: "\eb99";
}

.icofont-group-students:before {
  content: "\eb9a";
}

.icofont-hat-alt:before {
  content: "\eb9b";
}

.icofont-hat:before {
  content: "\eb9c";
}

.icofont-instrument:before {
  content: "\eb9d";
}

.icofont-lamp-light:before {
  content: "\eb9e";
}

.icofont-microscope-alt:before {
  content: "\eb9f";
}

.icofont-paper:before {
  content: "\eba0";
}

.icofont-pen-alt-4:before {
  content: "\eba1";
}

.icofont-pen-nib:before {
  content: "\eba2";
}

.icofont-pencil-alt-5:before {
  content: "\eba3";
}

.icofont-quill-pen:before {
  content: "\eba4";
}

.icofont-read-book-alt:before {
  content: "\eba5";
}

.icofont-read-book:before {
  content: "\eba6";
}

.icofont-school-bag:before {
  content: "\eba7";
}

.icofont-school-bus:before {
  content: "\eba8";
}

.icofont-student-alt:before {
  content: "\eba9";
}

.icofont-student:before {
  content: "\ebaa";
}

.icofont-teacher:before {
  content: "\ebab";
}

.icofont-test-bulb:before {
  content: "\ebac";
}

.icofont-test-tube-alt:before {
  content: "\ebad";
}

.icofont-university:before {
  content: "\ebae";
}

.icofont-emo-angry:before {
  content: "\ebaf";
}

.icofont-emo-astonished:before {
  content: "\ebb0";
}

.icofont-emo-confounded:before {
  content: "\ebb1";
}

.icofont-emo-confused:before {
  content: "\ebb2";
}

.icofont-emo-crying:before {
  content: "\ebb3";
}

.icofont-emo-dizzy:before {
  content: "\ebb4";
}

.icofont-emo-expressionless:before {
  content: "\ebb5";
}

.icofont-emo-heart-eyes:before {
  content: "\ebb6";
}

.icofont-emo-laughing:before {
  content: "\ebb7";
}

.icofont-emo-nerd-smile:before {
  content: "\ebb8";
}

.icofont-emo-open-mouth:before {
  content: "\ebb9";
}

.icofont-emo-rage:before {
  content: "\ebba";
}

.icofont-emo-rolling-eyes:before {
  content: "\ebbb";
}

.icofont-emo-sad:before {
  content: "\ebbc";
}

.icofont-emo-simple-smile:before {
  content: "\ebbd";
}

.icofont-emo-slightly-smile:before {
  content: "\ebbe";
}

.icofont-emo-smirk:before {
  content: "\ebbf";
}

.icofont-emo-stuck-out-tongue:before {
  content: "\ebc0";
}

.icofont-emo-wink-smile:before {
  content: "\ebc1";
}

.icofont-emo-worried:before {
  content: "\ebc2";
}

.icofont-architecture-alt:before {
  content: "\ebc3";
}

.icofont-architecture:before {
  content: "\ebc4";
}

.icofont-barricade:before {
  content: "\ebc5";
}

.icofont-bricks:before {
  content: "\ebc6";
}

.icofont-calculations:before {
  content: "\ebc7";
}

.icofont-cement-mix:before {
  content: "\ebc8";
}

.icofont-cement-mixer:before {
  content: "\ebc9";
}

.icofont-danger-zone:before {
  content: "\ebca";
}

.icofont-drill:before {
  content: "\ebcb";
}

.icofont-eco-energy:before {
  content: "\ebcc";
}

.icofont-eco-environmen:before {
  content: "\ebcd";
}

.icofont-energy-air:before {
  content: "\ebce";
}

.icofont-energy-oil:before {
  content: "\ebcf";
}

.icofont-energy-savings:before {
  content: "\ebd0";
}

.icofont-energy-solar:before {
  content: "\ebd1";
}

.icofont-energy-water:before {
  content: "\ebd2";
}

.icofont-engineer:before {
  content: "\ebd3";
}

.icofont-fire-extinguisher-alt:before {
  content: "\ebd4";
}

.icofont-fix-tools:before {
  content: "\ebd5";
}

.icofont-glue-oil:before {
  content: "\ebd6";
}

.icofont-hammer-alt:before {
  content: "\ebd7";
}

.icofont-help-robot:before {
  content: "\ebd8";
}

.icofont-industries-alt-1:before {
  content: "\ebd9";
}

.icofont-industries-alt-2:before {
  content: "\ebda";
}

.icofont-industries-alt-3:before {
  content: "\ebdb";
}

.icofont-industries-alt-4:before {
  content: "\ebdc";
}

.icofont-industries-alt-5:before {
  content: "\ebdd";
}

.icofont-industries:before {
  content: "\ebde";
}

.icofont-labour:before {
  content: "\ebdf";
}

.icofont-mining:before {
  content: "\ebe0";
}

.icofont-paint-brush:before {
  content: "\ebe1";
}

.icofont-pollution:before {
  content: "\ebe2";
}

.icofont-power-zone:before {
  content: "\ebe3";
}

.icofont-radio-active:before {
  content: "\ebe4";
}

.icofont-recycle-alt:before {
  content: "\ebe5";
}

.icofont-recycling-man:before {
  content: "\ebe6";
}

.icofont-safety-hat-light:before {
  content: "\ebe7";
}

.icofont-safety-hat:before {
  content: "\ebe8";
}

.icofont-saw:before {
  content: "\ebe9";
}

.icofont-screw-driver:before {
  content: "\ebea";
}

.icofont-settings-alt:before {
  content: "\ebeb";
}

.icofont-tools-alt-1:before {
  content: "\ebec";
}

.icofont-tools-alt-2:before {
  content: "\ebed";
}

.icofont-tools-bag:before {
  content: "\ebee";
}

.icofont-trolley:before {
  content: "\ebef";
}

.icofont-trowel:before {
  content: "\ebf0";
}

.icofont-under-construction-alt:before {
  content: "\ebf1";
}

.icofont-under-construction:before {
  content: "\ebf2";
}

.icofont-vehicle-cement:before {
  content: "\ebf3";
}

.icofont-vehicle-crane:before {
  content: "\ebf4";
}

.icofont-vehicle-delivery-van:before {
  content: "\ebf5";
}

.icofont-vehicle-dozer:before {
  content: "\ebf6";
}

.icofont-vehicle-excavator:before {
  content: "\ebf7";
}

.icofont-vehicle-trucktor:before {
  content: "\ebf8";
}

.icofont-vehicle-wrecking:before {
  content: "\ebf9";
}

.icofont-worker-group:before {
  content: "\ebfa";
}

.icofont-worker:before {
  content: "\ebfb";
}

.icofont-wrench:before {
  content: "\ebfc";
}

.icofont-file-audio:before {
  content: "\ebfd";
}

.icofont-file-avi-mp4:before {
  content: "\ebfe";
}

.icofont-file-bmp:before {
  content: "\ebff";
}

.icofont-file-code:before {
  content: "\ec00";
}

.icofont-file-css:before {
  content: "\ec01";
}

.icofont-file-document:before {
  content: "\ec02";
}

.icofont-file-eps:before {
  content: "\ec03";
}

.icofont-file-excel:before {
  content: "\ec04";
}

.icofont-file-exe:before {
  content: "\ec05";
}

.icofont-file-file:before {
  content: "\ec06";
}

.icofont-file-flv:before {
  content: "\ec07";
}

.icofont-file-gif:before {
  content: "\ec08";
}

.icofont-file-html5:before {
  content: "\ec09";
}

.icofont-file-image:before {
  content: "\ec0a";
}

.icofont-file-iso:before {
  content: "\ec0b";
}

.icofont-file-java:before {
  content: "\ec0c";
}

.icofont-file-javascript:before {
  content: "\ec0d";
}

.icofont-file-jpg:before {
  content: "\ec0e";
}

.icofont-file-midi:before {
  content: "\ec0f";
}

.icofont-file-mov:before {
  content: "\ec10";
}

.icofont-file-mp3:before {
  content: "\ec11";
}

.icofont-file-pdf:before {
  content: "\ec12";
}

.icofont-file-php:before {
  content: "\ec13";
}

.icofont-file-png:before {
  content: "\ec14";
}

.icofont-file-powerpoint:before {
  content: "\ec15";
}

.icofont-file-presentation:before {
  content: "\ec16";
}

.icofont-file-psb:before {
  content: "\ec17";
}

.icofont-file-psd:before {
  content: "\ec18";
}

.icofont-file-python:before {
  content: "\ec19";
}

.icofont-file-ruby:before {
  content: "\ec1a";
}

.icofont-file-spreadsheet:before {
  content: "\ec1b";
}

.icofont-file-sql:before {
  content: "\ec1c";
}

.icofont-file-svg:before {
  content: "\ec1d";
}

.icofont-file-text:before {
  content: "\ec1e";
}

.icofont-file-tiff:before {
  content: "\ec1f";
}

.icofont-file-video:before {
  content: "\ec20";
}

.icofont-file-wave:before {
  content: "\ec21";
}

.icofont-file-wmv:before {
  content: "\ec22";
}

.icofont-file-word:before {
  content: "\ec23";
}

.icofont-file-zip:before {
  content: "\ec24";
}

.icofont-apple:before {
  content: "\ec25";
}

.icofont-arabian-coffee:before {
  content: "\ec26";
}

.icofont-artichoke:before {
  content: "\ec27";
}

.icofont-asparagus:before {
  content: "\ec28";
}

.icofont-avocado:before {
  content: "\ec29";
}

.icofont-baby-food:before {
  content: "\ec2a";
}

.icofont-banana:before {
  content: "\ec2b";
}

.icofont-bbq:before {
  content: "\ec2c";
}

.icofont-beans:before {
  content: "\ec2d";
}

.icofont-beer:before {
  content: "\ec2e";
}

.icofont-bell-pepper-capsicum:before {
  content: "\ec2f";
}

.icofont-birthday-cake:before {
  content: "\ec30";
}

.icofont-bread:before {
  content: "\ec31";
}

.icofont-broccoli:before {
  content: "\ec32";
}

.icofont-burger:before {
  content: "\ec33";
}

.icofont-cabbage:before {
  content: "\ec34";
}

.icofont-carrot:before {
  content: "\ec35";
}

.icofont-cauli-flower:before {
  content: "\ec36";
}

.icofont-cheese:before {
  content: "\ec37";
}

.icofont-chef:before {
  content: "\ec38";
}

.icofont-cherry:before {
  content: "\ec39";
}

.icofont-chicken-fry:before {
  content: "\ec3a";
}

.icofont-chicken:before {
  content: "\ec3b";
}

.icofont-cocktail:before {
  content: "\ec3c";
}

.icofont-coconut:before {
  content: "\ec3d";
}

.icofont-coffee-alt:before {
  content: "\ec3e";
}

.icofont-coffee-mug:before {
  content: "\ec3f";
}

.icofont-coffee-pot:before {
  content: "\ec40";
}

.icofont-cola:before {
  content: "\ec41";
}

.icofont-corn:before {
  content: "\ec42";
}

.icofont-croissant:before {
  content: "\ec43";
}

.icofont-crop-plant:before {
  content: "\ec44";
}

.icofont-cucumber:before {
  content: "\ec45";
}

.icofont-cup-cake:before {
  content: "\ec46";
}

.icofont-dining-table:before {
  content: "\ec47";
}

.icofont-donut:before {
  content: "\ec48";
}

.icofont-egg-plant:before {
  content: "\ec49";
}

.icofont-egg-poached:before {
  content: "\ec4a";
}

.icofont-farmer:before {
  content: "\ec4b";
}

.icofont-farmer1:before {
  content: "\ec4c";
}

.icofont-fast-food:before {
  content: "\ec4d";
}

.icofont-fish:before {
  content: "\ec4e";
}

.icofont-food-basket:before {
  content: "\ec4f";
}

.icofont-food-cart:before {
  content: "\ec50";
}

.icofont-fork-and-knife:before {
  content: "\ec51";
}

.icofont-french-fries:before {
  content: "\ec52";
}

.icofont-fresh-juice:before {
  content: "\ec53";
}

.icofont-fruits:before {
  content: "\ec54";
}

.icofont-grapes:before {
  content: "\ec55";
}

.icofont-honey:before {
  content: "\ec56";
}

.icofont-hot-dog:before {
  content: "\ec57";
}

.icofont-hotel-alt:before {
  content: "\ec58";
}

.icofont-ice-cream-alt:before {
  content: "\ec59";
}

.icofont-ice-cream:before {
  content: "\ec5a";
}

.icofont-ketchup:before {
  content: "\ec5b";
}

.icofont-kiwi:before {
  content: "\ec5c";
}

.icofont-layered-cake:before {
  content: "\ec5d";
}

.icofont-lemon-alt:before {
  content: "\ec5e";
}

.icofont-lobster:before {
  content: "\ec5f";
}

.icofont-mango:before {
  content: "\ec60";
}

.icofont-milk:before {
  content: "\ec61";
}

.icofont-mushroom:before {
  content: "\ec62";
}

.icofont-noodles:before {
  content: "\ec63";
}

.icofont-onion:before {
  content: "\ec64";
}

.icofont-orange:before {
  content: "\ec65";
}

.icofont-pear:before {
  content: "\ec66";
}

.icofont-peas:before {
  content: "\ec67";
}

.icofont-pepper:before {
  content: "\ec68";
}

.icofont-pie-alt:before {
  content: "\ec69";
}

.icofont-pineapple:before {
  content: "\ec6a";
}

.icofont-pizza-slice:before {
  content: "\ec6b";
}

.icofont-pizza:before {
  content: "\ec6c";
}

.icofont-plant:before {
  content: "\ec6d";
}

.icofont-popcorn:before {
  content: "\ec6e";
}

.icofont-potato:before {
  content: "\ec6f";
}

.icofont-pumpkin:before {
  content: "\ec70";
}

.icofont-raddish:before {
  content: "\ec71";
}

.icofont-restaurant-menu:before {
  content: "\ec72";
}

.icofont-restaurant:before {
  content: "\ec73";
}

.icofont-salt-and-pepper:before {
  content: "\ec74";
}

.icofont-sandwich:before {
  content: "\ec75";
}

.icofont-sausage:before {
  content: "\ec76";
}

.icofont-shrimp:before {
  content: "\ec77";
}

.icofont-sof-drinks:before {
  content: "\ec78";
}

.icofont-soup-bowl:before {
  content: "\ec79";
}

.icofont-spoon-and-fork:before {
  content: "\ec7a";
}

.icofont-steak:before {
  content: "\ec7b";
}

.icofont-strawberry:before {
  content: "\ec7c";
}

.icofont-sub-sandwich:before {
  content: "\ec7d";
}

.icofont-sushi:before {
  content: "\ec7e";
}

.icofont-taco:before {
  content: "\ec7f";
}

.icofont-tea-pot:before {
  content: "\ec80";
}

.icofont-tea:before {
  content: "\ec81";
}

.icofont-tomato:before {
  content: "\ec82";
}

.icofont-waiter-alt:before {
  content: "\ec83";
}

.icofont-watermelon:before {
  content: "\ec84";
}

.icofont-wheat:before {
  content: "\ec85";
}

.icofont-abc:before {
  content: "\ec86";
}

.icofont-baby-cloth:before {
  content: "\ec87";
}

.icofont-baby-milk-bottle:before {
  content: "\ec88";
}

.icofont-baby-trolley:before {
  content: "\ec89";
}

.icofont-back-pack:before {
  content: "\ec8a";
}

.icofont-candy:before {
  content: "\ec8b";
}

.icofont-cycling:before {
  content: "\ec8c";
}

.icofont-holding-hands:before {
  content: "\ec8d";
}

.icofont-infant-nipple:before {
  content: "\ec8e";
}

.icofont-kids-scooter:before {
  content: "\ec8f";
}

.icofont-safety-pin:before {
  content: "\ec90";
}

.icofont-teddy-bear:before {
  content: "\ec91";
}

.icofont-toy-ball:before {
  content: "\ec92";
}

.icofont-toy-cat:before {
  content: "\ec93";
}

.icofont-toy-duck:before {
  content: "\ec94";
}

.icofont-toy-elephant:before {
  content: "\ec95";
}

.icofont-toy-hand:before {
  content: "\ec96";
}

.icofont-toy-horse:before {
  content: "\ec97";
}

.icofont-toy-lattu:before {
  content: "\ec98";
}

.icofont-toy-train:before {
  content: "\ec99";
}

.icofont-unique-idea:before {
  content: "\ec9a";
}

.icofont-bag-alt:before {
  content: "\ec9b";
}

.icofont-burglar:before {
  content: "\ec9c";
}

.icofont-cannon-firing:before {
  content: "\ec9d";
}

.icofont-cc-camera:before {
  content: "\ec9e";
}

.icofont-cop-badge:before {
  content: "\ec9f";
}

.icofont-cop:before {
  content: "\eca0";
}

.icofont-court-hammer:before {
  content: "\eca1";
}

.icofont-court:before {
  content: "\eca2";
}

.icofont-finger-print:before {
  content: "\eca3";
}

.icofont-handcuff-alt:before {
  content: "\eca4";
}

.icofont-handcuff:before {
  content: "\eca5";
}

.icofont-investigation:before {
  content: "\eca6";
}

.icofont-investigator:before {
  content: "\eca7";
}

.icofont-jail:before {
  content: "\eca8";
}

.icofont-judge:before {
  content: "\eca9";
}

.icofont-law-alt-1:before {
  content: "\ecaa";
}

.icofont-law-alt-2:before {
  content: "\ecab";
}

.icofont-law-alt-3:before {
  content: "\ecac";
}

.icofont-law-book:before {
  content: "\ecad";
}

.icofont-law-document:before {
  content: "\ecae";
}

.icofont-law:before {
  content: "\ecaf";
}

.icofont-lawyer-alt-1:before {
  content: "\ecb0";
}

.icofont-lawyer-alt-2:before {
  content: "\ecb1";
}

.icofont-lawyer:before {
  content: "\ecb2";
}

.icofont-order:before {
  content: "\ecb3";
}

.icofont-pistol:before {
  content: "\ecb4";
}

.icofont-police-badge:before {
  content: "\ecb5";
}

.icofont-police-cap:before {
  content: "\ecb6";
}

.icofont-police-car-alt-1:before {
  content: "\ecb7";
}

.icofont-police-car-alt-2:before {
  content: "\ecb8";
}

.icofont-police-hat:before {
  content: "\ecb9";
}

.icofont-police-van:before {
  content: "\ecba";
}

.icofont-police:before {
  content: "\ecbb";
}

.icofont-protect:before {
  content: "\ecbc";
}

.icofont-scales:before {
  content: "\ecbd";
}

.icofont-thief-alt:before {
  content: "\ecbe";
}

.icofont-thief:before {
  content: "\ecbf";
}

.icofont-abacus-alt:before {
  content: "\ecc0";
}

.icofont-abacus:before {
  content: "\ecc1";
}

.icofont-angle:before {
  content: "\ecc2";
}

.icofont-calculator-alt-1:before {
  content: "\ecc3";
}

.icofont-calculator-alt-2:before {
  content: "\ecc4";
}

.icofont-circle-ruler-alt:before {
  content: "\ecc5";
}

.icofont-circle-ruler:before {
  content: "\ecc6";
}

.icofont-compass-alt-1:before {
  content: "\ecc7";
}

.icofont-compass-alt-2:before {
  content: "\ecc8";
}

.icofont-compass-alt-3:before {
  content: "\ecc9";
}

.icofont-compass-alt-4:before {
  content: "\ecca";
}

.icofont-degrees-alt-1:before {
  content: "\eccb";
}

.icofont-degrees-alt-2:before {
  content: "\eccc";
}

.icofont-degrees:before {
  content: "\eccd";
}

.icofont-golden-ratio:before {
  content: "\ecce";
}

.icofont-marker-alt-1:before {
  content: "\eccf";
}

.icofont-marker-alt-2:before {
  content: "\ecd0";
}

.icofont-marker-alt-3:before {
  content: "\ecd1";
}

.icofont-mathematical-alt-1:before {
  content: "\ecd2";
}

.icofont-mathematical-alt-2:before {
  content: "\ecd3";
}

.icofont-mathematical:before {
  content: "\ecd4";
}

.icofont-pen-alt-1:before {
  content: "\ecd5";
}

.icofont-pen-alt-2:before {
  content: "\ecd6";
}

.icofont-pen-alt-3:before {
  content: "\ecd7";
}

.icofont-pen-holder-alt-1:before {
  content: "\ecd8";
}

.icofont-pen-holder:before {
  content: "\ecd9";
}

.icofont-pencil-alt-1:before {
  content: "\ecda";
}

.icofont-pencil-alt-2:before {
  content: "\ecdb";
}

.icofont-pencil-alt-3:before {
  content: "\ecdc";
}

.icofont-pencil-alt-4:before {
  content: "\ecdd";
}

.icofont-ruler-alt-1:before {
  content: "\ecde";
}

.icofont-ruler-alt-2:before {
  content: "\ecdf";
}

.icofont-ruler-compass-alt:before {
  content: "\ece0";
}

.icofont-ruler-compass:before {
  content: "\ece1";
}

.icofont-ruler-pencil-alt-1:before {
  content: "\ece2";
}

.icofont-ruler-pencil-alt-2:before {
  content: "\ece3";
}

.icofont-ruler-pencil:before {
  content: "\ece4";
}

.icofont-ruler:before {
  content: "\ece5";
}

.icofont-rulers-alt:before {
  content: "\ece6";
}

.icofont-rulers:before {
  content: "\ece7";
}

.icofont-square-root:before {
  content: "\ece8";
}

.icofont-aids:before {
  content: "\ece9";
}

.icofont-ambulance:before {
  content: "\ecea";
}

.icofont-autism:before {
  content: "\eceb";
}

.icofont-bandage:before {
  content: "\ecec";
}

.icofont-bed-patient:before {
  content: "\eced";
}

.icofont-blind:before {
  content: "\ecee";
}

.icofont-blood-drop:before {
  content: "\ecef";
}

.icofont-blood-test:before {
  content: "\ecf0";
}

.icofont-blood:before {
  content: "\ecf1";
}

.icofont-capsule:before {
  content: "\ecf2";
}

.icofont-crutches:before {
  content: "\ecf3";
}

.icofont-dna-alt-1:before {
  content: "\ecf4";
}

.icofont-dna:before {
  content: "\ecf5";
}

.icofont-doctor-alt:before {
  content: "\ecf6";
}

.icofont-doctor:before {
  content: "\ecf7";
}

.icofont-drug-pack:before {
  content: "\ecf8";
}

.icofont-drug:before {
  content: "\ecf9";
}

.icofont-eye-alt:before {
  content: "\ecfa";
}

.icofont-first-aid-alt:before {
  content: "\ecfb";
}

.icofont-garbage:before {
  content: "\ecfc";
}

.icofont-heart-alt:before {
  content: "\ecfd";
}

.icofont-heartbeat:before {
  content: "\ecfe";
}

.icofont-herbal:before {
  content: "\ecff";
}

.icofont-hospital:before {
  content: "\ed00";
}

.icofont-icu:before {
  content: "\ed01";
}

.icofont-injection-syringe:before {
  content: "\ed02";
}

.icofont-laboratory:before {
  content: "\ed03";
}

.icofont-medical-sign-alt:before {
  content: "\ed04";
}

.icofont-medical-sign:before {
  content: "\ed05";
}

.icofont-nurse-alt:before {
  content: "\ed06";
}

.icofont-nurse:before {
  content: "\ed07";
}

.icofont-nursing-home:before {
  content: "\ed08";
}

.icofont-operation-theater:before {
  content: "\ed09";
}

.icofont-paralysis-disability:before {
  content: "\ed0a";
}

.icofont-pills:before {
  content: "\ed0b";
}

.icofont-prescription:before {
  content: "\ed0c";
}

.icofont-pulse:before {
  content: "\ed0d";
}

.icofont-stethoscope-alt:before {
  content: "\ed0e";
}

.icofont-stethoscope:before {
  content: "\ed0f";
}

.icofont-stretcher:before {
  content: "\ed10";
}

.icofont-surgeon-alt:before {
  content: "\ed11";
}

.icofont-surgeon:before {
  content: "\ed12";
}

.icofont-tablets:before {
  content: "\ed13";
}

.icofont-test-bottle:before {
  content: "\ed14";
}

.icofont-test-tube:before {
  content: "\ed15";
}

.icofont-thermometer-alt:before {
  content: "\ed16";
}

.icofont-tooth:before {
  content: "\ed17";
}

.icofont-xray:before {
  content: "\ed18";
}

.icofont-ui-add:before {
  content: "\ed19";
}

.icofont-ui-alarm:before {
  content: "\ed1a";
}

.icofont-ui-battery:before {
  content: "\ed1b";
}

.icofont-ui-block:before {
  content: "\ed1c";
}

.icofont-ui-bluetooth:before {
  content: "\ed1d";
}

.icofont-ui-brightness:before {
  content: "\ed1e";
}

.icofont-ui-browser:before {
  content: "\ed1f";
}

.icofont-ui-calculator:before {
  content: "\ed20";
}

.icofont-ui-calendar:before {
  content: "\ed21";
}

.icofont-ui-call:before {
  content: "\ed22";
}

.icofont-ui-camera:before {
  content: "\ed23";
}

.icofont-ui-cart:before {
  content: "\ed24";
}

.icofont-ui-cell-phone:before {
  content: "\ed25";
}

.icofont-ui-chat:before {
  content: "\ed26";
}

.icofont-ui-check:before {
  content: "\ed27";
}

.icofont-ui-clip-board:before {
  content: "\ed28";
}

.icofont-ui-clip:before {
  content: "\ed29";
}

.icofont-ui-clock:before {
  content: "\ed2a";
}

.icofont-ui-close:before {
  content: "\ed2b";
}

.icofont-ui-contact-list:before {
  content: "\ed2c";
}

.icofont-ui-copy:before {
  content: "\ed2d";
}

.icofont-ui-cut:before {
  content: "\ed2e";
}

.icofont-ui-delete:before {
  content: "\ed2f";
}

.icofont-ui-dial-phone:before {
  content: "\ed30";
}

.icofont-ui-edit:before {
  content: "\ed31";
}

.icofont-ui-email:before {
  content: "\ed32";
}

.icofont-ui-file:before {
  content: "\ed33";
}

.icofont-ui-fire-wall:before {
  content: "\ed34";
}

.icofont-ui-flash-light:before {
  content: "\ed35";
}

.icofont-ui-flight:before {
  content: "\ed36";
}

.icofont-ui-folder:before {
  content: "\ed37";
}

.icofont-ui-game:before {
  content: "\ed38";
}

.icofont-ui-handicapped:before {
  content: "\ed39";
}

.icofont-ui-head-phone:before {
  content: "\ed3a";
}

.icofont-ui-home:before {
  content: "\ed3b";
}

.icofont-ui-image:before {
  content: "\ed3c";
}

.icofont-ui-keyboard:before {
  content: "\ed3d";
}

.icofont-ui-laoding:before {
  content: "\ed3e";
}

.icofont-ui-lock:before {
  content: "\ed3f";
}

.icofont-ui-love-add:before {
  content: "\ed40";
}

.icofont-ui-love-broken:before {
  content: "\ed41";
}

.icofont-ui-love-remove:before {
  content: "\ed42";
}

.icofont-ui-love:before {
  content: "\ed43";
}

.icofont-ui-map:before {
  content: "\ed44";
}

.icofont-ui-message:before {
  content: "\ed45";
}

.icofont-ui-messaging:before {
  content: "\ed46";
}

.icofont-ui-movie:before {
  content: "\ed47";
}

.icofont-ui-music-player:before {
  content: "\ed48";
}

.icofont-ui-music:before {
  content: "\ed49";
}

.icofont-ui-mute:before {
  content: "\ed4a";
}

.icofont-ui-network:before {
  content: "\ed4b";
}

.icofont-ui-next:before {
  content: "\ed4c";
}

.icofont-ui-note:before {
  content: "\ed4d";
}

.icofont-ui-office:before {
  content: "\ed4e";
}

.icofont-ui-password:before {
  content: "\ed4f";
}

.icofont-ui-pause:before {
  content: "\ed50";
}

.icofont-ui-play-stop:before {
  content: "\ed51";
}

.icofont-ui-play:before {
  content: "\ed52";
}

.icofont-ui-pointer:before {
  content: "\ed53";
}

.icofont-ui-power:before {
  content: "\ed54";
}

.icofont-ui-press:before {
  content: "\ed55";
}

.icofont-ui-previous:before {
  content: "\ed56";
}

.icofont-ui-rate-add:before {
  content: "\ed57";
}

.icofont-ui-rate-blank:before {
  content: "\ed58";
}

.icofont-ui-rate-remove:before {
  content: "\ed59";
}

.icofont-ui-rating:before {
  content: "\ed5a";
}

.icofont-ui-record:before {
  content: "\ed5b";
}

.icofont-ui-remove:before {
  content: "\ed5c";
}

.icofont-ui-reply:before {
  content: "\ed5d";
}

.icofont-ui-rotation:before {
  content: "\ed5e";
}

.icofont-ui-rss:before {
  content: "\ed5f";
}

.icofont-ui-search:before {
  content: "\ed60";
}

.icofont-ui-settings:before {
  content: "\ed61";
}

.icofont-ui-social-link:before {
  content: "\ed62";
}

.icofont-ui-tag:before {
  content: "\ed63";
}

.icofont-ui-text-chat:before {
  content: "\ed64";
}

.icofont-ui-text-loading:before {
  content: "\ed65";
}

.icofont-ui-theme:before {
  content: "\ed66";
}

.icofont-ui-timer:before {
  content: "\ed67";
}

.icofont-ui-touch-phone:before {
  content: "\ed68";
}

.icofont-ui-travel:before {
  content: "\ed69";
}

.icofont-ui-unlock:before {
  content: "\ed6a";
}

.icofont-ui-user-group:before {
  content: "\ed6b";
}

.icofont-ui-user:before {
  content: "\ed6c";
}

.icofont-ui-v-card:before {
  content: "\ed6d";
}

.icofont-ui-video-chat:before {
  content: "\ed6e";
}

.icofont-ui-video-message:before {
  content: "\ed6f";
}

.icofont-ui-video-play:before {
  content: "\ed70";
}

.icofont-ui-video:before {
  content: "\ed71";
}

.icofont-ui-volume:before {
  content: "\ed72";
}

.icofont-ui-weather:before {
  content: "\ed73";
}

.icofont-ui-wifi:before {
  content: "\ed74";
}

.icofont-ui-zoom-in:before {
  content: "\ed75";
}

.icofont-ui-zoom-out:before {
  content: "\ed76";
}

.icofont-cassette-player:before {
  content: "\ed77";
}

.icofont-cassette:before {
  content: "\ed78";
}

.icofont-forward:before {
  content: "\ed79";
}

.icofont-game:before {
  content: "\ed7a";
}

.icofont-guiter:before {
  content: "\ed7b";
}

.icofont-headphone-alt-1:before {
  content: "\ed7c";
}

.icofont-headphone-alt-2:before {
  content: "\ed7d";
}

.icofont-headphone-alt-3:before {
  content: "\ed7e";
}

.icofont-listening:before {
  content: "\ed7f";
}

.icofont-megaphone-alt:before {
  content: "\ed80";
}

.icofont-megaphone:before {
  content: "\ed81";
}

.icofont-movie:before {
  content: "\ed82";
}

.icofont-mp3-player:before {
  content: "\ed83";
}

.icofont-multimedia:before {
  content: "\ed84";
}

.icofont-music-disk:before {
  content: "\ed85";
}

.icofont-music-note:before {
  content: "\ed86";
}

.icofont-pause:before {
  content: "\ed87";
}

.icofont-play-alt-1:before {
  content: "\ed88";
}

.icofont-play-alt-2:before {
  content: "\ed89";
}

.icofont-play-alt-3:before {
  content: "\ed8a";
}

.icofont-play-pause:before {
  content: "\ed8b";
}

.icofont-record:before {
  content: "\ed8c";
}

.icofont-retro-music-disk:before {
  content: "\ed8d";
}

.icofont-rewind:before {
  content: "\ed8e";
}

.icofont-song-notes:before {
  content: "\ed8f";
}

.icofont-sound-wave-alt:before {
  content: "\ed90";
}

.icofont-sound-wave:before {
  content: "\ed91";
}

.icofont-stop:before {
  content: "\ed92";
}

.icofont-video-alt:before {
  content: "\ed93";
}

.icofont-video-cam:before {
  content: "\ed94";
}

.icofont-volume-bar:before {
  content: "\ed95";
}

.icofont-volume-mute:before {
  content: "\ed96";
}

.icofont-youtube-play:before {
  content: "\ed97";
}

.icofont-amazon-alt:before {
  content: "\ed98";
}

.icofont-amazon:before {
  content: "\ed99";
}

.icofont-american-express-alt:before {
  content: "\ed9a";
}

.icofont-american-express:before {
  content: "\ed9b";
}

.icofont-apple-pay-alt:before {
  content: "\ed9c";
}

.icofont-apple-pay:before {
  content: "\ed9d";
}

.icofont-bank-transfer-alt:before {
  content: "\ed9e";
}

.icofont-bank-transfer:before {
  content: "\ed9f";
}

.icofont-braintree-alt:before {
  content: "\eda0";
}

.icofont-braintree:before {
  content: "\eda1";
}

.icofont-cash-on-delivery-alt:before {
  content: "\eda2";
}

.icofont-cash-on-delivery:before {
  content: "\eda3";
}

.icofont-checkout-alt:before {
  content: "\eda4";
}

.icofont-checkout:before {
  content: "\eda5";
}

.icofont-diners-club-alt-1:before {
  content: "\eda6";
}

.icofont-diners-club-alt-2:before {
  content: "\eda7";
}

.icofont-diners-club-alt-3:before {
  content: "\eda8";
}

.icofont-diners-club:before {
  content: "\eda9";
}

.icofont-discover-alt:before {
  content: "\edaa";
}

.icofont-discover:before {
  content: "\edab";
}

.icofont-eway-alt:before {
  content: "\edac";
}

.icofont-eway:before {
  content: "\edad";
}

.icofont-google-wallet-alt-1:before {
  content: "\edae";
}

.icofont-google-wallet-alt-2:before {
  content: "\edaf";
}

.icofont-google-wallet-alt-3:before {
  content: "\edb0";
}

.icofont-google-wallet:before {
  content: "\edb1";
}

.icofont-jcb-alt:before {
  content: "\edb2";
}

.icofont-jcb:before {
  content: "\edb3";
}

.icofont-maestro-alt:before {
  content: "\edb4";
}

.icofont-maestro:before {
  content: "\edb5";
}

.icofont-mastercard-alt:before {
  content: "\edb6";
}

.icofont-mastercard:before {
  content: "\edb7";
}

.icofont-payoneer-alt:before {
  content: "\edb8";
}

.icofont-payoneer:before {
  content: "\edb9";
}

.icofont-paypal-alt:before {
  content: "\edba";
}

.icofont-paypal:before {
  content: "\edbb";
}

.icofont-sage-alt:before {
  content: "\edbc";
}

.icofont-sage:before {
  content: "\edbd";
}

.icofont-skrill-alt:before {
  content: "\edbe";
}

.icofont-skrill:before {
  content: "\edbf";
}

.icofont-stripe-alt:before {
  content: "\edc0";
}

.icofont-stripe:before {
  content: "\edc1";
}

.icofont-visa-alt:before {
  content: "\edc2";
}

.icofont-visa-electron:before {
  content: "\edc3";
}

.icofont-visa:before {
  content: "\edc4";
}

.icofont-western-union-alt:before {
  content: "\edc5";
}

.icofont-western-union:before {
  content: "\edc6";
}

.icofont-boy:before {
  content: "\edc7";
}

.icofont-business-man-alt-1:before {
  content: "\edc8";
}

.icofont-business-man-alt-2:before {
  content: "\edc9";
}

.icofont-business-man-alt-3:before {
  content: "\edca";
}

.icofont-business-man:before {
  content: "\edcb";
}

.icofont-funky-man:before {
  content: "\edcc";
}

.icofont-girl-alt:before {
  content: "\edcd";
}

.icofont-girl:before {
  content: "\edce";
}

.icofont-hotel-boy-alt:before {
  content: "\edcf";
}

.icofont-hotel-boy:before {
  content: "\edd0";
}

.icofont-man-in-glasses:before {
  content: "\edd1";
}

.icofont-user-alt-1:before {
  content: "\edd2";
}

.icofont-user-alt-2:before {
  content: "\edd3";
}

.icofont-user-alt-3:before {
  content: "\edd4";
}

.icofont-user-alt-4:before {
  content: "\edd5";
}

.icofont-user-alt-5:before {
  content: "\edd6";
}

.icofont-user-alt-6:before {
  content: "\edd7";
}

.icofont-user-alt-7:before {
  content: "\edd8";
}

.icofont-user-female:before {
  content: "\edd9";
}

.icofont-user-male:before {
  content: "\edda";
}

.icofont-user-suited:before {
  content: "\eddb";
}

.icofont-user:before {
  content: "\eddc";
}

.icofont-users-alt-1:before {
  content: "\eddd";
}

.icofont-users-alt-2:before {
  content: "\edde";
}

.icofont-users-alt-3:before {
  content: "\eddf";
}

.icofont-users-alt-4:before {
  content: "\ede0";
}

.icofont-users-alt-5:before {
  content: "\ede1";
}

.icofont-users-alt-6:before {
  content: "\ede2";
}

.icofont-users-social:before {
  content: "\ede3";
}

.icofont-users:before {
  content: "\ede4";
}

.icofont-waiter:before {
  content: "\ede5";
}

.icofont-woman-in-glasses:before {
  content: "\ede6";
}

.icofont-document-search:before {
  content: "\ede7";
}

.icofont-folder-search:before {
  content: "\ede8";
}

.icofont-home-search:before {
  content: "\ede9";
}

.icofont-job-search:before {
  content: "\edea";
}

.icofont-map-search:before {
  content: "\edeb";
}

.icofont-restaurant-search:before {
  content: "\edec";
}

.icofont-search-alt-1:before {
  content: "\eded";
}

.icofont-search-alt-2:before {
  content: "\edee";
}

.icofont-search:before {
  content: "\edef";
}

.icofont-stock-search:before {
  content: "\edf0";
}

.icofont-user-search:before {
  content: "\edf1";
}

.icofont-social-aim:before {
  content: "\edf2";
}

.icofont-social-badoo:before {
  content: "\edf3";
}

.icofont-social-bebo:before {
  content: "\edf4";
}

.icofont-social-behance:before {
  content: "\edf5";
}

.icofont-social-blogger:before {
  content: "\edf6";
}

.icofont-social-bootstrap:before {
  content: "\edf7";
}

.icofont-social-brightkite:before {
  content: "\edf8";
}

.icofont-social-cloudapp:before {
  content: "\edf9";
}

.icofont-social-concrete5:before {
  content: "\edfa";
}

.icofont-social-designbump:before {
  content: "\edfb";
}

.icofont-social-designfloat:before {
  content: "\edfc";
}

.icofont-social-deviantart:before {
  content: "\edfd";
}

.icofont-social-digg:before {
  content: "\edfe";
}

.icofont-social-dotcms:before {
  content: "\edff";
}

.icofont-social-dribble:before {
  content: "\ee00";
}

.icofont-social-dropbox:before {
  content: "\ee01";
}

.icofont-brand-drupal:before {
  content: "\ee02";
}

.icofont-social-ebuddy:before {
  content: "\ee03";
}

.icofont-social-ello:before {
  content: "\ee04";
}

.icofont-social-ember:before {
  content: "\ee05";
}

.icofont-social-envato:before {
  content: "\ee06";
}

.icofont-social-evernote:before {
  content: "\ee07";
}

.icofont-social-facebook:before {
  content: "\ee08";
}

.icofont-social-feedburner:before {
  content: "\ee09";
}

.icofont-social-folkd:before {
  content: "\ee0a";
}

.icofont-social-friendfeed:before {
  content: "\ee0b";
}

.icofont-social-ghost:before {
  content: "\ee0c";
}

.icofont-social-github:before {
  content: "\ee0d";
}

.icofont-social-gnome:before {
  content: "\ee0e";
}

.icofont-social-google-buzz:before {
  content: "\ee0f";
}

.icofont-social-google-map:before {
  content: "\ee10";
}

.icofont-social-google-plus:before {
  content: "\ee11";
}

.icofont-social-google-talk:before {
  content: "\ee12";
}

.icofont-social-hype-machine:before {
  content: "\ee13";
}

.icofont-social-instagram:before {
  content: "\ee14";
}

.icofont-brand-joomla:before {
  content: "\ee15";
}

.icofont-social-kickstarter:before {
  content: "\ee16";
}

.icofont-social-line:before {
  content: "\ee17";
}

.icofont-social-linux-mint:before {
  content: "\ee18";
}

.icofont-social-livejournal:before {
  content: "\ee19";
}

.icofont-social-magento:before {
  content: "\ee1a";
}

.icofont-social-meetup:before {
  content: "\ee1b";
}

.icofont-social-mixx:before {
  content: "\ee1c";
}

.icofont-social-newsvine:before {
  content: "\ee1d";
}

.icofont-social-nimbuss:before {
  content: "\ee1e";
}

.icofont-social-opencart:before {
  content: "\ee1f";
}

.icofont-social-oscommerce:before {
  content: "\ee20";
}

.icofont-social-pandora:before {
  content: "\ee21";
}

.icofont-social-picasa:before {
  content: "\ee22";
}

.icofont-social-pinterest:before {
  content: "\ee23";
}

.icofont-social-prestashop:before {
  content: "\ee24";
}

.icofont-social-qik:before {
  content: "\ee25";
}

.icofont-social-readernaut:before {
  content: "\ee26";
}

.icofont-social-reddit:before {
  content: "\ee27";
}

.icofont-social-rss:before {
  content: "\ee28";
}

.icofont-social-shopify:before {
  content: "\ee29";
}

.icofont-social-silverstripe:before {
  content: "\ee2a";
}

.icofont-social-skype:before {
  content: "\ee2b";
}

.icofont-social-slashdot:before {
  content: "\ee2c";
}

.icofont-social-smugmug:before {
  content: "\ee2d";
}

.icofont-social-steam:before {
  content: "\ee2e";
}

.icofont-social-stumbleupon:before {
  content: "\ee2f";
}

.icofont-social-technorati:before {
  content: "\ee30";
}

.icofont-social-telegram:before {
  content: "\ee31";
}

.icofont-social-tinder:before {
  content: "\ee32";
}

.icofont-social-tumblr:before {
  content: "\ee33";
}

.icofont-social-twitter:before {
  content: "\ee34";
}

.icofont-social-typo3:before {
  content: "\ee35";
}

.icofont-social-ubercart:before {
  content: "\ee36";
}

.icofont-social-viber:before {
  content: "\ee37";
}

.icofont-social-viddler:before {
  content: "\ee38";
}

.icofont-social-vimeo:before {
  content: "\ee39";
}

.icofont-social-vine:before {
  content: "\ee3a";
}

.icofont-social-virb:before {
  content: "\ee3b";
}

.icofont-social-virtuemart:before {
  content: "\ee3c";
}

.icofont-social-wechat:before {
  content: "\ee3d";
}

.icofont-brand-wordpress:before {
  content: "\ee3e";
}

.icofont-social-xing:before {
  content: "\ee3f";
}

.icofont-social-yahoo:before {
  content: "\ee40";
}

.icofont-social-yelp:before {
  content: "\ee41";
}

.icofont-social-zencart:before {
  content: "\ee42";
}

.icofont-badminton-birdie:before {
  content: "\ee43";
}

.icofont-baseball:before {
  content: "\ee44";
}

.icofont-baseballer:before {
  content: "\ee45";
}

.icofont-basketball-hoop:before {
  content: "\ee46";
}

.icofont-basketball:before {
  content: "\ee47";
}

.icofont-billiard-ball:before {
  content: "\ee48";
}

.icofont-boot-alt-1:before {
  content: "\ee49";
}

.icofont-boot-alt-2:before {
  content: "\ee4a";
}

.icofont-bowling-alt:before {
  content: "\ee4b";
}

.icofont-bowling:before {
  content: "\ee4c";
}

.icofont-canoe:before {
  content: "\ee4d";
}

.icofont-cheer-leader:before {
  content: "\ee4e";
}

.icofont-climbing:before {
  content: "\ee4f";
}

.icofont-corner:before {
  content: "\ee50";
}

.icofont-cyclist:before {
  content: "\ee51";
}

.icofont-dumbbell-alt:before {
  content: "\ee52";
}

.icofont-dumbbell:before {
  content: "\ee53";
}

.icofont-field-alt:before {
  content: "\ee54";
}

.icofont-field:before {
  content: "\ee55";
}

.icofont-football-alt:before {
  content: "\ee56";
}

.icofont-foul:before {
  content: "\ee57";
}

.icofont-goal-keeper:before {
  content: "\ee58";
}

.icofont-goal:before {
  content: "\ee59";
}

.icofont-golf-alt:before {
  content: "\ee5a";
}

.icofont-golf-bag:before {
  content: "\ee5b";
}

.icofont-golf-field:before {
  content: "\ee5c";
}

.icofont-golf:before {
  content: "\ee5d";
}

.icofont-golfer:before {
  content: "\ee5e";
}

.icofont-gym-alt-1:before {
  content: "\ee5f";
}

.icofont-gym-alt-2:before {
  content: "\ee60";
}

.icofont-gym-alt-3:before {
  content: "\ee61";
}

.icofont-gym:before {
  content: "\ee62";
}

.icofont-hand-grippers:before {
  content: "\ee63";
}

.icofont-heart-beat-alt:before {
  content: "\ee64";
}

.icofont-helmet:before {
  content: "\ee65";
}

.icofont-hockey-alt:before {
  content: "\ee66";
}

.icofont-hockey:before {
  content: "\ee67";
}

.icofont-ice-skate:before {
  content: "\ee68";
}

.icofont-jersey-alt:before {
  content: "\ee69";
}

.icofont-jersey:before {
  content: "\ee6a";
}

.icofont-jumping:before {
  content: "\ee6b";
}

.icofont-kick:before {
  content: "\ee6c";
}

.icofont-leg:before {
  content: "\ee6d";
}

.icofont-match-review:before {
  content: "\ee6e";
}

.icofont-medal-alt:before {
  content: "\ee6f";
}

.icofont-muscle-alt:before {
  content: "\ee70";
}

.icofont-muscle:before {
  content: "\ee71";
}

.icofont-offside:before {
  content: "\ee72";
}

.icofont-olympic-logo:before {
  content: "\ee73";
}

.icofont-olympic:before {
  content: "\ee74";
}

.icofont-padding:before {
  content: "\ee75";
}

.icofont-penalty-card:before {
  content: "\ee76";
}

.icofont-racer:before {
  content: "\ee77";
}

.icofont-racing-car:before {
  content: "\ee78";
}

.icofont-racing-flag-alt:before {
  content: "\ee79";
}

.icofont-racing-flag:before {
  content: "\ee7a";
}

.icofont-racings-wheel:before {
  content: "\ee7b";
}

.icofont-referee:before {
  content: "\ee7c";
}

.icofont-refree-jersey:before {
  content: "\ee7d";
}

.icofont-result:before {
  content: "\ee7e";
}

.icofont-rugby-ball:before {
  content: "\ee7f";
}

.icofont-rugby-player:before {
  content: "\ee80";
}

.icofont-rugby:before {
  content: "\ee81";
}

.icofont-runner-alt-1:before {
  content: "\ee82";
}

.icofont-runner-alt-2:before {
  content: "\ee83";
}

.icofont-runner:before {
  content: "\ee84";
}

.icofont-score-board:before {
  content: "\ee85";
}

.icofont-skiing-man:before {
  content: "\ee86";
}

.icofont-skydiving-goggles:before {
  content: "\ee87";
}

.icofont-snow-mobile:before {
  content: "\ee88";
}

.icofont-steering:before {
  content: "\ee89";
}

.icofont-substitute:before {
  content: "\ee8a";
}

.icofont-swimmer:before {
  content: "\ee8b";
}

.icofont-table-tennis:before {
  content: "\ee8c";
}

.icofont-team-alt:before {
  content: "\ee8d";
}

.icofont-team:before {
  content: "\ee8e";
}

.icofont-tennis-player:before {
  content: "\ee8f";
}

.icofont-tennis:before {
  content: "\ee90";
}

.icofont-time:before {
  content: "\ee91";
}

.icofont-track:before {
  content: "\ee92";
}

.icofont-tracking:before {
  content: "\ee93";
}

.icofont-trophy-alt:before {
  content: "\ee94";
}

.icofont-trophy:before {
  content: "\ee95";
}

.icofont-volleyball-alt:before {
  content: "\ee96";
}

.icofont-volleyball-fire:before {
  content: "\ee97";
}

.icofont-volleyball:before {
  content: "\ee98";
}

.icofont-water-bottle:before {
  content: "\ee99";
}

.icofont-whisle:before {
  content: "\ee9a";
}

.icofont-win-trophy:before {
  content: "\ee9b";
}

.icofont-align-center:before {
  content: "\ee9c";
}

.icofont-align-left:before {
  content: "\ee9d";
}

.icofont-align-right:before {
  content: "\ee9e";
}

.icofont-all-caps:before {
  content: "\ee9f";
}

.icofont-bold:before {
  content: "\eea0";
}

.icofont-brush:before {
  content: "\eea1";
}

.icofont-clip-board:before {
  content: "\eea2";
}

.icofont-code-alt:before {
  content: "\eea3";
}

.icofont-color-bucket:before {
  content: "\eea4";
}

.icofont-color-picker:before {
  content: "\eea5";
}

.icofont-copy-alt:before {
  content: "\eea6";
}

.icofont-copy-black:before {
  content: "\eea7";
}

.icofont-cut:before {
  content: "\eea8";
}

.icofont-delete-alt:before {
  content: "\eea9";
}

.icofont-edit-alt:before {
  content: "\eeaa";
}

.icofont-eraser-alt:before {
  content: "\eeab";
}

.icofont-file-alt:before {
  content: "\eeac";
}

.icofont-font:before {
  content: "\eead";
}

.icofont-header:before {
  content: "\eeae";
}

.icofont-indent:before {
  content: "\eeaf";
}

.icofont-italic-alt:before {
  content: "\eeb0";
}

.icofont-justify-all:before {
  content: "\eeb1";
}

.icofont-justify-center:before {
  content: "\eeb2";
}

.icofont-justify-left:before {
  content: "\eeb3";
}

.icofont-justify-right:before {
  content: "\eeb4";
}

.icofont-line-height:before {
  content: "\eeb5";
}

.icofont-link-alt:before {
  content: "\eeb6";
}

.icofont-listine-dots:before {
  content: "\eeb7";
}

.icofont-listing-box:before {
  content: "\eeb8";
}

.icofont-listing-number:before {
  content: "\eeb9";
}

.icofont-marker:before {
  content: "\eeba";
}

.icofont-outdent:before {
  content: "\eebb";
}

.icofont-paper-clip:before {
  content: "\eebc";
}

.icofont-paragraph:before {
  content: "\eebd";
}

.icofont-pin:before {
  content: "\eebe";
}

.icofont-printer:before {
  content: "\eebf";
}

.icofont-redo:before {
  content: "\eec0";
}

.icofont-rotation:before {
  content: "\eec1";
}

.icofont-save:before {
  content: "\eec2";
}

.icofont-small-cap:before {
  content: "\eec3";
}

.icofont-strike-through:before {
  content: "\eec4";
}

.icofont-sub-listing:before {
  content: "\eec5";
}

.icofont-subscript:before {
  content: "\eec6";
}

.icofont-superscript:before {
  content: "\eec7";
}

.icofont-table:before {
  content: "\eec8";
}

.icofont-text-height:before {
  content: "\eec9";
}

.icofont-text-width:before {
  content: "\eeca";
}

.icofont-trash:before {
  content: "\eecb";
}

.icofont-underline:before {
  content: "\eecc";
}

.icofont-undo:before {
  content: "\eecd";
}

.icofont-unlink:before {
  content: "\eece";
}

.icofont-air-balloon:before {
  content: "\eecf";
}

.icofont-airplane-alt:before {
  content: "\eed0";
}

.icofont-airplane:before {
  content: "\eed1";
}

.icofont-ambulance-crescent:before {
  content: "\eed2";
}

.icofont-ambulance-cross:before {
  content: "\eed3";
}

.icofont-articulated-truck:before {
  content: "\eed4";
}

.icofont-auto-rickshaw:before {
  content: "\eed5";
}

.icofont-bicycle-alt-1:before {
  content: "\eed6";
}

.icofont-bicycle-alt-2:before {
  content: "\eed7";
}

.icofont-bull-dozer:before {
  content: "\eed8";
}

.icofont-bus-alt-1:before {
  content: "\eed9";
}

.icofont-bus-alt-2:before {
  content: "\eeda";
}

.icofont-bus-alt-3:before {
  content: "\eedb";
}

.icofont-cable-car:before {
  content: "\eedc";
}

.icofont-car-alt-1:before {
  content: "\eedd";
}

.icofont-car-alt-2:before {
  content: "\eede";
}

.icofont-car-alt-3:before {
  content: "\eedf";
}

.icofont-car-alt-4:before {
  content: "\eee0";
}

.icofont-concrete-mixer:before {
  content: "\eee1";
}

.icofont-delivery-time:before {
  content: "\eee2";
}

.icofont-excavator:before {
  content: "\eee3";
}

.icofont-fast-delivery:before {
  content: "\eee4";
}

.icofont-fire-truck-alt:before {
  content: "\eee5";
}

.icofont-fire-truck:before {
  content: "\eee6";
}

.icofont-fork-lift:before {
  content: "\eee7";
}

.icofont-free-delivery:before {
  content: "\eee8";
}

.icofont-golf-cart:before {
  content: "\eee9";
}

.icofont-helicopter:before {
  content: "\eeea";
}

.icofont-motor-bike-alt:before {
  content: "\eeeb";
}

.icofont-motor-bike:before {
  content: "\eeec";
}

.icofont-motor-biker:before {
  content: "\eeed";
}

.icofont-oil-truck:before {
  content: "\eeee";
}

.icofont-police-car:before {
  content: "\eeef";
}

.icofont-rickshaw:before {
  content: "\eef0";
}

.icofont-rocket-alt-1:before {
  content: "\eef1";
}

.icofont-rocket-alt-2:before {
  content: "\eef2";
}

.icofont-sail-boat:before {
  content: "\eef3";
}

.icofont-scooter:before {
  content: "\eef4";
}

.icofont-sea-plane:before {
  content: "\eef5";
}

.icofont-ship-alt:before {
  content: "\eef6";
}

.icofont-speed-boat:before {
  content: "\eef7";
}

.icofont-taxi:before {
  content: "\eef8";
}

.icofont-tow-truck:before {
  content: "\eef9";
}

.icofont-tractor:before {
  content: "\eefa";
}

.icofont-traffic-light:before {
  content: "\eefb";
}

.icofont-train-line:before {
  content: "\eefc";
}

.icofont-train-steam:before {
  content: "\eefd";
}

.icofont-tram:before {
  content: "\eefe";
}

.icofont-truck-alt:before {
  content: "\eeff";
}

.icofont-truck-loaded:before {
  content: "\ef00";
}

.icofont-truck:before {
  content: "\ef01";
}

.icofont-van-alt:before {
  content: "\ef02";
}

.icofont-van:before {
  content: "\ef03";
}

.icofont-yacht:before {
  content: "\ef04";
}

.icofont-5-star-hotel:before {
  content: "\ef05";
}

.icofont-anchor-alt:before {
  content: "\ef06";
}

.icofont-beach-bed:before {
  content: "\ef07";
}

.icofont-camping-vest:before {
  content: "\ef08";
}

.icofont-coconut-alt:before {
  content: "\ef09";
}

.icofont-direction-sign:before {
  content: "\ef0a";
}

.icofont-hill-side:before {
  content: "\ef0b";
}

.icofont-island-alt:before {
  content: "\ef0c";
}

.icofont-long-drive:before {
  content: "\ef0d";
}

.icofont-map-pins:before {
  content: "\ef0e";
}

.icofont-plane-ticket:before {
  content: "\ef0f";
}

.icofont-sail-boat-alt-1:before {
  content: "\ef10";
}

.icofont-sail-boat-alt-2:before {
  content: "\ef11";
}

.icofont-sandals-female:before {
  content: "\ef12";
}

.icofont-sandals-male:before {
  content: "\ef13";
}

.icofont-travelling:before {
  content: "\ef14";
}

.icofont-breakdown:before {
  content: "\ef15";
}

.icofont-celsius:before {
  content: "\ef16";
}

.icofont-clouds:before {
  content: "\ef17";
}

.icofont-cloudy:before {
  content: "\ef18";
}

.icofont-compass-alt:before {
  content: "\ef19";
}

.icofont-dust:before {
  content: "\ef1a";
}

.icofont-eclipse:before {
  content: "\ef1b";
}

.icofont-fahrenheit:before {
  content: "\ef1c";
}

.icofont-forest-fire:before {
  content: "\ef1d";
}

.icofont-full-night:before {
  content: "\ef1e";
}

.icofont-full-sunny:before {
  content: "\ef1f";
}

.icofont-hail-night:before {
  content: "\ef20";
}

.icofont-hail-rainy-night:before {
  content: "\ef21";
}

.icofont-hail-rainy-sunny:before {
  content: "\ef22";
}

.icofont-hail-rainy:before {
  content: "\ef23";
}

.icofont-hail-sunny:before {
  content: "\ef24";
}

.icofont-hail-thunder-night:before {
  content: "\ef25";
}

.icofont-hail-thunder-sunny:before {
  content: "\ef26";
}

.icofont-hail-thunder:before {
  content: "\ef27";
}

.icofont-hail:before {
  content: "\ef28";
}

.icofont-hill-night:before {
  content: "\ef29";
}

.icofont-hill-sunny:before {
  content: "\ef2a";
}

.icofont-hill:before {
  content: "\ef2b";
}

.icofont-hurricane:before {
  content: "\ef2c";
}

.icofont-island:before {
  content: "\ef2d";
}

.icofont-meteor:before {
  content: "\ef2e";
}

.icofont-night:before {
  content: "\ef2f";
}

.icofont-rainy-night:before {
  content: "\ef30";
}

.icofont-rainy-sunny:before {
  content: "\ef31";
}

.icofont-rainy-thunder:before {
  content: "\ef32";
}

.icofont-rainy:before {
  content: "\ef33";
}

.icofont-showy-night-hail:before {
  content: "\ef34";
}

.icofont-snow-temp:before {
  content: "\ef35";
}

.icofont-snow:before {
  content: "\ef36";
}

.icofont-snowy-hail:before {
  content: "\ef37";
}

.icofont-snowy-night-rainy:before {
  content: "\ef38";
}

.icofont-snowy-night:before {
  content: "\ef39";
}

.icofont-snowy-rainy:before {
  content: "\ef3a";
}

.icofont-snowy-sunny-hail:before {
  content: "\ef3b";
}

.icofont-snowy-sunny-rainy:before {
  content: "\ef3c";
}

.icofont-snowy-sunny:before {
  content: "\ef3d";
}

.icofont-snowy-thunder-night:before {
  content: "\ef3e";
}

.icofont-snowy-thunder-sunny:before {
  content: "\ef3f";
}

.icofont-snowy-thunder:before {
  content: "\ef40";
}

.icofont-snowy-windy-night:before {
  content: "\ef41";
}

.icofont-snowy-windy-sunny:before {
  content: "\ef42";
}

.icofont-snowy-windy:before {
  content: "\ef43";
}

.icofont-snowy:before {
  content: "\ef44";
}

.icofont-sun-alt:before {
  content: "\ef45";
}

.icofont-sun-rise:before {
  content: "\ef46";
}

.icofont-sun-set:before {
  content: "\ef47";
}

.icofont-sunny-day-temp:before {
  content: "\ef48";
}

.icofont-sunny:before {
  content: "\ef49";
}

.icofont-thermometer:before {
  content: "\ef4a";
}

.icofont-thinder-light:before {
  content: "\ef4b";
}

.icofont-tornado:before {
  content: "\ef4c";
}

.icofont-umbrella-alt:before {
  content: "\ef4d";
}

.icofont-volcano:before {
  content: "\ef4e";
}

.icofont-wave:before {
  content: "\ef4f";
}

.icofont-wind-scale-0:before {
  content: "\ef50";
}

.icofont-wind-scale-1:before {
  content: "\ef51";
}

.icofont-wind-scale-2:before {
  content: "\ef52";
}

.icofont-wind-scale-3:before {
  content: "\ef53";
}

.icofont-wind-scale-4:before {
  content: "\ef54";
}

.icofont-wind-scale-5:before {
  content: "\ef55";
}

.icofont-wind-scale-6:before {
  content: "\ef56";
}

.icofont-wind-scale-7:before {
  content: "\ef57";
}

.icofont-wind-scale-8:before {
  content: "\ef58";
}

.icofont-wind-scale-9:before {
  content: "\ef59";
}

.icofont-wind-scale-10:before {
  content: "\ef5a";
}

.icofont-wind-scale-11:before {
  content: "\ef5b";
}

.icofont-wind-scale-12:before {
  content: "\ef5c";
}

.icofont-wind-waves:before {
  content: "\ef5d";
}

.icofont-wind:before {
  content: "\ef5e";
}

.icofont-windy-hail:before {
  content: "\ef5f";
}

.icofont-windy-night:before {
  content: "\ef60";
}

.icofont-windy-raining:before {
  content: "\ef61";
}

.icofont-windy-sunny:before {
  content: "\ef62";
}

.icofont-windy-thunder-raining:before {
  content: "\ef63";
}

.icofont-windy-thunder:before {
  content: "\ef64";
}

.icofont-windy:before {
  content: "\ef65";
}

.icofont-addons:before {
  content: "\ef66";
}

.icofont-address-book:before {
  content: "\ef67";
}

.icofont-adjust:before {
  content: "\ef68";
}

.icofont-alarm:before {
  content: "\ef69";
}

.icofont-anchor:before {
  content: "\ef6a";
}

.icofont-archive:before {
  content: "\ef6b";
}

.icofont-at:before {
  content: "\ef6c";
}

.icofont-attachment:before {
  content: "\ef6d";
}

.icofont-audio:before {
  content: "\ef6e";
}

.icofont-auto-mobile:before {
  content: "\ef6f";
}

.icofont-automation:before {
  content: "\ef70";
}

.icofont-baby:before {
  content: "\ef71";
}

.icofont-badge:before {
  content: "\ef72";
}

.icofont-bag:before {
  content: "\ef73";
}

.icofont-ban:before {
  content: "\ef74";
}

.icofont-bank:before {
  content: "\ef75";
}

.icofont-bar-code:before {
  content: "\ef76";
}

.icofont-bars:before {
  content: "\ef77";
}

.icofont-battery-empty:before {
  content: "\ef78";
}

.icofont-battery-full:before {
  content: "\ef79";
}

.icofont-battery-half:before {
  content: "\ef7a";
}

.icofont-battery-low:before {
  content: "\ef7b";
}

.icofont-beach:before {
  content: "\ef7c";
}

.icofont-beaker:before {
  content: "\ef7d";
}

.icofont-bear:before {
  content: "\ef7e";
}

.icofont-beard:before {
  content: "\ef7f";
}

.icofont-bed:before {
  content: "\ef80";
}

.icofont-bell:before {
  content: "\ef81";
}

.icofont-beverage:before {
  content: "\ef82";
}

.icofont-bicycle:before {
  content: "\ef83";
}

.icofont-bill:before {
  content: "\ef84";
}

.icofont-bin:before {
  content: "\ef85";
}

.icofont-binary:before {
  content: "\ef86";
}

.icofont-binoculars:before {
  content: "\ef87";
}

.icofont-bird:before {
  content: "\ef88";
}

.icofont-birds:before {
  content: "\ef89";
}

.icofont-black-board:before {
  content: "\ef8a";
}

.icofont-bluetooth:before {
  content: "\ef8b";
}

.icofont-bolt:before {
  content: "\ef8c";
}

.icofont-bomb:before {
  content: "\ef8d";
}

.icofont-book-mark:before {
  content: "\ef8e";
}

.icofont-book:before {
  content: "\ef8f";
}

.icofont-boot:before {
  content: "\ef90";
}

.icofont-box:before {
  content: "\ef91";
}

.icofont-brain:before {
  content: "\ef92";
}

.icofont-briefcase:before {
  content: "\ef93";
}

.icofont-broken:before {
  content: "\ef94";
}

.icofont-bucket:before {
  content: "\ef95";
}

.icofont-bucket1:before {
  content: "\ef96";
}

.icofont-bucket2:before {
  content: "\ef97";
}

.icofont-bug:before {
  content: "\ef98";
}

.icofont-building:before {
  content: "\ef99";
}

.icofont-bullet:before {
  content: "\ef9a";
}

.icofont-bullhorn:before {
  content: "\ef9b";
}

.icofont-bullseye:before {
  content: "\ef9c";
}

.icofont-bus:before {
  content: "\ef9d";
}

.icofont-butterfly:before {
  content: "\ef9e";
}

.icofont-cab:before {
  content: "\ef9f";
}

.icofont-calculator:before {
  content: "\efa0";
}

.icofont-calendar:before {
  content: "\efa1";
}

.icofont-camera-alt:before {
  content: "\efa2";
}

.icofont-camera:before {
  content: "\efa3";
}

.icofont-car:before {
  content: "\efa4";
}

.icofont-card:before {
  content: "\efa5";
}

.icofont-cart:before {
  content: "\efa6";
}

.icofont-cc:before {
  content: "\efa7";
}

.icofont-certificate:before {
  content: "\efa8";
}

.icofont-charging:before {
  content: "\efa9";
}

.icofont-chat:before {
  content: "\efaa";
}

.icofont-check-alt:before {
  content: "\efab";
}

.icofont-check-circled:before {
  content: "\efac";
}

.icofont-check:before {
  content: "\efad";
}

.icofont-checked:before {
  content: "\efae";
}

.icofont-children-care:before {
  content: "\efaf";
}

.icofont-clock-time:before {
  content: "\efb0";
}

.icofont-close-circled:before {
  content: "\efb1";
}

.icofont-close-line-circled:before {
  content: "\efb2";
}

.icofont-close-line-squared-alt:before {
  content: "\efb3";
}

.icofont-close-line-squared:before {
  content: "\efb4";
}

.icofont-close-line:before {
  content: "\efb5";
}

.icofont-close-squared-alt:before {
  content: "\efb6";
}

.icofont-close-squared:before {
  content: "\efb7";
}

.icofont-close:before {
  content: "\efb8";
}

.icofont-cloud-download:before {
  content: "\efb9";
}

.icofont-cloud-refresh:before {
  content: "\efba";
}

.icofont-cloud-upload:before {
  content: "\efbb";
}

.icofont-cloud:before {
  content: "\efbc";
}

.icofont-code-not-allowed:before {
  content: "\efbd";
}

.icofont-code:before {
  content: "\efbe";
}

.icofont-coffee-cup:before {
  content: "\efbf";
}

.icofont-comment:before {
  content: "\efc0";
}

.icofont-compass:before {
  content: "\efc1";
}

.icofont-computer:before {
  content: "\efc2";
}

.icofont-connection:before {
  content: "\efc3";
}

.icofont-console:before {
  content: "\efc4";
}

.icofont-contacts:before {
  content: "\efc5";
}

.icofont-contrast:before {
  content: "\efc6";
}

.icofont-copy:before {
  content: "\efc7";
}

.icofont-copyright:before {
  content: "\efc8";
}

.icofont-credit-card:before {
  content: "\efc9";
}

.icofont-crop:before {
  content: "\efca";
}

.icofont-crown:before {
  content: "\efcb";
}

.icofont-cube:before {
  content: "\efcc";
}

.icofont-cubes:before {
  content: "\efcd";
}

.icofont-culinary:before {
  content: "\efce";
}

.icofont-dashboard-web:before {
  content: "\efcf";
}

.icofont-dashboard:before {
  content: "\efd0";
}

.icofont-data:before {
  content: "\efd1";
}

.icofont-database-add:before {
  content: "\efd2";
}

.icofont-database-locked:before {
  content: "\efd3";
}

.icofont-database-remove:before {
  content: "\efd4";
}

.icofont-database:before {
  content: "\efd5";
}

.icofont-delete:before {
  content: "\efd6";
}

.icofont-diamond:before {
  content: "\efd7";
}

.icofont-dice:before {
  content: "\efd8";
}

.icofont-disabled:before {
  content: "\efd9";
}

.icofont-disc:before {
  content: "\efda";
}

.icofont-diskette:before {
  content: "\efdb";
}

.icofont-document-folder:before {
  content: "\efdc";
}

.icofont-download-alt:before {
  content: "\efdd";
}

.icofont-download:before {
  content: "\efde";
}

.icofont-downloaded:before {
  content: "\efdf";
}

.icofont-earth:before {
  content: "\efe0";
}

.icofont-ebook:before {
  content: "\efe1";
}

.icofont-edit:before {
  content: "\efe2";
}

.icofont-eject:before {
  content: "\efe3";
}

.icofont-email:before {
  content: "\efe4";
}

.icofont-envelope-open:before {
  content: "\efe5";
}

.icofont-envelope:before {
  content: "\efe6";
}

.icofont-eraser:before {
  content: "\efe7";
}

.icofont-error:before {
  content: "\efe8";
}

.icofont-exchange:before {
  content: "\efe9";
}

.icofont-exclamation-circle:before {
  content: "\efea";
}

.icofont-exclamation-square:before {
  content: "\efeb";
}

.icofont-exclamation-tringle:before {
  content: "\efec";
}

.icofont-exclamation:before {
  content: "\efed";
}

.icofont-exit:before {
  content: "\efee";
}

.icofont-expand:before {
  content: "\efef";
}

.icofont-external-link:before {
  content: "\eff0";
}

.icofont-external:before {
  content: "\eff1";
}

.icofont-eye-blocked:before {
  content: "\eff2";
}

.icofont-eye-dropper:before {
  content: "\eff3";
}

.icofont-eye:before {
  content: "\eff4";
}

.icofont-favourite:before {
  content: "\eff5";
}

.icofont-fax:before {
  content: "\eff6";
}

.icofont-female:before {
  content: "\eff7";
}

.icofont-file:before {
  content: "\eff8";
}

.icofont-film:before {
  content: "\eff9";
}

.icofont-filter:before {
  content: "\effa";
}

.icofont-fire-burn:before {
  content: "\effb";
}

.icofont-fire-extinguisher:before {
  content: "\effc";
}

.icofont-fire:before {
  content: "\effd";
}

.icofont-first-aid:before {
  content: "\effe";
}

.icofont-flag-alt-1:before {
  content: "\efff";
}

.icofont-flag-alt-2:before {
  content: "\f000";
}

.icofont-flag:before {
  content: "\f001";
}

.icofont-flash-light:before {
  content: "\f002";
}

.icofont-flash:before {
  content: "\f003";
}

.icofont-flask:before {
  content: "\f004";
}

.icofont-focus:before {
  content: "\f005";
}

.icofont-folder-open:before {
  content: "\f006";
}

.icofont-folder:before {
  content: "\f007";
}

.icofont-foot-print:before {
  content: "\f008";
}

.icofont-football-american:before {
  content: "\f009";
}

.icofont-football:before {
  content: "\f00a";
}

.icofont-game-console:before {
  content: "\f00b";
}

.icofont-game-pad:before {
  content: "\f00c";
}

.icofont-gavel:before {
  content: "\f00d";
}

.icofont-gear:before {
  content: "\f00e";
}

.icofont-gears:before {
  content: "\f00f";
}

.icofont-gift:before {
  content: "\f010";
}

.icofont-glass:before {
  content: "\f011";
}

.icofont-globe:before {
  content: "\f012";
}

.icofont-graduate:before {
  content: "\f013";
}

.icofont-graffiti:before {
  content: "\f014";
}

.icofont-grocery:before {
  content: "\f015";
}

.icofont-group:before {
  content: "\f016";
}

.icofont-hammer:before {
  content: "\f017";
}

.icofont-hand:before {
  content: "\f018";
}

.icofont-hanger:before {
  content: "\f019";
}

.icofont-hard-disk:before {
  content: "\f01a";
}

.icofont-headphone:before {
  content: "\f01b";
}

.icofont-heart-beat:before {
  content: "\f01c";
}

.icofont-heart:before {
  content: "\f01d";
}

.icofont-history:before {
  content: "\f01e";
}

.icofont-home:before {
  content: "\f01f";
}

.icofont-horn:before {
  content: "\f020";
}

.icofont-hotel:before {
  content: "\f021";
}

.icofont-hour-glass:before {
  content: "\f022";
}

.icofont-id:before {
  content: "\f023";
}

.icofont-image:before {
  content: "\f024";
}

.icofont-inbox:before {
  content: "\f025";
}

.icofont-infinite:before {
  content: "\f026";
}

.icofont-info-circle:before {
  content: "\f027";
}

.icofont-info-square:before {
  content: "\f028";
}

.icofont-info:before {
  content: "\f029";
}

.icofont-institution:before {
  content: "\f02a";
}

.icofont-interface:before {
  content: "\f02b";
}

.icofont-invisible:before {
  content: "\f02c";
}

.icofont-italic:before {
  content: "\f02d";
}

.icofont-jacket:before {
  content: "\f02e";
}

.icofont-jar:before {
  content: "\f02f";
}

.icofont-jewlery:before {
  content: "\f030";
}

.icofont-karate:before {
  content: "\f031";
}

.icofont-key-hole:before {
  content: "\f032";
}

.icofont-key:before {
  content: "\f033";
}

.icofont-keyboard:before {
  content: "\f034";
}

.icofont-kid:before {
  content: "\f035";
}

.icofont-label:before {
  content: "\f036";
}

.icofont-lamp:before {
  content: "\f037";
}

.icofont-laptop:before {
  content: "\f038";
}

.icofont-layers:before {
  content: "\f039";
}

.icofont-layout:before {
  content: "\f03a";
}

.icofont-leaf:before {
  content: "\f03b";
}

.icofont-leaflet:before {
  content: "\f03c";
}

.icofont-learn:before {
  content: "\f03d";
}

.icofont-legal:before {
  content: "\f03e";
}

.icofont-lego:before {
  content: "\f03f";
}

.icofont-lemon:before {
  content: "\f040";
}

.icofont-lens:before {
  content: "\f041";
}

.icofont-letter:before {
  content: "\f042";
}

.icofont-letterbox:before {
  content: "\f043";
}

.icofont-library:before {
  content: "\f044";
}

.icofont-license:before {
  content: "\f045";
}

.icofont-life-bouy:before {
  content: "\f046";
}

.icofont-life-buoy:before {
  content: "\f047";
}

.icofont-life-jacket:before {
  content: "\f048";
}

.icofont-life-ring:before {
  content: "\f049";
}

.icofont-light-bulb:before {
  content: "\f04a";
}

.icofont-lighter:before {
  content: "\f04b";
}

.icofont-lightning-ray:before {
  content: "\f04c";
}

.icofont-like:before {
  content: "\f04d";
}

.icofont-link:before {
  content: "\f04e";
}

.icofont-live-support:before {
  content: "\f04f";
}

.icofont-location-arrow:before {
  content: "\f050";
}

.icofont-location-pin:before {
  content: "\f051";
}

.icofont-lock:before {
  content: "\f052";
}

.icofont-login:before {
  content: "\f053";
}

.icofont-logout:before {
  content: "\f054";
}

.icofont-lollipop:before {
  content: "\f055";
}

.icofont-look:before {
  content: "\f056";
}

.icofont-loop:before {
  content: "\f057";
}

.icofont-luggage:before {
  content: "\f058";
}

.icofont-lunch:before {
  content: "\f059";
}

.icofont-lungs:before {
  content: "\f05a";
}

.icofont-magic-alt:before {
  content: "\f05b";
}

.icofont-magic:before {
  content: "\f05c";
}

.icofont-magnet:before {
  content: "\f05d";
}

.icofont-mail-box:before {
  content: "\f05e";
}

.icofont-mail:before {
  content: "\f05f";
}

.icofont-male:before {
  content: "\f060";
}

.icofont-map:before {
  content: "\f061";
}

.icofont-math:before {
  content: "\f062";
}

.icofont-maximize:before {
  content: "\f063";
}

.icofont-measure:before {
  content: "\f064";
}

.icofont-medal:before {
  content: "\f065";
}

.icofont-medical:before {
  content: "\f066";
}

.icofont-medicine:before {
  content: "\f067";
}

.icofont-mega-phone:before {
  content: "\f068";
}

.icofont-memorial:before {
  content: "\f069";
}

.icofont-memory-card:before {
  content: "\f06a";
}

.icofont-mic-mute:before {
  content: "\f06b";
}

.icofont-mic:before {
  content: "\f06c";
}

.icofont-micro-chip:before {
  content: "\f06d";
}

.icofont-microphone:before {
  content: "\f06e";
}

.icofont-microscope:before {
  content: "\f06f";
}

.icofont-military:before {
  content: "\f070";
}

.icofont-mill:before {
  content: "\f071";
}

.icofont-minus-circle:before {
  content: "\f072";
}

.icofont-minus-square:before {
  content: "\f073";
}

.icofont-minus:before {
  content: "\f074";
}

.icofont-mobile-phone:before {
  content: "\f075";
}

.icofont-molecule:before {
  content: "\f076";
}

.icofont-money:before {
  content: "\f077";
}

.icofont-moon:before {
  content: "\f078";
}

.icofont-mop:before {
  content: "\f079";
}

.icofont-muffin:before {
  content: "\f07a";
}

.icofont-music-alt:before {
  content: "\f07b";
}

.icofont-music-notes:before {
  content: "\f07c";
}

.icofont-music:before {
  content: "\f07d";
}

.icofont-mustache:before {
  content: "\f07e";
}

.icofont-mute-volume:before {
  content: "\f07f";
}

.icofont-navigation-menu:before {
  content: "\f080";
}

.icofont-navigation:before {
  content: "\f081";
}

.icofont-network-tower:before {
  content: "\f082";
}

.icofont-network:before {
  content: "\f083";
}

.icofont-news:before {
  content: "\f084";
}

.icofont-newspaper:before {
  content: "\f085";
}

.icofont-no-smoking:before {
  content: "\f086";
}

.icofont-not-allowed:before {
  content: "\f087";
}

.icofont-notebook:before {
  content: "\f088";
}

.icofont-notepad:before {
  content: "\f089";
}

.icofont-notification:before {
  content: "\f08a";
}

.icofont-numbered:before {
  content: "\f08b";
}

.icofont-opposite:before {
  content: "\f08c";
}

.icofont-optic:before {
  content: "\f08d";
}

.icofont-options:before {
  content: "\f08e";
}

.icofont-package:before {
  content: "\f08f";
}

.icofont-page:before {
  content: "\f090";
}

.icofont-paint:before {
  content: "\f091";
}

.icofont-paper-plane:before {
  content: "\f092";
}

.icofont-paperclip:before {
  content: "\f093";
}

.icofont-papers:before {
  content: "\f094";
}

.icofont-paw:before {
  content: "\f095";
}

.icofont-pay:before {
  content: "\f096";
}

.icofont-pen:before {
  content: "\f097";
}

.icofont-pencil:before {
  content: "\f098";
}

.icofont-penguin-linux:before {
  content: "\f099";
}

.icofont-pestle:before {
  content: "\f09a";
}

.icofont-phone-circle:before {
  content: "\f09b";
}

.icofont-phone:before {
  content: "\f09c";
}

.icofont-picture:before {
  content: "\f09d";
}

.icofont-pie:before {
  content: "\f09e";
}

.icofont-pine:before {
  content: "\f09f";
}

.icofont-pixels:before {
  content: "\f0a0";
}

.icofont-play:before {
  content: "\f0a1";
}

.icofont-plugin:before {
  content: "\f0a2";
}

.icofont-plus-circle:before {
  content: "\f0a3";
}

.icofont-plus-square:before {
  content: "\f0a4";
}

.icofont-plus:before {
  content: "\f0a5";
}

.icofont-polygonal:before {
  content: "\f0a6";
}

.icofont-power:before {
  content: "\f0a7";
}

.icofont-presentation:before {
  content: "\f0a8";
}

.icofont-price:before {
  content: "\f0a9";
}

.icofont-print:before {
  content: "\f0aa";
}

.icofont-puzzle:before {
  content: "\f0ab";
}

.icofont-qr-code:before {
  content: "\f0ac";
}

.icofont-queen:before {
  content: "\f0ad";
}

.icofont-question-circle:before {
  content: "\f0ae";
}

.icofont-question-square:before {
  content: "\f0af";
}

.icofont-question:before {
  content: "\f0b0";
}

.icofont-quote-left:before {
  content: "\f0b1";
}

.icofont-quote-right:before {
  content: "\f0b2";
}

.icofont-radio:before {
  content: "\f0b3";
}

.icofont-random:before {
  content: "\f0b4";
}

.icofont-recycle:before {
  content: "\f0b5";
}

.icofont-refresh:before {
  content: "\f0b6";
}

.icofont-repair:before {
  content: "\f0b7";
}

.icofont-reply-all:before {
  content: "\f0b8";
}

.icofont-reply:before {
  content: "\f0b9";
}

.icofont-resize:before {
  content: "\f0ba";
}

.icofont-responsive:before {
  content: "\f0bb";
}

.icofont-retweet:before {
  content: "\f0bc";
}

.icofont-road:before {
  content: "\f0bd";
}

.icofont-robot:before {
  content: "\f0be";
}

.icofont-rocket:before {
  content: "\f0bf";
}

.icofont-royal:before {
  content: "\f0c0";
}

.icofont-rss-feed:before {
  content: "\f0c1";
}

.icofont-safety:before {
  content: "\f0c2";
}

.icofont-sale-discount:before {
  content: "\f0c3";
}

.icofont-satellite:before {
  content: "\f0c4";
}

.icofont-send-mail:before {
  content: "\f0c5";
}

.icofont-server:before {
  content: "\f0c6";
}

.icofont-settings:before {
  content: "\f0c7";
}

.icofont-share-alt:before {
  content: "\f0c8";
}

.icofont-share-boxed:before {
  content: "\f0c9";
}

.icofont-share:before {
  content: "\f0ca";
}

.icofont-shield:before {
  content: "\f0cb";
}

.icofont-ship:before {
  content: "\f0cc";
}

.icofont-shopping-cart:before {
  content: "\f0cd";
}

.icofont-sign-in:before {
  content: "\f0ce";
}

.icofont-sign-out:before {
  content: "\f0cf";
}

.icofont-signal:before {
  content: "\f0d0";
}

.icofont-site-map:before {
  content: "\f0d1";
}

.icofont-smart-phone:before {
  content: "\f0d2";
}

.icofont-soccer:before {
  content: "\f0d3";
}

.icofont-sort-alt:before {
  content: "\f0d4";
}

.icofont-sort:before {
  content: "\f0d5";
}

.icofont-space:before {
  content: "\f0d6";
}

.icofont-spanner:before {
  content: "\f0d7";
}

.icofont-speech-comments:before {
  content: "\f0d8";
}

.icofont-speed-meter:before {
  content: "\f0d9";
}

.icofont-spinner-alt-1:before {
  content: "\f0da";
}

.icofont-spinner-alt-2:before {
  content: "\f0db";
}

.icofont-spinner-alt-3:before {
  content: "\f0dc";
}

.icofont-spinner-alt-4:before {
  content: "\f0dd";
}

.icofont-spinner-alt-5:before {
  content: "\f0de";
}

.icofont-spinner-alt-6:before {
  content: "\f0df";
}

.icofont-spinner:before {
  content: "\f0e0";
}

.icofont-spreadsheet:before {
  content: "\f0e1";
}

.icofont-square:before {
  content: "\f0e2";
}

.icofont-ssl-security:before {
  content: "\f0e3";
}

.icofont-star-alt-1:before {
  content: "\f0e4";
}

.icofont-star-alt-2:before {
  content: "\f0e5";
}

.icofont-star:before {
  content: "\f0e6";
}

.icofont-street-view:before {
  content: "\f0e7";
}

.icofont-sun:before {
  content: "\f0e8";
}

.icofont-support-faq:before {
  content: "\f0e9";
}

.icofont-tack-pin:before {
  content: "\f0ea";
}

.icofont-tag:before {
  content: "\f0eb";
}

.icofont-tags:before {
  content: "\f0ec";
}

.icofont-tasks:before {
  content: "\f0ed";
}

.icofont-telephone:before {
  content: "\f0ee";
}

.icofont-telescope:before {
  content: "\f0ef";
}

.icofont-terminal:before {
  content: "\f0f0";
}

.icofont-thumbs-down:before {
  content: "\f0f1";
}

.icofont-thumbs-up:before {
  content: "\f0f2";
}

.icofont-tick-boxed:before {
  content: "\f0f3";
}

.icofont-tick-mark:before {
  content: "\f0f4";
}

.icofont-ticket:before {
  content: "\f0f5";
}

.icofont-tie:before {
  content: "\f0f6";
}

.icofont-toggle-off:before {
  content: "\f0f7";
}

.icofont-toggle-on:before {
  content: "\f0f8";
}

.icofont-tools:before {
  content: "\f0f9";
}

.icofont-transparent:before {
  content: "\f0fa";
}

.icofont-tree:before {
  content: "\f0fb";
}

.icofont-umbrella:before {
  content: "\f0fc";
}

.icofont-unlock:before {
  content: "\f0fd";
}

.icofont-unlocked:before {
  content: "\f0fe";
}

.icofont-upload-alt:before {
  content: "\f0ff";
}

.icofont-upload:before {
  content: "\f100";
}

.icofont-usb-drive:before {
  content: "\f101";
}

.icofont-usb:before {
  content: "\f102";
}

.icofont-vector-path:before {
  content: "\f103";
}

.icofont-verification-check:before {
  content: "\f104";
}

.icofont-video-clapper:before {
  content: "\f105";
}

.icofont-video:before {
  content: "\f106";
}

.icofont-volume-down:before {
  content: "\f107";
}

.icofont-volume-off:before {
  content: "\f108";
}

.icofont-volume-up:before {
  content: "\f109";
}

.icofont-wall-clock:before {
  content: "\f10a";
}

.icofont-wall:before {
  content: "\f10b";
}

.icofont-wallet:before {
  content: "\f10c";
}

.icofont-warning-alt:before {
  content: "\f10d";
}

.icofont-warning:before {
  content: "\f10e";
}

.icofont-water-drop:before {
  content: "\f10f";
}

.icofont-web:before {
  content: "\f110";
}

.icofont-wheelchair:before {
  content: "\f111";
}

.icofont-wifi-alt:before {
  content: "\f112";
}

.icofont-wifi:before {
  content: "\f113";
}

.icofont-world:before {
  content: "\f114";
}

.icofont-zigzag:before {
  content: "\f115";
}

.icofont-zipped:before {
  content: "\f116";
}

.icofont-social-500px:before {
  content: "\f117";
}

.icofont-social-baidu-tieba:before {
  content: "\f118";
}

.icofont-social-bbm-messenger:before {
  content: "\f119";
}

.icofont-social-delicious:before {
  content: "\f11a";
}

.icofont-social-dribbble:before {
  content: "\f11b";
}

.icofont-social-facebook-messenger:before {
  content: "\f11c";
}

.icofont-social-flikr:before {
  content: "\f11d";
}

.icofont-social-foursquare:before {
  content: "\f11e";
}

.icofont-social-google-hangouts:before {
  content: "\f11f";
}

.icofont-social-kakaotalk:before {
  content: "\f120";
}

.icofont-social-kik:before {
  content: "\f121";
}

.icofont-social-kiwibox:before {
  content: "\f122";
}

.icofont-social-linkedin:before {
  content: "\f123";
}

.icofont-social-meetme:before {
  content: "\f124";
}

.icofont-social-odnoklassniki:before {
  content: "\f125";
}

.icofont-social-photobucket:before {
  content: "\f126";
}

.icofont-social-qq:before {
  content: "\f127";
}

.icofont-social-renren:before {
  content: "\f128";
}

.icofont-social-slack:before {
  content: "\f129";
}

.icofont-social-slidshare:before {
  content: "\f12a";
}

.icofont-social-snapchat:before {
  content: "\f12b";
}

.icofont-social-soundcloud:before {
  content: "\f12c";
}

.icofont-social-spotify:before {
  content: "\f12d";
}

.icofont-social-stack-exchange:before {
  content: "\f12e";
}

.icofont-social-stack-overflow:before {
  content: "\f12f";
}

.icofont-social-tagged:before {
  content: "\f130";
}

.icofont-social-trello:before {
  content: "\f131";
}

.icofont-social-twitch:before {
  content: "\f132";
}

.icofont-social-vk:before {
  content: "\f133";
}

.icofont-social-weibo:before {
  content: "\f134";
}

.icofont-social-whatsapp:before {
  content: "\f135";
}

.icofont-social-youku:before {
  content: "\f136";
}

.icofont-social-youtube-play:before {
  content: "\f137";
}

.icofont-social-youtube:before {
  content: "\f138";
}

.icofont-brand-xiaomi:before {
  content: "\f139";
}

/*Font size*/
.icofont-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.icofont-2x {
  font-size: 2em;
}

.icofont-3x {
  font-size: 3em;
}

.icofont-4x {
  font-size: 4em;
}

.icofont-5x {
  font-size: 5em;
}

.icofont-fw {
  display: inline-block;
  width: 1.28571429em;
  text-align: center;
  width: 1.28571429em;
  text-align: center;
}

/*Fixed Width Icons*/
/*Custom list icons*/
.icofont-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.icofont-ul > li {
  position: relative;
}

.icofont-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

/*Animation*/
.icofont-rotate {
  display: inline-block;
  -webkit-animation: icofont-rotate 2s infinite linear;
  animation: icofont-rotate 2s infinite linear;
}

@-webkit-keyframes icofont-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes icofont-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.cropper-modal, .cropper-crop-box, .cropper-drag-box, .cropper-canvas, .cropper-wrap-box {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-center:after, .cropper-center:before {
  background-color: #f4f4f4;
  content: " ";
  display: block;
  position: absolute;
}

.cropper-point, .cropper-line, .cropper-face {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  touch-action: none;
  user-select: none;
}
.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-wrap-box {
  overflow: hidden;
}

.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline-color: var(--theme-deafult);
  outline: 1px solid var(--theme-deafult);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #f4f4f4;
  display: block;
  opacity: 0.5;
  position: absolute;
}
.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.33333%;
  left: 0;
  top: 33.33333%;
  width: 100%;
}
.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.33333%;
  top: 0;
  width: 33.33333%;
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}
.cropper-center:before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}
.cropper-center:after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: var(--theme-deafult);
}
.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}
.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

.cropper-point {
  background-color: var(--theme-deafult);
  height: 5px;
  opacity: 0.75;
  width: 5px;
}
.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}
.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}
.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}
.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}
.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}
.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}
.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}
.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}
.cropper-point.point-se:before {
  background-color: var(--theme-deafult);
  bottom: -50%;
  content: " ";
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box {
  cursor: not-allowed;
}
.cropper-disabled .cropper-face {
  cursor: not-allowed;
}
.cropper-disabled .cropper-line {
  cursor: not-allowed;
}
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.img-cropper .btn {
  padding: 6px 15px;
}
.img-cropper label.btn {
  margin-bottom: 0;
}
.img-cropper .d-flex > .btn {
  flex: 1;
}
.img-cropper .carbonads {
  border-radius: 0.25rem;
  border: 1px solid #ccc;
  font-size: 0.875rem;
  overflow: hidden;
  padding: 1rem;
}
.img-cropper .carbon-wrap {
  overflow: hidden;
}
.img-cropper .carbon-img {
  clear: left;
  display: block;
  float: left;
}
.img-cropper .carbon-text,
.img-cropper .carbon-poweredby {
  display: block;
  margin-left: 140px;
}
.img-cropper .carbon-text,
.img-cropper .carbon-text:hover,
.img-cropper .carbon-text:focus {
  color: #fff;
  text-decoration: none;
}
.img-cropper .carbon-poweredby,
.img-cropper .carbon-poweredby:hover,
.img-cropper .carbon-poweredby:focus {
  color: #ddd;
  text-decoration: none;
}
.img-cropper .carbonads {
  float: right;
  margin-bottom: -1rem;
  margin-top: -1rem;
  max-width: 360px;
}
.img-cropper .heart {
  color: #ddd;
  display: block;
  height: 2rem;
  line-height: 2rem;
  margin-bottom: 0;
  margin-top: 1rem;
  position: relative;
  text-align: center;
  width: 100%;
}
.img-cropper .heart:hover {
  color: #ff4136;
}
.img-cropper .heart::before {
  border-top: 1px solid #eee;
  content: " ";
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
}
.img-cropper .heart::after {
  background-color: #fff;
  content: "♥";
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  position: relative;
  z-index: 1;
}
.img-cropper .img-container,
.img-cropper .img-preview {
  background-color: #f7f7f7;
  text-align: center;
  width: 100%;
}
.img-cropper .img-container {
  margin-bottom: 1rem;
  max-height: 497px;
  min-height: 200px;
}
.img-cropper .img-container .cropper-bg {
  width: 100% !important;
}
.img-cropper .img-container {
  min-height: 497px;
}
.img-cropper .img-container > img {
  max-width: 100%;
}
.img-cropper .docs-preview {
  margin-right: -1rem;
}
.img-cropper .img-preview {
  float: left;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  overflow: hidden;
}
.img-cropper .img-preview > img {
  max-width: 100%;
}
.img-cropper .preview-lg {
  height: 9rem;
  width: 16rem;
}
.img-cropper .preview-md {
  height: 4.5rem;
  width: 8rem;
}
.img-cropper .preview-sm {
  height: 2.25rem;
  width: 4rem;
}
.img-cropper .preview-xs {
  height: 1.125rem;
  margin-right: 0;
  width: 2rem;
}
.img-cropper .docs-data > .input-group {
  margin-bottom: 0.5rem;
}
.img-cropper .docs-data .input-group-prepend .input-group-text {
  min-width: 4rem;
}
.img-cropper .docs-data .input-group-append .input-group-text {
  min-width: 3rem;
}
.img-cropper .docs-buttons > .btn,
.img-cropper .docs-buttons > .btn-group,
.img-cropper .docs-buttons > .form-control {
  margin-bottom: 10px;
  margin-right: 10px;
}
.img-cropper .docs-toggles > .btn,
.img-cropper .docs-toggles > .btn-group,
.img-cropper .docs-toggles > .dropdown {
  margin-bottom: 0.5rem;
}
.docs-toggles{
  .btn-group{
    label{
      &.active{
        .docs-tooltip{
          color: #ffffff;
        }
      }
    }
  }
}
.img-cropper .docs-tooltip {
  display: block;
  font-size: 14px;
  letter-spacing: 1px;
}
.img-cropper .docs-tooltip > .icon {
  margin: 0 -0.25rem;
  vertical-align: top;
}
.img-cropper .tooltip-inner {
  white-space: normal;
}
.img-cropper .btn-upload .tooltip-inner,
.img-cropper .btn-toggle .tooltip-inner {
  white-space: nowrap;
}
.img-cropper .btn-toggle {
  padding: 0.5rem;
}
.img-cropper .btn-toggle > .docs-tooltip {
  margin: -0.5rem;
  padding: 0.5rem;
}
.img-cropper .btn-group-crop {
  margin-right: 5px !important;
}
.img-cropper .btn-group-crop > .btn {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.img-cropper .btn-group-crop .docs-tooltip {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.img-cropper .docs-options .dropdown-menu {
  width: 100%;
}
.img-cropper .docs-options .dropdown-menu > li {
  font-size: 0.875rem;
  padding: 0.125rem 1rem;
}
.img-cropper .docs-options .dropdown-menu .form-check-label {
  display: block;
}
.img-cropper .docs-cropped .modal-body {
  text-align: center;
}
.img-cropper .docs-cropped .modal-body > img,
.img-cropper .docs-cropped .modal-body > canvas {
  max-width: 100%;
}
.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input,.iti input[type=tel],.iti input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}[dir=rtl] .iti__arrow{margin-right:6px;margin-left:0}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__country-list{position:absolute;z-index:2;list-style:none;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__country-list--dropup{bottom:100%;margin-bottom:-1px}@media (max-width:500px){.iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{display:flex;align-items:center;padding:5px 10px;outline:0}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:rgba(0,0,0,.05)}.iti__country-name,.iti__flag-box{margin-right:6px}[dir=rtl] .iti__country-name,[dir=rtl] .iti__flag-box{margin-right:0;margin-left:6px}.iti--allow-dropdown input,.iti--allow-dropdown input[type=tel],.iti--allow-dropdown input[type=text],.iti--separate-dial-code input,.iti--separate-dial-code input[type=tel],.iti--separate-dial-code input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}[dir=rtl] .iti--allow-dropdown input,[dir=rtl] .iti--allow-dropdown input[type=tel],[dir=rtl] .iti--allow-dropdown input[type=text],[dir=rtl] .iti--separate-dial-code input,[dir=rtl] .iti--separate-dial-code input[type=tel],[dir=rtl] .iti--separate-dial-code input[type=text]{padding-right:52px;padding-left:6px;margin-right:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}[dir=rtl] .iti--allow-dropdown .iti__flag-container,[dir=rtl] .iti--separate-dial-code .iti__flag-container{right:0;left:auto}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover{cursor:default}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag{background-color:transparent}.iti--separate-dial-code .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti-mobile .iti--container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .iti__country-list{max-height:100%;width:100%}.iti-mobile .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-size:5652px 15px}}.iti__flag.iti__ac{height:10px;background-position:0 0}.iti__flag.iti__ad{height:14px;background-position:-22px 0}.iti__flag.iti__ae{height:10px;background-position:-44px 0}.iti__flag.iti__af{height:14px;background-position:-66px 0}.iti__flag.iti__ag{height:14px;background-position:-88px 0}.iti__flag.iti__ai{height:10px;background-position:-110px 0}.iti__flag.iti__al{height:15px;background-position:-132px 0}.iti__flag.iti__am{height:10px;background-position:-154px 0}.iti__flag.iti__ao{height:14px;background-position:-176px 0}.iti__flag.iti__aq{height:14px;background-position:-198px 0}.iti__flag.iti__ar{height:13px;background-position:-220px 0}.iti__flag.iti__as{height:10px;background-position:-242px 0}.iti__flag.iti__at{height:14px;background-position:-264px 0}.iti__flag.iti__au{height:10px;background-position:-286px 0}.iti__flag.iti__aw{height:14px;background-position:-308px 0}.iti__flag.iti__ax{height:13px;background-position:-330px 0}.iti__flag.iti__az{height:10px;background-position:-352px 0}.iti__flag.iti__ba{height:10px;background-position:-374px 0}.iti__flag.iti__bb{height:14px;background-position:-396px 0}.iti__flag.iti__bd{height:12px;background-position:-418px 0}.iti__flag.iti__be{height:15px;background-position:-440px 0}.iti__flag.iti__bf{height:14px;background-position:-460px 0}.iti__flag.iti__bg{height:12px;background-position:-482px 0}.iti__flag.iti__bh{height:12px;background-position:-504px 0}.iti__flag.iti__bi{height:12px;background-position:-526px 0}.iti__flag.iti__bj{height:14px;background-position:-548px 0}.iti__flag.iti__bl{height:14px;background-position:-570px 0}.iti__flag.iti__bm{height:10px;background-position:-592px 0}.iti__flag.iti__bn{height:10px;background-position:-614px 0}.iti__flag.iti__bo{height:14px;background-position:-636px 0}.iti__flag.iti__bq{height:14px;background-position:-658px 0}.iti__flag.iti__br{height:14px;background-position:-680px 0}.iti__flag.iti__bs{height:10px;background-position:-702px 0}.iti__flag.iti__bt{height:14px;background-position:-724px 0}.iti__flag.iti__bv{height:15px;background-position:-746px 0}.iti__flag.iti__bw{height:14px;background-position:-768px 0}.iti__flag.iti__by{height:10px;background-position:-790px 0}.iti__flag.iti__bz{height:14px;background-position:-812px 0}.iti__flag.iti__ca{height:10px;background-position:-834px 0}.iti__flag.iti__cc{height:10px;background-position:-856px 0}.iti__flag.iti__cd{height:15px;background-position:-878px 0}.iti__flag.iti__cf{height:14px;background-position:-900px 0}.iti__flag.iti__cg{height:14px;background-position:-922px 0}.iti__flag.iti__ch{height:15px;background-position:-944px 0}.iti__flag.iti__ci{height:14px;background-position:-961px 0}.iti__flag.iti__ck{height:10px;background-position:-983px 0}.iti__flag.iti__cl{height:14px;background-position:-1005px 0}.iti__flag.iti__cm{height:14px;background-position:-1027px 0}.iti__flag.iti__cn{height:14px;background-position:-1049px 0}.iti__flag.iti__co{height:14px;background-position:-1071px 0}.iti__flag.iti__cp{height:14px;background-position:-1093px 0}.iti__flag.iti__cr{height:12px;background-position:-1115px 0}.iti__flag.iti__cu{height:10px;background-position:-1137px 0}.iti__flag.iti__cv{height:12px;background-position:-1159px 0}.iti__flag.iti__cw{height:14px;background-position:-1181px 0}.iti__flag.iti__cx{height:10px;background-position:-1203px 0}.iti__flag.iti__cy{height:14px;background-position:-1225px 0}.iti__flag.iti__cz{height:14px;background-position:-1247px 0}.iti__flag.iti__de{height:12px;background-position:-1269px 0}.iti__flag.iti__dg{height:10px;background-position:-1291px 0}.iti__flag.iti__dj{height:14px;background-position:-1313px 0}.iti__flag.iti__dk{height:15px;background-position:-1335px 0}.iti__flag.iti__dm{height:10px;background-position:-1357px 0}.iti__flag.iti__do{height:14px;background-position:-1379px 0}.iti__flag.iti__dz{height:14px;background-position:-1401px 0}.iti__flag.iti__ea{height:14px;background-position:-1423px 0}.iti__flag.iti__ec{height:14px;background-position:-1445px 0}.iti__flag.iti__ee{height:13px;background-position:-1467px 0}.iti__flag.iti__eg{height:14px;background-position:-1489px 0}.iti__flag.iti__eh{height:10px;background-position:-1511px 0}.iti__flag.iti__er{height:10px;background-position:-1533px 0}.iti__flag.iti__es{height:14px;background-position:-1555px 0}.iti__flag.iti__et{height:10px;background-position:-1577px 0}.iti__flag.iti__eu{height:14px;background-position:-1599px 0}.iti__flag.iti__fi{height:12px;background-position:-1621px 0}.iti__flag.iti__fj{height:10px;background-position:-1643px 0}.iti__flag.iti__fk{height:10px;background-position:-1665px 0}.iti__flag.iti__fm{height:11px;background-position:-1687px 0}.iti__flag.iti__fo{height:15px;background-position:-1709px 0}.iti__flag.iti__fr{height:14px;background-position:-1731px 0}.iti__flag.iti__ga{height:15px;background-position:-1753px 0}.iti__flag.iti__gb{height:10px;background-position:-1775px 0}.iti__flag.iti__gd{height:12px;background-position:-1797px 0}.iti__flag.iti__ge{height:14px;background-position:-1819px 0}.iti__flag.iti__gf{height:14px;background-position:-1841px 0}.iti__flag.iti__gg{height:14px;background-position:-1863px 0}.iti__flag.iti__gh{height:14px;background-position:-1885px 0}.iti__flag.iti__gi{height:10px;background-position:-1907px 0}.iti__flag.iti__gl{height:14px;background-position:-1929px 0}.iti__flag.iti__gm{height:14px;background-position:-1951px 0}.iti__flag.iti__gn{height:14px;background-position:-1973px 0}.iti__flag.iti__gp{height:14px;background-position:-1995px 0}.iti__flag.iti__gq{height:14px;background-position:-2017px 0}.iti__flag.iti__gr{height:14px;background-position:-2039px 0}.iti__flag.iti__gs{height:10px;background-position:-2061px 0}.iti__flag.iti__gt{height:13px;background-position:-2083px 0}.iti__flag.iti__gu{height:11px;background-position:-2105px 0}.iti__flag.iti__gw{height:10px;background-position:-2127px 0}.iti__flag.iti__gy{height:12px;background-position:-2149px 0}.iti__flag.iti__hk{height:14px;background-position:-2171px 0}.iti__flag.iti__hm{height:10px;background-position:-2193px 0}.iti__flag.iti__hn{height:10px;background-position:-2215px 0}.iti__flag.iti__hr{height:10px;background-position:-2237px 0}.iti__flag.iti__ht{height:12px;background-position:-2259px 0}.iti__flag.iti__hu{height:10px;background-position:-2281px 0}.iti__flag.iti__ic{height:14px;background-position:-2303px 0}.iti__flag.iti__id{height:14px;background-position:-2325px 0}.iti__flag.iti__ie{height:10px;background-position:-2347px 0}.iti__flag.iti__il{height:15px;background-position:-2369px 0}.iti__flag.iti__im{height:10px;background-position:-2391px 0}.iti__flag.iti__in{height:14px;background-position:-2413px 0}.iti__flag.iti__io{height:10px;background-position:-2435px 0}.iti__flag.iti__iq{height:14px;background-position:-2457px 0}.iti__flag.iti__ir{height:12px;background-position:-2479px 0}.iti__flag.iti__is{height:15px;background-position:-2501px 0}.iti__flag.iti__it{height:14px;background-position:-2523px 0}.iti__flag.iti__je{height:12px;background-position:-2545px 0}.iti__flag.iti__jm{height:10px;background-position:-2567px 0}.iti__flag.iti__jo{height:10px;background-position:-2589px 0}.iti__flag.iti__jp{height:14px;background-position:-2611px 0}.iti__flag.iti__ke{height:14px;background-position:-2633px 0}.iti__flag.iti__kg{height:12px;background-position:-2655px 0}.iti__flag.iti__kh{height:13px;background-position:-2677px 0}.iti__flag.iti__ki{height:10px;background-position:-2699px 0}.iti__flag.iti__km{height:12px;background-position:-2721px 0}.iti__flag.iti__kn{height:14px;background-position:-2743px 0}.iti__flag.iti__kp{height:10px;background-position:-2765px 0}.iti__flag.iti__kr{height:14px;background-position:-2787px 0}.iti__flag.iti__kw{height:10px;background-position:-2809px 0}.iti__flag.iti__ky{height:10px;background-position:-2831px 0}.iti__flag.iti__kz{height:10px;background-position:-2853px 0}.iti__flag.iti__la{height:14px;background-position:-2875px 0}.iti__flag.iti__lb{height:14px;background-position:-2897px 0}.iti__flag.iti__lc{height:10px;background-position:-2919px 0}.iti__flag.iti__li{height:12px;background-position:-2941px 0}.iti__flag.iti__lk{height:10px;background-position:-2963px 0}.iti__flag.iti__lr{height:11px;background-position:-2985px 0}.iti__flag.iti__ls{height:14px;background-position:-3007px 0}.iti__flag.iti__lt{height:12px;background-position:-3029px 0}.iti__flag.iti__lu{height:12px;background-position:-3051px 0}.iti__flag.iti__lv{height:10px;background-position:-3073px 0}.iti__flag.iti__ly{height:10px;background-position:-3095px 0}.iti__flag.iti__ma{height:14px;background-position:-3117px 0}.iti__flag.iti__mc{height:15px;background-position:-3139px 0}.iti__flag.iti__md{height:10px;background-position:-3160px 0}.iti__flag.iti__me{height:10px;background-position:-3182px 0}.iti__flag.iti__mf{height:14px;background-position:-3204px 0}.iti__flag.iti__mg{height:14px;background-position:-3226px 0}.iti__flag.iti__mh{height:11px;background-position:-3248px 0}.iti__flag.iti__mk{height:10px;background-position:-3270px 0}.iti__flag.iti__ml{height:14px;background-position:-3292px 0}.iti__flag.iti__mm{height:14px;background-position:-3314px 0}.iti__flag.iti__mn{height:10px;background-position:-3336px 0}.iti__flag.iti__mo{height:14px;background-position:-3358px 0}.iti__flag.iti__mp{height:10px;background-position:-3380px 0}.iti__flag.iti__mq{height:14px;background-position:-3402px 0}.iti__flag.iti__mr{height:14px;background-position:-3424px 0}.iti__flag.iti__ms{height:10px;background-position:-3446px 0}.iti__flag.iti__mt{height:14px;background-position:-3468px 0}.iti__flag.iti__mu{height:14px;background-position:-3490px 0}.iti__flag.iti__mv{height:14px;background-position:-3512px 0}.iti__flag.iti__mw{height:14px;background-position:-3534px 0}.iti__flag.iti__mx{height:12px;background-position:-3556px 0}.iti__flag.iti__my{height:10px;background-position:-3578px 0}.iti__flag.iti__mz{height:14px;background-position:-3600px 0}.iti__flag.iti__na{height:14px;background-position:-3622px 0}.iti__flag.iti__nc{height:10px;background-position:-3644px 0}.iti__flag.iti__ne{height:15px;background-position:-3666px 0}.iti__flag.iti__nf{height:10px;background-position:-3686px 0}.iti__flag.iti__ng{height:10px;background-position:-3708px 0}.iti__flag.iti__ni{height:12px;background-position:-3730px 0}.iti__flag.iti__nl{height:14px;background-position:-3752px 0}.iti__flag.iti__no{height:15px;background-position:-3774px 0}.iti__flag.iti__np{height:15px;background-position:-3796px 0}.iti__flag.iti__nr{height:10px;background-position:-3811px 0}.iti__flag.iti__nu{height:10px;background-position:-3833px 0}.iti__flag.iti__nz{height:10px;background-position:-3855px 0}.iti__flag.iti__om{height:10px;background-position:-3877px 0}.iti__flag.iti__pa{height:14px;background-position:-3899px 0}.iti__flag.iti__pe{height:14px;background-position:-3921px 0}.iti__flag.iti__pf{height:14px;background-position:-3943px 0}.iti__flag.iti__pg{height:15px;background-position:-3965px 0}.iti__flag.iti__ph{height:10px;background-position:-3987px 0}.iti__flag.iti__pk{height:14px;background-position:-4009px 0}.iti__flag.iti__pl{height:13px;background-position:-4031px 0}.iti__flag.iti__pm{height:14px;background-position:-4053px 0}.iti__flag.iti__pn{height:10px;background-position:-4075px 0}.iti__flag.iti__pr{height:14px;background-position:-4097px 0}.iti__flag.iti__ps{height:10px;background-position:-4119px 0}.iti__flag.iti__pt{height:14px;background-position:-4141px 0}.iti__flag.iti__pw{height:13px;background-position:-4163px 0}.iti__flag.iti__py{height:11px;background-position:-4185px 0}.iti__flag.iti__qa{height:8px;background-position:-4207px 0}.iti__flag.iti__re{height:14px;background-position:-4229px 0}.iti__flag.iti__ro{height:14px;background-position:-4251px 0}.iti__flag.iti__rs{height:14px;background-position:-4273px 0}.iti__flag.iti__ru{height:14px;background-position:-4295px 0}.iti__flag.iti__rw{height:14px;background-position:-4317px 0}.iti__flag.iti__sa{height:14px;background-position:-4339px 0}.iti__flag.iti__sb{height:10px;background-position:-4361px 0}.iti__flag.iti__sc{height:10px;background-position:-4383px 0}.iti__flag.iti__sd{height:10px;background-position:-4405px 0}.iti__flag.iti__se{height:13px;background-position:-4427px 0}.iti__flag.iti__sg{height:14px;background-position:-4449px 0}.iti__flag.iti__sh{height:10px;background-position:-4471px 0}.iti__flag.iti__si{height:10px;background-position:-4493px 0}.iti__flag.iti__sj{height:15px;background-position:-4515px 0}.iti__flag.iti__sk{height:14px;background-position:-4537px 0}.iti__flag.iti__sl{height:14px;background-position:-4559px 0}.iti__flag.iti__sm{height:15px;background-position:-4581px 0}.iti__flag.iti__sn{height:14px;background-position:-4603px 0}.iti__flag.iti__so{height:14px;background-position:-4625px 0}.iti__flag.iti__sr{height:14px;background-position:-4647px 0}.iti__flag.iti__ss{height:10px;background-position:-4669px 0}.iti__flag.iti__st{height:10px;background-position:-4691px 0}.iti__flag.iti__sv{height:12px;background-position:-4713px 0}.iti__flag.iti__sx{height:14px;background-position:-4735px 0}.iti__flag.iti__sy{height:14px;background-position:-4757px 0}.iti__flag.iti__sz{height:14px;background-position:-4779px 0}.iti__flag.iti__ta{height:10px;background-position:-4801px 0}.iti__flag.iti__tc{height:10px;background-position:-4823px 0}.iti__flag.iti__td{height:14px;background-position:-4845px 0}.iti__flag.iti__tf{height:14px;background-position:-4867px 0}.iti__flag.iti__tg{height:13px;background-position:-4889px 0}.iti__flag.iti__th{height:14px;background-position:-4911px 0}.iti__flag.iti__tj{height:10px;background-position:-4933px 0}.iti__flag.iti__tk{height:10px;background-position:-4955px 0}.iti__flag.iti__tl{height:10px;background-position:-4977px 0}.iti__flag.iti__tm{height:14px;background-position:-4999px 0}.iti__flag.iti__tn{height:14px;background-position:-5021px 0}.iti__flag.iti__to{height:10px;background-position:-5043px 0}.iti__flag.iti__tr{height:14px;background-position:-5065px 0}.iti__flag.iti__tt{height:12px;background-position:-5087px 0}.iti__flag.iti__tv{height:10px;background-position:-5109px 0}.iti__flag.iti__tw{height:14px;background-position:-5131px 0}.iti__flag.iti__tz{height:14px;background-position:-5153px 0}.iti__flag.iti__ua{height:14px;background-position:-5175px 0}.iti__flag.iti__ug{height:14px;background-position:-5197px 0}.iti__flag.iti__um{height:11px;background-position:-5219px 0}.iti__flag.iti__un{height:14px;background-position:-5241px 0}.iti__flag.iti__us{height:11px;background-position:-5263px 0}.iti__flag.iti__uy{height:14px;background-position:-5285px 0}.iti__flag.iti__uz{height:10px;background-position:-5307px 0}.iti__flag.iti__va{height:15px;background-position:-5329px 0}.iti__flag.iti__vc{height:14px;background-position:-5346px 0}.iti__flag.iti__ve{height:14px;background-position:-5368px 0}.iti__flag.iti__vg{height:10px;background-position:-5390px 0}.iti__flag.iti__vi{height:14px;background-position:-5412px 0}.iti__flag.iti__vn{height:14px;background-position:-5434px 0}.iti__flag.iti__vu{height:12px;background-position:-5456px 0}.iti__flag.iti__wf{height:14px;background-position:-5478px 0}.iti__flag.iti__ws{height:10px;background-position:-5500px 0}.iti__flag.iti__xk{height:15px;background-position:-5522px 0}.iti__flag.iti__ye{height:14px;background-position:-5544px 0}.iti__flag.iti__yt{height:14px;background-position:-5566px 0}.iti__flag.iti__za{height:14px;background-position:-5588px 0}.iti__flag.iti__zm{height:14px;background-position:-5610px 0}.iti__flag.iti__zw{height:10px;background-position:-5632px 0}.iti__flag{height:15px;box-shadow:0 0 1px 0 #888;background-image:url(/../img/flags.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-image:url(/../img/flags@2x.png)}}.iti__flag.iti__np{background-color:transparent}
.drag_handler_icon:after, .drag_handler_icon:before {
  background: #000;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  transition: 0.5s ease-in-out;
}

.kanban-container {
  position: relative;
  box-sizing: border-box;
  width: auto;
}
.kanban-container * {
  box-sizing: border-box;
}
.kanban-container:after {
  clear: both;
  display: block;
  content: "";
}

.kanban-board {
  position: relative;
  float: left;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.kanban-board.disabled-board {
  opacity: 0.3;
}
.kanban-board header {
  font-size: 16px;
  padding: 20px 30px;
}
.kanban-board header .kanban-title-board {
  font-weight: 500;
  margin: 0;
  padding: 0;
  display: inline;
}
.kanban-board header .kanban-title-button {
  float: right;
}
.kanban-board .kanban-drag {
  min-height: 200px;
  padding: 20px;
}
.kanban-board:after {
  clear: both;
  display: block;
  content: "";
}
.kanban-board.is-moving.gu-mirror {
  transform: rotate(3deg);
}
.kanban-board.is-moving.gu-mirror .kanban-drag {
  overflow: hidden;
  padding-right: 50px;
}

.kanban-item {
  background: #fff;
  padding: 15px;
  margin-bottom: 20px;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.kanban-item:hover {
  cursor: move;
}
.kanban-item:last-child {
  margin: 0;
}
.kanban-item.is-moving.gu-mirror {
  transform: rotate(3deg);
  height: auto !important;
}

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
}

.gu-hide {
  display: none !important;
}

.gu-unselectable {
  user-select: none !important;
}

.gu-transit {
  opacity: 0.2 !important;
  transform: rotate(0deg) !important;
}

.drag_handler {
  background: #fff;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  position: relative;
  float: left;
  top: -3px;
  margin-right: 4px;
}
.drag_handler:hover {
  cursor: move;
}

.drag_handler_icon {
  position: relative;
  display: block;
  background: #000;
  width: 24px;
  height: 2px;
  top: 12px;
  transition: 0.5s ease-in-out;
}
.drag_handler_icon:before {
  top: 6px;
}
.drag_handler_icon:after {
  bottom: 6px;
}

#myKanban {
  overflow-x: auto;
  padding: 20px 0;
}
.datatable-wrapper.no-header .datatable-container {
	border-top: 1px solid #d9d9d9;
}

.datatable-wrapper.no-footer .datatable-container {
	border-bottom: 1px solid #d9d9d9;
}

.datatable-top,
.datatable-bottom {
	padding: 8px 10px;
}

.datatable-top > nav:first-child,
.datatable-top > div:first-child,
.datatable-bottom > nav:first-child,
.datatable-bottom > div:first-child {
	float: left;
}

.datatable-top > nav:last-child,
.datatable-top > div:last-child,
.datatable-bottom > nav:last-child,
.datatable-bottom > div:last-child {
	float: right;
}

.datatable-selector {
	padding: 6px;
}

.datatable-input {
	padding: 6px 12px;
}

.datatable-info {
	margin: 7px 0;
}

/* PAGER */
.datatable-pagination ul {
	margin: 0;
	padding-left: 0;
}

.datatable-pagination li {
	list-style: none;
	float: left;
}

.datatable-pagination li.datatable-hidden {
    visibility: hidden;
}

.datatable-pagination a {
	border: 1px solid transparent;
	float: left;
	margin-left: 2px;
	padding: 6px 12px;
	position: relative;
	text-decoration: none;
	color: #333;
    cursor: pointer;
}

.datatable-pagination a:hover {
	background-color: #d9d9d9;
}

.datatable-pagination .datatable-active a,
.datatable-pagination .datatable-active a:focus,
.datatable-pagination .datatable-active a:hover {
	background-color: #d9d9d9;
	cursor: default;
}

.datatable-pagination .datatable-ellipsis a,
.datatable-pagination .datatable-disabled a,
.datatable-pagination .datatable-disabled a:focus,
.datatable-pagination .datatable-disabled a:hover {
    pointer-events: none;
    cursor: default;
}

.datatable-pagination .datatable-disabled a,
.datatable-pagination .datatable-disabled a:focus,
.datatable-pagination .datatable-disabled a:hover {
	cursor: not-allowed;
	opacity: 0.4;
}

.datatable-pagination .datatable-pagination a {
	font-weight: bold;
}

/* TABLE */
.datatable-table {
	max-width: 100%;
	width: 100%;
	border-spacing: 0;
	border-collapse: separate;
}

.datatable-table > tbody > tr > td,
.datatable-table > tbody > tr > th,
.datatable-table > tfoot > tr > td,
.datatable-table > tfoot > tr > th,
.datatable-table > thead > tr > td,
.datatable-table > thead > tr > th {
	vertical-align: top;
	padding: 8px 10px;
}

.datatable-table > thead > tr > th {
	vertical-align: bottom;
	text-align: left;
	border-bottom: 1px solid #d9d9d9;
}

.datatable-table > tfoot > tr > th {
	vertical-align: bottom;
	text-align: left;
	border-top: 1px solid #d9d9d9;
}

.datatable-table th {
	vertical-align: bottom;
	text-align: left;
}

.datatable-table th a {
	text-decoration: none;
	color: inherit;
}

.datatable-sorter, .datatable-filter {
	display: inline-block;
	height: 100%;
	position: relative;
	width: 100%;
}

.datatable-sorter::before,
.datatable-sorter::after {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	right: 4px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	opacity: 0.2;
}


.datatable-sorter::before {
	border-top: 4px solid #000;
	bottom: 0px;
}

.datatable-sorter::after {
	border-bottom: 4px solid #000;
	border-top: 4px solid transparent;
	top: 0px;
}

.datatable-ascending .datatable-sorter::after,
.datatable-descending .datatable-sorter::before,
.datatable-ascending .datatable-filter::after,
.datatable-descending .datatable-filter::before {
	opacity: 0.6;
}

.datatable-filter::before {
    content: "";
    position: absolute;
    right: 4px;
    opacity: 0.2;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
	border-radius: 50%;
    border-top: 10px solid #000;
    top: 25%;
}

.datatable-filter-active .datatable-filter::before {
    opacity: 0.6;
}

.datatable-empty {
	text-align: center;
}

.datatable-top::after, .datatable-bottom::after {
	clear: both;
	content: " ";
	display: table;
}

table.datatable-table:focus tr.datatable-cursor > td:first-child {
	border-left: 3px blue solid;
}

table.datatable-table:focus {
	outline: solid 1px black;
    outline-offset: -1px;
}

.jsgrid {
  position: relative;
  overflow: hidden;
  font-size: 1em;
  box-sizing: border-box;
}
.jsgrid * {
  box-sizing: border-box;
}
.jsgrid :after {
  box-sizing: border-box;
}
.jsgrid :before {
  box-sizing: border-box;
}
.jsgrid input {
  font-size: 1em;
}
.jsgrid select {
  font-size: 1em;
}
.jsgrid textarea {
  font-size: 1em;
}

.jsgrid-grid-header {
  overflow-x: hidden;
  overflow-y: scroll;
  user-select: none;
}

.jsgrid-grid-body {
  overflow-x: auto;
  overflow-y: scroll;
}

.jsgrid-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}

.jsgrid-cell {
  padding: 0.5em;
}

.jsgrid-header-cell {
  box-sizing: border-box;
  padding: 0.5em;
}

.jsgrid-сell {
  box-sizing: border-box;
}

.jsgrid-align-left {
  text-align: left;
}

.jsgrid-align-center {
  text-align: center;
}
.jsgrid-align-center input {
  text-align: center;
}
.jsgrid-align-center select {
  text-align: center;
}
.jsgrid-align-center textarea {
  text-align: center;
}

.jsgrid-align-right {
  text-align: right;
}
.jsgrid-align-right input {
  text-align: right;
}
.jsgrid-align-right select {
  text-align: right;
}
.jsgrid-align-right textarea {
  text-align: right;
}

.jsgrid-edit-row input {
  width: 100%;
  padding: 0.3em 0.5em;
}
.jsgrid-edit-row select {
  width: 100%;
  padding: 0.3em 0.5em;
}
.jsgrid-edit-row textarea {
  width: 100%;
  padding: 0.3em 0.5em;
}
.jsgrid-edit-row input[type=checkbox] {
  width: auto;
}

.jsgrid-filter-row input {
  width: 100%;
  padding: 0.3em 0.5em;
}
.jsgrid-filter-row select {
  width: 100%;
  padding: 0.3em 0.5em;
}
.jsgrid-filter-row textarea {
  width: 100%;
  padding: 0.3em 0.5em;
}
.jsgrid-filter-row input[type=checkbox] {
  width: auto;
}

.jsgrid-insert-row input {
  width: 100%;
  padding: 0.3em 0.5em;
}
.jsgrid-insert-row select {
  width: 100%;
  padding: 0.3em 0.5em;
}
.jsgrid-insert-row textarea {
  width: 100%;
  padding: 0.3em 0.5em;
}
.jsgrid-insert-row input[type=checkbox] {
  width: auto;
}

.jsgrid-header-sort {
  cursor: pointer;
}

.jsgrid-pager {
  padding: 0.5em 0;
}

.jsgrid-pager-nav-button {
  padding: 0.2em 0.6em;
}

.jsgrid-pager-nav-inactive-button {
  display: none;
  pointer-events: none;
}

.jsgrid-pager-page {
  padding: 0.2em 0.6em;
}

.jsgrid-selected-row .jsgrid-cell {
  cursor: pointer;
}

.jsgrid-nodata-row .jsgrid-cell {
  padding: 0.5em 0;
  text-align: center;
}

.jsgrid-grid-body {
  border: 1px solid #e9e9e9;
  border-top: none;
}
.jsgrid-grid-body .jsgrid-cell:first-child {
  border-left: none;
}
.jsgrid-grid-body .jsgrid-cell:last-child {
  border-right: none;
}
.jsgrid-grid-body .jsgrid-alt-row:first-child .jsgrid-cell {
  border-top: none;
}
.jsgrid-grid-body .jsgrid-row:first-child .jsgrid-cell {
  border-top: none;
}

.jsgrid-grid-header {
  border: 1px solid #e9e9e9;
  background: #f9f9f9;
}

.jsgrid-header-row .jsgrid-align-left {
  text-align: center;
}
.jsgrid-header-row .jsgrid-align-right {
  text-align: center;
}
.jsgrid-header-row .jsgrid-header-sort {
  background: #c4e2ff;
}
.jsgrid-header-row > .jsgrid-header-cell {
  border: 1px solid #e9e9e9;
  border-top: 0;
  background: #f9f9f9;
  border-bottom: 0;
}
.jsgrid-header-row > .jsgrid-header-cell:first-child {
  border-left: none;
}
.jsgrid-header-row > .jsgrid-header-cell:last-child {
  border-right: none;
}

.jsgrid-header-scrollbar {
  scrollbar-arrow-color: #f1f1f1;
  scrollbar-base-color: #f1f1f1;
  scrollbar-3dlight-color: #f1f1f1;
  scrollbar-highlight-color: #f1f1f1;
  scrollbar-track-color: #f1f1f1;
  scrollbar-shadow-color: #f1f1f1;
  scrollbar-dark-shadow-color: #f1f1f1;
}

.jsgrid-header-scrollbar::-webkit-scrollbar {
  visibility: hidden;
}

.jsgrid-header-scrollbar::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.jsgrid-cell {
  border: 1px solid #f3f3f3;
}

.jsgrid-invalid input {
  background: #ffe3e5;
  border: 1px solid #ff808a;
}
.jsgrid-invalid select {
  background: #ffe3e5;
  border: 1px solid #ff808a;
}
.jsgrid-invalid textarea {
  background: #ffe3e5;
  border: 1px solid #ff808a;
}

.jsgrid-pager-current-page {
  font-weight: 700;
}

.jsgrid-button:hover {
  opacity: 0.5;
  transition: opacity 200ms linear;
}
.jsgrid-button + .jsgrid-button {
  margin-left: 5px;
}

.jsgrid .jsgrid-button {
  width: 16px;
  height: 16px;
  border: none;
  cursor: pointer;
  background-image: url(/../../images/js-grid.png);
  background-repeat: no-repeat;
  background-color: transparent;
}
.jsgrid .jsgrid-mode-button {
  width: 24px;
  height: 24px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .jsgrid .jsgrid-button {
    background-image: url(/../../images/js-grid.png);
    background-size: 24px 352px;
  }
}
.jsgrid-mode-on-button {
  opacity: 0.5;
}

.jsgrid-cancel-edit-button {
  background-position: 0 0;
  width: 16px;
  height: 16px;
}

.jsgrid-clear-filter-button {
  background-position: 0 -40px;
  width: 16px;
  height: 16px;
}

.jsgrid-delete-button {
  background-position: 0 -80px;
  width: 16px;
  height: 16px;
}

.jsgrid-edit-button {
  background-position: 0 -120px;
  width: 16px;
  height: 16px;
}

.jsgrid-insert-mode-button {
  background-position: 0 -160px;
  width: 24px;
  height: 24px;
}

.jsgrid-insert-button {
  background-position: 0 -208px;
  width: 16px;
  height: 16px;
}

.jsgrid-search-mode-button {
  background-position: 0 -248px;
  width: 24px;
  height: 24px;
}

.jsgrid-search-button {
  background-position: 0 -296px;
  width: 16px;
  height: 16px;
}

.jsgrid-update-button {
  background-position: 0 -336px;
  width: 16px;
  height: 16px;
}

.jsgrid-load-shader {
  background: #ddd;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.jsgrid-load-panel {
  width: 15em;
  height: 5em;
  background: #fff;
  border: 1px solid #e9e9e9;
  padding-top: 3em;
  text-align: center;
}
.jsgrid-load-panel:before {
  content: " ";
  position: absolute;
  top: 0.5em;
  left: 50%;
  margin-left: -1em;
  width: 2em;
  height: 2em;
  border: 2px solid #009a67;
  border-right-color: transparent;
  border-radius: 50%;
  animation: indicator 1s linear infinite;
}

@-webkit-keyframes indicator {}
@keyframes indicator {
  from {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.jsgrid-edit-row > .jsgrid-cell {
  border: 1px solid #e9e9e9;
  background: #fdffe3;
}

.jsgrid-filter-row > .jsgrid-cell {
  border: 1px solid #e9e9e9;
  border-bottom: 0;
  background: #f9f9f9;
}
.jsgrid-filter-row > .jsgrid-cell:first-child {
  border-left: none;
}
.jsgrid-filter-row > .jsgrid-cell:last-child {
  border-right: none;
}

.jsgrid-filter-row .jsgrid-cell .jsgrid-button.jsgrid-search-button {
  background-position: 0px -294px;
}
.jsgrid-filter-row .jsgrid-cell .jsgrid-button.jsgrid-clear-filter-button {
  background-position: 0 -38px;
}

.jsgrid-insert-row > .jsgrid-cell {
  border: 1px solid #e9e9e9;
  border-bottom: 0;
  background: #e3ffe5;
}
.jsgrid-insert-row > .jsgrid-cell:first-child {
  border-left: none;
}
.jsgrid-insert-row > .jsgrid-cell:last-child {
  border-right: none;
}

.jsgrid-header-sortable:hover {
  cursor: pointer;
  background: #f9f9f9;
}

.jsgrid-header-sort:before {
  content: " ";
  display: block;
  float: right;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: 8px;
  margin-right: 9px;
}

.jsgrid-header-sort-asc:before {
  border-width: 0 5px 5px;
  border-color: transparent transparent #ffc412;
}

.jsgrid-header-sort-desc:before {
  border-width: 5px 5px 0;
  border-color: #ffc412 transparent transparent;
}

.jsgrid-row > .jsgrid-cell {
  background: #fff;
}

.jsgrid-alt-row > .jsgrid-cell {
  background: #f9f9f9;
}

.jsgrid-selected-row > .jsgrid-cell {
  background: #c4e2ff;
  border-color: #c4e2ff;
}

.jsgrid-pager-nav-inactive-button a {
  color: #d3d3d3;
}
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane>svg,
.leaflet-pane>canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
}

.leaflet-container {
	overflow: hidden;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
}

/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
}

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}

.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
	filter: inherit;
	visibility: hidden;
}

.leaflet-tile-loaded {
	visibility: inherit;
}

.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 800;
}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
}

.leaflet-pane {
	z-index: 400;
}

.leaflet-tile-pane {
	z-index: 200;
}

.leaflet-overlay-pane {
	z-index: 400;
}

.leaflet-shadow-pane {
	z-index: 500;
}

.leaflet-marker-pane {
	z-index: 600;
}

.leaflet-tooltip-pane {
	z-index: 650;
}

.leaflet-popup-pane {
	z-index: 700;
}

.leaflet-map-pane canvas {
	z-index: 100;
}

.leaflet-map-pane svg {
	z-index: 200;
}

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
}

.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted;
	/* IE 9-10 doesn't have auto */
	pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
}

.leaflet-top {
	top: 0;
}

.leaflet-right {
	right: 0;
}

.leaflet-bottom {
	bottom: 0;
}

.leaflet-left {
	left: 0;
}

.leaflet-control {
	float: left;
	clear: both;
}

.leaflet-right .leaflet-control {
	float: right;
}

.leaflet-top .leaflet-control {
	margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
	margin-left: 10px;
}

.leaflet-right .leaflet-control {
	margin-right: 10px;
}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
}

.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
}

svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
	-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
	transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
}

.leaflet-grab {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
}

.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing;
}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane>svg path,
.leaflet-tile-container {
	pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane>svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted;
	/* IE 9-10 doesn't have auto */
	pointer-events: auto;
}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
}

.leaflet-container a {
	color: #0078A8;
}

.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255, 255, 255, 0.5);
}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
	border-radius: 4px;
}

.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
}

.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
}

.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
	font-size: 22px;
}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
	background: #fff;
	border-radius: 5px;
}

.leaflet-control-layers-toggle {
	background-image: url(/images/layers.png);
	width: 36px;
	height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(/images/layers-2x.png);
	background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
}

.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
}

.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
}

.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
}

.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
}

.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
}

/* Default icon URLs */
.leaflet-default-icon-path {
	/* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(/../../images/marker-icon.png);
}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
}

.leaflet-control-attribution a {
	text-decoration: none;
}

.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
}

.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
}

.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
}

.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
}

.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0, 0, 0, 0.2);
	background-clip: padding-box;
}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
}

.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
}

.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
}

.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
}

.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
}

.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
}

.leaflet-popup-scrolled {
	overflow: auto;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}

.leaflet-tooltip-top {
	margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
}

.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
}

.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
}

.leaflet-tooltip-left {
	margin-left: -6px;
}

.leaflet-tooltip-right {
	margin-left: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
}

.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
}

.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
}

/* Printing */

@media print {

	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
}
/*
 * Explanation why the layout looks so complicated:
 * The UI container needs a position (absolute or relative) to prevent z-index issues (DomMarker on top of UI)
 * Therefore it has these additional styles:
 *    position: absolute;
 *    width: 100%;
 *    height: 100%;
 * To prevent that the UI container captures all events the container is displaced by
 *   left: 100%;
 * To neutralize the displacement for the UI elements within the UI container the following adjustments are needed:
 *  - InfoBubble (.H_ib):            left: -100%;
 *  - left anchor (.H_l_left):       margin-left: -100%;
 *  - center anchor (.H_l_center):   left: -50%;            (was left: 50%)
 *  - right anchor (.H_l_right):     right: 100%;           (was right: 0)
 *                                        margin-left: -100%;
 */
.H_ui {
  font-size: 10px;
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 100%;
}

.H_ui * {
  /* normalize in case some other normalization CSS likes things differently */
  box-sizing: content-box;
  -moz-box-sizing: content-box;
}

.H_noevs {
  pointer-events: none;
}

/*
 * Layout
 */
.H_l_left {
  position: absolute;
  left: 0;
  margin-left: -100%;
}

.H_l_center {
  position: absolute;
  left: -50%;
}

.H_l_right {
  position: absolute;
  right: 100%;
  margin-left: -100%;
}

.H_l_top {
  top: 0;
}

.H_l_middle {
  top: 50%;
}

.H_l_bottom {
  bottom: 0;
}

/* Fix MAPSJS-579 for modern browsers */
[class^=H_l_] {
  pointer-events: none;
}

.H_ctl {
  /* hack for IE9-10, auto doesn't work for them */
  pointer-events: visiblePainted;
  pointer-events: auto;
}

.H_l_horizontal .H_ctl {
  float: left;
}

.H_l_anchor {
  clear: both;
  float: right;
}

.H_l_vertical .H_ctl {
  clear: both;
}

.H_l_right .H_l_vertical .H_ctl {
  float: right;
}

.H_l_right.H_l_middle.H_l_vertical .H_ctl {
  float: right;
}

/**
 *  Element styles
 */
.H_ctl {
  margin: 0.6em;
  position: relative;
  cursor: pointer;
  -ms-touch-action: none;
}

.H_btn,
.H_rdo li {
  background: #1f262a;
  border-radius: 2em;
  color: #fff;
  padding: 0.4em;
  -webkit-transform: translate3d(0, 1, 0);
}

.H_rdo {
  color: white;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: 0.1em solid #4A5B65;
}

.H_rdo_title {
  text-transform: uppercase;
  color: #dbe1e4;
  margin-bottom: 1em;
}

.H_rdo ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}

.H_active,
.H_rdo li.H_active {
  background: #4A5B65;
}

.H_disabled,
.H_active.H_disabled {
  color: #5A6166;
  cursor: default;
}

/**
 *   Base Elements
 */
.H_l_vertical .H_grp > .H_btn {
  border-radius: 0;
}

.H_l_vertical .H_grp > div:first-child {
  -webkit-border-top-left-radius: 2em;
  -webkit-border-top-right-radius: 2em;
  -moz-border-radius-topleft: 2em;
  -moz-border-radius-topright: 2em;
  border-top-left-radius: 2em;
  border-top-right-radius: 2em;
  padding-top: 1em;
  margin-bottom: -1px;
}

.H_l_vertical .H_grp > div:last-child {
  -webkit-border-bottom-right-radius: 2em;
  -webkit-border-bottom-left-radius: 2em;
  -moz-border-radius-bottomright: 2em;
  -moz-border-radius-bottomleft: 2em;
  border-bottom-right-radius: 2em;
  border-bottom-left-radius: 2em;
  padding-bottom: 1em;
}

.H_l_horizontal .H_grp > .H_btn,
.H_l_vertical .H_ctl {
  border-radius: 0;
  float: left;
}

.H_l_horizontal .H_grp > div:first-child {
  -webkit-border-top-left-radius: 2em;
  -webkit-border-bottom-left-radius: 2em;
  -moz-border-radius-topleft: 2em;
  -moz-border-radius-bottomleft: 2em;
  border-top-left-radius: 2em;
  border-bottom-left-radius: 2em;
  padding-left: 1em;
}

.H_l_horizontal .H_grp > div:last-child {
  -webkit-border-top-right-radius: 2em;
  -webkit-border-bottom-right-radius: 2em;
  -moz-border-radius-topright: 2em;
  -moz-border-radius-bottomright: 2em;
  border-top-right-radius: 2em;
  border-bottom-right-radius: 2em;
  padding-right: 1em;
}

/** Menu panel */
.H_overlay {
  position: absolute;
  min-width: 15em;
  background: #1F262A;
  display: none;
  padding: 1em;
  z-index: 100;
}

.H_overlay > *:last-child {
  clear: both;
}

.H_overlay > .H_btn {
  white-space: nowrap;
}

.H_overlay.H_open {
  display: block;
}

.H_overlay::after {
  content: " ";
  width: 0px;
  height: 0px;
  border-style: solid;
  position: absolute;
}

.H_overlay.H_left::after {
  border-width: 1em 1em 1em 0;
  border-color: transparent #1F262A transparent transparent;
  left: -1em;
}

.H_overlay.H_right::after {
  border-width: 1em 0 1em 1em;
  border-color: transparent transparent transparent #1F262A;
  left: 100%;
}

.H_overlay.H_top::after {
  top: 0.5em;
}

.H_overlay.H_bottom::after {
  bottom: 0.5em;
}

.H_overlay.H_middle::after {
  top: 50%;
  margin-top: -1em;
}

.H_overlay.H_top.H_center::after {
  border-width: 0 1em 1em 1em;
  border-color: transparent transparent #1F262A transparent;
  top: -1em;
  left: 50%;
  margin-left: -1em;
}

.H_overlay.H_bottom.H_center::after {
  border-width: 1em 1em 0 1em;
  border-color: #1F262A transparent transparent transparent;
  bottom: -1em;
  left: 50%;
  margin-left: -1em;
}

/** InfoBubble */
.H_ib {
  position: absolute;
  left: 0.91em;
  background: #000;
  color: #fff;
  font-size: 2em;
  line-height: 1em;
  fill: #000;
  left: -100%;
}

.H_ib_tail {
  position: absolute;
  left: -0.3em;
  bottom: -0.5em;
  width: 1.2em;
  height: 1.2em;
  z-index: 100;
}

.H_ib_notail .H_ib_tail {
  display: none;
}

.H_ib_body {
  background: #000;
  position: absolute;
  bottom: 0.5em;
  padding: 0 1.2em 0 0;
  border-radius: 0.2em;
  margin-right: -1em;
  right: 0;
}

.H_ib_close {
  font-size: 0.6em;
  position: absolute;
  right: 0.2em;
  top: 0.2em;
  cursor: pointer;
  fill: #fff;
}

.H_disabled .H_ib_close {
  cursor: default;
}

.H_ib_noclose .H_ib_close {
  display: none;
}

.H_ib_noclose .H_ib_body {
  padding: 0 0 0 0;
}

.H_ib_content {
  min-width: 6em;
  margin: 0.2em 0;
  padding: 0 0.2em;
  user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -o-user-select: text;
  -ms-user-select: text;
}

/*##################################################  SLIDER  ########################################################*/
.H_l_horizontal.H_slider {
  float: left;
  height: 2.8em;
  width: auto;
  padding: 0 1em;
}

.H_slider .H_slider_track {
  width: 0.2em;
  height: 100%;
}

.H_l_horizontal.H_slider .H_slider_track {
  height: 0.2em;
  width: 100%;
}

.H_l_horizontal.H_slider .H_slider_cont {
  height: 100%;
}

.H_l_horizontal.H_slider .H_slider_knob_cont {
  margin-top: -0.2em;
}

.H_slider {
  background-color: #1f262a;
  padding: 1em 0em;
  width: 2.8em;
}

.H_slider .H_slider_cont {
  position: relative;
}

.H_slider .H_slider_knob_cont,
.H_slider .H_slider_knob_halo {
  width: 2.4em;
  height: 2.4em;
  margin-left: 0em;
  border-radius: 9em;
}

/* This will make slightly easy to grab the knob on touch devices*/
.H_slider .H_slider_knob_halo {
  background-color: rgba(255, 255, 255, 0.1);
}

.H_slider .H_slider_knob {
  width: 1.6em;
  height: 1.6em;
  background-color: white;
  border-radius: 9em;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  position: absolute;
}

.H_slider .H_slider_track,
.H_slider .H_slider_knob_cont {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.H_slider .H_slider_track {
  background-color: white;
}

.H_slider.H_disabled {
  cursor: default;
}

.H_disabled .H_slider_track,
.H_disabled .H_slider_knob {
  background-color: #5A6166;
}

/*###############################################  CONTEXT MENU  #####################################################*/
.H_context_menu {
  min-width: 158px;
  max-width: 40%;
  position: absolute;
  left: -100%;
  top: 0;
  color: white;
  background-color: #000F1A;
  -moz-border-radius: 0.4em;
  -webkit-border-radius: 0.4em;
  -o-border-radius: 0.4em;
  border-radius: 0.4em;
  padding: 10px 0;
  -moz-user-select: initial;
  -khtml-user-select: initial;
  -webkit-user-select: initial;
  -o-user-select: initial;
  -ms-user-select: initial;
  z-index: 200;
}

.H_context_menu_closed {
  display: none;
}

.H_context_menu_item {
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 1px 10px 0;
}

.H_context_menu_item.clickable:hover,
.H_context_menu_item.clickable:focus {
  outline: none;
  background-color: #00BBDC;
  cursor: pointer;
}

.H_context_menu_item.disabled {
  background: transparent !important;
  color: #5A6166;
  cursor: default !important;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
}

.H_context_menu_item_separator {
  height: 0;
  margin: 8px 10px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #666;
  line-height: 0;
  font-size: 0;
}

/*#################################################  SCALE BAR  ######################################################*/
.H_scalebar_svg {
  display: block;
}

/*##################################################  PANORAMA  ######################################################*/
.H_pano_mm {
  position: absolute;
  top: 0;
  left: -100%;
  font-size: 1.5em;
  width: 0;
  height: 0;
}

.H_pano_man {
  margin-top: -3em;
  z-index: 2;
}

.H_pano_notransition {
  transition: none !important;
}

.H_pano_circle {
  margin-top: -1em;
  margin-left: -1em;
  transition: all 0.3s;
  pointer-events: none;
}

.H_disabled .H_pano_circle {
  transition: none;
  margin-left: -0.1em;
}

.H_disabled .H_pano_mm svg.H_icon {
  fill: #ddd;
  stroke: #5A6166;
}

.H_pano_man svg.H_icon,
.H_pano_circle svg.H_icon {
  fill: #09b;
  stroke: #fff;
  pointer-events: none;
}

.H_pano_ib {
  cursor: pointer;
}

.H_tib {
  margin: 1em 0 1em 1em;
  font-size: 0.5em;
  width: 30em;
}

.H_tib p {
  margin: 0.5em 0;
  padding: 0;
  line-height: 1.3em;
}

.H_tib p.H_tib_desc {
  border-top: 1px solid #666;
  padding-top: 0.5em;
}

.H_tib .H_tib_time {
  color: #aaa;
}

.H_tib_right {
  float: right;
}

.H_dm_label {
  font: 10pt sans-serif;
  color: black;
  text-shadow: 1px 1px 0.5px #FFF, 1px -1px 0.5px #FFF, -1px 1px 0.5px #FFF, -1px -1px 0.5px #FFF;
  white-space: nowrap;
  margin-left: 12px;
  margin-top: -7px;
  /* This will not work on IE9, but it is accepted! */
  pointer-events: none;
}

/*###################################################  ICON  #########################################################*/
svg.H_icon {
  display: block;
  width: 2em;
  height: 2em;
  fill: #fff;
}

.H_active svg.H_icon {
  fill: #fff;
}

.H_disabled svg.H_icon,
.H_active.H_disabled {
  fill: #5A6166;
}

/*###############################################  OVERVIEW MAP  #####################################################*/
.H_overview {
  transition: width 0.2s, height 0.2s, margin-top 0.2s, padding 0.2s;
  width: 0em;
  height: 0em;
  overflow: hidden;
  cursor: default;
  position: absolute;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.H_overview_active {
  padding: 0.5em;
}

.H_l_center .H_overview {
  left: -9999px;
  right: -9999px;
}

.H_l_middle .H_overview {
  top: -9999px;
  bottom: -9999px;
}

.H_l_right .H_overview {
  right: 100%;
}

.H_l_left .H_overview {
  left: 100%;
}

.H_l_bottom .H_overview {
  bottom: 0;
}

.H_l_center.H_l_bottom .H_overview {
  bottom: 100%;
}

.H_l_top .H_overview {
  top: 0;
}

.H_l_center.H_l_top .H_overview {
  top: 100%;
}

.H_overview .H_overview_map {
  border: 1px solid black;
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.H_overview_map .H_ui {
  display: none;
}
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden; /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  border-radius: 5px;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl !important;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}
/**=====================
      Page Builder CSS Start
==========================**/
.cke {
  z-index: 0 !important;
}

.page-builder .btn-screen {
  padding: 0px 18px;
  background: transparent;
  color: #cccccc;
  border: none;
}
.page-builder .btn-code {
  padding: 0px 10px;
  background-color: transparent;
  border: none;
  font-size: 12px;
  border-right: 1px solid #f4f4f4;
  color: #cccccc;
}
.page-builder .btn-grid {
  background-color: #fff;
  color: #52526c !important;
  border-right: 1px solid #efefef;
  padding: 0px;
  margin-right: 8px;
  padding-right: 10px;
  cursor: pointer;
}
.page-builder .ge-mainControls {
  margin-bottom: 10px;
}
.page-builder .ge-mainControls .ge-wrapper {
  color: #fff;
  font-family: Rubik, sans-serif;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.page-builder .ge-mainControls .ge-wrapper.ge-fixed {
  position: fixed;
  z-index: 8;
  top: 0;
}
.page-builder .ge-mainControls .ge-wrapper.ge-top .container {
  margin: 0;
  padding: 0;
  width: auto;
}
.page-builder .ge-mainControls .ge-addRowGroup .ge-row-icon {
  display: inline-flex;
  width: 50px;
  margin: 0;
}
.page-builder .ge-mainControls .ge-addRowGroup .ge-row-icon .column {
  height: 10px;
  background: var(--theme-deafult);
  padding: 0;
  border-left: 3px solid #fff;
}
@media (min-width: 1670px) {
  .page-builder .ge-mainControls .ge-layout-mode {
    margin-left: auto;
  }
  [dir=rtl] .page-builder .ge-mainControls .ge-layout-mode {
    margin-left: unset;
    margin-right: auto;
  }
}
.page-builder .ge-mainControls .ge-layout-mode ul li a {
  cursor: pointer;
}
.page-builder .ge-mainControls .ge-layout-mode ul li a:active {
  background-color: var(--theme-secondary);
  color: #fff;
}
.page-builder .ge-mainControls .btn:focus {
  box-shadow: none;
  outline: none;
}
.page-builder .ge-html-output {
  width: 100%;
  display: none;
}
.page-builder .ge-canvas .ge-tools-drawer {
  display: none;
}
.page-builder .ge-canvas.ge-editing .ge-tools-drawer {
  user-select: none;
  margin: 0 0 5px;
  display: block;
}
.page-builder .ge-canvas.ge-editing .ge-tools-drawer > a {
  display: inline-block;
  padding: 5px;
}
.page-builder .ge-canvas.ge-editing .ge-tools-drawer > a:hover {
  cursor: pointer;
  color: var(--theme-deafult) !important;
}
.page-builder .ge-canvas.ge-editing .ge-tools-drawer .ge-details {
  padding: 5px;
  border-top: 1px solid #2c323f;
  display: none;
}
.page-builder .ge-canvas.ge-editing .ge-tools-drawer .ge-details .btn-group a {
  color: #2c323f;
}
.page-builder .ge-canvas.ge-editing .ge-tools-drawer .ge-details .btn-group a:hover {
  text-decoration: none;
  cursor: pointer;
}
.page-builder .ge-canvas.ge-editing .row {
  background-color: #fafdff;
  padding: 25px;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
  border-radius: 4px;
}
.page-builder .ge-canvas.ge-editing .row > .ge-tools-drawer {
  text-align: right;
  width: 100%;
}
.page-builder .ge-canvas.ge-editing .row > .ge-tools-drawer > a {
  color: #cccccc;
  font-size: 11px;
}
.page-builder .ge-canvas.ge-editing .column {
  background-color: #fff;
  border: 1px solid #f4f4f4;
  padding: 15px;
  border-radius: 4px;
}
.page-builder .ge-canvas.ge-editing .column > .ge-tools-drawer a {
  color: #cccccc;
  font-size: 11px;
}
.page-builder .ge-canvas.ge-editing .column > .ge-tools-drawer > a.ge-add-row {
  color: #2c323f;
}
.page-builder .ge-canvas.ge-editing .ui-sortable-placeholder {
  background: #f4f4f4;
  visibility: visible !important;
  min-height: 50px;
}
.page-builder .ge-canvas.ge-editing .ge-content-type-tinymce.active {
  outline: 1px dotted #ecf3fa;
}
.page-builder .ge-canvas.ge-layout-phone {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}
.page-builder .ge-canvas.ge-layout-phone .col-sm-1 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-md-1 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-lg-1 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-sm-2 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-md-2 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-lg-2 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-sm-3 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-md-3 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-lg-3 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-sm-4 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-md-4 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-lg-4 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-sm-5 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-md-5 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-lg-5 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-sm-6 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-md-6 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-lg-6 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-sm-7 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-md-7 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-lg-7 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-sm-8 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-md-8 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-lg-8 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-sm-9 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-md-9 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-lg-9 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-sm-10 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-md-10 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-lg-10 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-sm-11 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-md-11 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-lg-11 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-sm-12 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-md-12 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-lg-12 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-phone .col-1 {
  width: 8.33333333%;
}
.page-builder .ge-canvas.ge-layout-phone .col-2 {
  width: 16.66666667%;
}
.page-builder .ge-canvas.ge-layout-phone .col-3 {
  width: 25%;
}
.page-builder .ge-canvas.ge-layout-phone .col-4 {
  width: 33.33333333%;
}
.page-builder .ge-canvas.ge-layout-phone .col-5 {
  width: 41.66666667%;
}
.page-builder .ge-canvas.ge-layout-phone .col-6 {
  width: 50%;
}
.page-builder .ge-canvas.ge-layout-phone .col-7 {
  width: 58.33333333%;
}
.page-builder .ge-canvas.ge-layout-phone .col-8 {
  width: 66.66666667%;
}
.page-builder .ge-canvas.ge-layout-phone .col-9 {
  width: 75%;
}
.page-builder .ge-canvas.ge-layout-phone .col-10 {
  width: 83.33333333%;
}
.page-builder .ge-canvas.ge-layout-phone .col-11 {
  width: 91.66666667%;
}
.page-builder .ge-canvas.ge-layout-phone .col-12 {
  width: 100%;
}
.page-builder .ge-canvas.ge-layout-tablet {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.page-builder .ge-canvas.ge-layout-tablet .col-1 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-md-1 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-lg-1 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-2 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-md-2 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-lg-2 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-3 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-md-3 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-lg-3 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-4 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-md-4 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-lg-4 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-5 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-md-5 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-lg-5 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-6 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-md-6 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-lg-6 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-7 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-md-7 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-lg-7 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-8 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-md-8 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-lg-8 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-9 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-md-9 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-lg-9 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-10 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-md-10 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-lg-10 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-11 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-md-11 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-lg-11 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-12 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-md-12 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-lg-12 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-tablet .col-sm-1 {
  width: 8.33333333%;
}
.page-builder .ge-canvas.ge-layout-tablet .col-sm-2 {
  width: 16.66666667%;
}
.page-builder .ge-canvas.ge-layout-tablet .col-sm-3 {
  width: 25%;
}
.page-builder .ge-canvas.ge-layout-tablet .col-sm-4 {
  width: 33.33333333%;
}
.page-builder .ge-canvas.ge-layout-tablet .col-sm-5 {
  width: 41.66666667%;
}
.page-builder .ge-canvas.ge-layout-tablet .col-sm-6 {
  width: 50%;
}
.page-builder .ge-canvas.ge-layout-tablet .col-sm-7 {
  width: 58.33333333%;
}
.page-builder .ge-canvas.ge-layout-tablet .col-sm-8 {
  width: 66.66666667%;
}
.page-builder .ge-canvas.ge-layout-tablet .col-sm-9 {
  width: 75%;
}
.page-builder .ge-canvas.ge-layout-tablet .col-sm-10 {
  width: 83.33333333%;
}
.page-builder .ge-canvas.ge-layout-tablet .col-sm-11 {
  width: 91.66666667%;
}
.page-builder .ge-canvas.ge-layout-tablet .col-sm-12 {
  width: 100%;
}
.page-builder .ge-canvas.ge-layout-desktop {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
.page-builder .ge-canvas.ge-layout-desktop .col-1 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-sm-1 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-lg-1 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-2 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-sm-2 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-lg-2 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-3 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-sm-3 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-lg-3 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-4 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-sm-4 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-lg-4 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-5 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-sm-5 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-lg-5 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-6 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-sm-6 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-lg-6 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-7 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-sm-7 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-lg-7 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-8 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-sm-8 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-lg-8 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-9 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-sm-9 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-lg-9 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-10 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-sm-10 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-lg-10 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-11 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-sm-11 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-lg-11 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-12 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-sm-12 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-lg-12 {
  width: inherit;
}
.page-builder .ge-canvas.ge-layout-desktop .col-md-1 {
  width: 8.33333333%;
}
.page-builder .ge-canvas.ge-layout-desktop .col-md-2 {
  width: 16.66666667%;
}
.page-builder .ge-canvas.ge-layout-desktop .col-md-3 {
  width: 25%;
}
.page-builder .ge-canvas.ge-layout-desktop .col-md-4 {
  width: 33.33333333%;
}
.page-builder .ge-canvas.ge-layout-desktop .col-md-5 {
  width: 41.66666667%;
}
.page-builder .ge-canvas.ge-layout-desktop .col-md-6 {
  width: 50%;
}
.page-builder .ge-canvas.ge-layout-desktop .col-md-7 {
  width: 58.33333333%;
}
.page-builder .ge-canvas.ge-layout-desktop .col-md-8 {
  width: 66.66666667%;
}
.page-builder .ge-canvas.ge-layout-desktop .col-md-9 {
  width: 75%;
}
.page-builder .ge-canvas.ge-layout-desktop .col-md-10 {
  width: 83.33333333%;
}
.page-builder .ge-canvas.ge-layout-desktop .col-md-11 {
  width: 91.66666667%;
}
.page-builder .ge-canvas.ge-layout-desktop .col-md-12 {
  width: 100%;
}
.page-builder .ge-content-type-ckeditor {
  padding: 10px;
  color: #898989;
}

/**=====================
      Page Builder CSS Ends
==========================**/
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: 0;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.pswp__button:focus,
.pswp__button:hover {
  opacity: 1;
}

.pswp__button:active {
  outline: 0;
  opacity: 0.9;
}

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(/../../images/lightgallry/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(/../../images/lightgallry/default-skin.svg);
  }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: 0;
  }
}
.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: 0;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: "";
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}

.pswp__share-tooltip a:first-child {
  border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}

a.pswp__share--facebook:hover {
  background: #3e5c9a;
  color: #FFF;
}

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3e5c9a;
}

a.pswp__share--twitter:hover {
  background: #55acee;
  color: #FFF;
}

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #ce272d;
}

a.pswp__share--download:hover {
  background: #DDD;
}

.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}

.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}

.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}

.pswp__caption__center {
  text-align: center;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}

.pswp__caption--empty {
  display: none;
}

.pswp__caption--fake {
  visibility: hidden;
}

.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
  background: url(/preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
  background: 0;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: 0;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  opacity: 0.001;
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: 0;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  outline: 0;
}

.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--animate_opacity {
  opacity: 0.001;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

.pswp__img--placeholder--blank {
  background: #222;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}

.my-gallery {
  padding-right: 0;
}
.my-gallery img {
  width: 100%;
}
.my-gallery figure {
  margin-bottom: 30px;
}
.my-gallery figcaption {
  display: none;
}
.my-gallery.gallery-with-description img {
  padding: 10px !important;
  border: 1px solid #ddd !important;
  border-bottom: none !important;
  border-radius: 5px 5px 0 0;
}
.my-gallery.gallery-with-description a > div {
  border-top: none !important;
  margin-bottom: 0;
  padding: 5px 10px 10px 10px;
}
.my-gallery.gallery-with-description h4 {
  margin-top: 0px;
}
.my-gallery.gallery figure.img-hover a > div {
  overflow: hidden;
}
.my-gallery.gallery figure.img-hover.hover-12 a > div {
  background: #776aff;
}
.my-gallery.gallery figure.img-hover.hover-12 a > div:hover img {
  opacity: 0.7;
}

#aniimated-thumbnials figure:nth-child(12), #aniimated-thumbnials figure:nth-child(11), #aniimated-thumbnials figure:nth-child(10), #aniimated-thumbnials figure:nth-child(9) {
  margin-bottom: 30px;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: #999;
}

.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
  padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  left: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  right: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0 ;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/**
 * FormValidation (https://formvalidation.io)
 * The best validation library for JavaScript
 * (c) 2013 - 2021 Nguyen Huu Phuoc <me@phuoc.ng>
 */
.fv-sr-only {
  display: none;
}

.fv-plugins-framework input::-ms-clear,
.fv-plugins-framework textarea::-ms-clear {
  display: none;
  height: 0;
  width: 0;
}

.fv-plugins-icon-container {
  position: relative;
}

.fv-plugins-icon {
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}

.fv-plugins-tooltip {
  max-width: 256px;
  position: absolute;
  text-align: center;
  z-index: 10000;
}

.fv-plugins-tooltip .fv-plugins-tooltip__content {
  background: #000;
  border-radius: 3px;
  color: #eee;
  padding: 8px;
  position: relative;
}

.fv-plugins-tooltip .fv-plugins-tooltip__content:before {
  border: 8px solid transparent;
  content: "";
  position: absolute;
}

.fv-plugins-tooltip--hide {
  display: none;
}

.fv-plugins-tooltip--top-left {
  transform: translateY(-8px);
}

.fv-plugins-tooltip--top-left .fv-plugins-tooltip__content:before {
  border-top-color: #000;
  left: 8px;
  top: 100%;
}

.fv-plugins-tooltip--top {
  transform: translateY(-8px);
}

.fv-plugins-tooltip--top .fv-plugins-tooltip__content:before {
  border-top-color: #000;
  left: 50%;
  margin-left: -8px;
  top: 100%;
}

.fv-plugins-tooltip--top-right {
  transform: translateY(-8px);
}

.fv-plugins-tooltip--top-right .fv-plugins-tooltip__content:before {
  border-top-color: #000;
  right: 8px;
  top: 100%;
}

.fv-plugins-tooltip--right {
  transform: translateX(8px);
}

.fv-plugins-tooltip--right .fv-plugins-tooltip__content:before {
  border-right-color: #000;
  margin-top: -8px;
  right: 100%;
  top: 50%;
}

.fv-plugins-tooltip--bottom-right {
  transform: translateY(8px);
}

.fv-plugins-tooltip--bottom-right .fv-plugins-tooltip__content:before {
  border-bottom-color: #000;
  bottom: 100%;
  right: 8px;
}

.fv-plugins-tooltip--bottom {
  transform: translateY(8px);
}

.fv-plugins-tooltip--bottom .fv-plugins-tooltip__content:before {
  border-bottom-color: #000;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
}

.fv-plugins-tooltip--bottom-left {
  transform: translateY(8px);
}

.fv-plugins-tooltip--bottom-left .fv-plugins-tooltip__content:before {
  border-bottom-color: #000;
  bottom: 100%;
  left: 8px;
}

.fv-plugins-tooltip--left {
  transform: translateX(-8px);
}

.fv-plugins-tooltip--left .fv-plugins-tooltip__content:before {
  border-left-color: #000;
  left: 100%;
  margin-top: -8px;
  top: 50%;
}

.fv-plugins-tooltip-icon {
  cursor: pointer;
  pointer-events: inherit;
}

.fv-plugins-bootstrap {
  /* For horizontal form */
  /* Stacked form */
  /* Inline form */
  /* Remove the icons generated by Bootstrap 4.2+ */
}

.fv-plugins-bootstrap .fv-help-block {
  color: #dc3545;
  font-size: 80%;
  margin-top: 0.25rem;
}

.fv-plugins-bootstrap .is-invalid ~ .form-check-label,
.fv-plugins-bootstrap .is-valid ~ .form-check-label {
  color: inherit;
}

.fv-plugins-bootstrap .has-danger .fv-plugins-icon {
  color: #dc3545;
}

.fv-plugins-bootstrap .has-success .fv-plugins-icon {
  color: #28a745;
}

.fv-plugins-bootstrap .fv-plugins-icon {
  height: 38px;
  line-height: 38px;
  width: 38px;
}

.fv-plugins-bootstrap .input-group ~ .fv-plugins-icon {
  z-index: 3;
}

.fv-plugins-bootstrap .form-group.row .fv-plugins-icon {
  right: 15px;
}

.fv-plugins-bootstrap .form-group.row .fv-plugins-icon-check {
  top: -7px;
  /* labelHeight/2 - iconHeight/2 */
}

.fv-plugins-bootstrap:not(.form-inline) label ~ .fv-plugins-icon {
  top: 32px;
}

.fv-plugins-bootstrap:not(.form-inline) label ~ .fv-plugins-icon-check {
  top: 25px;
}

.fv-plugins-bootstrap:not(.form-inline) label.sr-only ~ .fv-plugins-icon-check {
  top: -7px;
}

.fv-plugins-bootstrap.form-inline .form-group {
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: auto;
}

.fv-plugins-bootstrap .form-control.is-valid,
.fv-plugins-bootstrap .form-control.is-invalid {
  background-image: none;
}

.fv-plugins-bootstrap3 .help-block {
  margin-bottom: 0;
}

.fv-plugins-bootstrap3 .input-group ~ .form-control-feedback {
  z-index: 4;
}

.fv-plugins-bootstrap3.form-inline .form-group {
  vertical-align: top;
}

.fv-plugins-bootstrap5 {
  /* Support floating label */
  /* For horizontal form */
  /* Stacked form */
  /* Inline form */
}

.fv-plugins-bootstrap5 .fv-plugins-bootstrap5-row-invalid .fv-plugins-icon {
  color: #dc3545;
}

.fv-plugins-bootstrap5 .fv-plugins-bootstrap5-row-valid .fv-plugins-icon {
  color: #198754;
}

.fv-plugins-bootstrap5 .fv-plugins-icon {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 38px;
  width: 38px;
}

.fv-plugins-bootstrap5 .input-group ~ .fv-plugins-icon {
  z-index: 3;
}

.fv-plugins-bootstrap5 .fv-plugins-icon-input-group {
  right: -38px;
}

.fv-plugins-bootstrap5 .form-floating .fv-plugins-icon {
  height: 58px;
}

.fv-plugins-bootstrap5 .row .fv-plugins-icon {
  right: 12px;
}

.fv-plugins-bootstrap5 .row .fv-plugins-icon-check {
  top: -7px;
  /* labelHeight/2 - iconHeight/2 */
}

.fv-plugins-bootstrap5:not(.fv-plugins-bootstrap5-form-inline) label ~ .fv-plugins-icon {
  top: 32px;
}

.fv-plugins-bootstrap5:not(.fv-plugins-bootstrap5-form-inline) label ~ .fv-plugins-icon-check {
  top: 25px;
}

.fv-plugins-bootstrap5:not(.fv-plugins-bootstrap5-form-inline) label.sr-only ~ .fv-plugins-icon-check {
  top: -7px;
}

.fv-plugins-bootstrap5.fv-plugins-bootstrap5-form-inline .fv-plugins-icon {
  right: calc(var(--bs-gutter-x, 1.5rem) / 2);
}

.fv-plugins-bootstrap5 .form-select.fv-plugins-icon-input.is-valid,
.fv-plugins-bootstrap5 .form-select.fv-plugins-icon-input.is-invalid,
.fv-plugins-bootstrap5 .form-control.fv-plugins-icon-input.is-valid,
.fv-plugins-bootstrap5 .form-control.fv-plugins-icon-input.is-invalid {
  background-image: none;
}

.fv-plugins-bulma {
  /* Support add ons inside field */
}

.fv-plugins-bulma .field.has-addons {
  flex-wrap: wrap;
}

.fv-plugins-bulma .field.has-addons::after {
  content: "";
  width: 100%;
}

.fv-plugins-bulma .field.has-addons .fv-plugins-message-container {
  order: 1;
}

.fv-plugins-bulma .icon.fv-plugins-icon-check {
  top: -4px;
}

.fv-plugins-bulma .fv-has-error .input,
.fv-plugins-bulma .fv-has-error .textarea {
  border: 1px solid #ff3860;
  /* Same as .input.is-danger */
}

.fv-plugins-bulma .fv-has-success .input,
.fv-plugins-bulma .fv-has-success .textarea {
  border: 1px solid #23d160;
  /* Same as .input.is-success */
}

.fv-plugins-foundation {
  /* Stacked form */
}

.fv-plugins-foundation .fv-plugins-icon {
  height: 39px;
  line-height: 39px;
  right: 0;
  width: 39px;
  /* Same as height of input */
}

.fv-plugins-foundation .grid-padding-x .fv-plugins-icon {
  right: 15px;
}

.fv-plugins-foundation .fv-plugins-icon-container .cell {
  position: relative;
}

.fv-plugins-foundation [type=checkbox] ~ .fv-plugins-icon,
.fv-plugins-foundation [type=checkbox] ~ .fv-plugins-icon {
  top: -7px;
  /* labelHeight/2 - iconHeight/2 */
}

.fv-plugins-foundation.fv-stacked-form .fv-plugins-message-container {
  width: 100%;
}

.fv-plugins-foundation.fv-stacked-form label .fv-plugins-icon,
.fv-plugins-foundation.fv-stacked-form fieldset [type=checkbox] ~ .fv-plugins-icon,
.fv-plugins-foundation.fv-stacked-form fieldset [type=radio] ~ .fv-plugins-icon {
  top: 25px;
  /* Same as height of label */
}

.fv-plugins-foundation .form-error {
  display: block;
}

.fv-plugins-foundation .fv-row__success .fv-plugins-icon {
  color: #3adb76;
  /* Same as .success */
}

.fv-plugins-foundation .fv-row__error label,
.fv-plugins-foundation .fv-row__error fieldset legend,
.fv-plugins-foundation .fv-row__error .fv-plugins-icon {
  color: #cc4b37;
  /* Same as .is-invalid-label and .form-error */
}

.fv-plugins-materialize .fv-plugins-icon {
  height: 42px;
  /* Same as height of input */
  line-height: 42px;
  width: 42px;
}

.fv-plugins-materialize .fv-plugins-icon-check {
  top: -10px;
}

.fv-plugins-materialize .fv-invalid-row .helper-text,
.fv-plugins-materialize .fv-invalid-row .fv-plugins-icon {
  color: #f44336;
}

.fv-plugins-materialize .fv-valid-row .helper-text,
.fv-plugins-materialize .fv-valid-row .fv-plugins-icon {
  color: #4caf50;
}

.fv-plugins-milligram .fv-plugins-icon {
  height: 38px;
  /* Same as height of input */
  line-height: 38px;
  width: 38px;
}

.fv-plugins-milligram .column {
  position: relative;
}

.fv-plugins-milligram .column .fv-plugins-icon {
  right: 10px;
}

.fv-plugins-milligram .fv-plugins-icon-check {
  top: -6px;
}

.fv-plugins-milligram .fv-plugins-message-container {
  margin-bottom: 15px;
}

.fv-plugins-milligram.fv-stacked-form .fv-plugins-icon {
  top: 30px;
}

.fv-plugins-milligram.fv-stacked-form .fv-plugins-icon-check {
  top: 24px;
}

.fv-plugins-milligram .fv-invalid-row .fv-help-block,
.fv-plugins-milligram .fv-invalid-row .fv-plugins-icon {
  color: red;
}

.fv-plugins-milligram .fv-valid-row .fv-help-block,
.fv-plugins-milligram .fv-valid-row .fv-plugins-icon {
  color: green;
}

.fv-plugins-mini .fv-plugins-icon {
  height: 42px;
  /* Same as height of input */
  line-height: 42px;
  width: 42px;
  top: 4px;
  /* Same as input's margin top */
}

.fv-plugins-mini .fv-plugins-icon-check {
  top: -8px;
}

.fv-plugins-mini.fv-stacked-form .fv-plugins-icon {
  top: 28px;
}

.fv-plugins-mini.fv-stacked-form .fv-plugins-icon-check {
  top: 20px;
}

.fv-plugins-mini .fv-plugins-message-container {
  margin: calc(var(--universal-margin) / 2);
}

.fv-plugins-mini .fv-invalid-row .fv-help-block,
.fv-plugins-mini .fv-invalid-row .fv-plugins-icon {
  color: var(--input-invalid-color);
}

.fv-plugins-mini .fv-valid-row .fv-help-block,
.fv-plugins-mini .fv-valid-row .fv-plugins-icon {
  color: #308732;
  /* Same as tertiary color */
}

.fv-plugins-mui .fv-plugins-icon {
  height: 32px;
  /* Same as height of input */
  line-height: 32px;
  width: 32px;
  top: 15px;
  right: 4px;
}

.fv-plugins-mui .fv-plugins-icon-check {
  top: -6px;
  right: -10px;
}

.fv-plugins-mui .fv-plugins-message-container {
  margin: 8px 0;
}

.fv-plugins-mui .fv-invalid-row .fv-help-block,
.fv-plugins-mui .fv-invalid-row .fv-plugins-icon {
  color: #f44336;
}

.fv-plugins-mui .fv-valid-row .fv-help-block,
.fv-plugins-mui .fv-valid-row .fv-plugins-icon {
  color: #4caf50;
}

.fv-plugins-pure {
  /* Horizontal form */
  /* Stacked form */
}

.fv-plugins-pure .fv-plugins-icon {
  height: 36px;
  line-height: 36px;
  width: 36px;
  /* Height of Pure input */
}

.fv-plugins-pure .fv-has-error label,
.fv-plugins-pure .fv-has-error .fv-help-block,
.fv-plugins-pure .fv-has-error .fv-plugins-icon {
  color: #ca3c3c;
  /* Same as .button-error */
}

.fv-plugins-pure .fv-has-success label,
.fv-plugins-pure .fv-has-success .fv-help-block,
.fv-plugins-pure .fv-has-success .fv-plugins-icon {
  color: #1cb841;
  /* Same as .button-success */
}

.fv-plugins-pure.pure-form-aligned .fv-help-block {
  margin-top: 5px;
  margin-left: 180px;
}

.fv-plugins-pure.pure-form-aligned .fv-plugins-icon-check {
  top: -9px;
  /* labelHeight/2 - iconHeight/2 */
}

.fv-plugins-pure.pure-form-stacked .pure-control-group {
  margin-bottom: 8px;
}

.fv-plugins-pure.pure-form-stacked .fv-plugins-icon {
  top: 22px;
  /* Same as height of label */
}

.fv-plugins-pure.pure-form-stacked .fv-plugins-icon-check {
  top: 13px;
}

.fv-plugins-pure.pure-form-stacked .fv-sr-only ~ .fv-plugins-icon {
  top: -9px;
}

.fv-plugins-semantic.ui.form .fields.error label,
.fv-plugins-semantic .error .fv-plugins-icon {
  color: #9f3a38;
  /* Same as .ui.form .field.error .input */
}

.fv-plugins-semantic .fv-plugins-icon-check {
  right: 7px;
}

.fv-plugins-shoelace .input-group {
  margin-bottom: 0;
}

.fv-plugins-shoelace .fv-plugins-icon {
  height: 32px;
  line-height: 32px;
  /* Same as height of input */
  width: 32px;
  top: 28px;
  /* Same as height of label */
}

.fv-plugins-shoelace .row .fv-plugins-icon {
  right: 16px;
  top: 0;
}

.fv-plugins-shoelace .fv-plugins-icon-check {
  top: 24px;
}

.fv-plugins-shoelace .fv-sr-only ~ .fv-plugins-icon,
.fv-plugins-shoelace .fv-sr-only ~ div .fv-plugins-icon {
  top: -4px;
}

.fv-plugins-shoelace .input-valid .fv-help-block,
.fv-plugins-shoelace .input-valid .fv-plugins-icon {
  color: #2ecc40;
}

.fv-plugins-shoelace .input-invalid .fv-help-block,
.fv-plugins-shoelace .input-invalid .fv-plugins-icon {
  color: #ff4136;
}

.fv-plugins-spectre .input-group .fv-plugins-icon {
  z-index: 2;
}

.fv-plugins-spectre .form-group .fv-plugins-icon-check {
  right: 6px;
  top: 10px;
}

.fv-plugins-spectre:not(.form-horizontal) .form-group .fv-plugins-icon-check {
  right: 6px;
  top: 45px;
}

.fv-plugins-tachyons .fv-plugins-icon {
  height: 36px;
  line-height: 36px;
  width: 36px;
}

.fv-plugins-tachyons .fv-plugins-icon-check {
  top: -7px;
}

.fv-plugins-tachyons.fv-stacked-form .fv-plugins-icon {
  top: 34px;
}

.fv-plugins-tachyons.fv-stacked-form .fv-plugins-icon-check {
  top: 24px;
}

.fv-plugins-turret .fv-plugins-icon {
  height: 40px;
  /* Same as height of input */
  line-height: 40px;
  width: 40px;
}

.fv-plugins-turret.fv-stacked-form .fv-plugins-icon {
  top: 29px;
}

.fv-plugins-turret.fv-stacked-form .fv-plugins-icon-check {
  top: 17px;
}

.fv-plugins-turret .fv-invalid-row .form-message,
.fv-plugins-turret .fv-invalid-row .fv-plugins-icon {
  color: #c00;
  /* Same as .form-message.error */
}

.fv-plugins-turret .fv-valid-row .form-message,
.fv-plugins-turret .fv-valid-row .fv-plugins-icon {
  color: #00b300;
  /* Same as .form-message.success */
}

.fv-plugins-uikit {
  /* Horizontal form */
  /* Stacked form */
}

.fv-plugins-uikit .fv-plugins-icon {
  height: 40px;
  /* Height of UIKit input */
  line-height: 40px;
  top: 25px;
  /* Height of UIKit label */
  width: 40px;
}

.fv-plugins-uikit.uk-form-horizontal .fv-plugins-icon {
  top: 0;
}

.fv-plugins-uikit.uk-form-horizontal .fv-plugins-icon-check {
  top: -11px;
  /* checkboxLabelHeight/2 - iconHeight/2 = 18/2 - 40/2 */
}

.fv-plugins-uikit.uk-form-stacked .fv-plugins-icon-check {
  top: 15px;
  /* labelHeight + labelMarginBottom + checkboxLabelHeight/2 - iconHeight/2 = 21 + 5 + 18/2 - 40/2 */
}

.fv-plugins-uikit.uk-form-stacked .fv-no-label .fv-plugins-icon {
  top: 0;
}

.fv-plugins-uikit.uk-form-stacked .fv-no-label .fv-plugins-icon-check {
  top: -11px;
}

.fv-plugins-wizard--step {
  display: none;
}

.fv-plugins-wizard--active {
  display: block;
}

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }
  .daterangepicker .ranges ul {
    width: 140px;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }
  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }
  .daterangepicker {
    direction: ltr;
    text-align: left;
  }
  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }
  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }
  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }
  .daterangepicker .ranges {
    float: left;
  }
  .daterangepicker.rtl .ranges {
    float: right;
  }
  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}
.tns-outer {
  padding: 0 !important;
}

.tns-outer [hidden] {
  display: none !important;
}

.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s;
}

.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -moz-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s;
}

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}

.tns-gallery > .tns-moving {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6;
}

.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}

.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}

.tns-t-ct {
  width: 2333.3333333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: 2333.3333333333%;
  position: absolute;
  right: 0;
}

.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}

.tns-t-ct > div {
  width: 1.4285714%;
  width: -webkit-calc(100% / 70);
  width: -moz-calc(100% / 70);
  width: 1.4285714286%;
  height: 10px;
  float: left;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.dropzone, .dropzone * {
  box-sizing: border-box;
}

.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px;
}

.dropzone.dz-clickable {
  cursor: pointer;
}

.dropzone.dz-clickable * {
  cursor: default;
}

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}

.dropzone.dz-started .dz-message {
  display: none;
}

.dropzone.dz-drag-hover {
  border-style: solid;
}

.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}

.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
}

.dropzone .dz-message .dz-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}

.dropzone .dz-preview:hover {
  z-index: 1000;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-image-preview {
  background: white;
}

.dropzone .dz-preview.dz-image-preview .dz-details {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}

.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}

.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}

.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}

.dropzone .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px);
}

.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}

.dropzone .dz-preview .dz-image img {
  display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}

.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}

.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -ms-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  -moz-animation: pulse 6s ease infinite;
  -ms-animation: pulse 6s ease infinite;
  -o-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite;
}

.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}

.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}

.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}

.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white;
}

.dropzone .dz-preview .dz-error-message:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}

.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}

.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}

.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}

.ql-clipboard p {
  margin: 0;
  padding: 0;
}

.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.ql-editor > * {
  cursor: text;
}

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}

.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}

.ql-editor ul > li::before {
  content: "•";
}

.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}

.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}

.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}

.ql-editor ul[data-checked=true] > li::before {
  content: "☑";
}

.ql-editor ul[data-checked=false] > li::before {
  content: "☐";
}

.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}

.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}

.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}

.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}

.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}

.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}

.ql-editor ol li:before {
  content: counter(list-0, decimal) ". ";
}

.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}

.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}

.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}

.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". ";
}

.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}

.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}

.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}

.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". ";
}

.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}

.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}

.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}

.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}

.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}

.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". ";
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}

.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}

.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}

.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}

.ql-editor .ql-bg-black {
  background-color: #000;
}

.ql-editor .ql-bg-red {
  background-color: #e60000;
}

.ql-editor .ql-bg-orange {
  background-color: #f90;
}

.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}

.ql-editor .ql-bg-green {
  background-color: #008a00;
}

.ql-editor .ql-bg-blue {
  background-color: #06c;
}

.ql-editor .ql-bg-purple {
  background-color: #93f;
}

.ql-editor .ql-color-white {
  color: #fff;
}

.ql-editor .ql-color-red {
  color: #e60000;
}

.ql-editor .ql-color-orange {
  color: #f90;
}

.ql-editor .ql-color-yellow {
  color: #ff0;
}

.ql-editor .ql-color-green {
  color: #008a00;
}

.ql-editor .ql-color-blue {
  color: #06c;
}

.ql-editor .ql-color-purple {
  color: #93f;
}

.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}

.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}

.ql-editor .ql-size-small {
  font-size: 0.75em;
}

.ql-editor .ql-size-large {
  font-size: 1.5em;
}

.ql-editor .ql-size-huge {
  font-size: 2.5em;
}

.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}

.ql-editor .ql-align-center {
  text-align: center;
}

.ql-editor .ql-align-justify {
  text-align: justify;
}

.ql-editor .ql-align-right {
  text-align: right;
}

.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}

.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}

.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}

.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}

@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
.ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}

.ql-snow * {
  box-sizing: border-box;
}

.ql-snow .ql-hidden {
  display: none;
}

.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}

.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}

.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}

.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}

.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}

.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}

.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}

.ql-snow .ql-empty {
  fill: none;
}

.ql-snow .ql-even {
  fill-rule: evenodd;
}

.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}

.ql-snow .ql-transparent {
  opacity: 0.4;
}

.ql-snow .ql-direction svg:last-child {
  display: none;
}

.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}

.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}

.ql-snow .ql-editor h1 {
  font-size: 2em;
}

.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}

.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}

.ql-snow .ql-editor h4 {
  font-size: 1em;
}

.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}

.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}

.ql-snow .ql-editor a {
  text-decoration: underline;
}

.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}

.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}

.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}

.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}

.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}

.ql-snow .ql-editor img {
  max-width: 100%;
}

.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}

.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}

.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}

.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}

.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}

.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}

.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}

.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}

.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}

.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}

.ql-snow .ql-picker.ql-header {
  width: 98px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}

.ql-snow .ql-picker.ql-font {
  width: 108px;
}

.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}

.ql-snow .ql-picker.ql-size {
  width: 98px;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}

.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  padding: 8px;
}

.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}

.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}

.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}

.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}

.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}

.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}

.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}

.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}

.ql-snow .ql-tooltip a {
  line-height: 26px;
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: "Save";
  padding-right: 0px;
}

.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}

.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}

.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}

.ql-snow a {
  color: #06c;
}

.ql-container.ql-snow {
  border: 1px solid #ccc;
}

:root {
  --tagify-dd-color-primary:rgb(53,149,246);
  --tagify-dd-bg-color:white;
  --tagify-dd-item-pad:.3em .5em;
}

.tagify {
  --tags-disabled-bg:#F1F1F1;
  --tags-border-color:#DDD;
  --tags-hover-border-color:#CCC;
  --tags-focus-border-color:#3595f6;
  --tag-border-radius:3px;
  --tag-bg:#E5E5E5;
  --tag-hover:#D3E2E2;
  --tag-text-color:black;
  --tag-text-color--edit:black;
  --tag-pad:0.3em 0.5em;
  --tag-inset-shadow-size:1.1em;
  --tag-invalid-color:#D39494;
  --tag-invalid-bg:rgba(211, 148, 148, 0.5);
  --tag-remove-bg:rgba(211, 148, 148, 0.3);
  --tag-remove-btn-color:black;
  --tag-remove-btn-bg:none;
  --tag-remove-btn-bg--hover:#c77777;
  --input-color:inherit;
  --tag--min-width:1ch;
  --tag--max-width:auto;
  --tag-hide-transition:0.3s;
  --placeholder-color:rgba(0, 0, 0, 0.4);
  --placeholder-color-focus:rgba(0, 0, 0, 0.25);
  --loader-size:.8em;
  --readonly-striped:1;
  display: inline-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  border: 1px solid var(--tags-border-color);
  padding: 0;
  line-height: 0;
  cursor: text;
  outline: 0;
  position: relative;
  box-sizing: border-box;
  transition: 0.1s;
}

@keyframes tags--bump {
  30% {
    transform: scale(1.2);
  }
}
@keyframes rotateLoader {
  to {
    transform: rotate(1turn);
  }
}
.tagify:hover:not(.tagify--focus):not(.tagify--invalid) {
  --tags-border-color:var(--tags-hover-border-color);
}

.tagify[disabled] {
  background: var(--tags-disabled-bg);
  filter: saturate(0);
  opacity: 0.5;
  pointer-events: none;
}

.tagify[disabled].tagify--select, .tagify[readonly].tagify--select {
  pointer-events: none;
}

.tagify[disabled]:not(.tagify--mix):not(.tagify--select), .tagify[readonly]:not(.tagify--mix):not(.tagify--select) {
  cursor: default;
}

.tagify[disabled]:not(.tagify--mix):not(.tagify--select) > .tagify__input, .tagify[readonly]:not(.tagify--mix):not(.tagify--select) > .tagify__input {
  visibility: hidden;
  width: 0;
  margin: 5px 0;
}

.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div, .tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div {
  padding: var(--tag-pad);
}

.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before, .tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before {
  animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
}

@keyframes readonlyStyles {
  0% {
    background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
    box-shadow: none;
    filter: brightness(0.95);
  }
}
.tagify[disabled] .tagify__tag__removeBtn, .tagify[readonly] .tagify__tag__removeBtn {
  display: none;
}

.tagify--loading .tagify__input > br:last-child {
  display: none;
}

.tagify--loading .tagify__input::before {
  content: none;
}

.tagify--loading .tagify__input::after {
  content: "";
  vertical-align: middle;
  opacity: 1;
  width: 0.7em;
  height: 0.7em;
  width: var(--loader-size);
  height: var(--loader-size);
  min-width: 0;
  border: 3px solid;
  border-color: #eee #bbb #888 transparent;
  border-radius: 50%;
  animation: rotateLoader 0.4s infinite linear;
  content: "" !important;
  margin: -2px 0 -2px 0.5em;
}

.tagify--loading .tagify__input:empty::after {
  margin-left: 0;
}

.tagify + input, .tagify + textarea {
  position: absolute !important;
  left: -9999em !important;
  transform: scale(0) !important;
}

.tagify__tag {
  display: inline-flex;
  align-items: center;
  margin: 5px 0 5px 5px;
  position: relative;
  z-index: 1;
  outline: 0;
  line-height: normal;
  cursor: default;
  transition: 0.13s ease-out;
}

.tagify__tag > div {
  vertical-align: top;
  box-sizing: border-box;
  max-width: 100%;
  padding: var(--tag-pad);
  color: var(--tag-text-color);
  line-height: inherit;
  border-radius: var(--tag-border-radius);
  white-space: nowrap;
  transition: 0.13s ease-out;
}

.tagify__tag > div > * {
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  min-width: var(--tag--min-width);
  max-width: var(--tag--max-width);
  transition: 0.8s ease, 0.1s color;
}

.tagify__tag > div > [contenteditable] {
  outline: 0;
  -webkit-user-select: text;
  user-select: text;
  cursor: text;
  margin: -2px;
  padding: 2px;
  max-width: 350px;
}

.tagify__tag > div::before {
  content: "";
  position: absolute;
  border-radius: inherit;
  inset: var(--tag-bg-inset, 0);
  z-index: -1;
  pointer-events: none;
  transition: 120ms ease;
  animation: tags--bump 0.3s ease-out 1;
  box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset;
}

.tagify__tag:focus div::before, .tagify__tag:hover:not([readonly]) div::before {
  --tag-bg-inset:-2.5px;
  --tag-bg:var(--tag-hover);
}

.tagify__tag--loading {
  pointer-events: none;
}

.tagify__tag--loading .tagify__tag__removeBtn {
  display: none;
}

.tagify__tag--loading::after {
  --loader-size:.4em;
  content: "";
  vertical-align: middle;
  opacity: 1;
  width: 0.7em;
  height: 0.7em;
  width: var(--loader-size);
  height: var(--loader-size);
  min-width: 0;
  border: 3px solid;
  border-color: #eee #bbb #888 transparent;
  border-radius: 50%;
  animation: rotateLoader 0.4s infinite linear;
  margin: 0 0.5em 0 -0.1em;
}

.tagify__tag--flash div::before {
  animation: none;
}

.tagify__tag--hide {
  width: 0 !important;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  opacity: 0;
  transform: scale(0);
  transition: var(--tag-hide-transition);
  pointer-events: none;
}

.tagify__tag--hide > div > * {
  white-space: nowrap;
}

.tagify__tag.tagify--noAnim > div::before {
  animation: none;
}

.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div > span {
  opacity: 0.5;
}

.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
  --tag-bg:var(--tag-invalid-bg);
  transition: 0.2s;
}

.tagify__tag[readonly] .tagify__tag__removeBtn {
  display: none;
}

.tagify__tag[readonly] > div::before {
  animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
}

@keyframes readonlyStyles {
  0% {
    background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
    box-shadow: none;
    filter: brightness(0.95);
  }
}
.tagify__tag--editable > div {
  color: var(--tag-text-color--edit);
}

.tagify__tag--editable > div::before {
  box-shadow: 0 0 0 2px var(--tag-hover) inset !important;
}

.tagify__tag--editable > .tagify__tag__removeBtn {
  pointer-events: none;
}

.tagify__tag--editable > .tagify__tag__removeBtn::after {
  opacity: 0;
  transform: translateX(100%) translateX(5px);
}

.tagify__tag--editable.tagify--invalid > div::before {
  box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important;
}

.tagify__tag__removeBtn {
  order: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  cursor: pointer;
  font: 14px/1 Arial;
  background: var(--tag-remove-btn-bg);
  color: var(--tag-remove-btn-color);
  width: 14px;
  height: 14px;
  margin-right: 4.6666666667px;
  margin-left: auto;
  overflow: hidden;
  transition: 0.2s ease-out;
}

.tagify__tag__removeBtn::after {
  content: "×";
  transition: 0.3s, color 0s;
}

.tagify__tag__removeBtn:hover {
  color: #fff;
  background: var(--tag-remove-btn-bg--hover);
}

.tagify__tag__removeBtn:hover + div > span {
  opacity: 0.5;
}

.tagify__tag__removeBtn:hover + div::before {
  box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg, rgba(211, 148, 148, 0.3)) inset !important;
  transition: box-shadow 0.2s;
}

.tagify:not(.tagify--mix) .tagify__input br {
  display: none;
}

.tagify:not(.tagify--mix) .tagify__input * {
  display: inline;
  white-space: nowrap;
}

.tagify__input {
  flex-grow: 1;
  display: inline-block;
  min-width: 110px;
  margin: 5px;
  padding: var(--tag-pad);
  line-height: normal;
  position: relative;
  white-space: pre-wrap;
  color: var(--input-color);
  box-sizing: inherit;
}

.tagify__input:empty::before {
  position: static;
}

.tagify__input:focus {
  outline: 0;
}

.tagify__input:focus::before {
  transition: 0.2s ease-out;
  opacity: 0;
  transform: translatex(6px);
}

@supports (-ms-ime-align: auto) {
  .tagify__input:focus::before {
    display: none;
  }
}
.tagify__input:focus:empty::before {
  transition: 0.2s ease-out;
  opacity: 1;
  transform: none;
  color: rgba(0, 0, 0, 0.25);
  color: var(--placeholder-color-focus);
}

@-moz-document url-prefix() {
  .tagify__input:focus:empty::after {
    display: none;
  }
}
.tagify__input::before {
  content: attr(data-placeholder);
  height: 1em;
  line-height: 1em;
  margin: auto 0;
  z-index: 1;
  color: var(--placeholder-color);
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  position: absolute;
}

.tagify__input::after {
  content: attr(data-suggest);
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  min-width: calc(100% - 1.5em);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
  color: var(--tag-text-color);
  opacity: 0.3;
  pointer-events: none;
  max-width: 100px;
}

.tagify__input .tagify__tag {
  margin: 0 1px;
}

.tagify--mix {
  display: block;
}

.tagify--mix .tagify__input {
  padding: 5px;
  margin: 0;
  width: 100%;
  height: 100%;
  line-height: 1.5;
  display: block;
}

.tagify--mix .tagify__input::before {
  height: auto;
  display: none;
  line-height: inherit;
}

.tagify--mix .tagify__input::after {
  content: none;
}

.tagify--select::after {
  content: ">";
  opacity: 0.5;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  font: 16px monospace;
  line-height: 8px;
  height: 8px;
  pointer-events: none;
  transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg);
  transition: 0.2s ease-in-out;
}

.tagify--select[aria-expanded=true]::after {
  transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2);
}

.tagify--select .tagify__tag {
  position: absolute;
  top: 0;
  right: 1.8em;
  bottom: 0;
}

.tagify--select .tagify__tag div {
  display: none;
}

.tagify--select .tagify__input {
  width: 100%;
}

.tagify--empty .tagify__input::before {
  transition: 0.2s ease-out;
  opacity: 1;
  transform: none;
  display: inline-block;
  width: auto;
}

.tagify--mix .tagify--empty .tagify__input::before {
  display: inline-block;
}

.tagify--focus {
  --tags-border-color:var(--tags-focus-border-color);
  transition: 0s;
}

.tagify--invalid {
  --tags-border-color:#D39494;
}

.tagify__dropdown {
  position: absolute;
  z-index: 9999;
  transform: translateY(1px);
  overflow: hidden;
}

.tagify__dropdown[placement=top] {
  margin-top: 0;
  transform: translateY(-100%);
}

.tagify__dropdown[placement=top] .tagify__dropdown__wrapper {
  border-top-width: 1.1px;
  border-bottom-width: 0;
}

.tagify__dropdown[position=text] {
  box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1);
  font-size: 0.9em;
}

.tagify__dropdown[position=text] .tagify__dropdown__wrapper {
  border-width: 1px;
}

.tagify__dropdown__wrapper {
  max-height: 300px;
  overflow: auto;
  overflow-x: hidden;
  background: var(--tagify-dd-bg-color);
  border: 1px solid;
  border-color: var(--tagify-dd-color-primary);
  border-bottom-width: 1.5px;
  border-top-width: 0;
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
  transition: 0.25s cubic-bezier(0, 1, 0.5, 1);
}

.tagify__dropdown__header:empty {
  display: none;
}

.tagify__dropdown__footer {
  display: inline-block;
  margin-top: 0.5em;
  padding: var(--tagify-dd-item-pad);
  font-size: 0.7em;
  font-style: italic;
  opacity: 0.5;
}

.tagify__dropdown__footer:empty {
  display: none;
}

.tagify__dropdown--initial .tagify__dropdown__wrapper {
  max-height: 20px;
  transform: translateY(-1em);
}

.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper {
  transform: translateY(2em);
}

.tagify__dropdown__item {
  box-sizing: border-box;
  padding: var(--tagify-dd-item-pad);
  margin: 1px;
  cursor: pointer;
  border-radius: 2px;
  position: relative;
  outline: 0;
  max-height: 60px;
  max-width: 100%;
}

.tagify__dropdown__item--active {
  background: var(--tagify-dd-color-primary);
  color: #fff;
}

.tagify__dropdown__item:active {
  filter: brightness(105%);
}

.tagify__dropdown__item--hidden {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 1px;
  pointer-events: none;
  overflow: hidden;
  max-height: 0;
  transition: var(--tagify-dd-item--hidden-duration, 0.3s) !important;
}

.tagify__dropdown__item--hidden > * {
  transform: translateY(-100%);
  opacity: 0;
  transition: inherit;
}

.toastr-title {
  font-weight: bold;
}

.toastr-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.toastr-message a,
.toastr-message label {
  color: #FFFFFF;
}

.toastr-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}

.toastr-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  line-height: 1;
}

.toastr-close-button:hover,
.toastr-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

.rtl .toastr-close-button {
  left: -0.3em;
  float: left;
  right: 0.3em;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toastr-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.toastr-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toastr-top-center-nav-margin {
  top: 65px;
  right: 0;
  width: 100%;
}

.toastr-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toastr-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toastr-top-full-width-nav-margin {
  top: 65px;
  right: 0;
  width: 100%;
}

.toastr-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toastr-top-left {
  top: 12px;
  left: 12px;
}

.toastr-top-left-nav-margin {
  top: 65px;
  left: 12px;
}

.toastr-top-right {
  top: 12px;
  right: 12px;
}

.toastr-top-right-nav-margin {
  top: 65px;
  right: 12px;
}

.toastr-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toastr-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toastr-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  /*overrides*/
}

#toastr-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#toastr-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

#toastr-container > div.rtl {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center;
}

#toastr-container > div:hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toastr-container > .toastr-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toastr-container > .toastr-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toastr-container > .toastr-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toastr-container > .toastr-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

#toastr-container.toastr-top-center-nav-margin > div,
#toastr-container.toastr-top-center > div,
#toastr-container.toastr-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

#toastr-container.toastr-top-full-width-nav-margin > div,
#toastr-container.toastr-top-full-width > div,
#toastr-container.toastr-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.toastr {
  background-color: #030303;
}

.toastr-success {
  background-color: #51A351;
}

.toastr-error {
  background-color: #BD362F;
}

.toastr-info {
  background-color: #2F96B4;
}

.toastr-warning {
  background-color: #F89406;
}

.toastr-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toastr-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toastr-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toastr-container .toastr-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toastr-container .rtl .toastr-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toastr-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toastr-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toastr-container .toastr-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toastr-container .rtl .toastr-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toastr-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
  #toastr-container > div.rtl {
    padding: 15px 50px 15px 15px;
  }
}
.apexcharts-canvas {
  position: relative;
  user-select: none;
  /* cannot give overflow: hidden as it will crop tooltips which overflow outside chart area */
}

/* scrollbar is not visible by default for legend, hence forcing the visibility */
.apexcharts-canvas ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
}

.apexcharts-canvas ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.apexcharts-inner {
  position: relative;
}

.apexcharts-text tspan {
  font-family: inherit;
}

.legend-mouseover-inactive {
  transition: 0.15s ease all;
  opacity: 0.2;
}

.apexcharts-series-collapsed {
  opacity: 0;
}

.apexcharts-tooltip {
  border-radius: 5px;
  box-shadow: 2px 2px 6px -4px #999;
  cursor: default;
  font-size: 14px;
  left: 62px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 20px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  white-space: nowrap;
  z-index: 12;
  transition: 0.15s ease all;
}

.apexcharts-tooltip.apexcharts-active {
  opacity: 1;
  transition: 0.15s ease all;
}

.apexcharts-tooltip.apexcharts-theme-light {
  border: 1px solid #e3e3e3;
  background: rgba(255, 255, 255, 0.96);
}

.apexcharts-tooltip.apexcharts-theme-dark {
  color: #fff;
  background: rgba(30, 30, 30, 0.8);
}

.apexcharts-tooltip * {
  font-family: inherit;
}

.apexcharts-tooltip-title {
  padding: 6px;
  font-size: 15px;
  margin-bottom: 4px;
}

.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: #ECEFF1;
  border-bottom: 1px solid #ddd;
}

.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
  background: rgba(0, 0, 0, 0.7);
  border-bottom: 1px solid #333;
}

.apexcharts-tooltip-text-y-value,
.apexcharts-tooltip-text-goals-value,
.apexcharts-tooltip-text-z-value {
  display: inline-block;
  font-weight: 600;
  margin-left: 5px;
}

.apexcharts-tooltip-title:empty,
.apexcharts-tooltip-text-y-label:empty,
.apexcharts-tooltip-text-y-value:empty,
.apexcharts-tooltip-text-goals-label:empty,
.apexcharts-tooltip-text-goals-value:empty,
.apexcharts-tooltip-text-z-value:empty {
  display: none;
}

.apexcharts-tooltip-text-y-value,
.apexcharts-tooltip-text-goals-value,
.apexcharts-tooltip-text-z-value {
  font-weight: 600;
}

.apexcharts-tooltip-text-goals-label,
.apexcharts-tooltip-text-goals-value {
  padding: 6px 0 5px;
}

.apexcharts-tooltip-goals-group,
.apexcharts-tooltip-text-goals-label,
.apexcharts-tooltip-text-goals-value {
  display: flex;
}

.apexcharts-tooltip-text-goals-label:not(:empty),
.apexcharts-tooltip-text-goals-value:not(:empty) {
  margin-top: -6px;
}

.apexcharts-tooltip-marker {
  width: 12px;
  height: 12px;
  position: relative;
  top: 0px;
  margin-right: 10px;
  border-radius: 50%;
}

.apexcharts-tooltip-series-group {
  padding: 0 10px;
  display: none;
  text-align: left;
  justify-content: left;
  align-items: center;
}

.apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-marker {
  opacity: 1;
}

.apexcharts-tooltip-series-group.apexcharts-active,
.apexcharts-tooltip-series-group:last-child {
  padding-bottom: 4px;
}

.apexcharts-tooltip-series-group-hidden {
  opacity: 0;
  height: 0;
  line-height: 0;
  padding: 0 !important;
}

.apexcharts-tooltip-y-group {
  padding: 6px 0 5px;
}

.apexcharts-tooltip-box, .apexcharts-custom-tooltip {
  padding: 4px 8px;
}

.apexcharts-tooltip-boxPlot {
  display: flex;
  flex-direction: column-reverse;
}

.apexcharts-tooltip-box > div {
  margin: 4px 0;
}

.apexcharts-tooltip-box span.value {
  font-weight: bold;
}

.apexcharts-tooltip-rangebar {
  padding: 5px 8px;
}

.apexcharts-tooltip-rangebar .category {
  font-weight: 600;
  color: #777;
}

.apexcharts-tooltip-rangebar .series-name {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

.apexcharts-xaxistooltip {
  opacity: 0;
  padding: 9px 10px;
  pointer-events: none;
  color: #373d3f;
  font-size: 13px;
  text-align: center;
  border-radius: 2px;
  position: absolute;
  z-index: 10;
  background: #ECEFF1;
  border: 1px solid #90A4AE;
  transition: 0.15s ease all;
}

.apexcharts-xaxistooltip.apexcharts-theme-dark {
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.5);
  color: #fff;
}

.apexcharts-xaxistooltip:after,
.apexcharts-xaxistooltip:before {
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.apexcharts-xaxistooltip:after {
  border-color: rgba(236, 239, 241, 0);
  border-width: 6px;
  margin-left: -6px;
}

.apexcharts-xaxistooltip:before {
  border-color: rgba(144, 164, 174, 0);
  border-width: 7px;
  margin-left: -7px;
}

.apexcharts-xaxistooltip-bottom:after,
.apexcharts-xaxistooltip-bottom:before {
  bottom: 100%;
}

.apexcharts-xaxistooltip-top:after,
.apexcharts-xaxistooltip-top:before {
  top: 100%;
}

.apexcharts-xaxistooltip-bottom:after {
  border-bottom-color: #ECEFF1;
}

.apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: #90A4AE;
}

.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:after {
  border-bottom-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:before {
  border-bottom-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-xaxistooltip-top:after {
  border-top-color: #ECEFF1;
}

.apexcharts-xaxistooltip-top:before {
  border-top-color: #90A4AE;
}

.apexcharts-xaxistooltip-top.apexcharts-theme-dark:after {
  border-top-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-xaxistooltip-top.apexcharts-theme-dark:before {
  border-top-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-xaxistooltip.apexcharts-active {
  opacity: 1;
  transition: 0.15s ease all;
}

.apexcharts-yaxistooltip {
  opacity: 0;
  padding: 4px 10px;
  pointer-events: none;
  color: #373d3f;
  font-size: 13px;
  text-align: center;
  border-radius: 2px;
  position: absolute;
  z-index: 10;
  background: #ECEFF1;
  border: 1px solid #90A4AE;
}

.apexcharts-yaxistooltip.apexcharts-theme-dark {
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.5);
  color: #fff;
}

.apexcharts-yaxistooltip:after,
.apexcharts-yaxistooltip:before {
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.apexcharts-yaxistooltip:after {
  border-color: rgba(236, 239, 241, 0);
  border-width: 6px;
  margin-top: -6px;
}

.apexcharts-yaxistooltip:before {
  border-color: rgba(144, 164, 174, 0);
  border-width: 7px;
  margin-top: -7px;
}

.apexcharts-yaxistooltip-left:after,
.apexcharts-yaxistooltip-left:before {
  left: 100%;
}

.apexcharts-yaxistooltip-right:after,
.apexcharts-yaxistooltip-right:before {
  right: 100%;
}

.apexcharts-yaxistooltip-left:after {
  border-left-color: #ECEFF1;
}

.apexcharts-yaxistooltip-left:before {
  border-left-color: #90A4AE;
}

.apexcharts-yaxistooltip-left.apexcharts-theme-dark:after {
  border-left-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-yaxistooltip-left.apexcharts-theme-dark:before {
  border-left-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-yaxistooltip-right:after {
  border-right-color: #ECEFF1;
}

.apexcharts-yaxistooltip-right:before {
  border-right-color: #90A4AE;
}

.apexcharts-yaxistooltip-right.apexcharts-theme-dark:after {
  border-right-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-yaxistooltip-right.apexcharts-theme-dark:before {
  border-right-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-yaxistooltip.apexcharts-active {
  opacity: 1;
}

.apexcharts-yaxistooltip-hidden {
  display: none;
}

.apexcharts-xcrosshairs,
.apexcharts-ycrosshairs {
  pointer-events: none;
  opacity: 0;
  transition: 0.15s ease all;
}

.apexcharts-xcrosshairs.apexcharts-active,
.apexcharts-ycrosshairs.apexcharts-active {
  opacity: 1;
  transition: 0.15s ease all;
}

.apexcharts-ycrosshairs-hidden {
  opacity: 0;
}

.apexcharts-selection-rect {
  cursor: move;
}

.svg_select_boundingRect, .svg_select_points_rot {
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}

.apexcharts-selection-rect + g .svg_select_boundingRect,
.apexcharts-selection-rect + g .svg_select_points_rot {
  opacity: 0;
  visibility: hidden;
}

.apexcharts-selection-rect + g .svg_select_points_l,
.apexcharts-selection-rect + g .svg_select_points_r {
  cursor: ew-resize;
  opacity: 1;
  visibility: visible;
}

.svg_select_points {
  fill: #efefef;
  stroke: #333;
  rx: 2;
}

.apexcharts-svg.apexcharts-zoomable.hovering-zoom {
  cursor: crosshair;
}

.apexcharts-svg.apexcharts-zoomable.hovering-pan {
  cursor: move;
}

.apexcharts-zoom-icon,
.apexcharts-zoomin-icon,
.apexcharts-zoomout-icon,
.apexcharts-reset-icon,
.apexcharts-pan-icon,
.apexcharts-selection-icon,
.apexcharts-menu-icon,
.apexcharts-toolbar-custom-icon {
  cursor: pointer;
  width: 20px;
  height: 20px;
  line-height: 24px;
  color: #6E8192;
  text-align: center;
}

.apexcharts-zoom-icon svg,
.apexcharts-zoomin-icon svg,
.apexcharts-zoomout-icon svg,
.apexcharts-reset-icon svg,
.apexcharts-menu-icon svg {
  fill: #6E8192;
}

.apexcharts-selection-icon svg {
  fill: #444;
  transform: scale(0.76);
}

.apexcharts-theme-dark .apexcharts-zoom-icon svg,
.apexcharts-theme-dark .apexcharts-zoomin-icon svg,
.apexcharts-theme-dark .apexcharts-zoomout-icon svg,
.apexcharts-theme-dark .apexcharts-reset-icon svg,
.apexcharts-theme-dark .apexcharts-pan-icon svg,
.apexcharts-theme-dark .apexcharts-selection-icon svg,
.apexcharts-theme-dark .apexcharts-menu-icon svg,
.apexcharts-theme-dark .apexcharts-toolbar-custom-icon svg {
  fill: #f3f4f5;
}

.apexcharts-canvas .apexcharts-zoom-icon.apexcharts-selected svg,
.apexcharts-canvas .apexcharts-selection-icon.apexcharts-selected svg,
.apexcharts-canvas .apexcharts-reset-zoom-icon.apexcharts-selected svg {
  fill: #008FFB;
}

.apexcharts-theme-light .apexcharts-selection-icon:not(.apexcharts-selected):hover svg,
.apexcharts-theme-light .apexcharts-zoom-icon:not(.apexcharts-selected):hover svg,
.apexcharts-theme-light .apexcharts-zoomin-icon:hover svg,
.apexcharts-theme-light .apexcharts-zoomout-icon:hover svg,
.apexcharts-theme-light .apexcharts-reset-icon:hover svg,
.apexcharts-theme-light .apexcharts-menu-icon:hover svg {
  fill: #333;
}

.apexcharts-selection-icon,
.apexcharts-menu-icon {
  position: relative;
}

.apexcharts-reset-icon {
  margin-left: 5px;
}

.apexcharts-zoom-icon,
.apexcharts-reset-icon,
.apexcharts-menu-icon {
  transform: scale(0.85);
}

.apexcharts-zoomin-icon,
.apexcharts-zoomout-icon {
  transform: scale(0.7);
}

.apexcharts-zoomout-icon {
  margin-right: 3px;
}

.apexcharts-pan-icon {
  transform: scale(0.62);
  position: relative;
  left: 1px;
  top: 0px;
}

.apexcharts-pan-icon svg {
  fill: #fff;
  stroke: #6E8192;
  stroke-width: 2;
}

.apexcharts-pan-icon.apexcharts-selected svg {
  stroke: #008FFB;
}

.apexcharts-pan-icon:not(.apexcharts-selected):hover svg {
  stroke: #333;
}

.apexcharts-toolbar {
  position: absolute;
  z-index: 11;
  max-width: 176px;
  text-align: right;
  border-radius: 3px;
  padding: 0px 6px 2px 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.apexcharts-menu {
  background: #fff;
  position: absolute;
  top: 100%;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 3px;
  right: 10px;
  opacity: 0;
  min-width: 110px;
  transition: 0.15s ease all;
  pointer-events: none;
}

.apexcharts-menu.apexcharts-menu-open {
  opacity: 1;
  pointer-events: all;
  transition: 0.15s ease all;
}

.apexcharts-menu-item {
  padding: 6px 7px;
  font-size: 12px;
  cursor: pointer;
}

.apexcharts-theme-light .apexcharts-menu-item:hover {
  background: #eee;
}

.apexcharts-theme-dark .apexcharts-menu {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
}

@media screen and (min-width: 768px) {
  .apexcharts-canvas:hover .apexcharts-toolbar {
    opacity: 1;
  }
}
.apexcharts-datalabel.apexcharts-element-hidden {
  opacity: 0;
}

.apexcharts-pie-label,
.apexcharts-datalabels,
.apexcharts-datalabel,
.apexcharts-datalabel-label,
.apexcharts-datalabel-value {
  cursor: default;
  pointer-events: none;
}

.apexcharts-pie-label-delay {
  opacity: 0;
  animation-name: opaque;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
}

.apexcharts-canvas .apexcharts-element-hidden {
  opacity: 0;
}

.apexcharts-hide .apexcharts-series-points {
  opacity: 0;
}

.apexcharts-gridline,
.apexcharts-annotation-rect,
.apexcharts-xaxis-annotation-label,
.apexcharts-yaxis-annotation-label,
.apexcharts-point-annotation-label,
.apexcharts-tooltip .apexcharts-marker,
.apexcharts-area-series .apexcharts-area,
.apexcharts-line,
.apexcharts-zoom-rect,
.apexcharts-toolbar svg,
.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,
.apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,
.apexcharts-radar-series path,
.apexcharts-radar-series polygon {
  pointer-events: none;
}

/* markers */
.apexcharts-marker {
  transition: 0.15s ease all;
}

@keyframes opaque {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Resize generated styles */
@keyframes resizeanim {
  from {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
.resize-triggers {
  animation: 1ms resizeanim;
  visibility: hidden;
  opacity: 0;
}

.resize-triggers,
.resize-triggers > div,
.contract-trigger:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.resize-triggers > div {
  background: #eee;
  overflow: auto;
}

.contract-trigger:before {
  width: 200%;
  height: 200%;
}

.swal2-popup.swal2-toast {
  box-sizing: border-box;
  grid-column: 1/4 !important;
  grid-row: 1/4 !important;
  grid-template-columns: 1fr 99fr 1fr;
  padding: 1em;
  overflow-y: hidden;
  background: #fff;
  box-shadow: 0 0 1px hsla(0deg, 0%, 0%, 0.075), 0 1px 2px hsla(0deg, 0%, 0%, 0.075), 1px 2px 4px hsla(0deg, 0%, 0%, 0.075), 1px 3px 8px hsla(0deg, 0%, 0%, 0.075), 2px 4px 16px hsla(0deg, 0%, 0%, 0.075);
  pointer-events: all;
}

.swal2-popup.swal2-toast > * {
  grid-column: 2;
}

.swal2-popup.swal2-toast .swal2-title {
  margin: 0.5em 1em;
  padding: 0;
  font-size: 1em;
  text-align: initial;
}

.swal2-popup.swal2-toast .swal2-loading {
  justify-content: center;
}

.swal2-popup.swal2-toast .swal2-input {
  height: 2em;
  margin: 0.5em;
  font-size: 1em;
}

.swal2-popup.swal2-toast .swal2-validation-message {
  font-size: 1em;
}

.swal2-popup.swal2-toast .swal2-footer {
  margin: 0.5em 0 0;
  padding: 0.5em 0 0;
  font-size: 0.8em;
}

.swal2-popup.swal2-toast .swal2-close {
  grid-column: 3/3;
  grid-row: 1/99;
  align-self: center;
  width: 0.8em;
  height: 0.8em;
  margin: 0;
  font-size: 2em;
}

.swal2-popup.swal2-toast .swal2-html-container {
  margin: 0.5em 1em;
  padding: 0;
  font-size: 1em;
  text-align: initial;
}

.swal2-popup.swal2-toast .swal2-html-container:empty {
  padding: 0;
}

.swal2-popup.swal2-toast .swal2-loader {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  height: 2em;
  margin: 0.25em;
}

.swal2-popup.swal2-toast .swal2-icon {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  min-width: 2em;
  height: 2em;
  margin: 0 0.5em 0 0;
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 1.8em;
  font-weight: bold;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  top: 0.875em;
  width: 1.375em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-actions {
  justify-content: flex-start;
  height: auto;
  margin: 0;
  margin-top: 0.5em;
  padding: 0 0.5em;
}

.swal2-popup.swal2-toast .swal2-styled {
  margin: 0.25em 0.5em;
  padding: 0.4em 0.6em;
  font-size: 1em;
}

.swal2-popup.swal2-toast .swal2-success {
  border-color: #a5dc86;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 1.6em;
  height: 3em;
  transform: rotate(45deg);
  border-radius: 50%;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.8em;
  left: -0.5em;
  transform: rotate(-45deg);
  transform-origin: 2em 2em;
  border-radius: 4em 0 0 4em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.25em;
  left: 0.9375em;
  transform-origin: 0 1.5em;
  border-radius: 0 4em 4em 0;
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
  top: 0;
  left: 0.4375em;
  width: 0.4375em;
  height: 2.6875em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
  height: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
  top: 1.125em;
  left: 0.1875em;
  width: 0.75em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
  top: 0.9375em;
  right: 0.1875em;
  width: 1.375em;
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
  -webkit-animation: swal2-toast-animate-success-line-tip 0.75s;
  animation: swal2-toast-animate-success-line-tip 0.75s;
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
  -webkit-animation: swal2-toast-animate-success-line-long 0.75s;
  animation: swal2-toast-animate-success-line-long 0.75s;
}

.swal2-popup.swal2-toast.swal2-show {
  -webkit-animation: swal2-toast-show 0.5s;
  animation: swal2-toast-show 0.5s;
}

.swal2-popup.swal2-toast.swal2-hide {
  -webkit-animation: swal2-toast-hide 0.1s forwards;
  animation: swal2-toast-hide 0.1s forwards;
}

.swal2-container {
  display: grid;
  position: fixed;
  z-index: 1060;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
  grid-template-rows: minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto);
  grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
  height: 100%;
  padding: 0.625em;
  overflow-x: hidden;
  transition: background-color 0.1s;
  -webkit-overflow-scrolling: touch;
}

.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
  background: rgba(0, 0, 0, 0.4);
}

.swal2-container.swal2-backdrop-hide {
  background: transparent !important;
}

.swal2-container.swal2-top-start, .swal2-container.swal2-center-start, .swal2-container.swal2-bottom-start {
  grid-template-columns: minmax(0, 1fr) auto auto;
}

.swal2-container.swal2-top, .swal2-container.swal2-center, .swal2-container.swal2-bottom {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.swal2-container.swal2-top-end, .swal2-container.swal2-center-end, .swal2-container.swal2-bottom-end {
  grid-template-columns: auto auto minmax(0, 1fr);
}

.swal2-container.swal2-top-start > .swal2-popup {
  align-self: start;
}

.swal2-container.swal2-top > .swal2-popup {
  grid-column: 2;
  align-self: start;
  justify-self: center;
}

.swal2-container.swal2-top-end > .swal2-popup, .swal2-container.swal2-top-right > .swal2-popup {
  grid-column: 3;
  align-self: start;
  justify-self: end;
}

.swal2-container.swal2-center-start > .swal2-popup, .swal2-container.swal2-center-left > .swal2-popup {
  grid-row: 2;
  align-self: center;
}

.swal2-container.swal2-center > .swal2-popup {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  justify-self: center;
}

.swal2-container.swal2-center-end > .swal2-popup, .swal2-container.swal2-center-right > .swal2-popup {
  grid-column: 3;
  grid-row: 2;
  align-self: center;
  justify-self: end;
}

.swal2-container.swal2-bottom-start > .swal2-popup, .swal2-container.swal2-bottom-left > .swal2-popup {
  grid-column: 1;
  grid-row: 3;
  align-self: end;
}

.swal2-container.swal2-bottom > .swal2-popup {
  grid-column: 2;
  grid-row: 3;
  justify-self: center;
  align-self: end;
}

.swal2-container.swal2-bottom-end > .swal2-popup, .swal2-container.swal2-bottom-right > .swal2-popup {
  grid-column: 3;
  grid-row: 3;
  align-self: end;
  justify-self: end;
}

.swal2-container.swal2-grow-row > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup {
  grid-column: 1/4;
  width: 100%;
}

.swal2-container.swal2-grow-column > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup {
  grid-row: 1/4;
  align-self: stretch;
}

.swal2-container.swal2-no-transition {
  transition: none !important;
}

.swal2-popup {
  display: none;
  position: relative;
  box-sizing: border-box;
  grid-template-columns: minmax(0, 100%);
  width: 32em;
  max-width: 100%;
  padding: 0 0 1.25em;
  border: none;
  border-radius: 5px;
  background: #fff;
  color: #545454;
  font-family: inherit;
  font-size: 1rem;
}

.swal2-popup:focus {
  outline: none;
}

.swal2-popup.swal2-loading {
  overflow-y: hidden;
}

.swal2-title {
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: 0.8em 1em 0;
  color: inherit;
  font-size: 1.875em;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word;
}

.swal2-actions {
  display: flex;
  z-index: 1;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: auto;
  margin: 1.25em auto 0;
  padding: 0;
}

.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
  opacity: 0.4;
}

.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.swal2-actions:not(.swal2-loading) .swal2-styled:active {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.swal2-loader {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.2em;
  height: 2.2em;
  margin: 0 1.875em;
  -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  border-width: 0.25em;
  border-style: solid;
  border-radius: 100%;
  border-color: #2778c4 transparent #2778c4 transparent;
}

.swal2-styled {
  margin: 0.3125em;
  padding: 0.625em 1.1em;
  transition: box-shadow 0.1s;
  box-shadow: 0 0 0 3px transparent;
  font-weight: 500;
}

.swal2-styled:not([disabled]) {
  cursor: pointer;
}

.swal2-styled.swal2-confirm {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #7066e0;
  color: #fff;
  font-size: 1em;
}

.swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(112, 102, 224, 0.5);
}

.swal2-styled.swal2-deny {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #dc3741;
  color: #fff;
  font-size: 1em;
}

.swal2-styled.swal2-deny:focus {
  box-shadow: 0 0 0 3px rgba(220, 55, 65, 0.5);
}

.swal2-styled.swal2-cancel {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #6e7881;
  color: #fff;
  font-size: 1em;
}

.swal2-styled.swal2-cancel:focus {
  box-shadow: 0 0 0 3px rgba(110, 120, 129, 0.5);
}

.swal2-styled.swal2-default-outline:focus {
  box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5);
}

.swal2-styled:focus {
  outline: none;
}

.swal2-styled::-moz-focus-inner {
  border: 0;
}

.swal2-footer {
  justify-content: center;
  margin: 1em 0 0;
  padding: 1em 1em 0;
  border-top: 1px solid #eee;
  color: inherit;
  font-size: 1em;
}

.swal2-timer-progress-bar-container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  grid-column: auto !important;
  overflow: hidden;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.swal2-timer-progress-bar {
  width: 100%;
  height: 0.25em;
  background: rgba(0, 0, 0, 0.2);
}

.swal2-image {
  max-width: 100%;
  margin: 2em auto 1em;
}

.swal2-close {
  z-index: 2;
  align-items: center;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: -1.2em;
  padding: 0;
  overflow: hidden;
  transition: color 0.1s, box-shadow 0.1s;
  border: none;
  border-radius: 5px;
  background: transparent;
  color: #ccc;
  font-family: serif;
  font-family: monospace;
  font-size: 2.5em;
  cursor: pointer;
  justify-self: end;
}

.swal2-close:hover {
  transform: none;
  background: transparent;
  color: #f27474;
}

.swal2-close:focus {
  outline: none;
  box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5);
}

.swal2-close::-moz-focus-inner {
  border: 0;
}

.swal2-html-container {
  z-index: 1;
  justify-content: center;
  margin: 1em 1.6em 0.3em;
  padding: 0;
  overflow: auto;
  color: inherit;
  font-size: 1.125em;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  word-wrap: break-word;
  word-break: break-word;
}

.swal2-input,
.swal2-file,
.swal2-textarea,
.swal2-select,
.swal2-radio,
.swal2-checkbox {
  margin: 1em 2em 3px;
}

.swal2-input,
.swal2-file,
.swal2-textarea {
  box-sizing: border-box;
  width: auto;
  transition: border-color 0.1s, box-shadow 0.1s;
  border: 1px solid #d9d9d9;
  border-radius: 0.1875em;
  background: transparent;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;
  color: inherit;
  font-size: 1.125em;
}

.swal2-input.swal2-inputerror,
.swal2-file.swal2-inputerror,
.swal2-textarea.swal2-inputerror {
  border-color: #f27474 !important;
  box-shadow: 0 0 2px #f27474 !important;
}

.swal2-input:focus,
.swal2-file:focus,
.swal2-textarea:focus {
  border: 1px solid #b4dbed;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5);
}

.swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder {
  color: #ccc;
}

.swal2-input::placeholder,
.swal2-file::placeholder,
.swal2-textarea::placeholder {
  color: #ccc;
}

.swal2-range {
  margin: 1em 2em 3px;
  background: #fff;
}

.swal2-range input {
  width: 80%;
}

.swal2-range output {
  width: 20%;
  color: inherit;
  font-weight: 600;
  text-align: center;
}

.swal2-range input,
.swal2-range output {
  height: 2.625em;
  padding: 0;
  font-size: 1.125em;
  line-height: 2.625em;
}

.swal2-input {
  height: 2.625em;
  padding: 0 0.75em;
}

.swal2-file {
  width: 75%;
  margin-right: auto;
  margin-left: auto;
  background: transparent;
  font-size: 1.125em;
}

.swal2-textarea {
  height: 6.75em;
  padding: 0.75em;
}

.swal2-select {
  min-width: 50%;
  max-width: 100%;
  padding: 0.375em 0.625em;
  background: transparent;
  color: inherit;
  font-size: 1.125em;
}

.swal2-radio,
.swal2-checkbox {
  align-items: center;
  justify-content: center;
  background: #fff;
  color: inherit;
}

.swal2-radio label,
.swal2-checkbox label {
  margin: 0 0.6em;
  font-size: 1.125em;
}

.swal2-radio input,
.swal2-checkbox input {
  flex-shrink: 0;
  margin: 0 0.4em;
}

.swal2-input-label {
  display: flex;
  justify-content: center;
  margin: 1em auto 0;
}

.swal2-validation-message {
  align-items: center;
  justify-content: center;
  margin: 1em 0 0;
  padding: 0.625em;
  overflow: hidden;
  background: #f0f0f0;
  color: #666666;
  font-size: 1em;
  font-weight: 300;
}

.swal2-validation-message::before {
  content: "!";
  display: inline-block;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  margin: 0 0.625em;
  border-radius: 50%;
  background-color: #f27474;
  color: #fff;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
}

.swal2-icon {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 2.5em auto 0.6em;
  border: 0.25em solid transparent;
  border-radius: 50%;
  border-color: #000;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 3.75em;
}

.swal2-icon.swal2-error {
  border-color: #f27474;
  color: #f27474;
}

.swal2-icon.swal2-error .swal2-x-mark {
  position: relative;
  flex-grow: 1;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  display: block;
  position: absolute;
  top: 2.3125em;
  width: 2.9375em;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #f27474;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 1.0625em;
  transform: rotate(45deg);
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 1em;
  transform: rotate(-45deg);
}

.swal2-icon.swal2-error.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon 0.5s;
  animation: swal2-animate-error-icon 0.5s;
}

.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
  -webkit-animation: swal2-animate-error-x-mark 0.5s;
  animation: swal2-animate-error-x-mark 0.5s;
}

.swal2-icon.swal2-warning {
  border-color: #facea8;
  color: #f8bb86;
}

.swal2-icon.swal2-warning.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon 0.5s;
  animation: swal2-animate-error-icon 0.5s;
}

.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content {
  -webkit-animation: swal2-animate-i-mark 0.5s;
  animation: swal2-animate-i-mark 0.5s;
}

.swal2-icon.swal2-info {
  border-color: #9de0f6;
  color: #3fc3ee;
}

.swal2-icon.swal2-info.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon 0.5s;
  animation: swal2-animate-error-icon 0.5s;
}

.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content {
  -webkit-animation: swal2-animate-i-mark 0.8s;
  animation: swal2-animate-i-mark 0.8s;
}

.swal2-icon.swal2-question {
  border-color: #c9dae1;
  color: #87adbd;
}

.swal2-icon.swal2-question.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon 0.5s;
  animation: swal2-animate-error-icon 0.5s;
}

.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content {
  -webkit-animation: swal2-animate-question-mark 0.8s;
  animation: swal2-animate-question-mark 0.8s;
}

.swal2-icon.swal2-success {
  border-color: #a5dc86;
  color: #a5dc86;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 3.75em;
  height: 7.5em;
  transform: rotate(45deg);
  border-radius: 50%;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.4375em;
  left: -2.0635em;
  transform: rotate(-45deg);
  transform-origin: 3.75em 3.75em;
  border-radius: 7.5em 0 0 7.5em;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.6875em;
  left: 1.875em;
  transform: rotate(-45deg);
  transform-origin: 0 3.75em;
  border-radius: 0 7.5em 7.5em 0;
}

.swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid rgba(165, 220, 134, 0.3);
  border-radius: 50%;
}

.swal2-icon.swal2-success .swal2-success-fix {
  position: absolute;
  z-index: 1;
  top: 0.5em;
  left: 1.625em;
  width: 0.4375em;
  height: 5.625em;
  transform: rotate(-45deg);
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #a5dc86;
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
  top: 2.875em;
  left: 0.8125em;
  width: 1.5625em;
  transform: rotate(45deg);
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
  top: 2.375em;
  right: 0.5em;
  width: 2.9375em;
  transform: rotate(-45deg);
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
  -webkit-animation: swal2-animate-success-line-tip 0.75s;
  animation: swal2-animate-success-line-tip 0.75s;
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
  -webkit-animation: swal2-animate-success-line-long 0.75s;
  animation: swal2-animate-success-line-long 0.75s;
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
  -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
  animation: swal2-rotate-success-circular-line 4.25s ease-in;
}

.swal2-progress-steps {
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  margin: 1.25em auto;
  padding: 0;
  background: transparent;
  font-weight: 600;
}

.swal2-progress-steps li {
  display: inline-block;
  position: relative;
}

.swal2-progress-steps .swal2-progress-step {
  z-index: 20;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  border-radius: 2em;
  background: #2778c4;
  color: #fff;
  line-height: 2em;
  text-align: center;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #2778c4;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
  background: #add8e6;
  color: #fff;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  background: #add8e6;
}

.swal2-progress-steps .swal2-progress-step-line {
  z-index: 10;
  flex-shrink: 0;
  width: 2.5em;
  height: 0.4em;
  margin: 0 -1px;
  background: #2778c4;
}

[class^=swal2] {
  -webkit-tap-highlight-color: transparent;
}

.swal2-show {
  -webkit-animation: swal2-show 0.3s;
  animation: swal2-show 0.3s;
}

.swal2-hide {
  -webkit-animation: swal2-hide 0.15s forwards;
  animation: swal2-hide 0.15s forwards;
}

.swal2-noanimation {
  transition: none;
}

.swal2-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.swal2-rtl .swal2-close {
  margin-right: initial;
  margin-left: 0;
}

.swal2-rtl .swal2-timer-progress-bar {
  right: 0;
  left: auto;
}

.leave-russia-now-and-apply-your-skills-to-the-world {
  display: flex;
  position: fixed;
  z-index: 1939;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 25px 0 20px;
  background: #20242a;
  color: #fff;
  text-align: center;
}

.leave-russia-now-and-apply-your-skills-to-the-world div {
  max-width: 560px;
  margin: 10px;
  line-height: 146%;
}

.leave-russia-now-and-apply-your-skills-to-the-world iframe {
  max-width: 100%;
  max-height: 55.5555555556vmin;
  margin: 16px auto;
}

.leave-russia-now-and-apply-your-skills-to-the-world strong {
  border-bottom: 2px dashed white;
}

.leave-russia-now-and-apply-your-skills-to-the-world button {
  display: flex;
  position: fixed;
  z-index: 1940;
  top: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-right: 10px;
  margin-bottom: -10px;
  border: none;
  background: transparent;
  color: #aaa;
  font-size: 48px;
  font-weight: bold;
  cursor: pointer;
}

.leave-russia-now-and-apply-your-skills-to-the-world button:hover {
  color: #fff;
}

@-webkit-keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }
  100% {
    transform: translateY(0) rotateZ(0deg);
  }
}
@keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }
  100% {
    transform: translateY(0) rotateZ(0deg);
  }
}
@-webkit-keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
@keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
@-webkit-keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }
  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }
  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}
@keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }
  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }
  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}
@-webkit-keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }
  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }
  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }
  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}
@keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }
  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }
  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }
  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}
@-webkit-keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@-webkit-keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  100% {
    top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em;
  }
}
@keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  100% {
    top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em;
  }
}
@-webkit-keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}
@keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}
@-webkit-keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@-webkit-keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes swal2-animate-question-mark {
  0% {
    transform: rotateY(-360deg);
  }
  100% {
    transform: rotateY(0);
  }
}
@keyframes swal2-animate-question-mark {
  0% {
    transform: rotateY(-360deg);
  }
  100% {
    transform: rotateY(0);
  }
}
@-webkit-keyframes swal2-animate-i-mark {
  0% {
    transform: rotateZ(45deg);
    opacity: 0;
  }
  25% {
    transform: rotateZ(-25deg);
    opacity: 0.4;
  }
  50% {
    transform: rotateZ(15deg);
    opacity: 0.8;
  }
  75% {
    transform: rotateZ(-5deg);
    opacity: 1;
  }
  100% {
    transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes swal2-animate-i-mark {
  0% {
    transform: rotateZ(45deg);
    opacity: 0;
  }
  25% {
    transform: rotateZ(-25deg);
    opacity: 0.4;
  }
  50% {
    transform: rotateZ(15deg);
    opacity: 0.8;
  }
  75% {
    transform: rotateZ(-5deg);
    opacity: 1;
  }
  100% {
    transform: rotateX(0);
    opacity: 1;
  }
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: hidden;
}

body.swal2-height-auto {
  height: auto !important;
}

body.swal2-no-backdrop .swal2-container {
  background-color: transparent !important;
  pointer-events: none;
}

body.swal2-no-backdrop .swal2-container .swal2-popup {
  pointer-events: all;
}

body.swal2-no-backdrop .swal2-container .swal2-modal {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

@media print {
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: scroll !important;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
    display: none;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
    position: static !important;
  }
}
body.swal2-toast-shown .swal2-container {
  box-sizing: border-box;
  width: 360px;
  max-width: 100%;
  background-color: transparent;
  pointer-events: none;
}

body.swal2-toast-shown .swal2-container.swal2-top {
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}

body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}

body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  transform: translateY(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-center {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
}

body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
}

.la,
.las,
.lar,
.lal,
.lad,
.lab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.la-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.la-xs {
  font-size: 0.75em;
}

.la-sm {
  font-size: 0.875em;
}

.la-1x {
  font-size: 1em;
}

.la-2x {
  font-size: 2em;
}

.la-3x {
  font-size: 3em;
}

.la-4x {
  font-size: 4em;
}

.la-5x {
  font-size: 5em;
}

.la-6x {
  font-size: 6em;
}

.la-7x {
  font-size: 7em;
}

.la-8x {
  font-size: 8em;
}

.la-9x {
  font-size: 9em;
}

.la-10x {
  font-size: 10em;
}

.la-fw {
  text-align: center;
  width: 1.25em;
}

.la-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}

.la-ul > li {
  position: relative;
}

.la-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.la-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.la-pull-left {
  float: left;
}

.la-pull-right {
  float: right;
}

.la.la-pull-left,
.las.la-pull-left,
.lar.la-pull-left,
.lal.la-pull-left,
.lab.la-pull-left {
  margin-right: 0.3em;
}

.la.la-pull-right,
.las.la-pull-right,
.lar.la-pull-right,
.lal.la-pull-right,
.lab.la-pull-right {
  margin-left: 0.3em;
}

.la-spin {
  -webkit-animation: la-spin 2s infinite linear;
  animation: la-spin 2s infinite linear;
}

.la-pulse {
  -webkit-animation: la-spin 1s infinite steps(8);
  animation: la-spin 1s infinite steps(8);
}

@-webkit-keyframes la-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes la-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.la-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.la-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.la-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.la-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.la-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

.la-flip-both, .la-flip-horizontal.la-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}

:root .la-rotate-90,
:root .la-rotate-180,
:root .la-rotate-270,
:root .la-flip-horizontal,
:root .la-flip-vertical,
:root .la-flip-both {
  -webkit-filter: none;
  filter: none;
}

.la-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.la-stack-1x,
.la-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.la-stack-1x {
  line-height: inherit;
}

.la-stack-2x {
  font-size: 2em;
}

.la-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.la-500px:before {
  content: "\f26e";
}

.la-accessible-icon:before {
  content: "\f368";
}

.la-accusoft:before {
  content: "\f369";
}

.la-acquisitions-incorporated:before {
  content: "\f6af";
}

.la-ad:before {
  content: "\f641";
}

.la-address-book:before {
  content: "\f2b9";
}

.la-address-card:before {
  content: "\f2bb";
}

.la-adjust:before {
  content: "\f042";
}

.la-adn:before {
  content: "\f170";
}

.la-adobe:before {
  content: "\f778";
}

.la-adversal:before {
  content: "\f36a";
}

.la-affiliatetheme:before {
  content: "\f36b";
}

.la-air-freshener:before {
  content: "\f5d0";
}

.la-airbnb:before {
  content: "\f834";
}

.la-algolia:before {
  content: "\f36c";
}

.la-align-center:before {
  content: "\f037";
}

.la-align-justify:before {
  content: "\f039";
}

.la-align-left:before {
  content: "\f036";
}

.la-align-right:before {
  content: "\f038";
}

.la-alipay:before {
  content: "\f642";
}

.la-allergies:before {
  content: "\f461";
}

.la-amazon:before {
  content: "\f270";
}

.la-amazon-pay:before {
  content: "\f42c";
}

.la-ambulance:before {
  content: "\f0f9";
}

.la-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.la-amilia:before {
  content: "\f36d";
}

.la-anchor:before {
  content: "\f13d";
}

.la-android:before {
  content: "\f17b";
}

.la-angellist:before {
  content: "\f209";
}

.la-angle-double-down:before {
  content: "\f103";
}

.la-angle-double-left:before {
  content: "\f100";
}

.la-angle-double-right:before {
  content: "\f101";
}

.la-angle-double-up:before {
  content: "\f102";
}

.la-angle-down:before {
  content: "\f107";
}

.la-angle-left:before {
  content: "\f104";
}

.la-angle-right:before {
  content: "\f105";
}

.la-angle-up:before {
  content: "\f106";
}

.la-angry:before {
  content: "\f556";
}

.la-angrycreative:before {
  content: "\f36e";
}

.la-angular:before {
  content: "\f420";
}

.la-ankh:before {
  content: "\f644";
}

.la-app-store:before {
  content: "\f36f";
}

.la-app-store-ios:before {
  content: "\f370";
}

.la-apper:before {
  content: "\f371";
}

.la-apple:before {
  content: "\f179";
}

.la-apple-alt:before {
  content: "\f5d1";
}

.la-apple-pay:before {
  content: "\f415";
}

.la-archive:before {
  content: "\f187";
}

.la-archway:before {
  content: "\f557";
}

.la-arrow-alt-circle-down:before {
  content: "\f358";
}

.la-arrow-alt-circle-left:before {
  content: "\f359";
}

.la-arrow-alt-circle-right:before {
  content: "\f35a";
}

.la-arrow-alt-circle-up:before {
  content: "\f35b";
}

.la-arrow-circle-down:before {
  content: "\f0ab";
}

.la-arrow-circle-left:before {
  content: "\f0a8";
}

.la-arrow-circle-right:before {
  content: "\f0a9";
}

.la-arrow-circle-up:before {
  content: "\f0aa";
}

.la-arrow-down:before {
  content: "\f063";
}

.la-arrow-left:before {
  content: "\f060";
}

.la-arrow-right:before {
  content: "\f061";
}

.la-arrow-up:before {
  content: "\f062";
}

.la-arrows-alt:before {
  content: "\f0b2";
}

.la-arrows-alt-h:before {
  content: "\f337";
}

.la-arrows-alt-v:before {
  content: "\f338";
}

.la-artstation:before {
  content: "\f77a";
}

.la-assistive-listening-systems:before {
  content: "\f2a2";
}

.la-asterisk:before {
  content: "\f069";
}

.la-asymmetrik:before {
  content: "\f372";
}

.la-at:before {
  content: "\f1fa";
}

.la-atlas:before {
  content: "\f558";
}

.la-atlassian:before {
  content: "\f77b";
}

.la-atom:before {
  content: "\f5d2";
}

.la-audible:before {
  content: "\f373";
}

.la-audio-description:before {
  content: "\f29e";
}

.la-autoprefixer:before {
  content: "\f41c";
}

.la-avianex:before {
  content: "\f374";
}

.la-aviato:before {
  content: "\f421";
}

.la-award:before {
  content: "\f559";
}

.la-aws:before {
  content: "\f375";
}

.la-baby:before {
  content: "\f77c";
}

.la-baby-carriage:before {
  content: "\f77d";
}

.la-backspace:before {
  content: "\f55a";
}

.la-backward:before {
  content: "\f04a";
}

.la-bacon:before {
  content: "\f7e5";
}

.la-balance-scale:before {
  content: "\f24e";
}

.la-balance-scale-left:before {
  content: "\f515";
}

.la-balance-scale-right:before {
  content: "\f516";
}

.la-ban:before {
  content: "\f05e";
}

.la-band-aid:before {
  content: "\f462";
}

.la-bandcamp:before {
  content: "\f2d5";
}

.la-barcode:before {
  content: "\f02a";
}

.la-bars:before {
  content: "\f0c9";
}

.la-baseball-ball:before {
  content: "\f433";
}

.la-basketball-ball:before {
  content: "\f434";
}

.la-bath:before {
  content: "\f2cd";
}

.la-battery-empty:before {
  content: "\f244";
}

.la-battery-full:before {
  content: "\f240";
}

.la-battery-half:before {
  content: "\f242";
}

.la-battery-quarter:before {
  content: "\f243";
}

.la-battery-three-quarters:before {
  content: "\f241";
}

.la-battle-net:before {
  content: "\f835";
}

.la-bed:before {
  content: "\f236";
}

.la-beer:before {
  content: "\f0fc";
}

.la-behance:before {
  content: "\f1b4";
}

.la-behance-square:before {
  content: "\f1b5";
}

.la-bell:before {
  content: "\f0f3";
}

.la-bell-slash:before {
  content: "\f1f6";
}

.la-bezier-curve:before {
  content: "\f55b";
}

.la-bible:before {
  content: "\f647";
}

.la-bicycle:before {
  content: "\f206";
}

.la-biking:before {
  content: "\f84a";
}

.la-bimobject:before {
  content: "\f378";
}

.la-binoculars:before {
  content: "\f1e5";
}

.la-biohazard:before {
  content: "\f780";
}

.la-birthday-cake:before {
  content: "\f1fd";
}

.la-bitbucket:before {
  content: "\f171";
}

.la-bitcoin:before {
  content: "\f379";
}

.la-bity:before {
  content: "\f37a";
}

.la-black-tie:before {
  content: "\f27e";
}

.la-blackberry:before {
  content: "\f37b";
}

.la-blender:before {
  content: "\f517";
}

.la-blender-phone:before {
  content: "\f6b6";
}

.la-blind:before {
  content: "\f29d";
}

.la-blog:before {
  content: "\f781";
}

.la-blogger:before {
  content: "\f37c";
}

.la-blogger-b:before {
  content: "\f37d";
}

.la-bluetooth:before {
  content: "\f293";
}

.la-bluetooth-b:before {
  content: "\f294";
}

.la-bold:before {
  content: "\f032";
}

.la-bolt:before {
  content: "\f0e7";
}

.la-bomb:before {
  content: "\f1e2";
}

.la-bone:before {
  content: "\f5d7";
}

.la-bong:before {
  content: "\f55c";
}

.la-book:before {
  content: "\f02d";
}

.la-book-dead:before {
  content: "\f6b7";
}

.la-book-medical:before {
  content: "\f7e6";
}

.la-book-open:before {
  content: "\f518";
}

.la-book-reader:before {
  content: "\f5da";
}

.la-bookmark:before {
  content: "\f02e";
}

.la-bootstrap:before {
  content: "\f836";
}

.la-border-all:before {
  content: "\f84c";
}

.la-border-none:before {
  content: "\f850";
}

.la-border-style:before {
  content: "\f853";
}

.la-bowling-ball:before {
  content: "\f436";
}

.la-box:before {
  content: "\f466";
}

.la-box-open:before {
  content: "\f49e";
}

.la-boxes:before {
  content: "\f468";
}

.la-braille:before {
  content: "\f2a1";
}

.la-brain:before {
  content: "\f5dc";
}

.la-bread-slice:before {
  content: "\f7ec";
}

.la-briefcase:before {
  content: "\f0b1";
}

.la-briefcase-medical:before {
  content: "\f469";
}

.la-broadcast-tower:before {
  content: "\f519";
}

.la-broom:before {
  content: "\f51a";
}

.la-brush:before {
  content: "\f55d";
}

.la-btc:before {
  content: "\f15a";
}

.la-buffer:before {
  content: "\f837";
}

.la-bug:before {
  content: "\f188";
}

.la-building:before {
  content: "\f1ad";
}

.la-bullhorn:before {
  content: "\f0a1";
}

.la-bullseye:before {
  content: "\f140";
}

.la-burn:before {
  content: "\f46a";
}

.la-buromobelexperte:before {
  content: "\f37f";
}

.la-bus:before {
  content: "\f207";
}

.la-bus-alt:before {
  content: "\f55e";
}

.la-business-time:before {
  content: "\f64a";
}

.la-buy-n-large:before {
  content: "\f8a6";
}

.la-buysellads:before {
  content: "\f20d";
}

.la-calculator:before {
  content: "\f1ec";
}

.la-calendar:before {
  content: "\f133";
}

.la-calendar-alt:before {
  content: "\f073";
}

.la-calendar-check:before {
  content: "\f274";
}

.la-calendar-day:before {
  content: "\f783";
}

.la-calendar-minus:before {
  content: "\f272";
}

.la-calendar-plus:before {
  content: "\f271";
}

.la-calendar-times:before {
  content: "\f273";
}

.la-calendar-week:before {
  content: "\f784";
}

.la-camera:before {
  content: "\f030";
}

.la-camera-retro:before {
  content: "\f083";
}

.la-campground:before {
  content: "\f6bb";
}

.la-canadian-maple-leaf:before {
  content: "\f785";
}

.la-candy-cane:before {
  content: "\f786";
}

.la-cannabis:before {
  content: "\f55f";
}

.la-capsules:before {
  content: "\f46b";
}

.la-car:before {
  content: "\f1b9";
}

.la-car-alt:before {
  content: "\f5de";
}

.la-car-battery:before {
  content: "\f5df";
}

.la-car-crash:before {
  content: "\f5e1";
}

.la-car-side:before {
  content: "\f5e4";
}

.la-caret-down:before {
  content: "\f0d7";
}

.la-caret-left:before {
  content: "\f0d9";
}

.la-caret-right:before {
  content: "\f0da";
}

.la-caret-square-down:before {
  content: "\f150";
}

.la-caret-square-left:before {
  content: "\f191";
}

.la-caret-square-right:before {
  content: "\f152";
}

.la-caret-square-up:before {
  content: "\f151";
}

.la-caret-up:before {
  content: "\f0d8";
}

.la-carrot:before {
  content: "\f787";
}

.la-cart-arrow-down:before {
  content: "\f218";
}

.la-cart-plus:before {
  content: "\f217";
}

.la-cash-register:before {
  content: "\f788";
}

.la-cat:before {
  content: "\f6be";
}

.la-cc-amazon-pay:before {
  content: "\f42d";
}

.la-cc-amex:before {
  content: "\f1f3";
}

.la-cc-apple-pay:before {
  content: "\f416";
}

.la-cc-diners-club:before {
  content: "\f24c";
}

.la-cc-discover:before {
  content: "\f1f2";
}

.la-cc-jcb:before {
  content: "\f24b";
}

.la-cc-mastercard:before {
  content: "\f1f1";
}

.la-cc-paypal:before {
  content: "\f1f4";
}

.la-cc-stripe:before {
  content: "\f1f5";
}

.la-cc-visa:before {
  content: "\f1f0";
}

.la-centercode:before {
  content: "\f380";
}

.la-centos:before {
  content: "\f789";
}

.la-certificate:before {
  content: "\f0a3";
}

.la-chair:before {
  content: "\f6c0";
}

.la-chalkboard:before {
  content: "\f51b";
}

.la-chalkboard-teacher:before {
  content: "\f51c";
}

.la-charging-station:before {
  content: "\f5e7";
}

.la-chart-area:before {
  content: "\f1fe";
}

.la-chart-bar:before {
  content: "\f080";
}

.la-chart-line:before {
  content: "\f201";
}

.la-chart-pie:before {
  content: "\f200";
}

.la-check:before {
  content: "\f00c";
}

.la-check-circle:before {
  content: "\f058";
}

.la-check-double:before {
  content: "\f560";
}

.la-check-square:before {
  content: "\f14a";
}

.la-cheese:before {
  content: "\f7ef";
}

.la-chess:before {
  content: "\f439";
}

.la-chess-bishop:before {
  content: "\f43a";
}

.la-chess-board:before {
  content: "\f43c";
}

.la-chess-king:before {
  content: "\f43f";
}

.la-chess-knight:before {
  content: "\f441";
}

.la-chess-pawn:before {
  content: "\f443";
}

.la-chess-queen:before {
  content: "\f445";
}

.la-chess-rook:before {
  content: "\f447";
}

.la-chevron-circle-down:before {
  content: "\f13a";
}

.la-chevron-circle-left:before {
  content: "\f137";
}

.la-chevron-circle-right:before {
  content: "\f138";
}

.la-chevron-circle-up:before {
  content: "\f139";
}

.la-chevron-down:before {
  content: "\f078";
}

.la-chevron-left:before {
  content: "\f053";
}

.la-chevron-right:before {
  content: "\f054";
}

.la-chevron-up:before {
  content: "\f077";
}

.la-child:before {
  content: "\f1ae";
}

.la-chrome:before {
  content: "\f268";
}

.la-chromecast:before {
  content: "\f838";
}

.la-church:before {
  content: "\f51d";
}

.la-circle:before {
  content: "\f111";
}

.la-circle-notch:before {
  content: "\f1ce";
}

.la-city:before {
  content: "\f64f";
}

.la-clinic-medical:before {
  content: "\f7f2";
}

.la-clipboard:before {
  content: "\f328";
}

.la-clipboard-check:before {
  content: "\f46c";
}

.la-clipboard-list:before {
  content: "\f46d";
}

.la-clock:before {
  content: "\f017";
}

.la-clone:before {
  content: "\f24d";
}

.la-closed-captioning:before {
  content: "\f20a";
}

.la-cloud:before {
  content: "\f0c2";
}

.la-cloud-download-alt:before {
  content: "\f381";
}

.la-cloud-meatball:before {
  content: "\f73b";
}

.la-cloud-moon:before {
  content: "\f6c3";
}

.la-cloud-moon-rain:before {
  content: "\f73c";
}

.la-cloud-rain:before {
  content: "\f73d";
}

.la-cloud-showers-heavy:before {
  content: "\f740";
}

.la-cloud-sun:before {
  content: "\f6c4";
}

.la-cloud-sun-rain:before {
  content: "\f743";
}

.la-cloud-upload-alt:before {
  content: "\f382";
}

.la-cloudscale:before {
  content: "\f383";
}

.la-cloudsmith:before {
  content: "\f384";
}

.la-cloudversify:before {
  content: "\f385";
}

.la-cocktail:before {
  content: "\f561";
}

.la-code:before {
  content: "\f121";
}

.la-code-branch:before {
  content: "\f126";
}

.la-codepen:before {
  content: "\f1cb";
}

.la-codiepie:before {
  content: "\f284";
}

.la-coffee:before {
  content: "\f0f4";
}

.la-cog:before {
  content: "\f013";
}

.la-cogs:before {
  content: "\f085";
}

.la-coins:before {
  content: "\f51e";
}

.la-columns:before {
  content: "\f0db";
}

.la-comment:before {
  content: "\f075";
}

.la-comment-alt:before {
  content: "\f27a";
}

.la-comment-dollar:before {
  content: "\f651";
}

.la-comment-dots:before {
  content: "\f4ad";
}

.la-comment-medical:before {
  content: "\f7f5";
}

.la-comment-slash:before {
  content: "\f4b3";
}

.la-comments:before {
  content: "\f086";
}

.la-comments-dollar:before {
  content: "\f653";
}

.la-compact-disc:before {
  content: "\f51f";
}

.la-compass:before {
  content: "\f14e";
}

.la-compress:before {
  content: "\f066";
}

.la-compress-arrows-alt:before {
  content: "\f78c";
}

.la-concierge-bell:before {
  content: "\f562";
}

.la-confluence:before {
  content: "\f78d";
}

.la-connectdevelop:before {
  content: "\f20e";
}

.la-contao:before {
  content: "\f26d";
}

.la-cookie:before {
  content: "\f563";
}

.la-cookie-bite:before {
  content: "\f564";
}

.la-copy:before {
  content: "\f0c5";
}

.la-copyright:before {
  content: "\f1f9";
}

.la-cotton-bureau:before {
  content: "\f89e";
}

.la-couch:before {
  content: "\f4b8";
}

.la-cpanel:before {
  content: "\f388";
}

.la-creative-commons:before {
  content: "\f25e";
}

.la-creative-commons-by:before {
  content: "\f4e7";
}

.la-creative-commons-nc:before {
  content: "\f4e8";
}

.la-creative-commons-nc-eu:before {
  content: "\f4e9";
}

.la-creative-commons-nc-jp:before {
  content: "\f4ea";
}

.la-creative-commons-nd:before {
  content: "\f4eb";
}

.la-creative-commons-pd:before {
  content: "\f4ec";
}

.la-creative-commons-pd-alt:before {
  content: "\f4ed";
}

.la-creative-commons-remix:before {
  content: "\f4ee";
}

.la-creative-commons-sa:before {
  content: "\f4ef";
}

.la-creative-commons-sampling:before {
  content: "\f4f0";
}

.la-creative-commons-sampling-plus:before {
  content: "\f4f1";
}

.la-creative-commons-share:before {
  content: "\f4f2";
}

.la-creative-commons-zero:before {
  content: "\f4f3";
}

.la-credit-card:before {
  content: "\f09d";
}

.la-critical-role:before {
  content: "\f6c9";
}

.la-crop:before {
  content: "\f125";
}

.la-crop-alt:before {
  content: "\f565";
}

.la-cross:before {
  content: "\f654";
}

.la-crosshairs:before {
  content: "\f05b";
}

.la-crow:before {
  content: "\f520";
}

.la-crown:before {
  content: "\f521";
}

.la-crutch:before {
  content: "\f7f7";
}

.la-css3:before {
  content: "\f13c";
}

.la-css3-alt:before {
  content: "\f38b";
}

.la-cube:before {
  content: "\f1b2";
}

.la-cubes:before {
  content: "\f1b3";
}

.la-cut:before {
  content: "\f0c4";
}

.la-cuttlefish:before {
  content: "\f38c";
}

.la-d-and-d:before {
  content: "\f38d";
}

.la-d-and-d-beyond:before {
  content: "\f6ca";
}

.la-dashcube:before {
  content: "\f210";
}

.la-database:before {
  content: "\f1c0";
}

.la-deaf:before {
  content: "\f2a4";
}

.la-delicious:before {
  content: "\f1a5";
}

.la-democrat:before {
  content: "\f747";
}

.la-deploydog:before {
  content: "\f38e";
}

.la-deskpro:before {
  content: "\f38f";
}

.la-desktop:before {
  content: "\f108";
}

.la-dev:before {
  content: "\f6cc";
}

.la-deviantart:before {
  content: "\f1bd";
}

.la-dharmachakra:before {
  content: "\f655";
}

.la-dhl:before {
  content: "\f790";
}

.la-diagnoses:before {
  content: "\f470";
}

.la-diaspora:before {
  content: "\f791";
}

.la-dice:before {
  content: "\f522";
}

.la-dice-d20:before {
  content: "\f6cf";
}

.la-dice-d6:before {
  content: "\f6d1";
}

.la-dice-five:before {
  content: "\f523";
}

.la-dice-four:before {
  content: "\f524";
}

.la-dice-one:before {
  content: "\f525";
}

.la-dice-six:before {
  content: "\f526";
}

.la-dice-three:before {
  content: "\f527";
}

.la-dice-two:before {
  content: "\f528";
}

.la-digg:before {
  content: "\f1a6";
}

.la-digital-ocean:before {
  content: "\f391";
}

.la-digital-tachograph:before {
  content: "\f566";
}

.la-directions:before {
  content: "\f5eb";
}

.la-discord:before {
  content: "\f392";
}

.la-discourse:before {
  content: "\f393";
}

.la-divide:before {
  content: "\f529";
}

.la-dizzy:before {
  content: "\f567";
}

.la-dna:before {
  content: "\f471";
}

.la-dochub:before {
  content: "\f394";
}

.la-docker:before {
  content: "\f395";
}

.la-dog:before {
  content: "\f6d3";
}

.la-dollar-sign:before {
  content: "\f155";
}

.la-dolly:before {
  content: "\f472";
}

.la-dolly-flatbed:before {
  content: "\f474";
}

.la-donate:before {
  content: "\f4b9";
}

.la-door-closed:before {
  content: "\f52a";
}

.la-door-open:before {
  content: "\f52b";
}

.la-dot-circle:before {
  content: "\f192";
}

.la-dove:before {
  content: "\f4ba";
}

.la-download:before {
  content: "\f019";
}

.la-draft2digital:before {
  content: "\f396";
}

.la-drafting-compass:before {
  content: "\f568";
}

.la-dragon:before {
  content: "\f6d5";
}

.la-draw-polygon:before {
  content: "\f5ee";
}

.la-dribbble:before {
  content: "\f17d";
}

.la-dribbble-square:before {
  content: "\f397";
}

.la-dropbox:before {
  content: "\f16b";
}

.la-drum:before {
  content: "\f569";
}

.la-drum-steelpan:before {
  content: "\f56a";
}

.la-drumstick-bite:before {
  content: "\f6d7";
}

.la-drupal:before {
  content: "\f1a9";
}

.la-dumbbell:before {
  content: "\f44b";
}

.la-dumpster:before {
  content: "\f793";
}

.la-dumpster-fire:before {
  content: "\f794";
}

.la-dungeon:before {
  content: "\f6d9";
}

.la-dyalog:before {
  content: "\f399";
}

.la-earlybirds:before {
  content: "\f39a";
}

.la-ebay:before {
  content: "\f4f4";
}

.la-edge:before {
  content: "\f282";
}

.la-edit:before {
  content: "\f044";
}

.la-egg:before {
  content: "\f7fb";
}

.la-eject:before {
  content: "\f052";
}

.la-elementor:before {
  content: "\f430";
}

.la-ellipsis-h:before {
  content: "\f141";
}

.la-ellipsis-v:before {
  content: "\f142";
}

.la-ello:before {
  content: "\f5f1";
}

.la-ember:before {
  content: "\f423";
}

.la-empire:before {
  content: "\f1d1";
}

.la-envelope:before {
  content: "\f0e0";
}

.la-envelope-open:before {
  content: "\f2b6";
}

.la-envelope-open-text:before {
  content: "\f658";
}

.la-envelope-square:before {
  content: "\f199";
}

.la-envira:before {
  content: "\f299";
}

.la-equals:before {
  content: "\f52c";
}

.la-eraser:before {
  content: "\f12d";
}

.la-erlang:before {
  content: "\f39d";
}

.la-ethereum:before {
  content: "\f42e";
}

.la-ethernet:before {
  content: "\f796";
}

.la-etsy:before {
  content: "\f2d7";
}

.la-euro-sign:before {
  content: "\f153";
}

.la-evernote:before {
  content: "\f839";
}

.la-exchange-alt:before {
  content: "\f362";
}

.la-exclamation:before {
  content: "\f12a";
}

.la-exclamation-circle:before {
  content: "\f06a";
}

.la-exclamation-triangle:before {
  content: "\f071";
}

.la-expand:before {
  content: "\f065";
}

.la-expand-arrows-alt:before {
  content: "\f31e";
}

.la-expeditedssl:before {
  content: "\f23e";
}

.la-external-link-alt:before {
  content: "\f35d";
}

.la-external-link-square-alt:before {
  content: "\f360";
}

.la-eye:before {
  content: "\f06e";
}

.la-eye-dropper:before {
  content: "\f1fb";
}

.la-eye-slash:before {
  content: "\f070";
}

.la-facebook:before {
  content: "\f09a";
}

.la-facebook-f:before {
  content: "\f39e";
}

.la-facebook-messenger:before {
  content: "\f39f";
}

.la-facebook-square:before {
  content: "\f082";
}

.la-fan:before {
  content: "\f863";
}

.la-fantasy-flight-games:before {
  content: "\f6dc";
}

.la-fast-backward:before {
  content: "\f049";
}

.la-fast-forward:before {
  content: "\f050";
}

.la-fax:before {
  content: "\f1ac";
}

.la-feather:before {
  content: "\f52d";
}

.la-feather-alt:before {
  content: "\f56b";
}

.la-fedex:before {
  content: "\f797";
}

.la-fedora:before {
  content: "\f798";
}

.la-female:before {
  content: "\f182";
}

.la-fighter-jet:before {
  content: "\f0fb";
}

.la-figma:before {
  content: "\f799";
}

.la-file:before {
  content: "\f15b";
}

.la-file-alt:before {
  content: "\f15c";
}

.la-file-archive:before {
  content: "\f1c6";
}

.la-file-audio:before {
  content: "\f1c7";
}

.la-file-code:before {
  content: "\f1c9";
}

.la-file-contract:before {
  content: "\f56c";
}

.la-file-csv:before {
  content: "\f6dd";
}

.la-file-download:before {
  content: "\f56d";
}

.la-file-excel:before {
  content: "\f1c3";
}

.la-file-export:before {
  content: "\f56e";
}

.la-file-image:before {
  content: "\f1c5";
}

.la-file-import:before {
  content: "\f56f";
}

.la-file-invoice:before {
  content: "\f570";
}

.la-file-invoice-dollar:before {
  content: "\f571";
}

.la-file-medical:before {
  content: "\f477";
}

.la-file-medical-alt:before {
  content: "\f478";
}

.la-file-pdf:before {
  content: "\f1c1";
}

.la-file-powerpoint:before {
  content: "\f1c4";
}

.la-file-prescription:before {
  content: "\f572";
}

.la-file-signature:before {
  content: "\f573";
}

.la-file-upload:before {
  content: "\f574";
}

.la-file-video:before {
  content: "\f1c8";
}

.la-file-word:before {
  content: "\f1c2";
}

.la-fill:before {
  content: "\f575";
}

.la-fill-drip:before {
  content: "\f576";
}

.la-film:before {
  content: "\f008";
}

.la-filter:before {
  content: "\f0b0";
}

.la-fingerprint:before {
  content: "\f577";
}

.la-fire:before {
  content: "\f06d";
}

.la-fire-alt:before {
  content: "\f7e4";
}

.la-fire-extinguisher:before {
  content: "\f134";
}

.la-firefox:before {
  content: "\f269";
}

.la-first-aid:before {
  content: "\f479";
}

.la-first-order:before {
  content: "\f2b0";
}

.la-first-order-alt:before {
  content: "\f50a";
}

.la-firstdraft:before {
  content: "\f3a1";
}

.la-fish:before {
  content: "\f578";
}

.la-fist-raised:before {
  content: "\f6de";
}

.la-flag:before {
  content: "\f024";
}

.la-flag-checkered:before {
  content: "\f11e";
}

.la-flag-usa:before {
  content: "\f74d";
}

.la-flask:before {
  content: "\f0c3";
}

.la-flickr:before {
  content: "\f16e";
}

.la-flipboard:before {
  content: "\f44d";
}

.la-flushed:before {
  content: "\f579";
}

.la-fly:before {
  content: "\f417";
}

.la-folder:before {
  content: "\f07b";
}

.la-folder-minus:before {
  content: "\f65d";
}

.la-folder-open:before {
  content: "\f07c";
}

.la-folder-plus:before {
  content: "\f65e";
}

.la-font:before {
  content: "\f031";
}

.la-font-awesome:before {
  content: "\f2b4";
}

.la-font-awesome-alt:before {
  content: "\f35c";
}

.la-font-awesome-flag:before {
  content: "\f425";
}

.la-font-awesome-logo-full:before {
  content: "\f4e6";
}

.la-fonticons:before {
  content: "\f280";
}

.la-fonticons-fi:before {
  content: "\f3a2";
}

.la-football-ball:before {
  content: "\f44e";
}

.la-fort-awesome:before {
  content: "\f286";
}

.la-fort-awesome-alt:before {
  content: "\f3a3";
}

.la-forumbee:before {
  content: "\f211";
}

.la-forward:before {
  content: "\f04e";
}

.la-foursquare:before {
  content: "\f180";
}

.la-free-code-camp:before {
  content: "\f2c5";
}

.la-freebsd:before {
  content: "\f3a4";
}

.la-frog:before {
  content: "\f52e";
}

.la-frown:before {
  content: "\f119";
}

.la-frown-open:before {
  content: "\f57a";
}

.la-fulcrum:before {
  content: "\f50b";
}

.la-funnel-dollar:before {
  content: "\f662";
}

.la-futbol:before {
  content: "\f1e3";
}

.la-galactic-republic:before {
  content: "\f50c";
}

.la-galactic-senate:before {
  content: "\f50d";
}

.la-gamepad:before {
  content: "\f11b";
}

.la-gas-pump:before {
  content: "\f52f";
}

.la-gavel:before {
  content: "\f0e3";
}

.la-gem:before {
  content: "\f3a5";
}

.la-genderless:before {
  content: "\f22d";
}

.la-get-pocket:before {
  content: "\f265";
}

.la-gg:before {
  content: "\f260";
}

.la-gg-circle:before {
  content: "\f261";
}

.la-ghost:before {
  content: "\f6e2";
}

.la-gift:before {
  content: "\f06b";
}

.la-gifts:before {
  content: "\f79c";
}

.la-git:before {
  content: "\f1d3";
}

.la-git-alt:before {
  content: "\f841";
}

.la-git-square:before {
  content: "\f1d2";
}

.la-github:before {
  content: "\f09b";
}

.la-github-alt:before {
  content: "\f113";
}

.la-github-square:before {
  content: "\f092";
}

.la-gitkraken:before {
  content: "\f3a6";
}

.la-gitlab:before {
  content: "\f296";
}

.la-gitter:before {
  content: "\f426";
}

.la-glass-cheers:before {
  content: "\f79f";
}

.la-glass-martini:before {
  content: "\f000";
}

.la-glass-martini-alt:before {
  content: "\f57b";
}

.la-glass-whiskey:before {
  content: "\f7a0";
}

.la-glasses:before {
  content: "\f530";
}

.la-glide:before {
  content: "\f2a5";
}

.la-glide-g:before {
  content: "\f2a6";
}

.la-globe:before {
  content: "\f0ac";
}

.la-globe-africa:before {
  content: "\f57c";
}

.la-globe-americas:before {
  content: "\f57d";
}

.la-globe-asia:before {
  content: "\f57e";
}

.la-globe-europe:before {
  content: "\f7a2";
}

.la-gofore:before {
  content: "\f3a7";
}

.la-golf-ball:before {
  content: "\f450";
}

.la-goodreads:before {
  content: "\f3a8";
}

.la-goodreads-g:before {
  content: "\f3a9";
}

.la-google:before {
  content: "\f1a0";
}

.la-google-drive:before {
  content: "\f3aa";
}

.la-google-play:before {
  content: "\f3ab";
}

.la-google-plus:before {
  content: "\f2b3";
}

.la-google-plus-g:before {
  content: "\f0d5";
}

.la-google-plus-square:before {
  content: "\f0d4";
}

.la-google-wallet:before {
  content: "\f1ee";
}

.la-gopuram:before {
  content: "\f664";
}

.la-graduation-cap:before {
  content: "\f19d";
}

.la-gratipay:before {
  content: "\f184";
}

.la-grav:before {
  content: "\f2d6";
}

.la-greater-than:before {
  content: "\f531";
}

.la-greater-than-equal:before {
  content: "\f532";
}

.la-grimace:before {
  content: "\f57f";
}

.la-grin:before {
  content: "\f580";
}

.la-grin-alt:before {
  content: "\f581";
}

.la-grin-beam:before {
  content: "\f582";
}

.la-grin-beam-sweat:before {
  content: "\f583";
}

.la-grin-hearts:before {
  content: "\f584";
}

.la-grin-squint:before {
  content: "\f585";
}

.la-grin-squint-tears:before {
  content: "\f586";
}

.la-grin-stars:before {
  content: "\f587";
}

.la-grin-tears:before {
  content: "\f588";
}

.la-grin-tongue:before {
  content: "\f589";
}

.la-grin-tongue-squint:before {
  content: "\f58a";
}

.la-grin-tongue-wink:before {
  content: "\f58b";
}

.la-grin-wink:before {
  content: "\f58c";
}

.la-grip-horizontal:before {
  content: "\f58d";
}

.la-grip-lines:before {
  content: "\f7a4";
}

.la-grip-lines-vertical:before {
  content: "\f7a5";
}

.la-grip-vertical:before {
  content: "\f58e";
}

.la-gripfire:before {
  content: "\f3ac";
}

.la-grunt:before {
  content: "\f3ad";
}

.la-guitar:before {
  content: "\f7a6";
}

.la-gulp:before {
  content: "\f3ae";
}

.la-h-square:before {
  content: "\f0fd";
}

.la-hacker-news:before {
  content: "\f1d4";
}

.la-hacker-news-square:before {
  content: "\f3af";
}

.la-hackerrank:before {
  content: "\f5f7";
}

.la-hamburger:before {
  content: "\f805";
}

.la-hammer:before {
  content: "\f6e3";
}

.la-hamsa:before {
  content: "\f665";
}

.la-hand-holding:before {
  content: "\f4bd";
}

.la-hand-holding-heart:before {
  content: "\f4be";
}

.la-hand-holding-usd:before {
  content: "\f4c0";
}

.la-hand-lizard:before {
  content: "\f258";
}

.la-hand-middle-finger:before {
  content: "\f806";
}

.la-hand-paper:before {
  content: "\f256";
}

.la-hand-peace:before {
  content: "\f25b";
}

.la-hand-point-down:before {
  content: "\f0a7";
}

.la-hand-point-left:before {
  content: "\f0a5";
}

.la-hand-point-right:before {
  content: "\f0a4";
}

.la-hand-point-up:before {
  content: "\f0a6";
}

.la-hand-pointer:before {
  content: "\f25a";
}

.la-hand-rock:before {
  content: "\f255";
}

.la-hand-scissors:before {
  content: "\f257";
}

.la-hand-spock:before {
  content: "\f259";
}

.la-hands:before {
  content: "\f4c2";
}

.la-hands-helping:before {
  content: "\f4c4";
}

.la-handshake:before {
  content: "\f2b5";
}

.la-hanukiah:before {
  content: "\f6e6";
}

.la-hard-hat:before {
  content: "\f807";
}

.la-hashtag:before {
  content: "\f292";
}

.la-hat-cowboy:before {
  content: "\f8c0";
}

.la-hat-cowboy-side:before {
  content: "\f8c1";
}

.la-hat-wizard:before {
  content: "\f6e8";
}

.la-haykal:before {
  content: "\f666";
}

.la-hdd:before {
  content: "\f0a0";
}

.la-heading:before {
  content: "\f1dc";
}

.la-headphones:before {
  content: "\f025";
}

.la-headphones-alt:before {
  content: "\f58f";
}

.la-headset:before {
  content: "\f590";
}

.la-heart:before {
  content: "\f004";
}

.la-heart-broken:before {
  content: "\f7a9";
}

.la-heartbeat:before {
  content: "\f21e";
}

.la-helicopter:before {
  content: "\f533";
}

.la-highlighter:before {
  content: "\f591";
}

.la-hiking:before {
  content: "\f6ec";
}

.la-hippo:before {
  content: "\f6ed";
}

.la-hips:before {
  content: "\f452";
}

.la-hire-a-helper:before {
  content: "\f3b0";
}

.la-history:before {
  content: "\f1da";
}

.la-hockey-puck:before {
  content: "\f453";
}

.la-holly-berry:before {
  content: "\f7aa";
}

.la-home:before {
  content: "\f015";
}

.la-hooli:before {
  content: "\f427";
}

.la-hornbill:before {
  content: "\f592";
}

.la-horse:before {
  content: "\f6f0";
}

.la-horse-head:before {
  content: "\f7ab";
}

.la-hospital:before {
  content: "\f0f8";
}

.la-hospital-alt:before {
  content: "\f47d";
}

.la-hospital-symbol:before {
  content: "\f47e";
}

.la-hot-tub:before {
  content: "\f593";
}

.la-hotdog:before {
  content: "\f80f";
}

.la-hotel:before {
  content: "\f594";
}

.la-hotjar:before {
  content: "\f3b1";
}

.la-hourglass:before {
  content: "\f254";
}

.la-hourglass-end:before {
  content: "\f253";
}

.la-hourglass-half:before {
  content: "\f252";
}

.la-hourglass-start:before {
  content: "\f251";
}

.la-house-damage:before {
  content: "\f6f1";
}

.la-houzz:before {
  content: "\f27c";
}

.la-hryvnia:before {
  content: "\f6f2";
}

.la-html5:before {
  content: "\f13b";
}

.la-hubspot:before {
  content: "\f3b2";
}

.la-i-cursor:before {
  content: "\f246";
}

.la-ice-cream:before {
  content: "\f810";
}

.la-icicles:before {
  content: "\f7ad";
}

.la-icons:before {
  content: "\f86d";
}

.la-id-badge:before {
  content: "\f2c1";
}

.la-id-card:before {
  content: "\f2c2";
}

.la-id-card-alt:before {
  content: "\f47f";
}

.la-igloo:before {
  content: "\f7ae";
}

.la-image:before {
  content: "\f03e";
}

.la-images:before {
  content: "\f302";
}

.la-imdb:before {
  content: "\f2d8";
}

.la-inbox:before {
  content: "\f01c";
}

.la-indent:before {
  content: "\f03c";
}

.la-industry:before {
  content: "\f275";
}

.la-infinity:before {
  content: "\f534";
}

.la-info:before {
  content: "\f129";
}

.la-info-circle:before {
  content: "\f05a";
}

.la-instagram:before {
  content: "\f16d";
}

.la-intercom:before {
  content: "\f7af";
}

.la-internet-explorer:before {
  content: "\f26b";
}

.la-invision:before {
  content: "\f7b0";
}

.la-ioxhost:before {
  content: "\f208";
}

.la-italic:before {
  content: "\f033";
}

.la-itch-io:before {
  content: "\f83a";
}

.la-itunes:before {
  content: "\f3b4";
}

.la-itunes-note:before {
  content: "\f3b5";
}

.la-java:before {
  content: "\f4e4";
}

.la-jedi:before {
  content: "\f669";
}

.la-jedi-order:before {
  content: "\f50e";
}

.la-jenkins:before {
  content: "\f3b6";
}

.la-jira:before {
  content: "\f7b1";
}

.la-joget:before {
  content: "\f3b7";
}

.la-joint:before {
  content: "\f595";
}

.la-joomla:before {
  content: "\f1aa";
}

.la-journal-whills:before {
  content: "\f66a";
}

.la-js:before {
  content: "\f3b8";
}

.la-js-square:before {
  content: "\f3b9";
}

.la-jsfiddle:before {
  content: "\f1cc";
}

.la-kaaba:before {
  content: "\f66b";
}

.la-kaggle:before {
  content: "\f5fa";
}

.la-key:before {
  content: "\f084";
}

.la-keybase:before {
  content: "\f4f5";
}

.la-keyboard:before {
  content: "\f11c";
}

.la-keycdn:before {
  content: "\f3ba";
}

.la-khanda:before {
  content: "\f66d";
}

.la-kickstarter:before {
  content: "\f3bb";
}

.la-kickstarter-k:before {
  content: "\f3bc";
}

.la-kiss:before {
  content: "\f596";
}

.la-kiss-beam:before {
  content: "\f597";
}

.la-kiss-wink-heart:before {
  content: "\f598";
}

.la-kiwi-bird:before {
  content: "\f535";
}

.la-korvue:before {
  content: "\f42f";
}

.la-landmark:before {
  content: "\f66f";
}

.la-language:before {
  content: "\f1ab";
}

.la-laptop:before {
  content: "\f109";
}

.la-laptop-code:before {
  content: "\f5fc";
}

.la-laptop-medical:before {
  content: "\f812";
}

.la-laravel:before {
  content: "\f3bd";
}

.la-lastfm:before {
  content: "\f202";
}

.la-lastfm-square:before {
  content: "\f203";
}

.la-laugh:before {
  content: "\f599";
}

.la-laugh-beam:before {
  content: "\f59a";
}

.la-laugh-squint:before {
  content: "\f59b";
}

.la-laugh-wink:before {
  content: "\f59c";
}

.la-layer-group:before {
  content: "\f5fd";
}

.la-leaf:before {
  content: "\f06c";
}

.la-leanpub:before {
  content: "\f212";
}

.la-lemon:before {
  content: "\f094";
}

.la-less:before {
  content: "\f41d";
}

.la-less-than:before {
  content: "\f536";
}

.la-less-than-equal:before {
  content: "\f537";
}

.la-level-down-alt:before {
  content: "\f3be";
}

.la-level-up-alt:before {
  content: "\f3bf";
}

.la-life-ring:before {
  content: "\f1cd";
}

.la-lightbulb:before {
  content: "\f0eb";
}

.la-line:before {
  content: "\f3c0";
}

.la-link:before {
  content: "\f0c1";
}

.la-linkedin:before {
  content: "\f08c";
}

.la-linkedin-in:before {
  content: "\f0e1";
}

.la-linode:before {
  content: "\f2b8";
}

.la-linux:before {
  content: "\f17c";
}

.la-lira-sign:before {
  content: "\f195";
}

.la-list:before {
  content: "\f03a";
}

.la-list-alt:before {
  content: "\f022";
}

.la-list-ol:before {
  content: "\f0cb";
}

.la-list-ul:before {
  content: "\f0ca";
}

.la-location-arrow:before {
  content: "\f124";
}

.la-lock:before {
  content: "\f023";
}

.la-lock-open:before {
  content: "\f3c1";
}

.la-long-arrow-alt-down:before {
  content: "\f309";
}

.la-long-arrow-alt-left:before {
  content: "\f30a";
}

.la-long-arrow-alt-right:before {
  content: "\f30b";
}

.la-long-arrow-alt-up:before {
  content: "\f30c";
}

.la-low-vision:before {
  content: "\f2a8";
}

.la-luggage-cart:before {
  content: "\f59d";
}

.la-lyft:before {
  content: "\f3c3";
}

.la-magento:before {
  content: "\f3c4";
}

.la-magic:before {
  content: "\f0d0";
}

.la-magnet:before {
  content: "\f076";
}

.la-mail-bulk:before {
  content: "\f674";
}

.la-mailchimp:before {
  content: "\f59e";
}

.la-male:before {
  content: "\f183";
}

.la-mandalorian:before {
  content: "\f50f";
}

.la-map:before {
  content: "\f279";
}

.la-map-marked:before {
  content: "\f59f";
}

.la-map-marked-alt:before {
  content: "\f5a0";
}

.la-map-marker:before {
  content: "\f041";
}

.la-map-marker-alt:before {
  content: "\f3c5";
}

.la-map-pin:before {
  content: "\f276";
}

.la-map-signs:before {
  content: "\f277";
}

.la-markdown:before {
  content: "\f60f";
}

.la-marker:before {
  content: "\f5a1";
}

.la-mars:before {
  content: "\f222";
}

.la-mars-double:before {
  content: "\f227";
}

.la-mars-stroke:before {
  content: "\f229";
}

.la-mars-stroke-h:before {
  content: "\f22b";
}

.la-mars-stroke-v:before {
  content: "\f22a";
}

.la-mask:before {
  content: "\f6fa";
}

.la-mastodon:before {
  content: "\f4f6";
}

.la-maxcdn:before {
  content: "\f136";
}

.la-mdb:before {
  content: "\f8ca";
}

.la-medal:before {
  content: "\f5a2";
}

.la-medapps:before {
  content: "\f3c6";
}

.la-medium:before {
  content: "\f23a";
}

.la-medium-m:before {
  content: "\f3c7";
}

.la-medkit:before {
  content: "\f0fa";
}

.la-medrt:before {
  content: "\f3c8";
}

.la-meetup:before {
  content: "\f2e0";
}

.la-megaport:before {
  content: "\f5a3";
}

.la-meh:before {
  content: "\f11a";
}

.la-meh-blank:before {
  content: "\f5a4";
}

.la-meh-rolling-eyes:before {
  content: "\f5a5";
}

.la-memory:before {
  content: "\f538";
}

.la-mendeley:before {
  content: "\f7b3";
}

.la-menorah:before {
  content: "\f676";
}

.la-mercury:before {
  content: "\f223";
}

.la-meteor:before {
  content: "\f753";
}

.la-microchip:before {
  content: "\f2db";
}

.la-microphone:before {
  content: "\f130";
}

.la-microphone-alt:before {
  content: "\f3c9";
}

.la-microphone-alt-slash:before {
  content: "\f539";
}

.la-microphone-slash:before {
  content: "\f131";
}

.la-microscope:before {
  content: "\f610";
}

.la-microsoft:before {
  content: "\f3ca";
}

.la-minus:before {
  content: "\f068";
}

.la-minus-circle:before {
  content: "\f056";
}

.la-minus-square:before {
  content: "\f146";
}

.la-mitten:before {
  content: "\f7b5";
}

.la-mix:before {
  content: "\f3cb";
}

.la-mixcloud:before {
  content: "\f289";
}

.la-mizuni:before {
  content: "\f3cc";
}

.la-mobile:before {
  content: "\f10b";
}

.la-mobile-alt:before {
  content: "\f3cd";
}

.la-modx:before {
  content: "\f285";
}

.la-monero:before {
  content: "\f3d0";
}

.la-money-bill:before {
  content: "\f0d6";
}

.la-money-bill-alt:before {
  content: "\f3d1";
}

.la-money-bill-wave:before {
  content: "\f53a";
}

.la-money-bill-wave-alt:before {
  content: "\f53b";
}

.la-money-check:before {
  content: "\f53c";
}

.la-money-check-alt:before {
  content: "\f53d";
}

.la-monument:before {
  content: "\f5a6";
}

.la-moon:before {
  content: "\f186";
}

.la-mortar-pestle:before {
  content: "\f5a7";
}

.la-mosque:before {
  content: "\f678";
}

.la-motorcycle:before {
  content: "\f21c";
}

.la-mountain:before {
  content: "\f6fc";
}

.la-mouse:before {
  content: "\f8cc";
}

.la-mouse-pointer:before {
  content: "\f245";
}

.la-mug-hot:before {
  content: "\f7b6";
}

.la-music:before {
  content: "\f001";
}

.la-napster:before {
  content: "\f3d2";
}

.la-neos:before {
  content: "\f612";
}

.la-network-wired:before {
  content: "\f6ff";
}

.la-neuter:before {
  content: "\f22c";
}

.la-newspaper:before {
  content: "\f1ea";
}

.la-nimblr:before {
  content: "\f5a8";
}

.la-node:before {
  content: "\f419";
}

.la-node-js:before {
  content: "\f3d3";
}

.la-not-equal:before {
  content: "\f53e";
}

.la-notes-medical:before {
  content: "\f481";
}

.la-npm:before {
  content: "\f3d4";
}

.la-ns8:before {
  content: "\f3d5";
}

.la-nutritionix:before {
  content: "\f3d6";
}

.la-object-group:before {
  content: "\f247";
}

.la-object-ungroup:before {
  content: "\f248";
}

.la-odnoklassniki:before {
  content: "\f263";
}

.la-odnoklassniki-square:before {
  content: "\f264";
}

.la-oil-can:before {
  content: "\f613";
}

.la-old-republic:before {
  content: "\f510";
}

.la-om:before {
  content: "\f679";
}

.la-opencart:before {
  content: "\f23d";
}

.la-openid:before {
  content: "\f19b";
}

.la-opera:before {
  content: "\f26a";
}

.la-optin-monster:before {
  content: "\f23c";
}

.la-orcid:before {
  content: "\f8d2";
}

.la-osi:before {
  content: "\f41a";
}

.la-otter:before {
  content: "\f700";
}

.la-outdent:before {
  content: "\f03b";
}

.la-page4:before {
  content: "\f3d7";
}

.la-pagelines:before {
  content: "\f18c";
}

.la-pager:before {
  content: "\f815";
}

.la-paint-brush:before {
  content: "\f1fc";
}

.la-paint-roller:before {
  content: "\f5aa";
}

.la-palette:before {
  content: "\f53f";
}

.la-palfed:before {
  content: "\f3d8";
}

.la-pallet:before {
  content: "\f482";
}

.la-paper-plane:before {
  content: "\f1d8";
}

.la-paperclip:before {
  content: "\f0c6";
}

.la-parachute-box:before {
  content: "\f4cd";
}

.la-paragraph:before {
  content: "\f1dd";
}

.la-parking:before {
  content: "\f540";
}

.la-passport:before {
  content: "\f5ab";
}

.la-pastafarianism:before {
  content: "\f67b";
}

.la-paste:before {
  content: "\f0ea";
}

.la-patreon:before {
  content: "\f3d9";
}

.la-pause:before {
  content: "\f04c";
}

.la-pause-circle:before {
  content: "\f28b";
}

.la-paw:before {
  content: "\f1b0";
}

.la-paypal:before {
  content: "\f1ed";
}

.la-peace:before {
  content: "\f67c";
}

.la-pen:before {
  content: "\f304";
}

.la-pen-alt:before {
  content: "\f305";
}

.la-pen-fancy:before {
  content: "\f5ac";
}

.la-pen-nib:before {
  content: "\f5ad";
}

.la-pen-square:before {
  content: "\f14b";
}

.la-pencil-alt:before {
  content: "\f303";
}

.la-pencil-ruler:before {
  content: "\f5ae";
}

.la-penny-arcade:before {
  content: "\f704";
}

.la-people-carry:before {
  content: "\f4ce";
}

.la-pepper-hot:before {
  content: "\f816";
}

.la-percent:before {
  content: "\f295";
}

.la-percentage:before {
  content: "\f541";
}

.la-periscope:before {
  content: "\f3da";
}

.la-person-booth:before {
  content: "\f756";
}

.la-phabricator:before {
  content: "\f3db";
}

.la-phoenix-framework:before {
  content: "\f3dc";
}

.la-phoenix-squadron:before {
  content: "\f511";
}

.la-phone:before {
  content: "\f095";
}

.la-phone-alt:before {
  content: "\f879";
}

.la-phone-slash:before {
  content: "\f3dd";
}

.la-phone-square:before {
  content: "\f098";
}

.la-phone-square-alt:before {
  content: "\f87b";
}

.la-phone-volume:before {
  content: "\f2a0";
}

.la-photo-video:before {
  content: "\f87c";
}

.la-php:before {
  content: "\f457";
}

.la-pied-piper:before {
  content: "\f2ae";
}

.la-pied-piper-alt:before {
  content: "\f1a8";
}

.la-pied-piper-hat:before {
  content: "\f4e5";
}

.la-pied-piper-pp:before {
  content: "\f1a7";
}

.la-piggy-bank:before {
  content: "\f4d3";
}

.la-pills:before {
  content: "\f484";
}

.la-pinterest:before {
  content: "\f0d2";
}

.la-pinterest-p:before {
  content: "\f231";
}

.la-pinterest-square:before {
  content: "\f0d3";
}

.la-pizza-slice:before {
  content: "\f818";
}

.la-place-of-worship:before {
  content: "\f67f";
}

.la-plane:before {
  content: "\f072";
}

.la-plane-arrival:before {
  content: "\f5af";
}

.la-plane-departure:before {
  content: "\f5b0";
}

.la-play:before {
  content: "\f04b";
}

.la-play-circle:before {
  content: "\f144";
}

.la-playstation:before {
  content: "\f3df";
}

.la-plug:before {
  content: "\f1e6";
}

.la-plus:before {
  content: "\f067";
}

.la-plus-circle:before {
  content: "\f055";
}

.la-plus-square:before {
  content: "\f0fe";
}

.la-podcast:before {
  content: "\f2ce";
}

.la-poll:before {
  content: "\f681";
}

.la-poll-h:before {
  content: "\f682";
}

.la-poo:before {
  content: "\f2fe";
}

.la-poo-storm:before {
  content: "\f75a";
}

.la-poop:before {
  content: "\f619";
}

.la-portrait:before {
  content: "\f3e0";
}

.la-pound-sign:before {
  content: "\f154";
}

.la-power-off:before {
  content: "\f011";
}

.la-pray:before {
  content: "\f683";
}

.la-praying-hands:before {
  content: "\f684";
}

.la-prescription:before {
  content: "\f5b1";
}

.la-prescription-bottle:before {
  content: "\f485";
}

.la-prescription-bottle-alt:before {
  content: "\f486";
}

.la-print:before {
  content: "\f02f";
}

.la-procedures:before {
  content: "\f487";
}

.la-product-hunt:before {
  content: "\f288";
}

.la-project-diagram:before {
  content: "\f542";
}

.la-pushed:before {
  content: "\f3e1";
}

.la-puzzle-piece:before {
  content: "\f12e";
}

.la-python:before {
  content: "\f3e2";
}

.la-qq:before {
  content: "\f1d6";
}

.la-qrcode:before {
  content: "\f029";
}

.la-question:before {
  content: "\f128";
}

.la-question-circle:before {
  content: "\f059";
}

.la-quidditch:before {
  content: "\f458";
}

.la-quinscape:before {
  content: "\f459";
}

.la-quora:before {
  content: "\f2c4";
}

.la-quote-left:before {
  content: "\f10d";
}

.la-quote-right:before {
  content: "\f10e";
}

.la-quran:before {
  content: "\f687";
}

.la-r-project:before {
  content: "\f4f7";
}

.la-radiation:before {
  content: "\f7b9";
}

.la-radiation-alt:before {
  content: "\f7ba";
}

.la-rainbow:before {
  content: "\f75b";
}

.la-random:before {
  content: "\f074";
}

.la-raspberry-pi:before {
  content: "\f7bb";
}

.la-ravelry:before {
  content: "\f2d9";
}

.la-react:before {
  content: "\f41b";
}

.la-reacteurope:before {
  content: "\f75d";
}

.la-readme:before {
  content: "\f4d5";
}

.la-rebel:before {
  content: "\f1d0";
}

.la-receipt:before {
  content: "\f543";
}

.la-record-vinyl:before {
  content: "\f8d9";
}

.la-recycle:before {
  content: "\f1b8";
}

.la-red-river:before {
  content: "\f3e3";
}

.la-reddit:before {
  content: "\f1a1";
}

.la-reddit-alien:before {
  content: "\f281";
}

.la-reddit-square:before {
  content: "\f1a2";
}

.la-redhat:before {
  content: "\f7bc";
}

.la-redo:before {
  content: "\f01e";
}

.la-redo-alt:before {
  content: "\f2f9";
}

.la-registered:before {
  content: "\f25d";
}

.la-remove-format:before {
  content: "\f87d";
}

.la-renren:before {
  content: "\f18b";
}

.la-reply:before {
  content: "\f3e5";
}

.la-reply-all:before {
  content: "\f122";
}

.la-replyd:before {
  content: "\f3e6";
}

.la-republican:before {
  content: "\f75e";
}

.la-researchgate:before {
  content: "\f4f8";
}

.la-resolving:before {
  content: "\f3e7";
}

.la-restroom:before {
  content: "\f7bd";
}

.la-retweet:before {
  content: "\f079";
}

.la-rev:before {
  content: "\f5b2";
}

.la-ribbon:before {
  content: "\f4d6";
}

.la-ring:before {
  content: "\f70b";
}

.la-road:before {
  content: "\f018";
}

.la-robot:before {
  content: "\f544";
}

.la-rocket:before {
  content: "\f135";
}

.la-rocketchat:before {
  content: "\f3e8";
}

.la-rockrms:before {
  content: "\f3e9";
}

.la-route:before {
  content: "\f4d7";
}

.la-rss:before {
  content: "\f09e";
}

.la-rss-square:before {
  content: "\f143";
}

.la-ruble-sign:before {
  content: "\f158";
}

.la-ruler:before {
  content: "\f545";
}

.la-ruler-combined:before {
  content: "\f546";
}

.la-ruler-horizontal:before {
  content: "\f547";
}

.la-ruler-vertical:before {
  content: "\f548";
}

.la-running:before {
  content: "\f70c";
}

.la-rupee-sign:before {
  content: "\f156";
}

.la-sad-cry:before {
  content: "\f5b3";
}

.la-sad-tear:before {
  content: "\f5b4";
}

.la-safari:before {
  content: "\f267";
}

.la-salesforce:before {
  content: "\f83b";
}

.la-sass:before {
  content: "\f41e";
}

.la-satellite:before {
  content: "\f7bf";
}

.la-satellite-dish:before {
  content: "\f7c0";
}

.la-save:before {
  content: "\f0c7";
}

.la-schlix:before {
  content: "\f3ea";
}

.la-school:before {
  content: "\f549";
}

.la-screwdriver:before {
  content: "\f54a";
}

.la-scribd:before {
  content: "\f28a";
}

.la-scroll:before {
  content: "\f70e";
}

.la-sd-card:before {
  content: "\f7c2";
}

.la-search:before {
  content: "\f002";
}

.la-search-dollar:before {
  content: "\f688";
}

.la-search-location:before {
  content: "\f689";
}

.la-search-minus:before {
  content: "\f010";
}

.la-search-plus:before {
  content: "\f00e";
}

.la-searchengin:before {
  content: "\f3eb";
}

.la-seedling:before {
  content: "\f4d8";
}

.la-sellcast:before {
  content: "\f2da";
}

.la-sellsy:before {
  content: "\f213";
}

.la-server:before {
  content: "\f233";
}

.la-servicestack:before {
  content: "\f3ec";
}

.la-shapes:before {
  content: "\f61f";
}

.la-share:before {
  content: "\f064";
}

.la-share-alt:before {
  content: "\f1e0";
}

.la-share-alt-square:before {
  content: "\f1e1";
}

.la-share-square:before {
  content: "\f14d";
}

.la-shekel-sign:before {
  content: "\f20b";
}

.la-shield-alt:before {
  content: "\f3ed";
}

.la-ship:before {
  content: "\f21a";
}

.la-shipping-fast:before {
  content: "\f48b";
}

.la-shirtsinbulk:before {
  content: "\f214";
}

.la-shoe-prints:before {
  content: "\f54b";
}

.la-shopping-bag:before {
  content: "\f290";
}

.la-shopping-basket:before {
  content: "\f291";
}

.la-shopping-cart:before {
  content: "\f07a";
}

.la-shopware:before {
  content: "\f5b5";
}

.la-shower:before {
  content: "\f2cc";
}

.la-shuttle-van:before {
  content: "\f5b6";
}

.la-sign:before {
  content: "\f4d9";
}

.la-sign-in-alt:before {
  content: "\f2f6";
}

.la-sign-language:before {
  content: "\f2a7";
}

.la-sign-out-alt:before {
  content: "\f2f5";
}

.la-signal:before {
  content: "\f012";
}

.la-signature:before {
  content: "\f5b7";
}

.la-sim-card:before {
  content: "\f7c4";
}

.la-simplybuilt:before {
  content: "\f215";
}

.la-sistrix:before {
  content: "\f3ee";
}

.la-sitemap:before {
  content: "\f0e8";
}

.la-sith:before {
  content: "\f512";
}

.la-skating:before {
  content: "\f7c5";
}

.la-sketch:before {
  content: "\f7c6";
}

.la-skiing:before {
  content: "\f7c9";
}

.la-skiing-nordic:before {
  content: "\f7ca";
}

.la-skull:before {
  content: "\f54c";
}

.la-skull-crossbones:before {
  content: "\f714";
}

.la-skyatlas:before {
  content: "\f216";
}

.la-skype:before {
  content: "\f17e";
}

.la-slack:before {
  content: "\f198";
}

.la-slack-hash:before {
  content: "\f3ef";
}

.la-slash:before {
  content: "\f715";
}

.la-sleigh:before {
  content: "\f7cc";
}

.la-sliders-h:before {
  content: "\f1de";
}

.la-slideshare:before {
  content: "\f1e7";
}

.la-smile:before {
  content: "\f118";
}

.la-smile-beam:before {
  content: "\f5b8";
}

.la-smile-wink:before {
  content: "\f4da";
}

.la-smog:before {
  content: "\f75f";
}

.la-smoking:before {
  content: "\f48d";
}

.la-smoking-ban:before {
  content: "\f54d";
}

.la-sms:before {
  content: "\f7cd";
}

.la-snapchat:before {
  content: "\f2ab";
}

.la-snapchat-ghost:before {
  content: "\f2ac";
}

.la-snapchat-square:before {
  content: "\f2ad";
}

.la-snowboarding:before {
  content: "\f7ce";
}

.la-snowflake:before {
  content: "\f2dc";
}

.la-snowman:before {
  content: "\f7d0";
}

.la-snowplow:before {
  content: "\f7d2";
}

.la-socks:before {
  content: "\f696";
}

.la-solar-panel:before {
  content: "\f5ba";
}

.la-sort:before {
  content: "\f0dc";
}

.la-sort-alpha-down:before {
  content: "\f15d";
}

.la-sort-alpha-down-alt:before {
  content: "\f881";
}

.la-sort-alpha-up:before {
  content: "\f15e";
}

.la-sort-alpha-up-alt:before {
  content: "\f882";
}

.la-sort-amount-down:before {
  content: "\f160";
}

.la-sort-amount-down-alt:before {
  content: "\f884";
}

.la-sort-amount-up:before {
  content: "\f161";
}

.la-sort-amount-up-alt:before {
  content: "\f885";
}

.la-sort-down:before {
  content: "\f0dd";
}

.la-sort-numeric-down:before {
  content: "\f162";
}

.la-sort-numeric-down-alt:before {
  content: "\f886";
}

.la-sort-numeric-up:before {
  content: "\f163";
}

.la-sort-numeric-up-alt:before {
  content: "\f887";
}

.la-sort-up:before {
  content: "\f0de";
}

.la-soundcloud:before {
  content: "\f1be";
}

.la-sourcetree:before {
  content: "\f7d3";
}

.la-spa:before {
  content: "\f5bb";
}

.la-space-shuttle:before {
  content: "\f197";
}

.la-speakap:before {
  content: "\f3f3";
}

.la-speaker-deck:before {
  content: "\f83c";
}

.la-spell-check:before {
  content: "\f891";
}

.la-spider:before {
  content: "\f717";
}

.la-spinner:before {
  content: "\f110";
}

.la-splotch:before {
  content: "\f5bc";
}

.la-spotify:before {
  content: "\f1bc";
}

.la-spray-can:before {
  content: "\f5bd";
}

.la-square:before {
  content: "\f0c8";
}

.la-square-full:before {
  content: "\f45c";
}

.la-square-root-alt:before {
  content: "\f698";
}

.la-squarespace:before {
  content: "\f5be";
}

.la-stack-exchange:before {
  content: "\f18d";
}

.la-stack-overflow:before {
  content: "\f16c";
}

.la-stackpath:before {
  content: "\f842";
}

.la-stamp:before {
  content: "\f5bf";
}

.la-star:before {
  content: "\f005";
}

.la-star-and-crescent:before {
  content: "\f699";
}

.la-star-half:before {
  content: "\f089";
}

.la-star-half-alt:before {
  content: "\f5c0";
}

.la-star-of-david:before {
  content: "\f69a";
}

.la-star-of-life:before {
  content: "\f621";
}

.la-staylinked:before {
  content: "\f3f5";
}

.la-steam:before {
  content: "\f1b6";
}

.la-steam-square:before {
  content: "\f1b7";
}

.la-steam-symbol:before {
  content: "\f3f6";
}

.la-step-backward:before {
  content: "\f048";
}

.la-step-forward:before {
  content: "\f051";
}

.la-stethoscope:before {
  content: "\f0f1";
}

.la-sticker-mule:before {
  content: "\f3f7";
}

.la-sticky-note:before {
  content: "\f249";
}

.la-stop:before {
  content: "\f04d";
}

.la-stop-circle:before {
  content: "\f28d";
}

.la-stopwatch:before {
  content: "\f2f2";
}

.la-store:before {
  content: "\f54e";
}

.la-store-alt:before {
  content: "\f54f";
}

.la-strava:before {
  content: "\f428";
}

.la-stream:before {
  content: "\f550";
}

.la-street-view:before {
  content: "\f21d";
}

.la-strikethrough:before {
  content: "\f0cc";
}

.la-stripe:before {
  content: "\f429";
}

.la-stripe-s:before {
  content: "\f42a";
}

.la-stroopwafel:before {
  content: "\f551";
}

.la-studiovinari:before {
  content: "\f3f8";
}

.la-stumbleupon:before {
  content: "\f1a4";
}

.la-stumbleupon-circle:before {
  content: "\f1a3";
}

.la-subscript:before {
  content: "\f12c";
}

.la-subway:before {
  content: "\f239";
}

.la-suitcase:before {
  content: "\f0f2";
}

.la-suitcase-rolling:before {
  content: "\f5c1";
}

.la-sun:before {
  content: "\f185";
}

.la-superpowers:before {
  content: "\f2dd";
}

.la-superscript:before {
  content: "\f12b";
}

.la-supple:before {
  content: "\f3f9";
}

.la-surprise:before {
  content: "\f5c2";
}

.la-suse:before {
  content: "\f7d6";
}

.la-swatchbook:before {
  content: "\f5c3";
}

.la-swift:before {
  content: "\f8e1";
}

.la-swimmer:before {
  content: "\f5c4";
}

.la-swimming-pool:before {
  content: "\f5c5";
}

.la-symfony:before {
  content: "\f83d";
}

.la-synagogue:before {
  content: "\f69b";
}

.la-sync:before {
  content: "\f021";
}

.la-sync-alt:before {
  content: "\f2f1";
}

.la-syringe:before {
  content: "\f48e";
}

.la-table:before {
  content: "\f0ce";
}

.la-table-tennis:before {
  content: "\f45d";
}

.la-tablet:before {
  content: "\f10a";
}

.la-tablet-alt:before {
  content: "\f3fa";
}

.la-tablets:before {
  content: "\f490";
}

.la-tachometer-alt:before {
  content: "\f3fd";
}

.la-tag:before {
  content: "\f02b";
}

.la-tags:before {
  content: "\f02c";
}

.la-tape:before {
  content: "\f4db";
}

.la-tasks:before {
  content: "\f0ae";
}

.la-taxi:before {
  content: "\f1ba";
}

.la-teamspeak:before {
  content: "\f4f9";
}

.la-teeth:before {
  content: "\f62e";
}

.la-teeth-open:before {
  content: "\f62f";
}

.la-telegram:before {
  content: "\f2c6";
}

.la-telegram-plane:before {
  content: "\f3fe";
}

.la-temperature-high:before {
  content: "\f769";
}

.la-temperature-low:before {
  content: "\f76b";
}

.la-tencent-weibo:before {
  content: "\f1d5";
}

.la-tenge:before {
  content: "\f7d7";
}

.la-terminal:before {
  content: "\f120";
}

.la-text-height:before {
  content: "\f034";
}

.la-text-width:before {
  content: "\f035";
}

.la-th:before {
  content: "\f00a";
}

.la-th-large:before {
  content: "\f009";
}

.la-th-list:before {
  content: "\f00b";
}

.la-the-red-yeti:before {
  content: "\f69d";
}

.la-theater-masks:before {
  content: "\f630";
}

.la-themeco:before {
  content: "\f5c6";
}

.la-themeisle:before {
  content: "\f2b2";
}

.la-thermometer:before {
  content: "\f491";
}

.la-thermometer-empty:before {
  content: "\f2cb";
}

.la-thermometer-full:before {
  content: "\f2c7";
}

.la-thermometer-half:before {
  content: "\f2c9";
}

.la-thermometer-quarter:before {
  content: "\f2ca";
}

.la-thermometer-three-quarters:before {
  content: "\f2c8";
}

.la-think-peaks:before {
  content: "\f731";
}

.la-thumbs-down:before {
  content: "\f165";
}

.la-thumbs-up:before {
  content: "\f164";
}

.la-thumbtack:before {
  content: "\f08d";
}

.la-ticket-alt:before {
  content: "\f3ff";
}

.la-times:before {
  content: "\f00d";
}

.la-times-circle:before {
  content: "\f057";
}

.la-tint:before {
  content: "\f043";
}

.la-tint-slash:before {
  content: "\f5c7";
}

.la-tired:before {
  content: "\f5c8";
}

.la-toggle-off:before {
  content: "\f204";
}

.la-toggle-on:before {
  content: "\f205";
}

.la-toilet:before {
  content: "\f7d8";
}

.la-toilet-paper:before {
  content: "\f71e";
}

.la-toolbox:before {
  content: "\f552";
}

.la-tools:before {
  content: "\f7d9";
}

.la-tooth:before {
  content: "\f5c9";
}

.la-torah:before {
  content: "\f6a0";
}

.la-torii-gate:before {
  content: "\f6a1";
}

.la-tractor:before {
  content: "\f722";
}

.la-trade-federation:before {
  content: "\f513";
}

.la-trademark:before {
  content: "\f25c";
}

.la-traffic-light:before {
  content: "\f637";
}

.la-train:before {
  content: "\f238";
}

.la-tram:before {
  content: "\f7da";
}

.la-transgender:before {
  content: "\f224";
}

.la-transgender-alt:before {
  content: "\f225";
}

.la-trash:before {
  content: "\f1f8";
}

.la-trash-alt:before {
  content: "\f2ed";
}

.la-trash-restore:before {
  content: "\f829";
}

.la-trash-restore-alt:before {
  content: "\f82a";
}

.la-tree:before {
  content: "\f1bb";
}

.la-trello:before {
  content: "\f181";
}

.la-tripadvisor:before {
  content: "\f262";
}

.la-trophy:before {
  content: "\f091";
}

.la-truck:before {
  content: "\f0d1";
}

.la-truck-loading:before {
  content: "\f4de";
}

.la-truck-monster:before {
  content: "\f63b";
}

.la-truck-moving:before {
  content: "\f4df";
}

.la-truck-pickup:before {
  content: "\f63c";
}

.la-tshirt:before {
  content: "\f553";
}

.la-tty:before {
  content: "\f1e4";
}

.la-tumblr:before {
  content: "\f173";
}

.la-tumblr-square:before {
  content: "\f174";
}

.la-tv:before {
  content: "\f26c";
}

.la-twitch:before {
  content: "\f1e8";
}

.la-twitter:before {
  content: "\f099";
}

.la-twitter-square:before {
  content: "\f081";
}

.la-typo3:before {
  content: "\f42b";
}

.la-uber:before {
  content: "\f402";
}

.la-ubuntu:before {
  content: "\f7df";
}

.la-uikit:before {
  content: "\f403";
}

.la-umbraco:before {
  content: "\f8e8";
}

.la-umbrella:before {
  content: "\f0e9";
}

.la-umbrella-beach:before {
  content: "\f5ca";
}

.la-underline:before {
  content: "\f0cd";
}

.la-undo:before {
  content: "\f0e2";
}

.la-undo-alt:before {
  content: "\f2ea";
}

.la-uniregistry:before {
  content: "\f404";
}

.la-universal-access:before {
  content: "\f29a";
}

.la-university:before {
  content: "\f19c";
}

.la-unlink:before {
  content: "\f127";
}

.la-unlock:before {
  content: "\f09c";
}

.la-unlock-alt:before {
  content: "\f13e";
}

.la-untappd:before {
  content: "\f405";
}

.la-upload:before {
  content: "\f093";
}

.la-ups:before {
  content: "\f7e0";
}

.la-usb:before {
  content: "\f287";
}

.la-user:before {
  content: "\f007";
}

.la-user-alt:before {
  content: "\f406";
}

.la-user-alt-slash:before {
  content: "\f4fa";
}

.la-user-astronaut:before {
  content: "\f4fb";
}

.la-user-check:before {
  content: "\f4fc";
}

.la-user-circle:before {
  content: "\f2bd";
}

.la-user-clock:before {
  content: "\f4fd";
}

.la-user-cog:before {
  content: "\f4fe";
}

.la-user-edit:before {
  content: "\f4ff";
}

.la-user-friends:before {
  content: "\f500";
}

.la-user-graduate:before {
  content: "\f501";
}

.la-user-injured:before {
  content: "\f728";
}

.la-user-lock:before {
  content: "\f502";
}

.la-user-md:before {
  content: "\f0f0";
}

.la-user-minus:before {
  content: "\f503";
}

.la-user-ninja:before {
  content: "\f504";
}

.la-user-nurse:before {
  content: "\f82f";
}

.la-user-plus:before {
  content: "\f234";
}

.la-user-secret:before {
  content: "\f21b";
}

.la-user-shield:before {
  content: "\f505";
}

.la-user-slash:before {
  content: "\f506";
}

.la-user-tag:before {
  content: "\f507";
}

.la-user-tie:before {
  content: "\f508";
}

.la-user-times:before {
  content: "\f235";
}

.la-users:before {
  content: "\f0c0";
}

.la-users-cog:before {
  content: "\f509";
}

.la-usps:before {
  content: "\f7e1";
}

.la-ussunnah:before {
  content: "\f407";
}

.la-utensil-spoon:before {
  content: "\f2e5";
}

.la-utensils:before {
  content: "\f2e7";
}

.la-vaadin:before {
  content: "\f408";
}

.la-vector-square:before {
  content: "\f5cb";
}

.la-venus:before {
  content: "\f221";
}

.la-venus-double:before {
  content: "\f226";
}

.la-venus-mars:before {
  content: "\f228";
}

.la-viacoin:before {
  content: "\f237";
}

.la-viadeo:before {
  content: "\f2a9";
}

.la-viadeo-square:before {
  content: "\f2aa";
}

.la-vial:before {
  content: "\f492";
}

.la-vials:before {
  content: "\f493";
}

.la-viber:before {
  content: "\f409";
}

.la-video:before {
  content: "\f03d";
}

.la-video-slash:before {
  content: "\f4e2";
}

.la-vihara:before {
  content: "\f6a7";
}

.la-vimeo:before {
  content: "\f40a";
}

.la-vimeo-square:before {
  content: "\f194";
}

.la-vimeo-v:before {
  content: "\f27d";
}

.la-vine:before {
  content: "\f1ca";
}

.la-vk:before {
  content: "\f189";
}

.la-vnv:before {
  content: "\f40b";
}

.la-voicemail:before {
  content: "\f897";
}

.la-volleyball-ball:before {
  content: "\f45f";
}

.la-volume-down:before {
  content: "\f027";
}

.la-volume-mute:before {
  content: "\f6a9";
}

.la-volume-off:before {
  content: "\f026";
}

.la-volume-up:before {
  content: "\f028";
}

.la-vote-yea:before {
  content: "\f772";
}

.la-vr-cardboard:before {
  content: "\f729";
}

.la-vuejs:before {
  content: "\f41f";
}

.la-walking:before {
  content: "\f554";
}

.la-wallet:before {
  content: "\f555";
}

.la-warehouse:before {
  content: "\f494";
}

.la-water:before {
  content: "\f773";
}

.la-wave-square:before {
  content: "\f83e";
}

.la-waze:before {
  content: "\f83f";
}

.la-weebly:before {
  content: "\f5cc";
}

.la-weibo:before {
  content: "\f18a";
}

.la-weight:before {
  content: "\f496";
}

.la-weight-hanging:before {
  content: "\f5cd";
}

.la-weixin:before {
  content: "\f1d7";
}

.la-whatsapp:before {
  content: "\f232";
}

.la-whatsapp-square:before {
  content: "\f40c";
}

.la-wheelchair:before {
  content: "\f193";
}

.la-whmcs:before {
  content: "\f40d";
}

.la-wifi:before {
  content: "\f1eb";
}

.la-wikipedia-w:before {
  content: "\f266";
}

.la-wind:before {
  content: "\f72e";
}

.la-window-close:before {
  content: "\f410";
}

.la-window-maximize:before {
  content: "\f2d0";
}

.la-window-minimize:before {
  content: "\f2d1";
}

.la-window-restore:before {
  content: "\f2d2";
}

.la-windows:before {
  content: "\f17a";
}

.la-wine-bottle:before {
  content: "\f72f";
}

.la-wine-glass:before {
  content: "\f4e3";
}

.la-wine-glass-alt:before {
  content: "\f5ce";
}

.la-wix:before {
  content: "\f5cf";
}

.la-wizards-of-the-coast:before {
  content: "\f730";
}

.la-wolf-pack-battalion:before {
  content: "\f514";
}

.la-won-sign:before {
  content: "\f159";
}

.la-wordpress:before {
  content: "\f19a";
}

.la-wordpress-simple:before {
  content: "\f411";
}

.la-wpbeginner:before {
  content: "\f297";
}

.la-wpexplorer:before {
  content: "\f2de";
}

.la-wpforms:before {
  content: "\f298";
}

.la-wpressr:before {
  content: "\f3e4";
}

.la-wrench:before {
  content: "\f0ad";
}

.la-x-ray:before {
  content: "\f497";
}

.la-xbox:before {
  content: "\f412";
}

.la-xing:before {
  content: "\f168";
}

.la-xing-square:before {
  content: "\f169";
}

.la-y-combinator:before {
  content: "\f23b";
}

.la-yahoo:before {
  content: "\f19e";
}

.la-yammer:before {
  content: "\f840";
}

.la-yandex:before {
  content: "\f413";
}

.la-yandex-international:before {
  content: "\f414";
}

.la-yarn:before {
  content: "\f7e3";
}

.la-yelp:before {
  content: "\f1e9";
}

.la-yen-sign:before {
  content: "\f157";
}

.la-yin-yang:before {
  content: "\f6ad";
}

.la-yoast:before {
  content: "\f2b1";
}

.la-youtube:before {
  content: "\f167";
}

.la-youtube-square:before {
  content: "\f431";
}

.la-zhihu:before {
  content: "\f63f";
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

@font-face {
  font-family: "Line Awesome Brands";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url(/fonts/line-awesome/la-brands-400.eot);
  src: url(/fonts/line-awesome/la-brands-400.eot?#iefix) format("embedded-opentype"), url(/fonts/line-awesome/la-brands-400.woff2) format("woff2"), url(/fonts/line-awesome/la-brands-400.woff) format("woff"), url(/fonts/line-awesome/la-brands-400.ttf) format("truetype"), url(/fonts/line-awesome/la-brands-400.svg#lineawesome) format("svg");
}
.lab {
  font-family: "Line Awesome Brands";
}

@font-face {
  font-family: "Line Awesome Free";
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url(/fonts/line-awesome/la-regular-400.eot);
  src: url(/fonts/line-awesome/la-regular-400.eot?#iefix) format("embedded-opentype"), url(/fonts/line-awesome/la-regular-400.woff2) format("woff2"), url(/fonts/line-awesome/la-regular-400.woff) format("woff"), url(/fonts/line-awesome/la-regular-400.ttf) format("truetype"), url(/fonts/line-awesome/la-regular-400.svg#lineawesome) format("svg");
}
.lar {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

@font-face {
  font-family: "Line Awesome Free";
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url(/fonts/line-awesome/la-solid-900.eot);
  src: url(/fonts/line-awesome/la-solid-900.eot?#iefix) format("embedded-opentype"), url(/fonts/line-awesome/la-solid-900.woff2) format("woff2"), url(/fonts/line-awesome/la-solid-900.woff) format("woff"), url(/fonts/line-awesome/la-solid-900.ttf) format("truetype"), url(/fonts/line-awesome/la-solid-900.svg#lineawesome) format("svg");
}
.la,
.las {
  font-family: "Line Awesome Free";
  font-weight: 900;
}

.la.la-glass:before {
  content: "\f000";
}

.la.la-meetup {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-star-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-star-o:before {
  content: "\f005";
}

.la.la-remove:before {
  content: "\f00d";
}

.la.la-close:before {
  content: "\f00d";
}

.la.la-gear:before {
  content: "\f013";
}

.la.la-trash-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-trash-o:before {
  content: "\f2ed";
}

.la.la-file-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-file-o:before {
  content: "\f15b";
}

.la.la-clock-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-clock-o:before {
  content: "\f017";
}

.la.la-arrow-circle-o-down {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-arrow-circle-o-down:before {
  content: "\f358";
}

.la.la-arrow-circle-o-up {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-arrow-circle-o-up:before {
  content: "\f35b";
}

.la.la-play-circle-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-play-circle-o:before {
  content: "\f144";
}

.la.la-repeat:before {
  content: "\f01e";
}

.la.la-rotate-right:before {
  content: "\f01e";
}

.la.la-refresh:before {
  content: "\f021";
}

.la.la-list-alt {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-dedent:before {
  content: "\f03b";
}

.la.la-video-camera:before {
  content: "\f03d";
}

.la.la-picture-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-picture-o:before {
  content: "\f03e";
}

.la.la-photo {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-photo:before {
  content: "\f03e";
}

.la.la-image {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-image:before {
  content: "\f03e";
}

.la.la-pencil:before {
  content: "\f303";
}

.la.la-map-marker:before {
  content: "\f3c5";
}

.la.la-pencil-square-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-pencil-square-o:before {
  content: "\f044";
}

.la.la-share-square-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-share-square-o:before {
  content: "\f14d";
}

.la.la-check-square-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-check-square-o:before {
  content: "\f14a";
}

.la.la-arrows:before {
  content: "\f0b2";
}

.la.la-times-circle-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-times-circle-o:before {
  content: "\f057";
}

.la.la-check-circle-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-check-circle-o:before {
  content: "\f058";
}

.la.la-mail-forward:before {
  content: "\f064";
}

.la.la-eye {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-eye-slash {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-warning:before {
  content: "\f071";
}

.la.la-calendar:before {
  content: "\f073";
}

.la.la-arrows-v:before {
  content: "\f338";
}

.la.la-arrows-h:before {
  content: "\f337";
}

.la.la-bar-chart {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-bar-chart:before {
  content: "\f080";
}

.la.la-bar-chart-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-bar-chart-o:before {
  content: "\f080";
}

.la.la-twitter-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-facebook-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-gears:before {
  content: "\f085";
}

.la.la-thumbs-o-up {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-thumbs-o-up:before {
  content: "\f164";
}

.la.la-thumbs-o-down {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-thumbs-o-down:before {
  content: "\f165";
}

.la.la-heart-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-heart-o:before {
  content: "\f004";
}

.la.la-sign-out:before {
  content: "\f2f5";
}

.la.la-linkedin-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-linkedin-square:before {
  content: "\f08c";
}

.la.la-thumb-tack:before {
  content: "\f08d";
}

.la.la-external-link:before {
  content: "\f35d";
}

.la.la-sign-in:before {
  content: "\f2f6";
}

.la.la-github-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-lemon-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-lemon-o:before {
  content: "\f094";
}

.la.la-square-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-square-o:before {
  content: "\f0c8";
}

.la.la-bookmark-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-bookmark-o:before {
  content: "\f02e";
}

.la.la-twitter {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-facebook {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-facebook:before {
  content: "\f39e";
}

.la.la-facebook-f {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-facebook-f:before {
  content: "\f39e";
}

.la.la-github {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-credit-card {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-feed:before {
  content: "\f09e";
}

.la.la-hdd-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-hdd-o:before {
  content: "\f0a0";
}

.la.la-hand-o-right {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-hand-o-right:before {
  content: "\f0a4";
}

.la.la-hand-o-left {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-hand-o-left:before {
  content: "\f0a5";
}

.la.la-hand-o-up {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-hand-o-up:before {
  content: "\f0a6";
}

.la.la-hand-o-down {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-hand-o-down:before {
  content: "\f0a7";
}

.la.la-arrows-alt:before {
  content: "\f31e";
}

.la.la-group:before {
  content: "\f0c0";
}

.la.la-chain:before {
  content: "\f0c1";
}

.la.la-scissors:before {
  content: "\f0c4";
}

.la.la-files-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-files-o:before {
  content: "\f0c5";
}

.la.la-floppy-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-floppy-o:before {
  content: "\f0c7";
}

.la.la-navicon:before {
  content: "\f0c9";
}

.la.la-reorder:before {
  content: "\f0c9";
}

.la.la-pinterest {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-pinterest-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-google-plus-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-google-plus {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-google-plus:before {
  content: "\f0d5";
}

.la.la-money {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-money:before {
  content: "\f3d1";
}

.la.la-unsorted:before {
  content: "\f0dc";
}

.la.la-sort-desc:before {
  content: "\f0dd";
}

.la.la-sort-asc:before {
  content: "\f0de";
}

.la.la-linkedin {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-linkedin:before {
  content: "\f0e1";
}

.la.la-rotate-left:before {
  content: "\f0e2";
}

.la.la-legal:before {
  content: "\f0e3";
}

.la.la-tachometer:before {
  content: "\f3fd";
}

.la.la-dashboard:before {
  content: "\f3fd";
}

.la.la-comment-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-comment-o:before {
  content: "\f075";
}

.la.la-comments-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-comments-o:before {
  content: "\f086";
}

.la.la-flash:before {
  content: "\f0e7";
}

.la.la-clipboard {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-paste {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-paste:before {
  content: "\f328";
}

.la.la-lightbulb-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-lightbulb-o:before {
  content: "\f0eb";
}

.la.la-exchange:before {
  content: "\f362";
}

.la.la-cloud-download:before {
  content: "\f381";
}

.la.la-cloud-upload:before {
  content: "\f382";
}

.la.la-bell-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-bell-o:before {
  content: "\f0f3";
}

.la.la-cutlery:before {
  content: "\f2e7";
}

.la.la-file-text-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-file-text-o:before {
  content: "\f15c";
}

.la.la-building-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-building-o:before {
  content: "\f1ad";
}

.la.la-hospital-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-hospital-o:before {
  content: "\f0f8";
}

.la.la-tablet:before {
  content: "\f3fa";
}

.la.la-mobile:before {
  content: "\f3cd";
}

.la.la-mobile-phone:before {
  content: "\f3cd";
}

.la.la-circle-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-circle-o:before {
  content: "\f111";
}

.la.la-mail-reply:before {
  content: "\f3e5";
}

.la.la-github-alt {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-folder-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-folder-o:before {
  content: "\f07b";
}

.la.la-folder-open-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-folder-open-o:before {
  content: "\f07c";
}

.la.la-smile-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-smile-o:before {
  content: "\f118";
}

.la.la-frown-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-frown-o:before {
  content: "\f119";
}

.la.la-meh-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-meh-o:before {
  content: "\f11a";
}

.la.la-keyboard-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-keyboard-o:before {
  content: "\f11c";
}

.la.la-flag-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-flag-o:before {
  content: "\f024";
}

.la.la-mail-reply-all:before {
  content: "\f122";
}

.la.la-star-half-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-star-half-o:before {
  content: "\f089";
}

.la.la-star-half-empty {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-star-half-empty:before {
  content: "\f089";
}

.la.la-star-half-full {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-star-half-full:before {
  content: "\f089";
}

.la.la-code-fork:before {
  content: "\f126";
}

.la.la-chain-broken:before {
  content: "\f127";
}

.la.la-shield:before {
  content: "\f3ed";
}

.la.la-calendar-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-calendar-o:before {
  content: "\f133";
}

.la.la-maxcdn {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-html5 {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-css3 {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-ticket:before {
  content: "\f3ff";
}

.la.la-minus-square-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-minus-square-o:before {
  content: "\f146";
}

.la.la-level-up:before {
  content: "\f3bf";
}

.la.la-level-down:before {
  content: "\f3be";
}

.la.la-pencil-square:before {
  content: "\f14b";
}

.la.la-external-link-square:before {
  content: "\f360";
}

.la.la-compass {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-caret-square-o-down {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-caret-square-o-down:before {
  content: "\f150";
}

.la.la-toggle-down {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-toggle-down:before {
  content: "\f150";
}

.la.la-caret-square-o-up {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-caret-square-o-up:before {
  content: "\f151";
}

.la.la-toggle-up {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-toggle-up:before {
  content: "\f151";
}

.la.la-caret-square-o-right {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-caret-square-o-right:before {
  content: "\f152";
}

.la.la-toggle-right {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-toggle-right:before {
  content: "\f152";
}

.la.la-eur:before {
  content: "\f153";
}

.la.la-euro:before {
  content: "\f153";
}

.la.la-gbp:before {
  content: "\f154";
}

.la.la-usd:before {
  content: "\f155";
}

.la.la-dollar:before {
  content: "\f155";
}

.la.la-inr:before {
  content: "\f156";
}

.la.la-rupee:before {
  content: "\f156";
}

.la.la-jpy:before {
  content: "\f157";
}

.la.la-cny:before {
  content: "\f157";
}

.la.la-rmb:before {
  content: "\f157";
}

.la.la-yen:before {
  content: "\f157";
}

.la.la-rub:before {
  content: "\f158";
}

.la.la-ruble:before {
  content: "\f158";
}

.la.la-rouble:before {
  content: "\f158";
}

.la.la-krw:before {
  content: "\f159";
}

.la.la-won:before {
  content: "\f159";
}

.la.la-btc {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-bitcoin {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-bitcoin:before {
  content: "\f15a";
}

.la.la-file-text:before {
  content: "\f15c";
}

.la.la-sort-alpha-asc:before {
  content: "\f15d";
}

.la.la-sort-alpha-desc:before {
  content: "\f881";
}

.la.la-sort-amount-asc:before {
  content: "\f160";
}

.la.la-sort-amount-desc:before {
  content: "\f884";
}

.la.la-sort-numeric-asc:before {
  content: "\f162";
}

.la.la-sort-numeric-desc:before {
  content: "\f886";
}

.la.la-youtube-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-youtube {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-xing {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-xing-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-youtube-play {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-youtube-play:before {
  content: "\f167";
}

.la.la-dropbox {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-stack-overflow {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-instagram {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-flickr {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-adn {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-bitbucket {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-bitbucket-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-bitbucket-square:before {
  content: "\f171";
}

.la.la-tumblr {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-tumblr-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-long-arrow-down:before {
  content: "\f309";
}

.la.la-long-arrow-up:before {
  content: "\f30c";
}

.la.la-long-arrow-left:before {
  content: "\f30a";
}

.la.la-long-arrow-right:before {
  content: "\f30b";
}

.la.la-apple {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-windows {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-android {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-linux {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-dribbble {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-skype {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-foursquare {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-trello {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-gratipay {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-gittip {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-gittip:before {
  content: "\f184";
}

.la.la-sun-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-sun-o:before {
  content: "\f185";
}

.la.la-moon-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-moon-o:before {
  content: "\f186";
}

.la.la-vk {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-weibo {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-renren {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-pagelines {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-stack-exchange {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-arrow-circle-o-right {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-arrow-circle-o-right:before {
  content: "\f35a";
}

.la.la-arrow-circle-o-left {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-arrow-circle-o-left:before {
  content: "\f359";
}

.la.la-caret-square-o-left {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-caret-square-o-left:before {
  content: "\f191";
}

.la.la-toggle-left {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-toggle-left:before {
  content: "\f191";
}

.la.la-dot-circle-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-dot-circle-o:before {
  content: "\f192";
}

.la.la-vimeo-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-try:before {
  content: "\f195";
}

.la.la-turkish-lira:before {
  content: "\f195";
}

.la.la-plus-square-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-plus-square-o:before {
  content: "\f0fe";
}

.la.la-slack {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-wordpress {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-openid {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-institution:before {
  content: "\f19c";
}

.la.la-bank:before {
  content: "\f19c";
}

.la.la-mortar-board:before {
  content: "\f19d";
}

.la.la-yahoo {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-google {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-reddit {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-reddit-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-stumbleupon-circle {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-stumbleupon {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-delicious {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-digg {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-pied-piper-pp {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-pied-piper-alt {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-drupal {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-joomla {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-spoon:before {
  content: "\f2e5";
}

.la.la-behance {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-behance-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-steam {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-steam-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-automobile:before {
  content: "\f1b9";
}

.la.la-cab:before {
  content: "\f1ba";
}

.la.la-envelope-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-envelope-o:before {
  content: "\f0e0";
}

.la.la-deviantart {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-soundcloud {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-file-pdf-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-file-pdf-o:before {
  content: "\f1c1";
}

.la.la-file-word-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-file-word-o:before {
  content: "\f1c2";
}

.la.la-file-excel-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-file-excel-o:before {
  content: "\f1c3";
}

.la.la-file-powerpoint-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-file-powerpoint-o:before {
  content: "\f1c4";
}

.la.la-file-image-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-file-image-o:before {
  content: "\f1c5";
}

.la.la-file-photo-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-file-photo-o:before {
  content: "\f1c5";
}

.la.la-file-picture-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-file-picture-o:before {
  content: "\f1c5";
}

.la.la-file-archive-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-file-archive-o:before {
  content: "\f1c6";
}

.la.la-file-zip-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-file-zip-o:before {
  content: "\f1c6";
}

.la.la-file-audio-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-file-audio-o:before {
  content: "\f1c7";
}

.la.la-file-sound-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-file-sound-o:before {
  content: "\f1c7";
}

.la.la-file-video-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-file-video-o:before {
  content: "\f1c8";
}

.la.la-file-movie-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-file-movie-o:before {
  content: "\f1c8";
}

.la.la-file-code-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-file-code-o:before {
  content: "\f1c9";
}

.la.la-vine {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-codepen {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-jsfiddle {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-life-ring {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-life-bouy {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-life-bouy:before {
  content: "\f1cd";
}

.la.la-life-buoy {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-life-buoy:before {
  content: "\f1cd";
}

.la.la-life-saver {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-life-saver:before {
  content: "\f1cd";
}

.la.la-support {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-support:before {
  content: "\f1cd";
}

.la.la-circle-o-notch:before {
  content: "\f1ce";
}

.la.la-rebel {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-ra {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-ra:before {
  content: "\f1d0";
}

.la.la-resistance {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-resistance:before {
  content: "\f1d0";
}

.la.la-empire {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-ge {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-ge:before {
  content: "\f1d1";
}

.la.la-git-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-git {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-hacker-news {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-y-combinator-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-y-combinator-square:before {
  content: "\f1d4";
}

.la.la-yc-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-yc-square:before {
  content: "\f1d4";
}

.la.la-tencent-weibo {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-qq {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-weixin {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-wechat {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-wechat:before {
  content: "\f1d7";
}

.la.la-send:before {
  content: "\f1d8";
}

.la.la-paper-plane-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-paper-plane-o:before {
  content: "\f1d8";
}

.la.la-send-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-send-o:before {
  content: "\f1d8";
}

.la.la-circle-thin {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-circle-thin:before {
  content: "\f111";
}

.la.la-header:before {
  content: "\f1dc";
}

.la.la-sliders:before {
  content: "\f1de";
}

.la.la-futbol-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-futbol-o:before {
  content: "\f1e3";
}

.la.la-soccer-ball-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-soccer-ball-o:before {
  content: "\f1e3";
}

.la.la-slideshare {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-twitch {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-yelp {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-newspaper-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-newspaper-o:before {
  content: "\f1ea";
}

.la.la-paypal {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-google-wallet {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-cc-visa {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-cc-mastercard {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-cc-discover {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-cc-amex {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-cc-paypal {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-cc-stripe {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-bell-slash-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-bell-slash-o:before {
  content: "\f1f6";
}

.la.la-trash:before {
  content: "\f2ed";
}

.la.la-copyright {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-eyedropper:before {
  content: "\f1fb";
}

.la.la-area-chart:before {
  content: "\f1fe";
}

.la.la-pie-chart:before {
  content: "\f200";
}

.la.la-line-chart:before {
  content: "\f201";
}

.la.la-lastfm {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-lastfm-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-ioxhost {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-angellist {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-cc {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-cc:before {
  content: "\f20a";
}

.la.la-ils:before {
  content: "\f20b";
}

.la.la-shekel:before {
  content: "\f20b";
}

.la.la-sheqel:before {
  content: "\f20b";
}

.la.la-meanpath {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-meanpath:before {
  content: "\f2b4";
}

.la.la-buysellads {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-connectdevelop {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-dashcube {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-forumbee {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-leanpub {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-sellsy {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-shirtsinbulk {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-simplybuilt {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-skyatlas {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-diamond {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-diamond:before {
  content: "\f3a5";
}

.la.la-intersex:before {
  content: "\f224";
}

.la.la-facebook-official {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-facebook-official:before {
  content: "\f09a";
}

.la.la-pinterest-p {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-whatsapp {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-hotel:before {
  content: "\f236";
}

.la.la-viacoin {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-medium {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-y-combinator {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-yc {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-yc:before {
  content: "\f23b";
}

.la.la-optin-monster {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-opencart {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-expeditedssl {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-battery-4:before {
  content: "\f240";
}

.la.la-battery:before {
  content: "\f240";
}

.la.la-battery-3:before {
  content: "\f241";
}

.la.la-battery-2:before {
  content: "\f242";
}

.la.la-battery-1:before {
  content: "\f243";
}

.la.la-battery-0:before {
  content: "\f244";
}

.la.la-object-group {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-object-ungroup {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-sticky-note-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-sticky-note-o:before {
  content: "\f249";
}

.la.la-cc-jcb {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-cc-diners-club {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-clone {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-hourglass-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-hourglass-o:before {
  content: "\f254";
}

.la.la-hourglass-1:before {
  content: "\f251";
}

.la.la-hourglass-2:before {
  content: "\f252";
}

.la.la-hourglass-3:before {
  content: "\f253";
}

.la.la-hand-rock-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-hand-rock-o:before {
  content: "\f255";
}

.la.la-hand-grab-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-hand-grab-o:before {
  content: "\f255";
}

.la.la-hand-paper-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-hand-paper-o:before {
  content: "\f256";
}

.la.la-hand-stop-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-hand-stop-o:before {
  content: "\f256";
}

.la.la-hand-scissors-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-hand-scissors-o:before {
  content: "\f257";
}

.la.la-hand-lizard-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-hand-lizard-o:before {
  content: "\f258";
}

.la.la-hand-spock-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-hand-spock-o:before {
  content: "\f259";
}

.la.la-hand-pointer-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-hand-pointer-o:before {
  content: "\f25a";
}

.la.la-hand-peace-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-hand-peace-o:before {
  content: "\f25b";
}

.la.la-registered {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-creative-commons {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-gg {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-gg-circle {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-tripadvisor {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-odnoklassniki {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-odnoklassniki-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-get-pocket {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-wikipedia-w {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-safari {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-chrome {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-firefox {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-opera {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-internet-explorer {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-television:before {
  content: "\f26c";
}

.la.la-contao {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-500px {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-amazon {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-calendar-plus-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-calendar-plus-o:before {
  content: "\f271";
}

.la.la-calendar-minus-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-calendar-minus-o:before {
  content: "\f272";
}

.la.la-calendar-times-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-calendar-times-o:before {
  content: "\f273";
}

.la.la-calendar-check-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-calendar-check-o:before {
  content: "\f274";
}

.la.la-map-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-map-o:before {
  content: "\f279";
}

.la.la-commenting:before {
  content: "\f4ad";
}

.la.la-commenting-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-commenting-o:before {
  content: "\f4ad";
}

.la.la-houzz {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-vimeo {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-vimeo:before {
  content: "\f27d";
}

.la.la-black-tie {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-fonticons {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-reddit-alien {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-edge {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-credit-card-alt:before {
  content: "\f09d";
}

.la.la-codiepie {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-modx {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-fort-awesome {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-usb {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-product-hunt {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-mixcloud {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-scribd {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-pause-circle-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-pause-circle-o:before {
  content: "\f28b";
}

.la.la-stop-circle-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-stop-circle-o:before {
  content: "\f28d";
}

.la.la-bluetooth {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-bluetooth-b {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-gitlab {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-wpbeginner {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-wpforms {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-envira {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-wheelchair-alt {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-wheelchair-alt:before {
  content: "\f368";
}

.la.la-question-circle-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-question-circle-o:before {
  content: "\f059";
}

.la.la-volume-control-phone:before {
  content: "\f2a0";
}

.la.la-asl-interpreting:before {
  content: "\f2a3";
}

.la.la-deafness:before {
  content: "\f2a4";
}

.la.la-hard-of-hearing:before {
  content: "\f2a4";
}

.la.la-glide {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-glide-g {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-signing:before {
  content: "\f2a7";
}

.la.la-viadeo {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-viadeo-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-snapchat {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-snapchat-ghost {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-snapchat-square {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-pied-piper {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-first-order {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-yoast {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-themeisle {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-google-plus-official {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-google-plus-official:before {
  content: "\f2b3";
}

.la.la-google-plus-circle {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-google-plus-circle:before {
  content: "\f2b3";
}

.la.la-font-awesome {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-fa {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-fa:before {
  content: "\f2b4";
}

.la.la-handshake-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-handshake-o:before {
  content: "\f2b5";
}

.la.la-envelope-open-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-envelope-open-o:before {
  content: "\f2b6";
}

.la.la-linode {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-address-book-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-address-book-o:before {
  content: "\f2b9";
}

.la.la-vcard:before {
  content: "\f2bb";
}

.la.la-address-card-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-address-card-o:before {
  content: "\f2bb";
}

.la.la-vcard-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-vcard-o:before {
  content: "\f2bb";
}

.la.la-user-circle-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-user-circle-o:before {
  content: "\f2bd";
}

.la.la-user-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-user-o:before {
  content: "\f007";
}

.la.la-id-badge {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-drivers-license:before {
  content: "\f2c2";
}

.la.la-id-card-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-id-card-o:before {
  content: "\f2c2";
}

.la.la-drivers-license-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-drivers-license-o:before {
  content: "\f2c2";
}

.la.la-quora {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-free-code-camp {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-telegram {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-thermometer-4:before {
  content: "\f2c7";
}

.la.la-thermometer:before {
  content: "\f2c7";
}

.la.la-thermometer-3:before {
  content: "\f2c8";
}

.la.la-thermometer-2:before {
  content: "\f2c9";
}

.la.la-thermometer-1:before {
  content: "\f2ca";
}

.la.la-thermometer-0:before {
  content: "\f2cb";
}

.la.la-bathtub:before {
  content: "\f2cd";
}

.la.la-s15:before {
  content: "\f2cd";
}

.la.la-window-maximize {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-window-restore {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-times-rectangle:before {
  content: "\f410";
}

.la.la-window-close-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-window-close-o:before {
  content: "\f410";
}

.la.la-times-rectangle-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-times-rectangle-o:before {
  content: "\f410";
}

.la.la-bandcamp {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-grav {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-etsy {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-imdb {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-ravelry {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-eercast {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-eercast:before {
  content: "\f2da";
}

.la.la-snowflake-o {
  font-family: "Line Awesome Free";
  font-weight: 400;
}

.la.la-snowflake-o:before {
  content: "\f2dc";
}

.la.la-superpowers {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-wpexplorer {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

.la.la-spotify {
  font-family: "Line Awesome Brands";
  font-weight: 400;
}

@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url(/fonts/bootstrap-icons/bootstrap-icons.woff2?8d200481aa7f02a2d63a331fc782cfaf) format("woff2"), url(/fonts/bootstrap-icons/bootstrap-icons.woff?8d200481aa7f02a2d63a331fc782cfaf) format("woff");
}
.bi::before,
[class^=bi-]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bi-123::before {
  content: "\f67f";
}

.bi-alarm-fill::before {
  content: "\f101";
}

.bi-alarm::before {
  content: "\f102";
}

.bi-align-bottom::before {
  content: "\f103";
}

.bi-align-center::before {
  content: "\f104";
}

.bi-align-end::before {
  content: "\f105";
}

.bi-align-middle::before {
  content: "\f106";
}

.bi-align-start::before {
  content: "\f107";
}

.bi-align-top::before {
  content: "\f108";
}

.bi-alt::before {
  content: "\f109";
}

.bi-app-indicator::before {
  content: "\f10a";
}

.bi-app::before {
  content: "\f10b";
}

.bi-archive-fill::before {
  content: "\f10c";
}

.bi-archive::before {
  content: "\f10d";
}

.bi-arrow-90deg-down::before {
  content: "\f10e";
}

.bi-arrow-90deg-left::before {
  content: "\f10f";
}

.bi-arrow-90deg-right::before {
  content: "\f110";
}

.bi-arrow-90deg-up::before {
  content: "\f111";
}

.bi-arrow-bar-down::before {
  content: "\f112";
}

.bi-arrow-bar-left::before {
  content: "\f113";
}

.bi-arrow-bar-right::before {
  content: "\f114";
}

.bi-arrow-bar-up::before {
  content: "\f115";
}

.bi-arrow-clockwise::before {
  content: "\f116";
}

.bi-arrow-counterclockwise::before {
  content: "\f117";
}

.bi-arrow-down-circle-fill::before {
  content: "\f118";
}

.bi-arrow-down-circle::before {
  content: "\f119";
}

.bi-arrow-down-left-circle-fill::before {
  content: "\f11a";
}

.bi-arrow-down-left-circle::before {
  content: "\f11b";
}

.bi-arrow-down-left-square-fill::before {
  content: "\f11c";
}

.bi-arrow-down-left-square::before {
  content: "\f11d";
}

.bi-arrow-down-left::before {
  content: "\f11e";
}

.bi-arrow-down-right-circle-fill::before {
  content: "\f11f";
}

.bi-arrow-down-right-circle::before {
  content: "\f120";
}

.bi-arrow-down-right-square-fill::before {
  content: "\f121";
}

.bi-arrow-down-right-square::before {
  content: "\f122";
}

.bi-arrow-down-right::before {
  content: "\f123";
}

.bi-arrow-down-short::before {
  content: "\f124";
}

.bi-arrow-down-square-fill::before {
  content: "\f125";
}

.bi-arrow-down-square::before {
  content: "\f126";
}

.bi-arrow-down-up::before {
  content: "\f127";
}

.bi-arrow-down::before {
  content: "\f128";
}

.bi-arrow-left-circle-fill::before {
  content: "\f129";
}

.bi-arrow-left-circle::before {
  content: "\f12a";
}

.bi-arrow-left-right::before {
  content: "\f12b";
}

.bi-arrow-left-short::before {
  content: "\f12c";
}

.bi-arrow-left-square-fill::before {
  content: "\f12d";
}

.bi-arrow-left-square::before {
  content: "\f12e";
}

.bi-arrow-left::before {
  content: "\f12f";
}

.bi-arrow-repeat::before {
  content: "\f130";
}

.bi-arrow-return-left::before {
  content: "\f131";
}

.bi-arrow-return-right::before {
  content: "\f132";
}

.bi-arrow-right-circle-fill::before {
  content: "\f133";
}

.bi-arrow-right-circle::before {
  content: "\f134";
}

.bi-arrow-right-short::before {
  content: "\f135";
}

.bi-arrow-right-square-fill::before {
  content: "\f136";
}

.bi-arrow-right-square::before {
  content: "\f137";
}

.bi-arrow-right::before {
  content: "\f138";
}

.bi-arrow-up-circle-fill::before {
  content: "\f139";
}

.bi-arrow-up-circle::before {
  content: "\f13a";
}

.bi-arrow-up-left-circle-fill::before {
  content: "\f13b";
}

.bi-arrow-up-left-circle::before {
  content: "\f13c";
}

.bi-arrow-up-left-square-fill::before {
  content: "\f13d";
}

.bi-arrow-up-left-square::before {
  content: "\f13e";
}

.bi-arrow-up-left::before {
  content: "\f13f";
}

.bi-arrow-up-right-circle-fill::before {
  content: "\f140";
}

.bi-arrow-up-right-circle::before {
  content: "\f141";
}

.bi-arrow-up-right-square-fill::before {
  content: "\f142";
}

.bi-arrow-up-right-square::before {
  content: "\f143";
}

.bi-arrow-up-right::before {
  content: "\f144";
}

.bi-arrow-up-short::before {
  content: "\f145";
}

.bi-arrow-up-square-fill::before {
  content: "\f146";
}

.bi-arrow-up-square::before {
  content: "\f147";
}

.bi-arrow-up::before {
  content: "\f148";
}

.bi-arrows-angle-contract::before {
  content: "\f149";
}

.bi-arrows-angle-expand::before {
  content: "\f14a";
}

.bi-arrows-collapse::before {
  content: "\f14b";
}

.bi-arrows-expand::before {
  content: "\f14c";
}

.bi-arrows-fullscreen::before {
  content: "\f14d";
}

.bi-arrows-move::before {
  content: "\f14e";
}

.bi-aspect-ratio-fill::before {
  content: "\f14f";
}

.bi-aspect-ratio::before {
  content: "\f150";
}

.bi-asterisk::before {
  content: "\f151";
}

.bi-at::before {
  content: "\f152";
}

.bi-award-fill::before {
  content: "\f153";
}

.bi-award::before {
  content: "\f154";
}

.bi-back::before {
  content: "\f155";
}

.bi-backspace-fill::before {
  content: "\f156";
}

.bi-backspace-reverse-fill::before {
  content: "\f157";
}

.bi-backspace-reverse::before {
  content: "\f158";
}

.bi-backspace::before {
  content: "\f159";
}

.bi-badge-3d-fill::before {
  content: "\f15a";
}

.bi-badge-3d::before {
  content: "\f15b";
}

.bi-badge-4k-fill::before {
  content: "\f15c";
}

.bi-badge-4k::before {
  content: "\f15d";
}

.bi-badge-8k-fill::before {
  content: "\f15e";
}

.bi-badge-8k::before {
  content: "\f15f";
}

.bi-badge-ad-fill::before {
  content: "\f160";
}

.bi-badge-ad::before {
  content: "\f161";
}

.bi-badge-ar-fill::before {
  content: "\f162";
}

.bi-badge-ar::before {
  content: "\f163";
}

.bi-badge-cc-fill::before {
  content: "\f164";
}

.bi-badge-cc::before {
  content: "\f165";
}

.bi-badge-hd-fill::before {
  content: "\f166";
}

.bi-badge-hd::before {
  content: "\f167";
}

.bi-badge-tm-fill::before {
  content: "\f168";
}

.bi-badge-tm::before {
  content: "\f169";
}

.bi-badge-vo-fill::before {
  content: "\f16a";
}

.bi-badge-vo::before {
  content: "\f16b";
}

.bi-badge-vr-fill::before {
  content: "\f16c";
}

.bi-badge-vr::before {
  content: "\f16d";
}

.bi-badge-wc-fill::before {
  content: "\f16e";
}

.bi-badge-wc::before {
  content: "\f16f";
}

.bi-bag-check-fill::before {
  content: "\f170";
}

.bi-bag-check::before {
  content: "\f171";
}

.bi-bag-dash-fill::before {
  content: "\f172";
}

.bi-bag-dash::before {
  content: "\f173";
}

.bi-bag-fill::before {
  content: "\f174";
}

.bi-bag-plus-fill::before {
  content: "\f175";
}

.bi-bag-plus::before {
  content: "\f176";
}

.bi-bag-x-fill::before {
  content: "\f177";
}

.bi-bag-x::before {
  content: "\f178";
}

.bi-bag::before {
  content: "\f179";
}

.bi-bar-chart-fill::before {
  content: "\f17a";
}

.bi-bar-chart-line-fill::before {
  content: "\f17b";
}

.bi-bar-chart-line::before {
  content: "\f17c";
}

.bi-bar-chart-steps::before {
  content: "\f17d";
}

.bi-bar-chart::before {
  content: "\f17e";
}

.bi-basket-fill::before {
  content: "\f17f";
}

.bi-basket::before {
  content: "\f180";
}

.bi-basket2-fill::before {
  content: "\f181";
}

.bi-basket2::before {
  content: "\f182";
}

.bi-basket3-fill::before {
  content: "\f183";
}

.bi-basket3::before {
  content: "\f184";
}

.bi-battery-charging::before {
  content: "\f185";
}

.bi-battery-full::before {
  content: "\f186";
}

.bi-battery-half::before {
  content: "\f187";
}

.bi-battery::before {
  content: "\f188";
}

.bi-bell-fill::before {
  content: "\f189";
}

.bi-bell::before {
  content: "\f18a";
}

.bi-bezier::before {
  content: "\f18b";
}

.bi-bezier2::before {
  content: "\f18c";
}

.bi-bicycle::before {
  content: "\f18d";
}

.bi-binoculars-fill::before {
  content: "\f18e";
}

.bi-binoculars::before {
  content: "\f18f";
}

.bi-blockquote-left::before {
  content: "\f190";
}

.bi-blockquote-right::before {
  content: "\f191";
}

.bi-book-fill::before {
  content: "\f192";
}

.bi-book-half::before {
  content: "\f193";
}

.bi-book::before {
  content: "\f194";
}

.bi-bookmark-check-fill::before {
  content: "\f195";
}

.bi-bookmark-check::before {
  content: "\f196";
}

.bi-bookmark-dash-fill::before {
  content: "\f197";
}

.bi-bookmark-dash::before {
  content: "\f198";
}

.bi-bookmark-fill::before {
  content: "\f199";
}

.bi-bookmark-heart-fill::before {
  content: "\f19a";
}

.bi-bookmark-heart::before {
  content: "\f19b";
}

.bi-bookmark-plus-fill::before {
  content: "\f19c";
}

.bi-bookmark-plus::before {
  content: "\f19d";
}

.bi-bookmark-star-fill::before {
  content: "\f19e";
}

.bi-bookmark-star::before {
  content: "\f19f";
}

.bi-bookmark-x-fill::before {
  content: "\f1a0";
}

.bi-bookmark-x::before {
  content: "\f1a1";
}

.bi-bookmark::before {
  content: "\f1a2";
}

.bi-bookmarks-fill::before {
  content: "\f1a3";
}

.bi-bookmarks::before {
  content: "\f1a4";
}

.bi-bookshelf::before {
  content: "\f1a5";
}

.bi-bootstrap-fill::before {
  content: "\f1a6";
}

.bi-bootstrap-reboot::before {
  content: "\f1a7";
}

.bi-bootstrap::before {
  content: "\f1a8";
}

.bi-border-all::before {
  content: "\f1a9";
}

.bi-border-bottom::before {
  content: "\f1aa";
}

.bi-border-center::before {
  content: "\f1ab";
}

.bi-border-inner::before {
  content: "\f1ac";
}

.bi-border-left::before {
  content: "\f1ad";
}

.bi-border-middle::before {
  content: "\f1ae";
}

.bi-border-outer::before {
  content: "\f1af";
}

.bi-border-right::before {
  content: "\f1b0";
}

.bi-border-style::before {
  content: "\f1b1";
}

.bi-border-top::before {
  content: "\f1b2";
}

.bi-border-width::before {
  content: "\f1b3";
}

.bi-border::before {
  content: "\f1b4";
}

.bi-bounding-box-circles::before {
  content: "\f1b5";
}

.bi-bounding-box::before {
  content: "\f1b6";
}

.bi-box-arrow-down-left::before {
  content: "\f1b7";
}

.bi-box-arrow-down-right::before {
  content: "\f1b8";
}

.bi-box-arrow-down::before {
  content: "\f1b9";
}

.bi-box-arrow-in-down-left::before {
  content: "\f1ba";
}

.bi-box-arrow-in-down-right::before {
  content: "\f1bb";
}

.bi-box-arrow-in-down::before {
  content: "\f1bc";
}

.bi-box-arrow-in-left::before {
  content: "\f1bd";
}

.bi-box-arrow-in-right::before {
  content: "\f1be";
}

.bi-box-arrow-in-up-left::before {
  content: "\f1bf";
}

.bi-box-arrow-in-up-right::before {
  content: "\f1c0";
}

.bi-box-arrow-in-up::before {
  content: "\f1c1";
}

.bi-box-arrow-left::before {
  content: "\f1c2";
}

.bi-box-arrow-right::before {
  content: "\f1c3";
}

.bi-box-arrow-up-left::before {
  content: "\f1c4";
}

.bi-box-arrow-up-right::before {
  content: "\f1c5";
}

.bi-box-arrow-up::before {
  content: "\f1c6";
}

.bi-box-seam::before {
  content: "\f1c7";
}

.bi-box::before {
  content: "\f1c8";
}

.bi-braces::before {
  content: "\f1c9";
}

.bi-bricks::before {
  content: "\f1ca";
}

.bi-briefcase-fill::before {
  content: "\f1cb";
}

.bi-briefcase::before {
  content: "\f1cc";
}

.bi-brightness-alt-high-fill::before {
  content: "\f1cd";
}

.bi-brightness-alt-high::before {
  content: "\f1ce";
}

.bi-brightness-alt-low-fill::before {
  content: "\f1cf";
}

.bi-brightness-alt-low::before {
  content: "\f1d0";
}

.bi-brightness-high-fill::before {
  content: "\f1d1";
}

.bi-brightness-high::before {
  content: "\f1d2";
}

.bi-brightness-low-fill::before {
  content: "\f1d3";
}

.bi-brightness-low::before {
  content: "\f1d4";
}

.bi-broadcast-pin::before {
  content: "\f1d5";
}

.bi-broadcast::before {
  content: "\f1d6";
}

.bi-brush-fill::before {
  content: "\f1d7";
}

.bi-brush::before {
  content: "\f1d8";
}

.bi-bucket-fill::before {
  content: "\f1d9";
}

.bi-bucket::before {
  content: "\f1da";
}

.bi-bug-fill::before {
  content: "\f1db";
}

.bi-bug::before {
  content: "\f1dc";
}

.bi-building::before {
  content: "\f1dd";
}

.bi-bullseye::before {
  content: "\f1de";
}

.bi-calculator-fill::before {
  content: "\f1df";
}

.bi-calculator::before {
  content: "\f1e0";
}

.bi-calendar-check-fill::before {
  content: "\f1e1";
}

.bi-calendar-check::before {
  content: "\f1e2";
}

.bi-calendar-date-fill::before {
  content: "\f1e3";
}

.bi-calendar-date::before {
  content: "\f1e4";
}

.bi-calendar-day-fill::before {
  content: "\f1e5";
}

.bi-calendar-day::before {
  content: "\f1e6";
}

.bi-calendar-event-fill::before {
  content: "\f1e7";
}

.bi-calendar-event::before {
  content: "\f1e8";
}

.bi-calendar-fill::before {
  content: "\f1e9";
}

.bi-calendar-minus-fill::before {
  content: "\f1ea";
}

.bi-calendar-minus::before {
  content: "\f1eb";
}

.bi-calendar-month-fill::before {
  content: "\f1ec";
}

.bi-calendar-month::before {
  content: "\f1ed";
}

.bi-calendar-plus-fill::before {
  content: "\f1ee";
}

.bi-calendar-plus::before {
  content: "\f1ef";
}

.bi-calendar-range-fill::before {
  content: "\f1f0";
}

.bi-calendar-range::before {
  content: "\f1f1";
}

.bi-calendar-week-fill::before {
  content: "\f1f2";
}

.bi-calendar-week::before {
  content: "\f1f3";
}

.bi-calendar-x-fill::before {
  content: "\f1f4";
}

.bi-calendar-x::before {
  content: "\f1f5";
}

.bi-calendar::before {
  content: "\f1f6";
}

.bi-calendar2-check-fill::before {
  content: "\f1f7";
}

.bi-calendar2-check::before {
  content: "\f1f8";
}

.bi-calendar2-date-fill::before {
  content: "\f1f9";
}

.bi-calendar2-date::before {
  content: "\f1fa";
}

.bi-calendar2-day-fill::before {
  content: "\f1fb";
}

.bi-calendar2-day::before {
  content: "\f1fc";
}

.bi-calendar2-event-fill::before {
  content: "\f1fd";
}

.bi-calendar2-event::before {
  content: "\f1fe";
}

.bi-calendar2-fill::before {
  content: "\f1ff";
}

.bi-calendar2-minus-fill::before {
  content: "\f200";
}

.bi-calendar2-minus::before {
  content: "\f201";
}

.bi-calendar2-month-fill::before {
  content: "\f202";
}

.bi-calendar2-month::before {
  content: "\f203";
}

.bi-calendar2-plus-fill::before {
  content: "\f204";
}

.bi-calendar2-plus::before {
  content: "\f205";
}

.bi-calendar2-range-fill::before {
  content: "\f206";
}

.bi-calendar2-range::before {
  content: "\f207";
}

.bi-calendar2-week-fill::before {
  content: "\f208";
}

.bi-calendar2-week::before {
  content: "\f209";
}

.bi-calendar2-x-fill::before {
  content: "\f20a";
}

.bi-calendar2-x::before {
  content: "\f20b";
}

.bi-calendar2::before {
  content: "\f20c";
}

.bi-calendar3-event-fill::before {
  content: "\f20d";
}

.bi-calendar3-event::before {
  content: "\f20e";
}

.bi-calendar3-fill::before {
  content: "\f20f";
}

.bi-calendar3-range-fill::before {
  content: "\f210";
}

.bi-calendar3-range::before {
  content: "\f211";
}

.bi-calendar3-week-fill::before {
  content: "\f212";
}

.bi-calendar3-week::before {
  content: "\f213";
}

.bi-calendar3::before {
  content: "\f214";
}

.bi-calendar4-event::before {
  content: "\f215";
}

.bi-calendar4-range::before {
  content: "\f216";
}

.bi-calendar4-week::before {
  content: "\f217";
}

.bi-calendar4::before {
  content: "\f218";
}

.bi-camera-fill::before {
  content: "\f219";
}

.bi-camera-reels-fill::before {
  content: "\f21a";
}

.bi-camera-reels::before {
  content: "\f21b";
}

.bi-camera-video-fill::before {
  content: "\f21c";
}

.bi-camera-video-off-fill::before {
  content: "\f21d";
}

.bi-camera-video-off::before {
  content: "\f21e";
}

.bi-camera-video::before {
  content: "\f21f";
}

.bi-camera::before {
  content: "\f220";
}

.bi-camera2::before {
  content: "\f221";
}

.bi-capslock-fill::before {
  content: "\f222";
}

.bi-capslock::before {
  content: "\f223";
}

.bi-card-checklist::before {
  content: "\f224";
}

.bi-card-heading::before {
  content: "\f225";
}

.bi-card-image::before {
  content: "\f226";
}

.bi-card-list::before {
  content: "\f227";
}

.bi-card-text::before {
  content: "\f228";
}

.bi-caret-down-fill::before {
  content: "\f229";
}

.bi-caret-down-square-fill::before {
  content: "\f22a";
}

.bi-caret-down-square::before {
  content: "\f22b";
}

.bi-caret-down::before {
  content: "\f22c";
}

.bi-caret-left-fill::before {
  content: "\f22d";
}

.bi-caret-left-square-fill::before {
  content: "\f22e";
}

.bi-caret-left-square::before {
  content: "\f22f";
}

.bi-caret-left::before {
  content: "\f230";
}

.bi-caret-right-fill::before {
  content: "\f231";
}

.bi-caret-right-square-fill::before {
  content: "\f232";
}

.bi-caret-right-square::before {
  content: "\f233";
}

.bi-caret-right::before {
  content: "\f234";
}

.bi-caret-up-fill::before {
  content: "\f235";
}

.bi-caret-up-square-fill::before {
  content: "\f236";
}

.bi-caret-up-square::before {
  content: "\f237";
}

.bi-caret-up::before {
  content: "\f238";
}

.bi-cart-check-fill::before {
  content: "\f239";
}

.bi-cart-check::before {
  content: "\f23a";
}

.bi-cart-dash-fill::before {
  content: "\f23b";
}

.bi-cart-dash::before {
  content: "\f23c";
}

.bi-cart-fill::before {
  content: "\f23d";
}

.bi-cart-plus-fill::before {
  content: "\f23e";
}

.bi-cart-plus::before {
  content: "\f23f";
}

.bi-cart-x-fill::before {
  content: "\f240";
}

.bi-cart-x::before {
  content: "\f241";
}

.bi-cart::before {
  content: "\f242";
}

.bi-cart2::before {
  content: "\f243";
}

.bi-cart3::before {
  content: "\f244";
}

.bi-cart4::before {
  content: "\f245";
}

.bi-cash-stack::before {
  content: "\f246";
}

.bi-cash::before {
  content: "\f247";
}

.bi-cast::before {
  content: "\f248";
}

.bi-chat-dots-fill::before {
  content: "\f249";
}

.bi-chat-dots::before {
  content: "\f24a";
}

.bi-chat-fill::before {
  content: "\f24b";
}

.bi-chat-left-dots-fill::before {
  content: "\f24c";
}

.bi-chat-left-dots::before {
  content: "\f24d";
}

.bi-chat-left-fill::before {
  content: "\f24e";
}

.bi-chat-left-quote-fill::before {
  content: "\f24f";
}

.bi-chat-left-quote::before {
  content: "\f250";
}

.bi-chat-left-text-fill::before {
  content: "\f251";
}

.bi-chat-left-text::before {
  content: "\f252";
}

.bi-chat-left::before {
  content: "\f253";
}

.bi-chat-quote-fill::before {
  content: "\f254";
}

.bi-chat-quote::before {
  content: "\f255";
}

.bi-chat-right-dots-fill::before {
  content: "\f256";
}

.bi-chat-right-dots::before {
  content: "\f257";
}

.bi-chat-right-fill::before {
  content: "\f258";
}

.bi-chat-right-quote-fill::before {
  content: "\f259";
}

.bi-chat-right-quote::before {
  content: "\f25a";
}

.bi-chat-right-text-fill::before {
  content: "\f25b";
}

.bi-chat-right-text::before {
  content: "\f25c";
}

.bi-chat-right::before {
  content: "\f25d";
}

.bi-chat-square-dots-fill::before {
  content: "\f25e";
}

.bi-chat-square-dots::before {
  content: "\f25f";
}

.bi-chat-square-fill::before {
  content: "\f260";
}

.bi-chat-square-quote-fill::before {
  content: "\f261";
}

.bi-chat-square-quote::before {
  content: "\f262";
}

.bi-chat-square-text-fill::before {
  content: "\f263";
}

.bi-chat-square-text::before {
  content: "\f264";
}

.bi-chat-square::before {
  content: "\f265";
}

.bi-chat-text-fill::before {
  content: "\f266";
}

.bi-chat-text::before {
  content: "\f267";
}

.bi-chat::before {
  content: "\f268";
}

.bi-check-all::before {
  content: "\f269";
}

.bi-check-circle-fill::before {
  content: "\f26a";
}

.bi-check-circle::before {
  content: "\f26b";
}

.bi-check-square-fill::before {
  content: "\f26c";
}

.bi-check-square::before {
  content: "\f26d";
}

.bi-check::before {
  content: "\f26e";
}

.bi-check2-all::before {
  content: "\f26f";
}

.bi-check2-circle::before {
  content: "\f270";
}

.bi-check2-square::before {
  content: "\f271";
}

.bi-check2::before {
  content: "\f272";
}

.bi-chevron-bar-contract::before {
  content: "\f273";
}

.bi-chevron-bar-down::before {
  content: "\f274";
}

.bi-chevron-bar-expand::before {
  content: "\f275";
}

.bi-chevron-bar-left::before {
  content: "\f276";
}

.bi-chevron-bar-right::before {
  content: "\f277";
}

.bi-chevron-bar-up::before {
  content: "\f278";
}

.bi-chevron-compact-down::before {
  content: "\f279";
}

.bi-chevron-compact-left::before {
  content: "\f27a";
}

.bi-chevron-compact-right::before {
  content: "\f27b";
}

.bi-chevron-compact-up::before {
  content: "\f27c";
}

.bi-chevron-contract::before {
  content: "\f27d";
}

.bi-chevron-double-down::before {
  content: "\f27e";
}

.bi-chevron-double-left::before {
  content: "\f27f";
}

.bi-chevron-double-right::before {
  content: "\f280";
}

.bi-chevron-double-up::before {
  content: "\f281";
}

.bi-chevron-down::before {
  content: "\f282";
}

.bi-chevron-expand::before {
  content: "\f283";
}

.bi-chevron-left::before {
  content: "\f284";
}

.bi-chevron-right::before {
  content: "\f285";
}

.bi-chevron-up::before {
  content: "\f286";
}

.bi-circle-fill::before {
  content: "\f287";
}

.bi-circle-half::before {
  content: "\f288";
}

.bi-circle-square::before {
  content: "\f289";
}

.bi-circle::before {
  content: "\f28a";
}

.bi-clipboard-check::before {
  content: "\f28b";
}

.bi-clipboard-data::before {
  content: "\f28c";
}

.bi-clipboard-minus::before {
  content: "\f28d";
}

.bi-clipboard-plus::before {
  content: "\f28e";
}

.bi-clipboard-x::before {
  content: "\f28f";
}

.bi-clipboard::before {
  content: "\f290";
}

.bi-clock-fill::before {
  content: "\f291";
}

.bi-clock-history::before {
  content: "\f292";
}

.bi-clock::before {
  content: "\f293";
}

.bi-cloud-arrow-down-fill::before {
  content: "\f294";
}

.bi-cloud-arrow-down::before {
  content: "\f295";
}

.bi-cloud-arrow-up-fill::before {
  content: "\f296";
}

.bi-cloud-arrow-up::before {
  content: "\f297";
}

.bi-cloud-check-fill::before {
  content: "\f298";
}

.bi-cloud-check::before {
  content: "\f299";
}

.bi-cloud-download-fill::before {
  content: "\f29a";
}

.bi-cloud-download::before {
  content: "\f29b";
}

.bi-cloud-drizzle-fill::before {
  content: "\f29c";
}

.bi-cloud-drizzle::before {
  content: "\f29d";
}

.bi-cloud-fill::before {
  content: "\f29e";
}

.bi-cloud-fog-fill::before {
  content: "\f29f";
}

.bi-cloud-fog::before {
  content: "\f2a0";
}

.bi-cloud-fog2-fill::before {
  content: "\f2a1";
}

.bi-cloud-fog2::before {
  content: "\f2a2";
}

.bi-cloud-hail-fill::before {
  content: "\f2a3";
}

.bi-cloud-hail::before {
  content: "\f2a4";
}

.bi-cloud-haze-1::before {
  content: "\f2a5";
}

.bi-cloud-haze-fill::before {
  content: "\f2a6";
}

.bi-cloud-haze::before {
  content: "\f2a7";
}

.bi-cloud-haze2-fill::before {
  content: "\f2a8";
}

.bi-cloud-lightning-fill::before {
  content: "\f2a9";
}

.bi-cloud-lightning-rain-fill::before {
  content: "\f2aa";
}

.bi-cloud-lightning-rain::before {
  content: "\f2ab";
}

.bi-cloud-lightning::before {
  content: "\f2ac";
}

.bi-cloud-minus-fill::before {
  content: "\f2ad";
}

.bi-cloud-minus::before {
  content: "\f2ae";
}

.bi-cloud-moon-fill::before {
  content: "\f2af";
}

.bi-cloud-moon::before {
  content: "\f2b0";
}

.bi-cloud-plus-fill::before {
  content: "\f2b1";
}

.bi-cloud-plus::before {
  content: "\f2b2";
}

.bi-cloud-rain-fill::before {
  content: "\f2b3";
}

.bi-cloud-rain-heavy-fill::before {
  content: "\f2b4";
}

.bi-cloud-rain-heavy::before {
  content: "\f2b5";
}

.bi-cloud-rain::before {
  content: "\f2b6";
}

.bi-cloud-slash-fill::before {
  content: "\f2b7";
}

.bi-cloud-slash::before {
  content: "\f2b8";
}

.bi-cloud-sleet-fill::before {
  content: "\f2b9";
}

.bi-cloud-sleet::before {
  content: "\f2ba";
}

.bi-cloud-snow-fill::before {
  content: "\f2bb";
}

.bi-cloud-snow::before {
  content: "\f2bc";
}

.bi-cloud-sun-fill::before {
  content: "\f2bd";
}

.bi-cloud-sun::before {
  content: "\f2be";
}

.bi-cloud-upload-fill::before {
  content: "\f2bf";
}

.bi-cloud-upload::before {
  content: "\f2c0";
}

.bi-cloud::before {
  content: "\f2c1";
}

.bi-clouds-fill::before {
  content: "\f2c2";
}

.bi-clouds::before {
  content: "\f2c3";
}

.bi-cloudy-fill::before {
  content: "\f2c4";
}

.bi-cloudy::before {
  content: "\f2c5";
}

.bi-code-slash::before {
  content: "\f2c6";
}

.bi-code-square::before {
  content: "\f2c7";
}

.bi-code::before {
  content: "\f2c8";
}

.bi-collection-fill::before {
  content: "\f2c9";
}

.bi-collection-play-fill::before {
  content: "\f2ca";
}

.bi-collection-play::before {
  content: "\f2cb";
}

.bi-collection::before {
  content: "\f2cc";
}

.bi-columns-gap::before {
  content: "\f2cd";
}

.bi-columns::before {
  content: "\f2ce";
}

.bi-command::before {
  content: "\f2cf";
}

.bi-compass-fill::before {
  content: "\f2d0";
}

.bi-compass::before {
  content: "\f2d1";
}

.bi-cone-striped::before {
  content: "\f2d2";
}

.bi-cone::before {
  content: "\f2d3";
}

.bi-controller::before {
  content: "\f2d4";
}

.bi-cpu-fill::before {
  content: "\f2d5";
}

.bi-cpu::before {
  content: "\f2d6";
}

.bi-credit-card-2-back-fill::before {
  content: "\f2d7";
}

.bi-credit-card-2-back::before {
  content: "\f2d8";
}

.bi-credit-card-2-front-fill::before {
  content: "\f2d9";
}

.bi-credit-card-2-front::before {
  content: "\f2da";
}

.bi-credit-card-fill::before {
  content: "\f2db";
}

.bi-credit-card::before {
  content: "\f2dc";
}

.bi-crop::before {
  content: "\f2dd";
}

.bi-cup-fill::before {
  content: "\f2de";
}

.bi-cup-straw::before {
  content: "\f2df";
}

.bi-cup::before {
  content: "\f2e0";
}

.bi-cursor-fill::before {
  content: "\f2e1";
}

.bi-cursor-text::before {
  content: "\f2e2";
}

.bi-cursor::before {
  content: "\f2e3";
}

.bi-dash-circle-dotted::before {
  content: "\f2e4";
}

.bi-dash-circle-fill::before {
  content: "\f2e5";
}

.bi-dash-circle::before {
  content: "\f2e6";
}

.bi-dash-square-dotted::before {
  content: "\f2e7";
}

.bi-dash-square-fill::before {
  content: "\f2e8";
}

.bi-dash-square::before {
  content: "\f2e9";
}

.bi-dash::before {
  content: "\f2ea";
}

.bi-diagram-2-fill::before {
  content: "\f2eb";
}

.bi-diagram-2::before {
  content: "\f2ec";
}

.bi-diagram-3-fill::before {
  content: "\f2ed";
}

.bi-diagram-3::before {
  content: "\f2ee";
}

.bi-diamond-fill::before {
  content: "\f2ef";
}

.bi-diamond-half::before {
  content: "\f2f0";
}

.bi-diamond::before {
  content: "\f2f1";
}

.bi-dice-1-fill::before {
  content: "\f2f2";
}

.bi-dice-1::before {
  content: "\f2f3";
}

.bi-dice-2-fill::before {
  content: "\f2f4";
}

.bi-dice-2::before {
  content: "\f2f5";
}

.bi-dice-3-fill::before {
  content: "\f2f6";
}

.bi-dice-3::before {
  content: "\f2f7";
}

.bi-dice-4-fill::before {
  content: "\f2f8";
}

.bi-dice-4::before {
  content: "\f2f9";
}

.bi-dice-5-fill::before {
  content: "\f2fa";
}

.bi-dice-5::before {
  content: "\f2fb";
}

.bi-dice-6-fill::before {
  content: "\f2fc";
}

.bi-dice-6::before {
  content: "\f2fd";
}

.bi-disc-fill::before {
  content: "\f2fe";
}

.bi-disc::before {
  content: "\f2ff";
}

.bi-discord::before {
  content: "\f300";
}

.bi-display-fill::before {
  content: "\f301";
}

.bi-display::before {
  content: "\f302";
}

.bi-distribute-horizontal::before {
  content: "\f303";
}

.bi-distribute-vertical::before {
  content: "\f304";
}

.bi-door-closed-fill::before {
  content: "\f305";
}

.bi-door-closed::before {
  content: "\f306";
}

.bi-door-open-fill::before {
  content: "\f307";
}

.bi-door-open::before {
  content: "\f308";
}

.bi-dot::before {
  content: "\f309";
}

.bi-download::before {
  content: "\f30a";
}

.bi-droplet-fill::before {
  content: "\f30b";
}

.bi-droplet-half::before {
  content: "\f30c";
}

.bi-droplet::before {
  content: "\f30d";
}

.bi-earbuds::before {
  content: "\f30e";
}

.bi-easel-fill::before {
  content: "\f30f";
}

.bi-easel::before {
  content: "\f310";
}

.bi-egg-fill::before {
  content: "\f311";
}

.bi-egg-fried::before {
  content: "\f312";
}

.bi-egg::before {
  content: "\f313";
}

.bi-eject-fill::before {
  content: "\f314";
}

.bi-eject::before {
  content: "\f315";
}

.bi-emoji-angry-fill::before {
  content: "\f316";
}

.bi-emoji-angry::before {
  content: "\f317";
}

.bi-emoji-dizzy-fill::before {
  content: "\f318";
}

.bi-emoji-dizzy::before {
  content: "\f319";
}

.bi-emoji-expressionless-fill::before {
  content: "\f31a";
}

.bi-emoji-expressionless::before {
  content: "\f31b";
}

.bi-emoji-frown-fill::before {
  content: "\f31c";
}

.bi-emoji-frown::before {
  content: "\f31d";
}

.bi-emoji-heart-eyes-fill::before {
  content: "\f31e";
}

.bi-emoji-heart-eyes::before {
  content: "\f31f";
}

.bi-emoji-laughing-fill::before {
  content: "\f320";
}

.bi-emoji-laughing::before {
  content: "\f321";
}

.bi-emoji-neutral-fill::before {
  content: "\f322";
}

.bi-emoji-neutral::before {
  content: "\f323";
}

.bi-emoji-smile-fill::before {
  content: "\f324";
}

.bi-emoji-smile-upside-down-fill::before {
  content: "\f325";
}

.bi-emoji-smile-upside-down::before {
  content: "\f326";
}

.bi-emoji-smile::before {
  content: "\f327";
}

.bi-emoji-sunglasses-fill::before {
  content: "\f328";
}

.bi-emoji-sunglasses::before {
  content: "\f329";
}

.bi-emoji-wink-fill::before {
  content: "\f32a";
}

.bi-emoji-wink::before {
  content: "\f32b";
}

.bi-envelope-fill::before {
  content: "\f32c";
}

.bi-envelope-open-fill::before {
  content: "\f32d";
}

.bi-envelope-open::before {
  content: "\f32e";
}

.bi-envelope::before {
  content: "\f32f";
}

.bi-eraser-fill::before {
  content: "\f330";
}

.bi-eraser::before {
  content: "\f331";
}

.bi-exclamation-circle-fill::before {
  content: "\f332";
}

.bi-exclamation-circle::before {
  content: "\f333";
}

.bi-exclamation-diamond-fill::before {
  content: "\f334";
}

.bi-exclamation-diamond::before {
  content: "\f335";
}

.bi-exclamation-octagon-fill::before {
  content: "\f336";
}

.bi-exclamation-octagon::before {
  content: "\f337";
}

.bi-exclamation-square-fill::before {
  content: "\f338";
}

.bi-exclamation-square::before {
  content: "\f339";
}

.bi-exclamation-triangle-fill::before {
  content: "\f33a";
}

.bi-exclamation-triangle::before {
  content: "\f33b";
}

.bi-exclamation::before {
  content: "\f33c";
}

.bi-exclude::before {
  content: "\f33d";
}

.bi-eye-fill::before {
  content: "\f33e";
}

.bi-eye-slash-fill::before {
  content: "\f33f";
}

.bi-eye-slash::before {
  content: "\f340";
}

.bi-eye::before {
  content: "\f341";
}

.bi-eyedropper::before {
  content: "\f342";
}

.bi-eyeglasses::before {
  content: "\f343";
}

.bi-facebook::before {
  content: "\f344";
}

.bi-file-arrow-down-fill::before {
  content: "\f345";
}

.bi-file-arrow-down::before {
  content: "\f346";
}

.bi-file-arrow-up-fill::before {
  content: "\f347";
}

.bi-file-arrow-up::before {
  content: "\f348";
}

.bi-file-bar-graph-fill::before {
  content: "\f349";
}

.bi-file-bar-graph::before {
  content: "\f34a";
}

.bi-file-binary-fill::before {
  content: "\f34b";
}

.bi-file-binary::before {
  content: "\f34c";
}

.bi-file-break-fill::before {
  content: "\f34d";
}

.bi-file-break::before {
  content: "\f34e";
}

.bi-file-check-fill::before {
  content: "\f34f";
}

.bi-file-check::before {
  content: "\f350";
}

.bi-file-code-fill::before {
  content: "\f351";
}

.bi-file-code::before {
  content: "\f352";
}

.bi-file-diff-fill::before {
  content: "\f353";
}

.bi-file-diff::before {
  content: "\f354";
}

.bi-file-earmark-arrow-down-fill::before {
  content: "\f355";
}

.bi-file-earmark-arrow-down::before {
  content: "\f356";
}

.bi-file-earmark-arrow-up-fill::before {
  content: "\f357";
}

.bi-file-earmark-arrow-up::before {
  content: "\f358";
}

.bi-file-earmark-bar-graph-fill::before {
  content: "\f359";
}

.bi-file-earmark-bar-graph::before {
  content: "\f35a";
}

.bi-file-earmark-binary-fill::before {
  content: "\f35b";
}

.bi-file-earmark-binary::before {
  content: "\f35c";
}

.bi-file-earmark-break-fill::before {
  content: "\f35d";
}

.bi-file-earmark-break::before {
  content: "\f35e";
}

.bi-file-earmark-check-fill::before {
  content: "\f35f";
}

.bi-file-earmark-check::before {
  content: "\f360";
}

.bi-file-earmark-code-fill::before {
  content: "\f361";
}

.bi-file-earmark-code::before {
  content: "\f362";
}

.bi-file-earmark-diff-fill::before {
  content: "\f363";
}

.bi-file-earmark-diff::before {
  content: "\f364";
}

.bi-file-earmark-easel-fill::before {
  content: "\f365";
}

.bi-file-earmark-easel::before {
  content: "\f366";
}

.bi-file-earmark-excel-fill::before {
  content: "\f367";
}

.bi-file-earmark-excel::before {
  content: "\f368";
}

.bi-file-earmark-fill::before {
  content: "\f369";
}

.bi-file-earmark-font-fill::before {
  content: "\f36a";
}

.bi-file-earmark-font::before {
  content: "\f36b";
}

.bi-file-earmark-image-fill::before {
  content: "\f36c";
}

.bi-file-earmark-image::before {
  content: "\f36d";
}

.bi-file-earmark-lock-fill::before {
  content: "\f36e";
}

.bi-file-earmark-lock::before {
  content: "\f36f";
}

.bi-file-earmark-lock2-fill::before {
  content: "\f370";
}

.bi-file-earmark-lock2::before {
  content: "\f371";
}

.bi-file-earmark-medical-fill::before {
  content: "\f372";
}

.bi-file-earmark-medical::before {
  content: "\f373";
}

.bi-file-earmark-minus-fill::before {
  content: "\f374";
}

.bi-file-earmark-minus::before {
  content: "\f375";
}

.bi-file-earmark-music-fill::before {
  content: "\f376";
}

.bi-file-earmark-music::before {
  content: "\f377";
}

.bi-file-earmark-person-fill::before {
  content: "\f378";
}

.bi-file-earmark-person::before {
  content: "\f379";
}

.bi-file-earmark-play-fill::before {
  content: "\f37a";
}

.bi-file-earmark-play::before {
  content: "\f37b";
}

.bi-file-earmark-plus-fill::before {
  content: "\f37c";
}

.bi-file-earmark-plus::before {
  content: "\f37d";
}

.bi-file-earmark-post-fill::before {
  content: "\f37e";
}

.bi-file-earmark-post::before {
  content: "\f37f";
}

.bi-file-earmark-ppt-fill::before {
  content: "\f380";
}

.bi-file-earmark-ppt::before {
  content: "\f381";
}

.bi-file-earmark-richtext-fill::before {
  content: "\f382";
}

.bi-file-earmark-richtext::before {
  content: "\f383";
}

.bi-file-earmark-ruled-fill::before {
  content: "\f384";
}

.bi-file-earmark-ruled::before {
  content: "\f385";
}

.bi-file-earmark-slides-fill::before {
  content: "\f386";
}

.bi-file-earmark-slides::before {
  content: "\f387";
}

.bi-file-earmark-spreadsheet-fill::before {
  content: "\f388";
}

.bi-file-earmark-spreadsheet::before {
  content: "\f389";
}

.bi-file-earmark-text-fill::before {
  content: "\f38a";
}

.bi-file-earmark-text::before {
  content: "\f38b";
}

.bi-file-earmark-word-fill::before {
  content: "\f38c";
}

.bi-file-earmark-word::before {
  content: "\f38d";
}

.bi-file-earmark-x-fill::before {
  content: "\f38e";
}

.bi-file-earmark-x::before {
  content: "\f38f";
}

.bi-file-earmark-zip-fill::before {
  content: "\f390";
}

.bi-file-earmark-zip::before {
  content: "\f391";
}

.bi-file-earmark::before {
  content: "\f392";
}

.bi-file-easel-fill::before {
  content: "\f393";
}

.bi-file-easel::before {
  content: "\f394";
}

.bi-file-excel-fill::before {
  content: "\f395";
}

.bi-file-excel::before {
  content: "\f396";
}

.bi-file-fill::before {
  content: "\f397";
}

.bi-file-font-fill::before {
  content: "\f398";
}

.bi-file-font::before {
  content: "\f399";
}

.bi-file-image-fill::before {
  content: "\f39a";
}

.bi-file-image::before {
  content: "\f39b";
}

.bi-file-lock-fill::before {
  content: "\f39c";
}

.bi-file-lock::before {
  content: "\f39d";
}

.bi-file-lock2-fill::before {
  content: "\f39e";
}

.bi-file-lock2::before {
  content: "\f39f";
}

.bi-file-medical-fill::before {
  content: "\f3a0";
}

.bi-file-medical::before {
  content: "\f3a1";
}

.bi-file-minus-fill::before {
  content: "\f3a2";
}

.bi-file-minus::before {
  content: "\f3a3";
}

.bi-file-music-fill::before {
  content: "\f3a4";
}

.bi-file-music::before {
  content: "\f3a5";
}

.bi-file-person-fill::before {
  content: "\f3a6";
}

.bi-file-person::before {
  content: "\f3a7";
}

.bi-file-play-fill::before {
  content: "\f3a8";
}

.bi-file-play::before {
  content: "\f3a9";
}

.bi-file-plus-fill::before {
  content: "\f3aa";
}

.bi-file-plus::before {
  content: "\f3ab";
}

.bi-file-post-fill::before {
  content: "\f3ac";
}

.bi-file-post::before {
  content: "\f3ad";
}

.bi-file-ppt-fill::before {
  content: "\f3ae";
}

.bi-file-ppt::before {
  content: "\f3af";
}

.bi-file-richtext-fill::before {
  content: "\f3b0";
}

.bi-file-richtext::before {
  content: "\f3b1";
}

.bi-file-ruled-fill::before {
  content: "\f3b2";
}

.bi-file-ruled::before {
  content: "\f3b3";
}

.bi-file-slides-fill::before {
  content: "\f3b4";
}

.bi-file-slides::before {
  content: "\f3b5";
}

.bi-file-spreadsheet-fill::before {
  content: "\f3b6";
}

.bi-file-spreadsheet::before {
  content: "\f3b7";
}

.bi-file-text-fill::before {
  content: "\f3b8";
}

.bi-file-text::before {
  content: "\f3b9";
}

.bi-file-word-fill::before {
  content: "\f3ba";
}

.bi-file-word::before {
  content: "\f3bb";
}

.bi-file-x-fill::before {
  content: "\f3bc";
}

.bi-file-x::before {
  content: "\f3bd";
}

.bi-file-zip-fill::before {
  content: "\f3be";
}

.bi-file-zip::before {
  content: "\f3bf";
}

.bi-file::before {
  content: "\f3c0";
}

.bi-files-alt::before {
  content: "\f3c1";
}

.bi-files::before {
  content: "\f3c2";
}

.bi-film::before {
  content: "\f3c3";
}

.bi-filter-circle-fill::before {
  content: "\f3c4";
}

.bi-filter-circle::before {
  content: "\f3c5";
}

.bi-filter-left::before {
  content: "\f3c6";
}

.bi-filter-right::before {
  content: "\f3c7";
}

.bi-filter-square-fill::before {
  content: "\f3c8";
}

.bi-filter-square::before {
  content: "\f3c9";
}

.bi-filter::before {
  content: "\f3ca";
}

.bi-flag-fill::before {
  content: "\f3cb";
}

.bi-flag::before {
  content: "\f3cc";
}

.bi-flower1::before {
  content: "\f3cd";
}

.bi-flower2::before {
  content: "\f3ce";
}

.bi-flower3::before {
  content: "\f3cf";
}

.bi-folder-check::before {
  content: "\f3d0";
}

.bi-folder-fill::before {
  content: "\f3d1";
}

.bi-folder-minus::before {
  content: "\f3d2";
}

.bi-folder-plus::before {
  content: "\f3d3";
}

.bi-folder-symlink-fill::before {
  content: "\f3d4";
}

.bi-folder-symlink::before {
  content: "\f3d5";
}

.bi-folder-x::before {
  content: "\f3d6";
}

.bi-folder::before {
  content: "\f3d7";
}

.bi-folder2-open::before {
  content: "\f3d8";
}

.bi-folder2::before {
  content: "\f3d9";
}

.bi-fonts::before {
  content: "\f3da";
}

.bi-forward-fill::before {
  content: "\f3db";
}

.bi-forward::before {
  content: "\f3dc";
}

.bi-front::before {
  content: "\f3dd";
}

.bi-fullscreen-exit::before {
  content: "\f3de";
}

.bi-fullscreen::before {
  content: "\f3df";
}

.bi-funnel-fill::before {
  content: "\f3e0";
}

.bi-funnel::before {
  content: "\f3e1";
}

.bi-gear-fill::before {
  content: "\f3e2";
}

.bi-gear-wide-connected::before {
  content: "\f3e3";
}

.bi-gear-wide::before {
  content: "\f3e4";
}

.bi-gear::before {
  content: "\f3e5";
}

.bi-gem::before {
  content: "\f3e6";
}

.bi-geo-alt-fill::before {
  content: "\f3e7";
}

.bi-geo-alt::before {
  content: "\f3e8";
}

.bi-geo-fill::before {
  content: "\f3e9";
}

.bi-geo::before {
  content: "\f3ea";
}

.bi-gift-fill::before {
  content: "\f3eb";
}

.bi-gift::before {
  content: "\f3ec";
}

.bi-github::before {
  content: "\f3ed";
}

.bi-globe::before {
  content: "\f3ee";
}

.bi-globe2::before {
  content: "\f3ef";
}

.bi-google::before {
  content: "\f3f0";
}

.bi-graph-down::before {
  content: "\f3f1";
}

.bi-graph-up::before {
  content: "\f3f2";
}

.bi-grid-1x2-fill::before {
  content: "\f3f3";
}

.bi-grid-1x2::before {
  content: "\f3f4";
}

.bi-grid-3x2-gap-fill::before {
  content: "\f3f5";
}

.bi-grid-3x2-gap::before {
  content: "\f3f6";
}

.bi-grid-3x2::before {
  content: "\f3f7";
}

.bi-grid-3x3-gap-fill::before {
  content: "\f3f8";
}

.bi-grid-3x3-gap::before {
  content: "\f3f9";
}

.bi-grid-3x3::before {
  content: "\f3fa";
}

.bi-grid-fill::before {
  content: "\f3fb";
}

.bi-grid::before {
  content: "\f3fc";
}

.bi-grip-horizontal::before {
  content: "\f3fd";
}

.bi-grip-vertical::before {
  content: "\f3fe";
}

.bi-hammer::before {
  content: "\f3ff";
}

.bi-hand-index-fill::before {
  content: "\f400";
}

.bi-hand-index-thumb-fill::before {
  content: "\f401";
}

.bi-hand-index-thumb::before {
  content: "\f402";
}

.bi-hand-index::before {
  content: "\f403";
}

.bi-hand-thumbs-down-fill::before {
  content: "\f404";
}

.bi-hand-thumbs-down::before {
  content: "\f405";
}

.bi-hand-thumbs-up-fill::before {
  content: "\f406";
}

.bi-hand-thumbs-up::before {
  content: "\f407";
}

.bi-handbag-fill::before {
  content: "\f408";
}

.bi-handbag::before {
  content: "\f409";
}

.bi-hash::before {
  content: "\f40a";
}

.bi-hdd-fill::before {
  content: "\f40b";
}

.bi-hdd-network-fill::before {
  content: "\f40c";
}

.bi-hdd-network::before {
  content: "\f40d";
}

.bi-hdd-rack-fill::before {
  content: "\f40e";
}

.bi-hdd-rack::before {
  content: "\f40f";
}

.bi-hdd-stack-fill::before {
  content: "\f410";
}

.bi-hdd-stack::before {
  content: "\f411";
}

.bi-hdd::before {
  content: "\f412";
}

.bi-headphones::before {
  content: "\f413";
}

.bi-headset::before {
  content: "\f414";
}

.bi-heart-fill::before {
  content: "\f415";
}

.bi-heart-half::before {
  content: "\f416";
}

.bi-heart::before {
  content: "\f417";
}

.bi-heptagon-fill::before {
  content: "\f418";
}

.bi-heptagon-half::before {
  content: "\f419";
}

.bi-heptagon::before {
  content: "\f41a";
}

.bi-hexagon-fill::before {
  content: "\f41b";
}

.bi-hexagon-half::before {
  content: "\f41c";
}

.bi-hexagon::before {
  content: "\f41d";
}

.bi-hourglass-bottom::before {
  content: "\f41e";
}

.bi-hourglass-split::before {
  content: "\f41f";
}

.bi-hourglass-top::before {
  content: "\f420";
}

.bi-hourglass::before {
  content: "\f421";
}

.bi-house-door-fill::before {
  content: "\f422";
}

.bi-house-door::before {
  content: "\f423";
}

.bi-house-fill::before {
  content: "\f424";
}

.bi-house::before {
  content: "\f425";
}

.bi-hr::before {
  content: "\f426";
}

.bi-hurricane::before {
  content: "\f427";
}

.bi-image-alt::before {
  content: "\f428";
}

.bi-image-fill::before {
  content: "\f429";
}

.bi-image::before {
  content: "\f42a";
}

.bi-images::before {
  content: "\f42b";
}

.bi-inbox-fill::before {
  content: "\f42c";
}

.bi-inbox::before {
  content: "\f42d";
}

.bi-inboxes-fill::before {
  content: "\f42e";
}

.bi-inboxes::before {
  content: "\f42f";
}

.bi-info-circle-fill::before {
  content: "\f430";
}

.bi-info-circle::before {
  content: "\f431";
}

.bi-info-square-fill::before {
  content: "\f432";
}

.bi-info-square::before {
  content: "\f433";
}

.bi-info::before {
  content: "\f434";
}

.bi-input-cursor-text::before {
  content: "\f435";
}

.bi-input-cursor::before {
  content: "\f436";
}

.bi-instagram::before {
  content: "\f437";
}

.bi-intersect::before {
  content: "\f438";
}

.bi-journal-album::before {
  content: "\f439";
}

.bi-journal-arrow-down::before {
  content: "\f43a";
}

.bi-journal-arrow-up::before {
  content: "\f43b";
}

.bi-journal-bookmark-fill::before {
  content: "\f43c";
}

.bi-journal-bookmark::before {
  content: "\f43d";
}

.bi-journal-check::before {
  content: "\f43e";
}

.bi-journal-code::before {
  content: "\f43f";
}

.bi-journal-medical::before {
  content: "\f440";
}

.bi-journal-minus::before {
  content: "\f441";
}

.bi-journal-plus::before {
  content: "\f442";
}

.bi-journal-richtext::before {
  content: "\f443";
}

.bi-journal-text::before {
  content: "\f444";
}

.bi-journal-x::before {
  content: "\f445";
}

.bi-journal::before {
  content: "\f446";
}

.bi-journals::before {
  content: "\f447";
}

.bi-joystick::before {
  content: "\f448";
}

.bi-justify-left::before {
  content: "\f449";
}

.bi-justify-right::before {
  content: "\f44a";
}

.bi-justify::before {
  content: "\f44b";
}

.bi-kanban-fill::before {
  content: "\f44c";
}

.bi-kanban::before {
  content: "\f44d";
}

.bi-key-fill::before {
  content: "\f44e";
}

.bi-key::before {
  content: "\f44f";
}

.bi-keyboard-fill::before {
  content: "\f450";
}

.bi-keyboard::before {
  content: "\f451";
}

.bi-ladder::before {
  content: "\f452";
}

.bi-lamp-fill::before {
  content: "\f453";
}

.bi-lamp::before {
  content: "\f454";
}

.bi-laptop-fill::before {
  content: "\f455";
}

.bi-laptop::before {
  content: "\f456";
}

.bi-layer-backward::before {
  content: "\f457";
}

.bi-layer-forward::before {
  content: "\f458";
}

.bi-layers-fill::before {
  content: "\f459";
}

.bi-layers-half::before {
  content: "\f45a";
}

.bi-layers::before {
  content: "\f45b";
}

.bi-layout-sidebar-inset-reverse::before {
  content: "\f45c";
}

.bi-layout-sidebar-inset::before {
  content: "\f45d";
}

.bi-layout-sidebar-reverse::before {
  content: "\f45e";
}

.bi-layout-sidebar::before {
  content: "\f45f";
}

.bi-layout-split::before {
  content: "\f460";
}

.bi-layout-text-sidebar-reverse::before {
  content: "\f461";
}

.bi-layout-text-sidebar::before {
  content: "\f462";
}

.bi-layout-text-window-reverse::before {
  content: "\f463";
}

.bi-layout-text-window::before {
  content: "\f464";
}

.bi-layout-three-columns::before {
  content: "\f465";
}

.bi-layout-wtf::before {
  content: "\f466";
}

.bi-life-preserver::before {
  content: "\f467";
}

.bi-lightbulb-fill::before {
  content: "\f468";
}

.bi-lightbulb-off-fill::before {
  content: "\f469";
}

.bi-lightbulb-off::before {
  content: "\f46a";
}

.bi-lightbulb::before {
  content: "\f46b";
}

.bi-lightning-charge-fill::before {
  content: "\f46c";
}

.bi-lightning-charge::before {
  content: "\f46d";
}

.bi-lightning-fill::before {
  content: "\f46e";
}

.bi-lightning::before {
  content: "\f46f";
}

.bi-link-45deg::before {
  content: "\f470";
}

.bi-link::before {
  content: "\f471";
}

.bi-linkedin::before {
  content: "\f472";
}

.bi-list-check::before {
  content: "\f473";
}

.bi-list-nested::before {
  content: "\f474";
}

.bi-list-ol::before {
  content: "\f475";
}

.bi-list-stars::before {
  content: "\f476";
}

.bi-list-task::before {
  content: "\f477";
}

.bi-list-ul::before {
  content: "\f478";
}

.bi-list::before {
  content: "\f479";
}

.bi-lock-fill::before {
  content: "\f47a";
}

.bi-lock::before {
  content: "\f47b";
}

.bi-mailbox::before {
  content: "\f47c";
}

.bi-mailbox2::before {
  content: "\f47d";
}

.bi-map-fill::before {
  content: "\f47e";
}

.bi-map::before {
  content: "\f47f";
}

.bi-markdown-fill::before {
  content: "\f480";
}

.bi-markdown::before {
  content: "\f481";
}

.bi-mask::before {
  content: "\f482";
}

.bi-megaphone-fill::before {
  content: "\f483";
}

.bi-megaphone::before {
  content: "\f484";
}

.bi-menu-app-fill::before {
  content: "\f485";
}

.bi-menu-app::before {
  content: "\f486";
}

.bi-menu-button-fill::before {
  content: "\f487";
}

.bi-menu-button-wide-fill::before {
  content: "\f488";
}

.bi-menu-button-wide::before {
  content: "\f489";
}

.bi-menu-button::before {
  content: "\f48a";
}

.bi-menu-down::before {
  content: "\f48b";
}

.bi-menu-up::before {
  content: "\f48c";
}

.bi-mic-fill::before {
  content: "\f48d";
}

.bi-mic-mute-fill::before {
  content: "\f48e";
}

.bi-mic-mute::before {
  content: "\f48f";
}

.bi-mic::before {
  content: "\f490";
}

.bi-minecart-loaded::before {
  content: "\f491";
}

.bi-minecart::before {
  content: "\f492";
}

.bi-moisture::before {
  content: "\f493";
}

.bi-moon-fill::before {
  content: "\f494";
}

.bi-moon-stars-fill::before {
  content: "\f495";
}

.bi-moon-stars::before {
  content: "\f496";
}

.bi-moon::before {
  content: "\f497";
}

.bi-mouse-fill::before {
  content: "\f498";
}

.bi-mouse::before {
  content: "\f499";
}

.bi-mouse2-fill::before {
  content: "\f49a";
}

.bi-mouse2::before {
  content: "\f49b";
}

.bi-mouse3-fill::before {
  content: "\f49c";
}

.bi-mouse3::before {
  content: "\f49d";
}

.bi-music-note-beamed::before {
  content: "\f49e";
}

.bi-music-note-list::before {
  content: "\f49f";
}

.bi-music-note::before {
  content: "\f4a0";
}

.bi-music-player-fill::before {
  content: "\f4a1";
}

.bi-music-player::before {
  content: "\f4a2";
}

.bi-newspaper::before {
  content: "\f4a3";
}

.bi-node-minus-fill::before {
  content: "\f4a4";
}

.bi-node-minus::before {
  content: "\f4a5";
}

.bi-node-plus-fill::before {
  content: "\f4a6";
}

.bi-node-plus::before {
  content: "\f4a7";
}

.bi-nut-fill::before {
  content: "\f4a8";
}

.bi-nut::before {
  content: "\f4a9";
}

.bi-octagon-fill::before {
  content: "\f4aa";
}

.bi-octagon-half::before {
  content: "\f4ab";
}

.bi-octagon::before {
  content: "\f4ac";
}

.bi-option::before {
  content: "\f4ad";
}

.bi-outlet::before {
  content: "\f4ae";
}

.bi-paint-bucket::before {
  content: "\f4af";
}

.bi-palette-fill::before {
  content: "\f4b0";
}

.bi-palette::before {
  content: "\f4b1";
}

.bi-palette2::before {
  content: "\f4b2";
}

.bi-paperclip::before {
  content: "\f4b3";
}

.bi-paragraph::before {
  content: "\f4b4";
}

.bi-patch-check-fill::before {
  content: "\f4b5";
}

.bi-patch-check::before {
  content: "\f4b6";
}

.bi-patch-exclamation-fill::before {
  content: "\f4b7";
}

.bi-patch-exclamation::before {
  content: "\f4b8";
}

.bi-patch-minus-fill::before {
  content: "\f4b9";
}

.bi-patch-minus::before {
  content: "\f4ba";
}

.bi-patch-plus-fill::before {
  content: "\f4bb";
}

.bi-patch-plus::before {
  content: "\f4bc";
}

.bi-patch-question-fill::before {
  content: "\f4bd";
}

.bi-patch-question::before {
  content: "\f4be";
}

.bi-pause-btn-fill::before {
  content: "\f4bf";
}

.bi-pause-btn::before {
  content: "\f4c0";
}

.bi-pause-circle-fill::before {
  content: "\f4c1";
}

.bi-pause-circle::before {
  content: "\f4c2";
}

.bi-pause-fill::before {
  content: "\f4c3";
}

.bi-pause::before {
  content: "\f4c4";
}

.bi-peace-fill::before {
  content: "\f4c5";
}

.bi-peace::before {
  content: "\f4c6";
}

.bi-pen-fill::before {
  content: "\f4c7";
}

.bi-pen::before {
  content: "\f4c8";
}

.bi-pencil-fill::before {
  content: "\f4c9";
}

.bi-pencil-square::before {
  content: "\f4ca";
}

.bi-pencil::before {
  content: "\f4cb";
}

.bi-pentagon-fill::before {
  content: "\f4cc";
}

.bi-pentagon-half::before {
  content: "\f4cd";
}

.bi-pentagon::before {
  content: "\f4ce";
}

.bi-people-fill::before {
  content: "\f4cf";
}

.bi-people::before {
  content: "\f4d0";
}

.bi-percent::before {
  content: "\f4d1";
}

.bi-person-badge-fill::before {
  content: "\f4d2";
}

.bi-person-badge::before {
  content: "\f4d3";
}

.bi-person-bounding-box::before {
  content: "\f4d4";
}

.bi-person-check-fill::before {
  content: "\f4d5";
}

.bi-person-check::before {
  content: "\f4d6";
}

.bi-person-circle::before {
  content: "\f4d7";
}

.bi-person-dash-fill::before {
  content: "\f4d8";
}

.bi-person-dash::before {
  content: "\f4d9";
}

.bi-person-fill::before {
  content: "\f4da";
}

.bi-person-lines-fill::before {
  content: "\f4db";
}

.bi-person-plus-fill::before {
  content: "\f4dc";
}

.bi-person-plus::before {
  content: "\f4dd";
}

.bi-person-square::before {
  content: "\f4de";
}

.bi-person-x-fill::before {
  content: "\f4df";
}

.bi-person-x::before {
  content: "\f4e0";
}

.bi-person::before {
  content: "\f4e1";
}

.bi-phone-fill::before {
  content: "\f4e2";
}

.bi-phone-landscape-fill::before {
  content: "\f4e3";
}

.bi-phone-landscape::before {
  content: "\f4e4";
}

.bi-phone-vibrate-fill::before {
  content: "\f4e5";
}

.bi-phone-vibrate::before {
  content: "\f4e6";
}

.bi-phone::before {
  content: "\f4e7";
}

.bi-pie-chart-fill::before {
  content: "\f4e8";
}

.bi-pie-chart::before {
  content: "\f4e9";
}

.bi-pin-angle-fill::before {
  content: "\f4ea";
}

.bi-pin-angle::before {
  content: "\f4eb";
}

.bi-pin-fill::before {
  content: "\f4ec";
}

.bi-pin::before {
  content: "\f4ed";
}

.bi-pip-fill::before {
  content: "\f4ee";
}

.bi-pip::before {
  content: "\f4ef";
}

.bi-play-btn-fill::before {
  content: "\f4f0";
}

.bi-play-btn::before {
  content: "\f4f1";
}

.bi-play-circle-fill::before {
  content: "\f4f2";
}

.bi-play-circle::before {
  content: "\f4f3";
}

.bi-play-fill::before {
  content: "\f4f4";
}

.bi-play::before {
  content: "\f4f5";
}

.bi-plug-fill::before {
  content: "\f4f6";
}

.bi-plug::before {
  content: "\f4f7";
}

.bi-plus-circle-dotted::before {
  content: "\f4f8";
}

.bi-plus-circle-fill::before {
  content: "\f4f9";
}

.bi-plus-circle::before {
  content: "\f4fa";
}

.bi-plus-square-dotted::before {
  content: "\f4fb";
}

.bi-plus-square-fill::before {
  content: "\f4fc";
}

.bi-plus-square::before {
  content: "\f4fd";
}

.bi-plus::before {
  content: "\f4fe";
}

.bi-power::before {
  content: "\f4ff";
}

.bi-printer-fill::before {
  content: "\f500";
}

.bi-printer::before {
  content: "\f501";
}

.bi-puzzle-fill::before {
  content: "\f502";
}

.bi-puzzle::before {
  content: "\f503";
}

.bi-question-circle-fill::before {
  content: "\f504";
}

.bi-question-circle::before {
  content: "\f505";
}

.bi-question-diamond-fill::before {
  content: "\f506";
}

.bi-question-diamond::before {
  content: "\f507";
}

.bi-question-octagon-fill::before {
  content: "\f508";
}

.bi-question-octagon::before {
  content: "\f509";
}

.bi-question-square-fill::before {
  content: "\f50a";
}

.bi-question-square::before {
  content: "\f50b";
}

.bi-question::before {
  content: "\f50c";
}

.bi-rainbow::before {
  content: "\f50d";
}

.bi-receipt-cutoff::before {
  content: "\f50e";
}

.bi-receipt::before {
  content: "\f50f";
}

.bi-reception-0::before {
  content: "\f510";
}

.bi-reception-1::before {
  content: "\f511";
}

.bi-reception-2::before {
  content: "\f512";
}

.bi-reception-3::before {
  content: "\f513";
}

.bi-reception-4::before {
  content: "\f514";
}

.bi-record-btn-fill::before {
  content: "\f515";
}

.bi-record-btn::before {
  content: "\f516";
}

.bi-record-circle-fill::before {
  content: "\f517";
}

.bi-record-circle::before {
  content: "\f518";
}

.bi-record-fill::before {
  content: "\f519";
}

.bi-record::before {
  content: "\f51a";
}

.bi-record2-fill::before {
  content: "\f51b";
}

.bi-record2::before {
  content: "\f51c";
}

.bi-reply-all-fill::before {
  content: "\f51d";
}

.bi-reply-all::before {
  content: "\f51e";
}

.bi-reply-fill::before {
  content: "\f51f";
}

.bi-reply::before {
  content: "\f520";
}

.bi-rss-fill::before {
  content: "\f521";
}

.bi-rss::before {
  content: "\f522";
}

.bi-rulers::before {
  content: "\f523";
}

.bi-save-fill::before {
  content: "\f524";
}

.bi-save::before {
  content: "\f525";
}

.bi-save2-fill::before {
  content: "\f526";
}

.bi-save2::before {
  content: "\f527";
}

.bi-scissors::before {
  content: "\f528";
}

.bi-screwdriver::before {
  content: "\f529";
}

.bi-search::before {
  content: "\f52a";
}

.bi-segmented-nav::before {
  content: "\f52b";
}

.bi-server::before {
  content: "\f52c";
}

.bi-share-fill::before {
  content: "\f52d";
}

.bi-share::before {
  content: "\f52e";
}

.bi-shield-check::before {
  content: "\f52f";
}

.bi-shield-exclamation::before {
  content: "\f530";
}

.bi-shield-fill-check::before {
  content: "\f531";
}

.bi-shield-fill-exclamation::before {
  content: "\f532";
}

.bi-shield-fill-minus::before {
  content: "\f533";
}

.bi-shield-fill-plus::before {
  content: "\f534";
}

.bi-shield-fill-x::before {
  content: "\f535";
}

.bi-shield-fill::before {
  content: "\f536";
}

.bi-shield-lock-fill::before {
  content: "\f537";
}

.bi-shield-lock::before {
  content: "\f538";
}

.bi-shield-minus::before {
  content: "\f539";
}

.bi-shield-plus::before {
  content: "\f53a";
}

.bi-shield-shaded::before {
  content: "\f53b";
}

.bi-shield-slash-fill::before {
  content: "\f53c";
}

.bi-shield-slash::before {
  content: "\f53d";
}

.bi-shield-x::before {
  content: "\f53e";
}

.bi-shield::before {
  content: "\f53f";
}

.bi-shift-fill::before {
  content: "\f540";
}

.bi-shift::before {
  content: "\f541";
}

.bi-shop-window::before {
  content: "\f542";
}

.bi-shop::before {
  content: "\f543";
}

.bi-shuffle::before {
  content: "\f544";
}

.bi-signpost-2-fill::before {
  content: "\f545";
}

.bi-signpost-2::before {
  content: "\f546";
}

.bi-signpost-fill::before {
  content: "\f547";
}

.bi-signpost-split-fill::before {
  content: "\f548";
}

.bi-signpost-split::before {
  content: "\f549";
}

.bi-signpost::before {
  content: "\f54a";
}

.bi-sim-fill::before {
  content: "\f54b";
}

.bi-sim::before {
  content: "\f54c";
}

.bi-skip-backward-btn-fill::before {
  content: "\f54d";
}

.bi-skip-backward-btn::before {
  content: "\f54e";
}

.bi-skip-backward-circle-fill::before {
  content: "\f54f";
}

.bi-skip-backward-circle::before {
  content: "\f550";
}

.bi-skip-backward-fill::before {
  content: "\f551";
}

.bi-skip-backward::before {
  content: "\f552";
}

.bi-skip-end-btn-fill::before {
  content: "\f553";
}

.bi-skip-end-btn::before {
  content: "\f554";
}

.bi-skip-end-circle-fill::before {
  content: "\f555";
}

.bi-skip-end-circle::before {
  content: "\f556";
}

.bi-skip-end-fill::before {
  content: "\f557";
}

.bi-skip-end::before {
  content: "\f558";
}

.bi-skip-forward-btn-fill::before {
  content: "\f559";
}

.bi-skip-forward-btn::before {
  content: "\f55a";
}

.bi-skip-forward-circle-fill::before {
  content: "\f55b";
}

.bi-skip-forward-circle::before {
  content: "\f55c";
}

.bi-skip-forward-fill::before {
  content: "\f55d";
}

.bi-skip-forward::before {
  content: "\f55e";
}

.bi-skip-start-btn-fill::before {
  content: "\f55f";
}

.bi-skip-start-btn::before {
  content: "\f560";
}

.bi-skip-start-circle-fill::before {
  content: "\f561";
}

.bi-skip-start-circle::before {
  content: "\f562";
}

.bi-skip-start-fill::before {
  content: "\f563";
}

.bi-skip-start::before {
  content: "\f564";
}

.bi-slack::before {
  content: "\f565";
}

.bi-slash-circle-fill::before {
  content: "\f566";
}

.bi-slash-circle::before {
  content: "\f567";
}

.bi-slash-square-fill::before {
  content: "\f568";
}

.bi-slash-square::before {
  content: "\f569";
}

.bi-slash::before {
  content: "\f56a";
}

.bi-sliders::before {
  content: "\f56b";
}

.bi-smartwatch::before {
  content: "\f56c";
}

.bi-snow::before {
  content: "\f56d";
}

.bi-snow2::before {
  content: "\f56e";
}

.bi-snow3::before {
  content: "\f56f";
}

.bi-sort-alpha-down-alt::before {
  content: "\f570";
}

.bi-sort-alpha-down::before {
  content: "\f571";
}

.bi-sort-alpha-up-alt::before {
  content: "\f572";
}

.bi-sort-alpha-up::before {
  content: "\f573";
}

.bi-sort-down-alt::before {
  content: "\f574";
}

.bi-sort-down::before {
  content: "\f575";
}

.bi-sort-numeric-down-alt::before {
  content: "\f576";
}

.bi-sort-numeric-down::before {
  content: "\f577";
}

.bi-sort-numeric-up-alt::before {
  content: "\f578";
}

.bi-sort-numeric-up::before {
  content: "\f579";
}

.bi-sort-up-alt::before {
  content: "\f57a";
}

.bi-sort-up::before {
  content: "\f57b";
}

.bi-soundwave::before {
  content: "\f57c";
}

.bi-speaker-fill::before {
  content: "\f57d";
}

.bi-speaker::before {
  content: "\f57e";
}

.bi-speedometer::before {
  content: "\f57f";
}

.bi-speedometer2::before {
  content: "\f580";
}

.bi-spellcheck::before {
  content: "\f581";
}

.bi-square-fill::before {
  content: "\f582";
}

.bi-square-half::before {
  content: "\f583";
}

.bi-square::before {
  content: "\f584";
}

.bi-stack::before {
  content: "\f585";
}

.bi-star-fill::before {
  content: "\f586";
}

.bi-star-half::before {
  content: "\f587";
}

.bi-star::before {
  content: "\f588";
}

.bi-stars::before {
  content: "\f589";
}

.bi-stickies-fill::before {
  content: "\f58a";
}

.bi-stickies::before {
  content: "\f58b";
}

.bi-sticky-fill::before {
  content: "\f58c";
}

.bi-sticky::before {
  content: "\f58d";
}

.bi-stop-btn-fill::before {
  content: "\f58e";
}

.bi-stop-btn::before {
  content: "\f58f";
}

.bi-stop-circle-fill::before {
  content: "\f590";
}

.bi-stop-circle::before {
  content: "\f591";
}

.bi-stop-fill::before {
  content: "\f592";
}

.bi-stop::before {
  content: "\f593";
}

.bi-stoplights-fill::before {
  content: "\f594";
}

.bi-stoplights::before {
  content: "\f595";
}

.bi-stopwatch-fill::before {
  content: "\f596";
}

.bi-stopwatch::before {
  content: "\f597";
}

.bi-subtract::before {
  content: "\f598";
}

.bi-suit-club-fill::before {
  content: "\f599";
}

.bi-suit-club::before {
  content: "\f59a";
}

.bi-suit-diamond-fill::before {
  content: "\f59b";
}

.bi-suit-diamond::before {
  content: "\f59c";
}

.bi-suit-heart-fill::before {
  content: "\f59d";
}

.bi-suit-heart::before {
  content: "\f59e";
}

.bi-suit-spade-fill::before {
  content: "\f59f";
}

.bi-suit-spade::before {
  content: "\f5a0";
}

.bi-sun-fill::before {
  content: "\f5a1";
}

.bi-sun::before {
  content: "\f5a2";
}

.bi-sunglasses::before {
  content: "\f5a3";
}

.bi-sunrise-fill::before {
  content: "\f5a4";
}

.bi-sunrise::before {
  content: "\f5a5";
}

.bi-sunset-fill::before {
  content: "\f5a6";
}

.bi-sunset::before {
  content: "\f5a7";
}

.bi-symmetry-horizontal::before {
  content: "\f5a8";
}

.bi-symmetry-vertical::before {
  content: "\f5a9";
}

.bi-table::before {
  content: "\f5aa";
}

.bi-tablet-fill::before {
  content: "\f5ab";
}

.bi-tablet-landscape-fill::before {
  content: "\f5ac";
}

.bi-tablet-landscape::before {
  content: "\f5ad";
}

.bi-tablet::before {
  content: "\f5ae";
}

.bi-tag-fill::before {
  content: "\f5af";
}

.bi-tag::before {
  content: "\f5b0";
}

.bi-tags-fill::before {
  content: "\f5b1";
}

.bi-tags::before {
  content: "\f5b2";
}

.bi-telegram::before {
  content: "\f5b3";
}

.bi-telephone-fill::before {
  content: "\f5b4";
}

.bi-telephone-forward-fill::before {
  content: "\f5b5";
}

.bi-telephone-forward::before {
  content: "\f5b6";
}

.bi-telephone-inbound-fill::before {
  content: "\f5b7";
}

.bi-telephone-inbound::before {
  content: "\f5b8";
}

.bi-telephone-minus-fill::before {
  content: "\f5b9";
}

.bi-telephone-minus::before {
  content: "\f5ba";
}

.bi-telephone-outbound-fill::before {
  content: "\f5bb";
}

.bi-telephone-outbound::before {
  content: "\f5bc";
}

.bi-telephone-plus-fill::before {
  content: "\f5bd";
}

.bi-telephone-plus::before {
  content: "\f5be";
}

.bi-telephone-x-fill::before {
  content: "\f5bf";
}

.bi-telephone-x::before {
  content: "\f5c0";
}

.bi-telephone::before {
  content: "\f5c1";
}

.bi-terminal-fill::before {
  content: "\f5c2";
}

.bi-terminal::before {
  content: "\f5c3";
}

.bi-text-center::before {
  content: "\f5c4";
}

.bi-text-indent-left::before {
  content: "\f5c5";
}

.bi-text-indent-right::before {
  content: "\f5c6";
}

.bi-text-left::before {
  content: "\f5c7";
}

.bi-text-paragraph::before {
  content: "\f5c8";
}

.bi-text-right::before {
  content: "\f5c9";
}

.bi-textarea-resize::before {
  content: "\f5ca";
}

.bi-textarea-t::before {
  content: "\f5cb";
}

.bi-textarea::before {
  content: "\f5cc";
}

.bi-thermometer-half::before {
  content: "\f5cd";
}

.bi-thermometer-high::before {
  content: "\f5ce";
}

.bi-thermometer-low::before {
  content: "\f5cf";
}

.bi-thermometer-snow::before {
  content: "\f5d0";
}

.bi-thermometer-sun::before {
  content: "\f5d1";
}

.bi-thermometer::before {
  content: "\f5d2";
}

.bi-three-dots-vertical::before {
  content: "\f5d3";
}

.bi-three-dots::before {
  content: "\f5d4";
}

.bi-toggle-off::before {
  content: "\f5d5";
}

.bi-toggle-on::before {
  content: "\f5d6";
}

.bi-toggle2-off::before {
  content: "\f5d7";
}

.bi-toggle2-on::before {
  content: "\f5d8";
}

.bi-toggles::before {
  content: "\f5d9";
}

.bi-toggles2::before {
  content: "\f5da";
}

.bi-tools::before {
  content: "\f5db";
}

.bi-tornado::before {
  content: "\f5dc";
}

.bi-trash-fill::before {
  content: "\f5dd";
}

.bi-trash::before {
  content: "\f5de";
}

.bi-trash2-fill::before {
  content: "\f5df";
}

.bi-trash2::before {
  content: "\f5e0";
}

.bi-tree-fill::before {
  content: "\f5e1";
}

.bi-tree::before {
  content: "\f5e2";
}

.bi-triangle-fill::before {
  content: "\f5e3";
}

.bi-triangle-half::before {
  content: "\f5e4";
}

.bi-triangle::before {
  content: "\f5e5";
}

.bi-trophy-fill::before {
  content: "\f5e6";
}

.bi-trophy::before {
  content: "\f5e7";
}

.bi-tropical-storm::before {
  content: "\f5e8";
}

.bi-truck-flatbed::before {
  content: "\f5e9";
}

.bi-truck::before {
  content: "\f5ea";
}

.bi-tsunami::before {
  content: "\f5eb";
}

.bi-tv-fill::before {
  content: "\f5ec";
}

.bi-tv::before {
  content: "\f5ed";
}

.bi-twitch::before {
  content: "\f5ee";
}

.bi-twitter::before {
  content: "\f5ef";
}

.bi-type-bold::before {
  content: "\f5f0";
}

.bi-type-h1::before {
  content: "\f5f1";
}

.bi-type-h2::before {
  content: "\f5f2";
}

.bi-type-h3::before {
  content: "\f5f3";
}

.bi-type-italic::before {
  content: "\f5f4";
}

.bi-type-strikethrough::before {
  content: "\f5f5";
}

.bi-type-underline::before {
  content: "\f5f6";
}

.bi-type::before {
  content: "\f5f7";
}

.bi-ui-checks-grid::before {
  content: "\f5f8";
}

.bi-ui-checks::before {
  content: "\f5f9";
}

.bi-ui-radios-grid::before {
  content: "\f5fa";
}

.bi-ui-radios::before {
  content: "\f5fb";
}

.bi-umbrella-fill::before {
  content: "\f5fc";
}

.bi-umbrella::before {
  content: "\f5fd";
}

.bi-union::before {
  content: "\f5fe";
}

.bi-unlock-fill::before {
  content: "\f5ff";
}

.bi-unlock::before {
  content: "\f600";
}

.bi-upc-scan::before {
  content: "\f601";
}

.bi-upc::before {
  content: "\f602";
}

.bi-upload::before {
  content: "\f603";
}

.bi-vector-pen::before {
  content: "\f604";
}

.bi-view-list::before {
  content: "\f605";
}

.bi-view-stacked::before {
  content: "\f606";
}

.bi-vinyl-fill::before {
  content: "\f607";
}

.bi-vinyl::before {
  content: "\f608";
}

.bi-voicemail::before {
  content: "\f609";
}

.bi-volume-down-fill::before {
  content: "\f60a";
}

.bi-volume-down::before {
  content: "\f60b";
}

.bi-volume-mute-fill::before {
  content: "\f60c";
}

.bi-volume-mute::before {
  content: "\f60d";
}

.bi-volume-off-fill::before {
  content: "\f60e";
}

.bi-volume-off::before {
  content: "\f60f";
}

.bi-volume-up-fill::before {
  content: "\f610";
}

.bi-volume-up::before {
  content: "\f611";
}

.bi-vr::before {
  content: "\f612";
}

.bi-wallet-fill::before {
  content: "\f613";
}

.bi-wallet::before {
  content: "\f614";
}

.bi-wallet2::before {
  content: "\f615";
}

.bi-watch::before {
  content: "\f616";
}

.bi-water::before {
  content: "\f617";
}

.bi-whatsapp::before {
  content: "\f618";
}

.bi-wifi-1::before {
  content: "\f619";
}

.bi-wifi-2::before {
  content: "\f61a";
}

.bi-wifi-off::before {
  content: "\f61b";
}

.bi-wifi::before {
  content: "\f61c";
}

.bi-wind::before {
  content: "\f61d";
}

.bi-window-dock::before {
  content: "\f61e";
}

.bi-window-sidebar::before {
  content: "\f61f";
}

.bi-window::before {
  content: "\f620";
}

.bi-wrench::before {
  content: "\f621";
}

.bi-x-circle-fill::before {
  content: "\f622";
}

.bi-x-circle::before {
  content: "\f623";
}

.bi-x-diamond-fill::before {
  content: "\f624";
}

.bi-x-diamond::before {
  content: "\f625";
}

.bi-x-octagon-fill::before {
  content: "\f626";
}

.bi-x-octagon::before {
  content: "\f627";
}

.bi-x-square-fill::before {
  content: "\f628";
}

.bi-x-square::before {
  content: "\f629";
}

.bi-x::before {
  content: "\f62a";
}

.bi-youtube::before {
  content: "\f62b";
}

.bi-zoom-in::before {
  content: "\f62c";
}

.bi-zoom-out::before {
  content: "\f62d";
}

.bi-bank::before {
  content: "\f62e";
}

.bi-bank2::before {
  content: "\f62f";
}

.bi-bell-slash-fill::before {
  content: "\f630";
}

.bi-bell-slash::before {
  content: "\f631";
}

.bi-cash-coin::before {
  content: "\f632";
}

.bi-check-lg::before {
  content: "\f633";
}

.bi-coin::before {
  content: "\f634";
}

.bi-currency-bitcoin::before {
  content: "\f635";
}

.bi-currency-dollar::before {
  content: "\f636";
}

.bi-currency-euro::before {
  content: "\f637";
}

.bi-currency-exchange::before {
  content: "\f638";
}

.bi-currency-pound::before {
  content: "\f639";
}

.bi-currency-yen::before {
  content: "\f63a";
}

.bi-dash-lg::before {
  content: "\f63b";
}

.bi-exclamation-lg::before {
  content: "\f63c";
}

.bi-file-earmark-pdf-fill::before {
  content: "\f63d";
}

.bi-file-earmark-pdf::before {
  content: "\f63e";
}

.bi-file-pdf-fill::before {
  content: "\f63f";
}

.bi-file-pdf::before {
  content: "\f640";
}

.bi-gender-ambiguous::before {
  content: "\f641";
}

.bi-gender-female::before {
  content: "\f642";
}

.bi-gender-male::before {
  content: "\f643";
}

.bi-gender-trans::before {
  content: "\f644";
}

.bi-headset-vr::before {
  content: "\f645";
}

.bi-info-lg::before {
  content: "\f646";
}

.bi-mastodon::before {
  content: "\f647";
}

.bi-messenger::before {
  content: "\f648";
}

.bi-piggy-bank-fill::before {
  content: "\f649";
}

.bi-piggy-bank::before {
  content: "\f64a";
}

.bi-pin-map-fill::before {
  content: "\f64b";
}

.bi-pin-map::before {
  content: "\f64c";
}

.bi-plus-lg::before {
  content: "\f64d";
}

.bi-question-lg::before {
  content: "\f64e";
}

.bi-recycle::before {
  content: "\f64f";
}

.bi-reddit::before {
  content: "\f650";
}

.bi-safe-fill::before {
  content: "\f651";
}

.bi-safe2-fill::before {
  content: "\f652";
}

.bi-safe2::before {
  content: "\f653";
}

.bi-sd-card-fill::before {
  content: "\f654";
}

.bi-sd-card::before {
  content: "\f655";
}

.bi-skype::before {
  content: "\f656";
}

.bi-slash-lg::before {
  content: "\f657";
}

.bi-translate::before {
  content: "\f658";
}

.bi-x-lg::before {
  content: "\f659";
}

.bi-safe::before {
  content: "\f65a";
}

.bi-apple::before {
  content: "\f65b";
}

.bi-microsoft::before {
  content: "\f65d";
}

.bi-windows::before {
  content: "\f65e";
}

.bi-behance::before {
  content: "\f65c";
}

.bi-dribbble::before {
  content: "\f65f";
}

.bi-line::before {
  content: "\f660";
}

.bi-medium::before {
  content: "\f661";
}

.bi-paypal::before {
  content: "\f662";
}

.bi-pinterest::before {
  content: "\f663";
}

.bi-signal::before {
  content: "\f664";
}

.bi-snapchat::before {
  content: "\f665";
}

.bi-spotify::before {
  content: "\f666";
}

.bi-stack-overflow::before {
  content: "\f667";
}

.bi-strava::before {
  content: "\f668";
}

.bi-wordpress::before {
  content: "\f669";
}

.bi-vimeo::before {
  content: "\f66a";
}

.bi-activity::before {
  content: "\f66b";
}

.bi-easel2-fill::before {
  content: "\f66c";
}

.bi-easel2::before {
  content: "\f66d";
}

.bi-easel3-fill::before {
  content: "\f66e";
}

.bi-easel3::before {
  content: "\f66f";
}

.bi-fan::before {
  content: "\f670";
}

.bi-fingerprint::before {
  content: "\f671";
}

.bi-graph-down-arrow::before {
  content: "\f672";
}

.bi-graph-up-arrow::before {
  content: "\f673";
}

.bi-hypnotize::before {
  content: "\f674";
}

.bi-magic::before {
  content: "\f675";
}

.bi-person-rolodex::before {
  content: "\f676";
}

.bi-person-video::before {
  content: "\f677";
}

.bi-person-video2::before {
  content: "\f678";
}

.bi-person-video3::before {
  content: "\f679";
}

.bi-person-workspace::before {
  content: "\f67a";
}

.bi-radioactive::before {
  content: "\f67b";
}

.bi-webcam-fill::before {
  content: "\f67c";
}

.bi-webcam::before {
  content: "\f67d";
}

.bi-yin-yang::before {
  content: "\f67e";
}

.bi-bandaid-fill::before {
  content: "\f680";
}

.bi-bandaid::before {
  content: "\f681";
}

.bi-bluetooth::before {
  content: "\f682";
}

.bi-body-text::before {
  content: "\f683";
}

.bi-boombox::before {
  content: "\f684";
}

.bi-boxes::before {
  content: "\f685";
}

.bi-dpad-fill::before {
  content: "\f686";
}

.bi-dpad::before {
  content: "\f687";
}

.bi-ear-fill::before {
  content: "\f688";
}

.bi-ear::before {
  content: "\f689";
}

.bi-envelope-check-1::before {
  content: "\f68a";
}

.bi-envelope-check-fill::before {
  content: "\f68b";
}

.bi-envelope-check::before {
  content: "\f68c";
}

.bi-envelope-dash-1::before {
  content: "\f68d";
}

.bi-envelope-dash-fill::before {
  content: "\f68e";
}

.bi-envelope-dash::before {
  content: "\f68f";
}

.bi-envelope-exclamation-1::before {
  content: "\f690";
}

.bi-envelope-exclamation-fill::before {
  content: "\f691";
}

.bi-envelope-exclamation::before {
  content: "\f692";
}

.bi-envelope-plus-fill::before {
  content: "\f693";
}

.bi-envelope-plus::before {
  content: "\f694";
}

.bi-envelope-slash-1::before {
  content: "\f695";
}

.bi-envelope-slash-fill::before {
  content: "\f696";
}

.bi-envelope-slash::before {
  content: "\f697";
}

.bi-envelope-x-1::before {
  content: "\f698";
}

.bi-envelope-x-fill::before {
  content: "\f699";
}

.bi-envelope-x::before {
  content: "\f69a";
}

.bi-explicit-fill::before {
  content: "\f69b";
}

.bi-explicit::before {
  content: "\f69c";
}

.bi-git::before {
  content: "\f69d";
}

.bi-infinity::before {
  content: "\f69e";
}

.bi-list-columns-reverse::before {
  content: "\f69f";
}

.bi-list-columns::before {
  content: "\f6a0";
}

.bi-meta::before {
  content: "\f6a1";
}

.bi-mortorboard-fill::before {
  content: "\f6a2";
}

.bi-mortorboard::before {
  content: "\f6a3";
}

.bi-nintendo-switch::before {
  content: "\f6a4";
}

.bi-pc-display-horizontal::before {
  content: "\f6a5";
}

.bi-pc-display::before {
  content: "\f6a6";
}

.bi-pc-horizontal::before {
  content: "\f6a7";
}

.bi-pc::before {
  content: "\f6a8";
}

.bi-playstation::before {
  content: "\f6a9";
}

.bi-plus-slash-minus::before {
  content: "\f6aa";
}

.bi-projector-fill::before {
  content: "\f6ab";
}

.bi-projector::before {
  content: "\f6ac";
}

.bi-qr-code-scan::before {
  content: "\f6ad";
}

.bi-qr-code::before {
  content: "\f6ae";
}

.bi-quora::before {
  content: "\f6af";
}

.bi-quote::before {
  content: "\f6b0";
}

.bi-robot::before {
  content: "\f6b1";
}

.bi-send-check-fill::before {
  content: "\f6b2";
}

.bi-send-check::before {
  content: "\f6b3";
}

.bi-send-dash-fill::before {
  content: "\f6b4";
}

.bi-send-dash::before {
  content: "\f6b5";
}

.bi-send-exclamation-1::before {
  content: "\f6b6";
}

.bi-send-exclamation-fill::before {
  content: "\f6b7";
}

.bi-send-exclamation::before {
  content: "\f6b8";
}

.bi-send-fill::before {
  content: "\f6b9";
}

.bi-send-plus-fill::before {
  content: "\f6ba";
}

.bi-send-plus::before {
  content: "\f6bb";
}

.bi-send-slash-fill::before {
  content: "\f6bc";
}

.bi-send-slash::before {
  content: "\f6bd";
}

.bi-send-x-fill::before {
  content: "\f6be";
}

.bi-send-x::before {
  content: "\f6bf";
}

.bi-send::before {
  content: "\f6c0";
}

.bi-steam::before {
  content: "\f6c1";
}

.bi-terminal-dash-1::before {
  content: "\f6c2";
}

.bi-terminal-dash::before {
  content: "\f6c3";
}

.bi-terminal-plus::before {
  content: "\f6c4";
}

.bi-terminal-split::before {
  content: "\f6c5";
}

.bi-ticket-detailed-fill::before {
  content: "\f6c6";
}

.bi-ticket-detailed::before {
  content: "\f6c7";
}

.bi-ticket-fill::before {
  content: "\f6c8";
}

.bi-ticket-perforated-fill::before {
  content: "\f6c9";
}

.bi-ticket-perforated::before {
  content: "\f6ca";
}

.bi-ticket::before {
  content: "\f6cb";
}

.bi-tiktok::before {
  content: "\f6cc";
}

.bi-window-dash::before {
  content: "\f6cd";
}

.bi-window-desktop::before {
  content: "\f6ce";
}

.bi-window-fullscreen::before {
  content: "\f6cf";
}

.bi-window-plus::before {
  content: "\f6d0";
}

.bi-window-split::before {
  content: "\f6d1";
}

.bi-window-stack::before {
  content: "\f6d2";
}

.bi-window-x::before {
  content: "\f6d3";
}

.bi-xbox::before {
  content: "\f6d4";
}

.bi-ethernet::before {
  content: "\f6d5";
}

.bi-hdmi-fill::before {
  content: "\f6d6";
}

.bi-hdmi::before {
  content: "\f6d7";
}

.bi-usb-c-fill::before {
  content: "\f6d8";
}

.bi-usb-c::before {
  content: "\f6d9";
}

.bi-usb-fill::before {
  content: "\f6da";
}

.bi-usb-plug-fill::before {
  content: "\f6db";
}

.bi-usb-plug::before {
  content: "\f6dc";
}

.bi-usb-symbol::before {
  content: "\f6dd";
}

.bi-usb::before {
  content: "\f6de";
}

.bi-boombox-fill::before {
  content: "\f6df";
}

.bi-displayport-1::before {
  content: "\f6e0";
}

.bi-displayport::before {
  content: "\f6e1";
}

.bi-gpu-card::before {
  content: "\f6e2";
}

.bi-memory::before {
  content: "\f6e3";
}

.bi-modem-fill::before {
  content: "\f6e4";
}

.bi-modem::before {
  content: "\f6e5";
}

.bi-motherboard-fill::before {
  content: "\f6e6";
}

.bi-motherboard::before {
  content: "\f6e7";
}

.bi-optical-audio-fill::before {
  content: "\f6e8";
}

.bi-optical-audio::before {
  content: "\f6e9";
}

.bi-pci-card::before {
  content: "\f6ea";
}

.bi-router-fill::before {
  content: "\f6eb";
}

.bi-router::before {
  content: "\f6ec";
}

.bi-ssd-fill::before {
  content: "\f6ed";
}

.bi-ssd::before {
  content: "\f6ee";
}

.bi-thunderbolt-fill::before {
  content: "\f6ef";
}

.bi-thunderbolt::before {
  content: "\f6f0";
}

.bi-usb-drive-fill::before {
  content: "\f6f1";
}

.bi-usb-drive::before {
  content: "\f6f2";
}

.bi-usb-micro-fill::before {
  content: "\f6f3";
}

.bi-usb-micro::before {
  content: "\f6f4";
}

.bi-usb-mini-fill::before {
  content: "\f6f5";
}

.bi-usb-mini::before {
  content: "\f6f6";
}

.bi-cloud-haze2::before {
  content: "\f6f7";
}

.bi-device-hdd-fill::before {
  content: "\f6f8";
}

.bi-device-hdd::before {
  content: "\f6f9";
}

.bi-device-ssd-fill::before {
  content: "\f6fa";
}

.bi-device-ssd::before {
  content: "\f6fb";
}

.bi-displayport-fill::before {
  content: "\f6fc";
}

.bi-mortarboard-fill::before {
  content: "\f6fd";
}

.bi-mortarboard::before {
  content: "\f6fe";
}

.bi-terminal-x::before {
  content: "\f6ff";
}

.bi-arrow-through-heart-fill::before {
  content: "\f700";
}

.bi-arrow-through-heart::before {
  content: "\f701";
}

.bi-badge-sd-fill::before {
  content: "\f702";
}

.bi-badge-sd::before {
  content: "\f703";
}

.bi-bag-heart-fill::before {
  content: "\f704";
}

.bi-bag-heart::before {
  content: "\f705";
}

.bi-balloon-fill::before {
  content: "\f706";
}

.bi-balloon-heart-fill::before {
  content: "\f707";
}

.bi-balloon-heart::before {
  content: "\f708";
}

.bi-balloon::before {
  content: "\f709";
}

.bi-box2-fill::before {
  content: "\f70a";
}

.bi-box2-heart-fill::before {
  content: "\f70b";
}

.bi-box2-heart::before {
  content: "\f70c";
}

.bi-box2::before {
  content: "\f70d";
}

.bi-braces-asterisk::before {
  content: "\f70e";
}

.bi-calendar-heart-fill::before {
  content: "\f70f";
}

.bi-calendar-heart::before {
  content: "\f710";
}

.bi-calendar2-heart-fill::before {
  content: "\f711";
}

.bi-calendar2-heart::before {
  content: "\f712";
}

.bi-chat-heart-fill::before {
  content: "\f713";
}

.bi-chat-heart::before {
  content: "\f714";
}

.bi-chat-left-heart-fill::before {
  content: "\f715";
}

.bi-chat-left-heart::before {
  content: "\f716";
}

.bi-chat-right-heart-fill::before {
  content: "\f717";
}

.bi-chat-right-heart::before {
  content: "\f718";
}

.bi-chat-square-heart-fill::before {
  content: "\f719";
}

.bi-chat-square-heart::before {
  content: "\f71a";
}

.bi-clipboard-check-fill::before {
  content: "\f71b";
}

.bi-clipboard-data-fill::before {
  content: "\f71c";
}

.bi-clipboard-fill::before {
  content: "\f71d";
}

.bi-clipboard-heart-fill::before {
  content: "\f71e";
}

.bi-clipboard-heart::before {
  content: "\f71f";
}

.bi-clipboard-minus-fill::before {
  content: "\f720";
}

.bi-clipboard-plus-fill::before {
  content: "\f721";
}

.bi-clipboard-pulse::before {
  content: "\f722";
}

.bi-clipboard-x-fill::before {
  content: "\f723";
}

.bi-clipboard2-check-fill::before {
  content: "\f724";
}

.bi-clipboard2-check::before {
  content: "\f725";
}

.bi-clipboard2-data-fill::before {
  content: "\f726";
}

.bi-clipboard2-data::before {
  content: "\f727";
}

.bi-clipboard2-fill::before {
  content: "\f728";
}

.bi-clipboard2-heart-fill::before {
  content: "\f729";
}

.bi-clipboard2-heart::before {
  content: "\f72a";
}

.bi-clipboard2-minus-fill::before {
  content: "\f72b";
}

.bi-clipboard2-minus::before {
  content: "\f72c";
}

.bi-clipboard2-plus-fill::before {
  content: "\f72d";
}

.bi-clipboard2-plus::before {
  content: "\f72e";
}

.bi-clipboard2-pulse-fill::before {
  content: "\f72f";
}

.bi-clipboard2-pulse::before {
  content: "\f730";
}

.bi-clipboard2-x-fill::before {
  content: "\f731";
}

.bi-clipboard2-x::before {
  content: "\f732";
}

.bi-clipboard2::before {
  content: "\f733";
}

.bi-emoji-kiss-fill::before {
  content: "\f734";
}

.bi-emoji-kiss::before {
  content: "\f735";
}

.bi-envelope-heart-fill::before {
  content: "\f736";
}

.bi-envelope-heart::before {
  content: "\f737";
}

.bi-envelope-open-heart-fill::before {
  content: "\f738";
}

.bi-envelope-open-heart::before {
  content: "\f739";
}

.bi-envelope-paper-fill::before {
  content: "\f73a";
}

.bi-envelope-paper-heart-fill::before {
  content: "\f73b";
}

.bi-envelope-paper-heart::before {
  content: "\f73c";
}

.bi-envelope-paper::before {
  content: "\f73d";
}

.bi-filetype-aac::before {
  content: "\f73e";
}

.bi-filetype-ai::before {
  content: "\f73f";
}

.bi-filetype-bmp::before {
  content: "\f740";
}

.bi-filetype-cs::before {
  content: "\f741";
}

.bi-filetype-css::before {
  content: "\f742";
}

.bi-filetype-csv::before {
  content: "\f743";
}

.bi-filetype-doc::before {
  content: "\f744";
}

.bi-filetype-docx::before {
  content: "\f745";
}

.bi-filetype-exe::before {
  content: "\f746";
}

.bi-filetype-gif::before {
  content: "\f747";
}

.bi-filetype-heic::before {
  content: "\f748";
}

.bi-filetype-html::before {
  content: "\f749";
}

.bi-filetype-java::before {
  content: "\f74a";
}

.bi-filetype-jpg::before {
  content: "\f74b";
}

.bi-filetype-js::before {
  content: "\f74c";
}

.bi-filetype-jsx::before {
  content: "\f74d";
}

.bi-filetype-key::before {
  content: "\f74e";
}

.bi-filetype-m4p::before {
  content: "\f74f";
}

.bi-filetype-md::before {
  content: "\f750";
}

.bi-filetype-mdx::before {
  content: "\f751";
}

.bi-filetype-mov::before {
  content: "\f752";
}

.bi-filetype-mp3::before {
  content: "\f753";
}

.bi-filetype-mp4::before {
  content: "\f754";
}

.bi-filetype-otf::before {
  content: "\f755";
}

.bi-filetype-pdf::before {
  content: "\f756";
}

.bi-filetype-php::before {
  content: "\f757";
}

.bi-filetype-png::before {
  content: "\f758";
}

.bi-filetype-ppt-1::before {
  content: "\f759";
}

.bi-filetype-ppt::before {
  content: "\f75a";
}

.bi-filetype-psd::before {
  content: "\f75b";
}

.bi-filetype-py::before {
  content: "\f75c";
}

.bi-filetype-raw::before {
  content: "\f75d";
}

.bi-filetype-rb::before {
  content: "\f75e";
}

.bi-filetype-sass::before {
  content: "\f75f";
}

.bi-filetype-scss::before {
  content: "\f760";
}

.bi-filetype-sh::before {
  content: "\f761";
}

.bi-filetype-svg::before {
  content: "\f762";
}

.bi-filetype-tiff::before {
  content: "\f763";
}

.bi-filetype-tsx::before {
  content: "\f764";
}

.bi-filetype-ttf::before {
  content: "\f765";
}

.bi-filetype-txt::before {
  content: "\f766";
}

.bi-filetype-wav::before {
  content: "\f767";
}

.bi-filetype-woff::before {
  content: "\f768";
}

.bi-filetype-xls-1::before {
  content: "\f769";
}

.bi-filetype-xls::before {
  content: "\f76a";
}

.bi-filetype-xml::before {
  content: "\f76b";
}

.bi-filetype-yml::before {
  content: "\f76c";
}

.bi-heart-arrow::before {
  content: "\f76d";
}

.bi-heart-pulse-fill::before {
  content: "\f76e";
}

.bi-heart-pulse::before {
  content: "\f76f";
}

.bi-heartbreak-fill::before {
  content: "\f770";
}

.bi-heartbreak::before {
  content: "\f771";
}

.bi-hearts::before {
  content: "\f772";
}

.bi-hospital-fill::before {
  content: "\f773";
}

.bi-hospital::before {
  content: "\f774";
}

.bi-house-heart-fill::before {
  content: "\f775";
}

.bi-house-heart::before {
  content: "\f776";
}

.bi-incognito::before {
  content: "\f777";
}

.bi-magnet-fill::before {
  content: "\f778";
}

.bi-magnet::before {
  content: "\f779";
}

.bi-person-heart::before {
  content: "\f77a";
}

.bi-person-hearts::before {
  content: "\f77b";
}

.bi-phone-flip::before {
  content: "\f77c";
}

.bi-plugin::before {
  content: "\f77d";
}

.bi-postage-fill::before {
  content: "\f77e";
}

.bi-postage-heart-fill::before {
  content: "\f77f";
}

.bi-postage-heart::before {
  content: "\f780";
}

.bi-postage::before {
  content: "\f781";
}

.bi-postcard-fill::before {
  content: "\f782";
}

.bi-postcard-heart-fill::before {
  content: "\f783";
}

.bi-postcard-heart::before {
  content: "\f784";
}

.bi-postcard::before {
  content: "\f785";
}

.bi-search-heart-fill::before {
  content: "\f786";
}

.bi-search-heart::before {
  content: "\f787";
}

.bi-sliders2-vertical::before {
  content: "\f788";
}

.bi-sliders2::before {
  content: "\f789";
}

.bi-trash3-fill::before {
  content: "\f78a";
}

.bi-trash3::before {
  content: "\f78b";
}

.bi-valentine::before {
  content: "\f78c";
}

.bi-valentine2::before {
  content: "\f78d";
}

.bi-wrench-adjustable-circle-fill::before {
  content: "\f78e";
}

.bi-wrench-adjustable-circle::before {
  content: "\f78f";
}

.bi-wrench-adjustable::before {
  content: "\f790";
}

.bi-filetype-json::before {
  content: "\f791";
}

.bi-filetype-pptx::before {
  content: "\f792";
}

.bi-filetype-xlsx::before {
  content: "\f793";
}

.bi-1-circle-1::before {
  content: "\f794";
}

.bi-1-circle-fill-1::before {
  content: "\f795";
}

.bi-1-circle-fill::before {
  content: "\f796";
}

.bi-1-circle::before {
  content: "\f797";
}

.bi-1-square-fill::before {
  content: "\f798";
}

.bi-1-square::before {
  content: "\f799";
}

.bi-2-circle-1::before {
  content: "\f79a";
}

.bi-2-circle-fill-1::before {
  content: "\f79b";
}

.bi-2-circle-fill::before {
  content: "\f79c";
}

.bi-2-circle::before {
  content: "\f79d";
}

.bi-2-square-fill::before {
  content: "\f79e";
}

.bi-2-square::before {
  content: "\f79f";
}

.bi-3-circle-1::before {
  content: "\f7a0";
}

.bi-3-circle-fill-1::before {
  content: "\f7a1";
}

.bi-3-circle-fill::before {
  content: "\f7a2";
}

.bi-3-circle::before {
  content: "\f7a3";
}

.bi-3-square-fill::before {
  content: "\f7a4";
}

.bi-3-square::before {
  content: "\f7a5";
}

.bi-4-circle-1::before {
  content: "\f7a6";
}

.bi-4-circle-fill-1::before {
  content: "\f7a7";
}

.bi-4-circle-fill::before {
  content: "\f7a8";
}

.bi-4-circle::before {
  content: "\f7a9";
}

.bi-4-square-fill::before {
  content: "\f7aa";
}

.bi-4-square::before {
  content: "\f7ab";
}

.bi-5-circle-1::before {
  content: "\f7ac";
}

.bi-5-circle-fill-1::before {
  content: "\f7ad";
}

.bi-5-circle-fill::before {
  content: "\f7ae";
}

.bi-5-circle::before {
  content: "\f7af";
}

.bi-5-square-fill::before {
  content: "\f7b0";
}

.bi-5-square::before {
  content: "\f7b1";
}

.bi-6-circle-1::before {
  content: "\f7b2";
}

.bi-6-circle-fill-1::before {
  content: "\f7b3";
}

.bi-6-circle-fill::before {
  content: "\f7b4";
}

.bi-6-circle::before {
  content: "\f7b5";
}

.bi-6-square-fill::before {
  content: "\f7b6";
}

.bi-6-square::before {
  content: "\f7b7";
}

.bi-7-circle-1::before {
  content: "\f7b8";
}

.bi-7-circle-fill-1::before {
  content: "\f7b9";
}

.bi-7-circle-fill::before {
  content: "\f7ba";
}

.bi-7-circle::before {
  content: "\f7bb";
}

.bi-7-square-fill::before {
  content: "\f7bc";
}

.bi-7-square::before {
  content: "\f7bd";
}

.bi-8-circle-1::before {
  content: "\f7be";
}

.bi-8-circle-fill-1::before {
  content: "\f7bf";
}

.bi-8-circle-fill::before {
  content: "\f7c0";
}

.bi-8-circle::before {
  content: "\f7c1";
}

.bi-8-square-fill::before {
  content: "\f7c2";
}

.bi-8-square::before {
  content: "\f7c3";
}

.bi-9-circle-1::before {
  content: "\f7c4";
}

.bi-9-circle-fill-1::before {
  content: "\f7c5";
}

.bi-9-circle-fill::before {
  content: "\f7c6";
}

.bi-9-circle::before {
  content: "\f7c7";
}

.bi-9-square-fill::before {
  content: "\f7c8";
}

.bi-9-square::before {
  content: "\f7c9";
}

.bi-airplane-engines-fill::before {
  content: "\f7ca";
}

.bi-airplane-engines::before {
  content: "\f7cb";
}

.bi-airplane-fill::before {
  content: "\f7cc";
}

.bi-airplane::before {
  content: "\f7cd";
}

.bi-alexa::before {
  content: "\f7ce";
}

.bi-alipay::before {
  content: "\f7cf";
}

.bi-android::before {
  content: "\f7d0";
}

.bi-android2::before {
  content: "\f7d1";
}

.bi-box-fill::before {
  content: "\f7d2";
}

.bi-box-seam-fill::before {
  content: "\f7d3";
}

.bi-browser-chrome::before {
  content: "\f7d4";
}

.bi-browser-edge::before {
  content: "\f7d5";
}

.bi-browser-firefox::before {
  content: "\f7d6";
}

.bi-browser-safari::before {
  content: "\f7d7";
}

.bi-c-circle-1::before {
  content: "\f7d8";
}

.bi-c-circle-fill-1::before {
  content: "\f7d9";
}

.bi-c-circle-fill::before {
  content: "\f7da";
}

.bi-c-circle::before {
  content: "\f7db";
}

.bi-c-square-fill::before {
  content: "\f7dc";
}

.bi-c-square::before {
  content: "\f7dd";
}

.bi-capsule-pill::before {
  content: "\f7de";
}

.bi-capsule::before {
  content: "\f7df";
}

.bi-car-front-fill::before {
  content: "\f7e0";
}

.bi-car-front::before {
  content: "\f7e1";
}

.bi-cassette-fill::before {
  content: "\f7e2";
}

.bi-cassette::before {
  content: "\f7e3";
}

.bi-cc-circle-1::before {
  content: "\f7e4";
}

.bi-cc-circle-fill-1::before {
  content: "\f7e5";
}

.bi-cc-circle-fill::before {
  content: "\f7e6";
}

.bi-cc-circle::before {
  content: "\f7e7";
}

.bi-cc-square-fill::before {
  content: "\f7e8";
}

.bi-cc-square::before {
  content: "\f7e9";
}

.bi-cup-hot-fill::before {
  content: "\f7ea";
}

.bi-cup-hot::before {
  content: "\f7eb";
}

.bi-currency-rupee::before {
  content: "\f7ec";
}

.bi-dropbox::before {
  content: "\f7ed";
}

.bi-escape::before {
  content: "\f7ee";
}

.bi-fast-forward-btn-fill::before {
  content: "\f7ef";
}

.bi-fast-forward-btn::before {
  content: "\f7f0";
}

.bi-fast-forward-circle-fill::before {
  content: "\f7f1";
}

.bi-fast-forward-circle::before {
  content: "\f7f2";
}

.bi-fast-forward-fill::before {
  content: "\f7f3";
}

.bi-fast-forward::before {
  content: "\f7f4";
}

.bi-filetype-sql::before {
  content: "\f7f5";
}

.bi-fire::before {
  content: "\f7f6";
}

.bi-google-play::before {
  content: "\f7f7";
}

.bi-h-circle-1::before {
  content: "\f7f8";
}

.bi-h-circle-fill-1::before {
  content: "\f7f9";
}

.bi-h-circle-fill::before {
  content: "\f7fa";
}

.bi-h-circle::before {
  content: "\f7fb";
}

.bi-h-square-fill::before {
  content: "\f7fc";
}

.bi-h-square::before {
  content: "\f7fd";
}

.bi-indent::before {
  content: "\f7fe";
}

.bi-lungs-fill::before {
  content: "\f7ff";
}

.bi-lungs::before {
  content: "\f800";
}

.bi-microsoft-teams::before {
  content: "\f801";
}

.bi-p-circle-1::before {
  content: "\f802";
}

.bi-p-circle-fill-1::before {
  content: "\f803";
}

.bi-p-circle-fill::before {
  content: "\f804";
}

.bi-p-circle::before {
  content: "\f805";
}

.bi-p-square-fill::before {
  content: "\f806";
}

.bi-p-square::before {
  content: "\f807";
}

.bi-pass-fill::before {
  content: "\f808";
}

.bi-pass::before {
  content: "\f809";
}

.bi-prescription::before {
  content: "\f80a";
}

.bi-prescription2::before {
  content: "\f80b";
}

.bi-r-circle-1::before {
  content: "\f80c";
}

.bi-r-circle-fill-1::before {
  content: "\f80d";
}

.bi-r-circle-fill::before {
  content: "\f80e";
}

.bi-r-circle::before {
  content: "\f80f";
}

.bi-r-square-fill::before {
  content: "\f810";
}

.bi-r-square::before {
  content: "\f811";
}

.bi-repeat-1::before {
  content: "\f812";
}

.bi-repeat::before {
  content: "\f813";
}

.bi-rewind-btn-fill::before {
  content: "\f814";
}

.bi-rewind-btn::before {
  content: "\f815";
}

.bi-rewind-circle-fill::before {
  content: "\f816";
}

.bi-rewind-circle::before {
  content: "\f817";
}

.bi-rewind-fill::before {
  content: "\f818";
}

.bi-rewind::before {
  content: "\f819";
}

.bi-train-freight-front-fill::before {
  content: "\f81a";
}

.bi-train-freight-front::before {
  content: "\f81b";
}

.bi-train-front-fill::before {
  content: "\f81c";
}

.bi-train-front::before {
  content: "\f81d";
}

.bi-train-lightrail-front-fill::before {
  content: "\f81e";
}

.bi-train-lightrail-front::before {
  content: "\f81f";
}

.bi-truck-front-fill::before {
  content: "\f820";
}

.bi-truck-front::before {
  content: "\f821";
}

.bi-ubuntu::before {
  content: "\f822";
}

.bi-unindent::before {
  content: "\f823";
}

.bi-unity::before {
  content: "\f824";
}

.bi-universal-access-circle::before {
  content: "\f825";
}

.bi-universal-access::before {
  content: "\f826";
}

.bi-virus::before {
  content: "\f827";
}

.bi-virus2::before {
  content: "\f828";
}

.bi-wechat::before {
  content: "\f829";
}

.bi-yelp::before {
  content: "\f82a";
}

.bi-sign-stop-fill::before {
  content: "\f82b";
}

.bi-sign-stop-lights-fill::before {
  content: "\f82c";
}

.bi-sign-stop-lights::before {
  content: "\f82d";
}

.bi-sign-stop::before {
  content: "\f82e";
}

.bi-sign-turn-left-fill::before {
  content: "\f82f";
}

.bi-sign-turn-left::before {
  content: "\f830";
}

.bi-sign-turn-right-fill::before {
  content: "\f831";
}

.bi-sign-turn-right::before {
  content: "\f832";
}

.bi-sign-turn-slight-left-fill::before {
  content: "\f833";
}

.bi-sign-turn-slight-left::before {
  content: "\f834";
}

.bi-sign-turn-slight-right-fill::before {
  content: "\f835";
}

.bi-sign-turn-slight-right::before {
  content: "\f836";
}

.bi-sign-yield-fill::before {
  content: "\f837";
}

.bi-sign-yield::before {
  content: "\f838";
}

.bi-ev-station-fill::before {
  content: "\f839";
}

.bi-ev-station::before {
  content: "\f83a";
}

.bi-fuel-pump-diesel-fill::before {
  content: "\f83b";
}

.bi-fuel-pump-diesel::before {
  content: "\f83c";
}

.bi-fuel-pump-fill::before {
  content: "\f83d";
}

.bi-fuel-pump::before {
  content: "\f83e";
}

/*!
 * Font Awesome Free 6.1.2 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 2022 Fonticons, Inc.
 */
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}

.fa, .fa-brands, .fa-duotone, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fab, .fad, .fal, .far, .fas, .fat {
  -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-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: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}

.fa-xs {
  font-size: 0.75em;
  line-height: 0.08333em;
  vertical-align: 0.125em;
}

.fa-sm {
  font-size: 0.875em;
  line-height: 0.07143em;
  vertical-align: 0.05357em;
}

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}

.fa-xl {
  font-size: 1.5em;
  line-height: 0.04167em;
  vertical-align: -0.125em;
}

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.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, 0.1em);
  border: var(--fa-border-width, 0.08em) var(--fa-border-style, solid) var(--fa-border-color, #eee);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
  -webkit-animation-name: fa-beat;
  animation-name: fa-beat;
  -webkit-animation-delay: var(--fa-animation-delay, 0);
  animation-delay: var(--fa-animation-delay, 0);
  -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, 0);
  animation-delay: var(--fa-animation-delay, 0);
  -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(0.28, 0.84, 0.42, 1));
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.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(0.4, 0, 0.6, 1));
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-beat-fade, .fa-fade {
  -webkit-animation-delay: var(--fa-animation-delay, 0);
  animation-delay: var(--fa-animation-delay, 0);
  -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-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-flip {
  -webkit-animation-name: fa-flip;
  animation-name: fa-flip;
  -webkit-animation-delay: var(--fa-animation-delay, 0);
  animation-delay: var(--fa-animation-delay, 0);
  -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-shake {
  -webkit-animation-name: fa-shake;
  animation-name: fa-shake;
  -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, linear);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-shake, .fa-spin {
  -webkit-animation-delay: var(--fa-animation-delay, 0);
  animation-delay: var(--fa-animation-delay, 0);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
}

.fa-spin {
  -webkit-animation-name: fa-spin;
  animation-name: fa-spin;
  -webkit-animation-duration: var(--fa-animation-duration, 2s);
  animation-duration: var(--fa-animation-duration, 2s);
  -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, linear);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction:reverse;
}

.fa-pulse, .fa-spin-pulse {
  -webkit-animation-name: fa-spin;
  animation-name: fa-spin;
  -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, steps(8));
  animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
  .fa-beat, .fa-beat-fade, .fa-bounce, .fa-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@-webkit-keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@-webkit-keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
    transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
  to {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
}
@keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
    transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
  to {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
}
@-webkit-keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@-webkit-keyframes fa-beat-fade {
  0%, to {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-beat-fade {
  0%, to {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@-webkit-keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@-webkit-keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  4% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  8%, 24% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }
  12%, 28% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }
  20% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }
  32% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }
  36% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }
  40%, to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  4% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  8%, 24% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }
  12%, 28% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }
  20% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }
  32% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }
  36% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }
  40%, to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.fa-flip-vertical {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -webkit-transform: scale(-1);
  transform: scale(-1);
}

.fa-rotate-by {
  -webkit-transform: rotate(var(--fa-rotate-angle, none));
  transform: rotate(var(--fa-rotate-angle, none));
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x, .fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto);
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: var(--fa-inverse, #fff);
}

.fa-0:before {
  content: "0";
}

.fa-1:before {
  content: "1";
}

.fa-2:before {
  content: "2";
}

.fa-3:before {
  content: "3";
}

.fa-4:before {
  content: "4";
}

.fa-5:before {
  content: "5";
}

.fa-6:before {
  content: "6";
}

.fa-7:before {
  content: "7";
}

.fa-8:before {
  content: "8";
}

.fa-9:before {
  content: "9";
}

.fa-a:before {
  content: "A";
}

.fa-address-book:before, .fa-contact-book:before {
  content: "\f2b9";
}

.fa-address-card:before, .fa-contact-card:before, .fa-vcard:before {
  content: "\f2bb";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-anchor-circle-check:before {
  content: "\e4aa";
}

.fa-anchor-circle-exclamation:before {
  content: "\e4ab";
}

.fa-anchor-circle-xmark:before {
  content: "\e4ac";
}

.fa-anchor-lock:before {
  content: "\e4ad";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-double-down:before, .fa-angles-down:before {
  content: "\f103";
}

.fa-angle-double-left:before, .fa-angles-left:before {
  content: "\f100";
}

.fa-angle-double-right:before, .fa-angles-right:before {
  content: "\f101";
}

.fa-angle-double-up:before, .fa-angles-up:before {
  content: "\f102";
}

.fa-ankh:before {
  content: "\f644";
}

.fa-apple-alt:before, .fa-apple-whole:before {
  content: "\f5d1";
}

.fa-archway:before {
  content: "\f557";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-arrow-down-1-9:before, .fa-sort-numeric-asc:before, .fa-sort-numeric-down:before {
  content: "\f162";
}

.fa-arrow-down-9-1:before, .fa-sort-numeric-desc:before, .fa-sort-numeric-down-alt:before {
  content: "\f886";
}

.fa-arrow-down-a-z:before, .fa-sort-alpha-asc:before, .fa-sort-alpha-down:before {
  content: "\f15d";
}

.fa-arrow-down-long:before, .fa-long-arrow-down:before {
  content: "\f175";
}

.fa-arrow-down-short-wide:before, .fa-sort-amount-desc:before, .fa-sort-amount-down-alt:before {
  content: "\f884";
}

.fa-arrow-down-up-across-line:before {
  content: "\e4af";
}

.fa-arrow-down-up-lock:before {
  content: "\e4b0";
}

.fa-arrow-down-wide-short:before, .fa-sort-amount-asc:before, .fa-sort-amount-down:before {
  content: "\f160";
}

.fa-arrow-down-z-a:before, .fa-sort-alpha-desc:before, .fa-sort-alpha-down-alt:before {
  content: "\f881";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-left-long:before, .fa-long-arrow-left:before {
  content: "\f177";
}

.fa-arrow-pointer:before, .fa-mouse-pointer:before {
  content: "\f245";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-right-arrow-left:before, .fa-exchange:before {
  content: "\f0ec";
}

.fa-arrow-right-from-bracket:before, .fa-sign-out:before {
  content: "\f08b";
}

.fa-arrow-right-long:before, .fa-long-arrow-right:before {
  content: "\f178";
}

.fa-arrow-right-to-bracket:before, .fa-sign-in:before {
  content: "\f090";
}

.fa-arrow-right-to-city:before {
  content: "\e4b3";
}

.fa-arrow-left-rotate:before, .fa-arrow-rotate-back:before, .fa-arrow-rotate-backward:before, .fa-arrow-rotate-left:before, .fa-undo:before {
  content: "\f0e2";
}

.fa-arrow-right-rotate:before, .fa-arrow-rotate-forward:before, .fa-arrow-rotate-right:before, .fa-redo:before {
  content: "\f01e";
}

.fa-arrow-trend-down:before {
  content: "\e097";
}

.fa-arrow-trend-up:before {
  content: "\e098";
}

.fa-arrow-turn-down:before, .fa-level-down:before {
  content: "\f149";
}

.fa-arrow-turn-up:before, .fa-level-up:before {
  content: "\f148";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-up-1-9:before, .fa-sort-numeric-up:before {
  content: "\f163";
}

.fa-arrow-up-9-1:before, .fa-sort-numeric-up-alt:before {
  content: "\f887";
}

.fa-arrow-up-a-z:before, .fa-sort-alpha-up:before {
  content: "\f15e";
}

.fa-arrow-up-from-bracket:before {
  content: "\e09a";
}

.fa-arrow-up-from-ground-water:before {
  content: "\e4b5";
}

.fa-arrow-up-from-water-pump:before {
  content: "\e4b6";
}

.fa-arrow-up-long:before, .fa-long-arrow-up:before {
  content: "\f176";
}

.fa-arrow-up-right-dots:before {
  content: "\e4b7";
}

.fa-arrow-up-right-from-square:before, .fa-external-link:before {
  content: "\f08e";
}

.fa-arrow-up-short-wide:before, .fa-sort-amount-up-alt:before {
  content: "\f885";
}

.fa-arrow-up-wide-short:before, .fa-sort-amount-up:before {
  content: "\f161";
}

.fa-arrow-up-z-a:before, .fa-sort-alpha-up-alt:before {
  content: "\f882";
}

.fa-arrows-down-to-line:before {
  content: "\e4b8";
}

.fa-arrows-down-to-people:before {
  content: "\e4b9";
}

.fa-arrows-h:before, .fa-arrows-left-right:before {
  content: "\f07e";
}

.fa-arrows-left-right-to-line:before {
  content: "\e4ba";
}

.fa-arrows-rotate:before, .fa-refresh:before, .fa-sync:before {
  content: "\f021";
}

.fa-arrows-spin:before {
  content: "\e4bb";
}

.fa-arrows-split-up-and-left:before {
  content: "\e4bc";
}

.fa-arrows-to-circle:before {
  content: "\e4bd";
}

.fa-arrows-to-dot:before {
  content: "\e4be";
}

.fa-arrows-to-eye:before {
  content: "\e4bf";
}

.fa-arrows-turn-right:before {
  content: "\e4c0";
}

.fa-arrows-turn-to-dots:before {
  content: "\e4c1";
}

.fa-arrows-up-down:before, .fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-up-down-left-right:before, .fa-arrows:before {
  content: "\f047";
}

.fa-arrows-up-to-line:before {
  content: "\e4c2";
}

.fa-asterisk:before {
  content: "*";
}

.fa-at:before {
  content: "@";
}

.fa-atom:before {
  content: "\f5d2";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-austral-sign:before {
  content: "\e0a9";
}

.fa-award:before {
  content: "\f559";
}

.fa-b:before {
  content: "B";
}

.fa-baby:before {
  content: "\f77c";
}

.fa-baby-carriage:before, .fa-carriage-baby:before {
  content: "\f77d";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-backward-fast:before, .fa-fast-backward:before {
  content: "\f049";
}

.fa-backward-step:before, .fa-step-backward:before {
  content: "\f048";
}

.fa-bacon:before {
  content: "\f7e5";
}

.fa-bacteria:before {
  content: "\e059";
}

.fa-bacterium:before {
  content: "\e05a";
}

.fa-bag-shopping:before, .fa-shopping-bag:before {
  content: "\f290";
}

.fa-bahai:before, .fa-haykal:before {
  content: "\f666";
}

.fa-baht-sign:before {
  content: "\e0ac";
}

.fa-ban:before, .fa-cancel:before {
  content: "\f05e";
}

.fa-ban-smoking:before, .fa-smoking-ban:before {
  content: "\f54d";
}

.fa-band-aid:before, .fa-bandage:before {
  content: "\f462";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-bars:before, .fa-navicon:before {
  content: "\f0c9";
}

.fa-bars-progress:before, .fa-tasks-alt:before {
  content: "\f828";
}

.fa-bars-staggered:before, .fa-reorder:before, .fa-stream:before {
  content: "\f550";
}

.fa-baseball-ball:before, .fa-baseball:before {
  content: "\f433";
}

.fa-baseball-bat-ball:before {
  content: "\f432";
}

.fa-basket-shopping:before, .fa-shopping-basket:before {
  content: "\f291";
}

.fa-basketball-ball:before, .fa-basketball:before {
  content: "\f434";
}

.fa-bath:before, .fa-bathtub:before {
  content: "\f2cd";
}

.fa-battery-0:before, .fa-battery-empty:before {
  content: "\f244";
}

.fa-battery-5:before, .fa-battery-full:before, .fa-battery:before {
  content: "\f240";
}

.fa-battery-3:before, .fa-battery-half:before {
  content: "\f242";
}

.fa-battery-2:before, .fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-4:before, .fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-bed:before {
  content: "\f236";
}

.fa-bed-pulse:before, .fa-procedures:before {
  content: "\f487";
}

.fa-beer-mug-empty:before, .fa-beer:before {
  content: "\f0fc";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-bell-concierge:before, .fa-concierge-bell:before {
  content: "\f562";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bezier-curve:before {
  content: "\f55b";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-biohazard:before {
  content: "\f780";
}

.fa-bitcoin-sign:before {
  content: "\e0b4";
}

.fa-blender:before {
  content: "\f517";
}

.fa-blender-phone:before {
  content: "\f6b6";
}

.fa-blog:before {
  content: "\f781";
}

.fa-bold:before {
  content: "\f032";
}

.fa-bolt:before, .fa-zap:before {
  content: "\f0e7";
}

.fa-bolt-lightning:before {
  content: "\e0b7";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-bone:before {
  content: "\f5d7";
}

.fa-bong:before {
  content: "\f55c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-atlas:before, .fa-book-atlas:before {
  content: "\f558";
}

.fa-bible:before, .fa-book-bible:before {
  content: "\f647";
}

.fa-book-bookmark:before {
  content: "\e0bb";
}

.fa-book-journal-whills:before, .fa-journal-whills:before {
  content: "\f66a";
}

.fa-book-medical:before {
  content: "\f7e6";
}

.fa-book-open:before {
  content: "\f518";
}

.fa-book-open-reader:before, .fa-book-reader:before {
  content: "\f5da";
}

.fa-book-quran:before, .fa-quran:before {
  content: "\f687";
}

.fa-book-dead:before, .fa-book-skull:before {
  content: "\f6b7";
}

.fa-book-tanakh:before, .fa-tanakh:before {
  content: "\f827";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-border-all:before {
  content: "\f84c";
}

.fa-border-none:before {
  content: "\f850";
}

.fa-border-style:before, .fa-border-top-left:before {
  content: "\f853";
}

.fa-bore-hole:before {
  content: "\e4c3";
}

.fa-bottle-droplet:before {
  content: "\e4c4";
}

.fa-bottle-water:before {
  content: "\e4c5";
}

.fa-bowl-food:before {
  content: "\e4c6";
}

.fa-bowl-rice:before {
  content: "\e2eb";
}

.fa-bowling-ball:before {
  content: "\f436";
}

.fa-box:before {
  content: "\f466";
}

.fa-archive:before, .fa-box-archive:before {
  content: "\f187";
}

.fa-box-open:before {
  content: "\f49e";
}

.fa-box-tissue:before {
  content: "\e05b";
}

.fa-boxes-packing:before {
  content: "\e4c7";
}

.fa-boxes-alt:before, .fa-boxes-stacked:before, .fa-boxes:before {
  content: "\f468";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-brain:before {
  content: "\f5dc";
}

.fa-brazilian-real-sign:before {
  content: "\e46c";
}

.fa-bread-slice:before {
  content: "\f7ec";
}

.fa-bridge:before {
  content: "\e4c8";
}

.fa-bridge-circle-check:before {
  content: "\e4c9";
}

.fa-bridge-circle-exclamation:before {
  content: "\e4ca";
}

.fa-bridge-circle-xmark:before {
  content: "\e4cb";
}

.fa-bridge-lock:before {
  content: "\e4cc";
}

.fa-bridge-water:before {
  content: "\e4ce";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-briefcase-medical:before {
  content: "\f469";
}

.fa-broom:before {
  content: "\f51a";
}

.fa-broom-ball:before, .fa-quidditch-broom-ball:before, .fa-quidditch:before {
  content: "\f458";
}

.fa-brush:before {
  content: "\f55d";
}

.fa-bucket:before {
  content: "\e4cf";
}

.fa-bug:before {
  content: "\f188";
}

.fa-bug-slash:before {
  content: "\e490";
}

.fa-bugs:before {
  content: "\e4d0";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-building-circle-arrow-right:before {
  content: "\e4d1";
}

.fa-building-circle-check:before {
  content: "\e4d2";
}

.fa-building-circle-exclamation:before {
  content: "\e4d3";
}

.fa-building-circle-xmark:before {
  content: "\e4d4";
}

.fa-bank:before, .fa-building-columns:before, .fa-institution:before, .fa-museum:before, .fa-university:before {
  content: "\f19c";
}

.fa-building-flag:before {
  content: "\e4d5";
}

.fa-building-lock:before {
  content: "\e4d6";
}

.fa-building-ngo:before {
  content: "\e4d7";
}

.fa-building-shield:before {
  content: "\e4d8";
}

.fa-building-un:before {
  content: "\e4d9";
}

.fa-building-user:before {
  content: "\e4da";
}

.fa-building-wheat:before {
  content: "\e4db";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-burger:before, .fa-hamburger:before {
  content: "\f805";
}

.fa-burst:before {
  content: "\e4dc";
}

.fa-bus:before {
  content: "\f207";
}

.fa-bus-alt:before, .fa-bus-simple:before {
  content: "\f55e";
}

.fa-briefcase-clock:before, .fa-business-time:before {
  content: "\f64a";
}

.fa-c:before {
  content: "C";
}

.fa-cable-car:before, .fa-tram:before {
  content: "\f7da";
}

.fa-birthday-cake:before, .fa-cake-candles:before, .fa-cake:before {
  content: "\f1fd";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-calendar:before {
  content: "\f133";
}

.fa-calendar-check:before {
  content: "\f274";
}

.fa-calendar-day:before {
  content: "\f783";
}

.fa-calendar-alt:before, .fa-calendar-days:before {
  content: "\f073";
}

.fa-calendar-minus:before {
  content: "\f272";
}

.fa-calendar-plus:before {
  content: "\f271";
}

.fa-calendar-week:before {
  content: "\f784";
}

.fa-calendar-times:before, .fa-calendar-xmark:before {
  content: "\f273";
}

.fa-camera-alt:before, .fa-camera:before {
  content: "\f030";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-camera-rotate:before {
  content: "\e0d8";
}

.fa-campground:before {
  content: "\f6bb";
}

.fa-candy-cane:before {
  content: "\f786";
}

.fa-cannabis:before {
  content: "\f55f";
}

.fa-capsules:before {
  content: "\f46b";
}

.fa-automobile:before, .fa-car:before {
  content: "\f1b9";
}

.fa-battery-car:before, .fa-car-battery:before {
  content: "\f5df";
}

.fa-car-burst:before, .fa-car-crash:before {
  content: "\f5e1";
}

.fa-car-on:before {
  content: "\e4dd";
}

.fa-car-alt:before, .fa-car-rear:before {
  content: "\f5de";
}

.fa-car-side:before {
  content: "\f5e4";
}

.fa-car-tunnel:before {
  content: "\e4de";
}

.fa-caravan:before {
  content: "\f8ff";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-carrot:before {
  content: "\f787";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-cart-flatbed:before, .fa-dolly-flatbed:before {
  content: "\f474";
}

.fa-cart-flatbed-suitcase:before, .fa-luggage-cart:before {
  content: "\f59d";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-shopping:before, .fa-shopping-cart:before {
  content: "\f07a";
}

.fa-cash-register:before {
  content: "\f788";
}

.fa-cat:before {
  content: "\f6be";
}

.fa-cedi-sign:before {
  content: "\e0df";
}

.fa-cent-sign:before {
  content: "\e3f5";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-chair:before {
  content: "\f6c0";
}

.fa-blackboard:before, .fa-chalkboard:before {
  content: "\f51b";
}

.fa-chalkboard-teacher:before, .fa-chalkboard-user:before {
  content: "\f51c";
}

.fa-champagne-glasses:before, .fa-glass-cheers:before {
  content: "\f79f";
}

.fa-charging-station:before {
  content: "\f5e7";
}

.fa-area-chart:before, .fa-chart-area:before {
  content: "\f1fe";
}

.fa-bar-chart:before, .fa-chart-bar:before {
  content: "\f080";
}

.fa-chart-column:before {
  content: "\e0e3";
}

.fa-chart-gantt:before {
  content: "\e0e4";
}

.fa-chart-line:before, .fa-line-chart:before {
  content: "\f201";
}

.fa-chart-pie:before, .fa-pie-chart:before {
  content: "\f200";
}

.fa-chart-simple:before {
  content: "\e473";
}

.fa-check:before {
  content: "\f00c";
}

.fa-check-double:before {
  content: "\f560";
}

.fa-check-to-slot:before, .fa-vote-yea:before {
  content: "\f772";
}

.fa-cheese:before {
  content: "\f7ef";
}

.fa-chess:before {
  content: "\f439";
}

.fa-chess-bishop:before {
  content: "\f43a";
}

.fa-chess-board:before {
  content: "\f43c";
}

.fa-chess-king:before {
  content: "\f43f";
}

.fa-chess-knight:before {
  content: "\f441";
}

.fa-chess-pawn:before {
  content: "\f443";
}

.fa-chess-queen:before {
  content: "\f445";
}

.fa-chess-rook:before {
  content: "\f447";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-child-dress:before {
  content: "\e59c";
}

.fa-child-reaching:before {
  content: "\e59d";
}

.fa-child-rifle:before {
  content: "\e4e0";
}

.fa-children:before {
  content: "\e4e1";
}

.fa-church:before {
  content: "\f51d";
}

.fa-circle:before {
  content: "\f111";
}

.fa-arrow-circle-down:before, .fa-circle-arrow-down:before {
  content: "\f0ab";
}

.fa-arrow-circle-left:before, .fa-circle-arrow-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before, .fa-circle-arrow-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before, .fa-circle-arrow-up:before {
  content: "\f0aa";
}

.fa-check-circle:before, .fa-circle-check:before {
  content: "\f058";
}

.fa-chevron-circle-down:before, .fa-circle-chevron-down:before {
  content: "\f13a";
}

.fa-chevron-circle-left:before, .fa-circle-chevron-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before, .fa-circle-chevron-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before, .fa-circle-chevron-up:before {
  content: "\f139";
}

.fa-circle-dollar-to-slot:before, .fa-donate:before {
  content: "\f4b9";
}

.fa-circle-dot:before, .fa-dot-circle:before {
  content: "\f192";
}

.fa-arrow-alt-circle-down:before, .fa-circle-down:before {
  content: "\f358";
}

.fa-circle-exclamation:before, .fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-circle-h:before, .fa-hospital-symbol:before {
  content: "\f47e";
}

.fa-adjust:before, .fa-circle-half-stroke:before {
  content: "\f042";
}

.fa-circle-info:before, .fa-info-circle:before {
  content: "\f05a";
}

.fa-arrow-alt-circle-left:before, .fa-circle-left:before {
  content: "\f359";
}

.fa-circle-minus:before, .fa-minus-circle:before {
  content: "\f056";
}

.fa-circle-nodes:before {
  content: "\e4e2";
}

.fa-circle-notch:before {
  content: "\f1ce";
}

.fa-circle-pause:before, .fa-pause-circle:before {
  content: "\f28b";
}

.fa-circle-play:before, .fa-play-circle:before {
  content: "\f144";
}

.fa-circle-plus:before, .fa-plus-circle:before {
  content: "\f055";
}

.fa-circle-question:before, .fa-question-circle:before {
  content: "\f059";
}

.fa-circle-radiation:before, .fa-radiation-alt:before {
  content: "\f7ba";
}

.fa-arrow-alt-circle-right:before, .fa-circle-right:before {
  content: "\f35a";
}

.fa-circle-stop:before, .fa-stop-circle:before {
  content: "\f28d";
}

.fa-arrow-alt-circle-up:before, .fa-circle-up:before {
  content: "\f35b";
}

.fa-circle-user:before, .fa-user-circle:before {
  content: "\f2bd";
}

.fa-circle-xmark:before, .fa-times-circle:before, .fa-xmark-circle:before {
  content: "\f057";
}

.fa-city:before {
  content: "\f64f";
}

.fa-clapperboard:before {
  content: "\e131";
}

.fa-clipboard:before {
  content: "\f328";
}

.fa-clipboard-check:before {
  content: "\f46c";
}

.fa-clipboard-list:before {
  content: "\f46d";
}

.fa-clipboard-question:before {
  content: "\e4e3";
}

.fa-clipboard-user:before {
  content: "\f7f3";
}

.fa-clock-four:before, .fa-clock:before {
  content: "\f017";
}

.fa-clock-rotate-left:before, .fa-history:before {
  content: "\f1da";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-closed-captioning:before {
  content: "\f20a";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-cloud-arrow-down:before, .fa-cloud-download-alt:before, .fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-arrow-up:before, .fa-cloud-upload-alt:before, .fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-cloud-bolt:before, .fa-thunderstorm:before {
  content: "\f76c";
}

.fa-cloud-meatball:before {
  content: "\f73b";
}

.fa-cloud-moon:before {
  content: "\f6c3";
}

.fa-cloud-moon-rain:before {
  content: "\f73c";
}

.fa-cloud-rain:before {
  content: "\f73d";
}

.fa-cloud-showers-heavy:before {
  content: "\f740";
}

.fa-cloud-showers-water:before {
  content: "\e4e4";
}

.fa-cloud-sun:before {
  content: "\f6c4";
}

.fa-cloud-sun-rain:before {
  content: "\f743";
}

.fa-clover:before {
  content: "\e139";
}

.fa-code:before {
  content: "\f121";
}

.fa-code-branch:before {
  content: "\f126";
}

.fa-code-commit:before {
  content: "\f386";
}

.fa-code-compare:before {
  content: "\e13a";
}

.fa-code-fork:before {
  content: "\e13b";
}

.fa-code-merge:before {
  content: "\f387";
}

.fa-code-pull-request:before {
  content: "\e13c";
}

.fa-coins:before {
  content: "\f51e";
}

.fa-colon-sign:before {
  content: "\e140";
}

.fa-comment:before {
  content: "\f075";
}

.fa-comment-dollar:before {
  content: "\f651";
}

.fa-comment-dots:before, .fa-commenting:before {
  content: "\f4ad";
}

.fa-comment-medical:before {
  content: "\f7f5";
}

.fa-comment-slash:before {
  content: "\f4b3";
}

.fa-comment-sms:before, .fa-sms:before {
  content: "\f7cd";
}

.fa-comments:before {
  content: "\f086";
}

.fa-comments-dollar:before {
  content: "\f653";
}

.fa-compact-disc:before {
  content: "\f51f";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-compass-drafting:before, .fa-drafting-compass:before {
  content: "\f568";
}

.fa-compress:before {
  content: "\f066";
}

.fa-computer:before {
  content: "\e4e5";
}

.fa-computer-mouse:before, .fa-mouse:before {
  content: "\f8cc";
}

.fa-cookie:before {
  content: "\f563";
}

.fa-cookie-bite:before {
  content: "\f564";
}

.fa-copy:before {
  content: "\f0c5";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-couch:before {
  content: "\f4b8";
}

.fa-cow:before {
  content: "\f6c8";
}

.fa-credit-card-alt:before, .fa-credit-card:before {
  content: "\f09d";
}

.fa-crop:before {
  content: "\f125";
}

.fa-crop-alt:before, .fa-crop-simple:before {
  content: "\f565";
}

.fa-cross:before {
  content: "\f654";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-crow:before {
  content: "\f520";
}

.fa-crown:before {
  content: "\f521";
}

.fa-crutch:before {
  content: "\f7f7";
}

.fa-cruzeiro-sign:before {
  content: "\e152";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-cubes-stacked:before {
  content: "\e4e6";
}

.fa-d:before {
  content: "D";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-backspace:before, .fa-delete-left:before {
  content: "\f55a";
}

.fa-democrat:before {
  content: "\f747";
}

.fa-desktop-alt:before, .fa-desktop:before {
  content: "\f390";
}

.fa-dharmachakra:before {
  content: "\f655";
}

.fa-diagram-next:before {
  content: "\e476";
}

.fa-diagram-predecessor:before {
  content: "\e477";
}

.fa-diagram-project:before, .fa-project-diagram:before {
  content: "\f542";
}

.fa-diagram-successor:before {
  content: "\e47a";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-diamond-turn-right:before, .fa-directions:before {
  content: "\f5eb";
}

.fa-dice:before {
  content: "\f522";
}

.fa-dice-d20:before {
  content: "\f6cf";
}

.fa-dice-d6:before {
  content: "\f6d1";
}

.fa-dice-five:before {
  content: "\f523";
}

.fa-dice-four:before {
  content: "\f524";
}

.fa-dice-one:before {
  content: "\f525";
}

.fa-dice-six:before {
  content: "\f526";
}

.fa-dice-three:before {
  content: "\f527";
}

.fa-dice-two:before {
  content: "\f528";
}

.fa-disease:before {
  content: "\f7fa";
}

.fa-display:before {
  content: "\e163";
}

.fa-divide:before {
  content: "\f529";
}

.fa-dna:before {
  content: "\f471";
}

.fa-dog:before {
  content: "\f6d3";
}

.fa-dollar-sign:before, .fa-dollar:before, .fa-usd:before {
  content: "$";
}

.fa-dolly-box:before, .fa-dolly:before {
  content: "\f472";
}

.fa-dong-sign:before {
  content: "\e169";
}

.fa-door-closed:before {
  content: "\f52a";
}

.fa-door-open:before {
  content: "\f52b";
}

.fa-dove:before {
  content: "\f4ba";
}

.fa-compress-alt:before, .fa-down-left-and-up-right-to-center:before {
  content: "\f422";
}

.fa-down-long:before, .fa-long-arrow-alt-down:before {
  content: "\f309";
}

.fa-download:before {
  content: "\f019";
}

.fa-dragon:before {
  content: "\f6d5";
}

.fa-draw-polygon:before {
  content: "\f5ee";
}

.fa-droplet:before, .fa-tint:before {
  content: "\f043";
}

.fa-droplet-slash:before, .fa-tint-slash:before {
  content: "\f5c7";
}

.fa-drum:before {
  content: "\f569";
}

.fa-drum-steelpan:before {
  content: "\f56a";
}

.fa-drumstick-bite:before {
  content: "\f6d7";
}

.fa-dumbbell:before {
  content: "\f44b";
}

.fa-dumpster:before {
  content: "\f793";
}

.fa-dumpster-fire:before {
  content: "\f794";
}

.fa-dungeon:before {
  content: "\f6d9";
}

.fa-e:before {
  content: "E";
}

.fa-deaf:before, .fa-deafness:before, .fa-ear-deaf:before, .fa-hard-of-hearing:before {
  content: "\f2a4";
}

.fa-assistive-listening-systems:before, .fa-ear-listen:before {
  content: "\f2a2";
}

.fa-earth-africa:before, .fa-globe-africa:before {
  content: "\f57c";
}

.fa-earth-america:before, .fa-earth-americas:before, .fa-earth:before, .fa-globe-americas:before {
  content: "\f57d";
}

.fa-earth-asia:before, .fa-globe-asia:before {
  content: "\f57e";
}

.fa-earth-europe:before, .fa-globe-europe:before {
  content: "\f7a2";
}

.fa-earth-oceania:before, .fa-globe-oceania:before {
  content: "\e47b";
}

.fa-egg:before {
  content: "\f7fb";
}

.fa-eject:before {
  content: "\f052";
}

.fa-elevator:before {
  content: "\e16d";
}

.fa-ellipsis-h:before, .fa-ellipsis:before {
  content: "\f141";
}

.fa-ellipsis-v:before, .fa-ellipsis-vertical:before {
  content: "\f142";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-envelope-circle-check:before {
  content: "\e4e8";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-open-text:before {
  content: "\f658";
}

.fa-envelopes-bulk:before, .fa-mail-bulk:before {
  content: "\f674";
}

.fa-equals:before {
  content: "=";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-ethernet:before {
  content: "\f796";
}

.fa-eur:before, .fa-euro-sign:before, .fa-euro:before {
  content: "\f153";
}

.fa-exclamation:before {
  content: "!";
}

.fa-expand:before {
  content: "\f065";
}

.fa-explosion:before {
  content: "\e4e9";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-dropper-empty:before, .fa-eye-dropper:before, .fa-eyedropper:before {
  content: "\f1fb";
}

.fa-eye-low-vision:before, .fa-low-vision:before {
  content: "\f2a8";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-f:before {
  content: "F";
}

.fa-angry:before, .fa-face-angry:before {
  content: "\f556";
}

.fa-dizzy:before, .fa-face-dizzy:before {
  content: "\f567";
}

.fa-face-flushed:before, .fa-flushed:before {
  content: "\f579";
}

.fa-face-frown:before, .fa-frown:before {
  content: "\f119";
}

.fa-face-frown-open:before, .fa-frown-open:before {
  content: "\f57a";
}

.fa-face-grimace:before, .fa-grimace:before {
  content: "\f57f";
}

.fa-face-grin:before, .fa-grin:before {
  content: "\f580";
}

.fa-face-grin-beam:before, .fa-grin-beam:before {
  content: "\f582";
}

.fa-face-grin-beam-sweat:before, .fa-grin-beam-sweat:before {
  content: "\f583";
}

.fa-face-grin-hearts:before, .fa-grin-hearts:before {
  content: "\f584";
}

.fa-face-grin-squint:before, .fa-grin-squint:before {
  content: "\f585";
}

.fa-face-grin-squint-tears:before, .fa-grin-squint-tears:before {
  content: "\f586";
}

.fa-face-grin-stars:before, .fa-grin-stars:before {
  content: "\f587";
}

.fa-face-grin-tears:before, .fa-grin-tears:before {
  content: "\f588";
}

.fa-face-grin-tongue:before, .fa-grin-tongue:before {
  content: "\f589";
}

.fa-face-grin-tongue-squint:before, .fa-grin-tongue-squint:before {
  content: "\f58a";
}

.fa-face-grin-tongue-wink:before, .fa-grin-tongue-wink:before {
  content: "\f58b";
}

.fa-face-grin-wide:before, .fa-grin-alt:before {
  content: "\f581";
}

.fa-face-grin-wink:before, .fa-grin-wink:before {
  content: "\f58c";
}

.fa-face-kiss:before, .fa-kiss:before {
  content: "\f596";
}

.fa-face-kiss-beam:before, .fa-kiss-beam:before {
  content: "\f597";
}

.fa-face-kiss-wink-heart:before, .fa-kiss-wink-heart:before {
  content: "\f598";
}

.fa-face-laugh:before, .fa-laugh:before {
  content: "\f599";
}

.fa-face-laugh-beam:before, .fa-laugh-beam:before {
  content: "\f59a";
}

.fa-face-laugh-squint:before, .fa-laugh-squint:before {
  content: "\f59b";
}

.fa-face-laugh-wink:before, .fa-laugh-wink:before {
  content: "\f59c";
}

.fa-face-meh:before, .fa-meh:before {
  content: "\f11a";
}

.fa-face-meh-blank:before, .fa-meh-blank:before {
  content: "\f5a4";
}

.fa-face-rolling-eyes:before, .fa-meh-rolling-eyes:before {
  content: "\f5a5";
}

.fa-face-sad-cry:before, .fa-sad-cry:before {
  content: "\f5b3";
}

.fa-face-sad-tear:before, .fa-sad-tear:before {
  content: "\f5b4";
}

.fa-face-smile:before, .fa-smile:before {
  content: "\f118";
}

.fa-face-smile-beam:before, .fa-smile-beam:before {
  content: "\f5b8";
}

.fa-face-smile-wink:before, .fa-smile-wink:before {
  content: "\f4da";
}

.fa-face-surprise:before, .fa-surprise:before {
  content: "\f5c2";
}

.fa-face-tired:before, .fa-tired:before {
  content: "\f5c8";
}

.fa-fan:before {
  content: "\f863";
}

.fa-faucet:before {
  content: "\e005";
}

.fa-faucet-drip:before {
  content: "\e006";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-feather:before {
  content: "\f52d";
}

.fa-feather-alt:before, .fa-feather-pointed:before {
  content: "\f56b";
}

.fa-ferry:before {
  content: "\e4ea";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-arrow-down:before, .fa-file-download:before {
  content: "\f56d";
}

.fa-file-arrow-up:before, .fa-file-upload:before {
  content: "\f574";
}

.fa-file-audio:before {
  content: "\f1c7";
}

.fa-file-circle-check:before {
  content: "\e5a0";
}

.fa-file-circle-exclamation:before {
  content: "\e4eb";
}

.fa-file-circle-minus:before {
  content: "\e4ed";
}

.fa-file-circle-plus:before {
  content: "\e494";
}

.fa-file-circle-question:before {
  content: "\e4ef";
}

.fa-file-circle-xmark:before {
  content: "\e5a1";
}

.fa-file-code:before {
  content: "\f1c9";
}

.fa-file-contract:before {
  content: "\f56c";
}

.fa-file-csv:before {
  content: "\f6dd";
}

.fa-file-excel:before {
  content: "\f1c3";
}

.fa-arrow-right-from-file:before, .fa-file-export:before {
  content: "\f56e";
}

.fa-file-image:before {
  content: "\f1c5";
}

.fa-arrow-right-to-file:before, .fa-file-import:before {
  content: "\f56f";
}

.fa-file-invoice:before {
  content: "\f570";
}

.fa-file-invoice-dollar:before {
  content: "\f571";
}

.fa-file-alt:before, .fa-file-lines:before, .fa-file-text:before {
  content: "\f15c";
}

.fa-file-medical:before {
  content: "\f477";
}

.fa-file-pdf:before {
  content: "\f1c1";
}

.fa-file-edit:before, .fa-file-pen:before {
  content: "\f31c";
}

.fa-file-powerpoint:before {
  content: "\f1c4";
}

.fa-file-prescription:before {
  content: "\f572";
}

.fa-file-shield:before {
  content: "\e4f0";
}

.fa-file-signature:before {
  content: "\f573";
}

.fa-file-video:before {
  content: "\f1c8";
}

.fa-file-medical-alt:before, .fa-file-waveform:before {
  content: "\f478";
}

.fa-file-word:before {
  content: "\f1c2";
}

.fa-file-archive:before, .fa-file-zipper:before {
  content: "\f1c6";
}

.fa-fill:before {
  content: "\f575";
}

.fa-fill-drip:before {
  content: "\f576";
}

.fa-film:before {
  content: "\f008";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-filter-circle-dollar:before, .fa-funnel-dollar:before {
  content: "\f662";
}

.fa-filter-circle-xmark:before {
  content: "\e17b";
}

.fa-fingerprint:before {
  content: "\f577";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-fire-burner:before {
  content: "\e4f1";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-fire-alt:before, .fa-fire-flame-curved:before {
  content: "\f7e4";
}

.fa-burn:before, .fa-fire-flame-simple:before {
  content: "\f46a";
}

.fa-fish:before {
  content: "\f578";
}

.fa-fish-fins:before {
  content: "\e4f2";
}

.fa-flag:before {
  content: "\f024";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-flag-usa:before {
  content: "\f74d";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-flask-vial:before {
  content: "\e4f3";
}

.fa-floppy-disk:before, .fa-save:before {
  content: "\f0c7";
}

.fa-florin-sign:before {
  content: "\e184";
}

.fa-folder-blank:before, .fa-folder:before {
  content: "\f07b";
}

.fa-folder-closed:before {
  content: "\e185";
}

.fa-folder-minus:before {
  content: "\f65d";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-folder-plus:before {
  content: "\f65e";
}

.fa-folder-tree:before {
  content: "\f802";
}

.fa-font:before {
  content: "\f031";
}

.fa-football-ball:before, .fa-football:before {
  content: "\f44e";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before, .fa-forward-fast:before {
  content: "\f050";
}

.fa-forward-step:before, .fa-step-forward:before {
  content: "\f051";
}

.fa-franc-sign:before {
  content: "\e18f";
}

.fa-frog:before {
  content: "\f52e";
}

.fa-futbol-ball:before, .fa-futbol:before, .fa-soccer-ball:before {
  content: "\f1e3";
}

.fa-g:before {
  content: "G";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-gas-pump:before {
  content: "\f52f";
}

.fa-dashboard:before, .fa-gauge-med:before, .fa-gauge:before, .fa-tachometer-alt-average:before {
  content: "\f624";
}

.fa-gauge-high:before, .fa-tachometer-alt-fast:before, .fa-tachometer-alt:before {
  content: "\f625";
}

.fa-gauge-simple-med:before, .fa-gauge-simple:before, .fa-tachometer-average:before {
  content: "\f629";
}

.fa-gauge-simple-high:before, .fa-tachometer-fast:before, .fa-tachometer:before {
  content: "\f62a";
}

.fa-gavel:before, .fa-legal:before {
  content: "\f0e3";
}

.fa-cog:before, .fa-gear:before {
  content: "\f013";
}

.fa-cogs:before, .fa-gears:before {
  content: "\f085";
}

.fa-gem:before {
  content: "\f3a5";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-ghost:before {
  content: "\f6e2";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-gifts:before {
  content: "\f79c";
}

.fa-glass-water:before {
  content: "\e4f4";
}

.fa-glass-water-droplet:before {
  content: "\e4f5";
}

.fa-glasses:before {
  content: "\f530";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-golf-ball-tee:before, .fa-golf-ball:before {
  content: "\f450";
}

.fa-gopuram:before {
  content: "\f664";
}

.fa-graduation-cap:before, .fa-mortar-board:before {
  content: "\f19d";
}

.fa-greater-than:before {
  content: ">";
}

.fa-greater-than-equal:before {
  content: "\f532";
}

.fa-grip-horizontal:before, .fa-grip:before {
  content: "\f58d";
}

.fa-grip-lines:before {
  content: "\f7a4";
}

.fa-grip-lines-vertical:before {
  content: "\f7a5";
}

.fa-grip-vertical:before {
  content: "\f58e";
}

.fa-group-arrows-rotate:before {
  content: "\e4f6";
}

.fa-guarani-sign:before {
  content: "\e19a";
}

.fa-guitar:before {
  content: "\f7a6";
}

.fa-gun:before {
  content: "\e19b";
}

.fa-h:before {
  content: "H";
}

.fa-hammer:before {
  content: "\f6e3";
}

.fa-hamsa:before {
  content: "\f665";
}

.fa-hand-paper:before, .fa-hand:before {
  content: "\f256";
}

.fa-hand-back-fist:before, .fa-hand-rock:before {
  content: "\f255";
}

.fa-allergies:before, .fa-hand-dots:before {
  content: "\f461";
}

.fa-fist-raised:before, .fa-hand-fist:before {
  content: "\f6de";
}

.fa-hand-holding:before {
  content: "\f4bd";
}

.fa-hand-holding-dollar:before, .fa-hand-holding-usd:before {
  content: "\f4c0";
}

.fa-hand-holding-droplet:before, .fa-hand-holding-water:before {
  content: "\f4c1";
}

.fa-hand-holding-hand:before {
  content: "\e4f7";
}

.fa-hand-holding-heart:before {
  content: "\f4be";
}

.fa-hand-holding-medical:before {
  content: "\e05c";
}

.fa-hand-lizard:before {
  content: "\f258";
}

.fa-hand-middle-finger:before {
  content: "\f806";
}

.fa-hand-peace:before {
  content: "\f25b";
}

.fa-hand-point-down:before {
  content: "\f0a7";
}

.fa-hand-point-left:before {
  content: "\f0a5";
}

.fa-hand-point-right:before {
  content: "\f0a4";
}

.fa-hand-point-up:before {
  content: "\f0a6";
}

.fa-hand-pointer:before {
  content: "\f25a";
}

.fa-hand-scissors:before {
  content: "\f257";
}

.fa-hand-sparkles:before {
  content: "\e05d";
}

.fa-hand-spock:before {
  content: "\f259";
}

.fa-handcuffs:before {
  content: "\e4f8";
}

.fa-hands:before, .fa-sign-language:before, .fa-signing:before {
  content: "\f2a7";
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before, .fa-hands-american-sign-language-interpreting:before, .fa-hands-asl-interpreting:before {
  content: "\f2a3";
}

.fa-hands-bound:before {
  content: "\e4f9";
}

.fa-hands-bubbles:before, .fa-hands-wash:before {
  content: "\e05e";
}

.fa-hands-clapping:before {
  content: "\e1a8";
}

.fa-hands-holding:before {
  content: "\f4c2";
}

.fa-hands-holding-child:before {
  content: "\e4fa";
}

.fa-hands-holding-circle:before {
  content: "\e4fb";
}

.fa-hands-praying:before, .fa-praying-hands:before {
  content: "\f684";
}

.fa-handshake:before {
  content: "\f2b5";
}

.fa-hands-helping:before, .fa-handshake-angle:before {
  content: "\f4c4";
}

.fa-handshake-alt:before, .fa-handshake-simple:before {
  content: "\f4c6";
}

.fa-handshake-alt-slash:before, .fa-handshake-simple-slash:before {
  content: "\e05f";
}

.fa-handshake-slash:before {
  content: "\e060";
}

.fa-hanukiah:before {
  content: "\f6e6";
}

.fa-hard-drive:before, .fa-hdd:before {
  content: "\f0a0";
}

.fa-hashtag:before {
  content: "#";
}

.fa-hat-cowboy:before {
  content: "\f8c0";
}

.fa-hat-cowboy-side:before {
  content: "\f8c1";
}

.fa-hat-wizard:before {
  content: "\f6e8";
}

.fa-head-side-cough:before {
  content: "\e061";
}

.fa-head-side-cough-slash:before {
  content: "\e062";
}

.fa-head-side-mask:before {
  content: "\e063";
}

.fa-head-side-virus:before {
  content: "\e064";
}

.fa-header:before, .fa-heading:before {
  content: "\f1dc";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-headphones-alt:before, .fa-headphones-simple:before {
  content: "\f58f";
}

.fa-headset:before {
  content: "\f590";
}

.fa-heart:before {
  content: "\f004";
}

.fa-heart-circle-bolt:before {
  content: "\e4fc";
}

.fa-heart-circle-check:before {
  content: "\e4fd";
}

.fa-heart-circle-exclamation:before {
  content: "\e4fe";
}

.fa-heart-circle-minus:before {
  content: "\e4ff";
}

.fa-heart-circle-plus:before {
  content: "\e500";
}

.fa-heart-circle-xmark:before {
  content: "\e501";
}

.fa-heart-broken:before, .fa-heart-crack:before {
  content: "\f7a9";
}

.fa-heart-pulse:before, .fa-heartbeat:before {
  content: "\f21e";
}

.fa-helicopter:before {
  content: "\f533";
}

.fa-helicopter-symbol:before {
  content: "\e502";
}

.fa-hard-hat:before, .fa-hat-hard:before, .fa-helmet-safety:before {
  content: "\f807";
}

.fa-helmet-un:before {
  content: "\e503";
}

.fa-highlighter:before {
  content: "\f591";
}

.fa-hill-avalanche:before {
  content: "\e507";
}

.fa-hill-rockslide:before {
  content: "\e508";
}

.fa-hippo:before {
  content: "\f6ed";
}

.fa-hockey-puck:before {
  content: "\f453";
}

.fa-holly-berry:before {
  content: "\f7aa";
}

.fa-horse:before {
  content: "\f6f0";
}

.fa-horse-head:before {
  content: "\f7ab";
}

.fa-hospital-alt:before, .fa-hospital-wide:before, .fa-hospital:before {
  content: "\f0f8";
}

.fa-hospital-user:before {
  content: "\f80d";
}

.fa-hot-tub-person:before, .fa-hot-tub:before {
  content: "\f593";
}

.fa-hotdog:before {
  content: "\f80f";
}

.fa-hotel:before {
  content: "\f594";
}

.fa-hourglass-empty:before, .fa-hourglass:before {
  content: "\f254";
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "\f251";
}

.fa-home-alt:before, .fa-home-lg-alt:before, .fa-home:before, .fa-house:before {
  content: "\f015";
}

.fa-home-lg:before, .fa-house-chimney:before {
  content: "\e3af";
}

.fa-house-chimney-crack:before, .fa-house-damage:before {
  content: "\f6f1";
}

.fa-clinic-medical:before, .fa-house-chimney-medical:before {
  content: "\f7f2";
}

.fa-house-chimney-user:before {
  content: "\e065";
}

.fa-house-chimney-window:before {
  content: "\e00d";
}

.fa-house-circle-check:before {
  content: "\e509";
}

.fa-house-circle-exclamation:before {
  content: "\e50a";
}

.fa-house-circle-xmark:before {
  content: "\e50b";
}

.fa-house-crack:before {
  content: "\e3b1";
}

.fa-house-fire:before {
  content: "\e50c";
}

.fa-house-flag:before {
  content: "\e50d";
}

.fa-house-flood-water:before {
  content: "\e50e";
}

.fa-house-flood-water-circle-arrow-right:before {
  content: "\e50f";
}

.fa-house-laptop:before, .fa-laptop-house:before {
  content: "\e066";
}

.fa-house-lock:before {
  content: "\e510";
}

.fa-house-medical:before {
  content: "\e3b2";
}

.fa-house-medical-circle-check:before {
  content: "\e511";
}

.fa-house-medical-circle-exclamation:before {
  content: "\e512";
}

.fa-house-medical-circle-xmark:before {
  content: "\e513";
}

.fa-house-medical-flag:before {
  content: "\e514";
}

.fa-house-signal:before {
  content: "\e012";
}

.fa-house-tsunami:before {
  content: "\e515";
}

.fa-home-user:before, .fa-house-user:before {
  content: "\e1b0";
}

.fa-hryvnia-sign:before, .fa-hryvnia:before {
  content: "\f6f2";
}

.fa-hurricane:before {
  content: "\f751";
}

.fa-i:before {
  content: "I";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-ice-cream:before {
  content: "\f810";
}

.fa-icicles:before {
  content: "\f7ad";
}

.fa-heart-music-camera-bolt:before, .fa-icons:before {
  content: "\f86d";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-drivers-license:before, .fa-id-card:before {
  content: "\f2c2";
}

.fa-id-card-alt:before, .fa-id-card-clip:before {
  content: "\f47f";
}

.fa-igloo:before {
  content: "\f7ae";
}

.fa-image:before {
  content: "\f03e";
}

.fa-image-portrait:before, .fa-portrait:before {
  content: "\f3e0";
}

.fa-images:before {
  content: "\f302";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-indian-rupee-sign:before, .fa-indian-rupee:before, .fa-inr:before {
  content: "\e1bc";
}

.fa-industry:before {
  content: "\f275";
}

.fa-infinity:before {
  content: "\f534";
}

.fa-info:before {
  content: "\f129";
}

.fa-italic:before {
  content: "\f033";
}

.fa-j:before {
  content: "J";
}

.fa-jar:before {
  content: "\e516";
}

.fa-jar-wheat:before {
  content: "\e517";
}

.fa-jedi:before {
  content: "\f669";
}

.fa-fighter-jet:before, .fa-jet-fighter:before {
  content: "\f0fb";
}

.fa-jet-fighter-up:before {
  content: "\e518";
}

.fa-joint:before {
  content: "\f595";
}

.fa-jug-detergent:before {
  content: "\e519";
}

.fa-k:before {
  content: "K";
}

.fa-kaaba:before {
  content: "\f66b";
}

.fa-key:before {
  content: "\f084";
}

.fa-keyboard:before {
  content: "\f11c";
}

.fa-khanda:before {
  content: "\f66d";
}

.fa-kip-sign:before {
  content: "\e1c4";
}

.fa-first-aid:before, .fa-kit-medical:before {
  content: "\f479";
}

.fa-kitchen-set:before {
  content: "\e51a";
}

.fa-kiwi-bird:before {
  content: "\f535";
}

.fa-l:before {
  content: "L";
}

.fa-land-mine-on:before {
  content: "\e51b";
}

.fa-landmark:before {
  content: "\f66f";
}

.fa-landmark-alt:before, .fa-landmark-dome:before {
  content: "\f752";
}

.fa-landmark-flag:before {
  content: "\e51c";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-laptop-code:before {
  content: "\f5fc";
}

.fa-laptop-file:before {
  content: "\e51d";
}

.fa-laptop-medical:before {
  content: "\f812";
}

.fa-lari-sign:before {
  content: "\e1c8";
}

.fa-layer-group:before {
  content: "\f5fd";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-left-long:before, .fa-long-arrow-alt-left:before {
  content: "\f30a";
}

.fa-arrows-alt-h:before, .fa-left-right:before {
  content: "\f337";
}

.fa-lemon:before {
  content: "\f094";
}

.fa-less-than:before {
  content: "<";
}

.fa-less-than-equal:before {
  content: "\f537";
}

.fa-life-ring:before {
  content: "\f1cd";
}

.fa-lightbulb:before {
  content: "\f0eb";
}

.fa-lines-leaning:before {
  content: "\e51e";
}

.fa-chain:before, .fa-link:before {
  content: "\f0c1";
}

.fa-chain-broken:before, .fa-chain-slash:before, .fa-link-slash:before, .fa-unlink:before {
  content: "\f127";
}

.fa-lira-sign:before {
  content: "\f195";
}

.fa-list-squares:before, .fa-list:before {
  content: "\f03a";
}

.fa-list-check:before, .fa-tasks:before {
  content: "\f0ae";
}

.fa-list-1-2:before, .fa-list-numeric:before, .fa-list-ol:before {
  content: "\f0cb";
}

.fa-list-dots:before, .fa-list-ul:before {
  content: "\f0ca";
}

.fa-litecoin-sign:before {
  content: "\e1d3";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-location-crosshairs:before, .fa-location:before {
  content: "\f601";
}

.fa-location-dot:before, .fa-map-marker-alt:before {
  content: "\f3c5";
}

.fa-location-pin:before, .fa-map-marker:before {
  content: "\f041";
}

.fa-location-pin-lock:before {
  content: "\e51f";
}

.fa-lock:before {
  content: "\f023";
}

.fa-lock-open:before {
  content: "\f3c1";
}

.fa-locust:before {
  content: "\e520";
}

.fa-lungs:before {
  content: "\f604";
}

.fa-lungs-virus:before {
  content: "\e067";
}

.fa-m:before {
  content: "M";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-magnifying-glass:before, .fa-search:before {
  content: "\f002";
}

.fa-magnifying-glass-arrow-right:before {
  content: "\e521";
}

.fa-magnifying-glass-chart:before {
  content: "\e522";
}

.fa-magnifying-glass-dollar:before, .fa-search-dollar:before {
  content: "\f688";
}

.fa-magnifying-glass-location:before, .fa-search-location:before {
  content: "\f689";
}

.fa-magnifying-glass-minus:before, .fa-search-minus:before {
  content: "\f010";
}

.fa-magnifying-glass-plus:before, .fa-search-plus:before {
  content: "\f00e";
}

.fa-manat-sign:before {
  content: "\e1d5";
}

.fa-map:before {
  content: "\f279";
}

.fa-map-location:before, .fa-map-marked:before {
  content: "\f59f";
}

.fa-map-location-dot:before, .fa-map-marked-alt:before {
  content: "\f5a0";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-marker:before {
  content: "\f5a1";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mars-and-venus:before {
  content: "\f224";
}

.fa-mars-and-venus-burst:before {
  content: "\e523";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-h:before, .fa-mars-stroke-right:before {
  content: "\f22b";
}

.fa-mars-stroke-up:before, .fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-glass-martini-alt:before, .fa-martini-glass:before {
  content: "\f57b";
}

.fa-cocktail:before, .fa-martini-glass-citrus:before {
  content: "\f561";
}

.fa-glass-martini:before, .fa-martini-glass-empty:before {
  content: "\f000";
}

.fa-mask:before {
  content: "\f6fa";
}

.fa-mask-face:before {
  content: "\e1d7";
}

.fa-mask-ventilator:before {
  content: "\e524";
}

.fa-masks-theater:before, .fa-theater-masks:before {
  content: "\f630";
}

.fa-mattress-pillow:before {
  content: "\e525";
}

.fa-expand-arrows-alt:before, .fa-maximize:before {
  content: "\f31e";
}

.fa-medal:before {
  content: "\f5a2";
}

.fa-memory:before {
  content: "\f538";
}

.fa-menorah:before {
  content: "\f676";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-comment-alt:before, .fa-message:before {
  content: "\f27a";
}

.fa-meteor:before {
  content: "\f753";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-alt:before, .fa-microphone-lines:before {
  content: "\f3c9";
}

.fa-microphone-alt-slash:before, .fa-microphone-lines-slash:before {
  content: "\f539";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-microscope:before {
  content: "\f610";
}

.fa-mill-sign:before {
  content: "\e1ed";
}

.fa-compress-arrows-alt:before, .fa-minimize:before {
  content: "\f78c";
}

.fa-minus:before, .fa-subtract:before {
  content: "\f068";
}

.fa-mitten:before {
  content: "\f7b5";
}

.fa-mobile-android:before, .fa-mobile-phone:before, .fa-mobile:before {
  content: "\f3ce";
}

.fa-mobile-button:before {
  content: "\f10b";
}

.fa-mobile-retro:before {
  content: "\e527";
}

.fa-mobile-android-alt:before, .fa-mobile-screen:before {
  content: "\f3cf";
}

.fa-mobile-alt:before, .fa-mobile-screen-button:before {
  content: "\f3cd";
}

.fa-money-bill:before {
  content: "\f0d6";
}

.fa-money-bill-1:before, .fa-money-bill-alt:before {
  content: "\f3d1";
}

.fa-money-bill-1-wave:before, .fa-money-bill-wave-alt:before {
  content: "\f53b";
}

.fa-money-bill-transfer:before {
  content: "\e528";
}

.fa-money-bill-trend-up:before {
  content: "\e529";
}

.fa-money-bill-wave:before {
  content: "\f53a";
}

.fa-money-bill-wheat:before {
  content: "\e52a";
}

.fa-money-bills:before {
  content: "\e1f3";
}

.fa-money-check:before {
  content: "\f53c";
}

.fa-money-check-alt:before, .fa-money-check-dollar:before {
  content: "\f53d";
}

.fa-monument:before {
  content: "\f5a6";
}

.fa-moon:before {
  content: "\f186";
}

.fa-mortar-pestle:before {
  content: "\f5a7";
}

.fa-mosque:before {
  content: "\f678";
}

.fa-mosquito:before {
  content: "\e52b";
}

.fa-mosquito-net:before {
  content: "\e52c";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-mound:before {
  content: "\e52d";
}

.fa-mountain:before {
  content: "\f6fc";
}

.fa-mountain-city:before {
  content: "\e52e";
}

.fa-mountain-sun:before {
  content: "\e52f";
}

.fa-mug-hot:before {
  content: "\f7b6";
}

.fa-coffee:before, .fa-mug-saucer:before {
  content: "\f0f4";
}

.fa-music:before {
  content: "\f001";
}

.fa-n:before {
  content: "N";
}

.fa-naira-sign:before {
  content: "\e1f6";
}

.fa-network-wired:before {
  content: "\f6ff";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-newspaper:before {
  content: "\f1ea";
}

.fa-not-equal:before {
  content: "\f53e";
}

.fa-notdef:before {
  content: "\e1fe";
}

.fa-note-sticky:before, .fa-sticky-note:before {
  content: "\f249";
}

.fa-notes-medical:before {
  content: "\f481";
}

.fa-o:before {
  content: "O";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-oil-can:before {
  content: "\f613";
}

.fa-oil-well:before {
  content: "\e532";
}

.fa-om:before {
  content: "\f679";
}

.fa-otter:before {
  content: "\f700";
}

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b";
}

.fa-p:before {
  content: "P";
}

.fa-pager:before {
  content: "\f815";
}

.fa-paint-roller:before {
  content: "\f5aa";
}

.fa-paint-brush:before, .fa-paintbrush:before {
  content: "\f1fc";
}

.fa-palette:before {
  content: "\f53f";
}

.fa-pallet:before {
  content: "\f482";
}

.fa-panorama:before {
  content: "\e209";
}

.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-parachute-box:before {
  content: "\f4cd";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-passport:before {
  content: "\f5ab";
}

.fa-file-clipboard:before, .fa-paste:before {
  content: "\f0ea";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-peace:before {
  content: "\f67c";
}

.fa-pen:before {
  content: "\f304";
}

.fa-pen-alt:before, .fa-pen-clip:before {
  content: "\f305";
}

.fa-pen-fancy:before {
  content: "\f5ac";
}

.fa-pen-nib:before {
  content: "\f5ad";
}

.fa-pen-ruler:before, .fa-pencil-ruler:before {
  content: "\f5ae";
}

.fa-edit:before, .fa-pen-to-square:before {
  content: "\f044";
}

.fa-pencil-alt:before, .fa-pencil:before {
  content: "\f303";
}

.fa-people-arrows-left-right:before, .fa-people-arrows:before {
  content: "\e068";
}

.fa-people-carry-box:before, .fa-people-carry:before {
  content: "\f4ce";
}

.fa-people-group:before {
  content: "\e533";
}

.fa-people-line:before {
  content: "\e534";
}

.fa-people-pulling:before {
  content: "\e535";
}

.fa-people-robbery:before {
  content: "\e536";
}

.fa-people-roof:before {
  content: "\e537";
}

.fa-pepper-hot:before {
  content: "\f816";
}

.fa-percent:before, .fa-percentage:before {
  content: "%";
}

.fa-male:before, .fa-person:before {
  content: "\f183";
}

.fa-person-arrow-down-to-line:before {
  content: "\e538";
}

.fa-person-arrow-up-from-line:before {
  content: "\e539";
}

.fa-biking:before, .fa-person-biking:before {
  content: "\f84a";
}

.fa-person-booth:before {
  content: "\f756";
}

.fa-person-breastfeeding:before {
  content: "\e53a";
}

.fa-person-burst:before {
  content: "\e53b";
}

.fa-person-cane:before {
  content: "\e53c";
}

.fa-person-chalkboard:before {
  content: "\e53d";
}

.fa-person-circle-check:before {
  content: "\e53e";
}

.fa-person-circle-exclamation:before {
  content: "\e53f";
}

.fa-person-circle-minus:before {
  content: "\e540";
}

.fa-person-circle-plus:before {
  content: "\e541";
}

.fa-person-circle-question:before {
  content: "\e542";
}

.fa-person-circle-xmark:before {
  content: "\e543";
}

.fa-digging:before, .fa-person-digging:before {
  content: "\f85e";
}

.fa-diagnoses:before, .fa-person-dots-from-line:before {
  content: "\f470";
}

.fa-female:before, .fa-person-dress:before {
  content: "\f182";
}

.fa-person-dress-burst:before {
  content: "\e544";
}

.fa-person-drowning:before {
  content: "\e545";
}

.fa-person-falling:before {
  content: "\e546";
}

.fa-person-falling-burst:before {
  content: "\e547";
}

.fa-person-half-dress:before {
  content: "\e548";
}

.fa-person-harassing:before {
  content: "\e549";
}

.fa-hiking:before, .fa-person-hiking:before {
  content: "\f6ec";
}

.fa-person-military-pointing:before {
  content: "\e54a";
}

.fa-person-military-rifle:before {
  content: "\e54b";
}

.fa-person-military-to-person:before {
  content: "\e54c";
}

.fa-person-praying:before, .fa-pray:before {
  content: "\f683";
}

.fa-person-pregnant:before {
  content: "\e31e";
}

.fa-person-rays:before {
  content: "\e54d";
}

.fa-person-rifle:before {
  content: "\e54e";
}

.fa-person-running:before, .fa-running:before {
  content: "\f70c";
}

.fa-person-shelter:before {
  content: "\e54f";
}

.fa-person-skating:before, .fa-skating:before {
  content: "\f7c5";
}

.fa-person-skiing:before, .fa-skiing:before {
  content: "\f7c9";
}

.fa-person-skiing-nordic:before, .fa-skiing-nordic:before {
  content: "\f7ca";
}

.fa-person-snowboarding:before, .fa-snowboarding:before {
  content: "\f7ce";
}

.fa-person-swimming:before, .fa-swimmer:before {
  content: "\f5c4";
}

.fa-person-through-window:before {
  content: "\e5a9";
}

.fa-person-walking:before, .fa-walking:before {
  content: "\f554";
}

.fa-person-walking-arrow-loop-left:before {
  content: "\e551";
}

.fa-person-walking-arrow-right:before {
  content: "\e552";
}

.fa-person-walking-dashed-line-arrow-right:before {
  content: "\e553";
}

.fa-person-walking-luggage:before {
  content: "\e554";
}

.fa-blind:before, .fa-person-walking-with-cane:before {
  content: "\f29d";
}

.fa-peseta-sign:before {
  content: "\e221";
}

.fa-peso-sign:before {
  content: "\e222";
}

.fa-phone:before {
  content: "\f095";
}

.fa-phone-alt:before, .fa-phone-flip:before {
  content: "\f879";
}

.fa-phone-slash:before {
  content: "\f3dd";
}

.fa-phone-volume:before, .fa-volume-control-phone:before {
  content: "\f2a0";
}

.fa-photo-film:before, .fa-photo-video:before {
  content: "\f87c";
}

.fa-piggy-bank:before {
  content: "\f4d3";
}

.fa-pills:before {
  content: "\f484";
}

.fa-pizza-slice:before {
  content: "\f818";
}

.fa-place-of-worship:before {
  content: "\f67f";
}

.fa-plane:before {
  content: "\f072";
}

.fa-plane-arrival:before {
  content: "\f5af";
}

.fa-plane-circle-check:before {
  content: "\e555";
}

.fa-plane-circle-exclamation:before {
  content: "\e556";
}

.fa-plane-circle-xmark:before {
  content: "\e557";
}

.fa-plane-departure:before {
  content: "\f5b0";
}

.fa-plane-lock:before {
  content: "\e558";
}

.fa-plane-slash:before {
  content: "\e069";
}

.fa-plane-up:before {
  content: "\e22d";
}

.fa-plant-wilt:before {
  content: "\e5aa";
}

.fa-plate-wheat:before {
  content: "\e55a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-plug-circle-bolt:before {
  content: "\e55b";
}

.fa-plug-circle-check:before {
  content: "\e55c";
}

.fa-plug-circle-exclamation:before {
  content: "\e55d";
}

.fa-plug-circle-minus:before {
  content: "\e55e";
}

.fa-plug-circle-plus:before {
  content: "\e55f";
}

.fa-plug-circle-xmark:before {
  content: "\e560";
}

.fa-add:before, .fa-plus:before {
  content: "+";
}

.fa-plus-minus:before {
  content: "\e43c";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-poo:before {
  content: "\f2fe";
}

.fa-poo-bolt:before, .fa-poo-storm:before {
  content: "\f75a";
}

.fa-poop:before {
  content: "\f619";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-prescription:before {
  content: "\f5b1";
}

.fa-prescription-bottle:before {
  content: "\f485";
}

.fa-prescription-bottle-alt:before, .fa-prescription-bottle-medical:before {
  content: "\f486";
}

.fa-print:before {
  content: "\f02f";
}

.fa-pump-medical:before {
  content: "\e06a";
}

.fa-pump-soap:before {
  content: "\e06b";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-q:before {
  content: "Q";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-question:before {
  content: "?";
}

.fa-quote-left-alt:before, .fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right-alt:before, .fa-quote-right:before {
  content: "\f10e";
}

.fa-r:before {
  content: "R";
}

.fa-radiation:before {
  content: "\f7b9";
}

.fa-radio:before {
  content: "\f8d7";
}

.fa-rainbow:before {
  content: "\f75b";
}

.fa-ranking-star:before {
  content: "\e561";
}

.fa-receipt:before {
  content: "\f543";
}

.fa-record-vinyl:before {
  content: "\f8d9";
}

.fa-ad:before, .fa-rectangle-ad:before {
  content: "\f641";
}

.fa-list-alt:before, .fa-rectangle-list:before {
  content: "\f022";
}

.fa-rectangle-times:before, .fa-rectangle-xmark:before, .fa-times-rectangle:before, .fa-window-close:before {
  content: "\f410";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-repeat:before {
  content: "\f363";
}

.fa-mail-reply:before, .fa-reply:before {
  content: "\f3e5";
}

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122";
}

.fa-republican:before {
  content: "\f75e";
}

.fa-restroom:before {
  content: "\f7bd";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-ribbon:before {
  content: "\f4d6";
}

.fa-right-from-bracket:before, .fa-sign-out-alt:before {
  content: "\f2f5";
}

.fa-exchange-alt:before, .fa-right-left:before {
  content: "\f362";
}

.fa-long-arrow-alt-right:before, .fa-right-long:before {
  content: "\f30b";
}

.fa-right-to-bracket:before, .fa-sign-in-alt:before {
  content: "\f2f6";
}

.fa-ring:before {
  content: "\f70b";
}

.fa-road:before {
  content: "\f018";
}

.fa-road-barrier:before {
  content: "\e562";
}

.fa-road-bridge:before {
  content: "\e563";
}

.fa-road-circle-check:before {
  content: "\e564";
}

.fa-road-circle-exclamation:before {
  content: "\e565";
}

.fa-road-circle-xmark:before {
  content: "\e566";
}

.fa-road-lock:before {
  content: "\e567";
}

.fa-road-spikes:before {
  content: "\e568";
}

.fa-robot:before {
  content: "\f544";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-rotate:before, .fa-sync-alt:before {
  content: "\f2f1";
}

.fa-rotate-back:before, .fa-rotate-backward:before, .fa-rotate-left:before, .fa-undo-alt:before {
  content: "\f2ea";
}

.fa-redo-alt:before, .fa-rotate-forward:before, .fa-rotate-right:before {
  content: "\f2f9";
}

.fa-route:before {
  content: "\f4d7";
}

.fa-feed:before, .fa-rss:before {
  content: "\f09e";
}

.fa-rouble:before, .fa-rub:before, .fa-ruble-sign:before, .fa-ruble:before {
  content: "\f158";
}

.fa-rug:before {
  content: "\e569";
}

.fa-ruler:before {
  content: "\f545";
}

.fa-ruler-combined:before {
  content: "\f546";
}

.fa-ruler-horizontal:before {
  content: "\f547";
}

.fa-ruler-vertical:before {
  content: "\f548";
}

.fa-rupee-sign:before, .fa-rupee:before {
  content: "\f156";
}

.fa-rupiah-sign:before {
  content: "\e23d";
}

.fa-s:before {
  content: "S";
}

.fa-sack-dollar:before {
  content: "\f81d";
}

.fa-sack-xmark:before {
  content: "\e56a";
}

.fa-sailboat:before {
  content: "\e445";
}

.fa-satellite:before {
  content: "\f7bf";
}

.fa-satellite-dish:before {
  content: "\f7c0";
}

.fa-balance-scale:before, .fa-scale-balanced:before {
  content: "\f24e";
}

.fa-balance-scale-left:before, .fa-scale-unbalanced:before {
  content: "\f515";
}

.fa-balance-scale-right:before, .fa-scale-unbalanced-flip:before {
  content: "\f516";
}

.fa-school:before {
  content: "\f549";
}

.fa-school-circle-check:before {
  content: "\e56b";
}

.fa-school-circle-exclamation:before {
  content: "\e56c";
}

.fa-school-circle-xmark:before {
  content: "\e56d";
}

.fa-school-flag:before {
  content: "\e56e";
}

.fa-school-lock:before {
  content: "\e56f";
}

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4";
}

.fa-screwdriver:before {
  content: "\f54a";
}

.fa-screwdriver-wrench:before, .fa-tools:before {
  content: "\f7d9";
}

.fa-scroll:before {
  content: "\f70e";
}

.fa-scroll-torah:before, .fa-torah:before {
  content: "\f6a0";
}

.fa-sd-card:before {
  content: "\f7c2";
}

.fa-section:before {
  content: "\e447";
}

.fa-seedling:before, .fa-sprout:before {
  content: "\f4d8";
}

.fa-server:before {
  content: "\f233";
}

.fa-shapes:before, .fa-triangle-circle-square:before {
  content: "\f61f";
}

.fa-arrow-turn-right:before, .fa-mail-forward:before, .fa-share:before {
  content: "\f064";
}

.fa-share-from-square:before, .fa-share-square:before {
  content: "\f14d";
}

.fa-share-alt:before, .fa-share-nodes:before {
  content: "\f1e0";
}

.fa-sheet-plastic:before {
  content: "\e571";
}

.fa-ils:before, .fa-shekel-sign:before, .fa-shekel:before, .fa-sheqel-sign:before, .fa-sheqel:before {
  content: "\f20b";
}

.fa-shield-blank:before, .fa-shield:before {
  content: "\f132";
}

.fa-shield-cat:before {
  content: "\e572";
}

.fa-shield-dog:before {
  content: "\e573";
}

.fa-shield-alt:before, .fa-shield-halved:before {
  content: "\f3ed";
}

.fa-shield-heart:before {
  content: "\e574";
}

.fa-shield-virus:before {
  content: "\e06c";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-shirt:before, .fa-t-shirt:before, .fa-tshirt:before {
  content: "\f553";
}

.fa-shoe-prints:before {
  content: "\f54b";
}

.fa-shop:before, .fa-store-alt:before {
  content: "\f54f";
}

.fa-shop-lock:before {
  content: "\e4a5";
}

.fa-shop-slash:before, .fa-store-alt-slash:before {
  content: "\e070";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-shrimp:before {
  content: "\e448";
}

.fa-random:before, .fa-shuffle:before {
  content: "\f074";
}

.fa-shuttle-space:before, .fa-space-shuttle:before {
  content: "\f197";
}

.fa-sign-hanging:before, .fa-sign:before {
  content: "\f4d9";
}

.fa-signal-5:before, .fa-signal-perfect:before, .fa-signal:before {
  content: "\f012";
}

.fa-signature:before {
  content: "\f5b7";
}

.fa-map-signs:before, .fa-signs-post:before {
  content: "\f277";
}

.fa-sim-card:before {
  content: "\f7c4";
}

.fa-sink:before {
  content: "\e06d";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-skull:before {
  content: "\f54c";
}

.fa-skull-crossbones:before {
  content: "\f714";
}

.fa-slash:before {
  content: "\f715";
}

.fa-sleigh:before {
  content: "\f7cc";
}

.fa-sliders-h:before, .fa-sliders:before {
  content: "\f1de";
}

.fa-smog:before {
  content: "\f75f";
}

.fa-smoking:before {
  content: "\f48d";
}

.fa-snowflake:before {
  content: "\f2dc";
}

.fa-snowman:before {
  content: "\f7d0";
}

.fa-snowplow:before {
  content: "\f7d2";
}

.fa-soap:before {
  content: "\e06e";
}

.fa-socks:before {
  content: "\f696";
}

.fa-solar-panel:before {
  content: "\f5ba";
}

.fa-sort:before, .fa-unsorted:before {
  content: "\f0dc";
}

.fa-sort-desc:before, .fa-sort-down:before {
  content: "\f0dd";
}

.fa-sort-asc:before, .fa-sort-up:before {
  content: "\f0de";
}

.fa-spa:before {
  content: "\f5bb";
}

.fa-pastafarianism:before, .fa-spaghetti-monster-flying:before {
  content: "\f67b";
}

.fa-spell-check:before {
  content: "\f891";
}

.fa-spider:before {
  content: "\f717";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-splotch:before {
  content: "\f5bc";
}

.fa-spoon:before, .fa-utensil-spoon:before {
  content: "\f2e5";
}

.fa-spray-can:before {
  content: "\f5bd";
}

.fa-air-freshener:before, .fa-spray-can-sparkles:before {
  content: "\f5d0";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-external-link-square:before, .fa-square-arrow-up-right:before {
  content: "\f14c";
}

.fa-caret-square-down:before, .fa-square-caret-down:before {
  content: "\f150";
}

.fa-caret-square-left:before, .fa-square-caret-left:before {
  content: "\f191";
}

.fa-caret-square-right:before, .fa-square-caret-right:before {
  content: "\f152";
}

.fa-caret-square-up:before, .fa-square-caret-up:before {
  content: "\f151";
}

.fa-check-square:before, .fa-square-check:before {
  content: "\f14a";
}

.fa-envelope-square:before, .fa-square-envelope:before {
  content: "\f199";
}

.fa-square-full:before {
  content: "\f45c";
}

.fa-h-square:before, .fa-square-h:before {
  content: "\f0fd";
}

.fa-minus-square:before, .fa-square-minus:before {
  content: "\f146";
}

.fa-square-nfi:before {
  content: "\e576";
}

.fa-parking:before, .fa-square-parking:before {
  content: "\f540";
}

.fa-pen-square:before, .fa-pencil-square:before, .fa-square-pen:before {
  content: "\f14b";
}

.fa-square-person-confined:before {
  content: "\e577";
}

.fa-phone-square:before, .fa-square-phone:before {
  content: "\f098";
}

.fa-phone-square-alt:before, .fa-square-phone-flip:before {
  content: "\f87b";
}

.fa-plus-square:before, .fa-square-plus:before {
  content: "\f0fe";
}

.fa-poll-h:before, .fa-square-poll-horizontal:before {
  content: "\f682";
}

.fa-poll:before, .fa-square-poll-vertical:before {
  content: "\f681";
}

.fa-square-root-alt:before, .fa-square-root-variable:before {
  content: "\f698";
}

.fa-rss-square:before, .fa-square-rss:before {
  content: "\f143";
}

.fa-share-alt-square:before, .fa-square-share-nodes:before {
  content: "\f1e1";
}

.fa-external-link-square-alt:before, .fa-square-up-right:before {
  content: "\f360";
}

.fa-square-virus:before {
  content: "\e578";
}

.fa-square-xmark:before, .fa-times-square:before, .fa-xmark-square:before {
  content: "\f2d3";
}

.fa-rod-asclepius:before, .fa-rod-snake:before, .fa-staff-aesculapius:before, .fa-staff-snake:before {
  content: "\e579";
}

.fa-stairs:before {
  content: "\e289";
}

.fa-stamp:before {
  content: "\f5bf";
}

.fa-stapler:before {
  content: "\e5af";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-and-crescent:before {
  content: "\f699";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-star-half-alt:before, .fa-star-half-stroke:before {
  content: "\f5c0";
}

.fa-star-of-david:before {
  content: "\f69a";
}

.fa-star-of-life:before {
  content: "\f621";
}

.fa-gbp:before, .fa-pound-sign:before, .fa-sterling-sign:before {
  content: "\f154";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-stopwatch:before {
  content: "\f2f2";
}

.fa-stopwatch-20:before {
  content: "\e06f";
}

.fa-store:before {
  content: "\f54e";
}

.fa-store-slash:before {
  content: "\e071";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-stroopwafel:before {
  content: "\f551";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-medkit:before, .fa-suitcase-medical:before {
  content: "\f0fa";
}

.fa-suitcase-rolling:before {
  content: "\f5c1";
}

.fa-sun:before {
  content: "\f185";
}

.fa-sun-plant-wilt:before {
  content: "\e57a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-swatchbook:before {
  content: "\f5c3";
}

.fa-synagogue:before {
  content: "\f69b";
}

.fa-syringe:before {
  content: "\f48e";
}

.fa-t:before {
  content: "T";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-table-cells:before, .fa-th:before {
  content: "\f00a";
}

.fa-table-cells-large:before, .fa-th-large:before {
  content: "\f009";
}

.fa-columns:before, .fa-table-columns:before {
  content: "\f0db";
}

.fa-table-list:before, .fa-th-list:before {
  content: "\f00b";
}

.fa-ping-pong-paddle-ball:before, .fa-table-tennis-paddle-ball:before, .fa-table-tennis:before {
  content: "\f45d";
}

.fa-tablet-android:before, .fa-tablet:before {
  content: "\f3fb";
}

.fa-tablet-button:before {
  content: "\f10a";
}

.fa-tablet-alt:before, .fa-tablet-screen-button:before {
  content: "\f3fa";
}

.fa-tablets:before {
  content: "\f490";
}

.fa-digital-tachograph:before, .fa-tachograph-digital:before {
  content: "\f566";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-tape:before {
  content: "\f4db";
}

.fa-tarp:before {
  content: "\e57b";
}

.fa-tarp-droplet:before {
  content: "\e57c";
}

.fa-cab:before, .fa-taxi:before {
  content: "\f1ba";
}

.fa-teeth:before {
  content: "\f62e";
}

.fa-teeth-open:before {
  content: "\f62f";
}

.fa-temperature-arrow-down:before, .fa-temperature-down:before {
  content: "\e03f";
}

.fa-temperature-arrow-up:before, .fa-temperature-up:before {
  content: "\e040";
}

.fa-temperature-0:before, .fa-temperature-empty:before, .fa-thermometer-0:before, .fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-temperature-4:before, .fa-temperature-full:before, .fa-thermometer-4:before, .fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-temperature-2:before, .fa-temperature-half:before, .fa-thermometer-2:before, .fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-temperature-high:before {
  content: "\f769";
}

.fa-temperature-low:before {
  content: "\f76b";
}

.fa-temperature-1:before, .fa-temperature-quarter:before, .fa-thermometer-1:before, .fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-temperature-3:before, .fa-temperature-three-quarters:before, .fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-tenge-sign:before, .fa-tenge:before {
  content: "\f7d7";
}

.fa-tent:before {
  content: "\e57d";
}

.fa-tent-arrow-down-to-line:before {
  content: "\e57e";
}

.fa-tent-arrow-left-right:before {
  content: "\e57f";
}

.fa-tent-arrow-turn-left:before {
  content: "\e580";
}

.fa-tent-arrows-down:before {
  content: "\e581";
}

.fa-tents:before {
  content: "\e582";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-remove-format:before, .fa-text-slash:before {
  content: "\f87d";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-thermometer:before {
  content: "\f491";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumb-tack:before, .fa-thumbtack:before {
  content: "\f08d";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-ticket-alt:before, .fa-ticket-simple:before {
  content: "\f3ff";
}

.fa-timeline:before {
  content: "\e29c";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-toilet:before {
  content: "\f7d8";
}

.fa-toilet-paper:before {
  content: "\f71e";
}

.fa-toilet-paper-slash:before {
  content: "\e072";
}

.fa-toilet-portable:before {
  content: "\e583";
}

.fa-toilets-portable:before {
  content: "\e584";
}

.fa-toolbox:before {
  content: "\f552";
}

.fa-tooth:before {
  content: "\f5c9";
}

.fa-torii-gate:before {
  content: "\f6a1";
}

.fa-tornado:before {
  content: "\f76f";
}

.fa-broadcast-tower:before, .fa-tower-broadcast:before {
  content: "\f519";
}

.fa-tower-cell:before {
  content: "\e585";
}

.fa-tower-observation:before {
  content: "\e586";
}

.fa-tractor:before {
  content: "\f722";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-traffic-light:before {
  content: "\f637";
}

.fa-trailer:before {
  content: "\e041";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before, .fa-train-subway:before {
  content: "\f239";
}

.fa-train-tram:before {
  content: "\e5b4";
}

.fa-transgender-alt:before, .fa-transgender:before {
  content: "\f225";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-trash-arrow-up:before, .fa-trash-restore:before {
  content: "\f829";
}

.fa-trash-alt:before, .fa-trash-can:before {
  content: "\f2ed";
}

.fa-trash-can-arrow-up:before, .fa-trash-restore-alt:before {
  content: "\f82a";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-tree-city:before {
  content: "\e587";
}

.fa-exclamation-triangle:before, .fa-triangle-exclamation:before, .fa-warning:before {
  content: "\f071";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-trowel:before {
  content: "\e589";
}

.fa-trowel-bricks:before {
  content: "\e58a";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-truck-arrow-right:before {
  content: "\e58b";
}

.fa-truck-droplet:before {
  content: "\e58c";
}

.fa-shipping-fast:before, .fa-truck-fast:before {
  content: "\f48b";
}

.fa-truck-field:before {
  content: "\e58d";
}

.fa-truck-field-un:before {
  content: "\e58e";
}

.fa-truck-front:before {
  content: "\e2b7";
}

.fa-ambulance:before, .fa-truck-medical:before {
  content: "\f0f9";
}

.fa-truck-monster:before {
  content: "\f63b";
}

.fa-truck-moving:before {
  content: "\f4df";
}

.fa-truck-pickup:before {
  content: "\f63c";
}

.fa-truck-plane:before {
  content: "\e58f";
}

.fa-truck-loading:before, .fa-truck-ramp-box:before {
  content: "\f4de";
}

.fa-teletype:before, .fa-tty:before {
  content: "\f1e4";
}

.fa-try:before, .fa-turkish-lira-sign:before, .fa-turkish-lira:before {
  content: "\e2bb";
}

.fa-level-down-alt:before, .fa-turn-down:before {
  content: "\f3be";
}

.fa-level-up-alt:before, .fa-turn-up:before {
  content: "\f3bf";
}

.fa-television:before, .fa-tv-alt:before, .fa-tv:before {
  content: "\f26c";
}

.fa-u:before {
  content: "U";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-umbrella-beach:before {
  content: "\f5ca";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-unlock-alt:before, .fa-unlock-keyhole:before {
  content: "\f13e";
}

.fa-arrows-alt-v:before, .fa-up-down:before {
  content: "\f338";
}

.fa-arrows-alt:before, .fa-up-down-left-right:before {
  content: "\f0b2";
}

.fa-long-arrow-alt-up:before, .fa-up-long:before {
  content: "\f30c";
}

.fa-expand-alt:before, .fa-up-right-and-down-left-from-center:before {
  content: "\f424";
}

.fa-external-link-alt:before, .fa-up-right-from-square:before {
  content: "\f35d";
}

.fa-upload:before {
  content: "\f093";
}

.fa-user:before {
  content: "\f007";
}

.fa-user-astronaut:before {
  content: "\f4fb";
}

.fa-user-check:before {
  content: "\f4fc";
}

.fa-user-clock:before {
  content: "\f4fd";
}

.fa-user-doctor:before, .fa-user-md:before {
  content: "\f0f0";
}

.fa-user-cog:before, .fa-user-gear:before {
  content: "\f4fe";
}

.fa-user-graduate:before {
  content: "\f501";
}

.fa-user-friends:before, .fa-user-group:before {
  content: "\f500";
}

.fa-user-injured:before {
  content: "\f728";
}

.fa-user-alt:before, .fa-user-large:before {
  content: "\f406";
}

.fa-user-alt-slash:before, .fa-user-large-slash:before {
  content: "\f4fa";
}

.fa-user-lock:before {
  content: "\f502";
}

.fa-user-minus:before {
  content: "\f503";
}

.fa-user-ninja:before {
  content: "\f504";
}

.fa-user-nurse:before {
  content: "\f82f";
}

.fa-user-edit:before, .fa-user-pen:before {
  content: "\f4ff";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-user-shield:before {
  content: "\f505";
}

.fa-user-slash:before {
  content: "\f506";
}

.fa-user-tag:before {
  content: "\f507";
}

.fa-user-tie:before {
  content: "\f508";
}

.fa-user-times:before, .fa-user-xmark:before {
  content: "\f235";
}

.fa-users:before {
  content: "\f0c0";
}

.fa-users-between-lines:before {
  content: "\e591";
}

.fa-users-cog:before, .fa-users-gear:before {
  content: "\f509";
}

.fa-users-line:before {
  content: "\e592";
}

.fa-users-rays:before {
  content: "\e593";
}

.fa-users-rectangle:before {
  content: "\e594";
}

.fa-users-slash:before {
  content: "\e073";
}

.fa-users-viewfinder:before {
  content: "\e595";
}

.fa-cutlery:before, .fa-utensils:before {
  content: "\f2e7";
}

.fa-v:before {
  content: "V";
}

.fa-shuttle-van:before, .fa-van-shuttle:before {
  content: "\f5b6";
}

.fa-vault:before {
  content: "\e2c5";
}

.fa-vector-square:before {
  content: "\f5cb";
}

.fa-venus:before {
  content: "\f221";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-vest:before {
  content: "\e085";
}

.fa-vest-patches:before {
  content: "\e086";
}

.fa-vial:before {
  content: "\f492";
}

.fa-vial-circle-check:before {
  content: "\e596";
}

.fa-vial-virus:before {
  content: "\e597";
}

.fa-vials:before {
  content: "\f493";
}

.fa-video-camera:before, .fa-video:before {
  content: "\f03d";
}

.fa-video-slash:before {
  content: "\f4e2";
}

.fa-vihara:before {
  content: "\f6a7";
}

.fa-virus:before {
  content: "\e074";
}

.fa-virus-covid:before {
  content: "\e4a8";
}

.fa-virus-covid-slash:before {
  content: "\e4a9";
}

.fa-virus-slash:before {
  content: "\e075";
}

.fa-viruses:before {
  content: "\e076";
}

.fa-voicemail:before {
  content: "\f897";
}

.fa-volcano:before {
  content: "\f770";
}

.fa-volleyball-ball:before, .fa-volleyball:before {
  content: "\f45f";
}

.fa-volume-high:before, .fa-volume-up:before {
  content: "\f028";
}

.fa-volume-down:before, .fa-volume-low:before {
  content: "\f027";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-mute:before, .fa-volume-times:before, .fa-volume-xmark:before {
  content: "\f6a9";
}

.fa-vr-cardboard:before {
  content: "\f729";
}

.fa-w:before {
  content: "W";
}

.fa-walkie-talkie:before {
  content: "\f8ef";
}

.fa-wallet:before {
  content: "\f555";
}

.fa-magic:before, .fa-wand-magic:before {
  content: "\f0d0";
}

.fa-magic-wand-sparkles:before, .fa-wand-magic-sparkles:before {
  content: "\e2ca";
}

.fa-wand-sparkles:before {
  content: "\f72b";
}

.fa-warehouse:before {
  content: "\f494";
}

.fa-water:before {
  content: "\f773";
}

.fa-ladder-water:before, .fa-swimming-pool:before, .fa-water-ladder:before {
  content: "\f5c5";
}

.fa-wave-square:before {
  content: "\f83e";
}

.fa-weight-hanging:before {
  content: "\f5cd";
}

.fa-weight-scale:before, .fa-weight:before {
  content: "\f496";
}

.fa-wheat-alt:before, .fa-wheat-awn:before {
  content: "\e2cd";
}

.fa-wheat-awn-circle-exclamation:before {
  content: "\e598";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-wheelchair-alt:before, .fa-wheelchair-move:before {
  content: "\e2ce";
}

.fa-glass-whiskey:before, .fa-whiskey-glass:before {
  content: "\f7a0";
}

.fa-wifi-3:before, .fa-wifi-strong:before, .fa-wifi:before {
  content: "\f1eb";
}

.fa-wind:before {
  content: "\f72e";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-wine-bottle:before {
  content: "\f72f";
}

.fa-wine-glass:before {
  content: "\f4e3";
}

.fa-wine-glass-alt:before, .fa-wine-glass-empty:before {
  content: "\f5ce";
}

.fa-krw:before, .fa-won-sign:before, .fa-won:before {
  content: "\f159";
}

.fa-worm:before {
  content: "\e599";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-x:before {
  content: "X";
}

.fa-x-ray:before {
  content: "\f497";
}

.fa-close:before, .fa-multiply:before, .fa-remove:before, .fa-times:before, .fa-xmark:before {
  content: "\f00d";
}

.fa-xmarks-lines:before {
  content: "\e59a";
}

.fa-y:before {
  content: "Y";
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen-sign:before, .fa-yen:before {
  content: "\f157";
}

.fa-yin-yang:before {
  content: "\f6ad";
}

.fa-z:before {
  content: "Z";
}

.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-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/@fortawesome/fa-brands-400.woff2) format("woff2"), url(/fonts/@fortawesome/fa-brands-400.ttf) format("truetype");
}
.fa-brands, .fab {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa-42-group:before, .fa-innosoft:before {
  content: "\e080";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-accessible-icon:before {
  content: "\f368";
}

.fa-accusoft:before {
  content: "\f369";
}

.fa-adn:before {
  content: "\f170";
}

.fa-adversal:before {
  content: "\f36a";
}

.fa-affiliatetheme:before {
  content: "\f36b";
}

.fa-airbnb:before {
  content: "\f834";
}

.fa-algolia:before {
  content: "\f36c";
}

.fa-alipay:before {
  content: "\f642";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-amazon-pay:before {
  content: "\f42c";
}

.fa-amilia:before {
  content: "\f36d";
}

.fa-android:before {
  content: "\f17b";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-angrycreative:before {
  content: "\f36e";
}

.fa-angular:before {
  content: "\f420";
}

.fa-app-store:before {
  content: "\f36f";
}

.fa-app-store-ios:before {
  content: "\f370";
}

.fa-apper:before {
  content: "\f371";
}

.fa-apple:before {
  content: "\f179";
}

.fa-apple-pay:before {
  content: "\f415";
}

.fa-artstation:before {
  content: "\f77a";
}

.fa-asymmetrik:before {
  content: "\f372";
}

.fa-atlassian:before {
  content: "\f77b";
}

.fa-audible:before {
  content: "\f373";
}

.fa-autoprefixer:before {
  content: "\f41c";
}

.fa-avianex:before {
  content: "\f374";
}

.fa-aviato:before {
  content: "\f421";
}

.fa-aws:before {
  content: "\f375";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-battle-net:before {
  content: "\f835";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-bilibili:before {
  content: "\e3d9";
}

.fa-bimobject:before {
  content: "\f378";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitcoin:before {
  content: "\f379";
}

.fa-bity:before {
  content: "\f37a";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-blackberry:before {
  content: "\f37b";
}

.fa-blogger:before {
  content: "\f37c";
}

.fa-blogger-b:before {
  content: "\f37d";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-bootstrap:before {
  content: "\f836";
}

.fa-bots:before {
  content: "\e340";
}

.fa-btc:before {
  content: "\f15a";
}

.fa-buffer:before {
  content: "\f837";
}

.fa-buromobelexperte:before {
  content: "\f37f";
}

.fa-buy-n-large:before {
  content: "\f8a6";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-canadian-maple-leaf:before {
  content: "\f785";
}

.fa-cc-amazon-pay:before {
  content: "\f42d";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-apple-pay:before {
  content: "\f416";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-centercode:before {
  content: "\f380";
}

.fa-centos:before {
  content: "\f789";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-chromecast:before {
  content: "\f838";
}

.fa-cloudflare:before {
  content: "\e07d";
}

.fa-cloudscale:before {
  content: "\f383";
}

.fa-cloudsmith:before {
  content: "\f384";
}

.fa-cloudversify:before {
  content: "\f385";
}

.fa-cmplid:before {
  content: "\e360";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-confluence:before {
  content: "\f78d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-cotton-bureau:before {
  content: "\f89e";
}

.fa-cpanel:before {
  content: "\f388";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-creative-commons-by:before {
  content: "\f4e7";
}

.fa-creative-commons-nc:before {
  content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
  content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
  content: "\f4ea";
}

.fa-creative-commons-nd:before {
  content: "\f4eb";
}

.fa-creative-commons-pd:before {
  content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
  content: "\f4ed";
}

.fa-creative-commons-remix:before {
  content: "\f4ee";
}

.fa-creative-commons-sa:before {
  content: "\f4ef";
}

.fa-creative-commons-sampling:before {
  content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
  content: "\f4f1";
}

.fa-creative-commons-share:before {
  content: "\f4f2";
}

.fa-creative-commons-zero:before {
  content: "\f4f3";
}

.fa-critical-role:before {
  content: "\f6c9";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-css3-alt:before {
  content: "\f38b";
}

.fa-cuttlefish:before {
  content: "\f38c";
}

.fa-d-and-d:before {
  content: "\f38d";
}

.fa-d-and-d-beyond:before {
  content: "\f6ca";
}

.fa-dailymotion:before {
  content: "\e052";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-deezer:before {
  content: "\e077";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-deploydog:before {
  content: "\f38e";
}

.fa-deskpro:before {
  content: "\f38f";
}

.fa-dev:before {
  content: "\f6cc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-dhl:before {
  content: "\f790";
}

.fa-diaspora:before {
  content: "\f791";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-digital-ocean:before {
  content: "\f391";
}

.fa-discord:before {
  content: "\f392";
}

.fa-discourse:before {
  content: "\f393";
}

.fa-dochub:before {
  content: "\f394";
}

.fa-docker:before {
  content: "\f395";
}

.fa-draft2digital:before {
  content: "\f396";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-dyalog:before {
  content: "\f399";
}

.fa-earlybirds:before {
  content: "\f39a";
}

.fa-ebay:before {
  content: "\f4f4";
}

.fa-edge:before {
  content: "\f282";
}

.fa-edge-legacy:before {
  content: "\e078";
}

.fa-elementor:before {
  content: "\f430";
}

.fa-ello:before {
  content: "\f5f1";
}

.fa-ember:before {
  content: "\f423";
}

.fa-empire:before {
  content: "\f1d1";
}

.fa-envira:before {
  content: "\f299";
}

.fa-erlang:before {
  content: "\f39d";
}

.fa-ethereum:before {
  content: "\f42e";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-evernote:before {
  content: "\f839";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-facebook-f:before {
  content: "\f39e";
}

.fa-facebook-messenger:before {
  content: "\f39f";
}

.fa-fantasy-flight-games:before {
  content: "\f6dc";
}

.fa-fedex:before {
  content: "\f797";
}

.fa-fedora:before {
  content: "\f798";
}

.fa-figma:before {
  content: "\f799";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-firefox-browser:before {
  content: "\e007";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-first-order-alt:before {
  content: "\f50a";
}

.fa-firstdraft:before {
  content: "\f3a1";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-flipboard:before {
  content: "\f44d";
}

.fa-fly:before {
  content: "\f417";
}

.fa-font-awesome-flag:before, .fa-font-awesome-logo-full:before, .fa-font-awesome:before {
  content: "\f2b4";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-fonticons-fi:before {
  content: "\f3a2";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-fort-awesome-alt:before {
  content: "\f3a3";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-freebsd:before {
  content: "\f3a4";
}

.fa-fulcrum:before {
  content: "\f50b";
}

.fa-galactic-republic:before {
  content: "\f50c";
}

.fa-galactic-senate:before {
  content: "\f50d";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-git-alt:before {
  content: "\f841";
}

.fa-github:before {
  content: "\f09b";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-gitkraken:before {
  content: "\f3a6";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-gitter:before {
  content: "\f426";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-gofore:before {
  content: "\f3a7";
}

.fa-golang:before {
  content: "\e40f";
}

.fa-goodreads:before {
  content: "\f3a8";
}

.fa-goodreads-g:before {
  content: "\f3a9";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-google-drive:before {
  content: "\f3aa";
}

.fa-google-pay:before {
  content: "\e079";
}

.fa-google-play:before {
  content: "\f3ab";
}

.fa-google-plus:before {
  content: "\f2b3";
}

.fa-google-plus-g:before {
  content: "\f0d5";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-gratipay:before {
  content: "\f184";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-gripfire:before {
  content: "\f3ac";
}

.fa-grunt:before {
  content: "\f3ad";
}

.fa-guilded:before {
  content: "\e07e";
}

.fa-gulp:before {
  content: "\f3ae";
}

.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-hackerrank:before {
  content: "\f5f7";
}

.fa-hashnode:before {
  content: "\e499";
}

.fa-hips:before {
  content: "\f452";
}

.fa-hire-a-helper:before {
  content: "\f3b0";
}

.fa-hive:before {
  content: "\e07f";
}

.fa-hooli:before {
  content: "\f427";
}

.fa-hornbill:before {
  content: "\f592";
}

.fa-hotjar:before {
  content: "\f3b1";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-hubspot:before {
  content: "\f3b2";
}

.fa-ideal:before {
  content: "\e013";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-instalod:before {
  content: "\e081";
}

.fa-intercom:before {
  content: "\f7af";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-invision:before {
  content: "\f7b0";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-itch-io:before {
  content: "\f83a";
}

.fa-itunes:before {
  content: "\f3b4";
}

.fa-itunes-note:before {
  content: "\f3b5";
}

.fa-java:before {
  content: "\f4e4";
}

.fa-jedi-order:before {
  content: "\f50e";
}

.fa-jenkins:before {
  content: "\f3b6";
}

.fa-jira:before {
  content: "\f7b1";
}

.fa-joget:before {
  content: "\f3b7";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-js:before {
  content: "\f3b8";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-kaggle:before {
  content: "\f5fa";
}

.fa-keybase:before {
  content: "\f4f5";
}

.fa-keycdn:before {
  content: "\f3ba";
}

.fa-kickstarter:before {
  content: "\f3bb";
}

.fa-kickstarter-k:before {
  content: "\f3bc";
}

.fa-korvue:before {
  content: "\f42f";
}

.fa-laravel:before {
  content: "\f3bd";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-less:before {
  content: "\f41d";
}

.fa-line:before {
  content: "\f3c0";
}

.fa-linkedin:before {
  content: "\f08c";
}

.fa-linkedin-in:before {
  content: "\f0e1";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-lyft:before {
  content: "\f3c3";
}

.fa-magento:before {
  content: "\f3c4";
}

.fa-mailchimp:before {
  content: "\f59e";
}

.fa-mandalorian:before {
  content: "\f50f";
}

.fa-markdown:before {
  content: "\f60f";
}

.fa-mastodon:before {
  content: "\f4f6";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-mdb:before {
  content: "\f8ca";
}

.fa-medapps:before {
  content: "\f3c6";
}

.fa-medium-m:before, .fa-medium:before {
  content: "\f23a";
}

.fa-medrt:before {
  content: "\f3c8";
}

.fa-meetup:before {
  content: "\f2e0";
}

.fa-megaport:before {
  content: "\f5a3";
}

.fa-mendeley:before {
  content: "\f7b3";
}

.fa-meta:before {
  content: "\e49b";
}

.fa-microblog:before {
  content: "\e01a";
}

.fa-microsoft:before {
  content: "\f3ca";
}

.fa-mix:before {
  content: "\f3cb";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-mixer:before {
  content: "\e056";
}

.fa-mizuni:before {
  content: "\f3cc";
}

.fa-modx:before {
  content: "\f285";
}

.fa-monero:before {
  content: "\f3d0";
}

.fa-napster:before {
  content: "\f3d2";
}

.fa-neos:before {
  content: "\f612";
}

.fa-nfc-directional:before {
  content: "\e530";
}

.fa-nfc-symbol:before {
  content: "\e531";
}

.fa-nimblr:before {
  content: "\f5a8";
}

.fa-node:before {
  content: "\f419";
}

.fa-node-js:before {
  content: "\f3d3";
}

.fa-npm:before {
  content: "\f3d4";
}

.fa-ns8:before {
  content: "\f3d5";
}

.fa-nutritionix:before {
  content: "\f3d6";
}

.fa-octopus-deploy:before {
  content: "\e082";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-old-republic:before {
  content: "\f510";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-orcid:before {
  content: "\f8d2";
}

.fa-osi:before {
  content: "\f41a";
}

.fa-padlet:before {
  content: "\e4a0";
}

.fa-page4:before {
  content: "\f3d7";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-palfed:before {
  content: "\f3d8";
}

.fa-patreon:before {
  content: "\f3d9";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-perbyte:before {
  content: "\e083";
}

.fa-periscope:before {
  content: "\f3da";
}

.fa-phabricator:before {
  content: "\f3db";
}

.fa-phoenix-framework:before {
  content: "\f3dc";
}

.fa-phoenix-squadron:before {
  content: "\f511";
}

.fa-php:before {
  content: "\f457";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-pied-piper-hat:before {
  content: "\f4e5";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-pix:before {
  content: "\e43a";
}

.fa-playstation:before {
  content: "\f3df";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-pushed:before {
  content: "\f3e1";
}

.fa-python:before {
  content: "\f3e2";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-quinscape:before {
  content: "\f459";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-r-project:before {
  content: "\f4f7";
}

.fa-raspberry-pi:before {
  content: "\f7bb";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-react:before {
  content: "\f41b";
}

.fa-reacteurope:before {
  content: "\f75d";
}

.fa-readme:before {
  content: "\f4d5";
}

.fa-rebel:before {
  content: "\f1d0";
}

.fa-red-river:before {
  content: "\f3e3";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-redhat:before {
  content: "\f7bc";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-replyd:before {
  content: "\f3e6";
}

.fa-researchgate:before {
  content: "\f4f8";
}

.fa-resolving:before {
  content: "\f3e7";
}

.fa-rev:before {
  content: "\f5b2";
}

.fa-rocketchat:before {
  content: "\f3e8";
}

.fa-rockrms:before {
  content: "\f3e9";
}

.fa-rust:before {
  content: "\e07a";
}

.fa-safari:before {
  content: "\f267";
}

.fa-salesforce:before {
  content: "\f83b";
}

.fa-sass:before {
  content: "\f41e";
}

.fa-schlix:before {
  content: "\f3ea";
}

.fa-screenpal:before {
  content: "\e570";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-searchengin:before {
  content: "\f3eb";
}

.fa-sellcast:before {
  content: "\f2da";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-servicestack:before {
  content: "\f3ec";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-shopify:before {
  content: "\e057";
}

.fa-shopware:before {
  content: "\f5b5";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-sistrix:before {
  content: "\f3ee";
}

.fa-sith:before {
  content: "\f512";
}

.fa-sitrox:before {
  content: "\e44a";
}

.fa-sketch:before {
  content: "\f7c6";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-slack-hash:before, .fa-slack:before {
  content: "\f198";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-snapchat-ghost:before, .fa-snapchat:before {
  content: "\f2ab";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-sourcetree:before {
  content: "\f7d3";
}

.fa-space-awesome:before {
  content: "\e5ac";
}

.fa-speakap:before {
  content: "\f3f3";
}

.fa-speaker-deck:before {
  content: "\f83c";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-behance-square:before, .fa-square-behance:before {
  content: "\f1b5";
}

.fa-dribbble-square:before, .fa-square-dribbble:before {
  content: "\f397";
}

.fa-facebook-square:before, .fa-square-facebook:before {
  content: "\f082";
}

.fa-square-font-awesome:before {
  content: "\e5ad";
}

.fa-font-awesome-alt:before, .fa-square-font-awesome-stroke:before {
  content: "\f35c";
}

.fa-git-square:before, .fa-square-git:before {
  content: "\f1d2";
}

.fa-github-square:before, .fa-square-github:before {
  content: "\f092";
}

.fa-gitlab-square:before, .fa-square-gitlab:before {
  content: "\e5ae";
}

.fa-google-plus-square:before, .fa-square-google-plus:before {
  content: "\f0d4";
}

.fa-hacker-news-square:before, .fa-square-hacker-news:before {
  content: "\f3af";
}

.fa-instagram-square:before, .fa-square-instagram:before {
  content: "\e055";
}

.fa-js-square:before, .fa-square-js:before {
  content: "\f3b9";
}

.fa-lastfm-square:before, .fa-square-lastfm:before {
  content: "\f203";
}

.fa-odnoklassniki-square:before, .fa-square-odnoklassniki:before {
  content: "\f264";
}

.fa-pied-piper-square:before, .fa-square-pied-piper:before {
  content: "\e01e";
}

.fa-pinterest-square:before, .fa-square-pinterest:before {
  content: "\f0d3";
}

.fa-reddit-square:before, .fa-square-reddit:before {
  content: "\f1a2";
}

.fa-snapchat-square:before, .fa-square-snapchat:before {
  content: "\f2ad";
}

.fa-square-steam:before, .fa-steam-square:before {
  content: "\f1b7";
}

.fa-square-tumblr:before, .fa-tumblr-square:before {
  content: "\f174";
}

.fa-square-twitter:before, .fa-twitter-square:before {
  content: "\f081";
}

.fa-square-viadeo:before, .fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-square-vimeo:before, .fa-vimeo-square:before {
  content: "\f194";
}

.fa-square-whatsapp:before, .fa-whatsapp-square:before {
  content: "\f40c";
}

.fa-square-xing:before, .fa-xing-square:before {
  content: "\f169";
}

.fa-square-youtube:before, .fa-youtube-square:before {
  content: "\f431";
}

.fa-squarespace:before {
  content: "\f5be";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-stackpath:before {
  content: "\f842";
}

.fa-staylinked:before {
  content: "\f3f5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-symbol:before {
  content: "\f3f6";
}

.fa-sticker-mule:before {
  content: "\f3f7";
}

.fa-strava:before {
  content: "\f428";
}

.fa-stripe:before {
  content: "\f429";
}

.fa-stripe-s:before {
  content: "\f42a";
}

.fa-studiovinari:before {
  content: "\f3f8";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-supple:before {
  content: "\f3f9";
}

.fa-suse:before {
  content: "\f7d6";
}

.fa-swift:before {
  content: "\f8e1";
}

.fa-symfony:before {
  content: "\f83d";
}

.fa-teamspeak:before {
  content: "\f4f9";
}

.fa-telegram-plane:before, .fa-telegram:before {
  content: "\f2c6";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-the-red-yeti:before {
  content: "\f69d";
}

.fa-themeco:before {
  content: "\f5c6";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-think-peaks:before {
  content: "\f731";
}

.fa-tiktok:before {
  content: "\e07b";
}

.fa-trade-federation:before {
  content: "\f513";
}

.fa-trello:before {
  content: "\f181";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-typo3:before {
  content: "\f42b";
}

.fa-uber:before {
  content: "\f402";
}

.fa-ubuntu:before {
  content: "\f7df";
}

.fa-uikit:before {
  content: "\f403";
}

.fa-umbraco:before {
  content: "\f8e8";
}

.fa-uncharted:before {
  content: "\e084";
}

.fa-uniregistry:before {
  content: "\f404";
}

.fa-unity:before {
  content: "\e049";
}

.fa-unsplash:before {
  content: "\e07c";
}

.fa-untappd:before {
  content: "\f405";
}

.fa-ups:before {
  content: "\f7e0";
}

.fa-usb:before {
  content: "\f287";
}

.fa-usps:before {
  content: "\f7e1";
}

.fa-ussunnah:before {
  content: "\f407";
}

.fa-vaadin:before {
  content: "\f408";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viber:before {
  content: "\f409";
}

.fa-vimeo:before {
  content: "\f40a";
}

.fa-vimeo-v:before {
  content: "\f27d";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-vk:before {
  content: "\f189";
}

.fa-vnv:before {
  content: "\f40b";
}

.fa-vuejs:before {
  content: "\f41f";
}

.fa-watchman-monitoring:before {
  content: "\e087";
}

.fa-waze:before {
  content: "\f83f";
}

.fa-weebly:before {
  content: "\f5cc";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-weixin:before {
  content: "\f1d7";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-whmcs:before {
  content: "\f40d";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-wirsindhandwerk:before, .fa-wsh:before {
  content: "\e2d0";
}

.fa-wix:before {
  content: "\f5cf";
}

.fa-wizards-of-the-coast:before {
  content: "\f730";
}

.fa-wodu:before {
  content: "\e088";
}

.fa-wolf-pack-battalion:before {
  content: "\f514";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-wordpress-simple:before {
  content: "\f411";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-rendact:before, .fa-wpressr:before {
  content: "\f3e4";
}

.fa-xbox:before {
  content: "\f412";
}

.fa-xing:before {
  content: "\f168";
}

.fa-y-combinator:before {
  content: "\f23b";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-yammer:before {
  content: "\f840";
}

.fa-yandex:before {
  content: "\f413";
}

.fa-yandex-international:before {
  content: "\f414";
}

.fa-yarn:before {
  content: "\f7e3";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-zhihu:before {
  content: "\f63f";
}

:host, :root {
  --fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free";
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: image_path("fonts/@fortawesome/fa-regular-400.woff2") format("woff2"), image_path("fonts/@fortawesome/fa-regular-400.ttf") format("truetype");
}
.fa-regular, .far {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

:host, :root {
  --fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free";
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: image_path("fonts/@fortawesome/fa-solid-900.woff2") format("woff2"), image_path("fonts/@fortawesome/fa-solid-900.ttf") format("truetype");
}
.fa-solid, .fas {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: block;
  font-weight: 400;
  src: image_path("fonts/@fortawesome/fa-brands-400.woff2") format("woff2"), image_path("fonts/@fortawesome/fa-brands-400.ttf") format("truetype");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 900;
  src: image_path("fonts/@fortawesome/fa-solid-900.woff2") format("woff2"), image_path("fonts/@fortawesome/fa-solid-900.ttf") format("truetype");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 400;
  src: image_path("fonts/@fortawesome/fa-regular-400.woff2") format("woff2"), image_path("fonts/@fortawesome/fa-regular-400.ttf") format("truetype");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: image_path("fonts/@fortawesome/fa-solid-900.woff2") format("woff2"), image_path("fonts/@fortawesome/fa-solid-900.ttf") format("truetype");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: image_path("fonts/@fortawesome/fa-brands-400.woff2") format("woff2"), image_path("fonts/@fortawesome/fa-brands-400.ttf") format("truetype");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: image_path("fonts/@fortawesome/fa-regular-400.woff2") format("woff2"), image_path("fonts/@fortawesome/fa-regular-400.ttf") format("truetype");
  unicode-range: u+f003, u+f006, u+f014, u+f016-f017, u+f01a-f01b, u+f01d, u+f022, u+f03e, u+f044, u+f046, u+f05c-f05d, u+f06e, u+f070, u+f087-f088, u+f08a, u+f094, u+f096-f097, u+f09d, u+f0a0, u+f0a2, u+f0a4-f0a7, u+f0c5, u+f0c7, u+f0e5-f0e6, u+f0eb, u+f0f6-f0f8, u+f10c, u+f114-f115, u+f118-f11a, u+f11c-f11d, u+f133, u+f147, u+f14e, u+f150-f152, u+f185-f186, u+f18e, u+f190-f192, u+f196, u+f1c1-f1c9, u+f1d9, u+f1db, u+f1e3, u+f1ea, u+f1f7, u+f1f9, u+f20a, u+f247-f248, u+f24a, u+f24d, u+f255-f25b, u+f25d, u+f271-f274, u+f278, u+f27b, u+f28c, u+f28e, u+f29c, u+f2b5, u+f2b7, u+f2ba, u+f2bc, u+f2be, u+f2c0-f2c1, u+f2c3, u+f2d0, u+f2d2, u+f2d4, u+f2dc;
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: image_path("fonts/@fortawesome/fa-v4compatibility.woff2") format("woff2"), image_path("fonts/@fortawesome/fa-v4compatibility.ttf") format("truetype");
  unicode-range: u+f041, u+f047, u+f065-f066, u+f07d-f07e, u+f080, u+f08b, u+f08e, u+f090, u+f09a, u+f0ac, u+f0ae, u+f0b2, u+f0d0, u+f0d6, u+f0e4, u+f0ec, u+f10a-f10b, u+f123, u+f13e, u+f148-f149, u+f14c, u+f156, u+f15e, u+f160-f161, u+f163, u+f175-f178, u+f195, u+f1f8, u+f219, u+f27a;
}
@font-face {
  font-family: "fonticon";
  src: image_path("fonts/fonticon/fonticon.ttf?d63d4800091cd3eedf4d33622a251715") format("truetype"), image_path("fonts/fonticon/fonticon.woff?d63d4800091cd3eedf4d33622a251715") format("woff"), image_path("fonts/fonticon/fonticon.woff2?d63d4800091cd3eedf4d33622a251715") format("woff2"), image_path("fonts/fonticon/fonticon.eot?d63d4800091cd3eedf4d33622a251715#iefix") format("embedded-opentype"), image_path("fonts/fonticon/fonticon.svg?d63d4800091cd3eedf4d33622a251715#fonticon") format("svg");
}
i[class^=fonticon-]:before, i[class*=" fonticon-"]:before {
  font-family: fonticon !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fonticon-delivery:before {
  content: "\f101";
}

.fonticon-bicycle:before {
  content: "\f102";
}

.fonticon-bookmark:before {
  content: "\f103";
}

.fonticon-like:before {
  content: "\f104";
}

.fonticon-microphone:before {
  content: "\f105";
}

.fonticon-location:before {
  content: "\f106";
}

.fonticon-gallery:before {
  content: "\f107";
}

.fonticon-share:before {
  content: "\f108";
}

.fonticon-star:before {
  content: "\f109";
}

.fonticon-trash-bin:before {
  content: "\f10a";
}

.fonticon-user-2:before {
  content: "\f10b";
}

.fonticon-view:before {
  content: "\f10c";
}

.fonticon-user:before {
  content: "\f10d";
}

.fonticon-pin:before {
  content: "\f10e";
}

.fonticon-chat:before {
  content: "\f10f";
}

.fonticon-home:before {
  content: "\f110";
}

.fonticon-mail:before {
  content: "\f111";
}

.fonticon-settings:before {
  content: "\f112";
}

.fonticon-alignment-right:before {
  content: "\f113";
}

.fonticon-link:before {
  content: "\f114";
}

.fonticon-attach:before {
  content: "\f115";
}

.fonticon-smile:before {
  content: "\f116";
}

.fonticon-moon:before {
  content: "\f117";
}

.fonticon-sun:before {
  content: "\f118";
}

.fonticon-train:before {
  content: "\f119";
}

.fonticon-eclipse:before {
  content: "\f11a";
}

.fonticon-drone:before {
  content: "\f11b";
}

.fonticon-truck:before {
  content: "\f11c";
}

.fonticon-ship:before {
  content: "\f11d";
}

.fonticon-offline:before {
  content: "\f11e";
}

.fonticon-printer:before {
  content: "\f11f";
}

.fonticon-paperclip:before {
  content: "\f120";
}

.fonticon-attachments:before {
  content: "\f121";
}

.fonticon-attachment:before {
  content: "\f122";
}

.fonticon-dogecoin:before {
  content: "\f123";
}

.fonticon-bitcoin:before {
  content: "\f124";
}

.fonticon-setting:before {
  content: "\f125";
}

.fonticon-headset:before {
  content: "\f126";
}

.fonticon-play:before {
  content: "\f127";
}

.fonticon-pause:before {
  content: "\f128";
}

.fonticon-next:before {
  content: "\f129";
}

.fonticon-back:before {
  content: "\f12a";
}

.fonticon-shuffle:before {
  content: "\f12b";
}

.fonticon-repeat:before {
  content: "\f12c";
}

.fonticon-outgoing-call:before {
  content: "\f12d";
}

.fonticon-incoming-call:before {
  content: "\f12e";
}

.fonticon-cash-payment:before {
  content: "\f12f";
}

.fonticon-mobile-payment:before {
  content: "\f130";
}

.fonticon-card:before {
  content: "\f131";
}

.fonticon-like-1:before {
  content: "\f132";
}

.fonticon-bank:before {
  content: "\f133";
}

.fonticon-telegram:before {
  content: "\f134";
}

.fonticon-drive:before {
  content: "\f135";
}

.fonticon-remote-control:before {
  content: "\f136";
}

.fonticon-house:before {
  content: "\f137";
}

.fonticon-image:before {
  content: "\f138";
}

.fonticon-app-store:before {
  content: "\f139";
}

.fonticon-email:before {
  content: "\f13a";
}

.fonticon-stats:before {
  content: "\f13b";
}

.fonticon-notification:before {
  content: "\f13c";
}

.fonticon-send:before {
  content: "\f13d";
}

.fonticon-insurance:before {
  content: "\f13e";
}

.fonticon-hourglass:before {
  content: "\f13f";
}

.fonticon-calendar:before {
  content: "\f140";
}

.fonticon-alarm:before {
  content: "\f141";
}

.fonticon-layers:before {
  content: "\f142";
}

.fonticon-facebook:before {
  content: "\f143";
}

.fonticon-instagram:before {
  content: "\f144";
}

.fonticon-linkedin:before {
  content: "\f145";
}

.fonticon-globe:before {
  content: "\f146";
}

.fonticon-equalizer:before {
  content: "\f147";
}

.fonticon-settings-1:before {
  content: "\f148";
}

.fonticon-creativity:before {
  content: "\f149";
}

.fonticon-content-marketing:before {
  content: "\f14a";
}

.fonticon-line-chart:before {
  content: "\f14b";
}

.fonticon-cms:before {
  content: "\f14c";
}

.fonticon-hello:before {
  content: "\f14d";
}

.fonticon-password:before {
  content: "\f14e";
}

.fonticon-credit-card:before {
  content: "\f14f";
}

.fonticon-enlarge:before {
  content: "\f150";
}

.fonticon-24-hours:before {
  content: "\f151";
}

.fonticon-heart:before {
  content: "\f152";
}

.fonticon-user-experience:before {
  content: "\f153";
}

.fonticon-web-design:before {
  content: "\f154";
}

:root,
[data-theme=light] {
  --kt-highlight-bg: #1e1e3f;
  --kt-highlight-border: rgba(255, 255, 255, 0.1);
  --kt-highlight-btn-bg: #2d2d5e;
  --kt-highlight-btn-bg-hover: #2d2d5e;
  --kt-highlight-btn-color: rgba(255, 255, 255, 0.75);
  --kt-highlight-btn-color-hover: #4FC9DA;
  --kt-highlight-scrollbar-color: #323268;
  --kt-highlight-scrollbar-color: #373773;
}

[data-theme=dark] {
  --kt-highlight-bg: #151521;
  --kt-highlight-border: rgba(255, 255, 255, 0.1);
  --kt-highlight-btn-bg: #27273d;
  --kt-highlight-btn-bg-hover: #27273d;
  --kt-highlight-btn-color: rgba(255, 255, 255, 0.75);
  --kt-highlight-btn-color-hover: #4FC9DA;
  --kt-highlight-scrollbar-color: #2d2d46;
  --kt-highlight-scrollbar-color-hover: #333350;
}

.highlight {
  position: relative;
  background: var(--kt-highlight-bg);
  border-radius: 0.95rem;
  padding: 1.75rem 1.5rem 1.75rem 1.5rem;
}
.highlight .nav {
  border-bottom: 1px solid var(--kt-highlight-border);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  margin-top: -0.25rem;
}
.highlight .nav .nav-item {
  margin-right: 0.75rem;
}
.highlight .nav .nav-link {
  font-size: 0.9rem;
  font-weight: 500;
  padding: 0.35rem 1rem;
  border-radius: 0.95rem;
  color: var(--kt-highlight-btn-color);
  transition: all 0.2s ease-in-out;
  background-color: transparent;
}
.highlight .nav .nav-link:focus, .highlight .nav .nav-link.active {
  transition: all 0.2s ease-in-out;
  background-color: var(--kt-highlight-btn-bg-hover);
  color: var(--kt-highlight-btn-color-hover);
}
.highlight .highlight-copy {
  display: none;
  position: absolute;
  right: 1.75rem;
  top: 1.5rem;
  font-size: 0.85rem;
  font-weight: 500;
  padding: 0.35rem 1rem !important;
  transition: all 0.2s ease-in-out;
  background-color: var(--kt-highlight-btn-bg);
  color: var(--kt-highlight-btn-color);
}
.highlight .highlight-copy:focus, .highlight .highlight-copy:hover {
  transition: all 0.2s ease-in-out;
  background-color: var(--kt-highlight-btn-bg-hover);
  color: var(--kt-highlight-btn-color-hover);
}
.highlight:hover .highlight-copy {
  display: flex;
}
.highlight .highlight-code pre {
  background-color: transparent;
  overflow: auto;
  padding: 0;
  margin: 0;
  scrollbar-color: var(--kt-highlight-scrollbar-color) transparent;
}
.highlight .highlight-code pre::-webkit-scrollbar-thumb {
  background-color: var(--kt-highlight-scrollbar-color);
}
.highlight .highlight-code pre::-webkit-scrollbar-corner {
  background-color: transparent;
}
.highlight .highlight-code pre:hover {
  scrollbar-color: var(--kt-highlight-scrollbar-color-hover) transparent;
}
.highlight .highlight-code pre:hover::-webkit-scrollbar-thumb {
  background-color: var(--kt-highlight-scrollbar-color-hover);
}
.highlight .highlight-code pre:hover::-webkit-scrollbar-corner {
  background-color: transparent;
}
.highlight .highlight-code pre code[class*=language-] {
  padding: 0;
  margin: 0;
  font-size: 1rem !important;
}

.fslightbox-slide-btn {
  border-radius: 0.95rem;
}

.fslightbox-toolbar {
  border-bottom-left-radius: 0.95rem;
}

.select2-container--bootstrap5 .select2-selection {
  box-shadow: none !important;
  height: auto;
  outline: none !important;
}
.select2-container--bootstrap5.select2-container--focus .form-select-solid, .select2-container--bootstrap5.select2-container--open .form-select-solid {
  background-color: var(--kt-input-solid-bg-focus);
}
.select2-container--bootstrap5.select2-container--focus .form-select:not(.form-select-solid):not(.form-select-transparent), .select2-container--bootstrap5.select2-container--open .form-select:not(.form-select-solid):not(.form-select-transparent) {
  border-color: var(--kt-input-focus-border-color);
}
.select2-container--bootstrap5 .select2-search.select2-search--inline .select2-search__field {
  color: var(--kt-input-color);
  font-weight: 500;
  font-family: inherit !important;
  background-color: transparent;
  border: 0;
  box-shadow: none;
  outline: none;
  line-height: 1;
  margin: 0;
  padding: 0;
}
.select2-container--bootstrap5 .select2-search.select2-search--inline .select2-search__field::placeholder {
  color: #B5B0A1;
}
.select2-container--bootstrap5 .select2-search.select2-search--inline .select2-search__field::-moz-placeholder {
  color: #B5B0A1;
  opacity: 1;
}
.select2-container--bootstrap5 .form-select-solid .select2-search.select2-search--inline .select2-search__field {
  color: var(--kt-input-solid-color);
  font-family: inherit !important;
}
.select2-container--bootstrap5 .form-select-solid .select2-search.select2-search--inline .select2-search__field::placeholder {
  color: var(--kt-input-solid-placeholder-color);
}
.select2-container--bootstrap5 .form-select-solid .select2-search.select2-search--inline .select2-search__field::-moz-placeholder {
  color: var(--kt-input-solid-placeholder-color);
  opacity: 1;
}
.select2-container--bootstrap5 .select2-selection--single {
  display: flex;
  align-items: center;
}
.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--kt-input-color);
}
.select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder {
  color: #B5B0A1;
}
.select2-container--bootstrap5 .select2-selection--single.form-select-solid .select2-selection__rendered {
  color: var(--kt-input-solid-color);
}
.select2-container--bootstrap5 .select2-selection--single.form-select-solid .select2-selection__placeholder {
  color: var(--kt-input-solid-placeholder-color);
}
.select2-container--bootstrap5 .select2-selection--single.form-select-transparent .select2-selection__rendered {
  color: var(--kt-gray-800);
}
.select2-container--bootstrap5 .select2-selection--single.form-select-transparent .select2-selection__placeholder {
  color: var(--kt-gray-800);
}
.select2-container--bootstrap5 .select2-selection--single.form-select-dark .select2-selection__rendered {
  color: var(--kt-gray-900);
}
.select2-container--bootstrap5 .select2-selection--multiple {
  display: flex;
  align-items: center;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-search.select2-search--inline {
  display: inline-flex;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  margin: 0;
  padding: 0;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  display: inline-flex;
  align-items: center;
  position: relative;
  background-color: var(--kt-gray-300);
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--kt-gray-700);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--kt-gray-700%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--kt-gray-700%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  display: block;
  position: absolute;
  transform: translateY(-50%);
  opacity: 0.5;
  border: 0;
  transition: color 0.2s ease;
  top: 50%;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove span {
  display: none;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
  opacity: 1;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--kt-primary);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--kt-primary%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--kt-primary%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  transition: color 0.2s ease;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__display {
  font-weight: 500;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  height: 0.6rem;
  width: 0.6rem;
}
.select2-container--bootstrap5 .select2-selection--multiple.form-select-sm {
  min-height: calc(1.5em + 1.1rem + 2px);
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}
.select2-container--bootstrap5 .select2-selection--multiple.form-select-sm .select2-selection__choice {
  border-radius: 0.95rem;
  padding: 0.1rem 0.35rem;
  margin-right: 0.35rem;
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
}
.select2-container--bootstrap5 .select2-selection--multiple.form-select-sm .select2-selection__choice .select2-selection__choice__display {
  margin-left: 0.95rem;
  font-size: 0.925rem;
}
.select2-container--bootstrap5 .select2-selection--multiple.form-select-sm .select2-search__field {
  height: 14px;
}
.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) {
  min-height: calc(1.5em + 1.55rem + 2px);
  padding-top: 0.575rem;
  padding-bottom: 0.575rem;
}
.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice {
  border-radius: 0.95rem;
  padding: 0.1rem 0.5rem;
  margin-right: 0.5rem;
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
}
.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice .select2-selection__choice__display {
  margin-left: 1.1rem;
  font-size: 1rem;
}
.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-search__field {
  height: 16px;
}
.select2-container--bootstrap5 .select2-selection--multiple.form-select-lg {
  min-height: calc(1.5em + 1.65rem + 2px);
  padding-top: 0.525rem;
  padding-bottom: 0.525rem;
}
.select2-container--bootstrap5 .select2-selection--multiple.form-select-lg .select2-selection__choice {
  border-radius: 0.625rem;
  padding: 0.15rem 0.65rem;
  margin-right: 0.65rem;
  margin-top: 0.15rem;
  margin-bottom: 0.15rem;
}
.select2-container--bootstrap5 .select2-selection--multiple.form-select-lg .select2-selection__choice .select2-selection__choice__display {
  margin-left: 1.25rem;
  font-size: 1.15rem;
}
.select2-container--bootstrap5 .select2-selection--multiple.form-select-lg .select2-search__field {
  height: 18px;
}
.select2-container--bootstrap5 .select2-dropdown {
  border: 0;
  box-shadow: var(--kt-dropdown-box-shadow);
  border-radius: 0.95rem;
  padding: 1rem 0;
  background-color: var(--kt-dropdown-bg);
}
.modal-open .select2-container--bootstrap5 .select2-dropdown {
  z-index: 1056;
}
.select2-container--bootstrap5 .select2-dropdown .select2-search {
  padding: 0.5rem 1.25rem;
  margin: 0 0 0.5rem 0;
}
.select2-container--bootstrap5 .select2-dropdown .select2-search .select2-search__field {
  background-color: var(--kt-body-bg);
  padding: 0.55rem 0.75rem;
  color: var(--kt-input-color);
  font-size: 0.925rem;
  border: 1px solid var(--kt-input-border-color);
  border-radius: 0.95rem;
  outline: 0 !important;
}
.select2-container--bootstrap5 .select2-dropdown .select2-search .select2-search__field:focus, .select2-container--bootstrap5 .select2-dropdown .select2-search .select2-search__field:active {
  border: 1px solid var(--kt-input-focus-border-color);
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__options {
  max-height: 250px;
  overflow-y: auto;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option {
  color: var(--kt-gray-700);
  transition: color 0.2s ease;
  padding: 0.75rem 1.25rem;
  margin: 0 0;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
  background-color: var(--kt-component-hover-bg);
  color: var(--kt-component-hover-color);
  transition: color 0.2s ease;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
  background-color: var(--kt-component-hover-bg);
  color: var(--kt-component-hover-color);
  transition: color 0.2s ease;
  position: relative;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after {
  top: 50%;
  display: block;
  position: absolute;
  transform: translateY(-50%);
  height: 0.75rem;
  width: 0.75rem;
  content: "";
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--kt-component-hover-color);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 11'%3e%3cpath fill='var%28--kt-component-hover-color%29' d='M4.89557 6.49823L2.79487 4.26513C2.26967 3.70683 1.38251 3.70683 0.857309 4.26513C0.375593 4.77721 0.375593 5.57574 0.857309 6.08781L4.74989 10.2257C5.14476 10.6455 5.81176 10.6455 6.20663 10.2257L13.1427 2.85252C13.6244 2.34044 13.6244 1.54191 13.1427 1.02984C12.6175 0.471537 11.7303 0.471536 11.2051 1.02984L6.06096 6.49823C5.74506 6.83403 5.21146 6.83403 4.89557 6.49823Z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 11'%3e%3cpath fill='var%28--kt-component-hover-color%29' d='M4.89557 6.49823L2.79487 4.26513C2.26967 3.70683 1.38251 3.70683 0.857309 4.26513C0.375593 4.77721 0.375593 5.57574 0.857309 6.08781L4.74989 10.2257C5.14476 10.6455 5.81176 10.6455 6.20663 10.2257L13.1427 2.85252C13.6244 2.34044 13.6244 1.54191 13.1427 1.02984C12.6175 0.471537 11.7303 0.471536 11.2051 1.02984L6.06096 6.49823C5.74506 6.83403 5.21146 6.83403 4.89557 6.49823Z'/%3e%3c/svg%3e");
  mask-position: center;
  -webkit-mask-position: center;
  right: 1.25rem;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--disabled {
  color: var(--kt-gray-400);
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__message {
  color: var(--kt-gray-600);
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--group {
  padding-left: 0;
  padding-right: 0;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--group .select2-results__group {
  display: block;
  color: var(--kt-gray-800);
  font-weight: 500;
  font-size: 1.15rem;
  padding: 0 1.25rem 0 1.25rem;
  margin: 0 0 0.25rem 0;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--group .select2-results__option {
  padding: 0.75rem 1.25rem;
  margin: 0 0;
}
.select2-container--bootstrap5 .select2-selection__clear {
  display: block;
  height: 0.7rem;
  width: 0.7rem;
  top: 50%;
  right: 3rem;
  position: absolute;
  transform: translateY(-50%);
  background-color: var(--kt-gray-700) !important;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill=''%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill=''%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}
.select2-container--bootstrap5 .select2-selection__clear span {
  display: none;
}
.select2-container--bootstrap5 .select2-selection__clear:hover {
  background-color: var(--kt-primary) !important;
}

.form-floating .form-select {
  padding-top: 2.15rem !important;
}

.fv-plugins-message-container {
  margin-top: 0.3rem;
}
.fv-plugins-message-container .fv-help-block {
  color: var(--kt-danger);
  font-size: 1rem;
  font-weight: 400;
}
.fv-plugins-message-container.valid-feedback, .fv-plugins-message-container.invalid-feedback {
  display: block;
  font-weight: 400;
}

.daterangepicker {
  padding: 0;
  margin: 0;
  border: 0;
  width: auto;
  background-color: var(--kt-body-bg);
  box-shadow: var(--kt-dropdown-box-shadow);
  font-family: Inter, Helvetica, "sans-serif";
  z-index: 1000;
  border-radius: 0.95rem;
}
.daterangepicker:after, .daterangepicker:before {
  display: none;
}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: transparent;
}
.modal-open .daterangepicker {
  z-index: 1056;
}
.daterangepicker .calendar-table {
  background-color: var(--kt-body-bg);
  border: 0;
}
.daterangepicker .ranges {
  border-radius: 0.95rem;
  background-color: var(--kt-body-bg);
  position: relative;
  overflow: hidden;
}
.daterangepicker .ranges ul {
  padding: 1rem 0;
  width: 150px;
  overflow: auto;
  max-height: 260px;
}
.daterangepicker .ranges li {
  padding: 0.7rem 1.75rem;
  font-weight: 500;
  font-size: 1rem;
  color: var(--kt-gray-600);
  transition: color 0.2s ease;
}
.daterangepicker .ranges li:hover {
  background-color: var(--kt-component-hover-bg);
  color: var(--kt-component-hover-color);
  transition: color 0.2s ease;
}
.daterangepicker .ranges li.active {
  background-color: var(--kt-component-active-bg);
  color: var(--kt-component-active-color);
  transition: color 0.2s ease;
}
.daterangepicker.show-calendar .ranges {
  border-radius: 0;
  border-top-left-radius: 0.95rem;
  margin-top: 0;
  height: 297px;
}
.daterangepicker.show-ranges.show-calendar .ranges {
  border-right: 1px solid var(--kt-gray-200);
}
.daterangepicker.show-ranges .drp-calendar.left {
  border-left: 0;
}
.daterangepicker .drp-buttons {
  padding: 1rem 1.75rem;
  border-top: 1px solid var(--kt-gray-200);
}
.daterangepicker .drp-buttons .btn {
  font-size: 1rem;
  font-weight: 500;
  padding: 0.5rem 1rem;
}
.daterangepicker .drp-buttons .cancelBtn {
  color: var(--kt-light-inverse);
  border-color: var(--kt-light);
  background-color: var(--kt-light);
}
.daterangepicker .drp-buttons .cancelBtn i,
.daterangepicker .drp-buttons .cancelBtn .svg-icon {
  color: var(--kt-light-inverse);
}
.daterangepicker .drp-buttons .cancelBtn.dropdown-toggle:after {
  color: var(--kt-light-inverse);
}
.btn-check:checked + .daterangepicker .drp-buttons .cancelBtn, .btn-check:active + .daterangepicker .drp-buttons .cancelBtn, .daterangepicker .drp-buttons .cancelBtn:focus:not(.btn-active), .daterangepicker .drp-buttons .cancelBtn:hover:not(.btn-active), .daterangepicker .drp-buttons .cancelBtn:active:not(.btn-active), .daterangepicker .drp-buttons .cancelBtn.active, .daterangepicker .drp-buttons .cancelBtn.show, .show > .daterangepicker .drp-buttons .cancelBtn {
  color: var(--kt-light-inverse);
  border-color: var(--kt-light-active);
  background-color: var(--kt-light-active) !important;
}
.btn-check:checked + .daterangepicker .drp-buttons .cancelBtn i,
.btn-check:checked + .daterangepicker .drp-buttons .cancelBtn .svg-icon, .btn-check:active + .daterangepicker .drp-buttons .cancelBtn i,
.btn-check:active + .daterangepicker .drp-buttons .cancelBtn .svg-icon, .daterangepicker .drp-buttons .cancelBtn:focus:not(.btn-active) i,
.daterangepicker .drp-buttons .cancelBtn:focus:not(.btn-active) .svg-icon, .daterangepicker .drp-buttons .cancelBtn:hover:not(.btn-active) i,
.daterangepicker .drp-buttons .cancelBtn:hover:not(.btn-active) .svg-icon, .daterangepicker .drp-buttons .cancelBtn:active:not(.btn-active) i,
.daterangepicker .drp-buttons .cancelBtn:active:not(.btn-active) .svg-icon, .daterangepicker .drp-buttons .cancelBtn.active i,
.daterangepicker .drp-buttons .cancelBtn.active .svg-icon, .daterangepicker .drp-buttons .cancelBtn.show i,
.daterangepicker .drp-buttons .cancelBtn.show .svg-icon, .show > .daterangepicker .drp-buttons .cancelBtn i,
.show > .daterangepicker .drp-buttons .cancelBtn .svg-icon {
  color: var(--kt-light-inverse);
}
.btn-check:checked + .daterangepicker .drp-buttons .cancelBtn.dropdown-toggle:after, .btn-check:active + .daterangepicker .drp-buttons .cancelBtn.dropdown-toggle:after, .daterangepicker .drp-buttons .cancelBtn:focus:not(.btn-active).dropdown-toggle:after, .daterangepicker .drp-buttons .cancelBtn:hover:not(.btn-active).dropdown-toggle:after, .daterangepicker .drp-buttons .cancelBtn:active:not(.btn-active).dropdown-toggle:after, .daterangepicker .drp-buttons .cancelBtn.active.dropdown-toggle:after, .daterangepicker .drp-buttons .cancelBtn.show.dropdown-toggle:after, .show > .daterangepicker .drp-buttons .cancelBtn.dropdown-toggle:after {
  color: var(--kt-light-inverse);
}
.daterangepicker .drp-selected {
  font-size: 0.9rem;
}
.daterangepicker .drp-calendar.left, .daterangepicker .drp-calendar.right {
  padding: 1rem 1rem;
}
.daterangepicker .drp-calendar.left {
  border-left: 0 !important;
}
.daterangepicker .drp-calendar th,
.daterangepicker .drp-calendar td {
  font-size: 1rem;
  font-weight: 400;
  width: 33px;
  height: 33px;
}
.daterangepicker .drp-calendar th.available:hover,
.daterangepicker .drp-calendar td.available:hover {
  border-radius: 0.95rem;
  background-color: var(--kt-component-hover-bg);
  color: var(--kt-component-hover-color);
}
.daterangepicker .drp-calendar th {
  font-weight: 500;
  color: var(--kt-gray-800);
}
.daterangepicker .drp-calendar th.month {
  font-weight: 500;
  color: var(--kt-gray-800);
}
.daterangepicker .drp-calendar th.next span, .daterangepicker .drp-calendar th.prev span {
  border-width: 0 1px 1px 0;
  border-color: var(--kt-gray-600);
}
.daterangepicker .drp-calendar th.next.available:hover span, .daterangepicker .drp-calendar th.prev.available:hover span {
  border-color: var(--kt-component-hover-color);
}
.daterangepicker .drp-calendar th.next span {
  margin-right: 1px;
}
.daterangepicker .drp-calendar th.prev span {
  margin-left: 1px;
}
.daterangepicker .drp-calendar td {
  color: var(--kt-gray-700);
}
.daterangepicker .drp-calendar td.available.off {
  color: var(--kt-gray-400);
}
.daterangepicker .drp-calendar td.active {
  background-color: var(--kt-component-active-bg) !important;
  color: var(--kt-component-active-color) !important;
  border-radius: 0.95rem;
}
.daterangepicker .drp-calendar td.active.start-date {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.daterangepicker .drp-calendar td.active.end-date {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.daterangepicker .drp-calendar td.active.start-date.end-date {
  border-radius: 0.95rem;
}
.daterangepicker .drp-calendar td.today, .daterangepicker .drp-calendar td.today.active {
  background: var(--kt-component-hover-bg) !important;
  color: var(--kt-component-hover-color) !important;
  border-radius: 0.95rem;
}
.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today) {
  background-color: var(--kt-component-hover-bg);
  color: var(--kt-component-hover-color);
}
.daterangepicker .drp-calendar td:hover {
  background-color: var(--kt-component-hover-bg);
  color: var(--kt-component-hover-color);
}
.daterangepicker select.ampmselect,
.daterangepicker select.minuteselect,
.daterangepicker select.hourselect,
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  border-radius: 0.95rem;
  background-color: var(--kt-body-bg) !important;
  border-color: transparent;
  color: var(--kt-input-color);
  font-weight: 500;
  outline: 0 !important;
}
.daterangepicker select.ampmselect:focus,
.daterangepicker select.minuteselect:focus,
.daterangepicker select.hourselect:focus,
.daterangepicker select.monthselect:focus,
.daterangepicker select.yearselect:focus {
  background-color: var(--kt-gray-100);
}

@media (max-width: 767.98px) {
  .daterangepicker.show-calendar .ranges {
    float: none !important;
    height: auto !important;
  }
  .daterangepicker.show-calendar .ranges ul {
    width: 100%;
  }
  .daterangepicker.show-calendar .drp-calendar {
    float: none !important;
    max-width: unset !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.flatpickr-calendar {
  width: 301px !important;
  font-family: inherit;
  border: 0;
  border-radius: 0;
  box-shadow: var(--kt-dropdown-box-shadow);
  background-color: var(--kt-body-bg);
  border-radius: 0.95rem;
}
.flatpickr-calendar:before, .flatpickr-calendar:after {
  display: none;
}
.flatpickr-calendar.hasWeeks {
  width: 325px !important;
}

.flatpickr-months {
  padding: 0 1rem;
  padding-top: 0.5rem;
}

.flatpickr-innerContainer {
  padding: 0.5rem 1rem;
}

.flatpickr-days,
.dayContainer {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: var(--kt-gray-600);
  fill: var(--kt-gray-600);
  height: 46px;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.95rem;
  top: 1rem;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  fill: var(--kt-gray-500);
  height: 13px;
  width: 13px;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  background: var(--kt-gray-100);
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: var(--kt-gray-700);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*rtl:begin:ignore*/
  left: 1rem;
  /*rtl:end:ignore*/
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*rtl:begin:ignore*/
  right: 1rem;
  /*rtl:end:ignore*/
}

.flatpickr-current-month {
  font-weight: 500;
  color: inherit;
}
.flatpickr-current-month .numInputWrapper {
  border-radius: 0.95rem;
  width: 65px;
}
.flatpickr-current-month .numInputWrapper span.arrowUp {
  border-top-right-radius: 0.95rem;
}
.flatpickr-current-month .numInputWrapper span.arrowDown {
  border-bottom-right-radius: 0.95rem;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  border: 0 !important;
  background-color: var(--kt-body-bg);
  font-size: 1rem;
  color: var(--kt-gray-700);
  font-weight: 500;
  padding: 0.5rem 0.75rem;
  margin-right: 0.5rem;
  outline: none !important;
  border-radius: 0.95rem;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: var(--kt-gray-100);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  font-size: 1rem;
  color: var(--kt-gray-700);
  font-weight: 500;
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-current-month span.cur-month {
  color: var(--kt-gray-700);
  font-size: 1rem;
  font-weight: 500;
}
.flatpickr-current-month span.cur-month:hover {
  background: var(--kt-gray-100);
}
.flatpickr-current-month input.cur-year {
  color: var(--kt-gray-700);
  font-size: 1.1rem;
  padding: 0.5rem 0.75rem;
  font-weight: 500;
  outline: 0 !important;
}

span.flatpickr-weekday {
  color: var(--kt-gray-800);
  font-size: 1rem;
  font-weight: 600;
}

.flatpickr-time {
  border-bottom-right-radius: 0.95rem;
  border-bottom-left-radius: 0.95rem;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: height;
  line-height: height;
  max-height: height;
  border-top: 1px solid var(--kt-gray-100);
}
.flatpickr-time .numInputWrapper {
  height: height;
}
.flatpickr-time .flatpickr-am-pm {
  color: var(--kt-gray-700);
  font-size: 1rem;
  font-weight: 500;
}
.flatpickr-time input.flatpickr-hour, .flatpickr-time input.flatpickr-minute {
  color: var(--kt-gray-700);
  font-size: 1rem;
  font-weight: 500;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: transparent;
}

.numInputWrapper span {
  border-left: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-right: 0 !important;
}
.numInputWrapper span:hover {
  background: transparent !important;
}
.numInputWrapper span:after {
  top: 50% !important;
  transform: translateY(-50%);
}
.numInputWrapper span.arrowUp:after {
  border-bottom-color: var(--kt-gray-500) !important;
}
.numInputWrapper span.arrowUp:hover:after {
  border-bottom-color: var(--kt-gray-700) !important;
}
.numInputWrapper span.arrowDown:after {
  border-top-color: var(--kt-gray-500) !important;
}
.numInputWrapper span.arrowDown:hover:after {
  border-top-color: var(--kt-gray-700) !important;
}
.numInputWrapper:hover {
  background: transparent;
}

.flatpickr-day {
  font-size: 1rem;
  border-radius: 0.95rem;
  box-shadow: none !important;
  height: 36px;
  width: 100%;
  max-width: 100% !important;
  margin: 0;
  line-height: 36px;
  color: var(--kt-gray-600);
  margin-top: 0 !important;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: var(--kt-component-hover-bg);
  color: var(--kt-component-hover-color);
  border-color: transparent;
}
.flatpickr-day.today {
  background: var(--kt-gray-100);
  color: var(--kt-gray-600);
  border-color: transparent;
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  border-color: transparent;
  background: var(--kt-gray-200);
  color: var(--kt-gray-700);
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: var(--kt-component-active-bg);
  color: var(--kt-component-active-color);
  border-color: transparent;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: var(--kt-component-hover-bg);
  color: var(--kt-component-hover-color);
  border-color: transparent;
}
.flatpickr-day.today {
  border-color: transparent;
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  border-color: transparent;
  background: var(--kt-gray-100);
  color: var(--kt-gray-600);
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: var(--kt-component-active-bg);
  color: var(--kt-component-active-color);
  border-color: transparent;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: var(--kt-gray-400);
  background: transparent;
  border-color: transparent;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: var(--kt-gray-400);
}

.flatpickr-weekwrapper {
  margin-right: 5px;
}

.tagify {
  --tagify-dd-bg-color: var(--kt-body-bg);
  --tags-border-color: var(--kt-input-border-color);
  --tags-hover-border-color: var(--kt-input-border-color);
  --tags-focus-border-color: var(--kt-input-focus-border-color);
  --tag-bg: var(--kt-gray-200);
  --tag-hover: var(--kt-gray-200);
  --tag-text-color: var(--kt-gray-700);
  --tag-text-color--edit: var(--kt-gray-700);
  --tag-pad: 0 0.5rem;
  --tag-inset-shadow-size: 1rem;
  --tag-invalid-color: var(--kt-danger);
  --tag-invalid-bg: var(--kt-danger-light);
  --tag-remove-bg: var(--kt-gray-200);
  --tag-remove-btn-color: transparent;
  --tag-remove-btn-bg: transparent;
  --tag-remove-btn-bg--hover: transparent;
  --input-color: var(--kt-gray-700);
  --placeholder-color: var(--kt-gray-400);
  --placeholder-color-focus: var(--kt-gray-500);
  --loader-size: .8rem;
}
.tagify .tagify__tag {
  background-color: var(--tag-bg);
  margin: 0;
  line-height: 1;
}
.tagify .tagify__tag div {
  border-radius: inherit;
}
.tagify .tagify__tag .tagify__tag-text {
  overflow: visible;
}
.tagify .tagify__tag .tagify__tag__removeBtn {
  width: 0.6rem;
  height: 0.6rem;
  margin: 0 0.5rem 0 0;
  border-radius: 0;
  content: " ";
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--kt-gray-500);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--kt-gray-500%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--kt-gray-500%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}
.tagify .tagify__tag .tagify__tag__removeBtn:after {
  display: none;
}
.tagify .tagify__tag .tagify__tag__removeBtn:hover {
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--kt-primary);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--kt-primary%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--kt-primary%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}
.tagify .tagify__tag.tagify--notAllowed div .tagify__tag-text {
  color: var(--kt-danger);
  opacity: 0.5;
}
.tagify .tagify__tag.tagify--notAllowed .tagify__tag__removeBtn {
  opacity: 0.5;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--kt-danger);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--kt-danger%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--kt-danger%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}
.tagify .tagify__tag.tagify--notAllowed .tagify__tag__removeBtn:hover {
  background: transparent;
  opacity: 0.75;
}
.tagify .tagify__input {
  margin: 0;
}
.tagify .tagify__input:before {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.tagify.form-control {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.tagify.form-control-sm {
  border-radius: 0.95rem;
  min-height: calc(1.5em + 1.1rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.tagify.form-control-sm .tagify__tag {
  padding: 0.3rem 0.3rem;
  border-radius: 0.95rem;
}
.tagify.form-control-sm .tagify__tag .tagify__tag-text {
  font-size: 0.925rem;
}
.tagify:not(.form-control-sm):not(.form-control-lg) {
  border-radius: 0.95rem;
  min-height: calc(1.5em + 1.55rem + 2px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.tagify:not(.form-control-sm):not(.form-control-lg) .tagify__tag {
  padding: 0.4rem 0.4rem;
  border-radius: 0.95rem;
}
.tagify:not(.form-control-sm):not(.form-control-lg) .tagify__tag .tagify__tag-text {
  font-size: 1rem;
}
.tagify.form-control-lg {
  border-radius: 0.625rem;
  min-height: calc(1.5em + 1.65rem + 2px);
  padding-top: 0.325rem;
  padding-bottom: 0.325rem;
}
.tagify.form-control-lg .tagify__tag {
  padding: 0.5rem 0.5rem;
  border-radius: 0.625rem;
}
.tagify.form-control-lg .tagify__tag .tagify__tag-text {
  font-size: 1.15rem;
}

.tagify__dropdown {
  box-shadow: var(--kt-dropdown-box-shadow);
  border: 0 !important;
  outline: none !important;
  padding: 0.75rem 0;
  z-index: 1000;
  background-color: var(--kt-body-bg);
  border-radius: 0.95rem;
}
.tagify__dropdown ._wrapper {
  max-height: none;
  border-radius: 0.95rem;
}
.modal-open .tagify__dropdown {
  z-index: 1056;
}
.tagify__dropdown .tagify__dropdown__wrapper {
  background-color: var(--kt-body-bg);
  border: 0 !important;
  outline: none !important;
  box-shadow: none;
}
.tagify__dropdown .tagify__dropdown__item {
  color: var(--kt-gray-700);
  border-radius: 0;
  padding: 0.75rem 1.5rem;
  margin: 0;
  box-shadow: none;
  font-weight: 500;
}
.tagify__dropdown .tagify__dropdown__item:hover, .tagify__dropdown .tagify__dropdown__item.tagify__dropdown__item--active {
  background-color: var(--kt-component-hover-bg);
  color: var(--kt-component-hover-color);
}
.tagify__dropdown.tagify__inline__suggestions {
  padding: 0.775rem 1rem;
}
.tagify__dropdown.tagify__inline__suggestions .tagify__dropdown__item {
  display: inline-block;
  font-size: 0.925rem;
  padding: 0.35rem 0.5rem;
  margin: 0.25rem 0.5rem 0.25rem 0;
  background-color: var(--kt-gray-200);
  color: var(--kt-gray-700);
  border-radius: 0.95rem;
}
.tagify__dropdown.tagify__inline__suggestions .tagify__dropdown__item:hover, .tagify__dropdown.tagify__inline__suggestions .tagify__dropdown__item.tagify__dropdown__item--active {
  background-color: var(--kt-component-hover-bg);
  color: var(--kt-component-hover-color);
}

.bootstrap-maxlength {
  z-index: 1040 !important;
}
.modal-open .bootstrap-maxlength {
  z-index: 1060 !important;
}
.bootstrap-maxlength.badge {
  display: inline-flex !important;
}

.ck-target {
  display: none;
}

.ck-toolbar {
  border-radius: 0.95rem !important;
}

.ck-content {
  min-height: 200px;
  border-radius: 0.95rem !important;
}
.ck-content.ck-focused {
  border-color: var(--kt-primary) !important;
  box-shadow: none !important;
}

.ck-editor .ck-toolbar {
  border-top-left-radius: 0.95rem !important;
  border-top-right-radius: 0.95rem !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.ck-editor .ck-content {
  border-bottom-right-radius: 0.95rem !important;
  border-bottom-left-radius: 0.95rem !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.ck-body .ck-balloon-panel .ck-content {
  min-height: 200px;
  border-color: transparent !important;
}
.ck-body .ck-balloon-panel .ck-content.ck-focused {
  border-color: var(--kt-primary) !important;
}
.ck-body .ck-balloon-panel.ck-toolbar-container,
.ck-body .ck-balloon-panel .ck-toolbar {
  border-radius: 0.95rem !important;
}

table.dataTable {
  width: 100% !important;
  margin: 0 !important;
}
table.dataTable th {
  border-bottom-color: var(--kt-table-border-color);
}

div.dataTables_wrapper div.dataTables_length {
  padding: 1rem 0;
}

div.dataTables_wrapper div.dataTables_filter {
  padding: 1rem 0;
}

div.dataTables_wrapper div.dataTables_info {
  display: flex;
  flex-direction: column;
  font-weight: 500;
  color: var(--kt-gray-700);
  padding: 1rem 0;
}
div.dataTables_wrapper div.dataTables_info .select-info,
div.dataTables_wrapper div.dataTables_info .select-item {
  margin-left: 0;
  font-size: 0.9rem;
  color: var(--kt-text-muted);
}

div.dataTables_length + div.dataTables_info {
  margin-left: 1rem;
}

div.dataTables_wrapper div.dataTables_paginate {
  padding: 1rem 0;
  margin-left: 0.5rem;
}
div.dataTables_wrapper div.dataTables_paginate .pagination {
  margin: 0;
}

table.dataTable > thead > tr > td:not(.sorting_disabled), table.dataTable > thead > tr > th:not(.sorting_disabled) {
  padding-right: 0;
}

table.dataTable > thead .sorting:after, table.dataTable > thead .sorting:before {
  display: none !important;
}
table.dataTable > thead .sorting_asc,
table.dataTable > thead .sorting_desc {
  vertical-align: middle;
}
table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_asc:after,
table.dataTable > thead .sorting_desc:before,
table.dataTable > thead .sorting_desc:after {
  position: relative !important;
  opacity: 1 !important;
  display: inline-block !important;
  width: 0.75rem;
  height: 0.75rem;
  content: " " !important;
  bottom: auto;
  right: auto !important;
  left: auto;
  margin-left: 0.5rem;
}
table.dataTable > thead .sorting_asc:before,
table.dataTable > thead .sorting_desc:before {
  display: none !important;
}

table.dataTable > thead .sorting_asc:after {
  opacity: 1;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--kt-text-muted);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-muted%29'%3e%3cpath d='M3.23571 2.72011L4.97917 4.46358C5.15176 4.63618 5.43158 4.63617 5.60417 4.46358C5.77676 4.29099 5.77676 4.01118 5.60417 3.83861L3.29463 1.52904C3.13192 1.36629 2.86809 1.36629 2.70538 1.52904L0.395812 3.83861C0.22325 4.01117 0.22325 4.29099 0.395812 4.46358C0.568437 4.63617 0.84825 4.63617 1.02081 4.46358L2.76429 2.72011C2.89446 2.58994 3.10554 2.58994 3.23571 2.72011Z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-muted%29'%3e%3cpath d='M3.23571 2.72011L4.97917 4.46358C5.15176 4.63618 5.43158 4.63617 5.60417 4.46358C5.77676 4.29099 5.77676 4.01118 5.60417 3.83861L3.29463 1.52904C3.13192 1.36629 2.86809 1.36629 2.70538 1.52904L0.395812 3.83861C0.22325 4.01117 0.22325 4.29099 0.395812 4.46358C0.568437 4.63617 0.84825 4.63617 1.02081 4.46358L2.76429 2.72011C2.89446 2.58994 3.10554 2.58994 3.23571 2.72011Z'/%3e%3c/svg%3e");
}

table.dataTable > thead .sorting_desc:after {
  opacity: 1;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--kt-text-muted);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-muted%29'%3e%3cpath d='M2.76429 3.27989L1.02083 1.53642C0.848244 1.36382 0.568419 1.36383 0.395831 1.53642C0.223244 1.70901 0.223244 1.98882 0.395831 2.16139L2.70537 4.47096C2.86808 4.63371 3.13191 4.63371 3.29462 4.47096L5.60419 2.16139C5.77675 1.98883 5.77675 1.70901 5.60419 1.53642C5.43156 1.36383 5.15175 1.36383 4.97919 1.53642L3.23571 3.27989C3.10554 3.41006 2.89446 3.41006 2.76429 3.27989Z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-muted%29'%3e%3cpath d='M2.76429 3.27989L1.02083 1.53642C0.848244 1.36382 0.568419 1.36383 0.395831 1.53642C0.223244 1.70901 0.223244 1.98882 0.395831 2.16139L2.70537 4.47096C2.86808 4.63371 3.13191 4.63371 3.29462 4.47096L5.60419 2.16139C5.77675 1.98883 5.77675 1.70901 5.60419 1.53642C5.43156 1.36383 5.15175 1.36383 4.97919 1.53642L3.23571 3.27989C3.10554 3.41006 2.89446 3.41006 2.76429 3.27989Z'/%3e%3c/svg%3e");
}

div.dataTables_wrapper .table-responsive {
  position: relative;
}
div.dataTables_wrapper div.dataTables_processing {
  border-radius: 0.95rem;
  box-shadow: var(--kt-dropdown-box-shadow);
  background-color: var(--kt-tooltip-bg);
  color: var(--kt-gray-700);
  font-weight: 500;
  margin: 0 !important;
  width: auto;
  padding: 1rem 2rem !important;
  transform: translateX(-50%) translateY(-50%);
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
  top: 50%;
  left: 0;
  height: 1.35rem;
  width: 1.35rem;
  line-height: 1.5;
  margin-top: -0.675rem;
  margin-right: 0.675rem;
  display: inline-block;
  position: relative;
  font-size: 1.05rem;
  border: 0;
  box-shadow: none;
  text-align: center;
  text-indent: 0 !important;
  content: "+";
  color: var(--kt-gray-700);
  font-family: Inter, Helvetica, "sans-serif";
  background-color: var(--kt-gray-300);
  border-radius: 0.95rem;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
  content: "-";
  background-color: var(--kt-primary);
  color: var(--kt-primary-inverse);
}

table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 100px;
  font-weight: 500;
}

table.dataTable > tbody > tr.child span.dtr-data {
  font-weight: 400;
}

table.dataTable.table-striped > tbody > tr.odd > * {
  box-shadow: inset 0 0 0 9999px var(--bs-table-striped-bg);
}

table.dataTable > tbody > tr.selected > * {
  box-shadow: inset 0 0 0 9999px var(--kt-primary);
  color: var(--kt-primary-inverse);
}

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

.dataTables_scroll .dataTables_scrollBody .table thead {
  line-height: 0;
}
.dataTables_scroll .dataTables_scrollBody .table thead .sorting:after, .dataTables_scroll .dataTables_scrollBody .table thead .sorting:before {
  display: none !important;
}

div.dtfc-right-top-blocker,
div.dtfc-left-top-blocker {
  background-color: var(--kt-body-bg);
}

table.dataTable thead tr > .dtfc-fixed-left,
table.dataTable thead tr > .dtfc-fixed-right {
  background-color: var(--kt-body-bg);
}

table.dataTable tbody tr > .dtfc-fixed-left,
table.dataTable tbody tr > .dtfc-fixed-right {
  background-color: var(--kt-body-bg);
}

.dropzone {
  min-height: auto;
  padding: 1.5rem 1.75rem;
  text-align: center;
  cursor: pointer;
  border: 1px dashed var(--kt-primary);
  background-color: var(--kt-primary-light);
  border-radius: 0.95rem !important;
}
.dropzone .dz-message {
  margin: 0;
  display: flex;
  text-align: left;
}
.dropzone .dz-preview {
  border-radius: 0.95rem !important;
  margin: 0.75rem;
}
.dropzone .dz-preview .dz-image {
  border-radius: 0.95rem !important;
  z-index: 1;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
  background: var(--kt-gray-200);
}
.dropzone .dz-success-mark,
.dropzone .dz-error-mark {
  margin-left: -20px !important;
  margin-top: -20px !important;
}
.dropzone .dz-success-mark svg,
.dropzone .dz-error-mark svg {
  height: 40px !important;
  width: 40px !important;
}
.dropzone .dz-remove {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.65rem;
  width: 1.65rem;
  font-size: 1rem;
  text-indent: -9999px;
  white-space: nowrap;
  position: absolute;
  z-index: 2;
  background-color: var(--kt-body-bg) !important;
  box-shadow: var(--kt-box-shadow);
  border-radius: 100%;
  top: -0.825rem;
  right: -0.825rem;
}
.dropzone .dz-remove:after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  content: "";
  mask-size: 40%;
  -webkit-mask-size: 40%;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--kt-gray-600);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--kt-gray-600%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--kt-gray-600%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}
.dropzone .dz-remove:hover:after {
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--kt-primary);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--kt-primary%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--kt-primary%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}
.dropzone .dz-error-message {
  color: var(--kt-danger-inverse);
  background: var(--kt-danger);
}

.dropzone.dropzone-queue {
  border: 0;
  padding: 0;
  background-color: transparent;
  text-align: left;
}
.dropzone.dropzone-queue .dz-message {
  display: none;
}
.dropzone.dropzone-queue .dropzone-panel .dropzone-upload,
.dropzone.dropzone-queue .dropzone-panel .dropzone-remove-all {
  display: none;
}
.dropzone.dropzone-queue .dropzone-item {
  display: flex;
  align-items: center;
  margin-top: 0.75rem;
  border-radius: 0.95rem;
  padding: 0.5rem 1rem;
  background-color: var(--kt-gray-100);
}
.dropzone.dropzone-queue .dropzone-item .dropzone-file {
  flex-grow: 1;
}
.dropzone.dropzone-queue .dropzone-item .dropzone-file .dropzone-filename {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--kt-gray-600);
  text-overflow: ellipsis;
  margin-right: 0.5rem;
}
.dropzone.dropzone-queue .dropzone-item .dropzone-file .dropzone-filename:hover {
  color: var(--kt-primary);
}
.dropzone.dropzone-queue .dropzone-item .dropzone-file .dropzone-error {
  margin-top: 0.25rem;
  font-size: 0.9rem;
  font-weight: 400;
  color: var(--kt-danger);
  text-overflow: ellipsis;
}
.dropzone.dropzone-queue .dropzone-item .dropzone-progress {
  width: 15%;
}
.dropzone.dropzone-queue .dropzone-item .dropzone-progress .progress {
  height: 5px;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .dropzone.dropzone-queue .dropzone-item .dropzone-progress .progress {
    transition: none;
  }
}
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar {
  margin-left: 1rem;
  display: flex;
  flex-wrap: nowrap;
}
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-start,
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-cancel,
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-delete {
  height: 25px;
  width: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: color 0.2s ease;
}
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-start i,
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-cancel i,
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-delete i {
  transition: color 0.2s ease;
  font-size: 0.8rem;
  color: var(--kt-gray-600);
}
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-start:hover,
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-cancel:hover,
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-delete:hover {
  transition: color 0.2s ease;
}
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-start:hover i,
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-cancel:hover i,
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-delete:hover i {
  color: var(--kt-primary);
}
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-start {
  transition: color 0.2s ease;
}

.gmaps {
  /* important!  bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
}
.gmaps img {
  max-width: none;
}
.gmaps.gmaps-static > div {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: block;
}

.noUi-target {
  border: 0;
  background: var(--kt-gray-100);
  box-shadow: none;
}
.noUi-target.noUi-horizontal {
  height: 15px;
}
.noUi-target.noUi-horizontal .noUi-handle {
  width: 24px;
  height: 24px;
  top: -4.5px;
  border-radius: 50%;
  outline: none;
}
.noUi-target.noUi-horizontal .noUi-handle::before {
  display: none;
}
.noUi-target.noUi-horizontal .noUi-handle::after {
  display: none;
}
.noUi-target.noUi-vertical {
  height: 150px;
  width: 15px;
}
.noUi-target.noUi-vertical .noUi-handle {
  width: 24px;
  height: 24px;
  right: -4.5px;
  border-radius: 50%;
  outline: none;
}
.noUi-target.noUi-vertical .noUi-handle::before {
  display: none;
}
.noUi-target.noUi-vertical .noUi-handle::after {
  display: none;
}
.noUi-target .noUi-connect {
  background: var(--kt-component-active-bg);
}
.noUi-target .noUi-handle {
  background-color: #ffffff;
  border: 1px solid var(--kt-gray-200);
  box-shadow: var(--kt-box-shadow-sm);
}
.noUi-target.noUi-sm {
  height: 6px;
}
.noUi-target.noUi-sm .noUi-handle {
  width: 20px;
  height: 20px;
  top: -7px;
}
.noUi-target.noUi-lg {
  height: 18px;
}
.noUi-target.noUi-lg .noUi-handle {
  width: 30px;
  height: 30px;
  top: -6px;
}

.noUi-target.noUi-target-white .noUi-connects {
  background-color: var(--kt-white-light);
}
.noUi-target.noUi-target-white .noUi-connects .noUi-connect {
  background-color: var(--kt-white);
}
.noUi-target.noUi-target-white .noUi-handle {
  border: 1px solid var(--kt-white);
  box-shadow: 0 3px 6px -3px rgba(var(--kt-white), 0.7);
  background-color: var(--kt-white);
}

.noUi-target.noUi-target-light .noUi-connects {
  background-color: var(--kt-light-light);
}
.noUi-target.noUi-target-light .noUi-connects .noUi-connect {
  background-color: var(--kt-light);
}
.noUi-target.noUi-target-light .noUi-handle {
  border: 1px solid var(--kt-light);
  box-shadow: 0 3px 6px -3px rgba(var(--kt-light), 0.7);
  background-color: var(--kt-light);
}

.noUi-target.noUi-target-primary .noUi-connects {
  background-color: var(--kt-primary-light);
}
.noUi-target.noUi-target-primary .noUi-connects .noUi-connect {
  background-color: var(--kt-primary);
}
.noUi-target.noUi-target-primary .noUi-handle {
  border: 1px solid var(--kt-primary);
  box-shadow: 0 3px 6px -3px rgba(var(--kt-primary), 0.7);
  background-color: var(--kt-primary);
}

.noUi-target.noUi-target-secondary .noUi-connects {
  background-color: var(--kt-secondary-light);
}
.noUi-target.noUi-target-secondary .noUi-connects .noUi-connect {
  background-color: var(--kt-secondary);
}
.noUi-target.noUi-target-secondary .noUi-handle {
  border: 1px solid var(--kt-secondary);
  box-shadow: 0 3px 6px -3px rgba(var(--kt-secondary), 0.7);
  background-color: var(--kt-secondary);
}

.noUi-target.noUi-target-success .noUi-connects {
  background-color: var(--kt-success-light);
}
.noUi-target.noUi-target-success .noUi-connects .noUi-connect {
  background-color: var(--kt-success);
}
.noUi-target.noUi-target-success .noUi-handle {
  border: 1px solid var(--kt-success);
  box-shadow: 0 3px 6px -3px rgba(var(--kt-success), 0.7);
  background-color: var(--kt-success);
}

.noUi-target.noUi-target-info .noUi-connects {
  background-color: var(--kt-info-light);
}
.noUi-target.noUi-target-info .noUi-connects .noUi-connect {
  background-color: var(--kt-info);
}
.noUi-target.noUi-target-info .noUi-handle {
  border: 1px solid var(--kt-info);
  box-shadow: 0 3px 6px -3px rgba(var(--kt-info), 0.7);
  background-color: var(--kt-info);
}

.noUi-target.noUi-target-warning .noUi-connects {
  background-color: var(--kt-warning-light);
}
.noUi-target.noUi-target-warning .noUi-connects .noUi-connect {
  background-color: var(--kt-warning);
}
.noUi-target.noUi-target-warning .noUi-handle {
  border: 1px solid var(--kt-warning);
  box-shadow: 0 3px 6px -3px rgba(var(--kt-warning), 0.7);
  background-color: var(--kt-warning);
}

.noUi-target.noUi-target-danger .noUi-connects {
  background-color: var(--kt-danger-light);
}
.noUi-target.noUi-target-danger .noUi-connects .noUi-connect {
  background-color: var(--kt-danger);
}
.noUi-target.noUi-target-danger .noUi-handle {
  border: 1px solid var(--kt-danger);
  box-shadow: 0 3px 6px -3px rgba(var(--kt-danger), 0.7);
  background-color: var(--kt-danger);
}

.noUi-target.noUi-target-dark .noUi-connects {
  background-color: var(--kt-dark-light);
}
.noUi-target.noUi-target-dark .noUi-connects .noUi-connect {
  background-color: var(--kt-dark);
}
.noUi-target.noUi-target-dark .noUi-handle {
  border: 1px solid var(--kt-dark);
  box-shadow: 0 3px 6px -3px rgba(var(--kt-dark), 0.7);
  background-color: var(--kt-dark);
}

.noUi-tooltip {
  box-shadow: var(--kt-tooltip-box-shadow);
  background: var(--kt-tooltip-bg);
  color: var(--kt-tooltip-color);
  font-size: 0.925rem;
  border: 0;
  padding: 0.5rem 0.75rem;
  border-radius: 0.95rem;
}

.ql-toolbar {
  font-family: Inter, Helvetica, "sans-serif";
}
.ql-toolbar.ql-snow {
  border: 1px solid var(--kt-border-color);
  border-top-left-radius: 0.95rem;
  border-top-right-radius: 0.95rem;
}
.ql-toolbar.ql-snow .ql-picker .ql-fill,
.ql-toolbar.ql-snow .ql-picker .ql-stroke,
.ql-toolbar.ql-snow button .ql-fill,
.ql-toolbar.ql-snow button .ql-stroke {
  stroke: var(--kt-gray-500);
}
.ql-toolbar.ql-snow .ql-picker .ql-fill,
.ql-toolbar.ql-snow button .ql-fill {
  fill: var(--kt-gray-500);
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-fill,
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-stroke, .ql-toolbar.ql-snow .ql-picker.ql-active .ql-fill,
.ql-toolbar.ql-snow .ql-picker.ql-active .ql-stroke, .ql-toolbar.ql-snow .ql-picker:focus .ql-fill,
.ql-toolbar.ql-snow .ql-picker:focus .ql-stroke, .ql-toolbar.ql-snow .ql-picker:hover .ql-fill,
.ql-toolbar.ql-snow .ql-picker:hover .ql-stroke,
.ql-toolbar.ql-snow button.ql-expanded .ql-fill,
.ql-toolbar.ql-snow button.ql-expanded .ql-stroke,
.ql-toolbar.ql-snow button.ql-active .ql-fill,
.ql-toolbar.ql-snow button.ql-active .ql-stroke,
.ql-toolbar.ql-snow button:focus .ql-fill,
.ql-toolbar.ql-snow button:focus .ql-stroke,
.ql-toolbar.ql-snow button:hover .ql-fill,
.ql-toolbar.ql-snow button:hover .ql-stroke {
  stroke: var(--kt-primary);
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-fill, .ql-toolbar.ql-snow .ql-picker.ql-active .ql-fill, .ql-toolbar.ql-snow .ql-picker:focus .ql-fill, .ql-toolbar.ql-snow .ql-picker:hover .ql-fill,
.ql-toolbar.ql-snow button.ql-expanded .ql-fill,
.ql-toolbar.ql-snow button.ql-active .ql-fill,
.ql-toolbar.ql-snow button:focus .ql-fill,
.ql-toolbar.ql-snow button:hover .ql-fill {
  fill: var(--kt-primary);
}

.ql-editor {
  color: var(--kt-input-color);
}
.ql-editor.ql-blank:before {
  left: auto !important;
  right: auto !important;
  color: var(--kt-text-muted) !important;
  font-style: normal !important;
}

.ql-container.ql-snow {
  background-color: var(--kt-input-bg);
  border: 1px solid var(--kt-gray-200);
  border-top: 0;
  border-bottom-right-radius: 0.95rem;
  border-bottom-left-radius: 0.95rem;
}

.ql-snow .ql-picker .ql-picker-label {
  color: var(--kt-gray-500);
}
.ql-snow .ql-picker .ql-picker-label.ql-active, .ql-snow .ql-picker .ql-picker-label:hover {
  color: var(--kt-primary);
}
.ql-snow .ql-picker.ql-expanded {
  outline: none !important;
  border-color: transparent !important;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: transparent !important;
  color: var(--kt-primary);
  outline: none !important;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label.ql-active, .ql-snow .ql-picker.ql-expanded .ql-picker-label:hover {
  color: var(--kt-primary);
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border: 0;
  padding: 0.5rem 1rem;
  box-shadow: var(--kt-dropdown-box-shadow);
  background-color: var(--kt-body-bg);
  border-radius: 0.95rem;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
  color: var(--kt-gray-600);
  outline: none;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item.ql-selected, .ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item.ql-active, .ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
  color: var(--kt-primary);
}
.ql-snow .ql-tooltip {
  border: 0;
  padding: 0.5rem 1rem;
  box-shadow: var(--kt-dropdown-box-shadow);
  border-radius: 0.95rem;
}
.ql-snow .ql-tooltip input[type=text] {
  border: 0;
  background-color: transparent;
  outline: none !important;
  box-shadow: none;
  border-radius: 0;
  border: 1px solid var(--kt-border-color);
  color: #716D66;
  outline: none !important;
  border-radius: 0.95rem;
}
.ql-snow .ql-tooltip input[type=text]:active, .ql-snow .ql-tooltip input[type=text]:focus {
  border-color: var(--kt-input-focus-border-color) !important;
}
.ql-snow .ql-tooltip .ql-preview {
  color: var(--kt-gray-600);
}
.ql-snow .ql-tooltip .ql-action {
  transition: color 0.3s ease;
  color: var(--kt-gray-600);
}
.ql-snow .ql-tooltip .ql-action:hover {
  transition: color 0.3s ease;
  color: var(--kt-primary);
}
.modal .ql-snow .ql-tooltip.ql-editing {
  left: 20px !important;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: var(--kt-gray-900);
  color: var(--kt-text-muted);
  overflow: visible;
  border-radius: 0.95rem;
}

.ql-quil.ql-quil-plain .ql-toolbar {
  padding: 0;
  margin: 0;
  border: 0;
}
.ql-quil.ql-quil-plain .ql-toolbar:after {
  display: none;
}
.ql-quil.ql-quil-plain .ql-toolbar .ql-picker-label {
  padding-left: 0;
}
.ql-quil.ql-quil-plain .ql-container {
  border: 0;
}
.ql-quil.ql-quil-plain .ql-editor {
  border: 0;
  padding: 0;
}

.recaptcha {
  padding: 15px;
  border: 1px solid var(--kt-gray-200);
  border-radius: 0.95rem;
}
.recaptcha .recaptcha-img {
  margin-bottom: 10px;
}
.recaptcha .recaptcha_only_if_incorrect_sol {
  color: var(--kt-danger);
}
.recaptcha .input-group .btn i {
  padding-right: 0;
}
.recaptcha .input-group .form-control {
  border-top-left-radius: 0.95rem !important;
  border-bottom-left-radius: 0.95rem !important;
}

html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown),
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown):not(.modal-open) {
  overflow-y: initial !important;
}
html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown):not(.sweetalert2-nopadding),
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown):not(.modal-open):not(.sweetalert2-nopadding) {
  padding-right: 0 !important;
}

.swal2-popup {
  background-color: var(--kt-body-bg);
  padding: 2rem;
  border-radius: 0.95rem;
}
.swal2-popup .swal2-title {
  font-weight: 500;
  font-size: 1.3rem;
  color: var(--kt-dark);
}
.swal2-popup .swal2-html-container,
.swal2-popup .swal2-content {
  font-weight: normal;
  font-size: 1.1rem;
  margin-top: 1.5rem;
  color: var(--kt-gray-800);
}
.swal2-popup .btn {
  margin: 15px 5px 0;
}
.swal2-popup .swal2-styled:focus {
  box-shadow: none;
}
.swal2-popup .swal2-actions {
  margin: 1.5rem auto 1rem auto;
}

.swal2-container {
  overflow-y: hidden !important;
}
.swal2-container.swal2-shown {
  background-color: rgba(0, 0, 0, 0.2);
}
.swal2-container .swal2-html-container {
  max-height: 200px;
  overflow: auto;
}

body.swal2-height-auto {
  height: 100% !important;
}

.swal2-icon.swal2-warning {
  border-color: var(--kt-warning);
  color: var(--kt-warning);
}
.swal2-icon.swal2-error {
  border-color: var(--kt-danger);
  color: var(--kt-danger);
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  background-color: rgba(var(--kt-danger-rgb), 0.75);
}
.swal2-icon.swal2-success {
  border-color: var(--kt-success);
  color: var(--kt-success);
}
.swal2-icon.swal2-success [class^=swal2-success-line] {
  background-color: var(--kt-success);
}
.swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgba(var(--kt-success-rgb), 0.3);
}
.swal2-icon.swal2-info {
  border-color: var(--kt-info);
  color: var(--kt-info);
}
.swal2-icon.swal2-question {
  border-color: var(--kt-primary);
  color: var(--kt-primary);
}

.tox-target {
  display: none;
}

.tox-tinymce {
  border-radius: 0.95rem !important;
}

.toastr {
  background-position: 1.5rem center /*rtl:calc(100% - 1.5rem) center*/ !important;
  box-shadow: var(--kt-dropdown-box-shadow) !important;
  border-radius: 0.95rem !important;
  border: 0 !important;
  background-color: var(--kt-gray-100);
  color: var(--kt-gray-700);
  padding: 1.25rem 1.25rem 1.25rem 4.5rem !important;
}
.toastr .toastr-close-button {
  outline: none !important;
  font-size: 0;
  width: 0.85rem;
  height: 0.85rem;
}
.toastr .toastr-title {
  font-size: 1.15rem;
  font-weight: 500;
}
.toastr .toastr-title + .toastr-message {
  margin-top: 0.25rem;
}
.toastr .toastr-message {
  font-size: 1rem;
  font-weight: 400;
}
.toastr.toastr-success {
  background-color: var(--kt-success);
  color: var(--kt-success-inverse);
}
.toastr.toastr-success .toastr-close-button {
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--kt-success-inverse);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--kt-success-inverse%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--kt-success-inverse%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}
.toastr.toastr-info {
  background-color: var(--kt-info);
  color: var(--kt-info-inverse);
}
.toastr.toastr-info .toastr-close-button {
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--kt-info-inverse);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--kt-info-inverse%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--kt-info-inverse%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}
.toastr.toastr-warning {
  background-color: var(--kt-warning);
  color: var(--kt-warning-inverse);
}
.toastr.toastr-warning .toastr-close-button {
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--kt-warning-inverse);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--kt-warning-inverse%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--kt-warning-inverse%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}
.toastr.toastr-error {
  background-color: var(--kt-danger);
  color: var(--kt-danger-inverse);
}
.toastr.toastr-error .toastr-close-button {
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--kt-danger-inverse);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--kt-danger-inverse%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--kt-danger-inverse%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}

.toastr-top-center {
  top: 12px;
}

.toastr-bottom-center {
  bottom: 12px;
}

.draggable {
  transition: opacity 0.3s ease;
  outline: none !important;
}
.draggable.draggable-mirror {
  opacity: 0.8;
  transition: opacity 0.3s ease;
  border: 2px dashed var(--kt-gray-300) !important;
  border-radius: 0.95rem;
}
.draggable.draggable--original {
  opacity: 0 !important;
}
.draggable.draggable-source--is-dragging.draggable--over {
  opacity: 0 !important;
}
.draggable .draggable-handle {
  cursor: move;
}

.apexcharts-text,
.apexcharts-title-text,
.apexcharts-legend-text {
  font-family: Inter, Helvetica, "sans-serif" !important;
}

.apexcharts-title-text {
  font-weight: 400;
}

.apexcharts-pie-label {
  font-weight: 400;
  font-size: 0.925rem;
}

.apexcharts-toolbar {
  text-align: left !important;
}

.apexcharts-menu {
  background-color: var(--kt-body-bg);
  border: 0 !important;
  padding: 0.5rem 0 !important;
  box-shadow: var(--kt-dropdown-box-shadow);
  border-radius: 0.95rem !important;
  overflow: hidden;
  min-width: 10rem !important;
}
.apexcharts-menu .apexcharts-menu-item {
  padding: 0.25rem 1rem;
  transition: all 0.2s ease-in-out;
}
.apexcharts-menu .apexcharts-menu-item:hover {
  background-color: var(--kt-hover-bg) !important;
}

.apexcharts-tooltip.apexcharts-theme-light {
  border-radius: 0.95rem;
  box-shadow: var(--kt-dropdown-box-shadow);
  border: 0 !important;
  background: var(--kt-body-bg) !important;
  color: var(--kt-gray-800);
}
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: var(--kt-body-bg) !important;
  font-weight: 500;
  color: var(--kt-gray-800);
  border-bottom: 1px solid var(--kt-gray-100) !important;
}
.apexcharts-tooltip .apexcharts-tooltip-title {
  padding: 0.5rem 1rem;
}
.apexcharts-xaxistooltip.apexcharts-theme-light {
  border-radius: 0.95rem !important;
  box-shadow: var(--kt-dropdown-box-shadow) !important;
  border: 0 !important;
  background: var(--kt-dropdown-box-shadow) !important;
  color: var(--kt-gray-800);
}
.apexcharts-xaxistooltip.apexcharts-theme-light:before {
  border-bottom: 0 !important;
}
.apexcharts-xaxistooltip.apexcharts-theme-light:after {
  border-bottom-color: var(--kt-dropdown-box-shadow) !important;
}

.card-rounded-bottom .apexcharts-canvas svg {
  border-bottom-left-radius: 0.95rem;
  border-bottom-right-radius: 0.95rem;
}

.rounded .apexcharts-canvas svg {
  border-radius: 0.95rem !important;
}

.rounded-sm .apexcharts-canvas svg {
  border-radius: 0.475rem !important;
}

.rounded-lg .apexcharts-canvas svg {
  border-radius: 0.625rem !important;
}

.rounded-xl .apexcharts-canvas svg {
  border-radius: 1rem !important;
}

.leaflet-container .leaflet-pane,
.leaflet-container .leaflet-top,
.leaflet-container .leaflet-bottom,
.leaflet-container .leaflet-control {
  z-index: 1 !important;
}
.leaflet-container .leaflet-popup-content-wrapper {
  border-radius: 0.95rem !important;
  text-align: center;
  box-shadow: var(--kt-box-shadow) !important;
}
.leaflet-container .leaflet-popup-content-wrapper .leaflet-popup-content {
  font-family: Inter, Helvetica, "sans-serif";
  font-size: 1rem;
}

.tns {
  position: relative;
  overflow: hidden;
}
.tns [data-tns=true] {
  display: none;
}
.tns .tns-item {
  opacity: 0;
  transition: all 0.3s ease;
}
.tns .tns-controls {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tns .tns-controls button {
  outline: none;
  border: 0;
  margin: 0 0.25rem;
  border-radius: 0.95rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--kt-primary);
  color: var(--kt-primary-inverse);
}
.tns .tns-controls button:hover {
  background-color: var(--kt-primary-active);
}
.tns .tns-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.tns .tns-nav button {
  display: block;
  outline: none;
  width: 1.25rem;
  height: 0.75rem;
  background-color: var(--kt-gray-200);
  margin: 0 0.25rem;
  border: 0;
  border-radius: 0.35rem;
}
.tns .tns-nav button.tns-nav-active {
  background-color: var(--kt-primary);
}
.tns.tns-initiazlied [data-tns=true] {
  display: flex;
}
.tns.tns-initiazlied .tns-item {
  opacity: 1;
  transition: all 0.3s ease;
}
.tns.tns-default {
  position: relative;
}
.tns.tns-default [data-controls=prev],
.tns.tns-default [data-controls=next] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.tns.tns-default [data-controls=prev] {
  left: 0;
}
.tns.tns-default [data-controls=next] {
  right: 0;
}
.tns.tns-default .tns-outer {
  margin: 0 4rem;
}
@media (max-width: 767.98px) {
  .tns.tns-default .tns-outer {
    margin: 0 2rem;
  }
}

.tns-hide-disabled-nav [disabled] {
  display: none !important;
}

body {
  --fc-event-border-color: var(--kt-primary);
  --fc-event-bg-color: var(--kt-primary);
  --fc-event-text-color: var(--kt-primary-inverse);
}

.fc {
  --fc-border-color: var(--kt-gray-200);
  --fc-page-bg-color: #ffffff;
  --fc-small-font-size: 0.95rem;
  --fc-highlight-color: var(--kt-light);
  --fc-bg-event-opacity: 0.3;
  --fc-neutral-bg-color: var(--kt-light);
  --fc-today-bg-color: var(--kt--success-light);
  --fc-now-indicator-color: var(--kt-danger);
  --fc-list-event-hover-bg-color: var(--kt-light);
  --fc-button-text-color: var(--kt-gray-600);
  --fc-button-bg-color: var(--kt-gray-100);
  --fc-button-border-color: var(--kt-gray-100);
  --fc-button-hover-bg-color: var(--kt-gray-100);
  --fc-button-hover-border-color: var(--kt-gray-100);
  --fc-button-active-bg-color: var(--kt-gray-200);
  --fc-button-active-border-color: var(--kt-gray-200);
}
.fc table {
  font-size: 1rem;
}
.fc .fc-button {
  padding: 0.75rem 1.25rem;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0.95rem;
  vertical-align: middle;
  font-weight: 500;
  text-transform: capitalize;
}
.fc .fc-button-primary {
  margin: 0;
}
.fc .fc-button-primary .fc-icon {
  font-size: 1.35rem;
  margin-bottom: 0.15rem;
}
.fc .fc-button-primary:not(:disabled):not(.fc-button-active):focus, .fc .fc-button-primary:not(:disabled):not(.fc-button-active):hover, .fc .fc-button-primary:not(:disabled):not(.fc-button-active):active {
  color: var(--kt-gray-900);
}
.fc .fc-button-primary:not(:disabled):not(.fc-button-active):focus .fc-icon, .fc .fc-button-primary:not(:disabled):not(.fc-button-active):hover .fc-icon, .fc .fc-button-primary:not(:disabled):not(.fc-button-active):active .fc-icon {
  color: var(--kt-gray-900);
}
.fc .fc-button-primary:not(:disabled).fc-button-active {
  color: var(--kt-gray-900);
}
.fc .fc-button-primary:not(:disabled).fc-button-active .fc-icon {
  color: var(--kt-gray-900);
}
.fc .fc-button-group .fc-button {
  margin: 0 !important;
}
.fc .fc-toolbar-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--kt-gray-800);
}
.fc .fc-col-header-cell {
  padding: 0.75rem 0.5rem;
}
.fc .fc-col-header-cell .fc-col-header-cell-cushion {
  font-size: 1.1rem;
  font-weight: 500;
  color: var(--kt-gray-800);
}
.fc .fc-scrollgrid {
  border-radius: 0.95rem;
}
.fc .fc-scrollgrid thead > tr td:first-child {
  border-top-left-radius: 0.95rem;
}
.fc .fc-scrollgrid thead > tr td:last-child {
  border-top-right-radius: 0.95rem;
}
.fc .fc-scrollgrid tbody > tr:last-child td:first-child {
  border-bottom-left-radius: 0.95rem;
}
.fc .fc-scrollgrid tbody > tr:last-child td:last-child {
  border-bottom-right-radius: 0.95rem;
}
.fc .fc-daygrid-event {
  margin-top: 3px;
}
.fc .fc-daygrid-dot-event .fc-event-title,
.fc .fc-daygrid-dot-event .fc-event-time,
.fc .fc-daygrid-block-event .fc-event-title,
.fc .fc-daygrid-block-event .fc-event-time {
  padding: 0.25rem 0.25rem;
}
.fc .fc-daygrid-day-number {
  color: var(--kt-gray-800);
}
.fc .fc-daygrid-dot-event {
  background-color: var(--kt-light);
  color: var(--kt-gray-600);
}
.fc .fc-daygrid-dot-event .fc-event-title {
  font-weight: 500;
}
.fc .fc-daygrid-dot-event:hover, .fc .fc-daygrid-dot-event.fc-event-mirror {
  background-color: var(--kt-light);
  color: var(--kt-primary);
}
.fc .fc-daygrid-event-dot {
  margin-left: 0.5rem;
  margin-right: 0.1rem;
}
.fc .fc-popover {
  border: 0 !important;
  background-color: var(--kt-tooltip-bg);
  box-shadow: var(--kt-dropdown-box-shadow);
  border-radius: 0.95rem;
}
.fc .fc-popover .fc-popover-header {
  border-top-left-radius: 0.95rem;
  border-top-right-radius: 0.95rem;
  padding: 0.65rem 0.75rem;
  background-color: var(--kt-tooltip-bg);
}
.fc .fc-popover .fc-popover-header .fc-popover-title {
  color: var(--kt-gray-800);
  font-size: 1rem;
  font-weight: 500;
}
.fc .fc-popover .fc-popover-header .fc-popover-close {
  font-size: 1rem;
  color: var(--kt-gray-600);
}
.fc .fc-popover .fc-popover-header .fc-popover-close:hover {
  color: var(--kt-primary);
}
.fc .fc-popover .fc-popover-body {
  padding: 0.5rem 0.75rem 0.75rem 0.75rem;
}
.fc .fc-daygrid-more-link {
  font-weight: 500;
}
.fc .fc-timegrid-slot {
  height: 2rem;
  font-size: 0.95rem;
}
.fc .fc-list-day-cushion,
.fc .fc-list-table td {
  padding: 0.85rem 1.15rem;
}
.fc .fc-list-day-text,
.fc .fc-list-day-side-text {
  font-size: 1.1rem;
  color: var(--kt-gray-900);
  font-weight: 600;
}
.fc .fc-list,
.fc .fc-list-table {
  border-radius: 0.95rem;
}
.fc .fc-list {
  overflow: hidden;
  position: relative;
}
.fc .fc-timegrid-axis {
  padding-left: 0rem;
  padding-right: 0;
}
.fc .fc-timegrid-event .fc-event-main {
  padding: 0.25rem 0.25rem;
}
.fc .fc-timegrid-now-indicator-arrow {
  margin-top: -1px;
}

.fc-h-event {
  font-weight: 400;
}

@media (max-width: 767.98px) {
  .fc .fc-header-toolbar {
    flex-direction: column;
    align-items: flex-start;
  }
  .fc .fc-header-toolbar .fc-toolbar-chunk:nth-child(1), .fc .fc-header-toolbar .fc-toolbar-chunk:nth-child(3) {
    order: 2;
  }
  .fc .fc-header-toolbar .fc-toolbar-chunk:nth-child(2) {
    order: 1;
  }
  .fc .fc-header-toolbar .fc-toolbar-chunk:nth-child(2), .fc .fc-header-toolbar .fc-toolbar-chunk:nth-child(1) {
    margin-bottom: 1rem;
  }
}
.kanban-container {
  width: 100% !important;
  display: flex;
  flex-wrap: wrap;
}
.kanban-container .kanban-board {
  float: none;
  flex-shrink: 0;
  margin-bottom: 1.25rem;
  margin-right: 1.25rem !important;
  background-color: var(--kt-gray-100);
  border-radius: 0.95rem;
}
.kanban-container .kanban-board:last-child {
  margin-right: 0 !important;
}
.kanban-container .kanban-board .kanban-board-header {
  border-top-left-radius: 0.95rem;
  border-top-right-radius: 0.95rem;
}
.kanban-container .kanban-board .kanban-board-header .kanban-title-board {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--kt-gray-900);
}
.kanban-container .kanban-board .kanban-board-header.white {
  background-color: var(--kt-white);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-board-header.white .kanban-title-board {
  color: var(--kt-white-inverse);
}
.kanban-container .kanban-board .kanban-board-header.light-white {
  color: rgba(var(--kt-white), 0.1);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-board-header.light-white .kanban-title-board {
  color: var(--kt-white);
}
.kanban-container .kanban-board .kanban-board-header.light {
  background-color: var(--kt-light);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-board-header.light .kanban-title-board {
  color: var(--kt-light-inverse);
}
.kanban-container .kanban-board .kanban-board-header.light-light {
  color: rgba(var(--kt-light), 0.1);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-board-header.light-light .kanban-title-board {
  color: var(--kt-light);
}
.kanban-container .kanban-board .kanban-board-header.primary {
  background-color: var(--kt-primary);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-board-header.primary .kanban-title-board {
  color: var(--kt-primary-inverse);
}
.kanban-container .kanban-board .kanban-board-header.light-primary {
  color: rgba(var(--kt-primary), 0.1);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-board-header.light-primary .kanban-title-board {
  color: var(--kt-primary);
}
.kanban-container .kanban-board .kanban-board-header.secondary {
  background-color: var(--kt-secondary);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-board-header.secondary .kanban-title-board {
  color: var(--kt-secondary-inverse);
}
.kanban-container .kanban-board .kanban-board-header.light-secondary {
  color: rgba(var(--kt-secondary), 0.1);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-board-header.light-secondary .kanban-title-board {
  color: var(--kt-secondary);
}
.kanban-container .kanban-board .kanban-board-header.success {
  background-color: var(--kt-success);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-board-header.success .kanban-title-board {
  color: var(--kt-success-inverse);
}
.kanban-container .kanban-board .kanban-board-header.light-success {
  color: rgba(var(--kt-success), 0.1);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-board-header.light-success .kanban-title-board {
  color: var(--kt-success);
}
.kanban-container .kanban-board .kanban-board-header.info {
  background-color: var(--kt-info);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-board-header.info .kanban-title-board {
  color: var(--kt-info-inverse);
}
.kanban-container .kanban-board .kanban-board-header.light-info {
  color: rgba(var(--kt-info), 0.1);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-board-header.light-info .kanban-title-board {
  color: var(--kt-info);
}
.kanban-container .kanban-board .kanban-board-header.warning {
  background-color: var(--kt-warning);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-board-header.warning .kanban-title-board {
  color: var(--kt-warning-inverse);
}
.kanban-container .kanban-board .kanban-board-header.light-warning {
  color: rgba(var(--kt-warning), 0.1);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-board-header.light-warning .kanban-title-board {
  color: var(--kt-warning);
}
.kanban-container .kanban-board .kanban-board-header.danger {
  background-color: var(--kt-danger);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-board-header.danger .kanban-title-board {
  color: var(--kt-danger-inverse);
}
.kanban-container .kanban-board .kanban-board-header.light-danger {
  color: rgba(var(--kt-danger), 0.1);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-board-header.light-danger .kanban-title-board {
  color: var(--kt-danger);
}
.kanban-container .kanban-board .kanban-board-header.dark {
  background-color: var(--kt-dark);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-board-header.dark .kanban-title-board {
  color: var(--kt-dark-inverse);
}
.kanban-container .kanban-board .kanban-board-header.light-dark {
  color: rgba(var(--kt-dark), 0.1);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-board-header.light-dark .kanban-title-board {
  color: var(--kt-dark);
}
.kanban-container .kanban-board .kanban-drag .kanban-item {
  border-radius: 0.95rem;
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.05);
  background: var(--kt-body-bg);
}
.kanban-container .kanban-board .kanban-drag .kanban-item[data-class=white] {
  background-color: var(--kt-white);
  color: var(--kt-white-inverse);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-drag .kanban-item[data-class=light-white] {
  background-color: var(--kt-white-light);
  color: var(--kt-white);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-drag .kanban-item[data-class=light] {
  background-color: var(--kt-light);
  color: var(--kt-light-inverse);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-drag .kanban-item[data-class=light-light] {
  background-color: var(--kt-light-light);
  color: var(--kt-light);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-drag .kanban-item[data-class=primary] {
  background-color: var(--kt-primary);
  color: var(--kt-primary-inverse);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-drag .kanban-item[data-class=light-primary] {
  background-color: var(--kt-primary-light);
  color: var(--kt-primary);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-drag .kanban-item[data-class=secondary] {
  background-color: var(--kt-secondary);
  color: var(--kt-secondary-inverse);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-drag .kanban-item[data-class=light-secondary] {
  background-color: var(--kt-secondary-light);
  color: var(--kt-secondary);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-drag .kanban-item[data-class=success] {
  background-color: var(--kt-success);
  color: var(--kt-success-inverse);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-drag .kanban-item[data-class=light-success] {
  background-color: var(--kt-success-light);
  color: var(--kt-success);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-drag .kanban-item[data-class=info] {
  background-color: var(--kt-info);
  color: var(--kt-info-inverse);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-drag .kanban-item[data-class=light-info] {
  background-color: var(--kt-info-light);
  color: var(--kt-info);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-drag .kanban-item[data-class=warning] {
  background-color: var(--kt-warning);
  color: var(--kt-warning-inverse);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-drag .kanban-item[data-class=light-warning] {
  background-color: var(--kt-warning-light);
  color: var(--kt-warning);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-drag .kanban-item[data-class=danger] {
  background-color: var(--kt-danger);
  color: var(--kt-danger-inverse);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-drag .kanban-item[data-class=light-danger] {
  background-color: var(--kt-danger-light);
  color: var(--kt-danger);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-drag .kanban-item[data-class=dark] {
  background-color: var(--kt-dark);
  color: var(--kt-dark-inverse);
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-drag .kanban-item[data-class=light-dark] {
  background-color: var(--kt-dark-light);
  color: var(--kt-dark);
  box-shadow: none;
}
.kanban-fixed-height .kanban-container .kanban-board .kanban-drag {
  position: relative;
  overflow-y: auto;
}

.jstree-default .jstree-anchor {
  color: var(--kt-gray-700);
  padding: 0 8px 0 4px;
}
.jstree-default .jstree-icon {
  color: var(--kt-gray-700);
  font-size: 1.3rem;
}
.jstree-default .jstree-icon.la {
  font-size: 1.5rem;
}
.jstree-default .jstree-icon.fa {
  font-size: 1.2rem;
}
.jstree-default .jstree-disabled {
  cursor: not-allowed;
  line-height: auto;
  height: auto;
  opacity: 0.7;
}
.jstree-default .jstree-disabled .jstree-icon {
  color: var(--kt-gray-700);
}
.jstree-default .jstree-clicked {
  border: 0;
  background: var(--kt-gray-100);
  box-shadow: none;
}
.jstree-default .jstree-hovered {
  border: 0;
  background-color: var(--kt-gray-100);
  box-shadow: none;
}
.jstree-default .jstree-wholerow-clicked,
.jstree-default .jstree-wholerow-clicked {
  background: var(--kt-gray-200);
  box-shadow: none;
}
.jstree-default .jstree-wholerow-hovered, .jstree-default.jstree-wholerow .jstree-wholerow-hovered {
  border: 0;
  background-color: var(--kt-gray-100);
  box-shadow: none;
}

.jstree-open > .jstree-anchor > .fa-folder:before {
  margin-left: 2px;
  content: "\f07c";
}

.jstree-open > .jstree-anchor > .la-folder:before {
  margin-left: 2px;
  content: "\f200";
}

.jstree-default.jstree-rtl .jstree-node {
  background-position: 100% 1px /*rtl:ignore*/ !important;
}

.jstree-default.jstree-rtl .jstree-last {
  background: transparent /*rtl:ignore*/;
  background-repeat: no-repeat;
}

.jstree-rtl .jstree-anchor {
  padding: 0 4px 0 8px /*rtl:ignore*/;
}

.vakata-context,
.vakata-context ul {
  padding: 0.5rem 0;
  min-width: 150px;
  font-size: 1rem;
  font-family: var(--bs-font-sans-serif);
  background: var(--kt-body-bg);
  box-shadow: var(--kt-dropdown-box-shadow);
  border: 0;
  border-radius: 0.95rem;
}
.vakata-context li,
.vakata-context ul li {
  padding: 0;
  border: 0;
}
.vakata-context li a,
.vakata-context ul li a {
  padding: 0rem 1.2rem;
  border: 0;
}
.vakata-context li a i,
.vakata-context ul li a i {
  display: none;
}
.vakata-context li a .vakata-contextmenu-sep,
.vakata-context ul li a .vakata-contextmenu-sep {
  display: none;
}
.vakata-context li a span,
.vakata-context li a ins,
.vakata-context ul li a span,
.vakata-context ul li a ins {
  display: none;
  border: 0 !important;
}
.vakata-context .vakata-context-hover > a,
.vakata-context li a:hover,
.vakata-context ul .vakata-context-hover > a,
.vakata-context ul li a:hover {
  margin: 0;
  background-color: var(--kt-gray-100);
  color: var(--kt-primary);
  box-shadow: none;
}
.vakata-context .vakata-context-hover > a .span,
.vakata-context .vakata-context-hover > a .ins,
.vakata-context li a:hover .span,
.vakata-context li a:hover .ins,
.vakata-context ul .vakata-context-hover > a .span,
.vakata-context ul .vakata-context-hover > a .ins,
.vakata-context ul li a:hover .span,
.vakata-context ul li a:hover .ins {
  border: 0 !important;
}

.vakata-context .vakata-context-separator a,
.vakata-context-rtl .vakata-context-separator a {
  margin: 0;
  border: 0;
  height: 2px;
  background-color: var(--kt-gray-200);
}

.jstree-rename-input {
  outline: none !important;
  padding: 2px 6px !important;
  margin-right: -4px !important;
  background-color: var(--kt-gray-100) !important;
  border: 1px solid var(--kt-gray-100) !important;
  border-radius: 0.95rem;
}

.vis-timeline {
  border: 1px solid var(--kt-border-color) !important;
  border-radius: 0.95rem !important;
}
.vis-timeline .vis-labelset .vis-label {
  display: flex;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  border-bottom: none;
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--kt-gray-900);
}
.vis-timeline .vis-foreground .vis-group {
  border-bottom: none;
}
.vis-timeline .vis-item {
  position: absolute;
  color: var(--kt-gray-700);
  border-color: var(--kt-primary);
  border-width: 1px;
  background-color: var(--kt-gray-100);
  border-radius: 0.95rem !important;
}
.vis-timeline .vis-item.vis-selected {
  background-color: var(--kt-warning-light);
  color: var(--kt-gray-700);
  border-color: var(--kt-warning);
}
.vis-timeline .vis-item .vis-item-content {
  padding: 0.75rem 1rem;
  width: 100%;
  transform: none !important;
}
.vis-timeline .vis-time-axis {
  font-size: 0.925rem;
  text-transform: uppercase;
  font-weight: 500;
}
.vis-timeline .vis-time-axis .vis-text {
  color: var(--kt-gray-400);
}
.vis-timeline .vis-time-axis .vis-grid.vis-minor {
  border-left-color: var(--kt-border-dashed-color) !important;
}
.vis-timeline .vis-time-axis .vis-grid.vis-vertical {
  border-left-style: dashed !important;
}
.vis-timeline .vis-panel .vis-shadow {
  box-shadow: none !important;
}
.vis-timeline .vis-panel.vis-bottom, .vis-timeline .vis-panel.vis-center, .vis-timeline .vis-panel.vis-left, .vis-timeline .vis-panel.vis-right, .vis-timeline .vis-panel.vis-top {
  border-color: var(--kt-border-color) !important;
}
.vis-timeline .vis-current-time {
  background-color: var(--kt-success);
}

.vis-timeline-custom .vis-timeline {
  border: 0 !important;
}
.vis-timeline-custom .vis-timeline .vis-label {
  padding-left: 0 !important;
}
.vis-timeline-custom .vis-panel.vis-bottom, .vis-timeline-custom .vis-panel.vis-center, .vis-timeline-custom .vis-panel.vis-left, .vis-timeline-custom .vis-panel.vis-right, .vis-timeline-custom .vis-panel.vis-top {
  border: 0 !important;
}
.vis-timeline-custom .vis-item {
  background-color: transparent;
  border: 0 !important;
  border-radius: 0 !important;
}
.vis-timeline-custom .vis-item .vis-item-content {
  padding: 0 !important;
}
code[class*=language-], pre[class*=language-] {
  color: #000;
  background: 0 0;
  text-shadow: 0 1px #fff;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

code[class*=language-] ::-moz-selection, code[class*=language-]::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

pre[class*=language-] ::-moz-selection, pre[class*=language-]::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

code[class*=language-] ::selection, code[class*=language-]::selection {
  text-shadow: none;
  background: #b3d4fc;
}

pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}
pre[class*=language-] ::selection, pre[class*=language-]::selection {
  text-shadow: none;
  background: #b3d4fc;
}

@media print {
  code[class*=language-], pre[class*=language-] {
    text-shadow: none;
  }
}
:not(pre) > code[class*=language-], pre[class*=language-] {
  background: #f6f7fb;
}

:not(pre) > code[class*=language-] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}

.token.cdata, .token.comment, .token.doctype, .token.prolog {
  color: #708090;
}
.token.punctuation {
  color: #999;
}

.namespace {
  opacity: 0.7;
}

.token.boolean, .token.constant, .token.deleted, .token.number, .token.property, .token.symbol, .token.tag {
  color: #905;
}
.token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string {
  color: #690;
}

.language-css .token.string, .style .token.string {
  color: #a67f59;
  background: hsla(0, 0%, 100%, 0.5);
}

.token.entity, .token.operator, .token.url {
  color: #a67f59;
  background: hsla(0, 0%, 100%, 0.5);
}
.token.atrule, .token.attr-value, .token.keyword {
  color: #07a;
}
.token.function {
  color: #DD4A68;
}
.token.important, .token.regex, .token.variable {
  color: #e90;
}
.token.bold, .token.important {
  font-weight: 700;
}
.token.italic {
  font-style: italic;
}
.token.entity {
  cursor: help;
}


.code-box-copy {
  position: relative;
  font-size: 16px;
  display: none;
}
.code-box-copy pre[class*=language-] {
  border: 1px solid #dee3f9;
  border-radius: 2px;
}

.code-box-copy__btn {
  opacity: 0;
  position: absolute;
  top: 11px;
  right: 11px;
  width: 36px;
  height: 36px;
  background-color: #e5eaff;
  border: 1px solid #dee3f9;
  color: #333;
  border-radius: 4px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.code-box-copy:hover .code-box-copy__btn {
  opacity: 1;
}

.code-box-copy__btn:disabled {
  background-color: #eee;
  border-color: #ccc;
  color: #333;
  pointer-events: none;
}
.code-box-copy__btn:hover {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #333;
}
.code-box-copy__btn:focus, .code-box-copy__btn:active {
  outline: 0;
}

.code-box-copy__tooltip {
  display: none;
  position: absolute;
  bottom: -webkit-calc(100% + 11px);
  bottom: calc(100% + 11px);
  right: 0;
  width: 80px;
  padding: 6px 0;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  font-size: 13px;
}
.code-box-copy__tooltip::after {
  display: block;
  position: absolute;
  right: 13px;
  bottom: -5px;
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #333 transparent transparent transparent;
}

.card-body.show-source .code-box-copy {
  display: block;
}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-bubble.ql-toolbar:after,
.ql-bubble .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-bubble.ql-toolbar button:active:hover,
.ql-bubble .ql-toolbar button:active:hover {
  outline: none;
}
.ql-bubble.ql-toolbar input.ql-image[type=file],
.ql-bubble .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar button:focus,
.ql-bubble .ql-toolbar button:focus,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
  color: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #fff;
}
@media (pointer: coarse) {
  .ql-bubble.ql-toolbar button:hover:not(.ql-active),
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
    color: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #ccc;
  }
}
.ql-bubble {
  box-sizing: border-box;
}
.ql-bubble * {
  box-sizing: border-box;
}
.ql-bubble .ql-hidden {
  display: none;
}
.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top {
  visibility: hidden;
}
.ql-bubble .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-bubble .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-bubble .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-bubble .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-bubble .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble .ql-stroke {
  fill: none;
  stroke: #ccc;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-bubble .ql-stroke-miter {
  fill: none;
  stroke: #ccc;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
  fill: #ccc;
}
.ql-bubble .ql-empty {
  fill: none;
}
.ql-bubble .ql-even {
  fill-rule: evenodd;
}
.ql-bubble .ql-thin,
.ql-bubble .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-bubble .ql-transparent {
  opacity: 0.4;
}
.ql-bubble .ql-direction svg:last-child {
  display: none;
}
.ql-bubble .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-bubble .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-bubble .ql-editor h1 {
  font-size: 2em;
}
.ql-bubble .ql-editor h2 {
  font-size: 1.5em;
}
.ql-bubble .ql-editor h3 {
  font-size: 1.17em;
}
.ql-bubble .ql-editor h4 {
  font-size: 1em;
}
.ql-bubble .ql-editor h5 {
  font-size: 0.83em;
}
.ql-bubble .ql-editor h6 {
  font-size: 0.67em;
}
.ql-bubble .ql-editor a {
  text-decoration: underline;
}
.ql-bubble .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-bubble .ql-editor code,
.ql-bubble .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-bubble .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-bubble .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-bubble .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-bubble .ql-editor img {
  max-width: 100%;
}
.ql-bubble .ql-picker {
  color: #ccc;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-bubble .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-bubble .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-bubble .ql-picker-options {
  background-color: #444;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-bubble .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
  color: #777;
  z-index: 2;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
  width: 28px;
}
.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-label svg,
.ql-bubble .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-bubble .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-bubble .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-bubble .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-bubble .ql-picker.ql-header {
  width: 98px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-bubble .ql-picker.ql-font {
  width: 108px;
}
.ql-bubble .ql-picker.ql-font .ql-picker-label::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-bubble .ql-picker.ql-size {
  width: 98px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-label::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-bubble .ql-toolbar .ql-formats {
  margin: 8px 12px 8px 0px;
}
.ql-bubble .ql-toolbar .ql-formats:first-child {
  margin-left: 12px;
}
.ql-bubble .ql-color-picker svg {
  margin: 1px;
}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
  border-color: #fff;
}
.ql-bubble .ql-tooltip {
  background-color: #444;
  border-radius: 25px;
  color: #fff;
}
.ql-bubble .ql-tooltip-arrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: " ";
  display: block;
  left: 50%;
  margin-left: -6px;
  position: absolute;
}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
  border-bottom: 6px solid #444;
  top: -6px;
}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
  border-top: 6px solid #444;
  bottom: -6px;
}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
  display: block;
}
.ql-bubble .ql-tooltip.ql-editing .ql-formats {
  visibility: hidden;
}
.ql-bubble .ql-tooltip-editor {
  display: none;
}
.ql-bubble .ql-tooltip-editor input[type=text] {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 13px;
  height: 100%;
  outline: none;
  padding: 10px 20px;
  position: absolute;
  width: 100%;
}
.ql-bubble .ql-tooltip-editor a {
  top: 10px;
  position: absolute;
  right: 20px;
}
.ql-bubble .ql-tooltip-editor a:before {
  color: #ccc;
  content: "\D7";
  font-size: 16px;
  font-weight: bold;
}
.ql-container.ql-bubble:not(.ql-disabled) a {
  position: relative;
  white-space: nowrap;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before {
  background-color: #444;
  border-radius: 15px;
  top: -5px;
  font-size: 12px;
  color: #fff;
  content: attr(href);
  font-weight: normal;
  overflow: hidden;
  padding: 5px 15px;
  text-decoration: none;
  z-index: 1;
}
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  border-top: 6px solid #444;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: 0;
  content: " ";
  height: 0;
  width: 0;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before,
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  left: 0;
  margin-left: 50%;
  position: absolute;
  transform: translate(-50%, -100%);
  transition: visibility 0s ease 200ms;
  visibility: hidden;
}
.ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
.ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
  visibility: visible;
}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/**
Ion.RangeSlider, 2.3.1
© Denis Ineshin, 2010 - 2019, IonDen.com
Build date: 2019-12-19 16:51:02
*/
.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  font-family: Arial, sans-serif;
}

.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important;
}

.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0;
}

.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0;
}

.irs-handle {
  position: absolute;
  display: block;
  box-sizing: border-box;
  cursor: default;
  z-index: 1;
}

.irs-handle.type_last {
  z-index: 2;
}

.irs-min,
.irs-max {
  position: absolute;
  display: block;
  cursor: default;
}

.irs-min {
  left: 0;
}

.irs-max {
  right: 0;
}

.irs-from,
.irs-to,
.irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap;
}

.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
}

.irs-with-grid .irs-grid {
  display: block;
}

.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000;
}

.irs-grid-pol.small {
  height: 4px;
}

.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #000;
}

.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
}

.lt-ie9 .irs-disable-mask {
  background: #000;
  filter: alpha(opacity=0);
  cursor: not-allowed;
}

.irs-disabled {
  opacity: 0.4;
}

.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important;
}

.irs--flat {
  height: 40px;
}

.irs--flat.irs-with-grid {
  height: 60px;
}

.irs--flat .irs-line {
  top: 25px;
  height: 12px;
  background-color: #e1e4e9;
  border-radius: 4px;
}

.irs--flat .irs-bar {
  top: 25px;
  height: 12px;
  background-color: #ed5565;
}

.irs--flat .irs-bar--single {
  border-radius: 4px 0 0 4px;
}

.irs--flat .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: #e1e4e9;
}

.irs--flat .irs-handle {
  top: 22px;
  width: 16px;
  height: 18px;
  background-color: transparent;
}

.irs--flat .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  background-color: #da4453;
}

.irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:hover > i:first-child {
  background-color: #a43540;
}

.irs--flat .irs-min,
.irs--flat .irs-max {
  top: 0;
  padding: 1px 3px;
  color: #999;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  background-color: #e1e4e9;
  border-radius: 4px;
}

.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
  color: white;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #ed5565;
  border-radius: 4px;
}

.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #ed5565;
}

.irs--flat .irs-grid-pol {
  background-color: #e1e4e9;
}

.irs--flat .irs-grid-text {
  color: #999;
}

.irs--big {
  height: 55px;
}

.irs--big.irs-with-grid {
  height: 70px;
}

.irs--big .irs-line {
  top: 33px;
  height: 12px;
  background-color: white;
  background: linear-gradient(to bottom, #ddd -50%, white 150%);
  border: 1px solid #ccc;
  border-radius: 12px;
}

.irs--big .irs-bar {
  top: 33px;
  height: 12px;
  background-color: #92bce0;
  border: 1px solid #428bca;
  background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
}

.irs--big .irs-bar--single {
  border-radius: 12px 0 0 12px;
}

.irs--big .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: rgba(66, 139, 202, 0.5);
}

.irs--big .irs-handle {
  top: 25px;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #cbcfd5;
  background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
  border-radius: 30px;
}

.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
  border-color: rgba(0, 0, 0, 0.45);
  background-color: #939ba7;
  background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%);
}

.irs--big .irs-min,
.irs--big .irs-max {
  top: 0;
  padding: 1px 5px;
  color: white;
  text-shadow: none;
  background-color: #9f9f9f;
  border-radius: 3px;
}

.irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {
  color: white;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #428bca;
  background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
  border-radius: 3px;
}

.irs--big .irs-grid-pol {
  background-color: #428bca;
}

.irs--big .irs-grid-text {
  color: #428bca;
}

.irs--modern {
  height: 55px;
}

.irs--modern.irs-with-grid {
  height: 55px;
}

.irs--modern .irs-line {
  top: 25px;
  height: 5px;
  background-color: #d1d6e0;
  background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
  border: 1px solid #a3adc1;
  border-bottom-width: 0;
  border-radius: 5px;
}

.irs--modern .irs-bar {
  top: 25px;
  height: 5px;
  background: #20b426;
  background: linear-gradient(to bottom, #20b426 0%, #18891d 100%);
}

.irs--modern .irs-bar--single {
  border-radius: 5px 0 0 5px;
}

.irs--modern .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(209, 214, 224, 0.5);
}

.irs--modern .irs-handle {
  top: 37px;
  width: 12px;
  height: 13px;
  border: 1px solid #a3adc1;
  border-top-width: 0;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}

.irs--modern .irs-handle > i:nth-child(1) {
  position: absolute;
  display: block;
  top: -4px;
  left: 1px;
  width: 6px;
  height: 6px;
  border: 1px solid #a3adc1;
  background: white;
  transform: rotate(45deg);
}

.irs--modern .irs-handle > i:nth-child(2) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 10px;
  height: 12px;
  background: #e9e6e6;
  background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
  border-radius: 0 0 3px 3px;
}

.irs--modern .irs-handle > i:nth-child(3) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 3px;
  left: 3px;
  width: 4px;
  height: 5px;
  border-left: 1px solid #a3adc1;
  border-right: 1px solid #a3adc1;
}

.irs--modern .irs-handle.state_hover,
.irs--modern .irs-handle:hover {
  border-color: #7685a2;
  background: #c3c7cd;
  background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%);
}

.irs--modern .irs-handle.state_hover > i:nth-child(1),
.irs--modern .irs-handle:hover > i:nth-child(1) {
  border-color: #7685a2;
}

.irs--modern .irs-handle.state_hover > i:nth-child(3),
.irs--modern .irs-handle:hover > i:nth-child(3) {
  border-color: #48536a;
}

.irs--modern .irs-min,
.irs--modern .irs-max {
  top: 0;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  color: white;
  background-color: #d1d6e0;
  border-radius: 5px;
}

.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #20b426;
  color: white;
  border-radius: 5px;
}

.irs--modern .irs-from:before,
.irs--modern .irs-to:before,
.irs--modern .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #20b426;
}

.irs--modern .irs-grid {
  height: 25px;
}

.irs--modern .irs-grid-pol {
  background-color: #dedede;
}

.irs--modern .irs-grid-text {
  color: silver;
  font-size: 13px;
}

.irs--sharp {
  height: 50px;
  font-size: 12px;
  line-height: 1;
}

.irs--sharp.irs-with-grid {
  height: 57px;
}

.irs--sharp .irs-line {
  top: 30px;
  height: 2px;
  background-color: black;
  border-radius: 2px;
}

.irs--sharp .irs-bar {
  top: 30px;
  height: 2px;
  background-color: #ee22fa;
}

.irs--sharp .irs-bar--single {
  border-radius: 2px 0 0 2px;
}

.irs--sharp .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(0, 0, 0, 0.5);
}

.irs--sharp .irs-handle {
  top: 25px;
  width: 10px;
  height: 10px;
  background-color: #a804b2;
}

.irs--sharp .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #a804b2;
}

.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
  background-color: black;
}

.irs--sharp .irs-handle.state_hover > i:first-child,
.irs--sharp .irs-handle:hover > i:first-child {
  border-top-color: black;
}

.irs--sharp .irs-min,
.irs--sharp .irs-max {
  color: white;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 4px;
  opacity: 0.4;
  background-color: #a804b2;
  border-radius: 2px;
}

.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 4px;
  background-color: #a804b2;
  color: white;
  border-radius: 2px;
}

.irs--sharp .irs-from:before,
.irs--sharp .irs-to:before,
.irs--sharp .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #a804b2;
}

.irs--sharp .irs-grid {
  height: 25px;
}

.irs--sharp .irs-grid-pol {
  background-color: #dedede;
}

.irs--sharp .irs-grid-text {
  color: silver;
  font-size: 13px;
}

.irs--round {
  height: 50px;
}

.irs--round.irs-with-grid {
  height: 65px;
}

.irs--round .irs-line {
  top: 36px;
  height: 4px;
  background-color: #dee4ec;
  border-radius: 4px;
}

.irs--round .irs-bar {
  top: 36px;
  height: 4px;
  background-color: #006cfa;
}

.irs--round .irs-bar--single {
  border-radius: 4px 0 0 4px;
}

.irs--round .irs-shadow {
  height: 4px;
  bottom: 21px;
  background-color: rgba(222, 228, 236, 0.5);
}

.irs--round .irs-handle {
  top: 26px;
  width: 24px;
  height: 24px;
  border: 4px solid #006cfa;
  background-color: white;
  border-radius: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
}

.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
  background-color: #f0f6ff;
}

.irs--round .irs-min,
.irs--round .irs-max {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: #006cfa;
  color: white;
  border-radius: 4px;
}

.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #006cfa;
}

.irs--round .irs-grid {
  height: 25px;
}

.irs--round .irs-grid-pol {
  background-color: #dedede;
}

.irs--round .irs-grid-text {
  color: silver;
  font-size: 13px;
}

.irs--square {
  height: 50px;
}

.irs--square.irs-with-grid {
  height: 60px;
}

.irs--square .irs-line {
  top: 31px;
  height: 4px;
  background-color: #dedede;
}

.irs--square .irs-bar {
  top: 31px;
  height: 4px;
  background-color: black;
}

.irs--square .irs-shadow {
  height: 2px;
  bottom: 21px;
  background-color: #dedede;
}

.irs--square .irs-handle {
  top: 25px;
  width: 16px;
  height: 16px;
  border: 3px solid black;
  background-color: white;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.irs--square .irs-handle.state_hover,
.irs--square .irs-handle:hover {
  background-color: #f0f6ff;
}

.irs--square .irs-min,
.irs--square .irs-max {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
}

.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: black;
  color: white;
}

.irs--square .irs-grid {
  height: 25px;
}

.irs--square .irs-grid-pol {
  background-color: #dedede;
}

.irs--square .irs-grid-text {
  color: silver;
  font-size: 11px;
}
.rs-container *{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rs-container{font-family:Arial,Helvetica,sans-serif;height:45px;position:relative}.rs-container .rs-bg,.rs-container .rs-selected{background-color:#eee;border:1px solid #ededed;height:10px;left:0;position:absolute;top:5px;width:100%;border-radius:3px}.rs-container .rs-selected{background-color:#00b3bc;border:1px solid #00969b;transition:all .2s linear;width:0}.rs-container.disabled .rs-selected{background-color:#ccc;border-color:#bbb}.rs-container .rs-pointer{background-color:#fff;border:1px solid #bbb;border-radius:4px;cursor:pointer;height:20px;left:-10px;position:absolute;top:0;transition:all .2s linear;width:30px;box-shadow:inset 0 0 1px #FFF,inset 0 1px 6px #ebebeb,1px 1px 4px rgba(0,0,0,.1)}.rs-container.disabled .rs-pointer{border-color:#ccc;cursor:default}.rs-container .rs-pointer::after,.rs-container .rs-pointer::before{content:'';position:absolute;width:1px;height:9px;background-color:#ddd;left:12px;top:5px}.rs-container .rs-pointer::after{left:auto;right:12px}.rs-container.sliding .rs-pointer,.rs-container.sliding .rs-selected{transition:none}.rs-container .rs-scale{left:0;position:absolute;top:5px;white-space:nowrap}.rs-container .rs-scale span{float:left;position:relative}.rs-container .rs-scale span::before{background-color:#ededed;content:"";height:8px;left:0;position:absolute;top:10px;width:1px}.rs-container.rs-noscale span::before{display:none}.rs-container.rs-noscale span:first-child::before,.rs-container.rs-noscale span:last-child::before{display:block}.rs-container .rs-scale span:last-child{margin-left:-1px;width:0}.rs-container .rs-scale span ins{color:#333;display:inline-block;font-size:12px;margin-top:20px;text-decoration:none}.rs-container.disabled .rs-scale span ins{color:#999}.rs-tooltip{color:#333;width:auto;min-width:60px;height:30px;background:#fff;border:1px solid #00969b;border-radius:3px;position:absolute;transform:translate(-50%,-35px);left:13px;text-align:center;font-size:13px;padding:6px 10px 0}.rs-container.disabled .rs-tooltip{border-color:#ccc;color:#999}

.antennaio {
  background-image: url(/${file-1x});
  background-repeat: no-repeat;
  color: #cecece;
  width: 280px;
  height: 60px;
  display: block;
  margin: auto;
  font-weight: 400;
  font-size: 0.6em; /* 12px */
  line-height: 5.5;
  letter-spacing: 2px;
  margin-bottom: 7em;
  -webkit-transition: color 2s;
  transition: color 2s;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .antennaio {
    background-image: url(/${file-2x});
    background-size: 60px 60px;
  }
}
.antennaio:hover {
  color: #757575;
}
.antennaio span {
  padding: 0 0 0 70px;
}

.bars {
  background-image: url(/${file-1x});
  width: 80px;
  height: 80px;
  display: block;
  margin: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .bars {
    background-image: url(/${file-2x});
    background-size: 80px 80px;
  }
}

.section-intro {
  text-align: center;
  margin: 3em 0 4em 0;
  max-height: 9999px; /* no font boosting please */
}
.section-intro h1 {
  line-height: 2.4;
}
.section-intro p {
  max-width: 560px;
  margin: auto;
}
.section-intro p.tagline {
  font-size: 0.8em; /* 16px */
  color: #a8a8a8;
  margin-bottom: 3em;
}

.section-examples {
  position: relative;
  background: #f8f8f8;
}

.section-docs {
  margin: 3em 0;
}

.docs {
  width: 800px;
  margin: auto;
  max-height: 9999px; /* no font boosting please */
}
.docs .how-to-use header, .docs .callbacks header, .docs .download header {
  background: #4278F5;
}
.docs .how-to-use strong, .docs .callbacks strong, .docs .download strong {
  color: #4278F5;
}
.docs .how-to-use a, .docs .callbacks a, .docs .download a {
  color: #4278F5;
}
.docs .how-to-use a:hover, .docs .callbacks a:hover, .docs .download a:hover {
  color: #0b43c6;
}
.docs .how-to-use pre, .docs .callbacks pre, .docs .download pre {
  background: white;
  border-left: 2px solid #4278F5;
  padding: 0 2em;
}
.docs .how-to-use code, .docs .callbacks code, .docs .download code {
  font-family: "Source Code Pro", sans-serif;
  font-size: 0.9em; /* 18px */
  color: #4278F5;
}
.docs .configuration header, .docs .faq header {
  background: #50E3C2;
}
.docs .configuration strong, .docs .faq strong {
  color: #50E3C2;
}
.docs .configuration a, .docs .faq a {
  color: #50E3C2;
}
.docs .configuration a:hover, .docs .faq a:hover {
  color: #1cb18f;
}
.docs .configuration pre, .docs .faq pre {
  background: white;
  border-left: 2px solid #50E3C2;
  padding: 0 2em;
}
.docs .configuration code, .docs .faq code {
  font-family: "Source Code Pro", sans-serif;
  font-size: 0.9em; /* 18px */
  color: #50E3C2;
}
.docs .license header, .docs .methods header {
  background: #EDB867;
}
.docs .license strong, .docs .methods strong {
  color: #EDB867;
}
.docs .license a, .docs .methods a {
  color: #EDB867;
}
.docs .license a:hover, .docs .methods a:hover {
  color: #d58b19;
}
.docs .license pre, .docs .methods pre {
  background: white;
  border-left: 2px solid #EDB867;
  padding: 0 2em;
}
.docs .license code, .docs .methods code {
  font-family: "Source Code Pro", sans-serif;
  font-size: 0.9em; /* 18px */
  color: #EDB867;
}
.docs .instructions {
  padding: 2em 3em;
  background: #f8f8f8;
}
.docs .faq p {
  margin: 0 0 0.5em 0;
}
.docs .faq .question {
  margin-bottom: 2em;
}
.docs .faq .question:last-child {
  margin-bottom: 0;
}

.controls {
  position: absolute;
  top: -23px;
  left: 50%;
  margin-left: -190px;
}
.controls a {
  display: block;
  width: 150px;
  background-color: #50E3C2;
  color: white;
  float: left;
  padding: 0.3em 1em 0.5em 1em;
  text-decoration: none;
  text-align: center;
  font-weight: 400;
  -webkit-transition: background-color 2s;
  transition: background-color 2s;
}
.controls a:hover {
  background-color: #3adfba;
}
.controls a:focus {
  color: #d4f8f0;
  background-color: #199b7e;
}
.controls a.rating-enable {
  -webkit-border-top-left-radius: 999px;
  -webkit-border-bottom-left-radius: 999px;
  -moz-border-radius-topleft: 999px;
  -moz-border-radius-bottomleft: 999px;
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
}
.controls a.rating-disable {
  -webkit-border-top-right-radius: 999px;
  -webkit-border-bottom-right-radius: 999px;
  -moz-border-radius-topright: 999px;
  -moz-border-radius-bottomright: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
}
.controls a:last-child {
  border-left: 0;
}
.controls a.deactivated {
  background: #20c7a1;
  color: white;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media print {
  .controls,
  .github,
  .antennaio {
    display: none;
  }
  .section-intro {
    margin: 1em 0 2em 0;
  }
  .section-intro p.tagline {
    color: black;
  }
  .section-examples {
    background: transparent;
  }
  .section-examples .examples {
    padding: 1em 0;
  }
  .section-docs {
    margin: 1em 0;
  }
  .docs .how-to-use a,
  .docs .callbacks a,
  .docs .download a,
  .docs .configuration a,
  .docs .faq a,
  .docs .license a,
  .docs .methods a {
    color: black;
    text-decoration: none;
  }
  .docs .how-to-use a:hover,
  .docs .callbacks a:hover,
  .docs .download a:hover,
  .docs .configuration a:hover,
  .docs .faq a:hover,
  .docs .license a:hover,
  .docs .methods a:hover {
    color: black;
  }
  .docs .how-to-use header,
  .docs .callbacks header,
  .docs .download header,
  .docs .configuration header,
  .docs .faq header,
  .docs .license header,
  .docs .methods header {
    background: transparent;
    color: black;
  }
  .docs .how-to-use code, .docs .how-to-use strong,
  .docs .callbacks code,
  .docs .callbacks strong,
  .docs .download code,
  .docs .download strong,
  .docs .configuration code,
  .docs .configuration strong,
  .docs .faq code,
  .docs .faq strong,
  .docs .license code,
  .docs .license strong,
  .docs .methods code,
  .docs .methods strong {
    color: black;
  }
  .docs .how-to-use pre,
  .docs .callbacks pre,
  .docs .download pre,
  .docs .configuration pre,
  .docs .faq pre,
  .docs .license pre,
  .docs .methods pre {
    border: none;
    padding: 0;
  }
  .docs .how-to-use .instructions,
  .docs .callbacks .instructions,
  .docs .download .instructions,
  .docs .configuration .instructions,
  .docs .faq .instructions,
  .docs .license .instructions,
  .docs .methods .instructions {
    background: transparent;
  }
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

/* Center ratings in container */
.box-example-1to10 .br-wrapper {
  width: 210px;
  position: absolute;
  margin: 0px 0 0 -105px;
  left: 50%;
}

.box-example-movie .br-wrapper {
  width: 250px;
  position: absolute;
  margin: 0px 0 0 -125px;
  left: 50%;
}

.box-example-square .br-wrapper {
  width: 190px;
  position: absolute;
  margin: 0px 0 0 -95px;
  left: 50%;
}

.box-example-pill .br-wrapper {
  width: 232px;
  position: absolute;
  margin: 0px 0 0 -116px;
  left: 50%;
}

.box-example-reversed .br-wrapper {
  padding-top: 1.3em;
  width: 356px;
  position: absolute;
  margin: 0px 0 0 -178px;
  left: 50%;
}

.box-example-horizontal .br-wrapper {
  width: 120px;
  position: absolute;
  margin: 0px 0 0 -60px;
  left: 50%;
}

/* Display star ratings */
.star-ratings h1 {
  font-size: 1.5em;
  line-height: 2;
  margin-top: 3em;
  color: #757575;
}
.star-ratings p {
  margin-bottom: 3em;
  line-height: 1.2;
}
.star-ratings h1, .star-ratings p {
  text-align: center;
}
.star-ratings .stars {
  width: 205px;
  text-align: center;
}
.star-ratings .stars .title {
  font-size: 14px;
  color: #cccccc;
  line-height: 3;
}
.star-ratings .stars .clear-rating {
  padding-left: 5px;
}
.star-ratings .stars select {
  width: 120px;
  font-size: 16px;
}
.star-ratings .stars-example-fontawesome,
.star-ratings .stars-example-css,
.star-ratings .stars-example-bootstrap {
  float: left;
}
.star-ratings .stars-example-fontawesome-o select {
  width: 200px;
}

.start-ratings-main {
  margin-bottom: 3em;
}

/* Boxes */
.box {
  width: 100%;
  float: left;
  margin: 1em 0;
}
.box .box-header {
  text-align: center;
  font-weight: 400;
  padding: 0.5em 0;
}
.box .box-body {
  padding-top: 2em;
  height: 85px;
  /* rating widgets will be absolutely centered relative to box body */
  position: relative;
}
.box select {
  width: 120px;
  margin: 10px auto 0 auto;
  display: block;
  font-size: 16px;
}

.box-large .box-body {
  padding-top: 2em;
  height: 120px;
}

.box-orange .box-header {
  background-color: #EDB867;
  color: white;
}
.box-orange .box-body {
  background-color: white;
  border: 2px solid #f5d8ab;
  border-top: 0;
}

.box-green .box-header {
  background-color: #50E3C2;
  color: white;
}
.box-green .box-body {
  background-color: white;
  border: 2px solid #92eed9;
  border-top: 0;
}

.box-blue .box-header {
  background-color: #4278F5;
  color: white;
}
.box-blue .box-body {
  background-color: white;
  border: 2px solid #8bacf9;
  border-top: 0;
}

@media print {
  .star-ratings h1 {
    color: black;
  }
  .star-ratings .stars .title {
    color: black;
  }
  .box-orange .box-header,
  .box-green .box-header,
  .box-blue .box-header {
    background-color: transparent;
    color: black;
  }
  .box-orange .box-body,
  .box-green .box-body,
  .box-blue .box-body {
    background-color: transparent;
    border: none;
  }
}
.br-theme-fontawesome-stars .br-widget {
  height: 28px;
  white-space: nowrap;
}
.br-theme-fontawesome-stars .br-widget a {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  margin-right: 2px;
}
.br-theme-fontawesome-stars .br-widget a:after {
  content: "\f005";
  color: #d2d2d2;
}
.br-theme-fontawesome-stars .br-widget a.br-active:after {
  color: var(--theme-deafult);
}
.br-theme-fontawesome-stars .br-widget a.br-selected:after {
  color: var(--theme-deafult);
}
.br-theme-fontawesome-stars .br-widget .br-current-rating {
  display: none;
}
.br-theme-fontawesome-stars .br-readonly a {
  cursor: default;
}

@media print {
  .br-theme-fontawesome-stars .br-widget a:after {
    content: "\f006";
    color: black;
  }
  .br-theme-fontawesome-stars .br-widget a.br-active:after,
  .br-theme-fontawesome-stars .br-widget a.br-selected:after {
    content: "\f005";
    color: black;
  }
}
.br-theme-bars-1to10 .br-widget {
  height: 50px;
  white-space: nowrap;
}
.br-theme-bars-1to10 .br-widget a {
  display: block;
  width: 12px;
  padding: 5px 0;
  height: 28px;
  float: left;
  background-color: rgba(var(--theme-default) 0.5);
  margin: 1px;
  text-align: center;
}
.br-theme-bars-1to10 .br-widget a.br-active, .br-theme-bars-1to10 .br-widget a.br-selected {
  background-color: var(--theme-deafult);
}
.br-theme-bars-1to10 .br-widget .br-current-rating {
  font-size: 20px;
  line-height: 1.8;
  float: left;
  padding: 0 20px 0 20px;
  color: var(--theme-deafult);
  font-weight: 400;
}
.br-theme-bars-1to10 .br-readonly a {
  cursor: default;
}
.br-theme-bars-1to10 .br-readonly a.br-active, .br-theme-bars-1to10 .br-readonly a.br-selected {
  background-color: #a299ff;
}
.br-theme-bars-1to10 .br-readonly .br-current-rating {
  color: #a299ff;
}

@media print {
  .br-theme-bars-1to10 .br-widget a {
    border: 1px solid #b3b3b3;
    background: white;
    height: 38px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .br-theme-bars-1to10 .br-widget a.br-active, .br-theme-bars-1to10 .br-widget a.br-selected {
    border: 1px solid black;
    background: white;
  }
  .br-theme-bars-1to10 .br-widget .br-current-rating {
    color: black;
  }
}
.br-theme-bars-horizontal .br-widget {
  width: 120px;
  white-space: nowrap;
}
.br-theme-bars-horizontal .br-widget a {
  display: block;
  width: 120px;
  height: 5px;
  background-color: #e8e6ff;
  margin: 1px;
}
.br-theme-bars-horizontal .br-widget a.br-active, .br-theme-bars-horizontal .br-widget a.br-selected {
  background-color: var(--theme-deafult);
}
.br-theme-bars-horizontal .br-widget .br-current-rating {
  width: 120px;
  font-size: 18px;
  font-weight: 600;
  line-height: 2;
  text-align: center;
  color: var(--theme-deafult);
}
.br-theme-bars-horizontal .br-readonly a {
  cursor: default;
}
.br-theme-bars-horizontal .br-readonly a.br-active, .br-theme-bars-horizontal .br-readonly a.br-selected {
  background-color: #a299ff;
}
.br-theme-bars-horizontal .br-readonly .br-current-rating {
  color: #a299ff;
}

@media print {
  .br-theme-bars-horizontal .br-widget a {
    border: 1px solid #b3b3b3;
    background: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .br-theme-bars-horizontal .br-widget a.br-active, .br-theme-bars-horizontal .br-widget a.br-selected {
    border: 1px solid black;
    background: white;
  }
  .br-theme-bars-horizontal .br-widget .br-current-rating {
    color: black;
  }
}
.br-theme-bars-movie .br-widget {
  height: 50px;
  white-space: nowrap;
}
.br-theme-bars-movie .br-widget a {
  display: block;
  width: 60px;
  height: 8px;
  float: left;
  background-color: rgba(var(--theme-deafult), 0.7);
  margin: 1px;
}
.br-theme-bars-movie .br-widget a.br-active, .br-theme-bars-movie .br-widget a.br-selected {
  background-color: var(--theme-deafult);
}
.br-theme-bars-movie .br-widget .br-current-rating {
  clear: both;
  width: 240px;
  text-align: center;
  font-weight: 600;
  display: block;
  padding: 0.5em 0;
  color: var(--theme-deafult);
  font-weight: 400;
}
.br-theme-bars-movie .br-readonly a {
  cursor: default;
}
.br-theme-bars-movie .br-readonly a.br-active, .br-theme-bars-movie .br-readonly a.br-selected {
  background-color: #a299ff;
}
.br-theme-bars-movie .br-readonly .br-current-rating {
  color: #a299ff;
}

@media print {
  .br-theme-bars-movie .br-widget a {
    border: 1px solid #b3b3b3;
    background: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .br-theme-bars-movie .br-widget a.br-active, .br-theme-bars-movie .br-widget a.br-selected {
    border: 1px solid black;
    background: white;
  }
  .br-theme-bars-movie .br-widget .br-current-rating {
    color: black;
  }
}
.br-theme-bars-pill .br-widget {
  white-space: nowrap;
}
.br-theme-bars-pill .br-widget a {
  padding: 7px 15px;
  background-color: #e8e6ff;
  color: var(--theme-deafult);
  text-decoration: none;
  font-size: 13px;
  line-height: 3;
  text-align: center;
  font-weight: 400;
}
.br-theme-bars-pill .br-widget a:first-child {
  -webkit-border-top-left-radius: 999px;
  -webkit-border-bottom-left-radius: 999px;
  -moz-border-radius-topleft: 999px;
  -moz-border-radius-bottomleft: 999px;
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
}
.br-theme-bars-pill .br-widget a:last-child {
  -webkit-border-top-right-radius: 999px;
  -webkit-border-bottom-right-radius: 999px;
  -moz-border-radius-topright: 999px;
  -moz-border-radius-bottomright: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
}
.br-theme-bars-pill .br-widget a.br-active, .br-theme-bars-pill .br-widget a.br-selected {
  background-color: var(--theme-deafult);
  color: white;
}
.br-theme-bars-pill .br-readonly a {
  cursor: default;
}
.br-theme-bars-pill .br-readonly a.br-active, .br-theme-bars-pill .br-readonly a.br-selected {
  background-color: #a299ff;
}

@media print {
  .br-theme-bars-pill .br-widget a {
    border: 1px solid #b3b3b3;
    border-left: none;
    background: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .br-theme-bars-pill .br-widget a.br-active, .br-theme-bars-pill .br-widget a.br-selected {
    border: 1px solid black;
    border-left: none;
    background: white;
    color: black;
  }
  .br-theme-bars-pill .br-widget a:first-child {
    border-left: 1px solid black;
  }
}
.br-theme-bars-reversed .br-widget {
  height: 25px;
  white-space: nowrap;
}
.br-theme-bars-reversed .br-widget a {
  display: block;
  width: 22px;
  height: 22px;
  float: left;
  background-color: #e8e6ff;
  margin: 1px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--theme-deafult);
  text-align: center;
}
.br-theme-bars-reversed .br-widget a.br-active, .br-theme-bars-reversed .br-widget a.br-selected {
  background-color: var(--theme-deafult);
  color: white;
}
.br-theme-bars-reversed .br-widget .br-current-rating {
  line-height: 1.3;
  float: left;
  padding: 0 20px 0 20px;
  color: var(--theme-deafult);
  font-size: 17px;
  font-weight: 400;
}
.br-theme-bars-reversed .br-readonly a {
  cursor: default;
}
.br-theme-bars-reversed .br-readonly a.br-active, .br-theme-bars-reversed .br-readonly a.br-selected {
  background-color: #a299ff;
}
.br-theme-bars-reversed .br-readonly .br-current-rating {
  color: #a299ff;
}

@media print {
  .br-theme-bars-reversed .br-widget a {
    border: 1px solid #b3b3b3;
    background: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .br-theme-bars-reversed .br-widget a.br-active, .br-theme-bars-reversed .br-widget a.br-selected {
    border: 1px solid black;
    background: white;
  }
  .br-theme-bars-reversed .br-widget .br-current-rating {
    color: black;
  }
}
.br-theme-bars-square .br-widget {
  height: 40px;
  white-space: nowrap;
}
.br-theme-bars-square .br-widget a {
  display: block;
  width: 30px;
  height: 30px;
  float: left;
  border: 2px solid #d0ccff;
  background-color: white;
  margin: 2px;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.8;
  text-align: center;
  color: #d0ccff;
  font-weight: 600;
}
.br-theme-bars-square .br-widget a.br-active, .br-theme-bars-square .br-widget a.br-selected {
  border: 2px solid var(--theme-deafult);
  color: var(--theme-deafult);
}
.br-theme-bars-square .br-widget .br-current-rating {
  clear: both;
  width: 330px;
  text-align: center;
  font-weight: 600;
  display: block;
  padding: 0.5em 0;
  color: #646464;
}
.br-theme-bars-square .br-readonly a {
  cursor: default;
}
.br-theme-bars-square .br-readonly a.br-active, .br-theme-bars-square .br-readonly a.br-selected {
  border: 2px solid var(--theme-deafult);
  color: #a299ff;
}

@media print {
  .br-theme-bars-square .br-widget a {
    border: 2px solid #b3b3b3;
    color: #b3b3b3;
  }
  .br-theme-bars-square .br-widget a.br-active, .br-theme-bars-square .br-widget a.br-selected {
    border: 2px solid black;
    color: black;
  }
}
.br-theme-bootstrap-stars .br-widget {
  height: 28px;
  white-space: nowrap;
}
.br-theme-bootstrap-stars .br-widget a {
  font: normal normal normal 18px/1 "Glyphicons Halflings";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  margin-right: 2px;
}
.br-theme-bootstrap-stars .br-widget a:after {
  content: "\e006";
  color: #d2d2d2;
}
.br-theme-bootstrap-stars .br-widget a.br-active:after {
  color: #EDB867;
}
.br-theme-bootstrap-stars .br-widget a.br-selected:after {
  color: #EDB867;
}
.br-theme-bootstrap-stars .br-widget .br-current-rating {
  display: none;
}
.br-theme-bootstrap-stars .br-readonly a {
  cursor: default;
}

@media print {
  .br-theme-bootstrap-stars .br-widget a:after {
    content: "\e007";
    color: black;
  }
  .br-theme-bootstrap-stars .br-widget a.br-active:after,
  .br-theme-bootstrap-stars .br-widget a.br-selected:after {
    content: "\e006";
    color: black;
  }
}
.br-theme-css-stars .br-widget {
  height: 28px;
  white-space: nowrap;
}
.br-theme-css-stars .br-widget a {
  text-decoration: none;
  height: 18px;
  width: 18px;
  float: left;
  font-size: 23px;
  margin-right: 5px;
}
.br-theme-css-stars .br-widget a:after {
  content: "★";
  color: #d2d2d2;
}
.br-theme-css-stars .br-widget a.br-active:after {
  color: #EDB867;
}
.br-theme-css-stars .br-widget a.br-selected:after {
  color: #EDB867;
}
.br-theme-css-stars .br-widget .br-current-rating {
  display: none;
}
.br-theme-css-stars .br-readonly a {
  cursor: default;
}

@media print {
  .br-theme-css-stars .br-widget a:after {
    content: "☆";
    color: black;
  }
  .br-theme-css-stars .br-widget a.br-active:after,
  .br-theme-css-stars .br-widget a.br-selected:after {
    content: "★";
    color: black;
  }
}
.br-theme-fontawesome-stars-o .br-widget {
  height: 28px;
  white-space: nowrap;
}
.br-theme-fontawesome-stars-o .br-widget a {
  font: normal normal normal 20px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  margin-right: 2px;
}
.br-theme-fontawesome-stars-o .br-widget a:after {
  content: "\f006";
  color: #d2d2d2;
}
.br-theme-fontawesome-stars-o .br-widget a.br-active:after {
  content: "\f005";
  color: var(--theme-deafult);
}
.br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
  content: "\f005";
  color: var(--theme-deafult);
}
.br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
  content: "\f123";
  color: var(--theme-deafult);
}
.br-theme-fontawesome-stars-o .br-widget .br-current-rating {
  display: none;
}
.br-theme-fontawesome-stars-o .br-readonly a {
  cursor: default;
}
.br-theme-fontawesome-stars-o .br-reverse a.br-fractional {
  display: inline-block;
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

@media print {
  .br-theme-fontawesome-stars-o .br-widget a:after {
    content: "\f006";
    color: black;
  }
  .br-theme-fontawesome-stars-o .br-widget a.br-active:after,
  .br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
    content: "\f005";
    color: black;
  }
  .br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
    content: "\f123";
    color: black;
  }
}
/*=============Scrollable css start=============*/
.ps-container.ps-active-y > .ps-scrollbar-y-rail, .ps-container.ps-active-x > .ps-scrollbar-x-rail {
  background-color: transparent;
  display: block;
}

.scroll-demo {
  padding: 10px;
  position: relative;
  border: 1px solid #f4f4f4;
  overflow: auto;
  height: 300px;
}
.scroll-demo .horz-scroll-content {
  width: 1600px;
}

.ps-container {
  touch-action: none;
  overflow: hidden !important;
}
.ps-container.ps-in-scrolling {
  pointer-events: none;
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #f4f4f4;
  opacity: 0.9;
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #59667a;
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #f4f4f4;
  opacity: 0.9;
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #59667a;
}
.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  border-radius: 4px;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  bottom: 3px;
  height: 8px;
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  position: absolute;
  background-color: #59667a;
  border-radius: 4px;
  transition: background-color 0.2s linear;
  bottom: 0;
  height: 8px;
}
.ps-container > .ps-scrollbar-y-rail {
  right: 3px;
  width: 8px;
  display: none;
  position: absolute;
  border-radius: 4px;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  width: 10px;
  position: absolute;
  background-color: #59667a;
  border-radius: 4px;
  transition: background-color 0.2s linear;
  right: 0;
}
.ps-container:hover.ps-in-scrolling {
  pointer-events: none;
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #59667a;
  opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  width: 128px;
  background-color: #999999;
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #59667a;
  opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999999;
}
.ps-container:hover > .ps-scrollbar-x-rail {
  opacity: 0.6;
}
.ps-container:hover > .ps-scrollbar-x-rail:hover {
  background-color: #f4f4f4;
  opacity: 0.9;
}
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
  background-color: #999999;
}
.ps-container:hover > .ps-scrollbar-y-rail {
  opacity: 0.6;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover {
  background-color: #f4f4f4;
  opacity: 0.9;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #59667a;
}
.always-visible.ps-container > .ps-scrollbar-x-rail {
  opacity: 0.6;
}
.always-visible.ps-container > .ps-scrollbar-y-rail {
  opacity: 0.6;
}

.large-margin.ps-container > .ps-scrollbar-x-rail {
  margin: 0 25%;
}
.large-margin.ps-container > .ps-scrollbar-y-rail {
  margin: 100px 0;
}

/*=============Scrollable css end=============*/
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-bottom: 30px;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list {
  background: #fff url(/../../images/ajax-loader.gif) center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;

  src: url(/assets/fonts/slick/slick-18e4327fcdd8a0df880a465a2b6bb99fa39f23892c3a96f2c388f378f4bf6562.eot);
  src: url(/assets/fonts/slick/slick-18e4327fcdd8a0df880a465a2b6bb99fa39f23892c3a96f2c388f378f4bf6562.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/slick/slick-f49f279637e425f10e4bbc8f0aed858fa54117ad5a41f477ff1159db93a61114.woff) format("woff"),
    url(/assets/fonts/slick/slick-1b2af5a0c8f7bca97c993990faa92e025e322bf6bb8d885533639b385e37e7b9.ttf) format("truetype"),
    url(/assets/fonts/slick/slick-d06c18d112401949996e731884bc56ab9bb9f807c80ca5143d19aac38c1bdf5f.svg#slick) format("svg");
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;

  position: absolute;
  top: 50%;

  display: block;

  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);

  cursor: pointer;

  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;

  opacity: 0.75;
  color: white;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  right: -25px;
  left: auto;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  right: auto;
  left: -25px;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;

  display: block;

  width: 100%;
  padding: 0;
  margin: 0;

  list-style: none;

  text-align: center;
}
.slick-dots li {
  position: relative;

  display: inline-block;

  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;

  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;

  display: block;

  width: 20px;
  height: 20px;
  padding: 5px;

  cursor: pointer;

  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;

  position: absolute;
  top: 0;
  left: 0;

  width: 20px;
  height: 20px;

  content: "•";
  text-align: center;

  opacity: 0.25;
  color: black;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url(/ajax-loader.gif) center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url(/fonts/slick.eot);
  src: url(/fonts/slick.eot?#iefix) format("embedded-opentype"), url(/fonts/slick.woff) format("woff"), url(/fonts/slick.ttf) format("truetype"), url(/fonts/slick.svg#slick) format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url(/ajax-loader.gif) center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url(/fonts/slick.eot);
  src: url(/fonts/slick.eot?#iefix) format("embedded-opentype"), url(/fonts/slick.woff) format("woff"), url(/fonts/slick.ttf) format("truetype"), url(/fonts/slick.svg#slick) format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}
/* * Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden;
}

/* * Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* * Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

.noflick, .button, .note {
  perspective: 1000;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}

.sticky-note {
  margin: -15px;
}

.note {
  float: left;
  display: block;
  position: relative;
  padding: 1em;
  width: calc(25% - 30px);
  min-height: 300px;
  margin: 15px;
  border-radius: 5px;
  background-color: rgba(115, 102, 255, 0.1);
  transition: transform 0.15s;
  z-index: 1;
}
.note:hover {
  cursor: move;
}
.note.ui-draggable-dragging:nth-child(n) {
  box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.3);
  transform: scale(1.125) !important;
  z-index: 100;
  cursor: move;
  transition: transform 0.15s;
}
.note textarea {
  background-color: transparent;
  border: none;
  resize: vertical;
  font-style: italic;
  width: 100%;
  padding: 5px;
}
.note textarea:focus {
  outline: none;
  border: none;
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.2) inset;
}
.note textarea.title {
  font-size: 24px;
  line-height: 1.2;
  color: #000000;
  height: 64px;
  margin-top: 20px;
}
.note textarea.cnt {
  min-height: 200px;
}
.note:nth-child(2n) {
  background: rgba(255, 51, 100, 0.2);
}
.note:nth-child(3n) {
  background: rgba(84, 186, 74, 0.2);
}
.note:nth-child(4n) {
  background: rgba(22, 199, 249, 0.1);
}
.note:nth-child(5n) {
  background: rgba(255, 170, 5, 0.2);
}
.note:nth-child(6n) {
  background: rgba(252, 68, 56, 0.3);
}

/* Button style  */
.button {
  color: #FFFFFF;
  padding: 1em 2em;
  text-decoration: none;
  transition: transform 0.15s, background 0.01s;
}
.button.remove {
  position: absolute;
  top: 0;
  right: -10px;
  color: #999;
}

@media only screen and (max-width: 1199px) {
  .note {
    min-width: 260px;
    min-height: 260px;
  }
}
.note-icon-video:before, .note-icon-unorderedlist:before, .note-icon-undo:before, .note-icon-underline:before, .note-icon-trash:before, .note-icon-text-height:before, .note-icon-table:before, .note-icon-superscript:before, .note-icon-summernote:before, .note-icon-subscript:before, .note-icon-strikethrough:before, .note-icon-square:before, .note-icon-special-character:before, .note-icon-row-remove:before, .note-icon-row-below:before, .note-icon-row-above:before, .note-icon-redo:before, .note-icon-question:before, .note-icon-picture:before, .note-icon-pencil:before, .note-icon-orderedlist:before, .note-icon-minus:before, .note-icon-menu-check:before, .note-icon-magic:before, .note-icon-link:before, .note-icon-italic:before, .note-icon-frame:before, .note-icon-font:before, .note-icon-eraser:before, .note-icon-col-remove:before, .note-icon-col-before:before, .note-icon-col-after:before, .note-icon-code:before, .note-icon-close:before, .note-icon-circle:before, .note-icon-chain-broken:before, .note-icon-caret:before, .note-icon-bold:before, .note-icon-arrows-v:before, .note-icon-arrows-h:before, .note-icon-arrows-alt:before, .note-icon-arrow-circle-up:before, .note-icon-arrow-circle-right:before, .note-icon-arrow-circle-left:before, .note-icon-arrow-circle-down:before, .note-icon-align:before, .note-icon-align-right:before, .note-icon-align-outdent:before, .note-icon-align-left:before, .note-icon-align-justify:before, .note-icon-align-indent:before, .note-icon-align-center:before {
  display: inline-block;
  font-family: summernote;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}

.card-header.note-toolbar > .btn-group, .note-popover .popover-content > .btn-group {
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 0;
}

.card-header.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, .note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
  position: absolute !important;
  z-index: 3;
  width: 10em;
  height: 10em;
  cursor: pointer;
}

.card-header.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted, .card-header.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted, .note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
  position: relative !important;
  z-index: 1;
  width: 5em;
  height: 5em;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;
}

.card-header.note-toolbar .note-color .dropdown-menu .note-palette, .note-popover .popover-content .note-color .dropdown-menu .note-palette {
  display: inline-block;
  width: 160px;
  margin: 0;
}

.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset, .card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-palette-title, .note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset, .note-popover .popover-content .note-color .dropdown-menu .note-palette .note-palette-title {
  margin: 2px 7px;
  font-size: 12px;
  text-align: center;
  border-bottom: 1px solid #eee;
}

.card-header.note-toolbar .note-color-palette div .note-color-btn, .note-popover .popover-content .note-color-palette div .note-color-btn {
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
  border: 1px solid #fff;
}

.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover, .note-hint-popover .popover-content .note-hint-group .note-hint-item.active {
  display: block;
  clear: both;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  background-color: #428bca;
  outline: 0;
}

@font-face {
  font-family: summernote;
  font-style: normal;
  font-weight: normal;
  src: url(/assets/fonts/summernote/summernote-b5272e140adc8e76570062a1fdb777b5d04cecba4c5d6bb32889c1bae8ec3489.eot?dbafe969167589eda84514394d126413);
  src: url(/assets/fonts/summernote/summernote-b5272e140adc8e76570062a1fdb777b5d04cecba4c5d6bb32889c1bae8ec3489.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/summernote/summernote-7aa17f641cd26179d6f11d264899571bc802723b64a9cafc8ad591e1770bfc11.woff?dbafe969167589eda84514394d126413) format("woff"), url(/assets/fonts/summernote/summernote-74fad8e1f4b32f86170fe845c6d21a1ba0f1bedf2ef5cf0d65969db03f003cb6.ttf?dbafe969167589eda84514394d126413) format("truetype");
}
.note-editor {
  position: relative;
}
.note-editor .note-dropzone {
  position: absolute;
  z-index: 100;
  display: none;
  color: #87cefa;
  background-color: #fff;
  opacity: 0.95;
}
.note-editor .note-dropzone .note-dropzone-message {
  display: table-cell;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
}
.note-editor .note-dropzone.hover {
  color: #098ddf;
}
.note-editor .note-editing-area .note-editable {
  outline: 0;
}
.note-editor .note-editing-area .note-editable sup {
  vertical-align: super;
}
.note-editor .note-editing-area .note-editable sub {
  vertical-align: sub;
}
.note-editor .note-editing-area img.note-float-left {
  margin-right: 10px;
}
.note-editor .note-editing-area img.note-float-right {
  margin-left: 10px;
}
.note-editor.note-frame {
  border: 1px solid #a9a9a9;
  margin-bottom: 0;
}
.note-editor.note-frame .note-editing-area {
  overflow: hidden;
}
.note-editor.note-frame .note-editing-area .note-editable {
  padding: 10px;
  overflow: auto;
  color: #000;
  word-wrap: break-word;
  background-color: #fff;
  min-height: 50px;
}
.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] {
  background-color: #e5e5e5;
}
.note-editor.note-frame .note-editing-area .note-codable {
  display: none;
  width: 100%;
  padding: 10px;
  margin-bottom: 0;
  font-family: Menlo, Monaco, monospace, sans-serif;
  font-size: 14px;
  color: #ccc;
  background-color: #222;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  resize: none;
}
.note-editor.note-frame.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100% !important;
}
.note-editor.note-frame.fullscreen .note-editable {
  background-color: #fff;
}
.note-editor.note-frame.fullscreen .note-resizebar {
  display: none;
}
.note-editor.note-frame .note-status-output {
  display: block;
  width: 100%;
  height: 20px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.42857143;
  color: #000;
  border: 0;
  border-top: 1px solid #e2e2e2;
}
.note-editor.note-frame .note-status-output:empty {
  height: 0;
  border-top: 0 solid transparent;
}
.note-editor.note-frame .note-status-output .pull-right {
  float: right !important;
}
.note-editor.note-frame .note-status-output .text-muted {
  color: #777;
}
.note-editor.note-frame .note-status-output .text-primary {
  color: #286090;
}
.note-editor.note-frame .note-status-output .text-success {
  color: #3c763d;
}
.note-editor.note-frame .note-status-output .text-info {
  color: #31708f;
}
.note-editor.note-frame .note-status-output .text-warning {
  color: #8a6d3b;
}
.note-editor.note-frame .note-status-output .text-danger {
  color: #a94442;
}
.note-editor.note-frame .note-status-output .alert {
  padding: 7px 10px 2px;
  margin: -7px 0 0;
  color: #000;
  background-color: #f5f5f5;
  border-radius: 0;
}
.note-editor.note-frame .note-status-output .alert .note-icon {
  margin-right: 5px;
}
.note-editor.note-frame .note-status-output .alert-success {
  color: #3c763d !important;
  background-color: #dff0d8 !important;
}
.note-editor.note-frame .note-status-output .alert-info {
  color: #31708f !important;
  background-color: #d9edf7 !important;
}
.note-editor.note-frame .note-status-output .alert-warning {
  color: #8a6d3b !important;
  background-color: #fcf8e3 !important;
}
.note-editor.note-frame .note-status-output .alert-danger {
  color: #a94442 !important;
  background-color: #f2dede !important;
}
.note-editor.note-frame .note-statusbar {
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.note-editor.note-frame .note-statusbar .note-resizebar {
  width: 100%;
  height: 9px;
  padding-top: 1px;
  cursor: ns-resize;
}
.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
  width: 20px;
  margin: 1px auto;
  border-top: 1px solid #a9a9a9;
}
.note-editor.note-frame .note-statusbar.locked .note-resizebar {
  cursor: default;
}
.note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar {
  display: none;
}
.note-editor.note-frame .note-placeholder {
  padding: 10px;
}
.note-editor.note-frame.codeview .note-editing-area .note-editable {
  display: none;
}
.note-editor.note-frame.codeview .note-editing-area .note-codable {
  display: block;
}
.note-editor.dragover .note-dropzone {
  display: table;
}

.note-popover.popover {
  display: none;
  max-width: none;
}
.note-popover.popover .arrow {
  left: 20px !important;
}
.note-popover.popover .popover-content a {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.note-popover .popover-content {
  padding: 0 0 5px 5px;
  margin: 0;
}
.note-popover .popover-content .note-color .dropdown-toggle {
  width: 20px;
  padding-left: 5px;
}
.note-popover .popover-content .note-color .dropdown-menu {
  min-width: 337px;
}
.note-popover .popover-content .note-color .dropdown-menu .note-palette:first-child {
  margin: 0 5px;
}
.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset:hover {
  background: #eee;
}
.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-row {
  height: 20px;
}
.note-popover .popover-content .dropdown-menu {
  min-width: 90px;
}
.note-popover .popover-content .dropdown-menu.right {
  right: 0;
  left: auto;
}
.note-popover .popover-content .dropdown-menu.right::before {
  right: 9px;
  left: auto !important;
}
.note-popover .popover-content .dropdown-menu.right::after {
  right: 10px;
  left: auto !important;
}
.note-popover .popover-content .dropdown-menu.note-check a i {
  color: #098ddf;
  visibility: hidden;
}
.note-popover .popover-content .dropdown-menu.note-check a.checked i {
  visibility: visible;
}
.note-popover .popover-content .note-fontsize-10 {
  font-size: 10px;
}
.note-popover .popover-content .note-color-palette {
  line-height: 1;
}
.note-popover .popover-content .note-color-palette div .note-color-btn:hover {
  border: 1px solid #000;
}
.note-popover .popover-content .btn-group .note-table {
  min-width: 0;
  padding: 5px;
}
.note-popover .popover-content .btn-group .note-table .note-dimension-picker {
  font-size: 18px;
}
.note-popover .popover-content .note-style .dropdown-style blockquote {
  padding: 5px 10px;
  margin: 0;
}
.note-popover .popover-content .note-style .dropdown-style pre {
  padding: 5px 10px;
  margin: 0;
}
.note-popover .popover-content .note-style .dropdown-style h1 {
  padding: 0;
  margin: 0;
}
.note-popover .popover-content .note-style .dropdown-style h2 {
  padding: 0;
  margin: 0;
}
.note-popover .popover-content .note-style .dropdown-style h3 {
  padding: 0;
  margin: 0;
}
.note-popover .popover-content .note-style .dropdown-style h4 {
  padding: 0;
  margin: 0;
}
.note-popover .popover-content .note-style .dropdown-style h5 {
  padding: 0;
  margin: 0;
}
.note-popover .popover-content .note-style .dropdown-style h6 {
  padding: 0;
  margin: 0;
}
.note-popover .popover-content .note-style .dropdown-style p {
  padding: 0;
  margin: 0;
}
.note-popover .popover-content .note-para .dropdown-menu {
  min-width: 216px;
  padding: 5px;
}
.note-popover .popover-content .note-para .dropdown-menu > div:first-child {
  margin-right: 5px;
}

.note-toolbar {
  position: relative;
  z-index: 500;
}

.note-dialog > div {
  display: none;
}
.note-dialog .form-group {
  margin-right: 0;
  margin-left: 0;
}
.note-dialog .note-modal-form {
  margin: 0;
}
.note-dialog .note-image-dialog .note-dropzone {
  min-height: 100px;
  margin-bottom: 10px;
  font-size: 30px;
  line-height: 4;
  color: lightgray;
  text-align: center;
  border: 4px dashed lightgray;
}

.note-placeholder {
  position: absolute;
  display: none;
  color: gray;
}

.note-hint-popover {
  min-width: 100px;
  padding: 2px;
}
.note-hint-popover .popover-content {
  max-height: 150px;
  padding: 3px;
  overflow: auto;
}
.note-hint-popover .popover-content .note-hint-group .note-hint-item {
  display: block !important;
  padding: 3px;
}
.note-icon-align-center:before {
  content: "\f101";
}

.note-icon-align-indent:before {
  content: "\f102";
}

.note-icon-align-justify:before {
  content: "\f103";
}

.note-icon-align-left:before {
  content: "\f104";
}

.note-icon-align-outdent:before {
  content: "\f105";
}

.note-icon-align-right:before {
  content: "\f106";
}

.note-icon-align:before {
  content: "\f107";
}

.note-icon-arrow-circle-down:before {
  content: "\f108";
}

.note-icon-arrow-circle-left:before {
  content: "\f109";
}

.note-icon-arrow-circle-right:before {
  content: "\f10a";
}

.note-icon-arrow-circle-up:before {
  content: "\f10b";
}

.note-icon-arrows-alt:before {
  content: "\f10c";
}

.note-icon-arrows-h:before {
  content: "\f10d";
}

.note-icon-arrows-v:before {
  content: "\f10e";
}

.note-icon-bold:before {
  content: "\f10f";
}

.note-icon-caret:before {
  content: "\f110";
}

.note-icon-chain-broken:before {
  content: "\f111";
}

.note-icon-circle:before {
  content: "\f112";
}

.note-icon-close:before {
  content: "\f113";
}

.note-icon-code:before {
  content: "\f114";
}

.note-icon-col-after:before {
  content: "\f115";
}

.note-icon-col-before:before {
  content: "\f116";
}

.note-icon-col-remove:before {
  content: "\f117";
}

.note-icon-eraser:before {
  content: "\f118";
}

.note-icon-font:before {
  content: "\f119";
}

.note-icon-frame:before {
  content: "\f11a";
}

.note-icon-italic:before {
  content: "\f11b";
}

.note-icon-link:before {
  content: "\f11c";
}

.note-icon-magic:before {
  content: "\f11d";
}

.note-icon-menu-check:before {
  content: "\f11e";
}

.note-icon-minus:before {
  content: "\f11f";
}

.note-icon-orderedlist:before {
  content: "\f120";
}

.note-icon-pencil:before {
  content: "\f121";
}

.note-icon-picture:before {
  content: "\f122";
}

.note-icon-question:before {
  content: "\f123";
}

.note-icon-redo:before {
  content: "\f124";
}

.note-icon-row-above:before {
  content: "\f125";
}

.note-icon-row-below:before {
  content: "\f126";
}

.note-icon-row-remove:before {
  content: "\f127";
}

.note-icon-special-character:before {
  content: "\f128";
}

.note-icon-square:before {
  content: "\f129";
}

.note-icon-strikethrough:before {
  content: "\f12a";
}

.note-icon-subscript:before {
  content: "\f12b";
}

.note-icon-summernote:before {
  content: "\f12c";
}

.note-icon-superscript:before {
  content: "\f12d";
}

.note-icon-table:before {
  content: "\f12e";
}

.note-icon-text-height:before {
  content: "\f12f";
}

.note-icon-trash:before {
  content: "\f130";
}

.note-icon-underline:before {
  content: "\f131";
}

.note-icon-undo:before {
  content: "\f132";
}

.note-icon-unorderedlist:before {
  content: "\f133";
}

.note-icon-video:before {
  content: "\f134";
}

.card-header.note-toolbar {
  padding: 0 0 5px 5px !important;
  margin: 0;
  z-index: 0;
}
.card-header.note-toolbar .note-color .dropdown-toggle {
  width: 20px;
  padding-left: 5px;
}
.card-header.note-toolbar .note-color .dropdown-menu {
  min-width: 337px;
}
.card-header.note-toolbar .note-color .dropdown-menu .note-palette:first-child {
  margin: 0 5px;
}
.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset:hover {
  background: #eee;
}
.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-row {
  height: 20px;
}
.card-header.note-toolbar .dropdown-menu {
  min-width: 90px;
}
.card-header.note-toolbar .dropdown-menu.right {
  right: 0;
  left: auto;
}
.card-header.note-toolbar .dropdown-menu.right::before {
  right: 9px;
  left: auto !important;
}
.card-header.note-toolbar .dropdown-menu.right::after {
  right: 10px;
  left: auto !important;
}
.card-header.note-toolbar .dropdown-menu.note-check a i {
  color: #098ddf;
  visibility: hidden;
}
.card-header.note-toolbar .dropdown-menu.note-check a.checked i {
  visibility: visible;
}
.card-header.note-toolbar .note-fontsize-10 {
  font-size: 10px;
}
.card-header.note-toolbar .note-color-palette {
  line-height: 1;
}
.card-header.note-toolbar .note-color-palette div .note-color-btn:hover {
  border: 1px solid #000;
}
.card-header.note-toolbar .btn-group .note-table {
  min-width: 0;
  padding: 5px;
}
.card-header.note-toolbar .btn-group .note-table .note-dimension-picker {
  font-size: 18px;
}
.card-header.note-toolbar .note-style .dropdown-style blockquote {
  padding: 5px 10px;
  margin: 0;
}
.card-header.note-toolbar .note-style .dropdown-style pre {
  padding: 5px 10px;
  margin: 0;
}
.card-header.note-toolbar .note-style .dropdown-style h1 {
  padding: 0;
  margin: 0;
}
.card-header.note-toolbar .note-style .dropdown-style h2 {
  padding: 0;
  margin: 0;
}
.card-header.note-toolbar .note-style .dropdown-style h3 {
  padding: 0;
  margin: 0;
}
.card-header.note-toolbar .note-style .dropdown-style h4 {
  padding: 0;
  margin: 0;
}
.card-header.note-toolbar .note-style .dropdown-style h5 {
  padding: 0;
  margin: 0;
}
.card-header.note-toolbar .note-style .dropdown-style h6 {
  padding: 0;
  margin: 0;
}
.card-header.note-toolbar .note-style .dropdown-style p {
  padding: 0;
  margin: 0;
}
.card-header.note-toolbar .note-para .dropdown-menu {
  min-width: 216px;
  padding: 5px;
}
.card-header.note-toolbar .note-para .dropdown-menu > div:first-child {
  margin-right: 5px;
}

.note-handle .note-control-selection {
  position: absolute;
  display: none;
  border: 1px solid #000;
}
.note-handle .note-control-selection > div {
  position: absolute;
}
.note-handle .note-control-selection .note-control-selection-bg {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.note-handle .note-control-selection .note-control-handle {
  width: 7px;
  height: 7px;
  border: 1px solid #000;
}
.note-handle .note-control-selection .note-control-holder {
  width: 7px;
  height: 7px;
  border: 1px solid #000;
}
.note-handle .note-control-selection .note-control-sizing {
  width: 7px;
  height: 7px;
  background-color: #fff;
  border: 1px solid #000;
}
.note-handle .note-control-selection .note-control-nw {
  top: -5px;
  left: -5px;
  border-right: 0;
  border-bottom: 0;
}
.note-handle .note-control-selection .note-control-ne {
  top: -5px;
  right: -5px;
  border-bottom: 0;
  border-left: none;
}
.note-handle .note-control-selection .note-control-sw {
  bottom: -5px;
  left: -5px;
  border-top: 0;
  border-right: 0;
}
.note-handle .note-control-selection .note-control-se {
  right: -5px;
  bottom: -5px;
  cursor: se-resize;
}
.note-handle .note-control-selection .note-control-se.note-control-holder {
  cursor: default;
  border-top: 0;
  border-left: none;
}
.note-handle .note-control-selection .note-control-selection-info {
  right: 0;
  bottom: 0;
  padding: 5px;
  margin: 5px;
  font-size: 12px;
  color: #fff;
  background-color: #000;
  border-radius: 5px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
/* VARIABLES */
/* Applies a stroke to the icons. Can use percentage for responsive */
.climacon_component-stroke {
  fill: #dcdada;
  stroke-width: 1px;
  stroke: #717171;
}

.climacon_component-fill {
  fill: rgba(113, 113, 113, 0.2509803922);
  stroke-width: 0;
  stroke: #ddd;
}

/* SVG GLOBAL */
svg.climacon {
  display: inline-block;
  width: 80px;
  height: 80px;
  shape-rendering: geometricPrecision;
}

g, path, circle, rect {
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform-origin: 50% 50%;
  animation-duration: 18s;
  animation-direction: normal;
}

/* SUN */
.climacon_componentWrap-sun {
  animation-name: rotate;
}

.climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke {
  animation-name: scale;
  animation-direction: alternate;
  animation-duration: 4.5s;
}

.climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke:nth-child(even) {
  animation-delay: 4.5s;
}

/* MOON */
.climacon_componentWrap-moon {
  animation-name: partialRotate;
  animation-duration: 18s;
  animation-direction: alternate;
}

/* WIND */
.climacon_componentWrap-wind {
  animation-name: translateWind;
  animation-duration: 6s;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}

/* SNOWFLAKE */
.climacon_componentWrap-snowflake {
  animation-name: rotate;
  animation-duration: 54s;
  animation-direction: normal;
}

/* CLOUD SUN */
.climacon_componentWrap-sun_cloud {
  animation-name: behindCloudMove, rotate;
  animation-iteration-count: 1, infinite;
  animation-timing-function: ease-out, linear;
  animation-delay: 0, 4.5s;
  animation-duration: 4.5s, 18s;
}

.climacon_componentWrap-sun_cloud .climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke {
  fill-opacity: 0;
  animation-name: fillOpacity, scale;
  animation-iteration-count: 1, infinite;
  animation-delay: 4.5s, 0;
  animation-fill-mode: both;
}

.climacon_componentWrap-sun_cloud .climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke:nth-child(even) {
  animation-delay: 4.5s;
}

/* CLOUD MOON */
.climacon_componentWrap-moon_cloud {
  animation-name: behindCloudMove, partialRotate;
  animation-iteration-count: 1, infinite;
  animation-timing-function: ease-out, linear;
  animation-delay: 0, 4.5s;
  animation-duration: 4.5s, 18s;
}

/* DRIZZLE */
.climacon_component-stroke_drizzle {
  fill-opacity: 0;
  animation-name: drizzleFall, fillOpacity2;
  animation-timing-function: ease-in;
  animation-duration: 1.5s;
}

.climacon_component-stroke_drizzle:nth-child(1) {
  animation-delay: 0s;
}

.climacon_component-stroke_drizzle:nth-child(2) {
  animation-delay: 0.9s;
}

.climacon_component-stroke_drizzle:nth-child(3) {
  animation-delay: 1.8s;
}

/* RAIN */
.climacon_component-stroke_rain {
  fill-opacity: 0;
  animation-name: rainFall, fillOpacity2;
  animation-timing-function: ease-in;
  animation-duration: 3s;
}

.climacon_component-stroke_rain:nth-child(n+4) {
  animation-delay: 1.5s;
}

.climacon_component-stroke_rain_alt:nth-child(2) {
  animation-delay: 1.5s;
}

/* HAIL */
/* HAIL ALT */
.climacon_component-stroke_hailAlt {
  fill-opacity: 1;
  animation-timing-function: ease-in;
  animation-duration: 1s;
}

.climacon_component-stroke_hailAlt-left {
  animation-name: hailLeft, fillOpacity2;
}

.climacon_component-stroke_hailAlt-middle {
  animation-name: hailMiddle, fillOpacity2;
}

.climacon_component-stroke_hailAlt-middle:nth-child(2) {
  animation-name: hailMiddle2, fillOpacity2;
}

.climacon_component-stroke_hailAlt-right {
  animation-name: hailRight, fillOpacity2;
}

.climacon_component-stroke_hailAlt:nth-child(1) {
  animation-delay: 0s;
}

.climacon_component-stroke_hailAlt:nth-child(2) {
  animation-delay: 0.1666666667s;
}

.climacon_component-stroke_hailAlt:nth-child(3) {
  animation-delay: 0.3333333333s;
}

.climacon_component-stroke_hailAlt:nth-child(4) {
  animation-delay: 0.5s;
}

.climacon_component-stroke_hailAlt:nth-child(5) {
  animation-delay: 0.6666666667s;
}

.climacon_component-stroke_hailAlt:nth-child(6) {
  animation-delay: 0.8333333333s;
}

/* SNOW */
.climacon_component-stroke_snow {
  fill-opacity: 0;
  animation-name: snowFall, fillOpacity2;
  animation-timing-function: ease-in-out;
  animation-duration: 9s;
}

.climacon_component-stroke_snow:nth-child(3) {
  animation-name: snowFall2, fillOpacity2;
}

.climacon_component-stroke_snow:nth-child(1) {
  animation-delay: 0s;
}

.climacon_component-stroke_snow:nth-child(2) {
  animation-delay: 3s;
}

.climacon_component-stroke_snow:nth-child(3) {
  animation-delay: 6s;
}

/* SNOW ALT */
.climacon_wrapperComponent-snowAlt {
  fill-opacity: 0;
  animation-name: snowFall, fillOpacity2;
  animation-timing-function: ease-in-out;
  animation-duration: 9s;
}

/* FOG */
.climacon_component-stroke_fogLine {
  fill-opacity: 0.5;
  animation-name: translateFog, fillOpacityFog;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in;
  animation-duration: 18s;
}

.climacon_component-stroke_fogLine:nth-child(even) {
  animation-delay: 9s;
}

/* LIGHTNING */
.climacon_component-stroke_lightning {
  fill-opacity: 0;
  animation-name: fillOpacityLightning;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-duration: 18s;
}

/* TORNADO */
.climacon_component-stroke_tornadoLine {
  animation-name: translateTornado1;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
  animation-duration: 18s;
}

.climacon_component-stroke_tornadoLine:nth-child(1) {
  animation-name: translateTornado1;
}

.climacon_component-stroke_tornadoLine:nth-child(2) {
  animation-name: translateTornado2;
}

.climacon_component-stroke_tornadoLine:nth-child(3) {
  animation-name: translateTornado3;
}

.climacon_component-stroke_tornadoLine:nth-child(4) {
  animation-name: translateTornado4;
}

.climacon_component-stroke_tornadoLine:nth-child(5) {
  animation-name: translateTornado5;
}

.climacon_component-stroke_tornadoLine:nth-child(6) {
  animation-name: translateTornado6;
}

.climacon_componentWrap-sunsetAlt {
  animation-name: translateSunset;
  animation-duration: 4.5s;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
}

.climacon_componentWrap-sunsetAlt {
  animation-name: translateSunset;
  animation-iteration-count: 1;
}

.climacon_iconWrap-sun .climacon_component-stroke_sunSpoke, .climacon_iconWrap-sunFill .climacon_component-stroke_sunSpoke {
  fill-opacity: 1;
  animation-name: scale;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  animation-fill-mode: both;
  animation-direction: alternate;
}

.climacon_iconWrap-sun .climacon_component-stroke_sunSpoke:nth-child(even), .climacon_iconWrap-sunFill .climacon_component-stroke_sunSpoke:nth-child(even) {
  animation-delay: 4.5s;
}

.climacon-iconWrap_sunFill .climacon_component-stroke_sunSpoke {
  fill-opacity: 1;
  animation-name: scale;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  animation-fill-mode: both;
  animation-direction: alternate;
}

.climacon-iconWrap_sunFill .climacon_component-stroke_sunSpoke:nth-child(even) {
  animation-delay: 4.5s;
}

.climacon_component-stroke_arrow-up {
  fill-opacity: 0;
  animation-name: fillOpacity2, translateArrowUp;
  animation-duration: 4.5s;
}

.climacon_component-stroke_arrow-down {
  fill-opacity: 0;
  animation-name: fillOpacity2, translateArrowDown;
  animation-duration: 4.5s;
}

.climacon_componentWrap-sunrise .climacon_component-stroke_sunSpoke, .climacon_componentWrap-sunset .climacon_component-stroke_sunSpoke {
  animation-name: scale;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-duration: 4.5s;
  animation-delay: 0s;
  animation-fill-mode: both;
}

.climacon_componentWrap-sunrise .climacon_component-stroke_sunSpoke:nth-child(even), .climacon_componentWrap-sunset .climacon_component-stroke_sunSpoke:nth-child(even) {
  animation-delay: 4.5s;
}

.climacon_componentWrap-sunriseAlt {
  animation-name: translateSunrise, fillOpacity;
  animation-duration: 18s, 9s;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.climacon_componentWrap-sunriseAlt .climacon_component-stroke_sunSpoke {
  fill-opacity: 0;
  animation-name: fillOpacity, scale;
  animation-direction: normal, alternate;
  animation-iteration-count: 1, infinite;
  animation-duration: 4.5s;
  animation-delay: 4.5s, 0;
  animation-fill-mode: both;
}

.climacon_componentWrap-sunriseAlt .climacon_component-stroke_sunSpoke:nth-child(even) {
  animation-delay: 4.5s, 4.5s;
}

.climacon_componentWrap-sunsetAlt {
  animation-name: translateSunset;
  animation-delay: 0s;
  animation-duration: 18s;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

/* ANIMATIONS */
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes partialRotate {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-15deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes scale {
  0% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0.5, 0.5);
  }
}
@keyframes behindCloudMove {
  0% {
    transform: translateX(-1.75px) translateY(1.75px);
  }
  100% {
    transform: translateX(0) translateY(0);
  }
}
@keyframes drizzleFall {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(21px);
  }
}
@keyframes rainFall {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(14px);
  }
}
@keyframes rainFall2 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(14px);
  }
  100% {
    transform: translateX(14px) translateY(14px);
  }
}
@keyframes hailLeft {
  50% {
    transform: translateY(17.5px);
  }
  51% {
    transform: translateY(17.5px) translateX(-0.3px);
  }
  53% {
    transform: translateY(16.4033342063px) translateX(-0.9px);
  }
  55% {
    transform: translateY(15.3239634873px) translateX(-1.5px);
  }
  57% {
    transform: translateY(14.278910164px) translateX(-2.1px);
  }
  59% {
    transform: translateY(13.2846553516px) translateX(-2.7px);
  }
  61% {
    transform: translateY(12.3568790424px) translateX(-3.3px);
  }
  63% {
    transform: translateY(11.5102128231px) translateX(-3.9px);
  }
  65% {
    transform: translateY(10.7580091257px) translateX(-4.5px);
  }
  67% {
    transform: translateY(10.1121306519px) translateX(-5.1px);
  }
  69% {
    transform: translateY(9.5827632909px) translateX(-5.7px);
  }
  71% {
    transform: translateY(9.1782554824px) translateX(-6.3px);
  }
  73% {
    transform: translateY(8.9049865561px) translateX(-6.9px);
  }
  75% {
    transform: translateY(8.7672661263px) translateX(-7.5px);
  }
  77% {
    transform: translateY(8.7672661263px) translateX(-8.1px);
  }
  79% {
    transform: translateY(8.9049865561px) translateX(-8.7px);
  }
  81% {
    transform: translateY(9.1782554824px) translateX(-9.3px);
  }
  83% {
    transform: translateY(9.5827632909px) translateX(-9.9px);
  }
  85% {
    transform: translateY(10.1121306519px) translateX(-10.5px);
  }
  87% {
    transform: translateY(10.7580091257px) translateX(-11.1px);
  }
  89% {
    transform: translateY(11.5102128231px) translateX(-11.7px);
  }
  91% {
    transform: translateY(12.3568790424px) translateX(-12.3px);
  }
  93% {
    transform: translateY(13.2846553516px) translateX(-12.9px);
  }
  95% {
    transform: translateY(14.278910164px) translateX(-13.5px);
  }
  97% {
    transform: translateY(15.3239634873px) translateX(-14.1px);
  }
  99% {
    transform: translateY(16.4033342063px) translateX(-14.7px);
  }
}
@keyframes hailMiddle {
  50% {
    transform: translateY(17.5px);
  }
  51% {
    transform: translateY(17.5px) translateX(-0.15px);
  }
  53% {
    transform: translateY(16.4033342063px) translateX(-0.45px);
  }
  55% {
    transform: translateY(15.3239634873px) translateX(-0.75px);
  }
  57% {
    transform: translateY(14.278910164px) translateX(-1.05px);
  }
  59% {
    transform: translateY(13.2846553516px) translateX(-1.35px);
  }
  61% {
    transform: translateY(12.3568790424px) translateX(-1.65px);
  }
  63% {
    transform: translateY(11.5102128231px) translateX(-1.95px);
  }
  65% {
    transform: translateY(10.7580091257px) translateX(-2.25px);
  }
  67% {
    transform: translateY(10.1121306519px) translateX(-2.55px);
  }
  69% {
    transform: translateY(9.5827632909px) translateX(-2.85px);
  }
  71% {
    transform: translateY(9.1782554824px) translateX(-3.15px);
  }
  73% {
    transform: translateY(8.9049865561px) translateX(-3.45px);
  }
  75% {
    transform: translateY(8.7672661263px) translateX(-3.75px);
  }
  77% {
    transform: translateY(8.7672661263px) translateX(-4.05px);
  }
  79% {
    transform: translateY(8.9049865561px) translateX(-4.35px);
  }
  81% {
    transform: translateY(9.1782554824px) translateX(-4.65px);
  }
  83% {
    transform: translateY(9.5827632909px) translateX(-4.95px);
  }
  85% {
    transform: translateY(10.1121306519px) translateX(-5.25px);
  }
  87% {
    transform: translateY(10.7580091257px) translateX(-5.55px);
  }
  89% {
    transform: translateY(11.5102128231px) translateX(-5.85px);
  }
  91% {
    transform: translateY(12.3568790424px) translateX(-6.15px);
  }
  93% {
    transform: translateY(13.2846553516px) translateX(-6.45px);
  }
  95% {
    transform: translateY(14.278910164px) translateX(-6.75px);
  }
  97% {
    transform: translateY(15.3239634873px) translateX(-7.05px);
  }
  99% {
    transform: translateY(16.4033342063px) translateX(-7.35px);
  }
}
@keyframes hailMiddle2 {
  50% {
    transform: translateY(17.5px);
  }
  51% {
    transform: translateY(17.5px) translateX(0.15px);
  }
  53% {
    transform: translateY(16.4033342063px) translateX(0.45px);
  }
  55% {
    transform: translateY(15.3239634873px) translateX(0.75px);
  }
  57% {
    transform: translateY(14.278910164px) translateX(1.05px);
  }
  59% {
    transform: translateY(13.2846553516px) translateX(1.35px);
  }
  61% {
    transform: translateY(12.3568790424px) translateX(1.65px);
  }
  63% {
    transform: translateY(11.5102128231px) translateX(1.95px);
  }
  65% {
    transform: translateY(10.7580091257px) translateX(2.25px);
  }
  67% {
    transform: translateY(10.1121306519px) translateX(2.55px);
  }
  69% {
    transform: translateY(9.5827632909px) translateX(2.85px);
  }
  71% {
    transform: translateY(9.1782554824px) translateX(3.15px);
  }
  73% {
    transform: translateY(8.9049865561px) translateX(3.45px);
  }
  75% {
    transform: translateY(8.7672661263px) translateX(3.75px);
  }
  77% {
    transform: translateY(8.7672661263px) translateX(4.05px);
  }
  79% {
    transform: translateY(8.9049865561px) translateX(4.35px);
  }
  81% {
    transform: translateY(9.1782554824px) translateX(4.65px);
  }
  83% {
    transform: translateY(9.5827632909px) translateX(4.95px);
  }
  85% {
    transform: translateY(10.1121306519px) translateX(5.25px);
  }
  87% {
    transform: translateY(10.7580091257px) translateX(5.55px);
  }
  89% {
    transform: translateY(11.5102128231px) translateX(5.85px);
  }
  91% {
    transform: translateY(12.3568790424px) translateX(6.15px);
  }
  93% {
    transform: translateY(13.2846553516px) translateX(6.45px);
  }
  95% {
    transform: translateY(14.278910164px) translateX(6.75px);
  }
  97% {
    transform: translateY(15.3239634873px) translateX(7.05px);
  }
  99% {
    transform: translateY(16.4033342063px) translateX(7.35px);
  }
}
@keyframes hailRight {
  50% {
    transform: translateY(17.5px);
  }
  51% {
    transform: translateY(17.5px) translateX(0.3px);
  }
  53% {
    transform: translateY(16.4033342063px) translateX(0.9px);
  }
  55% {
    transform: translateY(15.3239634873px) translateX(1.5px);
  }
  57% {
    transform: translateY(14.278910164px) translateX(2.1px);
  }
  59% {
    transform: translateY(13.2846553516px) translateX(2.7px);
  }
  61% {
    transform: translateY(12.3568790424px) translateX(3.3px);
  }
  63% {
    transform: translateY(11.5102128231px) translateX(3.9px);
  }
  65% {
    transform: translateY(10.7580091257px) translateX(4.5px);
  }
  67% {
    transform: translateY(10.1121306519px) translateX(5.1px);
  }
  69% {
    transform: translateY(9.5827632909px) translateX(5.7px);
  }
  71% {
    transform: translateY(9.1782554824px) translateX(6.3px);
  }
  73% {
    transform: translateY(8.9049865561px) translateX(6.9px);
  }
  75% {
    transform: translateY(8.7672661263px) translateX(7.5px);
  }
  77% {
    transform: translateY(8.7672661263px) translateX(8.1px);
  }
  79% {
    transform: translateY(8.9049865561px) translateX(8.7px);
  }
  81% {
    transform: translateY(9.1782554824px) translateX(9.3px);
  }
  83% {
    transform: translateY(9.5827632909px) translateX(9.9px);
  }
  85% {
    transform: translateY(10.1121306519px) translateX(10.5px);
  }
  87% {
    transform: translateY(10.7580091257px) translateX(11.1px);
  }
  89% {
    transform: translateY(11.5102128231px) translateX(11.7px);
  }
  91% {
    transform: translateY(12.3568790424px) translateX(12.3px);
  }
  93% {
    transform: translateY(13.2846553516px) translateX(12.9px);
  }
  95% {
    transform: translateY(14.278910164px) translateX(13.5px);
  }
  97% {
    transform: translateY(15.3239634873px) translateX(14.1px);
  }
  99% {
    transform: translateY(16.4033342063px) translateX(14.7px);
  }
}
@keyframes fillOpacity {
  0% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  100% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
}
@keyframes fillOpacity2 {
  0% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  50% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
  100% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
}
@keyframes lightningFlash {
  0% {
    fill-opacity: 0;
  }
  1% {
    fill-opacity: 1;
  }
  2% {
    fill-opacity: 0;
  }
  50% {
    fill-opacity: 0;
  }
  51% {
    fill-opacity: 1;
  }
  52% {
    fill-opacity: 0;
  }
  53% {
    fill-opacity: 1;
  }
  54% {
    fill-opacity: 0;
  }
  100% {
    fill-opacity: 0;
  }
}
@keyframes snowFall {
  0% {
    transform: translateY(0px) translateX(0px);
  }
  2% {
    transform: translateY(0.35px) translateX(0.7534862344px);
  }
  4% {
    transform: translateY(0.7px) translateX(1.441332186px);
  }
  6% {
    transform: translateY(1.05px) translateX(2.0611944604px);
  }
  8% {
    transform: translateY(1.4px) translateX(2.6112438152px);
  }
  10% {
    transform: translateY(1.75px) translateX(3.0901699437px);
  }
  12% {
    transform: translateY(2.1px) translateX(3.4971832505px);
  }
  14% {
    transform: translateY(2.45px) translateX(3.8320136241px);
  }
  16% {
    transform: translateY(2.8px) translateX(4.0949062299px);
  }
  18% {
    transform: translateY(3.15px) translateX(4.2866143598px);
  }
  20% {
    transform: translateY(3.5px) translateX(4.4083893922px);
  }
  22% {
    transform: translateY(3.85px) translateX(4.4619679282px);
  }
  24% {
    transform: translateY(4.2px) translateX(4.4495561885px);
  }
  26% {
    transform: translateY(4.55px) translateX(4.3738117645px);
  }
  28% {
    transform: translateY(4.9px) translateX(4.2378228353px);
  }
  30% {
    transform: translateY(5.25px) translateX(4.0450849719px);
  }
  32% {
    transform: translateY(5.6px) translateX(3.7994756648px);
  }
  34% {
    transform: translateY(5.95px) translateX(3.5052267202px);
  }
  36% {
    transform: translateY(6.3px) translateX(3.1668946836px);
  }
  38% {
    transform: translateY(6.65px) translateX(2.7893294577px);
  }
  40% {
    transform: translateY(7px) translateX(2.3776412907px);
  }
  42% {
    transform: translateY(7.35px) translateX(1.9371663223px);
  }
  44% {
    transform: translateY(7.7px) translateX(1.4734308761px);
  }
  46% {
    transform: translateY(8.05px) translateX(0.9921147013px);
  }
  48% {
    transform: translateY(8.4px) translateX(0.4990133642px);
  }
  50% {
    transform: translateY(8.75px) translateX(0px);
  }
  52% {
    transform: translateY(9.1px) translateX(-0.4990133642px);
  }
  54% {
    transform: translateY(9.45px) translateX(-0.9921147013px);
  }
  56% {
    transform: translateY(9.8px) translateX(-1.4734308761px);
  }
  58% {
    transform: translateY(10.15px) translateX(-1.9371663223px);
  }
  60% {
    transform: translateY(10.5px) translateX(-2.3776412907px);
  }
  62% {
    transform: translateY(10.85px) translateX(-2.7893294577px);
  }
  64% {
    transform: translateY(11.2px) translateX(-3.1668946836px);
  }
  66% {
    transform: translateY(11.55px) translateX(-3.5052267202px);
  }
  68% {
    transform: translateY(11.9px) translateX(-3.7994756648px);
  }
  70% {
    transform: translateY(12.25px) translateX(-4.0450849719px);
  }
  72% {
    transform: translateY(12.6px) translateX(-4.2378228353px);
  }
  74% {
    transform: translateY(12.95px) translateX(-4.3738117645px);
  }
  76% {
    transform: translateY(13.3px) translateX(-4.4495561885px);
  }
  78% {
    transform: translateY(13.65px) translateX(-4.4619679282px);
  }
  80% {
    transform: translateY(14px) translateX(-4.4083893922px);
  }
  82% {
    transform: translateY(14.35px) translateX(-4.2866143598px);
  }
  84% {
    transform: translateY(14.7px) translateX(-4.0949062299px);
  }
  86% {
    transform: translateY(15.05px) translateX(-3.8320136241px);
  }
  88% {
    transform: translateY(15.4px) translateX(-3.4971832505px);
  }
  90% {
    transform: translateY(15.75px) translateX(-3.0901699438px);
  }
  92% {
    transform: translateY(16.1px) translateX(-2.6112438152px);
  }
  94% {
    transform: translateY(16.45px) translateX(-2.0611944605px);
  }
  96% {
    transform: translateY(16.8px) translateX(-1.441332186px);
  }
  98% {
    transform: translateY(17.15px) translateX(-0.7534862344px);
  }
  100% {
    transform: translateY(17.5px) translateX(-0.0000000001px);
  }
}
@keyframes snowFall2 {
  0% {
    transform: translateY(0px) translateX(0px);
  }
  2% {
    transform: translateY(0.35px) translateX(-0.7534862344px);
  }
  4% {
    transform: translateY(0.7px) translateX(-1.441332186px);
  }
  6% {
    transform: translateY(1.05px) translateX(-2.0611944604px);
  }
  8% {
    transform: translateY(1.4px) translateX(-2.6112438152px);
  }
  10% {
    transform: translateY(1.75px) translateX(-3.0901699437px);
  }
  12% {
    transform: translateY(2.1px) translateX(-3.4971832505px);
  }
  14% {
    transform: translateY(2.45px) translateX(-3.8320136241px);
  }
  16% {
    transform: translateY(2.8px) translateX(-4.0949062299px);
  }
  18% {
    transform: translateY(3.15px) translateX(-4.2866143598px);
  }
  20% {
    transform: translateY(3.5px) translateX(-4.4083893922px);
  }
  22% {
    transform: translateY(3.85px) translateX(-4.4619679282px);
  }
  24% {
    transform: translateY(4.2px) translateX(-4.4495561885px);
  }
  26% {
    transform: translateY(4.55px) translateX(-4.3738117645px);
  }
  28% {
    transform: translateY(4.9px) translateX(-4.2378228353px);
  }
  30% {
    transform: translateY(5.25px) translateX(-4.0450849719px);
  }
  32% {
    transform: translateY(5.6px) translateX(-3.7994756648px);
  }
  34% {
    transform: translateY(5.95px) translateX(-3.5052267202px);
  }
  36% {
    transform: translateY(6.3px) translateX(-3.1668946836px);
  }
  38% {
    transform: translateY(6.65px) translateX(-2.7893294577px);
  }
  40% {
    transform: translateY(7px) translateX(-2.3776412907px);
  }
  42% {
    transform: translateY(7.35px) translateX(-1.9371663223px);
  }
  44% {
    transform: translateY(7.7px) translateX(-1.4734308761px);
  }
  46% {
    transform: translateY(8.05px) translateX(-0.9921147013px);
  }
  48% {
    transform: translateY(8.4px) translateX(-0.4990133642px);
  }
  50% {
    transform: translateY(8.75px) translateX(0px);
  }
  52% {
    transform: translateY(9.1px) translateX(0.4990133642px);
  }
  54% {
    transform: translateY(9.45px) translateX(0.9921147013px);
  }
  56% {
    transform: translateY(9.8px) translateX(1.4734308761px);
  }
  58% {
    transform: translateY(10.15px) translateX(1.9371663223px);
  }
  60% {
    transform: translateY(10.5px) translateX(2.3776412907px);
  }
  62% {
    transform: translateY(10.85px) translateX(2.7893294577px);
  }
  64% {
    transform: translateY(11.2px) translateX(3.1668946836px);
  }
  66% {
    transform: translateY(11.55px) translateX(3.5052267202px);
  }
  68% {
    transform: translateY(11.9px) translateX(3.7994756648px);
  }
  70% {
    transform: translateY(12.25px) translateX(4.0450849719px);
  }
  72% {
    transform: translateY(12.6px) translateX(4.2378228353px);
  }
  74% {
    transform: translateY(12.95px) translateX(4.3738117645px);
  }
  76% {
    transform: translateY(13.3px) translateX(4.4495561885px);
  }
  78% {
    transform: translateY(13.65px) translateX(4.4619679282px);
  }
  80% {
    transform: translateY(14px) translateX(4.4083893922px);
  }
  82% {
    transform: translateY(14.35px) translateX(4.2866143598px);
  }
  84% {
    transform: translateY(14.7px) translateX(4.0949062299px);
  }
  86% {
    transform: translateY(15.05px) translateX(3.8320136241px);
  }
  88% {
    transform: translateY(15.4px) translateX(3.4971832505px);
  }
  90% {
    transform: translateY(15.75px) translateX(3.0901699438px);
  }
  92% {
    transform: translateY(16.1px) translateX(2.6112438152px);
  }
  94% {
    transform: translateY(16.45px) translateX(2.0611944605px);
  }
  96% {
    transform: translateY(16.8px) translateX(1.441332186px);
  }
  98% {
    transform: translateY(17.15px) translateX(0.7534862344px);
  }
  100% {
    transform: translateY(17.5px) translateX(0.0000000001px);
  }
}
/* Tornado */
@keyframes translateTornado1 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(3.997px);
  }
  75% {
    transform: translateX(-3.997px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes translateTornado2 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(2.002px);
  }
  75% {
    transform: translateX(-2.002px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes translateTornado3 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(8.001px);
  }
  75% {
    transform: translateX(-8.001px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes translateTornado4 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(5.999px);
  }
  75% {
    transform: translateX(-5.999px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes translateTornado5 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(10.003px);
  }
  75% {
    transform: translateX(-10.003px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes translateTornado6 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(5.999px);
  }
  75% {
    transform: translateX(-5.999px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes fillOpacityLightning {
  0% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  1% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
  7% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  50% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  51% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
  53% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  54% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
  60% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  100% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
}
@keyframes translateFog {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(2.499px);
  }
  75% {
    transform: translateX(-2.499px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes fillOpacityFog {
  0% {
    fill-opacity: 0.5;
    stroke-opacity: 0.5;
  }
  50% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
  100% {
    fill-opacity: 0.5;
    stroke-opacity: 0.5;
  }
}
@keyframes translateSunrise {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-16.002px);
  }
  100% {
    transform: translateY(-16.002px);
  }
}
@keyframes translateSunset {
  0% {
    transform: translateY(-16.002px);
  }
  25% {
    transform: translateY(-3.997px);
  }
  100% {
    transform: translateY(-3.997px);
  }
}
@keyframes translateArrowDown {
  0% {
    transform: translateY(2.002px);
  }
  100% {
    transform: translateY(4.998px);
  }
}
@keyframes translateArrowUp {
  0% {
    transform: translateY(-2.002px);
  }
  100% {
    transform: translateY(-4.998px);
  }
}
@keyframes translateWind {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(4.998px);
  }
  75% {
    transform: translateX(-4.998px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  100% {
    top: 2.8125em;
    left: 0.875em;
    width: 1.5625em;
  }
}
@keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}
@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
body.swal2-toast-shown .swal2-container {
  position: fixed;
  background-color: transparent;
}
body.swal2-toast-shown .swal2-container.swal2-shown {
  background-color: transparent;
}
body.swal2-toast-shown .swal2-container.swal2-top {
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}
body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-center {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
}
body.swal2-toast-shown .swal2-container.swal2-bottom {
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
}
body.swal2-toast-column .swal2-toast {
  flex-direction: column;
  align-items: stretch;
}
body.swal2-toast-column .swal2-toast .swal2-actions {
  flex: 1;
  align-self: stretch;
  height: 2.2em;
  margin-top: 0.3125em;
}
body.swal2-toast-column .swal2-toast .swal2-loading {
  justify-content: center;
}
body.swal2-toast-column .swal2-toast .swal2-input {
  height: 2em;
  margin: 0.3125em auto;
  font-size: 1em;
}
body.swal2-toast-column .swal2-toast .swal2-validation-message {
  font-size: 1em;
}

.swal2-popup.swal2-toast {
  flex-direction: row;
  align-items: center;
  width: auto;
  padding: 0.625em;
  box-shadow: 0 0 0.625em #d9d9d9;
  overflow-y: hidden;
}
.swal2-popup.swal2-toast .swal2-header {
  flex-direction: row;
}
.swal2-popup.swal2-toast .swal2-title {
  flex-grow: 1;
  justify-content: flex-start;
  margin: 0 0.6em;
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-footer {
  margin: 0.5em 0 0;
  padding: 0.5em 0 0;
  font-size: 0.8em;
}
.swal2-popup.swal2-toast .swal2-close {
  position: initial;
  width: 0.8em;
  height: 0.8em;
  line-height: 0.8;
}
.swal2-popup.swal2-toast .swal2-content {
  justify-content: flex-start;
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-icon {
  width: 2em;
  min-width: 2em;
  height: 2em;
  margin: 0;
}
.swal2-popup.swal2-toast .swal2-icon-text {
  font-size: 2em;
  font-weight: bold;
  line-height: 1em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  top: 0.875em;
  width: 1.375em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-actions {
  height: auto;
  margin: 0 0.3125em;
}
.swal2-popup.swal2-toast .swal2-styled {
  margin: 0 0.3125em;
  padding: 0.3125em 0.625em;
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-styled:focus {
  box-shadow: 0 0 0 0.0625em #fff, 0 0 0 0.125em rgba(50, 100, 150, 0.4);
}
.swal2-popup.swal2-toast .swal2-success {
  border-color: #a5dc86;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 2em;
  height: 2.8125em;
  transform: rotate(45deg);
  border-radius: 50%;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.25em;
  left: -0.9375em;
  transform: rotate(-45deg);
  transform-origin: 2em 2em;
  border-radius: 4em 0 0 4em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.25em;
  left: 0.9375em;
  transform-origin: 0 2em;
  border-radius: 0 4em 4em 0;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
  top: 0;
  left: 0.4375em;
  width: 0.4375em;
  height: 2.6875em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
  height: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
  top: 1.125em;
  left: 0.1875em;
  width: 0.75em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
  top: 0.9375em;
  right: 0.1875em;
  width: 1.375em;
}
.swal2-popup.swal2-toast.swal2-show {
  animation: showSweetToast 0.5s;
}
.swal2-popup.swal2-toast.swal2-hide {
  animation: hideSweetToast 0.2s forwards;
}
.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip {
  animation: animate-toast-success-tip 0.75s;
}
.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long {
  animation: animate-toast-success-long 0.75s;
}

@keyframes showSweetToast {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
    opacity: 0;
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
    opacity: 0.5;
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
    opacity: 0.7;
  }
  100% {
    transform: translateY(0) rotateZ(0);
    opacity: 1;
  }
}
@keyframes hideSweetToast {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 0.5;
  }
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
@keyframes animate-toast-success-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }
  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }
  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}
@keyframes animate-toast-success-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }
  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }
  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }
  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: hidden;
}
body.swal2-height-auto {
  height: auto !important;
}
body.swal2-no-backdrop .swal2-shown {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  background-color: transparent;
}
body.swal2-no-backdrop .swal2-shown > .swal2-modal {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
body.swal2-no-backdrop .swal2-shown.swal2-top {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-no-backdrop .swal2-shown.swal2-top-start, body.swal2-no-backdrop .swal2-shown.swal2-top-left {
  top: 0;
  left: 0;
}
body.swal2-no-backdrop .swal2-shown.swal2-top-end, body.swal2-no-backdrop .swal2-shown.swal2-top-right {
  top: 0;
  right: 0;
}
body.swal2-no-backdrop .swal2-shown.swal2-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.swal2-no-backdrop .swal2-shown.swal2-center-start, body.swal2-no-backdrop .swal2-shown.swal2-center-left {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
body.swal2-no-backdrop .swal2-shown.swal2-center-end, body.swal2-no-backdrop .swal2-shown.swal2-center-right {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
body.swal2-no-backdrop .swal2-shown.swal2-bottom {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-no-backdrop .swal2-shown.swal2-bottom-start, body.swal2-no-backdrop .swal2-shown.swal2-bottom-left {
  bottom: 0;
  left: 0;
}
body.swal2-no-backdrop .swal2-shown.swal2-bottom-end, body.swal2-no-backdrop .swal2-shown.swal2-bottom-right {
  right: 0;
  bottom: 0;
}

.swal2-container {
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: transparent;
  z-index: 1060;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.swal2-container.swal2-top {
  align-items: flex-start;
}
.swal2-container.swal2-top-start, .swal2-container.swal2-top-left {
  align-items: flex-start;
  justify-content: flex-start;
}
.swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
  align-items: flex-start;
  justify-content: flex-end;
}
.swal2-container.swal2-center {
  align-items: center;
}
.swal2-container.swal2-center-start, .swal2-container.swal2-center-left {
  align-items: center;
  justify-content: flex-start;
}
.swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
  align-items: center;
  justify-content: flex-end;
}
.swal2-container.swal2-bottom {
  align-items: flex-end;
}
.swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left {
  align-items: flex-end;
  justify-content: flex-start;
}
.swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
  align-items: flex-end;
  justify-content: flex-end;
}
.swal2-container.swal2-grow-fullscreen > .swal2-modal {
  display: flex !important;
  flex: 1;
  align-self: stretch;
  justify-content: center;
}
.swal2-container.swal2-grow-row > .swal2-modal {
  display: flex !important;
  flex: 1;
  align-content: center;
  justify-content: center;
}
.swal2-container.swal2-grow-column {
  flex: 1;
  flex-direction: column;
}
.swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom {
  align-items: center;
}
.swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left {
  align-items: flex-start;
}
.swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right {
  align-items: flex-end;
}
.swal2-container.swal2-grow-column > .swal2-modal {
  display: flex !important;
  flex: 1;
  align-content: center;
  justify-content: center;
}
.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
  margin: auto;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-container .swal2-modal {
    margin: 0 !important;
  }
}
.swal2-container.swal2-fade {
  transition: background-color 0.1s;
}
.swal2-container.swal2-shown {
  background-color: rgba(0, 0, 0, 0.4);
}

.swal2-popup {
  display: none;
  position: relative;
  flex-direction: column;
  justify-content: center;
  width: 32em;
  max-width: 100%;
  padding: 1.25em;
  border-radius: 0.3125em;
  background: #fff;
  font-family: inherit;
  font-size: 1rem;
  box-sizing: border-box;
}
.swal2-popup:focus {
  outline: none;
}
.swal2-popup.swal2-loading {
  overflow-y: hidden;
}
.swal2-popup .swal2-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.swal2-popup .swal2-title {
  display: block;
  position: relative;
  max-width: 100%;
  margin: 0 0 0.4em;
  padding: 0;
  color: #595959;
  font-size: 1.875em;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word;
}
.swal2-popup .swal2-actions {
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 1.25em auto 0;
  z-index: 1;
}
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
  opacity: 0.4;
}
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
  width: 2.5em;
  height: 2.5em;
  margin: 0.46875em;
  padding: 0;
  border: 0.25em solid transparent;
  border-radius: 100%;
  border-color: transparent;
  background-color: transparent !important;
  color: transparent;
  cursor: default;
  box-sizing: border-box;
  animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  user-select: none;
}
.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
  margin-right: 30px;
  margin-left: 30px;
}
.swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 5px;
  border: 3px solid #999999;
  border-radius: 50%;
  border-right-color: transparent;
  box-shadow: 1px 1px 1px #fff;
  content: "";
  animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
}
.swal2-popup .swal2-styled {
  margin: 0.3125em;
  padding: 0.625em 2em;
  font-weight: 500;
  box-shadow: none;
}
.swal2-popup .swal2-styled:not([disabled]) {
  cursor: pointer;
}
.swal2-popup .swal2-styled.swal2-confirm {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #3085d6;
  color: #fff;
  font-size: 1.0625em;
}
.swal2-popup .swal2-styled.swal2-cancel {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #aaa;
  color: #fff;
  font-size: 1.0625em;
}
.swal2-popup .swal2-styled:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, 0.4);
}
.swal2-popup .swal2-styled::-moz-focus-inner {
  border: 0;
}
.swal2-popup .swal2-footer {
  justify-content: center;
  margin: 1.25em 0 0;
  padding: 1em 0 0;
  border-top: 1px solid #eee;
  color: #545454;
  font-size: 1em;
}
.swal2-popup .swal2-image {
  max-width: 100%;
  margin: 1.25em auto;
}
.swal2-popup .swal2-close {
  position: absolute;
  top: 0;
  right: 0;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  padding: 0;
  transition: color 0.1s ease-out;
  border: none;
  border-radius: 0;
  outline: initial;
  background: transparent;
  color: #cccccc;
  font-family: serif;
  font-size: 2.5em;
  line-height: 1.2;
  cursor: pointer;
  overflow: hidden;
}
.swal2-popup .swal2-close:hover {
  transform: none;
  color: #f27474;
}
.swal2-popup > .swal2-input,
.swal2-popup > .swal2-file,
.swal2-popup > .swal2-textarea,
.swal2-popup > .swal2-select,
.swal2-popup > .swal2-radio,
.swal2-popup > .swal2-checkbox {
  display: none;
}
.swal2-popup .swal2-content {
  justify-content: center;
  margin: 0;
  padding: 0;
  color: #545454;
  font-size: 1.125em;
  font-weight: 300;
  line-height: normal;
  z-index: 1;
  word-wrap: break-word;
}
.swal2-popup #swal2-content {
  text-align: center;
}
.swal2-popup .swal2-input,
.swal2-popup .swal2-file,
.swal2-popup .swal2-textarea,
.swal2-popup .swal2-select,
.swal2-popup .swal2-radio,
.swal2-popup .swal2-checkbox {
  margin: 1em auto;
}
.swal2-popup .swal2-input,
.swal2-popup .swal2-file,
.swal2-popup .swal2-textarea {
  width: 100%;
  transition: border-color 0.3s, box-shadow 0.3s;
  border: 1px solid #d9d9d9;
  border-radius: 0.1875em;
  font-size: 1.125em;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
}
.swal2-popup .swal2-input.swal2-inputerror,
.swal2-popup .swal2-file.swal2-inputerror,
.swal2-popup .swal2-textarea.swal2-inputerror {
  border-color: #f27474 !important;
  box-shadow: 0 0 2px #f27474 !important;
}
.swal2-popup .swal2-input:focus,
.swal2-popup .swal2-file:focus,
.swal2-popup .swal2-textarea:focus {
  border: 1px solid #b4dbed;
  outline: none;
  box-shadow: 0 0 3px #c4e6f5;
}
.swal2-popup .swal2-input::placeholder,
.swal2-popup .swal2-file::placeholder,
.swal2-popup .swal2-textarea::placeholder {
  color: #cccccc;
}
.swal2-popup .swal2-range input {
  width: 80%;
}
.swal2-popup .swal2-range output {
  width: 20%;
  font-weight: 600;
  text-align: center;
}
.swal2-popup .swal2-range input,
.swal2-popup .swal2-range output {
  height: 2.625em;
  margin: 1em auto;
  padding: 0;
  font-size: 1.125em;
  line-height: 2.625em;
}
.swal2-popup .swal2-input {
  height: 2.625em;
  padding: 0 0.75em;
}
.swal2-popup .swal2-input[type=number] {
  max-width: 10em;
}
.swal2-popup .swal2-file {
  font-size: 1.125em;
}
.swal2-popup .swal2-textarea {
  height: 6.75em;
  padding: 0.75em;
}
.swal2-popup .swal2-select {
  min-width: 50%;
  max-width: 100%;
  padding: 0.375em 0.625em;
  color: #545454;
  font-size: 1.125em;
}
.swal2-popup .swal2-radio,
.swal2-popup .swal2-checkbox {
  align-items: center;
  justify-content: center;
}
.swal2-popup .swal2-radio label,
.swal2-popup .swal2-checkbox label {
  margin: 0 0.6em;
  font-size: 1.125em;
}
.swal2-popup .swal2-radio input,
.swal2-popup .swal2-checkbox input {
  margin: 0 0.4em;
}
.swal2-popup .swal2-validation-message {
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0.625em;
  background: #f0f0f0;
  color: #666666;
  font-size: 1em;
  font-weight: 300;
  overflow: hidden;
}
.swal2-popup .swal2-validation-message::before {
  display: inline-block;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  margin: 0 0.625em;
  border-radius: 50%;
  background-color: #f27474;
  color: #fff;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
  content: "!";
  zoom: normal;
}

@supports (-ms-accelerator: true) {
  .swal2-range input {
    width: 100% !important;
  }
  .swal2-range output {
    display: none;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-range input {
    width: 100% !important;
  }
  .swal2-range output {
    display: none;
  }
}
@-moz-document url-prefix() {
  .swal2-close:focus {
    outline: 2px solid rgba(50, 100, 150, 0.4);
  }
}
.swal2-icon {
  position: relative;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 1.25em auto 1.875em;
  border: 0.25em solid transparent;
  border-radius: 50%;
  line-height: 5em;
  cursor: default;
  box-sizing: content-box;
  user-select: none;
  zoom: normal;
}
.swal2-icon-text {
  font-size: 3.75em;
}
.swal2-icon.swal2-error {
  border-color: #f27474;
}
.swal2-icon.swal2-error .swal2-x-mark {
  position: relative;
  flex-grow: 1;
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  display: block;
  position: absolute;
  top: 2.3125em;
  width: 2.9375em;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #f27474;
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 1.0625em;
  transform: rotate(45deg);
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 1em;
  transform: rotate(-45deg);
}
.swal2-icon.swal2-warning {
  border-color: #facea8;
  color: #f8bb86;
}
.swal2-icon.swal2-info {
  border-color: #9de0f6;
  color: #3fc3ee;
}
.swal2-icon.swal2-question {
  border-color: #c9dae1;
  color: #87adbd;
}
.swal2-icon.swal2-success {
  border-color: #a5dc86;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 3.75em;
  height: 7.5em;
  transform: rotate(45deg);
  border-radius: 50%;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.4375em;
  left: -2.0635em;
  transform: rotate(-45deg);
  transform-origin: 3.75em 3.75em;
  border-radius: 7.5em 0 0 7.5em;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.6875em;
  left: 1.875em;
  transform: rotate(-45deg);
  transform-origin: 0 3.75em;
  border-radius: 0 7.5em 7.5em 0;
}
.swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  top: -0.25em;
  left: -0.25em;
  width: 100%;
  height: 100%;
  border: 0.25em solid rgba(165, 220, 134, 0.3);
  border-radius: 50%;
  z-index: 2;
  box-sizing: content-box;
}
.swal2-icon.swal2-success .swal2-success-fix {
  position: absolute;
  top: 0.5em;
  left: 1.625em;
  width: 0.4375em;
  height: 5.625em;
  transform: rotate(-45deg);
  z-index: 1;
}
.swal2-icon.swal2-success [class^=swal2-success-line] {
  display: block;
  position: absolute;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #a5dc86;
  z-index: 2;
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
  top: 2.875em;
  left: 0.875em;
  width: 1.5625em;
  transform: rotate(45deg);
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
  top: 2.375em;
  right: 0.5em;
  width: 2.9375em;
  transform: rotate(-45deg);
}

.swal2-progresssteps {
  align-items: center;
  margin: 0 0 1.25em;
  padding: 0;
  font-weight: 600;
}
.swal2-progresssteps li {
  display: inline-block;
  position: relative;
}
.swal2-progresssteps .swal2-progresscircle {
  width: 2em;
  height: 2em;
  border-radius: 2em;
  background: #3085d6;
  color: #fff;
  line-height: 2em;
  text-align: center;
  z-index: 20;
}
.swal2-progresssteps .swal2-progresscircle:first-child {
  margin-left: 0;
}
.swal2-progresssteps .swal2-progresscircle:last-child {
  margin-right: 0;
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
  background: #3085d6;
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle {
  background: #add8e6;
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline {
  background: #add8e6;
}
.swal2-progresssteps .swal2-progressline {
  width: 2.5em;
  height: 0.4em;
  margin: 0 -1px;
  background: #3085d6;
  z-index: 10;
}

[class^=swal2] {
  -webkit-tap-highlight-color: transparent;
}

.swal2-show {
  animation: swal2-show 0.3s;
}
.swal2-show.swal2-noanimation {
  animation: none;
}

.swal2-hide {
  animation: swal2-hide 0.15s forwards;
}
.swal2-hide.swal2-noanimation {
  animation: none;
}

.swal2-rtl .swal2-close {
  right: auto;
  left: 0;
}

.swal2-animate-success-icon .swal2-success-line-tip {
  animation: swal2-animate-success-line-tip 0.75s;
}
.swal2-animate-success-icon .swal2-success-line-long {
  animation: swal2-animate-success-line-long 0.75s;
}
.swal2-animate-success-icon .swal2-success-circular-line-right {
  animation: swal2-rotate-success-circular-line 4.25s ease-in;
}

.swal2-animate-error-icon {
  animation: swal2-animate-error-icon 0.5s;
}
.swal2-animate-error-icon .swal2-x-mark {
  animation: swal2-animate-error-x-mark 0.5s;
}

@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media print {
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: scroll !important;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
    display: none;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
    position: initial !important;
  }
}
/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2024
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}
/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2024
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
:root{--tagify-dd-color-primary:rgb(53,149,246);--tagify-dd-bg-color:white;--tagify-dd-item-pad:.3em .5em}.tagify{--tags-disabled-bg:#F1F1F1;--tags-border-color:#DDD;--tags-hover-border-color:#CCC;--tags-focus-border-color:#3595f6;--tag-border-radius:3px;--tag-bg:#E5E5E5;--tag-hover:#D3E2E2;--tag-text-color:black;--tag-text-color--edit:black;--tag-pad:0.3em 0.5em;--tag-inset-shadow-size:1.1em;--tag-invalid-color:#D39494;--tag-invalid-bg:rgba(211, 148, 148, 0.5);--tag-remove-bg:rgba(211, 148, 148, 0.3);--tag-remove-btn-color:black;--tag-remove-btn-bg:none;--tag-remove-btn-bg--hover:#c77777;--input-color:inherit;--tag--min-width:1ch;--tag--max-width:auto;--tag-hide-transition:0.3s;--placeholder-color:rgba(0, 0, 0, 0.4);--placeholder-color-focus:rgba(0, 0, 0, 0.25);--loader-size:.8em;--readonly-striped:1;display:inline-flex;align-items:flex-start;flex-wrap:wrap;border:1px solid var(--tags-border-color);padding:0;line-height:0;cursor:text;outline:0;position:relative;box-sizing:border-box;transition:.1s}@keyframes tags--bump{30%{transform:scale(1.2)}}@keyframes rotateLoader{to{transform:rotate(1turn)}}.tagify:hover:not(.tagify--focus):not(.tagify--invalid){--tags-border-color:var(--tags-hover-border-color)}.tagify[disabled]{background:var(--tags-disabled-bg);filter:saturate(0);opacity:.5;pointer-events:none}.tagify[disabled].tagify--select,.tagify[readonly].tagify--select{pointer-events:none}.tagify[disabled]:not(.tagify--mix):not(.tagify--select),.tagify[readonly]:not(.tagify--mix):not(.tagify--select){cursor:default}.tagify[disabled]:not(.tagify--mix):not(.tagify--select)>.tagify__input,.tagify[readonly]:not(.tagify--mix):not(.tagify--select)>.tagify__input{visibility:hidden;width:0;margin:5px 0}.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div{padding:var(--tag-pad)}.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before{animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused}@keyframes readonlyStyles{0%{background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;box-shadow:none;filter:brightness(.95)}}.tagify[disabled] .tagify__tag__removeBtn,.tagify[readonly] .tagify__tag__removeBtn{display:none}.tagify--loading .tagify__input>br:last-child{display:none}.tagify--loading .tagify__input::before{content:none}.tagify--loading .tagify__input::after{content:"";vertical-align:middle;opacity:1;width:.7em;height:.7em;width:var(--loader-size);height:var(--loader-size);min-width:0;border:3px solid;border-color:#eee #bbb #888 transparent;border-radius:50%;animation:rotateLoader .4s infinite linear;content:""!important;margin:-2px 0 -2px .5em}.tagify--loading .tagify__input:empty::after{margin-left:0}.tagify+input,.tagify+textarea{position:absolute!important;left:-9999em!important;transform:scale(0)!important}.tagify__tag{display:inline-flex;align-items:center;margin:5px 0 5px 5px;position:relative;z-index:1;outline:0;line-height:normal;cursor:default;transition:.13s ease-out}.tagify__tag>div{vertical-align:top;box-sizing:border-box;max-width:100%;padding:var(--tag-pad);color:var(--tag-text-color);line-height:inherit;border-radius:var(--tag-border-radius);white-space:nowrap;transition:.13s ease-out}.tagify__tag>div>*{white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:top;min-width:var(--tag--min-width);max-width:var(--tag--max-width);transition:.8s ease,.1s color}.tagify__tag>div>[contenteditable]{outline:0;-webkit-user-select:text;user-select:text;cursor:text;margin:-2px;padding:2px;max-width:350px}.tagify__tag>div::before{content:"";position:absolute;border-radius:inherit;inset:var(--tag-bg-inset,0);z-index:-1;pointer-events:none;transition:120ms ease;animation:tags--bump .3s ease-out 1;box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset}.tagify__tag:focus div::before,.tagify__tag:hover:not([readonly]) div::before{--tag-bg-inset:-2.5px;--tag-bg:var(--tag-hover)}.tagify__tag--loading{pointer-events:none}.tagify__tag--loading .tagify__tag__removeBtn{display:none}.tagify__tag--loading::after{--loader-size:.4em;content:"";vertical-align:middle;opacity:1;width:.7em;height:.7em;width:var(--loader-size);height:var(--loader-size);min-width:0;border:3px solid;border-color:#eee #bbb #888 transparent;border-radius:50%;animation:rotateLoader .4s infinite linear;margin:0 .5em 0 -.1em}.tagify__tag--flash div::before{animation:none}.tagify__tag--hide{width:0!important;padding-left:0;padding-right:0;margin-left:0;margin-right:0;opacity:0;transform:scale(0);transition:var(--tag-hide-transition);pointer-events:none}.tagify__tag--hide>div>*{white-space:nowrap}.tagify__tag.tagify--noAnim>div::before{animation:none}.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span{opacity:.5}.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before{--tag-bg:var(--tag-invalid-bg);transition:.2s}.tagify__tag[readonly] .tagify__tag__removeBtn{display:none}.tagify__tag[readonly]>div::before{animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused}@keyframes readonlyStyles{0%{background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;box-shadow:none;filter:brightness(.95)}}.tagify__tag--editable>div{color:var(--tag-text-color--edit)}.tagify__tag--editable>div::before{box-shadow:0 0 0 2px var(--tag-hover) inset!important}.tagify__tag--editable>.tagify__tag__removeBtn{pointer-events:none}.tagify__tag--editable>.tagify__tag__removeBtn::after{opacity:0;transform:translateX(100%) translateX(5px)}.tagify__tag--editable.tagify--invalid>div::before{box-shadow:0 0 0 2px var(--tag-invalid-color) inset!important}.tagify__tag__removeBtn{order:5;display:inline-flex;align-items:center;justify-content:center;border-radius:50px;cursor:pointer;font:14px/1 Arial;background:var(--tag-remove-btn-bg);color:var(--tag-remove-btn-color);width:14px;height:14px;margin-right:4.6666666667px;margin-left:auto;overflow:hidden;transition:.2s ease-out}.tagify__tag__removeBtn::after{content:"×";transition:.3s,color 0s}.tagify__tag__removeBtn:hover{color:#fff;background:var(--tag-remove-btn-bg--hover)}.tagify__tag__removeBtn:hover+div>span{opacity:.5}.tagify__tag__removeBtn:hover+div::before{box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg,rgba(211,148,148,.3)) inset!important;transition:box-shadow .2s}.tagify:not(.tagify--mix) .tagify__input br{display:none}.tagify:not(.tagify--mix) .tagify__input *{display:inline;white-space:nowrap}.tagify__input{flex-grow:1;display:inline-block;min-width:110px;margin:5px;padding:var(--tag-pad);line-height:normal;position:relative;white-space:pre-wrap;color:var(--input-color);box-sizing:inherit}.tagify__input:empty::before{position:static}.tagify__input:focus{outline:0}.tagify__input:focus::before{transition:.2s ease-out;opacity:0;transform:translatex(6px)}@supports (-ms-ime-align:auto){.tagify__input:focus::before{display:none}}.tagify__input:focus:empty::before{transition:.2s ease-out;opacity:1;transform:none;color:rgba(0,0,0,.25);color:var(--placeholder-color-focus)}@-moz-document url-prefix(){.tagify__input:focus:empty::after{display:none}}.tagify__input::before{content:attr(data-placeholder);height:1em;line-height:1em;margin:auto 0;z-index:1;color:var(--placeholder-color);white-space:nowrap;pointer-events:none;opacity:0;position:absolute}.tagify__input::after{content:attr(data-suggest);display:inline-block;vertical-align:middle;position:absolute;min-width:calc(100% - 1.5em);text-overflow:ellipsis;overflow:hidden;white-space:pre;color:var(--tag-text-color);opacity:.3;pointer-events:none;max-width:100px}.tagify__input .tagify__tag{margin:0 1px}.tagify--mix{display:block}.tagify--mix .tagify__input{padding:5px;margin:0;width:100%;height:100%;line-height:1.5;display:block}.tagify--mix .tagify__input::before{height:auto;display:none;line-height:inherit}.tagify--mix .tagify__input::after{content:none}.tagify--select::after{content:">";opacity:.5;position:absolute;top:50%;right:0;bottom:0;font:16px monospace;line-height:8px;height:8px;pointer-events:none;transform:translate(-150%,-50%) scaleX(1.2) rotate(90deg);transition:.2s ease-in-out}.tagify--select[aria-expanded=true]::after{transform:translate(-150%,-50%) rotate(270deg) scaleY(1.2)}.tagify--select .tagify__tag{position:absolute;top:0;right:1.8em;bottom:0}.tagify--select .tagify__tag div{display:none}.tagify--select .tagify__input{width:100%}.tagify--empty .tagify__input::before{transition:.2s ease-out;opacity:1;transform:none;display:inline-block;width:auto}.tagify--mix .tagify--empty .tagify__input::before{display:inline-block}.tagify--focus{--tags-border-color:var(--tags-focus-border-color);transition:0s}.tagify--invalid{--tags-border-color:#D39494}.tagify__dropdown{position:absolute;z-index:9999;transform:translateY(1px);overflow:hidden}.tagify__dropdown[placement=top]{margin-top:0;transform:translateY(-100%)}.tagify__dropdown[placement=top] .tagify__dropdown__wrapper{border-top-width:1.1px;border-bottom-width:0}.tagify__dropdown[position=text]{box-shadow:0 0 0 3px rgba(var(--tagify-dd-color-primary),.1);font-size:.9em}.tagify__dropdown[position=text] .tagify__dropdown__wrapper{border-width:1px}.tagify__dropdown__wrapper{max-height:300px;overflow:auto;overflow-x:hidden;background:var(--tagify-dd-bg-color);border:1px solid;border-color:var(--tagify-dd-color-primary);border-bottom-width:1.5px;border-top-width:0;box-shadow:0 2px 4px -2px rgba(0,0,0,.2);transition:.25s cubic-bezier(0,1,.5,1)}.tagify__dropdown__header:empty{display:none}.tagify__dropdown__footer{display:inline-block;margin-top:.5em;padding:var(--tagify-dd-item-pad);font-size:.7em;font-style:italic;opacity:.5}.tagify__dropdown__footer:empty{display:none}.tagify__dropdown--initial .tagify__dropdown__wrapper{max-height:20px;transform:translateY(-1em)}.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper{transform:translateY(2em)}.tagify__dropdown__item{box-sizing:border-box;padding:var(--tagify-dd-item-pad);margin:1px;cursor:pointer;border-radius:2px;position:relative;outline:0;max-height:60px;max-width:100%}.tagify__dropdown__item--active{background:var(--tagify-dd-color-primary);color:#fff}.tagify__dropdown__item:active{filter:brightness(105%)}.tagify__dropdown__item--hidden{padding-top:0;padding-bottom:0;margin:0 1px;pointer-events:none;overflow:hidden;max-height:0;transition:var(--tagify-dd-item--hidden-duration,.3s)!important}.tagify__dropdown__item--hidden>*{transform:translateY(-100%);opacity:0;transition:inherit}
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "themify";
  src: image_path("fonts/admin/themify/themify.eot?-fvbane");
  src: image_path("fonts/themify/themify.eot?#iefix-fvbane") format("embedded-opentype"), image_path("fonts/themify/themify.woff?-fvbane") format("woff"), image_path("fonts/themify//themify.ttf?-fvbane") format("truetype"), image_path("fonts/themify/themify.svg?-fvbane#themify") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-],
[class*=" icon-"] {
  font-family: "themify";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  *margin-right: 0.3em;
}

[class^=icon-]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}

/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.3333333333em;
}

/* makes sure icons active on rollover in links */
a [class^=icon-],
a [class*=" icon-"] {
  display: inline;
}

/* increased font size for icon-large */
[class^=icon-].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
  display: inline-block;
  width: 1.1428571429em;
  text-align: right;
  padding-right: 0.2857142857em;
}
[class^=icon-].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
  width: 1.4285714286em;
}

.icons-ul {
  margin-left: 2.1428571429em;
  list-style-type: none;
}
.icons-ul > li {
  position: relative;
}
.icons-ul .icon-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  text-align: center;
  line-height: inherit;
}

[class^=icon-].hide,
[class*=" icon-"].hide {
  display: none;
}

.icon-muted {
  color: #eeeeee;
}

.icon-light {
  color: white;
}

.icon-dark {
  color: #333333;
}

.icon-border {
  border: solid 1px #eeeeee;
  padding: 0.2em 0.25em 0.15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.icon-2x {
  font-size: 2em;
}
.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.icon-3x {
  font-size: 3em;
}
.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.icon-4x {
  font-size: 4em;
}
.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.icon-5x {
  font-size: 5em;
}
.icon-5x.icon-border {
  border-width: 5px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

[class^=icon-].pull-left,
[class*=" icon-"].pull-left {
  margin-right: 0.3em;
}
[class^=icon-].pull-right,
[class*=" icon-"].pull-right {
  margin-left: 0.3em;
}

/* EXTRAS
 * -------------------------- */
/* Stacked and layered icon */
.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: -35%;
}
.icon-stack [class^=icon-],
.icon-stack [class*=" icon-"] {
  display: block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 1em;
  line-height: inherit;
  *line-height: 2em;
}
.icon-stack .icon-stack-base {
  font-size: 2em;
  *line-height: 1em;
}

/* Animated rotating icon */
.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

/* Prevent stack and spinners from being taken inline when inside a link */
a .icon-stack,
a .icon-spin {
  display: inline-block;
  text-decoration: none;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Icon rotations and mirroring */
.icon-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.icon-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.icon-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.icon-flip-horizontal:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.icon-flip-vertical:before {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}

/* ensure rotation occurs inside anchor tags */
a .icon-rotate-90:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-flip-horizontal:before, a .icon-flip-vertical:before {
  display: inline-block;
}

.icon-wand:before {
  content: "\e600";
}

.icon-volume:before {
  content: "\e601";
}

.icon-user:before {
  content: "\e602";
}

.icon-unlock:before {
  content: "\e603";
}

.icon-unlink:before {
  content: "\e604";
}

.icon-trash:before {
  content: "\e605";
}

.icon-thought:before {
  content: "\e606";
}

.icon-target:before {
  content: "\e607";
}

.icon-tag:before {
  content: "\e608";
}

.icon-tablet:before {
  content: "\e609";
}

.icon-star:before {
  content: "\e60a";
}

.icon-spray:before {
  content: "\e60b";
}

.icon-signal:before {
  content: "\e60c";
}

.icon-shopping-cart:before {
  content: "\e60d";
}

.icon-shopping-cart-full:before {
  content: "\e60e";
}

.icon-settings:before {
  content: "\e60f";
}

.icon-search:before {
  content: "\e610";
}

.icon-zoom-in:before {
  content: "\e611";
}

.icon-zoom-out:before {
  content: "\e612";
}

.icon-cut:before {
  content: "\e613";
}

.icon-ruler:before {
  content: "\e614";
}

.icon-ruler-pencil:before {
  content: "\e615";
}

.icon-ruler-alt:before {
  content: "\e616";
}

.icon-bookmark:before {
  content: "\e617";
}

.icon-bookmark-alt:before {
  content: "\e618";
}

.icon-reload:before {
  content: "\e619";
}

.icon-plus:before {
  content: "\e61a";
}

.icon-pin:before {
  content: "\e61b";
}

.icon-pencil:before {
  content: "\e61c";
}

.icon-pencil-alt:before {
  content: "\e61d";
}

.icon-paint-roller:before {
  content: "\e61e";
}

.icon-paint-bucket:before {
  content: "\e61f";
}

.icon-na:before {
  content: "\e620";
}

.icon-mobile:before {
  content: "\e621";
}

.icon-minus:before {
  content: "\e622";
}

.icon-medall:before {
  content: "\e623";
}

.icon-medall-alt:before {
  content: "\e624";
}

.icon-marker:before {
  content: "\e625";
}

.icon-marker-alt:before {
  content: "\e626";
}

.icon-arrow-up:before {
  content: "\e627";
}

.icon-arrow-right:before {
  content: "\e628";
}

.icon-arrow-left:before {
  content: "\e629";
}

.icon-arrow-down:before {
  content: "\e62a";
}

.icon-lock:before {
  content: "\e62b";
}

.icon-location-arrow:before {
  content: "\e62c";
}

.icon-link:before {
  content: "\e62d";
}

.icon-layout:before {
  content: "\e62e";
}

.icon-layers:before {
  content: "\e62f";
}

.icon-layers-alt:before {
  content: "\e630";
}

.icon-key:before {
  content: "\e631";
}

.icon-import:before {
  content: "\e632";
}

.icon-image:before {
  content: "\e633";
}

.icon-heart:before {
  content: "\e634";
}

.icon-heart-broken:before {
  content: "\e635";
}

.icon-hand-stop:before {
  content: "\e636";
}

.icon-hand-open:before {
  content: "\e637";
}

.icon-hand-drag:before {
  content: "\e638";
}

.icon-folder:before {
  content: "\e639";
}

.icon-flag:before {
  content: "\e63a";
}

.icon-flag-alt:before {
  content: "\e63b";
}

.icon-flag-alt-2:before {
  content: "\e63c";
}

.icon-eye:before {
  content: "\e63d";
}

.icon-export:before {
  content: "\e63e";
}

.icon-exchange-vertical:before {
  content: "\e63f";
}

.icon-desktop:before {
  content: "\e640";
}

.icon-cup:before {
  content: "\e641";
}

.icon-crown:before {
  content: "\e642";
}

.icon-comments:before {
  content: "\e643";
}

.icon-comment:before {
  content: "\e644";
}

.icon-comment-alt:before {
  content: "\e645";
}

.icon-close:before {
  content: "\e646";
}

.icon-clip:before {
  content: "\e647";
}

.icon-angle-up:before {
  content: "\e648";
}

.icon-angle-right:before {
  content: "\e649";
}

.icon-angle-left:before {
  content: "\e64a";
}

.icon-angle-down:before {
  content: "\e64b";
}

.icon-check:before {
  content: "\e64c";
}

.icon-check-box:before {
  content: "\e64d";
}

.icon-camera:before {
  content: "\e64e";
}

.icon-announcement:before {
  content: "\e64f";
}

.icon-brush:before {
  content: "\e650";
}

.icon-briefcase:before {
  content: "\e651";
}

.icon-bolt:before {
  content: "\e652";
}

.icon-bolt-alt:before {
  content: "\e653";
}

.icon-blackboard:before {
  content: "\e654";
}

.icon-bag:before {
  content: "\e655";
}

.icon-move:before {
  content: "\e656";
}

.icon-arrows-vertical:before {
  content: "\e657";
}

.icon-arrows-horizontal:before {
  content: "\e658";
}

.icon-fullscreen:before {
  content: "\e659";
}

.icon-arrow-top-right:before {
  content: "\e65a";
}

.icon-arrow-top-left:before {
  content: "\e65b";
}

.icon-arrow-circle-up:before {
  content: "\e65c";
}

.icon-arrow-circle-right:before {
  content: "\e65d";
}

.icon-arrow-circle-left:before {
  content: "\e65e";
}

.icon-arrow-circle-down:before {
  content: "\e65f";
}

.icon-angle-double-up:before {
  content: "\e660";
}

.icon-angle-double-right:before {
  content: "\e661";
}

.icon-angle-double-left:before {
  content: "\e662";
}

.icon-angle-double-down:before {
  content: "\e663";
}

.icon-zip:before {
  content: "\e664";
}

.icon-world:before {
  content: "\e665";
}

.icon-wheelchair:before {
  content: "\e666";
}

.icon-view-list:before {
  content: "\e667";
}

.icon-view-list-alt:before {
  content: "\e668";
}

.icon-view-grid:before {
  content: "\e669";
}

.icon-uppercase:before {
  content: "\e66a";
}

.icon-upload:before {
  content: "\e66b";
}

.icon-underline:before {
  content: "\e66c";
}

.icon-truck:before {
  content: "\e66d";
}

.icon-timer:before {
  content: "\e66e";
}

.icon-ticket:before {
  content: "\e66f";
}

.icon-thumb-up:before {
  content: "\e670";
}

.icon-thumb-down:before {
  content: "\e671";
}

.icon-text:before {
  content: "\e672";
}

.icon-stats-up:before {
  content: "\e673";
}

.icon-stats-down:before {
  content: "\e674";
}

.icon-split-v:before {
  content: "\e675";
}

.icon-split-h:before {
  content: "\e676";
}

.icon-smallcap:before {
  content: "\e677";
}

.icon-shine:before {
  content: "\e678";
}

.icon-shift-right:before {
  content: "\e679";
}

.icon-shift-left:before {
  content: "\e67a";
}

.icon-shield:before {
  content: "\e67b";
}

.icon-notepad:before {
  content: "\e67c";
}

.icon-server:before {
  content: "\e67d";
}

.icon-quote-right:before {
  content: "\e67e";
}

.icon-quote-left:before {
  content: "\e67f";
}

.icon-pulse:before {
  content: "\e680";
}

.icon-printer:before {
  content: "\e681";
}

.icon-power-off:before {
  content: "\e682";
}

.icon-plug:before {
  content: "\e683";
}

.icon-pie-chart:before {
  content: "\e684";
}

.icon-paragraph:before {
  content: "\e685";
}

.icon-panel:before {
  content: "\e686";
}

.icon-package:before {
  content: "\e687";
}

.icon-music:before {
  content: "\e688";
}

.icon-music-alt:before {
  content: "\e689";
}

.icon-mouse:before {
  content: "\e68a";
}

.icon-mouse-alt:before {
  content: "\e68b";
}

.icon-money:before {
  content: "\e68c";
}

.icon-microphone:before {
  content: "\e68d";
}

.icon-menu:before {
  content: "\e68e";
}

.icon-menu-alt:before {
  content: "\e68f";
}

.icon-map:before {
  content: "\e690";
}

.icon-map-alt:before {
  content: "\e691";
}

.icon-loop:before {
  content: "\e692";
}

.icon-location-pin:before {
  content: "\e693";
}

.icon-list:before {
  content: "\e694";
}

.icon-light-bulb:before {
  content: "\e695";
}

.icon-Italic:before {
  content: "\e696";
}

.icon-info:before {
  content: "\e697";
}

.icon-infinite:before {
  content: "\e698";
}

.icon-id-badge:before {
  content: "\e699";
}

.icon-hummer:before {
  content: "\e69a";
}

.icon-home:before {
  content: "\e69b";
}

.icon-help:before {
  content: "\e69c";
}

.icon-headphone:before {
  content: "\e69d";
}

.icon-harddrives:before {
  content: "\e69e";
}

.icon-harddrive:before {
  content: "\e69f";
}

.icon-gift:before {
  content: "\e6a0";
}

.icon-game:before {
  content: "\e6a1";
}

.icon-filter:before {
  content: "\e6a2";
}

.icon-files:before {
  content: "\e6a3";
}

.icon-file:before {
  content: "\e6a4";
}

.icon-eraser:before {
  content: "\e6a5";
}

.icon-envelope:before {
  content: "\e6a6";
}

.icon-download:before {
  content: "\e6a7";
}

.icon-direction:before {
  content: "\e6a8";
}

.icon-direction-alt:before {
  content: "\e6a9";
}

.icon-dashboard:before {
  content: "\e6aa";
}

.icon-control-stop:before {
  content: "\e6ab";
}

.icon-control-shuffle:before {
  content: "\e6ac";
}

.icon-control-play:before {
  content: "\e6ad";
}

.icon-control-pause:before {
  content: "\e6ae";
}

.icon-control-forward:before {
  content: "\e6af";
}

.icon-control-backward:before {
  content: "\e6b0";
}

.icon-cloud:before {
  content: "\e6b1";
}

.icon-cloud-up:before {
  content: "\e6b2";
}

.icon-cloud-down:before {
  content: "\e6b3";
}

.icon-clipboard:before {
  content: "\e6b4";
}

.icon-car:before {
  content: "\e6b5";
}

.icon-calendar:before {
  content: "\e6b6";
}

.icon-book:before {
  content: "\e6b7";
}

.icon-bell:before {
  content: "\e6b8";
}

.icon-basketball:before {
  content: "\e6b9";
}

.icon-bar-chart:before {
  content: "\e6ba";
}

.icon-bar-chart-alt:before {
  content: "\e6bb";
}

.icon-back-right:before {
  content: "\e6bc";
}

.icon-back-left:before {
  content: "\e6bd";
}

.icon-arrows-corner:before {
  content: "\e6be";
}

.icon-archive:before {
  content: "\e6bf";
}

.icon-anchor:before {
  content: "\e6c0";
}

.icon-align-right:before {
  content: "\e6c1";
}

.icon-align-left:before {
  content: "\e6c2";
}

.icon-align-justify:before {
  content: "\e6c3";
}

.icon-align-center:before {
  content: "\e6c4";
}

.icon-alert:before {
  content: "\e6c5";
}

.icon-alarm-clock:before {
  content: "\e6c6";
}

.icon-agenda:before {
  content: "\e6c7";
}

.icon-write:before {
  content: "\e6c8";
}

.icon-window:before {
  content: "\e6c9";
}

.icon-widgetized:before {
  content: "\e6ca";
}

.icon-widget:before {
  content: "\e6cb";
}

.icon-widget-alt:before {
  content: "\e6cc";
}

.icon-wallet:before {
  content: "\e6cd";
}

.icon-video-clapper:before {
  content: "\e6ce";
}

.icon-video-camera:before {
  content: "\e6cf";
}

.icon-vector:before {
  content: "\e6d0";
}

.icon-themify-logo:before {
  content: "\e6d1";
}

.icon-themify-favicon:before {
  content: "\e6d2";
}

.icon-themify-favicon-alt:before {
  content: "\e6d3";
}

.icon-support:before {
  content: "\e6d4";
}

.icon-stamp:before {
  content: "\e6d5";
}

.icon-split-v-alt:before {
  content: "\e6d6";
}

.icon-slice:before {
  content: "\e6d7";
}

.icon-shortcode:before {
  content: "\e6d8";
}

.icon-shift-right-alt:before {
  content: "\e6d9";
}

.icon-shift-left-alt:before {
  content: "\e6da";
}

.icon-ruler-alt-2:before {
  content: "\e6db";
}

.icon-receipt:before {
  content: "\e6dc";
}

.icon-pin2:before {
  content: "\e6dd";
}

.icon-pin-alt:before {
  content: "\e6de";
}

.icon-pencil-alt2:before {
  content: "\e6df";
}

.icon-palette:before {
  content: "\e6e0";
}

.icon-more:before {
  content: "\e6e1";
}

.icon-more-alt:before {
  content: "\e6e2";
}

.icon-microphone-alt:before {
  content: "\e6e3";
}

.icon-magnet:before {
  content: "\e6e4";
}

.icon-line-double:before {
  content: "\e6e5";
}

.icon-line-dotted:before {
  content: "\e6e6";
}

.icon-line-dashed:before {
  content: "\e6e7";
}

.icon-layout-width-full:before {
  content: "\e6e8";
}

.icon-layout-width-default:before {
  content: "\e6e9";
}

.icon-layout-width-default-alt:before {
  content: "\e6ea";
}

.icon-layout-tab:before {
  content: "\e6eb";
}

.icon-layout-tab-window:before {
  content: "\e6ec";
}

.icon-layout-tab-v:before {
  content: "\e6ed";
}

.icon-layout-tab-min:before {
  content: "\e6ee";
}

.icon-layout-slider:before {
  content: "\e6ef";
}

.icon-layout-slider-alt:before {
  content: "\e6f0";
}

.icon-layout-sidebar-right:before {
  content: "\e6f1";
}

.icon-layout-sidebar-none:before {
  content: "\e6f2";
}

.icon-layout-sidebar-left:before {
  content: "\e6f3";
}

.icon-layout-placeholder:before {
  content: "\e6f4";
}

.icon-layout-menu:before {
  content: "\e6f5";
}

.icon-layout-menu-v:before {
  content: "\e6f6";
}

.icon-layout-menu-separated:before {
  content: "\e6f7";
}

.icon-layout-menu-full:before {
  content: "\e6f8";
}

.icon-layout-media-right-alt:before {
  content: "\e6f9";
}

.icon-layout-media-right:before {
  content: "\e6fa";
}

.icon-layout-media-overlay:before {
  content: "\e6fb";
}

.icon-layout-media-overlay-alt:before {
  content: "\e6fc";
}

.icon-layout-media-overlay-alt-2:before {
  content: "\e6fd";
}

.icon-layout-media-left-alt:before {
  content: "\e6fe";
}

.icon-layout-media-left:before {
  content: "\e6ff";
}

.icon-layout-media-center-alt:before {
  content: "\e700";
}

.icon-layout-media-center:before {
  content: "\e701";
}

.icon-layout-list-thumb:before {
  content: "\e702";
}

.icon-layout-list-thumb-alt:before {
  content: "\e703";
}

.icon-layout-list-post:before {
  content: "\e704";
}

.icon-layout-list-large-image:before {
  content: "\e705";
}

.icon-layout-line-solid:before {
  content: "\e706";
}

.icon-layout-grid4:before {
  content: "\e707";
}

.icon-layout-grid3:before {
  content: "\e708";
}

.icon-layout-grid2:before {
  content: "\e709";
}

.icon-layout-grid2-thumb:before {
  content: "\e70a";
}

.icon-layout-cta-right:before {
  content: "\e70b";
}

.icon-layout-cta-left:before {
  content: "\e70c";
}

.icon-layout-cta-center:before {
  content: "\e70d";
}

.icon-layout-cta-btn-right:before {
  content: "\e70e";
}

.icon-layout-cta-btn-left:before {
  content: "\e70f";
}

.icon-layout-column4:before {
  content: "\e710";
}

.icon-layout-column3:before {
  content: "\e711";
}

.icon-layout-column2:before {
  content: "\e712";
}

.icon-layout-accordion-separated:before {
  content: "\e713";
}

.icon-layout-accordion-merged:before {
  content: "\e714";
}

.icon-layout-accordion-list:before {
  content: "\e715";
}

.icon-ink-pen:before {
  content: "\e716";
}

.icon-info-alt:before {
  content: "\e717";
}

.icon-help-alt:before {
  content: "\e718";
}

.icon-headphone-alt:before {
  content: "\e719";
}

.icon-hand-point-up:before {
  content: "\e71a";
}

.icon-hand-point-right:before {
  content: "\e71b";
}

.icon-hand-point-left:before {
  content: "\e71c";
}

.icon-hand-point-down:before {
  content: "\e71d";
}

.icon-gallery:before {
  content: "\e71e";
}

.icon-face-smile:before {
  content: "\e71f";
}

.icon-face-sad:before {
  content: "\e720";
}

.icon-credit-card:before {
  content: "\e721";
}

.icon-control-skip-forward:before {
  content: "\e722";
}

.icon-control-skip-backward:before {
  content: "\e723";
}

.icon-control-record:before {
  content: "\e724";
}

.icon-control-eject:before {
  content: "\e725";
}

.icon-comments-smiley:before {
  content: "\e726";
}

.icon-brush-alt:before {
  content: "\e727";
}

.icon-youtube:before {
  content: "\e728";
}

.icon-vimeo:before {
  content: "\e729";
}

.icon-twitter:before {
  content: "\e72a";
}

.icon-time:before {
  content: "\e72b";
}

.icon-tumblr:before {
  content: "\e72c";
}

.icon-skype:before {
  content: "\e72d";
}

.icon-share:before {
  content: "\e72e";
}

.icon-share-alt:before {
  content: "\e72f";
}

.icon-rocket:before {
  content: "\e730";
}

.icon-pinterest:before {
  content: "\e731";
}

.icon-new-window:before {
  content: "\e732";
}

.icon-microsoft:before {
  content: "\e733";
}

.icon-list-ol:before {
  content: "\e734";
}

.icon-linkedin:before {
  content: "\e735";
}

.icon-layout-sidebar-2:before {
  content: "\e736";
}

.icon-layout-grid4-alt:before {
  content: "\e737";
}

.icon-layout-grid3-alt:before {
  content: "\e738";
}

.icon-layout-grid2-alt:before {
  content: "\e739";
}

.icon-layout-column4-alt:before {
  content: "\e73a";
}

.icon-layout-column3-alt:before {
  content: "\e73b";
}

.icon-layout-column2-alt:before {
  content: "\e73c";
}

.icon-instagram:before {
  content: "\e73d";
}

.icon-google:before {
  content: "\e73e";
}

.icon-github:before {
  content: "\e73f";
}

.icon-flickr:before {
  content: "\e740";
}

.icon-facebook:before {
  content: "\e741";
}

.icon-dropbox:before {
  content: "\e742";
}

.icon-dribbble:before {
  content: "\e743";
}

.icon-apple:before {
  content: "\e744";
}

.icon-android:before {
  content: "\e745";
}

.icon-save:before {
  content: "\e746";
}

.icon-save-alt:before {
  content: "\e747";
}

.icon-yahoo:before {
  content: "\e748";
}

.icon-wordpress:before {
  content: "\e749";
}

.icon-vimeo-alt:before {
  content: "\e74a";
}

.icon-twitter-alt:before {
  content: "\e74b";
}

.icon-tumblr-alt:before {
  content: "\e74c";
}

.icon-trello:before {
  content: "\e74d";
}

.icon-stack-overflow:before {
  content: "\e74e";
}

.icon-soundcloud:before {
  content: "\e74f";
}

.icon-sharethis:before {
  content: "\e750";
}

.icon-sharethis-alt:before {
  content: "\e751";
}

.icon-reddit:before {
  content: "\e752";
}

.icon-pinterest-alt:before {
  content: "\e753";
}

.icon-microsoft-alt:before {
  content: "\e754";
}

.icon-linux:before {
  content: "\e755";
}

.icon-jsfiddle:before {
  content: "\e756";
}

.icon-joomla:before {
  content: "\e757";
}

.icon-html5:before {
  content: "\e758";
}

.icon-flickr-alt:before {
  content: "\e759";
}

.icon-email:before {
  content: "\e75a";
}

.icon-drupal:before {
  content: "\e75b";
}

.icon-dropbox-alt:before {
  content: "\e75c";
}

.icon-css3:before {
  content: "\e75d";
}

.icon-rss:before {
  content: "\e75e";
}

.icon-rss-alt:before {
  content: "\e75f";
}
.popover > .arrow:after, .popover > .arrow {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  overflow: visible;
  margin: 0;
  padding: 0;
  z-index: auto;
  background-color: transparent;
  box-shadow: none;
  bottom: auto;
  left: auto;
  right: auto;
  top: auto;
  transform: none;
}

.btn:active, .btn.active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.open .dropdown-toggle.btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}

.clockpicker-dial, .clockpicker-canvas {
  width: 200px;
  height: 200px;
  position: absolute;
  left: -1px;
  top: -1px;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  background-clip: padding-box;
  border-radius: 6px;
  box-shadow: 1px 1px 2px 1px #e2e2e2;
  border: 0px solid transparent;
}
.popover.top {
  margin-top: -10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #e6e6e6;
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #ffffff;
  border-bottom-width: 0;
}
.popover.right {
  margin-left: 10px;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #ffffff;
  border-left-width: 0;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: rgb(230, 230, 230);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left {
  margin-left: -10px;
}
.popover.left > .arrow {
  top: 50%;
  right: -22px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #e6e6e6;
}
.popover.left > .arrow:after {
  right: 7px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #ffffff;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}
.popover-content:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.btn {
  cursor: pointer;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
}
.btn.active:focus {
  outline: dotted thin;
  outline-offset: -2px;
}
.btn:active:focus {
  outline: dotted thin;
  outline-offset: -2px;
}
.btn:focus {
  outline: dotted thin;
  outline-offset: -2px;
  color: #333;
  text-decoration: none;
}
.btn:hover {
  color: #333;
  text-decoration: none;
}

.btn-default {
  color: #333;
  background-color: #ffffff;
  border-color: #ccc;
}
.btn-default.active {
  background-image: none;
}
.btn-default:active {
  background-image: none;
}
.btn-block {
  display: block;
  width: 100%;
}

.clockpicker-moving {
  cursor: move;
}

.clockpicker-popover .popover-title {
  background-color: #ffffff;
  color: #999;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
}
.clockpicker-popover .popover-title span {
  cursor: pointer;
}
.clockpicker-popover .popover-content {
  background-color: #ebeffe;
  padding: 12px;
}

.clockpicker-plate {
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  overflow: visible;
  position: relative;
  user-select: none;
}

.clockpicker-canvas {
  transition: opacity 175ms;
}
.clockpicker-canvas line {
  stroke: #4466f2;
  stroke-width: 1;
  stroke-linecap: round;
}

.clockpicker-dial {
  transition: transform 350ms, opacity 350ms;
}

.clockpicker-minutes {
  visibility: hidden;
}
.clockpicker-minutes.clockpicker-dial-out {
  transform: scale(0.8, 0.8);
}

.clockpicker-tick {
  border-radius: 50%;
  color: #666;
  line-height: 26px;
  text-align: center;
  width: 26px;
  height: 26px;
  position: absolute;
  cursor: pointer;
}
.clockpicker-tick.active {
  background-color: #e1e7fd;
  color: #fff;
}
.clockpicker-tick:hover {
  color: #fff;
  background-color: #e1e7fd;
}

.clockpicker-button {
  background-image: none;
  background-color: #ffffff;
  border-width: 1px 0 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin: 0;
  padding: 10px 0;
}
.clockpicker-button:hover {
  background-image: none;
  background-color: #ebebeb;
}
.clockpicker-button:focus {
  outline: 0 !important;
}
.clockpicker-button.am-button {
  margin: 1px;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.clockpicker-button.pm-button {
  margin: 1px 1px 1px 136px;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

.clockpicker-dial-out {
  opacity: 0;
}

.clockpicker-canvas-out {
  opacity: 0.25;
}

.clockpicker-canvas-bearing {
  stroke: none;
  fill: #4466f2;
}

.clockpicker-canvas-fg {
  stroke: none;
  fill: #4466f2;
}

.clockpicker-canvas-bg {
  stroke: none;
  fill: #e1e7fd;
}

.clockpicker-canvas-bg-trans {
  fill: #ebeffe;
}

.open .dropdown-toggle.btn-default {
  background-image: none;
}

.clockpicker .input-group-addon {
  cursor: pointer;
}
.todo .action-box{background:transparent;height:20px;width:20px;display:inline-block;text-align:center;cursor:pointer;-webkit-transition:all 300ms ease;transition:all 300ms ease}.todo .action-box .icon{vertical-align:0}.todo .action-box.completed{background:#f81f58;border:1px solid #f81f58;border-radius:4px}.todo .action-box.completed .icon{color:#fff;font-size:14px}.todo .action-box.large{height:26px;width:26px}.todo .action-box.large .icon{font-size:16px;vertical-align:-4px}.todo .action-box.large .icon .icon-trash{color:#5c61f2}.todo .action-box.large .icon .icon-check{color:#5c61f2}.todo .todo-list-wrapper{width:100%;margin:0 auto;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.todo .todo-list-wrapper #todo-list{list-style:none;margin:0;padding:0}.todo .todo-list-wrapper #todo-list li{margin:0;padding:0;width:100%}.todo .todo-list-wrapper #todo-list li:last-child .task-container{border-bottom:0;padding-bottom:0}.todo .todo-list-wrapper #todo-list li .task-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0;width:100%;border-bottom:1px solid #eee;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;-webkit-transition:background 200ms ease;transition:background 200ms ease}.todo .todo-list-wrapper #todo-list li .task-container .d-flex{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.todo .todo-list-wrapper #todo-list li .task-container .d-flex div{text-align:right}.todo .todo-list-wrapper #todo-list li .task-container .task-label{display:table;font-size:16px;font-weight:400;vertical-align:middle;color:#979797;word-break:break-word;padding-top:5px}.todo .todo-list-wrapper #todo-list li .task-container .task-action-btn{display:table-cell;vertical-align:middle;text-align:right}.todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box{border:1px solid transparent}.todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover{background:#fff;border-radius:4px}.todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover .icon{color:#59667a}.todo .todo-list-wrapper #todo-list li .task-container:hover h4{color:#2c323f;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn{border:1px solid #5c61f2;border-radius:4px}.todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn .icon{font-weight:bold}.todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn .icon i{color:#61ae41}.todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover{background:#fff;border:1px solid #61ae41}.todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover .icon{color:#fff}.todo .todo-list-wrapper #todo-list li.completed .task-container .task-label{text-decoration:line-through;color:#5c61f2}.todo .todo-list-wrapper #todo-list li.new .task-container{-webkit-animation:taskHighlighter 2000ms linear 1;animation:taskHighlighter 2000ms linear 1}.todo .todo-list-wrapper .todo-list-header h5{text-align:center;color:#efefef}.todo .notification-popup{position:fixed;top:100px;right:10px;width:300px;display:inline-block;background:#61ae41;border:1px solid #61ae41;color:#fff;padding:20px;opacity:0.9;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 300ms ease;transition:all 300ms ease}.todo .notification-popup.success{background:#61ae41;border:1px solid #61ae41}.todo .notification-popup p{margin-top:0;margin-bottom:0;line-height:1}.todo .notification-popup .task{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:inline-block;color:#fff;padding:0 4px}.todo .notification-popup .notification-text{font-size:14px;display:inline-block;overflow:hidden;color:#fff}.todo .notification-popup.hide{opacity:0;visibility:hidden}@-webkit-keyframes taskHighlighter{0%{background:rgba(68,102,242,0.5)}100%{background:#fff}}@keyframes taskHighlighter{0%{background:rgba(68,102,242,0.5)}100%{background:#fff}}.todo-wrap .card-header.b-bottom{border-bottom:1px solid #eee}.todo-wrap .card-header .todo-list-header .new-task-wrapper input{padding:12px 28px;border-radius:30px 0 0 30px;background-color:#f6f8fc;border:1px solid #dee2e6}.todo-wrap .card-header .todo-list-header .add-new-task-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:0}.todo-wrap .todo-list-body .assign-name{opacity:0.4;font-size:13px;font-weight:400}.todo-wrap .left-bookmark ul li .iconbg{padding:8px;border-radius:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.todo-wrap.email-wrap .email-app-sidebar .main-menu>li button.d-block{text-align:left}.todo-wrap.email-wrap .email-app-sidebar .main-menu>li+li{padding-top:12px}.todo-wrap.email-wrap .email-app-sidebar .main-menu>li a{padding:0 16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.todo-wrap.email-wrap .email-app-sidebar .main-menu>li a .badge{color:#fff;padding:5px 6px 4px 7px}.todo-wrap.email-wrap .email-app-sidebar .main-menu>li a:hover{background-color:transparent}.todo-wrap.email-wrap .email-app-sidebar .main-menu>li a:hover .badge{color:#fff}
.introjs-overlay {
  position: absolute;
  box-sizing: content-box;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  filter: alpha(opacity=50);
  transition: all 0.3s ease-out;
}

.introjs-fixParent {
  z-index: auto !important;
  opacity: 1 !important;
  transform: none !important;
}

.introjs-showElement {
  z-index: 9999999 !important;
}

tr.introjs-showElement > td, tr.introjs-showElement > th {
  z-index: 9999999 !important;
}

.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
  background-color: white;
  opacity: 0;
  filter: alpha(opacity=0);
}

.introjs-relativePosition {
  position: relative;
}

tr.introjs-showElement > td, tr.introjs-showElement > th {
  position: relative;
}

.introjs-helperLayer {
  box-sizing: content-box;
  position: absolute;
  z-index: 9999998;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease-out;
}

.introjs-tooltipReferenceLayer {
  box-sizing: content-box;
  position: absolute;
  visibility: hidden;
  z-index: 100000000;
  background-color: transparent;
  transition: all 0.3s ease-out;
}

.introjs-helperLayer * {
  box-sizing: content-box;
}
.introjs-helperLayer *:before, .introjs-helperLayer *:after {
  box-sizing: content-box;
}

.introjs-helperNumberLayer {
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: linear-gradient(to bottom, #4466f2 0%, #4466f2 100%);
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 3px solid white;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

.introjs-arrow {
  border: 15px solid white;
  content: "";
  position: absolute;
}
.introjs-arrow.top {
  top: -30px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #4466f2;
  border-left-color: transparent;
}
.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #4466f2;
  border-left-color: transparent;
}
.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #4466f2;
  border-left-color: transparent;
}
.introjs-arrow.right {
  right: -30px;
  top: 10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #4466f2;
}
.introjs-arrow.right-bottom {
  bottom: 10px;
  right: -30px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #4466f2;
}
.introjs-arrow.bottom {
  bottom: -30px;
  border-top-color: #4466f2;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.introjs-arrow.left {
  left: -30px;
  top: 10px;
  border-top-color: transparent;
  border-right-color: #4466f2;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.introjs-arrow.left-bottom {
  left: -30px;
  bottom: 10px;
  border-top-color: transparent;
  border-right-color: #4466f2;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.introjs-tooltip {
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  padding: 15px;
  background-color: #4466f2;
  min-width: 250px;
  max-width: 300px;
  border-radius: 3px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  transition: opacity 0.1s ease-out;
  color: white;
  border: 6px solid #4466f2;
}

.introjs-tooltipbuttons {
  text-align: right;
  white-space: nowrap;
}

.introjs-button {
  box-sizing: content-box;
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  border: 1px solid #d4d4d4;
  margin: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font-size: 11px;
  color: #333 !important;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-color: #fff;
  background-image: linear-gradient(#fff, #fff);
  border-radius: 0.2em;
  zoom: 1;
  *display: inline;
  margin-top: 10px;
}
.introjs-button:hover {
  border-color: #bcbcbc;
  text-decoration: none;
  box-shadow: 0px 1px 1px #e3e3e3;
}
.introjs-button:focus, .introjs-button:active {
  background-image: linear-gradient(#ececec, #f4f4f4);
}
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* overrides extra padding on button elements in Firefox */
.introjs-skipbutton {
  box-sizing: content-box;
  margin-right: 5px;
  color: #4466f2;
}

.introjs-prevbutton {
  border-radius: 0.2em 0 0 0.2em;
  border-right: none;
}
.introjs-prevbutton.introjs-fullbutton {
  border: 1px solid #d4d4d4;
  border-radius: 0.2em;
}

.introjs-nextbutton {
  border-radius: 0 0.2em 0.2em 0;
}
.introjs-nextbutton.introjs-fullbutton {
  border-radius: 0.2em;
}

.introjs-disabled {
  color: #4466f2;
  border-color: #d4d4d4;
  box-shadow: none;
  cursor: default;
  background-image: none;
  text-decoration: none;
  background: #d4d4d4;
  opacity: 0.5;
}
.introjs-disabled:hover, .introjs-disabled:focus {
  color: #4466f2;
  border-color: #d4d4d4;
  box-shadow: none;
  cursor: default;
  background-image: none;
  text-decoration: none;
}

.introjs-hidden {
  display: none;
}

.introjs-bullets {
  text-align: center;
}
.introjs-bullets ul {
  box-sizing: content-box;
  clear: both;
  margin: 15px auto 0;
  padding: 0;
  display: inline-block !important;
}
.introjs-bullets ul li {
  box-sizing: content-box;
  list-style: none;
  float: left;
  margin: 0 2px;
}
.introjs-bullets ul li a {
  box-sizing: content-box;
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
}
.introjs-bullets ul li a:hover {
  background: #999;
}
.introjs-bullets ul li a.active {
  background: #fff;
}

.introjs-progress {
  box-sizing: content-box;
  overflow: hidden;
  height: 10px;
  margin: 10px 0 5px 0;
  border-radius: 4px;
  background-color: #ecf0f1;
}

.introjs-progressbar {
  box-sizing: content-box;
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c;
}

.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%;
}

.introjs-fixedTooltip {
  position: fixed;
}

.introjs-hint {
  box-sizing: content-box;
  position: absolute;
  background: transparent;
  width: 20px;
  height: 15px;
  cursor: pointer;
}
.introjs-hint:focus {
  border: 0;
  outline: 0;
}

.introjs-hidehint {
  display: none;
}

.introjs-fixedhint {
  position: fixed;
}

.introjs-hint:hover > .introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.57);
}

.introjs-hint-pulse {
  box-sizing: content-box;
  width: 10px;
  height: 10px;
  border: 5px solid rgba(60, 60, 60, 0.27);
  border-radius: 30px;
  background-color: rgba(136, 136, 136, 0.24);
  z-index: 10;
  position: absolute;
  transition: all 0.2s ease-out;
}

.introjs-hint-no-anim .introjs-hint-dot {
  animation: none;
}

.introjs-hint-dot {
  box-sizing: content-box;
  border: 10px solid rgba(146, 146, 146, 0.36);
  background: transparent;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  animation: introjspulse 3s ease-out;
  animation-iteration-count: infinite;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 1;
  opacity: 0;
}

@keyframes introjspulse {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  25% {
    transform: scale(0);
    opacity: 0.1;
  }
  50% {
    transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.jstree-container-ul, .jstree-children, .jstree-node {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}

.vakata-context ul, .vakata-context {
  margin: 0;
  padding: 2px;
  position: absolute;
  background: #f5f5f5;
  border: 1px solid #979797;
  box-shadow: 2px 2px 2px #979797;
}

.vakata-context .vakata-context-separator > a:hover, .vakata-context .vakata-context-separator > a {
  background: white;
  border: 0;
  border-top: 1px solid #e2e3e3;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  padding: 0;
  margin: 0 0 0 2.4em;
  border-left: 1px solid #e0e0e0;
  text-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  border-radius: 0;
}

.vakata-context .vakata-contextmenu-disabled a:hover, .vakata-context .vakata-contextmenu-disabled a {
  color: silver;
  background-color: transparent;
  border: 0;
  box-shadow: 0 0 0;
}

#jstree-dnd .jstree-copy, #jstree-dnd .jstree-icon {
  display: inline-block;
  text-decoration: none;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
}

.jstree-default .jstree-icon, .jstree-default .jstree-node {
  background-repeat: no-repeat;
  background-color: transparent;
  color: #333;
  background-image: url(/../images/tree/32px.png);
  color: #777;
}

.jstree-default > .jstree-wholerow-ul .jstree-clicked, .jstree-default > .jstree-wholerow-ul .jstree-hovered {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

#jstree-dnd.jstree-default .jstree-er, #jstree-dnd.jstree-default .jstree-ok {
  background-image: url(/../images/tree/32px.png);
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-default-small .jstree-er, #jstree-dnd.jstree-default-small .jstree-ok {
  background-image: url(/../images/tree/32px.png);
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-default-large .jstree-er, #jstree-dnd.jstree-default-large .jstree-ok {
  background-image: url(/../images/tree/32px.png);
  background-repeat: no-repeat;
  background-color: transparent;
}

.jstree-node {
  white-space: nowrap;
}
.jstree-node.jstree-hidden {
  display: none;
}

.jstree-anchor {
  display: inline-block;
  color: black;
  white-space: nowrap;
  padding: 0 10px 0 1px;
  margin: 0;
  vertical-align: top;
  text-decoration: none;
  color: inherit;
}
.jstree-anchor:focus {
  outline: 0;
}
.jstree-anchor:link {
  text-decoration: none;
  color: inherit;
}
.jstree-anchor:visited {
  text-decoration: none;
  color: inherit;
}
.jstree-anchor:hover {
  text-decoration: none;
  color: inherit;
}
.jstree-anchor:active {
  text-decoration: none;
  color: inherit;
}
.jstree-anchor > .jstree-themeicon {
  margin-right: 2px;
}
.jstree-anchor > .jstree-themeicon-hidden {
  display: none;
}

.jstree-icon {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}
.jstree-icon:empty {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}

.jstree-ocl {
  cursor: pointer;
}

.jstree .jstree-open > .jstree-children {
  display: block;
}
.jstree .jstree-closed > .jstree-children {
  display: none;
}
.jstree .jstree-leaf > .jstree-children {
  display: none;
}

.jstree-hidden {
  display: none;
}

.jstree-rtl .jstree-anchor {
  padding: 0 1px 0 4px;
}
.jstree-rtl .jstree-anchor > .jstree-themeicon {
  margin-left: 2px;
  margin-right: 0;
}
.jstree-rtl .jstree-node {
  margin-left: 0;
}
.jstree-rtl .jstree-container-ul > .jstree-node {
  margin-right: 0;
}

.jstree-wholerow-ul {
  position: relative;
  display: inline-block;
  min-width: 100%;
}
.jstree-wholerow-ul .jstree-anchor {
  position: relative;
}
.jstree-wholerow-ul .jstree-icon {
  position: relative;
}
.jstree-wholerow-ul .jstree-wholerow {
  width: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  user-select: none;
}
.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
  cursor: pointer;
}

.vakata-context {
  display: none;
}
.vakata-context ul {
  list-style: none;
  left: 100%;
  margin-top: -2.7em;
  margin-left: -4px;
}
.vakata-context li {
  list-style: none;
}
.vakata-context li > a {
  display: block;
  padding: 0 2em;
  text-decoration: none;
  width: auto;
  color: black;
  white-space: nowrap;
  line-height: 2.4em;
  text-shadow: 1px 1px 0 white;
  border-radius: 1px;
}
.vakata-context li > a:hover {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context li > a.vakata-context-parent {
  background-image: url("data:image/gif");
  background-position: right center;
  background-repeat: no-repeat;
}
.vakata-context li > a:focus {
  outline: 0;
}
.vakata-context li > a > i {
  text-decoration: none;
  display: inline-block;
  width: 2.4em;
  height: 2.4em;
  background: transparent;
  margin: 0 0 0 -2em;
  vertical-align: top;
  text-align: center;
  line-height: 2.4em;
}
.vakata-context li > a > i:empty {
  width: 2.4em;
  line-height: 2.4em;
}
.vakata-context li > a .vakata-contextmenu-sep {
  display: inline-block;
  width: 1px;
  height: 2.4em;
  background: white;
  margin: 0 0.5em 0 0;
  border-left: 1px solid #e2e3e3;
}
.vakata-context .vakata-contextmenu-shortcut {
  font-size: 0.8em;
  color: silver;
  opacity: 0.5;
  display: none;
}
.vakata-context .vakata-context-right ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}
.vakata-context .vakata-context-hover > a {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context-rtl ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}
.vakata-context-rtl li > a.vakata-context-parent {
  background-image: url("data:image/gif");
  background-position: left center;
  background-repeat: no-repeat;
}
.vakata-context-rtl li > a > i {
  margin: 0 -2em 0 0;
}
.vakata-context-rtl li > a .vakata-contextmenu-sep {
  margin: 0 0 0 0.5em;
  border-left-color: white;
  background: #e2e3e3;
}
.vakata-context-rtl .vakata-context-separator > a {
  margin: 0 2.4em 0 0;
  border-left: 0;
  border-right: 1px solid #e2e3e3;
}
.vakata-context-rtl .vakata-context-left ul {
  right: auto;
  left: 100%;
  margin-left: -4px;
  margin-right: auto;
}

#jstree-marker {
  position: absolute;
  top: 0;
  left: 0;
  margin: -5px 0 0;
  padding: 0;
  border-right: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

#jstree-dnd {
  line-height: 16px;
  margin: 0;
  padding: 4px;
}
#jstree-dnd .jstree-copy {
  margin: 0 2px;
}
#jstree-dnd .jstree-ok {
  background: green;
}
#jstree-dnd .jstree-er {
  background: red;
}
#jstree-dnd.jstree-default {
  line-height: 24px;
  padding: 0 4px;
}
#jstree-dnd.jstree-default .jstree-ok {
  background-position: -4px -68px;
}
#jstree-dnd.jstree-default .jstree-er {
  background-position: -36px -68px;
}
#jstree-dnd.jstree-default i {
  background: transparent;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
#jstree-dnd.jstree-default-small {
  line-height: 18px;
  padding: 0 4px;
}
#jstree-dnd.jstree-default-small .jstree-ok {
  background-position: -7px -71px;
}
#jstree-dnd.jstree-default-small .jstree-er {
  background-position: -39px -71px;
}
#jstree-dnd.jstree-default-small i {
  background: transparent;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
#jstree-dnd.jstree-default-large {
  line-height: 32px;
  padding: 0 4px;
}
#jstree-dnd.jstree-default-large .jstree-ok {
  background-position: 0 -64px;
}
#jstree-dnd.jstree-default-large .jstree-er {
  background-position: -32px -64px;
}
#jstree-dnd.jstree-default-large i {
  background: transparent;
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.jstree-default .jstree-node {
  min-height: 24px;
  line-height: 24px;
  margin-left: 24px;
  min-width: 24px;
  background-position: -292px -4px;
  background-repeat: repeat-y;
}
.jstree-default .jstree-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.jstree-default .jstree-icon:empty {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.jstree-default .jstree-anchor {
  transition: background-color 0.15s, box-shadow 0.15s;
  line-height: 24px;
  height: 24px;
}
.jstree-default .jstree-anchor > .jstree-undetermined {
  background-position: -196px -4px;
}
.jstree-default .jstree-anchor > .jstree-undetermined:hover {
  background-position: -196px -36px;
}
.jstree-default .jstree-wholerow {
  transition: background-color 0.15s, box-shadow 0.15s;
  box-sizing: border-box;
  height: 24px;
}
.jstree-default .jstree-hovered {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}
.jstree-default .jstree-context {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}
.jstree-default .jstree-clicked {
  background: #d8d8d8;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #979797;
  color: black;
}
.jstree-default .jstree-disabled {
  color: #666666;
  background: transparent;
}
.jstree-default .jstree-disabled.jstree-hovered {
  box-shadow: none;
  background: transparent;
}
.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default .jstree-disabled > .jstree-icon {
  opacity: 0.8;
  filter: url("data:image/svg");
  filter: gray;
}
.jstree-default .jstree-search {
  font-style: italic;
  color: #8b0000;
  font-weight: bold;
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
  background: transparent;
  box-shadow: none;
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background: #e7f4f9;
}
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  background: transparent;
}
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  background: #e7f4f9;
}
.jstree-default > .jstree-striped {
  min-width: 100%;
  display: inline-block;
  background: url("data:image/png") left top repeat;
  background-size: auto 48px;
}
.jstree-default > .jstree-no-dots .jstree-node {
  background: transparent;
}
.jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -4px;
}
.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -4px;
}
.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url(/../../images/tree/throbber.gif) center center no-repeat;
}
.jstree-default > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
.jstree-default .jstree-wholerow-hovered {
  background: #e7f4f9;
}
.jstree-default .jstree-wholerow-clicked {
  background: #beebff;
  background: linear-gradient(to bottom, #beebff 0, #a8e4ff 100%);
}
.jstree-default.jstree-rtl .jstree-node {
  margin-right: 24px;
  background-position: 100% 1px;
  background-repeat: repeat-y;
  background-image: url("data:image/png");
}
.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -132px -36px;
}
.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -100px -36px;
}
.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -68px -36px;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node {
  background: transparent;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -36px;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -36px;
}
.jstree-default .jstree-last {
  background: transparent;
}
.jstree-default .jstree-themeicon {
  background-position: -260px -4px;
}
.jstree-default .jstree-checkbox {
  background-position: -164px -4px;
}
.jstree-default .jstree-checkbox:hover {
  background-position: -164px -36px;
}
.jstree-default .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg");
  filter: gray;
}
.jstree-default .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-default .jstree-file {
  background: url(/../images/tree/32px.png) -100px -68px no-repeat;
}
.jstree-default .jstree-folder {
  background: url(/../images/tree/32px.png) -260px -4px no-repeat;
}
.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  display: none;
}
.jstree-default .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}
.jstree-default .jstree-open > .jstree-ocl {
  background-position: -132px -4px;
}
.jstree-default .jstree-closed > .jstree-ocl {
  background-position: -100px -4px;
}
.jstree-default .jstree-leaf > .jstree-ocl {
  background-position: -68px -4px;
}
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox {
  background-position: -228px -4px;
}
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover {
  background-position: -228px -36px;
}
.jstree-default .jstree-checked > .jstree-checkbox {
  background-position: -228px -4px;
}
.jstree-default .jstree-checked > .jstree-checkbox:hover {
  background-position: -228px -36px;
}

.jstree-default-small .jstree-node {
  min-height: 18px;
  line-height: 18px;
  margin-left: 18px;
  min-width: 18px;
  background-position: -295px -7px;
  background-repeat: repeat-y;
  background-image: url(/../images/tree/32px.png);
}
.jstree-default-small .jstree-anchor {
  line-height: 18px;
  height: 18px;
}
.jstree-default-small .jstree-anchor > .jstree-undetermined {
  background-position: -199px -7px;
}
.jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
  background-position: -199px -39px;
}
.jstree-default-small .jstree-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
  background-image: url(/../images/tree/32px.png);
}
.jstree-default-small .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.jstree-default-small.jstree-rtl .jstree-node {
  margin-right: 18px;
  background-image: url("data:image/png");
  background-position: 100% 1px;
  background-repeat: repeat-y;
  background-image: url("data:image/png");
}
.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -135px -39px;
}
.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -103px -39px;
}
.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -71px -39px;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node {
  background: transparent;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -39px;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -39px;
}
.jstree-default-small .jstree-wholerow {
  height: 18px;
}
.jstree-default-small .jstree-last {
  background: transparent;
}
.jstree-default-small .jstree-themeicon {
  background-position: -263px -7px;
}
.jstree-default-small > .jstree-no-dots .jstree-node {
  background: transparent;
}
.jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -7px;
}
.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -7px;
}
.jstree-default-small > .jstree-striped {
  background-size: auto 36px;
}
.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url(/../../images/tree/throbber.gif) center center no-repeat;
}
.jstree-default-small > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
.jstree-default-small .jstree-disabled {
  background: transparent;
}
.jstree-default-small .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-default-small .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default-small .jstree-checkbox {
  background-position: -167px -7px;
}
.jstree-default-small .jstree-checkbox:hover {
  background-position: -167px -39px;
}
.jstree-default-small .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg");
  filter: gray;
}
.jstree-default-small .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-default-small .jstree-file {
  background: url(/../images/tree/32px.png) -103px -71px no-repeat;
}
.jstree-default-small .jstree-folder {
  background: url(/../images/tree/32px.png) -263px -7px no-repeat;
}
.jstree-default-small .jstree-open > .jstree-ocl {
  background-position: -135px -7px;
}
.jstree-default-small .jstree-closed > .jstree-ocl {
  background-position: -103px -7px;
}
.jstree-default-small .jstree-leaf > .jstree-ocl {
  background-position: -71px -7px;
}
.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox {
  background-position: -231px -7px;
}
.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover {
  background-position: -231px -39px;
}
.jstree-default-small .jstree-checked > .jstree-checkbox {
  background-position: -231px -7px;
}
.jstree-default-small .jstree-checked > .jstree-checkbox:hover {
  background-position: -231px -39px;
}

.jstree-default-large .jstree-node {
  min-height: 32px;
  line-height: 32px;
  margin-left: 32px;
  min-width: 32px;
  background-position: -288px 0;
  background-repeat: repeat-y;
  background-image: url(/../images/tree/32px.png);
}
.jstree-default-large .jstree-anchor {
  line-height: 32px;
  height: 32px;
}
.jstree-default-large .jstree-anchor > .jstree-undetermined {
  background-position: -192px 0;
}
.jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
  background-position: -192px -32px;
}
.jstree-default-large .jstree-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-image: url(/../images/tree/32px.png);
}
.jstree-default-large .jstree-icon:empty {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.jstree-default-large.jstree-rtl .jstree-node {
  margin-right: 32px;
  background-image: url("data:image/png");
  background-position: 100% 1px;
  background-repeat: repeat-y;
  background-image: url("data:image/png");
}
.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -128px -32px;
}
.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -96px -32px;
}
.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -64px -32px;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node {
  background: transparent;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px -32px;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0 -32px;
}
.jstree-default-large .jstree-wholerow {
  height: 32px;
}
.jstree-default-large .jstree-last {
  background: transparent;
}
.jstree-default-large .jstree-themeicon {
  background-position: -256px 0;
}
.jstree-default-large > .jstree-no-dots .jstree-node {
  background: transparent;
}
.jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px 0;
}
.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0 0;
}
.jstree-default-large > .jstree-striped {
  background-size: auto 64px;
}
.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url(/../../images/tree/throbber.gif) center center no-repeat;
}
.jstree-default-large > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
.jstree-default-large .jstree-disabled {
  background: transparent;
}
.jstree-default-large .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-default-large .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default-large .jstree-checkbox {
  background-position: -160px 0;
}
.jstree-default-large .jstree-checkbox:hover {
  background-position: -160px -32px;
}
.jstree-default-large .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg");
  filter: gray;
}
.jstree-default-large .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-default-large .jstree-file {
  background: url(/../images/tree/32px.png) -96px -64px no-repeat;
}
.jstree-default-large .jstree-folder {
  background: url(/../images/tree/32px.png) -256px 0 no-repeat;
}
.jstree-default-large .jstree-open > .jstree-ocl {
  background-position: -128px 0;
}
.jstree-default-large .jstree-closed > .jstree-ocl {
  background-position: -96px 0;
}
.jstree-default-large .jstree-leaf > .jstree-ocl {
  background-position: -64px 0;
}
.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox {
  background-position: -224px 0;
}
.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover {
  background-position: -224px -32px;
}
.jstree-default-large .jstree-checked > .jstree-checkbox {
  background-position: -224px 0;
}
.jstree-default-large .jstree-checked > .jstree-checkbox:hover {
  background-position: -224px -32px;
}

@media (max-width: 768px) {
  .jstree-default-responsive .jstree-icon {
    background-image: url(/../images/tree/40px.png);
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-image: url(/../images/tree/40px.png);
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-icon:empty {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .jstree-default-responsive .jstree-node {
    background: transparent;
    min-height: 40px;
    line-height: 40px;
    margin-left: 40px;
    min-width: 40px;
    white-space: nowrap;
    background-position: -80px 0;
    background-repeat: repeat-y;
    background-image: url(/../images/tree/40px.png);
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-node > .jstree-ocl {
    background-image: url(/../images/tree/40px.png);
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-anchor {
    line-height: 40px;
    height: 40px;
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }
  .jstree-default-responsive .jstree-anchor > .jstree-undetermined {
    background-position: 0 -120px;
  }
  .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
    background-position: 0 -120px;
  }
  .jstree-default-responsive > .jstree-striped {
    background: transparent;
  }
  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
  }
  .jstree-default-responsive.jstree-rtl .jstree-node {
    margin-left: 0;
    margin-right: 40px;
  }
  .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0;
  }
  .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -40px 0 !important;
  }
  .jstree-default-responsive .jstree-ocl {
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-themeicon {
    background-size: 120px 240px;
    background-position: -40px -40px;
    background-image: url(/../images/tree/40px.png);
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-checkbox {
    background-size: 120px 240px;
    background-position: -40px -80px;
    background-image: url(/../images/tree/40px.png);
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-checkbox:hover {
    background-position: -40px -80px;
  }
  .jstree-default-responsive .jstree-wholerow {
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(64, 64, 64, 0.2);
    background: #ebebeb;
    height: 40px;
  }
  .jstree-default-responsive .jstree-wholerow-hovered {
    background: #e7f4f9;
  }
  .jstree-default-responsive .jstree-wholerow-clicked {
    background: #beebff;
  }
  .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
    box-shadow: inset 0 6px 3px -5px #666666;
    border-top: 0;
  }
  .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
    box-shadow: none;
  }
  .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
    box-shadow: inset 0 -6px 3px -5px #666666;
  }
  .jstree-default-responsive .jstree-last {
    background: transparent;
  }
  .jstree-default-responsive .jstree-last > .jstree-ocl {
    background-position: -40px -160px;
  }
  .jstree-default-responsive .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
  }
  .jstree-default-responsive .jstree-file {
    background: url(/../images/tree/40px.png) 0 -160px no-repeat;
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-folder {
    background: url(/../images/tree/40px.png) -40px -40px no-repeat;
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background: transparent;
    background: transparent;
    background-position: -40px -120px;
  }
  .jstree-default-responsive .jstree-open > .jstree-ocl {
    background-position: 0 0 !important;
  }
  .jstree-default-responsive .jstree-closed > .jstree-ocl {
    background-position: 0 -40px !important;
  }
  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox {
    background-position: 0 -80px;
  }
  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover {
    background-position: 0 -80px;
  }
  .jstree-default-responsive .jstree-checked > .jstree-checkbox {
    background-position: 0 -80px;
  }
  .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
    background-position: 0 -80px;
  }
  #jstree-dnd.jstree-dnd-responsive {
    line-height: 40px;
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }
  #jstree-dnd.jstree-dnd-responsive > i {
    background: transparent;
    width: 40px;
    height: 40px;
  }
  #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
    background-image: url(/../images/tree/40px.png);
    background-position: 0 -200px;
    background-size: 120px 240px;
  }
  #jstree-dnd.jstree-dnd-responsive > .jstree-er {
    background-image: url(/../images/tree/40px.png);
    background-position: -40px -200px;
    background-size: 120px 240px;
  }
  #jstree-marker.jstree-dnd-responsive {
    border-left-width: 10px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    margin-top: -10px;
  }
}
.jstree-leaf > .jstree-ocl {
  cursor: default;
}

.jstree-no-icons .jstree-themeicon {
  display: none;
}

.jstree-node, .jstree-children, .jstree-container-ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}

.vakata-context, .vakata-context ul {
  margin: 0;
  padding: 2px;
  position: absolute;
  background: #f5f5f5;
  border: 1px solid #979797;
  box-shadow: 2px 2px 2px #979797;
}

.vakata-context .vakata-context-separator > a, .vakata-context .vakata-context-separator > a:hover {
  background: white;
  border: 0;
  border-top: 1px solid #e2e3e3;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  padding: 0;
  margin: 0 0 0 2.4em;
  border-left: 1px solid #e0e0e0;
  text-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  border-radius: 0;
}

.vakata-context .vakata-contextmenu-disabled a, .vakata-context .vakata-contextmenu-disabled a:hover {
  color: silver;
  background-color: transparent;
  border: 0;
  box-shadow: 0 0 0;
}

#jstree-dnd .jstree-icon, #jstree-dnd .jstree-copy {
  display: inline-block;
  text-decoration: none;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
}

.jstree-default .jstree-node, .jstree-default .jstree-icon {
  background-repeat: no-repeat;
  background-color: transparent;
  color: #333;
  background-image: url(/../../images/tree/32px.png);
  color: #777;
}

.jstree-default > .jstree-wholerow-ul .jstree-hovered, .jstree-default > .jstree-wholerow-ul .jstree-clicked {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

#jstree-dnd.jstree-default .jstree-ok, #jstree-dnd.jstree-default .jstree-er {
  background-image: url(/../../images/icon-tree.png);
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-default-small .jstree-ok, #jstree-dnd.jstree-default-small .jstree-er {
  background-image: url(/../../images/icon-tree.png);
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-default-large .jstree-ok, #jstree-dnd.jstree-default-large .jstree-er {
  background-image: url(/../../images/icon-tree.png);
  background-repeat: no-repeat;
  background-color: transparent;
}

.jstree-node {
  white-space: nowrap;
}
.jstree-node.jstree-hidden {
  display: none;
}

.jstree-anchor {
  display: inline-block;
  color: black;
  white-space: nowrap;
  padding: 0 10px 0 1px;
  margin: 0;
  vertical-align: top;
  text-decoration: none;
  color: inherit;
}
.jstree-anchor:focus {
  outline: 0;
}
.jstree-anchor:link {
  text-decoration: none;
  color: inherit;
}
.jstree-anchor:visited {
  text-decoration: none;
  color: inherit;
}
.jstree-anchor:hover {
  text-decoration: none;
  color: inherit;
}
.jstree-anchor:active {
  text-decoration: none;
  color: inherit;
}
.jstree-anchor > .jstree-themeicon {
  margin-right: 2px;
}
.jstree-anchor > .jstree-themeicon-hidden {
  display: none;
}

.jstree-icon {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}
.jstree-icon:empty {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}

.jstree-ocl {
  cursor: pointer;
}

.jstree .jstree-open > .jstree-children {
  display: block;
}
.jstree .jstree-closed > .jstree-children {
  display: none;
}
.jstree .jstree-leaf > .jstree-children {
  display: none;
}

.jstree-hidden {
  display: none;
}

.jstree-rtl .jstree-anchor {
  padding: 0 1px 0 4px;
}
.jstree-rtl .jstree-anchor > .jstree-themeicon {
  margin-left: 2px;
  margin-right: 0;
}
.jstree-rtl .jstree-node {
  margin-left: 0;
}
.jstree-rtl .jstree-container-ul > .jstree-node {
  margin-right: 0;
}

.jstree-wholerow-ul {
  position: relative;
  display: inline-block;
  min-width: 100%;
}
.jstree-wholerow-ul .jstree-anchor {
  position: relative;
}
.jstree-wholerow-ul .jstree-icon {
  position: relative;
}
.jstree-wholerow-ul .jstree-wholerow {
  width: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  user-select: none;
}
.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
  cursor: pointer;
}

.vakata-context {
  display: none;
}
.vakata-context ul {
  list-style: none;
  left: 100%;
  margin-top: -2.7em;
  margin-left: -4px;
}
.vakata-context li {
  list-style: none;
}
.vakata-context li > a {
  display: block;
  padding: 0 2em;
  text-decoration: none;
  width: auto;
  color: black;
  white-space: nowrap;
  line-height: 2.4em;
  text-shadow: 1px 1px 0 white;
  border-radius: 1px;
}
.vakata-context li > a:hover {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context li > a.vakata-context-parent {
  background-image: url("data:image/gif");
  background-position: right center;
  background-repeat: no-repeat;
}
.vakata-context li > a:focus {
  outline: 0;
}
.vakata-context li > a > i {
  text-decoration: none;
  display: inline-block;
  width: 2.4em;
  height: 2.4em;
  background: transparent;
  margin: 0 0 0 -2em;
  vertical-align: top;
  text-align: center;
  line-height: 2.4em;
}
.vakata-context li > a > i:empty {
  width: 2.4em;
  line-height: 2.4em;
}
.vakata-context li > a .vakata-contextmenu-sep {
  display: inline-block;
  width: 1px;
  height: 2.4em;
  background: white;
  margin: 0 0.5em 0 0;
  border-left: 1px solid #e2e3e3;
}
.vakata-context .vakata-contextmenu-shortcut {
  font-size: 0.8em;
  color: silver;
  opacity: 0.5;
  display: none;
}
.vakata-context .vakata-context-right ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}
.vakata-context .vakata-context-hover > a {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context-rtl ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}
.vakata-context-rtl li > a.vakata-context-parent {
  background-image: url("data:image/gif");
  background-position: left center;
  background-repeat: no-repeat;
}
.vakata-context-rtl li > a > i {
  margin: 0 -2em 0 0;
}
.vakata-context-rtl li > a .vakata-contextmenu-sep {
  margin: 0 0 0 0.5em;
  border-left-color: white;
  background: #e2e3e3;
}
.vakata-context-rtl .vakata-context-separator > a {
  margin: 0 2.4em 0 0;
  border-left: 0;
  border-right: 1px solid #e2e3e3;
}
.vakata-context-rtl .vakata-context-left ul {
  right: auto;
  left: 100%;
  margin-left: -4px;
  margin-right: auto;
}

#jstree-marker {
  position: absolute;
  top: 0;
  left: 0;
  margin: -5px 0 0;
  padding: 0;
  border-right: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

#jstree-dnd {
  line-height: 16px;
  margin: 0;
  padding: 4px;
}
#jstree-dnd .jstree-copy {
  margin: 0 2px;
}
#jstree-dnd .jstree-ok {
  background: green;
}
#jstree-dnd .jstree-er {
  background: red;
}
#jstree-dnd.jstree-default {
  line-height: 24px;
  padding: 0 4px;
}
#jstree-dnd.jstree-default .jstree-ok {
  background-position: -4px -68px;
}
#jstree-dnd.jstree-default .jstree-er {
  background-position: -36px -68px;
}
#jstree-dnd.jstree-default i {
  background: transparent;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
#jstree-dnd.jstree-default-small {
  line-height: 18px;
  padding: 0 4px;
}
#jstree-dnd.jstree-default-small .jstree-ok {
  background-position: -7px -71px;
}
#jstree-dnd.jstree-default-small .jstree-er {
  background-position: -39px -71px;
}
#jstree-dnd.jstree-default-small i {
  background: transparent;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
#jstree-dnd.jstree-default-large {
  line-height: 32px;
  padding: 0 4px;
}
#jstree-dnd.jstree-default-large .jstree-ok {
  background-position: 0 -64px;
}
#jstree-dnd.jstree-default-large .jstree-er {
  background-position: -32px -64px;
}
#jstree-dnd.jstree-default-large i {
  background: transparent;
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.jstree-default .jstree-node {
  min-height: 24px;
  line-height: 24px;
  margin-left: 24px;
  min-width: 24px;
  background-position: -292px -4px;
  background-repeat: repeat-y;
}
.jstree-default .jstree-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.jstree-default .jstree-icon:empty {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.jstree-default .jstree-anchor {
  transition: background-color 0.15s, box-shadow 0.15s;
  line-height: 24px;
  height: 24px;
}
.jstree-default .jstree-anchor > .jstree-undetermined {
  background-position: -196px -4px;
}
.jstree-default .jstree-anchor > .jstree-undetermined:hover {
  background-position: -196px -36px;
}
.jstree-default .jstree-wholerow {
  transition: background-color 0.15s, box-shadow 0.15s;
  box-sizing: border-box;
  height: 24px;
}
.jstree-default .jstree-hovered {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}
.jstree-default .jstree-context {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}
.jstree-default .jstree-clicked {
  background: #d8d8d8;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #979797;
  color: black;
}
.jstree-default .jstree-disabled {
  color: #666666;
  background: transparent;
}
.jstree-default .jstree-disabled.jstree-hovered {
  box-shadow: none;
  background: transparent;
}
.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default .jstree-disabled > .jstree-icon {
  opacity: 0.8;
  filter: url("data:image/svg");
  filter: gray;
}
.jstree-default .jstree-search {
  font-style: italic;
  color: #8b0000;
  font-weight: bold;
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
  background: transparent;
  box-shadow: none;
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background: #e7f4f9;
}
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  background: transparent;
}
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  background: #e7f4f9;
}
.jstree-default > .jstree-striped {
  min-width: 100%;
  display: inline-block;
  background: url("data:image/png") left top repeat;
  background-size: auto 48px;
}
.jstree-default > .jstree-no-dots .jstree-node {
  background: transparent;
}
.jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -4px;
}
.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -4px;
}
.jstree-default > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
.jstree-default .jstree-wholerow-hovered {
  background: #e7f4f9;
}
.jstree-default .jstree-wholerow-clicked {
  background: #beebff;
  background: linear-gradient(to bottom, #beebff 0, #a8e4ff 100%);
}
.jstree-default.jstree-rtl .jstree-node {
  margin-right: 24px;
  background-position: 100% 1px;
  background-repeat: repeat-y;
  background-image: url("data:image/png");
}
.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -132px -36px;
}
.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -100px -36px;
}
.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -68px -36px;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node {
  background: transparent;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -36px;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -36px;
}
.jstree-default .jstree-last {
  background: transparent;
}
.jstree-default .jstree-themeicon {
  background-position: -260px -4px;
}
.jstree-default .jstree-checkbox {
  background-position: -164px -4px;
}
.jstree-default .jstree-checkbox:hover {
  background-position: -164px -36px;
}
.jstree-default .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg");
  filter: gray;
}
.jstree-default .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-default .jstree-file {
  background: url(/../../images/icon-tree.png) -100px -68px no-repeat;
}
.jstree-default .jstree-folder {
  background: url(/../../images/icon-tree.png) -260px -4px no-repeat;
}
.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  display: none;
}
.jstree-default .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}
.jstree-default .jstree-open > .jstree-ocl {
  background-position: -132px -4px;
}
.jstree-default .jstree-closed > .jstree-ocl {
  background-position: -100px -4px;
}
.jstree-default .jstree-leaf > .jstree-ocl {
  background-position: -68px -4px;
}
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox {
  background-position: -228px -4px;
}
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover {
  background-position: -228px -36px;
}
.jstree-default .jstree-checked > .jstree-checkbox {
  background-position: -228px -4px;
}
.jstree-default .jstree-checked > .jstree-checkbox:hover {
  background-position: -228px -36px;
}

.jstree-default-small .jstree-node {
  min-height: 18px;
  line-height: 18px;
  margin-left: 18px;
  min-width: 18px;
  background-position: -295px -7px;
  background-repeat: repeat-y;
  background-image: url(/../../images/icon-tree.png);
}
.jstree-default-small .jstree-anchor {
  line-height: 18px;
  height: 18px;
}
.jstree-default-small .jstree-anchor > .jstree-undetermined {
  background-position: -199px -7px;
}
.jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
  background-position: -199px -39px;
}
.jstree-default-small .jstree-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
  background-image: url(/../../images/icon-tree.png);
}
.jstree-default-small .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.jstree-default-small.jstree-rtl .jstree-node {
  margin-right: 18px;
  background-image: url("data:image/png");
  background-position: 100% 1px;
  background-repeat: repeat-y;
  background-image: url("data:image/png");
}
.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -135px -39px;
}
.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -103px -39px;
}
.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -71px -39px;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node {
  background: transparent;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -39px;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -39px;
}
.jstree-default-small .jstree-wholerow {
  height: 18px;
}
.jstree-default-small .jstree-last {
  background: transparent;
}
.jstree-default-small .jstree-themeicon {
  background-position: -263px -7px;
}
.jstree-default-small > .jstree-no-dots .jstree-node {
  background: transparent;
}
.jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -7px;
}
.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -7px;
}
.jstree-default-small > .jstree-striped {
  background-size: auto 36px;
}
.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url(/../../images/tree/throbber.gif) center center no-repeat;
}
.jstree-default-small > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
.jstree-default-small .jstree-disabled {
  background: transparent;
}
.jstree-default-small .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-default-small .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default-small .jstree-checkbox {
  background-position: -167px -7px;
}
.jstree-default-small .jstree-checkbox:hover {
  background-position: -167px -39px;
}
.jstree-default-small .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg");
  filter: gray;
}
.jstree-default-small .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-default-small .jstree-file {
  background: url(/../../images/icon-tree.png) -103px -71px no-repeat;
}
.jstree-default-small .jstree-folder {
  background: url(/../../images/icon-tree.png) -263px -7px no-repeat;
}
.jstree-default-small .jstree-open > .jstree-ocl {
  background-position: -135px -7px;
}
.jstree-default-small .jstree-closed > .jstree-ocl {
  background-position: -103px -7px;
}
.jstree-default-small .jstree-leaf > .jstree-ocl {
  background-position: -71px -7px;
}
.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox {
  background-position: -231px -7px;
}
.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover {
  background-position: -231px -39px;
}
.jstree-default-small .jstree-checked > .jstree-checkbox {
  background-position: -231px -7px;
}
.jstree-default-small .jstree-checked > .jstree-checkbox:hover {
  background-position: -231px -39px;
}

.jstree-default-large .jstree-node {
  min-height: 32px;
  line-height: 32px;
  margin-left: 32px;
  min-width: 32px;
  background-position: -288px 0;
  background-repeat: repeat-y;
  background-image: url(/../../images/icon-tree.png);
}
.jstree-default-large .jstree-anchor {
  line-height: 32px;
  height: 32px;
}
.jstree-default-large .jstree-anchor > .jstree-undetermined {
  background-position: -192px 0;
}
.jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
  background-position: -192px -32px;
}
.jstree-default-large .jstree-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-image: url(/../../images/icon-tree.png);
}
.jstree-default-large .jstree-icon:empty {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.jstree-default-large.jstree-rtl .jstree-node {
  margin-right: 32px;
  background-image: url("data:image/png");
  background-position: 100% 1px;
  background-repeat: repeat-y;
  background-image: url("data:image/png");
}
.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -128px -32px;
}
.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -96px -32px;
}
.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -64px -32px;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node {
  background: transparent;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px -32px;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0 -32px;
}
.jstree-default-large .jstree-wholerow {
  height: 32px;
}
.jstree-default-large .jstree-last {
  background: transparent;
}
.jstree-default-large .jstree-themeicon {
  background-position: -256px 0;
}
.jstree-default-large > .jstree-no-dots .jstree-node {
  background: transparent;
}
.jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px 0;
}
.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0 0;
}
.jstree-default-large > .jstree-striped {
  background-size: auto 64px;
}
.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url(/../../images/tree/throbber.gif) center center no-repeat;
}
.jstree-default-large > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
.jstree-default-large .jstree-disabled {
  background: transparent;
}
.jstree-default-large .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-default-large .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default-large .jstree-checkbox {
  background-position: -160px 0;
}
.jstree-default-large .jstree-checkbox:hover {
  background-position: -160px -32px;
}
.jstree-default-large .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg");
  filter: gray;
}
.jstree-default-large .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-default-large .jstree-file {
  background: url(/../../images/icon-tree.png) -96px -64px no-repeat;
}
.jstree-default-large .jstree-folder {
  background: url(/../../images/icon-tree.png) -256px 0 no-repeat;
}
.jstree-default-large .jstree-open > .jstree-ocl {
  background-position: -128px 0;
}
.jstree-default-large .jstree-closed > .jstree-ocl {
  background-position: -96px 0;
}
.jstree-default-large .jstree-leaf > .jstree-ocl {
  background-position: -64px 0;
}
.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox {
  background-position: -224px 0;
}
.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover {
  background-position: -224px -32px;
}
.jstree-default-large .jstree-checked > .jstree-checkbox {
  background-position: -224px 0;
}
.jstree-default-large .jstree-checked > .jstree-checkbox:hover {
  background-position: -224px -32px;
}

@media (max-width: 768px) {
  .jstree-default-responsive .jstree-icon {
    background-image: url(/../../images/tree-1.png);
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-image: url(/../../images/tree-1.png);
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-icon:empty {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .jstree-default-responsive .jstree-node {
    background: transparent;
    min-height: 40px;
    line-height: 40px;
    margin-left: 40px;
    min-width: 40px;
    white-space: nowrap;
    background-position: -80px 0;
    background-repeat: repeat-y;
    background-image: url(/../../images/tree-1.png);
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-node > .jstree-ocl {
    background-image: url(/../../images/tree-1.png);
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-anchor {
    line-height: 40px;
    height: 40px;
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }
  .jstree-default-responsive .jstree-anchor > .jstree-undetermined {
    background-position: 0 -120px;
  }
  .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
    background-position: 0 -120px;
  }
  .jstree-default-responsive > .jstree-striped {
    background: transparent;
  }
  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
  }
  .jstree-default-responsive.jstree-rtl .jstree-node {
    margin-left: 0;
    margin-right: 40px;
  }
  .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0;
  }
  .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -40px 0 !important;
  }
  .jstree-default-responsive .jstree-ocl {
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-themeicon {
    background-size: 120px 240px;
    background-position: -40px -40px;
    background-image: url(/../../images/tree-1.png);
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-checkbox {
    background-size: 120px 240px;
    background-position: -40px -80px;
    background-image: url(/../../images/tree-1.png);
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-checkbox:hover {
    background-position: -40px -80px;
  }
  .jstree-default-responsive .jstree-wholerow {
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(64, 64, 64, 0.2);
    background: #ebebeb;
    height: 40px;
  }
  .jstree-default-responsive .jstree-wholerow-hovered {
    background: #e7f4f9;
  }
  .jstree-default-responsive .jstree-wholerow-clicked {
    background: #beebff;
  }
  .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
    box-shadow: inset 0 6px 3px -5px #666666;
    border-top: 0;
  }
  .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
    box-shadow: none;
  }
  .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
    box-shadow: inset 0 -6px 3px -5px #666666;
  }
  .jstree-default-responsive .jstree-last {
    background: transparent;
  }
  .jstree-default-responsive .jstree-last > .jstree-ocl {
    background-position: -40px -160px;
  }
  .jstree-default-responsive .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
  }
  .jstree-default-responsive .jstree-file {
    background: url(/../../images/tree-1.png) 0 -160px no-repeat;
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-folder {
    background: url(/../../images/tree-1.png) -40px -40px no-repeat;
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background: transparent;
    background: transparent;
    background-position: -40px -120px;
  }
  .jstree-default-responsive .jstree-open > .jstree-ocl {
    background-position: 0 0 !important;
  }
  .jstree-default-responsive .jstree-closed > .jstree-ocl {
    background-position: 0 -40px !important;
  }
  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox {
    background-position: 0 -80px;
  }
  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover {
    background-position: 0 -80px;
  }
  .jstree-default-responsive .jstree-checked > .jstree-checkbox {
    background-position: 0 -80px;
  }
  .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
    background-position: 0 -80px;
  }
  #jstree-dnd.jstree-dnd-responsive {
    line-height: 40px;
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }
  #jstree-dnd.jstree-dnd-responsive > i {
    background: transparent;
    width: 40px;
    height: 40px;
  }
  #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
    background-image: url(/../../images/tree-1.png);
    background-position: 0 -200px;
    background-size: 120px 240px;
  }
  #jstree-dnd.jstree-dnd-responsive > .jstree-er {
    background-image: url(/../../images/tree-1.png);
    background-position: -40px -200px;
    background-size: 120px 240px;
  }
  #jstree-marker.jstree-dnd-responsive {
    border-left-width: 10px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    margin-top: -10px;
  }
}
.jstree-leaf > .jstree-ocl {
  cursor: default;
}

.jstree-no-icons .jstree-themeicon {
  display: none;
}
.jvectormap-goback, .jvectormap-zoomout, .jvectormap-zoomin {
  position: absolute;
  left: 10px;
  border-radius: 3px;
  background: #292929;
  padding: 5px;
  color: #fff;
  cursor: pointer;
  line-height: 20px;
  text-align: center;
  box-sizing: content-box;
}

.jvectormap-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.jvector-map-height {
  height: 389px;
}

.jvectormap-tip {
  position: absolute;
  display: none;
  border: solid 1px #cdcdcd;
  border-radius: 3px;
  background: #292929;
  color: #fff;
  font-family: sans-serif, Verdana;
  font-size: smaller;
  padding: 3px;
}

.jvectormap-zoomin {
  width: 20px;
  height: 20px;
  bottom: 10px;
}

.jvectormap-zoomout {
  width: 20px;
  height: 20px;
  bottom: 50px;
}

.jvectormap-goback {
  bottom: 10px;
  z-index: 1000;
  padding: 6px;
}

.jvectormap-spinner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
}

.jvectormap-legend-title {
  font-weight: 700;
  font-size: 14px;
  text-align: center;
}

.jvectormap-legend-cnt {
  position: absolute;
}

.jvectormap-legend-cnt-h {
  bottom: 0;
  right: 0;
}
.jvectormap-legend-cnt-h .jvectormap-legend {
  float: left;
  margin: 0 10px 10px 0;
  padding: 3px 3px 1px;
}
.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
  float: left;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick {
  width: 40px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
  height: 15px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
  text-align: center;
}

.jvectormap-legend-cnt-v {
  top: 0;
  right: 0;
}
.jvectormap-legend-cnt-v .jvectormap-legend {
  margin: 10px 10px 0 0;
  padding: 3px;
}
.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}
.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  padding-left: 3px;
}

.jvectormap-legend {
  background: #000;
  color: #fff;
  border-radius: 3px;
}

.jvectormap-legend-tick-text {
  font-size: 12px;
}

.jvectormap-legend .jvectormap-legend-tick-sample {
  height: 26px;
}
/* VARIABLES */
/* Applies a stroke to the icons. Can use percentage for responsive */
.climacon_component-stroke {
  fill: #dcdada;
  stroke-width: 1px;
  stroke: #717171;
}

.climacon_component-fill {
  fill: rgba(113, 113, 113, 0.2509803922);
  stroke-width: 0;
  stroke: #ddd;
}

/* SVG GLOBAL */
svg.climacon {
  display: inline-block;
  width: 80px;
  height: 80px;
  shape-rendering: geometricPrecision;
}

g, path, circle, rect {
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform-origin: 50% 50%;
  animation-duration: 18s;
  animation-direction: normal;
}

/* SUN */
.climacon_componentWrap-sun {
  animation-name: rotate;
}

.climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke {
  animation-name: scale;
  animation-direction: alternate;
  animation-duration: 4.5s;
}

.climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke:nth-child(even) {
  animation-delay: 4.5s;
}

/* MOON */
.climacon_componentWrap-moon {
  animation-name: partialRotate;
  animation-duration: 18s;
  animation-direction: alternate;
}

/* WIND */
.climacon_componentWrap-wind {
  animation-name: translateWind;
  animation-duration: 6s;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}

/* SNOWFLAKE */
.climacon_componentWrap-snowflake {
  animation-name: rotate;
  animation-duration: 54s;
  animation-direction: normal;
}

/* CLOUD SUN */
.climacon_componentWrap-sun_cloud {
  animation-name: behindCloudMove, rotate;
  animation-iteration-count: 1, infinite;
  animation-timing-function: ease-out, linear;
  animation-delay: 0, 4.5s;
  animation-duration: 4.5s, 18s;
}

.climacon_componentWrap-sun_cloud .climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke {
  fill-opacity: 0;
  animation-name: fillOpacity, scale;
  animation-iteration-count: 1, infinite;
  animation-delay: 4.5s, 0;
  animation-fill-mode: both;
}

.climacon_componentWrap-sun_cloud .climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke:nth-child(even) {
  animation-delay: 4.5s;
}

/* CLOUD MOON */
.climacon_componentWrap-moon_cloud {
  animation-name: behindCloudMove, partialRotate;
  animation-iteration-count: 1, infinite;
  animation-timing-function: ease-out, linear;
  animation-delay: 0, 4.5s;
  animation-duration: 4.5s, 18s;
}

/* DRIZZLE */
.climacon_component-stroke_drizzle {
  fill-opacity: 0;
  animation-name: drizzleFall, fillOpacity2;
  animation-timing-function: ease-in;
  animation-duration: 1.5s;
}

.climacon_component-stroke_drizzle:nth-child(1) {
  animation-delay: 0s;
}

.climacon_component-stroke_drizzle:nth-child(2) {
  animation-delay: 0.9s;
}

.climacon_component-stroke_drizzle:nth-child(3) {
  animation-delay: 1.8s;
}

/* RAIN */
.climacon_component-stroke_rain {
  fill-opacity: 0;
  animation-name: rainFall, fillOpacity2;
  animation-timing-function: ease-in;
  animation-duration: 3s;
}

.climacon_component-stroke_rain:nth-child(n+4) {
  animation-delay: 1.5s;
}

.climacon_component-stroke_rain_alt:nth-child(2) {
  animation-delay: 1.5s;
}

/* HAIL */
/* HAIL ALT */
.climacon_component-stroke_hailAlt {
  fill-opacity: 1;
  animation-timing-function: ease-in;
  animation-duration: 1s;
}

.climacon_component-stroke_hailAlt-left {
  animation-name: hailLeft, fillOpacity2;
}

.climacon_component-stroke_hailAlt-middle {
  animation-name: hailMiddle, fillOpacity2;
}

.climacon_component-stroke_hailAlt-middle:nth-child(2) {
  animation-name: hailMiddle2, fillOpacity2;
}

.climacon_component-stroke_hailAlt-right {
  animation-name: hailRight, fillOpacity2;
}

.climacon_component-stroke_hailAlt:nth-child(1) {
  animation-delay: 0s;
}

.climacon_component-stroke_hailAlt:nth-child(2) {
  animation-delay: 0.1666666667s;
}

.climacon_component-stroke_hailAlt:nth-child(3) {
  animation-delay: 0.3333333333s;
}

.climacon_component-stroke_hailAlt:nth-child(4) {
  animation-delay: 0.5s;
}

.climacon_component-stroke_hailAlt:nth-child(5) {
  animation-delay: 0.6666666667s;
}

.climacon_component-stroke_hailAlt:nth-child(6) {
  animation-delay: 0.8333333333s;
}

/* SNOW */
.climacon_component-stroke_snow {
  fill-opacity: 0;
  animation-name: snowFall, fillOpacity2;
  animation-timing-function: ease-in-out;
  animation-duration: 9s;
}

.climacon_component-stroke_snow:nth-child(3) {
  animation-name: snowFall2, fillOpacity2;
}

.climacon_component-stroke_snow:nth-child(1) {
  animation-delay: 0s;
}

.climacon_component-stroke_snow:nth-child(2) {
  animation-delay: 3s;
}

.climacon_component-stroke_snow:nth-child(3) {
  animation-delay: 6s;
}

/* SNOW ALT */
.climacon_wrapperComponent-snowAlt {
  fill-opacity: 0;
  animation-name: snowFall, fillOpacity2;
  animation-timing-function: ease-in-out;
  animation-duration: 9s;
}

/* FOG */
.climacon_component-stroke_fogLine {
  fill-opacity: 0.5;
  animation-name: translateFog, fillOpacityFog;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in;
  animation-duration: 18s;
}

.climacon_component-stroke_fogLine:nth-child(even) {
  animation-delay: 9s;
}

/* LIGHTNING */
.climacon_component-stroke_lightning {
  fill-opacity: 0;
  animation-name: fillOpacityLightning;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-duration: 18s;
}

/* TORNADO */
.climacon_component-stroke_tornadoLine {
  animation-name: translateTornado1;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
  animation-duration: 18s;
}

.climacon_component-stroke_tornadoLine:nth-child(1) {
  animation-name: translateTornado1;
}

.climacon_component-stroke_tornadoLine:nth-child(2) {
  animation-name: translateTornado2;
}

.climacon_component-stroke_tornadoLine:nth-child(3) {
  animation-name: translateTornado3;
}

.climacon_component-stroke_tornadoLine:nth-child(4) {
  animation-name: translateTornado4;
}

.climacon_component-stroke_tornadoLine:nth-child(5) {
  animation-name: translateTornado5;
}

.climacon_component-stroke_tornadoLine:nth-child(6) {
  animation-name: translateTornado6;
}

.climacon_componentWrap-sunsetAlt {
  animation-name: translateSunset;
  animation-duration: 4.5s;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
}

.climacon_componentWrap-sunsetAlt {
  animation-name: translateSunset;
  animation-iteration-count: 1;
}

.climacon_iconWrap-sun .climacon_component-stroke_sunSpoke, .climacon_iconWrap-sunFill .climacon_component-stroke_sunSpoke {
  fill-opacity: 1;
  animation-name: scale;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  animation-fill-mode: both;
  animation-direction: alternate;
}

.climacon_iconWrap-sun .climacon_component-stroke_sunSpoke:nth-child(even), .climacon_iconWrap-sunFill .climacon_component-stroke_sunSpoke:nth-child(even) {
  animation-delay: 4.5s;
}

.climacon-iconWrap_sunFill .climacon_component-stroke_sunSpoke {
  fill-opacity: 1;
  animation-name: scale;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  animation-fill-mode: both;
  animation-direction: alternate;
}

.climacon-iconWrap_sunFill .climacon_component-stroke_sunSpoke:nth-child(even) {
  animation-delay: 4.5s;
}

.climacon_component-stroke_arrow-up {
  fill-opacity: 0;
  animation-name: fillOpacity2, translateArrowUp;
  animation-duration: 4.5s;
}

.climacon_component-stroke_arrow-down {
  fill-opacity: 0;
  animation-name: fillOpacity2, translateArrowDown;
  animation-duration: 4.5s;
}

.climacon_componentWrap-sunrise .climacon_component-stroke_sunSpoke, .climacon_componentWrap-sunset .climacon_component-stroke_sunSpoke {
  animation-name: scale;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-duration: 4.5s;
  animation-delay: 0s;
  animation-fill-mode: both;
}

.climacon_componentWrap-sunrise .climacon_component-stroke_sunSpoke:nth-child(even), .climacon_componentWrap-sunset .climacon_component-stroke_sunSpoke:nth-child(even) {
  animation-delay: 4.5s;
}

.climacon_componentWrap-sunriseAlt {
  animation-name: translateSunrise, fillOpacity;
  animation-duration: 18s, 9s;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.climacon_componentWrap-sunriseAlt .climacon_component-stroke_sunSpoke {
  fill-opacity: 0;
  animation-name: fillOpacity, scale;
  animation-direction: normal, alternate;
  animation-iteration-count: 1, infinite;
  animation-duration: 4.5s;
  animation-delay: 4.5s, 0;
  animation-fill-mode: both;
}

.climacon_componentWrap-sunriseAlt .climacon_component-stroke_sunSpoke:nth-child(even) {
  animation-delay: 4.5s, 4.5s;
}

.climacon_componentWrap-sunsetAlt {
  animation-name: translateSunset;
  animation-delay: 0s;
  animation-duration: 18s;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

/* ANIMATIONS */
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes partialRotate {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-15deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes scale {
  0% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0.5, 0.5);
  }
}
@keyframes behindCloudMove {
  0% {
    transform: translateX(-1.75px) translateY(1.75px);
  }
  100% {
    transform: translateX(0) translateY(0);
  }
}
@keyframes drizzleFall {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(21px);
  }
}
@keyframes rainFall {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(14px);
  }
}
@keyframes rainFall2 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(14px);
  }
  100% {
    transform: translateX(14px) translateY(14px);
  }
}
@keyframes hailLeft {
  50% {
    transform: translateY(17.5px);
  }
  51% {
    transform: translateY(17.5px) translateX(-0.3px);
  }
  53% {
    transform: translateY(16.4033342063px) translateX(-0.9px);
  }
  55% {
    transform: translateY(15.3239634873px) translateX(-1.5px);
  }
  57% {
    transform: translateY(14.278910164px) translateX(-2.1px);
  }
  59% {
    transform: translateY(13.2846553516px) translateX(-2.7px);
  }
  61% {
    transform: translateY(12.3568790424px) translateX(-3.3px);
  }
  63% {
    transform: translateY(11.5102128231px) translateX(-3.9px);
  }
  65% {
    transform: translateY(10.7580091257px) translateX(-4.5px);
  }
  67% {
    transform: translateY(10.1121306519px) translateX(-5.1px);
  }
  69% {
    transform: translateY(9.5827632909px) translateX(-5.7px);
  }
  71% {
    transform: translateY(9.1782554824px) translateX(-6.3px);
  }
  73% {
    transform: translateY(8.9049865561px) translateX(-6.9px);
  }
  75% {
    transform: translateY(8.7672661263px) translateX(-7.5px);
  }
  77% {
    transform: translateY(8.7672661263px) translateX(-8.1px);
  }
  79% {
    transform: translateY(8.9049865561px) translateX(-8.7px);
  }
  81% {
    transform: translateY(9.1782554824px) translateX(-9.3px);
  }
  83% {
    transform: translateY(9.5827632909px) translateX(-9.9px);
  }
  85% {
    transform: translateY(10.1121306519px) translateX(-10.5px);
  }
  87% {
    transform: translateY(10.7580091257px) translateX(-11.1px);
  }
  89% {
    transform: translateY(11.5102128231px) translateX(-11.7px);
  }
  91% {
    transform: translateY(12.3568790424px) translateX(-12.3px);
  }
  93% {
    transform: translateY(13.2846553516px) translateX(-12.9px);
  }
  95% {
    transform: translateY(14.278910164px) translateX(-13.5px);
  }
  97% {
    transform: translateY(15.3239634873px) translateX(-14.1px);
  }
  99% {
    transform: translateY(16.4033342063px) translateX(-14.7px);
  }
}
@keyframes hailMiddle {
  50% {
    transform: translateY(17.5px);
  }
  51% {
    transform: translateY(17.5px) translateX(-0.15px);
  }
  53% {
    transform: translateY(16.4033342063px) translateX(-0.45px);
  }
  55% {
    transform: translateY(15.3239634873px) translateX(-0.75px);
  }
  57% {
    transform: translateY(14.278910164px) translateX(-1.05px);
  }
  59% {
    transform: translateY(13.2846553516px) translateX(-1.35px);
  }
  61% {
    transform: translateY(12.3568790424px) translateX(-1.65px);
  }
  63% {
    transform: translateY(11.5102128231px) translateX(-1.95px);
  }
  65% {
    transform: translateY(10.7580091257px) translateX(-2.25px);
  }
  67% {
    transform: translateY(10.1121306519px) translateX(-2.55px);
  }
  69% {
    transform: translateY(9.5827632909px) translateX(-2.85px);
  }
  71% {
    transform: translateY(9.1782554824px) translateX(-3.15px);
  }
  73% {
    transform: translateY(8.9049865561px) translateX(-3.45px);
  }
  75% {
    transform: translateY(8.7672661263px) translateX(-3.75px);
  }
  77% {
    transform: translateY(8.7672661263px) translateX(-4.05px);
  }
  79% {
    transform: translateY(8.9049865561px) translateX(-4.35px);
  }
  81% {
    transform: translateY(9.1782554824px) translateX(-4.65px);
  }
  83% {
    transform: translateY(9.5827632909px) translateX(-4.95px);
  }
  85% {
    transform: translateY(10.1121306519px) translateX(-5.25px);
  }
  87% {
    transform: translateY(10.7580091257px) translateX(-5.55px);
  }
  89% {
    transform: translateY(11.5102128231px) translateX(-5.85px);
  }
  91% {
    transform: translateY(12.3568790424px) translateX(-6.15px);
  }
  93% {
    transform: translateY(13.2846553516px) translateX(-6.45px);
  }
  95% {
    transform: translateY(14.278910164px) translateX(-6.75px);
  }
  97% {
    transform: translateY(15.3239634873px) translateX(-7.05px);
  }
  99% {
    transform: translateY(16.4033342063px) translateX(-7.35px);
  }
}
@keyframes hailMiddle2 {
  50% {
    transform: translateY(17.5px);
  }
  51% {
    transform: translateY(17.5px) translateX(0.15px);
  }
  53% {
    transform: translateY(16.4033342063px) translateX(0.45px);
  }
  55% {
    transform: translateY(15.3239634873px) translateX(0.75px);
  }
  57% {
    transform: translateY(14.278910164px) translateX(1.05px);
  }
  59% {
    transform: translateY(13.2846553516px) translateX(1.35px);
  }
  61% {
    transform: translateY(12.3568790424px) translateX(1.65px);
  }
  63% {
    transform: translateY(11.5102128231px) translateX(1.95px);
  }
  65% {
    transform: translateY(10.7580091257px) translateX(2.25px);
  }
  67% {
    transform: translateY(10.1121306519px) translateX(2.55px);
  }
  69% {
    transform: translateY(9.5827632909px) translateX(2.85px);
  }
  71% {
    transform: translateY(9.1782554824px) translateX(3.15px);
  }
  73% {
    transform: translateY(8.9049865561px) translateX(3.45px);
  }
  75% {
    transform: translateY(8.7672661263px) translateX(3.75px);
  }
  77% {
    transform: translateY(8.7672661263px) translateX(4.05px);
  }
  79% {
    transform: translateY(8.9049865561px) translateX(4.35px);
  }
  81% {
    transform: translateY(9.1782554824px) translateX(4.65px);
  }
  83% {
    transform: translateY(9.5827632909px) translateX(4.95px);
  }
  85% {
    transform: translateY(10.1121306519px) translateX(5.25px);
  }
  87% {
    transform: translateY(10.7580091257px) translateX(5.55px);
  }
  89% {
    transform: translateY(11.5102128231px) translateX(5.85px);
  }
  91% {
    transform: translateY(12.3568790424px) translateX(6.15px);
  }
  93% {
    transform: translateY(13.2846553516px) translateX(6.45px);
  }
  95% {
    transform: translateY(14.278910164px) translateX(6.75px);
  }
  97% {
    transform: translateY(15.3239634873px) translateX(7.05px);
  }
  99% {
    transform: translateY(16.4033342063px) translateX(7.35px);
  }
}
@keyframes hailRight {
  50% {
    transform: translateY(17.5px);
  }
  51% {
    transform: translateY(17.5px) translateX(0.3px);
  }
  53% {
    transform: translateY(16.4033342063px) translateX(0.9px);
  }
  55% {
    transform: translateY(15.3239634873px) translateX(1.5px);
  }
  57% {
    transform: translateY(14.278910164px) translateX(2.1px);
  }
  59% {
    transform: translateY(13.2846553516px) translateX(2.7px);
  }
  61% {
    transform: translateY(12.3568790424px) translateX(3.3px);
  }
  63% {
    transform: translateY(11.5102128231px) translateX(3.9px);
  }
  65% {
    transform: translateY(10.7580091257px) translateX(4.5px);
  }
  67% {
    transform: translateY(10.1121306519px) translateX(5.1px);
  }
  69% {
    transform: translateY(9.5827632909px) translateX(5.7px);
  }
  71% {
    transform: translateY(9.1782554824px) translateX(6.3px);
  }
  73% {
    transform: translateY(8.9049865561px) translateX(6.9px);
  }
  75% {
    transform: translateY(8.7672661263px) translateX(7.5px);
  }
  77% {
    transform: translateY(8.7672661263px) translateX(8.1px);
  }
  79% {
    transform: translateY(8.9049865561px) translateX(8.7px);
  }
  81% {
    transform: translateY(9.1782554824px) translateX(9.3px);
  }
  83% {
    transform: translateY(9.5827632909px) translateX(9.9px);
  }
  85% {
    transform: translateY(10.1121306519px) translateX(10.5px);
  }
  87% {
    transform: translateY(10.7580091257px) translateX(11.1px);
  }
  89% {
    transform: translateY(11.5102128231px) translateX(11.7px);
  }
  91% {
    transform: translateY(12.3568790424px) translateX(12.3px);
  }
  93% {
    transform: translateY(13.2846553516px) translateX(12.9px);
  }
  95% {
    transform: translateY(14.278910164px) translateX(13.5px);
  }
  97% {
    transform: translateY(15.3239634873px) translateX(14.1px);
  }
  99% {
    transform: translateY(16.4033342063px) translateX(14.7px);
  }
}
@keyframes fillOpacity {
  0% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  100% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
}
@keyframes fillOpacity2 {
  0% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  50% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
  100% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
}
@keyframes lightningFlash {
  0% {
    fill-opacity: 0;
  }
  1% {
    fill-opacity: 1;
  }
  2% {
    fill-opacity: 0;
  }
  50% {
    fill-opacity: 0;
  }
  51% {
    fill-opacity: 1;
  }
  52% {
    fill-opacity: 0;
  }
  53% {
    fill-opacity: 1;
  }
  54% {
    fill-opacity: 0;
  }
  100% {
    fill-opacity: 0;
  }
}
@keyframes snowFall {
  0% {
    transform: translateY(0px) translateX(0px);
  }
  2% {
    transform: translateY(0.35px) translateX(0.7534862344px);
  }
  4% {
    transform: translateY(0.7px) translateX(1.441332186px);
  }
  6% {
    transform: translateY(1.05px) translateX(2.0611944604px);
  }
  8% {
    transform: translateY(1.4px) translateX(2.6112438152px);
  }
  10% {
    transform: translateY(1.75px) translateX(3.0901699437px);
  }
  12% {
    transform: translateY(2.1px) translateX(3.4971832505px);
  }
  14% {
    transform: translateY(2.45px) translateX(3.8320136241px);
  }
  16% {
    transform: translateY(2.8px) translateX(4.0949062299px);
  }
  18% {
    transform: translateY(3.15px) translateX(4.2866143598px);
  }
  20% {
    transform: translateY(3.5px) translateX(4.4083893922px);
  }
  22% {
    transform: translateY(3.85px) translateX(4.4619679282px);
  }
  24% {
    transform: translateY(4.2px) translateX(4.4495561885px);
  }
  26% {
    transform: translateY(4.55px) translateX(4.3738117645px);
  }
  28% {
    transform: translateY(4.9px) translateX(4.2378228353px);
  }
  30% {
    transform: translateY(5.25px) translateX(4.0450849719px);
  }
  32% {
    transform: translateY(5.6px) translateX(3.7994756648px);
  }
  34% {
    transform: translateY(5.95px) translateX(3.5052267202px);
  }
  36% {
    transform: translateY(6.3px) translateX(3.1668946836px);
  }
  38% {
    transform: translateY(6.65px) translateX(2.7893294577px);
  }
  40% {
    transform: translateY(7px) translateX(2.3776412907px);
  }
  42% {
    transform: translateY(7.35px) translateX(1.9371663223px);
  }
  44% {
    transform: translateY(7.7px) translateX(1.4734308761px);
  }
  46% {
    transform: translateY(8.05px) translateX(0.9921147013px);
  }
  48% {
    transform: translateY(8.4px) translateX(0.4990133642px);
  }
  50% {
    transform: translateY(8.75px) translateX(0px);
  }
  52% {
    transform: translateY(9.1px) translateX(-0.4990133642px);
  }
  54% {
    transform: translateY(9.45px) translateX(-0.9921147013px);
  }
  56% {
    transform: translateY(9.8px) translateX(-1.4734308761px);
  }
  58% {
    transform: translateY(10.15px) translateX(-1.9371663223px);
  }
  60% {
    transform: translateY(10.5px) translateX(-2.3776412907px);
  }
  62% {
    transform: translateY(10.85px) translateX(-2.7893294577px);
  }
  64% {
    transform: translateY(11.2px) translateX(-3.1668946836px);
  }
  66% {
    transform: translateY(11.55px) translateX(-3.5052267202px);
  }
  68% {
    transform: translateY(11.9px) translateX(-3.7994756648px);
  }
  70% {
    transform: translateY(12.25px) translateX(-4.0450849719px);
  }
  72% {
    transform: translateY(12.6px) translateX(-4.2378228353px);
  }
  74% {
    transform: translateY(12.95px) translateX(-4.3738117645px);
  }
  76% {
    transform: translateY(13.3px) translateX(-4.4495561885px);
  }
  78% {
    transform: translateY(13.65px) translateX(-4.4619679282px);
  }
  80% {
    transform: translateY(14px) translateX(-4.4083893922px);
  }
  82% {
    transform: translateY(14.35px) translateX(-4.2866143598px);
  }
  84% {
    transform: translateY(14.7px) translateX(-4.0949062299px);
  }
  86% {
    transform: translateY(15.05px) translateX(-3.8320136241px);
  }
  88% {
    transform: translateY(15.4px) translateX(-3.4971832505px);
  }
  90% {
    transform: translateY(15.75px) translateX(-3.0901699438px);
  }
  92% {
    transform: translateY(16.1px) translateX(-2.6112438152px);
  }
  94% {
    transform: translateY(16.45px) translateX(-2.0611944605px);
  }
  96% {
    transform: translateY(16.8px) translateX(-1.441332186px);
  }
  98% {
    transform: translateY(17.15px) translateX(-0.7534862344px);
  }
  100% {
    transform: translateY(17.5px) translateX(-0.0000000001px);
  }
}
@keyframes snowFall2 {
  0% {
    transform: translateY(0px) translateX(0px);
  }
  2% {
    transform: translateY(0.35px) translateX(-0.7534862344px);
  }
  4% {
    transform: translateY(0.7px) translateX(-1.441332186px);
  }
  6% {
    transform: translateY(1.05px) translateX(-2.0611944604px);
  }
  8% {
    transform: translateY(1.4px) translateX(-2.6112438152px);
  }
  10% {
    transform: translateY(1.75px) translateX(-3.0901699437px);
  }
  12% {
    transform: translateY(2.1px) translateX(-3.4971832505px);
  }
  14% {
    transform: translateY(2.45px) translateX(-3.8320136241px);
  }
  16% {
    transform: translateY(2.8px) translateX(-4.0949062299px);
  }
  18% {
    transform: translateY(3.15px) translateX(-4.2866143598px);
  }
  20% {
    transform: translateY(3.5px) translateX(-4.4083893922px);
  }
  22% {
    transform: translateY(3.85px) translateX(-4.4619679282px);
  }
  24% {
    transform: translateY(4.2px) translateX(-4.4495561885px);
  }
  26% {
    transform: translateY(4.55px) translateX(-4.3738117645px);
  }
  28% {
    transform: translateY(4.9px) translateX(-4.2378228353px);
  }
  30% {
    transform: translateY(5.25px) translateX(-4.0450849719px);
  }
  32% {
    transform: translateY(5.6px) translateX(-3.7994756648px);
  }
  34% {
    transform: translateY(5.95px) translateX(-3.5052267202px);
  }
  36% {
    transform: translateY(6.3px) translateX(-3.1668946836px);
  }
  38% {
    transform: translateY(6.65px) translateX(-2.7893294577px);
  }
  40% {
    transform: translateY(7px) translateX(-2.3776412907px);
  }
  42% {
    transform: translateY(7.35px) translateX(-1.9371663223px);
  }
  44% {
    transform: translateY(7.7px) translateX(-1.4734308761px);
  }
  46% {
    transform: translateY(8.05px) translateX(-0.9921147013px);
  }
  48% {
    transform: translateY(8.4px) translateX(-0.4990133642px);
  }
  50% {
    transform: translateY(8.75px) translateX(0px);
  }
  52% {
    transform: translateY(9.1px) translateX(0.4990133642px);
  }
  54% {
    transform: translateY(9.45px) translateX(0.9921147013px);
  }
  56% {
    transform: translateY(9.8px) translateX(1.4734308761px);
  }
  58% {
    transform: translateY(10.15px) translateX(1.9371663223px);
  }
  60% {
    transform: translateY(10.5px) translateX(2.3776412907px);
  }
  62% {
    transform: translateY(10.85px) translateX(2.7893294577px);
  }
  64% {
    transform: translateY(11.2px) translateX(3.1668946836px);
  }
  66% {
    transform: translateY(11.55px) translateX(3.5052267202px);
  }
  68% {
    transform: translateY(11.9px) translateX(3.7994756648px);
  }
  70% {
    transform: translateY(12.25px) translateX(4.0450849719px);
  }
  72% {
    transform: translateY(12.6px) translateX(4.2378228353px);
  }
  74% {
    transform: translateY(12.95px) translateX(4.3738117645px);
  }
  76% {
    transform: translateY(13.3px) translateX(4.4495561885px);
  }
  78% {
    transform: translateY(13.65px) translateX(4.4619679282px);
  }
  80% {
    transform: translateY(14px) translateX(4.4083893922px);
  }
  82% {
    transform: translateY(14.35px) translateX(4.2866143598px);
  }
  84% {
    transform: translateY(14.7px) translateX(4.0949062299px);
  }
  86% {
    transform: translateY(15.05px) translateX(3.8320136241px);
  }
  88% {
    transform: translateY(15.4px) translateX(3.4971832505px);
  }
  90% {
    transform: translateY(15.75px) translateX(3.0901699438px);
  }
  92% {
    transform: translateY(16.1px) translateX(2.6112438152px);
  }
  94% {
    transform: translateY(16.45px) translateX(2.0611944605px);
  }
  96% {
    transform: translateY(16.8px) translateX(1.441332186px);
  }
  98% {
    transform: translateY(17.15px) translateX(0.7534862344px);
  }
  100% {
    transform: translateY(17.5px) translateX(0.0000000001px);
  }
}
/* Tornado */
@keyframes translateTornado1 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(3.997px);
  }
  75% {
    transform: translateX(-3.997px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes translateTornado2 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(2.002px);
  }
  75% {
    transform: translateX(-2.002px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes translateTornado3 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(8.001px);
  }
  75% {
    transform: translateX(-8.001px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes translateTornado4 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(5.999px);
  }
  75% {
    transform: translateX(-5.999px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes translateTornado5 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(10.003px);
  }
  75% {
    transform: translateX(-10.003px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes translateTornado6 {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(5.999px);
  }
  75% {
    transform: translateX(-5.999px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes fillOpacityLightning {
  0% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  1% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
  7% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  50% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  51% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
  53% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  54% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
  60% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  100% {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
}
@keyframes translateFog {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(2.499px);
  }
  75% {
    transform: translateX(-2.499px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes fillOpacityFog {
  0% {
    fill-opacity: 0.5;
    stroke-opacity: 0.5;
  }
  50% {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
  100% {
    fill-opacity: 0.5;
    stroke-opacity: 0.5;
  }
}
@keyframes translateSunrise {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-16.002px);
  }
  100% {
    transform: translateY(-16.002px);
  }
}
@keyframes translateSunset {
  0% {
    transform: translateY(-16.002px);
  }
  25% {
    transform: translateY(-3.997px);
  }
  100% {
    transform: translateY(-3.997px);
  }
}
@keyframes translateArrowDown {
  0% {
    transform: translateY(2.002px);
  }
  100% {
    transform: translateY(4.998px);
  }
}
@keyframes translateArrowUp {
  0% {
    transform: translateY(-2.002px);
  }
  100% {
    transform: translateY(-4.998px);
  }
}
@keyframes translateWind {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(4.998px);
  }
  75% {
    transform: translateX(-4.998px);
  }
  100% {
    transform: translateX(0);
  }
}
@charset "UTF-8";
/*
 * This is a manifest file that'll be compiled into cleaner.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *



*/
/* Additional styles */
@import url(/assets/admin/vendors/plugins.bundle-313b9d7448fbcae175d89d10efb5f56c6ad59d3f92adeeb7889828d4705ee682.css);
.assign-disabled-link, .assign-disabled-link:hover {
  color: #999;
  cursor: not-allowed; }

/*!
 * Bootstrap  v5.3.0 (https://getbootstrap.com/)
 * Copyright 2011-2024 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, 181, 189;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f; }

*,
*::before,
*::after {
  box-sizing: border-box; }

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth; } }

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25; }

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color); }

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw); }

@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem; } }

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw); }

@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem; } }

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw); }

@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem; } }

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw); }

@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem; } }

h5, .h5 {
  font-size: 1.25rem; }

h6, .h6 {
  font-size: 1rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul {
  padding-left: 2rem; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: 0.5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

b,
strong {
  font-weight: bolder; }

small, .small {
  font-size: 0.875em; }

mark, .mark {
  padding: 0.1875em;
  background-color: var(--bs-highlight-bg); }

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline; }

a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb); }

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none; }

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em; }

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em; }

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal; }

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word; }

a > code {
  color: inherit; }

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem; }

kbd kbd {
  padding: 0;
  font-size: 1em; }

figure {
  margin: 0 0 1rem; }

img,
svg {
  vertical-align: middle; }

table {
  caption-side: bottom;
  border-collapse: collapse; }

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left; }

th {
  text-align: inherit;
  text-align: -webkit-match-parent; }

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0; }

label {
  display: inline-block; }

button {
  border-radius: 0; }

button:focus:not(:focus-visible) {
  outline: 0; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
select {
  text-transform: none; }

[role=button] {
  cursor: pointer; }

select {
  word-wrap: normal; }

select:disabled {
  opacity: 1; }

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important; }

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; }

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer; }

::-moz-focus-inner {
  padding: 0;
  border-style: none; }

textarea {
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit; }

@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem; } }

legend + * {
  clear: left; }

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0; }

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield; }

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-color-swatch-wrapper {
  padding: 0; }

::file-selector-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

iframe {
  border: 0; }

summary {
  display: list-item;
  cursor: pointer; }

progress {
  vertical-align: baseline; }

[hidden] {
  display: none !important; }

.lead {
  font-size: 1.25rem;
  font-weight: 300; }

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2; }

@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem; } }

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2; }

@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem; } }

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2; }

@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem; } }

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2; }

@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem; } }

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2; }

@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem; } }

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2; }

@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem; } }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem; }

.initialism {
  font-size: 0.875em;
  text-transform: uppercase; }

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem; }

.blockquote > :last-child {
  margin-bottom: 0; }

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d; }

.blockquote-footer::before {
  content: "— "; }

.img-fluid {
  max-width: 100%;
  height: auto; }

.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto; }

.figure {
  display: inline-block; }

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1; }

.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color); }

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px; } }

@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px; } }

@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px; } }

@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px; } }

@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px; } }

:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px; }

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x)); }

.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y); }

.col {
  flex: 1 0 0%; }

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto; }

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%; }

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%; }

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%; }

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%; }

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%; }

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%; }

.col-auto {
  flex: 0 0 auto;
  width: auto; }

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%; }

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%; }

.col-3 {
  flex: 0 0 auto;
  width: 25%; }

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%; }

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%; }

.col-6 {
  flex: 0 0 auto;
  width: 50%; }

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%; }

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%; }

.col-9 {
  flex: 0 0 auto;
  width: 75%; }

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%; }

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%; }

.col-12 {
  flex: 0 0 auto;
  width: 100%; }

.offset-1 {
  margin-left: 8.33333333%; }

.offset-2 {
  margin-left: 16.66666667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333333%; }

.offset-5 {
  margin-left: 41.66666667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333333%; }

.offset-8 {
  margin-left: 66.66666667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333333%; }

.offset-11 {
  margin-left: 91.66666667%; }

.g-0,
.gx-0 {
  --bs-gutter-x: 0; }

.g-0,
.gy-0 {
  --bs-gutter-y: 0; }

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem; }

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem; }

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem; }

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem; }

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem; }

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem; }

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem; }

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem; }

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem; }

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem; }

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%; }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%; }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%; }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%; }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%; }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%; }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%; }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%; }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%; }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%; }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333333%; }
  .offset-sm-2 {
    margin-left: 16.66666667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333333%; }
  .offset-sm-5 {
    margin-left: 41.66666667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333333%; }
  .offset-sm-8 {
    margin-left: 66.66666667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333333%; }
  .offset-sm-11 {
    margin-left: 91.66666667%; }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0; }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0; }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem; }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem; }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem; }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem; }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem; }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem; }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem; }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem; }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem; }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem; } }

@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%; }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%; }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%; }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%; }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%; }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%; }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%; }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%; }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%; }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%; }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333333%; }
  .offset-md-2 {
    margin-left: 16.66666667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333333%; }
  .offset-md-5 {
    margin-left: 41.66666667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333333%; }
  .offset-md-8 {
    margin-left: 66.66666667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333333%; }
  .offset-md-11 {
    margin-left: 91.66666667%; }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0; }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0; }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem; }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem; }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem; }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem; }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem; }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem; }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem; }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem; }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem; }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem; } }

@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%; }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%; }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%; }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%; }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%; }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%; }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%; }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%; }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%; }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%; }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333333%; }
  .offset-lg-2 {
    margin-left: 16.66666667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333333%; }
  .offset-lg-5 {
    margin-left: 41.66666667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333333%; }
  .offset-lg-8 {
    margin-left: 66.66666667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333333%; }
  .offset-lg-11 {
    margin-left: 91.66666667%; }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0; }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0; }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem; }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem; }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem; }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem; }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem; }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem; }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem; }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem; }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem; }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem; } }

@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%; }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%; }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%; }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%; }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%; }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%; }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%; }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%; }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%; }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%; }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333333%; }
  .offset-xl-2 {
    margin-left: 16.66666667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333333%; }
  .offset-xl-5 {
    margin-left: 41.66666667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333333%; }
  .offset-xl-8 {
    margin-left: 66.66666667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333333%; }
  .offset-xl-11 {
    margin-left: 91.66666667%; }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0; }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0; }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem; }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem; }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem; }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem; }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem; }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem; }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem; }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem; }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem; }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem; } }

@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%; }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%; }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%; }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%; }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%; }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%; }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%; }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%; }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%; }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%; }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%; }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-xxl-0 {
    margin-left: 0; }
  .offset-xxl-1 {
    margin-left: 8.33333333%; }
  .offset-xxl-2 {
    margin-left: 16.66666667%; }
  .offset-xxl-3 {
    margin-left: 25%; }
  .offset-xxl-4 {
    margin-left: 33.33333333%; }
  .offset-xxl-5 {
    margin-left: 41.66666667%; }
  .offset-xxl-6 {
    margin-left: 50%; }
  .offset-xxl-7 {
    margin-left: 58.33333333%; }
  .offset-xxl-8 {
    margin-left: 66.66666667%; }
  .offset-xxl-9 {
    margin-left: 75%; }
  .offset-xxl-10 {
    margin-left: 83.33333333%; }
  .offset-xxl-11 {
    margin-left: 91.66666667%; }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0; }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0; }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem; }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem; }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem; }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem; }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem; }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem; }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem; }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem; }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem; }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem; } }

.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color); }

.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); }

.table > tbody {
  vertical-align: inherit; }

.table > thead {
  vertical-align: bottom; }

.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor; }

.caption-top {
  caption-side: top; }

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem; }

.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0; }

.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width); }

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0; }

.table-borderless > :not(:first-child) {
  border-top-width: 0; }

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg); }

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg); }

.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg); }

.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg); }

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #bacbe6;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color); }

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #cbccce;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color); }

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #bcd0c7;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color); }

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #badce3;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color); }

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #e6dbb9;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color); }

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #dfc2c4;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color); }

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #dfe0e1;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color); }

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #373b3e;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color); }

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }

@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }

@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }

@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }

.form-label {
  margin-bottom: 0.5rem; }

.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5; }

.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem; }

.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem; }

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color); }

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  appearance: none;
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none; } }

.form-control[type=file] {
  overflow: hidden; }

.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer; }

.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }

.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0; }

.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0; }

.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1; }

.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1; }

.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: color 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; }

@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none; } }

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg); }

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0; }

.form-control-plaintext:focus {
  outline: 0; }

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0; }

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm); }

.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem; }

.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg); }

.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem; }

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2)); }

textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); }

textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); }

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem; }

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer; }

.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius); }

.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius); }

.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); }

.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); }

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none; }

@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none; } }

.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }

.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none; }

.form-select:disabled {
  background-color: var(--bs-secondary-bg); }

.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color); }

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm); }

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg); }

[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); }

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem; }

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em; }

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right; }

.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0; }

.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  appearance: none;
  print-color-adjust: exact; }

.form-check-input[type=checkbox] {
  border-radius: 0.25em; }

.form-check-input[type=radio] {
  border-radius: 50%; }

.form-check-input:active {
  filter: brightness(90%); }

.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }

.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd; }

.form-check-input[type=checkbox]:checked {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }

.form-check-input[type=radio]:checked {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); }

.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); }

.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5; }

.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5; }

.form-switch {
  padding-left: 2.5em; }

.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none; } }

.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); }

.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }

.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0; }

.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0; }

.form-check-inline {
  display: inline-block;
  margin-right: 1rem; }

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65; }

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); }

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  appearance: none; }

.form-range:focus {
  outline: 0; }

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }

.form-range::-moz-focus-outer {
  border: 0; }

.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none; }

@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none; } }

.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe; }

.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-tertiary-bg);
  border-color: transparent;
  border-radius: 1rem; }

.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none; }

@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none; } }

.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe; }

.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-tertiary-bg);
  border-color: transparent;
  border-radius: 1rem; }

.form-range:disabled {
  pointer-events: none; }

.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color); }

.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color); }

.form-floating {
  position: relative; }

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25; }

.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; }

@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none; } }

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem; }

.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent; }

.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem; }

.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem; }

.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem; }

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }

.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius); }

.form-floating > .form-control:-webkit-autofill ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }

.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0; }

.form-floating > :disabled ~ label {
  color: #6c757d; }

.form-floating > :disabled ~ label::after {
  background-color: var(--bs-secondary-bg); }

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%; }

.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0; }

.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5; }

.input-group .btn {
  position: relative;
  z-index: 2; }

.input-group .btn:focus {
  z-index: 5; }

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius); }

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg); }

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm); }

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem; }

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(var(--bs-border-width) * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color); }

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius); }

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: var(--bs-form-valid-border-color); }

.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select[size="1"]:valid:not([multiple]), .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid[size="1"]:not([multiple]) {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }

.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); }

.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem)); }

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color); }

.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color); }

.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color); }

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em; }

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control.is-valid:not(:focus),
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select.is-valid:not(:focus),
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating.is-valid:not(:focus-within) {
  z-index: 3; }

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color); }

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius); }

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color); }

.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select[size="1"]:invalid:not([multiple]), .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid[size="1"]:not([multiple]) {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }

.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); }

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem)); }

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color); }

.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color); }

.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color); }

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em; }

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control.is-invalid:not(:focus),
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select.is-invalid:not(:focus),
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating.is-invalid:not(:focus-within) {
  z-index: 4; }

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 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; }

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none; } }

.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color); }

.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color); }

.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow); }

.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow); }

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color); }

.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow); }

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity); }

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd; }

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d; }

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754; }

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0; }

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107; }

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545; }

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa; }

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529; }

.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none; }

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none; }

.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none; }

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none; }

.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none; }

.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none; }

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none; }

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none; }

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline; }

.btn-link:focus-visible {
  color: var(--bs-btn-color); }

.btn-link:hover {
  color: var(--bs-btn-hover-color); }

.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg); }

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm); }

.fade {
  transition: opacity 0.15s linear; }

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none; } }

.fade:not(.show) {
  opacity: 0; }

.collapse:not(.show) {
  display: none; }

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease; }

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none; } }

.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease; }

@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none; } }

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative; }

.dropdown-toggle {
  white-space: nowrap; }

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent; }

.dropdown-toggle:empty::after {
  margin-left: 0; }

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius); }

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer); }

.dropdown-menu-start {
  --bs-position: start; }

.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0; }

.dropdown-menu-end {
  --bs-position: end; }

.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto; }

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start; }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0; }
  .dropdown-menu-sm-end {
    --bs-position: end; }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto; } }

@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start; }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0; }
  .dropdown-menu-md-end {
    --bs-position: end; }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto; } }

@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start; }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0; }
  .dropdown-menu-lg-end {
    --bs-position: end; }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto; } }

@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start; }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0; }
  .dropdown-menu-xl-end {
    --bs-position: end; }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto; } }

@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start; }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0; }
  .dropdown-menu-xxl-end {
    --bs-position: end; }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto; } }

.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer); }

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent; }

.dropup .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer); }

.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid; }

.dropend .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropend .dropdown-toggle::after {
  vertical-align: 0; }

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer); }

.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: ""; }

.dropstart .dropdown-toggle::after {
  display: none; }

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent; }

.dropstart .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropstart .dropdown-toggle::before {
  vertical-align: 0; }

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1; }

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0); }

.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg); }

.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg); }

.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent; }

.dropdown-menu.show {
  display: block; }

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap; }

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color); }

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle; }

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto; }

.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1; }

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }

.btn-toolbar .input-group {
  width: auto; }

.btn-group {
  border-radius: var(--bs-border-radius); }

.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(var(--bs-border-width) * -1); }

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem; }

.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0; }

.dropstart .dropdown-toggle-split::before {
  margin-right: 0; }

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem; }

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem; }

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%; }

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(var(--bs-border-width) * -1); }

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none; } }

.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color); }

.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }

.nav-link.disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default; }

.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); }

.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius); }

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color); }

.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent; }

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color); }

.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd; }

.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius); }

.nav-pills .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent; }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg); }

.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap); }

.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent; }

.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor; }

.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor; }

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center; }

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center; }

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%; }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); }

.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between; }

.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap; }

.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color); }

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color); }

.navbar-nav .dropdown-menu {
  position: static; }

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color); }

.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color); }

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center; }

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition); }

@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none; } }

.navbar-toggler:hover {
  text-decoration: none; }

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); }

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%; }

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto; }

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start; }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row; }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute; }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x); }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible; }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto; }
  .navbar-expand-sm .navbar-toggler {
    display: none; }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none; }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none; }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible; } }

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start; }
  .navbar-expand-md .navbar-nav {
    flex-direction: row; }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute; }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x); }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible; }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto; }
  .navbar-expand-md .navbar-toggler {
    display: none; }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none; }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none; }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible; } }

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start; }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row; }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute; }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x); }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible; }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto; }
  .navbar-expand-lg .navbar-toggler {
    display: none; }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none; }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none; }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible; } }

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start; }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row; }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute; }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x); }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible; }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto; }
  .navbar-expand-xl .navbar-toggler {
    display: none; }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none; }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none; }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible; } }

@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start; }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row; }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute; }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x); }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible; }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto; }
  .navbar-expand-xxl .navbar-toggler {
    display: none; }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none; }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none; }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible; } }

.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start; }

.navbar-expand .navbar-nav {
  flex-direction: row; }

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute; }

.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x); }

.navbar-expand .navbar-nav-scroll {
  overflow: visible; }

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto; }

.navbar-expand .navbar-toggler {
  display: none; }

.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none; }

.navbar-expand .offcanvas .offcanvas-header {
  display: none; }

.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible; }

.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius); }

.card > hr {
  margin-right: 0;
  margin-left: 0; }

.card > .list-group {
  border-top: inherit;
  border-bottom: inherit; }

.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius); }

.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius); }

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0; }

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color); }

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color); }

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color); }

.card-text:last-child {
  margin-bottom: 0; }

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x); }

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); }

.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; }

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); }

.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); }

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0; }

.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg); }

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius); }

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%; }

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius); }

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius); }

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin); }

@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap; }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0; }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0; }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0; }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0; }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0; }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0; } }

.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 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, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle); }

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition); }

@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none; } }

.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); }

.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform); }

.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition); }

@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none; } }

.accordion-button:hover {
  z-index: 2; }

.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow); }

.accordion-header {
  margin-bottom: 0; }

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); }

.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius); }

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius); }

.accordion-item:not(:first-of-type) {
  border-top: 0; }

.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius); }

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius); }

.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius); }

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); }

.accordion-flush .accordion-collapse {
  border-width: 0; }

.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0; }

.accordion-flush .accordion-item:first-child {
  border-top: 0; }

.accordion-flush .accordion-item:last-child {
  border-bottom: 0; }

.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0; }

[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius); }

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x); }

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/"); }

.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color); }

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none; }

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 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; }

@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none; } }

.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color); }

.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow); }

.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color); }

.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color); }

.page-item:not(:first-child) .page-link {
  margin-left: calc(var(--bs-border-width) * -1); }

.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius); }

.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius); }

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg); }

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm); }

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius); }

.badge:empty {
  display: none; }

.btn .badge {
  position: relative;
  top: -1px; }

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius); }

.alert-heading {
  color: inherit; }

.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color); }

.alert-dismissible {
  padding-right: 3rem; }

.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem; }

.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis); }

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis); }

.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis); }

.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis); }

.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis); }

.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis); }

.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis); }

.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis); }

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem; } }

.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius); }

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition); }

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none; } }

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height); }

.progress-stacked > .progress {
  overflow: visible; }

.progress-stacked > .progress > .progress-bar {
  width: 100%; }

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes; }

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none; } }

.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius); }

.list-group-numbered {
  list-style-type: none;
  counter-reset: section; }

.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section; }

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit; }

.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg); }

.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg); }

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); }

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit; }

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit; }

.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg); }

.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color); }

.list-group-item + .list-group-item {
  border-top-width: 0; }

.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width); }

.list-group-horizontal {
  flex-direction: row; }

.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0; }

.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0; }

.list-group-horizontal > .list-group-item.active {
  margin-top: 0; }

.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0; }

.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width); }

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row; }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0; }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0; }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0; }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0; }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width); } }

@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row; }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0; }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0; }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0; }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0; }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width); } }

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row; }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0; }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0; }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0; }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0; }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width); } }

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row; }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0; }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0; }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0; }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0; }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width); } }

@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row; }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0; }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0; }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0; }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0; }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width); } }

.list-group-flush {
  border-radius: 0; }

.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width); }

.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0; }

.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis); }

.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis); }

.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis); }

.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis); }

.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis); }

.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis); }

.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis); }

.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis); }

.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity); }

.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity); }

.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity); }

.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity); }

.btn-close-white {
  filter: var(--bs-btn-close-white-filter); }

[data-bs-theme=dark] .btn-close {
  filter: var(--bs-btn-close-white-filter); }

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius); }

.toast.showing {
  opacity: 0; }

.toast:not(.show) {
  display: none; }

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: max-content;
  max-width: 100%;
  pointer-events: none; }

.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing); }

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); }

.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x); }

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word; }

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none; }

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px); }

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none; } }

.modal.show .modal-dialog {
  transform: none; }

.modal.modal-static .modal-dialog {
  transform: scale(1.02); }

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2); }

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden; }

.modal-dialog-scrollable .modal-body {
  overflow-y: auto; }

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2); }

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0; }

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg); }

.modal-backdrop.fade {
  opacity: 0; }

.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity); }

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius); }

.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto; }

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height); }

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding); }

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius); }

.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5); }

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto; }
  .modal-sm {
    --bs-modal-width: 300px; } }

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px; } }

@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px; } }

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0; }

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0; }

.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0; }

.modal-fullscreen .modal-body {
  overflow-y: auto; }

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0; }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0; }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto; } }

@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0; }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0; }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto; } }

@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0; }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0; }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto; } }

@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0; }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0; }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto; } }

@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0; }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0; }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto; } }

.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0; }

.tooltip.show {
  opacity: var(--bs-tooltip-opacity); }

.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height); }

.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid; }

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height)); }

.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg); }

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width); }

.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg); }

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height)); }

.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg); }

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width); }

.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg); }

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius); }

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius); }

.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height); }

.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0; }

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); }

.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; }

.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border); }

.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg); }

/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width); }

.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; }

.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border); }

.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg); }

/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); }

.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); }

.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border); }

.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg); }

.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); }

/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width); }

.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); }

.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border); }

.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg); }

/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius); }

.popover-header:empty {
  display: none; }

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color); }

.carousel {
  position: relative; }

.carousel.pointer-event {
  touch-action: pan-y; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }

.carousel-inner::after {
  display: block;
  clear: both;
  content: ""; }

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out; }

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none; } }

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block; }

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%); }

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%); }

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none; }

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1; }

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s; }

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none; } }

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease; }

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none; } }

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9; }

.carousel-control-prev {
  left: 0; }

.carousel-control-next {
  right: 0; }

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%; }

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); }

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%; }

.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease; }

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none; } }

.carousel-indicators .active {
  opacity: 1; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center; }

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100); }

.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000; }

.carousel-dark .carousel-caption {
  color: #000; }

[data-bs-theme=dark] .carousel .carousel-control-prev-icon,
[data-bs-theme=dark] .carousel .carousel-control-next-icon, .carousel[data-bs-theme=dark] .carousel-control-prev-icon,
.carousel[data-bs-theme=dark] .carousel-control-next-icon {
  filter: invert(1) grayscale(100); }

[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], .carousel[data-bs-theme=dark] .carousel-indicators [data-bs-target] {
  background-color: #000; }

[data-bs-theme=dark] .carousel .carousel-caption, .carousel[data-bs-theme=dark] .carousel-caption {
  color: #000; }

.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); }

@keyframes spinner-border {
  to {
    transform: rotate(360deg); } }

.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent; }

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em; }

@keyframes spinner-grow {
  0% {
    transform: scale(0); }
  50% {
    opacity: 1;
    transform: none; } }

.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0; }

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem; }

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s; } }

.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5; }

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition); } }

@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none; } }

@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%); }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%); }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%); }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%); }
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none; }
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible; } }

@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important; }
  .offcanvas-sm .offcanvas-header {
    display: none; }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important; } }

@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition); } }

@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none; } }

@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%); }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%); }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%); }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%); }
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none; }
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible; } }

@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important; }
  .offcanvas-md .offcanvas-header {
    display: none; }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important; } }

@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition); } }

@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none; } }

@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%); }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%); }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%); }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%); }
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none; }
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible; } }

@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important; }
  .offcanvas-lg .offcanvas-header {
    display: none; }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important; } }

@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition); } }

@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none; } }

@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%); }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%); }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%); }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%); }
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none; }
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible; } }

@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important; }
  .offcanvas-xl .offcanvas-header {
    display: none; }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important; } }

@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition); } }

@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none; } }

@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%); }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%); }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%); }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%); }
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none; }
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible; } }

@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important; }
  .offcanvas-xxl .offcanvas-header {
    display: none; }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important; } }

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition); }

@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none; } }

.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%); }

.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%); }

.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%); }

.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%); }

.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none; }

.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible; }

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000; }

.offcanvas-backdrop.fade {
  opacity: 0; }

.offcanvas-backdrop.show {
  opacity: 0.5; }

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); }

.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y)); }

.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height); }

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto; }

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5; }

.placeholder.btn::before {
  display: inline-block;
  content: ""; }

.placeholder-xs {
  min-height: 0.6em; }

.placeholder-sm {
  min-height: 0.8em; }

.placeholder-lg {
  min-height: 1.2em; }

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite; }

@keyframes placeholder-glow {
  50% {
    opacity: 0.2; } }

.placeholder-wave {
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite; }

@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%; } }

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important; }

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important; }

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important; }

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important; }

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important; }

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important; }

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important; }

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important; }

.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; }

.link-primary:hover, .link-primary:focus {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important; }

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; }

.link-secondary:hover, .link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important; }

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important; }

.link-success:hover, .link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important; }

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important; }

.link-info:hover, .link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important; }

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important; }

.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important; }

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; }

.link-danger:hover, .link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important; }

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; }

.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important; }

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; }

.link-dark:hover, .link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important; }

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; }

.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; }

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); }

.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden; }

.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform; }

@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none; } }

.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)); }

.ratio {
  position: relative;
  width: 100%; }

.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: ""; }

.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ratio-1x1 {
  --bs-aspect-ratio: 100%; }

.ratio-4x3 {
  --bs-aspect-ratio: 75%; }

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%; }

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%; }

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; }

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020; }

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020; }

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020; }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020; } }

@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020; }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020; } }

@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020; }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020; } }

@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020; }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020; } }

@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020; }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020; } }

.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch; }

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch; }

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important; }

.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important; }

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: ""; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25; }

.align-baseline {
  vertical-align: baseline !important; }

.align-top {
  vertical-align: top !important; }

.align-middle {
  vertical-align: middle !important; }

.align-bottom {
  vertical-align: bottom !important; }

.align-text-bottom {
  vertical-align: text-bottom !important; }

.align-text-top {
  vertical-align: text-top !important; }

.float-start {
  float: left !important; }

.float-end {
  float: right !important; }

.float-none {
  float: none !important; }

.object-fit-contain {
  object-fit: contain !important; }

.object-fit-cover {
  object-fit: cover !important; }

.object-fit-fill {
  object-fit: fill !important; }

.object-fit-scale {
  object-fit: scale-down !important; }

.object-fit-none {
  object-fit: none !important; }

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

.opacity-25 {
  opacity: 0.25 !important; }

.opacity-50 {
  opacity: 0.5 !important; }

.opacity-75 {
  opacity: 0.75 !important; }

.opacity-100 {
  opacity: 1 !important; }

.overflow-auto {
  overflow: auto !important; }

.overflow-hidden {
  overflow: hidden !important; }

.overflow-visible {
  overflow: visible !important; }

.overflow-scroll {
  overflow: scroll !important; }

.overflow-x-auto {
  overflow-x: auto !important; }

.overflow-x-hidden {
  overflow-x: hidden !important; }

.overflow-x-visible {
  overflow-x: visible !important; }

.overflow-x-scroll {
  overflow-x: scroll !important; }

.overflow-y-auto {
  overflow-y: auto !important; }

.overflow-y-hidden {
  overflow-y: hidden !important; }

.overflow-y-visible {
  overflow-y: visible !important; }

.overflow-y-scroll {
  overflow-y: scroll !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-grid {
  display: grid !important; }

.d-inline-grid {
  display: inline-grid !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

.d-none {
  display: none !important; }

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.shadow-none {
  box-shadow: none !important; }

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)); }

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)); }

.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)); }

.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)); }

.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)); }

.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)); }

.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity)); }

.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)); }

.position-static {
  position: static !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.position-fixed {
  position: fixed !important; }

.position-sticky {
  position: sticky !important; }

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

.top-50 {
  top: 50% !important; }

.top-100 {
  top: 100% !important; }

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

.bottom-50 {
  bottom: 50% !important; }

.bottom-100 {
  bottom: 100% !important; }

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

.start-50 {
  left: 50% !important; }

.start-100 {
  left: 100% !important; }

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

.end-50 {
  right: 50% !important; }

.end-100 {
  right: 100% !important; }

.translate-middle {
  transform: translate(-50%, -50%) !important; }

.translate-middle-x {
  transform: translateX(-50%) !important; }

.translate-middle-y {
  transform: translateY(-50%) !important; }

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }

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

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }

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

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }

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

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }

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

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }

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

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; }

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; }

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; }

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; }

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; }

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; }

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; }

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; }

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; }

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; }

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important; }

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important; }

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important; }

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important; }

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important; }

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important; }

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important; }

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important; }

.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-opacity-10 {
  --bs-border-opacity: 0.1; }

.border-opacity-25 {
  --bs-border-opacity: 0.25; }

.border-opacity-50 {
  --bs-border-opacity: 0.5; }

.border-opacity-75 {
  --bs-border-opacity: 0.75; }

.border-opacity-100 {
  --bs-border-opacity: 1; }

.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.w-auto {
  width: auto !important; }

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

.vw-100 {
  width: 100vw !important; }

.min-vw-100 {
  min-width: 100vw !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.h-auto {
  height: auto !important; }

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

.vh-100 {
  height: 100vh !important; }

.min-vh-100 {
  min-height: 100vh !important; }

.flex-fill {
  flex: 1 1 auto !important; }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-grow-0 {
  flex-grow: 0 !important; }

.flex-grow-1 {
  flex-grow: 1 !important; }

.flex-shrink-0 {
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  flex-shrink: 1 !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.justify-content-evenly {
  justify-content: space-evenly !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center {
  align-items: center !important; }

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

.order-first {
  order: -1 !important; }

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

.order-1 {
  order: 1 !important; }

.order-2 {
  order: 2 !important; }

.order-3 {
  order: 3 !important; }

.order-4 {
  order: 4 !important; }

.order-5 {
  order: 5 !important; }

.order-last {
  order: 6 !important; }

.m-0 {
  margin: 0 !important; }

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

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

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

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

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

.m-auto {
  margin: auto !important; }

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important; }

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important; }

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important; }

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important; }

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important; }

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

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

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

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

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

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

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.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; }

.mt-auto {
  margin-top: auto !important; }

.me-0 {
  margin-right: 0 !important; }

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

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

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

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

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

.me-auto {
  margin-right: auto !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; }

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

.ms-0 {
  margin-left: 0 !important; }

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

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

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

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

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

.ms-auto {
  margin-left: auto !important; }

.p-0 {
  padding: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important; }

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important; }

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important; }

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important; }

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important; }

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important; }

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

.pt-0 {
  padding-top: 0 !important; }

.pt-1 {
  padding-top: 0.25rem !important; }

.pt-2 {
  padding-top: 0.5rem !important; }

.pt-3 {
  padding-top: 1rem !important; }

.pt-4 {
  padding-top: 1.5rem !important; }

.pt-5 {
  padding-top: 3rem !important; }

.pe-0 {
  padding-right: 0 !important; }

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

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

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

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

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

.pb-0 {
  padding-bottom: 0 !important; }

.pb-1 {
  padding-bottom: 0.25rem !important; }

.pb-2 {
  padding-bottom: 0.5rem !important; }

.pb-3 {
  padding-bottom: 1rem !important; }

.pb-4 {
  padding-bottom: 1.5rem !important; }

.pb-5 {
  padding-bottom: 3rem !important; }

.ps-0 {
  padding-left: 0 !important; }

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

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

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

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

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

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

.gap-1 {
  gap: 0.25rem !important; }

.gap-2 {
  gap: 0.5rem !important; }

.gap-3 {
  gap: 1rem !important; }

.gap-4 {
  gap: 1.5rem !important; }

.gap-5 {
  gap: 3rem !important; }

.row-gap-0 {
  row-gap: 0 !important; }

.row-gap-1 {
  row-gap: 0.25rem !important; }

.row-gap-2 {
  row-gap: 0.5rem !important; }

.row-gap-3 {
  row-gap: 1rem !important; }

.row-gap-4 {
  row-gap: 1.5rem !important; }

.row-gap-5 {
  row-gap: 3rem !important; }

.column-gap-0 {
  column-gap: 0 !important; }

.column-gap-1 {
  column-gap: 0.25rem !important; }

.column-gap-2 {
  column-gap: 0.5rem !important; }

.column-gap-3 {
  column-gap: 1rem !important; }

.column-gap-4 {
  column-gap: 1.5rem !important; }

.column-gap-5 {
  column-gap: 3rem !important; }

.font-monospace {
  font-family: var(--bs-font-monospace) !important; }

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important; }

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important; }

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important; }

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important; }

.fs-5 {
  font-size: 1.25rem !important; }

.fs-6 {
  font-size: 1rem !important; }

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

.fst-normal {
  font-style: normal !important; }

.fw-lighter {
  font-weight: lighter !important; }

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

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

.fw-medium {
  font-weight: 500 !important; }

.fw-semibold {
  font-weight: 600 !important; }

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

.fw-bolder {
  font-weight: bolder !important; }

.lh-1 {
  line-height: 1 !important; }

.lh-sm {
  line-height: 1.25 !important; }

.lh-base {
  line-height: 1.5 !important; }

.lh-lg {
  line-height: 2 !important; }

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

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

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

.text-decoration-none {
  text-decoration: none !important; }

.text-decoration-underline {
  text-decoration: underline !important; }

.text-decoration-line-through {
  text-decoration: line-through !important; }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.text-wrap {
  white-space: normal !important; }

.text-nowrap {
  white-space: nowrap !important; }

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important; }

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; }

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; }

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; }

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; }

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; }

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; }

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; }

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; }

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; }

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

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; }

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important; }

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important; }

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

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important; }

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important; }

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important; }

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important; }

.text-opacity-25 {
  --bs-text-opacity: 0.25; }

.text-opacity-50 {
  --bs-text-opacity: 0.5; }

.text-opacity-75 {
  --bs-text-opacity: 0.75; }

.text-opacity-100 {
  --bs-text-opacity: 1; }

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important; }

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important; }

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important; }

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important; }

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important; }

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important; }

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important; }

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important; }

.link-opacity-10 {
  --bs-link-opacity: 0.1; }

.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1; }

.link-opacity-25 {
  --bs-link-opacity: 0.25; }

.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25; }

.link-opacity-50 {
  --bs-link-opacity: 0.5; }

.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5; }

.link-opacity-75 {
  --bs-link-opacity: 0.75; }

.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75; }

.link-opacity-100 {
  --bs-link-opacity: 1; }

.link-opacity-100-hover:hover {
  --bs-link-opacity: 1; }

.link-offset-1 {
  text-underline-offset: 0.125em !important; }

.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important; }

.link-offset-2 {
  text-underline-offset: 0.25em !important; }

.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important; }

.link-offset-3 {
  text-underline-offset: 0.375em !important; }

.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important; }

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; }

.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; }

.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; }

.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; }

.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; }

.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; }

.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; }

.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; }

.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; }

.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0; }

.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0; }

.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1; }

.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1; }

.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25; }

.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25; }

.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5; }

.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5; }

.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75; }

.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75; }

.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1; }

.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1; }

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; }

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; }

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; }

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; }

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; }

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; }

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; }

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; }

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; }

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; }

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; }

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important; }

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; }

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; }

.bg-opacity-10 {
  --bs-bg-opacity: 0.1; }

.bg-opacity-25 {
  --bs-bg-opacity: 0.25; }

.bg-opacity-50 {
  --bs-bg-opacity: 0.5; }

.bg-opacity-75 {
  --bs-bg-opacity: 0.75; }

.bg-opacity-100 {
  --bs-bg-opacity: 1; }

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important; }

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important; }

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important; }

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important; }

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important; }

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important; }

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important; }

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important; }

.bg-gradient {
  background-image: var(--bs-gradient) !important; }

.user-select-all {
  user-select: all !important; }

.user-select-auto {
  user-select: auto !important; }

.user-select-none {
  user-select: none !important; }

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

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

.rounded {
  border-radius: var(--bs-border-radius) !important; }

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

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important; }

.rounded-2 {
  border-radius: var(--bs-border-radius) !important; }

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important; }

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important; }

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important; }

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important; }

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important; }

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important; }

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important; }

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important; }

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important; }

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important; }

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important; }

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important; }

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important; }

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important; }

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important; }

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important; }

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important; }

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important; }

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important; }

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important; }

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important; }

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important; }

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important; }

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important; }

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important; }

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important; }

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important; }

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important; }

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important; }

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important; }

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important; }

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important; }

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important; }

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important; }

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important; }

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important; }

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important; }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

.z-n1 {
  z-index: -1 !important; }

.z-0 {
  z-index: 0 !important; }

.z-1 {
  z-index: 1 !important; }

.z-2 {
  z-index: 2 !important; }

.z-3 {
  z-index: 3 !important; }

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important; }
  .float-sm-end {
    float: right !important; }
  .float-sm-none {
    float: none !important; }
  .object-fit-sm-contain {
    object-fit: contain !important; }
  .object-fit-sm-cover {
    object-fit: cover !important; }
  .object-fit-sm-fill {
    object-fit: fill !important; }
  .object-fit-sm-scale {
    object-fit: scale-down !important; }
  .object-fit-sm-none {
    object-fit: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-grid {
    display: grid !important; }
  .d-sm-inline-grid {
    display: inline-grid !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; }
  .d-sm-none {
    display: none !important; }
  .flex-sm-fill {
    flex: 1 1 auto !important; }
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-grow-0 {
    flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; }
  .order-sm-first {
    order: -1 !important; }
  .order-sm-0 {
    order: 0 !important; }
  .order-sm-1 {
    order: 1 !important; }
  .order-sm-2 {
    order: 2 !important; }
  .order-sm-3 {
    order: 3 !important; }
  .order-sm-4 {
    order: 4 !important; }
  .order-sm-5 {
    order: 5 !important; }
  .order-sm-last {
    order: 6 !important; }
  .m-sm-0 {
    margin: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-sm-0 {
    margin-top: 0 !important; }
  .mt-sm-1 {
    margin-top: 0.25rem !important; }
  .mt-sm-2 {
    margin-top: 0.5rem !important; }
  .mt-sm-3 {
    margin-top: 1rem !important; }
  .mt-sm-4 {
    margin-top: 1.5rem !important; }
  .mt-sm-5 {
    margin-top: 3rem !important; }
  .mt-sm-auto {
    margin-top: auto !important; }
  .me-sm-0 {
    margin-right: 0 !important; }
  .me-sm-1 {
    margin-right: 0.25rem !important; }
  .me-sm-2 {
    margin-right: 0.5rem !important; }
  .me-sm-3 {
    margin-right: 1rem !important; }
  .me-sm-4 {
    margin-right: 1.5rem !important; }
  .me-sm-5 {
    margin-right: 3rem !important; }
  .me-sm-auto {
    margin-right: auto !important; }
  .mb-sm-0 {
    margin-bottom: 0 !important; }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important; }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important; }
  .mb-sm-3 {
    margin-bottom: 1rem !important; }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important; }
  .mb-sm-5 {
    margin-bottom: 3rem !important; }
  .mb-sm-auto {
    margin-bottom: auto !important; }
  .ms-sm-0 {
    margin-left: 0 !important; }
  .ms-sm-1 {
    margin-left: 0.25rem !important; }
  .ms-sm-2 {
    margin-left: 0.5rem !important; }
  .ms-sm-3 {
    margin-left: 1rem !important; }
  .ms-sm-4 {
    margin-left: 1.5rem !important; }
  .ms-sm-5 {
    margin-left: 3rem !important; }
  .ms-sm-auto {
    margin-left: auto !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .pt-sm-0 {
    padding-top: 0 !important; }
  .pt-sm-1 {
    padding-top: 0.25rem !important; }
  .pt-sm-2 {
    padding-top: 0.5rem !important; }
  .pt-sm-3 {
    padding-top: 1rem !important; }
  .pt-sm-4 {
    padding-top: 1.5rem !important; }
  .pt-sm-5 {
    padding-top: 3rem !important; }
  .pe-sm-0 {
    padding-right: 0 !important; }
  .pe-sm-1 {
    padding-right: 0.25rem !important; }
  .pe-sm-2 {
    padding-right: 0.5rem !important; }
  .pe-sm-3 {
    padding-right: 1rem !important; }
  .pe-sm-4 {
    padding-right: 1.5rem !important; }
  .pe-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-0 {
    padding-bottom: 0 !important; }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pb-sm-3 {
    padding-bottom: 1rem !important; }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pb-sm-5 {
    padding-bottom: 3rem !important; }
  .ps-sm-0 {
    padding-left: 0 !important; }
  .ps-sm-1 {
    padding-left: 0.25rem !important; }
  .ps-sm-2 {
    padding-left: 0.5rem !important; }
  .ps-sm-3 {
    padding-left: 1rem !important; }
  .ps-sm-4 {
    padding-left: 1.5rem !important; }
  .ps-sm-5 {
    padding-left: 3rem !important; }
  .gap-sm-0 {
    gap: 0 !important; }
  .gap-sm-1 {
    gap: 0.25rem !important; }
  .gap-sm-2 {
    gap: 0.5rem !important; }
  .gap-sm-3 {
    gap: 1rem !important; }
  .gap-sm-4 {
    gap: 1.5rem !important; }
  .gap-sm-5 {
    gap: 3rem !important; }
  .row-gap-sm-0 {
    row-gap: 0 !important; }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important; }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important; }
  .row-gap-sm-3 {
    row-gap: 1rem !important; }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important; }
  .row-gap-sm-5 {
    row-gap: 3rem !important; }
  .column-gap-sm-0 {
    column-gap: 0 !important; }
  .column-gap-sm-1 {
    column-gap: 0.25rem !important; }
  .column-gap-sm-2 {
    column-gap: 0.5rem !important; }
  .column-gap-sm-3 {
    column-gap: 1rem !important; }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important; }
  .column-gap-sm-5 {
    column-gap: 3rem !important; }
  .text-sm-start {
    text-align: left !important; }
  .text-sm-end {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .float-md-start {
    float: left !important; }
  .float-md-end {
    float: right !important; }
  .float-md-none {
    float: none !important; }
  .object-fit-md-contain {
    object-fit: contain !important; }
  .object-fit-md-cover {
    object-fit: cover !important; }
  .object-fit-md-fill {
    object-fit: fill !important; }
  .object-fit-md-scale {
    object-fit: scale-down !important; }
  .object-fit-md-none {
    object-fit: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-grid {
    display: grid !important; }
  .d-md-inline-grid {
    display: inline-grid !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; }
  .d-md-none {
    display: none !important; }
  .flex-md-fill {
    flex: 1 1 auto !important; }
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-grow-0 {
    flex-grow: 0 !important; }
  .flex-md-grow-1 {
    flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .justify-content-md-evenly {
    justify-content: space-evenly !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; }
  .order-md-first {
    order: -1 !important; }
  .order-md-0 {
    order: 0 !important; }
  .order-md-1 {
    order: 1 !important; }
  .order-md-2 {
    order: 2 !important; }
  .order-md-3 {
    order: 3 !important; }
  .order-md-4 {
    order: 4 !important; }
  .order-md-5 {
    order: 5 !important; }
  .order-md-last {
    order: 6 !important; }
  .m-md-0 {
    margin: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-md-0 {
    margin-top: 0 !important; }
  .mt-md-1 {
    margin-top: 0.25rem !important; }
  .mt-md-2 {
    margin-top: 0.5rem !important; }
  .mt-md-3 {
    margin-top: 1rem !important; }
  .mt-md-4 {
    margin-top: 1.5rem !important; }
  .mt-md-5 {
    margin-top: 3rem !important; }
  .mt-md-auto {
    margin-top: auto !important; }
  .me-md-0 {
    margin-right: 0 !important; }
  .me-md-1 {
    margin-right: 0.25rem !important; }
  .me-md-2 {
    margin-right: 0.5rem !important; }
  .me-md-3 {
    margin-right: 1rem !important; }
  .me-md-4 {
    margin-right: 1.5rem !important; }
  .me-md-5 {
    margin-right: 3rem !important; }
  .me-md-auto {
    margin-right: auto !important; }
  .mb-md-0 {
    margin-bottom: 0 !important; }
  .mb-md-1 {
    margin-bottom: 0.25rem !important; }
  .mb-md-2 {
    margin-bottom: 0.5rem !important; }
  .mb-md-3 {
    margin-bottom: 1rem !important; }
  .mb-md-4 {
    margin-bottom: 1.5rem !important; }
  .mb-md-5 {
    margin-bottom: 3rem !important; }
  .mb-md-auto {
    margin-bottom: auto !important; }
  .ms-md-0 {
    margin-left: 0 !important; }
  .ms-md-1 {
    margin-left: 0.25rem !important; }
  .ms-md-2 {
    margin-left: 0.5rem !important; }
  .ms-md-3 {
    margin-left: 1rem !important; }
  .ms-md-4 {
    margin-left: 1.5rem !important; }
  .ms-md-5 {
    margin-left: 3rem !important; }
  .ms-md-auto {
    margin-left: auto !important; }
  .p-md-0 {
    padding: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .pt-md-0 {
    padding-top: 0 !important; }
  .pt-md-1 {
    padding-top: 0.25rem !important; }
  .pt-md-2 {
    padding-top: 0.5rem !important; }
  .pt-md-3 {
    padding-top: 1rem !important; }
  .pt-md-4 {
    padding-top: 1.5rem !important; }
  .pt-md-5 {
    padding-top: 3rem !important; }
  .pe-md-0 {
    padding-right: 0 !important; }
  .pe-md-1 {
    padding-right: 0.25rem !important; }
  .pe-md-2 {
    padding-right: 0.5rem !important; }
  .pe-md-3 {
    padding-right: 1rem !important; }
  .pe-md-4 {
    padding-right: 1.5rem !important; }
  .pe-md-5 {
    padding-right: 3rem !important; }
  .pb-md-0 {
    padding-bottom: 0 !important; }
  .pb-md-1 {
    padding-bottom: 0.25rem !important; }
  .pb-md-2 {
    padding-bottom: 0.5rem !important; }
  .pb-md-3 {
    padding-bottom: 1rem !important; }
  .pb-md-4 {
    padding-bottom: 1.5rem !important; }
  .pb-md-5 {
    padding-bottom: 3rem !important; }
  .ps-md-0 {
    padding-left: 0 !important; }
  .ps-md-1 {
    padding-left: 0.25rem !important; }
  .ps-md-2 {
    padding-left: 0.5rem !important; }
  .ps-md-3 {
    padding-left: 1rem !important; }
  .ps-md-4 {
    padding-left: 1.5rem !important; }
  .ps-md-5 {
    padding-left: 3rem !important; }
  .gap-md-0 {
    gap: 0 !important; }
  .gap-md-1 {
    gap: 0.25rem !important; }
  .gap-md-2 {
    gap: 0.5rem !important; }
  .gap-md-3 {
    gap: 1rem !important; }
  .gap-md-4 {
    gap: 1.5rem !important; }
  .gap-md-5 {
    gap: 3rem !important; }
  .row-gap-md-0 {
    row-gap: 0 !important; }
  .row-gap-md-1 {
    row-gap: 0.25rem !important; }
  .row-gap-md-2 {
    row-gap: 0.5rem !important; }
  .row-gap-md-3 {
    row-gap: 1rem !important; }
  .row-gap-md-4 {
    row-gap: 1.5rem !important; }
  .row-gap-md-5 {
    row-gap: 3rem !important; }
  .column-gap-md-0 {
    column-gap: 0 !important; }
  .column-gap-md-1 {
    column-gap: 0.25rem !important; }
  .column-gap-md-2 {
    column-gap: 0.5rem !important; }
  .column-gap-md-3 {
    column-gap: 1rem !important; }
  .column-gap-md-4 {
    column-gap: 1.5rem !important; }
  .column-gap-md-5 {
    column-gap: 3rem !important; }
  .text-md-start {
    text-align: left !important; }
  .text-md-end {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 992px) {
  .float-lg-start {
    float: left !important; }
  .float-lg-end {
    float: right !important; }
  .float-lg-none {
    float: none !important; }
  .object-fit-lg-contain {
    object-fit: contain !important; }
  .object-fit-lg-cover {
    object-fit: cover !important; }
  .object-fit-lg-fill {
    object-fit: fill !important; }
  .object-fit-lg-scale {
    object-fit: scale-down !important; }
  .object-fit-lg-none {
    object-fit: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-grid {
    display: grid !important; }
  .d-lg-inline-grid {
    display: inline-grid !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; }
  .d-lg-none {
    display: none !important; }
  .flex-lg-fill {
    flex: 1 1 auto !important; }
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-grow-0 {
    flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; }
  .order-lg-first {
    order: -1 !important; }
  .order-lg-0 {
    order: 0 !important; }
  .order-lg-1 {
    order: 1 !important; }
  .order-lg-2 {
    order: 2 !important; }
  .order-lg-3 {
    order: 3 !important; }
  .order-lg-4 {
    order: 4 !important; }
  .order-lg-5 {
    order: 5 !important; }
  .order-lg-last {
    order: 6 !important; }
  .m-lg-0 {
    margin: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-lg-0 {
    margin-top: 0 !important; }
  .mt-lg-1 {
    margin-top: 0.25rem !important; }
  .mt-lg-2 {
    margin-top: 0.5rem !important; }
  .mt-lg-3 {
    margin-top: 1rem !important; }
  .mt-lg-4 {
    margin-top: 1.5rem !important; }
  .mt-lg-5 {
    margin-top: 3rem !important; }
  .mt-lg-auto {
    margin-top: auto !important; }
  .me-lg-0 {
    margin-right: 0 !important; }
  .me-lg-1 {
    margin-right: 0.25rem !important; }
  .me-lg-2 {
    margin-right: 0.5rem !important; }
  .me-lg-3 {
    margin-right: 1rem !important; }
  .me-lg-4 {
    margin-right: 1.5rem !important; }
  .me-lg-5 {
    margin-right: 3rem !important; }
  .me-lg-auto {
    margin-right: auto !important; }
  .mb-lg-0 {
    margin-bottom: 0 !important; }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important; }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important; }
  .mb-lg-3 {
    margin-bottom: 1rem !important; }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important; }
  .mb-lg-5 {
    margin-bottom: 3rem !important; }
  .mb-lg-auto {
    margin-bottom: auto !important; }
  .ms-lg-0 {
    margin-left: 0 !important; }
  .ms-lg-1 {
    margin-left: 0.25rem !important; }
  .ms-lg-2 {
    margin-left: 0.5rem !important; }
  .ms-lg-3 {
    margin-left: 1rem !important; }
  .ms-lg-4 {
    margin-left: 1.5rem !important; }
  .ms-lg-5 {
    margin-left: 3rem !important; }
  .ms-lg-auto {
    margin-left: auto !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .pt-lg-0 {
    padding-top: 0 !important; }
  .pt-lg-1 {
    padding-top: 0.25rem !important; }
  .pt-lg-2 {
    padding-top: 0.5rem !important; }
  .pt-lg-3 {
    padding-top: 1rem !important; }
  .pt-lg-4 {
    padding-top: 1.5rem !important; }
  .pt-lg-5 {
    padding-top: 3rem !important; }
  .pe-lg-0 {
    padding-right: 0 !important; }
  .pe-lg-1 {
    padding-right: 0.25rem !important; }
  .pe-lg-2 {
    padding-right: 0.5rem !important; }
  .pe-lg-3 {
    padding-right: 1rem !important; }
  .pe-lg-4 {
    padding-right: 1.5rem !important; }
  .pe-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-0 {
    padding-bottom: 0 !important; }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pb-lg-3 {
    padding-bottom: 1rem !important; }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pb-lg-5 {
    padding-bottom: 3rem !important; }
  .ps-lg-0 {
    padding-left: 0 !important; }
  .ps-lg-1 {
    padding-left: 0.25rem !important; }
  .ps-lg-2 {
    padding-left: 0.5rem !important; }
  .ps-lg-3 {
    padding-left: 1rem !important; }
  .ps-lg-4 {
    padding-left: 1.5rem !important; }
  .ps-lg-5 {
    padding-left: 3rem !important; }
  .gap-lg-0 {
    gap: 0 !important; }
  .gap-lg-1 {
    gap: 0.25rem !important; }
  .gap-lg-2 {
    gap: 0.5rem !important; }
  .gap-lg-3 {
    gap: 1rem !important; }
  .gap-lg-4 {
    gap: 1.5rem !important; }
  .gap-lg-5 {
    gap: 3rem !important; }
  .row-gap-lg-0 {
    row-gap: 0 !important; }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important; }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important; }
  .row-gap-lg-3 {
    row-gap: 1rem !important; }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important; }
  .row-gap-lg-5 {
    row-gap: 3rem !important; }
  .column-gap-lg-0 {
    column-gap: 0 !important; }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important; }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important; }
  .column-gap-lg-3 {
    column-gap: 1rem !important; }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important; }
  .column-gap-lg-5 {
    column-gap: 3rem !important; }
  .text-lg-start {
    text-align: left !important; }
  .text-lg-end {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important; }
  .float-xl-end {
    float: right !important; }
  .float-xl-none {
    float: none !important; }
  .object-fit-xl-contain {
    object-fit: contain !important; }
  .object-fit-xl-cover {
    object-fit: cover !important; }
  .object-fit-xl-fill {
    object-fit: fill !important; }
  .object-fit-xl-scale {
    object-fit: scale-down !important; }
  .object-fit-xl-none {
    object-fit: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-grid {
    display: grid !important; }
  .d-xl-inline-grid {
    display: inline-grid !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; }
  .d-xl-none {
    display: none !important; }
  .flex-xl-fill {
    flex: 1 1 auto !important; }
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; }
  .order-xl-first {
    order: -1 !important; }
  .order-xl-0 {
    order: 0 !important; }
  .order-xl-1 {
    order: 1 !important; }
  .order-xl-2 {
    order: 2 !important; }
  .order-xl-3 {
    order: 3 !important; }
  .order-xl-4 {
    order: 4 !important; }
  .order-xl-5 {
    order: 5 !important; }
  .order-xl-last {
    order: 6 !important; }
  .m-xl-0 {
    margin: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-xl-0 {
    margin-top: 0 !important; }
  .mt-xl-1 {
    margin-top: 0.25rem !important; }
  .mt-xl-2 {
    margin-top: 0.5rem !important; }
  .mt-xl-3 {
    margin-top: 1rem !important; }
  .mt-xl-4 {
    margin-top: 1.5rem !important; }
  .mt-xl-5 {
    margin-top: 3rem !important; }
  .mt-xl-auto {
    margin-top: auto !important; }
  .me-xl-0 {
    margin-right: 0 !important; }
  .me-xl-1 {
    margin-right: 0.25rem !important; }
  .me-xl-2 {
    margin-right: 0.5rem !important; }
  .me-xl-3 {
    margin-right: 1rem !important; }
  .me-xl-4 {
    margin-right: 1.5rem !important; }
  .me-xl-5 {
    margin-right: 3rem !important; }
  .me-xl-auto {
    margin-right: auto !important; }
  .mb-xl-0 {
    margin-bottom: 0 !important; }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important; }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important; }
  .mb-xl-3 {
    margin-bottom: 1rem !important; }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important; }
  .mb-xl-5 {
    margin-bottom: 3rem !important; }
  .mb-xl-auto {
    margin-bottom: auto !important; }
  .ms-xl-0 {
    margin-left: 0 !important; }
  .ms-xl-1 {
    margin-left: 0.25rem !important; }
  .ms-xl-2 {
    margin-left: 0.5rem !important; }
  .ms-xl-3 {
    margin-left: 1rem !important; }
  .ms-xl-4 {
    margin-left: 1.5rem !important; }
  .ms-xl-5 {
    margin-left: 3rem !important; }
  .ms-xl-auto {
    margin-left: auto !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .pt-xl-0 {
    padding-top: 0 !important; }
  .pt-xl-1 {
    padding-top: 0.25rem !important; }
  .pt-xl-2 {
    padding-top: 0.5rem !important; }
  .pt-xl-3 {
    padding-top: 1rem !important; }
  .pt-xl-4 {
    padding-top: 1.5rem !important; }
  .pt-xl-5 {
    padding-top: 3rem !important; }
  .pe-xl-0 {
    padding-right: 0 !important; }
  .pe-xl-1 {
    padding-right: 0.25rem !important; }
  .pe-xl-2 {
    padding-right: 0.5rem !important; }
  .pe-xl-3 {
    padding-right: 1rem !important; }
  .pe-xl-4 {
    padding-right: 1.5rem !important; }
  .pe-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-0 {
    padding-bottom: 0 !important; }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pb-xl-3 {
    padding-bottom: 1rem !important; }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pb-xl-5 {
    padding-bottom: 3rem !important; }
  .ps-xl-0 {
    padding-left: 0 !important; }
  .ps-xl-1 {
    padding-left: 0.25rem !important; }
  .ps-xl-2 {
    padding-left: 0.5rem !important; }
  .ps-xl-3 {
    padding-left: 1rem !important; }
  .ps-xl-4 {
    padding-left: 1.5rem !important; }
  .ps-xl-5 {
    padding-left: 3rem !important; }
  .gap-xl-0 {
    gap: 0 !important; }
  .gap-xl-1 {
    gap: 0.25rem !important; }
  .gap-xl-2 {
    gap: 0.5rem !important; }
  .gap-xl-3 {
    gap: 1rem !important; }
  .gap-xl-4 {
    gap: 1.5rem !important; }
  .gap-xl-5 {
    gap: 3rem !important; }
  .row-gap-xl-0 {
    row-gap: 0 !important; }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important; }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important; }
  .row-gap-xl-3 {
    row-gap: 1rem !important; }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important; }
  .row-gap-xl-5 {
    row-gap: 3rem !important; }
  .column-gap-xl-0 {
    column-gap: 0 !important; }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important; }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important; }
  .column-gap-xl-3 {
    column-gap: 1rem !important; }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important; }
  .column-gap-xl-5 {
    column-gap: 3rem !important; }
  .text-xl-start {
    text-align: left !important; }
  .text-xl-end {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important; }
  .float-xxl-end {
    float: right !important; }
  .float-xxl-none {
    float: none !important; }
  .object-fit-xxl-contain {
    object-fit: contain !important; }
  .object-fit-xxl-cover {
    object-fit: cover !important; }
  .object-fit-xxl-fill {
    object-fit: fill !important; }
  .object-fit-xxl-scale {
    object-fit: scale-down !important; }
  .object-fit-xxl-none {
    object-fit: none !important; }
  .d-xxl-inline {
    display: inline !important; }
  .d-xxl-inline-block {
    display: inline-block !important; }
  .d-xxl-block {
    display: block !important; }
  .d-xxl-grid {
    display: grid !important; }
  .d-xxl-inline-grid {
    display: inline-grid !important; }
  .d-xxl-table {
    display: table !important; }
  .d-xxl-table-row {
    display: table-row !important; }
  .d-xxl-table-cell {
    display: table-cell !important; }
  .d-xxl-flex {
    display: flex !important; }
  .d-xxl-inline-flex {
    display: inline-flex !important; }
  .d-xxl-none {
    display: none !important; }
  .flex-xxl-fill {
    flex: 1 1 auto !important; }
  .flex-xxl-row {
    flex-direction: row !important; }
  .flex-xxl-column {
    flex-direction: column !important; }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important; }
  .flex-xxl-wrap {
    flex-wrap: wrap !important; }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-xxl-start {
    justify-content: flex-start !important; }
  .justify-content-xxl-end {
    justify-content: flex-end !important; }
  .justify-content-xxl-center {
    justify-content: center !important; }
  .justify-content-xxl-between {
    justify-content: space-between !important; }
  .justify-content-xxl-around {
    justify-content: space-around !important; }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important; }
  .align-items-xxl-start {
    align-items: flex-start !important; }
  .align-items-xxl-end {
    align-items: flex-end !important; }
  .align-items-xxl-center {
    align-items: center !important; }
  .align-items-xxl-baseline {
    align-items: baseline !important; }
  .align-items-xxl-stretch {
    align-items: stretch !important; }
  .align-content-xxl-start {
    align-content: flex-start !important; }
  .align-content-xxl-end {
    align-content: flex-end !important; }
  .align-content-xxl-center {
    align-content: center !important; }
  .align-content-xxl-between {
    align-content: space-between !important; }
  .align-content-xxl-around {
    align-content: space-around !important; }
  .align-content-xxl-stretch {
    align-content: stretch !important; }
  .align-self-xxl-auto {
    align-self: auto !important; }
  .align-self-xxl-start {
    align-self: flex-start !important; }
  .align-self-xxl-end {
    align-self: flex-end !important; }
  .align-self-xxl-center {
    align-self: center !important; }
  .align-self-xxl-baseline {
    align-self: baseline !important; }
  .align-self-xxl-stretch {
    align-self: stretch !important; }
  .order-xxl-first {
    order: -1 !important; }
  .order-xxl-0 {
    order: 0 !important; }
  .order-xxl-1 {
    order: 1 !important; }
  .order-xxl-2 {
    order: 2 !important; }
  .order-xxl-3 {
    order: 3 !important; }
  .order-xxl-4 {
    order: 4 !important; }
  .order-xxl-5 {
    order: 5 !important; }
  .order-xxl-last {
    order: 6 !important; }
  .m-xxl-0 {
    margin: 0 !important; }
  .m-xxl-1 {
    margin: 0.25rem !important; }
  .m-xxl-2 {
    margin: 0.5rem !important; }
  .m-xxl-3 {
    margin: 1rem !important; }
  .m-xxl-4 {
    margin: 1.5rem !important; }
  .m-xxl-5 {
    margin: 3rem !important; }
  .m-xxl-auto {
    margin: auto !important; }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-xxl-0 {
    margin-top: 0 !important; }
  .mt-xxl-1 {
    margin-top: 0.25rem !important; }
  .mt-xxl-2 {
    margin-top: 0.5rem !important; }
  .mt-xxl-3 {
    margin-top: 1rem !important; }
  .mt-xxl-4 {
    margin-top: 1.5rem !important; }
  .mt-xxl-5 {
    margin-top: 3rem !important; }
  .mt-xxl-auto {
    margin-top: auto !important; }
  .me-xxl-0 {
    margin-right: 0 !important; }
  .me-xxl-1 {
    margin-right: 0.25rem !important; }
  .me-xxl-2 {
    margin-right: 0.5rem !important; }
  .me-xxl-3 {
    margin-right: 1rem !important; }
  .me-xxl-4 {
    margin-right: 1.5rem !important; }
  .me-xxl-5 {
    margin-right: 3rem !important; }
  .me-xxl-auto {
    margin-right: auto !important; }
  .mb-xxl-0 {
    margin-bottom: 0 !important; }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important; }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important; }
  .mb-xxl-3 {
    margin-bottom: 1rem !important; }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important; }
  .mb-xxl-5 {
    margin-bottom: 3rem !important; }
  .mb-xxl-auto {
    margin-bottom: auto !important; }
  .ms-xxl-0 {
    margin-left: 0 !important; }
  .ms-xxl-1 {
    margin-left: 0.25rem !important; }
  .ms-xxl-2 {
    margin-left: 0.5rem !important; }
  .ms-xxl-3 {
    margin-left: 1rem !important; }
  .ms-xxl-4 {
    margin-left: 1.5rem !important; }
  .ms-xxl-5 {
    margin-left: 3rem !important; }
  .ms-xxl-auto {
    margin-left: auto !important; }
  .p-xxl-0 {
    padding: 0 !important; }
  .p-xxl-1 {
    padding: 0.25rem !important; }
  .p-xxl-2 {
    padding: 0.5rem !important; }
  .p-xxl-3 {
    padding: 1rem !important; }
  .p-xxl-4 {
    padding: 1.5rem !important; }
  .p-xxl-5 {
    padding: 3rem !important; }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .pt-xxl-0 {
    padding-top: 0 !important; }
  .pt-xxl-1 {
    padding-top: 0.25rem !important; }
  .pt-xxl-2 {
    padding-top: 0.5rem !important; }
  .pt-xxl-3 {
    padding-top: 1rem !important; }
  .pt-xxl-4 {
    padding-top: 1.5rem !important; }
  .pt-xxl-5 {
    padding-top: 3rem !important; }
  .pe-xxl-0 {
    padding-right: 0 !important; }
  .pe-xxl-1 {
    padding-right: 0.25rem !important; }
  .pe-xxl-2 {
    padding-right: 0.5rem !important; }
  .pe-xxl-3 {
    padding-right: 1rem !important; }
  .pe-xxl-4 {
    padding-right: 1.5rem !important; }
  .pe-xxl-5 {
    padding-right: 3rem !important; }
  .pb-xxl-0 {
    padding-bottom: 0 !important; }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important; }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important; }
  .pb-xxl-3 {
    padding-bottom: 1rem !important; }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important; }
  .pb-xxl-5 {
    padding-bottom: 3rem !important; }
  .ps-xxl-0 {
    padding-left: 0 !important; }
  .ps-xxl-1 {
    padding-left: 0.25rem !important; }
  .ps-xxl-2 {
    padding-left: 0.5rem !important; }
  .ps-xxl-3 {
    padding-left: 1rem !important; }
  .ps-xxl-4 {
    padding-left: 1.5rem !important; }
  .ps-xxl-5 {
    padding-left: 3rem !important; }
  .gap-xxl-0 {
    gap: 0 !important; }
  .gap-xxl-1 {
    gap: 0.25rem !important; }
  .gap-xxl-2 {
    gap: 0.5rem !important; }
  .gap-xxl-3 {
    gap: 1rem !important; }
  .gap-xxl-4 {
    gap: 1.5rem !important; }
  .gap-xxl-5 {
    gap: 3rem !important; }
  .row-gap-xxl-0 {
    row-gap: 0 !important; }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important; }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important; }
  .row-gap-xxl-3 {
    row-gap: 1rem !important; }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important; }
  .row-gap-xxl-5 {
    row-gap: 3rem !important; }
  .column-gap-xxl-0 {
    column-gap: 0 !important; }
  .column-gap-xxl-1 {
    column-gap: 0.25rem !important; }
  .column-gap-xxl-2 {
    column-gap: 0.5rem !important; }
  .column-gap-xxl-3 {
    column-gap: 1rem !important; }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important; }
  .column-gap-xxl-5 {
    column-gap: 3rem !important; }
  .text-xxl-start {
    text-align: left !important; }
  .text-xxl-end {
    text-align: right !important; }
  .text-xxl-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important; }
  .fs-2 {
    font-size: 2rem !important; }
  .fs-3 {
    font-size: 1.75rem !important; }
  .fs-4 {
    font-size: 1.5rem !important; } }

@media print {
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-grid {
    display: grid !important; }
  .d-print-inline-grid {
    display: inline-grid !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; }
  .d-print-none {
    display: none !important; } }

/*! jQuery UI - v1.13.0 - 2021-10-07
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(/%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(/%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(/%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(/%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(/%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(/%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(/%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none; }

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em; }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px; }

/* icon support */
.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible; }

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none; }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap; }

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0; }

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px; }

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap; }

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em; }

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block; }

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0; }

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999; }

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left; }

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box; }

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em; }

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%; }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none; }

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none; }

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none; }

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none; }

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc( 100% - 2.4em); }

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid; }

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none; }

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none; }

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid; }

.ui-checkboxradio-disabled {
  pointer-events: none; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em; }

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0; }

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0; }

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0; }

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0; }

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0; }

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px; }

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0; }

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0; }

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0; }

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  -ms-filter: "alpha(opacity=25)";
  /* support: IE8 */
  opacity: 0.25; }

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none; }

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px; }

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0; }

.ui-selectmenu-open {
  display: block; }

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em; }

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0; }

.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  -ms-touch-action: none;
  touch-action: none; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle; }

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em; }

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0; }

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none; }

.ui-spinner-up {
  top: 0; }

.ui-spinner-down {
  bottom: 0; }

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em; }

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text; }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer; }

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px; }

body .ui-tooltip {
  border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5; }

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333; }

.ui-widget-content a {
  color: #333333; }

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold; }

.ui-widget-header a {
  color: #333333; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a.ui-button:link,
a.ui-button:visited,
.ui-button {
  color: #454545;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none; }

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff; }

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620; }

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  -ms-filter: "alpha(opacity=70)";
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  -ms-filter: "alpha(opacity=35)";
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  -ms-filter: "alpha(opacity=35)";
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(/images/ui-icons_444444_256x240.png); }

.ui-widget-header .ui-icon {
  background-image: url(/images/ui-icons_444444_256x240.png); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url(/images/ui-icons_555555_256x240.png); }

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url(/images/ui-icons_ffffff_256x240.png); }

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url(/images/ui-icons_777620_256x240.png); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(/images/ui-icons_cc0000_256x240.png); }

.ui-button .ui-icon {
  background-image: url(/images/ui-icons_777777_256x240.png); }

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
  background-image: none; }

.ui-icon-caret-1-n {
  background-position: 0 0; }

.ui-icon-caret-1-ne {
  background-position: -16px 0; }

.ui-icon-caret-1-e {
  background-position: -32px 0; }

.ui-icon-caret-1-se {
  background-position: -48px 0; }

.ui-icon-caret-1-s {
  background-position: -65px 0; }

.ui-icon-caret-1-sw {
  background-position: -80px 0; }

.ui-icon-caret-1-w {
  background-position: -96px 0; }

.ui-icon-caret-1-nw {
  background-position: -112px 0; }

.ui-icon-caret-2-n-s {
  background-position: -128px 0; }

.ui-icon-caret-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -65px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -65px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px; }

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .003;
  -ms-filter: Alpha(Opacity=0.3);
  /* support: IE8 */ }

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666; }

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url(/assets/fonts/font-awesome/fontawesome-webfont-82ff0fe46a6f60e0ab3c4a9891a0ae0a1f7b7e84c625f55358379177a2dcb202.eot?v=4.7.0);
  src: url(/assets/fonts/font-awesome/fontawesome-webfont-82ff0fe46a6f60e0ab3c4a9891a0ae0a1f7b7e84c625f55358379177a2dcb202.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(/assets/fonts/font-awesome/fontawesome-webfont-fa79d127baca4558a0b973f5f514b90fc5ef43314c41095f5cb285ffaa0a4029.woff2?v=4.7.0) format("woff2"), url(/assets/fonts/font-awesome/fontawesome-webfont-c9a0a23a23a3f6f7165cba218b40483a0b1750d92b49c40842f1d8f566f5f421.woff?v=4.7.0) format("woff"), url(/assets/fonts/font-awesome/fontawesome-webfont-2794b002e3568f5abce8991e2431ca79e0ce84a08ea1268884b4e097b62762a6.ttf?v=4.7.0) format("truetype"), url(/assets/fonts/font-awesome/fontawesome-webfont-67c6c8e9ffb0fcd7c7c64eaff12a298abf5b54a54b54f0e6c4c49161dba62d6d.svg?v=4.7.0#fontawesomeregular) format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571429em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none; }

.fa-ul > li {
  position: relative; }

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center; }

.fa-li.fa-lg {
  left: -1.85714286em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #ffffff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000"; }

.fa-music:before {
  content: "\f001"; }

.fa-search:before {
  content: "\f002"; }

.fa-envelope-o:before {
  content: "\f003"; }

.fa-heart:before {
  content: "\f004"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-o:before {
  content: "\f006"; }

.fa-user:before {
  content: "\f007"; }

.fa-film:before {
  content: "\f008"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-check:before {
  content: "\f00c"; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-signal:before {
  content: "\f012"; }

.fa-gear:before,
.fa-cog:before {
  content: "\f013"; }

.fa-trash-o:before {
  content: "\f014"; }

.fa-home:before {
  content: "\f015"; }

.fa-file-o:before {
  content: "\f016"; }

.fa-clock-o:before {
  content: "\f017"; }

.fa-road:before {
  content: "\f018"; }

.fa-download:before {
  content: "\f019"; }

.fa-arrow-circle-o-down:before {
  content: "\f01a"; }

.fa-arrow-circle-o-up:before {
  content: "\f01b"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-play-circle-o:before {
  content: "\f01d"; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e"; }

.fa-refresh:before {
  content: "\f021"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-lock:before {
  content: "\f023"; }

.fa-flag:before {
  content: "\f024"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-print:before {
  content: "\f02f"; }

.fa-camera:before {
  content: "\f030"; }

.fa-font:before {
  content: "\f031"; }

.fa-bold:before {
  content: "\f032"; }

.fa-italic:before {
  content: "\f033"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-list:before {
  content: "\f03a"; }

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-video-camera:before {
  content: "\f03d"; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e"; }

.fa-pencil:before {
  content: "\f040"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-tint:before {
  content: "\f043"; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044"; }

.fa-share-square-o:before {
  content: "\f045"; }

.fa-check-square-o:before {
  content: "\f046"; }

.fa-arrows:before {
  content: "\f047"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-play:before {
  content: "\f04b"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-eject:before {
  content: "\f052"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-times-circle-o:before {
  content: "\f05c"; }

.fa-check-circle-o:before {
  content: "\f05d"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064"; }

.fa-expand:before {
  content: "\f065"; }

.fa-compress:before {
  content: "\f066"; }

.fa-plus:before {
  content: "\f067"; }

.fa-minus:before {
  content: "\f068"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-plane:before {
  content: "\f072"; }

.fa-calendar:before {
  content: "\f073"; }

.fa-random:before {
  content: "\f074"; }

.fa-comment:before {
  content: "\f075"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-arrows-v:before {
  content: "\f07d"; }

.fa-arrows-h:before {
  content: "\f07e"; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-key:before {
  content: "\f084"; }

.fa-gears:before,
.fa-cogs:before {
  content: "\f085"; }

.fa-comments:before {
  content: "\f086"; }

.fa-thumbs-o-up:before {
  content: "\f087"; }

.fa-thumbs-o-down:before {
  content: "\f088"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-heart-o:before {
  content: "\f08a"; }

.fa-sign-out:before {
  content: "\f08b"; }

.fa-linkedin-square:before {
  content: "\f08c"; }

.fa-thumb-tack:before {
  content: "\f08d"; }

.fa-external-link:before {
  content: "\f08e"; }

.fa-sign-in:before {
  content: "\f090"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-upload:before {
  content: "\f093"; }

.fa-lemon-o:before {
  content: "\f094"; }

.fa-phone:before {
  content: "\f095"; }

.fa-square-o:before {
  content: "\f096"; }

.fa-bookmark-o:before {
  content: "\f097"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a"; }

.fa-github:before {
  content: "\f09b"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-feed:before,
.fa-rss:before {
  content: "\f09e"; }

.fa-hdd-o:before {
  content: "\f0a0"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-hand-o-right:before {
  content: "\f0a4"; }

.fa-hand-o-left:before {
  content: "\f0a5"; }

.fa-hand-o-up:before {
  content: "\f0a6"; }

.fa-hand-o-down:before {
  content: "\f0a7"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-group:before,
.fa-users:before {
  content: "\f0c0"; }

.fa-chain:before,
.fa-link:before {
  content: "\f0c1"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4"; }

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-plus:before {
  content: "\f0d5"; }

.fa-money:before {
  content: "\f0d6"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc"; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd"; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-linkedin:before {
  content: "\f0e1"; }

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2"; }

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3"; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4"; }

.fa-comment-o:before {
  content: "\f0e5"; }

.fa-comments-o:before {
  content: "\f0e6"; }

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea"; }

.fa-lightbulb-o:before {
  content: "\f0eb"; }

.fa-exchange:before {
  content: "\f0ec"; }

.fa-cloud-download:before {
  content: "\f0ed"; }

.fa-cloud-upload:before {
  content: "\f0ee"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-bell-o:before {
  content: "\f0a2"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cutlery:before {
  content: "\f0f5"; }

.fa-file-text-o:before {
  content: "\f0f6"; }

.fa-building-o:before {
  content: "\f0f7"; }

.fa-hospital-o:before {
  content: "\f0f8"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b"; }

.fa-circle-o:before {
  content: "\f10c"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-circle:before {
  content: "\f111"; }

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-folder-o:before {
  content: "\f114"; }

.fa-folder-open-o:before {
  content: "\f115"; }

.fa-smile-o:before {
  content: "\f118"; }

.fa-frown-o:before {
  content: "\f119"; }

.fa-meh-o:before {
  content: "\f11a"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-keyboard-o:before {
  content: "\f11c"; }

.fa-flag-o:before {
  content: "\f11d"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-code:before {
  content: "\f121"; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122"; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-crop:before {
  content: "\f125"; }

.fa-code-fork:before {
  content: "\f126"; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127"; }

.fa-question:before {
  content: "\f128"; }

.fa-info:before {
  content: "\f129"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-shield:before {
  content: "\f132"; }

.fa-calendar-o:before {
  content: "\f133"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-ticket:before {
  content: "\f145"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-minus-square-o:before {
  content: "\f147"; }

.fa-level-up:before {
  content: "\f148"; }

.fa-level-down:before {
  content: "\f149"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-pencil-square:before {
  content: "\f14b"; }

.fa-external-link-square:before {
  content: "\f14c"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150"; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151"; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152"; }

.fa-euro:before,
.fa-eur:before {
  content: "\f153"; }

.fa-gbp:before {
  content: "\f154"; }

.fa-dollar:before,
.fa-usd:before {
  content: "\f155"; }

.fa-rupee:before,
.fa-inr:before {
  content: "\f156"; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157"; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158"; }

.fa-won:before,
.fa-krw:before {
  content: "\f159"; }

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-text:before {
  content: "\f15c"; }

.fa-sort-alpha-asc:before {
  content: "\f15d"; }

.fa-sort-alpha-desc:before {
  content: "\f15e"; }

.fa-sort-amount-asc:before {
  content: "\f160"; }

.fa-sort-amount-desc:before {
  content: "\f161"; }

.fa-sort-numeric-asc:before {
  content: "\f162"; }

.fa-sort-numeric-desc:before {
  content: "\f163"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-youtube-square:before {
  content: "\f166"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-youtube-play:before {
  content: "\f16a"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-adn:before {
  content: "\f170"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitbucket-square:before {
  content: "\f172"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-long-arrow-down:before {
  content: "\f175"; }

.fa-long-arrow-up:before {
  content: "\f176"; }

.fa-long-arrow-left:before {
  content: "\f177"; }

.fa-long-arrow-right:before {
  content: "\f178"; }

.fa-apple:before {
  content: "\f179"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-android:before {
  content: "\f17b"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-trello:before {
  content: "\f181"; }

.fa-female:before {
  content: "\f182"; }

.fa-male:before {
  content: "\f183"; }

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184"; }

.fa-sun-o:before {
  content: "\f185"; }

.fa-moon-o:before {
  content: "\f186"; }

.fa-archive:before {
  content: "\f187"; }

.fa-bug:before {
  content: "\f188"; }

.fa-vk:before {
  content: "\f189"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-arrow-circle-o-right:before {
  content: "\f18e"; }

.fa-arrow-circle-o-left:before {
  content: "\f190"; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191"; }

.fa-dot-circle-o:before {
  content: "\f192"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195"; }

.fa-plus-square-o:before {
  content: "\f196"; }

.fa-space-shuttle:before {
  content: "\f197"; }

.fa-slack:before {
  content: "\f198"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c"; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-pied-piper-pp:before {
  content: "\f1a7"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-spoon:before {
  content: "\f1b1"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-recycle:before {
  content: "\f1b8"; }

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9"; }

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba"; }

.fa-tree:before {
  content: "\f1bb"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-database:before {
  content: "\f1c0"; }

.fa-file-pdf-o:before {
  content: "\f1c1"; }

.fa-file-word-o:before {
  content: "\f1c2"; }

.fa-file-excel-o:before {
  content: "\f1c3"; }

.fa-file-powerpoint-o:before {
  content: "\f1c4"; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5"; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6"; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7"; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8"; }

.fa-file-code-o:before {
  content: "\f1c9"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd"; }

.fa-circle-o-notch:before {
  content: "\f1ce"; }

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0"; }

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7"; }

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8"; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9"; }

.fa-history:before {
  content: "\f1da"; }

.fa-circle-thin:before {
  content: "\f1db"; }

.fa-header:before {
  content: "\f1dc"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-sliders:before {
  content: "\f1de"; }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-share-alt-square:before {
  content: "\f1e1"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3"; }

.fa-tty:before {
  content: "\f1e4"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-newspaper-o:before {
  content: "\f1ea"; }

.fa-wifi:before {
  content: "\f1eb"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-bell-slash-o:before {
  content: "\f1f7"; }

.fa-trash:before {
  content: "\f1f8"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-at:before {
  content: "\f1fa"; }

.fa-eyedropper:before {
  content: "\f1fb"; }

.fa-paint-brush:before {
  content: "\f1fc"; }

.fa-birthday-cake:before {
  content: "\f1fd"; }

.fa-area-chart:before {
  content: "\f1fe"; }

.fa-pie-chart:before {
  content: "\f200"; }

.fa-line-chart:before {
  content: "\f201"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-bicycle:before {
  content: "\f206"; }

.fa-bus:before {
  content: "\f207"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-cc:before {
  content: "\f20a"; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b"; }

.fa-meanpath:before {
  content: "\f20c"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-skyatlas:before {
  content: "\f216"; }

.fa-cart-plus:before {
  content: "\f217"; }

.fa-cart-arrow-down:before {
  content: "\f218"; }

.fa-diamond:before {
  content: "\f219"; }

.fa-ship:before {
  content: "\f21a"; }

.fa-user-secret:before {
  content: "\f21b"; }

.fa-motorcycle:before {
  content: "\f21c"; }

.fa-street-view:before {
  content: "\f21d"; }

.fa-heartbeat:before {
  content: "\f21e"; }

.fa-venus:before {
  content: "\f221"; }

.fa-mars:before {
  content: "\f222"; }

.fa-mercury:before {
  content: "\f223"; }

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224"; }

.fa-transgender-alt:before {
  content: "\f225"; }

.fa-venus-double:before {
  content: "\f226"; }

.fa-mars-double:before {
  content: "\f227"; }

.fa-venus-mars:before {
  content: "\f228"; }

.fa-mars-stroke:before {
  content: "\f229"; }

.fa-mars-stroke-v:before {
  content: "\f22a"; }

.fa-mars-stroke-h:before {
  content: "\f22b"; }

.fa-neuter:before {
  content: "\f22c"; }

.fa-genderless:before {
  content: "\f22d"; }

.fa-facebook-official:before {
  content: "\f230"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-server:before {
  content: "\f233"; }

.fa-user-plus:before {
  content: "\f234"; }

.fa-user-times:before {
  content: "\f235"; }

.fa-hotel:before,
.fa-bed:before {
  content: "\f236"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-train:before {
  content: "\f238"; }

.fa-subway:before {
  content: "\f239"; }

.fa-medium:before {
  content: "\f23a"; }

.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-opencart:before {
  content: "\f23d"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240"; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241"; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242"; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243"; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244"; }

.fa-mouse-pointer:before {
  content: "\f245"; }

.fa-i-cursor:before {
  content: "\f246"; }

.fa-object-group:before {
  content: "\f247"; }

.fa-object-ungroup:before {
  content: "\f248"; }

.fa-sticky-note:before {
  content: "\f249"; }

.fa-sticky-note-o:before {
  content: "\f24a"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-clone:before {
  content: "\f24d"; }

.fa-balance-scale:before {
  content: "\f24e"; }

.fa-hourglass-o:before {
  content: "\f250"; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251"; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252"; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253"; }

.fa-hourglass:before {
  content: "\f254"; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255"; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256"; }

.fa-hand-scissors-o:before {
  content: "\f257"; }

.fa-hand-lizard-o:before {
  content: "\f258"; }

.fa-hand-spock-o:before {
  content: "\f259"; }

.fa-hand-pointer-o:before {
  content: "\f25a"; }

.fa-hand-peace-o:before {
  content: "\f25b"; }

.fa-trademark:before {
  content: "\f25c"; }

.fa-registered:before {
  content: "\f25d"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-gg:before {
  content: "\f260"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-tripadvisor:before {
  content: "\f262"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-safari:before {
  content: "\f267"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-opera:before {
  content: "\f26a"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-tv:before,
.fa-television:before {
  content: "\f26c"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-500px:before {
  content: "\f26e"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-calendar-plus-o:before {
  content: "\f271"; }

.fa-calendar-minus-o:before {
  content: "\f272"; }

.fa-calendar-times-o:before {
  content: "\f273"; }

.fa-calendar-check-o:before {
  content: "\f274"; }

.fa-industry:before {
  content: "\f275"; }

.fa-map-pin:before {
  content: "\f276"; }

.fa-map-signs:before {
  content: "\f277"; }

.fa-map-o:before {
  content: "\f278"; }

.fa-map:before {
  content: "\f279"; }

.fa-commenting:before {
  content: "\f27a"; }

.fa-commenting-o:before {
  content: "\f27b"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-vimeo:before {
  content: "\f27d"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-edge:before {
  content: "\f282"; }

.fa-credit-card-alt:before {
  content: "\f283"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-modx:before {
  content: "\f285"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-usb:before {
  content: "\f287"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-pause-circle:before {
  content: "\f28b"; }

.fa-pause-circle-o:before {
  content: "\f28c"; }

.fa-stop-circle:before {
  content: "\f28d"; }

.fa-stop-circle-o:before {
  content: "\f28e"; }

.fa-shopping-bag:before {
  content: "\f290"; }

.fa-shopping-basket:before {
  content: "\f291"; }

.fa-hashtag:before {
  content: "\f292"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-percent:before {
  content: "\f295"; }

.fa-gitlab:before {
  content: "\f296"; }

.fa-wpbeginner:before {
  content: "\f297"; }

.fa-wpforms:before {
  content: "\f298"; }

.fa-envira:before {
  content: "\f299"; }

.fa-universal-access:before {
  content: "\f29a"; }

.fa-wheelchair-alt:before {
  content: "\f29b"; }

.fa-question-circle-o:before {
  content: "\f29c"; }

.fa-blind:before {
  content: "\f29d"; }

.fa-audio-description:before {
  content: "\f29e"; }

.fa-volume-control-phone:before {
  content: "\f2a0"; }

.fa-braille:before {
  content: "\f2a1"; }

.fa-assistive-listening-systems:before {
  content: "\f2a2"; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4"; }

.fa-glide:before {
  content: "\f2a5"; }

.fa-glide-g:before {
  content: "\f2a6"; }

.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7"; }

.fa-low-vision:before {
  content: "\f2a8"; }

.fa-viadeo:before {
  content: "\f2a9"; }

.fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-snapchat:before {
  content: "\f2ab"; }

.fa-snapchat-ghost:before {
  content: "\f2ac"; }

.fa-snapchat-square:before {
  content: "\f2ad"; }

.fa-pied-piper:before {
  content: "\f2ae"; }

.fa-first-order:before {
  content: "\f2b0"; }

.fa-yoast:before {
  content: "\f2b1"; }

.fa-themeisle:before {
  content: "\f2b2"; }

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3"; }

.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4"; }

.fa-handshake-o:before {
  content: "\f2b5"; }

.fa-envelope-open:before {
  content: "\f2b6"; }

.fa-envelope-open-o:before {
  content: "\f2b7"; }

.fa-linode:before {
  content: "\f2b8"; }

.fa-address-book:before {
  content: "\f2b9"; }

.fa-address-book-o:before {
  content: "\f2ba"; }

.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb"; }

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc"; }

.fa-user-circle:before {
  content: "\f2bd"; }

.fa-user-circle-o:before {
  content: "\f2be"; }

.fa-user-o:before {
  content: "\f2c0"; }

.fa-id-badge:before {
  content: "\f2c1"; }

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2"; }

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3"; }

.fa-quora:before {
  content: "\f2c4"; }

.fa-free-code-camp:before {
  content: "\f2c5"; }

.fa-telegram:before {
  content: "\f2c6"; }

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7"; }

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8"; }

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9"; }

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca"; }

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb"; }

.fa-shower:before {
  content: "\f2cc"; }

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd"; }

.fa-podcast:before {
  content: "\f2ce"; }

.fa-window-maximize:before {
  content: "\f2d0"; }

.fa-window-minimize:before {
  content: "\f2d1"; }

.fa-window-restore:before {
  content: "\f2d2"; }

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3"; }

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4"; }

.fa-bandcamp:before {
  content: "\f2d5"; }

.fa-grav:before {
  content: "\f2d6"; }

.fa-etsy:before {
  content: "\f2d7"; }

.fa-imdb:before {
  content: "\f2d8"; }

.fa-ravelry:before {
  content: "\f2d9"; }

.fa-eercast:before {
  content: "\f2da"; }

.fa-microchip:before {
  content: "\f2db"; }

.fa-snowflake-o:before {
  content: "\f2dc"; }

.fa-superpowers:before {
  content: "\f2dd"; }

.fa-wpexplorer:before {
  content: "\f2de"; }

.fa-meetup:before {
  content: "\f2e0"; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

/*!
 * bsStepper v1.7.0 (https://github.com/Johann-S/bs-stepper)
 * Copyright 2018 - 2019 Johann-S <johann.servoire@gmail.com>
 * Licensed under MIT (https://github.com/Johann-S/bs-stepper/blob/master/LICENSE)
 */
.bs-stepper .step-trigger {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  color: #6c757d;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: none;
  border-radius: .25rem;
  transition: background-color .15s ease-out, color .15s ease-out; }

.bs-stepper .step-trigger:not(:disabled):not(.disabled) {
  cursor: auto; }

.bs-stepper .step-trigger:disabled,
.bs-stepper .step-trigger.disabled {
  pointer-events: none;
  opacity: .65; }

.bs-stepper .step-trigger:focus {
  color: #28a745;
  outline: none; }

.bs-stepper .step-trigger:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.06); }

@media (max-width: 520px) {
  .bs-stepper .step-trigger {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
    max-width: 100px;
    min-width: 60px; }
  .bs-stepper-label {
    text-wrap: pretty; } }

.bs-stepper-label {
  display: inline-block;
  margin: .25rem; }

.bs-stepper-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

@media (max-width: 520px) {
  .bs-stepper-header {
    margin: 0 -10px;
    text-align: center;
    -ms-flex-align: start;
    align-items: start; } }

.bs-stepper-line,
.bs-stepper .line {
  -ms-flex: 1 0 32px;
  flex: 1 0 32px;
  min-width: 1px;
  min-height: 1px;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.12); }

@media (max-width: 400px) {
  .bs-stepper-line,
  .bs-stepper .line {
    -ms-flex-preferred-size: 20px;
    flex-basis: 20px; } }

.bs-stepper-circle {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  padding: .5em 0;
  margin: .25rem;
  line-height: 1em;
  color: #fff;
  background-color: #6c757d;
  border-radius: 1em; }

.active .bs-stepper-circle {
  background-color: #28a745; }

.bs-stepper-content {
  padding: 0 20px 20px; }

@media (max-width: 520px) {
  .bs-stepper-content {
    padding: 0; } }

.bs-stepper.vertical {
  display: -ms-flexbox;
  display: flex; }

.bs-stepper.vertical .bs-stepper-header {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 0; }

.bs-stepper.vertical .bs-stepper-pane,
.bs-stepper.vertical .content {
  display: block; }

.bs-stepper.vertical .bs-stepper-pane:not(.fade),
.bs-stepper.vertical .content:not(.fade) {
  display: block;
  visibility: hidden; }

.bs-stepper-pane:not(.fade),
.bs-stepper .content:not(.fade) {
  display: none; }

.bs-stepper .content.fade,
.bs-stepper-pane.fade {
  visibility: hidden;
  transition-duration: .3s;
  transition-property: opacity; }

.bs-stepper-pane.fade.active,
.bs-stepper .content.fade.active {
  visibility: visible;
  opacity: 1; }

.bs-stepper-pane.active:not(.fade),
.bs-stepper .content.active:not(.fade) {
  display: block;
  visibility: visible; }

.bs-stepper-pane.dstepper-block,
.bs-stepper .content.dstepper-block {
  display: block; }

.bs-stepper:not(.vertical) .bs-stepper-pane.dstepper-none,
.bs-stepper:not(.vertical) .content.dstepper-none {
  display: none; }

.vertical .bs-stepper-pane.fade.dstepper-none,
.vertical .content.fade.dstepper-none {
  visibility: hidden; }

/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C; }

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8; }

.light-card {
  background-color: var(--light-background); }

.light-background {
  background-color: var(--light-bg); }

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  transform: rotate(-45deg);
  display: inline-block; }

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-l-50 {
  margin-left: 50px !important; }

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important; }

.b-r-1 {
  border-radius: 1px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-r-11 {
  border-radius: 11px !important; }

.b-r-12 {
  border-radius: 12px !important; }

.b-r-13 {
  border-radius: 13px !important; }

.b-r-14 {
  border-radius: 14px !important; }

.b-r-15 {
  border-radius: 15px !important; }

.b-r-16 {
  border-radius: 16px !important; }

.b-r-17 {
  border-radius: 17px !important; }

.b-r-18 {
  border-radius: 18px !important; }

.b-r-19 {
  border-radius: 19px !important; }

.b-r-20 {
  border-radius: 20px !important; }

.b-r-21 {
  border-radius: 21px !important; }

.b-r-22 {
  border-radius: 22px !important; }

.b-r-23 {
  border-radius: 23px !important; }

.b-r-24 {
  border-radius: 24px !important; }

.b-r-25 {
  border-radius: 25px !important; }

.b-r-26 {
  border-radius: 26px !important; }

.b-r-27 {
  border-radius: 27px !important; }

.b-r-28 {
  border-radius: 28px !important; }

.b-r-29 {
  border-radius: 29px !important; }

.b-r-30 {
  border-radius: 30px !important; }

.b-r-31 {
  border-radius: 31px !important; }

.b-r-32 {
  border-radius: 32px !important; }

.b-r-33 {
  border-radius: 33px !important; }

.b-r-34 {
  border-radius: 34px !important; }

.b-r-35 {
  border-radius: 35px !important; }

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.f-34 {
  font-size: 34px !important; }

.f-36 {
  font-size: 36px !important; }

.f-38 {
  font-size: 38px !important; }

.f-40 {
  font-size: 40px !important; }

.f-42 {
  font-size: 42px !important; }

.f-44 {
  font-size: 44px !important; }

.f-46 {
  font-size: 46px !important; }

.f-48 {
  font-size: 48px !important; }

.f-50 {
  font-size: 50px !important; }

.f-52 {
  font-size: 52px !important; }

.f-54 {
  font-size: 54px !important; }

.f-56 {
  font-size: 56px !important; }

.f-58 {
  font-size: 58px !important; }

.f-60 {
  font-size: 60px !important; }

.f-62 {
  font-size: 62px !important; }

.f-64 {
  font-size: 64px !important; }

.f-66 {
  font-size: 66px !important; }

.f-68 {
  font-size: 68px !important; }

.f-70 {
  font-size: 70px !important; }

.f-72 {
  font-size: 72px !important; }

.f-74 {
  font-size: 74px !important; }

.f-76 {
  font-size: 76px !important; }

.f-78 {
  font-size: 78px !important; }

.f-80 {
  font-size: 80px !important; }

.f-82 {
  font-size: 82px !important; }

.f-84 {
  font-size: 84px !important; }

.f-86 {
  font-size: 86px !important; }

.f-88 {
  font-size: 88px !important; }

.f-90 {
  font-size: 90px !important; }

.f-92 {
  font-size: 92px !important; }

.f-94 {
  font-size: 94px !important; }

.f-96 {
  font-size: 96px !important; }

.f-98 {
  font-size: 98px !important; }

.f-100 {
  font-size: 100px !important; }

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100; }

.f-w-300 {
  font-weight: 300; }

.f-w-500 {
  font-weight: 500; }

.f-w-400 {
  font-weight: 400; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-900 {
  font-weight: 900; }

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal; }

.f-s-italic {
  font-style: italic; }

.f-s-oblique {
  font-style: oblique; }

.f-s-initial {
  font-style: initial; }

.f-s-inherit {
  font-style: inherit; }

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-dashed {
  text-decoration: dashed; }

.text-blink {
  text-decoration: blink; }

.text-dotted {
  text-decoration: dotted; }

.text-initial {
  text-decoration: initial; }

.text-none {
  text-decoration: none; }

.text-solid {
  text-decoration: solid; }

.text-wavy {
  text-decoration: wavy; }

.text-inherit {
  text-decoration: inherit; }

.text-double {
  text-decoration: double; }

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline; }

.sub {
  vertical-align: sub; }

.super {
  vertical-align: super; }

.top {
  vertical-align: top; }

.text-top {
  vertical-align: text-top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.text-bottom {
  vertical-align: text-bottom; }

.initial {
  vertical-align: initial; }

.inherit {
  vertical-align: inherit; }

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-relative {
  position: relative; }

.p-initial {
  position: initial; }

.p-inherit {
  position: inherit; }

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden; }

.o-visible {
  overflow: visible; }

.o-auto {
  overflow: auto; }

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important; }

.img-h-10 {
  height: 10px !important; }

.img-20 {
  width: 20px !important; }

.img-h-20 {
  height: 20px !important; }

.img-30 {
  width: 30px !important; }

.img-h-30 {
  height: 30px !important; }

.img-40 {
  width: 40px !important; }

.img-h-40 {
  height: 40px !important; }

.img-50 {
  width: 50px !important; }

.img-h-50 {
  height: 50px !important; }

.img-60 {
  width: 60px !important; }

.img-h-60 {
  height: 60px !important; }

.img-70 {
  width: 70px !important; }

.img-h-70 {
  height: 70px !important; }

.img-80 {
  width: 80px !important; }

.img-h-80 {
  height: 80px !important; }

.img-90 {
  width: 90px !important; }

.img-h-90 {
  height: 90px !important; }

.img-100 {
  width: 100px !important; }

.img-h-100 {
  height: 100px !important; }

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important; }

.font-secondary {
  color: #FE6A49 !important; }

.font-success {
  color: #00AC46 !important; }

.font-danger {
  color: #FE6A49 !important; }

.font-info {
  color: #173878 !important; }

.font-light {
  color: #E6E9EB !important; }

.font-dark {
  color: #2c323f !important; }

.font-warning {
  color: #FFAE1A !important; }

.font-primary {
  color: var(--theme-deafult) !important; }

.font-secondary {
  color: var(--theme-secondary) !important; }

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize; }

.label-theme {
  background-color: #006666; }

.label-primary {
  background-color: #006666; }

.label-secondary {
  background-color: #FE6A49; }

.label-success {
  background-color: #00AC46; }

.label-danger {
  background-color: #FE6A49; }

.label-info {
  background-color: #173878; }

.label-light {
  background-color: #E6E9EB; }

.label-dark {
  background-color: #2c323f; }

.label-warning {
  background-color: #FFAE1A; }

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666; }

.badge-secondary {
  background-color: #FE6A49; }

.badge-success {
  background-color: #00AC46; }

.badge-danger {
  background-color: #FE6A49; }

.badge-info {
  background-color: #173878; }

.badge-light {
  background-color: #E6E9EB; }

.badge-dark {
  background-color: #2c323f; }

.badge-warning {
  background-color: #FFAE1A; }

.badge-primary {
  background-color: var(--theme-deafult) !important; }

.badge-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff; }

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff; }

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important; }

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-success {
  background-color: #00AC46 !important;
  color: #fff; }

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff; }

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important; }

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-info {
  background-color: #173878 !important;
  color: #fff; }

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff; }

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important; }

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff; }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff; }

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important; }

.bg-dark {
  background-color: #2c323f !important;
  color: #fff; }

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff; }

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important; }

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff; }

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff; }

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important; }

.bg-primary {
  background-color: var(--theme-deafult) !important; }

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6); }

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important; }

.txt-secondary {
  color: #FE6A49 !important; }

.txt-success {
  color: #00AC46 !important; }

.txt-danger {
  color: #FE6A49 !important; }

.txt-info {
  color: #173878 !important; }

.txt-light {
  color: #E6E9EB !important; }

.txt-dark {
  color: #2c323f !important; }

.txt-warning {
  color: #FFAE1A !important; }

.txt-google-plus {
  color: #c64e40 !important; }

.txt-twitter {
  color: #6fa2d8 !important; }

.txt-linkedin {
  color: #0077B5 !important; }

.txt-fb {
  color: #50598e !important; }

.txt-primary {
  color: var(--theme-deafult) !important; }

.txt-secondary {
  color: var(--theme-secondary) !important; }

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@keyframes push {
  50% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #006666 !important;
    border-color: #006666 !important; }
  .btn-primary:focus {
    box-shadow: unset !important; }

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-secondary:focus {
    box-shadow: unset !important; }

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }
  .btn-success:focus {
    box-shadow: unset !important; }

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-danger:focus {
    box-shadow: unset !important; }

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #173878 !important;
    border-color: #173878 !important; }
  .btn-info:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }
  .btn-light:focus {
    box-shadow: unset !important; }

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #2c323f !important;
    border-color: #2c323f !important; }
  .btn-dark:focus {
    box-shadow: unset !important; }

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }
  .btn-warning:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important; }
  .btn-light:hover {
    background-color: rgba(0, 102, 102, 0.1) !important;
    border-color: rgba(0, 102, 102, 0.1) !important; }

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important; }

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important; }

.btn-hover-effect:hover {
  animation: push 0.5s linear 1; }

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent; }
  .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-check {
  color: #006666 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #006666 !important; }
    .btn-check:checked + .btn-outline-primary {
      color: white !important;
      background-color: #006666 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-primary {
    border-color: #006666 !important;
    color: #006666 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-primary.disabled {
      color: #006666; }
    .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
      color: white !important;
      background-color: #006666 !important;
      border-color: #006666 !important;
      box-shadow: none !important; }

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary.disabled {
    color: #006666;
    border-color: #006666; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-secondary {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-secondary {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-secondary.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #00AC46 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #00AC46 !important; }
    .btn-check:checked + .btn-outline-success {
      color: white !important;
      background-color: #00AC46 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-success.disabled {
      color: #00AC46; }
    .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
      color: white !important;
      background-color: #00AC46 !important;
      border-color: #00AC46 !important;
      box-shadow: none !important; }

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success.disabled {
    color: #00AC46;
    border-color: #00AC46; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-danger {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-danger.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #173878 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #173878 !important; }
    .btn-check:checked + .btn-outline-info {
      color: white !important;
      background-color: #173878 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-info {
    border-color: #173878 !important;
    color: #173878 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-info.disabled {
      color: #173878; }
    .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
      color: white !important;
      background-color: #173878 !important;
      border-color: #173878 !important;
      box-shadow: none !important; }

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info.disabled {
    color: #173878;
    border-color: #173878; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: #fff !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #E6E9EB !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #E6E9EB !important; }
    .btn-check:checked + .btn-outline-light {
      color: white !important;
      background-color: #E6E9EB !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-light {
    border-color: #E6E9EB !important;
    color: #E6E9EB !important;
    background-color: transparent;
    color: #051A1A; }
    .btn-check + .btn-outline-light.disabled {
      color: #E6E9EB; }
    .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
      color: white !important;
      background-color: #E6E9EB !important;
      border-color: #E6E9EB !important;
      box-shadow: none !important; }

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A; }
  .btn-outline-light.disabled {
    color: #E6E9EB;
    border-color: #E6E9EB; }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: #fff !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: unset !important; }

.btn-check {
  color: #2c323f !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #2c323f !important; }
    .btn-check:checked + .btn-outline-dark {
      color: white !important;
      background-color: #2c323f !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-dark {
    border-color: #2c323f !important;
    color: #2c323f !important;
    background-color: transparent; }
    .btn-check + .btn-outline-dark.disabled {
      color: #2c323f; }
    .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
      color: white !important;
      background-color: #2c323f !important;
      border-color: #2c323f !important;
      box-shadow: none !important; }

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark.disabled {
    color: #2c323f;
    border-color: #2c323f; }
  .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FFAE1A !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FFAE1A !important; }
    .btn-check:checked + .btn-outline-warning {
      color: white !important;
      background-color: #FFAE1A !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important;
    background-color: transparent; }
    .btn-check + .btn-outline-warning.disabled {
      color: #FFAE1A; }
    .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
      color: white !important;
      background-color: #FFAE1A !important;
      border-color: #FFAE1A !important;
      box-shadow: none !important; }

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning.disabled {
    color: #FFAE1A;
    border-color: #FFAE1A; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: unset !important; }

.btn-primary.active:not([disabled]):not(.disabled) {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  box-shadow: none !important; }
  .btn-primary.active:not([disabled]):not(.disabled):hover, .btn-primary.active:not([disabled]):not(.disabled):focus, .btn-primary.active:not([disabled]):not(.disabled):active, .btn-primary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #003333;
    border-color: #003333; }

.btn-secondary.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-secondary.active:not([disabled]):not(.disabled):hover, .btn-secondary.active:not([disabled]):not(.disabled):focus, .btn-secondary.active:not([disabled]):not(.disabled):active, .btn-secondary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-success.active:not([disabled]):not(.disabled) {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  box-shadow: none !important; }
  .btn-success.active:not([disabled]):not(.disabled):hover, .btn-success.active:not([disabled]):not(.disabled):focus, .btn-success.active:not([disabled]):not(.disabled):active, .btn-success.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #007931;
    border-color: #007931; }

.btn-danger.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-danger.active:not([disabled]):not(.disabled):hover, .btn-danger.active:not([disabled]):not(.disabled):focus, .btn-danger.active:not([disabled]):not(.disabled):active, .btn-danger.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-info.active:not([disabled]):not(.disabled) {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  box-shadow: none !important; }
  .btn-info.active:not([disabled]):not(.disabled):hover, .btn-info.active:not([disabled]):not(.disabled):focus, .btn-info.active:not([disabled]):not(.disabled):active, .btn-info.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #0f244d;
    border-color: #0f244d; }

.btn-light.active:not([disabled]):not(.disabled) {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  box-shadow: none !important; }
  .btn-light.active:not([disabled]):not(.disabled):hover, .btn-light.active:not([disabled]):not(.disabled):focus, .btn-light.active:not([disabled]):not(.disabled):active, .btn-light.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #cad0d4;
    border-color: #cad0d4; }

.btn-dark.active:not([disabled]):not(.disabled) {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  box-shadow: none !important; }
  .btn-dark.active:not([disabled]):not(.disabled):hover, .btn-dark.active:not([disabled]):not(.disabled):focus, .btn-dark.active:not([disabled]):not(.disabled):active, .btn-dark.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #171a21;
    border-color: #171a21; }

.btn-warning.active:not([disabled]):not(.disabled) {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  box-shadow: none !important; }
  .btn-warning.active:not([disabled]):not(.disabled):hover, .btn-warning.active:not([disabled]):not(.disabled):focus, .btn-warning.active:not([disabled]):not(.disabled):active, .btn-warning.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #e69500;
    border-color: #e69500; }

.btn-outline-primary-2x.active:not([disabled]):not(.disabled) {
  background-color: #006666;
  border-color: #006666;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-primary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-primary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #006666 !important;
    border-color: #006666 !important; }

.btn-outline-secondary-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-secondary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-success-2x.active:not([disabled]):not(.disabled) {
  background-color: #00AC46;
  border-color: #00AC46;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-success-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-success-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-success-2x.active:not([disabled]):not(.disabled):active, .btn-outline-success-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }

.btn-outline-danger-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-danger-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):active, .btn-outline-danger-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-info-2x.active:not([disabled]):not(.disabled) {
  background-color: #173878;
  border-color: #173878;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-info-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-info-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-info-2x.active:not([disabled]):not(.disabled):active, .btn-outline-info-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #173878 !important;
    border-color: #173878 !important; }

.btn-outline-light-2x.active:not([disabled]):not(.disabled) {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-light-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-light-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-light-2x.active:not([disabled]):not(.disabled):active, .btn-outline-light-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }

.btn-outline-dark-2x.active:not([disabled]):not(.disabled) {
  background-color: #2c323f;
  border-color: #2c323f;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-dark-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):active, .btn-outline-dark-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important; }

.btn-outline-warning-2x.active:not([disabled]):not(.disabled) {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-warning-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):active, .btn-outline-warning-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important; }

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important; }

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important; }

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important; }

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important; }

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important; }

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666; }
  .table-styling .table-primary thead,
  .table-styling.table-primary thead {
    background-color: #003333;
    border: 3px solid #003333; }
  .table-styling .table-primary th,
  .table-styling .table-primary td,
  .table-styling.table-primary th,
  .table-styling.table-primary td {
    background-color: transparent; }

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-secondary thead,
  .table-styling.table-secondary thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-secondary th,
  .table-styling .table-secondary td,
  .table-styling.table-secondary th,
  .table-styling.table-secondary td {
    background-color: transparent; }

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46; }
  .table-styling .table-success thead,
  .table-styling.table-success thead {
    background-color: #007931;
    border: 3px solid #007931; }
  .table-styling .table-success th,
  .table-styling .table-success td,
  .table-styling.table-success th,
  .table-styling.table-success td {
    background-color: transparent; }

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-danger thead,
  .table-styling.table-danger thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-danger th,
  .table-styling .table-danger td,
  .table-styling.table-danger th,
  .table-styling.table-danger td {
    background-color: transparent; }

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878; }
  .table-styling .table-info thead,
  .table-styling.table-info thead {
    background-color: #0f244d;
    border: 3px solid #0f244d; }
  .table-styling .table-info th,
  .table-styling .table-info td,
  .table-styling.table-info th,
  .table-styling.table-info td {
    background-color: transparent; }

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB; }
  .table-styling .table-light thead,
  .table-styling.table-light thead {
    background-color: #cad0d4;
    border: 3px solid #cad0d4; }
  .table-styling .table-light th,
  .table-styling .table-light td,
  .table-styling.table-light th,
  .table-styling.table-light td {
    background-color: transparent; }

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f; }
  .table-styling .table-dark thead,
  .table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21; }
  .table-styling .table-dark th,
  .table-styling .table-dark td,
  .table-styling.table-dark th,
  .table-styling.table-dark td {
    background-color: transparent; }

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A; }
  .table-styling .table-warning thead,
  .table-styling.table-warning thead {
    background-color: #e69500;
    border: 3px solid #e69500; }
  .table-styling .table-warning th,
  .table-styling .table-warning td,
  .table-styling.table-warning th,
  .table-styling.table-warning td {
    background-color: transparent; }

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important; }

.stroke-secondary {
  stroke: #FE6A49 !important; }

.stroke-success {
  stroke: #00AC46 !important; }

.stroke-danger {
  stroke: #FE6A49 !important; }

.stroke-info {
  stroke: #173878 !important; }

.stroke-light {
  stroke: #E6E9EB !important; }

.stroke-dark {
  stroke: #2c323f !important; }

.stroke-warning {
  stroke: #FFAE1A !important; }

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878; }

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important; }

.b-t-primary {
  border-top: 1px solid #006666 !important; }

.border-t-primary {
  border-top: 1px solid #006666 !important; }

.b-b-primary {
  border-bottom: 1px solid #006666 !important; }

.border-b-primary {
  border-bottom: 1px solid #006666 !important; }

.b-l-primary {
  border-left: 1px solid #006666 !important; }

.border-l-primary {
  border-left: 1px solid #006666 !important; }

.b-r-primary {
  border-right: 1px solid #006666 !important; }

.border-r-primary {
  border-right: 1px solid #006666 !important; }

.b-secondary {
  border: 1px solid #FE6A49 !important; }

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.b-success {
  border: 1px solid #00AC46 !important; }

.b-t-success {
  border-top: 1px solid #00AC46 !important; }

.border-t-success {
  border-top: 1px solid #00AC46 !important; }

.b-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.border-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.b-l-success {
  border-left: 1px solid #00AC46 !important; }

.border-l-success {
  border-left: 1px solid #00AC46 !important; }

.b-r-success {
  border-right: 1px solid #00AC46 !important; }

.border-r-success {
  border-right: 1px solid #00AC46 !important; }

.b-danger {
  border: 1px solid #FE6A49 !important; }

.b-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.border-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.border-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.b-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.border-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.b-info {
  border: 1px solid #173878 !important; }

.b-t-info {
  border-top: 1px solid #173878 !important; }

.border-t-info {
  border-top: 1px solid #173878 !important; }

.b-b-info {
  border-bottom: 1px solid #173878 !important; }

.border-b-info {
  border-bottom: 1px solid #173878 !important; }

.b-l-info {
  border-left: 1px solid #173878 !important; }

.border-l-info {
  border-left: 1px solid #173878 !important; }

.b-r-info {
  border-right: 1px solid #173878 !important; }

.border-r-info {
  border-right: 1px solid #173878 !important; }

.b-light {
  border: 1px solid #E6E9EB !important; }

.b-t-light {
  border-top: 1px solid #E6E9EB !important; }

.border-t-light {
  border-top: 1px solid #E6E9EB !important; }

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.b-l-light {
  border-left: 1px solid #E6E9EB !important; }

.border-l-light {
  border-left: 1px solid #E6E9EB !important; }

.b-r-light {
  border-right: 1px solid #E6E9EB !important; }

.border-r-light {
  border-right: 1px solid #E6E9EB !important; }

.b-dark {
  border: 1px solid #2c323f !important; }

.b-t-dark {
  border-top: 1px solid #2c323f !important; }

.border-t-dark {
  border-top: 1px solid #2c323f !important; }

.b-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.border-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.b-l-dark {
  border-left: 1px solid #2c323f !important; }

.border-l-dark {
  border-left: 1px solid #2c323f !important; }

.b-r-dark {
  border-right: 1px solid #2c323f !important; }

.border-r-dark {
  border-right: 1px solid #2c323f !important; }

.b-warning {
  border: 1px solid #FFAE1A !important; }

.b-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.border-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.b-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.border-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.b-r-warning {
  border-right: 1px solid #FFAE1A !important; }

.border-r-warning {
  border-right: 1px solid #FFAE1A !important; }

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-6 {
  border-width: 6px !important; }

.border-7 {
  border-width: 7px !important; }

.border-8 {
  border-width: 8px !important; }

.border-9 {
  border-width: 9px !important; }

.border-10 {
  border-width: 10px !important; }

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px; }

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa; }

.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px; }

.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3); }

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f; }
  .line pre {
    font-size: 100%; }

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important; }

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .options > div {
    color: #86909C;
    padding: 2px 10px;
    border: 1px solid; }
    .options > div:hover {
      background-color: #006666;
      color: #fff;
      transition: background-color 0.3s ease; }

/**====== Animation css Ends ======**/
.modal-footer {
  flex-wrap: wrap; }

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0; }

.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0; }

.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px; }

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666; }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #006666 !important; }

.typeahead .theme-form .form-group {
  margin-bottom: 0; }

.primary .svg-fill {
  fill: var(--theme-deafult); }
  .primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-deafult); }

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important; }

.secondary .svg-fill {
  fill: var(--theme-secondary); }
  .secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary); }

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important; }

.success .svg-fill {
  fill: #00AC46; }

.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important; }

.warning .svg-fill {
  fill: #FFAE1A; }

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important; }

.dotted {
  border-style: dotted; }

.dashed {
  border-style: dashed; }

.double {
  border-style: double; }

.groove {
  border-style: groove; }

.ridge {
  border-style: ridge; }

.inset {
  border-style: inset; }

.outset {
  border-style: outset; }

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px; }
  75% {
    opacity: .6;
    top: 0; }
  100% {
    opacity: 1; } }

.code-box-copy {
  width: 100%;
  overflow: auto; }

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%; }
  .custom-rs-12 {
    width: 100%; } }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px; }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none; }

.bg-gray {
  background-color: var(--text-gray); }

.text-gray {
  color: var(--text-gray) !important; }

.common-flex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

.common-space {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2); }

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3); }

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important; }

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important; }

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666; }

.badge-light-secondary {
  background-color: white;
  color: #FE6A49; }

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46; }

.badge-light-danger {
  background-color: white;
  color: #FE6A49; }

.badge-light-info {
  background-color: #6e96e3;
  color: #173878; }

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c; }

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f; }

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A; }

.fc .fc-button-primary.fc-button-active:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult), 0.2) !important; }

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%;
      margin-left: 0px; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .invoice-table-data {
    background-color: #f9f9fa; }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

/**=====================
    1.1 Reset CSS Ends
==========================**/
/**=====================
    1.2 Typography CSS start
==========================**/
body {
  font-size: 14px;
  overflow-x: hidden;
  font-family: "Montserrat", sans-serif;
  color: #051A1A; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0; }

h1 {
  font-size: 28px;
  font-weight: 600; }

h2 {
  font-size: 26px;
  font-weight: 600; }

h3 {
  font-size: 24px;
  font-weight: 600; }

h4 {
  font-size: 20px;
  font-weight: 600; }

h5 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4; }

h6 {
  font-size: 15px;
  font-weight: 600;
  line-height: 1; }

ul {
  padding-left: 0px;
  list-style-type: none;
  margin-bottom: 0; }

* a {
  color: var(--theme-deafult);
  text-decoration: none;
  letter-spacing: 1px; }

.f-m-light {
  margin: 0; }

a {
  font-size: 0.875rem;
  text-decoration: none;
  color: var(--theme-deafult); }
  a:hover {
    color: var(--theme-deafult); }
  a:focus-visible {
    outline: none; }

.btn {
  font-size: 14px; }

*.btn:focus {
  box-shadow: none !important; }

button:focus {
  outline: none !important; }

p {
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0.7px; }

code {
  color: var(--theme-deafult) !important;
  border-radius: 2px; }

.media {
  display: flex;
  align-items: flex-start; }
  .media .media-body {
    flex: 1; }

blockquote {
  border-left: 4px solid #006666;
  padding: 18px; }

.figure.text-center blockquote {
  border: none !important; }

.figure.text-end blockquote {
  border-left: none !important;
  border-right: 4px solid #006666; }

.row > div {
  position: relative; }

:focus {
  outline-color: var(--theme-deafult); }

.disabled {
  cursor: not-allowed;
  opacity: 0.5; }

svg {
  vertical-align: baseline; }

input:focus {
  outline-color: transparent; }

label {
  margin-bottom: .5rem;
  font-weight: 500; }

.media-widgets .media-body {
  margin-bottom: 30px; }

.typography h1,
.typography .h1,
.typography h2,
.typography .h2,
.typography h3,
.typography .h3,
.typography h4,
.typography .h4,
.typography h5,
.typography .h5,
.typography h6,
.typography .h6 {
  margin: 18px 0;
  margin-top: 0; }
  .typography h1:last-child,
  .typography .h1:last-child,
  .typography h2:last-child,
  .typography .h2:last-child,
  .typography h3:last-child,
  .typography .h3:last-child,
  .typography h4:last-child,
  .typography .h4:last-child,
  .typography h5:last-child,
  .typography .h5:last-child,
  .typography h6:last-child,
  .typography .h6:last-child {
    margin-bottom: 0; }

.typography small {
  padding-left: 10px;
  color: #2c323f; }

pre {
  background-color: rgba(0, 102, 102, 0.03);
  padding: 20px 0; }

.owl-theme .owl-dots .owl-dot span {
  background: rgba(0, 102, 102, 0.2); }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: var(--theme-deafult); }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-bottom: -10px;
  margin-top: 25px; }

.click2edit ~ .note-editor.note-frame {
  margin-bottom: 30px; }

.note-editor.note-frame {
  border-color: #E6E9EB; }

.note-editor.fullscreen .note-toolbar-wrapper {
  height: 0 !important; }

.note-editor.note-frame {
  border-color: #E6E9EB; }

.modal .modal-body .card {
  box-shadow: none !important; }

.modal-dialog .modal-content .modal-body p a {
  margin-right: 0; }

.notify-alert .close {
  color: #fff; }
  [dir="rtl"] .notify-alert .close {
    right: unset !important;
    left: 10px !important; }

.notify-alert.alert-light .close {
  color: #051A1A; }

.alert-theme button {
  top: 24px !important;
  right: 20px !important;
  color: var(--theme-deafult); }
  [dir="rtl"] .alert-theme button {
    right: unset !important;
    left: 20px !important; }

.alert-theme span + span + span {
  background-color: #fff;
  color: var(--theme-deafult);
  border-radius: 4px;
  box-shadow: 0 2px 14px -3px rgba(0, 0, 0, 0.2); }

.alert-theme .close {
  color: var(--theme-deafult); }

.alert-theme i {
  padding: 20px;
  padding-right: 0 !important;
  margin-right: 20px !important; }

.alert-theme .progress {
  margin-top: -2px !important;
  height: 2px;
  width: 100%; }
  .alert-theme .progress .progress-bar {
    background-color: var(--theme-deafult); }

.d-flex {
  display: flex;
  align-items: flex-start; }
  .d-flex .flex-grow-1 {
    flex: 1; }

.alert-copy {
  border: 1px solid var(--theme-deafult);
  line-height: 1;
  display: inline-block;
  width: 300px;
  color: #fff;
  background-color: var(--theme-deafult); }
  .alert-copy .close {
    box-shadow: none;
    color: #fff;
    line-height: 1.4;
    font-weight: 100;
    top: -15px; }
    [dir="rtl"] .alert-copy .close {
      right: unset !important;
      left: 10px !important; }
    .alert-copy .close:focus {
      outline: none; }

.ace-editor {
  height: 400px;
  width: 100%; }

.editor-toolbar {
  width: 100% !important; }
  .editor-toolbar.fullscreen {
    z-index: 100; }

.CodeMirror {
  top: 0 !important; }

.CodeMirror-fullscreen {
  top: 50px !important; }

.irs-from,
.irs-to,
.irs-single {
  background: var(--theme-deafult); }
  .irs-from:after,
  .irs-to:after,
  .irs-single:after {
    border-top-color: var(--theme-deafult); }

.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge {
  background-color: var(--theme-deafult); }

.swal-button {
  background-color: var(--theme-deafult); }
  .swal-button:active {
    background-color: #004d4d; }

.swal-button--cancel {
  background-color: #EFEFEE !important; }

.clipboaard-container h6 {
  line-height: 1.6;
  font-size: 14px; }

fieldset .bootstrap-touchspin-postfix,
fieldset .bootstrap-touchspin-prefix {
  border-radius: 0;
  padding: .4rem .75rem; }

fieldset .input-group-lg .touchspin {
  height: 50px; }

.f1 .f1-steps .f1-step .f1-step-icon {
  padding: 12px; }

.form-inline .form-group {
  display: flex; }

.input-group-text i {
  line-height: 1.5; }

.animated-modal .form-select {
  display: inline-block;
  width: auto;
  vertical-align: middle; }

.card-wrapper {
  padding: 14px; }
  .card-wrapper dl dt {
    font-weight: 500; }

/* ===== Scrollbar CSS ===== */
/* Firefox */
table tbody tr {
  vertical-align: middle; }

.typography-table thead tr th {
  font-size: 16px; }

.typography-table tbody tr td:last-child {
  min-width: 280px; }

.typography-table tbody tr td:first-child {
  min-width: 100px; }

/**=====================
    1.2 Typography CSS Ends
==========================**/
/**
 * @package IcoFont by ThemeHunt - https://themehunt.com
 * @version 1.0.0 Beta
 * @author IcoFont http://icofont.com
 * @copyright Copyright (c) 2018 IcoFont
 * @license - http://icofont.com/license/
*/
@font-face {
  font-family: "icofont";
  src: url(/../../fonts/ico/icofont.eot?v=1.0.0-beta);
  src: url(/../../fonts/ico/icofont.eot?v=1.0.0-beta#iefix) format("embedded-opentype"), url(/../../fonts/ico/icofont.ttf?v=1.0.0-beta) format("truetype"), url(/../../fonts/ico/icofont.woff?v=1.0.0-beta) format("woff"), url(/../../fonts/ico/icofont.svg?v=1.0.0-beta#icofont) format("svg");
  font-weight: normal;
  font-style: normal; }

.icofont {
  font-family: "IcoFont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icofont-angry-monster:before {
  content: "\e901"; }

.icofont-bathtub:before {
  content: "\e902"; }

.icofont-bird-wings:before {
  content: "\e903"; }

.icofont-bow:before {
  content: "\e904"; }

.icofont-brain-alt:before {
  content: "\e905"; }

.icofont-butterfly-alt:before {
  content: "\e906"; }

.icofont-castle:before {
  content: "\e907"; }

.icofont-circuit:before {
  content: "\e908"; }

.icofont-dart:before {
  content: "\e909"; }

.icofont-dice-alt:before {
  content: "\e90a"; }

.icofont-disability-race:before {
  content: "\e90b"; }

.icofont-diving-goggle:before {
  content: "\e90c"; }

.icofont-fire-alt:before {
  content: "\e90d"; }

.icofont-flame-torch:before {
  content: "\e90e"; }

.icofont-flora-flower:before {
  content: "\e90f"; }

.icofont-flora:before {
  content: "\e910"; }

.icofont-gift-box:before {
  content: "\e911"; }

.icofont-halloween-pumpkin:before {
  content: "\e912"; }

.icofont-hand-power:before {
  content: "\e913"; }

.icofont-hand-thunder:before {
  content: "\e914"; }

.icofont-king-crown:before {
  content: "\e915"; }

.icofont-king-monster:before {
  content: "\e916"; }

.icofont-love:before {
  content: "\e917"; }

.icofont-magician-hat:before {
  content: "\e918"; }

.icofont-native-american:before {
  content: "\e919"; }

.icofont-open-eye:before {
  content: "\e91a"; }

.icofont-owl-look:before {
  content: "\e91b"; }

.icofont-phoenix:before {
  content: "\e91c"; }

.icofont-queen-crown:before {
  content: "\e91d"; }

.icofont-robot-face:before {
  content: "\e91e"; }

.icofont-sand-clock:before {
  content: "\e91f"; }

.icofont-shield-alt:before {
  content: "\e920"; }

.icofont-ship-wheel:before {
  content: "\e921"; }

.icofont-skull-danger:before {
  content: "\e922"; }

.icofont-skull-face:before {
  content: "\e923"; }

.icofont-snail:before {
  content: "\e924"; }

.icofont-snow-alt:before {
  content: "\e925"; }

.icofont-snow-flake:before {
  content: "\e926"; }

.icofont-snowmobile:before {
  content: "\e927"; }

.icofont-space-shuttle:before {
  content: "\e928"; }

.icofont-star-shape:before {
  content: "\e929"; }

.icofont-swirl:before {
  content: "\e92a"; }

.icofont-tattoo-wing:before {
  content: "\e92b"; }

.icofont-throne:before {
  content: "\e92c"; }

.icofont-touch:before {
  content: "\e92d"; }

.icofont-tree-alt:before {
  content: "\e92e"; }

.icofont-triangle:before {
  content: "\e92f"; }

.icofont-unity-hand:before {
  content: "\e930"; }

.icofont-weed:before {
  content: "\e931"; }

.icofont-woman-bird:before {
  content: "\e932"; }

.icofont-animal-bat:before {
  content: "\e933"; }

.icofont-animal-bear-tracks:before {
  content: "\e934"; }

.icofont-animal-bear:before {
  content: "\e935"; }

.icofont-animal-bird-alt:before {
  content: "\e936"; }

.icofont-animal-bird:before {
  content: "\e937"; }

.icofont-animal-bone:before {
  content: "\e938"; }

.icofont-animal-bull:before {
  content: "\e939"; }

.icofont-animal-camel-alt:before {
  content: "\e93a"; }

.icofont-animal-camel-head:before {
  content: "\e93b"; }

.icofont-animal-camel:before {
  content: "\e93c"; }

.icofont-animal-cat-alt-1:before {
  content: "\e93d"; }

.icofont-animal-cat-alt-2:before {
  content: "\e93e"; }

.icofont-animal-cat-alt-3:before {
  content: "\e93f"; }

.icofont-animal-cat-alt-4:before {
  content: "\e940"; }

.icofont-animal-cat-with-dog:before {
  content: "\e941"; }

.icofont-animal-cat:before {
  content: "\e942"; }

.icofont-animal-cow-head:before {
  content: "\e943"; }

.icofont-animal-cow:before {
  content: "\e944"; }

.icofont-animal-crab:before {
  content: "\e945"; }

.icofont-animal-crocodile:before {
  content: "\e946"; }

.icofont-animal-deer-head:before {
  content: "\e947"; }

.icofont-animal-dog-alt:before {
  content: "\e948"; }

.icofont-animal-dog-barking:before {
  content: "\e949"; }

.icofont-animal-dog:before {
  content: "\e94a"; }

.icofont-animal-dolphin:before {
  content: "\e94b"; }

.icofont-animal-duck-tracks:before {
  content: "\e94c"; }

.icofont-animal-eagle-head:before {
  content: "\e94d"; }

.icofont-animal-eaten-fish:before {
  content: "\e94e"; }

.icofont-animal-elephant-alt:before {
  content: "\e94f"; }

.icofont-animal-elephant-head-alt:before {
  content: "\e950"; }

.icofont-animal-elephant-head:before {
  content: "\e951"; }

.icofont-animal-elephant:before {
  content: "\e952"; }

.icofont-animal-elk:before {
  content: "\e953"; }

.icofont-animal-fish-alt-1:before {
  content: "\e954"; }

.icofont-animal-fish-alt-2:before {
  content: "\e955"; }

.icofont-animal-fish-alt-3:before {
  content: "\e956"; }

.icofont-animal-fish-alt-4:before {
  content: "\e957"; }

.icofont-animal-fish:before {
  content: "\e958"; }

.icofont-animal-fox-alt:before {
  content: "\e959"; }

.icofont-animal-fox:before {
  content: "\e95a"; }

.icofont-animal-frog-tracks:before {
  content: "\e95b"; }

.icofont-animal-frog:before {
  content: "\e95c"; }

.icofont-animal-froggy:before {
  content: "\e95d"; }

.icofont-animal-giraffe-alt:before {
  content: "\e95e"; }

.icofont-animal-giraffe:before {
  content: "\e95f"; }

.icofont-animal-goat-head-alt-1:before {
  content: "\e960"; }

.icofont-animal-goat-head-alt-2:before {
  content: "\e961"; }

.icofont-animal-goat-head:before {
  content: "\e962"; }

.icofont-animal-gorilla:before {
  content: "\e963"; }

.icofont-animal-hen-tracks:before {
  content: "\e964"; }

.icofont-animal-horse-head-alt-1:before {
  content: "\e965"; }

.icofont-animal-horse-head-alt-2:before {
  content: "\e966"; }

.icofont-animal-horse-head:before {
  content: "\e967"; }

.icofont-animal-horse-tracks:before {
  content: "\e968"; }

.icofont-animal-jellyfish:before {
  content: "\e969"; }

.icofont-animal-kangaroo:before {
  content: "\e96a"; }

.icofont-animal-lemur:before {
  content: "\e96b"; }

.icofont-animal-lion-alt:before {
  content: "\e96c"; }

.icofont-animal-lion-head-alt:before {
  content: "\e96d"; }

.icofont-animal-lion-head:before {
  content: "\e96e"; }

.icofont-animal-lion:before {
  content: "\e96f"; }

.icofont-animal-monkey-alt-1:before {
  content: "\e970"; }

.icofont-animal-monkey-alt-2:before {
  content: "\e971"; }

.icofont-animal-monkey-alt-3:before {
  content: "\e972"; }

.icofont-animal-monkey:before {
  content: "\e973"; }

.icofont-animal-octopus-alt:before {
  content: "\e974"; }

.icofont-animal-octopus:before {
  content: "\e975"; }

.icofont-animal-owl:before {
  content: "\e976"; }

.icofont-animal-panda-alt:before {
  content: "\e977"; }

.icofont-animal-panda:before {
  content: "\e978"; }

.icofont-animal-panther:before {
  content: "\e979"; }

.icofont-animal-parrot-lip:before {
  content: "\e97a"; }

.icofont-animal-parrot:before {
  content: "\e97b"; }

.icofont-animal-paw:before {
  content: "\e97c"; }

.icofont-animal-pelican:before {
  content: "\e97d"; }

.icofont-animal-penguin:before {
  content: "\e97e"; }

.icofont-animal-pig-alt:before {
  content: "\e97f"; }

.icofont-animal-pig:before {
  content: "\e980"; }

.icofont-animal-pigeon-alt:before {
  content: "\e981"; }

.icofont-animal-pigeon:before {
  content: "\e982"; }

.icofont-animal-pigeons:before {
  content: "\e983"; }

.icofont-animal-rabbit-running:before {
  content: "\e984"; }

.icofont-animal-rat-alt:before {
  content: "\e985"; }

.icofont-animal-rhino-head:before {
  content: "\e986"; }

.icofont-animal-rhino:before {
  content: "\e987"; }

.icofont-animal-rooster:before {
  content: "\e988"; }

.icofont-animal-seahorse:before {
  content: "\e989"; }

.icofont-animal-seal:before {
  content: "\e98a"; }

.icofont-animal-shrimp:before {
  content: "\e98b"; }

.icofont-animal-snail-alt-1:before {
  content: "\e98c"; }

.icofont-animal-snail-alt-2:before {
  content: "\e98d"; }

.icofont-animal-snail:before {
  content: "\e98e"; }

.icofont-animal-snake:before {
  content: "\e98f"; }

.icofont-animal-squid:before {
  content: "\e990"; }

.icofont-animal-squirrel:before {
  content: "\e991"; }

.icofont-animal-tiger-alt:before {
  content: "\e992"; }

.icofont-animal-tiger:before {
  content: "\e993"; }

.icofont-animal-turtle:before {
  content: "\e994"; }

.icofont-animal-whale:before {
  content: "\e995"; }

.icofont-animal-woodpecker:before {
  content: "\e996"; }

.icofont-animal-zebra:before {
  content: "\e997"; }

.icofont-brand-acer:before {
  content: "\e998"; }

.icofont-brand-adidas:before {
  content: "\e999"; }

.icofont-brand-adobe:before {
  content: "\e99a"; }

.icofont-brand-air-new-zealand:before {
  content: "\e99b"; }

.icofont-brand-airbnb:before {
  content: "\e99c"; }

.icofont-brand-aircell:before {
  content: "\e99d"; }

.icofont-brand-airtel:before {
  content: "\e99e"; }

.icofont-brand-alcatel:before {
  content: "\e99f"; }

.icofont-brand-alibaba:before {
  content: "\e9a0"; }

.icofont-brand-aliexpress:before {
  content: "\e9a1"; }

.icofont-brand-alipay:before {
  content: "\e9a2"; }

.icofont-brand-amazon:before {
  content: "\e9a3"; }

.icofont-brand-amd:before {
  content: "\e9a4"; }

.icofont-brand-american-airlines:before {
  content: "\e9a5"; }

.icofont-brand-android-robot:before {
  content: "\e9a6"; }

.icofont-brand-android:before {
  content: "\e9a7"; }

.icofont-brand-aol:before {
  content: "\e9a8"; }

.icofont-brand-apple:before {
  content: "\e9a9"; }

.icofont-brand-appstore:before {
  content: "\e9aa"; }

.icofont-brand-asus:before {
  content: "\e9ab"; }

.icofont-brand-ati:before {
  content: "\e9ac"; }

.icofont-brand-att:before {
  content: "\e9ad"; }

.icofont-brand-audi:before {
  content: "\e9ae"; }

.icofont-brand-axiata:before {
  content: "\e9af"; }

.icofont-brand-bada:before {
  content: "\e9b0"; }

.icofont-brand-bbc:before {
  content: "\e9b1"; }

.icofont-brand-bing:before {
  content: "\e9b2"; }

.icofont-brand-blackberry:before {
  content: "\e9b3"; }

.icofont-brand-bmw:before {
  content: "\e9b4"; }

.icofont-brand-box:before {
  content: "\e9b5"; }

.icofont-brand-burger-king:before {
  content: "\e9b6"; }

.icofont-brand-business-insider:before {
  content: "\e9b7"; }

.icofont-brand-buzzfeed:before {
  content: "\e9b8"; }

.icofont-brand-cannon:before {
  content: "\e9b9"; }

.icofont-brand-casio:before {
  content: "\e9ba"; }

.icofont-brand-china-mobile:before {
  content: "\e9bb"; }

.icofont-brand-china-telecom:before {
  content: "\e9bc"; }

.icofont-brand-china-unicom:before {
  content: "\e9bd"; }

.icofont-brand-cisco:before {
  content: "\e9be"; }

.icofont-brand-citibank:before {
  content: "\e9bf"; }

.icofont-brand-cnet:before {
  content: "\e9c0"; }

.icofont-brand-cnn:before {
  content: "\e9c1"; }

.icofont-brand-cocal-cola:before {
  content: "\e9c2"; }

.icofont-brand-compaq:before {
  content: "\e9c3"; }

.icofont-brand-copy:before {
  content: "\e9c4"; }

.icofont-brand-debian:before {
  content: "\e9c5"; }

.icofont-brand-delicious:before {
  content: "\e9c6"; }

.icofont-brand-dell:before {
  content: "\e9c7"; }

.icofont-brand-designbump:before {
  content: "\e9c8"; }

.icofont-brand-designfloat:before {
  content: "\e9c9"; }

.icofont-brand-disney:before {
  content: "\e9ca"; }

.icofont-brand-dodge:before {
  content: "\e9cb"; }

.icofont-brand-dove:before {
  content: "\e9cc"; }

.icofont-brand-ebay:before {
  content: "\e9cd"; }

.icofont-brand-eleven:before {
  content: "\e9ce"; }

.icofont-brand-emirates:before {
  content: "\e9cf"; }

.icofont-brand-espn:before {
  content: "\e9d0"; }

.icofont-brand-etihad-airways:before {
  content: "\e9d1"; }

.icofont-brand-etisalat:before {
  content: "\e9d2"; }

.icofont-brand-etsy:before {
  content: "\e9d3"; }

.icofont-brand-facebook:before {
  content: "\e9d4"; }

.icofont-brand-fastrack:before {
  content: "\e9d5"; }

.icofont-brand-fedex:before {
  content: "\e9d6"; }

.icofont-brand-ferrari:before {
  content: "\e9d7"; }

.icofont-brand-fitbit:before {
  content: "\e9d8"; }

.icofont-brand-flikr:before {
  content: "\e9d9"; }

.icofont-brand-forbes:before {
  content: "\e9da"; }

.icofont-brand-foursquare:before {
  content: "\e9db"; }

.icofont-brand-fox:before {
  content: "\e9dc"; }

.icofont-brand-foxconn:before {
  content: "\e9dd"; }

.icofont-brand-fujitsu:before {
  content: "\e9de"; }

.icofont-brand-general-electric:before {
  content: "\e9df"; }

.icofont-brand-gillette:before {
  content: "\e9e0"; }

.icofont-brand-gizmodo:before {
  content: "\e9e1"; }

.icofont-brand-gnome:before {
  content: "\e9e2"; }

.icofont-brand-google:before {
  content: "\e9e3"; }

.icofont-brand-gopro:before {
  content: "\e9e4"; }

.icofont-brand-gucci:before {
  content: "\e9e5"; }

.icofont-brand-hallmark:before {
  content: "\e9e6"; }

.icofont-brand-hi5:before {
  content: "\e9e7"; }

.icofont-brand-honda:before {
  content: "\e9e8"; }

.icofont-brand-hp:before {
  content: "\e9e9"; }

.icofont-brand-hsbc:before {
  content: "\e9ea"; }

.icofont-brand-htc:before {
  content: "\e9eb"; }

.icofont-brand-huawei:before {
  content: "\e9ec"; }

.icofont-brand-hulu:before {
  content: "\e9ed"; }

.icofont-brand-hyundai:before {
  content: "\e9ee"; }

.icofont-brand-ibm:before {
  content: "\e9ef"; }

.icofont-brand-icofont:before {
  content: "\e9f0"; }

.icofont-brand-icq:before {
  content: "\e9f1"; }

.icofont-brand-ikea:before {
  content: "\e9f2"; }

.icofont-brand-imdb:before {
  content: "\e9f3"; }

.icofont-brand-indiegogo:before {
  content: "\e9f4"; }

.icofont-brand-intel:before {
  content: "\e9f5"; }

.icofont-brand-ipair:before {
  content: "\e9f6"; }

.icofont-brand-jaguar:before {
  content: "\e9f7"; }

.icofont-brand-java:before {
  content: "\e9f8"; }

.icofont-brand-joomshaper:before {
  content: "\e9f9"; }

.icofont-brand-kickstarter:before {
  content: "\e9fa"; }

.icofont-brand-kik:before {
  content: "\e9fb"; }

.icofont-brand-lastfm:before {
  content: "\e9fc"; }

.icofont-brand-lego:before {
  content: "\e9fd"; }

.icofont-brand-lenovo:before {
  content: "\e9fe"; }

.icofont-brand-levis:before {
  content: "\e9ff"; }

.icofont-brand-lexus:before {
  content: "\ea00"; }

.icofont-brand-lg:before {
  content: "\ea01"; }

.icofont-brand-life-hacker:before {
  content: "\ea02"; }

.icofont-brand-line-messenger:before {
  content: "\ea03"; }

.icofont-brand-linkedin:before {
  content: "\ea04"; }

.icofont-brand-linux-mint:before {
  content: "\ea05"; }

.icofont-brand-linux:before {
  content: "\ea06"; }

.icofont-brand-lionix:before {
  content: "\ea07"; }

.icofont-brand-live-messenger:before {
  content: "\ea08"; }

.icofont-brand-loreal:before {
  content: "\ea09"; }

.icofont-brand-louis-vuitton:before {
  content: "\ea0a"; }

.icofont-brand-mac-os:before {
  content: "\ea0b"; }

.icofont-brand-marvel-app:before {
  content: "\ea0c"; }

.icofont-brand-mashable:before {
  content: "\ea0d"; }

.icofont-brand-mazda:before {
  content: "\ea0e"; }

.icofont-brand-mcdonals:before {
  content: "\ea0f"; }

.icofont-brand-mercedes:before {
  content: "\ea10"; }

.icofont-brand-micromax:before {
  content: "\ea11"; }

.icofont-brand-microsoft:before {
  content: "\ea12"; }

.icofont-brand-mobileme:before {
  content: "\ea13"; }

.icofont-brand-mobily:before {
  content: "\ea14"; }

.icofont-brand-motorola:before {
  content: "\ea15"; }

.icofont-brand-msi:before {
  content: "\ea16"; }

.icofont-brand-mts:before {
  content: "\ea17"; }

.icofont-brand-myspace:before {
  content: "\ea18"; }

.icofont-brand-mytv:before {
  content: "\ea19"; }

.icofont-brand-nasa:before {
  content: "\ea1a"; }

.icofont-brand-natgeo:before {
  content: "\ea1b"; }

.icofont-brand-nbc:before {
  content: "\ea1c"; }

.icofont-brand-nescafe:before {
  content: "\ea1d"; }

.icofont-brand-nestle:before {
  content: "\ea1e"; }

.icofont-brand-netflix:before {
  content: "\ea1f"; }

.icofont-brand-nexus:before {
  content: "\ea20"; }

.icofont-brand-nike:before {
  content: "\ea21"; }

.icofont-brand-nokia:before {
  content: "\ea22"; }

.icofont-brand-nvidia:before {
  content: "\ea23"; }

.icofont-brand-omega:before {
  content: "\ea24"; }

.icofont-brand-opensuse:before {
  content: "\ea25"; }

.icofont-brand-oracle:before {
  content: "\ea26"; }

.icofont-brand-panasonic:before {
  content: "\ea27"; }

.icofont-brand-paypal:before {
  content: "\ea28"; }

.icofont-brand-pepsi:before {
  content: "\ea29"; }

.icofont-brand-philips:before {
  content: "\ea2a"; }

.icofont-brand-pizza-hut:before {
  content: "\ea2b"; }

.icofont-brand-playstation:before {
  content: "\ea2c"; }

.icofont-brand-puma:before {
  content: "\ea2d"; }

.icofont-brand-qatar-air:before {
  content: "\ea2e"; }

.icofont-brand-qvc:before {
  content: "\ea2f"; }

.icofont-brand-readernaut:before {
  content: "\ea30"; }

.icofont-brand-redbull:before {
  content: "\ea31"; }

.icofont-brand-reebok:before {
  content: "\ea32"; }

.icofont-brand-reuters:before {
  content: "\ea33"; }

.icofont-brand-samsung:before {
  content: "\ea34"; }

.icofont-brand-sap:before {
  content: "\ea35"; }

.icofont-brand-saudia-airlines:before {
  content: "\ea36"; }

.icofont-brand-scribd:before {
  content: "\ea37"; }

.icofont-brand-shell:before {
  content: "\ea38"; }

.icofont-brand-siemens:before {
  content: "\ea39"; }

.icofont-brand-sk-telecom:before {
  content: "\ea3a"; }

.icofont-brand-slideshare:before {
  content: "\ea3b"; }

.icofont-brand-smashing-magazine:before {
  content: "\ea3c"; }

.icofont-brand-snapchat:before {
  content: "\ea3d"; }

.icofont-brand-sony-ericsson:before {
  content: "\ea3e"; }

.icofont-brand-sony:before {
  content: "\ea3f"; }

.icofont-brand-soundcloud:before {
  content: "\ea40"; }

.icofont-brand-sprint:before {
  content: "\ea41"; }

.icofont-brand-squidoo:before {
  content: "\ea42"; }

.icofont-brand-starbucks:before {
  content: "\ea43"; }

.icofont-brand-stc:before {
  content: "\ea44"; }

.icofont-brand-steam:before {
  content: "\ea45"; }

.icofont-brand-suzuki:before {
  content: "\ea46"; }

.icofont-brand-symbian:before {
  content: "\ea47"; }

.icofont-brand-t-mobile:before {
  content: "\ea48"; }

.icofont-brand-tango:before {
  content: "\ea49"; }

.icofont-brand-target:before {
  content: "\ea4a"; }

.icofont-brand-tata-indicom:before {
  content: "\ea4b"; }

.icofont-brand-techcrunch:before {
  content: "\ea4c"; }

.icofont-brand-telenor:before {
  content: "\ea4d"; }

.icofont-brand-teliasonera:before {
  content: "\ea4e"; }

.icofont-brand-tesla:before {
  content: "\ea4f"; }

.icofont-brand-the-verge:before {
  content: "\ea50"; }

.icofont-brand-thenextweb:before {
  content: "\ea51"; }

.icofont-brand-toshiba:before {
  content: "\ea52"; }

.icofont-brand-toyota:before {
  content: "\ea53"; }

.icofont-brand-tribenet:before {
  content: "\ea54"; }

.icofont-brand-ubuntu:before {
  content: "\ea55"; }

.icofont-brand-unilever:before {
  content: "\ea56"; }

.icofont-brand-vaio:before {
  content: "\ea57"; }

.icofont-brand-verizon:before {
  content: "\ea58"; }

.icofont-brand-viber:before {
  content: "\ea59"; }

.icofont-brand-vodafone:before {
  content: "\ea5a"; }

.icofont-brand-volkswagen:before {
  content: "\ea5b"; }

.icofont-brand-walmart:before {
  content: "\ea5c"; }

.icofont-brand-warnerbros:before {
  content: "\ea5d"; }

.icofont-brand-whatsapp:before {
  content: "\ea5e"; }

.icofont-brand-wikipedia:before {
  content: "\ea5f"; }

.icofont-brand-windows:before {
  content: "\ea60"; }

.icofont-brand-wire:before {
  content: "\ea61"; }

.icofont-brand-yahoobuzz:before {
  content: "\ea62"; }

.icofont-brand-yamaha:before {
  content: "\ea63"; }

.icofont-brand-youtube:before {
  content: "\ea64"; }

.icofont-brand-zain:before {
  content: "\ea65"; }

.icofont-bank-alt:before {
  content: "\ea66"; }

.icofont-barcode:before {
  content: "\ea67"; }

.icofont-basket:before {
  content: "\ea68"; }

.icofont-bill-alt:before {
  content: "\ea69"; }

.icofont-billboard:before {
  content: "\ea6a"; }

.icofont-briefcase-alt-1:before {
  content: "\ea6b"; }

.icofont-briefcase-alt-2:before {
  content: "\ea6c"; }

.icofont-building-alt:before {
  content: "\ea6d"; }

.icofont-businessman:before {
  content: "\ea6e"; }

.icofont-businesswoman:before {
  content: "\ea6f"; }

.icofont-cart-alt:before {
  content: "\ea70"; }

.icofont-chair:before {
  content: "\ea71"; }

.icofont-clip:before {
  content: "\ea72"; }

.icofont-coins:before {
  content: "\ea73"; }

.icofont-company:before {
  content: "\ea74"; }

.icofont-contact-add:before {
  content: "\ea75"; }

.icofont-deal:before {
  content: "\ea76"; }

.icofont-files:before {
  content: "\ea77"; }

.icofont-growth:before {
  content: "\ea78"; }

.icofont-id-card:before {
  content: "\ea79"; }

.icofont-idea:before {
  content: "\ea7a"; }

.icofont-list:before {
  content: "\ea7b"; }

.icofont-meeting-add:before {
  content: "\ea7c"; }

.icofont-money-bag:before {
  content: "\ea7d"; }

.icofont-people:before {
  content: "\ea7e"; }

.icofont-pie-chart:before {
  content: "\ea7f"; }

.icofont-presentation-alt:before {
  content: "\ea80"; }

.icofont-stamp:before {
  content: "\ea81"; }

.icofont-stock-mobile:before {
  content: "\ea82"; }

.icofont-support:before {
  content: "\ea83"; }

.icofont-tasks-alt:before {
  content: "\ea84"; }

.icofont-wheel:before {
  content: "\ea85"; }

.icofont-chart-arrows-axis:before {
  content: "\ea86"; }

.icofont-chart-bar-graph:before {
  content: "\ea87"; }

.icofont-chart-flow-alt-1:before {
  content: "\ea88"; }

.icofont-chart-flow-alt-2:before {
  content: "\ea89"; }

.icofont-chart-flow:before {
  content: "\ea8a"; }

.icofont-chart-histogram-alt:before {
  content: "\ea8b"; }

.icofont-chart-histogram:before {
  content: "\ea8c"; }

.icofont-chart-line-alt:before {
  content: "\ea8d"; }

.icofont-chart-line:before {
  content: "\ea8e"; }

.icofont-chart-pie-alt:before {
  content: "\ea8f"; }

.icofont-chart-pie:before {
  content: "\ea90"; }

.icofont-chart-radar-graph:before {
  content: "\ea91"; }

.icofont-cur-afghani-false:before {
  content: "\ea92"; }

.icofont-cur-afghani-minus:before {
  content: "\ea93"; }

.icofont-cur-afghani-plus:before {
  content: "\ea94"; }

.icofont-cur-afghani-true:before {
  content: "\ea95"; }

.icofont-cur-afghani:before {
  content: "\ea96"; }

.icofont-cur-baht-false:before {
  content: "\ea97"; }

.icofont-cur-baht-minus:before {
  content: "\ea98"; }

.icofont-cur-baht-plus:before {
  content: "\ea99"; }

.icofont-cur-baht-true:before {
  content: "\ea9a"; }

.icofont-cur-baht:before {
  content: "\ea9b"; }

.icofont-cur-bitcoin-false:before {
  content: "\ea9c"; }

.icofont-cur-bitcoin-minus:before {
  content: "\ea9d"; }

.icofont-cur-bitcoin-plus:before {
  content: "\ea9e"; }

.icofont-cur-bitcoin-true:before {
  content: "\ea9f"; }

.icofont-cur-bitcoin:before {
  content: "\eaa0"; }

.icofont-cur-dollar-flase:before {
  content: "\eaa1"; }

.icofont-cur-dollar-minus:before {
  content: "\eaa2"; }

.icofont-cur-dollar-plus:before {
  content: "\eaa3"; }

.icofont-cur-dollar-true:before {
  content: "\eaa4"; }

.icofont-cur-dollar:before {
  content: "\eaa5"; }

.icofont-cur-dong-false:before {
  content: "\eaa6"; }

.icofont-cur-dong-minus:before {
  content: "\eaa7"; }

.icofont-cur-dong-plus:before {
  content: "\eaa8"; }

.icofont-cur-dong-true:before {
  content: "\eaa9"; }

.icofont-cur-dong:before {
  content: "\eaaa"; }

.icofont-cur-euro-false:before {
  content: "\eaab"; }

.icofont-cur-euro-minus:before {
  content: "\eaac"; }

.icofont-cur-euro-plus:before {
  content: "\eaad"; }

.icofont-cur-euro-true:before {
  content: "\eaae"; }

.icofont-cur-euro:before {
  content: "\eaaf"; }

.icofont-cur-frank-false:before {
  content: "\eab0"; }

.icofont-cur-frank-minus:before {
  content: "\eab1"; }

.icofont-cur-frank-plus:before {
  content: "\eab2"; }

.icofont-cur-frank-true:before {
  content: "\eab3"; }

.icofont-cur-frank:before {
  content: "\eab4"; }

.icofont-cur-hryvnia-false:before {
  content: "\eab5"; }

.icofont-cur-hryvnia-minus:before {
  content: "\eab6"; }

.icofont-cur-hryvnia-plus:before {
  content: "\eab7"; }

.icofont-cur-hryvnia-true:before {
  content: "\eab8"; }

.icofont-cur-hryvnia:before {
  content: "\eab9"; }

.icofont-cur-lira-false:before {
  content: "\eaba"; }

.icofont-cur-lira-minus:before {
  content: "\eabb"; }

.icofont-cur-lira-plus:before {
  content: "\eabc"; }

.icofont-cur-lira-true:before {
  content: "\eabd"; }

.icofont-cur-lira:before {
  content: "\eabe"; }

.icofont-cur-peseta-false:before {
  content: "\eabf"; }

.icofont-cur-peseta-minus:before {
  content: "\eac0"; }

.icofont-cur-peseta-plus:before {
  content: "\eac1"; }

.icofont-cur-peseta-true:before {
  content: "\eac2"; }

.icofont-cur-peseta:before {
  content: "\eac3"; }

.icofont-cur-peso-false:before {
  content: "\eac4"; }

.icofont-cur-peso-minus:before {
  content: "\eac5"; }

.icofont-cur-peso-plus:before {
  content: "\eac6"; }

.icofont-cur-peso-true:before {
  content: "\eac7"; }

.icofont-cur-peso:before {
  content: "\eac8"; }

.icofont-cur-pound-false:before {
  content: "\eac9"; }

.icofont-cur-pound-minus:before {
  content: "\eaca"; }

.icofont-cur-pound-plus:before {
  content: "\eacb"; }

.icofont-cur-pound-true:before {
  content: "\eacc"; }

.icofont-cur-pound:before {
  content: "\eacd"; }

.icofont-cur-renminbi-false:before {
  content: "\eace"; }

.icofont-cur-renminbi-minus:before {
  content: "\eacf"; }

.icofont-cur-renminbi-plus:before {
  content: "\ead0"; }

.icofont-cur-renminbi-true:before {
  content: "\ead1"; }

.icofont-cur-renminbi:before {
  content: "\ead2"; }

.icofont-cur-riyal-false:before {
  content: "\ead3"; }

.icofont-cur-riyal-minus:before {
  content: "\ead4"; }

.icofont-cur-riyal-plus:before {
  content: "\ead5"; }

.icofont-cur-riyal-true:before {
  content: "\ead6"; }

.icofont-cur-riyal:before {
  content: "\ead7"; }

.icofont-cur-rouble-false:before {
  content: "\ead8"; }

.icofont-cur-rouble-minus:before {
  content: "\ead9"; }

.icofont-cur-rouble-plus:before {
  content: "\eada"; }

.icofont-cur-rouble-true:before {
  content: "\eadb"; }

.icofont-cur-rouble:before {
  content: "\eadc"; }

.icofont-cur-rupee-false:before {
  content: "\eadd"; }

.icofont-cur-rupee-minus:before {
  content: "\eade"; }

.icofont-cur-rupee-plus:before {
  content: "\eadf"; }

.icofont-cur-rupee-true:before {
  content: "\eae0"; }

.icofont-cur-rupee:before {
  content: "\eae1"; }

.icofont-cur-taka-false:before {
  content: "\eae2"; }

.icofont-cur-taka-minus:before {
  content: "\eae3"; }

.icofont-cur-taka-plus:before {
  content: "\eae4"; }

.icofont-cur-taka-true:before {
  content: "\eae5"; }

.icofont-cur-taka:before {
  content: "\eae6"; }

.icofont-cur-turkish-lira-false:before {
  content: "\eae7"; }

.icofont-cur-turkish-lira-minus:before {
  content: "\eae8"; }

.icofont-cur-turkish-lira-plus:before {
  content: "\eae9"; }

.icofont-cur-turkish-lira-true:before {
  content: "\eaea"; }

.icofont-cur-turkish-lira:before {
  content: "\eaeb"; }

.icofont-cur-won-false:before {
  content: "\eaec"; }

.icofont-cur-won-minus:before {
  content: "\eaed"; }

.icofont-cur-won-plus:before {
  content: "\eaee"; }

.icofont-cur-won-true:before {
  content: "\eaef"; }

.icofont-cur-won:before {
  content: "\eaf0"; }

.icofont-cur-yen-false:before {
  content: "\eaf1"; }

.icofont-cur-yen-minus:before {
  content: "\eaf2"; }

.icofont-cur-yen-plus:before {
  content: "\eaf3"; }

.icofont-cur-yen-true:before {
  content: "\eaf4"; }

.icofont-cur-yen:before {
  content: "\eaf5"; }

.icofont-android-nexus:before {
  content: "\eaf6"; }

.icofont-android-tablet:before {
  content: "\eaf7"; }

.icofont-apple-watch:before {
  content: "\eaf8"; }

.icofont-drwaing-tablet:before {
  content: "\eaf9"; }

.icofont-earphone:before {
  content: "\eafa"; }

.icofont-flash-drive:before {
  content: "\eafb"; }

.icofont-game-control:before {
  content: "\eafc"; }

.icofont-headphone-alt:before {
  content: "\eafd"; }

.icofont-htc-one:before {
  content: "\eafe"; }

.icofont-imac:before {
  content: "\eaff"; }

.icofont-ipad-touch:before {
  content: "\eb00"; }

.icofont-iphone:before {
  content: "\eb01"; }

.icofont-ipod-nano:before {
  content: "\eb02"; }

.icofont-ipod-touch:before {
  content: "\eb03"; }

.icofont-keyboard-alt:before {
  content: "\eb04"; }

.icofont-keyboard-wireless:before {
  content: "\eb05"; }

.icofont-laptop-alt:before {
  content: "\eb06"; }

.icofont-macbook:before {
  content: "\eb07"; }

.icofont-magic-mouse:before {
  content: "\eb08"; }

.icofont-microphone-alt:before {
  content: "\eb09"; }

.icofont-monitor:before {
  content: "\eb0a"; }

.icofont-mouse:before {
  content: "\eb0b"; }

.icofont-nintendo:before {
  content: "\eb0c"; }

.icofont-playstation:before {
  content: "\eb0d"; }

.icofont-psvita:before {
  content: "\eb0e"; }

.icofont-radio-mic:before {
  content: "\eb0f"; }

.icofont-refrigerator:before {
  content: "\eb10"; }

.icofont-samsung-galaxy:before {
  content: "\eb11"; }

.icofont-surface-tablet:before {
  content: "\eb12"; }

.icofont-washing-machine:before {
  content: "\eb13"; }

.icofont-wifi-router:before {
  content: "\eb14"; }

.icofont-wii-u:before {
  content: "\eb15"; }

.icofont-windows-lumia:before {
  content: "\eb16"; }

.icofont-wireless-mouse:before {
  content: "\eb17"; }

.icofont-xbox-360:before {
  content: "\eb18"; }

.icofont-arrow-down:before {
  content: "\eb19"; }

.icofont-arrow-left:before {
  content: "\eb1a"; }

.icofont-arrow-right:before {
  content: "\eb1b"; }

.icofont-arrow-up:before {
  content: "\eb1c"; }

.icofont-block-down:before {
  content: "\eb1d"; }

.icofont-block-left:before {
  content: "\eb1e"; }

.icofont-block-right:before {
  content: "\eb1f"; }

.icofont-block-up:before {
  content: "\eb20"; }

.icofont-bubble-down:before {
  content: "\eb21"; }

.icofont-bubble-left:before {
  content: "\eb22"; }

.icofont-bubble-right:before {
  content: "\eb23"; }

.icofont-bubble-up:before {
  content: "\eb24"; }

.icofont-caret-down:before {
  content: "\eb25"; }

.icofont-caret-left:before {
  content: "\eb26"; }

.icofont-caret-right:before {
  content: "\eb27"; }

.icofont-caret-up:before {
  content: "\eb28"; }

.icofont-circled-down:before {
  content: "\eb29"; }

.icofont-circled-left:before {
  content: "\eb2a"; }

.icofont-circled-right:before {
  content: "\eb2b"; }

.icofont-circled-up:before {
  content: "\eb2c"; }

.icofont-collapse:before {
  content: "\eb2d"; }

.icofont-cursor-drag:before {
  content: "\eb2e"; }

.icofont-curved-double-left:before {
  content: "\eb2f"; }

.icofont-curved-double-right:before {
  content: "\eb30"; }

.icofont-curved-down:before {
  content: "\eb31"; }

.icofont-curved-left:before {
  content: "\eb32"; }

.icofont-curved-right:before {
  content: "\eb33"; }

.icofont-curved-up:before {
  content: "\eb34"; }

.icofont-dotted-down:before {
  content: "\eb35"; }

.icofont-dotted-left:before {
  content: "\eb36"; }

.icofont-dotted-right:before {
  content: "\eb37"; }

.icofont-dotted-up:before {
  content: "\eb38"; }

.icofont-double-left:before {
  content: "\eb39"; }

.icofont-double-right:before {
  content: "\eb3a"; }

.icofont-drag:before {
  content: "\eb3b"; }

.icofont-drag1:before {
  content: "\eb3c"; }

.icofont-drag2:before {
  content: "\eb3d"; }

.icofont-drag3:before {
  content: "\eb3e"; }

.icofont-expand-alt:before {
  content: "\eb3f"; }

.icofont-hand-down:before {
  content: "\eb40"; }

.icofont-hand-drag:before {
  content: "\eb41"; }

.icofont-hand-drag1:before {
  content: "\eb42"; }

.icofont-hand-drag2:before {
  content: "\eb43"; }

.icofont-hand-drawn-alt-down:before {
  content: "\eb44"; }

.icofont-hand-drawn-alt-left:before {
  content: "\eb45"; }

.icofont-hand-drawn-alt-right:before {
  content: "\eb46"; }

.icofont-hand-drawn-alt-up:before {
  content: "\eb47"; }

.icofont-hand-drawn-down:before {
  content: "\eb48"; }

.icofont-hand-drawn-left:before {
  content: "\eb49"; }

.icofont-hand-drawn-right:before {
  content: "\eb4a"; }

.icofont-hand-drawn-up:before {
  content: "\eb4b"; }

.icofont-hand-left:before {
  content: "\eb4c"; }

.icofont-hand-right:before {
  content: "\eb4d"; }

.icofont-hand-up:before {
  content: "\eb4e"; }

.icofont-line-block-down:before {
  content: "\eb4f"; }

.icofont-line-block-left:before {
  content: "\eb50"; }

.icofont-line-block-right:before {
  content: "\eb51"; }

.icofont-line-block-up:before {
  content: "\eb52"; }

.icofont-long-arrow-down:before {
  content: "\eb53"; }

.icofont-long-arrow-left:before {
  content: "\eb54"; }

.icofont-long-arrow-right:before {
  content: "\eb55"; }

.icofont-long-arrow-up:before {
  content: "\eb56"; }

.icofont-rounded-collapse:before {
  content: "\eb57"; }

.icofont-rounded-double-left:before {
  content: "\eb58"; }

.icofont-rounded-double-right:before {
  content: "\eb59"; }

.icofont-rounded-down:before {
  content: "\eb5a"; }

.icofont-rounded-expand:before {
  content: "\eb5b"; }

.icofont-rounded-left-down:before {
  content: "\eb5c"; }

.icofont-rounded-left-up:before {
  content: "\eb5d"; }

.icofont-rounded-left:before {
  content: "\eb5e"; }

.icofont-rounded-right-down:before {
  content: "\eb5f"; }

.icofont-rounded-right-up:before {
  content: "\eb60"; }

.icofont-rounded-right:before {
  content: "\eb61"; }

.icofont-rounded-up:before {
  content: "\eb62"; }

.icofont-scroll-bubble-down:before {
  content: "\eb63"; }

.icofont-scroll-bubble-left:before {
  content: "\eb64"; }

.icofont-scroll-bubble-right:before {
  content: "\eb65"; }

.icofont-scroll-bubble-up:before {
  content: "\eb66"; }

.icofont-scroll-double-down:before {
  content: "\eb67"; }

.icofont-scroll-double-left:before {
  content: "\eb68"; }

.icofont-scroll-double-right:before {
  content: "\eb69"; }

.icofont-scroll-double-up:before {
  content: "\eb6a"; }

.icofont-scroll-down:before {
  content: "\eb6b"; }

.icofont-scroll-left:before {
  content: "\eb6c"; }

.icofont-scroll-long-down:before {
  content: "\eb6d"; }

.icofont-scroll-long-left:before {
  content: "\eb6e"; }

.icofont-scroll-long-right:before {
  content: "\eb6f"; }

.icofont-scroll-long-up:before {
  content: "\eb70"; }

.icofont-scroll-right:before {
  content: "\eb71"; }

.icofont-scroll-up:before {
  content: "\eb72"; }

.icofont-simple-down:before {
  content: "\eb73"; }

.icofont-simple-left-down:before {
  content: "\eb74"; }

.icofont-simple-left-up:before {
  content: "\eb75"; }

.icofont-simple-left:before {
  content: "\eb76"; }

.icofont-simple-right-down:before {
  content: "\eb77"; }

.icofont-simple-right-up:before {
  content: "\eb78"; }

.icofont-simple-right:before {
  content: "\eb79"; }

.icofont-simple-up:before {
  content: "\eb7a"; }

.icofont-square-down:before {
  content: "\eb7b"; }

.icofont-square-left:before {
  content: "\eb7c"; }

.icofont-square-right:before {
  content: "\eb7d"; }

.icofont-square-up:before {
  content: "\eb7e"; }

.icofont-stylish-down:before {
  content: "\eb7f"; }

.icofont-stylish-left:before {
  content: "\eb80"; }

.icofont-stylish-right:before {
  content: "\eb81"; }

.icofont-stylish-up:before {
  content: "\eb82"; }

.icofont-swoosh-down:before {
  content: "\eb83"; }

.icofont-swoosh-left:before {
  content: "\eb84"; }

.icofont-swoosh-right:before {
  content: "\eb85"; }

.icofont-swoosh-up:before {
  content: "\eb86"; }

.icofont-thin-double-left:before {
  content: "\eb87"; }

.icofont-thin-double-right:before {
  content: "\eb88"; }

.icofont-thin-down:before {
  content: "\eb89"; }

.icofont-thin-left:before {
  content: "\eb8a"; }

.icofont-thin-right:before {
  content: "\eb8b"; }

.icofont-thin-up:before {
  content: "\eb8c"; }

.icofont-atom:before {
  content: "\eb8d"; }

.icofont-award:before {
  content: "\eb8e"; }

.icofont-bell-alt:before {
  content: "\eb8f"; }

.icofont-book-alt:before {
  content: "\eb90"; }

.icofont-brainstorming:before {
  content: "\eb91"; }

.icofont-certificate-alt-1:before {
  content: "\eb92"; }

.icofont-certificate-alt-2:before {
  content: "\eb93"; }

.icofont-dna-alt-2:before {
  content: "\eb94"; }

.icofont-education:before {
  content: "\eb95"; }

.icofont-electron:before {
  content: "\eb96"; }

.icofont-fountain-pen:before {
  content: "\eb97"; }

.icofont-globe-alt:before {
  content: "\eb98"; }

.icofont-graduate-alt:before {
  content: "\eb99"; }

.icofont-group-students:before {
  content: "\eb9a"; }

.icofont-hat-alt:before {
  content: "\eb9b"; }

.icofont-hat:before {
  content: "\eb9c"; }

.icofont-instrument:before {
  content: "\eb9d"; }

.icofont-lamp-light:before {
  content: "\eb9e"; }

.icofont-microscope-alt:before {
  content: "\eb9f"; }

.icofont-paper:before {
  content: "\eba0"; }

.icofont-pen-alt-4:before {
  content: "\eba1"; }

.icofont-pen-nib:before {
  content: "\eba2"; }

.icofont-pencil-alt-5:before {
  content: "\eba3"; }

.icofont-quill-pen:before {
  content: "\eba4"; }

.icofont-read-book-alt:before {
  content: "\eba5"; }

.icofont-read-book:before {
  content: "\eba6"; }

.icofont-school-bag:before {
  content: "\eba7"; }

.icofont-school-bus:before {
  content: "\eba8"; }

.icofont-student-alt:before {
  content: "\eba9"; }

.icofont-student:before {
  content: "\ebaa"; }

.icofont-teacher:before {
  content: "\ebab"; }

.icofont-test-bulb:before {
  content: "\ebac"; }

.icofont-test-tube-alt:before {
  content: "\ebad"; }

.icofont-university:before {
  content: "\ebae"; }

.icofont-emo-angry:before {
  content: "\ebaf"; }

.icofont-emo-astonished:before {
  content: "\ebb0"; }

.icofont-emo-confounded:before {
  content: "\ebb1"; }

.icofont-emo-confused:before {
  content: "\ebb2"; }

.icofont-emo-crying:before {
  content: "\ebb3"; }

.icofont-emo-dizzy:before {
  content: "\ebb4"; }

.icofont-emo-expressionless:before {
  content: "\ebb5"; }

.icofont-emo-heart-eyes:before {
  content: "\ebb6"; }

.icofont-emo-laughing:before {
  content: "\ebb7"; }

.icofont-emo-nerd-smile:before {
  content: "\ebb8"; }

.icofont-emo-open-mouth:before {
  content: "\ebb9"; }

.icofont-emo-rage:before {
  content: "\ebba"; }

.icofont-emo-rolling-eyes:before {
  content: "\ebbb"; }

.icofont-emo-sad:before {
  content: "\ebbc"; }

.icofont-emo-simple-smile:before {
  content: "\ebbd"; }

.icofont-emo-slightly-smile:before {
  content: "\ebbe"; }

.icofont-emo-smirk:before {
  content: "\ebbf"; }

.icofont-emo-stuck-out-tongue:before {
  content: "\ebc0"; }

.icofont-emo-wink-smile:before {
  content: "\ebc1"; }

.icofont-emo-worried:before {
  content: "\ebc2"; }

.icofont-architecture-alt:before {
  content: "\ebc3"; }

.icofont-architecture:before {
  content: "\ebc4"; }

.icofont-barricade:before {
  content: "\ebc5"; }

.icofont-bricks:before {
  content: "\ebc6"; }

.icofont-calculations:before {
  content: "\ebc7"; }

.icofont-cement-mix:before {
  content: "\ebc8"; }

.icofont-cement-mixer:before {
  content: "\ebc9"; }

.icofont-danger-zone:before {
  content: "\ebca"; }

.icofont-drill:before {
  content: "\ebcb"; }

.icofont-eco-energy:before {
  content: "\ebcc"; }

.icofont-eco-environmen:before {
  content: "\ebcd"; }

.icofont-energy-air:before {
  content: "\ebce"; }

.icofont-energy-oil:before {
  content: "\ebcf"; }

.icofont-energy-savings:before {
  content: "\ebd0"; }

.icofont-energy-solar:before {
  content: "\ebd1"; }

.icofont-energy-water:before {
  content: "\ebd2"; }

.icofont-engineer:before {
  content: "\ebd3"; }

.icofont-fire-extinguisher-alt:before {
  content: "\ebd4"; }

.icofont-fix-tools:before {
  content: "\ebd5"; }

.icofont-glue-oil:before {
  content: "\ebd6"; }

.icofont-hammer-alt:before {
  content: "\ebd7"; }

.icofont-help-robot:before {
  content: "\ebd8"; }

.icofont-industries-alt-1:before {
  content: "\ebd9"; }

.icofont-industries-alt-2:before {
  content: "\ebda"; }

.icofont-industries-alt-3:before {
  content: "\ebdb"; }

.icofont-industries-alt-4:before {
  content: "\ebdc"; }

.icofont-industries-alt-5:before {
  content: "\ebdd"; }

.icofont-industries:before {
  content: "\ebde"; }

.icofont-labour:before {
  content: "\ebdf"; }

.icofont-mining:before {
  content: "\ebe0"; }

.icofont-paint-brush:before {
  content: "\ebe1"; }

.icofont-pollution:before {
  content: "\ebe2"; }

.icofont-power-zone:before {
  content: "\ebe3"; }

.icofont-radio-active:before {
  content: "\ebe4"; }

.icofont-recycle-alt:before {
  content: "\ebe5"; }

.icofont-recycling-man:before {
  content: "\ebe6"; }

.icofont-safety-hat-light:before {
  content: "\ebe7"; }

.icofont-safety-hat:before {
  content: "\ebe8"; }

.icofont-saw:before {
  content: "\ebe9"; }

.icofont-screw-driver:before {
  content: "\ebea"; }

.icofont-settings-alt:before {
  content: "\ebeb"; }

.icofont-tools-alt-1:before {
  content: "\ebec"; }

.icofont-tools-alt-2:before {
  content: "\ebed"; }

.icofont-tools-bag:before {
  content: "\ebee"; }

.icofont-trolley:before {
  content: "\ebef"; }

.icofont-trowel:before {
  content: "\ebf0"; }

.icofont-under-construction-alt:before {
  content: "\ebf1"; }

.icofont-under-construction:before {
  content: "\ebf2"; }

.icofont-vehicle-cement:before {
  content: "\ebf3"; }

.icofont-vehicle-crane:before {
  content: "\ebf4"; }

.icofont-vehicle-delivery-van:before {
  content: "\ebf5"; }

.icofont-vehicle-dozer:before {
  content: "\ebf6"; }

.icofont-vehicle-excavator:before {
  content: "\ebf7"; }

.icofont-vehicle-trucktor:before {
  content: "\ebf8"; }

.icofont-vehicle-wrecking:before {
  content: "\ebf9"; }

.icofont-worker-group:before {
  content: "\ebfa"; }

.icofont-worker:before {
  content: "\ebfb"; }

.icofont-wrench:before {
  content: "\ebfc"; }

.icofont-file-audio:before {
  content: "\ebfd"; }

.icofont-file-avi-mp4:before {
  content: "\ebfe"; }

.icofont-file-bmp:before {
  content: "\ebff"; }

.icofont-file-code:before {
  content: "\ec00"; }

.icofont-file-css:before {
  content: "\ec01"; }

.icofont-file-document:before {
  content: "\ec02"; }

.icofont-file-eps:before {
  content: "\ec03"; }

.icofont-file-excel:before {
  content: "\ec04"; }

.icofont-file-exe:before {
  content: "\ec05"; }

.icofont-file-file:before {
  content: "\ec06"; }

.icofont-file-flv:before {
  content: "\ec07"; }

.icofont-file-gif:before {
  content: "\ec08"; }

.icofont-file-html5:before {
  content: "\ec09"; }

.icofont-file-image:before {
  content: "\ec0a"; }

.icofont-file-iso:before {
  content: "\ec0b"; }

.icofont-file-java:before {
  content: "\ec0c"; }

.icofont-file-javascript:before {
  content: "\ec0d"; }

.icofont-file-jpg:before {
  content: "\ec0e"; }

.icofont-file-midi:before {
  content: "\ec0f"; }

.icofont-file-mov:before {
  content: "\ec10"; }

.icofont-file-mp3:before {
  content: "\ec11"; }

.icofont-file-pdf:before {
  content: "\ec12"; }

.icofont-file-php:before {
  content: "\ec13"; }

.icofont-file-png:before {
  content: "\ec14"; }

.icofont-file-powerpoint:before {
  content: "\ec15"; }

.icofont-file-presentation:before {
  content: "\ec16"; }

.icofont-file-psb:before {
  content: "\ec17"; }

.icofont-file-psd:before {
  content: "\ec18"; }

.icofont-file-python:before {
  content: "\ec19"; }

.icofont-file-ruby:before {
  content: "\ec1a"; }

.icofont-file-spreadsheet:before {
  content: "\ec1b"; }

.icofont-file-sql:before {
  content: "\ec1c"; }

.icofont-file-svg:before {
  content: "\ec1d"; }

.icofont-file-text:before {
  content: "\ec1e"; }

.icofont-file-tiff:before {
  content: "\ec1f"; }

.icofont-file-video:before {
  content: "\ec20"; }

.icofont-file-wave:before {
  content: "\ec21"; }

.icofont-file-wmv:before {
  content: "\ec22"; }

.icofont-file-word:before {
  content: "\ec23"; }

.icofont-file-zip:before {
  content: "\ec24"; }

.icofont-apple:before {
  content: "\ec25"; }

.icofont-arabian-coffee:before {
  content: "\ec26"; }

.icofont-artichoke:before {
  content: "\ec27"; }

.icofont-asparagus:before {
  content: "\ec28"; }

.icofont-avocado:before {
  content: "\ec29"; }

.icofont-baby-food:before {
  content: "\ec2a"; }

.icofont-banana:before {
  content: "\ec2b"; }

.icofont-bbq:before {
  content: "\ec2c"; }

.icofont-beans:before {
  content: "\ec2d"; }

.icofont-beer:before {
  content: "\ec2e"; }

.icofont-bell-pepper-capsicum:before {
  content: "\ec2f"; }

.icofont-birthday-cake:before {
  content: "\ec30"; }

.icofont-bread:before {
  content: "\ec31"; }

.icofont-broccoli:before {
  content: "\ec32"; }

.icofont-burger:before {
  content: "\ec33"; }

.icofont-cabbage:before {
  content: "\ec34"; }

.icofont-carrot:before {
  content: "\ec35"; }

.icofont-cauli-flower:before {
  content: "\ec36"; }

.icofont-cheese:before {
  content: "\ec37"; }

.icofont-chef:before {
  content: "\ec38"; }

.icofont-cherry:before {
  content: "\ec39"; }

.icofont-chicken-fry:before {
  content: "\ec3a"; }

.icofont-chicken:before {
  content: "\ec3b"; }

.icofont-cocktail:before {
  content: "\ec3c"; }

.icofont-coconut:before {
  content: "\ec3d"; }

.icofont-coffee-alt:before {
  content: "\ec3e"; }

.icofont-coffee-mug:before {
  content: "\ec3f"; }

.icofont-coffee-pot:before {
  content: "\ec40"; }

.icofont-cola:before {
  content: "\ec41"; }

.icofont-corn:before {
  content: "\ec42"; }

.icofont-croissant:before {
  content: "\ec43"; }

.icofont-crop-plant:before {
  content: "\ec44"; }

.icofont-cucumber:before {
  content: "\ec45"; }

.icofont-cup-cake:before {
  content: "\ec46"; }

.icofont-dining-table:before {
  content: "\ec47"; }

.icofont-donut:before {
  content: "\ec48"; }

.icofont-egg-plant:before {
  content: "\ec49"; }

.icofont-egg-poached:before {
  content: "\ec4a"; }

.icofont-farmer:before {
  content: "\ec4b"; }

.icofont-farmer1:before {
  content: "\ec4c"; }

.icofont-fast-food:before {
  content: "\ec4d"; }

.icofont-fish:before {
  content: "\ec4e"; }

.icofont-food-basket:before {
  content: "\ec4f"; }

.icofont-food-cart:before {
  content: "\ec50"; }

.icofont-fork-and-knife:before {
  content: "\ec51"; }

.icofont-french-fries:before {
  content: "\ec52"; }

.icofont-fresh-juice:before {
  content: "\ec53"; }

.icofont-fruits:before {
  content: "\ec54"; }

.icofont-grapes:before {
  content: "\ec55"; }

.icofont-honey:before {
  content: "\ec56"; }

.icofont-hot-dog:before {
  content: "\ec57"; }

.icofont-hotel-alt:before {
  content: "\ec58"; }

.icofont-ice-cream-alt:before {
  content: "\ec59"; }

.icofont-ice-cream:before {
  content: "\ec5a"; }

.icofont-ketchup:before {
  content: "\ec5b"; }

.icofont-kiwi:before {
  content: "\ec5c"; }

.icofont-layered-cake:before {
  content: "\ec5d"; }

.icofont-lemon-alt:before {
  content: "\ec5e"; }

.icofont-lobster:before {
  content: "\ec5f"; }

.icofont-mango:before {
  content: "\ec60"; }

.icofont-milk:before {
  content: "\ec61"; }

.icofont-mushroom:before {
  content: "\ec62"; }

.icofont-noodles:before {
  content: "\ec63"; }

.icofont-onion:before {
  content: "\ec64"; }

.icofont-orange:before {
  content: "\ec65"; }

.icofont-pear:before {
  content: "\ec66"; }

.icofont-peas:before {
  content: "\ec67"; }

.icofont-pepper:before {
  content: "\ec68"; }

.icofont-pie-alt:before {
  content: "\ec69"; }

.icofont-pineapple:before {
  content: "\ec6a"; }

.icofont-pizza-slice:before {
  content: "\ec6b"; }

.icofont-pizza:before {
  content: "\ec6c"; }

.icofont-plant:before {
  content: "\ec6d"; }

.icofont-popcorn:before {
  content: "\ec6e"; }

.icofont-potato:before {
  content: "\ec6f"; }

.icofont-pumpkin:before {
  content: "\ec70"; }

.icofont-raddish:before {
  content: "\ec71"; }

.icofont-restaurant-menu:before {
  content: "\ec72"; }

.icofont-restaurant:before {
  content: "\ec73"; }

.icofont-salt-and-pepper:before {
  content: "\ec74"; }

.icofont-sandwich:before {
  content: "\ec75"; }

.icofont-sausage:before {
  content: "\ec76"; }

.icofont-shrimp:before {
  content: "\ec77"; }

.icofont-sof-drinks:before {
  content: "\ec78"; }

.icofont-soup-bowl:before {
  content: "\ec79"; }

.icofont-spoon-and-fork:before {
  content: "\ec7a"; }

.icofont-steak:before {
  content: "\ec7b"; }

.icofont-strawberry:before {
  content: "\ec7c"; }

.icofont-sub-sandwich:before {
  content: "\ec7d"; }

.icofont-sushi:before {
  content: "\ec7e"; }

.icofont-taco:before {
  content: "\ec7f"; }

.icofont-tea-pot:before {
  content: "\ec80"; }

.icofont-tea:before {
  content: "\ec81"; }

.icofont-tomato:before {
  content: "\ec82"; }

.icofont-waiter-alt:before {
  content: "\ec83"; }

.icofont-watermelon:before {
  content: "\ec84"; }

.icofont-wheat:before {
  content: "\ec85"; }

.icofont-abc:before {
  content: "\ec86"; }

.icofont-baby-cloth:before {
  content: "\ec87"; }

.icofont-baby-milk-bottle:before {
  content: "\ec88"; }

.icofont-baby-trolley:before {
  content: "\ec89"; }

.icofont-back-pack:before {
  content: "\ec8a"; }

.icofont-candy:before {
  content: "\ec8b"; }

.icofont-cycling:before {
  content: "\ec8c"; }

.icofont-holding-hands:before {
  content: "\ec8d"; }

.icofont-infant-nipple:before {
  content: "\ec8e"; }

.icofont-kids-scooter:before {
  content: "\ec8f"; }

.icofont-safety-pin:before {
  content: "\ec90"; }

.icofont-teddy-bear:before {
  content: "\ec91"; }

.icofont-toy-ball:before {
  content: "\ec92"; }

.icofont-toy-cat:before {
  content: "\ec93"; }

.icofont-toy-duck:before {
  content: "\ec94"; }

.icofont-toy-elephant:before {
  content: "\ec95"; }

.icofont-toy-hand:before {
  content: "\ec96"; }

.icofont-toy-horse:before {
  content: "\ec97"; }

.icofont-toy-lattu:before {
  content: "\ec98"; }

.icofont-toy-train:before {
  content: "\ec99"; }

.icofont-unique-idea:before {
  content: "\ec9a"; }

.icofont-bag-alt:before {
  content: "\ec9b"; }

.icofont-burglar:before {
  content: "\ec9c"; }

.icofont-cannon-firing:before {
  content: "\ec9d"; }

.icofont-cc-camera:before {
  content: "\ec9e"; }

.icofont-cop-badge:before {
  content: "\ec9f"; }

.icofont-cop:before {
  content: "\eca0"; }

.icofont-court-hammer:before {
  content: "\eca1"; }

.icofont-court:before {
  content: "\eca2"; }

.icofont-finger-print:before {
  content: "\eca3"; }

.icofont-handcuff-alt:before {
  content: "\eca4"; }

.icofont-handcuff:before {
  content: "\eca5"; }

.icofont-investigation:before {
  content: "\eca6"; }

.icofont-investigator:before {
  content: "\eca7"; }

.icofont-jail:before {
  content: "\eca8"; }

.icofont-judge:before {
  content: "\eca9"; }

.icofont-law-alt-1:before {
  content: "\ecaa"; }

.icofont-law-alt-2:before {
  content: "\ecab"; }

.icofont-law-alt-3:before {
  content: "\ecac"; }

.icofont-law-book:before {
  content: "\ecad"; }

.icofont-law-document:before {
  content: "\ecae"; }

.icofont-law:before {
  content: "\ecaf"; }

.icofont-lawyer-alt-1:before {
  content: "\ecb0"; }

.icofont-lawyer-alt-2:before {
  content: "\ecb1"; }

.icofont-lawyer:before {
  content: "\ecb2"; }

.icofont-order:before {
  content: "\ecb3"; }

.icofont-pistol:before {
  content: "\ecb4"; }

.icofont-police-badge:before {
  content: "\ecb5"; }

.icofont-police-cap:before {
  content: "\ecb6"; }

.icofont-police-car-alt-1:before {
  content: "\ecb7"; }

.icofont-police-car-alt-2:before {
  content: "\ecb8"; }

.icofont-police-hat:before {
  content: "\ecb9"; }

.icofont-police-van:before {
  content: "\ecba"; }

.icofont-police:before {
  content: "\ecbb"; }

.icofont-protect:before {
  content: "\ecbc"; }

.icofont-scales:before {
  content: "\ecbd"; }

.icofont-thief-alt:before {
  content: "\ecbe"; }

.icofont-thief:before {
  content: "\ecbf"; }

.icofont-abacus-alt:before {
  content: "\ecc0"; }

.icofont-abacus:before {
  content: "\ecc1"; }

.icofont-angle:before {
  content: "\ecc2"; }

.icofont-calculator-alt-1:before {
  content: "\ecc3"; }

.icofont-calculator-alt-2:before {
  content: "\ecc4"; }

.icofont-circle-ruler-alt:before {
  content: "\ecc5"; }

.icofont-circle-ruler:before {
  content: "\ecc6"; }

.icofont-compass-alt-1:before {
  content: "\ecc7"; }

.icofont-compass-alt-2:before {
  content: "\ecc8"; }

.icofont-compass-alt-3:before {
  content: "\ecc9"; }

.icofont-compass-alt-4:before {
  content: "\ecca"; }

.icofont-degrees-alt-1:before {
  content: "\eccb"; }

.icofont-degrees-alt-2:before {
  content: "\eccc"; }

.icofont-degrees:before {
  content: "\eccd"; }

.icofont-golden-ratio:before {
  content: "\ecce"; }

.icofont-marker-alt-1:before {
  content: "\eccf"; }

.icofont-marker-alt-2:before {
  content: "\ecd0"; }

.icofont-marker-alt-3:before {
  content: "\ecd1"; }

.icofont-mathematical-alt-1:before {
  content: "\ecd2"; }

.icofont-mathematical-alt-2:before {
  content: "\ecd3"; }

.icofont-mathematical:before {
  content: "\ecd4"; }

.icofont-pen-alt-1:before {
  content: "\ecd5"; }

.icofont-pen-alt-2:before {
  content: "\ecd6"; }

.icofont-pen-alt-3:before {
  content: "\ecd7"; }

.icofont-pen-holder-alt-1:before {
  content: "\ecd8"; }

.icofont-pen-holder:before {
  content: "\ecd9"; }

.icofont-pencil-alt-1:before {
  content: "\ecda"; }

.icofont-pencil-alt-2:before {
  content: "\ecdb"; }

.icofont-pencil-alt-3:before {
  content: "\ecdc"; }

.icofont-pencil-alt-4:before {
  content: "\ecdd"; }

.icofont-ruler-alt-1:before {
  content: "\ecde"; }

.icofont-ruler-alt-2:before {
  content: "\ecdf"; }

.icofont-ruler-compass-alt:before {
  content: "\ece0"; }

.icofont-ruler-compass:before {
  content: "\ece1"; }

.icofont-ruler-pencil-alt-1:before {
  content: "\ece2"; }

.icofont-ruler-pencil-alt-2:before {
  content: "\ece3"; }

.icofont-ruler-pencil:before {
  content: "\ece4"; }

.icofont-ruler:before {
  content: "\ece5"; }

.icofont-rulers-alt:before {
  content: "\ece6"; }

.icofont-rulers:before {
  content: "\ece7"; }

.icofont-square-root:before {
  content: "\ece8"; }

.icofont-aids:before {
  content: "\ece9"; }

.icofont-ambulance:before {
  content: "\ecea"; }

.icofont-autism:before {
  content: "\eceb"; }

.icofont-bandage:before {
  content: "\ecec"; }

.icofont-bed-patient:before {
  content: "\eced"; }

.icofont-blind:before {
  content: "\ecee"; }

.icofont-blood-drop:before {
  content: "\ecef"; }

.icofont-blood-test:before {
  content: "\ecf0"; }

.icofont-blood:before {
  content: "\ecf1"; }

.icofont-capsule:before {
  content: "\ecf2"; }

.icofont-crutches:before {
  content: "\ecf3"; }

.icofont-dna-alt-1:before {
  content: "\ecf4"; }

.icofont-dna:before {
  content: "\ecf5"; }

.icofont-doctor-alt:before {
  content: "\ecf6"; }

.icofont-doctor:before {
  content: "\ecf7"; }

.icofont-drug-pack:before {
  content: "\ecf8"; }

.icofont-drug:before {
  content: "\ecf9"; }

.icofont-eye-alt:before {
  content: "\ecfa"; }

.icofont-first-aid-alt:before {
  content: "\ecfb"; }

.icofont-garbage:before {
  content: "\ecfc"; }

.icofont-heart-alt:before {
  content: "\ecfd"; }

.icofont-heartbeat:before {
  content: "\ecfe"; }

.icofont-herbal:before {
  content: "\ecff"; }

.icofont-hospital:before {
  content: "\ed00"; }

.icofont-icu:before {
  content: "\ed01"; }

.icofont-injection-syringe:before {
  content: "\ed02"; }

.icofont-laboratory:before {
  content: "\ed03"; }

.icofont-medical-sign-alt:before {
  content: "\ed04"; }

.icofont-medical-sign:before {
  content: "\ed05"; }

.icofont-nurse-alt:before {
  content: "\ed06"; }

.icofont-nurse:before {
  content: "\ed07"; }

.icofont-nursing-home:before {
  content: "\ed08"; }

.icofont-operation-theater:before {
  content: "\ed09"; }

.icofont-paralysis-disability:before {
  content: "\ed0a"; }

.icofont-pills:before {
  content: "\ed0b"; }

.icofont-prescription:before {
  content: "\ed0c"; }

.icofont-pulse:before {
  content: "\ed0d"; }

.icofont-stethoscope-alt:before {
  content: "\ed0e"; }

.icofont-stethoscope:before {
  content: "\ed0f"; }

.icofont-stretcher:before {
  content: "\ed10"; }

.icofont-surgeon-alt:before {
  content: "\ed11"; }

.icofont-surgeon:before {
  content: "\ed12"; }

.icofont-tablets:before {
  content: "\ed13"; }

.icofont-test-bottle:before {
  content: "\ed14"; }

.icofont-test-tube:before {
  content: "\ed15"; }

.icofont-thermometer-alt:before {
  content: "\ed16"; }

.icofont-tooth:before {
  content: "\ed17"; }

.icofont-xray:before {
  content: "\ed18"; }

.icofont-ui-add:before {
  content: "\ed19"; }

.icofont-ui-alarm:before {
  content: "\ed1a"; }

.icofont-ui-battery:before {
  content: "\ed1b"; }

.icofont-ui-block:before {
  content: "\ed1c"; }

.icofont-ui-bluetooth:before {
  content: "\ed1d"; }

.icofont-ui-brightness:before {
  content: "\ed1e"; }

.icofont-ui-browser:before {
  content: "\ed1f"; }

.icofont-ui-calculator:before {
  content: "\ed20"; }

.icofont-ui-calendar:before {
  content: "\ed21"; }

.icofont-ui-call:before {
  content: "\ed22"; }

.icofont-ui-camera:before {
  content: "\ed23"; }

.icofont-ui-cart:before {
  content: "\ed24"; }

.icofont-ui-cell-phone:before {
  content: "\ed25"; }

.icofont-ui-chat:before {
  content: "\ed26"; }

.icofont-ui-check:before {
  content: "\ed27"; }

.icofont-ui-clip-board:before {
  content: "\ed28"; }

.icofont-ui-clip:before {
  content: "\ed29"; }

.icofont-ui-clock:before {
  content: "\ed2a"; }

.icofont-ui-close:before {
  content: "\ed2b"; }

.icofont-ui-contact-list:before {
  content: "\ed2c"; }

.icofont-ui-copy:before {
  content: "\ed2d"; }

.icofont-ui-cut:before {
  content: "\ed2e"; }

.icofont-ui-delete:before {
  content: "\ed2f"; }

.icofont-ui-dial-phone:before {
  content: "\ed30"; }

.icofont-ui-edit:before {
  content: "\ed31"; }

.icofont-ui-email:before {
  content: "\ed32"; }

.icofont-ui-file:before {
  content: "\ed33"; }

.icofont-ui-fire-wall:before {
  content: "\ed34"; }

.icofont-ui-flash-light:before {
  content: "\ed35"; }

.icofont-ui-flight:before {
  content: "\ed36"; }

.icofont-ui-folder:before {
  content: "\ed37"; }

.icofont-ui-game:before {
  content: "\ed38"; }

.icofont-ui-handicapped:before {
  content: "\ed39"; }

.icofont-ui-head-phone:before {
  content: "\ed3a"; }

.icofont-ui-home:before {
  content: "\ed3b"; }

.icofont-ui-image:before {
  content: "\ed3c"; }

.icofont-ui-keyboard:before {
  content: "\ed3d"; }

.icofont-ui-laoding:before {
  content: "\ed3e"; }

.icofont-ui-lock:before {
  content: "\ed3f"; }

.icofont-ui-love-add:before {
  content: "\ed40"; }

.icofont-ui-love-broken:before {
  content: "\ed41"; }

.icofont-ui-love-remove:before {
  content: "\ed42"; }

.icofont-ui-love:before {
  content: "\ed43"; }

.icofont-ui-map:before {
  content: "\ed44"; }

.icofont-ui-message:before {
  content: "\ed45"; }

.icofont-ui-messaging:before {
  content: "\ed46"; }

.icofont-ui-movie:before {
  content: "\ed47"; }

.icofont-ui-music-player:before {
  content: "\ed48"; }

.icofont-ui-music:before {
  content: "\ed49"; }

.icofont-ui-mute:before {
  content: "\ed4a"; }

.icofont-ui-network:before {
  content: "\ed4b"; }

.icofont-ui-next:before {
  content: "\ed4c"; }

.icofont-ui-note:before {
  content: "\ed4d"; }

.icofont-ui-office:before {
  content: "\ed4e"; }

.icofont-ui-password:before {
  content: "\ed4f"; }

.icofont-ui-pause:before {
  content: "\ed50"; }

.icofont-ui-play-stop:before {
  content: "\ed51"; }

.icofont-ui-play:before {
  content: "\ed52"; }

.icofont-ui-pointer:before {
  content: "\ed53"; }

.icofont-ui-power:before {
  content: "\ed54"; }

.icofont-ui-press:before {
  content: "\ed55"; }

.icofont-ui-previous:before {
  content: "\ed56"; }

.icofont-ui-rate-add:before {
  content: "\ed57"; }

.icofont-ui-rate-blank:before {
  content: "\ed58"; }

.icofont-ui-rate-remove:before {
  content: "\ed59"; }

.icofont-ui-rating:before {
  content: "\ed5a"; }

.icofont-ui-record:before {
  content: "\ed5b"; }

.icofont-ui-remove:before {
  content: "\ed5c"; }

.icofont-ui-reply:before {
  content: "\ed5d"; }

.icofont-ui-rotation:before {
  content: "\ed5e"; }

.icofont-ui-rss:before {
  content: "\ed5f"; }

.icofont-ui-search:before {
  content: "\ed60"; }

.icofont-ui-settings:before {
  content: "\ed61"; }

.icofont-ui-social-link:before {
  content: "\ed62"; }

.icofont-ui-tag:before {
  content: "\ed63"; }

.icofont-ui-text-chat:before {
  content: "\ed64"; }

.icofont-ui-text-loading:before {
  content: "\ed65"; }

.icofont-ui-theme:before {
  content: "\ed66"; }

.icofont-ui-timer:before {
  content: "\ed67"; }

.icofont-ui-touch-phone:before {
  content: "\ed68"; }

.icofont-ui-travel:before {
  content: "\ed69"; }

.icofont-ui-unlock:before {
  content: "\ed6a"; }

.icofont-ui-user-group:before {
  content: "\ed6b"; }

.icofont-ui-user:before {
  content: "\ed6c"; }

.icofont-ui-v-card:before {
  content: "\ed6d"; }

.icofont-ui-video-chat:before {
  content: "\ed6e"; }

.icofont-ui-video-message:before {
  content: "\ed6f"; }

.icofont-ui-video-play:before {
  content: "\ed70"; }

.icofont-ui-video:before {
  content: "\ed71"; }

.icofont-ui-volume:before {
  content: "\ed72"; }

.icofont-ui-weather:before {
  content: "\ed73"; }

.icofont-ui-wifi:before {
  content: "\ed74"; }

.icofont-ui-zoom-in:before {
  content: "\ed75"; }

.icofont-ui-zoom-out:before {
  content: "\ed76"; }

.icofont-cassette-player:before {
  content: "\ed77"; }

.icofont-cassette:before {
  content: "\ed78"; }

.icofont-forward:before {
  content: "\ed79"; }

.icofont-game:before {
  content: "\ed7a"; }

.icofont-guiter:before {
  content: "\ed7b"; }

.icofont-headphone-alt-1:before {
  content: "\ed7c"; }

.icofont-headphone-alt-2:before {
  content: "\ed7d"; }

.icofont-headphone-alt-3:before {
  content: "\ed7e"; }

.icofont-listening:before {
  content: "\ed7f"; }

.icofont-megaphone-alt:before {
  content: "\ed80"; }

.icofont-megaphone:before {
  content: "\ed81"; }

.icofont-movie:before {
  content: "\ed82"; }

.icofont-mp3-player:before {
  content: "\ed83"; }

.icofont-multimedia:before {
  content: "\ed84"; }

.icofont-music-disk:before {
  content: "\ed85"; }

.icofont-music-note:before {
  content: "\ed86"; }

.icofont-pause:before {
  content: "\ed87"; }

.icofont-play-alt-1:before {
  content: "\ed88"; }

.icofont-play-alt-2:before {
  content: "\ed89"; }

.icofont-play-alt-3:before {
  content: "\ed8a"; }

.icofont-play-pause:before {
  content: "\ed8b"; }

.icofont-record:before {
  content: "\ed8c"; }

.icofont-retro-music-disk:before {
  content: "\ed8d"; }

.icofont-rewind:before {
  content: "\ed8e"; }

.icofont-song-notes:before {
  content: "\ed8f"; }

.icofont-sound-wave-alt:before {
  content: "\ed90"; }

.icofont-sound-wave:before {
  content: "\ed91"; }

.icofont-stop:before {
  content: "\ed92"; }

.icofont-video-alt:before {
  content: "\ed93"; }

.icofont-video-cam:before {
  content: "\ed94"; }

.icofont-volume-bar:before {
  content: "\ed95"; }

.icofont-volume-mute:before {
  content: "\ed96"; }

.icofont-youtube-play:before {
  content: "\ed97"; }

.icofont-amazon-alt:before {
  content: "\ed98"; }

.icofont-amazon:before {
  content: "\ed99"; }

.icofont-american-express-alt:before {
  content: "\ed9a"; }

.icofont-american-express:before {
  content: "\ed9b"; }

.icofont-apple-pay-alt:before {
  content: "\ed9c"; }

.icofont-apple-pay:before {
  content: "\ed9d"; }

.icofont-bank-transfer-alt:before {
  content: "\ed9e"; }

.icofont-bank-transfer:before {
  content: "\ed9f"; }

.icofont-braintree-alt:before {
  content: "\eda0"; }

.icofont-braintree:before {
  content: "\eda1"; }

.icofont-cash-on-delivery-alt:before {
  content: "\eda2"; }

.icofont-cash-on-delivery:before {
  content: "\eda3"; }

.icofont-checkout-alt:before {
  content: "\eda4"; }

.icofont-checkout:before {
  content: "\eda5"; }

.icofont-diners-club-alt-1:before {
  content: "\eda6"; }

.icofont-diners-club-alt-2:before {
  content: "\eda7"; }

.icofont-diners-club-alt-3:before {
  content: "\eda8"; }

.icofont-diners-club:before {
  content: "\eda9"; }

.icofont-discover-alt:before {
  content: "\edaa"; }

.icofont-discover:before {
  content: "\edab"; }

.icofont-eway-alt:before {
  content: "\edac"; }

.icofont-eway:before {
  content: "\edad"; }

.icofont-google-wallet-alt-1:before {
  content: "\edae"; }

.icofont-google-wallet-alt-2:before {
  content: "\edaf"; }

.icofont-google-wallet-alt-3:before {
  content: "\edb0"; }

.icofont-google-wallet:before {
  content: "\edb1"; }

.icofont-jcb-alt:before {
  content: "\edb2"; }

.icofont-jcb:before {
  content: "\edb3"; }

.icofont-maestro-alt:before {
  content: "\edb4"; }

.icofont-maestro:before {
  content: "\edb5"; }

.icofont-mastercard-alt:before {
  content: "\edb6"; }

.icofont-mastercard:before {
  content: "\edb7"; }

.icofont-payoneer-alt:before {
  content: "\edb8"; }

.icofont-payoneer:before {
  content: "\edb9"; }

.icofont-paypal-alt:before {
  content: "\edba"; }

.icofont-paypal:before {
  content: "\edbb"; }

.icofont-sage-alt:before {
  content: "\edbc"; }

.icofont-sage:before {
  content: "\edbd"; }

.icofont-skrill-alt:before {
  content: "\edbe"; }

.icofont-skrill:before {
  content: "\edbf"; }

.icofont-stripe-alt:before {
  content: "\edc0"; }

.icofont-stripe:before {
  content: "\edc1"; }

.icofont-visa-alt:before {
  content: "\edc2"; }

.icofont-visa-electron:before {
  content: "\edc3"; }

.icofont-visa:before {
  content: "\edc4"; }

.icofont-western-union-alt:before {
  content: "\edc5"; }

.icofont-western-union:before {
  content: "\edc6"; }

.icofont-boy:before {
  content: "\edc7"; }

.icofont-business-man-alt-1:before {
  content: "\edc8"; }

.icofont-business-man-alt-2:before {
  content: "\edc9"; }

.icofont-business-man-alt-3:before {
  content: "\edca"; }

.icofont-business-man:before {
  content: "\edcb"; }

.icofont-funky-man:before {
  content: "\edcc"; }

.icofont-girl-alt:before {
  content: "\edcd"; }

.icofont-girl:before {
  content: "\edce"; }

.icofont-hotel-boy-alt:before {
  content: "\edcf"; }

.icofont-hotel-boy:before {
  content: "\edd0"; }

.icofont-man-in-glasses:before {
  content: "\edd1"; }

.icofont-user-alt-1:before {
  content: "\edd2"; }

.icofont-user-alt-2:before {
  content: "\edd3"; }

.icofont-user-alt-3:before {
  content: "\edd4"; }

.icofont-user-alt-4:before {
  content: "\edd5"; }

.icofont-user-alt-5:before {
  content: "\edd6"; }

.icofont-user-alt-6:before {
  content: "\edd7"; }

.icofont-user-alt-7:before {
  content: "\edd8"; }

.icofont-user-female:before {
  content: "\edd9"; }

.icofont-user-male:before {
  content: "\edda"; }

.icofont-user-suited:before {
  content: "\eddb"; }

.icofont-user:before {
  content: "\eddc"; }

.icofont-users-alt-1:before {
  content: "\eddd"; }

.icofont-users-alt-2:before {
  content: "\edde"; }

.icofont-users-alt-3:before {
  content: "\eddf"; }

.icofont-users-alt-4:before {
  content: "\ede0"; }

.icofont-users-alt-5:before {
  content: "\ede1"; }

.icofont-users-alt-6:before {
  content: "\ede2"; }

.icofont-users-social:before {
  content: "\ede3"; }

.icofont-users:before {
  content: "\ede4"; }

.icofont-waiter:before {
  content: "\ede5"; }

.icofont-woman-in-glasses:before {
  content: "\ede6"; }

.icofont-document-search:before {
  content: "\ede7"; }

.icofont-folder-search:before {
  content: "\ede8"; }

.icofont-home-search:before {
  content: "\ede9"; }

.icofont-job-search:before {
  content: "\edea"; }

.icofont-map-search:before {
  content: "\edeb"; }

.icofont-restaurant-search:before {
  content: "\edec"; }

.icofont-search-alt-1:before {
  content: "\eded"; }

.icofont-search-alt-2:before {
  content: "\edee"; }

.icofont-search:before {
  content: "\edef"; }

.icofont-stock-search:before {
  content: "\edf0"; }

.icofont-user-search:before {
  content: "\edf1"; }

.icofont-social-aim:before {
  content: "\edf2"; }

.icofont-social-badoo:before {
  content: "\edf3"; }

.icofont-social-bebo:before {
  content: "\edf4"; }

.icofont-social-behance:before {
  content: "\edf5"; }

.icofont-social-blogger:before {
  content: "\edf6"; }

.icofont-social-bootstrap:before {
  content: "\edf7"; }

.icofont-social-brightkite:before {
  content: "\edf8"; }

.icofont-social-cloudapp:before {
  content: "\edf9"; }

.icofont-social-concrete5:before {
  content: "\edfa"; }

.icofont-social-designbump:before {
  content: "\edfb"; }

.icofont-social-designfloat:before {
  content: "\edfc"; }

.icofont-social-deviantart:before {
  content: "\edfd"; }

.icofont-social-digg:before {
  content: "\edfe"; }

.icofont-social-dotcms:before {
  content: "\edff"; }

.icofont-social-dribble:before {
  content: "\ee00"; }

.icofont-social-dropbox:before {
  content: "\ee01"; }

.icofont-brand-drupal:before {
  content: "\ee02"; }

.icofont-social-ebuddy:before {
  content: "\ee03"; }

.icofont-social-ello:before {
  content: "\ee04"; }

.icofont-social-ember:before {
  content: "\ee05"; }

.icofont-social-envato:before {
  content: "\ee06"; }

.icofont-social-evernote:before {
  content: "\ee07"; }

.icofont-social-facebook:before {
  content: "\ee08"; }

.icofont-social-feedburner:before {
  content: "\ee09"; }

.icofont-social-folkd:before {
  content: "\ee0a"; }

.icofont-social-friendfeed:before {
  content: "\ee0b"; }

.icofont-social-ghost:before {
  content: "\ee0c"; }

.icofont-social-github:before {
  content: "\ee0d"; }

.icofont-social-gnome:before {
  content: "\ee0e"; }

.icofont-social-google-buzz:before {
  content: "\ee0f"; }

.icofont-social-google-map:before {
  content: "\ee10"; }

.icofont-social-google-plus:before {
  content: "\ee11"; }

.icofont-social-google-talk:before {
  content: "\ee12"; }

.icofont-social-hype-machine:before {
  content: "\ee13"; }

.icofont-social-instagram:before {
  content: "\ee14"; }

.icofont-brand-joomla:before {
  content: "\ee15"; }

.icofont-social-kickstarter:before {
  content: "\ee16"; }

.icofont-social-line:before {
  content: "\ee17"; }

.icofont-social-linux-mint:before {
  content: "\ee18"; }

.icofont-social-livejournal:before {
  content: "\ee19"; }

.icofont-social-magento:before {
  content: "\ee1a"; }

.icofont-social-meetup:before {
  content: "\ee1b"; }

.icofont-social-mixx:before {
  content: "\ee1c"; }

.icofont-social-newsvine:before {
  content: "\ee1d"; }

.icofont-social-nimbuss:before {
  content: "\ee1e"; }

.icofont-social-opencart:before {
  content: "\ee1f"; }

.icofont-social-oscommerce:before {
  content: "\ee20"; }

.icofont-social-pandora:before {
  content: "\ee21"; }

.icofont-social-picasa:before {
  content: "\ee22"; }

.icofont-social-pinterest:before {
  content: "\ee23"; }

.icofont-social-prestashop:before {
  content: "\ee24"; }

.icofont-social-qik:before {
  content: "\ee25"; }

.icofont-social-readernaut:before {
  content: "\ee26"; }

.icofont-social-reddit:before {
  content: "\ee27"; }

.icofont-social-rss:before {
  content: "\ee28"; }

.icofont-social-shopify:before {
  content: "\ee29"; }

.icofont-social-silverstripe:before {
  content: "\ee2a"; }

.icofont-social-skype:before {
  content: "\ee2b"; }

.icofont-social-slashdot:before {
  content: "\ee2c"; }

.icofont-social-smugmug:before {
  content: "\ee2d"; }

.icofont-social-steam:before {
  content: "\ee2e"; }

.icofont-social-stumbleupon:before {
  content: "\ee2f"; }

.icofont-social-technorati:before {
  content: "\ee30"; }

.icofont-social-telegram:before {
  content: "\ee31"; }

.icofont-social-tinder:before {
  content: "\ee32"; }

.icofont-social-tumblr:before {
  content: "\ee33"; }

.icofont-social-twitter:before {
  content: "\ee34"; }

.icofont-social-typo3:before {
  content: "\ee35"; }

.icofont-social-ubercart:before {
  content: "\ee36"; }

.icofont-social-viber:before {
  content: "\ee37"; }

.icofont-social-viddler:before {
  content: "\ee38"; }

.icofont-social-vimeo:before {
  content: "\ee39"; }

.icofont-social-vine:before {
  content: "\ee3a"; }

.icofont-social-virb:before {
  content: "\ee3b"; }

.icofont-social-virtuemart:before {
  content: "\ee3c"; }

.icofont-social-wechat:before {
  content: "\ee3d"; }

.icofont-brand-wordpress:before {
  content: "\ee3e"; }

.icofont-social-xing:before {
  content: "\ee3f"; }

.icofont-social-yahoo:before {
  content: "\ee40"; }

.icofont-social-yelp:before {
  content: "\ee41"; }

.icofont-social-zencart:before {
  content: "\ee42"; }

.icofont-badminton-birdie:before {
  content: "\ee43"; }

.icofont-baseball:before {
  content: "\ee44"; }

.icofont-baseballer:before {
  content: "\ee45"; }

.icofont-basketball-hoop:before {
  content: "\ee46"; }

.icofont-basketball:before {
  content: "\ee47"; }

.icofont-billiard-ball:before {
  content: "\ee48"; }

.icofont-boot-alt-1:before {
  content: "\ee49"; }

.icofont-boot-alt-2:before {
  content: "\ee4a"; }

.icofont-bowling-alt:before {
  content: "\ee4b"; }

.icofont-bowling:before {
  content: "\ee4c"; }

.icofont-canoe:before {
  content: "\ee4d"; }

.icofont-cheer-leader:before {
  content: "\ee4e"; }

.icofont-climbing:before {
  content: "\ee4f"; }

.icofont-corner:before {
  content: "\ee50"; }

.icofont-cyclist:before {
  content: "\ee51"; }

.icofont-dumbbell-alt:before {
  content: "\ee52"; }

.icofont-dumbbell:before {
  content: "\ee53"; }

.icofont-field-alt:before {
  content: "\ee54"; }

.icofont-field:before {
  content: "\ee55"; }

.icofont-football-alt:before {
  content: "\ee56"; }

.icofont-foul:before {
  content: "\ee57"; }

.icofont-goal-keeper:before {
  content: "\ee58"; }

.icofont-goal:before {
  content: "\ee59"; }

.icofont-golf-alt:before {
  content: "\ee5a"; }

.icofont-golf-bag:before {
  content: "\ee5b"; }

.icofont-golf-field:before {
  content: "\ee5c"; }

.icofont-golf:before {
  content: "\ee5d"; }

.icofont-golfer:before {
  content: "\ee5e"; }

.icofont-gym-alt-1:before {
  content: "\ee5f"; }

.icofont-gym-alt-2:before {
  content: "\ee60"; }

.icofont-gym-alt-3:before {
  content: "\ee61"; }

.icofont-gym:before {
  content: "\ee62"; }

.icofont-hand-grippers:before {
  content: "\ee63"; }

.icofont-heart-beat-alt:before {
  content: "\ee64"; }

.icofont-helmet:before {
  content: "\ee65"; }

.icofont-hockey-alt:before {
  content: "\ee66"; }

.icofont-hockey:before {
  content: "\ee67"; }

.icofont-ice-skate:before {
  content: "\ee68"; }

.icofont-jersey-alt:before {
  content: "\ee69"; }

.icofont-jersey:before {
  content: "\ee6a"; }

.icofont-jumping:before {
  content: "\ee6b"; }

.icofont-kick:before {
  content: "\ee6c"; }

.icofont-leg:before {
  content: "\ee6d"; }

.icofont-match-review:before {
  content: "\ee6e"; }

.icofont-medal-alt:before {
  content: "\ee6f"; }

.icofont-muscle-alt:before {
  content: "\ee70"; }

.icofont-muscle:before {
  content: "\ee71"; }

.icofont-offside:before {
  content: "\ee72"; }

.icofont-olympic-logo:before {
  content: "\ee73"; }

.icofont-olympic:before {
  content: "\ee74"; }

.icofont-padding:before {
  content: "\ee75"; }

.icofont-penalty-card:before {
  content: "\ee76"; }

.icofont-racer:before {
  content: "\ee77"; }

.icofont-racing-car:before {
  content: "\ee78"; }

.icofont-racing-flag-alt:before {
  content: "\ee79"; }

.icofont-racing-flag:before {
  content: "\ee7a"; }

.icofont-racings-wheel:before {
  content: "\ee7b"; }

.icofont-referee:before {
  content: "\ee7c"; }

.icofont-refree-jersey:before {
  content: "\ee7d"; }

.icofont-result:before {
  content: "\ee7e"; }

.icofont-rugby-ball:before {
  content: "\ee7f"; }

.icofont-rugby-player:before {
  content: "\ee80"; }

.icofont-rugby:before {
  content: "\ee81"; }

.icofont-runner-alt-1:before {
  content: "\ee82"; }

.icofont-runner-alt-2:before {
  content: "\ee83"; }

.icofont-runner:before {
  content: "\ee84"; }

.icofont-score-board:before {
  content: "\ee85"; }

.icofont-skiing-man:before {
  content: "\ee86"; }

.icofont-skydiving-goggles:before {
  content: "\ee87"; }

.icofont-snow-mobile:before {
  content: "\ee88"; }

.icofont-steering:before {
  content: "\ee89"; }

.icofont-substitute:before {
  content: "\ee8a"; }

.icofont-swimmer:before {
  content: "\ee8b"; }

.icofont-table-tennis:before {
  content: "\ee8c"; }

.icofont-team-alt:before {
  content: "\ee8d"; }

.icofont-team:before {
  content: "\ee8e"; }

.icofont-tennis-player:before {
  content: "\ee8f"; }

.icofont-tennis:before {
  content: "\ee90"; }

.icofont-time:before {
  content: "\ee91"; }

.icofont-track:before {
  content: "\ee92"; }

.icofont-tracking:before {
  content: "\ee93"; }

.icofont-trophy-alt:before {
  content: "\ee94"; }

.icofont-trophy:before {
  content: "\ee95"; }

.icofont-volleyball-alt:before {
  content: "\ee96"; }

.icofont-volleyball-fire:before {
  content: "\ee97"; }

.icofont-volleyball:before {
  content: "\ee98"; }

.icofont-water-bottle:before {
  content: "\ee99"; }

.icofont-whisle:before {
  content: "\ee9a"; }

.icofont-win-trophy:before {
  content: "\ee9b"; }

.icofont-align-center:before {
  content: "\ee9c"; }

.icofont-align-left:before {
  content: "\ee9d"; }

.icofont-align-right:before {
  content: "\ee9e"; }

.icofont-all-caps:before {
  content: "\ee9f"; }

.icofont-bold:before {
  content: "\eea0"; }

.icofont-brush:before {
  content: "\eea1"; }

.icofont-clip-board:before {
  content: "\eea2"; }

.icofont-code-alt:before {
  content: "\eea3"; }

.icofont-color-bucket:before {
  content: "\eea4"; }

.icofont-color-picker:before {
  content: "\eea5"; }

.icofont-copy-alt:before {
  content: "\eea6"; }

.icofont-copy-black:before {
  content: "\eea7"; }

.icofont-cut:before {
  content: "\eea8"; }

.icofont-delete-alt:before {
  content: "\eea9"; }

.icofont-edit-alt:before {
  content: "\eeaa"; }

.icofont-eraser-alt:before {
  content: "\eeab"; }

.icofont-file-alt:before {
  content: "\eeac"; }

.icofont-font:before {
  content: "\eead"; }

.icofont-header:before {
  content: "\eeae"; }

.icofont-indent:before {
  content: "\eeaf"; }

.icofont-italic-alt:before {
  content: "\eeb0"; }

.icofont-justify-all:before {
  content: "\eeb1"; }

.icofont-justify-center:before {
  content: "\eeb2"; }

.icofont-justify-left:before {
  content: "\eeb3"; }

.icofont-justify-right:before {
  content: "\eeb4"; }

.icofont-line-height:before {
  content: "\eeb5"; }

.icofont-link-alt:before {
  content: "\eeb6"; }

.icofont-listine-dots:before {
  content: "\eeb7"; }

.icofont-listing-box:before {
  content: "\eeb8"; }

.icofont-listing-number:before {
  content: "\eeb9"; }

.icofont-marker:before {
  content: "\eeba"; }

.icofont-outdent:before {
  content: "\eebb"; }

.icofont-paper-clip:before {
  content: "\eebc"; }

.icofont-paragraph:before {
  content: "\eebd"; }

.icofont-pin:before {
  content: "\eebe"; }

.icofont-printer:before {
  content: "\eebf"; }

.icofont-redo:before {
  content: "\eec0"; }

.icofont-rotation:before {
  content: "\eec1"; }

.icofont-save:before {
  content: "\eec2"; }

.icofont-small-cap:before {
  content: "\eec3"; }

.icofont-strike-through:before {
  content: "\eec4"; }

.icofont-sub-listing:before {
  content: "\eec5"; }

.icofont-subscript:before {
  content: "\eec6"; }

.icofont-superscript:before {
  content: "\eec7"; }

.icofont-table:before {
  content: "\eec8"; }

.icofont-text-height:before {
  content: "\eec9"; }

.icofont-text-width:before {
  content: "\eeca"; }

.icofont-trash:before {
  content: "\eecb"; }

.icofont-underline:before {
  content: "\eecc"; }

.icofont-undo:before {
  content: "\eecd"; }

.icofont-unlink:before {
  content: "\eece"; }

.icofont-air-balloon:before {
  content: "\eecf"; }

.icofont-airplane-alt:before {
  content: "\eed0"; }

.icofont-airplane:before {
  content: "\eed1"; }

.icofont-ambulance-crescent:before {
  content: "\eed2"; }

.icofont-ambulance-cross:before {
  content: "\eed3"; }

.icofont-articulated-truck:before {
  content: "\eed4"; }

.icofont-auto-rickshaw:before {
  content: "\eed5"; }

.icofont-bicycle-alt-1:before {
  content: "\eed6"; }

.icofont-bicycle-alt-2:before {
  content: "\eed7"; }

.icofont-bull-dozer:before {
  content: "\eed8"; }

.icofont-bus-alt-1:before {
  content: "\eed9"; }

.icofont-bus-alt-2:before {
  content: "\eeda"; }

.icofont-bus-alt-3:before {
  content: "\eedb"; }

.icofont-cable-car:before {
  content: "\eedc"; }

.icofont-car-alt-1:before {
  content: "\eedd"; }

.icofont-car-alt-2:before {
  content: "\eede"; }

.icofont-car-alt-3:before {
  content: "\eedf"; }

.icofont-car-alt-4:before {
  content: "\eee0"; }

.icofont-concrete-mixer:before {
  content: "\eee1"; }

.icofont-delivery-time:before {
  content: "\eee2"; }

.icofont-excavator:before {
  content: "\eee3"; }

.icofont-fast-delivery:before {
  content: "\eee4"; }

.icofont-fire-truck-alt:before {
  content: "\eee5"; }

.icofont-fire-truck:before {
  content: "\eee6"; }

.icofont-fork-lift:before {
  content: "\eee7"; }

.icofont-free-delivery:before {
  content: "\eee8"; }

.icofont-golf-cart:before {
  content: "\eee9"; }

.icofont-helicopter:before {
  content: "\eeea"; }

.icofont-motor-bike-alt:before {
  content: "\eeeb"; }

.icofont-motor-bike:before {
  content: "\eeec"; }

.icofont-motor-biker:before {
  content: "\eeed"; }

.icofont-oil-truck:before {
  content: "\eeee"; }

.icofont-police-car:before {
  content: "\eeef"; }

.icofont-rickshaw:before {
  content: "\eef0"; }

.icofont-rocket-alt-1:before {
  content: "\eef1"; }

.icofont-rocket-alt-2:before {
  content: "\eef2"; }

.icofont-sail-boat:before {
  content: "\eef3"; }

.icofont-scooter:before {
  content: "\eef4"; }

.icofont-sea-plane:before {
  content: "\eef5"; }

.icofont-ship-alt:before {
  content: "\eef6"; }

.icofont-speed-boat:before {
  content: "\eef7"; }

.icofont-taxi:before {
  content: "\eef8"; }

.icofont-tow-truck:before {
  content: "\eef9"; }

.icofont-tractor:before {
  content: "\eefa"; }

.icofont-traffic-light:before {
  content: "\eefb"; }

.icofont-train-line:before {
  content: "\eefc"; }

.icofont-train-steam:before {
  content: "\eefd"; }

.icofont-tram:before {
  content: "\eefe"; }

.icofont-truck-alt:before {
  content: "\eeff"; }

.icofont-truck-loaded:before {
  content: "\ef00"; }

.icofont-truck:before {
  content: "\ef01"; }

.icofont-van-alt:before {
  content: "\ef02"; }

.icofont-van:before {
  content: "\ef03"; }

.icofont-yacht:before {
  content: "\ef04"; }

.icofont-5-star-hotel:before {
  content: "\ef05"; }

.icofont-anchor-alt:before {
  content: "\ef06"; }

.icofont-beach-bed:before {
  content: "\ef07"; }

.icofont-camping-vest:before {
  content: "\ef08"; }

.icofont-coconut-alt:before {
  content: "\ef09"; }

.icofont-direction-sign:before {
  content: "\ef0a"; }

.icofont-hill-side:before {
  content: "\ef0b"; }

.icofont-island-alt:before {
  content: "\ef0c"; }

.icofont-long-drive:before {
  content: "\ef0d"; }

.icofont-map-pins:before {
  content: "\ef0e"; }

.icofont-plane-ticket:before {
  content: "\ef0f"; }

.icofont-sail-boat-alt-1:before {
  content: "\ef10"; }

.icofont-sail-boat-alt-2:before {
  content: "\ef11"; }

.icofont-sandals-female:before {
  content: "\ef12"; }

.icofont-sandals-male:before {
  content: "\ef13"; }

.icofont-travelling:before {
  content: "\ef14"; }

.icofont-breakdown:before {
  content: "\ef15"; }

.icofont-celsius:before {
  content: "\ef16"; }

.icofont-clouds:before {
  content: "\ef17"; }

.icofont-cloudy:before {
  content: "\ef18"; }

.icofont-compass-alt:before {
  content: "\ef19"; }

.icofont-dust:before {
  content: "\ef1a"; }

.icofont-eclipse:before {
  content: "\ef1b"; }

.icofont-fahrenheit:before {
  content: "\ef1c"; }

.icofont-forest-fire:before {
  content: "\ef1d"; }

.icofont-full-night:before {
  content: "\ef1e"; }

.icofont-full-sunny:before {
  content: "\ef1f"; }

.icofont-hail-night:before {
  content: "\ef20"; }

.icofont-hail-rainy-night:before {
  content: "\ef21"; }

.icofont-hail-rainy-sunny:before {
  content: "\ef22"; }

.icofont-hail-rainy:before {
  content: "\ef23"; }

.icofont-hail-sunny:before {
  content: "\ef24"; }

.icofont-hail-thunder-night:before {
  content: "\ef25"; }

.icofont-hail-thunder-sunny:before {
  content: "\ef26"; }

.icofont-hail-thunder:before {
  content: "\ef27"; }

.icofont-hail:before {
  content: "\ef28"; }

.icofont-hill-night:before {
  content: "\ef29"; }

.icofont-hill-sunny:before {
  content: "\ef2a"; }

.icofont-hill:before {
  content: "\ef2b"; }

.icofont-hurricane:before {
  content: "\ef2c"; }

.icofont-island:before {
  content: "\ef2d"; }

.icofont-meteor:before {
  content: "\ef2e"; }

.icofont-night:before {
  content: "\ef2f"; }

.icofont-rainy-night:before {
  content: "\ef30"; }

.icofont-rainy-sunny:before {
  content: "\ef31"; }

.icofont-rainy-thunder:before {
  content: "\ef32"; }

.icofont-rainy:before {
  content: "\ef33"; }

.icofont-showy-night-hail:before {
  content: "\ef34"; }

.icofont-snow-temp:before {
  content: "\ef35"; }

.icofont-snow:before {
  content: "\ef36"; }

.icofont-snowy-hail:before {
  content: "\ef37"; }

.icofont-snowy-night-rainy:before {
  content: "\ef38"; }

.icofont-snowy-night:before {
  content: "\ef39"; }

.icofont-snowy-rainy:before {
  content: "\ef3a"; }

.icofont-snowy-sunny-hail:before {
  content: "\ef3b"; }

.icofont-snowy-sunny-rainy:before {
  content: "\ef3c"; }

.icofont-snowy-sunny:before {
  content: "\ef3d"; }

.icofont-snowy-thunder-night:before {
  content: "\ef3e"; }

.icofont-snowy-thunder-sunny:before {
  content: "\ef3f"; }

.icofont-snowy-thunder:before {
  content: "\ef40"; }

.icofont-snowy-windy-night:before {
  content: "\ef41"; }

.icofont-snowy-windy-sunny:before {
  content: "\ef42"; }

.icofont-snowy-windy:before {
  content: "\ef43"; }

.icofont-snowy:before {
  content: "\ef44"; }

.icofont-sun-alt:before {
  content: "\ef45"; }

.icofont-sun-rise:before {
  content: "\ef46"; }

.icofont-sun-set:before {
  content: "\ef47"; }

.icofont-sunny-day-temp:before {
  content: "\ef48"; }

.icofont-sunny:before {
  content: "\ef49"; }

.icofont-thermometer:before {
  content: "\ef4a"; }

.icofont-thinder-light:before {
  content: "\ef4b"; }

.icofont-tornado:before {
  content: "\ef4c"; }

.icofont-umbrella-alt:before {
  content: "\ef4d"; }

.icofont-volcano:before {
  content: "\ef4e"; }

.icofont-wave:before {
  content: "\ef4f"; }

.icofont-wind-scale-0:before {
  content: "\ef50"; }

.icofont-wind-scale-1:before {
  content: "\ef51"; }

.icofont-wind-scale-2:before {
  content: "\ef52"; }

.icofont-wind-scale-3:before {
  content: "\ef53"; }

.icofont-wind-scale-4:before {
  content: "\ef54"; }

.icofont-wind-scale-5:before {
  content: "\ef55"; }

.icofont-wind-scale-6:before {
  content: "\ef56"; }

.icofont-wind-scale-7:before {
  content: "\ef57"; }

.icofont-wind-scale-8:before {
  content: "\ef58"; }

.icofont-wind-scale-9:before {
  content: "\ef59"; }

.icofont-wind-scale-10:before {
  content: "\ef5a"; }

.icofont-wind-scale-11:before {
  content: "\ef5b"; }

.icofont-wind-scale-12:before {
  content: "\ef5c"; }

.icofont-wind-waves:before {
  content: "\ef5d"; }

.icofont-wind:before {
  content: "\ef5e"; }

.icofont-windy-hail:before {
  content: "\ef5f"; }

.icofont-windy-night:before {
  content: "\ef60"; }

.icofont-windy-raining:before {
  content: "\ef61"; }

.icofont-windy-sunny:before {
  content: "\ef62"; }

.icofont-windy-thunder-raining:before {
  content: "\ef63"; }

.icofont-windy-thunder:before {
  content: "\ef64"; }

.icofont-windy:before {
  content: "\ef65"; }

.icofont-addons:before {
  content: "\ef66"; }

.icofont-address-book:before {
  content: "\ef67"; }

.icofont-adjust:before {
  content: "\ef68"; }

.icofont-alarm:before {
  content: "\ef69"; }

.icofont-anchor:before {
  content: "\ef6a"; }

.icofont-archive:before {
  content: "\ef6b"; }

.icofont-at:before {
  content: "\ef6c"; }

.icofont-attachment:before {
  content: "\ef6d"; }

.icofont-audio:before {
  content: "\ef6e"; }

.icofont-auto-mobile:before {
  content: "\ef6f"; }

.icofont-automation:before {
  content: "\ef70"; }

.icofont-baby:before {
  content: "\ef71"; }

.icofont-badge:before {
  content: "\ef72"; }

.icofont-bag:before {
  content: "\ef73"; }

.icofont-ban:before {
  content: "\ef74"; }

.icofont-bank:before {
  content: "\ef75"; }

.icofont-bar-code:before {
  content: "\ef76"; }

.icofont-bars:before {
  content: "\ef77"; }

.icofont-battery-empty:before {
  content: "\ef78"; }

.icofont-battery-full:before {
  content: "\ef79"; }

.icofont-battery-half:before {
  content: "\ef7a"; }

.icofont-battery-low:before {
  content: "\ef7b"; }

.icofont-beach:before {
  content: "\ef7c"; }

.icofont-beaker:before {
  content: "\ef7d"; }

.icofont-bear:before {
  content: "\ef7e"; }

.icofont-beard:before {
  content: "\ef7f"; }

.icofont-bed:before {
  content: "\ef80"; }

.icofont-bell:before {
  content: "\ef81"; }

.icofont-beverage:before {
  content: "\ef82"; }

.icofont-bicycle:before {
  content: "\ef83"; }

.icofont-bill:before {
  content: "\ef84"; }

.icofont-bin:before {
  content: "\ef85"; }

.icofont-binary:before {
  content: "\ef86"; }

.icofont-binoculars:before {
  content: "\ef87"; }

.icofont-bird:before {
  content: "\ef88"; }

.icofont-birds:before {
  content: "\ef89"; }

.icofont-black-board:before {
  content: "\ef8a"; }

.icofont-bluetooth:before {
  content: "\ef8b"; }

.icofont-bolt:before {
  content: "\ef8c"; }

.icofont-bomb:before {
  content: "\ef8d"; }

.icofont-book-mark:before {
  content: "\ef8e"; }

.icofont-book:before {
  content: "\ef8f"; }

.icofont-boot:before {
  content: "\ef90"; }

.icofont-box:before {
  content: "\ef91"; }

.icofont-brain:before {
  content: "\ef92"; }

.icofont-briefcase:before {
  content: "\ef93"; }

.icofont-broken:before {
  content: "\ef94"; }

.icofont-bucket:before {
  content: "\ef95"; }

.icofont-bucket1:before {
  content: "\ef96"; }

.icofont-bucket2:before {
  content: "\ef97"; }

.icofont-bug:before {
  content: "\ef98"; }

.icofont-building:before {
  content: "\ef99"; }

.icofont-bullet:before {
  content: "\ef9a"; }

.icofont-bullhorn:before {
  content: "\ef9b"; }

.icofont-bullseye:before {
  content: "\ef9c"; }

.icofont-bus:before {
  content: "\ef9d"; }

.icofont-butterfly:before {
  content: "\ef9e"; }

.icofont-cab:before {
  content: "\ef9f"; }

.icofont-calculator:before {
  content: "\efa0"; }

.icofont-calendar:before {
  content: "\efa1"; }

.icofont-camera-alt:before {
  content: "\efa2"; }

.icofont-camera:before {
  content: "\efa3"; }

.icofont-car:before {
  content: "\efa4"; }

.icofont-card:before {
  content: "\efa5"; }

.icofont-cart:before {
  content: "\efa6"; }

.icofont-cc:before {
  content: "\efa7"; }

.icofont-certificate:before {
  content: "\efa8"; }

.icofont-charging:before {
  content: "\efa9"; }

.icofont-chat:before {
  content: "\efaa"; }

.icofont-check-alt:before {
  content: "\efab"; }

.icofont-check-circled:before {
  content: "\efac"; }

.icofont-check:before {
  content: "\efad"; }

.icofont-checked:before {
  content: "\efae"; }

.icofont-children-care:before {
  content: "\efaf"; }

.icofont-clock-time:before {
  content: "\efb0"; }

.icofont-close-circled:before {
  content: "\efb1"; }

.icofont-close-line-circled:before {
  content: "\efb2"; }

.icofont-close-line-squared-alt:before {
  content: "\efb3"; }

.icofont-close-line-squared:before {
  content: "\efb4"; }

.icofont-close-line:before {
  content: "\efb5"; }

.icofont-close-squared-alt:before {
  content: "\efb6"; }

.icofont-close-squared:before {
  content: "\efb7"; }

.icofont-close:before {
  content: "\efb8"; }

.icofont-cloud-download:before {
  content: "\efb9"; }

.icofont-cloud-refresh:before {
  content: "\efba"; }

.icofont-cloud-upload:before {
  content: "\efbb"; }

.icofont-cloud:before {
  content: "\efbc"; }

.icofont-code-not-allowed:before {
  content: "\efbd"; }

.icofont-code:before {
  content: "\efbe"; }

.icofont-coffee-cup:before {
  content: "\efbf"; }

.icofont-comment:before {
  content: "\efc0"; }

.icofont-compass:before {
  content: "\efc1"; }

.icofont-computer:before {
  content: "\efc2"; }

.icofont-connection:before {
  content: "\efc3"; }

.icofont-console:before {
  content: "\efc4"; }

.icofont-contacts:before {
  content: "\efc5"; }

.icofont-contrast:before {
  content: "\efc6"; }

.icofont-copy:before {
  content: "\efc7"; }

.icofont-copyright:before {
  content: "\efc8"; }

.icofont-credit-card:before {
  content: "\efc9"; }

.icofont-crop:before {
  content: "\efca"; }

.icofont-crown:before {
  content: "\efcb"; }

.icofont-cube:before {
  content: "\efcc"; }

.icofont-cubes:before {
  content: "\efcd"; }

.icofont-culinary:before {
  content: "\efce"; }

.icofont-dashboard-web:before {
  content: "\efcf"; }

.icofont-dashboard:before {
  content: "\efd0"; }

.icofont-data:before {
  content: "\efd1"; }

.icofont-database-add:before {
  content: "\efd2"; }

.icofont-database-locked:before {
  content: "\efd3"; }

.icofont-database-remove:before {
  content: "\efd4"; }

.icofont-database:before {
  content: "\efd5"; }

.icofont-delete:before {
  content: "\efd6"; }

.icofont-diamond:before {
  content: "\efd7"; }

.icofont-dice:before {
  content: "\efd8"; }

.icofont-disabled:before {
  content: "\efd9"; }

.icofont-disc:before {
  content: "\efda"; }

.icofont-diskette:before {
  content: "\efdb"; }

.icofont-document-folder:before {
  content: "\efdc"; }

.icofont-download-alt:before {
  content: "\efdd"; }

.icofont-download:before {
  content: "\efde"; }

.icofont-downloaded:before {
  content: "\efdf"; }

.icofont-earth:before {
  content: "\efe0"; }

.icofont-ebook:before {
  content: "\efe1"; }

.icofont-edit:before {
  content: "\efe2"; }

.icofont-eject:before {
  content: "\efe3"; }

.icofont-email:before {
  content: "\efe4"; }

.icofont-envelope-open:before {
  content: "\efe5"; }

.icofont-envelope:before {
  content: "\efe6"; }

.icofont-eraser:before {
  content: "\efe7"; }

.icofont-error:before {
  content: "\efe8"; }

.icofont-exchange:before {
  content: "\efe9"; }

.icofont-exclamation-circle:before {
  content: "\efea"; }

.icofont-exclamation-square:before {
  content: "\efeb"; }

.icofont-exclamation-tringle:before {
  content: "\efec"; }

.icofont-exclamation:before {
  content: "\efed"; }

.icofont-exit:before {
  content: "\efee"; }

.icofont-expand:before {
  content: "\efef"; }

.icofont-external-link:before {
  content: "\eff0"; }

.icofont-external:before {
  content: "\eff1"; }

.icofont-eye-blocked:before {
  content: "\eff2"; }

.icofont-eye-dropper:before {
  content: "\eff3"; }

.icofont-eye:before {
  content: "\eff4"; }

.icofont-favourite:before {
  content: "\eff5"; }

.icofont-fax:before {
  content: "\eff6"; }

.icofont-female:before {
  content: "\eff7"; }

.icofont-file:before {
  content: "\eff8"; }

.icofont-film:before {
  content: "\eff9"; }

.icofont-filter:before {
  content: "\effa"; }

.icofont-fire-burn:before {
  content: "\effb"; }

.icofont-fire-extinguisher:before {
  content: "\effc"; }

.icofont-fire:before {
  content: "\effd"; }

.icofont-first-aid:before {
  content: "\effe"; }

.icofont-flag-alt-1:before {
  content: "\efff"; }

.icofont-flag-alt-2:before {
  content: "\f000"; }

.icofont-flag:before {
  content: "\f001"; }

.icofont-flash-light:before {
  content: "\f002"; }

.icofont-flash:before {
  content: "\f003"; }

.icofont-flask:before {
  content: "\f004"; }

.icofont-focus:before {
  content: "\f005"; }

.icofont-folder-open:before {
  content: "\f006"; }

.icofont-folder:before {
  content: "\f007"; }

.icofont-foot-print:before {
  content: "\f008"; }

.icofont-football-american:before {
  content: "\f009"; }

.icofont-football:before {
  content: "\f00a"; }

.icofont-game-console:before {
  content: "\f00b"; }

.icofont-game-pad:before {
  content: "\f00c"; }

.icofont-gavel:before {
  content: "\f00d"; }

.icofont-gear:before {
  content: "\f00e"; }

.icofont-gears:before {
  content: "\f00f"; }

.icofont-gift:before {
  content: "\f010"; }

.icofont-glass:before {
  content: "\f011"; }

.icofont-globe:before {
  content: "\f012"; }

.icofont-graduate:before {
  content: "\f013"; }

.icofont-graffiti:before {
  content: "\f014"; }

.icofont-grocery:before {
  content: "\f015"; }

.icofont-group:before {
  content: "\f016"; }

.icofont-hammer:before {
  content: "\f017"; }

.icofont-hand:before {
  content: "\f018"; }

.icofont-hanger:before {
  content: "\f019"; }

.icofont-hard-disk:before {
  content: "\f01a"; }

.icofont-headphone:before {
  content: "\f01b"; }

.icofont-heart-beat:before {
  content: "\f01c"; }

.icofont-heart:before {
  content: "\f01d"; }

.icofont-history:before {
  content: "\f01e"; }

.icofont-home:before {
  content: "\f01f"; }

.icofont-horn:before {
  content: "\f020"; }

.icofont-hotel:before {
  content: "\f021"; }

.icofont-hour-glass:before {
  content: "\f022"; }

.icofont-id:before {
  content: "\f023"; }

.icofont-image:before {
  content: "\f024"; }

.icofont-inbox:before {
  content: "\f025"; }

.icofont-infinite:before {
  content: "\f026"; }

.icofont-info-circle:before {
  content: "\f027"; }

.icofont-info-square:before {
  content: "\f028"; }

.icofont-info:before {
  content: "\f029"; }

.icofont-institution:before {
  content: "\f02a"; }

.icofont-interface:before {
  content: "\f02b"; }

.icofont-invisible:before {
  content: "\f02c"; }

.icofont-italic:before {
  content: "\f02d"; }

.icofont-jacket:before {
  content: "\f02e"; }

.icofont-jar:before {
  content: "\f02f"; }

.icofont-jewlery:before {
  content: "\f030"; }

.icofont-karate:before {
  content: "\f031"; }

.icofont-key-hole:before {
  content: "\f032"; }

.icofont-key:before {
  content: "\f033"; }

.icofont-keyboard:before {
  content: "\f034"; }

.icofont-kid:before {
  content: "\f035"; }

.icofont-label:before {
  content: "\f036"; }

.icofont-lamp:before {
  content: "\f037"; }

.icofont-laptop:before {
  content: "\f038"; }

.icofont-layers:before {
  content: "\f039"; }

.icofont-layout:before {
  content: "\f03a"; }

.icofont-leaf:before {
  content: "\f03b"; }

.icofont-leaflet:before {
  content: "\f03c"; }

.icofont-learn:before {
  content: "\f03d"; }

.icofont-legal:before {
  content: "\f03e"; }

.icofont-lego:before {
  content: "\f03f"; }

.icofont-lemon:before {
  content: "\f040"; }

.icofont-lens:before {
  content: "\f041"; }

.icofont-letter:before {
  content: "\f042"; }

.icofont-letterbox:before {
  content: "\f043"; }

.icofont-library:before {
  content: "\f044"; }

.icofont-license:before {
  content: "\f045"; }

.icofont-life-bouy:before {
  content: "\f046"; }

.icofont-life-buoy:before {
  content: "\f047"; }

.icofont-life-jacket:before {
  content: "\f048"; }

.icofont-life-ring:before {
  content: "\f049"; }

.icofont-light-bulb:before {
  content: "\f04a"; }

.icofont-lighter:before {
  content: "\f04b"; }

.icofont-lightning-ray:before {
  content: "\f04c"; }

.icofont-like:before {
  content: "\f04d"; }

.icofont-link:before {
  content: "\f04e"; }

.icofont-live-support:before {
  content: "\f04f"; }

.icofont-location-arrow:before {
  content: "\f050"; }

.icofont-location-pin:before {
  content: "\f051"; }

.icofont-lock:before {
  content: "\f052"; }

.icofont-login:before {
  content: "\f053"; }

.icofont-logout:before {
  content: "\f054"; }

.icofont-lollipop:before {
  content: "\f055"; }

.icofont-look:before {
  content: "\f056"; }

.icofont-loop:before {
  content: "\f057"; }

.icofont-luggage:before {
  content: "\f058"; }

.icofont-lunch:before {
  content: "\f059"; }

.icofont-lungs:before {
  content: "\f05a"; }

.icofont-magic-alt:before {
  content: "\f05b"; }

.icofont-magic:before {
  content: "\f05c"; }

.icofont-magnet:before {
  content: "\f05d"; }

.icofont-mail-box:before {
  content: "\f05e"; }

.icofont-mail:before {
  content: "\f05f"; }

.icofont-male:before {
  content: "\f060"; }

.icofont-map:before {
  content: "\f061"; }

.icofont-math:before {
  content: "\f062"; }

.icofont-maximize:before {
  content: "\f063"; }

.icofont-measure:before {
  content: "\f064"; }

.icofont-medal:before {
  content: "\f065"; }

.icofont-medical:before {
  content: "\f066"; }

.icofont-medicine:before {
  content: "\f067"; }

.icofont-mega-phone:before {
  content: "\f068"; }

.icofont-memorial:before {
  content: "\f069"; }

.icofont-memory-card:before {
  content: "\f06a"; }

.icofont-mic-mute:before {
  content: "\f06b"; }

.icofont-mic:before {
  content: "\f06c"; }

.icofont-micro-chip:before {
  content: "\f06d"; }

.icofont-microphone:before {
  content: "\f06e"; }

.icofont-microscope:before {
  content: "\f06f"; }

.icofont-military:before {
  content: "\f070"; }

.icofont-mill:before {
  content: "\f071"; }

.icofont-minus-circle:before {
  content: "\f072"; }

.icofont-minus-square:before {
  content: "\f073"; }

.icofont-minus:before {
  content: "\f074"; }

.icofont-mobile-phone:before {
  content: "\f075"; }

.icofont-molecule:before {
  content: "\f076"; }

.icofont-money:before {
  content: "\f077"; }

.icofont-moon:before {
  content: "\f078"; }

.icofont-mop:before {
  content: "\f079"; }

.icofont-muffin:before {
  content: "\f07a"; }

.icofont-music-alt:before {
  content: "\f07b"; }

.icofont-music-notes:before {
  content: "\f07c"; }

.icofont-music:before {
  content: "\f07d"; }

.icofont-mustache:before {
  content: "\f07e"; }

.icofont-mute-volume:before {
  content: "\f07f"; }

.icofont-navigation-menu:before {
  content: "\f080"; }

.icofont-navigation:before {
  content: "\f081"; }

.icofont-network-tower:before {
  content: "\f082"; }

.icofont-network:before {
  content: "\f083"; }

.icofont-news:before {
  content: "\f084"; }

.icofont-newspaper:before {
  content: "\f085"; }

.icofont-no-smoking:before {
  content: "\f086"; }

.icofont-not-allowed:before {
  content: "\f087"; }

.icofont-notebook:before {
  content: "\f088"; }

.icofont-notepad:before {
  content: "\f089"; }

.icofont-notification:before {
  content: "\f08a"; }

.icofont-numbered:before {
  content: "\f08b"; }

.icofont-opposite:before {
  content: "\f08c"; }

.icofont-optic:before {
  content: "\f08d"; }

.icofont-options:before {
  content: "\f08e"; }

.icofont-package:before {
  content: "\f08f"; }

.icofont-page:before {
  content: "\f090"; }

.icofont-paint:before {
  content: "\f091"; }

.icofont-paper-plane:before {
  content: "\f092"; }

.icofont-paperclip:before {
  content: "\f093"; }

.icofont-papers:before {
  content: "\f094"; }

.icofont-paw:before {
  content: "\f095"; }

.icofont-pay:before {
  content: "\f096"; }

.icofont-pen:before {
  content: "\f097"; }

.icofont-pencil:before {
  content: "\f098"; }

.icofont-penguin-linux:before {
  content: "\f099"; }

.icofont-pestle:before {
  content: "\f09a"; }

.icofont-phone-circle:before {
  content: "\f09b"; }

.icofont-phone:before {
  content: "\f09c"; }

.icofont-picture:before {
  content: "\f09d"; }

.icofont-pie:before {
  content: "\f09e"; }

.icofont-pine:before {
  content: "\f09f"; }

.icofont-pixels:before {
  content: "\f0a0"; }

.icofont-play:before {
  content: "\f0a1"; }

.icofont-plugin:before {
  content: "\f0a2"; }

.icofont-plus-circle:before {
  content: "\f0a3"; }

.icofont-plus-square:before {
  content: "\f0a4"; }

.icofont-plus:before {
  content: "\f0a5"; }

.icofont-polygonal:before {
  content: "\f0a6"; }

.icofont-power:before {
  content: "\f0a7"; }

.icofont-presentation:before {
  content: "\f0a8"; }

.icofont-price:before {
  content: "\f0a9"; }

.icofont-print:before {
  content: "\f0aa"; }

.icofont-puzzle:before {
  content: "\f0ab"; }

.icofont-qr-code:before {
  content: "\f0ac"; }

.icofont-queen:before {
  content: "\f0ad"; }

.icofont-question-circle:before {
  content: "\f0ae"; }

.icofont-question-square:before {
  content: "\f0af"; }

.icofont-question:before {
  content: "\f0b0"; }

.icofont-quote-left:before {
  content: "\f0b1"; }

.icofont-quote-right:before {
  content: "\f0b2"; }

.icofont-radio:before {
  content: "\f0b3"; }

.icofont-random:before {
  content: "\f0b4"; }

.icofont-recycle:before {
  content: "\f0b5"; }

.icofont-refresh:before {
  content: "\f0b6"; }

.icofont-repair:before {
  content: "\f0b7"; }

.icofont-reply-all:before {
  content: "\f0b8"; }

.icofont-reply:before {
  content: "\f0b9"; }

.icofont-resize:before {
  content: "\f0ba"; }

.icofont-responsive:before {
  content: "\f0bb"; }

.icofont-retweet:before {
  content: "\f0bc"; }

.icofont-road:before {
  content: "\f0bd"; }

.icofont-robot:before {
  content: "\f0be"; }

.icofont-rocket:before {
  content: "\f0bf"; }

.icofont-royal:before {
  content: "\f0c0"; }

.icofont-rss-feed:before {
  content: "\f0c1"; }

.icofont-safety:before {
  content: "\f0c2"; }

.icofont-sale-discount:before {
  content: "\f0c3"; }

.icofont-satellite:before {
  content: "\f0c4"; }

.icofont-send-mail:before {
  content: "\f0c5"; }

.icofont-server:before {
  content: "\f0c6"; }

.icofont-settings:before {
  content: "\f0c7"; }

.icofont-share-alt:before {
  content: "\f0c8"; }

.icofont-share-boxed:before {
  content: "\f0c9"; }

.icofont-share:before {
  content: "\f0ca"; }

.icofont-shield:before {
  content: "\f0cb"; }

.icofont-ship:before {
  content: "\f0cc"; }

.icofont-shopping-cart:before {
  content: "\f0cd"; }

.icofont-sign-in:before {
  content: "\f0ce"; }

.icofont-sign-out:before {
  content: "\f0cf"; }

.icofont-signal:before {
  content: "\f0d0"; }

.icofont-site-map:before {
  content: "\f0d1"; }

.icofont-smart-phone:before {
  content: "\f0d2"; }

.icofont-soccer:before {
  content: "\f0d3"; }

.icofont-sort-alt:before {
  content: "\f0d4"; }

.icofont-sort:before {
  content: "\f0d5"; }

.icofont-space:before {
  content: "\f0d6"; }

.icofont-spanner:before {
  content: "\f0d7"; }

.icofont-speech-comments:before {
  content: "\f0d8"; }

.icofont-speed-meter:before {
  content: "\f0d9"; }

.icofont-spinner-alt-1:before {
  content: "\f0da"; }

.icofont-spinner-alt-2:before {
  content: "\f0db"; }

.icofont-spinner-alt-3:before {
  content: "\f0dc"; }

.icofont-spinner-alt-4:before {
  content: "\f0dd"; }

.icofont-spinner-alt-5:before {
  content: "\f0de"; }

.icofont-spinner-alt-6:before {
  content: "\f0df"; }

.icofont-spinner:before {
  content: "\f0e0"; }

.icofont-spreadsheet:before {
  content: "\f0e1"; }

.icofont-square:before {
  content: "\f0e2"; }

.icofont-ssl-security:before {
  content: "\f0e3"; }

.icofont-star-alt-1:before {
  content: "\f0e4"; }

.icofont-star-alt-2:before {
  content: "\f0e5"; }

.icofont-star:before {
  content: "\f0e6"; }

.icofont-street-view:before {
  content: "\f0e7"; }

.icofont-sun:before {
  content: "\f0e8"; }

.icofont-support-faq:before {
  content: "\f0e9"; }

.icofont-tack-pin:before {
  content: "\f0ea"; }

.icofont-tag:before {
  content: "\f0eb"; }

.icofont-tags:before {
  content: "\f0ec"; }

.icofont-tasks:before {
  content: "\f0ed"; }

.icofont-telephone:before {
  content: "\f0ee"; }

.icofont-telescope:before {
  content: "\f0ef"; }

.icofont-terminal:before {
  content: "\f0f0"; }

.icofont-thumbs-down:before {
  content: "\f0f1"; }

.icofont-thumbs-up:before {
  content: "\f0f2"; }

.icofont-tick-boxed:before {
  content: "\f0f3"; }

.icofont-tick-mark:before {
  content: "\f0f4"; }

.icofont-ticket:before {
  content: "\f0f5"; }

.icofont-tie:before {
  content: "\f0f6"; }

.icofont-toggle-off:before {
  content: "\f0f7"; }

.icofont-toggle-on:before {
  content: "\f0f8"; }

.icofont-tools:before {
  content: "\f0f9"; }

.icofont-transparent:before {
  content: "\f0fa"; }

.icofont-tree:before {
  content: "\f0fb"; }

.icofont-umbrella:before {
  content: "\f0fc"; }

.icofont-unlock:before {
  content: "\f0fd"; }

.icofont-unlocked:before {
  content: "\f0fe"; }

.icofont-upload-alt:before {
  content: "\f0ff"; }

.icofont-upload:before {
  content: "\f100"; }

.icofont-usb-drive:before {
  content: "\f101"; }

.icofont-usb:before {
  content: "\f102"; }

.icofont-vector-path:before {
  content: "\f103"; }

.icofont-verification-check:before {
  content: "\f104"; }

.icofont-video-clapper:before {
  content: "\f105"; }

.icofont-video:before {
  content: "\f106"; }

.icofont-volume-down:before {
  content: "\f107"; }

.icofont-volume-off:before {
  content: "\f108"; }

.icofont-volume-up:before {
  content: "\f109"; }

.icofont-wall-clock:before {
  content: "\f10a"; }

.icofont-wall:before {
  content: "\f10b"; }

.icofont-wallet:before {
  content: "\f10c"; }

.icofont-warning-alt:before {
  content: "\f10d"; }

.icofont-warning:before {
  content: "\f10e"; }

.icofont-water-drop:before {
  content: "\f10f"; }

.icofont-web:before {
  content: "\f110"; }

.icofont-wheelchair:before {
  content: "\f111"; }

.icofont-wifi-alt:before {
  content: "\f112"; }

.icofont-wifi:before {
  content: "\f113"; }

.icofont-world:before {
  content: "\f114"; }

.icofont-zigzag:before {
  content: "\f115"; }

.icofont-zipped:before {
  content: "\f116"; }

.icofont-social-500px:before {
  content: "\f117"; }

.icofont-social-baidu-tieba:before {
  content: "\f118"; }

.icofont-social-bbm-messenger:before {
  content: "\f119"; }

.icofont-social-delicious:before {
  content: "\f11a"; }

.icofont-social-dribbble:before {
  content: "\f11b"; }

.icofont-social-facebook-messenger:before {
  content: "\f11c"; }

.icofont-social-flikr:before {
  content: "\f11d"; }

.icofont-social-foursquare:before {
  content: "\f11e"; }

.icofont-social-google-hangouts:before {
  content: "\f11f"; }

.icofont-social-kakaotalk:before {
  content: "\f120"; }

.icofont-social-kik:before {
  content: "\f121"; }

.icofont-social-kiwibox:before {
  content: "\f122"; }

.icofont-social-linkedin:before {
  content: "\f123"; }

.icofont-social-meetme:before {
  content: "\f124"; }

.icofont-social-odnoklassniki:before {
  content: "\f125"; }

.icofont-social-photobucket:before {
  content: "\f126"; }

.icofont-social-qq:before {
  content: "\f127"; }

.icofont-social-renren:before {
  content: "\f128"; }

.icofont-social-slack:before {
  content: "\f129"; }

.icofont-social-slidshare:before {
  content: "\f12a"; }

.icofont-social-snapchat:before {
  content: "\f12b"; }

.icofont-social-soundcloud:before {
  content: "\f12c"; }

.icofont-social-spotify:before {
  content: "\f12d"; }

.icofont-social-stack-exchange:before {
  content: "\f12e"; }

.icofont-social-stack-overflow:before {
  content: "\f12f"; }

.icofont-social-tagged:before {
  content: "\f130"; }

.icofont-social-trello:before {
  content: "\f131"; }

.icofont-social-twitch:before {
  content: "\f132"; }

.icofont-social-vk:before {
  content: "\f133"; }

.icofont-social-weibo:before {
  content: "\f134"; }

.icofont-social-whatsapp:before {
  content: "\f135"; }

.icofont-social-youku:before {
  content: "\f136"; }

.icofont-social-youtube-play:before {
  content: "\f137"; }

.icofont-social-youtube:before {
  content: "\f138"; }

.icofont-brand-xiaomi:before {
  content: "\f139"; }

/*Font size*/
.icofont-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.icofont-2x {
  font-size: 2em; }

.icofont-3x {
  font-size: 3em; }

.icofont-4x {
  font-size: 4em; }

.icofont-5x {
  font-size: 5em; }

.icofont-fw {
  display: inline-block;
  width: 1.28571429em;
  text-align: center;
  width: 1.28571429em;
  text-align: center; }

/*Fixed Width Icons*/
/*Custom list icons*/
.icofont-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none; }

.icofont-ul > li {
  position: relative; }

.icofont-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center; }

/*Animation*/
.icofont-rotate {
  display: inline-block;
  -webkit-animation: icofont-rotate 2s infinite linear;
  animation: icofont-rotate 2s infinite linear; }

@-webkit-keyframes icofont-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes icofont-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "themify";
  src: "/images/fonts/admin/themify/themify.eot?-fvbane";
  src: "/assets/fonts/themify/themify-f1ba2ff6b8910c974fe48b17a80843b8b19ac6e6ae08d68bd27df2259ce6c658.eot?#iefix-fvbane" format("embedded-opentype"), "/assets/fonts/themify/themify-efcb3c913adebf3e17d241a55cab2c25f0ff6fbd217d1ae4c29e7c84952a404b.woff?-fvbane" format("woff"), "/assets/fonts/themify/themify-67c745cef69ad6303b7cf19bd616a48401e7bb8e1e1d9de050c7d6622c56fcb5.ttf?-fvbane" format("truetype"), "/assets/fonts/themify/themify-65e509ce3dede84abcba9340e383d7188b5fd05d30a7558ad4b7bc2c8d8d1118.svg?-fvbane#themify" format("svg");
  font-weight: normal;
  font-style: normal; }

[class^=icon-],
[class*=" icon-"] {
  font-family: "themify";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  *margin-right: 0.3em; }

[class^=icon-]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none; }

/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.3333333333em; }

/* makes sure icons active on rollover in links */
a [class^=icon-],
a [class*=" icon-"] {
  display: inline; }

/* increased font size for icon-large */
.icon-fixed-width[class^=icon-],
.icon-fixed-width[class*=" icon-"] {
  display: inline-block;
  width: 1.1428571429em;
  text-align: right;
  padding-right: 0.2857142857em; }

.icon-fixed-width.icon-large[class^=icon-],
.icon-fixed-width.icon-large[class*=" icon-"] {
  width: 1.4285714286em; }

.icons-ul {
  margin-left: 2.1428571429em;
  list-style-type: none; }

.icons-ul > li {
  position: relative; }

.icons-ul .icon-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  text-align: center;
  line-height: inherit; }

.hide[class^=icon-],
.hide[class*=" icon-"] {
  display: none; }

.icon-muted {
  color: #eeeeee; }

.icon-light {
  color: white; }

.icon-dark {
  color: #333333; }

.icon-border {
  border: solid 1px #eeeeee;
  padding: 0.2em 0.25em 0.15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.icon-2x {
  font-size: 2em; }

.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.icon-3x {
  font-size: 3em; }

.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.icon-4x {
  font-size: 4em; }

.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.icon-5x {
  font-size: 5em; }

.icon-5x.icon-border {
  border-width: 5px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.pull-left[class^=icon-],
.pull-left[class*=" icon-"] {
  margin-right: 0.3em; }

.pull-right[class^=icon-],
.pull-right[class*=" icon-"] {
  margin-left: 0.3em; }

/* EXTRAS
 * -------------------------- */
/* Stacked and layered icon */
.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: -35%; }

.icon-stack [class^=icon-],
.icon-stack [class*=" icon-"] {
  display: block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 1em;
  line-height: inherit;
  *line-height: 2em; }

.icon-stack .icon-stack-base {
  font-size: 2em;
  *line-height: 1em; }

/* Animated rotating icon */
.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear; }

/* Prevent stack and spinners from being taken inline when inside a link */
a .icon-stack,
a .icon-spin {
  display: inline-block;
  text-decoration: none; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

/* Icon rotations and mirroring */
.icon-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }

.icon-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }

.icon-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }

.icon-flip-horizontal:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.icon-flip-vertical:before {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1); }

/* ensure rotation occurs inside anchor tags */
a .icon-rotate-90:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-flip-horizontal:before, a .icon-flip-vertical:before {
  display: inline-block; }

.icon-wand:before {
  content: "\e600"; }

.icon-volume:before {
  content: "\e601"; }

.icon-user:before {
  content: "\e602"; }

.icon-unlock:before {
  content: "\e603"; }

.icon-unlink:before {
  content: "\e604"; }

.icon-trash:before {
  content: "\e605"; }

.icon-thought:before {
  content: "\e606"; }

.icon-target:before {
  content: "\e607"; }

.icon-tag:before {
  content: "\e608"; }

.icon-tablet:before {
  content: "\e609"; }

.icon-star:before {
  content: "\e60a"; }

.icon-spray:before {
  content: "\e60b"; }

.icon-signal:before {
  content: "\e60c"; }

.icon-shopping-cart:before {
  content: "\e60d"; }

.icon-shopping-cart-full:before {
  content: "\e60e"; }

.icon-settings:before {
  content: "\e60f"; }

.icon-search:before {
  content: "\e610"; }

.icon-zoom-in:before {
  content: "\e611"; }

.icon-zoom-out:before {
  content: "\e612"; }

.icon-cut:before {
  content: "\e613"; }

.icon-ruler:before {
  content: "\e614"; }

.icon-ruler-pencil:before {
  content: "\e615"; }

.icon-ruler-alt:before {
  content: "\e616"; }

.icon-bookmark:before {
  content: "\e617"; }

.icon-bookmark-alt:before {
  content: "\e618"; }

.icon-reload:before {
  content: "\e619"; }

.icon-plus:before {
  content: "\e61a"; }

.icon-pin:before {
  content: "\e61b"; }

.icon-pencil:before {
  content: "\e61c"; }

.icon-pencil-alt:before {
  content: "\e61d"; }

.icon-paint-roller:before {
  content: "\e61e"; }

.icon-paint-bucket:before {
  content: "\e61f"; }

.icon-na:before {
  content: "\e620"; }

.icon-mobile:before {
  content: "\e621"; }

.icon-minus:before {
  content: "\e622"; }

.icon-medall:before {
  content: "\e623"; }

.icon-medall-alt:before {
  content: "\e624"; }

.icon-marker:before {
  content: "\e625"; }

.icon-marker-alt:before {
  content: "\e626"; }

.icon-arrow-up:before {
  content: "\e627"; }

.icon-arrow-right:before {
  content: "\e628"; }

.icon-arrow-left:before {
  content: "\e629"; }

.icon-arrow-down:before {
  content: "\e62a"; }

.icon-lock:before {
  content: "\e62b"; }

.icon-location-arrow:before {
  content: "\e62c"; }

.icon-link:before {
  content: "\e62d"; }

.icon-layout:before {
  content: "\e62e"; }

.icon-layers:before {
  content: "\e62f"; }

.icon-layers-alt:before {
  content: "\e630"; }

.icon-key:before {
  content: "\e631"; }

.icon-import:before {
  content: "\e632"; }

.icon-image:before {
  content: "\e633"; }

.icon-heart:before {
  content: "\e634"; }

.icon-heart-broken:before {
  content: "\e635"; }

.icon-hand-stop:before {
  content: "\e636"; }

.icon-hand-open:before {
  content: "\e637"; }

.icon-hand-drag:before {
  content: "\e638"; }

.icon-folder:before {
  content: "\e639"; }

.icon-flag:before {
  content: "\e63a"; }

.icon-flag-alt:before {
  content: "\e63b"; }

.icon-flag-alt-2:before {
  content: "\e63c"; }

.icon-eye:before {
  content: "\e63d"; }

.icon-export:before {
  content: "\e63e"; }

.icon-exchange-vertical:before {
  content: "\e63f"; }

.icon-desktop:before {
  content: "\e640"; }

.icon-cup:before {
  content: "\e641"; }

.icon-crown:before {
  content: "\e642"; }

.icon-comments:before {
  content: "\e643"; }

.icon-comment:before {
  content: "\e644"; }

.icon-comment-alt:before {
  content: "\e645"; }

.icon-close:before {
  content: "\e646"; }

.icon-clip:before {
  content: "\e647"; }

.icon-angle-up:before {
  content: "\e648"; }

.icon-angle-right:before {
  content: "\e649"; }

.icon-angle-left:before {
  content: "\e64a"; }

.icon-angle-down:before {
  content: "\e64b"; }

.icon-check:before {
  content: "\e64c"; }

.icon-check-box:before {
  content: "\e64d"; }

.icon-camera:before {
  content: "\e64e"; }

.icon-announcement:before {
  content: "\e64f"; }

.icon-brush:before {
  content: "\e650"; }

.icon-briefcase:before {
  content: "\e651"; }

.icon-bolt:before {
  content: "\e652"; }

.icon-bolt-alt:before {
  content: "\e653"; }

.icon-blackboard:before {
  content: "\e654"; }

.icon-bag:before {
  content: "\e655"; }

.icon-move:before {
  content: "\e656"; }

.icon-arrows-vertical:before {
  content: "\e657"; }

.icon-arrows-horizontal:before {
  content: "\e658"; }

.icon-fullscreen:before {
  content: "\e659"; }

.icon-arrow-top-right:before {
  content: "\e65a"; }

.icon-arrow-top-left:before {
  content: "\e65b"; }

.icon-arrow-circle-up:before {
  content: "\e65c"; }

.icon-arrow-circle-right:before {
  content: "\e65d"; }

.icon-arrow-circle-left:before {
  content: "\e65e"; }

.icon-arrow-circle-down:before {
  content: "\e65f"; }

.icon-angle-double-up:before {
  content: "\e660"; }

.icon-angle-double-right:before {
  content: "\e661"; }

.icon-angle-double-left:before {
  content: "\e662"; }

.icon-angle-double-down:before {
  content: "\e663"; }

.icon-zip:before {
  content: "\e664"; }

.icon-world:before {
  content: "\e665"; }

.icon-wheelchair:before {
  content: "\e666"; }

.icon-view-list:before {
  content: "\e667"; }

.icon-view-list-alt:before {
  content: "\e668"; }

.icon-view-grid:before {
  content: "\e669"; }

.icon-uppercase:before {
  content: "\e66a"; }

.icon-upload:before {
  content: "\e66b"; }

.icon-underline:before {
  content: "\e66c"; }

.icon-truck:before {
  content: "\e66d"; }

.icon-timer:before {
  content: "\e66e"; }

.icon-ticket:before {
  content: "\e66f"; }

.icon-thumb-up:before {
  content: "\e670"; }

.icon-thumb-down:before {
  content: "\e671"; }

.icon-text:before {
  content: "\e672"; }

.icon-stats-up:before {
  content: "\e673"; }

.icon-stats-down:before {
  content: "\e674"; }

.icon-split-v:before {
  content: "\e675"; }

.icon-split-h:before {
  content: "\e676"; }

.icon-smallcap:before {
  content: "\e677"; }

.icon-shine:before {
  content: "\e678"; }

.icon-shift-right:before {
  content: "\e679"; }

.icon-shift-left:before {
  content: "\e67a"; }

.icon-shield:before {
  content: "\e67b"; }

.icon-notepad:before {
  content: "\e67c"; }

.icon-server:before {
  content: "\e67d"; }

.icon-quote-right:before {
  content: "\e67e"; }

.icon-quote-left:before {
  content: "\e67f"; }

.icon-pulse:before {
  content: "\e680"; }

.icon-printer:before {
  content: "\e681"; }

.icon-power-off:before {
  content: "\e682"; }

.icon-plug:before {
  content: "\e683"; }

.icon-pie-chart:before {
  content: "\e684"; }

.icon-paragraph:before {
  content: "\e685"; }

.icon-panel:before {
  content: "\e686"; }

.icon-package:before {
  content: "\e687"; }

.icon-music:before {
  content: "\e688"; }

.icon-music-alt:before {
  content: "\e689"; }

.icon-mouse:before {
  content: "\e68a"; }

.icon-mouse-alt:before {
  content: "\e68b"; }

.icon-money:before {
  content: "\e68c"; }

.icon-microphone:before {
  content: "\e68d"; }

.icon-menu:before {
  content: "\e68e"; }

.icon-menu-alt:before {
  content: "\e68f"; }

.icon-map:before {
  content: "\e690"; }

.icon-map-alt:before {
  content: "\e691"; }

.icon-loop:before {
  content: "\e692"; }

.icon-location-pin:before {
  content: "\e693"; }

.icon-list:before {
  content: "\e694"; }

.icon-light-bulb:before {
  content: "\e695"; }

.icon-Italic:before {
  content: "\e696"; }

.icon-info:before {
  content: "\e697"; }

.icon-infinite:before {
  content: "\e698"; }

.icon-id-badge:before {
  content: "\e699"; }

.icon-hummer:before {
  content: "\e69a"; }

.icon-home:before {
  content: "\e69b"; }

.icon-help:before {
  content: "\e69c"; }

.icon-headphone:before {
  content: "\e69d"; }

.icon-harddrives:before {
  content: "\e69e"; }

.icon-harddrive:before {
  content: "\e69f"; }

.icon-gift:before {
  content: "\e6a0"; }

.icon-game:before {
  content: "\e6a1"; }

.icon-filter:before {
  content: "\e6a2"; }

.icon-files:before {
  content: "\e6a3"; }

.icon-file:before {
  content: "\e6a4"; }

.icon-eraser:before {
  content: "\e6a5"; }

.icon-envelope:before {
  content: "\e6a6"; }

.icon-download:before {
  content: "\e6a7"; }

.icon-direction:before {
  content: "\e6a8"; }

.icon-direction-alt:before {
  content: "\e6a9"; }

.icon-dashboard:before {
  content: "\e6aa"; }

.icon-control-stop:before {
  content: "\e6ab"; }

.icon-control-shuffle:before {
  content: "\e6ac"; }

.icon-control-play:before {
  content: "\e6ad"; }

.icon-control-pause:before {
  content: "\e6ae"; }

.icon-control-forward:before {
  content: "\e6af"; }

.icon-control-backward:before {
  content: "\e6b0"; }

.icon-cloud:before {
  content: "\e6b1"; }

.icon-cloud-up:before {
  content: "\e6b2"; }

.icon-cloud-down:before {
  content: "\e6b3"; }

.icon-clipboard:before {
  content: "\e6b4"; }

.icon-car:before {
  content: "\e6b5"; }

.icon-calendar:before {
  content: "\e6b6"; }

.icon-book:before {
  content: "\e6b7"; }

.icon-bell:before {
  content: "\e6b8"; }

.icon-basketball:before {
  content: "\e6b9"; }

.icon-bar-chart:before {
  content: "\e6ba"; }

.icon-bar-chart-alt:before {
  content: "\e6bb"; }

.icon-back-right:before {
  content: "\e6bc"; }

.icon-back-left:before {
  content: "\e6bd"; }

.icon-arrows-corner:before {
  content: "\e6be"; }

.icon-archive:before {
  content: "\e6bf"; }

.icon-anchor:before {
  content: "\e6c0"; }

.icon-align-right:before {
  content: "\e6c1"; }

.icon-align-left:before {
  content: "\e6c2"; }

.icon-align-justify:before {
  content: "\e6c3"; }

.icon-align-center:before {
  content: "\e6c4"; }

.icon-alert:before {
  content: "\e6c5"; }

.icon-alarm-clock:before {
  content: "\e6c6"; }

.icon-agenda:before {
  content: "\e6c7"; }

.icon-write:before {
  content: "\e6c8"; }

.icon-window:before {
  content: "\e6c9"; }

.icon-widgetized:before {
  content: "\e6ca"; }

.icon-widget:before {
  content: "\e6cb"; }

.icon-widget-alt:before {
  content: "\e6cc"; }

.icon-wallet:before {
  content: "\e6cd"; }

.icon-video-clapper:before {
  content: "\e6ce"; }

.icon-video-camera:before {
  content: "\e6cf"; }

.icon-vector:before {
  content: "\e6d0"; }

.icon-themify-logo:before {
  content: "\e6d1"; }

.icon-themify-favicon:before {
  content: "\e6d2"; }

.icon-themify-favicon-alt:before {
  content: "\e6d3"; }

.icon-support:before {
  content: "\e6d4"; }

.icon-stamp:before {
  content: "\e6d5"; }

.icon-split-v-alt:before {
  content: "\e6d6"; }

.icon-slice:before {
  content: "\e6d7"; }

.icon-shortcode:before {
  content: "\e6d8"; }

.icon-shift-right-alt:before {
  content: "\e6d9"; }

.icon-shift-left-alt:before {
  content: "\e6da"; }

.icon-ruler-alt-2:before {
  content: "\e6db"; }

.icon-receipt:before {
  content: "\e6dc"; }

.icon-pin2:before {
  content: "\e6dd"; }

.icon-pin-alt:before {
  content: "\e6de"; }

.icon-pencil-alt2:before {
  content: "\e6df"; }

.icon-palette:before {
  content: "\e6e0"; }

.icon-more:before {
  content: "\e6e1"; }

.icon-more-alt:before {
  content: "\e6e2"; }

.icon-microphone-alt:before {
  content: "\e6e3"; }

.icon-magnet:before {
  content: "\e6e4"; }

.icon-line-double:before {
  content: "\e6e5"; }

.icon-line-dotted:before {
  content: "\e6e6"; }

.icon-line-dashed:before {
  content: "\e6e7"; }

.icon-layout-width-full:before {
  content: "\e6e8"; }

.icon-layout-width-default:before {
  content: "\e6e9"; }

.icon-layout-width-default-alt:before {
  content: "\e6ea"; }

.icon-layout-tab:before {
  content: "\e6eb"; }

.icon-layout-tab-window:before {
  content: "\e6ec"; }

.icon-layout-tab-v:before {
  content: "\e6ed"; }

.icon-layout-tab-min:before {
  content: "\e6ee"; }

.icon-layout-slider:before {
  content: "\e6ef"; }

.icon-layout-slider-alt:before {
  content: "\e6f0"; }

.icon-layout-sidebar-right:before {
  content: "\e6f1"; }

.icon-layout-sidebar-none:before {
  content: "\e6f2"; }

.icon-layout-sidebar-left:before {
  content: "\e6f3"; }

.icon-layout-placeholder:before {
  content: "\e6f4"; }

.icon-layout-menu:before {
  content: "\e6f5"; }

.icon-layout-menu-v:before {
  content: "\e6f6"; }

.icon-layout-menu-separated:before {
  content: "\e6f7"; }

.icon-layout-menu-full:before {
  content: "\e6f8"; }

.icon-layout-media-right-alt:before {
  content: "\e6f9"; }

.icon-layout-media-right:before {
  content: "\e6fa"; }

.icon-layout-media-overlay:before {
  content: "\e6fb"; }

.icon-layout-media-overlay-alt:before {
  content: "\e6fc"; }

.icon-layout-media-overlay-alt-2:before {
  content: "\e6fd"; }

.icon-layout-media-left-alt:before {
  content: "\e6fe"; }

.icon-layout-media-left:before {
  content: "\e6ff"; }

.icon-layout-media-center-alt:before {
  content: "\e700"; }

.icon-layout-media-center:before {
  content: "\e701"; }

.icon-layout-list-thumb:before {
  content: "\e702"; }

.icon-layout-list-thumb-alt:before {
  content: "\e703"; }

.icon-layout-list-post:before {
  content: "\e704"; }

.icon-layout-list-large-image:before {
  content: "\e705"; }

.icon-layout-line-solid:before {
  content: "\e706"; }

.icon-layout-grid4:before {
  content: "\e707"; }

.icon-layout-grid3:before {
  content: "\e708"; }

.icon-layout-grid2:before {
  content: "\e709"; }

.icon-layout-grid2-thumb:before {
  content: "\e70a"; }

.icon-layout-cta-right:before {
  content: "\e70b"; }

.icon-layout-cta-left:before {
  content: "\e70c"; }

.icon-layout-cta-center:before {
  content: "\e70d"; }

.icon-layout-cta-btn-right:before {
  content: "\e70e"; }

.icon-layout-cta-btn-left:before {
  content: "\e70f"; }

.icon-layout-column4:before {
  content: "\e710"; }

.icon-layout-column3:before {
  content: "\e711"; }

.icon-layout-column2:before {
  content: "\e712"; }

.icon-layout-accordion-separated:before {
  content: "\e713"; }

.icon-layout-accordion-merged:before {
  content: "\e714"; }

.icon-layout-accordion-list:before {
  content: "\e715"; }

.icon-ink-pen:before {
  content: "\e716"; }

.icon-info-alt:before {
  content: "\e717"; }

.icon-help-alt:before {
  content: "\e718"; }

.icon-headphone-alt:before {
  content: "\e719"; }

.icon-hand-point-up:before {
  content: "\e71a"; }

.icon-hand-point-right:before {
  content: "\e71b"; }

.icon-hand-point-left:before {
  content: "\e71c"; }

.icon-hand-point-down:before {
  content: "\e71d"; }

.icon-gallery:before {
  content: "\e71e"; }

.icon-face-smile:before {
  content: "\e71f"; }

.icon-face-sad:before {
  content: "\e720"; }

.icon-credit-card:before {
  content: "\e721"; }

.icon-control-skip-forward:before {
  content: "\e722"; }

.icon-control-skip-backward:before {
  content: "\e723"; }

.icon-control-record:before {
  content: "\e724"; }

.icon-control-eject:before {
  content: "\e725"; }

.icon-comments-smiley:before {
  content: "\e726"; }

.icon-brush-alt:before {
  content: "\e727"; }

.icon-youtube:before {
  content: "\e728"; }

.icon-vimeo:before {
  content: "\e729"; }

.icon-twitter:before {
  content: "\e72a"; }

.icon-time:before {
  content: "\e72b"; }

.icon-tumblr:before {
  content: "\e72c"; }

.icon-skype:before {
  content: "\e72d"; }

.icon-share:before {
  content: "\e72e"; }

.icon-share-alt:before {
  content: "\e72f"; }

.icon-rocket:before {
  content: "\e730"; }

.icon-pinterest:before {
  content: "\e731"; }

.icon-new-window:before {
  content: "\e732"; }

.icon-microsoft:before {
  content: "\e733"; }

.icon-list-ol:before {
  content: "\e734"; }

.icon-linkedin:before {
  content: "\e735"; }

.icon-layout-sidebar-2:before {
  content: "\e736"; }

.icon-layout-grid4-alt:before {
  content: "\e737"; }

.icon-layout-grid3-alt:before {
  content: "\e738"; }

.icon-layout-grid2-alt:before {
  content: "\e739"; }

.icon-layout-column4-alt:before {
  content: "\e73a"; }

.icon-layout-column3-alt:before {
  content: "\e73b"; }

.icon-layout-column2-alt:before {
  content: "\e73c"; }

.icon-instagram:before {
  content: "\e73d"; }

.icon-google:before {
  content: "\e73e"; }

.icon-github:before {
  content: "\e73f"; }

.icon-flickr:before {
  content: "\e740"; }

.icon-facebook:before {
  content: "\e741"; }

.icon-dropbox:before {
  content: "\e742"; }

.icon-dribbble:before {
  content: "\e743"; }

.icon-apple:before {
  content: "\e744"; }

.icon-android:before {
  content: "\e745"; }

.icon-save:before {
  content: "\e746"; }

.icon-save-alt:before {
  content: "\e747"; }

.icon-yahoo:before {
  content: "\e748"; }

.icon-wordpress:before {
  content: "\e749"; }

.icon-vimeo-alt:before {
  content: "\e74a"; }

.icon-twitter-alt:before {
  content: "\e74b"; }

.icon-tumblr-alt:before {
  content: "\e74c"; }

.icon-trello:before {
  content: "\e74d"; }

.icon-stack-overflow:before {
  content: "\e74e"; }

.icon-soundcloud:before {
  content: "\e74f"; }

.icon-sharethis:before {
  content: "\e750"; }

.icon-sharethis-alt:before {
  content: "\e751"; }

.icon-reddit:before {
  content: "\e752"; }

.icon-pinterest-alt:before {
  content: "\e753"; }

.icon-microsoft-alt:before {
  content: "\e754"; }

.icon-linux:before {
  content: "\e755"; }

.icon-jsfiddle:before {
  content: "\e756"; }

.icon-joomla:before {
  content: "\e757"; }

.icon-html5:before {
  content: "\e758"; }

.icon-flickr-alt:before {
  content: "\e759"; }

.icon-email:before {
  content: "\e75a"; }

.icon-drupal:before {
  content: "\e75b"; }

.icon-dropbox-alt:before {
  content: "\e75c"; }

.icon-css3:before {
  content: "\e75d"; }

.icon-rss:before {
  content: "\e75e"; }

.icon-rss-alt:before {
  content: "\e75f"; }

.flag-icon-background, .flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat; }

.flag-icon {
  position: relative;
  display: inline-block;
  width: 1.3333333333em;
  line-height: 1em; }

.flag-icon:before {
  content: " "; }

.flag-icon.flag-icon-squared {
  width: 1em; }

.flag-icon-es-ct {
  background-image: url(/../../fonts/flag-icon/es-ct.svg); }

.flag-icon-es-ct.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/es-ct.svg); }

.flag-icon-eu {
  background-image: url(/../../fonts/flag-icon/eu.svg); }

.flag-icon-eu.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/eu.svg); }

.flag-icon-gb-eng {
  background-image: url(/../../fonts/flag-icon/gb-eng.svg); }

.flag-icon-gb-eng.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/gb-eng.svg); }

.flag-icon-gb-nir {
  background-image: url(/../../fonts/flag-icon/gb-nir.svg); }

.flag-icon-gb-nir.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/gb-nir.svg); }

.flag-icon-gb-sct {
  background-image: url(/../../fonts/flag-icon/gb-sct.svg); }

.flag-icon-gb-sct.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/gb-sct.svg); }

.flag-icon-gb-wls {
  background-image: url(/../../fonts/flag-icon/gb-wls.svg); }

.flag-icon-gb-wls.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/gb-wls.svg); }

.flag-icon-un {
  background-image: url(/../../fonts/flag-icon/un.svg); }

.flag-icon-un.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/un.svg); }

.flag-icon-ad {
  background-image: url(/../../fonts/flag-icon/ad.svg); }

.flag-icon-ad.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ad.svg); }

.flag-icon-ae {
  background-image: url(/../../fonts/flag-icon/ae.svg); }

.flag-icon-ae.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ae.svg); }

.flag-icon-af {
  background-image: url(/../../fonts/flag-icon/af.svg); }

.flag-icon-af.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/af.svg); }

.flag-icon-ag {
  background-image: url(/../../fonts/flag-icon/ag.svg); }

.flag-icon-ag.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ag.svg); }

.flag-icon-ai {
  background-image: url(/../../fonts/flag-icon/ai.svg); }

.flag-icon-ai.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ai.svg); }

.flag-icon-al {
  background-image: url(/../../fonts/flag-icon/al.svg); }

.flag-icon-al.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/al.svg); }

.flag-icon-am {
  background-image: url(/../../fonts/flag-icon/am.svg); }

.flag-icon-am.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/am.svg); }

.flag-icon-ao {
  background-image: url(/../../fonts/flag-icon/ao.svg); }

.flag-icon-ao.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ao.svg); }

.flag-icon-aq {
  background-image: url(/../../fonts/flag-icon/aq.svg); }

.flag-icon-aq.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/aq.svg); }

.flag-icon-ar {
  background-image: url(/../../fonts/flag-icon/ar.svg); }

.flag-icon-ar.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ar.svg); }

.flag-icon-as {
  background-image: url(/../../fonts/flag-icon/as.svg); }

.flag-icon-as.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/as.svg); }

.flag-icon-at {
  background-image: url(/../../fonts/flag-icon/at.svg); }

.flag-icon-at.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/at.svg); }

.flag-icon-au {
  background-image: url(/../../fonts/flag-icon/au.svg); }

.flag-icon-au.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/au.svg); }

.flag-icon-aw {
  background-image: url(/../../fonts/flag-icon/aw.svg); }

.flag-icon-aw.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/aw.svg); }

.flag-icon-ax {
  background-image: url(/../../fonts/flag-icon/ax.svg); }

.flag-icon-ax.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ax.svg); }

.flag-icon-az {
  background-image: url(/../../fonts/flag-icon/az.svg); }

.flag-icon-az.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/az.svg); }

.flag-icon-ba {
  background-image: url(/../../fonts/flag-icon/ba.svg); }

.flag-icon-ba.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ba.svg); }

.flag-icon-bb {
  background-image: url(/../../fonts/flag-icon/bb.svg); }

.flag-icon-bb.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/bb.svg); }

.flag-icon-bd {
  background-image: url(/../../fonts/flag-icon/bd.svg); }

.flag-icon-bd.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/bd.svg); }

.flag-icon-be {
  background-image: url(/../../fonts/flag-icon/be.svg); }

.flag-icon-be.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/be.svg); }

.flag-icon-bf {
  background-image: url(/../../fonts/flag-icon/bf.svg); }

.flag-icon-bf.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/bf.svg); }

.flag-icon-bg {
  background-image: url(/../../fonts/flag-icon/bg.svg); }

.flag-icon-bg.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/bg.svg); }

.flag-icon-bh {
  background-image: url(/../../fonts/flag-icon/bh.svg); }

.flag-icon-bh.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/bh.svg); }

.flag-icon-bi {
  background-image: url(/../../fonts/flag-icon/bi.svg); }

.flag-icon-bi.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/bi.svg); }

.flag-icon-bj {
  background-image: url(/../../fonts/flag-icon/bj.svg); }

.flag-icon-bj.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/bj.svg); }

.flag-icon-bl {
  background-image: url(/../../fonts/flag-icon/bl.svg); }

.flag-icon-bl.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/bl.svg); }

.flag-icon-bm {
  background-image: url(/../../fonts/flag-icon/bm.svg); }

.flag-icon-bm.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/bm.svg); }

.flag-icon-bn {
  background-image: url(/../../fonts/flag-icon/bn.svg); }

.flag-icon-bn.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/bn.svg); }

.flag-icon-bo {
  background-image: url(/../../fonts/flag-icon/bo.svg); }

.flag-icon-bo.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/bo.svg); }

.flag-icon-bq {
  background-image: url(/../../fonts/flag-icon/bq.svg); }

.flag-icon-bq.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/bq.svg); }

.flag-icon-br {
  background-image: url(/../../fonts/flag-icon/br.svg); }

.flag-icon-br.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/br.svg); }

.flag-icon-bs {
  background-image: url(/../../fonts/flag-icon/bs.svg); }

.flag-icon-bs.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/bs.svg); }

.flag-icon-bt {
  background-image: url(/../../fonts/flag-icon/bt.svg); }

.flag-icon-bt.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/bt.svg); }

.flag-icon-bv {
  background-image: url(/../../fonts/flag-icon/bv.svg); }

.flag-icon-bv.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/bv.svg); }

.flag-icon-bw {
  background-image: url(/../../fonts/flag-icon/bw.svg); }

.flag-icon-bw.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/bw.svg); }

.flag-icon-by {
  background-image: url(/../../fonts/flag-icon/by.svg); }

.flag-icon-by.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/by.svg); }

.flag-icon-bz {
  background-image: url(/../../fonts/flag-icon/bz.svg); }

.flag-icon-bz.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/bz.svg); }

.flag-icon-ca {
  background-image: url(/../../fonts/flag-icon/ca.svg); }

.flag-icon-ca.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ca.svg); }

.flag-icon-cc {
  background-image: url(/../../fonts/flag-icon/cc.svg); }

.flag-icon-cc.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/cc.svg); }

.flag-icon-cd {
  background-image: url(/../../fonts/flag-icon/cd.svg); }

.flag-icon-cd.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/cd.svg); }

.flag-icon-cf {
  background-image: url(/../../fonts/flag-icon/cf.svg); }

.flag-icon-cf.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/cf.svg); }

.flag-icon-cg {
  background-image: url(/../../fonts/flag-icon/cg.svg); }

.flag-icon-cg.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/cg.svg); }

.flag-icon-ch {
  background-image: url(/../../fonts/flag-icon/ch.svg); }

.flag-icon-ch.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ch.svg); }

.flag-icon-ci {
  background-image: url(/../../fonts/flag-icon/ci.svg); }

.flag-icon-ci.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ci.svg); }

.flag-icon-ck {
  background-image: url(/../../fonts/flag-icon/ck.svg); }

.flag-icon-ck.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ck.svg); }

.flag-icon-cl {
  background-image: url(/../../fonts/flag-icon/cl.svg); }

.flag-icon-cl.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/cl.svg); }

.flag-icon-cm {
  background-image: url(/../../fonts/flag-icon/cm.svg); }

.flag-icon-cm.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/cm.svg); }

.flag-icon-cn {
  background-image: url(/../../fonts/flag-icon/cn.svg); }

.flag-icon-cn.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/cn.svg); }

.flag-icon-co {
  background-image: url(/../../fonts/flag-icon/co.svg); }

.flag-icon-co.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/co.svg); }

.flag-icon-cr {
  background-image: url(/../../fonts/flag-icon/cr.svg); }

.flag-icon-cr.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/cr.svg); }

.flag-icon-cu {
  background-image: url(/../../fonts/flag-icon/cu.svg); }

.flag-icon-cu.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/cu.svg); }

.flag-icon-cv {
  background-image: url(/../../fonts/flag-icon/cv.svg); }

.flag-icon-cv.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/cv.svg); }

.flag-icon-cw {
  background-image: url(/../../fonts/flag-icon/cw.svg); }

.flag-icon-cw.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/cw.svg); }

.flag-icon-cx {
  background-image: url(/../../fonts/flag-icon/cx.svg); }

.flag-icon-cx.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/cx.svg); }

.flag-icon-cy {
  background-image: url(/../../fonts/flag-icon/cy.svg); }

.flag-icon-cy.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/cy.svg); }

.flag-icon-cz {
  background-image: url(/../../fonts/flag-icon/cz.svg); }

.flag-icon-cz.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/cz.svg); }

.flag-icon-de {
  background-image: url(/../../fonts/flag-icon/de.svg); }

.flag-icon-de.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/de.svg); }

.flag-icon-dj {
  background-image: url(/../../fonts/flag-icon/dj.svg); }

.flag-icon-dj.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/dj.svg); }

.flag-icon-dk {
  background-image: url(/../../fonts/flag-icon/dk.svg); }

.flag-icon-dk.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/dk.svg); }

.flag-icon-dm {
  background-image: url(/../../fonts/flag-icon/dm.svg); }

.flag-icon-dm.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/dm.svg); }

.flag-icon-do {
  background-image: url(/../../fonts/flag-icon/do.svg); }

.flag-icon-do.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/do.svg); }

.flag-icon-dz {
  background-image: url(/../../fonts/flag-icon/dz.svg); }

.flag-icon-dz.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/dz.svg); }

.flag-icon-ec {
  background-image: url(/../../fonts/flag-icon/ec.svg); }

.flag-icon-ec.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ec.svg); }

.flag-icon-ee {
  background-image: url(/../../fonts/flag-icon/ee.svg); }

.flag-icon-ee.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ee.svg); }

.flag-icon-eg {
  background-image: url(/../../fonts/flag-icon/eg.svg); }

.flag-icon-eg.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/eg.svg); }

.flag-icon-eh {
  background-image: url(/../../fonts/flag-icon/eh.svg); }

.flag-icon-eh.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/eh.svg); }

.flag-icon-er {
  background-image: url(/../../fonts/flag-icon/er.svg); }

.flag-icon-er.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/er.svg); }

.flag-icon-es {
  background-image: url(/../../fonts/flag-icon/es.svg); }

.flag-icon-es.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/es.svg); }

.flag-icon-et {
  background-image: url(/../../fonts/flag-icon/et.svg); }

.flag-icon-et.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/et.svg); }

.flag-icon-fi {
  background-image: url(/../../fonts/flag-icon/fi.svg); }

.flag-icon-fi.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/fi.svg); }

.flag-icon-fj {
  background-image: url(/../../fonts/flag-icon/fj.svg); }

.flag-icon-fj.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/fj.svg); }

.flag-icon-fk {
  background-image: url(/../../fonts/flag-icon/fk.svg); }

.flag-icon-fk.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/fk.svg); }

.flag-icon-fm {
  background-image: url(/../../fonts/flag-icon/fm.svg); }

.flag-icon-fm.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/fm.svg); }

.flag-icon-fo {
  background-image: url(/../../fonts/flag-icon/fo.svg); }

.flag-icon-fo.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/fo.svg); }

.flag-icon-fr {
  background-image: url(/../../fonts/flag-icon/fr.svg); }

.flag-icon-fr.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/fr.svg); }

.flag-icon-ga {
  background-image: url(/../../fonts/flag-icon/ga.svg); }

.flag-icon-ga.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ga.svg); }

.flag-icon-gb {
  background-image: url(/../../fonts/flag-icon/gb.svg); }

.flag-icon-gb.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/gb.svg); }

.flag-icon-gd {
  background-image: url(/../../fonts/flag-icon/gd.svg); }

.flag-icon-gd.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/gd.svg); }

.flag-icon-ge {
  background-image: url(/../../fonts/flag-icon/ge.svg); }

.flag-icon-ge.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ge.svg); }

.flag-icon-gf {
  background-image: url(/../../fonts/flag-icon/gf.svg); }

.flag-icon-gf.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/gf.svg); }

.flag-icon-gg {
  background-image: url(/../../fonts/flag-icon/gg.svg); }

.flag-icon-gg.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/gg.svg); }

.flag-icon-gh {
  background-image: url(/../../fonts/flag-icon/gh.svg); }

.flag-icon-gh.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/gh.svg); }

.flag-icon-gi {
  background-image: url(/../../fonts/flag-icon/gi.svg); }

.flag-icon-gi.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/gi.svg); }

.flag-icon-gl {
  background-image: url(/../../fonts/flag-icon/gl.svg); }

.flag-icon-gl.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/gl.svg); }

.flag-icon-gm {
  background-image: url(/../../fonts/flag-icon/gm.svg); }

.flag-icon-gm.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/gm.svg); }

.flag-icon-gn {
  background-image: url(/../../fonts/flag-icon/gn.svg); }

.flag-icon-gn.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/gn.svg); }

.flag-icon-gp {
  background-image: url(/../../fonts/flag-icon/gp.svg); }

.flag-icon-gp.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/gp.svg); }

.flag-icon-gq {
  background-image: url(/../../fonts/flag-icon/gq.svg); }

.flag-icon-gq.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/gq.svg); }

.flag-icon-gr {
  background-image: url(/../../fonts/flag-icon/gr.svg); }

.flag-icon-gr.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/gr.svg); }

.flag-icon-gs {
  background-image: url(/../../fonts/flag-icon/gs.svg); }

.flag-icon-gs.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/gs.svg); }

.flag-icon-gt {
  background-image: url(/../../fonts/flag-icon/gt.svg); }

.flag-icon-gt.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/gt.svg); }

.flag-icon-gu {
  background-image: url(/../../fonts/flag-icon/gu.svg); }

.flag-icon-gu.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/gu.svg); }

.flag-icon-gw {
  background-image: url(/../../fonts/flag-icon/gw.svg); }

.flag-icon-gw.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/gw.svg); }

.flag-icon-gy {
  background-image: url(/../../fonts/flag-icon/gy.svg); }

.flag-icon-gy.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/gy.svg); }

.flag-icon-hk {
  background-image: url(/../../fonts/flag-icon/hk.svg); }

.flag-icon-hk.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/hk.svg); }

.flag-icon-hm {
  background-image: url(/../../fonts/flag-icon/hm.svg); }

.flag-icon-hm.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/hm.svg); }

.flag-icon-hn {
  background-image: url(/../../fonts/flag-icon/hn.svg); }

.flag-icon-hn.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/hn.svg); }

.flag-icon-hr {
  background-image: url(/../../fonts/flag-icon/hr.svg); }

.flag-icon-hr.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/hr.svg); }

.flag-icon-ht {
  background-image: url(/../../fonts/flag-icon/ht.svg); }

.flag-icon-ht.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ht.svg); }

.flag-icon-hu {
  background-image: url(/../../fonts/flag-icon/hu.svg); }

.flag-icon-hu.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/hu.svg); }

.flag-icon-id {
  background-image: url(/../../fonts/flag-icon/id.svg); }

.flag-icon-id.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/id.svg); }

.flag-icon-ie {
  background-image: url(/../../fonts/flag-icon/ie.svg); }

.flag-icon-ie.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ie.svg); }

.flag-icon-il {
  background-image: url(/../../fonts/flag-icon/il.svg); }

.flag-icon-il.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/il.svg); }

.flag-icon-im {
  background-image: url(/../../fonts/flag-icon/im.svg); }

.flag-icon-im.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/im.svg); }

.flag-icon-in {
  background-image: url(/../../fonts/flag-icon/in.svg); }

.flag-icon-in.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/in.svg); }

.flag-icon-io {
  background-image: url(/../../fonts/flag-icon/io.svg); }

.flag-icon-io.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/io.svg); }

.flag-icon-iq {
  background-image: url(/../../fonts/flag-icon/iq.svg); }

.flag-icon-iq.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/iq.svg); }

.flag-icon-ir {
  background-image: url(/../../fonts/flag-icon/ir.svg); }

.flag-icon-ir.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ir.svg); }

.flag-icon-is {
  background-image: url(/../../fonts/flag-icon/is.svg); }

.flag-icon-is.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/is.svg); }

.flag-icon-it {
  background-image: url(/../../fonts/flag-icon/it.svg); }

.flag-icon-it.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/it.svg); }

.flag-icon-je {
  background-image: url(/../../fonts/flag-icon/je.svg); }

.flag-icon-je.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/je.svg); }

.flag-icon-jm {
  background-image: url(/../../fonts/flag-icon/jm.svg); }

.flag-icon-jm.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/jm.svg); }

.flag-icon-jo {
  background-image: url(/../../fonts/flag-icon/jo.svg); }

.flag-icon-jo.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/jo.svg); }

.flag-icon-jp {
  background-image: url(/../../fonts/flag-icon/jp.svg); }

.flag-icon-jp.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/jp.svg); }

.flag-icon-ke {
  background-image: url(/../../fonts/flag-icon/ke.svg); }

.flag-icon-ke.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ke.svg); }

.flag-icon-kg {
  background-image: url(/../../fonts/flag-icon/kg.svg); }

.flag-icon-kg.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/kg.svg); }

.flag-icon-kh {
  background-image: url(/../../fonts/flag-icon/kh.svg); }

.flag-icon-kh.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/kh.svg); }

.flag-icon-ki {
  background-image: url(/../../fonts/flag-icon/ki.svg); }

.flag-icon-ki.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ki.svg); }

.flag-icon-km {
  background-image: url(/../../fonts/flag-icon/km.svg); }

.flag-icon-km.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/km.svg); }

.flag-icon-kn {
  background-image: url(/../../fonts/flag-icon/kn.svg); }

.flag-icon-kn.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/kn.svg); }

.flag-icon-kp {
  background-image: url(/../../fonts/flag-icon/kp.svg); }

.flag-icon-kp.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/kp.svg); }

.flag-icon-kr {
  background-image: url(/../../fonts/flag-icon/kr.svg); }

.flag-icon-kr.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/kr.svg); }

.flag-icon-kw {
  background-image: url(/../../fonts/flag-icon/kw.svg); }

.flag-icon-kw.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/kw.svg); }

.flag-icon-ky {
  background-image: url(/../../fonts/flag-icon/ky.svg); }

.flag-icon-ky.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ky.svg); }

.flag-icon-kz {
  background-image: url(/../../fonts/flag-icon/kz.svg); }

.flag-icon-kz.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/kz.svg); }

.flag-icon-la {
  background-image: url(/../../fonts/flag-icon/la.svg); }

.flag-icon-la.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/la.svg); }

.flag-icon-lb {
  background-image: url(/../../fonts/flag-icon/lb.svg); }

.flag-icon-lb.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/lb.svg); }

.flag-icon-lc {
  background-image: url(/../../fonts/flag-icon/lc.svg); }

.flag-icon-lc.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/lc.svg); }

.flag-icon-li {
  background-image: url(/../../fonts/flag-icon/li.svg); }

.flag-icon-li.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/li.svg); }

.flag-icon-lk {
  background-image: url(/../../fonts/flag-icon/lk.svg); }

.flag-icon-lk.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/lk.svg); }

.flag-icon-lr {
  background-image: url(/../../fonts/flag-icon/lr.svg); }

.flag-icon-lr.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/lr.svg); }

.flag-icon-ls {
  background-image: url(/../../fonts/flag-icon/ls.svg); }

.flag-icon-ls.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ls.svg); }

.flag-icon-lt {
  background-image: url(/../../fonts/flag-icon/lt.svg); }

.flag-icon-lt.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/lt.svg); }

.flag-icon-lu {
  background-image: url(/../../fonts/flag-icon/lu.svg); }

.flag-icon-lu.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/lu.svg); }

.flag-icon-lv {
  background-image: url(/../../fonts/flag-icon/lv.svg); }

.flag-icon-lv.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/lv.svg); }

.flag-icon-ly {
  background-image: url(/../../fonts/flag-icon/ly.svg); }

.flag-icon-ly.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ly.svg); }

.flag-icon-ma {
  background-image: url(/../../fonts/flag-icon/ma.svg); }

.flag-icon-ma.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ma.svg); }

.flag-icon-mc {
  background-image: url(/../../fonts/flag-icon/mc.svg); }

.flag-icon-mc.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/mc.svg); }

.flag-icon-md {
  background-image: url(/../../fonts/flag-icon/md.svg); }

.flag-icon-md.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/md.svg); }

.flag-icon-me {
  background-image: url(/../../fonts/flag-icon/me.svg); }

.flag-icon-me.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/me.svg); }

.flag-icon-mf {
  background-image: url(/../../fonts/flag-icon/mf.svg); }

.flag-icon-mf.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/mf.svg); }

.flag-icon-mg {
  background-image: url(/../../fonts/flag-icon/mg.svg); }

.flag-icon-mg.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/mg.svg); }

.flag-icon-mh {
  background-image: url(/../../fonts/flag-icon/mh.svg); }

.flag-icon-mh.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/mh.svg); }

.flag-icon-mk {
  background-image: url(/../../fonts/flag-icon/mk.svg); }

.flag-icon-mk.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/mk.svg); }

.flag-icon-ml {
  background-image: url(/../../fonts/flag-icon/ml.svg); }

.flag-icon-ml.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ml.svg); }

.flag-icon-mm {
  background-image: url(/../../fonts/flag-icon/mm.svg); }

.flag-icon-mm.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/mm.svg); }

.flag-icon-mn {
  background-image: url(/../../fonts/flag-icon/mn.svg); }

.flag-icon-mn.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/mn.svg); }

.flag-icon-mo {
  background-image: url(/../../fonts/flag-icon/mo.svg); }

.flag-icon-mo.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/mo.svg); }

.flag-icon-mp {
  background-image: url(/../../fonts/flag-icon/mp.svg); }

.flag-icon-mp.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/mp.svg); }

.flag-icon-mq {
  background-image: url(/../../fonts/flag-icon/mq.svg); }

.flag-icon-mq.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/mq.svg); }

.flag-icon-mr {
  background-image: url(/../../fonts/flag-icon/mr.svg); }

.flag-icon-mr.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/mr.svg); }

.flag-icon-ms {
  background-image: url(/../../fonts/flag-icon/ms.svg); }

.flag-icon-ms.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ms.svg); }

.flag-icon-mt {
  background-image: url(/../../fonts/flag-icon/mt.svg); }

.flag-icon-mt.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/mt.svg); }

.flag-icon-mu {
  background-image: url(/../../fonts/flag-icon/mu.svg); }

.flag-icon-mu.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/mu.svg); }

.flag-icon-mv {
  background-image: url(/../../fonts/flag-icon/mv.svg); }

.flag-icon-mv.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/mv.svg); }

.flag-icon-mw {
  background-image: url(/../../fonts/flag-icon/mw.svg); }

.flag-icon-mw.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/mw.svg); }

.flag-icon-mx {
  background-image: url(/../../fonts/flag-icon/mx.svg); }

.flag-icon-mx.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/mx.svg); }

.flag-icon-my {
  background-image: url(/../../fonts/flag-icon/my.svg); }

.flag-icon-my.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/my.svg); }

.flag-icon-mz {
  background-image: url(/../../fonts/flag-icon/mz.svg); }

.flag-icon-mz.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/mz.svg); }

.flag-icon-na {
  background-image: url(/../../fonts/flag-icon/na.svg); }

.flag-icon-na.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/na.svg); }

.flag-icon-nc {
  background-image: url(/../../fonts/flag-icon/nc.svg); }

.flag-icon-nc.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/nc.svg); }

.flag-icon-ne {
  background-image: url(/../../fonts/flag-icon/ne.svg); }

.flag-icon-ne.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ne.svg); }

.flag-icon-nf {
  background-image: url(/../../fonts/flag-icon/nf.svg); }

.flag-icon-nf.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/nf.svg); }

.flag-icon-ng {
  background-image: url(/../../fonts/flag-icon/ng.svg); }

.flag-icon-ng.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ng.svg); }

.flag-icon-ni {
  background-image: url(/../../fonts/flag-icon/ni.svg); }

.flag-icon-ni.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ni.svg); }

.flag-icon-nl {
  background-image: url(/../../fonts/flag-icon/nl.svg); }

.flag-icon-nl.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/nl.svg); }

.flag-icon-no {
  background-image: url(/../../fonts/flag-icon/no.svg); }

.flag-icon-no.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/no.svg); }

.flag-icon-np {
  background-image: url(/../../fonts/flag-icon/np.svg); }

.flag-icon-np.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/np.svg); }

.flag-icon-nr {
  background-image: url(/../../fonts/flag-icon/nr.svg); }

.flag-icon-nr.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/nr.svg); }

.flag-icon-nu {
  background-image: url(/../../fonts/flag-icon/nu.svg); }

.flag-icon-nu.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/nu.svg); }

.flag-icon-nz {
  background-image: url(/../../fonts/flag-icon/nz.svg); }

.flag-icon-nz.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/nz.svg); }

.flag-icon-om {
  background-image: url(/../../fonts/flag-icon/om.svg); }

.flag-icon-om.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/om.svg); }

.flag-icon-pa {
  background-image: url(/../../fonts/flag-icon/pa.svg); }

.flag-icon-pa.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/pa.svg); }

.flag-icon-pe {
  background-image: url(/../../fonts/flag-icon/pe.svg); }

.flag-icon-pe.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/pe.svg); }

.flag-icon-pf {
  background-image: url(/../../fonts/flag-icon/pf.svg); }

.flag-icon-pf.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/pf.svg); }

.flag-icon-pg {
  background-image: url(/../../fonts/flag-icon/pg.svg); }

.flag-icon-pg.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/pg.svg); }

.flag-icon-ph {
  background-image: url(/../../fonts/flag-icon/ph.svg); }

.flag-icon-ph.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ph.svg); }

.flag-icon-pk {
  background-image: url(/../../fonts/flag-icon/pk.svg); }

.flag-icon-pk.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/pk.svg); }

.flag-icon-pl {
  background-image: url(/../../fonts/flag-icon/pl.svg); }

.flag-icon-pl.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/pl.svg); }

.flag-icon-pm {
  background-image: url(/../../fonts/flag-icon/pm.svg); }

.flag-icon-pm.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/pm.svg); }

.flag-icon-pn {
  background-image: url(/../../fonts/flag-icon/pn.svg); }

.flag-icon-pn.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/pn.svg); }

.flag-icon-pr {
  background-image: url(/../../fonts/flag-icon/pr.svg); }

.flag-icon-pr.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/pr.svg); }

.flag-icon-ps {
  background-image: url(/../../fonts/flag-icon/ps.svg); }

.flag-icon-ps.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ps.svg); }

.flag-icon-pt {
  background-image: url(/../../fonts/flag-icon/pt.svg); }

.flag-icon-pt.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/pt.svg); }

.flag-icon-pw {
  background-image: url(/../../fonts/flag-icon/pw.svg); }

.flag-icon-pw.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/pw.svg); }

.flag-icon-py {
  background-image: url(/../../fonts/flag-icon/py.svg); }

.flag-icon-py.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/py.svg); }

.flag-icon-qa {
  background-image: url(/../../fonts/flag-icon/qa.svg); }

.flag-icon-qa.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/qa.svg); }

.flag-icon-re {
  background-image: url(/../../fonts/flag-icon/re.svg); }

.flag-icon-re.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/re.svg); }

.flag-icon-ro {
  background-image: url(/../../fonts/flag-icon/ro.svg); }

.flag-icon-ro.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ro.svg); }

.flag-icon-rs {
  background-image: url(/../../fonts/flag-icon/rs.svg); }

.flag-icon-rs.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/rs.svg); }

.flag-icon-ru {
  background-image: url(/../../fonts/flag-icon/ru.svg); }

.flag-icon-ru.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ru.svg); }

.flag-icon-rw {
  background-image: url(/../../fonts/flag-icon/rw.svg); }

.flag-icon-rw.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/rw.svg); }

.flag-icon-sa {
  background-image: url(/../../fonts/flag-icon/sa.svg); }

.flag-icon-sa.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/sa.svg); }

.flag-icon-sb {
  background-image: url(/../../fonts/flag-icon/sb.svg); }

.flag-icon-sb.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/sb.svg); }

.flag-icon-sc {
  background-image: url(/../../fonts/flag-icon/sc.svg); }

.flag-icon-sc.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/sc.svg); }

.flag-icon-sd {
  background-image: url(/../../fonts/flag-icon/sd.svg); }

.flag-icon-sd.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/sd.svg); }

.flag-icon-se {
  background-image: url(/../../fonts/flag-icon/se.svg); }

.flag-icon-se.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/se.svg); }

.flag-icon-sg {
  background-image: url(/../../fonts/flag-icon/sg.svg); }

.flag-icon-sg.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/sg.svg); }

.flag-icon-sh {
  background-image: url(/../../fonts/flag-icon/sh.svg); }

.flag-icon-sh.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/sh.svg); }

.flag-icon-si {
  background-image: url(/../../fonts/flag-icon/si.svg); }

.flag-icon-si.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/si.svg); }

.flag-icon-sj {
  background-image: url(/../../fonts/flag-icon/sj.svg); }

.flag-icon-sj.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/sj.svg); }

.flag-icon-sk {
  background-image: url(/../../fonts/flag-icon/sk.svg); }

.flag-icon-sk.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/sk.svg); }

.flag-icon-sl {
  background-image: url(/../../fonts/flag-icon/sl.svg); }

.flag-icon-sl.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/sl.svg); }

.flag-icon-sm {
  background-image: url(/../../fonts/flag-icon/sm.svg); }

.flag-icon-sm.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/sm.svg); }

.flag-icon-sn {
  background-image: url(/../../fonts/flag-icon/sn.svg); }

.flag-icon-sn.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/sn.svg); }

.flag-icon-so {
  background-image: url(/../../fonts/flag-icon/so.svg); }

.flag-icon-so.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/so.svg); }

.flag-icon-sr {
  background-image: url(/../../fonts/flag-icon/sr.svg); }

.flag-icon-sr.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/sr.svg); }

.flag-icon-ss {
  background-image: url(/../../fonts/flag-icon/ss.svg); }

.flag-icon-ss.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ss.svg); }

.flag-icon-st {
  background-image: url(/../../fonts/flag-icon/st.svg); }

.flag-icon-st.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/st.svg); }

.flag-icon-sv {
  background-image: url(/../../fonts/flag-icon/sv.svg); }

.flag-icon-sv.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/sv.svg); }

.flag-icon-sx {
  background-image: url(/../../fonts/flag-icon/sx.svg); }

.flag-icon-sx.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/sx.svg); }

.flag-icon-sy {
  background-image: url(/../../fonts/flag-icon/sy.svg); }

.flag-icon-sy.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/sy.svg); }

.flag-icon-sz {
  background-image: url(/../../fonts/flag-icon/sz.svg); }

.flag-icon-sz.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/sz.svg); }

.flag-icon-tc {
  background-image: url(/../../fonts/flag-icon/tc.svg); }

.flag-icon-tc.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/tc.svg); }

.flag-icon-td {
  background-image: url(/../../fonts/flag-icon/td.svg); }

.flag-icon-td.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/td.svg); }

.flag-icon-tf {
  background-image: url(/../../fonts/flag-icon/tf.svg); }

.flag-icon-tf.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/tf.svg); }

.flag-icon-tg {
  background-image: url(/../../fonts/flag-icon/tg.svg); }

.flag-icon-tg.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/tg.svg); }

.flag-icon-th {
  background-image: url(/../../fonts/flag-icon/th.svg); }

.flag-icon-th.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/th.svg); }

.flag-icon-tj {
  background-image: url(/../../fonts/flag-icon/tj.svg); }

.flag-icon-tj.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/tj.svg); }

.flag-icon-tk {
  background-image: url(/../../fonts/flag-icon/tk.svg); }

.flag-icon-tk.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/tk.svg); }

.flag-icon-tl {
  background-image: url(/../../fonts/flag-icon/tl.svg); }

.flag-icon-tl.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/tl.svg); }

.flag-icon-tm {
  background-image: url(/../../fonts/flag-icon/tm.svg); }

.flag-icon-tm.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/tm.svg); }

.flag-icon-tn {
  background-image: url(/../../fonts/flag-icon/tn.svg); }

.flag-icon-tn.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/tn.svg); }

.flag-icon-to {
  background-image: url(/../../fonts/flag-icon/to.svg); }

.flag-icon-to.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/to.svg); }

.flag-icon-tr {
  background-image: url(/../../fonts/flag-icon/tr.svg); }

.flag-icon-tr.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/tr.svg); }

.flag-icon-tt {
  background-image: url(/../../fonts/flag-icon/tt.svg); }

.flag-icon-tt.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/tt.svg); }

.flag-icon-tv {
  background-image: url(/../../fonts/flag-icon/tv.svg); }

.flag-icon-tv.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/tv.svg); }

.flag-icon-tw {
  background-image: url(/../../fonts/flag-icon/tw.svg); }

.flag-icon-tw.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/tw.svg); }

.flag-icon-tz {
  background-image: url(/../../fonts/flag-icon/tz.svg); }

.flag-icon-tz.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/tz.svg); }

.flag-icon-ua {
  background-image: url(/../../fonts/flag-icon/ua.svg); }

.flag-icon-ua.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ua.svg); }

.flag-icon-ug {
  background-image: url(/../../fonts/flag-icon/ug.svg); }

.flag-icon-ug.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ug.svg); }

.flag-icon-um {
  background-image: url(/../../fonts/flag-icon/um.svg); }

.flag-icon-um.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/um.svg); }

.flag-icon-us {
  background-image: url(/../../fonts/flag-icon/us.svg); }

.flag-icon-us.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/us.svg); }

.flag-icon-uy {
  background-image: url(/../../fonts/flag-icon/uy.svg); }

.flag-icon-uy.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/uy.svg); }

.flag-icon-uz {
  background-image: url(/../../fonts/flag-icon/uz.svg); }

.flag-icon-uz.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/uz.svg); }

.flag-icon-va {
  background-image: url(/../../fonts/flag-icon/va.svg); }

.flag-icon-va.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/va.svg); }

.flag-icon-vc {
  background-image: url(/../../fonts/flag-icon/vc.svg); }

.flag-icon-vc.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/vc.svg); }

.flag-icon-ve {
  background-image: url(/../../fonts/flag-icon/ve.svg); }

.flag-icon-ve.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ve.svg); }

.flag-icon-vg {
  background-image: url(/../../fonts/flag-icon/vg.svg); }

.flag-icon-vg.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/vg.svg); }

.flag-icon-vi {
  background-image: url(/../../fonts/flag-icon/vi.svg); }

.flag-icon-vi.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/vi.svg); }

.flag-icon-vn {
  background-image: url(/../../fonts/flag-icon/vn.svg); }

.flag-icon-vn.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/vn.svg); }

.flag-icon-vu {
  background-image: url(/../../fonts/flag-icon/vu.svg); }

.flag-icon-vu.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/vu.svg); }

.flag-icon-wf {
  background-image: url(/../../fonts/flag-icon/wf.svg); }

.flag-icon-wf.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/wf.svg); }

.flag-icon-ws {
  background-image: url(/../../fonts/flag-icon/ws.svg); }

.flag-icon-ws.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ws.svg); }

.flag-icon-ye {
  background-image: url(/../../fonts/flag-icon/ye.svg); }

.flag-icon-ye.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/ye.svg); }

.flag-icon-yt {
  background-image: url(/../../fonts/flag-icon/yt.svg); }

.flag-icon-yt.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/yt.svg); }

.flag-icon-za {
  background-image: url(/../../fonts/flag-icon/za.svg); }

.flag-icon-za.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/za.svg); }

.flag-icon-zm {
  background-image: url(/../../fonts/flag-icon/zm.svg); }

.flag-icon-zm.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/zm.svg); }

.flag-icon-zw {
  background-image: url(/../../fonts/flag-icon/zw.svg); }

.flag-icon-zw.flag-icon-squared {
  background-image: url(/../../fonts/flag-icon/zw.svg); }

button, hr, input {
  overflow: visible; }

audio, canvas, progress, video {
  display: inline-block; }

progress, sub, sup {
  vertical-align: baseline; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

menu, article, aside, details, footer, header, nav, section {
  display: block; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

figcaption, figure, main {
  display: block; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

a:active, a:hover {
  outline-width: 0; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b, strong {
  font-weight: bolder; }

dfn {
  font-style: italic; }

mark {
  background-color: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

audio:not([controls]) {
  display: none;
  height: 0; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button, select {
  text-transform: none; }

[type=submit], [type=reset], button, html [type=button] {
  -webkit-appearance: button; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0; }

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: ButtonText dotted 1px; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

textarea {
  overflow: auto; }

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0; }

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto; }

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

summary {
  display: list-item; }

[hidden], template {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url(/ajax-loader.gif) center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url(/fonts/slick.eot);
  src: url(/fonts/slick.eot?#iefix) format("embedded-opentype"), url(/fonts/slick.woff) format("woff"), url(/fonts/slick.ttf) format("truetype"), url(/fonts/slick.svg#slick) format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25; }

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }

[dir=rtl] .slick-prev {
  left: auto;
  right: -25px; }

.slick-prev:before {
  content: "←"; }

[dir=rtl] .slick-prev:before {
  content: "→"; }

.slick-next {
  right: -25px; }

[dir=rtl] .slick-next {
  left: -25px;
  right: auto; }

.slick-next:before {
  content: "→"; }

[dir=rtl] .slick-next:before {
  content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.slick-track:before, .slick-track:after {
  content: "";
  display: table; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }

[dir=rtl] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url(/../../images/ajax-loader.gif) center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  src: url(/../../fonts/slick/slick.eot);
  src: url(/../../fonts/slick/slick.eot?#iefix) format("embedded-opentype"), url(/../../fonts/slick/slick.woff) format("woff"), url(/../../fonts/slick/slick.ttf) format("truetype"), url(/../../fonts/slick/slick.svg#slick) format("svg"); }

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent; }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent; }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25; }

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }

[dir="rtl"] .slick-prev {
  right: -25px;
  left: auto; }

.slick-prev:before {
  content: "←"; }

[dir="rtl"] .slick-prev:before {
  content: "→"; }

.slick-next {
  right: -25px; }

[dir="rtl"] .slick-next {
  right: auto;
  left: -25px; }

.slick-next:before {
  content: "→"; }

[dir="rtl"] .slick-next:before {
  content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black; }

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start; }

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit; }

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0; }

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch; }

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%;
  /* Not required for horizontal scroll to trigger */
  max-height: 100%;
  /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-bottom: 30px; }

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0; }

.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table; }

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none; }

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0; }

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1; }

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden; }

.simplebar-dragging[data-simplebar] .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none; }

.simplebar-dragging[data-simplebar] .simplebar-track {
  pointer-events: all; }

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px; }

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s linear; }

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  transition: opacity 0s linear; }

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px; }

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px; }

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px; }

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px; }

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto; }

/* Rtl support */
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0; }

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll; }

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none; }

.animated {
  animation-duration: 1s;
  animation-fill-mode: both; }

.animated.infinite {
  animation-iteration-count: infinite; }

.animated.hinge {
  animation-duration: 2s; }

.animated.bounceIn {
  animation-duration: 0.75s; }

.animated.bounceOut {
  animation-duration: 0.75s; }

.animated.flipOutX {
  animation-duration: 0.75s; }

.animated.flipOutY {
  animation-duration: 0.75s; }

.animated.flip {
  backface-visibility: visible;
  animation-name: flip; }

@keyframes bounce {
  0% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0); }
  20% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0); }
  53% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0); }
  80% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0); }
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0); }
  40% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0); }
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0); }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0); }
  90% {
    transform: translate3d(0, -4px, 0); } }

.bounce {
  animation-name: bounce;
  transform-origin: center bottom; }

@keyframes flash {
  0% {
    opacity: 1; }
  50% {
    opacity: 1; }
  to {
    opacity: 1; }
  25% {
    opacity: 0; }
  75% {
    opacity: 0; } }

.flash {
  animation-name: flash; }

@keyframes pulse {
  0% {
    transform: scaleX(1); }
  50% {
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    transform: scaleX(1); } }

.pulse {
  animation-name: pulse; }

@keyframes rubberBand {
  0% {
    transform: scaleX(1); }
  30% {
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    transform: scale3d(1.05, 0.95, 1); }
  to {
    transform: scaleX(1); } }

.rubberBand {
  animation-name: rubberBand; }

@keyframes shake {
  0% {
    transform: translateZ(0); }
  to {
    transform: translateZ(0); }
  10% {
    transform: translate3d(-10px, 0, 0); }
  30% {
    transform: translate3d(-10px, 0, 0); }
  50% {
    transform: translate3d(-10px, 0, 0); }
  70% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(-10px, 0, 0); }
  20% {
    transform: translate3d(10px, 0, 0); }
  40% {
    transform: translate3d(10px, 0, 0); }
  60% {
    transform: translate3d(10px, 0, 0); }
  80% {
    transform: translate3d(10px, 0, 0); } }

.shake {
  animation-name: shake; }

@keyframes headShake {
  0% {
    transform: translateX(0); }
  50% {
    transform: translateX(0); }
  0.5% {
    transform: translateX(-6px) rotateY(-9deg); }
  1.5% {
    transform: translateX(5px) rotateY(7deg); }
  2.5% {
    transform: translateX(-3px) rotateY(-5deg); }
  3.5% {
    transform: translateX(2px) rotateY(3deg); } }

.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake; }

@keyframes swing {
  20% {
    transform: rotate(15deg); }
  40% {
    transform: rotate(-10deg); }
  60% {
    transform: rotate(5deg); }
  80% {
    transform: rotate(-5deg); }
  to {
    transform: rotate(0deg); } }

.swing {
  transform-origin: top center;
  animation-name: swing; }

@keyframes tada {
  0% {
    transform: scaleX(1); }
  10% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  50% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  70% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  60% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to {
    transform: scaleX(1); } }

.tada {
  animation-name: tada; }

@keyframes wobble {
  0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: none; } }

.wobble {
  animation-name: wobble; }

@keyframes jello {
  0% {
    transform: none; }
  to {
    transform: none; }
  0.1% {
    transform: none; }
  1.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  2.3% {
    transform: skewX(6.25deg) skewY(6.25deg); }
  3.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  4.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  5.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  6.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  7.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }

.jello {
  animation-name: jello;
  transform-origin: center; }

@keyframes bounceIn {
  0% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
    transform: scaleX(1); } }

.bounceIn {
  animation-name: bounceIn; }

@keyframes bounceInDown {
  0% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, -10px, 0); }
  90% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 5px, 0); }
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: none; } }

.bounceInDown {
  animation-name: bounceInDown; }

@keyframes bounceInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
    transform: translate3d(-3000px, 0, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(-10px, 0, 0); }
  90% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(5px, 0, 0); }
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: none; } }

.bounceInLeft {
  animation-name: bounceInLeft; }

@keyframes bounceInRight {
  0% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
    transform: translate3d(3000px, 0, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(10px, 0, 0); }
  90% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(-5px, 0, 0); }
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: none; } }

.bounceInRight {
  animation-name: bounceInRight; }

@keyframes bounceInUp {
  0% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
    transform: translate3d(0, 3000px, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0); }
  90% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, -5px, 0); }
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0); } }

.bounceInUp {
  animation-name: bounceInUp; }

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9); }
  50% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1); }
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut {
  animation-name: bounceOut; }

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0); }
  40% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown {
  animation-name: bounceOutDown; }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft {
  animation-name: bounceOutLeft; }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight {
  animation-name: bounceOutRight; }

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0); }
  40% {
    opacity: 1;
    transform: translate3d(0, 20px, 0); }
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp {
  animation-name: bounceOutUp; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  animation-name: fadeIn; }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInDown {
  animation-name: fadeInDown; }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInDownBig {
  animation-name: fadeInDownBig; }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInLeft {
  animation-name: fadeInLeft; }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInLeftBig {
  animation-name: fadeInLeftBig; }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInRight {
  animation-name: fadeInRight; }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInRightBig {
  animation-name: fadeInRightBig; }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInUp {
  animation-name: fadeInUp; }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInUpBig {
  animation-name: fadeInUpBig; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }

.fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOutDown {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown {
  animation-name: fadeOutDown; }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig {
  animation-name: fadeOutDownBig; }

@keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft {
  animation-name: fadeOutLeft; }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig; }

@keyframes fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight {
  animation-name: fadeOutRight; }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig {
  animation-name: fadeOutRightBig; }

@keyframes fadeOutUp {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp {
  animation-name: fadeOutUp; }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig {
  animation-name: fadeOutUpBig; }

@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(-1turn);
    animation-timing-function: ease-out; }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    animation-timing-function: ease-out; }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    animation-timing-function: ease-in; }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in; }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in; } }

@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotateX(-20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotateX(-5deg); }
  to {
    transform: perspective(400px); } }

.flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX; }

@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotateY(-20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotateY(-5deg); }
  to {
    transform: perspective(400px); } }

.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY; }

@keyframes flipOutX {
  0% {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.flipOutX {
  animation-name: flipOutX;
  backface-visibility: visible !important; }

@keyframes flipOutY {
  0% {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.flipOutY {
  backface-visibility: visible !important;
  animation-name: flipOutY; }

@keyframes lightSpeedIn {
  0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    transform: none;
    opacity: 1; } }

.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out; }

@keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in; }

@keyframes rotateIn {
  0% {
    transform-origin: center;
    transform: rotate(-200deg);
    opacity: 0; }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1; } }

.rotateIn {
  animation-name: rotateIn; }

@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-45deg);
    opacity: 0; }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1; } }

.rotateInDownLeft {
  animation-name: rotateInDownLeft; }

@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(45deg);
    opacity: 0; }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1; } }

.rotateInDownRight {
  animation-name: rotateInDownRight; }

@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(45deg);
    opacity: 0; }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1; } }

.rotateInUpLeft {
  animation-name: rotateInUpLeft; }

@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1; } }

.rotateInUpRight {
  animation-name: rotateInUpRight; }

@keyframes rotateOut {
  0% {
    transform-origin: center;
    opacity: 1; }
  to {
    transform-origin: center;
    transform: rotate(200deg);
    opacity: 0; } }

.rotateOut {
  animation-name: rotateOut; }

@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1; }
  to {
    transform-origin: left bottom;
    transform: rotate(45deg);
    opacity: 0; } }

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft; }

@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    opacity: 1; }
  to {
    transform-origin: right bottom;
    transform: rotate(-45deg);
    opacity: 0; } }

.rotateOutDownRight {
  animation-name: rotateOutDownRight; }

@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1; }
  to {
    transform-origin: left bottom;
    transform: rotate(-45deg);
    opacity: 0; } }

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft; }

@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    opacity: 1; }
  to {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutUpRight {
  animation-name: rotateOutUpRight; }

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  20% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  80% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge {
  animation-name: hinge; }

@keyframes jackInTheBox {
  0% {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom; }
  50% {
    transform: rotate(-10deg); }
  70% {
    transform: rotate(3deg); }
  to {
    opacity: 1;
    transform: scale(1); } }

.jackInTheBox {
  animation-name: jackInTheBox; }

@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to {
    opacity: 1;
    transform: none; } }

.rollIn {
  animation-name: rollIn; }

@keyframes rollOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

.rollOut {
  animation-name: rollOut; }

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.zoomIn {
  animation-name: zoomIn; }

@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown {
  animation-name: zoomInDown; }

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft {
  animation-name: zoomInLeft; }

@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight {
  animation-name: zoomInRight; }

@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp {
  animation-name: zoomInUp; }

@keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.zoomOut {
  animation-name: zoomOut; }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown {
  animation-name: zoomOutDown; }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center; } }

.zoomOutLeft {
  animation-name: zoomOutLeft; }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center; } }

.zoomOutRight {
  animation-name: zoomOutRight; }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp {
  animation-name: zoomOutUp; }

@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    transform: translateZ(0); } }

.slideInDown {
  animation-name: slideInDown; }

@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    transform: translateZ(0); } }

.slideInLeft {
  animation-name: slideInLeft; }

@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    transform: translateZ(0); } }

.slideInRight {
  animation-name: slideInRight; }

@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    transform: translateZ(0); } }

.slideInUp {
  animation-name: slideInUp; }

@keyframes slideOutDown {
  0% {
    transform: translateZ(0); }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0); } }

.slideOutDown {
  animation-name: slideOutDown; }

@keyframes slideOutLeft {
  0% {
    transform: translateZ(0); }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft {
  animation-name: slideOutLeft; }

@keyframes slideOutRight {
  0% {
    transform: translateZ(0); }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0); } }

.slideOutRight {
  animation-name: slideOutRight; }

@keyframes slideOutUp {
  0% {
    transform: translateZ(0); }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0); } }

.slideOutUp {
  animation-name: slideOutUp; }

code[class*=language-], pre[class*=language-] {
  color: #000;
  background: 0 0;
  text-shadow: 0 1px #fff;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none; }

code[class*=language-] ::-moz-selection, code[class*=language-]::-moz-selection {
  text-shadow: none;
  background: #b3d4fc; }

pre[class*=language-] ::-moz-selection, pre[class*=language-]::-moz-selection {
  text-shadow: none;
  background: #b3d4fc; }

code[class*=language-] ::selection, code[class*=language-]::selection {
  text-shadow: none;
  background: #b3d4fc; }

pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto; }

pre[class*=language-] ::selection, pre[class*=language-]::selection {
  text-shadow: none;
  background: #b3d4fc; }

@media print {
  code[class*=language-], pre[class*=language-] {
    text-shadow: none; } }

:not(pre) > code[class*=language-], pre[class*=language-] {
  background: #f6f7fb; }

:not(pre) > code[class*=language-] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal; }

.token.cdata, .token.comment, .token.doctype, .token.prolog {
  color: #708090; }

.token.punctuation {
  color: #999; }

.namespace {
  opacity: 0.7; }

.token.boolean, .token.constant, .token.deleted, .token.number, .token.property, .token.symbol, .token.tag {
  color: #905; }

.token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string {
  color: #690; }

.language-css .token.string, .style .token.string {
  color: #a67f59;
  background: rgba(255, 255, 255, 0.5); }

.token.entity, .token.operator, .token.url {
  color: #a67f59;
  background: rgba(255, 255, 255, 0.5); }

.token.atrule, .token.attr-value, .token.keyword {
  color: #07a; }

.token.function {
  color: #DD4A68; }

.token.important, .token.regex, .token.variable {
  color: #e90; }

.token.bold, .token.important {
  font-weight: 700; }

.token.italic {
  font-style: italic; }

.token.entity {
  cursor: help; }

.code-box-copy {
  position: relative;
  font-size: 16px;
  display: none; }

.code-box-copy pre[class*=language-] {
  border: 1px solid #dee3f9;
  border-radius: 2px; }

.code-box-copy__btn {
  opacity: 0;
  position: absolute;
  top: 11px;
  right: 11px;
  width: 36px;
  height: 36px;
  background-color: #e5eaff;
  border: 1px solid #dee3f9;
  color: #333;
  border-radius: 4px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.code-box-copy:hover .code-box-copy__btn {
  opacity: 1; }

.code-box-copy__btn:disabled {
  background-color: #eee;
  border-color: #ccc;
  color: #333;
  pointer-events: none; }

.code-box-copy__btn:hover {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #333; }

.code-box-copy__btn:focus, .code-box-copy__btn:active {
  outline: 0; }

.code-box-copy__tooltip {
  display: none;
  position: absolute;
  bottom: -webkit-calc(100% + 11px);
  bottom: calc(100% + 11px);
  right: 0;
  width: 80px;
  padding: 6px 0;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  font-size: 13px; }

.code-box-copy__tooltip::after {
  display: block;
  position: absolute;
  right: 13px;
  bottom: -5px;
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #333 transparent transparent transparent; }

.card-body.show-source .code-box-copy {
  display: block; }

/*! -----------------------------------------------------------------------------------

    Template Name: Riho Admin
    Template URI: https://admin.pixelstrap.net/riho/template/
    Description: This is Admin theme
    Author: Pixelstrap
    Author URI: https://themeforest.net/user/pixelstrap

-----------------------------------------------------------------------------------

    1.Base css
        1.1 Reset CSS
        1.2 Typography CSS
    
    2.Components css
        2.1 According CSS
        2.2 Alert CSS
        2.3 Avatars CSS
        2.4 Badge CSS
        2.5 Bookmark CSS
        2.6 Breadcrumb CSS
        2.7 Basic-card CSS
        2.8 Builders CSS
        2.9 Buttons CSS
        2.10 Card CSS
        2.11 Color CSS
        2.12 Datatable CSS
        2.13 Datapicker CSS
        2.14 Dropdown CSS
        2.15 Form-builder CSS
        2.16 Form-input CSS
        2.17 Form-wizard CSS
        2.18 Forms CSS
        2.19 Icons CSS
        2.20 List CSS
        2.21 Loader CSS 
        2.22 Modal CSS
        2.23 Popover CSS
        2.24 Print CSS
        2.25 Radio CSS
        2.26 Ribbon CSS
        2.27 Range-slider CSS
        2.28 Switch CSS
        2.29 Tab CSS
        2.30 Table CSS
        2.31 Toasts CSS
        2.32 Touchspin CSS
        2.33 Tour CSS
        2.34 Tree CSS
        2.35 Typeahead-search CSS
        2.36 Scrollbar CSS

    3. Pages
        3.1 Blog CSS
        3.2 Bookmark-app CSS
        3.3 Cart CSS
        3.4 Chart CSS
        3.5 Chat CSS
        3.6 Checkout CSS
        3.7 Comingsoon CSS
        3.8 Contacts CSS
        3.9 Dashboard_2 CSS
        3.10 Dashboard_3 CSS 
        3.11 Dashboard_4 CSS
        3.12 Dashboard_5 CSS
        3.13 Dashboard_default CSS
        3.14 Ecommerce CSS
        3.15 Email-application CSS
        3.16 Errorpage CSS
        3.17 Faq CSS
        3.18 File CSS
        3.19 Gallery CSS
        3.20 Helper CSS
        3.21 Internationalization CSS
        3.22 Job-search CSS
        3.23 Jsgrid CSS
        3.24 Kanban CSS
        3.25 Knowledgebase CSS
        3.26 Landing CSS
        3.27 Language CSS
        3.28 Learning CSS
        3.29 Login CSS
        3.30 Megaoption CSS
        3.31 Order-history CSS
        3.32 Page CSS
        3.33 Pricing CSS
        3.34 Progress CSS
        3.35 Projectlist CSS
        3.36 Rating CSS
        3.37 Social-app CSS
        3.38 Sweet-alert CSS
        3.39 Task CSS
        3.40 Timeline-v CSS
        3.41 User-profile CSS
        3.42 Wishlist CSS
        3.43 Dashboard_6.CSS
        3.44 Dashboard_7 CSS
        3.45 Dashboard_8.CSS

    4. Themes
        4.1. Dark CSS
        4.2 Theme-customizer CSS
        4.3 Update CSS

    5. Layout
        5.1 Footer CSS
        5.2 Grid CSS
        5.3 Header CSS
        5.4 Navs CSS
        5.5 Search CSS
        5.6 Select2 CSS
        5.7 Sidebar CSS
        5.8 Rtl CSS
        5.9 Box-layout CSS 

 */
:root {
  --theme-deafult: #06AE5A;
  --theme-secondary: #FFC000;
  --light-background: rgba(242, 243, 247, 0.7);
  --body-font-color: #86909C;
  --chart-border: #E6E9EB;
  --recent-chart-bg: #FCFCFD;
  --light-bg: #EEF1F6;
  --white: #fff;
  --light2: #F5F6F9;
  --sidebar-border: rgba(0, 0, 0, 0.1);
  --chart-text-color: rgba(82, 82, 108, 0.8);
  --recent-dashed-border: rgba(82, 82, 108, 0.3);
  --chart-dashed-border: rgba(82, 82, 108, 0.2);
  --chart-progress-light: rgba(82, 82, 108, 0.1);
  --recent-box-bg: #F2F4F7;
  --recent-border: rgba(97, 101, 122, 0.25);
  --course-light-btn: #F2F3F7;
  --course-bg: #F7F7F7;
  --balance-profie-bg: #E0DFEF;
  --view-grid-bg: #ECF3FA80;
  --view-border-marker: #cfcdfc;
  --light-slate: #F5F6F9;
  --text-gray: rgba(82, 82, 108, 0.8);
  --product-shadow: 0px 1px 0px rgba(82, 82, 108, 0.15);
  --bs-heading-color: #051A1A;
  --bs-card-color: #051A1A;
  --fc-button-bg-color: var(--theme-deafult);
  --fc-button-active-bg-color: var(--theme-deafult);
  --fc-button-active-border-color: var(--theme-deafult);
  --fc-button-border-color: var(--theme-deafult);
  --fc-button-hover-bg-color: var(--theme-deafult);
  --fc-button-hover-border-color: var(--theme-deafult);
  --normal: #ECEAF3;
  --normal-shadow: #D9D8E3;
  --normal-mouth: #9795A4;
  --normal-eye: #595861;
  --active: #F8DA69;
  --active-shadow: #F4B555;
  --active-mouth: #F05136;
  --active-eye: #313036;
  --active-tear: #76b5e7;
  --active-shadow-angry: #e94f1d;
  /* Do not show the "remove tag" (x) button when only a single tag remains */ }
  :root .customLook {
    --tag-bg: var(--theme-deafult);
    --tag-hover: var(--theme-secondary);
    --tag-text-color: var(--white);
    --tags-border-color: silver;
    --tag-border-radius: 25px;
    --tag-text-color--edit: #111;
    --tag-remove-bg: var(--tag-hover);
    --tag-pad: .6em 1em;
    --tag-inset-shadow-size: 1.35em;
    --tag-remove-btn-bg--hover: #000;
    --tagify-dd-color-primary: var(var(--theme-deafult));
    --tagify-dd-bg-color: var(--course-light-btn); }

.table {
  --bs-body-bg: auto; }

body[class='dark-only'] {
  --light-background: #1A1C23;
  --recent-chart-bg: #262932;
  --light-bg: #1d1e26;
  --chart-text-color: #86909C;
  --white: #262932;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --light2: #1d1e26;
  --chart-border: #1A1C23;
  --recent-box-bg: #1d1e26;
  --recent-border: #374558;
  --body-font-color: rgba(255, 255, 255);
  --course-light-btn: var(--light-bg);
  --view-grid-bg: var(--light-bg);
  --view-border-marker: #2c2c45d4;
  --light-slate: #1c1d26;
  --text-gray: rgba(153, 153, 169, 0.8);
  --product-shadow: 0px 1px 0px rgb(55 70 87);
  --bs-heading-color: rgb(255, 255, 255);
  --bs-card-color: rgba(255, 255, 255, 0.7); }

body[class="rtl dark-only"] {
  --light-background: #1A1C23;
  --recent-chart-bg: #262932;
  --light-bg: #1d1e26;
  --chart-text-color: #86909C;
  --white: #262932;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --light2: #1d1e26;
  --chart-border: #1A1C23;
  --recent-box-bg: #1d1e26;
  --recent-border: #374558;
  --body-font-color: rgba(255, 255, 255);
  --course-light-btn: var(--light-bg);
  --view-grid-bg: var(--light-bg);
  --view-border-marker: #2c2c45d4;
  --light-slate: #1c1d26;
  --text-gray: rgba(153, 153, 169, 0.8);
  --product-shadow: 0px 1px 0px rgb(55 70 87);
  --bs-heading-color: rgb(255, 255, 255);
  --bs-card-color: rgba(255, 255, 255, 0.7); }

body[class="dark-only modal-open"] {
  --light-shade-primary: rgba(48, 126, 243, 0.2);
  --light-slate: #1c1d26; }

body[class="rtl dark-only modal-open"] {
  --light-shade-primary: rgba(48, 126, 243, 0.2);
  --light-slate: #1c1d26; }

body.dark-only.box-layout {
  --light-background: #1A1C23;
  --recent-chart-bg: #262932;
  --light-bg: #1d1e26;
  --white: #262932;
  --chart-text-color: #86909C;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --light2: #1d1e26;
  --chart-border: #1A1C23;
  --recent-box-bg: #1d1e26;
  --recent-border: #374558;
  --body-font-color: rgba(255, 255, 255);
  --course-light-btn: var(--light-bg);
  --view-grid-bg: var(--light-bg);
  --view-border-marker: #2c2c45d4;
  --bs-heading-color: rgb(255, 255, 255);
  --bs-card-color: rgba(255, 255, 255 , 0.7); }

/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C; }

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8; }

.light-card {
  background-color: var(--light-background); }

.light-background {
  background-color: var(--light-bg); }

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  transform: rotate(-45deg);
  display: inline-block; }

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-l-50 {
  margin-left: 50px !important; }

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important; }

.b-r-1 {
  border-radius: 1px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-r-11 {
  border-radius: 11px !important; }

.b-r-12 {
  border-radius: 12px !important; }

.b-r-13 {
  border-radius: 13px !important; }

.b-r-14 {
  border-radius: 14px !important; }

.b-r-15 {
  border-radius: 15px !important; }

.b-r-16 {
  border-radius: 16px !important; }

.b-r-17 {
  border-radius: 17px !important; }

.b-r-18 {
  border-radius: 18px !important; }

.b-r-19 {
  border-radius: 19px !important; }

.b-r-20 {
  border-radius: 20px !important; }

.b-r-21 {
  border-radius: 21px !important; }

.b-r-22 {
  border-radius: 22px !important; }

.b-r-23 {
  border-radius: 23px !important; }

.b-r-24 {
  border-radius: 24px !important; }

.b-r-25 {
  border-radius: 25px !important; }

.b-r-26 {
  border-radius: 26px !important; }

.b-r-27 {
  border-radius: 27px !important; }

.b-r-28 {
  border-radius: 28px !important; }

.b-r-29 {
  border-radius: 29px !important; }

.b-r-30 {
  border-radius: 30px !important; }

.b-r-31 {
  border-radius: 31px !important; }

.b-r-32 {
  border-radius: 32px !important; }

.b-r-33 {
  border-radius: 33px !important; }

.b-r-34 {
  border-radius: 34px !important; }

.b-r-35 {
  border-radius: 35px !important; }

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.f-34 {
  font-size: 34px !important; }

.f-36 {
  font-size: 36px !important; }

.f-38 {
  font-size: 38px !important; }

.f-40 {
  font-size: 40px !important; }

.f-42 {
  font-size: 42px !important; }

.f-44 {
  font-size: 44px !important; }

.f-46 {
  font-size: 46px !important; }

.f-48 {
  font-size: 48px !important; }

.f-50 {
  font-size: 50px !important; }

.f-52 {
  font-size: 52px !important; }

.f-54 {
  font-size: 54px !important; }

.f-56 {
  font-size: 56px !important; }

.f-58 {
  font-size: 58px !important; }

.f-60 {
  font-size: 60px !important; }

.f-62 {
  font-size: 62px !important; }

.f-64 {
  font-size: 64px !important; }

.f-66 {
  font-size: 66px !important; }

.f-68 {
  font-size: 68px !important; }

.f-70 {
  font-size: 70px !important; }

.f-72 {
  font-size: 72px !important; }

.f-74 {
  font-size: 74px !important; }

.f-76 {
  font-size: 76px !important; }

.f-78 {
  font-size: 78px !important; }

.f-80 {
  font-size: 80px !important; }

.f-82 {
  font-size: 82px !important; }

.f-84 {
  font-size: 84px !important; }

.f-86 {
  font-size: 86px !important; }

.f-88 {
  font-size: 88px !important; }

.f-90 {
  font-size: 90px !important; }

.f-92 {
  font-size: 92px !important; }

.f-94 {
  font-size: 94px !important; }

.f-96 {
  font-size: 96px !important; }

.f-98 {
  font-size: 98px !important; }

.f-100 {
  font-size: 100px !important; }

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100; }

.f-w-300 {
  font-weight: 300; }

.f-w-500 {
  font-weight: 500; }

.f-w-400 {
  font-weight: 400; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-900 {
  font-weight: 900; }

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal; }

.f-s-italic {
  font-style: italic; }

.f-s-oblique {
  font-style: oblique; }

.f-s-initial {
  font-style: initial; }

.f-s-inherit {
  font-style: inherit; }

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-dashed {
  text-decoration: dashed; }

.text-blink {
  text-decoration: blink; }

.text-dotted {
  text-decoration: dotted; }

.text-initial {
  text-decoration: initial; }

.text-none {
  text-decoration: none; }

.text-solid {
  text-decoration: solid; }

.text-wavy {
  text-decoration: wavy; }

.text-inherit {
  text-decoration: inherit; }

.text-double {
  text-decoration: double; }

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline; }

.sub {
  vertical-align: sub; }

.super {
  vertical-align: super; }

.top {
  vertical-align: top; }

.text-top {
  vertical-align: text-top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.text-bottom {
  vertical-align: text-bottom; }

.initial {
  vertical-align: initial; }

.inherit {
  vertical-align: inherit; }

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-relative {
  position: relative; }

.p-initial {
  position: initial; }

.p-inherit {
  position: inherit; }

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden; }

.o-visible {
  overflow: visible; }

.o-auto {
  overflow: auto; }

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important; }

.img-h-10 {
  height: 10px !important; }

.img-20 {
  width: 20px !important; }

.img-h-20 {
  height: 20px !important; }

.img-30 {
  width: 30px !important; }

.img-h-30 {
  height: 30px !important; }

.img-40 {
  width: 40px !important; }

.img-h-40 {
  height: 40px !important; }

.img-50 {
  width: 50px !important; }

.img-h-50 {
  height: 50px !important; }

.img-60 {
  width: 60px !important; }

.img-h-60 {
  height: 60px !important; }

.img-70 {
  width: 70px !important; }

.img-h-70 {
  height: 70px !important; }

.img-80 {
  width: 80px !important; }

.img-h-80 {
  height: 80px !important; }

.img-90 {
  width: 90px !important; }

.img-h-90 {
  height: 90px !important; }

.img-100 {
  width: 100px !important; }

.img-h-100 {
  height: 100px !important; }

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important; }

.font-secondary {
  color: #FE6A49 !important; }

.font-success {
  color: #00AC46 !important; }

.font-danger {
  color: #FE6A49 !important; }

.font-info {
  color: #173878 !important; }

.font-light {
  color: #E6E9EB !important; }

.font-dark {
  color: #2c323f !important; }

.font-warning {
  color: #FFAE1A !important; }

.font-primary {
  color: var(--theme-deafult) !important; }

.font-secondary {
  color: var(--theme-secondary) !important; }

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize; }

.label-theme {
  background-color: #006666; }

.label-primary {
  background-color: #006666; }

.label-secondary {
  background-color: #FE6A49; }

.label-success {
  background-color: #00AC46; }

.label-danger {
  background-color: #FE6A49; }

.label-info {
  background-color: #173878; }

.label-light {
  background-color: #E6E9EB; }

.label-dark {
  background-color: #2c323f; }

.label-warning {
  background-color: #FFAE1A; }

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666; }

.badge-secondary {
  background-color: #FE6A49; }

.badge-success {
  background-color: #00AC46; }

.badge-danger {
  background-color: #FE6A49; }

.badge-info {
  background-color: #173878; }

.badge-light {
  background-color: #E6E9EB; }

.badge-dark {
  background-color: #2c323f; }

.badge-warning {
  background-color: #FFAE1A; }

.badge-primary {
  background-color: var(--theme-deafult) !important; }

.badge-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff; }

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff; }

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important; }

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-success {
  background-color: #00AC46 !important;
  color: #fff; }

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff; }

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important; }

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-info {
  background-color: #173878 !important;
  color: #fff; }

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff; }

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important; }

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff; }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff; }

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important; }

.bg-dark {
  background-color: #2c323f !important;
  color: #fff; }

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff; }

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important; }

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff; }

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff; }

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important; }

.bg-primary {
  background-color: var(--theme-deafult) !important; }

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6); }

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important; }

.txt-secondary {
  color: #FE6A49 !important; }

.txt-success {
  color: #00AC46 !important; }

.txt-danger {
  color: #FE6A49 !important; }

.txt-info {
  color: #173878 !important; }

.txt-light {
  color: #E6E9EB !important; }

.txt-dark {
  color: #2c323f !important; }

.txt-warning {
  color: #FFAE1A !important; }

.txt-google-plus {
  color: #c64e40 !important; }

.txt-twitter {
  color: #6fa2d8 !important; }

.txt-linkedin {
  color: #0077B5 !important; }

.txt-fb {
  color: #50598e !important; }

.txt-primary {
  color: var(--theme-deafult) !important; }

.txt-secondary {
  color: var(--theme-secondary) !important; }

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@keyframes push {
  50% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #006666 !important;
    border-color: #006666 !important; }
  .btn-primary:focus {
    box-shadow: unset !important; }

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-secondary:focus {
    box-shadow: unset !important; }

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }
  .btn-success:focus {
    box-shadow: unset !important; }

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-danger:focus {
    box-shadow: unset !important; }

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #173878 !important;
    border-color: #173878 !important; }
  .btn-info:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }
  .btn-light:focus {
    box-shadow: unset !important; }

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #2c323f !important;
    border-color: #2c323f !important; }
  .btn-dark:focus {
    box-shadow: unset !important; }

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }
  .btn-warning:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important; }
  .btn-light:hover {
    background-color: rgba(0, 102, 102, 0.1) !important;
    border-color: rgba(0, 102, 102, 0.1) !important; }

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important; }

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important; }

.btn-hover-effect:hover {
  animation: push 0.5s linear 1; }

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent; }
  .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-check {
  color: #006666 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #006666 !important; }
    .btn-check:checked + .btn-outline-primary {
      color: white !important;
      background-color: #006666 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-primary {
    border-color: #006666 !important;
    color: #006666 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-primary.disabled {
      color: #006666; }
    .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
      color: white !important;
      background-color: #006666 !important;
      border-color: #006666 !important;
      box-shadow: none !important; }

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary.disabled {
    color: #006666;
    border-color: #006666; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-secondary {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-secondary {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-secondary.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #00AC46 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #00AC46 !important; }
    .btn-check:checked + .btn-outline-success {
      color: white !important;
      background-color: #00AC46 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-success.disabled {
      color: #00AC46; }
    .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
      color: white !important;
      background-color: #00AC46 !important;
      border-color: #00AC46 !important;
      box-shadow: none !important; }

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success.disabled {
    color: #00AC46;
    border-color: #00AC46; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-danger {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-danger.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #173878 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #173878 !important; }
    .btn-check:checked + .btn-outline-info {
      color: white !important;
      background-color: #173878 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-info {
    border-color: #173878 !important;
    color: #173878 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-info.disabled {
      color: #173878; }
    .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
      color: white !important;
      background-color: #173878 !important;
      border-color: #173878 !important;
      box-shadow: none !important; }

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info.disabled {
    color: #173878;
    border-color: #173878; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: #fff !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #E6E9EB !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #E6E9EB !important; }
    .btn-check:checked + .btn-outline-light {
      color: white !important;
      background-color: #E6E9EB !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-light {
    border-color: #E6E9EB !important;
    color: #E6E9EB !important;
    background-color: transparent;
    color: #051A1A; }
    .btn-check + .btn-outline-light.disabled {
      color: #E6E9EB; }
    .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
      color: white !important;
      background-color: #E6E9EB !important;
      border-color: #E6E9EB !important;
      box-shadow: none !important; }

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A; }
  .btn-outline-light.disabled {
    color: #E6E9EB;
    border-color: #E6E9EB; }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: #fff !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: unset !important; }

.btn-check {
  color: #2c323f !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #2c323f !important; }
    .btn-check:checked + .btn-outline-dark {
      color: white !important;
      background-color: #2c323f !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-dark {
    border-color: #2c323f !important;
    color: #2c323f !important;
    background-color: transparent; }
    .btn-check + .btn-outline-dark.disabled {
      color: #2c323f; }
    .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
      color: white !important;
      background-color: #2c323f !important;
      border-color: #2c323f !important;
      box-shadow: none !important; }

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark.disabled {
    color: #2c323f;
    border-color: #2c323f; }
  .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FFAE1A !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FFAE1A !important; }
    .btn-check:checked + .btn-outline-warning {
      color: white !important;
      background-color: #FFAE1A !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important;
    background-color: transparent; }
    .btn-check + .btn-outline-warning.disabled {
      color: #FFAE1A; }
    .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
      color: white !important;
      background-color: #FFAE1A !important;
      border-color: #FFAE1A !important;
      box-shadow: none !important; }

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning.disabled {
    color: #FFAE1A;
    border-color: #FFAE1A; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: unset !important; }

.btn-primary.active:not([disabled]):not(.disabled) {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  box-shadow: none !important; }
  .btn-primary.active:not([disabled]):not(.disabled):hover, .btn-primary.active:not([disabled]):not(.disabled):focus, .btn-primary.active:not([disabled]):not(.disabled):active, .btn-primary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #003333;
    border-color: #003333; }

.btn-secondary.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-secondary.active:not([disabled]):not(.disabled):hover, .btn-secondary.active:not([disabled]):not(.disabled):focus, .btn-secondary.active:not([disabled]):not(.disabled):active, .btn-secondary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-success.active:not([disabled]):not(.disabled) {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  box-shadow: none !important; }
  .btn-success.active:not([disabled]):not(.disabled):hover, .btn-success.active:not([disabled]):not(.disabled):focus, .btn-success.active:not([disabled]):not(.disabled):active, .btn-success.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #007931;
    border-color: #007931; }

.btn-danger.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-danger.active:not([disabled]):not(.disabled):hover, .btn-danger.active:not([disabled]):not(.disabled):focus, .btn-danger.active:not([disabled]):not(.disabled):active, .btn-danger.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-info.active:not([disabled]):not(.disabled) {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  box-shadow: none !important; }
  .btn-info.active:not([disabled]):not(.disabled):hover, .btn-info.active:not([disabled]):not(.disabled):focus, .btn-info.active:not([disabled]):not(.disabled):active, .btn-info.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #0f244d;
    border-color: #0f244d; }

.btn-light.active:not([disabled]):not(.disabled) {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  box-shadow: none !important; }
  .btn-light.active:not([disabled]):not(.disabled):hover, .btn-light.active:not([disabled]):not(.disabled):focus, .btn-light.active:not([disabled]):not(.disabled):active, .btn-light.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #cad0d4;
    border-color: #cad0d4; }

.btn-dark.active:not([disabled]):not(.disabled) {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  box-shadow: none !important; }
  .btn-dark.active:not([disabled]):not(.disabled):hover, .btn-dark.active:not([disabled]):not(.disabled):focus, .btn-dark.active:not([disabled]):not(.disabled):active, .btn-dark.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #171a21;
    border-color: #171a21; }

.btn-warning.active:not([disabled]):not(.disabled) {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  box-shadow: none !important; }
  .btn-warning.active:not([disabled]):not(.disabled):hover, .btn-warning.active:not([disabled]):not(.disabled):focus, .btn-warning.active:not([disabled]):not(.disabled):active, .btn-warning.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #e69500;
    border-color: #e69500; }

.btn-outline-primary-2x.active:not([disabled]):not(.disabled) {
  background-color: #006666;
  border-color: #006666;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-primary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-primary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #006666 !important;
    border-color: #006666 !important; }

.btn-outline-secondary-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-secondary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-success-2x.active:not([disabled]):not(.disabled) {
  background-color: #00AC46;
  border-color: #00AC46;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-success-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-success-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-success-2x.active:not([disabled]):not(.disabled):active, .btn-outline-success-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }

.btn-outline-danger-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-danger-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):active, .btn-outline-danger-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-info-2x.active:not([disabled]):not(.disabled) {
  background-color: #173878;
  border-color: #173878;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-info-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-info-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-info-2x.active:not([disabled]):not(.disabled):active, .btn-outline-info-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #173878 !important;
    border-color: #173878 !important; }

.btn-outline-light-2x.active:not([disabled]):not(.disabled) {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-light-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-light-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-light-2x.active:not([disabled]):not(.disabled):active, .btn-outline-light-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }

.btn-outline-dark-2x.active:not([disabled]):not(.disabled) {
  background-color: #2c323f;
  border-color: #2c323f;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-dark-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):active, .btn-outline-dark-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important; }

.btn-outline-warning-2x.active:not([disabled]):not(.disabled) {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-warning-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):active, .btn-outline-warning-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important; }

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important; }

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important; }

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important; }

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important; }

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important; }

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666; }
  .table-styling .table-primary thead,
  .table-styling.table-primary thead {
    background-color: #003333;
    border: 3px solid #003333; }
  .table-styling .table-primary th,
  .table-styling .table-primary td,
  .table-styling.table-primary th,
  .table-styling.table-primary td {
    background-color: transparent; }

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-secondary thead,
  .table-styling.table-secondary thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-secondary th,
  .table-styling .table-secondary td,
  .table-styling.table-secondary th,
  .table-styling.table-secondary td {
    background-color: transparent; }

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46; }
  .table-styling .table-success thead,
  .table-styling.table-success thead {
    background-color: #007931;
    border: 3px solid #007931; }
  .table-styling .table-success th,
  .table-styling .table-success td,
  .table-styling.table-success th,
  .table-styling.table-success td {
    background-color: transparent; }

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-danger thead,
  .table-styling.table-danger thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-danger th,
  .table-styling .table-danger td,
  .table-styling.table-danger th,
  .table-styling.table-danger td {
    background-color: transparent; }

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878; }
  .table-styling .table-info thead,
  .table-styling.table-info thead {
    background-color: #0f244d;
    border: 3px solid #0f244d; }
  .table-styling .table-info th,
  .table-styling .table-info td,
  .table-styling.table-info th,
  .table-styling.table-info td {
    background-color: transparent; }

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB; }
  .table-styling .table-light thead,
  .table-styling.table-light thead {
    background-color: #cad0d4;
    border: 3px solid #cad0d4; }
  .table-styling .table-light th,
  .table-styling .table-light td,
  .table-styling.table-light th,
  .table-styling.table-light td {
    background-color: transparent; }

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f; }
  .table-styling .table-dark thead,
  .table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21; }
  .table-styling .table-dark th,
  .table-styling .table-dark td,
  .table-styling.table-dark th,
  .table-styling.table-dark td {
    background-color: transparent; }

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A; }
  .table-styling .table-warning thead,
  .table-styling.table-warning thead {
    background-color: #e69500;
    border: 3px solid #e69500; }
  .table-styling .table-warning th,
  .table-styling .table-warning td,
  .table-styling.table-warning th,
  .table-styling.table-warning td {
    background-color: transparent; }

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important; }

.stroke-secondary {
  stroke: #FE6A49 !important; }

.stroke-success {
  stroke: #00AC46 !important; }

.stroke-danger {
  stroke: #FE6A49 !important; }

.stroke-info {
  stroke: #173878 !important; }

.stroke-light {
  stroke: #E6E9EB !important; }

.stroke-dark {
  stroke: #2c323f !important; }

.stroke-warning {
  stroke: #FFAE1A !important; }

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878; }

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important; }

.b-t-primary {
  border-top: 1px solid #006666 !important; }

.border-t-primary {
  border-top: 1px solid #006666 !important; }

.b-b-primary {
  border-bottom: 1px solid #006666 !important; }

.border-b-primary {
  border-bottom: 1px solid #006666 !important; }

.b-l-primary {
  border-left: 1px solid #006666 !important; }

.border-l-primary {
  border-left: 1px solid #006666 !important; }

.b-r-primary {
  border-right: 1px solid #006666 !important; }

.border-r-primary {
  border-right: 1px solid #006666 !important; }

.b-secondary {
  border: 1px solid #FE6A49 !important; }

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.b-success {
  border: 1px solid #00AC46 !important; }

.b-t-success {
  border-top: 1px solid #00AC46 !important; }

.border-t-success {
  border-top: 1px solid #00AC46 !important; }

.b-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.border-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.b-l-success {
  border-left: 1px solid #00AC46 !important; }

.border-l-success {
  border-left: 1px solid #00AC46 !important; }

.b-r-success {
  border-right: 1px solid #00AC46 !important; }

.border-r-success {
  border-right: 1px solid #00AC46 !important; }

.b-danger {
  border: 1px solid #FE6A49 !important; }

.b-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.border-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.border-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.b-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.border-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.b-info {
  border: 1px solid #173878 !important; }

.b-t-info {
  border-top: 1px solid #173878 !important; }

.border-t-info {
  border-top: 1px solid #173878 !important; }

.b-b-info {
  border-bottom: 1px solid #173878 !important; }

.border-b-info {
  border-bottom: 1px solid #173878 !important; }

.b-l-info {
  border-left: 1px solid #173878 !important; }

.border-l-info {
  border-left: 1px solid #173878 !important; }

.b-r-info {
  border-right: 1px solid #173878 !important; }

.border-r-info {
  border-right: 1px solid #173878 !important; }

.b-light {
  border: 1px solid #E6E9EB !important; }

.b-t-light {
  border-top: 1px solid #E6E9EB !important; }

.border-t-light {
  border-top: 1px solid #E6E9EB !important; }

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.b-l-light {
  border-left: 1px solid #E6E9EB !important; }

.border-l-light {
  border-left: 1px solid #E6E9EB !important; }

.b-r-light {
  border-right: 1px solid #E6E9EB !important; }

.border-r-light {
  border-right: 1px solid #E6E9EB !important; }

.b-dark {
  border: 1px solid #2c323f !important; }

.b-t-dark {
  border-top: 1px solid #2c323f !important; }

.border-t-dark {
  border-top: 1px solid #2c323f !important; }

.b-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.border-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.b-l-dark {
  border-left: 1px solid #2c323f !important; }

.border-l-dark {
  border-left: 1px solid #2c323f !important; }

.b-r-dark {
  border-right: 1px solid #2c323f !important; }

.border-r-dark {
  border-right: 1px solid #2c323f !important; }

.b-warning {
  border: 1px solid #FFAE1A !important; }

.b-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.border-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.b-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.border-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.b-r-warning {
  border-right: 1px solid #FFAE1A !important; }

.border-r-warning {
  border-right: 1px solid #FFAE1A !important; }

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-6 {
  border-width: 6px !important; }

.border-7 {
  border-width: 7px !important; }

.border-8 {
  border-width: 8px !important; }

.border-9 {
  border-width: 9px !important; }

.border-10 {
  border-width: 10px !important; }

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px; }

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa; }

.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px; }

.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3); }

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f; }
  .line pre {
    font-size: 100%; }

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important; }

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .options > div {
    color: #86909C;
    padding: 2px 10px;
    border: 1px solid; }
    .options > div:hover {
      background-color: #006666;
      color: #fff;
      transition: background-color 0.3s ease; }

/**====== Animation css Ends ======**/
.modal-footer {
  flex-wrap: wrap; }

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0; }

.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0; }

.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px; }

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666; }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #006666 !important; }

.typeahead .theme-form .form-group {
  margin-bottom: 0; }

.primary .svg-fill {
  fill: var(--theme-deafult); }
  .primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-deafult); }

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important; }

.secondary .svg-fill {
  fill: var(--theme-secondary); }
  .secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary); }

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important; }

.success .svg-fill {
  fill: #00AC46; }

.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important; }

.warning .svg-fill {
  fill: #FFAE1A; }

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important; }

.dotted {
  border-style: dotted; }

.dashed {
  border-style: dashed; }

.double {
  border-style: double; }

.groove {
  border-style: groove; }

.ridge {
  border-style: ridge; }

.inset {
  border-style: inset; }

.outset {
  border-style: outset; }

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px; }
  75% {
    opacity: .6;
    top: 0; }
  100% {
    opacity: 1; } }

.code-box-copy {
  width: 100%;
  overflow: auto; }

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%; }
  .custom-rs-12 {
    width: 100%; } }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px; }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none; }

.bg-gray {
  background-color: var(--text-gray); }

.text-gray {
  color: var(--text-gray) !important; }

.common-flex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

.common-space {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2); }

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3); }

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important; }

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important; }

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666; }

.badge-light-secondary {
  background-color: white;
  color: #FE6A49; }

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46; }

.badge-light-danger {
  background-color: white;
  color: #FE6A49; }

.badge-light-info {
  background-color: #6e96e3;
  color: #173878; }

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c; }

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f; }

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A; }

.fc .fc-button-primary.fc-button-active:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult), 0.2) !important; }

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%;
      margin-left: 0px; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .invoice-table-data {
    background-color: #f9f9fa; }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

/**=====================
    1.1 Reset CSS Ends
==========================**/
/**=====================
    1.2 Typography CSS start
==========================**/
body {
  font-size: 14px;
  overflow-x: hidden;
  font-family: "Montserrat", sans-serif;
  color: #051A1A; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0; }

h1 {
  font-size: 28px;
  font-weight: 600; }

h2 {
  font-size: 26px;
  font-weight: 600; }

h3 {
  font-size: 24px;
  font-weight: 600; }

h4 {
  font-size: 20px;
  font-weight: 600; }

h5 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4; }

h6 {
  font-size: 15px;
  font-weight: 600;
  line-height: 1; }

ul {
  padding-left: 0px;
  list-style-type: none;
  margin-bottom: 0; }

* a {
  color: var(--theme-deafult);
  text-decoration: none;
  letter-spacing: 1px; }

.f-m-light {
  margin: 0; }

a {
  font-size: 0.875rem;
  text-decoration: none;
  color: var(--theme-deafult); }
  a:hover {
    color: var(--theme-deafult); }
  a:focus-visible {
    outline: none; }

.btn {
  font-size: 14px; }

*.btn:focus {
  box-shadow: none !important; }

button:focus {
  outline: none !important; }

p {
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0.7px; }

code {
  color: var(--theme-deafult) !important;
  border-radius: 2px; }

.media {
  display: flex;
  align-items: flex-start; }
  .media .media-body {
    flex: 1; }

blockquote {
  border-left: 4px solid #006666;
  padding: 18px; }

.figure.text-center blockquote {
  border: none !important; }

.figure.text-end blockquote {
  border-left: none !important;
  border-right: 4px solid #006666; }

.row > div {
  position: relative; }

:focus {
  outline-color: var(--theme-deafult); }

.disabled {
  cursor: not-allowed;
  opacity: 0.5; }

svg {
  vertical-align: baseline; }

input:focus {
  outline-color: transparent; }

label {
  margin-bottom: .5rem;
  font-weight: 500; }

.media-widgets .media-body {
  margin-bottom: 30px; }

.typography h1,
.typography .h1,
.typography h2,
.typography .h2,
.typography h3,
.typography .h3,
.typography h4,
.typography .h4,
.typography h5,
.typography .h5,
.typography h6,
.typography .h6 {
  margin: 18px 0;
  margin-top: 0; }
  .typography h1:last-child,
  .typography .h1:last-child,
  .typography h2:last-child,
  .typography .h2:last-child,
  .typography h3:last-child,
  .typography .h3:last-child,
  .typography h4:last-child,
  .typography .h4:last-child,
  .typography h5:last-child,
  .typography .h5:last-child,
  .typography h6:last-child,
  .typography .h6:last-child {
    margin-bottom: 0; }

.typography small {
  padding-left: 10px;
  color: #2c323f; }

pre {
  background-color: rgba(0, 102, 102, 0.03);
  padding: 20px 0; }

.owl-theme .owl-dots .owl-dot span {
  background: rgba(0, 102, 102, 0.2); }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: var(--theme-deafult); }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-bottom: -10px;
  margin-top: 25px; }

.click2edit ~ .note-editor.note-frame {
  margin-bottom: 30px; }

.note-editor.note-frame {
  border-color: #E6E9EB; }

.note-editor.fullscreen .note-toolbar-wrapper {
  height: 0 !important; }

.note-editor.note-frame {
  border-color: #E6E9EB; }

.modal .modal-body .card {
  box-shadow: none !important; }

.modal-dialog .modal-content .modal-body p a {
  margin-right: 0; }

.notify-alert .close {
  color: #fff; }
  [dir="rtl"] .notify-alert .close {
    right: unset !important;
    left: 10px !important; }

.notify-alert.alert-light .close {
  color: #051A1A; }

.alert-theme button {
  top: 24px !important;
  right: 20px !important;
  color: var(--theme-deafult); }
  [dir="rtl"] .alert-theme button {
    right: unset !important;
    left: 20px !important; }

.alert-theme span + span + span {
  background-color: #fff;
  color: var(--theme-deafult);
  border-radius: 4px;
  box-shadow: 0 2px 14px -3px rgba(0, 0, 0, 0.2); }

.alert-theme .close {
  color: var(--theme-deafult); }

.alert-theme i {
  padding: 20px;
  padding-right: 0 !important;
  margin-right: 20px !important; }

.alert-theme .progress {
  margin-top: -2px !important;
  height: 2px;
  width: 100%; }
  .alert-theme .progress .progress-bar {
    background-color: var(--theme-deafult); }

.d-flex {
  display: flex;
  align-items: flex-start; }
  .d-flex .flex-grow-1 {
    flex: 1; }

.alert-copy {
  border: 1px solid var(--theme-deafult);
  line-height: 1;
  display: inline-block;
  width: 300px;
  color: #fff;
  background-color: var(--theme-deafult); }
  .alert-copy .close {
    box-shadow: none;
    color: #fff;
    line-height: 1.4;
    font-weight: 100;
    top: -15px; }
    [dir="rtl"] .alert-copy .close {
      right: unset !important;
      left: 10px !important; }
    .alert-copy .close:focus {
      outline: none; }

.ace-editor {
  height: 400px;
  width: 100%; }

.editor-toolbar {
  width: 100% !important; }
  .editor-toolbar.fullscreen {
    z-index: 100; }

.CodeMirror {
  top: 0 !important; }

.CodeMirror-fullscreen {
  top: 50px !important; }

.irs-from,
.irs-to,
.irs-single {
  background: var(--theme-deafult); }
  .irs-from:after,
  .irs-to:after,
  .irs-single:after {
    border-top-color: var(--theme-deafult); }

.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge {
  background-color: var(--theme-deafult); }

.swal-button {
  background-color: var(--theme-deafult); }
  .swal-button:active {
    background-color: #004d4d; }

.swal-button--cancel {
  background-color: #EFEFEE !important; }

.clipboaard-container h6 {
  line-height: 1.6;
  font-size: 14px; }

fieldset .bootstrap-touchspin-postfix,
fieldset .bootstrap-touchspin-prefix {
  border-radius: 0;
  padding: .4rem .75rem; }

fieldset .input-group-lg .touchspin {
  height: 50px; }

.f1 .f1-steps .f1-step .f1-step-icon {
  padding: 12px; }

.form-inline .form-group {
  display: flex; }

.input-group-text i {
  line-height: 1.5; }

.animated-modal .form-select {
  display: inline-block;
  width: auto;
  vertical-align: middle; }

.card-wrapper {
  padding: 14px; }
  .card-wrapper dl dt {
    font-weight: 500; }

/* ===== Scrollbar CSS ===== */
/* Firefox */
table tbody tr {
  vertical-align: middle; }

.typography-table thead tr th {
  font-size: 16px; }

.typography-table tbody tr td:last-child {
  min-width: 280px; }

.typography-table tbody tr td:first-child {
  min-width: 100px; }

/**=====================
    1.2 Typography CSS Ends
==========================**/
/**=====================
    2.1 According CSS start
==========================**/
.default-according .avatar-showcase {
  margin-bottom: 0; }

.default-according .card {
  margin-bottom: 0;
  box-shadow: none; }
  .default-according .card + .card {
    margin-top: 10px; }
  .default-according .card .btn-link {
    font-weight: 500;
    color: #051A1A;
    text-decoration: none; }
  .default-according .card .btn-link:focus, .default-according .card .btn-link:hover {
    text-decoration: none; }
  .default-according .card .card-header {
    padding: 0.75rem 1.25rem;
    border: 1px solid #ecf3fa; }
    .default-according .card .card-header i {
      position: absolute;
      left: 18px;
      font-size: 20px;
      top: 20px; }
    .default-according .card .card-header h5 {
      margin-top: 2px; }
  .default-according .card .card-body {
    border: 1px solid #ecf3fa;
    border-top: none; }

.default-according.style-1 button {
  width: 100%;
  text-align: left; }
  .default-according.style-1 button:before {
    right: 20px;
    position: absolute;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    font-size: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (max-width: 575px) {
      .default-according.style-1 button:before {
        right: 15px; } }
  .default-according.style-1 button[aria-expanded="true"]:before {
    content: "";
    font-family: IcoFont; }
  .default-according.style-1 button[aria-expanded="false"]:before {
    content: "";
    font-family: IcoFont; }

.accordion-button .svg-color {
  position: absolute;
  right: 20px; }
  [dir="rtl"] .accordion-button .svg-color {
    left: 20px;
    right: unset; }
  .accordion-button .svg-color::after {
    content: '';
    background-image: unset; }

.accordion-button:not(.collapsed) {
  background-color: unset;
  box-shadow: none; }
  .accordion-button:not(.collapsed)::after {
    background-image: unset; }

.accordion-button::after {
  background-image: unset; }

.accordion-button:focus {
  box-shadow: none; }

.accordion-button.accordion-light-primary:not(.collapsed) {
  background-color: rgba(0, 102, 102, 0.2); }

.accordion-button.accordion-light-primary:active, .accordion-button.accordion-light-primary.active {
  background-color: rgba(0, 102, 102, 0.2);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-primary {
  background-color: rgba(0, 102, 102, 0.2) !important; }

.accordion-button.accordion-light-secondary:not(.collapsed) {
  background-color: rgba(254, 106, 73, 0.3); }

.accordion-button.accordion-light-secondary:active, .accordion-button.accordion-light-secondary.active {
  background-color: rgba(254, 106, 73, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-secondary {
  background-color: rgba(254, 106, 73, 0.3) !important; }

.accordion-button.accordion-light-success:not(.collapsed) {
  background-color: rgba(0, 172, 70, 0.3); }

.accordion-button.accordion-light-success:active, .accordion-button.accordion-light-success.active {
  background-color: rgba(0, 172, 70, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-success {
  background-color: rgba(0, 172, 70, 0.3) !important; }

.accordion-button.accordion-light-warning:not(.collapsed) {
  background-color: rgba(255, 174, 26, 0.3); }

.accordion-button.accordion-light-warning:active, .accordion-button.accordion-light-warning.active {
  background-color: rgba(255, 174, 26, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-warning {
  background-color: rgba(255, 174, 26, 0.3) !important; }

.accordion-button.accordion-light-info:not(.collapsed) {
  background-color: rgba(23, 56, 120, 0.3); }

.accordion-button.accordion-light-info:active, .accordion-button.accordion-light-info.active {
  background-color: rgba(23, 56, 120, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-info {
  background-color: rgba(23, 56, 120, 0.3) !important; }

.accordion-button.accordion-light-light:not(.collapsed) {
  background-color: #F9F9FB; }

.accordion-button.accordion-light-light:active, .accordion-button.accordion-light-light.active {
  background-color: #F9F9FB;
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-light {
  background-color: #F9F9FB !important; }

.accordion-button.accordion-light-danger:not(.collapsed) {
  background-color: rgba(254, 106, 73, 0.3); }

.accordion-button.accordion-light-danger:active, .accordion-button.accordion-light-danger.active {
  background-color: rgba(254, 106, 73, 0.3);
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-danger {
  background-color: rgba(254, 106, 73, 0.3) !important; }

.accordion-button.accordion-light-dark:not(.collapsed) {
  background-color: #EAEBF2; }

.accordion-button.accordion-light-dark:active, .accordion-button.accordion-light-dark.active {
  background-color: #EAEBF2;
  color: #000;
  border-bottom: 1px solid #E6E9EB; }

.multi-collapse.show .collapse-wrapper.accordion-light-dark {
  background-color: #EAEBF2 !important; }

.accordion-item .accordion-button .svg-wrapper {
  width: 18px;
  height: 18px; }

.accordion-wrapper:active {
  border: 1px solid #006666;
  border-top: 1px solid #006666 !important; }

.accordion-border .accordion-item {
  border: 0; }

.icons-accordion .accordion-item:last-child .accordion-body {
  padding-bottom: 0 !important; }

.accordions-content li {
  color: #2c323f; }

.collapse-accordion .btn-dark.show {
  border-radius: 15px; }

/**=====================
    2.1 According CSS Ends
==========================**/
/**=====================
     2.2 Alert CSS start
==========================**/
.notify-alert .close {
  color: #006666;
  background: unset;
  border: none;
  font-size: 25px;
  top: 0px; }
  [dir="rtl"] .notify-alert .close {
    right: unset !important;
    left: 10px !important; }

.notify-alert.alert-light .close {
  color: #051A1A; }

.alert {
  border-radius: 0.15rem;
  padding: 15px; }
  .alert svg {
    vertical-align: middle; }
  .alert .progress {
    margin-top: 15px; }
  .alert [data-notify='icon'] {
    margin-right: 10px;
    line-height: 20px;
    position: absolute; }
  .alert [data-notify='message'] {
    display: inline-block;
    width: 100%; }
  .alert i {
    margin-right: 5px;
    font-size: 16px; }
  .alert p {
    margin-bottom: 0; }
  .alert .close {
    opacity: 1; }
    .alert .close span {
      font-size: 24px;
      font-weight: 400;
      display: inline-block;
      border-radius: 3px;
      text-shadow: none;
      padding: 0 5px;
      padding-right: 0; }

.alert-dismissible {
  padding-right: 2.5rem; }
  [dir="rtl"] .alert-dismissible {
    padding-right: 15px;
    padding-left: 2.5rem; }
  .alert-dismissible .close {
    padding: 10px 1.25rem;
    top: 4px;
    padding-right: 13px;
    opacity: 0.5;
    transition: all 0.3s ease; }
    .alert-dismissible .close:hover {
      transition: all 0.3s ease;
      opacity: 1;
      color: inherit; }

.card-body button:focus {
  outline: none; }

.card-body .alert:last-child {
  margin-bottom: 0; }

.card-body .alert svg {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  position: absolute;
  top: 18px; }
  .card-body .alert svg ~ p {
    padding-left: 20px; }

strong {
  display: inline-block; }
  strong ~ p {
    display: inline-block; }

.alert-primary {
  background-color: rgba(0, 102, 102, 0.9);
  border-color: rgba(0, 102, 102, 0.9);
  color: #fff; }
  .alert-primary .progress {
    height: 5px;
    background-color: #006161;
    border-radius: 0; }
  .alert-primary .progress-bar {
    background-color: #66ffff; }
  .alert-primary .btn-close {
    filter: brightness(1) invert(1); }
  .alert-primary .alert-link {
    color: #006666; }
  .alert-primary hr {
    border-top-color: #006666; }

.border-primary {
  border-color: #006666 !important; }

.income-wrapper ul li .income-dot.dot-primary {
  background-color: #006666; }

.touchspin-wrapper .btn-touchspin.touchspin-primary {
  background-color: #006666;
  border: 1px solid #006666;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-primary {
  background-color: unset;
  border: 1px solid #006666;
  color: #006666; }

.touchspin-wrapper input.spin-outline-primary[type='number'] {
  outline: 1px solid #006666;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-primary {
  background-color: #006666;
  border: 1px solid #006666;
  color: #fff; }

.form-switch .form-check-input.switch-primary:checked {
  background-color: #006666;
  border-color: #006666; }

.payment-second .mega-icons.stroke-primary {
  stroke: #006666; }

.toast-primary {
  color: #006666 !important; }

.list-group-horizontal-sm .list-group-item.border-left-primary, .list-group-horizontal-md .list-group-item.border-left-primary, .list-group-horizontal-lg .list-group-item.border-left-primary, .list-group-horizontal-xl .list-group-item.border-left-primary, .list-group-horizontal-xxl .list-group-item.border-left-primary {
  border-left: 4px solid #006666; }

.main-radio-toggle .btn-check.radio-light-primary:focus + .btn {
  box-shadow: 0 0 0 4px rgba(0, 102, 102, 0.55); }

.fill-radios .radio.radio-primary input[type='radio']:checked + label::before {
  border: 10px solid #006666; }

.fill-radios .radio.radio-primary input[type='radio']:checked + label::after {
  background-color: #006666; }

.list-group .form-check-input.checkbox-primary[type=checkbox]:checked,
.list-group .checkbox-primary[type=radio] {
  background-color: unset;
  border-color: #006666;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-primary[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-primary[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-primary.active[type=checkbox]:checked,
  .list-group .checkbox-primary[type=radio]:focus,
  .list-group .checkbox-primary[type=radio]:active,
  .list-group .checkbox-primary.active[type=radio] {
    border-color: #006666;
    outline: 0;
    background-color: #006666; }

.list-group .alert-primary.light {
  background-color: rgba(0, 102, 102, 0.4);
  border-color: rgba(0, 102, 102, 0.7); }

.list-group .alert-primary.dark {
  background-color: #006666;
  border-color: #006666;
  color: #fafafa; }
  .list-group .alert-primary.dark .alert-link {
    color: #fff; }

.list-group .alert-primary.outline,
.list-group .alert-primary.outline-2x {
  background-color: transparent;
  border-color: #006666;
  color: #006666; }
  .list-group .alert-primary.outline .btn-close,
  .list-group .alert-primary.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-primary.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #006666;
  color: #051A1A; }
  .list-group .alert-primary.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #006666;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-primary.inverse:before {
        left: 45px; } }
  .list-group .alert-primary.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #006666;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-primary.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-secondary {
  background-color: rgba(254, 106, 73, 0.9);
  border-color: rgba(254, 106, 73, 0.9);
  color: #fff; }
  .alert-secondary .progress {
    height: 5px;
    background-color: #fe6644;
    border-radius: 0; }
  .alert-secondary .progress-bar {
    background-color: white; }
  .alert-secondary .btn-close {
    filter: brightness(1) invert(1); }
  .alert-secondary .alert-link {
    color: #FE6A49; }
  .alert-secondary hr {
    border-top-color: #FE6A49; }

.border-secondary {
  border-color: #FE6A49 !important; }

.income-wrapper ul li .income-dot.dot-secondary {
  background-color: #FE6A49; }

.touchspin-wrapper .btn-touchspin.touchspin-secondary {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-secondary {
  background-color: unset;
  border: 1px solid #FE6A49;
  color: #FE6A49; }

.touchspin-wrapper input.spin-outline-secondary[type='number'] {
  outline: 1px solid #FE6A49;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-secondary {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.form-switch .form-check-input.switch-secondary:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.payment-second .mega-icons.stroke-secondary {
  stroke: #FE6A49; }

.toast-secondary {
  color: #FE6A49 !important; }

.list-group-horizontal-sm .list-group-item.border-left-secondary, .list-group-horizontal-md .list-group-item.border-left-secondary, .list-group-horizontal-lg .list-group-item.border-left-secondary, .list-group-horizontal-xl .list-group-item.border-left-secondary, .list-group-horizontal-xxl .list-group-item.border-left-secondary {
  border-left: 4px solid #FE6A49; }

.main-radio-toggle .btn-check.radio-light-secondary:focus + .btn {
  box-shadow: 0 0 0 4px rgba(254, 106, 73, 0.55); }

.fill-radios .radio.radio-secondary input[type='radio']:checked + label::before {
  border: 10px solid #FE6A49; }

.fill-radios .radio.radio-secondary input[type='radio']:checked + label::after {
  background-color: #FE6A49; }

.list-group .form-check-input.checkbox-secondary[type=checkbox]:checked,
.list-group .checkbox-secondary[type=radio] {
  background-color: unset;
  border-color: #FE6A49;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-secondary[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-secondary[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-secondary.active[type=checkbox]:checked,
  .list-group .checkbox-secondary[type=radio]:focus,
  .list-group .checkbox-secondary[type=radio]:active,
  .list-group .checkbox-secondary.active[type=radio] {
    border-color: #FE6A49;
    outline: 0;
    background-color: #FE6A49; }

.list-group .alert-secondary.light {
  background-color: rgba(254, 106, 73, 0.4);
  border-color: rgba(254, 106, 73, 0.7); }

.list-group .alert-secondary.dark {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fafafa; }
  .list-group .alert-secondary.dark .alert-link {
    color: #fff; }

.list-group .alert-secondary.outline,
.list-group .alert-secondary.outline-2x {
  background-color: transparent;
  border-color: #FE6A49;
  color: #FE6A49; }
  .list-group .alert-secondary.outline .btn-close,
  .list-group .alert-secondary.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-secondary.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FE6A49;
  color: #051A1A; }
  .list-group .alert-secondary.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #FE6A49;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-secondary.inverse:before {
        left: 45px; } }
  .list-group .alert-secondary.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #FE6A49;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-secondary.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-success {
  background-color: rgba(0, 172, 70, 0.9);
  border-color: rgba(0, 172, 70, 0.9);
  color: #fff; }
  .alert-success .progress {
    height: 5px;
    background-color: #00a744;
    border-radius: 0; }
  .alert-success .progress-bar {
    background-color: #acffce; }
  .alert-success .btn-close {
    filter: brightness(1) invert(1); }
  .alert-success .alert-link {
    color: #00AC46; }
  .alert-success hr {
    border-top-color: #00AC46; }

.border-success {
  border-color: #00AC46 !important; }

.income-wrapper ul li .income-dot.dot-success {
  background-color: #00AC46; }

.touchspin-wrapper .btn-touchspin.touchspin-success {
  background-color: #00AC46;
  border: 1px solid #00AC46;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-success {
  background-color: unset;
  border: 1px solid #00AC46;
  color: #00AC46; }

.touchspin-wrapper input.spin-outline-success[type='number'] {
  outline: 1px solid #00AC46;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-success {
  background-color: #00AC46;
  border: 1px solid #00AC46;
  color: #fff; }

.form-switch .form-check-input.switch-success:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.payment-second .mega-icons.stroke-success {
  stroke: #00AC46; }

.toast-success {
  color: #00AC46 !important; }

.list-group-horizontal-sm .list-group-item.border-left-success, .list-group-horizontal-md .list-group-item.border-left-success, .list-group-horizontal-lg .list-group-item.border-left-success, .list-group-horizontal-xl .list-group-item.border-left-success, .list-group-horizontal-xxl .list-group-item.border-left-success {
  border-left: 4px solid #00AC46; }

.main-radio-toggle .btn-check.radio-light-success:focus + .btn {
  box-shadow: 0 0 0 4px rgba(0, 172, 70, 0.55); }

.fill-radios .radio.radio-success input[type='radio']:checked + label::before {
  border: 10px solid #00AC46; }

.fill-radios .radio.radio-success input[type='radio']:checked + label::after {
  background-color: #00AC46; }

.list-group .form-check-input.checkbox-success[type=checkbox]:checked,
.list-group .checkbox-success[type=radio] {
  background-color: unset;
  border-color: #00AC46;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-success[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-success[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-success.active[type=checkbox]:checked,
  .list-group .checkbox-success[type=radio]:focus,
  .list-group .checkbox-success[type=radio]:active,
  .list-group .checkbox-success.active[type=radio] {
    border-color: #00AC46;
    outline: 0;
    background-color: #00AC46; }

.list-group .alert-success.light {
  background-color: rgba(0, 172, 70, 0.4);
  border-color: rgba(0, 172, 70, 0.7); }

.list-group .alert-success.dark {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fafafa; }
  .list-group .alert-success.dark .alert-link {
    color: #fff; }

.list-group .alert-success.outline,
.list-group .alert-success.outline-2x {
  background-color: transparent;
  border-color: #00AC46;
  color: #00AC46; }
  .list-group .alert-success.outline .btn-close,
  .list-group .alert-success.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-success.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #00AC46;
  color: #051A1A; }
  .list-group .alert-success.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #00AC46;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-success.inverse:before {
        left: 45px; } }
  .list-group .alert-success.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #00AC46;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-success.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-danger {
  background-color: rgba(254, 106, 73, 0.9);
  border-color: rgba(254, 106, 73, 0.9);
  color: #fff; }
  .alert-danger .progress {
    height: 5px;
    background-color: #fe6644;
    border-radius: 0; }
  .alert-danger .progress-bar {
    background-color: white; }
  .alert-danger .btn-close {
    filter: brightness(1) invert(1); }
  .alert-danger .alert-link {
    color: #FE6A49; }
  .alert-danger hr {
    border-top-color: #FE6A49; }

.border-danger {
  border-color: #FE6A49 !important; }

.income-wrapper ul li .income-dot.dot-danger {
  background-color: #FE6A49; }

.touchspin-wrapper .btn-touchspin.touchspin-danger {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-danger {
  background-color: unset;
  border: 1px solid #FE6A49;
  color: #FE6A49; }

.touchspin-wrapper input.spin-outline-danger[type='number'] {
  outline: 1px solid #FE6A49;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-danger {
  background-color: #FE6A49;
  border: 1px solid #FE6A49;
  color: #fff; }

.form-switch .form-check-input.switch-danger:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.payment-second .mega-icons.stroke-danger {
  stroke: #FE6A49; }

.toast-danger {
  color: #FE6A49 !important; }

.list-group-horizontal-sm .list-group-item.border-left-danger, .list-group-horizontal-md .list-group-item.border-left-danger, .list-group-horizontal-lg .list-group-item.border-left-danger, .list-group-horizontal-xl .list-group-item.border-left-danger, .list-group-horizontal-xxl .list-group-item.border-left-danger {
  border-left: 4px solid #FE6A49; }

.main-radio-toggle .btn-check.radio-light-danger:focus + .btn {
  box-shadow: 0 0 0 4px rgba(254, 106, 73, 0.55); }

.fill-radios .radio.radio-danger input[type='radio']:checked + label::before {
  border: 10px solid #FE6A49; }

.fill-radios .radio.radio-danger input[type='radio']:checked + label::after {
  background-color: #FE6A49; }

.list-group .form-check-input.checkbox-danger[type=checkbox]:checked,
.list-group .checkbox-danger[type=radio] {
  background-color: unset;
  border-color: #FE6A49;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-danger[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-danger[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-danger.active[type=checkbox]:checked,
  .list-group .checkbox-danger[type=radio]:focus,
  .list-group .checkbox-danger[type=radio]:active,
  .list-group .checkbox-danger.active[type=radio] {
    border-color: #FE6A49;
    outline: 0;
    background-color: #FE6A49; }

.list-group .alert-danger.light {
  background-color: rgba(254, 106, 73, 0.4);
  border-color: rgba(254, 106, 73, 0.7); }

.list-group .alert-danger.dark {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fafafa; }
  .list-group .alert-danger.dark .alert-link {
    color: #fff; }

.list-group .alert-danger.outline,
.list-group .alert-danger.outline-2x {
  background-color: transparent;
  border-color: #FE6A49;
  color: #FE6A49; }
  .list-group .alert-danger.outline .btn-close,
  .list-group .alert-danger.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-danger.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FE6A49;
  color: #051A1A; }
  .list-group .alert-danger.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #FE6A49;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-danger.inverse:before {
        left: 45px; } }
  .list-group .alert-danger.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #FE6A49;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-danger.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-warning {
  background-color: rgba(255, 174, 26, 0.9);
  border-color: rgba(255, 174, 26, 0.9);
  color: #fff; }
  .alert-warning .progress {
    height: 5px;
    background-color: #ffac15;
    border-radius: 0; }
  .alert-warning .progress-bar {
    background-color: white; }
  .alert-warning .btn-close {
    filter: brightness(1) invert(1); }
  .alert-warning .alert-link {
    color: #FFAE1A; }
  .alert-warning hr {
    border-top-color: #FFAE1A; }

.border-warning {
  border-color: #FFAE1A !important; }

.income-wrapper ul li .income-dot.dot-warning {
  background-color: #FFAE1A; }

.touchspin-wrapper .btn-touchspin.touchspin-warning {
  background-color: #FFAE1A;
  border: 1px solid #FFAE1A;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-warning {
  background-color: unset;
  border: 1px solid #FFAE1A;
  color: #FFAE1A; }

.touchspin-wrapper input.spin-outline-warning[type='number'] {
  outline: 1px solid #FFAE1A;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-warning {
  background-color: #FFAE1A;
  border: 1px solid #FFAE1A;
  color: #fff; }

.form-switch .form-check-input.switch-warning:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

.payment-second .mega-icons.stroke-warning {
  stroke: #FFAE1A; }

.toast-warning {
  color: #FFAE1A !important; }

.list-group-horizontal-sm .list-group-item.border-left-warning, .list-group-horizontal-md .list-group-item.border-left-warning, .list-group-horizontal-lg .list-group-item.border-left-warning, .list-group-horizontal-xl .list-group-item.border-left-warning, .list-group-horizontal-xxl .list-group-item.border-left-warning {
  border-left: 4px solid #FFAE1A; }

.main-radio-toggle .btn-check.radio-light-warning:focus + .btn {
  box-shadow: 0 0 0 4px rgba(255, 174, 26, 0.55); }

.fill-radios .radio.radio-warning input[type='radio']:checked + label::before {
  border: 10px solid #FFAE1A; }

.fill-radios .radio.radio-warning input[type='radio']:checked + label::after {
  background-color: #FFAE1A; }

.list-group .form-check-input.checkbox-warning[type=checkbox]:checked,
.list-group .checkbox-warning[type=radio] {
  background-color: unset;
  border-color: #FFAE1A;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-warning[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-warning[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-warning.active[type=checkbox]:checked,
  .list-group .checkbox-warning[type=radio]:focus,
  .list-group .checkbox-warning[type=radio]:active,
  .list-group .checkbox-warning.active[type=radio] {
    border-color: #FFAE1A;
    outline: 0;
    background-color: #FFAE1A; }

.list-group .alert-warning.light {
  background-color: rgba(255, 174, 26, 0.4);
  border-color: rgba(255, 174, 26, 0.7); }

.list-group .alert-warning.dark {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fafafa; }
  .list-group .alert-warning.dark .alert-link {
    color: #fff; }

.list-group .alert-warning.outline,
.list-group .alert-warning.outline-2x {
  background-color: transparent;
  border-color: #FFAE1A;
  color: #FFAE1A; }
  .list-group .alert-warning.outline .btn-close,
  .list-group .alert-warning.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-warning.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #FFAE1A;
  color: #051A1A; }
  .list-group .alert-warning.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #FFAE1A;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-warning.inverse:before {
        left: 45px; } }
  .list-group .alert-warning.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #FFAE1A;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-warning.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-info {
  background-color: rgba(23, 56, 120, 0.9);
  border-color: rgba(23, 56, 120, 0.9);
  color: #fff; }
  .alert-info .progress {
    height: 5px;
    background-color: #163674;
    border-radius: 0; }
  .alert-info .progress-bar {
    background-color: #a1bbed; }
  .alert-info .btn-close {
    filter: brightness(1) invert(1); }
  .alert-info .alert-link {
    color: #173878; }
  .alert-info hr {
    border-top-color: #173878; }

.border-info {
  border-color: #173878 !important; }

.income-wrapper ul li .income-dot.dot-info {
  background-color: #173878; }

.touchspin-wrapper .btn-touchspin.touchspin-info {
  background-color: #173878;
  border: 1px solid #173878;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-info {
  background-color: unset;
  border: 1px solid #173878;
  color: #173878; }

.touchspin-wrapper input.spin-outline-info[type='number'] {
  outline: 1px solid #173878;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-info {
  background-color: #173878;
  border: 1px solid #173878;
  color: #fff; }

.form-switch .form-check-input.switch-info:checked {
  background-color: #173878;
  border-color: #173878; }

.payment-second .mega-icons.stroke-info {
  stroke: #173878; }

.toast-info {
  color: #173878 !important; }

.list-group-horizontal-sm .list-group-item.border-left-info, .list-group-horizontal-md .list-group-item.border-left-info, .list-group-horizontal-lg .list-group-item.border-left-info, .list-group-horizontal-xl .list-group-item.border-left-info, .list-group-horizontal-xxl .list-group-item.border-left-info {
  border-left: 4px solid #173878; }

.main-radio-toggle .btn-check.radio-light-info:focus + .btn {
  box-shadow: 0 0 0 4px rgba(23, 56, 120, 0.55); }

.fill-radios .radio.radio-info input[type='radio']:checked + label::before {
  border: 10px solid #173878; }

.fill-radios .radio.radio-info input[type='radio']:checked + label::after {
  background-color: #173878; }

.list-group .form-check-input.checkbox-info[type=checkbox]:checked,
.list-group .checkbox-info[type=radio] {
  background-color: unset;
  border-color: #173878;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-info[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-info[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-info.active[type=checkbox]:checked,
  .list-group .checkbox-info[type=radio]:focus,
  .list-group .checkbox-info[type=radio]:active,
  .list-group .checkbox-info.active[type=radio] {
    border-color: #173878;
    outline: 0;
    background-color: #173878; }

.list-group .alert-info.light {
  background-color: rgba(23, 56, 120, 0.4);
  border-color: rgba(23, 56, 120, 0.7); }

.list-group .alert-info.dark {
  background-color: #173878;
  border-color: #173878;
  color: #fafafa; }
  .list-group .alert-info.dark .alert-link {
    color: #fff; }

.list-group .alert-info.outline,
.list-group .alert-info.outline-2x {
  background-color: transparent;
  border-color: #173878;
  color: #173878; }
  .list-group .alert-info.outline .btn-close,
  .list-group .alert-info.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-info.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #173878;
  color: #051A1A; }
  .list-group .alert-info.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #173878;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-info.inverse:before {
        left: 45px; } }
  .list-group .alert-info.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #173878;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-info.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-light {
  background-color: rgba(230, 233, 235, 0.9);
  border-color: rgba(230, 233, 235, 0.9);
  color: #fff;
  color: #2c323f;
  background-color: #E6E9EB; }
  .alert-light .progress {
    height: 5px;
    background-color: #e3e7e9;
    border-radius: 0; }
  .alert-light .progress-bar {
    background-color: white; }
  .alert-light .btn-close {
    filter: brightness(1) invert(1); }
  .alert-light .alert-link {
    color: #E6E9EB;
    color: #2c323f; }
  .alert-light .btn-close {
    filter: unset; }
  .alert-light hr {
    border-top-color: #E6E9EB; }

.border-light {
  border-color: #E6E9EB !important; }

.income-wrapper ul li .income-dot.dot-light {
  background-color: #E6E9EB; }

.touchspin-wrapper .btn-touchspin.touchspin-light {
  background-color: #E6E9EB;
  border: 1px solid #E6E9EB;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-light {
  background-color: unset;
  border: 1px solid #E6E9EB;
  color: #E6E9EB; }

.touchspin-wrapper input.spin-outline-light[type='number'] {
  outline: 1px solid #E6E9EB;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-light {
  background-color: #E6E9EB;
  border: 1px solid #E6E9EB;
  color: #fff; }

.form-switch .form-check-input.switch-light:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.payment-second .mega-icons.stroke-light {
  stroke: #E6E9EB; }

.toast-light {
  color: #E6E9EB !important; }

.list-group-horizontal-sm .list-group-item.border-left-light, .list-group-horizontal-md .list-group-item.border-left-light, .list-group-horizontal-lg .list-group-item.border-left-light, .list-group-horizontal-xl .list-group-item.border-left-light, .list-group-horizontal-xxl .list-group-item.border-left-light {
  border-left: 4px solid #E6E9EB; }

.main-radio-toggle .btn-check.radio-light-light:focus + .btn {
  box-shadow: 0 0 0 4px rgba(230, 233, 235, 0.55); }

.fill-radios .radio.radio-light input[type='radio']:checked + label::before {
  border: 10px solid #E6E9EB; }

.fill-radios .radio.radio-light input[type='radio']:checked + label::after {
  background-color: #E6E9EB; }

.list-group .form-check-input.checkbox-light[type=checkbox]:checked,
.list-group .checkbox-light[type=radio] {
  background-color: unset;
  border-color: #E6E9EB;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-light[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-light[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-light.active[type=checkbox]:checked,
  .list-group .checkbox-light[type=radio]:focus,
  .list-group .checkbox-light[type=radio]:active,
  .list-group .checkbox-light.active[type=radio] {
    border-color: #E6E9EB;
    outline: 0;
    background-color: #E6E9EB; }

.list-group .alert-light.light {
  background-color: rgba(230, 233, 235, 0.4);
  border-color: rgba(230, 233, 235, 0.7); }

.list-group .alert-light.dark {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fafafa;
  color: #2c323f; }
  .list-group .alert-light.dark .alert-link {
    color: #fff;
    color: #2c323f; }

.list-group .alert-light.outline,
.list-group .alert-light.outline-2x {
  background-color: transparent;
  border-color: #E6E9EB;
  color: #E6E9EB;
  color: #2c323f; }
  .list-group .alert-light.outline .btn-close,
  .list-group .alert-light.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-light.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #E6E9EB;
  color: #051A1A; }
  .list-group .alert-light.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #E6E9EB;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-light.inverse:before {
        left: 45px; } }
  .list-group .alert-light.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #E6E9EB;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-light.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.alert-dark {
  background-color: rgba(44, 50, 63, 0.9);
  border-color: rgba(44, 50, 63, 0.9);
  color: #fff; }
  .alert-dark .progress {
    height: 5px;
    background-color: #2a303c;
    border-radius: 0; }
  .alert-dark .progress-bar {
    background-color: #a8b0c2; }
  .alert-dark .btn-close {
    filter: brightness(1) invert(1); }
  .alert-dark .alert-link {
    color: #2c323f; }
  .alert-dark hr {
    border-top-color: #2c323f; }

.border-dark {
  border-color: #2c323f !important; }

.income-wrapper ul li .income-dot.dot-dark {
  background-color: #2c323f; }

.touchspin-wrapper .btn-touchspin.touchspin-dark {
  background-color: #2c323f;
  border: 1px solid #2c323f;
  color: #fff; }

.touchspin-wrapper .btn-touchspin.spin-border-dark {
  background-color: unset;
  border: 1px solid #2c323f;
  color: #2c323f; }

.touchspin-wrapper input.spin-outline-dark[type='number'] {
  outline: 1px solid #2c323f;
  border: none;
  border-radius: 3px; }

.pre-post-touchspin .btn-touchspin.touchspin-dark {
  background-color: #2c323f;
  border: 1px solid #2c323f;
  color: #fff; }

.form-switch .form-check-input.switch-dark:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.payment-second .mega-icons.stroke-dark {
  stroke: #2c323f; }

.toast-dark {
  color: #2c323f !important; }

.list-group-horizontal-sm .list-group-item.border-left-dark, .list-group-horizontal-md .list-group-item.border-left-dark, .list-group-horizontal-lg .list-group-item.border-left-dark, .list-group-horizontal-xl .list-group-item.border-left-dark, .list-group-horizontal-xxl .list-group-item.border-left-dark {
  border-left: 4px solid #2c323f; }

.main-radio-toggle .btn-check.radio-light-dark:focus + .btn {
  box-shadow: 0 0 0 4px rgba(44, 50, 63, 0.55); }

.fill-radios .radio.radio-dark input[type='radio']:checked + label::before {
  border: 10px solid #2c323f; }

.fill-radios .radio.radio-dark input[type='radio']:checked + label::after {
  background-color: #2c323f; }

.list-group .form-check-input.checkbox-dark[type=checkbox]:checked,
.list-group .checkbox-dark[type=radio] {
  background-color: unset;
  border-color: #2c323f;
  outline: 0;
  background-color: unset; }
  .list-group .form-check-input.checkbox-dark[type=checkbox]:checked:focus, .list-group .form-check-input.checkbox-dark[type=checkbox]:checked:active, .list-group .form-check-input.checkbox-dark.active[type=checkbox]:checked,
  .list-group .checkbox-dark[type=radio]:focus,
  .list-group .checkbox-dark[type=radio]:active,
  .list-group .checkbox-dark.active[type=radio] {
    border-color: #2c323f;
    outline: 0;
    background-color: #2c323f; }

.list-group .alert-dark.light {
  background-color: rgba(44, 50, 63, 0.4);
  border-color: rgba(44, 50, 63, 0.7); }

.list-group .alert-dark.dark {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fafafa; }
  .list-group .alert-dark.dark .alert-link {
    color: #fff; }

.list-group .alert-dark.outline,
.list-group .alert-dark.outline-2x {
  background-color: transparent;
  border-color: #2c323f;
  color: #2c323f; }
  .list-group .alert-dark.outline .btn-close,
  .list-group .alert-dark.outline-2x .btn-close {
    filter: unset; }

.list-group .alert-dark.inverse {
  background-color: transparent;
  padding: 13px 20px 13px 65px;
  border-color: #2c323f;
  color: #051A1A; }
  .list-group .alert-dark.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #2c323f;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    @media (max-width: 576px) {
      .list-group .alert-dark.inverse:before {
        left: 45px; } }
  .list-group .alert-dark.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #2c323f;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    @media (max-width: 576px) {
      .list-group .alert-dark.inverse i {
        padding: 17px 14px; } }
.list-group .btn-close {
  filter: unset;
  top: -3px; }

.outline-2x {
  border-width: 2px;
  padding: 11px 1.25rem; }

.alert-icons.outline-2x {
  padding: 15px; }

.alert-icons svg {
  position: absolute !important;
  top: 18px !important; }

.alert-dark .btn-close,
.alert-info .btn-close {
  filter: none; }

.border-left-wrapper {
  border-left: 4px solid #2c323f; }

.alert-light-primary {
  background-color: rgba(0, 102, 102, 0.2); }

.alert-light-secondary {
  background-color: rgba(254, 106, 73, 0.3); }

.alert-light-success {
  background-color: rgba(0, 172, 70, 0.3); }

.alert-light-warning {
  background-color: rgba(255, 174, 26, 0.3); }

.alert-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.alert-light-light {
  background-color: #F9F9FB; }

.alert-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.alert-light-dark {
  background-color: #EAEBF2; }

.alert-arrow {
  min-width: 55px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }
  .alert-arrow i {
    margin-right: 0; }

@media (max-width: 576px) {
  .ellipsis.content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 294px; } }

@media (max-width: 575px) {
  .ellipsis.content {
    max-width: 180px; } }

.alert-dismissible {
  display: flex;
  align-items: center;
  gap: 8px; }

.alert.notify-alert.alert-copy {
  display: flex !important; }

/**=====================
   2.2 Alert CSS end
==========================**/
/**=====================
  2.3 Avatars CSS start
==========================**/
.avatars .avatar {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  width: auto; }
  .avatars .avatar:last-child {
    margin-right: 0; }
  .avatars .avatar.ratio img {
    width: auto; }
  .avatars .avatar .status {
    position: absolute;
    height: 18%;
    width: 18%;
    border-radius: 100%;
    bottom: 12%;
    right: 4%;
    border: 1px solid; }

.customers ul {
  display: inline-block; }
  .customers ul li img {
    border: 2px solid var(--white);
    transition: 0.5s; }
    .customers ul li img:hover {
      transform: translateY(-4px) scale(1.02);
      transition: 0.5s; }
  .customers ul li + li {
    margin-left: -7%; }
  .customers ul li:last-child p {
    color: #051A1A !important;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: 500;
    border: 2px solid #E6E9EB !important; }

.customers.avatar-group {
  margin-right: 30px; }
  .customers.avatar-group:last-child {
    margin-right: 0; }

.avatar-showcase {
  margin-bottom: -10px; }
  .avatar-showcase .avatars .avatar {
    margin-bottom: 10px; }
  .avatar-showcase .avatar-group {
    margin-bottom: 10px; }
  .avatar-showcase .ratio > * {
    position: relative;
    top: unset;
    left: unset; }

/**=====================
    2.3 Avatars CSS Ends
==========================**/
/**=====================
    2.4 Badge CSS start
==========================**/
.badge-spacing {
  display: flex;
  flex-wrap: wrap;
  gap: 12px; }
  .badge-spacing .badge {
    padding: 6px 12px;
    font-size: 12px; }
    .badge-spacing .badge.badge svg {
      padding-top: 0px; }
    .badge-spacing .badge.rounded-circle {
      padding: 10px 14px;
      display: flex;
      justify-content: center;
      align-items: center; }
    .badge-spacing .badge.badge-p-space {
      padding: 10px 13px; }
    .badge-spacing .badge + .badge {
      margin-left: 0px; }
    .badge-spacing .badge.btn-p-space {
      padding: 8px 10px; }

a.badge:hover {
  color: inherit; }
  a.badge.badge-dark:hover:hover {
    color: #fff; }

.badge {
  padding: 8px 16px;
  font-family: "Montserrat", sans-serif, sans-serif;
  font-weight: 500; }
  .badge + .badge {
    margin-left: 5px; }
  .badge svg {
    width: 16px;
    height: 16px;
    padding-top: 3px; }

.b-ln-height {
  line-height: 5px; }

.pill-badge-primary {
  background-color: var(--theme-deafult);
  box-shadow: -0.5px 4.33px 16px 0px rgba(var(--theme-deafult), 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-secondary {
  background-color: #FE6A49;
  box-shadow: -0.5px 4.33px 16px 0px rgba(254, 106, 73, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-success {
  background-color: #00AC46;
  box-shadow: -0.5px 4.33px 16px 0px rgba(0, 172, 70, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-danger {
  background-color: #FE6A49;
  box-shadow: -0.5px 4.33px 16px 0px rgba(254, 106, 73, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-info {
  background-color: #173878;
  box-shadow: -0.5px 4.33px 16px 0px rgba(23, 56, 120, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-light {
  background-color: #E6E9EB;
  box-shadow: -0.5px 4.33px 16px 0px rgba(230, 233, 235, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-dark {
  background-color: #2c323f;
  box-shadow: -0.5px 4.33px 16px 0px rgba(44, 50, 63, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-warning {
  background-color: #FFAE1A;
  box-shadow: -0.5px 4.33px 16px 0px rgba(255, 174, 26, 0.25);
  color: #fff;
  border-radius: 0; }

.pill-badge-primary {
  background-color: var(--theme-deafult); }

.pill-badge-secondary {
  background-color: var(--theme-secondary); }

.round-badge-primary {
  border-radius: 6px;
  background-color: var(--theme-deafult);
  box-shadow: -0.5px -6.67px 14px 0px rgba(var(--theme-deafult), 0.18);
  color: #fff !important; }

.round-badge-secondary {
  border-radius: 6px;
  background-color: #FE6A49;
  box-shadow: -0.5px -6.67px 14px 0px rgba(254, 106, 73, 0.18);
  color: #fff !important; }

.round-badge-success {
  border-radius: 6px;
  background-color: #00AC46;
  box-shadow: -0.5px -6.67px 14px 0px rgba(0, 172, 70, 0.18);
  color: #fff !important; }

.round-badge-danger {
  border-radius: 6px;
  background-color: #FE6A49;
  box-shadow: -0.5px -6.67px 14px 0px rgba(254, 106, 73, 0.18);
  color: #fff !important; }

.round-badge-info {
  border-radius: 6px;
  background-color: #173878;
  box-shadow: -0.5px -6.67px 14px 0px rgba(23, 56, 120, 0.18);
  color: #fff !important; }

.round-badge-light {
  border-radius: 6px;
  background-color: #E6E9EB;
  box-shadow: -0.5px -6.67px 14px 0px rgba(230, 233, 235, 0.18);
  color: #fff !important; }

.round-badge-dark {
  border-radius: 6px;
  background-color: #2c323f;
  box-shadow: -0.5px -6.67px 14px 0px rgba(44, 50, 63, 0.18);
  color: #fff !important; }

.round-badge-warning {
  border-radius: 6px;
  background-color: #FFAE1A;
  box-shadow: -0.5px -6.67px 14px 0px rgba(255, 174, 26, 0.18);
  color: #fff !important; }

.round-badge-primary {
  background-color: var(--theme-deafult); }

.round-badge-secondary {
  background-color: var(--theme-secondary); }

.badge-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 8px; }

/**=====================
  2.4 Badge CSS Ends
==========================**/
/**=====================
    2.5 Bookmark CSS start
==========================**/
.bookmark ul li {
  display: inline-block; }
  .bookmark ul li .search-form {
    position: absolute;
    bottom: 53px;
    z-index: 1; }
    .bookmark ul li .search-form .form-control-search {
      top: 65px;
      position: absolute;
      transition: all linear 0.3s;
      right: -20px;
      transform: translateY(-35px) scaleY(0);
      opacity: 0;
      visibility: hidden; }
      .bookmark ul li .search-form .form-control-search input {
        width: 240px;
        background-color: #fff;
        box-shadow: 0 5px 21px rgba(0, 0, 0, 0.1); }
      .bookmark ul li .search-form .form-control-search.open {
        transform: translateY(0px) scaleY(1);
        opacity: 1;
        visibility: visible;
        transition: all linear 0.3s;
        z-index: 100; }
      .bookmark ul li .search-form .form-control-search:after {
        top: 12px;
        left: 20px;
        z-index: 1; }
      .bookmark ul li .search-form .form-control-search:before {
        left: 50px;
        top: 9px;
        z-index: 2; }
  .bookmark ul li a {
    position: relative;
    color: #051A1A; }
    .bookmark ul li a svg {
      vertical-align: middle;
      height: 20px;
      width: 20px; }
  .bookmark ul li + li {
    margin-left: 10px; }
  .bookmark ul li:last-child {
    padding-right: 0; }
    .bookmark ul li:last-child a {
      border-radius: 5px; }
      .bookmark ul li:last-child a svg {
        color: #ff9f40; }

.offcanvas-bookmark.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body .bookmark ul li a {
  z-index: 99999;
  color: rgba(255, 255, 255, 0.5); }

.offcanvas-bookmark:before {
  position: fixed;
  content: '';
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  z-index: 1;
  right: 0;
  left: 0; }

body.modal-open .select2-container--open {
  width: unset !important;
  display: block; }
  body.modal-open .select2-container--open .select2-dropdown {
    z-index: 1076; }

/**=====================
    2.5 Bookmark CSS Ends
==========================**/
/**=====================
2.6 Breadcrumb CSS Start
==========================**/
.breadcrumb-colored {
  padding: 12px 16px;
  border-radius: 4px; }
  .breadcrumb-colored li a {
    color: #fff; }
  .breadcrumb-colored li.active {
    color: #fff;
    opacity: 0.7; }
  .breadcrumb-colored .breadcrumb-item:before {
    color: #fff; }
  .breadcrumb-colored .breadcrumb-item.txt-dark:before {
    color: #000; }

.breadcrumb-icon {
  --bs-breadcrumb-divider: '>'; }
  .breadcrumb-icon li {
    display: inline-block; }

.breadcrumb-no-divider {
  --bs-breadcrumb-divider: ''; }

.breadcrumb-item.active {
  text-transform: capitalize; }

.breadcrumb-space .breadcrumb-item::before {
  padding-right: 0; }

/**=====================
	2.6 Breadcrumb CSS ends
==========================**/
/**=====================
    2.7 Basic-card CSS Start
==========================**/
.dark-color-header {
  background-color: unset !important;
  color: #006666; }
  .dark-color-header ul li:first-child i, .dark-color-header ul li:last-child i {
    color: #006666 !important; }
  .dark-color-header ul li i {
    color: #E6E9EB !important; }

/**=====================
  2.7 Basic-card CSS Ends
==========================**/
/**=====================
  2.9 Buttons CSS start
==========================**/
.btn-link {
  color: var(--theme-deafult); }

.purchase-btn {
  background: linear-gradient(90deg, var(--theme-deafult) -18.33%, #006666 62.78%);
  padding: 12px 20px;
  min-width: 200px;
  border: none;
  transition: 0.5s; }
  .purchase-btn:hover {
    background: linear-gradient(90deg, #006666 -18.33%, var(--theme-deafult) 62.78%);
    transition: 0.5s; }
  @media (max-width: 991px) {
    .purchase-btn {
      min-width: 160px; } }
  @media (max-width: 767px) {
    .purchase-btn {
      min-width: 140px;
      padding: 10px 17px;
      font-size: 16px; } }
  @media (max-width: 575px) {
    .purchase-btn {
      font-size: 14px; } }
.btn-light.active.active:not([disabled]):not(.disabled) {
  color: #051A1A !important;
  background-color: #e0e4e6 !important; }

.btn-primary-gradien {
  background-image: linear-gradient(to right, #008f8f 0%, #003d3d 51%, #008f8f 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease;
  color: #fff; }
  .btn-primary-gradien:focus, .btn-primary-gradien:active, .btn-primary-gradien.active {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #008f8f, 0%, #003d3d, 100%, #fff) !important; }

.btn-secondary-gradien {
  background-image: linear-gradient(to right, #fe8b72 0%, #fe4920 51%, #fe8b72 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-secondary-gradien:hover, .btn-secondary-gradien:focus, .btn-secondary-gradien:active, .btn-secondary-gradien.active, .btn-secondary-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #fe8b72, 0%, #fe4920, 100%, #fff) !important; }

.btn-success-gradien {
  background-image: linear-gradient(to right, #00d557 0%, #008335 51%, #00d557 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-success-gradien:hover, .btn-success-gradien:focus, .btn-success-gradien:active, .btn-success-gradien.active, .btn-success-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #00d557, 0%, #008335, 100%, #fff) !important; }

.btn-danger-gradien {
  background-image: linear-gradient(to right, #fe8b72 0%, #fe4920 51%, #fe8b72 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-danger-gradien:hover, .btn-danger-gradien:focus, .btn-danger-gradien:active, .btn-danger-gradien.active, .btn-danger-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #fe8b72, 0%, #fe4920, 100%, #fff) !important; }

.btn-warning-gradien {
  background-image: linear-gradient(to right, #ffbc43 0%, #f09b00 51%, #ffbc43 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-warning-gradien:hover, .btn-warning-gradien:focus, .btn-warning-gradien:active, .btn-warning-gradien.active, .btn-warning-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #ffbc43, 0%, #f09b00, 100%, #fff) !important; }

.btn-info-gradien {
  background-image: linear-gradient(to right, #1e489a 0%, #102856 51%, #1e489a 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-info-gradien:hover, .btn-info-gradien:focus, .btn-info-gradien:active, .btn-info-gradien.active, .btn-info-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #1e489a, 0%, #102856, 100%, #fff) !important; }

.btn-light-gradien {
  background-image: linear-gradient(to right, #fdfdfd 0%, #cfd5d9 51%, #fdfdfd 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-light-gradien:hover, .btn-light-gradien:focus, .btn-light-gradien:active, .btn-light-gradien.active, .btn-light-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #fdfdfd, 0%, #cfd5d9, 100%, #fff) !important; }

.btn-dark-gradien {
  background-image: linear-gradient(to right, #3d4557 0%, #1b1f27 51%, #3d4557 100%);
  border: none;
  color: #fff;
  background-size: auto 200%;
  transition: all 0.3s ease; }
  .btn-dark-gradien:hover, .btn-dark-gradien:focus, .btn-dark-gradien:active, .btn-dark-gradien.active, .btn-dark-gradien.hover {
    transition: 1.5s;
    background-position: right center;
    background-image: linear-gradient(to right, #3d4557, 0%, #1b1f27, 100%, #fff) !important; }

.btn {
  padding: 0.375rem 1.75rem; }
  .btn.bg-light-primary:hover {
    background: #006666 !important;
    color: #fff !important; }

.btn-lg {
  font-size: 18px; }

.btn-sm {
  font-size: 12px; }

.btn-xs {
  padding: 0.05rem 0.4rem;
  font-size: 11px; }

.large-btn {
  margin-bottom: -20px; }
  .large-btn .btn {
    margin-right: 5px;
    margin-bottom: 15px; }

.btn-outline-white {
  border: 1px solid #fff;
  color: #fff; }
  .btn-outline-white:hover, .btn-outline-white:focus {
    background: #fff;
    color: var(--theme-deafult); }

.btn-air-primary {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-primary:hover, .btn-air-primary:active, .btn-air-primary:not([disabled]):not(.disabled):active {
    background-color: #006666;
    border-color: #006666; }

.input-air-primary {
  box-shadow: 0 3px 5px 1px rgba(0, 102, 102, 0.1) !important; }
  .input-air-primary:focus {
    border-color: #006666; }

.btn-air-secondary {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-secondary:hover, .btn-air-secondary:active, .btn-air-secondary:not([disabled]):not(.disabled):active {
    background-color: #FE6A49;
    border-color: #FE6A49; }

.input-air-secondary {
  box-shadow: 0 3px 5px 1px rgba(254, 106, 73, 0.1) !important; }
  .input-air-secondary:focus {
    border-color: #FE6A49; }

.btn-air-success {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-success:hover, .btn-air-success:active, .btn-air-success:not([disabled]):not(.disabled):active {
    background-color: #00AC46;
    border-color: #00AC46; }

.input-air-success {
  box-shadow: 0 3px 5px 1px rgba(0, 172, 70, 0.1) !important; }
  .input-air-success:focus {
    border-color: #00AC46; }

.btn-air-danger {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-danger:hover, .btn-air-danger:active, .btn-air-danger:not([disabled]):not(.disabled):active {
    background-color: #FE6A49;
    border-color: #FE6A49; }

.input-air-danger {
  box-shadow: 0 3px 5px 1px rgba(254, 106, 73, 0.1) !important; }
  .input-air-danger:focus {
    border-color: #FE6A49; }

.btn-air-info {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-info:hover, .btn-air-info:active, .btn-air-info:not([disabled]):not(.disabled):active {
    background-color: #173878;
    border-color: #173878; }

.input-air-info {
  box-shadow: 0 3px 5px 1px rgba(23, 56, 120, 0.1) !important; }
  .input-air-info:focus {
    border-color: #173878; }

.btn-air-light {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-light:hover, .btn-air-light:active, .btn-air-light:not([disabled]):not(.disabled):active {
    background-color: #E6E9EB;
    border-color: #E6E9EB; }

.input-air-light {
  box-shadow: 0 3px 5px 1px rgba(230, 233, 235, 0.1) !important; }
  .input-air-light:focus {
    border-color: #E6E9EB; }

.btn-air-dark {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-dark:hover, .btn-air-dark:active, .btn-air-dark:not([disabled]):not(.disabled):active {
    background-color: #2c323f;
    border-color: #2c323f; }

.input-air-dark {
  box-shadow: 0 3px 5px 1px rgba(44, 50, 63, 0.1) !important; }
  .input-air-dark:focus {
    border-color: #2c323f; }

.btn-air-warning {
  box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19) !important; }
  .btn-air-warning:hover, .btn-air-warning:active, .btn-air-warning:not([disabled]):not(.disabled):active {
    background-color: #FFAE1A;
    border-color: #FFAE1A; }

.input-air-warning {
  box-shadow: 0 3px 5px 1px rgba(255, 174, 26, 0.1) !important; }
  .input-air-warning:focus {
    border-color: #FFAE1A; }

.btn-gradient {
  color: #fff !important;
  font-weight: 500;
  padding: 10px 30px;
  border-radius: 5px;
  background: linear-gradient(26deg, var(--theme-deafult) 0%, #006666 100%);
  letter-spacing: 0.06rem; }
  .btn-gradient:hover {
    background-size: 100% !important; }

.btn-warning {
  color: #fff; }
  .btn-warning:hover, .btn-warning.disabled {
    color: #fff; }

[class*='-gradien']:hover {
  background-size: 50% 100%;
  transition: all 0.3s ease;
  color: #fff; }

.btn-square {
  border-radius: 0px; }

.btn-pill {
  border-radius: 60px; }

.btn-group-pill .btn:first-child {
  border-radius: 60px 0 0 60px; }

.btn-group-pill .btn:last-child {
  border-radius: 0 60px 60px 0; }

.btn-group-square .btn:first-child {
  border-radius: 0px 0 0 0px; }

.btn-group-square .btn:last-child {
  border-radius: 0 0px 0px 0; }

.btn-showcase {
  margin-bottom: -10px; }
  .btn-showcase .btn {
    margin-bottom: 10px;
    margin-right: 10px; }

.btn-dropdown-showcase {
  margin-bottom: -10px; }
  .btn-dropdown-showcase .dropdown {
    margin-bottom: 10px;
    margin-right: 18px; }
  .btn-dropdown-showcase .btn-group {
    margin-bottom: 10px;
    margin-right: 18px; }

.btn-group .radio label::before {
  top: 2px; }

.btn-group .radio label::after {
  top: 7px; }

.btn-group .checkbox label {
  margin-top: 3px; }

.btn-group-showcase > div {
  margin-bottom: -20px; }
  .btn-group-showcase > div label {
    margin-bottom: 0; }

.btn-group-showcase .btn-group {
  margin-right: 20px;
  margin-bottom: 20px; }

.btn-group-showcase .checkbox input[type="checkbox"] {
  display: none; }

.tooltiptext {
  visibility: visible;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 1;
  transition: opacity 0.3s; }
  .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent; }

.card-header-right-icon .btn.btn-light-primary {
  background-color: var(--light-shade-primary);
  color: var(--theme-deafult); }
  .card-header-right-icon .btn.btn-light-primary:hover {
    color: var(--white);
    background-color: var(--theme-deafult); }

.btn.button-primary,
button.button-primary {
  background-color: var(--light-shade-primary);
  color: var(--theme-deafult); }
  .btn.button-primary:hover,
  button.button-primary:hover {
    background-color: var(--theme-deafult);
    color: var(--white); }

/**=====================
    2.9 Buttons CSS end
==========================**/
/**=====================
    2.10 Card CSS Start
==========================**/
.card {
  margin-bottom: 25px;
  border: 1px solid #E6E9EB !important;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  border-radius: 8px;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .card:hover {
    box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
    transition: all 0.3s ease; }
  .card .card-header {
    background-color: #fff;
    padding: 20px;
    border-bottom: 1px solid #ecf3fa;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: relative; }
    .card .card-header.card-no-border {
      border-bottom: none !important; }
    .card .card-header h5:not(.mb-0), .card .card-header h5:not(.m-0) {
      margin-bottom: 0;
      text-transform: capitalize; }
    .card .card-header > span {
      font-size: 12px;
      color: var(--body-font-color);
      margin-top: 5px;
      display: block;
      letter-spacing: 1px; }
    .card .card-header .card-header-right {
      border-radius: 0 0 0 7px;
      right: 20px;
      top: 12px;
      display: inline-block;
      float: right;
      padding: 8px 0;
      position: absolute;
      background-color: #fff;
      z-index: 1; }
      .card .card-header .card-header-right .card-option {
        text-align: right;
        width: 35px;
        height: 20px;
        overflow: hidden;
        transition: 0.3s ease-in-out; }
        .card .card-header .card-header-right .card-option li {
          display: inline-block; }
          .card .card-header .card-header-right .card-option li:first-child i {
            transition: 1s;
            font-size: 16px;
            color: var(--theme-deafult); }
            .card .card-header .card-header-right .card-option li:first-child i.icofont {
              color: unset; }
      .card .card-header .card-header-right i {
        margin: 0 5px;
        cursor: pointer;
        color: #2c323f;
        line-height: 20px; }
        .card .card-header .card-header-right i.icofont-refresh {
          font-size: 13px; }
  .card .card-body {
    padding: 20px;
    background-color: transparent; }
    .card .card-body p:last-child {
      margin-bottom: 0; }
  .card .sub-title {
    padding-bottom: 12px;
    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320))); }
  .card .card-footer {
    background-color: #fff;
    border-top: 1px solid #ecf3fa;
    padding: 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; }
  .card.card-load .card-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 8;
    align-items: center;
    justify-content: center; }
    .card.card-load .card-loader i {
      margin: 0 auto;
      color: var(--theme-deafult);
      font-size: 20px; }
  .card.full-card {
    position: fixed;
    top: 0;
    z-index: 99999;
    box-shadow: none;
    right: 0;
    border-radius: 0;
    border: 1px solid #efefef;
    width: calc(100vw - 12px);
    height: calc(100vh); }
    .card.full-card .card-body {
      overflow: auto; }

.page-body-wrapper .card .sub-title {
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  color: #051A1A; }

.card-absolute {
  margin-top: 20px; }
  .card-absolute .card-header {
    position: absolute;
    top: -20px;
    left: 15px;
    border-radius: 0.25rem;
    padding: 10px 15px; }
    .card-absolute .card-header h5 {
      font-size: 17px; }
  .card-absolute .card-body {
    margin-top: 10px; }

.card-header .border-tab {
  margin-bottom: -13px; }

.custom-card {
  overflow: hidden;
  padding: 30px; }
  .custom-card .card-header {
    padding: 0; }
    .custom-card .card-header img {
      border-radius: 50%;
      margin-top: -100px;
      transform: scale(1.5); }
  .custom-card .card-profile {
    text-align: center; }
    .custom-card .card-profile img {
      height: 110px;
      padding: 7px;
      background-color: #fff;
      z-index: 1;
      position: relative; }
  .custom-card .card-social {
    text-align: center; }
    .custom-card .card-social li {
      display: inline-block;
      padding: 15px 0; }
      .custom-card .card-social li:last-child a {
        margin-right: 0; }
      .custom-card .card-social li a {
        padding: 0;
        margin-right: 15px;
        color: #bcc6de;
        font-size: 16px;
        transition: all 0.3s ease; }
        .custom-card .card-social li a:hover {
          color: var(--theme-deafult);
          transition: all 0.3s ease; }
  .custom-card .profile-details h6 {
    margin-bottom: 30px;
    margin-top: 10px;
    color: #FFFFFF;
    font-size: 14px; }
  .custom-card .card-footer {
    padding: 0; }
    .custom-card .card-footer > div {
      padding: 15px;
      text-align: center; }
      .custom-card .card-footer > div + div {
        border-left: 1px solid #efefef; }
      .custom-card .card-footer > div h3 {
        margin-bottom: 0;
        font-size: 24px; }
      .custom-card .card-footer > div h6 {
        font-size: 14px;
        color: #FFFFFF; }
      .custom-card .card-footer > div h5 {
        font-size: 16px;
        margin-bottom: 0; }
      .custom-card .card-footer > div i {
        font-size: 24px;
        display: inline-block;
        margin-bottom: 15px; }
      .custom-card .card-footer > div .m-b-card {
        margin-bottom: 10px; }

.social-profile {
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .social-profile .card-body {
    padding-left: 20px;
    padding-right: 20px; }
    @media (max-width: 1399px) {
      .social-profile .card-body {
        padding: 23px 15px; } }
.social-details {
  margin-top: 15px; }
  .social-details h5 a {
    color: var(--body-font-color);
    font-weight: 700; }
  .social-details .social-follow {
    column-count: 3;
    column-gap: 30px;
    margin-top: 25px; }
    @media (max-width: 1399px) {
      .social-details .social-follow {
        column-gap: 23px; } }
    .social-details .social-follow li {
      position: relative; }
      .social-details .social-follow li + li::before {
        position: absolute;
        content: "";
        width: 1px;
        height: 14px;
        background-color: var(--recent-dashed-border);
        left: -15px;
        top: 50%;
        transform: translateY(-50%); }
        [dir="rtl"] .social-details .social-follow li + li::before {
          left: unset;
          right: -15px; }
  .social-details .card-social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 15px; }

.social-img-wrap {
  background: linear-gradient(253deg, var(--theme-deafult) 11.51%, rgba(115, 102, 255, 0) 82.07%);
  display: inline-block;
  border-radius: 100%;
  padding: 2px;
  position: relative; }
  .social-img-wrap .edit-icon {
    position: absolute;
    right: 0;
    bottom: 0; }
    .social-img-wrap .edit-icon svg {
      width: 20px;
      height: 20px;
      border-radius: 100%;
      border: 2px solid var(--white);
      background: var(--white); }

.social-img {
  padding: 5px;
  background: var(--white);
  border-radius: 100%; }
  .social-img img {
    height: 68px;
    border-radius: 100%; }

/**=====================
    2.10 Card CSS End
==========================**/
/**=====================
     2.11 Color CSS Start
==========================**/
.color-box {
  margin-bottom: -10px; }
  .color-box button {
    margin-bottom: 10px; }
    .color-box button + button {
      margin-left: 5px; }

.light-font {
  color: #FFFFFF; }

/**=====================
     2.11 Color CSS Ends
==========================**/
/**=====================
    2.12 Datatable CSS Start
==========================**/
div.dt-button-background {
  display: none !important; }

div.DTS div.dataTables_scrollBody table {
  z-index: 1; }

div .table-avtar {
  height: 32px;
  margin-right: 10px; }
  [dir="rtl"] div .table-avtar {
    margin-right: unset;
    margin-left: 10px; }

div .action {
  display: flex; }
  div .action i {
    font-size: 16px; }
  div .action .pdf i {
    font-size: 20px;
    color: #FE6A49; }
  div .action .edit {
    margin-right: 5px; }
    div .action .edit i {
      color: #00AC46; }
    [dir="rtl"] div .action .edit {
      margin-left: 5px; }
  div .action .delete i {
    color: #FE6A49; }

#auto-generate-content_wrapper.dataTables_wrapper button {
  background-color: var(--white);
  border: 1px solid var(--theme-deafult);
  color: var(--theme-deafult); }

.dataTables_wrapper {
  width: calc(100% - 1px);
  padding: 0; }
  .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #ecf3fa; }
  .dataTables_wrapper .dt-buttons .btn {
    border-radius: 0.25rem !important; }
  .dataTables_wrapper .btn-group button {
    margin-right: 5px; }
  .dataTables_wrapper button {
    font-weight: 400;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    border-radius: 0.25rem;
    color: #fff; }
  .dataTables_wrapper + .dataTables_wrapper {
    margin-top: 20px; }
  .dataTables_wrapper .dataTables_paginate {
    margin-left: 15px !important;
    border: 1px solid #E6E9EB;
    border-radius: 0.25rem;
    padding-top: 0; }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
      margin: 0; }
      .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:active {
        background: var(--theme-deafult);
        color: #fff !important;
        box-shadow: none; }
      .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        border: 1px solid var(--theme-deafult);
        color: #2c323f !important;
        background: transparent !important; }
  .dataTables_wrapper .dataTables_length {
    margin-bottom: 30px; }
    .dataTables_wrapper .dataTables_length select {
      border-color: #E6E9EB;
      color: #2c323f;
      padding: 0 10px;
      margin: 0 10px;
      height: 2.7142em;
      background-color: #fff; }
  .dataTables_wrapper table.dataTable {
    border: 1px solid #efefef; }
    .dataTables_wrapper table.dataTable tbody td.select-checkbox,
    .dataTables_wrapper table.dataTable tbody th.select-checkbox {
      padding-right: 40px !important; }
      .dataTables_wrapper table.dataTable tbody td.select-checkbox:before,
      .dataTables_wrapper table.dataTable tbody th.select-checkbox:before {
        right: 20px;
        top: 22px;
        left: unset; }
      .dataTables_wrapper table.dataTable tbody td.select-checkbox:after,
      .dataTables_wrapper table.dataTable tbody th.select-checkbox:after {
        margin-top: -5px;
        margin-left: 21px; }
    .dataTables_wrapper table.dataTable thead th,
    .dataTables_wrapper table.dataTable thead td {
      border-bottom: 2px solid #efefef; }
    .dataTables_wrapper table.dataTable th,
    .dataTables_wrapper table.dataTable td {
      padding: 0.75rem; }
  .dataTables_wrapper .dataTables_filter {
    margin-bottom: 25px;
    margin-left: 15px; }
    .dataTables_wrapper .dataTables_filter input[type="search"] {
      border: 1px solid #efefef;
      padding: 0 10px;
      margin-left: 10px;
      height: 37px;
      border-radius: 0; }

.dataTables_scrollHeadInner {
  width: 100% !important; }

table .fixedHeader-floating {
  position: fixed !important;
  background-color: #fff; }

table .box > div {
  padding: 5px 15px;
  background-color: var(--theme-deafult);
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
  margin-right: 15px; }

table.dataTable.fixedHeader-locked, table.dataTable.fixedHeader-floating {
  width: calc(100vw - 250px) !important;
  max-width: calc(100vw - 250px) !important;
  overflow: hidden !important;
  right: 0 !important;
  z-index: 99;
  left: 260px !important; }

table.dataTable:not(.fixedHeader-locked):not(.fixedHeader-floating) {
  width: 100% !important; }

table.dataTable {
  border-collapse: collapse !important;
  margin-top: 0 !important; }
  table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
  table.dataTable thead .sorting_asc:before,
  table.dataTable thead .sorting_asc:after,
  table.dataTable thead .sorting_desc:before,
  table.dataTable thead .sorting_desc:after,
  table.dataTable thead .sorting_asc_disabled:before,
  table.dataTable thead .sorting_asc_disabled:after,
  table.dataTable thead .sorting_desc_disabled:before,
  table.dataTable thead .sorting_desc_disabled:after {
    bottom: 12px !important; }
  table.dataTable input,
  table.dataTable select {
    border: 1px solid #efefef;
    height: 37px; }

.user-datatable tr td:first-child,
.user-datatable tr th:first-child {
  min-width: 150px; }

.jsgrid .jsgrid-button {
  width: 20px;
  height: 20px; }

.jsgrid .jsgrid-delete-button {
  background-position: 0 -78px;
  width: 22px;
  height: 22px; }

.jsgrid .jsgrid-edit-button {
  background-position: -2px -122px;
  width: 22px;
  height: 22px; }

.jsgrid .jsgrid-insert-mode-button {
  background-position: -2px -160px;
  width: 25px;
  height: 25px; }

.jsgrid .jsgrid-insert-button {
  background-position: -3px -202px;
  width: 16px;
  height: 16px; }

.toolbar {
  padding: 5px 15px;
  background-color: var(--theme-deafult);
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
  margin-right: 15px; }

code.option {
  color: #FE6A49 !important; }

code.api {
  color: #00AC46 !important; }

.dt-ext .dataTables_wrapper .page-item.active .page-link {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important;
  color: #fff; }

.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 9px 12px;
  border: 1px solid #E6E9EB !important;
  border-radius: 0px; }
  .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.hover, .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.active {
    border: none !important; }

.dt-ext .dataTables_wrapper .dataTables_paginate .page-link {
  margin-left: 0px;
  color: var(--theme-deafult); }

.dt-ext .dataTables_wrapper button.dt-button,
.dt-ext .dataTables_wrapper div.dt-button,
.dt-ext .dataTables_wrapper a.dt-button,
.dt-ext .dataTables_wrapper button.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button.active:not(.disabled) {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  border-radius: 2px;
  color: #fff;
  background-image: none;
  font-size: 14px; }

.dt-ext .dataTables_wrapper button.dt-button.btn-success,
.dt-ext .dataTables_wrapper div.dt-button.btn-success,
.dt-ext .dataTables_wrapper a.dt-button.btn-success {
  background-color: #00AC46;
  border-color: #00AC46; }

.dt-ext .dataTables_wrapper button.dt-button.btn-primary,
.dt-ext .dataTables_wrapper div.dt-button.btn-primary,
.dt-ext .dataTables_wrapper a.dt-button.btn-primary {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }

.dt-ext .dataTables_wrapper button.dt-button.btn-danger,
.dt-ext .dataTables_wrapper div.dt-button.btn-danger,
.dt-ext .dataTables_wrapper a.dt-button.btn-danger {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.dt-ext .dataTables_wrapper table.dataTable th.focus,
.dt-ext .dataTables_wrapper table.dataTable td.focus {
  outline: 3px solid var(--theme-deafult); }

.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected > .sorting_1,
.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
  background-color: #29ffff; }

.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd.selected,
.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd > .selected,
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected,
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd > .selected {
  background-color: #29ffff; }

.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.even.selected > .sorting_1,
.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
  background-color: #29ffff; }

.dt-ext .dataTables_wrapper table.dataTable tbody > tr.selected,
.dt-ext .dataTables_wrapper table.dataTable tbody > tr > .selected {
  background-color: #29ffff; }

td.highlight {
  background-color: #E6E9EB !important; }

td.details-control {
  background: url(/../images/details_open.png) no-repeat center center;
  cursor: pointer; }

tr.shown td.details-control {
  background: url(/../images/details_close.png) no-repeat center center; }

.dataTables_scroll ~ .dataTables_paginate {
  margin-top: 20px !important; }

.product-table th:last-child {
  min-width: 120px; }

.product-table h6 {
  font-weight: 600;
  color: #2c323f; }

table.dataTable.display tbody tr.odd > .sorting_1 {
  background-color: #fdfeff; }

table.dataTable.display tbody tr.odd .badge {
  line-height: 15px; }

table.dataTable.display tbody tr.even .badge {
  line-height: 15px; }

.jsgrid-row .jsgrid-cell .badge,
.jsgrid-alt-row .jsgrid-cell .badge {
  line-height: 15px !important; }

/**=====================
     2.12 Datatable CSS Ends
==========================**/
/**=====================
    2.13 Datapicker CSS Start
==========================**/
.clockpicker-canvas line {
  stroke: var(--theme-deafult); }

.clockpicker-canvas-fg,
.clockpicker-canvas-bearing {
  fill: var(--theme-deafult); }

.datepicker {
  z-index: 99; }

.datepicker--day-name {
  color: #006666;
  font-weight: bold; }

.datepicker--cell.-current- {
  color: #000;
  border-radius: 5px;
  font-weight: bold;
  border: 2px solid var(--theme-deafult); }

.datepicker--cell.-focus- {
  background: var(--theme-deafult);
  color: #fff; }

.datepicker--cell.-selected- {
  background: var(--theme-deafult) !important; }

.datepicker--cell-day {
  width: 14.2857142857%; }

.datepickers-container,
.bootstrap-datetimepicker-widget {
  z-index: 7; }

.datetime-picker .bootstrap-datetimepicker-widget.dropdown-menu {
  width: auto; }

.datetime-picker .input-group-text i {
  line-height: 1.3; }

.clockpicker-popover {
  border: none;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  z-index: 7; }
  .clockpicker-popover .popover-content {
    background-color: rgba(0, 102, 102, 0.05); }

.clockpicker-canvas-bg {
  fill: #29ffff; }

.clockpicker-tick:hover {
  color: inherit;
  background-color: #29ffff; }

.calendar-basic .md-sidebar-aside {
  background-color: #fff; }

.calendar-basic #external-events {
  padding: 20px;
  border: 1px solid #d7e2e9; }
  .calendar-basic #external-events h4 {
    margin-bottom: 14px; }
  .calendar-basic #external-events p {
    margin-top: 12px; }
  .calendar-basic #external-events .fc-h-event {
    padding: 12px;
    background-color: var(--theme-deafult);
    border: 1px solid var(--theme-deafult); }
    .calendar-basic #external-events .fc-h-event + .fc-h-event {
      margin-top: 10px; }
    .calendar-basic #external-events .fc-h-event .fc-event-main {
      font-size: 13px; }

.calendar-basic .calendar-default .fc-daygrid-dot-event .fc-event-title {
  text-overflow: ellipsis; }

.calendar-basic .calendar-default .fc td[role="presentation"] {
  border: 0; }

.calendar-basic .calendar-default .fc .fc-daygrid-day-number,
.calendar-basic .calendar-default .fc .fc-col-header-cell-cushion {
  color: #051A1A; }

.calendar-basic .calendar-default .fc .fc-button .fc-icon {
  height: 23px; }

.calendar-basic .calendar-default .fc-h-event {
  padding: 2px;
  background-color: #006666;
  border: 1px solid #006666; }

.calendar-basic .calendar-default .fc-toolbar-chunk .fc-button-group ~ .fc-today-button {
  margin: 0 8px; }

.fc-event-dragging {
  padding: 10px;
  background-color: var(--theme-deafult); }

.fc .fc-toolbar {
  flex-wrap: wrap;
  gap: 10px; }

.fc .fc-button-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 102, 102, 0.5); }

.main-inline-calender.input-group {
  flex-direction: column; }
  .main-inline-calender.input-group .form-control {
    width: 100%; }
  .main-inline-calender.input-group .flatpickr-calendar.inline {
    width: 100%; }
  .main-inline-calender.input-group .flatpickr-innerContainer {
    display: block; }
  .main-inline-calender.input-group .flatpickr-rContainer {
    display: block; }
    .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-weekdays {
      width: 100%; }
    .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days {
      width: 100%; }
      .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer {
        width: 100%;
        max-width: none;
        min-width: unset; }
        .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day {
          border-radius: 5px;
          width: 100%;
          max-width: unset; }
          .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover {
            color: var(--body-font-color); }

.flatpickr-day.selected,
.flatpickr-day .endRange {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }
  .flatpickr-day.selected:hover,
  .flatpickr-day .endRange:hover {
    background-color: var(--theme-deafult);
    border-color: var(--theme-deafult); }

.main-flatpickr .form-control:read-only {
  background-color: unset; }

.flatpickr-months {
  font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: 30px; }
  .flatpickr-months .flatpickr-month {
    margin-top: 16px; }
  .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    top: 10px; }

.flatpickr-current-month {
  font-size: calc(14px + (19 - 14) * ((100vw - 320px) / (1920 - 320))); }

@media (max-width: 400px) {
  .flatpickr-calendar.animate {
    width: 77%;
    left: 50% !important;
    transform: translateX(-50%); } }

.flatpickr-calendar .flatpickr-days {
  width: unset; }
  .flatpickr-calendar .flatpickr-days .dayContainer {
    width: unset;
    min-width: unset;
    max-width: unset; }

@media (max-width: 768px) {
  .flatpicker-calender .form-control {
    font-size: 14px; } }

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.timepicker-wrapper .row {
  margin-bottom: 16px; }
  .timepicker-wrapper .row:last-child {
    margin-bottom: 0; }

/**=====================
   2.13 Datapicker CSS End
==========================**/
/**=====================
	2.14 Dropdown CSS Start
==========================**/
.img-cropper .dropup .dropdown-toggle::after {
  content: '';
  display: none; }

.dropdown-auto {
  overflow: auto; }

.dropdown-divider {
  margin: 0; }

.dropdown .dropdown-toggle {
  color: #242934;
  border-radius: 8px;
  padding: 11px 12px;
  border: 1px solid #E6E9EB;
  width: 106px;
  text-align: left; }
  .dropdown .dropdown-toggle:focus {
    border: 1px solid #E6E9EB;
    box-shadow: none; }
  .dropdown .dropdown-toggle:after {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f107";
    border: none;
    font-family: "FontAwesome";
    font-size: 18px;
    margin: 0; }
  .dropdown .dropdown-toggle.btn-primary {
    color: #fff; }

.dropdown .dropdown-toggle-store {
  width: 130px; }

.dropdown .dropdown-toggle-calendar {
  width: 218px; }

.dropdown .dropdown-menu {
  font-family: "Montserrat", sans-serif;
  z-index: 4; }

.docs-toggles .dropdown .dropdown-toggle {
  width: auto; }

.docs-toggles .btn-group lable.active .docs-tooltip {
  color: #fff !important; }

.nav-tabs .dropdown .dropdown-toggle {
  width: 120px; }
  @media only screen and (max-width: 575.98px) {
    .nav-tabs .dropdown .dropdown-toggle {
      width: 100%;
      text-align: center; } }
.icon-dropdown .dropdown-toggle {
  background: transparent;
  color: #FFFFFF;
  padding: 0;
  width: auto; }
  .icon-dropdown .dropdown-toggle i {
    font-size: 16px; }
  .icon-dropdown .dropdown-toggle::after {
    display: none; }

.icon-dropdown .dropdown-item {
  line-height: 1.5; }

.dropdown-basic {
  margin-bottom: -10px; }
  .dropdown-basic .btn-group .btn-round {
    border-radius: 50px; }
  .dropdown-basic .separated-btn {
    margin-left: -6px; }
    [dir="rtl"] .dropdown-basic .separated-btn {
      margin-left: unset;
      margin-right: -6px; }
    .dropdown-basic .separated-btn .btn {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      padding: 10px; }
    .dropdown-basic .separated-btn.dropdown {
      margin-bottom: 0; }
  .dropdown-basic button {
    max-height: 43px; }
  .dropdown-basic .dropdown {
    position: relative;
    display: inline-block;
    margin-bottom: 10px; }
    .dropdown-basic .dropdown .dropbtn {
      color: white;
      padding: 12px 35px;
      border: none;
      cursor: pointer; }
    .dropdown-basic .dropdown .dropdown-content {
      display: none;
      position: absolute;
      right: 0;
      background-color: #f9f9f9;
      min-width: 175px;
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
      z-index: 1;
      left: 0;
      top: 45px; }
      .dropdown-basic .dropdown .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block; }
      .dropdown-basic .dropdown .dropdown-content .dropdown-header {
        padding: 12px 16px; }
  .dropdown-basic .dropdown-content a:hover {
    background-color: #f1f1f1; }
  .dropdown-basic .dropdown:hover .dropdown-content {
    display: block; }

.dropup-basic .dropup {
  position: relative;
  display: inline-block; }
  .dropup-basic .dropup .dropbtn {
    color: white;
    padding: 12px;
    border: none; }
  .dropup-basic .dropup .dropup-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 170px;
    bottom: 45px;
    z-index: 999;
    left: 0; }
    .dropup-basic .dropup .dropup-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block; }

.dropup-basic .dropup .dropup-content a:hover {
  background-color: #ecf3fa; }

.dropup-basic .dropup:hover .dropup-content {
  display: block; }
  .dropup-basic .dropup:hover .dropup-content a.active {
    background-color: #ecf3fa; }

.dropdown-block li .dropdown-item:hover {
  background-color: #E6E9EB; }

.dropdown-block li .helper-truncate:hover {
  background-color: unset !important; }

.dropdown-basic .dropdown .dropdown-content a:hover {
  background-color: #E6E9EB !important; }

.dropdown-menu .input-group {
  background-color: unset;
  padding: 6px 12px;
  border-top: 1px solid #efefef;
  background-color: #fff;
  opacity: 0.6; }
  .dropdown-menu .input-group:hover, .dropdown-menu .input-group:active {
    background-color: #E6E9EB; }
  .dropdown-menu .input-group .input-group-text {
    background-color: unset;
    border: none; }

.dark-form .form-label {
  color: var(--text-gray); }

.dark-form .form-control {
  border: 1px solid var(--text-gray) !important; }

.dark-form .form-check .form-check-input {
  border: 1px solid var(--text-gray); }

.dark-form .form-check .form-check-label {
  color: var(--text-gray); }

.dark-form h6 {
  color: var(--text-gray); }

.dark-form p.dropdown-item {
  padding: 7px 0 0 0;
  border-top: 1px solid var(--chart-dashed-border); }

.dark-form .helper-truncate {
  color: var(--text-gray);
  background-color: transparent; }

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 8px;
  vertical-align: 4px;
  content: '';
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-bottom: 0;
  border-left: 4px solid transparent; }
  [dir="rtl"] .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px; }

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 8px;
  content: '';
  border-top: 4px solid transparent;
  border-right: 4px solid;
  border-bottom: 4px solid transparent; }
  [dir="rtl"] .dropstart .dropdown-toggle::before {
    margin-left: 8px;
    margin-right: unset; }

.dropup .dropdown-toggle::after {
  content: '';
  display: inline-block;
  margin-left: 8px;
  vertical-align: 4px;
  border-top: 0;
  border-right: 4px solid transparent;
  border-bottom: 4px solid;
  border-left: 4px solid transparent; }
  [dir="rtl"] .dropup .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px; }

.dropend .dropdown-toggle::after {
  content: '';
  display: inline-block;
  content: '';
  border-top: 4px solid transparent;
  border-right: 0;
  border-bottom: 4px solid transparent;
  border-left: 4px solid;
  margin-left: 8px; }
  [dir="rtl"] .dropend .dropdown-toggle::after {
    margin-left: unset;
    margin-right: 8px; }

.form-wrapper {
  width: 260px; }

@media (max-width: 400px) {
  .dropdown-menu .helper-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; } }

.dark-dropdown .dropdown-block li .dropdown-item:hover, .dark-dropdown .dropdown-block li .dropdown-item.active {
  background-color: #2c323f;
  color: #fff; }

btn-group .dropdown-wrapper {
  z-index: 2; }
  btn-group .dropdown-wrapper .input-group .input-group-text {
    padding: 0px 8px 0px 0px; }
    [dir="rtl"] btn-group .dropdown-wrapper .input-group .input-group-text {
      padding: 0px 0px 0px 8px; }

[dir="rtl"] .rtl-dropdown .dropdown-menu li .dropdown-item {
  text-align: right; }

[dir="rtl"] .rtl-dropdown .btn-group .dropdown-menu {
  text-align: right; }

.heading-dropdown .dropdown-menu > li:first-child > a {
  border-bottom: 4px solid var(--recent-border);
  border-top: 0;
  background-color: #d7e2e9; }

/**=====================
	2.14 Dropdown CSS Ends
==========================**/
/**=====================
  2.15 Form-builder CSS Start
==========================**/
.component {
  cursor: pointer; }
  .component label {
    padding-top: 8px; }
  .component .form-group input,
  .component .form-group textarea,
  .component .form-group select {
    border-radius: 4px; }

input {
  cursor: pointer; }

textarea {
  resize: vertical; }

.popover .controls {
  margin-left: 0; }

.popover .control-label {
  text-align: left; }

.popover form {
  width: 100%; }

.popover .fade.left.in {
  left: -215px; }

.drag form {
  padding: 10px 5px;
  border: 1px dotted #ecf3fa;
  position: absolute;
  background: #fff;
  box-shadow: 0 0 30px #ecf3fa;
  overflow: hidden; }
  .drag form input {
    border-radius: 5px; }

/**=====================
  2.15 Form-builder CSS Ends
==========================**/
/**=====================
    2.16 Form-input CSS Start
==========================**/
.icon-addon .addon-md .fa, .icon-addon .addon-md .glyphicon {
  position: absolute;
  z-index: 2;
  left: 10px;
  font-size: 14px;
  width: 20px;
  margin-left: -2.5px;
  text-align: center;
  padding: 10px 0;
  top: 1px; }

.icon-addon .glyphicon,
.icon-addon .fa {
  position: absolute;
  z-index: 2;
  left: 10px;
  font-size: 14px;
  width: 20px;
  margin-left: -2.5px;
  text-align: center;
  padding: 10px 0;
  top: 1px; }

.input-group-square .input-group-text,
.input-group-square .form-control {
  border-radius: 0px; }

.input-group-air {
  box-shadow: 0 3px 20px 0 #efefef; }

.icon-addon {
  position: relative;
  color: #4c5667;
  display: block; }
  .icon-addon:after {
    display: table;
    content: "";
    clear: both; }
  .icon-addon:before {
    display: table;
    content: ""; }
  .icon-addon .addon-md .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal; }
  .icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal; }

.input-group-wrapper .input-group {
  margin-bottom: 16px; }
  .input-group-wrapper .input-group .form-control {
    font-size: 16px; }
    .input-group-wrapper .input-group .form-control:focus {
      border-color: var(--recent-border);
      box-shadow: unset; }
  .input-group-wrapper .input-group:last-child {
    margin-bottom: 0; }

.input-group-wrapper .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.main-custom-form label {
  margin-bottom: 0; }

.main-custom-form .form-select:focus {
  box-shadow: unset;
  border-color: var(--recent-border); }

.main-custom-form .dropdown-menu {
  z-index: 3; }

.main-custom-form .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.main-custom-form .form-select,
.main-custom-form .form-control {
  font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320))); }

.main-custom-form .input-group-text {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); }

@media (max-width: 338px) {
  .main-custom-form .dropdown-toggle.btn {
    padding: 6px 11px; } }

.main-segment-btn .dropdown-toggle::after {
  content: '';
  margin-left: 0;
  border-top: 6px solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  vertical-align: 2px; }

.main-segment-btn .dropdown-menu {
  z-index: 3; }

#exampleDataList::-webkit-calendar-picker-indicator:hover, #exampleDataList::-webkit-calendar-picker-indicator:focus {
  display: none; }

.form-control-color {
  max-width: 70rem; }

.theme-form select.form-select option {
  padding: 8px 10px;
  border-radius: 100px; }

.input-radius .form-control:focus {
  box-shadow: unset;
  border-color: var(--recent-border); }

.input-radius .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.floating-wrapper .form-floating .form-control {
  height: 54px; }

/**=====================
    2.16 Form-input CSS Ends
	==========================**/
/**=====================
    2.17 Form-wizard CSS Start
==========================**/
/*Form Wizard One Start*/
.form-wizard .tab {
  display: none; }

.form-wizard .step {
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: var(--theme-deafult);
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5; }
  .form-wizard .step.active {
    opacity: 1; }
  .form-wizard .step.finish {
    background-color: var(--theme-secondary); }

/*Form Wizard One ends*/
/*Form Wizard Four Start*/
.wizard-4 .action-bar {
  position: absolute;
  bottom: 50px;
  right: 50px; }
  [dir="rtl"] .wizard-4 .action-bar {
    right: unset;
    left: 50px; }

.wizard-4 .action-bar .btn {
  float: right;
  margin: 0 5px;
  background-color: rgba(0, 102, 102, 0.3) !important;
  border-color: rgba(0, 102, 102, 0.3) !important;
  color: var(--theme-deafult); }

.wizard-4 .action-bar .buttonDisabled {
  color: #59667a;
  background-color: rgba(89, 102, 122, 0.05) !important;
  border: 1px solid rgba(89, 102, 122, 0.05) !important;
  cursor: text; }

.wizard-4 .step-container {
  background: #f8f9fe;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0 solid #e8ebf2;
  overflow: hidden;
  clear: right;
  width: 70%; }
  .wizard-4 .step-container div.content {
    display: block;
    position: absolute;
    float: left;
    text-align: left;
    overflow: auto;
    z-index: 1;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both; }
    [dir="rtl"] .wizard-4 .step-container div.content {
      text-align: unset;
      text-align: right; }
    .wizard-4 .step-container div.content .wizard-title {
      width: 450px;
      margin: 0 auto; }

.wizard-4 .loader {
  display: none; }

.wizard-4 .msg-box {
  position: fixed;
  display: none;
  padding: 5px 10px;
  background-color: #009999;
  top: 30px;
  border-radius: 5px;
  right: 60px;
  padding: 10px 20px; }
  .wizard-4 .msg-box .content {
    padding: 0;
    float: left;
    padding-top: 3px;
    color: #fff; }
  .wizard-4 .msg-box .close {
    color: #fff;
    margin-left: 10px;
    opacity: 1;
    font-size: 18px;
    line-height: 1.4; }
    [dir="rtl"] .wizard-4 .msg-box .close {
      margin-right: 10px;
      margin-left: unset; }

.wizard-4 ul.anchor {
  float: left;
  width: 30%;
  height: calc(100vh - 300px);
  padding: 40px 30px;
  overflow: auto; }
  .wizard-4 ul.anchor .disabled {
    opacity: 0.7;
    color: #59667a; }
    .wizard-4 ul.anchor .disabled h4 {
      background-color: rgba(89, 102, 122, 0.15); }
  .wizard-4 ul.anchor .logo {
    padding-bottom: 20px; }
  .wizard-4 ul.anchor li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    padding-bottom: 19px;
    float: left;
    clear: both;
    width: 100%;
    box-sizing: border-box;
    z-index: 0; }
    .wizard-4 ul.anchor li + li a {
      padding-left: 80px; }
      [dir="rtl"] .wizard-4 ul.anchor li + li a {
        padding-left: unset;
        padding-right: 80px; }
    .wizard-4 ul.anchor li:last-child {
      position: absolute;
      bottom: 0;
      width: auto;
      padding-bottom: 0;
      left: 9%; }
      [dir="rtl"] .wizard-4 ul.anchor li:last-child {
        left: unset;
        right: 9%; }
      .wizard-4 ul.anchor li:last-child img {
        height: 300px; }
        @media (max-width: 1199px) {
          .wizard-4 ul.anchor li:last-child img {
            height: 220px; } }
    .wizard-4 ul.anchor li h4 {
      display: inline-block;
      background-color: rgba(0, 102, 102, 0.2);
      padding: 16px 23px;
      border-radius: 100%;
      position: absolute;
      left: 0;
      top: 6px;
      width: 60px;
      display: flex;
      align-items: center;
      justify-content: center; }
      [dir="rtl"] .wizard-4 ul.anchor li h4 {
        left: unset;
        right: 0; }
    .wizard-4 ul.anchor li a {
      display: block;
      position: relative;
      float: left;
      margin: 0;
      padding: 10px 20px;
      width: 100%;
      box-sizing: border-box;
      text-decoration: none;
      outline-style: none;
      z-index: 1;
      font-size: 18px; }
      .wizard-4 ul.anchor li a small {
        display: block;
        font-size: 14px; }
      .wizard-4 ul.anchor li a .stepNumber {
        position: relative;
        float: left;
        width: 30px;
        text-align: center;
        padding: 5px;
        padding-top: 0; }
      .wizard-4 ul.anchor li a.done h4 {
        color: #fff;
        background: var(--theme-deafult); }
        .wizard-4 ul.anchor li a.done h4:before {
          font-size: 12px;
          position: absolute;
          left: 5px;
          top: -3px;
          content: "\e64c";
          font-family: 'themify';
          background-color: #fff;
          color: var(--theme-deafult);
          border-radius: 15px;
          padding: 2px;
          border: 1px solid; }
      .wizard-4 ul.anchor li a.error {
        color: #898989;
        background: #fe8a7d;
        border: 1px solid #FE6A49; }
        .wizard-4 ul.anchor li a.error:hover {
          color: #000; }

.wizard {
  max-width: 670px;
  margin: 0 auto; }
  .wizard .wizard-content {
    box-shadow: unset;
    background-color: #fff;
    border-radius: 5px; }

.vertical-main-wizard .header-vertical-wizard {
  background-color: var(--light-background);
  height: 100%;
  text-align: unset; }
  .vertical-main-wizard .header-vertical-wizard .nav-link {
    border-bottom: 1px solid var(--recent-border);
    border-radius: 0;
    padding: 20px; }
    .vertical-main-wizard .header-vertical-wizard .nav-link:last-child {
      border-bottom: 0; }

.vertical-main-wizard .nav-pills .nav-link.active {
  background-color: transparent; }

.vertical-main-wizard .nav-pills.show > .nav-link {
  background-color: transparent; }

.vertical-main-wizard .nav-link .vertical-wizard {
  display: flex;
  align-items: center;
  gap: 14px; }
  .vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard {
    width: 33px;
    height: 33px;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: relative;
    border: 1px solid #52526c; }
    .vertical-main-wizard .nav-link .vertical-wizard .stroke-icon-wizard i {
      margin-right: 0;
      color: #52526c; }
  .vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content h6 {
    font-weight: 400;
    line-height: 1;
    color: var(--body-font-color); }
  .vertical-main-wizard .nav-link .vertical-wizard .vertical-wizard-content p {
    color: var(--text-gray); }

.vertical-main-wizard .nav-link:active, .vertical-main-wizard .nav-link.active {
  background-color: unset; }
  .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard {
    background-color: var(--theme-deafult);
    border: 1px solid var(--theme-deafult); }
    .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard i, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard i {
      color: #fff;
      font-size: 18px; }
    .vertical-main-wizard .nav-link:active .vertical-wizard .stroke-icon-wizard::before, .vertical-main-wizard .nav-link.active .vertical-wizard .stroke-icon-wizard::before {
      content: '';
      width: 45px;
      height: 45px;
      border-radius: 50%;
      position: absolute;
      border: 1px solid #006666; }
  .vertical-main-wizard .nav-link:active .vertical-wizard .vertical-wizard-content h6, .vertical-main-wizard .nav-link.active .vertical-wizard .vertical-wizard-content h6 {
    color: var(--theme-deafult); }

.vertical-main-wizard .form-check .form-check-label {
  margin-bottom: 0; }

.vertical-main-wizard .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.basic-wizard .stepper-horizontal {
  display: flex;
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  margin-bottom: 24px; }
  .basic-wizard .stepper-horizontal .step {
    position: relative;
    padding-inline: 24px;
    z-index: 2;
    width: 100%; }
    .basic-wizard .stepper-horizontal .step:first-child {
      padding-left: 0; }
    .basic-wizard .stepper-horizontal .step:last-child {
      padding-right: 0; }
    .basic-wizard .stepper-horizontal .step:last-child .step-bar-left, .basic-wizard .stepper-horizontal .step:last-child .step-bar-right {
      display: none; }
    .basic-wizard .stepper-horizontal .step .step-circle {
      width: 32px;
      height: 32px;
      margin: 0 auto;
      border-radius: 50%;
      text-align: center;
      line-height: 28px;
      font-size: 16px;
      font-weight: 600;
      z-index: 2;
      border: 2px solid #E6E9EB;
      background: var(--white); }
    .basic-wizard .stepper-horizontal .step.done .step-circle {
      background-color: var(--white);
      border: 2px solid #52526c;
      color: #006666;
      z-index: 4;
      position: relative; }
      .basic-wizard .stepper-horizontal .step.done .step-circle:before {
        font-family: 'FontAwesome';
        font-weight: 100;
        content: "\f00c"; }
      .basic-wizard .stepper-horizontal .step.done .step-circle * {
        display: none; }
    .basic-wizard .stepper-horizontal .step.done .step-title {
      color: #52526c; }
    .basic-wizard .stepper-horizontal .step.editing .step-circle {
      background: var(--white);
      border-color: #52526c;
      color: var(--theme-deafult); }
    .basic-wizard .stepper-horizontal .step .step-title {
      margin-top: 8px;
      font-size: 16px;
      font-weight: 600;
      white-space: nowrap;
      color: var(--chart-text-color); }
    .basic-wizard .stepper-horizontal .step .step-title,
    .basic-wizard .stepper-horizontal .step .step-optional {
      text-align: center; }
    .basic-wizard .stepper-horizontal .step .step-bar-left,
    .basic-wizard .stepper-horizontal .step .step-bar-right {
      position: absolute;
      top: calc(32px - 18px);
      height: 4px;
      background-color: rgba(0, 102, 102, 0.2);
      border: solid rgba(0, 102, 102, 0.2);
      border-width: 2px 0; }
    .basic-wizard .stepper-horizontal .step .step-bar-left {
      width: 100%;
      left: 50%;
      z-index: -1; }
      [dir="rtl"] .basic-wizard .stepper-horizontal .step .step-bar-left {
        left: unset;
        right: 50%;
        margin-left: unset;
        margin-right: 1rem; }
    .basic-wizard .stepper-horizontal .step .step-bar-right {
      width: 0;
      left: 50%;
      z-index: -1;
      transition: width 500ms ease-in-out; }
      [dir="rtl"] .basic-wizard .stepper-horizontal .step .step-bar-right {
        right: 50%;
        left: unset; }
    .basic-wizard .stepper-horizontal .step.done .step-bar-right {
      background-color: var(--theme-deafult);
      border-color: var(--theme-deafult);
      z-index: 3;
      width: 100%; }

.basic-wizard form.none {
  display: none; }

.basic-wizard form.block {
  display: block; }

.basic-wizard form .form-check-label {
  margin-bottom: 0; }

.important-validation .form-label span {
  color: #FE6A49; }

.select-size.form-select {
  font-size: 14px; }

.wizard-footer button.disabled {
  background-color: #EAEBF2; }

.wizard-footer button.back {
  background-color: #FFAE1A; }

.successful-form {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding-bottom: 24px; }
  .successful-form img {
    width: 100px;
    height: 100px; }

.inquiries-form h6 {
  margin-bottom: 14px; }

.inquiries-form .choose-option {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .inquiries-form .choose-option .form-check:last-child {
    margin-bottom: 0; }

.form-completed img {
  height: 100px;
  margin: 0 auto;
  display: block; }

.form-completed h6 {
  text-align: center;
  margin-top: 24px; }

.horizontal-wizard-wrapper .main-horizontal-header .horizontal-options {
  padding: 20px;
  background-color: var(--chart-border);
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 14px; }
  @media (max-width: 1182px) {
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options {
      justify-content: flex-start; } }
  .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a {
    display: flex;
    justify-content: center;
    align-items: center; }
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard {
      display: flex;
      justify-content: center;
      align-items: center;
      color: var(--body-font-color);
      transition: all 0.3s ease; }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard .stroke-icon-wizard i {
        font-size: 18px;
        color: var(--body-font-color); }
        [dir="rtl"] .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a .horizontal-wizard .stroke-icon-wizard i {
          margin-right: unset;
          margin-left: 10px; }
    .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard {
      color: var(--white);
      transition: all 0.3s ease; }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .stroke-icon-wizard i, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .stroke-icon-wizard i {
        color: var(--white); }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .stroke-icon-wizard span, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .stroke-icon-wizard span {
        color: var(--white); }
      .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link:active .horizontal-wizard .horizontal-wizard-content h6, .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options a.nav-link.active .horizontal-wizard .horizontal-wizard-content h6 {
        color: #fff; }

.horizontal-wizard-wrapper .main-horizontal-header .form-check {
  margin-bottom: 0; }

.horizontal-wizard-wrapper .bank-search {
  margin-bottom: 22px; }
  @media (max-width: 767px) {
    .horizontal-wizard-wrapper .bank-search {
      margin-bottom: 0; } }
.horizontal-wizard-wrapper .bank-selection {
  padding: 10px 0 0 0; }
  @media (max-width: 401px) {
    .horizontal-wizard-wrapper .bank-selection .radio-wrapper {
      justify-content: center; } }
  .horizontal-wizard-wrapper .bank-selection .radio-wrapper li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; }
    .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label {
      margin-bottom: 0;
      padding: 6px; }
      .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label img {
        height: calc(45px + (52 - 45) * ((100vw - 320px) / (1920 - 320))); }
      .horizontal-wizard-wrapper .bank-selection .radio-wrapper li .form-check-label span {
        font-size: 14px; }

.horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options {
  gap: 12px; }
  @media (max-width: 1400px) {
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options {
      justify-content: flex-start; } }
  .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link {
    color: var(--body-font-color); }
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard {
      gap: 10px; }
      .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard {
        width: 30px;
        height: 30px;
        background-color: rgba(0, 102, 102, 0.2);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 6px; }
        .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard i {
          margin-right: 0; }
    .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active {
      background-color: unset; }
      .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard {
        color: var(--body-font-color); }
        .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .horizontal-wizard-content h6, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .horizontal-wizard-content h6 {
          color: var(--theme-deafult); }
        .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .stroke-icon-wizard, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .stroke-icon-wizard {
          background-color: var(--theme-deafult); }
          .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link:active .horizontal-wizard .stroke-icon-wizard i, .horizontal-wizard-wrapper.vertical-variations .main-horizontal-header .horizontal-options .nav-link.active .horizontal-wizard .stroke-icon-wizard i {
            margin-right: 0;
            color: var(--white); }

.horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li {
  padding: 20px;
  display: grid;
  width: 100%;
  height: 100%;
  place-content: baseline;
  text-align: unset;
  align-items: unset;
  max-width: unset; }
  .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label {
    justify-content: unset;
    display: flex;
    align-items: center; }
    .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label span > span + span {
      font-size: 13px; }
      @media (max-width: 400px) {
        .horizontal-wizard-wrapper.vertical-variations .select-account .radio-wrapper li .form-check-label span > span + span {
          display: none; } }
.horizontal-wizard-wrapper.vertical-options .main-horizontal-header {
  padding-bottom: 0; }
  .horizontal-wizard-wrapper.vertical-options .main-horizontal-header .horizontal-options {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px; }

.authentication-options .radio-wrapper {
  display: flex;
  gap: calc(8px + 8 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
  justify-content: center; }
  .authentication-options .radio-wrapper li {
    padding: 20px;
    display: grid;
    width: 100%;
    height: 100%;
    place-content: baseline;
    text-align: unset;
    align-items: unset;
    max-width: unset; }
    .authentication-options .radio-wrapper li .form-check-label {
      display: flex;
      align-items: center;
      text-align: left;
      gap: 14px; }
      @media (max-width: 400px) {
        .authentication-options .radio-wrapper li .form-check-label {
          align-items: baseline; } }
      .authentication-options .radio-wrapper li .form-check-label i {
        padding: 0; }
        [dir="rtl"] .authentication-options .radio-wrapper li .form-check-label i {
          padding: 0; }
      .authentication-options .radio-wrapper li .form-check-label span > span {
        font-size: 16px;
        color: #1f2533;
        font-weight: 500; }
        .authentication-options .radio-wrapper li .form-check-label span > span + span {
          color: var(--text-gray);
          font-size: 14px; }

.main-qr-code .modal-toggle-wrapper .modal-img {
  flex-direction: column;
  align-items: center;
  margin-bottom: 22px; }
  @media (max-width: 480px) {
    .main-qr-code .modal-toggle-wrapper .modal-img {
      align-items: unset; } }
  @media (max-width: 480px) {
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-img {
      text-align: center; } }
  .main-qr-code .modal-toggle-wrapper .modal-img .qr-img img {
    height: 100px;
    width: 100px; }
  .main-qr-code .modal-toggle-wrapper .modal-img .qr-content {
    margin-top: 16px; }
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert {
      align-items: unset; }
      .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert div {
        word-break: break-word; }
    .main-qr-code .modal-toggle-wrapper .modal-img .qr-content i {
      font-size: 20px;
      margin-right: 0; }

.main-qr-code .modal-toggle-wrapper .btn {
  display: block;
  margin: auto;
  margin-top: 12px; }

.authentication-body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: auto;
  text-align: center; }
  .authentication-body img {
    height: calc(200px + (420 - 200) * ((100vw - 320px) / (1920 - 320))); }

.shopping-wizard .shipping-form .shipping-border {
  border-right: 1px solid var(--recent-dashed-border); }
  @media (max-width: 1200px) {
    .shopping-wizard .shipping-form .shipping-border {
      border-right: unset; } }
.shopping-wizard .shipping-form .shipping-options {
  display: flex;
  align-items: center;
  background-color: rgba(0, 102, 102, 0.2);
  flex-wrap: nowrap;
  margin-bottom: 18px; }
  @media (max-width: 768px) {
    .shopping-wizard .shipping-form .shipping-options {
      flex-direction: column; } }
  .shopping-wizard .shipping-form .shipping-options .nav-link {
    width: 100%; }
    @media (min-width: 1200px) and (max-width: 1920px) {
      .shopping-wizard .shipping-form .shipping-options .nav-link {
        padding: calc(8px + (8 - 8) * ((100vw - 300px) / (1920 - 300))) calc(6px + (16 - 6) * ((100vw - 300px) / (1920 - 300))); } }
    .shopping-wizard .shipping-form .shipping-options .nav-link:active i, .shopping-wizard .shipping-form .shipping-options .nav-link.active i {
      background-color: rgba(255, 255, 255, 0.3);
      color: var(--white);
      transition: all 0.3s ease-in-out; }
    .shopping-wizard .shipping-form .shipping-options .nav-link:active h6, .shopping-wizard .shipping-form .shipping-options .nav-link.active h6 {
      color: var(--white); }
  .shopping-wizard .shipping-form .shipping-options .cart-options {
    display: flex;
    align-items: center;
    gap: 11px; }
    .shopping-wizard .shipping-form .shipping-options .cart-options i {
      font-size: 18px;
      color: var(--white);
      width: 40px;
      height: 40px;
      background-color: var(--theme-deafult);
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      margin: 0;
      transition: all 0.3s ease-in-out; }
      @media (min-width: 1200px) and (max-width: 1920px) {
        .shopping-wizard .shipping-form .shipping-options .cart-options i {
          font-size: calc(14px + (18 - 14) * ((100vw - 1200px) / (1920 - 1200)));
          width: calc(30px + (40 - 30) * ((100vw - 1200px) / (1920 - 1200)));
          height: calc(30px + (40 - 30) * ((100vw - 1200px) / (1920 - 1200))); } }
    .shopping-wizard .shipping-form .shipping-options .cart-options h6 {
      color: var(--theme-deafult); }

.shopping-wizard .shipping-form .shipping-info .table thead th {
  white-space: nowrap; }
  .shopping-wizard .shipping-form .shipping-info .table thead th:last-child {
    text-align: end; }

.shopping-wizard .shipping-form .shipping-info .table tbody tr td img {
  height: 50px; }

.shopping-wizard .shipping-form .shipping-info .table tbody tr td:last-child {
  text-align: end; }

.shopping-wizard .shipping-form .shipping-info .table tbody tr td span {
  color: var(--text-gray); }

.shopping-wizard .shipping-form .shipping-info .table tbody tr:last-child td {
  border: 0; }

.shopping-wizard .shipping-form .shipping-info .table tfoot {
  font-weight: 400; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr td {
    white-space: nowrap; }
    .shopping-wizard .shipping-form .shipping-info .table tfoot tr td:first-child {
      max-width: 370px; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr td:last-child {
    min-width: 0;
    text-align: end; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr:first-child {
    font-weight: 500; }
  .shopping-wizard .shipping-form .shipping-info .table tfoot tr:last-child {
    font-weight: 600; }
    .shopping-wizard .shipping-form .shipping-info .table tfoot tr:last-child td {
      border-bottom: 0; }

.shopping-wizard .shipping-form .shipping-content {
  height: 100%;
  padding: 0; }
  .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title > .btn {
      background: none !important;
      border: 0;
      padding: 0 28px; }
      .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-title > .btn i {
        color: var(--theme-deafult); }
  .shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px; }
    .shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address .card-icon {
      display: flex;
      align-items: center;
      gap: 12px; }
      .shopping-wizard .shipping-form .shipping-content .shipping-wizard .collect-address .card-icon i {
        font-size: 16px;
        color: var(--theme-deafult); }
  .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-address {
    display: flex;
    flex-direction: column;
    gap: 8px; }
    .shopping-wizard .shipping-form .shipping-content .shipping-wizard .shipping-address h6 {
      font-size: 15px;
      font-weight: 500; }
  .shopping-wizard .shipping-form .shipping-content > .active.finish-wizard1 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 55px - 18px); }
    @media (max-width: 768px) {
      .shopping-wizard .shipping-form .shipping-content > .active.finish-wizard1 {
        height: unset; } }
.shopping-wizard .shipping-form .shipping-method p {
  padding-left: 25px;
  color: var(--text-gray); }
  [dir="rtl"] .shopping-wizard .shipping-form .shipping-method p {
    padding-right: 25px;
    padding-left: unset; }

.shopping-wizard .shipping-form .proceed-next {
  transform: scaleX(-1); }

.shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 768px) {
    .shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper {
      justify-content: unset;
      align-items: flex-start;
      flex-direction: column; } }
  .shopping-wizard .shipping-form .payment-info-wrapper .card-wrapper img {
    height: 50px; }

.shopping-wizard .shipping-form .payment-info-wrapper .pay-info {
  display: block; }
  .shopping-wizard .shipping-form .payment-info-wrapper .pay-info > div {
    margin-bottom: 12px;
    display: flex;
    align-items: center; }
    @media (max-width: 768px) {
      .shopping-wizard .shipping-form .payment-info-wrapper .pay-info > div {
        flex-direction: column;
        align-items: flex-start; } }
.shopping-wizard .shipping-form .order-confirm {
  text-align: center; }
  @media (max-width: 1200px) {
    .shopping-wizard .shipping-form .order-confirm {
      margin-bottom: 18px; } }
  .shopping-wizard .shipping-form .order-confirm img {
    height: calc(95px + (140 - 95) * ((100vw - 320px) / (1920 - 320))); }

.avatar-upload {
  flex-direction: column; }
  .avatar-upload div:first-child {
    position: relative;
    max-width: 205px;
    margin: auto; }
    .avatar-upload div:first-child .avatar-edit {
      position: absolute;
      right: 25px;
      z-index: 1;
      top: 4px; }
      .avatar-upload div:first-child .avatar-edit input {
        display: none; }
      .avatar-upload div:first-child .avatar-edit label {
        display: inline-block;
        width: 35px;
        height: 35px;
        margin-bottom: 0;
        border-radius: 100%;
        background: var(--light-bg);
        border: 1px solid transparent;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
        cursor: pointer;
        font-weight: normal;
        transition: all 0.2s ease-in-out; }
        .avatar-upload div:first-child .avatar-edit label::after {
          content: "\f040";
          font-family: 'FontAwesome';
          color: var(--body-font-color);
          position: absolute;
          top: 8px;
          left: 3px;
          right: 0;
          text-align: center;
          margin: auto; }
          [dir="rtl"] .avatar-upload div:first-child .avatar-edit label::after {
            right: 3px;
            left: 0; }
    .avatar-upload div:first-child .avatar-preview {
      width: 150px;
      height: 150px;
      position: relative;
      border-radius: 100%;
      border: 6px solid #F8F8F8;
      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
      margin: auto; }
      .avatar-upload div:first-child .avatar-preview > div {
        background-image: url(/../images/forms/user.png);
        width: 100%;
        height: 100%;
        border-radius: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }
  .avatar-upload h6 {
    text-align: center;
    padding-top: 14px; }

.email-verify .card-wrapper {
  display: grid;
  place-content: center; }
  .email-verify .card-wrapper > div {
    align-items: center; }
  .email-verify .card-wrapper .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.authenticate {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .authenticate span:nth-of-type(1) {
    margin-top: 12px; }
  .authenticate h4 {
    margin-bottom: 12px; }
  .authenticate img {
    height: calc(145px + (200 - 145) * ((100vw - 320px) / (1920 - 320))); }
  .authenticate form {
    flex-direction: column;
    text-align: center; }
    .authenticate form .otp-generate {
      display: flex;
      gap: 12px;
      margin: 14px 0;
      justify-content: center; }
    .authenticate form .form-control {
      width: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
      height: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
      border-radius: 5px;
      text-align: center;
      padding: 0;
      display: block;
      min-width: 0; }
    .authenticate form div {
      display: inline-grid;
      gap: 2px;
      margin-top: 12px; }

.accordion .accordion-item .accordion-body .choose-bank .form-check .form-check-label {
  color: var(--body-font-color); }

/*Form Wizard Four Ends*/
/**=====================
   2.17 Form-wizard CSS Ends
==========================**/
/**=====================
  2.18 Forms CSS Start
==========================**/
.form-label {
  margin-bottom: 4px; }

.col-form-label {
  padding-bottom: 4px; }

.form-space {
  margin-bottom: -10px; }
  .form-space > div {
    margin-bottom: 10px; }

.theme-form .form-control :focus {
  box-shadow: 0 0 0 0.2rem rgba(171, 140, 228, 0.05); }

.theme-form textarea {
  border-color: #efefef; }
  .theme-form textarea::-webkit-input-placeholder {
    color: #898989;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 100; }

.theme-form input[type=text],
.theme-form input[type=email],
.theme-form input[type=search],
.theme-form input[type=password],
.theme-form input[type=number],
.theme-form input[type=tel],
.theme-form input[type=date],
.theme-form input[type=datetime-local],
.theme-form input[type=time],
.theme-form input[type=datetime-local],
.theme-form input[type=month],
.theme-form input[type=week],
.theme-form input[type=url],
.theme-form input[type=file],
.theme-form textarea,
.theme-form select {
  border-color: #E6E9EB;
  background-color: #fff;
  font-size: 14px;
  color: #898989;
  padding: 10px;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .theme-form input[type=text]::placeholder,
  .theme-form input[type=email]::placeholder,
  .theme-form input[type=search]::placeholder,
  .theme-form input[type=password]::placeholder,
  .theme-form input[type=number]::placeholder,
  .theme-form input[type=tel]::placeholder,
  .theme-form input[type=date]::placeholder,
  .theme-form input[type=datetime-local]::placeholder,
  .theme-form input[type=time]::placeholder,
  .theme-form input[type=datetime-local]::placeholder,
  .theme-form input[type=month]::placeholder,
  .theme-form input[type=week]::placeholder,
  .theme-form input[type=url]::placeholder,
  .theme-form input[type=file]::placeholder,
  .theme-form textarea::placeholder,
  .theme-form select::placeholder {
    color: #898989;
    font-weight: 500; }
  .theme-form input[type=text]::-webkit-input-placeholder,
  .theme-form input[type=email]::-webkit-input-placeholder,
  .theme-form input[type=search]::-webkit-input-placeholder,
  .theme-form input[type=password]::-webkit-input-placeholder,
  .theme-form input[type=number]::-webkit-input-placeholder,
  .theme-form input[type=tel]::-webkit-input-placeholder,
  .theme-form input[type=date]::-webkit-input-placeholder,
  .theme-form input[type=datetime-local]::-webkit-input-placeholder,
  .theme-form input[type=time]::-webkit-input-placeholder,
  .theme-form input[type=datetime-local]::-webkit-input-placeholder,
  .theme-form input[type=month]::-webkit-input-placeholder,
  .theme-form input[type=week]::-webkit-input-placeholder,
  .theme-form input[type=url]::-webkit-input-placeholder,
  .theme-form input[type=file]::-webkit-input-placeholder,
  .theme-form textarea::-webkit-input-placeholder,
  .theme-form select::-webkit-input-placeholder {
    color: #86909C;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 100; }

.theme-form input[type=text]::placeholder {
  color: #86909C;
  font-size: 14px; }

.theme-form input[type=file] {
  height: auto; }

.theme-form select.form-control:not([size]):not([multiple]) {
  border-color: #efefef;
  font-size: 14px; }

.theme-form .checkbox label {
  padding-left: 10px; }
  [dir="rtl"] .theme-form .checkbox label {
    padding-right: 10px;
    padding-left: unset; }

.theme-form .form-divider {
  position: relative;
  clear: both;
  height: 0;
  margin: 30px 0;
  border-top: 1px solid #efefef; }
  .theme-form .form-divider:before {
    position: absolute;
    top: -11px;
    left: 40%;
    margin-left: -10px;
    padding: 0 5px;
    content: "Or Signup With";
    color: #242934;
    background: #fff; }
    [dir="rtl"] .theme-form .form-divider:before {
      left: unset;
      right: 40%;
      margin-left: unset;
      margin-right: -10px; }

.theme-form .login-divider {
  position: relative;
  clear: both;
  height: 0;
  margin: 30px 0;
  border-top: 1px solid #efefef; }
  .theme-form .login-divider:before {
    position: absolute;
    top: -11px;
    left: 40%;
    margin-left: -10px;
    padding: 0 5px;
    color: #242934;
    background: #fff;
    content: "Or Login With"; }
    [dir="rtl"] .theme-form .login-divider:before {
      left: unset;
      right: 40%;
      margin-left: unset;
      margin-right: -10px; }

.theme-form .btn-fb,
.theme-form .btn-twitter,
.theme-form .btn-google,
.theme-form .btn-linkedin {
  color: #fff;
  width: 100%; }

.theme-form .btn-fb {
  background-color: #50598e; }

.theme-form .btn-twitter {
  background-color: #6fa2d8; }

.theme-form .btn-google {
  background-color: #c64e40; }

.theme-form .btn-linkedin {
  background-color: #0077B5; }

.form-inline {
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0; }
  .form-inline .col-form-label {
    margin-right: 5px; }
    [dir="rtl"] .form-inline .col-form-label {
      margin-left: 5px;
      margin-right: unset; }

.search-form .form-group:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 25px;
  background: #e8ebf2;
  left: 82px;
  top: 50px; }
  [dir="rtl"] .search-form .form-group:before {
    left: unset;
    right: 82px; }

.search-form .form-group:after {
  position: absolute;
  content: "\f002";
  font-family: "FontAwesome";
  top: 53px;
  left: 53px;
  color: #8e8e8e; }
  [dir="rtl"] .search-form .form-group:after {
    left: unset;
    right: 53px; }

.search-form input {
  border: 1px solid #efefef;
  padding: 10px 10px 10px 70px;
  border-radius: 10px;
  background-color: rgba(230, 233, 235, 0.3); }
  [dir="rtl"] .search-form input {
    padding: 10px 70px 10px 10px; }
  .search-form input:focus {
    outline: none !important; }

.form-label-align-right label {
  text-align: right;
  padding-top: 17px;
  font-weight: 500; }

.custom-input.was-validated .form-control:valid,
.custom-input.was-validated .form-select:valid {
  border-color: #00AC46; }

.custom-input.was-validated .form-control:invalid,
.custom-input.was-validated .form-select:invalid {
  border-color: #FE6A49; }

.custom-input .valid-tooltip {
  background-color: #00AC46; }

.custom-input .invalid-tooltip {
  background-color: rgba(254, 106, 73, 0.8); }

.custom-input .invalid-feedback {
  color: #FE6A49 !important; }

.custom-input .form-check .form-check-input:valid {
  border-color: #00AC46; }

.custom-input .form-check .form-check-input:invalid {
  border-color: #FE6A49; }

.custom-input .form-check .form-check-input:invalid ~ .form-check-label {
  color: #FE6A49; }

.custom-input .form-check .form-check-input:valid ~ .form-check-label {
  color: #00AC46; }

.custom-input .form-check .form-check-input:checked {
  background-color: #00AC46; }

.custom-input .form-check .invalid-feedback {
  color: #FE6A49; }

.custom-input #validationCustom03.form-control,
.custom-input #validationCustom03 .form-select,
.custom-input #validationCustom05.form-control,
.custom-input #validationCustom05 .form-select,
.custom-input #validationCustomUsername.form-control,
.custom-input #validationCustomUsername .form-select {
  border-color: #E6E9EB; }

.custom-input #validationCustom03.was-validated .form-control:valid,
.custom-input #validationCustom03.was-validated .form-select:valid,
.custom-input #validationCustom05.was-validated .form-control:valid,
.custom-input #validationCustom05.was-validated .form-select:valid,
.custom-input #validationCustomUsername.was-validated .form-control:valid,
.custom-input #validationCustomUsername.was-validated .form-select:valid {
  border-color: #00AC46 !important; }

.custom-input #validationCustom03.was-validated .form-control:invalid,
.custom-input #validationCustom03.was-validated .form-select:invalid,
.custom-input #validationCustom05.was-validated .form-control:invalid,
.custom-input #validationCustom05.was-validated .form-select:invalid,
.custom-input #validationCustomUsername.was-validated .form-control:invalid,
.custom-input #validationCustomUsername.was-validated .form-select:invalid {
  border-color: #FE6A49 !important; }

[dir="rtl"] .custom-input .form-check.form-switch .form-check-input {
  margin-left: 7px; }

.form-check-reverse {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding: 0; }
  .form-check-reverse .form-check-input {
    float: left;
    margin-right: 0;
    margin-left: 10px; }

.checkbox-checked.card-wrapper h6.sub-title {
  font-weight: 600;
  font-size: 17px; }

.checkbox-checked .form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-checked .form-check-input:focus {
  border-color: #006666;
  box-shadow: 0 0 0 4px rgba(0, 102, 102, 0.25); }

.checkbox-checked .card-wrapper .form-check:last-child {
  min-height: 0;
  margin-bottom: 0; }
  .checkbox-checked .card-wrapper .form-check:last-child label {
    margin-bottom: 0; }

.form-check-size {
  display: flex;
  gap: 22px;
  align-items: center;
  flex-wrap: wrap; }
  .form-check-size .form-check-inline {
    margin: 0;
    min-height: 0; }
    [dir="rtl"] .form-check-size .form-check-inline {
      margin: 0; }
    .form-check-size .form-check-inline .form-check-input {
      width: 18px;
      height: 18px;
      margin-top: 0; }
    .form-check-size .form-check-inline .check-size {
      width: 36px;
      height: 18px;
      margin-top: 0; }
    .form-check-size .form-check-inline label {
      margin: 0; }

.main-img-checkbox .img-checkbox {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }
  .main-img-checkbox .img-checkbox .main-img-cover {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 24px;
    height: 24px; }
    [dir="rtl"] .main-img-checkbox .img-checkbox .main-img-cover {
      left: unset;
      right: 15px; }
  .main-img-checkbox .img-checkbox .form-check-label {
    width: 100%; }
  .main-img-checkbox .img-checkbox img {
    width: 100%;
    height: 220px;
    object-fit: cover; }

.main-icon-checkbox.checkbox label {
  margin-top: 0; }
  .main-icon-checkbox.checkbox label::before {
    content: '';
    width: 100%;
    height: 100%;
    margin-left: 1px;
    background-color: transparent;
    top: 0;
    display: block; }
    [dir="rtl"] .main-icon-checkbox.checkbox label::before {
      margin-left: unset;
      margin-right: 1px; }

.main-icon-checkbox.checkbox-primary input[type=checkbox]:checked + label::before {
  color: transparent;
  border: 2px solid #006666; }

.main-icon-checkbox.checkbox-primary input[type=checkbox] {
  opacity: 1; }

.main-icon-checkbox.checkbox-primary .form-check-input {
  border: 1px solid #E6E9EB; }
  .main-icon-checkbox.checkbox-primary .form-check-input.checkbox-shadow:focus {
    box-shadow: none; }
  .main-icon-checkbox.checkbox-primary .form-check-input[type=checkbox]:checked {
    background-image: none; }

.main-radio-toggle .btn,
.main-checkbox-toggle .btn {
  margin-bottom: 0; }

.radio-wrapper,
.checkbox-wrapper {
  display: flex;
  gap: calc(8px + (16 - 8) * ((100vw - 320px) / (1920 - 320)));
  flex-wrap: wrap;
  justify-content: center; }
  @media (max-width: 1200px) {
    .radio-wrapper,
    .checkbox-wrapper {
      justify-content: unset; } }
  .radio-wrapper li,
  .checkbox-wrapper li {
    position: relative;
    width: 100%;
    padding: 12px;
    border: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 130px; }
    @media (max-width: 1335px) {
      .radio-wrapper li,
      .checkbox-wrapper li {
        max-width: 113px; } }
    @media (max-width: 1232px) {
      .radio-wrapper li,
      .checkbox-wrapper li {
        padding: 10px;
        max-width: 105px; } }
    .radio-wrapper li .form-check-input,
    .checkbox-wrapper li .form-check-input {
      position: absolute;
      width: 100%;
      height: 100%;
      float: none;
      margin: 0;
      top: 0;
      left: 0;
      opacity: 1;
      border-radius: 0;
      background-color: transparent;
      border: 1px solid #E6E9EB; }
      .radio-wrapper li .form-check-input:focus,
      .checkbox-wrapper li .form-check-input:focus {
        box-shadow: none; }
      .radio-wrapper li .form-check-input[type=radio],
      .checkbox-wrapper li .form-check-input[type=radio] {
        opacity: 1; }
      .radio-wrapper li .form-check-input:checked,
      .checkbox-wrapper li .form-check-input:checked {
        border: 2px solid #006666;
        background-color: transparent; }
        .radio-wrapper li .form-check-input[type=radio]:checked,
        .checkbox-wrapper li .form-check-input[type=radio]:checked {
          background-image: none;
          box-shadow: unset; }
    .radio-wrapper li .form-check-label,
    .checkbox-wrapper li .form-check-label {
      position: unset;
      padding: 0;
      margin-bottom: 0; }
      .radio-wrapper li .form-check-label:after,
      .checkbox-wrapper li .form-check-label:after {
        content: none; }
      .radio-wrapper li .form-check-label::before,
      .checkbox-wrapper li .form-check-label::before {
        content: none; }
      .radio-wrapper li .form-check-label i,
      .checkbox-wrapper li .form-check-label i {
        font-size: 18px;
        padding-right: 8px; }
        [dir="rtl"] .radio-wrapper li .form-check-label i, [dir="rtl"] .checkbox-wrapper li .form-check-label i {
          padding-right: 0;
          padding-left: 8px; }
      .radio-wrapper li .form-check-label span,
      .checkbox-wrapper li .form-check-label span {
        font-size: 16px; }

[dir="rtl"] .rtl-input .form-check.form-check-inline {
  padding: 0; }

[dir="rtl"] .rtl-input .form-check.form-switch {
  padding-right: 40px; }

[dir="rtl"] .rtl-input .form-check.form-switch .form-check-input {
  margin-left: unset;
  margin-right: -40px;
  float: right; }

.radio-form {
  display: flex;
  gap: 18px;
  flex-wrap: wrap; }
  .radio-form .form-check {
    min-height: 0;
    margin-bottom: 0; }
    .radio-form .form-check .form-check-label {
      margin-bottom: 0; }

.basic-form {
  position: relative; }
  .basic-form svg {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%); }
    [dir="rtl"] .basic-form svg {
      right: 0;
      left: 12px; }
    .basic-form svg.stroke-icon {
      width: 25px;
      height: 25px;
      stroke: #2c323f;
      position: absolute;
      top: 50%;
      right: 12px;
      transform: translateY(-50%); }
      [dir="rtl"] .basic-form svg.stroke-icon {
        right: unset;
        left: 12px; }

.form-check {
  margin-bottom: 0; }

.theme-form .custom-input .row .col .row:last-child label {
  margin: 0; }

.theme-form.dark-inputs input::file-selector-button {
  border-radius: 30px; }

[dir="rtl"] .theme-form .form-floating > label {
  left: unset;
  right: 0; }

/**=====================
  2.18 Forms CSS Ends
==========================**/
/**=====================
	2.19 Icons CSS Start
==========================**/
.icon-lists div {
  cursor: pointer;
  line-height: 60px;
  white-space: nowrap;
  border-radius: 4px;
  display: flex;
  align-items: center; }
  .icon-lists div:hover {
    background-color: var(--light-background); }
  .icon-lists div i {
    margin: 0 15px 0 10px;
    font-size: 24px; }

.icon-lists.whether-icon svg {
  height: 50px;
  width: 50px; }

.icon-lists.feather-icons .media svg {
  margin: 0 15px 0 10px; }

.icon-lists .feather-icon .icon-first h6 {
  display: none; }

.flag-icons,
.feather-icons {
  margin-bottom: -15px;
  margin-top: -15px; }
  .flag-icons div,
  .feather-icons div {
    line-height: 1;
    word-wrap: break-word;
    overflow: auto; }
    .flag-icons div .flag-icon,
    .feather-icons div .flag-icon {
      height: 50px;
      width: 50px; }
    .flag-icons div .media,
    .feather-icons div .media {
      padding-top: 15px;
      padding-bottom: 15px;
      width: 100%; }
    .flag-icons div .media-body h6,
    .feather-icons div .media-body h6 {
      margin-bottom: 0;
      font-size: 14px;
      font-weight: 400;
      max-width: 100%;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .flag-icons div .media-body h5,
    .feather-icons div .media-body h5 {
      background-color: var(--theme-deafult);
      display: inline-block;
      padding: 3px 5px;
      font-size: 11px;
      border-radius: 3px;
      margin-bottom: 5px;
      margin-right: 5px;
      color: #fff; }
      [dir="rtl"] .flag-icons div .media-body h5, [dir="rtl"] .feather-icons div .media-body h5 {
        margin-left: 5px;
        margin-right: unset; }

.icon-hover-bottom {
  background-color: #fdfeff;
  width: 100%;
  bottom: 0;
  left: 0;
  box-shadow: 0px 0px 1px 1px #E6E9EB;
  z-index: 999; }
  .icon-hover-bottom .icon-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 20px; }
    .icon-hover-bottom .icon-popup .close-icon {
      position: absolute;
      right: 10px;
      top: 10px;
      font-size: 20px;
      color: #E6E9EB;
      cursor: pointer; }
      [dir="rtl"] .icon-hover-bottom .icon-popup .close-icon {
        right: unset;
        left: 10px; }
    .icon-hover-bottom .icon-popup > div {
      display: inline-block; }
      .icon-hover-bottom .icon-popup > div .flag-icon {
        width: 60px;
        height: 60px; }
    .icon-hover-bottom .icon-popup .icon-class {
      margin: 0 20px;
      cursor: pointer; }
    .icon-hover-bottom .icon-popup .icon-last .form-inline .form-group {
      display: initial; }
  .icon-hover-bottom .icon-title {
    display: block;
    color: #2c323f;
    text-transform: uppercase;
    font-weight: 500; }
  .icon-hover-bottom span,
  .icon-hover-bottom label,
  .icon-hover-bottom .btn {
    font-family: "Montserrat", sans-serif; }
  .icon-hover-bottom .form-group input {
    display: inline-block;
    width: 300px;
    background-color: #fff;
    font-family: "Montserrat", sans-serif; }

.fa-fa-icon-show-div,
.icons-show-div {
  display: none; }

.icon-first i {
  color: #898989; }

.icon-first h6 {
  display: none; }

/**=====================
    2.19 Icons CSS Ends
==========================**/
/**=====================
   2.20 List CSS Start
==========================**/
.list-group-item.active {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }

.list-group i {
  margin-right: 10px; }

.list-group img {
  height: 40px;
  width: 40px;
  margin-right: 10px; }

.list-light-primary {
  background-color: rgba(0, 102, 102, 0.2); }
  .list-light-primary:hover, .list-light-primary:active, .list-light-primary.active, .list-light-primary:focus {
    border: none;
    outline: unset;
    background-color: rgba(0, 102, 102, 0.2) !important; }

.list-hover-primary {
  background-color: unset; }
  .list-hover-primary:hover, .list-hover-primary:active, .list-hover-primary.active, .list-hover-primary:focus {
    background-color: rgba(0, 102, 102, 0.2);
    color: #2c323f;
    z-index: 0; }

.list-light-secondary {
  background-color: rgba(254, 106, 73, 0.3); }
  .list-light-secondary:hover, .list-light-secondary:active, .list-light-secondary.active, .list-light-secondary:focus {
    border: none;
    outline: unset;
    background-color: rgba(254, 106, 73, 0.3) !important; }

.list-hover-secondary {
  background-color: unset; }
  .list-hover-secondary:hover, .list-hover-secondary:active, .list-hover-secondary.active, .list-hover-secondary:focus {
    background-color: rgba(254, 106, 73, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-success {
  background-color: rgba(0, 172, 70, 0.3); }
  .list-light-success:hover, .list-light-success:active, .list-light-success.active, .list-light-success:focus {
    border: none;
    outline: unset;
    background-color: rgba(0, 172, 70, 0.3) !important; }

.list-hover-success {
  background-color: unset; }
  .list-hover-success:hover, .list-hover-success:active, .list-hover-success.active, .list-hover-success:focus {
    background-color: rgba(0, 172, 70, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-warning {
  background-color: rgba(255, 174, 26, 0.3); }
  .list-light-warning:hover, .list-light-warning:active, .list-light-warning.active, .list-light-warning:focus {
    border: none;
    outline: unset;
    background-color: rgba(255, 174, 26, 0.3) !important; }

.list-hover-warning {
  background-color: unset; }
  .list-hover-warning:hover, .list-hover-warning:active, .list-hover-warning.active, .list-hover-warning:focus {
    background-color: rgba(255, 174, 26, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-info {
  background-color: rgba(23, 56, 120, 0.3); }
  .list-light-info:hover, .list-light-info:active, .list-light-info.active, .list-light-info:focus {
    border: none;
    outline: unset;
    background-color: rgba(23, 56, 120, 0.3) !important; }

.list-hover-info {
  background-color: unset; }
  .list-hover-info:hover, .list-hover-info:active, .list-hover-info.active, .list-hover-info:focus {
    background-color: rgba(23, 56, 120, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-light {
  background-color: #F9F9FB; }
  .list-light-light:hover, .list-light-light:active, .list-light-light.active, .list-light-light:focus {
    border: none;
    outline: unset;
    background-color: #F9F9FB !important; }

.list-hover-light {
  background-color: unset; }
  .list-hover-light:hover, .list-hover-light:active, .list-hover-light.active, .list-hover-light:focus {
    background-color: #F9F9FB;
    color: #2c323f;
    z-index: 0; }

.list-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }
  .list-light-danger:hover, .list-light-danger:active, .list-light-danger.active, .list-light-danger:focus {
    border: none;
    outline: unset;
    background-color: rgba(254, 106, 73, 0.3) !important; }

.list-hover-danger {
  background-color: unset; }
  .list-hover-danger:hover, .list-hover-danger:active, .list-hover-danger.active, .list-hover-danger:focus {
    background-color: rgba(254, 106, 73, 0.3);
    color: #2c323f;
    z-index: 0; }

.list-light-dark {
  background-color: #EAEBF2; }
  .list-light-dark:hover, .list-light-dark:active, .list-light-dark.active, .list-light-dark:focus {
    border: none;
    outline: unset;
    background-color: #EAEBF2 !important; }

.list-hover-dark {
  background-color: unset; }
  .list-hover-dark:hover, .list-hover-dark:active, .list-hover-dark.active, .list-hover-dark:focus {
    background-color: #EAEBF2;
    color: #2c323f;
    z-index: 0; }

.horizontal-list-wrapper .list-group .list-group-item {
  padding: 8px; }

.list-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap; }
  @media (max-width: 414px) {
    .list-wrapper {
      flex-wrap: unset;
      word-break: break-word; } }
  @media (max-width: 366px) {
    .list-wrapper {
      padding-bottom: 8px; } }
  .list-wrapper .list-img {
    width: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));
    height: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 10px;
    border-radius: 50%; }
  .list-wrapper .list-content p {
    margin-bottom: 0; }

.scrollbar-wrapper {
  max-height: 270px;
  overflow: auto; }

@media (max-width: 480px) {
  .main-lists-content small {
    display: none; } }

@media (max-width: 1199px) {
  .list-behavior-1 {
    gap: 12px; } }

@media (max-width: 575px) {
  .list-behavior-1:first-child {
    margin-bottom: 14px; } }

@media (max-width: 1999px) {
  .list-behavior-1 img {
    height: 86px; } }

@media (max-width: 992px) {
  .list-behavior-1 img {
    height: 70px; } }

.list-behavior-1 .flex-grow-1 {
  margin-left: 16px; }
  @media (max-width: 1199px) {
    .list-behavior-1 .flex-grow-1 {
      margin-left: 0; }
      .list-behavior-1 .flex-grow-1 p {
        display: block;
        display: -webkit-box;
        max-width: 100%;
        margin: 0 auto;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; } }
  [dir="rtl"] .list-behavior-1 .flex-grow-1 {
    margin-right: 16px;
    margin-left: unset; }

.list-behaviors > div:nth-child(even) .flex-grow-1 {
  order: -1;
  margin-left: unset;
  margin-right: 16px; }
  @media (max-width: 1199px) {
    .list-behaviors > div:nth-child(even) .flex-grow-1 {
      margin-left: 0;
      margin-right: 0;
      order: unset; } }
.list-group .list-group-item {
  padding: 11px 16px; }
  .list-group .list-group-item .form-check-input:focus {
    box-shadow: unset !important; }
  [dir="rtl"] .list-group .list-group-item i {
    margin-left: 10px;
    margin-right: unset; }

@media (max-width: 1216px) {
  .contact-profile {
    background-color: unset; }
    .contact-profile.list-light-dark:hover {
      background-color: unset; } }

.badge-list .list-group-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap; }
  .badge-list .list-group-item div {
    margin-right: auto;
    margin-left: 8px; }
    [dir="rtl"] .badge-list .list-group-item div {
      margin-left: auto;
      margin-right: 8px; }

/**=====================
   2.20 List CSS Ends
==========================**/
/**=====================
    2.21 Loader CSS Start
==========================**/
.loader-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  background-color: #fff;
  z-index: 11;
  top: 0; }
  .loader-wrapper .loader4 {
    position: relative;
    color: var(--theme-deafult);
    font-size: 50px;
    text-indent: -9999em;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    transform: translateZ(0);
    animation: loader4 1.7s infinite ease,  loader4Round 1.7s infinite ease;
    overflow: hidden; }

@keyframes loader4 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } }

@keyframes loader4Round {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/**=====================
    2.21 Loader CSS Ends
==========================**/
/**=====================
    2.22 Modal CSS start
==========================**/
.modal-toggle-wrapper .form-control::placeholder {
  font-size: 13px; }

.modal-toggle-wrapper .modal-img {
  display: flex;
  justify-content: center; }
  .modal-toggle-wrapper .modal-img img {
    width: 200px;
    height: 200px; }
    @media (max-width: 992px) {
      .modal-toggle-wrapper .modal-img img {
        width: calc(136px + (200 - 136) * ((100vw - 320px) / (992 - 320)));
        height: calc(136px + (200 - 136) * ((100vw - 320px) / (992 - 320))); } }
  .modal-toggle-wrapper .modal-img li img {
    width: 100px;
    height: 100px; }
    @media (max-width: 992px) {
      .modal-toggle-wrapper .modal-img li img {
        width: calc(75px + (100 - 75) * ((100vw - 320px) / (992 - 320)));
        height: calc(75px + (100 - 75) * ((100vw - 320px) / (992 - 320))); } }
  .modal-toggle-wrapper .modal-img li + li {
    margin-left: -39px; }

.modal-toggle-wrapper button svg {
  width: 16px;
  height: 16px; }

.large-modal-header,
.large-modal-body {
  display: flex;
  align-items: center;
  color: #2c323f; }
  .large-modal-header svg,
  .large-modal-body svg {
    width: 20px;
    height: 20px; }

.modal-padding-space {
  padding-left: 20px; }

.svg-modal {
  width: 15px;
  height: 15px;
  stroke: #FE6A49;
  vertical-align: middle; }

.card-wrapper .modal-heading h5 {
  font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1400 - 320))); }

@media (min-width: 750px) and (max-width: 1200px) {
  .card-wrapper .balance-modal {
    display: flex;
    flex-direction: column; } }

.modal-footer .btn {
  margin: 0 4px; }

.modal-content .modal-header .btn-close:focus {
  box-shadow: unset; }

.modal-details h6 {
  padding-bottom: 12px; }

.modal-details .web-content {
  margin-bottom: 16px; }
  .modal-details .web-content .d-flex p {
    padding-bottom: 8px; }
  .modal-details .web-content .d-flex:last-child p {
    padding-bottom: 0; }
  .modal-details .web-content:last-child {
    margin-bottom: 0; }

/**=====================
    2.22 Modal CSS end
==========================**/
/**=====================
  2.23 Popover CSS Start
==========================**/
.popover-header {
  background-color: #2c323f;
  color: #fff; }

.popover-main .btn-showcase a {
  color: #fff; }

.popover-main .btn-showcase button:last-child {
  margin-right: 0; }

/**=====================
  2.23 Popover CSS Ends
==========================**/
/**=====================
  2.24 Print CSS Start
==========================**/
@media print {
  .sidebar-wrapper,
  .page-header {
    display: none; }
  .page-body {
    margin: 0 !important; }
  .page-wrapper .page-title {
    visibility: hidden; }
  .page-wrapper .page-body-wrapper .page-title {
    display: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin: 0; }
  .customizer-links {
    display: none; }
  table.fixedHeader-floating {
    display: none; }
  .email-left-aside {
    display: none; }
  .footer {
    display: none; } }

.invoice-table {
  margin-top: 16px;
  margin-bottom: 16px; }

.invoice .text-right input {
  margin-top: 6px; }

.invoice .media {
  align-items: center; }

/**=====================
  2.24 Print CSS Ends
==========================**/
/**=====================
    2.25 Radio CSS Start
==========================**/
.animate-chk label {
  line-height: 1.6;
  cursor: pointer; }
  .animate-chk label:last-child {
    margin-bottom: 0; }

.checkbox_animated {
  cursor: pointer;
  position: relative;
  margin: 0 1rem 0 0; }
  .checkbox_animated:before {
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: rotate(-45deg) scale(0, 0);
    content: "";
    position: absolute;
    left: 0.25rem;
    top: 0.225rem;
    z-index: 1;
    width: 0.75rem;
    height: 0.375rem;
    border: 2px solid var(--theme-deafult);
    border-top-style: none;
    border-right-style: none; }
  .checkbox_animated:after {
    content: "";
    position: absolute;
    top: -0.125rem;
    left: 0;
    width: 1.3rem;
    height: 1.3rem;
    background: #fff;
    border: 2px solid #ecf3fa;
    cursor: pointer; }
  .checkbox_animated:checked:before {
    transform: rotate(-45deg) scale(1, 1); }

.radio_animated {
  position: relative;
  margin: 0 1rem 0 0;
  cursor: pointer; }
  .radio_animated:before {
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: scale(0, 0);
    content: "";
    position: absolute;
    top: 0;
    left: 0.125rem;
    z-index: 1;
    width: 0.75rem;
    height: 0.75rem;
    background: var(--theme-deafult);
    border-radius: 50%; }
  .radio_animated:after {
    content: "";
    position: absolute;
    top: -0.25rem;
    left: -0.125rem;
    width: 1.25rem;
    height: 1.25rem;
    background: #fff;
    border: 2px solid #ecf3fa;
    border-radius: 50%; }
  .radio_animated:checked:before {
    transform: scale(1, 1); }

.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 16px;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 10px; }
  .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    margin-left: -16px;
    border: 1px solid #efefef;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
  .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #242934; }

.checkbox input[type="checkbox"] {
  opacity: 0; }
  .checkbox input[type="checkbox"]:focus {
    outline-offset: -2px; }
    .checkbox input[type="checkbox"]:focus + label::before {
      outline-offset: -2px; }

.checkbox input[type="checkbox"]:checked + label::before {
  font-family: themify;
  content: "\e64c";
  text-align: center;
  line-height: 1.2; }

.checkbox input[type="checkbox"]:disabled + label {
  opacity: 0.65; }
  .checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #E6E9EB;
    cursor: not-allowed; }

.checkbox .checkbox-circle label::before {
  border-radius: 50%; }

.checkbox .checkbox-inline {
  margin-top: 0; }

.m-squar label::before {
  border-radius: 0; }

.m-squar .checkbox-circle label::before {
  border-radius: 50%; }

.m-squar .checkbox-inline {
  margin-top: 0; }

.checkbox-primary label::before {
  border-color: var(--theme-deafult); }

.checkbox-primary input[type="checkbox"]:checked + label::before {
  border-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-primary label:before {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  color: #fff; }

.checkbox-solid-primary input[type="checkbox"]:checked + label::before {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  color: #fff; }

.checkbox-solid-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-primary input[type="radio"] + label::before {
  border-color: var(--theme-deafult); }

.radio-primary input[type="radio"] + label::after {
  background-color: var(--theme-deafult); }

.radio-primary input[type="radio"]:checked + label::before {
  border-color: var(--theme-deafult); }

.radio-primary input[type="radio"]:checked + label::after {
  background-color: var(--theme-deafult); }

.checkbox-secondary label::before {
  border-color: #FE6A49; }

.checkbox-secondary input[type="checkbox"]:checked + label::before {
  border-color: #FE6A49;
  color: #FE6A49; }

.checkbox-secondary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-secondary label:before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-secondary input[type="checkbox"]:checked + label::before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-secondary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-secondary input[type="radio"] + label::before {
  border-color: #FE6A49; }

.radio-secondary input[type="radio"] + label::after {
  background-color: #FE6A49; }

.radio-secondary input[type="radio"]:checked + label::before {
  border-color: #FE6A49; }

.radio-secondary input[type="radio"]:checked + label::after {
  background-color: #FE6A49; }

.checkbox-success label::before {
  border-color: #00AC46; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  border-color: #00AC46;
  color: #00AC46; }

.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-success label:before {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fff; }

.checkbox-solid-success input[type="checkbox"]:checked + label::before {
  background-color: #00AC46;
  border-color: #00AC46;
  color: #fff; }

.checkbox-solid-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-success input[type="radio"] + label::before {
  border-color: #00AC46; }

.radio-success input[type="radio"] + label::after {
  background-color: #00AC46; }

.radio-success input[type="radio"]:checked + label::before {
  border-color: #00AC46; }

.radio-success input[type="radio"]:checked + label::after {
  background-color: #00AC46; }

.checkbox-danger label::before {
  border-color: #FE6A49; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  border-color: #FE6A49;
  color: #FE6A49; }

.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-danger label:before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-danger input[type="checkbox"]:checked + label::before {
  background-color: #FE6A49;
  border-color: #FE6A49;
  color: #fff; }

.checkbox-solid-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-danger input[type="radio"] + label::before {
  border-color: #FE6A49; }

.radio-danger input[type="radio"] + label::after {
  background-color: #FE6A49; }

.radio-danger input[type="radio"]:checked + label::before {
  border-color: #FE6A49; }

.radio-danger input[type="radio"]:checked + label::after {
  background-color: #FE6A49; }

.checkbox-info label::before {
  border-color: #173878; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  border-color: #173878;
  color: #173878; }

.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-info label:before {
  background-color: #173878;
  border-color: #173878;
  color: #fff; }

.checkbox-solid-info input[type="checkbox"]:checked + label::before {
  background-color: #173878;
  border-color: #173878;
  color: #fff; }

.checkbox-solid-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-info input[type="radio"] + label::before {
  border-color: #173878; }

.radio-info input[type="radio"] + label::after {
  background-color: #173878; }

.radio-info input[type="radio"]:checked + label::before {
  border-color: #173878; }

.radio-info input[type="radio"]:checked + label::after {
  background-color: #173878; }

.checkbox-light label::before {
  border-color: #E6E9EB; }

.checkbox-light input[type="checkbox"]:checked + label::before {
  border-color: #E6E9EB;
  color: #E6E9EB; }

.checkbox-light input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-light label:before {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fff; }

.checkbox-solid-light input[type="checkbox"]:checked + label::before {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  color: #fff; }

.checkbox-solid-light input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-light input[type="radio"] + label::before {
  border-color: #E6E9EB; }

.radio-light input[type="radio"] + label::after {
  background-color: #E6E9EB; }

.radio-light input[type="radio"]:checked + label::before {
  border-color: #E6E9EB; }

.radio-light input[type="radio"]:checked + label::after {
  background-color: #E6E9EB; }

.checkbox-dark label::before {
  border-color: #2c323f; }

.checkbox-dark input[type="checkbox"]:checked + label::before {
  border-color: #2c323f;
  color: #2c323f; }

.checkbox-dark input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-dark label:before {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fff; }

.checkbox-solid-dark input[type="checkbox"]:checked + label::before {
  background-color: #2c323f;
  border-color: #2c323f;
  color: #fff; }

.checkbox-solid-dark input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-dark input[type="radio"] + label::before {
  border-color: #2c323f; }

.radio-dark input[type="radio"] + label::after {
  background-color: #2c323f; }

.radio-dark input[type="radio"]:checked + label::before {
  border-color: #2c323f; }

.radio-dark input[type="radio"]:checked + label::after {
  background-color: #2c323f; }

.checkbox-warning label::before {
  border-color: #FFAE1A; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  border-color: #FFAE1A;
  color: #FFAE1A; }

.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-solid-warning label:before {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fff; }

.checkbox-solid-warning input[type="checkbox"]:checked + label::before {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  color: #fff; }

.checkbox-solid-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio-warning input[type="radio"] + label::before {
  border-color: #FFAE1A; }

.radio-warning input[type="radio"] + label::after {
  background-color: #FFAE1A; }

.radio-warning input[type="radio"]:checked + label::before {
  border-color: #FFAE1A; }

.radio-warning input[type="radio"]:checked + label::after {
  background-color: #FFAE1A; }

.m-checkbox-inline .checkbox {
  display: inline-block; }

.m-checkbox-inline .radio {
  display: inline-block; }

.m-checkbox-inline label {
  margin-right: 20px; }

.radio label {
  display: inline-block;
  position: relative;
  padding-left: 18px;
  cursor: pointer; }
  .radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #efefef;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; }
    [class="dark-only"] .radio label::before {
      background-color: #1A1C23; }
  .radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 9px;
    height: 9px;
    left: 5px;
    top: 5px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #898989;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }

.radio input[type="radio"] {
  opacity: 0; }
  .radio input[type="radio"]:focus + label::before {
    outline-offset: -2px; }
  .radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  .radio input[type="radio"]:disabled + label {
    opacity: 0.65; }
    .radio input[type="radio"]:disabled + label::before {
      cursor: not-allowed; }

.radio .radio-inline {
  margin-top: 0; }

/**=====================
    2.25 Radio CSS Ends
==========================**/
/**=====================
  2.26 Ribbon CSS Start
==========================**/
[class*="ribbon-wrapper"] {
  position: relative;
  padding: 58px 18px 28px 18px; }

.ribbon {
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  clear: left;
  position: absolute;
  top: 12px;
  left: 0px;
  color: #fff;
  z-index: 2; }

.ribbon-clip {
  left: -14px; }
  .ribbon-clip:before {
    position: absolute;
    top: 30px;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-vertical-left-wrapper {
  padding-left: 40px;
  position: relative; }

.ribbon-vertical-right-wrapper {
  padding-right: 40px; }

.ribbon-wrapper-bottom {
  padding-bottom: 40px;
  padding-top: 0; }

.ribbon-wrapper-right-bottom {
  padding-right: 40px; }

.ribbon-space-bottom {
  top: 0px; }

.ribbon-bookmark:before {
  position: absolute;
  top: 0;
  left: 100%;
  display: block;
  width: 0;
  height: 0;
  content: '';
  border: 15px solid #2c323f;
  border-right: 10px solid transparent; }

.ribbon-right {
  left: auto;
  right: -2px; }

.ribbon-clip-right {
  right: -14px; }
  .ribbon-clip-right:before {
    position: absolute;
    top: 30px;
    right: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-clip-bottom {
  left: -14px;
  bottom: 12px;
  top: auto; }
  .ribbon-clip-bottom:before {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-clip-bottom-right {
  right: -14px;
  left: auto;
  bottom: 12px;
  top: auto; }
  .ribbon-clip-bottom-right:before {
    position: absolute;
    bottom: 30px;
    right: 0;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-top-color: #2c323f;
    border-right-color: #2c323f; }

.ribbon-bookmark.ribbon-right:before {
  right: 100%;
  left: auto;
  border-right: 15px solid #2c323f;
  border-left: 10px solid transparent; }

.ribbon-vertical-left {
  clear: none;
  padding: 0 5px;
  height: 70px;
  width: 30px;
  line-height: 70px;
  text-align: center;
  left: 12px;
  top: -2px; }

.ribbon-vertical-right {
  clear: none;
  padding: 0 5px;
  height: 70px;
  width: 30px;
  line-height: 70px;
  text-align: center;
  top: -2px;
  left: auto;
  right: 20px; }
  [dir="rtl"] .ribbon-vertical-right {
    left: auto !important;
    right: 20px !important; }

.ribbon-bookmark.ribbon-vertical-left:before, .ribbon-bookmark.ribbon-vertical-right:before {
  top: 100%;
  left: 0;
  margin-top: -14px;
  border-right: 15px solid #2c323f;
  border-bottom: 10px solid transparent; }

.ribbon-primary {
  background: #006666; }

.ribbon-primary {
  background: #006666; }

.ribbon-bookmark.ribbon-primary:before {
  border-color: #006666;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-primary:before {
  border-right-color: #006666;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-primary:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-primary:before {
  border-right-color: #006666;
  border-bottom-color: transparent; }

.ribbon-primary.ribbon-corner:before {
  border-top-color: #006666;
  border-left-color: #006666; }

.ribbon-primary.ribbon-corner.ribbon-right:before {
  border-right-color: #006666;
  border-left-color: transparent; }

.ribbon-primary.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #006666; }

.ribbon-primary.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #003333;
  border-right-color: #003333; }

.ribbon-primary.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #003333;
  border-left-color: #003333; }

.ribbon-primary.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #003333;
  border-right-color: #003333; }

.ribbon-primary.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #003333;
  border-right-color: transparent;
  border-left-color: #003333; }

.ribbon-secondary {
  background: #FE6A49; }

.ribbon-secondary {
  background: #FE6A49; }

.ribbon-bookmark.ribbon-secondary:before {
  border-color: #FE6A49;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-secondary:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-secondary:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-secondary:before {
  border-right-color: #FE6A49;
  border-bottom-color: transparent; }

.ribbon-secondary.ribbon-corner:before {
  border-top-color: #FE6A49;
  border-left-color: #FE6A49; }

.ribbon-secondary.ribbon-corner.ribbon-right:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-secondary.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FE6A49; }

.ribbon-secondary.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-secondary.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #fe4016;
  border-left-color: #fe4016; }

.ribbon-secondary.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-secondary.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: transparent;
  border-left-color: #fe4016; }

.ribbon-success {
  background: #00AC46; }

.ribbon-success {
  background: #00AC46; }

.ribbon-bookmark.ribbon-success:before {
  border-color: #00AC46;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-success:before {
  border-right-color: #00AC46;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-success:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-success:before {
  border-right-color: #00AC46;
  border-bottom-color: transparent; }

.ribbon-success.ribbon-corner:before {
  border-top-color: #00AC46;
  border-left-color: #00AC46; }

.ribbon-success.ribbon-corner.ribbon-right:before {
  border-right-color: #00AC46;
  border-left-color: transparent; }

.ribbon-success.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #00AC46; }

.ribbon-success.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #007931;
  border-right-color: #007931; }

.ribbon-success.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #007931;
  border-left-color: #007931; }

.ribbon-success.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #007931;
  border-right-color: #007931; }

.ribbon-success.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #007931;
  border-right-color: transparent;
  border-left-color: #007931; }

.ribbon-danger {
  background: #FE6A49; }

.ribbon-danger {
  background: #FE6A49; }

.ribbon-bookmark.ribbon-danger:before {
  border-color: #FE6A49;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-danger:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-danger:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-danger:before {
  border-right-color: #FE6A49;
  border-bottom-color: transparent; }

.ribbon-danger.ribbon-corner:before {
  border-top-color: #FE6A49;
  border-left-color: #FE6A49; }

.ribbon-danger.ribbon-corner.ribbon-right:before {
  border-right-color: #FE6A49;
  border-left-color: transparent; }

.ribbon-danger.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FE6A49; }

.ribbon-danger.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-danger.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #fe4016;
  border-left-color: #fe4016; }

.ribbon-danger.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: #fe4016; }

.ribbon-danger.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #fe4016;
  border-right-color: transparent;
  border-left-color: #fe4016; }

.ribbon-info {
  background: #173878; }

.ribbon-info {
  background: #173878; }

.ribbon-bookmark.ribbon-info:before {
  border-color: #173878;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-info:before {
  border-right-color: #173878;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-info:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
  border-right-color: #173878;
  border-bottom-color: transparent; }

.ribbon-info.ribbon-corner:before {
  border-top-color: #173878;
  border-left-color: #173878; }

.ribbon-info.ribbon-corner.ribbon-right:before {
  border-right-color: #173878;
  border-left-color: transparent; }

.ribbon-info.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #173878; }

.ribbon-info.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #0f244d;
  border-right-color: #0f244d; }

.ribbon-info.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #0f244d;
  border-left-color: #0f244d; }

.ribbon-info.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #0f244d;
  border-right-color: #0f244d; }

.ribbon-info.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #0f244d;
  border-right-color: transparent;
  border-left-color: #0f244d; }

.ribbon-light {
  background: #E6E9EB; }

.ribbon-light {
  background: #E6E9EB; }

.ribbon-bookmark.ribbon-light:before {
  border-color: #E6E9EB;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-light:before {
  border-right-color: #E6E9EB;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-light:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-light:before {
  border-right-color: #E6E9EB;
  border-bottom-color: transparent; }

.ribbon-light.ribbon-corner:before {
  border-top-color: #E6E9EB;
  border-left-color: #E6E9EB; }

.ribbon-light.ribbon-corner.ribbon-right:before {
  border-right-color: #E6E9EB;
  border-left-color: transparent; }

.ribbon-light.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #E6E9EB; }

.ribbon-light.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #cad0d4;
  border-right-color: #cad0d4; }

.ribbon-light.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #cad0d4;
  border-left-color: #cad0d4; }

.ribbon-light.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #cad0d4;
  border-right-color: #cad0d4; }

.ribbon-light.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #cad0d4;
  border-right-color: transparent;
  border-left-color: #cad0d4; }

.ribbon-dark {
  background: #2c323f; }

.ribbon-dark {
  background: #2c323f; }

.ribbon-bookmark.ribbon-dark:before {
  border-color: #2c323f;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-dark:before {
  border-right-color: #2c323f;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-dark:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-dark:before {
  border-right-color: #2c323f;
  border-bottom-color: transparent; }

.ribbon-dark.ribbon-corner:before {
  border-top-color: #2c323f;
  border-left-color: #2c323f; }

.ribbon-dark.ribbon-corner.ribbon-right:before {
  border-right-color: #2c323f;
  border-left-color: transparent; }

.ribbon-dark.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #2c323f; }

.ribbon-dark.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #171a21;
  border-right-color: #171a21; }

.ribbon-dark.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #171a21;
  border-left-color: #171a21; }

.ribbon-dark.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #171a21;
  border-right-color: #171a21; }

.ribbon-dark.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #171a21;
  border-right-color: transparent;
  border-left-color: #171a21; }

.ribbon-warning {
  background: #FFAE1A; }

.ribbon-warning {
  background: #FFAE1A; }

.ribbon-bookmark.ribbon-warning:before {
  border-color: #FFAE1A;
  border-right-color: transparent; }

.ribbon-bookmark.ribbon-right.ribbon-warning:before {
  border-right-color: #FFAE1A;
  border-left-color: transparent; }

.ribbon-bookmark.ribbon-vertical-left.ribbon-warning:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-warning:before {
  border-right-color: #FFAE1A;
  border-bottom-color: transparent; }

.ribbon-warning.ribbon-corner:before {
  border-top-color: #FFAE1A;
  border-left-color: #FFAE1A; }

.ribbon-warning.ribbon-corner.ribbon-right:before {
  border-right-color: #FFAE1A;
  border-left-color: transparent; }

.ribbon-warning.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #FFAE1A; }

.ribbon-warning.ribbon-clip:before {
  border-color: transparent;
  border-top-color: #e69500;
  border-right-color: #e69500; }

.ribbon-warning.ribbon-clip-right:before {
  border-right-color: transparent;
  border-top-color: #e69500;
  border-left-color: #e69500; }

.ribbon-warning.ribbon-clip-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #e69500;
  border-right-color: #e69500; }

.ribbon-warning.ribbon-clip-bottom-right:before {
  border-top-color: transparent;
  border-bottom-color: #e69500;
  border-right-color: transparent;
  border-left-color: #e69500; }

.vertical-lp-space {
  padding: 58px 28px 28px 50px; }

.vertical-rp-space {
  padding: 58px 50px 28px 28px; }

.clip-bp-space {
  padding: 28px 18px 58px 18px; }

/**=====================
  2.26 Ribbon CSS Ends
==========================**/
/**=====================
   2.27 Range-slider CSS Start
==========================**/
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single,
.irs--flat .irs-bar {
  background-color: #006666; }
  .irs--flat .irs-from::before,
  .irs--flat .irs-to::before,
  .irs--flat .irs-single::before,
  .irs--flat .irs-bar::before {
    border-top-color: #006666; }

.irs--flat .irs-handle i:first-child {
  background-color: #006666; }

.irs--round .irs-single {
  background-color: #FE6A49; }
  .irs--round .irs-single::before {
    border-top-color: #FE6A49; }

.irs--round .irs-handle {
  border: 4px solid #FE6A49; }

.irs--round .irs-bar {
  background-color: #FE6A49; }

.irs--square .irs-handle {
  border: 3px solid #00AC46; }

.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-bar {
  background-color: #00AC46; }

.irs--sharp .irs-from::before,
.irs--sharp .irs-to::before {
  border-top-color: #173878; }

.irs--sharp .irs-min,
.irs--sharp .irs-max,
.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-bar {
  background-color: #173878; }

.irs--sharp .irs-line {
  background-color: #E6E9EB; }

.irs--sharp .irs-handle {
  background-color: #173878; }
  .irs--sharp .irs-handle i:first-child {
    border-top-color: #173878; }

.irs--big .irs-bar {
  border: 1px solid #FFAE1A;
  background: #FFAE1A;
  box-shadow: unset; }

.irs--big .irs-from,
.irs--big .irs-to {
  background-color: #FFAE1A;
  background: unset; }

.irs--big .irs-handle {
  background: #FFAE1A; }

.irs--big .irs-grid-pol {
  background-color: #FFAE1A; }

.irs--big .irs-grid-text {
  color: #FFAE1A; }

.irs--modern .irs-single {
  background-color: #FE6A49; }
  .irs--modern .irs-single::before {
    border-top-color: #FE6A49; }

.irs--modern .irs-bar {
  background: #FE6A49; }

.irs--modern .irs-grid-text {
  color: #FE6A49; }

/**=====================
    2.27 Range-slider CSS Ends
==========================**/
/**=====================
    2.28 Switch CSS Start
==========================**/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }
  .switch input {
    display: none; }
    .switch input:checked + .switch-state {
      background-color: var(--theme-deafult); }
      .switch input:checked + .switch-state:before {
        transform: translateX(26px); }
    .switch input:focus + .switch-state {
      box-shadow: 0 0 1px var(--theme-deafult); }

.switch-state {
  border-radius: 20px;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #E6E9EB;
  transition: .4s; }
  .switch-state:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    transition: .4s;
    border-radius: 20px; }

.icon-state .switch-state:after {
  content: "\efb8";
  font-family: IcoFont;
  left: 10px;
  position: absolute;
  top: 10px;
  color: #2c323f;
  transition: .4s;
  opacity: 0.3; }

.icon-state input:checked + .switch-state:after {
  content: "\efad";
  left: 36px;
  opacity: 1;
  transition: .4s; }

.switch-lg .switch {
  width: 75px;
  height: 40px;
  padding: 0;
  margin: 0; }
  .switch-lg .switch .switch-state:before {
    height: 30px;
    width: 30px;
    left: 7px;
    bottom: 5px;
    top: 4px; }

.switch-lg.large-switch-button .switch .switch-state::before {
  left: 13px; }

.switch-lg.icon-state .switch .switch-state:after {
  left: 12px;
  font-size: 18px; }

.switch-lg.icon-state .switch input:checked + .switch-state:after {
  left: 47px; }

.switch-lg.icon-state .switch input:checked + .switch-state:before {
  transform: translateX(32px); }

.switch-sm.icon-state .switch .switch-state:after {
  top: 4px;
  left: 4px;
  font-size: 8px; }

.switch-sm.icon-state .switch input:checked + .switch-state:after {
  left: 13px;
  top: 4px; }

.switch-sm .switch {
  width: 25px;
  height: 16px;
  margin-top: 10px;
  margin-bottom: 0px; }
  .switch-sm .switch .switch-state:before {
    height: 8px;
    width: 8px;
    left: 4px;
    bottom: 4px; }

.switch-sm input:checked + .switch-state:before {
  left: -13px; }

.switch-outline .switch-state {
  background-color: #fff;
  border: 1px solid var(--theme-deafult);
  transition: .4s; }
  .switch-outline .switch-state:before {
    background-color: #E6E9EB;
    bottom: 3px;
    color: #fff; }

.switch-outline .switch input {
  display: none; }
  .switch-outline .switch input:checked + .switch-state {
    background-color: transparent;
    border: 1px solid var(--theme-deafult); }
    .switch-outline .switch input:checked + .switch-state:before {
      background-color: var(--theme-deafult);
      bottom: 3px;
      transform: translateX(26px); }
    .switch-outline .switch input:checked + .switch-state:after {
      color: #fff; }

.switch-outline .switch-state.bg-primary {
  border: 1px solid var(--theme-deafult);
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-primary {
  background-color: transparent !important;
  border: 1px solid var(--theme-deafult); }
  .switch-outline .switch input:checked + .switch-state.bg-primary:before {
    background-color: var(--theme-deafult); }

.switch-outline .switch-state.bg-dark {
  border: 1px solid #2c323f;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-dark {
  background-color: transparent !important;
  border: 1px solid #2c323f; }
  .switch-outline .switch input:checked + .switch-state.bg-dark:before {
    background-color: #2c323f; }

.switch-outline .switch-state.bg-warning {
  border: 1px solid #FFAE1A;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-warning {
  background-color: transparent !important;
  border: 1px solid #FFAE1A; }
  .switch-outline .switch input:checked + .switch-state.bg-warning:before {
    background-color: #FFAE1A; }

.switch-outline .switch-state.bg-success {
  border: 1px solid #00AC46;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-success {
  background-color: transparent !important;
  border: 1px solid #00AC46; }
  .switch-outline .switch input:checked + .switch-state.bg-success:before {
    background-color: #00AC46; }

.switch-outline .switch-state.bg-info {
  border: 1px solid #173878;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-info {
  background-color: transparent !important;
  border: 1px solid #173878; }
  .switch-outline .switch input:checked + .switch-state.bg-info:before {
    background-color: #173878; }

.switch-outline .switch-state.bg-danger {
  border: 1px solid #FE6A49;
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-danger {
  background-color: transparent !important;
  border: 1px solid #FE6A49; }
  .switch-outline .switch input:checked + .switch-state.bg-danger:before {
    background-color: #FE6A49; }

.switch-outline .switch-state.bg-primary {
  border: 1px solid var(--theme-deafult);
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-primary {
  background-color: transparent !important;
  border: 1px solid var(--theme-deafult); }
  .switch-outline .switch input:checked + .switch-state.bg-primary:before {
    background-color: var(--theme-deafult); }

.switch-outline .switch-state.bg-secondary {
  border: 1px solid var(--theme-secondary);
  background-color: transparent !important; }

.switch-outline .switch input:checked + .switch-state.bg-secondary {
  background-color: transparent !important;
  border: 1px solid var(--theme-secondary); }
  .switch-outline .switch input:checked + .switch-state.bg-secondary:before {
    background-color: var(--theme-secondary); }

.switch-showcase {
  margin-bottom: -8px; }
  .switch-showcase .media {
    line-height: 1; }
  .switch-showcase .form-check .form-check-input {
    float: right; }

.form-switch .form-check-input:checked {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult); }

.tg-list {
  text-align: center;
  display: flex;
  align-items: center; }

.tgl {
  display: none; }
  .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
    box-sizing: border-box; }
    .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
      background: none; }
  .tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    user-select: none; }
    .tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
      position: relative;
      display: block;
      content: "";
      width: 50%;
      height: 100%; }
    .tgl + .tgl-btn:after {
      left: 0; }
    .tgl + .tgl-btn:before {
      display: none; }
  .tgl:checked + .tgl-btn:after {
    left: 50%; }

.tgl-skewed + .tgl-btn {
  overflow: hidden;
  transform: skew(-10deg);
  backface-visibility: hidden;
  transition: all .2s ease;
  background: #FE6A49; }
  .tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before {
    transform: skew(10deg);
    display: inline-block;
    transition: all .2s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: var(--white);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
  .tgl-skewed + .tgl-btn:after {
    left: 100%;
    content: attr(data-tg-on); }
  .tgl-skewed + .tgl-btn:before {
    left: 0;
    content: attr(data-tg-off); }
  .tgl-skewed + .tgl-btn:active {
    background: #FE6A49; }
    .tgl-skewed + .tgl-btn:active:before {
      left: -10%; }

.tgl-skewed:checked + .tgl-btn {
  background: #006666; }
  .tgl-skewed:checked + .tgl-btn:before {
    left: -100%; }
  .tgl-skewed:checked + .tgl-btn:after {
    left: 0; }
  .tgl-skewed:checked + .tgl-btn:active:after {
    left: 10%; }

.tgl-flip + .tgl-btn {
  padding: 2px;
  transition: all .2s ease;
  perspective: 100px; }
  .tgl-flip + .tgl-btn:after, .tgl-flip + .tgl-btn:before {
    display: inline-block;
    transition: all .4s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: var(--white);
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    border-radius: 4px; }
  .tgl-flip + .tgl-btn:after {
    content: attr(data-tg-on);
    background: #FFAE1A;
    transform: rotateY(-180deg); }
  .tgl-flip + .tgl-btn:before {
    background: #FE6A49;
    content: attr(data-tg-off); }
  .tgl-flip + .tgl-btn:active:before {
    transform: rotateY(-20deg); }

.tgl-flip:checked + .tgl-btn:before {
  transform: rotateY(180deg); }

.tgl-flip:checked + .tgl-btn:after {
  transform: rotateY(0);
  left: 0;
  background: #00AC46; }

.tgl-flip:checked + .tgl-btn:active:after {
  transform: rotateY(20deg); }

.radius-none .form-check-input {
  border-radius: 3px; }

.tg-list .tg-list-item .square-checked .switch-state::before {
  content: '';
  border-radius: 0; }

.switch-wrapper .media {
  margin-right: 20px; }
  .switch-wrapper .media .col-form-label {
    padding-bottom: 0; }

.switch-wrapper .tg-list p {
  margin: 0 8px 0 0; }

.default-square .form-switch .form-check-input {
  background-image: url(/../images/switch/square-gray.png); }
  .default-square .form-switch .form-check-input:checked {
    background-image: url(/../images/switch/square.svg); }

/**=====================
    2.28 Switch CSS Ends
==========================**/
/**=====================
  2.29 Tab CSS Start
==========================**/
/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C; }

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8; }

.light-card {
  background-color: var(--light-background); }

.light-background {
  background-color: var(--light-bg); }

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  transform: rotate(-45deg);
  display: inline-block; }

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-l-50 {
  margin-left: 50px !important; }

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important; }

.b-r-1 {
  border-radius: 1px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-r-11 {
  border-radius: 11px !important; }

.b-r-12 {
  border-radius: 12px !important; }

.b-r-13 {
  border-radius: 13px !important; }

.b-r-14 {
  border-radius: 14px !important; }

.b-r-15 {
  border-radius: 15px !important; }

.b-r-16 {
  border-radius: 16px !important; }

.b-r-17 {
  border-radius: 17px !important; }

.b-r-18 {
  border-radius: 18px !important; }

.b-r-19 {
  border-radius: 19px !important; }

.b-r-20 {
  border-radius: 20px !important; }

.b-r-21 {
  border-radius: 21px !important; }

.b-r-22 {
  border-radius: 22px !important; }

.b-r-23 {
  border-radius: 23px !important; }

.b-r-24 {
  border-radius: 24px !important; }

.b-r-25 {
  border-radius: 25px !important; }

.b-r-26 {
  border-radius: 26px !important; }

.b-r-27 {
  border-radius: 27px !important; }

.b-r-28 {
  border-radius: 28px !important; }

.b-r-29 {
  border-radius: 29px !important; }

.b-r-30 {
  border-radius: 30px !important; }

.b-r-31 {
  border-radius: 31px !important; }

.b-r-32 {
  border-radius: 32px !important; }

.b-r-33 {
  border-radius: 33px !important; }

.b-r-34 {
  border-radius: 34px !important; }

.b-r-35 {
  border-radius: 35px !important; }

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.f-34 {
  font-size: 34px !important; }

.f-36 {
  font-size: 36px !important; }

.f-38 {
  font-size: 38px !important; }

.f-40 {
  font-size: 40px !important; }

.f-42 {
  font-size: 42px !important; }

.f-44 {
  font-size: 44px !important; }

.f-46 {
  font-size: 46px !important; }

.f-48 {
  font-size: 48px !important; }

.f-50 {
  font-size: 50px !important; }

.f-52 {
  font-size: 52px !important; }

.f-54 {
  font-size: 54px !important; }

.f-56 {
  font-size: 56px !important; }

.f-58 {
  font-size: 58px !important; }

.f-60 {
  font-size: 60px !important; }

.f-62 {
  font-size: 62px !important; }

.f-64 {
  font-size: 64px !important; }

.f-66 {
  font-size: 66px !important; }

.f-68 {
  font-size: 68px !important; }

.f-70 {
  font-size: 70px !important; }

.f-72 {
  font-size: 72px !important; }

.f-74 {
  font-size: 74px !important; }

.f-76 {
  font-size: 76px !important; }

.f-78 {
  font-size: 78px !important; }

.f-80 {
  font-size: 80px !important; }

.f-82 {
  font-size: 82px !important; }

.f-84 {
  font-size: 84px !important; }

.f-86 {
  font-size: 86px !important; }

.f-88 {
  font-size: 88px !important; }

.f-90 {
  font-size: 90px !important; }

.f-92 {
  font-size: 92px !important; }

.f-94 {
  font-size: 94px !important; }

.f-96 {
  font-size: 96px !important; }

.f-98 {
  font-size: 98px !important; }

.f-100 {
  font-size: 100px !important; }

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100; }

.f-w-300 {
  font-weight: 300; }

.f-w-500 {
  font-weight: 500; }

.f-w-400 {
  font-weight: 400; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-900 {
  font-weight: 900; }

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal; }

.f-s-italic {
  font-style: italic; }

.f-s-oblique {
  font-style: oblique; }

.f-s-initial {
  font-style: initial; }

.f-s-inherit {
  font-style: inherit; }

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-dashed {
  text-decoration: dashed; }

.text-blink {
  text-decoration: blink; }

.text-dotted {
  text-decoration: dotted; }

.text-initial {
  text-decoration: initial; }

.text-none {
  text-decoration: none; }

.text-solid {
  text-decoration: solid; }

.text-wavy {
  text-decoration: wavy; }

.text-inherit {
  text-decoration: inherit; }

.text-double {
  text-decoration: double; }

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline; }

.sub {
  vertical-align: sub; }

.super {
  vertical-align: super; }

.top {
  vertical-align: top; }

.text-top {
  vertical-align: text-top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.text-bottom {
  vertical-align: text-bottom; }

.initial {
  vertical-align: initial; }

.inherit {
  vertical-align: inherit; }

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-relative {
  position: relative; }

.p-initial {
  position: initial; }

.p-inherit {
  position: inherit; }

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden; }

.o-visible {
  overflow: visible; }

.o-auto {
  overflow: auto; }

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important; }

.img-h-10 {
  height: 10px !important; }

.img-20 {
  width: 20px !important; }

.img-h-20 {
  height: 20px !important; }

.img-30 {
  width: 30px !important; }

.img-h-30 {
  height: 30px !important; }

.img-40 {
  width: 40px !important; }

.img-h-40 {
  height: 40px !important; }

.img-50 {
  width: 50px !important; }

.img-h-50 {
  height: 50px !important; }

.img-60 {
  width: 60px !important; }

.img-h-60 {
  height: 60px !important; }

.img-70 {
  width: 70px !important; }

.img-h-70 {
  height: 70px !important; }

.img-80 {
  width: 80px !important; }

.img-h-80 {
  height: 80px !important; }

.img-90 {
  width: 90px !important; }

.img-h-90 {
  height: 90px !important; }

.img-100 {
  width: 100px !important; }

.img-h-100 {
  height: 100px !important; }

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important; }

.font-secondary {
  color: #FE6A49 !important; }

.font-success {
  color: #00AC46 !important; }

.font-danger {
  color: #FE6A49 !important; }

.font-info {
  color: #173878 !important; }

.font-light {
  color: #E6E9EB !important; }

.font-dark {
  color: #2c323f !important; }

.font-warning {
  color: #FFAE1A !important; }

.font-primary {
  color: var(--theme-deafult) !important; }

.font-secondary {
  color: var(--theme-secondary) !important; }

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize; }

.label-theme {
  background-color: #006666; }

.label-primary {
  background-color: #006666; }

.label-secondary {
  background-color: #FE6A49; }

.label-success {
  background-color: #00AC46; }

.label-danger {
  background-color: #FE6A49; }

.label-info {
  background-color: #173878; }

.label-light {
  background-color: #E6E9EB; }

.label-dark {
  background-color: #2c323f; }

.label-warning {
  background-color: #FFAE1A; }

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666; }

.badge-secondary {
  background-color: #FE6A49; }

.badge-success {
  background-color: #00AC46; }

.badge-danger {
  background-color: #FE6A49; }

.badge-info {
  background-color: #173878; }

.badge-light {
  background-color: #E6E9EB; }

.badge-dark {
  background-color: #2c323f; }

.badge-warning {
  background-color: #FFAE1A; }

.badge-primary {
  background-color: var(--theme-deafult) !important; }

.badge-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff; }

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff; }

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important; }

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-success {
  background-color: #00AC46 !important;
  color: #fff; }

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff; }

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important; }

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-info {
  background-color: #173878 !important;
  color: #fff; }

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff; }

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important; }

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff; }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff; }

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important; }

.bg-dark {
  background-color: #2c323f !important;
  color: #fff; }

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff; }

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important; }

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff; }

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff; }

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important; }

.bg-primary {
  background-color: var(--theme-deafult) !important; }

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6); }

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important; }

.txt-secondary {
  color: #FE6A49 !important; }

.txt-success {
  color: #00AC46 !important; }

.txt-danger {
  color: #FE6A49 !important; }

.txt-info {
  color: #173878 !important; }

.txt-light {
  color: #E6E9EB !important; }

.txt-dark {
  color: #2c323f !important; }

.txt-warning {
  color: #FFAE1A !important; }

.txt-google-plus {
  color: #c64e40 !important; }

.txt-twitter {
  color: #6fa2d8 !important; }

.txt-linkedin {
  color: #0077B5 !important; }

.txt-fb {
  color: #50598e !important; }

.txt-primary {
  color: var(--theme-deafult) !important; }

.txt-secondary {
  color: var(--theme-secondary) !important; }

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@keyframes push {
  50% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #006666 !important;
    border-color: #006666 !important; }
  .btn-primary:focus {
    box-shadow: unset !important; }

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-secondary:focus {
    box-shadow: unset !important; }

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }
  .btn-success:focus {
    box-shadow: unset !important; }

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-danger:focus {
    box-shadow: unset !important; }

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #173878 !important;
    border-color: #173878 !important; }
  .btn-info:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }
  .btn-light:focus {
    box-shadow: unset !important; }

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #2c323f !important;
    border-color: #2c323f !important; }
  .btn-dark:focus {
    box-shadow: unset !important; }

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }
  .btn-warning:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important; }
  .btn-light:hover {
    background-color: rgba(0, 102, 102, 0.1) !important;
    border-color: rgba(0, 102, 102, 0.1) !important; }

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important; }

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important; }

.btn-hover-effect:hover {
  animation: push 0.5s linear 1; }

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent; }
  .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-check {
  color: #006666 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #006666 !important; }
    .btn-check:checked + .btn-outline-primary {
      color: white !important;
      background-color: #006666 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-primary {
    border-color: #006666 !important;
    color: #006666 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-primary.disabled {
      color: #006666; }
    .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
      color: white !important;
      background-color: #006666 !important;
      border-color: #006666 !important;
      box-shadow: none !important; }

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary.disabled {
    color: #006666;
    border-color: #006666; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-secondary {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-secondary {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-secondary.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #00AC46 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #00AC46 !important; }
    .btn-check:checked + .btn-outline-success {
      color: white !important;
      background-color: #00AC46 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-success.disabled {
      color: #00AC46; }
    .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
      color: white !important;
      background-color: #00AC46 !important;
      border-color: #00AC46 !important;
      box-shadow: none !important; }

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success.disabled {
    color: #00AC46;
    border-color: #00AC46; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-danger {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-danger.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #173878 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #173878 !important; }
    .btn-check:checked + .btn-outline-info {
      color: white !important;
      background-color: #173878 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-info {
    border-color: #173878 !important;
    color: #173878 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-info.disabled {
      color: #173878; }
    .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
      color: white !important;
      background-color: #173878 !important;
      border-color: #173878 !important;
      box-shadow: none !important; }

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info.disabled {
    color: #173878;
    border-color: #173878; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: #fff !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #E6E9EB !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #E6E9EB !important; }
    .btn-check:checked + .btn-outline-light {
      color: white !important;
      background-color: #E6E9EB !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-light {
    border-color: #E6E9EB !important;
    color: #E6E9EB !important;
    background-color: transparent;
    color: #051A1A; }
    .btn-check + .btn-outline-light.disabled {
      color: #E6E9EB; }
    .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
      color: white !important;
      background-color: #E6E9EB !important;
      border-color: #E6E9EB !important;
      box-shadow: none !important; }

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A; }
  .btn-outline-light.disabled {
    color: #E6E9EB;
    border-color: #E6E9EB; }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: #fff !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: unset !important; }

.btn-check {
  color: #2c323f !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #2c323f !important; }
    .btn-check:checked + .btn-outline-dark {
      color: white !important;
      background-color: #2c323f !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-dark {
    border-color: #2c323f !important;
    color: #2c323f !important;
    background-color: transparent; }
    .btn-check + .btn-outline-dark.disabled {
      color: #2c323f; }
    .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
      color: white !important;
      background-color: #2c323f !important;
      border-color: #2c323f !important;
      box-shadow: none !important; }

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark.disabled {
    color: #2c323f;
    border-color: #2c323f; }
  .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FFAE1A !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FFAE1A !important; }
    .btn-check:checked + .btn-outline-warning {
      color: white !important;
      background-color: #FFAE1A !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important;
    background-color: transparent; }
    .btn-check + .btn-outline-warning.disabled {
      color: #FFAE1A; }
    .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
      color: white !important;
      background-color: #FFAE1A !important;
      border-color: #FFAE1A !important;
      box-shadow: none !important; }

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning.disabled {
    color: #FFAE1A;
    border-color: #FFAE1A; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: unset !important; }

.btn-primary.active:not([disabled]):not(.disabled) {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  box-shadow: none !important; }
  .btn-primary.active:not([disabled]):not(.disabled):hover, .btn-primary.active:not([disabled]):not(.disabled):focus, .btn-primary.active:not([disabled]):not(.disabled):active, .btn-primary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #003333;
    border-color: #003333; }

.btn-secondary.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-secondary.active:not([disabled]):not(.disabled):hover, .btn-secondary.active:not([disabled]):not(.disabled):focus, .btn-secondary.active:not([disabled]):not(.disabled):active, .btn-secondary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-success.active:not([disabled]):not(.disabled) {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  box-shadow: none !important; }
  .btn-success.active:not([disabled]):not(.disabled):hover, .btn-success.active:not([disabled]):not(.disabled):focus, .btn-success.active:not([disabled]):not(.disabled):active, .btn-success.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #007931;
    border-color: #007931; }

.btn-danger.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-danger.active:not([disabled]):not(.disabled):hover, .btn-danger.active:not([disabled]):not(.disabled):focus, .btn-danger.active:not([disabled]):not(.disabled):active, .btn-danger.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-info.active:not([disabled]):not(.disabled) {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  box-shadow: none !important; }
  .btn-info.active:not([disabled]):not(.disabled):hover, .btn-info.active:not([disabled]):not(.disabled):focus, .btn-info.active:not([disabled]):not(.disabled):active, .btn-info.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #0f244d;
    border-color: #0f244d; }

.btn-light.active:not([disabled]):not(.disabled) {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  box-shadow: none !important; }
  .btn-light.active:not([disabled]):not(.disabled):hover, .btn-light.active:not([disabled]):not(.disabled):focus, .btn-light.active:not([disabled]):not(.disabled):active, .btn-light.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #cad0d4;
    border-color: #cad0d4; }

.btn-dark.active:not([disabled]):not(.disabled) {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  box-shadow: none !important; }
  .btn-dark.active:not([disabled]):not(.disabled):hover, .btn-dark.active:not([disabled]):not(.disabled):focus, .btn-dark.active:not([disabled]):not(.disabled):active, .btn-dark.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #171a21;
    border-color: #171a21; }

.btn-warning.active:not([disabled]):not(.disabled) {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  box-shadow: none !important; }
  .btn-warning.active:not([disabled]):not(.disabled):hover, .btn-warning.active:not([disabled]):not(.disabled):focus, .btn-warning.active:not([disabled]):not(.disabled):active, .btn-warning.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #e69500;
    border-color: #e69500; }

.btn-outline-primary-2x.active:not([disabled]):not(.disabled) {
  background-color: #006666;
  border-color: #006666;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-primary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-primary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #006666 !important;
    border-color: #006666 !important; }

.btn-outline-secondary-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-secondary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-success-2x.active:not([disabled]):not(.disabled) {
  background-color: #00AC46;
  border-color: #00AC46;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-success-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-success-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-success-2x.active:not([disabled]):not(.disabled):active, .btn-outline-success-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }

.btn-outline-danger-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-danger-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):active, .btn-outline-danger-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-info-2x.active:not([disabled]):not(.disabled) {
  background-color: #173878;
  border-color: #173878;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-info-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-info-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-info-2x.active:not([disabled]):not(.disabled):active, .btn-outline-info-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #173878 !important;
    border-color: #173878 !important; }

.btn-outline-light-2x.active:not([disabled]):not(.disabled) {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-light-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-light-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-light-2x.active:not([disabled]):not(.disabled):active, .btn-outline-light-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }

.btn-outline-dark-2x.active:not([disabled]):not(.disabled) {
  background-color: #2c323f;
  border-color: #2c323f;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-dark-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):active, .btn-outline-dark-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important; }

.btn-outline-warning-2x.active:not([disabled]):not(.disabled) {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-warning-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):active, .btn-outline-warning-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important; }

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important; }

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important; }

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important; }

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important; }

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important; }

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666; }
  .table-styling .table-primary thead,
  .table-styling.table-primary thead {
    background-color: #003333;
    border: 3px solid #003333; }
  .table-styling .table-primary th,
  .table-styling .table-primary td,
  .table-styling.table-primary th,
  .table-styling.table-primary td {
    background-color: transparent; }

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-secondary thead,
  .table-styling.table-secondary thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-secondary th,
  .table-styling .table-secondary td,
  .table-styling.table-secondary th,
  .table-styling.table-secondary td {
    background-color: transparent; }

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46; }
  .table-styling .table-success thead,
  .table-styling.table-success thead {
    background-color: #007931;
    border: 3px solid #007931; }
  .table-styling .table-success th,
  .table-styling .table-success td,
  .table-styling.table-success th,
  .table-styling.table-success td {
    background-color: transparent; }

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-danger thead,
  .table-styling.table-danger thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-danger th,
  .table-styling .table-danger td,
  .table-styling.table-danger th,
  .table-styling.table-danger td {
    background-color: transparent; }

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878; }
  .table-styling .table-info thead,
  .table-styling.table-info thead {
    background-color: #0f244d;
    border: 3px solid #0f244d; }
  .table-styling .table-info th,
  .table-styling .table-info td,
  .table-styling.table-info th,
  .table-styling.table-info td {
    background-color: transparent; }

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB; }
  .table-styling .table-light thead,
  .table-styling.table-light thead {
    background-color: #cad0d4;
    border: 3px solid #cad0d4; }
  .table-styling .table-light th,
  .table-styling .table-light td,
  .table-styling.table-light th,
  .table-styling.table-light td {
    background-color: transparent; }

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f; }
  .table-styling .table-dark thead,
  .table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21; }
  .table-styling .table-dark th,
  .table-styling .table-dark td,
  .table-styling.table-dark th,
  .table-styling.table-dark td {
    background-color: transparent; }

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A; }
  .table-styling .table-warning thead,
  .table-styling.table-warning thead {
    background-color: #e69500;
    border: 3px solid #e69500; }
  .table-styling .table-warning th,
  .table-styling .table-warning td,
  .table-styling.table-warning th,
  .table-styling.table-warning td {
    background-color: transparent; }

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important; }

.stroke-secondary {
  stroke: #FE6A49 !important; }

.stroke-success {
  stroke: #00AC46 !important; }

.stroke-danger {
  stroke: #FE6A49 !important; }

.stroke-info {
  stroke: #173878 !important; }

.stroke-light {
  stroke: #E6E9EB !important; }

.stroke-dark {
  stroke: #2c323f !important; }

.stroke-warning {
  stroke: #FFAE1A !important; }

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878; }

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important; }

.b-t-primary {
  border-top: 1px solid #006666 !important; }

.border-t-primary {
  border-top: 1px solid #006666 !important; }

.b-b-primary {
  border-bottom: 1px solid #006666 !important; }

.border-b-primary {
  border-bottom: 1px solid #006666 !important; }

.b-l-primary {
  border-left: 1px solid #006666 !important; }

.border-l-primary {
  border-left: 1px solid #006666 !important; }

.b-r-primary {
  border-right: 1px solid #006666 !important; }

.border-r-primary {
  border-right: 1px solid #006666 !important; }

.b-secondary {
  border: 1px solid #FE6A49 !important; }

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.b-success {
  border: 1px solid #00AC46 !important; }

.b-t-success {
  border-top: 1px solid #00AC46 !important; }

.border-t-success {
  border-top: 1px solid #00AC46 !important; }

.b-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.border-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.b-l-success {
  border-left: 1px solid #00AC46 !important; }

.border-l-success {
  border-left: 1px solid #00AC46 !important; }

.b-r-success {
  border-right: 1px solid #00AC46 !important; }

.border-r-success {
  border-right: 1px solid #00AC46 !important; }

.b-danger {
  border: 1px solid #FE6A49 !important; }

.b-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.border-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.border-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.b-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.border-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.b-info {
  border: 1px solid #173878 !important; }

.b-t-info {
  border-top: 1px solid #173878 !important; }

.border-t-info {
  border-top: 1px solid #173878 !important; }

.b-b-info {
  border-bottom: 1px solid #173878 !important; }

.border-b-info {
  border-bottom: 1px solid #173878 !important; }

.b-l-info {
  border-left: 1px solid #173878 !important; }

.border-l-info {
  border-left: 1px solid #173878 !important; }

.b-r-info {
  border-right: 1px solid #173878 !important; }

.border-r-info {
  border-right: 1px solid #173878 !important; }

.b-light {
  border: 1px solid #E6E9EB !important; }

.b-t-light {
  border-top: 1px solid #E6E9EB !important; }

.border-t-light {
  border-top: 1px solid #E6E9EB !important; }

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.b-l-light {
  border-left: 1px solid #E6E9EB !important; }

.border-l-light {
  border-left: 1px solid #E6E9EB !important; }

.b-r-light {
  border-right: 1px solid #E6E9EB !important; }

.border-r-light {
  border-right: 1px solid #E6E9EB !important; }

.b-dark {
  border: 1px solid #2c323f !important; }

.b-t-dark {
  border-top: 1px solid #2c323f !important; }

.border-t-dark {
  border-top: 1px solid #2c323f !important; }

.b-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.border-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.b-l-dark {
  border-left: 1px solid #2c323f !important; }

.border-l-dark {
  border-left: 1px solid #2c323f !important; }

.b-r-dark {
  border-right: 1px solid #2c323f !important; }

.border-r-dark {
  border-right: 1px solid #2c323f !important; }

.b-warning {
  border: 1px solid #FFAE1A !important; }

.b-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.border-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.b-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.border-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.b-r-warning {
  border-right: 1px solid #FFAE1A !important; }

.border-r-warning {
  border-right: 1px solid #FFAE1A !important; }

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-6 {
  border-width: 6px !important; }

.border-7 {
  border-width: 7px !important; }

.border-8 {
  border-width: 8px !important; }

.border-9 {
  border-width: 9px !important; }

.border-10 {
  border-width: 10px !important; }

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px; }

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa; }

.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px; }

.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3); }

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f; }
  .line pre {
    font-size: 100%; }

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important; }

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .options > div {
    color: #86909C;
    padding: 2px 10px;
    border: 1px solid; }
    .options > div:hover {
      background-color: #006666;
      color: #fff;
      transition: background-color 0.3s ease; }

/**====== Animation css Ends ======**/
.modal-footer {
  flex-wrap: wrap; }

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0; }

.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0; }

.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px; }

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666; }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #006666 !important; }

.typeahead .theme-form .form-group {
  margin-bottom: 0; }

.primary .svg-fill {
  fill: var(--theme-deafult); }
  .primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-deafult); }

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important; }

.secondary .svg-fill {
  fill: var(--theme-secondary); }
  .secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary); }

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important; }

.success .svg-fill {
  fill: #00AC46; }

.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important; }

.warning .svg-fill {
  fill: #FFAE1A; }

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important; }

.dotted {
  border-style: dotted; }

.dashed {
  border-style: dashed; }

.double {
  border-style: double; }

.groove {
  border-style: groove; }

.ridge {
  border-style: ridge; }

.inset {
  border-style: inset; }

.outset {
  border-style: outset; }

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px; }
  75% {
    opacity: .6;
    top: 0; }
  100% {
    opacity: 1; } }

.code-box-copy {
  width: 100%;
  overflow: auto; }

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%; }
  .custom-rs-12 {
    width: 100%; } }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px; }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none; }

.bg-gray {
  background-color: var(--text-gray); }

.text-gray {
  color: var(--text-gray) !important; }

.common-flex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

.common-space {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2); }

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3); }

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important; }

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important; }

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666; }

.badge-light-secondary {
  background-color: white;
  color: #FE6A49; }

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46; }

.badge-light-danger {
  background-color: white;
  color: #FE6A49; }

.badge-light-info {
  background-color: #6e96e3;
  color: #173878; }

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c; }

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f; }

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A; }

.fc .fc-button-primary.fc-button-active:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult), 0.2) !important; }

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%;
      margin-left: 0px; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .invoice-table-data {
    background-color: #f9f9fa; }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

/**=====================
    1.1 Reset CSS Ends
==========================**/
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--theme-deafult); }

.nav i {
  margin-right: 10px; }

.nav-right {
  justify-content: flex-end; }

.nav-theme .nav-link,
.nav-pills.nav-theme .nav-link {
  color: var(--theme-deafult); }

.nav-theme .nav-link.active,
.nav-theme .show > .nav-link,
.nav-pills.nav-theme .nav-link.active,
.nav-pills.nav-theme .show > .nav-link {
  background-color: var(--theme-deafult);
  color: #fff; }

.nav-primary .nav-link,
.nav-pills.nav-primary .nav-link {
  color: var(--theme-deafult); }

.nav-primary .nav-link.active,
.nav-primary .show > .nav-link,
.nav-pills.nav-primary .nav-link.active,
.nav-pills.nav-primary .show > .nav-link {
  background-color: var(--theme-deafult);
  color: #fff; }

.nav-secondary .nav-link,
.nav-pills.nav-secondary .nav-link {
  color: #FE6A49; }

.nav-secondary .nav-link.active,
.nav-secondary .show > .nav-link,
.nav-pills.nav-secondary .nav-link.active,
.nav-pills.nav-secondary .show > .nav-link {
  background-color: #FE6A49;
  color: #fff; }

.nav-success .nav-link,
.nav-pills.nav-success .nav-link {
  color: #00AC46; }

.nav-success .nav-link.active,
.nav-success .show > .nav-link,
.nav-pills.nav-success .nav-link.active,
.nav-pills.nav-success .show > .nav-link {
  background-color: #00AC46;
  color: #fff; }

.nav-danger .nav-link,
.nav-pills.nav-danger .nav-link {
  color: #FE6A49; }

.nav-danger .nav-link.active,
.nav-danger .show > .nav-link,
.nav-pills.nav-danger .nav-link.active,
.nav-pills.nav-danger .show > .nav-link {
  background-color: #FE6A49;
  color: #fff; }

.nav-info .nav-link,
.nav-pills.nav-info .nav-link {
  color: #173878; }

.nav-info .nav-link.active,
.nav-info .show > .nav-link,
.nav-pills.nav-info .nav-link.active,
.nav-pills.nav-info .show > .nav-link {
  background-color: #173878;
  color: #fff; }

.nav-light .nav-link,
.nav-pills.nav-light .nav-link {
  color: #E6E9EB; }

.nav-light .nav-link.active,
.nav-light .show > .nav-link,
.nav-pills.nav-light .nav-link.active,
.nav-pills.nav-light .show > .nav-link {
  background-color: #E6E9EB;
  color: #fff; }

.nav-dark .nav-link,
.nav-pills.nav-dark .nav-link {
  color: #2c323f; }

.nav-dark .nav-link.active,
.nav-dark .show > .nav-link,
.nav-pills.nav-dark .nav-link.active,
.nav-pills.nav-dark .show > .nav-link {
  background-color: #2c323f;
  color: #fff; }

.nav-warning .nav-link,
.nav-pills.nav-warning .nav-link {
  color: #FFAE1A; }

.nav-warning .nav-link.active,
.nav-warning .show > .nav-link,
.nav-pills.nav-warning .nav-link.active,
.nav-pills.nav-warning .show > .nav-link {
  background-color: #FFAE1A;
  color: #fff; }

.nav-tabs.nav-bottom .nav-item .nav-link.active,
.nav-tabs.nav-bottom .nav-item .nav-link.focus,
.nav-tabs.nav-bottom .nav-item .nav-link.hover {
  border-color: #fff #dee2e6 #dee2e6; }

.tab-content ~ .nav-tabs.border-tab {
  margin-bottom: 0;
  margin-top: 30px; }

.border-tab.nav-tabs {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 30px; }
  .border-tab.nav-tabs .nav-item .nav-link {
    font-size: 16px;
    color: #2c323f;
    text-align: center;
    padding: 10px 25px;
    border: none;
    border-bottom: none;
    transition: 0.3s; }
    @media (min-width: 576px) and (max-width: 1920px) {
      .border-tab.nav-tabs .nav-item .nav-link {
        padding-top: 0; } }
    .border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus, .border-tab.nav-tabs .nav-item .nav-link:hover {
      color: var(--theme-deafult); }
    .border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus {
      border-bottom: none; }

.border-tab.nav-left .nav-link {
  transition: all 0.3s ease;
  color: #2c323f; }

.border-tab.nav-left .nav-link.active,
.border-tab.nav-left .show > .nav-link {
  background-color: transparent;
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult);
  border-radius: 0;
  transition: all 0.3s ease; }

.border-tab.nav-right .nav-link {
  border-right: 2px solid transparent;
  transition: all 0.3s ease;
  color: #2c323f;
  text-align: right; }

.border-tab.nav-right .nav-link.active,
.border-tab.nav-right .show > .nav-link {
  background-color: transparent;
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult);
  border-radius: 0;
  transition: all 0.3s ease; }

.border-tab.nav-theme .nav-link.active,
.border-tab.nav-theme .nav-item.show,
.border-tab.nav-theme .nav-link:focus,
.border-tab.nav-theme .nav-link:hover {
  color: var(--theme-deafult);
  background-color: transparent; }

.border-tab.nav-theme .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus {
    border-bottom: 2px solid var(--theme-deafult); }
  .border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus, .border-tab.nav-theme .nav-item .nav-link:hover {
    color: var(--theme-deafult); }

.border-tab.nav-left.nav-theme .nav-link.active,
.border-tab.nav-left.nav-theme .show > .nav-link {
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-right.nav-theme .nav-link.active,
.border-tab.nav-right.nav-theme .show > .nav-link {
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-primary .nav-link.active,
.border-tab.nav-primary .nav-item.show,
.border-tab.nav-primary .nav-link:focus,
.border-tab.nav-primary .nav-link:hover {
  color: var(--theme-deafult);
  background-color: transparent; }

.border-tab.nav-primary .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus {
    border-bottom: 2px solid var(--theme-deafult); }
  .border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus, .border-tab.nav-primary .nav-item .nav-link:hover {
    color: var(--theme-deafult); }

.border-tab.nav-left.nav-primary .nav-link.active,
.border-tab.nav-left.nav-primary .show > .nav-link {
  border-left-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-right.nav-primary .nav-link.active,
.border-tab.nav-right.nav-primary .show > .nav-link {
  border-right-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.border-tab.nav-secondary .nav-link.active,
.border-tab.nav-secondary .nav-item.show,
.border-tab.nav-secondary .nav-link:focus,
.border-tab.nav-secondary .nav-link:hover {
  color: #FE6A49;
  background-color: transparent; }

.border-tab.nav-secondary .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-secondary .nav-item .nav-link.active, .border-tab.nav-secondary .nav-item .nav-link.show, .border-tab.nav-secondary .nav-item .nav-link:focus {
    border-bottom: 2px solid #FE6A49; }
  .border-tab.nav-secondary .nav-item .nav-link.active, .border-tab.nav-secondary .nav-item .nav-link.show, .border-tab.nav-secondary .nav-item .nav-link:focus, .border-tab.nav-secondary .nav-item .nav-link:hover {
    color: #FE6A49; }

.border-tab.nav-left.nav-secondary .nav-link.active,
.border-tab.nav-left.nav-secondary .show > .nav-link {
  border-left-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-right.nav-secondary .nav-link.active,
.border-tab.nav-right.nav-secondary .show > .nav-link {
  border-right-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-success .nav-link.active,
.border-tab.nav-success .nav-item.show,
.border-tab.nav-success .nav-link:focus,
.border-tab.nav-success .nav-link:hover {
  color: #00AC46;
  background-color: transparent; }

.border-tab.nav-success .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-success .nav-item .nav-link.active, .border-tab.nav-success .nav-item .nav-link.show, .border-tab.nav-success .nav-item .nav-link:focus {
    border-bottom: 2px solid #00AC46; }
  .border-tab.nav-success .nav-item .nav-link.active, .border-tab.nav-success .nav-item .nav-link.show, .border-tab.nav-success .nav-item .nav-link:focus, .border-tab.nav-success .nav-item .nav-link:hover {
    color: #00AC46; }

.border-tab.nav-left.nav-success .nav-link.active,
.border-tab.nav-left.nav-success .show > .nav-link {
  border-left-color: #00AC46;
  color: #00AC46; }

.border-tab.nav-right.nav-success .nav-link.active,
.border-tab.nav-right.nav-success .show > .nav-link {
  border-right-color: #00AC46;
  color: #00AC46; }

.border-tab.nav-danger .nav-link.active,
.border-tab.nav-danger .nav-item.show,
.border-tab.nav-danger .nav-link:focus,
.border-tab.nav-danger .nav-link:hover {
  color: #FE6A49;
  background-color: transparent; }

.border-tab.nav-danger .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-danger .nav-item .nav-link.active, .border-tab.nav-danger .nav-item .nav-link.show, .border-tab.nav-danger .nav-item .nav-link:focus {
    border-bottom: 2px solid #FE6A49; }
  .border-tab.nav-danger .nav-item .nav-link.active, .border-tab.nav-danger .nav-item .nav-link.show, .border-tab.nav-danger .nav-item .nav-link:focus, .border-tab.nav-danger .nav-item .nav-link:hover {
    color: #FE6A49; }

.border-tab.nav-left.nav-danger .nav-link.active,
.border-tab.nav-left.nav-danger .show > .nav-link {
  border-left-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-right.nav-danger .nav-link.active,
.border-tab.nav-right.nav-danger .show > .nav-link {
  border-right-color: #FE6A49;
  color: #FE6A49; }

.border-tab.nav-info .nav-link.active,
.border-tab.nav-info .nav-item.show,
.border-tab.nav-info .nav-link:focus,
.border-tab.nav-info .nav-link:hover {
  color: #173878;
  background-color: transparent; }

.border-tab.nav-info .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-info .nav-item .nav-link.active, .border-tab.nav-info .nav-item .nav-link.show, .border-tab.nav-info .nav-item .nav-link:focus {
    border-bottom: 2px solid #173878; }
  .border-tab.nav-info .nav-item .nav-link.active, .border-tab.nav-info .nav-item .nav-link.show, .border-tab.nav-info .nav-item .nav-link:focus, .border-tab.nav-info .nav-item .nav-link:hover {
    color: #173878; }

.border-tab.nav-left.nav-info .nav-link.active,
.border-tab.nav-left.nav-info .show > .nav-link {
  border-left-color: #173878;
  color: #173878; }

.border-tab.nav-right.nav-info .nav-link.active,
.border-tab.nav-right.nav-info .show > .nav-link {
  border-right-color: #173878;
  color: #173878; }

.border-tab.nav-light .nav-link.active,
.border-tab.nav-light .nav-item.show,
.border-tab.nav-light .nav-link:focus,
.border-tab.nav-light .nav-link:hover {
  color: #E6E9EB;
  background-color: transparent; }

.border-tab.nav-light .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-light .nav-item .nav-link.active, .border-tab.nav-light .nav-item .nav-link.show, .border-tab.nav-light .nav-item .nav-link:focus {
    border-bottom: 2px solid #E6E9EB; }
  .border-tab.nav-light .nav-item .nav-link.active, .border-tab.nav-light .nav-item .nav-link.show, .border-tab.nav-light .nav-item .nav-link:focus, .border-tab.nav-light .nav-item .nav-link:hover {
    color: #E6E9EB; }

.border-tab.nav-left.nav-light .nav-link.active,
.border-tab.nav-left.nav-light .show > .nav-link {
  border-left-color: #E6E9EB;
  color: #E6E9EB; }

.border-tab.nav-right.nav-light .nav-link.active,
.border-tab.nav-right.nav-light .show > .nav-link {
  border-right-color: #E6E9EB;
  color: #E6E9EB; }

.border-tab.nav-dark .nav-link.active,
.border-tab.nav-dark .nav-item.show,
.border-tab.nav-dark .nav-link:focus,
.border-tab.nav-dark .nav-link:hover {
  color: #2c323f;
  background-color: transparent; }

.border-tab.nav-dark .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-dark .nav-item .nav-link.active, .border-tab.nav-dark .nav-item .nav-link.show, .border-tab.nav-dark .nav-item .nav-link:focus {
    border-bottom: 2px solid #2c323f; }
  .border-tab.nav-dark .nav-item .nav-link.active, .border-tab.nav-dark .nav-item .nav-link.show, .border-tab.nav-dark .nav-item .nav-link:focus, .border-tab.nav-dark .nav-item .nav-link:hover {
    color: #2c323f; }

.border-tab.nav-left.nav-dark .nav-link.active,
.border-tab.nav-left.nav-dark .show > .nav-link {
  border-left-color: #2c323f;
  color: #2c323f; }

.border-tab.nav-right.nav-dark .nav-link.active,
.border-tab.nav-right.nav-dark .show > .nav-link {
  border-right-color: #2c323f;
  color: #2c323f; }

.border-tab.nav-warning .nav-link.active,
.border-tab.nav-warning .nav-item.show,
.border-tab.nav-warning .nav-link:focus,
.border-tab.nav-warning .nav-link:hover {
  color: #FFAE1A;
  background-color: transparent; }

.border-tab.nav-warning .nav-item .nav-link {
  transition: 0.3s; }
  .border-tab.nav-warning .nav-item .nav-link.active, .border-tab.nav-warning .nav-item .nav-link.show, .border-tab.nav-warning .nav-item .nav-link:focus {
    border-bottom: 2px solid #FFAE1A; }
  .border-tab.nav-warning .nav-item .nav-link.active, .border-tab.nav-warning .nav-item .nav-link.show, .border-tab.nav-warning .nav-item .nav-link:focus, .border-tab.nav-warning .nav-item .nav-link:hover {
    color: #FFAE1A; }

.border-tab.nav-left.nav-warning .nav-link.active,
.border-tab.nav-left.nav-warning .show > .nav-link {
  border-left-color: #FFAE1A;
  color: #FFAE1A; }

.border-tab.nav-right.nav-warning .nav-link.active,
.border-tab.nav-right.nav-warning .show > .nav-link {
  border-right-color: #FFAE1A;
  color: #FFAE1A; }

.flex-space {
  display: flex;
  gap: 16px; }
  @media (max-width: 576px) {
    .flex-space {
      justify-content: center; } }
.tab-img {
  height: 100px; }

.nav-item .navlink-title {
  background-color: unset;
  padding: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.simple-wrapper .dropdown-collection .dropdown-item:hover, .simple-wrapper .dropdown-collection .dropdown-item:active {
  background-color: #E6E9EB !important; }

.blog-wrapper .blog-img {
  width: 100px;
  height: 100px; }

.designer-details {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px; }
  @media (max-width: 1400px) {
    .designer-details {
      gap: calc(14px + (35 - 14) * ((100vw - 320px) / (1400 - 320))); } }
  .designer-details .designer-profile {
    display: inline-block; }
    .designer-details .designer-profile .designer-wrap {
      display: flex;
      align-items: center;
      gap: 12px; }
      .designer-details .designer-profile .designer-wrap .designer-img {
        height: 50px;
        border-radius: 100%; }
      .designer-details .designer-profile .designer-wrap .designer-content h6 {
        font-weight: 500; }
      .designer-details .designer-profile .designer-wrap .designer-content p {
        color: #999999; }

.nav-tabs .nav-border {
  color: #000;
  border: none; }

.ico-color {
  color: #FFAE1A;
  font-size: 16px; }

.main-inbox .header-inbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #999999;
  padding-bottom: 8px; }
  .main-inbox .header-inbox .header-left-inbox {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap; }
    .main-inbox .header-inbox .header-left-inbox .inbox-img img {
      width: 50px;
      height: 50px;
      border-radius: 100%; }
  .main-inbox .header-inbox .header-right-inbox {
    display: flex;
    gap: 12px; }
    @media (max-width: 560px) {
      .main-inbox .header-inbox .header-right-inbox {
        display: none; } }
.main-inbox .body-inbox .body-h-wrapper {
  display: flex;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--light-border);
  align-items: center; }
  @media (max-width: 630px) {
    .main-inbox .body-inbox .body-h-wrapper {
      align-items: unset; } }
.tab-space {
  font-size: 14px; }

#bottom-tab .nav-border.tab-primary:hover {
  color: #006666; }

#bottom-tab .nav-border.tab-primary:focus, #bottom-tab .nav-border.tab-primary:active, #bottom-tab .nav-border.tab-primary.active {
  color: #006666;
  border-bottom: 2px solid #006666; }

#bottom-tab .nav-border.tab-secondary:hover {
  color: #FE6A49; }

#bottom-tab .nav-border.tab-secondary:focus, #bottom-tab .nav-border.tab-secondary:active, #bottom-tab .nav-border.tab-secondary.active {
  color: #FE6A49;
  border-bottom: 2px solid #FE6A49; }

#bottom-tab .nav-border.tab-success:hover {
  color: #00AC46; }

#bottom-tab .nav-border.tab-success:focus, #bottom-tab .nav-border.tab-success:active, #bottom-tab .nav-border.tab-success.active {
  color: #00AC46;
  border-bottom: 2px solid #00AC46; }

#bottom-tab .nav-border.tab-danger:hover {
  color: #FE6A49; }

#bottom-tab .nav-border.tab-danger:focus, #bottom-tab .nav-border.tab-danger:active, #bottom-tab .nav-border.tab-danger.active {
  color: #FE6A49;
  border-bottom: 2px solid #FE6A49; }

#bottom-tab .nav-border.tab-warning:hover {
  color: #FFAE1A; }

#bottom-tab .nav-border.tab-warning:focus, #bottom-tab .nav-border.tab-warning:active, #bottom-tab .nav-border.tab-warning.active {
  color: #FFAE1A;
  border-bottom: 2px solid #FFAE1A; }

#bottom-tab .nav-border.tab-info:hover {
  color: #173878; }

#bottom-tab .nav-border.tab-info:focus, #bottom-tab .nav-border.tab-info:active, #bottom-tab .nav-border.tab-info.active {
  color: #173878;
  border-bottom: 2px solid #173878; }

#bottom-tab .nav-border.tab-light:hover {
  color: #E6E9EB; }

#bottom-tab .nav-border.tab-light:focus, #bottom-tab .nav-border.tab-light:active, #bottom-tab .nav-border.tab-light.active {
  color: #E6E9EB;
  border-bottom: 2px solid #E6E9EB; }

#bottom-tab .nav-border.tab-dark:hover {
  color: #2c323f; }

#bottom-tab .nav-border.tab-dark:focus, #bottom-tab .nav-border.tab-dark:active, #bottom-tab .nav-border.tab-dark.active {
  color: #2c323f;
  border-bottom: 2px solid #2c323f; }

#sideline-tab .nav-effect {
  display: inline-block;
  position: relative; }
  #sideline-tab .nav-effect::after {
    content: '';
    position: absolute;
    left: 0;
    display: inline-block;
    height: 14px;
    width: 80%;
    border-bottom: 1px solid;
    margin-top: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transform: scale(0, 1); }
  #sideline-tab .nav-effect:hover::after {
    opacity: 1;
    transform: scale(1); }

.tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link:hover, .tabs-responsive-side .border-tab.nav-secondary.nav-left .nav-link.active {
  background-color: unset;
  border-left: none;
  border-radius: 0;
  transition: none; }

@media (max-width: 576px) {
  .pills-blogger {
    justify-content: center;
    flex-wrap: wrap; } }

::placeholder {
  font-size: 14px; }

.material-wrapper {
  display: flex;
  gap: 12px; }
  @media (max-width: 576px) {
    .material-wrapper {
      flex-direction: column;
      align-items: center; } }
/**=====================
    2.29 Tab CSS Ends
==========================**/
/**=====================
    2.30 Table CSS Start
==========================**/
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: #E6E9EB; }

tbody tr:last-child {
  border-bottom: none; }

.pills-component {
  width: 20%; }

#row_create td.highlight {
  font-weight: 600;
  color: #006666; }

#row_create td.danger {
  font-weight: 600;
  color: #FE6A49; }

.table {
  margin-bottom: 0px; }
  .table > :not(:last-child) > :last-child > * {
    border-bottom-color: #ecf3fa; }
  .table th,
  .table td {
    padding: 0.75rem; }
  .table.table-primary th {
    color: #fff; }
  .table thead.bg-primary tr th {
    color: #fff; }
  .table th {
    color: #051A1A;
    font-weight: 500; }
    .table th.f-light {
      color: var(--chart-text-color);
      opacity: 0.8; }
  .table td {
    color: #051A1A; }
  .table [class*='bg-'] {
    color: #fff; }
  .table .bg-light {
    color: #051A1A; }
  .table tfoot {
    font-weight: bold; }

.table-dark th {
  color: #fff; }

.table-inverse {
  background-color: #292b2c; }
  .table-inverse tr {
    border: 1px solid #fff; }
  .table-inverse th, .table-inverse.table-bordered {
    border: 0; }
  .table-inverse th {
    color: #fff;
    border-color: #fff; }
  .table-inverse td {
    color: #fff; }

.table-hover > tbody > tr:hover {
  --bs-table-accent-bg: #f6f6f6; }

.table-hover tbody tr {
  vertical-align: middle; }
  .table-hover tbody tr:hover {
    background-color: rgba(0, 102, 102, 0.1); }
  .table-hover tbody tr td svg {
    width: 30px;
    height: 30px;
    padding: 5px;
    border-radius: 4px;
    margin-right: 10px; }
    [dir="rtl"] .table-hover tbody tr td svg {
      margin-right: unset;
      margin-left: 10px; }

.typography-table tr:last-child {
  border-bottom: none; }
  .typography-table tr:last-child td {
    border-bottom: none; }

.table-double {
  border-left: 4px double #dee2e6;
  border-right: 4px double #dee2e6; }
  .table-double thead,
  .table-double tbody,
  .table-double tfoot,
  .table-double tr,
  .table-double td,
  .table-double th {
    border-style: double;
    border-width: 4px;
    border-right: 0;
    border-left: 0; }

.table-dotted {
  border-left: 2px dotted #dee2e6;
  border-right: 2px dotted #dee2e6; }
  .table-dotted thead,
  .table-dotted tbody,
  .table-dotted tfoot,
  .table-dotted tr,
  .table-dotted td,
  .table-dotted th {
    border-style: dotted !important;
    border-width: 2px;
    border-right: 0;
    border-left: 0; }

.table-dashed {
  border: 1px dashed #E6E9EB; }
  .table-dashed thead,
  .table-dashed tbody,
  .table-dashed tfoot,
  .table-dashed tr,
  .table-dashed td,
  .table-dashed th {
    border-style: dashed !important;
    border-width: 1px;
    border-right: 0;
    border-left: 0;
    border-bottom: 0px !important; }

.table-xl td,
.table-xl th {
  padding: 1.25rem 2rem;
  font-size: 120%; }

.table-lg td,
.table-lg th {
  padding: 0.9rem 2rem;
  font-size: 110%; }

.table-de td,
.table-de th {
  padding: 0.75rem 2rem; }

.table-sm th,
.table-sm td {
  padding: 0.5rem 2rem;
  font-size: 90%; }

.table-xs th,
.table-xs td {
  padding: 0.2rem 2rem;
  font-size: 80%; }

.table-border-horizontal tr,
.table-border-horizontal th,
.table-border-horizontal td {
  border-top: 1px solid #f2f4ff;
  padding: 0.75rem 2rem; }

.table-border-vertical tr,
.table-border-vertical th,
.table-border-vertical td {
  border-top: 0;
  border-right: 1px solid #f2f4ff; }

.table-border-vertical tr td {
  border-bottom: 0; }
  .table-border-vertical tr td:last-child {
    border-right: none; }

.table-border-vertical tbody tr th {
  border-bottom: 0; }

.table-bordernone td {
  border: none !important; }

.table-bordernone thead th {
  border: none !important; }

.table-bordernone .u-s-tb {
  padding: 11px; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--light-background);
  --bs-table-accent-bg: unset; }

.table-bordered thead,
.table-bordered tbody,
.table-bordered tfoot,
.table-bordered tr,
.table-bordered td,
.table-bordered th {
  border-color: rgba(153, 153, 153, 0.3); }

/**=====================
    2.30 Table CSS Ends
==========================**/
/**=====================
   2.31 Toasts CSS Start
==========================**/
.toast-container {
  position: unset; }

.toast {
  width: 350px;
  max-width: 100%;
  font-size: .875rem;
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }

.toast-index {
  z-index: 12; }
  .toast-index.toast:not(.showing):not(.show) {
    opacity: 0; }
  .toast-index.toast-fade {
    transition: opacity 0.15s linear; }
  .toast-index.show {
    display: block; }

.toast-img img {
  width: 30px;
  height: 30px; }

.bd-example-toasts {
  min-height: 400px; }

.toast:not(.showing):not(.show) {
  opacity: 0; }

.toast-content {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 65px;
  margin: 0 auto;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

[dir="rtl"] .toast-rtl .toast .toast-header strong {
  margin-right: unset !important;
  margin-left: auto !important; }

[dir="rtl"] .toast-rtl .toast .btn-close {
  margin-right: 6px;
  margin-left: unset; }

@media (max-width: 1920px) {
  .toast-dark .btn {
    padding: calc(6px + (6 - 6) * ((100vw - 320px) / (1920 - 320))) calc(4px + (28 - 4) * ((100vw - 320px) / (1920 - 320))); } }

.toast-icons {
  margin-right: 6px;
  width: 20px;
  height: 20px; }
  [dir="rtl"] .toast-icons {
    margin-right: unset;
    margin-left: 6px; }

/**=====================
   2.31 Toasts CSS Ends
==========================**/
/**=====================
  2.32 Touchspin CSS Start
==========================**/
.bootstrap-touchspin input.touchspin {
  padding: 0 12px; }

.bootstrap-touchspin .input-group .btn {
  padding: 0.5rem 1.75rem; }

.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical .bootstrap-touchspin-down {
    margin-top: -2px; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical i {
    position: absolute;
    top: 4px;
    left: 7px;
    font-size: 10px;
    font-weight: normal; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 9px;
    margin-left: -1px;
    position: relative; }

.bootstrap-touchspin .input-group {
  font-family: "Montserrat", sans-serif; }
  .bootstrap-touchspin .input-group .btn {
    border-radius: 0 !important; }

.bootstrap-touchspin .dropdown-basic .dropdown .dropbtn {
  padding: 9px 30px; }

.bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content {
  z-index: 9999; }

.touchspin-wrapper .btn-touchspin {
  border-radius: 5px;
  width: 32px;
  height: 32px; }

.touchspin-wrapper input[type='number'] {
  width: 85px;
  padding: 3px;
  text-align: center;
  height: 30px; }

.hover-touchspin .btn-touchspin.spin-border-dark:hover {
  background-color: #2c323f;
  color: #fff; }

.pre-post-touchspin .decrement-touchspin,
.pre-post-touchspin .increment-touchspin,
.pre-post-touchspin .input-group-text {
  padding: 7px 14px;
  border: 0; }

.pre-post-touchspin .input-group-text {
  background-color: var(--light-bg); }

.pre-post-touchspin .input-touchspin {
  border: 1px solid var(--course-light-btn);
  border-width: 2px;
  text-align: center; }

.pre-post-touchspin .input-group {
  width: auto; }
  @media (max-width: 768px) {
    .pre-post-touchspin .input-group .input-touchspin {
      width: 100px; } }
.pre-post-touchspin.bg-touchspin button[type='button'] {
  border: 1px solid var(--course-light-btn);
  border-width: 2px;
  text-align: center; }

.pre-post-touchspin .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.rounded-touchspin .btn-touchspin {
  border-radius: 50%; }

.rounded-touchspin .touchspin-wrapper input.input-touchspin[type="number"] {
  border-radius: 15px; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; }

/**=====================
    2.32 Touchspin CSS Ends
==========================**/
/**=====================
  2.33 Tour CSS Start
==========================**/
.introjs-helperLayer {
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); }

.introjs-tooltipReferenceLayer {
  background-color: transparent; }

.introjs-helperNumberLayer {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: #FE6A49;
  background: linear-gradient(to bottom, var(--theme-deafult) 0%, var(--theme-deafult) 100%);
  border: 3px solid #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); }

.introjs-arrow {
  border: 12px solid #fff; }
  .introjs-arrow.top {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-deafult);
    border-left-color: transparent; }
  .introjs-arrow.top-right {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-deafult);
    border-left-color: transparent; }
  .introjs-arrow.top-middle {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-deafult);
    border-left-color: transparent; }
  .introjs-arrow.right {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: var(--theme-deafult); }
  .introjs-arrow.right-bottom {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: var(--theme-deafult); }
  .introjs-arrow.bottom {
    border-top-color: var(--theme-deafult);
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  .introjs-arrow.left {
    border-top-color: transparent;
    border-right-color: var(--theme-deafult);
    border-bottom-color: transparent;
    border-left-color: transparent; }
  .introjs-arrow.left-bottom {
    border-top-color: transparent;
    border-right-color: var(--theme-deafult);
    border-bottom-color: transparent;
    border-left-color: transparent; }

.introjs-tooltip {
  background-color: var(--theme-deafult);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  color: #fff;
  border-color: var(--theme-deafult);
  min-width: calc(275px + (310 - 275) * ((100vw - 320px) / (1920 - 320)));
  max-width: 400px;
  min-height: 90px; }

.introjs-button {
  border: 1px solid #efefef;
  text-shadow: 1px 1px 0 #fff;
  color: #051A1A !important;
  background-color: #fff;
  background-image: linear-gradient(#fff, #fff);
  font-size: 13px; }
  .introjs-button:hover {
    border-color: #efefef; }
  .introjs-button:focus, .introjs-button:active {
    background-image: linear-gradient(#ecf3fa, #efefef); }

.introjs-skipbutton {
  color: var(--theme-deafult); }

.introjs-prevbutton.introjs-fullbutton {
  border: 1px solid #efefef; }

.introjs-disabled {
  color: var(--theme-deafult);
  border-color: #efefef; }
  .introjs-disabled:hover, .introjs-disabled:focus {
    color: var(--theme-deafult);
    border-color: #efefef; }

.introjs-bullets ul li a {
  background: #ecf3fa; }
  .introjs-bullets ul li a:hover {
    background: #fff; }
  .introjs-bullets ul li a.active {
    background: #fff; }

.introjs-progress {
  background-color: #E6E9EB; }

.introjs-progressbar {
  background-color: var(--theme-deafult); }

.introjs-hint:hover > .introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.57); }

.introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.27);
  background-color: rgba(136, 136, 136, 0.24); }

.introjs-hint-dot {
  border: 10px solid rgba(146, 146, 146, 0.36); }

.media-body .tour-wrapper {
  display: flex;
  align-items: center;
  gap: 8px; }
  .media-body .tour-wrapper .tour-dot {
    font-size: 5px; }

.tour-blog {
  height: 350px; }
  @media (max-width: 992px) {
    .tour-blog {
      height: calc(200px + (350 - 200) * ((100vw - 320px) / (992 - 320))); } }
  .tour-blog img {
    height: 100%;
    object-fit: cover; }

.info h6 {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); }

.info span {
  font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320))); }

.tour-email {
  display: flex;
  flex-direction: column; }
  @media (max-width: 576px) {
    .tour-email {
      align-items: center; } }
.block-ellipsis {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  margin: 0 auto;
  font-size: 14px;
  line-height: 26px !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.profile-img-style h5 {
  line-height: 25px; }

.list-inline .list-inline-item.b-r-gray {
  border-right: 1px solid #E6E9EB; }

.social-tour {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 26px; }
  .social-tour .list-inline {
    display: flex;
    justify-content: center;
    gap: calc(12px + (26 - 12) * ((100vw - 320px) / (1920 - 320))); }
    .social-tour .list-inline .list-inline-item {
      margin-right: 0; }
      .social-tour .list-inline .list-inline-item a {
        padding: 0px; }
        .social-tour .list-inline .list-inline-item a i {
          font-size: 18px; }
    @media (max-width: 599px) {
      .social-tour .list-inline {
        display: none; } }
  .social-tour .float-sm-end {
    min-width: 81px; }

.tour-mb-space {
  margin-bottom: calc(2px + (8 - 2) * ((100vw - 320px) / (1920 - 320))); }

.like-comment .list-inline {
  justify-content: flex-start; }
  @media (max-width: 324px) {
    .like-comment .list-inline {
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 8px; } }
  [dir="rtl"] .like-comment .list-inline .list-inline-item {
    border-right: 0;
    border-left: 1px solid #E6E9EB; }
  [dir="rtl"] .like-comment .list-inline .list-inline-item:last-child {
    border-right: 0;
    border-left: unset; }

/**=====================
  2.33 Tour CSS Ends
==========================**/
/**=====================
   2.34 Tree CSS Start
==========================**/
[dir="rtl"] .treejs .treejs-nodes {
  padding-left: unset;
  padding-right: 20px; }

[dir="rtl"] .treejs .treejs-node.treejs-placeholder {
  padding-right: 20px;
  padding-left: unset; }

.treejs .treejs-node__halfchecked > .treejs-checkbox:before {
  background-color: #006666 !important;
  border-color: #006666 !important; }

[dir="rtl"] .treejs .treejs-node__halfchecked > .treejs-checkbox:after {
  right: 3px;
  left: unset; }

.treejs .treejs-node__checked > .treejs-checkbox:before {
  background-color: #00AC46 !important;
  border-color: #2c323f !important; }

[dir="rtl"] .treejs .treejs-node__checked > .treejs-checkbox:after {
  right: 5px;
  left: unset; }

/**=====================
   2.34 Tree CSS Ends
==========================**/
/**=====================
    2.35 Typeahead-search CSS Start
==========================**/
.Typeahead {
  width: 100%; }
  .Typeahead * {
    box-sizing: border-box; }
    .Typeahead *:before {
      box-sizing: border-box; }
    .Typeahead *:after {
      box-sizing: border-box; }
  .Typeahead .tt-hint {
    display: none !important; }

.u-cf:before {
  content: " ";
  display: table; }

.u-cf:after {
  content: " ";
  display: table;
  clear: both; }

.u-hidden {
  display: none !important; }

.u-posRelative {
  position: relative; }

.Typeahead-spinner {
  position: absolute;
  top: 14px;
  right: 18px;
  display: none;
  color: #c5c5c5; }

.ProfileCard-avatar svg {
  height: 18px;
  vertical-align: bottom; }
  .ProfileCard-avatar svg path {
    color: #7e7c7c !important; }
  .ProfileCard-avatar svg polygon {
    color: #7e7c7c !important; }

.Typeahead-hint {
  width: 100%;
  padding: 5px 8px;
  font-size: 24px;
  line-height: 30px;
  border: 1px solid #024e6a;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  color: #ccd6dd;
  opacity: 1; }

.Typeahead-menu {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 15px;
  z-index: 100;
  display: none;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.Typeahead-menu.is-open {
  display: block; }

.Typeahead-selectable {
  cursor: pointer; }
  .Typeahead-selectable + .Typeahead-selectable {
    border-top: 1px solid #ccd6dd; }

.ProfileCard {
  position: relative;
  padding: 10px;
  border: 1px solid #E6E9EB !important;
  margin-bottom: 10px;
  border-radius: 10px; }
  .ProfileCard:hover {
    color: #414345;
    background: #f8f8f8; }
    .ProfileCard:hover .ProfileCard-avatar {
      border-color: #f5f8fa; }
    .ProfileCard:hover .ProfileCard-screenName {
      color: #fff; }
    .ProfileCard:hover .ProfileCard-stat-label {
      color: #fff; }

.ProfileCard-avatar {
  position: absolute;
  border-radius: 5px; }

.ProfileCard-details {
  padding-left: 35px;
  float: left; }

.ProfileCard-realName {
  display: inline-block;
  color: #898989; }

.ProfileCard-screenName {
  display: inline-block;
  color: #898989; }

.ProfileCard-description {
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px; }

.ProfileCard-stats {
  float: right;
  text-align: right; }

.ProfileCard-stat {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase; }
  .ProfileCard-stat + .ProfileCard-stat {
    margin-left: 5px; }

.ProfileCard-stat-label {
  color: #898989;
  font-weight: 500; }

.ProfileCard.is-active {
  color: #fff;
  background: var(--theme-deafult); }
  .ProfileCard.is-active .ProfileCard-screenName {
    color: #fff; }
  .ProfileCard.is-active .ProfileCard-stat-label {
    color: #fff; }

.EmptyMessage {
  position: relative;
  padding: 10px;
  font-size: 14px;
  line-height: 30px;
  text-align: center; }

.Typeahead-spinner {
  width: 1rem;
  height: 1rem; }

.sey-container {
  display: none;
  position: absolute;
  box-shadow: 1px 2px 6px;
  background-color: #fff;
  color: #333;
  transition: left 0.1s ease-in-out;
  z-index: 1; }

.sey-list {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.sey-show {
  display: block; }

.sey-hide {
  display: none; }

.sey-empty {
  cursor: default;
  padding: 7px; }

.sey-item {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 7px; }
  .sey-item:hover {
    background-color: #444;
    color: #fff; }

.sey-selected {
  background-color: #333;
  color: #fff; }

.sey-char-highlight {
  font-weight: bold; }

.sey-category-id {
  background-color: #eee;
  color: #aaa;
  text-align: right;
  text-transform: capitalize;
  font-style: italic;
  font-size: 12px;
  box-shadow: 1px 0px 1px;
  padding: 7px; }

/**=====================
  2.35 Typeahead-search CSS Ends
==========================**/
/**=====================
    2.8 Scrollbar CSS Start
==========================**/
[data-simplebar] {
  position: unset; }

.simplebar-mask {
  top: 80px; }

.simplebar-track {
  right: -2px; }
  .simplebar-track.simplebar-vertical {
    top: 100px;
    width: 10px; }
  .simplebar-track.simplebar-horizontal {
    visibility: hidden !important; }

.simplebar-scrollbar:before {
  background: rgba(0, 102, 102, 0.2); }

.scrollbar-images {
  margin-bottom: 12px; }

.visible-wrapper img {
  width: calc(230px + (330 - 230) * ((100vw - 320px) / (1920 - 320))) !important;
  height: calc(230px + (330 - 230) * ((100vw - 320px) / (1920 - 320))); }

.horizontal-scroll .horz-scroll-content .horizontal-img {
  height: 100%;
  max-width: 240px; }
  @media (max-width: 576px) {
    .horizontal-scroll .horz-scroll-content .horizontal-img {
      max-width: calc(220px + (240 - 220) * ((100vw - 320px) / (576 - 320))); } }
  .horizontal-scroll .horz-scroll-content .horizontal-img img {
    height: 100%;
    object-fit: cover; }

.scroll-demo.scroll-b-none {
  padding: 0;
  border: none; }

[dir="rtl"] .scroll-demo .scroll-rtl .list-group-item span {
  margin-right: auto; }

/**=====================
    2.8 Scrollbar CSS Ends
==========================**/
.timeline-calendar {
  overflow: auto; }
  .timeline-calendar .custom-calendar {
    height: 345px; }
    .timeline-calendar .custom-calendar .time-line {
      overflow: auto; }
      .timeline-calendar .custom-calendar .time-line.fc-theme-standard th {
        border: none; }
      .timeline-calendar .custom-calendar .time-line .fc-col-header-cell-cushion {
        padding: 15px;
        font-size: 12px;
        color: #051A1A; }
      .timeline-calendar .custom-calendar .time-line .fc-scrollgrid-sync-table {
        display: none; }
      .timeline-calendar .custom-calendar .time-line .fc-timegrid-divider {
        display: none; }
      .timeline-calendar .custom-calendar .time-line .fc-scrollgrid table thead tr {
        background-color: rgba(0, 102, 102, 0.1); }
      .timeline-calendar .custom-calendar .time-line .fc-header-toolbar {
        position: absolute;
        right: 0px;
        top: 8px;
        margin-top: 10px; }
        .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group {
          gap: 10px; }
          .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button {
            border-color: #E6E9EB;
            background-color: #fff; }
            .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button span {
              color: #051A1A; }
        .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-today-button {
          display: none; }
        .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-toolbar-title {
          display: none; }
        .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk:last-child {
          display: none; }
      .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness {
        border: none; }
        .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event {
          border: 1px solid rgba(255, 255, 255, 0.1);
          border-radius: 4px;
          min-width: 230px;
          min-height: 54px;
          max-height: 54px; }
          .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main {
            color: var(--body-font-color);
            border-left: 3px solid #006666;
            border-top: 1px solid #E6E9EB;
            border-bottom: 1px solid #E6E9EB;
            border-right: 1px solid #E6E9EB; }
            .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main .fc-sticky {
              color: #242934; }
              .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main .fc-sticky .fc-task-text-box .fc-task-text {
                color: #051A1A;
                font-weight: 500; }
              .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main .fc-sticky .fc-task-text-box:last-child span {
                color: var(--body-font-color); }
            .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main .fc-event-main-frame {
              padding: 8px 12px; }
      .timeline-calendar .custom-calendar .time-line .fc-timegrid-col:nth-child(3) .fc-event-main {
        border-left: 3px solid #FFAE1A !important; }
      .timeline-calendar .custom-calendar .time-line .fc-scrollgrid-section .fc-timegrid-slots table tbody tr {
        border: none; }
        .timeline-calendar .custom-calendar .time-line .fc-scrollgrid-section .fc-timegrid-slots table tbody tr td.fc-scrollgrid-shrink {
          padding: 10px; }
        .timeline-calendar .custom-calendar .time-line .fc-scrollgrid-section .fc-timegrid-slots table tbody tr td.fc-timegrid-slot-minor {
          padding: 10px; }
  .timeline-calendar .fc-theme-standard td {
    border: none;
    border-bottom: 1px dashed #E6E9EB !important; }
    .timeline-calendar .fc-theme-standard td:first-child {
      border: none !important; }

.calendar-default .fc-media-screen .fc-list-event-dot {
  border-color: #006666; }

.calendar-default .fc-media-screen .fc-v-event {
  border-color: #006666;
  background-color: #006666; }

@media (max-width: 1499px) {
  .timeline-calendar .custom-calendar .time-line .fc-col-header-cell-cushion {
    padding: 15px;
    font-size: 10px; } }

@media (max-width: 575px) {
  .timeline-calendar .custom-calendar .time-line.fc-theme-standard th {
    border: none; } }

@media (max-width: 480px) {
  .timeline-calendar .custom-calendar .time-line.fc-theme-standard th {
    border: none; }
    .timeline-calendar .custom-calendar .time-line.fc-theme-standard th:nth-child(4) {
      display: none; }
    .timeline-calendar .custom-calendar .time-line.fc-theme-standard th:nth-child(5) {
      display: none; } }

/**=====================
   3.1 Blog CSS start
==========================**/
.blog-box img {
  border-radius: 0.25rem; }

.blog-box .top-radius-blog {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.blog-box h6 {
  font-weight: 600;
  margin: 15px 0; }

.blog-box .blog-details {
  padding-right: 20px; }
  .blog-box .blog-details .blog-social {
    margin-top: 30px; }
    .blog-box .blog-details .blog-social li {
      display: inline-block;
      font-size: 12px;
      color: var(--body-font-color); }
      .blog-box .blog-details .blog-social li + li {
        padding-left: 20px;
        line-height: 1;
        padding-right: 0; }
      .blog-box .blog-details .blog-social li span {
        color: var(--body-font-color); }
      .blog-box .blog-details .blog-social li i {
        padding-right: 5px;
        font-weight: 300; }
      .blog-box .blog-details .blog-social li:first-child {
        border-right: 1px solid gray;
        padding-right: 20px; }

.blog-box .blog-details-main hr {
  background-color: #E6E9EB; }

.blog-box .blog-details-main .blog-social {
  margin: 20px 0; }
  .blog-box .blog-details-main .blog-social li {
    display: inline-block;
    font-size: 13px;
    color: var(--body-font-color);
    padding: 0 24px;
    border-right: 1px dotted; }
    @media (max-width: 1676px) {
      .blog-box .blog-details-main .blog-social li {
        padding: 0 10px; } }
    .blog-box .blog-details-main .blog-social li:last-child {
      border-right: 0; }
    .blog-box .blog-details-main .blog-social li i {
      padding-right: 5px; }

.blog-box .blog-details-main .blog-bottom-details {
  margin: 20px;
  font-size: 14px;
  line-height: 1.714;
  font-weight: 500; }

.blog-box .blog-date {
  color: var(--body-font-color); }
  .blog-box .blog-date span {
    font-size: 36px;
    font-weight: 600;
    padding-right: 5px; }

.blog-box.blog-shadow:before {
  box-shadow: inset 0px -200px 100px -13px rgba(0, 0, 0, 0.6);
  transition: all 0.3s ease;
  border-radius: 5px;
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
  bottom: 0; }

.blog-box.blog-shadow:hover:before {
  box-shadow: inset 0px -200px 100px -13px rgba(0, 0, 0, 0.65);
  transition: all 0.3s ease; }

.blog-box.blog-shadow .blog-details {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px; }
  .blog-box.blog-shadow .blog-details h4 {
    color: #fff;
    margin-bottom: 0; }
  .blog-box.blog-shadow .blog-details p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px; }
  .blog-box.blog-shadow .blog-details .blog-social li {
    color: #fff; }

.blog-list .blog-details .blog-social {
  margin-top: 0; }

.blog-list .blog-details h6 {
  margin-top: 0;
  color: gray;
  font-weight: 600; }

.blog-list .blog-details hr {
  margin-top: 10px;
  margin-bottom: 10px; }

.blog-list img {
  padding: 17px; }

.blog-grid img {
  width: 100%; }

.blog-grid .blog-details {
  padding: 20px; }
  .blog-grid .blog-details h6 {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.8; }

.blog-box {
  position: relative;
  max-height: 100%;
  align-items: center; }
  .blog-box .blog-details h6 {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
  .blog-box .blog-details p {
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.7px;
    margin-top: 30px;
    margin-bottom: 0;
    color: var(--body-font-color);
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
    @media (max-width: 1570px) {
      .blog-box .blog-details p {
        -webkit-line-clamp: 2; } }
  .blog-box .blog-details h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 20px;
    margin-bottom: 0; }
  .blog-box .blog-details .single-blog-content-top {
    margin-top: 20px;
    border-top: 1px solid #efefef; }
  .blog-box .blog-details .blog-social li,
  .blog-box .blog-details .comment-social li {
    font-size: 14px; }

.comment-box {
  padding-top: 50px; }
  .comment-box hr {
    margin-top: 20px;
    margin-bottom: 30px; }
  .comment-box li {
    margin-bottom: 30px; }
    .comment-box li:last-child {
      margin-bottom: 0; }
  .comment-box ul ul {
    margin-left: 135px; }
  .comment-box p {
    font-size: 14px;
    line-height: 2;
    color: var(--body-font-color);
    text-align: justify;
    margin-bottom: 0; }
  .comment-box h4 {
    font-weight: 600; }
  .comment-box .media img {
    margin-right: 30px;
    border-radius: 10px;
    height: 90px;
    padding: 7px;
    width: 90px;
    border: 1px solid #efefef; }
  .comment-box .media h6 {
    font-weight: 500;
    margin-bottom: 5px; }
    .comment-box .media h6 span {
      padding-left: 10px;
      font-size: 13px;
      color: var(--body-font-color);
      font-weight: 400; }
  .comment-box .comment-social li {
    display: inline-block;
    color: var(--body-font-color);
    padding-left: 20px;
    margin-bottom: 0;
    text-transform: uppercase; }
    .comment-box .comment-social li:first-child {
      border-right: 1px solid #efefef;
      padding-right: 20px; }
    .comment-box .comment-social li i {
      padding-right: 10px; }

/**=====================
   3.1 Blog CSS ends
==========================**/
/**=====================
  3.46 Add-product CSS Start
==========================**/
.sidebar-left-wrapper {
  border-right: 1px solid var(--recent-dashed-border); }
  @media (max-width: 1199px) {
    .sidebar-left-wrapper {
      border-right: unset;
      margin-bottom: 25px; } }
  [dir="rtl"] .sidebar-left-wrapper {
    border-right: unset;
    border-left: 1px solid var(--recent-dashed-border); }
  .sidebar-left-wrapper .sidebar-left-icons {
    display: block; }
    .sidebar-left-wrapper .sidebar-left-icons .nav-item {
      position: relative;
      padding-bottom: 50px; }
      @media (max-width: 1199px) {
        .sidebar-left-wrapper .sidebar-left-icons .nav-item {
          padding-bottom: 25px; } }
      .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link {
        padding-top: 0; }
      .sidebar-left-wrapper .sidebar-left-icons .nav-item:last-child {
        padding-bottom: 0; }
        .sidebar-left-wrapper .sidebar-left-icons .nav-item:last-child .nav-link {
          padding-bottom: 0; }
      .sidebar-left-wrapper .sidebar-left-icons .nav-item::before {
        content: "";
        position: absolute;
        border: 1px dashed var(--recent-dashed-border);
        top: 58px;
        height: 50px;
        left: 20px; }
        [dir="rtl"] .sidebar-left-wrapper .sidebar-left-icons .nav-item::before {
          left: unset;
          right: 20px; }
        @media (max-width: 1199px) {
          .sidebar-left-wrapper .sidebar-left-icons .nav-item::before {
            height: 25px; } }
      .sidebar-left-wrapper .sidebar-left-icons .nav-item:last-child::before {
        content: none; }
      .sidebar-left-wrapper .sidebar-left-icons .nav-item:last-child .nav-link {
        padding-bottom: 0; }
      .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 8px 0; }
        .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active, .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active {
          background-color: unset;
          color: unset; }
          .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active .nav-rounded, .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active .nav-rounded {
            border: 1px solid var(--theme-deafult); }
            .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active .nav-rounded .product-icons, .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active .nav-rounded .product-icons {
              background-color: var(--theme-deafult); }
              .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active .nav-rounded .product-icons svg, .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active .nav-rounded .product-icons svg {
                stroke: #fff; }
          .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link.active .product-tab-content h6, .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link:active .product-tab-content h6 {
            color: var(--theme-deafult);
            font-weight: 500; }
        .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded {
          min-width: 42px;
          height: 42px;
          border: 1px solid var(--recent-dashed-border);
          position: relative;
          z-index: 2;
          border-radius: 100%;
          padding: 2px;
          box-shadow: inset 0px 9px 20px 0px rgba(46, 35, 94, 0.7); }
          .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded .product-icons {
            min-width: 100%;
            height: 100%;
            background-color: var(--white);
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 100%; }
            .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded .product-icons svg {
              width: 18px;
              height: 18px;
              stroke: var(--chart-text-color); }
        .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .product-tab-content h6 {
          color: var(--body-font-color);
          font-weight: 400;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          width: 100%; }
          @media (max-width: 575px) {
            .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .product-tab-content h6 {
              text-align: left; } }
        .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .product-tab-content p {
          color: var(--chart-text-color);
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          width: 100%; }
          @media (max-width: 575px) {
            .sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .product-tab-content p {
              text-align: left; } }
      .sidebar-left-wrapper .sidebar-left-icons .nav-item:hover .nav-rounded {
        border: 1px solid var(--theme-deafult); }
        .sidebar-left-wrapper .sidebar-left-icons .nav-item:hover .nav-rounded .product-icons {
          background-color: var(--light-shade-primary, 1); }
          .sidebar-left-wrapper .sidebar-left-icons .nav-item:hover .nav-rounded .product-icons svg {
            stroke: var(--theme-deafult);
            animation: tada 1.5s ease infinite; }
      .sidebar-left-wrapper .sidebar-left-icons .nav-item:hover .product-tab-content h6 {
        color: var(--theme-deafult); }

.sidebar-body form .form-control:focus,
.sidebar-body form .form-select:focus {
  box-shadow: unset;
  border-color: unset; }

[dir="rtl"] .sidebar-body .ql-snow .ql-picker-label {
  padding-right: 8px;
  padding-left: 2px; }

@media (max-width: 575px) {
  .sidebar-body .ql-toolbar.ql-snow .ql-formats {
    margin-right: 0 !important; } }

[dir="rtl"] .sidebar-body .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  right: unset;
  left: 0; }

[dir="rtl"] .sidebar-body .form-select {
  padding: 6px 12px 6px 36px !important; }

.sidebar-body .ql-formats {
  border-right: 1px solid var(--recent-dashed-border); }
  [dir="rtl"] .sidebar-body .ql-formats {
    border-left: 1px solid var(--recent-dashed-border);
    border-right: unset; }
  @media (max-width: 575px) {
    .sidebar-body .ql-formats {
      border-right: unset; }
      [dir="rtl"] .sidebar-body .ql-formats {
        border-left: unset; } }
  .sidebar-body .ql-formats:last-of-type {
    border-right: unset; }
    [dir="rtl"] .sidebar-body .ql-formats:last-of-type {
      border-left: unset; }

.sidebar-body #editor2 {
  min-height: 250px; }

.sidebar-body input[type=number]::-webkit-inner-spin-button,
.sidebar-body input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: inner-spin-button; }

.sidebar-body .form-select,
.sidebar-body .form-control {
  font-size: 15px;
  color: #4c5667; }

.sidebar-body .product-upload p {
  margin-bottom: 18px;
  line-height: 0; }

.sidebar-body .product-upload:nth-child(1) {
  margin-bottom: 30px; }
  @media (max-width: 400px) {
    .sidebar-body .product-upload:nth-child(1) {
      margin-bottom: 26px; } }
.sidebar-body .product-upload:nth-child(2) {
  margin-bottom: 65px; }
  @media (max-width: 1199px) {
    .sidebar-body .product-upload:nth-child(2) {
      margin-bottom: 0; } }
.sidebar-body .product-upload form svg {
  width: 48px;
  height: 48px; }

.sidebar-body .product-upload form h6 {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.8; }

.sidebar-body .product-upload form span {
  color: var(--chart-text-color);
  font-size: 14px; }

.product-buttons {
  margin: 15px 0 0 0;
  text-align: end;
  border-top: 1px solid var(--recent-dashed-border);
  padding: 12px 0 0 0;
  position: absolute;
  bottom: 0;
  width: calc(100% - 48px);
  left: 50%;
  transform: translateX(-50%); }
  [dir="rtl"] .product-buttons {
    left: unset;
    right: 50%;
    transform: translateX(50%); }
  @media (max-width: 1199px) {
    .product-buttons {
      position: unset;
      width: unset;
      transform: unset; }
      [dir="rtl"] .product-buttons {
        transform: unset; } }
  .product-buttons svg {
    width: 18px;
    height: 18px;
    stroke: var(--chart-text-color); }
    @media (max-width: 400px) {
      .product-buttons svg {
        width: 15px;
        height: 15px; } }
  .product-buttons .btn {
    border: 1px solid var(--recent-dashed-border);
    color: var(--chart-text-color);
    font-weight: 500; }
    @media (max-width: 1400px) {
      .product-buttons .btn {
        padding: 6px 16px; } }
    @media (max-width: 400px) {
      .product-buttons .btn {
        padding: 6px 8px; } }
    .product-buttons .btn:hover, .product-buttons .btn:active {
      background-color: var(--theme-deafult);
      color: #fdfeff; }
      .product-buttons .btn:hover svg, .product-buttons .btn:active svg {
        filter: invert(1); }

.category-button {
  padding-bottom: 30px;
  border-bottom: 1px dashed var(--recent-dashed-border); }
  @media (max-width: 575px) {
    .category-button {
      padding-bottom: 25px; } }
  .category-button a {
    padding: 12px; }

.create-category .toolbar-box {
  margin-top: 12px; }

.product-date .form-control[readonly] {
  background-color: var(--white); }

.price-wrapper .radio-wrapper {
  justify-content: flex-start;
  margin-top: 4px; }
  .price-wrapper .radio-wrapper li {
    max-width: 200px; }
    .price-wrapper .radio-wrapper li .form-check-input {
      border-radius: 5px;
      background-color: var(--light-background); }
      .price-wrapper .radio-wrapper li .form-check-input ~ .form-check-label span {
        color: #4c5667;
        font-size: 15px;
        position: relative; }
      .price-wrapper .radio-wrapper li .form-check-input:checked {
        background-color: var(--light-background);
        border: 1px solid var(--theme-deafult);
        border-radius: 5px; }
        .price-wrapper .radio-wrapper li .form-check-input:checked ~ .form-check-label span {
          color: var(--theme-deafult);
          position: relative; }

.advance-options ul {
  border-bottom: 1px solid var(--recent-dashed-border); }
  .advance-options ul.border-tab.nav-tabs .nav-item .nav-link {
    color: var(--body-font-color);
    border-bottom: 2px solid transparent;
    transition: all 0.3S ease-in-out; }
    .advance-options ul.border-tab.nav-tabs .nav-item .nav-link:active, .advance-options ul.border-tab.nav-tabs .nav-item .nav-link.active {
      border-bottom: 2px solid var(--theme-deafult);
      color: var(--body-font-color);
      transition: all 0.3S ease-in-out; }

.meta-body {
  padding-top: 16px; }
  .meta-body .custom-input .form-check .form-check-input:checked {
    background-color: var(--theme-deafult); }
  .meta-body .custom-input .form-check .form-check-input:valid {
    border-color: var(--theme-deafult); }
    .meta-body .custom-input .form-check .form-check-input:valid ~ .form-check-label {
      color: #86909C; }

.product-tag .tagify {
  border-radius: 4px;
  padding: 0;
  height: auto;
  width: 100%;
  display: flex;
  align-items: center; }

.tagify__tag {
  margin: 5px 0 5px 5px; }
  [dir="rtl"] .tagify__tag {
    margin-right: 5px;
    margin-left: 0px; }

.tagify__input {
  margin: 0; }

[dir="rtl"] .tagify__tag__removeBtn {
  margin-right: auto;
  margin-left: 4.6666666667px; }

.list-product-header > div {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px; }

.list-product-header .show {
  display: block; }

.list-product-header .hide {
  display: none; }

.list-product-header .collapse {
  line-height: 0.2; }

.list-product-header .light-box {
  width: 39px;
  height: 39px;
  border-radius: 5px;
  background-color: var(--light-shade-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  float: right; }
  .list-product-header .light-box svg {
    width: 17px;
    height: 17px;
    color: var(--chart-text-color); }

.list-product-header a.btn {
  float: right; }
  [dir="rtl"] .list-product-header a.btn {
    float: left; }
  .list-product-header a.btn i {
    padding-right: 8px; }
    [dir="rtl"] .list-product-header a.btn i {
      padding-right: unset;
      padding-left: 8px; }
  @media (max-width: 575px) {
    .list-product-header a.btn {
      float: unset; } }
.list-product-header .list-product-body {
  margin-top: 20px;
  padding: 0px;
  box-shadow: unset;
  border: none !important; }
  .list-product-header .list-product-body .form-select {
    font-size: 14px;
    border-color: var(--recent-dashed-border);
    color: var(--text-gray); }
    .list-product-header .list-product-body .form-select:focus {
      box-shadow: unset !important; }

.list-product .datatable-loading .datatable-top {
  position: absolute;
  top: 24px; }

.list-product.list-category tr th:nth-child(2),
.list-product.list-category tr td:nth-child(2) {
  min-width: 60px; }

.list-product.list-category tr th:nth-child(3),
.list-product.list-category tr td:nth-child(3) {
  min-width: 300px; }

.list-product.list-category tr th:nth-child(4),
.list-product.list-category tr td:nth-child(4) {
  min-width: 150px; }

.list-product.list-category tr th:nth-child(5),
.list-product.list-category tr td:nth-child(5) {
  min-width: 100px; }

.list-product.list-category .datatable-bottom {
  padding-bottom: 0; }

.list-product thead tr th:first-child .form-check {
  display: none; }

.list-product .datatable-container {
  overflow-x: auto; }
  @media (max-width: 1445px) {
    .list-product .datatable-container thead tr th:nth-child(8) {
      display: none; } }
  .list-product .datatable-container tbody tr {
    cursor: pointer; }
    @media (max-width: 1445px) {
      .list-product .datatable-container tbody tr td:nth-child(8) {
        display: none; } }
.list-product .datatable-dropdown {
  position: relative; }
  .list-product .datatable-dropdown label {
    color: var(--body-font-color); }
    .list-product .datatable-dropdown label:before {
      content: "\f107";
      position: absolute;
      top: 6px;
      left: 38px;
      font-family: "FontAwesome";
      font-size: 16px;
      margin: 0;
      color: var(--text-gray); }
      [dir="rtl"] .list-product .datatable-dropdown label:before {
        right: 38px;
        left: unset; }

.list-product .datatable-selector {
  appearance: none;
  min-width: 55px; }
  .list-product .datatable-selector:focus, .list-product .datatable-selector:focus-visible {
    outline: none; }

[dir="rtl"] .list-product .datatable-sorter::before, [dir="rtl"] .list-product .datatable-sorter::after {
  right: unset;
  left: 4px; }

.list-product tr th,
.list-product tr td {
  text-align: left; }
  [dir="rtl"] .list-product tr th, [dir="rtl"] .list-product tr td {
    text-align: right; }

.list-product tr th:nth-child(1) .datatable-sorter::before, .list-product tr th:nth-child(1) .datatable-sorter::after {
  border: none; }

.list-product tr th:nth-child(1),
.list-product tr td:nth-child(1) {
  min-width: 20px; }

.list-product tr th:nth-child(2),
.list-product tr td:nth-child(2) {
  min-width: 110px; }
  @media (max-width: 1460px) {
    .list-product tr th:nth-child(2),
    .list-product tr td:nth-child(2) {
      min-width: 230px; } }
.list-product tr th:nth-child(3),
.list-product tr td:nth-child(3) {
  min-width: 90px; }

.list-product tr th:nth-child(4),
.list-product tr td:nth-child(4) {
  min-width: 120px; }

.list-product tr th:nth-child(5),
.list-product tr td:nth-child(5) {
  min-width: 120px; }

.list-product tr th:nth-child(6),
.list-product tr td:nth-child(6) {
  min-width: 80px; }

.list-product tr th:nth-child(7),
.list-product tr td:nth-child(7) {
  min-width: 100px; }

.list-product tr th:nth-child(8),
.list-product tr td:nth-child(8) {
  min-width: 140px; }

.list-product tr th:nth-child(9),
.list-product tr td:nth-child(9) {
  min-width: 105px; }

.list-product:focus-visible {
  outline: 0; }

.list-product .datatable-top {
  display: flex;
  gap: 22px;
  flex-wrap: wrap; }

.list-product .datatable-search {
  float: left; }
  [dir="rtl"] .list-product .datatable-search {
    float: right; }

.list-product .datatable-container:focus-visible {
  outline: 0; }

.list-product .datatable-bottom .datatable-info {
  color: var(--body-font-color); }

.list-product .datatable-top {
  padding: 0; }

.list-product .datatable-pagination li.datatable-hidden {
  visibility: visible; }
  .list-product .datatable-pagination li.datatable-hidden a {
    color: var(--theme-deafult);
    font-weight: 500;
    opacity: 1; }

.list-product .datatable-pagination .datatable-active .datatable-pagination-list-item-link {
  background-color: var(--theme-deafult);
  color: var(--white); }

.list-product .datatable-pagination .datatable-pagination-list-item-link {
  background-color: rgba(var(--light-shade-primary), 0.02);
  border-radius: 5px; }

#project-status.table tbody tr td {
  vertical-align: inherit; }

.product-names {
  display: flex;
  align-items: center;
  gap: 15px; }
  .product-names .light-product-box {
    min-width: 49px;
    height: 49px;
    border-radius: 3px;
    background-color: var(--chart-progress-light);
    display: flex;
    justify-content: center;
    align-items: center; }
    .product-names .light-product-box img {
      height: 26px; }

.product-action {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px; }
  .product-action svg {
    width: 18px;
    height: 18px;
    cursor: pointer;
    fill: var(--text-gray); }

.datatable-input,
.datatable-selector {
  border: 1px solid var(--recent-dashed-border);
  border-radius: 5px;
  background: unset; }

/**=====================
  3.46 Add-product CSS Start
==========================**/
/**=====================
    3.2 Bookmark-app CSS Start
==========================**/
.modal-bookmark .modal-body,
.modal-bookmark .modal-header {
  padding: 30px; }

.bookmark-wrap .details-bookmark .row > div + div {
  padding-right: 15px !important; }

.bookmark-wrap .left-bookmark {
  height: 700px; }
  .bookmark-wrap .left-bookmark .media .media-body p {
    color: #2c323f; }
  .bookmark-wrap .left-bookmark ul li button {
    color: #051A1A;
    border: none;
    cursor: pointer; }
    .bookmark-wrap .left-bookmark ul li button:focus {
      outline: none; }
  .bookmark-wrap .left-bookmark ul li svg {
    width: 18px;
    height: 18px;
    vertical-align: middle; }
  .bookmark-wrap .left-bookmark ul li > .main-title {
    color: var(--theme-deafult);
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
    font-size: 16px; }
    .bookmark-wrap .left-bookmark ul li > .main-title span a:hover {
      background-color: transparent; }
    .bookmark-wrap .left-bookmark ul li > .main-title svg {
      color: #898989;
      stroke-width: 1px; }
  .bookmark-wrap .left-bookmark ul li a > .title {
    text-transform: capitalize; }

.bookmark-wrap.todo-wrap .left-bookmark {
  height: unset; }

.form-bookmark a {
  text-transform: capitalize !important;
  color: var(--theme-deafult) !important;
  line-height: 1 !important;
  font-weight: 500; }
  .form-bookmark a:hover {
    background-color: transparent !important; }

.form-bookmark input#index_var {
  display: none; }

.form-bookmark input,
.form-bookmark select {
  font-size: 14px; }

.form-bookmark .select2-container .select2-selection--single {
  border-color: #ced4da; }

.form-bookmark .select2 {
  width: 100% !important; }

.form-bookmark .error {
  margin: 0 !important;
  font-size: 11px;
  color: red !important; }

.form-bookmark button {
  margin-top: 10px; }

@keyframes displayTransition {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.bookmark-tabcontent .details-bookmark {
  height: auto;
  min-height: 359px; }
  .bookmark-tabcontent .details-bookmark .bookmark-card {
    position: relative; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
      padding: 3px;
      border-radius: 4px;
      background-color: rgba(0, 0, 0, 0.2);
      width: 30px;
      position: absolute;
      right: 15px;
      top: 15px;
      opacity: 0; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon i {
        color: #fff;
        font-size: 16px;
        vertical-align: text-bottom; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon.favourite i {
        color: #fed112; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data {
      width: 100%; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data .content-general {
        display: none; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
      transition: 0.5s; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark {
      text-align: left;
      padding: 15px;
      border-top: 1px solid #E6E9EB;
      position: relative; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark h6 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark p {
        animation: displayTransition 1s; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block {
        opacity: 0;
        position: absolute;
        width: 100%;
        padding: 15px;
        top: 30px;
        left: 0; }
        .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li {
          display: inline-block; }
          .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li + li {
            margin-left: 5px; }
          .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li svg {
            width: 16px;
            height: 16px;
            color: #898989; }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover {
      box-shadow: 1px 4px 16px 3px rgba(0, 0, 0, 0.04);
      transition: 0.5s; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark p {
        opacity: 0; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark .hover-block {
        opacity: 1;
        animation: displayTransition 2s; }
      .bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .favourite-icon {
        opacity: 1; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .row > div {
    flex: 0 0 100%;
    max-width: 100%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .desciption-data .content-general {
    display: block; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website {
    display: flex;
    align-items: center; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
      opacity: 1; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
      position: absolute;
      right: 30px;
      opacity: 1;
      text-align: right; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block {
      opacity: 1;
      animation: displayTransition 0s; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark {
    border-top: none; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark p,
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 {
      margin-top: 0;
      display: inline-block; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 {
      position: relative;
      padding-right: 15px;
      margin-bottom: -5px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6::after {
        position: absolute;
        content: '-';
        right: 0;
        color: #898989; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general {
      margin-top: 5px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p {
        width: 68%;
        margin-right: 20px; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 20%; }

.bookmark-tabcontent .tab-content .card .d-flex {
  justify-content: space-between; }
  .bookmark-tabcontent .tab-content .card .d-flex svg {
    width: 18px;
    height: 18px;
    vertical-align: middle; }
  .bookmark-tabcontent .tab-content .card .d-flex ul li {
    display: inline-block; }
    .bookmark-tabcontent .tab-content .card .d-flex ul li + li {
      margin-left: 5px; }

.bookmark-tabcontent .tab-content .tab-pane > .card {
  box-shadow: none; }

@media only screen and (max-width: 1660px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p {
    display: none; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block {
    margin-top: 6px; } }

@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .bookmark-wrap .left-bookmark ul li .btn-block svg {
    display: none; } }

@media only screen and (max-width: 1366px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 40%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block {
    top: 80px; } }

@media only screen and (max-width: 1199px) {
  .bookmark-wrap .left-bookmark {
    height: auto; }
  .bookmark-tabcontent .details-bookmark {
    min-height: auto; } }

@media only screen and (max-width: 991px) {
  .modal-bookmark .modal-body,
  .modal-bookmark .modal-header {
    padding: 20px; } }

@media only screen and (max-width: 767px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 172px; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block p {
    display: none; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block ul {
    position: relative;
    right: unset;
    top: unset; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 45%; } }

@media only screen and (max-width: 575px) {
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 100%; }
  .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website {
    display: block; }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark {
      padding-left: 15px; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
        position: relative;
        right: unset;
        text-align: left;
        top: unset;
        padding: 0; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .content-general {
        display: none; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p,
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6 {
        display: block; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6::after {
        display: none; }
      .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
        margin-top: 15px; }
  .modal-bookmark .modal-body,
  .modal-bookmark .modal-header {
    padding: 15px; } }

/**=====================
  3.2 Bookmark-app CSS Ends
==========================**/
/**=====================
    3.3 Cart CSS start
==========================**/
.cart .total-amount {
  text-align: right !important;
  margin-top: 30px; }

.cart .amount-space {
  margin-left: 40px; }

.cart .cart-btn-transform {
  text-transform: capitalize; }

.cart .qty-box {
  width: 25%;
  margin: 0 auto; }
  .cart .qty-box .input-group .btn {
    background-color: #ddd !important;
    border-color: #ddd !important;
    padding: 8px 12px; }

.cart-buttons {
  margin-top: 30px; }
  .cart-buttons .cart-btn {
    float: right;
    padding-right: 85px; }

/**=====================
    3.3 Cart CSS Ends
==========================**/
/**=====================
   3.5 Chat CSS Start
==========================**/
.radial-bar.radial-bar-lg > img, .radial-bar.radial-bar-lg:after {
  width: 70px;
  height: 70px;
  margin-left: 15px;
  margin-top: 15px;
  line-height: 70px; }

.radial-bar.radial-bar-sm > img, .radial-bar.radial-bar-sm:after {
  width: 35px;
  height: 35px;
  margin-left: 7.5px;
  margin-top: 7.5px;
  line-height: 35px; }

.radial-bar.radial-bar-xs > img, .radial-bar.radial-bar-xs:after {
  width: 20px;
  height: 20px;
  margin-left: 5.5px;
  margin-top: 4.5px;
  line-height: 21px; }

.chart-block canvas {
  width: 100% !important; }

.chart-block .chart-overflow {
  overflow: hidden;
  text-align: center; }

.candidcahrt {
  width: 100%;
  height: 470px; }

.amcharts-export-canvas {
  position: absolute;
  display: none;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff; }
  .amcharts-export-canvas .canvas-container {
    transition: opacity .5s ease-out; }
  .amcharts-export-canvas.active {
    display: block; }
  .amcharts-export-canvas.dropbox .canvas-container {
    opacity: .5; }

.flot-chart-container {
  box-sizing: border-box;
  width: 100%;
  height: 400px; }
  .flot-chart-container #toggling-series-flot {
    width: 79% !important; }

.all-chart .flot-chart-container {
  height: 350px; }

.flot-chart-placeholder {
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 1.2em;
  text-align: center; }
  .flot-chart-placeholder .legend table {
    border-spacing: 5px; }

.morris-hover {
  position: absolute;
  z-index: 1; }
  .morris-hover.morris-default-style {
    border-radius: 10px;
    padding: 6px;
    color: #898989;
    background: #fff;
    border: solid 1px #ecf3fa;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    text-align: center; }
    .morris-hover.morris-default-style .morris-hover-row-label {
      font-weight: bold;
      margin: 0.25em 0; }
    .morris-hover.morris-default-style .morris-hover-point {
      white-space: nowrap;
      margin: 0.1em 0; }

.chart-sparkline {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  background: rgba(49, 49, 49, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  color: #fff;
  font: 10px "Montserrat", sans-serif, "Montserrat", sans-serif;
  text-align: left;
  white-space: nowrap;
  padding: 5px;
  border: 1px solid rgba(49, 49, 49, 0.75);
  box-sizing: content-box;
  z-index: 10000;
  border-radius: 5px; }
  .chart-sparkline .jqsfield {
    color: #fff;
    font: 10px "Montserrat", sans-serif, "Montserrat", sans-serif;
    text-align: left; }

.radial-bar {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  background-color: transparent;
  box-sizing: content-box;
  width: 80px;
  height: 80px;
  font-size: 18px;
  background-clip: content-box; }
  .radial-bar:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    color: #455a64;
    content: attr(data-label);
    background-color: #fff;
    z-index: 1;
    width: 56px;
    height: 56px;
    margin-left: 12px;
    margin-top: 12px;
    line-height: 56px; }
  .radial-bar > img {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    color: #455a64;
    z-index: 3;
    width: 56px;
    height: 56px;
    margin-left: 12px;
    margin-top: 12px;
    line-height: 56px; }

.radial-bar-danger.radial-bar-20 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(162deg, #FE6A49 50%, #efefef 50%, #efefef); }

.radial-bar.radial-bar-lg {
  width: 100px;
  height: 100px;
  font-size: 20px; }

.radial-bar.radial-bar-sm {
  width: 50px;
  height: 50px;
  font-size: 12px; }

.radial-bar.radial-bar-xs {
  width: 30px;
  height: 30px;
  font-size: 8px; }

.pieLabel div {
  color: #fff !important; }
  .pieLabel div input[type=checkbox] {
    margin: 7px; }

.knob-chart {
  min-height: 255px; }
  .knob-chart .chart-clock-main {
    position: relative;
    width: 200px;
    margin: 45px auto; }
    .knob-chart .chart-clock-main .clock-large {
      position: absolute;
      left: -48px;
      top: -45px; }
    .knob-chart .chart-clock-main .clock-medium {
      position: absolute;
      left: 2px;
      top: 5px; }
    .knob-chart .chart-clock-main .clock-small {
      position: absolute;
      left: 15px;
      top: 55px; }

.peity-charts svg {
  width: 100%;
  height: 250px; }

.peity-charts.peity-chart-primary svg polygon {
  fill: rgba(0, 102, 102, 0.2); }

.peity-charts.peity-chart-primary svg polyline {
  stroke: var(--theme-deafult); }

.bar-odd-even svg rect:nth-child(odd) {
  fill: var(--theme-deafult); }

.bar-odd-even svg rect:nth-child(even) {
  fill: var(--theme-secondary); }

.donut-peity svg path:nth-child(odd) {
  fill: var(--theme-deafult); }

.donut-peity svg path:nth-child(even) {
  fill: var(--theme-secondary); }

.small-donut ~ svg path:nth-child(odd),
.small-donut svg path:nth-child(odd),
.donut-peity2 ~ svg path:nth-child(odd),
.donut-peity2 svg path:nth-child(odd),
.pie-peity ~ svg path:nth-child(odd),
.pie-peity svg path:nth-child(odd) {
  fill: var(--theme-deafult); }

.small-donut ~ svg path:nth-child(even),
.small-donut svg path:nth-child(even),
.donut-peity2 ~ svg path:nth-child(even),
.donut-peity2 svg path:nth-child(even),
.pie-peity ~ svg path:nth-child(even),
.pie-peity svg path:nth-child(even) {
  fill: #efefef; }

.small-donut2 ~ svg path:nth-child(odd) {
  fill: var(--theme-secondary); }

.small-donut3 ~ svg path:nth-child(odd) {
  fill: #00AC46; }

.small-donut4 ~ svg path:nth-child(odd) {
  fill: #173878; }

.small-donut5 ~ svg path:nth-child(odd) {
  fill: #FFAE1A; }

.small-donut6 ~ svg path:nth-child(odd) {
  fill: #FE6A49; }

p.data-attributes svg {
  margin-right: 10px; }

.knob-block {
  position: relative; }
  .knob-block input {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    margin-left: 0 !important;
    margin-top: -3px !important; }

.knob-input-disable input {
  display: none !important; }

.apex-chart {
  margin: 0 auto; }

.apexcharts-toolbar {
  z-index: 1 !important; }

.apexcharts-menu-item {
  width: 110px; }

.word-tree {
  height: 400px; }

.ct-series-a .ct-slice-pie,
.ct-series-a .ct-slice-donut-solid,
.ct-series-a .ct-area {
  fill: var(--theme-deafult); }

.ct-series-a .ct-point,
.ct-series-a .ct-line,
.ct-series-a .ct-bar,
.ct-series-a .ct-slice-donut {
  stroke: var(--theme-deafult); }

.ct-series-b .ct-point,
.ct-series-b .ct-line,
.ct-series-b .ct-bar,
.ct-series-b .ct-slice-donut {
  stroke: var(--theme-secondary); }

.ct-series-b .ct-slice-pie,
.ct-series-b .ct-slice-donut-solid,
.ct-series-b .ct-area {
  fill: var(--theme-secondary); }

.ct-series-g .ct-point,
.ct-series-g .ct-line,
.ct-series-g .ct-bar,
.ct-series-g .ct-slice-donut {
  stroke: #FFAE1A; }

.ct-series-g .ct-slice-pie,
.ct-series-g .ct-slice-donut-dashed,
.ct-series-g .ct-area {
  fill: #FFAE1A; }

.apache-cotainer {
  width: 100%;
  height: 350px;
  margin: 0; }

.boxplot-cotainer {
  height: 420px; }

.apache-cotainer-large {
  width: 100%;
  height: 500px;
  margin: 0; }

.test-buttons button + button {
  margin-left: 10px; }

.clip-chart-wrapper .test-chart-block {
  margin-bottom: -30px; }

#echart-gauge .test-chart {
  width: 100%;
  height: 395px; }

.polar-line {
  height: 350px; }

#dotted {
  height: 390px; }

.apexcharts-canvas .apexcharts-tooltip,
.apexcharts-canvas .apexcharts-xaxistooltip,
.apexcharts-canvas .apexcharts-yaxistooltip {
  z-index: 1; }

@media (max-width: 1346px) {
  .flot-chart-container .flot-chart-placeholder ~ p.float-end {
    float: left !important; }
    [dir="rtl"] .flot-chart-container .flot-chart-placeholder ~ p.float-end {
      float: right !important; } }

/**=====================
    3.5 Chat CSS End
==========================**/
/**=====================
     14. Chat CSS Start
==========================**/
.status-circle {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 4px;
  left: 44px;
  border-radius: 50%;
  border: 2px solid #fff; }

.user-image {
  height: 52px;
  margin-right: 5px; }
  .user-image .about {
    float: left;
    margin-top: 5px;
    padding-left: 10px; }
    .user-image .about .name {
      color: #2c323f;
      letter-spacing: 1px;
      font-weight: 500; }

.left-sidebar-wrapper {
  padding: 20px;
  border-radius: 10px 0 0 10px;
  z-index: 1;
  border: 2px solid var(--white);
  border-right: unset;
  /* ===== Scrollbar CSS ===== */
  /* Firefox */
  /* Chrome, Edge, and Safari */ }
  [dir="rtl"] .left-sidebar-wrapper {
    border-left: unset; }
  @media (max-width: 767px) {
    .left-sidebar-wrapper {
      border-radius: 10px; } }
  .left-sidebar-wrapper * {
    scrollbar-width: auto;
    scrollbar-color: rgba(0, 102, 102, 0.2); }
  .left-sidebar-wrapper *::-webkit-scrollbar {
    width: 6px; }
  .left-sidebar-wrapper *::-webkit-scrollbar-track {
    background: transparent; }
  .left-sidebar-wrapper *::-webkit-scrollbar-thumb {
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 8px;
    border: 3px solid transparent; }
  .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
    background-color: var(--chart-progress-light);
    padding-right: 0;
    margin-right: 1px;
    border-right: none; }
    [dir="rtl"] .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
      padding-left: 0;
      padding-right: 12px;
      margin-left: 1px;
      border-left: none;
      margin-right: unset;
      border-right: unset; }
    .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text svg {
      width: 16px;
      height: 16px; }
  .left-sidebar-wrapper .left-sidebar-chat .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
    border-left: unset;
    background-color: var(--chart-progress-light); }
    [dir="rtl"] .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
      border-right: unset;
      border-left: 1px solid #ddd;
      border-radius: 0.25rem !important; }
    .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:focus, .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control:focus-visible {
      border-color: var(--chart-dashed-border);
      box-shadow: unset; }
  .left-sidebar-wrapper .advance-options ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0; }
    .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
      color: var(--body-font-color);
      border-bottom: 2px solid transparent;
      background-color: transparent;
      padding: 16px 57px;
      text-decoration: unset; }
      @media (max-width: 1855px) {
        .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
          padding: 16px 45px; } }
      @media (max-width: 1663px) {
        .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
          padding: 16px 30px; } }
      @media (max-width: 1423px) {
        .left-sidebar-wrapper .advance-options ul .nav-item .nav-link {
          padding: 16px 28px; } }
      .left-sidebar-wrapper .advance-options ul .nav-item .nav-link:active, .left-sidebar-wrapper .advance-options ul .nav-item .nav-link.active {
        border-bottom: 2px solid var(--theme-deafult);
        color: var(--theme-deafult); }
  .left-sidebar-wrapper .advance-options .common-space {
    padding: 11px 0; }
    .left-sidebar-wrapper .advance-options .common-space p {
      margin: 0;
      color: var(--chart-text-color); }
    .left-sidebar-wrapper .advance-options .common-space .header-top .btn {
      padding: 6px 12px; }
      .left-sidebar-wrapper .advance-options .common-space .header-top .btn:hover i {
        color: var(--white); }
  .left-sidebar-wrapper .advance-options .chats-user {
    border-bottom: unset;
    height: 563px;
    overflow-y: auto; }
    .left-sidebar-wrapper .advance-options .chats-user li {
      gap: 10px;
      width: 100%;
      border-bottom: 1px solid var(--chart-dashed-border);
      cursor: pointer;
      padding: 11px; }
      .left-sidebar-wrapper .advance-options .chats-user li:hover {
        background-color: var(--light-slate); }
      @media (max-width: 1505px) {
        .left-sidebar-wrapper .advance-options .chats-user li {
          flex-wrap: wrap;
          gap: 1px; } }
      .left-sidebar-wrapper .advance-options .chats-user li:last-child {
        border-bottom: unset; }
      .left-sidebar-wrapper .advance-options .chats-user li .chat-time {
        display: flex;
        gap: 10px;
        align-items: center; }
        .left-sidebar-wrapper .advance-options .chats-user li .chat-time > div {
          text-align: left; }
          [dir="rtl"] .left-sidebar-wrapper .advance-options .chats-user li .chat-time > div {
            text-align: right; }
      @media (max-width: 1498px) {
        .left-sidebar-wrapper .advance-options .chats-user li > div {
          width: 100%;
          text-align: end; }
          [dir="rtl"] .left-sidebar-wrapper .advance-options .chats-user li > div {
            text-align: start; } }
.active-profile {
  position: relative; }
  .active-profile img {
    width: 42px;
    height: 42px; }
    @media (max-width: 1650px) {
      .active-profile img {
        width: 33px;
        height: 33px; } }
  .active-profile .status {
    position: absolute;
    height: 14px;
    width: 14px;
    border-radius: 100%;
    bottom: 5%;
    right: -2px;
    border: 3px solid var(--white); }
    [dir="rtl"] .active-profile .status {
      left: -2px;
      right: unset; }
    @media (max-width: 1600px) {
      .active-profile .status {
        width: 11px;
        height: 11px;
        border: 2px solid var(--white); } }
.contact-edit i {
  color: var(--chart-text-color);
  cursor: pointer; }
  .contact-edit i::after {
    content: unset; }

.contact-edit svg {
  cursor: pointer;
  width: 18px;
  height: 18px; }
  @media (max-width: 360px) {
    .contact-edit svg {
      width: 14px;
      height: 14px; } }
.contact-edit .dropdown-menu .dropdown-item:hover {
  background-color: var(--light-background);
  opacity: 1;
  text-decoration: unset; }

.contact-edit.chat-alert {
  width: 40px;
  height: 40px;
  background: var(--light-slate);
  display: fke;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px; }
  @media (max-width: 360px) {
    .contact-edit.chat-alert {
      width: 32px;
      height: 32px; } }
  @media (max-width: 340px) {
    .contact-edit.chat-alert {
      display: none; } }
.search-contacts {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .search-contacts .form-control {
    padding-inline: 35px; }
    .search-contacts .form-control:focus {
      box-shadow: unset;
      border-color: var(--chart-dashed-border); }
  .search-contacts svg {
    stroke: var(--chart-text-color);
    width: 18px;
    height: 18px;
    left: 10px;
    top: 10px;
    position: absolute; }
    [dir="rtl"] .search-contacts svg {
      left: unset;
      right: 10px; }
  .search-contacts .mic-search {
    right: 10px;
    top: 8px;
    position: absolute;
    left: unset; }
    [dir="rtl"] .search-contacts .mic-search {
      right: unset;
      left: 10px; }

.contact-wrapper {
  padding-top: 14px;
  border-bottom: unset;
  height: 526px;
  overflow-y: auto; }
  .contact-wrapper > p {
    line-height: 0;
    margin: 0;
    padding: 12px 0;
    font-size: 18px;
    font-weight: 500;
    color: var(--body-font-color); }
  .contact-wrapper ul li {
    width: 100%;
    cursor: pointer; }
    .contact-wrapper ul li .chat-time {
      display: flex;
      align-items: center;
      gap: 10px; }
      .contact-wrapper ul li .chat-time img {
        width: 42px;
        height: 42px; }
        @media (max-width: 1650px) {
          .contact-wrapper ul li .chat-time img {
            width: 33px;
            height: 33px; } }
      .contact-wrapper ul li .chat-time > div span {
        color: var(--body-font-color); }
    .contact-wrapper ul li svg {
      width: 18px;
      height: 18px; }
  .contact-wrapper ul:last-child .common-space {
    padding-bottom: unset; }

.right-sidebar-chat {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  z-index: 0;
  border: 2px solid var(--white);
  border-left: unset; }
  [dir="rtl"] .right-sidebar-chat {
    border-right: unset;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  @media (max-width: 767px) {
    .right-sidebar-chat {
      border-radius: 10px; } }
.right-sidebar-title {
  padding: 13px 25px;
  display: flex;
  justify-content: space-between; }
  .right-sidebar-title .common-space {
    width: 100%; }
    .right-sidebar-title .common-space .chat-time {
      display: flex;
      gap: 10px;
      align-items: center; }
      .right-sidebar-title .common-space .chat-time .active-profile img {
        width: 42px;
        height: 42px; }
        @media (max-width: 360px) {
          .right-sidebar-title .common-space .chat-time .active-profile img {
            width: 36px;
            height: 36px; } }
      .right-sidebar-title .common-space .chat-time div p {
        margin: 0;
        color: var(--chart-text-color); }
      .right-sidebar-title .common-space .chat-time ul li img {
        width: 42px;
        height: 42px; }
      .right-sidebar-title .common-space .chat-time.group-chat ul {
        display: flex; }
        .right-sidebar-title .common-space .chat-time.group-chat ul li img {
          border: 3px solid transparent; }
        .right-sidebar-title .common-space .chat-time.group-chat ul li + li {
          margin-left: -12px; }
          [dir="rtl"] .right-sidebar-title .common-space .chat-time.group-chat ul li + li {
            margin-left: unset;
            margin-right: -12px; }
          .right-sidebar-title .common-space .chat-time.group-chat ul li + li img {
            border: 3px solid var(--white); }
        .right-sidebar-title .common-space .chat-time.group-chat ul li img {
          width: 38px;
          height: 38px; }
        .right-sidebar-title .common-space .chat-time.group-chat ul li .profile-count {
          width: 38px;
          height: 38px; }
        @media (min-width: 768px) and (max-width: 1199px) {
          .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(2), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(3), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(5), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(6) {
            display: none; } }
        @media (min-width: 341px) and (max-width: 410px) {
          .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(2), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(3), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(5), .right-sidebar-title .common-space .chat-time.group-chat ul li:nth-child(6) {
            display: none; } }
      @media (max-width: 1045px) {
        .right-sidebar-title .common-space .chat-time.group-chat > div span,
        .right-sidebar-title .common-space .chat-time.group-chat > div p {
          display: none; } }
.msger-chat {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
  background: linear-gradient(0deg, #F5F6FA, #F5F6FA), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  height: 620px; }
  .msger-chat::-webkit-scrollbar {
    width: 6px; }
  .msger-chat::-webkit-scrollbar-track {
    background: #ddd; }
  .msger-chat::-webkit-scrollbar-thumb {
    background: #bdbdbd; }

.msg {
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px; }
  .msg:last-of-type {
    margin: 0; }

.msg-img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  background: #ddd;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%; }
  [dir="rtl"] .msg-img {
    margin-left: 10px;
    margin-right: unset; }

.msg-bubble {
  max-width: 450px;
  padding: 15px;
  border-radius: 15px; }

.msg-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px; }

.msg-info-name {
  margin-right: 10px;
  font-weight: bold; }
  [dir="rtl"] .msg-info-name {
    margin-left: 10px;
    margin-right: unset; }

.msg-info-time {
  font-size: 0.85em; }

.left-msg .msg-img {
  background-image: url(/../images/blog/4.jpg);
  width: 33px;
  height: 33px; }
  @media (max-width: 1200px) {
    .left-msg .msg-img {
      min-width: 16px;
      min-height: 16px; } }
.left-msg .msg-bubble {
  position: relative;
  border-radius: 15px;
  background: rgba(255, 192, 0, 0.8);
  color: var(--chart-text-color);
  width: calc(100% - 33px); }
  [dir="rtl"] .left-msg .msg-bubble {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: unset; }

.right-msg {
  flex-direction: row-reverse; }
  .right-msg .msg-bubble {
    color: var(--white);
    background: rgba(6, 174, 90, 0.8);
    width: calc(100% - 33px); }
    [dir="rtl"] .right-msg .msg-bubble {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: unset; }
  .right-msg .msg-img {
    margin: 0 0 0 10px;
    background-image: url(/../images/blog/comment.jpg);
    width: 33px;
    height: 33px; }
    @media (max-width: 1200px) {
      .right-msg .msg-img {
        min-width: 16px;
        min-height: 16px; } }
.msger-inputarea {
  display: flex;
  padding: 10px;
  border-top: 1px solid var(--chart-dashed-border);
  background: linear-gradient(0deg, #F5F6FA, #F5F6FA), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  align-items: center; }
  .msger-inputarea .dropdown-toggle::after {
    content: unset; }
  .msger-inputarea .dropdown-toggle .dropdown-menu {
    inset: unset !important; }
  .msger-inputarea .dropdown-form {
    position: relative; }
    .msger-inputarea .dropdown-form i {
      font-size: 16px;
      font-weight: 900;
      color: var(--theme-deafult);
      cursor: pointer;
      padding: 0; }
    .msger-inputarea .dropdown-form .chat-icon {
      position: absolute;
      left: 0 !important;
      bottom: 104px !important;
      background: transparent;
      box-shadow: unset; }
      [dir="rtl"] .msger-inputarea .dropdown-form .chat-icon {
        left: unset !important;
        right: 3px !important; }
      .msger-inputarea .dropdown-form .chat-icon div {
        width: 47px;
        height: 47px;
        border-radius: 50%;
        background-color: var(--white);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        opacity: 1; }
        .msger-inputarea .dropdown-form .chat-icon div svg {
          width: 42px;
          height: 42px;
          cursor: pointer; }
        .msger-inputarea .dropdown-form .chat-icon div:nth-child(1) svg {
          fill: var(--chart-text-color);
          stroke: none; }
        .msger-inputarea .dropdown-form .chat-icon div:nth-child(2) svg {
          stroke: var(--chart-text-color);
          fill: none; }
        .msger-inputarea .dropdown-form .chat-icon div:hover {
          background-color: var(--theme-deafult);
          opacity: 1; }
          .msger-inputarea .dropdown-form .chat-icon div:hover:nth-child(1) svg {
            fill: var(--white); }
          .msger-inputarea .dropdown-form .chat-icon div:hover:nth-child(2) svg {
            stroke: var(--white); }
  .msger-inputarea .msger-send-btn i {
    color: var(--white); }
  .msger-inputarea * {
    padding: 10px;
    border: none;
    border-radius: 3px;
    font-size: 1em; }

.msger-input {
  flex: 1;
  background: transparent; }
  .msger-input:focus, .msger-input:focus-visible {
    outline: unset; }

.fg-emoji-container {
  left: calc(10px + (1405 - 10) * ((100vw - 320px) / (1920 - 320))) !important; }
  [dir="rtl"] .fg-emoji-container {
    right: calc(10px + (1405 - 10) * ((100vw - 320px) / (1920 - 320))) !important;
    left: unset !important; }
  @media (min-width: 860px) and (max-width: 945px) {
    .fg-emoji-container {
      left: 417px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 417px; } }
  @media (min-width: 686px) and (max-width: 860px) {
    .fg-emoji-container {
      left: 360px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 360px; } }
  @media (min-width: 588px) and (max-width: 770px) {
    .fg-emoji-container {
      left: 200px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 200px; } }
  @media (min-width: 546px) and (max-width: 588px) {
    .fg-emoji-container {
      left: 144px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 144px; } }
  @media (min-width: 500px) and (max-width: 546px) {
    .fg-emoji-container {
      left: 88px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 88px; } }
  @media (max-width: 500px) {
    .fg-emoji-container {
      left: 22px !important;
      width: 262px !important; }
      [dir="rtl"] .fg-emoji-container {
        left: unset;
        right: 22px; } }
  .fg-emoji-container .fg-emoji-nav {
    background-color: var(--chart-text-color); }
  .fg-emoji-container #fg-emoji-picker-move {
    display: none; }

.open-emoji {
  padding: 0; }
  .open-emoji button {
    z-index: 0;
    position: relative;
    padding: 0 14px;
    background: transparent; }
    .open-emoji button::before {
      content: "\f118";
      font-family: "FontAwesome";
      z-index: 1;
      position: relative;
      font-size: 20px;
      color: var(--text-gray); }

.second-btn {
  z-index: 0;
  position: relative;
  padding: 0 14px;
  background: transparent; }
  .second-btn::before {
    content: "\f118";
    font-family: "FontAwesome";
    z-index: 1;
    position: relative;
    font-size: 20px;
    color: var(--text-gray); }

.msger-send-btn {
  margin-left: 10px;
  background: var(--theme-deafult);
  width: 40px;
  height: 39px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.23s;
  display: flex;
  align-items: center;
  justify-content: center; }
  [dir="rtl"] .msger-send-btn {
    margin-left: unset;
    margin-right: 10px; }
  .msger-send-btn svg {
    width: 1px;
    height: 12px; }

.custom-name {
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px; }
  @media (max-width: 1650px) {
    .custom-name {
      width: 33px;
      height: 33px; } }
/**=====================
    14.  Chat CSS Ends
==========================**/
/**=====================
   3.6 Checkout CSS start
==========================**/
.checkout .checkout-details {
  background-color: #f9f9f9;
  border: 1px solid #dddddd;
  padding: 40px; }
  .checkout .checkout-details .order-place {
    margin-top: 15px; }

.order-box .title-box {
  padding-bottom: 20px;
  color: #444444;
  font-size: 22px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 20px; }
  .order-box .title-box span {
    width: 35%;
    float: right;
    font-weight: 600;
    text-align: right; }
  .order-box .title-box h4 {
    font-weight: 600; }
  .order-box .title-box .checkbox-title {
    display: flex;
    justify-content: space-between; }

.order-box .sub-total li {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 20px;
  margin-bottom: 20px;
  width: 100%; }
  .order-box .sub-total li .count {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    width: 35%;
    float: right;
    text-align: right; }

.order-box .sub-total .shipping-class {
  margin-bottom: 12px; }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    margin-top: -4px;
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: var(--theme-deafult);
    font-weight: 400;
    width: 35%;
    float: right;
    text-align: right; }

.order-box .total {
  position: relative;
  margin-bottom: 30px; }
  .order-box .total li {
    position: relative;
    display: block;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    font-size: 18px; }

.order-box .qty {
  position: relative;
  border-bottom: 1px solid #ededed;
  margin-bottom: 30px; }
  .order-box .qty li {
    position: relative;
    display: block;
    font-size: 15px;
    color: #444444;
    line-height: 20px;
    margin-bottom: 20px; }
    .order-box .qty li span {
      float: right;
      font-size: 18px;
      line-height: 20px;
      color: #232323;
      font-weight: 400;
      width: 35%;
      text-align: right; }

.radio-option {
  position: relative; }

.img-paypal {
  width: 30%;
  margin-left: 15px; }

/**=====================
    86. Checkout CSS Ends
==========================**/
/**=====================
    Responsive CSS Start
==========================**/
@media screen and (max-width: 1199px) {
  .checkout .checkout-details {
    padding: 25px; }
  .order-box .title-box span {
    width: 30%; }
  .order-box .sub-total li .count {
    width: 38%; }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 46%; }
  .order-box .qty li span {
    width: 38%; }
  .order-box .total li .count {
    width: 38%; } }

@media screen and (max-width: 991px) {
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 38%; } }

@media screen and (max-width: 575px) {
  .checkout .checkout-details {
    padding: 15px; }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 50%; }
  .order-box .sub-total li .count {
    width: 50%; } }

/**=====================
   3.6 Checkout CSS ends
==========================**/
/**=====================
    3.7 Comingsoon CSS Start
==========================**/
.comingsoon-bgimg {
  background: url(/../images/admin/other-images/coming-soon-bg.jpg);
  background-position: bottom;
  background-size: cover; }

.comingsoon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 50px 0; }
  .comingsoon .comingsoon-inner h5 {
    font-size: 18px;
    letter-spacing: 1px;
    color: #051A1A;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 30px; }
  .comingsoon .comingsoon-inner .countdown {
    padding: 30px 0;
    border-top: 1px solid #E6E9EB;
    border-bottom: 1px solid #E6E9EB; }
    .comingsoon .comingsoon-inner .countdown .time {
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      color: #fff;
      font-weight: 500;
      width: 100px;
      height: 100px;
      font-size: 36px;
      background: var(--theme-deafult); }
    .comingsoon .comingsoon-inner .countdown .title {
      padding-top: 13px;
      font-size: 14px;
      font-weight: 400;
      color: #051A1A;
      text-transform: uppercase;
      letter-spacing: 1px; }
    .comingsoon .comingsoon-inner .countdown ul li {
      display: inline-block;
      text-transform: uppercase;
      margin: 0 20px; }
      .comingsoon .comingsoon-inner .countdown ul li span {
        display: block; }
  .comingsoon video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    transition: 1s opacity; }

/**=====================
  3.7 Comingsoon CSS Ends
==========================**/
/**=====================
    3.8 Contacts CSS Start
==========================**/
.alert-contactadd {
  background-color: #fff;
  border: 1px solid var(--theme-deafult);
  width: 12%;
  padding: 10px; }

.updateimg {
  position: absolute;
  left: 15px;
  width: 100px;
  top: 32px;
  line-height: 93px;
  opacity: 0; }

#right-history {
  top: 81px;
  right: -320px;
  height: 100%;
  position: fixed;
  width: 320px;
  z-index: 9;
  background-color: #fff;
  transition: .5s;
  box-shadow: 0 0 9px rgba(191, 191, 191, 0.36); }
  [dir="rtl"] #right-history {
    right: unset;
    left: -320px; }
  #right-history .modal-header {
    border-bottom: 1px solid #E6E9EB; }
  #right-history h6 span a {
    color: #051A1A; }
  #right-history.show {
    right: 0;
    transition: .3s; }
    [dir="rtl"] #right-history.show {
      right: unset;
      left: 0; }

.history-details > div {
  padding: 30px 0; }

.history-details .media {
  padding: 30px 15px;
  border-top: 1px solid #E6E9EB; }
  .history-details .media i {
    padding: 5px;
    background: #fed112;
    color: #fff;
    border-radius: 100%; }
  .history-details .media h6 {
    margin-bottom: 5px; }

.delete-contact {
  display: none; }

.more-data {
  animation: displayTransition 1s; }

.contact-editform {
  padding: 30px;
  animation: displayTransition 1s; }
  .contact-editform a {
    display: block; }
  .contact-editform button {
    margin-top: 30px; }
  .contact-editform .select2-container .select2-selection--single {
    height: 39px !important;
    border-color: #ced4da !important; }

#deletemodal .modal-header {
  border-bottom: none; }
  #deletemodal .modal-header .delete-data span svg {
    vertical-align: middle;
    margin-right: 15px; }

.contact-options li .btn-category {
  line-height: 39px;
  border-radius: 3px;
  padding-left: 40px !important;
  padding: 0;
  color: var(--theme-deafult);
  font-weight: 500; }

.list-persons p {
  font-family: "Montserrat", sans-serif; }

.list-persons .profile-mail {
  padding: 30px 0; }
  .list-persons .profile-mail .media img {
    height: 50px;
    width: 50px !important; }
  .list-persons .profile-mail .media .media-body ul {
    margin-top: 5px; }
    .list-persons .profile-mail .media .media-body ul li {
      display: inline-block; }
      .list-persons .profile-mail .media .media-body ul li a {
        font-size: 13px; }
      .list-persons .profile-mail .media .media-body ul li + li {
        padding-left: 10px;
        margin-left: 5px;
        border-left: 2px solid #E6E9EB; }
  .list-persons .profile-mail .email-general {
    padding-top: 50px; }
    .list-persons .profile-mail .email-general ul {
      padding-right: 20px; }
      .list-persons .profile-mail .email-general ul li {
        color: #898989;
        padding-bottom: 10px;
        margin-bottom: 10px; }
        .list-persons .profile-mail .email-general ul li:last-child {
          padding-bottom: 0;
          margin-bottom: 0; }
        .list-persons .profile-mail .email-general ul li > span {
          float: right; }
    .list-persons .profile-mail .email-general p span {
      margin-left: 30px; }
    .list-persons .profile-mail .email-general .gender {
      margin-top: 30px; }

.contacts-tabs .nav-pills {
  border-right: 1px solid #E6E9EB;
  height: 100%; }
  .contacts-tabs .nav-pills .nav-link.active,
  .contacts-tabs .nav-pills .nav-link > .nav-link,
  .contacts-tabs .nav-pills .show.active,
  .contacts-tabs .nav-pills .show > .nav-link {
    background-color: rgba(0, 102, 102, 0.05);
    color: #051A1A; }
  .contacts-tabs .nav-pills .nav-link {
    color: #051A1A;
    padding: 0; }
    .contacts-tabs .nav-pills .nav-link .media .img-50 {
      height: 50px; }
    .contacts-tabs .nav-pills .nav-link + .nav-link {
      border-top: 1px solid #E6E9EB;
      border-radius: 0px; }
  .contacts-tabs .nav-pills .media {
    padding: 20px; }

.contacts-tabs .tab-content .tab-content-child {
  animation: displayTransition 1s; }

@media only screen and (max-width: 991px) {
  #right-history {
    top: 60px; }
  .updateimg {
    top: 21px; }
  .list-persons .profile-mail {
    padding: 20px; }
    .list-persons .profile-mail .email-general .gender {
      margin-top: 20px; }
  .contact-editform button {
    margin-top: 20px; } }

@media only screen and (max-width: 767px) {
  .contact-editform {
    padding: 20px; }
    .contact-editform.pl-0 {
      padding-left: 20px !important; }
  .contacts-tabs .nav-pills {
    border-right: none;
    border-bottom: 1px solid #E6E9EB; } }

@media only screen and (max-width: 575px) {
  #right-history {
    width: 270px; }
  .updateimg {
    top: 16px;
    left: 29px; }
  .contacts-tabs .media img.m-r-20 {
    margin-right: 15px; }
  .contacts-tabs .nav-pills .media {
    padding: 15px; }
  .list-persons .profile-mail {
    padding: 15px; }
    .list-persons .profile-mail .email-general .gender {
      margin-top: 15px; }
  .list-persons .nav-pills .nav-link .media .media-body {
    text-align: left; }
  .contact-editform {
    padding: 15px; }
    .contact-editform button {
      margin-top: 15px; }
    .contact-editform.pl-0 {
      padding-left: 15px !important; }
  .contact-editform form .row > div .row > div > div,
  .contact-options form .row > div .row > div > div {
    margin-bottom: 0; }
  .contact-editform form .row > div .row > div + div,
  .contact-options form .row > div .row > div + div {
    margin-top: 15px; } }

@media only screen and (max-width: 360px) {
  .updateimg {
    line-height: 73px;
    width: 80px; }
  .list-persons .profile-mail .email-general p span {
    margin-left: 10px; }
  .list-persons .profile-mail .media {
    display: block; }
    .list-persons .profile-mail .media img {
      height: 80px;
      width: 80px !important;
      margin-bottom: 15px; } }

.dark-contact .nav .nav-link .media .media-body h6 {
  color: var(--body-font-color); }

/**=====================
   3.8 Contacts CSS Ends
==========================**/
/**=====================
    3.9 Dashboard_2 CSS Start
==========================**/
.widget-decor {
  position: absolute;
  height: 60px;
  right: 0;
  top: 50%;
  transform: translateY(-50%); }

.activity-group::before {
  content: "";
  border-left: 1px dashed #E6E9EB;
  position: absolute;
  left: 0px;
  height: calc(100% - 50px); }

.balance-widget {
  background-image: url(/../images/dashboard-2/balance-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right; }
  .balance-widget .mobile-right-img {
    position: absolute;
    top: 10px;
    right: 15px; }
    .balance-widget .mobile-right-img .left-mobile-img {
      margin-right: -20px; }
    .balance-widget .mobile-right-img .mobile-img {
      height: 130px; }
    [dir="rtl"] .balance-widget .mobile-right-img {
      right: unset;
      left: 15px; }
    @media (max-width: 480px) {
      .balance-widget .mobile-right-img {
        right: 0; }
        .balance-widget .mobile-right-img .mobile-img {
          height: 100px; }
        [dir="rtl"] .balance-widget .mobile-right-img {
          right: unset;
          left: 0; } }
  [dir="rtl"] .balance-widget {
    text-align: right; }
  .balance-widget.card-body {
    padding: 20px 15px; }
  .balance-widget .purchase-btn {
    min-width: 170px; }

.range_4 .slider-container {
  position: relative;
  height: 45px;
  margin: 0 20px; }
  .range_4 .slider-container .range-slider_thumb {
    width: 46px;
    height: 26px;
    border-radius: 6px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #006666;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    z-index: 2; }
    [data-theme="dark"] .range_4 .slider-container .range-slider_thumb {
      background-color: var(--body-color); }
  .range_4 .slider-container .range-slider_line {
    height: 7px;
    width: 100%;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 10px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    position: absolute;
    z-index: 1; }
    [data-theme="dark"] .range_4 .slider-container .range-slider_line {
      background-color: var(--body-color); }
    .range_4 .slider-container .range-slider_line .range-slider_line-fill {
      position: absolute;
      height: 7px;
      width: 0;
      background-color: #006666;
      border-radius: 10px 0 0 10px; }
  .range_4 .slider-container .range-slider_input {
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 4px;
    opacity: 0;
    margin: 0; }
    .range_4 .slider-container .range-slider_input::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 100px;
      height: 100px;
      cursor: pointer;
      border-radius: 50%;
      opacity: 0; }
    .range_4 .slider-container .range-slider_input::-moz-range-thumb {
      width: 14vmin;
      height: 14vmin;
      cursor: pointer;
      border-radius: 50%;
      opacity: 0; }

.small-widget {
  overflow: hidden; }
  .small-widget .card-body {
    padding: 20px; }
    .small-widget .card-body h6 {
      font-size: 14px;
      font-weight: 500;
      color: var(--body-font-color); }
    .small-widget .card-body .product-sub {
      height: 45px;
      width: 45px;
      border-radius: 6px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .small-widget .card-body .product-sub .invoice-icon {
        height: 24px;
        cursor: pointer;
        width: 24px; }
  .small-widget:hover {
    transform: translateY(-5px);
    transition: 0.5s; }
    .small-widget:hover .project-details svg {
      animation: tada 1.5s ease infinite; }
    .small-widget:hover .bg-gradient svg {
      animation: tada 1.5s ease infinite; }

@media (max-width: 1470px) {
  .appointment .customer-table {
    height: 268px; } }

@media (max-width: 1399px) {
  .appointment .customer-table {
    height: unset; } }

.order-wrapper {
  margin: 0 -24px -17px -17px; }

.categories-list {
  display: flex;
  flex-direction: column;
  gap: 18px; }
  @media (max-width: 767px) {
    .categories-list {
      flex-direction: row;
      flex-wrap: wrap; } }
  .categories-list li {
    gap: 10px; }
    .categories-list li .bg-light {
      min-width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .categories-list li .bg-light img {
        width: 25px;
        height: 25px;
        object-fit: contain;
        transition: 0.5s; }
    .categories-list li h6 a {
      transition: 0.5s;
      color: var(--body-font-color); }
    .categories-list li:hover .bg-light img {
      transition: 0.5s;
      transform: scale(1.1); }
    .categories-list li:hover h6 a {
      transition: 0.5s;
      color: var(--theme-deafult); }

.monthly-profit {
  margin-top: -10px; }
  @media (max-width: 1584px) {
    .monthly-profit {
      margin: -10px -8px 0; } }
  @media (max-width: 1520px) {
    .monthly-profit {
      margin: -10px -16px 0; } }
  @media (max-width: 1500px) {
    .monthly-profit {
      margin: -10px -14px 0; } }
  @media (max-width: 1472px) {
    .monthly-profit {
      margin: -10px -20px 0; } }
  @media (max-width: 1424px) {
    .monthly-profit {
      margin: -10px -25px 0; } }
  .monthly-profit .apexcharts-canvas .apexcharts-legend-marker {
    margin-right: 6px; }
  .monthly-profit .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-value {
    font-size: 14px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif !important;
    fill: var(--chart-text-color); }

.overview-wrapper {
  position: relative;
  z-index: 1; }

.back-bar-container {
  position: absolute;
  width: calc(100% - 64px);
  bottom: -8px;
  margin: 0 auto !important;
  left: 28px; }
  @media (max-width: 1199px) {
    .back-bar-container {
      bottom: 22px; } }
  @media (max-width: 480px) {
    .back-bar-container {
      width: calc(100% - 34px);
      left: 18px; } }
  @media (max-width: 327px) {
    .back-bar-container {
      bottom: 42px; } }
.overview-card .balance-data {
  right: 12px; }
  [dir="rtl"] .overview-card .balance-data {
    right: unset;
    left: 12px; }
  @media (max-width: 767px) {
    .overview-card .balance-data {
      right: -40%; }
      [dir="rtl"] .overview-card .balance-data {
        left: -40%; } }
.order-container .apexcharts-canvas .apexcharts-marker {
  stroke-width: 4; }

.purchase-card.discover {
  margin-top: 102px; }
  .purchase-card.discover img {
    width: 224px;
    margin: 0 auto;
    margin-top: -90px; }
    @media (max-width: 1550px) {
      .purchase-card.discover img {
        margin-top: -110px; } }
    @media (max-width: 1399px) {
      .purchase-card.discover img {
        margin-top: -90px; } }
    @media (max-width: 991px) {
      .purchase-card.discover img {
        margin-top: -110px; } }
    @media (max-width: 618px) {
      .purchase-card.discover img {
        width: 200px; } }
.visitor-card .card-header svg {
  width: 18px;
  height: 18px;
  fill: var(--theme-deafult); }

.visitors-container {
  margin: 0 -12px -27px -17px; }
  .visitors-container svg .apexcharts-series path {
    clip-path: inset(1% 0% 0% 0% round 3rem); }
  .visitors-container svg .apexcharts-legend.apexcharts-align-left .apexcharts-legend-series {
    display: flex; }

.recent-order .nav {
  gap: 8px;
  flex-wrap: nowrap;
  overflow: auto;
  padding-bottom: 5px;
  display: flex; }

.recent-order .frame-box {
  border: 1px solid transparent;
  padding: 0;
  transition: 0.5s; }
  .recent-order .frame-box.active {
    border: 1px solid var(--theme-deafult); }
  .recent-order .frame-box:hover {
    transform: translateY(-5px);
    transition: 0.5s; }

.recent-order .tab-content {
  margin-top: 16px; }

.recent-table table thead {
  background: var(--light2); }
  .recent-table table thead th {
    padding-top: 9px;
    padding-bottom: 9px;
    border-bottom: none; }

.recent-table table tr td,
.recent-table table tr th {
  padding: 12px 8px;
  vertical-align: middle; }
  .recent-table table tr td:first-child,
  .recent-table table tr th:first-child {
    min-width: 157px; }
  @media (max-width: 1660px) {
    .recent-table table tr td:nth-child(2),
    .recent-table table tr th:nth-child(2) {
      min-width: 97px; } }
  .recent-table table tr td:last-child,
  .recent-table table tr th:last-child {
    min-width: 96px; }

.recent-table table tr td:first-child {
  padding-left: 0; }
  [dir="rtl"] .recent-table table tr td:first-child {
    padding-left: unset;
    padding-right: 0; }

.recent-table table tr td:last-child {
  padding-right: 0; }
  [dir="rtl"] .recent-table table tr td:last-child {
    padding-left: 0;
    padding-right: unset; }

.recent-table table tr:last-child td {
  padding-bottom: 0;
  border-bottom: none; }

.recent-table table tr .product-content h6 a {
  color: var(--body-font-color);
  transition: 0.5s; }

.recent-table table tr:hover .product-content h6 a {
  color: var(--theme-deafult);
  transition: 0.5s; }

.recent-table .product-content {
  display: flex;
  align-items: center;
  gap: 8px; }
  .recent-table .product-content .order-image {
    background: var(--light2);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center; }

.recent-table svg {
  width: 20px;
  height: 20px; }

.recent-table .recent-status {
  display: flex;
  align-items: center; }
  .recent-table .recent-status.font-success svg {
    fill: #00AC46; }
  .recent-table .recent-status.font-danger svg {
    fill: #FE6A49; }

.recent-activity h5 {
  padding: 30px 0 20px;
  margin-bottom: 0; }

.recent-activity h6 {
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box; }

.recent-activity ul li span {
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box; }

.notification li .recent-images ul::before {
  display: none; }

.notification li .recent-images li {
  padding-bottom: 3px; }

.recent-images {
  margin-top: 10px; }
  .recent-images ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px; }
  .recent-images li {
    border: 1px dashed var(--recent-dashed-border);
    padding: 3px;
    border-radius: 2px; }
    .recent-images li .recent-img-wrap {
      width: 40px;
      height: 40px;
      background: var(--light2);
      display: flex;
      align-items: center;
      justify-content: center; }

.frame-box {
  background: var(--recent-box-bg);
  border-radius: 10px;
  min-width: 76px;
  box-shadow: 2px 2px 2px var(--recent-border); }
  @media (max-width: 575px) {
    .frame-box {
      min-width: 65px; } }
  .frame-box .frame-image {
    min-width: 62px;
    height: 62px;
    border-color: var(--recent-border) var(--white) var(--white) var(--recent-border);
    border-width: 1px;
    border-style: solid;
    margin: 6px;
    display: flex;
    align-items: center;
    border-radius: 4px; }
    @media (max-width: 575px) {
      .frame-box .frame-image {
        min-width: 50px;
        height: 50px;
        margin: 4px; } }
  .frame-box img {
    margin: 0 auto; }
    @media (max-width: 575px) {
      .frame-box img {
        height: 30px; } }
.support-ticket-font ul {
  font-size: 12px; }

.new-update .media .media-body span,
.new-update .media .media-body p {
  font-weight: 500; }

.activity-dot-primary {
  min-width: 6px;
  height: 6px;
  background-color: #006666;
  border-radius: 100%;
  outline: 5px solid rgba(0, 102, 102, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-primary {
  min-width: 12px;
  height: 12px;
  background-color: #006666;
  outline: 5px solid rgba(0, 102, 102, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-secondary {
  min-width: 6px;
  height: 6px;
  background-color: #FE6A49;
  border-radius: 100%;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-secondary {
  min-width: 12px;
  height: 12px;
  background-color: #FE6A49;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-success {
  min-width: 6px;
  height: 6px;
  background-color: #00AC46;
  border-radius: 100%;
  outline: 5px solid rgba(0, 172, 70, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-success {
  min-width: 12px;
  height: 12px;
  background-color: #00AC46;
  outline: 5px solid rgba(0, 172, 70, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-danger {
  min-width: 6px;
  height: 6px;
  background-color: #FE6A49;
  border-radius: 100%;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-danger {
  min-width: 12px;
  height: 12px;
  background-color: #FE6A49;
  outline: 5px solid rgba(254, 106, 73, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-info {
  min-width: 6px;
  height: 6px;
  background-color: #173878;
  border-radius: 100%;
  outline: 5px solid rgba(23, 56, 120, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-info {
  min-width: 12px;
  height: 12px;
  background-color: #173878;
  outline: 5px solid rgba(23, 56, 120, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-light {
  min-width: 6px;
  height: 6px;
  background-color: #E6E9EB;
  border-radius: 100%;
  outline: 5px solid rgba(230, 233, 235, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-light {
  min-width: 12px;
  height: 12px;
  background-color: #E6E9EB;
  outline: 5px solid rgba(230, 233, 235, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-dark {
  min-width: 6px;
  height: 6px;
  background-color: #2c323f;
  border-radius: 100%;
  outline: 5px solid rgba(44, 50, 63, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-dark {
  min-width: 12px;
  height: 12px;
  background-color: #2c323f;
  outline: 5px solid rgba(44, 50, 63, 0.25);
  position: relative;
  z-index: 2; }

.activity-dot-warning {
  min-width: 6px;
  height: 6px;
  background-color: #FFAE1A;
  border-radius: 100%;
  outline: 5px solid rgba(255, 174, 26, 0.25);
  position: relative;
  z-index: 2; }

.timeline-dot-warning {
  min-width: 12px;
  height: 12px;
  background-color: #FFAE1A;
  outline: 5px solid rgba(255, 174, 26, 0.25);
  position: relative;
  z-index: 2; }

@media only screen and (max-width: 1800px) and (min-width: 1400px) {
  .grid-ed-none {
    display: none !important; }
  .grid-ed-12 {
    width: 100%; } }

@media only screen and (max-width: 1660px) and (min-width: 1400px) {
  .col-ed-12 {
    width: 100%; }
  .col-ed-7 {
    width: 58%; }
  .col-ed-5 {
    width: 42%; }
  .col-ed-9 {
    width: 75%; }
  .col-ed-3 {
    width: 25%; }
  .col-ed-6 {
    width: 50%; }
  .col-ed-4 {
    width: 33.33333333%; }
  .col-ed-8 {
    width: 66.66%; }
  .col-ed-none {
    display: none !important; } }

@media only screen and (max-width: 1660px) and (min-width: 1200px) {
  .xl-30 {
    max-width: 30%;
    flex: 0 0 30%; }
  .xl-70 {
    max-width: 70%;
    flex: 0 0 70%; } }

@media only screen and (max-width: 420px) {
  .size-column .col-6 {
    width: 100%; } }

.total-project .bubbles {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  top: 0;
  left: 0; }

.total-project .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(0, 102, 102, 0.1);
  position: absolute;
  animation: floating 10s infinite ease-in; }
  .total-project .bubble:nth-child(1) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 10%;
    animation-duration: 13s; }
  .total-project .bubble:nth-child(2) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 20%;
    animation-duration: 14s;
    animation-delay: 1s; }
  .total-project .bubble:nth-child(3) {
    height: 24px;
    width: 24px;
    border-radius: 15px;
    left: 35%;
    animation-duration: 16s;
    animation-delay: 3s; }
  .total-project .bubble:nth-child(4) {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    left: 50%;
    animation-duration: 13s;
    animation-delay: 1s; }
  .total-project .bubble:nth-child(5) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 5%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-project .bubble:nth-child(6) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 30%;
    animation-duration: 19s;
    animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.total-Progress .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(255, 174, 26, 0.1);
  position: absolute;
  animation: floating 10s infinite ease-in; }
  .total-Progress .bubble:nth-child(1) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 10%;
    animation-duration: 18s; }
  .total-Progress .bubble:nth-child(2) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 20%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(3) {
    height: 24px;
    width: 24px;
    border-radius: 15px;
    left: 65%;
    animation-duration: 12s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(4) {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    left: 34%;
    animation-duration: 16s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(5) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 5%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(6) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 14%;
    animation-duration: 12s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(7) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 41%;
    animation-duration: 16s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(8) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 3%;
    animation-duration: 11s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(9) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 48%;
    animation-duration: 18s;
    animation-delay: 1s; }
  .total-Progress .bubble:nth-child(10) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 46%;
    animation-duration: 10s;
    animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.total-Complete .bubble {
  height: 25px;
  width: 25px;
  border-radius: 15px;
  background-color: rgba(254, 106, 73, 0.1);
  position: absolute;
  animation: floating 10s infinite ease-in; }
  .total-Complete .bubble:nth-child(1) {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    left: 10%;
    animation-duration: 11s; }
  .total-Complete .bubble:nth-child(2) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 20%;
    animation-duration: 15s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(3) {
    height: 24px;
    width: 24px;
    border-radius: 15px;
    left: 35%;
    animation-duration: 10s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(4) {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    left: 60%;
    animation-duration: 19s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(5) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 51%;
    animation-duration: 14s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(6) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    left: 96%;
    animation-duration: 14s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(7) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 69%;
    animation-duration: 18s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(8) {
    height: 20px;
    width: 20px;
    border-radius: 15px;
    left: 36%;
    animation-duration: 20s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(9) {
    height: 25px;
    width: 25px;
    border-radius: 30px;
    left: 75%;
    animation-duration: 25s;
    animation-delay: 1s; }
  .total-Complete .bubble:nth-child(10) {
    height: 28px;
    width: 28px;
    border-radius: 15px;
    left: 36%;
    animation-duration: 35s;
    animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.total-upcoming {
  border-bottom: 2px solid var(--body-font-color); }
  .total-upcoming .bubble {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    background-color: rgba(108, 117, 125, 0.1);
    position: absolute;
    animation: floating 10s infinite ease-in; }
    .total-upcoming .bubble:nth-child(1) {
      height: 25px;
      width: 25px;
      border-radius: 15px;
      left: 10%;
      animation-duration: 17s; }
    .total-upcoming .bubble:nth-child(2) {
      height: 28px;
      width: 28px;
      border-radius: 15px;
      left: 70%;
      animation-duration: 10s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(3) {
      height: 24px;
      width: 24px;
      border-radius: 15px;
      left: 35%;
      animation-duration: 10s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(4) {
      height: 15px;
      width: 15px;
      border-radius: 15px;
      left: 10%;
      animation-duration: 16s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(5) {
      height: 20px;
      width: 20px;
      border-radius: 15px;
      left: 5%;
      animation-duration: 18s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(6) {
      height: 30px;
      width: 30px;
      border-radius: 15px;
      left: 52%;
      animation-duration: 14s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(7) {
      height: 35px;
      width: 35px;
      border-radius: 15px;
      left: 95%;
      animation-duration: 16s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(8) {
      height: 30px;
      width: 30px;
      border-radius: 15px;
      left: 35%;
      animation-duration: 13s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(9) {
      height: 25px;
      width: 25px;
      border-radius: 15px;
      left: 75%;
      animation-duration: 12s;
      animation-delay: 1s; }
    .total-upcoming .bubble:nth-child(10) {
      height: 26px;
      width: 26px;
      border-radius: 15px;
      left: 14%;
      animation-duration: 9s;
      animation-delay: 1s; }

@keyframes floating {
  0% {
    top: -100px;
    transform: translateX(0); }
  50% {
    transform: translateX(100px); }
  100% {
    top: 1080px;
    transform: translateX(-200px); } }

.project-details {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .project-details .project-counter {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 6px; }
    .project-details .project-counter span {
      font-size: 13px;
      font-weight: 400; }

.today-work-table .today-working-table tbody tr td {
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px dashed #E6E9EB; }

.today-work-table .today-working-table tbody tr td:nth-child(1) {
  min-width: 165px; }

.today-work-table .today-working-table tbody tr td:nth-child(2) {
  min-width: 170px; }

.today-work-table .today-working-table tbody tr td:nth-child(3) {
  min-width: 94px; }

.today-work-table .today-working-table tbody tr td:nth-child(4) .badge {
  padding: 8px 20px; }

.today-work-table .today-working-table tbody tr:first-child td {
  padding-top: 0px; }

.today-work-table .today-working-table tbody tr td a {
  color: #051A1A;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.today-work-table .today-working-table tbody tr:hover td a {
  color: var(--theme-deafult) !important; }

.today-work-table .today-working-table tbody tr:last-child td {
  padding-bottom: 0px;
  border: none; }

.add-project-link {
  background-color: rgba(68, 198, 198, 0.21);
  height: 5%; }
  .add-project-link .categories {
    background-image: url(/../images/dashboard-2/dashboard-banner.gif);
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    background-position: center; }
  .add-project-link .categories-content {
    padding: 22px 15px; }
    .add-project-link .categories-content p {
      font-size: 13px;
      font-weight: 500;
      margin-bottom: 10px; }
    .add-project-link .categories-content a {
      font-size: 16px;
      font-weight: 700;
      color: #051A1A;
      text-decoration: underline; }

.projectlist-card {
  border: 1px solid #ecf3fa;
  border-radius: 8px; }
  .projectlist-card .projectlist {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    padding: 20px 20px 0px; }
    .projectlist-card .projectlist .project-data {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px; }
      .projectlist-card .projectlist .project-data div a {
        color: #051A1A; }
    .projectlist-card .projectlist .nft-img {
      border-radius: 4px; }
    .projectlist-card .projectlist .badge-primary {
      color: #006666; }
  .projectlist-card .project-comment {
    padding: 0px 20px;
    margin-top: 8px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .projectlist-card .project-comment .project-comment-icon {
      display: flex;
      align-items: center;
      gap: 15px;
      position: relative; }
      .projectlist-card .project-comment .project-comment-icon svg {
        height: 16px;
        width: 16px; }
      .projectlist-card .project-comment .project-comment-icon span {
        font-weight: 500;
        font-size: 12px;
        color: var(--body-font-color); }
      .projectlist-card .project-comment .project-comment-icon .project-link {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px; }
        .projectlist-card .project-comment .project-comment-icon .project-link::before {
          height: 17px;
          width: 1px;
          background-color: var(--body-font-color);
          position: absolute;
          content: "";
          right: 35px; }
  .projectlist-card .project-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 20px; }
    .projectlist-card .project-date span:last-child {
      color: #FE6A49; }

.project-meeting-details {
  border-top: 1px solid #E6E9EB;
  margin-top: 10px; }
  .project-meeting-details .project-meeting {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 20px;
    margin-bottom: 3px;
    margin-top: 20px; }
    .project-meeting-details .project-meeting span {
      font-weight: 500;
      font-size: 12px;
      color: var(--body-font-color); }
  .project-meeting-details .project-meeting-time {
    padding: 0px 20px;
    margin-top: 3px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .project-meeting-details .project-meeting-time a {
      color: #051A1A; }
  .project-meeting-details:hover a {
    color: #006666; }

.avatar-showcase img.img-25 {
  width: 25px;
  height: 25px; }

.client-list-table table tbody tr td {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E6E9EB;
  padding-top: 15px;
  padding-bottom: 15px; }
  .client-list-table table tbody tr td a {
    color: #051A1A; }
  .client-list-table table tbody tr td .product-sub svg {
    height: 28px;
    width: 28px;
    cursor: pointer; }
  .client-list-table table tbody tr td .user-id {
    display: flex;
    align-items: center;
    position: relative;
    min-width: 195px; }
    .client-list-table table tbody tr td .user-id::before {
      height: 50px;
      width: 1px;
      content: "";
      position: absolute;
      background-color: #E6E9EB;
      right: 11%; }
  .client-list-table table tbody tr td .user-comment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 180px; }

.client-list-table table tbody tr:hover td a {
  color: #006666; }

.client-list-table table tbody tr:first-child td {
  padding-top: 0px; }

.client-list-table table tbody tr:last-child td {
  padding-bottom: 0px;
  border: none; }

.project-table .radial-chart-wrap {
  height: 30px;
  width: 68px; }
  .project-table .radial-chart-wrap > div {
    height: 75px;
    width: 100px; }
    .project-table .radial-chart-wrap > div.widgetsChart .apexcharts-theme-light .apexcharts-graphical .apexcharts-datalabels-group .apexcharts-datalabel-label {
      display: none; }

.project-table .project-comment .project-comment-icon {
  display: flex;
  align-items: center;
  position: relative;
  gap: 15px; }
  .project-table .project-comment .project-comment-icon .project-link {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px; }
    .project-table .project-comment .project-comment-icon .project-link svg {
      height: 16px;
      width: 16px; }
    .project-table .project-comment .project-comment-icon .project-link::before {
      height: 17px;
      width: 1px;
      background-color: #E6E9EB;
      position: absolute;
      content: "";
      left: 47px; }

.activity-log-card ul::before {
  height: calc(100% - 150px);
  border-left: 1px dashed #E6E9EB;
  content: "";
  z-index: 1;
  position: absolute;
  left: 36px; }

.activity-log-card ul li div .username {
  color: #051A1A; }
  .activity-log-card ul li div .username:hover {
    color: #006666; }

.activity-log {
  margin-bottom: 24px; }
  .activity-log .activity-log-img {
    height: 34px;
    width: 34px;
    z-index: 2; }
  .activity-log .user-id {
    margin-bottom: 2px; }
  .activity-log:last-child {
    margin-bottom: 0px; }
  .activity-log h6 {
    display: block;
    margin-bottom: 2px; }
    .activity-log h6 a {
      color: #051A1A;
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box !important;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      white-space: normal; }
  .activity-log:hover h6 a {
    color: #006666 !important; }

.user-message svg {
  height: 24px;
  width: 24px; }

.user-message ul li {
  border-bottom: 1px solid #E6E9EB;
  margin-bottom: 20px; }
  .user-message ul li .activity-log {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 20px;
    position: relative; }
    .user-message ul li .activity-log .status {
      position: absolute;
      height: 9px;
      width: 9px;
      border-radius: 100%;
      bottom: 3px;
      left: 25px;
      z-index: 2; }
      .user-message ul li .activity-log .status.bg-warning {
        border: 1px solid #fff; }
  .user-message ul li:last-of-type .activity-log {
    margin-bottom: 0px; }
  .user-message ul li:last-of-type {
    border: none;
    margin-bottom: 0px; }
  .user-message ul li:last-child .activity-log {
    margin-bottom: 0px; }
  .user-message ul li:last-child {
    border: none;
    margin-bottom: 0px; }

.user-message .activity-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%; }

.project-ideas-card::before {
  background: radial-gradient(circle, #1baeae 2%, #1a9494 50%, #048f8f 100%);
  height: 123px;
  width: 109%;
  content: "";
  position: absolute;
  overflow: hidden;
  top: 0;
  border-radius: 0 0 100% 100%;
  left: 50%;
  transform: translateX(-50%); }
  @media (max-width: 1799px) {
    .project-ideas-card::before {
      height: 102px; } }
.project-ideas-card .project-card {
  background-image: url(/../images/dashboard-2/office-work.gif);
  background-size: contain;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
  padding: 257px 0px;
  border-radius: 5px; }
  @media (max-width: 1875px) {
    .project-ideas-card .project-card {
      padding: 230px 0px; } }
  @media (max-width: 1800px) {
    .project-ideas-card .project-card {
      padding: 228px 0px; } }
  @media (max-width: 1799px) {
    .project-ideas-card .project-card {
      padding: 204px 0px; } }
  .project-ideas-card .project-card span {
    position: absolute;
    top: 20px;
    left: 10px;
    color: #fff; }
  .project-ideas-card .project-card .btn-showcase {
    margin-top: -85px;
    display: flex;
    justify-content: center;
    align-items: center; }

@media (max-width: 1568px) and (min-width: 1501px) {
  .timeline-calendar {
    width: 495px; } }

@media (max-width: 1194px) and (min-width: 768px) {
  .timeline-calendar {
    width: 801px;
    overflow-x: auto; } }

.timeline-calendar .custom-calendar {
  height: 374px !important; }
  @media (max-width: 1799px) {
    .timeline-calendar .custom-calendar {
      height: 334px !important; } }
.project-table {
  overflow-y: hidden; }
  .project-table .invoice-icon {
    height: 24px;
    width: 24px;
    cursor: pointer; }
  .project-table .order-table thead {
    background-color: rgba(230, 233, 235, 0.3); }
    .project-table .order-table thead tr th {
      padding: 20px; }
      .project-table .order-table thead tr th:nth-child(1) {
        min-width: 190px; }
      .project-table .order-table thead tr th:nth-child(2) {
        min-width: 200px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(3) {
        min-width: 130px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(4) {
        min-width: 100px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(5) {
        min-width: 50px; }
      .project-table .order-table thead tr th:first-child {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .project-table .order-table thead tr th:last-child {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; }
  .project-table .order-table tbody tr {
    border-bottom: 1px solid #E6E9EB; }
    .project-table .order-table tbody tr td {
      padding-top: 17px;
      padding-bottom: 17px; }
      .project-table .order-table tbody tr td p {
        color: var(--body-font-color);
        font-weight: 500; }
      .project-table .order-table tbody tr td .status-process {
        border-radius: 15px;
        padding: 12px; }
      .project-table .order-table tbody tr td:last-child .product-sub {
        text-align: center; }
      .project-table .order-table tbody tr td:nth-child(5) span.pending {
        height: 3px;
        width: 3px;
        border-radius: 100%; }
    .project-table .order-table tbody tr:last-child {
      border: none; }
      .project-table .order-table tbody tr:last-child td {
        padding-bottom: 0px;
        margin-bottom: -20px; }
  .project-table .order-table tbody tr td a {
    color: #051A1A;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .project-table .order-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }

@media (max-width: 1599px) {
  .client-list-table .client-list .user-id {
    min-width: 100px; }
  .project-ideas-card {
    padding: 210px 0px; }
    .project-ideas-card .project-card span {
      max-width: 265px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -50px; }
  .small-widget .project-details .project-counter span {
    display: none; }
  .today-work-table table tbody tr td:nth-child(1) {
    min-width: 130px !important; }
  .today-work-table table tbody tr td:nth-child(2) {
    min-width: 126px !important; }
  .user-message .activity-log .activity-name span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .online-store {
    display: none; }
  .card-title-underline a {
    display: none; }
  .activity-log-card .activity-log span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1699px) {
  .project-ideas-card .project-card {
    padding: 192px 0px; }
  .project-ideas-card .btn-showcase {
    margin-top: -85px !important; } }

@media (max-width: 1599px) {
  .project-ideas-card .project-card {
    padding: 208px 0px; }
  .project-ideas-card .btn-showcase {
    margin-top: -85px !important; } }

@media (max-width: 1499px) {
  .project-ideas-card .project-card {
    padding: 190px 0px; }
  .project-ideas-card .btn-showcase {
    margin-top: -62px !important; } }

@media (max-width: 1799px) {
  .client-list-table {
    overflow-y: hidden; }
    .client-list-table .client-list .user-id {
      min-width: 140px; }
      .client-list-table .client-list .user-id .avatars {
        display: none; }
  .activity-log-card .activity-log .user-id span {
    display: none; }
  .activity-log-card .activity-log span {
    max-width: 709px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .today-work-table table tbody tr td:nth-child(3) {
    display: none; }
  .projectlist-card .projectlist .project-data span {
    display: block; }
  .projectlist-card .projectlist span {
    display: none; }
  .projectlist-card .project-meeting-details .project-meeting {
    margin-top: 12px; }
    .projectlist-card .project-meeting-details .project-meeting span:last-child {
      display: none; }
  .projectlist-card .project-meeting-details .project-meeting-time {
    margin-bottom: 12px; }
    .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
      display: none; }
  .client-list-table .client-list .product-sub .invoice-icon {
    display: none; } }

@media (max-width: 1499px) {
  .timeline-calendar .fc-toolbar-chunk {
    display: none; }
  .projectlist-card .project-comment .avatar-showcase ul li:nth-child(3) {
    display: inline-block !important; }
  .projectlist-card .project-comment .avatar-showcase ul li:nth-child(4) {
    display: inline-block !important; } }

@media (max-width: 1399px) {
  .project-details .project-counter span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1199px) {
  .activity-group {
    display: block !important; }
    .activity-group::before {
      display: none; }
  .add-project-link {
    height: 9%; }
    .add-project-link .categories {
      width: 25%; }
  .project-ideas-card .project-card {
    padding: 237px 0px; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -113px !important; }
    .project-ideas-card .project-card span {
      top: 18px;
      left: 11px;
      max-width: 550px; }
  .user-message ul li:nth-child(6) {
    margin-bottom: 0px;
    border-bottom: none; }
    .user-message ul li:nth-child(6) .activity-log {
      margin-bottom: 0px;
      border: none; }
  .user-message ul li:nth-child(7) {
    display: none; }
  .user-message ul li:nth-child(8) {
    display: none; }
  .user-message ul li:last-child {
    display: none; }
  .today-work-table .today-working-table tbody tr td:nth-child(2) {
    min-width: 150px !important; }
  .today-work-table .today-working-table tbody tr td:nth-child(3) {
    display: block; }
  .client-list-table .client-list .user-id {
    min-width: 350px; }
    .client-list-table .client-list .user-id .avatars {
      display: block; }
  .client-list-table .client-list .user-comment .product-sub .invoice-icon {
    display: block; }
  .small-widget .project-details .project-counter span {
    display: block; }
  .today-work-table table tbody tr td:nth-child(1) {
    min-width: 150px !important; }
  .marketing-app-card {
    display: none; }
  .project-table .invoice-icon {
    height: 24px;
    width: 24px;
    cursor: pointer; }
  .project-table .order-table thead {
    background-color: rgba(230, 233, 235, 0.3); }
    .project-table .order-table thead tr th {
      padding: 20px; }
      .project-table .order-table thead tr th:nth-child(1) {
        min-width: 290px; }
      .project-table .order-table thead tr th:nth-child(2) {
        min-width: 200px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(3) {
        min-width: 160px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(4) {
        min-width: 190px;
        padding: 20px 0px; }
      .project-table .order-table thead tr th:nth-child(5) {
        min-width: 50px; }
      .project-table .order-table thead tr th:first-child {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .project-table .order-table thead tr th:last-child {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; }
  .project-table .order-table tbody tr {
    border-bottom: 1px solid #E6E9EB; }
    .project-table .order-table tbody tr td {
      padding-top: 17px;
      padding-bottom: 17px; }
      .project-table .order-table tbody tr td p {
        color: var(--body-font-color);
        font-weight: 500; }
      .project-table .order-table tbody tr td .status-process {
        border-radius: 15px;
        padding: 12px; }
      .project-table .order-table tbody tr td:last-child .product-sub {
        text-align: center; }
    .project-table .order-table tbody tr:last-child {
      border: none; }
      .project-table .order-table tbody tr:last-child td {
        padding-bottom: 0px;
        overflow: hidden; }
  .project-table .order-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; } }

@media (max-width: 992px) {
  .add-project-link {
    height: 9%; }
    .add-project-link .categories {
      width: 25%; }
  .today-work-table table tbody tr td:nth-child(3) {
    display: revert; }
  .timeline-calendar .fc-toolbar-chunk {
    display: block; }
  .project-ideas-card .project-card span {
    top: 18px;
    left: 4px; } }

@media (max-width: 767px) {
  .project-ideas-card::before {
    height: 95px; }
  .project-ideas-card .project-card {
    padding: 341px 0px; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -218px !important; }
    .project-ideas-card .project-card span {
      top: 27px;
      left: 88px; }
  .add-project-link {
    height: 6%; }
    .add-project-link .categories {
      width: 25%; }
  .activity-log-card .activity-log span {
    max-width: 100%; }
  .projectlist-card .projectlist .project-data span {
    display: block; }
  .projectlist-card .projectlist span {
    display: block; }
  .projectlist-card .project-meeting-details .project-meeting span:last-child {
    display: block; }
  .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
    display: block; }
  .client-list-table .client-list .user-id {
    min-width: 240px; }
  .marketing-app-card {
    display: block; }
  .important-project {
    gap: 15px; } }

@media (max-width: 680px) {
  .project-ideas-card .project-card span {
    top: 23px;
    left: 60px; } }

@media (max-width: 610px) {
  .project-ideas-card .project-card span {
    left: 30px; } }

@media (max-width: 575px) {
  .fc-toolbar-chunk .fc-button-group {
    display: none; }
  .project-ideas-card .project-card {
    padding: 581px 0px 0px; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -455px !important; }
    .project-ideas-card .project-card span {
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box !important;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      white-space: normal;
      top: 25px;
      left: 26px; } }

@media (max-width: 480px) {
  .project-ideas-card .project-card {
    padding: 502px 0px 0px !important; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -377px !important; }
    .project-ideas-card .project-card span {
      left: 24px; }
  .timeline-calendar .custom-calendar .time-line table thead tr th.fc-col-header-cell .fc-scrollgrid-sync-inner a {
    font-size: 10px;
    padding: 6px 4px; }
  .projectlist-card .projectlist .project-data span {
    display: block; }
  .projectlist-card .projectlist span {
    display: none; }
  .projectlist-card .project-meeting-details .project-meeting {
    margin-top: 12px; }
    .projectlist-card .project-meeting-details .project-meeting span:last-child {
      display: none; }
  .projectlist-card .project-meeting-details .project-meeting-time {
    margin-bottom: 12px; }
    .projectlist-card .project-meeting-details .project-meeting-time a:last-child {
      display: none; }
  .total-revenue .dropdown-calendar {
    display: none; }
  .projectlist-row justify-content-center .projectlist .project-data span {
    display: block; }
  .projectlist-row justify-content-center .projectlist span {
    display: none; }
  .projectlist-row justify-content-center .project-meeting-details .project-meeting {
    margin-top: 12px; }
    .projectlist-row justify-content-center .project-meeting-details .project-meeting span:last-child {
      display: none; }
  .projectlist-row justify-content-center .project-meeting-details .project-meeting-time {
    margin-bottom: 12px; }
    .projectlist-row justify-content-center .project-meeting-details .project-meeting-time a:last-child {
      display: none; } }

@media (max-width: 399px) {
  .project-ideas-card .project-card {
    padding: 420px 0px 0px !important; }
    .project-ideas-card .project-card .btn-showcase {
      margin-top: -301px !important; } }

@media (max-width: 1499px) {
  .project-table .order-table thead tr th:nth-child(3) {
    display: none; }
  .project-table .order-table tbody tr td:nth-child(3) {
    display: none; } }

@media (max-width: 1399px) {
  .project-table .order-table thead tr th:nth-child(3) {
    display: block; }
  .project-table .order-table tbody tr td:nth-child(3) {
    display: block; } }

@media (max-width: 360px) {
  .timeline-calendar .custom-calendar .time-line table thead tr th.fc-col-header-cell .fc-scrollgrid-sync-inner a {
    font-size: 10px;
    padding: 6px 0px; }
  .projectlist-card .project-date span:last-child {
    display: none; }
  .projectlist-card .project-comment .project-comment-icon {
    display: none; } }

.total-revenue {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .total-revenue span {
    color: var(--body-font-color);
    font-weight: 500; }
  .total-revenue a {
    font-weight: 600; }

/**=====================
    3.9 Dashboard_2 CSS End
==========================**/
/**=====================
    3.10 Dashboard_3 CSS Start
==========================**/
@keyframes hand-move {
  0% {
    transform: rotate(0deg); }
  20% {
    transform: rotate(15deg); }
  50% {
    transform: rotate(0deg); }
  80% {
    transform: rotate(-15deg); }
  100% {
    transform: rotate(0deg); } }

.course-box {
  overflow: hidden; }
  .course-box .card-body {
    padding: 25px 15px; }
    @media (max-width: 1722px) {
      .course-box .card-body {
        padding: 20px 15px; } }
    @media (max-width: 1660px) {
      .course-box .card-body {
        padding: 16px 15px; } }
  @media (max-width: 1660px) {
    .course-box.widget-course .card-body {
      padding: 25px 15px; } }
  .course-box:hover {
    transform: translateY(-5px);
    transition: 0.5s; }
    .course-box:hover .course-icon svg {
      animation: tada 1.5s ease infinite; }

.course-widget {
  display: flex;
  gap: 8px; }
  .course-widget .course-icon {
    position: relative;
    width: 54px;
    height: 54px;
    clip-path: polygon(40% 7.67949%, 43.1596% 6.20615%, 46.52704% 5.30384%, 50% 5%, 53.47296% 5.30384%, 56.8404% 6.20615%, 60% 7.67949%, 81.65064% 20.17949%, 84.50639% 22.17911%, 86.97152% 24.64425%, 88.97114% 27.5%, 90.44449% 30.6596%, 91.34679% 34.02704%, 91.65064% 37.5%, 91.65064% 62.5%, 91.34679% 65.97296%, 90.44449% 69.3404%, 88.97114% 72.5%, 86.97152% 75.35575%, 84.50639% 77.82089%, 81.65064% 79.82051%, 60% 92.32051%, 56.8404% 93.79385%, 53.47296% 94.69616%, 50% 95%, 46.52704% 94.69616%, 43.1596% 93.79385%, 40% 92.32051%, 18.34936% 79.82051%, 15.49361% 77.82089%, 13.02848% 75.35575%, 11.02886% 72.5%, 9.55551% 69.3404%, 8.65321% 65.97296%, 8.34936% 62.5%, 8.34936% 37.5%, 8.65321% 34.02704%, 9.55551% 30.6596%, 11.02886% 27.5%, 13.02848% 24.64425%, 15.49361% 22.17911%, 18.34936% 20.17949%);
    background: linear-gradient(310.31deg, #FF3364 14.71%, #FF7F9E 100%);
    display: flex;
    align-items: center;
    justify-content: center; }
    .course-widget .course-icon svg {
      width: 26px;
      height: 26px;
      fill: #fff; }
    .course-widget .course-icon.warning {
      background: linear-gradient(297.08deg, #FF9E2A -4.53%, #FFA941 98.25%); }
  .course-widget .btn-light {
    background: var(--course-light-btn) !important;
    border: none; }
  .course-widget a {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    margin-top: 25px; }
    .course-widget a span {
      display: block;
      margin-bottom: -5px; }
    .course-widget a svg {
      width: 13px;
      height: 13px; }

.get-card .card-header {
  padding-left: 20px;
  padding-right: 20px; }

.square-group {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: scaleX(-1); }
  [dir="rtl"] .square-group {
    right: unset;
    left: 0; }
  .square-group .square-1 {
    width: 12px;
    height: 18px; }
  .square-group .square-2 {
    width: 12px;
    height: 10px;
    margin-bottom: -10px; }
  .square-group .square-3 {
    width: 18px;
    height: 10px;
    margin-left: 10px; }
    [dir="rtl"] .square-group .square-3 {
      margin-left: unset;
      margin-right: 10px; }
  .square-group .square-4 {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: -15px; }
    [dir="rtl"] .square-group .square-4 {
      right: unset;
      left: -15px; }
  .square-group .square-5 {
    width: 6px;
    height: 6px;
    bottom: 22px;
    position: absolute;
    right: -1px; }
    [dir="rtl"] .square-group .square-5 {
      right: unset;
      left: -1px; }
  .square-group .square-6,
  .square-group .square-7 {
    position: absolute;
    width: 4px;
    height: 4px; }
  .square-group .square-6 {
    right: -23px;
    bottom: 5px; }
    [dir="rtl"] .square-group .square-6 {
      right: unset;
      left: -23px; }
  .square-group .square-7 {
    right: 8px;
    bottom: 45px; }
    [dir="rtl"] .square-group .square-7 {
      right: unset;
      left: 8px; }
  .square-group .warning1 {
    background: #FFD497; }
  .square-group .warning {
    background: #FFA73B; }
  .square-group .primary {
    background: #006666; }
  .square-group .danger {
    background: #f54132; }
  .square-group .light {
    background: #E6E8EF; }
  .square-group .success {
    background: #00AC46; }

.progress-chart-wrap {
  margin: -40px 0 -22px; }
  [dir="rtl"] .progress-chart-wrap {
    direction: ltr; }
  @media (max-width: 991px) {
    .progress-chart-wrap {
      margin-top: -18px; } }
  .progress-chart-wrap .apexcharts-canvas {
    margin: 0 auto; }
    .progress-chart-wrap .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-label {
      fill: var(--chart-text-color); }

.get-card .btn {
  margin-top: 15px;
  padding: 8px 15px; }
  .get-card .btn:hover svg {
    transform: translateX(5px);
    transition: 0.5s; }
  .get-card .btn svg {
    width: 13px;
    height: 13px;
    fill: #fff;
    vertical-align: middle;
    transition: 0.5s; }

.default-datepicker .datepicker-inline .datepicker {
  width: auto;
  background: #fff;
  box-shadow: none;
  padding: 0; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content {
    padding: 0; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {
      margin: 27px 0 0;
      padding: 15px 0; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name {
        color: #2b2b2b;
        font-size: 14px; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
      height: 35px;
      width: 14%;
      color: #2b2b2b; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-other-month- {
        color: #2b2b2b;
        opacity: 20%; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-weekend- + .-weekend- {
        color: #FE6A49; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell {
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      z-index: 0;
      letter-spacing: 2px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected- {
        background: var(--theme-deafult);
        color: #fff;
        position: relative;
        box-shadow: 0px 0px 13px 0 rgba(0, 102, 102, 0.5); }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-current- {
        background-color: #00AC46;
        border: none;
        color: #fff; }
        .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-current-::after {
          position: absolute;
          content: '';
          width: 10px;
          height: 10px;
          border: 2px solid var(--white);
          background: #FE6A49;
          right: -3px;
          top: -2px;
          border-radius: 100%; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-focus- {
        color: #fff;
        box-shadow: none; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker-cell .datepicker--cell-month.-current-.-selected- {
      background-color: var(--theme-deafult); }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav {
    border-bottom: none;
    padding: 0;
    text-transform: capitalize;
    margin-top: 0; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action {
      background-color: transparent;
      width: 22px;
      height: 22px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action[data-action="prev"] {
        position: absolute;
        right: 50px; }
        [dir="rtl"] .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action[data-action="prev"] {
          right: unset;
          left: 50px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action svg {
        width: 22px;
        height: 22px; }
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action path {
        stroke: var(--chart-text-color); }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
    color: #2b2b2b;
    font-size: 20px;
    font-weight: 500; }
    @media (max-width: 767px) {
      .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
        font-size: 14px; } }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
      margin-left: 10px;
      font-weight: 500;
      font-size: 20px;
      color: #2b2b2b; }
      @media (max-width: 767px) {
        .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
          font-size: 14px; } }
.learning-wrap {
  margin: -24px -10px -24px -15px; }

.activity-wrap {
  margin: -22px 0 -22px -28px; }
  [dir="rtl"] .activity-wrap {
    margin: -22px -28px -22px 0; }

.upcoming-event-wrap {
  margin-bottom: -39px;
  margin-left: -24px; }

.course-card .dropdown .dropdown-toggle {
  width: 125px; }

.course-wrapper {
  text-align: center; }
  .course-wrapper .course-icon-box {
    position: relative;
    padding: 8px; }
    @media (max-width: 767px) {
      .course-wrapper .course-icon-box {
        padding: 0; } }
    .course-wrapper .course-icon-box .icon-wrap {
      width: 117px;
      height: 92px;
      background-color: var(--course-bg);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 8px;
      margin: 0 auto;
      box-shadow: -18px 15px 20px rgba(119, 119, 119, 0.25); }
      @media (max-width: 1880px) {
        .course-wrapper .course-icon-box .icon-wrap {
          width: 112px; } }
      @media (max-width: 767px) {
        .course-wrapper .course-icon-box .icon-wrap {
          box-shadow: none; } }
      @media (max-width: 575px) {
        .course-wrapper .course-icon-box .icon-wrap {
          width: 92px;
          height: 82px; } }
      .course-wrapper .course-icon-box .icon-wrap img {
        width: 80px; }
        @media (max-width: 575px) {
          .course-wrapper .course-icon-box .icon-wrap img {
            width: 70px; } }
    .course-wrapper .course-icon-box .arrow-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: calc(100% + 20px);
      height: 100%; }
      [dir="rtl"] .course-wrapper .course-icon-box .arrow-bg {
        left: unset;
        right: 0;
        transform: scaleX(-1); }
      @media (max-width: 767px) {
        .course-wrapper .course-icon-box .arrow-bg {
          display: none; } }
  .course-wrapper h6 {
    margin-top: 25px;
    margin-bottom: 0; }
    @media (max-width: 575px) {
      .course-wrapper h6 {
        margin-top: 15px; } }
.course-main-card {
  display: flex;
  gap: 20px;
  justify-content: center; }
  @media (max-width: 1880px) {
    .course-main-card {
      flex-wrap: wrap; } }
  @media (max-width: 767px) {
    .course-main-card {
      gap: 12px;
      flex-wrap: nowrap; } }
  @media (max-width: 575px) {
    .course-main-card {
      gap: 20px;
      flex-wrap: wrap; } }
  .course-main-card .course-wrapper:last-child .arrow-bg {
    width: 100%; }

.schedule-list {
  display: flex;
  flex-direction: column;
  gap: 20px; }
  @media (max-width: 767px) {
    .schedule-list {
      flex-direction: row; } }
  @media (max-width: 575px) {
    .schedule-list {
      flex-direction: column; } }
  .schedule-list li {
    display: flex;
    align-items: center; }
    .schedule-list li h6 {
      font-size: 14px; }
    .schedule-list li ul {
      column-count: 2;
      column-rule-style: solid;
      column-rule-color: var(--chart-text-color);
      column-gap: 20px;
      column-rule-width: 1px; }
      @media (max-width: 1712px) {
        .schedule-list li ul {
          column-gap: 14px; } }
      @media (max-width: 1199px) {
        .schedule-list li ul {
          display: flex;
          flex-wrap: wrap; } }
      .schedule-list li ul li {
        gap: 6px; }
    .schedule-list li img {
      border-radius: 100%;
      width: 37px;
      height: 37px;
      padding: 3px; }
    .schedule-list li svg {
      width: 15px;
      height: 15px; }
      .schedule-list li svg.f-success {
        fill: #00AC46; }
  .schedule-list > li {
    padding: 15px 20px;
    box-shadow: 4px 7px 17px 5px rgba(46, 35, 94, 0.05);
    gap: 10px;
    position: relative;
    border-radius: 10px; }
    @media (max-width: 1712px) {
      .schedule-list > li {
        padding: 16px 14px; } }
    .schedule-list > li::before {
      position: absolute;
      content: '';
      width: 5px;
      height: 100%;
      left: 0;
      top: 0;
      border-radius: 15px 0 0 15px; }
      [dir="rtl"] .schedule-list > li::before {
        left: unset;
        right: 0;
        border-radius: 0 15px 15px 0; }
    .schedule-list > li.primary::before {
      background-color: var(--theme-deafult); }
    .schedule-list > li.primary img {
      border: 1px solid var(--theme-deafult); }
    .schedule-list > li.warning::before {
      background-color: #FFAE1A; }
    .schedule-list > li.warning img {
      border: 1px solid #FFAE1A; }

.link-only {
  display: flex;
  align-items: center;
  color: #FFFFFF; }
  .link-only svg {
    width: 16px;
    height: 16px; }

.lessons-lists li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 0; }
  .lessons-lists li img {
    transition: 0.5s; }
  .lessons-lists li + li {
    border-top: 1px solid var(--chart-dashed-border); }
  .lessons-lists li:first-child {
    padding-top: 0; }
  .lessons-lists li:last-child {
    padding-bottom: 0; }
  .lessons-lists li:hover img {
    transform: scale(1.1);
    transition: 0.5s; }

.lesson-wrap {
  width: 50px;
  margin-bottom: -11px;
  margin-top: -6px; }
  .lesson-wrap .apexcharts-canvas .apexcharts-datalabel-label {
    display: none; }

@media only screen and (max-width: 575px) {
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
    font-size: 17px; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
      font-size: 17px;
      margin-left: 10px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell {
    font-size: 13px; } }

@media only screen and (max-width: 360px) {
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected-:before {
    height: 36px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
    height: 36px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {
    margin: 13px 0 13px; }
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name {
      font-size: 12px; }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
    margin-left: 15px;
    font-size: 25px; } }

.tranaction-table tbody tr td a {
  color: #051A1A !important; }

.revenuegrowth {
  position: relative; }
  .revenuegrowth .apexcharts-xaxistooltip {
    display: none; }
  .revenuegrowth .revenuegrowth-chart::before {
    content: "";
    height: calc(100% - 10px);
    position: absolute;
    background-color: #E6E9EB;
    width: 2px;
    right: 0;
    top: 0; }

.icon-menu-header svg {
  height: 25px;
  width: 25px; }

.revenuegrowth-details {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  gap: 20px; }
  .revenuegrowth-details .growth-details {
    border-bottom: 1px dashed #E6E9EB; }
    .revenuegrowth-details .growth-details span:first-child {
      margin-bottom: 6px; }
    .revenuegrowth-details .growth-details:last-child {
      border: none; }

.boost-up-card {
  background: radial-gradient(circle, #1baeae 2%, #1a9494 50%, #048f8f 100%); }
  .boost-up-card h6 {
    z-index: 2; }

.img-boostup {
  position: absolute;
  top: 0px;
  right: 237px; }
  .img-boostup .img-boostup-img-1 {
    left: -63px;
    top: -114px;
    position: absolute;
    height: 257px; }
  .img-boostup .img-boostup-img-2 {
    position: absolute;
    top: 70px;
    left: -61px;
    height: 187px; }

.progress-value .progress {
  margin-top: -2px !important;
  height: 3px;
  width: 100%; }
  .progress-value .progress .progress-bar {
    background-color: var(--theme-deafult); }

.deliveries-percentage .percentage-data thead tr {
  border-bottom: 1px solid #E6E9EB; }
  .deliveries-percentage .percentage-data thead tr th {
    padding-top: 18px;
    padding-bottom: 18px; }

.deliveries-percentage .percentage-data tbody tr {
  border-bottom: 1px dashed #E6E9EB; }
  .deliveries-percentage .percentage-data tbody tr td {
    padding-top: 18px;
    padding-bottom: 18px; }
    .deliveries-percentage .percentage-data tbody tr td a {
      color: #051A1A; }
  .deliveries-percentage .percentage-data tbody tr:hover td a {
    color: #006666; }
  .deliveries-percentage .percentage-data tbody tr:last-child {
    border: none; }
    .deliveries-percentage .percentage-data tbody tr:last-child td {
      padding-bottom: 0px; }

.top-product-card ul li.top-product {
  border-bottom: 1px solid #E6E9EB;
  padding-top: 16px;
  padding-bottom: 16px; }
  .top-product-card ul li.top-product .product-img {
    height: 60px;
    width: 73px;
    border-radius: 4px; }
  .top-product-card ul li.top-product:last-child {
    border: none;
    padding-bottom: 0px; }
  .top-product-card ul li.top-product:first-child {
    padding-top: 0px; }

.top-product-card ul li .product-items {
  display: flex;
  align-items: end;
  flex-direction: column;
  justify-content: center;
  gap: 3px; }

.top-product-card ul li .product-details {
  display: flex;
  flex-direction: column;
  gap: 3px; }
  .top-product-card ul li .product-details a {
    color: #051A1A !important; }

.top-product-card ul li:hover a {
  color: var(--theme-deafult) !important; }

.new-user ul li {
  border: 1px solid #E6E9EB;
  border-radius: 4px;
  margin-bottom: 18px;
  transition: all .4s; }
  .new-user ul li svg {
    height: 24px;
    width: 24px; }
  .new-user ul li:last-child {
    margin-bottom: 0px; }
  .new-user ul li .user-name {
    padding: 12px;
    align-items: end; }
  .new-user ul li a {
    color: #051A1A !important; }
  .new-user ul li:hover a {
    color: var(--theme-deafult) !important; }

.activity-table table tbody tr:last-child td {
  padding-bottom: 0px; }
  .activity-table table tbody tr:last-child td .team-activity::before {
    height: unset; }

.activity-table table tbody tr td {
  padding: 11px 0px; }
  .activity-table table tbody tr td .team-activity {
    position: relative; }
    .activity-table table tbody tr td .team-activity:before {
      height: 70px;
      border-left: 1px dashed #86909C;
      content: "";
      z-index: 0;
      position: absolute;
      left: 24px;
      top: 0px; }
    .activity-table table tbody tr td .team-activity .activity-data {
      margin-bottom: 18px; }
      .activity-table table tbody tr td .team-activity .activity-data:last-child {
        margin-bottom: 0px; }
      .activity-table table tbody tr td .team-activity .activity-data .subtitle p {
        max-width: 235px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .activity-table table tbody tr td .team-activity .activity-data .common-space {
        position: relative;
        gap: 20px; }
        .activity-table table tbody tr td .team-activity .activity-data .common-space::before {
          content: '';
          height: 100%;
          width: 2px;
          background-color: #E6E9EB;
          position: absolute;
          top: 0px;
          right: 0px; }
      .activity-table table tbody tr td .team-activity .activity-data .user-activity {
        min-width: 200px;
        position: relative; }
        .activity-table table tbody tr td .team-activity .activity-data .user-activity .rounded-circle {
          border: 1px dashed #86909C; }
        .activity-table table tbody tr td .team-activity .activity-data .user-activity::before {
          content: '';
          height: 100%;
          width: 2px;
          background-color: #E6E9EB;
          position: absolute;
          top: 0px;
          right: 0px; }
      .activity-table table tbody tr td .team-activity .activity-data .activity-time {
        min-width: 120px;
        position: relative; }
        .activity-table table tbody tr td .team-activity .activity-data .activity-time span::before {
          content: '';
          height: 4px;
          width: 4px;
          background-color: #E6E9EB;
          position: absolute;
          top: 8px;
          left: -9px;
          border-radius: 15px; }
      .activity-table table tbody tr td .team-activity .activity-data a {
        color: #051A1A !important; }
      .activity-table table tbody tr td .team-activity .activity-data:hover a {
        color: var(--theme-deafult) !important; }
  .activity-table table tbody tr td:last-child:before {
    display: none; }

.visited-dropdown {
  padding: 8px;
  border: 1px solid #E6E9EB;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .visited-dropdown svg {
    height: 25px;
    width: 25px; }

.tranaction-table thead {
  background-color: rgba(230, 233, 235, 0.3); }
  .tranaction-table thead tr th {
    padding: 20px; }
    .tranaction-table thead tr th:nth-child(1) {
      min-width: 160px; }
    .tranaction-table thead tr th:nth-child(2) {
      min-width: 150px;
      padding: 20px 0px; }
    .tranaction-table thead tr th:nth-child(3) {
      min-width: 130px;
      padding: 20px 0px; }
    .tranaction-table thead tr th:nth-child(4) {
      min-width: 100px;
      padding: 20px 0px; }
    .tranaction-table thead tr th:nth-child(5) {
      min-width: 50px; }
    .tranaction-table thead tr th:first-child {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important; }
    .tranaction-table thead tr th:last-child {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }

.tranaction-table tbody tr {
  border-bottom: 1px solid #E6E9EB; }
  .tranaction-table tbody tr td {
    padding-top: 17px;
    padding-bottom: 17px; }
    .tranaction-table tbody tr td .status-process {
      border-radius: 15px;
      padding: 12px; }
    .tranaction-table tbody tr td:last-child .product-sub {
      text-align: center; }
  .tranaction-table tbody tr:last-child {
    border: none; }
    .tranaction-table tbody tr:last-child td {
      padding-bottom: 0px; }

.tranaction-table tbody tr:hover td a {
  color: var(--theme-deafult) !important; }

@media (max-width: 1799px) {
  .table-order .tranaction-table thead tr th:nth-child(2) {
    display: none; }
  .table-order .tranaction-table tbody tr td:nth-child(2) {
    display: none; }
  .total-revenue .sales-chart-dropdown {
    display: none; }
  .revenuegrowth-details .growth-details p:last-child {
    display: none; }
  .selling-product .balance-data {
    flex-wrap: wrap;
    justify-content: center; }
    .selling-product .balance-data li {
      display: none; }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px; }
  .team-activity ul li.activity-data .activity-time {
    min-width: 90px; }
  .team-activity ul li.activity-data .subtitle {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .top-product-card .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1699px) {
  .activity-table table tbody tr td .team-activity .activity-data .user-activity {
    min-width: 77px; }
    .activity-table table tbody tr td .team-activity .activity-data .user-activity .username {
      display: none !important; }
  .deliveries-percentage .percentage-data .progress-value {
    display: none; }
  .deliveries-percentage .percentage-data .progress {
    display: none; }
  .deliveries-percentage .percentage-data .progress-value {
    justify-content: center; }
  .top-product-card ul li .top-product img {
    height: 40px;
    width: 60px; }
  .top-product-card ul li .product-details a {
    color: #051A1A !important; }
  .boost-up-card .img-boostup {
    right: 200px; }
    .boost-up-card .img-boostup .img-boostup-img-2 {
      position: absolute;
      top: 100px;
      left: -61px;
      height: 187px; } }

@media (max-width: 1599px) {
  row justify-content-center
.activity-table table tbody tr td .team-activity .activity-data .user-activity {
    min-width: 195px; }
    row justify-content-center
.activity-table table tbody tr td .team-activity .activity-data .user-activity .username {
      display: none !important; }
  .new-user ul li a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .deliveries-percentage .percentage-data .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .top-product-card ul li.top-product .product-details {
    max-width: 120px; }
  .top-product-card ul li.top-product .product-items {
    max-width: 195px; }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px; }
  .team-activity ul li.activity-data .activity-time {
    min-width: 90px; } }

@media (max-width: 1399px) {
  .selling-product .balance-data li {
    display: block; }
  .deliveries-percentage table.percentage-data thead tr th:nth-child(2) {
    display: none; }
  .deliveries-percentage table.percentage-data tbody td:nth-child(2) {
    display: none; }
  .revenuegrowth .revenuegrowth-chart::before {
    display: none; }
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .boostup-name h6 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 85px; } }

@media (max-width: 1199px) {
  .table-order .tranaction-table thead tr th:nth-child(2) {
    display: block !important; }
  .table-order .tranaction-table tbody tr td:nth-child(2) {
    display: block !important; }
  .activity-table table {
    overflow: auto !important; }
  .deliveries-percentage table.percentage-data tbody tr td {
    min-width: 178px; }
  .top-product-card .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .top-product-card ul li.top-product:last-child {
    display: none !important; }
  .top-product-card ul li.top-product:nth-child(3) {
    border: none; }
  .team-activity ul li.activity-data .user-activity {
    min-width: 195px; }
  .team-activity ul li.activity-data .activity-time {
    min-width: 95px; }
  .team-activity ul li.activity-data .subtitle {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 767px) {
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 110px; } }

@media (max-width: 575.98px) {
  .boost-up-card .boostup-name .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media only screen and (max-width: 480px) {
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 95px; }
  .revenuegrowth {
    margin-bottom: -18px; } }

@media only screen and (max-width: 375px) {
  .boost-up-card .img-boostup .img-boostup-img-2 {
    top: 116px; } }

/**=====================
  3.10 Dashboard_3 CSS Ends
==========================**/
/**=====================
  3.13 Dashboard_default CSS Start
==========================**/
.form-control-plaintext {
  width: auto !important; }

@keyframes bounce-effect {
  0% {
    transform: translateY(0);
    transition: 0.5s; }
  50% {
    transform: translateY(-5px);
    transition: 0.5s; }
  100% {
    transform: translateY(0);
    transition: 0.5s; } }

@keyframes round {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.badge-light-primary {
  background-color: #29ffff; }
  .badge-light-primary span {
    color: #006666 !important; }

.badge-light-secondary {
  background-color: white; }
  .badge-light-secondary span {
    color: #FE6A49 !important; }

.badge-light-success {
  background-color: #6fffa9; }
  .badge-light-success span {
    color: #00AC46 !important; }

.badge-light-danger {
  background-color: white; }
  .badge-light-danger span {
    color: #FE6A49 !important; }

.badge-light-info {
  background-color: #6e96e3; }
  .badge-light-info span {
    color: #173878 !important; }

.badge-light-light {
  background-color: #b7b7c9; }
  .badge-light-light span {
    color: #52526c !important; }

.badge-light-dark {
  background-color: #8490a9; }
  .badge-light-dark span {
    color: #2c323f !important; }

.badge-light-warning {
  background-color: #fff3dc; }
  .badge-light-warning span {
    color: #FFAE1A !important; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.table thead th {
  border-bottom: 2px solid #ecf3fa; }

@media (max-width: 1712px) {
  .overall-card .balance-card {
    padding: 12px; } }

@media (max-width: 1662px) and (min-width: 1600px) {
  .overall-card .col-xl-9 {
    width: 73%; }
  .overall-card .col-xl-3 {
    width: 27%; } }

@media (max-width: 1650px) and (min-width: 1600px) {
  .overall-card .col-xl-9 {
    width: 72%; }
  .overall-card .col-xl-3 {
    width: 28%; } }

@media (max-width: 1600px) and (min-width: 1500px) {
  .overall-card .col-xl-9 {
    width: 70%; }
  .overall-card .col-xl-3 {
    width: 30%; } }

@media (max-width: 1500px) and (min-width: 1200px) {
  .overall-card .col-xl-9 {
    width: 65%; }
  .overall-card .col-xl-3 {
    width: 35%; } }

/* Clock styles */
.clockbox {
  margin-bottom: -5px; }
  .clockbox svg {
    width: 45px;
    height: 45px; }
    @media (max-width: 767px) {
      .clockbox svg {
        height: 36px; } }
.circle {
  fill: #fff;
  stroke: rgba(255, 255, 255, 0.4);
  stroke-width: 80px;
  stroke-miterlimit: 10; }

.mid-circle {
  fill: #000; }

.hour-marks {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 9;
  stroke-miterlimit: 10; }

.hour-hand {
  fill: none;
  stroke: #ff7e00;
  stroke-width: 17;
  stroke-miterlimit: 10; }

.minute-hand {
  fill: none;
  stroke: #ff7e00;
  stroke-width: 11;
  stroke-miterlimit: 10; }

.second-hand {
  fill: none;
  stroke: #FFAE1A;
  stroke-width: 15px;
  stroke-miterlimit: 10; }

.sizing-box {
  fill: none; }

#hour,
#minute,
#second {
  transform-origin: 300px 300px;
  transition: transform .5s ease-in-out; }

@media (min-width: 1400px) {
  .widget-grid .height-equal {
    min-height: unset !important; } }

@media (min-width: 1400px) {
  .widget-grid > .col-xxl-auto {
    width: 22.22%; } }

.order-chart > div {
  margin-top: -25px;
  margin-bottom: -43px; }

.order-chart svg path {
  clip-path: inset(7% 0% 0% 0% round 0.6rem); }

.growth-wrap .card-header {
  position: relative;
  z-index: 1; }

.growth-wrapper > div {
  margin-top: -54px;
  margin-bottom: -25px; }
  @media (max-width: 1481px) {
    .growth-wrapper > div {
      margin-top: -50px; } }
.profit-chart > div {
  margin-top: -45px;
  margin-bottom: -48px; }

.profit-chart .apexcharts-canvas .apexcharts-tooltip-text-label {
  display: none; }

.card .card-footer .common-space a {
  color: #051A1A; }

.card .card-footer .common-space:hover a {
  color: #006666; }

.sales-wrapper .apexcharts-xaxistooltip {
  display: none; }

.total-order .apexcharts-xaxistooltip {
  display: none; }

.sales-chart {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.sales-chart-dropdown {
  display: flex;
  gap: 15px;
  align-items: center; }
  .sales-chart-dropdown .sales-chart-dropdown-select {
    display: flex;
    justify-content: end;
    gap: 15px; }

.total-revenue {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .total-revenue span {
    font-weight: 500; }
  .total-revenue .update-data {
    position: relative; }
    .total-revenue .update-data::before {
      content: "";
      position: absolute;
      height: 4px;
      width: 4px;
      bottom: 3px;
      left: -15px;
      bottom: 9px;
      border-radius: 15px;
      background-color: #86909C; }
  .total-revenue a {
    font-weight: 600; }

.total-chart {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: -45px;
  margin-top: -20px; }
  .total-chart .data-grow svg {
    width: 24px;
    height: 24px;
    cursor: pointer; }
  .total-chart .data-grow span {
    color: #051A1A; }

.special-Offer {
  background-image: url(/../images/dashboard/Banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 363px;
  border-radius: 8px;
  width: 100%;
  background-position: center; }
  .special-Offer h4 {
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    text-align: center; }
  .special-Offer p {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center; }
  .special-Offer .offer-contain {
    padding-top: 45px;
    text-align: center; }
    .special-Offer .offer-contain p {
      margin: 0px 20px; }

.ecommerce-banner {
  background-image: url(/../images/dashboard/Dashboard-Ecommerce-banner.gif);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 190px; }

.product-widget:hover {
  transform: translateY(-5px);
  transition: 0.5s; }

.new-product {
  padding: 16px !important; }
  .new-product svg {
    cursor: pointer; }
  .new-product:hover .product-cost .add-product svg {
    animation: tada 1.5s ease infinite; }
  .new-product .product-icon {
    height: 50px;
    width: 50px;
    border-radius: 6px; }
  .new-product .product-cost {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .new-product .product-cost .add-product {
      display: flex;
      align-items: center;
      gap: 16px; }
      .new-product .product-cost .add-product h6 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .new-product .product-cost .add-product span {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
    .new-product .product-cost .product-icon svg {
      height: 25px;
      margin: 12px;
      width: 25px; }

.product-costing {
  margin-bottom: 14px;
  border-bottom: 1px dashed #E6E9EB; }
  .product-costing p {
    font-size: 14px;
    font-weight: 500; }
  .product-costing span {
    margin-bottom: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .product-costing:last-child {
    border: none;
    margin-bottom: 0px; }
    .product-costing:last-child span {
      margin-bottom: 0px; }
  .product-costing .product-icon {
    height: 50px;
    width: 50px;
    border-radius: 6px; }
  .product-costing:last-child .costing-span {
    margin-bottom: 0px; }
  .product-costing .product-cost {
    display: flex;
    gap: 15px;
    margin-bottom: 8px; }
    .product-costing .product-cost .product-icon svg {
      height: 25px;
      margin: 12px;
      width: 25px;
      cursor: pointer; }
  .product-costing:hover .product-cost svg {
    animation: tada 1.5s ease infinite; }

.sale-history-card {
  margin-bottom: 16px;
  border-bottom: 1px solid #E6E9EB; }
  .sale-history-card:last-child {
    margin-bottom: 0px;
    border: none; }
  .sale-history-card:hover .history-price a {
    color: #006666 !important; }
  .sale-history-card .history-price {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .sale-history-card .history-price a {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: #051A1A; }
  .sale-history-card:last-child .state-time {
    margin-bottom: 0px; }
  .sale-history-card .state-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px; }

.table-order .order-table-images {
  height: 35px; }

.table-order .product-name {
  display: flex;
  align-items: center;
  gap: 15px; }
  .table-order .product-name img {
    border-radius: 4px; }

.table-order .invoice-icon {
  height: 24px;
  width: 24px; }

.table-order .latest-orders thead {
  background-color: rgba(230, 233, 235, 0.3); }
  .table-order .latest-orders thead tr th {
    padding: 20px; }
    .table-order .latest-orders thead tr th:nth-child(1) {
      min-width: 190px; }
    .table-order .latest-orders thead tr th:nth-child(2) {
      min-width: 200px;
      padding: 20px 0px; }
    .table-order .latest-orders thead tr th:nth-child(3) {
      min-width: 130px;
      padding: 20px 0px; }
    .table-order .latest-orders thead tr th:nth-child(4) {
      min-width: 90px;
      padding: 20px 0px; }
    .table-order .latest-orders thead tr th:nth-child(5) {
      min-width: 50px; }
    .table-order .latest-orders thead tr th:first-child {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important; }
    .table-order .latest-orders thead tr th:last-child {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }

.table-order .latest-orders tbody tr {
  border-bottom: 1px solid #E6E9EB; }
  .table-order .latest-orders tbody tr td {
    padding-top: 17px;
    padding-bottom: 17px; }
    .table-order .latest-orders tbody tr td:nth-child(4) .badge {
      padding: 7px 18px; }
    .table-order .latest-orders tbody tr td:last-child {
      text-align: center; }
    .table-order .latest-orders tbody tr td p {
      color: var(--body-font-color);
      font-weight: 500; }
    .table-order .latest-orders tbody tr td .status-process {
      border-radius: 15px;
      padding: 12px; }
    .table-order .latest-orders tbody tr td:last-child .product-sub {
      text-align: center; }
  .table-order .latest-orders tbody tr:last-child {
    border: none; }
    .table-order .latest-orders tbody tr:last-child td {
      padding-bottom: 0px;
      overflow: hidden; }

.table-order .latest-orders tbody tr td a {
  color: #051A1A; }

.table-order .latest-orders tbody tr:hover td a {
  color: var(--theme-deafult) !important; }

.table-order .order-table thead {
  background-color: rgba(230, 233, 235, 0.3); }
  .table-order .order-table thead tr th {
    padding: 20px; }
    .table-order .order-table thead tr th:nth-child(1) {
      min-width: 190px; }
    .table-order .order-table thead tr th:nth-child(2) {
      min-width: 200px;
      padding: 20px 0px; }
    .table-order .order-table thead tr th:nth-child(3) {
      min-width: 130px;
      padding: 20px 0px; }
    .table-order .order-table thead tr th:nth-child(4) {
      min-width: 90px;
      padding: 20px 0px; }
    .table-order .order-table thead tr th:nth-child(5) {
      min-width: 50px; }
    .table-order .order-table thead tr th:first-child {
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important; }
    .table-order .order-table thead tr th:last-child {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }

.table-order .order-table tbody tr {
  border-bottom: 1px solid #E6E9EB; }
  .table-order .order-table tbody tr td {
    padding-top: 17px;
    padding-bottom: 17px; }
    .table-order .order-table tbody tr td:nth-child(4) .badge {
      padding: 9px 18px; }
    .table-order .order-table tbody tr td:last-child {
      text-align: center; }
    .table-order .order-table tbody tr td p {
      color: var(--body-font-color);
      font-weight: 500; }
    .table-order .order-table tbody tr td .status-process {
      border-radius: 15px;
      padding: 12px; }
    .table-order .order-table tbody tr td:last-child .product-sub {
      text-align: center; }
  .table-order .order-table tbody tr:last-child {
    border: none; }
    .table-order .order-table tbody tr:last-child td {
      padding-bottom: 0px; }

.table-order .order-table tbody tr td a {
  color: #051A1A; }

.table-order .order-table tbody tr:hover td .product-name .product-sub a {
  color: var(--theme-deafult) !important; }

.revenueproductwidget {
  margin: 230px 0px 0px 0px; }

.revenueproduct .apexcharts-canvas .apexcharts-legend {
  display: flex;
  flex-direction: column;
  gap: 5px; }

.revenueproduct .apexcharts-canvas .apexcharts-legend-marker {
  border-radius: 4px !important; }

.revenueproduct .apexcharts-canvas .apexcharts-legend-text {
  font-size: 14px !important; }

.widget-1 {
  background-image: url(/../images/dashboard/widget-bg.png);
  background-size: cover;
  margin-bottom: 25px; }
  .widget-1 i {
    font-weight: 700;
    font-size: 12px; }
  .widget-1 .f-w-500 {
    display: flex;
    align-items: center; }
    @media (max-width: 1580px) and (min-width: 1200px) {
      .widget-1 .f-w-500 {
        display: none; } }
  .widget-1 .card-body {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 18px 25px; }
    @media (max-width: 1720px) {
      .widget-1 .card-body {
        padding: 18px; } }
  .widget-1 .widget-round {
    position: relative;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-radius: 100%; }
    .widget-1 .widget-round .bg-round {
      width: 56px;
      height: 56px;
      box-shadow: 1px 2px 21px -2px rgba(214, 214, 227, 0.83);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      margin: 6px;
      position: relative;
      z-index: 1; }
      .widget-1 .widget-round .bg-round svg {
        width: 24px;
        height: 24px; }
      .widget-1 .widget-round .bg-round .half-circle {
        height: 52px;
        position: absolute;
        left: -9px;
        width: 35px;
        bottom: -8px;
        background: #fff;
        z-index: -1; }
      @media (max-width: 1600px) {
        .widget-1 .widget-round .bg-round {
          width: 40px;
          height: 40px; }
          .widget-1 .widget-round .bg-round svg {
            width: 22px;
            height: 22px; }
          .widget-1 .widget-round .bg-round .half-circle {
            height: 40px;
            left: -10px;
            width: 30px;
            bottom: -8px; } }
    .widget-1 .widget-round.primary {
      border-color: var(--theme-deafult); }
    .widget-1 .widget-round.secondary {
      border-color: var(--theme-secondary); }
    .widget-1 .widget-round.success {
      border-color: #00AC46; }
    .widget-1 .widget-round.warning {
      border-color: #FFAE1A; }
  .widget-1 .widget-content {
    display: flex;
    align-items: center;
    gap: 15px; }
    @media (max-width: 1600px) {
      .widget-1 .widget-content {
        gap: 10px; } }
    .widget-1 .widget-content h4 {
      margin-bottom: 4px; }
  .widget-1:hover {
    transform: translateY(-5px);
    transition: 0.5s; }
    .widget-1:hover .widget-round .svg-fill:not(.half-circle) {
      animation: tada 1.5s ease infinite; }

.widget-with-chart .card-body {
  align-items: center; }

.profile-box {
  background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%);
  color: #fff; }
  .profile-box .cartoon {
    position: absolute;
    bottom: -15px;
    right: 20px;
    animation: bounce-effect 5s infinite ease-in; }
    [dir="rtl"] .profile-box .cartoon {
      right: unset !important;
      left: 5px; }
    @media (max-width: 1660px) {
      .profile-box .cartoon {
        right: 30px;
        text-align: right; }
        [dir="rtl"] .profile-box .cartoon {
          left: -6px;
          text-align: left; }
        .profile-box .cartoon img {
          width: 80%; } }
    @media (max-width: 1500px) {
      .profile-box .cartoon img {
        width: 60%; } }
    @media (max-width: 767px) {
      .profile-box .cartoon {
        right: 10px; }
        [dir="rtl"] .profile-box .cartoon {
          left: -10px; }
        .profile-box .cartoon img {
          width: 52%; } }
    @media (max-width: 575px) {
      .profile-box .cartoon {
        right: 30px; }
        [dir="rtl"] .profile-box .cartoon {
          left: 10px; }
        .profile-box .cartoon img {
          width: 48%; } }
  .profile-box .greeting-user p {
    width: 60%; }
    @media (max-width: 1500px) {
      .profile-box .greeting-user p {
        width: 70%; } }
    @media (max-width: 1199px) {
      .profile-box .greeting-user p {
        width: 80%; } }
    @media (max-width: 767px) {
      .profile-box .greeting-user p {
        width: 98%; } }
    @media (max-width: 600px) {
      .profile-box .greeting-user p {
        width: 100%; } }
    @media (max-width: 575px) {
      .profile-box .greeting-user p {
        width: 98%; } }
  .profile-box .whatsnew-btn {
    margin-top: 3.5rem; }
    @media (max-width: 1500px) {
      .profile-box .whatsnew-btn {
        margin-top: 1.7rem; } }
    @media (max-width: 991px) {
      .profile-box .whatsnew-btn {
        margin-top: 3.5rem; } }
    @media (max-width: 638px) {
      .profile-box .whatsnew-btn {
        margin-top: 2rem; } }
    @media (max-width: 767px) {
      .profile-box .whatsnew-btn .btn {
        padding: 6px 10px; } }
.header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px; }
  .header-top a i {
    font-size: 11px;
    margin-bottom: -2px; }
  .header-top a.btn {
    padding: 8px 12px; }
    @media (max-width: 575px) {
      .header-top a.btn {
        padding: 5px; } }
    .header-top a.btn.badge-light-primary:hover {
      background-color: var(--theme-deafult); }

.user-details {
  display: flex;
  align-items: center;
  gap: 15px; }
  @media (max-width: 1399px) {
    .user-details {
      gap: 6px; } }
  .user-details .customers {
    width: 200px; }
  @media (max-width: 575px) {
    .user-details {
      flex-wrap: wrap; } }
.papernote-wrap .banner-img {
  border-radius: 15px;
  width: 100%; }

.papernote-wrap .note-labels {
  display: flex;
  align-items: center; }
  .papernote-wrap .note-labels > * {
    padding: 3px 0; }
  .papernote-wrap .note-labels ul {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap; }
    @media (max-width: 575px) {
      .papernote-wrap .note-labels ul {
        gap: 4px; } }
  .papernote-wrap .note-labels .badge {
    font-size: 14px;
    padding: 6px 12px; }
    @media (max-width: 575px) {
      .papernote-wrap .note-labels .badge {
        font-size: 12px;
        padding: 5px 6px; } }
  .papernote-wrap .note-labels .last-label {
    padding-left: 16px;
    margin-left: 16px;
    border-left: 1px dashed rgba(255, 255, 255, 0.7); }
    [dir="rtl"] .papernote-wrap .note-labels .last-label {
      padding-left: unset;
      margin-left: unset;
      margin-right: 16px;
      padding-right: 16px;
      border-left: none;
      border-right: 1px dashed rgba(255, 255, 255, 0.7); }
    @media (max-width: 575px) {
      .papernote-wrap .note-labels .last-label {
        padding-left: 8px;
        margin-left: 8px; }
        [dir="rtl"] .papernote-wrap .note-labels .last-label {
          margin-right: 8px;
          padding-right: 8px; } }
.papernote-wrap .light-card {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--light2);
  border: 1px solid rgba(255, 255, 255, 0.2); }

.appointment-sec .card-header-right-icon select {
  background-color: rgba(0, 102, 102, 0.08) !important;
  border: none;
  color: var(--theme-deafult) !important;
  width: auto !important;
  height: 32px !important;
  border-radius: 10px;
  padding: 5px 10px;
  line-height: 50px !important;
  font-weight: 500;
  border: none;
  outline: none !important; }
  .appointment-sec .card-header-right-icon select:hover {
    background-color: rgba(0, 102, 102, 0.08) !important;
    color: var(--theme-deafult) !important; }

.appointment-sec .bottom-btn {
  text-align: center; }
  .appointment-sec .bottom-btn a {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.3px;
    text-decoration-line: underline;
    text-transform: uppercase; }

.notification ul {
  position: relative; }
  .notification ul::before {
    position: absolute;
    content: "";
    border: 1px dashed #E6E9EB;
    opacity: 0.3;
    top: 12px;
    left: 2px;
    height: calc(100% - 12px); }
    [dir="rtl"] .notification ul::before {
      left: unset;
      right: 2px; }

.notification li {
  padding-bottom: 22px; }

.notification div[class*="activity-dot-"] {
  margin-top: 12px;
  animation: round 1.3s ease-in-out infinite; }

.notification .card .d-flex .w-100 p .badge {
  color: #fff;
  margin-left: 10px;
  font-weight: 500; }

.notification .card .d-flex .w-100 h6 {
  margin-bottom: 5px;
  position: relative; }
  .notification .card .d-flex .w-100 h6 ~ p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-emphasis: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 260px; }
    @media (max-width: 767px) {
      .notification .card .d-flex .w-100 h6 ~ p {
        -webkit-line-clamp: unset;
        text-emphasis: unset;
        white-space: unset;
        text-overflow: unset;
        display: block;
        width: unset;
        overflow: visible; } }
@keyframes round {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.notification .card .d-flex .w-100 span {
  color: #FFFFFF; }

.notification .card .d-flex:nth-child(2) .media-body h6 .dot-notification {
  background-color: #FFAE1A;
  border: 5px solid #ffe4b3; }

.notification .card .d-flex:last-child {
  margin-bottom: 0 !important; }

.notification .date-content {
  padding: 4px 8px;
  border-radius: 5px; }

.schedule-container > div {
  margin-bottom: -40px; }

.schedule-container svg path {
  clip-path: inset(1% 0% 0% 0% round 1.5rem); }

.purchase-card {
  text-align: center;
  margin-top: 200px; }
  @media (max-width: 1560px) {
    .purchase-card {
      margin-top: 170px; } }
  @media (max-width: 1399px) {
    .purchase-card {
      margin-top: 160px; } }
  @media (max-width: 500px) {
    .purchase-card {
      margin-top: 110px; } }
  @media (max-width: 420px) {
    .purchase-card {
      margin-top: 90px; } }
  .purchase-card img {
    margin-top: -208px; }
    @media (max-width: 1560px) {
      .purchase-card img {
        margin-top: -170px; } }
    @media (max-width: 1399px) {
      .purchase-card img {
        width: 70%;
        margin: -160px auto 0 auto; } }
    @media (max-width: 1366px) {
      .purchase-card img {
        width: 76%; } }
    @media (max-width: 1199px) {
      .purchase-card img {
        width: 86%; } }
    @media (max-width: 991px) {
      .purchase-card img {
        width: 72%; } }
    @media (max-width: 767px) {
      .purchase-card img {
        width: 50%; } }
    @media (max-width: 500px) {
      .purchase-card img {
        margin-top: -110px; } }
    @media (max-width: 420px) {
      .purchase-card img {
        margin-top: -90px;
        width: 60%; } }
  .purchase-card .purchase-btn {
    min-width: auto; }

.user-list {
  column-count: 2;
  column-rule-style: dashed;
  column-rule-color: rgba(255, 255, 255, 0.7);
  column-gap: 120px;
  column-rule-width: 1px; }
  @media (max-width: 1780px) {
    .user-list {
      column-gap: 80px; } }
  @media (max-width: 1660px) {
    .user-list {
      column-gap: 40px; } }
  @media (max-width: 360px) {
    .user-list {
      column-gap: 25px; } }
  .user-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%; }
    @media (max-width: 1540px) {
      .user-list li {
        gap: 5px; } }
    .user-list li i {
      font-size: 12px;
      font-weight: 700; }
    @media (max-width: 360px) {
      .user-list li h5 {
        font-size: 16px; } }
    @media (max-width: 360px) {
      .user-list li span {
        font-size: 13px; } }
    .user-list li:hover .user-box svg {
      animation: tada 1.5s ease infinite; }
  .user-list .user-icon {
    border-radius: 100%;
    display: inline-block; }
    .user-list .user-icon .user-box {
      margin: 3px;
      width: 47px;
      height: 47px;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 1540px) {
        .user-list .user-icon .user-box {
          width: 30px;
          height: 30px; }
          .user-list .user-icon .user-box svg {
            width: 18px;
            height: 18px; } }
    .user-list .user-icon.primary {
      border: 1px solid #006666; }
      .user-list .user-icon.primary .user-box {
        background: #00e6e6; }
    .user-list .user-icon.success {
      border: 1px solid #00AC46; }
      .user-list .user-icon.success .user-box {
        background: #79ffb0; }

.appointment-table table tr td {
  position: relative;
  border-top: none;
  padding: 15px 0;
  vertical-align: middle; }
  .appointment-table table tr td:first-child {
    width: 50px; }
  .appointment-table table tr td .status-circle {
    top: 1px;
    left: 35px;
    border-width: 3px; }
  .appointment-table table tr td p,
  .appointment-table table tr td .btn {
    font-weight: 500;
    font-size: 12px; }
  .appointment-table table tr td .btn {
    padding: 4px 12px; }

.appointment-table table tr .img-content-box a {
  color: var(--body-font-color);
  transition: 0.5s;
  display: inline-block !important; }

.appointment-table table tr .img-content-box span {
  display: block; }

.appointment-table table tr:hover .img-content-box a {
  color: var(--theme-deafult);
  transition: 0.5s; }

.appointment-table table tr:first-child td {
  padding-top: 0 !important; }

.appointment-table table tr:last-child td {
  padding-bottom: 0 !important; }

.appointment-table.customer-table table tr td {
  padding: 10px 0; }
  .appointment-table.customer-table table tr td img {
    min-width: 40px; }

.icon-box {
  width: 50px;
  height: 32px;
  background-color: rgba(0, 102, 102, 0.08);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .icon-box i {
    color: var(--theme-deafult);
    font-size: 22px; }
  .icon-box svg {
    stroke: var(--theme-deafult); }

.balance-card {
  display: flex;
  padding: 15px;
  border-radius: 5px;
  gap: 15px;
  transition: 0.5s; }
  @media (max-width: 1199px) {
    .balance-card {
      gap: 8px; } }
  .balance-card .svg-box {
    width: 43px;
    height: 43px;
    background: #fff;
    box-shadow: 0px 71.2527px 51.5055px rgba(229, 229, 245, 0.189815), 0px 42.3445px 28.0125px rgba(229, 229, 245, 0.151852), 0px 21.9866px 14.2913px rgba(229, 229, 245, 0.125), 0px 8.95749px 7.16599px rgba(229, 229, 245, 0.0981481), 0px 2.03579px 3.46085px rgba(229, 229, 245, 0.0601852);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 1199px) {
      .balance-card .svg-box {
        width: 35px;
        height: 35px; } }
    .balance-card .svg-box svg {
      height: 20px;
      fill: rgba(255, 255, 255, 0.85); }
      @media (max-width: 1199px) {
        .balance-card .svg-box svg {
          height: 17px; } }
.btn-light-secondary {
  background-color: rgba(var(--theme-secondary), 0.1);
  font-size: 12px;
  padding: 6px 12px;
  font-weight: 600; }

.crm-activity > li + li {
  border-top: 1px solid #efefef;
  margin-top: 10px;
  padding-top: 10px; }
  .crm-activity > li + li h6 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px; }

.crm-activity > li h6 {
  font-size: 14px; }

.crm-activity span {
  font-size: 40px; }

.crm-activity ul.dates h6 {
  color: #051A1A; }

.crm-activity ul.dates li {
  color: #FFFFFF;
  font-size: 12px;
  display: inline-block;
  line-height: 1; }
  .crm-activity ul.dates li + li {
    border-left: 1px solid #efefef;
    padding-left: 10px;
    margin-left: 5px; }

.fill-primary {
  fill: #006666; }

.fill-secondary {
  fill: #FE6A49; }

.fill-success {
  fill: #00AC46; }

.fill-warning {
  fill: #FFAE1A; }

.fill-info {
  fill: #173878; }

.fill-danger {
  fill: #FE6A49; }

.ecommerce-widget {
  box-shadow: none;
  border: 1px solid #f1f3ff !important;
  border-radius: 5px; }
  .ecommerce-widget .total-num {
    color: #051A1A;
    margin: 0;
    letter-spacing: 1px; }
    .ecommerce-widget .total-num span {
      color: #000; }
  .ecommerce-widget .row {
    align-items: center; }
  .ecommerce-widget .progress-showcase {
    margin-top: 30px; }
  .ecommerce-widget span {
    color: #FFFFFF;
    margin: 0;
    cursor: pointer; }
  .ecommerce-widget .icon {
    color: #efefef;
    font-size: 40px; }
  .ecommerce-widget .flot-chart-container {
    height: 100px;
    padding: 0;
    margin: 0;
    border: transparent; }
  .ecommerce-widget .morris-default-style {
    display: none !important; }
  .ecommerce-widget svg {
    -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3)); }

.redial-social-widget {
  border-radius: 100%;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  margin: 0 auto;
  background-image: linear-gradient(90deg, #E6E9EB 50%, transparent 50%, transparent), linear-gradient(90deg, #ecf3fa 50%, #E6E9EB 50%, #E6E9EB); }
  .redial-social-widget i {
    background-color: #fff;
    height: 80px;
    width: 80px;
    border-radius: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; }
  .redial-social-widget.radial-bar-70 {
    background-image: linear-gradient(342deg, var(--theme-deafult) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--theme-deafult) 50%, #E6E9EB 50%, #E6E9EB); }

.browser-widget:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  transition: all 0.3s ease;
  transform: scale(1.1) rotate(5deg); }

.browser-widget img {
  height: 80px;
  filter: grayscale(100%);
  transform: scale(1) rotate(0deg);
  transition: all 0.3s ease; }

.browser-widget .media-body {
  text-align: center;
  column-count: 3;
  column-rule: 1px solid #E6E9EB; }
  .browser-widget .media-body p {
    margin-bottom: 5px; }
  .browser-widget .media-body span {
    margin-bottom: 0;
    color: #FFFFFF; }
  .browser-widget .media-body h4 {
    color: #051A1A;
    margin-bottom: 0;
    font-size: 18px; }
    .browser-widget .media-body h4 span {
      color: #333333; }

.testimonial i {
  font-size: 60px;
  color: rgba(43, 43, 43, 0.7);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.1;
  z-index: -1; }

.testimonial p {
  color: #FFFFFF;
  font-style: italic;
  margin-bottom: 30px;
  margin-top: 30px; }

.testimonial h5 {
  color: #051A1A;
  padding-top: 10px; }

.testimonial span {
  color: #FFFFFF; }

.testimonial img {
  margin: 0 auto; }

.widget-charts .widget-1 .card-body {
  padding: 30px 25px; }

.chart-widget-top #chart-widget1,
.chart-widget-top #chart-widget2,
.chart-widget-top #chart-widget3 {
  margin-bottom: -14px; }
  .chart-widget-top #chart-widget1 .apexcharts-xaxistooltip,
  .chart-widget-top #chart-widget2 .apexcharts-xaxistooltip,
  .chart-widget-top #chart-widget3 .apexcharts-xaxistooltip {
    display: none; }

.chart-widget-top span {
  color: #6C757D; }

.bar-chart-widget .apexcharts-legend {
  bottom: 0 !important; }
  .bar-chart-widget .apexcharts-legend .apexcharts-legend-series {
    margin: 0 10px !important; }
  .bar-chart-widget .apexcharts-legend .apexcharts-legend-marker {
    margin-right: 5px; }

.bar-chart-widget .top-content {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.bar-chart-widget .earning-details {
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  display: flex;
  letter-spacing: 1px; }
  .bar-chart-widget .earning-details i {
    font-size: 230px;
    position: absolute;
    opacity: 0.1;
    right: -30px;
    top: 0; }
    .bar-chart-widget .earning-details i:hover {
      transform: rotate(-5deg) scale(1.1);
      transition: all 0.3s ease; }

.bar-chart-widget .num {
  font-weight: 600; }
  .bar-chart-widget .num .color-bottom {
    color: #000; }

.skill-chart {
  margin-bottom: -48px; }
  .skill-chart .apexcharts-legend .apexcharts-legend-series span {
    display: block; }
  .skill-chart .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text {
    margin: 10px 0 20px; }

.progress-chart {
  margin: -11px 0 -20px; }
  .progress-chart .apexcharts-canvas svg path,
  .progress-chart .apexcharts-canvas svg rect {
    clip-path: inset(1% 0% 0% 0% round 1rem); }

.bottom-content span {
  color: #FFFFFF; }

.bottom-content .block-bottom {
  display: block; }

@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -30px; } }

@-webkit-keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0; }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px; } }

@keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0; }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px; } }

@-webkit-keyframes am-draw {
  0% {
    stroke-dashoffset: 500%; }
  100% {
    stroke-dashoffset: 0; } }

@keyframes am-draw {
  0% {
    stroke-dashoffset: 500%; }
  100% {
    stroke-dashoffset: 0; } }

.serial-chart .chart-container {
  width: 100%;
  height: 500px; }
  .serial-chart .chart-container .lastBullet {
    animation: am-pulsating 1s ease-out infinite; }
  .serial-chart .chart-container .amcharts-graph-column-front {
    transition: all .3s .3s ease-out; }
    .serial-chart .chart-container .amcharts-graph-column-front:hover {
      fill: var(--theme-secondary);
      stroke: var(--theme-secondary);
      transition: all .3s ease-out; }
  .serial-chart .chart-container .amcharts-graph-g3 {
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    animation: am-draw 40s; }
  .serial-chart .chart-container .amcharts-graph-g2 .amcharts-graph-stroke {
    stroke-dasharray: 3px 3px;
    stroke-linejoin: round;
    stroke-linecap: round;
    animation: am-moving-dashes 1s linear infinite; }

.chart-container .apexcharts-xaxis-label,
.chart-container .apexcharts-yaxis-label {
  font-size: 14px !important;
  color: #6C757D !important; }

.chart-container .apexcharts-xaxis-annotations rect {
  clip-path: inset(1% 0% 0% 0% round 0.2rem); }

.crypto-chart {
  margin-left: -20px; }
  .crypto-chart .apexcharts-tooltip-title {
    display: none; }
  .crypto-chart .apexcharts-tooltip-series-group:last-child, .crypto-chart .apexcharts-tooltip-series-group.active {
    padding-bottom: 0; }

.speed-chart .chart-container {
  width: 100%;
  height: 530px; }

.speed-chart .content {
  margin-top: -200px;
  margin-bottom: 20px; }
  .speed-chart .content h4 {
    font-weight: 600;
    padding-top: 2px; }

.status-widget svg {
  width: 20px;
  height: 20px;
  vertical-align: text-top; }

.status-widget .card .card-header h5 {
  line-height: 1.38; }

.status-widget .status-chart {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden; }

.small-chart-widget .chart-container {
  height: 311px;
  padding: 0;
  margin: 0;
  border: none; }

.small-chart-widget .card .card-body {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }

.donut-chart-widget .chart-container {
  height: 300px;
  border: 0;
  margin: 0;
  padding: 0; }

.status-details h4 {
  font-weight: 600; }
  .status-details h4 span {
    color: inherit; }

.status-details span {
  color: #FFFFFF; }

.status-chart .chart-container {
  height: 200px;
  border: 0;
  padding: 0;
  margin: 0; }

.map-chart .chart-container {
  width: 100%;
  height: 500px; }

.serial-chart {
  width: 100%; }

.live-products,
.turnover,
.uses,
.monthly {
  height: 300px; }

.live-products .ct-series-a .ct-area,
.live-products .ct-series-a .ct-point,
.live-products .ct-series-a .ct-line,
.live-products .ct-series-a .ct-bar,
.live-products .ct-series-a .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.77); }

.live-products .ct-label {
  fill: #fff;
  color: #fff; }

.live-products .ct-grid {
  stroke: rgba(255, 255, 255, 0.7); }

.turnover .ct-series-a .ct-area,
.turnover .ct-series-a .ct-point,
.turnover .ct-series-a .ct-line,
.turnover .ct-series-a .ct-bar,
.turnover .ct-series-a .ct-slice-donut,
.uses .ct-series-a .ct-area,
.uses .ct-series-a .ct-point,
.uses .ct-series-a .ct-line,
.uses .ct-series-a .ct-bar,
.uses .ct-series-a .ct-slice-donut,
.monthly .ct-series-a .ct-area,
.monthly .ct-series-a .ct-point,
.monthly .ct-series-a .ct-line,
.monthly .ct-series-a .ct-bar,
.monthly .ct-series-a .ct-slice-donut {
  stroke: white;
  fill: transparent; }

.turnover .ct-series-b .ct-area,
.turnover .ct-series-b .ct-point,
.turnover .ct-series-b .ct-line,
.turnover .ct-series-b .ct-bar,
.turnover .ct-series-b .ct-slice-donut,
.uses .ct-series-b .ct-area,
.uses .ct-series-b .ct-point,
.uses .ct-series-b .ct-line,
.uses .ct-series-b .ct-bar,
.uses .ct-series-b .ct-slice-donut,
.monthly .ct-series-b .ct-area,
.monthly .ct-series-b .ct-point,
.monthly .ct-series-b .ct-line,
.monthly .ct-series-b .ct-bar,
.monthly .ct-series-b .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.7);
  fill: transparent; }

.turnover .ct-series-c .ct-area,
.turnover .ct-series-c .ct-point,
.turnover .ct-series-c .ct-line,
.turnover .ct-series-c .ct-bar,
.turnover .ct-series-c .ct-slice-donut,
.uses .ct-series-c .ct-area,
.uses .ct-series-c .ct-point,
.uses .ct-series-c .ct-line,
.uses .ct-series-c .ct-bar,
.uses .ct-series-c .ct-slice-donut,
.monthly .ct-series-c .ct-area,
.monthly .ct-series-c .ct-point,
.monthly .ct-series-c .ct-line,
.monthly .ct-series-c .ct-bar,
.monthly .ct-series-c .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.4);
  fill: transparent; }

.turnover .ct-label,
.uses .ct-label,
.monthly .ct-label {
  fill: #fff;
  color: #fff; }

.turnover .ct-grid,
.uses .ct-grid,
.monthly .ct-grid {
  stroke: rgba(255, 255, 255, 0.7); }

#draggableMultiple .ui-sortable-handle .card {
  cursor: move; }

.tilt-showcase ul li .line {
  padding-top: 10px; }

.tilt-showcase .pre-mt {
  margin-top: 5px; }

.wow-title h5 {
  display: flex;
  align-items: center;
  font-size: 18px; }
  .wow-title h5 .badge {
    -webkit-text-fill-color: #fff; }

.alert-center {
  display: flex !important;
  align-items: center; }

.box-shadow-title .sub-title {
  margin: 30px 0; }

.hovercard .info .social-media ul li {
  padding-top: 3px; }

.hovercard .cardheader {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.sticky-header-main .card .card-header h5 {
  line-height: 35px; }
  .sticky-header-main .card .card-header h5 a {
    color: #fff;
    -webkit-text-fill-color: #fff; }

.custom-radio-ml {
  margin-left: 3px; }

.twitter-typeahead {
  display: block !important; }

span.twitter-typeahead .league-name {
  font-size: 16px;
  padding: 6px 10px 0; }

span.twitter-typeahead .tt-menu {
  float: left;
  width: 100%;
  min-width: 10rem;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0; }

span.twitter-typeahead .tt-suggestion {
  color: #2b2b2b;
  opacity: 0.6;
  font-size: 13px;
  padding: 6px 12px;
  border-top: 1px solid #efefef;
  background: #fff;
  cursor: pointer; }
  span.twitter-typeahead .tt-suggestion:hover, span.twitter-typeahead .tt-suggestion:focus {
    background-color: #fff; }
  span.twitter-typeahead .tt-suggestion.active, span.twitter-typeahead .tt-suggestion:active {
    color: #fff;
    background-color: var(--theme-deafult); }

#scrollable-dropdown-menu .twitter-typeahead .tt-menu .tt-dataset {
  max-height: 100px;
  overflow-y: auto; }

.chart-right {
  position: relative; }

.balance-data {
  display: flex;
  gap: 7px; }
  [dir="rtl"] .balance-data {
    right: unset;
    left: 2%; }
  @media (max-width: 991px) {
    .balance-data {
      top: -42px;
      right: -65%; }
      [dir="rtl"] .balance-data {
        left: -65%; } }
  @media (max-width: 575px) {
    .balance-data {
      display: none; } }
  .balance-data li {
    display: flex;
    align-items: center;
    font-weight: 500; }
  .balance-data .circle {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%; }

.current-sale-container {
  padding-right: 12px; }
  [dir="rtl"] .current-sale-container {
    padding-right: unset;
    padding-left: 12px; }
  .current-sale-container > div {
    margin: -22px 0 -30px -16px; }
    @media (max-width: 1199px) {
      .current-sale-container > div {
        margin-bottom: 0; } }
    @media (max-width: 404px) {
      .current-sale-container > div {
        margin-bottom: -30px; } }
  .current-sale-container .apexcharts-xaxistooltip {
    color: var(--theme-deafult);
    background: rgba(0, 102, 102, 0.1);
    border: 1px solid var(--theme-deafult); }
  .current-sale-container .apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: var(--theme-deafult); }
  .current-sale-container .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: rgba(0, 102, 102, 0.1);
    color: var(--theme-deafult); }
  @media (max-width: 575px) {
    .current-sale-container.order-container {
      padding-right: 0; }
      [dir="rtl"] .current-sale-container.order-container {
        padding-left: 0; } }
  @media (max-width: 404px) {
    .current-sale-container.order-container > div {
      margin-bottom: 0; } }
.recent-circle {
  min-width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  margin-top: 5px; }

.recent-wrapper {
  align-items: center; }
  .recent-wrapper .order-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px; }
    @media (max-width: 1199px) {
      .recent-wrapper .order-content {
        gap: 20px; } }
    @media (max-width: 575px) {
      .recent-wrapper .order-content {
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row; } }
    .recent-wrapper .order-content li {
      display: flex;
      align-items: flex-start;
      gap: 8px; }
  @media (max-width: 1660px) {
    .recent-wrapper .recent-chart .apexcharts-canvas .apexcharts-datalabel-label {
      font-size: 15px; } }
  @media (max-width: 1560px) and (min-width: 1400px) {
    .recent-wrapper > div {
      width: 100%; } }
  @media (max-width: 1560px) and (min-width: 1400px) {
    .recent-wrapper > div:last-child {
      display: none; } }
.apexcharts-series.apexcharts-radial-series {
  position: relative; }
  .apexcharts-series.apexcharts-radial-series::after {
    position: absolute;
    content: '';
    background: linear-gradient(0deg, #FFFFFF 0.05%, #F4F4F4 19.91%, #F5F6F9 55.02%, #EAECF4 100%);
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    top: 0;
    left: 0; }

.card-block .table-responsive .table caption {
  padding-left: 10px; }

.card-block .table-responsive .table-bordered td {
  vertical-align: middle; }

.card-block .table-border-radius {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.card-block .default-checkbox-align #checkbox1 {
  margin-right: 10px; }

.card-block .default-checkbox-align #radio {
  margin-right: 5px; }

#example-style-3_wrapper #example-style-3 tfoot {
  border-top: 2px solid #efefef; }

.chart-vertical-center {
  display: flex;
  justify-content: center; }
  .chart-vertical-center #myDoughnutGraph,
  .chart-vertical-center #myPolarGraph {
    width: auto !important; }

.cke_focus {
  padding: 15px;
  margin-top: 13px; }

#editor .ace_scroller .ace_content .ace_layer .ace_print-margin {
  visibility: hidden !important; }

.helper-classes {
  padding: 30px;
  margin-bottom: 0;
  white-space: pre-line; }

.starter-kit-fix .page-body {
  margin-bottom: 52px; }

.starter-main .card-body p {
  font-size: 14px; }

.starter-main .card-body ul {
  padding-left: 30px;
  list-style-type: disc;
  margin-bottom: 15px; }

.starter-main .card-body h5 {
  font-size: 18px; }

.starter-main .card-body pre {
  white-space: pre-line;
  padding: 30px; }

.starter-main .card-body .alert-primary.inverse:before {
  top: 32px; }

.starter-main .alert {
  background-color: rgba(0, 102, 102, 0.2) !important; }
  .starter-main .alert i {
    display: flex;
    align-items: center; }

footer.blockquote-footer {
  bottom: unset; }

@media only screen and (max-width: 767px) {
  .ecommerce-banner {
    height: 210px; }
  .footer-fix .pull-right {
    float: none !important;
    text-align: center !important; } }

@media only screen and (max-width: 991px) {
  .notification li {
    padding-bottom: 20px; }
  .notification .card .card-body .d-flex .w-100 p {
    margin: 0; }
  .notification .card .card-body .d-flex .w-100 h6 {
    margin-top: 10px; } }

@media only screen and (max-width: 575px) {
  .notification li {
    padding-bottom: 15px; }
  .media-dropdown {
    display: block; }
    .media-dropdown .media-body {
      margin-bottom: 15px; }
  .total-chart span {
    font-size: 12px !important; } }

@media only screen and (max-width: 360px) {
  .footer {
    padding-left: 0 !important;
    padding-right: 0 !important; }
    .footer p {
      font-size: 12px; }
  .appointment-table table tr td {
    min-width: 103px; }
    .appointment-table table tr td:first-child {
      min-width: 50px; }
    .appointment-table table tr td:nth-child(2) {
      min-width: 120px; } }

@media (max-width: 425px) {
  .sales-chart .sales-chart-dropdown-select .card-header-right-icon.online-store .dropdown {
    display: none; }
  .search-form input {
    padding-left: 50px; } }

@media (max-width: 1399px) {
  .special-Offer h4 {
    font-size: 18px; }
  .special-Offer .offer-contain p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal; }
  .total-chart .data-grow span {
    display: none !important; }
  .total-chart .data-grow svg {
    display: none !important; }
  .total-revenue span {
    font-size: 12px; }
  .total-revenue a {
    display: none !important; }
  .total-revenue span {
    font-size: 12px; }
  .total-revenue a {
    display: none !important; }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: block !important; }
  .table-order .latest-orders thead tr th:last-child {
    display: block !important; }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: block !important; }
  .table-order .latest-orders tbody tr td:last-child {
    display: block !important; }
  .table-order .order-table thead tr th:nth-child(4) {
    display: block; }
  .total-chart span {
    font-size: 15px;
    font-weight: 500 !important; } }

@media (max-width: 1299px) {
  .special-Offer h4 {
    font-size: 16px; } }

@media (max-width: 1199px) {
  .special-Offer h4 {
    font-size: 18px; }
  .total-chart .data-grow span {
    display: block !important; }
  .total-chart .data-grow svg {
    display: block !important; }
  .total-revenue a {
    display: block !important; }
  .total-revenue a {
    display: block !important; } }

@media (max-width: 1599px) {
  .table-order .latest-orders thead tr th:nth-child(2) {
    min-width: 186px; }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: none; }
  .table-order .latest-orders thead tr th:last-child {
    display: none; }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: none; }
  .table-order .latest-orders tbody tr td:last-child {
    display: none; }
  .revenueproduct {
    margin-bottom: -0px; }
    .revenueproduct .apexcharts-canvas .apexcharts-legend {
      display: none; }
  .card .card-body .product-costing .costing-span {
    font-size: 10px;
    font-weight: 400; }
  .card .card-body .product-costing .product-icon {
    height: 40px;
    width: 40px; }
    .card .card-body .product-costing .product-icon svg {
      height: 20px;
      margin: 10px;
      width: 21px; } }

@media (max-width: 1799px) {
  .balance-data li:last-child {
    display: none !important; }
  .total-chart .data-grow span {
    max-width: 235px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; } }

@media (max-width: 1865px) {
  .table-order .order-table thead tr th:nth-child(2) {
    min-width: 115px !important; }
  .table-order .order-table thead tr th:nth-child(3) {
    min-width: 80px !important; }
  .table-order .order-table thead tr th:nth-child(4) {
    display: none !important; }
  .table-order .order-table tbody tr td:nth-child(4) {
    display: none !important; }
  .table-order .latest-orders thead tr th:nth-child(3) {
    display: none; }
  .table-order .latest-orders tbody tr td:nth-child(3) {
    display: none; } }

/**=====================
  3.13 Dashboard_default CSS Ends
==========================**/
/**=====================
  3.14 Ecommerce CSS Start
==========================**/
/**====== Product Start ======**/
.toggle-data {
  cursor: pointer; }

.filter-block ul li {
  padding-top: 15px; }
  .filter-block ul li a {
    color: var(--body-font-color); }
  @media (max-width: 1500px) {
    .filter-block ul li {
      padding-top: 10px; } }
.collection-filter-block svg {
  width: 50px;
  height: 25px;
  stroke: var(--theme-deafult);
  margin-right: 10px; }

.collection-filter-block h5 {
  margin-bottom: 0;
  font-size: 16px; }

.collection-filter-block p {
  font-size: 13px; }

.collection-filter-block .media-body {
  opacity: 0.5; }

.collection-filter-block li + li {
  margin-top: 16px; }

.collection-filter-block ul.pro-services li svg {
  width: auto; }

.qty-box .btn {
  background-color: transparent !important;
  border-color: #ecf3fa !important;
  padding: 8px 12px; }
  .qty-box .btn i {
    color: #898989; }
  .qty-box .btn svg {
    width: 14px !important;
    stroke: #2c323f; }

.qty-box span {
  padding: 0 4px; }

.qty-box .input-group {
  background-color: rgba(44, 50, 63, 0.1); }

.qty-box input {
  background-color: rgba(44, 50, 63, 0.1);
  color: #2c323f;
  max-width: 44px;
  padding: 0;
  text-align: center;
  border: none;
  max-height: 37px; }

.product-social li a {
  color: #898989;
  font-size: 15px;
  border: 1px solid #E6E9EB;
  border-radius: 100%;
  height: 35px;
  width: 35px;
  display: inline-block;
  text-align: center;
  line-height: 2.3;
  transition: all 0.3s ease; }
  .product-social li a:hover {
    border-color: #006666;
    color: #006666;
    background-color: rgba(0, 102, 102, 0.1);
    transition: all 0.3s ease; }

.product-social li:nth-child(n+2) {
  margin-left: 10px; }
  [dir="rtl"] .product-social li:nth-child(n+2) {
    margin-left: unset;
    margin-right: 10px; }

.product-sidebar .filter-section .card .card-header {
  padding: 16px 30px;
  border-radius: 5px; }
  .product-sidebar .filter-section .card .card-header h6 {
    position: relative; }
    .product-sidebar .filter-section .card .card-header h6 .pull-right i {
      position: absolute;
      top: 4px;
      left: 0;
      font-size: 10px;
      width: 100%;
      height: 10px;
      text-align: right;
      cursor: pointer; }

.product-wrapper .product-sidebar .filter-section .card .left-filter {
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: 0.3s;
  min-width: 320px; }
  .product-wrapper .product-sidebar .filter-section .card .left-filter .product-filter .irs-with-grid {
    margin-bottom: 15px; }

.product-wrapper .product-grid .product-wrapper-grid {
  margin-left: 0;
  transition: 0.3s; }

.product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
  z-index: 3;
  opacity: 1;
  visibility: visible;
  position: absolute;
  width: 100%;
  background-color: white;
  top: 53px;
  height: auto; }

.d-none-productlist {
  display: none; }
  .d-none-productlist svg {
    vertical-align: middle;
    cursor: pointer; }

.product-wrapper-grid.list-view .product-box {
  display: flex;
  align-items: center; }
  .product-wrapper-grid.list-view .product-box .product-img {
    width: 20%; }
  .product-wrapper-grid.list-view .product-box .product-details {
    text-align: left; }

.slider-product {
  padding: 15px 0;
  border-top: 1px solid #E6E9EB;
  border-bottom: 1px solid #E6E9EB;
  margin-bottom: 15px; }

.products-total {
  display: flex;
  align-items: center; }

.grid-options {
  height: 33px;
  margin-left: 10px; }
  .grid-options ul li a {
    position: relative; }
    .grid-options ul li a .line-grid {
      position: absolute;
      width: 4px;
      height: 15px;
      top: 9px; }
    .grid-options ul li a .line-grid-1 {
      left: 12px; }
    .grid-options ul li a .line-grid-2 {
      left: 18px; }
    .grid-options ul li a .line-grid-3 {
      left: 36px; }
    .grid-options ul li a .line-grid-4 {
      left: 42px; }
    .grid-options ul li a .line-grid-5 {
      left: 48px; }
    .grid-options ul li a .line-grid-6 {
      left: 66px; }
    .grid-options ul li a .line-grid-7 {
      left: 72px; }
    .grid-options ul li a .line-grid-8 {
      left: 78px; }
    .grid-options ul li a .line-grid-9 {
      left: 84px; }
    .grid-options ul li a .line-grid-10 {
      left: 103px; }
    .grid-options ul li a .line-grid-11 {
      left: 109px; }
    .grid-options ul li a .line-grid-12 {
      left: 115px; }
    .grid-options ul li a .line-grid-13 {
      left: 121px; }
    .grid-options ul li a .line-grid-14 {
      left: 127px; }
    .grid-options ul li a .line-grid-15 {
      left: 133px; }

.square-product-setting {
  height: 36px;
  vertical-align: middle; }
  .square-product-setting a {
    color: #051A1A; }
  .square-product-setting .icon-grid {
    padding: 7px;
    background-color: #fff;
    display: flex;
    align-items: center;
    margin: 0 10px; }
    .square-product-setting .icon-grid svg {
      width: 20px;
      height: 20px; }

.product-filter .banner-product {
  margin-top: 15px; }

.product-filter h6 {
  margin-bottom: 15px; }

.product-filter .color-selector {
  line-height: 0.9; }
  .product-filter .color-selector ul li {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #444;
    border-radius: 100%;
    cursor: pointer; }
    .product-filter .color-selector ul li.white {
      background-color: #fff; }
    .product-filter .color-selector ul li.gray {
      background-color: #FFFFFF; }
    .product-filter .color-selector ul li.black {
      background-color: #000; }
    .product-filter .color-selector ul li.orange {
      background-color: #ffb17a; }
    .product-filter .color-selector ul li.green {
      background-color: #6fb866; }
    .product-filter .color-selector ul li.pink {
      background-color: pink; }
    .product-filter .color-selector ul li.yellow {
      background-color: #f2f896; }
    .product-filter .color-selector ul li.blue {
      background-color: #63b4f2; }
    .product-filter .color-selector ul li.red {
      background-color: #ff647f; }

.product-filter.new-products {
  margin-top: 20px; }
  .product-filter.new-products button {
    width: auto; }
  .product-filter.new-products .owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    top: -46px;
    right: 0; }
    .product-filter.new-products .owl-theme .owl-nav button:focus {
      outline: transparent; }
    .product-filter.new-products .owl-theme .owl-nav button span {
      font-size: 20px; }
      .product-filter.new-products .owl-theme .owl-nav button span:focus {
        outline-color: transparent; }
  .product-filter.new-products .owl-theme .owl-nav [class*='owl-']:hover {
    background-color: transparent;
    color: inherit; }
  .product-filter.new-products .owl-theme .owl-item .item .product-box .product-details {
    padding: 25px 0; }
  .product-filter.new-products .owl-theme .owl-item .item .product-box + .product-box {
    margin-top: 15px; }

.select2-drpdwn-product .form-control {
  border: none;
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  margin-bottom: 10px;
  height: 36px; }

.feature-products form .form-group {
  position: relative; }
  .feature-products form .form-group input {
    margin-bottom: 15px;
    border: none;
    box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
    height: 50px;
    padding-left: 30px; }
  .feature-products form .form-group i {
    position: absolute;
    top: 18px;
    right: 30px;
    color: #898989; }

.product-box {
  border-radius: 10px;
  overflow: hidden; }
  .product-box .product-details {
    padding: 15px 25px; }
    .product-box .product-details > a {
      color: #051A1A; }
    .product-box .product-details p {
      margin-bottom: 0;
      opacity: 0.8; }
    .product-box .product-details h4 {
      margin-bottom: 0;
      margin-top: 5px;
      font-size: 20px;
      font-family: "Montserrat", sans-serif; }
    .product-box .product-details h6 {
      color: #051A1A;
      text-transform: uppercase;
      margin-bottom: 10px; }
    .product-box .product-details span {
      color: #898989; }
    .product-box .product-details .rating i {
      font-size: 16px;
      letter-spacing: 3px;
      color: #ffa800; }
  .product-box .modal .modal-header .product-box .product-details {
    padding: 25px 15px; }
    .product-box .modal .modal-header .product-box .product-details h6 {
      text-transform: capitalize; }
    .product-box .modal .modal-header .product-box .product-details .product-price {
      font-size: 22px;
      margin-bottom: 10px; }
    .product-box .modal .modal-header .product-box .product-details .product-view {
      padding: 20px 0;
      border-top: 1px dotted #59667a;
      border-bottom: 1px dotted #59667a; }
    .product-box .modal .modal-header .product-box .product-details .product-size {
      margin: 20px 0; }
      .product-box .modal .modal-header .product-box .product-details .product-size ul li {
        display: inline-block; }
    .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset {
      margin-bottom: 20px; }
      .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group {
        width: 35%; }
        .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn {
          padding: 5px 12px; }
        .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn-primary {
          background-color: #59667a !important;
          border: 1px solid #59667a !important; }
  .product-box .modal .modal-header .btn-close {
    position: absolute;
    right: 26px;
    top: 22px; }
  .product-box .product-img {
    position: relative; }
    .product-box .product-img .product-hover {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.3);
      opacity: 0;
      border-radius: 100%;
      transform: scale(0);
      transition: all 0.3s ease; }
      .product-box .product-img .product-hover ul li {
        display: inline-block;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08);
        padding: 10px 13px;
        background-color: #fff;
        font-size: 18px;
        border-radius: 10px;
        height: 45px;
        width: 45px;
        margin: 0 3px;
        cursor: pointer; }
        .product-box .product-img .product-hover ul li i {
          color: #59667a;
          font-size: 18px; }
        .product-box .product-img .product-hover ul li .btn {
          padding: 0; }
        .product-box .product-img .product-hover ul li:hover {
          background-color: var(--theme-deafult);
          transition: all 0.3s ease; }
          .product-box .product-img .product-hover ul li:hover button:active, .product-box .product-img .product-hover ul li:hover button:focus-visible {
            border: none !important; }
          .product-box .product-img .product-hover ul li:hover .btn,
          .product-box .product-img .product-hover ul li:hover i {
            color: #fff; }
  .product-box:hover .product-hover {
    opacity: 1;
    border-radius: 0%;
    transform: scale(1);
    transition: all 0.3s ease; }

.product-page-main {
  padding: 30px; }
  .product-page-main .owl-item .item {
    border: 1px solid #E6E9EB;
    border-radius: 5px;
    background-color: #f8f8f8; }
  .product-page-main .owl-item.current .item {
    border: 1px solid var(--theme-deafult); }
  .product-page-main .product-slider {
    margin-bottom: 20px; }
    @media (min-width: 1400px) {
      .product-page-main .product-slider img {
        height: 520px;
        object-fit: cover; } }
    @media (min-width: 1500px) {
      .product-page-main .product-slider img {
        height: 400px;
        object-fit: cover; } }
  .product-page-main .product-color {
    margin-top: 10px; }

.product-page-details h4 {
  color: #051A1A;
  text-transform: uppercase;
  font-size: 18px; }

.product-page-details span {
  padding-left: 15px; }

.br-theme-fontawesome-stars .br-widget a,
.br-theme-fontawesome-stars .br-widget a.br-selected:after,
.br-theme-fontawesome-stars .br-widget a.br-active:after {
  color: #ffa800 !important;
  font: normal normal normal 14px/1 FontAwesome; }

.product-price {
  font-size: 18px;
  font-weight: 700;
  margin-top: 5px;
  color: var(--theme-deafult); }
  .product-price del {
    color: rgba(44, 50, 63, 0.4);
    padding-left: 10px;
    font-size: 80%; }

.product-color li {
  display: inline-block;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  margin: 0 2px; }

.product-page-main p {
  font-size: 15px; }

.product-page-main .nav-link {
  text-transform: uppercase;
  font-weight: 500; }

/**====== Product  Ends ======**/
.payment-opt li {
  display: inline-block; }
  .payment-opt li img {
    height: 20px;
    margin: 15px 15px 0 0; }

/**=====================
  3.14 Ecommerce CSS End
==========================**/
@media screen and (max-width: 1660px) and (min-width: 1200px) {
  .owl-carousel .owl-item img {
    max-width: 420px;
    margin: 0 auto; } }

/**=====================
  3.15 Email-application CSS Start
==========================**/
.email-wrap .row .col-xl-3 + .col-xl-3 {
  padding-right: 0; }

.email-wrap .row .col-xl-6 {
  padding-left: 0; }

.email-wrap .dropdown .dropdown-toggle {
  background-color: rgba(115, 102, 255, 0.08);
  color: #006666;
  border-radius: 10px;
  padding: 5px 10px;
  width: 100px;
  text-align: left; }
  [dir="rtl"] .email-wrap .dropdown .dropdown-toggle {
    text-align: right; }
  .email-wrap .dropdown .dropdown-toggle:after {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f107";
    border: none;
    font-family: "FontAwesome";
    font-size: 18px;
    margin: 0; }
    [dir="rtl"] .email-wrap .dropdown .dropdown-toggle:after {
      right: unset;
      left: 10px; }

.email-wrap .dropdown .dropdown-menu {
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0; }
  .email-wrap .dropdown .dropdown-menu .dropdown-item {
    color: #2b2b2b;
    opacity: 0.6;
    font-size: 13px;
    padding: 6px 12px;
    border-top: 1px solid #f5f5f5;
    background: #fff;
    line-height: 19px; }
    .email-wrap .dropdown .dropdown-menu .dropdown-item:hover {
      background-color: #fff; }

.email-wrap .email-app-sidebar .media img {
  border: 2px solid #ecf3fa; }

.email-wrap .email-app-sidebar .main-menu > li {
  width: 100%;
  text-align: left; }
  .email-wrap .email-app-sidebar .main-menu > li a {
    line-height: 39px;
    text-transform: uppercase;
    border-radius: 3px; }
    .email-wrap .email-app-sidebar .main-menu > li a i {
      margin-right: 10px; }
    .email-wrap .email-app-sidebar .main-menu > li a.active > a {
      color: #000; }
    .email-wrap .email-app-sidebar .main-menu > li a:hover {
      background-color: #f5f6f9;
      text-decoration: none; }

.email-wrap .email-app-sidebar ul li button {
  color: #fff; }

.email-wrap .email-app-sidebar ul li a {
  display: flex;
  padding-left: 20px;
  align-items: center; }
  .email-wrap .email-app-sidebar ul li a > .title {
    width: 100%;
    color: #2c323f; }
  .email-wrap .email-app-sidebar ul li a > .badge {
    align-self: center;
    color: #898989; }

.email-wrap .email-left-aside {
  float: left;
  width: 100%; }
  .email-wrap .email-left-aside .card-body {
    padding: 20px; }

@media (min-width: 1200px) {
  .email-wrap .email-right-aside .email-body .pr-0 {
    padding-right: 0; }
    [dir="rtl"] .email-wrap .email-right-aside .email-body .pr-0 {
      padding-right: 12px;
      padding-left: 0; } }

@media (min-width: 1200px) {
  .email-wrap .email-right-aside .email-body .pl-0 {
    padding-left: 0; }
    [dir="rtl"] .email-wrap .email-right-aside .email-body .pl-0 {
      padding-left: 12px;
      padding-right: 0; } }

.email-wrap .email-right-aside .email-body .inbox {
  overflow: auto; }
  @media (max-width: 1199.98px) {
    .email-wrap .email-right-aside .email-body .inbox {
      display: flex;
      flex-wrap: wrap; } }
  .email-wrap .email-right-aside .email-body .inbox .media {
    padding: 20px; }
    .email-wrap .email-right-aside .email-body .inbox .media.active {
      background-color: #f1f3f4; }

.email-wrap .email-right-aside .radius-left {
  border-radius: 8px;
  height: 100%; }

.email-wrap .btn-mail {
  border-radius: 2px;
  text-align: left;
  padding: 13px 15px;
  margin: 20px 0 20px;
  letter-spacing: 1px;
  line-height: 12px !important; }

.email-wrap p {
  margin-bottom: 0;
  color: var(--chart-text-color) !important;
  font-weight: 600; }

.email-wrap .media-body {
  margin-top: 5px; }
  .email-wrap .media-body h6 {
    margin-bottom: 2px;
    color: #242934;
    margin-top: 3px; }
    .email-wrap .media-body h6 small {
      font-size: 12px; }
      .email-wrap .media-body h6 small span {
        color: #777777; }
  .email-wrap .media-body p {
    color: #898989;
    font-size: 12px; }

.email-wrap .email-top {
  padding: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 49px; }
  .email-wrap .email-top i {
    cursor: pointer; }
  .email-wrap .email-top h5 {
    margin-bottom: 0;
    padding: 12px 0; }
  .email-wrap .email-top .d-flex {
    padding: 13px 0; }

.email-wrap .email-wrapper {
  padding: 20px; }
  .email-wrap .email-wrapper hr {
    margin-top: 0;
    margin-bottom: 20px; }
  .email-wrap .email-wrapper .d-inline-block {
    width: 100%; }
  .email-wrap .email-wrapper h6 {
    margin-bottom: 11px;
    float: left; }
  .email-wrap .email-wrapper .right-download {
    float: right; }
  .email-wrap .email-wrapper p + p {
    margin-bottom: 20px; }
  .email-wrap .email-wrapper h5 {
    margin-bottom: 20px; }

.email-wrap .email-body .attachment ul li img {
  margin-bottom: 20px;
  width: 80px;
  height: 80px;
  object-fit: cover; }

.email-wrap .email-body .attachment .list-inline .list-inline-item {
  padding-right: 13px; }

.email-wrap .email-body .email-compose .cke_contents.cke_reset {
  max-height: 178px;
  width: 100%;
  border: 1px solid #ecf3fa; }

.email-wrap .email-body .email-compose .email-top h4 {
  padding: 11px 0; }

/**=====================
  3.15 Email-application CSS Ends
==========================**/
/**=====================
    3.47 Letter_box CSS Start
==========================**/
.email-right-aside .email-list {
  display: block; }
  .email-right-aside .email-list.hide {
    display: none; }

.email-right-aside .email-read {
  display: none; }
  .email-right-aside .email-read.show {
    display: block; }

.email-right-aside .modal-footer {
  text-align: end; }

.email-main-wrapper .email-app-sidebar .nav-pills .nav-item:active, .email-main-wrapper .email-app-sidebar .nav-pills .nav-item.active {
  border-radius: 5px; }

.email-main-wrapper .email-app-sidebar .nav-pills .nav-item:last-child .nav-link {
  padding-bottom: 0; }

.email-main-wrapper .email-app-sidebar .nav-pills .nav-link {
  color: var(--chart-text-color);
  gap: 13px;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  padding: 8px 20px; }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:hover {
    background-color: rgba(0, 102, 102, 0.1);
    color: var(--theme-deafult); }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active {
    background-color: rgba(0, 102, 102, 0.1);
    color: var(--theme-deafult);
    border-radius: 5px; }
    .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active svg, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active svg {
      stroke: rgba(153, 153, 153, 0.8); }
    .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
      content: '';
      border-right: 3px solid var(--theme-deafult);
      position: absolute;
      top: 9px;
      width: 4px;
      right: 0;
      height: 35px;
      border: 2px solid var(--theme-deafult);
      border-radius: 100px 0 0 100px; }
      [dir="rtl"] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, [dir="rtl"] .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
        right: unset;
        left: 0; }
      @media (max-width: 1400px) {
        .email-main-wrapper .email-app-sidebar .nav-pills .nav-link.active::after, .email-main-wrapper .email-app-sidebar .nav-pills .nav-link:active::after {
          top: 8px;
          height: 28px; } }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link svg {
    width: 18px;
    height: 18px;
    stroke: rgba(153, 153, 153, 0.8); }
  .email-main-wrapper .email-app-sidebar .nav-pills .nav-link div {
    width: calc(100% - 13px - 18px);
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 1400px) {
      .email-main-wrapper .email-app-sidebar .nav-pills .nav-link div {
        font-size: 15px; } }
.email-main-wrapper .email-app-sidebar span {
  background-color: rgba(0, 102, 102, 0.2);
  color: var(--theme-deafult);
  border-radius: 20px;
  padding: 5px 13px; }
  @media (max-width: 1400px) {
    .email-main-wrapper .email-app-sidebar span {
      padding: 3px 10px; } }
.email-main-wrapper .email-app-sidebar .compose-mail {
  display: block;
  text-align: center; }
  .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active {
    padding: 15px;
    background-color: var(--theme-deafult);
    color: var(--white); }
    @media (max-width: 1400px) {
      .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active {
        padding: 10px; } }
    .email-main-wrapper .email-app-sidebar .compose-mail .nav-link.active::before {
      content: unset; }
  .email-main-wrapper .email-app-sidebar .compose-mail .nav-link i {
    font-size: 13px; }

@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .email-category.nav-pills .nav-item .nav-link {
    padding: 3px 20px; } }

@media (max-width: 1400px) {
  .email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item .nav-link {
    padding: 3px 20px; } }

.email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item:first-child a {
  margin-top: 16px; }

.email-main-wrapper .email-app-sidebar .taged-mail.nav-pills .nav-item svg {
  width: 24px;
  height: 24px; }

.email-main-wrapper .email-app-sidebar .emailbox.btn {
  width: 100%;
  margin-bottom: 15px;
  padding: 12px;
  font-size: 16px;
  font-weight: 500; }
  @media (max-width: 576px) {
    .email-main-wrapper .email-app-sidebar .emailbox.btn {
      padding: 7px; } }
  .email-main-wrapper .email-app-sidebar .emailbox.btn i {
    padding-right: 12px; }
    [dir="rtl"] .email-main-wrapper .email-app-sidebar .emailbox.btn i {
      padding-right: unset;
      padding-left: 12px; }

.email-body .mail-header-wrapper {
  padding: 16px;
  box-shadow: 0px 5px 10px 0px rgba(82, 82, 108, 0.08);
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 1468px) {
    .email-body .mail-header-wrapper {
      padding: 12px; } }
  @media (max-width: 600px) {
    .email-body .mail-header-wrapper {
      flex-direction: column;
      align-items: flex-start; } }
  .email-body .mail-header-wrapper .mail-header .form-check {
    display: flex;
    align-items: center; }
    @media (max-width: 420px) {
      .email-body .mail-header-wrapper .mail-header .form-check {
        align-items: flex-start; } }
    .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
      width: 18px;
      height: 18px;
      margin-top: 9px; }
      @media (max-width: 1468px) {
        .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
          margin-right: 8px;
          margin-top: 2px; }
          [dir="rtl"] .email-body .mail-header-wrapper .mail-header .form-check .form-check-input {
            margin-left: 8px;
            margin-right: unset; } }
      .email-body .mail-header-wrapper .mail-header .form-check .form-check-input:focus {
        box-shadow: unset;
        border: 1px solid var(--theme-deafult); }
  @media (max-width: 424px) {
    .email-body .mail-header-wrapper .mail-header ul {
      gap: 12px; } }
  @media (max-width: 351px) {
    .email-body .mail-header-wrapper .mail-header ul {
      flex-direction: column; } }
  .email-body .mail-header-wrapper .mail-header ul li a {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--chart-text-color);
    position: relative;
    padding-bottom: 0; }
    @media (max-width: 1468px) {
      .email-body .mail-header-wrapper .mail-header ul li a {
        padding: 7px; } }
    .email-body .mail-header-wrapper .mail-header ul li a::before {
      content: '';
      position: absolute;
      bottom: -23px;
      left: 0;
      width: 0;
      background-color: var(--theme-deafult);
      height: 2px;
      transition: all 0.1s ease-in; }
      [dir="rtl"] .email-body .mail-header-wrapper .mail-header ul li a::before {
        left: unset;
        right: 0; }
      @media (max-width: 1468px) {
        .email-body .mail-header-wrapper .mail-header ul li a::before {
          bottom: -15px; } }
      @media (max-width: 991px) {
        .email-body .mail-header-wrapper .mail-header ul li a::before {
          bottom: -13px; } }
      @media (max-width: 351px) {
        .email-body .mail-header-wrapper .mail-header ul li a::before {
          bottom: -2px; } }
    .email-body .mail-header-wrapper .mail-header ul li a.active {
      color: var(--theme-deafult); }
      .email-body .mail-header-wrapper .mail-header ul li a.active::before {
        width: 100%;
        transition: all 0.1s ease-in; }
    .email-body .mail-header-wrapper .mail-header ul li a svg {
      width: 22px;
      height: 22px; }
      @media (max-width: 424px) {
        .email-body .mail-header-wrapper .mail-header ul li a svg {
          display: none; } }
  .email-body .mail-header-wrapper .mail-body {
    display: flex;
    gap: 12px; }
    @media (max-width: 1500px) {
      .email-body .mail-header-wrapper .mail-body {
        justify-content: end; } }
    @media (max-width: 600px) {
      .email-body .mail-header-wrapper .mail-body {
        display: none; } }
    .email-body .mail-header-wrapper .mail-body .mail-search {
      position: relative; }
      @media (max-width: 1500px) {
        .email-body .mail-header-wrapper .mail-body .mail-search {
          width: 55%; } }
      @media (max-width: 1468px) {
        .email-body .mail-header-wrapper .mail-body .mail-search {
          width: 48%; } }
      @media (max-width: 1400px) {
        .email-body .mail-header-wrapper .mail-body .mail-search {
          display: none; } }
      .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
        display: inline-block;
        padding: 8px 30px; }
        .email-body .mail-header-wrapper .mail-body .mail-search .form-control:focus {
          box-shadow: unset;
          border: 1px solid var(--chart-dashed-border); }
        @media (max-width: 1504px) {
          .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
            max-width: 165px; } }
      .email-body .mail-header-wrapper .mail-body .mail-search i {
        position: absolute;
        top: 12px;
        left: 11px; }
        [dir="rtl"] .email-body .mail-header-wrapper .mail-body .mail-search i {
          left: 0;
          right: 11px; }
    .email-body .mail-header-wrapper .mail-body .light-square i {
      color: var(--body-font-color); }

.email-body .light-square {
  width: 40px;
  height: 39px;
  border-radius: 8px;
  background-color: var(--light-slate);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }
  @media (max-width: 992px) {
    .email-body .light-square {
      width: 34px;
      height: 35px; } }
  .email-body .light-square.dropdown-toggle::after {
    content: '';
    display: none; }
  .email-body .light-square .dropdown-menu .dropdown-item {
    border-top: 0; }
    .email-body .light-square .dropdown-menu .dropdown-item:hover {
      background-color: #E6E9EB; }
    .email-body .light-square .dropdown-menu .dropdown-item i {
      padding-right: 12px; }
      [dir="rtl"] .email-body .light-square .dropdown-menu .dropdown-item i {
        padding-right: 0;
        padding-left: 12px; }

.email-body .mail-body-wrapper ul li {
  padding: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid var(--chart-dashed-border); }
  .email-body .mail-body-wrapper ul li:hover {
    background-color: var(--light-background); }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .email-timing {
      display: none;
      transition: all 0.3s ease-in-out; }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options {
      display: flex;
      align-items: center;
      gap: 14px;
      justify-content: flex-end;
      min-width: 100px;
      transition: all 0.3s ease-in-out; }
      .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i {
        font-size: 18px; }
        @media (max-width: 375px) {
          .email-body .mail-body-wrapper ul li:hover .inbox-message .email-options i {
            font-size: 16px; } }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .show {
      display: block; }
    .email-body .mail-body-wrapper ul li:hover .inbox-message .hide {
      display: none; }
  @media (max-width: 460px) {
    .email-body .mail-body-wrapper ul li.inbox-data {
      display: block; } }
  .email-body .mail-body-wrapper ul li:last-child {
    border-bottom: unset; }
  .email-body .mail-body-wrapper ul li .inbox-user {
    min-width: 290px;
    display: flex;
    align-items: center;
    gap: 12px; }
    @media (max-width: 1400px) {
      .email-body .mail-body-wrapper ul li .inbox-user {
        min-width: 280px; } }
    @media (max-width: 576px) {
      .email-body .mail-body-wrapper ul li .inbox-user {
        min-width: 260px; } }
    .email-body .mail-body-wrapper ul li .inbox-user .form-check-input {
      width: 18px;
      height: 18px; }
      .email-body .mail-body-wrapper ul li .inbox-user .form-check-input:focus {
        box-shadow: unset; }
    .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
      width: 50px;
      height: 50px;
      border: 2px solid var(--chart-dashed-border);
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 100%; }
      @media (max-width: 1400px) {
        .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
          width: 42px;
          height: 42px; } }
      @media (max-width: 355px) {
        .email-body .mail-body-wrapper ul li .inbox-user .rounded-border {
          display: none; } }
      .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 102, 102, 0.2);
        border-radius: 100%; }
        @media (max-width: 1400px) {
          .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div {
            width: 32px;
            height: 32px; } }
        .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div p {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 100%;
          font-weight: 900;
          padding-top: 3px; }
          @media (max-width: 1200px) {
            .email-body .mail-body-wrapper ul li .inbox-user .rounded-border > div p {
              font-size: 13px; } }
      .email-body .mail-body-wrapper ul li .inbox-user .rounded-border .circle-success {
        background-color: rgba(0, 172, 70, 0.3); }
      .email-body .mail-body-wrapper ul li .inbox-user .rounded-border img {
        border-radius: 100%;
        height: 38px; }
        @media (max-width: 1400px) {
          .email-body .mail-body-wrapper ul li .inbox-user .rounded-border img {
            height: 32px; } }
  .email-body .mail-body-wrapper ul li .inbox-message {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 16px; }
    @media (max-width: 700px) {
      .email-body .mail-body-wrapper ul li .inbox-message {
        display: block; } }
    .email-body .mail-body-wrapper ul li .inbox-message .email-data span {
      font-weight: 500;
      color: var(--chart-text-color);
      letter-spacing: 0.3;
      display: -webkit-box;
      max-width: 100%;
      margin: 0 auto;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
      .email-body .mail-body-wrapper ul li .inbox-message .email-data span span {
        font-weight: 400;
        line-height: 1.9; }
    .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge {
      border-radius: 20px; }
      @media (max-width: 1236px) {
        .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge {
          margin-bottom: 5px; } }
      .email-body .mail-body-wrapper ul li .inbox-message .email-data .badge:last-child {
        margin-bottom: 0; }
    .email-body .mail-body-wrapper ul li .inbox-message .email-timing {
      display: flex;
      align-items: center;
      min-width: 80px;
      transition: all 0.3s ease-in-out; }
      @media (max-width: 768px) {
        .email-body .mail-body-wrapper ul li .inbox-message .email-timing {
          justify-content: flex-end;
          height: 18px; } }
      .email-body .mail-body-wrapper ul li .inbox-message .email-timing span {
        color: var(--body-font-color); }
    .email-body .mail-body-wrapper ul li .inbox-message .email-options {
      display: none;
      transition: all 0.3s ease-in-out; }
      @media (max-width: 768px) {
        .email-body .mail-body-wrapper ul li .inbox-message .email-options {
          height: 18px; } }
      .email-body .mail-body-wrapper ul li .inbox-message .email-options .show {
        display: block; }
      .email-body .mail-body-wrapper ul li .inbox-message .email-options .hide {
        display: none; }
      .email-body .mail-body-wrapper ul li .inbox-message .email-options i {
        color: var(--body-font-color); }
  .email-body .mail-body-wrapper ul li.page-item {
    padding: 0; }

.email-body .mail-body-wrapper .hidden {
  display: none !important; }

.email-body .mail-pagination {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px; }
  .email-body .mail-pagination .pagination-button,
  .email-body .mail-pagination .pagination-number {
    padding: 0px 12px;
    width: 35px;
    height: 35px;
    border-radius: 10px;
    border: unset; }
  .email-body .mail-pagination .pagination-button.disabled {
    background-color: var(--light-background);
    color: var(--chart-text-color);
    opacity: 1; }
  .email-body .mail-pagination .pagination-number {
    padding: 6px 12px; }
    .email-body .mail-pagination .pagination-number.active {
      background-color: var(--theme-deafult);
      color: var(--white); }
  .email-body .mail-pagination .pagination-index {
    display: flex;
    gap: 12px; }

.compose-modal form .form-control {
  position: relative; }

.compose-modal form .add-bcc {
  position: absolute;
  top: 2px;
  right: 16px; }
  [dir="rtl"] .compose-modal form .add-bcc {
    right: unset;
    left: 16px; }
  .compose-modal form .add-bcc .btn {
    padding: 5px 8px;
    background-color: var(--light-shade-primary);
    color: var(--theme-deafult); }

.mail-header-wrapper.header-wrapper1 {
  flex-direction: unset; }
  @media (max-width: 440px) {
    .mail-header-wrapper.header-wrapper1 {
      flex-direction: column;
      gap: 10px; } }
.mail-header-wrapper .mail-header1 {
  display: flex;
  align-items: center;
  gap: 18px; }
  .mail-header-wrapper .mail-header1 span {
    font-weight: 500;
    color: var(--body-font-color); }
  .mail-header-wrapper .mail-header1 .btn-email {
    width: 20px;
    height: 20px;
    stroke: var(--body-font-color); }

.mail-header-wrapper .mail-body1 {
  display: flex;
  gap: 10px; }
  .mail-header-wrapper .mail-body1 svg {
    width: 20px;
    height: 20px; }
    @media (max-width: 480px) {
      .mail-header-wrapper .mail-body1 svg {
        width: 18px;
        height: 18px; } }
.mail-body-wrapper .user-mail-wrapper {
  padding: 16px; }
  .mail-body-wrapper .user-mail-wrapper .user-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--chart-dashed-border); }
    @media (max-width: 390px) {
      .mail-body-wrapper .user-mail-wrapper .user-title {
        flex-direction: column;
        padding-bottom: 12px;
        justify-content: unset;
        align-items: unset; } }
    .mail-body-wrapper .user-mail-wrapper .user-title > div {
      display: flex;
      align-items: center;
      gap: 12px;
      padding-bottom: 12px; }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .rounded-border {
        width: 50px;
        height: 50px;
        border: 2px solid var(--chart-dashed-border);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%; }
        .mail-body-wrapper .user-mail-wrapper .user-title > div .rounded-border img {
          height: 38px;
          border-radius: 100%; }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .dropdown-button {
        display: flex;
        align-items: center;
        gap: 8px;
        color: var(--text-gray); }
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .dropdown-button svg {
          width: 16px;
          height: 16px; }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security {
        padding: 16px;
        box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
        min-width: 350px; }
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p {
          margin-bottom: 8px; }
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p:last-child {
            margin-bottom: 0; }
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown .inbox-security p span {
            color: var(--body-font-color); }
      @media (max-width: 475px) {
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
          left: -27px; }
          [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
            left: unset;
            right: -27px; } }
      @media (max-width: 445px) {
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
          left: -70px; }
          [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
            left: unset;
            right: -70px; } }
      @media (max-width: 395px) {
        .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown.onhover-show-div {
          min-width: 270px; } }
      .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
        top: 30px;
        z-index: 1; }
        [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
          left: unset;
          right: 0; }
        @media (max-width: 575px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            opacity: 1;
            visibility: visible; } }
        @media (max-width: 475px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            left: -27px; }
            [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
              left: unset;
              right: -27px; } }
        @media (max-width: 445px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            left: -70px; }
            [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
              left: unset;
              right: -70px; } }
        @media (max-width: 395px) {
          .mail-body-wrapper .user-mail-wrapper .user-title > div .onhover-dropdown:hover .onhover-show-div {
            min-width: 270px; } }
    @media (max-width: 390px) {
      .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options {
        padding-bottom: 0; } }
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span {
      color: var(--chart-text-color); }
      @media (max-width: 623px) {
        .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options span {
          display: none; } }
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options svg {
      width: 18px;
      height: 18px; }
    .mail-body-wrapper .user-mail-wrapper .user-title .inbox-options .light-square .dropdown-toggle::after {
      content: unset; }
  .mail-body-wrapper .user-mail-wrapper .user-body {
    padding: 14px 0;
    border-bottom: 1px solid var(--chart-dashed-border); }
    .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(1) {
      padding-bottom: 14px; }
    .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(2), .mail-body-wrapper .user-mail-wrapper .user-body p:nth-child(4) {
      line-height: 1.8;
      margin-bottom: 10px; }
    .mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent {
      padding-top: 14px; }
      .mail-body-wrapper .user-mail-wrapper .user-body .mail-subcontent p {
        padding-bottom: 0; }
  .mail-body-wrapper .user-mail-wrapper .user-footer {
    padding: 14px 0;
    border-bottom: 1px solid var(--chart-dashed-border); }
    .mail-body-wrapper .user-mail-wrapper .user-footer > div:not(.toolbar-box) {
      display: flex;
      align-items: center;
      gap: 8px;
      padding-bottom: 12px;
      cursor: pointer; }
    .mail-body-wrapper .user-mail-wrapper .user-footer svg {
      width: 20px;
      height: 20px;
      fill: none;
      stroke: var(--text-gray); }
      @media (max-width: 480px) {
        .mail-body-wrapper .user-mail-wrapper .user-footer svg {
          width: 18px;
          height: 18px; } }
    .mail-body-wrapper .user-mail-wrapper .user-footer .attchment-file {
      align-items: center;
      gap: 30px;
      padding: 12px;
      background-color: var(--light-background); }
      .mail-body-wrapper .user-mail-wrapper .user-footer .attchment-file .common-flex img {
        height: 36px; }
  .mail-body-wrapper .user-mail-wrapper .send-btn {
    text-align: end;
    padding-top: 14px; }
    .mail-body-wrapper .user-mail-wrapper .send-btn i {
      margin-left: 8px;
      font-size: 12px; }
      [dir="rtl"] .mail-body-wrapper .user-mail-wrapper .send-btn i {
        margin-left: 0;
        margin-right: 8px; }

.toolbar-box {
  display: block;
  padding: 0;
  border: 1px solid var(--chart-dashed-border);
  border-radius: 5px; }
  .toolbar-box .ql-toolbar.ql-snow {
    border: 0; }
  .toolbar-box .ql-container.ql-snow {
    border: 0;
    min-height: 100px; }
  [dir="rtl"] .toolbar-box .ql-editor {
    text-align: right; }
  .toolbar-box .ql-editor p:nth-child(3) {
    margin: 12px 0; }
  .toolbar-box .ql-editor p:nth-child(8), .toolbar-box .ql-editor p:nth-child(9) {
    margin: 12px 0; }
  .toolbar-box .ql-bold:hover,
  .toolbar-box .ql-italic:hover,
  .toolbar-box .ql-underline:hover,
  .toolbar-box .ql-strike:hover,
  .toolbar-box .ql-list:hover,
  .toolbar-box .ql-stroke:hover,
  .toolbar-box .ql-indent:hover,
  .toolbar-box .ql-link:hover,
  .toolbar-box .ql-image:hover {
    color: var(--theme-deafult); }
    .toolbar-box .ql-bold:hover svg .ql-stroke,
    .toolbar-box .ql-bold:hover svg .ql-fill,
    .toolbar-box .ql-italic:hover svg .ql-stroke,
    .toolbar-box .ql-italic:hover svg .ql-fill,
    .toolbar-box .ql-underline:hover svg .ql-stroke,
    .toolbar-box .ql-underline:hover svg .ql-fill,
    .toolbar-box .ql-strike:hover svg .ql-stroke,
    .toolbar-box .ql-strike:hover svg .ql-fill,
    .toolbar-box .ql-list:hover svg .ql-stroke,
    .toolbar-box .ql-list:hover svg .ql-fill,
    .toolbar-box .ql-stroke:hover svg .ql-stroke,
    .toolbar-box .ql-stroke:hover svg .ql-fill,
    .toolbar-box .ql-indent:hover svg .ql-stroke,
    .toolbar-box .ql-indent:hover svg .ql-fill,
    .toolbar-box .ql-link:hover svg .ql-stroke,
    .toolbar-box .ql-link:hover svg .ql-fill,
    .toolbar-box .ql-image:hover svg .ql-stroke,
    .toolbar-box .ql-image:hover svg .ql-fill {
      stroke: var(--theme-deafult); }
  .toolbar-box .ql-bold button.ql-active .ql-stroke,
  .toolbar-box .ql-italic button.ql-active .ql-stroke,
  .toolbar-box .ql-underline button.ql-active .ql-stroke,
  .toolbar-box .ql-strike button.ql-active .ql-stroke,
  .toolbar-box .ql-list button.ql-active .ql-stroke,
  .toolbar-box .ql-stroke button.ql-active .ql-stroke,
  .toolbar-box .ql-indent button.ql-active .ql-stroke,
  .toolbar-box .ql-link button.ql-active .ql-stroke,
  .toolbar-box .ql-image button.ql-active .ql-stroke {
    stroke: var(--theme-deafult); }

#editor .ql-editing,
#editor1 .ql-editing {
  left: 60.375px !important; }
  [dir="rtl"] #editor .ql-editing, [dir="rtl"] #editor1 .ql-editing {
    left: 0;
    right: 60.375px !important; }
  #editor .ql-editing.ql-out-bottom,
  #editor1 .ql-editing.ql-out-bottom {
    visibility: visible !important; }

#editor .ql-tooltip,
#editor1 .ql-tooltip {
  left: 35.9688px !important; }
  [dir="rtl"] #editor .ql-tooltip, [dir="rtl"] #editor1 .ql-tooltip {
    left: 0;
    right: 35.9688px !important; }
  @media (max-width: 430px) {
    #editor .ql-tooltip,
    #editor1 .ql-tooltip {
      left: 2.9688px !important; }
      [dir="rtl"] #editor .ql-tooltip, [dir="rtl"] #editor1 .ql-tooltip {
        left: 0;
        right: 2.9688px !important; } }
  #editor .ql-tooltip.ql-out-bottom,
  #editor1 .ql-tooltip.ql-out-bottom {
    visibility: visible !important; }
    @media (max-width: 430px) {
      #editor .ql-tooltip.ql-out-bottom input[type=text],
      #editor1 .ql-tooltip.ql-out-bottom input[type=text] {
        width: 94px; } }
.important-mail {
  width: 18px;
  height: 18px;
  fill: transparent;
  stroke: var(--chart-text-color);
  cursor: pointer; }
  .important-mail:active, .important-mail.active {
    fill: #FFAE1A;
    stroke: #FFAE1A; }

.bookmark-box {
  stroke: var(--chart-text-color); }
  .bookmark-box:active, .bookmark-box.active {
    stroke: var(--theme-deafult); }

.dropdown-subtitle > p {
  color: #52526c;
  font-weight: 500; }

/**=====================
    3.47 Letter_box CSS End
==========================**/
/**=====================
    3.16 Errorpage CSS Start
==========================**/
.error-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  text-align: center; }
  .error-wrapper.maintenance-bg {
    background-image: url(/../images/admin/other-images/maintenance-bg.jpg);
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: overlay; }
  .error-wrapper .maintenance-icons li i {
    color: #59667a;
    font-size: 50px;
    animation: rotate-effect 40s infinite linear reverse; }
  .error-wrapper .maintenance-icons li:nth-child(2) i {
    font-size: 100px;
    margin-left: 110px;
    margin-top: -25px;
    animation: reverse-rotate-effect 40s linear infinite; }
  .error-wrapper .maintenance-icons li:nth-child(3) i {
    animation: rotate-effect 30s infinite linear;
    font-size: 150px;
    margin-top: -85px;
    margin-right: 120px; }

@keyframes rotate-effect {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes reverse-rotate-effect {
  0% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(0deg); } }
  .error-wrapper .maintenance-heading {
    margin-top: 70px; }
    .error-wrapper .maintenance-heading .headline {
      font-size: 99px;
      font-weight: 900;
      letter-spacing: 10px;
      color: var(--theme-deafult);
      z-index: 2;
      position: relative;
      margin-top: -70px; }
  .error-wrapper .error-heading {
    margin-top: 115px; }
    .error-wrapper .error-heading .headline {
      font-size: 285px;
      font-weight: 700;
      letter-spacing: 1px;
      margin-top: -130px; }
  .error-wrapper .sub-content {
    font-size: 18px;
    color: #051A1A;
    letter-spacing: 1px;
    font-weight: normal;
    line-height: 35px;
    z-index: 3;
    position: relative;
    margin-top: 30px;
    margin-bottom: 0; }
  .error-wrapper .btn {
    margin-top: 40px; }

.error {
  margin: 70px 0 100px;
  color: #000; }
  .error .error-title {
    font-size: 9.5rem;
    color: #fff;
    text-shadow: 6px 6px 7px rgba(0, 0, 0, 0.32); }
  .error .line-bottom {
    width: 10%;
    height: 5px;
    background-color: #FFAE1A;
    border: none; }
  .error .c-white {
    color: #fff; }
  .error .error-btn {
    text-align: center; }
  .error .padd {
    padding: 10px 30px 10px 30px; }
  .error .btn-back-home {
    background-color: #E6E9EB;
    color: #000; }
    .error .btn-back-home:hover {
      background-color: #FFAE1A;
      color: #fff;
      box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21); }
  .error .btn-adnc-serc {
    background-color: #2c323f;
    color: #fff; }
    .error .btn-adnc-serc:hover {
      background-color: #FFAE1A;
      color: #fff;
      box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.21); }

/**=====================
    3.16 Errorpage CSS Start
==========================**/
/**=====================
    3.17 Faq CSS start
==========================**/
.knowledgebase-bg {
  height: 500px;
  border-radius: 15px;
  margin-bottom: 30px; }

.knowledgebase-search {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  left: 5%; }
  .knowledgebase-search .form-inline {
    background-color: #fff;
    width: 500px;
    padding: 12px 50px;
    border-radius: 10px;
    border: 1px solid #E6E9EB;
    margin-top: 10px;
    position: relative; }
    .knowledgebase-search .form-inline ::placeholder {
      color: rgba(5, 26, 26, 0.6); }
    .knowledgebase-search .form-inline svg {
      position: absolute;
      left: 20px;
      width: 20px;
      top: 17px;
      stroke: rgba(5, 26, 26, 0.6); }

.faq-widgets {
  align-items: center; }
  .faq-widgets .media-body h5 {
    font-weight: 600;
    color: #fff;
    margin-bottom: 8px; }
  .faq-widgets .media-body p {
    padding-right: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis; }
  .faq-widgets svg {
    width: 150px;
    height: 150px;
    opacity: 0.5; }

.header-faq {
  margin-bottom: 30px; }
  .header-faq h5 {
    font-weight: 600; }

.features-faq.card .card-body,
.features-faq.card .card-footer {
  padding: 20px 25px; }

.features-faq .faq-image img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%; }

.features-faq .card-body h6 {
  margin-bottom: 15px;
  font-weight: 600; }

.add-project.table td {
  vertical-align: middle; }

.add-project .text-inherit {
  color: black; }

.faq-accordion.default-according {
  margin-bottom: 30px; }
  .faq-accordion.default-according .card .btn-link {
    display: flex; }
    .faq-accordion.default-according .card .btn-link svg {
      width: 20px;
      height: 20px;
      margin-right: 10px; }
  .faq-accordion.default-according .card .faq-header {
    position: relative;
    padding: 30px; }
    .faq-accordion.default-according .card .faq-header svg {
      position: absolute;
      right: 30px;
      top: 30px;
      width: 20px;
      height: 20px; }
    .faq-accordion.default-according .card .faq-header span {
      margin-top: 3px; }
  .faq-accordion.default-according .faq-body {
    padding: 20px !important; }
  .faq-accordion.default-according .card-mb-faq {
    margin-bottom: 30px; }

.faq-title {
  margin: 30px 0; }
  .faq-title h6 {
    color: #999999;
    font-weight: 600; }

.faq-form {
  position: relative; }
  .faq-form .search-icon {
    position: absolute;
    right: 12px;
    top: 9px;
    width: 20px;
    height: 20px; }

.navigation-btn {
  margin-bottom: 20px; }
  .navigation-btn a {
    display: flex;
    align-items: center;
    justify-content: center; }
    .navigation-btn a svg {
      width: 15px;
      height: 15px; }

.navigation-option ul li {
  position: relative;
  padding: 8px 8px 8px 0; }
  .navigation-option ul li:hover {
    background-color: #fdfeff; }
  .navigation-option ul li a {
    padding-left: 40px;
    color: #051A1A; }
    .navigation-option ul li a svg {
      position: absolute;
      width: 15px;
      height: 15px;
      top: 11px;
      left: 15px; }

.updates-faq {
  width: 40px;
  height: 40px;
  border: 2px solid var(--theme-deafult);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px; }
  .updates-faq svg {
    width: 18px;
    height: 18px; }

.updates-bottom-time p {
  margin-bottom: 2px; }
  .updates-bottom-time p + p {
    color: #999999; }

.updates-faq-main {
  margin-bottom: 20px; }
  .updates-faq-main a {
    font-weight: 500; }
  .updates-faq-main:last-child {
    margin-bottom: 0; }

@media only screen and (max-width: 1399.98px) {
  .faq-widgets svg {
    width: 80px;
    height: 80px; } }

@media only screen and (max-width: 1199px) {
  .faq-accordion {
    margin-bottom: 30px; } }

@media only screen and (max-width: 991px) {
  .faq-accordion.default-according .card .faq-header {
    padding: 20px !important; }
    .faq-accordion.default-according .card .faq-header svg {
      right: 20px;
      top: 20px; }
  .navigation-option ul li {
    padding: 10px 10px 10px 0; }
    .navigation-option ul li a svg {
      top: 12px; } }

@media only screen and (max-width: 767px) {
  .xs-mt-search {
    margin-top: 30px; } }

@media only screen and (max-width: 575px) {
  .xs-mt-search {
    margin-top: 0px; }
  .faq-widgets svg {
    width: 60px;
    height: 60px; }
  .faq-title {
    margin: 15px 0; }
  .header-faq {
    margin-bottom: 15px;
    margin-top: 10px; }
  .faq-accordion {
    margin-bottom: 0px; }
    .faq-accordion .faq-header {
      padding: 15px !important; }
      .faq-accordion .faq-header .pull-right {
        float: right; }
      .faq-accordion .faq-header svg {
        right: 15px;
        top: 15px; }
  .navigation-btn,
  .updates-faq-main {
    margin-bottom: 15px; } }

/**=====================
    3.17 Faq CSS end
==========================**/
/**=====================
   3.18 File CSS
==========================**/
.files-content {
  display: flex;
  margin-bottom: -10px; }
  .files-content li {
    margin-right: 20px;
    margin-bottom: 10px; }
    .files-content li .files-list .file-left {
      background-color: rgba(0, 102, 102, 0.05);
      border: 1px solid #ecf3fa;
      padding: 18px 22px;
      border-radius: 5px; }

.file-sidebar .card .card-body,
.file-sidebar .card .card-header,
.file-content .card .card-body,
.file-content .card .card-header {
  padding: 20px !important; }
  .file-sidebar .card .card-body .file-manager,
  .file-sidebar .card .card-header .file-manager,
  .file-content .card .card-body .file-manager,
  .file-content .card .card-header .file-manager {
    padding-top: unset !important; }
  .file-sidebar .card .card-body .form-group input,
  .file-sidebar .card .card-header .form-group input,
  .file-content .card .card-body .form-group input,
  .file-content .card .card-header .form-group input {
    line-height: 0; }

.file-manager .folder {
  margin-bottom: -12px; }
  .file-manager .folder li:nth-child(n+2) {
    margin-left: 12px;
    margin-bottom: 12px; }
  .file-manager .folder li:nth-child(5), .file-manager .folder li:nth-child(9), .file-manager .folder li:nth-child(13) {
    margin-left: 0; }

.file-sidebar ul li + li {
  margin-top: 8px; }

.file-sidebar .btn {
  display: flex;
  align-items: center;
  padding: 8px 20px;
  font-weight: 400; }
  .file-sidebar .btn.btn-light:hover {
    color: #006666 !important; }
    .file-sidebar .btn.btn-light:hover svg {
      stroke: #006666; }
  .file-sidebar .btn svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px; }

.file-sidebar .pricing-plan {
  border: 1px solid #ecf3fa;
  border-radius: 5px;
  margin-top: 10px;
  padding: 15px;
  position: relative;
  overflow: hidden; }
  .file-sidebar .pricing-plan h6 {
    font-size: 14px;
    margin-bottom: 2px;
    color: #898989; }
  .file-sidebar .pricing-plan h5 {
    font-weight: 500;
    font-size: 20px; }
  .file-sidebar .pricing-plan p {
    margin-bottom: 5px;
    color: #898989; }
  .file-sidebar .pricing-plan .btn {
    display: inline-block;
    font-size: 12px; }
  .file-sidebar .pricing-plan .bg-img {
    position: absolute;
    top: 40px;
    opacity: 0.1;
    transform: rotate(-45deg);
    right: -40px; }

.file-manager h5 {
  font-size: 18px;
  font-weight: 600; }

.file-manager > h6 {
  opacity: 0.6;
  font-weight: 400 !important;
  font-size: 15px;
  margin-bottom: 12px; }

.file-manager .files-gap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px; }
  .file-manager .files-gap.list-group {
    flex-direction: unset; }

.file-manager p {
  font-size: 12px;
  color: #999999;
  margin-bottom: 0; }

.folder h6 {
  opacity: 0.9;
  font-weight: 500 !important;
  font-size: 14px; }

.files-content,
.quick-file {
  flex-wrap: wrap; }

.quick-file {
  margin-bottom: -10px; }
  .quick-file li {
    margin-right: 20px;
    margin-bottom: 10px; }
    .quick-file li h6 {
      font-size: 14px;
      text-align: center;
      font-weight: 400;
      margin-top: 8px; }
    .quick-file li .quick-box {
      background-color: rgba(0, 102, 102, 0.05);
      border: 1px solid #ecf3fa;
      padding: 20px 24px;
      border-radius: 5px; }
      .quick-file li .quick-box i {
        font-size: 30px;
        margin-right: 0; }

.file-content .folder-box .files-list h6 {
  font-size: 16px;
  font-weight: 400; }

.file-content .folder-box .files-list i {
  margin-right: 0; }

.file-content .ellips {
  position: absolute;
  top: 30px;
  right: 30px;
  opacity: 0.7; }

.file-content .form-inline {
  border: 1px solid #ecf3fa;
  padding: 0px 20px;
  border-radius: 5px; }
  .file-content .form-inline i {
    padding-right: 10px;
    color: #898989;
    line-height: 3; }
  .file-content .form-inline input::-webkit-input-placeholder {
    color: #898989; }
  .file-content .form-inline input:focus {
    outline: none !important; }

.file-content .search-form input {
  padding: 5px 10px 5px 70px;
  border-radius: 5px; }

.file-content .search-form .form-group:before {
  left: 82px;
  top: 37px; }

.file-content .search-form .form-group:after {
  top: 39px;
  left: 53px; }

.file-content .btn svg {
  height: 16px;
  margin-right: 2px;
  vertical-align: -3px; }

.file-content h4 {
  font-weight: 500;
  margin-bottom: 5px;
  font-size: 24px;
  line-height: 1; }

.file-content .folder .folder-box {
  border: 1px solid #ecf3fa;
  border-radius: 5px;
  padding: 15px;
  background-color: #fff;
  width: calc(25% - 15px);
  display: inline-block;
  margin: 2px 0;
  position: relative; }
  .file-content .folder .folder-box h6 {
    font-size: 16px; }
  .file-content .folder .folder-box .ellips {
    top: 22px;
    right: 22px; }
  .file-content .folder .folder-box:nth-child(1) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 10ms; }
  .file-content .folder .folder-box:nth-child(2) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 20ms; }
  .file-content .folder .folder-box:nth-child(3) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 30ms; }
  .file-content .folder .folder-box:nth-child(4) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 40ms; }
  .file-content .folder .folder-box:nth-child(5) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 50ms; }
  .file-content .folder .folder-box:nth-child(6) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 60ms; }
  .file-content .folder .folder-box:nth-child(7) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 70ms; }
  .file-content .folder .folder-box:nth-child(8) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 80ms; }
  .file-content .folder .folder-box:nth-child(9) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 90ms; }
  .file-content .folder .folder-box:nth-child(10) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 100ms; }
  .file-content .folder .folder-box:nth-child(11) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 110ms; }
  .file-content .folder .folder-box:nth-child(12) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 120ms; }
  .file-content .folder .folder-box:nth-child(13) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 130ms; }
  .file-content .folder .folder-box:nth-child(14) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 140ms; }
  .file-content .folder .folder-box:nth-child(15) {
    animation-fill-mode: both;
    animation: fadeIncustom 0.5s linear 150ms; }

.md-sidebar .md-sidebar-toggle {
  display: none;
  width: fit-content;
  margin-bottom: 20px;
  font-weight: 600;
  text-transform: capitalize; }

@media screen and (max-width: 1440px) {
  .file-content .folder .folder-box .d-flex {
    display: block !important;
    text-align: center; }
    .file-content .folder .folder-box .d-flex .flex-grow-1 {
      margin-left: 0 !important;
      margin-top: 5px; } }

@media screen and (max-width: 1366px) {
  .file-content .folder {
    margin-bottom: -10px; }
    .file-content .folder .folder-box {
      margin-bottom: 10px;
      margin-right: 0;
      padding: 13px; }
      .file-content .folder .folder-box .media i {
        font-size: 30px; }
  .file-content .card-header .btn {
    padding: 8px 15px;
    z-index: 0; }
  .file-sidebar .btn {
    padding: 8px 15px; } }

@media screen and (max-width: 1199px) {
  .job-sidebar .job-left-aside {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0;
    opacity: 1;
    visibility: hidden;
    overflow-y: scroll;
    z-index: 3;
    max-width: 270px;
    height: 600 px;
    background-color: #fff;
    border: 1 px solid #e6edef;
    padding: 12px; }
  .job-sidebar .job-toggle {
    display: block !important;
    margin-bottom: 20px; }
  .job-sidebar .job-left-aside.open {
    opacity: 1;
    visibility: visible; }
  .md-sidebar .md-sidebar-toggle {
    display: block;
    width: fit-content; }
  .md-sidebar .md-sidebar-aside {
    position: absolute;
    top: 70%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    width: 280px; }
    .md-sidebar .md-sidebar-aside.open {
      opacity: 1;
      visibility: visible; } }

@media screen and (max-width: 768px) {
  .file-content .form-inline {
    display: inline-block;
    padding: 0px 0px 0px 20px; }
  .file-content .folder {
    margin-bottom: -10px; }
    .file-content .folder .folder-box {
      width: calc(50% - 20px);
      margin-bottom: 10px;
      margin-right: 8px; }
      [dir="rtl"] .file-content .folder .folder-box {
        margin-right: 0px; }
      .file-content .folder .folder-box:nth-child(odd) {
        margin-left: 0; } }

@media screen and (max-width: 420px) {
  .file-content .folder .folder-box {
    width: calc(100%);
    margin-right: unset; }
  .file-content h4 {
    font-size: 20px; }
  .file-content .card-header .btn {
    padding: 7px 10px;
    font-size: 12px; }
  .file-manager .folder li:nth-child(n+2) {
    margin-left: 0; }
  .file-manager > h6 {
    font-size: 14px; } }

/**=====================
    3.18 File CSS
==========================**/
/**=====================
    3.19 Gallery CSS Start
==========================**/
.profile-img-style img,
.scroll-bar-wrap img {
  width: 100%; }

.gallery {
  margin-bottom: -30px; }
  .gallery > a {
    margin-bottom: 30px; }
    .gallery > a:before {
      content: "\edee";
      font-family: IcoFont;
      position: absolute;
      height: calc(100% - 10px);
      left: 20px;
      width: calc(100% - 40px);
      background-color: rgba(255, 255, 255, 0.27);
      top: 5px;
      transform: scale(0);
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px;
      color: #000; }
    .gallery > a:hover:before {
      transform: scale(1);
      transition: all 0.3s ease; }
    .gallery > a .img-thumbnail {
      border-radius: 0; }

.gallery-with-description {
  margin-bottom: -30px; }
  .gallery-with-description a > div {
    padding: 10px;
    border: 1px solid #e4e6ec;
    margin-bottom: 30px;
    border-radius: 0 0 5px 5px; }
  .gallery-with-description a:hover {
    text-decoration: none !important; }
  .gallery-with-description h4 {
    color: #2c323f;
    margin-top: 15px;
    font-size: 18px;
    margin-bottom: 5px; }
  .gallery-with-description p {
    color: #a3a3a3; }

.lg-backdrop {
  background-color: #fff; }

.lg-outer .lg-actions .lg-next,
.lg-outer .lg-actions .lg-prev {
  background-color: white;
  border: 1px solid #efefef; }
  .lg-outer .lg-actions .lg-next:hover,
  .lg-outer .lg-actions .lg-prev:hover {
    color: #2c323f; }

.lg-outer .lg-toolbar {
  background-color: rgba(255, 255, 255, 0.45);
  border-bottom: 1px solid #2c323f; }
  .lg-outer .lg-toolbar .lg-icon:hover {
    color: #2c323f; }

.lg-outer #lg-counter {
  color: #2c323f; }

.lg-outer .lg-sub-html {
  background-color: rgba(255, 255, 255, 0.45); }
  .lg-outer .lg-sub-html h4 {
    font-size: inherit;
    color: #2c323f; }
  .lg-outer .lg-sub-html p {
    color: #2c323f; }

.lg-outer .lg-thumb-outer {
  background-color: #ecf3fa; }

.lg-outer .lg-thumb-item {
  padding: 4px;
  border: 1px solid #efefef;
  border-radius: 0; }
  .lg-outer .lg-thumb-item .active, .lg-outer .lg-thumb-item:hover {
    border-color: #000; }

.gallery a:before, .gallery a:after {
  content: none; }

.gallery .img-hover > div {
  overflow: hidden; }

.gallery .hover-1 img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  .gallery .hover-1 img:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }

.gallery .hover-2 img {
  width: 100%;
  height: auto;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  transform: translateX(0px); }

.gallery .hover-2:hover img {
  transform: translateX(40px) scale(1.2); }

.gallery .hover-3 img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-3:hover img {
  -webkit-transform: scale(1);
  transform: scale(1); }

.gallery .hover-4 img {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-4:hover img {
  -webkit-transform: scale(1);
  transform: scale(1); }

.gallery .hover-5 img {
  margin-left: 30px;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-5:hover img {
  margin-left: 0; }

.gallery .hover-6 img {
  -webkit-transform: rotate(15deg) scale(1.4);
  transform: rotate(15deg) scale(1.4);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-6:hover img {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1); }

.gallery .hover-7 img {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-7:hover img {
  -webkit-filter: blur(0);
  filter: blur(0); }

.gallery .hover-8 img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-8:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0); }

.gallery .hover-9 img {
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-9:hover img {
  -webkit-filter: sepia(0);
  filter: sepia(0); }

.gallery .hover-10 img {
  -webkit-filter: grayscale(0) blur(0);
  filter: grayscale(0) blur(0);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-10:hover img {
  -webkit-filter: grayscale(100%) blur(3px);
  filter: grayscale(100%) blur(3px); }

.gallery .hover-11 img {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.gallery .hover-11:hover img {
  opacity: .5; }

@-webkit-keyframes flash {
  0% {
    opacity: .4; }
  100% {
    opacity: 1; } }

@keyframes flash {
  0% {
    opacity: .4; }
  100% {
    opacity: 1; } }

.gallery .hover-13:hover img {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s; }

@-webkit-keyframes shine {
  100% {
    left: 125%; } }

@keyframes shine {
  100% {
    left: 125%; } }

.gallery .hover-14 div {
  position: relative; }
  .gallery .hover-14 div:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg); }
  .gallery .hover-14 div:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s; }

.gallery .hover-15 div {
  position: relative; }
  .gallery .hover-15 div:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0; }
  .gallery .hover-15 div:hover:before {
    -webkit-animation: circle .75s;
    animation: circle .75s; }

@-webkit-keyframes circle {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

@keyframes circle {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0; } }

* {
  box-sizing: border-box; }
  *:after, *:before {
    box-sizing: border-box; }

.grid {
  position: relative; }

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both; }

/* ---- .grid-item ---- */
.grid-item img {
  max-width: 100%;
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6; }

.gallery-with-description .grid-item img {
  border: 0;
  padding: 0; }

/**=====================
    3.19 Gallery CSS Ends
==========================**/
/**=====================
    3.20 Helper CSS start
==========================**/
.helper-common-box {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  gap: 8px; }
  .helper-common-box:last-child {
    margin-bottom: 0; }
  .helper-common-box.helper-p-wrapper {
    gap: 12px;
    margin-bottom: 0;
    flex-wrap: wrap; }

.border-wrapper {
  padding: 20px; }

.helper-box {
  width: 40px;
  height: 40px;
  border-radius: 25%; }
  .helper-box.helper-text {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900; }

.helper-radius {
  width: 60px;
  height: 30px; }

.fill-wrapper {
  background-color: #E6E9EB; }

.gradient-border {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  align-items: center; }
  @media (max-width: 1200px) {
    .gradient-border {
      gap: calc(13px + (22 - 13) * ((100vw - 320px) / (1200 - 320))); } }
.radius-wrapper {
  background-color: #efefef; }

.font-wrapper {
  display: flex;
  align-items: center;
  padding: 12px 20px; }

.helper-padding {
  display: flex;
  flex-direction: column;
  gap: 12px; }

.helper-p-box {
  display: flex;
  justify-content: center;
  align-items: center; }
  .helper-p-box span {
    color: var(--body-font-color); }

.common-p-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start; }

/**=====================
    3.20 Helper CSS end
==========================**/
/**=====================
    3.21 Internationalization CSS start
==========================**/
.hdg_main {
  position: relative; }

.main .langChoice {
  position: absolute;
  right: 40px;
  top: 31px;
  padding: 10px 18px;
  background-color: transparent; }

@media (max-width: 991px) {
  .main .langChoice {
    right: 20px;
    top: 11px;
    padding: 8px; } }

@media only screen and (max-width: 575px) {
  .main .langChoice {
    top: 14px;
    padding: 4px 7px; }
  .language-xs {
    margin-top: 15px; } }

@media only screen and (max-width: 360px) {
  .language-header {
    padding-bottom: 60px !important; }
  .main .langChoice {
    left: 0;
    margin: 0 auto;
    top: 50px;
    width: 30%;
    right: 0; } }

/**=====================
    3.21 Internationalization CSS End
==========================**/
/**=====================
    3.22 Job-search CSS Start
==========================**/
.filter-cards-view .job-filter:first-child {
  margin-bottom: 30px; }

.filter-cards-view .checkbox-animated {
  margin-top: 30px;
  margin-bottom: 30px; }

.location-checkbox span {
  color: #999999;
  padding-left: 33px; }
  [dir="rtl"] .location-checkbox span {
    padding-left: unset;
    padding-right: 33px; }

.job-accordion .card {
  margin-bottom: 30px; }

.job-accordion .btn-block {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.job-search p {
  margin-top: 14px; }

.job-search .d-flex .flex-grow-1 h6 {
  margin-bottom: 3px; }
  .job-search .d-flex .flex-grow-1 h6 span {
    font-size: 13px;
    color: #999999;
    font-weight: normal; }
    .job-search .d-flex .flex-grow-1 h6 span.badge {
      color: #fff; }

.job-search .d-flex .flex-grow-1 > p {
  margin-top: 0;
  color: #999999; }

.job-search .job-description {
  margin-top: 30px; }
  .job-search .job-description button span {
    color: #fff; }
  .job-search .job-description h6 {
    font-weight: 600;
    margin-bottom: 30px; }
  .job-search .job-description p {
    margin-top: 0;
    margin-bottom: 6px; }
  .job-search .job-description ul {
    list-style-type: disc;
    list-style-position: inside; }
    .job-search .job-description ul li {
      margin-bottom: 10px; }
      .job-search .job-description ul li:last-child {
        margin-bottom: 0; }
  .job-search .job-description .theme-form {
    margin-top: 30px;
    margin-bottom: 30px; }
    .job-search .job-description .theme-form .row div[class^="col-"] + div[class^="col-"] .select2-container {
      margin-top: 18px; }
    .job-search .job-description .theme-form .row div[class^="col-"] .job-select2 ~ .select2-container {
      margin-top: 0 !important; }
    .job-search .job-description .theme-form .row div[class^="col-"] .input-group .datepicker-here {
      font-size: 14px;
      border: 1px solid #efefef;
      padding-top: 12px;
      padding-bottom: 12px; }

.select2-container .select2-selection--single {
  border-radius: 0.25rem !important;
  border-color: #efefef;
  height: 47px !important;
  padding: 10px; }

.job-pagination {
  margin-bottom: 30px; }
  .job-pagination nav ul {
    justify-content: center; }

@media only screen and (max-width: 1366px) {
  .xl-mt-job {
    margin-bottom: 20px; } }

@media only screen and (max-width: 991px) {
  .filter-cards-view {
    padding: 20px !important; }
    .filter-cards-view .job-filter:first-child {
      margin-bottom: 20px; }
    .filter-cards-view .checkbox-animated {
      margin-top: 20px;
      margin-bottom: 20px; }
  .job-accordion .animate-chk {
    padding: 20px !important; }
  .job-search > p {
    margin-top: 20px; } }

@media only screen and (max-width: 575px) {
  .filter-cards-view {
    padding: 15px !important; }
    .filter-cards-view .job-filter:first-child {
      margin-bottom: 15px; }
    .filter-cards-view .checkbox-animated {
      margin-top: 15px;
      margin-bottom: 15px; }
  .job-accordion .animate-chk {
    padding: 15px !important; }
  .job-search p {
    margin-top: 15px; }
  .job-search .d-flex {
    display: block;
    text-align: center; }
    .job-search .d-flex .flex-grow-1 h6 .pull-right {
      float: none;
      margin-top: 3px;
      display: block; }
    .job-search .d-flex .flex-grow-1 h6 a {
      display: block; }
    .job-search .d-flex .flex-grow-1 p span + span {
      display: block;
      color: #E6E9EB; }
    .job-search .d-flex img {
      margin-bottom: 15px; }
    .job-search .d-flex .m-r-20 {
      margin-right: 0; }
  .job-search .job-description {
    margin-top: 15px; }
    .job-search .job-description .theme-form {
      margin-top: 15px;
      margin-bottom: 15px; }
      .job-search .job-description .theme-form .row div[class^="col-"] + div[class^="col-"] .select2-container {
        margin-top: 2px; }
      .job-search .job-description .theme-form .xs-mt-period {
        margin-top: 15px; }
  .job-pagination {
    margin-bottom: 15px; }
  .xl-mt-job {
    margin-bottom: 15px; } }

@media only screen and (max-width: 360px) {
  .job-search .job-description .btn {
    padding: 6px 12px; } }

.select-date .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 9px;
  right: 12px; }

/**=====================
    3.22 Job-search CSS End
==========================**/
/**=====================
  3.23 Jsgrid CSS Start
==========================**/
.jsgrid .jsgrid-grid-body .jsgrid-cell {
  padding: 0.75rem; }

.jsgrid .jsgrid-pager-container {
  text-align: right; }

.jsgrid .jsgrid-pager {
  padding: 0;
  margin-top: 20px; }
  .jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button {
    margin-right: -5px; }
    .jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button:first-child {
      border-radius: 5px 0 0 5px; }
  .jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button {
    margin-left: -5px; }
    .jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button:last-child {
      border-radius: 0 5px 5px 0; }
  .jsgrid .jsgrid-pager [class*="jsgrid-pager"] {
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    border: 1px solid #E6E9EB; }
  .jsgrid .jsgrid-pager .jsgrid-pager-page a {
    color: #2c323f; }
  .jsgrid .jsgrid-pager .jsgrid-pager-current-page {
    color: #2c323f; }

.jsgrid .jsgrid-selected-row > .jsgrid-cell {
  background: #E6E9EB;
  border-color: #fafafa; }

.jsgrid .jsgrid-header-row > .jsgrid-header-cell {
  padding: 0.75rem;
  font-weight: 500; }

/**=====================
  3.23 Jsgrid CSS Ends
==========================**/
/**=====================
  3.24 Kanban CSS start
==========================**/
.jkanban-container .btn {
  margin-bottom: 10px; }

.jkanban-container .note a {
  display: contents; }

.kanban-board-header {
  height: auto;
  width: auto;
  line-height: unset;
  background: #F5F5F5;
  border-bottom: 1px solid #ddd; }
  .kanban-board-header.bg-info ~ .kanban-drag {
    background-color: rgba(23, 56, 120, 0.3) !important; }
  .kanban-board-header.bg-warning ~ .kanban-drag {
    background-color: rgba(255, 174, 26, 0.3) !important; }
  .kanban-board-header.bg-success ~ .kanban-drag {
    background-color: rgba(0, 172, 70, 0.3) !important; }

.kanban-container {
  display: contents; }

.kanban-board {
  margin-bottom: 30px;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  border-radius: 8px;
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  overflow: hidden;
  width: calc(100% / 3 - 30px) !important; }
  .kanban-board .kanban-drag {
    background: #F5F5F5; }

.kanban-item {
  background: transparent;
  padding: 0;
  margin-bottom: 20px; }
  .kanban-item .kanban-box .badge {
    line-height: 13px; }
  .kanban-item p {
    opacity: 0.7; }
  .kanban-item:last-child {
    margin-bottom: 0; }
  .kanban-item .list {
    display: inline-block;
    opacity: 0.4; }
    .kanban-item .list li {
      display: inline-block;
      font-size: 12px;
      padding: 0px 4px; }
      .kanban-item .list li i {
        margin-right: 8px; }
  .kanban-item .kanban-box {
    border: 1px solid #efefef;
    border-radius: 5px;
    padding: 20px;
    position: relative;
    display: block;
    color: inherit;
    background-color: #fff; }
    .kanban-item .kanban-box:hover {
      color: inherit; }
    .kanban-item .kanban-box + .kanban-box {
      margin-top: 20px; }
    .kanban-item .kanban-box .badge {
      font-weight: 400; }
    .kanban-item .kanban-box h6 {
      font-size: 15px;
      margin-top: 5px;
      font-weight: 600;
      margin-bottom: 8px; }
    .kanban-item .kanban-box .dropdown {
      display: inline-block;
      right: 10px;
      position: absolute;
      top: 20px; }
      .kanban-item .kanban-box .dropdown .dropdown-item {
        font-size: 13px;
        font-weight: 500;
        padding: 5px 10px;
        text-align: left; }
      .kanban-item .kanban-box .dropdown svg {
        height: 14px; }
    .kanban-item .kanban-box .d-flex {
      justify-content: space-between; }
    .kanban-item .kanban-box .dropdown-toggle:after {
      content: none; }
    .kanban-item .kanban-box .customers ul li + li {
      margin-left: -10px; }
    .kanban-item .kanban-box .date {
      font-size: 11px;
      opacity: 0.5; }

footer {
  margin: 0;
  padding: 0; }

@media only screen and (max-width: 1199px) {
  .jkanban-container .btn {
    margin-bottom: 10px;
    margin-left: 20px; }
  .kanban-container .kanban-board {
    width: 320px !important; } }

@media only screen and (max-width: 600px) {
  .kanban-board .kanban-drag,
  .kanban-container .kanban-item .kanban-box {
    padding: 10px 15px; }
  .kanban-container .kanban-board {
    margin-left: 10px !important;
    margin-right: 10px !important; } }

@media only screen and (max-width: 480px) {
  .jkanban-container .card-body {
    padding: 20px 0 !important; }
  .kanban-board .kanban-drag,
  .kanban-container .kanban-item .kanban-box {
    padding: 10px 15px; }
  .kanban-container .kanban-board {
    width: 270px !important; } }

@media screen and (max-width: 375px) {
  .kanban-container .kanban-board {
    width: 258px !important; } }

/**=====================
   3.24 Kanban CSS ends
==========================**/
/**=====================
    3.25 Knowledgebase CSS start
==========================**/
.browse .browse-articles span {
  vertical-align: middle; }
  .browse .browse-articles span:nth-child(2) {
    padding-left: 20px;
    font-weight: 400; }
    [dir="rtl"] .browse .browse-articles span:nth-child(2) {
      padding-left: unset;
      padding-right: 20px; }
  .browse .browse-articles span svg {
    width: 14px;
    height: 14px;
    vertical-align: text-top;
    position: absolute;
    left: 0;
    top: 4px; }
    [dir="rtl"] .browse .browse-articles span svg {
      left: unset;
      right: 0; }

.browse .browse-articles h6 {
  padding-bottom: 10px;
  margin-bottom: 0px;
  border-bottom: 1px solid #fdfeff;
  padding-left: 40px; }
  [dir="rtl"] .browse .browse-articles h6 {
    padding-left: unset;
    padding-right: 40px; }
  .browse .browse-articles h6 span svg {
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    top: 0;
    left: 22px; }

.browse .browse-articles ul li {
  padding: 8px;
  border-radius: 8px; }
  .browse .browse-articles ul li a {
    color: #051A1A;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px; }
  .browse .browse-articles ul li:hover {
    background-color: #fdfeff; }

@media only screen and (max-width: 1366px) {
  .browse div[class^="col-"]:nth-child(3) {
    margin-top: 30px; } }

@media only screen and (max-width: 360px) {
  .browse .browse-articles ul li a span:nth-child(2) {
    width: 158px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block; } }

.badge.pull-right {
  padding-top: 8px; }

.articles-icons svg {
  min-width: 18px; }

.articles-icons .media-body h6 {
  margin-bottom: 8px; }

.media.faq-widgets svg {
  min-width: 18px; }

/**=====================
    3.25 Knowledgebase CSS End
==========================**/
/**=====================
    3.26 Landing CSS Start
==========================**/
html:hover .cursor {
  opacity: 1; }

.cursor {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: none; }
  .cursor--hover .cursor-inner {
    transform: scale(0.5);
    opacity: 0; }
  .cursor--hover .cursor-outer {
    transform: scale(1.4);
    border-color: #006666;
    opacity: 1; }

.cursor-move-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: -3px;
  margin-left: -3px; }

.cursor-move-outer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.cursor-inner {
  display: block;
  width: 80%;
  height: 80%;
  background: #006666;
  border-radius: 50%;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.cursor-outer {
  display: block;
  width: 70%;
  height: 70%;
  border: 1px solid #006666;
  border-radius: 50%;
  box-sizing: border-box;
  box-shadow: 0px 0px 4px 4px rgba(0, 102, 102, 0.22);
  transition: border 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.landing-page div canvas:first-child {
  display: none !important; }

/* MESH LOADER */
@keyframes mesh {
  0% {
    transform-origin: 50% -100%;
    transform: rotate(0); }
  50% {
    transform-origin: 50% -100%;
    transform: rotate(360deg); }
  50.1% {
    transform-origin: 50% 200%;
    transform: rotate(0deg); }
  100% {
    transform-origin: 50% 200%;
    transform: rotate(360deg); } }

@keyframes rotate-animation {
  0% {
    transform: rotate3d(1, 1, 1, 0deg); }
  25% {
    transform: rotate3d(1, 1, 1, 2deg); }
  50% {
    transform: rotate3d(1, 1, 1, 0deg); }
  75% {
    transform: rotate3d(1, 1, 1, -2deg); }
  100% {
    transform: rotate3d(1, 1, 1, 0deg); } }

.mesh-loader {
  overflow: hidden;
  height: inherit;
  width: inherit; }
  .mesh-loader .circle {
    position: absolute;
    background: #006666;
    border-radius: 50%;
    margin: -3px;
    animation: mesh 3s ease-in-out infinite -1.5s;
    width: 6px;
    height: 6px; }
  .mesh-loader > div .circle:last-child {
    animation-delay: 0s; }
  .mesh-loader > div {
    position: absolute;
    top: 50%;
    left: 50%; }
  .mesh-loader > div:last-child {
    transform: rotate(90deg); }

@-webkit-keyframes animloader14 {
  0% {
    transform: scale(0);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }

@keyframes animloader14 {
  0% {
    transform: scale(0);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }

.feature-box {
  padding: 16px 22px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start; }
  @media (max-width: 575px) {
    .feature-box {
      padding: 20px; } }
  .feature-box img {
    transition: all 0.3s ease; }
  .feature-box:hover {
    background-color: #006666; }
    .feature-box:hover h5 {
      color: #fff; }
    .feature-box:hover p {
      color: #fff; }
    .feature-box:hover img {
      transform: scale(0.7);
      animation: swing 2s ease infinite; }
    .feature-box:hover .feature-icon {
      background-color: rgba(0, 102, 102, 0.08); }
  .feature-box h5 {
    padding-bottom: 11px; }
  .feature-box .feature-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    border-radius: 17px;
    top: -20px;
    right: 22px;
    box-shadow: 5px 7px 4px 0px rgba(0, 0, 0, 0.2); }
    .feature-box .feature-icon div {
      height: 45px;
      width: 45px;
      border-radius: 17px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 102, 102, 0.08); }

.feature-section {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: 610px;
  padding-top: 70px;
  background-color: rgba(0, 102, 102, 0.06); }
  .feature-section .vector-image {
    top: 50px;
    right: -170px; }
    @media (max-width: 1674px) {
      .feature-section .vector-image {
        top: 60px;
        right: -160px; } }
    @media (max-width: 1600px) {
      .feature-section .vector-image {
        top: 0px;
        right: -20px; } }
    @media (max-width: 1655px) {
      .feature-section .vector-image {
        right: -130px; } }
    @media (max-width: 1595px) {
      .feature-section .vector-image {
        right: -6px;
        top: -10px; } }
    @media (max-width: 1399px) {
      .feature-section .vector-image {
        top: -6px;
        right: -10px; } }
    @media (max-width: 1199px) {
      .feature-section .vector-image {
        right: -12px; } }
    .feature-section .vector-image img {
      height: 370px; }
      @media (max-width: 1674px) {
        .feature-section .vector-image img {
          height: 340px; } }
      @media (max-width: 1655px) {
        .feature-section .vector-image img {
          height: 310px; } }
      @media (max-width: 1600px) {
        .feature-section .vector-image img {
          height: 300px; } }
      @media (max-width: 1399px) {
        .feature-section .vector-image img {
          height: 280px; } }
  .feature-section .round-gif {
    top: unset;
    bottom: 12%; }
    @media (max-width: 1660px) {
      .feature-section .round-gif {
        left: 0; } }
    @media (max-width: 1460px) {
      .feature-section .round-gif {
        bottom: unset;
        top: 6%; } }
    @media (max-width: 991px) {
      .feature-section .round-gif {
        top: -3%; } }
    @media (max-width: 575px) {
      .feature-section .round-gif {
        top: -2%; } }
    .feature-section .round-gif img {
      width: 105px;
      height: 105px; }
      @media (max-width: 1460px) {
        .feature-section .round-gif img {
          width: 90px;
          height: 90px; } }
      @media (max-width: 575px) {
        .feature-section .round-gif img {
          width: 70px;
          height: 70px; } }
.landing-page {
  color: #000248; }
  .landing-page .section-py-space {
    padding-top: 70px;
    padding-bottom: 70px; }
    .landing-page .section-py-space .title {
      margin-top: -5px;
      margin-bottom: 70px; }
      .landing-page .section-py-space .title h5 {
        color: #006666;
        text-align: center;
        font-family: Caveat;
        font-weight: 700;
        font-size: 20px; }
      .landing-page .section-py-space .title h2 {
        font-size: 40px;
        color: #051A1A;
        position: relative; }
        .landing-page .section-py-space .title h2::after {
          content: "";
          position: absolute;
          height: 5px;
          left: 50%;
          transform: translate(-50%);
          width: 51px;
          top: 60px;
          border-radius: 10px;
          background-color: #FE6A49; }
      .landing-page .section-py-space .title span {
        letter-spacing: 1.5px;
        color: rgba(5, 26, 26, 0.8); }
    .landing-page .section-py-space .support-title {
      z-index: 8;
      position: absolute;
      right: 50%;
      transform: translate(36%); }
      .landing-page .section-py-space .support-title h2 {
        font-weight: 700;
        font-size: 26px;
        text-align: end; }
      .landing-page .section-py-space .support-title .premium-button {
        text-align: end; }
      .landing-page .section-py-space .support-title p {
        letter-spacing: 1.5px;
        text-align: end;
        color: #86909C;
        margin-bottom: 0px;
        padding-bottom: 8px; }
    .landing-page .section-py-space .license-title h3 {
      position: absolute;
      top: 38%;
      left: 3%;
      transform: translate(10%);
      color: #006666;
      text-align: center;
      font-family: Caveat;
      font-weight: 700;
      font-size: 43px; }
  .landing-page .demo-section .dashboard-images .demo-box .img-wrraper img {
    border-radius: 10px;
    padding: 10px;
    border: 1px solid rgba(0, 102, 102, 0.65); }
    .landing-page .demo-section .dashboard-images .demo-box .img-wrraper img:hover {
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .demo-section .down-loader {
    position: relative; }
    .landing-page .demo-section .down-loader img {
      position: absolute;
      top: 310px; }
  .landing-page .demo-section .demo-box {
    background-color: rgba(0, 102, 102, 0.06);
    padding: 0px 21px 20px;
    border-radius: 10px; }
    .landing-page .demo-section .demo-box .layout-name {
      padding: 18px 0px 18px 0px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .landing-page .demo-section .demo-box .layout-name a {
        font-size: 17px;
        font-weight: 600;
        color: #006666;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal; }
      .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px; }
        .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li {
          height: 10px;
          width: 10px;
          border-radius: 100%;
          opacity: 0.5; }
          .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:first-child {
            background-color: #006666; }
          .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:nth-child(2) {
            background-color: #FE6A49; }
          .landing-page .demo-section .demo-box .layout-name .riho-demo-img ul li:last-child {
            background-color: #FFAE1A; }
    .landing-page .demo-section .demo-box .demo-title {
      padding-top: 20px;
      text-align: center; }
      .landing-page .demo-section .demo-box .demo-title .btn {
        text-transform: capitalize;
        border: 1px solid #006666;
        padding: 8px 15px;
        transition: all 0.5s ease;
        color: #fff; }
        .landing-page .demo-section .demo-box .demo-title .btn:hover {
          background-color: #006666;
          color: #fff; }
    .landing-page .demo-section .demo-box .img-wrraper {
      overflow: hidden;
      position: relative;
      border: 2px solid rgba(230, 233, 235, 0.65);
      border-radius: 10px; }
      .landing-page .demo-section .demo-box .img-wrraper img {
        transition: all 0.5s ease;
        width: 100%;
        padding: 6px; }
    .landing-page .demo-section .demo-box:hover .img-wrraper {
      transition: all 0.5s ease;
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .demo-section .demo-block {
    margin-bottom: -30px;
    justify-content: center; }
    .landing-page .demo-section .demo-block > div {
      margin-bottom: 30px; }
  .landing-page .application-section .app-box .img-wrraper img {
    border-radius: 10px;
    padding: 10px;
    background-color: rgba(0, 102, 102, 0.06);
    padding: 20px; }
    .landing-page .application-section .app-box .img-wrraper img:hover {
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .application-section .down-loader {
    position: relative; }
    .landing-page .application-section .down-loader img {
      position: absolute;
      top: 310px; }
  .landing-page .application-section .app-box {
    border-radius: 10px; }
    .landing-page .application-section .app-box .layout-name {
      padding: 18px 0px 18px 0px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .landing-page .application-section .app-box .layout-name a {
        font-size: 17px;
        font-weight: 600;
        color: #006666; }
      .landing-page .application-section .app-box .layout-name .riho-demo-img ul {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px; }
        .landing-page .application-section .app-box .layout-name .riho-demo-img ul li {
          height: 10px;
          width: 10px;
          border-radius: 100%;
          opacity: 0.5; }
          .landing-page .application-section .app-box .layout-name .riho-demo-img ul li:first-child {
            background-color: #006666; }
          .landing-page .application-section .app-box .layout-name .riho-demo-img ul li:nth-child(2) {
            background-color: #FE6A49; }
          .landing-page .application-section .app-box .layout-name .riho-demo-img ul li:last-child {
            background-color: #FFAE1A; }
    .landing-page .application-section .app-box .demo-title {
      padding-top: 20px;
      text-align: center; }
      .landing-page .application-section .app-box .demo-title .btn {
        text-transform: capitalize;
        border: none !important;
        background: linear-gradient(90deg, rgba(13, 126, 126, 0.08) -18.33%, rgba(0, 102, 102, 0.08) 62.78%) !important;
        padding: 8px 15px;
        font-weight: 600;
        transition: all 0.5s ease;
        color: #006666; }
        .landing-page .application-section .app-box .demo-title .btn:hover, .landing-page .application-section .app-box .demo-title .btn:active {
          background-color: #006666 !important;
          color: #fff !important; }
    .landing-page .application-section .app-box .img-wrraper {
      overflow: hidden;
      position: relative;
      border-radius: 10px; }
      .landing-page .application-section .app-box .img-wrraper img {
        transition: all 0.5s ease;
        width: 100%;
        background-color: rgba(0, 102, 102, 0.06);
        padding: 20px; }
    .landing-page .application-section .app-box:hover .img-wrraper {
      transition: all 0.5s ease;
      -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.16); }
  .landing-page .application-section .demo-block {
    margin-bottom: -30px;
    justify-content: center; }
    .landing-page .application-section .demo-block > div {
      margin-bottom: 30px; }

.demo-section .demo-box.dashboard-images .img-wrraper {
  position: relative;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  border-radius: 15px;
  overflow: hidden;
  transition: all 0.5s ease;
  background-color: #fff; }
  .demo-section .demo-box.dashboard-images .img-wrraper img {
    transition: all 0.5s ease;
    border-radius: 14px; }
  .demo-section .demo-box.dashboard-images .img-wrraper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    background-color: rgba(0, 102, 102, 0.09);
    z-index: 2;
    transition: all 0.5s ease; }
  .demo-section .demo-box.dashboard-images .img-wrraper .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    opacity: 0;
    z-index: 3;
    visibility: hidden;
    transform: scale(0) rotate(-90deg);
    transition: all 0.5s ease; }
    .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link {
      width: fit-content;
      margin: auto;
      z-index: 3; }
      .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li {
        display: inline-block; }
        .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li:nth-child(n+2) {
          margin-left: 10px; }
        .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li a {
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          width: 158px;
          height: 50px;
          border-radius: 12px;
          background-color: #fff; }
          .demo-section .demo-box.dashboard-images .img-wrraper .overlay ul.demo-link li a img {
            width: auto;
            height: 50%; }

.demo-section .demo-box.dashboard-images .demo-detail {
  padding-top: 25px; }
  .demo-section .demo-box.dashboard-images .demo-detail .demo-title {
    text-align: center; }
    .demo-section .demo-box.dashboard-images .demo-detail .demo-title h3 {
      font-size: 22px;
      font-family: "Montserrat", sans-serif;
      text-transform: capitalize;
      font-weight: 400;
      margin-bottom: -7px;
      color: #1A1C23; }

.animate-slider .slick-slide img {
  width: 100%; }

.text-marqee {
  height: 230px; }
  @media (max-width: 1199px) {
    .text-marqee {
      height: 166px; } }
  @media (max-width: 991px) {
    .text-marqee {
      height: 130px; } }
  @media (max-width: 767px) {
    .text-marqee {
      height: 95px; } }
  @media (max-width: 575px) {
    .text-marqee {
      height: 65px; } }
.marquee {
  padding-top: 70px;
  margin-bottom: -30px;
  animation: scrolling 40s linear infinite; }
  .marquee .marquee-name p {
    text-align: end; }
    .marquee .marquee-name p.big-title {
      margin-bottom: 0px;
      font-weight: 700;
      font-size: 60px;
      font-family: "Montserrat", sans-serif;
      text-transform: uppercase;
      color: #fff;
      -webkit-background-clip: text;
      background-image: linear-gradient(26deg, #006666, rgba(13, 126, 126, 0.19));
      -webkit-text-stroke: 2px transparent; }

@keyframes scrolling {
  0% {
    transform: translate(100vw); }
  100% {
    transform: translate(-117vw); } }

.f-light {
  color: #86909C; }

.vector-image {
  position: absolute; }
  @media (max-width: 991px) {
    .vector-image {
      display: none; } }
.loader-gif {
  right: 5%;
  top: 25%; }
  @media (max-width: 1199px) {
    .loader-gif {
      top: 32%; } }
  @media (max-width: 991px) {
    .loader-gif {
      right: 15px; } }
  @media (max-width: 575px) {
    .loader-gif {
      top: 28%; } }
.loader-line-gif {
  right: 15%;
  top: 12%; }
  @media (max-width: 1660px) {
    .loader-line-gif {
      right: 5%; } }
  @media (max-width: 1399px) {
    .loader-line-gif {
      top: 10%;
      right: 0; } }
  @media (max-width: 1199px) {
    .loader-line-gif {
      top: 9%; } }
  @media (max-width: 991px) {
    .loader-line-gif {
      top: 0; } }
  .loader-line-gif img {
    width: 130px; }
    @media (max-width: 575px) {
      .loader-line-gif img {
        width: 80px; } }
.rating-title {
  font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: normal; }

.layout h5 {
  margin-bottom: 10px;
  opacity: .8;
  letter-spacing: 1.2px; }

.layout .btn {
  padding: 0.15rem 0.5rem; }

.common-card {
  background: #FCFCFD;
  border: 2px solid #fff;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  border-radius: 10px; }

.testimonial-box {
  position: relative;
  padding: 20px 25px;
  text-align: left;
  margin-bottom: 33px; }
  .testimonial-box .rating-content {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px; }
  .testimonial-box h5 {
    font-size: 16px;
    margin-bottom: 0; }
  .testimonial-box .text-end span {
    font-size: 13px; }
  .testimonial-box .customer-img {
    width: 60px;
    height: 60px;
    background: #FFFAFA;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -25px; }
  .testimonial-box p {
    margin-bottom: 0; }

.about-section .slick-slide {
  padding: 0 14px; }

.testimonial-slider .slick-dots li {
  width: auto;
  height: auto; }
  .testimonial-slider .slick-dots li button {
    background: rgba(82, 82, 108, 0.2);
    border-radius: 20px;
    height: 5px;
    width: 11px;
    padding: 0;
    transition: all 0.5s; }
    .testimonial-slider .slick-dots li button::before {
      display: none; }
  .testimonial-slider .slick-dots li.slick-active button {
    background: #006666;
    border-radius: 20px;
    width: 20px;
    transition: all 0.5s; }

.customer-box {
  position: relative;
  background-color: #f7f7f7;
  text-align: center;
  padding: 40px 30px;
  border-radius: 25px;
  box-shadow: 30px 30px 33px rgba(119, 119, 119, 0.25); }
  @media (max-width: 1399px) {
    .customer-box {
      padding: 40px 35px; } }
  @media (max-width: 1199px) {
    .customer-box {
      padding: 30px 25px; } }
  @media (max-width: 991px) {
    .customer-box {
      padding: 17px 13px; } }
  @media (max-width: 575px) {
    .customer-box {
      box-shadow: 12px 12px 12px rgba(119, 119, 119, 0.25); } }
  .customer-box img {
    height: 70px;
    width: auto; }
    @media (max-width: 991px) {
      .customer-box img {
        height: 50px; } }
.customer-wrapper {
  position: relative;
  padding: 12px; }
  @media (max-width: 767px) {
    .customer-wrapper {
      padding: 0; } }
  .customer-wrapper .outline-box {
    position: absolute;
    bottom: -6px;
    left: -5px; }
    @media (max-width: 1399px) {
      .customer-wrapper .outline-box {
        bottom: -1px;
        left: 0px; } }
    @media (max-width: 1199px) {
      .customer-wrapper .outline-box {
        bottom: -1px;
        left: -2px;
        width: 120%; } }
    @media (max-width: 767px) {
      .customer-wrapper .outline-box {
        display: none; } }
.customer-wrap {
  margin: 0 -28px; }
  @media (max-width: 1199px) {
    .customer-wrap {
      margin: 0 -15px; } }
  @media (max-width: 991px) {
    .customer-wrap {
      margin: 0 -10px; } }
  @media (max-width: 767px) {
    .customer-wrap {
      margin: -12px; } }
  .customer-wrap > div {
    padding: 0 28px; }
    @media (max-width: 1199px) {
      .customer-wrap > div {
        padding: 0 15px; } }
    @media (max-width: 991px) {
      .customer-wrap > div {
        padding: 0 10px; } }
    @media (max-width: 767px) {
      .customer-wrap > div {
        padding: 12px; } }
  @media (max-width: 1199px) {
    .customer-wrap > div:last-child .outline-box {
      width: 100%; } }
.demo-section .title, .feature-section .title {
  margin-bottom: 30px;
  margin-top: -10px; }
  .demo-section .title h2, .feature-section .title h2 {
    color: #006666;
    font-size: 40px; }
  .demo-section .title span, .feature-section .title span {
    font-size: 15px;
    letter-spacing: 1.5px;
    color: rgba(5, 26, 26, 0.8); }

.framework {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: auto;
  background-color: rgba(0, 102, 102, 0.06); }
  .framework ul.framworks-list {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 45px;
    flex-wrap: wrap;
    margin-bottom: 1px; }
    .framework ul.framworks-list li {
      display: inline-block;
      display: flex;
      gap: 20px;
      align-items: center;
      min-width: 222px;
      gap: 10px;
      padding: 12px 20px 12px 12px;
      background-color: #fff;
      border-radius: 10px;
      width: fit-content;
      box-shadow: 0px 1.9217px 1.53736px 0px rgba(0, 102, 102, 0.03), 0px 4.6181px 3.69448px 0px rgba(0, 102, 102, 0.05), 0px 8.69547px 6.95638px 0px rgba(0, 102, 102, 0.06), 0px 10px 10px 0px rgba(0, 102, 102, 0.04);
      position: relative; }
      .framework ul.framworks-list li div {
        height: 70px;
        width: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        background-color: rgba(0, 102, 102, 0.1); }
      .framework ul.framworks-list li:nth-child(13) {
        margin-bottom: 0px; }
      .framework ul.framworks-list li:last-child {
        margin-bottom: 0px; }
      .framework ul.framworks-list li img {
        transition: all 0.3s ease;
        height: 30px; }
        .framework ul.framworks-list li img.img-68 {
          width: 68px; }
      .framework ul.framworks-list li h5 {
        margin-bottom: unset; }
      .framework ul.framworks-list li:hover {
        background-color: #fff; }
        .framework ul.framworks-list li:hover::before {
          content: "";
          position: absolute;
          height: 100%;
          width: 100%;
          top: 0px;
          left: 0px;
          border-radius: 10px; }
        .framework ul.framworks-list li:hover img {
          transform: scale(0.7);
          animation: swing 2s ease infinite; }
  .framework .wavy-gif {
    left: 100%;
    top: 23%; }
    .framework .wavy-gif svg {
      width: 80px;
      transform: rotate(90deg); }
      @media (max-width: 1199px) {
        .framework .wavy-gif svg {
          width: 60px; } }
      @media (max-width: 575px) {
        .framework .wavy-gif svg {
          width: 30px; } }
    .framework .wavy-gif path {
      stroke: #FFAE1A;
      stroke-dasharray: 500;
      stroke-dashoffset: 500;
      animation: dash 1.5s linear infinite; }

@keyframes dash {
  to {
    stroke-dashoffset: 0; } }
    @media (max-width: 1399px) {
      .framework .wavy-gif {
        right: 3%;
        top: 15%; } }
    @media (max-width: 991px) {
      .framework .wavy-gif {
        right: 1%;
        top: 10%; } }
    @media (max-width: 767px) {
      .framework .wavy-gif {
        top: 8%; } }
.frame-tab {
  background: rgba(244, 245, 248, 0.5);
  border-radius: 40px;
  border: none;
  gap: 10px;
  display: inline-flex;
  padding: 5px;
  margin-bottom: 50px; }
  .frame-tab .nav-item img {
    width: 21px;
    height: 21px; }
  .frame-tab .nav-item .nav-link {
    font-size: 18px;
    padding: 16px 40px;
    border-radius: 40px;
    background: transparent;
    border: none;
    color: rgba(0, 2, 72, 0.5);
    font-weight: 500; }
    @media (max-width: 991px) {
      .frame-tab .nav-item .nav-link {
        font-size: 16px;
        padding: 10px 25px; } }
    .frame-tab .nav-item .nav-link img {
      margin-right: 10px;
      filter: grayscale(1); }
    .frame-tab .nav-item .nav-link.active {
      color: #000248;
      background: #fff;
      box-shadow: 0px 7px 15px rgba(46, 35, 94, 0.06); }
      .frame-tab .nav-item .nav-link.active img {
        filter: unset; }
  @media (max-width: 575.98px) {
    .frame-tab.nav {
      display: inline-flex;
      background-color: transparent; } }
.framework-box {
  position: relative;
  display: flex;
  align-items: center;
  background: #FCFCFD;
  border: 2px solid #fff;
  box-shadow: 0px 5px 20px rgba(46, 35, 94, 0.12);
  border-radius: 50px 16px 16px 50px;
  padding: 18px 16px;
  gap: 16px;
  margin-left: 30px;
  transition: all 0.5s; }
  .framework-box::after {
    position: absolute;
    content: '';
    width: 40px;
    height: calc(100% + 4px);
    border-right: 1px dashed rgba(0, 2, 72, 0.2);
    right: -1px;
    border-top: 1px dashed rgba(0, 2, 72, 0.2);
    border-bottom: 1px dashed rgba(0, 2, 72, 0.2);
    border-radius: 10px;
    top: -1px;
    bottom: 0; }
  .framework-box .frame-icon {
    position: relative;
    min-width: 55px;
    height: 55px;
    background: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -48px; }
    @media (max-width: 575px) {
      .framework-box .frame-icon {
        min-width: 52px;
        height: 52px; } }
    .framework-box .frame-icon::before {
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      box-shadow: 3px 4px 5px rgba(46, 35, 94, 0.11), inset 3px 0px 1px rgba(204, 204, 215, 0.5);
      border-radius: 100%; }
    .framework-box .frame-icon img {
      width: 30px;
      height: 30px; }
      @media (max-width: 575px) {
        .framework-box .frame-icon img {
          width: 25px;
          height: 25px; } }
  .framework-box .frame-details {
    position: relative;
    text-align: left; }
    .framework-box .frame-details p {
      opacity: 0.7;
      margin-bottom: 0; }
    .framework-box .frame-details::before, .framework-box .frame-details::after {
      position: absolute;
      content: '';
      width: 8px;
      height: 8px;
      background: #FEFEFF;
      border: 1px solid rgba(0, 2, 72, 0.2);
      border-radius: 100%;
      right: 17px; }
    .framework-box .frame-details::before {
      top: -23px; }
    .framework-box .frame-details::after {
      bottom: -24px; }
  @media (min-width: 576px) {
    .framework-box:hover {
      transform: scale(1.05);
      transition: all 0.5s; } }
  .framework-box:hover .frame-icon::before {
    animation-name: rotate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }

@keyframes rotate {
  from {
    transform: rotate(-360deg); }
  to {
    transform: rotate(360deg); } }

.sub-title {
  font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 700;
  font-family: "Caveat", cursive;
  color: #FFB905; }

.rotate-title {
  color: #FF5A82; }

.landing-home {
  scroll-behavior: smooth;
  overflow: hidden;
  background-size: cover;
  height: 1060px;
  background-image: url(/../images/landing/demo-bg.png); }
  .landing-home .sub-title {
    font-size: calc(18px + (30 - 18) * ((100vw - 300px) / (1920 - 300))); }
  .landing-home .user-content {
    width: 36%;
    padding: 35px 0px;
    text-align: center;
    font-size: 15px;
    margin: auto; }
    .landing-home .user-content span {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: rgba(5, 26, 26, 0.8); }
  .landing-home .star-animate {
    position: relative; }
    .landing-home .star-animate img {
      height: 30px;
      width: 30px;
      position: absolute;
      top: 0px;
      left: 0px; }
  .landing-home .content .arrow-animate svg {
    top: 311px;
    right: 66px;
    height: 80px;
    width: 61px;
    position: absolute;
    animation: rotate-animation 2s linear infinite;
    transition: all 1s ease; }
  .landing-home .content h1 {
    margin-top: 167px;
    color: #051A1A;
    line-height: 1.2;
    font-weight: 600;
    font-size: calc(25px + (60 - 25) * ((100vw - 300px) / (1920 - 300))); }
    .landing-home .content h1 span {
      background: #006666;
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .landing-home .content h1 .sub-content {
      position: relative;
      gap: 35px; }
      .landing-home .content h1 .sub-content::before {
        content: "";
        background-color: #051A1A;
        position: absolute;
        top: 30px;
        left: 222px;
        height: 50px;
        border-radius: 10px;
        width: 24%;
        transform: rotate(3deg); }
      .landing-home .content h1 .sub-content button {
        background-color: #fff;
        border: 2.36px solid #051A1A;
        border-radius: 9px;
        padding: 14px 38px;
        font-weight: 600;
        font-size: 28px;
        transform: rotate(6deg);
        color: radial-gradient(circle, #1baeae 2%, #1a9494 50%, #048f8f 100%) !important;
        border-color: #051A1A;
        text-transform: uppercase;
        overflow: hidden; }
        .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider {
          width: 165px;
          position: relative; }
          .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
            content: "";
            background-image: linear-gradient(180deg, #24B5B5 0%, #228585 100%);
            position: absolute;
            border-radius: 15px;
            height: 10px;
            width: 10px;
            top: 8px;
            left: -21px;
            z-index: 1; }
        .landing-home .content h1 .sub-content button::before {
          content: "";
          background-color: #051A1A;
          height: 40px;
          width: 40px;
          position: absolute;
          right: -22px;
          top: -19px;
          border-radius: 25px; }
        .landing-home .content h1 .sub-content button::after {
          content: "";
          background-color: #051A1A;
          height: 24px;
          width: 24px;
          position: absolute;
          right: -8px;
          bottom: -12px;
          border-radius: 24px; }
        .landing-home .content h1 .sub-content button span {
          background: linear-gradient(180deg, #24B5B5 0%, #228585 100%);
          background-clip: text;
          -webkit-background-clip: text;
          font-size: 25px;
          font-weight: 600;
          text-transform: uppercase;
          -webkit-text-fill-color: transparent; }
  .landing-home .content p {
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    opacity: 0.8;
    width: 64%;
    margin: 0 auto; }
    @media (max-width: 1366px) {
      .landing-home .content p {
        width: 90%; } }
    @media (max-width: 767px) {
      .landing-home .content p {
        width: 100%; } }
  .landing-home .best-selling {
    position: relative;
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease; }
    .landing-home .best-selling img {
      position: absolute;
      top: 154px;
      left: -30%;
      transform: rotate(-15.412deg);
      z-index: 1; }
    .landing-home .best-selling .img-shadow {
      position: absolute;
      height: 230px;
      width: 245px;
      border-radius: 4px;
      left: -30%;
      top: 165px;
      transform: rotate(350deg);
      background-color: #E6E9EB; }
  .landing-home .nft-marketplace {
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease;
    position: relative; }
    .landing-home .nft-marketplace img {
      position: absolute;
      top: 174px;
      right: -35%;
      z-index: 1;
      transform: rotate(7deg); }
    .landing-home .nft-marketplace .nft-marketplace-shadow {
      position: absolute;
      height: 207px;
      border-radius: 4px;
      width: 299px;
      background-color: #E6E9EB;
      right: -30%;
      top: 210px;
      transform: rotate(1.053deg); }
  .landing-home .new-user-img {
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease;
    position: relative; }
    .landing-home .new-user-img img {
      position: absolute;
      bottom: 100px;
      right: -15%;
      transform: rotate(13.746deg);
      z-index: 1; }
    .landing-home .new-user-img .new-user-shadow {
      position: absolute;
      bottom: 152px;
      right: -17%;
      border-radius: 4px;
      transform: rotate(110.697deg);
      height: 218px;
      width: 221px;
      background-color: #E6E9EB; }
  .landing-home .total-revenue-img {
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease;
    position: relative; }
    .landing-home .total-revenue-img img {
      position: absolute;
      bottom: 250px;
      left: -30%;
      transform: rotate(-14.949deg);
      z-index: 1; }
    .landing-home .total-revenue-img .total-revenue-shadow {
      background-color: #E6E9EB;
      position: absolute;
      border-radius: 4px;
      height: 110px;
      width: 204px;
      bottom: 269px;
      left: -28%;
      transform: rotate(341deg); }
  .landing-home .screen-1 {
    background-color: #fff;
    border-radius: 20px;
    border: 2px solid #000;
    padding: 20px;
    width: fit-content;
    margin: auto;
    position: relative; }
  .landing-home .screen-2 {
    position: absolute;
    bottom: 175px;
    left: 55px;
    animation: rotate-animation 20s linear infinite;
    transition: all 0.3s ease; }
    .landing-home .screen-2 img {
      position: relative;
      transform: rotate(359deg);
      border-radius: 14px;
      transform: rotate(-3.435deg);
      z-index: 1; }
    .landing-home .screen-2 .screen-sidebar {
      position: absolute;
      height: 459px;
      width: 95px;
      border-radius: 4px;
      top: 24px;
      transform: rotate(350deg);
      background-color: #E6E9EB; }
  .landing-home .star-img {
    position: relative; }
    .landing-home .star-img .start-animate {
      position: absolute;
      bottom: 540px;
      left: -22%; }
  .landing-home .star-img-left {
    position: relative; }
    .landing-home .star-img-left .start-animate-rotate {
      position: absolute;
      bottom: 440px;
      right: -22%; }
  .landing-home .btn-grp {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center; }
    @media (max-width: 767px) {
      .landing-home .btn-grp {
        gap: 12px; } }
    @media (max-width: 575px) {
      .landing-home .btn-grp {
        flex-wrap: wrap;
        gap: 10px; } }
    .landing-home .btn-grp img {
      height: 30px; }
      @media (max-width: 767px) {
        .landing-home .btn-grp img {
          height: 22px; } }
      @media (max-width: 575px) {
        .landing-home .btn-grp img {
          height: 20px; } }
  .landing-home .content {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1; }
    @media (max-width: 1366px) {
      .landing-home .content {
        margin-top: 170px; } }
    @media (max-width: 1199px) {
      .landing-home .content {
        margin-top: 140px; } }
    @media (max-width: 575px) {
      .landing-home .content {
        margin-top: 100px; } }
  .landing-home .content-title {
    position: relative;
    display: inline-block; }
    .landing-home .content-title .arrow-decore {
      position: absolute;
      left: -203px;
      top: -25px; }
      @media (max-width: 1660px) {
        .landing-home .content-title .arrow-decore {
          left: -166px;
          width: 150px; } }
      @media (max-width: 991px) {
        .landing-home .content-title .arrow-decore {
          left: -125px;
          width: 110px;
          top: -14px; } }
      @media (max-width: 575px) {
        .landing-home .content-title .arrow-decore {
          left: -61px;
          width: 60px;
          top: -4px; } }
  .landing-home .sticky-header header .nav-padding {
    padding: 35px 200px 25px; }

.navbar {
  justify-content: flex-start; }
  .navbar .navbar-toggler {
    margin-left: auto; }

.navbar-nav {
  align-items: center; }
  .navbar-nav .nav-item {
    position: relative; }
    .navbar-nav .nav-item .nav-link {
      font-size: 18px;
      letter-spacing: 1px;
      padding: 12px 20px;
      transition: all 0.3s ease;
      position: relative; }
      .navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item .nav-link:active, .navbar-nav .nav-item .nav-link.active {
        opacity: 1;
        transition: all 0.3s ease; }
        .navbar-nav .nav-item .nav-link:hover::before, .navbar-nav .nav-item .nav-link:active::before, .navbar-nav .nav-item .nav-link.active::before {
          content: '';
          position: absolute;
          height: 3px;
          top: 35px;
          width: 15px;
          color: #006666;
          background-color: #006666; }

.landing-page .navbar-expand-xl .navbar-collapse {
  background-color: transparent; }

.landing-page .page-body-wrapper {
  min-height: 100vh;
  background: #eaf4ff;
  overflow: hidden; }

.landing-page .buy-btn {
  font-size: 16px;
  background: linear-gradient(90deg, #006666 -18.33%, #006666 62.78%);
  border-radius: 7px;
  padding: 11px 39px;
  margin-left: 10px; }
  @media (max-width: 991px) {
    .landing-page .buy-btn {
      padding: 12px 35px; } }
  @media (max-width: 767px) {
    .landing-page .buy-btn {
      padding: 9px 20px;
      font-size: 14px; } }
  .landing-page .buy-btn a {
    color: #fff;
    padding: 0; }

.landing-page .navbar-nav .nav-item .nav-link {
  letter-spacing: 1.5px;
  color: #051A1A;
  text-transform: capitalize; }
  .landing-page .navbar-nav .nav-item .nav-link a:active {
    color: #006666; }

.landing-page .sticky-header header {
  background: transparent;
  box-shadow: none;
  z-index: 100;
  left: 0;
  height: auto; }
  .landing-page .sticky-header header.sticky {
    margin-top: 0; }
    .landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {
      font-size: 16px;
      padding: 15px 12px; }

.navbar-expand-xl .navbar-brand {
  padding-left: 18px; }

.navbar-expand-xl .navbar-collapse {
  flex-flow: row nowrap;
  justify-content: flex-end;
  background-color: #fff; }

.faq-section .accordion {
  display: flex;
  flex-direction: column;
  gap: 20px; }
  .faq-section .accordion-button, .faq-section .accordion-body {
    padding: 0; }
  .faq-section .accordion-button:not(.collapsed) {
    color: #006666;
    background: transparent; }
  .faq-section .accordion-button:focus {
    box-shadow: unset;
    border: none; }
  .faq-section .accordion-button::after {
    font-family: 'IcoFont';
    content: "\eb25";
    font-size: 24px;
    background: unset;
    width: auto;
    height: auto;
    margin-bottom: -4px; }
  .faq-section .accordion-body {
    padding-top: 14px;
    margin-top: 14px;
    border-top: 1px solid rgba(82, 82, 108, 0.5);
    text-align: left; }

.faq-section .vector-image {
  left: -160px;
  top: 30px; }
  @media (max-width: 1600px) {
    .faq-section .vector-image {
      left: 60px;
      top: -30px; } }
  @media (max-width: 1199px) {
    .faq-section .vector-image {
      left: 0px;
      top: -30px; } }
  .faq-section .vector-image img {
    height: 400px; }
    @media (max-width: 1600px) {
      .faq-section .vector-image img {
        height: 270px; } }
.pricing-section .loader-gif {
  top: -5%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-gif {
      top: -11%;
      right: 2%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-gif {
      top: -2%;
      right: 2%; } }
  .pricing-section .loader-gif .loader-1 {
    width: 56px;
    height: 56px; }
    .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
      width: 56px;
      height: 56px; }
    @media (max-width: 575px) {
      .pricing-section .loader-gif .loader-1 {
        width: 40px;
        height: 40px; }
        .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
          width: 40px;
          height: 40px; } }
.pricing-section .loader-line-gif {
  right: unset;
  top: unset;
  left: 22%;
  bottom: 15%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 12%; } }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 16%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-line-gif {
      left: 10px;
      bottom: -20px; }
      .pricing-section .loader-line-gif img {
        width: 90px; } }
.pricing-box {
  background: rgba(243, 245, 245, 0.5);
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 30px 20px; }
  .pricing-box img {
    width: 23px;
    height: 22px; }
  @media (max-width: 767px) {
    .pricing-box {
      padding: 20px 15px; } }
  .pricing-box p {
    color: #52526C; }
  .pricing-box h4 {
    margin-bottom: 20px; }
    @media (max-width: 575px) {
      .pricing-box h4 {
        margin-bottom: 15px; } }
  .pricing-box p {
    line-height: 1.5; }
  .pricing-box .purchase-details {
    background: #FCFCFD;
    border: 2px solid #fff;
    box-shadow: 0px 4px 20px rgba(46, 35, 94, 0.05);
    border-radius: 10px;
    padding: 24px 40px;
    margin-top: 20px; }
    @media (max-width: 1199px) {
      .pricing-box .purchase-details {
        padding: 24px 20px; } }
    .pricing-box .purchase-details h2 {
      margin-bottom: 14px; }
    .pricing-box .purchase-details .btn-lg {
      font-weight: 500;
      padding: 12px 20px;
      width: 100%;
      min-width: auto; }
      @media (max-width: 1199px) {
        .pricing-box .purchase-details .btn-lg {
          padding: 12px 10px;
          font-size: 15px; } }
.license-list {
  display: flex;
  flex-direction: column;
  gap: 15px; }
  @media (max-width: 767px) {
    .license-list {
      gap: 10px; } }
  .license-list li {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 10px; }
    @media (max-width: 991px) {
      .license-list li {
        gap: 5px; } }
    @media (max-width: 575px) {
      .license-list li img {
        width: 18px;
        height: 18px; } }
    .license-list li h6 {
      font-weight: normal;
      margin-bottom: 0; }

.benefit-box {
  position: relative;
  background: rgba(241, 242, 242, 0.5);
  padding: 40px 10px;
  box-shadow: 17px 17px 20px rgba(186, 186, 187, 0.3);
  border-radius: 30px; }
  @media (max-width: 991px) {
    .benefit-box {
      padding: 30px 10px; } }
  @media (max-width: 575px) {
    .benefit-box {
      padding: 20px 10px; } }
  .benefit-box svg {
    width: 40px;
    height: 40px; }
    @media (max-width: 991px) {
      .benefit-box svg {
        width: 30px;
        height: 30px; } }
  .benefit-box::after {
    position: absolute;
    content: '';
    width: 54px;
    height: 8px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px 10px 0 0; }
  @media (max-width: 991px) {
    .benefit-box h2 {
      font-size: 25px; } }
  .benefit-box h6 {
    font-weight: 400;
    color: #52526C;
    opacity: 0.7; }
  .benefit-box.pink h2 {
    color: #FF3692; }
  .benefit-box.pink::after {
    background: #FF3692; }
  .benefit-box.purple h2 {
    color: #7238FF; }
  .benefit-box.purple::after {
    background: #7238FF; }
  .benefit-box.red h2 {
    color: #FF3556; }
  .benefit-box.red::after {
    background: #FF3556; }
  .benefit-box.warning h2 {
    color: #FFAA05; }
  .benefit-box.warning::after {
    background: #FFAA05; }

.rating-title {
  display: flex;
  align-items: center;
  justify-content: center; }
  .rating-title .decore-1 {
    margin-top: -35px;
    animation: animationtop 5s infinite; }

@keyframes arrowsvg {
  0% {
    transform: scale(0);
    transform-origin: left; }
  100% {
    transform: scale(1);
    transform-origin: left; } }

.ratings li i {
  color: #FFAA05; }

.components-section {
  background: linear-gradient(179deg, rgba(247, 248, 249, 0) 8.83%, #F7F8F9 50%); }

.component_responsive {
  flex-wrap: initial; }

.component-hover-effect {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #FCFCFD;
  border: 2px solid #fff;
  box-shadow: 0px 4px 10px rgba(46, 35, 94, 0.07);
  border-radius: 5px;
  padding: 20px;
  justify-content: center;
  min-height: 78px; }
  @media (max-width: 767px) {
    .component-hover-effect {
      padding: 13px;
      min-height: 68px; } }
  .component-hover-effect svg {
    width: 26px;
    height: 26px; }

.ptb50 {
  padding: 80px 0; }
  @media (max-width: 991.98px) {
    .ptb50 {
      padding: 60px 0; } }
  @media (max-width: 575.98px) {
    .ptb50 {
      padding: 50px 0; } }
.purchase-btn {
  padding: 12px 20px;
  min-width: 200px;
  border: none; }
  @media (max-width: 991px) {
    .purchase-btn {
      min-width: 160px; } }
  @media (max-width: 767px) {
    .purchase-btn {
      min-width: 140px;
      padding: 10px 17px;
      font-size: 16px; } }
@keyframes move_wave {
  0% {
    transform: translateX(0) translateZ(0) scaleY(1); }
  50% {
    transform: translateX(-25%) translateZ(0) scaleY(0.55); }
  100% {
    transform: translateX(-50%) translateZ(0) scaleY(1); } }

footer h2 {
  font-size: calc(24px + (70 - 24) * ((100vw - 300px) / (1920 - 300))); }

footer .license-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: calc(15px + (30 - 15) * ((100vw - 300px) / (1920 - 300)));
  gap: calc(15px + (30 - 15) * ((100vw - 300px) / (1920 - 300))); }
  @media (max-width: 991px) {
    footer .license-list {
      gap: 20px; } }
  @media (max-width: 767px) {
    footer .license-list {
      gap: 15px; } }
  @media (max-width: 575px) {
    footer .license-list {
      flex-wrap: wrap; } }
  footer .license-list h6 {
    color: #fff; }

.tap-top {
  text-align: center;
  cursor: pointer;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 5;
  color: #fff;
  border: 1px solid #fff;
  background: var(--theme-deafult);
  padding: 7px;
  box-shadow: 0 0 10px var(--theme-deafult);
  opacity: 0.5;
  transition: all 0.3s ease; }
  .tap-top:hover {
    transition: all 0.3s ease;
    opacity: 1; }
  .tap-top svg {
    width: 20px; }

@keyframes animationFramesOne {
  0% {
    transform: translate(0px, 0px) rotate(0deg); }
  20% {
    transform: translate(73px, -1px) rotate(36deg); }
  40% {
    transform: translate(141px, 72px) rotate(72deg); }
  60% {
    transform: translate(83px, 122px) rotate(108deg); }
  80% {
    transform: translate(-40px, 72px) rotate(144deg); }
  100% {
    transform: translate(0px, 0px) rotate(0deg); } }

.page-wrapper,
.landing-page {
  overflow: hidden; }

.landing-page {
  overflow-x: hidden;
  overflow-y: visible; }

.app-bg-1 {
  background: #F9F7F7; }

.app-bg-2 {
  background: #F3F5F5; }

.app-bg-3 {
  background: #EFF5F8; }

.app-bg-4 {
  background: #F0F5F7; }

.app-bg-5 {
  background: #F5F4F3; }

.app-bg-6 {
  background: #F8F8FA; }

.flower-gif {
  top: -40px;
  left: 19%; }
  @media (max-width: 991px) {
    .flower-gif {
      top: 0;
      left: 15%; } }
  @media (max-width: 767px) {
    .flower-gif {
      left: 8%; } }
  @media (max-width: 575px) {
    .flower-gif {
      display: none; } }
.navabr_btn-set {
  position: relative; }
  .navabr_btn-set:focus {
    outline: 0; }
  .navabr_btn-set span {
    display: block;
    background-color: #fff;
    height: 3px;
    width: 25px;
    margin-top: 4px;
    margin-bottom: 4px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 0;
    opacity: 1; }
  .navabr_btn-set:not(.custom_nav) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9; }
  .navabr_btn-set:not(.custom_nav) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent; }
  .navabr_btn-set:not(.custom_nav) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9; }

.navbar-b {
  transition: all .5s ease-in-out;
  background-color: transparent;
  padding-top: 1.563rem;
  padding-bottom: 1.563rem; }

.fixed-top {
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  display: flex;
  left: 0;
  z-index: 1030; }

.navbar-toggler span {
  display: block;
  background-color: transparent;
  height: 3px;
  width: 25px;
  z-index: 112;
  margin-top: 4px;
  margin-bottom: 4px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 0;
  opacity: 1; }
  .navbar-toggler span:nth-child(1) {
    transition: transform .35s ease-in-out; }
  .navbar-toggler span:nth-child(3) {
    transition: transform .35s ease-in-out; }

.navbar-toggler:focus {
  box-shadow: none; }

.navbar_nav_modify li {
  text-align: center; }

.sticky-header header {
  position: fixed;
  width: 100%;
  z-index: 6;
  text-align: center;
  line-height: normal;
  height: 80px;
  background: var(--theme-deafult);
  color: #fff;
  box-shadow: 0 0 5px 1px rgba(5, 56, 111, 0.1);
  transition: all 0.4s ease; }
  .sticky-header header .nav-padding {
    padding: 20px 200px; }
  .sticky-header header.sticky {
    line-height: normal;
    background: #fff;
    text-align: left; }
    .sticky-header header.sticky .nav-padding {
      padding: 7px 14px; }

.landing-footer .footer-contain h2 {
  width: 65%;
  margin-bottom: 5px; }

.landing-footer .footer-contain p {
  margin-bottom: 8px; }

.landing-footer .footer-contain .star-rate {
  margin-bottom: 50px; }

.title-padding {
  padding: 130px 0; }

@keyframes mover {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-4px); } }

.landing-footer {
  background-image: url(/../images/landing/bg-footer.png);
  background-size: cover; }
  .landing-footer .footer-contain {
    text-align: center; }
    .landing-footer .footer-contain .rating-wrraper {
      margin-bottom: 40px; }
      .landing-footer .footer-contain .rating-wrraper svg {
        width: auto;
        height: calc(95px + (120 - 95) * ((100vw - 320px) / (1920 - 320))); }
    .landing-footer .footer-contain h2 {
      font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1920 - 320)));
      font-weight: 600;
      margin-bottom: 0px;
      line-height: 1.4;
      font-family: "Montserrat", sans-serif;
      width: 100%;
      color: #fff;
      margin-left: auto;
      margin-right: auto; }
    .landing-footer .footer-contain p {
      font-size: calc(12px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
      color: #fff; }
    .landing-footer .footer-contain .star-rate {
      margin-bottom: 40px; }
      .landing-footer .footer-contain .star-rate li {
        display: inline-block; }
        .landing-footer .footer-contain .star-rate li i {
          font-size: calc(14px + (35 - 20) * ((100vw - 320px) / (1920 - 320))); }
    .landing-footer .footer-contain .btn-footer {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      gap: 15px; }
      .landing-footer .footer-contain .btn-footer a:nth-child(n+2) {
        margin-left: 10px; }

.pricing-section .support-img {
  display: flex;
  align-items: center;
  justify-content: center; }
  .pricing-section .support-img img {
    position: relative;
    height: auto; }
  .pricing-section .support-img h4 {
    position: absolute;
    right: -48px;
    font-size: 40px;
    font-weight: 700;
    transform: rotate(270deg);
    bottom: 33%; }

@media (max-width: 1399px) {
  .pricing-section .support-img img {
    width: 730px; }
  .pricing-section .support-img h4 {
    right: 47px;
    font-size: 33px; } }

.pricing-section .landing-title h5 {
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: #006666; }

.pricing-section .landing-title h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin: 10px 0px; }

.pricing-section .landing-title .support-button:hover {
  color: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); }

.pricing-section .landing-title p {
  width: 100%; }

.pricing-section .loader-gif {
  top: -5%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-gif {
      top: -11%;
      right: 2%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-gif {
      top: -2%;
      right: 2%; } }
  .pricing-section .loader-gif .loader-1 {
    width: 56px;
    height: 56px; }
    .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
      width: 56px;
      height: 56px; }
    @media (max-width: 575px) {
      .pricing-section .loader-gif .loader-1 {
        width: 40px;
        height: 40px; }
        .pricing-section .loader-gif .loader-1::after, .pricing-section .loader-gif .loader-1::before {
          width: 40px;
          height: 40px; } }
.pricing-section .loader-line-gif {
  right: unset;
  top: unset;
  left: 22%;
  bottom: 15%; }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 12%; } }
  @media (max-width: 1600px) {
    .pricing-section .loader-line-gif {
      left: 16%; } }
  @media (max-width: 991px) {
    .pricing-section .loader-line-gif {
      left: 10px;
      bottom: -20px; }
      .pricing-section .loader-line-gif img {
        width: 90px; } }
.pricing-box {
  background: rgba(243, 245, 245, 0.5);
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 30px 20px; }
  .pricing-box img {
    width: 23px;
    height: 22px; }
  @media (max-width: 767px) {
    .pricing-box {
      padding: 20px 15px; } }
  .pricing-box p {
    color: #52526C; }
  .pricing-box h4 {
    margin-bottom: 20px; }
    @media (max-width: 575px) {
      .pricing-box h4 {
        margin-bottom: 15px; } }
  .pricing-box p {
    line-height: 1.5; }
  .pricing-box .purchase-details {
    background: #FCFCFD;
    border: 2px solid #fff;
    box-shadow: 0px 4px 20px rgba(46, 35, 94, 0.05);
    border-radius: 10px;
    padding: 24px 40px;
    margin-top: 20px; }
    @media (max-width: 1199px) {
      .pricing-box .purchase-details {
        padding: 24px 20px; } }
    .pricing-box .purchase-details h2 {
      margin-bottom: 14px; }
    .pricing-box .purchase-details .btn-lg {
      font-weight: 500;
      padding: 12px 20px;
      width: 100%;
      min-width: auto; }
      @media (max-width: 1199px) {
        .pricing-box .purchase-details .btn-lg {
          padding: 12px 10px;
          font-size: 15px; } }
.license-list {
  display: flex;
  flex-direction: column;
  gap: 15px; }
  @media (max-width: 767px) {
    .license-list {
      gap: 10px; } }
  .license-list li {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 10px; }
    @media (max-width: 991px) {
      .license-list li {
        gap: 5px; } }
    @media (max-width: 575px) {
      .license-list li img {
        width: 18px;
        height: 18px; } }
    .license-list li h6 {
      font-weight: normal;
      margin-bottom: 0; }

@media (max-width: 1799px) {
  .marquee .marquee-name p.big-title {
    font-size: 50px; } }

@media (max-width: 1700px) {
  .landing-home {
    height: 992px; }
    .landing-home .content h1 .sub-content:before {
      top: 28px;
      left: 210px; }
  .nft-marketplace img {
    height: 180px; }
  .nft-marketplace .nft-marketplace-shadow {
    width: 220px !important;
    height: 155px !important; }
  .best-selling img {
    width: calc(140px + (234 - 140) * ((100vw - 768px) / (1920 - 768))) !important;
    height: calc(140px + (234 - 140) * ((100vw - 768px) / (1920 - 768))) !important; }
  .best-selling .img-shadow {
    width: calc(213px + (165 - 150) * ((100vw - 768px) / (1920 - 768))) !important;
    height: calc(140px + (230 - 140) * ((100vw - 768px) / (1920 - 768))) !important; } }

@media (max-width: 1367px) {
  .landing-page .landing-home .content h1 {
    margin-top: 5px; }
  .landing-page .landing-home .content .arrow-animate svg {
    display: none; }
  .landing-page .landing-home .best-selling .img-shadow {
    left: -32%; }
  .landing-page .unique-cards.section-py-space .support-title h2 {
    font-size: 22px; }
  .landing-page .unique-cards.section-py-space .support-title p {
    font-size: 12px; } }

@media (max-width: 1599px) {
  .marquee .marquee-name p.big-title {
    font-size: 40px; } }

@media (max-width: 1440px) {
  .landing-page .demo-section .down-loader {
    display: none; }
  .framework {
    height: 654px; }
  .landing-home {
    height: 948px; }
    .landing-home .screen-2 {
      display: none; }
    .landing-home .content h1 .sub-content::before {
      width: 30%;
      top: 25px;
      left: 176px;
      height: 50px; }
  .nft-marketplace img {
    height: 150px; }
  .nft-marketplace .nft-marketplace-shadow {
    width: 176px !important;
    height: 126px !important; }
  .best-selling img {
    height: 145px; }
  .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    padding: 12px 7px; }
  .feature-section {
    height: 776px; }
    .feature-section .loader-gif {
      display: none; } }

@media (max-width: 1399px) {
  .landing-home .content h1 span {
    font-size: 40px; }
  .landing-home .sticky-header header .nav-padding {
    padding: 28px 100px 25px; }
  .framework {
    height: 792px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 7%;
    right: 52%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 22px; }
    .landing-page .unique-cards.section-py-space .support-title p {
      font-size: 12px; } }

/* ========= responsive scss for 1200 screen ========= */
@media only screen and (max-width: 1199px) {
  .marquee .marquee-name p.big-title {
    font-size: 30px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 7%;
    right: 52%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 20px; }
    .landing-page .unique-cards.section-py-space .support-title p {
      font-size: 12px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 2%;
    font-size: 35px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -46px;
    font-size: 33px; }
  .landing-page .section-py-space .title h2 {
    font-size: 30px; }
  .landing-page .section-py-space .title span {
    font-size: 12px; }
  .landing-page .feature-section .title span {
    font-size: 14px; }
  .landing-home {
    height: 670px; }
    .landing-home .content h1 {
      font-size: 30px; }
      .landing-home .content h1 .sub-content:before {
        width: 38%;
        left: 129px;
        padding: 13px 33px;
        height: 73%; }
      .landing-home .content h1 .sub-content button span {
        font-size: 20px; }
      .landing-home .content h1 .sub-content button .animate-button-slide .notification-slider::before {
        top: 6px; }
      .landing-home .content h1 span {
        font-size: 28px; }
    .landing-home .sticky-header header .nav-padding {
      padding: 20px; }
  .feature-section {
    height: auto; }
  .framework {
    height: auto; }
  .nft-marketplace img {
    display: none; }
  .nft-marketplace .nft-marketplace-shadow {
    display: none; }
  .best-selling img {
    display: none; }
  .best-selling .img-shadow {
    display: none; }
  .total-revenue-img img {
    display: none; }
  .total-revenue-img .total-revenue-shadow {
    display: none; }
  .new-user-img img {
    display: none; }
  .new-user-img .new-user-shadow {
    display: none; }
  .sticky-header header.sticky .nav-padding {
    padding: 15px 25px; }
  .navbar-toggler span {
    background-color: #006666; }
  .application-sec.demo-section .demo-box, .main-sec.demo-section .demo-box {
    padding: 0 20px; }
  .sticky-header .navbar-nav .nav-item .nav-link {
    color: #000;
    padding: 10px 12px !important;
    font-size: 15px; }
  .sticky-header .navbar-nav li {
    display: block;
    width: 100%; }
  .landing-page .navbar-expand-xl .navbar-collapse {
    background-color: white;
    margin-top: 20px;
    position: absolute;
    width: calc(100% - 30px);
    left: 15px;
    top: 70px; } }
  @media only screen and (max-width: 1199px) and (max-width: 575px) {
    .landing-page .navbar-expand-xl .navbar-collapse {
      top: 34px; } }
@media only screen and (max-width: 1199px) {
    .landing-page .navbar-expand-xl .navbar-collapse .navbar-nav {
      padding: 20px 30px 30px 30px; }
  header.sticky .navbar-expand-xl .navbar-collapse {
    top: 50px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; }
  .landing-main .sticky .navbar-expand-xl .navbar-brand {
    top: 8px; }
  .landing-main .sticky .navbar-expand-xl .navabr_btn-set {
    top: 16px; }
  .landing-main .navbar-toggler span {
    background-color: #fff; }
  .landing-main .navbar_nav_modify {
    width: 100vw;
    left: 0;
    position: fixed;
    height: 100vh;
    background-color: #293240;
    top: 0;
    padding: 120px 0px; }
  .landing-main h4 {
    font-size: 20px; }
  .landing-main .navbar-expand-xl .navabr_btn-set {
    position: fixed;
    top: 24px;
    z-index: 1;
    right: 20px; }
  .landing-main .navbar-expand-xl .navbar-brand {
    padding-left: 5px;
    z-index: 1;
    position: fixed;
    top: 14px; }
  .landing-main .navbar-expand-xl .navbar-collapse .navbar-nav .nav-item a {
    padding: 28px 60px;
    width: 16px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center; }
  .landing-main .navbar-expand-lg .navbar-brand {
    padding-left: 5px; }
  .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
    padding: 9px; } }

@media only screen and (max-width: 1099px) {
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 47%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 16px;
      padding-bottom: 15px; }
    .landing-page .unique-cards.section-py-space .support-title p {
      display: none; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 2%;
    font-size: 35px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -46px;
    font-size: 33px; } }

/* ========= responsive scss for 992 screen ========= */
@media only screen and (max-width: 991px) {
  .marquee {
    padding-top: 40px; }
    .marquee .marquee-name p.big-title {
      font-size: 25px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 8%;
    width: 100%;
    right: 76%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 14px;
      padding-bottom: 14px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 15%;
    font-size: 19px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 370px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: 84px;
    font-size: 20px; }
  .feature-section {
    height: 936px; }
  .framework {
    height: auto; }
  .landing-home .navbar-brand img {
    height: 35px; }
  .landing-home .content h1 .sub-content {
    padding-top: 16px !important; }
    .landing-home .content h1 .sub-content button .animate-button-slide .notification-slider::before {
      content: "";
      top: 6px; }
  .frameworks-section > .container {
    max-width: 100%; }
  .landing-main .navbar-expand-lg .navbar-collapse {
    position: absolute;
    top: 90px;
    background-color: white;
    width: calc(100% - 30px);
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    padding: 15px; }
  .landing-main .navbar-expand-lg .navbar-toggler {
    background-color: #fff; }
    .landing-main .navbar-expand-lg .navbar-toggler .navbar-toggler-icon i {
      margin-top: 5px;
      color: var(--theme-deafult); }
  .landing-main .navbar-expand-lg .navbar-collapse {
    background-color: #fff;
    z-index: 111; }
    .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
      color: #000; } }

/* ========= responsive scss for 768 screen ========= */
@media only screen and (max-width: 767px) {
  .marquee .marquee-name p.big-title {
    font-size: 18px; }
  .feature-section .feature-box .feature-icon {
    top: -19px;
    right: 10px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 75%; }
    .landing-page .unique-cards.section-py-space .support-title h2 {
      font-size: 12px;
      padding-bottom: 14px; }
    .landing-page .unique-cards.section-py-space .support-title a {
      font-size: 12px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 8%;
    font-size: 20px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 330px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -10px;
    font-size: 20px; }
  .landing-home .user-content {
    padding: 20px 0px; }
  .landing-home .content h1 {
    font-size: 20px; }
    .landing-home .content h1 .sub-content span {
      font-size: 14px; }
    .landing-home .content h1 .sub-content button {
      padding: 11px 5px 10px 36px;
      width: 40%;
      transform: unset;
      position: relative; }
      .landing-home .content h1 .sub-content button::before {
        height: 32px;
        width: 32px; }
      .landing-home .content h1 .sub-content button::after {
        height: 20px;
        width: 20px; }
      .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider {
        width: 105px; }
        .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
          content: "";
          top: 4px;
          height: 8px;
          width: 8px; }
      .landing-home .content h1 .sub-content button span {
        font-size: 14px; }
    .landing-home .content h1 .sub-content::before {
      display: none; }
  .feature-section {
    height: auto; }
  .landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {
    font-size: 14px;
    padding: 10px 12px; } }

/* ========= responsive scss for 680 screen ========= */
@media only screen and (max-width: 680px) {
  .marquee .marquee-name p.big-title {
    font-size: 14px;
    letter-spacing: 2px; }
  .landing-page .unique-cards.section-py-space .marquee {
    padding-top: 30px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 9%;
    right: 73%;
    width: 100%; }
    .landing-page .unique-cards.section-py-space .support-title a {
      padding: 8px 20px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    left: 4%;
    font-size: 18px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 400px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    right: -10px;
    font-size: 16px; }
  .landing-home .content h1 .sub-content span {
    font-size: 14px; }
  .landing-home .content h1 .sub-content button {
    width: 46%; } }

/* ========= responsive scss for 575 screen ========= */
@media only screen and (max-width: 575px) {
  .landing-home {
    height: 416px; }
    .landing-home .user-content {
      padding: 14px 0px;
      width: 45%; }
      .landing-home .user-content span {
        font-size: 12px; }
    .landing-home .content h1 .sub-content {
      padding-top: 10px !important;
      gap: 6px; }
      .landing-home .content h1 .sub-content button {
        padding: 10px 5px 10px 30px; }
        .landing-home .content h1 .sub-content button span {
          font-size: 14px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    width: 60%; }
  .framework ul.framworks-list {
    gap: 30px; }
    .framework ul.framworks-list li {
      height: 85px;
      width: 85px; }
  .marquee .marquee-name p.big-title {
    display: none; }
  .landing-page .section-py-space .title h2::after {
    top: 51px; }
  .landing-page .unique-cards.section-py-space .marquee {
    display: none; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 70%;
    right: 56%; }
    .landing-page .unique-cards.section-py-space .support-title a {
      padding: 6px; }
  .landing-page .unique-cards.section-py-space .license-title h3 {
    display: none; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img img {
    padding-bottom: 70px; }
  .landing-page .unique-cards.section-py-space .pricing-section .support-img h4 {
    display: none; }
  .feature-section {
    height: auto; }
  .framework {
    height: 100%; }
    .framework ul.framworks-list li div {
      height: 50px;
      width: 50px; }
      .framework ul.framworks-list li div img {
        height: 30px; }
  .landing-home .sticky-header header .nav-padding {
    padding: 15px 30px; }
  .landing-main h4 {
    font-size: 17px; } }

/* ========= responsive scss for 480 screen ========= */
@media only screen and (max-width: 480px) {
  .landing-home .content h1 .sub-content button::after {
    display: none; }
  .landing-home .content h1 .sub-content button::before {
    display: none; }
  .landing-page .unique-cards.section-py-space .support-title h2 {
    text-align: center; }
  .landing-page .unique-cards.section-py-space .support-title .premium-button {
    text-align: center; }
  .landing-page .demo-section .demo-box .layout-name a {
    font-size: 14px; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 71%;
    right: 37%; }
  .landing-page .section-py-space .title h5 {
    font-size: 16px; }
  .landing-page .section-py-space .title h2 {
    font-size: 18px; }
    .landing-page .section-py-space .title h2::after {
      top: 30px;
      width: 40px;
      height: 5px; }
  .landing-page .feature-section .title h5 {
    font-size: 16px; }
  .landing-page .feature-section .title h2 {
    font-size: 18px; }
    .landing-page .feature-section .title h2::after {
      top: 30px;
      width: 40px;
      height: 5px; }
  .framework {
    height: 1440px; }
  .feature-section {
    height: auto; }
  .framework {
    height: 100%; }
  .sticky-header header.sticky {
    height: 56px; }
  .landing-home .sticky-header header .nav-padding {
    padding: 15px; }
  .landing-home .user-content {
    width: 61%; }
  .landing-home .content h1 .sub-content::before {
    width: 40%;
    left: 88px;
    top: 35%; }
  .landing-home .content h1 .sub-content span {
    font-size: 14px; }
  .landing-home .content h1 .sub-content button {
    width: 56%; }
    .landing-home .content h1 .sub-content button span {
      font-size: 14px; }
    .landing-home .content h1 .sub-content button.animate-button-slide .notification-slider::before {
      top: 4px;
      left: -14px; }
  .landing-home .navbar-toggler {
    border: none;
    background-color: transparent;
    padding: 0; }
  .landing-home .navbar-brand img {
    height: 25px; } }

/* ========= responsive scss for 425 screen ========= */
@media only screen and (max-width: 425px) {
  .feature-section {
    height: 100%; }
  .landing-page .section-py-space .title h2::after {
    top: 37px; }
  .framework ul.framworks-list {
    gap: 30px; } }

/* ========= responsive scss for 380 screen ========= */
@media only screen and (max-width: 380px) {
  .feature-section {
    height: 100%; }
  .framework {
    height: 100%; }
  .component-col-set {
    width: 100%; }
  .landing-page .unique-cards.section-py-space .support-title {
    top: 69%;
    right: 40%; }
  .landing-home .content h1 .sub-content::before {
    width: 40%;
    left: 77px; }
  .landing-home .content h1 .sub-content button {
    padding: 6px 14px 6px 25px; } }

@media screen and (max-width: 375px) {
  .landing-page .unique-cards.section-py-space .support-title {
    top: 60%;
    right: 37%; } }

@media (max-width: 767px) {
  .framework .nav .nav-link img {
    height: 35px; }
  .framework .nav .nav-link h5 {
    font-size: 16px; }
  .framework ul.framworks-list li {
    width: 145px;
    height: 145px; }
    .framework ul.framworks-list li img {
      height: 40px; } }

@media (max-width: 767px) and (max-width: 480px) {
  .framework .nav .nav-item {
    width: auto; }
  .framework .nav .nav-link {
    padding-bottom: 10px;
    display: block !important; }
    .framework .nav .nav-link img {
      height: 25px;
      margin-right: unset; }
    .framework .nav .nav-link .text-start {
      display: none; }
    .framework .nav .nav-link.active, .framework .nav .nav-link.show {
      border-bottom: 2px solid #006666; }
  .framework ul.framworks-list li {
    width: 120px;
    height: 110px;
    padding: 25px 0;
    margin: 5px; }
    .framework ul.framworks-list li img {
      height: 30px; } }

@media (max-width: 767px) and (max-width: 1367px) {
  .framework .nav {
    margin-bottom: 40px; }
    .framework .nav .nav-link h5 {
      font-size: 18px; }
    .framework .nav .nav-link p {
      font-size: 12px; }
  .framework ul.framworks-list li {
    height: 175px;
    width: 175px; }
    .framework ul.framworks-list li img {
      width: auto;
      height: 60px; }
      .framework ul.framworks-list li img.img-68 {
        width: auto; } }

@media (max-width: 767px) and (max-width: 991px) {
  .framework .nav {
    margin-bottom: 30px; }
  .framework ul.framworks-list li {
    padding-left: 22px;
    width: 93px;
    height: 93px; }
    .framework ul.framworks-list li img {
      height: 40px; } }

/**=====================
    3.26 Landing CSS Ends
==========================**/
/**=====================
    3.27 Language CSS start
==========================**/
.current_lang {
  cursor: pointer;
  text-transform: uppercase;
  overflow: hidden; }

.lang.selected {
  display: none; }

.lang span.lang-txt {
  display: inline-flex;
  margin-left: 8px;
  font-weight: 500; }

.lang span span {
  color: #999;
  font-weight: 400;
  margin-left: 5px; }

/*more lang*/
.more_lang {
  transform: translateY(-20px);
  opacity: 0;
  cursor: pointer;
  display: none;
  transition: all 0.3s cubic-bezier(0.25, 1.15, 0.35, 1.15); }

.translate_wrapper.active .more_lang {
  display: block;
  position: absolute;
  background-color: #fff;
  top: 47px;
  right: 0;
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1); }
  .translate_wrapper.active .more_lang:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    top: -7px;
    position: absolute;
    right: 20px;
    z-index: 2; }
  .translate_wrapper.active .more_lang:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #bdc2c5;
    content: "";
    top: -7px;
    position: absolute;
    right: 20px;
    z-index: 1; }

.more_lang.active {
  opacity: 1;
  transform: translateY(0px); }

.more_lang .lang {
  padding: 10px 15px;
  display: flex; }
  .more_lang .lang:hover {
    background: var(--theme-deafult);
    color: #fff; }
    .more_lang .lang:hover span {
      color: #fff; }

.translate_wrapper.active .more_lang .lang {
  border-bottom: 1px solid #eaeaea; }

/**=====================
    3.27 Language CSS end
==========================**/
/**=====================
     3.28 Learning CSS start
==========================**/
.learning-header {
  margin-bottom: 10px; }

.categories {
  padding: 16px 0; }
  .categories .learning-header {
    padding-left: 15px; }
  .categories ul li {
    padding: 10px 15px; }
    .categories ul li a {
      color: #051A1A; }
    .categories ul li:hover {
      background-color: #E6E9EB; }

.upcoming-course .media + .media {
  margin-top: 30px; }

.job-accordion {
  margin-bottom: 0; }

@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .learning-comment {
    margin-left: -14px !important;
    float: left !important; }
  .blog-box .blog-details .blog-social li:first-child {
    padding-right: 30px; }
  .blog-box .blog-details .blog-social li + li {
    padding-left: 30px; } }

@media only screen and (max-width: 991px) {
  .categories {
    padding: 20px 0; }
  .upcoming-course .media + .media {
    margin-top: 20px; } }

@media only screen and (max-width: 575px) {
  .categories {
    padding: 15px 0; }
  .upcoming-course .media + .media {
    margin-top: 15px; } }

/**=====================
     3.28 Learning CSS end
==========================**/
/**=====================
    3.29 Login CSS Start
==========================**/
.login-card {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  background-position: center;
  padding: 30px 12px; }
  .login-card .logo {
    display: block;
    margin-bottom: 30px;
    text-align: center; }
  .login-card .btn-showcase .btn {
    line-height: 1;
    padding: 10px 13px;
    margin: 0; }
    .login-card .btn-showcase .btn + .btn {
      margin-left: 5px; }
    .login-card .btn-showcase .btn svg {
      height: 16px;
      vertical-align: bottom; }
  .login-card .login-main {
    width: 450px;
    padding: 40px;
    border-radius: 10px;
    box-shadow: #1a1c23 0px 0px 37px 0px;
    margin: 0 auto;
    background-color: #fff; }
    .login-card .login-main .theme-form h4 {
      margin-bottom: 5px; }
    .login-card .login-main .theme-form label {
      font-size: 15px;
      letter-spacing: 0.4px; }
    .login-card .login-main .theme-form .checkbox label::before {
      background-color: #f9f9fa;
      border: 1px solid #dfdfdf; }
    .login-card .login-main .theme-form .or {
      position: relative; }
      .login-card .login-main .theme-form .or:before {
        content: "";
        position: absolute;
        width: 65%;
        height: 2px;
        background-color: #f3f3ff;
        top: 9px;
        z-index: 0;
        right: 0; }
    .login-card .login-main .theme-form input {
      background-color: rgba(0, 102, 102, 0.1);
      transition: all 0.3s ease; }
      .login-card .login-main .theme-form input::-webkit-input-placeholder {
        color: #999999; }
      .login-card .login-main .theme-form input:hover, .login-card .login-main .theme-form input:focus {
        border: 1px solid #b9c1cc;
        box-shadow: none !important;
        transition: all 0.3s ease; }
    .login-card .login-main .theme-form p {
      margin-bottom: 25px;
      font-size: 14px;
      color: #898989; }
    .login-card .login-main .theme-form .form-group {
      margin-bottom: 10px;
      position: relative; }
    .login-card .login-main .theme-form .link {
      position: absolute;
      top: 10px;
      right: 0; }

.show-hide {
  position: absolute;
  top: 52px;
  right: 20px;
  transform: translateY(-50%); }
  .show-hide span {
    cursor: pointer;
    font-size: 13px;
    color: var(--theme-deafult); }
    .show-hide span.show:before {
      content: "show"; }
    .show-hide span:before {
      content: "hide"; }

.needs-validation .invalid-feedback {
  color: #898989; }

.needs-validation .show-hide {
  right: 30px; }

.needs-validation .invalid-tooltip {
  top: 10px;
  right: 10px; }

/**=====================
    3.29 Login CSS Ends
==========================**/
/**=====================
	3.30 Megaoption CSS Start
==========================**/
.mega-inline {
  margin-bottom: -30px;
  display: flex; }
  .mega-inline .card {
    border: 1px solid #f3f3f3;
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .mega-inline .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
  .mega-inline .media .radio {
    margin-left: 3px; }
    [dir="rtl"] .mega-inline .media .radio {
      margin-right: 3px;
      margin-left: unset; }

.mega-vertical {
  display: flex;
  flex-wrap: wrap; }
  .mega-vertical .card {
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .mega-vertical .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
  .mega-vertical .media .radio {
    margin-left: 3px; }

.mega-title {
  font-weight: 600; }

.mega-horizontal {
  display: flex;
  flex-wrap: wrap; }
  .mega-horizontal .card {
    border: 1px solid #f3f3f3;
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07); }
  .mega-horizontal .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
  .mega-horizontal .media .radio {
    margin-left: 3px; }

.plain-style .card {
  box-shadow: none;
  border: none !important; }

.border-style .card {
  box-shadow: none;
  border: 1px solid #ecf3fa !important; }

.offer-style .card {
  box-shadow: none;
  border: 1px dashed #ecf3fa !important; }

.rating-star-wrapper {
  color: #797979; }

.card-wrapper .payment-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--chart-dashed-border); }
  .card-wrapper .payment-wrapper:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: unset; }
  .card-wrapper .payment-wrapper .payment-second img {
    width: 50px; }
  .card-wrapper .payment-wrapper .payment-second .mega-icons {
    width: 20px;
    height: 20px; }

.main-upgrade {
  margin: 0 auto;
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  .main-upgrade > div:first-child {
    margin-bottom: 20px; }
  .main-upgrade i {
    font-size: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
    display: block;
    color: #006666; }
  .main-upgrade p {
    line-height: 1.4; }
  .main-upgrade .variation-box {
    gap: 20px;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (min-width: 768px) and (max-width: 1200px) {
      .main-upgrade .variation-box {
        display: grid;
        grid-template-columns: auto auto;
        gap: 18px; } }
    @media (max-width: 700px) {
      .main-upgrade .variation-box {
        display: grid;
        grid-template-columns: auto auto;
        gap: 18px; } }
    @media (max-width: 380px) {
      .main-upgrade .variation-box {
        grid-template-columns: unset; } }
    .main-upgrade .variation-box .selection-box {
      position: relative;
      height: 100px;
      border: 1px dashed #006666;
      min-width: 125px;
      border-radius: 15px; }
      @media (min-width: 1200px) and (max-width: 1920px) {
        .main-upgrade .variation-box .selection-box {
          min-width: calc(110px + (125 - 110) * ((100vw - 1200px) / (1920 - 1200))); } }
      .main-upgrade .variation-box .selection-box .custom--mega-checkbox {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 25px;
        transition: .5s ease; }
      .main-upgrade .variation-box .selection-box input {
        position: absolute;
        top: 0;
        left: 0;
        width: 118px;
        height: 96px;
        opacity: 0;
        cursor: pointer; }
        [dir="rtl"] .main-upgrade .variation-box .selection-box input {
          left: unset;
          right: 0; }
        .main-upgrade .variation-box .selection-box input[type=checkbox]:checked ~ div {
          background-color: rgba(0, 102, 102, 0.2);
          border-radius: 15px; }

.megaoptions-border-space-sm .media .radio label {
  padding-left: 18px; }
  [dir="rtl"] .megaoptions-border-space-sm .media .radio label {
    padding-left: unset;
    padding-right: 18px; }

@media (min-width: 618px) and (max-width: 1199px) {
  .megaoptions-border-space-sm .media .media-body .list-behavior-1 {
    flex-direction: row;
    gap: 18px; } }

@media (max-width: 618px) {
  .megaoptions-border-space-sm .media .media-body .list-behavior-1 {
    flex-direction: column;
    gap: 12px; } }

.megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
  margin-top: -6px; }
  @media (max-width: 618px) {
    .megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
      margin-left: 0px; }
      [dir="rtl"] .megaoptions-border-space-sm .media .media-body .list-behavior-1 .flex-grow-1 {
        margin-left: unset;
        margin-right: 0; } }
.megaoptions-border-space-sm .media .media-body .list-behavior-1:first-child {
  margin-bottom: 0; }

.megaoption-space .badge.pull-right,
.megaoptions-border-space-sm .badge.pull-right {
  margin-bottom: 12px; }

/**=====================
    3.30 Megaoption CSS Ends
==========================**/
/**=====================
    3.31 Order-history CSS start
==========================**/
.prooduct-details-box .close {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 16px;
  cursor: pointer; }

.prooduct-details-box .btn {
  line-height: 13px; }

.prooduct-details-box .media {
  border: 1px solid #d7e2e9;
  border-radius: 10px;
  padding: 15px;
  width: 100%;
  position: relative; }

.prooduct-details-box .rating {
  color: #ffaf45;
  letter-spacing: 3px; }

.prooduct-details-box .product-name a {
  color: gray; }

.prooduct-details-box .product-name h6 {
  margin-bottom: 0; }

.prooduct-details-box .btn {
  position: absolute;
  right: 15px;
  bottom: 15px; }

.order-history .input-group {
  text-align: right;
  max-width: 300px; }

.order-history table th,
.order-history table td {
  text-align: center; }

.order-history table thead tr th {
  vertical-align: middle;
  border-top: none;
  background-color: #F5F5F5;
  border: 1px solid #ecf3fa;
  padding: 1.25rem;
  font-size: 16px; }

.order-history table .qty-box {
  width: 120px;
  margin: 0 auto;
  border-radius: 5px;
  overflow: hidden; }
  .order-history table .qty-box input {
    width: 44px;
    max-width: 44px;
    background-color: transparent;
    border: none !important; }
  .order-history table .qty-box .input-group {
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid #ecf3fa;
    overflow: hidden; }
  .order-history table .qty-box .btn {
    background-color: transparent;
    border: none; }
    .order-history table .qty-box .btn.bootstrap-touchspin-down {
      border-right: 1px solid; }
      [dir="rtl"] .order-history table .qty-box .btn.bootstrap-touchspin-down {
        border-right: unset;
        border-left: 1px solid; }
    .order-history table .qty-box .btn.bootstrap-touchspin-up {
      border-left: 1px solid; }
      [dir="rtl"] .order-history table .qty-box .btn.bootstrap-touchspin-up {
        border-left: unset;
        border-right: 1px solid; }

.order-history table tbody tr td {
  vertical-align: middle; }
  .order-history table tbody tr td .product-name a {
    font-size: 15px;
    color: #898989; }
  .order-history table tbody tr td .product-name .order-process {
    font-size: 13px;
    padding-left: 15px; }
    .order-history table tbody tr td .product-name .order-process .order-process-circle {
      position: relative; }
      .order-history table tbody tr td .product-name .order-process .order-process-circle:before {
        position: absolute;
        content: '';
        width: 4px;
        height: 4px;
        border-radius: 100%;
        background-color: #898989;
        left: -7px;
        top: 6px; }
      .order-history table tbody tr td .product-name .order-process .order-process-circle.shipped-order:before {
        background-color: #00AC46; }
      .order-history table tbody tr td .product-name .order-process .order-process-circle.cancel-order:before {
        background-color: #FE6A49; }

@media only screen and (max-width: 1199px) {
  .order-history table {
    width: 900px;
    overflow: auto; }
    .order-history table thead tr th {
      font-size: 12px; } }

@media only screen and (max-width: 575px) {
  .prooduct-details-box .btn {
    padding: 0.05rem 0.4rem !important; } }

/**=====================
    3.31 Order-history CSS End
==========================**/
/**=====================
  3.32 Page CSS Start
==========================**/
/*test Nav bar color */
.pagination-theme .page-item .page-link {
  color: var(--theme-deafult) !important; }

.pagination-theme .page-item.active .page-link {
  color: #fff !important;
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult); }

.pagination-primary .page-item .page-link {
  color: var(--theme-deafult) !important; }

.pagination-primary .page-item.active .page-link {
  color: #fff !important;
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult); }

.pagination-secondary .page-item .page-link {
  color: #FE6A49 !important; }

.pagination-secondary .page-item.active .page-link {
  color: #fff !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49; }

.pagination-success .page-item .page-link {
  color: #00AC46 !important; }

.pagination-success .page-item.active .page-link {
  color: #fff !important;
  background-color: #00AC46 !important;
  border-color: #00AC46; }

.pagination-danger .page-item .page-link {
  color: #FE6A49 !important; }

.pagination-danger .page-item.active .page-link {
  color: #fff !important;
  background-color: #FE6A49 !important;
  border-color: #FE6A49; }

.pagination-info .page-item .page-link {
  color: #173878 !important; }

.pagination-info .page-item.active .page-link {
  color: #fff !important;
  background-color: #173878 !important;
  border-color: #173878; }

.pagination-dark .page-item .page-link {
  color: #2c323f !important; }

.pagination-dark .page-item.active .page-link {
  color: #fff !important;
  background-color: #2c323f !important;
  border-color: #2c323f; }

.pagination-warning .page-item .page-link {
  color: #FFAE1A !important; }

.pagination-warning .page-item.active .page-link {
  color: #fff !important;
  background-color: #FFAE1A !important;
  border-color: #FFAE1A; }

.pagin-border-primary .page-item.active, .pagin-border-primary .page-item:active {
  background-color: rgba(0, 102, 102, 0.2); }

.pagin-border-primary .page-item .page-link {
  border-color: rgba(0, 102, 102, 0.2); }
  .pagin-border-primary .page-item .page-link:hover, .pagin-border-primary .page-item .page-link:focus {
    background-color: rgba(0, 102, 102, 0.2); }
  .pagin-border-primary .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-secondary .page-item.active, .pagin-border-secondary .page-item:active {
  background-color: rgba(254, 106, 73, 0.3); }

.pagin-border-secondary .page-item .page-link {
  border-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-secondary .page-item .page-link:hover, .pagin-border-secondary .page-item .page-link:focus {
    background-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-secondary .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-success .page-item.active, .pagin-border-success .page-item:active {
  background-color: rgba(0, 172, 70, 0.3); }

.pagin-border-success .page-item .page-link {
  border-color: rgba(0, 172, 70, 0.3); }
  .pagin-border-success .page-item .page-link:hover, .pagin-border-success .page-item .page-link:focus {
    background-color: rgba(0, 172, 70, 0.3); }
  .pagin-border-success .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-danger .page-item.active, .pagin-border-danger .page-item:active {
  background-color: rgba(254, 106, 73, 0.3); }

.pagin-border-danger .page-item .page-link {
  border-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-danger .page-item .page-link:hover, .pagin-border-danger .page-item .page-link:focus {
    background-color: rgba(254, 106, 73, 0.3); }
  .pagin-border-danger .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-warning .page-item.active, .pagin-border-warning .page-item:active {
  background-color: rgba(255, 174, 26, 0.3); }

.pagin-border-warning .page-item .page-link {
  border-color: rgba(255, 174, 26, 0.3); }
  .pagin-border-warning .page-item .page-link:hover, .pagin-border-warning .page-item .page-link:focus {
    background-color: rgba(255, 174, 26, 0.3); }
  .pagin-border-warning .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-info .page-item.active, .pagin-border-info .page-item:active {
  background-color: rgba(23, 56, 120, 0.3); }

.pagin-border-info .page-item .page-link {
  border-color: rgba(23, 56, 120, 0.3); }
  .pagin-border-info .page-item .page-link:hover, .pagin-border-info .page-item .page-link:focus {
    background-color: rgba(23, 56, 120, 0.3); }
  .pagin-border-info .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-light .page-item.active, .pagin-border-light .page-item:active {
  background-color: #F9F9FB; }

.pagin-border-light .page-item .page-link {
  border-color: #F9F9FB; }
  .pagin-border-light .page-item .page-link:hover, .pagin-border-light .page-item .page-link:focus {
    background-color: #F9F9FB; }
  .pagin-border-light .page-item .page-link:focus {
    box-shadow: unset; }

.pagin-border-dark .page-item.active, .pagin-border-dark .page-item:active {
  background-color: #EAEBF2; }

.pagin-border-dark .page-item .page-link {
  border-color: #EAEBF2; }
  .pagin-border-dark .page-item .page-link:hover, .pagin-border-dark .page-item .page-link:focus {
    background-color: #EAEBF2; }
  .pagin-border-dark .page-item .page-link:focus {
    box-shadow: unset; }

@media (max-width: 576px) {
  .pagination-lg .page-item .page-link {
    font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (576 - 320)));
    padding: calc(12px + (12 - 12) * ((100vw - 320px) / (576 - 320))) calc(12px + (24 - 12) * ((100vw - 320px) / (576 - 320))); } }

@media (max-width: 339px) {
  .pagination {
    justify-content: center; } }

.pagination .page-item:active {
  background-color: unset; }

.pagination .page-item .page-link.rounded-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px; }

/**=====================
    3.32 Page CSS Ends
==========================**/
/**=====================
    3.33 Pricing CSS Start
==========================**/
.pricing-simple {
  box-shadow: 0 0 10px 5px rgba(68, 102, 242, 0.05);
  margin-bottom: 0 !important; }
  .pricing-simple .card-body {
    border-bottom: none; }
    .pricing-simple .card-body h3 {
      position: relative;
      margin-bottom: 38px; }
      .pricing-simple .card-body h3:before {
        position: absolute;
        content: '';
        width: 80px;
        height: 1px;
        margin: 0 auto;
        left: 0;
        right: 0;
        bottom: -10px;
        background-color: #999999; }
    .pricing-simple .card-body h1 {
      font-size: 30px;
      line-height: 0.9;
      margin-bottom: 30px;
      font-weight: 400; }

.pricingtable {
  text-align: center;
  padding-top: 45px;
  padding-bottom: 45px;
  border-radius: 10px;
  box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
  overflow: hidden;
  position: relative;
  z-index: 1;
  height: 100%; }
  .pricingtable:before, .pricingtable:after {
    content: "";
    background-color: var(--theme-deafult);
    width: 300px;
    height: 300px;
    border-radius: 50%;
    position: absolute;
    right: -213px;
    z-index: -1;
    opacity: 0.1; }

.pricingtable:after {
  background-color: var(--theme-deafult);
  height: 300px;
  width: 300px;
  top: auto;
  bottom: -210px;
  right: auto;
  left: -160px;
  opacity: 0.1; }

.pricingtable .title {
  text-transform: uppercase;
  margin-bottom: 20px; }

.pricingtable .price-value {
  color: #fff;
  background-color: var(--theme-deafult);
  width: 130px;
  height: 130px;
  padding: 45px 0 0;
  margin: 0 auto 25px;
  border-radius: 50%; }
  .pricingtable .price-value .duration {
    margin: 0 0 0 -5px; }
  .pricingtable .price-value .amount {
    font-size: 58px;
    font-weight: 700;
    line-height: 45px;
    display: inline-block; }
  .pricingtable .price-value .currency {
    vertical-align: top; }

.pricingtable .pricing-content {
  margin: 0 0 25px;
  display: inline-block; }
  .pricingtable .pricing-content li {
    font-weight: 500;
    text-align: left;
    margin: 0 0 20px;
    position: relative;
    padding-left: 30px; }
    .pricingtable .pricing-content li:last-child {
      margin: 0; }
    .pricingtable .pricing-content li:before {
      content: "\f00c";
      color: var(--theme-deafult);
      font-family: FontAwesome;
      text-align: center;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      position: absolute;
      top: 1px;
      left: 0; }

@media (max-width: 1470px) {
  .pricing-block > div {
    flex: 50%; }
    .pricing-block > div:nth-child(n+3) {
      margin-top: 30px; } }

@media only screen and (max-width: 991px) {
  .pricing-simple .card-body h1 {
    margin-bottom: 20px; }
  .pricing-simple .card-body h3 {
    margin-bottom: 28px; }
  .pricing-block > div:nth-child(n+2) {
    margin-top: 20px; } }

@media only screen and (max-width: 575px) {
  .pricing-simple .card-body h1 {
    margin-bottom: 15px; }
  .pricing-block > div {
    flex: 100%; }
  .pricingtable {
    padding-top: 30px;
    padding-bottom: 30px; } }

/**=====================
   3.33 Pricing CSS Ends
==========================**/
/**=====================
   3.34 Progress CSS Start
==========================**/
.progress-showcase .progress {
  margin-bottom: 10px; }
  .progress-showcase .progress:last-child {
    margin-bottom: 0; }

.sm-progress-bar {
  height: 8px; }

.lg-progress-bar {
  height: 20px; }

.progress-number button {
  width: 2rem;
  height: 2rem; }

.progress-number .progress-wrapper {
  height: 1px; }
  .progress-number .progress-wrapper.progress {
    background-color: var(--recent-dashed-border); }
  .progress-number .progress-wrapper .progress-bar {
    background-color: var(--theme-deafult); }

.progress-btn {
  background-color: #f6f9fd;
  border-color: #f6f9fd; }

.small-progressbar {
  position: relative;
  overflow: visible; }
  .small-progressbar::after {
    position: absolute;
    content: '';
    top: -2px;
    right: -9px;
    background-color: #006666;
    width: 12px;
    height: 12px;
    border-radius: 100%; }
    [dir="rtl"] .small-progressbar::after {
      left: -9px;
      right: unset; }
  .small-progressbar .progress-label {
    position: absolute;
    top: -26px;
    right: -6px;
    font-weight: 700; }
    [dir="rtl"] .small-progressbar .progress-label {
      right: unset;
      left: -6px; }
  .small-progressbar .animate-circle {
    position: absolute;
    top: -11px;
    right: -18px;
    height: 30px;
    width: 30px;
    border: 14px solid #006666;
    border-radius: 70px;
    animation: heart 1s ease-in-out;
    animation-iteration-count: infinite; }
    [dir="rtl"] .small-progressbar .animate-circle {
      right: unset;
      left: -18px; }

@keyframes heart {
  0% {
    transform: scale(0);
    opacity: 0; }
  25% {
    transform: scale(0.1);
    opacity: 1; }
  50% {
    transform: scale(0.5);
    opacity: .3; }
  75% {
    transform: scale(0.8);
    opacity: .5; }
  100% {
    transform: scale(1);
    opacity: 0; } }

.progress-b-space .progress {
  margin-bottom: 35px; }

/**=====================
   3.34 Progress CSS Ends
==========================**/
/**=====================
   3.35 Projectlist CSS Start
==========================**/
.project-list .row {
  margin: 15px; }

.project-list button:focus {
  outline: none !important; }

.project-list .theme-form .form-group {
  margin-bottom: 15px; }

.project-list .border-tab.nav-tabs .nav-item .nav-link {
  border: 1px dashed transparent;
  padding: 5px 30px 5px 0;
  border-radius: 5px;
  display: flex;
  align-items: center; }

.project-list .btn {
  margin-right: 5px;
  vertical-align: -12px;
  float: right; }
  [dir="rtl"] .project-list .btn {
    float: left; }
  .project-list .btn svg {
    vertical-align: middle;
    height: 16px; }

.project-list ul {
  margin-bottom: 0 !important;
  border-bottom: 0; }
  .project-list ul li svg {
    height: 18px;
    vertical-align: middle;
    margin-right: 5px; }

.tab-content .row > div.col-xl-4:nth-child(1) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 10ms; }

.tab-content .row > div.col-xl-4:nth-child(2) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 20ms; }

.tab-content .row > div.col-xl-4:nth-child(3) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 30ms; }

.tab-content .row > div.col-xl-4:nth-child(4) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 40ms; }

.tab-content .row > div.col-xl-4:nth-child(5) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 50ms; }

.tab-content .row > div.col-xl-4:nth-child(6) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 60ms; }

.tab-content .row > div.col-xl-4:nth-child(7) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 70ms; }

.tab-content .row > div.col-xl-4:nth-child(8) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 80ms; }

.tab-content .row > div.col-xl-4:nth-child(9) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 90ms; }

.tab-content .row > div.col-xl-4:nth-child(10) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 100ms; }

.tab-content .row > div.col-xl-4:nth-child(11) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 110ms; }

.tab-content .row > div.col-xl-4:nth-child(12) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 120ms; }

.tab-content .row > div.col-xl-4:nth-child(13) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 130ms; }

.tab-content .row > div.col-xl-4:nth-child(14) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 140ms; }

.tab-content .row > div.col-xl-4:nth-child(15) {
  animation-fill-mode: both;
  animation: fadeIncustom 0.5s linear 150ms; }

.project-cards .tab-content {
  margin-bottom: -30px; }

.project-box {
  border: 1px solid #efefef;
  border-radius: 5px;
  padding: 30px;
  background-color: white;
  margin-bottom: 30px; }
  .project-box h6 {
    font-weight: 500 !important; }
  .project-box .badge {
    position: absolute;
    right: 30px;
    top: 15px;
    line-height: 13px; }
  .project-box .project-status p {
    margin-bottom: 5px;
    font-weight: 800; }
  .project-box .d-flex {
    margin-bottom: 15px;
    margin-top: 10px; }
    .project-box .d-flex .flex-grow-1 {
      opacity: 0.5; }
  .project-box .details div {
    margin-bottom: 5px;
    opacity: 0.7; }

.projectdetails .card .card-body {
  padding: 20px; }

.projectdetails .card .card-footer {
  padding: 20px; }

.projectdetails .card select {
  width: 90px;
  height: 28px;
  font-size: 11px;
  right: 20px;
  top: 20px; }

.projectmore .details .col-4 {
  margin-bottom: 5px; }
  .projectmore .details .col-4:nth-child(even) {
    opacity: 0.5; }

.projectmore h5 {
  font-size: 20px;
  font-weight: 600; }

.projectmore .task-list {
  position: relative; }
  .projectmore .task-list ul li {
    margin-bottom: 5px; }
  .projectmore .task-list ul + ul {
    position: absolute;
    left: 50%;
    top: 0; }

.new-users.activity .gradient-round {
  padding: 13px;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  top: unset !important; }
  .new-users.activity .gradient-round::after {
    display: none; }

/**=====================
   3.35 Projectlist CSS Ends
==========================**/
/**=====================
   3.36 Rating CSS Start
==========================**/
@-webkit-keyframes shake {
  30% {
    transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px); }
  60% {
    transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px); }
  100% {
    transform: perspective(240px) translateZ(4px); } }

@keyframes shake {
  30% {
    transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px); }
  60% {
    transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px); }
  100% {
    transform: perspective(240px) translateZ(4px); } }

@-webkit-keyframes tear {
  0% {
    opacity: 0;
    transform: translateY(-2px) scale(0) translateZ(0); }
  50% {
    transform: translateY(12px) scale(0.6, 1.2) translateZ(0); }
  20%,
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0); } }

@keyframes tear {
  0% {
    opacity: 0;
    transform: translateY(-2px) scale(0) translateZ(0); }
  50% {
    transform: translateY(12px) scale(0.6, 1.2) translateZ(0); }
  20%,
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0); } }

@-webkit-keyframes toggle {
  50% {
    transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg)); } }

@keyframes toggle {
  50% {
    transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg)); } }

@-webkit-keyframes angry {
  40% {
    background: var(--active); }
  45% {
    box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry); } }

@keyframes angry {
  40% {
    background: var(--active); }
  45% {
    box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry); } }

.feedback {
  display: flex;
  gap: 10px;
  flex-wrap: wrap; }

.feedback {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex; }
  .feedback li {
    position: relative;
    border-radius: 50%;
    background: var(--sb, var(--normal));
    box-shadow: inset 3px -3px 4px var(--sh, var(--normal-shadow));
    transition: background 0.4s, box-shadow 0.4s, transform 0.3s;
    -webkit-tap-highlight-color: transparent; }
    .feedback li:not(:last-child) {
      margin-right: 20px; }
    .feedback li div {
      width: 40px;
      height: 40px;
      position: relative;
      transform: perspective(240px) translateZ(4px); }
      .feedback li div svg {
        display: block;
        position: absolute;
        left: var(--l, 9px);
        top: var(--t, 13px);
        width: var(--w, 8px);
        height: var(--h, 2px);
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        fill: none;
        stroke: var(--s);
        stroke-width: 2px;
        stroke-linecap: round;
        stroke-linejoin: round;
        transition: stroke 0.4s; }
      .feedback li div:before {
        display: block;
        position: absolute;
        left: var(--l, 9px);
        top: var(--t, 13px);
        width: var(--w, 8px);
        height: var(--h, 2px);
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        content: "";
        z-index: var(--zi, 1);
        border-radius: var(--br, 1px);
        background: var(--b, var(--e, var(--normal-eye)));
        transition: background 0.4s; }
      .feedback li div:after {
        display: block;
        position: absolute;
        left: var(--l, 9px);
        top: var(--t, 13px);
        width: var(--w, 8px);
        height: var(--h, 2px);
        transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
        content: "";
        z-index: var(--zi, 1);
        border-radius: var(--br, 1px);
        background: var(--b, var(--e, var(--normal-eye)));
        transition: background 0.4s; }
      .feedback li div svg.eye {
        --s: var(--e, var(--normal-eye));
        --t: 17px;
        --w: 7px;
        --h: 4px; }
      .feedback li div svg.eye.right {
        --l: 23px; }
      .feedback li div svg.mouth {
        --s: var(--m, var(--normal-mouth));
        --l: 11px;
        --t: 23px;
        --w: 18px;
        --h: 7px; }
    .feedback li:not(.active) {
      cursor: pointer; }
      .feedback li:not(.active):active {
        transform: scale(0.925); }
  .feedback li.angry {
    --step-1-rx: -24deg;
    --step-1-ry: 20deg;
    --step-2-rx: -24deg;
    --step-2-ry: -20deg; }
    .feedback li.angry div:before {
      --r: 20deg; }
    .feedback li.angry div:after {
      --l: 23px;
      --r: -20deg; }
    .feedback li.angry div svg.eye {
      stroke-dasharray: 4.55;
      stroke-dashoffset: 8.15; }
  .feedback li.angry.active {
    -webkit-animation: angry 1s linear;
    animation: angry 1s linear; }
    .feedback li.angry.active div:before {
      --middle-y: -2px;
      --middle-r: 22deg;
      -webkit-animation: toggle 0.8s linear forwards;
      animation: toggle 0.8s linear forwards; }
    .feedback li.angry.active div:after {
      --middle-y: 1px;
      --middle-r: -18deg;
      -webkit-animation: toggle 0.8s linear forwards;
      animation: toggle 0.8s linear forwards; }
  .feedback li.sad {
    --step-1-rx: 20deg;
    --step-1-ry: -12deg;
    --step-2-rx: -18deg;
    --step-2-ry: 14deg; }
    .feedback li.sad div:before {
      --b: var(--active-tear);
      --sc: 0;
      --w: 5px;
      --h: 5px;
      --t: 15px;
      --br: 50%; }
    .feedback li.sad div:after {
      --b: var(--active-tear);
      --sc: 0;
      --w: 5px;
      --h: 5px;
      --t: 15px;
      --br: 50%;
      --l: 25px; }
    .feedback li.sad div svg.eye {
      --t: 16px; }
    .feedback li.sad div svg.mouth {
      --t: 24px;
      stroke-dasharray: 9.5;
      stroke-dashoffset: 33.25; }
  .feedback li.sad.active div:before {
    -webkit-animation: tear 0.6s linear forwards;
    animation: tear 0.6s linear forwards; }
  .feedback li.sad.active div:after {
    -webkit-animation: tear 0.6s linear forwards;
    animation: tear 0.6s linear forwards; }
  .feedback li.ok {
    --step-1-rx: 4deg;
    --step-1-ry: -22deg;
    --step-1-rz: 6deg;
    --step-2-rx: 4deg;
    --step-2-ry: 22deg;
    --step-2-rz: -6deg; }
    .feedback li.ok div:before {
      --l: 12px;
      --t: 17px;
      --h: 4px;
      --w: 4px;
      --br: 50%;
      box-shadow: 12px 0 0 var(--e, var(--normal-eye)); }
    .feedback li.ok div:after {
      --l: 13px;
      --t: 26px;
      --w: 14px;
      --h: 2px;
      --br: 1px;
      --b: var(--m, var(--normal-mouth)); }
  .feedback li.ok.active div:before {
    --middle-s-y: .35;
    -webkit-animation: toggle 0.2s linear forwards;
    animation: toggle 0.2s linear forwards; }
  .feedback li.ok.active div:after {
    --middle-s-x: .5;
    -webkit-animation: toggle 0.7s linear forwards;
    animation: toggle 0.7s linear forwards; }
  .feedback li.good {
    --step-1-rx: -14deg;
    --step-1-rz: 10deg;
    --step-2-rx: 10deg;
    --step-2-rz: -8deg; }
    .feedback li.good div:before {
      --b: var(--m, var(--normal-mouth));
      --w: 5px;
      --h: 5px;
      --br: 50%;
      --t: 22px;
      --zi: 0;
      opacity: 0.5;
      box-shadow: 16px 0 0 var(--b);
      filter: blur(2px); }
    .feedback li.good div:after {
      --sc: 0; }
    .feedback li.good div svg.eye {
      --t: 15px;
      --sc: -1;
      stroke-dasharray: 4.55;
      stroke-dashoffset: 8.15; }
    .feedback li.good div svg.mouth {
      --t: 22px;
      --sc: -1;
      stroke-dasharray: 13.3;
      stroke-dashoffset: 23.75; }
  .feedback li.good.active div svg.mouth {
    --middle-y: 1px;
    --middle-s: -1;
    -webkit-animation: toggle 0.8s linear forwards;
    animation: toggle 0.8s linear forwards; }
  .feedback li.happy div {
    --step-1-rx: 18deg;
    --step-1-ry: 24deg;
    --step-2-rx: 18deg;
    --step-2-ry: -24deg; }
    .feedback li.happy div:before {
      --sc: 0; }
    .feedback li.happy div:after {
      --b: var(--m, var(--normal-mouth));
      --l: 11px;
      --t: 23px;
      --w: 18px;
      --h: 8px;
      --br: 0 0 8px 8px; }
    .feedback li.happy div svg.eye {
      --t: 14px;
      --sc: -1; }
  .feedback li.happy.active div:after {
    --middle-s-x: .95;
    --middle-s-y: .75;
    -webkit-animation: toggle 0.8s linear forwards;
    animation: toggle 0.8s linear forwards; }
  .feedback li.active {
    --sb: var(--active);
    --sh: var(--active-shadow);
    --m: var(--active-mouth);
    --e: var(--active-eye); }
    .feedback li.active div {
      -webkit-animation: shake 0.8s linear forwards;
      animation: shake 0.8s linear forwards; }

html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased; }

* {
  box-sizing: inherit; }
  *:before {
    box-sizing: inherit; }
  *:after {
    box-sizing: inherit; }

.br-theme-bars-1to10 .br-widget a,
.br-theme-bars-movie .br-widget a,
.br-theme-bars-pill .br-widget a,
.br-theme-bars-reversed .br-widget a,
.br-theme-bars-horizontal .br-widget a {
  background-color: rgba(0, 102, 102, 0.2); }

.br-theme-bars-square .br-widget a {
  border-color: rgba(0, 102, 102, 0.2);
  color: var(--body-light-font-color); }

/**=====================
   3.36 Rating CSS Ends
==========================**/
/**=====================
    3.37 Social-app CSS start
==========================**/
.user-profile .hovercard .socialheader {
  background: url(/../images/social-app/social-image.png); }

.user-profile .hovercard .user-image .share-icons {
  position: absolute;
  right: 100px;
  top: -27px; }
  .user-profile .hovercard .user-image .share-icons li {
    display: inline-block;
    margin-right: 10px; }
    .user-profile .hovercard .user-image .share-icons li .social-icon {
      width: 50px;
      height: 50px;
      text-align: center;
      display: flex;
      align-items: center;
      vertical-align: middle;
      justify-content: center;
      border-radius: 100%; }
      .user-profile .hovercard .user-image .share-icons li .social-icon i {
        color: #fff;
        font-size: 25px; }
    .user-profile .hovercard .user-image .share-icons li:last-child {
      margin-right: 0; }

.user-profile .card-footer > div h3 {
  font-size: 16px; }

.market-tabs .border-tab.nav-tabs .nav-item .nav-link.active {
  border-bottom: none !important; }

.market-tabs .nav {
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center; }
  .market-tabs .nav .nav-item {
    width: 100%; }
    .market-tabs .nav .nav-item .nav-link {
      height: 81px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      padding-top: 30px;
      text-align: center; }

.tabs-scoial {
  border-bottom: none;
  margin-bottom: 20px !important;
  margin-top: 20px; }
  .tabs-scoial li a {
    font-weight: 600; }
    .tabs-scoial li a svg circle {
      color: #999999; }

.social-network span {
  margin-bottom: 30px;
  display: block; }

.social-list .d-flex {
  margin-bottom: 20px;
  display: flex;
  align-items: center; }
  .social-list .d-flex:last-child {
    margin-bottom: 0; }
  .social-list .d-flex .flex-grow-1 a {
    color: #999999; }
  .social-list .d-flex .flex-grow-1 span {
    font-weight: 600; }
  .social-list .d-flex .flex-grow-1:hover a {
    color: var(--theme-deafult); }

.photos {
  margin-bottom: -15px; }
  .photos ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 70px; }
    .photos ul li:nth-child(4n) {
      margin-right: 0; }

.new-users-social {
  margin-bottom: 30px; }
  .new-users-social svg {
    cursor: pointer; }
  .new-users-social .d-flex img {
    width: 58px; }
  .new-users-social .d-flex .flex-grow-1 {
    margin-top: 10px; }
  .new-users-social svg circle {
    color: #999999; }

.like-content span i {
  font-size: 14px; }

.timeline-content p {
  margin-top: 30px;
  color: #999999; }

.timeline-content .comment-number i {
  color: #999999;
  margin-right: 20px; }

.timeline-content .comments-box {
  margin-top: 30px; }
  .timeline-content .comments-box .flex-grow-1 {
    width: 100%; }
  .timeline-content .comments-box .input-group {
    margin-top: 6px; }
    .timeline-content .comments-box .input-group .input-txt-bx {
      border: none;
      background-color: #F5F5F5; }
      .timeline-content .comments-box .input-group .input-txt-bx::placeholder {
        color: #999999; }
    .timeline-content .comments-box .input-group .input-group-append .btn i {
      font-size: 20px;
      display: flex;
      color: #999999; }

.social-chat {
  margin-top: 30px; }
  .social-chat span span {
    font-weight: normal;
    color: #999999;
    font-size: 12px; }
  .social-chat .flex-grow-1 {
    padding: 20px;
    border: 1px solid #E6E9EB;
    position: relative; }
    .social-chat .flex-grow-1 p {
      margin-top: 5px; }
    .social-chat .flex-grow-1:before {
      content: '';
      position: absolute;
      top: 19px;
      right: 100%;
      border: 7px solid transparent;
      border-right: 7px solid #59667a; }
    .social-chat .flex-grow-1:after {
      content: '';
      position: absolute;
      top: 19px;
      right: 100%;
      border: 7px solid transparent;
      border-right: 7px solid #fff; }
  .social-chat .your-msg,
  .social-chat .other-msg {
    margin-bottom: 30px; }
  .social-chat .other-msg {
    margin-left: 40px; }

.socialprofile span {
  color: #999999; }
  .socialprofile span.badge {
    padding: 6px 10px !important; }

.socialprofile .social-btngroup {
  margin: 30px 0; }

.socialprofile .likes-profile h5 span {
  color: #051A1A; }

.socialprofile .social-group {
  margin-top: 30px; }
  .socialprofile .social-group ul li:nth-child(4) {
    margin-left: -22px; }

.social-status form .form-group .form-control-social {
  border: 1px solid #E6E9EB;
  padding-left: 15px;
  margin-bottom: 30px; }

.social-status .d-flex {
  position: relative;
  margin-bottom: 30px; }
  .social-status .d-flex:last-child {
    margin-bottom: 0; }
  .social-status .d-flex .social-status {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #fff;
    bottom: 0;
    left: 35px;
    border-radius: 100%; }
  .social-status .d-flex .social-online {
    border: 3px solid #00AC46; }
  .social-status .d-flex .social-busy {
    border: 3px solid #FFAE1A; }
  .social-status .d-flex .social-offline {
    border: 3px solid #59667a; }
  .social-status .d-flex .flex-grow-1 p {
    color: #999999;
    margin-bottom: 5px; }
  .social-status .d-flex .flex-grow-1 span + span {
    color: #999999; }
  .social-status .d-flex .flex-grow-1 .light-span {
    color: #999999; }

.social-header h5 span:first-child {
  line-height: 1.48; }

.social-header h5 span svg circle {
  color: #999999; }

.details-about + .details-about {
  margin-top: 30px; }

.details-about .your-details p {
  color: #999999; }

.avatar-showcase .friend-pic {
  margin-right: 8px;
  margin-bottom: 10px; }

.avatar-showcase .pepole-knows ul li {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px; }
  .avatar-showcase .pepole-knows ul li:last-child {
    margin-right: 0; }
  .avatar-showcase .pepole-knows ul li .add-friend h6 {
    margin-top: 3px; }

.activity-log .my-activity + .my-activity {
  margin-top: 30px; }

.activity-log .my-activity p {
  margin-bottom: 5px; }
  .activity-log .my-activity p span svg {
    width: 15px;
    height: 15px; }

/**=====================
    3.37 Social-app CSS end
==========================**/
/**=====================
    3.38 Sweet-alert CSS Start
==========================**/
.swal-modal .swal-title {
  font-size: 24px; }

.swal-modal .swal-text {
  font-size: 17px; }

/**=====================
    3.38 Sweet-alert CSS ends
==========================**/
/**=====================
    3.39 Task CSS Start
==========================**/
.modal-open .datepickers-container {
  z-index: 1075; }

.date-details {
  align-items: center; }
  .date-details > div + div {
    margin-left: 10px; }

.taskadd table tr td {
  border-top: none; }
  .taskadd table tr td:first-child {
    padding-left: 30px; }
  .taskadd table tr td:last-child {
    padding-right: 30px; }
  .taskadd table tr td svg {
    width: 18px;
    height: 18px;
    color: #59667a; }

.taskadd table tr:first-child td {
  padding-top: 30px; }

.taskadd table tr:last-child td {
  padding-bottom: 30px; }

@media only screen and (max-width: 1660px) {
  .taskadd table tr td:first-child {
    min-width: 160px; }
  .taskadd table tr td:nth-child(3) {
    min-width: 70px; } }

@media only screen and (max-width: 991px) {
  .date-details {
    display: block !important;
    margin-bottom: -10px; }
    .date-details .d-inline-block {
      margin-bottom: 10px; }
  .taskadd table tr td:first-child {
    padding-left: 20px; }
  .taskadd table tr:first-child td {
    padding-top: 20px; }
  .taskadd table tr:last-child td {
    padding-bottom: 20px; } }

@media only screen and (max-width: 767px) {
  .taskadd table tr td:nth-child(2) {
    min-width: 745px; } }

@media only screen and (max-width: 575px) {
  .taskadd table tr td:first-child {
    padding-left: 15px; }
  .taskadd table tr:first-child td {
    padding-top: 15px; }
  .taskadd table tr:last-child td {
    padding-bottom: 15px; } }

/**=====================
  3.39 Task CSS Ends
==========================**/
/*====todo css start====*/
.todo .action-box {
  background: transparent;
  height: 20px;
  width: 20px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  transition: all 300ms ease; }
  .todo .action-box .icon {
    vertical-align: 0; }
  .todo .action-box.completed {
    background: #FE6A49;
    border: 1px solid #FE6A49;
    border-radius: 4px; }
    .todo .action-box.completed .icon {
      color: #fff;
      font-size: 14px; }
  .todo .action-box.large {
    height: 26px;
    width: 26px; }
    .todo .action-box.large .icon {
      font-size: 16px;
      vertical-align: -4px; }
      .todo .action-box.large .icon .icon-trash {
        color: #006666; }
      .todo .action-box.large .icon .icon-check {
        color: #006666; }

.todo .todo-list-wrapper {
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  box-sizing: border-box; }
  .todo .todo-list-wrapper #todo-list {
    list-style: none;
    margin: 0;
    padding: 0; }
    .todo .todo-list-wrapper #todo-list li {
      margin: 0;
      padding: 0;
      width: 100%; }
      .todo .todo-list-wrapper #todo-list li:last-child .task-container {
        border-bottom: 0;
        padding-bottom: 0; }
      .todo .todo-list-wrapper #todo-list li .task-container {
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
        width: 100%;
        border-bottom: 1px solid #ecf3fa;
        box-sizing: border-box;
        position: relative;
        transition: background 200ms ease; }
        .todo .todo-list-wrapper #todo-list li .task-container .d-flex {
          align-items: center; }
          .todo .todo-list-wrapper #todo-list li .task-container .d-flex div {
            text-align: right; }
        .todo .todo-list-wrapper #todo-list li .task-container .task-label {
          display: table;
          font-size: 16px;
          font-weight: 400;
          vertical-align: middle;
          color: #999999;
          word-break: break-word;
          padding-top: 5px; }
        .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn {
          display: table-cell;
          vertical-align: middle;
          text-align: right; }
          .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box {
            border: 1px solid transparent; }
            .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover {
              background: #fff;
              border-radius: 4px; }
              .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover .icon {
                color: #59667a; }
        .todo .todo-list-wrapper #todo-list li .task-container:hover h4 {
          color: #2c323f;
          transition: all 0.3s ease; }
      .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn {
        border: 1px solid #006666;
        border-radius: 4px; }
        .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn .icon {
          font-weight: bold; }
          .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn .icon i {
            color: #00AC46; }
        .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover {
          background: #fff;
          border: 1px solid #00AC46; }
          .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover .icon {
            color: #fff; }
      .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label {
        text-decoration: line-through;
        color: #006666; }
      .todo .todo-list-wrapper #todo-list li.new .task-container {
        animation: taskHighlighter 2000ms linear 1; }
  .todo .todo-list-wrapper .todo-list-header h5 {
    text-align: center;
    color: #efefef; }

.todo .notification-popup {
  position: fixed;
  top: 100px;
  right: 10px;
  width: 300px;
  display: inline-block;
  background: #00AC46;
  border: 1px solid #00AC46;
  color: #fff;
  padding: 20px;
  opacity: 0.9;
  border-radius: 2px;
  box-sizing: border-box;
  transition: all 300ms ease; }
  .todo .notification-popup.success {
    background: #00AC46;
    border: 1px solid #00AC46; }
  .todo .notification-popup p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1; }
  .todo .notification-popup .task {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block;
    color: #fff;
    padding: 0 4px; }
  .todo .notification-popup .notification-text {
    font-size: 14px;
    display: inline-block;
    overflow: hidden;
    color: #fff; }
  .todo .notification-popup.hide {
    opacity: 0;
    visibility: hidden; }

@-webkit-keyframes taskHighlighter {
  0% {
    background: rgba(68, 102, 242, 0.5); }
  100% {
    background: #fff; } }

@keyframes taskHighlighter {
  0% {
    background: rgba(68, 102, 242, 0.5); }
  100% {
    background: #fff; } }

.todo-wrap .card-header.b-bottom {
  border-bottom: 1px solid #ecf3fa; }

.todo-wrap .card-header .todo-list-header .new-task-wrapper input {
  padding: 12px 28px;
  border-radius: 7px;
  background-color: #F5F5F5;
  border: 1px solid #dee2e6; }

.todo-wrap .card-header .todo-list-header .add-new-task-btn {
  display: flex;
  align-items: center;
  z-index: 0; }

.todo-wrap .todo-list-body .assign-name {
  opacity: 0.4;
  font-size: 13px;
  font-weight: 400; }

.todo-wrap .left-bookmark ul li .iconbg {
  padding: 8px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center; }

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li button.d-block {
  text-align: left; }

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li + li {
  padding-top: 12px; }

.todo-wrap.email-wrap .email-app-sidebar .main-menu > li a {
  padding: 0 16px;
  align-items: center; }
  .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a .badge {
    color: #fff;
    padding: 5px 6px 4px 7px; }
  .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover {
    color: #006666;
    background-color: transparent; }
    .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover .badge {
      color: #fff; }
    .todo-wrap.email-wrap .email-app-sidebar .main-menu > li a:hover .title {
      color: #006666; }

/*====todo css end====*/
/**=====================
    3.40 Timeline-v CSS Start
==========================**/
.timeline-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px; }

.time-content {
  display: flex;
  align-items: center;
  gap: 4px; }
  .time-content i {
    font-size: 18px; }

.activity .media {
  margin-bottom: 30px; }
  .activity .media:last-child {
    margin-bottom: 0; }
  .activity .media .gradient-round {
    position: relative;
    width: 53px;
    height: 53px;
    background-image: linear-gradient(26deg, var(--theme-deafult) 0%, #006666 100%);
    border-radius: 100%;
    top: -18px; }
    .activity .media .gradient-round svg {
      position: absolute;
      width: 18px;
      height: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      left: 0;
      top: 18px;
      right: 0;
      margin: 0 auto; }
      .activity .media .gradient-round svg path,
      .activity .media .gradient-round svg line,
      .activity .media .gradient-round svg circle {
        color: #fff; }
    .activity .media .gradient-round.gradient-line-1:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 62px;
      bottom: -77px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .activity .media .gradient-round.small-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 19px;
      bottom: -34px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .activity .media .gradient-round.medium-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 53px;
      bottom: -68px;
      left: 0;
      right: 0;
      margin: 0 auto; }
  .activity .media .media-body h6 {
    font-weight: 600;
    margin-bottom: 30px; }
    .activity .media .media-body h6 span {
      font-weight: normal;
      color: #999999; }
  .activity .media .media-body p {
    width: 80%; }

.timeline-small .media {
  margin-bottom: 30px; }
  .timeline-small .media:last-child {
    margin-bottom: 0; }
  .timeline-small .media .timeline-round {
    position: relative;
    width: 53px;
    height: 53px;
    border-radius: 100%;
    border-radius: 15px;
    top: -18px; }
    .timeline-small .media .timeline-round svg {
      position: absolute;
      width: 18px;
      height: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      left: 0;
      top: 18px;
      right: 0;
      margin: 0 auto; }
      .timeline-small .media .timeline-round svg path,
      .timeline-small .media .timeline-round svg line,
      .timeline-small .media .timeline-round svg circle {
        color: #fff; }
    .timeline-small .media .timeline-round.timeline-line-1:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 62px;
      bottom: -88px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .timeline-small .media .timeline-round.small-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 19px;
      bottom: -34px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .timeline-small .media .timeline-round.medium-line:after {
      position: absolute;
      content: '';
      background-color: #e9e9e9;
      width: 2px;
      height: 53px;
      bottom: -68px;
      left: 0;
      right: 0;
      margin: 0 auto; }
  .timeline-small .media .media-body h6 {
    margin-bottom: 30px; }
    .timeline-small .media .media-body h6 span {
      font-weight: normal;
      color: #999999; }
  .timeline-small .media .media-body p {
    width: 80%; }

.cd-container {
  width: 90%;
  max-width: 1170px;
  margin: 0 auto; }

.cd-container::after {
  content: '';
  display: table;
  clear: both; }

@media only screen and (min-width: 1170px) {
  #cd-timeline::before {
    left: 50% !important;
    margin-left: -2px; }
  .cd-timeline-block {
    margin: 4em 0; }
    .cd-timeline-block:first-child {
      margin-top: 0; }
    .cd-timeline-block:last-child {
      margin-bottom: 0; }
    .cd-timeline-block:nth-child(even) .cd-timeline-content {
      float: right; }
      .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
        left: auto;
        right: 122%;
        text-align: right; }
    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
      top: 24px;
      left: auto;
      right: 100%;
      border-color: transparent;
      border-right-color: #E6E9EB; }
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px; }
    .cd-timeline-img > i {
      font-size: 18px;
      top: 50%;
      left: 50%;
      padding: 3px; }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden; }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    animation: cd-bounce-1 0.6s; }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden; }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    animation: cd-bounce-2 0.6s; }
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    animation: cd-bounce-2-inverse 0.6s; }
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%; }
    .cd-timeline-content .cd-date {
      position: absolute;
      width: 100%;
      left: 122%;
      top: 6px;
      font-size: 16px; }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #fff; } }

#cd-timeline {
  position: relative;
  padding: 2em 0; }

#cd-timeline::before {
  content: '';
  position: absolute;
  top: 0;
  font-size: 1.5rem;
  height: 100%;
  width: 2px;
  background: #E6E9EB;
  left: -15px; }

.cd-timeline-block {
  position: relative;
  margin: 30px 0; }
  .cd-timeline-block:after {
    content: "";
    display: table;
    clear: both; }
  .cd-timeline-block:first-child {
    margin-top: 0; }
  .cd-timeline-block:last-child {
    margin-bottom: 0; }

.cd-timeline-img {
  width: 40px;
  height: 40px;
  left: 51%;
  margin-left: -30px;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  position: absolute;
  top: 0;
  border-radius: 50px; }
  .cd-timeline-img i {
    display: block;
    position: relative;
    left: 45%;
    top: 44%;
    margin-left: -12px;
    margin-top: -12px;
    font-size: 20px;
    color: #fff; }

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    transform: scale(0.5); }
  60% {
    opacity: 1;
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.cd-timeline-content {
  position: relative;
  background: #E6E9EB;
  border-radius: 4px;
  padding: 30px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08); }
  .cd-timeline-content p {
    padding-top: 9px; }
  .cd-timeline-content h4 {
    margin-bottom: 0; }
  .cd-timeline-content:after {
    content: "";
    display: table;
    clear: both; }
  .cd-timeline-content audio {
    width: 100%; }
  .cd-timeline-content .cd-date {
    font-size: 13px;
    display: inline-block;
    float: left;
    padding: .8em 0 0;
    opacity: .7; }

.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 28px;
  right: 100%;
  height: 0;
  width: 0;
  border: 15px solid transparent;
  border-left: 15px solid #E6E9EB; }
  [dir="rtl"] .cd-timeline-content::before {
    border-right: 15px solid #E6E9EB;
    border-left: unset; }
  @media (max-width: 1169px) {
    .cd-timeline-content::before {
      display: none; } }
@media only screen and (min-width: 768px) {
  .cd-timeline-content .cd-date {
    font-size: 14px;
    padding-bottom: 0; } }

@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; }
  100% { } }

@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    transform: translateX(-100px); }
  60% {
    opacity: 1;
    transform: translateX(20px); }
  100% {
    transform: translateX(0); } }

@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; } }

@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; }
  100% { } }

@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    transform: translateX(100px); }
  60% {
    opacity: 1;
    transform: translateX(-20px); }
  100% {
    transform: translateX(0); } }

@media only screen and (max-width: 1169px) {
  .cd-timeline-block .cd-timeline-img {
    left: -2px;
    height: 30px;
    width: 30px;
    margin-left: -30px;
    top: 14px;
    z-index: 7; }
    .cd-timeline-block .cd-timeline-img > i {
      font-size: 15px;
      top: 16px;
      left: 17px;
      padding: 3px; }
  .landing-main #cd-timeline::before {
    left: -39px; }
  .landing-main .cd-timeline-block .cd-timeline-img {
    left: -34px;
    height: 50px;
    width: 50px;
    top: 1px;
    z-index: 8; }
    .landing-main .cd-timeline-block .cd-timeline-img > i {
      font-size: 23px;
      top: 21px;
      left: 7px;
      padding: 3px; } }

@media only screen and (max-width: 576px) {
  .cd-timeline-content {
    padding: 15px; }
    .cd-timeline-content h4 {
      font-size: 18px; } }

.main-timeline ul::before {
  left: 5px; }
  [dir="rtl"] .main-timeline ul::before {
    right: 5px;
    left: unset; }

.square-timeline {
  position: relative; }
  .square-timeline::before {
    border: 1px dashed #E6E9EB;
    content: '';
    margin-left: 0px;
    position: absolute;
    top: 0;
    left: 18px;
    width: 1px;
    height: 100%; }
    [dir="rtl"] .square-timeline::before {
      margin-left: unset;
      margin-right: 0;
      left: unset;
      right: 18px; }
  .square-timeline .timeline-event {
    position: relative; }
    .square-timeline .timeline-event:hover .timeline-event-icon {
      transform: rotate(-105deg);
      background-color: #52526c; }
    .square-timeline .timeline-event:hover .timeline-event-wrapper .timeline-thumbnail {
      box-shadow: inset 40em 0 0 0 rgba(255, 174, 26, 0.3); }
    .square-timeline .timeline-event .timeline-event-wrapper {
      padding: 0 0 0 14px;
      position: relative;
      top: -7px;
      left: 38px;
      width: 95%; }
      [dir="rtl"] .square-timeline .timeline-event .timeline-event-wrapper {
        left: unset;
        right: 38px;
        padding: 0 14px 0 0; }
      @media (max-width: 1200px) {
        .square-timeline .timeline-event .timeline-event-wrapper {
          width: calc(84% + (95 - 84) * ((100vw - 320px) / (1200 - 320))); } }
      .square-timeline .timeline-event .timeline-event-wrapper .designer-details {
        padding-top: 20px; }
      .square-timeline .timeline-event .timeline-event-wrapper .timeline-thumbnail {
        transition: box-shadow 0.5s ease-in 0.1s;
        color: #2c323f;
        background-color: rgba(0, 102, 102, 0.2);
        box-shadow: inset 0 0 0 0em rgba(23, 56, 120, 0.3);
        display: inline-block;
        margin-bottom: 12px;
        padding: 2px 25px; }
      .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:hover, .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:active, .square-timeline .timeline-event .timeline-event-wrapper .list-group-item-action:focus {
        background-color: unset; }
      .square-timeline .timeline-event .timeline-event-wrapper > div {
        display: inline-block;
        width: 100%; }
    .square-timeline .timeline-event .timeline-event-icon {
      transition: 0.2s ease-in;
      transform: rotate(45deg);
      background-color: #006666;
      outline: 6px solid rgba(0, 102, 102, 0.2);
      display: block;
      margin: 0px;
      position: absolute;
      top: 0;
      left: 14px;
      width: 10px;
      height: 10px; }
      [dir="rtl"] .square-timeline .timeline-event .timeline-event-icon {
        right: 14px;
        left: unset; }

.list-inline {
  display: flex;
  justify-content: center; }
  .list-inline.events .event-list {
    display: block;
    position: relative;
    text-align: center;
    padding-top: 70px;
    margin-right: 0; }
    .list-inline.events .event-list p {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; }
    .list-inline.events .event-list .event-date {
      position: absolute;
      top: 38px;
      left: 0;
      right: 0;
      width: 75px;
      margin: 0 auto;
      border-radius: 4px;
      padding: 2px 4px; }
      .list-inline.events .event-list .event-date p {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        line-height: 1.5;
        margin-top: 7px; }

.timeline-list.timeline-border {
  border-bottom: 1px solid #E6E9EB; }

.timeline-list.list-inline {
  padding-bottom: 0; }
  .timeline-list.list-inline.events .event-list {
    padding-top: 35px; }
    .timeline-list.list-inline.events .event-list::before {
      content: '';
      height: 0;
      border-right: unset; }
    .timeline-list.list-inline.events .event-list .event-date {
      top: 2px; }
      .timeline-list.list-inline.events .event-list .event-date p {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        line-height: 1.5;
        margin-top: 7px; }
    .timeline-list.list-inline.events .event-list .read-more-btn {
      position: relative;
      margin-bottom: 3px; }
  .timeline-list.list-inline .vertical-line {
    height: 45px;
    width: 1px;
    margin: 0 auto;
    position: relative;
    border: 1px dashed #006666; }

.list-group.main-lists-content {
  padding-top: 20px; }

@media (max-width: 1218px) {
  .list-group .list-group-item .timeline-icon {
    display: none; } }

@media (max-width: 1400px) {
  .horizontal-timeline {
    display: none; } }

/**=====================
    3.40 Timeline-v CSS Ends
==========================**/
/**=====================
    3.41 User-profile CSS start
==========================**/
.user-profile .ttl-info h6 {
  font-size: 12px;
  color: #59667a; }

.user-profile .border-right {
  border-right: 1px solid #E6E9EB; }

.user-profile hr {
  margin: 30px 0; }

.user-profile .hovercard .cardheader {
  background: url(/../images/admin/other-images/bg-profile.png);
  background-size: cover;
  background-position: 10%;
  height: 470px; }

.user-profile .hovercard .user-image {
  position: relative;
  height: 0; }
  .user-profile .hovercard .user-image .avatar {
    margin-top: -80px; }
    .user-profile .hovercard .user-image .avatar img {
      width: 100px;
      height: 100px;
      max-width: 155px;
      max-height: 155px;
      border-radius: 50%;
      border: 7px solid #fff; }
  .user-profile .hovercard .user-image .icon-wrapper {
    position: absolute;
    bottom: -20px;
    left: 51%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    overflow: hidden;
    margin: 0 auto;
    font-size: 17px;
    box-shadow: 0 0 6px 3px rgba(68, 102, 242, 0.1); }

.user-profile .hovercard .info {
  padding: 30px; }
  .user-profile .hovercard .info .title {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 1;
    color: #2c323f;
    vertical-align: middle; }
    .user-profile .hovercard .info .title a {
      color: #242934;
      font-size: 20px;
      text-transform: uppercase;
      font-weight: 500; }
  .user-profile .hovercard .info .desc {
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #59667a;
    text-overflow: ellipsis;
    text-transform: uppercase; }

.user-profile .follow {
  margin-top: 20px; }
  .user-profile .follow .follow-num {
    font-size: 20px;
    color: #242934;
    font-family: "Montserrat", sans-serif;
    font-weight: 500; }
  .user-profile .follow span {
    color: #59667a; }

.user-profile .profile-img-style {
  padding: 30px; }
  .user-profile .profile-img-style .img-container {
    margin-top: 30px; }
  .user-profile .profile-img-style .user-name {
    font-size: 14px;
    color: #242934;
    margin: 0;
    font-weight: 600; }
  .user-profile .profile-img-style p {
    line-height: 30px;
    font-size: 14px;
    color: #898989;
    margin-bottom: 0; }
  .user-profile .profile-img-style .media img {
    width: 50px; }

.user-profile .like-comment li a {
  color: #898989; }

.user-profile .like-comment li:first-child a:hover, .user-profile .like-comment li:first-child a:active {
  color: #FE6A49; }

.user-profile .like-comment span {
  font-family: "Montserrat", sans-serif; }

.user-profile .social-media a {
  padding: 0 15px;
  color: #59667a;
  font-size: 24px;
  cursor: pointer; }
  .user-profile .social-media a:hover {
    color: var(--theme-deafult); }

.edit-profile .profile-title .media {
  align-items: center;
  margin-bottom: 30px; }
  .edit-profile .profile-title .media .media-body {
    margin-left: 14px; }
    [dir="rtl"] .edit-profile .profile-title .media .media-body {
      margin-left: unset;
      margin-right: 14px; }

/**=====================
    3.41 User-profile CSS Ends
==========================**/
/**=====================
    3.42 Wishlist CSS start
==========================**/
.wishlist table tr td svg {
  color: #898989;
  cursor: pointer; }

/**=====================
    3.42 Wishlist CSS Ends
==========================**/
/* ---------------------
	*** themes ***
-----------------------*/
/**=====================
	4.1. Dark CSS Start
==========================**/
/**=====================
    1.1 Reset CSS start
==========================**/
.f-light {
  color: #86909C; }

svg.f-light {
  fill: #FFFFFF;
  opacity: 0.8; }

.light-card {
  background-color: var(--light-background); }

.light-background {
  background-color: var(--light-bg); }

.icon-arrow-down.icon-rotate,
.icon-arrow-up.icon-rotate {
  transform: rotate(-45deg);
  display: inline-block; }

/*====== Padding css starts ======*/
.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.p-50 {
  padding: 50px; }

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/
.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/
.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.p-t-50 {
  padding-top: 50px !important; }

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/
.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/
.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-45 {
  margin: 45px !important; }

.m-50 {
  margin: 50px !important; }

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/
.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.m-l-50 {
  margin-left: 50px !important; }

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*====== Margin-right css ends ======*/
/*====== Border-radius css starts ======*/
.b-r-0 {
  border-radius: 0px !important; }

.b-r-1 {
  border-radius: 1px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-r-11 {
  border-radius: 11px !important; }

.b-r-12 {
  border-radius: 12px !important; }

.b-r-13 {
  border-radius: 13px !important; }

.b-r-14 {
  border-radius: 14px !important; }

.b-r-15 {
  border-radius: 15px !important; }

.b-r-16 {
  border-radius: 16px !important; }

.b-r-17 {
  border-radius: 17px !important; }

.b-r-18 {
  border-radius: 18px !important; }

.b-r-19 {
  border-radius: 19px !important; }

.b-r-20 {
  border-radius: 20px !important; }

.b-r-21 {
  border-radius: 21px !important; }

.b-r-22 {
  border-radius: 22px !important; }

.b-r-23 {
  border-radius: 23px !important; }

.b-r-24 {
  border-radius: 24px !important; }

.b-r-25 {
  border-radius: 25px !important; }

.b-r-26 {
  border-radius: 26px !important; }

.b-r-27 {
  border-radius: 27px !important; }

.b-r-28 {
  border-radius: 28px !important; }

.b-r-29 {
  border-radius: 29px !important; }

.b-r-30 {
  border-radius: 30px !important; }

.b-r-31 {
  border-radius: 31px !important; }

.b-r-32 {
  border-radius: 32px !important; }

.b-r-33 {
  border-radius: 33px !important; }

.b-r-34 {
  border-radius: 34px !important; }

.b-r-35 {
  border-radius: 35px !important; }

/*====== Border-radius css ends ======*/
/*====== Font-size css starts ======*/
.f-12 {
  font-size: 12px !important; }

.f-14 {
  font-size: 14px !important; }

.f-16 {
  font-size: 16px !important; }

.f-18 {
  font-size: 18px !important; }

.f-20 {
  font-size: 20px !important; }

.f-22 {
  font-size: 22px !important; }

.f-24 {
  font-size: 24px !important; }

.f-26 {
  font-size: 26px !important; }

.f-28 {
  font-size: 28px !important; }

.f-30 {
  font-size: 30px !important; }

.f-32 {
  font-size: 32px !important; }

.f-34 {
  font-size: 34px !important; }

.f-36 {
  font-size: 36px !important; }

.f-38 {
  font-size: 38px !important; }

.f-40 {
  font-size: 40px !important; }

.f-42 {
  font-size: 42px !important; }

.f-44 {
  font-size: 44px !important; }

.f-46 {
  font-size: 46px !important; }

.f-48 {
  font-size: 48px !important; }

.f-50 {
  font-size: 50px !important; }

.f-52 {
  font-size: 52px !important; }

.f-54 {
  font-size: 54px !important; }

.f-56 {
  font-size: 56px !important; }

.f-58 {
  font-size: 58px !important; }

.f-60 {
  font-size: 60px !important; }

.f-62 {
  font-size: 62px !important; }

.f-64 {
  font-size: 64px !important; }

.f-66 {
  font-size: 66px !important; }

.f-68 {
  font-size: 68px !important; }

.f-70 {
  font-size: 70px !important; }

.f-72 {
  font-size: 72px !important; }

.f-74 {
  font-size: 74px !important; }

.f-76 {
  font-size: 76px !important; }

.f-78 {
  font-size: 78px !important; }

.f-80 {
  font-size: 80px !important; }

.f-82 {
  font-size: 82px !important; }

.f-84 {
  font-size: 84px !important; }

.f-86 {
  font-size: 86px !important; }

.f-88 {
  font-size: 88px !important; }

.f-90 {
  font-size: 90px !important; }

.f-92 {
  font-size: 92px !important; }

.f-94 {
  font-size: 94px !important; }

.f-96 {
  font-size: 96px !important; }

.f-98 {
  font-size: 98px !important; }

.f-100 {
  font-size: 100px !important; }

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100; }

.f-w-300 {
  font-weight: 300; }

.f-w-500 {
  font-weight: 500; }

.f-w-400 {
  font-weight: 400; }

.f-w-600 {
  font-weight: 600; }

.f-w-700 {
  font-weight: 700; }

.f-w-900 {
  font-weight: 900; }

/*====== Font-weight css ends ======*/
/*====== Font-style css starts ======*/
.f-s-normal {
  font-style: normal; }

.f-s-italic {
  font-style: italic; }

.f-s-oblique {
  font-style: oblique; }

.f-s-initial {
  font-style: initial; }

.f-s-inherit {
  font-style: inherit; }

/*====== Font-style css ends ======*/
/*====== Text-Decoration css starts ======*/
.text-overline {
  text-decoration: overline; }

.text-line-through {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline; }

.text-dashed {
  text-decoration: dashed; }

.text-blink {
  text-decoration: blink; }

.text-dotted {
  text-decoration: dotted; }

.text-initial {
  text-decoration: initial; }

.text-none {
  text-decoration: none; }

.text-solid {
  text-decoration: solid; }

.text-wavy {
  text-decoration: wavy; }

.text-inherit {
  text-decoration: inherit; }

.text-double {
  text-decoration: double; }

/*====== Text-Decoration css ends ======*/
/*====== Vertical-Align css starts ======*/
.baseline {
  vertical-align: baseline; }

.sub {
  vertical-align: sub; }

.super {
  vertical-align: super; }

.top {
  vertical-align: top; }

.text-top {
  vertical-align: text-top; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.text-bottom {
  vertical-align: text-bottom; }

.initial {
  vertical-align: initial; }

.inherit {
  vertical-align: inherit; }

/*====== Vertical-Align css ends ======*/
/*====== Position css starts ======*/
.p-static {
  position: static; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-relative {
  position: relative; }

.p-initial {
  position: initial; }

.p-inherit {
  position: inherit; }

/*====== Position css ends ======*/
/*====== Float css starts ======*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

/*====== Float css ends ======*/
/*====== Overflow css starts ======*/
.o-hidden {
  overflow: hidden; }

.o-visible {
  overflow: visible; }

.o-auto {
  overflow: auto; }

/*====== Overflow css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
  width: 10px !important; }

.img-h-10 {
  height: 10px !important; }

.img-20 {
  width: 20px !important; }

.img-h-20 {
  height: 20px !important; }

.img-30 {
  width: 30px !important; }

.img-h-30 {
  height: 30px !important; }

.img-40 {
  width: 40px !important; }

.img-h-40 {
  height: 40px !important; }

.img-50 {
  width: 50px !important; }

.img-h-50 {
  height: 50px !important; }

.img-60 {
  width: 60px !important; }

.img-h-60 {
  height: 60px !important; }

.img-70 {
  width: 70px !important; }

.img-h-70 {
  height: 70px !important; }

.img-80 {
  width: 80px !important; }

.img-h-80 {
  height: 80px !important; }

.img-90 {
  width: 90px !important; }

.img-h-90 {
  height: 90px !important; }

.img-100 {
  width: 100px !important; }

.img-h-100 {
  height: 100px !important; }

/*====== Image-sizes css ends ======*/
/*======= Text css starts ===========*/
.font-primary {
  color: #006666 !important; }

.font-secondary {
  color: #FE6A49 !important; }

.font-success {
  color: #00AC46 !important; }

.font-danger {
  color: #FE6A49 !important; }

.font-info {
  color: #173878 !important; }

.font-light {
  color: #E6E9EB !important; }

.font-dark {
  color: #2c323f !important; }

.font-warning {
  color: #FFAE1A !important; }

.font-primary {
  color: var(--theme-deafult) !important; }

.font-secondary {
  color: var(--theme-secondary) !important; }

/*======= Text css ends ===========*/
/*======= Label-color css starts  ======= */
.label {
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize; }

.label-theme {
  background-color: #006666; }

.label-primary {
  background-color: #006666; }

.label-secondary {
  background-color: #FE6A49; }

.label-success {
  background-color: #00AC46; }

.label-danger {
  background-color: #FE6A49; }

.label-info {
  background-color: #173878; }

.label-light {
  background-color: #E6E9EB; }

.label-dark {
  background-color: #2c323f; }

.label-warning {
  background-color: #FFAE1A; }

/*======= Label-color css ends  ======= */
/*======= Badge-color css starts  ======= */
.badge-primary {
  background-color: #006666; }

.badge-secondary {
  background-color: #FE6A49; }

.badge-success {
  background-color: #00AC46; }

.badge-danger {
  background-color: #FE6A49; }

.badge-info {
  background-color: #173878; }

.badge-light {
  background-color: #E6E9EB; }

.badge-dark {
  background-color: #2c323f; }

.badge-warning {
  background-color: #FFAE1A; }

.badge-primary {
  background-color: var(--theme-deafult) !important; }

.badge-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Badge-color css end  ======= */
/*======= Background-color css starts  ======= */
.bg-primary {
  background-color: #006666 !important;
  color: #fff; }

.bg-light-primary {
  background-color: rgba(0, 102, 102, 0.1) !important;
  color: #fff; }

.b-light1-primary {
  background-color: rgba(0, 102, 102, 0.07) !important; }

.bg-secondary {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-secondary {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-secondary {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-success {
  background-color: #00AC46 !important;
  color: #fff; }

.bg-light-success {
  background-color: rgba(0, 172, 70, 0.1) !important;
  color: #fff; }

.b-light1-success {
  background-color: rgba(0, 172, 70, 0.07) !important; }

.bg-danger {
  background-color: #FE6A49 !important;
  color: #fff; }

.bg-light-danger {
  background-color: rgba(254, 106, 73, 0.1) !important;
  color: #fff; }

.b-light1-danger {
  background-color: rgba(254, 106, 73, 0.07) !important; }

.bg-info {
  background-color: #173878 !important;
  color: #fff; }

.bg-light-info {
  background-color: rgba(23, 56, 120, 0.1) !important;
  color: #fff; }

.b-light1-info {
  background-color: rgba(23, 56, 120, 0.07) !important; }

.bg-light {
  background-color: #E6E9EB !important;
  color: #fff; }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.1) !important;
  color: #fff; }

.b-light1-light {
  background-color: rgba(230, 233, 235, 0.07) !important; }

.bg-dark {
  background-color: #2c323f !important;
  color: #fff; }

.bg-light-dark {
  background-color: rgba(44, 50, 63, 0.1) !important;
  color: #fff; }

.b-light1-dark {
  background-color: rgba(44, 50, 63, 0.07) !important; }

.bg-warning {
  background-color: #FFAE1A !important;
  color: #fff; }

.bg-light-warning {
  background-color: rgba(255, 174, 26, 0.1) !important;
  color: #fff; }

.b-light1-warning {
  background-color: rgba(255, 174, 26, 0.07) !important; }

.bg-primary {
  background-color: var(--theme-deafult) !important; }

.bg-primary-1 {
  background-color: rgba(0, 102, 102, 0.6); }

.bg-primary-2 {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary {
  background-color: var(--theme-secondary) !important; }

/*======= Background-color css end  ======= */
/*======= Font-color css starts  ======= */
.txt-primary {
  color: #006666 !important; }

.txt-secondary {
  color: #FE6A49 !important; }

.txt-success {
  color: #00AC46 !important; }

.txt-danger {
  color: #FE6A49 !important; }

.txt-info {
  color: #173878 !important; }

.txt-light {
  color: #E6E9EB !important; }

.txt-dark {
  color: #2c323f !important; }

.txt-warning {
  color: #FFAE1A !important; }

.txt-google-plus {
  color: #c64e40 !important; }

.txt-twitter {
  color: #6fa2d8 !important; }

.txt-linkedin {
  color: #0077B5 !important; }

.txt-fb {
  color: #50598e !important; }

.txt-primary {
  color: var(--theme-deafult) !important; }

.txt-secondary {
  color: var(--theme-secondary) !important; }

/*======= Font-color css end  ======= */
/*======= Button-color css starts  ======= */
@keyframes push {
  50% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

.btn-primary {
  background-color: #006666 !important;
  border-color: #006666 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #006666 !important;
    border-color: #006666 !important; }
  .btn-primary:focus {
    box-shadow: unset !important; }

.btn-secondary {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-secondary:focus {
    box-shadow: unset !important; }

.btn-success {
  background-color: #00AC46 !important;
  border-color: #00AC46 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }
  .btn-success:focus {
    box-shadow: unset !important; }

.btn-danger {
  background-color: #FE6A49 !important;
  border-color: #FE6A49 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }
  .btn-danger:focus {
    box-shadow: unset !important; }

.btn-info {
  background-color: #173878 !important;
  border-color: #173878 !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  color: #fff; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #173878 !important;
    border-color: #173878 !important; }
  .btn-info:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: #E6E9EB !important;
  border-color: #E6E9EB !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }
  .btn-light:focus {
    box-shadow: unset !important; }

.btn-dark {
  background-color: #2c323f !important;
  border-color: #2c323f !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #2c323f !important;
    border-color: #2c323f !important; }
  .btn-dark:focus {
    box-shadow: unset !important; }

.btn-warning {
  background-color: #FFAE1A !important;
  border-color: #FFAE1A !important;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }
  .btn-warning:focus {
    box-shadow: unset !important; }

.btn-light {
  background-color: rgba(0, 102, 102, 0.06) !important;
  border-color: rgba(0, 102, 102, 0.06) !important; }
  .btn-light:hover {
    background-color: rgba(0, 102, 102, 0.1) !important;
    border-color: rgba(0, 102, 102, 0.1) !important; }

.btn-primary {
  background-color: var(--theme-deafult) !important;
  border-color: var(--theme-deafult) !important; }

.btn-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important; }

.btn-hover-effect:hover {
  animation: push 0.5s linear 1; }

/*======= Button-color css ends  ======= */
.btn-outline-primary-2x {
  border-width: 2px;
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-secondary-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary-2x:hover, .btn-outline-secondary-2x:focus, .btn-outline-secondary-2x:active, .btn-outline-secondary-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-success-2x {
  border-width: 2px;
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success-2x:hover, .btn-outline-success-2x:focus, .btn-outline-success-2x:active, .btn-outline-success-2x.active {
    color: white !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-danger-2x {
  border-width: 2px;
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger-2x:hover, .btn-outline-danger-2x:focus, .btn-outline-danger-2x:active, .btn-outline-danger-2x.active {
    color: white !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-info-2x {
  border-width: 2px;
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-light-2x {
  border-width: 2px;
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent; }
  .btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
    color: white !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-dark-2x {
  border-width: 2px;
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark-2x:hover, .btn-outline-dark-2x:focus, .btn-outline-dark-2x:active, .btn-outline-dark-2x.active {
    color: white !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-outline-warning-2x {
  border-width: 2px;
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning-2x:hover, .btn-outline-warning-2x:focus, .btn-outline-warning-2x:active, .btn-outline-warning-2x.active {
    color: white !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: none; }

.btn-outline-light-2x:hover, .btn-outline-light-2x:focus, .btn-outline-light-2x:active, .btn-outline-light-2x.active {
  color: #051A1A !important; }

.btn-check {
  color: #006666 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #006666 !important; }
    .btn-check:checked + .btn-outline-primary {
      color: white !important;
      background-color: #006666 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-primary {
    border-color: #006666 !important;
    color: #006666 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-primary.disabled {
      color: #006666; }
    .btn-check + .btn-outline-primary:hover, .btn-check + .btn-outline-primary:focus, .btn-check + .btn-outline-primary:active, .btn-check + .btn-outline-primary:focus-visible, .btn-check + .btn-outline-primary.active {
      color: white !important;
      background-color: #006666 !important;
      border-color: #006666 !important;
      box-shadow: none !important; }

.btn-outline-primary {
  border-color: #006666;
  color: #006666;
  background-color: transparent; }
  .btn-outline-primary.disabled {
    color: #006666;
    border-color: #006666; }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-secondary {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-secondary {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-secondary.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-secondary:hover, .btn-check + .btn-outline-secondary:focus, .btn-check + .btn-outline-secondary:active, .btn-check + .btn-outline-secondary:focus-visible, .btn-check + .btn-outline-secondary.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-secondary {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-secondary.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #00AC46 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #00AC46 !important; }
    .btn-check:checked + .btn-outline-success {
      color: white !important;
      background-color: #00AC46 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-success.disabled {
      color: #00AC46; }
    .btn-check + .btn-outline-success:hover, .btn-check + .btn-outline-success:focus, .btn-check + .btn-outline-success:active, .btn-check + .btn-outline-success:focus-visible, .btn-check + .btn-outline-success.active {
      color: white !important;
      background-color: #00AC46 !important;
      border-color: #00AC46 !important;
      box-shadow: none !important; }

.btn-outline-success {
  border-color: #00AC46;
  color: #00AC46;
  background-color: transparent; }
  .btn-outline-success.disabled {
    color: #00AC46;
    border-color: #00AC46; }
  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FE6A49 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FE6A49 !important; }
    .btn-check:checked + .btn-outline-danger {
      color: white !important;
      background-color: #FE6A49 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-danger.disabled {
      color: #FE6A49; }
    .btn-check + .btn-outline-danger:hover, .btn-check + .btn-outline-danger:focus, .btn-check + .btn-outline-danger:active, .btn-check + .btn-outline-danger:focus-visible, .btn-check + .btn-outline-danger.active {
      color: white !important;
      background-color: #FE6A49 !important;
      border-color: #FE6A49 !important;
      box-shadow: none !important; }

.btn-outline-danger {
  border-color: #FE6A49;
  color: #FE6A49;
  background-color: transparent; }
  .btn-outline-danger.disabled {
    color: #FE6A49;
    border-color: #FE6A49; }
  .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: #fff !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #173878 !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #173878 !important; }
    .btn-check:checked + .btn-outline-info {
      color: white !important;
      background-color: #173878 !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-info {
    border-color: #173878 !important;
    color: #173878 !important;
    background-color: transparent; }
    .btn-check + .btn-outline-info.disabled {
      color: #173878; }
    .btn-check + .btn-outline-info:hover, .btn-check + .btn-outline-info:focus, .btn-check + .btn-outline-info:active, .btn-check + .btn-outline-info:focus-visible, .btn-check + .btn-outline-info.active {
      color: white !important;
      background-color: #173878 !important;
      border-color: #173878 !important;
      box-shadow: none !important; }

.btn-outline-info {
  border-color: #173878;
  color: #173878;
  background-color: transparent; }
  .btn-outline-info.disabled {
    color: #173878;
    border-color: #173878; }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: #fff !important;
    background-color: #173878 !important;
    border-color: #173878 !important;
    box-shadow: unset !important; }

.btn-check {
  color: #E6E9EB !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #E6E9EB !important; }
    .btn-check:checked + .btn-outline-light {
      color: white !important;
      background-color: #E6E9EB !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-light {
    border-color: #E6E9EB !important;
    color: #E6E9EB !important;
    background-color: transparent;
    color: #051A1A; }
    .btn-check + .btn-outline-light.disabled {
      color: #E6E9EB; }
    .btn-check + .btn-outline-light:hover, .btn-check + .btn-outline-light:focus, .btn-check + .btn-outline-light:active, .btn-check + .btn-outline-light:focus-visible, .btn-check + .btn-outline-light.active {
      color: white !important;
      background-color: #E6E9EB !important;
      border-color: #E6E9EB !important;
      box-shadow: none !important; }

.btn-outline-light {
  border-color: #E6E9EB;
  color: #E6E9EB;
  background-color: transparent;
  color: #051A1A; }
  .btn-outline-light.disabled {
    color: #E6E9EB;
    border-color: #E6E9EB; }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
    color: #fff !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    box-shadow: unset !important; }

.btn-check {
  color: #2c323f !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #2c323f !important; }
    .btn-check:checked + .btn-outline-dark {
      color: white !important;
      background-color: #2c323f !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-dark {
    border-color: #2c323f !important;
    color: #2c323f !important;
    background-color: transparent; }
    .btn-check + .btn-outline-dark.disabled {
      color: #2c323f; }
    .btn-check + .btn-outline-dark:hover, .btn-check + .btn-outline-dark:focus, .btn-check + .btn-outline-dark:active, .btn-check + .btn-outline-dark:focus-visible, .btn-check + .btn-outline-dark.active {
      color: white !important;
      background-color: #2c323f !important;
      border-color: #2c323f !important;
      box-shadow: none !important; }

.btn-outline-dark {
  border-color: #2c323f;
  color: #2c323f;
  background-color: transparent; }
  .btn-outline-dark.disabled {
    color: #2c323f;
    border-color: #2c323f; }
  .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
    color: #fff !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    box-shadow: unset !important; }

.btn-check {
  color: #FFAE1A !important; }
  .btn-check:checked {
    color: white !important;
    background-color: #FFAE1A !important; }
    .btn-check:checked + .btn-outline-warning {
      color: white !important;
      background-color: #FFAE1A !important;
      box-shadow: unset !important; }
  .btn-check + .btn-outline-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important;
    background-color: transparent; }
    .btn-check + .btn-outline-warning.disabled {
      color: #FFAE1A; }
    .btn-check + .btn-outline-warning:hover, .btn-check + .btn-outline-warning:focus, .btn-check + .btn-outline-warning:active, .btn-check + .btn-outline-warning:focus-visible, .btn-check + .btn-outline-warning.active {
      color: white !important;
      background-color: #FFAE1A !important;
      border-color: #FFAE1A !important;
      box-shadow: none !important; }

.btn-outline-warning {
  border-color: #FFAE1A;
  color: #FFAE1A;
  background-color: transparent; }
  .btn-outline-warning.disabled {
    color: #FFAE1A;
    border-color: #FFAE1A; }
  .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active {
    color: #fff !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    box-shadow: unset !important; }

.btn-primary.active:not([disabled]):not(.disabled) {
  background-color: #003333;
  color: #fff !important;
  border-color: #003333;
  box-shadow: none !important; }
  .btn-primary.active:not([disabled]):not(.disabled):hover, .btn-primary.active:not([disabled]):not(.disabled):focus, .btn-primary.active:not([disabled]):not(.disabled):active, .btn-primary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #003333;
    border-color: #003333; }

.btn-secondary.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-secondary.active:not([disabled]):not(.disabled):hover, .btn-secondary.active:not([disabled]):not(.disabled):focus, .btn-secondary.active:not([disabled]):not(.disabled):active, .btn-secondary.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-success.active:not([disabled]):not(.disabled) {
  background-color: #007931;
  color: #fff !important;
  border-color: #007931;
  box-shadow: none !important; }
  .btn-success.active:not([disabled]):not(.disabled):hover, .btn-success.active:not([disabled]):not(.disabled):focus, .btn-success.active:not([disabled]):not(.disabled):active, .btn-success.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #007931;
    border-color: #007931; }

.btn-danger.active:not([disabled]):not(.disabled) {
  background-color: #fe4016;
  color: #fff !important;
  border-color: #fe4016;
  box-shadow: none !important; }
  .btn-danger.active:not([disabled]):not(.disabled):hover, .btn-danger.active:not([disabled]):not(.disabled):focus, .btn-danger.active:not([disabled]):not(.disabled):active, .btn-danger.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #fe4016;
    border-color: #fe4016; }

.btn-info.active:not([disabled]):not(.disabled) {
  background-color: #0f244d;
  color: #fff !important;
  border-color: #0f244d;
  box-shadow: none !important; }
  .btn-info.active:not([disabled]):not(.disabled):hover, .btn-info.active:not([disabled]):not(.disabled):focus, .btn-info.active:not([disabled]):not(.disabled):active, .btn-info.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #0f244d;
    border-color: #0f244d; }

.btn-light.active:not([disabled]):not(.disabled) {
  background-color: #cad0d4;
  color: #fff !important;
  border-color: #cad0d4;
  box-shadow: none !important; }
  .btn-light.active:not([disabled]):not(.disabled):hover, .btn-light.active:not([disabled]):not(.disabled):focus, .btn-light.active:not([disabled]):not(.disabled):active, .btn-light.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #cad0d4;
    border-color: #cad0d4; }

.btn-dark.active:not([disabled]):not(.disabled) {
  background-color: #171a21;
  color: #fff !important;
  border-color: #171a21;
  box-shadow: none !important; }
  .btn-dark.active:not([disabled]):not(.disabled):hover, .btn-dark.active:not([disabled]):not(.disabled):focus, .btn-dark.active:not([disabled]):not(.disabled):active, .btn-dark.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #171a21;
    border-color: #171a21; }

.btn-warning.active:not([disabled]):not(.disabled) {
  background-color: #e69500;
  color: #fff !important;
  border-color: #e69500;
  box-shadow: none !important; }
  .btn-warning.active:not([disabled]):not(.disabled):hover, .btn-warning.active:not([disabled]):not(.disabled):focus, .btn-warning.active:not([disabled]):not(.disabled):active, .btn-warning.active.active:not([disabled]):not(.disabled) {
    color: white;
    background-color: #e69500;
    border-color: #e69500; }

.btn-outline-primary-2x.active:not([disabled]):not(.disabled) {
  background-color: #006666;
  border-color: #006666;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-primary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-primary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-primary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #006666 !important;
    border-color: #006666 !important; }

.btn-outline-secondary-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-secondary-2x.active:not([disabled]):not(.disabled):active, .btn-outline-secondary-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-success-2x.active:not([disabled]):not(.disabled) {
  background-color: #00AC46;
  border-color: #00AC46;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-success-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-success-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-success-2x.active:not([disabled]):not(.disabled):active, .btn-outline-success-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #00AC46 !important;
    border-color: #00AC46 !important; }

.btn-outline-danger-2x.active:not([disabled]):not(.disabled) {
  background-color: #FE6A49;
  border-color: #FE6A49;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-danger-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-danger-2x.active:not([disabled]):not(.disabled):active, .btn-outline-danger-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important; }

.btn-outline-info-2x.active:not([disabled]):not(.disabled) {
  background-color: #173878;
  border-color: #173878;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-info-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-info-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-info-2x.active:not([disabled]):not(.disabled):active, .btn-outline-info-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #173878 !important;
    border-color: #173878 !important; }

.btn-outline-light-2x.active:not([disabled]):not(.disabled) {
  background-color: #E6E9EB;
  border-color: #E6E9EB;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-light-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-light-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-light-2x.active:not([disabled]):not(.disabled):active, .btn-outline-light-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important; }

.btn-outline-dark-2x.active:not([disabled]):not(.disabled) {
  background-color: #2c323f;
  border-color: #2c323f;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-dark-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-dark-2x.active:not([disabled]):not(.disabled):active, .btn-outline-dark-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #2c323f !important;
    border-color: #2c323f !important; }

.btn-outline-warning-2x.active:not([disabled]):not(.disabled) {
  background-color: #FFAE1A;
  border-color: #FFAE1A;
  box-shadow: none !important;
  color: #fff; }
  .btn-outline-warning-2x.active:not([disabled]):not(.disabled):hover, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):focus, .btn-outline-warning-2x.active:not([disabled]):not(.disabled):active, .btn-outline-warning-2x.active.active:not([disabled]):not(.disabled) {
    color: #fff !important;
    box-shadow: none !important;
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important; }

/*======= Table-Border-Bottom-color css starts  ======= */
table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
  border-bottom: 1px solid #006666 !important; }

table thead .border-bottom-secondary th,
table tbody .border-bottom-secondary th,
table tbody .border-bottom-secondary td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-success th,
table tbody .border-bottom-success th,
table tbody .border-bottom-success td {
  border-bottom: 1px solid #00AC46 !important; }

table thead .border-bottom-danger th,
table tbody .border-bottom-danger th,
table tbody .border-bottom-danger td {
  border-bottom: 1px solid #FE6A49 !important; }

table thead .border-bottom-info th,
table tbody .border-bottom-info th,
table tbody .border-bottom-info td {
  border-bottom: 1px solid #173878 !important; }

table thead .border-bottom-light th,
table tbody .border-bottom-light th,
table tbody .border-bottom-light td {
  border-bottom: 1px solid #E6E9EB !important; }

table thead .border-bottom-dark th,
table tbody .border-bottom-dark th,
table tbody .border-bottom-dark td {
  border-bottom: 1px solid #2c323f !important; }

table thead .border-bottom-warning th,
table tbody .border-bottom-warning th,
table tbody .border-bottom-warning td {
  border-bottom: 1px solid #FFAE1A !important; }

/*======= Table-Border-Bottom-color css ends  ======= */
/*======= Table styling css starts  ======= */
.table-styling .table-primary,
.table-styling.table-primary {
  background-color: #006666;
  color: #fff;
  border: 3px solid #006666; }
  .table-styling .table-primary thead,
  .table-styling.table-primary thead {
    background-color: #003333;
    border: 3px solid #003333; }
  .table-styling .table-primary th,
  .table-styling .table-primary td,
  .table-styling.table-primary th,
  .table-styling.table-primary td {
    background-color: transparent; }

.table-styling .table-secondary,
.table-styling.table-secondary {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-secondary thead,
  .table-styling.table-secondary thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-secondary th,
  .table-styling .table-secondary td,
  .table-styling.table-secondary th,
  .table-styling.table-secondary td {
    background-color: transparent; }

.table-styling .table-success,
.table-styling.table-success {
  background-color: #00AC46;
  color: #fff;
  border: 3px solid #00AC46; }
  .table-styling .table-success thead,
  .table-styling.table-success thead {
    background-color: #007931;
    border: 3px solid #007931; }
  .table-styling .table-success th,
  .table-styling .table-success td,
  .table-styling.table-success th,
  .table-styling.table-success td {
    background-color: transparent; }

.table-styling .table-danger,
.table-styling.table-danger {
  background-color: #FE6A49;
  color: #fff;
  border: 3px solid #FE6A49; }
  .table-styling .table-danger thead,
  .table-styling.table-danger thead {
    background-color: #fe4016;
    border: 3px solid #fe4016; }
  .table-styling .table-danger th,
  .table-styling .table-danger td,
  .table-styling.table-danger th,
  .table-styling.table-danger td {
    background-color: transparent; }

.table-styling .table-info,
.table-styling.table-info {
  background-color: #173878;
  color: #fff;
  border: 3px solid #173878; }
  .table-styling .table-info thead,
  .table-styling.table-info thead {
    background-color: #0f244d;
    border: 3px solid #0f244d; }
  .table-styling .table-info th,
  .table-styling .table-info td,
  .table-styling.table-info th,
  .table-styling.table-info td {
    background-color: transparent; }

.table-styling .table-light,
.table-styling.table-light {
  background-color: #E6E9EB;
  color: #fff;
  border: 3px solid #E6E9EB; }
  .table-styling .table-light thead,
  .table-styling.table-light thead {
    background-color: #cad0d4;
    border: 3px solid #cad0d4; }
  .table-styling .table-light th,
  .table-styling .table-light td,
  .table-styling.table-light th,
  .table-styling.table-light td {
    background-color: transparent; }

.table-styling .table-dark,
.table-styling.table-dark {
  background-color: #2c323f;
  color: #fff;
  border: 3px solid #2c323f; }
  .table-styling .table-dark thead,
  .table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21; }
  .table-styling .table-dark th,
  .table-styling .table-dark td,
  .table-styling.table-dark th,
  .table-styling.table-dark td {
    background-color: transparent; }

.table-styling .table-warning,
.table-styling.table-warning {
  background-color: #FFAE1A;
  color: #fff;
  border: 3px solid #FFAE1A; }
  .table-styling .table-warning thead,
  .table-styling.table-warning thead {
    background-color: #e69500;
    border: 3px solid #e69500; }
  .table-styling .table-warning th,
  .table-styling .table-warning td,
  .table-styling.table-warning th,
  .table-styling.table-warning td {
    background-color: transparent; }

/*======= Table styling css ends  ======= */
/*======= Svg stroke css start  ======= */
.stroke-primary {
  stroke: #006666 !important; }

.stroke-secondary {
  stroke: #FE6A49 !important; }

.stroke-success {
  stroke: #00AC46 !important; }

.stroke-danger {
  stroke: #FE6A49 !important; }

.stroke-info {
  stroke: #173878 !important; }

.stroke-light {
  stroke: #E6E9EB !important; }

.stroke-dark {
  stroke: #2c323f !important; }

.stroke-warning {
  stroke: #FFAE1A !important; }

/*======= Svg stroke css end  ======= */
/*======= Checkbox color css start  ======= */
.checkbox-primary.form-check-input:checked {
  background-color: #006666;
  border-color: #006666; }

.checkbox-secondary.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-success.form-check-input:checked {
  background-color: #00AC46;
  border-color: #00AC46; }

.checkbox-danger.form-check-input:checked {
  background-color: #FE6A49;
  border-color: #FE6A49; }

.checkbox-info.form-check-input:checked {
  background-color: #173878;
  border-color: #173878; }

.checkbox-light.form-check-input:checked {
  background-color: #E6E9EB;
  border-color: #E6E9EB; }

.checkbox-dark.form-check-input:checked {
  background-color: #2c323f;
  border-color: #2c323f; }

.checkbox-warning.form-check-input:checked {
  background-color: #FFAE1A;
  border-color: #FFAE1A; }

/*======= Checkbox color css end  ======= */
/*======= All-Borders-color css starts  ======= */
.b-primary {
  border: 1px solid #006666 !important; }

.b-t-primary {
  border-top: 1px solid #006666 !important; }

.border-t-primary {
  border-top: 1px solid #006666 !important; }

.b-b-primary {
  border-bottom: 1px solid #006666 !important; }

.border-b-primary {
  border-bottom: 1px solid #006666 !important; }

.b-l-primary {
  border-left: 1px solid #006666 !important; }

.border-l-primary {
  border-left: 1px solid #006666 !important; }

.b-r-primary {
  border-right: 1px solid #006666 !important; }

.border-r-primary {
  border-right: 1px solid #006666 !important; }

.b-secondary {
  border: 1px solid #FE6A49 !important; }

.b-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.border-t-secondary {
  border-top: 1px solid #FE6A49 !important; }

.b-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-secondary {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.border-l-secondary {
  border-left: 1px solid #FE6A49 !important; }

.b-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.border-r-secondary {
  border-right: 1px solid #FE6A49 !important; }

.b-success {
  border: 1px solid #00AC46 !important; }

.b-t-success {
  border-top: 1px solid #00AC46 !important; }

.border-t-success {
  border-top: 1px solid #00AC46 !important; }

.b-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.border-b-success {
  border-bottom: 1px solid #00AC46 !important; }

.b-l-success {
  border-left: 1px solid #00AC46 !important; }

.border-l-success {
  border-left: 1px solid #00AC46 !important; }

.b-r-success {
  border-right: 1px solid #00AC46 !important; }

.border-r-success {
  border-right: 1px solid #00AC46 !important; }

.b-danger {
  border: 1px solid #FE6A49 !important; }

.b-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.border-t-danger {
  border-top: 1px solid #FE6A49 !important; }

.b-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.border-b-danger {
  border-bottom: 1px solid #FE6A49 !important; }

.b-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.border-l-danger {
  border-left: 1px solid #FE6A49 !important; }

.b-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.border-r-danger {
  border-right: 1px solid #FE6A49 !important; }

.b-info {
  border: 1px solid #173878 !important; }

.b-t-info {
  border-top: 1px solid #173878 !important; }

.border-t-info {
  border-top: 1px solid #173878 !important; }

.b-b-info {
  border-bottom: 1px solid #173878 !important; }

.border-b-info {
  border-bottom: 1px solid #173878 !important; }

.b-l-info {
  border-left: 1px solid #173878 !important; }

.border-l-info {
  border-left: 1px solid #173878 !important; }

.b-r-info {
  border-right: 1px solid #173878 !important; }

.border-r-info {
  border-right: 1px solid #173878 !important; }

.b-light {
  border: 1px solid #E6E9EB !important; }

.b-t-light {
  border-top: 1px solid #E6E9EB !important; }

.border-t-light {
  border-top: 1px solid #E6E9EB !important; }

.b-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.border-b-light {
  border-bottom: 1px solid #E6E9EB !important; }

.b-l-light {
  border-left: 1px solid #E6E9EB !important; }

.border-l-light {
  border-left: 1px solid #E6E9EB !important; }

.b-r-light {
  border-right: 1px solid #E6E9EB !important; }

.border-r-light {
  border-right: 1px solid #E6E9EB !important; }

.b-dark {
  border: 1px solid #2c323f !important; }

.b-t-dark {
  border-top: 1px solid #2c323f !important; }

.border-t-dark {
  border-top: 1px solid #2c323f !important; }

.b-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.border-b-dark {
  border-bottom: 1px solid #2c323f !important; }

.b-l-dark {
  border-left: 1px solid #2c323f !important; }

.border-l-dark {
  border-left: 1px solid #2c323f !important; }

.b-r-dark {
  border-right: 1px solid #2c323f !important; }

.border-r-dark {
  border-right: 1px solid #2c323f !important; }

.b-warning {
  border: 1px solid #FFAE1A !important; }

.b-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.border-t-warning {
  border-top: 1px solid #FFAE1A !important; }

.b-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.border-b-warning {
  border-bottom: 1px solid #FFAE1A !important; }

.b-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.border-l-warning {
  border-left: 1px solid #FFAE1A !important; }

.b-r-warning {
  border-right: 1px solid #FFAE1A !important; }

.border-r-warning {
  border-right: 1px solid #FFAE1A !important; }

/*======= All-Borders-color css ends  ======= */
/*====== Border width css starts ======*/
.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-6 {
  border-width: 6px !important; }

.border-7 {
  border-width: 7px !important; }

.border-8 {
  border-width: 8px !important; }

.border-9 {
  border-width: 9px !important; }

.border-10 {
  border-width: 10px !important; }

/*====== Border width css ends ======*/
.map-js-height {
  height: 500px; }

/**====== custom scrollbar css start ======**/
.custom-scrollbar::-webkit-scrollbar-track,
.datatable-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ecf3fa; }

.custom-scrollbar::-webkit-scrollbar,
.datatable-container::-webkit-scrollbar {
  width: 6px;
  height: 5px; }

.custom-scrollbar::-webkit-scrollbar-thumb,
.datatable-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 102, 102, 0.3); }

/**====== Custom scrollbar css end ======**/
/**====== Animation css Start ======**/
.line {
  color: #2c323f; }
  .line pre {
    font-size: 100%; }

/**====== Animation css end ======**/
/**====== Modal style css Start ======**/
.theme-close {
  opacity: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #fff !important; }

/**====== Modal style css end ======**/
/**====== Animation css start ======**/
.options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  .options > div {
    color: #86909C;
    padding: 2px 10px;
    border: 1px solid; }
    .options > div:hover {
      background-color: #006666;
      color: #fff;
      transition: background-color 0.3s ease; }

/**====== Animation css Ends ======**/
.modal-footer {
  flex-wrap: wrap; }

.img-cropper .img-container {
  min-height: auto;
  margin-bottom: 0; }

.img-cropper .docs-data > .input-group:last-child {
  margin-bottom: 0; }

.img-cropper .docs-preview {
  margin-top: 20px;
  margin-bottom: 10px; }

.dropzone .dz-preview .dz-error-message {
  background: #fff !important;
  color: #006666 !important;
  border: 1px solid #006666; }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #006666 !important; }

.typeahead .theme-form .form-group {
  margin-bottom: 0; }

.primary .svg-fill {
  fill: var(--theme-deafult); }
  .primary .svg-fill:not(.half-circle) {
    stroke: var(--theme-deafult); }

.primary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 102, 102, 0.1) 19.06%, rgba(0, 102, 102, 0) 79.03%) !important; }

.secondary .svg-fill {
  fill: var(--theme-secondary); }
  .secondary .svg-fill:not(.half-circle) {
    stroke: var(--theme-secondary); }

.secondary .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(254, 106, 73, 0.1) 19.06%, rgba(254, 106, 73, 0) 79.03%) !important; }

.success .svg-fill {
  fill: #00AC46; }

.success .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(0, 172, 70, 0.1) 19.06%, rgba(0, 172, 70, 0) 79.03%) !important; }

.warning .svg-fill {
  fill: #FFAE1A; }

.warning .bg-gradient {
  background-image: linear-gradient(144.16deg, rgba(255, 174, 26, 0.1) 19.06%, rgba(255, 174, 26, 0) 79.03%) !important; }

.dotted {
  border-style: dotted; }

.dashed {
  border-style: dashed; }

.double {
  border-style: double; }

.groove {
  border-style: groove; }

.ridge {
  border-style: ridge; }

.inset {
  border-style: inset; }

.outset {
  border-style: outset; }

@keyframes fadeIncustom {
  0% {
    opacity: 0;
    top: 50px; }
  75% {
    opacity: .6;
    top: 0; }
  100% {
    opacity: 1; } }

.code-box-copy {
  width: 100%;
  overflow: auto; }

@media (max-width: 1660px) and (min-width: 1400px) {
  .custom-rs-4 {
    width: 33.33333333%; }
  .custom-rs-12 {
    width: 100%; } }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker {
  width: 10px;
  height: 10px; }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-goals-group,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-z-group {
  display: none; }

.bg-gray {
  background-color: var(--text-gray); }

.text-gray {
  color: var(--text-gray) !important; }

.common-flex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

.common-space {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* Override the default tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: rgba(0, 102, 102, 0.2); }

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: rgba(0, 102, 102, 0.2); }

/*======= light-color ======= */
.bg-primary-light {
  background-color: rgba(0, 102, 102, 0.3); }

.bg-secondary-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-warning-light {
  background-color: rgba(255, 174, 26, 0.3); }

.bg-danger-light {
  background-color: rgba(254, 106, 73, 0.3); }

.bg-light-light {
  background-color: rgba(230, 233, 235, 0.3) !important; }

.bg-success-light {
  background-color: rgba(0, 172, 70, 0.3) !important; }

/*======= light-color ======= */
.badge-light-primary {
  background-color: #29ffff;
  color: #006666; }

.badge-light-secondary {
  background-color: white;
  color: #FE6A49; }

.badge-light-success {
  background-color: #6fffa9;
  color: #00AC46; }

.badge-light-danger {
  background-color: white;
  color: #FE6A49; }

.badge-light-info {
  background-color: #6e96e3;
  color: #173878; }

.badge-light-light {
  background-color: #b7b7c9;
  color: #52526c; }

.badge-light-dark {
  background-color: #8490a9;
  color: #2c323f; }

.badge-light-warning {
  background-color: #fff3dc;
  color: #FFAE1A; }

.badge-light-light {
  background-color: #e9e9ee; }

.badge-light-primary {
  background-color: rgba(0, 102, 102, 0.1); }

.badge-light-success {
  background-color: rgba(0, 172, 70, 0.15); }

.badge-light-danger {
  background-color: rgba(254, 106, 73, 0.3); }

.badge-light-info {
  background-color: rgba(23, 56, 120, 0.3); }

.badge-light-secondary {
  background-color: rgba(254, 106, 73, 0.08); }

.badge-light-warning {
  background-color: rgba(255, 174, 26, 0.1); }

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
  color: #051A1A; }

.fc .fc-button-primary.fc-button-active:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-deafult), 0.2) !important; }

.fc-daygrid-event-dot {
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #006666;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #006666);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }

.balance-box {
  text-align: center;
  background-image: url(/../images/dashboard/bg-balance.png);
  background-position: right;
  background-size: cover; }
  .balance-box .balance-img {
    display: inline-block;
    padding: 5px;
    border: 2px solid var(--chart-border);
    border-left-color: #00AC46;
    border-bottom-color: #00AC46;
    border-radius: 100%;
    position: relative;
    margin-bottom: 15px; }
    .balance-box .balance-img img {
      background-color: var(--balance-profie-bg);
      border-radius: 100%;
      margin-left: 0px; }
    .balance-box .balance-img .edit-icon {
      width: 26px;
      height: 26px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid var(--white);
      background-color: #DFDFF4;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
      .balance-box .balance-img .edit-icon svg {
        width: 11px;
        height: 11px;
        fill: #006666; }

.balance-item {
  display: flex;
  gap: 10px; }
  .balance-item .balance-icon-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; }
    @media (max-width: 1660px) {
      .balance-item .balance-icon-wrap {
        width: 25px;
        min-width: 25px;
        height: 25px;
        border-radius: 8px; } }
    .balance-item .balance-icon-wrap .balance-icon {
      width: 16px;
      height: 16px;
      border-radius: 100%; }
      @media (max-width: 1660px) {
        .balance-item .balance-icon-wrap .balance-icon {
          width: 14px;
          height: 14px; } }
      .balance-item .balance-icon-wrap .balance-icon svg {
        color: #fff;
        width: 14px;
        height: 14px; }
        @media (max-width: 1660px) {
          .balance-item .balance-icon-wrap .balance-icon svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top; } }
  .balance-item .invoice-table-data {
    background-color: #f9f9fa; }
  .balance-item .badge {
    padding: 8px 10px; }
  .balance-item.danger .balance-icon-wrap {
    background-color: rgba(254, 106, 73, 0.1); }
    .balance-item.danger .balance-icon-wrap .balance-icon {
      background-color: #FE6A49; }
  .balance-item.success .balance-icon-wrap {
    background-color: rgba(0, 172, 70, 0.1); }
    .balance-item.success .balance-icon-wrap .balance-icon {
      background-color: #00AC46; }

/**=====================
    1.1 Reset CSS Ends
==========================**/
body.dark-only {
  --bs-heading-color: rgb(255, 255, 255);
  color: rgba(255, 255, 255, 0.6);
  background-color: #1A1C23; }
  body.dark-only.modal-open {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23; }
    body.dark-only.modal-open h1,
    body.dark-only.modal-open h2,
    body.dark-only.modal-open h3,
    body.dark-only.modal-open h4,
    body.dark-only.modal-open h5,
    body.dark-only.modal-open h6 {
      color: #fff; }
    body.dark-only.modal-open span {
      color: rgba(255, 255, 255, 0.7); }
    body.dark-only.modal-open p {
      color: rgba(255, 255, 255, 0.7); }
  body.dark-only span {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .txt-primary {
    color: #006666 !important; }
  body.dark-only .txt-secondary {
    color: #FE6A49 !important; }
  body.dark-only .txt-success {
    color: #00AC46 !important; }
  body.dark-only .txt-danger {
    color: #FE6A49 !important; }
  body.dark-only .txt-info {
    color: #173878 !important; }
  body.dark-only .txt-light {
    color: #E6E9EB !important; }
  body.dark-only .txt-dark {
    color: #2c323f !important; }
  body.dark-only .txt-warning {
    color: #FFAE1A !important; }
  body.dark-only .txt-google-plus {
    color: #c64e40 !important; }
  body.dark-only .txt-twitter {
    color: #6fa2d8 !important; }
  body.dark-only .txt-linkedin {
    color: #0077B5 !important; }
  body.dark-only .txt-fb {
    color: #50598e !important; }
  body.dark-only .txt-primary {
    color: var(--theme-deafult) !important; }
  body.dark-only .txt-secondary {
    color: var(--theme-secondary) !important; }
  body.dark-only .accordion-button.accordion-light-primary:not(.collapsed) {
    background-color: rgba(0, 102, 102, 0.2); }
  body.dark-only .accordion-button.accordion-light-primary:active, body.dark-only .accordion-button.accordion-light-primary.active {
    background-color: rgba(0, 102, 102, 0.2);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-secondary:not(.collapsed) {
    background-color: rgba(254, 106, 73, 0.3); }
  body.dark-only .accordion-button.accordion-light-secondary:active, body.dark-only .accordion-button.accordion-light-secondary.active {
    background-color: rgba(254, 106, 73, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-success:not(.collapsed) {
    background-color: rgba(0, 172, 70, 0.3); }
  body.dark-only .accordion-button.accordion-light-success:active, body.dark-only .accordion-button.accordion-light-success.active {
    background-color: rgba(0, 172, 70, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-warning:not(.collapsed) {
    background-color: rgba(255, 174, 26, 0.3); }
  body.dark-only .accordion-button.accordion-light-warning:active, body.dark-only .accordion-button.accordion-light-warning.active {
    background-color: rgba(255, 174, 26, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-info:not(.collapsed) {
    background-color: rgba(23, 56, 120, 0.3); }
  body.dark-only .accordion-button.accordion-light-info:active, body.dark-only .accordion-button.accordion-light-info.active {
    background-color: rgba(23, 56, 120, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-light:not(.collapsed) {
    background-color: #F9F9FB; }
  body.dark-only .accordion-button.accordion-light-light:active, body.dark-only .accordion-button.accordion-light-light.active {
    background-color: #F9F9FB;
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-danger:not(.collapsed) {
    background-color: rgba(254, 106, 73, 0.3); }
  body.dark-only .accordion-button.accordion-light-danger:active, body.dark-only .accordion-button.accordion-light-danger.active {
    background-color: rgba(254, 106, 73, 0.3);
    color: #000;
    border: none; }
  body.dark-only .accordion-button.accordion-light-dark:not(.collapsed) {
    background-color: #EAEBF2; }
  body.dark-only .accordion-button.accordion-light-dark:active, body.dark-only .accordion-button.accordion-light-dark.active {
    background-color: #EAEBF2;
    color: #000;
    border: none; }
  body.dark-only .list-product-header .collapse .list-product-body {
    border: unset !important; }
  body.dark-only .card {
    --bs-card-title-color: var(--body-font-color);
    --bs-card-subtitle-color: var(--body-font-color);
    --bs-card-cap-color: var(--body-font-color);
    --bs-card-color: var(--body-font-color);
    --bs-body-color: var(--body-font-color);
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .breadcrumb {
    --bs-breadcrumb-bg: transparent; }
  body.dark-only .toast {
    --bs-toast-color: var(--body-font-color); }
  body.dark-only .modal {
    --bs-modal-color: rgba(255, 255, 255, 0.2);
    --bs-modal-footer-bg: $dark-card-background; }
  body.dark-only .accordion-flush .accordion-item .accordion-header button {
    background-color: rgba(0, 172, 70, 0.3) !important; }
  body.dark-only .moon {
    stroke: var(--body-font-color); }
  body.dark-only .radio label::before {
    background-color: #1A1C23; }
  body.dark-only .support-custom-table table.dataTable {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .support-custom-table table.dataTable thead th,
    body.dark-only .support-custom-table table.dataTable thead td {
      border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .support-custom-table table.dataTable tbody td {
      border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .support-custom-table .dataTables_wrapper .dataTables_paginate {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .list-product .datatable-sorter::before {
    border-top: 4px solid rgba(255, 255, 255, 0.5) !important; }
  body.dark-only .list-product .datatable-sorter::after {
    border-bottom: 4px solid rgba(255, 255, 255, 0.5) !important; }
  body.dark-only .onhover-dropdown.notification-down::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .nav-right > ul > li:nth-child(n+3):not(:last-child body.dark-only .nav-right > ul > li.profile-nav:nth-child(n+3)) {
    background-color: #22242B !important; }
  body.dark-only .nav-right > ul > li:nth-child(2) {
    background-color: #22242B !important; }
  body.dark-only .nav-right .nav-menus li.profile-nav ul li {
    background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .bookmark-flip .flip-card .bookmark-dropdown li:nth-child(2) {
    background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .bookmark-flip .flip-card .back ul li:nth-child(2) {
    background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .input-icon input {
    background-color: #22242B;
    border: none;
    color: #fff; }
  body.dark-only .nav-right .nav-menus li .user-name svg {
    filter: invert(1); }
  body.dark-only .nav-right .nav-menus li .profile-media .media-body span {
    color: #fff; }
  body.dark-only .email-right-aside .email-read .mail-header1 svg {
    stroke: rgba(255, 255, 255, 0.7); }
  body.dark-only .customers ul li:last-child p {
    color: rgba(255, 255, 255, 0.2) !important;
    border: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .invoice-text span {
    color: #006666; }
  body.dark-only .invoice-table-data {
    background-color: #22242B !important; }
  body.dark-only .form-control {
    background-color: #22242B !important;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only input::placeholder {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .text-muted {
    color: rgba(255, 255, 255, 0.7) !important; }
  body.dark-only .total-chart .data-grow span {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .payment-second .mega-icons .stroke-dark {
    filter: invert(3); }
  body.dark-only .breadcrumb-item.active {
    color: rgba(255, 255, 255, 0.7) !important; }
  body.dark-only .breadcrumb-item + .breadcrumb-item:before {
    color: rgba(255, 255, 255, 0.7) !important; }
  body.dark-only .sale-history-card .history-price a {
    color: #fff; }
  body.dark-only .radius-wrapper {
    background-color: #1A1C23 !important; }
  body.dark-only .product-costing {
    border-color: rgba(230, 233, 235, 0.1);
    color: #fff; }
  body.dark-only .sale-history-card {
    border-color: rgba(230, 233, 235, 0.1); }
  body.dark-only .table-order table thead {
    background-color: rgba(230, 233, 235, 0.07); }
  body.dark-only .table-order table tbody tr {
    border-bottom: 1px solid rgba(230, 233, 235, 0.1) !important; }
    body.dark-only .table-order table tbody tr td a {
      color: #fff !important; }
    body.dark-only .table-order table tbody tr td .dropdown svg {
      filter: invert(1); }
    body.dark-only .table-order table tbody tr:hover td a {
      color: var(--theme-deafult) !important; }
    body.dark-only .table-order table tbody tr:last-child {
      border-bottom: none !important; }
      body.dark-only .table-order table tbody tr:last-child td {
        border-bottom: none !important; }
  body.dark-only .new-product .product-cost .product-icon:last-child svg {
    filter: invert(1); }
  body.dark-only .revenuegrowth .revenuegrowth-chart::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .revenuegrowth-details .growth-details {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .add-project-link .categories-content a {
    color: #fff; }
  body.dark-only .activity-group::before {
    border-left: 1px dashed rgba(255, 255, 255, 0.1); }
  body.dark-only .email-general h6 {
    color: #fff; }
  body.dark-only .tranaction-table thead {
    background-color: rgba(230, 233, 235, 0.07); }
  body.dark-only .card .card-footer .common-space a {
    color: #fff; }
  body.dark-only .card .card-footer .common-space:hover a {
    color: var(--theme-deafult); }
  body.dark-only .card .card-footer .common-space .visited-dropdown {
    border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .card .card-footer .common-space .visited-dropdown svg {
      filter: invert(1); }
  body.dark-only .today-work-table .today-working-table tbody tr td a {
    color: #fff !important; }
  body.dark-only .today-work-table .today-working-table tbody tr:hover td a {
    color: #006666 !important; }
  body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-text .apexcharts-tooltip-y-group span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .add-project .categories-content a {
    color: #fff; }
  body.dark-only .activity-log h6 a {
    color: #fff; }
  body.dark-only span.dayName {
    color: #006666 !important; }
  body.dark-only .fc-scrollgrid-sync-inner a.fc-col-header-cell-cushion {
    color: #006666 !important; }
  body.dark-only .badge-light {
    background-color: #1A1C23;
    color: #fff !important; }
  body.dark-only .apexcharts-canvas .apexcharts-svg .apexcharts-inner .apexcharts-grid-borders line {
    stroke: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .apexcharts-canvas .apexcharts-svg .apexcharts-inner .apexcharts-grid .apexcharts-gridlines-horizontal line {
    stroke: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .timeline-calendar .custom-calendar .time-line .fc-scrollgrid table thead tr {
    background-color: #1A1C23; }
  body.dark-only .activity-log-card ul li div .username {
    color: #fff; }
  body.dark-only .product-box .product-details h4 {
    color: #fff; }
  body.dark-only .product-box .product-details p {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .bookmark-wrap .left-bookmark ul li button {
    color: #fff !important; }
  body.dark-only .balance-profile h5 {
    color: #fff; }
  body.dark-only .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button {
    background: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .timeline-calendar .custom-calendar .time-line .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button span {
      color: #fff; }
  body.dark-only .common-space .header-top .btn:hover i {
    color: #fff !important; }
  body.dark-only .activity-table table tbody tr td .team-activity .activity-data a {
    color: #fff !important; }
  body.dark-only .activity-table table tbody tr td .team-activity .activity-data .user-activity::before {
    background-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .activity-table table tbody tr td .team-activity .activity-data .common-space:before {
    background-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .activity-table table tbody tr td .team-activity:hover a {
    color: var(--theme-deafult) !important; }
  body.dark-only .left-header .welcome-content span {
    color: var(--body-font-color); }
  body.dark-only .dropdown-menu .input-group {
    background-color: #1A1C23;
    opacity: 1; }
  body.dark-only .dropdown-menu .dropdown-item {
    background-color: #1A1C23;
    opacity: 1;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important; }
  body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: #1A1C23;
    color: #fff; }
  body.dark-only .activity-log-card ul::before {
    border-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .dropdown-basic .dropdown .dropdown-content {
    background-color: #1A1C23;
    z-index: 2; }
    body.dark-only .dropdown-basic .dropdown .dropdown-content a {
      background-color: #1A1C23;
      color: #fff;
      border-color: rgba(255, 255, 255, 0.1); }
      body.dark-only .dropdown-basic .dropdown .dropdown-content a:hover {
        background-color: #22242B !important; }
  body.dark-only .projectlist-card {
    border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .projectlist-card .project-data a {
      color: #fff; }
  body.dark-only .new-user ul li {
    border-color: rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .new-user ul li a {
      color: #fff !important; }
    body.dark-only .new-user ul li:hover a {
      color: var(--theme-deafult) !important; }
    body.dark-only .new-user ul li .product-sub .invoice-icon {
      filter: invert(1); }
  body.dark-only .top-product-card ul li a {
    color: #fff !important; }
  body.dark-only .top-product-card ul li:hover a {
    color: var(--theme-deafult) !important; }
  body.dark-only .top-product-card ul li.top-product {
    border-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .top-product-card ul li .product-items span {
    color: #fff !important; }
  body.dark-only .deliveries-percentage table tbody tr td a {
    color: #fff; }
  body.dark-only .project-meeting-details {
    border-top: rgba(255, 255, 255, 0.1); }
    body.dark-only .project-meeting-details .project-meeting-time a {
      color: #fff; }
  body.dark-only .client-list-table table tbody tr td a {
    color: #fff !important; }
  body.dark-only .client-list-table table tbody tr td .user-id::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .client-list-table table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }
  body.dark-only .project-table .order-table thead {
    background-color: rgba(230, 233, 235, 0.07); }
  body.dark-only .project-table .order-table tbody tr td a {
    color: #fff; }
  body.dark-only .project-table .order-table tbody tr td .product-sub .dropdown svg {
    filter: invert(1); }
  body.dark-only .project-table .order-table tbody tr:hover td a {
    color: #fff; }
  body.dark-only .user-message li {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .user-message svg {
    filter: invert(1); }
  body.dark-only .apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1A1C23; }
  body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button {
    border-color: rgba(255, 255, 255, 0.2) !important; }
  body.dark-only table.fixedHeader-locked {
    background: #1A1C23; }
  body.dark-only .apexcharts-tooltip-series-group {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .apexcharts-yaxistooltip,
  body.dark-only .apexcharts-xaxistooltip {
    color: rgba(255, 255, 255, 0.6);
    background: #1A1C23;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-yaxistooltip-left::before, body.dark-only .apexcharts-yaxistooltip-left::after {
    border-left-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-xaxistooltip-bottom::before, body.dark-only .apexcharts-xaxistooltip-bottom::after {
    border-bottom-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .bottom-content .apexcharts-canvas span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .apexcharts-canvas .apexcharts-tooltip {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
      margin-bottom: 0; }
    body.dark-only .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .apexcharts-canvas .apexcharts-yaxis text {
    fill: #98a6ad; }
  body.dark-only .apexcharts-xaxistooltip {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-xaxistooltip-bottom:after {
    border-bottom-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #1A1C23; }
    body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text {
      color: #98a6ad; }
    body.dark-only .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
      background: #22242B;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      color: #98a6ad; }
  body.dark-only .apexcharts-yaxis text {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .theme-form input[type=text] {
    background-color: #1A1C23 !important;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .theme-form input[type=num], body.dark-only input[type=select], body.dark-only input[type=date] {
    background-color: #1A1C23 !important;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .theme-form textarea {
    background-color: #1A1C23; }
  body.dark-only .page-body .bg-light {
    background-color: #1A1C23 !important; }
  body.dark-only .wizard-4 .step-container {
    background-color: #22242B;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .wizard-4 .login-card .login-main {
    background-color: #1A1C23; }
  body.dark-only .total-balance {
    background-blend-mode: overlay; }
  body.dark-only .icon-state .switch-state:after {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .social-widget .social-icons {
    box-shadow: 0px 42.1092px 27.8569px #1A1C23, 0px 8.90772px 7.12618px #1A1C23, 0px 2.02448px 3.44162px #1A1C23; }
  body.dark-only .calendar-basic .md-sidebar-aside {
    background: #22242B; }
  body.dark-only .calendar-basic #external-events {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .calendar-basic .calendar-default .fc .fc-daygrid-day-number,
  body.dark-only .calendar-basic .calendar-default .fc .fc-col-header-cell-cushion {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .clockpicker-popover .popover-title {
    background-color: #22242B; }
  body.dark-only .clockpicker-popover.bottom > .arrow {
    border-bottom-color: #1A1C23; }
    body.dark-only .clockpicker-popover.bottom > .arrow:after {
      border-bottom-color: #22242B; }
  body.dark-only .clockpicker-popover.top > .arrow {
    border-top-color: #1A1C23; }
    body.dark-only .clockpicker-popover.top > .arrow::after {
      border-top-color: #22242B; }
  body.dark-only .clockpicker-popover.left > .arrow {
    border-left-color: #1A1C23; }
    body.dark-only .clockpicker-popover.left > .arrow::after {
      border-left-color: #22242B; }
  body.dark-only .clockpicker-popover .popover-title {
    border-bottom-color: #22242B; }
  body.dark-only .fc-theme-standard .fc-scrollgrid,
  body.dark-only .fc-theme-standard .fc-list {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .fc-theme-standard .fc-list-day-cushion {
    background-color: #1A1C23; }
  body.dark-only .fc .fc-list-event:hover td {
    background-color: #1A1C23; }
  body.dark-only .view-container .apexcharts-canvas .apexcharts-point-annotations circle {
    outline: 25px solid #3e3d7259; }
  body.dark-only .currency-widget div[class*=bg-light-] {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .btn.badge-light-primary:hover {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .portfolio-chart-container .apexcharts-canvas .apexcharts-radialbar image {
    display: none; }
  body.dark-only svg.f-light {
    fill: rgba(255, 255, 255, 0.6);
    opacity: 1; }
  body.dark-only .course-widget .btn-light {
    background-color: #1A1C23 !important; }
  body.dark-only .schedule-list > li {
    box-shadow: 4px 7px 17px 5px rgba(26, 28, 35, 0.2); }
  body.dark-only .upcoming-event-wrap .apexcharts-canvas .apexcharts-data-labels rect {
    fill: none;
    stroke: none; }
  body.dark-only .page-wrapper.advance-layout .page-header {
    background: #22242B; }
  body.dark-only .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper.only-body {
    background: #1A1C23; }
  body.dark-only .balance-card .svg-box {
    background: #22242B;
    box-shadow: none; }
    body.dark-only .balance-card .svg-box svg {
      fill: rgba(255, 255, 255, 0.6); }
  body.dark-only .f-light {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: #22242B;
    color: #fff; }
  body.dark-only .card {
    background-color: #22242B; }
  body.dark-only .ecommerce-widget {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .btn-light {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .form-select {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .add-project .text-inherit {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .knowledgebase-search {
    color: #051A1A; }
    body.dark-only .knowledgebase-search h3 {
      color: #051A1A; }
    body.dark-only .knowledgebase-search .form-control-plaintext {
      color: #051A1A; }
  body.dark-only .toast {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .toast .toast-header {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .toast .toast-dark {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .btn-close {
    filter: brightness(0.8) invert(1); }
  body.dark-only .prooduct-details-box .media {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .product-price del {
    color: #98a6ad; }
  body.dark-only .ProfileCard {
    border: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .form-control-plaintext {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .form-select {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only .box-layout {
    background-color: #1A1C23; }
    body.dark-only .box-layout .page-wrapper .page-header .header-wrapper, body.dark-only .box-layout.page-wrapper .page-header .header-wrapper {
      border: 1px solid #1A1C23; }
  body.dark-only .form-check-input {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .checkbox-wrapper li .form-check-input,
  body.dark-only .radio-wrapper li .form-check-input {
    background-color: transparent; }
  body.dark-only .switch-state:before {
    background-color: #22242B; }
  body.dark-only .tooltip.bs-tooltip-top .tooltip-arrow:before {
    border-top-color: #323846; }
  body.dark-only .tooltip.bs-tooltip-bottom .tooltip-arrow:before {
    border-bottom-color: #323846;
    border-top-color: transparent; }
  body.dark-only .tooltip.bs-tooltip-start .tooltip-arrow:before {
    border-left-color: #323846;
    border-top-color: transparent; }
  body.dark-only .tooltip.bs-tooltip-end .tooltip-arrow:before {
    border-right-color: #323846;
    border-top-color: transparent; }
  body.dark-only .tooltip .tooltip-inner {
    background-color: #323846;
    color: #fff; }
  body.dark-only .tooltip .tooltip-arrow:before {
    border-top-color: #323846; }
  body.dark-only .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6:first-child h6 {
    color: rgba(255, 255, 255, 0.5); }
  body.dark-only .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
    background-color: #22242B; }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
    color: #fff; }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
    background-color: #1A1C23 !important; }
    body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
      background-color: #1A1C23;
      border: 1px solid rgba(255, 255, 255, 0.1);
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:last-child {
      border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
    background-color: #1A1C23 !important; }
    body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
      stroke: rgba(255, 255, 255, 0.3); }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
    background-color: #22242B; }
  body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
    color: rgba(255, 255, 255, 0.4);
    border-color: #1A1C23 !important;
    background-color: #1A1C23 !important; }
  body.dark-only .qty-box input {
    color: rgba(255, 255, 255, 0.5); }
  body.dark-only .customizer-contain {
    color: #1A1C23; }
    body.dark-only .customizer-contain .customizer-body .main-layout .box-layout {
      background-color: #fff; }
  body.dark-only .login-dark {
    background-color: #22242B;
    background-blend-mode: overlay; }
    body.dark-only .login-dark .login-main {
      background-color: #323846; }
  body.dark-only .login-card .btn-showcase .btn {
    background-color: #22242B !important;
    color: #fff;
    border-color: #22242B !important; }
  body.dark-only .login-card .login-main {
    box-shadow: 0 0 37px rgba(255, 255, 255, 0.05); }
    body.dark-only .login-card .login-main .theme-form input {
      background-color: #22242B !important; }
    body.dark-only .login-card .login-main .theme-form .or:before {
      background-color: #22242B; }
    body.dark-only .login-card .login-main .theme-form .checkbox label::before {
      background-color: #22242B !important;
      border-color: #22242B !important; }
  body.dark-only .H_ui ~ div {
    background-color: #1A1C23 !important; }
  body.dark-only .swal-icon--success:after,
  body.dark-only .swal-icon--success:before {
    background: #22242B; }
  body.dark-only .swal-icon--success__hide-corners {
    background-color: #22242B; }
  body.dark-only .note-editor.note-frame .note-status-output {
    border-top: 1px solid #22242B; }
  body.dark-only .note-editor.note-frame .note-statusbar {
    border-top: 1px solid #22242B; }
    body.dark-only .note-editor.note-frame .note-statusbar .note-resizebar {
      background-color: #22242B; }
  body.dark-only .light-font {
    color: white; }
  body.dark-only .page-link {
    background-color: #1A1C23;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .b-r-light {
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .history-details .media {
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .modal-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only #right-history {
    background-color: #22242B;
    box-shadow: 0 0 9px #1A1C23; }
    body.dark-only #right-history h6 span a {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .ProfileCard:hover {
    color: rgba(255, 255, 255, 0.6);
    background-color: #22242B; }
  body.dark-only .translate_wrapper.active .more_lang:before {
    border-bottom: 7px solid #22242B; }
  body.dark-only .translate_wrapper.active .more_lang .lang {
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .toggle-sidebar svg {
    stroke: #fff !important; }
  body.dark-only .toggle-sidebar:hover svg {
    color: #fff !important;
    stroke: #fff !important; }
  body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
    background: rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper .page-body-wrapper {
    background-color: #1A1C23; }
    body.dark-only .page-wrapper .page-body-wrapper .page-title {
      background-color: transparent;
      border-bottom: none;
      box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 40px; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
      stroke: #fff !important; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
      fill: rgba(255, 255, 255, 0.5);
      stroke: transparent; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
      stroke: #fff; }
    body.dark-only .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
      fill: var(--theme-deafult);
      stroke: transparent; }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg.stroke-icon {
      stroke: var(--theme-deafult); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
      background-color: rgba(0, 102, 102, 0.2); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
        color: var(--theme-deafult); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-body-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: var(--theme-deafult); }
  body.dark-only .page-wrapper.modern-type .page-body-wrapper .page-title {
    background-color: transparent;
    border: none; }
  body.dark-only .page-wrapper .sidebar-main-title p {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    background-color: #22242B; }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg {
      stroke: var(--theme-deafult); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
      background-color: rgba(255, 255, 255, 0.2); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
        color: #fff; }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: var(--theme-deafult); }
  body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    background: #22242B;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a {
      background-color: rgba(255, 255, 255, 0.3); }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a span {
        color: #fff !important; }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
      background: #22242B; }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
        color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active, body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
          color: var(--theme-deafult); }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
        background: #22242B; }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
      background: #22242B; }
      body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
    body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
    background: #22242B; }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    stroke: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    background-color: #22242B; }
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
    background-color: rgba(0, 102, 102, 0.2); }
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
      color: var(--theme-deafult); }
    body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
      color: var(--theme-deafult);
      stroke: var(--theme-deafult); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400; }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
    background-color: rgba(255, 255, 255, 0.2); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-deafult); }
  body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .page-wrapper.material-type .page-header .header-wrapper {
    border-radius: 15px 15px 0 0; }
  body.dark-only .page-wrapper.material-icon .page-header .header-wrapper {
    background-color: transparent; }
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
      color: #fff; }
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
      color: #fff; }
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
      border: 1px solid #1A1C23;
      background: #1A1C23;
      color: #fff; }
  body.dark-only .page-wrapper.material-icon .page-header .header-logo-wrapper {
    background-color: transparent; }
  body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-body {
    background-color: transparent; }
  body.dark-only .page-wrapper.advance-layout {
    background-color: #1A1C23; }
    body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper {
      background: transparent; }
      body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper .header-logo-wrapper {
        background: transparent; }
    body.dark-only .page-wrapper.advance-layout .page-body-wrapper {
      background: transparent; }
      body.dark-only .page-wrapper.advance-layout .page-body-wrapper .page-body {
        background: transparent; }
  body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-title {
    background-color: transparent;
    box-shadow: none;
    border: none; }
  body.dark-only .page-wrapper .page-header .header-wrapper .search-full {
    background-color: #22242B; }
    body.dark-only .page-wrapper .page-header .header-wrapper .search-full input {
      color: rgba(255, 255, 255, 0.6); }
  @media only screen and (min-width: 768px) {
    body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
      stroke: #fff; } }
  body.dark-only ::-webkit-calendar-picker-indicator {
    filter: invert(1); }
  body.dark-only .kanban-board-header {
    background-color: #1A1C23;
    border-bottom: 1px solid #22242B; }
  body.dark-only .kanban-board .kanban-drag {
    background: #1A1C23; }
  body.dark-only .kanban-container .kanban-item .kanban-box {
    border: 1px solid rgba(0, 102, 102, 0.15);
    background-color: #1A1C23; }
  body.dark-only .project-box {
    border: 1px solid rgba(0, 102, 102, 0.15);
    background-color: #1A1C23; }
  body.dark-only .file-content .form-inline {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .file-content .files .file-box {
    border: 1px solid rgba(0, 102, 102, 0.15);
    background-color: #1A1C23; }
    body.dark-only .file-content .files .file-box .file-top {
      background-color: #22242B;
      border: 1px solid rgba(0, 102, 102, 0.15); }
  body.dark-only .file-content .folder .folder-box {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #1A1C23; }
  body.dark-only .files-content li .files-list .file-left {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #1A1C23; }
  body.dark-only .file-sidebar .pricing-plan {
    border: 1px solid rgba(0, 102, 102, 0.15) !important; }
  body.dark-only .file-sidebar .btn-light {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23 !important;
    border: 1px solid rgba(0, 102, 102, 0.15) !important; }
  body.dark-only #lnb {
    border-right: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .lnb-new-schedule,
  body.dark-only .lnb-calendars > div {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only #menu .sidebar-list .btn-default {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .tui-full-calendar-timegrid-hour {
    background-color: #22242B;
    color: #fff !important; }
  body.dark-only .tui-full-calendar-timegrid-gridline {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .tui-full-calendar-time-date,
  body.dark-only .tui-full-calendar-weekday-grid-line,
  body.dark-only .tui-full-calendar-left,
  body.dark-only .tui-full-calendar-timegrid-timezone {
    border-right-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .tui-full-calendar-popup {
    color: #051A1A; }
  body.dark-only #menu .btn-default {
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only #menu .btn-default:hover {
      color: #051A1A; }
  body.dark-only #menu .dropdown-menu {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .tui-full-calendar-dayname-container,
  body.dark-only .tui-full-calendar-splitter {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only span.tui-full-calendar-dayname-date-area {
    color: #fff !important; }
  body.dark-only .tui-full-calendar-layout {
    background-color: #22242B !important; }
  body.dark-only .blockquote {
    border-left: 4px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .figure.text-end blockquote {
    border-right-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .contacts-tabs .nav-pills {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .contacts-tabs .nav-pills .nav-link + .nav-link {
      border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .list-persons .profile-mail .media .media-body ul li + li {
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-right: unset !important; }
  body.dark-only .product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
    background-color: #22242B; }
  body.dark-only .apexcharts-gridline {
    stroke: #1A1C23; }
  body.dark-only .apexcharts-tooltip-title,
  body.dark-only .apexcharts-tooltip-series-group,
  body.dark-only .apexcharts-tooltip.light,
  body.dark-only .apexcharts-menu-item {
    color: #000; }
  body.dark-only .small-donut ~ svg path:nth-child(even),
  body.dark-only .small-donut svg path:nth-child(even),
  body.dark-only .donut-peity2 ~ svg path:nth-child(even),
  body.dark-only .donut-peity2 svg path:nth-child(even),
  body.dark-only .pie-peity ~ svg path:nth-child(even),
  body.dark-only .pie-peity svg path:nth-child(even) {
    fill: #1A1C23; }
  body.dark-only .appointment-table table tr td.img-content-box .font-roboto {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .notification .card .d-flex .w-100 p span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .notification .card .d-flex .w-100 span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .notification .vertical-more svg {
    filter: invert(1); }
  body.dark-only .datepicker {
    background-color: #323846;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .datepicker .datepicker--cell.-current- {
      color: #006666; }
    body.dark-only .datepicker .datepicker--cell.-current-.-focus- {
      color: #fff; }
    body.dark-only .datepicker .datepicker--cell-day.-other-month-,
    body.dark-only .datepicker .datepicker--cell-year.-other-decade- {
      color: rgba(255, 255, 255, 0.4); }
    body.dark-only .datepicker .datepicker--nav {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .datepicker .datepicker--pointer {
      background: #323846;
      border-top-color: #323846;
      border-right-color: #323846; }
  body.dark-only .default-datepicker .datepicker-inline .datepicker {
    background: #22242B; }
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name,
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day,
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name,
    body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name.-selected-,
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day.-selected-,
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name.-selected-,
      body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-selected- {
        color: #fff; }
  body.dark-only [class*='activity-dot-'] {
    background-color: #22242B; }
  body.dark-only .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .progress {
    background-color: #1A1C23 !important; }
  body.dark-only .alert-primary {
    background-color: rgba(0, 102, 102, 0.8) !important;
    border-color: rgba(0, 102, 102, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-primary .progress {
      height: 5px;
      background-color: #006161;
      border-radius: 0; }
    body.dark-only .alert-primary .progress-bar {
      background-color: #66ffff; }
  body.dark-only .alert-primary.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-primary.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-primary.outline .btn-close,
  body.dark-only .alert-primary.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-secondary {
    background-color: rgba(254, 106, 73, 0.8) !important;
    border-color: rgba(254, 106, 73, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-secondary .progress {
      height: 5px;
      background-color: #fe6644;
      border-radius: 0; }
    body.dark-only .alert-secondary .progress-bar {
      background-color: white; }
  body.dark-only .alert-secondary.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-secondary.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-secondary.outline .btn-close,
  body.dark-only .alert-secondary.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-success {
    background-color: rgba(0, 172, 70, 0.8) !important;
    border-color: rgba(0, 172, 70, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-success .progress {
      height: 5px;
      background-color: #00a744;
      border-radius: 0; }
    body.dark-only .alert-success .progress-bar {
      background-color: #acffce; }
  body.dark-only .alert-success.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-success.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-success.outline .btn-close,
  body.dark-only .alert-success.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-danger {
    background-color: rgba(254, 106, 73, 0.8) !important;
    border-color: rgba(254, 106, 73, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-danger .progress {
      height: 5px;
      background-color: #fe6644;
      border-radius: 0; }
    body.dark-only .alert-danger .progress-bar {
      background-color: white; }
  body.dark-only .alert-danger.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-danger.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-danger.outline .btn-close,
  body.dark-only .alert-danger.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-warning {
    background-color: rgba(255, 174, 26, 0.8) !important;
    border-color: rgba(255, 174, 26, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-warning .progress {
      height: 5px;
      background-color: #ffac15;
      border-radius: 0; }
    body.dark-only .alert-warning .progress-bar {
      background-color: white; }
  body.dark-only .alert-warning.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-warning.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-warning.outline .btn-close,
  body.dark-only .alert-warning.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-info {
    background-color: rgba(23, 56, 120, 0.8) !important;
    border-color: rgba(23, 56, 120, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-info .progress {
      height: 5px;
      background-color: #163674;
      border-radius: 0; }
    body.dark-only .alert-info .progress-bar {
      background-color: #a1bbed; }
  body.dark-only .alert-info.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-info.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-info.outline .btn-close,
  body.dark-only .alert-info.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-light {
    background-color: rgba(230, 233, 235, 0.8) !important;
    border-color: rgba(230, 233, 235, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-light .progress {
      height: 5px;
      background-color: #e3e7e9;
      border-radius: 0; }
    body.dark-only .alert-light .progress-bar {
      background-color: white; }
  body.dark-only .alert-light.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-light.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-light.outline .btn-close,
  body.dark-only .alert-light.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .alert-dark {
    background-color: rgba(44, 50, 63, 0.8) !important;
    border-color: rgba(44, 50, 63, 0.9) !important;
    color: #fff; }
    body.dark-only .alert-dark .progress {
      height: 5px;
      background-color: #2a303c;
      border-radius: 0; }
    body.dark-only .alert-dark .progress-bar {
      background-color: #a8b0c2; }
  body.dark-only .alert-dark.inverse {
    background-color: transparent !important; }
    body.dark-only .alert-dark.inverse .btn-close {
      filter: brightness(1) invert(1); }
  body.dark-only .alert-dark.outline .btn-close,
  body.dark-only .alert-dark.outline-2x .btn-close {
    filter: brightness(1) invert(1); }
  body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset; }
    body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
      color: #051A1A !important; }
  body.dark-only .options > div {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
    background-color: #1A1C23; }
  body.dark-only .pricing-simple {
    box-shadow: 1px 1px 2px 1px #1A1C23 !important; }
  body.dark-only .pricing-block {
    box-shadow: 0 0 10px 5px rgba(0, 102, 102, 0.05) !important; }
  body.dark-only .search-page ul.search-info li + li {
    border-left: 1px solid #1A1C23; }
  body.dark-only .search-page .info-block {
    border: 1px solid rgba(255, 255, 255, 0.2); }
  body.dark-only .browse .browse-articles h6 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .job-search .job-description .theme-form .row div[class^="col-"] .input-group .datepicker-here {
    border: 1px solid #1A1C23; }
  body.dark-only .calendar-wrap .fc-unthemed td,
  body.dark-only .calendar-wrap .fc-unthemed th {
    border-color: #1A1C23; }
  body.dark-only .mega-inline,
  body.dark-only .mega-horizontal,
  body.dark-only .mega-vertical {
    --bs-body-color: rgba(255, 255, 255, 0.6); }
    body.dark-only .mega-inline .card,
    body.dark-only .mega-horizontal .card,
    body.dark-only .mega-vertical .card {
      box-shadow: 1px 1px 7px 0 rgba(255, 255, 255, 0.5) !important; }
    body.dark-only .mega-inline.plain-style .card, body.dark-only .mega-inline.border-style .card, body.dark-only .mega-inline.offer-style .card,
    body.dark-only .mega-horizontal.plain-style .card,
    body.dark-only .mega-horizontal.border-style .card,
    body.dark-only .mega-horizontal.offer-style .card,
    body.dark-only .mega-vertical.plain-style .card,
    body.dark-only .mega-vertical.border-style .card,
    body.dark-only .mega-vertical.offer-style .card {
      box-shadow: none !important; }
    body.dark-only .mega-inline.border-style .card,
    body.dark-only .mega-horizontal.border-style .card,
    body.dark-only .mega-vertical.border-style .card {
      border: 1px solid rgba(255, 255, 255, 0.1) !important; }
    body.dark-only .mega-inline.offer-style .card,
    body.dark-only .mega-horizontal.offer-style .card,
    body.dark-only .mega-vertical.offer-style .card {
      border: 1px dashed rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .setting-dot .setting-bg {
    background-color: var(--theme-secondary); }
  body.dark-only .bookmark.pull-right {
    border: none; }
  body.dark-only .popover {
    background-color: #1A1C23; }
    body.dark-only .popover.bs-popover-bottom .popover-arrow:after {
      border-bottom-color: #1A1C23;
      border-right-color: transparent; }
    body.dark-only .popover.bs-popover-top .popover-arrow:after {
      border-right-color: transparent;
      border-top-color: #1A1C23; }
    body.dark-only .popover.bs-popover-start .popover-arrow:after {
      border-left-color: #1A1C23; }
    body.dark-only .popover .popover-header {
      background-color: #22242B; }
    body.dark-only .popover .popover-arrow:after {
      border-right-color: #1A1C23; }
    body.dark-only .popover .popover-body {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .popover code {
      background-color: unset; }
  body.dark-only .apex-chart-container .apexcharts-legend .apexcharts-legend-series span {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .quick-file li .quick-box {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .apexcharts-canvas svg .apexcharts-title-text {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-subtitle-text {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-xaxis-label {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-legend-series span {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-label {
    fill: #fff; }
  body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-value {
    fill: #fff; }
  body.dark-only .Typeahead-menu {
    background-color: #1A1C23; }
  body.dark-only .ecommerce-widget {
    border: 1px solid #1A1C23; }
  body.dark-only .bookmark ul li .search-form .form-control-search input {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .bookmark ul li .search-form .form-control-search:before {
    background: #1A1C23; }
  body.dark-only .cart .qty-box .input-group .btn {
    background-color: #2e3648 !important;
    border-color: rgba(255, 255, 255, 0.1) !important; }
  body.dark-only .checkout .checkout-details {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    padding: 40px; }
    body.dark-only .checkout .checkout-details .animate-chk .radio_animated:after {
      border: 2px solid #22242B; }
  body.dark-only .order-box .title-box {
    color: #bfc2c6;
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .order-box .qty {
    border-bottom: 1px solid #1A1C23; }
    body.dark-only .order-box .qty li {
      color: #bfc2c6; }
      body.dark-only .order-box .qty li span {
        color: #bfc2c6; }
  body.dark-only .order-box .sub-total li {
    color: #bfc2c6; }
  body.dark-only .order-box .total li {
    color: #bfc2c6; }
  body.dark-only .shopping-checkout-option .checkbox_animated:after {
    border: 2px solid #22242B; }
  body.dark-only .animate-chk .radio_animated:after {
    border: 2px solid #1A1C23; }
  body.dark-only .custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(41, 50, 64, 0.52); }
  body.dark-only .product-box .product-img .product-hover ul li .btn {
    color: #98a6ad; }
  body.dark-only .product-box .product-img .product-hover ul li:hover .btn {
    color: #fff; }
  body.dark-only .radio_animated:after,
  body.dark-only .checkbox_animated:after {
    background: #1A1C23;
    border: 2px solid #1A1C23; }
  body.dark-only .slider-product {
    border-top: 1px solid #1A1C23;
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .icon-menu-header svg {
    filter: invert(1); }
  body.dark-only .square-product-setting .icon-grid {
    background-color: #22242B; }
    body.dark-only .square-product-setting .icon-grid svg {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .active-order-table table thead tr th,
  body.dark-only .market-table table thead tr th {
    border-top: none !important; }
  body.dark-only .active-order-table table tbody tr td,
  body.dark-only .market-table table tbody tr td {
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .active-order-table table tbody tr:last-child td,
  body.dark-only .market-table table tbody tr:last-child td {
    border-bottom: none; }
  body.dark-only .pricing-card-design-2 .pricing-block .pricing-inner ul li {
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .flot-chart-container .legend .table tbody {
    background-color: #22242B;
    color: #fff; }
    body.dark-only .flot-chart-container .legend .table tbody .legendLabel {
      padding-left: 5px; }
  body.dark-only .google-visualization-tooltip text {
    fill: rgba(0, 0, 0, 0.7) !important; }
  body.dark-only .nav-dark .nav-link,
  body.dark-only .nav-pills.nav-dark .nav-link {
    color: #fff; }
  body.dark-only .loader-wrapper {
    background-color: #1A1C23; }
    body.dark-only .loader-wrapper .loader {
      background-color: #1A1C23 !important; }
  body.dark-only .nav-right .nav-menus li .input-icon::before {
    background-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .card-header .sales-chart-dropdown-select .card-header-right-icon .dropdown .dropdown-toggle {
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7); }
  body.dark-only .card-header .sales-chart-dropdown-select .card-header-right-icon .dropdown .dropdown-menu .dropdown-item {
    background-color: #1a1c23;
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7);
    opacity: 1; }
  body.dark-only .page-wrapper {
    /* Main Header start */
    /* Main Header ends */ }
    body.dark-only .page-wrapper .sidebar-main-title h6 {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .page-header .translate_wrapper.active .more_lang {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .page-header .translate_wrapper.active .lang {
      background-color: #22242B; }
    body.dark-only .page-wrapper .page-header form {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .page-header .header-wrapper {
      background-color: #1A1C23; }
      body.dark-only .page-wrapper .page-header .header-wrapper li i {
        color: #E6E9EB; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li svg {
        fill: rgba(255, 255, 255, 0.3);
        stroke: rgba(255, 255, 255, 0.3); }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right.right-header > ul > li .profile-media .media-body p {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .user-message a {
        color: #fff !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .notification-card a {
        color: #fff !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .media .media-body .txt-dark {
        color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li.notification-box a {
        color: #fff !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div {
        background-color: #1A1C23;
        box-shadow: 0 0 14px #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div li {
          border-color: rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div p {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:before {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:after {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div .card .card-header {
          background-color: #22242B;
          border-color: rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div .card .card-footer {
          border-color: rgba(255, 255, 255, 0.1);
          background-color: #22242B; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li {
        background-color: #22242B; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li span {
          color: #98a6ad; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div .bg-light {
        background-color: #282e38 !important;
        color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
        color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg path,
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg line,
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg circle {
          color: rgba(255, 255, 255, 0.6) !important; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover {
          color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg line,
          body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg path,
          body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg circle {
            color: var(--theme-deafult) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .media .media-body .txt-dark {
        color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div {
        background-color: #1A1C23;
        box-shadow: 0 0 2px 2px #22242B; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div:before {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li .onhover-show-div:after {
          border-bottom: 7px solid #1A1C23; }
      body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
        background-color: #22242B; }
    body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-dark {
      display: none; }
    body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-light {
      display: block; }
    body.dark-only .page-wrapper .page-body-wrapper {
      /* body start*/ }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .header-small {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .statistics p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .media-body p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .professor-block p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .media-body p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .professor-block p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .logs-element span + span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-block .progress-title span + span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .ecommerce-icons div span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .new-users .media .media-body p,
      body.dark-only .page-wrapper .page-body-wrapper .page-body .recent-notification .media .media-body p {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .media .media-body span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .progress-change span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td {
        border-top: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr:last-child td {
        border-bottom: none; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .notifiaction-media .media .media-body .circle-left {
        border: 5px solid #334154; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner {
        border-bottom: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner:last-child {
          border-bottom: none; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table table tbody tr td {
        border-top: none !important; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .number-widgets .media .media-body h6 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.gradient-line-1:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.small-line:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.medium-line:after {
        background-color: #1A1C23; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .media-body h6 span {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body .card.custom-card .card-header {
        border-bottom: none !important; }
      body.dark-only .page-wrapper .page-body-wrapper .custom-card .card-header img {
        background-color: #000;
        opacity: 0.8; }
      body.dark-only .page-wrapper .page-body-wrapper .page-title .row h3 small {
        color: #98a6ad; }
      body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        stroke: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .fc-theme-standard td {
        border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
      body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-event-main {
        border-top-color: rgba(255, 255, 255, 0.1);
        border-right-color: rgba(255, 255, 255, 0.1);
        border-bottom-color: rgba(255, 255, 255, 0.1); }
      body.dark-only .page-wrapper .page-body-wrapper .timeline-calendar .custom-calendar .time-line .fc-timegrid-col .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-v-event .fc-sticky .fc-task-text-box .fc-task-text {
        color: #fff; }
      body.dark-only .page-wrapper .page-body-wrapper .fc-timegrid-event-harness-inset .fc-timegrid-event {
        box-shadow: none; }
      body.dark-only .page-wrapper .page-body-wrapper .page-body {
        background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card:not(.email-body) {
          border: none; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) {
          color: rgba(255, 255, 255, 0.7);
          background-color: #22242B;
          box-shadow: 1px 1px 2px 1px rgba(29, 28, 28, 0.08);
          border: 1px solid rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.widget-1:not(.email-body) {
            background-color: #1b1d24;
            background-blend-mode: overlay; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card.widget-1:not(.email-body) .widget-round .bg-round {
              box-shadow: 1px 2px 21px -2px rgba(14, 14, 16, 0.83); }
              body.dark-only .page-wrapper .page-body-wrapper .page-body .card.widget-1:not(.email-body) .widget-round .bg-round .half-circle {
                background: rgba(49, 53, 66, 0); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.social-profile:not(.email-body) {
            background-blend-mode: overlay;
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table.table-light tr td {
            color: #051A1A; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table thead .border-bottom-light th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table thead .border-bottom-light td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table tbody .border-bottom-light th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) table tbody .border-bottom-light td {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.trending-card:not(.email-body) {
            background-color: #010314; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.explore-card:not(.email-body) {
            background-color: #22242B;
            background-blend-mode: overlay; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card.balance-box:not(.email-body) {
            background-blend-mode: overlay;
            background-color: #16171c; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg > rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg > g text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg > g > rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg > g > text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header {
            background-color: transparent;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header > span {
              color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h1,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h2,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h3,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h4,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h5,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h6 {
              color: #fff; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right {
              background-color: #22242B; }
              body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i {
                color: rgba(255, 255, 255, 0.6); }
                body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i.fa-cog {
                  color: var(--theme-deafult); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header.note-toolbar {
              background-color: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark {
            color: #98a6ad; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark a {
              color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline-2x,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.inverse {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #animation-box .animate-widget p {
            color: #98a6ad !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .grid-item img {
            background-color: #22242B;
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .line {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) thead,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tbody,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tfoot,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tr,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) th {
            border-color: rgba(255, 255, 255, 0.03); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table td {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead th {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead .border-bottom-primary th {
            border-bottom: 1px solid var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger td {
            color: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-primary,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-secondary,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-success,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-info,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-warning,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-danger {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-light {
            color: #000; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .thead-light th {
            color: #000; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary td {
            border-bottom: 1px solid var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*='bg-'] th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*='bg-'] td {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd) {
            --bs-table-accent-bg: rgba(0, 0, 0, 0.05); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover th,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover td {
              color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-double,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dotted,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dashed {
            border-left-color: rgba(255, 255, 255, 0.1);
            border-right-color: rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered {
            border-color: rgba(255, 255, 255, 0.1) !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered td,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered th {
              border-color: rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-inverse tbody tr:nth-of-type(odd):hover td {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical tr,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical td {
            border-right: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody td {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-footer {
            background-color: #22242B;
            border-top: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch .switch-state {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch input:checked + .switch-state {
            background-color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bg-white {
            background-color: #22242B !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-l-light {
            border-left: 1px solid #1A1C23 !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-grid {
            stroke: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-label {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) hr {
            border-top: 1px solid rgba(255, 255, 255, 0.3); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .text-muted {
            color: rgba(255, 255, 255, 0.6) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-dark,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light-2x {
            color: #fff !important;
            border: 2px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x {
            border: 2px solid #fff !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:hover, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-showcase .btn-outline-light-2x:focus {
              color: #051A1A; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light:hover {
            color: #000 !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right {
            border-right: 1px solid rgba(255, 255, 255, 0.3) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder .flot-text {
            color: rgba(255, 255, 255, 0.6) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder svg text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #gantt_chart.chart-overflow svg g rect:first-child {
            fill: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #gantt_chart.chart-overflow rect:nth-child(6) {
            fill: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #line-chart.chart-overflow rect, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #column-chart1.chart-overflow rect, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #column-chart2.chart-overflow rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > rect {
            fill: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > g > g > g text {
            fill: #b1b1b2; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg > g > text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .radial-bar:after {
            background-color: #22242B;
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num {
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num .color-bottom {
              color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-r-light {
            border-right: 1px solid rgba(255, 255, 255, 0.1) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-labels .ct-label,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-labels .ct-label,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-labels .ct-label,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-labels .ct-label {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-grid,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-grid,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-grid,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-grid {
            stroke: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #browser-uses-chart svg text,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #website-visiter-chart svg text {
            fill: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 {
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 span {
              color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details span {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .clipboaard-container .form-control {
            background-color: #1A1C23;
            color: #98a6ad;
            border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .img-thumbnail {
            background-color: #1A1C23;
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper button {
            color: #000; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper.no-footer .dataTables_scrollBody {
            border-bottom: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-danger,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-success,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-primary {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length select {
            background-color: #1A1C23;
            color: rgba(255, 255, 255, 0.6);
            border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_info,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_processing,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate {
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate {
            border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter input[type="search"] {
            background-color: #1A1C23;
            border: 1px solid #1A1C23;
            color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr {
            background-color: #22242B; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover > .sorting_1,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr:hover > .sorting_1 {
              background-color: #1c212b; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd {
            background-color: #1f232b; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd > .sorting_1,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
              background-color: #1c212b; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
            background-color: #22262f; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable {
            border: 1px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead th,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead td {
              border-bottom: 2px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable input,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable select {
              background-color: #1A1C23;
              color: rgba(255, 255, 255, 0.6);
              border: 1px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody tr {
              background-color: #22242B; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody td.select-checkbox:before,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody th.select-checkbox:before {
              border: 1px solid #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .table-striped tbody tr:nth-of-type(odd) {
            --bs-table-accent-bg: #1d1e26; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button {
            color: rgba(255, 255, 255, 0.6) !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.current, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button:active {
              border-color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
            color: #98a6ad !important; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled :active {
              color: #98a6ad !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody td,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody td {
            border-top: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even:hover > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
            background-color: #191e27; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.hover tbody tr:hover,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover {
            background-color: #1c212b; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td {
            border-top: 1px solid #1A1C23;
            border-right: 1px solid #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th:first-child,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td:first-child {
              border-left: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_2,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr > .sorting_3,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_1,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_2,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr > .sorting_3 {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #example-style-3_wrapper #example-style-3 tfoot {
            border-top: 2px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link {
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.disabled .page-link {
            background-color: #22242B;
            border-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link {
            color: rgba(255, 255, 255, 0.6);
            background-color: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item:hover .page-link {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.active .page-link {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .icon {
            color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num {
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num span {
              color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget span {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-container-small {
            background-color: #22242B;
            border-top: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td span,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td p {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table h6 {
            color: #98a6ad; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs {
            border: none; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-item .nav-link {
              color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link.active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:focus, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:hover {
              color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a {
            background-color: #1A1C23; }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-selected,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-active,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-selected {
              background-color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a {
            border: 2px solid #1A1C23;
            background-color: #22242B;
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-active, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-selected {
              border: 2px solid var(--theme-deafult);
              color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-selected:after, body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-active:after,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-selected:after,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-active:after {
            color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .scroll-demo {
            border: 1px solid rgba(255, 255, 255, 0.1); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form input {
            border: 1px solid #1A1C23;
            color: rgba(255, 255, 255, 0.6);
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form .form-group:before {
            background: #22242B; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-content {
            background-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(odd) .cd-timeline-content::before {
            border-left-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
            border-right-color: #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .breadcrumb.bg-white {
            background-color: #22242B !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris-daily svg,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris svg,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #browser-uses-chart svg,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #website-visiter-chart svg {
            opacity: 0.5; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body #viewhtml .render {
          background-color: #22242B;
          color: rgba(255, 255, 255, 0.6);
          border-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .wizard-4 ul.anchor li a.disabled {
          color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description h4 {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description a > div {
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description p {
          color: #98a6ad; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-header {
          background-color: #22242B;
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell {
          background: #22242B;
          border: 1px solid #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell input,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell input,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell input,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell input {
            background-color: #1A1C23;
            border-color: #1A1C23;
            color: rgba(255, 255, 255, 0.6); }
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-header-cell input:focus,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row > .jsgrid-cell input:focus,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-header-cell input:focus,
            body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row > .jsgrid-cell input:focus {
              outline: none; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row select,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row select {
          background-color: #1A1C23;
          border-color: #1A1C23;
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-row > .jsgrid-cell {
          background-color: #22242B; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-alt-row > .jsgrid-cell {
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-cell,
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-body {
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-selected-row > .jsgrid-cell {
          background-color: #1c212b; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager [class*="jsgrid-pager"] {
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager .jsgrid-pager-page a {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-pager-current-page {
          color: rgba(255, 255, 255, 0.6);
          font-weight: 700; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .sub-title {
          border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .card .sub-title {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a {
          color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a:hover {
            color: var(--theme-deafult); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon .separator {
          border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according li .text-muted {
          color: rgba(255, 255, 255, 0.6) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon.default-according.style-1 li button:hover {
          color: var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li a {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover {
          color: var(--theme-deafult); }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover a {
            color: var(--theme-deafult); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div {
          background-color: #1A1C23;
          box-shadow: 0 0 14px 0 #1A1C23; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li p {
            color: #fff; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg path,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg line,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polyline,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polygon,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg rect {
            color: rgba(255, 255, 255, 0.6) !important; }
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg path,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg line,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polyline,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polygon,
          body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg rect {
            color: var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .onhover-dropdown:hover .onhover-show-div:before {
          border-bottom: 7px solid #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .btn-link {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body {
          color: #98a6ad; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body {
          border: 1px solid rgba(255, 255, 255, 0.1);
          border-top: none; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border {
          border: 1px solid rgba(255, 255, 255, 0.1) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-1 {
          border: 1px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-2 {
          border: 2px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .grid-showcase span.border-2 {
          border: 2px solid rgba(255, 255, 255, 0.1) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-3 {
          border: 3px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-4 {
          border: 4px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-5 {
          border: 5px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-6 {
          border: 6px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-7 {
          border: 7px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-8 {
          border: 8px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-9 {
          border: 9px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-10 {
          border: 10px solid #1A1C23 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-primary {
          border: none !important;
          border-top: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-primary {
          border: none !important;
          border-bottom: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-primary {
          border: none !important;
          border-left: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-primary {
          border: none !important;
          border-right: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-primary {
          border: 1px solid var(--theme-deafult) !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-primary {
          border: 1px solid var(--theme-deafult) !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-secondary {
          border: none !important;
          border-top: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-secondary {
          border: none !important;
          border-bottom: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-secondary {
          border: none !important;
          border-left: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-secondary {
          border: none !important;
          border-right: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-secondary {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-secondary {
          border: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-success {
          border: none !important;
          border-top: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-success {
          border: none !important;
          border-bottom: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-success {
          border: none !important;
          border-left: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-success {
          border: none !important;
          border-right: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-success {
          border: 1px solid #00AC46 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-success {
          border: 1px solid #00AC46 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-danger {
          border: none !important;
          border-top: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-danger {
          border: none !important;
          border-bottom: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-danger {
          border: none !important;
          border-left: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-danger {
          border: none !important;
          border-right: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-danger {
          border: 1px solid #FE6A49 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-danger {
          border: 1px solid #FE6A49 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-warning {
          border: none !important;
          border-top: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-warning {
          border: none !important;
          border-bottom: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-warning {
          border: none !important;
          border-left: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-warning {
          border: none !important;
          border-right: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-warning {
          border: 1px solid #FFAE1A !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-warning {
          border: 1px solid #FFAE1A !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-info {
          border: none !important;
          border-top: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-info {
          border: none !important;
          border-bottom: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-info {
          border: none !important;
          border-left: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-info {
          border: none !important;
          border-right: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-info {
          border: 1px solid #173878 !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-info {
          border: 1px solid #173878 !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-light {
          border: none !important;
          border-top: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-light {
          border: none !important;
          border-bottom: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-light {
          border: none !important;
          border-left: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-light {
          border: none !important;
          border-right: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-light {
          border: 1px solid #E6E9EB !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-light {
          border: 1px solid #E6E9EB !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-t-dark {
          border: none !important;
          border-top: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-t-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-b-dark {
          border: none !important;
          border-bottom: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-l-dark {
          border: none !important;
          border-left: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-l-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-r-dark {
          border: none !important;
          border-right: 1px solid #2c323f !important; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-dark {
          border: 1px solid #2c323f !important;
          background-color: #1A1C23; }
        body.dark-only .page-wrapper .page-body-wrapper .page-body .border-dark {
          border: 1px solid #2c323f !important; }
      body.dark-only .page-wrapper .page-body-wrapper .footer {
        border-top: 1px solid #1A1C23;
        background-color: #22242B; }
        body.dark-only .page-wrapper .page-body-wrapper .footer p {
          color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .custom-select,
      body.dark-only .page-wrapper .page-body-wrapper .custom-file-label {
        background: #1A1C23;
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .page-body-wrapper .footer-fix {
        background-color: #22242B;
        border-top: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .note textarea {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .dt-button-info {
      background-color: #22242B;
      border: 1px solid #98a6ad; }
      body.dark-only .page-wrapper .dt-button-info h2 {
        background-color: #22242B; }
    body.dark-only .page-wrapper pre {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .scorlled {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .input-group-air {
      box-shadow: 0 3px 20px 0 #1A1C23; }
    body.dark-only .page-wrapper .input-group-text {
      background-color: #22242B;
      border: 1px solid #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .input-group-text i {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .input-group-solid .input-group-text,
    body.dark-only .page-wrapper .input-group-solid .form-control {
      background: #1A1C23;
      border: 1px solid #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .semilight-bg-color,
    body.dark-only .page-wrapper .header-bg-color {
      background-color: #fff; }
    body.dark-only .page-wrapper .list-group-item {
      background-color: #22242B;
      border: 1px solid rgba(255, 255, 255, 0.3);
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .list-group-item + .list-group-item {
        border-top-width: 0; }
      body.dark-only .page-wrapper .list-group-item.active {
        background-color: var(--theme-deafult) !important;
        border-color: var(--theme-deafult);
        color: #fff; }
      body.dark-only .page-wrapper .list-group-item:hover, body.dark-only .page-wrapper .list-group-item:focus {
        z-index: 1;
        text-decoration: none; }
    body.dark-only .page-wrapper .list-group-item-action:hover:not(.active), body.dark-only .page-wrapper .list-group-item-action:focus {
      background-color: #1A1C23; }
    body.dark-only .page-wrapper .list-group-flush .list-group-item {
      border-left: 0;
      border-right: 0;
      border-radius: 0; }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-primary {
      border-left: 4px solid var(--theme-deafult); }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-secondary {
      border-left: 4px solid var(--theme-secondary); }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-warning {
      border-left: 4px solid #FFAE1A; }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-success {
      border-left: 4px solid #00AC46; }
    body.dark-only .page-wrapper .dark-list .list-group .border-left-info {
      border-left: 4px solid #173878; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-primary {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-secondary {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-warning {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-success {
      border-left: none; }
    [dir="rtl"] body.dark-only .page-wrapper .dark-list .list-group .border-left-info {
      border-left: none; }
    body.dark-only .page-wrapper .list-group-item-primary {
      color: #004085;
      background-color: #b8daff; }
    body.dark-only .page-wrapper .list-group-item-secondary {
      color: #383d41;
      background-color: #d6d8db; }
    body.dark-only .page-wrapper .list-group-item-success {
      color: #155724;
      background-color: #c3e6cb; }
    body.dark-only .page-wrapper .list-group-item-danger {
      color: #721c24;
      background-color: #f5c6cb; }
    body.dark-only .page-wrapper .list-group-item-warning {
      color: #856404;
      background-color: #ffeeba; }
    body.dark-only .page-wrapper .list-group-item-info {
      color: #0c5460;
      background-color: #bee5eb; }
    body.dark-only .page-wrapper .list-group-item-light {
      color: #818182;
      background-color: #fdfdfe; }
    body.dark-only .page-wrapper .list-group-item-dark {
      color: #1b1e21;
      background-color: #c6c8ca; }
    body.dark-only .page-wrapper .auth-bg {
      background-blend-mode: overlay;
      background-color: rgba(54, 64, 74, 0.9); }
      body.dark-only .page-wrapper .auth-bg .authentication-box .card {
        background-color: #22242B; }
        body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group input {
          color: rgba(255, 255, 255, 0.6);
          background-color: #1A1C23;
          border: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group label {
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label {
          color: rgba(255, 255, 255, 0.6); }
          body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label::before {
            background-color: #1A1C23;
            border: 1px solid #1A1C23; }
      body.dark-only .page-wrapper .auth-bg .authentication-box h3,
      body.dark-only .page-wrapper .auth-bg .authentication-box h4,
      body.dark-only .page-wrapper .auth-bg .authentication-box h6 {
        color: #fff; }
    body.dark-only .page-wrapper .auth-bg-video {
      background-blend-mode: overlay;
      background-color: rgba(54, 64, 74, 0.7); }
      body.dark-only .page-wrapper .auth-bg-video .authentication-box h4,
      body.dark-only .page-wrapper .auth-bg-video .authentication-box h3 {
        color: #fff; }
      body.dark-only .page-wrapper .auth-bg-video .authentication-box h6 {
        color: #98a6ad; }
      body.dark-only .page-wrapper .auth-bg-video .authentication-box .card {
        background-color: #22242B; }
        body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type=text],
        body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type=password] {
          background-color: #1A1C23;
          border: 1px solid #1A1C23;
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .checkbox label::before {
          background-color: #1A1C23;
          border: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i {
      color: #1A1C23; }
    body.dark-only .page-wrapper .error-wrapper .maintenance-icons li:nth-child(3) i {
      color: #1A1C23; }
    body.dark-only .page-wrapper .modal-content {
      background-color: #22242B; }
      body.dark-only .page-wrapper .modal-content .modal-header {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
        body.dark-only .page-wrapper .modal-content .modal-header .modal-title {
          color: #fff; }
        body.dark-only .page-wrapper .modal-content .modal-header .close {
          color: #98a6ad; }
      body.dark-only .page-wrapper .modal-content .modal-footer {
        border-top: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .comingsoon {
      background-blend-mode: overlay;
      background-color: rgba(54, 64, 74, 0.9); }
      body.dark-only .page-wrapper .comingsoon .comingsoon-inner h5 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown {
        border-top: 1px solid #1A1C23;
        border-bottom: 1px solid #1A1C23; }
        body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown .title {
          color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .comingsoon .comingsoon-inner .coming-soon-bottom-link a {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .theme-form .login-divider {
      border-top: 1px solid #1A1C23; }
      body.dark-only .page-wrapper .theme-form .login-divider:before {
        background: #1A1C23;
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .page-wrapper .authentication-main {
      background-color: #1A1C23; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .card {
        background-color: #22242B; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .reset-password-link {
        color: #98a6ad; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group label {
        color: #98a6ad; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group .form-control {
        background-color: #1A1C23;
        color: rgba(255, 255, 255, 0.6);
        border-color: #1A1C23; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .opt-box {
        background-color: #1A1C23; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h4 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h6 {
        color: #98a6ad; }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h3 {
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card {
        background-color: #22242B; }
        body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type=text],
        body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type=password] {
          background-color: #1A1C23;
          border: 1px solid #1A1C23;
          color: rgba(255, 255, 255, 0.6); }
        body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .checkbox label::before {
          background-color: #1A1C23;
          border: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .vertical-menu-main {
      background-color: #22242B; }
    body.dark-only .page-wrapper .mega-menu .title {
      color: rgba(255, 255, 255, 0.6);
      border-bottom: 1px solid #1A1C23; }
    body.dark-only .page-wrapper .mega-menu .list-unstyled div a:hover {
      color: var(--theme-deafult); }
    body.dark-only .page-wrapper .default-according .card {
      background-color: #22242B; }
      body.dark-only .page-wrapper .default-according .card .btn-link {
        background-color: #22242B;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: none;
        color: #fff; }
      body.dark-only .page-wrapper .default-according .card .text-muted {
        color: #98a6ad !important; }
    body.dark-only .page-wrapper .default-according .bg-primary .btn-link {
      background-color: var(--theme-deafult);
      border: 1px solid var(--theme-deafult); }
    body.dark-only .page-wrapper .default-according .bg-secondary .btn-link {
      background-color: var(--theme-secondary);
      border: 1px solid var(--theme-secondary); }
    body.dark-only .page-wrapper .collapse .card-body {
      background-color: #22242B; }
    body.dark-only .page-wrapper .balance-widget.card-body {
      background-color: #22242B;
      background-blend-mode: overlay; }
    @media screen and (max-width: 1660px) {
      body.dark-only .page-wrapper .caller-img img {
        opacity: 0.7; } }
    @media only screen and (max-width: 1199px) {
      body.dark-only .page-wrapper .mobile-title.d-none {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      body.dark-only .page-wrapper .chat-menu {
        border-top: 1px solid #1A1C23;
        background-color: #22242B; }
      body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i {
        color: #2c323f; } }
    @media only screen and (max-width: 575.98px) {
      body.dark-only .page-wrapper .user-profile .hovercard .info .user-designation {
        border-top: 1px solid #1A1C23;
        border-bottom: 1px solid #1A1C23; }
      body.dark-only .page-wrapper .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, body.dark-only .page-wrapper .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
        border-right: 1px solid rgba(255, 255, 255, 0.1); } }
  body.dark-only .lg-backdrop {
    background-color: #1A1C23; }
  body.dark-only .lg-outer .lg-thumb-outer {
    background-color: #22242B; }
  body.dark-only .drag {
    background-color: #22242B; }
    body.dark-only .drag form {
      background: #22242B;
      box-shadow: 0 0 30px #1A1C23;
      border: 1px dotted #1A1C23; }
      body.dark-only .drag form input {
        background-color: #1A1C23;
        border: 1px solid #1A1C23;
        color: rgba(255, 255, 255, 0.6); }
      body.dark-only .drag form .help-block {
        text-transform: capitalize;
        color: #98a6ad; }
  body.dark-only .draggable input {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid #1A1C23; }
  body.dark-only .draggable p {
    color: #98a6ad; }
  body.dark-only .draggable select {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid #1A1C23; }
  body.dark-only .draggable .radio label::before,
  body.dark-only .draggable .checkbox label::before {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only .select2-container--default .select2-selection--multiple,
  body.dark-only .select2-container--default .select2-selection--single {
    background-color: #1A1C23;
    border: 1px solid #1A1C23 !important; }
  body.dark-only .select2-container--default .select2-search--inline .select2-search__field {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #22242B !important;
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .select2-dropdown {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only .select2-drpdwn .form-control-primary {
    border-color: var(--theme-deafult) !important;
    color: var(--theme-deafult) !important; }
  body.dark-only .select2-drpdwn .form-control-secondary {
    border-color: var(--theme-secondary) !important;
    color: var(--theme-secondary) !important; }
  body.dark-only .select2-drpdwn .form-control-success {
    border-color: #00AC46 !important;
    color: #00AC46 !important; }
  body.dark-only .select2-drpdwn .form-control-info {
    border-color: #173878 !important;
    color: #173878 !important; }
  body.dark-only .select2-drpdwn .form-control-warning {
    border-color: #FFAE1A !important;
    color: #FFAE1A !important; }
  body.dark-only .select2-drpdwn .form-control-danger {
    border-color: #FE6A49 !important;
    color: #FE6A49 !important; }
  body.dark-only .select2-drpdwn .form-control-inverse {
    border-color: #fff !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-primary-fill {
    background-color: var(--theme-deafult) !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-secondary-fill {
    background-color: var(--theme-secondary) !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-success-fill {
    background-color: #00AC46 !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-info-fill {
    background-color: #173878 !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-warning-fill {
    background-color: #FFAE1A !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-danger-fill {
    background-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .select2-drpdwn .form-control-inverse-fill {
    background-color: #fff !important;
    color: #000 !important; }
  body.dark-only .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #1A1C23; }
  body.dark-only .theme-form .form-group select.form-control:not([size]):not([multiple]) {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6);
    border-color: #1A1C23; }
  body.dark-only .theme-form .form-group input[type=text],
  body.dark-only .theme-form .form-group input[type=email],
  body.dark-only .theme-form .form-group input[type=search],
  body.dark-only .theme-form .form-group input[type=password],
  body.dark-only .theme-form .form-group input[type=number],
  body.dark-only .theme-form .form-group input[type=tel],
  body.dark-only .theme-form .form-group input[type=date],
  body.dark-only .theme-form .form-group input[type=datetime-local],
  body.dark-only .theme-form .form-group input[type=time],
  body.dark-only .theme-form .form-group input[type=datetime-local],
  body.dark-only .theme-form .form-group input[type=month],
  body.dark-only .theme-form .form-group input[type=week],
  body.dark-only .theme-form .form-group input[type=url],
  body.dark-only .theme-form .form-group input[type=file],
  body.dark-only .theme-form .form-group select {
    border-color: #1A1C23;
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .theme-form .form-group input[type=text]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=email]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=search]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=password]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=number]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=tel]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=date]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=datetime-local]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=time]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=datetime-local]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=month]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=week]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=url]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group input[type=file]::-webkit-input-placeholder,
    body.dark-only .theme-form .form-group select::-webkit-input-placeholder {
      color: #98a6ad; }
  body.dark-only .theme-form .form-group .form-control {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .theme-form .form-group textarea {
    border-color: #1A1C23; }
  body.dark-only .theme-form .form-divider {
    border-top: 1px solid #1A1C23; }
    body.dark-only .theme-form .form-divider::before {
      background: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .CodeMirror {
    background: #22242B;
    border: 1px solid #98a6ad;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .CodeMirror .CodeMirror-code pre {
      background: #22242B; }
  body.dark-only .editor-toolbar {
    border-top: 1px solid #98a6ad;
    border-left: 1px solid #98a6ad;
    border-right: 1px solid #98a6ad; }
    body.dark-only .editor-toolbar a {
      color: rgba(255, 255, 255, 0.6) !important; }
      body.dark-only .editor-toolbar a:hover, body.dark-only .editor-toolbar a.active {
        background: #1A1C23; }
    body.dark-only .editor-toolbar i.separator {
      border-left: 1px solid #98a6ad;
      border-right: 1px solid #98a6ad; }
    body.dark-only .editor-toolbar.fullscreen::before {
      background: linear-gradient(to right, #1A1C23 0, rgba(0, 0, 0, 0) 100%); }
    body.dark-only .editor-toolbar.fullscreen::after {
      background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, #1A1C23 100%); }
  body.dark-only .editor-toolbar.disabled-for-preview a:not(.no-disable) {
    background: #1A1C23; }
  body.dark-only .editor-preview {
    background-color: #22242B; }
  body.dark-only .editor-toolbar.fullscreen,
  body.dark-only .editor-preview-side {
    background: #22242B;
    border: 1px solid #98a6ad; }
  body.dark-only .u-step {
    background: #1A1C23; }
    body.dark-only .u-step.active, body.dark-only .u-step.current {
      background: var(--theme-deafult);
      color: #fff; }
  body.dark-only .u-step-title,
  body.dark-only .u-pearl-title {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .u-step-number {
    background-color: #22242B; }
  body.dark-only .u-pearl:before {
    background-color: #1A1C23; }
  body.dark-only .u-pearl-number,
  body.dark-only .u-pearl-icon {
    background: #1A1C23;
    border: 2px solid #1A1C23; }
  body.dark-only .u-pearl.disabled .u-pearl-icon,
  body.dark-only .u-pearl.disabled .u-pearl-number {
    background: #1A1C23;
    border: 2px solid #1A1C23; }
  body.dark-only .u-pearl.disabled:after {
    background-color: #334053; }
  body.dark-only .u-pearl.error:after {
    background-color: #1A1C23; }
  body.dark-only .note-editor.note-frame {
    border-color: #1A1C23; }
    body.dark-only .note-editor.note-frame .note-editing-area .note-editable {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .swal-modal {
    background-color: #22242B; }
    body.dark-only .swal-modal .swal-title {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .swal-modal .swal-text {
      color: #98a6ad; }
    body.dark-only .swal-modal .swal-content__input {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .nav-tabs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .nav-tabs .nav-link {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-only .nav-tabs .nav-link.active {
        background-color: #22242B;
        color: rgba(255, 255, 255, 0.6);
        border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) #22242B; }
      body.dark-only .nav-tabs .nav-link:hover, body.dark-only .nav-tabs .nav-link:focus {
        border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) #323846; }
    body.dark-only .nav-tabs .nav-item.show .nav-link {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6);
      border-color: #1A1C23 #1A1C23 #22242B; }
  body.dark-only .nav-primary .nav-link.active {
    background-color: var(--theme-deafult); }
  body.dark-only .nav-primary .nav-item.show .nav-link {
    background-color: var(--theme-deafult); }
  body.dark-only .custom-tab.nav-tabs {
    border-bottom: none; }
  body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.active, body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.focus, body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.hover {
    border-color: #22242B #1A1C23 #1A1C23; }
  body.dark-only .border-tab .nav-link.active {
    background-color: transparent; }
  body.dark-only .border-tab .show > .nav-link {
    background-color: transparent; }
  body.dark-only .email-wrap .media-body h6 {
    color: #fff; }
  body.dark-only .email-wrap .media-body p {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .email-wrap .email-app-sidebar ul li a > .title {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .email-wrap .main-menu > li a:hover {
    background-color: #1A1C23; }
  body.dark-only .email-wrap .main-menu > li a:active {
    background-color: #1A1C23; }
  body.dark-only .border-tab.nav-left .nav-link,
  body.dark-only .border-tab.nav-right .nav-link {
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .border-tab.nav-left .nav-link.active,
    body.dark-only .border-tab.nav-right .nav-link.active {
      color: var(--theme-deafult); }
  body.dark-only .border-tab.nav-left .show > .nav-link,
  body.dark-only .border-tab.nav-right .show > .nav-link {
    color: var(--theme-deafult); }
  body.dark-only .border-tab.nav-left.nav-secondary .nav-link.active, body.dark-only .border-tab.nav-left.nav-secondary .nav-link:focus, body.dark-only .border-tab.nav-left.nav-secondary .nav-link:hover {
    border-left-color: var(--theme-secondary);
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-left.nav-secondary .show > .nav-link {
    border-left-color: var(--theme-secondary);
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-left.nav-secondary .nav-item.show {
    color: var(--theme-secondary) !important;
    border-left-color: var(--theme-secondary); }
  body.dark-only .border-tab.nav-left.nav-success .nav-link.active, body.dark-only .border-tab.nav-left.nav-success .nav-link:focus, body.dark-only .border-tab.nav-left.nav-success .nav-link:hover {
    color: #00AC46 !important; }
  body.dark-only .border-tab.nav-left.nav-success .show > .nav-link {
    border-left-color: #00AC46;
    color: #00AC46 !important; }
  body.dark-only .border-tab.nav-left.nav-success .nav-item.show {
    color: #00AC46 !important;
    border-left-color: #00AC46; }
  body.dark-only .border-tab.nav-right.nav-info .nav-link.active, body.dark-only .border-tab.nav-right.nav-info .nav-link:focus, body.dark-only .border-tab.nav-right.nav-info .nav-link:hover {
    color: #173878 !important; }
  body.dark-only .border-tab.nav-right.nav-info .show > .nav-link {
    border-left-color: #173878;
    color: #173878 !important; }
  body.dark-only .border-tab.nav-right.nav-info .nav-item.show {
    color: #173878 !important;
    border-left-color: #173878; }
  body.dark-only .border-tab.nav-secondary .nav-link.active, body.dark-only .border-tab.nav-secondary .nav-link:focus, body.dark-only .border-tab.nav-secondary .nav-link:hover {
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-secondary .nav-item.show {
    color: var(--theme-secondary) !important; }
  body.dark-only .border-tab.nav-success .nav-link.active, body.dark-only .border-tab.nav-success .nav-link:focus, body.dark-only .border-tab.nav-success .nav-link:hover {
    color: #00AC46 !important; }
  body.dark-only .border-tab.nav-success .nav-item.show {
    color: #00AC46 !important; }
  body.dark-only .dropdown-divider {
    border-top: 1px solid #1A1C23; }
  body.dark-only .icon-hover-bottom {
    background-color: #22242B;
    box-shadow: 0px 0px 1px 1px #1A1C23; }
    body.dark-only .icon-hover-bottom .icon-title {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .icon-hover-bottom span {
      color: #98a6ad; }
    body.dark-only .icon-hover-bottom .form-group input {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6);
      border: 1px solid #1A1C23; }
    body.dark-only .icon-hover-bottom .icon-first i {
      color: #98a6ad; }
  body.dark-only code {
    background-color: #1A1C23;
    border-radius: 2px; }
  body.dark-only #cd-timeline::before {
    background: #1A1C23; }
  body.dark-only .timeliny {
    border-top: 1px solid #1A1C23;
    border-bottom: 1px solid #1A1C23; }
    body.dark-only .timeliny::before {
      background-color: #fff; }
    body.dark-only .timeliny .timeliny-dot {
      background-color: #22242B;
      border: 1px solid #fff; }
      body.dark-only .timeliny .timeliny-dot::before {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::before {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot::after {
      background-color: #1A1C23;
      color: rgba(255, 255, 255, 0.6);
      border: none; }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover {
      background-color: #fff; }
      body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover::before {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock .timeliny-dot:hover::after {
      background-color: #22242B;
      border: 1px solid #1A1C23;
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .todo .todo-list-wrapper #todo-list li .task-container {
    background: #22242B;
    border-bottom: 1px solid #1A1C23; }
    body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-label {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .todo .todo-list-wrapper #todo-list li .task-container:hover h4 {
      color: #fff; }
    body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover:not(.active) {
      background: #22242B;
      border: 1px solid #1A1C23; }
  body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label {
    color: var(--theme-deafult); }
  body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover {
    border: 1px solid #00AC46 !important; }
  body.dark-only .todo .todo-list-wrapper .todo-list-footer .new-task-wrapper textarea {
    background-color: #22242B;
    border: 1px solid #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .ttl-info h6 {
    color: #98a6ad; }
  body.dark-only .user-profile .ttl-info span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .hovercard .info .title a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .hovercard .user-image .avatar img {
    border: 10px solid #22242B; }
  body.dark-only .user-profile .hovercard .user-image .icon-wrapper {
    background-color: #22242B; }
  body.dark-only .user-profile .hovercard .tabs-scoial {
    border-bottom: none !important; }
  body.dark-only .user-profile .follow .follow-num {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .profile-img-style .user-name {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .user-profile .profile-img-style p {
    color: #98a6ad; }
  body.dark-only .introjs-helperLayer {
    background-color: rgba(54, 64, 74, 0.9);
    border: rgba(255, 255, 255, 0.5); }
  body.dark-only .jstree-default .jstree-node,
  body.dark-only .jstree-default .jstree-icon {
    color: #455869 !important; }
  body.dark-only .jstree-default .jstree-anchor {
    color: #98a6ad; }
  body.dark-only .jstree-default .jstree-clicked {
    color: #fff;
    background-color: transparent; }
  body.dark-only .jstree-default .jstree-hovered {
    background-color: #1A1C23;
    border: 1px solid #1A1C23; }
  body.dark-only span.twitter-typeahead .tt-menu {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only span.twitter-typeahead .tt-suggestion {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only span.twitter-typeahead .tt-suggestion:hover, body.dark-only span.twitter-typeahead .tt-suggestion:focus {
      background-color: #22242B; }
  body.dark-only .typography small {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .code-box-copy pre {
    background-color: #1A1C23; }
    body.dark-only .code-box-copy pre code {
      background-color: #1A1C23; }
  body.dark-only .code-box-copy pre[class*="language-"] {
    border: 1px solid #1A1C23; }
  body.dark-only .code-box-copy .code-box-copy__btn {
    background-color: #1A1C23;
    border: 1px solid #1A1C23;
    color: #fff; }
  body.dark-only .code-box-copy code[class*=language-],
  body.dark-only .code-box-copy pre[class*=language-] {
    text-shadow: 0px 1px #000; }
    body.dark-only .code-box-copy code[class*=language-] ::selection,
    body.dark-only .code-box-copy pre[class*=language-] ::selection {
      text-shadow: none;
      background: #22242B; }
  body.dark-only table.fixedHeader-floating {
    background-color: #1A1C23; }
  body.dark-only .note textarea {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .dt-button-info {
    background-color: #22242B;
    border: 1px solid #1A1C23; }
    body.dark-only .dt-button-info h2 {
      background-color: #22242B;
      border-bottom: 1px solid #1A1C23; }
  body.dark-only pre {
    background-color: #1A1C23; }
  body.dark-only #keytable_wrapper .dataTables_paginate,
  body.dark-only #column-selector_wrapper .dataTables_paginate,
  body.dark-only #auto-fill_wrapper .dataTables_paginate,
  body.dark-only #custom-button_wrapper .dataTables_paginate,
  body.dark-only #class-button_wrapper .dataTables_paginate,
  body.dark-only #keyboard-btn_wrapper .dataTables_paginate,
  body.dark-only #multilevel-btn_wrapper .dataTables_paginate,
  body.dark-only #pagelength-btn_wrapper .dataTables_paginate,
  body.dark-only #basic-colreorder_wrapper .dataTables_paginate,
  body.dark-only #state-saving_wrapper .dataTables_paginate,
  body.dark-only #real-time_wrapper .dataTables_paginate,
  body.dark-only #basic-fixed-header_wrapper .dataTables_paginate,
  body.dark-only #fixed-header-footer_wrapper .dataTables_paginate,
  body.dark-only #export-button_wrapper .dataTables_paginate,
  body.dark-only #excel-cust-bolder_wrapper .dataTables_paginate,
  body.dark-only #cust-json_wrapper .dataTables_paginate,
  body.dark-only #basic-key-table_wrapper .dataTables_paginate,
  body.dark-only #focus-cell_wrapper .dataTables_paginate,
  body.dark-only #responsive_wrapper .dataTables_paginate,
  body.dark-only #new-cons_wrapper .dataTables_paginate,
  body.dark-only #show-hidden-row_wrapper .dataTables_paginate,
  body.dark-only #basic-row-reorder_wrapper .dataTables_paginate,
  body.dark-only #full-row_wrapper .dataTables_paginate,
  body.dark-only #rest-column_wrapper .dataTables_paginate {
    border: none; }
  body.dark-only #example-style-8_wrapper table.dataTable.stripe tbody tr.odd,
  body.dark-only #example-style-8_wrapper table.dataTable.display tbody tr.odd {
    background-color: #1A1C23; }
  body.dark-only .error-wrapper {
    background-color: rgba(54, 64, 74, 0.8); }
    body.dark-only .error-wrapper .sub-content {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .b-light {
    border: 1px solid #1A1C23 !important; }
  body.dark-only .modal-content {
    background-color: #22242B; }
    body.dark-only .modal-content .modal-header {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      body.dark-only .modal-content .modal-header h3 {
        color: #fff; }
      body.dark-only .modal-content .modal-header .close {
        color: rgba(255, 255, 255, 0.6);
        font-weight: 400; }
    body.dark-only .modal-content .ui-front .form-control {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6);
      border: 1px solid rgba(255, 255, 255, 0.3); }
  body.dark-only .modal .theme-close {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .token.atrule,
  body.dark-only .token.attr-value,
  body.dark-only .token.keyword {
    color: #173878; }
  body.dark-only .token.boolean, body.dark-only .token.constant, body.dark-only .token.deleted, body.dark-only .token.number, body.dark-only .token.property, body.dark-only .token.symbol, body.dark-only .token.tag {
    color: #FE6A49; }
  body.dark-only .loader-box.card-loader {
    background-color: #22242B; }
  body.dark-only .my-gallery.gallery-with-description img {
    border: 1px solid #1A1C23 !important;
    border-bottom: none !important; }
  body.dark-only .alert-primary.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-secondary.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-success.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-danger.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-warning.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-info.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-light.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-dark.inverse {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .alert-theme span + span + span {
    border-left: 5px solid var(--theme-deafult);
    background-color: #1A1C23;
    border-radius: 4px; }
  body.dark-only .alert-theme i {
    color: #fff;
    padding: 20px;
    margin-right: 20px !important; }
  body.dark-only .user-card .user-deatils h6 {
    color: #98a6ad; }
  body.dark-only .user-card .card-footer > div:first-child {
    border-right: 1px solid #1A1C23; }
  body.dark-only .user-card .card-footer .user-footer h6 {
    color: #98a6ad; }
  body.dark-only .user-card .card-footer .user-footer svg path,
  body.dark-only .user-card .card-footer .user-footer svg rect {
    color: #98a6ad; }
  body.dark-only .order-history table .qty-box button {
    background-color: #1A1C23 !important;
    border: none !important; }
  body.dark-only .order-history table .qty-box .input-group {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark-only .order-history table thead tr th {
    background-color: #1A1C23; }
  body.dark-only .order-history table tr td,
  body.dark-only .order-history table tr th {
    border-top: none !important; }
  body.dark-only .order-history .title-orders {
    background-color: #1A1C23; }
  body.dark-only .navigation-option ul li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .navigation-option ul li:hover {
    background-color: #1A1C23; }
  body.dark-only .product-box .product-details h6 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .product-box .product-details > a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .product-box .product-details span {
    color: #98a6ad; }
  body.dark-only .product-box .product-img .product-hover ul li {
    background-color: #22242B; }
    body.dark-only .product-box .product-img .product-hover ul li:hover {
      background-color: #000;
      color: #fff; }
  body.dark-only .browse .browse-articles ul li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .browse .browse-articles ul li:hover {
    background-color: #1A1C23; }
  body.dark-only .radio-primary input[type="radio"] + label::before {
    border-color: var(--theme-deafult) !important; }
  body.dark-only .radio-primary input[type="radio"] + label::after {
    background-color: var(--theme-deafult); }
  body.dark-only .radio-primary input[type="radio"]:checked + label::before {
    border-color: var(--theme-deafult) !important; }
  body.dark-only .radio-primary input[type="radio"]:checked + label::after {
    background-color: var(--theme-deafult); }
  body.dark-only .radio-secondary input[type="radio"] + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-secondary input[type="radio"] + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-secondary input[type="radio"]:checked + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-secondary input[type="radio"]:checked + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-success input[type="radio"] + label::before {
    border-color: #00AC46 !important; }
  body.dark-only .radio-success input[type="radio"] + label::after {
    background-color: #00AC46; }
  body.dark-only .radio-success input[type="radio"]:checked + label::before {
    border-color: #00AC46 !important; }
  body.dark-only .radio-success input[type="radio"]:checked + label::after {
    background-color: #00AC46; }
  body.dark-only .radio-danger input[type="radio"] + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-danger input[type="radio"] + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-danger input[type="radio"]:checked + label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .radio-danger input[type="radio"]:checked + label::after {
    background-color: #FE6A49; }
  body.dark-only .radio-info input[type="radio"] + label::before {
    border-color: #173878 !important; }
  body.dark-only .radio-info input[type="radio"] + label::after {
    background-color: #173878; }
  body.dark-only .radio-info input[type="radio"]:checked + label::before {
    border-color: #173878 !important; }
  body.dark-only .radio-info input[type="radio"]:checked + label::after {
    background-color: #173878; }
  body.dark-only .radio-light input[type="radio"] + label::before {
    border-color: #E6E9EB !important; }
  body.dark-only .radio-light input[type="radio"] + label::after {
    background-color: #E6E9EB; }
  body.dark-only .radio-light input[type="radio"]:checked + label::before {
    border-color: #E6E9EB !important; }
  body.dark-only .radio-light input[type="radio"]:checked + label::after {
    background-color: #E6E9EB; }
  body.dark-only .radio-dark input[type="radio"] + label::before {
    border-color: #2c323f !important; }
  body.dark-only .radio-dark input[type="radio"] + label::after {
    background-color: #2c323f; }
  body.dark-only .radio-dark input[type="radio"]:checked + label::before {
    border-color: #2c323f !important; }
  body.dark-only .radio-dark input[type="radio"]:checked + label::after {
    background-color: #2c323f; }
  body.dark-only .radio-warning input[type="radio"] + label::before {
    border-color: #FFAE1A !important; }
  body.dark-only .radio-warning input[type="radio"] + label::after {
    background-color: #FFAE1A; }
  body.dark-only .radio-warning input[type="radio"]:checked + label::before {
    border-color: #FFAE1A !important; }
  body.dark-only .radio-warning input[type="radio"]:checked + label::after {
    background-color: #FFAE1A; }
  body.dark-only .checkbox-primary label::before {
    border-color: var(--theme-deafult) !important; }
  body.dark-only .checkbox-secondary label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .checkbox-success label::before {
    border-color: #00AC46 !important; }
  body.dark-only .checkbox-danger label::before {
    border-color: #FE6A49 !important; }
  body.dark-only .checkbox-info label::before {
    border-color: #173878 !important; }
  body.dark-only .checkbox-light label::before {
    border-color: #E6E9EB !important; }
  body.dark-only .checkbox-dark label::before {
    border-color: #2c323f !important; }
  body.dark-only .checkbox-warning label::before {
    border-color: #FFAE1A !important; }
  body.dark-only .checkbox-solid-primary label:before {
    background-color: var(--theme-deafult) !important;
    border-color: var(--theme-deafult) !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-primary input[type="checkbox"]:checked + label::before {
    background-color: var(--theme-deafult) !important;
    border-color: var(--theme-deafult) !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-primary input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-secondary label:before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-secondary input[type="checkbox"]:checked + label::before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-secondary input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-success label:before {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-success input[type="checkbox"]:checked + label::before {
    background-color: #00AC46 !important;
    border-color: #00AC46 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-success input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-danger label:before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-danger input[type="checkbox"]:checked + label::before {
    background-color: #FE6A49 !important;
    border-color: #FE6A49 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-danger input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-info label:before {
    background-color: #173878 !important;
    border-color: #173878 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-info input[type="checkbox"]:checked + label::before {
    background-color: #173878 !important;
    border-color: #173878 !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-info input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-light label:before {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-light input[type="checkbox"]:checked + label::before {
    background-color: #E6E9EB !important;
    border-color: #E6E9EB !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-light input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-dark label:before {
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-dark input[type="checkbox"]:checked + label::before {
    background-color: #2c323f !important;
    border-color: #2c323f !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-dark input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .checkbox-solid-warning label:before {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-warning input[type="checkbox"]:checked + label::before {
    background-color: #FFAE1A !important;
    border-color: #FFAE1A !important;
    color: #fff !important; }
  body.dark-only .checkbox-solid-warning input[type="checkbox"]:checked + label::after {
    color: #fff !important; }
  body.dark-only .bootstrap-datetimepicker-widget ul li {
    color: rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid #1A1C23; }
  body.dark-only .bootstrap-datetimepicker-widget tr th:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td:hover {
    background-color: #22242B; }
  body.dark-only .bootstrap-datetimepicker-widget tr th span:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td span:hover {
    background-color: #22242B; }
  body.dark-only .bootstrap-datetimepicker-widget tr th.prev:hover, body.dark-only .bootstrap-datetimepicker-widget tr th.next:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td.prev:hover,
  body.dark-only .bootstrap-datetimepicker-widget tr td.next:hover {
    background-color: #22242B; }
  body.dark-only .bootstrap-datetimepicker-widget tr:first-child th:hover {
    background-color: #22242B; }
  body.dark-only .btn-transparent {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only #cal-basic .fc-toolbar .fc-left .fc-next-button .fc-icon-right-single-arrow:after,
  body.dark-only #cal-basic .fc-toolbar .fc-right .fc-next-button .fc-icon-right-single-arrow:after {
    color: #98a6ad; }
  body.dark-only #cal-basic .fc-toolbar .fc-left .fc-prev-button .fc-icon-left-single-arrow:after,
  body.dark-only #cal-basic .fc-toolbar .fc-right .fc-prev-button .fc-icon-left-single-arrow:after {
    color: #98a6ad; }
  body.dark-only #cal-basic .fc-toolbar .fc-left .fc-button-group .fc-month-button {
    color: #fff !important; }
  body.dark-only .fc-button-group .fc-basicWeek-button,
  body.dark-only .fc-button-group .fc-basicDay-button,
  body.dark-only .fc-button-group .fc-agendaWeek-button,
  body.dark-only .fc-button-group .fc-agendaDay-button {
    color: #000 !important; }
  body.dark-only .fc-button-group .fc-month-button {
    color: #fff !important; }
  body.dark-only .btn-light.active.active:not([disabled]):not(.disabled) {
    background-color: #1A1C23 !important;
    color: rgba(255, 255, 255, 0.3) !important; }
  body.dark-only .btn-light.disabled, body.dark-only .btn-light:disabled {
    color: rgba(5, 26, 26, 0.5) !important; }
  body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-month-button,
  body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .btn-light {
    color: #000 !important; }
  body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button {
    color: #fff !important; }
    body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button:hover {
      color: #000 !important; }
  body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
  body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .btn-light,
  body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
  body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .btn-light,
  body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,
  body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .btn-light {
    color: #000 !important; }
  body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button,
  body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button,
  body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button {
    color: #fff !important; }
    body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover,
    body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover,
    body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover {
      color: #000 !important; }
  body.dark-only .categories ul li a {
    color: #98a6ad; }
  body.dark-only .categories ul li:hover {
    background-color: #1A1C23; }
  body.dark-only .socialprofile .likes-profile h5 span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .socialprofile span {
    color: #98a6ad; }
  body.dark-only .social-status .media .media-body span + span {
    color: #98a6ad; }
  body.dark-only .social-status .media .media-body p,
  body.dark-only .social-status .media .media-body .light-span {
    color: #98a6ad; }
  body.dark-only .filter-cards-view p,
  body.dark-only .timeline-content p {
    color: #98a6ad; }
  body.dark-only .filter-cards-view .comment-number i,
  body.dark-only .timeline-content .comment-number i {
    color: #98a6ad; }
  body.dark-only .filter-cards-view .comments-box .input-group .form-control,
  body.dark-only .timeline-content .comments-box .input-group .form-control {
    border: none !important; }
  body.dark-only .filter-cards-view .comments-box .input-group .input-group-append,
  body.dark-only .timeline-content .comments-box .input-group .input-group-append {
    background-color: #1A1C23; }
  body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input {
    background-color: #1A1C23;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top-left-radius: 7px !important;
    border-bottom-left-radius: 7px !important; }
    body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input:focus {
      box-shadow: unset; }
    body.dark-only .todo-wrap .card-header .todo-list-header .new-task-wrapper input::placeholder {
      color: rgba(255, 255, 255, 0.3); }
  body.dark-only .social-chat .flex-grow-1 {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .social-chat .flex-grow-1:after {
      border-right: 7px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .social-chat .flex-grow-1 .input-group input {
      background-color: #1A1C23; }
  body.dark-only .social-chat span span {
    color: #98a6ad; }
  body.dark-only .details-about .your-details p {
    color: #98a6ad; }
  body.dark-only .activity-log .my-activity p {
    color: #98a6ad; }
  body.dark-only .bookmark ul li a {
    color: rgba(255, 255, 255, 0.6); }
  @media only screen and (max-width: 991.98px) {
    body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      border-right: 1px solid rgba(255, 255, 255, 0.1); } }
  @media only screen and (max-width: 767.98px) {
    body.dark-only .page-wrapper.material-icon .page-header {
      background-color: #22242B; } }
  body.dark-only .apexcharts-tooltip.light {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #1A1C23; }
    body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
      border-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-label,
    body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-value {
      color: #fff; }
  body.dark-only .dark-txt p strong {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .live-dark .btn-close {
    filter: initial; }
  body.dark-only .alert-light {
    color: #1A1C23 !important; }
  body.dark-only .dark-input-type .input-group .input-group-text {
    background: transparent;
    border: unset; }
  body.dark-only .dropdown-menu {
    background-color: #1A1C23; }
  body.dark-only .leaflet-control-zoom span {
    color: #051A1A; }
  body.dark-only .heading-dropdown .dropdown-menu > li:first-child > a {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .heading-dropdown .dropdown-menu a.dropdown-item {
    color: rgba(255, 255, 255, 0.1); }
  body.dark-only .dark-accordion .accordion-item {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.1); }
    body.dark-only .dark-accordion .accordion-item .accordion-collapse p {
      color: rgba(255, 255, 255, 0.3); }
    body.dark-only .dark-accordion .accordion-item .accordion-collapse .accordion-body {
      background-color: #22242B; }
      body.dark-only .dark-accordion .accordion-item .accordion-collapse .accordion-body h6 {
        border: 0; }
  body.dark-only .dark-accordion .collapse-wrapper {
    color: #1A1C23; }
  body.dark-only .dark-accordion.card {
    border-radius: unset; }
  body.dark-only .accordions-content li {
    color: rgba(255, 255, 255, 0.3); }
  body.dark-only .dark-list .list-group .list-group-item + .list-group-item {
    border-top-width: 1px; }
  body.dark-only .dark-list .list-group .list-group-item .form-check-input {
    border: 1px solid rgba(255, 255, 255, 0.6);
    background-color: transparent; }
  body.dark-only .dark-list .list-light-dark {
    background-color: #1A1C23; }
  body.dark-only .card-wrapper .sub-title {
    border-bottom: unset !important; }
  body.dark-only .dark-blockquote .blockquote p {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .dark-sign-up h3 {
    color: #22242B; }
  body.dark-only .dark-sign-up p {
    color: #22242B; }
  body.dark-only .dark-sign-up .modal-body form .form-label {
    color: #1f2533; }
  body.dark-only .dark-sign-up .modal-body form .form-check .form-check-label {
    color: #1f2533; }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header svg {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-header h6 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body svg {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-dialog .modal-content .dark-modal .large-modal-body p {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .modal-toggle-wrapper .dark-toggle-btn {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .social-profile {
    background-attachment: fixed; }
    body.dark-only .social-profile .social-details h5 a {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .dark-helper {
    background-color: rgba(26, 28, 35, 0.4); }
    body.dark-only .dark-helper h6,
    body.dark-only .dark-helper span {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .dark-helper .text-muted {
      color: #22242B !important; }
  body.dark-only .font-dark {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .treejs .treejs-node__disabled {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .treejs .treejs-switcher:before {
    border-top: 4px solid rgba(255, 255, 255, 0.6); }
  body.dark-only .irs-min,
  body.dark-only .irs-max {
    color: #98a6ad;
    background-color: #323846; }
  body.dark-only .ribbon-wrapper.alert-light-light,
  body.dark-only .ribbon-wrapper-bottom.alert-light-light,
  body.dark-only .ribbon-vertical-left-wrapper.alert-light-light,
  body.dark-only .ribbon-wrapper-right.alert-light-light,
  body.dark-only .ribbon-vertical-right-wrapper.alert-light-light {
    background-color: #323846; }
  body.dark-only .pagination .page-item .page-link.rounded-circle {
    color: rgba(255, 255, 255, 0.6) !important; }
  body.dark-only .dark-timeline .date-content {
    color: rgba(255, 255, 255, 0.6) !important;
    background-color: #1A1C23 !important; }
  body.dark-only .student-leader-wrapper .student-leader-content {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .attendance-card .left-overview-content .svg-box {
    box-shadow: unset;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .task-table .main-task-wrapper .square-white {
    box-shadow: unset;
    border: 1px solid transparent; }
  body.dark-only .income-wrapper ul li + li {
    border-left: 1px dashed rgba(255, 255, 255, 0.1); }
    @media (max-width: 1735px) {
      body.dark-only .income-wrapper ul li + li {
        border-left: unset; } }
  body.dark-only .icons-box-2 .open-options .dropdown-menu {
    background-color: #1A1C23; }
  body.dark-only .performance-wrapper .performance-right p {
    color: var(--body-font-color); }
  body.dark-only .main-product-wrapper .product-body .product-search.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    color: #98a6ad; }
  body.dark-only .main-product-wrapper .product-body .product-search.input-group .input-group-text {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .main-product-wrapper .product-body .product-search.input-group .form-control {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-left: unset;
    background-color: #22242B; }
    [dir="rtl"] body.dark-only .main-product-wrapper .product-body .product-search.input-group .form-control {
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-right: unset; }
  body.dark-only .our-product-wrapper {
    box-shadow: 0px 3px 17px rgba(113, 113, 137, 0.18); }
  body.dark-only .grid-showcase span {
    background-color: #1A1C23; }
  body.dark-only .grid-showcase .grid-wrapper {
    background-color: #1A1C23; }
  body.dark-only .custom-input #validationCustom03.form-control,
  body.dark-only .custom-input #validationCustom03 .form-select,
  body.dark-only .custom-input #validationCustom05.form-control,
  body.dark-only .custom-input #validationCustom05 .form-select,
  body.dark-only .custom-input #validationCustomUsername.form-control,
  body.dark-only .custom-input #validationCustomUsername .form-select {
    border-color: #1A1C23; }
  body.dark-only .form-control[type=file]:not(:disabled):not([readonly]) {
    color: rgba(255, 255, 255, 0.2);
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .custom-input .form-control,
  body.dark-only .custom-input .form-select {
    background-color: #1A1C23 !important;
    border-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link:active .vertical-wizard .vertical-wizard-content h6, body.dark-only .vertical-main-wizard .header-vertical-wizard .nav-link.active .vertical-wizard .vertical-wizard-content h6 {
    color: #98a6ad; }
  body.dark-only td.highlight {
    background-color: #1f232b !important; }
  body.dark-only .card-wrapper .form-control,
  body.dark-only .dark-field .form-control {
    background-color: #1A1C23;
    border-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .form-control-sm {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .dark-inputs .form-control.btn-square {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .dark-inputs .form-control.btn-pill {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .dark-inputs .form-control.input-air-primary {
    background-color: #1A1C23;
    border-color: #1A1C23; }
  body.dark-only .horizontal-wizard-wrapper .main-horizontal-header .horizontal-options .nav-link .horizontal-wizard .stroke-icon-wizard {
    color: #1A1C23; }
  body.dark-only .touchspin-wrapper input.input-touchspin[type="number"],
  body.dark-only .pre-post-touchspin input.input-touchspin[type="number"] {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .variation-box .selection-box input[type=checkbox]:checked ~ div {
    color: #fff; }
  body.dark-only .flatpickr-calendar {
    box-shadow: unset; }
    body.dark-only .flatpickr-calendar.animate {
      background-color: #1A1C23; }
  body.dark-only .flatpickr-current-month .flatpickr-monthDropdown-months {
    color: #fff !important; }
  body.dark-only .flatpickr-current-month .numInputWrapper {
    color: #fff !important; }
  body.dark-only .flatpickr-prev-month {
    fill: #fff !important; }
  body.dark-only .flatpickr-next-month {
    fill: #fff !important; }
  body.dark-only .flatpickr-time {
    border: 1px solid #323846; }
    body.dark-only .flatpickr-time input {
      background: #22262f; }
  body.dark-only .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover {
    background-color: #22242B;
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .tagify__dropdown__item--active {
    background-color: #1A1C23; }
  body.dark-only .tagify__input {
    color: #98a6ad; }
    body.dark-only .tagify__input::before {
      color: #98a6ad; }
  body.dark-only .tagify {
    border-color: rgba(255, 255, 255, 0.1);
    --tags-focus-border-color: #374558; }
    body.dark-only .tagify .tagify__tag-text {
      color: #1A1C23; }
  body.dark-only .international-num input {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #22242B; }
  body.dark-only .international-num .results ul {
    border: 1px solid rgba(255, 255, 255, 0.1); }
  body.dark-only .iti__country-list {
    background-color: #22242B; }
  body.dark-only .select-box .selection-option:hover {
    background-color: #22262f; }
  body.dark-only .select-box .options-container.active ~ .search-box input {
    background-color: rgba(255, 255, 255, 0.6); }
  body.dark-only .table-hover > tbody > tr:hover {
    --bs-table-accent-bg: #1d1e26; }
  body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert {
    background-color: #1A1C23;
    border-color: #323846; }
    body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert i {
      color: rgba(255, 255, 255, 0.6); }
    body.dark-only .main-qr-code .modal-toggle-wrapper .modal-img .qr-content .alert div {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .main-qr-code .modal-toggle-wrapper form .form-control {
    background-color: #1A1C23;
    border-color: #323846; }
  body.dark-only .authentication-options .radio-wrapper li .form-check-label span > span {
    color: #98a6ad; }
  body.dark-only .typeahead-wrapper .theme-form .form-control {
    background-color: #1A1C23 !important;
    border-color: #1A1C23 !important; }
  body.dark-only .compose-modal form .form-control {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1);
    color: #98a6ad; }
  body.dark-only .toolbar-box .ql-snow .ql-stroke {
    stroke: #98a6ad; }
  body.dark-only .toolbar-box .ql-snow .ql-tooltip {
    background-color: #1A1C23;
    box-shadow: unset;
    border: 0; }
    body.dark-only .toolbar-box .ql-snow .ql-tooltip.ql-editing input[type=text] {
      background-color: #22242B;
      border: 0;
      color: #98a6ad; }
  body.dark-only .toolbar-box .ql-snow a {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .toolbar-box .ql-editor.ql-blank::before {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .nav-right .nav-menus li .input-show input {
    border-color: #22242B !important;
    background-color: #1A1C23;
    color: #fff; }
  body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control {
    background-color: #1A1C23;
    border: 0;
    color: rgba(255, 255, 255, 0.2); }
    body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search .form-control::placeholder {
      color: rgba(255, 255, 255, 0.2); }
  body.dark-only .email-body .mail-header-wrapper .mail-body .mail-search i {
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .email-body .mail-header-wrapper .mail-body .dropdown-menu .dropdown-item {
    background: #1A1C23;
    opacity: 1;
    border: 0;
    color: rgba(255, 255, 255, 0.2); }
    body.dark-only .email-body .mail-header-wrapper .mail-body .dropdown-menu .dropdown-item:hover {
      background-color: #22242B; }
  body.dark-only .inbox-options .light-square.btn-group .dropdown-menu {
    background: #2b2b2b; }
    body.dark-only .inbox-options .light-square.btn-group .dropdown-menu .dropdown-item:hover {
      background-color: rgba(255, 255, 255, 0.2);
      color: #98a6ad; }
  body.dark-only .inbox-security {
    background-color: #1A1C23; }
  body.dark-only .mail-pagination .pagination-number,
  body.dark-only .mail-pagination .pagination-button {
    background-color: #323846; }
  body.dark-only .flatpicker-calender.product-date .form-control.flatpickr-input {
    border: unset;
    background-color: #1A1C23 !important; }
  body.dark-only .price-wrapper .radio-wrapper li .form-check-input {
    border: 1px solid rgba(255, 255, 255, 0.1); }
    body.dark-only .price-wrapper .radio-wrapper li .form-check-input ~ .form-check-label span {
      color: #98a6ad; }
  body.dark-only .product-buttons .btn:hover, body.dark-only .product-buttons .btn:active {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .product-buttons .btn svg {
    stroke: rgba(255, 255, 255, 0.6); }
  body.dark-only .ql-formats .ql-picker-label::before {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .list-product .datatable-pagination .datatable-active .datatable-pagination-list-item-link {
    background-color: var(--theme-deafult);
    color: var(--white); }
  body.dark-only .list-product .datatable-pagination .datatable-pagination-list-item-link {
    background-color: #1A1C23;
    color: #98a6ad; }
  body.dark-only .list-product .datatable-input:focus {
    outline: unset; }
  body.dark-only .list-product .datatable-selector {
    color: rgba(255, 255, 255, 0.6);
    background-color: #1A1C23; }
  body.dark-only .table {
    --bs-table-bg: trasparnt; }
  body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .input-group-text {
    background-color: #1A1C23; }
  body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control {
    background-color: #1A1C23;
    border: unset;
    color: rgba(255, 255, 255, 0.6); }
    body.dark-only .left-sidebar-wrapper .left-sidebar-chat .input-group .form-control::placeholder {
      color: rgba(255, 255, 255, 0.6); }
  body.dark-only .left-sidebar-wrapper .advance-options .chats-user span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .search-contacts .form-control {
    background-color: #1A1C23;
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.2); }
    body.dark-only .search-contacts .form-control::placeholder {
      color: #98a6ad; }
  body.dark-only .msger .right-msg .msg-bubble {
    color: #fff; }
  body.dark-only .right-sidebar-title span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-only .right-sidebar-Chats .msger-chat {
    background: #1A1C23; }
  body.dark-only .right-sidebar-Chats .msger-inputarea {
    background: #22242B; }
  body.dark-only .right-sidebar-Chats .msger-input:focus {
    background-color: #1A1C23; }
  body.dark-only .fg-emoji-picker-search input,
  body.dark-only .fg-emoji-picker-search .fg-emoji-picker-search-icon {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2); }
  body.dark-only .fg-emoji-picker-category-title {
    background-color: #323846; }
  body.dark-only .add-post form label,
  body.dark-only .add-post form .col-form-label {
    color: #98a6ad; }
  body.dark-only .add-post form .form-control {
    background-color: #1A1C23;
    color: rgba(255, 255, 255, 0.2);
    border: unset; }
    body.dark-only .add-post form .form-control::placeholder {
      color: rgba(255, 255, 255, 0.2); }
  body.dark-only .ql-container.ql-snow .ql-editor {
    color: rgba(255, 255, 255, 0.2); }

body.dark-sidebar .page-wrapper .sidebar-main-title p {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.horizontal-wrapper .logo-wrapper .for-light {
  display: block; }

body.dark-sidebar .page-wrapper.horizontal-wrapper .logo-wrapper .for-dark {
  display: none; }

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
  background-color: #22242B; }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    stroke: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400; }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
    background-color: rgba(255, 255, 255, 0.2); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
    color: rgba(255, 255, 255, 0.6); }
  body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-deafult); }

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
  background: #22242B; }
  body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
    background-color: #22242B; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
      color: rgba(255, 255, 255, 0.6); }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg.stroke-icon {
        stroke: #fff !important; }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg.fill-icon {
        fill: #051A1A;
        stroke: none !important; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a {
      background-color: rgba(255, 255, 255, 0.3); }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a span {
        color: #fff !important; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
      background: #22242B; }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
        color: rgba(255, 255, 255, 0.6); }
        body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active, body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
          color: var(--theme-deafult); }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
        background: #22242B; }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
      background: #22242B; }
      body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
        color: rgba(255, 255, 255, 0.6); }
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
    body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
      background-color: #22242B;
      color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
  background: #22242B; }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
  stroke: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  background-color: #22242B; }
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
  background-color: rgba(0, 102, 102, 0.2); }
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
    color: var(--theme-deafult); }
  body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
    color: var(--theme-deafult);
    stroke: var(--theme-deafult); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400; }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
  background-color: rgba(255, 255, 255, 0.2); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
  color: rgba(255, 255, 255, 0.6); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
  color: var(--theme-deafult); }

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i {
  color: rgba(255, 255, 255, 0.6); }

body .for-dark {
  display: none; }

body[class*='dark-'] .for-dark {
  display: block; }

body[class*='dark-'] .for-light {
  display: none; }

/**=====================
	4.1. Dark CSS ends
==========================**/
/**=====================
  4.2 Theme-customizer CSS Start
==========================**/
.customizer-links {
  position: fixed;
  right: 00px;
  top: 50%;
  z-index: 3;
  transform: translate(0, -50%);
  box-shadow: 0 0 37px rgba(8, 21, 66, 0.1); }
  .customizer-links > .nav {
    border-radius: 8px;
    padding: 10px;
    background-color: #fff; }
  .customizer-links.open {
    right: 330px;
    border-radius: 8px 0 0 8px;
    transition: all 0.3s ease; }
  .customizer-links .nav-link {
    padding: 0;
    position: relative;
    text-align: -webkit-center; }
    .customizer-links .nav-link:before {
      content: "";
      position: absolute;
      height: 100%;
      left: 0;
      width: 100%;
      background-color: rgba(0, 102, 102, 0.1);
      border-radius: 5px;
      transform: scale(0);
      transition: all 0.3s ease; }
    .customizer-links .nav-link:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid;
      top: 12px;
      border-width: 5px 0 5px 5px;
      border-left-color: rgba(0, 102, 102, 0.1);
      opacity: 0;
      transform: scale(0);
      color: #fff;
      left: -10px;
      z-index: 2;
      transition: all 0.3s ease; }
    .customizer-links .nav-link:hover i {
      color: var(--theme-deafult); }
    .customizer-links .nav-link:hover img {
      animation: swing 1.5s ease infinite; }
    .customizer-links .nav-link:hover:before {
      border-bottom: 2px solid var(--theme-deafult);
      opacity: 1;
      transform: scale(1);
      transition: all 0.3s ease; }
    .customizer-links .nav-link:hover:after {
      opacity: 1;
      transform: scale(1);
      transition: all 0.3s ease; }
    .customizer-links .nav-link:hover span {
      opacity: 1;
      right: 48px;
      transform: scale(1);
      transition: all 0.3s ease; }
    .customizer-links .nav-link + .nav-link {
      margin-bottom: 5px; }
    .customizer-links .nav-link div img {
      height: 22px;
      margin: 6px 6px;
      width: 22px; }
    .customizer-links .nav-link span {
      position: absolute;
      right: -60px;
      width: max-content;
      text-align: right;
      padding: 7px 10px;
      display: block;
      top: 0;
      border-radius: 5px;
      transform: scale(0);
      transition: all 0.3s ease;
      opacity: 0;
      color: var(--theme-deafult);
      background-color: var(--white);
      box-shadow: 0 0 37px rgba(8, 21, 66, 0.1); }
    .customizer-links .nav-link i {
      font-size: 17px;
      padding: 8px 10px;
      display: inline-block;
      cursor: pointer;
      margin: 0;
      color: gray;
      border-radius: 5px; }

.customizer-contain {
  direction: ltr;
  position: fixed;
  height: calc(100vh);
  top: 79px;
  width: 333px;
  right: -335px;
  background-color: #fff;
  z-index: 8;
  transition: all 0.3s ease; }
  .customizer-contain.open {
    right: 0px;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px 1px rgba(68, 102, 242, 0.05); }
  .customizer-contain li {
    position: relative; }
    .customizer-contain li.active {
      box-shadow: 0 0 11px 5px rgba(226, 226, 226, 0.5); }
  .customizer-contain h5 {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-top: 12px;
    padding-top: 12px;
    margin-bottom: 5px;
    color: #051A1A; }
  .customizer-contain h3 {
    color: #051A1A; }
  .customizer-contain .customizer-header {
    padding: 15px 25px;
    border-bottom: 1px solid #E6E9EB; }
    .customizer-contain .customizer-header .icon-close {
      position: absolute;
      font-size: 18px;
      cursor: pointer;
      font-weight: 900;
      right: 20px;
      top: 20px;
      color: var(--theme-deafult); }
    .customizer-contain .customizer-header h5 {
      text-transform: uppercase; }
  .customizer-contain .customizer-body {
    padding: 15px 25px;
    max-height: calc(100vh - 200px);
    overflow-y: scroll; }
    .customizer-contain .customizer-body .fade:not(.show) {
      display: none; }
    .customizer-contain .customizer-body .unlimited-color-layout {
      display: flex;
      align-items: center; }
      .customizer-contain .customizer-body .unlimited-color-layout .btn {
        font-size: 15px;
        padding: 4px 20px; }
      .customizer-contain .customizer-body .unlimited-color-layout input {
        border: 1px solid #E6E9EB;
        height: 35px;
        width: 35px;
        border-radius: 5px;
        background-color: #fff;
        margin-right: 5px; }
    .customizer-contain .customizer-body .layout-grid.customizer-mix .color-layout {
      height: 70px;
      width: 80px;
      border: 1px solid #f6f7fb;
      border-radius: 5px; }
    .customizer-contain .customizer-body .tab-pane > h6:first-child {
      padding-top: 0;
      margin-top: 0; }
    .customizer-contain .customizer-body li {
      cursor: pointer;
      opacity: 0.9; }
      .customizer-contain .customizer-body li.active {
        opacity: 1; }
    .customizer-contain .customizer-body .color-layout {
      height: 35px;
      width: 35px;
      border-radius: 6px;
      display: inline-block;
      margin-right: 3px;
      border: 1px solid #b8b8b8;
      padding: 3px; }
      .customizer-contain .customizer-body .color-layout > div {
        background-color: #006666;
        height: 100%;
        width: 100%;
        border-radius: 5px; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-2"] div {
        background-color: #1D5B79; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-3"] div {
        background-color: #4A55A2; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-4"] div {
        background-color: #167A93; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-5"] div {
        background-color: #423964; }
      .customizer-contain .customizer-body .color-layout[data-attr="color-6"] div {
        background-color: #4b2a4b; }
    .customizer-contain .customizer-body .dark > li {
      background-color: #2f3c4e; }
    .customizer-contain .customizer-body .main-layout > li {
      height: 65px;
      width: 85px;
      border: 1px solid #E6E9EB;
      border-radius: 10px;
      display: inline-block; }
      .customizer-contain .customizer-body .main-layout > li:nth-child(2) .body ul li:first-child {
        margin-right: 3px; }
      .customizer-contain .customizer-body .main-layout > li + li {
        margin-left: 7px; }
    .customizer-contain .customizer-body .main-layout .box-layout .body .badge {
      left: -14px;
      padding: 4px 8px; }
    .customizer-contain .customizer-body .sidebar-type > li,
    .customizer-contain .customizer-body .sidebar-setting > li {
      height: 70px;
      width: 85px;
      border: 1px solid #E6E9EB;
      border-radius: 5px;
      display: inline-block; }
      .customizer-contain .customizer-body .sidebar-type > li + li,
      .customizer-contain .customizer-body .sidebar-setting > li + li {
        margin-left: 7px; }
    .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.bg-dark, .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.sidebar {
      width: 100%;
      height: 10px;
      display: block; }
    .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.bg-light, .customizer-contain .customizer-body .sidebar-type li[data-attr="normal-sidebar"] .body ul li.body {
      height: calc(100% - 10px);
      width: 100%; }
    .customizer-contain .customizer-body .sidebar-type li.body-compact[data-attr="normal-sidebar"] .body ul li.body {
      width: calc(100% - 25px); }
    .customizer-contain .customizer-body .layout-types {
      margin-bottom: -30px; }
      .customizer-contain .customizer-body .layout-types > li {
        display: block;
        width: unset;
        height: unset;
        margin-bottom: 30px; }
        .customizer-contain .customizer-body .layout-types > li .layout-img h6 {
          padding-top: 0;
          text-transform: inherit;
          text-align: center; }
      .customizer-contain .customizer-body .layout-types .box-layout {
        background: unset; }

.layout-grid:not(.customizer-color) li {
  padding: 5px; }
  .layout-grid:not(.customizer-color) li > .header {
    height: 9px;
    border-radius: 3px;
    position: relative; }
    .layout-grid:not(.customizer-color) li > .header ul {
      position: absolute;
      top: -8px;
      left: 5px; }
      .layout-grid:not(.customizer-color) li > .header ul > li {
        display: inline-block;
        width: 4px;
        height: 4px;
        border-radius: 5px;
        top: calc(50% - 3px);
        background-color: var(--theme-deafult);
        margin-right: 2px;
        padding: 0; }
        .layout-grid:not(.customizer-color) li > .header ul > li:nth-child(2) {
          background-color: var(--theme-secondary); }
        .layout-grid:not(.customizer-color) li > .header ul > li:nth-child(3) {
          background-color: #00AC46; }
  .layout-grid:not(.customizer-color) li > .body {
    background-color: #2c323f;
    height: calc(100% - 16px);
    border-radius: 3px;
    position: relative;
    margin-top: 5px;
    text-align: center;
    line-height: 3.1; }
    .layout-grid:not(.customizer-color) li > .body ul {
      height: 100%;
      background-color: #fff; }
      .layout-grid:not(.customizer-color) li > .body ul .sidebar {
        width: 18px;
        height: 100%;
        border-radius: 3px;
        display: inline-block;
        margin-right: 3px;
        padding: 0; }
        .layout-grid:not(.customizer-color) li > .body ul .sidebar.compact {
          width: 12px; }
          .layout-grid:not(.customizer-color) li > .body ul .sidebar.compact ~ .body {
            width: calc(100% - 19px); }
      .layout-grid:not(.customizer-color) li > .body ul .body {
        width: calc(100% - 25px);
        padding: 0;
        margin: 0;
        height: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px; }
        .layout-grid:not(.customizer-color) li > .body ul .body .badge {
          padding: 4px 8px;
          position: absolute; }

/**=====================
    4.2 Theme-customizer CSS Ends
==========================**/
/**=====================
  4.3 Update CSS Start
==========================**/
.jsgrid-filter-row select,
.jsgrid-filter-row input {
  padding: 6px 10px;
  border: 1px solid #f2f4ff;
  background: #fff; }

.popover {
  background-color: #fff;
  border: none;
  -webkit-box-shadow: 0 0 20px rgba(0, 102, 102, 0.1);
  box-shadow: 0 0 20px rgba(0, 102, 102, 0.1); }
  .popover .popover-header {
    background-color: #F5F5F5;
    color: #006666;
    border-bottom: none; }
  .popover .popover-body {
    color: rgba(43, 43, 43, 0.7); }

#calendar .fc-header-toolbar {
  display: flex; }
  @media (max-width: 1690px) {
    #calendar .fc-header-toolbar {
      display: none; } }
.tooltip.bs-tooltip-top .tooltip-arrow:before {
  border-top-color: #F5F5F5; }

.tooltip.bs-tooltip-bottom .tooltip-arrow:before {
  border-bottom-color: #F5F5F5;
  border-top-color: transparent; }

.tooltip.bs-tooltip-start .tooltip-arrow:before {
  border-left-color: #F5F5F5;
  border-top-color: transparent; }

.tooltip.bs-tooltip-end .tooltip-arrow:before {
  border-right-color: #F5F5F5;
  border-top-color: transparent; }

.tooltip .tooltip-inner {
  background-color: #F5F5F5;
  color: #006666; }

.tooltip .tooltip-arrow:before {
  border-top-color: #F5F5F5; }

.dropdown-basic .dropdown .dropdown-content a {
  padding: 12px;
  color: #2b2b2b;
  opacity: 0.6;
  font-size: 14px;
  border-top: 1px solid #efefef;
  background: #fff; }
  .dropdown-basic .dropdown .dropdown-content a:hover {
    background-color: #fff; }

.dropdown-basic .dropdown .dropdown-content .dropdown-header {
  padding: 8px 16px;
  font-weight: 400;
  color: #2c323f;
  font-size: 13px; }

.dropdown-basic .dropup .dropup-content {
  top: auto; }

.default-according .card .card-header {
  padding: 0;
  border: none;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
  .default-according .card .card-header.bg-primary .btn, .default-according .card .card-header.bg-secondary .btn {
    border-color: transparent; }
  .default-according .card .card-header i {
    position: initial;
    font-size: 20px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px; }
    [dir="rtl"] .default-according .card .card-header i {
      margin-right: unset;
      margin-left: 5px; }
  .default-according .card .card-header h5 {
    margin-top: 0; }
  .default-according .card .card-header .btn-link {
    padding: 12px 20px;
    width: 100%;
    text-align: left;
    letter-spacing: 0.7px;
    font-family: "Montserrat", sans-serif;
    border: 1px solid #efefef;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 600; }
    [dir="rtl"] .default-according .card .card-header .btn-link {
      text-align: right; }
    @media (max-width: 575px) {
      .default-according .card .card-header .btn-link {
        padding: 12px 15px;
        font-size: 12px; } }
.default-according .card .card-body {
  padding: 15px 20px;
  line-height: 22px;
  font-size: 13px;
  border-color: #efefef;
  border-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #2c323f;
  border-bottom: none; }

.nav-tabs {
  border-bottom-color: #efefef; }
  .nav-tabs .nav-bottom .nav-item .nav-link.active {
    border-color: #efefef; }

.list-product .datatable-wrapper .no-footer .datatable-container {
  border-bottom: unset !important; }

.nav-tabs .nav-item.show .nav-link {
  font-weight: 500; }

.nav-tabs .nav-link {
  color: #2c323f; }
  .nav-tabs .nav-link.active {
    font-weight: 500; }

.nav-tabs.nav-bottom .nav-item .nav-link.active {
  border-color: #ecf3fa #ecf3fa #fff; }

.dropdown-menu {
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0;
  z-index: 1; }
  .dropdown-menu .dropdown-item {
    color: #2b2b2b;
    opacity: 0.6;
    font-size: 14px;
    padding: 6px 12px;
    border-top: 1px solid #efefef;
    background: #fff; }
    .dropdown-menu .dropdown-item:first-child {
      border-top: none; }
    .dropdown-menu .dropdown-item:hover {
      background-color: #fff; }
  .dropdown-menu .dropdown-divider {
    margin: 0;
    border-top: 1px solid #cccccc; }

.border-tab .nav-tabs .nav-item .nav-link.active {
  border-bottom: 2px solid #006666; }

.border-tab .nav-tabs .nav-item .nav-link.show {
  border-bottom: 2px solid #006666; }

.border-tab .nav-tabs .nav-item .nav-link:focus {
  border-bottom: 2px solid #006666; }

.timeliny .timeliny-dot::before {
  font-size: 18px; }

.total-revenue {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .total-revenue span {
    color: var(--body-font-color);
    font-weight: 500; }
  .total-revenue a {
    font-weight: 600; }

.component .input-group .btn {
  line-height: 32px;
  text-transform: capitalize; }

.login-card .login-main .theme-form label {
  font-size: 14px; }

.login-card .login-main .theme-form .show-hide {
  top: 50%; }

.faq-accordion .card .btn-link svg {
  margin-left: 20px; }
  @media (max-width: 575.98px) {
    .faq-accordion .card .btn-link svg {
      margin-left: 10px; } }
.job-filter .faq-form .form-control {
  font-size: 14px; }

.job-filter .faq-form .search-icon {
  width: 16px;
  height: 16px; }

.note-btn-group .dropdown-toggle.show ~ .dropdown-menu {
  display: block;
  top: 30px; }

.carousel .carousel-indicators {
  margin-bottom: 3px; }

.mouse-wheel .owl-stage-outer .owl-stage {
  width: 5600px !important; }
  .mouse-wheel .owl-stage-outer .owl-stage .owl-item {
    width: 225.333px !important; }

.carousel-item .carousel-caption {
  width: 100%;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 26px 10px;
  background-color: rgba(34, 36, 43, 0.51); }

.carousel-item .carousel-opacity {
  background-color: rgba(230, 233, 235, 0.51); }

.carousel .carousel-control-prev-icon {
  width: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320)));
  height: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320))); }

.carousel .carousel-control-next-icon {
  width: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320)));
  height: calc(23px + (32 - 23) * ((100vw - 320px) / (1920 - 320))); }

[dir="rtl"] .rating-header h4 {
  direction: ltr; }

.animate-img .animate-widget img {
  width: 100%;
  height: 350px;
  margin: 0 auto;
  object-fit: cover; }

.modal-popup.modal {
  top: 20%;
  left: 50%;
  transform: translate(-50%, 0); }
  .modal-popup.modal .modal-dialog .theme-close {
    width: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
    height: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320))); }

@media (max-width: 442px) {
  .animated-modal .form-select {
    width: 100% !important; } }

.task-container .badge {
  line-height: 13px; }

.add-post form .form-control:focus {
  border: 1px solid var(--recent-dashed-border);
  box-shadow: unset; }

.starter-main .alert-primary.inverse {
  padding: 13px 20px 13px 65px;
  border-color: #006666;
  color: #2c323f; }
  [dir="rtl"] .starter-main .alert-primary.inverse {
    padding: 13px 65px 13px 20px; }
  .starter-main .alert-primary.inverse:before {
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #006666;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    [dir="rtl"] .starter-main .alert-primary.inverse:before {
      border-right: 7px solid #006666;
      border-left: unset; }
  .starter-main .alert-primary.inverse i {
    padding: 17px 20px;
    display: flex;
    align-items: center;
    background-color: #006666;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    [dir="rtl"] .starter-main .alert-primary.inverse i {
      right: 0;
      left: unset; }

.balance-profile ul {
  display: flex;
  justify-content: center;
  gap: 50px;
  margin-top: 16px; }
  @media (max-width: 1660px) {
    .balance-profile ul {
      gap: 25px; } }
  .balance-profile ul li {
    position: relative; }
    .balance-profile ul li + li::before {
      position: absolute;
      content: '';
      left: -25px;
      top: 50%;
      height: 40px;
      transform: translateY(-50%);
      border: 1px dashed var(--recent-dashed-border); }
      [dir="rtl"] .balance-profile ul li + li::before {
        left: unset;
        right: -25px; }
      @media (max-width: 1660px) {
        .balance-profile ul li + li::before {
          left: -16px; }
          [dir="rtl"] .balance-profile ul li + li::before {
            right: -16px; } }
/**=====================
    4.3 Update CSS Ends
==========================**/
/**=====================
    5.1 Footer CSS Start
==========================**/
.footer {
  background-color: #fff;
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  padding: 15px;
  bottom: 0;
  left: 0;
  margin-left: 265px;
  transition: 0.5s; }
  .footer.footer-dark {
    background-color: #242934; }
    .footer.footer-dark p {
      color: #fff; }

.footer-fix {
  width: calc(100% - $sidebar-compact-width);
  position: fixed; }

/**=====================
    5.1 Footer CSS Ends
==========================**/
/**=====================
  5.2 Grid CSS Start
==========================**/
.grid-showcase {
  margin-bottom: -10px; }
  .grid-showcase span,
  .grid-showcase .grid-wrapper {
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    background-color: #E6E9EB;
    color: #242934; }

.grid-align {
  margin-bottom: -16px; }
  .grid-align .row {
    padding: 15px 0;
    min-height: 7rem;
    margin-bottom: 16px; }

.grid-vertical {
  min-height: 150px;
  padding: 10px;
  color: #000; }

table.table-bordered thead tr th p {
  margin-bottom: 0; }

/**=====================
    5.2 Grid CSS Ends
==========================**/
/**=====================
  5.3 Header CSS Start
==========================**/
/**=====================
  5.7 Sidebar CSS Start
==========================**/
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 12%;
  width: 13px;
  height: 15px;
  border-bottom-left-radius: 8px;
  border-left: 2px solid rgba(255, 255, 255, 0.4);
  border-bottom: 2px solid rgba(255, 255, 255, 0.4); }

.media.media-wrapper {
  width: 100%;
  display: -webkit-flex; }

.media .media-body {
  flex: unset; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  left: 32px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5); }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title [dir="rtl"] h5::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li [dir="rtl"] a::before {
    left: unset;
    right: 25px; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before {
  position: absolute;
  content: '';
  width: 2px;
  height: 0;
  background: rgba(255, 255, 255, 0.4);
  top: -10px;
  left: 20px;
  transition: height 0.5s; }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .mega-menu-container::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .sidebar-submenu::before {
    left: unset;
    right: 20px; }

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 49%;
  width: 5px;
  height: 1px;
  border-radius: 100%;
  background-color: #59667a; }

.onhover-show-div {
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  left: 0; }

.onhover-dropdown:hover .onhover-show-div {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
  border-radius: 5px;
  overflow: hidden; }
  .onhover-dropdown:hover .onhover-show-div:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 2; }
  .onhover-dropdown:hover .onhover-show-div:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d7e2e9;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 1; }

.page-wrapper {
  position: relative; }
  .page-wrapper .page-header {
    max-width: 100vw;
    position: fixed;
    top: 0;
    z-index: 8;
    transition: 0.5s; }
    .page-wrapper .page-header .header-wrapper {
      width: 100%;
      align-items: center;
      padding: 13px 30px;
      position: relative;
      background-color: #F5F5F5; }
      @media (max-width: 1399px) {
        .page-wrapper .page-header .header-wrapper {
          padding: 14px 20px; } }
      .page-wrapper .page-header .header-wrapper .search-full {
        background-color: #fff;
        position: absolute;
        right: 0;
        z-index: 1;
        height: 0;
        width: 0;
        transform: scale(0);
        transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full.open {
          height: 100%;
          width: 100%;
          animation: zoomIn 0.5s ease-in-out;
          transform: scale(1);
          transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full input {
          line-height: 65px;
          padding-left: 60px;
          width: 100% !important; }
          .page-wrapper .page-header .header-wrapper .search-full input:focus {
            outline: none !important; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
          position: absolute;
          font-size: 15px;
          right: 30px;
          top: 30px;
          color: #898989;
          cursor: pointer; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
            left: 30px;
            right: unset; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
          position: absolute;
          left: 30px;
          top: 27px;
          content: "\f002";
          font-size: 16px;
          color: #898989;
          font-family: FontAwesome; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
            left: unset;
            right: 30px; }
      .page-wrapper .page-header .header-wrapper .nav-right {
        justify-content: flex-end; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li svg {
          vertical-align: middle;
          stroke: var(--body-font-color);
          height: 24px;
          width: 24px; }
          .page-wrapper .page-header .header-wrapper .nav-right ul li svg path {
            color: #242934; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
          height: 24px;
          width: 24px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li .search-form svg {
          width: 20px;
          height: 20px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode {
          cursor: pointer;
          text-align: center; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i {
            font-size: 18px;
            font-weight: 600;
            transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i.fa-lightbulb-o {
              font-weight: 500;
              font-size: 22px;
              transition: all 0.3s ease;
              animation: zoomIn 300ms ease-in-out; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .header-search {
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
          margin-left: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body span {
            font-weight: 500;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box !important;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            white-space: normal; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
            font-size: 12px;
            line-height: 1;
            color: rgba(5, 26, 26, 0.7); }
        .page-wrapper .page-header .header-wrapper .nav-right > ul {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          gap: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
            padding: 6px 10px;
            display: inline-block;
            position: relative; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li:nth-child(n+3):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right > ul > li.profile-nav:nth-child(n+3)) {
              background-color: #fff;
              padding: 12px;
              border-radius: 40px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .badge {
              position: absolute;
              right: 0px;
              top: -3px;
              padding: 2px 4px;
              font-size: 11px;
              font-weight: 700;
              font-family: work-Sans, sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .mode svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .input-show svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul {
              left: inherit;
              right: -10px;
              width: 130px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:before, .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:after {
                left: inherit;
                right: 10px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li {
                display: block; }
                .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a {
                  font-size: 14px;
                  color: #2c323f; }
                  .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a i {
                    margin-left: 10px;
                    font-size: 13px;
                    color: #2c323f; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul .flag-icon {
            font-size: 16px; }
        .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip {
          width: unset !important;
          box-shadow: unset !important;
          background-color: transparent !important;
          overflow: initial; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::after, .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::before {
            display: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content {
            text-align: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
              width: 52px;
              height: 52px;
              background-color: #f9f9f9;
              border-radius: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              margin: 0 auto; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content span {
              font-family: "Montserrat", sans-serif;
              font-size: 12px;
              font-weight: 500;
              letter-spacing: 0.5px; }
        .page-wrapper .page-header .header-wrapper .nav-right .flip-card {
          width: 300px;
          height: 260px;
          background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner {
            position: relative;
            height: 100%;
            text-align: center;
            transition: transform 0.6s;
            transform-style: preserve-3d; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front,
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              position: absolute;
              backface-visibility: hidden;
              border-radius: 10px;
              overflow: hidden;
              box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
              width: 300px;
              height: 260px; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button,
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                background-color: transparent;
                color: #006666;
                border: none; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button:focus,
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button:focus {
                  outline: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
              background-color: #fff;
              transition: .3s; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
                stroke: var(--body-font-color);
                transition: all 0.3s ease; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg:hover {
                  stroke: var(--body-font-color);
                  transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              background-color: #fff;
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:first-child {
                margin-top: 20px;
                height: 140px !important; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                width: 100%; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
                border-radius: 25px;
                padding: 6px 12px;
                width: 100%;
                border: 1px solid #ddd; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input:focus {
                  outline: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped {
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped .front {
                opacity: 0; }
        .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
          width: 330px;
          top: 50px;
          right: 0;
          left: unset; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .dropdown-title {
            padding: 20px;
            text-align: center;
            border-bottom: 1px solid rgba(145, 142, 153, 0.3); }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div ul {
            padding: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li {
            padding: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li p {
              font-size: 14px;
              letter-spacing: 0.3px;
              margin-bottom: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li a {
              letter-spacing: 0.3px;
              font-family: "Montserrat", sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li + li {
              margin-top: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li:last-child {
              padding-bottom: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media {
              position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media img {
                width: 40px;
                position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .status-circle {
                left: 0; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body > span {
                letter-spacing: 0.8px;
                padding-right: 10px;
                display: inline-block; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body p {
                margin-bottom: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:before, .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:after {
            right: 10px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown.notification-all ul li {
          border-radius: 0px;
          border-bottom: 1px solid rgba(145, 142, 153, 0.1); }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown ul {
          padding: 0 0 15px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li {
          padding: 10px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media {
            align-items: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
              margin-right: 20px; }
              [dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
                margin-right: unset;
                margin-left: 20px; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li + li {
            margin-top: 0;
            border-top: 1px solid rgba(145, 142, 153, 0.1); }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li:last-child {
            padding: 20px 15px;
            border-top: none; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown p {
          line-height: 1.3;
          margin-top: 3px;
          opacity: 0.6; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
          position: absolute;
          right: 0;
          top: 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle a {
            width: 18px;
            height: 18px;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle svg {
            width: 14px;
            stroke: #fff; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box {
          margin: 5px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group {
            width: 80px;
            background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input {
              background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input,
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              font-size: 10px;
              font-family: "Montserrat", sans-serif;
              font-weight: 700; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              padding: 0px 7px;
              background-color: #F7F6FF !important;
              border-color: #F7F6FF !important;
              border-radius: 100%;
              font-size: 14px;
              color: #051A1A; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
          margin: 0;
          padding: 15px;
          background-color: #f9f9f9;
          border: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 {
            font-family: "Montserrat", sans-serif;
            font-weight: 500;
            font-size: 12px;
            line-height: 14px;
            letter-spacing: 0.5px; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 span {
              font-size: 14px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .view-checkout {
          text-decoration: unset; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box svg {
          animation: swing 1.5s ease infinite; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
          left: unset; }
          @media (max-width: 575.98px) {
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
              width: calc(100vw - 30px); } }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li:last-child {
            text-align: center;
            background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p span {
              font-size: 11px;
              vertical-align: middle; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:after {
            right: 28px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
          width: 160px;
          top: 57px;
          left: -12px;
          padding: 0 10px; }
          .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li {
            padding: 10px !important;
            border-bottom: 1px solid #E6E9EB; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              border: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
              text-decoration: unset; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a span {
              color: var(--theme-deafult);
              transition: color 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg {
              stroke: var(--theme-deafult);
              transition: stroke 0.3s ease; }
              .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg path {
                stroke: var(--theme-deafult);
                transition: stroke 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li + li {
              margin-top: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              padding-top: 10px !important; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
              color: #2c323f; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li svg {
              width: 16px;
              vertical-align: bottom;
              margin-right: 10px;
              stroke: #2c323f; }
  .page-wrapper .page-body-wrapper {
    background-color: #F5F5F5; }
    .page-wrapper .page-body-wrapper .page-body {
      min-height: calc(100vh - 136px);
      margin-top: 136px;
      padding: 25px 15px;
      position: relative;
      transition: 0.5s; }
      .page-wrapper .page-body-wrapper .page-body:before {
        animation: fadeIn 0.5s ease-in-out; }
    .page-wrapper .page-body-wrapper .page-title {
      padding: 20px 30px;
      margin: 0px -27px 0px; }
      .page-wrapper .page-body-wrapper .page-title > .row {
        margin: 0; }
        .page-wrapper .page-body-wrapper .page-title > .row .col-6 {
          padding: 0; }
      .page-wrapper .page-body-wrapper .page-title .row {
        align-items: center; }
        .page-wrapper .page-body-wrapper .page-title .row h3 {
          font-size: 24px;
          margin-bottom: 0;
          text-transform: capitalize; }
          .page-wrapper .page-body-wrapper .page-title .row h3 small {
            display: block;
            font-size: 12px;
            margin-bottom: 5px;
            text-transform: capitalize;
            color: #FFFFFF; }
      .page-wrapper .page-body-wrapper .page-title .breadcrumb {
        background-color: transparent;
        padding: 0;
        margin-bottom: 0;
        align-items: center;
        justify-content: flex-end; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
          font-size: 13px;
          letter-spacing: 1px;
          font-family: "Montserrat", sans-serif; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
          content: "/"; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
          width: 16px;
          height: 16px;
          stroke: #2c323f;
          vertical-align: text-top; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
          color: var(--theme-deafult);
          font-weight: 500; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
      stroke: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
      fill: #051A1A;
      stroke: none !important; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg {
      transition: all 0.3s ease; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
        stroke: #fff; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
        fill: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content li a {
      text-transform: capitalize; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .stroke-icon {
    display: inline-block; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .fill-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .stroke-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .fill-icon {
    display: inline-block; }
  .page-wrapper.horizontal-wrapper [data-simplebar] {
    position: relative; }
  .page-wrapper.horizontal-wrapper .footer {
    margin-left: 0; }
  .page-wrapper.horizontal-wrapper .header-logo-wrapper {
    width: 150px; }
    .page-wrapper.horizontal-wrapper .header-logo-wrapper .toggle-sidebar {
      display: none; }
  .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 19px;
    right: 0px;
    color: #fff; }
    [dir="rtl"] .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
      left: 0;
      right: unset; }
  .page-wrapper.horizontal-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: hidden;
    cursor: pointer; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    height: 54px;
    line-height: inherit;
    top: 79px;
    background: #fff;
    box-shadow: 0px 9px 24px rgba(89, 102, 122, 0.05);
    overflow-x: hidden;
    z-index: 1;
    overflow-y: visible;
    position: fixed;
    width: 100vw;
    border-top: 1px solid #efefef;
    z-index: 3; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .simplebar-content {
      display: flex; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper li {
      display: inline-block; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .badge {
      position: absolute;
      top: 2px;
      right: 0px;
      z-index: 1; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper,
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
      text-align: left;
      position: relative; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        position: absolute;
        top: 0px;
        padding: 15px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        cursor: pointer; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow.disabled,
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow.disabled {
          display: none; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow {
        left: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        right: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: normal;
        direction: ltr;
        text-align: left;
        display: -webkit-box !important;
        padding: 0 5px;
        transition: all .5s ease;
        white-space: nowrap; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a.active .according-menu i:before {
          content: '-'; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a .according-menu {
          display: none; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active {
          color: #fff; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active:after {
            background-color: rgba(255, 255, 255, 0.6); }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          position: relative;
          padding-top: 10px;
          padding-bottom: 10px; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a > span {
            color: var(--theme-deafult);
            transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a {
            background-color: #fff;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.stroke-icon {
              stroke: #fff;
              transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.fill-icon {
              fill: #fff;
              transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
            display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            display: block;
            color: #051A1A;
            line-height: 23px;
            text-decoration: none;
            text-transform: capitalize;
            padding: 5px 15px;
            margin: 0 3px;
            letter-spacing: 0.04em;
            position: relative;
            border-radius: 5px;
            font-weight: 500;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active {
              transition: all 0.3s ease; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active svg,
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active span {
                color: #fff;
                transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a .badge {
              position: absolute;
              top: -5px;
              margin-left: 1px;
              right: 10px;
              padding: 0.20em 0.7em; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg {
              width: 18px;
              height: 18px;
              vertical-align: middle;
              margin-right: 10px;
              stroke: #051A1A !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
            position: fixed;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 15px 0px 15px 0px;
            background: white; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li {
              border: 0;
              float: none;
              position: relative;
              display: block; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
                background: transparent;
                padding: 4px 30px;
                display: block;
                transition: all 0.5s ease;
                line-height: 1.9;
                color: rgba(43, 43, 43, 0.6);
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                transition: all 0.3s ease; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
                  left: 20px; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
                  color: #006666;
                  letter-spacing: 1.5px;
                  transition: all 0.3s ease; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover:after {
                    background-color: var(--theme-deafult); }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
            position: fixed;
            right: 0;
            left: 0;
            margin: 0 auto;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 30px;
            background: white;
            width: 95%;
            border-radius: 4px;
            display: block !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
              width: 20%; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                text-transform: uppercase;
                font-size: 14px;
                margin-left: -13px; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content {
                box-shadow: none;
                background-color: transparent;
                position: relative;
                display: block;
                padding: 0; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li {
                  border: 0;
                  float: none;
                  position: relative;
                  display: block; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
                    border: 0 !important;
                    background: transparent;
                    color: #051A1A;
                    border-radius: 0 !important;
                    text-transform: capitalize;
                    padding: 3px 0;
                    font-size: 13px;
                    display: block;
                    letter-spacing: 0.07em;
                    line-height: 1.9;
                    position: relative;
                    transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover {
                      color: var(--theme-deafult);
                      letter-spacing: 1.5px;
                      transition: all 0.3s ease; }
                      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover:after {
                        color: var(--theme-deafult);
                        transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:after {
                      position: absolute;
                      content: "";
                      left: -12px;
                      top: 50%;
                      width: 5px;
                      height: 1px;
                      background-color: #59667a; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a:after {
            left: 0;
            right: 0;
            opacity: 1; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu {
            position: unset; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper.overlay-white {
      background-color: rgba(255, 255, 255, 0.08); }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav i {
      font-size: 24px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
    margin-top: 110px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main-title {
    display: none !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.scorlled .sidebar-wrapper {
    display: none;
    transition: all 0.3s ease; }
  .page-wrapper.horizontal-wrapper .page-header {
    width: 100%;
    box-shadow: none; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .form-control-plaintext {
      width: auto !important; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1324px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
      @media (max-width: 1323px) and (min-width: 1200px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 1199px) and (min-width: 992px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
    @media (max-width: 1428px) and (min-width: 1324px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 55%; } }
    @media (max-width: 1323px) and (min-width: 1200px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 40%; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.horizontal-wrapper.enterprice-type footer {
    margin-left: 0; }
  .page-wrapper.material-icon .card {
    border-radius: 30px;
    box-shadow: 0 0 20px rgba(0, 102, 102, 0.1); }
  .page-wrapper .sidebar-main-title h6 {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 0.40px; }
  .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 11px;
    right: -9px;
    color: #fff;
    z-index: 9999; }
    [dir="rtl"] .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
      left: -9px;
      right: unset; }
  .page-wrapper.compact-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer; }
  .page-wrapper.compact-wrapper .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-wrapper .pin-title {
    order: -1; }
  .page-wrapper.compact-wrapper .page-header {
    margin-left: 265px;
    width: calc(100% - $sidebar-compact-width); }
    .page-wrapper.compact-wrapper .page-header.close_icon {
      margin-left: 90px;
      width: calc(100% - 90px); }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
      position: absolute;
      content: "";
      bottom: 0%;
      height: 1px;
      z-index: 8;
      width: calc(100% - 40px);
      background: #E6E9EB; }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9;
    height: 100%;
    line-height: inherit;
    background: var(--theme-deafult);
    width: 265px;
    text-align: left;
    transition: 0.3s;
    box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      fill: #fff; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      padding: 22px 30px;
      box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
      border-top-right-radius: 15px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
      width: auto;
      transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .badge {
        opacity: 0;
        width: 0;
        padding: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        max-width: 86px;
        margin: 0;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          text-align: center;
          padding: 12px 14px;
          transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main-title {
        display: none !important;
        opacity: 0;
        transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper {
        display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
        text-align: right;
        display: block; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
        width: 265px;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .badge {
          opacity: 1;
          width: auto;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          max-width: unset;
          margin: initial;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
            text-align: left; }
            [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
              text-align: right; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            padding: 12px 15px;
            transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a span {
              display: inline-block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main-title {
          opacity: 1;
          display: block !important;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
          display: block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-icon-wrapper {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .mobile-sidebar {
        transform: translate(183px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
        margin-left: 90px;
        transition: 0.5s; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer-fix {
        width: calc(100% - 90px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 118px); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          padding: 15px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::before {
            right: 20px;
            left: unset; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a span {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .according-menu {
        display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
      visibility: hidden;
      position: absolute;
      top: -8px;
      right: 17px;
      border-radius: 15px;
      padding: 4px 6px;
      color: #fff;
      font-size: 11px;
      background-color: #006666;
      border: 1px solid rgba(255, 255, 255, 0.6); }
      [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
        left: 17px;
        right: unset; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list:hover i.fa-thumb-tack {
      visibility: visible;
      cursor: pointer; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pined, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 115px);
      left: -300px;
      z-index: 99;
      transition: color 1s ease;
      overflow: auto;
      color: rgba(0, 0, 0, 0);
      margin-top: 20px;
      margin-bottom: 30px; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        font-weight: 500; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
          width: 18px;
          height: 18px;
          margin-right: 10px;
          vertical-align: -2px;
          float: none;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          letter-spacing: 0.7px;
          text-transform: capitalize;
          color: rgba(255, 255, 255, 0.8); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.link-nav .according-menu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li:last-child {
        border-bottom: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links.opennav {
        left: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn {
        display: block;
        width: 100%;
        padding: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn .mobile-back {
          padding: 20px;
          color: #242934;
          font-weight: 700;
          text-transform: uppercase;
          border-bottom: 1px solid #efefef;
          cursor: pointer;
          display: flex;
          justify-content: flex-end;
          align-items: center; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        display: block;
        width: 100%;
        position: relative; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
          padding: 25px 0 6px 20px;
          margin-top: 0px;
          margin-bottom: 12px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: block; }
          [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
            padding: 25px 20px 6px 0; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
            position: absolute;
            content: '';
            top: 0;
            left: 50%;
            background: rgba(255, 255, 255, 0.2);
            width: calc(100% - 40px);
            height: 1px;
            transform: translateX(-50%); }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2) {
            margin-top: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2)::before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list {
          padding: 0px 18px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list .badge {
            position: absolute;
            right: 50px;
            top: 14.5px;
            padding: 0.45em 0.8em 0.33em;
            z-index: 1;
            font-size: 10px;
            letter-spacing: 0.7px;
            font-weight: 600;
            font-family: "Montserrat", sans-serif;
            border-radius: 10px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list:hover > a:hover {
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg {
          fill: #fff;
          stroke: #fff;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg.fill-icon {
            fill: #fff;
            stroke: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover span {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover .according-menu i {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          padding: 11px 13px;
          position: relative;
          color: #222222; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow {
            right: 20px;
            position: absolute;
            top: 10px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow i {
              display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow:before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
          display: none !important; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
          width: 100%;
          padding: 0;
          position: relative !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
            padding-left: 50px !important;
            font-weight: 400; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu .submenu-title .according-menu {
            top: 7px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover > a {
            color: #fff;
            transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
            display: none;
            position: relative !important;
            right: 0;
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu.opensubchild {
              display: block; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a {
              padding: 6px 45px;
              padding-left: 63px !important; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a:after {
                display: none; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
            padding: 7px 25px;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.7);
            display: block;
            position: relative;
            letter-spacing: 0.06em;
            font-weight: 500;
            transition: all 0.3s ease;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a .content-menu {
              padding: 0px 15px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
              color: #fff; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active::before {
                opacity: 1;
                background: #fff;
                visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
              left: 20px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
              margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
          padding: 0;
          position: relative; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section:hover h5 {
              color: #fff !important;
              transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title {
              position: relative; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                margin-bottom: 0;
                line-height: 1.9;
                padding: 6px 25px 6px 65px;
                font-size: 14px;
                position: relative;
                color: rgba(255, 255, 255, 0.8);
                display: block;
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                cursor: pointer; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
                  left: 20px; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5 {
                color: #fff; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5::before {
                  opacity: 1;
                  visibility: visible; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
                top: 8px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
              margin-bottom: 0;
              line-height: 1.9;
              padding: 6px 15px 6px 65px;
              font-size: 14px;
              position: relative;
              color: rgba(255, 255, 255, 0.8);
              display: block;
              letter-spacing: 0.06em;
              font-weight: 500;
              font-family: "Montserrat", sans-serif; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a:after {
                display: none; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a.active {
                color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
              line-height: 1.9; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
                margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container {
          display: block !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container::before {
            height: calc(100% - 9px);
            transition: height 0.5s; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
            position: relative;
            margin-bottom: 10px;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active::after {
              opacity: 1;
              visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active ~ .sidebar-submenu::before {
              height: calc(100% - 8px);
              transition: height 0.5s; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active .according-menu i {
              color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
              color: #fff;
              transition: all 0.3s ease; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-content {
      display: flex;
      flex-direction: column; }
  .page-wrapper.compact-wrapper .page-body-wrapper .mega-box.col {
    flex-basis: unset; }
  .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
    position: absolute;
    right: 20px;
    top: 11px;
    display: block; }
    .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
      vertical-align: middle;
      color: rgba(255, 255, 255, 0.8);
      font-weight: 500; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu.border-section {
    border: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav {
    position: absolute;
    z-index: 2;
    right: 145px;
    top: 6px; }
    .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
      font-size: 18px;
      padding-left: 5px;
      text-transform: uppercase; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 80px);
    margin-top: 56px;
    margin-left: 265px; }
  .page-wrapper.compact-wrapper.dark-sidebar .sidebar-main-title h6, .page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title h6 {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .toggle-sidebar svg, .page-wrapper.compact-wrapper.color-sidebar .toggle-sidebar svg {
    stroke: var(--theme-deafult); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
    stroke: #fff !important; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
    fill: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
    stroke: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
    fill: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
    background: rgba(255, 255, 255, 0.1); }
  .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #22242B; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon {
      stroke: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon {
      fill: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
      color: #fff;
      stroke: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-light, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-light {
      display: none; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-dark, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-dark {
      display: block; }
  .page-wrapper.compact-wrapper.dark-sidebar .according-menu i, .page-wrapper.compact-wrapper.color-sidebar .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #2f3c4e; }
  .page-wrapper.compact-sidebar .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content {
    display: flex;
    flex-direction: column; }
  .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 54px;
    color: #fff;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
      left: 54px;
      right: unset; }
  .page-wrapper.compact-sidebar .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer;
    z-index: 1; }
  .page-wrapper.compact-sidebar .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-sidebar .pin-title {
    order: -1; }
  .page-wrapper.compact-sidebar ~ .bg-overlay1 {
    transition: 0.8s; }
    .page-wrapper.compact-sidebar ~ .bg-overlay1.active {
      z-index: 8;
      height: 100vh;
      width: 100vw;
      background-color: rgba(0, 0, 0, 0.2);
      position: fixed;
      top: 0; }
  .page-wrapper.compact-sidebar .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-sidebar .sidebar-main-title {
    display: none; }
  .page-wrapper.compact-sidebar .logo-wrapper {
    display: none; }
  .page-wrapper.compact-sidebar .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 24px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-sidebar .page-header {
    margin-left: 150px;
    width: calc(100% - 150px); }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1578px) and (min-width: 1274px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 38%; } }
      @media (max-width: 1273px) and (min-width: 1200px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 45%; } }
      @media (max-width: 991px) and (min-width: 768px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 36%; } }
      @media (max-width: 767px) and (min-width: 756px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 28%; } }
      @media (max-width: 1199px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 132px; } }
      @media (max-width: 767px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 83px; } }
    .page-wrapper.compact-sidebar .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
    margin-top: 80px;
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper .footer {
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
      height: auto;
      line-height: inherit;
      background: #F5F5F5;
      width: 150px;
      text-align: left;
      transition: 0.3s;
      box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1); }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      margin: 30px 0;
      height: calc(100vh - 113px);
      overflow: auto; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        color: #2c323f; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          text-transform: capitalize;
          color: #2c323f;
          font-weight: 500;
          letter-spacing: 1px;
          font-size: 14px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active {
          background: rgba(0, 102, 102, 0.1);
          color: #006666;
          border-radius: 20px;
          margin: 0 10px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active span {
            color: #006666; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
            animation: fadeInLeft 300ms ease-in-out; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
        display: block;
        padding: 20px 0;
        border-bottom: 1px solid #f3f3f3; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
        position: fixed;
        top: 0px;
        height: calc(100vh - 0px);
        overflow: auto;
        left: 150px;
        width: 230px;
        background-color: #fff;
        box-shadow: 0 16px 15px 15px rgba(126, 55, 216, 0.03);
        transition: all 0.5s ease-in-out;
        display: none;
        padding-top: 20px;
        z-index: -1; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
          padding: 15px 15px 15px 40px;
          display: block;
          position: relative;
          border-bottom: 1px solid #f1f1f1; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
            display: none; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
            position: absolute;
            right: 20px;
            top: 16px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a.active,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a.active {
            background-color: rgba(0, 102, 102, 0.1);
            color: #006666;
            transition: all 0.3s ease; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li .submenu-content li a.active,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li .submenu-content li a.active {
          background-color: transparent; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
          position: absolute;
          content: "";
          left: 20px;
          top: 48%;
          width: 12px;
          border-top: 2px solid rgba(255, 255, 255, 0.4); }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 0; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
            text-align: left; }
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
              position: relative;
              font-size: 14px;
              font-weight: 400;
              padding: 15px 15px 15px 40px;
              letter-spacing: 1px;
              margin-bottom: 0; }
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
                position: absolute;
                content: "";
                left: 20px;
                top: 48%;
                width: 6px;
                border-top: 2px solid #595c60; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list {
        position: relative; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
          position: absolute;
          left: 53%;
          top: 7px;
          font-weight: 500;
          font-size: 9px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
          text-align: center; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
            margin: 0 auto 6px;
            width: 24px;
            height: 24px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
            display: block;
            font-weight: 500;
            letter-spacing: 1px;
            font-size: 14px;
            word-break: break-word; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link .according-menu {
            display: none; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
        text-align: center;
        padding: 0; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
          width: 24px;
          height: 24px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
          position: absolute;
          right: 20px;
          top: 13px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
      transform: translateX(-150px); }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
        margin-left: 0px; }
  .page-wrapper.compact-small .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 22px;
    color: #006666;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
      left: 22px;
      right: unset; }
  .page-wrapper.compact-small .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible; }
  .page-wrapper.compact-small .sidebar-list.pined, .page-wrapper.compact-small .sidebar-list.pin-title {
    order: -1; }
  .page-wrapper.compact-small .sidebar-main-title,
  .page-wrapper.compact-small .logo-wrapper {
    display: none; }
  .page-wrapper.compact-small .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 27px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-small .page-header {
    margin-left: 90px;
    width: calc(100% - 90px); }
    .page-wrapper.compact-small .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-small .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-small .page-body-wrapper .page-body {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper .footer {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div {
    width: 90px; }
  @media (max-width: 420px) {
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 105px); } }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    display: block;
    padding: 15px 0; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 90px; }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
      padding: 10px 15px 10px 40px; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
        display: none; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
        top: 11px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
    margin: 0 auto;
    width: 20px;
    height: 20px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
    margin: 0 auto; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu a > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translateX(-150px); }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
      margin-left: 0px; }
  .page-wrapper.only-body {
    background-color: #f2f0fa; }
    .page-wrapper.only-body .page-body-wrapper {
      background-color: #f2f0fa; }
    .page-wrapper.only-body .page-header {
      position: relative; }
      .page-wrapper.only-body .page-header .header-logo-wrapper {
        display: none; }
      .page-wrapper.only-body .page-header .header-wrapper {
        padding: 0 !important; }
        .page-wrapper.only-body .page-header .header-wrapper .left-header {
          display: none; }
        .page-wrapper.only-body .page-header .header-wrapper .nav-right {
          position: absolute;
          right: 60px;
          top: 58px; }
        .page-wrapper.only-body .page-header .header-wrapper .search-full {
          top: 37px;
          width: calc(100% - 50px);
          left: 25px; }
          [dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .search-full {
            left: unset;
            right: 25px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
            background-color: #fff;
            border-radius: 15px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu {
            top: 78px;
            width: calc(100% - 30px);
            margin: 0 auto;
            right: 0; }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-top: 20px;
      padding-bottom: 20px; }
    .page-wrapper.only-body .sidebar-wrapper,
    .page-wrapper.only-body footer {
      display: none; }
    .page-wrapper.only-body .page-body-wrapper .page-body {
      margin-top: 0px;
      min-height: calc(100vh - 0px); }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-left: 30px;
      padding-right: 30px;
      margin: 30px 0;
      border-radius: 15px; }
      @media (max-width: 991.98px) {
        .page-wrapper.only-body .page-body-wrapper .page-title {
          padding-left: 20px;
          padding-right: 20px;
          margin: 20px 0; } }
      .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6 {
        flex: 0 0 100%;
        max-width: 100%; }
      .page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb {
        margin-top: 5px;
        justify-content: flex-start; }
  .page-wrapper.modern-type .progress-chart-wrap {
    margin-left: -22px; }
    [dir="rtl"] .page-wrapper.modern-type .progress-chart-wrap {
      margin-left: unset;
      margin-right: -22px; }
  .page-wrapper.modern-type .ecommerce-widget {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .file-sidebar .pricing-plan {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .alert-primary {
    color: #006666; }
  .page-wrapper.modern-type .project-box {
    background-color: #00d6d6; }
  .page-wrapper.modern-type .nav-tabs .nav-link.active {
    background-color: transparent; }
  .page-wrapper.modern-type .simplebar-mask {
    top: 10px; }
  .page-wrapper.modern-type .page-header {
    margin-left: 0px;
    width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header.close_icon {
      margin-left: 0px;
      width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1200px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 818px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 36%; } }
    @media (max-width: 1669px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 50%; } }
    @media (max-width: 1428px) and (min-width: 1200px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 40%; } }
    .page-wrapper.modern-type .page-header .header-wrapper .header-logo-wrapper {
      display: flex;
      align-items: center; }
    .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
      display: block;
      margin-right: 30px; }
    .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
      display: block;
      position: relative;
      top: unset;
      right: unset;
      margin-right: 15px; }
  .page-wrapper.modern-type .page-body-wrapper .page-title {
    background-color: transparent;
    padding-bottom: 0; }
  .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
    margin: 30px !important;
    top: 80px;
    bottom: 0;
    border-radius: 15px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 160px); }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      margin-left: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
      margin-left: 0px;
      margin-right: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
      display: none; }
  .page-wrapper.modern-type .page-body-wrapper .page-body {
    margin-left: 296px; }
    .page-wrapper.modern-type .page-body-wrapper .page-body .container-fluid {
      max-width: 1500px; }
  .page-wrapper.modern-type .page-body-wrapper .footer {
    margin-left: 360px;
    margin-right: 70px;
    border-radius: 10px; }
    @media (max-width: 991px) {
      .page-wrapper.modern-type .page-body-wrapper .footer {
        margin-right: 0;
        margin-left: 0; } }
  .page-wrapper.material-type {
    position: relative; }
    .page-wrapper.material-type::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 300px;
      background-image: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-type .card {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
    .page-wrapper.material-type .page-header {
      position: relative;
      max-width: 1560px;
      margin: 50px auto 0;
      border-radius: 15px 15px 0 0; }
      .page-wrapper.material-type .page-header .header-wrapper .left-header {
        width: 31%; }
        @media (max-width: 1600px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 33%; } }
        @media (max-width: 1366px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 38%; } }
        @media (max-width: 1199px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 30%; } }
      @media (max-width: 1600px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 40%; } }
      @media (max-width: 1199px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 45%; } }
    .page-wrapper.material-type .page-body-wrapper {
      background-blend-mode: overlay;
      background-color: rgba(255, 255, 255, 0.5); }
      .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        position: relative;
        max-width: 1560px;
        margin: 0 auto;
        top: unset;
        height: 56px; }
      .page-wrapper.material-type .page-body-wrapper .page-body {
        margin: 0 auto;
        max-width: 1560px;
        background-color: #F5F5F5;
        box-shadow: 0 0 20px 7px rgba(8, 21, 66, 0.05);
        border-radius: 0 0 15px 15px; }
    .page-wrapper.material-type .footer {
      margin-top: 40px; }
    .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .left-header {
      width: 38%; }
    @media (max-width: 991px) {
      .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.advance-layout {
    background-blend-mode: overlay;
    background-color: #F5F5F5; }
    .page-wrapper.advance-layout .card {
      border-radius: 5px;
      box-shadow: none;
      border: 1px solid #ecf3fa; }
    .page-wrapper.advance-layout .page-header {
      position: relative;
      background-color: #fff;
      margin: 0 auto; }
    .page-wrapper.advance-layout .page-body-wrapper {
      background: transparent; }
      .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
        position: relative !important;
        top: unset !important;
        height: unset;
        box-shadow: none;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef; }
        .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper > div {
          overflow-x: hidden; }
      .page-wrapper.advance-layout .page-body-wrapper .page-body {
        margin-top: 0 !important; }

@keyframes pagebody {
  from {
    opacity: 0;
    transform: scale3d(0.98, 0.98, 0.98) translate(-20px, -50px); }
  50% {
    opacity: 1; } }

.md-sidebar {
  position: relative; }
  .md-sidebar .md-sidebar-toggle {
    display: none;
    width: fit-content;
    text-transform: capitalize;
    margin-bottom: 20px; }

#sidebar-menu .sidebar-links .simplebar-mask {
  border-bottom-right-radius: 18px; }

@media screen and (max-width: 1480px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -18%;
    width: 91%; } }

@media screen and (max-width: 1460px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -54%;
    width: 75%; }
  .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-right: 8px; } }

@media screen and (max-width: 1366px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -49%;
    width: 70%; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) {
    padding: 8px; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) svg {
      height: 22px;
      width: 22px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.onhover-dropdown.notification-down:nth-child(5)::before {
    left: 47px;
    height: 42px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li .profile-media img {
    width: 32px;
    height: 32px; }
  .profile-dropdown.onhover-show-div {
    right: 0;
    left: unset !important; }
    .profile-dropdown.onhover-show-div:before, .profile-dropdown.onhover-show-div:after {
      right: 10px !important;
      left: unset !important; } }

@media screen and (max-width: 1199px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 6px; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown .notification-down::before {
      content: "";
      position: absolute;
      left: 33px;
      height: 30px; }
  .mobile-title.d-none {
    display: flex !important;
    justify-content: space-between;
    padding: 20px 30px 17px;
    border-bottom: 1px solid #ddd;
    margin: 0 -15px; }
    .mobile-title.d-none h5 {
      color: var(--theme-deafult); }
    .mobile-title.d-none svg {
      stroke: var(--theme-deafult) !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -35%;
    width: 56%; } }

@media screen and (min-width: 992px) {
  .page-header .header-wrapper .nav-right .notification-dropdown {
    top: 46px; }
  .responsive-btn {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-mask {
    top: 0; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
    width: 200px;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    transition: all 0.5s ease; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a .sub-arrow {
      position: absolute;
      right: 20px;
      top: 5px;
      color: #59667a;
      font-weight: 100;
      transition: all 0.5s ease;
      font-size: 15px;
      top: 5px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
      display: none;
      border-radius: 4px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover .nav-sub-childmenu {
      display: block;
      position: absolute;
      left: 200px;
      background-color: #fff;
      top: -10px;
      padding: 15px 0px 15px 0px;
      box-shadow: 0 0 1px 0 #898989; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover .sub-arrow {
      right: 16px;
      transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.hoverd .sidebar-submenu {
    opacity: 1;
    visibility: visible;
    margin-top: 8px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .mega-menu-container {
    opacity: 1;
    visibility: visible;
    margin-top: 20px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .mobile-back {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .page-wrapper.material-icon {
    position: relative; }
    .page-wrapper.material-icon::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 200px;
      background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-icon .toggle-sidebar {
      color: rgba(255, 255, 255, 0.8); }
      .page-wrapper.material-icon .toggle-sidebar:hover > svg {
        color: #fff !important;
        stroke: #fff !important; }
    .page-wrapper.material-icon .page-header {
      position: relative;
      background: transparent;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto;
      width: calc(100% - 0px);
      box-shadow: none; }
      .page-wrapper.material-icon .page-header .f-light {
        color: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
        stroke: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li {
        color: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .notification-box svg,
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .cart-box svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > a > svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > svg {
          stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
        color: rgba(255, 255, 255, 0.7); }
      .page-wrapper.material-icon .page-header.close_icon {
        padding-left: 0;
        margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-body {
      margin-top: 0 !important;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto; }
    .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      padding-left: 15px;
      margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-title {
      color: #fff;
      background-color: transparent;
      border-bottom: none;
      box-shadow: none; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
        color: rgba(255, 255, 255, 0.6); }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        color: rgba(255, 255, 255, 0.8); } }

@media only screen and (min-width: 992px) {
  .page-wrapper.material-icon::before {
    height: 240px; } }

@media screen and (max-width: 767px) {
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(2) {
    background-color: #fff;
    padding: 8px;
    border-radius: 40px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav {
    background-color: unset; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav ul li {
      border-radius: 0px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:last-child {
    padding: 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
    height: 27px;
    width: 27px;
    cursor: pointer; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-dropdown .cart-dropdown ul li:nth-child(2) {
    border-radius: 0px !important;
    padding: 16px 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .tab-content .notification-card ul li {
    padding: 15px 0px !important;
    border-radius: 0px !important; }
  .sidebar-wrapper .menu .brand-logo img {
    width: 120px; } }

@media screen and (max-width: 576px) {
  .toggle-nav i {
    font-size: 20px; } }

/**=====================
  5.7 Sidebar CSS Ends
==========================**/
.left-header .d-flex {
  align-items: center; }

.left-header .welcome-content span {
  color: var(--chart-text-color); }

.left-header h6 {
  line-height: 1.6; }
  @media (max-width: 1199px) {
    .left-header h6 {
      width: 160px;
      overflow: hidden;
      -webkit-line-clamp: 1;
      text-overflow: ellipsis;
      white-space: nowrap; } }
  @media (max-width: 991px) {
    .left-header h6 {
      width: 120px; } }
  @media (max-width: 767px) {
    .left-header h6 {
      width: 66px; } }
@media (max-width: 892px) {
  .left-header {
    display: none; } }

.left-header img {
  margin-top: -12px;
  height: 26px; }

.left-header i {
  font-weight: 600;
  font-size: 12px;
  margin-bottom: -4px; }

.nav-right .nav-menus li .input-icon svg {
  position: absolute;
  top: 11px;
  left: 15px; }
  [dir="rtl"] .nav-right .nav-menus li .input-icon svg {
    right: 15px;
    left: unset; }

.nav-right .nav-menus li .input-icon::before {
  content: "";
  top: 8px;
  left: 44px;
  height: 25px;
  width: 1px;
  background-color: #E6E9EB;
  position: absolute; }
  [dir="rtl"] .nav-right .nav-menus li .input-icon::before {
    right: 44px;
    left: unset; }

.nav-right .nav-menus li .input-icon input {
  background-color: #fff; }

.nav-right .nav-menus li .input-show {
  position: relative; }
  .nav-right .nav-menus li .input-show input {
    position: absolute;
    z-index: 11;
    top: 25px;
    left: 0px;
    background-color: #fff;
    padding: 12px; }
  .nav-right .nav-menus li .input-show #searchInput.show input {
    display: block; }
  .nav-right .nav-menus li .input-show #searchInput input {
    display: none; }

/*======= Page Header css ends  ======= */
/**======Main Header css Start ======**/
.offcanvas .page-wrapper .page-body-wrapper .page-body,
.offcanvas-bookmark .page-wrapper .page-body-wrapper .page-body {
  position: relative;
  filter: blur(5px) grayscale(100%); }

.offcanvas {
  position: unset;
  visibility: visible;
  background: unset;
  z-index: 2; }

.toggle-sidebar {
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer; }
  .toggle-sidebar svg {
    width: 20px;
    height: 20px;
    stroke: var(--white); }
  .toggle-sidebar:before {
    content: "";
    position: absolute;
    height: 40px;
    width: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 100%;
    left: -10px;
    z-index: -2;
    top: -9px;
    transform: scale(0);
    transition: all 0.3s ease; }
  .toggle-sidebar:hover:before {
    height: 40px;
    width: 40px;
    transform: scale(1);
    transition: all 0.3s ease; }
  .toggle-sidebar:hover > svg {
    color: var(--white) !important;
    stroke: var(--white) !important; }

.onhover-dropdown {
  cursor: pointer;
  position: relative; }
  .onhover-dropdown.notification-down::before {
    content: "";
    top: 0px;
    left: 55px;
    height: 46px;
    width: 1px;
    background-color: #E6E9EB;
    position: absolute; }

.page-wrapper .page-body-wrapper {
  background-color: #F5F5F5; }

.page-wrapper .page-header.close_icon .header-wrapper .header-logo-wrapper .toggle-sidebar svg {
  stroke: #898989 !important; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message a {
  color: #051A1A; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .notification-card a {
  color: #051A1A; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .notification-card a:hover {
    color: #006666; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul {
  gap: 8px;
  justify-content: center;
  padding: 0px !important;
  align-items: center; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification-box a {
      color: #051A1A; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.total h6 {
      text-align: -webkit-auto; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification {
      border-bottom: 1px solid #E6E9EB;
      padding-bottom: 15px;
      padding-top: 15px; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data .product-icon {
        height: 40px;
        width: 40px;
        border-radius: 6px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data .product-icon svg {
          width: 25px;
          height: 25px;
          stroke: none !important; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification .notification-data span {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;
        text-align: -webkit-auto; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar ul li.notification:last-child {
        border: none; }

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li {
  padding: 19px 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts {
    display: flex;
    align-items: center; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-image {
      height: 34px;
      width: 34px; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-name {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%; }
      .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li .user-alerts .user-name h6 {
        text-align: start; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li:hover a {
    color: #006666; }

.onhover-show-div {
  top: 80px;
  position: absolute;
  z-index: 8;
  background-color: #fff;
  transition: all linear 0.3s; }
  .onhover-show-div li a svg {
    margin-top: 0 !important; }
    .onhover-show-div li a svg path,
    .onhover-show-div li a svg line {
      color: #051A1A !important; }

/**======Main Header css Ends ======**/
/*=======Mega menu css start=======*/
.mega-menu .default-according .card .btn-link {
  font-weight: 500;
  color: gray; }

.mega-menu .default-according .card .card-body {
  font-size: 12px; }

.mega-menu .onhover-show-div {
  width: 1500px; }

.mega-menu .card-body {
  padding: 20px; }

.mega-menu div > div a {
  margin-bottom: 0px;
  display: inline-block;
  color: #FFFFFF; }

.mega-menu .list-unstyled div a {
  padding: 8px 35px 8px 0;
  transition: 0.5s; }
  .mega-menu .list-unstyled div a:hover {
    padding: 8px 35px 8px 10px;
    transition: 0.5s; }

/*=======Mega menu css end=======*/
/**=====================
    5.3 Header CSS Ends
==========================**/
/**=====================
    5.4 Navs CSS Start
==========================**/
#accordionoc #collapseicon,
#accordionoc #collapseicon1 {
  padding-top: 0px; }

#accordionoc li button {
  display: flex;
  align-items: center; }

.navs-icon.default-according.style-1 li button {
  position: relative; }
  .navs-icon.default-according.style-1 li button:hover {
    color: var(--theme-deafult) !important; }

.navs-icon.default-according.style-1 li button[aria-expanded="true"]:before {
  right: 2px;
  top: 6px; }

.navs-icon.default-according.style-1 li button[aria-expanded="false"]:before {
  right: 2px;
  top: 6px; }

.navs-icon {
  padding: 30px; }
  .navs-icon li {
    padding: 9px 0; }
    .navs-icon li a {
      color: #051A1A; }
      .navs-icon li a:hover {
        color: var(--theme-deafult); }
    .navs-icon li ul {
      padding-top: 9px; }

.onhover-dropdown.navs-dropdown:hover .onhover-show-div:before, .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after {
  right: 77px;
  left: unset; }

.icon-lists {
  font-family: inherit; }

/**=====================
    5.4 Navs CSS Ends
==========================**/
/**=====================
   5.5 Search CSS Start
==========================**/
.search-page .theme-form input {
  border: 1px solid var(--theme-deafult);
  padding-left: 20px;
  border-radius: 10px 0 0 10px;
  flex: 1 1 auto; }
  .search-page .theme-form input::placeholder {
    color: #006666; }
  .search-page .theme-form input:focus {
    outline: none; }

.search-page .theme-form .input-group .btn {
  line-height: 32px;
  font-size: 16px; }

.search-page .theme-form .input-group .form-control-plaintext {
  background: transparent; }

.search-page h6 {
  line-height: 1.4; }

.search-page .nav-link {
  font-weight: 500;
  text-transform: uppercase; }

.search-page .border-tab.nav-tabs .material-border {
  border-bottom-width: 1px; }

.search-page .border-tab.nav-tabs .nav-item .nav-link {
  font-size: 15px;
  padding: 10px 18px; }

.search-page .media .media-body {
  overflow: hidden; }

.search-page .info-block {
  padding: 30px;
  border-radius: 15px;
  border: 1px solid #E6E9EB; }
  .search-page .info-block a {
    color: #656565;
    margin-bottom: 3px;
    display: block; }
  .search-page .info-block h6 {
    color: #006666; }
  .search-page .info-block + .info-block {
    margin-top: 20px; }

.search-page .border-tab.nav-tabs {
  align-items: left;
  justify-content: end; }
  .search-page .border-tab.nav-tabs .nav-item {
    width: auto; }

.search-page .search-links h6 {
  margin-bottom: 10px; }

.search-page p {
  text-transform: lowercase;
  margin-bottom: 0;
  color: #a5a2a2; }

.search-page ul.search-info li {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  color: #586082; }
  .search-page ul.search-info li + li {
    border-left: 1px solid #a8b0c2;
    padding-left: 8px;
    margin-left: 8px; }
  .search-page ul.search-info li i {
    color: #FFAE1A; }
    .search-page ul.search-info li i:not(:last-child) {
      margin-right: 4px; }

.search-page #video-links .embed-responsive + .embed-responsive {
  margin-top: 30px; }

.search-list {
  margin-bottom: 30px;
  width: auto;
  display: inline-flex;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #006666;
  border: none; }
  .search-list .nav-item {
    background-color: rgba(0, 102, 102, 0.1); }
    .search-list .nav-item .nav-link {
      border: none;
      padding: 0.7rem 1.5rem;
      opacity: 0.5; }
      .search-list .nav-item .nav-link.active {
        background-color: rgba(0, 102, 102, 0.1);
        color: var(--theme-deafult);
        opacity: 1; }
    .search-list .nav-item.show, .search-list .nav-item.active {
      background-color: rgba(0, 102, 102, 0.1); }

/**=====================
  5.5 Search CSS Ends
==========================**/
/**=====================
    5.6 Select2 CSS Start
==========================**/
/**=====================
    2.35 Typeahead-search CSS Start
==========================**/
.Typeahead {
  width: 100%; }
  .Typeahead * {
    box-sizing: border-box; }
    .Typeahead *:before {
      box-sizing: border-box; }
    .Typeahead *:after {
      box-sizing: border-box; }
  .Typeahead .tt-hint {
    display: none !important; }

.u-cf:before {
  content: " ";
  display: table; }

.u-cf:after {
  content: " ";
  display: table;
  clear: both; }

.u-hidden {
  display: none !important; }

.u-posRelative {
  position: relative; }

.Typeahead-spinner {
  position: absolute;
  top: 14px;
  right: 18px;
  display: none;
  color: #c5c5c5; }

.ProfileCard-avatar svg {
  height: 18px;
  vertical-align: bottom; }
  .ProfileCard-avatar svg path {
    color: #7e7c7c !important; }
  .ProfileCard-avatar svg polygon {
    color: #7e7c7c !important; }

.Typeahead-hint {
  width: 100%;
  padding: 5px 8px;
  font-size: 24px;
  line-height: 30px;
  border: 1px solid #024e6a;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  color: #ccd6dd;
  opacity: 1; }

.Typeahead-menu {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 15px;
  z-index: 100;
  display: none;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.Typeahead-menu.is-open {
  display: block; }

.Typeahead-selectable {
  cursor: pointer; }
  .Typeahead-selectable + .Typeahead-selectable {
    border-top: 1px solid #ccd6dd; }

.ProfileCard {
  position: relative;
  padding: 10px;
  border: 1px solid #E6E9EB !important;
  margin-bottom: 10px;
  border-radius: 10px; }
  .ProfileCard:hover {
    color: #414345;
    background: #f8f8f8; }
    .ProfileCard:hover .ProfileCard-avatar {
      border-color: #f5f8fa; }
    .ProfileCard:hover .ProfileCard-screenName {
      color: #fff; }
    .ProfileCard:hover .ProfileCard-stat-label {
      color: #fff; }

.ProfileCard-avatar {
  position: absolute;
  border-radius: 5px; }

.ProfileCard-details {
  padding-left: 35px;
  float: left; }

.ProfileCard-realName {
  display: inline-block;
  color: #898989; }

.ProfileCard-screenName {
  display: inline-block;
  color: #898989; }

.ProfileCard-description {
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px; }

.ProfileCard-stats {
  float: right;
  text-align: right; }

.ProfileCard-stat {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase; }
  .ProfileCard-stat + .ProfileCard-stat {
    margin-left: 5px; }

.ProfileCard-stat-label {
  color: #898989;
  font-weight: 500; }

.ProfileCard.is-active {
  color: #fff;
  background: var(--theme-deafult); }
  .ProfileCard.is-active .ProfileCard-screenName {
    color: #fff; }
  .ProfileCard.is-active .ProfileCard-stat-label {
    color: #fff; }

.EmptyMessage {
  position: relative;
  padding: 10px;
  font-size: 14px;
  line-height: 30px;
  text-align: center; }

.Typeahead-spinner {
  width: 1rem;
  height: 1rem; }

.sey-container {
  display: none;
  position: absolute;
  box-shadow: 1px 2px 6px;
  background-color: #fff;
  color: #333;
  transition: left 0.1s ease-in-out;
  z-index: 1; }

.sey-list {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.sey-show {
  display: block; }

.sey-hide {
  display: none; }

.sey-empty {
  cursor: default;
  padding: 7px; }

.sey-item {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 7px; }
  .sey-item:hover {
    background-color: #444;
    color: #fff; }

.sey-selected {
  background-color: #333;
  color: #fff; }

.sey-char-highlight {
  font-weight: bold; }

.sey-category-id {
  background-color: #eee;
  color: #aaa;
  text-align: right;
  text-transform: capitalize;
  font-style: italic;
  font-size: 12px;
  box-shadow: 1px 0px 1px;
  padding: 7px; }

/**=====================
  2.35 Typeahead-search CSS Ends
==========================**/
.dropzone {
  background: unset; }
  .dropzone.dropzone-secondary {
    border: 2px dashed #FE6A49; }
    .dropzone.dropzone-secondary i {
      color: #FE6A49; }
  @media (max-width: 360px) {
    .dropzone .note {
      min-width: unset !important; } }
  .dropzone .dz-preview {
    margin: 28px 18px !important;
    box-shadow: unset; }
    .dropzone .dz-preview .dz-details {
      top: unset;
      bottom: -6px;
      position: relative;
      padding-bottom: 6px;
      background-color: unset; }
      [dir="rtl"] .dropzone .dz-preview .dz-details {
        left: unset;
        right: 32px; }
    .dropzone .dz-preview:hover .dz-error-message {
      display: none !important; }
  .dropzone .dz-error-mark .dz-remove {
    position: relative; }

.dz-preview .dz-remove {
  cursor: pointer; }

.dropzone-secondary .dz-preview .dz-remove {
  color: #FE6A49; }

.select2 {
  max-width: 100%; }

.add-post #cke_text-box {
  border: 1px solid #efefef; }

.add-post form .m-checkbox-inline label {
  margin-bottom: 0; }

.add-post form .form-control {
  border: 1px solid #efefef; }

.add-post form .col-form-label {
  padding-bottom: 0;
  padding-top: 0;
  font-weight: 500; }
  .add-post form .col-form-label .select2-container--default {
    margin-top: 10px;
    max-width: 100%; }
    .add-post form .col-form-label .select2-container--default .selection .select2-selection .select2-search__field {
      padding: 2px; }
    .add-post form .col-form-label .select2-container--default .select2-selection--multiple {
      border: 1px solid #efefef;
      max-width: 100%; }
      .add-post form .col-form-label .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
        margin-top: 6px !important; }

.add-post .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--theme-deafult);
  border: 1px solid var(--theme-deafult);
  color: var(--white); }
  .add-post .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    color: var(--white);
    float: right;
    margin-left: 0.5rem; }
    [dir="rtl"] .add-post .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
      float: left;
      margin-left: unset;
      margin-right: 0.5rem; }

.add-post .dropzone {
  margin-bottom: 30px; }

.select2-container--open .select2-dropdown {
  z-index: 7; }

.select2-container {
  width: 100% !important; }
  .select2-container.select2 .selection {
    display: block !important; }

.select2-drpdwn .select2-selection {
  border-radius: 0 !important;
  border-color: #E6E9EB !important;
  height: 40px !important;
  padding: 5px; }

.select2-drpdwn .form-control {
  border-radius: 5px; }

.select2-drpdwn .form-control-primary {
  border-color: var(--theme-deafult);
  color: var(--theme-deafult); }

.select2-drpdwn .form-control-secondary {
  border-color: var(--theme-secondary);
  color: var(--theme-secondary); }

.select2-drpdwn .form-control-success {
  border-color: #00AC46;
  color: #00AC46; }

.select2-drpdwn .form-control-info {
  border-color: #173878;
  color: #173878; }

.select2-drpdwn .form-control-warning {
  border-color: #FFAE1A;
  color: #FFAE1A; }

.select2-drpdwn .form-control-danger {
  border-color: #FE6A49;
  color: #FE6A49; }

.select2-drpdwn .form-control-inverse {
  border-color: #2c323f;
  color: #2c323f; }

.select2-drpdwn .form-control-primary-fill {
  background-color: var(--theme-deafult);
  color: #fff; }

.select2-drpdwn .form-control-secondary-fill {
  background-color: var(--theme-secondary);
  color: #fff; }

.select2-drpdwn .form-control-success-fill {
  background-color: #00AC46;
  color: #fff; }

.select2-drpdwn .form-control-info-fill {
  background-color: #173878;
  color: #fff; }

.select2-drpdwn .form-control-warning-fill {
  background-color: #FFAE1A;
  color: #fff; }

.select2-drpdwn .form-control-danger-fill {
  background-color: #FE6A49;
  color: #fff; }

.select2-drpdwn .form-control-inverse-fill {
  background-color: #2c323f;
  color: #fff; }

.filepond--drop-label .filepond--label-action {
  color: #FE6A49;
  text-decoration: none; }

.filepond--list .filepond--file {
  background-color: #006666; }

/* Do not show the "remove tag" (x) button when only a single tag remains */
.customLook {
  display: inline-block;
  min-width: 0;
  border: none; }
  .customLook .tagify__tag {
    margin-top: 0; }
    .customLook .tagify__tag:only-of-type .tagify__tag__removeBtn {
      display: none; }
    .customLook .tagify__tag:hover .tagify__tag__removeBtn {
      transform: none;
      opacity: 1;
      margin-left: -1ch; }
  .customLook .tagify__tag__removeBtn {
    opacity: 0;
    transform: translateX(-6px) scale(0.5);
    margin-left: -3ch;
    transition: .12s; }
  .customLook + button {
    color: var(--theme-deafult);
    font: bold 1.4em/1.65 Arial;
    border: 0;
    background: none;
    box-shadow: 0 0 0 2px inset var(--theme-deafult);
    border-radius: 50%;
    width: 1.65em;
    height: 1.65em;
    cursor: pointer;
    outline: none;
    transition: .1s ease-out;
    margin: 0 0 0 5px;
    vertical-align: top; }
    .customLook + button:hover {
      box-shadow: 0 0 0 5px inset var(--theme-deafult); }
  .customLook .tagify__input {
    display: none; }

.tagify--empty .tagify__input::before {
  color: var(--chart-text-color); }

.customSuggestionsList > div {
  max-height: 300px;
  min-height: 50px;
  border: 2px solid var(--chart-dashed-border);
  overflow: auto; }

.customSuggestionsList .empty {
  color: var(--theme-deafult);
  font-size: 20px;
  text-align: center;
  padding: 1em; }

.tagify__dropdown.extra-properties .tagify__dropdown__item > img {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  transform: scale(0.75);
  margin-right: 5px;
  border-radius: 2px;
  transition: .12s ease-out; }

.tagify__dropdown.extra-properties .tagify__dropdown__item:hover > img {
  transform: none;
  margin-right: 12px; }

.tagify__dropdown.extra-properties .tagify__dropdown__item--active > img {
  transform: none;
  margin-right: 12px; }

.tagify.countries .tagify__input {
  min-width: 175px; }

.tagify.countries tag {
  white-space: nowrap; }
  .tagify.countries tag img {
    display: inline-block;
    height: 16px;
    margin-right: 3px;
    border-radius: 2px;
    pointer-events: none; }

.tagify--select {
  width: 100%; }

.tagify__dropdown__wrapper {
  background: var(--white);
  border-color: var(--recent-dashed-border); }

.tagify__dropdown__item--active {
  background-color: #E6E9EB;
  color: var(--body-font-color); }

.tagify {
  --tags-focus-border-color: #cccccc; }

.tagify__input {
  color: #2c323f; }

.tagify--select::after {
  color: var(--chart-text-color); }
  [dir="rtl"] .tagify--select::after {
    right: unset;
    left: 0;
    transform: translate(150%, -50%) scaleX(1.2) rotate(90deg); }

[dir="rtl"] .tagify--select .tagify__tag {
  right: unset;
  left: 1.8em; }

[dir="rtl"] .tagify--select[aria-expanded=true]::after {
  transform: translate(150%, -50%) rotate(270deg) scale(1.2); }

.international-num input {
  width: calc(240px + (250 - 240) * ((100vw - 320px) / (1920 - 320)));
  padding: 10px;
  border-radius: 2px;
  border: 1px solid #E6E9EB; }
  .international-num input:focus {
    outline-color: #E6E9EB; }

.international-num input::placeholder {
  color: #E6E9EB; }

.international-num .results ul {
  border: 1px solid #E6E9EB;
  margin-top: 12px;
  padding: 8px;
  line-height: 1.9; }

.iti--allow-dropdown .iti__flag {
  background-image: url(/../images/forms/flags.png); }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 10px;
  right: 10px; }

.select-box {
  position: relative;
  display: flex;
  width: 400px;
  flex-direction: column; }
  .select-box .options-container {
    background: var(--recent-box-bg);
    color: var(--body-font-color);
    max-height: 0;
    width: 100%;
    opacity: 0;
    transition: all 0.4s;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    order: 1; }
    .select-box .options-container::-webkit-scrollbar {
      width: 8px;
      background: var(--view-grid-bg);
      border-radius: 0 8px 8px 0; }
    .select-box .options-container::-webkit-scrollbar-thumb {
      background: var(--view-grid-bg);
      border-radius: 0 8px 8px 0; }
  .select-box .options-container.active {
    max-height: 240px;
    opacity: 1;
    overflow-y: scroll;
    margin-top: 53px; }
    @media (min-width: 1007px) and (max-width: 1920px) {
      .select-box .options-container.active {
        max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } }
    @media (min-width: 768px) and (max-width: 1006px) {
      .select-box .options-container.active {
        max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } }
    @media (max-width: 767px) {
      .select-box .options-container.active {
        max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
        margin-top: 46px; } }
    .select-box .options-container.active + .selected-box::after {
      transform: rotateX(180deg);
      top: -6px; }
    .select-box .options-container.active ~ .search-box input {
      opacity: 1;
      pointer-events: auto; }
  .select-box .selection-option {
    padding: 12px 24px;
    cursor: pointer; }
    .select-box .selection-option:hover {
      background: #E6E9EB; }
    .select-box .selection-option .radio {
      display: none; }
  .select-box label {
    cursor: pointer; }

.selected-box {
  background: var(--light2);
  color: #333;
  position: relative;
  order: 0;
  padding: 12px 24px;
  cursor: pointer; }
  @media (min-width: 1007px) and (max-width: 1920px) {
    .selected-box {
      max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } }
  @media (min-width: 768px) and (max-width: 1006px) {
    .selected-box {
      max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } }
  @media (max-width: 767px) {
    .selected-box {
      max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320))); } }
  .selected-box::after {
    content: "\f078";
    font-family: "FontAwesome";
    position: absolute;
    height: 100%;
    width: 32px;
    right: 10px;
    top: 12px;
    transition: all 0.4s; }
    [dir="rtl"] .selected-box::after {
      left: 10px;
      right: unset; }

.search-box input {
  width: 100%;
  padding: 12px 16px;
  font-size: 16px;
  position: absolute;
  z-index: 1;
  border: 2px solid var(--chart-dashed-border);
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s;
  border-radius: 6px; }
  @media (min-width: 1007px) and (max-width: 1920px) {
    .search-box input {
      max-width: calc(265px + (400 - 265) * ((100vw - 1007px) / (1920 - 1007))); } }
  @media (min-width: 768px) and (max-width: 1006px) {
    .search-box input {
      max-width: calc(295px + (350 - 295) * ((100vw - 1007px) / (1006 - 768))); } }
  @media (max-width: 767px) {
    .search-box input {
      max-width: calc(242px + (415 - 242) * ((100vw - 320px) / (767 - 320)));
      padding: 9px 16px; } }
  .search-box input:focus {
    outline: none; }

/**=====================
    5.6 Select2 CSS Ends
==========================**/
/**=====================
  5.7 Sidebar CSS Start
==========================**/
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
  position: absolute;
  content: "";
  top: 12%;
  width: 13px;
  height: 15px;
  border-bottom-left-radius: 8px;
  border-left: 2px solid rgba(255, 255, 255, 0.4);
  border-bottom: 2px solid rgba(255, 255, 255, 0.4); }

.media.media-wrapper {
  width: 100%;
  display: -webkit-flex; }

.media .media-body {
  flex: unset; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  left: 32px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5); }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li [dir="rtl"] a::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title [dir="rtl"] h5::before {
    left: unset;
    right: 25px; }

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before {
  position: absolute;
  content: '';
  width: 2px;
  height: 0;
  background: rgba(255, 255, 255, 0.4);
  top: -10px;
  left: 20px;
  transition: height 0.5s; }
  [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .mega-menu-container::before, [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li [dir="rtl"] .sidebar-submenu::before {
    left: unset;
    right: 20px; }

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
  position: absolute;
  content: "";
  top: 49%;
  width: 5px;
  height: 1px;
  border-radius: 100%;
  background-color: #59667a; }

.onhover-show-div {
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  left: 0; }

.onhover-dropdown:hover .onhover-show-div {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
  border-radius: 5px;
  overflow: hidden; }
  .onhover-dropdown:hover .onhover-show-div:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 2; }
  .onhover-dropdown:hover .onhover-show-div:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d7e2e9;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px;
    z-index: 1; }

.page-wrapper {
  position: relative; }
  .page-wrapper .page-header {
    max-width: 100vw;
    position: fixed;
    top: 0;
    z-index: 8;
    transition: 0.5s; }
    .page-wrapper .page-header .header-wrapper {
      width: 100%;
      align-items: center;
      padding: 13px 30px;
      position: relative;
      background-color: #F5F5F5; }
      @media (max-width: 1399px) {
        .page-wrapper .page-header .header-wrapper {
          padding: 14px 20px; } }
      .page-wrapper .page-header .header-wrapper .search-full {
        background-color: #fff;
        position: absolute;
        right: 0;
        z-index: 1;
        height: 0;
        width: 0;
        transform: scale(0);
        transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full.open {
          height: 100%;
          width: 100%;
          animation: zoomIn 0.5s ease-in-out;
          transform: scale(1);
          transition: all 0.3s ease; }
        .page-wrapper .page-header .header-wrapper .search-full input {
          line-height: 65px;
          padding-left: 60px;
          width: 100% !important; }
          .page-wrapper .page-header .header-wrapper .search-full input:focus {
            outline: none !important; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
          position: absolute;
          font-size: 15px;
          right: 30px;
          top: 30px;
          color: #898989;
          cursor: pointer; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
            left: 30px;
            right: unset; }
        .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
          position: absolute;
          left: 30px;
          top: 27px;
          content: "\f002";
          font-size: 16px;
          color: #898989;
          font-family: FontAwesome; }
          [dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
            left: unset;
            right: 30px; }
      .page-wrapper .page-header .header-wrapper .nav-right {
        justify-content: flex-end; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li svg {
          vertical-align: middle;
          stroke: var(--body-font-color);
          height: 24px;
          width: 24px; }
          .page-wrapper .page-header .header-wrapper .nav-right ul li svg path {
            color: #242934; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
          height: 24px;
          width: 24px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right ul li .search-form svg {
          width: 20px;
          height: 20px;
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode {
          cursor: pointer;
          text-align: center; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i {
            font-size: 18px;
            font-weight: 600;
            transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i.fa-lightbulb-o {
              font-weight: 500;
              font-size: 22px;
              transition: all 0.3s ease;
              animation: zoomIn 300ms ease-in-out; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .header-search {
          cursor: pointer; }
        .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
          margin-left: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body span {
            font-weight: 500;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box !important;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            white-space: normal; }
          .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
            font-size: 12px;
            line-height: 1;
            color: rgba(5, 26, 26, 0.7); }
        .page-wrapper .page-header .header-wrapper .nav-right > ul {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          gap: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
            padding: 6px 10px;
            display: inline-block;
            position: relative; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li:nth-child(n+3):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right > ul > li.profile-nav:nth-child(n+3)) {
              background-color: #fff;
              padding: 12px;
              border-radius: 40px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .badge {
              position: absolute;
              right: 0px;
              top: -3px;
              padding: 2px 4px;
              font-size: 11px;
              font-weight: 700;
              font-family: work-Sans, sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .mode svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li .input-show svg {
              height: 24px;
              width: 24px; }
            .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul {
              left: inherit;
              right: -10px;
              width: 130px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:before, .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul:after {
                left: inherit;
                right: 10px; }
              .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li {
                display: block; }
                .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a {
                  font-size: 14px;
                  color: #2c323f; }
                  .page-wrapper .page-header .header-wrapper .nav-right > ul > li span ul li a i {
                    margin-left: 10px;
                    font-size: 13px;
                    color: #2c323f; }
          .page-wrapper .page-header .header-wrapper .nav-right > ul .flag-icon {
            font-size: 16px; }
        .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip {
          width: unset !important;
          box-shadow: unset !important;
          background-color: transparent !important;
          overflow: initial; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::after, .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip::before {
            display: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content {
            text-align: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content .bookmark-icon {
              width: 52px;
              height: 52px;
              background-color: #f9f9f9;
              border-radius: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              margin: 0 auto; }
            .page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip .bookmark-dropdown .bookmark-content span {
              font-family: "Montserrat", sans-serif;
              font-size: 12px;
              font-weight: 500;
              letter-spacing: 0.5px; }
        .page-wrapper .page-header .header-wrapper .nav-right .flip-card {
          width: 300px;
          height: 260px;
          background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner {
            position: relative;
            height: 100%;
            text-align: center;
            transition: transform 0.6s;
            transform-style: preserve-3d; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front,
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              position: absolute;
              backface-visibility: hidden;
              border-radius: 10px;
              overflow: hidden;
              box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
              width: 300px;
              height: 260px; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button,
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                background-color: transparent;
                color: #006666;
                border: none; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button:focus,
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button:focus {
                  outline: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
              background-color: #fff;
              transition: .3s; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
                stroke: var(--body-font-color);
                transition: all 0.3s ease; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg:hover {
                  stroke: var(--body-font-color);
                  transition: all 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
              background-color: #fff;
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:first-child {
                margin-top: 20px;
                height: 140px !important; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
                width: 100%; }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
                border-radius: 25px;
                padding: 6px 12px;
                width: 100%;
                border: 1px solid #ddd; }
                .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input:focus {
                  outline: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped {
              transform: rotateY(180deg); }
              .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped .front {
                opacity: 0; }
        .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
          width: 330px;
          top: 50px;
          right: 0;
          left: unset; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .dropdown-title {
            padding: 20px;
            text-align: center;
            border-bottom: 1px solid rgba(145, 142, 153, 0.3); }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div ul {
            padding: 15px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li {
            padding: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li p {
              font-size: 14px;
              letter-spacing: 0.3px;
              margin-bottom: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li a {
              letter-spacing: 0.3px;
              font-family: "Montserrat", sans-serif; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li + li {
              margin-top: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li:last-child {
              padding-bottom: 15px; }
            .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media {
              position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media img {
                width: 40px;
                position: relative; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .status-circle {
                left: 0; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body > span {
                letter-spacing: 0.8px;
                padding-right: 10px;
                display: inline-block; }
              .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body p {
                margin-bottom: 8px; }
          .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:before, .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:after {
            right: 10px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-box {
          position: relative; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown.notification-all ul li {
          border-radius: 0px;
          border-bottom: 1px solid rgba(145, 142, 153, 0.1); }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown ul {
          padding: 0 0 15px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li {
          padding: 10px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media {
            align-items: center; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
              margin-right: 20px; }
              [dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media .media-body {
                margin-right: unset;
                margin-left: 20px; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li + li {
            margin-top: 0;
            border-top: 1px solid rgba(145, 142, 153, 0.1); }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li:last-child {
            padding: 20px 15px;
            border-top: none; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown p {
          line-height: 1.3;
          margin-top: 3px;
          opacity: 0.6; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
          position: absolute;
          right: 0;
          top: 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle a {
            width: 18px;
            height: 18px;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle svg {
            width: 14px;
            stroke: #fff; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box {
          margin: 5px 0; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group {
            width: 80px;
            background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input {
              background-color: transparent; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group input,
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              font-size: 10px;
              font-family: "Montserrat", sans-serif;
              font-weight: 700; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
              padding: 0px 7px;
              background-color: #F7F6FF !important;
              border-color: #F7F6FF !important;
              border-radius: 100%;
              font-size: 14px;
              color: #051A1A; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total {
          margin: 0;
          padding: 15px;
          background-color: #f9f9f9;
          border: none; }
          .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 {
            font-family: "Montserrat", sans-serif;
            font-weight: 500;
            font-size: 12px;
            line-height: 14px;
            letter-spacing: 0.5px; }
            .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .total h6 span {
              font-size: 14px; }
        .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .view-checkout {
          text-decoration: unset; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-box svg {
          animation: swing 1.5s ease infinite; }
        .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
          left: unset; }
          @media (max-width: 575.98px) {
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
              width: calc(100vw - 30px); } }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li:last-child {
            text-align: center;
            background-color: transparent; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p span {
              font-size: 11px;
              vertical-align: middle; }
          .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:after {
            right: 28px !important;
            left: unset !important; }
        .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
          width: 160px;
          top: 57px;
          left: -12px;
          padding: 0 10px; }
          .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li {
            padding: 10px !important;
            border-bottom: 1px solid #E6E9EB; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              border: none; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
              text-decoration: unset; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a span {
              color: var(--theme-deafult);
              transition: color 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg {
              stroke: var(--theme-deafult);
              transition: stroke 0.3s ease; }
              .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg path {
                stroke: var(--theme-deafult);
                transition: stroke 0.3s ease; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li + li {
              margin-top: 0; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
              padding-top: 10px !important; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
              color: #2c323f; }
            .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li svg {
              width: 16px;
              vertical-align: bottom;
              margin-right: 10px;
              stroke: #2c323f; }
  .page-wrapper .page-body-wrapper {
    background-color: #F5F5F5; }
    .page-wrapper .page-body-wrapper .page-body {
      min-height: calc(100vh - 136px);
      margin-top: 136px;
      padding: 25px 15px;
      position: relative;
      transition: 0.5s; }
      .page-wrapper .page-body-wrapper .page-body:before {
        animation: fadeIn 0.5s ease-in-out; }
    .page-wrapper .page-body-wrapper .page-title {
      padding: 20px 30px;
      margin: 0px -27px 0px; }
      .page-wrapper .page-body-wrapper .page-title > .row {
        margin: 0; }
        .page-wrapper .page-body-wrapper .page-title > .row .col-6 {
          padding: 0; }
      .page-wrapper .page-body-wrapper .page-title .row {
        align-items: center; }
        .page-wrapper .page-body-wrapper .page-title .row h3 {
          font-size: 24px;
          margin-bottom: 0;
          text-transform: capitalize; }
          .page-wrapper .page-body-wrapper .page-title .row h3 small {
            display: block;
            font-size: 12px;
            margin-bottom: 5px;
            text-transform: capitalize;
            color: #FFFFFF; }
      .page-wrapper .page-body-wrapper .page-title .breadcrumb {
        background-color: transparent;
        padding: 0;
        margin-bottom: 0;
        align-items: center;
        justify-content: flex-end; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
          font-size: 13px;
          letter-spacing: 1px;
          font-family: "Montserrat", sans-serif; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
          content: "/"; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
          width: 16px;
          height: 16px;
          stroke: #2c323f;
          vertical-align: text-top; }
        .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
          color: var(--theme-deafult);
          font-weight: 500; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
      stroke: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
      fill: #051A1A;
      stroke: none !important; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg {
      transition: all 0.3s ease; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
        stroke: #fff; }
      .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
        fill: #fff; }
    .page-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content li a {
      text-transform: capitalize; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .stroke-icon {
    display: inline-block; }
  .page-wrapper .sidebar-wrapper[data-layout="stroke-svg"] .fill-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .stroke-icon {
    display: none; }
  .page-wrapper .sidebar-wrapper[data-layout="fill-svg"] .fill-icon {
    display: inline-block; }
  .page-wrapper.horizontal-wrapper [data-simplebar] {
    position: relative; }
  .page-wrapper.horizontal-wrapper .footer {
    margin-left: 0; }
  .page-wrapper.horizontal-wrapper .header-logo-wrapper {
    width: 150px; }
    .page-wrapper.horizontal-wrapper .header-logo-wrapper .toggle-sidebar {
      display: none; }
  .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 19px;
    right: 0px;
    color: #fff; }
    [dir="rtl"] .page-wrapper.horizontal-wrapper .sidebar-list i.fa-thumb-tack {
      left: 0;
      right: unset; }
  .page-wrapper.horizontal-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: hidden;
    cursor: pointer; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    height: 54px;
    line-height: inherit;
    top: 79px;
    background: #fff;
    box-shadow: 0px 9px 24px rgba(89, 102, 122, 0.05);
    overflow-x: hidden;
    z-index: 1;
    overflow-y: visible;
    position: fixed;
    width: 100vw;
    border-top: 1px solid #efefef;
    z-index: 3; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .simplebar-content {
      display: flex; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper li {
      display: inline-block; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .badge {
      position: absolute;
      top: 2px;
      right: 0px;
      z-index: 1; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper,
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
      text-align: left;
      position: relative; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        position: absolute;
        top: 0px;
        padding: 15px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        cursor: pointer; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow.disabled,
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow.disabled {
          display: none; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow {
        left: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
        right: 0; }
      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: normal;
        direction: ltr;
        text-align: left;
        display: -webkit-box !important;
        padding: 0 5px;
        transition: all .5s ease;
        white-space: nowrap; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a.active .according-menu i:before {
          content: '-'; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a .according-menu {
          display: none; }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active {
          color: #fff; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active:after {
            background-color: rgba(255, 255, 255, 0.6); }
        .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          position: relative;
          padding-top: 10px;
          padding-bottom: 10px; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a > span {
            color: var(--theme-deafult);
            transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a {
            background-color: #fff;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.stroke-icon {
              stroke: #fff;
              transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover a svg.fill-icon {
              fill: #fff;
              transition: all 0.3s ease; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
            display: none !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            display: block;
            color: #051A1A;
            line-height: 23px;
            text-decoration: none;
            text-transform: capitalize;
            padding: 5px 15px;
            margin: 0 3px;
            letter-spacing: 0.04em;
            position: relative;
            border-radius: 5px;
            font-weight: 500;
            transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active {
              transition: all 0.3s ease; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active svg,
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a.active span {
                color: #fff;
                transition: all 0.3s ease; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a .badge {
              position: absolute;
              top: -5px;
              margin-left: 1px;
              right: 10px;
              padding: 0.20em 0.7em; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a svg {
              width: 18px;
              height: 18px;
              vertical-align: middle;
              margin-right: 10px;
              stroke: #051A1A !important; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
            position: fixed;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 15px 0px 15px 0px;
            background: white; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li {
              border: 0;
              float: none;
              position: relative;
              display: block; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
                background: transparent;
                padding: 4px 30px;
                display: block;
                transition: all 0.5s ease;
                line-height: 1.9;
                color: rgba(43, 43, 43, 0.6);
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                transition: all 0.3s ease; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
                  left: 20px; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
                  color: #006666;
                  letter-spacing: 1.5px;
                  transition: all 0.3s ease; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover:after {
                    background-color: var(--theme-deafult); }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
            position: fixed;
            right: 0;
            left: 0;
            margin: 0 auto;
            z-index: 4;
            box-shadow: 0 0 1px 0 #898989;
            padding: 30px;
            background: white;
            width: 95%;
            border-radius: 4px;
            display: block !important; }
            .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
              width: 20%; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                text-transform: uppercase;
                font-size: 14px;
                margin-left: -13px; }
              .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content {
                box-shadow: none;
                background-color: transparent;
                position: relative;
                display: block;
                padding: 0; }
                .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li {
                  border: 0;
                  float: none;
                  position: relative;
                  display: block; }
                  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a {
                    border: 0 !important;
                    background: transparent;
                    color: #051A1A;
                    border-radius: 0 !important;
                    text-transform: capitalize;
                    padding: 3px 0;
                    font-size: 13px;
                    display: block;
                    letter-spacing: 0.07em;
                    line-height: 1.9;
                    position: relative;
                    transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover {
                      color: var(--theme-deafult);
                      letter-spacing: 1.5px;
                      transition: all 0.3s ease; }
                      .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:hover:after {
                        color: var(--theme-deafult);
                        transition: all 0.3s ease; }
                    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content li a:after {
                      position: absolute;
                      content: "";
                      left: -12px;
                      top: 50%;
                      width: 5px;
                      height: 1px;
                      background-color: #59667a; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover > a:after {
            left: 0;
            right: 0;
            opacity: 1; }
          .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu {
            position: unset; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper.overlay-white {
      background-color: rgba(255, 255, 255, 0.08); }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav i {
      font-size: 24px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
    margin-top: 110px; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main-title {
    display: none !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.scorlled .sidebar-wrapper {
    display: none;
    transition: all 0.3s ease; }
  .page-wrapper.horizontal-wrapper .page-header {
    width: 100%;
    box-shadow: none; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .form-control-plaintext {
      width: auto !important; }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1324px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
      @media (max-width: 1323px) and (min-width: 1200px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 1199px) and (min-width: 992px) {
        .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
          width: 32%; } }
    @media (max-width: 1428px) and (min-width: 1324px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 55%; } }
    @media (max-width: 1323px) and (min-width: 1200px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 40%; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.horizontal-wrapper.enterprice-type footer {
    margin-left: 0; }
  .page-wrapper.material-icon .card {
    border-radius: 30px;
    box-shadow: 0 0 20px rgba(0, 102, 102, 0.1); }
  .page-wrapper .sidebar-main-title h6 {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 0.40px; }
  .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 11px;
    right: -9px;
    color: #fff;
    z-index: 9999; }
    [dir="rtl"] .page-wrapper.compact-wrapper .sidebar-list i.fa-thumb-tack {
      left: -9px;
      right: unset; }
  .page-wrapper.compact-wrapper .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer; }
  .page-wrapper.compact-wrapper .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-wrapper .pin-title {
    order: -1; }
  .page-wrapper.compact-wrapper .page-header {
    margin-left: 265px;
    width: calc(100% - $sidebar-compact-width); }
    .page-wrapper.compact-wrapper .page-header.close_icon {
      margin-left: 90px;
      width: calc(100% - 90px); }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
      position: absolute;
      content: "";
      bottom: 0%;
      height: 1px;
      z-index: 8;
      width: calc(100% - 40px);
      background: #E6E9EB; }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9;
    height: 100%;
    line-height: inherit;
    background: var(--theme-deafult);
    width: 265px;
    text-align: left;
    transition: 0.3s;
    box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      fill: #fff; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      padding: 22px 30px;
      box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
      border-top-right-radius: 15px; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
      width: auto;
      transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .badge {
        opacity: 0;
        width: 0;
        padding: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        max-width: 86px;
        margin: 0;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          text-align: center;
          padding: 12px 14px;
          transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main-title {
        display: none !important;
        opacity: 0;
        transition: all 0.3s ease; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper {
        display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
        text-align: right;
        display: block; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
        width: 265px;
        transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .badge {
          opacity: 1;
          width: auto;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
          max-width: unset;
          margin: initial;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
            text-align: left; }
            [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
              text-align: right; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a {
            padding: 12px 15px;
            transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li > a span {
              display: inline-block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main-title {
          opacity: 1;
          display: block !important;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
          display: block; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-icon-wrapper {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .mobile-sidebar {
        transform: translate(183px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
        margin-left: 90px;
        transition: 0.5s; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer-fix {
        width: calc(100% - 90px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 118px); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          padding: 15px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::before {
            right: 20px;
            left: unset; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a span {
          display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .according-menu {
        display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
      visibility: hidden;
      position: absolute;
      top: -8px;
      right: 17px;
      border-radius: 15px;
      padding: 4px 6px;
      color: #fff;
      font-size: 11px;
      background-color: #006666;
      border: 1px solid rgba(255, 255, 255, 0.6); }
      [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list i.fa-thumb-tack {
        left: 17px;
        right: unset; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list:hover i.fa-thumb-tack {
      visibility: visible;
      cursor: pointer; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pined, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-list.pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .pin-title {
      order: -1; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 115px);
      left: -300px;
      z-index: 99;
      transition: color 1s ease;
      overflow: auto;
      color: rgba(0, 0, 0, 0);
      margin-top: 20px;
      margin-bottom: 30px; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        font-weight: 500; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
          width: 18px;
          height: 18px;
          margin-right: 10px;
          vertical-align: -2px;
          float: none;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          letter-spacing: 0.7px;
          text-transform: capitalize;
          color: rgba(255, 255, 255, 0.8); }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.link-nav .according-menu {
          display: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li:last-child {
        border-bottom: none; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links.opennav {
        left: 0; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn {
        display: block;
        width: 100%;
        padding: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn .mobile-back {
          padding: 20px;
          color: #242934;
          font-weight: 700;
          text-transform: uppercase;
          border-bottom: 1px solid #efefef;
          cursor: pointer;
          display: flex;
          justify-content: flex-end;
          align-items: center; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
        display: block;
        width: 100%;
        position: relative; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
          padding: 25px 0 6px 20px;
          margin-top: 0px;
          margin-bottom: 12px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title {
            display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title.pin-title.show {
              display: block; }
          [dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title {
            padding: 25px 20px 6px 0; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
            position: absolute;
            content: '';
            top: 0;
            left: 50%;
            background: rgba(255, 255, 255, 0.2);
            width: calc(100% - 40px);
            height: 1px;
            transform: translateX(-50%); }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2) {
            margin-top: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title:nth-child(2)::before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list {
          padding: 0px 18px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list .badge {
            position: absolute;
            right: 50px;
            top: 14.5px;
            padding: 0.45em 0.8em 0.33em;
            z-index: 1;
            font-size: 10px;
            letter-spacing: 0.7px;
            font-weight: 600;
            font-family: "Montserrat", sans-serif;
            border-radius: 10px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list:hover > a:hover {
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg {
          fill: #fff;
          stroke: #fff;
          transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg.fill-icon {
            fill: #fff;
            stroke: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover span {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover .according-menu i {
          color: #fff;
          transition: all 0.3s ease; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a {
          padding: 11px 13px;
          position: relative;
          color: #222222; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow {
            right: 20px;
            position: absolute;
            top: 10px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow i {
              display: none; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a .sub-arrow:before {
              display: none; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:first-child {
          display: none !important; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
          width: 100%;
          padding: 0;
          position: relative !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
            padding-left: 50px !important;
            font-weight: 400; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu .submenu-title .according-menu {
            top: 7px; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover > a {
            color: #fff;
            transition: all 0.3s ease; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
            display: none;
            position: relative !important;
            right: 0;
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu.opensubchild {
              display: block; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a {
              padding: 6px 45px;
              padding-left: 63px !important; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu li a:after {
                display: none; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
            padding: 7px 25px;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.7);
            display: block;
            position: relative;
            letter-spacing: 0.06em;
            font-weight: 500;
            transition: all 0.3s ease;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a .content-menu {
              padding: 0px 15px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active {
              color: #fff; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active::before {
                opacity: 1;
                background: #fff;
                visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after {
              left: 20px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
              margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
          padding: 0;
          position: relative; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container.opensubmenu {
            display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box {
            width: 100%;
            padding: 0; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section:hover h5 {
              color: #fff !important;
              transition: all 0.3s ease; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title {
              position: relative; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                margin-bottom: 0;
                line-height: 1.9;
                padding: 6px 25px 6px 65px;
                font-size: 14px;
                position: relative;
                color: rgba(255, 255, 255, 0.8);
                display: block;
                letter-spacing: 0.06em;
                font-weight: 500;
                font-family: "Montserrat", sans-serif;
                cursor: pointer; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
                  left: 20px; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5 {
                color: #fff; }
                .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title.active h5::before {
                  opacity: 1;
                  visibility: visible; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
                top: 8px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
              margin-bottom: 0;
              line-height: 1.9;
              padding: 6px 15px 6px 65px;
              font-size: 14px;
              position: relative;
              color: rgba(255, 255, 255, 0.8);
              display: block;
              letter-spacing: 0.06em;
              font-weight: 500;
              font-family: "Montserrat", sans-serif; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a:after {
                display: none; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a.active {
                color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
              line-height: 1.9; }
              .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
                margin-left: 0; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container {
          display: block !important; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.mega-menu .sidebar-title.active ~ .mega-menu-container::before {
            height: calc(100% - 9px);
            transition: height 0.5s; }
        .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link {
          display: block; }
          .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
            position: relative;
            margin-bottom: 10px;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active::after {
              opacity: 1;
              visibility: visible; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active ~ .sidebar-submenu::before {
              height: calc(100% - 8px);
              transition: height 0.5s; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active .according-menu i {
              color: #fff; }
            .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span {
              color: #fff;
              transition: all 0.3s ease; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .simplebar-content {
      display: flex;
      flex-direction: column; }
  .page-wrapper.compact-wrapper .page-body-wrapper .mega-box.col {
    flex-basis: unset; }
  .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
    position: absolute;
    right: 20px;
    top: 11px;
    display: block; }
    .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
      vertical-align: middle;
      color: rgba(255, 255, 255, 0.8);
      font-weight: 500; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu.border-section {
    border: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav {
    position: absolute;
    z-index: 2;
    right: 145px;
    top: 6px; }
    .page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
      font-size: 18px;
      padding-left: 5px;
      text-transform: uppercase; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 80px);
    margin-top: 56px;
    margin-left: 265px; }
  .page-wrapper.compact-wrapper.dark-sidebar .sidebar-main-title h6, .page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title h6 {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .toggle-sidebar svg, .page-wrapper.compact-wrapper.color-sidebar .toggle-sidebar svg {
    stroke: var(--theme-deafult); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
    stroke: #fff !important; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
    fill: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
    stroke: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
    fill: #fff; }
  .page-wrapper.compact-wrapper.dark-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before, .page-wrapper.compact-wrapper.color-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-main-title::before {
    background: rgba(255, 255, 255, 0.1); }
  .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #22242B; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.stroke-icon {
      stroke: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg.fill-icon {
      fill: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      color: rgba(255, 255, 255, 0.6); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
      color: rgba(255, 255, 255, 0.6);
      font-weight: 400; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container::after {
      background-color: rgba(255, 255, 255, 0.2); }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg {
      color: #fff;
      stroke: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
      color: #fff; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-light, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-light {
      display: none; }
    .page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-dark, .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-dark {
      display: block; }
  .page-wrapper.compact-wrapper.dark-sidebar .according-menu i, .page-wrapper.compact-wrapper.color-sidebar .according-menu i {
    color: rgba(255, 255, 255, 0.6); }
  .page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #2f3c4e; }
  .page-wrapper.compact-sidebar .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content {
    display: flex;
    flex-direction: column; }
  .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 54px;
    color: #fff;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-sidebar .sidebar-list i.fa-thumb-tack {
      left: 54px;
      right: unset; }
  .page-wrapper.compact-sidebar .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible;
    cursor: pointer;
    z-index: 1; }
  .page-wrapper.compact-sidebar .sidebar-list.pined {
    order: -1; }
  .page-wrapper.compact-sidebar .pin-title {
    order: -1; }
  .page-wrapper.compact-sidebar ~ .bg-overlay1 {
    transition: 0.8s; }
    .page-wrapper.compact-sidebar ~ .bg-overlay1.active {
      z-index: 8;
      height: 100vh;
      width: 100vw;
      background-color: rgba(0, 0, 0, 0.2);
      position: fixed;
      top: 0; }
  .page-wrapper.compact-sidebar .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-sidebar .sidebar-main-title {
    display: none; }
  .page-wrapper.compact-sidebar .logo-wrapper {
    display: none; }
  .page-wrapper.compact-sidebar .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 24px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-sidebar .page-header {
    margin-left: 150px;
    width: calc(100% - 150px); }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1578px) and (min-width: 1274px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 38%; } }
      @media (max-width: 1273px) and (min-width: 1200px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 45%; } }
      @media (max-width: 991px) and (min-width: 768px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 36%; } }
      @media (max-width: 767px) and (min-width: 756px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
          width: 28%; } }
      @media (max-width: 1199px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 132px; } }
      @media (max-width: 767px) {
        .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header h6 {
          width: 83px; } }
    .page-wrapper.compact-sidebar .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
    margin-top: 80px;
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper .footer {
    margin-left: 150px; }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
      height: auto;
      line-height: inherit;
      background: #F5F5F5;
      width: 150px;
      text-align: left;
      transition: 0.3s;
      box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1); }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      margin: 30px 0;
      height: calc(100vh - 113px);
      overflow: auto; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
        color: #2c323f; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
          text-transform: capitalize;
          color: #2c323f;
          font-weight: 500;
          letter-spacing: 1px;
          font-size: 14px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active {
          background: rgba(0, 102, 102, 0.1);
          color: #006666;
          border-radius: 20px;
          margin: 0 10px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active span {
            color: #006666; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
            animation: fadeInLeft 300ms ease-in-out; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
        display: block;
        padding: 20px 0;
        border-bottom: 1px solid #f3f3f3; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
        position: fixed;
        top: 0px;
        height: calc(100vh - 0px);
        overflow: auto;
        left: 150px;
        width: 230px;
        background-color: #fff;
        box-shadow: 0 16px 15px 15px rgba(126, 55, 216, 0.03);
        transition: all 0.5s ease-in-out;
        display: none;
        padding-top: 20px;
        z-index: -1; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
          padding: 15px 15px 15px 40px;
          display: block;
          position: relative;
          border-bottom: 1px solid #f1f1f1; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
            display: none; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
            position: absolute;
            right: 20px;
            top: 16px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a.active,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a.active {
            background-color: rgba(0, 102, 102, 0.1);
            color: #006666;
            transition: all 0.3s ease; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li .submenu-content li a.active,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li .submenu-content li a.active {
          background-color: transparent; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
          position: absolute;
          content: "";
          left: 20px;
          top: 48%;
          width: 12px;
          border-top: 2px solid rgba(255, 255, 255, 0.4); }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box,
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 0; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
            text-align: left; }
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
            .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
              position: relative;
              font-size: 14px;
              font-weight: 400;
              padding: 15px 15px 15px 40px;
              letter-spacing: 1px;
              margin-bottom: 0; }
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
              .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
                position: absolute;
                content: "";
                left: 20px;
                top: 48%;
                width: 6px;
                border-top: 2px solid #595c60; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list {
        position: relative; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
          position: absolute;
          left: 53%;
          top: 7px;
          font-weight: 500;
          font-size: 9px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
          text-align: center; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
            margin: 0 auto 6px;
            width: 24px;
            height: 24px; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
            display: block;
            font-weight: 500;
            letter-spacing: 1px;
            font-size: 14px;
            word-break: break-word; }
          .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link .according-menu {
            display: none; }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
        text-align: center;
        padding: 0; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
          width: 24px;
          height: 24px; }
        .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
          position: absolute;
          right: 20px;
          top: 13px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="stroke-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.stroke-icon {
      display: none; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper[data-layout="fill-svg"] .sidebar-links .mega-menu svg.fill-icon {
      display: block;
      margin: 0 auto 6px; }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
      transform: translateX(-150px); }
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
      .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
        margin-left: 0px; }
  .page-wrapper.compact-small .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px; }
  .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
    visibility: hidden;
    position: absolute;
    top: 8px;
    right: 22px;
    color: #006666;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 102, 102, 0.2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    [dir="rtl"] .page-wrapper.compact-small .sidebar-list i.fa-thumb-tack {
      left: 22px;
      right: unset; }
  .page-wrapper.compact-small .sidebar-list:hover i.fa-thumb-tack {
    visibility: visible; }
  .page-wrapper.compact-small .sidebar-list.pined, .page-wrapper.compact-small .sidebar-list.pin-title {
    order: -1; }
  .page-wrapper.compact-small .sidebar-main-title,
  .page-wrapper.compact-small .logo-wrapper {
    display: none; }
  .page-wrapper.compact-small .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 27px 30px;
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1); }
  .page-wrapper.compact-small .page-header {
    margin-left: 90px;
    width: calc(100% - 90px); }
    .page-wrapper.compact-small .page-header .header-wrapper .logo-wrapper {
      display: none; }
    .page-wrapper.compact-small .page-header.close_icon {
      margin-left: 0;
      width: calc(100% - 0px); }
  .page-wrapper.compact-small .page-body-wrapper .page-body {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper .footer {
    margin-left: 90px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div {
    width: 90px; }
  @media (max-width: 420px) {
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 105px); } }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    display: block;
    padding: 15px 0; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 90px; }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
      padding: 10px 15px 10px 40px; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow {
        display: none; }
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
      .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
        top: 11px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
    margin: 0 auto;
    width: 20px;
    height: 20px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
    margin: 0 auto; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu a > span {
    display: none; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translateX(-150px); }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
      margin-left: 0px; }
  .page-wrapper.only-body {
    background-color: #f2f0fa; }
    .page-wrapper.only-body .page-body-wrapper {
      background-color: #f2f0fa; }
    .page-wrapper.only-body .page-header {
      position: relative; }
      .page-wrapper.only-body .page-header .header-logo-wrapper {
        display: none; }
      .page-wrapper.only-body .page-header .header-wrapper {
        padding: 0 !important; }
        .page-wrapper.only-body .page-header .header-wrapper .left-header {
          display: none; }
        .page-wrapper.only-body .page-header .header-wrapper .nav-right {
          position: absolute;
          right: 60px;
          top: 58px; }
        .page-wrapper.only-body .page-header .header-wrapper .search-full {
          top: 37px;
          width: calc(100% - 50px);
          left: 25px; }
          [dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .search-full {
            left: unset;
            right: 25px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
            background-color: #fff;
            border-radius: 15px; }
          .page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu {
            top: 78px;
            width: calc(100% - 30px);
            margin: 0 auto;
            right: 0; }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-top: 20px;
      padding-bottom: 20px; }
    .page-wrapper.only-body .sidebar-wrapper,
    .page-wrapper.only-body footer {
      display: none; }
    .page-wrapper.only-body .page-body-wrapper .page-body {
      margin-top: 0px;
      min-height: calc(100vh - 0px); }
    .page-wrapper.only-body .page-body-wrapper .page-title {
      padding-left: 30px;
      padding-right: 30px;
      margin: 30px 0;
      border-radius: 15px; }
      @media (max-width: 991.98px) {
        .page-wrapper.only-body .page-body-wrapper .page-title {
          padding-left: 20px;
          padding-right: 20px;
          margin: 20px 0; } }
      .page-wrapper.only-body .page-body-wrapper .page-title > .row .col-6 {
        flex: 0 0 100%;
        max-width: 100%; }
      .page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb {
        margin-top: 5px;
        justify-content: flex-start; }
  .page-wrapper.modern-type .progress-chart-wrap {
    margin-left: -22px; }
    [dir="rtl"] .page-wrapper.modern-type .progress-chart-wrap {
      margin-left: unset;
      margin-right: -22px; }
  .page-wrapper.modern-type .ecommerce-widget {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .file-sidebar .pricing-plan {
    border: 1px solid #00d6d6 !important; }
  .page-wrapper.modern-type .alert-primary {
    color: #006666; }
  .page-wrapper.modern-type .project-box {
    background-color: #00d6d6; }
  .page-wrapper.modern-type .nav-tabs .nav-link.active {
    background-color: transparent; }
  .page-wrapper.modern-type .simplebar-mask {
    top: 10px; }
  .page-wrapper.modern-type .page-header {
    margin-left: 0px;
    width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header.close_icon {
      margin-left: 0px;
      width: calc(100% - 0px); }
    .page-wrapper.modern-type .page-header .header-wrapper .left-header {
      width: 30%; }
      @media (max-width: 1428px) and (min-width: 1200px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 37%; } }
      @media (max-width: 818px) {
        .page-wrapper.modern-type .page-header .header-wrapper .left-header {
          width: 36%; } }
    @media (max-width: 1669px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 50%; } }
    @media (max-width: 1428px) and (min-width: 1200px) {
      .page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 40%; } }
    .page-wrapper.modern-type .page-header .header-wrapper .header-logo-wrapper {
      display: flex;
      align-items: center; }
    .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
      display: block;
      margin-right: 30px; }
    .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
      display: block;
      position: relative;
      top: unset;
      right: unset;
      margin-right: 15px; }
  .page-wrapper.modern-type .page-body-wrapper .page-title {
    background-color: transparent;
    padding-bottom: 0; }
  .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
    margin: 30px !important;
    top: 80px;
    bottom: 0;
    border-radius: 15px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 160px); }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
      display: none; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      margin-left: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
      margin-left: 0px;
      margin-right: 0px; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
      display: none; }
  .page-wrapper.modern-type .page-body-wrapper .page-body {
    margin-left: 296px; }
    .page-wrapper.modern-type .page-body-wrapper .page-body .container-fluid {
      max-width: 1500px; }
  .page-wrapper.modern-type .page-body-wrapper .footer {
    margin-left: 360px;
    margin-right: 70px;
    border-radius: 10px; }
    @media (max-width: 991px) {
      .page-wrapper.modern-type .page-body-wrapper .footer {
        margin-right: 0;
        margin-left: 0; } }
  .page-wrapper.material-type {
    position: relative; }
    .page-wrapper.material-type::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 300px;
      background-image: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-type .card {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
    .page-wrapper.material-type .page-header {
      position: relative;
      max-width: 1560px;
      margin: 50px auto 0;
      border-radius: 15px 15px 0 0; }
      .page-wrapper.material-type .page-header .header-wrapper .left-header {
        width: 31%; }
        @media (max-width: 1600px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 33%; } }
        @media (max-width: 1366px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 38%; } }
        @media (max-width: 1199px) {
          .page-wrapper.material-type .page-header .header-wrapper .left-header {
            width: 30%; } }
      @media (max-width: 1600px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 40%; } }
      @media (max-width: 1199px) {
        .page-wrapper.material-type .page-header .header-wrapper .nav-right {
          width: 45%; } }
    .page-wrapper.material-type .page-body-wrapper {
      background-blend-mode: overlay;
      background-color: rgba(255, 255, 255, 0.5); }
      .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        position: relative;
        max-width: 1560px;
        margin: 0 auto;
        top: unset;
        height: 56px; }
      .page-wrapper.material-type .page-body-wrapper .page-body {
        margin: 0 auto;
        max-width: 1560px;
        background-color: #F5F5F5;
        box-shadow: 0 0 20px 7px rgba(8, 21, 66, 0.05);
        border-radius: 0 0 15px 15px; }
    .page-wrapper.material-type .footer {
      margin-top: 40px; }
    .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .left-header {
      width: 38%; }
    @media (max-width: 991px) {
      .page-wrapper.material-type.compact-wrapper .page-header .header-wrapper .nav-right {
        width: 50%; } }
  .page-wrapper.advance-layout {
    background-blend-mode: overlay;
    background-color: #F5F5F5; }
    .page-wrapper.advance-layout .card {
      border-radius: 5px;
      box-shadow: none;
      border: 1px solid #ecf3fa; }
    .page-wrapper.advance-layout .page-header {
      position: relative;
      background-color: #fff;
      margin: 0 auto; }
    .page-wrapper.advance-layout .page-body-wrapper {
      background: transparent; }
      .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
        position: relative !important;
        top: unset !important;
        height: unset;
        box-shadow: none;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef; }
        .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper > div {
          overflow-x: hidden; }
      .page-wrapper.advance-layout .page-body-wrapper .page-body {
        margin-top: 0 !important; }

@keyframes pagebody {
  from {
    opacity: 0;
    transform: scale3d(0.98, 0.98, 0.98) translate(-20px, -50px); }
  50% {
    opacity: 1; } }

.md-sidebar {
  position: relative; }
  .md-sidebar .md-sidebar-toggle {
    display: none;
    width: fit-content;
    text-transform: capitalize;
    margin-bottom: 20px; }

#sidebar-menu .sidebar-links .simplebar-mask {
  border-bottom-right-radius: 18px; }

@media screen and (max-width: 1480px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -18%;
    width: 91%; } }

@media screen and (max-width: 1460px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -54%;
    width: 75%; }
  .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-right: 8px; } }

@media screen and (max-width: 1366px) {
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -49%;
    width: 70%; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) {
    padding: 8px; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(n+2):not(:last-child .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav:nth-child(n+2)) svg {
      height: 22px;
      width: 22px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.onhover-dropdown.notification-down:nth-child(5)::before {
    left: 47px;
    height: 42px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li .profile-media img {
    width: 32px;
    height: 32px; }
  .profile-dropdown.onhover-show-div {
    right: 0;
    left: unset !important; }
    .profile-dropdown.onhover-show-div:before, .profile-dropdown.onhover-show-div:after {
      right: 10px !important;
      left: unset !important; } }

@media screen and (max-width: 1199px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 6px; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown .notification-down::before {
      content: "";
      position: absolute;
      left: 33px;
      height: 30px; }
  .mobile-title.d-none {
    display: flex !important;
    justify-content: space-between;
    padding: 20px 30px 17px;
    border-bottom: 1px solid #ddd;
    margin: 0 -15px; }
    .mobile-title.d-none h5 {
      color: var(--theme-deafult); }
    .mobile-title.d-none svg {
      stroke: var(--theme-deafult) !important; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    right: -35%;
    width: 56%; } }

@media screen and (min-width: 992px) {
  .page-header .header-wrapper .nav-right .notification-dropdown {
    top: 46px; }
  .responsive-btn {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-mask {
    top: 0; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
    width: 200px;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    transition: all 0.5s ease; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu a .sub-arrow {
      position: absolute;
      right: 20px;
      top: 5px;
      color: #59667a;
      font-weight: 100;
      transition: all 0.5s ease;
      font-size: 15px;
      top: 5px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li .nav-sub-childmenu {
      display: none;
      border-radius: 4px; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover .nav-sub-childmenu {
      display: block;
      position: absolute;
      left: 200px;
      background-color: #fff;
      top: -10px;
      padding: 15px 0px 15px 0px;
      box-shadow: 0 0 1px 0 #898989; }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover .sub-arrow {
      right: 16px;
      transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.hoverd .sidebar-submenu {
    opacity: 1;
    visibility: visible;
    margin-top: 8px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .mega-menu-container {
    opacity: 1;
    visibility: visible;
    margin-top: 20px;
    transition: all 0.5s ease; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    display: none; }
  .page-wrapper.horizontal-wrapper .page-body-wrapper .mobile-back {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .page-wrapper.material-icon {
    position: relative; }
    .page-wrapper.material-icon::before {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 200px;
      background: linear-gradient(103.75deg, #173878 -13.9%, var(--theme-deafult) 79.68%); }
    .page-wrapper.material-icon .toggle-sidebar {
      color: rgba(255, 255, 255, 0.8); }
      .page-wrapper.material-icon .toggle-sidebar:hover > svg {
        color: #fff !important;
        stroke: #fff !important; }
    .page-wrapper.material-icon .page-header {
      position: relative;
      background: transparent;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto;
      width: calc(100% - 0px);
      box-shadow: none; }
      .page-wrapper.material-icon .page-header .f-light {
        color: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right ul li .profile-dropdown li svg {
        stroke: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li {
        color: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .notification-box svg,
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li .cart-box svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > a > svg {
          stroke: #fff; }
        .page-wrapper.material-icon .page-header .header-wrapper .nav-right > ul > li > svg {
          stroke: #fff; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
        color: #051A1A; }
      .page-wrapper.material-icon .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
        color: rgba(255, 255, 255, 0.7); }
      .page-wrapper.material-icon .page-header.close_icon {
        padding-left: 0;
        margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-body {
      margin-top: 0 !important;
      padding-left: 90px;
      max-width: 1660px;
      margin: 0 auto; }
    .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
      padding-left: 15px;
      margin: 0 auto !important; }
    .page-wrapper.material-icon .page-body-wrapper .page-title {
      color: #fff;
      background-color: transparent;
      border-bottom: none;
      box-shadow: none; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        stroke: #fff; }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
        color: rgba(255, 255, 255, 0.6); }
      .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        color: rgba(255, 255, 255, 0.8); } }

@media only screen and (min-width: 992px) {
  .page-wrapper.material-icon::before {
    height: 240px; } }

@media screen and (max-width: 767px) {
  .page-wrapper .page-header .header-wrapper .nav-right ul li:nth-child(2) {
    background-color: #fff;
    padding: 8px;
    border-radius: 40px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav {
    background-color: unset; }
    .page-wrapper .page-header .header-wrapper .nav-right ul li.profile-nav ul li {
      border-radius: 0px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li:last-child {
    padding: 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-box svg {
    height: 27px;
    width: 27px;
    cursor: pointer; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .notification-dropdown .cart-dropdown ul li:nth-child(2) {
    border-radius: 0px !important;
    padding: 16px 0px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li.notification-down .tab-content .notification-card ul li {
    padding: 15px 0px !important;
    border-radius: 0px !important; }
  .sidebar-wrapper .menu .brand-logo img {
    width: 120px; } }

@media screen and (max-width: 576px) {
  .toggle-nav i {
    font-size: 20px; } }

/**=====================
  5.7 Sidebar CSS Ends
==========================**/
/**=====================
    5.8 Rtl CSS Start
==========================**/
html[dir="rtl"] ul {
  padding-right: 0; }

html[dir="rtl"] .ms-auto {
  margin-left: unset !important;
  margin-right: auto !important; }

html[dir="rtl"] .revenuegrowth .revenuegrowth-chart::before {
  right: unset;
  left: 0px; }

html[dir="rtl"] .img-boostup .img-boostup-img-1 {
  left: unset;
  right: -63px;
  transform: scaleX(-1); }

html[dir="rtl"] .img-boostup .img-boostup-img-2 {
  transform: scaleX(-1);
  left: unset;
  right: -61px; }

html[dir="rtl"] .table-order .order-table thead tr th:first-child, html[dir="rtl"] .project-table .order-table thead tr th:first-child {
  border-top-left-radius: unset !important;
  border-bottom-left-radius: unset !important;
  border-top-right-radius: 5px  !important;
  border-bottom-right-radius: 5px !important; }

html[dir="rtl"] .table-order .order-table thead tr th:last-child, html[dir="rtl"] .project-table .order-table thead tr th:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important; }

html[dir="rtl"] .tap-top {
  left: 30px;
  right: unset; }

html[dir="rtl"] .tranaction-table thead tr th:first-child {
  border-top-left-radius: unset !important;
  border-bottom-left-radius: unset !important;
  border-top-right-radius: 5px  !important;
  border-bottom-right-radius: 5px !important; }

html[dir="rtl"] .tranaction-table thead tr th:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important; }

html[dir="rtl"] .user-message ul li .activity-log .status {
  right: 25px !important; }

html[dir="rtl"] .activity-table table tbody tr td .team-activity::before {
  right: 24px;
  left: unset; }

html[dir="rtl"] .activity-table table tbody tr td .activity-data span::before {
  right: -9px;
  left: unset; }

html[dir="rtl"] .activity-table table tbody tr td .activity-data .common-space::before {
  bottom: 0px;
  top: unset;
  right: unset;
  left: 0px; }

html[dir="rtl"] .activity-table table tbody tr td .activity-data .user-activity::before {
  bottom: 0px;
  top: unset;
  right: unset;
  left: 0px; }

html[dir="rtl"] .prooduct-details-box .media .media-body {
  margin-right: 1rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .important-project .projectlist-card .range_4 .slider-container {
  direction: ltr; }
  html[dir="rtl"] .important-project .projectlist-card .range_4 .slider-container .slider_input {
    left: 0; }

html[dir="rtl"] .add-project .categories {
  transform: scaleX(-1);
  left: 0;
  right: unset; }

html[dir="rtl"] .activity-group::before {
  content: "";
  right: 0px;
  left: unset; }

html[dir="rtl"] .projectlist-card .project-comment .project-comment-icon .project-link::before {
  left: 35px;
  right: unset; }

html[dir="rtl"] .figure.text-start blockquote {
  border-left: none !important;
  border-right: 4px solid #006666 !important; }

html[dir="rtl"] .figure.text-end blockquote {
  border-right: none !important;
  border-left: 4px solid #006666 !important; }

html[dir="rtl"] .client-list-table table tbody tr td .user-id::before {
  right: unset;
  left: 11%; }

html[dir="rtl"] .project-table .project-comment .project-comment-icon .project-link::before {
  right: 47px;
  left: unset; }

html[dir="rtl"] .activity-log-card ul::before {
  right: 36px;
  left: unset; }

html[dir="rtl"] .slider-wrapper {
  direction: ltr; }

html[dir="rtl"] .f-right {
  float: left; }

html[dir="rtl"] .papernote-wrap .note-labels ul {
  gap: 9px; }

html[dir="rtl"] .form-check-inline {
  margin-right: unset;
  margin-left: 1rem; }

html[dir="rtl"] .knowledgebase-search .form-inline svg {
  left: unset;
  right: 20px; }

html[dir="rtl"] .switch-showcase .form-check .form-check-input {
  float: left; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:first-child {
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:last-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-left-width: 1px; }

html[dir="rtl"] .pill-input-group span:last-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 1.3rem !important;
  border-bottom-left-radius: 1.3rem !important; }

html[dir="rtl"] .pill-input-group span:first-child {
  border-top-left-radius: unset !important;
  border-top-right-radius: unset !important;
  border-top-right-radius: 1.3rem !important;
  border-bottom-right-radius: 1.3rem !important; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
  text-align: right;
  border-top-left-radius: 15px;
  border-top-right-radius: unset;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: unset; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .toggle-sidebar {
    right: unset;
    left: 30px; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
    padding: 0; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .badge {
      left: 50px !important;
      right: unset !important; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon {
    margin-right: 0;
    margin-left: unset; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .logo-icon-wrapper {
      text-align: left; }
      html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .logo-icon-wrapper img {
        margin-left: 8px; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .page-body,
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
      margin-left: 0;
      margin-right: 100px;
      transition: 0.5s; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      margin-left: 0; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
      display: none !important; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .according-menu {
      display: none; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      margin-left: 13px; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover {
    transform: translate(0px); }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active ~ .sidebar-submenu {
      display: block !important; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
      float: none; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .according-menu {
      display: block; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu:after {
    right: 30px;
    left: unset;
    border-top-right-radius: 8px;
    border-right: 2px solid; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a {
    padding-right: 65px !important;
    padding-left: unset !important; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a:before {
      right: 32px; }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu > li a:after {
      right: 20px;
      left: unset;
      top: 9%;
      border-bottom-left-radius: unset;
      border-bottom-right-radius: 8px;
      border-left: unset;
      border-right: 2px solid rgba(255, 255, 255, 0.5);
      border-bottom: 2px solid rgba(255, 255, 255, 0.5); }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 265px; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
  right: unset;
  left: 20px; }

html[dir="rtl"] .page-wrapper.only-body .page-header .header-wrapper .nav-right {
  right: unset;
  left: 30px; }

html[dir="rtl"] .date-details > div + div {
  margin-left: unset;
  margin-right: 10px; }

html[dir="rtl"] .contact-editform.ps-0 {
  padding-left: 20px !important; }

html[dir="rtl"] .contact-options li .btn-category {
  padding-left: unset !important;
  padding-right: 40px; }

html[dir="rtl"] .list-persons .profile-mail .email-general ul {
  padding-right: unset;
  padding-left: 20px; }
  html[dir="rtl"] .list-persons .profile-mail .email-general ul li > span {
    float: left; }

html[dir="rtl"] .list-persons .profile-mail .media .media-body ul li + li {
  padding-right: unset;
  padding-left: 10px;
  margin-right: unset;
  margin-left: 5px;
  border-right: unset;
  border-left: 1px solid #E6E9EB; }

html[dir="rtl"] .file-content .form-inline i {
  padding-right: unset;
  padding-left: 10px; }

html[dir="rtl"] .file-sidebar .btn svg {
  margin-right: unset;
  margin-left: 8px; }

html[dir="rtl"] .file-sidebar .pricing-plan .bg-img {
  left: -40px;
  right: unset; }

html[dir="rtl"] .form-select {
  border-radius: 0px;
  background-position: left 0.75rem center; }

html[dir="rtl"] .customers ul li + li {
  margin-left: unset;
  margin-right: -10%; }

html[dir="rtl"] .project-list .border-tab.nav-tabs .nav-item .nav-link {
  padding: 5px 0 5px 30px; }

html[dir="rtl"] .project-box .badge {
  right: unset;
  left: 30px; }

html[dir="rtl"] .kanban-board {
  float: right; }

html[dir="rtl"] .kanban-item .kanban-box .customers ul li + li {
  margin-left: unset;
  margin-right: -10px; }

html[dir="rtl"] .kanban-item .list li i {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .page-wrapper.horizontal-wrapper .header-logo-wrapper {
  text-align: right; }

html[dir="rtl"] .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
  margin-right: 0; }

html[dir="rtl"] .page-wrapper.horizontal-wrapper .page-body-wrapper footer {
  margin-right: 0; }

html[dir="rtl"] .page-wrapper.material-type .page-body-wrapper .page-body {
  margin-right: auto; }

html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:first-child {
  margin-right: 0; }

html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
  margin-right: 15px;
  margin-left: unset; }

html[dir="rtl"] .page-header .header-wrapper .toggle-sidebar {
  margin-left: 2px;
  margin-right: unset; }

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
  left: -20px !important;
  right: unset !important; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
      left: 12px !important; } }
html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full input {
  padding-left: unset;
  padding-right: 60px;
  text-align: right; }

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
  left: unset;
  right: 30px; }

html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
  right: unset;
  left: 0; }

html[dir="rtl"] .page-wrapper.compact-sidebar .toggle-sidebar {
  margin-left: 15px;
  margin-right: unset; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-header {
  margin-left: unset;
  margin-right: 150px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-header.close_icon {
    margin-right: 0; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 150px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper .footer {
  margin-left: unset;
  margin-right: 150px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
  text-align: right; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
  animation: fadeInRight 1000ms ease-in-out; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  right: 150px;
  left: unset; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a {
    padding: 15px 40px 15px 15px; }
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu,
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu {
      right: 20px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu > li > a::after,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container > li > a::after {
    left: unset;
    right: 20px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section {
    text-align: right; }
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5,
    html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      padding: 15px 40px 15px 15px; }
      html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5::after,
      html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5::after {
        left: unset;
        right: 20px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
  left: unset;
  right: 53%; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
  text-align: center; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
  text-align: center; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
    right: unset;
    left: 20px; }

html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
  transform: translateX(150px); }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon ~ .footer {
    margin-right: 0px; }

html[dir="rtl"] .page-wrapper.compact-small .page-header {
  margin-right: 90px; }

html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
  right: 90px; }

html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper .footer,
html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper .page-body {
  margin-right: 90px; }

html[dir="rtl"] .page-wrapper.material-icon .page-header {
  padding-left: unset;
  padding-right: 90px;
  margin: 0 auto; }
  html[dir="rtl"] .page-wrapper.material-icon .page-header.close_icon {
    padding-right: 0; }

html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper .page-body {
  padding-left: 15px;
  padding-right: 90px;
  margin: 0 auto; }

html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
  padding-right: 15px;
  margin: 0 auto !important; }

html[dir="rtl"] .apexcharts-canvas {
  direction: ltr; }

html[dir="rtl"] .email-wrap .btn-mail {
  text-align: right; }

html[dir="rtl"] .email-wrap .email-app-sidebar ul li a {
  padding-left: unset;
  padding-right: 20px; }

html[dir="rtl"] .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
  text-align: center; }

html[dir="rtl"] .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark {
  text-align: right; }

html[dir="rtl"] .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
  left: 30px;
  right: unset;
  text-align: left; }

html[dir="rtl"] .bookmark-wrap .details-bookmark .row > div + div {
  padding-left: 15px !important; }

html[dir="rtl"] .appointment-table table tr td .status-circle {
  left: unset;
  right: 35px; }

html[dir="rtl"] .notification .card .d-flex .w-100 p .badge {
  margin-left: unset;
  margin-right: 10px; }

html[dir="rtl"] .progress-gradient-primary {
  background-image: linear-gradient(to right, var(--theme-deafult), transparent); }
  html[dir="rtl"] .progress-gradient-primary::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-primary .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-secondary {
  background-image: linear-gradient(to right, #FE6A49, transparent); }
  html[dir="rtl"] .progress-gradient-secondary::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-secondary .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-success {
  background-image: linear-gradient(to right, #00AC46, transparent); }
  html[dir="rtl"] .progress-gradient-success::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-success .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-danger {
  background-image: linear-gradient(to right, #FE6A49, transparent); }
  html[dir="rtl"] .progress-gradient-danger::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-danger .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-info {
  background-image: linear-gradient(to right, #173878, transparent); }
  html[dir="rtl"] .progress-gradient-info::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-info .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-light {
  background-image: linear-gradient(to right, #E6E9EB, transparent); }
  html[dir="rtl"] .progress-gradient-light::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-light .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-dark {
  background-image: linear-gradient(to right, #2c323f, transparent); }
  html[dir="rtl"] .progress-gradient-dark::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-dark .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-gradient-warning {
  background-image: linear-gradient(to right, #FFAE1A, transparent); }
  html[dir="rtl"] .progress-gradient-warning::after {
    right: unset;
    left: -1px; }
  html[dir="rtl"] .progress-gradient-warning .animate-circle {
    right: unset;
    left: -8px; }

html[dir="rtl"] .progress-animate span {
  left: -10px;
  right: unset; }

html[dir="rtl"] .me-4 {
  margin-left: 1.5rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .pe-4 {
  padding-left: 1.5rem !important;
  padding-right: unset !important; }

html[dir="rtl"] .me-1 {
  margin-left: 0.25rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .navs-dropdown .onhover-show-div {
  right: 0; }

html[dir="rtl"] .default-according.style-1 button {
  text-align: right; }
  html[dir="rtl"] .default-according.style-1 button:before {
    left: 20px;
    right: unset; }
    @media (max-width: 575px) {
      html[dir="rtl"] .default-according.style-1 button:before {
        left: 15px; } }
  html[dir="rtl"] .default-according.style-1 button i {
    right: 18px;
    left: unset; }

html[dir="rtl"] .default-according .card .card-header i {
  right: 18px;
  left: unset; }

html[dir="rtl"] .faq-wrap .faq-accordion .card .card-header .btn-link {
  padding-right: 20px !important; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .faq-wrap .faq-accordion .card .card-header .btn-link {
      padding-right: 10px !important; } }
html[dir="rtl"] .ProfileCard-details {
  padding-right: 30px;
  padding-left: unset;
  float: right; }

html[dir="rtl"] .starter-main .card-body ul {
  padding-right: 30px;
  padding-left: unset; }

html[dir="rtl"] .theme-tab .tab-title li a svg {
  margin-left: 5px;
  margin-right: unset; }

html[dir="rtl"] .spent .spent-graph .project-budget {
  margin-left: 30px;
  margin-right: unset; }

html[dir="rtl"] .support-table table tbody tr td:first-child {
  padding-right: 0;
  padding-left: unset; }

html[dir="rtl"] .order-box .sub-total .shipping-class .shopping-checkout-option,
html[dir="rtl"] .order-box .sub-total .shipping-class span,
html[dir="rtl"] .order-box .sub-total li .shopping-checkout-option,
html[dir="rtl"] .order-box .sub-total li span,
html[dir="rtl"] .order-box .total .shipping-class .shopping-checkout-option,
html[dir="rtl"] .order-box .total .shipping-class span,
html[dir="rtl"] .order-box .total li .shopping-checkout-option,
html[dir="rtl"] .order-box .total li span,
html[dir="rtl"] .order-box .qty .shipping-class .shopping-checkout-option,
html[dir="rtl"] .order-box .qty .shipping-class span,
html[dir="rtl"] .order-box .qty li .shopping-checkout-option,
html[dir="rtl"] .order-box .qty li span {
  float: left; }

html[dir="rtl"] .order-box .sub-total li .count,
html[dir="rtl"] .order-box .total li .count,
html[dir="rtl"] .order-box .qty li .count {
  float: left; }

html[dir="rtl"] .img-paypal {
  margin-right: 15px;
  margin-left: unset; }

html[dir="rtl"] .cart .qty-box .input-group .btn {
  border-radius: 0 !important; }

html[dir="rtl"] .product-qnty fieldset .input-group .input-group-prepend .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .grid-options {
  margin-right: 10px;
  margin-left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-1 {
    right: 12px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-2 {
    right: 18px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-3 {
    right: 36px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-4 {
    right: 42px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-5 {
    right: 48px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-6 {
    right: 66px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-7 {
    right: 72px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-8 {
    right: 78px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-9 {
    right: 84px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-10 {
    right: 103px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-11 {
    right: 109px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-12 {
    right: 115px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-13 {
    right: 121px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-14 {
    right: 127px;
    left: unset; }
  html[dir="rtl"] .grid-options ul li a .line-grid-15 {
    right: 133px;
    left: unset; }

html[dir="rtl"] .product-filter.new-products .owl-theme .owl-nav {
  left: 0;
  right: unset; }

html[dir="rtl"] .product-filter.new-products .owl-theme .owl-item .item .product-box .product-details.text-start {
  text-align: left !important; }

html[dir="rtl"] .product-sidebar .filter-section .card .card-header h6 .pull-right i {
  left: auto;
  right: unset; }

html[dir="rtl"] .prooduct-details-box .btn {
  right: unset;
  left: 15px; }

html[dir="rtl"] .prooduct-details-box .close {
  right: unset;
  left: 10px; }

html[dir="rtl"] .collection-filter-block svg {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .feature-products form .form-group i {
  left: 30px;
  right: unset; }

html[dir="rtl"] .product-wrapper-grid.list-view .product-box .product-details {
  text-align: right; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .breadcrumb {
  margin-left: unset; }

html[dir="rtl"] .bookmark ul li + li {
  margin-left: unset;
  margin-right: 10px; }

html[dir="rtl"] .bookmark ul li .search-form .form-control-search {
  left: -50px;
  right: unset; }
  html[dir="rtl"] .bookmark ul li .search-form .form-control-search:before {
    right: 50px;
    left: unset; }
  html[dir="rtl"] .bookmark ul li .search-form .form-control-search:after {
    right: 20px;
    left: unset; }

html[dir="rtl"] .me-0 {
  margin-left: 0 !important;
  margin-right: unset !important; }

html[dir="rtl"] .footer .pull-right {
  float: none; }

html[dir="rtl"] .checkbox_animated,
html[dir="rtl"] .radio_animated {
  margin: 0 8px 0 16px; }

html[dir="rtl"] .button.remove {
  left: -10px;
  right: unset; }

html[dir="rtl"] .code-box-copy__btn {
  left: 11px;
  right: unset; }

html[dir="rtl"] ul.nav-menus {
  border-bottom: none; }
  html[dir="rtl"] ul.nav-menus li .input-show input {
    right: 0px;
    left: unset; }

html[dir="rtl"] ul.notification-dropdown.onhover-show-div li {
  text-align: right; }

html[dir="rtl"] .badge + .badge {
  margin-right: 5px;
  margin-left: unset; }

html[dir="rtl"] .offset-xl-3 {
  margin-right: 25%;
  margin-left: unset; }

html[dir="rtl"] .m-l-10 {
  margin-right: 10px !important;
  margin-left: unset !important; }

html[dir="rtl"] .m-r-20 {
  margin-left: 20px;
  margin-right: unset; }

html[dir="rtl"] .m-r-30 {
  margin-left: 30px;
  margin-right: unset; }

html[dir="rtl"] .m-r-5 {
  margin-left: 5px;
  margin-right: unset; }

html[dir="rtl"] .text-start {
  text-align: right !important; }

html[dir="rtl"] .m-r-10 {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .pe-3 {
  padding-left: 1rem !important;
  padding-right: unset !important; }

html[dir="rtl"] .p-r-0 {
  padding-left: 0;
  padding-right: 15px; }

html[dir="rtl"] .m-l-20 {
  margin-right: 20px !important;
  margin-left: unset !important; }

html[dir="rtl"] .ps-3 {
  padding-right: 1rem !important; }

html[dir="rtl"] .b-r-light {
  border-left: 1px solid #E6E9EB !important;
  border-right: unset !important; }

html[dir="rtl"] .float-end {
  float: left !important; }

html[dir="rtl"] .float-start {
  float: right !important; }

html[dir="rtl"] .text-end {
  text-align: left !important; }

html[dir="rtl"] .border-right {
  border-left: 1px solid #dee2e6 !important;
  border-right: unset !important; }

html[dir="rtl"] .pe-0 {
  padding-left: 0 !important;
  padding-right: 12px !important; }

html[dir="rtl"] .ps-0 {
  padding-right: 0 !important;
  padding-left: unset !important; }

html[dir="rtl"] .ms-1 {
  margin-left: unset !important;
  margin-right: 0.25rem !important; }

html[dir="rtl"] .owl-carousel {
  direction: ltr; }

html[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
html[dir="rtl"] .btn-group > :not(:last-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .btn-group > .btn:not(:first-child) {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .btn-group > .btn:nth-child(2) {
  border-radius: 0 !important; }

html[dir="rtl"] .btn-group .btn-group > :not(:first-child) > .btn {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .btn-group .btn + .btn,
html[dir="rtl"] .btn-group .btn + .btn-group {
  margin-right: -1px;
  border-right: none; }

html[dir="rtl"] .btn-group .btn-group + .btn,
html[dir="rtl"] .btn-group .btn-group + .btn-group {
  margin-right: -1px; }

html[dir="rtl"] .btn-group .btn-group-vertical .btn + .btn,
html[dir="rtl"] .btn-group .btn-group-vertical .btn + .btn-group {
  margin-right: -1px; }

html[dir="rtl"] .btn-group .btn-group-vertical .btn-group + .btn,
html[dir="rtl"] .btn-group .btn-group-vertical .btn-group + .btn-group {
  margin-right: -1px; }

html[dir="rtl"] .me-3 {
  margin-right: unset !important;
  margin-left: 1rem !important; }

html[dir="rtl"] .me-5 {
  margin-left: 3rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .ms-3 {
  margin-right: 1rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .m-r-15 {
  margin-left: 15px;
  margin-right: unset; }

html[dir="rtl"] .b-l-light {
  border-right: 1px solid #E6E9EB !important;
  border-left: unset !important; }

html[dir="rtl"] .p-l-0 {
  padding-left: unset;
  padding-right: 0px; }

html[dir="rtl"] .ps-4 {
  padding-right: 1.5rem !important;
  padding-left: unset !important; }

html[dir="rtl"] .me-2 {
  margin-left: 0.5rem !important;
  margin-right: unset !important; }

html[dir="rtl"] .ms-2 {
  margin-right: 0.5rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .pe-2 {
  padding-right: unset !important;
  padding-left: 0.5rem !important; }

html[dir="rtl"] .prooduct-details-box .media-body {
  margin-right: 0 !important; }

html[dir="rtl"] .alert {
  text-align: right; }

html[dir="rtl"] .pull-right {
  float: left; }

html[dir="rtl"] .form-inline .form-group {
  margin-left: 0px;
  margin-right: 0; }

html[dir="rtl"] .card {
  text-align: right; }
  html[dir="rtl"] .card.social-profile {
    text-align: center; }
  html[dir="rtl"] .card .card-header h5:not(.mb-0) {
    float: right; }
  html[dir="rtl"] .card .card-header span {
    clear: both; }
  html[dir="rtl"] .card .card-header .card-header-right {
    left: 35px;
    right: unset; }
    html[dir="rtl"] .card .card-header .card-header-right .card-option {
      text-align: left; }
      html[dir="rtl"] .card .card-header .card-header-right .card-option.list-unstyled {
        padding-right: 0;
        padding-left: unset; }
  html[dir="rtl"] .card .card-header .pull-left {
    float: right; }
  html[dir="rtl"] .card.full-card {
    left: 0;
    right: unset; }
  html[dir="rtl"] .card .card-body .alert svg {
    margin-left: 4px;
    margin-right: unset; }
  html[dir="rtl"] .card .card-body .value-left {
    margin-left: 30px;
    margin-right: unset; }
  html[dir="rtl"] .card .card-body .square {
    margin-left: 5px;
    margin-right: unset; }

html[dir="rtl"] .explore-card {
  text-align: left; }
  html[dir="rtl"] .explore-card .group-btn {
    justify-content: flex-end; }

html[dir="rtl"] .balance-box {
  text-align: center; }

html[dir="rtl"] .purchase-card {
  text-align: center; }

html[dir="rtl"] .modal-header .btn-close {
  margin: -0.5rem auto -0.5rem -0.5rem; }

html[dir="rtl"] .modal-footer > :not(:first-child) {
  margin-right: .50rem;
  margin-left: 0; }

html[dir="rtl"] .form-inline .form-group .col-form-label {
  margin-left: 5px;
  margin-right: 0; }

html[dir="rtl"] .contacts-tabs .nav-pills {
  border-left: 1px solid #E6E9EB; }

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
  padding-right: 0.5rem;
  padding-left: unset; }
  html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    padding-left: 0.5rem;
    padding-right: unset;
    float: right; }

html[dir="rtl"] code[class*=language-],
html[dir="rtl"] pre[class*=language-] {
  text-align: right; }

html[dir="rtl"] .input-group-prepend {
  margin-left: -1px;
  margin-right: unset; }

html[dir="rtl"] .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
html[dir="rtl"] .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

html[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: unset;
  margin-right: -1px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), html[dir="rtl"] .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), html[dir="rtl"] .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, html[dir="rtl"] .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

html[dir="rtl"] .form-floating input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-primary {
  border-right: 4px solid #006666;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-secondary {
  border-right: 4px solid #FE6A49;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-success {
  border-right: 4px solid #00AC46;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-danger {
  border-right: 4px solid #FE6A49;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-warning {
  border-right: 4px solid #FFAE1A;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-info {
  border-right: 4px solid #173878;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-light {
  border-right: 4px solid #E6E9EB;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .border-left-dark {
  border-right: 4px solid #2c323f;
  border-left: unset; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:first-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:first-child {
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0; }

html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-sm .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-md .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-lg .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xl .list-group-item:last-child,
html[dir="rtl"] .horizontal-list-wrapper .list-group-horizontal-xxl .list-group-item:last-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-left-width: 1px; }

html[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: unset;
  margin-right: -1px; }

html[dir="rtl"] .was-validated .form-control:invalid,
html[dir="rtl"] .form-control.is-invalid,
html[dir="rtl"] .was-validated .form-control:valid,
html[dir="rtl"] .form-control.is-valid {
  background-position: left calc(0.375em + 0.1875rem) center;
  padding-left: calc(1.5em + 0.75rem);
  padding-right: 12px; }

html[dir="rtl"] .input-group > .form-control:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .input-group > .input-group-prepend > .btn,
html[dir="rtl"] .input-group > .input-group-prepend > .input-group-text,
html[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .btn,
html[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .input-group-text,
html[dir="rtl"] .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
html[dir="rtl"] .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .input-group > .input-group-append > .btn,
html[dir="rtl"] .input-group > .input-group-append > .input-group-text,
html[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .btn,
html[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
html[dir="rtl"] .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
html[dir="rtl"] .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .border-tab.nav-left .nav-link {
  text-align: left; }

html[dir="rtl"] .socialprofile .social-group ul li:nth-child(4) {
  margin-right: -22px; }

html[dir="rtl"] .social-status form .form-group .form-control-social {
  padding-right: 15px;
  padding-left: unset; }

html[dir="rtl"] .social-status .media .social-status {
  right: 35px;
  left: unset; }

html[dir="rtl"] .social-chat .other-msg {
  margin-right: 40px;
  margin-left: unset; }

html[dir="rtl"] .social-chat .media-body:before {
  left: 100%;
  right: unset;
  border-left: 7px solid var(-semi-dark);
  border-right: unset; }

html[dir="rtl"] .social-chat .media-body:after {
  left: 100%;
  right: unset;
  border-left: 7px solid #fff;
  border-right: unset; }

html[dir="rtl"] .quick-file li:first-child {
  margin-right: 0px;
  margin-left: unset; }

html[dir="rtl"] .files-content li:first-child {
  margin-right: 0px;
  margin-left: unset; }

html[dir="rtl"] .file-content .folder .folder-box .ellips {
  left: 22px;
  right: unset; }

html[dir="rtl"] .timeline-content .comment-number i {
  margin-left: 20px;
  margin-right: unset; }

html[dir="rtl"] .photos ul li {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .avatar-showcase .friend-pic {
  margin-left: 8px;
  margin-right: unset; }

html[dir="rtl"] .avatar-showcase .pepole-knows ul li {
  margin-left: 21px;
  margin-right: unset; }
  html[dir="rtl"] .avatar-showcase .pepole-knows ul li:last-child {
    margin-left: 0; }

html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
  left: 100px;
  right: unset; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li {
    margin-left: 10px;
    margin-right: unset; }
    html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li:last-child {
      margin-left: 0; }

html[dir="rtl"] .faq-form .search-icon {
  left: 12px;
  right: unset; }

html[dir="rtl"] .faq-widgets .media-body p {
  padding-left: 20px;
  padding-right: unset; }

html[dir="rtl"] .header-faq,
html[dir="rtl"] .faq-title {
  text-align: right; }

html[dir="rtl"] .browse .browse-articles h6 span svg {
  right: 22px; }

html[dir="rtl"] .faq-accordion.default-according .card .faq-header svg {
  left: 30px;
  right: unset; }

html[dir="rtl"] .faq-accordion.default-according .card .btn-link svg {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .navigation-option ul li {
  padding: 8px 0 8px 8px; }
  html[dir="rtl"] .navigation-option ul li a {
    padding-right: 40px;
    padding-left: unset; }
    html[dir="rtl"] .navigation-option ul li a svg {
      right: 15px;
      left: unset; }

html[dir="rtl"] .updates-faq {
  margin-right: unset;
  margin-left: 20px; }

html[dir="rtl"] .categories {
  right: unset;
  left: 0;
  transform: scaleX(-1); }
  html[dir="rtl"] .categories .learning-header {
    padding-right: 15px;
    padding-left: unset; }

html[dir="rtl"] .main .langChoice {
  left: 30px;
  right: unset; }

html[dir="rtl"] .pricing-block svg {
  direction: ltr; }

html[dir="rtl"] p.data-attributes svg {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .avatars .avatar {
  margin-left: 10px;
  margin-right: unset; }
  html[dir="rtl"] .avatars .avatar:last-child {
    margin-left: 0; }
  html[dir="rtl"] .avatars .avatar .status {
    left: 4px;
    right: unset; }

html[dir="rtl"] .customers.avatar-group {
  margin-left: 30px;
  margin-right: unset; }

html[dir="rtl"] .card .card-header h5 {
  float: none !important; }

html[dir="rtl"] .knob-chart .chart-clock-main .clock-small {
  right: 10px;
  left: unset; }

html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
  left: 30px;
  right: unset; }
  html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks .btn-label {
    margin-left: 5px;
    margin-right: unset; }

html[dir="rtl"] .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn {
  text-align: left; }

html[dir="rtl"] .todo .notification-popup {
  left: 10px;
  right: unset; }

html[dir="rtl"] .todo-options .badges-todo h6 {
  margin-left: 10px;
  margin-right: unset; }
  html[dir="rtl"] .todo-options .badges-todo h6:last-child {
    margin-left: 0; }

html[dir="rtl"] .todo-list-btns .dropdown-basic .btn-group .form-group .checkbox {
  padding-right: 14px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  padding-left: unset;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset; }

html[dir="rtl"] .todo-list-btns .dropdown-basic .separated-btn {
  margin-right: -6px;
  margin-left: unset; }
  html[dir="rtl"] .todo-list-btns .dropdown-basic .separated-btn .btn {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px; }

html[dir="rtl"] .search-todo .dropdown-basic .btn-group {
  margin-left: 18px;
  margin-right: unset; }

html[dir="rtl"] .sticky-note .note {
  float: right; }

html[dir="rtl"] .mega-menu .list-unstyled div a {
  padding: 8px 0 8px 35px; }
  html[dir="rtl"] .mega-menu .list-unstyled div a:hover {
    padding: 8px 10px 8px 35px; }

html[dir="rtl"] #testimonial .owl-stage-outer .owl-stage .owl-item .slide--item .media .me-3 {
  margin-right: 1rem !important;
  margin-left: unset !important; }

html[dir="rtl"] .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  left: 0px !important;
  right: unset !important; }

html[dir="rtl"] .needs-validation .input-group > .form-control:not(:last-child),
html[dir="rtl"] .needs-validation .input-group > .custom-select:not(:last-child),
html[dir="rtl"] .form-row .input-group > .form-control:not(:last-child),
html[dir="rtl"] .form-row .input-group > .custom-select:not(:last-child) {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .form-check {
  padding-right: 1.25rem;
  padding-left: unset; }
  html[dir="rtl"] .form-check .form-check-input {
    float: right;
    margin-left: unset;
    margin-right: -1.5em; }

html[dir="rtl"] .form-check-reverse .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: 10px; }

html[dir="rtl"] .mega-menu .default-according .card .btn-link {
  text-align: right; }

html[dir="rtl"] .mega-menu .default-according.style-1 button[aria-expanded="true"]:before,
html[dir="rtl"] .mega-menu .default-according.style-1 button[aria-expanded="false"]:before {
  right: unset;
  left: 20px; }

html[dir="rtl"] .email-wrap .row .col-xl-6 {
  padding-right: 0;
  padding-left: 15px; }

html[dir="rtl"] .email-wrap .row .col-xl-3 + .col-xl-3 {
  padding-left: 0;
  padding-right: 15px; }

html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li {
  text-align: right; }
  html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li a i {
    margin-right: unset;
    margin-left: 10px; }

html[dir="rtl"] .email-wrap .email-app-sidebar ul {
  padding-right: 0; }

html[dir="rtl"] .email-wrap .email-right-aside .email-body .pe-0 {
  padding-right: unset !important; }

html[dir="rtl"] .email-wrap .email-right-aside .radius-left {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-radius: 4px; }

html[dir="rtl"] #renderRange {
  float: left;
  padding-left: unset;
  padding-right: 12px; }

html[dir="rtl"] .event-calendar {
  direction: ltr; }

html[dir="rtl"] .calendar-wrap .fc {
  direction: rtl;
  text-align: right; }
  html[dir="rtl"] .calendar-wrap .fc .fc-toolbar .fc-left {
    float: right; }
  html[dir="rtl"] .calendar-wrap .fc .fc-toolbar .fc-right {
    float: left; }
  html[dir="rtl"] .calendar-wrap .fc .fc-toolbar > * > * {
    margin-left: 0; }

html[dir="rtl"] .calendar-wrap .fc-events-container {
  text-align: right; }

html[dir="rtl"] .calendar-wrap .fc-scroller {
  margin-right: unset;
  margin-left: -17px; }

html[dir="rtl"] .fc-agenda-view .fc-day-grid .fc-row {
  margin-right: 0 !important; }

html[dir="rtl"] .fc-unthemed .fc-row {
  margin-right: 0 !important; }

html[dir="rtl"] .btn-group-showcase .btn-group {
  margin-left: 20px;
  margin-right: unset; }

html[dir="rtl"] .btn-showcase .btn {
  margin-right: unset;
  margin-left: 10px; }

html[dir="rtl"] .btn-square.dropdown-toggle {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

html.button-builder[dir="rtl"] ul.the-icons li {
  float: right; }

html.button-builder[dir="rtl"] .color-slelector {
  float: right; }

html.button-builder[dir="rtl"] .custom-button-color .form-control {
  border-radius: 0 5px 5px 0; }
  html.button-builder[dir="rtl"] .custom-button-color .form-control.pull-left {
    float: right; }

html.button-builder[dir="rtl"] .hint-label {
  float: right;
  padding: 4px 020px 0 0; }

html[dir="rtl"] #customer-review .owl-item img {
  order: 2; }

html[dir="rtl"] .options > div {
  margin: 0 0 8px 8px; }

html[dir="rtl"] .modal-dialog .modal-content .modal-body p a {
  margin-left: 0; }

html[dir="rtl"] .drag-box fieldset .component .form-group .text-lg-left {
  text-align: right !important; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn,
html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn-right,
html[dir="rtl"] .drag-box fieldset .component .form-group .input-group .input-group-prepend .checkbox-radius {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #prependedcheckbox {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #appendedcheckbox {
  border-right-color: #efefef; }

html[dir="rtl"] .drag-box fieldset .component .form-group .input-group #buttondropdown {
  margin-right: unset;
  margin-left: -1px; }

html[dir="rtl"] .drag form {
  text-align: right; }
  html[dir="rtl"] .drag form input {
    text-align: right; }
  html[dir="rtl"] .drag form label {
    text-align: right !important; }
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .btn,
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .btn-right,
  html[dir="rtl"] .drag form .form-group .input-group .input-group-prepend .checkbox-radius {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  html[dir="rtl"] .drag form .form-group .input-group #buttondropdown {
    margin-right: unset;
    margin-left: -1px; }

html[dir="rtl"] .draggable label {
  text-align: right; }

html[dir="rtl"] .form-builder-column .tab-content .tab-pane .theme-form .ui-draggable .input-group > .input-group-prepend > .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .form-group .input-group #buttondropdown,
html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group #buttondropdown {
  margin-right: unset;
  margin-left: 15px; }

html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .form-group .input-group .input-group-btn button,
html[dir="rtl"] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group .input-group-btn button {
  border-radius: 4px !important; }

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .text-lg-left {
  text-align: right !important; }

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn,
html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn-right,
html[dir="rtl"] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .checkbox-radius {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .form-builder .component .form-group .input-group #buttondropdown {
  margin-right: unset;
  margin-left: -1px; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .logo-wrapper {
  box-shadow: 9px 0 20px rgba(89, 102, 122, 0.1) !important; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .logo-wrapper a {
    transform: translate(-64px); }

html[dir="rtl"] .search-page .nav i {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .product-stts {
  display: inline-block; }
  html[dir="rtl"] .product-stts .ms-1 {
    margin-right: 0.25rem !important;
    margin-left: unset !important; }

html[dir="rtl"] .search-form input {
  padding: 10px 70px 10px 10px;
  text-align: right; }

html[dir="rtl"] .icon-hover-bottom .icon-title {
  text-align: right; }

html[dir="rtl"] .icon-lists div i {
  margin: 0 10px 0 15px; }

html[dir="rtl"] .icon-lists ul {
  padding-right: 0; }

html[dir="rtl"] ul.icon-lists {
  padding-right: 30px; }

html[dir="rtl"] .floated-customizer-btn.third-floated-btn {
  left: 35px;
  right: unset; }

html[dir="rtl"] .floated-customizer-btn > span {
  margin-right: 10px; }

html[dir="rtl"] .floated-customizer-panel {
  text-align: right;
  left: -85px;
  right: unset; }
  html[dir="rtl"] .floated-customizer-panel.active {
    left: 35px;
    right: unset; }
  html[dir="rtl"] .floated-customizer-panel .close-customizer-btn {
    left: 30px;
    right: unset; }
  html[dir="rtl"] .floated-customizer-panel ul {
    padding-right: 0; }

html[dir="rtl"] .form-builder-2-header > div nav {
  float: left; }

html[dir="rtl"] .radio label {
  padding-left: 0;
  padding-right: 8px; }
  html[dir="rtl"] .radio label::before {
    right: 0;
    margin-right: -20px;
    left: unset; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .row h3 {
  text-align: right;
  padding-left: 20px;
  padding-right: unset !important; }

html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .row h6 {
  text-align: right; }

html[dir="rtl"] .page-wrapper.compact-wrapper .page-header {
  margin-right: 265px;
  margin-left: unset;
  width: calc(100% - 265px); }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header.close_icon {
    margin-right: 100px;
    margin-left: unset;
    width: calc(100% - 100px); }

html[dir="rtl"] .page-wrapper.modern-type .page-header {
  margin-right: 0;
  width: calc(100% - 0px); }
  html[dir="rtl"] .page-wrapper.modern-type .page-header.close_icon {
    margin-right: 0;
    width: calc(100% - 0px); }
  html[dir="rtl"] .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
    margin-right: unset;
    margin-left: 30px; }
  html[dir="rtl"] .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
    margin-right: unset;
    margin-left: 15px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper .page-body {
  margin-right: 310px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper .footer {
  margin-left: 55px;
  margin-right: 360px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ .page-body {
  margin-right: 0px; }

html[dir="rtl"] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer {
  margin-right: 0; }

html[dir="rtl"] .page-header .header-wrapper .nav-right {
  text-align: right; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right .onhover-show-div {
    right: unset;
    left: 0; }
    @media (max-width: 575.98px) {
      html[dir="rtl"] .page-header .header-wrapper .nav-right .onhover-show-div {
        left: 12px; } }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .page-header .header-wrapper .nav-right .cart-dropdown li {
      padding: 10px; } }
  html[dir="rtl"] .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
    right: unset;
    left: 0; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li .lang-txt {
    margin-left: 0;
    margin-right: 8px; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.notification-down:nth-child(5)::before {
    left: -8px;
    right: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:before {
    left: 0;
    right: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li .dot {
    left: 17px;
    right: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown:hover .onhover-show-div:before {
    right: 10px;
    left: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li.onhover-dropdown:hover .onhover-show-div:after {
    right: 10px;
    left: unset; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li i.ms-2 {
    margin-right: 0.5rem !important;
    margin-left: unset !important; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right .profile-dropdown li svg {
    margin-right: unset;
    margin-left: 10px; }

html[dir="rtl"] .page-header .header-wrapper .mobile-sidebar {
  padding-left: 20px;
  padding-right: unset; }

html[dir="rtl"] .page-header.open {
  margin-right: 0; }

html[dir="rtl"] ul.notification-dropdown.onhover-show-div {
  right: initial;
  left: -30px;
  padding: 0; }
  html[dir="rtl"] ul.notification-dropdown.onhover-show-div:before {
    right: inherit !important;
    left: 35px !important; }
  html[dir="rtl"] ul.notification-dropdown.onhover-show-div:after {
    right: inherit !important;
    left: 35px !important; }
  html[dir="rtl"] ul.notification-dropdown.onhover-show-div li {
    margin-right: 0 !important; }
    html[dir="rtl"] ul.notification-dropdown.onhover-show-div li span.badge {
      margin-left: unset !important; }
    html[dir="rtl"] ul.notification-dropdown.onhover-show-div li span svg {
      margin-right: unset;
      margin-left: 10px; }
    html[dir="rtl"] ul.notification-dropdown.onhover-show-div li .notification-icon {
      margin-left: 20px;
      margin-right: unset; }

html[dir="rtl"] .card-body .alert svg ~ p {
  padding-left: unset;
  padding-right: 20px; }

html[dir="rtl"] .alert i {
  margin-left: 5px;
  margin-right: 0; }

html[dir="rtl"] .inverse {
  padding: 13px 65px 13px 20px; }
  html[dir="rtl"] .inverse i {
    left: unset;
    right: 0; }

html[dir="rtl"] .alert-primary.inverse:before {
  border-right: 7px solid #006666;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-secondary.inverse:before {
  border-right: 7px solid #FE6A49;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-success.inverse:before {
  border-right: 7px solid #00AC46;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-danger.inverse:before {
  border-right: 7px solid #FE6A49;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-warning.inverse:before {
  border-right: 7px solid #FFAE1A;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-info.inverse:before {
  border-right: 7px solid #173878;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-light.inverse:before {
  border-right: 7px solid #E6E9EB;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-dark.inverse:before {
  border-right: 7px solid #2c323f;
  right: 54px;
  left: unset;
  border-left: unset; }

html[dir="rtl"] .alert-dismissible .btn-close {
  left: 4px;
  right: unset; }
  html[dir="rtl"] .alert-dismissible .btn-close span {
    padding-left: 0;
    padding-right: unset; }

html[dir="rtl"] .icofont.icofont-truck {
  display: inline-block; }

html[dir="rtl"] .blog-box .blog-details {
  padding-left: 20px;
  text-align: right; }
  html[dir="rtl"] .blog-box .blog-details .blog-social {
    padding-right: 0; }
    html[dir="rtl"] .blog-box .blog-details .blog-social li {
      padding-left: 40px;
      padding-right: unset; }
      html[dir="rtl"] .blog-box .blog-details .blog-social li:first-child {
        border-left: 1px solid #777777;
        border-right: unset;
        padding-left: 40px;
        padding-right: unset; }
      html[dir="rtl"] .blog-box .blog-details .blog-social li + li {
        margin-right: 30px;
        margin-left: unset;
        padding-left: 0; }

html[dir="rtl"] .blog-box .blog-details-main .blog-social li {
  border-left: 1px dotted;
  border-right: unset; }
  html[dir="rtl"] .blog-box .blog-details-main .blog-social li:last-child {
    border-left: none; }

html[dir="rtl"] .blog-box .blog-date span {
  font-size: 36px;
  font-weight: 500;
  padding-left: 5px; }

html[dir="rtl"] .comment-box .media img {
  margin-left: 45px;
  margin-right: unset; }

html[dir="rtl"] .comment-box .media h6 {
  text-align: right; }

html[dir="rtl"] .comment-box ul ul {
  margin-right: 135px;
  margin-left: unset;
  padding-right: 0; }
  @media (max-width: 575.98px) {
    html[dir="rtl"] .comment-box ul ul {
      margin-right: 30px; } }
html[dir="rtl"] .comment-box .comment-social {
  text-align: left; }
  html[dir="rtl"] .comment-box .comment-social li {
    padding-left: 0;
    padding-right: 20px; }
    html[dir="rtl"] .comment-box .comment-social li:first-child {
      border-left: 1px solid #efefef;
      border-right: unset;
      padding-right: 0;
      padding-left: 20px; }

html[dir="rtl"] .button-builder-wrap .form-group .btn {
  margin-left: 15px;
  margin-right: 0;
  padding: 9px; }

html[dir="rtl"] .button-builder ul.the-icons {
  padding-right: 0 !important; }

html[dir="rtl"] .chat-msg-box ul {
  padding-right: 0; }

html[dir="rtl"] .cke_toolbar,
html[dir="rtl"] .cke_toolgroup,
html[dir="rtl"] a.cke_button,
html[dir="rtl"] .cke_combo_text {
  float: right; }

html[dir="rtl"] .cke_reset_all,
html[dir="rtl"] .cke_reset_all *,
html[dir="rtl"] .cke_reset_all a,
html[dir="rtl"] .cke_reset_all textarea {
  text-align: right; }

html[dir="rtl"] .cke_combo_text {
  padding-left: unset;
  padding-right: 10px; }

html[dir="rtl"] #editor1 #cke_editor1 #cke_1_contents iframe html {
  direction: rtl !important; }

html[dir="rtl"] #clockdiv ul {
  padding-right: 0; }

html[dir="rtl"] .custom-card .card-footer > div + div {
  border-right: 1px solid #efefef;
  border-left: unset !important; }

html[dir="rtl"] .card-social {
  padding-right: 0; }

html[dir="rtl"] .card-absolute .card-header {
  right: 15px;
  left: unset; }

html[dir="rtl"] .dataTables_wrapper .dataTables_filter input[type="search"] {
  margin-right: 10px;
  margin-left: 0; }

html[dir="rtl"] .dataTables_wrapper .dataTables_length {
  float: right; }

html[dir="rtl"] .dataTables_wrapper .dataTables_filter {
  margin-left: unset;
  margin-right: 15px;
  float: left; }

html[dir="rtl"] .dataTables_wrapper .dataTables_info {
  float: right; }

html[dir="rtl"] .dataTables_wrapper .advance-5_filter {
  margin-left: 0; }

html[dir="rtl"] .dataTables_wrapper .btn-group button {
  margin-left: 5px;
  margin-right: unset; }
  html[dir="rtl"] .dataTables_wrapper .btn-group button:last-child {
    margin-left: 0; }

html[dir="rtl"] .dataTables_wrapper table.dataTable tbody td.select-checkbox:after,
html[dir="rtl"] .dataTables_wrapper table.dataTable tbody th.select-checkbox:after {
  margin-left: 31px; }

html[dir="rtl"] div.dataTables_wrapper div.dataTables_paginate {
  margin-right: 15px !important;
  margin-left: 0 !important;
  float: left; }

html[dir="rtl"] table.dataTable thead > tr > th {
  padding-left: 30px;
  padding-right: 12px; }
  html[dir="rtl"] table.dataTable thead > tr > th:before {
    left: 1em !important;
    right: unset; }
  html[dir="rtl"] table.dataTable thead > tr > th:after {
    left: 0.5em !important;
    right: unset; }

html[dir="rtl"] table.dataTable thead .sorting:before,
html[dir="rtl"] table.dataTable thead .sorting_asc:before,
html[dir="rtl"] table.dataTable thead .sorting_desc:before,
html[dir="rtl"] table.dataTable thead .sorting_asc_disabled:before,
html[dir="rtl"] table.dataTable thead .sorting_desc_disabled:before {
  left: 1em !important;
  right: unset; }

html[dir="rtl"] .dataTables_scrollHeadInner {
  padding-right: unset !important;
  padding-left: 0 !important; }

html[dir="rtl"] div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
  padding-right: 0;
  padding-left: 0; }

html[dir="rtl"] div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
  padding-right: 0;
  padding-left: 0; }

html[dir="rtl"] .dt-plugin-buttons button.m-r-10 {
  margin-left: 10px;
  margin-right: 0; }

html[dir="rtl"] .datetime-picker .theme-form .form-group label {
  text-align: left !important; }

html[dir="rtl"] .datetime-picker .theme-form .form-group .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .datetime-picker .theme-form .form-group .input-group .form-control {
  border-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

html[dir="rtl"] .dropdown-basic .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important; }

html[dir="rtl"] .dropdown-basic .separated-btn .btn {
  border-radius: 0.25rem;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

html[dir="rtl"] .dropdown-basic .btn-group {
  margin-right: unset;
  margin-left: 18px; }

html[dir="rtl"] .error-wrapper .col-md-8.offset-md-2 {
  margin: 0 auto !important; }

html[dir="rtl"] .timeline-calendar .custom-calendar .time-line .fc-header-toolbar {
  left: 15px !important; }

html[dir="rtl"] .product-price del {
  padding-left: 20px;
  padding-right: 0; }

html[dir="rtl"] .product-box .modal .modal-header .btn-close {
  right: unset;
  left: 15px; }

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-left.ribbon-info:before,
html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
  border-left-color: #007bff; }

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-left:before,
html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-vertical-right:before {
  right: 0;
  left: unset;
  border-left: 15px solid #2a3142; }

html[dir="rtl"] .product-box .ribbon-bookmark.ribbon-info:before {
  border-left-color: transparent; }

html[dir="rtl"] .product-box .ribbon-warning.ribbon-clip:before {
  border-left-color: #ff850d;
  border-right-color: unset; }

html[dir="rtl"] .product-box .ribbon-clip {
  right: -14px;
  left: unset; }
  html[dir="rtl"] .product-box .ribbon-clip:before {
    right: 0;
    left: unset; }

html[dir="rtl"] .product-hover ul {
  padding-right: 0; }

html[dir="rtl"] .customer-review .media img {
  margin-left: 25px;
  margin-right: 0; }

html[dir="rtl"] .nav {
  padding-right: 0; }

html[dir="rtl"] .custom-tab {
  padding: 4px; }

html[dir="rtl"] .custom-file-label::after {
  left: 0;
  right: unset; }

html[dir="rtl"] .wizard-4 ul.anchor {
  float: right; }

html[dir="rtl"] .wizard-4 .step-container {
  clear: unset; }

html[dir="rtl"] .wizard-4 .form-group {
  text-align: right; }

html[dir="rtl"] .wizard-4 .action-bar .btn {
  float: left; }

html[dir="rtl"] .f1 .f1-buttons {
  text-align: left; }

html[dir="rtl"] .f1 .f1-steps .f1-step {
  float: right; }

html[dir="rtl"] .jstree-default .jstree-node {
  margin-left: unset;
  margin-right: 24px;
  background-position: -292px -4px;
  background-repeat: repeat-y; }

html[dir="rtl"] .img-cropper .btn-group {
  margin-right: 0;
  margin-left: 10px; }
  html[dir="rtl"] .img-cropper .btn-group button:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  html[dir="rtl"] .img-cropper .btn-group button:first-child {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

html[dir="rtl"] .docs-toggles .btn-group .btn {
  border-radius: 0; }
  html[dir="rtl"] .docs-toggles .btn-group .btn:last-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  html[dir="rtl"] .docs-toggles .btn-group .btn:first-child {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }

html[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle) > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .jsgrid-button + .jsgrid-button {
  margin-right: 5px;
  margin-left: unset; }

html[dir="rtl"] .list-group {
  padding-right: 0; }
  html[dir="rtl"] .list-group i,
  html[dir="rtl"] .list-group img {
    margin-left: 10px;
    margin-right: 0; }

html[dir="rtl"] .authentication-box {
  text-align: right; }

html[dir="rtl"] .mega-horizontal .offset-sm-3 {
  margin-right: 25%;
  margin-left: unset; }

html[dir="rtl"] .navs-icon svg {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .navs-icon .fa {
  margin-left: 10px;
  margin-right: unset; }

html[dir="rtl"] .nav-list .nav-list-disc {
  text-align: right;
  padding-right: 0; }

html[dir="rtl"] .ps-4 {
  padding-right: 30px !important;
  padding-left: 0 !important; }

html[dir="rtl"] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:before {
  left: 77px;
  right: unset; }

html[dir="rtl"] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after {
  left: 77px;
  right: unset; }

html[dir="rtl"] .navs-dropdown .onhover-show-div .navs-icon li {
  text-align: right; }

html[dir="rtl"] .navs-icon.default-according.style-1 li button[aria-expanded="true"]:before {
  left: 2px;
  right: unset; }

html[dir="rtl"] .navs-icon.default-according.style-1 li button[aria-expanded="false"]:before {
  left: 2px;
  right: unset; }

html[dir="rtl"] .search-form .form-group:after {
  right: 53px;
  left: unset; }

html[dir="rtl"] .search-form .form-group:before {
  right: 82px;
  left: unset; }

html[dir="rtl"] .order-history table tbody tr td .product-name .order-process .order-process-circle:before {
  right: -15px;
  left: unset; }

html[dir="rtl"] .product-page-details span {
  padding-right: 15px;
  padding-left: 0; }

html[dir="rtl"] .fg-emoji-picker-search .fg-emoji-picker-search-icon {
  left: 0px; }

html[dir="rtl"] .m-checkbox-inline label {
  margin-left: 20px;
  margin-right: 0; }

html[dir="rtl"] .form-label-align-right label {
  text-align: left; }

html[dir="rtl"] .br-theme-bars-reversed .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-movie .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-1to10 .br-widget .br-current-rating,
html[dir="rtl"] .br-theme-bars-square .br-widget .br-current-rating {
  float: right; }

html[dir="rtl"] .br-theme-bars-reversed .br-widget a,
html[dir="rtl"] .br-theme-bars-movie .br-widget a,
html[dir="rtl"] .br-theme-bars-1to10 .br-widget a,
html[dir="rtl"] .br-theme-bars-square .br-widget a {
  float: right; }

html[dir="rtl"] .ribbon-left {
  right: auto;
  left: -2px; }

html[dir="rtl"] .ribbon-vertical-left {
  right: auto;
  left: 12px; }

html[dir="rtl"] .ribbon-vertical-right {
  right: auto;
  left: 12px; }

html[dir="rtl"] .star-ratings ul.search-info {
  padding-right: 0; }
  html[dir="rtl"] .star-ratings ul.search-info li + li {
    border-right: 1px solid #a5afc6;
    border-left: unset;
    padding-right: 8px;
    padding-left: 0;
    margin-right: 8px;
    margin-left: 0; }

html[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow {
  left: 10px !important;
  right: unset !important; }

html[dir="rtl"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
  float: right; }

html[dir="rtl"] .selection .select2-selection .select2-search__field {
  text-align: right; }

html[dir="rtl"] .select2-results__option {
  text-align: right; }

html[dir="rtl"] .editor-statusbar {
  text-align: left; }
  html[dir="rtl"] .editor-statusbar span {
    margin-right: 1em;
    margin-left: unset; }

html[dir="rtl"] .CodeMirror-scroll {
  margin-left: -30px;
  margin-right: unset; }

html[dir="rtl"] .primary-color ul,
html[dir="rtl"] .yellow-color ul {
  padding-right: 0; }

html[dir="rtl"] .u-step-desc {
  text-align: right; }

html[dir="rtl"] .u-step-number {
  right: 20px;
  left: unset; }
  html[dir="rtl"] .u-step-number ~ .u-step-desc {
    margin-right: 50px; }

html[dir="rtl"] .u-pearl:after {
  left: 0;
  right: unset; }

html[dir="rtl"] .u-pearl:before {
  right: 0;
  left: unset; }

html[dir="rtl"] .u-step-icon {
  float: right;
  margin-left: .5em;
  margin-right: unset; }

html[dir="rtl"] .list-icons {
  padding-right: 0; }

html[dir="rtl"] .card-header.note-toolbar .note-color .dropdown-toggle {
  padding-right: 5px; }

html[dir="rtl"] .card-header.note-toolbar .form-group.draggable {
  text-align: right; }

html[dir="rtl"] .card-header.note-toolbar .form-check {
  padding-right: 24px;
  padding-left: unset; }

html[dir="rtl"] .card-header.note-toolbar form .custom-control {
  padding-right: 24px;
  padding-left: unset; }
  html[dir="rtl"] .card-header.note-toolbar form .custom-control .custom-control-label::after {
    right: 0;
    left: unset; }
  html[dir="rtl"] .card-header.note-toolbar form .custom-control .custom-control-label::before {
    right: 0;
    left: unset; }

html[dir="rtl"] .dropdown-toggle::after {
  margin-right: 0.255em;
  margin-left: unset; }

html[dir="rtl"] .checkbox label {
  padding-right: 8px;
  padding-left: unset; }
  html[dir="rtl"] .checkbox label::before {
    right: 0;
    left: unset;
    margin-right: -16px;
    margin-left: unset; }

html[dir="rtl"] .checkbox-wrapper li label,
html[dir="rtl"] .radio-wrapper li label {
  padding-right: 0; }

html[dir="rtl"] .radio label::after {
  right: 5px;
  left: unset;
  margin-right: -20px;
  margin-left: unset; }

html[dir="rtl"] .cd-timeline-img i {
  right: 40%;
  left: unset;
  margin-right: -12px;
  margin-left: unset; }

html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content {
  float: left;
  border-left: 7px solid #eeeeee;
  border-right: unset; }
  html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    right: auto;
    left: 122%;
    text-align: left; }
  html[dir="rtl"] .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    right: auto;
    left: 100%;
    border: 15px solid transparent;
    border-left: 15px solid #f4f4f4; }

html[dir="rtl"] .cd-timeline-content .cd-date {
  right: 122%;
  left: unset; }

html[dir="rtl"] .introjs-tooltip {
  right: 0;
  left: unset; }

html[dir="rtl"] .introjs-helperNumberLayer {
  right: -16px;
  left: unset; }

html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltiptext {
  text-align: right; }

html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons {
  text-align: left; }
  html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-skipbutton {
    margin-left: 5px;
    margin-right: unset; }
  html[dir="rtl"] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-nextbutton {
    -webkit-border-radius: 0.2em 0 0 0.2em;
    -moz-border-radius: 0.2em 0 0 0.2em;
    border-radius: 0.2em 0 0 0.2em; }

html[dir="rtl"] .list-inline-item:not(:last-child) {
  margin-left: 0.5rem;
  margin-right: unset; }

html[dir="rtl"] .like-comment ul.list-inline {
  padding-right: 0; }

html[dir="rtl"] .typeahead {
  text-align: right; }

html[dir="rtl"] .listing ul {
  padding-right: 0; }
  html[dir="rtl"] .listing ul .icofont {
    float: right; }

html[dir="rtl"] .gallery .hover-5 img {
  margin-right: 30px; }

html[dir="rtl"] .gallery .hover-5:hover img {
  margin-right: 0; }

html[dir="rtl"] .lg-outer {
  text-align: right; }

html[dir="rtl"] .lg-toolbar .lg-icon {
  float: left; }

html[dir="rtl"] #lg-counter {
  padding-right: 20px;
  padding-left: unset;
  float: right; }

html[dir="rtl"] .chart-widget-top .text-end {
  text-align: left !important; }

html[dir="rtl"] .chart-widget-top .num .ms-1 {
  margin-right: 0.25rem !important; }

html[dir="rtl"] .bar-chart-widget .earning-details i {
  left: -240px; }

html[dir="rtl"] .bar-chart-widget .bottom-content .b-r-light {
  border-left: 1px solid #eeeeee !important;
  border-right: unset !important; }

html[dir="rtl"] .bar-chart-widget .bottom-content .num .ms-1 {
  margin-right: 0.25rem !important; }

html[dir="rtl"] .chart-vertical-center #myDoughnutGraph,
html[dir="rtl"] .chart-vertical-center #myPolarGraph {
  width: auto !important; }

html[dir="rtl"] .crm-activity ul.dates li + li {
  border-right: 1px solid #ddd;
  padding-right: 10px;
  margin-right: 5px;
  border-left: unset;
  padding-left: unset;
  margin-left: unset; }

html[dir="rtl"] div.dt-buttons {
  float: right; }

html[dir="rtl"] .dt-button-collection {
  left: -39px !important; }

html[dir="rtl"] .dropzone .dz-preview .dz-error-mark,
html[dir="rtl"] .dropzone .dz-preview .dz-success-mark {
  right: 50%;
  margin-right: -27px;
  margin-left: unset;
  left: unset; }

html[dir="rtl"] .page-wrapper .page-body-wrapper footer {
  margin-right: 265px;
  margin-left: unset; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper footer p i {
    margin-right: 5px;
    margin-left: unset; }

html[dir="rtl"] .footer-copyright {
  text-align: right; }

html[dir="rtl"] .footer-links {
  text-align: left; }

html[dir="rtl"] .page-item:first-child .page-link {
  margin-right: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none; }

html[dir="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; }

html[dir="rtl"] .popover.top > .arrow:after,
html[dir="rtl"] .popover.bottom > .arrow:after {
  margin-right: -10px;
  margin-left: unset; }

html[dir="rtl"] .bootstrap-touchspin > .input-group-append > .btn,
html[dir="rtl"] .bootstrap-touchspin > .input-group-append > .input-group-text {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

html[dir="rtl"] .bootstrap-touchspin > .form-control:not(:last-child),
html[dir="rtl"] .bootstrap-touchspin > .custom-select:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

html[dir="rtl"] .typeahead span.twitter-typeahead .tt-suggestion {
  text-align: right; }

html[dir="rtl"] .typeahead .league-name {
  text-align: right;
  margin-right: 5px; }

html[dir="rtl"] .follow .text-md-right {
  text-align: left !important; }

html[dir="rtl"] .jvectormap-zoomin,
html[dir="rtl"] .jvectormap-zoomout,
html[dir="rtl"] .jvectormap-goback {
  right: 10px;
  left: unset; }

html[dir="rtl"] .customizer-links {
  right: unset;
  left: 0; }
  html[dir="rtl"] .customizer-links > .nav {
    padding-right: 10px; }
  html[dir="rtl"] .customizer-links .nav-link:after {
    right: -10px;
    left: unset;
    border-width: 5px 5px 5px 0;
    border-left-color: unset;
    border-right-color: rgba(0, 102, 102, 0.1); }
  html[dir="rtl"] .customizer-links .nav-link span {
    right: unset;
    left: -60px; }
  html[dir="rtl"] .customizer-links .nav-link:hover span {
    left: 48px; }
  html[dir="rtl"] .customizer-links.open {
    right: unset;
    left: 330px;
    border-radius: 0 8px 8px 0; }

html[dir="rtl"] .customizer-contain {
  width: 330px;
  right: unset;
  left: -330px; }
  html[dir="rtl"] .customizer-contain.open {
    right: unset;
    left: 0px; }
  html[dir="rtl"] .customizer-contain .customizer-header .icon-close {
    left: unset;
    right: 30px; }

html[dir="rtl"] .box-layout.page-wrapper.horizontal-wrapper .page-header {
  padding-right: 250px;
  padding-left: unset; }
  html[dir="rtl"] .box-layout.page-wrapper.horizontal-wrapper .page-header.open {
    padding-right: 0; }

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  margin-left: unset;
  margin-right: 230px; }

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
  width: 1280px;
  padding-left: 0;
  left: 50%; }

html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-header {
  margin-left: auto;
  margin-right: auto;
  padding-left: unset;
  padding-right: 230px; }
  html[dir="rtl"] .box-layout.page-wrapper.compact-wrapper .page-header.close_icon {
    padding-right: 100px; }

html[dir="rtl"] body.dark-only .custom-card .card-footer > div + div {
  border-right: 1px solid rgba(255, 255, 255, 0.1); }

html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(odd) .cd-timeline-content::before {
  border-left: none;
  border-right-color: #1A1C23; }

html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
  border-left-color: #1A1C23;
  border-right: unset; }

html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-r-light,
html[dir="rtl"] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right {
  border-right: none !important;
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important; }

@media screen and (max-width: 1660px) {
  html[dir="rtl"] .caller-img {
    left: unset;
    right: 15px; } }

@media only screen and (max-width: 1366px) {
  html[dir="rtl"] .profile-dropdown.onhover-show-div {
    right: unset !important;
    left: 0 !important; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right ul li.onhover-dropdown.notification-down:nth-child(5)::before {
    right: 47px;
    left: unset; }
  html[dir="rtl"] .product-wrapper .product-grid .feature-products {
    margin-right: 0; }
  html[dir="rtl"] .product-grid {
    margin-right: 0; }
  html[dir="rtl"] .d-none-productlist {
    margin-left: 10px;
    margin-right: unset; }
  html[dir="rtl"] .photos ul li:nth-child(3n) {
    margin-left: 15px;
    margin-right: unset; } }

@media (min-width: 1200px) {
  html[dir="rtl"] .float-xl-end {
    float: left !important; }
  html[dir="rtl"] .pixelstrap ul a:hover .sub-arrow, html[dir="rtl"] .pixelstrap ul a:focus .sub-arrow, html[dir="rtl"] .pixelstrap ul a:active .sub-arrow, html[dir="rtl"] .pixelstrap ul a.highlighted .sub-arrow {
    left: 3px;
    right: unset; } }

@media (min-width: 992px) {
  html[dir="rtl"] .text-lg-start {
    text-align: right !important; } }

@media only screen and (max-width: 1199.98px) {
  html[dir="rtl"] .jkanban-container .btn {
    margin-left: unset;
    margin-right: 20px; }
  html[dir="rtl"] .link-section > div > h6:before {
    right: unset;
    left: 10px; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right > ul li .submenu li:first-child {
    padding-right: 15px !important;
    padding-left: 15px !important; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 45px; }
  html[dir="rtl"] .email-wrap .row .col-xl-6 {
    padding-right: 15px; }
  html[dir="rtl"] .email-wrap .row .col-xl-3 + .col-xl-3 {
    padding-left: 15px; }
  html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li {
    text-align: right; }
    html[dir="rtl"] .email-wrap .email-app-sidebar .main-menu > li a i {
      margin-right: unset;
      margin-left: 10px; }
  html[dir="rtl"] .email-wrap .email-app-sidebar ul {
    padding-right: 0; }
  html[dir="rtl"] .email-wrap .email-right-aside .email-body .pe-0 {
    padding-right: unset !important; }
  html[dir="rtl"] .email-wrap .email-right-aside .radius-left {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-radius: 4px; }
  html[dir="rtl"] .chat-menu-icons {
    text-align: left; }
  html[dir="rtl"] .chat-menu {
    left: 0;
    right: unset; } }

@media only screen and (max-width: 991.98px) {
  html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
    left: 20px; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translate(285px); }
    html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
      transform: translate(285px); }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn {
    float: left;
    transform: rotate(180deg); }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
    margin-right: 0;
    border-right: none;
    padding-right: 0;
    border-left: 1px solid #ddd;
    margin-left: 15px;
    padding-left: 15px; }
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-header {
    margin-right: 0; }
  html[dir="rtl"] .page-wrapper.material-icon .page-header {
    padding-right: 0; }
  html[dir="rtl"] .page-wrapper.material-icon .page-body-wrapper .page-body {
    padding-right: 15px; }
  html[dir="rtl"] .faq-accordion .faq-header svg {
    left: 20px; }
  html[dir="rtl"] .page-wrapper .page-header .header-logo-wrapper .logo-wrapper img {
    margin-left: 15px;
    margin-right: unset; }
  html[dir="rtl"] .page-body-wrapper .page-body,
  html[dir="rtl"] .page-body-wrapper footer {
    margin-right: 0 !important; }
  html[dir="rtl"] .main .langChoice {
    left: 20px; }
  html[dir="rtl"] .cd-timeline-img i {
    right: 50% !important; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .page-title .breadcrumb {
    margin-right: 0; }
  html[dir="rtl"] .page-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 60px); }
  html[dir="rtl"] .page-wrapper .page-header {
    margin-right: 0; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header {
    margin-right: 0 !important;
    margin-left: unset !important; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-wrapper.close_icon {
    transform: translate(285px); }
  html[dir="rtl"] .card-body .value-left {
    margin-left: 20px; }
  html[dir="rtl"] .bookmark ul li .search-form .form-control-search {
    left: -127px; }
  html[dir="rtl"] .card .card-header .card-header-right {
    left: 15px; } }

@media only screen and (max-width: 991px) and (min-width: 768px) {
  html[dir="rtl"] .page-wrapper.compact-wrapper.material-type .page-body-wrapper div.sidebar-wrapper {
    left: unset;
    right: 0; } }

@media (min-width: 768px) {
  html[dir="rtl"] .float-md-end {
    float: left !important; }
  html[dir="rtl"] .income-wrap .ps-md-0 {
    padding-left: 30px !important;
    padding-right: 0 !important; }
  html[dir="rtl"] .text-md-end {
    text-align: left !important; }
  html[dir="rtl"] .offset-md-3 {
    margin-right: 25%;
    margin-left: unset; }
  html[dir="rtl"] .text-md-start {
    text-align: right !important; }
  html[dir="rtl"] .ecommerce-widget .text-md-end {
    text-align: left !important; }
    html[dir="rtl"] .ecommerce-widget .text-md-end ul {
      text-align: left; } }

@media only screen and (max-width: 767.98px) {
  html[dir="rtl"] .list-persons .profile-mail .email-general ul {
    padding-left: 0; }
  html[dir="rtl"] .file-content .form-inline {
    padding: 0px 20px 0px 0px; }
  html[dir="rtl"] .product-wrapper.sidebaron .product-grid .product-wrapper-grid {
    margin-right: 0; }
  html[dir="rtl"] .product-sidebar {
    transform: translateX(300px) scaleX(1); }
    html[dir="rtl"] .product-sidebar.open {
      transform: translateX(0px) scaleX(1); }
  html[dir="rtl"] .feature-products .filter-toggle {
    margin-right: 10px;
    margin-left: unset; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 25px !important; }
  html[dir="rtl"] .ecommerce-widget .text-md-right {
    text-align: left !important; }
  html[dir="rtl"] .bar-chart-widget .earning-details i {
    left: -147px !important; } }

@media (min-width: 576px) {
  html[dir="rtl"] .offset-sm-3 {
    margin-right: 25%;
    margin-left: unset; }
  html[dir="rtl"] .text-sm-end {
    text-align: left !important; }
  html[dir="rtl"] .float-sm-end {
    float: left !important; }
  html[dir="rtl"] .me-sm-2 {
    margin-left: 0.5rem !important;
    margin-right: unset !important; } }

@media only screen and (max-width: 575.98px) {
  html[dir="rtl"] .todo .todo-list-wrapper .mark-all-tasks {
    left: 15px; }
  html[dir="rtl"] .list-persons .nav-pills .nav-link .media .media-body {
    text-align: right; }
  html[dir="rtl"] .mega-menu {
    padding-left: unset;
    padding-right: 15px; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right > ul li {
    margin-right: unset;
    margin-left: 1px; }
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
    left: 0; }
  html[dir="rtl"] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, html[dir="rtl"] .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
    margin-left: 8px;
    padding-left: 8px;
    margin-right: unset;
    padding-right: unset;
    border-right: unset;
    border-left: 1px solid #ddd; }
  html[dir="rtl"] .translate_wrapper.active .more_lang.active {
    left: unset;
    right: 12px; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right > ul > li:last-child {
    padding-right: 10px; }
  html[dir="rtl"] .page-header .header-wrapper .nav-right.right-header ul.notification-dropdown {
    left: unset !important;
    right: 15px !important; }
  html[dir="rtl"] .faq-accordion .faq-header svg {
    left: 15px; }
  html[dir="rtl"] .user-profile .hovercard .user-image .share-icons {
    left: 15px !important; }
    html[dir="rtl"] .user-profile .hovercard .user-image .share-icons li {
      margin-left: 0px; }
  html[dir="rtl"] .main .langChoice {
    left: 15px; }
  html[dir="rtl"] .page-wrapper .search-form .form-group {
    margin-left: 0; }
  html[dir="rtl"] .card-body .value-left {
    margin-left: 15px; } }

@media only screen and (max-width: 480px) {
  html[dir="rtl"] .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
    right: unset;
    left: 20px; }
  html[dir="rtl"] .knob-chart .chart-clock-main {
    width: unset; }
    html[dir="rtl"] .knob-chart .chart-clock-main .clock-small {
      right: 32px; }
    html[dir="rtl"] .knob-chart .chart-clock-main .clock-large {
      right: 0;
      left: unset; }
    html[dir="rtl"] .knob-chart .chart-clock-main .clock-medium {
      right: 32px;
      left: unset; } }

@media only screen and (max-width: 420px) {
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  html[dir="rtl"] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    right: 112px; }
  html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  html[dir="rtl"] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    right: 80px; } }

@media only screen and (max-width: 360px) {
  html[dir="rtl"] .prooduct-details-box .close {
    left: 0; }
  html[dir="rtl"] .social-app-profile .hovercard .user-image .avatar {
    margin-top: -47px; }
    html[dir="rtl"] .social-app-profile .hovercard .user-image .avatar img {
      width: 85px;
      height: 85px; }
  html[dir="rtl"] .social-chat .other-msg {
    margin-right: 15px; } }

@media screen and (max-width: 1460px) {
  html[dir="rtl"] .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-left: 8px;
    margin-right: unset; } }

/**=====================
    5.8 Rtl CSS Ends
==========================**/
/**=====================
  5.9 Box-layout CSS start
==========================**/
.box-layout {
  background-blend-mode: overlay;
  background-color: rgba(255, 255, 255, 0.5);
  overflow: hidden; }
  .box-layout.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu {
    background-color: #1A1C23; }
  .box-layout.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links > li:hover .sidebar-submenu {
    opacity: 1;
    visibility: visible;
    display: block !important;
    top: 58px; }
  .box-layout .today-work-table .today-working-table tbody tr td {
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom: 1px dashed #E6E9EB; }
  .box-layout .today-work-table .today-working-table tbody tr td:nth-child(1) {
    min-width: 165px; }
  .box-layout .today-work-table .today-working-table tbody tr td:nth-child(2) {
    min-width: 170px; }
  .box-layout .today-work-table .today-working-table tbody tr td:nth-child(3) {
    display: none; }
  .box-layout .today-work-table .today-working-table tbody tr:first-child td {
    padding-top: 0px; }
  .box-layout .today-work-table .today-working-table tbody tr td a {
    color: #051A1A;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .box-layout .today-work-table .today-working-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }
  .box-layout .today-work-table .today-working-table tbody tr:last-child td {
    padding-bottom: 0px;
    border: none; }
  .box-layout .tranaction-table thead {
    background-color: rgba(230, 233, 235, 0.3); }
    .box-layout .tranaction-table thead tr th {
      padding: 20px; }
      .box-layout .tranaction-table thead tr th:nth-child(1) {
        min-width: 160px; }
      .box-layout .tranaction-table thead tr th:nth-child(2) {
        min-width: 150px;
        padding: 20px 0px; }
      .box-layout .tranaction-table thead tr th:nth-child(3) {
        display: none; }
      .box-layout .tranaction-table thead tr th:nth-child(4) {
        min-width: 100px;
        padding: 20px 0px; }
      .box-layout .tranaction-table thead tr th:nth-child(5) {
        min-width: 50px; }
      .box-layout .tranaction-table thead tr th:first-child {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .box-layout .tranaction-table thead tr th:last-child {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; }
  .box-layout .tranaction-table tbody tr {
    border-bottom: 1px solid #E6E9EB; }
    .box-layout .tranaction-table tbody tr td {
      padding-top: 17px;
      padding-bottom: 17px; }
      .box-layout .tranaction-table tbody tr td .status-process {
        border-radius: 15px;
        padding: 12px; }
      .box-layout .tranaction-table tbody tr td:nth-child(3) {
        display: none; }
      .box-layout .tranaction-table tbody tr td:last-child .product-sub {
        text-align: center; }
    .box-layout .tranaction-table tbody tr:last-child {
      border: none; }
      .box-layout .tranaction-table tbody tr:last-child td {
        padding-bottom: 0px; }
  .box-layout .tranaction-table tbody tr:hover td a {
    color: var(--theme-deafult) !important; }
  @media only screen and (min-width: 1280px) {
    .box-layout .page-wrapper .page-header .header-wrapper .nav-right > ul > li .form-group .Typeahead .u-posRelative input {
      width: 96px !important; }
    .box-layout .learning-filter {
      order: -1; }
    .box-layout .artist-table .appointment-table.customer-table table tr td:last-child {
      min-width: 100px; }
    .box-layout .md-sidebar .md-sidebar-toggle {
      display: block; }
    .box-layout .md-sidebar .md-sidebar-aside {
      position: absolute;
      top: 40px;
      left: 0;
      opacity: 0;
      visibility: hidden;
      z-index: 3;
      width: 280px; }
      .box-layout .md-sidebar .md-sidebar-aside.open {
        opacity: 1;
        visibility: visible; }
    .box-layout .job-sidebar {
      background-color: var(--white);
      padding: 20px; }
    .box-layout .widget-1.mb-xl-0 {
      margin-bottom: 25px !important; }
    .box-layout .radial-progress-card .radial-chart-wrap {
      margin-right: -10px; }
    .box-layout .currency-widget div[class*=bg-light-] {
      display: none; }
    .box-layout .box-order .order-1 {
      order: 1 !important; }
    .box-layout .activity-card .appointment-table.customer-table {
      height: 187px; }
    .box-layout .transaction-table tr td:first-child {
      min-width: 150px; }
    .box-layout .purchase-card img {
      margin: -210px auto 0;
      width: 80%; }
    .box-layout .purchase-card.discover {
      margin-top: 90px; }
      .box-layout .purchase-card.discover img {
        margin-top: -90px;
        width: 64%; }
    .box-layout .apache-cotainer-large > div,
    .box-layout .apache-cotainer-large canvas,
    .box-layout #line-visual > div,
    .box-layout #line-visual canvas,
    .box-layout #line-visulH > div,
    .box-layout #line-visulH canvas {
      width: 100% !important; }
    .box-layout .page-wrapper.box-layout, .box-layout.page-wrapper.box-layout {
      padding-top: 40px;
      margin-top: 0 !important; }
    .box-layout .page-wrapper.compact-wrapper, .box-layout.page-wrapper.compact-wrapper {
      margin-top: 40px; }
      .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
        width: 230px;
        height: auto;
        top: 40px;
        border-radius: 10px 0 0 10px;
        overflow: hidden; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
          width: 1200px;
          left: 48%; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon ~ .footer-fix {
          padding-left: 0; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
          height: calc(100vh - 180px); }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper {
          box-shadow: 0 8px 6px -6px rgba(89, 102, 122, 0.1); }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
          margin-top: 10px;
          margin-bottom: 20px;
          height: calc(100vh - 190px); }
      .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
        min-height: calc(100vh - 130px);
        margin-top: 0;
        top: 56px;
        overflow: scroll;
        max-height: calc(100vh - 220px);
        padding-bottom: 80px;
        margin-left: 230px; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #ecf3fa; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar {
          width: 6px; }
        .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
          background-color: rgba(68, 102, 242, 0.15); }
    .box-layout .page-wrapper.compact-sidebar .page-header, .box-layout.page-wrapper.compact-sidebar .page-header {
      padding-left: 148px; }
    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper {
      margin-top: 40px; }
      .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
        top: 40px; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
          display: none;
          transition: 0.5s; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
          height: calc(100vh - 166px);
          margin: 0; }
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
          .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
            left: 470px;
            top: 40px;
            height: calc(100vh - 84px); }
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .sidebar-submenu,
          .box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active ~ .mega-menu-container {
            animation: unset; }
      .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .footer, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .footer {
        margin-left: 0; }
      .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body {
        min-height: calc(100vh - 90px);
        margin-top: 0;
        top: 80px;
        overflow: scroll;
        max-height: calc(100vh - 170px);
        padding-bottom: 80px; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #ecf3fa; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar {
          width: 6px; }
        .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
          background-color: rgba(68, 102, 242, 0.15); }
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-header, .box-layout.page-wrapper.compact-sidebar.compact-small .page-header {
      padding-left: 90px; }
      .box-layout .page-wrapper.compact-sidebar.compact-small .page-header.close_icon, .box-layout.page-wrapper.compact-sidebar.compact-small .page-header.close_icon {
        padding-left: 0; }
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
    .box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container, .box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
    .box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
      left: 410px; }
    .box-layout .page-wrapper.horizontal-wrapper:before, .box-layout.page-wrapper.horizontal-wrapper:before {
      display: none; }
    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper {
      margin-top: 40px; }
      .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
        margin-top: 80px;
        min-height: calc(100vh - 310px);
        max-height: calc(100vh - 230px);
        overflow: scroll; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #ecf3fa; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar {
          width: 6px; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
          background-color: rgba(68, 102, 242, 0.15); }
      .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .footer, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .footer {
        padding-left: 15px; }
      .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
        width: 1280px;
        top: 80px;
        margin: 0;
        overflow-x: unset;
        position: relative; }
        .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu, .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu {
          left: 0%;
          transform: translate(0, 0);
          top: 125px;
          background-color: #fff; }
    .box-layout .page-wrapper.horizontal-wrapper .page-header, .box-layout.page-wrapper.horizontal-wrapper .page-header {
      padding-left: 0; }
    .box-layout .page-wrapper.modern-type .page-header, .box-layout.page-wrapper.modern-type .page-header {
      padding-left: 0px; }
      .box-layout .page-wrapper.modern-type .page-header .header-wrapper .left-header, .box-layout.page-wrapper.modern-type .page-header .header-wrapper .left-header {
        width: 36%; }
      .box-layout .page-wrapper.modern-type .page-header .header-wrapper .nav-right, .box-layout.page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        width: 46%; }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .page-body, .box-layout.page-wrapper.modern-type .page-body-wrapper .page-body {
      margin-left: 260px; }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper {
      top: 120px; }
      .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        height: calc(100vh - 311px); }
      .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 316px); }
      .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer, .box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon ~ footer {
        width: 1280px;
        left: 50%;
        margin-left: 0; }
    .box-layout .page-wrapper.modern-type .page-body-wrapper .footer, .box-layout.page-wrapper.modern-type .page-body-wrapper .footer {
      margin-left: 0; }
    .box-layout .page-wrapper .page-header, .box-layout.page-wrapper .page-header {
      max-width: 1280px;
      margin: 0 auto;
      left: 0;
      right: 0;
      transition: 0.5s;
      padding-left: 230px;
      margin-top: 40px;
      border-radius: 10px;
      width: unset; }
      .box-layout .page-wrapper .page-header.close_icon, .box-layout.page-wrapper .page-header.close_icon {
        padding-left: 100px;
        margin-left: auto;
        width: calc(100% - 0px);
        transition: 0.5s; }
      .box-layout .page-wrapper .page-header .header-wrapper, .box-layout.page-wrapper .page-header .header-wrapper {
        border-radius: 10px 10px 0 0; }
    .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right,
    .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header, .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right,
    .box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
      width: 36%; }
    .box-layout .page-wrapper.material-type .page-body-wrapper, .box-layout.page-wrapper.material-type .page-body-wrapper {
      margin-top: 0; }
      .box-layout .page-wrapper.material-type .page-body-wrapper .page-body, .box-layout.page-wrapper.material-type .page-body-wrapper .page-body {
        margin-top: 0; }
      .box-layout .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper, .box-layout.page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        top: 0; }
    .box-layout .page-wrapper.material-icon .page-header.close_icon, .box-layout.page-wrapper.material-icon .page-header.close_icon {
      margin-top: 40px !important; }
    .box-layout .page-wrapper.material-icon .page-body-wrapper, .box-layout.page-wrapper.material-icon .page-body-wrapper {
      margin-top: 0; }
      .box-layout .page-wrapper.material-icon .page-body-wrapper .page-body, .box-layout.page-wrapper.material-icon .page-body-wrapper .page-body {
        top: 0;
        min-height: calc(100vh - 170px);
        padding-bottom: 40px; }
    .box-layout .page-wrapper.advance-layout .page-header, .box-layout.page-wrapper.advance-layout .page-header {
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07); }
    .box-layout .page-wrapper.advance-layout .page-body-wrapper, .box-layout.page-wrapper.advance-layout .page-body-wrapper {
      margin-top: 0; }
    .box-layout .page-wrapper .page-body-wrapper, .box-layout.page-wrapper .page-body-wrapper {
      width: 1280px;
      box-shadow: 4px 11px 25px rgba(0, 0, 0, 0.07);
      margin: 0 auto;
      overflow: hidden; }
      .box-layout .page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive, .box-layout.page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive {
        min-width: 1087px;
        overflow: auto; }
      .box-layout .page-wrapper .page-body-wrapper .active-order-table, .box-layout.page-wrapper .page-body-wrapper .active-order-table {
        max-width: 443px;
        overflow: auto; }
        .box-layout .page-wrapper .page-body-wrapper .active-order-table table tbody tr td p, .box-layout.page-wrapper .page-body-wrapper .active-order-table table tbody tr td p {
          width: 100px; }
      .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.gradient-line-1:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.gradient-line-1:after {
        height: 57px;
        bottom: -64px; }
      .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.small-line:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.small-line:after {
        height: 36px;
        bottom: -43px; }
      .box-layout .page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.medium-line:after, .box-layout.page-wrapper .page-body-wrapper .activity .d-flex .gradient-round.medium-line:after {
        height: 40px;
        bottom: -48px; }
      .box-layout .page-wrapper .page-body-wrapper footer, .box-layout.page-wrapper .page-body-wrapper footer {
        width: 1280px;
        margin: 0 auto;
        padding-left: 230px;
        margin-bottom: 40px !important;
        position: fixed;
        left: 50%;
        z-index: 7;
        transform: translate(-50%, 0);
        border-radius: 0 0 10px; }
      .box-layout .page-wrapper .page-body-wrapper .blockquote-footer, .box-layout.page-wrapper .page-body-wrapper .blockquote-footer {
        margin-left: 0;
        width: 100%; }
      .box-layout .page-wrapper .page-body-wrapper .footer-fix, .box-layout.page-wrapper .page-body-wrapper .footer-fix {
        padding-left: 230px; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 300px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content > div, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content > div {
          z-index: 8;
          background-color: rgba(255, 255, 255, 0.75);
          background-blend-mode: overlay;
          width: 100%;
          padding: 30px;
          left: 15px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content button, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content button {
          width: 40%;
          font-size: 14px;
          margin: 0 auto; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons {
        margin-top: 20px;
        margin-bottom: 20px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons ul li, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons ul li {
          border: 1px dashed #717171;
          width: 50px;
          height: 50px;
          padding: 8px; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img {
        margin-top: 30px;
        margin-bottom: 30px; }
        .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img img, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img img {
          width: 38%; }
      .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .total-time h2, .box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .total-time h2 {
        font-size: 28px;
        color: #717171; }
      .box-layout .page-wrapper .page-body-wrapper canvas#myLineCharts, .box-layout.page-wrapper .page-body-wrapper canvas#myLineCharts {
        width: 100%; }
      .box-layout .page-wrapper .page-body-wrapper .chat-right-aside, .box-layout.page-wrapper .page-body-wrapper .chat-right-aside {
        flex: 0 0 60%;
        max-width: 60%;
        overflow: hidden; }
      .box-layout .page-wrapper .page-body-wrapper .caller-img, .box-layout.page-wrapper .page-body-wrapper .caller-img {
        position: absolute;
        width: 100%;
        max-width: 100%;
        left: 15px; }
        .box-layout .page-wrapper .page-body-wrapper .caller-img img, .box-layout.page-wrapper .page-body-wrapper .caller-img img {
          opacity: 0.7; }
      .box-layout .page-wrapper .page-body-wrapper .browser-widget img, .box-layout.page-wrapper .page-body-wrapper .browser-widget img {
        height: 65px; }
      .box-layout .page-wrapper .page-body-wrapper .custom-card .card-header img, .box-layout.page-wrapper .page-body-wrapper .custom-card .card-header img {
        margin-top: -73px; }
      .box-layout .page-wrapper .page-body-wrapper .custom-card .card-profile img, .box-layout.page-wrapper .page-body-wrapper .custom-card .card-profile img {
        height: 130px;
        top: -17px; }
      .box-layout .page-wrapper .page-body-wrapper .select2, .box-layout.page-wrapper .page-body-wrapper .select2 {
        width: 901.781px; }
    .box-layout .page-wrapper ul.close_icon > li label, .box-layout.page-wrapper ul.close_icon > li label {
      padding: 0; }
      .box-layout .page-wrapper ul.close_icon > li label:after, .box-layout.page-wrapper ul.close_icon > li label:after {
        display: none; }
    .box-layout .page-wrapper .bookmark ul, .box-layout.page-wrapper .bookmark ul {
      margin-right: -1px; }
    .box-layout .page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn, .box-layout.page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn {
      padding-left: 20px;
      padding-right: 20px; }
    .box-layout .page-wrapper .btn-group-showcase .btn-radio .btn-group .radio input[type="radio"], .box-layout.page-wrapper .btn-group-showcase .btn-radio .btn-group .radio input[type="radio"] {
      display: none; }
    .box-layout .page-wrapper .d-flex.bitcoin-graph, .box-layout.page-wrapper .d-flex.bitcoin-graph {
      display: block; }
      .box-layout .page-wrapper .d-flex.bitcoin-graph .top-bitcoin, .box-layout.page-wrapper .d-flex.bitcoin-graph .top-bitcoin {
        display: inline-block;
        vertical-align: middle; }
      .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 {
        margin-top: 30px; }
        .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content .bitcoin-numbers h6, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content .bitcoin-numbers h6 {
          font-size: 14PX; }
        .box-layout .page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content.text-right, .box-layout.page-wrapper .d-flex.bitcoin-graph .flex-grow-1 .bitcoin-content.text-right {
          text-align: center !important; }
    .box-layout .page-wrapper .alert.inverse p, .box-layout.page-wrapper .alert.inverse p {
      max-width: 238px;
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .box-layout .page-wrapper .auth-bg-effect .second-effect, .box-layout.page-wrapper .auth-bg-effect .second-effect {
      left: 55%; }
    .box-layout .page-wrapper .auth-bg-video video, .box-layout.page-wrapper .auth-bg-video video {
      min-width: 67%;
      width: 67%; }
    .box-layout .page-wrapper .page-builder .ge-canvas.ge-layout-desktop, .box-layout.page-wrapper .page-builder .ge-canvas.ge-layout-desktop {
      margin-top: 40px; }
    .box-layout .page-wrapper .page-builder .ge-addRowGroup, .box-layout.page-wrapper .page-builder .ge-addRowGroup {
      margin-bottom: 10px; }
    .box-layout .page-wrapper .pricing-wrapper-card, .box-layout.page-wrapper .pricing-wrapper-card {
      padding: 50px 20px; }
    .box-layout .page-wrapper .card .blog-box.blog-grid.set-min-height, .box-layout.page-wrapper .card .blog-box.blog-grid.set-min-height {
      min-height: 400px; }
    .box-layout .page-wrapper #donut-color-chart-morris-daily.flot-chart-placeholder, .box-layout.page-wrapper #donut-color-chart-morris-daily.flot-chart-placeholder {
      min-height: 430px; }
    .box-layout .page-wrapper #donut-color-chart-morris.flot-chart-placeholder, .box-layout.page-wrapper #donut-color-chart-morris.flot-chart-placeholder {
      min-height: 430px; }
    .box-layout .page-wrapper .box-col-12, .box-layout.page-wrapper .box-col-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    .box-layout .page-wrapper .box-col-6, .box-layout.page-wrapper .box-col-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    .box-layout .page-wrapper .box-col-3, .box-layout.page-wrapper .box-col-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    .box-layout .page-wrapper .box-col-7, .box-layout.page-wrapper .box-col-7 {
      flex: 0 0 60%;
      max-width: 60%; }
    .box-layout .page-wrapper .box-col-5, .box-layout.page-wrapper .box-col-5 {
      flex: 0 0 40%;
      max-width: 40%; }
    .box-layout .page-wrapper .box-col-8, .box-layout.page-wrapper .box-col-8 {
      flex: 0 0 70%;
      max-width: 70%; }
    .box-layout .page-wrapper .box-col-4e, .box-layout.page-wrapper .box-col-4e {
      flex: 0 0 30%;
      max-width: 30%; }
    .box-layout .page-wrapper .box-col-4, .box-layout.page-wrapper .box-col-4 {
      flex: 0 0 33.33%;
      max-width: 33%; }
    .box-layout .page-wrapper .box-col-8e, .box-layout.page-wrapper .box-col-8e {
      flex: 0 0 66.67%;
      max-width: 66.67%; }
    .box-layout .page-wrapper .box-col-none, .box-layout.page-wrapper .box-col-none {
      display: none !important; }
    .box-layout .page-wrapper .chat-box .chat-right-aside, .box-layout.page-wrapper .chat-box .chat-right-aside {
      flex: 0 0 100%;
      max-width: calc(100% - 15px);
      overflow: hidden; }
      .box-layout .page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i, .box-layout.page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i {
        font-size: 19px; }
    .box-layout .page-wrapper .chat-box .toogle-bar, .box-layout.page-wrapper .chat-box .toogle-bar {
      display: inline-block;
      margin-right: 0 !important; }
    .box-layout .page-wrapper .chat-menu, .box-layout.page-wrapper .chat-menu {
      right: 0;
      border-top: 1px dashed #ddd;
      opacity: 0;
      transform: translateY(-30px);
      visibility: hidden;
      top: 81px;
      position: absolute;
      z-index: 9;
      background-color: #fff;
      transition: all linear 0.3s; }
      .box-layout .page-wrapper .chat-menu.show, .box-layout.page-wrapper .chat-menu.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        transition: all linear 0.3s;
        padding-bottom: 25px; }
    .box-layout .page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar, .box-layout.page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar {
      stroke-width: 23px !important; }
    .box-layout .page-wrapper .social-app-profile #friends .box-col-4, .box-layout.page-wrapper .social-app-profile #friends .box-col-4 {
      flex: 0 0 30%;
      max-width: 30%; }
    .box-layout .page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset, .box-layout.page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset {
      max-height: 165px; }
    .box-layout .page-wrapper .email-wrap .row .col-xl-6, .box-layout.page-wrapper .email-wrap .row .col-xl-6 {
      padding-left: 12px; }
    .box-layout .page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3, .box-layout.page-wrapper .email-wrap .row .col-xl-3 + .col-xl-3 {
      padding-right: 12px; }
    .box-layout .page-wrapper .email-wrap .email-right-aside .email-body .inbox, .box-layout.page-wrapper .email-wrap .email-right-aside .email-body .inbox {
      height: 644px; }
    .box-layout .page-wrapper .email-wrap .email-content .email-top .user-emailid:after, .box-layout.page-wrapper .email-wrap .email-content .email-top .user-emailid:after {
      right: -10px; }
    .box-layout .page-wrapper .todo .notification-popup, .box-layout.page-wrapper .todo .notification-popup {
      right: 320px; }
    .box-layout .page-wrapper .touchspin, .box-layout.page-wrapper .touchspin {
      padding: 0 10px; }
    .box-layout .page-wrapper .vertical-menu-main, .box-layout.page-wrapper .vertical-menu-main {
      width: 1280px;
      margin: 0 auto;
      left: 0;
      right: 0; }
      .box-layout .page-wrapper .vertical-menu-main .mega-menu, .box-layout.page-wrapper .vertical-menu-main .mega-menu {
        width: 1050px !important;
        max-width: 1050px !important;
        left: -320px !important; }
    .box-layout .page-wrapper .comingsoon video, .box-layout.page-wrapper .comingsoon video {
      min-width: 67%;
      width: 67%; } }
/**=====================
  5.9 Box-layout CSS Ends
==========================**/
/**=====================
     62. Responsive CSS Start
==========================**/
/* ========= min and max scss for 1200 to 1366 screen ========= */
@media (max-width: 1800px) {
  .todo-wrap .todo-list-body .task-container div.d-flex {
    min-width: 240px;
    justify-content: flex-end; }
  .caller-img {
    display: none; } }

@media screen and (max-width: 1660px) {
  .photos ul li {
    width: 26%; }
  .bar-chart canvas {
    width: 100% !important; }
  .chat-left-aside .people-list {
    height: 520px; }
  .caller-img {
    position: absolute;
    width: 100%;
    max-width: 100%;
    left: 15px; }
    .caller-img img {
      opacity: 0.7; }
  .timeline-small .media .timeline-round.timeline-line-1:after {
    bottom: -78px; } }

@media screen and (max-width: 1600px) {
  .page-wrapper.horizontal-wrapper.material-type .page-header {
    max-width: 1320px; }
  .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .sidebar-wrapper,
  .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .page-body {
    max-width: 1320px; } }

@media (max-width: 1470px) {
  .basic_table .table-responsive .table tbody tr td:nth-child(n+2) {
    min-width: 180px; }
  .signal-table.table-responsive .table tbody tr td:nth-child(n+2) {
    min-width: 240px; } }

@media screen and (max-width: 1660px) and (min-width: 1200px) {
  .xl-none {
    display: none; }
  .xl-60 {
    max-width: 60%;
    flex: 0 0 60%; }
  .xl-50 {
    max-width: 50%;
    flex: 0 0 50%; }
  .xl-100 {
    max-width: 100%;
    flex: 0 0 100%; }
  .xl-23 {
    max-width: 23%;
    flex: 0 0 23%; }
  .xl-25 {
    max-width: 25%;
    flex: 0 0 25%; }
  .xl-40 {
    max-width: 40%;
    flex: 0 0 40%; }
  .xl-4 {
    max-width: 33.33%;
    flex: 0 0 33.33%; } }

@media (max-width: 1280px) {
  .img-gallery-set1,
  .img-gallery-set5 {
    display: none; }
  .box-layout.page-wrapper.horizontal-wrapper .page-header {
    padding-left: unset;
    max-width: unset;
    left: unset; }
  .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper {
    width: unset; } }

@media screen and (max-width: 1580px) and (min-width: 1200px) {
  .docs-buttons,
  .docs-toggles {
    flex: 0 0 100%;
    max-width: 100%; } }

@media screen and (max-width: 1366px) and (min-width: 1200px) {
  .flot-chart-container-small {
    height: 227px; }
  .call-chat-sidebar {
    max-width: 262px; }
  .product-box .product-details {
    padding: 15px; }
    .product-box .product-details p {
      margin-bottom: 10px; }
  .flot-chart-container {
    height: 130px; }
  .custom-card .card-profile img {
    height: 115px; }
  .custom-card .profile-details h4 {
    font-size: 18px; }
  .custom-card .profile-details h6 {
    margin-bottom: 24px; }
  .custom-card .card-footer > div h3 {
    font-size: 18px; }
  .crm-activity {
    height: 291px;
    overflow-y: auto; }
    .crm-activity .media .media-body .dates {
      display: flex; }
  .chat-body {
    padding: 10px; }
  .chat-left-aside .people-list {
    height: 420px; }
    .chat-left-aside .people-list ul {
      max-height: 376px;
      overflow-y: auto; }
  .chat-left-aside .status-circle {
    top: 4px;
    left: 36px; }
  .blog-box .blog-details-main .blog-bottom-details {
    margin: 20px 10px; }
  .blog-box .blog-details-main .blog-social li {
    padding: 0px 10px; }
  .blog-bottom-content {
    display: none; }
  .blog-box.blog-shadow .blog-details {
    padding: 10px; }
  .browser-widget .media-img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px; }
  .browser-widget img {
    height: 50px; }
  .alert-dismissible p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 181px; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group {
    width: 96% !important; } }

@media only screen and (max-width: 1366px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li .profile-media .media-body {
    display: none; }
  .bookmark-wrap .task-sidebar {
    height: auto; }
  .grid-options ul li:last-child {
    display: none; }
  .product-wrapper-grid.list-view .product-box .product-img {
    width: 25%; }
  .cart .qty-box {
    width: 40%; }
  .alert-dismissible strong ~ p {
    display: inline; }
  .timeline-small .media .media-body p {
    width: 95%; }
  .map-js-height {
    height: 350px; }
  .chat-right-aside {
    flex: 0 0 60%;
    max-width: 60%;
    overflow: hidden; }
    .chat-right-aside .chat .chat-message .smiley-box {
      width: 45px; }
  .equal-height-xl {
    height: 517px; }
  .authentication-main .auth-innerright {
    background-size: cover; }
  .grp-btns {
    display: inline-block; }
  .button-builder .button-generator-bx {
    position: relative;
    width: 100%; }
  .page-builder .btn-group {
    display: inline-block;
    margin-bottom: 10px; }
  .page-builder .btn-grid {
    margin-bottom: 15px;
    margin-right: 0px;
    border-right: none;
    display: inline-block; }
  .page-builder .ge-canvas.ge-layout-desktop {
    margin-top: 50px; }
  .ecommerce-widget .total-num {
    font-size: 23px;
    letter-spacing: 0px; }
  .support-ticket-font .total-num {
    font-size: 22px; }
  .order-history table.dataTable.table thead th {
    padding-right: 50px; }
  .custom-card {
    padding: 15px; }
    .custom-card .card-social li a {
      padding: 12px; }
  .map-chart .chart-container {
    height: 300px; }
  .speed-chart .chart-container {
    height: 250px;
    margin-top: -40px;
    margin-bottom: 100px; }
  .candidcahrt {
    height: 360px; }
  .status-details h3 {
    font-size: 18px; }
  .chart-widget-top .total-value {
    font-size: 20px; }
  .status-widget .card-body {
    padding: 10px; }
  .browser-widget .media {
    flex-wrap: wrap; }
    .browser-widget .media .media-body h3 {
      font-size: 20px; }
    .browser-widget .media .media-body p {
      margin-bottom: 2px; }
    .browser-widget .media .media-body h4 {
      font-size: 20px; }
  .testimonial i {
    font-size: 46px; }
  .testimonial p {
    margin-top: 20px; }
  .redial-social-widget {
    width: 125px;
    height: 125px; }
    .redial-social-widget i {
      width: 100px;
      height: 100px;
      font-size: 35px; }
  .chat-body {
    padding: 10px; }
  .chat-left-aside .people-list {
    height: 490px; }
    .chat-left-aside .people-list ul {
      max-height: 434px;
      overflow-y: auto; }
  .status-circle {
    top: 4px;
    left: 37px; }
  .mega-menu .onhover-show-div {
    left: 164px; }
  .img-cropper .docs-toggles {
    margin-top: 8px; }
  .bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content {
    left: -21px; }
  #advance-5_wrapper .dataTables_paginate {
    margin-bottom: 8px; }
  #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child {
    width: 67px !important; }
  #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child {
    width: 67px !important; }
  .reset-password-box .theme-form .form-group .btn {
    padding: 6px 22px; } }

@media only screen and (max-width: 1366px) and (min-width: 1200px) {
  .page-wrapper.horizontal-wrapper.material-type .page-header {
    max-width: 1140px; }
  .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .sidebar-wrapper,
  .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .page-body {
    max-width: 1140px; } }

@media only screen and (max-width: 1199.98px) {
  .onhover-dropdown.notification-down::before {
    display: none; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div .notitications-bar .user-message ul li:last-child {
    display: block; }
  .md-sidebar .md-sidebar-toggle {
    display: block; }
  .md-sidebar .md-sidebar-aside {
    position: absolute;
    top: 40px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    width: 280px; }
    [dir="rtl"] .md-sidebar .md-sidebar-aside {
      left: unset;
      right: 0; }
    .md-sidebar .md-sidebar-aside.open {
      opacity: 1;
      visibility: visible; }
  .md-sidebar .job-sidebar {
    background-color: var(--white);
    padding: 20px; }
    .md-sidebar .job-sidebar .faq-accordion.default-according {
      margin-bottom: 0; }
      .md-sidebar .job-sidebar .faq-accordion.default-according .row > div:last-child .card {
        margin-bottom: 0; }
  .file-sidebar {
    padding-right: 12px; }
    [dir="rtl"] .file-sidebar {
      padding-right: 0; }
  .col-xl-7.b-center.bg-size {
    top: 0;
    height: 100vh;
    opacity: 0.5;
    position: fixed; }
  .login-card {
    background: transparent; }
  .knowledgebase-bg {
    height: 400px; }
  .knowledgebase-search .form-inline {
    width: 400px;
    padding: 7px 45px; }
    .knowledgebase-search .form-inline svg {
      top: 14px; }
  .btn-group .btn {
    padding: 0.375rem 1.25rem; }
  .link-section > div.active > h6:before {
    content: "\f107";
    transition: content 0.3s ease; }
  .link-section > div > h6 {
    position: relative; }
    .link-section > div > h6:before {
      content: "\f105";
      font-family: fontAwesome;
      position: absolute;
      right: 10px;
      font-size: 18px;
      transition: content 0.3s ease; }
  .alert-theme {
    min-width: 420px; }
  .mega-menu-header .header-wrapper .vertical-mobile-sidebar {
    display: block;
    margin-right: 15px; }
  .page-wrapper .page-header .header-wrapper .nav-right {
    position: unset;
    padding: 0; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul li .submenu li:first-child {
      padding-left: 15px !important; }
  .page-wrapper .page-header .header-wrapper .mobile-sidebar .switch-sm .switch {
    margin-top: 6px; }
  .photos ul li {
    width: auto; }
    .photos ul li:nth-child(3n) {
      margin-right: 15px; }
  .user-profile .hovercard .user-image .share-icons {
    position: absolute;
    right: 45px;
    top: -22px; }
    .user-profile .hovercard .user-image .share-icons li {
      color: #fff;
      font-size: 25px; }
      .user-profile .hovercard .user-image .share-icons li .social-icon {
        width: 40px;
        height: 40px; }
        .user-profile .hovercard .user-image .share-icons li .social-icon i {
          font-size: 18px; }
  .timeline-small .media .timeline-round.timeline-line-1:after {
    height: 33px;
    bottom: -52px; }
  .timeline-small .media .timeline-round.small-line:after {
    height: 18px;
    bottom: -34px; }
  .timeline-small .media .timeline-round.medium-line:after {
    height: 30px;
    bottom: -52px; }
  .timeline-small .media .media-body p {
    width: 100%; }
  .lg-mt-col {
    margin-top: 30px; }
  .xl-none {
    display: none; }
  .lg-mt {
    margin-top: 30px; }
  .product-wrapper-grid.list-view .product-box .product-img {
    width: 32%; }
  .debit-card {
    order: 1; }
  .typography .row div + div {
    margin-top: 30px; }
  .listing .card-body .row > div + div {
    margin-top: 30px; }
  .flot-chart-container {
    height: 200px; }
  .img-cropper #putData {
    margin-bottom: 10px; }
  .img-cropper .docs-toggles > .dropdown {
    margin-bottom: 0; }
  .error-wrapper .maintenance-icons li i {
    color: #E6E9EB;
    font-size: 40px; }
  .error-wrapper .maintenance-icons li:nth-child(2) i {
    font-size: 80px;
    margin-left: 90px; }
  .error-wrapper .maintenance-icons li:nth-child(3) i {
    font-size: 120px;
    margin-top: -75px;
    margin-right: 110px; }
  div.dataTables_wrapper div.dataTables_paginate ~ .dataTables_filter {
    display: block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0; }
  .jvector-map-height {
    height: 280px; }
  .blog-list .blog-details p {
    margin-bottom: 5px; }
  .custom-card .card-profile .card-footer > div h3 {
    font-size: 18px; }
  .equal-height-lg {
    min-height: unset !important; }
  .mega-menu .onhover-show-div {
    height: 435px;
    overflow-x: scroll;
    left: 215px; }
  .mega-menu .mega-bg {
    display: none; }
  .mega-menu .lg-mt {
    margin-top: 25px; }
  .button-builder .button-generator-bx {
    position: relative;
    width: 100%; }
  .blog-single .comment-box ul .comment-social {
    margin-left: 0; }
    [dir="rtl"] .blog-single .comment-box ul .comment-social {
      margin-left: unset;
      margin-right: 0; }
  .error-wrapper .maintenance-heading {
    margin-top: 30px; }
    .error-wrapper .maintenance-heading .headline {
      font-size: 50px;
      margin-top: -15%;
      margin-bottom: 0px; }
    .error-wrapper .maintenance-heading .cloud-second {
      margin-top: -25px; }
  .testimonial p {
    margin-top: 17px; }
  .browser-widget {
    padding: 0px; }
    .browser-widget img {
      height: 50px; }
    .browser-widget .media .media-body h4 {
      font-size: 17px; }
    .browser-widget .media .media-img {
      width: 100%;
      text-align: center;
      margin-bottom: 10px; }
  .crm-overall .overall-chart {
    height: 200px; }
  .product-table table.dataTable thead > tr > th {
    padding-right: 50px; }
  .chat-menu-icons {
    display: block;
    clear: both; }
  .chat-menu {
    right: 0;
    border-top: 1px solid #efefef;
    opacity: 0;
    transform: translateY(-30px);
    visibility: hidden;
    top: 60px;
    position: absolute !important;
    z-index: 3;
    background-color: #fff;
    transition: all linear 0.3s; }
    .chat-menu.show {
      opacity: 1;
      visibility: visible;
      transform: translateY(0px);
      transition: all linear 0.3s;
      padding-bottom: 25px; }
  .chat-right-aside {
    flex: 0 0 100%;
    max-width: calc(100% - 15px);
    overflow: hidden; }
  .icon-lists div {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 209px; }
  .like-comment-lg-mb {
    margin-bottom: 12px; }
  .ribbon-space-bottom {
    top: 9px; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group {
    width: 98.5% !important; }
  #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child {
    width: 95px !important; }
  #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child {
    width: 95px !important; }
  .profile-img-style #aniimated-thumbnials-3 {
    text-align: center; }
  .vertical-menu-mt {
    margin-top: 80px !important; }
    .vertical-menu-mt .xl-none {
      display: block; }
  .calendar-wrap .fc-day-grid-event {
    width: 87%; }
  .product-page-main .product-page-details h3 {
    font-size: 26px; } }

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .page-wrapper.horizontal-wrapper.material-type .page-header {
    max-width: 930px; }
  .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .sidebar-wrapper,
  .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .page-body {
    max-width: 930px; } }

@media only screen and (max-width: 991.98px) {
  .todo-list-wrapper #todo-list li .task-container .task-label {
    min-width: 460px; }
  table.dataTable.fixedHeader-locked, table.dataTable.fixedHeader-floating {
    left: 0 !important;
    width: 100% !important;
    max-width: unset !important; }
    table.dataTable.fixedHeader-locked tr, table.dataTable.fixedHeader-floating tr {
      display: flex;
      flex-wrap: wrap; }
  .simplebar-mask {
    top: 70px; }
  .project-cards .tab-content {
    margin-bottom: -20px; }
  .project-box {
    margin-bottom: 20px; }
  .page-wrapper.modern-type .simplebar-mask {
    top: 70px; }
  .page-wrapper.compact-sidebar .simplebar-mask {
    top: 87px; }
  .page-wrapper.compact-sidebar .page-header {
    margin-left: 0;
    width: calc(100% - 0px); }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links li .sidebar-link.active ~ .sidebar-submenu {
    display: none !important; }
  .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
    margin-top: 60px; }
  .page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu {
    top: 65px; }
  .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
    position: fixed !important;
    top: 0 !important; }
  .product-box .modal .modal-header .product-box .product-details {
    padding-left: 15px;
    padding-right: 15px; }
  .search-form .form-group:before {
    top: 33px; }
  .search-form .form-group:after {
    top: 35px; }
  .mobile-title.d-none {
    padding: 11px 30px 10px; }
  .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
    top: 50px; }
  .page-wrapper .page-header .header-wrapper .search-full input {
    line-height: 50px; }
  .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
    top: 20px; }
  .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
    top: 18px; }
  .page-wrapper .current_lang .lang span.lang-txt {
    display: none; }
  .customizer-contain {
    top: 62px; }
  .m-r-30 {
    margin-right: 20px; }
  .card.full-card {
    top: 60px;
    width: calc(100vw - 0px); }
  .vertical-mobile-sidebar {
    right: 75px;
    top: 18px; }
  .gallery {
    margin-bottom: -20px; }
  .my-gallery figure {
    margin-bottom: 20px; }
  #aniimated-thumbnials figure:nth-child(12), #aniimated-thumbnials figure:nth-child(11), #aniimated-thumbnials figure:nth-child(10), #aniimated-thumbnials figure:nth-child(9) {
    margin-bottom: 20px; }
  .photoswipe-pb-responsive {
    padding-bottom: 25px !important; }
  table.dataTable.fixedHeader-locked, table.dataTable.fixedHeader-floating {
    left: 0 !important;
    width: 100% !important; }
  .page-wrapper .section-space {
    padding: 60px 0; }
  .page-wrapper .card {
    margin-bottom: 30px; }
    .page-wrapper .card .card-header,
    .page-wrapper .card .card-body,
    .page-wrapper .card .card-footer {
      padding: 20px; }
      .page-wrapper .card .card-header .tab-content .m-t-30,
      .page-wrapper .card .card-body .tab-content .m-t-30,
      .page-wrapper .card .card-footer .tab-content .m-t-30 {
        margin-top: 20px !important; }
      .page-wrapper .card .card-header .tab-content .m-b-30,
      .page-wrapper .card .card-body .tab-content .m-b-30,
      .page-wrapper .card .card-footer .tab-content .m-b-30 {
        margin-bottom: 20px !important; }
  .page-wrapper .page-body-wrapper .footer-fix {
    margin-left: 0px;
    padding-right: 15px;
    width: calc(100% - 0px) !important; }
  .page-wrapper.compact-wrapper .page-header {
    margin-left: 0 !important;
    width: calc(100% - 0px) !important; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .maximize {
      display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .header-logo-wrapper {
      display: flex; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
      position: unset;
      margin-right: 15px;
      border-right: 1px solid #ddd;
      padding-right: 15px;
      display: block; }
      .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar:before {
        display: none; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-nav {
      display: none; }
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    top: 0; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
      transform: translate(-285px); }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper {
      padding: 17px 30px; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn {
        display: inline-block;
        float: right;
        font-size: 20px;
        color: #fff;
        cursor: pointer; }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .toggle-sidebar {
        display: none; }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
      height: calc(100vh - 95px); }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
      transform: translate(-285px); }
      .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: unset; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin-top: 78px;
    padding: 0 15px; }
  .page-wrapper.compact-sidebar .page-header .header-wrapper .maximize {
    display: none; }
  .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
    display: none;
    margin-right: 0; }
  .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
    margin: 0 !important; }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper {
      display: block; }
  .page-wrapper.material-icon .page-header {
    padding-left: 0; }
  .page-wrapper.material-icon .page-body-wrapper .page-body {
    padding-left: 15px; }
  .page-wrapper .page-header .header-wrapper {
    margin: 0;
    padding: 12px 30px; }
    .page-wrapper .page-header .header-wrapper .nav-right .notification {
      top: 10px; }
    .page-wrapper .page-header .header-wrapper > .mobile-toggle {
      cursor: pointer;
      display: flex;
      align-items: center; }
    .page-wrapper .page-header .header-wrapper .header-logo-wrapper {
      margin-right: 0; }
  .page-wrapper .page-header .header-logo-wrapper .logo-wrapper img {
    margin-top: 0; }
  .page-body-wrapper .page-body,
  .page-body-wrapper footer {
    margin-left: 0 !important; }
    .page-body-wrapper .page-body #customer-review .owl-stage-outer,
    .page-body-wrapper footer #customer-review .owl-stage-outer {
      width: 100% !important; }
  .default-according .card {
    margin-bottom: 10px !important; }
    .default-according .card .card-header {
      padding: 0 !important; }
  .faq-wrap .faq-accordion.default-according .card .faq-header {
    padding: 20px 20px 0 !important; }
  .crm-activity > li + li {
    margin-top: 10px;
    padding-top: 10px; }
  .add-post .dropzone {
    margin-bottom: 20px; }
  .customers.avatar-group {
    margin-right: 20px; }
  .socialprofile .social-btngroup {
    margin: 20px 0; }
  .socialprofile .social-group {
    margin-top: 20px; }
  .social-status form .form-group .form-control-social {
    margin-bottom: 20px; }
  .social-status .media {
    margin-bottom: 20px; }
  .timeline-content p,
  .timeline-content .comments-box {
    margin-top: 20px; }
  .social-chat {
    margin-top: 20px; }
    .social-chat .media-body {
      padding: 20px; }
    .social-chat .your-msg,
    .social-chat .other-msg {
      margin-bottom: 20px; }
  .social-network span {
    margin-bottom: 20px; }
  .details-about + .details-about {
    margin-top: 20px; }
  .activity-log .my-activity + .my-activity {
    margin-top: 20px; }
  .new-users-social {
    margin-bottom: 20px; }
  .timeline-small .media {
    margin-bottom: 20px; }
    .timeline-small .media .media-body h6 {
      margin-bottom: 20px; }
    .timeline-small .media .media-body p {
      width: 75%; }
    .timeline-small .media .timeline-round {
      width: 45px;
      height: 45px;
      top: -14px; }
      .timeline-small .media .timeline-round.timeline-line-1:after {
        bottom: -41px;
        height: 25px; }
      .timeline-small .media .timeline-round.small-line:after {
        bottom: -26px;
        height: 14px; }
      .timeline-small .media .timeline-round.medium-line:after {
        bottom: -33px;
        height: 17px; }
      .timeline-small .media .timeline-round svg {
        top: 14px; }
  .helper-classes {
    padding: 20px; }
  .floated-customizer-btn,
  .floated-customizer-panel {
    display: none; }
  .page-builder .ge-canvas.ge-editing .row {
    padding: 20px; }
  .ecommerce-widget .progress-showcase {
    margin-top: 20px; }
  .crm-overall {
    margin: 0 -20px -20px; }
  .product-page-main {
    padding: 20px; }
  .grid-options ul li:nth-child(3) {
    display: none; }
  .feature-products form .form-group i {
    right: 20px; }
  .tilt-showcase .tilt-image {
    text-align: center; }
  .tilt-showcase .mt-4 {
    margin-top: 20px !important; }
  .todo .todo-list-wrapper .mark-all-tasks {
    top: 20px;
    right: 20px; }
  .custom-card {
    padding-bottom: 0; }
    .custom-card .card-footer {
      padding: 0 15px 15px 15px !important; }
    .custom-card .card-header {
      border: none; }
    .custom-card .dashboard-card {
      padding: 0; }
    .custom-card .card-profile img {
      height: 155px; }
  .display-1 {
    font-size: calc(30px + (64 - 30) * ((100vw - 320px) / (1200 - 320))); }
  .display-2 {
    font-size: calc(25px + (56 - 25) * ((100vw - 320px) / (1200 - 320))); }
  .display-3 {
    font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (1200 - 320))); }
  .display-4 {
    font-size: calc(15px + (24 - 15) * ((100vw - 320px) / (1200 - 320))); } }

@media only screen and (max-width: 991.98px) and (max-width: 1200px) {
  .typography .h1 {
    font-size: calc(16px + (34 - 16) * ((100vw - 320px) / (1200 - 320))); } }

@media only screen and (max-width: 991.98px) {
  .typography .h2 {
    font-size: 30px; } }
  @media only screen and (max-width: 991.98px) and (max-width: 1200px) {
    .typography .h2 {
      font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (1200 - 320))); } }
@media only screen and (max-width: 991.98px) {
  .typography .h3 {
    font-size: 22px; } }
  @media only screen and (max-width: 991.98px) and (max-width: 1200px) {
    .typography .h3 {
      font-size: calc(17px + (22 - 17) * ((100vw - 320px) / (1200 - 320))); } }
@media only screen and (max-width: 991.98px) {
  .typography .h4 {
    font-size: 20px; } }
  @media only screen and (max-width: 991.98px) and (max-width: 1200px) {
    .typography .h4 {
      font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (1200 - 320))); } }
@media only screen and (max-width: 991.98px) {
  .typography .h5 {
    font-size: 18px; } }
  @media only screen and (max-width: 991.98px) and (max-width: 1200px) {
    .typography .h5 {
      font-size: calc(13px + (18 - 13) * ((100vw - 320px) / (1200 - 320))); } }
@media only screen and (max-width: 991.98px) {
  .typography .h6 {
    font-size: 15px; } }
  @media only screen and (max-width: 991.98px) and (max-width: 1200px) {
    .typography .h6 {
      font-size: calc(12px + (15 - 12) * ((100vw - 320px) / (1200 - 320))); } }
@media only screen and (max-width: 991.98px) {
  h1 {
    font-size: calc(20px + (34 - 20) * ((100vw - 320px) / (1200 - 320))); }
  h2 {
    font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1200 - 320))); }
  h3 {
    font-size: calc(17px + (26 - 17) * ((100vw - 320px) / (1200 - 320))); }
  h4 {
    font-size: calc(17px + (22 - 17) * ((100vw - 320px) / (1200 - 320))); }
  h5 {
    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1200 - 320))); }
  h6 {
    font-size: calc(12px + (15 - 12) * ((100vw - 320px) / (1200 - 320))); }
  .card-absolute .card-header {
    padding: 10px 15px !important; }
  .comingsoon .comingsoon-inner .countdown .time {
    width: 80px;
    height: 80px;
    font-size: 26px; }
  .calendar-wrap .basic-calendar .external-events .fc-event + .fc-event {
    margin-top: 10px; }
  .owl-theme .owl-nav.disabled + .owl-dots {
    margin-bottom: -10px;
    margin-top: 15px; }
  .card .card-header h5 {
    font-size: 18px; }
  .card .card-header .card-header-right {
    top: 12px;
    right: 15px; }
  .page-builder .ge-addRowGroup {
    width: 100%; }
  .user-profile .hovercard .info .user-designation {
    margin-bottom: 20px; }
  .search-list {
    justify-content: center; }
  .blog-single .comment-box .comment-social li {
    padding-left: 15px; }
  .error-wrapper {
    padding: 35px 0; }
    .error-wrapper .sub-content {
      font-size: 14px;
      line-height: 25px;
      margin-top: 0px; }
    .error-wrapper .error-heading {
      margin-top: 30px; }
      .error-wrapper .error-heading .headline {
        font-size: 180px;
        margin-top: 0; }
    .error-wrapper .maintenance-heading {
      margin-top: 30px; }
  .editor_container .CodeMirror {
    min-height: 250px;
    height: 250px; }
  .search-page .info-block {
    flex-wrap: wrap; }
  .search-page .tab-content .pb-4 {
    padding-bottom: 20px !important; }
  .xl-none {
    display: block; }
  .top-radius-blog {
    width: 100%; }
  .sm-100-w {
    width: 100%;
    height: 100%; }
  /*Form Wizard One start*/
  .form-wizard .btn-mb {
    margin-bottom: 20px; }
  /*Form Wizard One ends*/
  /*Form Wizard Three Start*/
  .f1 .f1-steps {
    margin-top: 20px;
    margin-bottom: 20px; }
  /*Form Wizard Three ends*/
  /*Form Wizard Four Start*/
  .wizard-4 ul.anchor {
    padding-right: 20px;
    width: 40%; }
    .wizard-4 ul.anchor li a.done h4:before {
      top: -8px; }
    .wizard-4 ul.anchor li h4 {
      padding: 11px 18px;
      width: 50px; }
    .wizard-4 ul.anchor li + li a {
      padding-left: 65px; }
      [dir="rtl"] .wizard-4 ul.anchor li + li a {
        padding-right: 65px; }
  .wizard-4 .step-container {
    width: 60%; }
    .wizard-4 .step-container div.content .wizard-title {
      width: 380px; }
  .wizard-4 .login-card .login-main {
    width: 380px; }
  .wizard-4 .msg-box {
    top: 25px !important; }
  /*Form Wizard Four ends*/
  .border-tab.nav-tabs {
    margin-bottom: 20px; }
  .tab-content ~ .nav-tabs.border-tab {
    margin-top: 20px; }
  .dataTables_wrapper .dataTables_length {
    margin-bottom: 20px; }
  .dataTables_wrapper table.dataTable {
    margin-bottom: 20px !important; }
  .search-page .info-block + .info-block {
    padding-top: 20px;
    margin-top: 20px; }
  .search-page #video-links .embed-responsive + .embed-responsive {
    margin-top: 20px; }
  .lg-mt {
    margin-top: 20px; }
  .gallery-with-description {
    margin-bottom: -20px; }
    .gallery-with-description a > div {
      margin-bottom: 20px; }
  .clipboaard-container p {
    margin-bottom: 8px; }
  .m-b-30 {
    margin-bottom: 20px !important; }
  .nav-md-mt {
    margin-top: 20px; }
  .navs-icon {
    padding: 20px; }
    .navs-icon .main-section {
      padding-top: 20px; }
    .navs-icon .separator {
      margin: 20px 0; }
  .nav-list {
    padding: 20px; }
  .navs-dropdown button {
    margin-top: 20px; }
  .navs-dropdown .onhover-show-div {
    top: 68px; }
  .animated-modal .form-group {
    width: 100%;
    display: block; }
  .animated-modal .mr-4 {
    margin-right: 0 !important; }
  .steps-md-mt {
    margin-top: 20px; }
  .btn-group-wrapper .m-b-30:last-child {
    margin-bottom: 0 !important; }
  #advance-5_wrapper .dataTables_paginate {
    margin-bottom: 20px; }
  .card .card-body form.animated-modal {
    display: flex; }
    .card .card-body form.animated-modal .animated-modal-md-mb {
      margin-bottom: 20px !important; }
  .wizard-4 .msg-box {
    top: 40px;
    right: 0%;
    bottom: unset;
    left: unset; }
  .theme-form.form-inline {
    display: flex; } }

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .page-wrapper.compact-wrapper.material-type::before {
    height: 230px; }
  .page-wrapper.compact-wrapper.material-type .page-header {
    width: calc(100% - 60px) !important;
    margin: 50px auto 0 !important; }
  .page-wrapper.compact-wrapper.material-type .page-body-wrapper {
    margin: 0 30px; }
    .page-wrapper.compact-wrapper.material-type .page-body-wrapper div.sidebar-wrapper {
      left: 0; }
    .page-wrapper.compact-wrapper.material-type .page-body-wrapper .page-body {
      margin-top: 0; } }

@media only screen and (max-width: 810px) {
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li .profile-media .media-body {
    display: none; } }

@media only screen and (max-width: 767.98px) {
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin-top: 62px; }
  .list-product .datatable-loading .datatable-top {
    display: none; }
  .left-sidebar-wrapper {
    padding: 10px; }
    .left-sidebar-wrapper .advance-options .chats-user {
      height: 200px; }
  .wizard-4 ul.anchor {
    width: 100%;
    height: auto;
    padding: 30px; }
  .wizard-4 .step-container {
    width: 100%; }
  .contact-editform {
    padding-left: 20px !important; }
  .event-calendar {
    display: block !important; }
    .event-calendar #right {
      width: 100%; }
    .event-calendar #calendar {
      clear: both; }
  .page-wrapper.material-type::before {
    display: none; }
  .page-wrapper.material-type .page-header {
    margin-top: 0;
    border-radius: 0; }
  .page-wrapper.material-type .page-body-wrapper .page-body {
    margin-top: 0 !important; }
  .page-wrapper.only-body .page-header .header-wrapper .nav-right > ul > li {
    margin-right: -2px; }
  .page-wrapper.only-body .page-header .header-wrapper .nav-right .nav-menus {
    margin-right: -10px; }
  .new-products .owl-carousel .product-box.row > div {
    width: auto; }
  .profile-media .media-body {
    display: none; }
  .form-inline .form-group:not(.form-control-search) {
    width: 100%; }
    .form-inline .form-group:not(.form-control-search) + .form-group {
      margin-top: 10px; }
    .form-inline .form-group:not(.form-control-search) input {
      width: 100%; }
  .credit-card .text-center img {
    margin-bottom: 20px; }
  .starter-kit-fix .page-body {
    margin-bottom: 78px; }
  .blog-box .blog-details-main .blog-social li {
    padding: 0 12px; }
  .blog-box .blog-details .blog-social li:first-child {
    padding-right: 25px; }
  .blog-box .blog-details .blog-social li + li {
    padding-left: 25px; }
  .footer-copyright ~ div {
    text-align: center; }
    .footer-copyright ~ div p {
      float: none;
      margin-top: 5px; }
  .user-profile .hovercard .user-image .share-icons {
    right: 25px;
    top: -19px; }
    .user-profile .hovercard .user-image .share-icons li .social-icon {
      width: 35px;
      height: 35px; }
  .tabs-scoial.border-tab.nav-tabs {
    display: flex; }
  .timeline-small .media .media-body p {
    width: 100%; }
  .my-gallery figure:nth-child(9), .my-gallery figure:nth-child(10) {
    margin-bottom: 20px; }
  .project-list .btn {
    float: left;
    margin-top: 5px; }
  .chat-left-aside .people-list ul {
    max-height: 100px; }
  .clockpicker-align-top {
    left: 55px !important;
    top: 470px !important; }
    .clockpicker-align-top .arrow {
      display: none; }
  .form-builder-column .form-body {
    min-height: 250px; }
  .form-builder-2-header {
    flex-wrap: wrap; }
    .form-builder-2-header > div {
      width: 100%;
      margin-top: 10px; }
      .form-builder-2-header > div nav {
        float: none; }
  .lg-mt-col {
    margin-top: 20px; }
  .form-builder .drag-box fieldset {
    padding: 20px;
    margin-top: 20px; }
  .form-builder #components {
    margin-top: 20px; }
  .form-builder .component label {
    padding-top: 0px; }
  .mega-menu .onhover-show-div {
    height: 415px;
    left: 0;
    top: 61px;
    padding: 20px; }
  .mega-menu .lg-mt {
    margin-top: 15px; }
  .page-builder .ge-canvas.ge-editing .ge-tools-drawer {
    margin: 10px 0 0 10px; }
    .page-builder .ge-canvas.ge-editing .ge-tools-drawer > a {
      padding: 0 5px; }
  .range-slider.theme-form .form-group {
    margin-bottom: 0; }
  .note-editor .btn-group .btn {
    font-size: 11px; }
  .text-md-right {
    text-align: right; }
  .star-ratings .stars {
    padding: 0; }
  .form-inline.d-inline-block {
    display: block !important;
    width: 100%; }
    .form-inline.d-inline-block .form-control {
      margin-bottom: 10px; }
  .reset-password-box {
    width: 500px;
    margin: 0 auto; }
    .reset-password-box .card {
      padding: 20px; }
  .custom-card .card-profile img {
    height: 136px;
    bottom: 0; }
  .error-wrapper .maintenance-icons li i {
    color: #E6E9EB;
    font-size: 30px; }
  .error-wrapper .maintenance-icons li:nth-child(2) i {
    font-size: 60px;
    margin-top: -10px;
    margin-left: 70px; }
  .error-wrapper .maintenance-icons li:nth-child(3) i {
    font-size: 90px;
    margin-right: 80px; }
  .authentication-main .auth-innerright {
    min-height: unset;
    padding: 0; }
    .authentication-main .auth-innerright .social-media li {
      font-size: 14px; }
  .loader-box {
    justify-content: center; }
  .dataTables_wrapper .dataTables_length {
    margin-bottom: 20px; }
  .dataTables_wrapper .dataTables_filter {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 20px; }
  div.dataTables_wrapper div.dataTables_info {
    padding-top: 0; }
  div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label {
    float: none; }
  div.dataTables_wrapper div.dataTables_paginate {
    float: none;
    margin-top: 20px !important;
    margin-left: 0 !important; }
  .calendar-wrap .fc-basic-view .fc-day-number {
    padding: 0 0px !important; }
  .calendar-wrap .fc-events-container {
    margin-top: 0px; }
  .calendar-wrap .fc-events-container h6,
  .calendar-wrap .fc-events-container .checkbox {
    text-align: right; }
  .calendar-wrap .checkbox label {
    margin-top: 0; }
  .calendar-wrap .fc-toolbar .fc-left .fc-next-button .fc-icon-right-single-arrow:after {
    font-size: 12px !important; }
  .calendar-wrap .fc-toolbar .fc-left .fc-prev-button .fc-icon-left-single-arrow:after {
    font-size: 12px !important; }
  .calendar-wrap .fc-toolbar .fc-left .fc-today-button,
  .calendar-wrap .fc-toolbar .fc-right .fc-today-button {
    padding-top: 0px !important; }
  .calendar-wrap .fc {
    margin-top: 0px; }
    .calendar-wrap .fc button {
      font-size: 14px !important;
      padding: 0 5px !important; }
    .calendar-wrap .fc .fc-left {
      margin-bottom: 10px; }
    .calendar-wrap .fc .fc-toolbar > div {
      display: block !important;
      float: none !important; }
    .calendar-wrap .fc .fc-toolbar > * :first-child {
      font-size: 18px; }
    .calendar-wrap .fc .fc-toolbar > * > * {
      float: none !important; }
  .btn-group-wrapper {
    text-align: center; }
    .btn-group-wrapper .m-b-30 {
      margin-bottom: 15px !important; }
  .btn-group-showcase {
    text-align: center; }
    .btn-group-showcase .btn-group {
      margin-right: 0;
      margin-bottom: 15px; }
  .btn-group .btn {
    font-size: 14px;
    padding: 0.375rem 1.3rem; }
  .animate-widget .text-center {
    display: none; }
  .mega-menu .onhover-show-div {
    height: 350px; }
  .page-builder .ge-canvas .column {
    padding: 0 !important; }
  .page-builder .ge-content-type-ckeditor h3 {
    font-size: 20px; }
  .page-builder .ge-content-type-ckeditor p {
    font-size: 12px; }
  .page-builder .ge-row-icon {
    display: none !important; }
  /* font-awesom icon page */
  .icon-hover-bottom .form-group input {
    min-width: 270px; }
  .file-content .d-md-flex .flex-grow-1 {
    margin-top: 15px;
    text-align: center !important; }
  .user-profile .hovercard .cardheader {
    height: 350px; }
  .user-profile .hovercard .info {
    padding: 35px; }
    .user-profile .hovercard .info .ttl-info {
      margin-bottom: 20px; }
    .user-profile .hovercard .info .ttl-sm-mb-0 {
      margin-bottom: 0; }
  .calendar-wrap .fc button {
    padding: 5px; }
  .calendar-wrap .fc-day-grid-event {
    margin: 0;
    padding: 5px;
    width: inherit; }
  .calendar-wrap .fc-toolbar h2 {
    font-size: 20px;
    line-height: 35px;
    font-weight: bold; }
  .calendar-wrap .basic-calendar .external-events {
    margin-top: 0px; }
  .blog-single .comment-box .media h6 {
    margin-bottom: 10px; }
  .blog-single .comment-box .media img {
    margin-right: 30px; }
  .blog-single .comment-box .comment-social {
    margin-bottom: 5px; }
    .blog-single .comment-box .comment-social li:first-child {
      padding-left: 0;
      padding-right: 15px; }
  .search-page #image-links .info-block.m-t-30 {
    margin-top: 0 !important; }
  .authentication-main .authentication-box {
    width: 100%; }
  .authentication-main .auth-innerright {
    display: inherit; }
  .map-chart .chart-container {
    height: 300px; }
  .candidcahrt {
    height: 250px; }
  .bar-chart-widget .earning-details i {
    right: 0; }
  .serial-chart .chart-container {
    height: 300px; }
  .bottom-content {
    padding: 10px; }
    .bottom-content p {
      font-size: 12px; }
  .icon-hover-bottom .icon-popup {
    display: block; }
    .icon-hover-bottom .icon-popup > .icon-last {
      display: block;
      margin-top: 15px; }
      .icon-hover-bottom .icon-popup > .icon-last .form-inline .form-group {
        display: flex; }
    .icon-hover-bottom .icon-popup div .flag-icon {
      width: 30px;
      height: auto; }
  .icon-hover-bottom .form-group input {
    display: block;
    width: auto !important; }
  .footer-links {
    text-align: center; }
  .footer-copyright {
    text-align: center !important; }
  .jvector-map-height {
    height: 150px; }
  .sm-left-text {
    text-align: left !important; }
    [dir="rtl"] .sm-left-text {
      text-align: right !important; }
  .alert-dismissible p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 294px; }
  .button-group-mb-sm {
    margin-bottom: 5px; }
  .card-block .table-responsive .table tbody tr td span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100px; }
  .card-block .table-responsive .progress-content tbody tr td span {
    text-overflow: ellipsis;
    white-space: normal;
    max-width: 50px; }
  .card-block .table-responsive .checkbox-td-width tbody tr td,
  .card-block .table-responsive .radio-first-col-width tbody tr td {
    min-width: 200px !important; }
  #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child {
    width: 119px !important; }
  #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child {
    width: 119px !important; }
  .jsgrid .jsgrid-pager-container {
    text-align: center; }
  .hovercard .info .follow .text-md-right {
    text-align: center; }
  .profile-img-style .like-comment-sm-mb {
    margin-bottom: 20px; }
  .reset-password-box .theme-form .form-group .btn {
    margin-top: 15px !important; }
  .lg-outer .lg-actions .lg-next,
  .lg-outer .lg-actions .lg-prev {
    top: 48%; }
  .feature-products .filter-toggle {
    padding: 8px 15px;
    background-color: #fff;
    margin-left: 10px;
    border-radius: 5px; }
  .feature-products .select2-drpdwn-product {
    float: left;
    margin-right: 10px;
    margin-top: 8px; }
    [dir="rtl"] .feature-products .select2-drpdwn-product {
      float: right;
      margin-right: unset;
      margin-left: 10px; }
  .feature-products span.f-w-600 {
    padding-top: 15px;
    display: inline-block; }
  .feature-products .text-right {
    text-align: left !important; }
  .d-none-productlist {
    display: block;
    margin-right: 10px; }
  .grid-options ul li {
    display: none; }
  .product-sidebar {
    transform: translateX(-300px) scaleX(0);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    height: 0;
    position: absolute;
    z-index: 3;
    width: 300px; }
    .product-sidebar.open {
      transform: translateX(0px) scaleX(1);
      box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
      visibility: visible;
      opacity: 1;
      height: auto;
      top: -45px; }
      .product-sidebar.open:before, .product-sidebar.open:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #fff;
        right: 120px;
        top: -7px; }
    .product-sidebar .filter-section .card-header {
      display: none; }
  .product-wrapper.sidebaron .product-grid .product-wrapper-grid {
    margin-left: 0; }
  .product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
    top: unset;
    min-width: unset; }
  .product-wrapper-grid.list-view .product-box .product-img {
    width: 42%; }
  .product-filter .product-box {
    flex-wrap: nowrap; }
    .product-filter .product-box .product-img {
      width: 100px; }
    .product-filter .product-box .product-details {
      padding: 0 !important; } }

@media only screen and (max-width: 575.98px) {
  .todo .todo-list-wrapper .mark-all-tasks .mark-all-tasks-container {
    display: none; }
  .border-tab.nav-tabs {
    display: block; }
  .page-wrapper .page-header .header-wrapper .search-full input {
    padding-left: 30px;
    line-height: 40px; }
  .page-wrapper .page-header .header-wrapper .search-full .form-group::before {
    top: 14px;
    left: 12px; }
  .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
    top: 18px;
    right: 0;
    width: 18px;
    height: 18px; }
  .page-wrapper.only-body .page-header .header-wrapper .nav-right {
    right: 30px; }
  .date-picker .theme-form > .row > div:last-child {
    margin-top: 0; }
  .search-page .info-block {
    display: block; }
  .form-bookmark .row > div .row > .col-sm-6 + .col-sm-6 {
    margin-top: 10px; }
  .btn {
    padding: 6px 16px; }
  .alert-theme {
    min-width: 380px; }
  .knowledgebase-bg {
    height: 250px; }
  .login-card .login-main .theme-form .or:before {
    width: 55%; }
  .knowledgebase-search {
    width: calc(100% - 30px);
    left: 18px;
    height: calc(100% - 30px);
    background-color: rgba(255, 255, 255, 0.7); }
    .knowledgebase-search .form-inline {
      width: 90%;
      padding: 3px 45px; }
      .knowledgebase-search .form-inline svg {
        top: 10px; }
    .knowledgebase-search > div {
      width: 100%;
      text-align: center;
      padding: 15px;
      border-right: 10px; }
      .knowledgebase-search > div h3 {
        font-size: 20px;
        margin-bottom: 0; }
      .knowledgebase-search > div .form-group {
        margin-bottom: 0; }
  .invoice .text-md-end {
    margin-top: 10px; }
  .invoice .text-right {
    text-align: right; }
  .invoice .text-xs-center {
    text-align: center; }
  .login-card {
    padding-top: 40px;
    padding-bottom: 40px; }
    .login-card .logo {
      margin-bottom: 10px; }
    .login-card .login-main {
      width: auto;
      padding: 20px; }
      .login-card .login-main .theme-form .form-group {
        margin-bottom: 5px; }
      .login-card .login-main .theme-form p {
        margin-bottom: 5px; }
    .login-card .btn-showcase .btn {
      width: 100%; }
      .login-card .btn-showcase .btn + .btn {
        margin-left: 0;
        margin-top: 5px; }
  .bookmark ul li a svg {
    height: 16px;
    width: 16px; }
  .bookmark ul li + li {
    margin-left: 5px; }
  .page-wrapper .page-header .header-wrapper .nav-right > ul > li {
    padding: 4px 6px; }
  .page-header .header-wrapper .nav-right .cart-box .badge,
  .page-header .header-wrapper .nav-right .notification-box .badge {
    font-size: 10px; }
  .page-wrapper .page-body-wrapper .page-title > .row .col-6:first-child {
    display: block; }
    .page-wrapper .page-body-wrapper .page-title > .row .col-6:first-child h3 {
      padding-right: 0; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li i {
    font-size: 14px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li svg {
    width: 24px;
    height: 24px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li .notification-box svg {
    width: 24px !important;
    height: 24px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li .mode svg {
    height: 24px;
    width: 24px; }
  .page-wrapper .page-header .header-wrapper .nav-right ul li span.badge {
    padding: 2px 4px;
    font-size: 10px; }
  .page-wrapper .page-body-wrapper .page-title .breadcrumb {
    margin-top: 0;
    justify-content: flex-end; }
  .page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper, .page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper {
    display: none; }
  .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
    border-right: 1px solid #ddd;
    padding-right: 8px;
    margin-right: 8px; }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar svg, .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar svg {
      width: 18px; }
  .page-wrapper.compact-sidebar .sidebar-wrapper .back-btn {
    display: none; }
  .page-wrapper.compact-sidebar .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li {
    margin-right: 0; }
  .page-wrapper .page-header .header-wrapper {
    padding: 12px 15px !important; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul {
      top: 58px; }
      .page-wrapper .page-header .header-wrapper .nav-right > ul .search-form i {
        display: none; }
    .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li.px-0 {
      padding: 6px !important; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul li .flag-icon {
      font-size: 14px !important; }
    .page-wrapper .page-header .header-wrapper .nav-right > ul li .profile-media img {
      width: 30px;
      height: 30px; }
    .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown.onhover-show-div:before, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown.onhover-show-div:after {
      left: 24px !important;
      right: unset !important; }
  .page-wrapper .page-body-wrapper .page-title .btn-group .btn {
    padding: 8px 30px; }
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin-top: 57px; }
  .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links {
    height: calc(100vh - 79px); }
  .alert-dismissible {
    padding-right: 30px; }
    .alert-dismissible p {
      max-width: 102px; }
  .customizer-links {
    display: none; }
  .m-r-30 {
    margin-right: 15px; }
  .wishlist .text-end {
    text-align: left !important; }
  .add-post form .m-checkbox-inline label {
    margin-right: 15px; }
  .add-post .dropzone {
    margin-bottom: 15px; }
  .wizard-4 .msg-box {
    top: 10px !important; }
  .wizard-4 .login-card .login-main {
    width: 280px; }
  .wizard-4 .step-container div.content .wizard-title {
    width: 280px; }
  .wizard-4 .action-bar {
    right: 10px; }
    .wizard-4 .action-bar [dir="rtl"] {
      left: 10px; }
  .customers.avatar-group {
    margin-right: 15px; }
  .vertical-mobile-sidebar {
    top: 19px; }
  .alert-theme i {
    margin-right: 10px !important; }
  .alert-theme button {
    top: 0px !important; }
  .bar-chart-widget .earning-details i {
    right: -30px; }
  .clockpicker-align-top {
    left: 45px !important;
    top: 406px !important; }
  .gallery {
    margin-bottom: -15px; }
  .my-gallery figure {
    margin-bottom: 15px; }
    .my-gallery figure:nth-child(9), .my-gallery figure:nth-child(10) {
      margin-bottom: 15px; }
  .my-gallery.gallery-with-description figure:last-child {
    margin-bottom: 20px; }
  #aniimated-thumbnials figure:nth-child(12), #aniimated-thumbnials figure:nth-child(11), #aniimated-thumbnials figure:nth-child(10), #aniimated-thumbnials figure:nth-child(9) {
    margin-bottom: 15px; }
  .photoswipe-pb-responsive {
    padding-bottom: 30px !important; }
  .avatar-showcase .pepole-knows {
    text-align: center; }
    .avatar-showcase .pepole-knows ul li {
      margin-right: 14px; }
  .social-app-profile .hovercard .user-image .avatar {
    margin-top: -56px; }
    .social-app-profile .hovercard .user-image .avatar img {
      width: 100px;
      height: 100px; }
  .social-app-profile .hovercard .user-image .icon-wrapper {
    left: 52%;
    top: 10px;
    height: 30px;
    width: 30px;
    font-size: 15px; }
    .social-app-profile .hovercard .user-image .icon-wrapper:hover {
      font-size: 12px; }
  .social-app-profile .hovercard .user-image .share-icons {
    right: 15px; }
    .social-app-profile .hovercard .user-image .share-icons li {
      margin-right: 0px; }
  .social-app-profile .hovercard .info .tabs-scoial .user-designation {
    border-top: none;
    border-bottom: none;
    margin-bottom: 0;
    padding: 0px 0px; }
  .social-app-profile .tabs-scoial {
    margin-bottom: 0 !important; }
  .socialprofile .social-btngroup {
    margin: 15px 0; }
  .socialprofile .social-group {
    margin-top: 15px; }
  .social-status form .form-group .form-control-social {
    margin-bottom: 15px; }
  .social-status .media {
    margin-bottom: 15px; }
  .new-users-social {
    margin-bottom: 15px; }
  .tabs-scoial {
    position: relative;
    padding-top: 80px; }
    .tabs-scoial li:nth-child(3) {
      position: absolute;
      top: 25px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link {
      padding: 10px;
      height: 60px; }
  .timeline-content p,
  .timeline-content .comments-box {
    margin-top: 15px; }
  .timeline-content .comments-box .media .m-r-20 {
    margin-right: 10px; }
  .timeline-content .comments-box .media .media-body .input-group .input-group-append .btn {
    padding: 6px; }
  .timeline-content .comment-number i {
    margin-right: 15px; }
  #cd-timeline {
    margin-right: 0; }
  .social-chat {
    margin-top: 15px; }
    .social-chat .media-body {
      padding: 15px; }
    .social-chat .your-msg,
    .social-chat .other-msg {
      margin-bottom: 15px; }
  .social-network span {
    margin-bottom: 15px; }
  .social-list .media {
    margin-bottom: 15px; }
  .details-about + .details-about {
    margin-top: 15px; }
  .your-details-xs {
    margin-top: 15px; }
  .social-header h5 span.pull-right {
    float: right !important;
    margin-top: 0 !important; }
    .social-header h5 span.pull-right svg {
      width: 18px;
      height: 18px; }
  .activity-log .my-activity + .my-activity {
    margin-top: 15px; }
  .photos ul li {
    width: 26%; }
    .photos ul li:nth-child(3n) {
      margin-right: 0; }
  .timeline-small .media {
    margin-bottom: 15px; }
    .timeline-small .media .media-body h6 {
      margin-bottom: 15px; }
    .timeline-small .media .timeline-round.timeline-line-1:after {
      bottom: -39px;
      height: 30px; }
    .timeline-small .media .timeline-round.small-line:after {
      bottom: -17px;
      height: 8px; }
    .timeline-small .media .timeline-round.medium-line:after {
      bottom: -30px;
      height: 22px; }
  .helper-classes {
    padding: 15px; }
  .form-builder-2-header ul li {
    text-align: left; }
  .form-builder-2-header .form-inline {
    display: block;
    width: 100%; }
    .form-builder-2-header .form-inline .form-group {
      width: 100%;
      margin-right: 0; }
    .form-builder-2-header .form-inline button {
      width: 100%;
      text-align: left; }
  .page-builder .btn-grid {
    margin-bottom: 7px;
    padding-right: 5px; }
  .page-builder .ge-canvas.ge-editing .row {
    padding: 15px; }
  .page-builder .ge-canvas.ge-editing .ge-tools-drawer {
    margin: 10px; }
  .page-builder .ge-canvas.ge-layout-desktop [class*="col-"] {
    width: inherit !important; }
  .wizard-4 .step-container div.content {
    margin-top: 10px; }
  .nav-tabs .nav-item.show .nav-link {
    border-top: 0;
    border-bottom: 0; }
  .nav-tabs .nav-link {
    border-top: 0;
    border-bottom: 0; }
    .nav-tabs .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus {
      border-top: 0;
      border-bottom: 0; }
  .border-tab.nav-tabs .nav-item {
    width: 100% !important; }
  .border-tab .ecommerce-widget .progress-showcase {
    margin-top: 15px; }
  .nav {
    display: inherit;
    text-align: center;
    border-bottom: none; }
  .editor_container .CodeMirror {
    min-height: 190px;
    height: 190px; }
  .order-history table.dataTable.table thead th {
    padding-right: 60px; }
  .border-tab.nav-left .nav-link {
    text-align: center;
    border-left: none; }
  .border-tab.nav-right .nav-link {
    text-align: center;
    border-right: none; }
  .border-tab.nav-tabs {
    margin-bottom: 10px; }
  .tab-content ~ .nav-tabs.border-tab {
    margin-top: 10px; }
  .nav-pills {
    text-align: center; }
  .crm-overall {
    margin: 0 -15px -15px; }
  .product-color li {
    width: 15px;
    height: 15px; }
  .product-social li a {
    width: 30px;
    height: 30px;
    font-size: 13px; }
  .product-social li:nth-child(n+2) {
    margin-left: 5px; }
    [dir="rtl"] .product-social li:nth-child(n+2) {
      margin-left: unset;
      margin-right: 5px; }
  .product-page-main {
    padding: 15px; }
    .product-page-main .product-page-details h3 {
      font-size: 24px; }
  .todo .action-box.large {
    height: 25px;
    width: 25px; }
    .todo .action-box.large .icon {
      font-size: 14px;
      vertical-align: -3px; }
  .todo .todo-list-wrapper #todo-list li .task-container .task-label {
    font-size: 14px; }
  .todo .todo-list-wrapper .mark-all-tasks {
    right: 15px; }
  .datetime-picker label {
    text-align: left !important; }
  .redial-chart-block {
    text-align: center; }
  #nav-tabContent {
    margin-top: 15px; }
  .reset-password-box {
    width: 430px; }
  .auth-bg {
    padding: 25px 15px; }
  .auth-bg-effect {
    display: none; }
  .date-picker .text-right {
    text-align: left !important; }
  .dataTables_wrapper table.dataTable {
    margin-bottom: 15px !important; }
  ul.pagination li:before {
    line-height: 3; }
  div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
    padding-left: 0 !important; }
  div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
    padding-right: 0 !important; }
  div.dataTables_wrapper div.dataTables_length {
    margin-bottom: 15px; }
    div.dataTables_wrapper div.dataTables_length select {
      min-height: 30px; }
  div.dataTables_wrapper table.dataTable th,
  div.dataTables_wrapper table.dataTable td {
    padding: 0.5rem; }
  div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 15px !important; }
    div.dataTables_wrapper div.dataTables_paginate .paginate_button {
      padding: 1px 7px; }
      div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous {
        font-size: 0;
        padding: 0; }
        div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous a {
          border: none !important; }
        div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous:before {
          content: "\e64a";
          font-family: themify;
          font-size: 11px;
          padding: 0 5px; }
      div.dataTables_wrapper div.dataTables_paginate .paginate_button.next {
        font-size: 0;
        padding: 0; }
        div.dataTables_wrapper div.dataTables_paginate .paginate_button.next a {
          border: none !important; }
        div.dataTables_wrapper div.dataTables_paginate .paginate_button.next:before {
          content: "\e649";
          font-family: themify;
          font-size: 11px;
          padding: 0 5px; }
  div.dataTables_wrapper .dataTables_filter {
    margin-bottom: 15px; }
    div.dataTables_wrapper .dataTables_filter input[type="search"] {
      height: 30px; }
  .page-wrapper .page-body-wrapper .user-profile .profile-img-style {
    padding: 15px; }
    .page-wrapper .page-body-wrapper .user-profile .profile-img-style .img-container {
      margin-top: 15px; }
  .page-wrapper .page-body-wrapper .user-profile hr {
    margin: 15px 0; }
  .page-wrapper .page-body-wrapper .user-profile .like-comment {
    margin-top: 15px; }
  .jvector-map-height {
    height: 250px; }
  .user-profile .order-sm-0 {
    order: -1; }
  .user-profile .hovercard .info .ttl-info {
    text-align: center !important; }
  .user-profile .hovercard .info .ttl-xs-mt {
    margin-top: 20px; }
  .icon-hover-bottom .form-group {
    display: block !important;
    margin-bottom: 0; }
    .icon-hover-bottom .form-group input {
      width: 100% !important; }
    .icon-hover-bottom .form-group .btn {
      margin-top: 15px; }
  .icon-hover-bottom .icon-popup {
    padding: 15px; }
  .icon-hover-bottom svg.climacon {
    height: 50px;
    width: 50px; }
  .blog-box.blog-shadow:before {
    box-shadow: inset 0px -100px 100px -13px rgba(0, 0, 0, 0.6); }
  .blog-box .blog-details p,
  .blog-box .blog-details .single-blog-content-top {
    margin-top: 15px; }
  .blog-box .blog-details h4 {
    margin-top: 15px; }
  .blog-box .blog-details .blog-social {
    margin-top: 15px; }
    .blog-box .blog-details .blog-social li + li {
      padding-left: 20px; }
      .blog-box .blog-details .blog-social li + li > span {
        display: none; }
    .blog-box .blog-details .blog-social li:first-child {
      margin-right: 10px;
      padding-right: 20px; }
  .comment-box {
    padding-top: 40px;
    padding-bottom: 40px; }
    .comment-box ul ul {
      margin-left: 30px; }
    .comment-box li .media {
      display: block; }
      .comment-box li .media img {
        height: 50px;
        width: 50px;
        padding: 3px;
        margin-bottom: 10px; }
  .ace-editor {
    height: 320px; }
  .gallery > a {
    margin-bottom: 15px;
    text-align: center; }
  .card .card-header h5 {
    font-size: 17px; }
  .theme-form .form-group {
    margin-bottom: 15px; }
  .page-wrapper .page-body-wrapper .default-according .card .card-header,
  .page-wrapper .page-body-wrapper .default-according .card .card-body,
  .page-wrapper .page-body-wrapper .default-according .card .card-footer {
    padding: 0.75rem 1.25rem; }
  .page-wrapper .page-body-wrapper .card {
    margin-bottom: 20px; }
    .page-wrapper .page-body-wrapper .card .card-header .tab-content .m-t-30,
    .page-wrapper .page-body-wrapper .card .card-body .tab-content .m-t-30,
    .page-wrapper .page-body-wrapper .card .card-footer .tab-content .m-t-30 {
      margin-top: 20px !important; }
    .page-wrapper .page-body-wrapper .card .card-header .tab-content .m-b-30,
    .page-wrapper .page-body-wrapper .card .card-body .tab-content .m-b-30,
    .page-wrapper .page-body-wrapper .card .card-footer .tab-content .m-b-30 {
      margin-bottom: 20px !important; }
  .page-wrapper .page-body-wrapper .page-body {
    padding: 0 !important; }
  .page-wrapper .page-body-wrapper .page-title {
    padding-top: 15px;
    padding-bottom: 15px; }
    .page-wrapper .page-body-wrapper .page-title .row h3 {
      font-size: 20px; }
  /* alert responsive css start here */
  .alert-primary.inverse {
    background-color: transparent; }
  .alert-secondary.inverse {
    background-color: transparent; }
  .alert-success.inverse {
    background-color: transparent; }
  .alert-danger.inverse {
    background-color: transparent; }
  .alert-warning.inverse {
    background-color: transparent; }
  .alert-info.inverse {
    background-color: transparent; }
  .alert-light.inverse {
    background-color: transparent; }
  .alert-dark.inverse {
    background-color: transparent; }
  .alert .close {
    height: 100%; }
  .user-profile hr {
    margin: 15px 0; }
  .user-profile .hovercard .cardheader {
    height: 300px; }
  .user-profile .hovercard .info {
    padding: 20px; }
    .user-profile .hovercard .info .user-designation {
      border-top: 1px solid #E6E9EB;
      border-bottom: 1px solid #E6E9EB;
      margin-bottom: 15px;
      padding: 15px 0px; }
  .user-profile .hovercard .social-media a {
    margin-right: 0px;
    font-size: 16px; }
  .user-profile .hovercard .follow .follow-num {
    font-size: 20px; }
  .user-profile .profile-img-style .pictures img {
    margin-bottom: 10px; }
  .custom-card .card-footer > div h6 {
    font-size: 14px;
    font-weight: 600; }
  .custom-card .card-footer > div h3 {
    font-size: 24px; }
  .calendar-wrap .fc-toolbar .fc-center {
    margin-top: 10px; }
  .calendar-wrap a.fc-more {
    font-size: .70em; }
  .mega-inline {
    display: block; }
  .megaoptions-border-space-sm {
    padding-bottom: 30px !important; }
  .blog-box.blog-shadow .blog-details {
    padding: 15px; }
    .blog-box.blog-shadow .blog-details p {
      margin-bottom: 0; }
    .blog-box.blog-shadow .blog-details h4 {
      margin-bottom: 10px; }
  .blog-box.blog-list .blog-details {
    padding-top: 0; }
  .blog-box .blog-details {
    padding: 20px; }
  .blog-box .blog-date span {
    font-size: 25px; }
  .blog-single .blog-box .blog-details {
    padding: 0; }
  .error-wrapper {
    padding: 20px 0; }
    .error-wrapper .btn {
      margin-top: 15px; }
    .error-wrapper .img-100 {
      width: 50px !important; }
    .error-wrapper .error-heading {
      margin-top: 20px; }
      .error-wrapper .error-heading .cloud-second {
        margin-top: -60px; }
      .error-wrapper .error-heading .headline {
        font-size: 150px; }
    .error-wrapper .maintenance-heading .cloud-second {
      display: none; }
    .error-wrapper .maintenance-heading .headline {
      font-size: 25px;
      margin-top: -10%;
      letter-spacing: 2px; }
  .comingsoon .comingsoon-inner .coming-soon-bottom-link {
    margin-top: 20px;
    line-height: 1; }
  .comingsoon .comingsoon-inner h5 {
    margin-bottom: 20px;
    margin-top: 20px; }
  .comingsoon .comingsoon-inner .countdown {
    padding: 20px 0px; }
    .comingsoon .comingsoon-inner .countdown ul li {
      margin: 0 7px; }
    .comingsoon .comingsoon-inner .countdown .title {
      font-size: 12px; }
    .comingsoon .comingsoon-inner .countdown .time {
      width: 45px;
      height: 45px;
      line-height: 45px;
      font-size: 16px;
      margin: 0 auto; }
  .stepwizard {
    margin-bottom: 15px; }
  .f1 .f1-steps {
    margin-top: 15px;
    margin-bottom: 15px; }
  .wizard-4 ul.anchor {
    width: 100%;
    padding-bottom: 15px; }
  .wizard-4 .step-container {
    width: 100%; }
  .status-widget .text-sm-right {
    text-align: right; }
  .mega-menu {
    padding-left: 15px; }
    .mega-menu .onhover-show-div {
      height: 405px;
      left: 0;
      top: 61px;
      padding: 15px; }
    .mega-menu .lg-mt {
      margin-top: 10px; }
    .mega-menu .xs-mt {
      margin-top: 15px; }
  .nav-md-mt {
    margin-top: 15px; }
  .navs-icon {
    padding: 15px; }
    .navs-icon .main-section {
      padding-top: 15px; }
    .navs-icon .separator {
      margin: 15px 0; }
  .nav-list {
    padding: 15px; }
  .navs-dropdown button {
    margin-top: 15px; }
  .navs-dropdown .onhover-show-div {
    top: 64px; }
  .lg-mt {
    margin-top: 15px; }
  #aniimated-thumbnials a:last-child img {
    margin-bottom: 15px; }
  .tilt-showcase .mt-4 {
    margin-top: 15px !important; }
  .tilt-showcase ol .m-b-20 {
    margin-bottom: 15px !important; }
  .xs-mt {
    margin-top: 15px; }
  span.tag-pills-sm-mb:last-child {
    margin-top: 3px; }
  .animated-modal .form-group .form-control {
    width: 50%;
    margin: 0 auto; }
  .animated-modal .animated-modal-md-mb {
    margin-bottom: 15px !important; }
  .steps-md-mt {
    margin-top: 15px; }
  .steps-sizing-sm-mb {
    margin-bottom: 15px; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group {
    width: 96% !important; }
  #API-chield-row_wrapper #API-chield-row tbody tr td:first-child {
    min-width: 20px; }
  .chart-block .flot-chart-container p#choices {
    width: 100%; }
  .chart-block .flot-chart-container #toggling-series-flot {
    width: 100% !important; }
  .click2edit ~ .note-editor.note-frame {
    margin-bottom: 15px; }
  .ecommerce-widget .progress-showcase {
    margin-top: 15px; }
  .reset-password-box .theme-form .form-group .btn {
    margin-top: 13px !important; }
  .gallery-with-description a > div {
    margin-bottom: 15px; }
  .gallery-img-mb-sm {
    margin-bottom: 15px; }
  .xm-mb-peity {
    margin-bottom: 8px; }
  .authentication-main {
    padding: 30px 15px; }
  .translate_wrapper.active .more_lang:before, .translate_wrapper.active .more_lang:after {
    display: none; }
  .translate_wrapper.active .more_lang.active {
    position: fixed;
    width: calc(100vw - 30px);
    left: 15px;
    top: 60px; }
  .onhover-dropdown:hover .onhover-show-div {
    opacity: 0;
    transform: none;
    visibility: hidden; }
    .onhover-dropdown:hover .onhover-show-div.active {
      opacity: 1;
      transform: translateY(0px);
      visibility: visible;
      border-radius: 5px;
      overflow: hidden; }
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
    width: calc(100vw - 30px);
    position: fixed;
    top: 60px;
    right: 1px; }
  .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
    width: calc(100vw - 30px);
    position: fixed;
    top: 60px;
    left: 15px !important; }
  .page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown {
    left: 15px; }
  .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
    top: 70px; }
  .wizard-4 .action-bar .btn {
    margin: 0 2px; }
  .dropdown-basic .btn-group {
    margin-right: unset; } }

@media only screen and (max-width: 480px) {
  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
    width: 300px; }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div.notification-dropdown {
      width: auto; }
  .page-wrapper.only-body .page-header .header-wrapper .nav-right {
    display: none; }
  .chat-menu {
    top: 120px; }
  .product-wrapper-grid.list-view .product-box {
    display: block; }
    .product-wrapper-grid.list-view .product-box .product-img {
      width: 100%; }
  .pagination-lg .page-link {
    font-size: 1.0rem; }
  h6 {
    font-size: 14px; }
  .prooduct-details-box .media-body {
    margin-left: 0rem !important; }
  .knob-block .chart-clock-main {
    margin: auto;
    width: auto; }
    .knob-block .chart-clock-main .clock-medium {
      position: absolute;
      left: 33px;
      top: 33px; }
      .knob-block .chart-clock-main .clock-medium canvas {
        width: 180px !important;
        height: 180px !important; }
    .knob-block .chart-clock-main .clock-small {
      left: 34px;
      top: 74px; }
    .knob-block .chart-clock-main .clock-large {
      left: 0;
      top: 0;
      margin: 0 auto; }
      .knob-block .chart-clock-main .clock-large canvas {
        width: 245px !important;
        height: 245px !important; }
  .knob-block > div:not(.chart-clock-main) canvas {
    width: 245px !important;
    height: 245px !important; }
  .wizard-4 .action-bar .btn {
    width: 100%; }
    .wizard-4 .action-bar .btn + .btn {
      margin-top: 10px; }
  ul.notification-dropdown.onhover-show-div {
    width: 260px;
    right: -80px; }
    ul.notification-dropdown.onhover-show-div:before, ul.notification-dropdown.onhover-show-div:after {
      right: 89px !important; }
  .inline-block-sm {
    display: inline-block; }
  .pagination-lg .page-link {
    padding: 0.3rem 0.65rem; }
  .nav-pills li {
    width: 100%; }
  .reset-password-box {
    width: 290px; }
  .icon-hover-bottom .icon-first {
    margin-right: 10px; }
  .icon-hover-bottom .icon-popup .icon-class {
    display: none; }
  .error-wrapper .maintenance-heading {
    margin-top: 0; }
  .custom-card {
    padding: 0; }
    .custom-card .card-footer > div h3 {
      font-size: 20px; }
    .custom-card .card-social li {
      padding: 5px 0; }
    .custom-card .profile-details h6 {
      margin-bottom: 15px; }
    .custom-card .profile-details h4 {
      font-size: 20px; }
    .custom-card .card-profile img {
      height: 93px; }
  .card .card-header .card-header-right i {
    margin: 0 3px;
    font-size: 14px; }
  .card .card-header > span + span {
    display: none; }
  .timeline-small .media .timeline-round.timeline-line-1:after {
    bottom: -50px; }
  .timeline-small .media .timeline-round.medium-line:after {
    bottom: -40px; }
  .dropdown-basic {
    text-align: center; }
  .dropup-basic {
    text-align: center; }
  .blog-box.blog-shadow .blog-details {
    padding: 10px; }
    .blog-box.blog-shadow .blog-details h4 {
      font-size: 14px; }
  .mega-menu {
    padding-left: 20px;
    padding-top: 3px; }
    .mega-menu .onhover-show-div {
      height: 405px;
      left: 0;
      top: 61px;
      padding: 15px; }
  .badge {
    padding: 0.42em 0.7em; }
  .alert-dismissible .close {
    top: -1px; }
    .alert-dismissible .close span {
      font-size: 19px; }
  .notify-alert {
    width: 90%; } }

@media only screen and (max-width: 420px) {
  .product-sidebar.open {
    top: -75px; }
  .alert-theme {
    font-size: 12px;
    min-width: 300px; }
    .alert-theme button {
      right: 30px !important; }
    .alert-theme i {
      display: none; }
    .alert-theme span + span + span {
      padding: 15px; }
  footer .footer-copyright {
    padding: 0px !important; }
  .and-many-more {
    font-size: 37px; }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper > div {
    width: 112px; }
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 112px;
    width: 190px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper > div {
    width: 80px; }
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,
  .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container {
    left: 80px;
    width: 210px; }
  .login-card .login-main .theme-form .link {
    position: unset; } }

@media only screen and (max-width: 360px) {
  .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group {
    width: 45%; }
  .prooduct-details-box .close {
    right: 0;
    top: 5px; }
  .prooduct-details-box .btn {
    padding: 4px 8px; }
  .prooduct-details-box .media {
    padding: 15px;
    display: block; }
    .prooduct-details-box .media .media-body {
      margin-top: 15px; }
  .datepicker--nav-action {
    width: 20px;
    margin-left: -10px;
    background-color: transparent; }
    .datepicker--nav-action path {
      stroke: var(--theme-deafult); }
  .clockpicker-align-top {
    top: 426px !important; }
  .note {
    min-width: 250px; }
  .datepicker {
    width: 239px; }
  .add-post form .m-checkbox-inline label {
    margin-bottom: 8px; }
    .add-post form .m-checkbox-inline label:last-child {
      margin-bottom: 0; }
  .map-js-height {
    height: 250px; }
  .bar-chart-widget .earning-details i {
    right: -73px; }
  .status-widget svg {
    width: 18px;
    height: 18px; }
  .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link {
    padding: 10px 5px;
    font-size: 14px; }
  .user-profile .hovercard .user-image .share-icons {
    right: 6px;
    top: -15px; }
    .user-profile .hovercard .user-image .share-icons li .social-icon {
      width: 25px;
      height: 25px; }
      .user-profile .hovercard .user-image .share-icons li .social-icon i {
        font-size: 14px; }
  .social-chat .other-msg {
    margin-left: 15px; }
  .social-header h5 span.pull-right {
    display: none; }
  .timeline-small .media .timeline-round.timeline-line-1:after {
    bottom: -74px;
    height: 56px; }
  .timeline-small .media .timeline-round.small-line:after {
    bottom: -32px;
    height: 14px; }
  .timeline-small .media .timeline-round.medium-line:after {
    bottom: -59px;
    height: 40px; }
  .timeline-small .media .media-body p {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4; }
  .custom-card .dashboard-card {
    padding-top: 0; }
  .custom-card .card-profile img {
    bottom: 25px; }
  .custom-card .card-footer > div h6 {
    font-size: 12px; }
  .flot-chart-container {
    height: 230px; }
  .map-block {
    height: 250px; }
  .img-cropper .docs-tooltip {
    font-size: 11px; }
  .img-cropper .docs-toggles .btn-group .btn {
    padding: 0.375rem 0.2rem; }
  .blog-box .blog-details p {
    line-height: 1.5; }
  .blog-box .blog-details .blog-social li:last-child {
    padding-left: 0; }
  .blog-box .blog-details-main .blog-social li {
    padding: 0 10px; }
  .button-builder-wrap .btn-lg {
    font-size: 18px; }
  .tabs-responsive-side {
    max-width: 100%; }
  .browser-widget .media i {
    font-size: 52px; }
  .browser-widget .media .media-body h4 {
    font-size: 20px; }
  .bar-chart-widget .bottom-content .num {
    font-size: 17px; }
  .search-page .theme-form .input-group .form-control-plaintext {
    padding-left: 10px; }
  .search-page .theme-form .input-group .btn {
    padding: 6px 4px; }
  .search-page .info-block {
    padding: 20px; }
  .wizard-4 ul.anchor {
    padding-top: 15px; }
  .wizard-4 .msg-box {
    top: 40px !important; }
  .xs-width-100 {
    min-width: 100%; }
  .form-builder #components .component .form-group #button1id {
    margin-bottom: 15px; }
  .default-according .card .card-header i {
    font-size: 14px;
    top: 24px; }
  .default-according .card .btn-link {
    display: block;
    width: 100%;
    padding-left: 17px; }
  .star-ratings .stars .title {
    line-height: 1; }
  .user-profile .hovercard .social-media a {
    padding: 0 6px; }
  .bootstrap-touchspin .touchspin-vertical-tab .input-group {
    width: 93% !important; }
  .step-container {
    height: 280px !important; }
  .sort-panel .d-inline .btn {
    margin-left: 87px; }
  .jsgrid .jsgrid-pager-container .jsgrid-pager .jsgrid-pager-page {
    padding: 0.5em 0.62em; }
  .error-wrapper .error-heading .headline {
    font-size: 100px; }
  .lg-toolbar .lg-icon {
    width: 40px; }
  .calendar-wrap a.fc-more {
    font-size: .59em; }
  .calendar-wrap .fc th {
    font-size: 10px; }
  .modal-footer {
    display: block;
    text-align: center; }
  .order-box .qty li {
    font-size: 14px; }
    .order-box .qty li span {
      font-size: 14px; }
  .order-box ul li span {
    text-align: right; }
  .order-box ul li label {
    text-align: right;
    font-size: 14px; }
  .order-box .sub-total li .count {
    font-size: 14px; }
  .checkout .text-end {
    text-align: left !important;
    margin-top: 15px; } }

@media only screen and (min-width: 576px) {
  .product-wrapper-grid.list-view .col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%; }
  .sidebar-wrapper .back-btn {
    display: none; } }

@media (width: 768px) and (height: 1024px) {
  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
    height: calc(100vh - 210px); } }

/**=====================
     62. Responsive CSS Ends
==========================**/
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); }

.flatpickr-calendar.open, .flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible; }

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999; }

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px; }

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px); }

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block; }

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6; }

.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0; }

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6; }

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto; }

.flatpickr-calendar:before, .flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px; }

.flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px; }

.flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%; }

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px; }

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px; }

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  bottom: 100%; }

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6; }

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff; }

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  top: 100%; }

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6; }

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff; }

.flatpickr-calendar:focus {
  outline: 0; }

.flatpickr-wrapper {
  position: relative;
  display: inline-block; }

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9); }

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none; }

.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
  position: relative; }

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
      /*rtl:begin:ignore*/
  left: 0; }

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
      /*rtl:begin:ignore*/
  right: 0; }

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9; }

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747; }

.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px; }

.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill .1s;
  transition: fill .1s;
  fill: inherit; }

.numInputWrapper {
  position: relative;
  height: auto; }

.numInputWrapper input, .numInputWrapper span {
  display: inline-block; }

.numInputWrapper input {
  width: 100%; }

.numInputWrapper input::-ms-clear {
  display: none; }

.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none; }

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1); }

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2); }

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute; }

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0; }

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%; }

.numInputWrapper span.arrowDown {
  top: 50%; }

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%; }

.numInputWrapper span svg {
  width: inherit;
  height: auto; }

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5); }

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05); }

.numInputWrapper:hover span {
  opacity: 1; }

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: .5ch;
  padding: 0; }

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05); }

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block; }

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9); }

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9); }

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 .5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield; }

.flatpickr-current-month input.cur-year:focus {
  outline: 0; }

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none; }

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 .5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto; }

.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none; }

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05); }

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0; }

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px; }

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder; }

.dayContainer, .flatpickr-weeks {
  padding: 1px 0 0 0; }

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px; }

.flatpickr-days:focus {
  outline: 0; }

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1; }

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6; }

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center; }

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6; }

.flatpickr-day.today {
  border-color: #959ea9; }

.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff; }

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7; }

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px; }

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0; }

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7; }

.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px; }

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6; }

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default; }

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1); }

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7; }

.flatpickr-day.hidden {
  visibility: hidden; }

.rangeMode .flatpickr-day {
  margin-top: 1px; }

.flatpickr-weekwrapper {
  float: left; }

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6; }

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px; }

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none; }

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden; }

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both; }

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left; }

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939; }

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939; }

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%; }

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%; }

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield; }

.flatpickr-time input.flatpickr-hour {
  font-weight: bold; }

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400; }

.flatpickr-time input:focus {
  outline: 0;
  border: 0; }

.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center; }

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400; }

.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
  background: #eee; }

.flatpickr-input[readonly] {
  cursor: pointer; }

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

/* Import SCSS files */
/*
* star rating
*/
.star-group-view, .star-group-view-cleaners {
  /* remove inline-block whitespace */
  font-size: 0;
  /* flip the order so we can use the + and ~ combinators */
  unicode-bidi: bidi-override;
  direction: rtl; }
  .star-group-view *, .star-group-view-cleaners * {
    font-size: 3rem; }
  .star-group-view > input, .star-group-view-cleaners > input {
    display: none; }
    .star-group-view > input + label, .star-group-view-cleaners > input + label {
      /* only enough room for the star */
      display: inline-block;
      overflow: hidden;
      text-indent: 9999px;
      width: 1em;
      white-space: nowrap;
      cursor: pointer; }
      .star-group-view > input + label:before, .star-group-view-cleaners > input + label:before {
        display: inline-block;
        text-indent: -9999px;
        content: "\2606";
        color: #888; }
    .star-group-view > input:checked ~ label:before, .star-group-view > input + label:hover ~ label:before, .star-group-view > input + label:hover:before, .star-group-view-cleaners > input:checked ~ label:before, .star-group-view-cleaners > input + label:hover ~ label:before, .star-group-view-cleaners > input + label:hover:before {
      content: "\2605";
      color: #f79c27;
      text-shadow: 0 0 1px #333; }
  .star-group-view:hover > input + label:before, .star-group-view-cleaners:hover > input + label:before {
    content: "\2606";
    color: #888;
    text-shadow: none; }
  .star-group-view:hover > input + label:hover ~ label:before, .star-group-view:hover > input + label:hover:before, .star-group-view-cleaners:hover > input + label:hover ~ label:before, .star-group-view-cleaners:hover > input + label:hover:before {
    content: "\2605";
    color: #f79c27;
    text-shadow: 0 0 1px #333; }

.star-group-view, .star-group-view-cleaners {
  float: left; }
  .star-group-view label, .star-group-view label:before, .star-group-view-cleaners label, .star-group-view-cleaners label:before {
    font-size: 2rem;
    cursor: auto;
    color: #888;
    content: "\2606";
    text-shadow: none; }
  .star-group-view .selected:before,
  .star-group-view .selected ~ label:before, .star-group-view-cleaners .selected:before,
  .star-group-view-cleaners .selected ~ label:before {
    content: "\2605";
    color: #f79c27;
    text-shadow: 0 0 1px #333; }

.star-group-view-cleaners {
  float: none; }

.dashboard-box {
  margin-bottom: -0.2em; }

.simple-calendar table {
  -webkit-border-horizontal-spacing: 0px;
  -webkit-border-vertical-spacing: 0px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #dddddd;
  border-collapse: collapse;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%; }

.simple-calendar tr {
  border-collapse: collapse; }

.simple-calendar th {
  padding: 6px;
  border-bottom: 2px solid #dddddd;
  border-collapse: collapse;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 0px none #333333;
  box-sizing: border-box;
  text-align: left; }

.simple-calendar td {
  padding: 6px;
  vertical-align: top;
  width: 14%;
  border: 1px solid #ddd;
  border-top-color: #dddddd;
  border-top-style: solid;
  border-top-width: 1px;
  border-right-color: #dddddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: #dddddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #dddddd;
  border-left-style: solid;
  border-left-width: 1px; }

.simple-calendar .calendar-heading nav {
  display: inline-block; }

.simple-calendar .day {
  height: 80px; }

.simple-calendar .today {
  background: #FFFFC0; }

.simple-calendar .prev-month {
  background: #DDD; }

.simple-calendar .next-month {
  background: #DDD; }

.calendar-header {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1em; }
  .calendar-header .prev, .calendar-header .next {
    font-size: 1.5em;
    padding: 0px 10px;
    text-decoration: none;
    margin: 5px; }

.calendar-title h2 {
  margin: 0;
  font-size: 1.5em; }

.simple-calendar tr:nth-of-type(odd) {
  --bs-table-accent-bg: transparent !important;
  background-color: transparent !important; }

.simple-calendar td.has-events a {
  color: #0b1278;
  font-size: 13px;
  font-weight: 600; }

.simple-calendar .calendar-heading {
  display: none; }

.simple-calendar .truncate-link {
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.simple-calendar .truncate-link {
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.simple-calendar .truncate-link:hover {
  text-decoration: underline !important; }

#feedback-button {
  position: fixed;
  right: -3rem;
  bottom: 50%;
  z-index: 1000;
  border-radius: 8px 8px 0 0;
  transform: rotate(270deg);
  box-shadow: none; }

#feedback-button.admin-theme {
  right: -3.7rem !important; }

#feedback-button.admin-theme-dashboard {
  right: -4rem !important; }

.custom-header {
  width: calc(100% - 265px) !important; }

.custom-header .close_icon {
  width: 95% !important; }

.invalid-feedback {
  display: block !important; }

.boost-up-card-bg-color1 {
  background: linear-gradient(26deg, #77bd9a 0%, #d0c820 100%); }
  .boost-up-card-bg-color1 h6 {
    z-index: 2; }

.boost-up-card-bg-color2 {
  background: linear-gradient(103.75deg, #e0c0ea -13.9%, #8b71de 79.68%); }
  .boost-up-card-bg-color2 h6 {
    z-index: 2; }

.custom-profile-img {
  width: 30px;
  height: 30px; }

.cleaner-signup-bg-img {
  background: url(/assets/logo-0729395814e119aa9a8d73db45c16c1b56215e4e3e46cfcce84553b265c0b696.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.customer-signin-bg-img {
  background: url(/assets/admin/login/10-57703a17ec1d66c81a818ad0890938f996db378ee675111e63c52faf4558aa95.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  /* Semi-transparent background */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000; }

.overlay-content {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  width: 75%;
  height: 95%;
  overflow-y: auto;
  /* Enable vertical scroll */ }

.overlay-content h2 {
  margin-top: 0; }

.overlay-content p {
  margin-bottom: 1em; }

.hint-highlight {
  color: #06aefa;
  font-weight: bold; }

label.required:after {
  content: " *";
  color: red; }

/* Customer dashbaord search bar */
.yellow-dark-bg {
  background: #ffc000; }

.custom-pt {
  padding-top: 5rem !important; }

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.tp-appoint-title {
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 1.33; }

.tp-appoint input, .tp-appoint select {
  color: #064e2a;
  font-size: 15px;
  display: block;
  width: 100%;
  height: 70px;
  background: #ffffff;
  font-weight: 400;
  border: 1px solid transparent;
  outline: none;
  padding: 0px 25px;
  width: 100%; }

.tp-appoint .btn {
  color: #fff; }

.tp-appoint .btn:hover {
  color: #000;
  background-color: #fed10c !important;
  border-color: #fed10c !important; }

.tp-appoint .btn-xl {
  padding: 1.4rem 1rem;
  font-size: 1rem;
  border-radius: 0.3rem; }

.px-b-start {
  padding-block-start: 0%; }

.min-width-col {
  min-width: 10rem; }

table.dataTable.display tbody tr.new-booking td, table.dataTable.display tbody tr.new-quote-request-or-message td {
  background-color: #f73143 !important;
  color: #ffffff !important; }